diff --git a/README.md b/README.md
index 13183a257..7f6d19af7 100644
--- a/README.md
+++ b/README.md
@@ -31,13 +31,23 @@ Follow these steps to get started using these resources:
 [Arabic](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](./translations/zh-HK/README.md) | [Chinese (Traditional, Macau)](./translations/zh-MO/README.md) | [Chinese (Traditional, Taiwan)](./translations/zh-TW/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/pt-BR/README.md) | [Portuguese (Portugal)](./translations/pt-PT/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md)
 
 > **Prefer to Clone Locally?**
-
+>
 > This repository includes 50+ language translations which significantly increases the download size. To clone without translations, use 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"
+> ```
+>
 > This gives you everything you need to complete the course with a much faster download.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
diff --git a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.en.png b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.en.png
deleted file mode 100644
index 4148c1017..000000000
Binary files a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.en.png and /dev/null differ
diff --git a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.en.png b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.en.png
deleted file mode 100644
index e89ba6168..000000000
Binary files a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.en.png and /dev/null differ
diff --git a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.en.png b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.en.png
deleted file mode 100644
index 78a6fb81c..000000000
Binary files a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.en.png and /dev/null differ
diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.en.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.en.png
deleted file mode 100644
index 6e5a9ef91..000000000
Binary files a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.en.png and /dev/null differ
diff --git a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.en.png b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.en.png
deleted file mode 100644
index 474ed4017..000000000
Binary files a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.en.png and /dev/null differ
diff --git a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.en.png b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.en.png
deleted file mode 100644
index 3bd93a532..000000000
Binary files a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.en.png and /dev/null differ
diff --git a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.en.png b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.en.png
deleted file mode 100644
index ad9341a4b..000000000
Binary files a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.en.png and /dev/null differ
diff --git a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.en.jpg b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.en.jpg
deleted file mode 100644
index 06fa7e91e..000000000
Binary files a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.en.jpg and /dev/null differ
diff --git a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.en.png b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.en.png
deleted file mode 100644
index b42a0d08a..000000000
Binary files a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.en.png and /dev/null differ
diff --git a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.en.png b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.en.png
deleted file mode 100644
index 0076f9c5d..000000000
Binary files a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.en.png and /dev/null differ
diff --git a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.en.png b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.en.png
deleted file mode 100644
index 9f3e12884..000000000
Binary files a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.en.png and /dev/null differ
diff --git a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.en.png b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.en.png
deleted file mode 100644
index ccc65305d..000000000
Binary files a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.en.png and /dev/null differ
diff --git a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.en.png b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.en.png
deleted file mode 100644
index 42cd07021..000000000
Binary files a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.en.png and /dev/null differ
diff --git a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.en.png b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.en.png
deleted file mode 100644
index 3220a0f9f..000000000
Binary files a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.en.png and /dev/null differ
diff --git a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.en.png b/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.en.png
deleted file mode 100644
index 48934523f..000000000
Binary files a/translated_images/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.en.png and /dev/null differ
diff --git a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.en.png b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.en.png
deleted file mode 100644
index f0a6fa895..000000000
Binary files a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.en.png and /dev/null differ
diff --git a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.en.png b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.en.png
deleted file mode 100644
index aaa3fe3ce..000000000
Binary files a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.en.png and /dev/null differ
diff --git a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.en.png b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.en.png
deleted file mode 100644
index a1fb99b56..000000000
Binary files a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.en.png and /dev/null differ
diff --git a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.en.png b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.en.png
deleted file mode 100644
index 99e0f52a2..000000000
Binary files a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.en.png and /dev/null differ
diff --git a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.en.png b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.en.png
deleted file mode 100644
index 67291b688..000000000
Binary files a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.en.png and /dev/null differ
diff --git a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.en.png b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.en.png
deleted file mode 100644
index 2dec44d47..000000000
Binary files a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.en.png and /dev/null differ
diff --git a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.en.png b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.en.png
deleted file mode 100644
index d4bd5400b..000000000
Binary files a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.en.png and /dev/null differ
diff --git a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.en.png b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.en.png
deleted file mode 100644
index 6de176274..000000000
Binary files a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.en.png and /dev/null differ
diff --git a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.en.jpg b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.en.jpg
deleted file mode 100644
index 321b64882..000000000
Binary files a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.en.jpg and /dev/null differ
diff --git a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.en.png b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.en.png
deleted file mode 100644
index b324f620d..000000000
Binary files a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.en.png and /dev/null differ
diff --git a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.en.png b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.en.png
deleted file mode 100644
index 2558533fa..000000000
Binary files a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.en.png and /dev/null differ
diff --git a/translated_images/en/.co-op-translator.json b/translated_images/en/.co-op-translator.json
new file mode 100644
index 000000000..245e9b0a4
--- /dev/null
+++ b/translated_images/en/.co-op-translator.json
@@ -0,0 +1,860 @@
+{
+  "1.b6da8c1394b07491.webp": {
+    "original_hash": "6b12479c2e6a54160867fa8945c04082",
+    "translation_date": "2026-03-06T11:52:51+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/images/1.png",
+    "language_code": "en"
+  },
+  "1.cc07a5cbe114ad1d.webp": {
+    "original_hash": "fc436b6749801dd90d0558ae92d56b60",
+    "translation_date": "2026-03-06T11:54:08+00:00",
+    "source_file": "3-terrarium/2-intro-to-css/images/1.png",
+    "language_code": "en"
+  },
+  "2.1dae52ff08042246.webp": {
+    "original_hash": "3995628a6a986308859d0cb6eed8d787",
+    "translation_date": "2026-03-06T11:52:43+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/images/2.png",
+    "language_code": "en"
+  },
+  "after-codeswing-extension-pb.0ebddddcf73b5509.webp": {
+    "original_hash": "861d59ec65a7334c5f3a4c02dfe22ceb",
+    "translation_date": "2026-03-06T11:51:34+00:00",
+    "source_file": "8-code-editor/images/after-codeswing-extension-pb.png",
+    "language_code": "en"
+  },
+  "background.148a8d43afde5730.webp": {
+    "original_hash": "5a50f015fb466782c69063ffebb256de",
+    "translation_date": "2026-03-06T11:49:32+00:00",
+    "source_file": "images/background.png",
+    "language_code": "en"
+  },
+  "backgroundColor.e19c3c60768150c8.webp": {
+    "original_hash": "b3e10fe033f615ec9d3580cce61eae09",
+    "translation_date": "2026-03-06T11:52:21+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/backgroundColor.png",
+    "language_code": "en"
+  },
+  "browser-console.efaf0b51aaaf6778.webp": {
+    "original_hash": "8d6c5077d1f133d27c65c0014ef503a9",
+    "translation_date": "2026-03-06T11:53:03+00:00",
+    "source_file": "7-bank-project/2-forms/images/browser-console.png",
+    "language_code": "en"
+  },
+  "browser.60317c9be8b7f84a.webp": {
+    "original_hash": "aa4461fec006d86899864d991b50cc74",
+    "translation_date": "2026-03-06T11:49:42+00:00",
+    "source_file": "sketchnotes/browser.jpg",
+    "language_code": "en"
+  },
+  "canvas.fbd605ff8e5b8aff.webp": {
+    "original_hash": "29556305738d345dd023554d788d5477",
+    "translation_date": "2026-03-06T11:49:13+00:00",
+    "source_file": "teaching-files/canvas.png",
+    "language_code": "en"
+  },
+  "canvas_grid.5f209da785ded492.webp": {
+    "original_hash": "8da354720ffbfd778571aa17402de890",
+    "translation_date": "2026-03-06T11:52:12+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/canvas_grid.png",
+    "language_code": "en"
+  },
+  "character.5c0dd8e067ffd693.webp": {
+    "original_hash": "076bbb4d25a17982c81973b8dba9d4fa",
+    "translation_date": "2026-03-06T11:49:27+00:00",
+    "source_file": "images/character.png",
+    "language_code": "en"
+  },
+  "click-register.e89a30bf0d4bc9ca.webp": {
+    "original_hash": "ef9688313524664fad6ab9b0e080c758",
+    "translation_date": "2026-03-06T11:52:57+00:00",
+    "source_file": "7-bank-project/2-forms/images/click-register.png",
+    "language_code": "en"
+  },
+  "clone_repo.5085c48d666ead57.webp": {
+    "original_hash": "28c00f3d5861ab95d188b4f6a2d337df",
+    "translation_date": "2026-03-06T11:54:10+00:00",
+    "source_file": "1-getting-started-lessons/2-github-basics/images/clone_repo.png",
+    "language_code": "en"
+  },
+  "clone_repo.6a202fb230ab6bdd.webp": {
+    "original_hash": "9261d014674312eece91deae958538cf",
+    "translation_date": "2026-03-06T11:49:29+00:00",
+    "source_file": "images/clone_repo.png",
+    "language_code": "en"
+  },
+  "codespace.bcecbdf5d2747d3d.webp": {
+    "original_hash": "ff86a65511122ddb448e092969566b0a",
+    "translation_date": "2026-03-06T11:54:12+00:00",
+    "source_file": "9-chat-project/assets/codespace.png",
+    "language_code": "en"
+  },
+  "create-a-fork.297ab42b4bd0af99.webp": {
+    "original_hash": "10712b80e3dcfa7c44fb8820a6ff3ad3",
+    "translation_date": "2026-03-06T11:51:36+00:00",
+    "source_file": "8-code-editor/images/create-a-fork.png",
+    "language_code": "en"
+  },
+  "create-new-file-pb.0797800d977ec3eb.webp": {
+    "original_hash": "c149c42e04132f2409651425d6924ffa",
+    "translation_date": "2026-03-06T11:51:07+00:00",
+    "source_file": "8-code-editor/images/create-new-file-pb.png",
+    "language_code": "en"
+  },
+  "create-new-file.2814e609c2af9aeb.webp": {
+    "original_hash": "cf6df76faeac2d92904e5d877b7bdf69",
+    "translation_date": "2026-03-06T11:51:04+00:00",
+    "source_file": "8-code-editor/images/create-new-file.png",
+    "language_code": "en"
+  },
+  "createcodespace.0238bbf4d7a8d955.webp": {
+    "original_hash": "4f504323085308f4a0e7b5bfb37e16d7",
+    "translation_date": "2026-03-06T11:49:25+00:00",
+    "source_file": "images/createcodespace.png",
+    "language_code": "en"
+  },
+  "data-flow.fa2354e0908fecc8.webp": {
+    "original_hash": "c9b82b42fa1973b3b7bfad9c7128c24c",
+    "translation_date": "2026-03-06T11:53:09+00:00",
+    "source_file": "7-bank-project/4-state-management/images/data-flow.png",
+    "language_code": "en"
+  },
+  "default-vscode-dev.5d06881d65c1b323.webp": {
+    "original_hash": "146fecc3a9da37cb1d5c9d628cd94996",
+    "translation_date": "2026-03-06T11:51:53+00:00",
+    "source_file": "8-code-editor/images/default-vscode-dev.png",
+    "language_code": "en"
+  },
+  "dialog.93bba104afeb79f1.webp": {
+    "original_hash": "c56b5ad7eb8c4df4b3ed8a99bf67e6e2",
+    "translation_date": "2026-03-06T11:53:09+00:00",
+    "source_file": "7-bank-project/4-state-management/images/dialog.png",
+    "language_code": "en"
+  },
+  "dom-tree.7daf0e763cbbba92.webp": {
+    "original_hash": "579f4ae298ff15a357def7f442671847",
+    "translation_date": "2026-03-06T11:53:15+00:00",
+    "source_file": "3-terrarium/3-intro-to-DOM-and-closures/images/dom-tree.png",
+    "language_code": "en"
+  },
+  "earlybrowsers.d984b711cdf3a42d.webp": {
+    "original_hash": "810a4d2348668e25289029c5cfcb67bd",
+    "translation_date": "2026-03-06T11:52:40+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/images/earlybrowsers.jpg",
+    "language_code": "en"
+  },
+  "edit-a-file-pb.263555922c14fc52.webp": {
+    "original_hash": "5c52723d35259eadd110d0c720a87b04",
+    "translation_date": "2026-03-06T11:51:49+00:00",
+    "source_file": "8-code-editor/images/edit-a-file-pb.png",
+    "language_code": "en"
+  },
+  "edit-a-file.52c0ee665ef19f08.webp": {
+    "original_hash": "c28903236d60be6bba3f3848ea368c63",
+    "translation_date": "2026-03-06T11:52:11+00:00",
+    "source_file": "8-code-editor/images/edit-a-file.png",
+    "language_code": "en"
+  },
+  "enemyShip.035a46787bff658c.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:17+00:00",
+    "source_file": "6-space-game/5-keeping-score/solution/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.1a1354d7988de290.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/6-end-condition/solution/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.22cbee6ea27a5809.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/your-work/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.321ecb1b4eb21f2c.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/5-keeping-score/your-work/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.4fbf2889e6129db4.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/6-end-condition/your-work/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.5df2a822c16650c2.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/solution/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.62983ed4bfb2220f.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/solution/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.add7036e1c3c3014.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/4-collision-detection/solution/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.b39a140287683bf7.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/your-work/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.b9626ed228a17a32.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/4-collision-detection/your-work/assets/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyShip.deb0477a7312f54d.webp": {
+    "original_hash": "2a41854e0eaa974e8619298f3b333e11",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/enemyShip.png",
+    "language_code": "en"
+  },
+  "enemyUFO.bf8585e4e8dcdb68.webp": {
+    "original_hash": "18198bef76e4882928e4092344d0fb98",
+    "translation_date": "2026-03-06T11:52:20+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/enemyUFO.png",
+    "language_code": "en"
+  },
+  "extension-details.9f8f1fd4e9eb2de5.webp": {
+    "original_hash": "f57d2e246e6ba8a58463d7573640d714",
+    "translation_date": "2026-03-06T11:52:09+00:00",
+    "source_file": "8-code-editor/images/extension-details.png",
+    "language_code": "en"
+  },
+  "extension-screenshot.0e7f5bfa110e92e3.webp": {
+    "original_hash": "4fdd1d3fdbc9ac2c2932f83847a5e4b8",
+    "translation_date": "2026-03-06T11:49:23+00:00",
+    "source_file": "5-browser-extension/extension-screenshot.png",
+    "language_code": "en"
+  },
+  "extension-settings.21c752ae4f4cdb78.webp": {
+    "original_hash": "fd7ebcb5d84c78047026ab3337908306",
+    "translation_date": "2026-03-06T11:51:13+00:00",
+    "source_file": "8-code-editor/images/extension-settings.png",
+    "language_code": "en"
+  },
+  "extensions.eca0e0c7f59a10b5.webp": {
+    "original_hash": "a6c9c8f51d3edd917262e53664f08441",
+    "translation_date": "2026-03-06T11:51:38+00:00",
+    "source_file": "8-code-editor/images/extensions.png",
+    "language_code": "en"
+  },
+  "favicon.37b561214b36d454.webp": {
+    "original_hash": "228faa6584f8ba1f7e9a75e3200112e9",
+    "translation_date": "2026-03-06T11:49:25+00:00",
+    "source_file": "images/favicon.png",
+    "language_code": "en"
+  },
+  "form-post.61de4ca1b964d91a.webp": {
+    "original_hash": "7e95c76a8ea2e82bceea70aae89f2360",
+    "translation_date": "2026-03-06T11:52:59+00:00",
+    "source_file": "7-bank-project/2-forms/images/form-post.png",
+    "language_code": "en"
+  },
+  "history.7fdabbafa521e064.webp": {
+    "original_hash": "445d71bea6a747dfe547df7eea846439",
+    "translation_date": "2026-03-06T11:52:52+00:00",
+    "source_file": "7-bank-project/1-template-route/history.png",
+    "language_code": "en"
+  },
+  "install-on-edge.78634f02842c4828.webp": {
+    "original_hash": "6224aad8f1cd252da83c2808ff5c7a4e",
+    "translation_date": "2026-03-06T11:49:17+00:00",
+    "source_file": "5-browser-extension/install-on-edge.png",
+    "language_code": "en"
+  },
+  "install-on-edge.d68781acaf0b3d3d.webp": {
+    "original_hash": "6224aad8f1cd252da83c2808ff5c7a4e",
+    "translation_date": "2026-03-06T11:52:48+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/images/install-on-edge.png",
+    "language_code": "en"
+  },
+  "laserGreen.89904f0f49945560.webp": {
+    "original_hash": "ddf7102c86fc3ec46037714c60091851",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/laserGreen.png",
+    "language_code": "en"
+  },
+  "laserGreenShot.e4fbfc4714c08a5b.webp": {
+    "original_hash": "cb6ed500c16736a41998e4cd0c467df7",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/laserGreenShot.png",
+    "language_code": "en"
+  },
+  "laserRed.2040e11f55c0a40a.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/6-end-condition/solution/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.381bc5555491ce67.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/your-work/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.69730edd76f0b3bd.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/6-end-condition/your-work/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.b583dc1728eb8581.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:17+00:00",
+    "source_file": "6-space-game/5-keeping-score/solution/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.cae9ab24ea9b18fd.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/4-collision-detection/solution/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.d81ce4986f87c251.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:18+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.e58ef8db2585dfbe.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/5-keeping-score/your-work/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.e66e29ace6666064.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/solution/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRed.e86e8fb629c6026e.webp": {
+    "original_hash": "6f0626e9839beb9d9a82ff40699aabfd",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/4-collision-detection/your-work/assets/laserRed.png",
+    "language_code": "en"
+  },
+  "laserRedShot.c39d066745996a71.webp": {
+    "original_hash": "1f1048184aab9d405e9f7d067a57af01",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/laserRedShot.png",
+    "language_code": "en"
+  },
+  "life.27144b6d4bfdea76.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/life.png",
+    "language_code": "en"
+  },
+  "life.2a159298dd98f4ef.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/5-keeping-score/your-work/assets/life.png",
+    "language_code": "en"
+  },
+  "life.466df3b1692a244a.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/4-collision-detection/your-work/assets/life.png",
+    "language_code": "en"
+  },
+  "life.65a2aaceca875284.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/4-collision-detection/solution/assets/life.png",
+    "language_code": "en"
+  },
+  "life.6fb9f50d53ee0413.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:17+00:00",
+    "source_file": "6-space-game/5-keeping-score/solution/assets/life.png",
+    "language_code": "en"
+  },
+  "life.78b6e96a3003767e.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/6-end-condition/your-work/assets/life.png",
+    "language_code": "en"
+  },
+  "life.86d843ce9c23289c.webp": {
+    "original_hash": "9a5d93e699071693b15b7b157f760a90",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/6-end-condition/solution/assets/life.png",
+    "language_code": "en"
+  },
+  "localstorage.472f8147b6a3f8d1.webp": {
+    "original_hash": "7706ccb87a13a08250f315f03140bc61",
+    "translation_date": "2026-03-06T11:52:26+00:00",
+    "source_file": "5-browser-extension/2-forms-browsers-local-storage/images/localstorage.png",
+    "language_code": "en"
+  },
+  "log.804026979f3707e0.webp": {
+    "original_hash": "4c5e39f339781db01641b77b6b2d6026",
+    "translation_date": "2026-03-06T11:52:37+00:00",
+    "source_file": "5-browser-extension/3-background-tasks-and-performance/images/log.png",
+    "language_code": "en"
+  },
+  "login-error.416fe019b36a6327.webp": {
+    "original_hash": "ea96ed372d7a4c37ee2df3f0352f79d1",
+    "translation_date": "2026-03-06T11:53:04+00:00",
+    "source_file": "7-bank-project/3-data/images/login-error.png",
+    "language_code": "en"
+  },
+  "meteorBig.1e452b3ad7af50ad.webp": {
+    "original_hash": "07f37816512f563dd68780fdee2e30a6",
+    "translation_date": "2026-03-06T11:52:18+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/meteorBig.png",
+    "language_code": "en"
+  },
+  "meteorSmall.0d729bc71c12d41f.webp": {
+    "original_hash": "ebabf6690cc614f9e33f019c356166fa",
+    "translation_date": "2026-03-06T11:52:18+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/meteorSmall.png",
+    "language_code": "en"
+  },
+  "moodle.94eb93d714a50cb2.webp": {
+    "original_hash": "0d04a6ef1ac524b452d5a0aae3f45bee",
+    "translation_date": "2026-03-06T11:49:05+00:00",
+    "source_file": "teaching-files/moodle.png",
+    "language_code": "en"
+  },
+  "mpa.7f7375a1a2d4aa77.webp": {
+    "original_hash": "021255b74f0b79b0c286c163c210ef3d",
+    "translation_date": "2026-03-06T11:53:05+00:00",
+    "source_file": "7-bank-project/3-data/images/mpa.png",
+    "language_code": "en"
+  },
+  "nebula.55c2933d36d035d3.webp": {
+    "original_hash": "e0fa4f86653c6fe97bc77271c46241c2",
+    "translation_date": "2026-03-06T11:52:22+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/nebula.png",
+    "language_code": "en"
+  },
+  "new-file-github.com.c886796d800e8056.webp": {
+    "original_hash": "2e0ddd0dad4734e3968b70907df9c052",
+    "translation_date": "2026-03-06T11:51:58+00:00",
+    "source_file": "8-code-editor/images/new-file-github.com.png",
+    "language_code": "en"
+  },
+  "open-palette-menu.46dda01084738da8.webp": {
+    "original_hash": "1860e80bf0534b9d54ef0fcb7e1a9f9e",
+    "translation_date": "2026-03-06T11:51:51+00:00",
+    "source_file": "8-code-editor/images/open-palette-menu.png",
+    "language_code": "en"
+  },
+  "open-remote-repository.bd9c2598b8949e7f.webp": {
+    "original_hash": "777c01a9242da7d5d0e1b037df9c86f9",
+    "translation_date": "2026-03-06T11:51:36+00:00",
+    "source_file": "8-code-editor/images/open-remote-repository.png",
+    "language_code": "en"
+  },
+  "palette-menu.4946174e07f42622.webp": {
+    "original_hash": "7387b91076790084ec8828866e88c6ce",
+    "translation_date": "2026-03-06T11:51:50+00:00",
+    "source_file": "8-code-editor/images/palette-menu.png",
+    "language_code": "en"
+  },
+  "partI-solution.36c53b48c9ffae2a.webp": {
+    "original_hash": "fbbd263368f61f8ed3a86c4571e6810b",
+    "translation_date": "2026-03-06T11:52:12+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/partI-solution.png",
+    "language_code": "en"
+  },
+  "plant1.a876180d8659acb9.webp": {
+    "original_hash": "e08f9b0f46f6d9d7c9949d4c3e590694",
+    "translation_date": "2026-03-06T11:53:34+00:00",
+    "source_file": "3-terrarium/solution/images/plant1.png",
+    "language_code": "en"
+  },
+  "plant10.2f2c47804ae52dd3.webp": {
+    "original_hash": "dba97454882c2796c52a33c403db61f7",
+    "translation_date": "2026-03-06T11:53:49+00:00",
+    "source_file": "3-terrarium/solution/images/plant10.png",
+    "language_code": "en"
+  },
+  "plant11.0ce0081b0ef17aa1.webp": {
+    "original_hash": "68346dbd1ae03331b0a87025c3e8e9e2",
+    "translation_date": "2026-03-06T11:53:45+00:00",
+    "source_file": "3-terrarium/solution/images/plant11.png",
+    "language_code": "en"
+  },
+  "plant12.6b934c4312a00228.webp": {
+    "original_hash": "dafacde8e7a0b56c4baaabe88b4f90e2",
+    "translation_date": "2026-03-06T11:54:06+00:00",
+    "source_file": "3-terrarium/solution/images/plant12.png",
+    "language_code": "en"
+  },
+  "plant13.37d6ab2e2481421f.webp": {
+    "original_hash": "5cac561d7596ee631c4d02436d8f6998",
+    "translation_date": "2026-03-06T11:53:53+00:00",
+    "source_file": "3-terrarium/solution/images/plant13.png",
+    "language_code": "en"
+  },
+  "plant14.908791477a46eb7f.webp": {
+    "original_hash": "349b8e5a33d1221bef4a4ac3bb439bb9",
+    "translation_date": "2026-03-06T11:53:38+00:00",
+    "source_file": "3-terrarium/solution/images/plant14.png",
+    "language_code": "en"
+  },
+  "plant2.9e45efea224115b0.webp": {
+    "original_hash": "24beefd3dcca66085b44d3ae5d9758e1",
+    "translation_date": "2026-03-06T11:54:04+00:00",
+    "source_file": "3-terrarium/solution/images/plant2.png",
+    "language_code": "en"
+  },
+  "plant3.06efdd0fa0c4b115.webp": {
+    "original_hash": "7e40e6f14cf52f7d75ed42320817b044",
+    "translation_date": "2026-03-06T11:53:59+00:00",
+    "source_file": "3-terrarium/solution/images/plant3.png",
+    "language_code": "en"
+  },
+  "plant4.3b78072b427727c6.webp": {
+    "original_hash": "c523205855d0691a9a0161c6abca983c",
+    "translation_date": "2026-03-06T11:53:56+00:00",
+    "source_file": "3-terrarium/solution/images/plant4.png",
+    "language_code": "en"
+  },
+  "plant5.8ec58b18ac336fa8.webp": {
+    "original_hash": "bcf5f2eacd7da3fe6b07c857d7f5a2ce",
+    "translation_date": "2026-03-06T11:54:01+00:00",
+    "source_file": "3-terrarium/solution/images/plant5.png",
+    "language_code": "en"
+  },
+  "plant6.ca4ff8372e6676b1.webp": {
+    "original_hash": "6932fdb455fcae5b324b129367d2f56a",
+    "translation_date": "2026-03-06T11:53:41+00:00",
+    "source_file": "3-terrarium/solution/images/plant6.png",
+    "language_code": "en"
+  },
+  "plant7.194d5a42fcf5a88c.webp": {
+    "original_hash": "b7a1e35f9946cb04440ce620c34f201d",
+    "translation_date": "2026-03-06T11:53:21+00:00",
+    "source_file": "3-terrarium/solution/images/plant7.png",
+    "language_code": "en"
+  },
+  "plant8.7b247809ab0eb492.webp": {
+    "original_hash": "3eb38c747aaf33ce7aa70b58a31b62a8",
+    "translation_date": "2026-03-06T11:53:32+00:00",
+    "source_file": "3-terrarium/solution/images/plant8.png",
+    "language_code": "en"
+  },
+  "plant9.8fe614c01ded1b1e.webp": {
+    "original_hash": "a9655c162938a27c63d48ac675061e2b",
+    "translation_date": "2026-03-06T11:53:25+00:00",
+    "source_file": "3-terrarium/solution/images/plant9.png",
+    "language_code": "en"
+  },
+  "player.137ee0e47f895ffc.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/6-end-condition/solution/assets/player.png",
+    "language_code": "en"
+  },
+  "player.2887422f6982c3cd.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:16+00:00",
+    "source_file": "6-space-game/5-keeping-score/your-work/assets/player.png",
+    "language_code": "en"
+  },
+  "player.391fed427ede24f5.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:17+00:00",
+    "source_file": "6-space-game/5-keeping-score/solution/assets/player.png",
+    "language_code": "en"
+  },
+  "player.3c4f50182552a73a.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/your-work/assets/player.png",
+    "language_code": "en"
+  },
+  "player.47bc9de0714c723d.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/your-work/assets/player.png",
+    "language_code": "en"
+  },
+  "player.57b3107c03012695.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:19+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/player.png",
+    "language_code": "en"
+  },
+  "player.606f85953e5e564e.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/6-end-condition/your-work/assets/player.png",
+    "language_code": "en"
+  },
+  "player.680ea4c619b54fe1.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/4-collision-detection/your-work/assets/player.png",
+    "language_code": "en"
+  },
+  "player.bfe14f110bddf56d.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:23+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/solution/assets/player.png",
+    "language_code": "en"
+  },
+  "player.c99c25d54a615ca0.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:14+00:00",
+    "source_file": "6-space-game/4-collision-detection/solution/assets/player.png",
+    "language_code": "en"
+  },
+  "player.dd24c1afa8c71e9b.webp": {
+    "original_hash": "952e66c2dd458cfd6e82052f7123a97b",
+    "translation_date": "2026-03-06T11:52:15+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/solution/assets/player.png",
+    "language_code": "en"
+  },
+  "playerDamaged.181703f652fd5176.webp": {
+    "original_hash": "9d71aebe7303edd536064fb0f5e2ae82",
+    "translation_date": "2026-03-06T11:52:20+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/playerDamaged.png",
+    "language_code": "en"
+  },
+  "playerLeft.0f928412e66ba5d9.webp": {
+    "original_hash": "40a42047b8ee49c6dd87c981e98d4d2e",
+    "translation_date": "2026-03-06T11:52:21+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/playerLeft.png",
+    "language_code": "en"
+  },
+  "playerRight.e4825f489e29f737.webp": {
+    "original_hash": "1c7b03f73e1d6ed74955357680cb05cb",
+    "translation_date": "2026-03-06T11:52:21+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/playerRight.png",
+    "language_code": "en"
+  },
+  "playground-choice.1d23ba7d407f4758.webp": {
+    "original_hash": "1c2e88cad7aad10922b4de1e87f1a47f",
+    "translation_date": "2026-03-06T11:54:20+00:00",
+    "source_file": "9-chat-project/assets/playground-choice.png",
+    "language_code": "en"
+  },
+  "playground.d2b927122224ff8f.webp": {
+    "original_hash": "4152bb8cd5f23e73d58b3beb52919477",
+    "translation_date": "2026-03-06T11:54:19+00:00",
+    "source_file": "9-chat-project/assets/playground.png",
+    "language_code": "en"
+  },
+  "preview.9215f0a010074476.webp": {
+    "original_hash": "6eaab6a69de1fa433e822578652c7287",
+    "translation_date": "2026-03-06T11:52:18+00:00",
+    "source_file": "6-space-game/solution/spaceArt/preview.jpg",
+    "language_code": "en"
+  },
+  "profiler.5a4a62479c5df01c.webp": {
+    "original_hash": "40b8a4d9f47e2f3e18aa2e814a15356c",
+    "translation_date": "2026-03-06T11:52:35+00:00",
+    "source_file": "5-browser-extension/3-background-tasks-and-performance/images/profiler.png",
+    "language_code": "en"
+  },
+  "project-on-vscode.dev.e79815a9a95ee7fe.webp": {
+    "original_hash": "35de4bc32ea66a11f919671558e07d52",
+    "translation_date": "2026-03-06T11:51:54+00:00",
+    "source_file": "8-code-editor/images/project-on-vscode.dev.png",
+    "language_code": "en"
+  },
+  "result.96ef01f607bf856a.webp": {
+    "original_hash": "e83c44a0fcaa7720ce32eb71d53d5250",
+    "translation_date": "2026-03-06T11:53:01+00:00",
+    "source_file": "7-bank-project/2-forms/images/result.png",
+    "language_code": "en"
+  },
+  "screen1.baccbba0f1f93364.webp": {
+    "original_hash": "92c8fa2dbe566c4e19c98a9e7de6faa6",
+    "translation_date": "2026-03-06T11:52:54+00:00",
+    "source_file": "7-bank-project/images/screen1.png",
+    "language_code": "en"
+  },
+  "screen2.123c82a831a1d14a.webp": {
+    "original_hash": "43b7f2857d5f758394e443df8fbc31cf",
+    "translation_date": "2026-03-06T11:52:56+00:00",
+    "source_file": "7-bank-project/images/screen2.png",
+    "language_code": "en"
+  },
+  "screenshot.0a1ee0d123df681b.webp": {
+    "original_hash": "f909b463a14ff6542a816470f68bfac3",
+    "translation_date": "2026-03-06T11:54:26+00:00",
+    "source_file": "9-chat-project/assets/screenshot.png",
+    "language_code": "en"
+  },
+  "screenshot.e7a5ad659e364568.webp": {
+    "original_hash": "c562c1fdc9d73658456e02b873e4dff9",
+    "translation_date": "2026-03-06T11:49:34+00:00",
+    "source_file": "images/screenshot.png",
+    "language_code": "en"
+  },
+  "screenshot_gray.0c796099a1f9f25e.webp": {
+    "original_hash": "324b7bff7867c38e100d0acad18ed53d",
+    "translation_date": "2026-03-06T11:53:11+00:00",
+    "source_file": "3-terrarium/images/screenshot_gray.png",
+    "language_code": "en"
+  },
+  "shield.1b9412b7ca6610ab.webp": {
+    "original_hash": "a672dc1a5f905918272bb58f1e236340",
+    "translation_date": "2026-03-06T11:52:20+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/shield.png",
+    "language_code": "en"
+  },
+  "snapshot.97750180ebcad737.webp": {
+    "original_hash": "9db2fa7afcc1d258ec1a130cef145f94",
+    "translation_date": "2026-03-06T11:52:27+00:00",
+    "source_file": "5-browser-extension/3-background-tasks-and-performance/images/snapshot.png",
+    "language_code": "en"
+  },
+  "spa.268ec73b41f992c2.webp": {
+    "original_hash": "3d3d7273070c2ddab04458fbb084ad4a",
+    "translation_date": "2026-03-06T11:53:06+00:00",
+    "source_file": "7-bank-project/3-data/images/spa.png",
+    "language_code": "en"
+  },
+  "speedLine.5bcabb93f48b5ae1.webp": {
+    "original_hash": "ef791dbe8ea2e21cf697831e203803d5",
+    "translation_date": "2026-03-06T11:52:22+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/speedLine.png",
+    "language_code": "en"
+  },
+  "spritesheet.bec82852290b14ee.webp": {
+    "original_hash": "d593b0f366e9efd2f2b3ef18e7eb2d0c",
+    "translation_date": "2026-03-06T11:52:13+00:00",
+    "source_file": "6-space-game/solution/spritesheet.png",
+    "language_code": "en"
+  },
+  "starBackground.a897b8acb1b0587d.webp": {
+    "original_hash": "cca00ba0b9e73859ab5bb928d5ca2fa2",
+    "translation_date": "2026-03-06T11:52:22+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/starBackground.png",
+    "language_code": "en"
+  },
+  "starBig.72e9c6d0d18f363d.webp": {
+    "original_hash": "4e8f1abc8b48d75990117ea8b6207842",
+    "translation_date": "2026-03-06T11:52:21+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/starBig.png",
+    "language_code": "en"
+  },
+  "starSmall.ed78b961dbcd0898.webp": {
+    "original_hash": "609bf88a971475818f95816b8cf71508",
+    "translation_date": "2026-03-06T11:52:22+00:00",
+    "source_file": "6-space-game/solution/spaceArt/png/Background/starSmall.png",
+    "language_code": "en"
+  },
+  "template.67ad477109d29a2b.webp": {
+    "original_hash": "a184e4c012fd4fca9ab3c552df87bd0c",
+    "translation_date": "2026-03-06T11:54:21+00:00",
+    "source_file": "9-chat-project/assets/template.png",
+    "language_code": "en"
+  },
+  "terrarium-final.0920f16e87c13a84.webp": {
+    "original_hash": "324b7bff7867c38e100d0acad18ed53d",
+    "translation_date": "2026-03-06T11:53:17+00:00",
+    "source_file": "3-terrarium/3-intro-to-DOM-and-closures/images/terrarium-final.png",
+    "language_code": "en"
+  },
+  "terrarium-final.2f07047ffc597d0a.webp": {
+    "original_hash": "c669f9222e16690bb2015ce86bb4739c",
+    "translation_date": "2026-03-06T11:54:07+00:00",
+    "source_file": "3-terrarium/2-intro-to-css/images/terrarium-final.png",
+    "language_code": "en"
+  },
+  "validation-error.8bd23e98d416c22f.webp": {
+    "original_hash": "d614ce6b24e2583901da9038297fe327",
+    "translation_date": "2026-03-06T11:53:00+00:00",
+    "source_file": "7-bank-project/2-forms/images/validation-error.png",
+    "language_code": "en"
+  },
+  "vs-code-index.e2986cf919471eb9.webp": {
+    "original_hash": "ed8437cb2629b95551fff5e5d72ef4f5",
+    "translation_date": "2026-03-06T11:53:12+00:00",
+    "source_file": "3-terrarium/1-intro-to-html/images/vs-code-index.png",
+    "language_code": "en"
+  },
+  "webdev101-a11y.8ef3025c858d897a.webp": {
+    "original_hash": "3f5220c5d502a906028b8a85245cc6da",
+    "translation_date": "2026-03-06T11:50:41+00:00",
+    "source_file": "sketchnotes/webdev101-a11y.png",
+    "language_code": "en"
+  },
+  "webdev101-css.3f7af5991bf53a20.webp": {
+    "original_hash": "9de1dc14864697c82395b02f31a72aec",
+    "translation_date": "2026-03-06T11:50:18+00:00",
+    "source_file": "sketchnotes/webdev101-css.png",
+    "language_code": "en"
+  },
+  "webdev101-github.8846d7971abef6f9.webp": {
+    "original_hash": "412ec8fc404fead25f314e2fdb564548",
+    "translation_date": "2026-03-06T11:50:09+00:00",
+    "source_file": "sketchnotes/webdev101-github.png",
+    "language_code": "en"
+  },
+  "webdev101-html.4389c2067af68e98.webp": {
+    "original_hash": "23bf24ecb0e72f0c6c835824dec5ee54",
+    "translation_date": "2026-03-06T11:49:50+00:00",
+    "source_file": "sketchnotes/webdev101-html.png",
+    "language_code": "en"
+  },
+  "webdev101-js-arrays.439d7528b8a29455.webp": {
+    "original_hash": "564c9e2d7f8e5a3b7e23570df300c732",
+    "translation_date": "2026-03-06T11:51:02+00:00",
+    "source_file": "sketchnotes/webdev101-js-arrays.png",
+    "language_code": "en"
+  },
+  "webdev101-js-datatypes.4cc470179730702c.webp": {
+    "original_hash": "20fda1612cc0e8d20e6be01ffc28e5f7",
+    "translation_date": "2026-03-06T11:50:48+00:00",
+    "source_file": "sketchnotes/webdev101-js-datatypes.png",
+    "language_code": "en"
+  },
+  "webdev101-js-decisions.69e1b20f272dd1f0.webp": {
+    "original_hash": "5e49a0b9b4149f782a4378354ba7fd56",
+    "translation_date": "2026-03-06T11:50:33+00:00",
+    "source_file": "sketchnotes/webdev101-js-decisions.png",
+    "language_code": "en"
+  },
+  "webdev101-js-functions.be049c4726e94f8b.webp": {
+    "original_hash": "ec4279b1b2191fa07a83e78a97e81f29",
+    "translation_date": "2026-03-06T11:50:26+00:00",
+    "source_file": "sketchnotes/webdev101-js-functions.png",
+    "language_code": "en"
+  },
+  "webdev101-js.10280393044d7eaa.webp": {
+    "original_hash": "fe1f154de74b31fdeb9a6df40e7ad5e1",
+    "translation_date": "2026-03-06T11:50:56+00:00",
+    "source_file": "sketchnotes/webdev101-js.png",
+    "language_code": "en"
+  },
+  "webdev101-programming.d6e3f98e61ac4bff.webp": {
+    "original_hash": "adf4dac4d350592773dbdba8ebaaa262",
+    "translation_date": "2026-03-06T11:50:02+00:00",
+    "source_file": "sketchnotes/webdev101-programming.png",
+    "language_code": "en"
+  },
+  "working-tree-pb.6cd43e5076f23ba3.webp": {
+    "original_hash": "f6b14887694745dd143a09bd60b74185",
+    "translation_date": "2026-03-06T11:52:04+00:00",
+    "source_file": "8-code-editor/images/working-tree-pb.png",
+    "language_code": "en"
+  },
+  "working-tree.c58eec08e6335c79.webp": {
+    "original_hash": "bf2608b4302123a00a8e7b1b6a430b4a",
+    "translation_date": "2026-03-06T11:52:01+00:00",
+    "source_file": "8-code-editor/images/working-tree.png",
+    "language_code": "en"
+  }
+}
\ No newline at end of file
diff --git a/translated_images/en/1.b6da8c1394b07491.webp b/translated_images/en/1.b6da8c1394b07491.webp
new file mode 100644
index 000000000..f951b91e3
Binary files /dev/null and b/translated_images/en/1.b6da8c1394b07491.webp differ
diff --git a/translated_images/en/1.cc07a5cbe114ad1d.webp b/translated_images/en/1.cc07a5cbe114ad1d.webp
new file mode 100644
index 000000000..33cc711b8
Binary files /dev/null and b/translated_images/en/1.cc07a5cbe114ad1d.webp differ
diff --git a/translated_images/en/2.1dae52ff08042246.webp b/translated_images/en/2.1dae52ff08042246.webp
new file mode 100644
index 000000000..a36fc5a40
Binary files /dev/null and b/translated_images/en/2.1dae52ff08042246.webp differ
diff --git a/translated_images/en/after-codeswing-extension-pb.0ebddddcf73b5509.webp b/translated_images/en/after-codeswing-extension-pb.0ebddddcf73b5509.webp
new file mode 100644
index 000000000..d40b409f5
Binary files /dev/null and b/translated_images/en/after-codeswing-extension-pb.0ebddddcf73b5509.webp differ
diff --git a/translated_images/en/background.148a8d43afde5730.webp b/translated_images/en/background.148a8d43afde5730.webp
new file mode 100644
index 000000000..f735f5cd3
Binary files /dev/null and b/translated_images/en/background.148a8d43afde5730.webp differ
diff --git a/translated_images/en/backgroundColor.e19c3c60768150c8.webp b/translated_images/en/backgroundColor.e19c3c60768150c8.webp
new file mode 100644
index 000000000..415592530
Binary files /dev/null and b/translated_images/en/backgroundColor.e19c3c60768150c8.webp differ
diff --git a/translated_images/en/browser-console.efaf0b51aaaf6778.webp b/translated_images/en/browser-console.efaf0b51aaaf6778.webp
new file mode 100644
index 000000000..a40a81488
Binary files /dev/null and b/translated_images/en/browser-console.efaf0b51aaaf6778.webp differ
diff --git a/translated_images/en/browser.60317c9be8b7f84a.webp b/translated_images/en/browser.60317c9be8b7f84a.webp
new file mode 100644
index 000000000..dd13229c0
Binary files /dev/null and b/translated_images/en/browser.60317c9be8b7f84a.webp differ
diff --git a/translated_images/en/canvas.fbd605ff8e5b8aff.webp b/translated_images/en/canvas.fbd605ff8e5b8aff.webp
new file mode 100644
index 000000000..e3d6318ff
Binary files /dev/null and b/translated_images/en/canvas.fbd605ff8e5b8aff.webp differ
diff --git a/translated_images/en/canvas_grid.5f209da785ded492.webp b/translated_images/en/canvas_grid.5f209da785ded492.webp
new file mode 100644
index 000000000..2d0256c2f
Binary files /dev/null and b/translated_images/en/canvas_grid.5f209da785ded492.webp differ
diff --git a/translated_images/en/character.5c0dd8e067ffd693.webp b/translated_images/en/character.5c0dd8e067ffd693.webp
new file mode 100644
index 000000000..6a0167cb3
Binary files /dev/null and b/translated_images/en/character.5c0dd8e067ffd693.webp differ
diff --git a/translated_images/en/click-register.e89a30bf0d4bc9ca.webp b/translated_images/en/click-register.e89a30bf0d4bc9ca.webp
new file mode 100644
index 000000000..f054292ed
Binary files /dev/null and b/translated_images/en/click-register.e89a30bf0d4bc9ca.webp differ
diff --git a/translated_images/en/clone_repo.5085c48d666ead57.webp b/translated_images/en/clone_repo.5085c48d666ead57.webp
new file mode 100644
index 000000000..c384d7ea7
Binary files /dev/null and b/translated_images/en/clone_repo.5085c48d666ead57.webp differ
diff --git a/translated_images/en/clone_repo.6a202fb230ab6bdd.webp b/translated_images/en/clone_repo.6a202fb230ab6bdd.webp
new file mode 100644
index 000000000..1f0f6ea3a
Binary files /dev/null and b/translated_images/en/clone_repo.6a202fb230ab6bdd.webp differ
diff --git a/translated_images/en/codespace.bcecbdf5d2747d3d.webp b/translated_images/en/codespace.bcecbdf5d2747d3d.webp
new file mode 100644
index 000000000..95ee30832
Binary files /dev/null and b/translated_images/en/codespace.bcecbdf5d2747d3d.webp differ
diff --git a/translated_images/en/create-a-fork.297ab42b4bd0af99.webp b/translated_images/en/create-a-fork.297ab42b4bd0af99.webp
new file mode 100644
index 000000000..3e6b0419b
Binary files /dev/null and b/translated_images/en/create-a-fork.297ab42b4bd0af99.webp differ
diff --git a/translated_images/en/create-new-file-pb.0797800d977ec3eb.webp b/translated_images/en/create-new-file-pb.0797800d977ec3eb.webp
new file mode 100644
index 000000000..902427c30
Binary files /dev/null and b/translated_images/en/create-new-file-pb.0797800d977ec3eb.webp differ
diff --git a/translated_images/en/create-new-file.2814e609c2af9aeb.webp b/translated_images/en/create-new-file.2814e609c2af9aeb.webp
new file mode 100644
index 000000000..2bbfdce93
Binary files /dev/null and b/translated_images/en/create-new-file.2814e609c2af9aeb.webp differ
diff --git a/translated_images/en/createcodespace.0238bbf4d7a8d955.webp b/translated_images/en/createcodespace.0238bbf4d7a8d955.webp
new file mode 100644
index 000000000..9ae4deb49
Binary files /dev/null and b/translated_images/en/createcodespace.0238bbf4d7a8d955.webp differ
diff --git a/translated_images/en/data-flow.fa2354e0908fecc8.webp b/translated_images/en/data-flow.fa2354e0908fecc8.webp
new file mode 100644
index 000000000..f361d3b04
Binary files /dev/null and b/translated_images/en/data-flow.fa2354e0908fecc8.webp differ
diff --git a/translated_images/en/default-vscode-dev.5d06881d65c1b323.webp b/translated_images/en/default-vscode-dev.5d06881d65c1b323.webp
new file mode 100644
index 000000000..8e884d0e8
Binary files /dev/null and b/translated_images/en/default-vscode-dev.5d06881d65c1b323.webp differ
diff --git a/translated_images/en/dialog.93bba104afeb79f1.webp b/translated_images/en/dialog.93bba104afeb79f1.webp
new file mode 100644
index 000000000..20f1cab8f
Binary files /dev/null and b/translated_images/en/dialog.93bba104afeb79f1.webp differ
diff --git a/translated_images/en/dom-tree.7daf0e763cbbba92.webp b/translated_images/en/dom-tree.7daf0e763cbbba92.webp
new file mode 100644
index 000000000..295ff0ed4
Binary files /dev/null and b/translated_images/en/dom-tree.7daf0e763cbbba92.webp differ
diff --git a/translated_images/en/earlybrowsers.d984b711cdf3a42d.webp b/translated_images/en/earlybrowsers.d984b711cdf3a42d.webp
new file mode 100644
index 000000000..f63eaeaa3
Binary files /dev/null and b/translated_images/en/earlybrowsers.d984b711cdf3a42d.webp differ
diff --git a/translated_images/en/edit-a-file-pb.263555922c14fc52.webp b/translated_images/en/edit-a-file-pb.263555922c14fc52.webp
new file mode 100644
index 000000000..85cdc715b
Binary files /dev/null and b/translated_images/en/edit-a-file-pb.263555922c14fc52.webp differ
diff --git a/translated_images/en/edit-a-file.52c0ee665ef19f08.webp b/translated_images/en/edit-a-file.52c0ee665ef19f08.webp
new file mode 100644
index 000000000..7c03d44a1
Binary files /dev/null and b/translated_images/en/edit-a-file.52c0ee665ef19f08.webp differ
diff --git a/translated_images/en/enemyShip.035a46787bff658c.webp b/translated_images/en/enemyShip.035a46787bff658c.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.035a46787bff658c.webp differ
diff --git a/translated_images/en/enemyShip.1a1354d7988de290.webp b/translated_images/en/enemyShip.1a1354d7988de290.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.1a1354d7988de290.webp differ
diff --git a/translated_images/en/enemyShip.22cbee6ea27a5809.webp b/translated_images/en/enemyShip.22cbee6ea27a5809.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.22cbee6ea27a5809.webp differ
diff --git a/translated_images/en/enemyShip.321ecb1b4eb21f2c.webp b/translated_images/en/enemyShip.321ecb1b4eb21f2c.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.321ecb1b4eb21f2c.webp differ
diff --git a/translated_images/en/enemyShip.4fbf2889e6129db4.webp b/translated_images/en/enemyShip.4fbf2889e6129db4.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.4fbf2889e6129db4.webp differ
diff --git a/translated_images/en/enemyShip.5df2a822c16650c2.webp b/translated_images/en/enemyShip.5df2a822c16650c2.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.5df2a822c16650c2.webp differ
diff --git a/translated_images/en/enemyShip.62983ed4bfb2220f.webp b/translated_images/en/enemyShip.62983ed4bfb2220f.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.62983ed4bfb2220f.webp differ
diff --git a/translated_images/en/enemyShip.add7036e1c3c3014.webp b/translated_images/en/enemyShip.add7036e1c3c3014.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.add7036e1c3c3014.webp differ
diff --git a/translated_images/en/enemyShip.b39a140287683bf7.webp b/translated_images/en/enemyShip.b39a140287683bf7.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.b39a140287683bf7.webp differ
diff --git a/translated_images/en/enemyShip.b9626ed228a17a32.webp b/translated_images/en/enemyShip.b9626ed228a17a32.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.b9626ed228a17a32.webp differ
diff --git a/translated_images/en/enemyShip.deb0477a7312f54d.webp b/translated_images/en/enemyShip.deb0477a7312f54d.webp
new file mode 100644
index 000000000..a668c6e24
Binary files /dev/null and b/translated_images/en/enemyShip.deb0477a7312f54d.webp differ
diff --git a/translated_images/en/enemyUFO.bf8585e4e8dcdb68.webp b/translated_images/en/enemyUFO.bf8585e4e8dcdb68.webp
new file mode 100644
index 000000000..4f52507d2
Binary files /dev/null and b/translated_images/en/enemyUFO.bf8585e4e8dcdb68.webp differ
diff --git a/translated_images/en/extension-details.9f8f1fd4e9eb2de5.webp b/translated_images/en/extension-details.9f8f1fd4e9eb2de5.webp
new file mode 100644
index 000000000..2bb955796
Binary files /dev/null and b/translated_images/en/extension-details.9f8f1fd4e9eb2de5.webp differ
diff --git a/translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp b/translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp
new file mode 100644
index 000000000..fe31cfec7
Binary files /dev/null and b/translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp differ
diff --git a/translated_images/en/extension-settings.21c752ae4f4cdb78.webp b/translated_images/en/extension-settings.21c752ae4f4cdb78.webp
new file mode 100644
index 000000000..34f6b2188
Binary files /dev/null and b/translated_images/en/extension-settings.21c752ae4f4cdb78.webp differ
diff --git a/translated_images/en/extensions.eca0e0c7f59a10b5.webp b/translated_images/en/extensions.eca0e0c7f59a10b5.webp
new file mode 100644
index 000000000..8a01bafba
Binary files /dev/null and b/translated_images/en/extensions.eca0e0c7f59a10b5.webp differ
diff --git a/translated_images/en/favicon.37b561214b36d454.webp b/translated_images/en/favicon.37b561214b36d454.webp
new file mode 100644
index 000000000..48a53960d
Binary files /dev/null and b/translated_images/en/favicon.37b561214b36d454.webp differ
diff --git a/translated_images/en/form-post.61de4ca1b964d91a.webp b/translated_images/en/form-post.61de4ca1b964d91a.webp
new file mode 100644
index 000000000..edd0691f7
Binary files /dev/null and b/translated_images/en/form-post.61de4ca1b964d91a.webp differ
diff --git a/translated_images/en/history.7fdabbafa521e064.webp b/translated_images/en/history.7fdabbafa521e064.webp
new file mode 100644
index 000000000..162af5d6f
Binary files /dev/null and b/translated_images/en/history.7fdabbafa521e064.webp differ
diff --git a/translated_images/en/install-on-edge.78634f02842c4828.webp b/translated_images/en/install-on-edge.78634f02842c4828.webp
new file mode 100644
index 000000000..d00046ed7
Binary files /dev/null and b/translated_images/en/install-on-edge.78634f02842c4828.webp differ
diff --git a/translated_images/en/install-on-edge.d68781acaf0b3d3d.webp b/translated_images/en/install-on-edge.d68781acaf0b3d3d.webp
new file mode 100644
index 000000000..d00046ed7
Binary files /dev/null and b/translated_images/en/install-on-edge.d68781acaf0b3d3d.webp differ
diff --git a/translated_images/en/laserGreen.89904f0f49945560.webp b/translated_images/en/laserGreen.89904f0f49945560.webp
new file mode 100644
index 000000000..bfe37aafc
Binary files /dev/null and b/translated_images/en/laserGreen.89904f0f49945560.webp differ
diff --git a/translated_images/en/laserGreenShot.e4fbfc4714c08a5b.webp b/translated_images/en/laserGreenShot.e4fbfc4714c08a5b.webp
new file mode 100644
index 000000000..dd3e87139
Binary files /dev/null and b/translated_images/en/laserGreenShot.e4fbfc4714c08a5b.webp differ
diff --git a/translated_images/en/laserRed.2040e11f55c0a40a.webp b/translated_images/en/laserRed.2040e11f55c0a40a.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.2040e11f55c0a40a.webp differ
diff --git a/translated_images/en/laserRed.381bc5555491ce67.webp b/translated_images/en/laserRed.381bc5555491ce67.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.381bc5555491ce67.webp differ
diff --git a/translated_images/en/laserRed.69730edd76f0b3bd.webp b/translated_images/en/laserRed.69730edd76f0b3bd.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.69730edd76f0b3bd.webp differ
diff --git a/translated_images/en/laserRed.b583dc1728eb8581.webp b/translated_images/en/laserRed.b583dc1728eb8581.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.b583dc1728eb8581.webp differ
diff --git a/translated_images/en/laserRed.cae9ab24ea9b18fd.webp b/translated_images/en/laserRed.cae9ab24ea9b18fd.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.cae9ab24ea9b18fd.webp differ
diff --git a/translated_images/en/laserRed.d81ce4986f87c251.webp b/translated_images/en/laserRed.d81ce4986f87c251.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.d81ce4986f87c251.webp differ
diff --git a/translated_images/en/laserRed.e58ef8db2585dfbe.webp b/translated_images/en/laserRed.e58ef8db2585dfbe.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.e58ef8db2585dfbe.webp differ
diff --git a/translated_images/en/laserRed.e66e29ace6666064.webp b/translated_images/en/laserRed.e66e29ace6666064.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.e66e29ace6666064.webp differ
diff --git a/translated_images/en/laserRed.e86e8fb629c6026e.webp b/translated_images/en/laserRed.e86e8fb629c6026e.webp
new file mode 100644
index 000000000..27c042acb
Binary files /dev/null and b/translated_images/en/laserRed.e86e8fb629c6026e.webp differ
diff --git a/translated_images/en/laserRedShot.c39d066745996a71.webp b/translated_images/en/laserRedShot.c39d066745996a71.webp
new file mode 100644
index 000000000..99fcece7a
Binary files /dev/null and b/translated_images/en/laserRedShot.c39d066745996a71.webp differ
diff --git a/translated_images/en/life.27144b6d4bfdea76.webp b/translated_images/en/life.27144b6d4bfdea76.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.27144b6d4bfdea76.webp differ
diff --git a/translated_images/en/life.2a159298dd98f4ef.webp b/translated_images/en/life.2a159298dd98f4ef.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.2a159298dd98f4ef.webp differ
diff --git a/translated_images/en/life.466df3b1692a244a.webp b/translated_images/en/life.466df3b1692a244a.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.466df3b1692a244a.webp differ
diff --git a/translated_images/en/life.65a2aaceca875284.webp b/translated_images/en/life.65a2aaceca875284.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.65a2aaceca875284.webp differ
diff --git a/translated_images/en/life.6fb9f50d53ee0413.webp b/translated_images/en/life.6fb9f50d53ee0413.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.6fb9f50d53ee0413.webp differ
diff --git a/translated_images/en/life.78b6e96a3003767e.webp b/translated_images/en/life.78b6e96a3003767e.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.78b6e96a3003767e.webp differ
diff --git a/translated_images/en/life.86d843ce9c23289c.webp b/translated_images/en/life.86d843ce9c23289c.webp
new file mode 100644
index 000000000..442ec0a5b
Binary files /dev/null and b/translated_images/en/life.86d843ce9c23289c.webp differ
diff --git a/translated_images/en/localstorage.472f8147b6a3f8d1.webp b/translated_images/en/localstorage.472f8147b6a3f8d1.webp
new file mode 100644
index 000000000..a7e41f9d0
Binary files /dev/null and b/translated_images/en/localstorage.472f8147b6a3f8d1.webp differ
diff --git a/translated_images/en/log.804026979f3707e0.webp b/translated_images/en/log.804026979f3707e0.webp
new file mode 100644
index 000000000..f8c31cd10
Binary files /dev/null and b/translated_images/en/log.804026979f3707e0.webp differ
diff --git a/translated_images/en/login-error.416fe019b36a6327.webp b/translated_images/en/login-error.416fe019b36a6327.webp
new file mode 100644
index 000000000..4b4e36656
Binary files /dev/null and b/translated_images/en/login-error.416fe019b36a6327.webp differ
diff --git a/translated_images/en/meteorBig.1e452b3ad7af50ad.webp b/translated_images/en/meteorBig.1e452b3ad7af50ad.webp
new file mode 100644
index 000000000..39fba1031
Binary files /dev/null and b/translated_images/en/meteorBig.1e452b3ad7af50ad.webp differ
diff --git a/translated_images/en/meteorSmall.0d729bc71c12d41f.webp b/translated_images/en/meteorSmall.0d729bc71c12d41f.webp
new file mode 100644
index 000000000..631797205
Binary files /dev/null and b/translated_images/en/meteorSmall.0d729bc71c12d41f.webp differ
diff --git a/translated_images/en/moodle.94eb93d714a50cb2.webp b/translated_images/en/moodle.94eb93d714a50cb2.webp
new file mode 100644
index 000000000..90a52755e
Binary files /dev/null and b/translated_images/en/moodle.94eb93d714a50cb2.webp differ
diff --git a/translated_images/en/mpa.7f7375a1a2d4aa77.webp b/translated_images/en/mpa.7f7375a1a2d4aa77.webp
new file mode 100644
index 000000000..98d533643
Binary files /dev/null and b/translated_images/en/mpa.7f7375a1a2d4aa77.webp differ
diff --git a/translated_images/en/nebula.55c2933d36d035d3.webp b/translated_images/en/nebula.55c2933d36d035d3.webp
new file mode 100644
index 000000000..a294cbf33
Binary files /dev/null and b/translated_images/en/nebula.55c2933d36d035d3.webp differ
diff --git a/translated_images/en/new-file-github.com.c886796d800e8056.webp b/translated_images/en/new-file-github.com.c886796d800e8056.webp
new file mode 100644
index 000000000..838642e1c
Binary files /dev/null and b/translated_images/en/new-file-github.com.c886796d800e8056.webp differ
diff --git a/translated_images/en/open-palette-menu.46dda01084738da8.webp b/translated_images/en/open-palette-menu.46dda01084738da8.webp
new file mode 100644
index 000000000..66cde7f5a
Binary files /dev/null and b/translated_images/en/open-palette-menu.46dda01084738da8.webp differ
diff --git a/translated_images/en/open-remote-repository.bd9c2598b8949e7f.webp b/translated_images/en/open-remote-repository.bd9c2598b8949e7f.webp
new file mode 100644
index 000000000..7e4c3555d
Binary files /dev/null and b/translated_images/en/open-remote-repository.bd9c2598b8949e7f.webp differ
diff --git a/translated_images/en/palette-menu.4946174e07f42622.webp b/translated_images/en/palette-menu.4946174e07f42622.webp
new file mode 100644
index 000000000..a257874a1
Binary files /dev/null and b/translated_images/en/palette-menu.4946174e07f42622.webp differ
diff --git a/translated_images/en/partI-solution.36c53b48c9ffae2a.webp b/translated_images/en/partI-solution.36c53b48c9ffae2a.webp
new file mode 100644
index 000000000..e7df45a1e
Binary files /dev/null and b/translated_images/en/partI-solution.36c53b48c9ffae2a.webp differ
diff --git a/translated_images/en/plant1.a876180d8659acb9.webp b/translated_images/en/plant1.a876180d8659acb9.webp
new file mode 100644
index 000000000..0afdb8492
Binary files /dev/null and b/translated_images/en/plant1.a876180d8659acb9.webp differ
diff --git a/translated_images/en/plant10.2f2c47804ae52dd3.webp b/translated_images/en/plant10.2f2c47804ae52dd3.webp
new file mode 100644
index 000000000..a972d3197
Binary files /dev/null and b/translated_images/en/plant10.2f2c47804ae52dd3.webp differ
diff --git a/translated_images/en/plant11.0ce0081b0ef17aa1.webp b/translated_images/en/plant11.0ce0081b0ef17aa1.webp
new file mode 100644
index 000000000..83718f403
Binary files /dev/null and b/translated_images/en/plant11.0ce0081b0ef17aa1.webp differ
diff --git a/translated_images/en/plant12.6b934c4312a00228.webp b/translated_images/en/plant12.6b934c4312a00228.webp
new file mode 100644
index 000000000..abfcadc6c
Binary files /dev/null and b/translated_images/en/plant12.6b934c4312a00228.webp differ
diff --git a/translated_images/en/plant13.37d6ab2e2481421f.webp b/translated_images/en/plant13.37d6ab2e2481421f.webp
new file mode 100644
index 000000000..77816483d
Binary files /dev/null and b/translated_images/en/plant13.37d6ab2e2481421f.webp differ
diff --git a/translated_images/en/plant14.908791477a46eb7f.webp b/translated_images/en/plant14.908791477a46eb7f.webp
new file mode 100644
index 000000000..9b2eea637
Binary files /dev/null and b/translated_images/en/plant14.908791477a46eb7f.webp differ
diff --git a/translated_images/en/plant2.9e45efea224115b0.webp b/translated_images/en/plant2.9e45efea224115b0.webp
new file mode 100644
index 000000000..e6b517d90
Binary files /dev/null and b/translated_images/en/plant2.9e45efea224115b0.webp differ
diff --git a/translated_images/en/plant3.06efdd0fa0c4b115.webp b/translated_images/en/plant3.06efdd0fa0c4b115.webp
new file mode 100644
index 000000000..fa73f15cf
Binary files /dev/null and b/translated_images/en/plant3.06efdd0fa0c4b115.webp differ
diff --git a/translated_images/en/plant4.3b78072b427727c6.webp b/translated_images/en/plant4.3b78072b427727c6.webp
new file mode 100644
index 000000000..be231012e
Binary files /dev/null and b/translated_images/en/plant4.3b78072b427727c6.webp differ
diff --git a/translated_images/en/plant5.8ec58b18ac336fa8.webp b/translated_images/en/plant5.8ec58b18ac336fa8.webp
new file mode 100644
index 000000000..4e295e185
Binary files /dev/null and b/translated_images/en/plant5.8ec58b18ac336fa8.webp differ
diff --git a/translated_images/en/plant6.ca4ff8372e6676b1.webp b/translated_images/en/plant6.ca4ff8372e6676b1.webp
new file mode 100644
index 000000000..46a89a545
Binary files /dev/null and b/translated_images/en/plant6.ca4ff8372e6676b1.webp differ
diff --git a/translated_images/en/plant7.194d5a42fcf5a88c.webp b/translated_images/en/plant7.194d5a42fcf5a88c.webp
new file mode 100644
index 000000000..420dca0b9
Binary files /dev/null and b/translated_images/en/plant7.194d5a42fcf5a88c.webp differ
diff --git a/translated_images/en/plant8.7b247809ab0eb492.webp b/translated_images/en/plant8.7b247809ab0eb492.webp
new file mode 100644
index 000000000..9b4c15c2f
Binary files /dev/null and b/translated_images/en/plant8.7b247809ab0eb492.webp differ
diff --git a/translated_images/en/plant9.8fe614c01ded1b1e.webp b/translated_images/en/plant9.8fe614c01ded1b1e.webp
new file mode 100644
index 000000000..893f89540
Binary files /dev/null and b/translated_images/en/plant9.8fe614c01ded1b1e.webp differ
diff --git a/translated_images/en/player.137ee0e47f895ffc.webp b/translated_images/en/player.137ee0e47f895ffc.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.137ee0e47f895ffc.webp differ
diff --git a/translated_images/en/player.2887422f6982c3cd.webp b/translated_images/en/player.2887422f6982c3cd.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.2887422f6982c3cd.webp differ
diff --git a/translated_images/en/player.391fed427ede24f5.webp b/translated_images/en/player.391fed427ede24f5.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.391fed427ede24f5.webp differ
diff --git a/translated_images/en/player.3c4f50182552a73a.webp b/translated_images/en/player.3c4f50182552a73a.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.3c4f50182552a73a.webp differ
diff --git a/translated_images/en/player.47bc9de0714c723d.webp b/translated_images/en/player.47bc9de0714c723d.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.47bc9de0714c723d.webp differ
diff --git a/translated_images/en/player.57b3107c03012695.webp b/translated_images/en/player.57b3107c03012695.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.57b3107c03012695.webp differ
diff --git a/translated_images/en/player.606f85953e5e564e.webp b/translated_images/en/player.606f85953e5e564e.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.606f85953e5e564e.webp differ
diff --git a/translated_images/en/player.680ea4c619b54fe1.webp b/translated_images/en/player.680ea4c619b54fe1.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.680ea4c619b54fe1.webp differ
diff --git a/translated_images/en/player.bfe14f110bddf56d.webp b/translated_images/en/player.bfe14f110bddf56d.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.bfe14f110bddf56d.webp differ
diff --git a/translated_images/en/player.c99c25d54a615ca0.webp b/translated_images/en/player.c99c25d54a615ca0.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.c99c25d54a615ca0.webp differ
diff --git a/translated_images/en/player.dd24c1afa8c71e9b.webp b/translated_images/en/player.dd24c1afa8c71e9b.webp
new file mode 100644
index 000000000..879c28a80
Binary files /dev/null and b/translated_images/en/player.dd24c1afa8c71e9b.webp differ
diff --git a/translated_images/en/playerDamaged.181703f652fd5176.webp b/translated_images/en/playerDamaged.181703f652fd5176.webp
new file mode 100644
index 000000000..00d3377d9
Binary files /dev/null and b/translated_images/en/playerDamaged.181703f652fd5176.webp differ
diff --git a/translated_images/en/playerLeft.0f928412e66ba5d9.webp b/translated_images/en/playerLeft.0f928412e66ba5d9.webp
new file mode 100644
index 000000000..0856babce
Binary files /dev/null and b/translated_images/en/playerLeft.0f928412e66ba5d9.webp differ
diff --git a/translated_images/en/playerRight.e4825f489e29f737.webp b/translated_images/en/playerRight.e4825f489e29f737.webp
new file mode 100644
index 000000000..8d6696a22
Binary files /dev/null and b/translated_images/en/playerRight.e4825f489e29f737.webp differ
diff --git a/translated_images/en/playground-choice.1d23ba7d407f4758.webp b/translated_images/en/playground-choice.1d23ba7d407f4758.webp
new file mode 100644
index 000000000..bdb9df17c
Binary files /dev/null and b/translated_images/en/playground-choice.1d23ba7d407f4758.webp differ
diff --git a/translated_images/en/playground.d2b927122224ff8f.webp b/translated_images/en/playground.d2b927122224ff8f.webp
new file mode 100644
index 000000000..dbd7f55c9
Binary files /dev/null and b/translated_images/en/playground.d2b927122224ff8f.webp differ
diff --git a/translated_images/en/preview.9215f0a010074476.webp b/translated_images/en/preview.9215f0a010074476.webp
new file mode 100644
index 000000000..84346fe7c
Binary files /dev/null and b/translated_images/en/preview.9215f0a010074476.webp differ
diff --git a/translated_images/en/profiler.5a4a62479c5df01c.webp b/translated_images/en/profiler.5a4a62479c5df01c.webp
new file mode 100644
index 000000000..0cfd23b63
Binary files /dev/null and b/translated_images/en/profiler.5a4a62479c5df01c.webp differ
diff --git a/translated_images/en/project-on-vscode.dev.e79815a9a95ee7fe.webp b/translated_images/en/project-on-vscode.dev.e79815a9a95ee7fe.webp
new file mode 100644
index 000000000..afbcd98d1
Binary files /dev/null and b/translated_images/en/project-on-vscode.dev.e79815a9a95ee7fe.webp differ
diff --git a/translated_images/en/result.96ef01f607bf856a.webp b/translated_images/en/result.96ef01f607bf856a.webp
new file mode 100644
index 000000000..51ef20f14
Binary files /dev/null and b/translated_images/en/result.96ef01f607bf856a.webp differ
diff --git a/translated_images/en/screen1.baccbba0f1f93364.webp b/translated_images/en/screen1.baccbba0f1f93364.webp
new file mode 100644
index 000000000..07dc0f16a
Binary files /dev/null and b/translated_images/en/screen1.baccbba0f1f93364.webp differ
diff --git a/translated_images/en/screen2.123c82a831a1d14a.webp b/translated_images/en/screen2.123c82a831a1d14a.webp
new file mode 100644
index 000000000..9e6d9a002
Binary files /dev/null and b/translated_images/en/screen2.123c82a831a1d14a.webp differ
diff --git a/translated_images/en/screenshot.0a1ee0d123df681b.webp b/translated_images/en/screenshot.0a1ee0d123df681b.webp
new file mode 100644
index 000000000..5eee42b6e
Binary files /dev/null and b/translated_images/en/screenshot.0a1ee0d123df681b.webp differ
diff --git a/translated_images/en/screenshot.e7a5ad659e364568.webp b/translated_images/en/screenshot.e7a5ad659e364568.webp
new file mode 100644
index 000000000..b2ddd9c88
Binary files /dev/null and b/translated_images/en/screenshot.e7a5ad659e364568.webp differ
diff --git a/translated_images/en/screenshot_gray.0c796099a1f9f25e.webp b/translated_images/en/screenshot_gray.0c796099a1f9f25e.webp
new file mode 100644
index 000000000..5fc633e5c
Binary files /dev/null and b/translated_images/en/screenshot_gray.0c796099a1f9f25e.webp differ
diff --git a/translated_images/en/shield.1b9412b7ca6610ab.webp b/translated_images/en/shield.1b9412b7ca6610ab.webp
new file mode 100644
index 000000000..a2e065ca1
Binary files /dev/null and b/translated_images/en/shield.1b9412b7ca6610ab.webp differ
diff --git a/translated_images/en/snapshot.97750180ebcad737.webp b/translated_images/en/snapshot.97750180ebcad737.webp
new file mode 100644
index 000000000..0babbb24c
Binary files /dev/null and b/translated_images/en/snapshot.97750180ebcad737.webp differ
diff --git a/translated_images/en/spa.268ec73b41f992c2.webp b/translated_images/en/spa.268ec73b41f992c2.webp
new file mode 100644
index 000000000..2bd4c1405
Binary files /dev/null and b/translated_images/en/spa.268ec73b41f992c2.webp differ
diff --git a/translated_images/en/speedLine.5bcabb93f48b5ae1.webp b/translated_images/en/speedLine.5bcabb93f48b5ae1.webp
new file mode 100644
index 000000000..57b77b342
Binary files /dev/null and b/translated_images/en/speedLine.5bcabb93f48b5ae1.webp differ
diff --git a/translated_images/en/spritesheet.bec82852290b14ee.webp b/translated_images/en/spritesheet.bec82852290b14ee.webp
new file mode 100644
index 000000000..02853f8a0
Binary files /dev/null and b/translated_images/en/spritesheet.bec82852290b14ee.webp differ
diff --git a/translated_images/en/starBackground.a897b8acb1b0587d.webp b/translated_images/en/starBackground.a897b8acb1b0587d.webp
new file mode 100644
index 000000000..66280c96a
Binary files /dev/null and b/translated_images/en/starBackground.a897b8acb1b0587d.webp differ
diff --git a/translated_images/en/starBig.72e9c6d0d18f363d.webp b/translated_images/en/starBig.72e9c6d0d18f363d.webp
new file mode 100644
index 000000000..917791333
Binary files /dev/null and b/translated_images/en/starBig.72e9c6d0d18f363d.webp differ
diff --git a/translated_images/en/starSmall.ed78b961dbcd0898.webp b/translated_images/en/starSmall.ed78b961dbcd0898.webp
new file mode 100644
index 000000000..bf86a6e91
Binary files /dev/null and b/translated_images/en/starSmall.ed78b961dbcd0898.webp differ
diff --git a/translated_images/en/template.67ad477109d29a2b.webp b/translated_images/en/template.67ad477109d29a2b.webp
new file mode 100644
index 000000000..919a3d51a
Binary files /dev/null and b/translated_images/en/template.67ad477109d29a2b.webp differ
diff --git a/translated_images/en/terrarium-final.0920f16e87c13a84.webp b/translated_images/en/terrarium-final.0920f16e87c13a84.webp
new file mode 100644
index 000000000..5fc633e5c
Binary files /dev/null and b/translated_images/en/terrarium-final.0920f16e87c13a84.webp differ
diff --git a/translated_images/en/terrarium-final.2f07047ffc597d0a.webp b/translated_images/en/terrarium-final.2f07047ffc597d0a.webp
new file mode 100644
index 000000000..98ea433bf
Binary files /dev/null and b/translated_images/en/terrarium-final.2f07047ffc597d0a.webp differ
diff --git a/translated_images/en/validation-error.8bd23e98d416c22f.webp b/translated_images/en/validation-error.8bd23e98d416c22f.webp
new file mode 100644
index 000000000..6436f89c4
Binary files /dev/null and b/translated_images/en/validation-error.8bd23e98d416c22f.webp differ
diff --git a/translated_images/en/vs-code-index.e2986cf919471eb9.webp b/translated_images/en/vs-code-index.e2986cf919471eb9.webp
new file mode 100644
index 000000000..47d52d488
Binary files /dev/null and b/translated_images/en/vs-code-index.e2986cf919471eb9.webp differ
diff --git a/translated_images/en/webdev101-a11y.8ef3025c858d897a.webp b/translated_images/en/webdev101-a11y.8ef3025c858d897a.webp
new file mode 100644
index 000000000..7089cea71
Binary files /dev/null and b/translated_images/en/webdev101-a11y.8ef3025c858d897a.webp differ
diff --git a/translated_images/en/webdev101-css.3f7af5991bf53a20.webp b/translated_images/en/webdev101-css.3f7af5991bf53a20.webp
new file mode 100644
index 000000000..325aa3a8a
Binary files /dev/null and b/translated_images/en/webdev101-css.3f7af5991bf53a20.webp differ
diff --git a/translated_images/en/webdev101-github.8846d7971abef6f9.webp b/translated_images/en/webdev101-github.8846d7971abef6f9.webp
new file mode 100644
index 000000000..1a24746fa
Binary files /dev/null and b/translated_images/en/webdev101-github.8846d7971abef6f9.webp differ
diff --git a/translated_images/en/webdev101-html.4389c2067af68e98.webp b/translated_images/en/webdev101-html.4389c2067af68e98.webp
new file mode 100644
index 000000000..b52c12fcb
Binary files /dev/null and b/translated_images/en/webdev101-html.4389c2067af68e98.webp differ
diff --git a/translated_images/en/webdev101-js-arrays.439d7528b8a29455.webp b/translated_images/en/webdev101-js-arrays.439d7528b8a29455.webp
new file mode 100644
index 000000000..981bfc47c
Binary files /dev/null and b/translated_images/en/webdev101-js-arrays.439d7528b8a29455.webp differ
diff --git a/translated_images/en/webdev101-js-datatypes.4cc470179730702c.webp b/translated_images/en/webdev101-js-datatypes.4cc470179730702c.webp
new file mode 100644
index 000000000..75bca7c93
Binary files /dev/null and b/translated_images/en/webdev101-js-datatypes.4cc470179730702c.webp differ
diff --git a/translated_images/en/webdev101-js-decisions.69e1b20f272dd1f0.webp b/translated_images/en/webdev101-js-decisions.69e1b20f272dd1f0.webp
new file mode 100644
index 000000000..3f99231cf
Binary files /dev/null and b/translated_images/en/webdev101-js-decisions.69e1b20f272dd1f0.webp differ
diff --git a/translated_images/en/webdev101-js-functions.be049c4726e94f8b.webp b/translated_images/en/webdev101-js-functions.be049c4726e94f8b.webp
new file mode 100644
index 000000000..f5fef90c1
Binary files /dev/null and b/translated_images/en/webdev101-js-functions.be049c4726e94f8b.webp differ
diff --git a/translated_images/en/webdev101-js.10280393044d7eaa.webp b/translated_images/en/webdev101-js.10280393044d7eaa.webp
new file mode 100644
index 000000000..a11f4f882
Binary files /dev/null and b/translated_images/en/webdev101-js.10280393044d7eaa.webp differ
diff --git a/translated_images/en/webdev101-programming.d6e3f98e61ac4bff.webp b/translated_images/en/webdev101-programming.d6e3f98e61ac4bff.webp
new file mode 100644
index 000000000..127becaa2
Binary files /dev/null and b/translated_images/en/webdev101-programming.d6e3f98e61ac4bff.webp differ
diff --git a/translated_images/en/working-tree-pb.6cd43e5076f23ba3.webp b/translated_images/en/working-tree-pb.6cd43e5076f23ba3.webp
new file mode 100644
index 000000000..5c0775fa7
Binary files /dev/null and b/translated_images/en/working-tree-pb.6cd43e5076f23ba3.webp differ
diff --git a/translated_images/en/working-tree.c58eec08e6335c79.webp b/translated_images/en/working-tree.c58eec08e6335c79.webp
new file mode 100644
index 000000000..4dc43168b
Binary files /dev/null and b/translated_images/en/working-tree.c58eec08e6335c79.webp differ
diff --git a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.en.png b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.en.png b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.en.png b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.en.png b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.en.png b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.en.png b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.en.png b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.en.png b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.en.png b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.en.png b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.en.png and /dev/null differ
diff --git a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.en.png b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.en.png
deleted file mode 100644
index 511221671..000000000
Binary files a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.en.png and /dev/null differ
diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.en.png b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.en.png
deleted file mode 100644
index 0431526ad..000000000
Binary files a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.en.png and /dev/null differ
diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.en.png b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.en.png
deleted file mode 100644
index e8763a282..000000000
Binary files a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.en.png and /dev/null differ
diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.en.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.en.png
deleted file mode 100644
index 00d0890db..000000000
Binary files a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.en.png and /dev/null differ
diff --git a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.en.png b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.en.png
deleted file mode 100644
index 0b90bfbe1..000000000
Binary files a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.en.png and /dev/null differ
diff --git a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.en.png b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.en.png
deleted file mode 100644
index ecc6a080d..000000000
Binary files a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.en.png and /dev/null differ
diff --git a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.en.png b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.en.png
deleted file mode 100644
index 26e0ae439..000000000
Binary files a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.en.png and /dev/null differ
diff --git a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.en.png b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.en.png
deleted file mode 100644
index 5ddd08a26..000000000
Binary files a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.en.png and /dev/null differ
diff --git a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.en.png b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.en.png
deleted file mode 100644
index b66a67183..000000000
Binary files a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.en.png and /dev/null differ
diff --git a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.en.png b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.en.png
deleted file mode 100644
index bcd6d49dd..000000000
Binary files a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.en.png and /dev/null differ
diff --git a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.en.png b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.en.png
deleted file mode 100644
index bcd6d49dd..000000000
Binary files a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.en.png and /dev/null differ
diff --git a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.en.png b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.en.png
deleted file mode 100644
index cfd373b41..000000000
Binary files a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.en.png and /dev/null differ
diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.en.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.en.png
deleted file mode 100644
index 816fdf33c..000000000
Binary files a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.en.png and /dev/null differ
diff --git a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.en.png b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.en.png and /dev/null differ
diff --git a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.en.png b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.en.png and /dev/null differ
diff --git a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.en.png b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.en.png and /dev/null differ
diff --git a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.en.png b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.en.png and /dev/null differ
diff --git a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.en.png b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.en.png and /dev/null differ
diff --git a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.en.png b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.en.png and /dev/null differ
diff --git a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.en.png b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.en.png and /dev/null differ
diff --git a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.en.png b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.en.png and /dev/null differ
diff --git a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.en.png b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.en.png
deleted file mode 100644
index 9b6c5f9b8..000000000
Binary files a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.en.png and /dev/null differ
diff --git a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.en.png b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.en.png
deleted file mode 100644
index 28ecda5ba..000000000
Binary files a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.en.png and /dev/null differ
diff --git a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.en.png b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.en.png and /dev/null differ
diff --git a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.en.png b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.en.png and /dev/null differ
diff --git a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.en.png b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.en.png and /dev/null differ
diff --git a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.en.png b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.en.png and /dev/null differ
diff --git a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.en.png b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.en.png and /dev/null differ
diff --git a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.en.png b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.en.png and /dev/null differ
diff --git a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.en.png b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.en.png
deleted file mode 100644
index 3487f796a..000000000
Binary files a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.en.png and /dev/null differ
diff --git a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.en.png b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.en.png
deleted file mode 100644
index 251fcfcee..000000000
Binary files a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.en.png and /dev/null differ
diff --git a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.en.png b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.en.png
deleted file mode 100644
index 10c7c0d0d..000000000
Binary files a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.en.png and /dev/null differ
diff --git a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.en.png b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.en.png
deleted file mode 100644
index 53147dc21..000000000
Binary files a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.en.png and /dev/null differ
diff --git a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.en.png b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.en.png
deleted file mode 100644
index b3cd54079..000000000
Binary files a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.en.png and /dev/null differ
diff --git a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.en.png b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.en.png
deleted file mode 100644
index a61e0e285..000000000
Binary files a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.en.png and /dev/null differ
diff --git a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.en.png b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.en.png
deleted file mode 100644
index 65b0a4fd6..000000000
Binary files a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.en.png and /dev/null differ
diff --git a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.en.png b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.en.png
deleted file mode 100644
index a1eff225e..000000000
Binary files a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.en.png and /dev/null differ
diff --git a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.en.png b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.en.png
deleted file mode 100644
index 755230882..000000000
Binary files a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.en.png and /dev/null differ
diff --git a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.en.png b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.en.png
deleted file mode 100644
index 6032b4abf..000000000
Binary files a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.en.png and /dev/null differ
diff --git a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.en.png b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.en.png
deleted file mode 100644
index 4d8582431..000000000
Binary files a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.en.png and /dev/null differ
diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.en.png b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.en.png
deleted file mode 100644
index 9dc30ee1c..000000000
Binary files a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.en.png and /dev/null differ
diff --git a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.en.png b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.en.png
deleted file mode 100644
index 1c1b335c9..000000000
Binary files a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.en.png and /dev/null differ
diff --git a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.en.png b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.en.png
deleted file mode 100644
index 88783500d..000000000
Binary files a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.en.png and /dev/null differ
diff --git a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.en.png b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.en.png
deleted file mode 100644
index 0632233d0..000000000
Binary files a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.en.png and /dev/null differ
diff --git a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.en.png b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.en.png
deleted file mode 100644
index 209ee5d22..000000000
Binary files a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.en.png and /dev/null differ
diff --git a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.en.png b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.en.png
deleted file mode 100644
index 201bec9e6..000000000
Binary files a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.en.png and /dev/null differ
diff --git a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.en.png b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.en.png
deleted file mode 100644
index 593e15732..000000000
Binary files a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.en.png and /dev/null differ
diff --git a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.en.png b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.en.png
deleted file mode 100644
index 0f69b814b..000000000
Binary files a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.en.png and /dev/null differ
diff --git a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.en.png b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.en.png
deleted file mode 100644
index 221277ef2..000000000
Binary files a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.en.png and /dev/null differ
diff --git a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.en.png b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.en.png
deleted file mode 100644
index 331ca68d1..000000000
Binary files a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.en.png and /dev/null differ
diff --git a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.en.png b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.en.png
deleted file mode 100644
index d94bd097e..000000000
Binary files a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.en.png and /dev/null differ
diff --git a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.en.png b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.en.png
deleted file mode 100644
index c60f756c7..000000000
Binary files a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.en.png and /dev/null differ
diff --git a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.en.png b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.en.png
deleted file mode 100644
index f2fe32fb9..000000000
Binary files a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.en.png and /dev/null differ
diff --git a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.en.png b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.en.png
deleted file mode 100644
index 82e0db0d9..000000000
Binary files a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.en.png and /dev/null differ
diff --git a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.en.png b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.en.png
deleted file mode 100644
index 07cb7054d..000000000
Binary files a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.en.png and /dev/null differ
diff --git a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.en.png b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.en.png
deleted file mode 100644
index a0d261a90..000000000
Binary files a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.en.png and /dev/null differ
diff --git a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.en.png b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.en.png
deleted file mode 100644
index bc09a0506..000000000
Binary files a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.en.png and /dev/null differ
diff --git a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.en.png b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.en.png and /dev/null differ
diff --git a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.en.png b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.en.png and /dev/null differ
diff --git a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.en.png b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.en.png and /dev/null differ
diff --git a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.en.png b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.en.png and /dev/null differ
diff --git a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.en.png b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.en.png and /dev/null differ
diff --git a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.en.png b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.en.png and /dev/null differ
diff --git a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.en.png b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.en.png and /dev/null differ
diff --git a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.en.png b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.en.png and /dev/null differ
diff --git a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.en.png b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.en.png and /dev/null differ
diff --git a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.en.png b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.en.png and /dev/null differ
diff --git a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.en.png b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.en.png
deleted file mode 100644
index 13fc0247c..000000000
Binary files a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.en.png and /dev/null differ
diff --git a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.en.png b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.en.png
deleted file mode 100644
index 91d73b263..000000000
Binary files a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.en.png and /dev/null differ
diff --git a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.en.png b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.en.png
deleted file mode 100644
index 941cd3ace..000000000
Binary files a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.en.png and /dev/null differ
diff --git a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.en.png b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.en.png
deleted file mode 100644
index 4e69314c4..000000000
Binary files a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.en.png and /dev/null differ
diff --git a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.en.png b/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.en.png
deleted file mode 100644
index 0cfc445d7..000000000
Binary files a/translated_images/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.en.png and /dev/null differ
diff --git a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.en.png b/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.en.png
deleted file mode 100644
index 0ae823503..000000000
Binary files a/translated_images/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.en.png and /dev/null differ
diff --git a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.en.jpg b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.en.jpg
deleted file mode 100644
index b776392d7..000000000
Binary files a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.en.jpg and /dev/null differ
diff --git a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.en.png b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.en.png
deleted file mode 100644
index c1c079cfb..000000000
Binary files a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.en.png and /dev/null differ
diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.en.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.en.png
deleted file mode 100644
index 98f02933a..000000000
Binary files a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.en.png and /dev/null differ
diff --git a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.en.png b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.en.png
deleted file mode 100644
index 755bf0f58..000000000
Binary files a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.en.png and /dev/null differ
diff --git a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.en.png b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.en.png
deleted file mode 100644
index 9f669d468..000000000
Binary files a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.en.png and /dev/null differ
diff --git a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.en.png b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.en.png
deleted file mode 100644
index 91c965e9b..000000000
Binary files a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.en.png and /dev/null differ
diff --git a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.en.png b/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.en.png
deleted file mode 100644
index 518fbb44f..000000000
Binary files a/translated_images/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.en.png and /dev/null differ
diff --git a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.en.png b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.en.png
deleted file mode 100644
index e56466c7e..000000000
Binary files a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.en.png and /dev/null differ
diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.en.png b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.en.png
deleted file mode 100644
index c46266c6b..000000000
Binary files a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.en.png and /dev/null differ
diff --git a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.en.png b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.en.png
deleted file mode 100644
index b962a2f13..000000000
Binary files a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.en.png and /dev/null differ
diff --git a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.en.png b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.en.png
deleted file mode 100644
index 7101e10cd..000000000
Binary files a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.en.png and /dev/null differ
diff --git a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.en.png b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.en.png
deleted file mode 100644
index 80f8578e5..000000000
Binary files a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.en.png and /dev/null differ
diff --git a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.en.png b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.en.png
deleted file mode 100644
index 03018e7f2..000000000
Binary files a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.en.png and /dev/null differ
diff --git a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.en.png b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.en.png
deleted file mode 100644
index c7f6f709d..000000000
Binary files a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.en.png and /dev/null differ
diff --git a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.en.png b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.en.png
deleted file mode 100644
index 7344ae888..000000000
Binary files a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.en.png and /dev/null differ
diff --git a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.en.png b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.en.png
deleted file mode 100644
index e38c77b7c..000000000
Binary files a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.en.png and /dev/null differ
diff --git a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.en.png b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.en.png
deleted file mode 100644
index 56bcfd58c..000000000
Binary files a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.en.png and /dev/null differ
diff --git a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.en.png b/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.en.png
deleted file mode 100644
index 3b2a2c44b..000000000
Binary files a/translated_images/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.en.png and /dev/null differ
diff --git a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.en.png b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.en.png
deleted file mode 100644
index c46266c6b..000000000
Binary files a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.en.png and /dev/null differ
diff --git a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.en.png b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.en.png
deleted file mode 100644
index 50f5d0af5..000000000
Binary files a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.en.png and /dev/null differ
diff --git a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.en.png b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.en.png
deleted file mode 100644
index ca7fed243..000000000
Binary files a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.en.png and /dev/null differ
diff --git a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.en.png b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.en.png
deleted file mode 100644
index 0b483b87e..000000000
Binary files a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.en.png and /dev/null differ
diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.en.png b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.en.png
deleted file mode 100644
index b2b0220d5..000000000
Binary files a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.en.png and /dev/null differ
diff --git a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.en.png b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.en.png
deleted file mode 100644
index 098efdf50..000000000
Binary files a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.en.png and /dev/null differ
diff --git a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.en.png b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.en.png
deleted file mode 100644
index 29388480a..000000000
Binary files a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.en.png and /dev/null differ
diff --git a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.en.png b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.en.png
deleted file mode 100644
index f6cf31b49..000000000
Binary files a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.en.png and /dev/null differ
diff --git a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.en.png b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.en.png
deleted file mode 100644
index 37c841353..000000000
Binary files a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.en.png and /dev/null differ
diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.en.png b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.en.png
deleted file mode 100644
index a7c724e8a..000000000
Binary files a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.en.png and /dev/null differ
diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.en.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.en.png
deleted file mode 100644
index 7f6ffbf6e..000000000
Binary files a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.en.png and /dev/null differ
diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.en.png b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.en.png
deleted file mode 100644
index cfce51a5c..000000000
Binary files a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.en.png and /dev/null differ
diff --git a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.en.png b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.en.png
deleted file mode 100644
index 259f524b2..000000000
Binary files a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.en.png and /dev/null differ
diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.en.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.en.png
deleted file mode 100644
index cb4b05596..000000000
Binary files a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.en.png and /dev/null differ
diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.en.png b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.en.png
deleted file mode 100644
index e5bfe5642..000000000
Binary files a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.en.png and /dev/null differ
diff --git a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.en.png b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.en.png
deleted file mode 100644
index 129c89ced..000000000
Binary files a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.en.png and /dev/null differ
diff --git a/translations/ar/.co-op-translator.json b/translations/ar/.co-op-translator.json
index 45534e001..f5a44f35c 100644
--- a/translations/ar/.co-op-translator.json
+++ b/translations/ar/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T12:28:46+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:49:23+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ar"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:58:39+00:00",
+    "translation_date": "2026-03-06T16:52:52+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ar"
   },
@@ -516,8 +516,8 @@
     "language_code": "ar"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:53:16+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:45:52+00:00",
     "source_file": "README.md",
     "language_code": "ar"
   },
diff --git a/translations/ar/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ar/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index b22f7c838..f1523c3bc 100644
--- a/translations/ar/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ar/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# مقدمة إلى لغات البرمجة وأدوات المطورين الحديثة
+# مقدمة في لغات البرمجة وأدوات المطور الحديثة
 
-مرحبًا أيها المطور المستقبلي! 👋 هل يمكنني أن أخبرك بشيء يجعلني أشعر بالحماس كل يوم؟ أنت على وشك اكتشاف أن البرمجة ليست مجرد التعامل مع أجهزة الكمبيوتر – إنها امتلاك قوى خارقة حقيقية لتحويل أفكارك الأكثر جنونًا إلى واقع!
+مرحبًا أيها المطور المستقبلي! 👋 هل يمكنني أن أخبرك بشيء لا يزال يصيبني بالقشعريرة كل يوم؟ أنت على وشك اكتشاف أن البرمجة ليست مجرد أجهزة كمبيوتر – إنها عن امتلاك قوى خارقة حقيقية لإحياء أفكارك الأكثر جنونًا!
 
-تعرف ذلك الشعور عندما تستخدم تطبيقك المفضل وكل شيء يعمل بسلاسة؟ عندما تضغط على زر ويحدث شيء سحري يجعلك تقول "واو، كيف فعلوا ذلك؟" حسنًا، شخص مثلك تمامًا – ربما جالس في مقهىه المفضل في الساعة الثانية صباحًا مع كوبه الثالث من الإسبريسو – كتب الكود الذي صنع تلك السحرية. وهنا ما سيذهلك: بنهاية هذا الدرس، لن تفهم فقط كيف فعلوا ذلك، بل ستكون متحمسًا لتجربته بنفسك!
+أتعرف ذلك اللحظة عندما تستخدم تطبيقك المفضل ويسير كل شيء على أكمل وجه؟ عندما تضغط زرًا يحدث شيء سحري تمامًا يجعلك تقول "رائع، كيف فعلوا ذلك؟" حسنًا، شخص ما مثلك تمامًا – ربما يجلس في مقهاه المفضل في الساعة 2 صباحًا مع الإسبريسو الثالث – كتب الشفرة التي خلقت تلك السحر. وهنا ما سيفجر عقلك: بحلول نهاية هذا الدرس، لن تفهم فقط كيف فعلوا ذلك، بل ستتشوق لتجربته بنفسك!
 
-انظر، أنا أفهم تمامًا إذا كانت البرمجة تبدو مخيفة الآن. عندما بدأت لأول مرة، كنت أعتقد بصراحة أنك بحاجة إلى أن تكون عبقريًا في الرياضيات أو أن تكون قد بدأت البرمجة منذ أن كنت في الخامسة من عمرك. لكن ما غير وجهة نظري تمامًا هو أن البرمجة تشبه تمامًا تعلم التحدث بلغة جديدة. تبدأ بـ "مرحبًا" و"شكرًا"، ثم تتقدم إلى طلب القهوة، وقبل أن تدرك، تجد نفسك تخوض مناقشات فلسفية عميقة! إلا أن الأمر هنا يتعلق بالتحدث مع أجهزة الكمبيوتر، وبصراحة؟ إنها أكثر شركاء المحادثة صبرًا – لا تحكم على أخطائك أبدًا ودائمًا متحمسة لتجربة مرة أخرى!
+انظر، أنا أتفهم تمامًا إذا كانت البرمجة تبدو مخيفة الآن. عندما بدأت، كنت أعتقد بصدق أنك بحاجة لأن تكون عبقريًا في الرياضيات أو أنك كنت تبرمج منذ أن كنت في الخامسة من عمرك. ولكن هنا ما غيّر وجهة نظري تمامًا: البرمجة هي تمامًا مثل تعلم المحادثة بلغة جديدة. تبدأ بـ"مرحبا" و"شكرًا"، ثم تتدرج إلى طلب القهوة، وقبل أن تعرف، تكون تجري نقاشات فلسفية عميقة! باستثناء أنك في هذه الحالة، تجري المحادثات مع الحواسيب، وبصراحة؟ إنهم أكثر شركاء المحادثة صبرًا على الإطلاق – لا يحكمون على أخطائك ودائمًا متحمسون لتجربة ثانية!
 
-اليوم، سنستكشف الأدوات الرائعة التي تجعل تطوير الويب الحديث ليس فقط ممكنًا، بل ممتعًا للغاية. أنا أتحدث عن نفس المحررات والمتصفحات وطرق العمل التي يستخدمها المطورون في Netflix وSpotify واستوديوهات التطبيقات المستقلة المفضلة لديك كل يوم. وهنا الجزء الذي سيجعلك ترقص فرحًا: معظم هذه الأدوات الاحترافية والمعتمدة في الصناعة مجانية تمامًا!
+اليوم، سنستكشف الأدوات المذهلة التي تجعل تطوير الويب الحديث ليس ممكنًا فحسب، بل مدمنًا حقيقيًا. أتحدث عن نفس المحررات والمتصفحات وسير العمل التي يستخدمها المطورون في نيتفليكس، سبوتيفاي، واستوديوهات التطبيقات المستقلة المفضلة لديك يوميًا. وهنا الجزء الذي سيجعلك ترقص فرحًا: معظم هذه الأدوات الاحترافية والمعتمدة على الصناعة هي مجانية تمامًا!
 
 ![مقدمة البرمجة](../../../../translated_images/ar/webdev101-programming.d6e3f98e61ac4bff.webp)
-> رسم توضيحي بواسطة [Tomomi Imura](https://twitter.com/girlie_mac)
+> مخطط مرسوم بواسطة [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title رحلتك البرمجية اليوم
+    section اكتشف
+      ما هو البرمجة: 5: You
+      لغات البرمجة: 4: You
+      نظرة عامة على الأدوات: 5: You
+    section استكشف
+      محررات الكود: 4: You
+      المتصفحات وأدوات المطور: 5: You
+      سطر الأوامر: 3: You
+    section مارس
+      محقق اللغة: 4: You
+      استكشاف الأدوات: 5: You
+      التواصل المجتمعي: 5: You
 ```
+## لنرَ ما تعرفه بالفعل!
 
-## دعنا نرى ما تعرفه بالفعل!
+قبل أن نبدأ في الأشياء الممتعة، أنا فضولي – ما الذي تعرفه بالفعل عن عالم البرمجة هذا؟ واستمع، إذا كنت تنظر إلى هذه الأسئلة وتفكر "ليس لدي أدنى فكرة عن أي شيء من هذا"، فهذا ليس فقط مقبولًا، بل مثالي! هذا يعني أنك في المكان الصحيح تمامًا. فكر في هذا الاختبار كتمرين إحماء قبل التمرين – نحن فقط نقوم بتسخين عضلات الدماغ!
 
-قبل أن نبدأ في الأمور الممتعة، أنا فضولي – ماذا تعرف بالفعل عن عالم البرمجة هذا؟ وإذا كنت تنظر إلى هذه الأسئلة وتفكر "ليس لدي أي فكرة عن أي من هذا"، فهذا ليس فقط مقبولًا، بل مثالي! هذا يعني أنك في المكان الصحيح تمامًا. فكر في هذا الاختبار كتمرين تمدد قبل التمرين – نحن فقط نقوم بتسخين عضلات الدماغ!
+[خض اختبار ما قبل الدرس](https://ff-quizzes.netlify.app/web/)
 
-[خذ اختبار ما قبل الدرس](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
 ## المغامرة التي سنخوضها معًا
 
-حسنًا، أنا متحمس جدًا لما سنستكشفه اليوم! بصراحة، أتمنى أن أرى وجهك عندما تفهم بعض هذه المفاهيم. إليك الرحلة الرائعة التي سنخوضها معًا:
+حسنًا، أنا متحمس حقًا لما سنستكشفه اليوم! حقًا، أتمنى لو أستطيع رؤية وجهك عندما تتضح لك بعض هذه المفاهيم. إليك الرحلة الرائعة التي سنسيرها معًا:
 
-- **ما هي البرمجة حقًا (ولماذا هي أروع شيء على الإطلاق!)** – سنكتشف كيف أن الكود هو السحر الخفي الذي يشغل كل شيء حولك، من المنبه الذي يعرف بطريقة ما أنه صباح يوم الاثنين إلى الخوارزمية التي تختار لك توصيات Netflix المثالية.
-- **لغات البرمجة وشخصياتها المذهلة** – تخيل أنك تدخل حفلة حيث لكل شخص قوى خارقة مختلفة وطرق لحل المشكلات. هذا هو عالم لغات البرمجة، وستحب التعرف عليها!
-- **الأسس التي تجعل السحر الرقمي يحدث** – فكر في هذه كأروع مجموعة LEGO إبداعية. بمجرد أن تفهم كيف تتناسب هذه القطع معًا، ستدرك أنه يمكنك بناء أي شيء تحلم به.
-- **أدوات احترافية ستجعلك تشعر وكأنك حصلت على عصا سحرية** – أنا لا أبالغ هنا – هذه الأدوات ستجعلك تشعر حقًا وكأن لديك قوى خارقة، والجزء الأفضل؟ إنها نفس الأدوات التي يستخدمها المحترفون!
+- **ما هي البرمجة فعليًا (ولماذا هي أروع شيء على الإطلاق!)** – سنكتشف كيف أن الشفرة هي السحر الخفي الذي يدير كل شيء حولك، من ذلك المنبه الذي بطريقة ما يعرف أن اليوم هو الإثنين صباحًا إلى الخوارزمية التي تنسق توصيات نيتفليكس الخاصة بك بشكل مثالي
+- **لغات البرمجة وشخصياتها الرائعة** – تخيل دخولك حفلة حيث يمتلك كل شخص قوى خارقة مختلفة تمامًا وطرقًا مختلفة لحل المشكلات. هذا هو عالم لغات البرمجة، وستحب لقائها!
+- **الكتل الأساسية التي تجعل السحر الرقمي يحدث** – فكر في هذه كما لو كانت مجموعة LEGO الإبداعية النهائية. بمجرد أن تفهم كيف تتلاءم هذه القطع معًا، ستدرك أنه يمكنك بناء أي شيء تحلم به خيالك
+- **الأدوات الاحترافية التي ستجعلك تشعر وكأنك تم تسليمك عصا ساحر** – لست أبالغ هنا – هذه الأدوات ستجعلك تشعر حقًا أن لديك قوى خارقة، والجزء الأفضل؟ إنها نفس الأدوات التي يستخدمها المحترفون!
 
-> 💡 **إليك الأمر**: لا تفكر حتى في محاولة حفظ كل شيء اليوم! الآن، أريدك فقط أن تشعر بتلك الشرارة من الحماس حول ما هو ممكن. التفاصيل ستبقى بشكل طبيعي عندما نتدرب معًا – هكذا يحدث التعلم الحقيقي!
+> 💡 **إليك الأمر**: لا تفكر حتى في محاولة حفظ كل شيء اليوم! الآن، أريدك فقط أن تشعر بشرارة الحماس حول ما هو ممكن. التفاصيل ستثبت بشكل طبيعي أثناء ممارستنا معًا – هكذا يحدث التعلم الحقيقي!
 
-> يمكنك أخذ هذا الدرس على [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، وهو ما يعني ببساطة "نعم" و"لا" أو "تشغيل" و"إيقاف". هذا كل شيء! ولكن هنا يأتي السحر – لا يتعين علينا التحدث بلغة 1 و0 كما لو كنا في فيلم ماتريكس. هنا تأتي **لغات البرمجة** لإنقاذنا. إنها مثل وجود أفضل مترجم في العالم يأخذ أفكارك البشرية العادية ويحولها إلى لغة الكمبيوتر.
+ما أذهلني عندما تعلمت هذا لأول مرة: الحواسيب في جوهرها بسيطة للغاية. هي تفهم فعليًا شيئين فقط – 1 و0، وهما في الأساس تعني "نعم" و"لا" أو "تشغيل" و"إيقاف". هذا كل شيء! لكنها تصبح سحرية هنا – لا نحتاج لأن نتحدث بالواحدات والأصفار كما لو كنا في المصفوفة. هنا تأتي **لغات البرمجة** لإنقاذنا. فهي مثل وجود أفضل مترجم في العالم يأخذ أفكارك البشرية العادية ويحوّلها إلى لغة الكمبيوتر.
 
-وهنا ما يجعلني أشعر بالحماس كل صباح عندما أستيقظ: كل شيء رقمي في حياتك بدأ بشخص مثلك تمامًا، ربما جالسًا في بيجامته مع كوب قهوة، يكتب الكود على جهاز الكمبيوتر المحمول الخاص به. ذلك الفلتر في إنستغرام الذي يجعلك تبدو رائعًا؟ شخص ما برمجه. التوصية التي قادتك إلى أغنيتك المفضلة الجديدة؟ مطور بنى تلك الخوارزمية. التطبيق الذي يساعدك على تقسيم فاتورة العشاء مع أصدقائك؟ نعم، شخص ما فكر "هذا مزعج، أراهن أنني أستطيع إصلاح هذا" ثم... فعل ذلك!
+وهذا ما لا يزال يصيبني بالقشعريرة كل صباح عندما أستيقظ: فعليًا *كل* شيء رقمي في حياتك بدأ بشخص مثلك تمامًا، ربما يجلس في بيجامته مع كوب قهوة، يكتب الشفرة على حاسوبه المحمول. ذلك الفلتر في إنستغرام الذي يجعلك تبدو بلا عيوب؟ شخص ما برمج ذلك. التوصية التي قادتك إلى أغنيتك المفضلة الجديدة؟ مطور صنع تلك الخوارزمية. التطبيق الذي يساعدك في تقسيم فاتورة العشاء مع الأصدقاء؟ نعم، شخص فكر "هذا مزعج، أظن أنني يمكنني إصلاحه" ثم… فعلها!
 
-عندما تتعلم البرمجة، فأنت لا تكتسب مهارة جديدة فقط – بل تصبح جزءًا من مجتمع رائع من حلّال المشاكل الذين يقضون أيامهم في التفكير، "ماذا لو استطعت بناء شيء يجعل يوم شخص ما أفضل قليلاً؟" بصراحة، هل هناك شيء أكثر روعة من ذلك؟
+عندما تتعلم البرمجة، لا تكتسب مهارة جديدة فحسب – بل تصبح جزءًا من هذه الجماعة الرائعة من حلالي المشكلات الذين يقضون أيامهم يفكرون، "ماذا لو استطعت بناء شيء يجعل يوم شخص ما أفضل بقليل؟" بصراحة، هل هناك شيء أروع من ذلك؟
 
-✅ **معلومة ممتعة للبحث عنها**: إليك شيء رائع يمكنك البحث عنه عندما يكون لديك وقت فراغ – من تعتقد أنه كان أول مبرمج كمبيوتر في العالم؟ سأعطيك تلميحًا: قد لا يكون الشخص الذي تتوقعه! قصة هذا الشخص رائعة حقًا وتظهر أن البرمجة كانت دائمًا تدور حول حل المشكلات الإبداعي والتفكير خارج الصندوق.
+✅ **مطاردة حقائق ممتعة**: إليك شيء رائع لتبحث عنه عندما يكون لديك بعض الوقت – من تعتقد أنه أول مبرمج حواسيب في العالم؟ سأعطيك تلميحًا: قد لا يكون من تتوقع! قصة هذا الشخص مثيرة للغاية وتظهر أن البرمجة كانت دائمًا عن حل المشكلات بإبداع والتفكير خارج الصندوق.
 
-### 🧠 **وقت التحقق: كيف تشعر؟**
+### 🧠 **وقت التقييم: كيف تشعر؟**
 
 **خذ لحظة للتفكير:**
-- هل فكرة "إعطاء تعليمات لأجهزة الكمبيوتر" أصبحت واضحة لك الآن؟
-- هل يمكنك التفكير في مهمة يومية ترغب في أتمتتها باستخدام البرمجة؟
-- ما هي الأسئلة التي تدور في ذهنك حول هذا الشيء المسمى البرمجة؟
+- هل أصبحت فكرة "إعطاء تعليمات للحواسيب" واضحة الآن؟
+- هل يمكنك التفكير في مهمة يومية تود أتمتتها بالبرمجة؟
+- ما هي الأسئلة التي تخطر ببالك حول موضوع البرمجة هذا؟
 
-> **تذكر**: من الطبيعي تمامًا إذا كانت بعض المفاهيم لا تزال غامضة الآن. تعلم البرمجة يشبه تعلم لغة جديدة – يستغرق وقتًا حتى يبني عقلك تلك الروابط العصبية. أنت تقوم بعمل رائع!
+> **تذكر**: من الطبيعي تمامًا أن تبدو بعض المفاهيم غير واضحة الآن. تعلم البرمجة يشبه تعلم لغة جديدة – يحتاج دماغك وقتًا لبناء تلك المسارات العصبية. أنت تقوم بعمل رائع!
 
 ## لغات البرمجة مثل نكهات مختلفة من السحر
 
-حسنًا، هذا قد يبدو غريبًا، لكن ابق معي – لغات البرمجة تشبه كثيرًا أنواع الموسيقى المختلفة. فكر في الأمر: لديك الجاز، الذي يتميز بالسلاسة والارتجال، والروك الذي يتميز بالقوة والبساطة، والكلاسيكية التي تتميز بالأناقة والتنظيم، والهيب هوب الذي يتميز بالإبداع والتعبير. كل نوع له طابعه الخاص، ومجتمعه الخاص من المعجبين المتحمسين، وكل واحد مثالي لمزاج ومناسبة مختلفة.
+حسنًا، هذا قد يبدو غريبًا، لكن تمسك معي – لغات البرمجة تشبه كثيرًا أنواع الموسيقى المختلفة. فكر في الأمر: لديك الجاز، الذي هو سلس ويعتمد على الارتجال، والروك الذي هو قوي ومباشر، والكلاسيكي الذي أنيق ومنظم، والهيب هوب الذي مبدع ومعبر. لكل نمط جوه الخاص، وجمهور من المعجبين المتحمسين، وكل واحد منها مثالي لأمزجة ومناسبات مختلفة.
 
-لغات البرمجة تعمل بنفس الطريقة تمامًا! لن تستخدم نفس اللغة لبناء لعبة هاتف ممتعة كما تستخدم لتحليل كميات هائلة من بيانات المناخ، تمامًا كما لن تشغل موسيقى الميتال الصاخبة في صف يوغا (حسنًا، ربما ليس في معظم صفوف اليوغا! 😄).
+لغات البرمجة تعمل بنفس الطريقة! لن تستخدم نفس اللغة لبناء لعبة موبايل ممتعة كما تستخدم لتحليل كميات هائلة من بيانات المناخ، تمامًا كما أنك لن تعزف ديث ميتال في فصل يوجا (حسنًا، في معظم صفوف اليوجا على الأقل! 😄).
 
-لكن هنا ما يدهشني كل مرة أفكر فيه: هذه اللغات تشبه وجود مترجم رائع وصبور بجانبك. يمكنك التعبير عن أفكارك بطريقة طبيعية لعقلك البشري، وهم يتولون كل العمل المعقد لتحويل ذلك إلى لغة 1 و0 التي تتحدثها أجهزة الكمبيوتر. إنه مثل وجود صديق يتحدث بطلاقة "الإبداع البشري" و"منطق الكمبيوتر" – ولا يتعب أبدًا، ولا يحتاج إلى استراحة قهوة، ولا يحكم عليك إذا سألت نفس السؤال مرتين!
+ولكن ما يفجر عقلي في كل مرة أفكر فيه: هذه اللغات هي مثل وجود أكثر مترجم عبقري وصبور في العالم جالس بجانبك. يمكنك التعبير عن أفكارك بطريقة طبيعية لدماغك البشري، وهم يتولون العمل المعقد للغاية لترجمتها إلى الواحدات والأصفار التي تتحدثها الحواسيب فعليًا. إنه كأن لديك صديقًا يجيد بطلاقة كل من "الإبداع البشري" و"منطق الكمبيوتر" – وهم لا يتعبون أبدًا، ولا يحتاجون إلى استراحات قهوة، ولا يحكمون عليك لأنك سألت نفس السؤال مرتين!
 
 ### لغات البرمجة الشهيرة واستخداماتها
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
-      JavaScript
-        Frontend Magic
-        Interactive Websites
-      TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
-      Python
-        Data Science
-        Machine Learning
-        Automation
-      R
-        Statistics
-        Research
-    Mobile Apps
-      Java
-        Android
-        Enterprise
-      Swift
+  root((لغات البرمجة))
+    تطوير الويب
+      جافا سكريبت
+        سحر الواجهة الأمامية
+        مواقع تفاعلية
+      تايب سكريبت
+        جافا سكريبت + أنواع
+        تطبيقات المؤسسات
+    البيانات والذكاء الاصطناعي
+      بايثون
+        علم البيانات
+        تعلم الآلة
+        الأتمتة
+      آر
+        الإحصائيات
+        البحث
+    تطبيقات الجوال
+      جافا
+        أندرويد
+        المؤسسات
+      سويفت
         iOS
-        Apple Ecosystem
-      Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
-      C++
-        Games
-        Performance Critical
-      Rust
-        Memory Safety
-        System Programming
-      Go
-        Cloud Services
-        Scalable Backend
+        نظام آبل البيئي
+      كوتلن
+        أندرويد الحديثة
+        متعدد المنصات
+    الأنظمة والأداء
+      سي++
+        الألعاب
+        أداء حرج
+      روست
+        أمان الذاكرة
+        برمجة النظام
+      جو
+        خدمات السحابة
+        خادم خلفي قابل للتوسع
 ```
-
-| اللغة | الأفضل لـ | لماذا هي شائعة |
-|-------|------------|----------------|
-| **JavaScript** | تطوير الويب، واجهات المستخدم | تعمل في المتصفحات وتشغل المواقع التفاعلية |
+| اللغة | الأفضل لـ | سبب شعبيتها |
+|----------|----------|------------------|
+| **JavaScript** | تطوير الويب، واجهات المستخدم | تعمل في المتصفحات وتدعم المواقع التفاعلية |
 | **Python** | علم البيانات، الأتمتة، الذكاء الاصطناعي | سهلة القراءة والتعلم، مكتبات قوية |
-| **Java** | التطبيقات المؤسسية، تطبيقات أندرويد | مستقلة عن المنصة، قوية للأنظمة الكبيرة |
+| **Java** | تطبيقات المؤسسات، تطبيقات أندرويد | مستقلة عن المنصة، قوية للأنظمة الكبيرة |
 | **C#** | تطبيقات ويندوز، تطوير الألعاب | دعم قوي من نظام مايكروسوفت |
-| **Go** | خدمات السحابة، أنظمة الخلفية | سريعة، بسيطة، مصممة للحوسبة الحديثة |
+| **Go** | خدمات السحابة، أنظمة الخادم الخلفي | سريعة، بسيطة، مصممة للحوسبة الحديثة |
 
-### لغات عالية المستوى مقابل لغات منخفضة المستوى
+### لغات المستوى العالي مقابل لغات المستوى المنخفض
 
-حسنًا، هذا كان المفهوم الذي أربك عقلي عندما بدأت التعلم لأول مرة، لذا سأشاركك التشبيه الذي جعلني أفهمه أخيرًا – وأتمنى أن يساعدك أيضًا!
+حسنًا، هذا كان صراحة المفهوم الذي كسر عقلي عندما بدأت التعلم، لذلك سأشاركك التشبيه الذي جعل الأمر يتضح لي – وآمل حقًا أن يساعدك أيضًا!
 
-تخيل أنك تزور بلدًا لا تتحدث لغته، وتحتاج بشدة إلى العثور على أقرب حمام (كلنا مررنا بهذا، أليس كذلك؟ 😅):
+تخيل أنك تزور دولة لا تتحدث لغتها، وتحتاج بشدة إلى إيجاد أقرب حمام (كلنا مررنا بذلك، أليس كذلك؟ 😅):
 
-- **البرمجة منخفضة المستوى** تشبه تعلم اللهجة المحلية بشكل جيد جدًا بحيث يمكنك التحدث مع الجدة التي تبيع الفاكهة في الزاوية باستخدام إشارات ثقافية، وعبارات محلية، ونكات داخلية لا يفهمها إلا من نشأ هناك. مثير للإعجاب للغاية وفعال جدًا... إذا كنت تتحدث بطلاقة! ولكن قد يكون الأمر مربكًا جدًا عندما تحاول فقط العثور على حمام.
+- **البرمجة منخفضة المستوى** مثل تعلم اللهجة المحلية جيدًا بحيث يمكنك الدردشة مع الجدة التي تبيع الفواكه على الزاوية باستخدام مراجع ثقافية، وتعابير محلية، ونكات داخلية لا يفهمها سوى من نشأ هناك. مثير للإعجاب وفعال جدًا... إذا كنت تجيدها! لكنها مربكة جدًا عندما تحاول فقط إيجاد حمام.
 
-- **البرمجة عالية المستوى** تشبه وجود ذلك الصديق المحلي الرائع الذي يفهمك تمامًا. يمكنك أن تقول "أنا بحاجة ماسة للعثور على حمام" بلغة بسيطة، وهم يتولون كل الترجمة الثقافية ويعطونك الاتجاهات بطريقة منطقية لعقلك غير المحلي.
+- **البرمجة عالية المستوى** مثل وجود صديق محلي رائع يفهمك تمامًا. يمكنك أن تقول "أحتاج بشدة إلى إيجاد حمام" بالإنجليزية البسيطة، وهو يتولى كل الترجمة الثقافية ويعطيك الاتجاهات بطريقة مفهومة لدماغك غير المحلي.
 
 بمصطلحات البرمجة:
-- **اللغات منخفضة المستوى** (مثل Assembly أو C) تتيح لك إجراء محادثات مفصلة للغاية مع الأجهزة الفعلية للكمبيوتر، ولكن عليك التفكير مثل الآلة، وهو... حسنًا، دعنا نقول إنه تغيير عقلي كبير!
-- **اللغات عالية المستوى** (مثل JavaScript، Python، أو C#) تتيح لك التفكير كإنسان بينما تتولى هي كل الحديث بلغة الآلة خلف الكواليس. بالإضافة إلى ذلك، لديها مجتمعات مرحبة مليئة بأشخاص يتذكرون كيف كان الأمر عندما كانوا مبتدئين ويريدون حقًا مساعدتك!
+- **لغات المستوى المنخفض** (مثل Assembly أو C) تتيح لك محادثات مفصلة للغاية مع مكونات الكمبيوتر الحقيقية، لكنك تحتاج إلى التفكير كما تفكر الآلة، وهو... حسنًا، لنقل إنه تحول ذهني كبير جدًا!
+- **لغات المستوى العالي** (مثل JavaScript، Python، أو C#) تتيح لك التفكير كبشر بينما تتولى هي كل لغة الآلة خلف الكواليس. بالإضافة إلى أنها تحوي مجتمعات ترحيبية مليئة بأشخاص يتذكرون كيف كان شعورهم عندما بدأوا ويريدون حقًا المساعدة!
 
-تخيل أي منها سأقترح عليك أن تبدأ به؟ 😉 اللغات عالية المستوى تشبه وجود عجلات تدريب لا تريد أبدًا إزالتها لأنها تجعل التجربة بأكملها أكثر متعة!
+خمن أيها سأقترح عليك أن تبدأ بها؟ 😉 لغات المستوى العالي مثل وجود عجلات تدريبية لن ترغب في إزالتها أبدًا لأنها تجعل التجربة كلها ممتعة جدًا!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 التفكير البشري:<br/>'أريد حساب أرقام فيبوناتشي'"] --> B{اختر مستوى اللغة}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|مستوى عالي| C["🌟 جافا سكريبت/بايثون<br/>سهل القراءة والكتابة"]
+    B -->|مستوى منخفض| D["⚙️ التجميع/C<br/>التحكم المباشر في العتاد"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 اكتب: fibonacci(10)"]
+    D --> F["📝 اكتب: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 فهم الحاسوب:<br/>المترجم يتولى التعقيد"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 نفس النتيجة:<br/>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
-// Step 1: Basic Fibonacci setup
+// الخطوة 1: إعداد الأساسي لفبوناتشي
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**ما يفعله هذا الكود:**
-- **تعريف** ثابت لتحديد عدد أرقام فيبوناتشي التي نريد إنشائها
-- **تهيئة** متغيرين لتتبع الرقم الحالي والرقم التالي في التسلسل
-- **إعداد** القيم الأولية (0 و1) التي تحدد نمط فيبوناتشي
-- **عرض** رسالة تعريفية لتحديد الناتج
+**هذا ما تفعله هذه الشفرة:**
+- **تعريف** ثابت يحدد عدد أعداد فيبوناتشي التي نريد توليدها
+- **تهيئة** متغيرين لتتبع الرقم الحالي والتالي في التسلسل
+- **ضبط** القيم الابتدائية (0 و1) التي تحدد نمط فيبوناتشي
+- **عرض** رسالة عنوان لتحديد ناتجنا
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// الخطوة 2: توليد التسلسل باستخدام حلقة
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // حساب الرقم التالي في التسلسل
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**تفصيل ما يحدث هنا:**
+**توضيح ما يحدث هنا:**
 - **التكرار** عبر كل موقع في التسلسل باستخدام حلقة `for`
-- **عرض** كل رقم مع موقعه باستخدام تنسيق القالب النصي
-- **حساب** الرقم التالي في تسلسل فيبوناتشي بإضافة القيم الحالية والتالية
-- **تحديث** متغيرات التتبع للانتقال إلى التكرار التالي
+- **عرض** كل رقم مع موقعه باستخدام تنسيق القوالب الحرفية
+- **حساب** الرقم التالي في فيبوناتشي بجمع القيم الحالية والتالية
+- **تحديث** متغيرات التتبع للانتقال للتكرار التالي
 
 ```javascript
-// Step 3: Modern functional approach
+// الخطوة ٣: النهج الوظيفي الحديث
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// مثال على الاستخدام
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**في المثال أعلاه، قمنا بـ:**
-- **إنشاء** وظيفة قابلة لإعادة الاستخدام باستخدام صياغة وظيفة السهم الحديثة
-- **بناء** مصفوفة لتخزين التسلسل الكامل بدلاً من عرضه رقمًا برقم
+**في الأعلى، قمنا بـ:**
+- **إنشاء** دالة قابلة لإعادة الاستخدام باستخدام صياغة الدالة الحديثة بالسهم
+- **بناء** مصفوفة لتخزين التسلسل الكامل بدلاً من العرض واحدًا تلو الآخر
 - **استخدام** فهرسة المصفوفة لحساب كل رقم جديد من القيم السابقة
-- **إرجاع** التسلسل الكامل لاستخدامه بشكل مرن في أجزاء أخرى من البرنامج
+- **إرجاع** التسلسل الكامل لاستخدام مرن في أجزاء أخرى من برنامجنا
 
-**لغة منخفضة المستوى (ARM Assembly) – صديقة للكمبيوتر:**
+**لغة منخفضة المستوى (ARM Assembly) – مناسبة للكمبيوتر:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,127 +257,127 @@ back add r0,r1
  end
 ```
 
-لاحظ كيف أن نسخة JavaScript تُقرأ تقريبًا كتعليمات باللغة الإنجليزية، بينما تستخدم نسخة Assembly أوامر غامضة تتحكم مباشرة في معالج الكمبيوتر. كلاهما ينجز نفس المهمة، لكن اللغة عالية المستوى أسهل بكثير للفهم والكتابة والصيانة.
+لاحظ كيف يبدو إصدار JavaScript كما لو كان تعليمات باللغة الإنجليزية تقريبًا، بينما يستخدم إصدار التجميع أوامر غامضة تتحكم مباشرة في معالج الكمبيوتر. كلاهما ينجز نفس المهمة بدقة، لكن لغة المستوى العالي أسهل بكثير على البشر لفهمها وكتابتها وصيانتها.
 
 **الاختلافات الرئيسية التي ستلاحظها:**
-- **الوضوح**: JavaScript تستخدم أسماء وصفية مثل `fibonacciCount` بينما Assembly تستخدم تسميات غامضة مثل `r0`, `r1`
-- **التعليقات**: اللغات عالية المستوى تشجع على كتابة تعليقات توضيحية تجعل الكود واضحًا وسهل الفهم.
-- **الهيكل**: التدفق المنطقي للغة JavaScript يتماشى مع الطريقة التي يفكر بها البشر في حل المشكلات خطوة بخطوة.
-- **الصيانة**: تحديث إصدار JavaScript لتلبية متطلبات مختلفة أمر بسيط وواضح.
+- **سهولة القراءة**: يستخدم جافاسكريبت أسماء وصفية مثل `fibonacciCount` بينما يستخدم الأسمبلي تسميات مشفرة مثل `r0`، `r1`
+- **التعليقات**: تشجع اللغات عالية المستوى على كتابة تعليقات تفسيرية تجعل الكود موثقًا ذاتيًا
+- **الهيكلية**: يتطابق التدفق المنطقي لجافاسكريبت مع طريقة تفكير البشر في حل المشكلات خطوة بخطوة
+- **الصيانة**: تحديث نسخة جافاسكريبت لمتطلبات مختلفة أمر بسيط وواضح
 
-✅ **حول تسلسل فيبوناتشي**: هذا النمط الرقمي الرائع (حيث يساوي كل رقم مجموع الرقمين السابقين له: 0، 1، 1، 2، 3، 5، 8...) يظهر حرفيًا *في كل مكان* في الطبيعة! ستجده في دوامات عباد الشمس، أنماط أكواز الصنوبر، طريقة انحناء أصداف النوتيلوس، وحتى في كيفية نمو فروع الأشجار. إنه أمر مذهل كيف يمكن للرياضيات والبرمجة مساعدتنا في فهم وإعادة إنشاء الأنماط التي تستخدمها الطبيعة لخلق الجمال!
+✅ **عن متتالية فيبوناتشي**: هذا النمط الرقمي الرائع تمامًا (حيث يساوي كل رقم مجموع الرقمين قبله: 0، 1، 1، 2، 3، 5، 8...) يظهر حرفيًا *في كل مكان* في الطبيعة! ستجده في دوامات عباد الشمس، ونمط الصنوبر، وطريقة تقوس صدفيات النوتيلوس، وحتى في كيفية نمو فروع الأشجار. إنه أمر مذهل حقًا كيف يمكن للرياضيات والكود مساعدتنا على فهم وإعادة إنشاء الأنماط التي تستخدمها الطبيعة لصنع الجمال!
 
-## اللبنات الأساسية التي تصنع السحر
+## اللبنات الأساسية التي تجعل السحر يحدث
 
-حسنًا، الآن بعد أن رأيت كيف تبدو لغات البرمجة أثناء العمل، دعنا نحلل العناصر الأساسية التي تشكل كل برنامج تم كتابته على الإطلاق. فكر في هذه العناصر كالمكونات الأساسية لوصفتك المفضلة – بمجرد أن تفهم وظيفة كل منها، ستتمكن من قراءة وكتابة الكود في أي لغة تقريبًا!
+حسنًا، الآن بعد أن رأيت كيف تبدو لغات البرمجة في العمل، دعنا نحلل القطع الأساسية التي تشكل حرفيًا كل برنامج تم كتابته على الإطلاق. فكر في هذه كمكونات أساسية في وصفتك المفضلة — بمجرد أن تفهم وظيفة كل واحدة منها، ستتمكن من قراءة وكتابة الكود في أي لغة تقريبًا!
 
-هذا يشبه تعلم قواعد البرمجة. تذكر عندما كنت في المدرسة وتعلمت عن الأسماء والأفعال وكيفية تكوين الجمل؟ البرمجة لديها نسختها الخاصة من القواعد، وبصراحة، إنها أكثر منطقية وتسامحًا من قواعد اللغة الإنجليزية! 😄
+هذا يشبه إلى حد ما تعلم قواعد النحو للبرمجة. هل تتذكر في المدرسة عندما تعلمت عن الأسماء والأفعال وكيفية تركيب الجمل؟ للبرمجة نسختها الخاصة من القواعد، وبصراحة، هي أكثر منطقية وتسامحًا بكثير من قواعد اللغة الإنجليزية! 😄
 
-### العبارات: التعليمات خطوة بخطوة
+### الجمل البرمجية: التعليمات خطوة بخطوة
 
-لنبدأ بـ **العبارات** – هذه مثل الجمل الفردية في محادثة مع جهاز الكمبيوتر الخاص بك. كل عبارة تخبر الكمبيوتر بفعل شيء محدد، مثل إعطاء توجيهات: "انعطف يسارًا هنا"، "توقف عند الضوء الأحمر"، "اركن في تلك البقعة".
+لنبدأ بـ **الجمل البرمجية** – هذه تشبه جمل منفردة في محادثة مع جهاز الكمبيوتر الخاص بك. كل جملة تخبر الكمبيوتر أن ينفذ شيئًا محددًا، كأن تعطيه إرشادات: "انعطف يسارًا هنا"، "قف عند الإشارة الحمراء"، "اركن في هذا المكان".
 
-ما أحبه في العبارات هو مدى سهولة قراءتها عادةً. انظر إلى هذا المثال:
+ما يعجبني في الجمل البرمجية هو مدى سهولة قراءتها عادةً. ألقِ نظرة على هذا:
 
 ```javascript
-// Basic statements that perform single actions
+// عبارات أساسية تنفذ إجراءات منفردة
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**ما يفعله هذا الكود:**
-- **إعلان** متغير ثابت لتخزين اسم المستخدم
-- **عرض** رسالة ترحيب في إخراج وحدة التحكم
-- **حساب** وتخزين نتيجة عملية رياضية
+  
+**إليك ما يفعله هذا الكود:**  
+- **إعلان** عن متغير ثابت لحفظ اسم المستخدم  
+- **عرض** رسالة ترحيب على مخرج الكونسول  
+- **حساب** وتخزين نتيجة عملية رياضية  
 
 ```javascript
-// Statements that interact with web pages
+// بيانات تتفاعل مع صفحات الويب
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
+  
+**خطوة بخطوة، إليك ما يحدث:**  
+- **تعديل** عنوان صفحة الويب الذي يظهر على تبويب المتصفح  
+- **تغيير** لون خلفية جسم الصفحة بالكامل  
 
-**خطوة بخطوة، ما يحدث هنا:**
-- **تعديل** عنوان صفحة الويب الذي يظهر في علامة تبويب المتصفح
-- **تغيير** لون خلفية جسم الصفحة بالكامل
-
-### المتغيرات: نظام ذاكرة البرنامج الخاص بك
+### المتغيرات: نظام ذاكرة برنامجك
 
-حسنًا، **المتغيرات** هي واحدة من مفاهيمي المفضلة للتدريس لأنها تشبه الأشياء التي تستخدمها بالفعل كل يوم!
+حسنًا، **المتغيرات** هي حقًا واحدة من مفاهيمي المفضلة جدًا للتدريس لأنها تشبه كثيرًا الأشياء التي تستخدمها يوميًا!
 
-فكر في قائمة جهات الاتصال على هاتفك للحظة. أنت لا تحفظ أرقام الجميع – بدلاً من ذلك، تحفظ "أمي"، "أفضل صديق"، أو "مطعم البيتزا الذي يوصل حتى الساعة 2 صباحًا" وتترك هاتفك يتذكر الأرقام الفعلية. المتغيرات تعمل بنفس الطريقة تمامًا! إنها مثل حاويات مُعلمة حيث يمكن لبرنامجك تخزين المعلومات واسترجاعها لاحقًا باستخدام اسم منطقي.
+فكر في قائمة جهات اتصال هاتفك للحظة. أنت لا تحفظ أرقام الجميع عن ظهر قلب – بل تحفظ "أمي"، "أفضل صديق"، أو "مطعم البيتزا الذي يوصل حتى الساعة 2 صباحًا" وتترك لهاتفك أن يتذكر الأرقام الحقيقية. المتغيرات تعمل بنفس الطريقة! إنها كحاويات معنونة حيث يمكن لبرنامجك أن يخزن المعلومات ويستدعيها لاحقًا باستخدام اسم مفهوم فعلاً.
 
-ما هو رائع حقًا: يمكن أن تتغير المتغيرات أثناء تشغيل البرنامج (ومن هنا جاء اسم "متغير" – هل ترى ما فعلوه هنا؟). تمامًا كما قد تقوم بتحديث جهة اتصال مطعم البيتزا عندما تكتشف مكانًا أفضل، يمكن تحديث المتغيرات عندما يتعلم برنامجك معلومات جديدة أو تتغير الظروف!
+وهنا الجزء الرائع: يمكن للمتغيرات أن تتغير أثناء تشغيل البرنامج (ومن هنا جاء اسم "متغير" – هل لاحظت؟). تمامًا كما قد تقوم بتحديث جهة اتصال مطعم البيتزا حين تكتشف مكانًا أفضل، يمكن تحديث المتغيرات مع تعلم برنامجك معلومات جديدة أو تغير الظروف!
 
-دعني أريك كيف يمكن أن يكون هذا بسيطًا وجميلًا:
+دعني أريك كيف يمكن أن يكون هذا بسيطًا وجميلاً:
 
 ```javascript
-// Step 1: Creating basic variables
+// الخطوة 1: إنشاء المتغيرات الأساسية
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**فهم هذه المفاهيم:**
-- **تخزين** القيم الثابتة في متغيرات `const` (مثل اسم الموقع)
-- **استخدام** `let` للقيم التي يمكن أن تتغير أثناء تشغيل البرنامج
-- **تعيين** أنواع بيانات مختلفة: نصوص، أرقام، وقيم منطقية (صحيح/خطأ)
-- **اختيار** أسماء وصفية تشرح ما يحتويه كل متغير
+  
+**فهم هذه المفاهيم:**  
+- **تخزين** القيم الثابتة في متغيرات `const` (مثل اسم الموقع)  
+- **استخدام** `let` للقيم التي قد تتغير خلال البرنامج  
+- **تعيين** أنواع بيانات مختلفة: نصوص، أرقام، وقيم منطقية (صح/خطأ)  
+- **اختيار** أسماء وصفية تشرح محتوى كل متغير  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// الخطوة 2: العمل مع الكائنات لتجميع البيانات ذات الصلة
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**في المثال أعلاه، قمنا بـ:**
-- **إنشاء** كائن لتجميع معلومات الطقس ذات الصلة معًا
-- **تنظيم** عدة أجزاء من البيانات تحت اسم متغير واحد
-- **استخدام** أزواج المفتاح والقيمة لتسمية كل جزء من المعلومات بوضوح
+  
+**في المثال أعلاه، لقد:**  
+- **أنشأنا** كائنًا لتجميع معلومات الطقس ذات الصلة معاً  
+- **نظمنا** عدة بيانات تحت اسم متغير واحد  
+- **استخدمنا** أزواج المفتاح والقيمة لتسمية كل جزء من المعلومات بوضوح  
 
 ```javascript
-// Step 3: Using and updating variables
+// الخطوة 3: استخدام وتحديث المتغيرات
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// تحديث المتغيرات القابلة للتغيير
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**دعنا نفهم كل جزء:**
-- **عرض** المعلومات باستخدام القوالب النصية مع صيغة `${}`
-- **الوصول** إلى خصائص الكائن باستخدام التدوين النقطي (`weatherData.windSpeed`)
-- **تحديث** المتغيرات المعلنة باستخدام `let` لتعكس الظروف المتغيرة
-- **دمج** عدة متغيرات لإنشاء رسائل ذات معنى
+  
+**لنفهم كل جزء:**  
+- **عرض** المعلومات باستخدام القوالب النصية مع صيغة `${}`  
+- **الوصول** إلى خصائص الكائن باستخدام النقطة (`weatherData.windSpeed`)  
+- **تحديث** المتغيرات المعلنة بـ `let` لتعكس الظروف المتغيرة  
+- **دمج** عدة متغيرات لصياغة رسائل ذات معنى  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// الخطوة 4: التفكيك الحديث لكود أنظف
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**ما تحتاج إلى معرفته:**  
+- **استخراج** خصائص معينة من الكائنات باستخدام التفكيك  
+- **إنشاء** متغيرات جديدة تلقائيًا بأسماء مفاتيح الكائن  
+- **تبسيط** الكود بتجنب تكرار الصيغة النقطية  
 
-**ما تحتاج إلى معرفته:**
-- **استخراج** خصائص محددة من الكائنات باستخدام التعيين التفكيكي
-- **إنشاء** متغيرات جديدة تلقائيًا بنفس أسماء مفاتيح الكائن
-- **تبسيط** الكود عن طريق تجنب التدوين النقطي المتكرر
-
-### تدفق التحكم: تعليم برنامجك التفكير
+### تدفق التحكم: تعليم برنامجك على التفكير
 
-حسنًا، هنا حيث تصبح البرمجة مذهلة للغاية! **تدفق التحكم** هو أساسًا تعليم برنامجك كيفية اتخاذ قرارات ذكية، تمامًا كما تفعل كل يوم دون حتى التفكير في الأمر.
+حسنًا، هذا هو الجزء الذي تصبح فيه البرمجة مذهلة حقًا! **تدفق التحكم** هو ببساطة تعليم برنامجك كيفية اتخاذ قرارات ذكية، تمامًا كما تفعل أنت كل يوم دون أن تفكر.
 
-تخيل هذا: هذا الصباح ربما مررت بشيء مثل "إذا كان الجو ممطرًا، سأحمل مظلة. إذا كان الجو باردًا، سأرتدي معطفًا. إذا كنت متأخرًا، سأترك الإفطار وأحصل على قهوة في الطريق." عقلك يتبع هذه المنطقية الشرطية عشرات المرات كل يوم!
+تخيل هذا: هذا الصباح ربما قلت لنفسك "إذا كانت تمطر، سأحمل مظلة. إذا كان الجو باردًا، سأرتدي جاكيتًا. إذا كنت متأخرًا، فسأتخطى الإفطار وأشرب القهوة في الطريق." دماغك يتبع هذا المنطق "إذا-ثم" عشرات المرات يوميًا بشكل تلقائي!
 
-هذا ما يجعل البرامج تبدو ذكية وحيوية بدلاً من مجرد اتباع نص ممل ومتوقع. يمكنها بالفعل النظر في الموقف، وتقييم ما يحدث، والاستجابة بشكل مناسب. إنه مثل إعطاء برنامجك عقلًا يمكنه التكيف واتخاذ الخيارات!
+هذا ما يجعل البرامج تبدو ذكية وحية بدلًا من أن تتبع نصًا مملًا ومتوقعًا فقط. يمكنها فعلاً أن تنظر إلى الموقف، تقيم ما يحدث، وترد بشكل مناسب. إنه كأنك تمنح برنامجك عقلًا يمكنه التكيف واتخاذ القرارات!
 
-هل تريد أن ترى كيف يعمل هذا بشكل جميل؟ دعني أريك:
+هل تريد أن ترى كيف يعمل هذا بشكل رائع؟ دعني أريك:
 
 ```javascript
-// Step 1: Basic conditional logic
+// الخطوة 1: المنطق الشرطي الأساسي
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**ما يفعله هذا الكود:**
-- **التحقق** مما إذا كان عمر المستخدم يلبي متطلبات التصويت
-- **تنفيذ** كتل كود مختلفة بناءً على نتيجة الشرط
-- **حساب** وعرض المدة حتى أهلية التصويت إذا كان العمر أقل من 18
-- **تقديم** ملاحظات محددة ومفيدة لكل سيناريو
+  
+**إليك ما يفعله هذا الكود:**  
+- **التحقق** مما إذا كان عمر المستخدم يفي بمتطلبات التصويت  
+- **تنفيذ** كتل كود مختلفة بناءً على نتيجة الشرط  
+- **حساب** وعرض المدة المتبقية حتى يحق للمستخدم التصويت إذا كان دون 18 عامًا  
+- **تقديم** ملاحظات محددة ومفيدة لكل سيناريو  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// الخطوة 2: شروط متعددة مع عوامل منطقية
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**تفصيل ما يحدث هنا:**
-- **دمج** شروط متعددة باستخدام المشغل `&&` (و)
-- **إنشاء** تسلسل هرمي للشروط باستخدام `else if` لعدة سيناريوهات
-- **التعامل** مع جميع الحالات الممكنة باستخدام عبارة `else` النهائية
-- **تقديم** ملاحظات واضحة وقابلة للتنفيذ لكل حالة مختلفة
+  
+**تفصيل ما يحدث هنا:**  
+- **دمج** عدة حالات شرطية باستخدام العامل `&&` (و)  
+- **إنشاء** تسلسل هرمي من الشروط باستخدام `else if` لسيناريوهات متعددة  
+- **معالجة** جميع الحالات الممكنة بعبارة `else` النهائية  
+- **تقديم** ملاحظات واضحة وقابلة للتنفيذ لكل حالة مختلفة  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// الخطوة 3: شرط موجز باستخدام عامل ثلاثي
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**ما يجب أن تتذكره:**
-- **استخدام** المشغل الثلاثي (`? :`) للشروط ذات الخيارين البسيطين
-- **كتابة** الشرط أولاً، متبوعًا بـ `?`، ثم النتيجة الصحيحة، ثم `:`، ثم النتيجة الخاطئة
-- **تطبيق** هذا النمط عندما تحتاج إلى تعيين قيم بناءً على الشروط
+  
+**ما يجب أن تتذكره:**  
+- **استخدام** معامل الثلاثي (`? :`) لحالات شرطية بسيطة ذات خيارين  
+- **كتابة** الشرط أولًا، تليه `?`، ثم نتيجة صحيحة، ثم `:`، ثم نتيجة خاطئة  
+- **تطبيق** هذا النمط عندما تحتاج إلى تعيين قيم بناءً على شروط  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// الخطوة 4: التعامل مع حالات محددة متعددة
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,58 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**ينجز هذا الكود التالي:**  
+- **مقارنة** قيمة المتغير مع عدة حالات محددة  
+- **تجميع** الحالات المتشابهة معًا (أيام الأسبوع مقابل عطلات نهاية الأسبوع)  
+- **تنفيذ** كتلة الكود المناسبة عند العثور على تطابق  
+- **تضمين** حالة `default` لمعالجة القيم غير المتوقعة  
+- **استخدام** عبارات `break` لمنع استمرار تنفيذ الكود إلى الحالة التالية  
 
-**هذا الكود يحقق ما يلي:**
-- **مطابقة** قيمة المتغير مع عدة حالات محددة
-- **تجميع** الحالات المتشابهة معًا (أيام الأسبوع مقابل عطلات نهاية الأسبوع)
-- **تنفيذ** كتلة الكود المناسبة عند العثور على تطابق
-- **تضمين** حالة `default` للتعامل مع القيم غير المتوقعة
-- **استخدام** عبارات `break` لمنع الكود من الاستمرار إلى الحالة التالية
-
-> 💡 **تشبيه واقعي**: فكر في تدفق التحكم كأنك تمتلك نظام GPS الأكثر صبرًا في العالم يقدم لك التوجيهات. قد يقول "إذا كان هناك ازدحام في شارع رئيسي، خذ الطريق السريع بدلاً من ذلك. إذا كان البناء يغلق الطريق السريع، جرب الطريق ذو المناظر الخلابة." البرامج تستخدم نفس النوع من المنطق الشرطي للاستجابة بذكاء لمواقف مختلفة وتقديم أفضل تجربة ممكنة للمستخدمين.
+> 💡 **تشبيه من العالم الحقيقي**: فكر في تدفق التحكم كأن لديك جهاز GPS الصبور الأكثر في العالم يوجهك. قد يقول "إذا كان هناك ازدحام في شارع مين، خذ الطريق السريع بدلًا منه. إذا كان هناك إنشاءات تغلق الطريق السريع، جرب الطريق ذو المنظر الخلاب." تستخدم البرامج نفس نوع المنطق الشرطي للرد بذكاء على الحالات المختلفة ولتقديم أفضل تجربة للمستخدمين.
 
-### 🎯 **اختبار المفاهيم: إتقان اللبنات الأساسية**
+### 🎯 **فحص المفاهيم: إتقان اللبنات الأساسية**
 
-**دعنا نرى كيف تسير الأمور مع الأساسيات:**
-- هل يمكنك شرح الفرق بين المتغير والعبارة بكلماتك الخاصة؟
-- فكر في سيناريو واقعي حيث ستستخدم قرارًا إذا-ثم (مثل مثال التصويت لدينا)
-- ما هو الشيء الذي فاجأك بشأن منطق البرمجة؟
+**لنرَ مدى تقدمك في الأساسيات:**  
+- هل يمكنك شرح الفرق بين المتغير والجملة البرمجية بكلماتك؟  
+- فكر في سيناريو واقعي تستخدم فيه قرار إذا-ثم (مثل مثال التصويت)  
+- ما هو شيء واحد في منطق البرمجة فاجأك؟
 
-**تعزيز سريع للثقة:**
+**تعزيز سريع للثقة:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 التعليمات<br/>(الأوامر)"] --> B["📦 المتغيرات<br/>(التخزين)"] --> C["🔀 سير التحكم<br/>(القرارات)"] --> D["🎉 البرنامج العامل!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-
-✅ **ما القادم**: سنستمتع كثيرًا بالغوص أعمق في هذه المفاهيم بينما نواصل هذه الرحلة الرائعة معًا! الآن، ركز فقط على الشعور بالإثارة بشأن كل الإمكانيات المذهلة التي تنتظرك. المهارات والتقنيات المحددة ستترسخ بشكل طبيعي مع الممارسة – أعدك أن هذا سيكون أكثر متعة مما تتوقع!
+```  
+✅ **ما الذي سيأتي بعد ذلك**: سنستمتع كثيرًا بالتعمق أكثر في هذه المفاهيم بينما نواصل هذه الرحلة الرائعة معًا! الآن، ركز فقط على الشعور بالإثارة تجاه كل الإمكانيات المذهلة التي تنتظرك. المهارات والتقنيات المحددة ستترسخ تلقائيًا مع الممارسة – أعدك أن هذه ستكون أكثر متعة مما قد تتوقع!
 
-## أدوات العمل
+## أدوات المهنة
 
-حسنًا، هذا هو الجزء الذي يجعلني متحمسًا لدرجة أنني بالكاد أستطيع التحكم في نفسي! 🚀 نحن على وشك الحديث عن الأدوات الرائعة التي ستجعلك تشعر وكأنك حصلت للتو على مفاتيح سفينة فضائية رقمية.
+حسنًا، هذا هو المكان الذي أشعر فيه بحماس لا يُوصف! 🚀 نحن على وشك التحدث عن الأدوات الرائعة التي ستجعلك تشعر وكأنك حصلت للتو على مفاتيح سفينة فضاء رقمية.
 
-تعرف كيف يمتلك الطاهي تلك السكاكين المتوازنة تمامًا التي تبدو وكأنها امتداد لأيديهم؟ أو كيف يمتلك الموسيقي تلك الجيتار التي تبدو وكأنها تغني بمجرد لمسها؟ حسنًا، المطورون لديهم نسختهم الخاصة من هذه الأدوات السحرية، وإليك ما سيذهلك تمامًا – معظمها مجاني تمامًا!
+هل تعرف كيف يكون لدى الشيف سكاكين متوازنة تمامًا تشعر وكأنها امتداد ليديه؟ أو كيف يكون لدى الموسيقي غيتار يبدو كأنه يغني في اللحظة التي يلمسه فيها؟ حسنًا، لدى المطورين نسختهم الخاصة من هذه الأدوات السحرية، وهنا ما سيبهرك تمامًا – معظمها مجاني بالكامل!
 
-أنا تقريبًا أقفز من الكرسي وأنا أفكر في مشاركة هذه الأدوات معك لأنها أحدثت ثورة كاملة في كيفية بناء البرمجيات. نحن نتحدث عن مساعدات برمجية مدعومة بالذكاء الاصطناعي يمكنها المساعدة في كتابة الكود الخاص بك (لست أمزح!)، بيئات سحابية حيث يمكنك بناء تطبيقات كاملة من أي مكان به اتصال واي فاي، وأدوات تصحيح الأخطاء متطورة لدرجة أنها تشبه امتلاك رؤية بالأشعة السينية لبرامجك.
+أنا أتكلم وأتحرك على كرسيي بحماس وأنا أفكر في مشاركتها معك لأنها ثورت تمامًا طريقة بناء البرمجيات لدينا. نتحدث عن مساعدي برمجة مدعومين بالذكاء الاصطناعي يمكنهم مساعدتك في كتابة الكود (لست أمزح!)، وبيئات سحابية حيث يمكنك بناء تطبيقات كاملة من أي مكان يتوفر فيه واي فاي، وأدوات تصحيح أخطاء متطورة جدًا تشبه أن يكون لديك رؤية أشعة إكس لبرامجك.
 
-وهنا الجزء الذي لا يزال يجعلني أشعر بالقشعريرة: هذه ليست "أدوات للمبتدئين" التي ستتجاوزها. هذه هي نفس الأدوات الاحترافية التي يستخدمها المطورون في Google وNetflix واستوديو التطبيقات المستقل الذي تحبه في هذه اللحظة بالذات. ستشعر وكأنك محترف تمامًا أثناء استخدامها!
+وهنا الجزء الذي مازال يثير قشرتي: هذه ليست أدوات "للمبتدئين" ستتجاوزها بسرعة. هذه هي نفس الأدوات المهنية التي يستخدمها مطورو جوجل ونتفليكس واستوديوهات التطبيقات المستقلة التي تحبها في هذه اللحظة بالذات. ستشعر بأنك محترف حقيقي وأنت تستخدمها!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 فكرتك"] --> B["⌨️ محرر الأكواد<br/>(VS Code)"] 
+    B --> C["🌐 أدوات تطوير المتصفح<br/>(الاختبار وتصحيح الأخطاء)"]
+    C --> D["⚡ سطر الأوامر<br/>(الأتمتة والأدوات)"]
+    D --> E["📚 الوثائق<br/>(التعلم والمرجعية)"]
+    E --> F["🚀 تطبيق ويب مذهل!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 مساعد الذكاء الاصطناعي<br/>(GitHub Copilot)"]
+    C -.-> H["📱 اختبار الجهاز<br/>(تصميم متجاوب)"]
+    D -.-> I["📦 مدراء الحزم<br/>(npm, yarn)"]
+    E -.-> J["👥 المجتمع<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -506,349 +503,352 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
-
-### محررات الكود وبيئات التطوير المتكاملة: أصدقاؤك الرقميون الجدد
+```  
+### محررات التعليمات البرمجية وبيئات التطوير المتكاملة: أصدقاؤك الرقميون الجدد
 
-دعنا نتحدث عن محررات الكود – هذه ستصبح حقًا أماكنك المفضلة الجديدة! فكر فيها كملاذك الشخصي للبرمجة حيث ستقضي معظم وقتك في صياغة وإتقان إبداعاتك الرقمية.
+دعنا نتحدث عن محررات الكود – هذه على وشك أن تصبح أماكنك المفضلة حديثًا للتواجد! فكر فيها كمكانك الشخصي للترميز حيث ستقضي معظم وقتك في صياغة وتحسين إبداعاتك الرقمية.
 
-لكن إليك ما هو سحري تمامًا بشأن المحررات الحديثة: إنها ليست مجرد محررات نصوص فاخرة. إنها مثل وجود أفضل مرشد برمجة بجانبك على مدار الساعة طوال أيام الأسبوع. إنها تلتقط أخطائك الإملائية قبل أن تلاحظها، تقترح تحسينات تجعلك تبدو كعبقري، تساعدك على فهم ما يفعله كل جزء من الكود، وبعضها يمكنه حتى التنبؤ بما ستكتبه وتقديم اقتراحات لإكمال أفكارك!
+لكن ما هو السحري حقًا في المحررات الحديثة: إنها ليست مجرد محررات نصوص عادية. إنها كأن لديك أذكى وأفضل مرشد للبرمجة جالس بجانبك 24/7. تكتشف أخطاء كتابتك قبل أن تلاحظها، تقترح تحسينات تجعلك تبدو عبقريًا، تساعدك على فهم وظيفة كل قطعة كود، وبإمكان بعضها حتى توقع ما تود كتابته وتقترح إنهاء أفكارك!
 
-أتذكر عندما اكتشفت الإكمال التلقائي لأول مرة – شعرت حرفيًا وكأنني أعيش في المستقبل. تبدأ بكتابة شيء، ومحررك يقول، "مرحبًا، هل كنت تفكر في هذه الوظيفة التي تفعل بالضبط ما تحتاجه؟" إنه مثل وجود قارئ أفكار كرفيق برمجة!
+أتذكر عندما اكتشفت الإكمال التلقائي لأول مرة – شعرت حرفيًا وكأني أعيش في المستقبل. تبدأ بكتابة شيء، فيقول محررك "مرحبًا، هل كنت تفكر في هذه الدالة التي تفعل بالضبط ما تحتاج؟" إنه كأن لديك قارئ أفكار كرفيق ترميز!
 
-**ما الذي يجعل هذه المحررات مذهلة للغاية؟**
+**ما الذي يجعل هذه المحررات مذهلة جدًا؟**
 
-محررات الكود الحديثة تقدم مجموعة رائعة من الميزات المصممة لتعزيز إنتاجيتك:
+تقدم محررات الكود الحديثة مجموعة مبهرة من الميزات المصممة لتعزيز إنتاجيتك:
 
-| الميزة | ما تفعله | لماذا تساعد |
-|---------|--------------|--------------|
-| **تمييز الصياغة** | تلوين أجزاء مختلفة من الكود | يجعل الكود أسهل للقراءة واكتشاف الأخطاء |
-| **الإكمال التلقائي** | اقتراح الكود أثناء الكتابة | يسرع البرمجة ويقلل الأخطاء |
-| **أدوات التصحيح** | تساعدك على العثور على الأخطاء وإصلاحها | توفر ساعات من وقت استكشاف الأخطاء |
-| **الإضافات** | إضافة ميزات متخصصة | تخصيص المحرر لأي تقنية |
-| **مساعدات الذكاء الاصطناعي** | اقتراح الكود والتفسيرات | تسريع التعلم والإنتاجية |
+| الميزة             | الوظيفة                      | الفائدة                              |
+|-------------------|------------------------------|------------------------------------|
+| **تمييز الصياغة**   | تلوين أجزاء مختلفة من الكود  | يجعل الكود أسهل للقراءة واكتشاف الأخطاء |
+| **الإكمال التلقائي** | يقترح الكود أثناء الكتابة     | يسرّع البرمجة ويقلل الأخطاء الإملائية   |
+| **أدوات تصحيح الأخطاء** | تساعدك على العثور وإصلاح الأخطاء | توفر ساعات من وقت حل المشاكل           |
+| **الإضافات**       | تضيف ميزات متخصصة           | خصص محررك لأي تقنية تستخدمها          |
+| **مساعدي الذكاء الاصطناعي** | يقترحون الكود والشروح       | يسرّعون التعلم والإنتاجية              |
 
-> 🎥 **مصدر فيديو**: هل تريد رؤية هذه الأدوات أثناء العمل؟ تحقق من هذا [فيديو أدوات العمل](https://youtube.com/watch?v=69WJeXGBdxg) للحصول على نظرة شاملة.
+> 🎥 **مصدر فيديو**: هل تريد رؤية هذه الأدوات في العمل؟ شاهد هذا [فيديو أدوات المهنة](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) - اقتراحات الكود المدعومة بالذكاء الاصطناعي
-  - [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) - اكتشاف الأخطاء الإملائية في الكود
+**[فيجوال ستوديو كود](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (مجاني)  
+- الأكثر شعبية بين مطوري الويب  
+- نظام إضافات ممتاز  
+- مدمج به الطرفية ودمج Git  
+- **إضافات لا بد منها**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - اقتراحات كود مدعومة بالذكاء الاصطناعي  
+  - [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 Code في متصفحك
-- [Replit](https://replit.com/) - رائع للتعلم ومشاركة الكود
-- [StackBlitz](https://stackblitz.com/) - تطوير ويب كامل وفوري
+**بيئات تطوير سحابية** (بأسعار مختلفة)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code كامل في المتصفح  
+- [Replit](https://replit.com/) - ممتاز للتعلم ومشاركة الكود  
+- [StackBlitz](https://stackblitz.com/) - تطوير ويب كامل وفوري  
 
-> 💡 **نصيحة للبدء**: ابدأ بـ Visual Studio Code – إنه مجاني، يستخدم على نطاق واسع في الصناعة، ولديه مجتمع ضخم يقدم دروسًا وإضافات مفيدة.
+> 💡 **نصيحة للمبتدئين**: ابدأ مع فيجوال ستوديو كود – إنه مجاني، واسع الاستخدام في الصناعة، ولديه مجتمع ضخم ينشئ دروس وإضافات مفيدة.
 
-### متصفحات الويب: مختبرك السري لتطوير البرمجيات
+### متصفحات الويب: مختبرك السري للتطوير
 
-حسنًا، استعد لتفاجأ تمامًا! هل تعلم كيف كنت تستخدم المتصفحات لتصفح وسائل التواصل الاجتماعي ومشاهدة الفيديوهات؟ حسنًا، اتضح أنها كانت تخفي مختبرًا سريًا للمطورين مذهلًا طوال الوقت، فقط في انتظار أن تكتشفه!
+حسنًا، استعد لأن ينفجر عقلك تمامًا! هل تعلم كيف كنت تستخدم المتصفحات لتصفح وسائل التواصل الاجتماعي ومشاهدة الفيديوهات؟ حسنًا، اتضح أنها كانت تخفي هذا المختبر السري المذهل للمطورين طوال الوقت، في انتظارك لاكتشافه!
 
-كل مرة تنقر بزر الفأرة الأيمن على صفحة ويب وتختار "Inspect Element"، فإنك تفتح عالمًا مخفيًا من أدوات المطورين التي هي بصراحة أكثر قوة من بعض البرامج المكلفة التي كنت أدفع مئات الدولارات للحصول عليها. إنه مثل اكتشاف أن مطبخك العادي كان يخفي مختبرًا للطهاة المحترفين خلف لوحة سرية!
-أول مرة أظهر لي أحدهم أدوات المطور في المتصفح، قضيت حوالي ثلاث ساعات فقط أضغط هنا وهناك وأقول: "انتظر، هل يمكنها فعل ذلك أيضًا؟!" يمكنك حرفيًا تعديل أي موقع في الوقت الفعلي، رؤية مدى سرعة تحميل كل شيء، اختبار كيف يبدو موقعك على أجهزة مختلفة، وحتى تصحيح أخطاء JavaScript مثل محترف حقيقي. إنه أمر مذهل للغاية!
+في كل مرة تنقر بزر الماوس الأيمن على صفحة ويب وتختار "فحص العنصر"، فإنك تفتح عالمًا خفيًا من أدوات المطورين التي هي في الحقيقة أكثر قوة من بعض البرامج المكلفة التي كنت أدفع مئات الدولارات ثمنها. يشبه اكتشاف أن مطبخك العادي كان يخفي مختبر طهاة محترفين خلف لوح سري!
+المرة الأولى التي عرّفني فيها شخص على أدوات مطوري المتصفح (DevTools)، قضيت حوالي ثلاث ساعات فقط وأنا أنقر هنا وهناك وأقول "انتظر، هل يمكنه فعل ذلك أيضًا؟!" يمكنك حرفيًا تعديل أي موقع ويب في الوقت الحقيقي، ورؤية مدى سرعة تحميل كل شيء بالضبط، واختبار كيف يبدو موقعك على أجهزة مختلفة، وحتى تصحيح أخطاء JavaScript كمحترف تمامًا. إنه أمر مذهل للغاية!
 
 **إليك لماذا المتصفحات هي سلاحك السري:**
 
-عندما تنشئ موقعًا أو تطبيقًا ويب، تحتاج إلى رؤية كيف يبدو ويتصرف في العالم الحقيقي. المتصفحات لا تعرض عملك فقط، بل تقدم أيضًا ملاحظات تفصيلية حول الأداء، إمكانية الوصول، والمشكلات المحتملة.
+عندما تنشئ موقع ويب أو تطبيق ويب، تحتاج إلى رؤية كيف يبدو ويتصرف في العالم الحقيقي. المتصفحات لا تعرض فقط عملك بل توفر أيضًا تغذية راجعة مفصلة حول الأداء، وسهولة الوصول، والمشكلات المحتملة.
 
-#### أدوات المطور في المتصفح (DevTools)
+#### أدوات مطوري المتصفح (DevTools)
 
 تتضمن المتصفحات الحديثة مجموعات تطوير شاملة:
 
-| فئة الأداة | ما تقوم به | مثال على الاستخدام |
-|------------|------------|--------------------|
-| **مفتش العناصر** | عرض وتعديل HTML/CSS في الوقت الفعلي | تعديل التصميم لرؤية النتائج فورًا |
-| **الكونسول** | عرض رسائل الخطأ واختبار JavaScript | تصحيح المشكلات وتجربة الكود |
+| فئة الأداة | ماذا تفعل | مثال على الاستخدام |
+|---------------|--------------|------------------|
+| **مفتش العناصر** | عرض وتعديل HTML/CSS في الوقت الحقيقي | تعديل التنسيق لرؤية النتائج فورًا |
+| **وحدة التحكم (Console)** | عرض رسائل الخطأ واختبار JavaScript | تصحيح المشكلات وتجربة الشيفرة |
 | **مراقب الشبكة** | تتبع كيفية تحميل الموارد | تحسين الأداء وأوقات التحميل |
-| **مدقق إمكانية الوصول** | اختبار التصميم الشامل | ضمان عمل موقعك لجميع المستخدمين |
-| **محاكي الأجهزة** | معاينة على أحجام شاشات مختلفة | اختبار التصميم المتجاوب دون الحاجة إلى أجهزة متعددة |
+| **مدقق سهولة الوصول** | اختبار التصميم الشامل | ضمان عمل موقعك لجميع المستخدمين |
+| **محاكي الأجهزة** | المعاينة على أحجام شاشات مختلفة | اختبار التصميم المتجاوب بدون وجود أجهزة متعددة |
 
 #### المتصفحات الموصى بها للتطوير
 
-- **[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 مع موارد تطوير من Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - أدوات تطوير معيارية في الصناعة مع توثيق واسع
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - أدوات ممتازة لـ CSS Grid وسهولة الوصول
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - مبني على Chromium مع موارد مطوري مايكروسوفت
 
-> ⚠️ **نصيحة اختبار مهمة**: اختبر دائمًا مواقعك في متصفحات متعددة! ما يعمل بشكل مثالي في Chrome قد يبدو مختلفًا في Safari أو Firefox. المطورون المحترفون يختبرون عبر جميع المتصفحات الرئيسية لضمان تجربة مستخدم متسقة.
+> ⚠️ **نصيحة اختبار مهمة**: اختبر مواقعك دائمًا في متصفحات متعددة! ما يعمل بشكل مثالي في Chrome قد يبدو مختلفًا في Safari أو Firefox. يختبر المطورون المحترفون عبر كل المتصفحات الرئيسية لضمان تجربة مستخدم متسقة.
 
-### أدوات سطر الأوامر: بوابتك إلى قوى المطور الخارقة
 
-حسنًا، دعونا نكون صادقين تمامًا هنا بشأن سطر الأوامر، لأنني أريدك أن تسمع هذا من شخص يفهم الأمر حقًا. عندما رأيته لأول مرة – مجرد شاشة سوداء مخيفة مع نص يومض – فكرت حرفيًا: "لا، بالتأكيد لا! يبدو هذا وكأنه شيء من فيلم هاكرز في الثمانينيات، وأنا بالتأكيد لست ذكيًا بما يكفي لهذا!" 😅
+### أدوات سطر الأوامر: بوابتك إلى قوى خارقة كمطور
 
-لكن إليك ما كنت أتمنى أن يخبرني به أحدهم حينها، وما سأخبرك به الآن: سطر الأوامر ليس مخيفًا – إنه في الواقع مثل إجراء محادثة مباشرة مع جهاز الكمبيوتر الخاص بك. فكر فيه كأنه الفرق بين طلب الطعام عبر تطبيق فاخر مع صور وقوائم (وهو لطيف وسهل) مقابل الدخول إلى مطعمك المحلي المفضل حيث يعرف الطاهي بالضبط ما تحب ويمكنه إعداد شيء مثالي بمجرد أن تقول "فاجئني بشيء رائع."
+حسنًا، دعنا نصارح أنفسنا هنا حول سطر الأوامر، لأنني أريدك أن تسمع هذا من شخص يفهمه حقًا. عندما رأيته لأول مرة - مجرد شاشة سوداء مخيفة بها نص يومض - فكرت حرفيًا، "لا، بالتأكيد لا! هذا يبدو كشيء من فيلم هاكرز من ثمانينيات القرن الماضي، وأنا بالتأكيد لست ذكيًا بما يكفي لهذا!" 😅
 
-سطر الأوامر هو المكان الذي يذهب إليه المطورون ليشعروا وكأنهم سحرة حقيقيون. تكتب بضع كلمات تبدو سحرية (حسنًا، إنها مجرد أوامر، لكنها تبدو سحرية!)، تضغط على Enter، وبوم – لقد أنشأت هياكل مشاريع كاملة، قمت بتثبيت أدوات قوية من جميع أنحاء العالم، أو نشرت تطبيقك على الإنترنت ليشاهده الملايين. بمجرد أن تحصل على أول طعم لهذه القوة، يصبح الأمر إدمانًا بصراحة!
+ولكن هنا ما كنت أتمنى أن يخبرني به شخص آنذاك، وما أخبرك به الآن: سطر الأوامر ليس مخيفًا – إنه فعليًا مثل التحدث مباشرة مع حاسوبك. فكر فيه كفرق بين طلب الطعام عبر تطبيق فاخر به صور وقوائم (وهو سهل وجميل) وبين الدخول إلى مطعمك المحلي المفضل حيث يعرف الشيف بالضبط ما تحب ويمكنه إعداد شيء مثالي بمجرد أن تقول "فاجئني بشيء رائع."
+
+سطر الأوامر هو المكان الذي يشعر فيه المطورون كأنهم سحرة حقيقيون. تكتب بعض الكلمات التي تبدو سحرية (حسنًا، هي مجرد أوامر، لكنها تبدو سحرية!)، تضغط Enter، وفجأة – لقد أنشأت هياكل مشاريع كاملة، أو ثبتت أدوات قوية من جميع أنحاء العالم، أو نشرت تطبيقك على الإنترنت ليشاهده الملايين. بمجرد أن تتذوق هذه القوة لأول مرة، تصبح مدمنًا عليها!
 
 **لماذا سيصبح سطر الأوامر أداتك المفضلة:**
 
-بينما تعتبر الواجهات الرسومية رائعة للعديد من المهام، يتفوق سطر الأوامر في الأتمتة، الدقة، والسرعة. تعمل العديد من أدوات التطوير بشكل أساسي من خلال واجهات سطر الأوامر، وتعلم استخدامها بكفاءة يمكن أن يحسن إنتاجيتك بشكل كبير.
+بينما الواجهات الرسومية رائعة للعديد من المهام، يتفوق سطر الأوامر في الأتمتة والدقة والسرعة. تعمل العديد من أدوات التطوير بشكل أساسي من خلال واجهات سطر الأوامر، وتعلم استخدامها بكفاءة يمكن أن يحسن إنتاجيتك بشكل كبير.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# الخطوة 1: إنشاء مجلد المشروع والانتقال إليه
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **ما يفعله هذا الكود:**
-- **إنشاء** دليل جديد يسمى "my-awesome-website" لمشروعك
-- **التنقل** إلى الدليل الذي تم إنشاؤه حديثًا لبدء العمل
+- **إنشاء** مجلد جديد يسمى "my-awesome-website" لمشروعك
+- **الانتقال** إلى المجلد الذي تم إنشاؤه حديثًا لبدء العمل
 
 ```bash
-# Step 2: Initialize project with package.json
+# الخطوة 2: تهيئة المشروع باستخدام package.json
 npm init -y
 
-# Install modern development tools
+# تثبيت أدوات التطوير الحديثة
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**خطوة بخطوة، ما يحدث هنا:**
-- **تهيئة** مشروع Node.js جديد بإعدادات افتراضية باستخدام `npm init -y`
-- **تثبيت** Vite كأداة بناء حديثة للتطوير السريع وبناء الإنتاج
-- **إضافة** Prettier لتنسيق الكود تلقائيًا وESLint لفحص جودة الكود
-- **استخدام** العلامة `--save-dev` لتحديد هذه كاعتماديات خاصة بالتطوير فقط
+**خطوة بخطوة، هذا ما يحدث:**
+- **تهيئة** مشروع Node.js جديد بالإعدادات الافتراضية باستخدام `npm init -y`
+- **تثبيت** Vite كأداة بناء حديثة لتطوير وبناء سريع
+- **إضافة** Prettier لتنسيق الشيفرة تلقائيًا و ESLint لفحص جودة الشيفرة
+- **استخدام** العلامة `--save-dev` لوضع هذه التبعيات كاعتمادات خاصة بالتطوير فقط
 
 ```bash
-# Step 3: Create project structure and files
+# الخطوة 3: إنشاء هيكل المشروع والملفات
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# بدء خادم التطوير
 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/)** | بيئة تشغيل JavaScript وإدارة الحزم | تشغيل JavaScript خارج المتصفحات، تثبيت أدوات تطوير حديثة |
+| **[Vite](https://vitejs.dev/)** | أداة بناء وخادم تطوير | تطوير سريع جدًا مع تحديث سريع للموديولات |
+| **[ESLint](https://eslint.org/)** | جودة الكود | اكتشاف وإصلاح المشكلات في JavaScript تلقائيًا |
+| **[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)** 💻 - سطر أوامر 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/)** - محطة محسنة مع ميزات متقدمة
+- **[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)** - محاكي محطة متقدم
+- **[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). مع الوقت، ستتقن تلقائيًا أوامر وتقنيات أتمتة متقدمة.
+
 
-### الوثائق: معلمك المتاح دائمًا للتعلم
+### التوثيق: معلمك المتاح دائمًا للتعلم
 
-حسنًا، دعني أشاركك سرًا صغيرًا سيجعلك تشعر بتحسن كبير بشأن كونك مبتدئًا: حتى أكثر المطورين خبرة يقضون جزءًا كبيرًا من وقتهم في قراءة الوثائق. وليس لأنهم لا يعرفون ما يفعلونه – بل لأن ذلك علامة على الحكمة!
+حسنًا، دعني أشاركك سرًا صغيرًا سيجعلك تشعر بتحسن كبير تجاه كونك مبتدئًا: حتى أكثر المطورين خبرة يقضون جزءًا كبيرًا من وقتهم في قراءة التوثيق. وليس لأنهم لا يعرفون ماذا يفعلون – بل هو دليل على الحكمة!
 
-فكر في الوثائق كأنك تمتلك وصولًا إلى أكثر المعلمين صبرًا ومعرفة الذين يتوفرون على مدار الساعة. عالق في مشكلة الساعة 2 صباحًا؟ الوثائق موجودة مع عناق افتراضي دافئ والإجابة التي تحتاجها بالضبط. تريد تعلم ميزة جديدة رائعة يتحدث عنها الجميع؟ الوثائق تدعمك بأمثلة خطوة بخطوة. تحاول فهم لماذا يعمل شيء ما بالطريقة التي يعمل بها؟ نعم، الوثائق جاهزة لتشرح لك بطريقة تجعلك تفهمها أخيرًا!
+فكر في التوثيق كالوصول لأكثر المعلمين صبرًا وعلمًا في العالم والمتاحين 24/7. عالق في مشكلة في الثانية 2 صباحًا؟ التوثيق هنا مع حضن افتراضي دافئ وبالضبط الإجابة التي تحتاجها. تريد تعلم ميزة جديدة رائجة؟ التوثيق يدعمك بأمثلة خطوة بخطوة. تحاول فهم لماذا يعمل شيء ما بهذه الطريقة؟ بالطبع – التوثيق جاهز لشرح ذلك بطريقة تجعلك تفهم أخيرًا!
 
-إليك شيء غير وجهة نظري تمامًا: عالم تطوير الويب يتحرك بسرعة كبيرة، ولا أحد (أعني لا أحد على الإطلاق!) يحتفظ بكل شيء في ذاكرته. لقد شاهدت مطورين كبار لديهم خبرة تزيد عن 15 عامًا يبحثون عن بناء جملة أساسي، وتعلم ماذا؟ هذا ليس محرجًا – إنه ذكي! الأمر لا يتعلق بامتلاك ذاكرة مثالية؛ بل يتعلق بمعرفة أين تجد الإجابات الموثوقة بسرعة وفهم كيفية تطبيقها.
+إليك شيء غير وجهة نظري تمامًا: عالم تطوير الويب يتغير بسرعة خارقة، ولا أحد (أعني حرفيًا لا أحد!) يحفظ كل شيء عن ظهر قلب. شاهدت مطورين كبار بخبرة 15+ سنة يبحثون عن قواعد أساسية، وتعرف ماذا؟ هذا ليس محرجًا – هذا ذكي! المسألة ليست في امتلاك ذاكرة مثالية، بل في معرفة أين تجد إجابات موثوقة بسرعة وكيفية تطبيقها.
 
-**إليك أين يحدث السحر الحقيقي:**
+**هنا يحدث السحر الحقيقي:**
 
-يقضي المطورون المحترفون جزءًا كبيرًا من وقتهم في قراءة الوثائق – ليس لأنهم لا يعرفون ما يفعلونه، بل لأن مشهد تطوير الويب يتطور بسرعة كبيرة بحيث يتطلب البقاء على اطلاع مستمر التعلم المستمر. تساعدك الوثائق الجيدة على فهم ليس فقط *كيف* تستخدم شيئًا ما، بل *لماذا* و*متى* تستخدمه.
+يقضي المطورون المحترفون جزءًا كبيرًا من وقتهم في قراءة التوثيق – ليس لأنهم لا يعرفون ماذا يفعلون، بل لأن مجال تطوير الويب يتطور بسرعة هائلة والحفاظ على المعرفة المستحدثة يتطلب تعلمًا مستمرًا. التوثيق الرائع يساعدك على فهم ليس فقط *كيف* تستخدم شيئًا، بل و*لماذا* ومتى تستخدمه.
 
-#### موارد الوثائق الأساسية
+#### مصادر التوثيق الأساسية
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- المعيار الذهبي لوثائق تقنيات الويب
-- أدلة شاملة لـ HTML، CSS، وJavaScript
-- تتضمن معلومات توافق المتصفح
-- تحتوي على أمثلة عملية وعروض تفاعلية
+- المعيار الذهبي لتوثيق تقنيات الويب
+- أدلة شاملة لـ HTML، و CSS، و JavaScript
+- يشمل معلومات توافق المتصفحات
+- يحتوي على أمثلة عملية وعروض تفاعلية
 
 **[Web.dev](https://web.dev)** (من Google)
-- أفضل ممارسات تطوير الويب الحديث
+- أفضل ممارسات تطوير الويب الحديثة
 - أدلة تحسين الأداء
-- مبادئ التصميم الشامل وإمكانية الوصول
-- دراسات حالة من مشاريع العالم الحقيقي
+- مبادئ سهولة الوصول والتصميم الشامل
+- دراسات حالة من مشاريع واقعية
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - موارد تطوير متصفح Edge
-- أدلة تطبيقات الويب التقدمية
-- رؤى تطوير عبر الأنظمة الأساسية
+- أدلة Progressive Web App
+- رؤى تطوير عبر المنصات
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- مناهج تعليمية منظمة
+- مناهج تعلم منظمة
 - دورات فيديو من خبراء الصناعة
-- تمارين برمجة عملية
+- تمرينات برمجية عملية
 
-> 📚 **استراتيجية الدراسة**: لا تحاول حفظ الوثائق – بدلاً من ذلك، تعلم كيفية التنقل فيها بكفاءة. ضع إشارات مرجعية للمراجع المستخدمة بشكل متكرر وتدرب على استخدام وظائف البحث للعثور على معلومات محددة بسرعة.
+> 📚 **استراتيجية الدراسة**: لا تحاول حفظ التوثيق – بدلاً من ذلك، تعلم كيفية التنقل فيه بكفاءة. احفظ المراجع التي تستخدمها كثيرًا وتدرب على استخدام خاصية البحث لإيجاد المعلومات بسرعة.
 
-### 🔧 **اختبار إتقان الأدوات: ما الذي يثير اهتمامك؟**
+### 🔧 **فحص إتقان الأدوات: ما الذي يلامسك؟**
 
 **خذ لحظة للتفكير:**
-- أي أداة أنت متحمس لتجربتها أولاً؟ (لا توجد إجابة خاطئة!)
-- هل لا يزال سطر الأوامر يبدو مخيفًا، أم أنك فضولي بشأنه؟
-- هل يمكنك تخيل استخدام أدوات المطور في المتصفح لاستكشاف ما وراء الكواليس لمواقعك المفضلة؟
+- ما الأداة التي أنت متحمس لتجربتها أولاً؟ (لا توجد إجابة خاطئة!)
+- هل لا يزال سطر الأوامر يبدو مخيفًا، أم أنك مهتم به؟
+- هل يمكنك تخيل استخدام أدوات مطوري المتصفح للتجسس على خلفية مواقعك المفضلة؟
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "الوقت الذي يقضيه المطور مع الأدوات"
+    "محرر الشفرة" : 40
+    "اختبار المتصفح" : 25
+    "سطر الأوامر" : 15
+    "قراءة الوثائق" : 15
+    "تصحيح الأخطاء" : 5
 ```
+> **معلومة ممتعة**: يقضي معظم المطورين حوالي 40٪ من وقتهم في محرر الشيفرة الخاص بهم، لكن لاحظ كم من الوقت يذهب للاختبار والتعلم وحل المشكلات. البرمجة ليست مجرد كتابة شيفرة – إنها صياغة تجارب!
 
-> **معلومة ممتعة**: يقضي معظم المطورين حوالي 40% من وقتهم في محرر الكود الخاص بهم، لكن لاحظ كم من الوقت يُخصص للاختبار، التعلم، وحل المشكلات. البرمجة ليست فقط كتابة الكود – إنها صناعة تجارب!
-
-✅ **فكرة للتفكير**: إليك شيء مثير للتفكير – كيف تعتقد أن الأدوات لبناء المواقع (التطوير) قد تختلف عن الأدوات لتصميم كيف تبدو (التصميم)؟ إنه مثل الفرق بين أن تكون مهندسًا معماريًا يصمم منزلًا جميلًا والمقاول الذي يبنيه فعليًا. كلاهما ضروري، لكنهما يحتاجان إلى صناديق أدوات مختلفة! هذا النوع من التفكير سيساعدك حقًا على رؤية الصورة الأكبر لكيفية ظهور المواقع إلى الحياة.
+✅ **غذاء للتفكير**: إليك شيئًا مثيرًا للتفكير – كيف تعتقد أن أدوات بناء المواقع (التطوير) قد تختلف عن أدوات تصميم شكلها (التصميم)؟ مثل الفرق بين مهندس معماري يصمم منزلًا جميلًا والمقاول الذي يبنيه بالفعل. كلاهما ضروري لكن يحتاجان إلى أدوات مختلفة! هذا النوع من التفكير سيساعدك حقًا على رؤية الصورة الأكبر لكيفية حياة المواقع.
 
 ## تحدي GitHub Copilot Agent 🚀
 
 استخدم وضع الوكيل لإكمال التحدي التالي:
 
-**الوصف:** استكشف ميزات محرر الكود الحديث أو بيئة التطوير المتكاملة (IDE) وأظهر كيف يمكن أن تحسن سير عملك كمطور ويب.
+**الوصف:** استكشف ميزات محرر شيفرة حديث أو IDE وشرح كيف يمكنه تحسين سير عملك كمطور ويب.
 
-**المهمة:** اختر محرر كود أو بيئة تطوير متكاملة (مثل Visual Studio Code، WebStorm، أو IDE قائم على السحابة). قم بتحديد ثلاث ميزات أو إضافات تساعدك على كتابة، تصحيح، أو صيانة الكود بكفاءة أكبر. لكل منها، قدم شرحًا موجزًا عن كيفية تحسينها لسير عملك.
+**المطلب:** اختر محرر شيفرة أو IDE (مثل Visual Studio Code، WebStorm، أو IDE قائم على السحابة). اذكر ثلاث ميزات أو امتدادات تساعدك على كتابة وتصحيح أو الحفاظ على الشيفرة بفعالية أكثر. لكل منها، قدم شرحًا مختصرًا عن كيفية استفادتك منها في سير العمل.
 
 ---
 
 ## 🚀 التحدي
 
-**حسنًا، أيها المحقق، هل أنت مستعد لأول قضية لك؟**
+**حسنًا، أيها المحقق، هل أنت مستعد لقضيتك الأولى؟**
 
-الآن بعد أن حصلت على هذه الأساسيات الرائعة، لدي مغامرة ستساعدك على رؤية مدى تنوع وجاذبية عالم البرمجة حقًا. واستمع – هذا ليس عن كتابة الكود بعد، لذا لا يوجد ضغط هنا! فكر في نفسك كمحقق لغات برمجة في أول قضية مثيرة لك!
+الآن بعد أن أصبحت لديك هذه الأساسيات الرائعة، لدي مغامرة ستساعدك على رؤية مدى التنوع والروعة لعالم البرمجة. واستمع - هذه ليست حول كتابة الشيفرة بعد، فلا ضغط في هذا الأمر! اعتبر نفسك محقق لغات برمجة في قضيتك المثيرة الأولى!
 
-**مهمتك، إذا اخترت قبولها:**
-1. **كن مستكشفًا للغات**: اختر ثلاث لغات برمجة من عوالم مختلفة تمامًا – ربما واحدة تبني مواقع، واحدة تنشئ تطبيقات جوال، وواحدة تحلل البيانات للعلماء. ابحث عن أمثلة لنفس المهمة البسيطة مكتوبة بكل لغة. أعدك أنك ستندهش تمامًا من مدى اختلافها أثناء القيام بنفس الشيء!
+**مهمتك، إذا قررت قبولها:**
+1. **كن مستكشف لغات**: اختر ثلاث لغات برمجة من عوالم مختلفة تمامًا – ربما واحدة لبناء المواقع، وأخرى لإنشاء تطبيقات الهاتف المحمول، وثالثة لمعالجة البيانات للعلماء. ابحث عن أمثلة لنفس المهمة البسيطة مكتوبة بكل لغة. أعدك بأنك ستندهش تمامًا من مدى اختلافها بينما تؤدي نفس الشيء بالضبط!
 
-2. **اكتشف قصص أصلها**: ما الذي يجعل كل لغة مميزة؟ إليك حقيقة رائعة – كل لغة برمجة تم إنشاؤها لأن شخصًا ما فكر، "تعرف ماذا؟ يجب أن يكون هناك طريقة أفضل لحل هذه المشكلة المحددة." هل يمكنك معرفة ما كانت تلك المشكلات؟ بعض هذه القصص مثيرة للاهتمام حقًا!
+2. **اكشف قصص نشأتها**: ما الذي يجعل كل لغة مميزة؟ هذه حقيقة رائعة – كل لغة برمجة تم إنشاؤها لأن شخصًا ما فكر، "تعرف ماذا؟ يجب أن تكون هناك طريقة أفضل لحل هذه المشكلة المحددة." هل يمكنك اكتشاف ما هي تلك المشكلات؟ بعض هذه القصص حقًا مثيرة!
 
-3. **تعرف على المجتمعات**: تحقق من مدى ترحيب وشغف مجتمع كل لغة. البعض لديه ملايين المطورين الذين يشاركون المعرفة ويساعدون بعضهم البعض، والبعض الآخر أصغر ولكن مترابط للغاية وداعم. ستعجبك رؤية الشخصيات المختلفة لهذه المجتمعات!
+3. **التقى المجتمعات**: اطلع على مدى ترحيب وشغف كل مجتمع للغة. بعضها يضم ملايين المطورين الذين يشاركون المعرفة ويساعدون بعضهم البعض، بينما البعض الآخر أصغر لكن مترابط وداعم بشكل كبير. ستحب رؤية الشخصيات المختلفة لهذه المجتمعات!
 
-4. **اتبع شعورك الداخلي**: أي لغة تبدو أكثر سهولة بالنسبة لك الآن؟ لا تقلق بشأن اتخاذ الخيار "المثالي" – فقط استمع إلى حدسك! لا توجد إجابة خاطئة هنا، ويمكنك دائمًا استكشاف الآخرين لاحقًا.
+4. **تابع حدسك**: أي لغة تبدو أكثر قربًا منك حاليًا؟ لا تشغل بالك بالاختيار "المثالي" – فقط استمع إلى إحساسك! لا توجد إجابة خاطئة هنا، ويمكنك دائمًا استكشاف لغات أخرى لاحقًا.
 
-**عمل تحري إضافي**: حاول اكتشاف ما هي المواقع أو التطبيقات الرئيسية التي تم بناؤها بكل لغة. أضمن أنك ستُصدم عندما تعرف ما الذي يشغل Instagram، Netflix، أو تلك اللعبة الجوالة التي لا تستطيع التوقف عن لعبها!
+**عمل تحقيق إضافي**: حاول اكتشاف ما هي المواقع أو التطبيقات الكبرى المبنية بكل لغة. أضمن لك أنك ستندهش عندما تعلم ما الذي يشغل إنستغرام، نيتفليكس، أو تلك اللعبة المحمولة التي لا تستطيع التوقف عن لعبها!
 
-> 💡 **تذكر**: أنت لا تحاول أن تصبح خبيرًا في أي من هذه اللغات اليوم. أنت فقط تتعرف على الحي قبل أن تقرر أين تريد أن تستقر. خذ وقتك، استمتع بالأمر، ودع فضولك يقودك!
+> 💡 **تذكر**: أنت لا تحاول أن تصبح خبيرًا في أي من هذه اللغات اليوم. أنت فقط تتعرف على الحي قبل أن تقرر أين تريد أن تقيم متجرك. خذ وقتك، استمتع، ودع فضولك يقودك!
 
 ## لنحتفل بما اكتشفته!
 
-يا إلهي، لقد استوعبت الكثير من المعلومات الرائعة اليوم! أنا متحمس حقًا لرؤية مدى تأثير هذه الرحلة المذهلة عليك. وتذكر – هذا ليس اختبارًا تحتاج فيه إلى أن تكون مثاليًا. هذا أشبه بالاحتفال بكل الأشياء الرائعة التي تعلمتها عن هذا العالم المثير الذي أنت على وشك الغوص فيه!
+يا إلهي، لقد استوعبت قدرًا هائلًا من المعلومات الرائعة اليوم! أنا متحمس حقًا لرؤية مدى التمسك بهذه الرحلة المذهلة. وتذكر – هذا ليس اختبارًا تحتاج أن تجتازه بشكل مثالي. هذا أقرب إلى احتفال بكل الأشياء الرائعة التي تعلمتها عن هذا العالم الرائع الذي ستغوص فيه قريبًا!
 
-[خذ اختبار ما بعد الدرس](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/). لا تخف من التجربة – لن تكسر شيئًا!
-- اقرأ عن كيفية نشأة لغتك المفضلة. صدقني، بعض هذه القصص الأصلية مثيرة للاهتمام وستساعدك على فهم سبب عمل اللغات بالطريقة التي تعمل بها.
+**تعمّق في لغات البرمجة:**
+- زر المواقع الرسمية لـ 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/). مجتمع البرمجة مرحب جدًا بالمبتدئين!
-- شاهد بعض الفيديوهات التعليمية للمبتدئين على YouTube. هناك العديد من المبدعين الرائعين الذين يتذكرون كيف كان الأمر عندما بدأوا.
-- فكر في الانضمام إلى لقاءات محلية أو مجتمعات عبر الإنترنت. صدقني، المطورون يحبون مساعدة المبتدئين!
+- تابع بعض مجتمعات المطورين على [Dev.to](https://dev.to/)، [Stack Overflow](https://stackoverflow.com/)، أو [GitHub](https://github.com/). مجتمع البرمجة ترحيبي للغاية بالمبتدئين!
+- شاهد بعض فيديوهات البرمجة الموجهة للمبتدئين على يوتيوب. هناك العديد من المبدعين الرائعين الذين يتذكرون كيف يكون الأمر عند البدء.
+- فكر في الانضمام إلى لقاءات محلية أو مجتمعات إلكترونية. صدقني، المطورون يحبون مساعدة القادمين الجدد!
+
+> 🎯 **اسمع، هذا ما أريدك أن تتذكره**: لن تتوقع أن تصبح ساحر برمجة بين عشية وضحاها! أنت الآن فقط تتعرف على هذا العالم الرائع الجديد الذي على وشك أن تكون جزءًا منه. خذ وقتك، استمتع بالرحلة، وتذكر – كل مطور تعجب به كان يجلس يومًا ما تمامًا حيث أنت الآن، يشعر بالحماس وربما بقليل من الارباك. هذا أمر طبيعي تمامًا، ويعني أنك تسير على الطريق الصحيح!
+
 
-> 🎯 **اسمع، هذا ما أريدك أن تتذكره**: لا يُتوقع منك أن تصبح خبيرًا في البرمجة بين ليلة وضحاها! الآن، أنت فقط تتعرف على هذا العالم الجديد الرائع الذي ستصبح جزءًا منه. خذ وقتك، استمتع بالرحلة، وتذكر – كل مطور تعجب به كان يجلس في مكانك تمامًا، يشعر بالحماس وربما قليلًا من الارتباك. هذا طبيعي تمامًا، ويعني أنك تسير في الطريق الصحيح.
 
 ## المهمة
 
-[قراءة الوثائق](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **تلميح صغير لمهمتك**: سأكون سعيدًا جدًا برؤية أنك تستكشف بعض الأدوات التي لم نتحدث عنها بعد! تجاوز المحررات، المتصفحات، وأدوات سطر الأوامر التي تحدثنا عنها – هناك عالم مذهل من أدوات التطوير الرائعة ينتظر أن يتم اكتشافه. ابحث عن الأدوات التي يتم تحديثها بانتظام ولديها مجتمعات نشطة وداعمة (عادةً ما تكون هذه الأدوات لديها أفضل الشروحات وأكثر الأشخاص دعمًا عندما تواجه مشكلة وتحتاج إلى يد مساعدة ودية).
+> 💡 **دفعة صغيرة لمهمتك**: سأكون سعيدًا جدًا إذا استكشفت بعض الأدوات التي لم نتطرق إليها بعد! تخطَ المحررات، والمتصفحات، وأدوات سطر الأوامر التي تحدثنا عنها بالفعل – هناك عالم هائل من أدوات التطوير الرائعة في انتظارك لاكتشافها. ابحث عن تلك التي تتم صيانتها بفاعلية وتتمتع بمجتمعات نابضة بالحياة ومساعدة (هذه عادةً ما تحتوي على أفضل الدروس وأكثر الأشخاص دعمًا عندما تعلق وتحتاج إلى يد صديقة).
 
 ---
 
 ## 🚀 جدول رحلتك البرمجية
 
-### ⚡ **ما يمكنك القيام به في الدقائق الخمس القادمة**
-- [ ] ضع إشارة مرجعية على مواقع 2-3 لغات برمجة أثارت اهتمامك
-- [ ] قم بتنزيل Visual Studio Code إذا لم تقم بذلك بالفعل
-- [ ] افتح أدوات المطور في متصفحك (F12) وانقر هنا وهناك على أي موقع
-- [ ] انضم إلى مجتمع برمجي واحد (Dev.to، Reddit r/webdev، أو Stack Overflow)
-
-### ⏰ **ما يمكنك إنجازه خلال الساعة القادمة**
-- [ ] أكمل اختبار ما بعد الدرس وفكر في إجاباتك
-- [ ] قم بإعداد VS Code مع إضافة GitHub Copilot
-- [ ] جرب مثال "Hello World" في لغتين برمجيتين مختلفتين عبر الإنترنت
-- [ ] شاهد فيديو "يوم في حياة مطور" على YouTube
-- [ ] ابدأ تحقيقك في لغات البرمجة (من التحدي)
-
-### 📅 **مغامرتك لمدة أسبوع**
-- [ ] أكمل المهمة واستكشف 3 أدوات تطوير جديدة
-- [ ] تابع 5 مطورين أو حسابات برمجية على وسائل التواصل الاجتماعي
-- [ ] حاول بناء شيء صغير على CodePen أو Replit (حتى لو كان مجرد "مرحبًا، [اسمك]!")
-- [ ] اقرأ منشور مدونة لمطور عن رحلته البرمجية
-- [ ] انضم إلى لقاء افتراضي أو شاهد حديثًا عن البرمجة
-- [ ] ابدأ تعلم اللغة التي اخترتها من خلال الدروس عبر الإنترنت
-
-### 🗓️ **تحولك خلال شهر**
-- [ ] قم ببناء أول مشروع صغير لك (حتى لو كان مجرد صفحة ويب بسيطة!)
-- [ ] ساهم في مشروع مفتوح المصدر (ابدأ بإصلاحات الوثائق)
-- [ ] قم بتوجيه شخص بدأ للتو رحلته البرمجية
-- [ ] أنشئ موقع محفظة المطور الخاص بك
-- [ ] تواصل مع مجتمعات المطورين المحلية أو مجموعات الدراسة
-- [ ] ابدأ التخطيط لمرحلة التعلم التالية
-
-### 🎯 **التأمل النهائي**
-
-**قبل أن تنتقل، خذ لحظة للاحتفال:**
-- ما الشيء الذي أثار حماسك بشأن البرمجة اليوم؟
-- ما الأداة أو المفهوم الذي تريد استكشافه أولاً؟
-- كيف تشعر بشأن بدء رحلتك البرمجية؟
-- ما السؤال الذي ترغب في طرحه على مطور الآن؟
+### ⚡ **ما يمكنك فعله في الدقائق الخمس القادمة**
+- [ ] احفظ في المفضلة مواقع 2-3 لغات برمجة لفتت انتباهك
+- [ ] حمّل Visual Studio Code إذا لم تفعل ذلك بعد
+- [ ] افتح أدوات المطور في متصفحك (F12) وانقر في أي موقع إلكتروني
+- [ ] انضم إلى مجتمع برمجة واحد (Dev.to، Reddit r/webdev، أو Stack Overflow)
+
+### ⏰ **ما يمكنك تحقيقه خلال هذه الساعة**
+- [ ] أكمل اختبار ما بعد الدرس وتأمل في إجاباتك
+- [ ] جهز VS Code مع إضافة GitHub Copilot
+- [ ] جرّب مثال "مرحبًا بالعالم" بلغتين برمجيتين مختلفتين أونلاين
+- [ ] شاهد فيديو "يوم في حياة مطور" على يوتيوب
+- [ ] ابدأ في عمل تحقيقك الخاص حول لغات البرمجة (من التحدي)
+
+### 📅 **مغامرتك التي تستمر أسبوعًا**
+- [ ] أتمم المهمة واستكشف 3 أدوات تطوير جديدة
+- [ ] تابع 5 مطورين أو حسابات برمجة على وسائل التواصل الاجتماعي
+- [ ] جرّب بناء شيء صغير في CodePen أو Replit (حتى لو كان مجرد "مرحبًا، [اسمك]!")
+- [ ] اقرأ تدوينة مطور واحدة عن رحلة برمجية لشخص ما
+- [ ] انضم إلى لقاء افتراضي أو شاهد محاضرة برمجية
+- [ ] ابدأ تعلم لغتك المختارة عبر الدروس الإلكترونية
+
+### 🗓️ **تحولك الذي يستمر شهرًا**
+- [ ] ابني مشروعك الصغير الأول (حتى صفحة ويب بسيطة تُحسب!)
+- [ ] ساهم في مشروع مفتوح المصدر (ابدأ بإصلاح التوثيق)
+- [ ] علم شخصًا بدأ رحلته البرمجية للتو
+- [ ] أنشئ موقع ملفك الشخصي كمطور
+- [ ] تواصل مع مجتمعات مطورين محلية أو مجموعات دراسة
+- [ ] ابدأ تخطيط هدفك التعليمي التالي
+
+### 🎯 **تقييم التأمل النهائي**
+
+**قبل أن تتابع، خذ لحظة للاحتفال:**
+- ما هو الشيء الذي أثار حماسك في البرمجة اليوم؟
+- أي أداة أو مفهوم ترغب في استكشافه أولًا؟
+- كيف تشعر حيال بدء هذه الرحلة البرمجية؟
+- ما السؤال الذي تود طرحه على مطور الآن؟
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title رحلتك في بناء الثقة بالنفس
+    section اليوم
+      Curious: 3: أنت
+      Overwhelmed: 4: أنت
+      Excited: 5: أنت
+    section هذا الأسبوع
+      Exploring: 4: أنت
+      Learning: 5: أنت
+      Connecting: 4: أنت
+    section الشهر القادم
+      Building: 5: أنت
+      Confident: 5: أنت
+      Helping Others: 5: أنت
 ```
-
-> 🌟 **تذكر**: كل خبير كان يومًا ما مبتدئًا. كل مطور كبير شعر تمامًا كما تشعر الآن – بالحماس، وربما قليلًا من الارتباك، وبالتأكيد فضوليًا بشأن ما هو ممكن. أنت في صحبة رائعة، وهذه الرحلة ستكون مذهلة. مرحبًا بك في عالم البرمجة الرائع! 🎉
+> 🌟 **تذكّر**: كل خبير كان مبتدئًا يومًا ما. كل مطور كبير شعر بنفس شعورك الآن – متحمس، وربما مرتبك قليلاً، وبالتأكيد فضولي حول ما هو ممكن. أنت في صحبة رائعة، وهذه الرحلة ستكون مذهلة. مرحبًا بك في العالم الرائع للبرمجة! 🎉
 
 ---
 
-**إخلاء المسؤولية**:  
-تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الرسمي. للحصول على معلومات حاسمة، يُوصى بالترجمة البشرية الاحترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**تنويه**:  
+تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لتحقيق الدقة، يرجى الانتباه إلى أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الرسمي والمعتمد. للمعلومات الهامة أو الحرجة، يُنصح بالاعتماد على الترجمة الاحترافية البشرية. نحن غير مسؤولين عن أي سوء فهم أو تفسير خاطئ ناتج عن استخدام هذه الترجمة.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ar/AGENTS.md b/translations/ar/AGENTS.md
index 244b7cd08..16098058d 100644
--- a/translations/ar/AGENTS.md
+++ b/translations/ar/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## نظرة عامة على المشروع
 
-هذا مستودع منهج تعليمي لتدريس أساسيات تطوير الويب للمبتدئين. المنهج هو دورة شاملة لمدة 12 أسبوعًا تم تطويرها بواسطة Microsoft Cloud Advocates، ويحتوي على 24 درسًا عمليًا تغطي JavaScript وCSS وHTML.
+هذا مستودع منهج تعليمي لتعليم أساسيات تطوير الويب للمبتدئين. المنهج عبارة عن دورة شاملة لمدة 12 أسبوعًا طورتها Microsoft Cloud Advocates، تشمل 24 درسًا عمليًا تغطي JavaScript و CSS و HTML.
 
 ### المكونات الرئيسية
 
-- **المحتوى التعليمي**: 24 درسًا منظمين في وحدات تعتمد على المشاريع
-- **مشاريع عملية**: تيراريوم، لعبة الكتابة، امتداد المتصفح، لعبة الفضاء، تطبيق البنك، محرر الشيفرة، ومساعد الدردشة بالذكاء الاصطناعي
-- **اختبارات تفاعلية**: 48 اختبارًا يحتوي كل منها على 3 أسئلة (تقييمات قبل/بعد الدرس)
-- **دعم متعدد اللغات**: ترجمات مؤتمتة لأكثر من 50 لغة عبر GitHub Actions
-- **التقنيات**: HTML، CSS، JavaScript، Vue.js 3، Vite، Node.js، Express، Python (لمشاريع الذكاء الاصطناعي)
+- **المحتوى التعليمي**: 24 درسًا منظمًا في وحدات تعتمد على المشاريع
+- **مشاريع عملية**: Terrarium, لعبة الطباعة، امتداد المتصفح، لعبة الفضاء، تطبيق مصرفي، محرر كود، ومساعد دردشة ذكي
+- **اختبارات تفاعلية**: 48 اختبارًا يحتوي كل منها على 3 أسئلة (تقييمات قبل وبعد الدرس)
+- **دعم متعدد اللغات**: ترجمات آلية لأكثر من 50 لغة عبر GitHub Actions
+- **التقنيات**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (لمشاريع الذكاء الاصطناعي)
 
-### البنية
+### الهيكلية
 
-- مستودع تعليمي به هيكلية تعتمد على الدروس
-- كل مجلد درس يحتوي على ملف README، أمثلة شيفرة، وحلول
-- مشاريع مستقلة في مجلدات منفصلة (quiz-app، مشاريع دروس متنوعة)
-- نظام الترجمة يستخدم GitHub Actions (co-op-translator)
-- التوثيق يُقدم عبر Docsify ومتوفر كملف PDF
+- مستودع تعليمي به هيكل يعتمد على الدروس
+- يحتوي كل مجلد درس على README، أمثلة الكود، والحلول
+- مشاريع مستقلة في مجلدات منفصلة (quiz-app، مشاريع الدروس المختلفة)
+- نظام ترجمة باستخدام GitHub Actions (co-op-translator)
+- توثيق مقدم عبر Docsify ومتوافر كملف PDF
 
 ## أوامر الإعداد
 
-هذا المستودع مخصص في المقام الأول لاستهلاك المحتوى التعليمي. للعمل على مشاريع محددة:
+هذا المستودع مخصص بشكل أساسي لاستهلاك المحتوى التعليمي. للعمل مع مشاريع محددة:
 
 ### إعداد المستودع الرئيسي
 
@@ -31,13 +31,13 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### إعداد تطبيق الاختبارات (Vue 3 + Vite)
+### إعداد تطبيق الاختبار (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
-npm run dev        # بدء خادم التطوير
-npm run build      # البناء للإنتاج
+npm run dev        # ابدأ خادم التطوير
+npm run build      # بناء للإنتاج
 npm run lint       # تشغيل ESLint
 ```
 
@@ -56,7 +56,7 @@ npm run format     # التنسيق باستخدام Prettier
 ```bash
 cd 5-browser-extension/solution
 npm install
-# اتبع تعليمات تحميل الامتدادات الخاصة بالمتصفح
+# اتبع تعليمات تحميل الإضافات الخاصة بالمتصفح
 ```
 
 ### مشاريع لعبة الفضاء
@@ -64,128 +64,128 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# افتح index.html في المتصفح أو استخدم الخادم المباشر
+# افتح index.html في المتصفح أو استخدم Live Server
 ```
 
-### مشروع الدردشة (خلفية Python)
+### مشروع الدردشة (باك إند بايثون)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# تعيين متغير بيئة GITHUB_TOKEN
+# تعيين متغير البيئة GITHUB_TOKEN
 python api.py
 ```
 
-## سير عمل التطوير
+## سير العمل التطويري
 
-### للمساهمين بالمحتوى
+### للمساهمين في المحتوى
 
-1. **انسخ المستودع إلى حساب GitHub الخاص بك (Fork)**
-2. **استنسخ نسخة فورك محليًا**
-3. **أنشئ فرعًا جديدًا** لإجراء التغييرات
-4. اجري تغييرات على محتوى الدروس أو أمثلة الشيفرة
-5. اختبر أي تغييرات في مجلدات المشاريع ذات الصلة
-6. قدم طلبات سحب (Pull Requests) وفقًا لإرشادات المساهمة
+1. **فرع المستودع** إلى حسابك على GitHub
+2. **نسخ الفرع** محليًا
+3. **إنشاء فرع جديد** للتعديلات التي ستجريها
+4. أجرِ التعديلات على محتوى الدرس أو أمثلة الكود
+5. اختبر تغييرات الكود في مجلدات المشاريع ذات الصلة
+6. أرسل طلبات السحب وفقًا لإرشادات المساهمة
 
 ### للمتعلمين
 
-1. انسخ أو استنسخ المستودع
-2. انتقل إلى مجلدات الدروس بترتيبها
+1. فرع أو استنسخ المستودع
+2. انتقل تدريجيًا إلى مجلدات الدروس
 3. اقرأ ملفات README لكل درس
-4. أكمل اختبارات قبل الدرس على https://ff-quizzes.netlify.app/web/
-5. اعمل على أمثلة الشيفرة في مجلدات الدروس
+4. أكمل الاختبارات قبل الدرس على https://ff-quizzes.netlify.app/web/
+5. تابع أمثلة الكود في مجلدات الدروس
 6. أكمل الواجبات والتحديات
-7. خذ اختبارات ما بعد الدرس
+7. خُذ اختبارات ما بعد الدرس
 
 ### التطوير الحي
 
-- **التوثيق**: شغل `docsify serve` من جذر المشروع (المنفذ 3000)
-- **تطبيق الاختبار**: شغل `npm run dev` في مجلد quiz-app
-- **المشاريع**: استخدم امتداد VS Code Live Server لمشاريع HTML
-- **مشاريع API**: شغل `npm start` في مجلدات API المعنية
+- **التوثيق**: شغّل الأمر `docsify serve` في المسار الجذري (المنفذ 3000)
+- **تطبيق الاختبار**: شغّل `npm run dev` في مجلد quiz-app
+- **المشاريع**: استخدم إضافة Live Server في VS Code لمشاريع HTML
+- **مشاريع API**: شغّل `npm start` في مجلدات API المعنية
 
 ## تعليمات الاختبار
 
-### اختبار تطبيق الاختبارات
+### اختبار تطبيق الاختبار
 
 ```bash
 cd quiz-app
-npm run lint       # التحقق من وجود مشاكل في نمط الكود
-npm run build      # التحقق من نجاح البناء
+npm run lint       # التحقق من مشاكل نمط الكود
+npm run build      # التأكد من نجاح الإنشاء
 ```
 
 ### اختبار API البنك
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # تحقق من مشكلات نمط الكود
-node server.js     # تحقق من بدء الخادم بدون أخطاء
+npm run lint       # التحقق من مشاكل نمط الكود
+node server.js     # التحقق من بدء الخادم بدون أخطاء
 ```
 
-### منهجية الاختبار العامة
+### نهج الاختبار العام
 
-- هذا مستودع تعليمي بدون اختبارات مؤتمتة شاملة
-- الاختبارات اليدوية تركز على:
-  - تشغيل أمثلة الشيفرة بدون أخطاء
-  - عمل الروابط في التوثيق بشكل صحيح
-  - اكتمال بناء المشاريع بنجاح
-  - اتباع الأمثلة لأفضل الممارسات
+- هذا مستودع تعليمي بدون اختبارات آلية شاملة
+- الاختبار اليدوي يركز على:
+  - تشغيل أمثلة الكود بدون أخطاء
+  - تأكد من عمل الروابط في التوثيق بشكل صحيح
+  - اكتمال بناء المشروع بنجاح
+  - اتباع أمثلة الكود لأفضل الممارسات
 
-### فحوصات ما قبل الإرسال
+### الفحوصات قبل الإرسال
 
-- شغل `npm run lint` في المجلدات التي تحتوي package.json
-- تحقق من صلاحية روابط Markdown
-- اختبر أمثلة الشيفرة في المتصفح أو Node.js
-- تأكد أن الترجمات تحافظ على البنية الصحيحة
+- شغّل `npm run lint` في المجلدات التي تحوي package.json
+- تحقق من صحة روابط markdown
+- اختبر أمثلة الكود في المتصفح أو Node.js
+- تأكد من أن الترجمات تحافظ على الهيكل الصحيح
 
-## إرشادات نمط الشيفرة
+## إرشادات نمط الكود
 
 ### جافا سكريبت
 
-- استخدم بناء جملة ES6+ الحديثة
-- اتبع إعدادات ESLint القياسية المقدمة في المشاريع
-- استخدم أسماء متغيرات ودوال ذات معنى للتعليم
-- أضف تعليقات توضح المفاهيم للمتعلمين
-- نسق الشيفرة باستخدام Prettier حيثما كان مفعلاً
+- استخدم صياغة ES6+ الحديثة
+- اتبع تكوينات ESLint القياسية المقدمة في المشاريع
+- استخدم أسماء متغيرات ودوال ذات معنى لتعزيز وضوح التعليم
+- أضف تعليقات تشرح المفاهيم للمتعلمين
+- نسق باستخدام Prettier حيثما تم التكوين
 
-### HTML / CSS
+### HTML/CSS
 
-- عناصر HTML5 الدلالية
-- مبادئ التصميم المستجيب
-- قواعد واضحة لتسمية الأصناف (الكلاسات)
-- تعليقات تفصيلية لتقنيات CSS للمتعلمين
+- استخدم عناصر HTML5 الدلالية
+- مبادئ التصميم المتجاوب
+- تسميات واضحة للفئات (class)
+- تعليقات تشرح تقنيات CSS للمتعلمين
 
 ### بايثون
 
-- إرشادات نمط PEP 8
-- أمثلة شيفرة واضحة وتعليمية
-- تعليمات النوع حيث تفيد في التعلم
+- اتبع إرشادات نمط PEP 8
+- أمثلة كود واضحة وتعليمية
+- استخدم تنبيهات النوع (Type hints) إن كان مفيدًا للتعلم
 
 ### توثيق Markdown
 
-- تسلسل واضح للرؤوس
-- كتل الشيفرة مع تحديد لغة البرمجة
+- تسلسل واضح للعناوين
+- كتل كود مع تحديد اللغة
 - روابط لموارد إضافية
-- لقطات شاشة وصور في مجلد `images/`
-- نص بديل للصور من أجل سهولة الوصول
+- لقطات شاشة وصور في مجلدات `images/`
+- نص بديل للصور لدعم إمكانية الوصول
 
 ### تنظيم الملفات
 
-- الدروس مرقمة تسلسليًا (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}/`
 
 ## البناء والنشر
 
-### نشر تطبيق الاختبارات (Azure Static Web Apps)
+### نشر تطبيق الاختبار (Azure Static Web Apps)
 
-تم تكوين تطبيق الاختبارات للنشر على 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:
@@ -193,11 +193,11 @@ npm run build      # ينشئ مجلد dist/
 - **موقع المخرجات**: `dist`
 - **سير العمل**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### إنشاء ملف PDF للتوثيق
+### توليد ملف PDF للتوثيق
 
 ```bash
 npm install                    # تثبيت docsify-to-pdf
-npm run convert               # إنشاء ملف PDF من مستندات.docs
+npm run convert               # إنشاء ملف PDF من المستندات
 ```
 
 ### توثيق Docsify
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # تثبيت Docsify على مستوى النظا
 docsify serve                 # الخادم على localhost:3000
 ```
 
-### بناء خاص بالمشروع
+### بناء خاص بكل مشروع
 
 قد يحتوي كل مجلد مشروع على عملية بناء خاصة به:
-- مشاريع Vue: `npm run build` لإنشاء الحزم الإنتاجية
-- مشاريع ثابتة: بدون خطوة بناء، قدّم الملفات مباشرة
+- مشاريع Vue: `npm run build` لإنشاء الحزم للإنتاج
+- المشاريع الثابتة: لا توجد خطوة بناء، تقديم الملفات مباشرة
 
-## إرشادات طلب السحب
+## إرشادات طلبات السحب
 
 ### صيغة العنوان
 
-استخدم عناوين واضحة وواصفة توضح مجال التغيير:
-- `[Quiz-app] إضافة اختبار جديد للدرس X`
-- `[Lesson-3] إصلاح خطأ مطبعي في مشروع التيراريوم`
-- `[Translation] إضافة الترجمة الإسبانية للدرس 5`
-- `[Docs] تحديث تعليمات الإعداد`
+استخدم عناوين واضحة وواصفة تشير إلى مجال التغيير:
+- `[Quiz-app] أضف اختبارًا جديدًا للدرس X`
+- `[Lesson-3] أصلح خطأ إملائي في مشروع Terrarium`
+- `[Translation] أضف ترجمة إسبانية للدرس 5`
+- `[Docs] حدث تعليمات الإعداد`
 
 ### الفحوصات المطلوبة
 
-قبل تقديم طلب السحب:
+قبل إرسال طلب السحب:
 
-1. **جودة الشيفرة**:
-   - شغل `npm run lint` في مجلدات المشاريع المتأثرة
-   - أصلح كافة الأخطاء والتحذيرات
+1. **جودة الكود**:
+   - شغّل `npm run lint` في مجلدات المشاريع المتأثرة
+   - أصلح جميع أخطاء التحليل التحذيرية
 
 2. **التحقق من البناء**:
-   - شغل `npm run build` إذا كان ذلك ممكنًا
+   - شغّل `npm run build` إذا كان ذلك مطبقًا
    - تأكد من عدم وجود أخطاء في البناء
 
 3. **التحقق من الروابط**:
-   - اختبر جميع روابط Markdown
+   - اختبر جميع روابط markdown
    - تحقق من عمل مراجع الصور
 
 4. **مراجعة المحتوى**:
-   - تدقيق تهجئة ونحو
-   - تأكد من صحة الأمثلة التعليمية للكود
-   - تحقق من أن الترجمات تحافظ على المعنى الأصلي
+   - تدقيق إملائي ونحوي
+   - تأكد من صحة أمثلة الكود وتعليميتها
+   - تحقق من المحافظة على المعنى الأصلي في الترجمات
 
 ### متطلبات المساهمة
 
-- الموافقة على اتفاقية ترخيص المساهمة من Microsoft (التحقق آليًا في أول طلب سحب)
-- اتباع [مدونة السلوك لمصدر Microsoft المفتوح](https://opensource.microsoft.com/codeofconduct/)
-- اطلع على [CONTRIBUTING.md](./CONTRIBUTING.md) للإرشادات المفصلة
-- إرفاق أرقام القضايا في وصف طلب السحب إن وجدت
+- الموافقة على اتفاقية ترخيص المساهمة من Microsoft (فحص تلقائي في أول طلب سحب)
+- الالتزام ب[مدونة السلوك المفتوحة لمايكروسوفت](https://opensource.microsoft.com/codeofconduct/)
+- راجع [CONTRIBUTING.md](./CONTRIBUTING.md) للإرشادات التفصيلية
+- أشر إلى أرقام القضايا في وصف طلب السحب إن وجد
 
 ### عملية المراجعة
 
-- يتم مراجعة طلبات السحب من قبل القائمين على الصيانة والمجتمع
-- تُعطى الأولوية لوضوح المحتوى التعليمي
-- يجب أن تتبع أمثلة الشيفرة أفضل الممارسات الحالية
-- تُراجع الترجمات للدقة والملاءمة الثقافية
+- مراجعة طلبات السحب من قبل الصيانة والمجتمع
+- الأولوية لوضوح التعليم
+- يجب أن تتبع أمثلة الكود أفضل الممارسات الحالية
+- مراجعة الترجمات للدقة والملاءمة الثقافية
 
 ## نظام الترجمة
 
-### الترجمة المؤتمتة
+### الترجمة الآلية
 
-- تستخدم GitHub Actions مع سير العمل co-op-translator
-- تترجم تلقائيًا إلى أكثر من 50 لغة
-- الملفات المصدرية في الدلائل الرئيسية
+- يستخدم GitHub Actions مع سير العمل co-op-translator
+- يترجم إلى أكثر من 50 لغة تلقائيًا
+- الملفات المصدر في الدلائل الرئيسية
 - الملفات المترجمة في مجلدات `translations/{language-code}/`
 
-### إضافة تحسينات الترجمة يدويًا
+### إضافة تحسينات الترجمة اليدوية
 
 1. حدد موقع الملف في `translations/{language-code}/`
-2. أجرِ تحسينات مع الحفاظ على البنية
-3. تأكد من استمرار عمل أمثلة الشيفرة
+2. أجرِ تحسينات مع الحفاظ على الهيكل
+3. تأكد من بقاء أمثلة الكود فعالة
 4. اختبر أي محتوى اختبار محلي
 
-### بيانات وصف الترجمة
+### بيانات الترجمة الوصفية
 
-تحتوي الملفات المترجمة على رأس بيانات وصفية:
+الملفات المترجمة تشمل رأس بيانات وصفية:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## تصحيح الأخطاء واستكشاف المشكلات
+## التحري عن الأخطاء وحل المشاكل
 
 ### المشاكل الشائعة
 
-**فشل تطبيق الاختبارات في التشغيل**:
-- تحقق من إصدار 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`
 
-**امتداد المتصفح لا يتم تحميله**:
-- تحقق من تنسيق ملف manifest.json بشكل صحيح
-- راجع وحدة تحكم المتصفح لأي أخطاء
+**امتداد المتصفح لا يعمل**:
+- تحقق من صحة صياغة manifest.json
+- تحقق من وحدة تحكم المتصفح للأخطاء
 - اتبع تعليمات تثبيت الامتداد الخاصة بالمتصفح
 
 **مشاكل مشروع الدردشة بايثون**:
 - تأكد من تثبيت حزمة OpenAI: `pip install openai`
 - تحقق من تعيين متغير البيئة GITHUB_TOKEN
-- تحقق من أذونات الوصول إلى GitHub Models
+- تحقق من أذونات الوصول لنماذج GitHub
 
 **عدم تقديم Docsify للتوثيق**:
 - ثبت docsify-cli عالميًا: `npm install -g docsify-cli`
-- شغّل من دليل الجذر للمستودع
-- تحقق من وجود `docs/_sidebar.md`
+- شغّل الأمر من الدليل الجذري للمستودع
+- تأكد من وجود `docs/_sidebar.md`
 
 ### نصائح بيئة التطوير
 
-- استخدم VS Code مع امتداد Live Server لمشاريع HTML
-- ثبت امتدادات ESLint وPrettier لتنسيق متناسق
-- استخدم أدوات مطور المتصفح لتصحيح JavaScript
-- لمشاريع Vue، ثبت امتداد Vue DevTools للمتصفح
+- استخدم VS Code مع إضافة Live Server لمشاريع HTML
+- ثبت إضافات ESLint و Prettier لتنسيق موحد
+- استخدم أدوات المتصفح لتصحيح جافا سكريبت
+- لمشاريع Vue، ثبت إضافة Vue DevTools للمتصفح
 
 ### اعتبارات الأداء
 
-- العدد الكبير لملفات الترجمة (50+ لغة) يجعل الاستنساخ الكامل ضخمًا
-- استخدم استنساخ سطحي إذا كنت تعمل على المحتوى فقط: `git clone --depth 1`
+- عدد كبير من الملفات المترجمة (أكثر من 50 لغة) يجعل النسخ الكاملة كبيرًا
+- استخدم استنساخ عميق ضحل عند العمل على المحتوى فقط: `git clone --depth 1`
 - استبعد الترجمات من عمليات البحث عند العمل على المحتوى الإنجليزي
-- قد تكون عمليات البناء بطيئة في التشغيل الأول (npm install، بناء Vite)
+- عمليات البناء قد تكون بطيئة في أول تشغيل (npm install، بناء Vite)
 
 ## اعتبارات الأمان
 
-### المتغيرات البيئية
+### متغيرات البيئة
 
-- لا يجب أبدًا حفظ مفاتيح API في المستودع
+- يجب ألا يتم الالتزام بمفاتيح API في المستودع
 - استخدم ملفات `.env` (مضمّنة في `.gitignore`)
-- وضح المتغيرات البيئية المطلوبة في ملفات README الخاصة بالمشاريع
+- وثّق متغيرات البيئة المطلوبة في ملفات README الخاصة بالمشاريع
 
 ### مشاريع بايثون
 
 - استخدم بيئات افتراضية: `python -m venv venv`
 - حافظ على تحديث التبعيات
-- يجب أن يكون لرموز GitHub الأذونات الدنيا المطلوبة
+- يجب أن تمتلك رموز GitHub صلاحيات قليلة قدر الإمكان
 
-### الوصول إلى GitHub Models
+### وصول نماذج GitHub
 
-- تُطلب رموز وصول شخصية (PAT) لـ GitHub Models
-- يجب تخزين الرموز كمتغيرات بيئية
-- لا تقم بحفظ الرموز أو بيانات الاعتماد في المستودع
+- يتطلب الوصول رموز وصول شخصية (PAT)
+- يجب تخزين الرموز كمتغيرات بيئة
+- لا تلتزم الرموز أو بيانات الاعتماد في المستودع
 
 ## ملاحظات إضافية
 
 ### الجمهور المستهدف
 
-- مبتدئون كاملون في تطوير الويب
-- طلاب ومتعلّمون ذاتيون
-- مدرسون يستخدمون المنهج في الفصول الدراسية
-- المحتوى مصمم لسهولة الوصول وبناء المهارات تدريجيًا
+- مبتدئون تامون في تطوير الويب
+- الطلاب والتعلم الذاتي
+- المعلمون الذين يستخدمون المنهج داخل الصفوف
+- المحتوى مصمم للوصول السهل وبناء المهارات تدريجيًا
 
-### فلسفة التعليم
+### الفلسفة التعليمية
 
-- نهج التعلم المعتمد على المشاريع
-- فحوصات معرفية متكررة (اختبارات)
-- تمارين برمجية عملية
-- أمثلة تطبيقية من الواقع
-- التركيز على الأساسيات قبل الأُطُر
+- نهج التعلم القائم على المشاريع
+- اختبارات معرفة متكررة (اختبارات قصيرة)
+- تمارين عملية في البرمجة
+- أمثلة تطبيقية من العالم الحقيقي
+- التركيز على الأساسيات قبل الأُطُر (frameworks)
 
 ### صيانة المستودع
 
 - مجتمع نشط من المتعلمين والمساهمين
 - تحديثات منتظمة للتبعيات والمحتوى
-- مراقبة القضايا والمناقشات بواسطة القائمين على الصيانة
+- مراقبة القضايا والمناقشات من قِبل القائمين على الصيانة
 - تحديثات الترجمة مؤتمتة عبر GitHub Actions
 
-### الموارد ذات الصلة
+### الموارد المرتبطة
 
 - [وحدات Microsoft Learn](https://docs.microsoft.com/learn/)
 - [موارد Student Hub](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) موصى به للمتعلمين
-- دورات إضافية: الذكاء الاصطناعي التوليدي، علوم البيانات، التعلم الآلي، منهجيات إنترنت الأشياء متاحة
+- دورات إضافية: الذكاء الاصطناعي التوليدي، علم البيانات، التعلم الآلي، مناهج إنترنت الأشياء متاحة
 
 ### العمل مع مشاريع محددة
 
-للحصول على تعليمات مفصلة حول المشاريع الفردية، راجع ملفات README في:
-- `quiz-app/README.md` - تطبيق الاختبارات بـ Vue 3
-- `7-bank-project/README.md` - تطبيق البنك مع المصادقة
-- `5-browser-extension/README.md` - تطوير امتداد المتصفح
+للتعليمات التفصيلية عن المشاريع الفردية، راجع ملفات README في:
+- `quiz-app/README.md` - تطبيق اختبار Vue 3
+- `7-bank-project/README.md` - تطبيق مصرفي مع المصادقة
+- `5-browser-extension/README.md` - تطوير امتدادات المتصفح
 - `6-space-game/README.md` - تطوير لعبة باستخدام Canvas
-- `9-chat-project/README.md` - مشروع مساعد الدردشة بالذكاء الاصطناعي
+- `9-chat-project/README.md` - مشروع مساعد دردشة ذكي
 
-### هيكل المونوريبو
+### هيكل المونوريبوزيتوري
 
-على الرغم من عدم كونه مونوريبو تقليدي، يحتوي هذا المستودع على مشاريع مستقلة متعددة:
-- كل درس مستقل بذاته
+بينما ليس مونوريبوزيتوري تقليدي، يحتوي هذا المستودع على مشاريع مستقلة متعددة:
+- كل درس مستقل ذاتيًا
 - المشاريع لا تشترك في التبعيات
-- العمل على مشاريع فردية دون التأثير على الأخرى
-- استنساخ المستودع الكامل لتجربة المنهج بالكامل
+- العمل على المشاريع الفردية بدون التأثير على الأخرى
+- استنسخ المستودع كاملًا للحصول على تجربة المنهج الكامل
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**إخلاء مسؤولية**:  
-تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية [Co-op Translator](https://github.com/Azure/co-op-translator). وعلى الرغم من سعينا لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الموثوق. بالنسبة للمعلومات الهامة، يُنصح بالاعتماد على الترجمة البشرية المهنية. نحن غير مسؤولين عن أي سوء فهم أو تأويل ناتج عن استخدام هذه الترجمة.
+**إخلاء المسؤولية**:  
+تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى للحفاظ على الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر المعتمد. للوثائق والمعلومات الحيوية، يُنصح بالاستعانة بترجمة بشرية محترفة. نحن غير مسؤولين عن أي سوء فهم أو تفسير خاطئ ينشأ عن استخدام هذه الترجمة.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ar/README.md b/translations/ar/README.md
index 8b207284e..5d122bf29 100644
--- a/translations/ar/README.md
+++ b/translations/ar/README.md
@@ -12,257 +12,268 @@
 
 # تطوير الويب للمبتدئين - منهج دراسي
 
-تعلم أساسيات تطوير الويب من خلال دورتنا الشاملة التي تستمر 12 أسبوعًا من قبل دعاة مايكروسوفت السحابيين. كل واحدة من الدروس الـ 24 تغوص في JavaScript و CSS و HTML عبر مشاريع عملية مثل التيراريوم، إضافات المتصفح، وألعاب الفضاء. شارك في الاختبارات والنقاشات والتكليفات العملية. حسّن مهاراتك وفعّل استيعابك للمعرفة باستخدام طريقتنا التعليمية القائمة على المشاريع. ابدأ رحلة الترميز الخاصة بك اليوم!
+تعلم أساسيات تطوير الويب مع دورتنا الشاملة التي تستمر 12 أسبوعًا من قِبل دعاة السحابة في مايكروسوفت. كل درس من الدروس الـ 24 يغوص في JavaScript و CSS و HTML من خلال مشاريع تطبيقية مثل التيراريومات، امتدادات المتصفح، وألعاب الفضاء. شارك في اختبارات، مناقشات، وواجبات عملية. حسن مهاراتك وعزز احتفاظك بالمعرفة من خلال منهجنا الفعال المبني على المشاريع. ابدأ رحلتك في الترميز اليوم!
 
-انضم إلى مجتمع Azure AI Foundry على Discord
+انضم إلى مجتمع Azure AI Foundry على ديسكورد
 
 [![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 على ديسكورد والتقِ بالخبراء والمطورين الآخرين**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 دعم متعدد اللغات
 
-#### مدعوم عبر GitHub Action (مؤتمت ومُحدث دائمًا)
+#### مدعوم عبر إجراء GitHub (آلي ومحدث دائمًا)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+[العربية](./README.md) | [البنغالية](../bn/README.md) | [البلغارية](../bg/README.md) | [البورمية (ميانمار)](../my/README.md) | [الصينية (المبسطة)](../zh-CN/README.md) | [الصينية (التقليدية، هونغ كونغ)](../zh-HK/README.md) | [الصينية (التقليدية، ماكاو)](../zh-MO/README.md) | [الصينية (التقليدية، تايوان)](../zh-TW/README.md) | [الكرواتية](../hr/README.md) | [التشيكية](../cs/README.md) | [الدانماركية](../da/README.md) | [الهولندية](../nl/README.md) | [الإستونية](../et/README.md) | [الفنلندية](../fi/README.md) | [الفرنسية](../fr/README.md) | [الألمانية](../de/README.md) | [اليونانية](../el/README.md) | [العبرية](../he/README.md) | [الهندية](../hi/README.md) | [الهنغارية](../hu/README.md) | [الإندونيسية](../id/README.md) | [الإيطالية](../it/README.md) | [اليابانية](../ja/README.md) | [الكانتادية](../kn/README.md) | [الكورية](../ko/README.md) | [الليتوانية](../lt/README.md) | [الماليزية](../ms/README.md) | [المالايالامية](../ml/README.md) | [الماراثية](../mr/README.md) | [النيبالية](../ne/README.md) | [النيجيرية بيدجن](../pcm/README.md) | [النرويجية](../no/README.md) | [الفارسية (اللغة الفارسية)](../fa/README.md) | [البولندية](../pl/README.md) | [البرتغالية (البرازيل)](../pt-BR/README.md) | [البرتغالية (البرتغال)](../pt-PT/README.md) | [البنجابية (غورموخي)](../pa/README.md) | [الرومانية](../ro/README.md) | [الروسية](../ru/README.md) | [الصربية (السيريلية)](../sr/README.md) | [السلوفاكية](../sk/README.md) | [السلوفينية](../sl/README.md) | [الإسبانية](../es/README.md) | [السواحيلية](../sw/README.md) | [السويدية](../sv/README.md) | [التاغالوغ (الفلبينية)](../tl/README.md) | [التاميلية](../ta/README.md) | [التيلجو](../te/README.md) | [التايلاندية](../th/README.md) | [التركية](../tr/README.md) | [الأوكرانية](../uk/README.md) | [الأردية](../ur/README.md) | [الفيتنامية](../vi/README.md)
 
-> **تفضل الاستنساخ محليًا؟**
-
-> يحتوي هذا المستودع على أكثر من 50 ترجمة للغات مما يزيد بشكل كبير من حجم التنزيل. لاستنساخ بدون الترجمات، استخدم sparse checkout:
+> **تفضل النسخ محليًا؟**
+>
+> يحتوي هذا المستودع على أكثر من 50 ترجمة للغات مما يزيادة حجم التنزيل بشكل كبير. للنسخ بدون الترجمات، استخدم السحب المتفرق:
+>
+> **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"
+> ```
+>
+> هذا يمنحك كل ما تحتاجه لإتمام الدورة بسرعة تنزيل أعلى.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**إذا كنت ترغب في دعم لغات ترجمة إضافية فهي مدرجة [هنا](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**إذا رغبت بدعم لغات ترجمة إضافية فهي مدرجة [هنا](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![افتح في 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) حيث ستجد الموارد للمبتدئين، حزم الطلاب وحتى طرق للحصول على قسيمة شهادة مجانية. هذه هي الصفحة التي تود حفظها ضمن المفضلة والعودة إليها من حين لآخر مع تغير المحتوى شهريًا.
+قم بزيارة [**صفحة مركز الطلاب**](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 🚀" في معظم الفصول. إنه تحدٍ جديد لك لتنجزه باستخدام GitHub Copilot ووضع Agent. إذا لم تستخدم وضع Agent من قبل، هو قادر ليس فقط على إنشاء النصوص بل يمكنه أيضًا إنشاء وتحرير الملفات، تشغيل الأوامر والمزيد.
 
-### 📣 إعلان - _مشروع جديد للبناء باستخدام الذكاء الاصطناعي التوليدي_
+### 📣 إعلان - _مشروع جديد للبناء باستخدام الذكاء الاصطناعي التوليدي_ 
 
-تم إضافة مشروع مساعد الذكاء الاصطناعي الجديد، تفقده [المشروع](./9-chat-project/README.md)
+تمت إضافة مشروع مساعد الذكاء الاصطناعي الجديد، تحقق منه [المشروع](./9-chat-project/README.md)
 
-### 📣 إعلان - _منهج جديد_ حول الذكاء الاصطناعي التوليدي لـ JavaScript تم إصداره للتو
+### 📣 إعلان - _منهج جديد_ عن الذكاء الاصطناعي التوليدي لجافا سكريبت تم إصداره للتو
 
-لا تفوت منهج الذكاء الاصطناعي التوليدي الجديد!
+لا تفوت منهجنا الجديد عن الذكاء الاصطناعي التوليدي!
 
-زر [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/ar/background.148a8d43afde5730.webp)
 
 - دروس تغطي كل شيء من الأساسيات إلى RAG.
-- تفاعل مع شخصيات تاريخية باستخدام GenAI وتطبيقنا المصاحب.
+- تفاعل مع شخصيات تاريخية باستخدام GenAI وتطبيقنا المرافق.
 - سرد ممتع وجذاب، ستسافر عبر الزمن!
 
 ![character](../../translated_images/ar/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) لمواد دراسية إضافية.
+لتطوير تعليمك أكثر، نوصي بشدة باستكشاف [مايكروسوفت ليرن](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
 
-ضمن نسختك من هذا المستودع التي أنشأتها، انقر على زر **Code** واختر **Open with Codespaces**. سينشئ هذا Codespace جديد لتعمل فيه.
+في نسختك من هذا المستودع التي أنشأتها، انقر زر **Code** واختر **Open with Codespaces**. سيُنشئ هذا مساحة عمل جديدة للعمل فيها.
 
 ![Codespace](../../translated_images/ar/createcodespace.0238bbf4d7a8d955.webp)
 
-#### تشغيل المنهج محليًا على جهازك
+#### تشغيل المنهج محليًا على جهاز الكمبيوتر الخاص بك
 
-لتشغيل هذا المنهج محليًا على جهازك، ستحتاج إلى محرر نصوص، متصفح وأداة سطر أوامر. دروسنا الأولى، [مقدمة للغات البرمجة وأدوات المجال](../../1-getting-started-lessons/1-intro-to-programming-languages)، ستأخذك عبر خيارات مختلفة لكل من هذه الأدوات لتختار الأفضل لك.
+لتشغيل هذا المنهج محليًا على جهاز الكمبيوتر الخاص بك ستحتاج إلى محرر نصوص، متصفح أويب وأداة سطر الأوامر. درسنا الأول، [مقدمة إلى لغات البرمجة وأدوات التجارة](../../1-getting-started-lessons/1-intro-to-programming-languages)، سيرشدك عبر خيارات مختلفة لكل من هذه الأدوات لتختار الأنسب لك.
 
-توصيتنا هو استخدام [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) كمحرر نصوص، والذي يحتوي أيضًا على [طرفية (Terminal)](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) مدمجة. يمكنك تنزيل Visual Studio Code [من هنا](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. انسخ المستودع إلى جهازك. يمكنك فعل ذلك بالنقر على زر **Code** ونسخ الرابط:
+توصيتنا هي استخدام [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)
-ثم، افتح [الطرفية](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) وقم بتشغيل الأمر التالي، مع استبدال `<your-repository-url>` بالرابط الذي نسخته للتو:
+
+    ثم، افتح [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) وشغّل الأمر التالي، مستبدلاً `<your-repository-url>` بعنوان URL الذي قمت بنسخه للتو:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. افتح المجلد في Visual Studio Code. يمكنك القيام بذلك بالنقر على **ملف** > **فتح مجلد** واختيار المجلد الذي قمت باستنساخه.
+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) - لمعاينة صفحات HTML داخل Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - لمساعدتك في كتابة الكود بسرعة أكبر
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - لمساعدتك في كتابة الشيفرة بسرعة أكبر
 
-## 📂 تشمل كل درس:
+## 📂 كل درس يشمل:
 
-- ملاحظة رسمية اختيارية
+- ملاحظات تخطيطية اختيارية
 - فيديو تكميلي اختياري
-- اختبار دافئ قبل الدرس
+- اختبار تمهيدي قبل الدرس
 - درس مكتوب
-- للدروس القائمة على المشاريع، أدلة خطوة بخطوة حول كيفية بناء المشروع
-- فحوصات معرفية
+- للدروس المبنية على المشاريع، إرشادات خطوة بخطوة لبناء المشروع
+- اختبار معرفة
 - تحدي
-- قراءة تكميلية
+- قراءة تكملية
 - واجب
-- [اختبار ما بعد الدرس](https://ff-quizzes.netlify.app/web/)
+- [اختبار بعد الدرس](https://ff-quizzes.netlify.app/web/)
 
-> **ملاحظة حول الاختبارات:** جميع الاختبارات موجودة في مجلد Quiz-app، 48 اختبارًا إجماليًا يحتوي كل منها على ثلاثة أسئلة. وهي متاحة [هنا](https://ff-quizzes.netlify.app/web/) يمكن تشغيل تطبيق الاختبار محليًا أو نشره على Azure؛ اتبع التعليمات في مجلد `quiz-app`.
+> **ملاحظة حول الاختبارات**: جميع الاختبارات موجودة في مجلد Quiz-app، هناك 48 اختبارًا بإجمالي ثلاث أسئلة لكل اختبار. متاحة [هنا](https://ff-quizzes.netlify.app/web/) كما يمكن تشغيل تطبيق الاختبار محلياً أو نشره على Azure؛ اتبع التعليمات في مجلد `quiz-app`.
 
 ## 🗃️ الدروس
 
-|     |                       اسم المشروع                       |                            المفاهيم المطروحة                             | أهداف التعلم                                                                                                                 |                                                         الدرس المرتبط                                                          |         المؤلف          |
+|     |                       اسم المشروع                        |                            المفاهيم التي يتم تدريسها                             | الأهداف التعليمية                                                                                                                 |                                                         الدرس المرتبط                                                          |         المؤلف          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     البداية                            |           مقدمة في البرمجة وأدوات العمل           | تعلم الأساسيات التي تقوم عليها معظم لغات البرمجة وعن البرامج التي تساعد المطورين المحترفين على أداء مهامهم | [مقدمة في لغات البرمجة وأدوات العمل](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     البداية                            |             أساسيات GitHub، بما في ذلك العمل مع فريق             | كيفية استخدام GitHub في مشروعك، وكيفية التعاون مع الآخرين على قاعدة الشيفرة                                    |                            [مقدمة إلى GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     البداية                            |                             إمكانية الوصول                              | تعلم أساسيات إمكانية الوصول على الويب                                                                                               |                       [أساسيات إمكانية الوصول](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        أساسيات JavaScript                         |                         أنواع بيانات JavaScript                          | أساسيات أنواع بيانات JavaScript                                                                                                 |                                       [أنواع البيانات](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        أساسيات JavaScript                         |                         الدوال والطرق                          | تعلم عن الدوال والطرق لإدارة منطق التطبيق                                                             |                              [الدوال والطرق](./2-js-basics/2-functions-methods/README.md)                               | Jasmine و Christopher |
-| 06  |                        أساسيات JavaScript                         |                        اتخاذ القرارات باستخدام JS                        | تعلم كيفية إنشاء شروط في الكود باستخدام طرق اتخاذ القرارات                                                           |                                 [اتخاذ القرارات](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        أساسيات JavaScript                         |                            المصفوفات والحلقات                            | العمل مع البيانات باستخدام المصفوفات والحلقات في JavaScript                                                                                 |                                   [المصفوفات والحلقات](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML في التطبيق                            | بناء الـ HTML لإنشاء تيراريوم عبر الإنترنت، مع التركيز على بناء التخطيط                                                         |                                 [مقدمة إلى HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS في التطبيق                             | بناء CSS لتصميم التيراريوم عبر الإنترنت، مع التركيز على أساسيات CSS بما في ذلك جعل الصفحة متجاوبة                     |                                  [مقدمة إلى CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 إغلاق JavaScript، التلاعب بـ DOM                  | بناء JavaScript لجعل التيراريوم يعمل كواجهة سحب وإفلات، مع التركيز على الإغلاق والتلاعب بـ DOM             |                  [إغلاق JavaScript، التلاعب بـ DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 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  |       [التيراريوم](./3-terrarium/solution/README.md)       |                            HTML في التطبيق                            | بناء HTML لإنشاء تيراريوم إلكتروني، مع التركيز على بناء التخطيط                                                         |                                 [مقدمة إلى HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [التيراريوم](./3-terrarium/solution/README.md)       |                            CSS في التطبيق                             | بناء CSS لتنسيق التيراريوم الإلكتروني، مع التركيز على أساسيات CSS بما في ذلك جعل الصفحة متجاوبة                     |                                  [مقدمة إلى CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [التيراريوم](./3-terrarium/solution/README.md)            |                 إغلاق جافا سكريبت، التلاعب بـ DOM                  | بناء شيفرة JavaScript لجعل التيراريوم يعمل كواجهة سحب وإفلات، مع التركيز على الإغلاق والتلاعب بـ DOM             |                  [إغلاق JavaScript، التلاعب بـ DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
 | 11  |          [لعبة الطباعة](./4-typing-game/solution/README.md)          |                          بناء لعبة الطباعة                           | تعلم كيفية استخدام أحداث لوحة المفاتيح لتحريك منطق تطبيق JavaScript                                                          |                                [البرمجة المعتمدة على الأحداث](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) |                         العمل مع المتصفحات                          | تعلم كيفية عمل المتصفحات، تاريخها، وكيفية إنشاء أول عناصر لامتداد المتصفح                               |                               [حول المتصفحات](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) | بناء نموذج، استدعاء API وتخزين المتغيرات في التخزين المحلي | بناء عناصر JavaScript لامتداد المتصفح لاستدعاء API باستخدام متغيرات مخزنة في التخزين المحلي                      |                [واجهات برمجة التطبيقات، النماذج، والتخزين المحلي](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) |          عمليات الخلفية في المتصفح، أداء الويب          | استخدام عمليات الخلفية في المتصفح لإدارة أيقونة الامتداد؛ تعلم عن أداء الويب وبعض التحسينات لتحقيق الأداء الأفضل   |             [مهام الخلفية والأداء](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |             تطوير ألعاب متقدم باستخدام JavaScript             | تعلم عن الوراثة باستخدام كل من الفئات والتكوين ونمط النشر/الاشتراك، تحضيرًا لبناء لعبة              |                      [مقدمة لتطوير الألعاب المتقدمة](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                           الرسم على اللوحة                            | تعلم عن واجهة برمجة تطبيقات Canvas، المستخدمة لرسم العناصر على الشاشة                                                                       |                                [الرسم على اللوحة](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                   تحريك العناصر على الشاشة                    | اكتشف كيف يمكن للعناصر أن تتحرك باستخدام الإحداثيات الكارتيزية وواجهة برمجة تطبيقات Canvas                                            |                           [تحريك العناصر](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                          كشف التصادم                           | جعل العناصر تصطدم وتتفاعل مع بعضها باستخدام ضغطات المفاتيح وتوفير دالة تبريد لضمان أداء اللعبة    |                              [كشف التصادم](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                             تتبع النقاط                              | إجراء حسابات رياضية بناءً على حالة وأداء اللعبة                                                                |                                    [تتبع النقاط](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                     إنهاء وإعادة تشغيل اللعبة                     | تعلم عن إنهاء وإعادة تشغيل اللعبة، بما في ذلك تنظيف الموارد وإعادة تعيين قيم المتغيرات                              |                                [شروط الانتهاء](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [تطبيق المصرف](./7-bank-project/solution/README.md)          |                 قوالب HTML والمسارات في تطبيق ويب                 | تعلم كيفية إنشاء هيكل موقع متعدد الصفحات باستخدام التوجيه وقوالب HTML                             |                            [قوالب HTML والمسارات](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [تطبيق المصرف](./7-bank-project/solution/README.md)          |                  بناء نموذج للدخول والتسجيل                   | تعلم كيفية بناء النماذج والتعامل مع روتين التحقق                                                                          |                                           [النماذج](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [تطبيق المصرف](./7-bank-project/solution/README.md)          |                   طرق جلب واستخدام البيانات                   | كيف تتدفق البيانات في تطبيقك وخارجه، كيفية جلبها وتخزينها والتخلص منها                                                 |                                            [البيانات](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [تطبيق المصرف](./7-bank-project/solution/README.md)          |                      مفاهيم إدارة الحالة                      | تعلم كيفية احتفاظ تطبيقك بالحالة وكيفية إدارتها برمجيًا                                                              |                                [إدارة الحالة](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [كود المتصفح/VSCode](../../8-code-editor) | العمل مع VScode | تعلم كيفية استخدام محرر الكود | [استخدام محرر VSCode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [المساعدون الذكيون](./9-chat-project/README.md) | العمل مع الذكاء الاصطناعي | تعلم كيفية بناء مساعدك الذكي الخاص | [مشروع المساعد الذكي](./9-chat-project/README.md) | Chris |
-
-## 🏫 المنهجية التعليمية
-
-تم تصميم منهجنا مع مبادئ تعليمية رئيسية:
-* التعلم القائم على المشاريع
+| 12  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) |                         العمل مع المتصفحات                          | تعلم كيف تعمل المتصفحات، تاريخها، وكيفية إنشاء العناصر الأولى لامتداد متصفح                               |                               [حول المتصفحات](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) | بناء نموذج، استدعاء API وتخزين المتغيرات في التخزين المحلي | بناء عناصر JavaScript لامتداد المتصفح لاستدعاء API باستخدام المتغيرات المخزنة في التخزين المحلي                      |                [APIs، النماذج، والتخزين المحلي](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [امتداد المتصفح الأخضر](./5-browser-extension/solution/README.md) |          العمليات الخلفية في المتصفح، أداء الويب          | استخدام عمليات المتصفح الخلفية لإدارة أيقونة الامتداد؛ تعلّم عن أداء الويب وبعض التحسينات لتحقيق أداء أفضل   |             [المهام الخلفية والأداء](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |             تطوير ألعاب متقدم أكثر باستخدام JavaScript             | تعلّم عن الوراثة باستخدام الفئات والتكوين ونمط النشر/الاشتراك، استعدادًا لبناء لعبة              |                      [مقدمة لتطوير الألعاب المتقدم](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                           الرسم على اللوحة                            | تعلّم عن واجهة برمجة تطبيق Canvas، المستخدمة للرسم على الشاشة                                                                       |                                [الرسم على اللوحة](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                   تحريك العناصر حول الشاشة                    | اكتشف كيف يمكن للعناصر أن تكتسب الحركة باستخدام الإحداثيات الديكارتية وواجهة برمجة Canvas                                            |                           [تحريك العناصر](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                          كشف التصادم                           | جعل العناصر تتصادم وتتفاعل مع بعضها باستخدام ضغطات المفاتيح وتوفير وظيفة تبريد لضمان أداء اللعبة    |                              [كشف التصادم](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                             حساب النقاط                              | إجراء حسابات رياضية بناءً على حالة اللعبة وأدائها                                                                |                                    [حساب النقاط](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [لعبة الفضاء](./6-space-game/solution/README.md)           |                     إنهاء وإعادة تشغيل اللعبة                     | تعلم عن إنهاء اللعبة وإعادة تشغيلها، بما في ذلك تنظيف الموارد وإعادة تعيين قيم المتغيرات                              |                                [شرط النهاية](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [تطبيق البنك](./7-bank-project/solution/README.md)          |                 قوالب HTML والمسارات في تطبيق ويب                 | تعلم كيفية إنشاء هيكل موقع متعدد الصفحات باستخدام التوجيه وقوالب HTML                             |                            [قوالب HTML والمسارات](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [تطبيق البنك](./7-bank-project/solution/README.md)          |                  بناء نموذج تسجيل دخول وتسجيل مستخدم                   | تعلم بناء النماذج وتعامل مع عمليات التحقق من الصحة                                                                          |                                           [النماذج](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [تطبيق البنك](./7-bank-project/solution/README.md)          |                   طرق جلب واستخدام البيانات                   | كيف تتدفق البيانات داخل وخارج تطبيقك، وكيفية جلبها وتخزينها والتخلص منها                                                 |                                            [البيانات](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [تطبيق البنك](./7-bank-project/solution/README.md)          |                      مفاهيم إدارة الحالة                      | تعلم كيف يحتفظ تطبيقك بالحالة وكيفية إدارتها برمجياً                                                              |                                [إدارة الحالة](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [متصفح/محرر VScode](../../8-code-editor) | العمل مع VScode | تعلم كيفية استخدام محرر الشيفرة| [استخدام محرر VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [مساعدي الذكاء الاصطناعي](./9-chat-project/README.md) | العمل مع الذكاء الاصطناعي | تعلم كيفية بناء مساعد الذكاء الاصطناعي الخاص بك | [مشروع مساعد الذكاء الاصطناعي](./9-chat-project/README.md) | Chris |
+
+## 🏫 المنهجية التربوية
+
+تم تصميم منهجنا الدراسي باستخدام مبدأين تربويين رئيسيين في الاعتبار:
+* التعلم المبني على المشاريع
 * الاختبارات المتكررة
 
-البرنامج يعلم أساسيات JavaScript و HTML و CSS، بالإضافة إلى أحدث الأدوات والتقنيات التي يستخدمها مطورو الويب اليوم. سيتمكن الطلاب من اكتساب خبرة عملية من خلال بناء لعبة طباعة، تيراريوم افتراضي، امتداد متصفح صديق للبيئة، لعبة بأسلوب غزاة الفضاء، وتطبيق مصرفي للأعمال. بحلول نهاية السلسلة، سيكون لدى الطلاب فهم قوي لتطوير الويب.
+يقوم البرنامج بتدريس أساسيات JavaScript و HTML و CSS، بالإضافة إلى أحدث الأدوات والتقنيات التي يستخدمها مطورو الويب اليوم. سوف تتاح للطلاب الفرصة لاكتساب خبرة عملية من خلال بناء لعبة طباعة، تيراريوم افتراضي، امتداد متصفح صديق للبيئة، لعبة بأسلوب غزاة الفضاء، وتطبيق بنكي للأعمال. مع نهاية السلسلة، سيكون لدى الطلاب فهم قوي لتطوير الويب.
 
-> 🎓 يمكنك أخذ الدروس الأولى في هذا المنهج كـ [مسار تعلّم](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) على منصة Microsoft Learn!
 
-من خلال ضمان تطابق المحتوى مع المشاريع، يصبح التعلم أكثر متعة للطلاب ويزداد تثبيت المفاهيم. كما كتبنا عدة دروس تمهيدية في أساسيات JavaScript لتقديم المفاهيم، مع فيديو من مجموعة "[سلسلة المبتدئين إلى: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" لتعليم الفيديو، بعض مؤلفيها ساهموا في هذا المنهج.
+من خلال ضمان أن المحتوى يتماشى مع المشاريع، يصبح التعلم أكثر جاذبية للطلاب ويزيد من ترسيخ المفاهيم. لقد كتبنا أيضًا عدة دروس تمهيدية في أساسيات JavaScript لتقديم المفاهيم، مرفقة بفيديو من سلسلة "[سلسلة للمبتدئين إلى: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" لتعليم الفيديو، ساهم بعض مؤلفيها في هذا المنهج.
 
-بالإضافة إلى ذلك، اختبار منخفض المخاطر قبل الدرس يهيئ نية الطالب لتعلم موضوع معين، في حين يضمن اختبار ثاني بعد الدرس مزيدًا من التثبيت. تم تصميم هذا المنهج ليكون مرنًا وممتعًا ويمكن أخذه كاملاً أو جزئيًا. تبدأ المشاريع صغيرة وتزداد تعقيدًا بنهاية دورة الـ 12 أسبوعًا.
+بالإضافة إلى ذلك، يحدد اختبار منخفض المخاطر قبل الدرس نية الطالب نحو تعلم موضوع ما، بينما يضمن اختبار ثاني بعد الدرس المزيد من الاحتفاظ بالمعلومات. تم تصميم هذا المنهج ليكون مرنًا وممتعًا ويمكن أخذه بالكامل أو جزئيًا. تبدأ المشاريع صغيرة وتزداد تعقيدًا تدريجياً بنهاية دورة الـ 12 أسبوعًا.
 
-على الرغم من أننا تجنبنا عمدًا تقديم أُطُر JavaScript للتركيز على المهارات الأساسية اللازمة كمطور ويب قبل تبني أُطر، فإن الخطوة التالية الجيدة لإكمال هذا المنهج هي تعلم Node.js عبر مجموعة أخرى من الفيديوهات: "[سلسلة المبتدئين إلى: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+بينما تجنبنا عمدًا إدخال أُطُر JavaScript للتركيز على المهارات الأساسية المطلوبة كمطور ويب قبل اعتماد إطار عمل، فإن الخطوة التالية الجيدة لإكمال هذا المنهج هي تعلم عن 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). نرحب بملاحظاتك البناءة!
+> قم بزيارة [مدونة السلوك](CODE_OF_CONDUCT.md) وإرشادات [المساهمة](CONTRIBUTING.md) الخاصة بنا. نحن نرحب بتعليقاتك البناءة!
 
-## 🧭 الوصول بدون اتصال
 
-يمكنك تشغيل هذه الوثائق بدون اتصال باستخدام [Docsify](https://docsify.js.org/#/). قم بتفريع هذا المستودع، [تثبيت Docsify](https://docsify.js.org/#/quickstart) على جهازك المحلي، ثم في المجلد الجذر لهذا المستودع، اكتب `docsify serve`. سيتم تقديم الموقع على المنفذ 3000 على الوجهة المحلية الخاصة بك: `localhost:3000`.
+## 🧭 الوصول دون اتصال
 
-## 📘 PDF
+يمكنك تشغيل هذه الوثائق دون اتصال بالإنترنت باستخدام [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).
 
 ## 🎒 دورات أخرى
-فريقنا ينتج دورات أخرى! تحقق من:
+
+يقوم فريقنا بإنتاج دورات أخرى! تحقق من:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j للمبتدئين](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 للمبتدئين](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 للمبتدئين](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)
+[![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
-[![AZD للمبتدئين](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 للمبتدئين](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 للمبتدئين](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)
-[![وكلاء الذكاء الاصطناعي للمبتدئين](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)
+[![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)
 
 ---
  
 ### سلسلة الذكاء الاصطناعي التوليدي
-[![الذكاء الاصطناعي التوليدي للمبتدئين](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)
-[![الذكاء الاصطناعي التوليدي (.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)
-[![الذكاء الاصطناعي التوليدي (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)
-[![الذكاء الاصطناعي التوليدي (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
+[![Generative AI 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)
 
 ---
  
-### التعلم الأساسي
-[![تعلم الآلة للمبتدئين](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)
-[![علم البيانات للمبتدئين](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)
-[![الذكاء الاصطناعي للمبتدئين](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)
-[![الأمن السيبراني للمبتدئين](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![تطوير الويب للمبتدئين](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![إنترنت الأشياء للمبتدئين](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![تطوير XR للمبتدئين](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)
+### التعليم الأساسي
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
  
-### سلسلة كوبايلوت
-[![كوبايلوت للبرمجة الزوجية بالذكاء الاصطناعي](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)
-[![كوبايلوت لـ 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)
-[![مغامرة كوبايلوت](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+### سلسلة الكوبيلوت
+[![Copilot 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## الحصول على المساعدة
 
-إذا واجهت صعوبة أو كان لديك أي أسئلة حول بناء تطبيقات الذكاء الاصطناعي. انضم إلى المتعلمين الآخرين والمطورين ذوي الخبرة في مناقشات حول MCP. إنها مجتمع داعم حيث تُرحب بالأسئلة ويُشارك المعرفة بحرية.
+إذا واجهت صعوبة أو كان لديك أي أسئلة حول بناء تطبيقات الذكاء الاصطناعي. انضم إلى المتعلمين والمطورين ذوي الخبرة في مناقشات حول 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) لمزيد من المعلومات.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**تنويه**:
-تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لضمان الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار النسخة الأصلية من المستند بلغتها الأصلية المصدر الرسمي والموثوق. بالنسبة للمعلومات الهامة، يُنصح بالاعتماد على الترجمة البشرية المهنية. نحن غير مسؤولين عن أي سوء فهم أو تفسير ناتج عن استخدام هذه الترجمة.
+**إخلاء المسؤولية**:  
+تمت ترجمة هذا المستند باستخدام خدمة الترجمة الآلية [Co-op Translator](https://github.com/Azure/co-op-translator). بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الرسمي والمعتمد. للمعلومات الحرجة، يُنصح بالترجمة المهنية البشرية. نحن غير مسؤولين عن أي سوء فهم أو تفسير ناتج عن استخدام هذه الترجمة.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bg/.co-op-translator.json b/translations/bg/.co-op-translator.json
index 1b98fe002..3a89d3b89 100644
--- a/translations/bg/.co-op-translator.json
+++ b/translations/bg/.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-07T07:25:11+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:30:36+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "bg"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:32:22+00:00",
+    "translation_date": "2026-03-06T13:34:01+00:00",
     "source_file": "AGENTS.md",
     "language_code": "bg"
   },
@@ -516,8 +516,8 @@
     "language_code": "bg"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:25:04+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:26:07+00:00",
     "source_file": "README.md",
     "language_code": "bg"
   },
diff --git a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 78518476f..12c217299 100644
--- a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,97 +1,97 @@
-# Въведение в програмен език и съвременни инструменти за разработчици
+# Въведение в програмирането и съвременните инструменти за разработчици
 
-Здрасти, бъдещ разработчик! 👋 Мога ли да ти разкажа нещо, което всеки ден ми надава тръпки? Ти си на прага да откриеш, че програмирането не е просто за компютри – то е за това да имаш истински суперсили, с които да оживяваш най-дивите си идеи!
+Здравей, бъдещ разработчик! 👋 Мога ли да ти кажа нещо, което всеки ден ме кара да се възхищавам? Ти си на път да откриеш, че програмирането не е просто за компютри – то е истинска суперсила, с която можеш да оживиш най-смелите си идеи!
 
-Знаеш ли онзи момент, когато използваш любимото си приложение и всичко просто пасва перфектно? Когато натиснеш бутон и се случва нещо абсолютно магическо, което те кара да се чудиш: "Уау, как ТЕ го направиха?" Е, някой точно като теб – вероятно седнал в любимото си кафе в 2 през нощта с третото си еспресо – е написал кода, който създаде тази магия. И ето какво ще те изуми: в края на този урок не само ще разбереш как са го направили, но и ще гориш от желание да пробваш сам!
+Знаеш ли онзи момент, когато използваш любимото си приложение и всичко просто се нарежда перфектно? Когато натиснеш бутон и се случва нещо напълно магично, което те кара да кажеш "уау, как го направиха?" Е, някой точно като теб – вероятно седнал в любимо кафене в 2 сутринта с третото си еспресо – е написал кода, който е създал тази магия. И ето кое ще те удиви: в края на този урок не само ще разбереш как го направиха, а и ще умираш от желание да опиташ сам!
 
-Виж, разбирам напълно, ако програмирането ти изглежда страшно сега. Когато започвах, честно казано си мислех, че трябва да си някакъв математически гений или да си кодил от петгодишен. Но ето какво напълно промени гледната ми точка: програмирането е точно като да се научиш да водиш разговор на нов език. Започваш с "здравей" и "благодаря", после стигаш до поръчване на кафе, а преди да се усетиш вече водиш дълбоки философски дискусии! Освен че в този случай разговаряш с компютри, и честно? Те са най-търпеливите събеседници, които някога ще срещнеш – никога не съдят грешките ти и винаги с ентусиазъм приемат да опитат отново!
+Разбирам те напълно, ако програмирането ти се струва страшно сега. Когато започвах, честно си мислех, че трябва да си някакъв математически гений или да кодиш от 5-годишен. Но ето кое изцяло промени гледната ми точка: програмирането е точно като учене да водиш разговор на нов език. Започваш с "здравей" и "благодаря", после поръчваш кафе, и преди да осъзнаеш, водиш дълбоки философски дискусии! Само че в този случай разговаряш с компютри, и честно? Те са най-търпеливите събеседници, които някога ще срещнеш – никога не те осъждат за грешките и винаги са готови да опитат отново!
 
-Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не само възможно, но и наистина пристрастяващо. Говоря за същите редактори, браузъри и работни процеси, които разработчиците в Netflix, Spotify и любимото ти инди студио използват всеки ден. И ето и частта, която ще те накара да се зарадваш: повечето от тези професионални, индустриални инструменти са напълно безплатни!
+Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не просто възможно, а направо пристрастяващо. Говоря за точно същите редактори, браузъри и работни процеси, които използват разработчиците в Netflix, Spotify и любимите ти независими студиа всеки ден. И ето какво ще те зарадва: повечето от тези професионални, индустриални инструменти са напълно безплатни!
 
 ![Intro Programming](../../../../translated_images/bg/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Вашето Програмиране Днес
+    title Вашето програмиране днес
     section Открийте
-      Какво е Програмиране: 5: You
-      Езиците за Програмиране: 4: You
-      Преглед на Инструментите: 5: You
+      Какво е програмиране: 5: You
+      Езици за програмиране: 4: You
+      Преглед на инструментите: 5: You
     section Изследвайте
-      Редактори на Код: 4: You
-      Браузъри и Инструменти за Разработчици: 5: You
-      Команден Ред: 3: You
+      Редактори на код: 4: You
+      Браузъри и инструменти за разработчици: 5: You
+      Команден ред: 3: You
     section Практика
-      Детектив на Езици: 4: You
-      Изследване на Инструменти: 5: You
-      Свързване с Общността: 5: You
+      Езиков детектив: 4: You
+      Изследване на инструменти: 5: You
+      Общностна връзка: 5: You
 ```
-## Да видим какво вече знаеш!
+## Нека видим какво вече знаеш!
 
-Преди да се хвърлим в забавните неща, любопитно ми е – какво вече знаеш за този програмен свят? И слушай, ако гледаш тези въпроси и мислиш "Аз нямам абсолютно никаква представа за нищо от това," това не е просто окей, а направо перфектно! Значи си на правилното място. Помисли за този тест като за разтягане преди тренировка – едва загряваме мозъчните мускули!
+Преди да се потопим в забавните неща, любопитен съм – какво вече знаеш за този свят на програмирането? И слушай, ако гледаш тези въпроси и си мислиш "Честно нямам никаква идея за това," това не само че е окей, това е перфектно! Това означава, че си на точното място. Помисли за този тест като за разтягане преди тренировка – просто затопляме мозъчните си мускули!
 
-[Вземи теста преди урока](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Направи предварителния тест](https://ff-quizzes.netlify.app/web/)
 
-## Приключението, на което ще тръгнем заедно
+## Приключението, на което сме се отправили заедно
 
-Окей, сериозно съм супер развълнуван от това, което ще изследваме днес! Наистина, искам да видя лицето ти, когато някои от тези концепции изведнъж "кликнат". Ето какво невероятно пътешествие ни очаква заедно:
+Добре, истински се вълнувам от това, което ще изследваме днес! Сериозно, искам да видя лицето ти, когато някои от тези концепции ти „светнат“. Ето невероятното пътуване, на което сме заедно:
 
-- **Какво всъщност е програмирането (и защо е най-готиното нещо някога!)** – Ще разберем как кодът буквално е невидимата магия, която движи всичко около теб – от алармата, която някак разбира, че е понеделник сутрин, до алгоритъма, който перфектно селектира препоръките ти в Netflix
-- **Програмен език и техните удивителни личности** – Представи си, че влизаш на парти, където всеки човек има съвсем различни суперсили и начини да решава проблеми. Това е светът на програмните езици, и ти ще обикнеш да ги срещаш!
-- **Основните градивни блокчета, които правят дигиталната магия възможна** – Мисли ги като най-ултимативния креативен комплект LEGO. След като разбереш как се съчетават тези части, осъзнаваш, че можеш буквално да построиш всичко, за което мечтае въображението ти
-- **Професионални инструменти, които ще те накарат да се чувстваш сякаш току-що са ти дали вълшебна пръчка** – Не преувеличавам – тези инструменти наистина ще те накарат да се почувстваш като че имаш суперсили, а най-хубавото? Това са същите, които професионалистите използват!
+- **Какво всъщност е програмирането (и защо е най-якото нещо на света!)** – Ще открием как кодът е невидимата магия, която управлява всичко около теб, от алармата, която някак си знае, че е понеделник сутрин, до алгоритъма, който перфектно съставя препоръките ти в Netflix
+- **Програмените езици и техните страхотни индивидуалности** – Представи си парти, където всеки човек има различни суперсили и начини за решаване на проблеми. Това е светът на програмените езици и ти ще се влюбиш в тях!
+- **Основните градивни блокове, които създават цифровата магия** – Помисли за тях като за върховния творчески комплект LEGO. След като разбереш как тези части се съчетават, ще осъзнаеш, че можеш да построиш буквално всичко, което въображението ти пожелае
+- **Професионални инструменти, които ще те накарат да се почувстваш като магьосник с пръчка** – Не преувеличавам – тези инструменти наистина ще ти дадат усещането за суперсили, а най-хубавото? Те са същите, които професионалистите използват!
 
-> 💡 **Ето нещо:** Не мисли въобще да се опитваш да запомниш всичко днес! Сега искам просто да усетиш искрата на вълнението за това, което е възможно. Детайлите ще се залепят естествено, докато практикуваме заедно – така се случва истинското учене!
+> 💡 **Ето нещо важно**: Не мисли днес да запаметяваш всичко! Сега искам просто да усетиш искрата на възможностите. Подробностите ще дойдат естествено с практиката – така става истинското учене!
 
-> Можеш да направиш този урок и на [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, което е просто "да" и "не" или "вкл." и "изкл." Това е! Но тук идва магията – не трябва да говорим само на 1 и 0, като в Матрицата. Тук на помощ идват **програмените езици**. Те са като най-добрия преводач в света, който взема твоите напълно нормални човешки мисли и ги превръща в компютърен език.
+Това, което ме порази, когато научих това за първи път: компютрите всъщност са сравнително прости по своята същност. Те разбират буквално две неща – 1 и 0, което е просто „да“ и „не“ или „включено“ и „изключено“. Това е всичко! Но тук идва магията – не е нужно да говорим на 1 и 0 като в Матрицата. Тогава на помощ идват **програмените езици**. Те са като най-добрия преводач в света, който взима твоите нормални човешки мисли и ги превръща в компютърен език.
 
-И ето какво все още ми дава истински тръпки всяка сутрин, когато се събудя: буквално *всичко* цифрово в живота ти е започнало с някой като теб, вероятно в пижама с чаша кафе, клавиатурно кодиращ на лаптопа си. Този Instagram филтър, който те кара да изглеждаш безупречен? Някой го е програмирал. Препоръката, която те доведе до новата ти любима песен? Алгоритъм, създаден от разработчик. Приложението, което ти помага да делите сметките с приятели? Да, някой е казал "Това е дразнещо, сигурен съм, че мога да го оправя" и го е направил!
+И ето кое все още ме кара да се възхищавам всяка сутрин, когато се събудя: буквално *всичко* цифрово в живота ти е започнало от някой като теб, вероятно седнал в пижамата си с чаша кафе и пишещ код на лаптопа си. Онзи филтър в Instagram, който те прави безупречен? Някой го е кодирал. Препоръката, която те доведе до новата ти любима песен? Разработчик е създал този алгоритъм. Приложението, което ти помага да разделиш сметката за вечерята с приятели? Да, някой е мислел „колко дразнещо е това, мога ли да го оправя?“ и го е направил!
 
-Когато научиш програмиране, не просто придобиваш ново умение – ти ставаш част от тази невероятна общност от решавачи на проблеми, които прекарват дните си, питащи се: "Какво ще стане, ако мога да създам нещо, което прави нечий ден малко по-добър?" Честно казано, има ли нещо по-готино от това?
+Когато научиш как да програмираш, ти не просто придобиваш ново умение – ставаш част от невероятна общност от решаващи проблеми, които посвещават дните си на мисълта „Ами ако мога да създам нещо, което прави деня на някого малко по-добър?“ Честно, има ли нещо по-яко от това?
 
-✅ **Забавно търсене на факт:** Ето нещо супер интересно, което да провериш, когато имаш време – кой мислиш, че е първият програмист в света? Ще ти дам подсказка: може да не е този, когото очакваш! Историята за този човек е абсолютно завладяваща и показва, че програмирането винаги е било за креативно решаване на проблеми и мислене извън рамките.
+✅ **Забавен факт:** Ето нещо супер интересно, което можеш да потърсиш, когато имаш свободно време – кой мислиш, че е бил първият компютърен програмист в света? Ще ти дам намек: може би не е този, когото очакваш! Историята зад този човек е абсолютно завладяваща и показва, че програмирането винаги е било за творческо решаване на проблеми и мислене извън рамките.
 
 ### 🧠 **Време за проверка: Как се чувстваш?**
 
-**Отдели момент за размисъл:**
-- Стана ли ти ясно какво значи "даваш инструкции на компютрите"?
+**Отдели малко време за размисъл:**
+- Сега разбра ли идеята за „даване на инструкции на компютри“?
 - Можеш ли да се сетиш за ежедневна задача, която би искал да автоматизираш с програмиране?
-- Какви въпроси ти идват на ум за цялата тази работа с програмирането?
+- Какви въпроси ти се въртят в главата за цялото това програмиране?
 
-> **Помни:** Напълно нормално е някои концепции да ти изглеждат размити в момента. Учението на програмиране е като учене на нов език – отнема време на мозъка да изгради тези невронни пътеки. Ти се справяш страхотно!
+> **Запомни**: Напълно нормално е някои концепции да ти се струват размити сега. Учението на програмиране е като учене на нов език – отнема време мозъкът ти да изгражда тези невронни връзки. Правиш го страхотно!
 
-## Програмен език е като различни вкусове магия
+## Програмените езици са като различни вкусове магия
 
-Окей, това ще ти прозвучи странно, но остани с мен – програмените езици са много като различни музикални стилове. Помисли: имаш джаз, който е плавен и импровизационен, рок, който е мощен и директен, класическа музика, която е елегантна и структурирана, и хип-хоп, който е креативен и експресивен. Всеки стил има своя вибрация, своя общност от страстни фенове, и всеки е идеален за различни настроения и случаи.
+Добре, това може да звучи странно, но остани с мен – програмените езици са като различните видове музика. Помисли: има джаз, който е плавен и импровизационен, рок – мощен и директен, класическа музика – елегантна и структурирана, и хип-хоп – креативен и изразителен. Всяко течение има своя атмосфера, своя общност от страстни фенове и всяко е идеално за различни настроения и поводи.
 
-Програмените езици работят по същия начин! Не би използвал един и същ език да създадеш забавна мобилна игра, който би използвал за обработка на огромни количества климатични данни, точно както не би пускал дет метъл на йога клас (поне повечето йога класове! 😄).
+Програмените езици работят по същия начин! Не би използвал същия език, за да направиш забавна мобилна игра, която би използвал, за да обработваш огромни масиви климатични данни – точно както не би пускал дет метъл в занятие по йога (поне повечето йога занятия! 😄).
 
-Но ето какво винаги ме изумява: тези езици са като да имаш най-търпеливия, гениален преводач в света, който седи точно до теб. Можеш да изразяваш идеите си по начин, който е естествен за мозъка ти, а те се грижат за целия сложен превод в 1 и 0, на които компютрите всъщност говорят. Просто имаш приятел, който е напълно владеещ и на "човешкото творчество", и на "компютърната логика" – и никога не се уморява, не му трябват почивки за кафе и никога не те съди, ако попиташ два пъти едно и също!
+Но ето кое ме учудва всеки път, когато го мисля: тези езици са като най-търпеливия, блестящ преводач в света, който седи до теб. Можеш да изразиш идеите си по начин, който е естествен за човешкия ти мозък, а те се грижат за цялата сложна работа по превръщането им в 1 и 0, на които компютрите говорят. Като приятел, който е безупречно владеещ и „човешко творчество“, и „компютърна логика“ – и никога не се уморява, не пие кафе и не се дразни, ако попиташ същото нещо два пъти!
 
-### Популярни програмни езици и употреби
+### Популярни програмни езици и тяхното приложение
 
 ```mermaid
 mindmap
-  root((Езици за програмиране))
+  root((Езикове за програмиране))
     Уеб разработка
       JavaScript
-        Магия във фронтенд
+        Фронтенд магия
         Интерактивни уебсайтове
       TypeScript
-        JavaScript + Типове
-        Предприятия приложения
-    Данни и ИИ
+        JavaScript + типове
+        Корпоративни приложения
+    Данни и изкуствен интелект
       Python
         Наука за данни
         Машинно обучение
@@ -102,59 +102,59 @@ mindmap
     Мобилни приложения
       Java
         Android
-        Предприятие
+        Корпоративни
       Swift
         iOS
-        Екосистема на Apple
+        Еко система на Apple
       Kotlin
         Модерен Android
-        Кръст-платформен
+        Кросплатформен
     Системи и производителност
       C++
         Игри
-        Критично за производителността
+        Критична производителност
       Rust
         Паметна безопасност
         Системно програмиране
       Go
         Облачни услуги
-        Масшабируем бекенд
+        Разширяем бекенд
 ```
 | Език | Най-добър за | Защо е популярен |
 |----------|----------|------------------|
-| **JavaScript** | Уеб разработка, потребителски интерфейси | Работи в браузъри и захранва интерактивни уебсайтове |
-| **Python** | Наука за данни, автоматизация, ИИ | Лесен за четене и учене, мощни библиотеки |
-| **Java** | Предприятия, Android приложения | Независим от платформа, стабилен за големи системи |
-| **C#** | Windows приложения, разработка на игри | Силна поддръжка на Microsoft екосистема |
-| **Go** | Облачни услуги, бекенд системи | Бърз, прост, създаден за модерни изчисления |
+| **JavaScript** | Уеб разработка, потребителски интерфейси | Работи в браузърите и задвижва интерактивни сайтове |
+| **Python** | Данни, автоматизация, изкуствен интелект | Лесен за четене и учене, мощни библиотеки |
+| **Java** | Корпоративни приложения, Android приложения | Платформено независим, стабилен за големи системи |
+| **C#** | Windows приложения, разработка на игри | Силна подкрепа от Microsoft екосистема |
+| **Go** | Облачни услуги, бекенд системи | Бърз, прост, създаден за съвременните изчисления |
 
-### Езици от високо ниво срещу ниско ниво
+### Езици от високо ниво срещу езици от ниско ниво
 
-Окей, това честно беше концепцията, която ми "счупи" мозъка, когато започнах да уча, затова ще ти споделя аналогията, която най-накрая ми помогна да я разбера – и се надявам да помогне и на теб!
+Добре, това беше честно казано концепцията, която ми разбиваше мозъка, когато започвах, затова ще ти разкажа аналогията, която най-накрая го направи ясно – и истински се надявам да ти помогне и на теб!
 
-Представи си, че посещаваш страна, в която не говориш езика и отчаяно трябва да намериш най-близката тоалетна (сигурно сме били там, нали? 😅):
+Представи си, че си в държава, в която не говориш езика, и отчаяно трябва да намериш най-близката тоалетна (сигурно сме били в тази ситуация, нали? 😅):
 
-- **Програмиране на ниско ниво** е като да научиш местния диалект толкова добре, че можеш да говориш с бабата, която продава плодове на ъгъла, използвайки културни препратки, местен жаргон и вътрешни шеги, които само някой, израснал там, би разбрал. Супер впечатляващо и невероятно ефективно... ако случайно си владеещ езика! Но доста объркващо, когато просто търсиш тоалетна.
+- **Програмирането на ниско ниво** е като да научиш местния диалект толкова добре, че да разговаряш с бабата, която продава плодове на ъгъла, използвайки културни препратки, жаргон и вътрешни вицове, които само местните разбират. Супер впечатляващо и много ефикасно... ако тъкмо говориш езика! Но доста объркващо, когато просто търсиш тоалетна.
 
-- **Програмиране на високо ниво** е като да имаш този невероятен местен приятел, който просто те разбира. Можеш да кажеш "Наистина трябва да намеря тоалетна" на чист английски, а той се занимава с цялата културна интерпретация и ти дава упътвания по начин, който напълно има смисъл за твоя чуждоземен мозък.
+- **Програмирането на високо ниво** е като да имаш този невероятен местен приятел, който те разбира. Можеш да кажеш "наистина ми трябва баня" на прост английски, а той превежда всичко и ти дава насока, която ти е ясна, макар и да не говориш местния език.
 
-В програмирането:
-- **Езици от ниско ниво** (като Assembly или C) ти позволяват да провеждаш много детайлни разговори с хардуера на компютъра, но трябва да мислиш като машина, което е... добре, голям умствен преход!
-- **Езици от високо ниво** (като JavaScript, Python, или C#) ти позволяват да мислиш като човек, докато те вършат цялата машинна работа зад кулисите. Освен това имат толкова приветливи общности, пълни с хора, които помнят какво е да си нов и искрено искат да помогнат!
+В термини на програмиране:
+- **Езиците от ниско ниво** (като Assembly или C) ти позволяват да имаш невероятно подробни разговори със самия хардуер на компютъра, но трябва да мислиш като машина, което... скажем просто, голяма е умствената промяна!
+- **Езиците от високо ниво** (като JavaScript, Python или C#) ти позволяват да мислиш като човек, а те се грижат за всички машинни инструкции зад кулисите. Освен това имат невероятно приветливи общности, пълни с хора, които помнят какво е да си начинаещи и искрено искат да помогнат!
 
-Познай с кои ще ти предложа да започнеш? 😉 Езици от високо ниво са като помощните колелца на колело, които никога всъщност не искаш да свалиш, защото правят цялото изживяване толкова по-приятно!
+Угаси се кой ти предлагам да започнеш с? 😉 Езиците от високо ниво са като помощни колелца, които никога наистина не искаш да махнеш, защото целият процес е много по-приятен!
 
 ```mermaid
 flowchart TB
-    A["👤 Човешка мисъл:<br/>'Искам да изчислявам числа от Фибоначи'"] --> B{Избери ниво на езика}
+    A["👤 Човешка мисъл:<br/>'Искам да изчисля числата на Фибоначи'"] --> B{Избор на езиково ниво}
     
     B -->|Високо ниво| C["🌟 JavaScript/Python<br/>Лесен за четене и писане"]
-    B -->|Ниско ниво| D["⚙️ Асемблер/C<br/>Директен контрол на хардуера"]
+    B -->|Ниско ниво| D["⚙️ Асемблер/C<br/>Директен хардуерен контрол"]
     
-    C --> E["📝 Напиши: fibonacci(10)"]
-    D --> F["📝 Напиши: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Пиши: fibonacci(10)"]
+    D --> F["📝 Пиши: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Компютърно разбиране:<br/>Преводачът се справя със сложността"]
+    E --> G["🤖 Разбиране от компютър:<br/>Преводачът се грижи за сложността"]
     F --> G
     
     G --> H["💻 Същият резултат:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -163,15 +163,15 @@ flowchart TB
     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: Основна настройка на Фибоначи
@@ -183,10 +183,10 @@ console.log('Fibonacci sequence:');
 ```
 
 **Ето какво прави този код:**
-- **Декларира** константа, която задава колко Фибоначи числа искаме да генерираме
+- **Декларира** константа, която определя колко числа от Фибоначи искаме да генерираме
 - **Инициализира** две променливи, които следят текущото и следващото число в последователността
-- **Задава** началните стойности (0 и 1), които дефинират модела Фибоначи
-- **Показва** заглавно съобщение, което идентифицира резултата ни
+- **Задава** началните стойности (0 и 1), които определят Фибоначи модела
+- **Показва** заглавно съобщение, за да идентифицира изхода
 
 ```javascript
 // Стъпка 2: Генерирайте последователността с цикъл
@@ -200,11 +200,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Разбивка на това, което се случва тук:**
-- **Обхожда** всяка позиция в последователността с помощта на `for` цикъл
-- **Показва** всяко число заедно с позицията му, използвайки шаблонно форматиране
-- **Изчислява** следващото число във Фибоначи като събира текущото и следващото
-- **Обновява** променливите, за да премине към следващата итерация
+**Разбивка на случващото се тук:**
+- **Обхожда** всяка позиция в последователността чрез цикъл `for`
+- **Показва** всяко число с неговата позиция, използвайки шаблонно форматиране
+- **Изчислява** следващото число от Фибоначи чрез събирането на текущото и следващото
+- **Актуализира** проследяващите променливи, за да премине към следващата итерация
 
 ```javascript
 // Стъпка 3: Модерен функционален подход
@@ -218,18 +218,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Пример за употреба
+// Пример за използване
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**В горния пример ние:**
-- **Създадохме** многократно използваща се функция с модерен синтаксис за стрелкови функции
-- **Построихме** масив, за да съхраним цялата последователност вместо да показваме числата поединично
-- **Използвахме** индексиране на масиви, за да изчислим всяко ново число от предишните стойности
-- **Върнахме** цялата последователност за гъвкава употреба в други части на програмата
+**В горния код:**
+- **Създадохме** многократно използваща се функция с помощта на модерния синтаксис на стрелкова функция
+- **Построихме** масив, който съхранява цялата последователност, вместо да показваме числата поотделно
+- **Използвахме** индексиране в масива, за да изчислим всяко ново число от предходните стойности
+- **Върнахме** цялата последователност за по-гъвкаво използване в други части на програмата
 
-**Език от ниско ниво (ARM Assembly) – Компютърно приятелски:**
+**Език от ниско ниво (ARM Assembly) – Подходящ за компютъра:**
 
 ```assembly
  area ascen,code,readonly
@@ -256,57 +256,58 @@ back add r0,r1
  end
 ```
 
-Обърни внимание как версията на JavaScript изглежда почти като инструкции на английски, докато версията на Assembly използва загадъчни команди, които директно контролират процесора на компютъра. И двата изпълняват точно същата задача, но езикът от високо ниво е много по-лесен за разбиране, писане и поддръжка от хората.
+Забележи как версията на JavaScript се чете почти като инструкции на английски, докато Assembly версията използва криптични команди, които директно контролират процесора на компютъра. И двете изпълняват същата задача, но езикът от високо ниво е много по-лесен за разбиране, писане и поддръжка от човека.
 
-**Основните разлики, които ще забележиш:**
-- **Четливост**: JavaScript използва описателни имена като `fibonacciCount`, докато Assembly използва тайни означения като `r0`, `r1`
-- **Коментари**: Високо нивото на езиците насърчава обяснителни коментари, които правят кода самодокументиращ се  
-- **Структура**: Логическата последователност на JavaScript съвпада с начина, по който хората мислят стъпка по стъпка за проблемите  
-- **Поддръжка**: Актуализирането на версията на JavaScript за различни изисквания е лесно и ясно  
+**Ключови разлики, които ще забележиш:**
+- **Четимост**: JavaScript използва описателни имена като `fibonacciCount`, докато Assembly използва криптични етикети като `r0`, `r1`
+- **Коментари**: Високо ниво езици насърчават обяснителни коментари, които правят кода самодокументиращ се
+- **Структура**: Логическият поток на JavaScript съответства на начина, по който хората мислят за проблемите стъпка по стъпка
+- **Поддръжка**: Актуализирането на версията на JavaScript за различни изисквания е лесно и ясно
 
-✅ **За последователността на Фибоначи**: Този абсолютно прекрасен числов модел (където всяко число е равно на сумата на двете предишни: 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 сутринта" и оставяте телефона да запомни реалните номера. Променливите работят по същия начин! Те са като етикетирани контейнери, където вашата програма може да съхранява информация и да я извлича по-късно с име, което всъщност има смисъл.
+
+Ето какво е наистина страхотно: променливите могат да се променят, докато вашата програма работи (оттук идва името "променлива" – вижте как са се сетили!). Точно както бихте обновили контакта на пицарията, когато откриете нещо по-добро, променливите могат да се актуализират, докато програмата научава нова информация или когато обстоятелствата се променят!
 
 Нека ви покажа колко красиво просто може да бъде това:
 
@@ -317,12 +318,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Разбиране на тези концепции:**  
-- **Съхраняване** на неизменяеми стойности в `const` променливи (като името на сайта)  
-- **Използване** на `let` за стойности, които могат да се променят през програмата  
-- **Присвояване** на различни типове данни: низове (текст), числа и булеви стойности (true/false)  
-- **Избор** на описателни имена, обясняващи какво съдържа всяка променлива  
+
+**Разбиране на тези концепции:**
+- **Съхранявайте** непроменящи се стойности в `const` променливи (като името на сайта)
+- **Използвайте** `let` за стойности, които могат да се променят през изпълнението на програмата
+- **Присвоявайте** различни типове данни: низове (текст), числа и булеви стойности (true/false)
+- **Избирайте** описателни имена, които обясняват какво съдържа всяка променлива
 
 ```javascript
 // Стъпка 2: Работа с обекти за групиране на свързани данни
@@ -332,11 +333,11 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**В горното сме:**  
-- **Създали** обект за групиране на свързана информация за времето  
-- **Организирали** множество данни под едно име на променлива  
-- **Използвали** ключ-стойност двойки, за да надпишем всяка информация ясно  
+
+**В горния пример:**
+- **Създадохме** обект за групиране на свързана метеорологична информация
+- **Организирахме** множество данни под едно име на променлива
+- **Използвахме** двойки ключ-стойност за ясно обозначаване на всяка част от информацията
 
 ```javascript
 // Стъпка 3: Използване и актуализиране на променливи
@@ -347,31 +348,31 @@ console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Нека разберем всяка част:**  
-- **Показване** на информация с помощта на шаблонни литерали с `${}` синтаксис  
-- **Достъп** до свойства на обекти с точкова нотация (`weatherData.windSpeed`)  
-- **Обновяване** на променливи, декларирани с `let`, за да се отразят променящите се условия  
-- **Комбиниране** на няколко променливи за създаване на смислени съобщения  
+
+**Нека разберем всяка част:**
+- **Показвайте** информация с използване на шаблонни низове със синтаксис `${}`
+- **Достъпвайте** свойства на обекта с точкова нотация (`weatherData.windSpeed`)
+- **Актуализирайте** променливи, декларирани с `let`, за да отразят променящи се условия
+- **Комбинирайте** множество променливи, за да създадете смислени съобщения
 
 ```javascript
 // Стъпка 4: Модерен деструктуриране за по-чист код
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Какво трябва да знаете:**  
-- **Извличане** на специфични свойства от обекти чрез деструктуриращо присвояване  
-- **Създаване** на нови променливи автоматично с имената на ключовете на обекта  
-- **Опрощаване** на кода чрез избягване на повтарящата се точкова нотация  
 
-### Контролен поток: Учите вашата програма да мисли
+**Какво трябва да знаете:**
+- **Извличайте** конкретни свойства от обекти с помощта на деструктуриращо присвояване
+- **Създавайте** нови променливи автоматично със същите имена като ключовете в обекта
+- **Оптимизирайте** кода, като избягвате повтаряща се точкова нотация
+
+### Контролен поток: Обучаване на вашата програма да мисли
 
-Добре, тук програмирането става абсолютно удивително! **Контролният поток** е на практика начин да научите програмата си да взема умни решения, точно както вие го правите всеки ден без да се замисляте.
+Добре, тук програмирането става абсолютно удивително! **Контролният поток** е всъщност обучението на вашата програма да взема умни решения, точно както вие правите всеки ден без изобщо да се замисляте.
 
-Представете си: тази сутрин вероятно сте минали през нещо като „Ако вали, ще взема чадър. Ако е студено, ще нося якето. Ако закъснявам, ще пропусна закуската и ще взема кафе по пътя.“ Вашият мозък естествено следва тази логика „ако-тогава“ десетки пъти на ден!
+Представете си това: тази сутрин вероятно сте преминали през нещо като "Ако вали, ще взема чадър. Ако е студено, ще облека яке. Ако закъснявам, ще прескоча закуската и ще взема кафе по пътя." Вашият мозък естествено следва тази if-then логика десетки пъти всеки ден!
 
-Това прави програмите да изглеждат интелигентни и живи, а не просто да следват някакъв скучен, предсказуем скрипт. Те всъщност могат да анализират ситуацията, да оценят какво се случва и да отговорят адекватно. Това е като да дадете на програмата си мозък, който се адаптира и прави избори!
+Това е, което прави програмите да изглеждат интелигентни и живи, вместо просто да следват скучен, предсказуем скрипт. Те всъщност могат да анализират ситуацията, да оценят какво се случва и да реагират адекватно. Това е като да дадете на програмата си мозък, който може да се адаптира и да прави избори!
 
 Искате ли да видите колко красиво работи това? Нека ви покажа:
 
@@ -386,12 +387,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Ето какво прави този код:**  
-- **Проверява** дали възрастта на потребителя отговаря на изискванията за гласуване  
-- **Изпълнява** различни блокове код в зависимост от резултата на условието  
-- **Изчислява** и показва колко остава до достигане на право на глас, ако е под 18  
-- **Дава** конкретна, полезна обратна връзка за всяка ситуация  
+
+**Ето какво прави този код:**
+- **Проверява** дали възрастта на потребителя отговаря на изискването за гласуване
+- **Изпълнява** различни блокове код въз основа на резултата от условието
+- **Изчислява** и показва колко време остава до пълнолетие за гласуване, ако е под 18
+- **Предоставя** конкретна, полезна обратна връзка за всеки случай
 
 ```javascript
 // Стъпка 2: Множество условия с логически оператори
@@ -406,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Разбивка на случващото се тук:**  
-- **Комбинира** няколко условия с оператора `&&` (и)  
-- **Създава** йерархия от условия с `else if` за множество сценарии  
-- **Обработва** всички възможни случаи с крайно `else` изявление  
-- **Дава** ясна, приложима обратна връзка за всяка различна ситуация  
+
+**Анализ на случващото се тук:**
+- **Комбинира** няколко условия с оператора `&&` (и)
+- **Създава** йерархия от условия с помощта на `else if` за множество ситуации
+- **Обхваща** всички възможни случаи с краен `else` израз
+- **Осигурява** ясна, директна обратна връзка за всяка различна ситуация
 
 ```javascript
 // Стъпка 3: Кратко условие с тернарен оператор
 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) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Този код постига следното:**  
-- **Сравнява** стойността на променливата с няколко конкретни случая  
-- **Групира** подобни случаи (делници срещу уикенди)  
-- **Изпълнява** подходящия блок код при намерено съвпадение  
-- **Включва** `default` случай за обработка на неочаквани стойности  
-- **Използва** `break` изрази, за да предотврати изпълнение на следващите случаи  
 
-> 💡 **Аналогия от реалния свят**: Мислете за контролния поток като най-търпеливата GPS навигация на света, която ви дава указания. Може да каже „Ако има трафик по Главната улица, вземи магистралата. Ако строителство блокира магистралата, опитай живописния маршрут.“ Програмите използват същия вид условна логика, за да реагират интелигентно на различни ситуации и винаги да предоставят най-доброто възможно изживяване на потребителите.
+**Този код изпълнява следното:**
+- **Сравнява** стойността на променливата с няколко конкретни случая
+- **Групира** подобни случаи заедно (работни дни срещу почивни)
+- **Изпълнява** подходящия кодов блок при намерена съвпадение
+- **Включва** `default` случай за обработка на неочаквани стойности
+- **Използва** `break` изрази, за да предотврати продължаване към следващия случай
 
-### 🎯 **Проверка на концепциите: Владение на строителните елементи**
+> 💡 **Реален пример**: Представете си контрола на потока като най-търпеливата GPS навигация в света. Тя може да каже: „Ако има задръстване по Главната улица, използвай магистралата. Ако строеж блокира магистралата, пробвай по живописния път.“ Програмите използват същия тип условна логика, за да реагират интелигентно в различни ситуации и винаги да предоставят на потребителите най-доброто преживяване.
 
-**Нека видим как се справяте с основите:**  
-- Можете ли да обясните с ваши думи разликата между променлива и израз?  
-- Помислете за реален пример, в който бихте използвали if-then решение (като нашия пример с гласуването)  
-- Кое е нещо в логиката на програмирането, което ви изненада?  
+### 🎯 **Проверка на концепциите: Майсторство в строителните блокове**
 
-**Бързо уверяване:**  
+**Нека проверим как се справяте с основите:**
+- Можете ли да обясните разликата между променлива и израз със собствени думи?
+- Помислете за реален случай, в който бихте използвали if-then решение (като нашия пример с гласуването)
+- Какво ви изненада най-много в логиката при програмирането?
+
+**Бърз стимул за увереност:**
 ```mermaid
 flowchart LR
-    A["📝 Изрази<br/>(Инструкции)"] --> B["📦 Променливи<br/>(Съхранение)"] --> C["🔀 Управляващ поток<br/>(Решения)"] --> D["🎉 Работеща програма!"]
+    A["📝 Изявления<br/>(Команди)"] --> B["📦 Променливи<br/>(Памет)"] --> C["🔀 Контрол на потока<br/>(Решения)"] --> D["🎉 Работеща програма!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Какво предстои:** Ще се забавляваме да навлезем по-дълбоко в тези концепции, докато продължаваме това невероятно пътешествие заедно! Засега се съсредоточете просто върху това да почувствате вълнението за всичките удивителни възможности пред вас. Конкретните умения и техники ще се запечатат естествено, докато практикуваме заедно – обещавам, че ще бъде много по-забавно, отколкото предполагате!
+```
+✅ **Какво следва:** Предстои ни невероятно забавление, докато навлизаме по-дълбоко в тези концепции заедно! Засега се съсредоточете само върху това да почувствате вълнението от всички удивителни възможности пред вас. Конкретните умения и техники ще се усвояват естествено с практиката – уверявам ви, че това ще е много по-забавно от колкото очаквате!
 
 ## Инструментите на занаята
 
-Добре, честно казано сега се вълнувам толкова, че едва се сдържам! 🚀 Ще говорим за невероятните инструменти, които ще ви накарат да се почувствате така, сякаш току-що са ви дали ключовете на цифров космически кораб.
+Добре, честно казано това е моментът, в който се вълнувам толкова, че едва се сдържам! 🚀 Ще говорим за невероятните инструменти, които ще ви накарат да се почувствате сякаш току-що са ви дали ключовете за цифров космически кораб.
 
-Знаете как готвачът има перфектно балансирани ножове, които се чувстват като продължения на ръцете му? Или как музикантът има онзи китара, която сякаш пее в момента, в който я докосне? Е, разработчиците имаме нашата версия на тези магически инструменти и ето какво ще ви пометне главата – повечето от тях са напълно безплатни!
+Знаете ли как готвачът има тези перфектно балансирани ножове, които се усещат като продължение на ръцете му? Или как музикантът има онзи китар, който сякаш пее точно в момента, в който я докосне? Е, разработчиците имаме своя версия на тези магически инструменти и тук идва онова, което ще ви изуми – повечето от тях са безплатни!
 
-Почти скачам на стола, докато мисля да ви ги покажа, защото напълно революционизираха начина, по който изграждаме софтуер. Говорим за AI-подсилени асистенти, които могат да помагат да пишете код (и не се шегувам!), облачни среди, в които можете да изграждате цели приложения от буквално всяко място с Wi-Fi, и инструменти за отстраняване на грешки толкова сложни, че са като да имате рентгеново зрение за вашите програми.
+Почти скачам на стола си, докато мисля да ги споделя с вас, защото те напълно промениха начина, по който създаваме софтуер. Говорим за асистенти за кодиране с изкуствен интелект, които могат да помогнат да пишете кода си (и не се шегувам!), облачни среди, в които можете да изграждате цели приложения буквално от всяко място с Wi-Fi, и инструменти за отстраняване на грешки толкова сложни, че са като рентгеново зрение за вашите програми.
 
-И ето частта, която все още ме кара да настръхвам: това не са „начинаещи инструменти“, които ще ви омръзнат бързо. Това са точно същите професионални инструменти, които разработчиците в Google, Netflix и онова инди студио за приложения, което обичате, използват точно в този момент. Ще се почувствате като истински професионалист, ползвайки ги!
+И сега частта, която все още ми дава тръпки: това не са „начинаещи инструменти“, които ще надраснете. Това са същите професионални инструменти, които разработчиците в Google, Netflix и онази малка интерактивна студия, която обичате, използват в момента. Ще се чувствате като истински професионалист, докато ги ползвате!
 
 ```mermaid
 graph TD
-    A["💡 Вашата Идея"] --> B["⌨️ Редактор на код<br/>(VS Code)"] 
-    B --> C["🌐 Инструменти за разработка в браузър<br/>(Тестване и отстраняване на грешки)"]
+    A["💡 Вашата идея"] --> B["⌨️ Редактор на код<br/>(VS Code)"] 
+    B --> C["🌐 Инструменти за разработчици в браузъра<br/>(Тестване и отстраняване на грешки)"]
     C --> D["⚡ Команден ред<br/>(Автоматизация и инструменти)"]
-    D --> E["📚 Документация<br/>(Обучение и справка)"]
+    D --> E["📚 Документация<br/>(Обучение и справки)"]
     E --> F["🚀 Удивително уеб приложение!"]
     
     B -.-> G["🤖 AI Асистент<br/>(GitHub Copilot)"]
     C -.-> H["📱 Тестване на устройства<br/>(Отзивчив дизайн)"]
-    D -.-> I["📦 Пакетни мениджъри<br/>(npm, yarn)"]
+    D -.-> I["📦 Мениджъри на пакети<br/>(npm, yarn)"]
     E -.-> J["👥 Общност<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -502,230 +503,229 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
+```
 ### Редактори на код и IDE: Вашите нови цифрови най-добри приятели
 
-Нека поговорим за редакторите на код – тези наистина ще станат вашето ново любимо място за престой! Мислете за тях като за вашето лично убежище за кодиране, където ще прекарвате по-голямата част от времето си, създавайки и усъвършенствайки цифровите си творения.
+Нека поговорим за редакторите на код – те сериозно ще станат вашите любими места за творчество! Мислете за тях като за вашето лично святилище за кодиране, където ще прекарвате по-голямата част от времето си, изграждайки и усъвършенствайки дигиталните си творения.
 
-Но ето кое е абсолютно магическо в съвременните редактори: те не са просто обикновени текстови редактори. Те са като най-блестящият, подкрепящ ментор по кодиране, седнал точно до вас 24/7. Хващат правописните ви грешки преди да ги забележите, предлагат подобрения, които ви карат да изглеждате като гений, помагат ви да разберете какво прави всеки ред код, а някои дори могат да предвидят какво ще напишете и да предложат да довършат мислите ви!
+Но ето кое е абсолютно магичното при съвременните редактори: те не са просто изящни текстови редактори. Те са като най-блестящият, подкрепящ ментор, който винаги седи до вас 24/7. Хващат печатни грешки, преди да ги забележите, предлагат подобрения, които ви правят да изглеждате като гений, помагат ви да разберете какво прави всяка част от кода, а някои дори могат да предвидят какво ще напишете и да завършат мислите ви!
 
-Спомням си първия път, когато открих автоматичното допълване – буквално се почувствах като в бъдещето. Започвате да пишете нещо, а редакторът казва: „Хей, мислехте ли за тази функция, която прави точно това, което ви трябва?“ Като да имате читател на мисли за кодиране!
+Спомням си първия път, когато открих автоматично допълване – сякаш живеех в бъдещето. Започвате да пишете нещо и редакторът казва: „Хей, не искаш ли да използваш тази функция, която прави точно това, което ти трябва?“ Това е като да имаш читател на мисли за кодиране!
 
 **Какво прави тези редактори толкова невероятни?**
 
-Модерните редактори предлагат впечатляващо множество функции, проектирани да увеличат продуктивността ви:
+Съвременните редактори на код предлагат впечатляващ набор от функции за повишаване на продуктивността:
 
 | Функция | Какво прави | Защо помага |
 |---------|--------------|--------------|
-| **Оцветяване на синтаксис** | Оцветява различни части от кода | Прави кода по-лесен за четене и откриване на грешки |
-| **Автоматично допълване** | Предлага код докато пишете | Ускорява писането на код и намалява правописните грешки |
-| **Инструменти за отстраняване на грешки** | Помагат да намерите и поправите грешки | Спестяват часове за отстраняване на проблеми |
-| **Разширения** | Добавят специализирани функции | Персонализират редактора за всяка технология |
-| **AI асистенти** | Предлагат код и обяснения | Ускоряват ученето и продуктивността |
-
-> 🎥 **Видео ресурс**: Искате да видите тези инструменти в действие? Вижте това [Видео за Инструментите на занаята](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) - Съвместна работа в реално време  
-  - [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/) - Мигновено, пълноценна уеб разработка  
-
-> 💡 **Съвет за начало**: Започнете с Visual Studio Code – безплатен е, широко използван в индустрията и има огромна общност, създаваща полезни уроци и разширения.
+| **Оцветяване на синтаксиса** | Оцветява различни части на кода | Прави кода по-лесен за четене и намиране на грешки |
+| **Автоматично допълване** | Предлага код, докато пишете | Ускорява писането на код и намалява грешки |
+| **Инструменти за отстраняване на грешки** | Помага да намерите и коригирате грешки | Спестява часове в търсене на проблеми |
+| **Разширения** | Добавят специализирани функции | Персонализира редактора за всяка технология |
+| **Асистенти с ИИ** | Предлагат код и обяснения | Ускорява ученето и производителността |
+
+> 🎥 **Видео ресурс**: Искате ли да видите тези инструменти в действие? Вижте това [Видео „Инструментите на занаята“](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) - Сътрудничество в реално време
+  - [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/) - Моментално, пълностекова уеб разработка
+
+> 💡 **Съвет за започване**: Започнете с Visual Studio Code – безплатен е, широко използван в индустрията и има огромна общност, която създава полезни уроци и разширения.
+
 
 ### Уеб браузъри: Вашата тайна лаборатория за разработка
 
-Добре, пригответе се умът ви да бъде напълно изумен! Знаете как сте използвали браузърите, за да превъртате социалните медии и да гледате видеа? Оказва се, че те са крили тази невероятна тайна лаборатория за разработчици през цялото време, само чакайки да я откриете!
+Добре, пригответе се за пълно умуващо изживяване! Знаете как използвате браузърите, за да разглеждате социални мрежи и гледате видеа? Оказва се, че те са крили цяло невероятно тайно лабораторно пространство за разработчици през цялото това време, просто чакайки да го откриете!
 
-Всеки път, когато щракнете с десен бутон върху уеб страница и изберете „Inspect Element“ (Инспектиране на елемент), отваряте скрит свят на инструменти за разработчици, които са истински по-мощни от някои скъпи софтуери, за които някога съм плащал стотици долари. Това е като да откриете, че обикновената ви кухня крие професионална готварска лаборатория зад тайна врата!
-Първия път, когато някой ми показа DevTools на браузъра, прекарах около три часа просто кликайки наоколо и казвайки си "ЧАКАЙ, ТО МОЖЕ И ТОВА ТАКА?!". Можеш буквално да редактираш всеки уебсайт в реално време, да видиш колко бързо всичко се зарежда, да тестваш как изглежда сайта ти на различни устройства и дори да дебъгваш JavaScript като пълен професионалист. Абсолютно удивително е!
+Всеки път, когато кликнете с десния бутон върху уебстраница и изберете „Inspect Element“ (Инспектиране на елемент), отваряте скрит свят на инструменти за разработчици, които всъщност са по-мощни от някои скъпи софтуери, за които преди съм плащал стотици долари. Това е като да откриете, че вашата обикновена кухня крие професионална готварска лаборатория зад секретен панел!
+Първия път, когато някой ми показа браузър DevTools, прекарах около три часа просто кликайки насам-натам и казвах „ЧАКАЙ, ТОЙ МОЖЕ И ТОВА?!“ Можеш буквално да редактираш всеки уебсайт в реално време, да видиш точно колко бързо се зарежда всичко, да тестваш как изглежда твоя сайт на различни устройства и дори да дебъгваш JavaScript като истински професионалист. Абсолютно поразително е!
 
 **Ето защо браузърите са твоето тайно оръжие:**
 
-Когато създаваш уебсайт или уеб приложение, трябва да видиш как изглежда и се държи в реалния свят. Браузърите не само показват твоята работа, но и предоставят детайлна обратна връзка за производителността, достъпността и потенциални проблеми.
+Когато създаваш уебсайт или уеб приложение, трябва да видиш как изглежда и как се държи в реалния свят. Браузърите не само показват твоята работа, но и предоставят подробна обратна връзка за производителността, достъпността и потенциалните проблеми.
 
-#### Инструменти за разработчици в браузъра (DevTools)
+#### Инструменти за разработчици в браузъри (DevTools)
 
-Модерните браузъри включват пълни комплекти за разработка:
+Съвременните браузъри включват всеобхватни комплекти за разработка:
 
-| Категория на инструмента | Какво прави | Примерна употреба |
-|--------------------------|-------------|-------------------|
-| **Инспектор на елементи** | Преглед и редакция на HTML/CSS в реално време | Регулиране на стила за мигновени резултати |
-| **Конзола** | Преглед на съобщения за грешки и тест на JavaScript | Дебъгване на проблеми и експериментиране с код |
-| **Монитор на мрежата** | Следене на зареждането на ресурси | Оптимизиране на производителността и времето за зареждане |
-| **Проверка на достъпността** | Тестване за приобщаващ дизайн | Осигуряване, че сайтът работи за всички потребители |
-| **Симулатор на устройства** | Преглед на различни размери на екрана | Тест на адаптивен дизайн без нужда от няколко устройства |
+| Категория инструмент | Какво прави | Примерна употреба |
+|---------------------|-------------|-------------------|
+| **Преглед на елементи** | Преглежда и редактира HTML/CSS в реално време | Настройване на стила с моментален резултат |
+| **Конзола** | Показва съобщения за грешки и тестове на JavaScript | Дебъгване на проблеми и експериментиране с код |
+| **Мрежови инструменти** | Следи как се зареждат ресурсите | Оптимизиране на производителност и време за зареждане |
+| **Проверка за достъпност** | Тества за приобщаващ дизайн | Осигурява, че сайтът работи за всички потребители |
+| **Емулятор на устройства** | Преглед на различни размери на екрана | Тества отзивчив дизайн без множество устройства |
 
 #### Препоръчани браузъри за разработка
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Стандарт в индустрията с изчерпателна документация
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Отлични инструменти за CSS Grid и достъпност
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграден върху Chromium с ресурси от Microsoft за разработчици
-
-> ⚠️ **Важно съвет за тестване**: Винаги тествай уебсайтовете си в няколко браузъра! Това, което работи перфектно в Chrome, може да изглежда различно в Safari или Firefox. Професионалните разработчици тестват в основните браузъри, за да осигурят постоянен потребителски опит.
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Индустриален стандарт за DevTools с обширна документация  
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Отлични инструменти за CSS Grid и достъпност  
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграден на Chromium с ресурси на Microsoft за разработчици  
 
+> ⚠️ **Важно за тестване**: Винаги тествай уебсайтовете си в няколко браузъра! Това, което работи перфектно в Chrome, може да изглежда различно в Safari или Firefox. Професионалните разработчици тестват в големите браузъри, за да осигурят последователно преживяване на потребителите.
 
-### Инструменти на командния ред: Твоят портал към суперсили за разработчици
+### Инструменти от командния ред: Вход към суперсилите на разработчика
 
-Добре, нека бъдем напълно честни за командния ред, защото искам да чуеш това от човек, който наистина го разбира. Когато го видях за първи път – просто този страшен черен екран с мигащ текст – буквално си помислих: "Не, абсолютно не! Това изглежда като нещо от хакерски филм от 80-те и аз определено не съм достатъчно умен за това!" 😅
+Добре, нека бъдем напълно честни тук за командния ред, защото искам да чуеш това от някой, който наистина го разбира. Когато го видях за първи път – този страшен черен екран с мигащ текст – буквално си помислих: „Не, в никакъв случай! Това изглежда като сцена от хакерски филм от 80-те, и със сигурност не съм достатъчно умен за това!“ 😅
 
-Но ето какво бих искал някой да ми е казал тогава, и което ти казвам сега: командният ред не е страшен – той е като директен разговор с компютъра ти. Представи си го като разликата между поръчване на храна чрез лъскаво приложение със снимки и менюта (което е лесно и удобно) и влизане в любимия ти местен ресторант, където готвачът знае точно какво обичаш и може да ти приготви нещо перфектно само като кажеш "изненадай ме с нещо невероятно."
+Но ето какво искам някой да ми беше казал тогава, и което ти казвам сега: командният ред не е страшен – той всъщност е като директен разговор с компютъра ти. Мисли за него като за разликата между поръчването на храна през стилно приложение с картинки и меню (което е лесно и приятно) и влизането в любимия ти местен ресторант, където готвачът знае точно какво обичаш и може да ти сътвори нещо перфектно само с думите „изненадай ме с нещо невероятно“.
 
-Командният ред е мястото, където разработчиците се чувстват като истински магьосници. Въвеждаш няколко на пръв поглед магически думи (добре, просто команди, но звучат магически!), натискаш enter и БАМ – създал си цели проектни структури, инсталирал си мощни инструменти от цял свят или публикувал приложението си в интернет, за да го видят милиони хора. След първия вкус на тази сила, честно казано, става доста пристрастяващо!
+Командният ред е мястото, където разработчиците се чувстват като абсолютни магьосници. Въвеждаш няколко на пръв поглед магически думи (окей, команди са, но наистина звучат магически!), натискаш enter и БАМ – създаваш цели проекти, инсталираш мощни инструменти от цял свят или пускаш приложението си в интернет, за да го видят милиони. След като усетиш тази сила за първи път, наистина е доста пристрастяващо!
 
 **Защо командният ред ще стане любимият ти инструмент:**
 
-Докато графичните интерфейси са страхотни за много задачи, командният ред превъзхожда в автоматизацията, прецизността и бързината. Много инструменти за разработка работят основно чрез команден ред и да се научиш да ги използваш ефективно може драстично да подобри продуктивността ти.
+Докато графичните интерфейси са чудесни за много задачи, командният ред изпреварва при автоматизация, прецизност и скорост. Много инструменти за разработка са основно на базата на команден интерфейс, а усвояването им ще повиши значително продуктивността ти.
 
 ```bash
-# Стъпка 1: Създайте и отидете в директорията на проекта
+# Стъпка 1: Създайте и навигирайте до директорията на проекта
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-
-**Ето какво прави този код:**
-- **Създава** нова директория с името "my-awesome-website" за проекта ти
-- **Влиза** в новосъздадената директория, за да започне работа
+  
+**Ето какво прави този код:**  
+- **Създава** нова папка с името "my-awesome-website" за твоя проект  
+- **Влиза** в новосъздадената папка, за да започне работа  
 
 ```bash
 # Стъпка 2: Инициализирайте проекта с package.json
 npm init -y
 
-# Инсталирайте съвременни инструменти за разработка
+# Инсталирайте модерни инструменти за разработка
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-
-**Стъпка по стъпка, ето какво се случва:**
-- **Инициализира** нов Node.js проект с настройки по подразбиране чрез `npm init -y`
-- **Инсталира** Vite като модерен инструмент за бърза разработка и продукционни сборки
-- **Добавя** Prettier за автоматично форматиране на кода и ESLint за проверки на качеството на кода
-- **Използва** флага `--save-dev`, за да маркира тези зависимости като само за разработка
+  
+**Стъпка по стъпка, ето какво става:**  
+- **Инициализира** нов проект Node.js с настройки по подразбиране чрез `npm init -y`  
+- **Инсталира** Vite като модерен билд инструмент за бърза разработка и продукционни сборки  
+- **Добавя** Prettier за автоматично форматиране на кода и ESLint за проверка на качеството му  
+- **Използва** флага `--save-dev`, за да маркира тези зависимости като само за разработка  
 
 ```bash
-# Стъпка 3: Създаване на структура на проекта и файлове
+# Стъпка 3: Създаване на структурата на проекта и файловете
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Стартиране на сървър за разработка
+# Стартиране на сървъра за разработка
 npx vite
 ```
+  
+**По-горе ние:**  
+- **Организирахме** проекта като създадохме отделни папки за изходния код и ресурсите  
+- **Генерирахме** базов HTML файл с правилната документна структура  
+- **Стартирахме** dev сървъра на Vite за живо презареждане и подмяна на модули "на горещо"  
 
-**В горното ние:**
-- **Организирахме** проекта чрез създаване на отделни папки за сорс кода и активите
-- **Генерирахме** основен HTML файл с правилна структура на документа
-- **Стартирахме** Vite сървър за разработка с опция за live reloading и hot module replacement
-
-#### Основни инструменти на командния ред за уеб разработка
+#### Основни инструменти от командния ред за уеб разработка
 
 | Инструмент | Цел | Защо ти трябва |
 |------------|-----|----------------|
-| **[Git](https://git-scm.com/)** | Контрол на версиите | Следи промените, сътрудничество с други, резервно копие на работата |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript изпълнителна среда и управление на пакети | Стартирай JavaScript извън браузъра, инсталирай модерни инструменти за разработка |
-| **[Vite](https://vitejs.dev/)** | Инструмент за сборка и dev сървър | Светкавично бърза разработка с hot module replacement |
-| **[ESLint](https://eslint.org/)** | Качество на кода | Автоматично намиране и поправяне на проблеми в JavaScript кода |
-| **[Prettier](https://prettier.io/)** | Форматиране на кода | Поддържай кода си последователно форматиран и четим |
+| **[Git](https://git-scm.com/)** | Контрол на версиите | Следене на промени, сътрудничество, архивиране на работата |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript среда & пакетен мениджър | Стартиране на JS извън браузъра, инсталация на модерни инструменти |
+| **[Vite](https://vitejs.dev/)** | Билд инструмент & dev сървър | Молниеносна разработка с гореща подмяна на модули |
+| **[ESLint](https://eslint.org/)** | Качество на кода | Автоматично откриване и коригиране на проблеми с JS кода |
+| **[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)** 💻 - Традиционен Windows команден ред
+**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)** 💻 - Традиционен Windows команден ред  
 
-**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Вградено терминално приложение
-- **[iTerm2](https://iterm2.com/)** - Подобрен терминал с допълнителни функции
+**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)** - Модерен емулатор на терминал
+**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 Code). С времето естествено ще усвоиш по-сложни команди и техники за автоматизация.
+> 🎯 **Път на обучение**: Започни с основни команди като `cd` (смяна на директория), `ls` или `dir` (списък с файлове) и `mkdir` (създаване на папка). Практикувай с командите за съвременен работен процес като `npm install`, `git status` и `code .` (отваря текущата директория във VS Code). С времето ще усвояваш по-сложни команди и автоматизации.
 
+### Документация: Твоят винаги достъпен ментор за учене
 
-### Документация: Твоят винаги на разположение ментор за учене
+Добре, нека ти споделя една малка тайна, която ще те накара да се чувстваш много по-комфортно, че си начинаещ: дори най-опитните разработчици прекарват огромна част от времето си в четене на документация. И причината не е, че не знаят какво правят – всъщност това е признак за мъдрост!
 
-Добре, нека ти споделя една малка тайна, която ще те накара да се чувстваш много по-добре като начинаещ: дори най-опитните разработчици прекарват голяма част от времето си в четене на документация. И не е защото не знаят какво правят – всъщност това е признак на мъдрост!
+Мисли за документацията като за най-търпеливите и знаещи учители на света, които са на разположение 24/7. Заплеснал си се в проблем в 2 сутринта? Документацията е там с топла виртуална прегръдка и точно отговора, който ти трябва. Искаш да научиш за някоя нова интересна функция, за която всички говорят? Документацията ще ти я покаже с примери стъпка по стъпка. Опитваш се да разбереш защо нещо работи така, както работи? Позна – документацията е там, за да ти обясни, докато най-накрая не проумееш!
 
-Помисли за документацията като достъп до най-търпеливите и най-знаещи учители по света, на които можеш да разчиташ по всяко време, ден и нощ. Заклещен си в проблем в 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 и JavaScript
-- Съдържа информация за съвместимост с браузъри
-- Включва практични примери и интерактивни демонстрации
+**[Web.dev](https://web.dev)** (на Google)  
+- Модерни практики за уеб разработка  
+- Ръководства за оптимизация на производителността  
+- Принципи на достъпност и приобщаващ дизайн  
+- Казуси от реални проекти  
 
-**[Web.dev](https://web.dev)** (от Google)
-- Най-добри практики за съвременна уеб разработка
-- Ръководства за оптимизация на производителността
-- Принципи за достъпност и приобщаващ дизайн
-- Казуси от реални проекти
+**[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)**
-- Ресурси за разработка на Edge браузър
-- Ръководства за Progressive Web Apps
-- Инсайти за кросплатформена разработка
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- Структурирани учебни курсове  
+- Видеокурсове от експерти в индустрията  
+- Практически упражнения с код  
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структурирани учебни курикулуми
-- Видеокурсове от експерти в индустрията
-- Практически упражнения по програмиране
+> 📚 **Учебна стратегия**: Не се опитвай да запаметяваш документацията – вместо това научи се как да я навигираш ефективно. Запазвай често използвани ресурси в отметки и упражнявай търсене, за да намираш конкретна информация бързо.
 
-> 📚 **Стратегия за учене**: Не се опитвай да запаметяваш документацията – вместо това се научи да я навигираш ефективно. Добавяй в отметки често използвани справки и практикувай използването на търсачката, за да намираш специфична информация бързо.
+### 🔧 **Проверка на овладяване на инструментите: Какво ти харесва най-много?**
 
-### 🔧 **Проверка на умения: Кое ти допада най-много?**
-
-**Отдели момент да помислиш:**
-- Кой инструмент се вълнуваш най-много да изпробваш първо? (Няма грешен отговор!)
-- Все още ли ти се струва страшен командният ред, или вече си любопитен?
-- Можеш ли да си представиш да използваш браузърните DevTools, за да надникнеш зад кулисите на любимите сайтове?
+**Отдели момент да помислиш:**  
+- Кой инструмент най-много искаш да пробваш първи? (Няма грешен отговор!)  
+- Още ли командният ред те плаши, или си любопитен към него?  
+- Можеш ли да си представиш да използваш browser DevTools, за да надникнеш зад завесата на любимите си сайтове?  
 
 ```mermaid
-pie title "Време прекарано от разработчика с инструменти"
+pie title "Време на програмиста, прекарано с инструменти"
     "Редактор на код" : 40
     "Тестване в браузър" : 25
     "Команден ред" : 15
     "Четене на документация" : 15
     "Отстраняване на грешки" : 5
-```
-> **Забавен факт**: Повечето разработчици прекарват около 40% от времето в редактора на кода, но забележи колко време отделят за тестване, учене и решаване на проблеми. Програмирането не е само писане на код – то е създаване на преживявания!
+```  
+> **Забавен факт**: Повечето разработчици прекарват около 40% от времето си в кода си, но забележи колко време отива за тестване, учене и решаване на проблеми. Програмирането не е само писане на код – това е създаване на преживявания!
 
-✅ **Храна за размисъл**: Ето нещо интересно за обмисляне – мислиш ли, че инструментите за създаване на уебсайтове (разработка) могат да се различават от инструментите за дизайна им (визуален дизайн)? Това е като разликата между архитект, който проектира красива къща, и изпълнител, който я строи. И двете са важни, но имат различни инструменти! Такъв тип мислене ще ти помогне да видиш по-голямата картина за това как уебсайтовете оживяват.
+✅ **Храна за размисъл**: Ето нещо интересно за размисъл – как мислиш, че инструментите за създаване на уебсайтове (разработка) се различават от тези за проектиране на тяхната визия (дизайн)? Това е като разликата между архитект, който проектира красива къща, и предприемач, който я построява. И двамата са важни, но имат различни инструменти! Този подход ще ти помогне да видиш по-широката картина как уебсайтовете оживяват.
 
-## GitHub Copilot Agent Challenge 🚀
+## Предизвикателство на GitHub Copilot Agent 🚀
 
-Използвай Agent режима за да изпълниш следната задача:
+Използвай Agent режима, за да изпълниш следното предизвикателство:
 
-**Описание:** Изследвай функциите на модерен редактор на код или IDE и демонстрирай как той може да подобри работния ти процес като уеб разработчик.
+**Описание:** Изследвай функциите на модерен кодов редактор или IDE и демонстрирай как може да подобри работния ти процес като уеб разработчик.
 
-**Подсказка:** Избери редактор на код или IDE (като Visual Studio Code, WebStorm или облачен IDE). Изброи три функции или разширения, които ти помагат да пишеш, дебъгваш или поддържаш кода по-ефективно. За всяка дай кратко обяснение как подобрява работния ти поток.
+**Подканяне:** Избери кодов редактор или IDE (като Visual Studio Code, WebStorm или облачно IDE). Изброи три функции или разширения, които ти помагат да пишеш, дебъгваш или поддържаш кода по-ефективно. За всяка дай кратко обяснение как тя подобрява работния ти процес.
 
 ---
 
@@ -733,50 +733,50 @@ pie title "Време прекарано от разработчика с инс
 
 **Добре, детективе, готов ли си за първото си дело?**
 
-Сега, когато имаш тази страхотна основа, имам приключение, което ще ти помогне да видиш колко невероятно разнообразен и завладяващ е светът на програмирането. И слушай – това не е за писане на код още, така че няма напрежение! Помисли си за себе си като детектив на програмни езици в първото си вълнуващо разследване!
+Сега, когато си изградил страхотна основа, имам за теб приключение, което ще ти помогне да видиш колко изключително разнообразен и вълнуващ е светът на програмирането. И слушай – това не е все още писане на код, така че без напрежение! Представи се като детектив на програмни езици на първото си вълнуващо разследване!
 
-**Твоята мисия, ако решиш да я приемеш:**
-1. **Стани изследовател на езици**: Избери три програмни езика от напълно различни светове – може би един, който създава уебсайтове, един за мобилни приложения и един за обработка на данни за учени. Намери примери за една и съща проста задача, написана на всеки език. Обещавам ти, че ще се удивиш колко различно могат да изглеждат те, правейки точно същото нещо!
+**Твоята мисия, ако решиш да я приемеш:**  
+1. **Станете изследовател на езици**: Избери три програмни езика от съвсем различни светове – например един за уебсайтове, един за мобилни приложения и един за обработка на данни за учени. Намери примери за една и съща проста задача, написани на всеки език. Обещавам, че ще се удивиш колко различни могат да изглеждат, докато вършат същото нещо!  
 
-2. **Разкрий техните истории на произход**: Какво прави всеки език специален? Ето един интересен факт – всеки един програмен език е създаден, защото някой си е казал „Знаеш ли какво? Трябва да има по-добър начин да се реши точно този проблем.“ Можеш ли да разбираш кои са били тези проблеми? Някои от тези истории са наистина възхитителни!
+2. **Открийте техните истории на произход**: Какво прави всеки език специален? Тук има един готин факт – всеки един програмен език е създаден, защото някой си е помислил: „Знаеш ли, трябва да има по-добър начин да се реши този конкретен проблем.“ Можеш ли да разбереш кои са били тези проблеми? Някои от историите са наистина интересни!  
 
-3. **Срещни общностите**: Разгледай колко гостоприемни и страстни са общностите около всеки език. Някои имат милиони разработчици, които споделят знания и си помагат, други са по-малки, но невероятно сплотени и подкрепящи. Ще ти хареса да видиш различните личности, които имат тези общности!
+3. **Запознай се с общностите**: Провери колко гостоприемни и страстни са общностите около всеки език. Някои имат милиони разработчици, които споделят знания и си помагат, други са по-малки, но изключително сплотени и подкрепящи. Ще ти хареса да видиш различните характери на тези общности!  
 
-4. **Следвай инстинкта си**: Кой език ти се струва най-достъпен сега? Не се притеснявай за „перфектния“ избор – просто слушай интуицията си! Наистина няма грешен отговор и винаги можеш да изследваш други по-късно.
+4. **Следвай инстинкта си**: Кой език ти се струва най-достъпен в момента? Не се притеснявай да направиш "перфектния" избор – просто слушай интуицията си! Наистина няма грешен отговор и винаги можеш да разгледаш и други по-късно.  
 
-**Бонус детективска работа**: Опитай се да откриеш кои големи уебсайтове или приложения са изградени с всеки от езиците. Гарантирам, че ще си шокиран да научиш какво захранва Instagram, Netflix или онази мобилна игра, която не можеш да спреш да играеш!
+**Бонус детективска задача**: Опитай се да откриеш какви големи уебсайтове или приложения са изградени с всеки език. Гарантирам, че ще се учудиш да научиш с какво е направен Instagram, Netflix или онзи мобилен играч, от която не можеш да се откъснеш!
 
-> 💡 **Помни**: Не опитваш да станеш експерт в тези езици днес. Просто опознаваш квартала, преди да решиш къде искаш да се заселиш. Отдели си време, забавлявай се и нека любопитството ти бъде водач!
+> 💡 **Помни**: Не се опитваш да станеш експерт в нито един от тези езици днес. Просто се запознаваш с квартала, преди да решиш къде искаш да се установиш. Не бързай, забавлявай се и остави любопитството си да те води!
 
-## Нека отпразнуваме какво откри!
+## Нека отпразнуваме това, което откри!
 
-Боже, погълнал си толкова много невероятна информация днес! Истински се вълнувам да видя колко от това страхотно пътешествие ти е останало в главата. И помни – това не е тест, в който трябва да си перфектен. Това е по-скоро празнуване на всичко интересно, което си научил за този завладяващ свят, в който си на път да се потопиш!
+О, Боже, толкова много невероятна информация усвои днес! Наистина съм развълнуван да видя колко от това страхотно пътешествие е останало в теб. И помни – това не е тест, където трябва всичко да е перфектно. Това е по-скоро празник на всичко готино, което научи за този вълнуващ свят, в който се готвиш да влезеш!
 
-[Вземи теста след урока](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/). Не се страхувайте да експериментирате – няма да счупите нищо!
-- Прочетете за това как е възникнал любимият ви език. Сериозно, някои от тези истории за произхода са завладяващи и ще ви помогнат да разберете защо езиците работят така, както работят.
+**Запознайте се на практика с програмните езици:**
+- Посетете официалните уебсайтове на 2-3 езика, които са привлекли вниманието ви. Всеки от тях има своя собствена личност и история!
+- Изпробвайте онлайн “детски площадки” за кодиране като [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), или [Replit](https://replit.com/). Не се страхувайте да експериментирате – няма как да счупите нищо!
+- Прочетете за това как любимият ви език е възникнал. Сериозно, някои от тези истории за произхода са завладяващи и ще ви помогнат да разберете защо езиците работят така, както работят.
 
 **Запознайте се с новите си инструменти:**
-- Свалете Visual Studio Code, ако още не сте го направили – безплатен е и ще ви хареса!
-- Отделете няколко минути, за да разгледате Marketplace за разширения. Това е като магазин за приложения за вашия кодов редактор!
-- Отворете Developer Tools на браузъра си и просто кликнете из тях. Не се притеснявайте да разберете всичко веднага – просто свиквайте с наличното.
+- Изтеглете Visual Studio Code, ако още не сте го направили – той е безплатен и ще ви хареса!
+- Прекарайте няколко минути, разглеждайки Extensions marketplace. Това е като магазин за приложения за вашия редактор на код!
+- Отворете Developer Tools на браузъра си и просто кликнете наоколо. Не се притеснявайте, ако не разбирате всичко – просто се запознайте с това, което има там.
 
 **Присъединете се към общността:**
-- Последвайте някои технически общности в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е изключително приветлива към новодошлите!
-- Гледайте видео уроци за начинаещи в YouTube. Има толкова много страхотни създатели на съдържание, които помнят какво е да започнеш.
-- Помислете за участие в местни срещи или онлайн групи. Повярвайте ми, програмистите обичат да помагат на новаците!
+- Последвайте някои developer общности в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е изключително гостоприемна към новодошлите!
+- Гледайте някои видеа за начинаещи по програмиране в YouTube. Има толкова много страхотни създатели, които помнят какво е да започваш.
+- Помислете да се присъедините към местни срещи или онлайн общности. Повярвайте ми, разработчиците обичат да помагат на новите!
 
-> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете програмен магьосник за една нощ! В момента просто се запознавате с тази удивителна нова вселена, към която ще принадлежите. Отделете си време, насладете се на пътешествието и запомнете – всеки един програмист, когото уважавате, някога е седял точно там, където сте вие сега, чувствайки се развълнуван и може би малко претоварен. Това е съвсем нормално и означава, че вървите в правилната посока!
+> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете програмен магьосник за една нощ! В момента вие просто опознавате този удивителен нов свят, част от който предстои да станете. Отделете си време, наслаждавайте се на пътешествието и помнете – всеки един разработчик, когото уважавате, е бил някога на точно това място, където сте вие сега, усещайки вълнение и може би малко объркване. Това е напълно нормално и означава, че вървите по правилния път!
 
 
 
@@ -784,70 +784,70 @@ pie title "Време прекарано от разработчика с инс
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Малък тласък за задачата:** Много бих искал да видя как изследвате някои инструменти, които още не сме разглеждали! Прескочете редакторите, браузърите и командните инструменти, за които вече говорихме – има цяла невероятна вселена от страхотни инструменти за разработка, която само чака да бъде открита. Потърсете такива, които са активно поддържани и имат оживени, подкрепящи общности (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато някога се затрудните и имате нужда от приятелска помощ).
+> 💡 **Малко подбутване за вашата задача**: Наистина бих искал да ви видя да изследвате някои инструменти, които още не сме покривали! Прескочете редакторите, браузърите и командните инструменти, за които вече говорихме – има цяла невероятна вселена от удивителни инструменти за разработка, които чакат да бъдат открити. Търсете такива, които се поддържат активно и имат живи, полезни общности (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато в крайна сметка се закъсате и имате нужда от приятелска помощ).
 
 ---
 
-## 🚀 Вашата Програмираща Пътеводителна Линия
+## 🚀 Вашата времева линия за програмиране
 
-### ⚡ **Какво можете да направите следващите 5 минути**
-- [ ] Запазете като отметки 2-3 уебсайта на програмни езици, които са ви направили впечатление
-- [ ] Изтеглете Visual Studio Code, ако все още не сте го направили
-- [ ] Отворете Developer Tools на браузъра си (F12) и кликнете из който и да е сайт
-- [ ] Присъединете се към някоя програмираща общност (Dev.to, Reddit r/webdev, или Stack Overflow)
+### ⚡ **Какво можете да направите в следващите 5 минути**
+- [ ] Запазете в отметки 2-3 уебсайта на програмни езици, които са привлекли вниманието ви
+- [ ] Изтеглете Visual Studio Code, ако още не сте го направили
+- [ ] Отворете DevTools на браузъра си (F12) и кликнете наоколо в някой уебсайт
+- [ ] Присъединете се към една програмна общност (Dev.to, Reddit r/webdev или Stack Overflow)
 
-### ⏰ **Какво можете да постигнете през този час**
-- [ ] Попълнете теста след урока и обмислете отговорите си
+### ⏰ **Какво можете да постигнете този час**
+- [ ] Попълнете викторината след урока и помислете върху отговорите си
 - [ ] Настройте VS Code с разширението GitHub Copilot
-- [ ] Опитайте упражнение „Hello World“ на 2 различни програмни езика онлайн
-- [ ] Гледайте видео „Един ден в живота на програмиста“ в YouTube
+- [ ] Изпробвайте „Hello World“ пример в 2 различни програмни езика онлайн
+- [ ] Гледайте видео „Денят на един разработчик“ в YouTube
 - [ ] Започнете детективската си работа с програмните езици (от предизвикателството)
 
-### 📅 **Вашето приключение за една седмица**
+### 📅 **Вашето приключение за седмицата**
 - [ ] Завършете задачата и изследвайте 3 нови инструмента за разработка
-- [ ] Последвайте 5 програмисти или програмни акаунти в социалните мрежи
-- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само „Hello, [Вашето име]!”)
-- [ ] Прочетете един блог пост на програмист за неговото програмиращо пътешествие
-- [ ] Присъединете се към виртуална среща или гледайте презентация по програмиране
+- [ ] Последвайте 5 разработчици или програмни акаунти в социалните мрежи
+- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само „Hello, [Вашето име]!“)
+- [ ] Прочетете един блог пост на разработчик за неговото пътешествие в кодирането
+- [ ] Присъединете се към виртуална среща или гледайте програмен разговор
 - [ ] Започнете да учите избрания език с онлайн уроци
 
 ### 🗓️ **Вашата месечна трансформация**
-- [ ] Създайте първия си малък проект (дори и проста уеб страница се брои!)
-- [ ] Допринасяйте за проект с отворен код (започнете с поправки на документация)
-- [ ] Наставлявайте някого, който тепърва започва с програмирането
-- [ ] Създайте своя уебсайт портфолио за разработчик
-- [ ] Свържете се с местни общности на разработчици или учебни групи
-- [ ] Започнете да планирате следващата си образователна цел
+- [ ] Създайте първия си малък проект (дори проста уеб страница се счита!)
+- [ ] Допринесете за проект с отворен код (започнете с поправки на документацията)
+- [ ] Станете ментор на някого, който току-що е започнал своето програмистко пътешествие
+- [ ] Създайте своя уебсайт-портфолио като разработчик
+- [ ] Свържете се с местни общности от разработчици или учебни групи
+- [ ] Започнете да планирате следващата си учебна цел
 
-### 🎯 **Финален рефлективен чек-ин**
+### 🎯 **Финално проверяване и размисъл**
 
-**Преди да продължите, отделете момент да отпразнувате:**
-- Кое е едно нещо в програмирането, което ви развълнува днес?
+**Преди да продължите, отделете момент за празнуване:**
+- Какво едно нещо в програмирането ви развълнува днес?
 - Кой инструмент или концепция искате да изследвате първо?
-- Как се чувствате, започвайки това програмиращо пътешествие?
-- Кой е един въпрос, който бихте искали да зададете на разработчик точно сега?
+- Как се чувствате по отношение на започването на това програмистко пътешествие?
+- Какъв един въпрос бихте искали да зададете на разработчик точно сега?
 
 ```mermaid
 journey
-    title Вашето пътешествие към изграждане на увереност
+    title Вашето Пътуване за Изграждане на Самочувствие
     section Днес
-      Любопитен: 3: You
-      Претоварен: 4: You
-      Вълнуван: 5: You
-    section Тази седмица
-      Изследващ: 4: You
-      Учещ: 5: You
-      Свързващ се: 4: You
-    section Следващия месец
-      Изграждащ: 5: You
-      Уверен: 5: You
-      Помагащ на другите: 5: You
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
+    section Тази Седмица
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
+    section Следващия Месец
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
 ```
-> 🌟 **Запомнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога се е чувствал точно както вие сега – развълнуван, може би малко претоварен и определено любопитен какво е възможно. Вие сте в удивителна компания и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
+> 🌟 **Помнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога се е чувствал точно както вие сега – развълнуван, може би леко объркан и със сигурност любопитен какво е възможно. Вие сте в страхотно общество и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Отказ от отговорност**:  
-Този документ е преведен с използване на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
+**Отказ от отговорност**:
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да е недоразумения или погрешни тълкувания, произтичащи от използването на този превод.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bg/AGENTS.md b/translations/bg/AGENTS.md
index 01ae6fd2a..4ad633987 100644
--- a/translations/bg/AGENTS.md
+++ b/translations/bg/AGENTS.md
@@ -2,29 +2,29 @@
 
 ## Преглед на проекта
 
-Това е образователно хранилище с учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е всеобхватен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практични урока, обхващащи JavaScript, CSS и HTML.
+Това е учебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, съдържащ 24 практически урока, покриващи JavaScript, CSS и HTML.
 
 ### Основни компоненти
 
-- **Образователно съдържание**: 24 структурирани урока, организирани в модули с проекти
+- **Образователно съдържание**: 24 структурирани урока, организирани в проекти-базирани модули
 - **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
-- **Интерактивни викторини**: 48 викторини с по 3 въпроса всяка (оценки преди и след урока)
-- **Поддръжка на множество езици**: Автоматични преводи на над 50 езика чрез GitHub Actions
+- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценка преди и след урока)
+- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
 - **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
 
 ### Архитектура
 
-- Образователно хранилище със структура, базирана на уроци
-- Всяка папка с урок съдържа README, примерен код и решения
-- Самостоятелни проекти в отделни директории (quiz-app, различни проекти за уроци)
+- Образователен репозиторий с уроци, организирани по структура
+- Във всяка папка на урок има README, примери с код и решения
+- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
 - Система за превод чрез GitHub Actions (co-op-translator)
-- Документация, предоставяна чрез Docsify и достъпна като PDF
+- Документацията се обслужва чрез Docsify и е налична като PDF
 
 ## Команди за настройка
 
-Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти:
+Този репозиторий е основно за консумация на образователно съдържание. За работа с конкретни проекти:
 
-### Основна настройка на хранилището
+### Основна настройка на репозитория
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -36,12 +36,12 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Стартиране на сървъра за разработка
-npm run build      # Компилиране за продукция
+npm run dev        # Стартиране на сървър за разработка
+npm run build      # Създаване на билд за продукция
 npm run lint       # Стартиране на ESLint
 ```
 
-### Bank Project API (Node.js + Express)
+### API на Bank Project (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -51,12 +51,12 @@ npm run lint       # Стартиране на ESLint
 npm run format     # Форматиране с Prettier
 ```
 
-### Проекти за браузър разширения
+### Проекти за Browser Extension
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Следвайте инструкциите за зареждане на разширения, специфични за браузъра
+# Следвайте специфичните за браузъра инструкции за зареждане на разширения
 ```
 
 ### Проекти за Space Game
@@ -64,140 +64,140 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# Отворете index.html в браузъра или използвайте Live Server
+# Отворете index.html в браузър или използвайте Live Server
 ```
 
-### Chat Project (Python Backend)
+### Chat Project (Python бекенд)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Задаване на променлива на околната среда GITHUB_TOKEN
+# Задайте променливата на средата GITHUB_TOKEN
 python api.py
 ```
 
-## Работен процес за разработка
+## Работа по разработване
 
-### За сътрудници по съдържанието
+### За съдържателите на материалите
 
-1. **Форкнете хранилището** във вашия GitHub акаунт
-2. **Клонирайте своя форк** локално
-3. **Създайте нов клон** за промените си
-4. Направете промени в съдържанието на уроците или примерния код
-5. Тествайте всякакви промени в кода в съответните директории на проектите
-6. Подайте pull request според указанията за принос
+1. **Форкнете репозитория** към вашия GitHub акаунт
+2. **Клонирайте вашия форк** локално
+3. **Създайте нов клон** за вашите промени
+4. Правете промени в съдържанието на уроците или кодовите примери
+5. Тествайте всякакви промени в код в съответните проектни директории
+6. Изпращайте pull request-и според насоките за допринасяне
 
-### За обучаващи се
+### За учащите
 
-1. Форкнете или клонирайте хранилището
-2. Навигирайте последователно към директориите на уроците
+1. Форкнете или клонирайте репозитория
+2. Навигирайте последователно в папките с уроци
 3. Прочетете README файловете за всеки урок
-4. Попълнете викторините преди урока на https://ff-quizzes.netlify.app/web/
-5. Работете с примерите в папките с уроци
-6. Изпълнете задачи и предизвикателства
-7. Попълнете викторините след урока
+4. Попълнете куизовете преди урока на https://ff-quizzes.netlify.app/web/
+5. Работете върху кодовите примери в папките на урока
+6. Изпълнявайте задачи и предизвикателства
+7. Изпълнете куизовете след урока
 
-### Жива разработка
+### Живо разработване
 
-- **Документация**: Стартирайте `docsify serve` в корена (порт 3000)
-- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
+- **Документация**: Стартирайте `docsify serve` от главната директория (порт 3000)
+- **Quiz App**: Стартирайте `npm run dev` в директория quiz-app
 - **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
-- **API проекти**: Стартирайте `npm start` в съответните API директории
+- **API Проекти**: Стартирайте `npm start` в съответните API директории
 
 ## Инструкции за тестване
 
-### Тестове за Quiz App
+### Тестване на Quiz App
 
 ```bash
 cd quiz-app
-npm run lint       # Проверка за проблеми със стила на кода
-npm run build      # Провери дали сборката е успешна
+npm run lint       # Проверете за проблеми със стил на кода
+npm run build      # Потвърдете, че изграждането е успешно
 ```
 
-### Тестове за Bank API
+### Тестване на Bank API
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Проверка за проблеми със стила на кода
-node server.js     # Проверка дали сървърът стартира без грешки
+npm run lint       # Провери за проблеми със стила на кода
+node server.js     # Потвърди, че сървърът стартира без грешки
 ```
 
-### Обща стратегия за тестване
+### Общ подход към тестването
 
-- Това е образователно хранилище без пълни автоматизирани тестове
+- Това е образователен репозиторий без комплексни автоматизирани тестове
 - Ръчното тестване се фокусира върху:
-  - Примерният код да се изпълнява без грешки
-  - Връзките в документацията да работят правилно
-  - Проектите да се компилират успешно
-  - Примерите да следват добри практики
+  - Работещи без грешки кодови примери
+  - Работещи връзки в документацията
+  - Успешно компилиране на проектите
+  - Примери, които следват най-добрите практики
 
 ### Проверки преди подаване
 
 - Стартирайте `npm run lint` в директории с package.json
 - Проверете дали markdown връзките са валидни
-- Тествайте примерите в браузър или Node.js
+- Тествайте кодовите примери в браузър или Node.js
 - Уверете се, че преводите запазват правилната структура
 
 ## Насоки за стил на кода
 
 ### JavaScript
 
-- Използвайте модерен ES6+ синтаксис
+- Използвайте съвременен синтаксис ES6+
 - Спазвайте стандартните ESLint конфигурации, предоставени в проектите
-- Използвайте смислени имена на променливи и функции за по-голяма образователна яснота
-- Добавяйте коментари, обясняващи концепции за обучаващите се
-- Форматирайте кода с Prettier, където е конфигурирано
+- Използвайте смислени имена на променливи и функции за образователна яснота
+- Добавяйте коментари обясняващи концепциите за учащите
+- Форматирайте с Prettier където е конфигуриран
 
 ### HTML/CSS
 
 - Семантични HTML5 елементи
 - Принципи на адаптивен дизайн
 - Ясни наименования на класове
-- Коментари, обясняващи CSS техники за учащи се
+- Коментари, обясняващи CSS техники за учащите
 
 ### Python
 
-- Насоки по стил PEP 8
-- Ясни, образователни примери за код
-- Типови указания, където са полезни за обучение
+- Насоки за стил PEP 8
+- Ясни, образователни кодови примери
+- Типово обозначаване където е полезно за ученето
 
 ### Markdown документация
 
-- Ясна йерархия на заглавията
-- Блокове с код с посочен език
+- Ясна йерархия от заглавия
+- Кодови блокове с посочен език
 - Връзки към допълнителни ресурси
-- Скрийнове и изображения в папки `images/`
+- Скрийншотове и изображения в папки `images/`
 - Алтернативен текст за изображения за достъпност
 
 ### Организация на файловете
 
-- Уроки, номерирани последователно (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}/`
 
-## Сглобяване и деплоймент
+## Сглобяване и разгръщане
 
-### Деплой на Quiz App (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 при push към main
+# Разгръща чрез GitHub Actions workflow при push към main
 ```
 
-Конфигурация на Azure Static Web Apps:
+Конфигурация за Azure Static Web Apps:
 - **Местоположение на приложението**: `/quiz-app`
-- **Местоположение на изхода**: `dist`
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Изходна директория**: `dist`
+- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Генериране на PDF за документация
+### Генериране на PDF документация
 
 ```bash
 npm install                    # Инсталирайте docsify-to-pdf
-npm run convert               # Генерирайте PDF от документи
+npm run convert               # Генерирайте PDF от docs
 ```
 
 ### Документация с Docsify
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Инсталирайте Docsify глобалн
 docsify serve                 # Стартирайте на localhost:3000
 ```
 
-### Сглобявания на проекти
+### Сглобяване по проекти
 
-Всяка проектна директория може да има собствен процес на сглобяване:
+Всяка проектна директория може да има собствен процес на изграждане:
 - Vue проекти: `npm run build` създава продукционни пакети
-- Статични проекти: няма стъпка за build, файловете се сервира директно
+- Статични проекти: без стъпка за билд, обслужват файловете директно
 
-## Насоки за pull request
+## Насоки при pull request-и
 
 ### Формат на заглавието
 
 Използвайте ясни, описателни заглавия, указващи областта на промяната:
-- `[Quiz-app] Добавяне на нова викторина за урок X`
+- `[Quiz-app] Добавяне на нов куиз за урок X`
 - `[Lesson-3] Корекция на правописна грешка в проекта terrarium`
 - `[Translation] Добавяне на испански превод за урок 5`
-- `[Docs] Актуализация на инструкции за настройка`
+- `[Docs] Актуализация на инструкциите за настройка`
 
-### Задължителни проверки
+### Изисквани проверки
 
 Преди подаване на PR:
 
-1. **Код качество**:
-   - Стартирайте `npm run lint` в засегнатите директории на проектите
-   - Коригирайте всички грешки и предупреждения
+1. **Качество на кода**:
+   - Стартирайте `npm run lint` в засегнатите проектни директории
+   - Поправете всички грешки и предупреждения
 
 2. **Проверка на билд**:
-   - Стартирайте `npm run build`, ако е приложимо
-   - Уверете се, че няма грешки по време на build
+   - Стартирайте `npm run build` ако е приложимо
+   - Уверете се, че няма грешки при билда
 
-3. **Проверка на връзките**:
+3. **Проверка на връзки**:
    - Тествайте всички markdown връзки
-   - Проверете дали референциите към изображенията са работещи
+   - Проверете дали изображенията се зареждат
 
 4. **Преглед на съдържанието**:
-   - Проверете правописа и граматиката
-   - Уверете се, че примерите са правилни и образователни
-   - Верифицирайте, че преводите запазват оригиналното значение
+   - Коректура за правопис и граматика
+   - Уверете се, че кодовите примери са точни и образователни
+   - Проверката на преводите за запазване на оригиналния смисъл
 
-### Изисквания за принос
+### Изисквания за допринасяне
 
 - Съгласие с Microsoft CLA (автоматична проверка при първи PR)
-- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
-- Позоваване на номера на issues в описанието на PR, ако е приложимо
+- Спазвайте [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни насоки
+- Посочвайте номера на съществуващи проблеми в описанието на PR ако има такива
 
 ### Процес на преглед
 
-- PR-овете се преглеждат от поддържащите и общността
-- Образователната яснота е приоритет
-- Примерите в кода трябва да следват актуални добри практики
-- Преводите се проверяват за точност и културна адекватност
+- PR-овете се преглеждат от поддръжници и общността
+- Приоритет е образователната яснота
+- Кодови примери трябва да следват актуалните най-добри практики
+- Преводите се проверяват за точност и културна съобразност
 
 ## Система за превод
 
-### Автоматизиран превод
+### Автоматичен превод
 
 - Използва GitHub Actions с workflow co-op-translator
-- Автоматично превежда на 50+ езика
-- Изходните файлове са в основните директории
-- Преведените файлове са в `translations/{language-code}/` директории
+- Превежда автоматично на 50+ езика
+- Изходни файлове в основните директории
+- Преведени файлове в директории `translations/{language-code}/`
 
-### Добавяне на ръчни подобрения на превода
+### Добавяне на ръчни подобрения в преводите
 
-1. Намерете файла в `translations/{language-code}/`
-2. Направете подобрения, като запазвате структурата
-3. Уверете се, че примерите за код остават функционални
-4. Тествайте преведеното викторинно съдържание
+1. Намирайте файл в `translations/{language-code}/`
+2. Правете подобрения, като запазвате структурата
+3. Уверете се, че кодовите примери остават функционални
+4. Тествайте всяко локализирано куиз съдържание
 
-### Метаданни за превода
+### Метаданни за превод
 
-Преведените файлове включват метаданни в заглавката:
+Преведените файлове съдържат метаданни в заглавен блок:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -294,51 +294,51 @@ CO_OP_TRANSLATOR_METADATA:
 ### Чести проблеми
 
 **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)
+- Уверете се, че версията на Node.js е минимум node >=10
 - Проверете дали портът не е зает
-- Осигурете, че всички зависимости са инсталирани с `npm install`
+- Уверете се, че всички зависимости са инсталирани с `npm install`
 
-**Разширението за браузър не се зарежда**:
-- Проверете дали manifest.json е коректно форматиран
-- Проверете конзолата на браузъра за грешки
-- Следвайте инструкциите за инсталация на браузър разширенията
+**Browser extension не се зарежда**:
+- Проверете дали manifest.json е правилно форматиран
+- Проверете браузърния конзолен лог за грешки
+- Следвайте инструкции за инсталиране според браузъра
 
-**Проблеми с Python chat проект**:
+**Проблеми с Python chat проекта**:
 - Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
 - Проверете дали променливата на средата GITHUB_TOKEN е зададена
 - Проверете разрешенията за достъп до GitHub Models
 
-**Docsify не предоставя документация**:
+**Docsify не обслужва документация**:
 - Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
-- Стартирайте от кореновата директория на хранилището
-- Проверете дали съществува файл `docs/_sidebar.md`
+- Стартирайте от корена на репозитория
+- Проверете дали съществува файлът `docs/_sidebar.md`
 
-### Съвети за среда за разработка
+### Съвети за развойна среда
 
-- Използвайте VS Code с разширението Live Server за HTML проекти
-- Инсталирайте разширенията ESLint и Prettier за консистентно форматиране
-- Използвайте DevTools на браузъра за дебъгване на JavaScript
-- За Vue проекти, инсталирайте разширението Vue DevTools за браузър
+- Използвайте VS Code с разширение Live Server за HTML проекти
+- Инсталирайте ESLint и Prettier разширения за консистентно форматиране
+- Използвайте DevTools в браузъра за отстраняване на грешки в JavaScript
+- За Vue проекти инсталирайте Vue DevTools разширение за браузъра
 
-### Съображения за производителността
+### Съображения относно производителността
 
-- Голяма бройка преведени файлове (50+ езика) прави целите клонове тежки
-- Използвайте shallow clone, ако работите само със съдържанието: `git clone --depth 1`
-- Изключвайте преводите от търсения при работа с английско съдържание
-- Процесът на build може да е бавен при първо стартиране (npm install, Vite build)
+- Голям брой преведени файлове (50+ езика) прави пълните клонинги големи
+- Използвайте плитък клон ако работите само с съдържание: `git clone --depth 1`
+- Изключвайте преводите от търсене при работа с английско съдържание
+- Процесите на билд може да са бавни при първоначално изпълнение (npm install, Vite build)
 
-## Съображения за сигурност
+## Съображения за сигурността
 
 ### Променливи на средата
 
-- API ключовете никога не трябва да се качват в хранилището
+- Никога не комитвайте API ключове в репозитория
 - Използвайте `.env` файлове (вече в `.gitignore`)
-- Документирайте необходимите променливи в README файловете на проектите
+- Описвайте нужните променливи на средата в README файловете на проектите
 
 ### Python проекти
 
@@ -348,61 +348,61 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Достъп до GitHub Models
 
-- Изискват се лични токени за достъп (PAT)
+- Необходими са Personal Access Tokens (PAT) за GitHub Models
 - Токените трябва да се съхраняват като променливи на средата
-- Никога не качвайте токени или идентификационни данни
+- Никога не комитвайте токени или креденшъли
 
 ## Допълнителни бележки
 
 ### Целева аудитория
 
-- Абсолютни начинаещи в уеб разработката
-- Студенти и самостоятелни обучаващи се
-- Учители, използващи учебната програма в класните стаи
-- Съдържанието е проектирано за достъпност и постепенна подготовка
+- Напълно начинаещи в уеб разработката
+- Студенти и самоучачи
+- Учители, ползващи учебната програма в класни стаи
+- Съдържанието е проектирано за достъпност и постепенно изграждане на умения
 
 ### Образователна философия
 
-- Обучение чрез проекти
-- Чести проверки на знанията (викторини)
-- Практически упражнения по кодиране
-- Примери за реални приложения
-- Фокус върху основите преди рамките
+- Обучение, базирано на проекти
+- Чести проверки на знанията (куизове)
+- Практически упражнения с код
+- Примери за реално приложение
+- Фокус върху основите преди рамки
 
-### Поддръжка на хранилището
+### Поддръжка на репозитория
 
-- Активна общност от учащи и сътрудници
-- Редовни актуализации на зависимости и съдържание
-- Следене на проблеми и дискусии от поддържащите
-- Автоматизирани обновления на преводите чрез GitHub Actions
+- Активна общност от учащи и допринасящи
+- Редовни ъпдейти на зависимости и съдържание
+- Проследяване на проблеми и обсъждания от поддръжниците
+- Атоматизирани обновления на преводите чрез GitHub Actions
 
 ### Свързани ресурси
 
 - [Microsoft Learn модули](https://docs.microsoft.com/learn/)
-- [Ресурси Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчван за обучаващи се
-- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни програми
+- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчан за учащите
+- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни планове налични
 
 ### Работа с конкретни проекти
 
-За подробни инструкции относно отделни проекти, вижте README файловете в:
-- `quiz-app/README.md` - Vue 3 quiz приложение
+За подробни инструкции по отделни проекти вижте README файловете в:
+- `quiz-app/README.md` - Vue 3 куиз приложение
 - `7-bank-project/README.md` - Банково приложение с автентикация
-- `5-browser-extension/README.md` - Разработка на браузърно разширение
-- `6-space-game/README.md` - Игра базирана на Canvas
+- `5-browser-extension/README.md` - Разработка на браузърни разширения
+- `6-space-game/README.md` - Разработка на игра с canvas
 - `9-chat-project/README.md` - Проект за AI чат асистент
 
-### Структура на монорепо
+### Структура на монорепозитория
 
-Въпреки че не е традиционно монорепо, това хранилище съдържа множество независими проекти:
+Въпреки че не е традиционен монорепозиториум, този репозиторий съдържа множество независими проекти:
 - Всеки урок е самостоятелен
 - Проектите не споделят зависимости
-- Работете по отделни проекти без да засягате другите
-- Клонирайте цялото хранилище за пълното преживяване с учебната програма
+- Работете по отделните проекти, без да засягате останалите
+- Клонирайте целия репозиторий за пълноценно обучение с цялата учебна програма
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Отказ от отговорност**:
-Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, възникнали от използването на този превод.
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за недоразумения или неправилни тълкувания, възникнали от използването на този превод.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bg/README.md b/translations/bg/README.md
index eb5ce61b0..def8d63b1 100644
--- a/translations/bg/README.md
+++ b/translations/bg/README.md
@@ -1,211 +1,197 @@
-[![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) 
+# Уеб разработка за начинаещи - учебна програма
 
-[![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/)
+Научете основите на уеб разработката с нашия 12-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се с викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашата ефективна педагогика, базирана на проекти. Започнете своето пътешествие в кодирането още днес!
 
-[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
-
-# Уеб разработка за начинаещи - Учебна програма
-
-Научете основите на уеб разработката с нашия 12-седмичен подробен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока се разглеждат JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Вземете участие в викторини, дискусии и практически задачи. Усъвършенствайте уменията си и оптимизирайте задържането на знания с нашата ефективна, проектно базирана педагогика. Започнете своето обучение по програмиране още днес!
-
-Присъединете се към Discord общността на Azure AI Foundry
-
-[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+Присъединете се към общността Azure AI Foundry в Discord
 
 Следвайте тези стъпки, за да започнете да използвате тези ресурси:
-1. **Направете форк на репoзиторията**: Кликнете [![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 Action (автоматично и винаги актуално)
-
-<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+#### Поддържа се чрез GitHub Action (автоматизирано и винаги актуално)
 
 > **Предпочитате да клонирате локално?**
-
-> Този репозитори включва над 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'
 > ```
-> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.
-<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
-
-**Ако желаете да бъдат добавени допълнителни преводи, поддържаните езици са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+>
+> **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"
+> ```
+>
+> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне.
 
-[![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://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 #### 🧑‍🎓 _Студент ли сте?_
 
-Посетете [**Студентския център**](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 Agent режим!
 
-Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство за вас да го изпълните с помощта на GitHub Copilot и режима Agent. Ако не сте ползвали режима Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, изпълнява команди и други.
+Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което да завършите, използвайки GitHub Copilot и Agent режим. Ако не сте използвали досега Agent режим, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още.
 
-### 📣 Обявление - _Нов проект за създаване с генериращ изкуствен интелект_
+### 📣 Обява - _Нов проект за разработка с използване на генеративен AI_ 
 
-Току-що добавен нов AI Assistant проект, разгледайте го [тук](./9-chat-project/README.md)
+Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md)
 
-### 📣 Обявление - _Нова учебна програма_ за Генеративен изкуствен интелект за JavaScript току-що беше пусната
+### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе
 
-Не пропускайте нашата нова учебна програма за Генеративен ИИ!
+Не пропускайте новия ни курс за генеративен AI!
 
 Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
 
-![Background](../../translated_images/bg/background.148a8d43afde5730.webp)
-
-- Уроци, обхващащи всичко от основи до RAG.
+- Уроци, обхващащи всичко от основите до RAG.
 - Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение.
-- Забавно и увлекателно повествование, ще пътувате във времето!
+- Забавен и ангажиращ разказ, пътуване във времето!
 
-![character](../../translated_images/bg/character.5c0dd8e067ffd693.webp)
-
-Всеки урок включва задача за изпълнение, проверка на знанията и предизвикателство, които да ви насочват в изучаването на теми като:
-- Задаване на заявки и инженеринг на заявки
-- Генериране на приложения за текст и изображения
-- Търсещи приложения
+Във всеки урок има задача за изпълнение, проверка на знанията и предизвикателство, които ви насочват към изучаване на теми като:
+- Създаване на команди и инженерство на подкани
+- Генериране на текст и изображения за приложения
+- Приложения за търсене
 
 Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
 
 
 
-## 🌱 Започване
+## 🌱 Как да започнете
 
-> **Учители**, включили сме [някои предложения](for-teachers.md) как да използвате тази учебна програма. Ще се радваме на вашите отзиви [в нашия дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Учители**, включили сме някои предложения [тук](for-teachers.md) за използване на тази учебна програма. Ще се радваме на обратна връзка [в нашия форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителна викторина и продължете с четене на учебния материал, изпълнение на различните дейности и проверка на разбирането си с постлекционната викторина.
+**[Обучаващи се](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с тест преди лекцията и продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си чрез тест след лекцията.
 
-За да подобрите учебния си опит, свържете се с връстниците си, за да работите заедно по проектите! Насърчават се дискусии в нашия [дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще бъде на разположение да отговаря на вашите въпроси.
+За по-добро изживяване в ученето, свържете се с вашите връстници за съвместна работа по проектите! Обсъжданията са насърчавани в нашия [форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори е на разположение да отговори на вашите въпроси.
 
-За да развиете образованието си допълнително, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
+За да задълбочите обучението си, силно препоръчваме да изследвате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
 
 ### 📋 Настройване на вашата среда
 
-Тази учебна програма разполага с готова за употреба среда за разработка! Когато започнете, можете да изберете да стартирате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда в браузъра, без нужда от инсталация_), или локално на вашия компютър, използвайки текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Тази учебна програма включва готова развойна среда! Когато започвате можете да изберете да използвате курса в [Codespace](https://github.com/features/codespaces/) (_браузър-базирана среда без нужда от инсталации_), или локално на компютъра си с текстов редактор, като например [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Създайте своето репозитори
-За да запазите лесно своята работа, препоръчваме да създадете собствено копие на това репозитори. Можете да го направите, като кликнете върху бутона **Use this template** в горната част на страницата. Това ще създаде ново репозитори във вашия GitHub акаунт с копие на учебната програма.
+#### Създайте свое хранилище
+За да запазвате лесно работата си, е препоръчително да създадете собствено копие на това хранилище. Можете да го направите, като кликнете на бутона **Use this template** в горната част на страницата. Това ще създаде ново хранилище в профила ви в GitHub с копие на учебната програма.
 
 Следвайте тези стъпки:
-1. **Направете форк на репозиторията**: Кликнете на бутона "Fork" в горния десен ъгъл на тази страница.
-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/bg/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) като ваш редактор, който също разполага с вграден [Терминал](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)
-    След това отворете [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) и изпълнете следната команда, като замените `<your-repository-url>` с URL адреса, който току-що копирахте:
+
+    След това отворете [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) и изпълнете следната команда, като замените `<your-repository-url>` с току-що копирания URL адрес:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Отворете папката във Visual Studio Code. Можете да направите това, като кликнете върху **File** > **Open Folder** и изберете току-що клонираната папка.
+2. Отворете папката във Visual Studio Code. Можете да го направите като кликнете върху **File** > **Open Folder** и изберете папката, която току-що клонирахте.
 
 
 >  Препоръчителни разширения за Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за визуализиране на HTML страници във Visual Studio Code
-> * [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) - за преглед на HTML страници в Visual Studio Code
+> * [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`.
-
-## 🗃️ Уроци
-
-|     |                       Име на проекта                       |                            Обучавани концепции                             | Учебни цели                                                                                                                       |                                                         Свързан урок                                                           |         Автор          |
-| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Започване                              |           Въведение в програмирането и инструментите на професията          | Научете основите зад повечето програмни езици и софтуерен инструментариум, който помага на професионалните разработчици         | [Въведение в програмените езици и инструменти](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)        |         Jasmine         |
-| 02  |                     Започване                              |             Основи на GitHub, включително работа в екип                     | Как да използвате GitHub в своя проект, как да си сътрудничите с други върху кодовата база                                      |                            [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md)                            |          Floor          |
-| 03  |                     Започване                              |                             Достъпност                                      | Научете основите на достъпността в уеб                                                                                           |                       [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md)                             |       Christopher       |
-| 04  |                        JS Основи                           |                         Типове данни в JavaScript                           | Основите на типовете данни в JavaScript                                                                                           |                                       [Типове данни](./2-js-basics/1-data-types/README.md)                                       |         Jasmine         |
-| 05  |                        JS Основи                           |                         Функции и методи                                  | Научете за функциите и методите за управление на логиката на приложение                                                         |                              [Функции и методи](./2-js-basics/2-functions-methods/README.md)                                      | Jasmine и Christopher  |
-| 06  |                        JS Основи                           |                        Взимане на решения с JS                             | Научете как да създавате условия във вашия код чрез методи за вземане на решения                                                 |                                 [Вземане на решения](./2-js-basics/3-making-decisions/README.md)                                |         Jasmine         |
-| 07  |                        JS Основи                           |                            Масиви и цикли                                  | Работете с данни чрез масиви и цикли в JavaScript                                                                                |                                   [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Терариум](./3-terrarium/solution/README.md)        |                            HTML на практика                               | Създайте HTML за онлайн терариум, с фокус върху изграждането на оформление                                                        |                                 [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md)                                   |           Jen           |
-| 09  |       [Терариум](./3-terrarium/solution/README.md)        |                            CSS на практика                                | Създайте CSS за стилизиране на онлайн терариума, включително основите на CSS и направата на страница отзивчива                   |                                  [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md)                                   |           Jen           |
-| 10  |            [Терариум](./3-terrarium/solution/README.md)            |                 Заключвания в JavaScript, манипулиране на DOM              | Създайте JavaScript за работа на терариума като интерфейс за влачене и пускане, фокусирайки се върху заключвания и DOM            |                  [Заключвания в JS, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                  |           Jen           |
-| 11  |          [Игра за писане](./4-typing-game/solution/README.md)          |                          Създаване на игра за писане                       | Научете как да използвате клавишни събития за задвижване на логиката на приложението си на JavaScript                            |                                [Програмиране базирано на събития](./4-typing-game/typing-game/README.md)                       |       Christopher       |
-| 12  | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) |                         Работа с браузъри                                 | Научете как работят браузърите, тяхната история и как да изградите първите елементи на екстензия за браузър                        |                               [За браузърите](./5-browser-extension/1-about-browsers/README.md)                                 |           Jen           |
-| 13  | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Създаване на формуляр, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементите на браузър екстензията си за извикване на API чрез променливи, съхранявани локално                  |                [API, формуляри и локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md)            |           Jen           |
-| 14  | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) |          Фонови процеси в браузъра, уеб производителност                | Използвайте фоновите процеси на браузъра за управление на иконата на екстензията; научете за уеб производителността и оптимизации |             [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md)             |           Jen           |
-| 15  |           [Космическа игра](./6-space-game/solution/README.md)           |             По-напреднало разработване на игри с JavaScript              | Научете за наследяването чрез класове и композиция, както и за патерна Pub/Sub, подготвяйки се за изграждане на игра              |                      [Въведение в напреднало разработване на игри](./6-space-game/1-introduction/README.md)                      |          Chris          |
-| 16  |           [Космическа игра](./6-space-game/solution/README.md)           |                           Рисуване в canvas                               | Научете за Canvas API, използван за рисуване на елементи на екрана                                                                |                                [Рисуване в Canvas](./6-space-game/2-drawing-to-canvas/README.md)                               |          Chris          |
-| 17  |           [Космическа игра](./6-space-game/solution/README.md)           |                   Преместване на елементи по екрана                       | Открийте как елементите придобиват движение чрез декартови координати и Canvas API                                                |                           [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md)                         |          Chris          |
-| 18  |           [Космическа игра](./6-space-game/solution/README.md)           |                         Откриване на сблъсъци                            | Направете елементите да се сблъскват и реагират на натискане на клавиши и добавете функция за охлаждане, за да подобрите изпълнението |                              [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Космическа игра](./6-space-game/solution/README.md)           |                              Водене на резултата                          | Извършете математически изчисления въз основа на състоянието и представянето на играта                                            |                                    [Водене на резултата](./6-space-game/5-keeping-score/README.md)                               |          Chris          |
-| 20  |           [Космическа игра](./6-space-game/solution/README.md)           |                  Край и рестартиране на играта                            | Научете как да приключите и рестартирате играта, включително почистване на ресурси и нулиране на променливите                      |                                [Условия за край](./6-space-game/6-end-condition/README.md)                                      |          Chris          |
-| 21  |         [Банкова Апликация](./7-bank-project/solution/README.md)          |                HTML шаблони и маршрути в уеб приложение                   | Научете как да създадете структурата на многостраничен уебсайт с използване на маршрутизация и HTML шаблони                      |                            [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md)                               |          Yohan          |
-| 22  |         [Банкова Апликация](./7-bank-project/solution/README.md)          |                  Създаване на формуляр за вход и регистрация             | Научете как се изграждат формуляри и как да се обработва валидирането                                                            |                                           [Формуляри](./7-bank-project/2-forms/README.md)                                       |          Yohan          |
-| 23  |         [Банкова Апликация](./7-bank-project/solution/README.md)          |                  Методи за извличане и използване на данни               | Как данните влизат и излизат от вашето приложение, как да ги извличате, съхранявате и изхвърляте                                   |                                            [Данни](./7-bank-project/3-data/README.md)                                         |          Yohan          |
-| 24  |         [Банкова Апликация](./7-bank-project/solution/README.md)          |                      Концепции за управление на състоянието              | Научете как приложението ви запазва състояние и как да го управлявате програмно                                                  |                                [Управление на състоянието](./7-bank-project/4-state-management/README.md)                       |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате кодов редактор | [Използване на VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите свой собствен AI помощник | [Проект AI Assistant](./9-chat-project/README.md) | Chris |
+- [въпросник след занятието](https://ff-quizzes.netlify.app/web/)
+
+> **Бележка за въпросниците**: Всички въпросници са в папката Quiz-app, общо 48 с по три въпроса. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за въпросниците може да се изпълни локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`.
+
+## 🗃️ Занятия
+
+|     |                       Име на проекта                       |                            Преподавани концепции                             | Учебни цели                                                                                                                 |                                                         Свързан урок                                                          |         Автор          |
+| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Започване                              |           Въведение в програмирането и инструментите на професията           | Научете основите на повечето програмни езици и софтуер, който помага на професионалните разработчици да вършат работата си | [Въведение в програмните езици и инструментите](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)       |         Jasmine         |
+| 02  |                     Започване                              |             Основи на GitHub, включително работа в екип                     | Как да използвате GitHub в своя проект, как да сътрудничите по код                                                          |                            [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Започване                              |                             Достъпност                                      | Научете основите на уеб достъпността                                                                                          |                       [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md)                            |       Christopher       |
+| 04  |                        Основи на JS                        |                         Типове данни в JavaScript                          | Основи на типовете данни в JavaScript                                                                                         |                                       [Типове данни](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Основи на JS                        |                         Функции и методи                                  | Научете за функциите и методите за управление на логиката на приложението                                                   |                              [Функции и методи](./2-js-basics/2-functions-methods/README.md)                                     | Jasmine и Christopher   |
+| 06  |                        Основи на JS                        |                        Вземане на решения с JS                            | Научете как да създавате условия във вашия код с методи за вземане на решения                                                |                                 [Вземане на решения](./2-js-basics/3-making-decisions/README.md)                                |         Jasmine         |
+| 07  |                        Основи на JS                        |                            Масиви и цикли                                | Работа с данни чрез масиви и цикли в JavaScript                                                                              |                                   [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md)                                   |         Jasmine         |
+| 08  |       [Терариум](./3-terrarium/solution/README.md)         |                            Практическо HTML                               | Създайте HTML за онлайн терариум, съсредоточавайки се върху изграждането на оформлението                                     |                                 [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md)                                    |           Jen           |
+| 09  |       [Терариум](./3-terrarium/solution/README.md)         |                            Практическо CSS                                | Създайте CSS за стилизиране на онлайн терариума, фокусирайки се върху основите на CSS, включително правене на страницата отзивчива |                                  [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md)                                    |           Jen           |
+| 10  |            [Терариум](./3-terrarium/solution/README.md)               |         JavaScript Closures, манипулация на DOM                            | Създайте JavaScript, за да направите терариума с интерфейс за влачене и пускане, съсредоточени върху closures и манипулация на DOM     |                  [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)               |           Jen           |
+| 11  |          [Игра за писане](./4-typing-game/solution/README.md)          |                           Създаване на игра за писане                     | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви                         |                                [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md)                      |       Christopher       |
+| 12  | [Разширение за браузър](./5-browser-extension/solution/README.md)     |                         Работа с браузъри                                | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър                   |                               [Относно браузърите](./5-browser-extension/1-about-browsers/README.md)                            |           Jen           |
+| 13  | [Разширение за браузър](./5-browser-extension/solution/README.md)     | Изграждане на форма, извикване на API и съхраняване на променливи локално  | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално                |                [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
+| 14  | [Разширение за браузър](./5-browser-extension/solution/README.md)     |          Фонови процеси в браузъра, уеб производителност                | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации |               [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md)            |           Jen           |
+| 15  |           [Космическа игра](./6-space-game/solution/README.md)         |             По-напреднало игрово развитие с JavaScript                   | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра                         |                      [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md)                         |          Chris          |
+| 16  |           [Космическа игра](./6-space-game/solution/README.md)         |                           Рисуване върху канвас                           | Научете за Canvas API, използван за рисуване на елементи на екрана                                                            |                                [Рисуване върху Canvas](./6-space-game/2-drawing-to-canvas/README.md)                           |          Chris          |
+| 17  |           [Космическа игра](./6-space-game/solution/README.md)         |                   Преместване на елементи по екрана                       | Открийте как елементите придобиват движение чрез декартови координати и Canvas API                                              |                           [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md)                          |          Chris          |
+| 18  |           [Космическа игра](./6-space-game/solution/README.md)         |                          Откриване на сблъсъци                           | Направете елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и предоставете cooldown функция         |                              [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md)                           |          Chris          |
+| 19  |           [Космическа игра](./6-space-game/solution/README.md)         |                             Отчитане на резултата                         | Извършвайте математически изчисления въз основа на състоянието и изпълнението на играта                                         |                                    [Отчитане на резултата](./6-space-game/5-keeping-score/README.md)                             |          Chris          |
+| 20  |           [Космическа игра](./6-space-game/solution/README.md)         |                   Приключване и рестартиране на играта                   | Научете за приключването и рестартирането на играта, включително почистване на ресурси и нулиране на променливи                 |                                [Условия за приключване](./6-space-game/6-end-condition/README.md)                                |          Chris          |
+| 21  |         [Банково приложение](./7-bank-project/solution/README.md)      |                 HTML шаблони и маршрути в уеб приложение                 | Научете как да създавате структурата на многостраничен уебсайт чрез маршрутизация и HTML шаблони                               |                            [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md)                               |          Yohan          |
+| 22  |         [Банково приложение](./7-bank-project/solution/README.md)      |                  Създаване на форма за влизане и регистрация             | Научете за създаване на формуляри и обработка на валидиращи процедури                                                          |                                           [Формуляри](./7-bank-project/2-forms/README.md)                                    |          Yohan          |
+| 23  |         [Банково приложение](./7-bank-project/solution/README.md)      |                   Методи за извличане и използване на данни              | Как данните влизат и излизат от приложението ви, как да ги извличате, съхранявате и изхвърляте                                  |                                            [Данни](./7-bank-project/3-data/README.md)                                        |          Yohan          |
+| 24  |         [Банково приложение](./7-bank-project/solution/README.md)      |                       Концепции за управление на състоянието             | Научете как приложението ви задържа състояние и как да го управлявате програмно                                                |                                [Управление на състоянието](./7-bank-project/4-state-management/README.md)                       |          Yohan          |
+| 25 | [Код за браузър/VSCode](../../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 |
 
 ## 🏫 Педагогика
 
-Учебната ни програма е създадена въз основа на две ключови педагогически принципа:
-* обучение чрез проекти
-* честни викторини
+Нашата учебна програма е създадена с два ключови педагогически принципа на ум:
+* обучение, базирано на проекти
+* чести тестове
 
-Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практически опит, като изградят игра за писане, виртуален терариум, екологично чисто разширение за браузър, игра в стил космически нашественик и банково приложение за бизнес. Към края на серията студентите ще имат солидно разбиране за уеб разработка.
+Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да развият практически умения, като изградят игра за писане, виртуален терариум, екологичен браузър разширение, космическа инвазивна игра и банково приложение за бизнеси. В края на серията студентите ще имат солидно разбиране за уеб разработка.
 
-> 🎓 Можете да преминете първите няколко урока от тази учебна програма като [Учебен път](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) в Microsoft Learn!
 
-Чрез осигуряване на съответствие между съдържанието и проектите, процесът става по-ангажиращ за студентите и задържането на знания се увеличава. Ние също така написахме няколко начални урока за основи на JavaScript, за да въведем концепциите, съчетани с видео от колекцията видео уроци "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чиито някои автори са допринесли за тази учебна програма.
+Чрез осигуряване на съдържание, свързано с проекти, процесът става по-ангажиращ за студентите и запомнянето на концепциите се увеличава. Ние също така написахме няколко начални урока по основите на JavaScript за въведение на концепциите, с видео от колекцията "[Начинаещи по JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", част от чийто автори допринесоха за тази учебна програма.
 
-Освен това, викторина с нисък залог преди клас поставя намерението на студента да научи темата, докато втора викторина след урока гарантира допълнително задържане. Тази учебна програма бе създадена да бъде гъвкава и забавна и може да бъде взета изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл.
+Освен това, тест с ниска трудност преди занятието насочва вниманието на студента към изучаване на темата, докато втори тест след занятието гарантира по-добро усвояване. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се следва изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл.
 
-Докато съзнателно избягвахме въвеждането на JavaScript рамки, за да се съсредоточим върху основните умения, необходими на уеб разработчик преди да усвои рамка, добър следващ ход след завършване на тази учебна програма би бил да научите Node.js чрез друга колекция видео уроци: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Въпреки, че умишлено избегнахме въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, нужни на един уеб разработчик преди преминаването към рамка, добър следващ ход след завършване на тази учебна програма би бил да научите за 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). Очакваме с нетърпение вашата конструктивна обратна връзка!
+> Посетете нашите указания за [Етичен кодекс](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви!
 
 
-## 🧭 Работа офлайн
+## 🧭 Достъп офлайн
 
-Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Клонирайте репото, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на своя локален компютър и след това в основната папка на това репо напишете `docsify serve`. Уебсайтът ще бъде достъпен на порт 3000 на вашия localhost: `localhost:3000`.
+Можете да използвате тази документация офлайн с помощта на [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина и след това в главната папка на това хранилище напишете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на вашия localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 PDF с всички уроци може да се намери [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Други курсове
-Нашият екип създава и други курсове! Разгледайте:
+## 🎒 Други Курсове
+
+Нашият екип произвежда и други курсове! Разгледайте:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -218,38 +204,38 @@ PDF с всички уроци може да се намери [тук](https://
 [![AZD за начинаещи](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 за начинаещи](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 за начинаещи](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 агенти за начинаещи](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
+[![AI Агенти за начинаещи](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)
 
 ---
  
-### Серия за генеративен изкуствен интелект
-[![Генеративен ИИ за начинаещи](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)
-[![Генеративен ИИ (.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)
-[![Генеративен ИИ (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)
-[![Генеративен ИИ (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)
+### Серия за Генеративен AI
+[![Генеративен AI за начинаещи](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)
+[![Генеративен 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)
+[![Генеративен 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)
+[![Генеративен 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)
 
 ---
  
-### Основно обучение
+### Основно Обучение
 [![Машинно обучение за начинаещи](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)
-[![Наука за данни за начинаещи](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)
-[![Изкуствен интелект за начинаещи](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)
+[![Данни за начинаещи](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 за начинаещи](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)
 [![Киберсигурност за начинаещи](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
 [![Уеб разработка за начинаещи](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
 [![IoT за начинаещи](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR разработка за начинаещи](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Разработка за начинаещи](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
-[![Copilot за програмиране с помощ на ИИ](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 за AI Сдвоявано Програмиране](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 за C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
-[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+[![Приключения с Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Получаване на помощ
+## Как да получите помощ
 
-Ако се затрудните или имате въпроси относно създаването на AI приложения. Присъединете се към другите учащи и опитни разработчици в дискусиите за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
+Ако се затрудните или имате въпроси относно изграждането на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
@@ -259,11 +245,11 @@ PDF с всички уроци може да се намери [тук](https://
 
 ## Лиценз
 
-Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация.
+Този репозиторий е лицензиран под лиценза MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Отказ от отговорност**:
-Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия първичен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да било недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
+**Отказ от отговорност**:  
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bn/.co-op-translator.json b/translations/bn/.co-op-translator.json
index 063b80bae..cdc357b10 100644
--- a/translations/bn/.co-op-translator.json
+++ b/translations/bn/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T22:28:30+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:29:49+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "bn"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:37:00+00:00",
+    "translation_date": "2026-03-06T17:43:46+00:00",
     "source_file": "AGENTS.md",
     "language_code": "bn"
   },
@@ -516,8 +516,8 @@
     "language_code": "bn"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:32:46+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:24:35+00:00",
     "source_file": "README.md",
     "language_code": "bn"
   },
diff --git a/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 75101ce08..dd2f1fb49 100644
--- a/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/bn/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# প্রোগ্রামিং ভাষা এবং আধুনিক ডেভেলপার টুলসের পরিচিতি
+# প্রোগ্রামিং ভাষাসমূহ ও আধুনিক ডেভেলপার সরঞ্জামগুলোর পরিচিতি
 
-হ্যালো, ভবিষ্যৎ ডেভেলপার! 👋 আমি কি তোমাকে এমন কিছু বলতে পারি যা আমাকে প্রতিদিনই শিহরিত করে? তুমি শিখতে যাচ্ছ যে প্রোগ্রামিং শুধুমাত্র কম্পিউটার নিয়ে নয় – এটি এমন এক ক্ষমতা যা তোমার সবচেয়ে বন্য ধারণাগুলোকে বাস্তবে রূপ দিতে পারে!
+হ্যালো, ভবিষ্যতের ডেভেলপার! 👋 আমি কি তোমাকে এমন কিছু বলতে পারি যা প্রতিদিন আমাকে রোমাঞ্চিত করে? তুমি শীঘ্রই আবিষ্কার করবে যে প্রোগ্রামিং শুধুমাত্র কম্পিউটার সংক্রান্ত নয় – এটি তোমার সবচেয়ে অবিশ্বাস্য ধারণাগুলো জীবন্ত করার জন্য সত্যিকারের অতিপ্রাকৃত ক্ষমতা পাওয়ার ব্যাপার!
 
-তুমি কি সেই মুহূর্তটি জানো যখন তুমি তোমার প্রিয় অ্যাপ ব্যবহার করছ এবং সবকিছু একদম নিখুঁতভাবে কাজ করছে? যখন তুমি একটি বোতামে চাপ দাও এবং কিছু একেবারে জাদুকরী ঘটে যা তোমাকে "ওয়াও, তারা এটা কীভাবে করল?" বলতে বাধ্য করে। ঠিক এমন কেউ – সম্ভবত রাত ২টায় তাদের প্রিয় কফি শপে তৃতীয় এসপ্রেসো পান করতে করতে – সেই কোড লিখেছে যা সেই জাদু তৈরি করেছে। এবং যা তোমার মনকে উড়িয়ে দেবে তা হলো: এই পাঠের শেষে, তুমি শুধু বুঝতে পারবে না তারা কীভাবে এটি করেছে, বরং তুমি নিজেই এটি চেষ্টা করতে উদগ্রীব হয়ে উঠবে!
+তুমি কি সেই মুহূর্তটি জানো, যখন তুমি তোমার প্রিয় অ্যাপ ব্যবহার করছ, আর সবকিছু নিখুঁতভাবে কাজ করছে? যখন তুমি একটা বাটনে ট্যাপ করো এবং কিছু অবিশ্বাস্য ঘটনা ঘটে যা তোমাকে বলায় "আরে, ওরা এটা কীভাবে করল?" ঠিক সেইটাই—তোমার মতোই কেউ, সম্ভবত রাত ২টায় তাদের প্রিয় কফি শপে বসে তৃতীয় এস্প্রেসো পান করে, সেই জাদু তৈরি কোড লিখেছিল। আর এখানে যা তোমার মস্তিষ্ক ঘুরিয়ে দেবে: এই পাঠ শেষ হওয়ার আগে তুমি শুধু বুঝতে পারবে কিভাবে তারা এটা করেছিল তাই নয়, তোমাও নিজে যেন চেষ্টা করার জন্য উদ্বুদ্ধ হয়ে উঠবে!
 
-শোনো, যদি প্রোগ্রামিং এখন তোমার কাছে ভয়ঙ্কর মনে হয়, আমি পুরোপুরি বুঝতে পারি। যখন আমি প্রথম শুরু করেছিলাম, আমি সত্যিই ভেবেছিলাম যে তোমাকে কোনো গণিতের জিনিয়াস হতে হবে বা পাঁচ বছর বয়স থেকেই কোডিং করতে হবে। কিন্তু যা আমার দৃষ্টিভঙ্গি পুরোপুরি বদলে দিয়েছিল তা হলো: প্রোগ্রামিং নতুন ভাষায় কথোপকথন শেখার মতো। তুমি "হ্যালো" এবং "ধন্যবাদ" দিয়ে শুরু করো, তারপর কফি অর্ডার করতে শেখো, এবং কিছুদিনের মধ্যে তুমি গভীর দার্শনিক আলোচনা করতে পারো! তবে এই ক্ষেত্রে, তুমি কম্পিউটারের সাথে কথোপকথন করছ, এবং সত্যি বলতে? তারা সবচেয়ে ধৈর্যশীল কথোপকথন সঙ্গী – তারা কখনো তোমার ভুলের বিচার করে না এবং তারা সবসময় আবার চেষ্টা করতে প্রস্তুত!
+দেখো, আমি পুরোপুরি বুঝতে পারি যদি এখনই প্রোগ্রামিং তোমাকে একটু কঠিন মনে হয়। যখন আমি শুরু করছিলাম, আমি সত্যি ভাবতাম তোমাকে হতে হবে কেউ গণিতের মাস্টার বা পাঁচ বছর বয়স থেকেই কোডিং করে আসা। কিন্তু যা আমার দৃষ্টিভঙ্গি পুরো বদলে দিয়েছিল তা হলো: প্রোগ্রামিং ঠিক যেমন নতুন একটি ভাষায় কথোপকথন শেখার মতো। তুমি শুরু করো "হ্যালো" এবং "ধন্যবাদ" দিয়ে, তারপর কফি অর্ডার করার মতো কথা বলতে শিখো, আর হঠাৎ করে গভীর দার্শনিক আলোচনা করো! তবে এখানে, তুমি কম্পিউটারদের সঙ্গে কথোপকথন করছ, এবং সত্যিই? তারা সবচেয়ে ধৈর্যশীল কথোপকথন সঙ্গী—তারা তোমার ভুলের বিচার করে না এবং সব সময় আবার চেষ্টা করতে উৎসাহী!
 
-আজ, আমরা সেই অসাধারণ টুলগুলো অন্বেষণ করব যা আধুনিক ওয়েব ডেভেলপমেন্টকে শুধু সম্ভবই করে না, বরং একেবারে নেশাসক্ত করে তোলে। আমি বলছি ঠিক সেই এডিটর, ব্রাউজার এবং ওয়ার্কফ্লো যা Netflix, Spotify এবং তোমার প্রিয় ইন্ডি অ্যাপ স্টুডিওর ডেভেলপাররা প্রতিদিন ব্যবহার করে। এবং যা তোমাকে আনন্দে নাচতে বাধ্য করবে তা হলো: এই পেশাদার-গ্রেড, ইন্ডাস্ট্রি-স্ট্যান্ডার্ড টুলগুলোর বেশিরভাগই সম্পূর্ণ বিনামূল্যে!
+আজ, আমরা অন্বেষণ করব অসাধারণ সরঞ্জামগুলি যা আধুনিক ওয়েব ডেভেলপমেন্টকে শুধু সম্ভব করেই না, বরং অতিবার আসক্তিকর করে তোলে। আমি কথা বলছ আজীবনের একই সম্পাদক, ব্রাউজার এবং ওয়ার্কফ্লো নিয়ে যা Netflix, Spotify এবং তোমার প্রিয় ইন্ডি অ্যাপ স্টুডিও প্রতিদিন ব্যবহার করে। আর এখানে যা তোমাকে উল্লসিত করবে: এই পেশাদার মানসম্পন্ন, শিল্প-মানের সরঞ্জামগুলোর বেশিরভাগ সম্পূর্ণ ফ্রি!
 
-![প্রোগ্রামিং পরিচিতি](../../../../translated_images/bn/webdev101-programming.d6e3f98e61ac4bff.webp)
-> স্কেচনোট: [Tomomi Imura](https://twitter.com/girlie_mac)
+![Intro Programming](../../../../translated_images/bn/webdev101-programming.d6e3f98e61ac4bff.webp)
+> স্কেচনোট [Tomomi Imura](https://twitter.com/girlie_mac) দ্বারা
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title আজকের আপনার প্রোগ্রামিং যাত্রা
+    section আবিষ্কার করুন
+      প্রোগ্রামিং কি: 5: You
+      প্রোগ্রামিং ভাষাসমূহ: 4: You
+      সরঞ্জাম পর্যালোচনা: 5: You
+    section অনুসন্ধান করুন
+      কোড সম্পাদকগণ: 4: You
+      ব্রাউজার এবং ডেভটুলস: 5: You
+      কমান্ড লাইন: 3: You
+    section অনুশীলন
+      ভাষা গোয়েন্দা: 4: You
+      সরঞ্জাম অনুসন্ধান: 5: You
+      সম্প্রদায়ের সংযোগ: 5: You
 ```
+## চল, দেখি তুমি ইতিমধ্যেই কী জানো!
 
-## দেখা যাক তুমি আগে থেকেই কী জানো!
+মজা শুরু করার আগে, আমি জানতে আগ্রহী—তুমি এখনো প্রোগ্রামিং জগত সম্পর্কে কী জানো? আর শোনো, যদি তুমি এই প্রশ্নগুলো দেখে ভাবো "আমার একদমই ধারনা নেই," সেটা একদম ঠিক আছে, বরং এটা নিখুঁত! এর মানে তুমি একেবারে সঠিক জায়গায় রয়েছো। এই কুইজটাকে এক ধরণের ওয়ার্ম-আপ ভাবো – আমরা স্মৃতিশক্তির পেশী গরম করছি!
 
-মজার অংশে যাওয়ার আগে, আমি জানতে চাই – তুমি এই প্রোগ্রামিং জগত সম্পর্কে আগে থেকেই কী জানো? এবং শুনো, যদি তুমি এই প্রশ্নগুলো দেখে ভাবো "আমি সত্যিই এর কিছুই জানি না," তাহলে সেটি শুধু ঠিকই নয়, বরং একদম পারফেক্ট! এর মানে তুমি ঠিক সঠিক জায়গায় আছ। এই কুইজটিকে একটি ওয়ার্কআউটের আগে স্ট্রেচিংয়ের মতো ভাবো – আমরা শুধু মস্তিষ্কের পেশিগুলো গরম করছি!
+[পূর্ব-পাঠের কুইজ নাও](https://ff-quizzes.netlify.app/web/)
 
-[পূর্ব-পাঠ কুইজ নাও](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## আমরা যে অভিযানে যাচ্ছি একসাথে
+## আমরা আজ যে অভিযানে যাচ্ছি
 
-ঠিক আছে, আমি সত্যিই উত্তেজনায় লাফাচ্ছি আজ আমরা যা অন্বেষণ করতে যাচ্ছি তা নিয়ে! সত্যি বলতে, আমি তোমার মুখ দেখতে চাই যখন কিছু ধারণা তোমার মাথায় ক্লিক করবে। এখানে আমাদের অবিশ্বাস্য যাত্রা:
+ঠিক আছে, আজ আমরা যা অন্বেষণ করবো তা নিয়ে আমি সত্যিই উচ্ছ্বসিত! সত্যি বলতে, আমি তোমার মুখটা দেখতে চাই যখন এই ধারণাগুলোর কোনটা তোমার জন্য স্পষ্ট হয়ে ওঠবে। এখানে আমাদের অবিশ্বাস্য যাত্রা:
 
-- **প্রোগ্রামিং আসলে কী (এবং কেন এটি সবচেয়ে কুল জিনিস!)** – আমরা আবিষ্কার করব কীভাবে কোড আসলে অদৃশ্য জাদু যা তোমার চারপাশের সবকিছু চালিত করে, সেই অ্যালার্ম থেকে যা জানে এটি সোমবার সকাল, সেই অ্যালগরিদম পর্যন্ত যা তোমার Netflix রিকমেন্ডেশন নিখুঁতভাবে সাজায়।
-- **প্রোগ্রামিং ভাষা এবং তাদের অসাধারণ ব্যক্তিত্ব** – কল্পনা করো একটি পার্টিতে ঢুকেছ যেখানে প্রত্যেকের সম্পূর্ণ ভিন্ন ক্ষমতা এবং সমস্যার সমাধানের পদ্ধতি আছে। প্রোগ্রামিং ভাষার জগত ঠিক এরকম, এবং তাদের সাথে পরিচিত হতে তোমার ভালো লাগবে!
-- **ডিজিটাল জাদু ঘটানোর মৌলিক নির্মাণ ব্লকগুলো** – এগুলোকে চূড়ান্ত সৃজনশীল LEGO সেট হিসেবে ভাবো। একবার তুমি বুঝতে পারবে কীভাবে এই অংশগুলো একসাথে ফিট করে, তুমি বুঝতে পারবে তুমি যা কল্পনা করো তা তৈরি করতে পারো।
-- **পেশাদার টুল যা তোমাকে মনে করাবে যেন তোমাকে একটি জাদুকরের ছড়ি দেওয়া হয়েছে** – আমি এখানে নাটকীয় হচ্ছি না – এই টুলগুলো সত্যিই তোমাকে মনে করাবে যেন তোমার সুপারপাওয়ার আছে, এবং সবচেয়ে ভালো অংশ? এগুলোই প্রোরা ব্যবহার করে!
+- **প্রোগ্রামিং আসলে কী (এবং কেন এটা সবচেয়ে দারুণ জিনিস!)** – আমরা আবিষ্কার করবো কিভাবে কোড হল অদৃশ্য জাদু যা তোমার চারপাশের সবকিছু চালায়, সেই অ্যালার্ম থেকে যা সোমবার সকাল বুঝে নেয়ো, সেই অ্যালগরিদম পর্যন্ত যা নিখুঁতভাবে তোমার Netflix সুপারিশ করে
+- **প্রোগ্রামিং ভাষাসমূহ এবং তাদের অসাধারণ বৈশিষ্ট্য** – কল্পনা করো এমন একটি পার্টিতে গিয়ে যেখানে প্রত্যেকে সম্পূর্ণ ভিন্ন অতিপ্রাকৃত ক্ষমতা এবং সমস্যা সমাধানের পন্থা নিয়ে আছে। প্রোগ্রামিং ভাষার জগৎ ঠিক এমনটাই, এবং তুমি তাদের সাথে পরিচিত হতে ভালোবাসবে!
+- **মৌলিক নির্মাণ ব্লক যা ডিজিটাল জাদু ঘটায়** – এগুলোকে ভাবো একটি চূড়ান্ত স্রষ্টামূলক LEGO সেট হিসেবে। একবার কিভাবে এই টুকরোগুলো একসাথে কাজ করে বুঝলে, তুমি অফুরন্ত কিছুই তৈরি করতে পারবে তোমার কল্পনার নাম অনুসারে
+- **পেশাদার সরঞ্জাম যা তোমাকে মনে করাবে তোমার কাছে যাদুর ছড়ি এসেছে** – আমি নাটকীয়তা করছি না — এই সরঞ্জামগুলো সত্যিই তোমাকে অতিপ্রাকৃত অধিকার পাওয়ার মত অনুভূতি দেবে, আর সবচেয়ে ভাল কথা? এগুলোই প্রফেশনালরা ব্যবহার করে!
 
-> 💡 **মজার বিষয়**: আজ সবকিছু মনে রাখার চেষ্টা করো না! এখন আমি শুধু চাই তুমি সম্ভাবনার প্রতি উত্তেজনা অনুভব করো। আমরা একসাথে অনুশীলন করার সময় বিস্তারিত বিষয়গুলো স্বাভাবিকভাবেই মনে থাকবে – আসল শেখা এভাবেই হয়!
+> 💡 **মর্ম কথা:** আজকে সবকিছু মুখস্থ করার চেষ্টা করো না! এখন শুধু এটা অনুভব করো যে কি সম্ভব তা নিয়ে তোমার মধ্যে আগ্রহ তৈরি হচ্ছে। বিস্তারিতগুলো স্বাভাবিকভাবেই চর্চার মাধ্যমে মজবুত হবে – এরাই তো আসল শেখার পথ!
 
-> তুমি এই পাঠটি [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) এ নিতে পারো!
 
-## তাহলে প্রোগ্রামিং আসলে কী?
+## তাহলে প্রোগ্রামিং আসলে *কি*?
 
-ঠিক আছে, চলো মিলিয়ন-ডলার প্রশ্নটি মোকাবিলা করি: প্রোগ্রামিং আসলে কী?
+ঠিক আছে, আসুন আমরা সেরা প্রশ্নের উত্তর দিই: প্রোগ্রামিং আসলে কী?
 
-আমি তোমাকে একটি গল্প বলব যা আমার চিন্তাভাবনা পুরোপুরি বদলে দিয়েছে। গত সপ্তাহে, আমি আমার মাকে আমাদের নতুন স্মার্ট টিভি রিমোট ব্যবহার করতে বোঝানোর চেষ্টা করছিলাম। আমি নিজেকে বলতে শুনলাম, "লাল বোতামটি চাপো, তবে বড় লাল বোতামটি নয়, ছোট লাল বোতামটি বাম দিকে... না, তোমার অন্য বাম... ঠিক আছে, এখন এটি দুই সেকেন্ড ধরে রাখো, এক সেকেন্ড নয়, তিন সেকেন্ডও নয়..." পরিচিত শোনাচ্ছে? 😅
+আমি তোমাকে এমন একটা গল্প বলব যা আমার পুরো চিন্তা বদলে দিয়েছিল। গত সপ্তাহে, আমি আমার মাকে বোঝানোর চেষ্টা করছিলাম কিভাবে আমাদের নতুন স্মার্ট টিভির রিমোট ব্যবহার করতে হয়। আমি নিজেকে বলছিলাম, "লাল বাটন চাপবে, কিন্তু বড় লাল বাটন নয়, বাম দিকের ছোট লাল বাটনে... না, তোমার অন্য বাম... ঠিক আছে, এখন দুই সেকেন্ড ধরে ধরো, এক নয়, তিন নয়..." মনে হচ্ছে পরিচিত? 😅
 
-এটাই প্রোগ্রামিং! এটি অত্যন্ত বিস্তারিত, ধাপে ধাপে নির্দেশনা দেওয়ার শিল্প, এমন কিছুতে যা খুব শক্তিশালী কিন্তু সবকিছু নিখুঁতভাবে ব্যাখ্যা করা প্রয়োজন। তবে মাকে বোঝানোর পরিবর্তে (যিনি "কোন লাল বোতাম?!" জিজ্ঞাসা করতে পারেন), তুমি একটি কম্পিউটারকে বোঝাচ্ছ (যা ঠিক তাই করে যা তুমি বলো, যদিও তুমি যা বলেছ তা হয়তো তুমি যা বোঝাতে চেয়েছ তা নয়)।
+এটাই প্রোগ্রামিং! এটা একটা শিল্প যেখানে খুব বিস্তারিত, ধাপে ধাপে নির্দেশ দেওয়া হয় এমন একটি শক্তিশালী সিস্টেমকে যেটাকে সবকিছু নিখুঁতভাবে স্পেল আউট করতে হয়। তবে এখানে মাকে (যিনি জিজ্ঞাসা করতে পারেন "কোন লাল বাটন?") নয়, বরং কম্পিউটারকে বোঝানো হয় (যে ঠিক তোমার কথামতো কাজ করে, যদিও তুমি ঠিক যেমনটি বলেছিলে তা বুঝতে পারো না)।
 
-যা আমার মনকে উড়িয়ে দিয়েছিল তা হলো: কম্পিউটার আসলে তাদের মূলে বেশ সহজ। তারা মাত্র দুটি জিনিস বোঝে – ১ এবং ০, যা মূলত "হ্যাঁ" এবং "না" বা "চালু" এবং "বন্ধ।" এটাই! কিন্তু এখানেই জাদু শুরু হয় – আমাদের ১ এবং ০-এ কথা বলতে হয় না যেন আমরা The Matrix-এ আছি। এখানেই **প্রোগ্রামিং ভাষা** আমাদের উদ্ধার করে। এগুলো এমন এক সেরা অনুবাদক যা তোমার সাধারণ মানবিক চিন্তাভাবনাকে কম্পিউটার ভাষায় রূপান্তর করে।
+যা আমাকে প্রথম শিখার সময় বিস্মিত করেছিল তা হলো: কম্পিউটারগুলি আসলেই মূলে খুবই সরল। তারা মাত্র দুইটি জিনিস বোঝে—১ এবং ০, যা হল "হ্যাঁ" এবং "না" বা "চালু" এবং "বন্ধ"। তাই! কিন্তু এখানেই জাদু শুরু হয়—আমাদের ১ এবং ০ তে কথা বলতে হবে না আরও বুঝি না! তখনই **প্রোগ্রামিং ভাষাসমূহ** আসেন সাহায্যে। তারা যেন বিশ্বের সেরা অনুবাদক, যারা তোমার স্বাভাবিক মানব চিন্তাভাবনাকে কম্পিউটারের ভাষায় অনুবাদ করে দেয়।
 
-এবং যা আমাকে প্রতিদিন সকালে সত্যিই শিহরিত করে তা হলো: তোমার জীবনের প্রতিটি ডিজিটাল জিনিস শুরু হয়েছিল তোমার মতো কারো দ্বারা, সম্ভবত তাদের পায়জামা পরে কফি হাতে ল্যাপটপে কোড টাইপ করতে করতে। সেই Instagram ফিল্টার যা তোমাকে নিখুঁত দেখায়? কেউ সেটি কোড করেছে। সেই রিকমেন্ডেশন যা তোমাকে তোমার নতুন প্রিয় গানের দিকে নিয়ে গেছে? একজন ডেভেলপার সেই অ্যালগরিদম তৈরি করেছে। সেই অ্যাপ যা তোমাকে বন্ধুদের সাথে ডিনারের বিল ভাগ করতে সাহায্য করে? হ্যাঁ, কেউ ভেবেছিল "এটি বিরক্তিকর, আমি বাজি ধরে বলতে পারি এটি ঠিক করতে পারি" এবং তারপর... তারা করেছে!
+আর প্রতিদিন সকালে যখন আমি উঠি তখন যা এখনো আমাকে রোমাঞ্চিত করে: তোমার জীবনের সমস্ত ডিজিটাল কিছুই শুরু হয়েছিল ঠিক তোমার মতো কারো হাত থেকে, সম্ভবত প্যাজামায় মোড়ানো, কফির কাপ হাতে নিয়ে ল্যাপটপে কোড টাইপ করতে করতে। সেই Instagram ফিল্টার যা তোমাকে পরফেক্ট দেখায়? কেউ সেটি কোড করেছিল। প্রস্তাবনা যা তোমাকে তোমার নতুন প্রিয় গানের দিকে নিয়ে গিয়েছিল? একজন ডেভেলপার সেই অ্যালগরিদম তৈরি করেছিল। সেই অ্যাপ যা তোমাকে তোমার বন্ধুদের সাথে ডিনার বিল ভাগ করতে সাহায্য করে? হ্যাঁ, কেউ ভাবল "এটা বিরক্তিকর, আমি এটা ঠিক করতে পারি" আর তারপর করেই ফেলল!
 
-যখন তুমি প্রোগ্রামিং শিখবে, তুমি শুধু একটি নতুন দক্ষতা অর্জন করবে না – তুমি সমস্যার সমাধানকারী এই অবিশ্বাস্য সম্প্রদায়ের অংশ হয়ে উঠবে যারা তাদের দিন কাটায় ভাবতে, "যদি আমি এমন কিছু তৈরি করতে পারি যা কারো দিনকে একটু ভালো করে তোলে?" সত্যি বলতে, এর চেয়ে কুল আর কিছু হতে পারে?
+যখন তুমি প্রোগ্রামিং শিখবে, তুমি শুধু একটি নতুন দক্ষতা অর্জন করছ না—তুমি এমন একটি অসাধারণ সমস্যার সমাধানকারী সম্প্রদায়ের অংশ হয়ে উঠছো যারা প্রতিদিন ভাবছে, "কী হয়, যদি আমি এমন কিছু তৈরি করি যা কারো দিন একটু ভালো করে তোলে?" সত্যি বলছি, এর থেকে আর কিছু দারুণ হতে পারে?
 
-✅ **মজার তথ্য অনুসন্ধান**: যখন তোমার হাতে একটু সময় থাকবে তখন একটি মজার বিষয় খুঁজে বের করো – তুমি কি জানো কে ছিলেন বিশ্বের প্রথম কম্পিউটার প্রোগ্রামার? আমি একটি ইঙ্গিত দেব: এটি হয়তো তোমার প্রত্যাশিত কেউ নয়! এই ব্যক্তির গল্পটি একেবারে চমকপ্রদ এবং দেখায় যে প্রোগ্রামিং সবসময় সৃজনশীল সমস্যার সমাধান এবং বক্সের বাইরে চিন্তা করার বিষয় ছিল।
+✅ **মজার তথ্য খোঁজা:** যখন ফাঁকা সময় পাবে, এটা অনুসন্ধান করো—বিশ্বের প্রথম কম্পিউটার প্রোগ্রামার কে ছিলেন বলে তুমি ভাবো? আমি তোমায় একটি ইঙ্গিত দেবো: হয়তো তুমি যা ভাবছো তা নাও হতে পারে! এই ব্যক্তির গল্প বেশ মজাদার এবং দেখায় প্রোগ্রামিং সবসময় ছিল সৃজনশীল সমস্যা সমাধান এবং সাধারণ ধারা থেকে বেরিয়ে চিন্তার ব্যাপার।
 
-### 🧠 **চেক-ইন সময়: তুমি কেমন অনুভব করছ?**
+### 🧠 **চেক-ইন সময়: কেমন লাগছে?**
 
-**একটু সময় নিয়ে ভাবো:**
-- "কম্পিউটারকে নির্দেশনা দেওয়া" ধারণাটি কি এখন তোমার কাছে পরিষ্কার?
-- তুমি কি এমন কোনো দৈনন্দিন কাজের কথা ভাবতে পারো যা তুমি প্রোগ্রামিং দিয়ে স্বয়ংক্রিয় করতে চাও?
-- এই পুরো প্রোগ্রামিং বিষয়টি নিয়ে তোমার মনে কী প্রশ্ন উঠছে?
+**একটু ভাবো:**
+- "কম্পিউটারকে নির্দেশ দেওয়ার" ধারণাটা কি এখন তোমার কাছে স্পষ্ট?
+- এমন কোন কাজ আছে যা তুমি প্রোগ্রামিং দিয়ে স্বয়ংক্রিয় করতে চাও?
+- প্রোগ্রামিং নিয়ে এখন তোমার মাথায় কি প্রশ্ন জাগছে?
 
-> **মনে রাখো**: যদি কিছু ধারণা এখনো অস্পষ্ট মনে হয় তবে এটি একেবারে স্বাভাবিক। প্রোগ্রামিং শেখা নতুন ভাষা শেখার মতো – তোমার মস্তিষ্কের সেই নিউরাল পথগুলো তৈরি হতে সময় লাগে। তুমি দারুণ করছ!
+> **মনে রেখো:** কিছু ধারণা যদি এখন পরিচ্ছন্ন না মনে হয় তাতে চিন্তা করার কিছু নেই। প্রোগ্রামিং শেখা হল নতুন একটি ভাষা শেখার মতো—তোমার মস্তিষ্ককে নতুন রাস্তাগুলো তৈরি করতে সময় লাগে। তুমি অসাধারণ করছ!
 
-## প্রোগ্রামিং ভাষা বিভিন্ন ধরণের জাদুর মতো
+## প্রোগ্রামিং ভাষাসমূহ হলো বিভিন্ন ধরণের জাদুর স্বাদ
 
-ঠিক আছে, এটি অদ্ভুত শোনাতে পারে, কিন্তু আমার সাথে থাকো – প্রোগ্রামিং ভাষা অনেকটা বিভিন্ন ধরণের সঙ্গীতের মতো। ভাবো: তোমার কাছে জ্যাজ আছে, যা মসৃণ এবং স্বতঃস্ফূর্ত, রক যা শক্তিশালী এবং সরল, ক্লাসিকাল যা মার্জিত এবং গঠনমূলক, এবং হিপ-হপ যা সৃজনশীল এবং অভিব্যক্তিপূর্ণ। প্রতিটি শৈলীর নিজস্ব পরিবেশ, নিজস্ব উত্সাহী ভক্তদের সম্প্রদায় আছে, এবং প্রতিটি ভিন্ন মেজাজ এবং উপলক্ষের জন্য উপযুক্ত।
+ঠিক আছে, এটা অদ্ভুত শোনাতে পারে, কিন্তু আমার সাথে থাকো—প্রোগ্রামিং ভাষাগুলো অনেকটা বিভিন্ন ধরনের সঙ্গীতের মতো। ভাবো: তোমার কাছে আছে জাজ, যা মসৃণ ও ইমপ্রোভাইজেশনভিত্তিক, রক যা শক্তিশালী ও সরল, ক্লাসিক্যাল যা উজ্জ্বল ও গঠিত এবং হিপ-হপ যা সৃজনশীল ও প্রকাশ্য। প্রতিটি ধারার নিজস্ব ভেজ, পরিপাটি ফ্যানের সম্প্রদায় এবং প্রতিটি আলাদা মেজাজ ও উপলক্ষে যথার্থ।
 
-প্রোগ্রামিং ভাষাগুলো ঠিক একইভাবে কাজ করে! তুমি একটি মজার মোবাইল গেম তৈরি করতে যে ভাষা ব্যবহার করবে, তা দিয়ে বিশাল পরিমাণ জলবায়ু তথ্য বিশ্লেষণ করতে পারবে না, যেমন তুমি যোগব্যায়ামের ক্লাসে ডেথ মেটাল বাজাবে না (ঠিক আছে, বেশিরভাগ যোগব্যায়ামের ক্লাসে!)।
+প্রোগ্রামিং ভাষাসমূহ একই রকম কাজ করে! তুমি এমন এক ভাষা ব্যবহার করবে না যা খেলাধূলার একটি মোবাইল গেম বানাতে যা বিশাল পরিমাণ জলবায়ু তথ্য বিশ্লেষণ করার জন্য দরকার, যেমন তুমি যোগ ক্লাসে ডেথ মেটাল প্লে করবে না (ঠিক আছে, বেশিরভাগ যোগ ক্লাসে না! 😄)।
 
-তবে যা আমাকে প্রতিবারই অবাক করে তা হলো: এই ভাষাগুলো এমন এক ধৈর্যশীল, উজ্জ্বল অনুবাদক থাকার মতো যা তোমার পাশে বসে আছে। তুমি তোমার চিন্তাভাবনাগুলো এমনভাবে প্রকাশ করতে পারো যা তোমার মানব মস্তিষ্কের জন্য স্বাভাবিক মনে হয়, এবং তারা সেই জটিল কাজগুলো করে যা কম্পিউটার আসলে বোঝে। এটি এমন একজন বন্ধুর মতো যে "মানব সৃজনশীলতা" এবং "কম্পিউটার লজিক" উভয় ভাষায় পুরোপুরি দক্ষ – এবং তারা কখনো ক্লান্ত হয় না, কখনো কফি বিরতি নেয় না, এবং কখনো একই প্রশ্ন দুবার জিজ্ঞাসা করার জন্য তোমাকে বিচার করে না!
+কিন্তু যা আমাকে প্রতি বার মুগ্ধ করে ভাবলে: এই ভাষাগুলো হল একদম সবচেয়ে ধৈর্যশীল, মেধাবী দোভাষী তোমার পাশে বসে আছে। তুমি তোমার ভাবনা এমনভাবে প্রকাশ করতে পারো যা তোমার মানব মস্তিষ্কের জন্য স্বাভাবিক, আর তারা সমস্ত জটিল কাজ করে ১ ও ০ তে অনুবাদ করার যা কম্পিউটার বুঝে। এটা এমন একটি বন্ধুর মত, যিনি "মানব সৃজনশীলতা" এবং "কম্পিউটার যুক্তি" উভয় ভাষাতেই নিখুঁত পারদর্শী—তারা কখনো ক্লান্ত হয় না, কখনো কফি বিরতি দরকার হয় না, এবং তোমার একই প্রশ্ন বারবার করার জন্য কখনো বিচার করে না!
 
-### জনপ্রিয় প্রোগ্রামিং ভাষা এবং তাদের ব্যবহার
+### জনপ্রিয় প্রোগ্রামিং ভাষা এবং তাদের ব্যবহার
 
 ```mermaid
 mindmap
   root((Programming Languages))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Frontend Magic [ফ্রন্টএন্ড জাদু]
+        Interactive Websites [ইন্টারেক্টিভ ওয়েবসাইটস]
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Types [জাভাস্ক্রিপ্ট + টাইপস]
+        Enterprise Apps [এন্টারপ্রাইজ অ্যাপস]
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Data Science [ডেটা সায়েন্স]
+        Machine Learning [মেশিন লার্নিং]
+        Automation [স্বয়ংক্রিয়করণ]
       R
-        Statistics
-        Research
+        Statistics [পরিসংখ্যান]
+        Research [গবেষণা]
     Mobile Apps
       Java
-        Android
-        Enterprise
+        Android [অ্যান্ড্রয়েড]
+        Enterprise [এন্টারপ্রাইজ]
       Swift
         iOS
-        Apple Ecosystem
+        Apple Ecosystem [অ্যাপল ইকোসিস্টেম]
       Kotlin
-        Modern Android
-        Cross-platform
+        Modern Android [আধুনিক অ্যান্ড্রয়েড]
+        Cross-platform [ক্রস-প্ল্যাটফর্ম]
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        Games [গেমস]
+        Performance Critical [পারফরম্যান্স ক্রিটিক্যাল]
       Rust
-        Memory Safety
-        System Programming
+        Memory Safety [মেমরি সেফটি]
+        System Programming [সিস্টেম প্রোগ্রামিং]
       Go
-        Cloud Services
-        Scalable Backend
+        Cloud Services [ক্লাউড সার্ভিসেস]
+        Scalable Backend [স্কেলেবল ব্যাকএন্ড]
 ```
-
-| ভাষা | সেরা ব্যবহার | কেন এটি জনপ্রিয় |
-|------|--------------|------------------|
-| **জাভাস্ক্রিপ্ট** | ওয়েব ডেভেলপমেন্ট, ইউজার ইন্টারফেস | ব্রাউজারে চলে এবং ইন্টারঅ্যাকটিভ ওয়েবসাইট চালিত করে |
-| **পাইথন** | ডেটা সায়েন্স, অটোমেশন, AI | পড়তে এবং শিখতে সহজ, শক্তিশালী লাইব্রেরি |
-| **জাভা** | এন্টারপ্রাইজ অ্যাপ্লিকেশন, অ্যান্ড্রয়েড অ্যাপ | প্ল্যাটফর্ম-স্বাধীন, বড় সিস্টেমের জন্য শক্তিশালী |
-| **C#** | উইন্ডোজ অ্যাপ্লিকেশন, গেম ডেভেলপমেন্ট | শক্তিশালী মাইক্রোসফট ইকোসিস্টেম সাপোর্ট |
-| **Go** | ক্লাউড সার্ভিস, ব্যাকএন্ড সিস্টেম | দ্রুত, সহজ, আধুনিক কম্পিউটিংয়ের জন্য ডিজাইন করা |
+| ভাষা | সেরা ব্যবহার | কেন জনপ্রিয় |
+|----------|----------|------------------|
+| **JavaScript** | ওয়েব ডেভেলপমেন্ট, ব্যবহারকারী ইন্টারফেস | ব্রাউজারে চলে এবং ইন্টারঅ্যাকটিভ ওয়েবসাইট চালায় |
+| **Python** | ডেটা সায়েন্স, অটোমেশন, এআই | পড়তে ও শেখতে সহজ, শক্তিশালী লাইব্রেরি |
+| **Java** | এন্টারপ্রাইজ অ্যাপ্লিকেশন, অ্যান্ড্রয়েড অ্যাপ | প্ল্যাটফর্ম-স্বাধীন, বড় সিস্টেমের জন্য মজবুত |
+| **C#** | উইন্ডোজ অ্যাপ্লিকেশন, গেম ডেভেলপমেন্ট | শক্তিশালী মাইক্রোসফট ইকোসিস্টেম সমর্থন |
+| **Go** | ক্লাউড সার্ভিস, ব্যাক-এন্ড সিস্টেম | দ্রুত, সহজ, আধুনিক কম্পিউটিংয়ের জন্য ডিজাইন করা |
 
 ### উচ্চ-স্তরের বনাম নিম্ন-স্তরের ভাষা
 
-ঠিক আছে, এটি ছিল সেই ধারণা যা আমাকে প্রথমে বিভ্রান্ত করেছিল, তাই আমি সেই উপমা শেয়ার করতে যাচ্ছি যা অবশেষে আমার জন্য এটি পরিষ্কার করেছিল – এবং আমি সত্যিই আশা করি এটি তোমার জন্যও সাহায্য করবে!
+ঠিক আছে, এটা আসলেই এমন একটি ধারণা যা আমার মস্তিষ্ক ভেঙে দিয়েছিল যখন আমি প্রথম শিখছিলাম, তাই আমি সেই রূপকটি শেয়ার করব যা আমাকে শেষ পর্যন্ত বুঝতে সাহায্য করেছিল—আশা করি এটা তোমার জন্যও সাহায্য করবে!
 
-কল্পনা করো তুমি এমন একটি দেশে গিয়েছ যেখানে তুমি ভাষা জানো না, এবং তোমার খুব জরুরি প্রয়োজন কাছের বাথরুম খুঁজে বের করার (আমরা সবাই এই পরিস্থিতিতে পড়েছি, তাই না? 😅):
+ধরো তুমি এমন একটি দেশে যাচ্ছো যেখানে তুমি ভাষা বলতে পারো না, আর অবিলম্বে তোমার কাছে সবচেয়ে কাছের বাথরুম খুঁজে বের করতে হবে (আমরা সবাই সেখানে গিয়েছি, তাই না? 😅):
 
-- **নিম্ন-স্তরের প্রোগ্রামিং** হলো স্থানীয় ভাষা এত ভালোভাবে শেখা যে তুমি রাস্তার কোণে ফল বিক্রি করা বৃদ্ধার সাথে কথা বলতে পারো সাংস্কৃতিক রেফারেন্স, স্থানীয় স্ল্যাং এবং ভিতরের রসিকতা ব্যবহার করে যা শুধুমাত্র কেউ বুঝবে যে সেখানে বড় হয়েছে। খুবই চিত্তাকর্ষক এবং অত্যন্ত কার্যকর... যদি তুমি সাবলীল হও! কিন্তু যখন তুমি শুধু বাথরুম খুঁজতে চাও তখন এটি বেশ চাপের।
+- **নিম্ন-স্তরের প্রোগ্রামিং** এমন যেন তুমি স্থানীয় উপভাষাটি এতটাই ভালো শিখেছ যে তুমি সেই বুড়ি ঠাকুরমা সঙ্গে ফল বিক্রেতার সাথে বহু স্থানীয় রেফারেন্স, স্থানীয় ভাষা ও অভ্যন্তরীণ রসিকতা ব্যবহার করে আড্ডা মারতে পারো যা শুধু স্থানীয় মানুষই বুঝতে পারে। খুবই প্রভাবশালী ও কার্যকর... যদি তুমি সত্যিই সাবলীল হও! কিন্তু যখন তুমি শুধু বাথরুম খুঁজছ তখন সেটা বেশ জটিল।
 
-- **উচ্চ-স্তরের প্রোগ্রামিং** হলো সেই অসাধারণ স্থানীয় বন্ধুর মতো যে তোমাকে বুঝে। তুমি "আমি সত্যিই একটি বাথরুম খুঁজতে চাই" সাধারণ ইংরেজিতে বলতে পারো, এবং তারা সমস্ত সাংস্কৃতিক অনুবাদ পরিচালনা করে এবং তোমার অ-স্থানীয় মস্তিষ্কের জন্য অর্থবহভাবে দিকনির্দেশনা দেয়।
+- **উচ্চ-স্তরের প্রোগ্রামিং** হল সেই অসাধারন স্থানীয় বন্ধু যিনি তোমাকে বুঝে; তুমি সহজ ইংরেজিতে বলতে পারো "আমার বাথরুম খুঁজতে হবে," আর তারা সমস্ত সাংস্কৃতিক অনুবাদ করে এমন একটি পথ নির্দেশনা দেয় যা তোমার অজানা মস্তিষ্কেও একদম পরিষ্কার হয়।
 
-প্রোগ্রামিংয়ের ক্ষেত্রে:
-- **নিম্ন-স্তরের ভাষা** (যেমন Assembly বা C) তোমাকে কম্পিউটারের আসল হার্ডওয়্যারের সাথে অত্যন্ত বিস্তারিত কথোপকথন করতে দেয়, কিন্তু তোমাকে একটি মেশিনের মতো চিন্তা করতে হয়, যা... ঠিক আছে, এটি একটি বড় মানসিক পরিবর্তন!
-- **উচ্চ-স্তরের ভাষা** (যেমন JavaScript, Python, বা C#) তোমাকে একজন মানুষের মতো চিন্তা করতে দেয় যখন তারা সমস্ত মেশিন-স্পিক পরিচালনা করে। এছাড়া, তাদের এমন অবিশ্বাস্যভাবে স্বাগত জানানো সম্প্রদায় আছে যারা নতুন হওয়ার অভিজ্ঞতা মনে রাখে এবং সত্যিই সাহায্য করতে চায়!
+প্রোগ্রামিংয়ের ভাষায়:
+- **নিম্ন-স্তরের ভাষা** (যেমন এসেম্বলি বা সি) তোমাকে কম্পিউটারের আসল হার্ডওয়ারের সঙ্গে খুব বিস্তারিত কথোপকথন করতে দেয়, কিন্তু তোমাকে মেশিনের মত চিন্তা করতে হবে, যা বলতে গেলে একটি বড় মানসিক পরিবর্তন!
+- **উচ্চ-স্তরের ভাষা** (যেমন JavaScript, Python, অথবা C#) তোমাকে মানবের মত চিন্তা করতে দেয় এবং তারা পেছনে সব মেশিন-ভাষার কাজ করে দেয়। সাথে সাথে, এগুলোর এমন অসাধারণ মৈত্রীপূর্ণ সম্প্রদায় আছে যেটা তোমাকে মনে করিয়ে দেয় তারা যখন নতুন ছিল তখন তারা কেমন ছিল এবং তারা তোমাকে সাহায্য করতে চায়!
 
-তুমি অনুমান করতে পারো আমি কোনটি দিয়ে শুরু করার পরামর্শ দেব? 😉 উচ্চ-স্তরের ভাষা হলো এমন প্রশিক্ষণ চাকা যা তুমি কখনো খুলতে চাইবে না কারণ তারা পুরো অভিজ্ঞতাকে অনেক বেশি উপভোগ্য করে তোলে!
+তুমি ভাবছ কোথা থেকে শুরু করো? 😉 উচ্চ-স্তরের ভাষাগুলো হলো এমন প্রশিক্ষণ চাকা যা তুমি কখনই খুলে ফেলতে চাও না কারণ তারা পুরো অভিজ্ঞতাটাকে আরো উপভোগ্য করে তোলে!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 মানব চিন্তা:<br/>'আমি ফিবোনাচ্চি সংখ্যা গণনা করতে চাই'"] --> B{ভাষার স্তর নির্বাচন করুন}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|উচ্চ-স্তর| C["🌟 জাভাস্ক্রিপ্ট/পাইথন<br/>সহজে পড়া এবং লেখা যায়"]
+    B -->|নীচু-স্তর| D["⚙️ অ্যাসেমবলি/সি<br/>ডিরেক্ট হার্ডওয়্যার নিয়ন্ত্রণ"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 লিখুন: fibonacci(10)"]
+    D --> F["📝 লিখুন: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 কম্পিউটার বোঝা:<br/>অনুবাদক জটিলতা সামলায়"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 একই ফলাফল:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### কেন উচ্চ-স্তরের ভাষাগুলো এত বন্ধুতা পূর্ণ, আমি দেখাবো
 
-### কেন উচ্চ-স্তরের ভাষা এত বেশি বন্ধুত্বপূর্ণ তা আমি তোমাকে দেখাই
-
-ঠিক আছে, আমি তোমাকে এমন কিছু দেখাতে যাচ্ছি যা পুরোপুরি প্রদর্শন করে কেন আমি উচ্চ-স্তরের ভাষার প্রেমে পড়েছি, কিন্তু প্রথমে – আমি তোমার কাছ থেকে একটি প্রতিশ্রুতি চাই। যখন তুমি প্রথম কোড উদাহরণটি দেখবে, আতঙ্কিত হয়ো না! এটি ভয়ঙ্কর দেখানোর জন্যই তৈরি করা হয়েছে। এটাই আমি বোঝাতে চাইছি!
+ঠিক আছে, আমি তোমাকে কিছু দেখাতে যাচ্ছি যা দেখায় কেন আমি উচ্চ-স্তরের ভাষাগুলো ভালোবাসি, কিন্তু আগে—তুমি আমাকে একটা প্রতিশ্রুতি দাও। প্রথম কোড উদাহরণ দেখলে ভয় পেও না! এটা যথাযথরূপে একটু জটিল দেখাতে হবে। এজন্যই আমি এটা ধরিয়ে দিতে চাচ্ছি!
 
-আমরা একই কাজ দুটি সম্পূর্ণ ভিন্ন শৈলীতে লেখা দেখব। দুটিই তৈরি করে যাকে বলা হয় Fibonacci সিকোয়েন্স – এটি একটি সুন্দর গাণিতিক প্যাটার্ন যেখানে প্রতিটি সংখ্যা আগের দুটি সংখ্যার যোগফল: ০, ১, ১, ২, ৩, ৫, ৮, ১৩... (মজার তথ্য: তুমি এই প্যাটার্ন প্রকৃতির সর্বত্র খুঁজে পাবে – সূর্যমুখীর বীজের ঘূর্ণন, পাইনকোনের প্যাটার্ন, এমনকি গ্যালাক্সি গঠনের পদ্ধতিতে!)
+আমরা একই কাজ দুইটি সম্পূর্ণ ভিন্ন স্টাইলেই করব। দুইটাই ফিবোনাচ্চি সিকোয়েন্স তৈরি করবে – এটি একটি সুন্দর গণিত প্যাটার্ন যেখানে প্রতিটি সংখ্যা তার আগের দুটির যোগফল: ০, ১, ১, ২, ৩, ৫, ৮, ১৩... (মজার কথা: তুমি এই প্যাটার্ন প্রকৃতিতে সর্বত্র পাবে—সূর্যমুখীর বীজের সর্পিল, পাইনকন নিদর্শন, এমনকি গ্যালাক্সির গঠনেও!)
 
-তফাৎ দেখতে প্রস্তুত? চলো যাই!
+দেখতে প্রস্তুত? চলো যাই!
 
-**উচ্চ-স্তরের ভাষা (JavaScript) – মানব-বান্ধব:**
+**উচ্চ-স্তরের ভাষা (JavaScript) – মানুষের জন্য সহজ:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// ধাপ ১: মৌলিক ফিবোনাচ্চি সেটআপ
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**এই কোডটি যা করে:**
-- **ঘোষণা করে** একটি কনস্ট্যান্ট যা নির্ধারণ করে আমরা কত Fibonacci সংখ্যা তৈরি করতে চাই
-- **প্রাথমিকভাবে সেট করে** দুটি ভ্যারিয়েবল যা সিকোয়েন্সের বর্তমান এবং পরবর্তী সংখ্যাগুলো ট্র্যাক করে
-- **শুরু করে** Fibonacci প্যাটার্ন নির্ধারণকারী প্রাথমিক মান (০ এবং ১)
-- **প্রদর্শন করে** একটি হেডার বার্তা যা আমাদের আউটপুট চিহ্নিত করে
+**এই কোডটি যা করে তা হলো:**
+- **একটি ধ্রুবক ঘোষণা** করে আমাদের কত সংখ্যক ফিবোনাচ্চি সংখ্যা দরকার তা নির্ধারণ করে
+- **দুটি ভেরিয়েবল শুরু** করে যা সিকোয়েন্সের বর্তমান ও পরবর্তী সংখ্যা ট্র্যাক করে
+- **শুরুতে মান সেট** করে (০ ও ১) যেগুলো ফিবোনাচ্চি প্যাটার্ন সংজ্ঞায়িত করে
+- **একটি শিরোনাম বার্তা প্রদর্শিত করে** আমাদের আউটপুটের পরিচয় হিসাবে
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// ধাপ ২: একটি লুপ দিয়ে সিকোয়েন্স তৈরি করুন
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // সিকোয়েন্সে পরবর্তী সংখ্যা গণনা করুন
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**এখানে যা ঘটে তা ভেঙে দেখা:**
-- **লুপ করে** সিকোয়েন্সের প্রতিটি অবস্থান একটি `for` লুপ ব্যবহার করে
-- **প্রদর্শন করে** প্রতিটি সংখ্যা তার অবস্থানসহ টেমপ্লেট লিটারাল ফরম্যাটিং ব্যবহার করে
-- **গণনা করে** পরবর্তী Fibonacci সংখ্যা বর্তমান এবং পরবর্তী মান যোগ করে
-- **আপডেট করে** আমাদের ট্র্যাকিং ভ্যারিয়েবলগুলো পরবর্তী ইটারেশনে যাওয়ার জন্য
+**দেখো এখানে কী হচ্ছে:**
+- **`for` লুপের মাধ্যমে** সিকোয়েন্সের প্রতিটি অবস্থানে ঘুরে
+- **প্রতিটি সংখ্যা তার অবস্থানসহ** টেমপ্লেট লিটারাল ফর্ম্যাটিং দিয়ে দেখায়
+- **পরবর্তী ফিবোনাচ্চি সংখ্যা হিসেব করে** বর্তমান ও পরবর্তী মান যোগ করে
+- **আমাদের ট্র্যাকিং ভেরিয়েবল আপডেট করে** পরবর্তী ধাপে যাওয়ার জন্য
 
 ```javascript
-// Step 3: Modern functional approach
+// ধাপ ৩: আধুনিক কার্যকরী পদ্ধতি
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,129 +219,166 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// ব্যবহারের উদাহরণ
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**উপরের কোডে
-- **মন্তব্য**: উচ্চ-স্তরের প্রোগ্রামিং ভাষা ব্যাখ্যামূলক মন্তব্যকে উৎসাহিত করে যা কোডকে স্বয়ং-দলিলীকরণ করে তোলে।
-- **গঠন**: জাভাস্ক্রিপ্টের যৌক্তিক প্রবাহ মানুষের সমস্যাগুলি ধাপে ধাপে চিন্তা করার পদ্ধতির সাথে মিলে যায়।
-- **রক্ষণাবেক্ষণ**: বিভিন্ন প্রয়োজনের জন্য জাভাস্ক্রিপ্ট সংস্করণ আপডেট করা সহজ এবং পরিষ্কার।
+**উপরের কোডে আমরা:**
+- **মডার্ন অ্যারো ফাংশন সিনট্যাক্স দিয়ে** একটি পুনঃব্যবহারযোগ্য ফাংশন তৈরি করেছি
+- **একটি অ্যারে তৈরি করেছি** পুরো সিকোয়েন্স সংরক্ষণ করার জন্য, একে একে প্রদর্শনের পরিবর্তে
+- **অ্যারে ইনডেক্স ব্যবহার করেছি** প্রতিটি নতুন সংখ্যা পূর্বের মান থেকে হিসাব করার জন্য
+- **সম্পূর্ণ সিকোয়েন্স রিটার্ন করেছি** যাতে প্রোগ্রামের অন্যান্য অংশেও ব্যবহারযোগ্য হয়
+
+**নিম্ন-স্তরের ভাষা (ARM Assembly) – কম্পিউটারের জন্য বন্ধুত্বপূর্ণ:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+দেখবে কিভাবে JavaScript সংস্করণটি ইংরেজি নির্দেশনার মতো পড়ে, যখন Assembly সংস্করণটি রহস্যময় কমান্ড ব্যবহার করে সরাসরি কম্পিউটারের প্রসেসর নিয়ন্ত্রণ করে। দুটোই একই কাজ সম্পন্ন করে, কিন্তু উচ্চ-স্তরের ভাষাটি মানুষের জন্য অনেক সহজ বোঝা, লেখা এবং রক্ষণাবেক্ষণের।
+
+**মুখ্য পার্থক্য যা তুমি লক্ষ্য করবে:**
+- **পঠনযোগ্যতা**: JavaScript বর্ণনামূলক নাম যেমন `fibonacciCount` ব্যবহার করে, যেখানে Assembly রহস্যময় লেবেল যেমন `r0`, `r1` ব্যবহার করে  
+- **মন্তব্য**: উচ্চ-স্তরের ভাষাগুলো ব্যাখ্যামূলক মন্তব্যকে উৎসাহিত করে যা কোডকে স্ব-মূল্যায়নযোগ্য করে তোলে  
+- **গঠন**: JavaScript এর যৌক্তিক প্রবাহ মানুষের সমস্যাগুলো ধাপে ধাপে চিন্তার সাথে মিলে যায়  
+- **রক্ষণাবেক্ষণ**: বিভিন্ন চাহিদার জন্য JavaScript সংস্করণ আপডেট করা সরল এবং স্পষ্ট  
+
+✅ **ফিবনাচ্চি ধারাবাহিক সম্পর্কে**: এই অত্যন্ত মনোরম সংখ্যার প্যাটার্ন (যেখানে প্রতিটি সংখ্যা তার পূর্বের দুই সংখ্যার যোগফল: 0, 1, 1, 2, 3, 5, 8...) প্রকৃতিতে *সর্বত্রই* দেখা যায়! আপনি এটি সূর্যমুখী ফুলের স্পাইরাল, পাইনকোনের প্যাটার্ন, নটিলাস শেল কিভাবে বাঁক নেয় এবং এমনকি গাছের শাখাগুলোর বৃদ্ধিতেও খুঁজে পাবেন। এটি অত্যন্ত বিস্ময়কর কিভাবে গণিত এবং কোড আমাদের প্রাকৃতিক সুন্দরতা তৈরি করতে ব্যবহৃত প্যাটার্নগুলো বোঝাতে এবং পুনরায় তৈরি করতে সহায়তা করে!  
 
-✅ **ফিবোনাচি সিকোয়েন্স সম্পর্কে**: এই অসাধারণ সুন্দর সংখ্যার প্যাটার্ন (যেখানে প্রতিটি সংখ্যা আগের দুটি সংখ্যার যোগফল: ০, ১, ১, ২, ৩, ৫, ৮...) প্রকৃতিতে প্রায় *প্রতিটি জায়গায়* দেখা যায়! আপনি এটি সূর্যমুখীর ঘূর্ণনে, পাইনকোনের প্যাটার্নে, নটিলাস শেলের বাঁকানো আকৃতিতে, এমনকি গাছের শাখাগুলির বৃদ্ধির পদ্ধতিতেও দেখতে পাবেন। এটা সত্যিই অবিশ্বাস্য যে গণিত এবং কোড আমাদের প্রকৃতির সৌন্দর্য তৈরির প্যাটার্নগুলি বুঝতে এবং পুনরায় তৈরি করতে সাহায্য করতে পারে!
 
-## সেই ভিত্তি যা জাদু তৈরি করে
+## যেসব মৌলিক উপাদান ম্যাজিক তৈরি করে
 
-ঠিক আছে, এখন আপনি প্রোগ্রামিং ভাষাগুলি কীভাবে কাজ করে তা দেখেছেন, আসুন সেই মৌলিক অংশগুলি ভেঙে দেখি যা প্রায় প্রতিটি প্রোগ্রামের ভিত্তি। এগুলিকে আপনার প্রিয় রেসিপির প্রয়োজনীয় উপাদান হিসাবে ভাবুন – একবার আপনি বুঝতে পারবেন প্রতিটি কী করে, আপনি প্রায় যেকোনো ভাষায় কোড পড়তে এবং লিখতে পারবেন!
+ঠিক আছে, এখন যেহেতু আপনি প্রোগ্রামিং ভাষাগুলো কর্মরত অবস্থায় দেখেছেন, চলুন সেই মৌলিক উপাদানগুলো ভাঙা যাক যা লিখিত প্রতিটি প্রোগ্রামের ভিত্তি তৈরি করে। এগুলোকে ভাবুন আপনার প্রিয় রেসিপির অপরিহার্য উপাদান হিসেবে – একবার আপনি প্রতিটির কাজ বুঝে গেলে, আপনি প্রায় যেকোনো ভাষায় কোড পড়তে এবং লিখতে সক্ষম হবেন!
 
-এটি প্রোগ্রামিংয়ের ব্যাকরণ শেখার মতো। মনে আছে স্কুলে যখন আপনি নাম, ক্রিয়া এবং বাক্য গঠনের নিয়ম শিখেছিলেন? প্রোগ্রামিংয়ের নিজস্ব ব্যাকরণ রয়েছে, এবং সত্যি বলতে, এটি ইংরেজি ব্যাকরণের চেয়ে অনেক বেশি যৌক্তিক এবং ক্ষমাশীল! 😄
+এটি প্রোগ্রামিং ব্যাকরণ শিখার মতো। স্কুলে আপনি যখন noun, verb এবং বাক্য গঠনের নিয়ম শিখেছিলেন মনে আছে? প্রোগ্রামিং এরও নিজের ব্যাকরণ আছে, এবং সত্যি বলতে তা ইংরেজি ব্যাকরণ থেকে অনেক বেশি যৌক্তিক এবং সহিষ্ণু! 😄
 
-### স্টেটমেন্ট: ধাপে ধাপে নির্দেশনা
+### বাক্য: ধাপে ধাপে নির্দেশনা
 
-চলুন **স্টেটমেন্ট** দিয়ে শুরু করি – এগুলি আপনার কম্পিউটারের সাথে কথোপকথনের পৃথক বাক্যের মতো। প্রতিটি স্টেটমেন্ট কম্পিউটারকে একটি নির্দিষ্ট কাজ করতে বলে, ঠিক যেমন নির্দেশ দেওয়া: "এখানে বাঁ দিকে ঘুরুন," "লাল আলোতে থামুন," "ওই জায়গায় পার্ক করুন।"
+আসুন শুরু করি **বাক্য** দিয়ে – এগুলো হলো আপনার কম্পিউটারের সাথে কথোপকথনের একক বাক্য। প্রতিটি বাক্য কম্পিউটারকে একটি নির্দিষ্ট কাজ করতে বলে, ঠিক যেমন দিকনির্দেশ দেয়া: "এখানে বামদিকে ঘুরুন," "লাল আলোয় থেমে যান," "ওখানে গাড়ি দাঁড় করান।"
 
-স্টেটমেন্টের ব্যাপারে আমি যা পছন্দ করি তা হল এগুলি সাধারণত কতটা পড়ার যোগ্য। এটি দেখুন:
+বাক্যগুলো সাধারণত পড়তে কতটা সহজ তা আমি খুবই পছন্দ করি। দেখে নিন:
 
 ```javascript
-// Basic statements that perform single actions
+// মৌলিক বিবৃতি যা একক ক্রিয়া সম্পাদন করে
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**এই কোডটি যা করে:**
-- **ঘোষণা** করে একটি কনস্ট্যান্ট ভেরিয়েবল ব্যবহারকারীর নাম সংরক্ষণ করতে
-- **প্রদর্শন** করে একটি অভিবাদন বার্তা কনসোল আউটপুটে
-- **গণনা** করে এবং একটি গাণিতিক অপারেশনের ফলাফল সংরক্ষণ করে
+  
+**এই কোডটি যা করে:**  
+- একটি ধ্রুবক ভেরিয়েবল ঘোষণা করে যা ব্যবহারকারীর নাম সংরক্ষণ করে  
+- কনসোলে স্বাগতম বার্তা প্রদর্শন করে  
+- একটি গাণিতিক অপারেশনের ফলাফল গণনা করে সংরক্ষণ করে  
 
 ```javascript
-// Statements that interact with web pages
+// যে বিবৃতিগুলি ওয়েব পৃষ্ঠাগুলির সাথে যোগাযোগ করে
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-
-**ধাপে ধাপে যা ঘটছে:**
-- **পরিবর্তন** করে ব্রাউজার ট্যাবে প্রদর্শিত ওয়েবপেজের শিরোনাম
-- **পরিবর্তন** করে পুরো পৃষ্ঠার ব্যাকগ্রাউন্ড রঙ
+  
+**ধাপে ধাপে, যা হচ্ছে:**  
+- ব্রাউজার ট্যাবে প্রদর্শিত ওয়েবপেজের শিরোনাম পরিবর্তন করে  
+- পুরো পৃষ্ঠা বডির ব্যাকগ্রাউন্ড রঙ পরিবর্তন করে  
 
 ### ভেরিয়েবল: আপনার প্রোগ্রামের মেমোরি সিস্টেম
 
-ঠিক আছে, **ভেরিয়েবল** সত্যিই আমার শেখানোর প্রিয় ধারণাগুলির মধ্যে একটি কারণ এগুলি এমন জিনিসের মতো যা আপনি প্রতিদিন ব্যবহার করেন!
+ঠিক আছে, **ভেরিয়েবল** সত্যি বলতে আমার সবচেয়ে প্রিয় ধারণাগুলোর একটি কারণ এগুলো প্রতিদিন আপনি যা ব্যবহার করেন তার মতোই!
 
-আপনার ফোনের কন্টাক্ট লিস্টের কথা ভাবুন। আপনি সবার ফোন নম্বর মুখস্থ করেন না – বরং "মা," "সেরা বন্ধু," বা "পিজ্জা প্লেস যা রাত ২টা পর্যন্ত ডেলিভারি দেয়" সংরক্ষণ করেন এবং আপনার ফোন আসল নম্বরগুলি মনে রাখে। ভেরিয়েবল ঠিক একইভাবে কাজ করে! এগুলি লেবেলযুক্ত কন্টেইনারের মতো যেখানে আপনার প্রোগ্রাম তথ্য সংরক্ষণ করতে পারে এবং পরে একটি অর্থপূর্ণ নাম ব্যবহার করে তা পুনরুদ্ধার করতে পারে।
+আপনার ফোনের কন্টাক্ট তালিকা ভাবুন একটু। আপনি প্রত্যেকের ফোন নম্বর মুখস্থ করেন না – পরিবর্তে “মা,” “সেরা বন্ধু,” অথবা “পিজ্জা ডেলিভারি যা রাত ২টা পর্যন্ত” সংরক্ষণ করেন এবং আপনার ফোন সত্যিকার নম্বরগুলো মনে রাখে। ভেরিয়েবলগুলো একই রকম! এগুলো লেবেলযুক্ত পাত্রের মতো যেখানে আপনার প্রোগ্রাম তথ্য সংরক্ষণ করে এবং পরে বোঝান যায় এমন নাম ব্যবহার করে ফেরত আনে।
 
-এখানে যা সত্যিই চমৎকার: আপনার প্রোগ্রাম চলার সময় ভেরিয়েবল পরিবর্তিত হতে পারে (তাই নাম "ভেরিয়েবল" – দেখুন তারা কী করেছে?)। যেমন আপনি হয়তো সেই পিজ্জা প্লেসের কন্টাক্ট আপডেট করবেন যখন আপনি আরও ভালো কোনো জায়গা খুঁজে পাবেন, তেমনি ভেরিয়েবলও নতুন তথ্য শিখলে বা পরিস্থিতি পরিবর্তিত হলে আপডেট হতে পারে!
+একটি অসাধারণ জিনিস হলো: আপনার প্রোগ্রাম চলাকালীন ভেরিয়েবল পরিবর্তিত হতে পারে (এজন্যে নামটা “variable” – দেখুন কী সুন্দর)। যেমন আপনি পিজ্জা ডেলিভারি লিস্ট আপডেট করতে পারেন যখন আরও ভাল কিছু খুঁজে পান, ভেরিয়েবলগুলোও প্রোগ্রাম শিখতে থাকলে বা পরিস্থিতি পরিবর্তিত হলে আপডেট হতে পারে!
 
-আমি আপনাকে দেখাই এটি কতটা সুন্দর এবং সহজ হতে পারে:
+চলুন দেখাই কিভাবে এটা সুন্দর ও সহজ:
 
 ```javascript
-// Step 1: Creating basic variables
+// ধাপ ১: মৌলিক ভেরিয়েবল তৈরি করা
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**এই ধারণাগুলি বোঝা:**
-- **সংরক্ষণ** করুন অপরিবর্তনীয় মান `const` ভেরিয়েবলে (যেমন সাইটের নাম)
-- **ব্যবহার** করুন `let` মানগুলির জন্য যা আপনার প্রোগ্রামে পরিবর্তিত হতে পারে
-- **অ্যাসাইন** করুন বিভিন্ন ডেটা টাইপ: স্ট্রিং (টেক্সট), সংখ্যা এবং বুলিয়ান (সত্য/মিথ্যা)
-- **নির্বাচন** করুন বর্ণনামূলক নাম যা প্রতিটি ভেরিয়েবল কী ধারণ করে তা ব্যাখ্যা করে
+  
+**এই ধারণাগুলো বোঝা:**  
+- ধ্রুবক মান `const` এ সংরক্ষণ করুন (যেমন সাইটের নাম)  
+- এমন মানের জন্য `let` ব্যবহার করুন যা প্রোগ্রামের মধ্যে পরিবর্তিত হতে পারে  
+- বিভিন্ন ডাটা টাইপ বরাদ্দ করুন: স্ট্রিং (টেক্সট), সংখ্যা, বুলিয়ান (সত্য/মিথ্যা)  
+- বর্ণনামূলক নাম দিন যা প্রতিটি ভেরিয়েবলের বিষয় বুঝায়  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// ধাপ ২: সংশ্লিষ্ট ডেটা গ্রুপ করার জন্য অবজেক্ট নিয়ে কাজ করা
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**উপরের কোডে আমরা:**
-- **তৈরি** করেছি একটি অবজেক্ট যা সম্পর্কিত আবহাওয়ার তথ্য একত্রিত করে
-- **সংগঠিত** করেছি একাধিক তথ্য এক ভেরিয়েবল নামের অধীনে
-- **ব্যবহার** করেছি কী-ভ্যালু পেয়ার প্রতিটি তথ্য স্পষ্টভাবে লেবেল করতে
+  
+**উপরের কোডে আমরা:**  
+- সম্পর্কিত আবহাওয়ার তথ্য একত্রিত করতে একটি অবজেক্ট তৈরি করেছি  
+- একাধিক তথ্য একটি ভেরিয়েবল নামের অধীনে সংগঠিত করেছি  
+- প্রতিটি তথ্য স্পষ্ট করার জন্য কী-ভ্যালু জোড়া ব্যবহার করেছি  
 
 ```javascript
-// Step 3: Using and updating variables
+// ধাপ ৩: পরিবর্তনশীল ব্যবহার এবং আপডেট করা
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// পরিবর্তনশীল পরিবর্তনশীল আপডেট করা
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**প্রতিটি অংশ বুঝি:**
-- **প্রদর্শন** করি তথ্য টেমপ্লেট লিটারাল ব্যবহার করে `${}` সিনট্যাক্সে
-- **অ্যাক্সেস** করি অবজেক্ট প্রপার্টি ডট নোটেশন (`weatherData.windSpeed`) ব্যবহার করে
-- **আপডেট** করি `let` দিয়ে ঘোষিত ভেরিয়েবল পরিবর্তিত পরিস্থিতি প্রতিফলিত করতে
-- **সংযুক্ত** করি একাধিক ভেরিয়েবল অর্থপূর্ণ বার্তা তৈরি করতে
+  
+**প্রত্যেক অংশ বোঝা যাক:**  
+- `${}` সিনট্যাক্স ব্যবহার করে টেমপ্লেট লিটারাল দিয়ে তথ্য প্রদর্শন  
+- অবজেক্টের প্রপার্টি ডট নোটেশন (`weatherData.windSpeed`) দিয়ে অ্যাক্সেস করা  
+- `let` দিয়ে ঘোষিত ভেরিয়েবলগুলো আপডেট করা যাতে পরিবর্তনশীল অবস্থা প্রতিফলিত হয়  
+- অর্থবহ বার্তা তৈরির জন্য একাধিক ভেরিয়েবল একত্রিত করা  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// ধাপ ৪: পরিষ্কার কোডের জন্য আধুনিক ডেসট্রাকচারিং
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**আপনাকে যা জানতে হবে:**  
+- ডেসট্রাকচারিং অ্যাসাইনমেন্ট ব্যবহার করে অবজেক্ট থেকে নির্দিষ্ট প্রপার্টি বের করা  
+- অবজেক্ট কী এর সাথে একই নামের নতুন ভেরিয়েবল তৈরি করা  
+- ডট নোটেশন বারবার ব্যবহার থেকে কোড সরল করা  
 
-**আপনার যা জানা দরকার:**
-- **এক্সট্র্যাক্ট** করি নির্দিষ্ট প্রপার্টি অবজেক্ট থেকে ডেস্ট্রাকচারিং অ্যাসাইনমেন্ট ব্যবহার করে
-- **তৈরি** করি নতুন ভেরিয়েবল যা অবজেক্ট কী-এর মতো নাম ধারণ করে
-- **সরলীকরণ** করি কোড পুনরাবৃত্তি ডট নোটেশন এড়িয়ে
-
-### কন্ট্রোল ফ্লো: আপনার প্রোগ্রামকে চিন্তা করতে শেখানো
+### কন্ট্রোল ফ্লো: আপনার প্রোগ্রামকে চিন্তা শেখানো
 
-ঠিক আছে, এখানেই প্রোগ্রামিং সত্যিই অবিশ্বাস্য হয়ে ওঠে! **কন্ট্রোল ফ্লো** মূলত আপনার প্রোগ্রামকে স্মার্ট সিদ্ধান্ত নিতে শেখানো, ঠিক যেমন আপনি প্রতিদিন করেন।
+ঠিক আছে, এটা সেই জায়গা যেখানে প্রোগ্রামিং সত্যিই অবিশ্বাস্য হয়ে ওঠে! **কন্ট্রোল ফ্লো** হলো আপনার প্রোগ্রামকে বুদ্ধিমত্তার সাথে সিদ্ধান্ত নিতে শেখানো, ঠিক যেমন আপনি প্রতিদিন বিনা চিন্তায় করেন।
 
-ভাবুন: আজ সকালে আপনি সম্ভবত এমন কিছু ভেবেছেন, "যদি বৃষ্টি হয়, আমি ছাতা নিয়ে যাব। যদি ঠান্ডা লাগে, আমি জ্যাকেট পরব। যদি দেরি হয়, আমি নাশতা বাদ দিয়ে পথে কফি কিনব।" আপনার মস্তিষ্ক স্বাভাবিকভাবে এই if-then যুক্তি প্রতিদিন অসংখ্যবার অনুসরণ করে!
+ভাবুন: আজ সকালে হয়তো আপনি এমন কিছু করেন “যদি বৃষ্টি হয়, আমি ছাতা নেব। যদি ঠান্ডা হয়, জ্যাকেট পড়ব। দেরি হলে নাস্তা বাদ দিয়ে পথে কফি নেব।” আপনার মস্তিষ্ক স্বাভাবিকভাবেই এই if-then লজিক দশোবার অনুসরণ করে প্রতিদিন!
 
-এটি প্রোগ্রামগুলিকে বুদ্ধিমান এবং জীবন্ত মনে করে তোলে, শুধু কিছু বিরক্তিকর, পূর্বনির্ধারিত স্ক্রিপ্ট অনুসরণ করার পরিবর্তে। তারা আসলে একটি পরিস্থিতি দেখতে পারে, কী ঘটছে তা মূল্যায়ন করতে পারে এবং উপযুক্তভাবে প্রতিক্রিয়া জানাতে পারে। এটি আপনার প্রোগ্রামকে একটি মস্তিষ্ক দেওয়ার মতো যা মানিয়ে নিতে এবং সিদ্ধান্ত নিতে পারে!
+এটাই প্রোগ্রামগুলোকে বুদ্ধিমান এবং জীবন্ত করে তোলে, শুধু একটি একঘেয়েমি স্ক্রিপ্ট অনুসরণ করার বদলে। তারা একটি পরিস্থিতি দেখতে পারে, মূল্যায়ন করতে পারে এবং যথোপযুক্ত প্রতিক্রিয়া দিতে পারে। এটা আপনার প্রোগ্রামকে এমন মস্তিষ্ক দেওয়ার মত যা মানিয়ে নিতে এবং সিদ্ধান্ত নিতে পারে!
 
-দেখতে চান এটি কীভাবে সুন্দরভাবে কাজ করে? আমি আপনাকে দেখাই:
+দেখতে চান এটা কতটা সুন্দর কাজ করে? দেখুন:
 
 ```javascript
-// Step 1: Basic conditional logic
+// ধাপ ১: মৌলিক শর্তাধীন লজিক
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -353,15 +388,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**এই কোডটি যা করে:**
-- **পরীক্ষা** করে ব্যবহারকারীর বয়স ভোট দেওয়ার যোগ্যতা পূরণ করে কিনা
-- **সম্পাদন** করে বিভিন্ন কোড ব্লক শর্তের ফলাফলের উপর ভিত্তি করে
-- **গণনা** করে এবং প্রদর্শন করে ভোট দেওয়ার যোগ্যতা অর্জনের জন্য কত সময় বাকি
-- **প্রদান** করে প্রতিটি পরিস্থিতির জন্য নির্দিষ্ট, সহায়ক প্রতিক্রিয়া
+  
+**এই কোড যা করে:**  
+- ব্যবহারকারীর বয়স ভোটাধিকারের যোগ্যতা মেযা করে  
+- শর্ত অনুসারে বিভিন্ন কোড ব্লক চালায়  
+- যদি ১৮ এর নিচে হয় ভোটাধিকারের যোগ্য হওয়ার অবশিষ্ট সময় হিসাব করে দেখায়  
+- প্রতিটি পরিস্থিতির জন্য নির্দিষ্ট, সহায়ক ফিডব্যাক দেয়  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// ধাপ ২: লজিক্যাল অপারেটর সহ একাধিক শর্ত্‌গুলি
 const userAge = 17;
 const hasPermission = true;
 
@@ -373,26 +408,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**এখানে যা ঘটছে তা বিশ্লেষণ:**
-- **সংযুক্ত** করি একাধিক শর্ত `&&` (এবং) অপারেটর ব্যবহার করে
-- **তৈরি** করি শর্তগুলির একটি শ্রেণিবিন্যাস `else if` ব্যবহার করে একাধিক পরিস্থিতির জন্য
-- **হ্যান্ডেল** করি সমস্ত সম্ভাব্য কেস একটি চূড়ান্ত `else` স্টেটমেন্ট দিয়ে
-- **প্রদান** করি স্পষ্ট, কার্যকর প্রতিক্রিয়া প্রতিটি ভিন্ন পরিস্থিতির জন্য
+  
+**এখানে যা ঘটছে:**  
+- `&&` (এবং) অপারেটর ব্যবহার করে একাধিক শর্ত যুক্ত করা  
+- একাধিক পরিস্থিতির জন্য `else if` ব্যবহার করে শর্তের সজ্জা তৈরি করা  
+- সর্বশেষে `else` ব্যবহার করে সব সম্ভাব্য ক্ষেত্র পরিচালনা করা  
+- প্রতিটি ভিন্ন পরিস্থিতির জন্য স্পষ্ট এবং কার্যকর ফিডব্যাক প্রদান করা  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// ধাপ ৩: টার্নারি অপারেটর দিয়ে সংক্ষিপ্ত শর্তীয় বিবৃতি
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**আপনার মনে রাখা উচিত:**
-- **ব্যবহার** করুন টার্নারি অপারেটর (`? :`) সহজ দুই-বিকল্প শর্তের জন্য
-- **লিখুন** শর্ত প্রথমে, তারপরে `?`, তারপর সত্য ফলাফল, তারপর `:`, তারপর মিথ্যা ফলাফল
-- **প্রয়োগ** করুন এই প্যাটার্ন যখন শর্তের উপর ভিত্তি করে মান অ্যাসাইন করতে হবে
+  
+**মনে রাখার জন্য:**  
+- সহজ দুই-অপশন শর্তের জন্য টার্নারি অপারেটর (`? :`) ব্যবহার করুন  
+- প্রথমে শর্ত লিখুন, তারপর `?`, তারপর সত্য ফলাফল, তারপর `:`, তারপর মিথ্যা ফলাফল  
+- যখন শর্ত অনুসারে মান বরাদ্দ করতে হয় এই প্যাটার্ন ব্যবহার করুন  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// ধাপ ৪: একাধিক নির্দিষ্ট ক্ষেত্রে পরিচালনা করা
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -411,58 +446,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**এই কোড যা করে:**  
+- ভেরিয়েবল মান একাধিক নির্দিষ্ট কেসের সাথে মেলে কিনা পরীক্ষা করে  
+- সমমনোনীত কেসগুলো একত্রিত করে (সাপ্তাহিক দিনের জন্য এবং উইকএন্ডের জন্য)  
+- মিলে গেলে উপযুক্ত কোড ব্লক চালায়  
+- অপ্রত্যাশিত মানের জন্য একটি `default` কেস অন্তর্ভুক্ত করে  
+- পরবর্তী কেসে যাওয়া আটকাতে `break` স্টেটমেন্ট ব্যবহার করে  
 
-**এই কোডটি যা অর্জন করে:**
-- **মিল** করে ভেরিয়েবল মান একাধিক নির্দিষ্ট কেসের সাথে
-- **গ্রুপ** করে অনুরূপ কেস একসাথে (সপ্তাহের দিন বনাম সপ্তাহান্ত)
-- **সম্পাদন** করে উপযুক্ত কোড ব্লক যখন একটি মিল পাওয়া যায়
-- **অন্তর্ভুক্ত** করে একটি `default` কেস অপ্রত্যাশিত মানগুলি হ্যান্ডেল করতে
-- **ব্যবহার** করে `break` স্টেটমেন্ট পরবর্তী কেসে কোড চালিয়ে যাওয়া বন্ধ করতে
-
-> 💡 **বাস্তব জীবনের উদাহরণ**: কন্ট্রোল ফ্লোকে ভাবুন বিশ্বের সবচেয়ে ধৈর্যশীল জিপিএসের মতো যা আপনাকে নির্দেশনা দেয়। এটি বলতে পারে "যদি মেইন স্ট্রিটে ট্রাফিক থাকে, তাহলে হাইওয়ে নিন। যদি হাইওয়েতে নির্মাণ কাজ চলতে থাকে, তাহলে সুন্দর রাস্তা ধরুন।" প্রোগ্রামগুলি ঠিক একই ধরনের শর্তযুক্ত যুক্তি ব্যবহার করে বিভিন্ন পরিস্থিতিতে বুদ্ধিমত্তার সাথে প্রতিক্রিয়া জানাতে এবং ব্যবহারকারীদের সর্বোত্তম অভিজ্ঞতা দিতে।
+> 💡 **বাস্তব জীবনের উপমা**: কন্ট্রোল ফ্লোকে ভাবুন সবচেয়ে ধৈর্যশীল GPS এর দিকনির্দেশনার মতো। এটি বলতে পারে “যদি মেইন স্ট্রিটে ট্রাফিক থাকে, তাহলে হাইওয়ে নাও। যদি হাইওয়ে নির্মাণে বন্ধ থাকে, তাহলে দৃশ্যমান রুট নাও।” প্রোগ্রামগুলো এই একই ধরণের শর্তাদি লজিক ব্যবহার করে বুদ্ধিমত্তার সাথে বিভিন্ন পরিস্থিতিতে সাড়া দেয় এবং সবসময় ব্যবহারকারীদের জন্য সেরা অভিজ্ঞতা দেয়।
 
-### 🎯 **ধারণা যাচাই: ভিত্তি আয়ত্ত করা**
+### 🎯 **ধারণা যাচাই: মৌলিক উপাদান দক্ষতা**
 
-**চলুন দেখি আপনি মৌলিক বিষয়গুলি নিয়ে কেমন করছেন:**
-- আপনি কি নিজের ভাষায় একটি ভেরিয়েবল এবং একটি স্টেটমেন্টের মধ্যে পার্থক্য ব্যাখ্যা করতে পারেন?
-- এমন একটি বাস্তব জীবনের পরিস্থিতি ভাবুন যেখানে আপনি একটি if-then সিদ্ধান্ত ব্যবহার করবেন (যেমন আমাদের ভোট দেওয়ার উদাহরণ)
-- প্রোগ্রামিং যুক্তি সম্পর্কে এমন একটি বিষয় কী যা আপনাকে অবাক করেছে?
+**চলুন দেখি আপনি মৌলিক বিষয়গুলো কতটা বুঝতে পেরেছেন:**  
+- আপনি কি নিজের ভাষায় ভেরিয়েবল এবং বাক্যের পার্থক্য ব্যাখ্যা করতে পারেন?  
+- একটি বাস্তব জীবনের উদাহরণ ভাবুন যেখানে if-then সিদ্ধান্ত ব্যবহার করবেন (যেমন আমাদের ভোটাধিকারের উদাহরণ)  
+- প্রোগ্রামিং যুক্তির কোন একটি বিষয় যা আপনাকে অবাক করেছে?  
 
-**দ্রুত আত্মবিশ্বাস বাড়ানোর টিপস:**
+**দ্রুত আত্মবিশ্বাস বৃদ্ধিকারক:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 বিবৃতি<br/>(নির্দেশনা)"] --> B["📦 ভেরিয়েবলস<br/>(সংগ্রহস্থল)"] --> C["🔀 নিয়ন্ত্রণ প্রবাহ<br/>(সিদ্ধান্ত)"] --> D["🎉 কার্যকর প্রোগ্রাম!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-
-✅ **পরবর্তী কী আসছে**: আমরা এই অসাধারণ যাত্রায় একসাথে এই ধারণাগুলির গভীরে আরও মজা করতে যাচ্ছি! এখন, শুধু সমস্ত আশ্চর্যজনক সম্ভাবনার জন্য উত্তেজনা অনুভব করার উপর মনোযোগ দিন। নির্দিষ্ট দক্ষতা এবং কৌশলগুলি স্বাভাবিকভাবেই অনুশীলনের সাথে লেগে থাকবে – আমি প্রতিশ্রুতি দিচ্ছি এটি আপনার প্রত্যাশার চেয়ে অনেক বেশি মজার হবে!
+```  
+✅ **পরবর্তী পর্যায়ে যা আসছে**: আমরা এই ধারণাগুলো আরও গভীরভাবে অন্বেষণ করে প্রচুর মজা করব! এখনই শুধু এই উত্তেজনা অনুভব করুন আপনার সামনে থাকা অসাধারণ সম্ভাবনাগুলোর জন্য। নির্দিষ্ট দক্ষতা ও কৌশলগুলো আমাদের একসাথে অনুশীলনে স্বাভাবিকভাবেই বসবে – আমি গ্যারান্টি দিচ্ছি এটি আপনি যেকোনো বিষয়ের তুলনায় অনেক বেশি মজার হবে!
 
-## কাজের সরঞ্জাম
+## বাণিজ্যের সরঞ্জাম
 
-ঠিক আছে, এটি এমন একটি বিষয় যা আমাকে এতটাই উত্তেজিত করে তোলে যে আমি নিজেকে সামলাতে পারি না! 🚀 আমরা সেই অসাধারণ সরঞ্জামগুলি সম্পর্কে কথা বলতে যাচ্ছি যা আপনাকে মনে করাবে যে আপনি একটি ডিজিটাল স্পেসশিপের চাবি পেয়েছেন।
+ঠিক আছে, এটিই এমন একটা জায়গা যেখানে আমি এত উত্তেজিত হই যে নিজেকে ধরে রাখতে পারি না! 🚀 আমরা সেই অবিশ্বাস্য সরঞ্জামগুলো নিয়ে কথা বলব যা আপনাকে ডিজিটাল মহাকাশযানের চাবি হাতে পেয়েছেন এমন অনুভূতি দেবে।
 
-আপনি জানেন একজন শেফের সেই নিখুঁতভাবে ভারসাম্যপূর্ণ ছুরি থাকে যা তাদের হাতের এক্সটেনশনের মতো অনুভূত হয়? অথবা একজন সংগীতশিল্পীর সেই একটি গিটার থাকে যা তারা স্পর্শ করলেই গান গায়? ঠিক তেমনি, ডেভেলপারদেরও আমাদের নিজস্ব এই জাদুকরী সরঞ্জাম রয়েছে, এবং এখানে যা আপনাকে অবাক করবে – এর বেশিরভাগই সম্পূর্ণ বিনামূল্যে!
+আপনি জানেন কিভাবে একজন শেফের সেই নিখুঁত ভারসাম্যপূর্ণ ছুরি থাকে যা তাদের হাতের বিস্তার মনে হয়? অথবা একজন সঙ্গীতশিল্পীর সেই গিটার যা স্পর্শ করলেই গান গায়? ঠিক তেমনই, ডেভেলপারদেরও এমন ম্যাজিক্যাল সরঞ্জাম আছে, এবং এখানে এমন কিছু আছে যা আপনার বুদ্ধি ধামাকা করে দেবে – অধিকাংশই সম্পূর্ণ ফ্রি!
 
-আমি আপনাকে এগুলি শেয়ার করার জন্য এতটাই উত্তেজিত যে আমি প্রায় চেয়ারে লাফিয়ে উঠছি কারণ এগুলি আমাদের সফটওয়্যার তৈরির পদ্ধতিকে সম্পূর্ণভাবে বিপ্লব করেছে। আমরা কথা বলছি AI-চালিত কোডিং সহকারী যারা আপনার কোড লিখতে সাহায্য করতে পারে (আমি মজা করছি না!), ক্লাউড পরিবেশ যেখানে আপনি যেকোনো জায়গা থেকে Wi-Fi সহ পুরো অ্যাপ্লিকেশন তৈরি করতে পারেন, এবং ডিবাগিং সরঞ্জামগুলি এতটাই উন্নত যে তারা আপনার প্রোগ্রামের জন্য এক্স-রে ভিশনের মতো।
+আমি আসলে চেয়ারে লাফাচ্ছি এইগুলো আপনার সাথে ভাগ করে নিতে because এর ফলে সফটওয়্যার তৈরি করার পদ্ধতি সম্পূর্ণ পরিপুর্ণ পরিবর্তিত হয়েছে। আমরা কথা বলছি AI চালিত কোডিং সহকারী নিয়ে, যারা আপনার কোড লেখায় সাহায্য করে (আমি চুটিয়ে বলছি না!), ক্লাউড এনভায়রনমেন্টের যেখানে আপনি Wi-Fi সহ যেকোনো জায়গা থেকে পুরো অ্যাপ্লিকেশন তৈরি করতে পারেন, এবং এমন ডিবাগিং সরঞ্জাম যা আপনার প্রোগ্রামের জন্য X-ray দৃষ্টি দেয়।
 
-এবং এখানে এমন একটি অংশ রয়েছে যা এখনও আমাকে শিহরিত করে: এগুলি "শুরু করার সরঞ্জাম" নয় যা আপনি পরে ছেড়ে দেবেন। এগুলি ঠিক একই পেশাদার-গ্রেডের সরঞ্জাম যা গুগল, নেটফ্লিক্স এবং আপনার প্রিয় ইন্ডি অ্যাপ স্টুডিওর ডেভেলপাররা এই মুহূর্তে ব্যবহার করছে। এগুলি ব্যবহার করে আপনি সত্যিই একজন পেশাদারের মতো অনুভব করবেন!
+এবং এখানে এমন একটি অংশ আছে যা এখনও আমাকে কেঁপে দেয়: এগুলো "শিখনার্থীদের সরঞ্জাম" নয় যা আপনি তাড়াতাড়ি বড় হয়ে ফেলবেন না। এগুলোই একই পেশাদার মানের সরঞ্জাম যা গুগল, নেটফ্লিক্স এবং আপনার প্রিয় ইন্ডি অ্যাপ স্টুডিওর ডেভেলপাররা এ মুহূর্তে ব্যবহার করছে। এগুলো ব্যবহার করে আপনি নিজেকে একজন পেশাদারই মনে করবেন!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 আপনার ধারণা"] --> B["⌨️ কোড সম্পাদক<br/>(VS কোড)"] 
+    B --> C["🌐 ব্রাউজার ডেভটুলস<br/>(পরীক্ষা ও ডিবাগিং)"]
+    C --> D["⚡ কমান্ড লাইন<br/>(স্বয়ংক্রিয়করণ ও সরঞ্জাম)"]
+    D --> E["📚 ডকুমেন্টেশন<br/>(শিখন ও রেফারেন্স)"]
+    E --> F["🚀 দুর্দান্ত ওয়েব অ্যাপ!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 এআই সহকারী<br/>(GitHub Copilot)"]
+    C -.-> H["📱 ডিভাইস পরীক্ষা<br/>(রেসপনসিভ ডিজাইন)"]
+    D -.-> I["📦 প্যাকেজ ম্যানেজারস<br/>(npm, yarn)"]
+    E -.-> J["👥 কমিউনিটি<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -470,322 +504,352 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
-
-### কোড এডিটর এবং IDE: আপনার নতুন ডিজিটাল সঙ্গী
+```  
+### কোড এডিটর এবং IDE: আপনার নতুন ডিজিটাল সর্বশেষ সঙ্গী
 
-চলুন কোড এডিটর সম্পর্কে কথা বলি – এগুলি সত্যিই আপনার নতুন প্রিয় জায়গা হতে চলেছে! এগুলিকে আপনার ব্যক্তিগত কোডিং অভয়ারণ্য হিসাবে ভাবুন যেখানে আপনি আপনার ডিজিটাল সৃষ্টিগুলি তৈরি এবং নিখুঁত করতে বেশিরভাগ সময় ব্যয় করবেন।
+আসুন কথা বলি কোড এডিটর নিয়ে – এগুলো শীঘ্রই আপনার প্রিয় স্থান হয়ে উঠবে! এগুলো এমন একটি ব্যক্তিগত কোডিং আশ্রম, যেখানে আপনি আপনার অধিকাংশ সময় কাটিয়ে ডিজিটাল সৃজনশীলতা গড়ে তুলবেন এবং নিখুঁত করবেন।
 
-কিন্তু এখানে যা একেবারে জাদুকরী তা হল আধুনিক এডিটরগুলি শুধুমাত্র ফ্যান্সি টেক্সট এডিটর নয়। এগুলি এমন একটি উজ্জ্বল, সহায়ক কোডিং পরামর্শদাতা থাকার মতো যা ২৪/৭ আপনার পাশে বসে থাকে। তারা আপনার টাইপো ধরবে আপনি লক্ষ্য করার আগেই, এমন উন্নতির পরামর্শ দেবে যা আপনাকে একজন প্রতিভা মনে করাবে, আপনাকে সাহায্য করবে প্রতিটি কোডের অংশ কী করে তা বুঝতে, এবং কিছু এমনকি আপনার টাইপ করার আগে আপনার চিন্তা অনুমান করতে পারে এবং আপনার চিন্তা শেষ করতে সাহায্য করবে!
+কিন্তু আধুনিক এডিটরগুলোর ব্যাপারে যা জাদুকরী তা হলো: এরা শুধু ফ্যান্সি টেক্সট এডিটর নয়। এরা অধিকন্তু সবচেয়ে মেধাবী, সহায়ক কোডিং মেন্টর যারা ২৪/৭ আপনার পাশে বসে থাকে। তারা টাইপ করার আগেই ভুল ধরিয়ে দেয়, উন্নতির পরামর্শ দেয় যা আপনাকে জিনিয়াস করে তোলে, কোডের প্রতিটি অংশের কাজ বুঝতে সাহায্য করে, এবং অনেকে এমনকি আপনি যা টাইপ করতে যাচ্ছেন সেটা পূর্বাভাস দিয়ে শেষ করার প্রস্তাব দেয়!
 
-আমি যখন প্রথম অটো-কমপ্লিশন আবিষ্কার করেছিলাম তখন আমি সত্যিই মনে করেছিলাম যে আমি ভবিষ্যতে বাস করছি। আপনি কিছু টাইপ করা শুরু করেন, এবং আপনার এডিটর বলে, "আরে, আপনি কি এই ফাংশনটি ভাবছেন যা ঠিক আপনার প্রয়োজন?" এটি একটি মনের পাঠক থাকার মতো আপনার কোডিং সঙ্গী!
+আমি মনে করি যখন প্রথমবার অটো-কাম্পলিশন আবিষ্কার করেছিলাম – সত্যিই মনে হচ্ছিল আমি ভবিষ্যতে বসবাস করছি। আপনি কিছু টাইপ শুরু করলে, আপনার এডিটর বলে, "এই, আপনি কি এই ফাংশনের কথা ভাবছিলেন যেটা ঠিক আপনার দরকার অনুযায়ী কাজ করে?" এটা ঠিক যেন আপনার কোডিং বন্ধু একজন মাইন্ড রিডার!
 
-**এই এডিটরগুলি এত অসাধারণ কী করে তোলে?**
+**এই এডিটরগুলো কেন এত অসাধারণ?**
 
-আধুনিক কোড এডিটরগুলি আপনার উৎপাদনশীলতা বাড়ানোর জন্য চমকপ্রদ বৈশিষ্ট্যগুলির একটি অ্যারে অফার করে:
+আধুনিক কোড এডিটর অনেক ফিচারের বিস্ময়কর সংগ্রহ অফার করে যা আপনার উৎপাদনশীলতা বাড়ায়:
 
-| বৈশিষ্ট্য | এটি কী করে | এটি কেন সাহায্য করে |
+| ফিচার | যা করে | সাহায্যের কারণ |
 |---------|--------------|--------------|
-| **সিনট্যাক্স হাইলাইটিং** | আপনার কোডের বিভিন্ন অংশ রঙিন করে | কোড পড়া সহজ করে এবং ভুলগুলি খুঁজে পেতে সাহায্য করে |
-| **অটো-কমপ্লিশন** | টাইপ করার সময় কোডের পরামর্শ দেয় | কোডিং দ্রুত করে এবং টাইপো কমায় |
-| **ডিবাগিং টুলস** | আপনাকে ভুল খুঁজে এবং ঠিক করতে সাহায্য করে | সমস্যার সমাধানে সময় বাঁচায় |
-| **এক্সটেনশন** | বিশেষায়িত বৈশিষ্ট্য যোগ করে | আপনার এডিটরকে যেকোনো প্রযুক্তির জন্য কাস্টমাইজ করুন |
-| **AI সহকারী** | কোড এবং ব্যাখ্যা পরামর্শ দেয় | শেখা এবং উৎপাদনশীলতা ত্বরান্বিত করে |
+| **সিনট্যাক্স হাইলাইটিং** | আপনার কোডের বিভিন্ন অংশ রঙিন করে | কোড পড়া সহজ করে এবং ভুল ধরতে সাহায্য করে |
+| **অটো-কাম্পলিশন** | টাইপ করার সময় কোড প্রস্তাব করে | কোডিং দ্রুত হয় এবং টাইপিং ভুল কমে যায় |
+| **ডিবাগিং টুলস** | ভুল খুঁজে বের করা এবং ঠিক করতে সাহায্য করে | সমস্যা সমাধানে ঘন্টা বাঁচায় |
+| **এক্সটেনশনস** | বিশেষায়িত ফিচার যুক্ত করে | আপনার এডিটরকে যেকোনো প্রযুক্তির জন্য কাস্টমাইজ করে |
+| **AI সহকারী** | কোড এবং ব্যাখ্যা প্রস্তাব করে | শেখা এবং উৎপাদনশীলতা দ্রুততর করে |
 
-> 🎥 **ভিডিও রিসোর্স**: এই সরঞ্জামগুলি কার্যকরভাবে দেখতে চান? এই [Tools of the Trade ভিডিও](https://youtube.com/watch?v=69WJeXGBdxg) দেখুন একটি বিস্তৃত ওভারভিউর জন্য।
+> 🎥 **ভিডিও রিসোর্স**: এই সরঞ্জামগুলো কর্মরত দেখতে চান? দেখুন এই [Tools of the Trade ভিডিও](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) - রিয়েল-টাইম সহযোগিতা
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - স্বয়ংক্রিয় কোড ফরম্যাটিং
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - কোডে টাইপো ধরুন
+**[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) - আপনার কোডে টাইপো ধরার জন্য  
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (পেইড, ছাত্রদের জন্য ফ্রি)  
+- উন্নত ডিবাগিং এবং টেস্টিং টুলস  
+- বুদ্ধিমান কোড সম্পূরক  
+- বিল্ট-ইন সংস্করণ নিয়ন্ত্রণ  
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (পেইড, শিক্ষার্থীদের জন্য বিনামূল্যে)
-- উন্নত ডিবাগিং এবং টেস্টিং টুলস
-- বুদ্ধিমান কোড কমপ্লিশন
-- বিল্ট-ইন ভার্সন কন্ট্রোল
+**ক্লাউড-ভিত্তিক IDEs** (বিভিন্ন মূল্য)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - আপনার ব্রাউজারে পূর্ণ VS Code  
+- [Replit](https://replit.com/) - শেখা এবং কোড শেয়ার করার জন্য চমৎকার  
+- [StackBlitz](https://stackblitz.com/) - তাৎক্ষণিক, পূর্ণ-স্ট্যাক ওয়েব ডেভেলপমেন্ট  
 
-**ক্লাউড-ভিত্তিক IDEs** (বিভিন্ন মূল্য
-যখন প্রথমবার কেউ আমাকে ব্রাউজার ডেভটুলস দেখিয়েছিল, আমি প্রায় তিন ঘণ্টা শুধু ক্লিক করেই কাটিয়েছি এবং বলেছি, "অপেক্ষা করুন, এটা কি এটাও করতে পারে?!" আপনি বাস্তব সময়ে যেকোনো ওয়েবসাইট সম্পাদনা করতে পারেন, ঠিক কত দ্রুত সবকিছু লোড হয় তা দেখতে পারেন, বিভিন্ন ডিভাইসে আপনার সাইট কেমন দেখায় তা পরীক্ষা করতে পারেন, এবং এমনকি একজন পেশাদারের মতো জাভাস্ক্রিপ্ট ডিবাগ করতে পারেন। এটা একেবারে অবিশ্বাস্য!
+> 💡 **শুরুর টিপ**: Visual Studio Code দিয়ে শুরু করুন – এটি ফ্রি, শিল্পে ব্যাপক ব্যবহৃত, এবং একটি বিশাল কমিউনিটি সহায়ক টিউটোরিয়াল এবং এক্সটেনশন তৈরি করে।
 
-**ব্রাউজার কেন আপনার গোপন অস্ত্র:**
+### ওয়েব ব্রাউজার: আপনার গোপন উন্নয়ন ল্যাবরেটরি
 
-যখন আপনি একটি ওয়েবসাইট বা ওয়েব অ্যাপ্লিকেশন তৈরি করেন, তখন আপনাকে দেখতে হবে এটি বাস্তব জগতে কেমন দেখায় এবং কাজ করে। ব্রাউজার শুধু আপনার কাজ প্রদর্শন করে না, বরং পারফরম্যান্স, অ্যাক্সেসিবিলিটি এবং সম্ভাব্য সমস্যাগুলির বিষয়ে বিস্তারিত প্রতিক্রিয়া প্রদান করে।
+ঠিক আছে, প্রস্তুত হন পুরোপুরি অবাক হতে! আপনি জানেন কিভাবে সোশ্যাল মিডিয়া স্ক্রোল করা এবং ভিডিও দেখা জন্য ব্রাউজার ব্যবহার করেছেন? আসলে তারা এই পুরো সময়টা অবিশ্বাস্য গোপন ডেভেলপার ল্যাবরেটরি লুকিয়ে রেখেছিল, শুধু আপনার আবিষ্কারের জন্য অপেক্ষা করছিল!
 
-#### ব্রাউজার ডেভেলপার টুলস (ডেভটুলস)
+প্রতিবার যখন আপনি একটি ওয়েবপেজে রাইট-ক্লিক করে "Inspect Element" নির্বাচন করেন, আপনি এমন একটি গোপন বিশ্বের দরজা খুলছেন যা সত্যি বলতে আমার আগে শত শত ডলার খরচ করে কেনা সফটওয়্যারের থেকেও অনেক বেশি শক্তিশালী। এটা ঠিক যেন আপনার সাধারণ রান্নাঘরের একটি সিক্রেট প্যানেলের পেছনে একজন পেশাদার শেফের গবেষণাগৃহ লুকিয়ে ছিল!
+প্রথমবার কেউ আমাকে ব্রাউজার DevTools দেখিয়েছিল, আমি প্রায় তিন ঘন্টা কেবল ক্লিক করতে করতে এবং বলছিলাম "রুসি, এটা এটাও করতে পারে?!" আপনি আদৌ যেকোনো ওয়েবসাইট রিয়েল-টাইমে সম্পাদনা করতে পারেন, ঠিক কেমন দ্রুত সবকিছু লোড হচ্ছে তা দেখতে পারেন, বিভিন্ন ডিভাইসে আপনার সাইট কেমন দেখায় পরীক্ষা করতে পারেন, এমনকি জাভাস্ক্রিপ্ট ডিবাগ করতে পারেন পাশাঠ মতো। এটা পুরোপুরি চমকপ্রদ!
 
-আধুনিক ব্রাউজারগুলিতে বিস্তৃত ডেভেলপমেন্ট স্যুট অন্তর্ভুক্ত রয়েছে:
+**এটাই কারণ ব্রাউজারগুলি আপনার গোপন অস্ত্র:**
 
-| টুলের বিভাগ | এটি কী করে | উদাহরণ ব্যবহার |
-|-------------|------------|----------------|
-| **এলিমেন্ট ইন্সপেক্টর** | HTML/CSS বাস্তব সময়ে দেখুন এবং সম্পাদনা করুন | স্টাইলিং সামঞ্জস্য করুন এবং তাৎক্ষণিক ফলাফল দেখুন |
-| **কনসোল** | ত্রুটি বার্তা দেখুন এবং জাভাস্ক্রিপ্ট পরীক্ষা করুন | সমস্যা ডিবাগ করুন এবং কোড নিয়ে পরীক্ষা করুন |
-| **নেটওয়ার্ক মনিটর** | রিসোর্স লোড কেমন হচ্ছে তা ট্র্যাক করুন | পারফরম্যান্স এবং লোডিং টাইম অপ্টিমাইজ করুন |
-| **অ্যাক্সেসিবিলিটি চেকার** | অন্তর্ভুক্তিমূলক ডিজাইন পরীক্ষা করুন | নিশ্চিত করুন যে আপনার সাইট সব ব্যবহারকারীর জন্য কাজ করে |
-| **ডিভাইস সিমুলেটর** | বিভিন্ন স্ক্রিন সাইজে প্রিভিউ দেখুন | একাধিক ডিভাইস ছাড়াই রেসপন্সিভ ডিজাইন পরীক্ষা করুন |
+যখন আপনি একটি ওয়েবসাইট বা ওয়েব অ্যাপ তৈরি করেন, আপনাকে দেখতে হয় এটা বাস্তব জগতে কেমন দেখায় এবং কিভাবে কাজ করে। ব্রাউজার শুধু আপনার কাজ প্রদর্শন করে না, বরং কার্যক্ষমতা, প্রবেশগম্যতা, এবং সম্ভাব্য সমস্যাগুলি সম্পর্কে বিস্তারিত প্রতিক্রিয়াও দেয়।
 
-#### ডেভেলপমেন্টের জন্য সুপারিশকৃত ব্রাউজার
+#### ব্রাউজার ডেভেলপার সরঞ্জাম (DevTools)
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - শিল্প-মান DevTools সহ বিস্তৃত ডকুমেন্টেশন
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - চমৎকার CSS Grid এবং অ্যাক্সেসিবিলিটি টুলস
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium ভিত্তিক, Microsoft's ডেভেলপার রিসোর্স সহ
+আধুনিক ব্রাউজারগুলি বিস্তৃত ডেভেলপমেন্ট স্যুট অন্তর্ভুক্ত করে:
 
-> ⚠️ **গুরুত্বপূর্ণ পরীক্ষার টিপস**: আপনার ওয়েবসাইটগুলি সবসময় একাধিক ব্রাউজারে পরীক্ষা করুন! Chrome-এ যা পুরোপুরি কাজ করে তা Safari বা Firefox-এ ভিন্ন দেখাতে পারে। পেশাদার ডেভেলপাররা সমস্ত প্রধান ব্রাউজারে পরীক্ষা করেন যাতে ব্যবহারকারীর অভিজ্ঞতা সঙ্গতিপূর্ণ হয়।
+| টুল ক্যাটাগরি | এটি কী করে | উদাহরণ ব্যবহারিক |
+|---------------|--------------|------------------|
+| **এলিমেন্ট ইন্সপেক্টর** | রিয়েল-টাইমে 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)** - ক্রোমিয়ামে ভিত্তি করে মাইক্রোসফটের ডেভেলপার রিসোর্সস সহ
 
-কিন্তু আমি যা চাইতাম কেউ আমাকে তখন বলুক, এবং যা আমি এখন আপনাকে বলছি: কমান্ড লাইন ভীতিকর নয় – এটি আসলে আপনার কম্পিউটারের সাথে সরাসরি কথোপকথনের মতো। এটা এমন, যেমন আপনি একটি ফ্যান্সি অ্যাপ দিয়ে খাবার অর্ডার করছেন যেখানে ছবি এবং মেনু রয়েছে (যা সুন্দর এবং সহজ) বনাম আপনার প্রিয় স্থানীয় রেস্টুরেন্টে হাঁটছেন যেখানে শেফ ঠিক জানেন আপনি কী পছন্দ করেন এবং আপনি শুধু বলছেন "আমাকে কিছু অসাধারণ দিয়ে চমকে দিন।"
+> ⚠️ **গুরুত্বপূর্ণ টেস্টিং টিপ**: সর্বদা আপনার ওয়েবসাইটগুলি একাধিক ব্রাউজারে পরীক্ষা করুন! যা ক্রোমে নিখুঁত কাজ করে তা সাফারি বা ফায়ারফক্সে ভিন্ন দেখাতে পারে। পেশাদার ডেভেলপাররা সব প্রধান ব্রাউজারে পরীক্ষা করে নিশ্চিত হন ব্যবহারকারীর অভিজ্ঞতা সঙ্গতিপূর্ণ থাকে।
 
-কমান্ড লাইন এমন জায়গা যেখানে ডেভেলপাররা যায় যেন তারা সম্পূর্ণ জাদুকর। আপনি কয়েকটি জাদুকরী শব্দ টাইপ করেন (ঠিক আছে, তারা শুধু কমান্ড, কিন্তু তারা জাদুকরী মনে হয়!), এন্টার চাপুন, এবং বুম – আপনি পুরো প্রকল্পের কাঠামো তৈরি করেছেন, বিশ্বজুড়ে শক্তিশালী টুল ইনস্টল করেছেন, অথবা আপনার অ্যাপ ইন্টারনেটে প্রকাশ করেছেন যাতে লক্ষ লক্ষ মানুষ এটি দেখতে পারে। একবার আপনি সেই ক্ষমতার স্বাদ পেয়ে গেলে, এটি সত্যিই বেশ নেশাজনক!
 
-**কমান্ড লাইন কেন আপনার প্রিয় টুল হয়ে উঠবে:**
+### কমান্ড লাইন টুলস: আপনার ডেভেলপার স্সুপারপাওয়ারের প্রবেশদ্বার
 
-গ্রাফিকাল ইন্টারফেস অনেক কাজের জন্য দুর্দান্ত, তবে কমান্ড লাইন অটোমেশন, নির্ভুলতা এবং গতিতে শ্রেষ্ঠ। অনেক ডেভেলপমেন্ট টুল মূলত কমান্ড লাইন ইন্টারফেসের মাধ্যমে কাজ করে, এবং সেগুলি দক্ষতার সাথে ব্যবহার করা শিখলে আপনার উৎপাদনশীলতা নাটকীয়ভাবে উন্নত হতে পারে।
+আচ্ছা, কমান্ড লাইন সম্পর্কে সম্পূর্ণ সৎ মুহূর্ত নেওয়া যাক, কারণ আমি চাই আপনি এটা এমন একজন থেকে শুনুন যিনি সত্যিই এটা বোঝেন। যখন আমি প্রথম এটাকে দেখেছিলাম – কেবল এই ভয়ঙ্কর কালো স্ক্রীন যা টিপটিপ করে লেখা দেখাচ্ছিল – আমি সত্যিই ভাবছিলাম, “না, একদম না! এটা যেন ১৯৮০-এর দশকের হ্যাকার সিনেমার কিছু, আর আমি নিশ্চিত এটা করার জন্য যথেষ্ট বুদ্ধিমান নই!” 😅
+
+কিন্তু এখানেই আমি চাই কেউ আমাকে তখন বলত, আর আমি এখন আপনাকে বলছি: কমান্ড লাইন ভয়ঙ্কর নয় – এটা আসলে আপনার কম্পিউটারের সাথে সরাসরি কথোপকথনের মতো। ভাবুন এটা যেমন একটি ফ্যান্সি অ্যাপ থেকে ছবি আর মেনু সহ খাবার অর্ডার করার মতো (যা ভালো এবং সহজ), তার তুলনায় আপনার প্রিয় স্থানীয় রেস্টুরেন্টে হাঁটার মতো, যেখানে শেফ ঠিক জানে আপনি কি পছন্দ করেন এবং আপনি শুধু বললেই “দয়াকরে মুগ্ধকর কিছু সারপ্রাইজ দিন” সঙ্গে অসাধারণ কিছু রান্না করতে পারে।
+
+কমান্ড লাইন হলো সেই জায়গা যেখানে ডেভেলপাররা পুরোপুরি যাদুকর হিসাবে অনুভব করে। আপনি কয়েকটি দেখতে জাদুকরী শব্দ টাইপ করেন (ঠিক আছে, এগুলো কমান্ড মাত্র, কিন্তু জাদুকরী মনে হয়!), এন্টার চাপেন, আর হঠাৎ – আপনি পুরো প্রকল্পের গঠন তৈরি করেছেন, শক্তিশালী সরঞ্জাম বিশ্বের বিভিন্ন স্থান থেকে ইন্সটল করেছেন, বা আপনার অ্যাপ ইন্টারনেটে মাইলিয়ন মানুষের দেখার জন্য ডিপ্লয় করেছেন। একবার আপনি এই ক্ষমতার স্বাদ পেয়ে গেলে, সত্যিই এটি আসক্তিকর হয়ে যায়!
+
+**কেন কমান্ড লাইন আপনার প্রিয় সরঞ্জাম হবে:**
+
+যদিও গ্রাফিক্যাল ইন্টারফেস অনেক কাজের জন্য দুর্দান্ত, কমান্ড লাইন স্বয়ংক্রিয়তা, নিখুঁততা এবং গতি নিয়ে ছাড়িয়ে যায়। অনেক ডেভেলপমেন্ট টুলস প্রধানত কমান্ড লাইন ইন্টারফেস ব্যবহার করে কাজ করে, এবং দক্ষতার সঙ্গে এগুলো ব্যবহার শেখা আপনার উৎপাদনশীলতা নাটকীয়ভাবে বাড়াতে পারে।
 
 ```bash
-# Step 1: Create and navigate to project directory
+# ধাপ ১: প্রকল্প ডিরেক্টরি তৈরি করুন এবং সেখানে যান
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **এই কোডটি কী করে:**
-- **নতুন ডিরেক্টরি তৈরি করুন** "my-awesome-website" নামে আপনার প্রকল্পের জন্য
-- **নেভিগেট করুন** নতুন তৈরি ডিরেক্টরিতে কাজ শুরু করতে
+- **নতুন ডিরেক্টরি তৈরি করে** যার নাম "my-awesome-website" আপনার প্রকল্পের জন্য
+- **নতুন তৈরি ডিরেক্টরিতে প্রবেশ করে** কাজ শুরু করার জন্য
 
 ```bash
-# Step 2: Initialize project with package.json
+# ধাপ ২: package.json দিয়ে প্রকল্প শুরু করুন
 npm init -y
 
-# Install modern development tools
+# আধুনিক উন্নয়ন সরঞ্জাম ইনস্টল করুন
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**ধাপে ধাপে যা ঘটছে:**
-- **নোড.জেএস প্রকল্প ইনিশিয়ালাইজ করুন** ডিফল্ট সেটিংস সহ `npm init -y` ব্যবহার করে
-- **Vite ইনস্টল করুন** দ্রুত ডেভেলপমেন্ট এবং প্রোডাকশন বিল্ডের জন্য একটি আধুনিক বিল্ড টুল হিসেবে
-- **Prettier যোগ করুন** স্বয়ংক্রিয় কোড ফরম্যাটিংয়ের জন্য এবং ESLint কোডের গুণমান পরীক্ষা করার জন্য
-- **`--save-dev` ফ্ল্যাগ ব্যবহার করুন** এগুলিকে শুধুমাত্র ডেভেলপমেন্ট-সম্পর্কিত ডিপেনডেন্সি হিসেবে চিহ্নিত করতে
+**ক্রমানুসারে, যা ঘটছে তা হলো:**
+- `npm init -y` ব্যবহার করে ডিফল্ট সেটিংস সহ নতুন Node.js প্রকল্প আরম্ভ করা
+- দ্রুত উন্নয়ন ও প্রোডাকশন বিল্ডের জন্য আধুনিক বিল্ড টুল Vite ইন্সটল করা
+- স্বয়ংক্রিয় কোড ফরম্যাটিং এর জন্য Prettier এবং কোড গুণগত মান পরীক্ষা করার জন্য ESLint যোগ করা
+- `--save-dev` ফ্ল্যাগ ব্যবহার করে এগুলোকে শুধুমাত্র ডেভেলপমেন্ট নির্ভরশীল হিসেবে চিহ্নিত করা
 
 ```bash
-# Step 3: Create project structure and files
+# ধাপ ৩: প্রকল্পের কাঠামো এবং ফাইল তৈরি করুন
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# ডেভেলপমেন্ট সার্ভার শুরু করুন
 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/)** | কোড ফরম্যাটিং | আপনার কোডকে ধারাবাহিকভাবে ফরম্যাট এবং পাঠযোগ্য রাখুন |
+| টুল | উদ্দেশ্য | কেন দরকার |
+|------|---------|-----------------|
+| **[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)** 💻 - ঐতিহ্যবাহী 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/)** - উন্নত টার্মিনাল উন্নত বৈশিষ্ট্য সহ
+- **[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)** - উন্নত টার্মিনাল এমুলেটর
+- **[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 খুলে) দিয়ে অনুশীলন করুন। আরামদায়ক হওয়ার সাথে সাথেই আপনি স্বাভাবিকভাবেই আরও উন্নত কমান্ড এবং স্বয়ংক্রিয়করণ কৌশল শিখবেন।
+
 
-### ডকুমেন্টেশন: আপনার সর্বদা-উপলব্ধ শেখার মেন্টর
+### ডকুমেন্টেশন: আপনার সর্বদা উপলব্ধ শেখার উপদেশক
 
-ঠিক আছে, আমি একটি ছোট গোপন কথা শেয়ার করতে চাই যা আপনাকে একজন শিক্ষানবিশ হিসেবে আরও ভালো অনুভব করতে সাহায্য করবে: এমনকি সবচেয়ে অভিজ্ঞ ডেভেলপাররাও তাদের সময়ের একটি বড় অংশ ডকুমেন্টেশন পড়তে ব্যয় করেন। এবং এটি এই কারণে নয় যে তারা জানে না তারা কী করছে – এটি আসলে জ্ঞানের একটি চিহ্ন!
+আচ্ছা, আমি একটি ছোট গোপন কথা শেয়ার করব যা আপনাকে শুরুতে অনেক ভালো লাগবে: সবচেয়ে অভিজ্ঞ ডেভেলপাররাও তাদের সময়ের একটা বিশাল অংশ ডকুমেন্টেশন পড়তে ব্যয় করেন। এবং এটা এই কারণে নয় যে তারা জানেন না কী করছেন – বরং এটা প্রজ্ঞার পরিচয়!
 
-ডকুমেন্টেশনকে এমন বিশ্বের সবচেয়ে ধৈর্যশীল, জ্ঞানী শিক্ষকদের অ্যাক্সেস করার মতো মনে করুন যারা ২৪/৭ উপলব্ধ। রাত ২টায় কোনো সমস্যায় আটকে গেছেন? ডকুমেন্টেশন সেখানে একটি উষ্ণ ভার্চুয়াল আলিঙ্গন এবং ঠিক আপনার প্রয়োজনীয় উত্তর নিয়ে। সবাই যে নতুন বৈশিষ্ট্যটি নিয়ে কথা বলছে তা সম্পর্কে জানতে চান? ডকুমেন্টেশন আপনার পাশে রয়েছে ধাপে ধাপে উদাহরণ সহ। কিছু কেন কাজ করে তা বোঝার চেষ্টা করছেন? আপনি অনুমান করেছেন – ডকুমেন্টেশন এটি ব্যাখ্যা করতে প্রস্তুত এমনভাবে যা অবশেষে এটিকে ক্লিক করে তোলে!
+ডকুমেন্টেশন ভাবুন বিশ্বজুড়ে সবচেয়ে ধৈর্যশীল, জ্ঞানশালী শিক্ষকদের প্রবেশাধিকার হিসেবে যারা ২৪/৭ উপলব্ধ। দুপুর ২টায় কোনো সমস্যায় আটকা? ডকুমেন্টেশন আপনাকে একটি উষ্ণ ভার্চুয়াল আলিঙ্গন ও সঠিক উত্তর সরবরাহ করে। কেউ নতুন কোনো শীতল ফিচার সম্পর্কে জানতে চায় যা সবাই আলোচনা করছে? ডকুমেন্টেশন আপনার পিঠ দেয় পর্যায়ক্রমিক উদাহরণ দিয়ে। কেন কিছু নিয়ে কাজ করে সে রীতিটি বুঝতে চান? অনুমান করুন – ডকুমেন্টেশন বুঝিয়ে দিতে প্রস্তুত যাতে আপনি অবশেষে তা বুঝতে পারেন!
 
-এখানে এমন কিছু আছে যা আমার দৃষ্টিভঙ্গি সম্পূর্ণরূপে পরিবর্তন করেছে: ওয়েব ডেভেলপমেন্ট বিশ্বটি অবিশ্বাস্যভাবে দ্রুত চলে, এবং কেউ (আমি বলতে চাই, একেবারে কেউই!) সবকিছু মনে রাখে না। আমি ১৫+ বছরের অভিজ্ঞতা সম্পন্ন সিনিয়র ডেভেলপারদের দেখেছি মৌলিক সিনট্যাক্স খুঁজে বের করতে, এবং আপনি জানেন কি? এটি লজ্জাজনক নয় – এটি বুদ্ধিমানের কাজ! এটি নিখুঁত স্মৃতি থাকার বিষয়ে নয়; এটি দ্রুত নির্ভরযোগ্য উত্তরগুলি কোথায় খুঁজে পাওয়া যায় তা জানার এবং সেগুলি কীভাবে প্রয়োগ করতে হয় তা বোঝার বিষয়ে।
+এটা এমন কিছু যা আমার দৃষ্টিভঙ্গি পুরোপুরি বদলে দিয়েছিল: ওয়েব ডেভেলপমেন্ট জগতটি দ্রুত এগিয়ে চলে, এবং কেউই (আমি বলছি একদম কেউই নয়!) সবকিছু মুখস্থ রাখে না। আমি ১৫+ বছরের অভিজ্ঞতা সম্পন্ন সিনিয়র ডেভেলপারদের মৌলিক সিনট্যাক্স খুঁজে দেখার ঘটনা দেখেছি, এবং জানেন কি? এটা লজ্জাজনক নয় – এটা বুদ্ধিমানের কাজ! নিখুঁত স্মৃতির ব্যাপারে নয়; বরং এটি দ্রুত নির্ভরযোগ্য উত্তর খুঁজে পেতে এবং প্রয়োগ করার কৌশল জানা।
 
-**এখানে আসল জাদু ঘটে:**
+**এখানেই আসল জাদু ঘটে:**
 
-পেশাদার ডেভেলপাররা তাদের সময়ের একটি উল্লেখযোগ্য অংশ ডকুমেন্টেশন পড়তে ব্যয় করেন – কারণ তারা জানে যে ওয়েব ডেভেলপমেন্টের ল্যান্ডস্কেপ এত দ্রুত বিকশিত হয় যে বর্তমান থাকতে হলে ক্রমাগত শেখার প্রয়োজন। চমৎকার ডকুমেন্টেশন আপনাকে শুধু *কীভাবে* কিছু ব্যবহার করতে হয় তা বুঝতে সাহায্য করে না, বরং *কেন* এবং *কখন* এটি ব্যবহার করতে হয় তাও বুঝতে সাহায্য করে।
+পেশাদার ডেভেলপাররা বড় অংশ ডকুমেন্টেশন পড়েন – এটা তাদের অজ্ঞতা নয়, বরং ওয়েব ডেভেলপমেন্ট দ্রুত পরিবর্তনশীল হওয়ার কারণে তারা সর্বদা নতুন কিছু শিখতে থাকে। অসাধারণ ডকুমেন্টেশন শুধু শেখায় *কিভাবে* কিছু ব্যবহার করবেন না, বরং *কেন* এবং *কবে* ব্যবহার করবেন।
 
-#### প্রয়োজনীয় ডকুমেন্টেশন রিসোর্স
+#### অপরিহার্য ডকুমেন্টেশন রিসোর্সেস
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- ওয়েব প্রযুক্তি ডকুমেন্টেশনের জন্য সেরা মান
-- HTML, CSS, এবং জাভাস্ক্রিপ্টের জন্য বিস্তৃত গাইড
-- ব্রাউজার সামঞ্জস্যতার তথ্য অন্তর্ভুক্ত
-- ব্যবহারিক উদাহরণ এবং ইন্টারঅ্যাকটিভ ডেমো বৈশিষ্ট্যযুক্ত
+- ওয়েব প্রযুক্তির স্বর্ণ মানের ডকুমেন্টেশন
+- 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 ব্রাউজার ডেভেলপমেন্ট রিসোর্স
-- প্রগ্রেসিভ ওয়েব অ্যাপ গাইড
-- ক্রস-প্ল্যাটফর্ম ডেভেলপমেন্ট ইনসাইট
+- Edge ব্রাউজার উন্নয়ন রিসোর্স
+- প্রোগ্রেসিভ ওয়েব অ্যাপ গাইড
+- ক্রস-প্ল্যাটফর্ম ডেভেলপমেন্ট অন্তর্দৃষ্টি
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- গঠনমূলক শেখার পাঠ্যক্রম
+- কাঠামোবদ্ধ শেখার পাঠ্যক্রম
 - শিল্প বিশেষজ্ঞদের ভিডিও কোর্স
 - হাতে-কলমে কোডিং অনুশীলন
 
-> 📚 **অধ্যয়নের কৌশল**: ডকুমেন্টেশন মুখস্থ করার চেষ্টা করবেন না – বরং এটি দক্ষতার সাথে নেভিগেট করতে শিখুন। প্রায়ই ব্যবহৃত রেফারেন্সগুলি বুকমার্ক করুন এবং নির্দিষ্ট তথ্য দ্রুত খুঁজে পেতে অনুসন্ধান ফাংশনগুলি ব্যবহার করার অনুশীলন করুন।
+> 📚 **অধ্যয়ন কৌশল**: ডকুমেন্টেশন মুখস্থ করার চেষ্টা করবেন না – বরং কিভাবে দক্ষতার সঙ্গে চালনা করবেন তা শিখুন। প্রায়শই ব্যবহৃত রেফারেন্স বুকমার্ক করুন এবং নির্দিষ্ট তথ্য দ্রুত খুঁজে পেতে সার্চ ফাংশন ব্যবহৃতার চর্চা করুন।
 
-### 🔧 **টুল মাস্টারি চেক: আপনার সাথে কী অনুরণিত হয়?**
+### 🔧 **টুল দক্ষতা যাচাই: আপনার সাথে কী অনুরণিত হয়?**
 
-**এক মুহূর্ত সময় নিয়ে ভাবুন:**
-- কোন টুলটি আপনি প্রথমে চেষ্টা করতে সবচেয়ে বেশি আগ্রহী? (এখানে ভুল উত্তর নেই!)
-- কমান্ড লাইন কি এখনও ভীতিকর মনে হয়, নাকি আপনি এটি সম্পর্কে কৌতূহলী?
-- আপনি কি আপনার প্রিয় ওয়েবসাইটগুলির পর্দার পিছনে উঁকি দিতে ব্রাউজার ডেভটুলস ব্যবহার করার কথা ভাবতে পারেন?
+**একটু সময় নিয়ে ভাবুন:**
+- কোন টুল প্রথমে চেষ্টা করতে সবচেয়ে আগ্রহী? (ভুল উত্তর নেই!)
+- কমান্ড লাইন কি এখনও ভয়ানক মনে হয়, নাকি আপনি এতে কৌতূহলী?
+- আপনি কি ব্রাউজার DevTools ব্যবহার করে আপনার প্রিয় ওয়েবসাইটগুলোর পেছনের পর্দা দেখতে কল্পনা করতে পারেন?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "টুলস এর সাথে ডেভেলপার সময় ব্যয়"
+    "কোড এডিটর" : 40
+    "ব্রাউজার টেস্টিং" : 25
+    "কমান্ড লাইন" : 15
+    "ডকুমেন্ট পড়া" : 15
+    "ডিবাগিং" : 5
 ```
+> **মজার অন্তর্দৃষ্টি**: অধিকাংশ ডেভেলপার তার সময়ের প্রায় ৪০% কোড সম্পাদকেই ব্যয় করে, কিন্তু লক্ষ করুন কত সময় যায় পরীক্ষা, শেখা, এবং সমস্যা সমাধানে। প্রোগ্রামিং কেবল কোড লেখা নয় – এটা অভিজ্ঞতা তৈরি!
 
-> **মজার তথ্য**: বেশিরভাগ ডেভেলপার তাদের সময়ের প্রায় ৪০% তাদের কোড এডিটরে ব্যয় করেন, তবে লক্ষ্য করুন যে কতটা সময় পরীক্ষার, শেখার এবং সমস্যা সমাধানের জন্য যায়। প্রোগ্রামিং শুধু কোড লেখার বিষয়ে নয় – এটি অভিজ্ঞতা তৈরি করার বিষয়ে!
+✅ **চিন্তার জন্য খাবার**: এখানে ভাবার জন্য কিছু মজার বিষয় – আপনি কী ভাবে ভাবেন, ওয়েবসাইট তৈরি করার টুল (ডেভেলপমেন্ট) এবং ডিজাইন সংক্রান্ত টুলগুলোর মধ্যে পার্থক্য কী? এটা ঠিক যেমন একজন স্থপতি সুন্দর বাড়ি ডিজাইন করেন আর ঠিকাদার সেই বাড়ি বাস্তবায়ন করেন। দুটোই গুরুত্বপূর্ণ, কিন্তু তাদের আলাদা আলাদা সরঞ্জাম বাক্স লাগে! এই ধরনের চিন্তা আপনাকে ওয়েবসাইট তৈরি হওয়ার বড় দিকগুলো দেখতে সাহায্য করবে।
 
-✅ **চিন্তার খোরাক**: এখানে একটি আকর্ষণীয় বিষয় নিয়ে ভাবুন – ওয়েবসাইট তৈরি করার (ডেভেলপমেন্ট) টুলগুলি কীভাবে ওয়েবসাইটের চেহারা ডিজাইন করার (ডিজাইন) টুলগুলির থেকে আলাদা হতে পারে? এটি এমন, যেমন একজন স্থপতি একটি সুন্দর বাড়ি ডিজাইন করছেন এবং ঠিকাদার এটি তৈরি করছেন। উভয়ই গুরুত্বপূর্ণ, তবে তাদের আলাদা টুলবক্স দরকার! এই ধরনের চিন্তাভাবনা সত্যিই আপনাকে ওয়েবসাইটগুলি কীভাবে জীবন্ত হয়ে ওঠে তার বড় চিত্রটি দেখতে সাহায্য করবে।
+## GitHub Copilot Agent চ্যালেঞ্জ 🚀
 
-## GitHub Copilot Agent Challenge 🚀
+Agent মোড ব্যবহার করে নিম্নলিখিত চ্যালেঞ্জ সম্পন্ন করুন:
 
-Agent মোড ব্যবহার করে নিম্নলিখিত চ্যালেঞ্জটি সম্পূর্ণ করুন:
+**বর্ণনা:** আধুনিক কোড সম্পাদক বা IDE এর বৈশিষ্ট্যগুলি অন্বেষণ করুন এবং দেখান কিভাবে এটি একজন ওয়েব ডেভেলপার হিসেবে আপনার ওয়ার্কফ্লো উন্নত করতে পারে।
 
-**বর্ণনা:** একটি আধুনিক কোড এডিটর বা IDE-এর বৈশিষ্ট্যগুলি অন্বেষণ করুন এবং দেখান কীভাবে এটি একজন ওয়েব ডেভেলপারের কাজের প্রবাহ উন্নত করতে পারে।
-
-**প্রম্পট:** একটি কোড এডিটর বা IDE (যেমন Visual Studio Code, WebStorm, বা একটি ক্লাউড-ভিত্তিক IDE) নির্বাচন করুন। তিনটি বৈশিষ্ট্য বা এক্সটেনশন তালিকাভুক্ত করুন যা আপনাকে কোড লিখতে, ডিবাগ করতে বা আরও দক্ষতার সাথে রক্ষণাবেক্ষণ করতে সাহায্য করে। প্রতিটির জন্য, এটি কীভাবে আপনার কাজের প্রবাহে উপকার করে তার একটি সংক্ষিপ্ত ব্যাখ্যা দিন।
+**প্রম্পট:** একটি কোড সম্পাদক অথবা IDE নির্বাচন করুন (যেমন Visual Studio Code, WebStorm, বা ক্লাউড-ভিত্তিক IDE)। এমন তিনটি বৈশিষ্ট্য বা এক্সটেনশন তালিকাভুক্ত করুন যা কোড লেখা, ডিবাগ করা, বা রক্ষণাবেক্ষণে সাহায্য করে। প্রতিটির জন্য সংক্ষিপ্ত ব্যাখ্যা দিন কিভাবে এটি আপনার কাজের গতি বৃদ্ধি করে।
 
 ---
 
 ## 🚀 চ্যালেঞ্জ
 
-**ঠিক আছে, গোয়েন্দা, আপনার প্রথম কেসের জন্য প্রস্তুত?**
+**ঠিক আছে ডিটেকটিভ, আপনার প্রথম মামলার জন্য প্রস্তুত?**
+
+এখন যেহেতু আপনার এই চমৎকার ভিত্তি গড়ে উঠেছে, আমি এক অভিযান দিচ্ছি যা আপনাকে দেখাবে কতটা বৈচিত্র্যময় ও আকর্ষণীয় প্রোগ্রামিং জগৎ আসলেই। আর শুনুন – এটা এখনও কোড লেখার ব্যাপার নয়, তাই চাপ নেই! নিজেকে ভাবুন প্রথম উত্তেজনাপূর্ণ মামলায় প্রোগ্রামিং ভাষার গোয়েন্দা হিসেবে!
+
+**আপনার মিশন, যদি আপনি গ্রহণ করতে চান:**
+1. **ভাষার অনুসন্ধানী হন**: পুরোপুরি ভিন্ন তিনটি প্রোগ্রামিং ভাষা বাছুন – হয়তো একটি ওয়েবসাইট তৈরি করে, একটি মোবাইল অ্যাপ তৈরি করে, আরেকটি বিজ্ঞানীদের জন্য ডেটা বিশ্লেষণ করে। প্রতিটি ভাষায় একই সহজ কাজের উদাহরণ খুঁজে বের করুন। আমি আশ্বস্ত করছি, আপনি মুগ্ধ হবেন কীভাবে একেবারে ভিন্ন দেখতে হলেও একটিও কাজ একই রকম করে!
+
+2. **তাদের উত্স গল্প খুঁজে বের করুন**: প্রতিটি ভাষাকে বিশেষ করে তোলে কী? একটি মজার ঘটনা – প্রতিটি প্রোগ্রামিং ভাষা তৈরি হয়েছিল কারো মনে "আমি ভাবছি, এই নির্দিষ্ট সমস্যা সমাধানের একটা ভালো উপায় হওয়া উচিত" বলে। আপনি কি সেই সমস্যাগুলো বের করতে পারবেন? কিছু গল্প সত্যিই অসাধারণ!
+
+3. **কমিউনিটি চিনুন**: দেখুন প্রতিটি ভাষার কমিউনিটি কতটা বন্ধুত্বপূর্ণ ও উদ্দীপনাপূর্ণ। কিছু কমিউনিটিতে লাখ লাখ ডেভেলপার জ্ঞ্যান শেয়ার এবং সাহায্য করে, অন্যগুলি ছোট কিন্তু অতি-সংহত এবং সহায়ক। আপনি দেখতে পাবেন কিভাবে বিভিন্ন ব্যক্তিত্ব এই কমিউনিটিগুলোকে প্রাণবন্ত করে তোলে!
+
+4. **নিজের অনুভূতি অনুসরণ করুন**: কোন ভাষাটি এখন সবচেয়ে গ্রহণযোগ্য মনে হচ্ছে? “সঠিক” নির্বাচন নিয়ে চিন্তা করবেন না – শুধু আপনার অন্তর জিজ্ঞাসা শুনুন! এখানে ভুল উত্তর নেই, এবং পরে আপনি অন্য ভাষাগুলোও অন্বেষণ করতে পারেন।
 
-এখন যেহেতু আপনার এই অসাধারণ ভিত্তি রয়েছে, আমার কাছে একটি অ্যাডভেঞ্চার রয়েছে যা আপনাকে দেখাবে প্রোগ্রামিং জগতটি কতটা বৈচিত্র্যময় এবং আকর্ষণীয়। এবং শুনুন – এটি এখনও কোড লেখার বিষয়ে নয়, তাই এখানে কোনো চাপ নেই! নিজেকে একজন প্রোগ্রামিং ভাষার গোয়েন্দা মনে করুন আপনার প্রথম উত্তেজনাপূর্ণ কেসে!
+**বোনাস গোয়েন্দা কাজ**: দেখতে পারেন কোন প্রধান ওয়েবসাইট বা অ্যাপ কোন ভাষা দিয়ে তৈরি। আমি নিশ্চিত আপনি অবাক হবেন কীভাবে Instagram, Netflix, বা আপনি যে মোবাইল গেমটি খেলতে থামাতে পারেন না, সেগুলো কী দিয়ে চালানো হয়!
 
-**আপনার মিশন, যদি আপনি এটি গ্রহণ করতে চান:**
-1. **একজন ভাষা অনুসন্ধানকারী হয়ে উঠুন**: সম্পূর্ণ ভিন্ন জগতের তিনটি প্রোগ্রামিং ভাষা বেছে নিন – হয়তো একটি যা ওয়েবসাইট তৈরি করে, একটি যা মোবাইল অ্যাপ তৈরি করে, এবং একটি যা বিজ্ঞানীদের জন্য ডেটা বিশ্লেষণ করে। প্রতিটি ভাষায় লেখা একই সাধারণ কাজের উদাহরণ খুঁজুন। আমি প্রতিশ্রুতি দিচ্ছি আপনি অবাক হবেন যে তারা একই কাজ করতে কতটা ভিন্ন দেখাতে পারে
-## পর্যালোচনা ও স্ব-অধ্যয়ন
+> 💡 **মনে রাখবেন**: আজকে আপনি কোন ভাষায় বিশেষজ্ঞ হতে চাইছেন না। আপনি শুধু আশেপাশের এলাকা চিন্তা করছেন যেখান থেকে আপনি ব্যবসা শুরু করবেন। ধীরে ধীরে, মজা করুন, এবং আপনার কৌতূহলকে পথপ্রদর্শক করুন!
 
-**সময় নিয়ে অন্বেষণ করুন এবং মজা করুন!**
+## চলুন উদযাপন করি আপনি যা আবিষ্কার করেছেন!
 
-আজ আপনি অনেক কিছু শিখেছেন, এবং এটি নিয়ে গর্বিত হওয়া উচিত! এখন মজার অংশ শুরু – সেই বিষয়গুলো অন্বেষণ করা যা আপনার কৌতূহল জাগিয়েছে। মনে রাখবেন, এটি কোনো হোমওয়ার্ক নয় – এটি একটি অভিযান!
+ওহ মাই, আজ আপনি অসাধারণ অনেক তথ্য গ্রহণ করেছেন! আমি সত্যিই উন্মুখ দেখতে যে এই চমৎকার যাত্রার কতটুকু আপনার মনে গেঁথে গেছে। এবং মনে রাখবেন – এটা কোনো পরীক্ষা নয় যে আপনাকে সবকিছু নিখুঁত করতে হবে। এটা একটা উদযাপন আপনার শেখা সব দুর্দান্ত বিষয়ের!
 
-**যে বিষয়গুলো আপনাকে উত্তেজিত করে তার গভীরে যান:**
+[পোস্ট-লেসন কুইজ দিন](https://ff-quizzes.netlify.app/web/)
 
-**প্রোগ্রামিং ভাষার সাথে হাতে-কলমে কাজ করুন:**
-- ২-৩টি ভাষার অফিসিয়াল ওয়েবসাইটে যান যা আপনার আগ্রহ জাগিয়েছে। প্রতিটি ভাষার নিজস্ব ব্যক্তিত্ব এবং গল্প রয়েছে!
-- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), বা [Replit](https://replit.com/) এর মতো অনলাইন কোডিং প্ল্যাটফর্মে চেষ্টা করুন। পরীক্ষা করতে ভয় পাবেন না – কিছুই ভাঙবে না!
-- আপনার প্রিয় ভাষার উৎপত্তি সম্পর্কে পড়ুন। সত্যি বলতে, কিছু ভাষার গল্প খুবই আকর্ষণীয় এবং এটি আপনাকে বুঝতে সাহায্য করবে কেন ভাষাগুলো এভাবে কাজ করে।
+## পর্যালোচনা ও স্ব-অধ্যয়ন
 
-**আপনার নতুন টুলগুলোর সাথে পরিচিত হন:**
-- Visual Studio Code ডাউনলোড করুন যদি এখনও না করে থাকেন – এটি বিনামূল্যে এবং আপনি এটি পছন্দ করবেন!
-- Extensions মার্কেটপ্লেসে কয়েক মিনিট সময় কাটান। এটি আপনার কোড এডিটরের জন্য একটি অ্যাপ স্টোরের মতো!
-- আপনার ব্রাউজারের Developer Tools খুলুন এবং ক্লিক করুন। সবকিছু বুঝতে না পারলেও চিন্তা করবেন না – শুধু পরিচিত হওয়ার চেষ্টা করুন।
+**সময় নিয়ে অন্বেষণ করুন এবং উপভোগ করুন!**
+আপনি আজ অনেক কিছু শিখেছেন, এবং এটা নিয়ে গর্ব করার মত বিষয়! এখন মজার সময় এসেছে – সেই বিষয়গুলো অন্বেষণ করার যেগুলো আপনার কৌতূহল উসকে দিয়েছে। মনে রাখবেন, এটা কোনো হোমওয়ার্ক নয় – এটা এক ধরনের অভিযান!
+
+**আপনাকে কি উত্তেজিত করে তা আরও গভীরভাবে জানুন:**
+
+**প্রোগ্রামিং ভাষাগুলোর সাথে হাতেকলমে পরিচিত হোন:**
+- ২-৩টি ভাষার অফিসিয়াল ওয়েবসাইট দেখুন যেগুলো আপনার নজর কেড়েছে। প্রত্যেকটির আলাদা আলাদা ব্যক্তিত্ব এবং গল্প আছে!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), অথবা [Replit](https://replit.com/) এর মত কিছু অনলাইন কোডিং প্লেগ্রাউন্ডে চেষ্টা করুন। ভয় পাবেন না পরিক্ষা করতে – আপনি কিছু ভাঙতে পারবেন না!
+- আপনার পছন্দের ভাষা কিভাবে তৈরি হলো সে সম্পর্কে পড়ুন। সত্যি বলছি, এই ভাষাগুলোর উৎপত্তি গল্পগুলো আকর্ষণীয় এবং এগুলো আপনাকে বুঝতে সাহায্য করবে কেন ভাষাগুলো এমন কাজ করে যেভাবে করে।
+
+**আপনার নতুন টুলগুলোর সাথে স্বাচ্ছন্দ্য বোধ করুন:**
+- যদি এখনও ডাউনলোড না করে থাকেন, তবে Visual Studio Code ডাউনলোড করুন – এটা বিনামূল্যে এবং আপনি এটি পছন্দ করবেন!
+- কয়েক মিনিট নিন Extension মার্কেটপ্লেস দেখতে। এটি আপনার কোড এডিটরের জন্য একটি অ্যাপ স্টোরের মত!
+- আপনার ব্রাউজারের Developer Tools খুলুন এবং শুধু ক্লিক করে দেখুন। সবকিছু বুঝতে হবে না – শুধু যা আছে তা নিয়ে পরিচিত হন।
 
 **কমিউনিটিতে যোগ দিন:**
-- [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 এ কিছু শিখনযোগ্য কোডিং ভিডিও দেখুন। অনেক চমৎকার নির্মাতা আছেন যারা জানেন নতুন শুরু করার অনুভূতি কেমন।
+- স্থানীয় মিটআপ বা অনলাইন কমিউনিটিতে যোগ দেওয়ার কথা ভাবুন। বিশ্বাস করুন, ডেভেলপাররা নতুনদের সাহায্য করতে ভালোবাসে!
+
+> 🎯 **সাবধান, আমি যা বলব মনে রাখবেন**: আপনি রাতারাতি কোডিং জাদুকর হয়ে যাবেন এমন প্রত্যাশা নেই! এখন আপনি শুধু এই আশ্চর্য নতুন জগতের সাথে পরিচিত হচ্ছেন যার অংশ হতে যাচ্ছেন। সময় নিন, যাত্রা উপভোগ করুন, এবং মনে রাখবেন – আপনি যে প্রতিটি ডেভেলপারকে শ্রদ্ধা করেন তারা একসময় ঠিক আপনার মতোই বসে ছিলেন, উত্তেজিত ও হয়তো কিছুটা নগণ্য বোধ করছিলেন। এটা সম্পূর্ণ স্বাভাবিক, এবং এর মানে আপনি সঠিক পথে আছেন!
+
 
-> 🎯 **শুনুন, আমি যা চাই তা মনে রাখুন**: আপনাকে রাতারাতি কোডিং উইজার্ড হয়ে উঠতে হবে না! এখন আপনি এই অসাধারণ নতুন জগতের সাথে পরিচিত হচ্ছেন যা আপনি শীঘ্রই অংশ হতে চলেছেন। সময় নিন, যাত্রাটি উপভোগ করুন, এবং মনে রাখুন – আপনি যেসব ডেভেলপারকে প্রশংসা করেন তারা একসময় ঠিক আপনার মতোই ছিলেন, উত্তেজিত এবং হয়তো কিছুটা বিভ্রান্ত। এটি সম্পূর্ণ স্বাভাবিক, এবং এর মানে আপনি সঠিক পথে আছেন।
 
 ## অ্যাসাইনমেন্ট
 
 [Reading the Docs](assignment.md)
 
-> 💡 **আপনার অ্যাসাইনমেন্টের জন্য একটি ছোট্ট ইঙ্গিত**: আমি সত্যিই চাই আপনি এমন কিছু টুল অন্বেষণ করুন যা আমরা এখনও আলোচনা করিনি! আমরা ইতিমধ্যে আলোচনা করা এডিটর, ব্রাউজার, এবং কমান্ড লাইন টুলগুলো বাদ দিন – সেখানে অসাধারণ ডেভেলপমেন্ট টুলের একটি বিশাল জগৎ রয়েছে যা আবিষ্কারের অপেক্ষায় রয়েছে। এমন টুল খুঁজুন যা সক্রিয়ভাবে রক্ষণাবেক্ষণ করা হয় এবং যেখানে প্রাণবন্ত, সহায়ক কমিউনিটি রয়েছে (এগুলো সাধারণত সেরা টিউটোরিয়াল এবং সহায়ক মানুষদের নিয়ে থাকে যখন আপনি আটকে যান এবং সাহায্যের প্রয়োজন হয়)।
+> 💡 **আপনার অ্যাসাইনমেন্টের জন্য একটি ছোট টিপস**: আমি সত্যিই দেখতে চাই আপনি কিছু নতুন টুল অন্বেষণ করছেন যেগুলো আমরা এখনও আলোচনা করিনি! যেই এডিটর, ব্রাউজার এবং কমান্ড লাইন টুলগুলো আমরা শিখেছি সেগুলো বাদ দিন – এই বিশাল অসাধারণ ডেভেলপমেন্ট টুলসের জগত আছে অপেক্ষা করছে আবিষ্কারের জন্য। এমন গুলো খুঁজুন যেগুলো নিয়মিত আপডেট হয় এবং সুন্দর, সাহায্যকারী কমিউনিটি আছে (এই গুলোই সাধারণত সেরা টিউটোরিয়াল এবং সর্বাধিক সমর্থন পায় যখন আপনি আটকে যান এবং সাহায্যের প্রয়োজন হয়)।
 
 ---
 
 ## 🚀 আপনার প্রোগ্রামিং যাত্রার টাইমলাইন
 
 ### ⚡ **পরবর্তী ৫ মিনিটে আপনি যা করতে পারেন**
-- [ ] ২-৩টি প্রোগ্রামিং ভাষার ওয়েবসাইট বুকমার্ক করুন যা আপনার আগ্রহ জাগিয়েছে
-- [ ] Visual Studio Code ডাউনলোড করুন যদি এখনও না করে থাকেন
-- [ ] আপনার ব্রাউজারের DevTools (F12) খুলুন এবং যেকোনো ওয়েবসাইটে ক্লিক করুন
-- [ ] একটি প্রোগ্রামিং কমিউনিটিতে যোগ দিন (Dev.to, Reddit r/webdev, বা Stack Overflow)
-
-### ⏰ **এই ঘণ্টায় আপনি যা অর্জন করতে পারেন**
-- [ ] লেসন-পরবর্তী কুইজ সম্পন্ন করুন এবং আপনার উত্তরগুলো নিয়ে চিন্তা করুন
-- [ ] GitHub Copilot এক্সটেনশন দিয়ে VS Code সেটআপ করুন
-- [ ] অনলাইনে ২টি ভিন্ন প্রোগ্রামিং ভাষায় "Hello World" উদাহরণ চেষ্টা করুন
-- [ ] YouTube-এ "Day in the Life of a Developer" ভিডিও দেখুন
-- [ ] আপনার প্রোগ্রামিং ভাষার গোয়েন্দাগিরি শুরু করুন (চ্যালেঞ্জ থেকে)
+- [ ] ২-৩টি প্রোগ্রামিং ভাষার ওয়েবসাইট বুকমার্ক করুন যেগুলো নজর কেড়েছে
+- [ ] যদি এখনও না করে থাকেন Visual Studio Code ডাউনলোড করুন
+- [ ] আপনার ব্রাউজারের DevTools (F12) খুলে যেকোনো ওয়েবসাইটে ক্লিক করে দেখুন
+- [ ] একটি প্রোগ্রামিং কমিউনিটিতে যোগদান করুন (Dev.to, Reddit r/webdev, অথবা Stack Overflow)
+
+### ⏰ **এই ঘণ্টায় আপনি যা অর্জন করতে পারেন**
+- [ ] পোস্ট-লেসন কুইজ সম্পন্ন করুন এবং আপনার উত্তর নিয়ে প্রতিফলন করুন
+- [ ] VS Code এ GitHub Copilot এক্সটেনশন সেটআপ করুন
+- [ ] ২টি ভিন্ন প্রোগ্রামিং ভাষায় অনলাইনে "হ্যালো ওয়ার্ল্ড" উদাহরণ চেষ্টা করুন
+- [ ] YouTube এ "একজন ডেভেলাপারের জীবনের এক দিন" ভিডিও দেখুন
+- [ ] আপনার প্রোগ্রামিং ভাষার গোয়েন্দা কাজ শুরু করুন (চ্যালেঞ্জ থেকে)
 
 ### 📅 **আপনার সপ্তাহব্যাপী অভিযান**
-- [ ] অ্যাসাইনমেন্ট সম্পন্ন করুন এবং ৩টি নতুন ডেভেলপমেন্ট টুল অন্বেষণ করুন
-- [ ] সোশ্যাল মিডিয়ায় ৫ জন ডেভেলপার বা প্রোগ্রামিং অ্যাকাউন্ট অনুসরণ করুন
-- [ ] CodePen বা Replit-এ কিছু ছোট্ট তৈরি করার চেষ্টা করুন (এমনকি "Hello, [আপনার নাম]!" হলেও!)
-- [ ] কারো কোডিং যাত্রা নিয়ে একটি ডেভেলপার ব্লগ পোস্ট পড়ুন
-- [ ] একটি ভার্চুয়াল মিটআপে যোগ দিন বা একটি প্রোগ্রামিং টক দেখুন
-- [ ] অনলাইন টিউটোরিয়াল দিয়ে আপনার পছন্দের ভাষা শেখা শুরু করুন
+- [ ] অ্যাসাইনমেন্ট সম্পন্ন করুন এবং ৩টি নতুন ডেভেলপমেন্ট টুল পড়ুন
+- [ ] ৫ জন ডেভেলপার বা প্রোগ্রামিং অ্যাকাউন্ট সোশ্যাল মিডিয়ায় অনুসরণ করুন
+- [ ] CodePen অথবা Replit এ কিছু ছোট্ট কিছু তৈরি করে দেখুন (যেমন "Hello, [Your Name]!")
+- [ ] কারো কোডিং যাত্রা সম্পর্কে একটি ডেভেলপার ব্লগ পোস্ট পড়ুন
+- [ ] একটি ভার্চুয়াল মিটআপে যোগ দিন বা প্রোগ্রামিং টক দেখুন
+- [ ] অনলাইন টিউটোরিয়াল দিয়ে আপনার পছন্দের ভাষা শেখা শুরু করুন
 
 ### 🗓️ **আপনার মাসব্যাপী রূপান্তর**
-- [ ] আপনার প্রথম ছোট প্রকল্প তৈরি করুন (এমনকি একটি সাধারণ ওয়েবপেজ হলেও!)
-- [ ] একটি ওপেন-সোর্স প্রকল্পে অবদান রাখুন (ডকুমেন্টেশন সংশোধন দিয়ে শুরু করুন)
-- [ ] এমন কাউকে মেন্টর করুন যে তার প্রোগ্রামিং যাত্রা শুরু করেছে
-- [ ] আপনার ডেভেলপার পোর্টফোলিও ওয়েবসাইট তৈরি করুন
-- [ ] স্থানীয় ডেভেলপার কমিউনিটি বা স্টাডি গ্রুপের সাথে সংযুক্ত হন
-- [ ] আপনার পরবর্তী শেখার মাইলস্টোন পরিকল্পনা শুরু করুন
+- [ ] আপনার প্রথম ছোট প্রকল্প তৈরি করুন (এমনকি একটি সাধারণ ওয়েবপেজও চলে!)
+- [ ] একটি ওপেন-সোর্স প্রকল্পে অবদান রাখুন (ডকুমেন্টেশন থেকে শুরু করুন)
+- [ ] যাঁরা নতুন শুরু করেছেন তাদের মেন্টর হন
+- [ ] আপনার ডেভেলপার পোর্টফোলিওয়েবসাইট তৈরি করুন
+- [ ] স্থানীয় ডেভেলপার কমিউনিটি বা স্টাডি গ্রুপের সাথে সংযোগ করুন
+- [ ] আপনার পরবর্তী শেখার মাইলস্টোন প্ল্যান করা শুরু করুন
 
-### 🎯 **চূড়ান্ত প্রতিফলন চেক-ইন**
+### 🎯 **চূড়ান্ত প্রতিফলন পরীক্ষা**
 
-**আগে আপনি এগিয়ে যান, একটি মুহূর্ত নিয়ে উদযাপন করুন:**
-- প্রোগ্রামিং সম্পর্কে আজ আপনাকে উত্তেজিত করেছে এমন একটি বিষয় কী?
+**আগে এগিয়ে যাওয়ার আগে এক মুহূর্ত উদযাপন করুন:**
+- আজ কোডিং সম্পর্কে কোন বিষয়টি আপনার সবচেয়ে বেশি উত্তেজিত করেছে?
 - কোন টুল বা ধারণা আপনি প্রথমে অন্বেষণ করতে চান?
-- এই প্রোগ্রামিং যাত্রা শুরু করার ব্যাপারে আপনি কেমন অনুভব করছেন?
-- একজন ডেভেলপারকে আপনি এখন কী প্রশ্ন করতে চান?
+- এই প্রোগ্রামিং যাত্রা শুরু করতে কেমন অনুভব করছেন?
+- এখনই কোন প্রশ্ন আপনি একটি ডেভেলপারকে জিজ্ঞাসা করতে চান?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title আপনার আত্মবিশ্বাস গড়ার যাত্রা
+    section আজ
+      উৎসাহী: 3: You
+      অতিপ্রশস্ত: 4: You
+      উন্মুখ: 5: You
+    section এই সপ্তাহে
+      অনুসন্ধান করা: 4: You
+      শেখা: 5: You
+      সংযোগ করা: 4: You
+    section পরবর্তী মাস
+      নির্মাণ করা: 5: You
+      আত্মবিশ্বাসী: 5: You
+      অন্যদের সাহায্য করা: 5: You
 ```
-
-> 🌟 **মনে রাখবেন**: প্রতিটি বিশেষজ্ঞ একসময় একজন শিক্ষার্থী ছিলেন। প্রতিটি সিনিয়র ডেভেলপার একসময় ঠিক আপনার মতোই অনুভব করেছিলেন – উত্তেজিত, হয়তো কিছুটা বিভ্রান্ত, এবং অবশ্যই সম্ভাবনার প্রতি কৌতূহলী। আপনি অসাধারণ সঙ্গতে আছেন, এবং এই যাত্রা অবিশ্বাস্য হতে চলেছে। প্রোগ্রামিংয়ের চমৎকার জগতে আপনাকে স্বাগতম! 🎉
+> 🌟 **মনে রাখবেন**: প্রত্যেক বিশেষজ্ঞ একজন নবীন ছিলেন। প্রত্যেক সিনিয়র ডেভেলপার ঠিক আপনার মতো অনুভব করতেন – উত্তেজিত, হয়তো একটু হতবাক, এবং নিশ্চয়ই আগ্রহী কী সম্ভব। আপনি অসাধারণ কোম্পানিতে আছেন, এবং এই যাত্রা অসাধারণ হবে। প্রোগ্রামিংয়ের আশ্চর্যজনক জগতে স্বাগতম! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **অস্বীকৃতি**:  
-এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। এর মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী থাকব না।
\ No newline at end of file
+এই নথিটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসম্ভব সঠিকতার চেষ্টা করি, তবে স্বয়ংক্রিয় অনুবাদে ভুল বা অসম্পূর্ণতা থাকতে পারে তা ভালো করে বুঝে নেয়া উচিত। মূল নথিটি তার নিজস্ব ভাষায় কর্তৃপক্ষপূর্ণ উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদ গ্রহণ করা উত্তম। এই অনুবাদের ব্যবহারে সৃষ্টি হওয়া কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bn/AGENTS.md b/translations/bn/AGENTS.md
index 0c2209ea9..32cb471e2 100644
--- a/translations/bn/AGENTS.md
+++ b/translations/bn/AGENTS.md
@@ -2,56 +2,56 @@
 
 ## প্রকল্পের ওভারভিউ
 
-এটি শিক্ষামূলক কারিকুলাম রিপোজিটরি যা ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলো শুরু থেকে শেখানোর জন্য তৈরি। কারিকুলামটি একটি ব্যাপক ১২ সপ্তাহের কোর্স, যা Microsoft Cloud Advocates দ্বারা উন্নয়ন করা হয়েছে, এতে JavaScript, CSS, এবং HTML বিষয়ক ২৪টি হাতে-কলমে শেখার পাঠ অন্তর্ভুক্ত।
+এটি শিক্ষামূলক পাঠক্রমের রেপোজিটরি, যা শুরু থেকেই ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শেখানোর জন্য তৈরি। এই পাঠক্রমটি একটি ব্যাপক ১২ সপ্তাহের কোর্স, যা Microsoft Cloud Advocates দ্বারা উন্নত করা হয়েছে, এবং এতে জাভাস্ক্রিপ্ট, CSS, এবং HTML এর উপর ভিত্তি করে ২৪টি হ্যান্ডস-অন লেসন রয়েছে।
 
 ### মূল উপাদানসমূহ
 
-- **শিক্ষামূলক বিষয়বস্তু**: প্রকল্প-ভিত্তিক মডিউলগুলোতে সাজানো ২৪টি গঠনবদ্ধ পাঠ
-- **প্র্যাকটিক্যাল প্রকল্পসমূহ**: টেরারিয়াম, টাইপিং গেম, ব্রাউজার এক্সটেনশন, স্পেস গেম, ব্যাংকিং অ্যাপ, কোড এডিটর, এবং AI চ্যাট সহকারী
-- **ইন্টারঅ্যাকটিভ কুইজ**: প্রতিটি ৩টি প্রশ্নসহ ৪৮টি কুইজ (পাঠের পূর্ব ও পরবর্তী মূল্যায়ন)
-- **বহুভাষা সহায়তা**: GitHub Actions এর মাধ্যমে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ
-- **প্রযুক্তিসমূহ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য)
+- **শিক্ষামূলক বিষয়বস্তু**: ২৪টি কাঠামোবদ্ধ লেসন, প্রজেক্ট-ভিত্তিক মডিউলে সংগঠিত
+- **ব্যবহারিক প্রজেক্ট**: টেরারিয়াম, টাইপিং গেম, ব্রাউজার এক্সটেনশন, স্পেস গেম, ব্যাংকিং অ্যাপ, কোড এডিটর, এবং AI চ্যাট অ্যাসিস্ট্যান্ট
+- **ইন্টারেক্টিভ কুইজ**: ৪৮টি কুইজ, প্রত্যেকটির মধ্যে ৩টি প্রশ্ন (পূর্ব এবং পরবর্তী লেসন মূল্যায়ন)
+- **মাল্টি-ভাষা সমর্থন**: GitHub Actions ব্যবহার করে ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ
+- **প্রযুক্তি**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI প্রকল্পের জন্য)
 
 ### স্থাপত্য
 
-- পাঠভিত্তিক কাঠামোর শিক্ষামূলক রিপোজিটরি
-- প্রতিটি পাঠের ফোল্ডারে README, কোড উদাহরণ, এবং সমাধানাদি থাকে
-- স্বতন্ত্র প্রকল্পগুলি আলাদা ডিরেক্টরিতে (quiz-app, বিভিন্ন পাঠ প্রকল্প)
-- GitHub Actions (co-op-translator) ব্যবহার করে অনুবাদ সিস্টেম
-- Docsify এর মাধ্যমে ডকুমেন্টেশন পরিবেশিত এবং PDF ফরম্যাটে উপলব্ধ
+- লেসন-ভিত্তিক কাঠামোসহ শিক্ষামূলক রেপোজিটরি
+- প্রতিটি লেসন ফোল্ডারে README, কোড উদাহরণ, এবং সমাধান রয়েছে
+- পৃথক ডিরেক্টরিতে স্ট্যান্ডঅ্যালোন প্রজেক্ট (quiz-app, বিভিন্ন লেসন প্রজেক্ট)
+- GitHub Actions দ্বারা পরিচালিত অনুবাদ ব্যবস্থা (co-op-translator)
+- Docsify এর মাধ্যমে ডকুমেন্টেশন পরিবেশন এবং PDF আকারে পাওয়া যায়
 
-## সেটআপ কমান্ডসমূহ
+## সেটআপ কমান্ড
 
-এই রিপোজিটরি মূলত শিক্ষামূলক বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রকল্পে কাজের জন্য:
+এই রেপোজিটরি প্রধানত শিক্ষামূলক বিষয়বস্তু ব্যবহারের জন্য। নির্দিষ্ট প্রজেক্ট নিয়ে কাজ করার জন্য:
 
-### মূল রিপোজিটরি সেটআপ
+### প্রধান রেপোজিটরি সেটআপ
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Quiz App সেটআপ (Vue 3 + Vite)
+### কুইজ অ্যাপ সেটআপ (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
-npm run dev        # ডেভেলপমেন্ট সার্ভার শুরু করুন
-npm run build      # প্রোডাকশনের জন্য বিল্ড করুন
+npm run dev        # উন্নয়ন সার্ভার শুরু করুন
+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 start          # এপিআই সার্ভার শুরু করুন
 npm run lint       # ESLint চালান
 npm run format     # Prettier দিয়ে ফরম্যাট করুন
 ```
 
-### Browser Extension প্রকল্পসমূহ
+### ব্রাউজার এক্সটেনশন প্রজেক্টসমূহ
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,139 +59,139 @@ npm install
 # ব্রাউজার-নির্দিষ্ট এক্সটেনশন লোডিং নির্দেশাবলী অনুসরণ করুন
 ```
 
-### Space Game প্রকল্পসমূহ
+### স্পেস গেম প্রজেক্টসমূহ
 
 ```bash
 cd 6-space-game/solution
 npm install
-# ব্রাউজারে index.html খুলুন বা Live Server ব্যবহার করুন
+# ব্রাউজারে index.html খুলুন অথবা লাইভ সার্ভার ব্যবহার করুন
 ```
 
-### Chat প্রকল্প (Python Backend)
+### চ্যাট প্রজেক্ট (Python ব্যাকেন্ড)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# GITHUB_TOKEN পরিবেশ পরিবর্তনশীল সেট করুন
+# GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট করুন
 python api.py
 ```
 
-## ডেভেলপমেন্ট ওয়ার্কফ্লো
+## ডেভেলপমেন্ট ওয়ার্কফ্লো
 
-### বিষয়বস্তু অবদানকারীদের জন্য
+### বিষয়বস্তু অবদানকারীদের জন্য
 
-1. **রিপোজিটরি ফর্ক করুন** আপনার GitHub অ্যাকাউন্টে
-2. **লোকাল ক্লোন করুন** আপনার ফর্কটি
-3. **নতুন ব্রাঞ্চ তৈরি করুন** আপনার পরিবর্তনের জন্য
-4. পাঠের বিষয় বা কোড উদাহরণে পরিবর্তন করুন
-5. সংশ্লিষ্ট প্রকল্প ডিরেক্টরিতে কোড পরিবর্তন পরীক্ষণ করুন
-6. অবদান নির্দেশিকা অনুযায়ী পুল রিকোয়েস্ট জমা দিন
+1. আপনার GitHub অ্যাকাউন্টে **রেপোজিটরি ফর্ক করুন**
+2. **আপনার ফর্ক লোকালি ক্লোন করুন**
+3. আপনার পরিবর্তনের জন্য একটি **নতুন ব্রাঞ্চ তৈরি করুন**
+4. লেসন বিষয়বস্তু বা কোড উদাহরণে পরিবর্তন করুন
+5. সংশ্লিষ্ট প্রজেক্ট ডিরেক্টরিতে যেকোনো কোড পরিবর্তন পরীক্ষা করুন
+6. অবদান নির্দেশিকা অনুসরণ করে পুল রিকোয়েস্ট জমা দিন
 
 ### শিক্ষার্থীদের জন্য
 
-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. পোস্ট-লেসন কুইজ নিন
 
 ### লাইভ ডেভেলপমেন্ট
 
-- **ডকুমেন্টেশন**: রুটে `docsify serve` চালান (পোর্ট ৩০০০)
-- **Quiz App**: quiz-app ডিরেক্টরিতে `npm run dev` চালান
-- **প্রকল্পসমূহ**: HTML প্রকল্পের জন্য VS Code Live Server এক্সটেনশন ব্যবহার করুন
-- **API প্রকল্প**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান
+- **ডকুমেন্টেশন**: মূল ফোল্ডারে `docsify serve` চালান (পোর্ট ৩০০০)
+- **কুইজ অ্যাপ**: quiz-app ডিরেক্টরিতে `npm run dev` চালান
+- **প্রজেক্টসমূহ**: HTML প্রজেক্টের জন্য VS Code লাইভ সার্ভার এক্সটেনশন ব্যবহার করুন
+- **API প্রজেক্টসমূহ**: সংশ্লিষ্ট API ডিরেক্টরিতে `npm start` চালান
 
-## টেস্টিং নির্দেশাবলি
+## পরীক্ষার নির্দেশাবলী
 
-### Quiz App টেস্টিং
+### কুইজ অ্যাপ টেস্টিং
 
 ```bash
 cd quiz-app
-npm run lint       # কোড স্টাইল সমস্যাগুলি পরীক্ষা করুন
-npm run build      # বিল্ড সফল হয়েছে কি না যাচাই করুন
+npm run lint       # কোড স্টাইল সমস্যা পরীক্ষা করুন
+npm run build      # বিল্ড সফল হয় কি না যাচাই করুন
 ```
 
-### Bank API টেস্টিং
+### ব্যাংক API টেস্টিং
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # কোড স্টাইল সমস্যাগুলি পরীক্ষা করুন
-node server.js     # সার্ভার ত্রুটি ছাড়াই শুরু হয় কিনা যাচাই করুন
+node server.js     # সার্ভার ত্রুটি ছাড়া শুরু হচ্ছে কিনা যাচাই করুন
 ```
 
-### সাধারণ টেস্টিং পদ্ধতি
+### সাধারণ পরীক্ষার পদ্ধতি
 
-- এটি একটি শিক্ষামূলক রিপোজিটরি, ব্যাপক স্বয়ংক্রিয় টেস্ট নেই
-- ম্যানুয়াল টেস্টিং মূলত:
-  - কোড উদাহরণ ত্রুটিমুক্ত চালানো
-  - ডকুমেন্টেশনের লিঙ্ক সঠিক কাজ করা
-  - প্রকল্পের বিল্ড সফলভাবে সম্পন্ন হওয়া
-  - উদাহরণসমূহ সেরা চর্চানুযায়ী হতে হবে
+- এটি একটি শিক্ষামূলক রেপোজিটরি, পূর্ণাঙ্গ স্বয়ংক্রিয় টেস্ট নেই
+- হাতে পরীক্ষার জোর দেওয়া হয়:
+  - কোড উদাহরণ ভুল ছাড়াই চলা
+  - ডকুমেন্টেশনে লিঙ্ক সঠিক কাজ
+  - প্রজেক্ট বিল্ড সাফল্যের সাথে সম্পন্ন হওয়া
+  - উদাহরণসমূহ সর্বোত্তম অনুশীলন অনুসরণ করে
 
 ### সাবমিশনের আগে যাচাই
 
-- যেখানে package.json আছে ঐ ডিরেক্টরিতে `npm run lint` চালান
-- মার্কডাউন লিঙ্ক যাচাই করুন
-- ব্রাউজার বা Node.js এ কোড উদাহরণ পরীক্ষা করুন
-- অনুবাদগুলি সঠিক কাঠামো বজায় রাখছে কিনা দেখুন
+- যেখানে package.json আছে, সেখানগুলোতে `npm run lint` চালান
+- মার্কডাউন লিঙ্কগুলি বৈধ কিনা যাচাই করুন
+- কোড উদাহরণ ব্রাউজার বা Node.js এ পরীক্ষা করুন
+- অনুবাদ সঠিক কাঠামো বজায় রাখে কিনা পরীক্ষা করুন
 
-## কোড স্টাইল নির্দেশিকা
+## কোড স্টাইল গাইডলাইনস
 
-### JavaScript
+### জাভাস্ক্রিপ্ট
 
 - আধুনিক ES6+ সিনট্যাক্স ব্যবহার করুন
-- প্রকল্পে প্রদত্ত standard ESLint কনফিগারেশন অনুসরণ করুন
-- শিক্ষার স্বচ্ছতার জন্য অর্থবহ ভ্যারিয়েবল ও ফাংশন নাম ব্যবহার করুন
-- শিক্ষার্থীদের জন্য ধারণা ব্যাখ্যা করে মন্তব্য যোগ করুন
-- যেখানে প্রয়োজন Prettier ব্যবহার করে ফরম্যাট করুন
+- প্রজেক্টের ESLint কনফিগারেশন অনুসরণ করুন
+- শিক্ষার্থীদের জন্য অর্থপূর্ণ ভ্যারিয়েবল ও ফাংশন নাম ব্যবহার করুন
+- শিক্ষার্থীদের বোঝার জন্য ব্যাখ্যামূলক কমেন্ট যুক্ত করুন
+- যেখানে প্রিসেট আছে সেখানে Prettier দ্বারা ফরম্যাট করুন
 
 ### HTML/CSS
 
-- সেমান্টিক HTML5 এলিমেন্ট ব্যবহার করুন
-- প্রতিক্রিয়াশীল ডিজাইন নীতিমালা অনুসরণ করুন
-- স্পষ্ট ক্লাস নামকরণ রীতিনীতি
-- শিক্ষার্থীদের জন্য CSS কৌশল ব্যাখ্যা করে মন্তব্য দিন
+- সেম্যান্টিক HTML5 উপাদান ব্যবহার করুন
+- প্রতিক্রিয়াশীল ডিজাইন নীতিমালা অনুসরণ করুন
+- স্পষ্ট ক্লাস নামকরণ পদ্ধতি
+- CSS কৌশলগুলো শিক্ষার্থীদের জন্য ব্যাখ্যা সহ কমেন্ট করুন
 
-### Python
+### পাইথন
 
 - PEP 8 স্টাইল গাইডলাইন অনুসরণ করুন
-- পরিষ্কার, শিক্ষামূলক কোড উদাহরণ দিন
-- শেখার জন্য প্রয়োজনীয় জায়গায় টাইপ হিন্ট যোগ করুন
+- স্পষ্ট, শিক্ষামূলক কোড উদাহরণ দিন
+- শেখার জন্য যেখানে দরকার, টাইপ হিন্ট যুক্ত করুন
 
-### Markdown ডকুমেন্টেশন
+### মার্কডাউন ডকুমেন্টেশন
 
-- স্পষ্ট শিরোনামের শ্রেণিবিন্যাস
-- ল্যাঙ্গুয়েজ স্পেসিফিকেশনসহ কোড ব্লক
-- অতিরিক্ত রিসোর্সের লিঙ্ক
-- `images/` ডিরেক্টরিতে স্ক্রিনশট ও ছবি
-- প্রবেশগম্যতার জন্য ছবির জন্য Alt টেক্সট
+- স্পষ্ট হেডিং হায়ারার্কি বজায় রাখুন
+- ভাষা নির্দিষ্ট করে কোড ব্লক ব্যবহার করুন
+- অতিরিক্ত রিসোর্সের লিঙ্ক দিন
+- `images/` ফোল্ডারে স্ক্রীনশট এবং ছবি সংরক্ষণ করুন
+- প্রাপ্যতায় ছবির জন্য Alt টেক্সট দিন
 
-### ফাইল এরঙগেইজেশন
+### ফাইল সংগঠন
 
-- পাঠগুলো ক্রমানুসারে নম্বরকৃত (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}/` কাঠামোতে
 
 ## বিল্ড এবং ডিপ্লয়মেন্ট
 
-### Quiz App ডিপ্লয়মেন্ট (Azure Static Web Apps)
+### কুইজ অ্যাপ ডিপ্লয়মেন্ট (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 ওয়ার্কফ্লো দ্বারা ডিপ্লয় করে
+# main-এ push করার সময় 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`
 
 ### ডকুমেন্টেশন PDF তৈরি
 
@@ -203,80 +203,80 @@ npm run convert               # ডক্স থেকে পিডিএফ ত
 ### Docsify ডকুমেন্টেশন
 
 ```bash
-npm install -g docsify-cli    # ডকসিফাই বৈশ্বিকভাবে ইনস্টল করুন
-docsify serve                 # লোকালহোস্ট:3000-এ সার্ভ করুন
+npm install -g docsify-cli    # গ্লোবালি Docsify ইনস্টল করুন
+docsify serve                 # লোকালহোস্ট:3000 এ পরিবেশন করুন
 ```
 
-### প্রকল্প-নির্দিষ্ট বিল্ডসমূহ
+### প্রজেক্ট-নির্দিষ্ট বিল্ড
 
-প্রতিটি প্রকল্পের নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে:
-- Vue প্রকল্প: `npm run build` প্রোডাকশন বান্ডেল তৈরি করে
-- স্ট্যাটিক প্রকল্প: বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন
+প্রতিটি প্রজেক্ট ডিরেক্টরির নিজস্ব বিল্ড প্রক্রিয়া থাকতে পারে:
+- Vue প্রজেক্ট: `npm run build` প্রোডাকশন বান্ডেল তৈরি করে
+- স্ট্যাটিক প্রজেক্ট: বিল্ড ধাপ নেই, সরাসরি ফাইল পরিবেশন
 
-## পুল রিকোয়েস্ট নির্দেশিকা
+## পুল রিকোয়েস্ট গাইডলাইন
 
 ### শিরোনাম ফরম্যাট
 
-পরিবর্তনের ক্ষেত্র নির্দিষ্ট স্পষ্ট, বর্ণনামূলক শিরোনাম ব্যবহার করুন:
+পরিবর্তনের ক্ষেত্র স্পষ্টভাবে উল্লেখ করে স্পষ্ট ও বর্ণনামূলক শিরোনাম ব্যবহার করুন:
 - `[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`
 
-### প্রয়োজনীয় যাচাই
+### প্রয়োজনীয় যাচাই
 
-PR জমার আগে:
+PR জমা দেওয়ার আগে:
 
-1. **কোড কোয়ালিটি**:
-   - প্রভাবিত প্রকল্প ডিরেক্টরিতে `npm run lint` চালান
-   - সব লিন্ট ত্রুটি ও সতর্কতা ঠিক করুন
+1. **কোড মান**:
+   - প্রভাবিত প্রজেক্ট ডিরেক্টরিতে `npm run lint` চালান
+   - সব লিন্টিং ত্রুটি ও সতর্কতা ঠিক করুন
 
 2. **বিল্ড যাচাই**:
-   - প্রয়োজনে `npm run build` চালান
-   - কোন বিল্ড ত্রুটি নেই নিশ্চিত করুন
+   - যেখানে প্রযোজ্য, `npm run build` চালান
+   - কোন বিল্ড ত্রুটি নেই তা নিশ্চিত করুন
 
-3. **লিঙ্ক ভ্যালিডেশন**:
+3. **লিঙ্ক যাচাই**:
    - সব মার্কডাউন লিঙ্ক পরীক্ষা করুন
-   - ইমেজ রেফারেন্স কাজ করছে নিশ্চিত করুন
+   - ইমেজ রেফারেন্সগুলো কাজ করছে কিনা যাচাই করুন
 
-4. **বিষয়বস্তু পর্যালোচনা**:
-   - বানান ও ব্যাকরণ ঠিক আছে কিনা দেখুন
-   - কোড উদাহরণ সঠিক ও শিক্ষণীয় কিনা যাচাই করুন
-   - অনুবাদ মূল অর্থ ধরে রেখেছে কিনা নিশ্চিত করুন
+4. **বিষয়বস্তু পর্যালোচনা**:
+   - বানান ও ব্যাকরণ পরীক্ষা করুন
+   - কোড উদাহরণ সঠিক এবং শিক্ষামূলক কিনা নিশ্চিত করুন
+   - অনুবাদগুলি প্রাথমিক অর্থ বজায় রাখে কিনা যাচাই করুন
 
-### অবদান রাখার শর্তাবলী
+### অবদান দেওয়ার শর্ত
 
-- Microsoft CLA-তে সম্মতি (প্রথম PR এ স্বয়ংক্রিয় যাচাই)
+- Microsoft CLA (প্রথম PR এ স্বয়ংক্রিয় যাচাই)
 - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) অনুসরণ করুন
-- বিস্তারিত গাইডলাইনের জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন
-- প্রয়োজনে PR বর্ণনায় ইস্যু নম্বর উল্লেখ করুন
+- বিস্তারিত নির্দেশের জন্য [CONTRIBUTING.md](./CONTRIBUTING.md) দেখুন
+- প্রযোজ্য হলে PR বর্ণনায় ইস্যু নম্বর উল্লেখ করুন
 
-### পর্যালোচনা প্রক্রিয়া
+### পর্যালোচনা প্রক্রিয়া
 
-- PR-গুলো মেইনটেনার ও কমিউনিটির দ্বারা পর্যালোচনা হয়
-- শিক্ষাগত স্পষ্টতা অগ্রাধিকার পায়
-- কোড উদাহরণ বর্তমান সেরা চর্চা অনুসরণ করবে
-- অনুবাদ সঠিকতা ও সাংস্কৃতিক প্রাসঙ্গিকতার জন্য পর্যালোচনা হয়
+- PR গুলো রক্ষণাবেক্ষক ও কমিউনিটি দ্বারা পর্যালোচনা করা হয়
+- শিক্ষামূলক স্পষ্টতা অগ্রাধিকার পায়
+- কোড উদাহরণ সর্বোত্তম অনুশীলন অনুসরণ করে
+- অনুবাদ যথাযথতা ও সাংস্কৃতিক মানানসই কিনা যাচাই করা হয়
 
-## অনুবাদ সিস্টেম
+## অনুবাদ ব্যবস্থা
 
-### স্বয়ংক্রিয় অনুবাদ
+### স্বয়ংক্রিয় অনুবাদ
 
-- GitHub Actions co-op-translator ওয়ার্কফ্লো ব্যবহার করে
-- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ করে
-- মূল ফাইলগুলো মেইন ডিরেক্টরিতে থাকে
-- অনূদিত ফাইল `translations/{language-code}/` ডিরেক্টরিতে থাকে
+- GitHub Actions এ co-op-translator ওয়ার্কফ্লো ব্যবহার করে
+- ৫০+ ভাষায় স্বয়ংক্রিয় অনুবাদ
+- মূল ফাইল প্রধান ডিরেক্টরিতে থাকে
+- অনুবাদ ফাইল থাকে `translations/{language-code}/` ডিরেক্টরিতে
 
-### ম্যানুয়াল অনুবাদ উন্নয়ন যুক্ত করা
+### ম্যানুয়াল অনুবাদ উন্নতি যোগ করা
 
-1. `translations/{language-code}/` এ ফাইল খুঁজুন
-2. কাঠামো বজায় রেখে উন্নতি করুন
-3. কোড উদাহরণ কার্যকরী রাখুন
-4. কোন লোকালাইজড কুইজ কনটেন্ট থাকলে পরীক্ষা করুন
+1. `translations/{language-code}/` ফোল্ডারে ফাইল অবস্থান করুন
+2. কাঠামো বজায় রেখে উন্নতি করুন
+3. কোড উদাহরণগুলি কার্যকর থাকবে নিশ্চিত করুন
+4. স্থানীয়কৃত কুইজ বিষয়বস্তু পরীক্ষা করুন
 
-### অনুবাদের মেটাডেটা
+### অনুবাদ মেটাডেটা
 
-অনূদিত ফাইলগুলোতে মেটাডেটা হেডার থাকে:
+অনুবাদকৃত ফাইলগুলোতে মেটাডেটা হেডার থাকে:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## ডিবাগিং এবং সমস্যা সমাধান
+## ডিবাগিং ও সমস্যার সমাধান
 
-### সাধারণ সমস্যাসমূহ
+### সাধারণ সমস্যা
 
-**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 পোর্ট ৫১৭৩)
 
-**API সার্ভার শুরু হয় না**:
+**API সার্ভার স্টার্ট হয় না**:
 - Node.js সংস্করণ ন্যূনতম (node >=10) নিশ্চিত করুন
-- পোর্ট ইতোমধ্যে ব্যবহৃত হচ্ছে কি না দেখুন
-- সব ডিপেন্ডেন্সি `npm install` দিয়ে ইনস্টল হয়েছে কি না যাচাই করুন
+- পোর্ট ইতিমধ্যে অন্যত্র ব্যবহৃত কিনা দেখুন
+- সব নির্ভরশীলতা `npm install` দিয়ে ইনস্টল করুন
 
-**ব্রাউজার এক্সটেনশন লোড হয় না**:
-- manifest.json সঠিক ফরম্যাটে আছে কি না পরীক্ষা করুন
-- ব্রাউজার কনসোলে ত্রুটি দেখুন
-- ব্রাউজার নির্দিষ্ট এক্সটেনশন ইনস্টলেশন নির্দেশিকা অনুসরণ করুন
+**ব্রাউজার এক্সটেনশন লোড হয় না**:
+- manifest.json সঠিক ফরম্যাটে আছে কিনা যাচাই করুন
+- ব্রাউজার কনসোলে ত্রুটি আছে কিনা দেখুন
+- ব্রাউজার-নির্দিষ্ট এক্সটেনশন ইনস্টলেশন নির্দেশিকা অনুসরণ করুন
 
-**Python চ্যাট প্রকল্প সমস্যা**:
-- OpenAI প্যাকেজ ইনস্টল করুন: `pip install openai`
-- GITHUB_TOKEN পরিবেশ ভেরিয়েবল সেট আছে নিশ্চিত করুন
-- GitHub Models অ্যাক্সেস অনুমতি পরীক্ষা করুন
+**পাইথন চ্যাট প্রজেক্ট সমস্যা**:
+- OpenAI প্যাকেজ ইনস্টল আছে কিনা নিশ্চিত করুন: `pip install openai`
+- GITHUB_TOKEN পরিবেশ পরিবর্তনশীল সেট আছে কিনা দেখুন
+- GitHub Models অ্যাক্সেস অনুমতি যাচাই করুন
 
-**Docsify ডক সার্ভ করেনা**:
+**Docsify ডকস পরিবেশন করছে না**:
 - গ্লোবালি docsify-cli ইনস্টল করুন: `npm install -g docsify-cli`
-- রিপোজিটরি রুট ডিরেক্টরি থেকে চালান
-- `docs/_sidebar.md` আছে কিনা দেখুন
+- রেপোজিটরি রুট থেকে চালান
+- `docs/_sidebar.md` আছে কিনা চেক করুন
 
-### ডেভেলপমেন্ট এনভায়রনমেন্ট টিপস
+### ডেভেলপমেন্ট পরিবেশ টিপস
 
-- HTML প্রকল্পে VS Code এর Live Server এক্সটেনশন ব্যবহার করুন
-- সামঞ্জস্যপূর্ণ ফরম্যাটিংয়ের জন্য ESLint ও Prettier এক্সটেনশন ইনস্টল করুন
-- JavaScript ডিবাগিংয়ের জন্য ব্রাউজার DevTools ব্যবহার করুন
-- Vue প্রকল্পে Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন
+- HTML প্রজেক্টের জন্য VS Code লাইভ সার্ভার এক্সটেনশন ব্যবহার করুন
+- ESLint এবং Prettier এক্সটেনশন ইনস্টল করুন সামঞ্জস্যপূর্ণ ফরম্যাটিংয়ের জন্য
+- জাভাস্ক্রিপ্ট ডিবাগ করার জন্য ব্রাউজার DevTools ব্যবহার করুন
+- Vue প্রজেক্টের জন্য Vue DevTools ব্রাউজার এক্সটেনশন ইনস্টল করুন
 
-### পারফরমেন্স বিবেচনা
+### কর্মক্ষমতার বিবেচনা
 
-- অনুবাদের বড় সংখ্যা (৫০+ ভাষা) মানে সম্পূর্ণ ক্লোন বড় হয়
-- কেবল বিষয়বস্তু নিয়ে কাজ করলে শ্যালো ক্লোন ব্যবহার করুন: `git clone --depth 1`
-- ইংরেজি কাজ করার সময় অনুবাদ খোঁজ থেকে বাদ দিন
-- বিল্ড প্রক্রিয়া প্রথমবার ধীর হতে পারে (npm install, Vite build)
+- অনুবাদের সংখ্যা অনেক বেশি (৫০+ ভাষা), তাই সম্পূর্ণ ক্লোন বড় হয়
+- শুধুমাত্র বিষয়বস্তুতে কাজ করলে shallow clone ব্যবহার করুন: `git clone --depth 1`
+- ইংরেজি বিষয়বস্তুতে কাজ করার সময় অনুবাদগুলি অনুসন্ধান থেকে বাদ দিন
+- প্রথম রান-এ বিল্ড প্রক্রিয়া ধীর হতে পারে (npm install, Vite build)
 
-## নিরাপত্তা বিষয়সমূহ
+## নিরাপত্তা বিবেচনা
 
-### পরিবেশ ভেরিয়েবল
+### পরিবেশ পরিবর্তনশীল
 
-- API কী কখনো রিপোজিটরিতে কমিট করবেন না
-- `.env` ফাইল ব্যবহার করুন (আগেই `.gitignore` এ আছে)
-- প্রয়োজনীয় পরিবেশ ভেরিয়েবল প্রকল্প README-তে ডকুমেন্ট করুন
+- API কী কখনো রেপোজিটরিতে কমিট করবেন না
+- `.env` ফাইল ব্যবহার করুন (যা `.gitignore` তে রয়েছে)
+- প্রয়োজনীয় পরিবেশ পরিবর্তনশীল প্রকল্প README তে ডকুমেন্ট করুন
 
-### Python প্রকল্পসমূহ
+### পাইথন প্রজেক্টসমূহ
 
-- ভার্চুয়াল এনভায়রনমেন্ট ব্যবহার করুন: `python -m venv venv`
-- ডিপেন্ডেন্সি আপডেট রাখুন
-- GitHub টোকেনগুলোর ন্যূনতম প্রয়োজনীয় অনুমতি থাকা উচিত
+- ভার্চুয়াল এনভায়রনমেন্ট ব্যবহার করুন: `python -m venv venv`
+- নির্ভরশীলতা আপডেট রাখুন
+- GitHub টোকেনের জন্য ন্যূনতম অনুমতি দিন
 
-### GitHub Models অ্যাক্সেস
+### GitHub মডেল অ্যাক্সেস
 
-- GitHub Models ব্যবহারের জন্য Personal Access Tokens (PAT) প্রয়োজন
-- টোকেনগুলো পরিবেশ ভেরিয়েবল হিসেবে সংরক্ষণ করুন
-- টোকেন বা ক্রেডেনশিয়াল কখনো কমিট করবেন না
+- GitHub মডেলের জন্য পার্সোনাল অ্যাক্সেস টোকেন (PAT) প্রয়োজন
+- টোকেন পরিবেশ পরিবর্তনশীল হিসেবে সংরক্ষণ করুন
+- কখনো টোকেন বা ক্রেডেনশিয়াল কমিট করবেন না
 
 ## অতিরিক্ত নোট
 
 ### লক্ষ্য শ্রোতা
 
-- সম্পূর্ণ নবীনদের জন্য যারা ওয়েব ডেভেলপমেন্ট শুরু করছেন
-- শিক্ষার্থী ও স্বশিক্ষার্থীরা
-- শ্রেণিকক্ষে কারিকুলাম ব্যবহারকারী শিক্ষকরা
-- প্রবেশগম্যতা এবং ধাপে ধাপে দক্ষতা অর্জনের জন্য ডিজাইন করা বিষয়বস্তু
+- সম্পূর্ণ শুরু থেকে ওয়েব ডেভেলপমেন্ট শিখতে ইচ্ছুক
+- ছাত্র ও স্ব-শিক্ষার্থী
+- শ্রেণিকক্ষে পাঠক্রম ব্যবহারকারী শিক্ষকগণ
+- বিষয়বস্তুটি অ্যাক্সেসিবিলিটি এবং ধাপে ধাপে দক্ষতা গড়ে তোলার জন্য ডিজাইন করা হয়েছে
 
-### শিক্ষাদর্শন
+### শিক্ষামূলক দার্শনিকতা
 
-- প্রকল্প-ভিত্তিক শেখার পদ্ধতি
-- ঘন ঘন জ্ঞান যাচাই (কুইজ)
-- হাতে-কলমে কোডিং অনুশীলন
-- বাস্তব জীবনের প্রয়োগের উদাহরণ
-- ফ্রেমওয়ার্কের আগে মৌলিক বিষয়গুলোর উপর কেন্দ্রিত
+- প্রজেক্ট-ভিত্তিক শিক্ষা পদ্ধতি
+- নিয়মিত জ্ঞান যাচাই (কুইজ)
+- হাতে কোডিং অনুশীলন
+- বাস্তব-জগতের প্রয়োগ উদাহরণ
+- ফ্রেমওয়ার্কের আগে মৌলিক বিষয়গুলিতে ফোকাস
 
-### রিপোজিটরি রক্ষণাবেক্ষণ
+### রেপোজিটরি রক্ষণাবেক্ষণ
 
-- সক্রিয় শিক্ষার্থী এবং অবদানকারীদের কমিউনিটি
-- ডিপেন্ডেন্সি ও বিষয়বস্তু নিয়মিত আপডেট হয়
-- ইস্যু ও আলোচনা মেইনটেনার দ্বারা পর্যবেক্ষণ করা হয়
-- অনুবাদ আপডেটগুলো GitHub Actions দ্বারা স্বয়ংক্রিয়
+- সক্রিয় শিক্ষার্থী ও অবদানকারীদের কমিউনিটি
+- নির্ভরশীলতা ও বিষয়বস্তু নিয়মিত আপডেট
+- রক্ষণাবেক্ষক দ্বারা সমস্যা ও আলোচনা মনিটর করা হয়
+- অনুবাদের আপডেট স্বয়ংক্রিয়ভাবে GitHub Actions ব্যবহার করে
 
-### সম্পর্কিত রিসোর্স
+### সংশ্লিষ্ট রিসোর্স
 
-- [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, ডেটা সায়েন্স, এমএল, IoT কারিকুলাম উপলব্ধ
+- [Microsoft Learn মডিউলস](https://docs.microsoft.com/learn/)
+- [Student Hub রিসোর্স](https://docs.microsoft.com/learn/student-hub/)
+- শিক্ষার্থীদের জন্য প্রস্তাবিত [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- অতিরিক্ত কোর্স: Generative AI, Data Science, ML, IoT পাঠক্রম উপলব্ধ
 
-### নির্দিষ্ট প্রকল্পে কাজ করা
+### নির্দিষ্ট প্রজেক্টের সাথে কাজ
 
-বিভিন্ন প্রকল্পের বিস্তারিত নির্দেশনার জন্য সংশ্লিষ্ট README ফাইল দেখুন:
-- `quiz-app/README.md` - Vue 3 কুইজ অ্যাপ্লিকেশন
-- `7-bank-project/README.md` - অথেনটিকেশনসহ ব্যাংকিং অ্যাপ্লিকেশন
+বিস্তারিত নির্দেশনার জন্য প্রতিটি প্রজেক্টের 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 চ্যাট সহকারী প্রকল্প
+- `9-chat-project/README.md` - AI চ্যাট অ্যাসিস্ট্যান্ট প্রজেক্ট
 
-### মনোরিপো কাঠামো
+### মনোরেপো স্ট্রাকচার
 
-যদিও এটি একটি প্রচলিত মনোরিপো নয়, এই রিপোজিটরিতে একাধিক স্বতন্ত্র প্রকল্প আছে:
-- প্রতিটি পাঠ নিজস্ব সম্পূর্ণ
-- প্রকল্পগুলো ডিপেন্ডেন্সি শেয়ার করে না
-- একাধিক প্রকল্প একই সাথে প্রভাবিত না করে কাজ করা যায়
-- পুরো কারিকুলামের জন্য রিপো সম্পূর্ণ ক্লোন করুন
+এটি প্রচলিত মনোরেপো না হলেও, এই রেপোজিটরিতে একাধিক স্বাধীন প্রজেক্ট রয়েছে:
+- প্রতিটি লেসন স্বতন্ত্র
+- প্রজেক্টগুলি নির্ভরশীলতা শেয়ার করে না
+- একক প্রজেক্টে কাজ করুন অন্যদের প্রভাব না ফেলেই
+- সম্পূর্ণ পাঠক্রম অভিজ্ঞতার জন্য পুরো রেপো ক্লোন করুন
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**অস্বীকৃতি**:  
-এই ডকুমেন্টটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসাধ্য সঠিকতা বজায় রাখতে চেষ্টা করলেও, স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল নথি তার নিজস্ব ভাষায়ই প্রামাণিক উৎস হিসেবে বিবেচিত হওয়া উচিত। জরুরি বা গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদের ব্যবহারে সৃষ্ট কোন ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
+**ডিসক্লেইমার**:  
+এই ডকুমেন্টটি এআই অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। যদিও আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে তা অনুগ্রহ করে বিবেচনা করুন। মুল নথিটি তার নিজস্ব ভাষায় সর্বসম্মতিকৃত উৎস হিসাবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানুষের করা অনুবাদের সুপারিশ করা হয়। এই অনুবাদের ব্যবহারে কোনও ভুল বোঝাবুঝি বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/bn/README.md b/translations/bn/README.md
index 3a48f7745..3c2d3d349 100644
--- a/translations/bn/README.md
+++ b/translations/bn/README.md
@@ -10,204 +10,210 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# নবীনদের জন্য ওয়েব ডেভেলপমেন্ট - একটি পাঠ্যক্রম
+# বেগিনার্সের জন্য ওয়েব ডেভেলপমেন্ট - একটি শিক্ষাক্রম
 
-মাইক্রোসফট ক্লাউড অ্যাডভোকেটদের দ্বারা প্রণীত ১২-সপ্তাহের সমগ্র কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয়গুলি শিখুন। ২৪টি পাঠে জাভাস্ক্রিপ্ট, CSS, এবং HTML হাতেকলমে প্রকল্প যেমন টেরারিয়াম, ব্রাউজার এক্সটেনশান এবং স্পেস গেমের মাধ্যমে বিস্তারিত আলোচনা করা হয়েছে। কুইজ, আলোচনা এবং ব্যবহারিক নিয়োগ সংযুক্ত রয়েছে। আমাদের কার্যকর প্রকল্পভিত্তিক শেখার পদ্ধতির মাধ্যমে আপনার দক্ষতা বৃদ্ধি করুন এবং জ্ঞান ধারণ ক্ষমতা উন্নত করুন। আজই আপনার কোডিং যাত্রা শুরু করুন!
+Microsoft Cloud Advocates দ্বারা পরিচালিত ১২ সপ্তাহের বিস্তৃত কোর্সের মাধ্যমে ওয়েব ডেভেলপমেন্টের মৌলিক বিষয় শিখুন। ২৪টি পাঠের প্রতিটির মধ্যে JavaScript, 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)
+এনিয়ে কাজ শুরু করতে নিম্নলিখিত ধাপগুলি অনুসরণ করুন:
+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 এ যোগ দিন এবং বিশেষজ্ঞ ও সহকর্মী ডেভেলপারদের সঙ্গে পরিচিত হন**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 মাল্টি-ল্যাঙ্গুয়েজ সাপোর্ট
+### 🌐 বহু-ভাষা সমর্থন
 
-#### GitHub Action দ্বারা সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা আপডেট থাকে)
+#### GitHub Action দ্বারা সমর্থিত (স্বয়ংক্রিয় এবং সর্বদা আপ-টু-ডেট)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **লোকালি ক্লোন করতে চান?**
-
-> এই রিপোজিটরিতে ৫০+ ভাষার অনুবাদ অন্তর্ভুক্ত যা ডাউনলোডের আকার অনেক বৃদ্ধি করে। অনুবাদ ছাড়া ক্লোন করতে 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"
+> ```
+>
+> এভাবে আপনি খুব দ্রুত ডাউনলোডের মাধ্যমে পুরো কোর্স সম্পন্ন করতে যা যা প্রয়োজন তা পাবেন।
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**আপনি যদি অতিরিক্ত ভাষার সমর্থন চান তবে সেগুলি [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) তালিকাভুক্ত।**
+**আপনি যদি অতিরিক্ত অনুবাদ ভাষাসমূহ চাইতে চান, তারা [এখানে](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) তালিকাভুক্ত আছে**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _আপনি কি একজন ছাত্র?_
+#### 🧑‍🎓 _আপনি কি ছাত্র?_
 
-[**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 🚀" দেখুন। এটি GitHub Copilot এবং Agent মোড ব্যবহার করে সম্পন্ন করার জন্য একটি নতুন চ্যালেঞ্জ। আপনি যদি আগে Agent মোড ব্যবহার না করে থাকেন, এটি শুধুমাত্র টেক্সট তৈরি করে না, ফাইল তৈরি ও সম্পাদনা, কমান্ড চালাতে এবং আরও অনেক কাজ করতে সক্ষম।
+নতুন চ্যালেঞ্জ যুক্ত হয়েছে, বেশিরভাগ অধ্যায়ে "GitHub Copilot Agent Challenge 🚀" খুঁজুন। এটি আপনাদের জন্য GitHub Copilot এবং Agent মোড ব্যবহার করে নতুন একটি চ্যালেঞ্জ। যদি আগে Agent মোড ব্যবহার না করে থাকেন, এটি কেবল টেক্সট তৈরি করে না, এছাড়াও ফাইল তৈরি ও সম্পাদনা করতে, কমান্ড রান করতে এবং আরও অনেক কিছু করতে সক্ষম।
 
-### 📣 ঘোষণা - _Generative AI ব্যবহার করে নতুন প্রকল্প তৈরি_ 
+### 📣 ঘোষণা - _Generative AI ব্যবহার করে নতুন প্রকল্প তৈরি করুন_ 
 
-নতুন AI Assistant প্রকল্প যুক্ত হয়েছে, এটি দেখুন [প্রকল্প](./9-chat-project/README.md)
+নতুন AI অ্যাসিস্ট্যান্ট প্রকল্প যোগ করা হয়েছে, দেখে নিন [প্রকল্প](./9-chat-project/README.md)
 
-### 📣 ঘোষণা - _Generative AI এর জন্য নতুন কোর্স_ সম্প্রতি প্রকাশিত হয়েছে
+### 📣 ঘোষণা - _Generative AI_ জন্য জাভাস্ক্রিপ্টের নতুন শিক্ষাক্রম প্রকাশিত হয়েছে
 
-আমাদের নতুন Generative 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)
 
 ![Background](../../translated_images/bn/background.148a8d43afde5730.webp)
 
-- মৌলিক থেকে RAG পর্যন্ত সবকিছুর পাঠ।
-- GenAI এবং আমাদের সহচর অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে ইন্টারঅ্যাক্ট করুন।
-- মজার এবং আকর্ষণীয় বর্ণনা, আপনি সময় ভ্রমণ করবেন!
+- বেসিক থেকে RAG পর্যন্ত সবকিছু কভার করে লেসন।
+- GenAI এবং আমাদের কম্পানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সঙ্গে যোগাযোগ করুন।
+- মজার এবং আকর্ষণীয় বর্ণনা, আপনি টাইম ট্রাভেল করবেন!
 
 ![character](../../translated_images/bn/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) ব্যবহার করে চালাতে পারেন।
 
 #### আপনার রিপোজিটরি তৈরি করুন
-আপনার কাজ সহজে সংরক্ষণ করার জন্য, আপনার নিজস্ব একটি কপি এই রিপোজিটরির তৈরি করা সুপারিশ করা হয়। এটি করতে আপনি পৃষ্ঠার উপরের দিকের **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/bn/createcodespace.0238bbf4d7a8d955.webp)
 
-#### আপনার কম্পিউটারে লোকালি পাঠ্যক্রম চালানো
+#### আপনার কম্পিউটারে লোকালি শিক্ষাক্রম চালানো
 
-আপনার কম্পিউটারে লোকালি পাঠ্যক্রম চালাতে, আপনার একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল প্রয়োজন। আমাদের প্রথম পাঠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে প্রতিটি সরঞ্জামের বিভিন্ন অপশন সম্পর্কে পথ দেখাবে যেন আপনি নিজের জন্য সেরা নির্বাচন করতে পারেন।
+আপনার কম্পিউটারে লোকালি শিক্ষাক্রম চালানোর জন্য একটি টেক্সট এডিটর, একটি ব্রাউজার এবং একটি কমান্ড লাইন টুল দরকার। আমাদের প্রথম লেসন, [প্রোগ্রামিং ভাষা ও ট্রেডের সরঞ্জাম পরিচিতি](../../1-getting-started-lessons/1-intro-to-programming-languages), আপনাকে বিভিন্ন বিকল্প নিয়ে গাইড করবে যাতে আপনি যা সবচেয়ে ভালো মনে করেন তা নির্বাচন করতে পারবেন।
 
-আমাদের সুপারিশ হল [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যেটিতে একটি অন্তর্নির্মিত [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) রয়েছে। আপনি Visual Studio Code [এখানে](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) থেকে ডাউনলোড করতে পারেন।
-
-
-1. আপনার রিপোজিটরিটি আপনার কম্পিউটারে ক্লোন করুন। এটি করতে আপনি **Code** বোতামে ক্লিক করে URL কপি করতে পারেন:
+আমাদের সুপারিশ হলো [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ব্যবহার করা, যা একটি বিল্ট-ইন [টার্মিনাল](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) অফার করে। Visual Studio Code ডাউনলোড করতে পারেন [এখানে](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
+1. আপনার রিপোজিটরি আপনার কম্পিউটারে ক্লোন করুন। আপনি এটি করতে পারেন **Code** বোতামে ক্লিক করে এবং URL কপি করে:
 
     [CodeSpace](./images/createcodespace.png)
-তাহলে, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর ভিতরে [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) খুলুন এবং নিম্নলিখিত কমান্ডটি চালান, যেখানে `<your-repository-url>` আপনি যেই URLটি কপি করেছেন সেটির সাথে প্রতিস্থাপন করবেন:
+
+    তারপর, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) এর ভিতরে [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) খুলুন এবং নিম্নলিখিত কমান্ডটি চালান, `<your-repository-url>` এর জায়গায় আপনি যেই URL কপি করেছেন তা বসান:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code এ ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** ক্লিক করে এবং আপনি যেই ফোল্ডারটি ক্লোন করেছেন সেটি নির্বাচন করে।
-
+2. Visual Studio Code এ ফোল্ডারটি খুলুন। আপনি এটি করতে পারেন **File** > **Open Folder** ক্লিক করে এবং যেই ফোল্ডারটি আপনি ক্লোন করেছেন তা নির্বাচন করে।
 
->  সুপারিশকৃত Visual Studio Code এক্সটেনশনসমূহ:
+>  নির্দেশিত Visual Studio Code এক্সটেনশনসমূহ:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code এর ভিতরে HTML পেজের পূর্বরূপ দেখতে
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - দ্রুত কোড লেখার জন্য সাহায্য করতে
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code এর ভিতরে HTML পেজ প্রিভিউ করতে
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - কোড লেখার গতি বাড়াতে সাহায্য করার জন্য
 
 ## 📂 প্রতিটি পাঠ অন্তর্ভুক্ত করে:
 
 - ঐচ্ছিক স্কেচনোট
-- ঐচ্ছিক সহায়ক ভিডিও
-- পাঠের আগে ওয়ার্মআপ কুইজ
+- ঐচ্ছিক পরিপূরক ভিডিও
+- পূর্ব-পাঠ ওয়ার্মআপ কুইজ
 - লিখিত পাঠ
-- প্রকল্প-ভিত্তিক পাঠগুলোর জন্য, প্রকল্প নির্মাণের ধাপে ধাপে নির্দেশিকা
-- জ্ঞান পরীক্ষা
+- প্রকল্প-ভিত্তিক পাঠের জন্য, ধাপে ধাপে গাইড যে প্রকল্পটি কীভাবে তৈরি করতে হয়
+- জ্ঞান যাচাই
 - একটি চ্যালেঞ্জ
-- সহায়ক পাঠ্য
-- নিয়োগ
-- [পাঠোত্তপর কুইজ](https://ff-quizzes.netlify.app/web/)
+- পরিপূরক পাঠ
+- অ্যাসাইনমেন্ট
+- [পোস্ট-পাঠ কুইজ](https://ff-quizzes.netlify.app/web/)
 
-> **কুইজ সম্পর্কিত একটি নোট**: সমস্ত কুইজ Quiz-app ফোল্ডারে রয়েছে, মোট ৪৮টি কুইজ প্রতিটিতে তিনটি প্রশ্ন। সেগুলি পাওয়া যাবে [এখানে](https://ff-quizzes.netlify.app/web/), কুইজ অ্যাপটি স্থানীয়ভাবে চালানো যায় অথবা Azure এ ডিপ্লয় করা যায়; এর জন্য `quiz-app` ফোল্ডারে নির্দেশিকা অনুসরণ করুন।
+> **কুইজ সম্পর্কে একটি নোট**: সব কুইজ `Quiz-app` ফোল্ডারে আছে, মোট ৪৮টি কুইজ যাদের প্রত্যেকটি তিনটি প্রশ্ন নিয়ে গঠিত। এগুলো [এখানে](https://ff-quizzes.netlify.app/web/) পাওয়া যায় এবং কুইজ অ্যাপটি লোকালি চালানো যেতে পারে অথবা Azure তে ডেপ্লয় করা যেতে পারে; `quiz-app` ফোল্ডারের মধ্যে নির্দেশনা অনুসরণ করুন।
 
 ## 🗃️ পাঠসমূহ
 
-|     |                       প্রকল্পের নাম                       |                            শেখানো বিষয়সমূহ                             | শেখার উদ্দেশ্য                                                                                                                |                                                         সংশ্লিষ্ট পাঠ                                                          |         লেখক          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     শুরু করা হচ্ছে                      |           প্রোগ্রামিং পরিচিতি এবং সরঞ্জামের আলোচনা           | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ভিত্তি এবং পেশাদার ডেভেলপারদের কাজ সহজ করতে ব্যবহৃত সফটওয়্যার সম্পর্কে শেখা | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     শুরু করা হচ্ছে                      |             গিটহাবের বুনিয়াদি, টিমের সাথে কাজ করা অন্তর্ভুক্ত             | আপনার প্রকল্পে গিটহাব ব্যবহার করা, কীভাবে কোডবেইজে অন্যদের সাথে সহযোগিতা করবেন শেখা                                        |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     শুরু করা হচ্ছে                      |                             প্রবেশযোগ্যতা                              | ওয়েব প্রবেশযোগ্যতার মৌলিক বিষয়গুলি শেখা                                                                                       |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS বেসিকস                         |                         JavaScript ডেটা টাইপসমূহ                          | JavaScript ডেটা টাইপের মৌলিক বিষয়গুলি                                                                                         |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS বেসিকস                         |                         ফাংশন এবং মেথডসমূহ                          | একটি অ্যাপ্লিকেশনের লজিক ফ্লো পরিচালনার জন্য ফাংশন এবং মেথড সম্পর্কে শেখা                                                     |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine এবং Christopher |
-| 06  |                        JS বেসিকস                         |                        JS দিয়ে সিদ্ধান্ত নেওয়া                        | কিভাবে আপনার কোডে শর্ত তৈরি করবেন সিদ্ধান্ত গ্রহণ পদ্ধতি ব্যবহার করে শেখা                                                       |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS বেসিকস                         |                            অ্যারে এবং লুপ                            | JavaScript এ অ্যারে এবং লুপ ব্যবহার করে ডেটার সাথে কাজ করা                                                                       |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [টেরারিয়াম](./3-terrarium/solution/README.md)       |                            HTML অনুশীলনে                            | অনলাইন টেরারিয়াম তৈরির জন্য HTML নির্মাণ, বিন্যাস নির্মাণে গুরুত্ব দেওয়া                                                       |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [টেরারিয়াম](./3-terrarium/solution/README.md)       |                            CSS অনুশীলনে                             | অনলাইন টেরারিয়ামের স্টাইল করার জন্য CSS তৈরি, CSS এর মৌলিক বিষয় এবং পেজ রেসপনসিভ করা শেখা                                   |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [টেরারিয়াম](./3-terrarium/solution/README.md)            |                JavaScript ক্লোজার, DOM ম্যানিপুলেশন                  | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য JavaScript নির্মাণ, ক্লোজার এবং DOM ম্যানিপুলেশনে গুরুত্ব দেওয়া       |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [টাইপিং গেম](./4-typing-game/solution/README.md)          |                          একটি টাইপিং গেম তৈরি                           | কিবোর্ড ইভেন্ট ব্যবহার করে কিভাবে আপনার JavaScript অ্যাপের লজিক চালানো হয় শিখুন                                             |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) |                         ব্রাউজারের সাথে কাজ                          | ব্রাউজার কিভাবে কাজ করে, তার ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদান তৈরি করা শেখা                                      |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং স্থানীয় স্টোরেজে ভেরিয়েবল সংরক্ষণ | API কল করার জন্য আপনার ব্রাউজার এক্সটেনশনের JavaScript উপাদান তৈরি করুন, স্থানীয় স্টোরেজে সংরক্ষিত ভেরিয়েবল ব্যবহার করে     |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) |          ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরমেন্স          | এক্সটেনশনের আইকন পরিচালনার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরমেন্স এবং কিছু অপ্টিমাইজেশন সম্পর্কে শেখা   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [স্পেস গেম](./6-space-game/solution/README.md)           |             JavaScript দিয়ে আরও উন্নত গেম ডেভেলপমেন্ট             | ক্লাস এবং কম্পোজিশন উভয় ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন শেখা, একটি গেম নির্মাণের জন্য প্রস্তুতি                        |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                           ক্যানভাসে ড্রয়িং                            | স্ক্রীনে এলিমেন্ট আঁকার জন্য ব্যবহৃত Canvas API সম্পর্কে শেখা                                                                    |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                   স্ক্রীনের চারপাশে এলিমেন্ট সরানো                   | কিভাবে কার্তেসিয়ান কোঅর্ডিনেট এবং Canvas API ব্যবহার করে এলিমেন্টগুলোকে মুভ করানো যায় শেখা                                    |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                          সংঘর্ষ শনাক্তকরণ                           | কীপ্রেস ব্যবহার করে এলিমেন্টগুলোকে সংঘর্ষ করানো এবং একে অপরের প্রতি প্রতিক্রিয়া দেখানো; গেমের পারফরমেন্স নিশ্চিত করতে কুলডাউন ফাংশন ব্যবহার করা |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                             স্কোর রাখা                               | গেমের পরিস্থিতি ও পারফরমেন্সের ওপর ভিত্তি করে গণিতের হিসাব-নিকাশ করা                                                              |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                     গেম শেষ করা এবং পুনরায় শুরু করা                     | গেম শেষ করা এবং পুনরায় শুরু করার বিষয়ে শেখা, সম্পদ পরিষ্কার করা এবং ভেরিয়েবলের মান রিসেট করা                                |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                 ওয়েব অ্যাপে HTML টেমপ্লেট এবং রাউটসমূহ                 | মাল্টিপেজ ওয়েবসাইট আর্কিটেকচারের স্ক্যাফোল্ড তৈরি করা শিখুন রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                  লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি                   | ফর্ম তৈরি এবং যাচাইকরণ পদ্ধতি সম্পর্কে শেখা                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                   ডেটা সংগ্রহ এবং ব্যবহারের পদ্ধতি                   | আপনার অ্যাপের ভিতরে ও বাইরে ডেটার প্রবাহ, কিভাবে তা সংগ্রহ, সংরক্ষণ এবং মুছে ফেলা যায় শিখুন                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                      স্টেট ম্যানেজমেন্ট ধারণা                      | আপনার অ্যাপ কিভাবে অবস্থা ধরে রাখে এবং প্রোগ্রাম্যাটিকভাবে তা কিভাবে পরিচালনা করবেন শেখা                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [ব্রাউজার/VScode কোড](../../8-code-editor) | VScode এর সাথে কাজ করা | কোড এডিটর ব্যবহার শিখুন | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI সহকারী](./9-chat-project/README.md) | AI এর সাথে কাজ করা | নিজের AI সহকারী তৈরি শেখা | [AI Assistant project](./9-chat-project/README.md) | Chris |
-
-## 🏫 শিক্ষণশাস্ত্র
-
-আমাদের পাঠ্যক্রম দুইটি মূল শিক্ষণ নীতির ভিত্তিতে ডিজাইন করা হয়েছে:
-* প্রকল্প-ভিত্তিক শিক্ষা
-* ঘন ঘন কুইজ পরীক্ষা
-
-এই প্রোগ্রামটি JavaScript, HTML এবং CSS এর মৌলিক বিষয় শেখায়, পাশাপাশি বর্তমান ওয়েব ডেভেলপাররা যেসব সরঞ্জাম ও প্রযুক্তি ব্যবহার করে তা শেখায়। ছাত্ররা টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, পরিবেশবান্ধব ব্রাউজার এক্সটেনশন, স্পেস ইনভেডার ধরণের গেম এবং ব্যবসার জন্য একটি ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জনের সুযোগ পাবে। সিরিজের শেষে, শিক্ষার্থীরা ওয়েব ডেভেলপমেন্ট সম্পর্কে একটি শক্তিশালী ধারণা লাভ করবে।
-
-> 🎓 আপনি এই পাঠ্যক্রমের প্রথম কয়েকটি পাঠ Microsoft Learn এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন!
-
-বিষয়বস্তু প্রকল্পের সাথে সামঞ্জস্যপূর্ণ করার মাধ্যমে, শিক্ষার্থীদের জন্য প্রক্রিয়াটি আরও আকর্ষণীয় হয় এবং ধারণাগুলোর স্মরণীয়তা বৃদ্ধি পায়। আমরা JavaScript বেসিকসের কয়েকটি প্রাথমিক পাঠও লিখেছি ধারণাগুলো পরিচয় করানোর জন্য, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ভিডিও টিউটোরিয়াল সংগ্রহ থেকে একটি ভিডিওসহ, যাদের মধ্যে কিছু লেখক এই পাঠ্যক্রমে অবদান রেখেছেন।
-
-তদুপরি, একটি ক্লাসের আগে হালকা স্তরের কুইজ শিক্ষার্থীর শেখার প্রতিশ্রুতি স্থাপন করে, এবং ক্লাসের পর একটি দ্বিতীয় কুইজ আরও স্মরণীয়তা নিশ্চিত করে। এই পাঠ্যক্রমটি নমনীয় এবং মজাদার করার জন্য ডিজাইন করা হয়েছে এবং সম্পূর্ণ অথবা আংশিক অংশগ্রহণ করা যায়। প্রকল্পগুলো ছোট থেকে শুরু করে ১২ সপ্তাহের চক্র শেষে ক্রমশ জটিল হয়ে ওঠে।
-
-যেহেতু আমরা সচেতনভাবে 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.md) এবং [অবদান](CONTRIBUTING.md) নির্দেশিকা দেখুন। আমরা আপনার গঠনমূলক প্রতিক্রিয়াকে স্বাগত জানাই!
-
+|     |                       প্রকল্পের নাম                       |                            শেখানো ধারণাসমূহ                             | শেখার উদ্দেশ্য                                                                                                                  |                                                         লিঙ্ক করা পাঠ                                                          |         লেখক          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
+| 01  |                     শুরু করা                      |           প্রোগ্রামিং এবং ট্রেড টুলসের পরিচিতি           | অধিকাংশ প্রোগ্রামিং ভাষার মৌলিক ধারণা এবং সফটওয়্যার সম্পর্কে জানুন যা পেশাদার ডেভেলপারদের কাজে সাহায্য করে | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     শুরু করা                      |             GitHub এর মৌলিক বিষয়, একটি টিমের সাথে কাজ করা             | GitHub আপনার প্রকল্পে কীভাবে ব্যবহার করবেন, এবং কিভাবে অন্যদের সাথে কোড বেসে সহযোগিতা করবেন                                |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     শুরু করা                      |                             অ্যাকসেসিবিলিটি                              | ওয়েব অ্যাক্সেসিবিলিটির মৌলিক বিষয় শিখুন                                                                                         |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS মৌলিক                         |                         JavaScript ডেটা টাইপ                          | JavaScript ডেটা টাইপের মৌলিক বিষয়                                                                                               |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS মৌলিক                         |                         ফাংশন এবং মেথড                          | অ্যাপ্লিকেশনের লজিক নিয়ন্ত্রণ করার জন্য ফাংশন এবং মেথড সম্পর্কে শিখুন                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS মৌলিক                         |                        JS দিয়ে সিদ্ধান্ত গ্রহণ                        | কোডে শর্ত তৈরি করার জন্য সিদ্ধান্ত গ্রহণ পদ্ধতি সম্পর্কে শিখুন                                                                      |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS মৌলিক                         |                            অ্যারে এবং লুপস                            | JavaScript এ অ্যারে এবং লুপ ব্যবহার করে ডেটার উপর কাজ করুন                                                                         |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML অনুশীলন                            | একটি অনলাইন টেরারিয়াম তৈরি করতে HTML তৈরি করুন, মূলত লেআউট তৈরি করার উপর ফোকাস করুন                                              |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS অনুশীলন                             | অনলাইন টেরারিয়ামের CSS তৈরি করুন, CSS এর মৌলিক বিষয় এবং পেজকে রেসপন্সিভ করার উপরে ফোকাস করুন                                    |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript ক্লোজার, DOM ম্যানিপুলেশন                  | টেরারিয়ামকে ড্র্যাগ/ড্রপ ইন্টারফেস হিসেবে কাজ করানোর জন্য JavaScript তৈরি করুন, ক্লোজার এবং DOM ম্যানিপুলেশনের উপর ফোকাস করুন       |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [টাইপিং গেম](./4-typing-game/solution/README.md)          |                          টাইপিং গেম তৈরি                           | কী-বোর্ড ইভেন্ট ব্যবহার করে JavaScript অ্যাপের লজিক ড্রাইভ করা শিখুন                                                                |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) |                         ব্রাউজারের কাজ                         | ব্রাউজার কিভাবে কাজ করে, এর ইতিহাস এবং ব্রাউজার এক্সটেনশনের প্রথম উপাদানগুলো স্ক্যাফোল্ড করা শিখুন                                |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) | ফর্ম তৈরি, API কল এবং লোকাল স্টোরেজে ভেরিয়েবল সংরক্ষণ | API কল করার জন্য ব্রাউজার এক্সটেনশনের JavaScript উপাদান তৈরি করুন যা লোকাল স্টোরেজে সঞ্চিত ভেরিয়েবল ব্যবহার করে                    |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [গ্রিন ব্রাউজার এক্সটেনশন](./5-browser-extension/solution/README.md) |          ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস, ওয়েব পারফরম্যান্স          | এক্সটেনশনের আইকন ম্যানেজ করার জন্য ব্রাউজারের ব্যাকগ্রাউন্ড প্রসেস ব্যবহার করুন; ওয়েব পারফরম্যান্স এবং কিছু অপ্টিমাইজেশন শিখুন    |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [স্পেস গেম](./6-space-game/solution/README.md)           |             জাভাস্ক্রিপ্ট দিয়ে উন্নত গেম ডেভেলপমেন্ট             | ক্লাস এবং কম্পোজিশন ব্যবহার করে ইনহেরিটেন্স এবং পাব/সাব প্যাটার্ন সম্পর্কে শিখুন, গেম তৈরির প্রস্তুতিতে                              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                           ক্যানভাসে আঁকা                            | ক্যানভাস API সম্পর্কে জানুন, যা স্ক্রিনে এলিমেন্ট আঁকার জন্য ব্যবহৃত হয়                                                              |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                   স্ক্রিনে এলিমেন্টগুলি সরানো                    | কিভাবে কার্টেসিয়ান কোঅর্ডিনেট এবং ক্যানভাস API ব্যবহার করে এলিমেন্টগুলি গতি লাভ করতে পারে তা আবিষ্কার করুন                         |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                          সংঘর্ষ সনাক্তকরণ                           | কীপ্রেস ব্যবহার করে এলিমেন্টগুলিকে সংঘর্ষ করতে এবং একে অপরের সাথে প্রতিক্রিয়া করতে দিন এবং গেমের পারফরম্যান্স নিশ্চিত করতে কুলডাউন ফাংশন দিন |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                             স্কোর রাখা                              | গেমের অবস্থা এবং পারফরম্যান্সের উপর ভিত্তি করে গাণিতিক হিসাব নির্ণয় করুন                                                               |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [স্পেস গেম](./6-space-game/solution/README.md)           |                     গেম শেষ করা এবং পুনরায় শুরু করা                     | গেম শেষ করা এবং পুনরায় শুরু করার সম্পর্কে শিখুন, যার মধ্যে রয়েছে অ্যাসেট পরিষ্কার করা এবং ভেরিয়েবল মান রিসেট করা                    |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                 ওয়েব অ্যাপে HTML টেমপ্লেট এবং রাউট                 | রাউটিং এবং HTML টেমপ্লেট ব্যবহার করে একটি মাল্টিপেজ ওয়েবসাইটের স্থাপত্য তৈরি করতে শিখুন                                               |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                  লগইন এবং রেজিস্ট্রেশন ফর্ম তৈরি                   | ফর্ম তৈরি এবং ভ্যালিডেশন রুটিন হ্যান্ডল করার ব্যাপারে শিখুন                                                                             |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                   ডেটা পাওয়া এবং ব্যবহার করার পদ্ধতি                   | অ্যাপে কীভাবে ডেটা প্রবাহিত হয়, কীভাবে এটি আনা, সংরক্ষণ এবং নিষ্কাশন করা হয় সে সম্পর্কে জানুন                                        |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [ব্যাংকিং অ্যাপ](./7-bank-project/solution/README.md)          |                      স্টেট ম্যানেজমেন্টের ধারণা                      | কীভাবে আপনার অ্যাপ স্টেট ধরে রাখে এবং কীভাবে প্রোগ্রাম্যাটিকভাবে তা নিয়ন্ত্রণ করে সে সম্পর্কে শিখুন                                     |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | VScode এর সাথে কাজ করা | একটি কোড এডিটর ব্যবহার করা শিখুন| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | AI এর সাথে কাজ করা | আপনার নিজস্ব AI সহকারী তৈরি করা শিখুন | [AI Assistant project](./9-chat-project/README.md) | Chris |
+
+## 🏫 পেডাগজি
+
+আমাদের কারিকুলাম দুটি মূল শিক্ষাগত নীতির উপর ভিত্তি করে ডিজাইন করা হয়েছে:
+* প্রকল্প-ভিত্তিক শেখা
+* ঘন ঘন কুইজ
+
+এই প্রোগ্রামটি JavaScript, HTML, এবং CSS এর মৌলিক বিষয়গুলি শেখায়, পাশাপাশি আজকের ওয়েব ডেভেলপারদের ব্যবহৃত সর্বশেষ টুল এবং প্রযুক্তি। শিক্ষার্থীরা একটি টাইপিং গেম, ভার্চুয়াল টেরারিয়াম, ইকো-ফ্রেন্ডলি ব্রাউজার এক্সটেনশন, স্পেস-ইনভেডার-স্টাইল গেম এবং ব্যবসায়ের জন্য একটি ব্যাংকিং অ্যাপ তৈরি করে হাতে কলমে অভিজ্ঞতা অর্জনের সুযোগ পাবে। সিরিজের শেষে শিক্ষার্থীরা ওয়েব ডেভেলপমেন্টের একটি দৃঢ় ধারণা অর্জন করবে।
+
+> 🎓 আপনি এই কারিকুলামের প্রথম কিছু পাঠ Microsoft Learn এ একটি [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) হিসেবে নিতে পারেন!
+
+কন্টেন্ট প্রকল্পের সাথে সামঞ্জস্যপূর্ণ করার মাধ্যমে, প্রক্রিয়াটি শিক্ষার্থীদের জন্য আরও আকর্ষণীয় হয় এবং ধারণাগুলোর ধারণক্ষমতা বাড়ে। আমরা JavaScript এর মৌলিক বিষয়গুলিতে কয়েকটি স্টার্টার পাঠ লিখেছি ধারণাগুলো পরিচয় করানোর জন্য, একটি ভিডিও "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" কালেকশনের সাথে জোড়া দিয়েছি, যার কিছু লেখক এই কারিকুলামেও অবদান রেখেছেন।
+
+অতিরিক্তভাবে, একটি ক্লাসের আগে একটি নিম্ন-দাবি কুইজ শিক্ষার্থীর শেখার উদ্দেশ্য স্থির করে, আর ক্লাসের পরে দ্বিতীয় কুইজ আরও ভালো ধারণার অধিকার নিশ্চিত করে। এই কারিকুলামটি নমনীয় এবং মজাদার হওয়ার জন্য ডিজাইন করা হয়েছে এবং পুরো বা আংশিকভাবে নেওয়া যেতে পারে। প্রকল্পসমূহ ছোট থেকে শুরু করে ১২-সপ্তাহের চক্র শেষে ক্রমশ জটিল হবে।
+
+আমরা ইচ্ছাকৃতভাবে JavaScript ফ্রেমওয়ার্কগুলো প্রবর্তন করা থেকে বিরত রয়েছি যাতে ওয়েব ডেভেলপার হিসেবে মৌলিক দক্ষতা অর্জনের প্রতি ফোকাস রাখা যায়, পরে একটি ভালো পরবর্তী ধাপ হবে Node.js সম্পর্কে শেখা "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ভিডিও কালেকশনের মাধ্যমে।
+
+> আমাদের [আচারসংহিতা](CODE_OF_CONDUCT.md) এবং [অবদান Guidelines](CONTRIBUTING.md) দেখুন। আপনার গঠনমূলক প্রতিক্রিয়া আমরা স্বাগত জানাই!
 
 ## 🧭 অফলাইন অ্যাক্সেস
 
-[Docsify](https://docsify.js.org/#/) ব্যবহার করে আপনি এই ডকুমেন্টেশনটি অফলাইনে চালাতে পারবেন। এই রিপোজিটরিটি ফর্ক করুন, [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart) আপনার লোকাল মেশিনে, তারপর এই রিপোজিটরির মূল ফোল্ডারে যান এবং টাইপ করুন `docsify serve`। ওয়েবসাইটটি আপনার লোকালহোস্টে ৩০০০ পোর্টে সার্ভ হবে: `localhost:3000`।
+আপনি [Docsify](https://docsify.js.org/#/) ব্যবহার করে এই ডকুমেন্টেশন অফলাইনে চালাতে পারেন। এই রিপোটি Fork করুন, আপনার লোকাল মেশিনে [Docsify ইনস্টল করুন](https://docsify.js.org/#/quickstart), তারপর এই রিপোর রুট ফোল্ডারে `docsify serve` টাইপ করুন। ওয়েবসাইটটি আপনার লোকালহোস্টের ৩০০০ পোর্টে চালিত হবে: `localhost:3000`।
 
 ## 📘 পিডিএফ
-
-সমস্ত পাঠের একটি পিডিএফ [এখানে](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) পাওয়া যাবে।
-
+সমস্ত পাঠের একটি পিডিএফ এখানে পাওয়া যেতে পারে [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)।
 
 ## 🎒 অন্যান্য কোর্সসমূহ
-আমাদের দল অন্যান্য কোর্স তৈরি করে! দেখুন:
+
+আমাদের দল অন্যান্য কোর্সও তৈরি করে! দেখে নিন:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -232,7 +238,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)
@@ -243,7 +249,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)
@@ -251,21 +257,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) ফাইল।
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**দায়িত্ব সীমা**:
-এই নথিটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে कृপয়া মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা ভুল থাকতে পারে। মূল নথিটি তার নিজ ভাষায় সর্বাধিক গ্রহণযোগ্য উৎস হিসেবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদ পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহার থেকে উদ্ভূত কোনও ভুল বোঝাবুঝি বা ভ্রান্তির জন্য আমরা দায়ী নই।
+**অস্বীকারোক্তি**:
+এই ডকুমেন্টটি AI অনুবাদ সেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনূদিত হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবুও দয়া করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল নথি তার স্বতন্ত্র ভাষায়ই কর্তৃপক্ষসুত্র হিসেবে বিবেচিত হওয়া উচিত। গুরুত্বপূর্ণ তথ্যের জন্য পেশাদার মানব অনুবাদের পরামর্শ দেওয়া হয়। এই অনুবাদের ব্যবহারে সৃষ্ট কোনো ভুলবোঝা বা ভুল ব্যাখ্যার জন্য আমরা দায়ী নই।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/cs/.co-op-translator.json b/translations/cs/.co-op-translator.json
index 7cf1f1959..8036606ae 100644
--- a/translations/cs/.co-op-translator.json
+++ b/translations/cs/.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-07T04:12:06+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:02:36+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "cs"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:18:33+00:00",
+    "translation_date": "2026-03-06T16:06:41+00:00",
     "source_file": "AGENTS.md",
     "language_code": "cs"
   },
@@ -516,8 +516,8 @@
     "language_code": "cs"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:11:29+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:57:56+00:00",
     "source_file": "README.md",
     "language_code": "cs"
   },
diff --git a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index ef6610bae..ff6c763f5 100644
--- a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,98 +1,98 @@
-# Úvod do programovacích jazyků a moderních vývojářských nástrojů
- 
-Ahoj, budoucí vývojáři! 👋 Můžu vám něco říct, co mi dělá husí kůži každý den? Chystáte se objevovat, že programování není jen o počítačích – je to skutečná superschopnost přivést vaše nejdivočejší nápady k životu!
+# Úvod do programovacích jazyků a moderních nástrojů pro vývojáře
 
-Znám ten moment, kdy používáte svoji oblíbenou aplikaci a všechno do sebe perfektně zapadne? Když kliknete na tlačítko a stane se něco naprosto magického, co vás přiměje říct „wow, jak to DĚLALI?“ No, někdo přesně jako vy – pravděpodobně sedící ve své oblíbené kavárně ve 2 ráno s třetím espressem – napsal kód, který tu magii vytvořil. A teď vás čeká něco, co vám úplně vyrazí dech: na konci této lekce nejen pochopíte, jak to udělali, ale budete přímo chtít to vyzkoušet sami!
+Ahoj, budoucí vývojáři! 👋 Můžu ti říct něco, co mi pokaždé cestou mrazí v zádech? Právě se chystáš objevit, že programování není jen o počítačích – je to o tom mít skutečné superschopnosti přivést k životu své nejdivočejší nápady!
 
-Podívejte, chápu, že programování může být zatím zastrašující. Když jsem začínal já, upřímně jsem si myslel, že musíte být nějací matematičtí géniové nebo kódovat už od pěti let. Ale co mi úplně změnilo pohled: programování je přesně jako naučit se konverzovat v novém jazyce. Začnete „ahoj“ a „děkuji“, pak si objednáváte kávu a než se nadějete, vedete hluboké filozofické debaty! Akorát v tomto případě konverzujete s počítači a upřímně? Jsou to ti nejtrpělivější konverzační partneři na světě – nikdy vás nekritizují za chyby a vždycky jsou nadšení to zkusit znovu!
+Znáš ten moment, kdy používáš svoji oblíbenou aplikaci a vše na sebe perfektně navazuje? Když ťukneš na tlačítko a stane se něco naprosto kouzelného, co tě nechá říct „wow, jak to udělali?“ No, někdo přesně jako ty – pravděpodobně sedí ve své oblíbené kavárně ve 2 ráno u třetího espressa – napsal kód, který to kouzlo stvořil. A teď přijde to, co ti rozum vyrazí: na konci této lekce nejen pochopíš, jak to udělali, ale už nebudeš moct dočkat, až to zkusíš sám!
 
-Dnes si prozkoumáme úžasné nástroje, které činí moderní webový vývoj nejen možným, ale doopravdy návykovým. Mluvím o stejných editorech, prohlížečích a pracovních postupech, které používají vývojáři ve Netflixu, Spotify a ve vašem oblíbeném indie studiu každý den. A tady je část, která vás nadchne: většina těchto profesionálních, průmyslových standardů je úplně zdarma!
+Vidíš, chápu, že programování může teď působit zastrašujícím dojmem. Když jsem začínal, opravdu jsem si myslel, že musíš být nějaký matematik nebo programovat už od pěti let. Ale tohle mi úplně změnilo pohled: programování je přesně jako učení se mluvit v novém jazyce. Začínáš „ahoj“ a „děkuju“, pak se učíš objednat kávu a než se naděješ, vedeš hluboké filozofické diskuse! Jenže v tomto případě vedeš rozhovory s počítači, a upřímně? Jsou to nejtrpělivější konverzační partneři, jaké budeš mít – nikdy netrestají tvoje chyby a vždy se těší, že to zkusíš znovu!
+
+Dnes prozkoumáme úžasné nástroje, díky kterým není moderní webový vývoj jen možný, ale taky skutečně návykový. Mluvím o přesně těch editorech, prohlížečích a pracovních postupech, které denně používají vývojáři v Netflixu, Spotify a tvém oblíbeném nezávislém app studiu. A tady je část, která tě rozesměje radostí: většina těchto profesionálních, průmyslově standardních nástrojů je úplně zdarma!
 
 ![Intro Programming](../../../../translated_images/cs/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Vaše dnešní cesta programováním
+    title Vaše programátorská cesta dnes
     section Objevování
       Co je programování: 5: You
       Programovací jazyky: 4: You
       Přehled nástrojů: 5: You
-    section Prozkoumávání
+    section Prozkoumat
       Editory kódu: 4: You
-      Prohlížeče a DevTools: 5: You
+      Prohlížeče a vývojářské nástroje: 5: You
       Příkazový řádek: 3: You
     section Procvičování
-      Detektiv jazyků: 4: You
-      Průzkum nástrojů: 5: You
+      Jazykový detektiv: 4: You
+      Prozkoumání nástrojů: 5: You
       Spojení s komunitou: 5: You
 ```
-## Podíváme se, co už umíte!
+## Podívejme se, co už víš!
 
-Než se pustíme do zábavy, jsem zvědavý – co už o světě programování víte? A pokud při pohledu na tyto otázky myslíte „nemám o tom absolutně žádné ponětí,“ vůbec nevadí, je to perfektní! To znamená, že jste na přesně správném místě. Považujte tento kvíz za rozcvičku před tréninkem – jen prostě rozehříváme mozkové svaly!
+Než se pustíme do zábavy, zajímá mě – co už o programování víš? A poslouchej, pokud na tyto otázky koukáš a myslíš si „nemám o tom vůbec žádnou představu,“ to není jen v pořádku, to je perfektní! To znamená, že jsi přesně tam, kde máš být. Považuj tento kvíz za rozcvičku před cvičením – jen zahříváme mozkové svaly!
 
-[Vyplňte předběžný kvíz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Vyplň si kvíz před lekcí](https://ff-quizzes.netlify.app/web/)
 
 
-## Dobrodružství, na které se společně vydáme
+## Dobrodružství, na které se spolu vydáme
 
-Dobře, upřímně jsem celý nadšený z toho, co dnes budeme objevovat! Fakt, rád bych viděl vaši tvář, až vám některé z těchto konceptů začnou dávat smysl. Tady je neuvěřitelná cesta, na kterou se společně vydáme:
+Dobře, skutečně se nemohu dočkat, co dnes prozkoumáme! Opravdu, přál bych si vidět tvůj výraz, až ti některé z těch konceptů dojdou. Tady je ta úžasná cesta, na kterou se spolu vydáme:
 
-- **Co programování vlastně je (a proč je to ta nejúžasnější věc!)** – Objevíme, jak kód je doslova neviditelná magie, která pohání vše kolem vás, od budíku, který nějak ví, že je pondělí ráno, až po algoritmus, který perfektně vybírá vaše doporučení na Netflixu
-- **Programovací jazyky a jejich úžasné osobnosti** – Představte si párty, kde každý má úplně jiné superschopnosti a způsoby řešení problémů. Takový je svět programovacích jazyků – a vy se s nimi budete rádi seznamovat!
-- **Základní stavební kameny, které vytvářejí digitální magii** – Představte si to jako ultimátní kreativní LEGO sadu. Jakmile pochopíte, jak tyto kousky do sebe zapadají, uvědomíte si, že můžete skutečně postavit cokoli, co vám přijde na mysl
-- **Profesionální nástroje, díky kterým se budete cítit, jako byste právě dostali kouzelnickou hůlku** – Nezveličuji – tyto nástroje vám skutečně dají pocit superhrdiny a ta nejlepší část? Jsou to ty stejné, které používají profíci!
+- **Co vlastně programování je (a proč je to ta nejvíc cool věc vůbec!)** – Objistíme si, jak je kód doslova neviditelné kouzlo pohánějící všechno kolem tebe, od budíku, který nějak ví, že je pondělí ráno, až po algoritmus, který perfektně vyladí tvoje Netflix doporučení
+- **Programovací jazyky a jejich úžasné osobnosti** – Představ si, že přijdeš na párty, kde každý má úplně jiné superschopnosti a způsoby řešení problémů. Takový je svět programovacích jazyků a ty si je zamiluješ!
+- **Základní stavební kameny, které dělají digitální magii** – Považuj je za ultimátní kreativní LEGO sadu. Jakmile pochopíš, jak tyto části zapadají, uvědomíš si, že můžeš doslova postavit cokoli, co si vymyslíš
+- **Profesionální nástroje, které tě nechají cítit, jako bys dostal kouzelnickou hůlku** – Ne, to není přehánění – tyto nástroje tě opravdu donutí cítit se jako mág, a ta nejlepší část? Jsou to ty samé, které používají profíci!
 
-> 💡 **Tady je věc**: ani nepřemýšlejte o tom, že byste si to dnes všechno měli zapamatovat! Teď chci, abyste pocítili ten jiskřivý zájem o to, co je možné. Detaily vám zůstávají přirozeně, když budeme spolu cvičit – takto se skutečně učíte!
+> 💡 **Něco k zapamatování:** Nemysli si, že dnes musíš všechno naučit nazpaměť! Teď chci, aby sis jen zapálil tu jiskru vzrušení z toho, co je možné. Detaily ti budou přirozeně ulehávat do paměti při společném praktickém procvičování – takhle skutečné učení funguje!
 
-> Tuto lekci si můžete projít i na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Tuto lekci můžeš absolvovat i na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Co vlastně *je* programování?
+## Tak co to vlastně *je* programování?
 
-Dobře, pojďme na tu zásadní otázku: co je programování doopravdy?
+Dobře, pojďme se podívat na otázku za milion dolarů: co je to programování, opravdu?
 
-Povím vám příběh, který mi úplně změnil pohled na to. Minulý týden jsem se snažil vysvětlit mámě, jak používat náš nový dálkový ovladač od chytré televize. Přistihl jsem se, jak říkám věci jako „Stiskni červené tlačítko, ale ne to velké červené, to malé vlevo... ne, vaši druhou levou... dobře, drž ho dvě vteřiny, ne jednu, ne tři...“ Zní to povědomě? 😅
+Dám ti příběh, který mi úplně změnil, jak o tom přemýšlím. Minulý týden jsem se snažil vysvětlit mamince, jak používat dálkový ovladač na naší nové chytré televizi. Přistihl jsem se, jak říkám věci jako „Stiskni červené tlačítko, ale ne to velké červené, malé červené vlevo... ne, tvoje druhá levá... dobrá, teď drž dvě sekundy, ne jednu, ne tři...“ Zní to povědomě? 😅
 
-To je programování! Je to umění dávat velmi detailní, krok za krokem instrukce něčemu, co je mocné, ale potřebuje všechno přesně vyspecifikované. Akorát místo toho, abyste vysvětlovali mámě (která může zeptat „které červené tlačítko?!“), vysvětlujete počítači (který prostě udělá přesně to, co mu řeknete, i když to není úplně, co jste mysleli).
+Tohle je programování! Je to umění dávat opravdu detailní, krok za krokem instrukce něčemu, co je velmi výkonné, ale potřebuje, aby všechno bylo přesně vysvětleno. Jenže místo toho, abys to vysvětloval mamince (která může říct „které červené tlačítko?!“), vysvětluješ to počítači (který prostě dělá přesně to, co mu řekneš, i když to není úplně to, co jsi myslel).
 
-Co mě nadchlo, když jsem tohle poprvé pochopil: počítače jsou vlastně na základní úrovni docela jednoduché. Rozumí doslova jen dvěma věcem – 1 a 0, což je v podstatě „ano“ a „ne“ nebo „zapnuto“ a „vypnuto.“ To je vše! Ale tady nastává ta magie – nemusíme mluvit v jedničkách a nulách, jako v Matrixu. To jsou **programovací jazyky**, které nám pomáhají. Jsou jako nejlepší překladatel světa, který vezme vaše úplně normální lidské myšlenky a převede je do počítačového jazyka.
+Když jsem to poprvé pochopil, úplně mi to zmátlo hlavu: počítače jsou ve své podstatě vlastně docela jednoduché. Rozumí jen dvěma věcem – 1 a 0, což je v podstatě „ano“ a „ne“ nebo „zapnuto“ a „vypnuto.“ To je všechno! Ale tady přichází kouzlo – nemusíme mluvit v 1 a 0 jako bychom byli ve filmu Matrix. Právě proto tu jsou **programovací jazyky**. Jsou jako nejlepší překladatel světa, který vezme tvoje úplně normální lidské myšlenky a převede je do počítačové řeči.
 
-A tady je něco, co mi dělá husí kůži každé ráno, když se probouzím: doslova *všechno* digitální ve vašem životě začalo u někoho přesně jako jste vy, pravděpodobně sedícího v pyžamu s šálkem kávy a píšícího kód na notebooku. Ten Instagram filtr, který vás nechá vypadat dokonale? Někdo napsal ten kód. Doporučení, které vás zavedlo k vaší nové oblíbené písničce? Vývojář vytvořil ten algoritmus. Aplikace, která pomáhá rozdělit účet za večeři s přáteli? Jo, někdo si řekl „tohle je otravné, to zkusím opravit“ a... udělal to!
+A teď přijde něco, co mi každý den ráno skutečně dává husí kůži: doslova *všechno* digitální v tvém životě začalo někým přesně jako jsi ty, pravděpodobně v pyžamu s šálkem kávy, který píše kód na svém notebooku. Ten Instagram filtr, který tě dělá dokonalým? Někdo ho naprogramoval. Doporučení, které tě dovedlo k nové oblíbené písničce? Vývojář vytvořil ten algoritmus. Aplikace, která ti pomáhá rozdělit účet za večeři s přáteli? Jo, někdo si řekl „to je otravné, tohle opravím“ a pak… taky udělal!
 
-Když se naučíte programovat, neosvojujete si jen novou dovednost – stáváte se součástí úžasné komunity řešitelů problémů, kteří každý den přemýšlejí: „Co kdybych mohl postavit něco, co někomu zlepší den alespoň trochu?“ Opravdu, existuje něco lepšího?
+Když se naučíš programovat, nezískáš jen novou dovednost – stáváš se součástí úžasné komunity řešitelů problémů, kteří denně přemýšlejí: „Co kdybych mohl postavit něco, co někomu zlepší den alespoň trochu?“ Upřímně, je něco lepšího než tohle?
 
-✅ **Zajímavý úkol**: Najděte si, kdo myslíte, že byl první programátor na světě? Dám vám nápovědu: možná to není ten, koho čekáte! Příběh této osoby je naprosto fascinující a ukazuje, že programování vždycky bylo o kreativním hledání řešení a přemýšlení mimo zaběhnuté šablony.
+✅ **Zábavná fakta:** Když budeš mít chvilku, mrkni na tohle – kdo byl podle tebe první programátor na světě? Mám nápovědu: nemusí to být ten, koho očekáváš! Příběh této osoby je fascinující a ukazuje, že programování vždycky bylo o kreativním řešení problémů a myšlení mimo zaběhnuté cesty.
 
-### 🧠 **Jak se cítíte?**
+### 🧠 **Jak se nyní cítíš?**
 
-**Chvilku se zamyslete:**
-- Dává vám teď smysl představa „dávat počítačům instrukce“?
-- Umíte si představit denní úkol, který byste chtěli automatizovat pomocí programování?
-- Jaké otázky se vám honí hlavou ohledně celého toho programování?
+**Zastav se a zamysli:**
+- Dává ti teď smysl představa „dávání pokynů počítačům“?
+- Napadá tě nějaký každodenní úkol, který bys chtěl pomocí programování automatizovat?
+- Jaké otázky tě ohledně programování napadají?
 
-> **Pamatujte**: Je naprosto normální, pokud některé koncepty zatím nejsou úplně jasné. Učení programování je jako učení nového jazyka – mozek potřebuje čas na vybudování nových neuronových spojů. Děláte to skvěle!
+> **Pamatuj:** Je naprosto normální, pokud ti něco teď připadá matoucí. Učení programování je jako učení nového jazyka – trvá, než si mozek vybuduje nové spojení. Děláš to skvěle!
 
-## Programovací jazyky jsou jako různé druhy magie
+## Programovací jazyky jsou jako různé druhy kouzel
 
-Dobře, tohle možná bude znít divně, ale vydržte se mnou – programovací jazyky jsou hodně jako různé hudební styly. Přemýšlejte o tom: máte jazz, který je hladký a improvizační, rock, který je silný a přímý, klasiku, co je elegantní a strukturovaná, a hip-hop, který je kreativní a expresivní. Každý styl má svou atmosféru, svoji komunitu nadšených fanoušků a každý je perfektní pro jiné nálady a příležitosti.
+Dobře, zní to asi divně, ale vydrž – programovací jazyky jsou hodně podobné různým hudebním žánrům. Přemýšlej: máš jazz, který je hladký a improvizační, rock, který je silný a přímý, klasiku, která je elegantní a strukturovaná, a hip-hop, který je kreativní a expresivní. Každý styl má svoji atmosféru, svoji komunitu zapálených fanoušků a každý je perfektní pro různé nálady a příležitosti.
 
-Programovací jazyky fungují stejně! Nechtěli byste používat stejný jazyk na tvorbu zábavné mobilní hry jako na zpracování obřího množství klimatických dat, stejně jako byste nehráli death metal při józe (no aspoň většinou ne! 😄).
+Programovací jazyky fungují přesně stejně! Nepoužil bys stejný jazyk na vývoj zábavné mobilní hry, jaký bys použil na zpracování obrovského množství klimatických dat, stejně jako bys nehrál death metal na hodině jógy (no, většinou ne! 😄).
 
-Ale to, co mi pořád vyrazí dech, je tohle: ty jazyky jsou jako mít po boku nejtrpělivějšího a nejbystřejšího tlumočníka na světě. Můžete vyjádřit své myšlenky způsobem, který je přirozený vaší lidské mysli, a on zvládne veškerou neuvěřitelně složitou práci s překladem do jedniček a nul, které počítače skutečně „mluví“. Je to jako mít kamaráda, který dokonale ovládá oba jazyky – „lidskou kreativitu“ i „počítačovou logiku“ – a nikdy se neunaví, nepotřebuje pauzu na kávu a nikdy se na vás nezlobí, když se ptáte stejnou otázku dvakrát!
+Ale co mi absolutně vždycky vyrazí dech: tyto jazyky jsou jako nejtrpělivější, nejbystřejší tlumočník na světě, který sedí vedle tebe. Můžeš vyjádřit své myšlenky způsobem, který je pro tvůj lidský mozek přirozený, a oni zvládnou všechno to neuvěřitelně složité přeložení do jedniček a nul, které počítače skutečně „mluví“. Je to jako mít přítele, který perfektně ovládá „lidskou kreativitu“ i „počítačovou logiku“ – a nikdy se neunaví, nikdy nepotřebuje přestávky na kafe a nikdy tě neodsoudí za to, že se ptáš dvakrát!
 
 ### Oblíbené programovací jazyky a jejich použití
 
 ```mermaid
 mindmap
   root((Programovací jazyky))
-    Vývoj webu
+    Webový vývoj
       JavaScript
         Frontendová magie
         Interaktivní webové stránky
       TypeScript
         JavaScript + typy
         Podnikové aplikace
-    Data a AI
+    Data & AI
       Python
         Datová věda
         Strojové učení
@@ -113,7 +113,7 @@ mindmap
     Systémy a výkon
       C++
         Hry
-        Kritický výkon
+        Výkonová kritická
       Rust
         Bezpečnost paměti
         Systémové programování
@@ -123,37 +123,37 @@ mindmap
 ```
 | Jazyk | Nejlepší pro | Proč je populární |
 |----------|----------|------------------|
-| **JavaScript** | Webový vývoj, uživatelská rozhraní | Běží v prohlížečích a pohání interaktivní weby |
-| **Python** | Data science, automatizace, AI | Snadné čtení a učení, silné knihovny |
-| **Java** | Podnikové aplikace, Android aplikace | Platformně nezávislý, robustní pro velké systémy |
-| **C#** | Windows aplikace, vývoj her | Silná podpora Microsoft ekosystému |
-| **Go** | Cloudové služby, backend systémy | Rychlý, jednoduchý, navržený pro moderní výpočty |
+| **JavaScript** | Vývoj webu, uživatelská rozhraní | Funguje v prohlížečích a pohání interaktivní weby |
+| **Python** | Data science, automatizace, AI | Snadno čitelný a učenlivý, silné knihovny |
+| **Java** | Podnikové aplikace, Android aplikace | Nezávislý na platformě, robustní pro velké systémy |
+| **C#** | Windows aplikace, vývoj her | Silná podpora v Microsoft ekosystému |
+| **Go** | Cloudové služby, backend systémy | Rychlý, jednoduchý, navržený pro moderní výpočetní prostředí |
 
-### Jazyky na vysoké úrovni vs. nízké úrovni
+### Vyšší vs. nižší úroveň jazyků
 
-Dobře, tohle byl opravdu koncept, který mě úplně zmátl na začátku, tak sdílím analogii, která to konečně rozsvítila i mě – doufám, že pomůže i vám!
+Dobře, upřímně to byl koncept, který mi úplně rozbil mozek, když jsem začínal, tak ti povím analogii, která mi to konečně otevřela – doufám, že ti taky pomůže!
 
-Představte si, že jste v cizí zemi, kde neumíte jazyk, a zoufale hledáte nejbližší záchod (to jsme všichni zažili, že? 😅):
+Představ si, že cestuješ do země, kde neumíš jazyk, a zoufale potřebuješ najít nejbližší záchod (to jsme všichni zažili, že jo? 😅):
 
-- **Programování nízké úrovně** je jako naučit se místní dialekt tak dobře, že si můžete povídat s babičkou prodávající ovoce na rohu pomocí kulturních narážek, místní slangu a vtipů, kterým rozumí jen někdo, kdo tam vyrostl. Super impresivní a neuvěřitelně efektivní… pokud jste fluent! Ale dost náročné, když jen chcete najít záchod.
+- **Programování na nízké úrovni** je jako naučit se místní dialekt tak dobře, že můžeš mluvit s babičkou prodávající ovoce na rohu, používat kulturní odkazy, místní slang a vtipy, kterým rozumí jen místní. Super působivé a nesmírně efektivní... pokud jsi plynulý! Ale docela matoucí, když se prostě snažíš najít záchod.
 
-- **Programování vysoké úrovně** je jako mít úžasného místního kamaráda, který vás prostě chápe. Můžete říct „Opravdu potřebuji najít toaletu“ v obyčejné angličtině a on zařídí celý kulturní překlad a dá vám instrukce tak, že jim rozumí i vaše netypická hlava.
+- **Programování na vysoké úrovni** je jako mít úžasného místního přítele, který ti rozumí. Můžeš říct „Potřebuju opravdu najít toaletu“ jednoduše v angličtině a on překládá všechny kulturní nuance a dává ti směrovky srozumitelné pro tvůj ne-místní mozek.
 
-V programovacích termínech:
-- **Jazyky nízké úrovně** (například Assembly nebo C) vám umožní mít neuvěřitelně detailní rozhovor s fyzickým hardwarem počítače, ale musíte myslet jako stroj, což je… no, řekněme, že to je pořádná změna myšlení!
-- **Jazyky vysoké úrovně** (jako JavaScript, Python nebo C#) vám dovolí myslet jako člověk, zatímco ony se starají o veškerou strojovou řeč v pozadí. Navíc mají úžasné přívětivé komunity plné lidí, kteří si pamatují, jaké to bylo být nováčky, a skutečně chtějí pomoci!
+Ve světě programování:
+- **Jazyky na nízké úrovni** (jako Assembly nebo C) ti umožňují mluvit velmi detailně přímo s hardwarem počítače, ale musíš myslet jako stroj, což... no, řekněme, že je to velká změna myšlení!
+- **Jazyky na vysoké úrovni** (jako JavaScript, Python nebo C#) ti umožní myslet jako člověk a ony se postarají o veškerý strojový kód za oponou. Navíc mají nesmírně přívětivé komunity plné lidí, kteří si pamatují, jaké to je být nováček, a skutečně chtějí pomáhat!
 
-Hádejte, které vám doporučím začít? 😉 Jazyky vysoké úrovně jsou jako pomocná kolečka na kole, která nikdy nechcete sundat, protože celý zážitek je díky nim mnohem příjemnější!
+Hádej, které ti navrhnu začít používat? 😉 Jazyky na vysoké úrovni jsou jako pomocná kolečka na kole, která vlastně nikdy nechceš sundat, protože ti celý zážitek tolik usnadní!
 
 ```mermaid
 flowchart TB
-    A["👤 Lidská myšlenka:<br/>'Chci vypočítat Fibonacciho čísla'"] --> B{Vyberte úroveň jazyka}
+    A["👤 Lidská myšlenka:<br/>'Chci spočítat Fibonacciho čísla'"] --> B{Vybrat úroveň jazyka}
     
     B -->|Vyšší úroveň| C["🌟 JavaScript/Python<br/>Snadné čtení a psaní"]
-    B -->|Nižší úroveň| D["⚙️ Assembly/C<br/>Přímá kontrola hardwaru"]
+    B -->|Nižší úroveň| D["⚙️ Assembler/C<br/>Přímá kontrola hardwaru"]
     
-    C --> E["📝 Napište: fibonacci(10)"]
-    D --> F["📝 Napište: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Napiš: fibonacci(10)"]
+    D --> F["📝 Napiš: mov r0,#00<br/>sub r0,r0,#01"]
     
     E --> G["🤖 Porozumění počítače:<br/>Překladač řeší složitost"]
     F --> G
@@ -164,15 +164,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Ukážu vám, proč jsou jazyky vysoké úrovně tak přátelské
+### Ukážu ti, proč jsou jazyky na vysoké úrovni tak přátelské
 
-Dobře, chystám se vám ukázat něco, co perfektně demonstruje, proč jsem si zamiloval jazyky vysoké úrovně, ale nejdřív – potřebuji, abyste mi něco slíbili. Když uvidíte první ukázku kódu, nezpanikařte! Má vypadat trochu zastrašujícím dojmem. To je přesně ten bod, který chci zdůraznit!
+Dobře, ukážu ti něco, co perfektně ukazuje, proč jsem si zamiloval jazyky na vysoké úrovni, ale nejdřív – slib mi něco. Až uvidíš ten první kódový příklad, nepanikař! Má vypadat zastrašujícím dojmem. To je přesně ten bod, který chci ukázat!
 
-Podíváme se na stejný úkol napsaný ve dvou úplně odlišných stylech. Oba vytvoří tzv. Fibonacciho posloupnost – nádherný matematický vzor, kde je každé číslo součtem dvou předchozích: 0, 1, 1, 2, 3, 5, 8, 13... (Zajímavost: tenhle vzor najdete doslova všude v přírodě – spirály slunečnicových semen, vzory šišek, dokonce i v tom, jak se tvoří galaxie!)
+Podíváme se na úplně stejný úkol napsaný ve dvou úplně odlišných stylech. Oba vytvářejí tzv. Fibonacciho posloupnost – je to krásný matematický vzor, kde každé číslo je součtem dvou předchozích: 0, 1, 1, 2, 3, 5, 8, 13... (Zábavná poznámka: tento vzor najdeš doslova všude v přírodě – spirály na semenech slunečnice, vzory šišek, dokonce i ve formování galaxií!)
 
-Připraveni vidět rozdíl? Jdeme na to!
+Připraven na rozdíl? Jdeme na to!
 
-**Jazyk vysoké úrovně (JavaScript) – přátelský k lidem:**
+**Jazyk na vysoké úrovni (JavaScript) – Přátelský pro člověka:**
 
 ```javascript
 // Krok 1: Základní nastavení Fibonacciho posloupnosti
@@ -184,28 +184,28 @@ console.log('Fibonacci sequence:');
 ```
 
 **Co tento kód dělá:**
-- **Deklaruje** konstantu určující, kolik Fibonacciho čísel chceme vygenerovat
-- **Inicializuje** dvě proměnné pro sledování současného a dalšího čísla v posloupnosti
-- **Nastavuje** počáteční hodnoty (0 a 1), které definují Fibonacciho vzor
-- **Zobrazuje** hlavičku pro identifikaci našeho výstupu
+- **Deklaruje** konstantu, která určuje, kolik Fibonacciho čísel chceme vygenerovat
+- **Inicializuje** dvě proměnné pro sledování aktuálního a dalšího čísla v posloupnosti
+- **Nastaví** počáteční hodnoty (0 a 1), které definují Fibonacciho vzor
+- **Zobrazí** nadpis, aby identifikoval naši výstupní zprávu
 
 ```javascript
-// Krok 2: Vygenerujte posloupnost pomocí smyčky
+// Krok 2: Vygenerujte sekvenci pomocí smyčky
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Vypočítejte další číslo v posloupnosti
+  // Vypočítejte další číslo v sekvenci
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Co se zde děje podrobněji:**
+**Rozbor, co se zde děje:**
 - **Prochází** každou pozici v posloupnosti pomocí cyklu `for`
-- **Zobrazuje** každé číslo s jeho pozicí využitím formátování šablonových řetězců
-- **Vypočítává** další Fibonacciho číslo sčítáním současné a další hodnoty
-- **Aktualizuje** sledovací proměnné pro přechod na další iteraci
+- **Zobrazuje** každé číslo s jeho pozicí pomocí formátování šablony
+- **Vypočítá** další Fibonacciho číslo sčítáním aktuálního a dalšího čísla
+- **Aktualizuje** sledovací proměnné pro přechod k další iteraci
 
 ```javascript
 // Krok 3: Moderní funkcionální přístup
@@ -225,12 +225,12 @@ console.log(fibSequence);
 ```
 
 **Výše jsme:**
-- **Vytvořili** znovupoužitelnou funkci pomocí moderní syntaxi šipek (arrow function)
-- **Sestavili** pole pro uložení celé posloupnosti místo zobrazení po jednom
-- **Použili** indexování pole pro výpočet každého nového čísla ze starších
-- **Vrátili** celou posloupnost pro flexibilní použití v dalších částech programu
+- **Vytvořili** znovupoužitelnou funkci pomocí moderní syntaxe šipkových funkcí
+- **Postavili** pole pro uložení celé posloupnosti místo zobrazení po jednom
+- **Použili** indexování pole k výpočtu každého nového čísla z předchozích hodnot
+- **Vrátili** celou posloupnost pro flexibilní použití v jiných částech programu
 
-**Jazyk nízké úrovně (ARM Assembly) – přátelský k počítači:**
+**Jazyk na nízké úrovni (ARM Assembly) – Přátelský pro počítač:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,59 +257,60 @@ back add r0,r1
  end
 ```
 
-Všimněte si, jak verze v JavaScriptu čte téměř jako instrukce v angličtině, zatímco verze v Assembly používá záhadné příkazy, které přímo řídí procesor počítače. Oba úkoly splní stejný úkol, ale jazyk vysoké úrovně je pro lidi mnohem snadněji pochopitelný, psaný a udržovatelný.
+Všimni si, jak verze v JavaScriptu čte téměř jako anglické pokyny, zatímco Assembly verze používá záhadné příkazy, které přímo ovládají procesor počítače. Oba provádějí přesně ten samý úkol, ale jazyk na vysoké úrovni je mnohem snazší pro lidi pochopit, napsat i udržovat.
 
-**Klíčové rozdíly, které si všimnete:**
-- **Čitelnost**: JavaScript používá popisné názvy jako `fibonacciCount`, zatímco Assembly používá nesrozumitelné označení jako `r0`, `r1`
-- **Komentáře**: Vysokoúrovňové jazyky podporují vysvětlující komentáře, které činí kód samodokumentujícím
+**Klíčové rozdíly, které si všimneš:**
+- **Čitelnost**: JavaScript používá popisné názvy jako `fibonacciCount`, zatímco Assembly používá kryptické označení jako `r0`, `r1`
+- **Komentáře**: Vyšší programovací jazyky podporují vysvětlující komentáře, které činí kód samo-dokumentujícím
 - **Struktura**: Logický tok JavaScriptu odpovídá tomu, jak lidé přemýšlejí o problémech krok za krokem
-- **Údržba**: Aktualizace verze JavaScriptu pro různé požadavky je přímá a jasná
+- **Údržba**: Aktualizace verze v JavaScriptu pro různé požadavky je jednoduchá a přehledná
+
+✅ **O Fibonacciho posloupnosti**: Tento naprosto nádherný číselný vzorec (kde každé číslo je součtem dvou předchozích: 0, 1, 1, 2, 3, 5, 8...) se objevuje doslova *všude* v přírodě! Najdete ho ve spirálách slunečnic, ve vzorech šišek, v křivkách ulit chobotnic a dokonce i ve způsobu růstu větví stromů. Je opravdu ohromující, jak nám matematika a kód mohou pomoci pochopit a znovu vytvořit vzory, které příroda používá k tvoření krásy!
 
-✅ **O Fibonacciho posloupnosti**: Tento naprosto nádherný číselný vzorec (kde každé číslo se rovná součtu dvou předchozích: 0, 1, 1, 2, 3, 5, 8...) se doslova *vyskytuje všude* v přírodě! Najdete ho ve spirálách slunečnic, vzorcích šišek, způsobu, jak křivky ulit náutila a dokonce i ve způsobu růstu větví stromů. Je to docela úžasné, jak nám matematika a kód mohou pomoci pochopit a znovu vytvořit vzory, které příroda používá k tvorbě krásy!
 
-## Základní stavební kameny, které vytvářejí kouzlo
+## Základní stavební kameny magie
 
-Dobře, teď když jste viděli, jak programovací jazyky vypadají v akci, pojďme rozložit základní kousky, které tvoří doslova každý program, který kdy byl napsán. Považujte je za základní ingredience ve vašem oblíbeném receptu – jakmile pochopíte, co každý dělá, budete schopni číst a psát kód téměř v jakémkoli jazyce!
+Dobře, nyní když jste viděli, jak vypadají programovací jazyky v akci, pojďme rozložit základní části, které tvoří doslova každý napsaný program. Představte si tyto části jako základní ingredience ve vašem oblíbeném receptu – jakmile pochopíte, co každá z nich dělá, budete schopni číst a psát kód prakticky v jakémkoli jazyce!
 
-Je to něco jako učení se gramatice programování. Pamatujete si, jak jste se ve škole učili o podstatných jménech, slovesech a jak skládat věty dohromady? Programování má svou vlastní verzi gramatiky a upřímně je mnohem logičtější a shovívavější než anglická gramatika byla! 😄
+Je to trochu jako naučit se gramatiku programování. Pamatujete si ze školy, jak jste se učili o podstatných jménech, slovesech a jak tvořit věty? Programování má svou vlastní verzi gramatiky, a upřímně, je mnohem logičtější a shovívavější než anglická gramatika! 😄
 
-### Příkazy: Krok za krokem pokyny
+### Příkazy: Pokyny krok za krokem
 
-Začněme s **příkazy** – ty jsou jako jednotlivé věty v konverzaci s vaším počítačem. Každý příkaz říká počítači, aby udělal jednu konkrétní věc, podobně jako když dáváte směrování: „Zahni tady vlevo,“ „Zastav na červenou,“ „Zaparkuj na tom místě.“
+Začněme s **příkazy** – ty jsou jako jednotlivé věty v konverzaci s vaším počítačem. Každý příkaz říká počítači, aby udělal jednu konkrétní věc, podobně jako dávání pokynů: „Zahněte tady vlevo,“ „Zastavte na červené,“ „Zaparkujte na tomto místě.“
 
-Co mám na příkazech rád, je to, jak jsou obvykle čitelné. Podívejte se na to:
+Co na příkazech miluji, je jejich obvykle vysoká čitelnost. Podívejte se na to:
 
 ```javascript
-// Základní příkazy, které vykonávají jednotlivé akce
+// Základní příkazy, které provádějí jednotlivé akce
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Toto kód dělá:**
+**Co tento kód dělá:**
 - **Deklaruje** konstantní proměnnou pro uložení jména uživatele
-- **Zobrazí** uvítací zprávu do konzole
-- **Spočítá** a uloží výsledek matematické operace
+- **Zobrazuje** uvítací zprávu v konzoli
+- **Vypočítá** a uloží výsledek matematické operace
 
 ```javascript
-// Výrazy, které interagují s webovými stránkami
+// Příkazy, které interagují s webovými stránkami
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Krok za krokem se děje toto:**
-- **Upraví** titulek webové stránky, který se zobrazuje na kartě v prohlížeči
-- **Změní** barvu pozadí celého těla stránky
+**Krok za krokem, co se děje:**
+- **Upravuje** titul webové stránky, který se zobrazuje na záložce prohlížeče
+- **Mění** barvu pozadí celého těla stránky
 
 ### Proměnné: Paměťový systém vašeho programu
 
-Dobře, **proměnné** jsou upřímně jeden z mých nejoblíbenějších konceptů učit, protože jsou tak podobné věcem, které už každý den používáte!
+Dobře, **proměnné** jsou upřímně jedno z mých absolutně nejoblíbenějších pojmů k výuce, protože jsou tak podobné věcem, které každý den používáte!
 
-Zamyslete se na chvíli nad seznamem kontaktů ve vašem telefonu. Nezapamatujete si čísla na všechny – místo toho uložíte „Maminka,“ „Nejlepší přítel“ nebo „Pizzerie, která rozváží do 2 ráno“ a necháte telefon pamatovat si ta skutečná čísla. Proměnné fungují úplně stejně! Jsou to jako označené kontejnery, kde váš program může uložit informace a později je vyhledat pomocí smysluplného jména.
+Přemýšlejte o kontaktu ve svém telefonu. Nepamatujete si všechny telefonní čísla – místo toho uložíte „Máma“, „Nejlepší kamarád“ nebo „Pizza, co rozváží do 2 ráno“ a necháte telefon zapamatovat si ta čísla. Proměnné fungují úplně stejně! Jsou jako označené nádoby, kam může váš program uložit informace a později je získat pomocí názvu, který opravdu dává smysl.
 
-Co je opravdu skvělé: proměnné se mohou měnit, zatímco váš program běží (odtud název „proměnlivé“ – vidíte, co udělali?). Stejně jako můžete aktualizovat ten kontakt na pizzerii, když objevíte něco lepšího, proměnné se mohou změnit, když váš program získá nové informace nebo když se situace změní!
+To, co je opravdu skvělé: proměnné se mohou měnit, zatímco váš program běží (odtud název „proměnná“ – vidíte, co udělali?). Stejně jako můžete aktualizovat kontakt na pizzérii, když najdete lepší místo, proměnné lze aktualizovat, jak se program učí nové informace nebo situace se mění!
 
-Ukážu vám, jak to může být krásně jednoduché:
+Ukážu vám, jak krásně jednoduché to může být:
 
 ```javascript
 // Krok 1: Vytváření základních proměnných
@@ -320,10 +321,10 @@ let isRaining = false;
 ```
 
 **Pochopení těchto konceptů:**
-- **Uložení** neměnných hodnot do `const` proměnných (například název stránky)
-- **Použití** `let` pro hodnoty, které se mohou během programu měnit
-- **Přiřazení** různých datových typů: řetězce (text), čísla a booleany (true/false)
-- **Výběr** popisných názvů, které vysvětlují, co každá proměnná obsahuje
+- **Ukládejte** neměnné hodnoty do `const` proměnných (např. název webu)
+- **Používejte** `let` pro hodnoty, které se mohou měnit během běhu programu
+- **Přiřazujte** různé datové typy: řetězce (text), čísla, a booleovské hodnoty (true/false)
+- **Vyberte** popisné názvy, které vysvětlují, co každá proměnná obsahuje
 
 ```javascript
 // Krok 2: Práce s objekty pro seskupení souvisejících dat
@@ -334,47 +335,47 @@ const weatherData = {
 };
 ```
 
-**Výše jsme:**
+**V předchozím příkladu jsme:**
 - **Vytvořili** objekt pro seskupení souvisejících informací o počasí
-- **Organizovali** více dat pod jedno jméno proměnné
-- **Použili** klíč-hodnota páry k jasnému označení každé informace
+- **Uspořádali** více dat pod jedním názvem proměnné
+- **Použili** páry klíč-hodnota pro jasné pojmenování každé informace
 
 ```javascript
 // Krok 3: Používání a aktualizace proměnných
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Aktualizace změnitelných proměnných
+// Aktualizace proměnných, které lze měnit
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**Pojďme porozumět každé části:**
-- **Zobrazit** informace pomocí šablonových literálů se syntaxí `${}`
-- **Přistupovat** k vlastnostem objektu pomocí tečkové notace (`weatherData.windSpeed`)
-- **Aktualizovat** proměnné deklarované s `let` pro odrážení měnících se podmínek
-- **Kombinovat** více proměnných k vytvoření smysluplných zpráv
+**Pojďme si vysvětlit jednotlivé části:**
+- **Zobrazujeme** informace pomocí šablonových literálů s `${}` syntaxí
+- **Přistupujeme** ke vlastnostem objektu pomocí tečkové notace (`weatherData.windSpeed`)
+- **Aktualizujeme** proměnné deklarované pomocí `let`, aby odrážely měnící se podmínky
+- **Kombinujeme** více proměnných pro vytvoření smysluplných zpráv
 
 ```javascript
-// Krok 4: Moderní destrukturalizace pro čistější kód
+// Krok 4: Moderní destrukturalizace pro čistší kód
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Co musíte vědět:**
-- **Extrahovat** specifické vlastnosti z objektů pomocí destrukturalizace přiřazení
-- **Vytvářet** nové proměnné automaticky se stejnými názvy jako klíče objektu
-- **Zjednodušit** kód vyhnutím se opakované tečkové notaci
+**Co je potřeba vědět:**
+- **Extrahujte** specifické vlastnosti z objektů pomocí destrukturace
+- **Vytvářejte** nové proměnné automaticky se stejnými názvy jako klíče objektu
+- **Zjednodušte** kód vyhýbáním se opakovanému používání tečkové notace
 
-### Řízení toku: Naučte svůj program myslet
+### Řízení toku: Učíte svůj program myslet
 
-Dobře, tady programování začne být naprosto ohromující! **Řízení toku** je v podstatě učení vašeho programu, jak dělat chytrá rozhodnutí, přesně jako to děláte vy každý den bez přemýšlení.
+Dobře, tady to programování začíná být naprosto ohromující! **Řízení toku** znamená naučit svůj program dělat chytrá rozhodnutí, přesně jako vy sami každý den bez přemýšlení.
 
-Představte si toto: dnes ráno jste asi šli něčím jako „Když prší, vezmu si deštník. Když je zima, obléknu si bundu. Když jdu pozdě, vynechám snídani a vezmu si kávu cestou.“ Váš mozek přirozeně sleduje tuto logiku pokud-pak desítkykrát denně!
+Představte si, že dnes ráno jste asi prošli něčím jako „Pokud prší, vezmu si deštník. Pokud je zima, obléknu si bundu. Pokud jdu pozdě, přeskočím snídani a vezmu si kávu na cestu.“ Váš mozek přirozeně následuje tuto logiku "jestliže-pak" desítkykrát denně!
 
-Toto dělá programy inteligentními a živými místo toho, aby jen následovaly nudný, předvídatelný scénář. Mohou skutečně pohledět na situaci, vyhodnotit, co se děje, a reagovat vhodně. Je to jako dát programu mozek, který se dokáže přizpůsobit a vybírat si!
+To dělá programy chytřejší a živější místo toho, aby jen následovaly nudný, předvídatelný scénář. Skutečně mohou situaci posoudit, vyhodnotit, co se děje, a reagovat vhodným způsobem. Je to jako dát programu mozek, který se dokáže přizpůsobit a dělat volby!
 
-Chcete vidět, jak krásně to funguje? Ukážu vám to:
+Chcete vidět, jak to krásně funguje? Ukážu vám to:
 
 ```javascript
 // Krok 1: Základní podmíněná logika
@@ -388,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Tento kód dělá:**
-- **Zkontroluje**, zda uživatel dosáhl věku pro hlasování
-- **Provede** různé bloky kódu podle výsledku podmínky
-- **Spočítá** a zobrazí, jak dlouho ještě do způsobilosti k volbám, pokud je pod 18
-- **Poskytne** specifickou, užitečnou zpětnou vazbu pro každou situaci
+**Co tento kód dělá:**
+- **Kontroluje**, zda uživatel splňuje věkový limit pro hlasování
+- **Spouští** různé bloky kódu podle výsledku podmínky
+- **Vypočítává** a zobrazuje, za jak dlouho bude možné hlasovat, pokud je uživatel mladší 18 let
+- **Poskytuje** konkrétní a užitečnou zpětnou vazbu pro každou situaci
 
 ```javascript
 // Krok 2: Více podmínek s logickými operátory
@@ -408,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Rozbor, co se tu děje:**
-- **Spojíme** více podmínek pomocí operátoru `&&` (a)
-- **Vytvoříme** hierarchii podmínek pomocí `else if` pro více scénářů
-- **Zpracujeme** všechny možné případy pomocí konečného `else`
-- **Poskytujeme** jasnou a praktickou zpětnou vazbu pro každou situaci
+**Co se zde děje:**
+- **Kombinuje** více podmínek pomocí operátoru `&&` (a)
+- **Vytváří** hierarchii podmínek pomocí `else if` pro více scénářů
+- **Zpracovává** všechny možné případy pomocí závěrečného příkazu `else`
+- **Poskytuje** jasnou a srozumitelnou zpětnou vazbu pro každou situaci
 
 ```javascript
-// Krok 3: Stručná podmínka s ternárním operátorem
+// Krok 3: Srozumitelná podmínka s ternárním operátorem
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Na co si pamatovat:**
-- **Použijte** ternární operátor (`? :`) pro jednoduché dvou-variantní podmínky
-- **Napište** podmínku první, následovanou `?`, pak pravdivý výsledek, pak `:`, a nakonec nepravdivý výsledek
-- **Použijte** tento vzor, když potřebujete přiřadit hodnoty podle podmínek
+**Co si zapamatovat:**
+- **Používejte** ternární operátor (`? :`) pro jednoduché dvou možnostní podmínky
+- **Napište** nejdříve podmínku, pak `?`, následuje hodnota pro pravdu, pak `:`, a nakonec hodnota pro nepravdu
+- **Použijte** tento vzor, když potřebujete přiřadit hodnoty na základě podmínek
 
 ```javascript
-// Krok 4: Řešení více konkrétních případů
+// Krok 4: Zpracování více konkrétních případů
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,23 +447,23 @@ switch (dayOfWeek) {
 }
 ```
 
-**Tento kód dokáže následující:**
-- **Porovná** hodnotu proměnné s více specifickými případy
-- **Seskupí** podobné případy dohromady (pracovní dny vs. víkendy)
-- **Spustí** odpovídající blok kódu, když najde shodu
+**Tento kód plní následující:**
+- **Porovnává** hodnotu proměnné s více specifickými případy
+- **Skupinuje** podobné případy dohromady (pracovní dny vs. víkendy)
+- **Spouští** odpovídající blok kódu, když najde shodu
 - **Zahrnuje** `default` případ pro neočekávané hodnoty
-- **Používá** příkazy `break`, aby zabránil pokračování kódu v dalším případě
+- **Používá** příkazy `break` k zabránění pokračování kódu do dalšího případu
 
-> 💡 **Skutečná analogie**: Myslete na řízení toku jako na nejtrpělivější GPS na světě, která vám dává pokyny. Může říct „Pokud je na Main Street provoz, jeďte raději po dálnici. Pokud je dálnice zablokovaná stavbou, zkuste malebnou cestu.“ Programy používají stejný druh podmíněné logiky, aby inteligentně reagovaly na různé situace a vždy poskytly uživatelům nejlepší možný zážitek.
+> 💡 **Reálná analogie**: Řízení toku si představte jako nejtrpělivější GPS na světě, která vám dává pokyny. Může říct „Pokud je na Main Street dopravní zácpa, jeďte dálnicí. Pokud je dálnice zablokovaná stavbou, zvolte panoramatickou cestu.“ Programy používají přesně tento typ podmíněné logiky, aby chytře reagovaly na různé situace a vždy uživatelům poskytly co nejlepší zážitek.
 
-### 🎯 **Ověření konceptů: Mistrovství stavebních kamenů**
+### 🎯 **Kontrola porozumění: Ovládnutí základních stavebních prvků**
 
-**Podívejme se, jak na tom jste se základy:**
-- Dokážete vysvětlit rozdíl mezi proměnnou a příkazem svými slovy?
-- Zamyslete se nad reálnou situací, kdy byste použili rozhodnutí typu pokud-pak (například náš příklad s hlasováním)
-- Co vás na programovací logice nejvíc překvapilo?
+**Podívejme se, jak rozumíte základům:**
+- Dokážete vlastními slovy vysvětlit rozdíl mezi proměnnou a příkazem?
+- Vymyslete reálný příklad, kde byste použili rozhodovací konstrukci if-then (jako náš příklad s hlasováním)
+- Co vás v logice programování nejvíce překvapilo?
 
-**Rychlý posilovač sebevědomí:**
+**Rychlé povzbuzení:**
 ```mermaid
 flowchart LR
     A["📝 Příkazy<br/>(Instrukce)"] --> B["📦 Proměnné<br/>(Úložiště)"] --> C["🔀 Řízení toku<br/>(Rozhodnutí)"] --> D["🎉 Fungující program!"]
@@ -472,27 +473,27 @@ flowchart LR
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Co bude dál**: Budeme mít absolutní zábavu, když se do těchto konceptů ponoříme hlouběji na naší úžasné cestě spolu! Teď se jen soustřeďte na pocit vzrušení z těch všech úžasných možností před vámi. Konkrétní dovednosti a techniky přirozeně přijdou, jak budeme společně procvičovat – slibuji, že to bude mnohem zábavnější, než možná očekáváte!
+✅ **Co přijde dál**: Budeme mít absolutní radost, když se společně ponoříme hlouběji do těchto konceptů! Teď se jen soustřeďte na pocit vzrušení z nekonečných možností před vámi. Konkrétní dovednosti a techniky přijdou přirozeně, když budeme společně trénovat – slibuji, že to bude zábava, jakou jste nečekali!
 
 ## Nástroje řemesla
 
-Dobře, tady se upřímně začínám tak těšit, že se sotva udržím! 🚀 Půjdeme mluvit o neuvěřitelných nástrojích, které vám dají pocit, jako byste právě dostali klíče od digitální vesmírné lodi.
+Dobře, tady se opravdu nemohu ubránit nadšení! 🚀 Brzy si povíme o úžasných nástrojích, které vás přenesou do role, kdy budete mít klíče k digitálnímu vesmírnému plavidlu.
 
-Víte, jak má kuchař ty dokonale vyvážené nože, které jsou prodloužením jeho rukou? Nebo jak má hudebník tu jedinou kytaru, která jakmile se jí dotkne, jako by zpívala? No, vývojáři mají svoji vlastní verzi těchto magických nástrojů a tady je něco, co vás opravdu ohromí – většina z nich je úplně zdarma!
+Víte, jak má kuchař perfektně vyvážené nože, které jsou jako pokračování jeho rukou? Nebo jak má muzikant tu jednu kytaru, která zní, jakmile se jí dotkne? Vývojáři mají své vlastní verze těchto magických nástrojů, a teď přijde část, která vás opravdu ohromí – většina z nich je úplně zdarma!
 
-Skoro skáču na židli s nadšením, že vám je můžu ukázat, protože úplně změnily způsob, jak stavíme software. Mluvíme o asistentech pro psaní kódu poháněných umělou inteligencí (nemyslím si to!), cloudových prostředích, kde můžete stavět celé aplikace doslova odkudkoli s Wi-Fi, a ladicích nástrojích tak sofistikovaných, že jsou jako rentgenové vidění pro vaše programy.
+Těším se, že vám je ukážu, protože zcela změnily způsob, jak stavíme software. Mluvíme o asistentech pro psaní kódu poháněných umělou inteligencí (to vážně myslím!), cloudových prostředích, kde můžete tvořit celé aplikace z prakticky kdekoli s Wi-Fi, a ladicích nástrojích tak sofistikovaných, že jsou jako rentgenové vidění pro vaše programy.
 
-A tady je část, která mi stále dává husí kůži: nejsou to „nástroje pro začátečníky“, které rychle přerostete. Jsou to úplně stejné profesionální nástroje, které používají vývojáři ve Google, Netflixu a v tom indie vývojářském studiu, které máte rádi, právě teď. Budete se při jejich používání cítit jako fakt profíci!
+A teď část, která mě stále dojímá: to nejsou nástroje pro začátečníky, ze kterých vyrostete. Jsou to přesně ty profesionální nástroje, které používají vývojáři ve firmách jako Google, Netflix a ta nezávislá vývojářská studio, která máte rádi právě teď. S nimi se budete cítit jako opravdový profík!
 
 ```mermaid
 graph TD
-    A["💡 Váš nápad"] --> B["⌨️ Editor kódu<br/>(VS Code)"] 
-    B --> C["🌐 DevTools prohlížeče<br/>(Testování a ladění)"]
+    A["💡 Váš nápad"] --> B["⌨️ Kódový editor<br/>(VS Code)"] 
+    B --> C["🌐 Nástroje prohlížeče<br/>(Testování a ladění)"]
     C --> D["⚡ Příkazový řádek<br/>(Automatizace a nástroje)"]
     D --> E["📚 Dokumentace<br/>(Učení a reference)"]
-    E --> F["🚀 Úžasná webová aplikace!"]
+    E --> F["🚀 Skvělá webová aplikace!"]
     
-    B -.-> G["🤖 AI Asistent<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 AI asistent<br/>(GitHub Copilot)"]
     C -.-> H["📱 Testování zařízení<br/>(Responzivní design)"]
     D -.-> I["📦 Správci balíčků<br/>(npm, yarn)"]
     E -.-> J["👥 Komunita<br/>(Stack Overflow)"]
@@ -506,103 +507,104 @@ graph TD
 ```
 ### Editory kódu a IDE: Vaši noví digitální nejlepší přátelé
 
-Pojďme mluvit o editorech kódu – ty se vážně chystají stát vašimi novými oblíbenými místy! Považujte je za své osobní útočiště programování, kde strávíte většinu času tvorbou a zdokonalováním svých digitálních výtvorů.
+Povíme si něco o editorech kódu – ty se brzy stanou vaším nejoblíbenějším místem na práci! Představte si je jako osobní svatyni programování, kde strávíte většinu času tvořením a vylepšováním svých digitálních výtvorů.
 
-Ale to, co je na moderních editorech naprosto kouzelné, je, že nejsou jen obyčejné textové editory. Jsou jako mít nejchytřejšího a nejpodpůrnějšího mentora programování, který sedí přímo vedle vás 24/7. Chytají vaše překlepy dřív, než je vůbec zaregistrujete, navrhují vylepšení, která vás nechají vypadat jako géniové, pomáhají vám pochopit, co každý kousek kódu dělá, a některé dokonce předpovídají, co chcete napsat, a nabídnou vám dokončit vaše myšlenky!
+A teď přijde to kouzlo moderních editorů: nejsou to jen fancy textové editory. Jsou to jako mít po boku nejbystřejšího, nejpodporujícího mentora programování nonstop. Chytí vaše překlepy dříve, než si jich všimnete, navrhnou vylepšení, která vás udělají za génia, pomohou vám pochopit, co každý kousek kódu dělá, a některé dokonce dokážou předpovědět, co budete chtít napsat, a nabídnout dokončení!
 
-Pamatuji si, když jsem poprvé objevil automatické doplňování – doslova jsem měl pocit, že žiju v budoucnosti. Začnete něco psát a editor vám řekne: „Hej, nemyslel jsi na tuto funkci, která dělá přesně to, co potřebuješ?“ Je to jako mít mentálního čtecího kamaráda při kódování!
+Pamatuji si, když jsem poprvé objevila automatické doplňování – měl jsem pocit, že žiju v budoucnosti. Začnete něco psát a editor říká: „Měl jsi na mysli tuhle funkci, která přesně dělá, co potřebuješ?“ Je to jako mít telepatického parťáka pro kódování!
 
 **Co dělá tyto editory tak úžasnými?**
 
-Moderní editory kódu nabízejí působivé spektrum funkcí navržených pro zvýšení vaší produktivity:
+Moderní editory kódu nabízejí širokou škálu funkcí, které zvyšují vaši produktivitu:
 
 | Funkce | Co dělá | Proč pomáhá |
 |---------|--------------|--------------|
-| **Zvýraznění syntaxe** | Barevně odlišuje různé části kódu | Usnadňuje čtení kódu a hledání chyb |
-| **Automatické doplňování** | Navrhuje kód při psaní | Zrychluje psaní kódu a snižuje překlepy |
-| **Nástroje ladění** | Pomáhají najít a opravit chyby | Šetří hodiny času při hledání problémů |
-| **Rozšíření** | Přidávají specializované funkce | Přizpůsobí editor jakékoli technologii |
-| **Asistenti AI** | Navrhují kód a vysvětlení | Zrychlují učení a produktivitu |
+| **Zvýraznění syntaxe** | Barevně odliší části kódu | Usnadňuje čtení kódu a hledání chyb |
+| **Automatické doplňování** | Nabízí kód při psaní | Urychluje psaní a snižuje překlepy |
+| **Nástroje pro ladění** | Pomáhá najít a opravit chyby | Šetří hodiny hledání závad |
+| **Rozšíření** | Přidává specializované funkce | Přizpůsobí editor jakékoli technologii |
+| **AI asistenti** | Nabízejí kód a vysvětlení | Urychlují učení a produktivitu |
 
-> 🎥 **Video zdroj**: Chcete vidět tyto nástroje v akci? Podívejte se na toto [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) pro komplexní přehled.
+> 🎥 **Video zdroj**: Chcete vidět tyto nástroje v akci? Podívejte se na toto video [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) pro komplexní přehled.
 
 #### Doporučené editory pro webový vývoj
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (zdarma)  
-- Nejoblíbenější mezi webovými vývojáři  
-- Vynikající ekosystém rozšíření  
-- Vestavěný terminál a integrace s Gitem  
-- **Nezbytná rozšíření**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-poháněné návrhy kódu  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Spolupráce v reálném čase  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatické formátování kódu  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Odhalování překlepů v kódu
-
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (placené, zdarma pro studenty)  
-- Pokročilé nástroje pro ladění a testování  
-- Inteligentní dokončování kódu  
-- Vestavěná správa verzí
-
-**Cloudová IDE** (různá cenová politika)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - Plnohodnotný VS Code v prohlížeči  
-- [Replit](https://replit.com/) - Skvělé pro učení a sdílení kódu  
-- [StackBlitz](https://stackblitz.com/) - Okamžitý full-stack webový vývoj
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (zdarma)
+- Nejoblíbenější mezi webovými vývojáři
+- Skvělý ekosystém rozšíření
+- Integrovaný terminál a Git
+- **Nutná rozšíření**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – AI navrhování kódu
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – Spolupráce v reálném čase
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – Automatické formátování kódu
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – Kontrola překlepů v kódu
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (placené, zdarma pro studenty)
+- Pokročilé nástroje pro ladění a testování
+- Inteligentní dokončování kódu
+- Integrovaná správa verzí
+
+**Cloudová IDE** (různé ceny)
+- [GitHub Codespaces](https://github.com/features/codespaces) – Plný VS Code v prohlížeči
+- [Replit](https://replit.com/) – Skvělé pro učení a sdílení kódu
+- [StackBlitz](https://stackblitz.com/) – Okamžitý full-stack webový vývoj
 
 > 💡 **Tip na začátek**: Začněte s Visual Studio Code – je zdarma, široce používaný v oboru a má obrovskou komunitu vytvářející užitečné návody a rozšíření.
 
+
 ### Webové prohlížeče: Vaše tajná vývojářská laboratoř
 
-Dobře, připravte se, že vám to úplně vyrazí dech! Víte, jak jste používali prohlížeče k prohlížení sociálních sítí a sledování videí? Ukázalo se, že celý čas skrývají tuto neuvěřitelnou tajnou vývojářskou laboratoř, která čeká, až ji objevíte!
+Dobře, připravte se, že vám to úplně vyrazí dech! Víš, jak používáš prohlížeče k procházení sociálních sítí a sledování videí? Ukazuje se, že celý čas skrývaly tu úžasnou tajnou laboratoř pro vývojáře, která čekala, až ji objevíš!
 
-Pokaždé, když kliknete pravým tlačítkem na webovou stránku a vyberete „Prozkoumat prvek,“ otevírá se vám skrytý svět vývojářských nástrojů, které jsou upřímně silnější než některé drahé programy, za které jsem kdysi platil stovky dolarů. Je to jako objevit, že vaše obyčejná domácí kuchyně skrývá profesionální kuchařskou laboratoř za tajným panelem!
-Poprvé, když mi někdo ukázal nástroje pro vývojáře v prohlížeči, strávil jsem asi tři hodiny jen klikáním a říkal si: „POČKEJ, TO MŮŽE DĚLAT I TO?“ Doslova můžete upravovat jakoukoli webovou stránku v reálném čase, přesně vidět, jak rychle se všechno načítá, testovat, jak vaše stránka vypadá na různých zařízeních, a dokonce ladit JavaScript jako opravdový profík. Je to naprosto úžasné!
+Pokaždé, když kliknete pravým tlačítkem na webovou stránku a vyberete „Prozkoumat prvek“, otevíráte skrytý svět vývojářských nástrojů, které jsou upřímně mocnější než některé drahé programy, za které jsem dřív platila stovky dolarů. Je to jako objevit, že vaše stará kuchyň skrývá profesionální kuchařskou laboratoř za tajným panelem!
+Poprvé, když mi někdo ukázal DevTools v prohlížeči, strávil jsem asi tři hodiny jen klikáním a říkáním „POČKEJ, TO UMÍ I TOHLE?!“ Doslova můžete upravovat jakoukoli webovou stránku v reálném čase, přesně vidět, jak rychle se vše načítá, testovat, jak vypadá vaše stránka na různých zařízeních, a dokonce ladit JavaScript jako naprostý profík. Je to naprosto ohromující!
 
-**Tady je důvod, proč jsou prohlížeče vaším tajným zbraněm:**
+**Tady je důvod, proč jsou prohlížeče vaším tajným trikem:**
 
-Když vytváříte webovou stránku nebo webovou aplikaci, potřebujete vidět, jak vypadá a chová se v reálném světě. Prohlížeče nejen zobrazují vaši práci, ale také poskytují podrobné informace o výkonu, přístupnosti a možných problémech.
+Když vytváříte web nebo webovou aplikaci, potřebujete vidět, jak vypadá a jak se chová v reálném světě. Prohlížeče nejen zobrazují vaši práci, ale také poskytují podrobnou zpětnou vazbu o výkonu, přístupnosti a potenciálních problémech.
 
-#### Nástroje pro vývojáře v prohlížeči (DevTools)
+#### Vývojářské nástroje prohlížeče (DevTools)
 
-Moderní prohlížeče obsahují komplexní sady nástrojů pro vývoj:
+Moderní prohlížeče obsahují komplexní vývojové nástroje:
 
 | Kategorie nástroje | Co dělá | Příklad použití |
-|---------------|--------------|------------------|
-| **Inspektor elementů** | Zobrazení a úprava HTML/CSS v reálném čase | Úprava stylu pro okamžité výsledky |
-| **Konzole** | Zobrazení chybových zpráv a testování JavaScriptu | Ladění problémů a experimentování s kódem |
-| **Monitor sítě** | Sledování načítání zdrojů | Optimalizace výkonu a doby načítání |
-| **Kontrola přístupnosti** | Testování inkluzivního designu | Zajištění funkčnosti webu pro všechny uživatele |
-| **Simulátor zařízení** | Náhled na různých velikostech obrazovek | Testování responzivního designu bez více zařízení |
+|-------------------|---------|-----------------|
+| **Inspektor prvků** | Zobrazí a upraví HTML/CSS v reálném čase | Úprava stylů pro okamžité výsledky |
+| **Konzole** | Zobrazí chybové zprávy a testuje JavaScript | Ladění problémů a experimentování s kódem |
+| **Monitor sítě** | Sleduje načítání zdrojů | Optimalizace výkonu a doby načítání |
+| **Kontrola přístupnosti** | Testuje inkluzivní design | Zajištění funkčnosti pro všechny uživatele |
+| **Simulátor zařízení** | Náhled na různých velikostech obrazovky | Testování responzivního designu bez více zařízení |
 
 #### Doporučené prohlížeče pro vývoj
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Průmyslový standard DevTools s rozsáhlou dokumentací
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Skvělé nástroje pro CSS Grid a přístupnost
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Postavený na Chromium s vývojářskými zdroji od Microsoftu
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Průmyslový standard DevTools s rozsáhlou dokumentací
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Výborné nástroje pro CSS Grid a přístupnost
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Postavený na Chromium s vývojářskými zdroji od Microsoftu
 
-> ⚠️ **Důležitý tip pro testování**: Vždy testujte své weby v několika prohlížečích! To, co funguje perfektně v Chromu, může vypadat jinak v Safari nebo Firefoxu. Profesionální vývojáři testují ve všech hlavních prohlížečích, aby zajistili konzistentní uživatelský zážitek.
+> ⚠️ **Důležitý tip pro testování**: Vždy testujte své weby ve více prohlížečích! To, co funguje perfektně v Chromu, může vypadat odlišně v Safari nebo Firefoxu. Profesionální vývojáři testují napříč všemi hlavními prohlížeči, aby zajistili konzistentní uživatelský zážitek.
 
 
-### Nástroje příkazové řádky: Vaše brána do supermocí vývojáře
+### Nástroje příkazové řádky: vaše brána k vývojářským supermocím
 
-Dobře, pojďme mít teď upřímný moment ohledně příkazové řádky, protože chci, abyste to slyšeli od někoho, kdo tomu skutečně rozumí. Když jsem ji poprvé viděl – jen tu strašidelnou černou obrazovku s blikajícím textem – doslova jsem si pomyslel: „Ne, rozhodně ne! To vypadá jako něco z hackerského filmu z 80. let a já na to opravdu nejsem dost chytrý!“ 😅
+Dobře, pojďme si upřímně promluvit o příkazové řádce, protože chci, abyste to slyšeli od někoho, kdo jí opravdu rozumí. Když jsem ji poprvé viděl – jen tu děsivou černou obrazovku s blikajícím textem – doslova jsem si pomyslel: „Ne, to rozhodně ne! Vypadá to jako něco z hackerovského filmu z 80. let a já na to rozhodně nejsem dost chytrý!“ 😅
 
-Ale tady je to, co bych si přál, aby mi tehdy někdo řekl, a co říkám vám teď: příkazová řádka není strašidelná – je to vlastně jako mít přímý rozhovor s vaším počítačem. Představte si to jako rozdíl mezi objednávkou jídla přes stylovou aplikaci s obrázky a menu (což je hezké a snadné) oproti vstupu do vaší oblíbené místní restaurace, kde kuchař přesně zná, co máte rád, a umí vytvořit něco perfektního jen proto, že řeknete „překvap mě něčím úžasným.“
+Ale tady je, co bych si přál, aby mi někdo tehdy řekl, a co vám říkám teď: příkazová řádka není děsivá – je to vlastně jako mít přímou konverzaci s počítačem. Myslete na to jako na rozdíl mezi objednávkou jídla přes hezkou aplikaci s obrázky a menu (což je fajn a snadné) versus osobní návštěvou vaší oblíbené místní restaurace, kde kuchař přesně ví, co máte rádi, a dokáže uvařit něco perfektního jen proto, že řeknete „překvap mě něčím úžasným“.
 
-Příkazová řádka je místo, kam chodí vývojáři, aby se cítili jako opravdoví kouzelníci. Napíšete pár zdánlivě magických slov (dobře, jsou to jen příkazy, ale mají magický nádech!), stisknete enter a BUM – vytvořili jste celé struktury projektů, nainstalovali výkonné nástroje z celého světa, nebo nasadili svou aplikaci na internet, aby ji mohly vidět miliony lidí. Jakmile ochutnáte tu moc, je to opravdu návykové!
+Na příkazovou řádku chodí vývojáři, aby se cítili jako úplní kouzelníci. Napíšete pár na první pohled magických slov (dobře, jsou to jen příkazy, ale působí magicky!), stisknete enter a HOP – vytvořili jste celé struktury projektů, nainstalovali výkonné nástroje z celého světa, nebo nasadili svou aplikaci na internet milionům lidí. Jakmile okusíte tu sílu, je to fakt návykové!
 
 **Proč se příkazová řádka stane vaším oblíbeným nástrojem:**
 
-I když jsou grafická rozhraní skvělá pro mnoho úkolů, příkazová řádka vyniká v automatizaci, přesnosti a rychlosti. Mnoho vývojářských nástrojů funguje primárně přes příkazové rozhraní a naučit se je efektivně používat může výrazně zlepšit vaši produktivitu.
+I když jsou grafická rozhraní skvělá pro mnoho úkolů, příkazová řádka vyniká v automatizaci, přesnosti a rychlosti. Mnoho vývojových nástrojů funguje hlavně přes příkazovou řádku a naučit se je efektivně používat může výrazně zlepšit vaši produktivitu.
 
 ```bash
-# Krok 1: Vytvořte adresář projektu a přejděte do něj
+# Krok 1: Vytvořte a přejděte do adresáře projektu
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Co tento kód dělá:**
-- **Vytvoří** nový adresář s názvem "my-awesome-website" pro váš projekt
-- **Přejde** do nově vytvořeného adresáře, aby mohl začít pracovat
+**Tento kód dělá toto:**
+- **Vytvoří** novou složku nazvanou „my-awesome-website“ pro váš projekt
+- **Přejde** do nově vytvořené složky, aby mohl začít pracovat
 
 ```bash
 # Krok 2: Inicializujte projekt s package.json
@@ -614,10 +616,10 @@ npm install --save-dev @eslint/js
 ```
 
 **Krok za krokem, co se děje:**
-- **Inicializuje** nový Node.js projekt s výchozími nastaveními pomocí `npm init -y`
+- **Inicializuje** nový projekt Node.js s výchozím nastavením pomocí `npm init -y`
 - **Nainstaluje** Vite jako moderní nástroj pro rychlý vývoj a produkční sestavení
-- **Přidá** Prettier pro automatické formátování kódu a ESLint pro kontrolu kvality
-- **Použije** přepínač `--save-dev`, aby tyto závislosti byly jen pro vývoj
+- **Přidá** Prettier pro automatické formátování kódu a ESLint pro kontrolu kvality kódu
+- **Používá** přepínač `--save-dev` k označení těchto závislostí jako pouze pro vývoj
 
 ```bash
 # Krok 3: Vytvořte strukturu projektu a soubory
@@ -628,156 +630,156 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**Ve výše uvedeném jsme:**
-- **Uspořádali** náš projekt vytvořením samostatných složek pro zdrojový kód a assety
+**Výše uvedeným jsme:**
+- **Uspořádali** náš projekt vytvořením samostatných složek pro zdrojový kód a zdroje
 - **Vygenerovali** základní HTML soubor s správnou strukturou dokumentu
-- **Spustili** vývojový server Vite pro živé aktualizace a horkou náhradu modulů
+- **Spustili** Vite vývojový server pro živé aktualizace a hot module replacement
 
-#### Základní nástroje příkazové řádky pro webový vývoj
+#### Nezbytné nástroje příkazové řádky pro webový vývoj
 
 | Nástroj | Účel | Proč ho potřebujete |
-|------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Správa verzí | Sledování změn, spolupráce s ostatními, zálohování práce |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & správa balíčků | Spouštění JavaScriptu mimo prohlížeče, instalace moderních vývojových nástrojů |
-| **[Vite](https://vitejs.dev/)** | Nástroj pro sestavení & dev server | Bleskový vývoj s horkou náhradou modulů |
-| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automatické nalezení a oprava problémů v JavaScriptu |
-| **[Prettier](https://prettier.io/)** | Formátování kódu | Udržování kódu konzistentně formátovaného a čitelného |
+|---------|-------|--------------------|
+| **[Git](https://git-scm.com/)** | Správa verzí | Sleduje změny, umožňuje spolupráci a zálohy práce |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime a správa balíčků | Spouští JavaScript mimo prohlížeče, instaluje moderní vývojové nástroje |
+| **[Vite](https://vitejs.dev/)** | Nástroj pro sestavení a dev server | Bleskově rychlý vývoj s hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automaticky najde a opraví problémy v JavaScriptu |
+| **[Prettier](https://prettier.io/)** | Formátování kódu | Udržuje kód konzistentně formátovaný a přehledný |
 
-#### Platformně specifické možnosti
+#### Platformově specifické možnosti
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderní, plně vybavený terminál
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Výkonné skriptovací prostředí
-- **[Příkazový řádek](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradiční Windows příkazová řádka
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Moderní a funkčně bohatý terminál
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Výkonné skriptovací prostředí
+- **[Příkazový řádek](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Tradiční Windows příkazová řádka
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Vestavěná terminálová aplikace
-- **[iTerm2](https://iterm2.com/)** - Vylepšený terminál s pokročilými funkcemi
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Vestavěná terminálová aplikace
+- **[iTerm2](https://iterm2.com/)** – Vylepšený terminál s pokročilými funkcemi
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standardní linuxová shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Pokročilý terminálový emulátor
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Standardní shell na Linuxu
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Pokročilý terminálový emulátor
 
 > 💻 = Předinstalováno v operačním systému
 
-> 🎯 **Cesta učení**: Začněte se základními příkazy jako `cd` (změna adresáře), `ls` nebo `dir` (výpis souborů) a `mkdir` (vytvoření složky). Procvičujte moderní pracovní příkazy jako `npm install`, `git status` a `code .` (otevře současný adresář ve VS Code). Jakmile si zvyknete, přirozeně osvojíte více pokročilých příkazů a automatizačních technik.
+> 🎯 **Cesta učení**: Začněte s základními příkazy jako `cd` (změna složky), `ls` nebo `dir` (výpis souborů) a `mkdir` (vytvoření složky). Procvičujte moderní pracovní příkazy jako `npm install`, `git status` a `code .` (otevření aktuální složky ve VS Code). Jakmile získáte jistotu, přirozeně se naučíte pokročilejší příkazy a automatizační techniky.
 
 
-### Dokumentace: Váš vždy dostupný učitel a mentor
+### Dokumentace: váš vždy dostupný učitel
 
-Dobře, prozradím vám malý tajemství, které vám pomůže cítit se mnohem lépe jako začátečník: i ti nejzkušenější vývojáři stráví obrovskou část svého času čtením dokumentace. A není to proto, že by nevěděli, co dělají – to je vlastně známka moudrosti!
+Dobře, prozradím vám malé tajemství, které vám pomůže cítit se mnohem lépe jako začátečník: i ti nejzkušenější vývojáři tráví obrovskou část svého času čtením dokumentace. A není to proto, že by nevěděli, co dělají – je to vlastně znamení moudrosti!
 
-Představte si dokumentaci jako přístup k nejtrpělivějším, nejvzdělanějším učitelům světa, kteří jsou k dispozici 24/7. Zasekli jste se na problému ve 2 ráno? Dokumentace je tam s teplým virtuálním objetím a přesně vám podá odpověď, kterou potřebujete. Chcete se naučit o nějaké skvělé nové funkci, o které všichni mluví? Dokumentace to má připravené s příklady krok za krokem. Snažíte se pochopit, proč něco funguje tak, jak to funguje? Hádejte co – dokumentace je připravená vám to vysvětlit způsobem, který vám to konečně rozsvítí!
+Považujte dokumentaci za přístup k nejtrpělivějším a nejzkušenějším učitelům na světě, kteří jsou k dispozici 24/7. Máte problém v 2 ráno? Dokumentace je tu s virtuálním teplým objetím a přesně tou odpovědí, kterou potřebujete. Chcete se naučit o nějaké skvělé nové funkci, o které všechny mluví? Dokumentace vás provede krok za krokem s příklady. Snažíte se pochopit, proč něco funguje tak, jak to funguje? Tušíte správně – dokumentace vám to vysvětlí způsobem, který vám konečně dá smysl!
 
-Tady je něco, co úplně změnilo můj pohled: svět webového vývoje se hýbe neuvěřitelně rychle a nikdo (mám na mysli opravdu nikdo!) nemá všechno v paměti. Viděl jsem zkušené vývojáře s 15+ lety praxe, jak vyhledávají základní syntaxi, a víte co? To není trapné – to je chytré! Není to o perfektní paměti; je to o tom vědět, kde rychle najít spolehlivé odpovědi a umět je správně použít.
+Něco, co mi úplně změnilo pohled: svět webového vývoje se pohybuje neuvěřitelně rychle a nikdo (myslím naprosto nikdo!) nemá všechno v paměti. Viděl jsem zkušené vývojáře s 15+ lety praxe hledat základní syntaxi, a víte co? Není to trapné – je to chytré! Nejde o perfektní paměť, ale o vědění, kde rychle najít spolehlivé odpovědi a jak je aplikovat.
 
-**Tady se odehrává ta opravdová magie:**
+**Tady se děje ta opravdová magie:**
 
-Profesionální vývojáři tráví výraznou část svého času čtením dokumentace – ne proto, že by nevěděli, co dělají, ale protože oblast webového vývoje se tak rychle vyvíjí, že udržet krok vyžaduje neustálé učení. Skvělá dokumentace vám pomůže pochopit nejen *jak* něco používat, ale také *proč* a *kdy* to použít.
+Profesionální vývojáři tráví významnou část svého času čtením dokumentace – ne proto, že nevědí, co dělají, ale protože svět webového vývoje se rychle mění a udržet krok znamená se nepřetržitě učit. Skvělá dokumentace vám pomůže pochopit nejen *jak* něco používat, ale *proč* a *kdy* to použít.
 
 #### Základní zdroje dokumentace
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Zlatý standard dokumentace webových technologií
-- Obsáhlé průvodce pro HTML, CSS a JavaScript
-- Zahrnuje informace o kompatibilitě prohlížečů
-- Obsahuje praktické příklady a interaktivní ukázky
+- Zlatý standard pro dokumentaci webových technologií
+- Komplexní návody pro HTML, CSS a JavaScript
+- Obsahuje informace o kompatibilitě v prohlížečích
+- Nabízí praktické příklady a interaktivní ukázky
 
-**[Web.dev](https://web.dev)** (od Google)
-- Moderní doporučené postupy ve webovém vývoji
+**[Web.dev](https://web.dev)** (Google)
+- Nejlepší moderní praktiky webového vývoje
 - Průvodce optimalizací výkonu
 - Principy přístupnosti a inkluzivního designu
 - Případové studie z reálných projektů
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Vývojářské zdroje pro prohlížeč Edge
-- Průvodce pro progresivní webové aplikace
-- Přehled multiplatformního vývoje
+- Zdroje pro vývoj v prohlížeči Edge
+- Průvodci pro progresivní webové aplikace
+- Pohledy na multiplatformní vývoj
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Strukturované výukové plány
-- Videokurzy od expertů z oboru
-- Praktické cvičení s kódováním
+- Strukturované kurikulum
+- Video kurzy od odborníků z praxe
+- Praktická cvičení s kódováním
 
-> 📚 **Strategie studia**: Nesnažte se dokumentaci memorovat – místo toho se naučte, jak ji efektivně procházet. Přidejte si do záložek často používané reference a trénujte využívání vyhledávání pro rychlé nalezení konkrétních informací.
+> 📚 **Studijní strategie**: Nesnažte se dokumentaci memorovat – místo toho se naučte, jak se v ní efektivně orientovat. Přidejte si do záložek často používané odkazy a procvičujte, jak používat vyhledávání k rychlému nalezení konkrétních informací.
 
-### 🔧 **Otestujte své mistrovství s nástroji: Co na vás nejvíc zapůsobilo?**
+### 🔧 **Ověření ovládání nástrojů: Co na vás nejvíc zapůsobilo?**
 
-**Zastavte se na chvíli a zamyslete se:**
-- Který nástroj si chcete vyzkoušet jako první? (Žádná špatná odpověď!)
-- Stále je pro vás příkazová řádka zastrašující nebo vás to láká ji poznat?
-- Dokážete si představit, že byste používali nástroje pro vývojáře v prohlížeči k nahlédnutí pod pokličku svých oblíbených webů?
+**Chvilku se zamyslete:**
+- Který nástroj chcete zkusit jako první? (Špatná odpověď neexistuje!)
+- Stále je pro vás příkazová řádka děsivá, nebo vás zajímá?
+- Dokážete si představit, že použijete DevTools prohlížeče a nahlédnete pod pokličku svých oblíbených webů?
 
 ```mermaid
 pie title "Čas vývojáře strávený s nástroji"
-    "Kódový editor" : 40
+    "Editor kódu" : 40
     "Testování v prohlížeči" : 25
     "Příkazový řádek" : 15
     "Čtení dokumentace" : 15
     "Ladění" : 5
 ```
-> **Zajímavost**: Většina vývojářů tráví asi 40 % času v editoru kódu, ale všimněte si, kolik času jde na testování, učení a řešení problémů. Programování není jen psaní kódu – je to vytváření zážitků!
+> **Zajímavost**: Většina vývojářů tráví asi 40 % času ve svém kódovacím editoru, ale všimněte si, kolik času jde na testování, učení a řešení problémů. Programování není jen psaní kódu – je to tvorba zážitků!
 
-✅ **K zamyšlení**: Tady je něco zajímavého k přemýšlení – jak myslíte, že se nástroje pro tvorbu webů (vývoj) liší od nástrojů pro návrh vzhledu (design)? Je to jako rozdíl mezi architektem, který navrhuje krásný dům, a stavebním dodavatelem, který ho skutečně postaví. Obě role jsou klíčové, ale vyžadují odlišnou sadu nástrojů! Takové myšlení vám opravdu pomůže vidět širší obraz, jak weby vznikají.
+✅ **Zamyslete se**: Tady je zajímavá otázka – jak si myslíte, že se nástroje pro tvorbu webů (vývoj) liší od nástrojů na návrh jejich vzhledu (design)? Je to jako rozdíl mezi architektem, který navrhuje krásný dům, a dodavatelem, který ho skutečně staví. Oba jsou klíčoví, ale potřebují odlišné nástroje! Takové uvažování vám opravdu pomůže vidět širší obraz, jak weby vznikají.
 
 ## Výzva GitHub Copilot Agenta 🚀
 
 Použijte režim Agenta k dokončení následující výzvy:
 
-**Popis:** Prozkoumejte funkce moderního kódovacího editoru nebo IDE a ukažte, jak může zlepšit váš pracovní tok jako webový vývojář.
+**Popis:** Prozkoumejte funkce moderního kódovacího editoru nebo IDE a ukažte, jak může zlepšit váš pracovní postup jako webového vývojáře.
 
-**Zadání:** Vyberte si kódovací editor nebo IDE (například Visual Studio Code, WebStorm nebo cloudové IDE). Vyjmenujte tři funkce nebo rozšíření, které vám pomáhají psát, ladit nebo udržovat kód efektivněji. U každé krátce vysvětlete, jak zlepšuje váš pracovní proces.
+**Zadání:** Vyberte si kódovací editor nebo IDE (např. Visual Studio Code, WebStorm nebo cloudové IDE). Uveďte tři funkce nebo rozšíření, které vám pomáhají efektivněji psát, ladit nebo udržovat kód. U každé krátce vysvětlete, jak vaši práci zlepšuje.
 
 ---
 
 ## 🚀 Výzva
 
-**Tak dobře, detektive, jsi připraven na svůj první případ?**
+**Tak šéfe, připraven na svůj první případ?**
 
-Teď když máš tento skvělý základ, čeká tě dobrodružství, které ti pomůže vidět, jak neuvěřitelně různorodý a fascinující je svět programování. A poslouchej – není to o psaní kódu, takže žádný tlak! Představ si sám sebe jako detektiva programovacích jazyků na svém úplně prvním vzrušujícím případě!
+Teď, když máte skvělé základy, mám pro vás dobrodružství, které vám pomůže vidět, jak neuvěřitelně rozmanitý a fascinující je svět programování. A pozor – tady nejde o psaní kódu, takže netlačte na pilu! Považujte se za detektiva programovacích jazyků na vašem úplně prvním vzrušujícím případu!
 
-**Tvůj úkol, pokud se rozhodneš ho přijmout:**
-1. **Staň se objevitelem jazyků**: Vyber tři programovací jazyky z úplně odlišných světů – třeba jeden pro tvorbu webů, jeden pro mobilní aplikace a jeden pro vědecká data. Najdi příklady stejného jednoduchého úkolu napsaného v každém jazyce. Slibuju, že tě překvapí, jak odlišně mohou vypadat, i když dělají úplně to samé!
+**Vaše mise, pokud ji přijmete:**
+1. **Staňte se průzkumníkem jazyků**: Vyberte tři programovací jazyky z úplně jiných světů – třeba jeden pro tvorbu webů, jeden pro mobilní aplikace a jeden pro vědecké zpracování dat. Najděte příklady stejného jednoduchého úkolu, napsané v každém jazyce. Slíbím vám, že budete naprosto ohromeni tím, jak mohou vypadat rozdílně, i když dělají úplně tu samou věc!
 
-2. **Získej jejich příběhy vzniku**: Co dělá každý jazyk výjimečným? Tady je zajímavý fakt – každý programovací jazyk vznikl, protože někdo řekl: „Víš co? Musí existovat lepší způsob, jak vyřešit tento konkrétní problém.“ Můžeš zjistit, jaké problémy to byly? Některé z těch příběhů jsou opravdu fascinující!
+2. **Objevte jejich příběhy vzniku**: Co dělá každý jazyk výjimečným? Tady je zajímavost – každý programovací jazyk vznikl, protože někdo řekl: „Víš co? Musí existovat lepší způsob, jak vyřešit tenhle konkrétní problém.“ Dokážete zjistit, jaké problémy to byly? Některé příběhy jsou opravdu fascinující!
 
-3. **Poznej komunity**: Podívej se, jak vstřícná a zapálená je komunita kolem každého jazyka. Některé mají miliony vývojářů sdílejících znalosti a pomáhajících si, jiné jsou menší, ale neskutečně soudržné a podporující. Budeš rád vidět, jaké osobnosti tyto komunity mají!
+3. **Poznejte komunity**: Prozkoumejte, jak vstřícná a zanícená je komunita každého jazyka. Některé mají miliony vývojářů, kteří si sdílejí znalosti a pomáhají si, jiné jsou menší, ale neuvěřitelně soudržné a podporující. Určitě vás nadchne, jaké různé osobnosti tyto komunity mají!
 
-4. **Řiď se svým instinktem**: Který jazyk ti teď přijde nejsnazší? Neřeš, že bys měl udělat „perfektní“ volbu – jen naslouchej svému pocitu! Opravdu neexistuje špatná odpověď a vždy můžeš později prozkoumat další.
+4. **Řiďte se svým instinktem**: Který jazyk vám teď připadá nejpřístupnější? Netrapte se tím, abyste vybrali „perfektní“ jazyk – prostě poslouchejte svůj vnitřní pocit! Není tady špatná volba a vždy můžete později vyzkoumat další.
 
-**Bonusová detektivní práce**: Podívej se, které hlavní weby nebo aplikace jsou postavené s použitím každého jazyka. Zaručuji ti, že budeš šokovaný, až zjistíš, co pohání Instagram, Netflix nebo tu mobilní hru, kterou nemůžeš přestat hrát!
+**Bonusová detektivní práce**: Zapátrejte, které velké weby nebo aplikace jsou postavené v každém z těchto jazyků. Zaručuji, že budete šokováni, co pohání Instagram, Netflix nebo tu mobilní hru, kterou nemůžete přestat hrát!
 
-> 💡 **Pamatuj**: Dnes se nesnažíš stát expertem na žádný z těchto jazyků. Jen si pořádně prohlížíš sousedství, než se rozhodneš, kde chceš zakotvit. Dej si na čas, bav se a nech svou zvědavost vést!
+> 💡 **Pamatujte**: Dnes se nesnažíte stát expertem na žádný z těchto jazyků. Jen se seznamujete s oblastí, než si vyberete, kde chcete začít. Dejte si na čas, užijte si to a nechte se vést zvědavostí!
 
-## Oslavme, co jsi objevil!
+## Oslavme, co jste objevili!
 
-Páni, dnes jsi nasál tolik neuvěřitelných informací! Opravdu se těším, kolik toho z téhle úžasné cesty ti zůstalo. A pamatuj – není to test, kde musíš být perfektní. Je to spíš oslava všeho skvělého, co ses o tomto fascinujícím světě dozvěděl, do kterého se brzy ponoříš!
+Ty jo, dnes jste nasáli tolik neuvěřitelných informací! Opravdu mě těší, kolik z té skvělé cesty vám zůstalo v paměti. A pamatujte – není to test, kde musíte mít vše perfektní. Je to oslava všeho toho úžasného, co jste se o tomto fascinujícím světě dozvěděli!
 
-[Vyzkoušej si kvíz po lekci](https://ff-quizzes.netlify.app/web/)
-## Revize a Samostudium
+[Vyzkoušejte test po lekci](https://ff-quizzes.netlify.app/web/)
 
-**Vezmi si čas na prozkoumání a bav se tím!**
+## Přehled & Samostudium
 
-Dnes jsi zvládl spoustu věcí, a to je něco, na co můžeš být hrdý! Teď přichází ta zábavná část – prozkoumání témat, která vzbudila tvou zvědavost. Pamatuj, že to není domácí úkol – je to dobrodružství!
+**Vezměte si čas na objevování a zábavu!**
+Pokryli jste dnes hodně témat, a to je něco, na co můžete být hrdí! Teď přichází ta zábavná část – prozkoumávání témat, která ve vás vzbudila zvědavost. Nezapomeňte, že to není domácí úkol – je to dobrodružství!
 
-**Ponoř se hlouběji do toho, co tě nadchlo:**
+**Ponořte se hlouběji do toho, co vás nadchlo:**
 
-**Zapoj se prakticky do programovacích jazyků:**
-- Navštiv oficiální webové stránky 2-3 jazyků, které tě zaujaly. Každý má svou osobnost a příběh!
-- Vyzkoušej si online „coding playgroundy“ jako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), nebo [Replit](https://replit.com/). Neboj se experimentovat – nic nezničíš!
-- Přečti si, jak tvůj oblíbený jazyk vznikl. Vážně, některé z těchto příběhů jsou fascinující a pomohou ti pochopit, proč jazyky fungují tak, jak fungují.
+**Zapojte se do programovacích jazyků:**
+- Navštivte oficiální webové stránky 2-3 jazyků, které vám padly do oka. Každý z nich má svou osobnost a příběh!
+- Vyzkoušejte si nějaká online programovací hřiště jako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) nebo [Replit](https://replit.com/). Nebojte se experimentovat – nic tím nezlomíte!
+- Přečtěte si, jak váš oblíbený jazyk vznikl. Některé z těchto příběhů jsou opravdu fascinující a pomohou vám pochopit, proč jazyky fungují tak, jak fungují.
 
-**Seznam se se svými novými nástroji:**
-- Stáhni si Visual Studio Code, pokud ho ještě nemáš – je zdarma a bude se ti líbit!
-- Strav pár minut prohlížením tržiště rozšíření. Je to jako obchod s aplikacemi pro tvůj kódovací editor!
-- Otevři vývojářské nástroje v prohlížeči a jen tak klikaj po webu. Nemusíš tomu všemu rozumět – jen si zvykej, co tam je.
+**Zvykněte si na své nové nástroje:**
+- Stáhněte si Visual Studio Code, pokud ho ještě nemáte – je zdarma a budete ho milovat!
+- Stravte pár minut prohlížením tržiště rozšíření. Je to jako obchod s aplikacemi pro váš kódový editor!
+- Otevřete Vývojářské nástroje ve svém prohlížeči a jen si klikejte kolem. Nemusíte rozumět všemu – stačí, když si zvyknete, co tam je.
 
-**Připoj se ke komunitě:**
-- Sleduj vývojářské komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), nebo [GitHub](https://github.com/). Programátorská komunita je neuvěřitelně vstřícná k nováčkům!
-- Sleduj na YouTube videa přátelská k začátečníkům. Je tam spousta skvělých tvůrců, kteří si pamatují, jaké to je začínat.
-- Zvaž připojení k místním setkáním nebo online komunitám. Věř mi, vývojáři rádi pomáhají nováčkům!
+**Připojte se ke komunitě:**
+- Sledujte některé vývojářské komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) nebo [GitHub](https://github.com/). Programátorská komunita je nesmírně vstřícná k nováčkům!
+- Podívejte se na začátečnická videa o programování na YouTube. Je tam spousta skvělých tvůrců, kteří si pamatují, jaké to je začínat.
+- Zvažte připojení k místním setkáním nebo online komunitám. Věřte mi, vývojáři rádi pomáhají nováčkům!
 
-> 🎯 **Poslouchej, co ti chci říct**: Nečeká se od tebe, že se ze dne na den staneš kódovacím mágem! Právě teď se jen seznamuješ s tím úžasným světem, jehož součástí se chystáš stát. Vezmi si čas, užij si cestu a pamatuj – každý jeden vývojář, kterého obdivuješ, jednou seděl právě tam, kde jsi teď, cítil se nadšený a možná trochu zahlcený. To je úplně normální a znamená to, že to děláš správně!
+> 🎯 **Poslouchejte, co chci, abyste si zapamatovali**: Neočekává se, že se z vás přes noc stane programovací čaroděj! Teď jen poznáváte tento úžasný nový svět, jehož součástí se brzy stanete. Vezměte si čas, užívejte si cestu a pamatujte – každý programátor, kterého obdivujete, seděl přesně tam, kde jste teď vy, plný nadšení a možná trochu zahlcený. To je naprosto normální a znamená to, že to děláte správně!
 
 
 
@@ -785,70 +787,70 @@ Dnes jsi zvládl spoustu věcí, a to je něco, na co můžeš být hrdý! Teď
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Malé popostrčení pro tvé zadání**: Určitě bych rád viděl, jak prozkoumáš nějaké nástroje, které jsme zatím neprobírali! Vynech editory, prohlížeče a příkazové nástroje, o kterých jsme už mluvili – existuje celý tento neuvěřitelný vesmír skvělých vývojářských nástrojů, které čekají na objevení. Hledej takové, které jsou aktivně udržované a mají živé, nápomocné komunity (ty mají obvykle nejlepší tutoriály a nejpřátelštější lidi, když se zasekneš a potřebuješ pomocnou ruku).
+> 💡 **Malé nakopnutí k vašemu úkolu**: Rád(a) bych vás viděl(a), jak zkoumáte nějaké nástroje, o kterých jsme ještě nemluvili! Přeskočte editory, prohlížeče a nástroje příkazové řádky, které jsme už probírali – je tu celý neuvěřitelný svět skvělých vývojářských nástrojů, které čekají na to, až je objevíte. Hledejte takové, které jsou aktivně udržované a mají živé, nápomocné komunity (ty obvykle mají nejlepší návody a nejvíc podpůrných lidí, pokud se zaseknete a budete potřebovat přátelskou pomoc).
 
 ---
 
-## 🚀 Tvůj časový plán programátorské cesty
-
-### ⚡ **Co můžeš udělat během příštích 5 minut**
-- [ ] Přidej si do záložek 2-3 weby programovacích jazyků, které tě zaujaly
-- [ ] Stáhni si Visual Studio Code, pokud ho ještě nemáš
-- [ ] Otevři ve svém prohlížeči DevTools (F12) a klikni si na jakémkoli webu
-- [ ] Připoj se do jedné programátorské komunity (Dev.to, Reddit r/webdev, nebo Stack Overflow)
-
-### ⏰ **Co můžeš stihnout během hodiny**
-- [ ] Dokonči kvíz po lekci a zamysli se nad svými odpověďmi
-- [ ] Nastav VS Code s rozšířením GitHub Copilot
-- [ ] Vyzkoušej příklad „Hello World“ ve 2 různých programovacích jazycích online
-- [ ] Podívej se na video „Den v životě vývojáře“ na YouTube
-- [ ] Začni s detektivní prací na svém zvoleném programovacím jazyku (z výzvy)
-
-### 📅 **Týdenní dobrodružství**
-- [ ] Dokonči zadání a prozkoumej 3 nové vývojářské nástroje
-- [ ] Sleduj 5 vývojářů nebo programátorských účtů na sociálních sítích
-- [ ] Zkus postavit něco malého v CodePen nebo Replit (třeba jen „Hello, [Tvé jméno]!“)
-- [ ] Přečti si jeden blogový příspěvek vývojáře o jeho kódovací cestě
-- [ ] Připoj se k virtuálnímu setkání nebo se podívej na programátorskou přednášku
-- [ ] Začni se učit svůj zvolený jazyk podle online tutoriálů
-
-### 🗓️ **Měsíční proměna**
-- [ ] Postav svůj první malý projekt (i jednoduchá webová stránka se počítá!)
-- [ ] Přispěj do open-source projektu (začni opravami dokumentace)
-- [ ] Mentoruj někoho, kdo právě začíná s programováním
-- [ ] Vytvoř si webovou stránku s portfolio vývojáře
-- [ ] Spoj se s místními komunitami vývojářů nebo studijními skupinami
-- [ ] Začni plánovat svůj další učební milník
-
-### 🎯 **Závěrečné zhodnocení**
-
-**Než budeš pokračovat dál, oslav tohle:**
-- Co tě dnes na programování nejvíc nadchlo?
-- Který nástroj nebo koncept chceš prozkoumat jako první?
-- Jak se cítíš ohledně začátku této programátorské cesty?
-- Jakou jednu otázku bys chtěl teď položit vývojáři?
+## 🚀 Váš časový plán programátorské cesty
+
+### ⚡ **Co můžete udělat během příštích 5 minut**
+- [ ] Přidejte si do záložek 2-3 webové stránky programovacích jazyků, které vás zaujaly
+- [ ] Stáhněte si Visual Studio Code, pokud ho ještě nemáte
+- [ ] Otevřete si Vývojářské nástroje prohlížeče (F12) a klikejte na jakékoliv webové stránce
+- [ ] Připojte se k jedné programátorské komunitě (Dev.to, Reddit r/webdev nebo Stack Overflow)
+
+### ⏰ **Co můžete stihnout během této hodiny**
+- [ ] Dokončete kvíz po lekci a zamyslete se nad svými odpověďmi
+- [ ] Nastavte VS Code s rozšířením GitHub Copilot
+- [ ] Vyzkoušejte si "Hello World" v 2 různých programovacích jazycích online
+- [ ] Podívejte se na video „Den v životě vývojáře“ na YouTube
+- [ ] Začněte pátrat po informacích o programovacích jazycích (z výzvy)
+
+### 📅 **Vaše týdenní dobrodružství**
+- [ ] Splňte úkol a prozkoumejte 3 nové vývojářské nástroje
+- [ ] Sledujte 5 vývojářů nebo programátorských účtů na sociálních sítích
+- [ ] Zkuste postavit něco malého v CodePen nebo Replit (i jen „Hello, [Vaše jméno]!“)
+- [ ] Přečtěte si jeden blogový příspěvek od vývojáře o jeho programátorské cestě
+- [ ] Připojte se k virtuálnímu setkání nebo shlédněte přednášku o programování
+- [ ] Začněte se učit vybraný jazyk pomocí online tutoriálů
+
+### 🗓️ **Vaše měsíční proměna**
+- [ ] Postavte svůj první malý projekt (i jednoduchá webová stránka se počítá!)
+- [ ] Přispějte k open-source projektu (začněte opravami dokumentace)
+- [ ] Mentorujte někoho, kdo právě začíná svou programátorskou cestu
+- [ ] Vytvořte si svůj vývojářský portfolio web
+- [ ] Spojte se s místními vývojářskými komunitami nebo studijními skupinami
+- [ ] Začněte plánovat svůj další učební milník
+
+### 🎯 **Konečné reflexní tachování**
+
+**Než půjdete dál, na chvíli se zastavte a oslavte:**
+- Co vás dnes na programování nejvíc nadchlo?
+- Který nástroj nebo koncept chcete prozkoumat jako první?
+- Jak se cítíte při začátku této programátorské cesty?
+- Jakou otázku byste chtěli teď položit nějakému vývojáři?
 
 ```mermaid
 journey
-    title Vaše cesta k budování sebedůvěry
+    title Tvoje cesta budování sebevědomí
     section Dnes
-      Curious: 3: Vy
-      Overwhelmed: 4: Vy
-      Excited: 5: Vy
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
     section Tento týden
-      Exploring: 4: Vy
-      Learning: 5: Vy
-      Connecting: 4: Vy
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
     section Příští měsíc
-      Building: 5: Vy
-      Confident: 5: Vy
-      Helping Others: 5: Vy
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
 ```
-> 🌟 **Pamatuj**: Každý expert byl jednou začátečník. Každý zkušený vývojář se kdysi cítil přesně tak, jako ty teď – nadšený, možná trochu zahlcený a rozhodně zvědavý na možnosti. Jsi v úžasné společnosti a tahle cesta bude neuvěřitelná. Vítej ve skvělém světě programování! 🎉
+> 🌟 **Pamatujte**: Každý expert byl jednou začátečník. Každý zkušený vývojář se někdy cítil přesně tak, jak se cítíte vy teď – nadšeně, možná trochu zahlceně a určitě zvědavě, co je možné. Jste v úžasné společnosti a tato cesta bude neuvěřitelná. Vítejte ve skvělém světě programování! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Prohlášení o vyloučení odpovědnosti**:  
-Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Nejsme odpovědni za jakákoliv nedorozumění nebo špatné interpretace vzniklé z použití tohoto překladu.
+**Vyloučení odpovědnosti**:  
+Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). Přestože usilujeme o přesnost, mějte na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. Pro kritické informace se doporučuje profesionální lidský překlad. Za jakékoliv nedorozumění nebo chybné výklady vyplývající z použití tohoto překladu neneseme odpovědnost.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/cs/AGENTS.md b/translations/cs/AGENTS.md
index e099124ba..2b5e56fe5 100644
--- a/translations/cs/AGENTS.md
+++ b/translations/cs/AGENTS.md
@@ -2,29 +2,29 @@
 
 ## Přehled projektu
 
-Toto je vzdělávací repozitář učebního plánu pro výuku základů webového vývoje pro začátečníky. Kurikulum je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML.
+Toto je vzdělávací repozitář pro výuku základů webového vývoje pro začátečníky. Kurikul je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML.
 
-### Klíčové komponenty
+### Klíčové prvky
 
-- **Vzdělávací obsah**: 24 strukturovaných lekcí uspořádaných do modulů založených na projektech
-- **Praktické projekty**: Terrarium, Hra na psaní, Rozšíření prohlížeče, Kosmická hra, Bankovní aplikace, Kódovací editor a AI chat asistent
-- **Interaktivní kvízy**: 48 kvízů po 3 otázkách (před a po lekci)
-- **Podpora vícejazyčnosti**: Automatizované překlady do více než 50 jazyků přes GitHub Actions
+- **Vzdělávací obsah**: 24 strukturovaných lekcí organizovaných do modulů založených na projektech
+- **Praktické projekty**: Terrárium, Hra na psaní, Rozšíření prohlížeče, Hra ve vesmíru, Bankovní aplikace, Editor kódu a AI chatovací asistent
+- **Interaktivní kvízy**: 48 kvízů se 3 otázkami každý (hodnocení před a po lekci)
+- **Podpora více jazyků**: Automatické překlady pro více než 50 jazyků pomocí GitHub Actions
 - **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pro AI projekty)
 
 ### Architektura
 
-- Vzdělávací repozitář s strukturou založenou na lekcích
-- Každá složka lekce obsahuje README, ukázky kódu a řešení
-- Samostatné projekty v oddělených adresářích (quiz-app, různé projekty lekcí)
+- Vzdělávací repozitář s lekční strukturou
+- Každá složka lekce obsahuje README, příklady kódu a řešení
+- Samostatné projekty v oddělených adresářích (quiz-app, různé lekční projekty)
 - Překladový systém využívající GitHub Actions (co-op-translator)
-- Dokumentace poskytovaná přes Docsify a dostupná jako PDF
+- Dokumentace podávána přes Docsify a dostupná jako PDF
 
 ## Příkazy pro nastavení
 
-Tento repozitář je určen především ke konzumaci vzdělávacího obsahu. Pro práci s konkrétními projekty:
+Tento repozitář je primárně určen pro konzumaci vzdělávacího obsahu. Pro práci s konkrétními projekty:
 
-### Hlavní nastavení repozitáře
+### Nastavení hlavního repozitáře
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -41,7 +41,7 @@ npm run build      # Sestavit pro produkci
 npm run lint       # Spustit ESLint
 ```
 
-### Bankovní projekt API (Node.js + Express)
+### Bankovní API projekt (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -56,10 +56,10 @@ npm run format     # Formátovat pomocí Prettier
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Postupujte podle specifických pokynů pro načítání rozšíření v prohlížeči
+# Postupujte podle pokynů pro načítání rozšíření specifických pro prohlížeč
 ```
 
-### Projekty Kosmické hry
+### Projekty hry ve vesmíru
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Otevřete index.html v prohlížeči nebo použijte Live Server
 ```
 
-### Chat projekt (Python backend)
+### Chatovací projekt (Python backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -80,183 +80,183 @@ python api.py
 
 ### Pro přispěvatele obsahu
 
-1. **Vytvořte fork** repozitáře na svém GitHub účtu
+1. **Rozvětvěte (fork) repozitář** do svého GitHub účtu
 2. **Naklonujte svůj fork** lokálně
 3. **Vytvořte novou větev** pro své změny
-4. Proveďte změny v obsahu lekcí nebo ukázkách kódu
-5. Otestujte případné změny kódu v příslušných adresářích projeků
-6. Odešlete pull requesty podle pravidel přispívání
+4. Proveďte změny v obsahu lekce nebo příkladech kódu
+5. Testujte kódové změny v příslušných projektových složkách
+6. Podávejte pull requesty podle pokynů pro přispění
 
 ### Pro studenty
 
-1. Vytvořte fork nebo naklonujte repozitář
-2. Procházejte adresáře lekcí postupně
-3. Čtěte README soubory každé lekce
-4. Vyplňte kvízy před lekcí na https://ff-quizzes.netlify.app/web/
-5. Propracujte se ukázkami kódu v adresářích lekcí
+1. Rozvětvěte nebo naklonujte repozitář
+2. Procházejte lekční složky postupně
+3. Čtěte README soubory pro každou lekci
+4. Dokončete předběžné kvízy na https://ff-quizzes.netlify.app/web/
+5. Procházejte příklady kódu v lekčních složkách
 6. Dokončete úkoly a výzvy
-7. Udělejte kvízy po lekci
+7. Absolvujte kvízy po lekci
 
 ### Živý vývoj
 
-- **Dokumentace**: Spusťte `docsify serve` v kořenovém adresáři (port 3000)
-- **Quiz App**: Spusťte `npm run dev` v adresáři quiz-app
-- **Projekty**: Používejte VS Code Live Server rozšíření pro HTML projekty
-- **API projekty**: Spusťte `npm start` v odpovídajících API adresářích
+- **Dokumentace**: Spusťte `docsify serve` v rootu (port 3000)
+- **Quiz App**: Spusťte `npm run dev` ve složce quiz-app
+- **Projekty**: Použijte VS Code Live Server rozšíření pro HTML projekty
+- **API projekty**: Spusťte `npm start` v příslušných API složkách
 
-## Instrukce pro testování
+## Instrukce testování
 
 ### Testování Quiz App
 
 ```bash
 cd quiz-app
 npm run lint       # Zkontrolujte problémy se stylem kódu
-npm run build      # Ověřte úspěšnost sestavení
+npm run build      # Ověřte, že kompilace proběhla úspěšně
 ```
 
 ### Testování Bank API
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Zkontrolujte problémy se stylem kódu
+npm run lint       # Zkontrolujte problémy s stylem kódu
 node server.js     # Ověřte, že server startuje bez chyb
 ```
 
 ### Obecný přístup k testování
 
-- Jedná se o vzdělávací repozitář bez rozsáhlých automatizovaných testů
+- Toto je vzdělávací repozitář bez rozsáhlých automatizovaných testů
 - Manuální testování se zaměřuje na:
-  - Ukázky kódu bez chybového běhu
-  - Odkazy v dokumentaci fungují správně
-  - Projekty se úspěšně sestaví
-  - Ukázky dodržují osvědčené postupy
+  - Příklady kódu bez chyb při spuštění
+  - Funkčnost odkazů v dokumentaci
+  - Úspěšné sestavení projektů
+  - Příklady odpovídající nejlepší praxi
 
-### Kontroly před odevzdáním
+### Kontroly před odesláním
 
-- Spusťte `npm run lint` v adresářích s package.json
-- Ověřte validitu markdown odkazů
-- Testujte ukázky kódu v prohlížeči nebo Node.js
+- Spusťte `npm run lint` ve složkách s package.json
+- Ověřte platnost odkazů v markdownu
+- Testujte příklady kódu v prohlížeči nebo Node.js
 - Zkontrolujte, že překlady zachovávají správnou strukturu
 
-## Pravidla stylu kódu
+## Zásady stylu kódu
 
 ### JavaScript
 
-- Používejte moderní ES6+ syntaxi
-- Řiďte se standardními ESLint konfiguracemi v projektech
-- Používejte popisné názvy proměnných a funkcí pro snadné pochopení
+- Používejte moderní syntaxi ES6+
+- Dodržujte standardní ESLint konfigurace v projektech
+- Používejte smysluplné názvy proměnných a funkcí pro vzdělávací přehlednost
 - Přidávejte komentáře vysvětlující koncepty pro studenty
 - Formátujte pomocí Prettier tam, kde je nastaveno
 
 ### HTML/CSS
 
-- Používejte sémantické HTML5 elementy
+- Sémantické HTML5 elementy
 - Principy responzivního designu
 - Jasné konvence pojmenování tříd
 - Komentáře vysvětlující CSS techniky pro studenty
 
 ### Python
 
-- Dodržujte PEP 8 styl
-- Jasné, vzdělávací ukázky kódu
-- Používejte typové hinty tam, kde je to užitečné pro učení
+- Dodržování PEP 8 stylu
+- Jasné, vzdělávací příklady kódu
+- Typové anotace tam, kde je to pro učení užitečné
 
 ### Markdown dokumentace
 
 - Jasná hierarchie nadpisů
-- Kódové bloky s označením jazyka
-- Odkazy na doplňková zdroje
-- Snímky obrazovek a obrázky v adresářích `images/`
-- Alt text pro obrázky pro přístupnost
+- Kódové bloky s určením jazyka
+- Odkazy na další zdroje
+- Snímky obrazovky a obrázky ve složkách `images/`
+- Alt texty pro obrázky pro přístupnost
 
 ### Organizace souborů
 
-- Lekce číslovány sekvenčně (1-getting-started-lessons, 2-js-basics atd.)
-- Každý projekt obsahuje adresáře `solution/` a často `start/` nebo `your-work/`
-- Obrázky ukládány do specifických `images/` složek lekcí
-- Překlady v adresářové struktuře `translations/{language-code}/`
+- Lekce číslovány sekvenčně (1-getting-started-lessons, 2-js-basics, atd.)
+- Každý projekt má složky `solution/` a často `start/` nebo `your-work/`
+- Obrázky uložené v lekčně specifických složkách `images/`
+- Překlady ve struktuře `translations/{jazykový-kód}/`
 
 ## Sestavení a nasazení
 
 ### Nasazení Quiz App (Azure Static Web Apps)
 
-Quiz-app je nakonfigurována pro nasazení v Azure Static Web Apps:
+Quiz-app je konfigurován pro nasazení na Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Vytváří složku dist/
-# Nasazuje pomocí workflow GitHub Actions při push do hlavní větve
+# Nasazuje pomocí GitHub Actions workflow při pushi do main
 ```
 
 Konfigurace Azure Static Web Apps:
 - **Umístění aplikace**: `/quiz-app`
-- **Výstupní umístění**: `dist`
+- **Umístění výstupu**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Generování PDF dokumentace
 
 ```bash
 npm install                    # Nainstalujte docsify-to-pdf
-npm run convert               # Vytvořit PDF z docs
+npm run convert               # Vygenerujte PDF z docs
 ```
 
-### Dokumentace Docsify
+### Docsify dokumentace
 
 ```bash
 npm install -g docsify-cli    # Nainstalujte Docsify globálně
-docsify serve                 # Spusťte na localhost:3000
+docsify serve                 # Spustit na localhost:3000
 ```
 
-### Projektově-specifické sestavení
+### Sestavení specifická pro projekt
 
-Každý projekt může mít vlastní proces sestavení:
-- Vue projekty: `npm run build` vytvoří produkční balíčky
-- Statické projekty: Žádný build krok, soubory se přímo servírují
+Každý projekt může mít vlastní build proces:
+- Vue projekty: `npm run build` vytváří produkční balíčky
+- Statické projekty: žádný build krok, soubory se podávají přímo
 
-## Pravidla pro pull requesty
+## Pokyny pro pull requesty
 
 ### Formát názvu
 
-Používejte jasné, popisné názvy s označením oblasti změny:
+Používejte jasné, popisné názvy uvádějící oblast změn:
 - `[Quiz-app] Přidat nový kvíz pro lekci X`
-- `[Lesson-3] Opravit překlep v terrarium projektu`
+- `[Lesson-3] Opravit překlep v projektu terrária`
 - `[Translation] Přidat španělský překlad pro lekci 5`
-- `[Docs] Aktualizovat instalační instrukce`
+- `[Docs] Aktualizovat instrukce pro nastavení`
 
 ### Povinné kontroly
 
 Před odesláním PR:
 
 1. **Kvalita kódu**:
-   - Spusťte `npm run lint` v příslušných projektových složkách
+   - Spusťte `npm run lint` v ovlivněných projektových složkách
    - Opravte všechny lintovací chyby a varování
 
 2. **Ověření sestavení**:
-   - Spusťte `npm run build` pokud je to relevantní
-   - Zajistěte, že nejsou žádné chyby sestavení
+   - Spusťte `npm run build`, pokud je relevantní
+   - Zajistěte, že nejsou chyby sestavení
 
-3. **Validace odkazů**:
+3. **Ověření odkazů**:
    - Otestujte všechny markdown odkazy
-   - Ověřte fungování odkazů na obrázky
+   - Ověřte fungování referencí obrázků
 
-4. **Revize obsahu**:
-   - Korektura pravopisu a gramatiky
-   - Ověřte, že ukázky kódu jsou správné a vzdělávací
-   - Zkontrolujte, že překlady zachovávají původní význam
+4. **Kontrola obsahu**:
+   - Korektury pravopisu a gramatiky
+   - Ověření správnosti a vzdělávací hodnoty příkladů kódu
+   - Ověření, že překlady zachovávají původní význam
 
-### Požadavky na přispívání
+### Požadavky na přispění
 
-- Souhlas s Microsoft CLA (automatická kontrola při prvním PR)
-- Dodržování [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Podrobné instrukce v [CONTRIBUTING.md](./CONTRIBUTING.md)
-- Uvádějte čísla issues v popisu PR, pokud je to relevantní
+- Souhlas se smlouvou Microsoft CLA (automatická kontrola při prvním PR)
+- Dodržujte [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Viz [CONTRIBUTING.md](./CONTRIBUTING.md) pro podrobné pokyny
+- V případě potřeby odkazujte čísla issue v popisu PR
 
 ### Proces revize
 
-- PR kontrolují maintainers a komunita
-- Priorita jasnost vzdělávacího obsahu
-- Ukázky kódu by měly dodržovat současné nejlepší praktiky
-- Překlady jsou kontrolovány na přesnost a kulturní vhodnost
+- PR kontrolují správci a komunita
+- Prioritou je vzdělávací srozumitelnost
+- Příklady kódu by měly odpovídat aktuálním nejlepším praktikám
+- Překlady se kontrolují z hlediska přesnosti a kulturní vhodnosti
 
 ## Překladový systém
 
@@ -265,14 +265,14 @@ Před odesláním PR:
 - Používá GitHub Actions s workflow co-op-translator
 - Automaticky překládá do více než 50 jazyků
 - Zdrojové soubory v hlavních adresářích
-- Přeložené soubory v adresářích `translations/{language-code}/`
+- Přeložené soubory v adresářích `translations/{jazykový-kód}/`
 
-### Přidávání ručních vylepšení překladů
+### Přidávání manuálních úprav překladů
 
-1. Najděte soubor v `translations/{language-code}/`
-2. Proveďte úpravy při zachování struktury
-3. Ujistěte se, že ukázky kódu zůstávají funkční
-4. Otestujte lokalizovaný obsah kvízů
+1. Najděte soubor v `translations/{jazykový-kód}/`
+2. Proveďte úpravy s zachováním struktury
+3. Ověřte, že příklady kódu zůstávají funkční
+4. Testujte lokalizovaný obsah kvízů
 
 ### Metadata překladu
 
@@ -291,54 +291,54 @@ CO_OP_TRANSLATOR_METADATA:
 
 ## Ladění a řešení problémů
 
-### Časté problémy
+### Běžné problémy
 
-**Quiz aplikace nenaběhne**:
+**Quiz app se nespustí**:
 - Zkontrolujte verzi Node.js (doporučeno v14+)
-- Odstraňte `node_modules` a `package-lock.json`, spusťte `npm install` znovu
+- Smažte `node_modules` a `package-lock.json`, spusťte znovu `npm install`
 - Zkontrolujte konflikty portů (výchozí: Vite používá port 5173)
 
-**API server nenaběhne**:
-- Ověřte verzi Node.js (minimálně node >=10)
-- Zkontrolujte, zda port není obsazený
-- Ujistěte se, že jsou nainstalované všechny závislosti příkazem `npm install`
+**API server se nespustí**:
+- Ověřte, že verze Node.js splňuje minimální požadavky (node >=10)
+- Zkontrolujte, zda port není již obsazen
+- Ujistěte se, že jsou nainstalovány všechny závislosti `npm install`
 
-**Rozšíření prohlížeče se nenačítá**:
+**Rozšíření prohlížeče se nenačte**:
 - Ověřte správné formátování manifest.json
-- Kontrola chyb v konzoli prohlížeče
-- Postupujte podle instrukcí specifických pro prohlížeč
+- Zkontrolujte prohlížečovou konzoli na chyby
+- Postupujte podle návodů k instalaci rozšíření specifických pro prohlížeč
 
 **Problémy s Python chat projektem**:
-- Ujistěte se, že je nainstalován balíček OpenAI: `pip install openai`
-- Ověřte, že je nastavena proměnná prostředí GITHUB_TOKEN
-- Zkontrolujte oprávnění přístupu k GitHub modelům
+- Ujistěte se, že balíček OpenAI je nainstalován: `pip install openai`
+- Ověřte nastavení proměnné prostředí GITHUB_TOKEN
+- Zkontrolujte oprávnění k přístupu k GitHub Models
 
-**Docsify neservíruje dokumentaci**:
-- Globálně nainstalujte docsify-cli: `npm install -g docsify-cli`
-- Spusťte v kořenovém adresáři repozitáře
-- Ověřte, že existuje `docs/_sidebar.md`
+**Docsify neposkytuje dokumentaci**:
+- Nainstalujte docsify-cli globálně: `npm install -g docsify-cli`
+- Spusťte z kořenového adresáře repozitáře
+- Ověřte existenci `docs/_sidebar.md`
 
 ### Tipy pro vývojové prostředí
 
 - Používejte VS Code s rozšířením Live Server pro HTML projekty
-- Nainstalujte ESLint a Prettier rozšíření pro jednotné formátování
-- K debugu JavaScriptu používejte DevTools v prohlížeči
-- Pro Vue projekty nainstalujte Vue DevTools rozšíření prohlížeče
+- Nainstalujte rozšíření ESLint a Prettier pro konzistentní formátování
+- Použijte DevTools v prohlížeči pro debugování JavaScriptu
+- Pro Vue projekty nainstalujte Vue DevTools rozšíření do prohlížeče
 
 ### Výkonové aspekty
 
-- Velké množství přeložených souborů (50+ jazyků) znamená velké klony
-- Použijte shallow clone, pokud pracujete pouze s obsahem: `git clone --depth 1`
+- Velké množství překladových souborů (50+ jazyků) znamená velké klony
+- Pro práci pouze s obsahem použijte shallow clone: `git clone --depth 1`
 - Při práci s anglickým obsahem vylučujte překlady z vyhledávání
-- Procesy build mohou být při prvním spuštění pomalé (npm install, build Vite)
+- První běh build procesů může být pomalý (npm install, Vite build)
 
 ## Bezpečnostní aspekty
 
 ### Proměnné prostředí
 
-- API klíče nikdy neukládejte do repozitáře
-- Používejte `.env` soubory (jsou uvedeny v `.gitignore`)
-- Dokumentujte požadované proměnné prostředí v README projektů
+- API klíče by se nikdy neměly commitovat do repozitáře
+- Používejte `.env` soubory (již v `.gitignore`)
+- Dokumentujte požadované proměnné prostředí v README projektech
 
 ### Python projekty
 
@@ -346,35 +346,35 @@ CO_OP_TRANSLATOR_METADATA:
 - Udržujte závislosti aktuální
 - GitHub tokeny by měly mít minimální potřebná oprávnění
 
-### Přístup k GitHub modelům
+### Přístup k GitHub Models
 
-- Vyžadovány personal access tokens (PAT)
+- Pro GitHub Models jsou potřeba Personal Access Tokens (PAT)
 - Tokeny ukládejte jako proměnné prostředí
-- Nikdy neukládejte tokeny ani přihlašovací údaje do repozitáře
+- Nikdy necommitujte tokeny či přihlašovací údaje
 
 ## Další poznámky
 
 ### Cílová skupina
 
-- Kompletní začátečníci ve webovém vývoji
+- Úplní začátečníci ve webovém vývoji
 - Studenti a samouci
-- Učitelé využívající kurikulum ve třídě
-- Obsah navržen pro přístupnost a postupné budování dovedností
+- Učitelé používající kurikulum ve třídách
+- Obsah je navržen pro přístupnost a postupné rozvíjení dovedností
 
 ### Vzdělávací filozofie
 
-- Projektově orientované učení
+- Přístup založený na projektech
 - Časté ověřování znalostí (kvízy)
-- Praktická cvičení v psaní kódu
-- Reálné příklady použití
-- Důraz na základy před frameworky
+- Praktická cvičení kódování
+- Příklady využití v reálném světě
+- Zaměření na základy před frameworky
 
 ### Údržba repozitáře
 
 - Aktivní komunita studentů a přispěvatelů
 - Pravidelné aktualizace závislostí a obsahu
-- Issues a diskuse sledovány maintainery
-- Aktualizace překladů automatizované přes GitHub Actions
+- Sledují se issues a diskuse správci
+- Aktualizace překladů automatizovány přes GitHub Actions
 
 ### Související zdroje
 
@@ -387,22 +387,22 @@ CO_OP_TRANSLATOR_METADATA:
 
 Pro podrobné instrukce k jednotlivým projektům viz README soubory v:
 - `quiz-app/README.md` - Vue 3 kvízová aplikace
-- `7-bank-project/README.md` - Bankovní aplikace s autentizací
+- `7-bank-project/README.md` - Bankovní aplikace s autentifikací
 - `5-browser-extension/README.md` - Vývoj rozšíření prohlížeče
-- `6-space-game/README.md` - Vývoj hry založené na Canvas
-- `9-chat-project/README.md` - AI chat asistent projekt
+- `6-space-game/README.md` - Vývoj hry s využitím Canvas
+- `9-chat-project/README.md` - Projekt AI chat asistenta
 
-### Struktura Monorepo
+### Struktura monorepa
 
-Ačkoliv nejde o tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
+I když se nejedná o tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
 - Každá lekce je samostatná
 - Projekty nesdílí závislosti
-- Pracujte na jednotlivých projektech bez ovlivnění ostatních
-- Naklonujte celý repozitář pro plný zážitek kurikula
+- Pracujte na jednotlivých projektech, aniž byste ovlivnili ostatní
+- Pro plný kurz si naklonujte celý repozitář
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Prohlášení o vyloučení odpovědnosti**:  
-Tento dokument byl přeložen pomocí služby automatického překladu [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. U kritických informací se doporučuje využít profesionální lidský překlad. Nejsme odpovědní za jakákoli nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu.
+**Vyloučení odpovědnosti**:
+Tento dokument byl přeložen pomocí služby automatického překladu [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Originální dokument v jeho původním jazyce by měl být považován za závazný zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Nejsme odpovědni za jakékoliv nedorozumění či nesprávné výklady vyplývající z použití tohoto překladu.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/cs/README.md b/translations/cs/README.md
index 6b04e6a0e..b4ad78650 100644
--- a/translations/cs/README.md
+++ b/translations/cs/README.md
@@ -10,251 +10,260 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Webový vývoj pro začátečníky - Kurikulum
+# Webový vývoj pro začátečníky - kurikulum
 
-Naučte se základy webového vývoje v našem 12týdenním komplexním kurzu od Microsoft Cloud Advocates. Každá z 24 lekcí se věnuje JavaScriptu, CSS a HTML prostřednictvím praktických projektů jako jsou terária, rozšíření prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte si uchování znalostí s naší efektivní projektově orientovanou výukou. Začněte svou cestu s kódováním ještě dnes!
+Naučte se základy webového vývoje s naším 12týdenním komplexním kurzem od Microsoft Cloud Advocates. Každá ze 24 lekcí se zabývá JavaScriptem, CSS a HTML prostřednictvím praktických projektů, jako jsou terária, rozšíření pro prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte uchování znalostí díky naší efektivní projektově orientované pedagogice. Začněte svou cestu programování ještě dnes!
 
-Přidejte se do komunity Azure AI Foundry na Discordu
+Připojte se k Azure AI Foundry Discord komunitě
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Postupujte podle těchto kroků, abyste mohli začít používat tyto zdroje:
-1. **Vytvořte forknutí repozitáře**: Klikněte na [![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)
+Postupujte podle těchto kroků, abyste začali používat tyto zdroje:
+1. **Vytvořte Fork repozitáře**: Klikněte na [![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. **Naklonujte repozitář**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Připojte se k Azure AI Foundry Discordu a potkejte odborníky a ostatní vývojáře**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Přidejte se k Azure AI Foundry Discord a poznejte experty a ostatní vývojáře**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Podpora více jazyků
 
-#### Podporováno skrze GitHub Action (automatizované a vždy aktuální)
+#### Podporováno pomocí GitHub Action (automatizováno a vždy aktuální)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Čínština (zjednodušená)](../zh-CN/README.md) | [Čínština (tradiční, Hongkong)](../zh-HK/README.md) | [Čínština (tradiční, Macao)](../zh-MO/README.md) | [Čínština (tradiční, Tchaj-wan)](../zh-TW/README.md) | [Chorvatština](../hr/README.md) | [Čeština](./README.md) | [Dánština](../da/README.md) | [Nizozemština](../nl/README.md) | [Estonština](../et/README.md) | [Finština](../fi/README.md) | [Francouzština](../fr/README.md) | [Němčina](../de/README.md) | [Řečtina](../el/README.md) | [Hebrejština](../he/README.md) | [Hindština](../hi/README.md) | [Maďarština](../hu/README.md) | [Indonéština](../id/README.md) | [Italština](../it/README.md) | [Japonština](../ja/README.md) | [Kannadština](../kn/README.md) | [Korejština](../ko/README.md) | [Litevština](../lt/README.md) | [Malajština](../ms/README.md) | [Malayalam](../ml/README.md) | [Maráthština](../mr/README.md) | [Nepálština](../ne/README.md) | [Nigérijská pidžin](../pcm/README.md) | [Norština](../no/README.md) | [Perština (Farsi)](../fa/README.md) | [Polština](../pl/README.md) | [Portugalština (Brazílie)](../pt-BR/README.md) | [Portugalština (Portugalsko)](../pt-PT/README.md) | [Paňdžábština (Gurmukhí)](../pa/README.md) | [Rumunština](../ro/README.md) | [Ruština](../ru/README.md) | [Srbština (cyrilice)](../sr/README.md) | [Slovenština](../sk/README.md) | [Slovinština](../sl/README.md) | [Španělština](../es/README.md) | [Svahilština](../sw/README.md) | [Švédština](../sv/README.md) | [Tagalog (Filipínština)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugština](../te/README.md) | [Thajština](../th/README.md) | [Turečtina](../tr/README.md) | [Ukrajinština](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamština](../vi/README.md)
 
-> **Dáváte přednost lokálnímu klonování?**
-
-> Tento repozitář zahrnuje více než 50 překladů jazyků, což výrazně zvětšuje velikost stažených dat. Pro klonování bez překladů použijte sparse checkout:
+> **Raději klonovat lokálně?**
+>
+> Tento repozitář obsahuje více než 50 překladů jazyků, což výrazně zvětšuje velikost stahování. Pro klonování bez překladů použijte 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'
 > ```
-> To vám poskytne vše potřebné ke zdárnému dokončení kurzu a výrazně rychlejší stažení.
+>
+> **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"
+> ```
+>
+> Tím získáte vše potřebné k dokončení kurzu s mnohem rychlejším stažením.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Pokud si přejete, aby byly podporovány další překladové jazyky, jsou uvedeny [zde](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Pokud chcete podporu dalších jazyků, jsou zde uvedeny podporované jazykové možnosti [zde](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)
+[![Otevřít ve 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)
 
 #### 🧑‍🎓 _Jste student?_
 
-Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde najdete začátečnické zdroje, studentské balíčky a dokonce způsoby, jak získat voucher na bezplatný certifikát. Tuto stránku si doporučujeme přidat do záložek a čas od času ji navštívit, protože obsah měníme měsíčně.
+Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde naleznete zdroje pro začátečníky, studentské balíčky a dokonce i způsoby, jak získat bezplatný certifikát. Tuto stránku si chcete zařadit mezi oblíbené a čas od času ji zkontrolovat, protože obsah měníme měsíčně.
 
-### 📣 Oznámení - Nové výzvy GitHub Copilot Agent mode k dokončení!
+### 📣 Oznámení - Nové výzvy režimu GitHub Copilot Agent k dokončení!
 
-Nová výzva přidána, hledejte „GitHub Copilot Agent Challenge 🚀“ ve většině kapitol. Je to nová výzva, kterou můžete dokončit pomocí GitHub Copilota a režimu Agent. Pokud jste režim Agent předtím nepoužívali, dokáže nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další.
+Přidána nová výzva, hledejte "GitHub Copilot Agent Challenge 🚀" ve většině kapitol. To je nová výzva, kterou máte dokončit pomocí GitHub Copilot a režimu Agent. Pokud jste režim Agent nikdy nepoužili, umožňuje nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další.
 
-### 📣 Oznámení - _Nový projekt k postavení pomocí Generativní AI_ 
+### 📣 Oznámení - _Nový projekt k vytvoření pomocí generativní AI_
 
-Nový projekt AI asistenta právě přidán, podívejte se na [projekt](./9-chat-project/README.md)
+Právě přidán nový projekt AI asistenta, podívejte se na [projekt](./9-chat-project/README.md)
 
-### 📣 Oznámení - _Nové kurikulum_ o Generativní AI pro JavaScript právě vydáno
+### 📣 Oznámení - _Nové kurikulum_ o generativní AI pro JavaScript bylo právě vydáno
 
-Nezapomeňte na naše nové kurikulum Generativní AI!
+Nezmeškejte naše nové kurikulum Generativní AI!
 
 Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte!
 
-![Background](../../translated_images/cs/background.148a8d43afde5730.webp)
+![Pozadí](../../translated_images/cs/background.148a8d43afde5730.webp)
+
+- Lekce pokrývají vše od základů až po RAG.
+- Komunikujte s historickými postavami pomocí GenAI a naší průvodní aplikace.
+- Zábavný a poutavý příběh, budete cestovat časem!
 
-- Lekce pokrývají vše od základů po RAG.
-- Komunikujte s historickými postavami pomocí GenAI a naší doprovodné aplikace.
-- Zábavný a poutavý příběh, při němž budete cestovat časem!
+![postava](../../translated_images/cs/character.5c0dd8e067ffd693.webp)
 
-![character](../../translated_images/cs/character.5c0dd8e067ffd693.webp)
 
-Každá lekce zahrnuje úkol k dokončení, kontrolu znalostí a výzvu, která vás provede tématy jako:
-- Promptování a prompt engineering
+Každá lekce obsahuje úkol k dokončení, ověření znalostí a výzvu, která vás provede tématy jako:
+- Vytváření promptů a jejich inženýrství
 - Generování textových a obrazových aplikací
 - Vyhledávací aplikace
 
 Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte!
 
 
-
 ## 🌱 Začínáme
 
-> **Učitelé**, zahrnuli jsme [několik návrhů](for-teachers.md) jak toto kurikulum používat. Budeme rádi za vaši zpětnou vazbu [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Učitelé**, zahrnuli jsme [několik návrhů](for-teachers.md), jak použít toto kurikulum. Budeme rádi za vaši zpětnou vazbu [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Studující](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, u každé lekce začněte přednáškovým kvízem a pokračujte čtením materiálu přednášky, plněním různých aktivit a ověřte si pochopení pomocí kvízu po přednášce.
+**[Studující](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, u každé lekce začněte přednáškovým kvízem a pokračujte čtením přednáškového materiálu, dokončením různých aktivit a ověřením porozumění pomocí povětrná přednáškového kvízu.
 
-Pro lepší studijní zážitek se spojte se svými spolužáky a pracujte na projektech společně! Diskuze jsou vítané v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde je náš tým moderátorů připraven odpovědět na vaše dotazy.
+Pro lepší zkušenosti s učením se spojte s kolegy a pracujte na projektech společně! Diskuze jsou vítané v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde je k dispozici náš tým moderátorů, kteří vám pomohou.
 
-Pro další vzdělávání důrazně doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály.
+Pro další vzdělávání doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály.
 
 ### 📋 Nastavení vašeho prostředí
 
-Toto kurikulum má připravené vývojové prostředí! Jakmile začnete, můžete si vybrat spouštět kurikulum v [Codespace](https://github.com/features/codespaces/) (_prostředí v prohlížeči bez potřeby instalace_), nebo lokálně na vašem počítači pomocí textového editoru jako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Toto kurikulum má připravené vývojové prostředí! Na začátku si můžete vybrat, zda budete kurz spouštět v [Codespace](https://github.com/features/codespaces/) (_prohlížečem ovládané prostředí bez nutnosti instalace_), nebo lokálně na svém počítači pomocí textového editoru, například [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Vytvořte si repozitář
-Pro snadné ukládání své práce je doporučeno vytvořit si vlastní kopii tohoto repozitáře. To můžete udělat kliknutím na tlačítko **Use this template** v horní části stránky. Tím vznikne nový repozitář ve vašem GitHub účtu s kopií kurikula.
+#### Vytvořte si vlastní repozitář
+Pro snadné ukládání vaší práce je doporučeno vytvořit si vlastní kopii tohoto repozitáře. Můžete tak učinit kliknutím na tlačítko **Použít tuto šablonu** na vrchu stránky. Tím se vytvoří nový repozitář na vašem GitHub účtu s kopií kurikula.
 
-Postupujte takto:
-1. **Vytvořte fork repozitáře**: Klikněte na tlačítko „Fork“ v pravém horním rohu této stránky.
+Postupujte následovně:
+1. **Vytvořte Fork repozitáře**: Klikněte na tlačítko „Fork“ v pravém horním rohu této stránky.
 2. **Naklonujte repozitář**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Spuštění kurikula v Codespace
 
-Ve vaší kopii repozitáře, kterou jste vytvořili, klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím se pro vás vytvoří nový Codespace, ve kterém můžete pracovat.
+Ve své kopii repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím vytvoříte nový Codespace, ve kterém můžete pracovat.
 
 ![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Spuštění kurikula lokálně na vašem počítači
 
-Pro spuštění kurikula lokálně budete potřebovat textový editor, prohlížeč a nástroj příkazového řádku. Naše první lekce, [Úvod do programovacích jazyků a nástrojů oboru](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi těchto nástrojů, abyste si mohli vybrat, co vám nejlépe vyhovuje.
+Pro spuštění tohoto kurikula lokálně budete potřebovat textový editor, prohlížeč a nástroj příkazového řádku. Naše první lekce, [Úvod do programovacích jazyků a nástrojů](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi pro každý z těchto nástrojů, abyste si vybrali, co vám vyhovuje nejvíce.
 
-Doporučujeme použít [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také vestavěný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. Naklonujte svůj repozitář do počítače. Můžete to udělat kliknutím na tlačítko **Code** a zkopírováním adresy URL:
+Doporučujeme použít [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Naklonujte si své úložiště do počítače. Můžete to udělat kliknutím na tlačítko **Code** a zkopírováním URL:
 
     [CodeSpace](./images/createcodespace.png)
-Poté otevřete [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ve [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spusťte následující příkaz, přičemž `<your-repository-url>` nahraďte URL, kterou jste právě zkopírovali:
+
+    Poté otevřete [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ve [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spusťte následující příkaz, přičemž `<your-repository-url>` nahraďte právě zkopírovanou URL:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Otevřete složku ve Visual Studio Code. To můžete udělat kliknutím na **Soubor** > **Otevřít složku** a vybráním složky, kterou jste právě naklonovali.
+2. Otevřete složku ve Visual Studio Code. Můžete to udělat kliknutím na **File** > **Open Folder** a výběrem složky, kterou jste právě naklonovali.
 
 
 >  Doporučené rozšíření Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pro náhled HTML stránek přímo ve Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - který vám pomůže psát kód rychleji
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pomáhá rychleji psát kód
 
-## 📂 Každá lekce zahrnuje:
+## 📂 Každá lekce obsahuje:
 
-- volitelnou náčrtovou poznámku
+- volitelnou náčrtnou poznámku (sketchnote)
 - volitelné doplňkové video
-- rozcvičkový kvíz před lekcí
-- písemnou lekci
-- u lekcí založených na projektu podrobné návody, jak projekt vytvořit
-- kontrolní znalostní otázky
+- rozcvičovací kvíz před lekcí
+- psanou lekci
+- u lekcí založených na projektu krok za krokem průvodce, jak projekt postavit
+- kontrolní otázky
 - výzvu
 - doplňkové čtení
-- zadání
+- úkol
 - [kvíz po lekci](https://ff-quizzes.netlify.app/web/)
 
-> **Poznámka ke kvízům**: Všechny kvízy jsou uloženy ve složce Quiz-app, celkem je 48 kvízů po třech otázkách. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/), kvízovou aplikaci lze spustit lokálně nebo nasadit na Azure; řiďte se pokyny ve složce `quiz-app`.
+> **Poznámka ke kvízům**: Všechny kvízy jsou uloženy ve složce Quiz-app, celkem 48 kvízů po třech otázkách. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/), kvízovou aplikaci lze spustit lokálně nebo nasadit na Azure; postupujte podle instrukcí ve složce `quiz-app`.
 
 ## 🗃️ Lekce
 
-|     |                       Název projektu                       |                            Naučené koncepty                             | Výukové cíle                                                                                                                 |                                                         Odkaz na lekci                                                          |         Autor          |
-| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Začínáme                              |           Úvod do programování a nástroje řemeslníka                   | Naučte se základy většiny programovacích jazyků a o softwaru, který pomáhá profesionálním vývojářům vykonávat jejich práci    | [Úvod do programovacích jazyků a nástrojů](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)             |         Jasmine         |
-| 02  |                     Začínáme                              |             Základy GitHubu, včetně práce v týmu                       | Jak používat GitHub ve vašem projektu, jak spolupracovat s ostatními na kódu                                                 |                            [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Začínáme                              |                             Přístupnost                                | Naučte se základy webové přístupnosti                                                                                       |                       [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md)                             |       Christopher       |
-| 04  |                        Základy JS                         |                         Datové typy JavaScriptu                       | Základy datových typů v JavaScriptu                                                                                        |                                       [Datové typy](./2-js-basics/1-data-types/README.md)                                      |         Jasmine         |
-| 05  |                        Základy JS                         |                         Funkce a metody                               | Naučte se o funkcích a metodách pro správu logiky aplikace                                                                 |                              [Funkce a metody](./2-js-basics/2-functions-methods/README.md)                                     | Jasmine a Christopher   |
-| 06  |                        Základy JS                         |                        Tvorba podmínek v JS                          | Naučte se vytvářet podmínky ve vašem kódu pomocí rozhodovacích metod                                                        |                                 [Tvorba rozhodnutí](./2-js-basics/3-making-decisions/README.md)                               |         Jasmine         |
-| 07  |                        Základy JS                         |                            Pole a smyčky                             | Pracujte s daty pomocí polí a smyček v JavaScriptu                                                                          |                                   [Pole a smyčky](./2-js-basics/4-arrays-loops/README.md)                                     |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML v praxi                              | Vytvořte HTML pro online terárium se zaměřením na vytvoření rozvržení                                                      |                                 [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md)                                     |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS v praxi                               | Vytvořte CSS pro stylování online terária, se zaměřením na základy CSS včetně responzivního designu stránky                  |                                  [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md)                                        |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScriptové uzávěry, manipulace s DOM              | Vytvořte JavaScript pro funkčnost terária jako drag/drop rozhraní, zaměřeno na uzávěry a manipulaci s DOM                     |                  [JavaScript uzávěry a manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                |           Jen           |
-| 11  |          [Hra psaní na klávesnici](./4-typing-game/solution/README.md)          |                          Vytvoření hry psaní na klávesnici            | Naučte se používat klávesové události k řízení logiky vaší JavaScriptové aplikace                                            |                                [Programování událostmi](./4-typing-game/typing-game/README.md)                                   |       Christopher       |
-| 12  | [Zelené rozšíření prohlížeče](./5-browser-extension/solution/README.md) |                         Práce s prohlížeči                           | Naučte se, jak prohlížeče fungují, jejich historický vývoj a jak vytvořit první prvky rozšíření prohlížeče                   |                               [O prohlížečích](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Zelené rozšíření prohlížeče](./5-browser-extension/solution/README.md) | Vytváření formuláře, volání API a ukládání proměnných do místního úložiště | Vytvořte JavaScriptové prvky rozšíření prohlížeče, které volají API a používají proměnné uložené v místním úložišti          |                [API, formuláře a místní úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md)              |           Jen           |
-| 14  | [Zelené rozšíření prohlížeče](./5-browser-extension/solution/README.md) |          Pozadí procesy v prohlížeči, webový výkon                    | Použijte pozadí procesy pro zvládání ikony rozšíření, naučte se o webovém výkonu a optimalizacích                            |             [Pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md)                             |           Jen           |
-| 15  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |             Pokročilejší vývoj hry v JavaScriptu                      | Naučte se o dědičnosti pomocí tříd a kompozice, stejně jako o vzoru Pub/Sub, jako přípravu na tvorbu hry                      |                      [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md)                               |          Chris          |
-| 16  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |                           Kreslení na plátno                         | Naučte se o Canvas API používaném pro kreslení prvků na obrazovku                                                          |                                [Kreslení na plátno](./6-space-game/2-drawing-to-canvas/README.md)                             |          Chris          |
-| 17  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |                   Pohyb prvků po obrazovce                            | Objevte, jak mohou prvky získat pohyb pomocí kartézských souřadnic a Canvas API                                             |                           [Pohyb prvků](./6-space-game/3-moving-elements-around/README.md)                                   |          Chris          |
-| 18  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |                          Detekce kolizí                              | Umožněte prvkům kolidovat a reagovat na sebe pomocí stisknutí kláves a přidejte cooldown funkci pro zajištění výkonu hry    |                              [Detekce kolizí](./6-space-game/4-collision-detection/README.md)                               |          Chris          |
-| 19  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |                             Udržování skóre                           | Provádějte matematické výpočty založené na stavu a výkonu hry                                                             |                                    [Udržování skóre](./6-space-game/5-keeping-score/README.md)                               |          Chris          |
-| 20  |           [Hra ve vesmíru](./6-space-game/solution/README.md)           |                     Ukončování a restartování hry                    | Naučte se o ukončení a restartování hry, včetně čištění zdrojů a resetování proměnných hodnot                                |                                [Podmínka ukončení](./6-space-game/6-end-condition/README.md)                               |          Chris          |
-| 21  |         [Bankovní aplikace](./7-bank-project/solution/README.md)          |                 HTML šablony a směrování v webové aplikaci           | Naučte se vytvořit strukturu více stránkové webové aplikace použitím směrování a HTML šablon                                |                            [HTML šablony a směrování](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Bankovní aplikace](./7-bank-project/solution/README.md)          |                  Vytvoření přihlašovacího a registračního formuláře  | Naučte se vytvářet formuláře a zpracovávat validační rutiny                                                               |                                           [Formuláře](./7-bank-project/2-forms/README.md)                                |          Yohan          |
-| 23  |         [Bankovní aplikace](./7-bank-project/solution/README.md)          |                   Metody získávání a použití dat                     | Jak data proudí do vaší aplikace a ven, jak je načítat, ukládat a likvidovat                                               |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Bankovní aplikace](./7-bank-project/solution/README.md)          |                      Koncepty správy stavu                           | Naučte se, jak vaše aplikace uchovává stav a jak s ním programově pracovat                                               |                                [Správa stavu](./7-bank-project/4-state-management/README.md)                             |          Yohan          |
-| 25 | [Editor kódu pro prohlížeč/VScode](../../8-code-editor) | Práce s VScodem | Naučte se používat editor kódu | [Použití editoru VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI asistenti](./9-chat-project/README.md) | Práce s AI | Naučte se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
+|     |                       Název projektu                       |                            Naučené koncepty                             | Cíle učení                                                                                                                 |                                                         Propojená lekce                                                          |         Autor          |
+| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Začínáme                              |           Úvod do programování a nástroje řemesla                      | Naučte se základní principy většiny programovacích jazyků a o softwaru, která pomáhá profesionálním vývojářům              | [Úvod do programovacích jazyků a nástrojů](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)              |         Jasmine         |
+| 02  |                     Začínáme                              |             Základy GitHubu, včetně práce v týmu                       | Jak používat GitHub ve vašem projektu, jak spolupracovat s ostatními na kódu                                              |                            [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md)                               |          Floor          |
+| 03  |                     Začínáme                              |                             Přístupnost                                 | Naučte se základy webové přístupnosti                                                                                        |                       [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md)                              |       Christopher       |
+| 04  |                        Základy JS                         |                         Datové typy JavaScriptu                        | Základy datových typů v JavaScriptu                                                                                        |                                       [Datové typy](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Základy JS                         |                         Funkce a metody                                | Naučte se o funkcích a metodách k řízení logiky aplikace                                                                   |                              [Funkce a metody](./2-js-basics/2-functions-methods/README.md)                                     | Jasmine a Christopher   |
+| 06  |                        Základy JS                         |                        Rozhodování v JS                               | Naučte se vytvářet podmínky ve vašem kódu pomocí rozhodovacích metod                                                        |                                 [Rozhodování](./2-js-basics/3-making-decisions/README.md)                                      |         Jasmine         |
+| 07  |                        Základy JS                         |                            Pole a cykly                                | Práce s daty pomocí polí a cyklů v JavaScriptu                                                                             |                                   [Pole a cykly](./2-js-basics/4-arrays-loops/README.md)                                        |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML v praxi                               | Vytvořte HTML pro online terárium, zaměřte se na tvorbu rozvržení                                                           |                                 [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md)                                       |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS v praxi                                | Vytvořte CSS pro stylování online terária, zaměřte se na základy CSS včetně responzivního designu                           |                                  [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md)                                        |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScriptové uzávěry, manipulace s DOM               | Napište JavaScript, aby terárium fungovalo jako rozhraní drag/drop, zaměřte se na uzávěry a manipulaci s DOM                 |                  [JavaScriptové uzávěry, manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Vytvoření hry psaní na klávesnici           | Naučte se používat události klávesnice k řízení logiky JavaScriptové aplikace                                              |                                [Programování řízené událostmi](./4-typing-game/typing-game/README.md)                           |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Práce s prohlížeči                           | Naučte se, jak fungují prohlížeče, jejich historii a jak vytvářet základy rozšíření prohlížeče                               |                               [O prohlížečích](./5-browser-extension/1-about-browsers/README.md)                               |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Vytváření formuláře, volání API a ukládání proměnných v lokálním úložišti | Vytvořte JavaScriptové prvky rozšíření pro volání API pomocí proměnných uložených v lokálním úložišti                        |                [API, formuláře a lokální úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md)              |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Pozadí procesů v prohlížeči, webový výkon                    | Použijte pozadí prohlížeče ke správě ikony rozšíření; naučte se o výkonu webu a optimalizacích                              |             [Pozadí úkolů a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md)                         |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Pokročilejší vývoj her v JavaScriptu                      | Naučte se o dědičnosti pomocí tříd a kompozice a o vzoru Pub/Sub jako příprava na tvorbu hry                                 |                      [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md)                                  |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Kreslení na plátno                          | Naučte se o Canvas API, které slouží k vykreslování prvků na obrazovku                                                      |                                [Kreslení na plátno](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Pohyb prvků po obrazovce                            | Objevte, jak mohou prvky získat pohyb pomocí kartézských souřadnic a Canvas API                                              |                           [Pohyb prvků](./6-space-game/3-moving-elements-around/README.md)                                    |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Detekce kolizí                               | Udělejte, aby se prvky srážely a reagovaly na sebe pomocí stisků kláves a přidejte funkci chladnutí pro výkon hry           |                              [Detekce kolizí](./6-space-game/4-collision-detection/README.md)                                |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Udržování skóre                           | Proveďte matematické výpočty na základě stavu a výkonu hry                                                                 |                                    [Udržování skóre](./6-space-game/5-keeping-score/README.md)                                |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ukončení a restartování hry                       | Naučte se o ukončení a restartování hry, včetně čištění zdrojů a resetování proměnných                                      |                                [Podmínka ukončení](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML šablony a směrování ve webové aplikaci          | Naučte se vytvářet architekturu vícestránkového webu pomocí směrování a HTML šablon                                         |                            [HTML šablony a směrování](./7-bank-project/1-template-route/README.md)                            |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Vytvoření přihlašovacího a registračního formuláře  | Naučte se o tvorbě formulářů a zpracování validací                                                                          |                                           [Formuláře](./7-bank-project/2-forms/README.md)                                   |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metody získávání a použití dat                     | Jak data proudí do a z vaší aplikace, jak je získávat, ukládat a odstraňovat                                                |                                            [Data](./7-bank-project/3-data/README.md)                                     |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Koncepty správy stavu                           | Naučte se, jak vaše aplikace udržuje stav a jak ho programově spravovat                                                     |                                [Správa stavu](./7-bank-project/4-state-management/README.md)                               |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Práce s VScode | Naučte se používat editor kódu | [Použití editoru kódu VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Práce s AI | Naučte se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogika
 
-Náš učební plán je navržen se dvěma klíčovými pedagogickými principy:
+Náš výukový plán je navržen s ohledem na dva klíčové pedagogické principy:
 * učení založené na projektech
 * časté kvízy
 
-Program učí základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti získají příležitost získat praktické zkušenosti tvorbou hry na psaní na klávesnici, virtuálního terária, ekologicky šetrného rozšíření prohlížeče, hry ve stylu vesmírných vetřelců a bankovní aplikace pro firmy. Po dokončení série budou studenti mít pevné základy webového vývoje.
+Program učí základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti budou mít možnost získat praktické zkušenosti stavbou hry psaní na klávesnici, virtuálního terária, ekologického rozšíření prohlížeče, hry ve stylu Space Invaders a bankovní aplikace pro firmy. Na konci série budou mít studenti pevné základy webového vývoje.
 
-> 🎓 První lekce tohoto učebního plánu můžete absolvovat také jako [Výukovou cestu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 První lekce tohoto kurzu můžete absolvovat jako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
 
-Zajištěním, že obsah odpovídá projektům, se proces pro studenty stává zajímavějším a dochází k lepšímu zapamatování konceptů. Napsali jsme také několik úvodních lekcí základů JavaScriptu, které představují koncepty, doplněné videem ze série "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", jejíchž autoři se na plánu podíleli.
+Díky sladění obsahu s projekty je proces pro studenty zajímavější a zvyšuje se zapamatování konceptů. Také jsme napsali několik úvodních lekcí o základech JavaScriptu doplněných videi z kolekce "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", jejichž autoři se podíleli na tomto kurzu.
 
-Navíc nízkorizikový kvíz před hodinou nastaví studentovi záměr naučit se téma, zatímco druhý kvíz po hodině zajistí další upevnění znalostí. Tento učební plán je navržen tak, aby byl flexibilní a zábavný, lze jej absolvovat celý nebo částečně. Projekty začínají jednoduché a ke konci 12týdenního cyklu se postupně stávají složitějšími.
+Navíc nízkorizikový kvíz před hodinou nastavuje záměr studenta se učit dané téma, zatímco druhý kvíz po hodině podporuje další zapamatování. Tento kurz je navržen tak, aby byl flexibilní a zábavný a lze ho absolvovat celý nebo částečně. Projekty začínají malé a na konci 12týdenního cyklu jsou stále složitější.
 
-Ačkoliv jsme záměrně vynechali zavádění JavaScriptových frameworků, abychom se zaměřili na základní dovednosti webového vývojáře před adopcí frameworku, vhodným dalším krokem po absolvování tohoto kurzu je naučit se Node.js prostřednictvím další kolekce videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Záměrně jsme se vyhnuli zavádění JavaScriptových frameworků, abychom se soustředili na základní dovednosti potřebné jako webový vývojář před přijetím frameworku, dobrým dalším krokem po absolvování tohoto kurzu by bylo naučit se Node.js prostřednictvím jiné kolekce videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Navštivte naše [chování](CODE_OF_CONDUCT.md) a [příspěvky](CONTRIBUTING.md) pravidla. Vítáme vaše konstruktivní návrhy!
+> Navštivte naše [Kodex chování](CODE_OF_CONDUCT.md) a [Přispívání](CONTRIBUTING.md). Těšíme se na vaše konstruktivní návrhy!
 
 
 ## 🧭 Offline přístup
 
-Tuto dokumentaci můžete spustit offline pomocí [Docsify](https://docsify.js.org/#/). Vytvořte fork tohoto repozitáře, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na svém počítači a poté ve výchozím adresáři repozitáře spusťte příkaz `docsify serve`. Webová stránka poběží na portu 3000 na vašem localhostu: `localhost:3000`.
+Tuto dokumentaci můžete spustit offline pomocí [Docsify](https://docsify.js.org/#/). Forkněte si toto repo, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na svém počítači a poté v kořenové složce tohoto repozitáře spusťte příkaz `docsify serve`. Webová stránka bude servírována na portu 3000 na vašem localhostu: `localhost:3000`.
 
 ## 📘 PDF
+PDF všech lekcí naleznete [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-PDF se všemi lekcemi naleznete [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Ostatní kurzy
 
-## 🎒 Další kurzy
-Náš tým vytváří i další kurzy! Podívejte se:
+Náš tým připravuje i další kurzy! Podívejte se na:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j pro začátečníky](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 pro začátečníky](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 pro začátečníky](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)
+[![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 / Agenti
-[![AZD pro začátečníky](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 pro začátečníky](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 pro začátečníky](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 agenti pro začátečníky](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)
+### Azure / Edge / MCP / Agents
+[![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)
 
 ---
  
-### Série Generativní AI
-[![Generativní AI pro začátečníky](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)
-[![Generativní 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)
-[![Generativní 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)
-[![Generativní 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)
+### Generativní AI série
+[![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)
 
 ---
  
-### Základní učení
-[![Strojové učení pro začátečníky](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 pro začátečníky](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 pro začátečníky](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)
+### Základní vzdělávání
+[![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)
 [![Kybernetická bezpečnost pro začátečníky](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
 [![Webový vývoj pro začátečníky](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
 [![IoT pro začátečníky](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Vývoj pro začátečníky](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)
+[![Vývoj XR pro začátečníky](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)
 
 ---
  
 ### Série Copilot
-[![Copilot pro AI párové programování](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 pro C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
+[![Copilot for 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Získání pomoci
 
-Pokud se zaseknete nebo máte jakékoli otázky ohledně vývoje AI aplikací, připojte se k ostatním učenlivým a zkušeným vývojářům v diskuzích o MCP. Je to podpůrná komunita, kde jsou otázky vítány a znalosti se sdílejí svobodně.
+Pokud se zaseknete nebo máte otázky ohledně tvorby AI aplikací, připojte se k ostatním studentům a zkušeným vývojářům v diskusích o MCP. Je to podpůrná komunita, kde jsou otázky vítány a znalosti se sdílejí otevřeně.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Pokud máte zpětnou vazbu k produktu nebo chcete hlásit chyby při tvorbě, navštivte:
+Pokud máte zpětnou vazbu k produktu nebo narazíte na chyby během vývoje, navštivte:
 
 [![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)
 
@@ -265,6 +274,6 @@ Tento repozitář je licencován pod licencí MIT. Více informací naleznete v
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Prohlášení o vyloučení odpovědnosti**:  
-Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). Přestože se snažíme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autoritativní zdroj. Pro zásadní informace je doporučován profesionální lidský překlad. Nejsme odpovědní za jakékoli nedorozumění nebo nesprávné výklady vzniklé použitím tohoto překladu.
+**Prohlášení o vyloučení odpovědnosti**:
+Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Originální dokument v jeho rodném jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Za jakékoli nedorozumění nebo nesprávné výklady vzniklé z použití tohoto překladu neneseme odpovědnost.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/da/.co-op-translator.json b/translations/da/.co-op-translator.json
index 15f1dc205..dde1231a2 100644
--- a/translations/da/.co-op-translator.json
+++ b/translations/da/.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-07T00:03:59+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:16:38+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "da"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:25:00+00:00",
+    "translation_date": "2026-03-06T18:29:53+00:00",
     "source_file": "AGENTS.md",
     "language_code": "da"
   },
@@ -516,8 +516,8 @@
     "language_code": "da"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:20:19+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:12:27+00:00",
     "source_file": "README.md",
     "language_code": "da"
   },
diff --git a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 7037f29a2..b6d64bfe2 100644
--- a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Introduktion til programmeringssprog og moderne udviklerværktøjer
  
-Hej der, kommende udvikler! 👋 Må jeg fortælle dig noget, der stadig giver mig kuldegysninger hver eneste dag? Du er ved at opdage, at programmering ikke bare handler om computere – det handler om at have ægte superkræfter til at bringe dine vildeste idéer til live!
+Hej der, fremtidige udvikler! 👋 Må jeg fortælle dig noget, der stadig giver mig kuldegysninger hver eneste dag? Du er ved at opdage, at programmering ikke kun handler om computere – det handler om at have egentlige superkræfter til at bringe dine vildeste idéer til live!
 
-Du kender det øjeblik, hvor du bruger din yndlingsapp, og alt bare fungerer perfekt? Når du trykker på en knap, og noget helt magisk sker, som får dig til at sige "wow, hvordan gjorde de DET?" Nå, nogen ligesom dig – sandsynligvis siddende i deres yndlingskaffebar kl. 2 om natten med deres tredje espresso – skrev koden, der skabte den magi. Og her er det, der vil blæse dig væk: ved slutningen af denne lektion vil du ikke kun forstå, hvordan de gjorde det, men du vil også være ivrig efter at prøve det selv!
+Du kender det øjeblik, hvor du bruger din yndlingsapp, og alt bare klikker perfekt? Når du trykker på en knap, og der sker noget helt magisk, som får dig til at sige "wow, hvordan gjorde de DET?" Nå, så er det en person ligesom dig – sandsynligvis sidder de i deres yndlingscafé kl. 2 om natten med deres tredje espresso – som skrev koden, der skabte den magi. Og her kommer noget, der vil blæse dig omkuld: når vi er færdige med denne lektion, vil du ikke kun forstå, hvordan de gjorde det, men du vil være helt ivrig efter selv at prøve!
 
-Se, jeg forstår fuldt ud, hvis programmering føles skræmmende lige nu. Da jeg begyndte, troede jeg ærligt talt, at du skulle være en slags matematisk geni eller have kodet siden du var fem år gammel. Men her er det, der fuldstændig ændrede min opfattelse: programmering er præcis som at lære at føre samtaler på et nyt sprog. Du starter med "hej" og "tak," så øver du dig i at bestille kaffe, og før du ved af det, har du dybe filosofiske diskussioner! Bortset fra at i dette tilfælde fører du samtaler med computere, og ærligt talt? De er de mest tålmodige samtalepartnere, du nogensinde vil møde – de dømmer aldrig dine fejl og er altid begejstrede for at prøve igen!
+Se, jeg forstår det godt, hvis programmering føles intimiderende lige nu. Da jeg begyndte, troede jeg ærligt talt, at man skulle være en slags matematisk geni eller have kodet siden, man var fem år gammel. Men her er det, der helt ændrede mit perspektiv: programmering er præcis som at lære at føre samtaler på et nyt sprog. Du starter med "hej" og "tak," så lærer du at bestille kaffe, og inden du ved af det, fører du dybe filosofiske samtaler! Bortset fra at i dette tilfælde fører du samtaler med computere, og helt seriøst? De er de mest tålmodige samtalepartnere, du nogensinde vil møde – de dømmer aldrig dine fejl og er altid begejstrede for at prøve igen!
 
-I dag skal vi udforske de utrolige værktøjer, der gør moderne webudvikling ikke bare mulig, men også seriøst vanedannende. Jeg taler om de nøjagtige redaktører, browsere og arbejdsprocesser, som udviklere hos Netflix, Spotify og dit yndlings indie app-studie bruger hver eneste dag. Og her er den del, der vil få dig til at lave en glad dans: de fleste af disse professionelle, branchestandard-værktøjer er helt gratis!
+I dag skal vi udforske de utrolige værktøjer, der gør moderne webudvikling ikke bare muligt, men decideret vanedannende. Jeg taler om præcis de samme editorer, browsere og arbejdsgange, som udviklere hos Netflix, Spotify og dit yndlings indie app-studie bruger hver eneste dag. Og her kommer den del, der får dig til at danse af glæde: de fleste af disse professionelle, branchestandard værktøjer er fuldstændig gratis!
 
 ![Intro Programming](../../../../translated_images/da/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -24,61 +24,61 @@ journey
       Kommandolinje: 3: You
     section Øv
       Sprogdetektiv: 4: You
-      Værktøjseksploration: 5: You
+      Værktøjsekspedition: 5: You
       Fællesskabsforbindelse: 5: You
 ```
 ## Lad os se, hvad du allerede ved!
 
-Inden vi hopper til det sjove, er jeg nysgerrig – hvad ved du allerede om denne programmeringsverden? Og hør, hvis du kigger på disse spørgsmål og tænker "jeg har bogstaveligt talt nul idé om noget af dette," så er det ikke bare okay, det er perfekt! Det betyder, at du er lige præcis det rigtige sted. Tænk på denne quiz som opvarmning før træning – vi varmer bare hjernemusklerne op!
+Før vi springer ud i det sjove, er jeg nysgerrig – hvad ved du allerede om denne programmeringsverden? Og hør, hvis du kigger på disse spørgsmål og tænker "jeg har bogstaveligt talt nul idé om noget som helst af det her," så er det ikke bare i orden, det er perfekt! Det betyder, at du er helt det rigtige sted. Tænk på denne quiz som opvarmning før træning – vi varmer bare hjerne musklerne op!
 
-[Tag pre-lektion quizzen](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Tag pre-lesson quizzen](https://ff-quizzes.netlify.app/web/)
 
 
-## Eventyret vi skal tage på sammen
+## Eventyret, vi snart skal på sammen
 
-Okay, jeg er ægte begejstret og hopper næsten af sted for at udforske det, vi skal i dag! Seriøst, jeg ville ønske, jeg kunne se dit ansigt, når nogle af disse koncepter går op for dig. Her er den utrolige rejse, vi tager sammen:
+Okay, jeg er virkelig begejstret for, hvad vi skal udforske i dag! Seriøst, jeg ville ønske, jeg kunne se dit ansigt, når nogle af disse koncepter klikker for dig. Her er den utrolige rejse, vi tager sammen:
 
-- **Hvad programmering egentlig er (og hvorfor det er det fedeste i verden!)** – Vi skal opdage, hvordan kode bogstaveligt talt er den usynlige magi, der driver alt omkring dig, fra den alarm, der på en eller anden måde ved, det er mandag morgen, til algoritmen, der perfekt kuraterer dine Netflix-anbefalinger
-- **Programmeringssprog og deres fantastiske personligheder** – Forestil dig at komme til en fest, hvor hver person har helt forskellige superkræfter og måder at løse problemer på. Sådan er verden af programmeringssprog, og du vil elske at møde dem!
-- **De grundlæggende byggesten, der får digital magi til at ske** – Tænk på disse som det ultimative kreative LEGO-sæt. Når du forstår, hvordan disse stykker passer sammen, vil du indse, at du bogstaveligt talt kan bygge alt, hvad din fantasi drømmer om
-- **Professionelle værktøjer, der får dig til at føle, at du lige har fået udleveret en troldmandsstav** – Jeg overdriver ikke her – disse værktøjer får dig virkelig til at føle, at du har superkræfter, og det bedste? Det er de samme, som professionelle bruger!
+- **Hvad programmering egentlig er (og hvorfor det er det fedeste overhovedet!)** – Vi skal opdage, hvordan kode bogstaveligt talt er den usynlige magi, der driver alt omkring dig, fra det vækkeur, der på en eller anden måde ved, det er mandag morgen, til algoritmen, der perfekt kuraterer dine Netflix-anbefalinger
+- **Programmeringssprog og deres fantastiske personligheder** – Forestil dig at gå til en fest, hvor hver person har helt forskellige superkræfter og måder at løse problemer på. Sådan er programmeringssprogenes verden, og du kommer til at elske at møde dem!
+- **De grundlæggende byggesten, der skaber digital magi** – Tænk på disse som det ultimative kreative LEGO sæt. Når du forstår, hvordan disse brikker passer sammen, vil du indse, at du bogstaveligt talt kan bygge alt, hvad din fantasi drømmer om
+- **Professionelle værktøjer, der får dig til at føle, at du lige har fået en troldmandsstav** – Jeg overdriver ikke – disse værktøjer vil virkelig få dig til at føle, at du har superkræfter, og det bedste? Det er de samme, som profferne bruger!
 
-> 💡 **Det her er sagen**: Tænk ikke engang på at prøve at huske alting i dag! Lige nu vil jeg bare have, at du mærker gnisten af begejstring over, hvad der er muligt. Detaljerne vil fastholde sig naturligt, når vi øver sammen – det er sådan, rigtig læring sker!
+> 💡 **Her er sagen**: Tænk ikke engang på at forsøge at huske alt i dag! Lige nu vil jeg bare have, at du mærker den gnist af begejstring for, hvad der er muligt. Detaljerne sidder naturligt fast, mens vi øver sammen – sådan sker rigtig læring!
 
-> Du kan tage denne lektion på [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Du kan tage denne lektion på [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Så hvad *er* programmering egentlig?
+## Hvad er programmering egentlig?
 
-Okay, lad os tage fat på million-dollar spørgsmålet: hvad er programmering egentlig?
+Okay, lad os tage milliondollarsspørgsmålet: hvad er programmering egentlig?
 
-Jeg vil give dig en historie, der fuldstændig ændrede min måde at tænke på det her. I sidste uge prøvede jeg at forklare min mor, hvordan hun bruger vores nye smart TV-fjernbetjening. Jeg fangede mig selv i at sige ting som "Tryk på den røde knap, men ikke den store røde knap, den lille røde knap til venstre... nej, din anden venstre... okay, nu hold den i to sekunder, ikke et, ikke tre..." Lyder det bekendt? 😅
+Jeg vil fortælle dig en historie, der helt ændrede, hvordan jeg ser det. I sidste uge prøvede jeg at forklare min mor, hvordan hun bruger vores nye smart TV-fjernbetjening. Jeg fangede mig selv i at sige ting som "Tryk på den røde knap, men ikke den store røde knap, den lille røde knap til venstre... nej, din anden venstre... okay, hold den nu i to sekunder, ikke et, ikke tre..." Lyder det bekendt? 😅
 
-Det er programmering! Det er kunsten at give utroligt detaljerede, trin-for-trin instruktioner til noget, der er meget kraftfuldt, men som har brug for, at alt bliver stavet ud helt præcist. Bortset fra at i stedet for at forklare det til din mor (som kan spørge "hvilken rød knap?!"), forklarer du det til en computer (som bare gør præcis, hvad du siger, selvom det, du sagde, ikke helt var det, du mente).
+Det er programmering! Det er kunsten at give utrolig detaljerede, trin-for-trin instruktioner til noget, der er meget kraftfuldt, men som skal have alt stavet helt præcist ud. Bortset fra at i stedet for at forklare det til din mor (som kan spørge "hvilken rød knap?!"), forklarer du det til en computer (der bare gør præcis, hvad du siger, selvom det, du sagde, ikke helt er det, du mente).
 
-Her er det, der blæste mit sind, da jeg først lærte det: computere er faktisk ret simple i deres kerne. De forstår faktisk kun to ting – 1 og 0, hvilket grundlæggende bare er "ja" og "nej" eller "til" og "fra." Det er det! Men her bliver det magisk – vi behøver ikke tale i 1'ere og 0'ere, som om vi var i The Matrix. Det er her, **programmeringssprog** kommer til undsætning. De er som verdens bedste oversætter, der tager dine helt almindelige mennesketanker og omsætter dem til computersprog.
+Her er, hvad der blæste mig omkuld, da jeg lærte det første gang: computere er faktisk ret simple i deres kerne. De forstår bogstaveligt talt kun to ting – 1 og 0, som grundlæggende bare betyder "ja" og "nej" eller "til" og "fra." Det er det! Men her bliver det magisk – vi behøver ikke at tale i 1'ere og 0'ere som i The Matrix. Det er her, **programmeringssprogene** kommer ind som superhelte. De er som den bedste oversætter i verden, der tager dine helt normale mennesketanker og omsætter dem til computersprog.
 
-Og her er det, der stadig giver mig ægte kuldegysninger hver morgen, når jeg vågner: bogstaveligt talt *alt* digitalt i dit liv startede med nogen ligesom dig, sandsynligvis siddende i deres pyjamas med en kop kaffe, der skrev kode på deres bærbare. Det Instagram-filter, der får dig til at se fejlfri ud? Nogen kodede det. Anbefalingen, der førte dig til din nye yndlingssang? En udvikler byggede den algoritme. Appen, der hjælper dig med at dele middagsregningen med venner? Jep, nogen tænkte "det her er irriterende, det kan jeg fixe" og så... gjorde de det!
+Og her er noget, der stadig giver mig virkelige kuldegysninger hver morgen, når jeg vågner: bogstaveligt talt *alt* digitalt i dit liv startede med en person ligesom dig, sikkert siddende i pyjamas med en kop kaffe til at skrive kode på deres laptop. Den Instagram-filter, der får dig til at se fejlfri ud? Nogen skrev den kode. Anbefalingen, der førte dig til din nye yndlingssang? En udvikler byggede den algoritme. Appen, der hjælper dig med at dele regninger til middag med venner? Yep, nogen tænkte "det her er irriterende, det kan jeg fixe" – og så gjorde de det!
 
-Når du lærer at programmere, tager du ikke bare en ny færdighed til dig – du bliver en del af dette utrolige fællesskab af problemløsere, der tilbringer deres dage med at tænke, "Hvad nu hvis jeg kunne bygge noget, der gør nogens dag bare en smule bedre?" Ærligt talt, er der noget sejere end det?
+Når du lærer at programmere, så lærer du ikke bare en ny færdighed – du bliver en del af et utrolig fællesskab af problemløsere, der bruger deres dage på at tænke: "Hvad nu hvis jeg kunne bygge noget, der gør nogens dag bare en lille smule bedre?" Ærligt talt, er der noget sejere end det?
 
-✅ **Sjov fakta-jagt**: Her er noget super sejt at slå op, når du har et ledigt øjeblik – hvem tror du var verdens første computerprogrammør? Jeg giver dig et hint: Det er måske ikke den, du forventer! Historien om denne person er virkelig fascinerende og viser, at programmering altid har handlet om kreativ problemløsning og at tænke uden for boksen.
+✅ **Sjov fakta-jagt**: Her er noget super sejt at slå op, når du har et øjeblik til overs – hvem tror du var verdens første computerprogrammør? Jeg giver dig et hint: det er måske ikke den, du forventer! Historien bag denne person er absolut fascinerende og viser, at programmering altid har handlet om kreativ problemløsning og at tænke ud af boksen.
 
-### 🧠 **Check-in tid: Hvordan har du det?**
+### 🧠 **Tjek-ind tid: Hvordan har du det?**
 
 **Tag et øjeblik til at reflektere:**
 - Giver idéen om "at give instruktioner til computere" mening for dig nu?
 - Kan du tænke på en daglig opgave, du gerne vil automatisere med programmering?
-- Hvilke spørgsmål dukker op i dit hoved om det her med programmering?
+- Hvilke spørgsmål bobler op i dit hoved om det her programmeringshalløj?
 
-> **Husk**: Det er helt normalt, hvis nogle koncepter føles uklare lige nu. At lære programmering er som at lære et nyt sprog – det tager tid for din hjerne at bygge de neurale stier. Du gør det rigtig godt!
+> **Husk**: Det er helt normalt, hvis nogle koncepter føles lidt uklare lige nu. At lære programmering er som at lære et nyt sprog – det tager tid for din hjerne at bygge de neurale forbindelser. Du gør det rigtig godt!
 
 ## Programmeringssprog er som forskellige slags magi
 
-Okay, det her kommer til at lyde mærkeligt, men hæng på mig – programmeringssprog er meget lig forskellige slags musik. Tænk på det: Du har jazz, som er blød og improvisatorisk, rock, der er kraftfuld og ligetil, klassisk, der er elegant og struktureret, og hip-hop, der er kreativ og udtryksfuld. Hver stil har sin egen stemning, sit eget fællesskab af passionerede fans, og hver enkelt er perfekt til forskellige stemninger og lejligheder.
+Okay, det her kommer måske til at lyde mærkeligt, men hæng på mig – programmeringssprog er meget lig forskellige slags musik. Tænk på det: du har jazz, som er smooth og improviserende, rock der er kraftfuld og ligetil, klassisk der er elegant og struktureret, og hip-hop der er kreativ og udtryksfuld. Hver stil har sin egen stemning, sit eget passionerede fællesskab, og hver er perfekt til forskellige stemninger og lejligheder.
 
-Programmeringssprog fungerer på præcis samme måde! Du ville ikke bruge det samme sprog til at bygge et sjovt mobilspil, som du ville bruge til at bearbejde enorme mængder klimadata – ligesom du ikke ville spille death metal til en yogatime (nå, de fleste yogatimer i hvert fald! 😄).
+Programmeringssprog fungerer helt på samme måde! Du ville ikke bruge det samme sprog til at bygge et sjovt mobilspil, som du bruger til at bearbejde massive mængder klimadata, ligesom du ikke ville spille death metal til en yogatime (nå, de fleste yogatimer i hvert fald! 😄).
 
-Men her er det, der altid blæser mig væk, hver gang jeg tænker på det: disse sprog er som at have den mest tålmodige, geniale tolk i verden siddende lige ved siden af dig. Du kan udtrykke dine idéer på en måde, der føles naturlig for din menneskehjerne, og de håndterer alt det utroligt komplekse arbejde med at oversætte det til 1'erne og 0'erne, som computere rent faktisk taler. Det er som at have en ven, der er fuldstændig flydende i både "menneskelig kreativitet" og "computerlogik" – og de bliver aldrig trætte, har aldrig kaffepauser og dømmer dig aldrig for at stille det samme spørgsmål to gange!
+Men her er det, der absolut blæser mig omkuld hver gang jeg tænker på det: disse sprog er som at have den mest tålmodige, brillante tolk i verden siddende lige ved siden af dig. Du kan udtrykke dine idéer på en måde, der føles naturlig for din menneskehjerne, og de håndterer alt det utroligt komplekse arbejde med at oversætte det til de 1'ere og 0'ere, som computere rent faktisk taler. Det er som at have en ven, der er perfekt flydende i både "menneskelig kreativitet" og "computerlogik" – og som aldrig bliver træt, aldrig har kaffepauser og aldrig dømmer dig for at stille det samme spørgsmål to gange!
 
 ### Populære programmeringssprog og deres anvendelser
 
@@ -88,10 +88,10 @@ mindmap
     Webudvikling
       JavaScript
         Frontend Magi
-        Interaktive Websites
+        Interaktive Hjemmesider
       TypeScript
         JavaScript + Typer
-        Virksomhedsapps
+        Enterprise Apps
     Data & AI
       Python
         Data Science
@@ -103,7 +103,7 @@ mindmap
     Mobilapps
       Java
         Android
-        Virksomhed
+        Enterprise
       Swift
         iOS
         Apple Økosystem
@@ -113,66 +113,66 @@ mindmap
     Systemer & Ydeevne
       C++
         Spil
-        Ydeevne Kritisk
+        Ydeevnekritisk
       Rust
         Hukommelsessikkerhed
         Systemprogrammering
       Go
-        Cloudtjenester
+        Cloud-tjenester
         Skalerbar Backend
 ```
 | Sprog | Bedst til | Hvorfor det er populært |
 |----------|----------|------------------|
-| **JavaScript** | Webudvikling, brugergrænseflader | Kører i browsere og driver interaktive websites |
-| **Python** | Data science, automation, AI | Let at læse og lære, kraftfulde biblioteker |
-| **Java** | Enterprise-applikationer, Android-apps | Platformuafhængigt, robust til store systemer |
+| **JavaScript** | Webudvikling, brugerinterfaces | Kører i browsere og driver interaktive websites |
+| **Python** | Data science, automatisering, AI | Let at læse og lære, kraftfulde biblioteker |
+| **Java** | Virksomhedsapplikationer, Android apps | Platform-uafhængigt, robust til store systemer |
 | **C#** | Windows-applikationer, spiludvikling | Stærk Microsoft-økosystemstøtte |
-| **Go** | Cloud-services, backend-systemer | Hurtigt, enkelt, designet til moderne computing |
+| **Go** | Cloud-tjenester, backend-systemer | Hurtigt, simpelt, designet til moderne computing |
 
-### High-Level vs. Low-Level sprog
+### Høj-niveau vs. Lav-niveau sprog
 
-Okay, det her var ærligt talt det koncept, der knækkede min hjerne, da jeg først begyndte at lære, så jeg deler den analogi, der endelig fik det til at gå op for mig – og jeg håber virkelig, den hjælper dig også!
+Okay, det her var ærligt talt det koncept, der brød min hjerne, da jeg først begyndte at lære, så jeg vil dele den analogi, der endelig fik det til at klikke for mig – og jeg håber virkelig, det hjælper dig også!
 
-Forestil dig, at du besøger et land, hvor du ikke taler sproget, og du desperat har brug for at finde den nærmeste toilet (det har vi alle været ude for, ikke? 😅):
+Forestil dig, at du besøger et land, hvor du ikke taler sproget, og du desperat skal finde det nærmeste toilet (det har vi alle prøvet, ikke? 😅):
 
-- **Low-level programmering** er som at lære det lokale dialekt så godt, at du kan snakke med bedstemor, der sælger frugt på hjørnet, ved hjælp af kulturelle referencer, lokalt slang og interne jokes, som kun nogen, der voksede op der, ville forstå. Super imponerende og utroligt effektivt... hvis du tilfældigvis er flydende! Men ret overvældende, når du bare prøver at finde toilettet.
+- **Lav-niveau programmering** er som at lære det lokale dialekt så godt, at du kan chatte med bedstemor, der sælger frugt på hjørnet, med kulturelle referencer, lokalt slang og interne jokes, som kun en, der er opvokset der, ville forstå. Super imponerende og utroligt effektivt ... hvis du tilfældigvis er flydende! Men ret overvældende, når du bare prøver at finde et toilet.
 
-- **High-level programmering** er som at have den fantastiske lokale ven, der bare forstår dig. Du kan sige "Jeg har virkelig brug for at finde et toilet" på almindeligt engelsk, og de håndterer al den kulturelle oversættelse og giver dig vejledning på en måde, der giver perfekt mening for din ikke-lokale hjerne.
+- **Høj-niveau programmering** er som at have den fantastiske lokale ven, der bare forstår dig. Du kan sige "jeg skal virkelig finde et toilet" på entydigt dansk (eller engelsk), og de håndterer hele den kulturelle oversættelse og giver dig anvisninger på en måde, der giver perfekt mening for din ikke-lokale hjerne.
 
-I programmeringsterminologi:
-- **Low-level sprog** (som Assembly eller C) lader dig føre utroligt detaljerede samtaler med computerens faktiske hardware, men du skal tænke som en maskine, hvilket... lad os bare sige, er et stort mentalt skift!
-- **High-level sprog** (som JavaScript, Python eller C#) lader dig tænke som et menneske, mens de håndterer al maskinsproget bag kulisserne. Plus, de har utroligt imødekommende fællesskaber fulde af folk, der husker, hvordan det var at være ny, og som virkelig vil hjælpe!
+I programmering betyder det:
+- **Lav-niveau sprog** (som Assembly eller C) lader dig føre utrolig detaljerede samtaler med computerens egentlige hardware, men du skal tænke som en maskine, hvilket… godt, lad os bare sige, det er et stort mentalt skift!
+- **Høj-niveau sprog** (som JavaScript, Python eller C#) lader dig tænke som et menneske, mens de håndterer alle maskinsprogets ting bag kulisserne. Plus har de disse utroligt imødekommende fællesskaber fulde af folk, der husker, hvordan det var at være ny og oprigtigt vil hjælpe!
 
-Gæt hvilke jeg vil foreslå, du starter med? 😉 High-level sprog er som at have støttehjul, som du faktisk aldrig rigtig vil tage af, fordi de gør hele oplevelsen meget sjovere!
+Gæt hvilke, jeg vil foreslå, du starter med? 😉 Høj-niveau sprog er som at have træningshjul på, som du aldrig rigtig vil tage af, fordi det gør hele oplevelsen så meget mere fornøjelig!
 
 ```mermaid
 flowchart TB
-    A["👤 Menneskelig Tanke:<br/>'Jeg vil beregne Fibonacci tal'"] --> B{Vælg Sprog Niveau}
+    A["👤 Menneskelig tanke:<br/>'Jeg vil beregne Fibonacci-tal'"] --> B{Vælg sprogniveau}
     
-    B -->|Højt Niveau| C["🌟 JavaScript/Python<br/>Let at læse og skrive"]
-    B -->|Lavt Niveau| D["⚙️ Assembly/C<br/>Direkte hardware kontrol"]
+    B -->|Højniveau| C["🌟 JavaScript/Python<br/>Nem at læse og skrive"]
+    B -->|Lavniveau| D["⚙️ Assembly/C<br/>Direkte hardwarekontrol"]
     
     C --> E["📝 Skriv: fibonacci(10)"]
     D --> F["📝 Skriv: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Forståelse:<br/>Oversætter håndterer kompleksitet"]
+    E --> G["🤖 Computerforståelse:<br/>Oversætter håndterer kompleksitet"]
     F --> G
     
-    G --> H["💻 Samme Resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Samme resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Lad mig vise dig, hvorfor High-Level sprog er meget mere brugervenlige
+### Lad mig vise dig, hvorfor høj-niveau sprog er så meget mere venlige
 
-Okay, jeg er ved at vise dig noget, der perfekt demonstrerer, hvorfor jeg forelskede mig i high-level sprog, men først – jeg har brug for, at du lover mig noget. Når du ser det første kodeeksempel, så lad være med at gå i panik! Det er meningen, det skal se skræmmende ud. Det er præcis det, jeg vil sige med det!
+Okay, jeg er lige ved at vise dig noget, der perfekt demonstrerer, hvorfor jeg forelskede mig i høj-niveau sprog, men først – jeg har brug for, at du lover mig noget. Når du ser det første kodeeksempel, så få ikke panik! Det er meningen, det skal se lidt skræmmende ud. Det er netop pointen!
 
-Vi kigger på den samme opgave skrevet i to helt forskellige stilarter. Begge skaber det, der kaldes Fibonacci-sekvensen – det er et smukt matematisk mønster, hvor hvert tal er summen af de to foregående: 0, 1, 1, 2, 3, 5, 8, 13... (Sjovt faktum: du finder dette mønster bogstaveligt talt overalt i naturen – solsikkefrøspiraler, kogler, endda hvordan galakser dannes!)
+Vi skal kigge på den helt samme opgave skrevet i to helt forskellige stilarter. Begge skaber det, der kaldes Fibonacci-sekvensen – det er et smukt matematisk mønster, hvor hvert tal er summen af de to forrige: 0, 1, 1, 2, 3, 5, 8, 13... (Sjovt faktum: du finder dette mønster bogstaveligt talt overalt i naturen – solsikkekerner spiraler, kogler, selv hvordan galakser dannes!)
 
 Klar til at se forskellen? Lad os gå i gang!
 
-**High-level sprog (JavaScript) – Menneskevenligt:**
+**Høj-niveau sprog (JavaScript) – Menneskevenligt:**
 
 ```javascript
 // Trin 1: Grundlæggende Fibonacci opsætning
@@ -183,11 +183,11 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Her er, hvad denne kode gør:**
+**Det her gør koden:**
 - **Deklarerer** en konstant for at angive, hvor mange Fibonacci-tal vi vil generere
-- **Initialiserer** to variabler for at holde styr på det nuværende og næste tal i sekvensen
-- **Sætter op** startværdierne (0 og 1), der definerer Fibonacci-mønstret
-- **Viser** en overskrift for at identificere vores output
+- **Initialiserer** to variabler for at holde styr på de nuværende og næste tal i sekvensen
+- **Sætter op** startværdierne (0 og 1), som definerer Fibonacci-mønstret
+- **Viser** en overskrift til at identificere vores output
 
 ```javascript
 // Trin 2: Generer sekvensen med en løkke
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Her er, hvad der sker her:**
+**Hvad der sker her:**
 - **Looper** gennem hver position i vores sekvens med en `for`-løkke
-- **Viser** hvert tal med dets position ved hjælp af template literals
-- **Beregner** det næste Fibonacci-tal ved at lægge det nuværende og næste sammen
-- **Opdaterer** vores sporingsvariabler for at gå videre til næste iteration
+- **Viser** hvert tal med dets position ved brug af en template literal-formattering
+- **Beregner** det næste Fibonacci-tal ved at lægge nuværende og næste værdier sammen
+- **Opdaterer** vores sporingsvariabler til at gå videre til næste iteration
 
 ```javascript
 // Trin 3: Moderne funktionel tilgang
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Her har vi:**
-- **Oprettet** en genanvendelig funktion med moderne arrow-funktions-syntaks
-- **Bygget** et array til at gemme hele sekvensen i stedet for at vise tal et efter et
-- **Brugt** array-indeksering til at beregne hvert nyt tal fra tidligere værdier
-- **Returneret** hele sekvensen for fleksibel brug i andre dele af programmet
+**I ovenstående har vi:**
+- **Oprettet** en genanvendelig funktion ved brug af moderne arrow function-syntaks
+- **Bygget** et array til at gemme hele sekvensen i stedet for at vise talene ét ad gangen
+- **Brugt** array-indeksering til at beregne hvert nyt tal ud fra tidligere værdier
+- **Returneret** hele sekvensen for fleksibel brug i andre dele af vores program
 
-**Low-level sprog (ARM Assembly) – Computer-venligt:**
+**Lav-niveau sprog (ARM Assembly) – Computer-venligt:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,39 +257,39 @@ back add r0,r1
  end
 ```
 
-Læg mærke til, hvordan JavaScript-versionen næsten læses som engelske instruktioner, mens Assembly-versionen bruger kryptiske kommandoer, der direkte styrer computerens processor. Begge løser den nøjagtige samme opgave, men høj-niveausproget er langt nemmere for mennesker at forstå, skrive og vedligeholde.
+Læg mærke til, hvordan JavaScript-versionen nærmest læser som engelske instruktioner, mens Assembly-versionen bruger kryptiske kommandoer, der direkte styrer computerens processor. Begge udfører nøjagtigt samme opgave, men høj-niveau sproget er langt lettere for mennesker at forstå, skrive og vedligeholde.
 
 **Nøgleforskelle, du vil bemærke:**
 - **Læsbarhed**: JavaScript bruger beskrivende navne som `fibonacciCount`, mens Assembly bruger kryptiske labels som `r0`, `r1`
-- **Kommentarer**: Høj-niveau sprog opfordrer til forklarende kommentarer, der gør koden selvforklarende
+- **Kommentarer**: Højniveausprog opfordrer til forklarende kommentarer, som gør koden selvdokumenterende
 - **Struktur**: JavaScripts logiske flow matcher, hvordan mennesker tænker over problemer trin for trin
 - **Vedligeholdelse**: Opdatering af JavaScript-versionen til forskellige krav er ligetil og klart
 
-✅ **Om Fibonacci-sekvensen**: Dette helt utroligt smukke talmønster (hvor hvert tal er summen af de to foregående: 0, 1, 1, 2, 3, 5, 8...) dukker op bogstaveligt talt *overalt* i naturen! Du finder det i solsikkespiraler, fyrrekoglemønstre, måden nautilusskaller krummer sig på, og endda i, hvordan trægrene vokser. Det er ret sindssygt, hvordan matematik og kode kan hjælpe os med at forstå og genskabe de mønstre, som naturen bruger til at skabe skønhed!
+✅ **Om Fibonacci-sekvensen**: Dette absolut smukke talmønster (hvor hvert tal svarer til summen af de to foregående: 0, 1, 1, 2, 3, 5, 8...) optræder bogstaveligt talt *overalt* i naturen! Du finder det i solsikkespiraler, koglernes mønstre, hvordan nautilusskaller krummer, og endda i måden trægrene vokser på. Det er ret fantastiskt, hvordan matematik og kode kan hjælpe os med at forstå og genskabe de mønstre, som naturen bruger til at skabe skønhed!
 
 
-## Byggestenene, der får magien til at ske
+## Byggestenene, Der Får Magien Til At Ske
 
-Okay, nu hvor du har set, hvordan programmeringssprog ser ud i praksis, lad os bryde de grundlæggende dele ned, som alle programmer nogensinde skrevet består af. Tænk på disse som essentielle ingredienser i din yndlingsopskrift – når du først forstår, hvad hver enkelt gør, vil du kunne læse og skrive kode i stort set ethvert sprog!
+Okay, nu hvor du har set, hvordan programmeringssprog ser ud i aktion, lad os bryde de fundamentale dele ned, der udgør bogstaveligt talt ethvert program, der nogensinde er skrevet. Tænk på disse som de grundlæggende ingredienser i din yndlingsopskrift – når du forstår, hvad hvert element gør, vil du kunne læse og skrive kode i stort set ethvert sprog!
 
-Det er lidt ligesom at lære grammatikken i programmering. Kan du huske fra skolen, da du lærte om substantiver, verber og hvordan man sætter sætninger sammen? Programmering har sin egen version af grammatik, og for at være ærlig, så er den meget mere logisk og tilgivende end engelsk grammatik nogensinde var! 😄
+Det er lidt ligesom at lære grammatik for programmering. Kan du huske i skolen, da du lærte om substantiver, verber og at sætte sætninger sammen? Programmering har sin egen version af grammatik, og ærligt talt er den langt mere logisk og tilgivende end engelsk grammatik nogensinde var! 😄
 
-### Udsagn: Trin-for-trin instruktioner
+### Statements: Trin-for-trin instruktionerne
 
-Lad os starte med **udsagn** – de er som individuelle sætninger i en samtale med din computer. Hvert udsagn fortæller computeren at gøre én bestemt ting, lidt ligesom at give vejledning: "Drej til venstre her," "Stop ved det røde lys," "Parkér der."
+Lad os starte med **statements** – de er som individuelle sætninger i en samtale med din computer. Hvert statement fortæller computeren at gøre én bestemt ting, lidt ligesom at give anvisninger: "Drej til venstre her," "Stop ved det røde lys," "Parkingér på det sted."
 
-Det, jeg elsker ved udsagn, er hvor læsbare de som regel er. Se på dette:
+Det jeg elsker ved statements er, hvor læselige de normalt er. Se lige her:
 
 ```javascript
-// Grundlæggende sætninger, der udfører enkeltstående handlinger
+// Grundlæggende udsagn, der udfører enkeltstående handlinger
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Her er, hvad denne kode gør:**
-- **Deklarerer** en konstant variabel til at gemme en brugers navn
-- **Viser** en hilsen i konsoloutputtet
+**Sådan fungerer denne kode:**
+- **Deklarer** en konstant variabel til at gemme en brugers navn
+- **Viser** en hilsen til konsoloutput
 - **Beregner** og gemmer resultatet af en matematisk operation
 
 ```javascript
@@ -298,19 +298,19 @@ document.title = "My Awesome Website";
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Trin for trin, sådan sker det:**
-- **Ændrer** websidens titel, der vises i browserfanen
-- **Skifter** baggrundsfarven på hele sidekroppen
+**Trin for trin, her sker følgende:**
+- **Ændrer** websiden titlen, som vises i browserfanen
+- **Ændrer** baggrundsfarven på hele sidelegemet
 
-### Variable: Dit programs hukommelsessystem
+### Variabler: Dit programs hukommelsessystem
 
-Okay, **variable** er sandelig ét af mine absolut yndlingskoncepter at undervise i, fordi de er så meget som ting, du allerede bruger hver eneste dag!
+Okay, **variabler** er ærligt talt et af mine absolut yndlingskoncepter at lære fra mig, fordi de er så meget som ting, du allerede bruger hver eneste dag!
 
-Tænk et øjeblik på din telefons kontaktliste. Du kan ikke huske alles telefonnumre – i stedet gemmer du "Mor," "Bedste Ven," eller "Pizzestedet der leverer til kl. 2," og lader telefonen huske de faktiske numre. Variable fungerer på samme måde! De er som mærkede beholdere, hvor dit program kan gemme information og hente den senere ved hjælp af et navn, der faktisk giver mening.
+Tænk på din telefons kontaktliste et øjeblik. Du husker ikke alles telefonnumre – i stedet gemmer du "Mor," "Bedste ven," eller "Pizzasted der leverer til kl. 2 om natten" og lader din telefon huske de faktiske numre. Variabler fungerer præcis på samme måde! De er som mærkede beholdere, hvor dit program kan gemme information og hente det senere ved hjælp af et navn, der rent faktisk giver mening.
 
-Her er det virkelig seje: variable kan ændre sig, mens dit program kører (deraf navnet "variable" – kan du se, hvad de gjorde dér?). Ligesom du måske opdaterer pizzastedets kontakt, når du finder et endnu bedre sted, kan variable opdateres, mens dit program lærer ny information eller når situationer ændrer sig!
+Her er det, der er virkelig sejt: variabler kan ændre sig, mens dit program kører (deraf navnet "variabel" – kan du se hvad de gjorde der?). Ligesom du måske opdaterer den pizzakontakt, når du finder et endnu bedre sted, kan variabler opdateres, efterhånden som dit program lærer ny information eller som situationer ændrer sig!
 
-Lad mig vise dig, hvor utrolig simpelt det kan være:
+Lad mig vise dig, hvor smukt simpelt det kan være:
 
 ```javascript
 // Trin 1: Oprettelse af grundlæggende variabler
@@ -320,11 +320,11 @@ let temperature = 75;
 let isRaining = false;                      
 ```
 
-**Sådan forstår du disse koncepter:**
-- **Gem** uforanderlige værdier i `const` variable (som sidens navn)
-- **Brug** `let` til værdier, der kan ændre sig i løbet af programmet
-- **Tildel** forskellige datatyper: tekststrenge, tal og booleske værdier (sand/falsk)
-- **Vælg** beskrivende navne, der forklarer, hvad hver variabel indeholder
+**Forståelse af disse koncepter:**
+- **Gemmer** uforanderlige værdier i `const` variabler (som webstedets navn)
+- **Bruger** `let` til værdier, der kan ændre sig gennem dit program
+- **Tildeler** forskellige datatyper: strenge (tekst), tal og booleans (sand/falsk)
+- **Vælger** beskrivende navne, som forklarer, hvad hver variabel indeholder
 
 ```javascript
 // Trin 2: Arbejde med objekter for at gruppere relaterede data
@@ -335,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**I ovenstående har vi:**
-- **Oprettet** et objekt til at gruppere relateret vejrinformation sammen
-- **Organiseret** flere datadel under ét variabelnavn
-- **Brugt** nøgle-værdi-par til klart at mærke hver datadel
+**Ovenfor har vi:**
+- **Oprettet** et objekt til at samle relaterede vejrdata sammen
+- **Organiseret** flere data under ét variabelnavn
+- **Brugt** nøgle-værdi-par for klart at mærke hver del af informationen
 
 ```javascript
 // Trin 3: Brug og opdatering af variabler
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Opdatering af ændrbare variabler
+// Opdatering af ændringsbare variabler
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
 **Lad os forstå hver del:**
-- **Vis** information ved brug af template literals med `${}` syntaks
-- **Adgang** til objektets egenskaber med dot-notation (`weatherData.windSpeed`)
-- **Opdater** variable deklareret med `let` for at afspejle skiftende forhold
-- **Kombinér** flere variable for at skabe meningsfulde beskeder
+- **Viser** information ved hjælp af template literals med `${}` syntaks
+- **Adgang** til objektets egenskaber via dot notation (`weatherData.windSpeed`)
+- **Opdaterer** variabler deklareret med `let` for at afspejle skiftende forhold
+- **Kombinerer** flere variabler for at skabe meningsfulde beskeder
 
 ```javascript
-// Trin 4: Moderne destrukturering for renere kode
+// Trin 4: Moderne destructuring for renere kode
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Det du skal vide:**
-- **Udtræk** specifikke egenskaber fra objekter ved hjælp af destructuring assignment
-- **Opret** nye variable automatisk med samme navne som objektets nøgler
-- **Forenkle** kode ved at undgå gentagen dot-notation
+**Det, du skal vide:**
+- **Udtrækker** specifikke egenskaber fra objekter ved hjælp af destructuring assignment
+- **Opretter** nye variabler automatisk med samme navne som objektets nøgler
+- **Forenkler** kode ved at undgå gentagen dot notation
 
-### Kontrolflow: Lær dit program at tænke
+### Kontrolflow: Lærer dit program at tænke
 
-Okay, her bliver programmering virkelig sindssyg! **Kontrolflow** er grundlæggende at lære dit program at træffe smarte beslutninger, præcis som du gør hver dag uden engang at tænke over det.
+Okay, nu bliver programmering virkelig tankevækkende! **Kontrolflow** er i bund og grund at lære dit program, hvordan det kan tage smarte beslutninger, præcis som du gør hver eneste dag uden at tænke over det.
 
-Forestil dig dette: i morges gik du sikkert igennem noget a la "Hvis det regner, tager jeg paraply med. Hvis det er koldt, tager jeg jakke på. Hvis jeg er forsinket, springer jeg morgenmad over og tager en kaffe på vejen." Din hjerne følger naturligt denne hvis-så-logik dusinvis af gange hver dag!
+Forestil dig dette: i morges gik du sikkert igennem noget i stil med "Hvis det regner, tager jeg en paraply med. Hvis det er koldt, tager jeg en jakke på. Hvis jeg er forsinket, springer jeg morgenmaden over og tager kaffen på vejen." Din hjerne følger automatisk denne hvis-så logik dusinvis af gange hver dag!
 
-Det er det, der får programmer til at føles intelligente og levende i stedet for bare at følge et kedeligt, forudsigeligt script. De kan faktisk se på en situation, vurdere hvad der sker og reagere passende. Det er som at give dit program en hjerne, der kan tilpasse sig og træffe valg!
+Det er det, der får programmer til at føles intelligente og levende i stedet for bare at følge en kedelig, forudsigelig instruktion. De kan faktisk kigge på en situation, evaluere hvad der sker, og reagere passende. Det er som at give dit program en hjerne, der kan tilpasse sig og træffe valg!
 
 Vil du se, hvor smukt det fungerer? Lad mig vise dig:
 
 ```javascript
-// Trin 1: Grundlæggende konditionel logik
+// Trin 1: Grundlæggende betinget logik
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Her er, hvad denne kode gør:**
+**Sådan fungerer denne kode:**
 - **Tjekker** om brugerens alder opfylder stemmeretskravet
 - **Udfører** forskellige kodeblokke baseret på betingelsens resultat
-- **Beregner** og viser, hvor lang tid der er til stemmeret, hvis under 18
-- **Giver** specifik, nyttig feedback for hver situation
+- **Beregner** og viser hvor længe der er til stemmeberettigelse, hvis under 18
+- **Giver** specifik, hjælpsom feedback for hver situation
 
 ```javascript
 // Trin 2: Flere betingelser med logiske operatorer
@@ -409,11 +409,11 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Nedbrydning af, hvad der sker her:**
-- **Kombinerer** flere betingelser ved hjælp af `&&` (og) operatoren
-- **Opretter** et hierarki af betingelser med `else if` til flere scenarier
-- **Håndterer** alle mulige tilfælde med en afsluttende `else` sætning
-- **Giver** klar, anvendelig feedback for hver forskellig situation
+**Her er en nedbrydning af, hvad der sker:**
+- **Kombinerer** flere betingelser med `&&` (og) operatoren
+- **Opretter** et hierarki af betingelser ved hjælp af `else if` for flere scenarier
+- **Håndterer** alle mulige tilfælde med en sidste `else` erklæring
+- **Giver** klar, handlingsorienteret feedback for hver situation
 
 ```javascript
 // Trin 3: Kortfattet betingelse med ternær operator
@@ -421,10 +421,10 @@ const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Husk følgende:**
-- **Brug** den ternære operator (`? :`) til simple to-vej betingelser
-- **Skriv** betingelsen først, efterfulgt af `?`, derefter sandt resultat, så `:`, og til sidst falsk resultat
-- **Anvend** dette mønster, når du skal tildele værdier baseret på betingelser
+**Det skal du huske:**
+- **Bruger** ternary-operatoren (`? :`) til simple to-valgs betingelser
+- **Skriver** først betingelsen, efterfulgt af `?`, derefter sandt resultat, så `:`, og falsk resultat
+- **Anvender** dette mønster, når du skal tildele værdier baseret på betingelser
 
 ```javascript
 // Trin 4: Håndtering af flere specifikke tilfælde
@@ -448,55 +448,55 @@ switch (dayOfWeek) {
 ```
 
 **Denne kode opnår følgende:**
-- **Matcher** variabelværdi mod flere specifikke tilfælde
-- **Grupperer** lignende tilfælde (hverdag vs. weekend)
-- **Udfører** den korrekte kodeblok, når der findes et match
-- **Inkluderer** en `default` sag for at håndtere uventede værdier
-- **Bruger** `break` udsagn for at forhindre, at koden fortsætter til næste sag
+- **Matcher** variabelværdien mod flere specifikke tilfælde
+- **Grupperer** lignende tilfælde sammen (hverdag vs. weekend)
+- **Udfører** den passende kodeblok, når et match findes
+- **Inkluderer** en `default` case for at håndtere uventede værdier
+- **Bruger** `break` statements for at forhindre kode i at fortsætte til næste case
 
-> 💡 **Virkelighedsanalog**: Tænk på kontrolflow som verdens mest tålmodige GPS, der giver dig vejvisning. Den kan fx sige "Hvis der er trafik på Main Street, tag motorvejen i stedet. Hvis vejarbejde blokerer motorvejen, prøv den naturskønne rute." Programmer bruger præcis samme type betingede logik til intelligent at reagere på forskellige situationer og altid give brugerne den bedst mulige oplevelse.
+> 💡 **Virkelighedsanalog**: Tænk på kontrolflow som verdens mest tålmodige GPS, der giver dig anvisninger. Den kan sige "Hvis der er trafik på Hovedgaden, så tag motorvejen i stedet. Hvis vejarbejde blokerer motorvejen, prøv den naturskønne rute." Programmer bruger præcis samme type betingede logik for at reagere intelligent på forskellige situationer og altid give brugerne den bedst mulige oplevelse.
 
-### 🎯 **Begrebskontrol: Mestring af byggestenene**
+### 🎯 **Konceptkontrol: Byggesten mesterskab**
 
-**Lad os se, hvordan det går med det grundlæggende:**
-- Kan du forklare forskellen mellem en variabel og et udsagn med dine egne ord?
-- Tænk på en virkelig situation, hvor du ville bruge et hvis-så-valg (som i vores stemmeeksempel)
+**Lad os se, hvordan det går med grundlæggende forståelse:**
+- Kan du forklare forskellen på en variabel og et statement med dine egne ord?
+- Tænk på en virkelighedssituation, hvor du vil bruge en hvis-så beslutning (som vores stemmeretseksempel)
 - Hvad er én ting ved programmeringslogik, der overraskede dig?
 
-**Hurtig selvtillidsboost:**
+**Hurtig selvtillids-booster:**
 ```mermaid
 flowchart LR
-    A["📝 Udsagn<br/>(Instruktioner)"] --> B["📦 Variabler<br/>(Lagring)"] --> C["🔀 Kontrolflow<br/>(Beslutninger)"] --> D["🎉 Fungerende Program!"]
+    A["📝 Udsagn<br/>(Instruktioner)"] --> B["📦 Variable<br/>(Lagring)"] --> C["🔀 Kontrolflow<br/>(Beslutninger)"] --> D["🎉 Fungerende program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Hvad kommer næst**: Vi skal have det absolut sjovt med at dykke dybere ned i disse koncepter, mens vi fortsætter denne utrolige rejse sammen! Lige nu skal du bare fokusere på at mærke begejstringen over alle de fantastiske muligheder foran dig. De specifikke færdigheder og teknikker vil komme helt naturligt, mens vi øver sammen – jeg lover, det bliver meget sjovere, end du måske forventer!
+✅ **Hvad der kommer næste gang**: Vi kommer til at have det helt vildt sjovt med at dykke dybere ned i disse koncepter, mens vi fortsætter denne utrolige rejse sammen! Lige nu skal du bare fokusere på at føle den begejstring over alle de fantastiske muligheder, der venter forude. De specifikke færdigheder og teknikker kommer helt naturligt, når vi øver os sammen – jeg lover, det bliver meget sjovere, end du måske forventer!
 
-## Værktøjerne i faget
+## Værktøjer i faget
 
-Okay, her bliver jeg ærligt talt så begejstret, at jeg næsten ikke kan holde det inde! 🚀 Vi skal til at tale om de utrolige værktøjer, som kommer til at få dig til at føle, at du lige har fået nøglerne til et digitalt rumskib.
+Okay, nu bliver jeg ærligt talt så begejstret, at jeg næsten ikke kan styre mig! 🚀 Vi skal til at tale om de utrolige værktøjer, der får dig til at føle, at du lige har fået nøglerne til et digitalt rumskib.
 
-Du ved, hvordan en kok har de perfekt afbalancerede knive, der føles som en forlængelse af deres hænder? Eller hvordan en musiker har den ene guitar, der synes at synge, så snart de rører ved den? Nå, udviklere har vores egen version af disse magiske værktøjer, og her kommer det, der helt sikkert vil blæse dit sind – de fleste af dem er fuldstændigt gratis!
+Du ved, hvordan en kok har de perfekt afbalancerede knive, som føles som forlængelser af hænderne? Eller hvordan en musiker har den ene guitar, der nærmest synger, fra det øjeblik, den røres? Nå, udviklere har vores egen version af disse magiske værktøjer, og her er, hvad der virkelig vil blæse dig omkuld – de fleste af dem er helt gratis!
 
-Jeg sidder næsten og hopper på stolen over at skulle dele disse med dig, fordi de fuldstændigt har revolutioneret, hvordan vi bygger software. Vi taler om AI-drevne kodeassistenter, som kan hjælpe med at skrive din kode (jeg laver ikke sjov!), cloud-miljøer, hvor du kan bygge hele applikationer fra bogstaveligt talt hvor som helst med Wi-Fi, og fejlfindingværktøjer så sofistikerede, at de er som at have røntgensyn for dine programmer.
+Jeg sidder nærmest og hopper i stolen, fordi jeg glæder mig til at dele dem med dig, da de fuldstændigt har revolutioneret, hvordan vi bygger software. Vi taler om AI-drevne kodningsassistenter, der kan hjælpe med at skrive din kode (jeg mener det virkelig!), cloud-miljøer, hvor du kan bygge hele applikationer fra bogstaveligt talt hvor som helst med Wi-Fi, og fejlfindingsværktøjer så sofistikerede, at det er som at have røntgensyn til dine programmer.
 
-Og her kommer det, der stadig giver mig gåsehud: det er ikke "begynder-værktøjer," du kommer til at vokse fra. Det er nøjagtigt de samme professionelle værktøjer, som udviklere hos Google, Netflix og det indie app-studie, du elsker, bruger lige nu. Du kommer til at føle dig som en vaskeægte pro med dem!
+Og her kommer delen, der stadig giver mig gåsehud: det er ikke "begynder-værktøjer," som du hurtigt kommer til at vokse fra. Det er præcis de samme professionelle værktøjer, som udviklere hos Google, Netflix og det indie app-studie, du elsker, bruger lige nu. Du kommer til at føle dig som en helt professionel, når du bruger dem!
 
 ```mermaid
 graph TD
-    A["💡 Din idé"] --> B["⌨️ Kodeeditor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Test & Fejlfinding)"]
+    A["💡 Din Idé"] --> B["⌨️ Kodeeditor<br/>(VS Code)"] 
+    B --> C["🌐 Browser DevTools<br/>(Test & Debugging)"]
     C --> D["⚡ Kommandolinje<br/>(Automatisering & Værktøjer)"]
     D --> E["📚 Dokumentation<br/>(Læring & Reference)"]
-    E --> F["🚀 Fantastisk webapp!"]
+    E --> F["🚀 Fantastisk Webapp!"]
     
-    B -.-> G["🤖 AI-assistent<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Enhedstest<br/>(Responsivt design)"]
-    D -.-> I["📦 Pakkehåndtering<br/>(npm, yarn)"]
-    E -.-> J["👥 Fællesskab<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI Assistent<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Enhedstest<br/>(Responsivt Design)"]
+    D -.-> I["📦 Pakkehåndteringer<br/>(npm, yarn)"]
+    E -.-> J["👥 Community<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -505,63 +505,63 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Kodeeditorer og IDE’er: Dine nye digitale bedste venner
+### Kodeeditorer og IDE'er: Dine nye digitale bedste venner
 
-Lad os tale om kodeeditorer – de er seriøst lige ved at blive dine nye yndlingssteder at hænge ud! Tænk på dem som din personlige kodningshelligdom, hvor du vil tilbringe det meste af din tid med at skabe og perfektionere dine digitale værker.
+Lad os tale om kodeeditorer – de er alvorligt lige ved at blive dine nye yndlingssteder at hænge ud! Tænk på dem som dit personlige kodehelligdom, hvor du vil tilbringe det meste af din tid med at skabe og perfektionere dine digitale kreationer.
 
-Men her er det helt magiske ved moderne editorer: de er ikke bare fine teksteditorer. Det er som at have den mest geniale, støttende kodningsmentor siddende lige ved siden af dig 24/7. De fanger dine tastefejl, før du overhovedet opdager dem, foreslår forbedringer, der får dig til at se genial ud, hjælper dig med at forstå, hvad hver eneste kodebid gør, og nogle af dem kan endda forudsige, hvad du er ved at skrive, og tilbyde at færdiggøre dine tanker!
+Men her er det, der er helt magisk ved moderne editorer: de er ikke bare fine teksteditorer. De er som at have den mest geniale, støttende kode-mentor siddende lige ved siden af dig døgnet rundt. De fanger dine tastefejl, før du overhovedet opdager dem, foreslår forbedringer, der får dig til at se ud som et geni, hjælper dig med at forstå, hvad hvert kodeelement gør, og nogle af dem kan endda forudsige, hvad du er ved at skrive og tilbyde at færdiggøre dine tanker!
 
-Jeg kan huske, da jeg først opdagede auto-fuldførelse – jeg følte bogstaveligt talt, at jeg levede i fremtiden. Du begynder at skrive noget, og din editor siger, "Hey, tænkte du på denne funktion, der gør præcis det, du har brug for?" Det er som at have en tankelæser som din kodekammerat!
+Jeg husker, da jeg først opdagede autoudfyldning – jeg følte virkelig, at jeg levede i fremtiden. Du begynder at skrive noget, og din editor siger, "Hej, tænkte du på denne funktion, der gør præcis, hvad du har brug for?" Det er som at have en tankelæser som din kodebuddy!
 
-**Hvad gør disse editorer så utrolige?**
+**Hvad gør disse editorer så fantastiske?**
 
-Moderne kodeeditorer tilbyder en imponerende række funktioner, der er designet til at øge din produktivitet:
+Moderne kodeeditorer byder på et imponerende udvalg af funktioner designet til at øge din produktivitet:
 
-| Funktion | Hvad den gør | Hvorfor den hjælper |
+| Funktion | Hvad den gør | Hvorfor det hjælper |
 |---------|--------------|--------------|
-| **Syntax Highlighting** | Farver forskellige dele af din kode | Gør koden lettere at læse og spotte fejl |
-| **Auto-completion** | Foreslår kode mens du skriver | Hurtigere kodning og færre tastefejl |
-| **Fejlfindingsværktøjer** | Hjælper dig med at finde og rette fejl | Spar tid på fejlretning |
-| **Udvidelser** | Tilføjer specialiserede funktioner | Tilpas din editor til enhver teknologi |
-| **AI-assistenter** | Foreslår kode og forklaringer | Fremskynder læring og produktivitet |
+| **Syntax Highlighting** | Farver forskellige dele af din kode | Gør kode nemmere at læse og opdage fejl |
+| **Auto-completion** | Foreslår kode, mens du skriver | Fremskynder kodningen og reducerer tastefejl |
+| **Debugging Tools** | Hjælper med at finde og rette fejl | Sparrer timer på fejlsøgning |
+| **Extensions** | Tilføjer specialiserede funktioner | Tilpas din editor til enhver teknologi |
+| **AI Assistants** | Foreslår kode og forklaringer | Fremskynder læring og produktivitet |
 
-> 🎥 **Videoressource**: Vil du se disse værktøjer i praksis? Tjek denne [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for et omfattende overblik.
+> 🎥 **Videoressource**: Vil du se disse værktøjer i aktion? Tjek denne [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for et omfattende overblik.
 
 #### Anbefalede editorer til webudvikling
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
 - Mest populær blandt webudviklere
-- Fremragende økosystem af udvidelser
+- Fremragende økosystem for udvidelser
 - Indbygget terminal og Git-integration
 - **Must-have udvidelser**:
   - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-drevne kodeforslag
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Realtids samarbejde
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Realtids-samarbejde
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatisk kodeformatering
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fanger stavefejl i din kode
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fang stavefejl i din kode
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betalt, gratis for studerende)
 - Avancerede fejlfindings- og testværktøjer
-- Intelligent kodefuldførelse
+- Intelligent kodeautofuldførelse
 - Indbygget versionskontrol
 
-**Cloud-baserede IDE’er** (Forskellige priser)
-- [GitHub Codespaces](https://github.com/features/codespaces) – Fuldt VS Code i din browser
-- [Replit](https://replit.com/) – Fantastisk til læring og deling af kode
-- [StackBlitz](https://stackblitz.com/) – Øjeblikkelig, full-stack webudvikling
+**Cloud-baserede IDE'er** (Forskellige priser)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Fuld VS Code i din browser
+- [Replit](https://replit.com/) - Fantastisk til læring og deling af kode
+- [StackBlitz](https://stackblitz.com/) - Øjeblikkelig, fuld-stack webudvikling
 
-> 💡 **Tips til opstart**: Start med Visual Studio Code – det er gratis, meget udbredt i branchen, og har et enormt fællesskab, der laver hjælpsomme tutorials og udvidelser.
+> 💡 **Kom godt i gang-tip**: Start med Visual Studio Code – det er gratis, bredt brugt i industrien og har et enormt community, der skaber nyttige tutorials og udvidelser.
 
 
 ### Webbrowsere: Dit hemmelige udviklingslaboratorium
 
-Okay, gør dig klar til at få dit sind fuldstændig blæst! Du ved, hvordan du har brugt browsere til at scrolle gennem sociale medier og se videoer? Nå, det viser sig, at de hele tiden har gemt på et utroligt hemmeligt udviklingslaboratorium, der bare ventede på, at du skulle opdage det!
+Okay, gør dig klar til at få dit sind fuldstændigt blæst! Du ved, hvordan du har brugt browsere til at scrolle på sociale medier og se videoer? Nå, det viser sig, at de har gemt dette utrolige hemmelige udviklingslaboratorium hele tiden og bare ventet på, at du skulle opdage det!
 
-Hver eneste gang du højreklikker på en webside og vælger "Inspicer element," åbner du en skjult verden af udviklerværktøjer, som ærligt talt er mere kraftfulde end noget dyrt software, jeg tidligere har betalt hundredevis af kroner for. Det er som at opdage, at dit almindelige gamle køkken hele tiden har skjult et professionelt kokkelaboratorium bag en hemmelig panel!
-Første gang nogen viste mig browserens DevTools, brugte jeg omkring tre timer bare på at klikke rundt og sige "VENT, KAN DEN OGSÅ DET?!" Du kan bogstaveligt talt redigere enhver hjemmeside i realtid, se præcis hvor hurtigt alt loader, teste hvordan dit site ser ud på forskellige enheder og endda debugge JavaScript som en helt pro. Det er fuldstændig vanvittigt!
+Hver eneste gang du højreklikker på en webside og vælger "Inspicér element," åbner du en skjult verden af udviklerværktøjer, som ærligt talt er mere kraftfulde end noget dyrt software, jeg tidligere har betalt hundredevis af kroner for. Det er som at opdage, at dit helt almindelige køkken har gemt et professionelt kokkelaboratorium bag en hemmelig panel!
+Første gang nogen viste mig browserens DevTools, brugte jeg næsten tre timer bare på at klikke rundt og sige "VENT, KAN DEN OGSÅ DET?!" Du kan bogstaveligt talt redigere enhver hjemmeside i realtid, se præcis hvor hurtigt alt indlæses, teste hvordan dit site ser ud på forskellige enheder og endda fejlfinde JavaScript som en ægte pro. Det er helt sindssygt!
 
 **Her er hvorfor browsere er dit hemmelige våben:**
 
-Når du skaber en hjemmeside eller webapplikation, skal du kunne se, hvordan den ser ud og opfører sig i virkeligheden. Browsere viser ikke kun dit arbejde, men giver også detaljeret feedback om ydeevne, tilgængelighed og potentielle problemer.
+Når du laver en hjemmeside eller webapplikation, skal du kunne se, hvordan den ser ud og opfører sig i den virkelige verden. Browsere viser ikke kun dit arbejde, de giver også detaljeret feedback om ydeevne, tilgængelighed og potentielle problemer.
 
 #### Browser Developer Tools (DevTools)
 
@@ -569,10 +569,10 @@ Moderne browsere indeholder omfattende udviklingsværktøjer:
 
 | Tool Category | What It Does | Example Use Case |
 |---------------|--------------|------------------|
-| **Element Inspector** | Se og rediger HTML/CSS i realtid | Juster styling for at se øjeblikkelige resultater |
-| **Console** | Se fejlmeddelelser og test JavaScript | Debug problemer og eksperimenter med kode |
-| **Network Monitor** | Overvåg hvordan ressourcer loader | Optimer ydeevne og indlæsningstider |
-| **Accessibility Checker** | Test for inklusivt design | Sikr at dit site fungerer for alle brugere |
+| **Element Inspector** | Se og rediger HTML/CSS i realtid | Juster stil og se resultater med det samme |
+| **Console** | Se fejlmeddelelser og test JavaScript | Fejlret problemer og eksperimenter med kode |
+| **Network Monitor** | Følg hvordan ressourcer indlæses | Optimer ydeevne og indlæsningstider |
+| **Accessibility Checker** | Test for inklusivt design | Sikr at dit site virker for alle brugere |
 | **Device Simulator** | Forhåndsvis på forskellige skærmstørrelser | Test responsivt design uden flere enheder |
 
 #### Anbefalede browsere til udvikling
@@ -581,20 +581,20 @@ Moderne browsere indeholder omfattende udviklingsværktøjer:
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Fremragende CSS Grid og tilgængelighedsværktøjer
 - **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Bygget på Chromium med Microsofts udviklerressourcer
 
-> ⚠️ **Vigtig test-tip**: Test altid dine hjemmesider i flere browsere! Det, der fungerer perfekt i Chrome, kan se anderledes ud i Safari eller Firefox. Professionelle udviklere tester på tværs af alle større browsere for at sikre en ensartet brugeroplevelse.
+> ⚠️ **Vigtig testtip**: Test altid dine hjemmesider i flere browsere! Det der virker perfekt i Chrome, kan se anderledes ud i Safari eller Firefox. Professionelle udviklere tester på tværs af alle større browsere for at sikre ensartede brugeroplevelser.
 
 
 ### Kommandolinjeværktøjer: Din adgang til udvikler-superkræfter
 
-Okay, lad os være helt ærlige om kommandolinjen, for jeg vil have, at du hører det fra en, der virkelig forstår det. Da jeg først så den – bare den her skræmmende sorte skærm med blinkende tekst – tænkte jeg bogstaveligt talt: "Nej, absolut ikke! Det ligner noget fra en hackerfilm i 1980'erne, og jeg er bestemt ikke smart nok til det!" 😅
+Okay, lad os være helt ærlige omkring kommandolinjen, for jeg vil have, at du hører dette fra en, der virkelig forstår det. Da jeg først så den – bare den skræmmende sorte skærm med blinkende tekst – tænkte jeg bogstaveligt talt, "Nej, slet ikke! Det ligner noget fra en hackerfilm i 1980’erne, og jeg er bestemt ikke klog nok til det her!" 😅
 
-Men her er, hvad jeg ville ønske, nogen havde fortalt mig dengang, og hvad jeg fortæller dig lige nu: kommandolinjen er ikke skræmmende – det er faktisk som at have en direkte samtale med din computer. Tænk på det som forskellen mellem at bestille mad gennem en fancy app med billeder og menuer (som er nemt og lækkert) versus at gå ind på din yndlingslokale restaurant, hvor kokken ved præcis, hvad du kan lide og kan trylle noget perfekt frem bare ved at du siger "overrask mig med noget fantastisk."
+Men her er hvad jeg ville ønske nogen havde fortalt mig dengang, og som jeg fortæller dig nu: kommandolinjen er ikke skræmmende – det er faktisk som at have en direkte samtale med din computer. Tænk på det som forskellen mellem at bestille mad via en fancy app med billeder og menuer (som er nemt og lækkert) versus at gå ind på din lokale yndlingsrestaurant, hvor kokken præcis ved, hvad du kan lide, og kan trylle noget perfekt frem bare fordi du siger "overrask mig med noget fantastisk."
 
-Kommandolinjen er stedet, hvor udviklere føler sig som ægte troldmænd. Du taster et par tilsyneladende magiske ord (okay, de er bare kommandoer, men de føles magiske!), trykker enter, og BAM – du har oprettet hele projektstrukturer, installeret kraftfulde værktøjer fra hele verden eller udrullet din app til internettet, så millioner kan se den. Når du først får en smag af den kraft, er det ærligt talt ret vanedannende!
+Kommandolinjen er stedet, udviklere går til for at føle sig som rene troldmænd. Du skriver et par tilsyneladende magiske ord (okay, det er bare kommandoer, men de føles magiske!), trykker enter, og BOOM – du har oprettet komplette projektstrukturer, installeret kraftfulde værktøjer fra hele verden eller deployet din app til internettet, så millioner kan se den. Når du først får smag for den magt, er det ærligt talt ret vanedannende!
 
 **Derfor bliver kommandolinjen dit favoritværktøj:**
 
-Mens grafiske brugerflader er fantastiske til mange opgaver, excellerer kommandolinjen i automatisering, præcision og hastighed. Mange udviklingsværktøjer fungerer primært via kommandolinjegrænseflader, og at lære at bruge dem effektivt kan forbedre din produktivitet markant.
+Mens grafiske brugergrænseflader er gode til mange opgaver, er kommandolinjen suveræn til automatisering, præcision og hastighed. Mange udviklingsværktøjer kører primært via kommandolinjen, og at lære at bruge dem effektivt kan forbedre din produktivitet markant.
 
 ```bash
 # Trin 1: Opret og naviger til projektmappen
@@ -602,9 +602,9 @@ mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Sådan fungerer denne kode:**
-- **Opret** en ny mappe kaldet "my-awesome-website" til dit projekt
-- **Naviger** ind i den nyskabte mappe for at begynde arbejdet
+**Dette kodeeksempel gør:**
+- **Opretter** en ny mappe kaldet "my-awesome-website" til dit projekt
+- **Navigerer** ind i den nyskabte mappe for at begynde arbejdet
 
 ```bash
 # Trin 2: Initialiser projekt med package.json
@@ -615,11 +615,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Trin for trin sker der følgende:**
-- **Initialiser** et nyt Node.js-projekt med standardindstillinger ved brug af `npm init -y`
-- **Installer** Vite som et moderne build-værktøj til hurtig udvikling og produktion
-- **Tilføj** Prettier til automatisk kodeformatering og ESLint til kodekvalitetskontrol
-- **Brug** flaget `--save-dev` for at markere disse som udviklingsafhængigheder
+**Trin for trin, her sker der:**
+- **Initialiserer** et nyt Node.js projekt med standardindstillinger via `npm init -y`
+- **Installerer** Vite som et moderne build-værktøj til hurtig udvikling og produktion
+- **Tilføjer** Prettier til automatisk kodeformatering og ESLint til kodekvalitetstjek
+- **Bruger** `--save-dev` flaget for at markere disse som udviklingsafhængigheder
 
 ```bash
 # Trin 3: Opret projektstruktur og filer
@@ -631,26 +631,26 @@ npx vite
 ```
 
 **I ovenstående har vi:**
-- **Organiseret** vores projekt ved at oprette separate mapper til kildekode og assets
-- **Genereret** en grundlæggende HTML-fil med korrekt dokumentstruktur
-- **Startet** Vite udviklingsserveren for live reload og hot module replacement
+- **Organiseret** vores projekt med separate mapper til kildekode og assets
+- **Genereret** en basal HTML-fil med korrekt dokumentstruktur
+- **Startet** Vite udviklingsserveren til live reload og hot module replacement
 
-#### Vigtige kommandolinjeværktøjer til webudvikling
+#### Væsentlige kommandolinjeværktøjer til webudvikling
 
 | Tool | Purpose | Why You Need It |
 |------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Versionskontrol | Spor ændringer, samarbejd med andre, backup af dit arbejde |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & pakkehåndtering | Kør JavaScript uden for browsere, installer moderne udviklingsværktøjer |
-| **[Vite](https://vitejs.dev/)** | Build-værktøj & dev-server | Lynhurtig udvikling med hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kodekvalitet | Find og ret automatisk problemer i dit JavaScript |
-| **[Prettier](https://prettier.io/)** | Kodeformatering | Hold din kode konsekvent formateret og letlæselig |
+| **[Git](https://git-scm.com/)** | Versionsstyring | Spor ændringer, samarbejd med andre, sikkerhedskopiér dit arbejde |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & pakkestyring | Kør JavaScript udenfor browseren, installer moderne udviklingsværktøjer |
+| **[Vite](https://vitejs.dev/)** | Bygge- og udviklingsserver | Lynhurtig udvikling med hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kodekvalitet | Find og rette problemer i din JavaScript automatisk |
+| **[Prettier](https://prettier.io/)** | Kodeformatering | Hold din kode konsekvent formateret og læsbar |
 
-#### Platformsspecifikke muligheder
+#### Platformspecifikke muligheder
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderne, funktionsrig terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Kraftigt scriptingmiljø
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditonel Windows kommandolinje
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderne og funktionsrig terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Kraftfuldt scripting-miljø
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditionel Windows kommandolinje
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Indbygget terminalapplikation
@@ -660,75 +660,75 @@ npx vite
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux shell
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Avanceret terminalemulator
 
-> 💻 = Forudinstalleret i operativsystemet
+> 💻 = Forudinstalleret på operativsystemet
 
-> 🎯 **Læringsvejledning**: Start med basis-kommandoer som `cd` (skift mappe), `ls` eller `dir` (list filer) og `mkdir` (opret mappe). Øv dig med moderne workflow-kommandoer som `npm install`, `git status` og `code .` (åbner tilhørende mappe i VS Code). Når du bliver mere komfortabel, vil du naturligt lære mere avancerede kommandoer og automatiseringsteknikker.
+> 🎯 **Læringsvejledning**: Begynd med grundlæggende kommandoer som `cd` (skift mappe), `ls` eller `dir` (list filer), og `mkdir` (opret mappe). Øv dig med moderne workflow-kommandoer som `npm install`, `git status` og `code .` (åbner nuværende mappe i VS Code). Når du bliver mere tryg, vil du naturligt lære mere avancerede kommandoer og automatiseringsteknikker.
 
 
 ### Dokumentation: Din altid-tilgængelige læringsmentor
 
-Okay, lad mig dele en lille hemmelighed, som vil få dig til at føle dig meget bedre tilpas som nybegynder: selv de mest erfarne udviklere bruger en stor del af deres tid på at læse dokumentation. Og det er ikke fordi, de ikke ved, hvad de laver – det er faktisk et tegn på visdom!
+Okay, jeg vil dele en lille hemmelighed, der vil få dig til at føle dig meget bedre som begynder: selv de mest erfarne udviklere bruger en stor del af deres tid på at læse dokumentation. Og det er ikke fordi de ikke ved, hvad de laver – det er faktisk et tegn på visdom!
 
-Tænk på dokumentation som at have adgang til verdens mest tålmodige, vidende lærere, der er tilgængelige døgnet rundt. Sidder du fast i et problem kl. 2 om natten? Dokumentationen er der med en varm virtuel krammer og præcis det svar, du har brug for. Vil du lære om en fed ny funktion, som alle taler om? Dokumentationen støtter dig med trin-for-trin eksempler. Forsøger du at forstå, hvorfor noget fungerer, som det gør? Gættede du det – dokumentationen er klar til at forklare det på en måde, der endelig klikker!
+Tænk på dokumentation som at have adgang til verdens mest tålmodige, vidende lærere, som er tilgængelige 24/7. Sidder du fast med et problem klokken 2 om natten? Dokumentationen er der med et virtuelt varmt kram og præcis det svar, du har brug for. Vil du lære om en smart ny funktion, som alle taler om? Dokumentationen hjælper dig med trin-for-trin eksempler. Prøver du at forstå, hvorfor noget virker, som det gør? Gæt engang – dokumentationen forklarer det på en måde, der endelig får det til at klikke!
 
-Her er noget, der helt ændrede mit perspektiv: webudviklingsverdenen bevæger sig utroligt hurtigt, og ingen (jeg mener absolut ingen!) kan huske alt. Jeg har set seniordom udviklere med 15+ års erfaring slå grundlæggende syntaks op, og ved du hvad? Det er ikke pinligt – det er smart! Det handler ikke om at have perfekt hukommelse; det handler om at vide, hvor man hurtigt kan finde pålidelige svar og forstå, hvordan man anvender dem.
+Her er noget, der ændrede mit perspektiv totalt: webudviklingsverdenen bevæger sig utrolig hurtigt, og ingen (jeg mener virkelig ingen!) kan huske det hele udenad. Jeg har set erfarne udviklere med 15+ års erfaring slå helt basal syntaks op, og ved du hvad? Det er ikke pinligt – det er smart! Det handler ikke om perfekt hukommelse; det handler om at vide, hvor man hurtigt finder pålidelige svar og kan anvende dem.
 
-**Her sker den virkelige magi:**
+**Her sker den sande magi:**
 
-Professionelle udviklere bruger en betydelig del af deres tid på at læse dokumentation – ikke fordi de er usikre, men fordi webudviklingslandskabet udvikler sig så hurtigt, at det kræver konstant læring at følge med. God dokumentation hjælper dig med ikke bare *hvordan* man bruger noget, men også *hvorfor* og *hvornår* man bruger det.
+Professionelle udviklere bruger en stor del af deres tid på at læse dokumentation – ikke fordi de ikke ved, hvad de laver, men fordi webudviklingslandskabet udvikler sig så hurtigt, at det kræver kontinuerlig læring at følge med. God dokumentation hjælper dig med ikke bare at forstå *hvordan* man bruger noget, men også *hvorfor* og *hvornår* man skal bruge det.
 
-#### Vigtige dokumentationsressourcer
+#### Væsentlige dokumentationsressourcer
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Guldstandarden for dokumentation af webteknologier
-- Omfattende guider til HTML, CSS og JavaScript
+- Guldstandarden for webteknologi-dokumentation
+- Omfattende guides til HTML, CSS og JavaScript
 - Indeholder browserkompatibilitetsinformation
-- Har praktiske eksempler og interaktive demos
+- Har praktiske eksempler og interaktive demoer
 
 **[Web.dev](https://web.dev)** (af Google)
 - Moderne bedste praksis for webudvikling
-- Guides til ydeevneoptimering
-- Tilgængelighed og inklusivt design principper
-- Case-studier fra virkelige projekter
+- Guides til performanceoptimering
+- Principper for tilgængelighed og inklusivt design
+- Cases fra virkelige projekter
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Udviklerressourcer til Edge browseren
-- Progressive Web App guides
-- Indsigter om tværplatform udvikling
+- Udviklerressourcer til Edge-browseren
+- Progressive Web App-guides
+- Indsigter i cross-platform udvikling
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Strukturerede læringscurricula
+- Strukturerede læringsforløb
 - Videokurser fra brancheeksperter
-- Praktiske kodningsøvelser
+- Hands-on kodeøvelser
 
-> 📚 **Studieteknik**: Forsøg ikke at huske dokumentationen udenad – lær i stedet at navigere effektivt i den. Bogmærk ofte brugte referencer og øv dig i at bruge søgefunktioner til hurtigt at finde specifik information.
+> 📚 **Studietips**: Forsøg ikke at huske dokumentationen udenad – lær i stedet at navigere i den effektivt. Bogmærk ofte brugte referencer og øv dig i at bruge søgefunktionerne til hurtigt at finde specifik information.
 
-### 🔧 **Værktøjsmestring: Hvad taler til dig?**
+### 🔧 **Værktøjsmestring: Hvad taler mest til dig?**
 
-**Tag et øjeblik og overvej:**
-- Hvilket værktøj er du mest spændt på at prøve først? (Der er ikke noget forkert svar!)
-- Føles kommandolinjen stadig skræmmende, eller er du nysgerrig på den?
-- Kan du forestille dig at bruge browserens DevTools til at kigge bag kulisserne på dine yndlingshjemmesider?
+**Tag et øjeblik til at overveje:**
+- Hvilket værktøj glæder du dig mest til at prøve først? (Der findes ikke et forkert svar!)
+- Føles kommandolinjen stadig intimiderende, eller er du nysgerrig på den?
+- Kan du forestille dig at bruge browser DevTools til at kigge bag kulisserne på dine yndlingshjemmesider?
 
 ```mermaid
 pie title "Udviklertid brugt med værktøjer"
     "Kodeeditor" : 40
-    "Browser Test" : 25
-    "Kommandolinje" : 15
+    "Browser Testning" : 25
+    "Kommando Linje" : 15
     "Læsning af dokumentation" : 15
     "Fejlfinding" : 5
 ```
-> **Sjov indsigt**: De fleste udviklere bruger omkring 40% af deres tid i deres kodeeditor, men læg mærke til hvor meget tid, der går til test, læring og problemløsning. Programmering handler ikke kun om at skrive kode – det handler om at skabe oplevelser!
+> **Sjov indsigt**: De fleste udviklere bruger omkring 40 % af deres tid i deres kodeeditor, men det er interessant at bemærke, hvor meget tid der går til test, læring og problemløsning. Programmering handler ikke bare om at skrive kode – det handler om at skabe oplevelser!
 
-✅ **Noget at tænke over**: Her er en interessant tanke – hvordan tror du, værktøjerne til at bygge hjemmesider (udvikling) adskiller sig fra værktøjerne til at designe, hvordan de ser ud (design)? Det er som forskellen mellem en arkitekt, der designer et smukt hus, og entreprenøren, der rent faktisk bygger det. Begge er afgørende, men de har brug for forskellige værktøjskasser! Denne tankegang vil virkelig hjælpe dig med at se det større billede af, hvordan hjemmesider kommer til live.
+✅ **Noget at tænke over**: Overvej hvordan værktøjerne til at bygge hjemmesider (udvikling) adskiller sig fra værktøjer til at designe, hvordan de ser ud (design). Det er som forskellen på en arkitekt, der designer et smukt hus, og entreprenøren, der rent faktisk bygger det. Begge dele er afgørende, men kræver forskellige værktøjskasser! Den slags tanker vil virkelig hjælpe dig med at se det større billede af, hvordan hjemmesider bliver til.
 
-## GitHub Copilot Agent Challenge 🚀
+## GitHub Copilot Agent Udfordring 🚀
 
-Brug Agent-tilstand til at løse følgende udfordring:
+Brug Agent-tilstanden til at løse følgende udfordring:
 
-**Beskrivelse:** Udforsk funktionerne i en moderne kodeeditor eller IDE og demonstrer, hvordan den kan forbedre din workflow som webudvikler.
+**Beskrivelse:** Udforsk funktionerne i en moderne kodeeditor eller IDE og demonstrer, hvordan den kan forbedre din arbejdsgang som webudvikler.
 
-**Prompt:** Vælg en kodeeditor eller IDE (som Visual Studio Code, WebStorm eller en cloud-baseret IDE). List tre funktioner eller udvidelser, der hjælper dig med at skrive, debugge eller vedligeholde kode mere effektivt. For hver, giv en kort forklaring på, hvordan det gavner din workflow.
+**Prompt:** Vælg en kodeeditor eller IDE (som Visual Studio Code, WebStorm eller en cloud-baseret IDE). Angiv tre funktioner eller udvidelser, der hjælper dig med at skrive, fejlfinde eller vedligeholde kode mere effektivt. For hver, giv en kort forklaring på, hvordan det gavner din arbejdsgang.
 
 ---
 
@@ -736,50 +736,50 @@ Brug Agent-tilstand til at løse følgende udfordring:
 
 **Okay, detektiv, klar til din første sag?**
 
-Nu hvor du har fået dette fantastiske fundament, har jeg et eventyr, der vil hjælpe dig med at se, hvor utrolig forskelligartet og fascinerende programmeringsverdenen virkelig er. Og hør her – det handler ikke om at skrive kode endnu, så ingen pres! Tænk på dig selv som en programmingssprog-detektiv på din allerførste spændende sag!
+Nu hvor du har fået dette fantastiske fundament, har jeg et eventyr, som vil hjælpe dig med at se, hvor utroligt mangfoldig og fascinerende programmeringsverdenen er. Og hør her – det handler ikke om at skrive kode endnu, så tag det helt roligt! Tænk på dig selv som en programmeringssprogsdetektiv på din allerførste spændende sag!
 
 **Din mission, hvis du vælger at acceptere den:**
-1. **Bliv sprogeksplorer**: Vælg tre programmeringssprog fra helt forskellige universer – måske et der bygger hjemmesider, et der skaber mobilapps og et, der bearbejder data for forskere. Find eksempler på den samme simple opgave skrevet i hvert sprog. Jeg lover, du bliver fuldstændig forbavset over, hvor forskellige de kan se ud, mens de laver præcis det samme!
+1. **Bliv en sprogeventyrer**: Vælg tre programmeringssprog fra helt forskellige verdener – måske ét til websites, ét til mobilapps og ét til databehandling for forskere. Find eksempler på den samme simple opgave skrevet i hvert sprog. Jeg lover, du bliver helt overrasket over, hvor forskelligt de kan se ud, selvom de laver præcis det samme!
 
-2. **Opdag deres oprindelseshistorier**: Hvad gør hvert sprog specielt? Her er en fed kendsgerning – hvert eneste programmeringssprog blev skabt, fordi nogen tænkte: "Ved du hvad? Der må være en bedre måde at løse dette specifikke problem på." Kan du finde ud af, hvad de problemer var? Nogle af disse historier er virkelig fascinerende!
+2. **Opdag deres oprindelseshistorier**: Hvad gør hvert sprog unikt? Her er en fed kendsgerning – hvert enkelt programmeringssprog blev skabt, fordi nogen tænkte, "Ved du hvad? Der må være en bedre måde at løse dette specifikke problem." Kan du finde ud af, hvad disse problemer var? Nogle af historierne er virkelig spændende!
 
-3. **Mød fællesskaberne**: Se på, hvor imødekommende og passionerede hvert sprogs fællesskab er. Nogle har millioner af udviklere, der deler viden og hjælper hinanden, andre er mindre, men utroligt tætte og støttende. Du vil elske at se de forskellige personligheder i disse fællesskaber!
+3. **Mød fællesskaberne**: Se, hvor imødekommende og passionerede hvert sprogs fællesskab er. Nogle har millioner af udviklere, der deler viden og hjælper hinanden, andre er mindre, men utrolig sammentømrede og støttende. Du kommer til at elske at opleve de forskellige personligheder i disse fællesskaber!
 
-4. **Følg din mavefornemmelse**: Hvilket sprog føles mest tilgængeligt for dig lige nu? Stress ikke over at træffe det "perfekte" valg – bare lyt til din intuition! Der findes ærligt talt ikke noget forkert svar her, og du kan altid udforske andre senere.
+4. **Følg din mavefornemmelse**: Hvilket sprog føles mest tilgængeligt for dig lige nu? Stress ikke over at træffe det "perfekte" valg – lyt bare til din instinkt! Der findes ærligt talt ikke et forkert svar her, og du kan altid udforske andre senere.
 
-**Bonus detektivarbejde**: Se om du kan finde ud af, hvilke store hjemmesider eller apps der er bygget med hvert sprog. Jeg garanterer, at du bliver chokeret over, hvad der driver Instagram, Netflix eller det mobilspil, du ikke kan slippe!
+**Bonusdetektivarbejde**: Se om du kan finde ud af, hvilke store hjemmesider eller apps der er bygget med hvert sprog. Jeg lover, du bliver chokeret over at lære, hvad der driver Instagram, Netflix eller det mobilspil, du ikke kan stoppe med at spille!
 
-> 💡 **Husk**: Du prøver ikke at blive ekspert i nogen af disse sprog i dag. Du lærer bare kvarteret at kende, inden du beslutter, hvor du vil slå dig ned. Tag dig god tid, hav det sjovt og lad din nysgerrighed føre dig!
+> 💡 **Husk**: Du behøver ikke blive ekspert i nogen af disse sprog i dag. Du skal bare lære kvarteret at kende, inden du beslutter dig for, hvor du vil slå dig ned. Tag dig god tid, hav det sjovt, og lad din nysgerrighed føre dig!
 
-## Lad os fejre det, du har opdaget!
+## Lad os fejre, hvad du har opdaget!
 
-Hold da op, du har suget så meget fantastisk information til dig i dag! Jeg er virkelig spændt på at se, hvor meget af denne fantastiske rejse, der er blevet hængende hos dig. Og husk – det er ikke en test, hvor du skal have alt perfekt. Det her er mere som en fejring af alt det fede, du har lært om denne fascinerende verden, du er ved at begive dig ud i!
+Hold da op, du har fanget så mange utrolige informationer i dag! Jeg er virkelig spændt på at se, hvor meget af denne fantastiske rejse, der sidder fast hos dig. Og husk – dette er ikke en test, hvor du skal gøre det perfekt. Det er mere en fejring af alt det seje, du har lært om denne fascinerende verden, du er på vej ind i!
 
-[Tag efter-lektion quizzen](https://ff-quizzes.netlify.app/web/)
-## Review & Selvstudie
+[Tag quizzen efter lektionen](https://ff-quizzes.netlify.app/web/)
 
-**Tag dig tid til at udforske og have det sjovt med det!**
+## Gennemgang & Selvstudie
 
-Du har dækket meget i dag, og det er noget at være stolt af! Nu kommer den sjove del – at udforske de emner, der vækkede din nysgerrighed. Husk, det her er ikke lektier – det er et eventyr!
+**Tag dig tid til at udforske og have det sjovt med det!**
+Du har dækket meget i dag, og det er noget, du kan være stolt af! Nu kommer den sjove del – at udforske de emner, der vækkede din nysgerrighed. Husk, dette er ikke lektier – det er et eventyr!
 
 **Dyk dybere ned i det, der begejstrer dig:**
 
-**Prøv programmeringssprog af:**
-- Besøg de officielle hjemmesider for 2-3 sprog, der fangede din opmærksomhed. Hvert sprog har sin egen personlighed og historie!
-- Prøv nogle online kodelegepladser som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Vær ikke bange for at eksperimentere – du kan ikke ødelægge noget!
-- Læs om, hvordan dit yndlingssprog blev til. Alvorligt talt, nogle af oprindelseshistorierne er fascinerende og vil hjælpe dig med at forstå, hvorfor sprog fungerer, som de gør.
+**Kom i gang med programmeringssprog:**
+- Besøg de officielle hjemmesider for 2-3 sprog, der fangede din interesse. Hvert enkelte har sin egen personlighed og historie!
+- Prøv nogle online kode-legeredskaber som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Vær ikke bange for at eksperimentere – du kan ikke ødelægge noget!
+- Læs om, hvordan dit yndlingssprog blev til. Seriøst, nogle af disse oprindelseshistorier er fascinerende og vil hjælpe dig med at forstå, hvorfor sprog fungerer, som de gør.
 
-**Bliv fortrolig med dine nye værktøjer:**
-- Download Visual Studio Code, hvis du ikke allerede har det – det er gratis, og du vil elske det!
-- Brug et par minutter på at gennemse Extensions-markedet. Det er som en app-butik til din kodeeditor!
-- Åbn din browsers udviklerværktøjer og klik bare rundt. Bekymr dig ikke om at forstå alt – bare bliv fortrolig med, hvad der er der.
+**Bliv komfortabel med dine nye værktøjer:**
+- Download Visual Studio Code, hvis du ikke allerede har gjort det – det er gratis, og du kommer til at elske det!
+- Brug et par minutter på at browse gennem Extensions-markedet. Det er som en app-butik til din kodeeditor!
+- Åbn din browsers Developer Tools og klik rundt. Bekymr dig ikke om at forstå alt – bare bliv fortrolig med, hvad der er der.
 
-**Bliv en del af fællesskabet:**
-- Følg nogle udviklerfællesskaber på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringsfællesskabet er utrolig imødekommende over for nybegyndere!
-- Se nogle begynder-venlige programmeringsvideoer på YouTube. Der findes mange gode skabere, som husker, hvordan det var at starte ud.
+**Deltag i fællesskabet:**
+- Følg nogle udviklerfællesskaber på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringsfællesskabet er utroligt imødekommende overfor nybegyndere!
+- Se nogle begynder-venlige kodevideoer på YouTube. Der er så mange gode skabere, som husker, hvordan det er at være ny.
 - Overvej at deltage i lokale meetups eller online fællesskaber. Tro mig, udviklere elsker at hjælpe nybegyndere!
 
-> 🎯 **Lyt, her er hvad jeg vil have, du husker**: Du forventes ikke at blive en kode-troldmand natten over! Lige nu lærer du bare at kende denne fantastiske nye verden, du er ved at blive en del af. Tag dig tid, nyd rejsen, og husk – hver eneste udvikler, du beundrer, sad engang præcis, hvor du sidder lige nu, og følte sig begejstret og måske lidt overvældet. Det er helt normalt, og det betyder, at du gør det rigtigt!
+> 🎯 **Lyt, her er hvad jeg vil have dig til at huske**: Du forventes ikke at blive en kode-mester natten over! Lige nu lærer du bare dette fantastiske nye univers at kende, som du snart skal være en del af. Tag dig god tid, nyd rejsen, og husk – hver eneste udvikler, du beundrer, sad engang lige præcis, hvor du er nu, følte sig spændt og måske lidt overvældet. Det er helt normalt, og det betyder, at du gør det rigtigt!
 
 
 
@@ -787,70 +787,70 @@ Du har dækket meget i dag, og det er noget at være stolt af! Nu kommer den sjo
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Et lille skub til din opgave**: Jeg ville virkelig elske at se dig udforske nogle værktøjer, vi ikke har dækket endnu! Spring editorerne, browsere og kommandolinjeværktøjerne over, som vi allerede har talt om – der er et helt utroligt univers af fantastiske udviklingsværktøjer derude, som bare venter på at blive opdaget. Kig efter dem, der er aktivt vedligeholdt og har levende, hjælpsomme fællesskaber (de har som regel de bedste tutorials og de mest støttende folk, når du uundgåeligt sidder fast og har brug for en venlig hånd).
+> 💡 **Et lille skub til din opgave**: Jeg vil virkelig gerne se dig udforske nogle værktøjer, vi ikke har dækket endnu! Spring editorerne, browsere og kommandolinjeværktøjer over, som vi allerede har talt om – der er et helt utroligt univers af fantastiske udviklingsværktøjer derude, som bare venter på at blive opdaget. Kig efter dem, der aktivt bliver vedligeholdt og har levende, hjælpsomme fællesskaber (de har som regel de bedste tutorials og de mest støttende folk, når du uundgåeligt sidder fast og har brug for en venlig hånd).
 
 ---
 
 ## 🚀 Din Programmeringsrejse Tidslinje
 
-### ⚡ **Hvad du kan nå på de næste 5 minutter**
-- [ ] Bogmærk 2-3 programmeringssprogs hjemmesider, der fangede din opmærksomhed
-- [ ] Download Visual Studio Code, hvis du ikke allerede har det
-- [ ] Åbn din browsers DevTools (F12) og klik rundt på en hvilken som helst hjemmeside
-- [ ] Bliv medlem af et programmeringsfællesskab (Dev.to, Reddit r/webdev, eller Stack Overflow)
+### ⚡ **Det kan du nå på de næste 5 minutter**
+- [ ] Bogmærk 2-3 programmeringssprogshjemmesider, der fangede din interesse
+- [ ] Download Visual Studio Code, hvis du ikke allerede har gjort det
+- [ ] Åbn din browsers DevTools (F12) og klik rundt på en vilkårlig hjemmeside
+- [ ] Deltag i et programmeringsfællesskab (Dev.to, Reddit r/webdev eller Stack Overflow)
 
-### ⏰ **Hvad du kan nå på denne time**
-- [ ] Fuldfør quizzen efter lektionen og reflekter over dine svar
-- [ ] Opsæt VS Code med GitHub Copilot-udvidelsen
-- [ ] Prøv et "Hello World" eksempel i 2 forskellige programmeringssprog online
-- [ ] Se en video om "En dag i livet for en udvikler" på YouTube
-- [ ] Påbegynd din detektivarbejde om programmeringssprog (fra udfordringen)
+### ⏰ **Det kan du nå på en time**
+- [ ] Gennemfør quizzen efter lektionen og tænk over dine svar
+- [ ] Sæt VS Code op med GitHub Copilot-udvidelsen
+- [ ] Prøv et "Hello World"-eksempel i to forskellige programmeringssprog online
+- [ ] Se en video om "En dag i en udviklers liv" på YouTube
+- [ ] Start din programmeringssprogsdetektiv-arbejde (fra udfordringen)
 
 ### 📅 **Dit uge-lange eventyr**
-- [ ] Fuldfør opgaven og udforsk 3 nye udviklingsværktøjer
+- [ ] Gennemfør opgaven og udforsk 3 nye udviklingsværktøjer
 - [ ] Følg 5 udviklere eller programmeringskonti på sociale medier
 - [ ] Prøv at bygge noget lille i CodePen eller Replit (selv bare "Hello, [Dit Navn]!")
-- [ ] Læs et udviklerblogindlæg om nogens programmeringsrejse
+- [ ] Læs et udvikler-blogindlæg om nogens kode-rejse
 - [ ] Deltag i et virtuelt meetup eller se en programmeringssnak
 - [ ] Begynd at lære dit valgte sprog med online tutorials
 
-### 🗓️ **Din månedslange forvandling**
-- [ ] Byg dit første lille projekt (selv en simpel webside tæller!)
-- [ ] Bidrag til et open source-projekt (start med dokumentationsrettelser)
-- [ ] Mentorer en, der lige er startet på deres programmeringsrejse
-- [ ] Lav din udviklerportfolio-hjemmeside
-- [ ] Forbind dig med lokale udviklerfællesskaber eller studiegrupper
-- [ ] Begynd at planlægge dit næste læringsmål
+### 🗓️ **Din måned-lange forvandling**
+- [ ] Byg dit første lille projekt (selv en simpel hjemmeside tæller!)
+- [ ] Bidrag til et open-source projekt (start med dokumentationsrettelser)
+- [ ] Mentorér en, der lige er startet på deres programmeringsrejse
+- [ ] Lav din udvikler-portfolio hjemmeside
+- [ ] Forbind med lokale udviklerfællesskaber eller studiegrupper
+- [ ] Begynd at planlægge din næste læringsmilepæl
 
-### 🎯 **Afsluttende refleksion**
+### 🎯 **Sidste refleksionscheck**
 
-**Før du går videre, så tag et øjeblik til at fejre:**
-- Hvad er én ting ved programmering, der begejstrede dig i dag?
+**Før du går videre, tag et øjeblik til at fejre:**
+- Hvad er én ting om programmering, der begejstrede dig i dag?
 - Hvilket værktøj eller koncept vil du udforske først?
-- Hvordan føler du dig ved at starte denne programmeringsrejse?
-- Hvilket spørgsmål vil du stille en udvikler lige nu?
+- Hvordan har du det med at starte denne programmeringsrejse?
+- Hvad er et spørgsmål, du gerne vil stille en udvikler lige nu?
 
 ```mermaid
 journey
     title Din Selvtillidsopbygningsrejse
-    section I dag
+    section I Dag
       Nysgerrig: 3: You
       Overvældet: 4: You
       Begejstret: 5: You
-    section Denne uge
+    section Denne Uge
       Udforskning: 4: You
       Læring: 5: You
       Forbindelse: 4: You
-    section Næste måned
+    section Næste Måned
       Opbygning: 5: You
       Selvsikker: 5: You
-      Hjælper andre: 5: You
+      Hjælpe Andre: 5: You
 ```
-> 🌟 **Husk**: Enhver ekspert var engang en begynder. Enhver seniorudvikler har følt sig præcis som dig lige nu – begejstret, måske lidt overvældet, og bestemt nysgerrig efter, hvad der er muligt. Du er i fantastisk selskab, og denne rejse bliver utroligt spændende. Velkommen til den vidunderlige verden af programmering! 🎉
+> 🌟 **Husk**: Enhver ekspert har engang været nybegynder. Enhver seniorudvikler har engang følt præcis som du gør lige nu – spændt, måske lidt overvældet, og helt sikkert nysgerrig efter, hvad der er muligt. Du er i fantastisk selskab, og denne rejse bliver utroligt spændende. Velkommen til den vidunderlige verden af programmering! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Ansvarsfraskrivelse**:
-Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiske oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os ikke ansvar for eventuelle misforståelser eller fejltolkninger som følge af brugen af denne oversættelse.
+**Ansvarsfraskrivelse**:  
+Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/da/AGENTS.md b/translations/da/AGENTS.md
index 5bd894a83..d9be5e449 100644
--- a/translations/da/AGENTS.md
+++ b/translations/da/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Projektoversigt
 
-Dette er et uddannelseslæremiddelforestilling til undervisning i grundlæggende webudvikling for begyndere. Læremidlet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates, med 24 praktiske lektioner, der dækker JavaScript, CSS og HTML.
+Dette er et uddannelsesforløb-lager til undervisning i webudviklingsgrundlag for begyndere. Forløbet er et omfattende 12-ugers kursus udviklet af Microsoft Cloud Advocates, med 24 praktiske lektioner, der dækker JavaScript, CSS og HTML.
 
-### Nøglekomponenter
+### Hovedkomponenter
 
-- **Uddannelsesindhold**: 24 strukturerede lektioner organiseret i projektbaserede moduler  
-- **Praktiske projekter**: Terrarium, Typingspil, Browserudvidelse, Rumspil, Bankapp, Kodeeditor og AI Chat-assistent  
-- **Interaktive quizzer**: 48 quizzer med 3 spørgsmål hver (før/efter lektion vurderinger)  
-- **Flersproget support**: Automatiserede oversættelser til 50+ sprog via GitHub Actions  
-- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI-projekter)  
+- **Uddannelsesindhold**: 24 strukturerede lektioner organiseret i projektbaserede moduler
+- **Praktiske Projekter**: Terrarium, Typing Game, Browserudvidelse, Space Game, Banking App, Code Editor, og AI Chat Assistant
+- **Interaktive Quizzer**: 48 quizzer med 3 spørgsmål hver (før/efter-lesson vurderinger)
+- **Flersprogssupport**: Automatiske oversættelser til 50+ sprog via GitHub Actions
+- **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (til AI-projekter)
 
 ### Arkitektur
 
-- Uddannelsesrepository med lektionbaseret struktur  
-- Hver lektionsmappe indeholder README, kodeeksempler og løsninger  
-- Selvstændige projekter i separate mapper (quiz-app, diverse lektionsprojekter)  
-- Oversættelsessystem ved brug af GitHub Actions (co-op-translator)  
-- Dokumentation serveres via Docsify og findes som PDF  
+- Uddannelseslager med lektion-baseret struktur
+- Hver lektionsmappe indeholder README, kodeeksempler og løsninger
+- Selvstændige projekter i separate mapper (quiz-app, forskellige lektionsprojekter)
+- Oversættelsessystem ved brug af GitHub Actions (co-op-translator)
+- Dokumentation serveret via Docsify og tilgængelig som PDF
 
 ## Opsætningskommandoer
 
-Dette repository er primært til konsumering af uddannelsesindhold. For arbejde med specifikke projekter:
+Dette lager er primært til forbrug af uddannelsesindhold. For arbejde med specifikke projekter:
 
-### Hovedrepository opsætning
+### Hovedlageropsætning
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-  
-### Quiz App opsætning (Vue 3 + Vite)
+
+### Quiz App Opsætning (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -40,7 +40,7 @@ npm run dev        # Start udviklingsserver
 npm run build      # Byg til produktion
 npm run lint       # Kør ESLint
 ```
-  
+
 ### Bankprojekt API (Node.js + Express)
 
 ```bash
@@ -50,7 +50,7 @@ npm start          # Start API-server
 npm run lint       # Kør ESLint
 npm run format     # Formater med Prettier
 ```
-  
+
 ### Browserudvidelsesprojekter
 
 ```bash
@@ -58,16 +58,16 @@ cd 5-browser-extension/solution
 npm install
 # Følg browser-specifikke instruktioner til indlæsning af udvidelser
 ```
-  
-### Rumspilsprojekter
+
+### Space Game Projekter
 
 ```bash
 cd 6-space-game/solution
 npm install
 # Åbn index.html i browseren eller brug Live Server
 ```
-  
-### Chatprojekt (Python Backend)
+
+### Chat Projekt (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -75,208 +75,208 @@ pip install openai
 # Indstil miljøvariablen GITHUB_TOKEN
 python api.py
 ```
-  
-## Udviklingsworkflow
 
-### For indholdsleverandører
+## Udviklingsarbejdsgang
+
+### For Indholdsbidragydere
 
-1. **Fork repository** til din GitHub-konto  
-2. **Clone din fork** lokalt  
-3. **Opret en ny branch** til dine ændringer  
-4. Foretag ændringer til lektionsindhold eller kodeeksempler  
-5. Test eventuelle kodeændringer i relevante projektmapper  
-6. Indsend pull requests i henhold til bidragsretningslinjer  
+1. **Fork lageret** til din GitHub-konto
+2. **Klon din fork** lokalt
+3. **Opret en ny gren** til dine ændringer
+4. Foretag ændringer til lektionsindhold eller kodeeksempler
+5. Test eventuelle kodeændringer i relevante projektmapper
+6. Indsend pull requests i henhold til bidragsretningslinjerne
 
-### For lærende
+### For Lærende
 
-1. Fork eller klon repository  
-2. Naviger sekventielt i lektionsmapper  
-3. Læs README-filer for hver lektion  
-4. Tag pre-lesson quizzer på https://ff-quizzes.netlify.app/web/  
-5. Arbejd gennem kodeeksempler i lektionsmapper  
-6. Fuldfør opgaver og udfordringer  
-7. Tag post-lesson quizzer  
+1. Fork eller klon lageret
+2. Naviger til lektionsmapper i rækkefølge
+3. Læs README-filer for hver lektion
+4. Gennemfør før-lektion quizzer på https://ff-quizzes.netlify.app/web/
+5. Arbejd med kodeeksempler i lektionsmapper
+6. Fuldfør opgaver og udfordringer
+7. Tag efter-lektion quizzer
 
-### Liveudvikling
+### Live Udvikling
 
-- **Dokumentation**: Kør `docsify serve` i rodmappen (port 3000)  
-- **Quiz App**: Kør `npm run dev` i quiz-app mappen  
-- **Projekter**: Brug VS Code Live Server extension til HTML-projekter  
-- **API-projekter**: Kør `npm start` i respektive API-mapper  
+- **Dokumentation**: Kør `docsify serve` i rodmappen (port 3000)
+- **Quiz App**: Kør `npm run dev` i quiz-app mappen
+- **Projekter**: Brug VS Code Live Server-udvidelsen til HTML-projekter
+- **API Projekter**: Kør `npm start` i respektive API-mapper
 
 ## Testinstruktioner
 
-### Quiz App test
+### Quiz App Test
 
 ```bash
 cd quiz-app
-npm run lint       # Tjek for problemer med kodestil
+npm run lint       # Tjek for kode stil problemer
 npm run build      # Bekræft at build lykkes
 ```
-  
-### Bank API test
+
+### Bank API Test
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Tjek for kode stil problemer
-node server.js     # Bekræft at serveren starter uden fejl
+node server.js     # Bekræft, at serveren starter uden fejl
 ```
-  
-### Generel testtilgang
 
-- Dette er et uddannelsesrepository uden omfattende automatiserede tests  
-- Manuel test fokuserer på:  
-  - Kodeeksempler kører fejlfrit  
-  - Links i dokumentation fungerer korrekt  
-  - Projektbygninger gennemføres succesfuldt  
-  - Eksempler følger bedste praksis  
+### Generel Testtilgang
+
+- Dette er et uddannelseslager uden omfattende automatiserede tests
+- Manuel test fokuserer på:
+  - Kodeeksempler kører uden fejl
+  - Links i dokumentationen fungerer korrekt
+  - Projekt builds gennemføres succesfuldt
+  - Eksempler følger bedste praksis
 
-### Pre-indsendelsescheck
+### Tjek Før Indsendelse
 
-- Kør `npm run lint` i mapper med package.json  
-- Bekræft at markdown-links er gyldige  
-- Test kodeeksempler i browser eller Node.js  
-- Tjek at oversættelser bevarer korrekt struktur  
+- Kør `npm run lint` i mapper med package.json
+- Bekræft at markdown-links er valide
+- Test kodeeksempler i browser eller Node.js
+- Kontrollér at oversættelser bevarer korrekt struktur
 
-## Kode-stil retningslinjer
+## Kodeformateringsretningslinjer
 
 ### JavaScript
 
-- Brug moderne ES6+ syntaks  
-- Følg standard ESLint konfigurationer leveret i projekterne  
-- Brug meningsfulde variabel- og funktionsnavne for uddannelsesmæssig klarhed  
-- Tilføj kommentarer der forklarer koncepter for lærende  
-- Formater med Prettier hvor konfigureret  
+- Brug moderne ES6+ syntaks
+- Følg standard ESLint konfigurationer i projekterne
+- Brug meningsfulde variabel- og funktionsnavne for pædagogisk klarhed
+- Tilføj kommentarer der forklarer koncepter for lærende
+- Formater med Prettier hvor konfigureret
 
 ### HTML/CSS
 
-- Semantiske HTML5 elementer  
-- Responsive designprincipper  
-- Klare klasse-navnekonventioner  
-- Kommentarer der forklarer CSS-teknikker for lærende  
+- Semantiske HTML5-elementer
+- Responsive designprincipper
+- Klare klassenavnekonventioner
+- Kommentarer der forklarer CSS-teknikker for lærende
 
 ### Python
 
-- PEP 8 stil retningslinjer  
-- Klare, uddannelsesmæssige kodeeksempler  
-- Type hints hvor hjælpsomt for læring  
+- PEP 8 stilretningslinjer
+- Tydelige, pædagogiske kodeeksempler
+- Type hints hvor hjælpsomt for læring
 
-### Markdown dokumentation
+### Markdown Dokumentation
 
-- Klar overskriftshierarki  
-- Kodeblokke med sprogspecifikation  
-- Links til yderligere ressourcer  
-- Skærmbilleder og billeder i `images/` mapper  
-- Alt-tekst for billeder for tilgængelighed  
+- Klar overskriftshierarki
+- Kodeblokke med sprogspecifikation
+- Links til yderligere ressourcer
+- Skærmbilleder og billeder i `images/` mapper
+- Alt-tekst for billeder for tilgængelighed
 
 ### Filorganisation
 
-- Lektioner nummereret sekventielt (1-getting-started-lessons, 2-js-basics, osv.)  
-- Hvert projekt har `solution/` og ofte `start/` eller `your-work/` mapper  
-- Billeder opbevaret i lektionsspecifikke `images/` mapper  
-- Oversættelser i `translations/{language-code}/` struktur  
+- Lektioner nummeret sekventielt (1-getting-started-lessons, 2-js-basics, osv.)
+- Hvert projekt har `solution/` og ofte `start/` eller `your-work/` mapper
+- Billeder gemt i lektion-specifikke `images/` mapper
+- Oversættelser i `translations/{language-code}/` struktur
 
-## Build og udrulning
+## Byg og Udrul
 
-### Quiz App udrulning (Azure Static Web Apps)
+### Quiz App Udrulning (Azure Static Web Apps)
 
-quiz-app er konfigureret til Azure Static Web Apps udrulning:
+Quiz-app'en er konfigureret til Azure Static Web Apps udrulning:
 
 ```bash
 cd quiz-app
 npm run build      # Opretter dist/-mappe
-# Udruller via GitHub Actions-arbejdsgang ved push til main
+# Udruller via GitHub Actions workflow ved push til main
 ```
-  
-Azure Static Web Apps konfiguration:  
-- **App placering**: `/quiz-app`  
-- **Output placering**: `dist`  
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
 
-### Dokumentations PDF generering
+Azure Static Web Apps konfiguration:
+- **App placering**: `/quiz-app`
+- **Output placering**: `dist`
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+
+### Dokumentations PDF Generering
 
 ```bash
 npm install                    # Installer docsify-to-pdf
 npm run convert               # Generer PDF fra docs
 ```
-  
-### Docsify dokumentation
+
+### Docsify Dokumentation
 
 ```bash
 npm install -g docsify-cli    # Installer Docsify globalt
 docsify serve                 # Server på localhost:3000
 ```
-  
-### Projekt-specifikke builds
 
-Hver projektmappe kan have sin egen build-proces:  
-- Vue projekter: `npm run build` skaber produktionspakker  
-- Statisk projekter: Ingen build-step, filer serveres direkte  
+### Projekt-specifikke Builds
+
+Hver projektmappe kan have sin egen byggeproces:
+- Vue-projekter: `npm run build` skaber produktionspakker
+- Statiske projekter: Ingen build-step, server filer direkte
 
-## Pull Request retningslinjer
+## Pull Request Retningslinjer
 
-### Titelformat
+### Titel Format
 
-Brug klare, beskrivende titler der angiver ændringsområdet:  
-- `[Quiz-app] Tilføj ny quiz til lektion X`  
-- `[Lesson-3] Ret stavefejl i terrarium projekt`  
-- `[Translation] Tilføj spansk oversættelse til lektion 5`  
-- `[Docs] Opdater opsætningsinstruktioner`  
+Brug klare, beskrivende titler der angiver ændringsområdet:
+- `[Quiz-app] Tilføj ny quiz til lektion X`
+- `[Lesson-3] Ret stavefejl i terrarium projekt`
+- `[Translation] Tilføj spansk oversættelse til lektion 5`
+- `[Docs] Opdater opsætningsinstruktioner`
 
-### Nødvendige checks
+### Krævede Tjek
 
 Før indsendelse af PR:
 
-1. **Kodekvalitet**:  
-   - Kør `npm run lint` i berørte projektmapper  
-   - Ret alle lintfejl og advarsler  
+1. **Kodekvalitet**:
+   - Kør `npm run lint` i berørte projektmapper
+   - Ret alle linting fejl og advarsler
 
-2. **Build verifikation**:  
-   - Kør `npm run build` hvis relevant  
-   - Sikr at der ikke er build-fejl  
+2. **Build Verifikation**:
+   - Kør `npm run build` hvis relevant
+   - Sikr at der ikke er build-fejl
 
-3. **Linkvalidering**:  
-   - Test alle markdown links  
-   - Bekræft at billedreferencer virker  
+3. **Link Validering**:
+   - Test alle markdown links
+   - Bekræft billedreferencer fungerer
 
-4. **Indholdsrevision**:  
-   - Korrekturlæs stavning og grammatik  
-   - Sikr at kodeeksempler er korrekte og uddannelsesmæssige  
-   - Bekræft at oversættelser bevarer oprindelig betydning  
+4. **Indholdsgennemgang**:
+   - Korrekturlæs for stave- og grammatikfejl
+   - Sikr at kodeeksempler er korrekte og pædagogiske
+   - Bekræft at oversættelser bevarer original betydning
 
 ### Bidragskrav
 
-- Accepter Microsoft CLA (automatisk check ved første PR)  
-- Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)  
-- Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerede retningslinjer  
-- Referer issues i PR-beskrivelse hvis relevant  
+- Accepter Microsoft CLA (automatisk check ved første PR)
+- Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerede retningslinjer
+- Referer til issue-numre i PR-beskrivelse hvis relevant
 
-### Review proces
+### Gennemgangsproces
 
-- PRs gennemgås af vedligeholdere og community  
-- Uddannelsesklarhed prioriteres  
-- Kodeeksempler skal følge gældende bedste praksis  
-- Oversættelser gennemgås for nøjagtighed og kulturel egnethed  
+- PR’er gennemgås af vedligeholdere og community
+- Pædagogisk klarhed prioriteres
+- Kodeeksempler skal følge aktuelle bedste praksisser
+- Oversættelser vurderes for nøjagtighed og kulturel tilpasning
 
 ## Oversættelsessystem
 
-### Automatisk oversættelse
+### Automatisk Oversættelse
 
-- Bruger GitHub Actions med co-op-translator workflow  
-- Oversætter automatisk til 50+ sprog  
-- Kildefiler i hovedmapper  
-- Oversatte filer i `translations/{language-code}/` mapper  
+- Bruger GitHub Actions med co-op-translator workflow
+- Oversætter til 50+ sprog automatisk
+- Kildefiler i hovedmapper
+- Oversatte filer i `translations/{language-code}/` mapper
 
-### Tilføjelse af manuelle oversættelsesforbedringer
+### Tilføjelse af Manuelle Oversættelsesforbedringer
 
-1. Find fil i `translations/{language-code}/`  
-2. Foretag forbedringer samtidig med at struktur bevares  
-3. Sørg for at kodeeksempler forbliver funktionelle  
-4. Test evt. lokaliseret quizindhold  
+1. Find fil i `translations/{language-code}/`
+2. Foretag forbedringer med bevaret struktur
+3. Sikr at kodeeksempler forbliver funktionelle
+4. Test eventuelt lokaliseret quiz-indhold
 
-### Oversættelses metadata
+### Oversættelses Metadata
 
-Oversatte filer inkluderer metadata header:  
+Oversatte filer indeholder metadata header:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
-## Fejlfinding og problemløsning
 
-### Almindelige problemer
+## Fejlfinding og Problemløsning
+
+### Almindelige Problemer
 
-**Quiz app starter ikke**:  
-- Tjek Node.js version (v14+ anbefales)  
-- Slet `node_modules` og `package-lock.json`, kør `npm install` igen  
-- Tjek for portkonflikter (standard: Vite bruger port 5173)  
+**Quiz app starter ikke**:
+- Tjek Node.js version (v14+ anbefalet)
+- Slet `node_modules` og `package-lock.json`, kør `npm install` igen
+- Tjek for portkonflikter (standard: Vite bruger port 5173)
 
-**API serveren starter ikke**:  
-- Bekræft at Node.js version opfylder minimum (node >=10)  
-- Tjek om port allerede er i brug  
-- Sørg for alle afhængigheder er installeret med `npm install`  
+**API server starter ikke**:
+- Bekræft Node.js version minimum (node >=10)
+- Tjek om port allerede er i brug
+- Sikr at alle afhængigheder er installeret med `npm install`
 
-**Browserudvidelse indlæses ikke**:  
-- Bekræft at manifest.json er korrekt formateret  
-- Tjek browserens konsol for fejl  
-- Følg browser-specifikke installationsinstruktioner for udvidelser  
+**Browserudvidelse loader ikke**:
+- Bekræft at manifest.json er korrekt formateret
+- Tjek browserkonsol for fejl
+- Følg browser-specifikke installationsinstruktioner til udvidelser
 
-**Python chat projekt problemer**:  
-- Sørg for OpenAI pakken er installeret: `pip install openai`  
-- Bekræft at GITHUB_TOKEN miljøvariablen er sat  
-- Check GitHub Models adgangstilladelser  
+**Python chat projekt problemer**:
+- Sikr at OpenAI-pakken er installeret: `pip install openai`
+- Bekræft at miljøvariablen GITHUB_TOKEN er sat
+- Tjek GitHub Models adgangstilladelser
 
-**Docsify serverer ikke dokumenter**:  
-- Installer docsify-cli globalt: `npm install -g docsify-cli`  
-- Kør fra repository rodmappe  
-- Tjek at `docs/_sidebar.md` eksisterer  
+**Docsify serverer ikke docs**:
+- Installer docsify-cli globalt: `npm install -g docsify-cli`
+- Kør fra lagerets rodmappe
+- Tjek at `docs/_sidebar.md` findes
 
-### Udviklingsmiljøtips
+### Udviklingsmiljø Tips
 
-- Brug VS Code med Live Server extension til HTML projekter  
-- Installer ESLint og Prettier extensions for konsistent formattering  
-- Brug browserens DevTools til debugging af JavaScript  
-- Til Vue projekter, installer Vue DevTools browser extension  
+- Brug VS Code med Live Server-udvidelsen til HTML-projekter
+- Installer ESLint og Prettier-udvidelser for ensartet formatering
+- Brug browser DevTools til fejlfinding af JavaScript
+- For Vue projekter, installer Vue DevTools browserudvidelsen
 
-### Ydeevne overvejelser
+### Ydelsesbetragtninger
 
-- Stort antal oversatte filer (50+ sprog) betyder at fulde clones er store  
-- Brug shallow clone hvis kun indhold arbejdes på: `git clone --depth 1`  
-- Ekskluder oversættelser fra søgninger når der arbejdes på engelsk indhold  
-- Buildprocesser kan være langsomme ved første kørsel (npm install, Vite build)  
+- Stort antal oversatte filer (50+ sprog) betyder at komplette kloner er store
+- Brug shallow clone hvis du kun arbejder med indhold: `git clone --depth 1`
+- Udeluk oversættelser fra søgninger ved arbejde med engelsk indhold
+- Byggeprocesser kan være langsomme ved første kørsel (npm install, Vite build)
 
-## Sikkerhedsovervejelser
+## Sikkerhedsbetragtninger
 
-### Miljøvariabler
+### Miljøvariable
 
-- API nøgler må aldrig committes til repository  
-- Brug `.env` filer (allerede i `.gitignore`)  
-- Dokumenter nødvendige miljøvariabler i projektets README  
+- API nøgler må aldrig committes til lager
+- Brug `.env` filer (allerede i `.gitignore`)
+- Dokumenter nødvendige miljøvariable i projekt-READMEs
 
-### Python projekter
+### Python Projekter
 
-- Brug virtuelle miljøer: `python -m venv venv`  
-- Hold afhængigheder opdaterede  
-- GitHub tokens skal have minimal nødvendige tilladelser  
+- Brug virtuelle miljøer: `python -m venv venv`
+- Hold afhængigheder opdaterede
+- GitHub tokens skal have minimale nødvendige rettigheder
 
-### GitHub Models adgang
+### GitHub Models Adgang
 
-- Personlige Access Tokens (PAT) kræves for GitHub Models  
-- Tokens skal gemmes som miljøvariabler  
-- Commit aldrig tokens eller credentials  
+- Personlige adgangstokens (PAT) kræves til GitHub Models
+- Tokens skal gemmes som miljøvariable
+- Committ aldrig tokens eller login-oplysninger
 
-## Yderligere noter
+## Yderligere Bemærkninger
 
 ### Målgruppe
 
-- Fuldstændige begyndere til webudvikling  
-- Studerende og selvstuderende  
-- Lærere der bruger curriculum i klasseværelser  
-- Indhold designet for tilgængelighed og gradvis færdighedsopbygning  
+- Fulde begyndere til webudvikling
+- Studerende og selv-studerende
+- Lærere der bruger forløbet i klasseværelser
+- Indhold designet til tilgængelighed og gradvis færdighedsopbygning
 
 ### Uddannelsesfilosofi
 
-- Projektbaseret læringstilgang  
-- Hyppige videnschecks (quizzer)  
-- Praktiske kodningsøvelser  
-- Eksempler på virkelige anvendelser  
-- Fokus på grundlæggende før frameworks  
+- Projektbaseret læringstilgang
+- Hyppige videnschecks (quizzer)
+- Praktiske kodningsøvelser
+- Eksempler på virkelige anvendelser
+- Fokus på grundlæggende før frameworks
 
-### Repository vedligeholdelse
+### Lager Vedligeholdelse
 
-- Aktivt community af lærende og bidragydere  
-- Regelmæssige opdateringer af afhængigheder og indhold  
-- Issues og diskussioner overvåges af vedligeholdere  
-- Oversættelsesopdateringer automatiseret via GitHub Actions  
+- Aktivt community af lærende og bidragydere
+- Regelmæssige opdateringer til afhængigheder og indhold
+- Issues og diskussioner overvåget af vedligeholdere
+- Oversættelsesopdateringer automatiseret via GitHub Actions
 
-### Relaterede ressourcer
+### Relaterede Ressourcer
 
-- [Microsoft Learn moduler](https://docs.microsoft.com/learn/)  
-- [Student Hub ressourcer](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) anbefales til lærende  
-- Yderligere kurser: Generativ AI, Data Science, ML, IoT curriculum tilgængelige  
+- [Microsoft Learn moduler](https://docs.microsoft.com/learn/)
+- [Student Hub ressourcer](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) anbefalet til lærende
+- Yderligere kurser: Generativ AI, Data Science, ML, IoT forløb tilgængelige
 
-### Arbejde med specifikke projekter
+### Arbejde med Specifikke Projekter
 
-For detaljerede instruktioner om individuelle projekter, se README-filer i:  
-- `quiz-app/README.md` - Vue 3 quiz applikation  
-- `7-bank-project/README.md` - Bankapplikation med autentifikation  
-- `5-browser-extension/README.md` - Udvikling af browserudvidelse  
-- `6-space-game/README.md` - Canvas-baseret spiludvikling  
-- `9-chat-project/README.md` - AI chat assistent projekt  
+For detaljerede instruktioner om enkelte projekter, se README-filerne i:
+- `quiz-app/README.md` - Vue 3 quiz applikation
+- `7-bank-project/README.md` - Banking app med autentificering
+- `5-browser-extension/README.md` - Browserudvidelsesudvikling
+- `6-space-game/README.md` - Canvas-baseret spiludvikling
+- `9-chat-project/README.md` - AI chatassistent projekt
 
-### Monorepo struktur
+### Monorepo Struktur
 
-Selvom det ikke er et traditionelt monorepo, indeholder dette repository flere uafhængige projekter:  
-- Hver lektion er selvstændig  
-- Projekter deler ikke afhængigheder  
-- Arbejd på individuelle projekter uden at påvirke andre  
-- Klon hele repo for fuld curriculum oplevelse  
+Selvom det ikke er et traditionelt monorepo, indeholder dette lager flere uafhængige projekter:
+- Hver lektion er selvstændig
+- Projekterne deler ikke afhængigheder
+- Arbejd på individuelle projekter uden at påvirke andre
+- Klon hele repo for fuldt forløbsoplevelse
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Ansvarsfraskrivelse**:  
-Dette dokument er oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse.
+**Ansvarsfraskrivelse**:
+Dette dokument er oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, bedes du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. Ved kritiske informationer anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for eventuelle misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/da/README.md b/translations/da/README.md
index e756cd1cd..269374da0 100644
--- a/translations/da/README.md
+++ b/translations/da/README.md
@@ -10,71 +10,81 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Webudvikling for begyndere - Et pensum
+# Webudvikling for begyndere - en læseplan
 
-Lær grundlæggende webudvikling med vores 12-ugers omfattende kursus fra Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Deltag i quizzer, diskussioner og praktiske opgaver. Forbedr dine færdigheder og optimer din viden med vores effektive projektbaserede pædagogik. Start din kodningsrejse i dag!
+Lær grundlæggende webudvikling med vores 12-ugers omfattende kursus af Microsoft Cloud Advocates. Hver af de 24 lektioner dykker ned i JavaScript, CSS og HTML gennem praktiske projekter som terrarier, browserudvidelser og rumspil. Deltag i quizzer, diskussioner og praktiske opgaver. Forbedr dine færdigheder og optimer din vidensfastholdelse med vores effektive projektbaserede pædagogik. Start din kodningsrejse i dag!
 
 Deltag i Azure AI Foundry Discord-fællesskabet
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Følg disse trin for at komme i gang med at bruge disse ressourcer:
-1. **Fork depotet**: Klik på [![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. **Klon depotet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Deltag i Azure AI Foundry Discord og mød eksperter og andre udviklere**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fork Repositoryet**: Klik [![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. **Klon Repositoryet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Deltag i Azure AI Foundry Discord og mød eksperter og medudviklere**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Flersproget support
 
-#### Understøttet via GitHub Action (Automatiseret & Altid Opdateret)
+#### Understøttet via GitHub Action (Automatiseret og altid opdateret)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
 > **Foretrækker du at klone lokalt?**
-
-> Dette repository indeholder 50+ sprogoversættelser, som betydeligt øger downloadstørrelsen. For at klone uden oversættelser, brug sparsomet udtjekning:
+>
+> Dette repository indeholder 50+ sprogoversættelser, hvilket øger downloadstørrelsen betydeligt. For at klone uden oversættelser skal du bruge spars 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"
+> ```
+>
 > Dette giver dig alt, hvad du behøver for at gennemføre kurset med en meget hurtigere download.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Hvis du ønsker at få tilføjet yderligere oversættelsessprog, findes de understøttede sprog [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Hvis du ønsker at få understøttelse af yderligere oversættelsessprog, er de listet [her](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)
 
 #### 🧑‍🎓 _Er du studerende?_
 
-Besøg [**Student Hub siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder begynderressourcer, studentpakker og endda måder at få en gratis certifikatkupon på. Dette er siden, du vil bogmærke og tjekke fra tid til anden, da vi månedligt udskifter indhold.
+Besøg [**Student Hub siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), hvor du finder begynderressourcer, studenterpakker og endda muligheder for at få et gratis certifikatkupon. Dette er siden, du vil bogmærke og tjekke indimellem, da vi skifter indhold månedligt.
 
 ### 📣 Meddelelse - Nye GitHub Copilot Agent mode udfordringer at gennemføre!
 
-Ny udfordring tilføjet, kig efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring for dig at fuldføre ved at bruge GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke bare generere tekst, men også skabe og redigere filer, køre kommandoer med mere.
+Ny udfordring tilføjet, kig efter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny udfordring, som du skal gennemføre ved hjælp af GitHub Copilot og Agent mode. Hvis du ikke har brugt Agent mode før, kan den ikke kun generere tekst, men også oprette og redigere filer, køre kommandoer og mere.
 
-### 📣 Meddelelse - _Nyt projekt at bygge med Generativ AI_
+### 📣 Meddelelse - _Nyt projekt at bygge ved hjælp af Generativ AI_ 
 
-Nyt AI-assistent projekt lige tilføjet, tjek det ud [projekt](./9-chat-project/README.md)
+Nyt AI Assistant projekt er netop tilføjet, tjek det ud [projekt](./9-chat-project/README.md)
 
-### 📣 Meddelelse - _Nyt pensum_ om Generativ AI for JavaScript er netop udgivet
+### 📣 Meddelelse - _Ny læseplan_ om Generativ AI for JavaScript er netop udgivet
 
-Gå ikke glip af vores nye pensum om Generativ AI!
+Gå ikke glip af vores nye læseplan for Generativ AI!
 
 Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang!
 
 ![Background](../../translated_images/da/background.148a8d43afde5730.webp)
 
 - Lektioner, der dækker alt fra det grundlæggende til RAG.
-- Interager med historiske karakterer ved hjælp af GenAI og vores følgesvend app.
+- Interagér med historiske figurer ved hjælp af GenAI og vores følgesvend-app.
 - Sjov og engagerende fortælling, du vil rejse i tiden!
 
 ![character](../../translated_images/da/character.5c0dd8e067ffd693.webp)
 
 
-Hver lektion inkluderer en opgave, en videnstest og en udfordring for at guide dig i læringsemner som:
+Hver lektion inkluderer en opgave, en videnscheck og en udfordring, der guider dig i at lære emner som:
 - Prompting og prompt engineering
-- Tekst- og billedapp generation
+- Tekst- og billedappgenerering
 - Søgeapps
 
 Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at komme i gang!
@@ -83,130 +93,129 @@ Besøg [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for at k
 
 ## 🌱 Kom godt i gang
 
-> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan I kan bruge dette pensum. Vi modtager meget gerne jeres feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Lærere**, vi har [inkluderet nogle forslag](for-teachers.md) til, hvordan I kan bruge denne læseplan. Vi vil meget gerne have jeres feedback [i vores diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Elever](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en quiz før lektion og følg op med at læse lektionens materiale, fuldføre de forskellige aktiviteter og tjek din forståelse med quiz efter lektionen.
+**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver lektion, start med en pre-lecture quiz og følg op med at læse forelæsningsmaterialet, gennemføre de forskellige aktiviteter og tjek din forståelse med post-lecture quizzen.
 
-For at forbedre din læringsoplevelse, forbind med dine kammerater og arbejd sammen om projekterne! Diskussioner opfordres i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores moderatorhold vil være tilgængelige for at svare på dine spørgsmål.
+For at forbedre din læringsoplevelse, forbind med dine jævnbyrdige for at arbejde på projekterne sammen! Diskussioner opfordres i vores [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), hvor vores team af moderatorer vil være tilgængelige for at besvare dine spørgsmål.
 
-For at udvikle din uddannelse yderligere anbefaler vi stærkt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer.
+For at fremme din uddannelse, anbefaler vi kraftigt at udforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for yderligere studiematerialer.
 
 ### 📋 Opsætning af dit miljø
 
-Dette pensum har et udviklingsmiljø klar til brug! Når du går i gang, kan du vælge at køre pensum i en [Codespace](https://github.com/features/codespaces/) (_et browserbaseret miljø uden installation_), eller lokalt på din computer ved hjælp af en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Denne læseplan har et udviklingsmiljø klar til brug! Når du kommer i gang, kan du vælge at køre læseplanen i en [Codespace](https://github.com/features/codespaces/) (_et browser-baseret miljø, hvor ingen installation er nødvendig_), eller lokalt på din computer ved hjælp af en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Opret dit repository
-For at du nemt kan gemme dit arbejde anbefales det, at du opretter din egen kopi af dette repository. Det kan du gøre ved at klikke på knappen **Use this template** øverst på siden. Dette vil oprette et nyt repository på din GitHub-konto med en kopi af pensum.
+For at du nemt kan gemme dit arbejde anbefales det, at du opretter din egen kopi af dette repository. Det kan du gøre ved at klikke på **Use this template** knappen øverst på siden. Dette vil oprette et nyt repository i din GitHub-konto med en kopi af læseplanen.
 
 Følg disse trin:
-1. **Fork depotet**: Klik på knappen "Fork" øverst til højre på denne side.
-2. **Klon depotet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fork Repositoryet**: Klik på "Fork" knappen øverst til højre på denne side.
+2. **Klon Repositoryet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Kør pensum i en Codespace
+#### Køre læseplanen i en Codespace
 
-I din kopi af dette repository, som du har oprettet, klik på knappen **Code** og vælg **Open with Codespaces**. Dette vil oprette en ny Codespace, som du kan arbejde i.
+I din kopi af dette repository, som du har oprettet, klik på **Code** knappen og vælg **Open with Codespaces**. Dette opretter en ny Codespace til dig at arbejde i.
 
 ![Codespace](../../translated_images/da/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Kør pensum lokalt på din computer
-
-For at køre dette pensum lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, [Introduktion til programmeringssprog og værktøjer](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig gennem forskellige muligheder for hver af disse værktøjer, så du kan vælge det, der passer bedst til dig.
+#### Køre læseplanen lokalt på din computer
 
-Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har en indbygget [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+For at køre denne læseplan lokalt på din computer, skal du bruge en teksteditor, en browser og et kommandolinjeværktøj. Vores første lektion, [Introduktion til programmeringssprog og handelsværktøjer](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide dig gennem forskellige valgmuligheder for hvert af disse værktøjer, så du kan vælge, hvad der passer bedst til dig.
 
-
-1. Klon dit repository til din computer. Det kan du gøre ved at klikke på knappen **Code** og kopiere URL’en:
+Vi anbefaler at bruge [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har et indbygget [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan downloade Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klon dit repository til din computer. Det kan du gøre ved at klikke på **Code**-knappen og kopiere URL'en:
 
     [CodeSpace](./images/createcodespace.png)
-    Åbn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), og kør følgende kommando, hvor du erstatter `<your-repository-url>` med den URL, du lige har kopieret:
+
+    Åbn derefter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kør følgende kommando, hvor du erstatter `<your-repository-url>` med den URL, du lige har kopieret:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Åbn mappen i Visual Studio Code. Det kan du gøre ved at klikke på **File** > **Open Folder** og vælge den mappe, du lige har klonet.
+2. Åbn mappen i Visual Studio Code. Det kan du gøre ved at klikke på **File** > **Open Folder** og vælge den mappe, du netop har klonet.
 
 
 >  Anbefalede Visual Studio Code-udvidelser:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for at forhåndsvise HTML-sider i Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for at kunne forhåndsvise HTML-sider i Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for at hjælpe dig med at skrive kode hurtigere
 
 ## 📂 Hver lektion inkluderer:
 
-- valgfri sketchnote
+- valgfri skitsetegning
 - valgfri supplerende video
-- forudgående opvarmningsquiz før lektion
-- skriftlig lektion
-- for projektbaserede lektioner, trin-for-trin vejledninger til, hvordan man bygger projektet
-- vidensprøver
+- opvarmningsquiz før lektionen
+- skreven lektion
+- for projektbaserede lektioner, trin-for-trin vejledninger om, hvordan man bygger projektet
+- videnschecks
 - en udfordring
 - supplerende læsning
 - opgave
-- [quiz efter lektionen](https://ff-quizzes.netlify.app/web/)
+- [quiz efter lektion](https://ff-quizzes.netlify.app/web/)
 
-> **En note om quizzer**: Alle quizzer findes i Quiz-app mappen, i alt 48 quizzer med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/). Quiz-appen kan køres lokalt eller implementeres til Azure; følg instruktionerne i `quiz-app` mappen.
+> **En note om quizzes**: Alle quizzes findes i Quiz-app mappen, i alt 48 quizzes med tre spørgsmål hver. De er tilgængelige [her](https://ff-quizzes.netlify.app/web/); quiz-appen kan køres lokalt eller implementeres til Azure; følg instruktionerne i `quiz-app` mappen.
 
 ## 🗃️ Lektioner
 
-|     |                       Projekt Navn                       |                            Koncepter undervist                             | Læringsmål                                                                                                                  |                                                         Linket Lektion                                                          |         Forfatter          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
-| 01  |                     Kom godt i gang                      |           Introduktion til programmering og værktøjer                   | Lær de grundlæggende principper bag de fleste programmeringssprog og om software, der hjælper professionelle udviklere        | [Introduktion til programmeringssprog og værktøjer](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)     |         Jasmine           |
-| 02  |                     Kom godt i gang                      |             Grundlæggende om GitHub, inklusiv samarbejde i teams        | Hvordan man bruger GitHub i sit projekt, hvordan man samarbejder med andre om en kodebase                                     |                             [Introduktion til GitHub](./1-getting-started-lessons/2-github-basics/README.md)                      |          Floor            |
-| 03  |                     Kom godt i gang                      |                             Tilgængelighed                              | Lær det grundlæggende om webtilgængelighed                                                                                    |                       [Grundlæggende om Tilgængelighed](./1-getting-started-lessons/3-accessibility/README.md)                   |       Christopher         |
-| 04  |                        JS Grundlæggende                  |                         JavaScript datatyper                            | Grundlæggende om JavaScript-datatyper                                                                                        |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                         |         Jasmine           |
-| 05  |                        JS Grundlæggende                  |                         Funktioner og metoder                           | Lær om funktioner og metoder til at styre en applikations logik                                                              |                              [Funktioner og metoder](./2-js-basics/2-functions-methods/README.md)                                  | Jasmine og Christopher    |
-| 06  |                        JS Grundlæggende                  |                        Beslutninger med JS                             | Lær hvordan man laver betingelser i din kode ved hjælp af beslutningstagning                                                |                                 [Beslutningstagning](./2-js-basics/3-making-decisions/README.md)                                 |         Jasmine           |
-| 07  |                        JS Grundlæggende                  |                            Arrays og loops                             | Arbejd med data ved hjælp af arrays og loops i JavaScript                                                                    |                                   [Arrays og loops](./2-js-basics/4-arrays-loops/README.md)                                       |         Jasmine           |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML i praksis                            | Byg HTML for at skabe et online terrarium med fokus på layout                                                                |                                 [Introduktion til HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen             |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS i praksis                             | Byg CSS for at style det online terrarium, med fokus på CSS-grundlæggende funktioner inklusiv at gøre siden responsiv         |                                  [Introduktion til CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen             |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-manipulation                | Byg JavaScript for at få terrariet til at fungere som en drag/drop interface, med fokus på closures og DOM-manipulation      |                  [JavaScript Closures, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen             |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Byg et skrive-spil                           | Lær hvordan du bruger tastaturhændelser til at styre logikken i din JavaScript-app                                            |                                [Begivenhedsdrevet programmering](./4-typing-game/typing-game/README.md)                            |       Christopher         |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbejde med browsere                          | Lær hvordan browsere fungerer, deres historie, og hvordan man scaffolder de første elementer i en browserudvidelse            |                               [Om browsere](./5-browser-extension/1-about-browsers/README.md)                                    |           Jen             |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygge en form, kalde API og gemme variabler i lokal lagring           | Byg JavaScript-elementerne i din browserudvidelse for at kalde en API ved hjælp af variabler gemt i lokal lagring             |                [API'er, formularer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)             |           Jen             |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Baggrundsprocesser i browseren, web performance              | Brug browserens baggrundsprocesser til at håndtere udvidelsens ikon; lær om webperformance og nogle optimeringer              |             [Baggrundsopgaver og ydeevne](./5-browser-extension/3-background-tasks-and-performance/README.md)                   |           Jen             |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mere avanceret spiludvikling med JavaScript             | Lær om arv ved hjælp af både klasser og sammensætning samt Pub/Sub-mønsteret, som forberedelse til at bygge et spil           |                      [Introduktion til avanceret spiludvikling](./6-space-game/1-introduction/README.md)                         |          Chris            |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Tegning på canvas                           | Lær om Canvas API, der bruges til at tegne elementer på en skærm                                                             |                                [Tegning på Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris            |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flytte elementer rundt på skærmen                   | Opdag, hvordan elementer kan få bevægelse ved hjælp af kartesiske koordinater og Canvas API                                   |                           [Flytning af elementer](./6-space-game/3-moving-elements-around/README.md)                            |          Chris            |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisiondetektion                          | Få elementer til at kollidere og reagere på hinanden ved tastetryk og lav en cooldown-funktion for at sikre spillets ydeevne  |                              [Kollisiondetektion](./6-space-game/4-collision-detection/README.md)                              |          Chris            |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Holde styr på point                       | Udfør matematiske beregninger baseret på spillets status og præstation                                                        |                                    [Pointoptælling](./6-space-game/5-keeping-score/README.md)                                    |          Chris            |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Afslutte og genstarte spillet                     | Lær om hvordan man afslutter og genstarter spillet, inklusiv oprydning af assets og nulstilling af variable                   |                                [Afslutningsbetingelsen](./6-space-game/6-end-condition/README.md)                                 |          Chris            |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-skabeloner og ruter i en webapp                  | Lær hvordan man skaber fundamentet for en multipages website-arkitektur med routing og HTML-skabeloner                       |                            [HTML-skabeloner og ruter](./7-bank-project/1-template-route/README.md)                             |          Yohan            |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Byg en Login og Registreringsformular                | Lær om at bygge formularer og håndtere valideringsrutiner                                                                     |                                           [Formularer](./7-bank-project/2-forms/README.md)                                  |          Yohan            |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metoder til at hente og bruge data                  | Hvordan data flyder ind og ud af din app, hvordan man henter, gemmer og bortskaffer det                                      |                                            [Data](./7-bank-project/3-data/README.md)                                           |          Yohan            |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Koncepter om state management                     | Lær hvordan din app bevarer state og hvordan man styrer den programmatisk                                                     |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan            |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Arbejde med VScode | Lær hvordan man bruger en kodeeditor | [Brug VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Arbejde med AI | Lær hvordan man bygger sin egen AI-assistent | [AI Assistant projekt](./9-chat-project/README.md) | Chris |
+|     |                       Projektnavn                         |                            Gennemgåede Begreber                            | Læringsmål                                                                                                                        |                                                         Linket Lektion                                                          |         Forfatter       |
+| :-: | :------------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Kom I Gang                            |           Introduktion til programmering og værktøjer                      | Lær de grundlæggende elementer bag de fleste programmeringssprog og om software, der hjælper professionelle udviklere med deres arbejde | [Intro til programmeringssprog og værktøjer](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)           |         Jasmine         |
+| 02  |                     Kom I Gang                            |             Grundlæggende GitHub, inkl. samarbejde i team                   | Hvordan man bruger GitHub i sit projekt, og hvordan man samarbejder med andre om en kodebase                                      |                            [Intro til GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Kom I Gang                            |                             Tilgængelighed                                  | Lær det grundlæggende om webtilgængelighed                                                                                        |                       [Tilgængelighedsgrundlag](./1-getting-started-lessons/3-accessibility/README.md)                         |       Christopher       |
+| 04  |                        JS Grundlæggende                  |                         JavaScript Datatyper                               | Grundlæggende JavaScript-datatyper                                                                                                |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Grundlæggende                  |                         Funktioner og Metoder                              | Lær om funktioner og metoder til at styre et programs logik                                                                       |                              [Funktioner og Metoder](./2-js-basics/2-functions-methods/README.md)                               | Jasmine og Christopher  |
+| 06  |                        JS Grundlæggende                  |                        Beslutningstagning med JS                           | Lær at skabe betingelser i din kode ved hjælp af beslutningsmetoder                                                               |                                 [Beslutningstagning](./2-js-basics/3-making-decisions/README.md)                                 |         Jasmine         |
+| 07  |                        JS Grundlæggende                  |                            Arrays og Løkker                               | Arbejd med data ved brug af arrays og løkker i JavaScript                                                                          |                                   [Arrays og Løkker](./2-js-basics/4-arrays-loops/README.md)                                     |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)        |                            HTML i praksis                                  | Byg HTML'en til at skabe et online terrarium med fokus på opbygning af layout                                                      |                                 [Introduktion til HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)        |                            CSS i praksis                                   | Byg CSS'en til at style det online terrarium med fokus på det grundlæggende i CSS, inkl. responsivt design                         |                                  [Introduktion til CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-manipulation                    | Byg JavaScript til at få terrariet til at fungere som en drag/drop-grænseflade med fokus på closures og DOM-manipulation            |                  [JavaScript Closures, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Byg et Typingspil                               | Lær at bruge tastaturbegivenheder til at styre logikken i din JavaScript-app                                                      |                                [Eventdrevet programmering](./4-typing-game/typing-game/README.md)                               |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbejde med browsere                             | Lær hvordan browsere fungerer, deres historie og hvordan man laver de første elementer i en browser-udvidelse                      |                               [Om browsere](./5-browser-extension/1-about-browsers/README.md)                                 |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Byg et formular, kald et API og gem variabler i lokal lagring             | Byg JavaScript-elementerne til din browserudvidelse for at kalde et API ved brug af variabler gemt i lokal lagring                 |                [API'er, formularer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)             |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Baggrundsprocesser i browseren, webperformance                  | Brug browserens baggrundsprocesser til at styre udvidelsens ikon; lær om webperformance og nogle optimeringer for at forbedre   |             [Baggrundsopgaver og performance](./5-browser-extension/3-background-tasks-and-performance/README.md)             |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mere avanceret spiludvikling med JavaScript                 | Lær om arv via både klasser og komposition samt Pub/Sub-mønsteret som forberedelse til et spil                                       |                      [Introduktion til avanceret spiludvikling](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Tegning til canvas                            | Lær om Canvas API, som bruges til at tegne elementer på en skærm                                                                   |                                [Tegning til canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flyt elementer rundt på skærmen                       | Opdag hvordan elementer kan bevæge sig vha. kartesiske koordinater og Canvas API                                                    |                           [Flyt elementer rundt](./6-space-game/3-moving-elements-around/README.md)                            |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisionregistrering                           | Få elementer til at kollidere og reagere på hinanden ved tastetryk og tilføj en cooldown-funktion for at sikre spillets ydeevne    |                              [Kollisionregistrering](./6-space-game/4-collision-detection/README.md)                            |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Hold styr på point                          | Udfør matematiske beregninger baseret på spillets status og præstation                                                            |                                    [Hold styr på point](./6-space-game/5-keeping-score/README.md)                               |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Afslutning og genstart af spillet                   | Lær om at afslutte og genstarte spillet, inkl. oprydning af ressourcer og nulstilling af variabler                                  |                                [Afslutningsbetingelsen](./6-space-game/6-end-condition/README.md)                               |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-skabeloner og routes i en webapp                   | Lær hvordan man skaber arkitekturen for et multipages website ved hjælp af routing og HTML-skabeloner                              |                            [HTML-skabeloner og routes](./7-bank-project/1-template-route/README.md)                            |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Byg en login- og registreringsformular                | Lær om hvordan man laver formularer og håndterer valideringsrutiner                                                                |                                           [Formularer](./7-bank-project/2-forms/README.md)                                        |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metoder til hentning og brug af data                  | Hvordan data flyder ind og ud af din app, hvordan man henter, gemmer og bortskaffer det                                           |                                            [Data](./7-bank-project/3-data/README.md)                                           |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Koncepter for tilstandsadministration             | Lær hvordan din app bevarer tilstand og hvordan man programmerer styring af denne                                                  |                                [Tilstandsadministration](./7-bank-project/4-state-management/README.md)                        |          Yohan          |
+| 25  | [Browser/VScode Code](../../8-code-editor)                          | Arbejde med VScode                                                        | Lær hvordan man bruger en kodeeditor                                                                                              | [Brug af VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md)                                                   | Chris                   |
+| 26  | [AI Assistants](./9-chat-project/README.md)                      | Arbejde med AI                                                           | Lær hvordan du bygger din egen AI-assistent                                                                                        | [AI Assistent projekt](./9-chat-project/README.md)                                                                               | Chris                   |
 
 ## 🏫 Pædagogik
 
-Vores pensum er designet med to nøgleprincipper i pædagogik:
+Vores læreplan er designet med to centrale pædagogiske principper for øje:
 * projektbaseret læring
-* hyppige quizzer
+* hyppige quizzes
 
-Programmet underviser i grundlæggende JavaScript, HTML og CSS samt de nyeste værktøjer og teknikker, som nutidens webudviklere bruger. Studerende får mulighed for at udvikle praktisk erfaring ved at bygge et skrive-spil, et virtuelt terrarium, en miljøvenlig browserudvidelse, et rum-invader stil-spil og en bank-app til virksomheder. Ved slutningen af serien vil eleverne have opnået en solid forståelse for webudvikling.
+Programmet underviser i grundlæggende JavaScript, HTML og CSS samt de nyeste værktøjer og teknikker, som nutidens webudviklere bruger. Studerende vil få mulighed for at opnå praktisk erfaring ved at bygge et typing-spil, virtuelt terrarium, miljøvenligt browser-udvidelse, rum-invader-stil spil og en bankapp til virksomheder. Ved slutningen af serien vil studerende have opnået en solid forståelse af webudvikling.
 
-> 🎓 Du kan tage de første par lektioner i dette pensum som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn!
+> 🎓 Du kan tage de første lektioner i denne læreplan som en [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn!
 
-Ved at sikre, at indholdet stemmer overens med projekterne, bliver processen mere engagerende for eleverne, og fastholdelsen af koncepterne forbedres. Vi har også skrevet flere introduktionslektioner i JavaScript grundlæggende for at introducere begreber, kombineret med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen af videotutorials, hvor nogle af forfatterne har bidraget til dette pensum.
+Ved at sikre, at indholdet er knyttet til projekter, bliver processen mere engagerende for studerende, og fastholdelsen af begreber styrkes. Vi har desuden skrevet flere introducerende lektioner i JavaScript grundlæggende for at introducere begreber, suppleret med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen af videotutorials, hvoraf nogle forfattere bidrog til denne læreplan.
 
-Derudover sætter en quiz med lav risiko før en klasse intentionen hos eleven mod at lære et emne, mens en anden quiz efter klassen sikrer yderligere fastholdelse. Dette pensum er designet til at være fleksibelt og sjovt og kan tages som helhed eller delvist. Projekterne starter småt og bliver gradvist mere komplekse ved slutningen af 12-ugers cyklussen.
+Derudover sætter en lavrisiko quiz før en klasse målrettet elevens intention om at lære et emne, mens en anden quiz efter klasse sikrer yderligere fastholdelse. Denne læreplan er designet til at være fleksibel og sjov og kan tages helt eller delvist. Projekterne starter småt og bliver gradvist mere komplekse hen imod slutningen af den 12-ugers cyklus.
 
-Selvom vi bevidst har undgået at introducere JavaScript-rammer for at koncentrere os om de grundlæggende færdigheder, der er nødvendige som webudvikler, før man tager en ramme i brug, kunne et godt næste skridt efter at have gennemført dette pensum være at lære om Node.js via en anden samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Selvom vi har undgået at introducere JavaScript-rammeværk for at fokusere på de grundlæggende færdigheder, der kræves som webudvikler, før man tager et rammeværk i brug, vil et godt næste skridt i denne læreplans afslutning være at lære om Node.js via en anden samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Besøg vores [Code of Conduct](CODE_OF_CONDUCT.md) og [Contributing](CONTRIBUTING.md) retningslinjer. Vi byder konstruktiv feedback velkommen!
+> Besøg vores [Adfærdskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md) retningslinjer. Vi ser frem til din konstruktive feedback!
 
 
 ## 🧭 Offline adgang
 
-Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og i rodmappen for dette repo, skriv `docsify serve`. Hjemmesiden vil blive serveret på port 3000 på din localhost: `localhost:3000`.
+Du kan køre denne dokumentation offline ved at bruge [Docsify](https://docsify.js.org/#/). Fork dette repo, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskine, og skriv derefter i rodmappen af dette repo `docsify serve`. Websitet vil blive serveret på port 3000 på din localhost: `localhost:3000`.
 
 ## 📘 PDF
+En PDF med alle lektionerne kan findes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-En PDF af alle lektionerne kan findes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Andre Kurser
 
-## 🎒 Andre kurser
 Vores team producerer andre kurser! Tjek dem ud:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -216,7 +225,7 @@ Vores team producerer andre kurser! Tjek dem ud:
 [![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 / Agenter
+### Azure / Edge / MCP / Agents
 [![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)
@@ -224,7 +233,7 @@ Vores team producerer andre kurser! Tjek dem ud:
 
 ---
  
-### Generativ AI Serie
+### Generative AI Series
 [![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)
@@ -232,7 +241,7 @@ Vores team producerer andre kurser! Tjek dem ud:
 
 ---
  
-### Grundlæggende Læring
+### 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)
@@ -243,7 +252,7 @@ Vores team producerer andre kurser! Tjek dem ud:
 
 ---
  
-### Copilot Serie
+### 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)
@@ -251,21 +260,21 @@ Vores team producerer andre kurser! Tjek dem ud:
 
 ## Få Hjælp
 
-Hvis du går i stå eller har spørgsmål om at bygge AI-apps. Deltag sammen med andre elever og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit.
+Hvis du sidder fast eller har spørgsmål om at bygge AI-apps. Deltag sammen med andre lærende og erfarne udviklere i diskussioner om MCP. Det er et støttende fællesskab, hvor spørgsmål er velkomne, og viden deles frit.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Hvis du har produktfeedback eller oplever fejl under byggeriet, besøg:
+Hvis du har produktfeedback eller oplever fejl under udvikling, besøg:
 
 [![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)
 
 ## Licens
 
-Dette repository er licenseret under MIT-licensen. Se filen [LICENSE](../../LICENSE) for mere information.
+Dette arkiv er licenseret under MIT-licensen. Se [LICENSE](../../LICENSE)-filen for mere information.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Ansvarsfraskrivelse**:
-Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse.
+Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selvom vi bestræber os på nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det oprindelige dokument på dets modersmål bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi påtager os intet ansvar for eventuelle misforståelser eller fejltolkninger, der opstår som følge af brugen af denne oversættelse.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/de/.co-op-translator.json b/translations/de/.co-op-translator.json
index 69d779724..f0afbd2ba 100644
--- a/translations/de/.co-op-translator.json
+++ b/translations/de/.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-06T09:24:35+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:37:25+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "de"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:46:17+00:00",
+    "translation_date": "2026-03-06T16:50:26+00:00",
     "source_file": "AGENTS.md",
     "language_code": "de"
   },
@@ -516,8 +516,8 @@
     "language_code": "de"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:42:19+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:34:03+00:00",
     "source_file": "README.md",
     "language_code": "de"
   },
diff --git a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4701ef1e0..47fed66eb 100644
--- a/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/de/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,86 +1,85 @@
-# Einführung in Programmiersprachen und moderne Entwickler-Tools
+# Einführung in Programmiersprachen und moderne Entwicklerwerkzeuge
 
-Hey du, zukünftiger Entwickler! 👋 Darf ich dir etwas erzählen, das mir jeden einzelnen Tag eine Gänsehaut bereitet? Du bist kurz davor zu entdecken, dass Programmieren nicht nur etwas mit Computern zu tun hat – es geht darum, echte Superkräfte zu besitzen, um deine wildesten Ideen zum Leben zu erwecken!
+Hallo, zukünftiger Entwickler! 👋 Darf ich dir etwas erzählen, das mir jeden einzelnen Tag eine Gänsehaut bereitet? Du wirst gleich entdecken, dass Programmieren nicht nur etwas mit Computern zu tun hat – es sind tatsächlich Superkräfte, mit denen du deine wildesten Ideen zum Leben erwecken kannst!
 
-Du kennst diesen Moment, wenn du deine Lieblings-App benutzt und alles einfach perfekt zusammenpasst? Wenn du auf einen Knopf tippst und etwas absolut Magisches passiert, das dich denken lässt: „Wow, wie haben die DAS gemacht?“ Nun, jemand wie du – wahrscheinlich gerade in seinem Lieblingscafé um 2 Uhr morgens mit dem dritten Espresso – hat den Code geschrieben, der diese Magie erschaffen hat. Und hier kommt das, was dir den Kopf sprengen wird: Am Ende dieser Lektion wirst du nicht nur verstehen, wie sie es gemacht haben, sondern du wirst es kaum erwarten können, es selbst auszuprobieren!
+Kennst du diesen Moment, wenn du deine Lieblings-App benutzt und einfach alles perfekt zusammenpasst? Wenn du auf einen Button tippst und etwas absolut Magisches passiert, das dich denken lässt: „Wow, wie haben sie das gemacht?“ Nun, genau jemand wie du – wahrscheinlich gerade in seinem Lieblingscafé um 2 Uhr morgens bei seinem dritten Espresso – hat den Code geschrieben, der diese Magie erschaffen hat. Und jetzt kommt das, was dich umhauen wird: Am Ende dieser Lektion wirst du nicht nur verstehen, wie sie das gemacht haben, sondern du wirst es selbst ausprobieren wollen!
 
-Schau mal, ich kann total nachvollziehen, wenn Programmieren gerade einschüchternd wirkt. Als ich angefangen habe, dachte ich ehrlich, man müsse ein Mathegenie sein oder seit fünf Jahren programmieren. Aber weißt du, was meine Sichtweise komplett verändert hat? Programmieren ist genau so, wie eine neue Sprache zu lernen. Man fängt mit „Hallo“ und „Danke“ an, dann bestellt man Kaffee, und ehe man sich versieht, führt man tiefgründige philosophische Gespräche! Nur in diesem Fall sprechen wir mit Computern, und weißt du was? Sie sind die geduldigsten Gesprächspartner, die du je haben wirst – sie richten sich nie nach deinen Fehlern und freuen sich immer darauf, es nochmal zu versuchen!
+Hör zu, ich verstehe total, wenn Programmieren im Moment einschüchternd wirkt. Als ich anfing, dachte ich ehrlich, man müsse entweder ein Mathegenie sein oder seit seinem fünften Lebensjahr programmieren. Aber weißt du, was meine Perspektive komplett verändert hat? Programmieren ist genau so, wie eine neue Sprache lernen. Du beginnst mit „Hallo“ und „Danke“, arbeitest dich hoch bis zum Kaffeebestellen, und ehe du dich versiehst, führst du tiefgründige philosophische Gespräche! Nur dass du in diesem Fall mit Computern sprichst, und ganz ehrlich? Die sind die geduldigsten Gesprächspartner, die du je haben wirst – sie beurteilen deine Fehler nie und freuen sich immer, es nochmal zu versuchen!
 
-Heute werden wir die unglaublichen Werkzeuge erkunden, die moderne Webentwicklung nicht nur möglich, sondern richtig süchtig machend machen. Ich spreche von genau denselben Editoren, Browsern und Workflows, die Entwickler bei Netflix, Spotify und deinem Lieblings-Indie-App-Studio jeden einzelnen Tag verwenden. Und hier kommt der Teil, der dich einen Freudentanz machen lässt: Die meisten dieser professionellen, industrieweiten Werkzeuge sind komplett kostenlos!
+Heute erkunden wir die unglaublichen Werkzeuge, die moderne Webentwicklung nicht nur möglich machen, sondern richtig süchtig. Ich rede von genau den gleichen Editoren, Browsern und Workflows, die Entwickler bei Netflix, Spotify und deinem liebsten Indie-App-Studio jeden Tag nutzen. Und jetzt kommt der Teil, der dich vor Freude tanzen lässt: Die meisten dieser professionellen, branchenüblichen Tools sind komplett kostenlos!
 
 ![Intro Programming](../../../../translated_images/de/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote von [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Deine Programmierreise heute
+    title Deine Programmierreise Heute
     section Entdecken
       Was ist Programmierung: 5: You
       Programmiersprachen: 4: You
       Werkzeugübersicht: 5: You
     section Erkunden
       Code-Editoren: 4: You
-      Browser & Entwicklertools: 5: You
+      Browser & DevTools: 5: You
       Kommandozeile: 3: You
     section Üben
       Sprachdetektiv: 4: You
       Werkzeugerkundung: 5: You
-      Community-Verbindung: 5: You
+      Gemeinschaftsverbindung: 5: You
 ```
-## Lass uns sehen, was du schon weißt!
+## Schauen wir mal, was du schon weißt!
 
-Bevor wir in den Spaß eintauchen, bin ich neugierig – was weißt du schon über diese Programmierwelt? Und hör zu, wenn du diese Fragen siehst und denkst: „Ich habe buchstäblich keinen Schimmer von irgendwas“, dann ist das nicht nur okay, das ist perfekt! Das bedeutet, du bist genau am richtigen Ort. Denk an dieses Quiz wie an das Aufwärmen vor einem Workout – wir bereiten nur die Gehirnmuskeln vor!
-
-[Mach das Pre-Lesson-Quiz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+Bevor wir in den Spaß starten, interessiert mich: Was weißt du schon über diese Programmierwelt? Und hör zu, falls du dir jetzt denkst „Ich habe tatsächlich keinen Schimmer von alledem“, ist das nicht nur okay, sondern perfekt! Das bedeutet, du bist genau richtig hier. Betrachte dieses Quiz wie das Dehnen vor dem Workout – wir wärmen nur diese Denkmuskeln auf!
 
+[Mach das Pre-Lesson-Quiz](https://ff-quizzes.netlify.app/web/)
 
 ## Das Abenteuer, auf das wir uns gemeinsam begeben
 
-Okay, ich bin wirklich voller Vorfreude, was wir heute erkunden werden! Im Ernst, ich wünschte, ich könnte dein Gesicht sehen, wenn einige dieser Konzepte Klick machen. Hier ist die unglaubliche Reise, auf die wir uns begeben:
+Okay, ich freue mich wirklich riesig auf das, was wir heute entdecken werden! Ehrlich, ich wünschte, ich könnte dein Gesicht sehen, wenn dir mancher dieser Konzepte „klick“ macht. Das ist die unglaubliche Reise, auf die wir gemeinsam gehen:
 
-- **Was Programmieren eigentlich ist (und warum es das coolste überhaupt ist!)** – Wir werden entdecken, wie Code buchstäblich die unsichtbare Magie ist, die alles um dich herum antreibt, vom Wecker, der irgendwie weiß, dass Montagmorgen ist, bis hin zum Algorithmus, der deine Netflix-Empfehlungen perfekt kuratiert
-- **Programmiersprachen und ihre erstaunlichen Persönlichkeiten** – Stell dir vor, du gehst auf eine Party, bei der jede Person ganz andere Superkräfte und Problemlösungsmethoden hat. So ist die Welt der Programmiersprachen, und du wirst es lieben, sie kennenzulernen!
-- **Die grundlegenden Bausteine, die digitale Magie möglich machen** – Stell sie dir als das ultimative kreative LEGO-Set vor. Sobald du verstehst, wie diese Teile zusammenpassen, wirst du erkennen, dass du buchstäblich alles bauen kannst, was deine Fantasie träumt
-- **Professionelle Werkzeuge, die dir das Gefühl geben, gerade einen Zauberstab in die Hand gelegt bekommen zu haben** – Ich übertreibe nicht – diese Tools lassen dich wirklich fühlen, als hättest du Superkräfte, und das Beste? Es sind genau dieselben, die die Profis verwenden!
+- **Was Programmieren eigentlich ist (und warum es das coolste überhaupt ist!)** – Wir werden entdecken, wie Code buchstäblich die unsichtbare Magie ist, die alles um dich herum antreibt, von dem Wecker, der irgendwie weiß, dass Montagmorgen ist, bis zum Algorithmus, der deine Netflix-Empfehlungen perfekt kuratiert
+- **Programmiersprachen und ihre fantastischen Persönlichkeiten** – Stell dir vor, du betrittst eine Party, bei der jede Person ganz unterschiedliche Superkräfte und Lösungswege hat. So ist die Welt der Programmiersprachen, und du wirst sie lieben lernen!
+- **Die grundlegenden Bausteine, die digitale Magie ermöglichen** – Denk daran wie das ultimative kreative LEGO-Set. Sobald du verstehst, wie diese Teile zusammenpassen, wirst du merken, dass du buchstäblich alles bauen kannst, was deine Fantasie träumen lässt
+- **Professionelle Werkzeuge, die dir das Gefühl geben, gerade einen Zauberstab in die Hand bekommen zu haben** – Ich übertreibe nicht – diese Tools werden dich wirklich wie einen Superhelden fühlen lassen, und das Beste? Es sind genau die, die Profis nutzen!
 
-> 💡 **Hier ist das Wichtigste:** Versuch heute nicht einmal, alles auswendig zu lernen! Im Moment sollst du nur das Feuer der Begeisterung spüren, was alles möglich ist. Die Details bleiben ganz natürlich hängen, während wir zusammen üben – so funktioniert echtes Lernen!
+> 💡 **Hier ist die Sache**: Versuch nicht heute alles auswendig zu lernen! Im Moment will ich nur, dass du diesen Funken Aufregung spürst, was möglich ist. Die Details wirst du automatisch mit der Zeit lernen – so funktioniert echtes Lernen!
 
-> Du kannst diese Lektion auch auf [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) machen!
+> Du kannst diese Lektion auch auf [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) machen!
 
 ## Was genau *ist* eigentlich Programmieren?
 
-Okay, packen wir die Millionen-Dollar-Frage an: Was ist Programmieren wirklich?
+Okay, jetzt die Millionen-Dollar-Frage: Was ist Programmieren wirklich?
 
-Ich erzähle dir eine Geschichte, die meine Sicht darauf komplett verändert hat. Letzte Woche habe ich versucht, meiner Mutter zu erklären, wie man unsere neue Smart-TV-Fernbedienung benutzt. Ich ertappte mich dabei zu sagen: „Drück den roten Knopf, aber nicht den großen roten Knopf, den kleinen roten Knopf links... nein, deine andere linke Seite... okay, jetzt halt ihn zwei Sekunden gedrückt, nicht eine, nicht drei...“ Kommt dir das bekannt vor? 😅
+Ich erzähle dir eine Geschichte, die meine Sichtweise komplett verändert hat. Letzte Woche wollte ich meiner Mutter erklären, wie man unsere neue Smart-TV-Fernbedienung benutzt. Ich ertappte mich dabei, Dinge zu sagen wie „Drück den roten Knopf, aber nicht den großen roten Knopf, den kleinen roten Knopf links… nein, dein anderes links… okay, jetzt halt ihn zwei Sekunden gedrückt, nicht eins, nicht drei…“ Kommt dir das bekannt vor? 😅
 
-Das ist Programmieren! Es ist die Kunst, unglaublich detaillierte, Schritt-für-Schritt-Anweisungen zu geben für etwas, das sehr mächtig ist, aber alles perfekt erklärt bekommen muss. Nur dass du hier nicht deiner Mutter erklärst (die fragen könnte: „Welcher rote Knopf?!“), sondern einem Computer (der genau das macht, was du sagst – auch wenn das, was du gesagt hast, nicht ganz das ist, was du meintest).
+Das ist Programmieren! Es ist die Kunst, extrem detaillierte Schritt-für-Schritt-Anweisungen zu geben an etwas, das sehr mächtig ist, aber alles perfekt erklärt bekommen muss. Nur dass du nicht deiner Mutter erklärst (die fragen könnte „Welchen roten Knopf?!“), sondern einem Computer (der genau das tut, was du sagst, auch wenn das nicht genau das war, was du meintest).
 
-Was mich umgehauen hat, als ich das zum ersten Mal gelernt habe: Computer sind im Grunde genommen ziemlich simpel. Sie verstehen buchstäblich nur zwei Dinge – 1 und 0, was im Grunde „ja“ und „nein“ oder „an“ und „aus“ bedeutet. Das war’s! Aber hier wird es magisch – wir müssen nicht in 1en und 0en sprechen, als wären wir in der Matrix. Hier kommen **Programmiersprachen** ins Spiel. Sie sind wie der beste Übersetzer der Welt, der deine vollkommen normalen menschlichen Gedanken in Computersprache übersetzt.
+Was mich total beeindruckt hat, als ich das zum ersten Mal verstanden habe: Computer sind eigentlich ziemlich einfach in ihrem Kern. Sie verstehen buchstäblich nur zwei Dinge – 1 und 0, was im Grunde nur „Ja“ und „Nein“ oder „An“ und „Aus“ bedeutet. Das war’s! Aber hier wird es magisch – wir müssen nicht in 1en und 0en reden wie in der Matrix. Dafür gibt es **Programmiersprachen**. Die sind wie der beste Übersetzer der Welt, der deine ganz normalen menschlichen Gedanken in Computersprache übersetzt.
 
-Und hier ist das, was mir jeden Morgen echte Gänsehaut bereitet: Buchstäblich *alles* Digitale in deinem Leben begann mit jemandem genau wie dir, wahrscheinlich im Schlafanzug mit einer Tasse Kaffee, der Code auf seinem Laptop tippte. Dieser Instagram-Filter, der dich makellos aussehen lässt? Jemand hat den Code dafür geschrieben. Die Empfehlung, die dich zu deinem neuen Lieblingssong geführt hat? Ein Entwickler hat diesen Algorithmus gebaut. Die App, die dir hilft, die Rechnung fürs Abendessen mit Freunden zu teilen? Jep, jemand dachte: „Das ist nervig, das kann ich bestimmt reparieren“ – und dann hat er es getan!
+Und hier ist etwas, das mir morgens immer noch echte Gänsehaut bereitet: Buchstäblich *alles* Digitale in deinem Leben hat irgendwann mit jemandem angefangen, der genau so war wie du, wahrscheinlich im Pyjama mit einer Tasse Kaffee, der Code auf seinem Laptop getippt hat. Dieser Instagram-Filter, der dich makellos aussehen lässt? Jemand hat den programmiert. Die Empfehlung, die dich zu deinem neuen Lieblingslied geführt hat? Ein Entwickler hat diesen Algorithmus gebaut. Die App, mit der du Rechnungen mit Freunden teilst? Ja, jemand hat gedacht „Das nervt, ich könnte das wohl lösen“ und dann... hat er es getan!
 
-Wenn du programmieren lernst, lernst du nicht nur eine neue Fähigkeit – du wirst Teil dieser unglaublichen Community von Problemlösern, die ihre Tage damit verbringen zu denken: „Was, wenn ich etwas bauen könnte, das jemanden den Tag nur ein bisschen besser macht?“ Mal ehrlich, gibt es was Cooleres?
+Wenn du programmierst, lernst du nicht nur eine neue Fähigkeit – du wirst Teil dieser unglaublichen Community von Problemlösern, die ihre Tage damit verbringen, zu denken: „Was wäre, wenn ich etwas bauen könnte, das jemandem den Tag ein kleines bisschen besser macht?“ Gibt es ehrlich etwas Cooleres?
 
-✅ **Spaß-Fakt-Suche**: Hier ist etwas super Cooles zum Nachschlagen, wenn du mal Zeit hast – wer war deiner Meinung nach die weltweit erste Computerprogrammiererin? Ich gebe dir einen Tipp: Es ist vielleicht nicht die Person, die du erwartest! Die Geschichte dahinter ist absolut faszinierend und zeigt, dass Programmieren schon immer um kreatives Problemlösen und Querdenken ging.
+✅ **Spaß-Fakt-Suche**: Hier ist etwas super Cooles, das du dir anschauen kannst, wenn du mal eine freie Minute hast – Wer war wohl der erste Computerprogrammierer der Welt? Ich gebe dir einen Tipp: Es ist vielleicht nicht die Person, die du erwartest! Die Geschichte hinter dieser Person ist faszinierend und zeigt, dass Programmieren immer schon kreatives Problemlösen und unkonventionelles Denken war.
 
-### 🧠 **Kurzer Check: Wie fühlst du dich?**
+### 🧠 **Gefühls-Check: Wie fühlst du dich?**
 
-**Nimm dir einen Moment zum Nachdenken:**
-- Macht dir der Gedanke „Anweisungen an Computer geben“ jetzt Sinn?
-- Fallen dir tägliche Aufgaben ein, die du gerne mit Programmierung automatisieren würdest?
-- Welche Fragen gehen dir gerade zum Thema Programmieren durch den Kopf?
+**Nimm dir einen Moment:**
+- Macht die Idee von „Anweisungen an Computer geben“ jetzt für dich Sinn?
+- Kannst du dir eine tägliche Aufgabe vorstellen, die du gerne mit Programmieren automatisieren würdest?
+- Welche Fragen schwirren dir so im Kopf durch diesen Programmierkram?
 
-> **Denk daran:** Es ist total normal, wenn dir einige Konzepte gerade noch etwas verwirrend vorkommen. Programmieren zu lernen ist wie eine neue Sprache lernen – das Gehirn braucht Zeit, um neue Verbindungen zu knüpfen. Du machst das super!
+> **Erinnere dich:** Es ist total normal, wenn manche Konzepte im Moment noch verschwommen sind. Programmieren zu lernen ist wie eine neue Sprache lernen – dein Gehirn braucht Zeit, um die neuronalen Verbindungen zu schaffen. Du machst das großartig!
 
-## Programmiersprachen sind wie verschiedene Zaubergeschmäcker
+## Programmiersprachen sind wie verschiedene Geschmacksrichtungen von Magie
 
-Okay, das klingt jetzt vielleicht komisch, aber bleib dran – Programmiersprachen sind wie verschiedene Musikrichtungen. Überleg mal: Es gibt Jazz, der weich und improvisierend ist, Rock, der kraftvoll und direkt ist, Klassik, die elegant und strukturiert ist, und Hip-Hop, der kreativ und ausdrucksstark ist. Jede Stilrichtung hat ihre eigene Atmosphäre, ihre eigene Community von leidenschaftlichen Fans, und jede ist perfekt für verschiedene Stimmungen und Anlässe.
+Okay, das klingt jetzt komisch, aber bleib dran – Programmiersprachen sind wie verschiedene Musikrichtungen. Denk mal drüber nach: Es gibt Jazz, der smooth und improvisiert ist, Rock, kraftvoll und direkt, Klassik, elegant und strukturiert, und Hip-Hop, kreativ und expressiv. Jede Stilrichtung hat ihre eigene Stimmung, ihre leidenschaftliche Fangemeinde und ist für unterschiedliche Stimmungen und Anlässe perfekt.
 
-Programmiersprachen funktionieren genau so! Du würdest nicht dieselbe Sprache verwenden, um ein lustiges Mobile-Spiel zu bauen, wie du sie nutzen würdest, um riesige Datenmengen zum Klima zu verarbeiten – genauso wenig würdest du Death Metal im Yoga-Kurs hören (naja, die meisten Yoga-Kurse jedenfalls! 😄).
+Programmiersprachen funktionieren genau so! Du würdest nicht dieselbe Sprache benutzen, um ein lustiges Mobile Game zu machen, wie um riesige Klima-Datenmengen zu verarbeiten, genau so wenig wie du Death Metal beim Yoga hören würdest (naja, bei den meisten Yogakursen jedenfalls! 😄).
 
-Aber hier kommt das, was mich jedes Mal umhaut, wenn ich drüber nachdenke: Diese Sprachen sind wie der geduldigste, brillanteste Dolmetscher der Welt, der direkt neben dir sitzt. Du kannst deine Ideen auf eine Weise ausdrücken, die deinem menschlichen Gehirn natürlich vorkommt, und sie erledigen all die unglaublich komplexe Arbeit, das in die 1en und 0en zu übersetzen, die Computer tatsächlich sprechen. Es ist wie ein Freund, der perfekt zweisprachig ist in „menschlicher Kreativität“ und „Computerlogik“ – und nie müde wird, nie Kaffeepausen braucht und dich auch nicht beurteilt, wenn du dieselbe Frage zweimal stellst!
+Aber was mich jedes Mal echt umhaut: Diese Sprachen sind wie der geduldigste und brillante Dolmetscher, der direkt neben dir sitzt. Du kannst deine Ideen so ausdrücken, dass es deinem menschlichen Gehirn natürlich vorkommt, und sie übernehmen die unglaublich komplexe Übersetzung in die 1en und 0en, die Computer tatsächlich sprechen. Es ist wie ein Freund, der perfekt „menschliche Kreativität“ und „Computerlogik“ beherrscht – und der nie müde wird, keine Kaffeepausen braucht und dich nie dafür verurteilt, dieselbe Frage zweimal zu stellen!
 
-### Beliebte Programmiersprachen und ihre Anwendungsgebiete
+### Beliebte Programmiersprachen und ihre Einsatzbereiche
 
 ```mermaid
 mindmap
@@ -113,7 +112,7 @@ mindmap
     Systeme & Leistung
       C++
         Spiele
-        Leistungs-kritisch
+        Leistungs kritisch
       Rust
         Speichersicherheit
         Systemprogrammierung
@@ -121,41 +120,41 @@ mindmap
         Cloud-Dienste
         Skalierbares Backend
 ```
-| Sprache  | Am besten geeignet für                  | Warum sie beliebt ist                        |
-|----------|--------------------------------------|---------------------------------------------|
-| **JavaScript** | Webentwicklung, Benutzeroberflächen | Läuft in Browsern und ermöglicht interaktive Websites |
-| **Python** | Datenwissenschaft, Automatisierung, KI | Leicht zu lesen und zu lernen, mächtige Bibliotheken |
+| Sprache | Am besten geeignet für | Warum es beliebt ist |
+|----------|----------|------------------|
+| **JavaScript** | Webentwicklung, Benutzeroberflächen | Läuft in Browsern und treibt interaktive Webseiten an |
+| **Python** | Datenwissenschaft, Automatisierung, KI | Einfach zu lesen und zu lernen, leistungsstarke Bibliotheken |
 | **Java** | Unternehmensanwendungen, Android-Apps | Plattformunabhängig, robust für große Systeme |
 | **C#** | Windows-Anwendungen, Spieleentwicklung | Starke Unterstützung im Microsoft-Ökosystem |
-| **Go** | Cloud-Services, Backend-Systeme      | Schnell, einfach, für moderne IT konzipiert |
+| **Go** | Cloud Services, Backend-Systeme | Schnell, einfach, für moderne IT entwickelt |
 
 ### Hochsprachen vs. Maschinensprachen
 
-Okay, das war ehrlich gesagt das Konzept, das mein Gehirn ursprünglich zerschmettert hat, als ich angefangen habe. Deshalb teile ich die Analogie, die das endlich für mich erklärt hat – und ich hoffe sehr, dass sie auch dir hilft!
+Okay, das war ehrlich gesagt das Konzept, das mich anfangs echt überfordert hat, deshalb teile ich dir die Analogie, die es für mich klick machen ließ – und ich hoffe, sie hilft dir auch!
 
-Stell dir vor, du bist in einem Land, dessen Sprache du nicht sprichst und brauchst dringend eine Toilette (wir waren doch alle schon mal dort, oder? 😅):
+Stell dir vor, du bist in einem Land, dessen Sprache du nicht sprichst, und musst dringend eine Toilette finden (wir waren doch alle schon mal dort, oder? 😅):
 
-- **Low-Level-Programmierung** ist wie das Erlernen des lokalen Dialekts so gut, dass du mit der Großmutter, die an der Ecke Obst verkauft, plaudern kannst – mit kulturellen Anspielungen, Slang und Insider-Witzen, die nur jemand versteht, der dort aufgewachsen ist. Super beeindruckend und unglaublich effizient... wenn du fließend bist! Aber ziemlich überwältigend, wenn du einfach nur eine Toilette finden willst.
+- **Low-level Programmierung** ist, als würdest du den lokalen Dialekt so gut lernen, dass du mit der Großmutter am Obststand plaudern kannst, inklusive kultureller Referenzen, regionalem Slang und Insiderwitzen, die nur jemand versteht, der dort aufgewachsen ist. Super beeindruckend und sehr effizient... wenn du zufällig fließend bist! Aber ziemlich überwältigend, wenn du nur eine Toilette suchst.
 
-- **High-Level-Programmierung** ist wie dieser fantastische lokale Freund, der dich einfach versteht. Du kannst auf Englisch sagen „Ich muss dringend zur Toilette“ und er macht die ganze kulturelle Übersetzung und gibt dir eine Wegbeschreibung, die für dein nicht-lokales Gehirn völlig Sinn macht.
+- **High-level Programmierung** ist wie dieser wunderbare lokale Freund, der dich einfach versteht. Du sagst „Ich muss dringend eine Toilette finden“ auf einfachem Englisch, und er kümmert sich um alle kulturellen Übersetzungen und gibt dir eine Wegbeschreibung, die für dein nicht-lokales Gehirn total Sinn macht.
 
-In Programmierbegriffen heißt das:
-- **Low-Level-Sprachen** (wie Assembly oder C) erlauben dir unglaublich detaillierte Gespräche mit der tatsächlichen Hardware des Computers, aber du musst wie eine Maschine denken, was... naja, sagen wir mal, ein großer mentaler Sprung ist!
-- **High-Level-Sprachen** (wie JavaScript, Python oder C#) erlauben dir, wie ein Mensch zu denken, während sie den ganzen Maschinencode hinter den Kulissen erledigen. Plus: Sie haben unglaublich einladende Communities voller Leute, die sich daran erinnern, wie es war, neu zu sein, und wirklich helfen wollen!
+In Programmierbegriffen:
+- **Low-level Sprachen** (wie Assembly oder C) erlauben es dir, extrem detaillierte Unterhaltungen mit der Hardware des Computers zu führen, aber du musst wie eine Maschine denken, was... naja, eine ziemlich große Umstellung ist!
+- **High-level Sprachen** (wie JavaScript, Python oder C#) erlauben es dir, wie ein Mensch zu denken, während sie die Maschinensprache hinter den Kulissen übernehmen. Außerdem gibt es riesige, einladende Communities voller Leute, die sich daran erinnern, wie es war, neu zu sein, und die dir wirklich helfen wollen!
 
-Rate mal, womit ich dir empfehle zu starten? 😉 Hochsprachen sind wie Stützräder, die du eigentlich nie abnehmen willst, weil sie das ganze Erlebnis viel angenehmer machen!
+Rate mal, mit welchen ich empfehle zu starten? 😉 Hochsprachen sind wie Stützräder, die du nie wirklich abmachen willst, weil sie das ganze Erlebnis einfach so viel angenehmer machen!
 
 ```mermaid
 flowchart TB
-    A["👤 Menschlicher Gedanke:<br/>'Ich möchte Fibonacci-Zahlen berechnen'"] --> B{Programmiersprachniveau wählen}
+    A["👤 Menschlicher Gedanke:<br/>'Ich möchte Fibonacci-Zahlen berechnen'"] --> B{Wählen Sie die Sprachebene}
     
-    B -->|Hoch-Level| C["🌟 JavaScript/Python<br/>Einfach zu lesen und zu schreiben"]
-    B -->|Niedrig-Level| D["⚙️ Assembler/C<br/>Direkte Hardwaresteuerung"]
+    B -->|Hochsprachen| C["🌟 JavaScript/Python<br/>Einfach zu lesen und zu schreiben"]
+    B -->|Maschinennah| D["⚙️ Assembly/C<br/>Direkte Hardwaresteuerung"]
     
-    C --> E["📝 Schreiben: fibonacci(10)"]
-    D --> F["📝 Schreiben: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Schreibe: fibonacci(10)"]
+    D --> F["📝 Schreibe: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer-Verständnis:<br/>Übersetzer übernimmt Komplexität"]
+    E --> G["🤖 Computerverständnis:<br/>Übersetzer übernimmt Komplexität"]
     F --> G
     
     G --> H["💻 Gleiches Ergebnis:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,15 +163,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Lass mich dir zeigen, warum Hochsprachen viel freundlicher sind
+### Ich zeige dir, warum Hochsprachen viel freundlicher sind
 
-Okay, gleich zeige ich dir etwas, das perfekt demonstriert, warum ich mich in Hochsprachen verliebt habe. Aber zuerst – ich brauche dein Versprechen. Wenn du das erste Code-Beispiel siehst, gerate nicht in Panik! Es soll einschüchternd aussehen. Genau das ist der Punkt!
+Okay, ich zeige dir jetzt etwas, das perfekt zeigt, warum ich mich in Hochsprachen verliebt habe, aber zuerst – ich brauche dein Versprechen. Wenn du das erste Codebeispiel siehst, gerate nicht in Panik! Es soll einschüchternd aussehen. Genau das will ich zeigen!
 
-Wir werden dieselbe Aufgabe in zwei komplett unterschiedlichen Stilen ansehen. Beide erstellen eine sogenannte Fibonacci-Folge – ein wunderschönes mathematisches Muster, bei dem jede Zahl die Summe der beiden vorherigen ist: 0, 1, 1, 2, 3, 5, 8, 13... (Spaßfakt: Dieses Muster findest du buchstäblich überall in der Natur – Sonnenblumensamen-Spiralen, Tannenzapfenmuster, sogar wie Galaxien entstehen!)
+Wir betrachten dieselbe Aufgabe in zwei völlig unterschiedlichen Stilen. Beide erzeugen die sogenannte Fibonacci-Folge – ein wunderschönes mathematisches Muster, bei dem jede Zahl die Summe der beiden vorherigen ist: 0, 1, 1, 2, 3, 5, 8, 13... (Fun Fact: Dieses Muster findet sich buchstäblich überall in der Natur – Sonnenblumenkerne in Spiralen, Zapfenmuster, sogar wie Galaxien entstehen!)
 
 Bereit, den Unterschied zu sehen? Los geht’s!
 
-**Hochsprache (JavaScript) – menschenfreundlich:**
+**Hochsprache (JavaScript) – Menschlich verständlich:**
 
 ```javascript
 // Schritt 1: Grundlegende Fibonacci-Einrichtung
@@ -184,10 +183,10 @@ console.log('Fibonacci sequence:');
 ```
 
 **Das macht dieser Code:**
-- **Deklariert** eine Konstante, um festzulegen, wie viele Fibonacci-Zahlen wir generieren wollen
-- **Initialisiert** zwei Variablen, um die aktuelle und nächste Zahl in der Folge zu verfolgen
-- **Setzt** die Anfangswerte (0 und 1), die das Fibonacci-Muster definieren
-- **Zeigt** eine Überschrift an, um die Ausgabe zu kennzeichnen
+- **Deklariert** eine Konstante, die festlegt, wie viele Fibonacci-Zahlen wir erzeugen wollen
+- **Initialisiert** zwei Variablen, um die aktuelle und die nächste Zahl der Folge zu verfolgen
+- **Setzt** die Startwerte (0 und 1), die das Fibonacci-Muster definieren
+- **Zeigt** eine Überschrift an, um unsere Ausgabe zu kennzeichnen
 
 ```javascript
 // Schritt 2: Erzeuge die Sequenz mit einer Schleife
@@ -201,11 +200,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**So läuft das hier ab:**
-- **Schleife** über jede Position in unserer Folge mit einer `for`-Schleife
-- **Zeigt** jede Zahl mit ihrer Position unter Verwendung von Template Literal Formatierung an
-- **Berechnet** die nächste Fibonacci-Zahl durch Addition der aktuellen und nächsten Werte
-- **Aktualisiert** unsere Tracking-Variablen für die nächste Iteration
+**So entsteht das hier:**
+- **Schleifen** wir durch jede Position in unserer Folge mit einer `for`-Schleife
+- **Geben** wir jede Zahl mit ihrer Position formatiert aus
+- **Berechnen** wir die nächste Fibonacci-Zahl durch Addition der aktuellen und nächsten Werte
+- **Aktualisieren** wir unsere Variablen, um zur nächsten Iteration weiterzugehen
 
 ```javascript
 // Schritt 3: Moderner funktionaler Ansatz
@@ -226,11 +225,11 @@ console.log(fibSequence);
 
 **Oben haben wir:**
 - **Eine wiederverwendbare Funktion** mit moderner Pfeilfunktion-Syntax erstellt
-- **Ein Array gebaut**, um die gesamte Folge zu speichern statt einzelnen Ausgabezeilen
-- **Array-Indizierung verwendet**, um jede neue Zahl aus vorherigen Werten zu berechnen
-- **Die komplette Folge zurückgegeben**, um sie flexibel an anderen Stellen zu nutzen
+- **Ein Array gebaut,** um die komplette Folge zu speichern anstatt sie einzeln auszugeben
+- **Array-Indizes genutzt,** um jede neue Zahl aus vorherigen Werten zu berechnen
+- **Die vollständige Folge zurückgegeben,** damit wir sie flexibel anderswo nutzen können
 
-**Niedrigsprache (ARM Assembly) – computerfreundlich:**
+**Niedrigsprache (ARM Assembly) – Computer-freundlich:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,28 +256,27 @@ back add r0,r1
  end
 ```
 
-Beachte, wie die JavaScript-Version fast wie englische Anweisungen liest, während die Assembly-Version kryptische Befehle nutzt, die direkt den Prozessor des Computers steuern. Beide lösen exakt dieselbe Aufgabe, aber die Hochsprache ist für Menschen viel leichter zu verstehen, zu schreiben und zu pflegen.
-
-**Wichtige Unterschiede, die dir auffallen werden:**
-- **Lesbarkeit**: JavaScript verwendet beschreibende Namen wie `fibonacciCount`, während Assembly kryptische Bezeichnungen wie `r0`, `r1` nutzt
-- **Kommentare**: Hochrangige Sprachen fördern erklärende Kommentare, die den Code selbstdokumentierend machen
-- **Struktur**: Der logische Ablauf von JavaScript entspricht der Art, wie Menschen Schritt für Schritt über Probleme nachdenken
-- **Wartung**: Das Aktualisieren der JavaScript-Version für verschiedene Anforderungen ist einfach und klar
+Beachte, wie die JavaScript-Version fast wie englische Anweisungen liest, während die Assembly-Version kryptische Befehle nutzt, die direkt den Prozessor steuern. Beide erledigen exakt dieselbe Aufgabe, aber die Hochsprache ist für Menschen viel leichter zu verstehen, zu schreiben und zu warten.
 
-✅ **Über die Fibonacci-Folge**: Dieses absolut wunderschöne Zahlenmuster (bei dem jede Zahl der Summe der beiden vorhergehenden entspricht: 0, 1, 1, 2, 3, 5, 8...) taucht buchstäblich *überall* in der Natur auf! Du findest es in Sonnenblumenwirbeln, Tannenzapfenmustern, der Art, wie Nautilus-Schalen sich wölben, und sogar darin, wie Baumzweige wachsen. Es ist ziemlich verblüffend, wie Mathematik und Programmierung uns helfen können, die Muster zu verstehen und nachzubilden, die die Natur nutzt, um Schönheit zu erschaffen!
+**Wesentliche Unterschiede, die dir auffallen werden:**
+- **Lesbarkeit**: JavaScript verwendet beschreibende Namen wie `fibonacciCount`, während Assembly kryptische Bezeichnungen wie `r0`, `r1` nutzt  
+- **Kommentare**: Hochsprachen ermutigen zu erklärenden Kommentaren, die den Code selbstdokumentierend machen  
+- **Struktur**: Der logische Ablauf von JavaScript entspricht, wie Menschen Schritt-für-Schritt über Probleme nachdenken  
+- **Wartung**: Das Aktualisieren der JavaScript-Version für verschiedene Anforderungen ist unkompliziert und klar  
 
+✅ **Über die Fibonacci-Folge**: Dieses absolut wunderschöne Zahlenmuster (bei dem jede Zahl die Summe der beiden vorherigen ist: 0, 1, 1, 2, 3, 5, 8 ...) findet sich buchstäblich *überall* in der Natur! Du findest es in Sonnenblumen-Spiralen, Tannenzapfen-Mustern, der Form von Nautilus-Schalen und sogar im Wachstum von Baumzweigen. Es ist ziemlich verblüffend, wie Mathematik und Code uns helfen können, die Muster zu verstehen und nachzubilden, die die Natur nutzt, um Schönheit zu erschaffen!
 
 ## Die Bausteine, die die Magie möglich machen
 
-Also, jetzt wo du gesehen hast, wie Programmiersprachen in Aktion aussehen, lass uns die grundlegenden Bausteine anschauen, aus denen buchstäblich jedes jemals geschriebene Programm besteht. Denk daran wie an die wichtigsten Zutaten in deinem Lieblingsrezept – sobald du verstehst, was jede einzelne tut, wirst du in fast jeder Sprache Code lesen und schreiben können!
+Okay, jetzt, wo du gesehen hast, wie Programmiersprachen in Aktion aussehen, lass uns die grundlegenden Bausteine zerlegen, aus denen buchstäblich jedes jemals geschriebene Programm besteht. Denk an sie als die wesentlichen Zutaten in deinem Lieblingsrezept – wenn du verstehst, was jede einzelne bewirkt, kannst du Code in so gut wie jeder Sprache lesen und schreiben!
 
-Das ist ein bisschen wie die Grammatik des Programmierens lernen. Erinnerst du dich noch aus der Schule, als du über Substantive, Verben und Satzbau gelernt hast? Programmieren hat seine eigene Grammatikversion, und ehrlich gesagt ist sie viel logischer und nachsichtiger als die englische Grammatik je war! 😄
+Das ist ein bisschen so, als würdest du die Grammatik des Programmierens lernen. Erinnerst du dich noch aus der Schule, als du Nomen, Verben und wie man Sätze bildet gelernt hast? Programmieren hat seine eigene Grammatik, und ehrlich gesagt ist sie viel logischer und nachsichtiger als die englische Grammatik! 😄
 
 ### Anweisungen: Die Schritt-für-Schritt-Anleitungen
 
-Fangen wir mit **Anweisungen** an – sie sind wie einzelne Sätze in einem Gespräch mit deinem Computer. Jede Anweisung sagt dem Computer, genau eine Sache zu tun, ähnlich wie Wegbeschreibungen: „Hier links abbiegen“, „An der roten Ampel stoppen“, „Auf diesem Parkplatz parken“.
+Fangen wir mit **Anweisungen (Statements)** an – das sind einzelne Sätze in einer Konversation mit deinem Computer. Jede Anweisung sagt dem Computer, genau eine Sache zu tun, ähnlich wie Wegbeschreibungen: „Hier links abbiegen“, „An der roten Ampel anhalten“, „Auf diesem Parkplatz parken“.
 
-Was ich an Anweisungen liebe, ist wie lesbar sie meistens sind. Schau dir das an:
+Was ich an Anweisungen liebe, ist, wie meist gut lesbar sie sind. Schau dir das an:
 
 ```javascript
 // Grundlegende Anweisungen, die einzelne Aktionen ausführen
@@ -286,31 +284,31 @@ const userName = "Alex";
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**Das macht dieser Code:**
-- **Deklariert** eine konstante Variable, um den Namen eines Benutzers zu speichern
-- **Zeigt** eine Begrüßungsnachricht in der Konsolenausgabe an
-- **Berechnet** und speichert das Ergebnis einer mathematischen Operation
+  
+**Das macht dieser Code:**  
+- **Deklariert** eine Konstantenvariable, um den Namen eines Nutzers zu speichern  
+- **Zeigt** eine Begrüßungsnachricht in der Konsole an  
+- **Berechnet** und speichert das Ergebnis einer mathematischen Operation  
 
 ```javascript
 // Anweisungen, die mit Webseiten interagieren
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-
-**Schritt für Schritt passiert hier:**
-- **Ändert** den Titel der Webseite, der im Browser-Tab erscheint
-- **Verändert** die Hintergrundfarbe des gesamten Seitenkörpers
+  
+**Schritt für Schritt passiert Folgendes:**  
+- **Ändert** den Titel der Webseite, der im Browser-Tab angezeigt wird  
+- **Verändert** die Hintergrundfarbe des gesamten Seitenkörpers  
 
 ### Variablen: Das Speichersystem deines Programms
 
-Okay, **Variablen** sind ehrlich gesagt eines meiner absoluten Lieblingskonzepte zum Lehren, weil sie so sehr wie Dinge sind, die du jeden Tag benutzt!
+Okay, **Variablen** sind ehrlich gesagt eines meiner absoluten Lieblingsthemen zum Erklären, weil sie so sehr wie Dinge funktionieren, die du jeden Tag benutzt!
 
-Denk mal an dein Telefonbuch. Du merkst dir nicht die Telefonnummern aller Leute – stattdessen speicherst du „Mama“, „Beste Freundin“ oder „Pizza-Lieferdienst, der bis 2 Uhr nachts liefert“ und lässt dein Telefon die tatsächlichen Nummern merken. Variablen funktionieren genauso! Sie sind wie beschriftete Behälter, in denen dein Programm Informationen speichern und später mit einem aussagekräftigen Namen abrufen kann.
+Denk mal an dein Telefon-Adressbuch. Du merkst dir nicht jede Telefonnummer – stattdessen speicherst du „Mama“, „Beste Freundin“ oder „Pizzalieferdienst bis 2 Uhr morgens“ und dein Telefon merkt sich die echten Nummern. Variablen funktionieren genau so! Sie sind wie beschriftete Behälter, in denen dein Programm Informationen speichern und später über einen sinnvollen Namen wiederfinden kann.
 
-Das Coole ist: Variablen können sich ändern, während dein Programm läuft (daher der Name „Variable“ – siehst du, was die da gemacht haben?). So wie du den Kontakt für den Pizza-Lieferdienst updatest, wenn du einen noch besseren findest, können Variablen aktualisiert werden, wenn dein Programm neue Informationen lernt oder sich die Situation ändert!
+Das Coole daran: Variablen können sich ändern, während dein Programm läuft (daher der Name „Variable“ – merkst du, was sie gemacht haben?). Genauso wie du den Pizzalieferdienst-Kontakt aktualisierst, wenn du einen besseren gefunden hast, können Variablen aktualisiert werden, wenn dein Programm neue Informationen lernt oder sich Situationen ändern!
 
-Ich zeige dir, wie wunderschön einfach das sein kann:
+Ich zeige dir mal, wie einfach das sein kann:
 
 ```javascript
 // Schritt 1: Erstellen von Basisvariablen
@@ -319,12 +317,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**Was diese Konzepte bedeuten:**
-- **Speichere** unveränderliche Werte in `const` Variablen (wie Name der Webseite)
-- **Benutze** `let` für Werte, die sich im Programmverlauf ändern können
-- **Weise zu** unterschiedliche Datentypen zu: Strings (Text), Zahlen und Booleans (wahr/falsch)
-- **Wähle** beschreibende Namen, die erklären, was jede Variable enthält
+  
+**Verstehen dieser Konzepte:**  
+- **Speichere** unveränderliche Werte in `const`-Variablen (wie den Site-Namen)  
+- **Nutze** `let` für Werte, die sich im Programm ändern können  
+- **Weise** verschiedene Datentypen zu: Strings (Text), Zahlen und Booleans (wahr/falsch)  
+- **Wähle** beschreibende Namen, die erklären, was jede Variable enthält  
 
 ```javascript
 // Schritt 2: Arbeiten mit Objekten, um verwandte Daten zu gruppieren
@@ -334,11 +332,11 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-
-**Oben haben wir:**
-- **Ein Objekt erstellt**, um zusammengehörige Wetterinformationen zu gruppieren
-- **Mehrere Datenstücke unter einem Variablennamen organisiert**
-- **Schlüssel-Wert-Paare verwendet**, um jede Information klar zu beschriften
+  
+**Oben haben wir:**  
+- **Ein Objekt erstellt**, um zusammengehörige Wetterinformationen zu gruppieren  
+- **Mehrere Datenstücke** unter einem Variablennamen organisiert  
+- **Schlüssel-Wert-Paare verwendet**, um jede Information klar zu beschriften  
 
 ```javascript
 // Schritt 3: Verwendung und Aktualisierung von Variablen
@@ -349,33 +347,33 @@ console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**Hier verstehen wir jeden Teil:**
-- **Zeige** Informationen mit Template-Literalen und `${}`-Syntax an
-- **Greife auf Objekt-Eigenschaften zu** mit Punktnotation (`weatherData.windSpeed`)
-- **Aktualisiere** mit `let` deklarierte Variablen, um sich ändernde Bedingungen darzustellen
-- **Kombiniere** mehrere Variablen, um sinnvolle Nachrichten zu erzeugen
+  
+**Schauen wir uns die einzelnen Teile an:**  
+- **Zeige** Informationen mit Template-Literals und der `${}`-Syntax an  
+- **Greife zu** auf Objekteigenschaften mit Punktnotation (`weatherData.windSpeed`)  
+- **Aktualisiere** mit `let` deklarierte Variablen, um veränderte Bedingungen widerzuspiegeln  
+- **Kombiniere** mehrere Variablen, um sinnvolle Nachrichten zu erstellen  
 
 ```javascript
 // Schritt 4: Modernes Destructuring für saubereren Code
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**Das musst du wissen:**  
+- **Extrahiere** bestimmte Eigenschaften aus Objekten mit Destructuring Assignment  
+- **Erzeuge** automatisch neue Variablen mit den gleichen Namen wie die Objekt-Schlüssel  
+- **Vereinfache** den Code durch Vermeidung mehrfacher Punktnotation  
 
-**Was du wissen musst:**
-- **Extrahiere** spezifische Eigenschaften aus Objekten mit Destrukturierungszuweisung
-- **Erstelle** automatisch neue Variablen mit den gleichen Namen wie die Objektschlüssel
-- **Vereinfache** den Code, indem du sich wiederholende Punktnotation vermeidest
-
-### Steuerung des Programmflusses: Deinem Programm beibringen, zu denken
+### Kontrollfluss: Deinem Programm beibringen zu denken
 
-Okay, hier wird Programmieren wirklich verblüffend! **Kontrollfluss** bedeutet im Grunde, deinem Programm beizubringen, wie es kluge Entscheidungen trifft, genau wie du das jeden Tag ganz selbstverständlich tust.
+Das hier ist der Teil, an dem Programmieren absolut verblüffend wird! **Kontrollfluss** bedeutet im Grunde, deinem Programm beizubringen, wie es intelligente Entscheidungen treffen kann, genau wie du es jeden Tag ganz automatisch machst.
 
-Stell dir vor: Heute Morgen hast du bestimmt gedacht: „Wenn es regnet, nehme ich einen Regenschirm. Wenn es kalt ist, ziehe ich eine Jacke an. Wenn ich spät dran bin, überspringe ich das Frühstück und hole mir unterwegs Kaffee.“ Dein Gehirn folgt dieser Wenn-Dann-Logik dutzende Male jeden Tag ganz automatisch!
+Stell dir vor: Heute Morgen hast du wahrscheinlich etwa gedacht: „Wenn es regnet, nehme ich einen Regenschirm mit. Wenn es kalt ist, ziehe ich eine Jacke an. Wenn ich spät dran bin, überspringe ich das Frühstück und nehme unterwegs einen Kaffee.“ Dein Gehirn folgt ganz natürlich dieser Wenn-Dann-Logik dutzende Male am Tag!
 
-Das ist es, was Programme intelligent und lebendig wirken lässt, statt nur einem langweiligen, vorhersehbaren Drehbuch zu folgen. Sie können eine Situation betrachten, auswerten, was passiert, und angemessen reagieren. Es ist, als hätten sie ein Gehirn, das sich anpasst und Entscheidungen treffen kann!
+Das macht Programme intelligent und lebendig, anstatt dass sie nur einem langweiligen, vorhersehbaren Skript folgen. Sie können eine Situation anschauen, bewerten, was los ist, und angemessen reagieren. Es ist fast so, als würdest du deinem Programm ein Gehirn geben, das sich anpassen und Entscheidungen treffen kann!
 
-Willst du sehen, wie schön das funktioniert? Ich zeige es dir:
+Willst du sehen, wie genial das funktioniert? Ich zeige es dir:
 
 ```javascript
 // Schritt 1: Grundlegende bedingte Logik
@@ -388,12 +386,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**Das macht dieser Code:**
-- **Überprüft**, ob das Alter des Benutzers für die Wahlberechtigung ausreicht
-- **Führt** verschiedene Codeblöcke basierend aufs Ergebnis der Bedingung aus
-- **Berechnet** und zeigt an, wie lange es noch bis zur Wahlberechtigung dauert, falls unter 18
-- **Gibt** für jeden Fall spezifisches, hilfreiches Feedback
+  
+**Das macht dieser Code:**  
+- **Prüft**, ob das Alter des Nutzers die Wahlberechtigung erfüllt  
+- **Führt** verschiedene Codeblöcke je nach Bedingungsergebnis aus  
+- **Berechnet** und zeigt an, wie lange es bis zur Wahlberechtigung dauert, falls unter 18  
+- **Gibt** spezifisches, hilfreiches Feedback für jedes Szenario  
 
 ```javascript
 // Schritt 2: Mehrere Bedingungen mit logischen Operatoren
@@ -408,26 +406,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**Was hier passiert, im Detail:**
-- **Kombiniert** mehrere Bedingungen mit dem `&&` (und) Operator
-- **Erstellt** eine Hierarchie von Bedingungen mit `else if` für mehrere Szenarien
-- **Behandelt** alle möglichen Fälle mit einer abschließenden `else`-Anweisung
-- **Gibt** klares, umsetzbares Feedback für jede Situation
+  
+**Das passiert hier im Detail:**  
+- **Verknüpft** mehrere Bedingungen mit dem `&&` (und)-Operator  
+- **Erstellt** eine Hierarchie von Bedingungen mit `else if` für verschiedene Szenarien  
+- **Erfasst** alle möglichen Fälle mit einem abschließenden `else`  
+- **Gibt** klar verständliches, hilfreiches Feedback für jede Situation  
 
 ```javascript
-// Schritt 3: Kurzform der Bedingung mit ternärem Operator
+// Schritt 3: Prägnante Bedingung mit ternärem Operator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**Merke dir:**
-- **Verwende** den ternären Operator (`? :`) für einfache Zwei-Optionen-Bedingungen
-- **Schreibe** zuerst die Bedingung, dann `?`, dann Ergebnis, wenn wahr, dann `:`, dann Ergebnis, wenn falsch
-- **Wende** dieses Muster an, wenn du Werte auf Basis von Bedingungen zuweisen willst
+  
+**Das solltest du dir merken:**  
+- **Nutze** den ternären Operator (`? :`) für einfache Zwei-Option-Bedingungen  
+- **Schreibe** zuerst die Bedingung, dann `?`, dann die wahre Ausgabe, dann `:`, dann die falsche Ausgabe  
+- **Verwende** dieses Muster, wenn du Werte basierend auf Bedingungen zuweisen willst  
 
 ```javascript
-// Schritt 4: Umgang mit mehreren speziellen Fällen
+// Schritt 4: Umgang mit mehreren spezifischen Fällen
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,55 +444,55 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**Dieser Code macht Folgendes:**  
+- **Vergleicht** den Variablenwert mit mehreren spezifischen Fällen  
+- **Fasst** ähnliche Fälle zusammen (Werktage vs. Wochenenden)  
+- **Führt** den passenden Codeblock aus, wenn eine Übereinstimmung gefunden wird  
+- **Beinhaltet** einen `default`-Fall für unerwartete Werte  
+- **Verwendet** `break`-Anweisungen, um zu verhindern, dass der Code in weitere Fälle läuft  
 
-**Dieser Code macht Folgendes:**
-- **Vergleicht** den Variablenwert mit mehreren spezifischen Fällen
-- **Gruppiert** ähnliche Fälle zusammen (Wochentage vs. Wochenenden)
-- **Führt** den passenden Codeblock aus, wenn ein Treffer vorliegt
-- **Beinhaltet** einen `default`-Fall für unerwartete Werte
-- **Verwendet** `break`-Anweisungen, um zu verhindern, dass der Code in den nächsten Fall weiterläuft
-
-> 💡 **Echtes Beispiel**: Stell dir Kontrollfluss wie das geduldigste GPS der Welt vor, das dir Anweisungen gibt. Es könnte sagen: „Wenn auf der Hauptstraße Verkehr ist, nimm die Autobahn. Wenn die Autobahn gesperrt ist, versuche die landschaftlich schöne Route.“ Programme verwenden genau dieselbe Art bedingter Logik, um intelligent auf verschiedene Situationen zu reagieren und immer das beste Nutzererlebnis zu bieten.
+> 💡 **Alltagsvergleich**: Stell dir den Kontrollfluss wie das geduldigste GPS der Welt vor, das dir Anweisungen gibt. Es sagt: „Wenn auf der Hauptstraße Stau ist, nimm lieber die Autobahn. Wenn Baustellen die Autobahn blockieren, versuch die malerische Strecke.“ Programme nutzen genau diese Art von bedingter Logik, um intelligent auf verschiedene Situationen zu reagieren und Nutzern immer die beste Erfahrung zu bieten.
 
-### 🎯 **Konzept-Check: Baustein-Meisterschaft**
+### 🎯 **Konzept-Check: Bausteine meistern**
 
-**Mal sehen, wie du mit den Grundlagen zurechtkommst:**
-- Kannst du den Unterschied zwischen einer Variable und einer Anweisung mit eigenen Worten erklären?
-- Denk an ein Beispiel aus der echten Welt, in dem du eine Wenn-Dann-Entscheidung treffen würdest (wie in unserem Wahl-Beispiel)
-- Was hat dich an der Programmierlogik am meisten überrascht?
+**Lass uns mal schauen, wie es mit den Grundlagen steht:**  
+- Kannst du in deinen eigenen Worten den Unterschied zwischen einer Variable und einer Anweisung erklären?  
+- Denk an ein Beispiel aus dem echten Leben, in dem du eine Wenn-Dann-Entscheidung treffen würdest (wie bei unserem Wahlrecht-Beispiel)  
+- Was hat dich an der Programmierlogik am meisten überrascht?  
 
-**Schneller Selbstvertrauens-Aufbau:**
+**Kleiner Selbstvertrauens-Kick:**  
 ```mermaid
 flowchart LR
-    A["📝 Anweisungen<br/>(Instruktionen)"] --> B["📦 Variablen<br/>(Speicher)"] --> C["🔀 Programmfluss<br/>(Entscheidungen)"] --> D["🎉 Funktionierendes Programm!"]
+    A["📝 Anweisungen<br/>(Anweisungen)"] --> B["📦 Variablen<br/>(Speicher)"] --> C["🔀 Programmfluss<br/>(Entscheidungen)"] --> D["🎉 Funktionierendes Programm!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-✅ **Was als Nächstes kommt**: Wir werden absolut viel Spaß haben, diese Konzepte immer weiter zu vertiefen, während wir diese unglaubliche Reise zusammen fortsetzen! Konzentriere dich jetzt einfach darauf, die Vorfreude auf all die erstaunlichen Möglichkeiten zu spüren, die vor dir liegen. Die speziellen Fähigkeiten und Techniken wirst du ganz natürlich lernen, wenn wir zusammen üben – ich verspreche, das macht viel mehr Spaß, als du vielleicht denkst!
+```  
+✅ **Was als Nächstes kommt:** Wir werden richtig viel Spaß haben, wenn wir diese Konzepte weiter vertiefen und gemeinsam diese unglaubliche Reise fortsetzen! Konzentriere dich erstmal darauf, dich auf all die fantastischen Möglichkeiten zu freuen, die vor dir liegen. Die speziellen Fähigkeiten und Techniken werden sich ganz natürlich festigen, wenn wir gemeinsam üben – ich verspreche, das wird viel mehr Spaß machen, als du erwartest!
 
-## Werkzeuge des Handwerks
+## Werkzeuge des Fachs
 
-Okay, hier werde ich ehrlich so aufgeregt, dass ich mich kaum beherrschen kann! 🚀 Wir werden jetzt über die unglaublichen Werkzeuge sprechen, die dir das Gefühl geben werden, als hättest du gerade die Schlüssel zu einem digitalen Raumschiff bekommen.
+Okay, ehrlich gesagt bekomme ich hier richtig Gänsehaut vor Aufregung! 🚀 Wir sprechen jetzt über die unglaublichen Werkzeuge, mit denen du dich fühlen wirst, als hättest du gerade die Schlüssel zu einem digitalen Raumschiff in die Hand bekommen.
 
-Kennst du das, wenn ein Koch diese perfekt ausbalancierten Messer hat, die sich wie eine Verlängerung seiner Hände anfühlen? Oder wenn ein Musiker eine Gitarre hat, die zu singen scheint, sobald er sie berührt? Entwickler haben ihre eigene Version solcher magischen Werkzeuge, und hier kommt etwas, das dich absolut umhauen wird – die meisten davon sind komplett kostenlos!
+Du kennst doch sicher diese perfekt ausgewogenen Messer, die ein Koch hat und die sich fast wie eine Verlängerung der eigenen Hände anfühlen? Oder den Musiker, der eine Gitarre besitzt, die förmlich zu singen beginnt, sobald er sie berührt? Entwickler haben ihre ganz eigene Version dieser magischen Werkzeuge, und das, was dich umhauen wird – die meisten davon sind absolut kostenlos!
 
-Ich hüpfe praktisch auf meinem Stuhl, weil ich es kaum erwarten kann, diese mit dir zu teilen, denn sie haben die Art revolutioniert, wie wir Software entwickeln. Wir sprechen von KI-gestützten Code-Assistenten, die dir beim Schreiben deines Codes helfen können (kein Scherz!), Cloud-Umgebungen, in denen du ganze Anwendungen von buchstäblich überall mit WLAN bauen kannst, und Debugging-Tools, die so ausgefeilt sind, dass sie wie Röntgenblick für deine Programme sind.
+Ich freue mich so sehr, dir das zu zeigen, denn diese Tools haben die Softwareentwicklung komplett revolutioniert. Wir reden von KI-gestützten Programmierassistenten, die deinen Code schreiben helfen können (ernsthaft!), Cloud-Entwicklungsumgebungen, in denen du ganze Apps von überall mit WLAN bauen kannst, und so ausgefeilten Debuggern, dass sie beinahe als Röntgenblick für deine Programme gelten könnten.
 
-Und hier kommt der Teil, der mir immer noch eine Gänsehaut macht: Das sind keine „Anfänger-Werkzeuge“, die du irgendwann überholst. Das sind genau die gleichen professionellen Werkzeuge, die Entwickler bei Google, Netflix und dem Indie-App-Studio, das du liebst, gerade jetzt verwenden. Du wirst dich wie ein Profi fühlen, wenn du sie benutzt!
+Und hier kommt der Teil, der mir immer noch eine Gänsehaut macht: Das sind keine „Anfänger-Werkzeuge“, mit denen du schnell rauswächst. Das sind exakt die gleichen professionellen Tools, die Entwickler bei Google, Netflix und dem Indie-App-Studio, das du liebst, gerade in diesem Moment benutzen. Du wirst dich fühlen wie ein absoluter Profi!
 
 ```mermaid
 graph TD
     A["💡 Deine Idee"] --> B["⌨️ Code-Editor<br/>(VS Code)"] 
     B --> C["🌐 Browser DevTools<br/>(Testen & Debuggen)"]
     C --> D["⚡ Befehlszeile<br/>(Automatisierung & Werkzeuge)"]
-    D --> E["📚 Dokumentation<br/>(Lernen & Referenz)"]
-    E --> F["🚀 Unglaubliche Webanwendung!"]
+    D --> E["📚 Dokumentation<br/>(Lernen & Nachschlagen)"]
+    E --> F["🚀 Unglaubliche Web-App!"]
     
     B -.-> G["🤖 KI-Assistent<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Gerätetests<br/>(Responsives Design)"]
+    C -.-> H["📱 Gerätetest<br/>(Responsives Design)"]
     D -.-> I["📦 Paketmanager<br/>(npm, yarn)"]
     E -.-> J["👥 Gemeinschaft<br/>(Stack Overflow)"]
     
@@ -504,97 +502,97 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
 ### Code-Editoren und IDEs: Deine neuen digitalen besten Freunde
 
-Lass uns über Code-Editoren sprechen – die werden wirklich bald zu deinen Lieblingsplätzen zum Abhängen! Stell dir vor, es ist dein persönliches Programmier-Heiligtum, wo du die meiste Zeit verbringen wirst, um deine digitalen Kreationen zu gestalten und zu perfektionieren.
+Lass uns über Code-Editoren sprechen – die werden wirklich bald zu deinen Lieblingsorten zum Abhängen! Stell sie dir als deinen persönlichen Code-Sanctuary vor, in dem du die meiste Zeit damit verbringst, deine digitalen Kreationen zu erschaffen und zu perfektionieren.
 
-Aber das Wahre Wunder an modernen Editoren ist: Sie sind nicht nur schicke Texteditoren. Sie sind wie der brillanteste, unterstützendste Programmier-Mentor, der 24/7 direkt neben dir sitzt. Sie fangen deine Tippfehler ab, bevor du sie überhaupt bemerkst, schlagen Verbesserungen vor, die dich wie ein Genie aussehen lassen, helfen dir zu verstehen, was jeder Codeabschnitt macht, und manche können sogar vorhersagen, was du als Nächstes tippen willst, und bieten an, deine Gedanken zu vervollständigen!
+Aber das absolut Magische an modernen Editoren ist: Sie sind nicht einfach nur schicke Texteditoren. Sie sind wie der brillanteste, unterstützendste Programmier-Mentor, der rund um die Uhr neben dir sitzt. Sie fangen Tippfehler ab, bevor du sie überhaupt bemerkst, schlagen Verbesserungen vor, die dich zum Genie machen, helfen dir zu verstehen, was jeder Codeabschnitt tut, und manche von ihnen können sogar antizipieren, was du gleich tippen willst und bieten dir an, deine Gedanken fertigzuschreiben!
 
-Ich erinnere mich daran, wie ich das erste Mal Autovervollständigung entdeckt habe – ich hatte wirklich das Gefühl, in der Zukunft zu leben. Du beginnst etwas zu tippen und dein Editor sagt: „Hey, wolltest du diese Funktion nutzen, die genau das macht, was du brauchst?“ Es ist, als hättest du einen Gedankenleser als Programmierkumpel!
+Ich erinnere mich noch, als ich zum ersten Mal Auto-Completion entdeckt habe – ich hatte das Gefühl, in der Zukunft zu leben. Du fängst an zu tippen, und dein Editor sagt: „Hey, wolltest du nicht diese Funktion, die genau das macht, was du brauchst?“ Es ist fast wie ein Gedankenleser als dein Coding-Buddy!
 
 **Was macht diese Editoren so unglaublich?**
 
-Moderne Code-Editoren bieten eine beeindruckende Reihe von Funktionen, die deine Produktivität steigern:
+Moderne Code-Editoren bieten eine beeindruckende Anzahl an Funktionen, die deine Produktivität steigern:
 
-| Funktion | Was sie macht | Warum sie hilft |
+| Funktion | Was es macht | Warum es hilft |
 |---------|--------------|--------------|
-| **Syntaxhervorhebung** | Färbt verschiedene Teile deines Codes ein | Macht Code lesbarer und Fehler leichter erkennbar |
-| **Autovervollständigung** | Schlägt Code beim Tippen vor | Beschleunigt das Programmieren und reduziert Tippfehler |
-| **Debugging-Tools** | Helfen dir Fehler zu finden und zu beheben | Spart Stunden bei der Fehlersuche |
-| **Erweiterungen** | Fügen spezielle Features hinzu | Passe deinen Editor an jede Technologie an |
-| **KI-Assistenten** | Schlagen Code und Erklärungen vor | Beschleunigen das Lernen und die Produktivität |
+| **Syntax-Hervorhebung** | Färbt verschiedene Teile deines Codes | Macht den Code leichter lesbar und Fehler sichtbar |
+| **Auto-Vervollständigung** | Schlägt Code während des Tippens vor | Beschleunigt das Programmieren und reduziert Tippfehler |
+| **Debugging-Tools** | Hilft Fehler zu finden und zu beheben | Spart Stunden an Fehlersuche |
+| **Erweiterungen** | Fügen spezialisierte Funktionen hinzu | Passe deinen Editor für jede Technologie an |
+| **KI-Assistenten** | Schlagen Code und Erklärungen vor | Beschleunigen Lernen und Produktivität |
 
-> 🎥 **Video-Ressource**: Möchtest du diese Werkzeuge in Aktion sehen? Schau dir dieses [Tools of the Trade Video](https://youtube.com/watch?v=69WJeXGBdxg) für einen umfassenden Überblick an.
+> 🎥 **Video-Ressource**: Willst du diese Werkzeuge in Aktion sehen? Schau dir dieses [Tools of the Trade Video](https://youtube.com/watch?v=69WJeXGBdxg) für einen umfassenden Überblick an.
 
 #### Empfohlene Editoren für Webentwicklung
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (kostenlos)
-- Am beliebtesten bei Webentwicklern
-- Ausgezeichnetes Erweiterungs-Ökosystem
-- Eingebautes Terminal und Git-Integration
-- **Must-Have-Erweiterungen**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – KI-gestützte Codevorschläge
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – Echtzeit-Zusammenarbeit
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – Automatische Codeformatierung
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – Rechtschreibprüfung im Code
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Kostenlos)  
+- Bei Webentwicklern am beliebtesten  
+- Hervorragendes Erweiterungs-Ökosystem  
+- Integriertes Terminal und Git  
+- **Unverzichtbare Erweiterungen**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – KI-gestützte Codevorschläge  
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – Echtzeit-Zusammenarbeit  
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – Automatisches Codeformatieren  
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – Fängt Tippfehler im Code auf  
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (kostenpflichtig, kostenlos für Studenten)
-- Fortgeschrittene Debugging- und Testtools
-- Intelligente Codevervollständigung
-- Integrierte Versionskontrolle
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Bezahlt, kostenlos für Studierende)  
+- Fortgeschrittene Debugging- und Testwerkzeuge  
+- Intelligente Code-Vervollständigung  
+- Integrierte Versionskontrolle  
 
-**Cloud-basierte IDEs** (verschiedene Preise)
-- [GitHub Codespaces](https://github.com/features/codespaces) – Volles VS Code im Browser
-- [Replit](https://replit.com/) – Super zum Lernen und Teilen von Code
-- [StackBlitz](https://stackblitz.com/) – Sofortige Full-Stack-Webentwicklung
+**Cloud-basierte IDEs** (Verschiedene Preise)  
+- [GitHub Codespaces](https://github.com/features/codespaces) – Vollständiges VS Code im Browser  
+- [Replit](https://replit.com/) – Ideal zum Lernen und Teilen von Code  
+- [StackBlitz](https://stackblitz.com/) – Sofortige Full-Stack-Webentwicklung  
 
-> 💡 **Einstiegstipp**: Fang mit Visual Studio Code an – es ist kostenlos, in der Branche weit verbreitet und hat eine riesige Community, die hilfreiche Tutorials und Erweiterungen erstellt.
+> 💡 **Einstiegstipp**: Starte mit Visual Studio Code – es ist kostenlos, in der Branche weit verbreitet und hat eine riesige Community, die hilfreiche Tutorials und Erweiterungen erstellt.
 
 
 ### Webbrowser: Dein geheimes Entwicklungslabor
 
-Bereite dich darauf vor, völlig begeistert zu sein! Du weißt, wie du Browser benutzt, um durch soziale Medien zu scrollen und Videos anzusehen? Nun, es stellt sich heraus, dass sie die ganze Zeit diesen unglaublichen geheimen Entwickler-Laborraum versteckt hatten, nur darauf wartend, dass du ihn entdeckst!
+Okay, mach dich bereit, total überrascht zu werden! Du nutzt Browser ja bisher, um durch Social Media zu scrollen und Videos zu schauen, richtig? Dabei haben sie die ganze Zeit ein unglaubliches geheimes Entwicklerlabor versteckt – und warten nur darauf, dass du es entdeckst!
 
-Jedes Mal, wenn du mit der rechten Maustaste auf eine Webseite klickst und „Element untersuchen“ wählst, öffnest du eine verborgene Welt von Entwicklerwerkzeugen, die ehrlich gesagt mächtiger sind als manche teure Software, für die ich früher hunderte Euro bezahlt habe. Es ist, als würdest du entdecken, dass deine ganz normale Küche hinter einer geheimen Tür ein Labor für Profiköche versteckt!
-Als mir zum ersten Mal jemand die Browser-DevTools gezeigt hat, habe ich etwa drei Stunden damit verbracht, einfach nur herumzuklicken und zu denken: "WARTEN, DAS KANN DAS AUCH?!" Du kannst wirklich jede Website in Echtzeit bearbeiten, genau sehen, wie schnell alles lädt, testen, wie deine Seite auf verschiedenen Geräten aussieht, und sogar JavaScript wie ein echter Profi debuggen. Das ist absolut verblüffend!
+Jedes Mal, wenn du mit der rechten Maustaste auf eine Webseite klickst und „Element untersuchen“ wählst, öffnest du eine verborgene Welt von Entwicklerwerkzeugen, die ehrlicherweise mächtiger sind als manche teure Software, für die ich früher hunderte von Euro bezahlt habe. Es ist, als würdest du entdecken, dass deine ganz normale Küche hinter einer geheimen Klappe ein Profi-Küchenlabor beherbergt!
+Als mir zum ersten Mal jemand die Browser-DevTools zeigte, verbrachte ich etwa drei Stunden damit, einfach nur herumzuklicken und zu denken: „WARTEN, DAS KANN ER AUCH?!“ Du kannst buchstäblich jede Website in Echtzeit bearbeiten, genau sehen, wie schnell alles lädt, testen, wie deine Seite auf verschiedenen Geräten aussieht, und sogar JavaScript wie ein echter Profi debuggen. Es ist absolut faszinierend!
 
-**Deshalb sind Browser dein geheimer Trumpf:**
+**Darum sind Browser deine Geheimwaffe:**
 
-Wenn du eine Website oder Webanwendung erstellst, musst du sehen, wie sie in der realen Welt aussieht und sich verhält. Browser zeigen nicht nur deine Arbeit an, sondern liefern auch detailliertes Feedback zu Leistung, Zugänglichkeit und möglichen Problemen.
+Wenn du eine Website oder Webanwendung erstellst, musst du sehen, wie sie in der realen Welt aussieht und sich verhält. Browser zeigen nicht nur dein Werk an, sondern liefern auch detailliertes Feedback zur Performance, Zugänglichkeit und zu potenziellen Problemen.
 
-#### Browser-Entwicklertools (DevTools)
+#### Browser Developer Tools (DevTools)
 
-Moderne Browser enthalten umfassende Entwicklungspakete:
+Moderne Browser beinhalten umfangreiche Entwicklungstools:
 
-| Tool-Kategorie | Was es macht | Beispielanwendung |
-|---------------|--------------|------------------|
-| **Element-Inspektor** | HTML/CSS in Echtzeit ansehen und bearbeiten | Styling anpassen, um sofortige Ergebnisse zu sehen |
+| Toolkategorie | Was es macht | Beispielanwendung |
+|---------------|--------------|-------------------|
+| **Element-Inspektor** | HTML/CSS in Echtzeit ansehen und editieren | Stil anpassen und sofortige Ergebnisse sehen |
 | **Konsole** | Fehlermeldungen ansehen und JavaScript testen | Probleme debuggen und mit Code experimentieren |
-| **Netzwerk-Monitor** | Nachverfolgen, wie Ressourcen geladen werden | Leistung und Ladezeiten optimieren |
-| **Zugänglichkeits-Prüfer** | Inklusives Design testen | Sicherstellen, dass deine Seite für alle Nutzer funktioniert |
-| **Geräte-Simulator** | Vorschau auf verschiedenen Bildschirmgrößen | Responsives Design ohne mehrere Geräte testen |
+| **Netzwerkmonitor** | Nachverfolgen, wie Ressourcen geladen werden | Performance und Ladezeiten optimieren |
+| **Zugänglichkeitsprüfer** | Auf inklusive Gestaltung testen | Sicherstellen, dass deine Seite für alle Nutzer funktioniert |
+| **Gerätesimulator** | Vorschau auf verschiedenen Bildschirmgrößen | Responsive Design ohne mehrere Geräte testen |
 
 #### Empfohlene Browser für die Entwicklung
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Industriestandard DevTools mit umfangreicher Dokumentation
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Hervorragende CSS Grid- und Zugänglichkeits-Tools
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Aufbau auf Chromium mit Microsofts Entwicklerressourcen
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Hervorragende CSS Grid- und Zugänglichkeitswerkzeuge
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Auf Chromium basierend mit Microsofts Entwicklerressourcen
 
-> ⚠️ **Wichtiger Test-Tipp**: Teste deine Websites immer in mehreren Browsern! Was in Chrome perfekt funktioniert, kann in Safari oder Firefox anders aussehen. Professionelle Entwickler testen in allen großen Browsern, um konsistente Nutzererfahrungen zu gewährleisten.
+> ⚠️ **Wichtiger Test-Tipp**: Teste deine Websites immer in mehreren Browsern! Was in Chrome perfekt funktioniert, kann in Safari oder Firefox anders aussehen. Professionelle Entwickler testen in allen wichtigen Browsern, um eine konsistente Nutzererfahrung sicherzustellen.
 
 
-### Kommandozeilen-Tools: Dein Tor zu Entwickler-Superkräften
+### Kommandozeilen-Tools: Dein Zugang zu Entwickler-Superkräften
 
-Okay, jetzt mal ehrlich zum Thema Kommandozeile, denn ich will, dass du das von jemandem hörst, der es wirklich versteht. Als ich sie zum ersten Mal sah – nur dieser furchteinflößende schwarze Bildschirm mit blinkendem Text – dachte ich buchstäblich: „Nee, auf keinen Fall! Das sieht aus wie aus einem Hackerfilm der 1980er, und ich bin auf keinen Fall schlau genug dafür!“ 😅
+Okay, lass uns ganz ehrlich sein über die Kommandozeile, denn ich möchte, dass du das von jemandem hörst, der es wirklich versteht. Als ich sie zum ersten Mal sah – nur dieser beängstigende schwarze Bildschirm mit blinkendem Text – dachte ich buchstäblich: „Nein, auf keinen Fall! Das sieht aus wie aus einem Hacker-Film der 80er, und ich bin definitiv nicht klug genug dafür!“ 😅
 
-Aber hier ist, was ich mir damals gewünscht hätte, dass mir jemand sagt, und was ich dir jetzt sage: Die Kommandozeile ist nicht gruselig – sie ist tatsächlich wie ein direktes Gespräch mit deinem Computer. Stell sie dir vor wie den Unterschied zwischen Essen über eine schicke App mit Bildern und Menüs zu bestellen (was nett und einfach ist) und deinem Lieblingsrestaurant vor Ort, wo der Koch genau weiß, was du magst, und dir etwas Perfektes zaubert, nur weil du sagst „Überrasche mich mit etwas Großartigem.“
+Aber hier ist, was ich mir damals gewünscht hätte, dass mir jemand sagt, und was ich dir gerade jetzt erzähle: Die Kommandozeile ist nicht beängstigend – sie ist eigentlich wie ein direkter Dialog mit deinem Computer. Stell es dir vor wie der Unterschied zwischen Essen über eine schicke App mit Bildern und Menüs zu bestellen (was nett und einfach ist) und deinem Lieblingsrestaurant vor Ort, wo der Koch genau weiß, was du magst und etwas Perfektes zaubert, wenn du sagst: „Überrasche mich mit etwas Tollem.“
 
-Die Kommandozeile ist der Ort, an dem Entwickler sich wie absolute Zauberer fühlen. Du tippst ein paar scheinbar magische Worte ein (okay, es sind nur Befehle, aber sie fühlen sich magisch an!), drückst Enter und BOOM – du hast komplette Projektstrukturen erstellt, leistungsstarke Werkzeuge aus der ganzen Welt installiert oder deine App ins Internet für Millionen von Menschen gestellt. Wenn du diesen ersten Vorgeschmack auf diese Macht hast, ist das ehrlich gesagt ziemlich süchtig machend!
+Die Kommandozeile ist der Ort, an dem Entwickler sich wie absolute Zauberer fühlen. Du tippst ein paar scheinbar magische Wörter (okay, es sind Befehle, aber sie fühlen sich magisch an!), drückst Enter und BOOM – du hast ganze Projektstrukturen erstellt, mächtige Tools aus der ganzen Welt installiert oder deine App ins Internet gestellt, damit Millionen sie sehen können. Wenn du einmal diese Macht gespürt hast, wird es ehrlich gesagt ziemlich süchtig machen!
 
-**Warum die Kommandozeile dein Lieblingswerkzeug wird:**
+**Darum wird die Kommandozeile dein Lieblingstool sein:**
 
-Während grafische Oberflächen für viele Aufgaben großartig sind, glänzt die Kommandozeile bei Automatisierung, Präzision und Geschwindigkeit. Viele Entwicklungswerkzeuge funktionieren hauptsächlich über Kommandozeilen-Schnittstellen, und das effiziente Lernen ihrer Nutzung kann deine Produktivität dramatisch steigern.
+Während grafische Oberflächen für viele Aufgaben großartig sind, glänzt die Kommandozeile bei Automatisierung, Präzision und Geschwindigkeit. Viele Entwicklungstools arbeiten hauptsächlich über Kommandozeilenschnittstellen, und sie effizient zu nutzen, kann deine Produktivität drastisch steigern.
 
 ```bash
 # Schritt 1: Erstellen und navigieren Sie zum Projektverzeichnis
@@ -603,8 +601,8 @@ cd my-awesome-website
 ```
 
 **Das macht dieser Code:**
-- **Ein neues Verzeichnis namens "my-awesome-website"** für dein Projekt erstellen
-- **Ins neu erstellte Verzeichnis wechseln,** um mit der Arbeit zu beginnen
+- **Erstellt** ein neues Verzeichnis namens „my-awesome-website“ für dein Projekt
+- **Wechselt** in das neu erstellte Verzeichnis, um die Arbeit zu beginnen
 
 ```bash
 # Schritt 2: Projekt mit package.json initialisieren
@@ -616,13 +614,13 @@ npm install --save-dev @eslint/js
 ```
 
 **Schritt für Schritt passiert Folgendes:**
-- **Initialisierung** eines neuen Node.js-Projekts mit Standardeinstellungen via `npm init -y`
-- **Installation** von Vite als modernes Build-Tool für schnelle Entwicklung und Produktions-Builds
-- **Hinzufügen** von Prettier für automatische Code-Formatierung und ESLint für Code-Qualitätsprüfungen
-- **Verwendung** des `--save-dev` Flags, um diese als reine Entwicklungsabhängigkeiten zu markieren
+- **Initialisiert** ein neues Node.js-Projekt mit den Standard-Einstellungen via `npm init -y`
+- **Installiert** Vite als modernes Build-Tool für schnelle Entwicklung und Produktions-Builds
+- **Fügt hinzu** Prettier für automatische Code-Formatierung und ESLint für Code-Qualitätsprüfungen
+- **Verwendet** den `--save-dev`-Schalter, um diese als reine Entwicklungsabhängigkeiten zu markieren
 
 ```bash
-# Schritt 3: Projektstruktur und Dateien erstellen
+# Schritt 3: Erstellen Sie die Projektstruktur und Dateien
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -631,30 +629,30 @@ npx vite
 ```
 
 **Oben haben wir:**
-- **Unser Projekt organisiert,** indem wir separate Ordner für Quellcode und Assets erstellt haben
-- **Eine einfache HTML-Datei** mit korrekter Dokumentstruktur generiert
-- **Den Vite-Entwicklungsserver gestartet** für Live Reloading und Hot Module Replacement
+- **Organisiert** unser Projekt durch separate Ordner für Quellcode und Assets
+- **Generiert** eine einfache HTML-Datei mit korrektem Dokumentaufbau
+- **Gestartet** den Vite-Entwicklungsserver für Live-Reloading und Hot-Module-Replacement
 
-#### Unverzichtbare Kommandozeilen-Tools für Webentwicklung
+#### Unverzichtbare Kommandozeilentools für Webentwicklung
 
 | Tool | Zweck | Warum du es brauchst |
 |------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Versionskontrolle | Änderungen nachverfolgen, mit anderen zusammenarbeiten, Arbeit sichern |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript-Laufzeit & Paketverwaltung | JavaScript außerhalb des Browsers ausführen, moderne Entwicklungswerkzeuge installieren |
-| **[Vite](https://vitejs.dev/)** | Build-Tool & Entwicklungsserver | Blitzschnelle Entwicklung mit Hot Module Replacement |
-| **[ESLint](https://eslint.org/)** | Code-Qualität | Automatisch Probleme im JavaScript finden und beheben |
-| **[Prettier](https://prettier.io/)** | Code-Formatierung | Deinen Code einheitlich formatiert und lesbar halten |
+| **[Git](https://git-scm.com/)** | Versionskontrolle | Änderungen verfolgen, mit anderen zusammenarbeiten, Backup erstellen |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript-Laufzeit & Paketverwaltung | JavaScript außerhalb von Browsern ausführen, moderne Entwicklungstools installieren |
+| **[Vite](https://vitejs.dev/)** | Build-Tool & Dev-Server | Sehr schnelle Entwicklung mit Hot-Module-Replacement |
+| **[ESLint](https://eslint.org/)** | Codequalität | Probleme im JavaScript automatisch finden und beheben |
+| **[Prettier](https://prettier.io/)** | Codeformatierung | Deinen Code durchgängig formatiert und lesbar halten |
 
 #### Plattform-spezifische Optionen
 
 **Windows:**
 - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Moderner, funktionsreicher Terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Leistungsstarke Skriptumgebung
-- **[Eingabeaufforderung (Command Prompt)](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Traditionelle Windows-Kommandozeile
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Leistungsfähige Skriptumgebung
+- **[Eingabeaufforderung](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Traditionelle Windows-Kommandozeile
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Eingebaute Terminal-Anwendung
-- **[iTerm2](https://iterm2.com/)** – Erweiterter Terminal mit erweiterten Funktionen
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Eingebautes Terminalprogramm
+- **[iTerm2](https://iterm2.com/)** – Erweitertes Terminal mit zusätzlichen Features
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 – Standard-Linux-Shell
@@ -662,124 +660,124 @@ npx vite
 
 > 💻 = Vorinstalliert im Betriebssystem
 
-> 🎯 **Lernpfad**: Beginne mit grundlegenden Befehlen wie `cd` (Verzeichnis wechseln), `ls` oder `dir` (Dateien auflisten) und `mkdir` (Ordner erstellen). Übe mit modernen Workflow-Befehlen wie `npm install`, `git status` und `code .` (öffnet das aktuelle Verzeichnis in VS Code). Mit zunehmendem Komfort wirst du automatisch fortgeschrittenere Befehle und Automatisierungstechniken lernen.
+> 🎯 **Lernpfad**: Starte mit Basisbefehlen wie `cd` (Verzeichnis wechseln), `ls` oder `dir` (Dateien auflisten) und `mkdir` (Ordner erstellen). Übe moderne Workflow-Befehle wie `npm install`, `git status` und `code .` (öffnet das aktuelle Verzeichnis in VS Code). Je sicherer du wirst, desto mehr wirst du fortgeschrittene Befehle und Automatisierungstechniken kennenlernen.
 
 
-### Dokumentation: Dein immer verfügbarer Lernmentor
+### Dokumentation: Dein jederzeit verfügbarer Lernmentor
 
-Okay, ich verrate dir ein kleines Geheimnis, das dich als Anfänger wirklich erleichtern wird: Selbst die erfahrensten Entwickler verbringen einen riesigen Teil ihrer Zeit mit dem Lesen von Dokumentation. Und das liegt nicht daran, dass sie nicht wissen, was sie tun – es ist tatsächlich ein Zeichen von Weisheit!
+Okay, ich teile ein kleines Geheimnis, das dich viel entspannter macht, Anfänger zu sein: Selbst die erfahrensten Entwickler verbringen einen großen Teil ihrer Zeit mit Lesen von Dokumentationen. Und das nicht, weil sie keine Ahnung haben – sondern es ist tatsächlich ein Zeichen von Weisheit!
 
-Denk an Dokumentation wie an den Zugang zu den geduldigsten, wissendsten Lehrern der Welt, die jederzeit verfügbar sind. Bei einem Problem um 2 Uhr nachts? Dokumentation ist da mit einer warmen virtuellen Umarmung und genau der Antwort, die du brauchst. Du willst etwas über ein cooles neues Feature lernen, über das alle sprechen? Dokumentation unterstützt dich mit Schritt-für-Schritt-Beispielen. Du versuchst zu verstehen, warum etwas so funktioniert, wie es tut? Genau, die Dokumentation erklärt es dir auf eine Art, die endlich Sinn macht!
+Sieh Dokumentation wie den Zugang zu den geduldigsten und kenntnisreichsten Lehrern der Welt, die 24/7 für dich da sind. Stehst du um 2 Uhr nachts vor einem Problem? Die Dokumentation ist da mit einer warmen virtuellen Umarmung und genau der Antwort, die du brauchst. Willst du eine coole neue Funktion lernen, über die alle sprechen? Die Dokumentation steht dir mit Schritt-für-Schritt-Beispielen zur Seite. Versucht du zu verstehen, warum etwas so funktioniert, wie es funktioniert? Genau, die Dokumentation erklärt dir alles, bis es endlich klick macht!
 
-Etwas, das meine Perspektive komplett verändert hat: Die Welt der Webentwicklung bewegt sich unglaublich schnell, und niemand (wirklich niemand!) behält alles im Kopf. Ich habe Senior-Entwickler mit über 15 Jahren Erfahrung gesehen, die grundlegende Syntax nachschlagen, und weißt du was? Das ist nicht peinlich – das ist schlau! Es geht nicht darum, ein perfektes Gedächtnis zu haben; es geht darum, zu wissen, wo man verlässliche Antworten schnell findet und wie man sie anwendet.
+Hier ist etwas, was meine Perspektive komplett verändert hat: Die Webentwicklung bewegt sich unglaublich schnell, und niemand (wirklich niemand!) behält alles im Kopf. Ich habe Senior Entwickler mit 15+ Jahren Erfahrung gesehen, wie sie grundlegende Syntax nachgeschlagen haben, und weißt du was? Das ist nicht peinlich – das ist schlau! Es geht nicht um perfektes Gedächtnis, sondern darum zu wissen, wo du verlässliche Antworten schnell findest und wie du sie anwendest.
 
-**Hier passiert die eigentliche Magie:**
+**Hier passiert die wahre Magie:**
 
-Professionelle Entwickler verbringen einen bedeutenden Teil ihrer Zeit mit dem Lesen von Dokumentation – nicht weil sie nicht wissen, was sie tun, sondern weil der Webentwicklungsbereich sich so schnell entwickelt, dass es kontinuierliches Lernen braucht, um auf dem Laufenden zu bleiben. Gute Dokumentation hilft dir zu verstehen, nicht nur *wie* man etwas benutzt, sondern *warum* und *wann*.
+Professionelle Entwickler verbringen viel Zeit mit Dokumentation – nicht weil sie keine Ahnung hätten, sondern weil die Webentwicklung sich so schnell verändert, dass kontinuierliches Lernen nötig ist. Gute Dokumentation hilft dir nicht nur zu verstehen, *wie* man etwas benutzt, sondern auch *warum* und *wann*.
 
 #### Unverzichtbare Dokumentationsressourcen
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Der Goldstandard für Webtechnologie-Dokumentation
-- Umfassende Leitfäden für HTML, CSS und JavaScript
-- Beinhaltet Informationen zur Browser-Kompatibilität
-- Enthält praxisnahe Beispiele und interaktive Demos
+- Goldstandard für Webtechnologie-Dokumentationen
+- Umfassende Anleitungen zu HTML, CSS und JavaScript
+- Enthält Browserkompatibilitätsinformationen
+- Beinhaltet praktische Beispiele und interaktive Demos
 
 **[Web.dev](https://web.dev)** (von Google)
 - Moderne Best Practices der Webentwicklung
 - Leitfäden zur Performance-Optimierung
-- Prinzipien für Zugänglichkeit und inklusives Design
+- Zugänglichkeits- und inklusive Designprinzipien
 - Fallstudien aus echten Projekten
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Ressourcen zur Entwicklung für den Edge-Browser
-- Progressive Web-App-Anleitungen
+- Ressourcen für die Entwicklung mit Edge Browser
+- Progressive Web App-Anleitungen
 - Einblicke in plattformübergreifende Entwicklung
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - Strukturierte Lerncurricula
 - Videokurse von Branchenexperten
-- Praxisnahe Programmierübungen
+- Praktische Programmierübungen
 
-> 📚 **Lernstrategie**: Versuche nicht, Dokumentation auswendig zu lernen – lerne vielmehr, wie du sie effizient navigierst. Lege häufig genutzte Referenzen als Lesezeichen an und übe die Suchfunktionen, um gezielt Informationen schnell zu finden.
+> 📚 **Lernstrategie**: Versuche nicht, Dokumentation auswendig zu lernen – sondern lerne, sie effizient zu navigieren. Lege dir Lesezeichen für häufig genutzte Referenzen an und übe, die Suchfunktion zu nutzen, um schnell spezifische Informationen zu finden.
 
-### 🔧 **Tool-Beherrschungs-Check: Was spricht dich an?**
+### 🔧 **Tool-Mastery-Check: Was spricht dich am meisten an?**
 
 **Nimm dir einen Moment und überlege:**
-- Welches Tool möchtest du als erstes ausprobieren? (Es gibt keine falsche Antwort!)
-- Fühlt sich die Kommandozeile noch einschüchternd an oder bist du neugierig?
-- Kannst du dir vorstellen, mit den Browser-DevTools hinter die Kulissen deiner Lieblingswebsites zu schauen?
+- Welches Tool möchtest du zuerst ausprobieren? (Es gibt kein falsches Ergebnis!)
+- Fühlst du dich von der Kommandozeile noch eingeschüchtert, oder bist du neugierig geworden?
+- Kannst du dir vorstellen, Browser-DevTools zu nutzen, um hinter die Kulissen deiner Lieblingswebsites zu blicken?
 
 ```mermaid
-pie title "Mit Werkzeugen verbrachte Entwicklerzeit"
+pie title "Entwicklerzeit mit Werkzeugen"
     "Code Editor" : 40
-    "Browser Testen" : 25
-    "Kommandozeile" : 15
-    "Dokumentation Lesen" : 15
+    "Browser Testing" : 25
+    "Command Line" : 15
+    "Dokumentation lesen" : 15
     "Debugging" : 5
 ```
-> **Interessanter Einblick**: Die meisten Entwickler verbringen etwa 40 % ihrer Zeit im Code-Editor, aber schau mal, wie viel Zeit fürs Testen, Lernen und Problemlösen draufgeht. Programmieren ist nicht nur Code schreiben – es geht darum, Erlebnisse zu gestalten!
+> **Interessante Erkenntnis**: Die meisten Entwickler verbringen etwa 40 % ihrer Zeit im Code-Editor, aber achte mal darauf, wie viel Zeit fürs Testen, Lernen und Problemlösen draufgeht. Programmieren ist nicht nur Code schreiben – es geht darum, Erlebnisse zu schaffen!
 
-✅ **Zum Nachdenken**: Hier ist etwas Interessantes – wie denkst du, unterscheiden sich die Werkzeuge zum Erstellen von Websites (Entwicklung) von denen, die das Aussehen gestalten (Design)? Es ist wie der Unterschied zwischen einem Architekten, der ein schönes Haus entwirft, und dem Bauunternehmer, der es tatsächlich baut. Beides ist wichtig, aber sie brauchen unterschiedliche Werkzeugkästen! Diese Denkweise wird dir wirklich helfen, das große Ganze zu sehen, wie Websites lebendig werden.
+✅ **Denk mal drüber nach**: Hier eine interessante Frage – wie denkst du, unterscheiden sich Tools für die Entwicklung von Webseiten von denen zum Design der Optik? Es ist wie der Unterschied zwischen einem Architekten, der ein schönes Haus plant, und dem Bauunternehmer, der es tatsächlich baut. Beides ist wichtig, aber sie brauchen unterschiedliche Werkzeugkästen! Diese Denkweise hilft dir wirklich, das große Ganze zu sehen, wie Websites entstehen.
 
-## GitHub Copilot Agent Challenge 🚀
+## GitHub Copilot Agent Herausforderung 🚀
 
-Nutze den Agentenmodus, um die folgende Herausforderung zu meistern:
+Nutze den Agent-Modus, um folgende Herausforderung zu meistern:
 
-**Beschreibung:** Erkunde die Funktionen eines modernen Code-Editors oder einer IDE und zeige, wie sie deinen Arbeitsfluss als Webentwickler verbessern können.
+**Beschreibung:** Erkunde die Funktionen eines modernen Code-Editors oder einer IDE und zeige, wie er deinen Workflow als Webentwickler verbessern kann.
 
-**Anweisung:** Wähle einen Code-Editor oder eine IDE (wie Visual Studio Code, WebStorm oder eine cloudbasierte IDE). Liste drei Funktionen oder Erweiterungen auf, die dir helfen, Code effizienter zu schreiben, zu debuggen oder zu verwalten. Gib für jede eine kurze Erklärung, wie sie deinen Workflow unterstützt.
+**Aufgabe:** Wähle einen Code-Editor oder eine IDE (z. B. Visual Studio Code, WebStorm oder eine Cloud-basierte IDE). Liste drei Features oder Erweiterungen auf, die dir helfen, Code effizienter zu schreiben, zu debuggen oder zu verwalten. Erläutere für jedes kurz, wie es deinen Workflow unterstützt.
 
 ---
 
 ## 🚀 Herausforderung
 
-**Bereit für deinen ersten Fall, Detektiv?**
+**Also, Detektiv, bereit für deinen ersten Fall?**
 
-Jetzt, wo du diese tolle Grundlage hast, wartet ein Abenteuer auf dich, das dir zeigt, wie unglaublich vielfältig und faszinierend die Programmierwelt wirklich ist. Und keine Sorge – es geht noch nicht darum, Code zu schreiben, also kein Stress! Stell dir vor, du bist ein Programmiersprachen-Detektiv bei deinem allerersten spannenden Fall!
+Jetzt, wo du diese tolle Grundlage hast, habe ich ein Abenteuer für dich, das dir zeigt, wie unglaublich vielfältig und faszinierend die Programmierwelt wirklich ist. Und hör zu – es geht hier noch nicht ums Programmieren, also kein Druck! Denk an dich wie an einen Programmier-Sprachdetektiv bei deinem allerersten spannenden Fall!
 
-**Deine Mission, solltest du sie annehmen:**
-1. **Werde ein Sprachentdecker:** Wähle drei Programmiersprachen aus völlig unterschiedlichen Welten – vielleicht eine zum Erstellen von Websites, eine für mobile Apps und eine für die Datenverarbeitung in der Wissenschaft. Finde Beispiele für dieselbe einfache Aufgabe, geschrieben in jeder Sprache. Ich verspreche dir, du wirst erstaunt sein, wie unterschiedlich sie aussehen können, obwohl sie das Gleiche tun!
+**Deine Mission, falls du sie annimmst:**
+1. **Werde Sprachentdecker**: Wähle drei Programmiersprachen aus völlig unterschiedlichen Welten – vielleicht eine, die Websites baut, eine, die mobile Apps erstellt, und eine, die Daten für Wissenschaftler auswertet. Finde Beispiele für die gleiche einfache Aufgabe, jeweils in jeder Sprache geschrieben. Ich verspreche dir, du wirst absolut erstaunt sein, wie unterschiedlich sie aussehen, obwohl sie genau dasselbe machen!
 
-2. **Ergründe ihre Ursprungsgeschichten:** Was macht jede Sprache besonders? Ein cooler Fakt – jede einzelne Programmiersprache wurde erstellt, weil jemand dachte: „Weißt du was? Es muss einen besseren Weg geben, dieses spezielle Problem zu lösen.“ Kannst du herausfinden, welche Probleme das waren? Einige dieser Geschichten sind wirklich faszinierend!
+2. **Entdecke ihre Ursprungsgeschichten**: Was macht jede Sprache besonders? Hier ein cooler Fakt – jede Programmiersprache wurde geschaffen, weil jemand dachte: „Weißt du was? Es muss einen besseren Weg geben, genau dieses Problem zu lösen.“ Kannst du herausfinden, welche Probleme das waren? Einige dieser Geschichten sind wirklich faszinierend!
 
-3. **Lerne die Communities kennen:** Schau dir an, wie einladend und leidenschaftlich die Community jeder Sprache ist. Manche haben Millionen Entwickler, die Wissen teilen und sich gegenseitig helfen, andere sind kleiner, aber unglaublich eng verbunden und unterstützend. Du wirst die verschiedenen Persönlichkeiten dieser Communities lieben!
+3. **Lerne die Communities kennen**: Sieh dir an, wie willkommen heißend und leidenschaftlich die Community jeder Sprache ist. Manche haben Millionen von Entwicklern, die Wissen teilen und einander helfen, andere sind kleiner aber sehr eng verbunden und unterstützend. Du wirst die verschiedenen Persönlichkeiten dieser Communities lieben!
 
-4. **Folge deinem Bauchgefühl:** Welche Sprache fühlt sich gerade am zugänglichsten für dich an? Mach dir keinen Stress mit der „perfekten“ Wahl – hör einfach auf dein Bauchgefühl! Es gibt wirklich keine falsche Antwort, und du kannst später immer weitere Sprachen erkunden.
+4. **Vertrau deinem Bauchgefühl**: Welche Sprache wirkt gerade am zugänglichsten für dich? Mach dir keinen Stress wegen der „perfekten“ Wahl – hör einfach auf dein Gefühl! Es gibt ehrlich gesagt keine falsche Antwort, und du kannst später immer andere erkunden.
 
-**Bonus-Detektivarbeit:** Finde heraus, welche großen Websites oder Apps mit jeder Sprache gebaut sind. Ich garantiere dir, du wirst überrascht sein, zu erfahren, was Instagram, Netflix oder dieses mobile Spiel antreibt, das du einfach nicht mehr aus der Hand legen kannst!
+**Bonus-Detektivarbeit**: Finde heraus, welche großen Websites oder Apps mit jeder Sprache gebaut wurden. Ich garantiere dir, du wirst schockiert sein, was Instagram, Netflix oder dein Lieblings-Mobilspiel antreibt!
 
-> 💡 **Denke daran:** Du versuchst heute nicht, Experte in einer dieser Sprachen zu werden. Du lernst erstmal nur die Nachbarschaft kennen, bevor du dich entscheidest, wo du dich niederlassen willst. Nimm dir Zeit, hab Spaß dabei und lass dich von deiner Neugier leiten!
+> 💡 **Denke daran**: Du musst heute kein Experte in irgendeiner dieser Sprachen werden. Du lernst nur die Nachbarschaft kennen, bevor du entscheidest, wo du dich niederlassen möchtest. Nimm dir Zeit, hab Spaß dabei und lass deine Neugier leiten!
 
 ## Lass uns feiern, was du entdeckt hast!
 
-Wow, du hast heute so viele unglaubliche Informationen aufgenommen! Ich freue mich wirklich darauf zu sehen, wie viel von dieser großartigen Reise bei dir hängen geblieben ist. Und denk daran – das ist kein Test, bei dem du alles perfekt machen musst. Das ist eher eine Feier all der coolen Dinge, die du über diese faszinierende Welt gelernt hast, in die du bald eintauchst!
+Heilige Makrele, du hast heute so viele unglaubliche Informationen aufgenommen! Ich freue mich wirklich darauf zu sehen, wie viel von dieser fantastischen Reise bei dir hängen geblieben ist. Und denk daran – das ist kein Test, bei dem du alles perfekt machen musst. Das ist eher eine Feier von all den coolen Dingen, die du über diese faszinierende Welt gelernt hast, in die du eintauchst!
 
 [Mach das Quiz nach der Lektion](https://ff-quizzes.netlify.app/web/)
-## Überprüfung & Selbststudium
 
-**Nimm dir Zeit, um zu erkunden und dabei Spaß zu haben!**
+## Rückblick & Selbststudium
 
-Du hast heute viel geschafft, und darauf kannst du stolz sein! Jetzt kommt der spaßige Teil – die Themen zu erforschen, die deine Neugier geweckt haben. Denk daran, das ist keine Hausaufgabe – es ist ein Abenteuer!
+**Nimm dir Zeit, um zu erkunden und Spaß zu haben!**
+Du hast heute eine Menge geschafft, und darauf kannst du wirklich stolz sein! Jetzt kommt der spaßige Teil – das Erkunden der Themen, die deine Neugier geweckt haben. Denk daran, das ist keine Hausaufgabe – es ist ein Abenteuer!
 
 **Tauche tiefer ein in das, was dich begeistert:**
 
-**Arbeite praktisch mit Programmiersprachen:**
+**Werde praktisch mit Programmiersprachen:**
 - Besuche die offiziellen Webseiten von 2-3 Sprachen, die deine Aufmerksamkeit erregt haben. Jede hat ihre eigene Persönlichkeit und Geschichte!
-- Probiere einige Online-Coding-Playgrounds wie [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) oder [Replit](https://replit.com/). Hab keine Angst zu experimentieren – du kannst nichts kaputt machen!
-- Lies darüber, wie deine Lieblingssprache entstanden ist. Wirklich, einige dieser Ursprungsgeschichten sind faszinierend und helfen dir zu verstehen, warum Sprachen so funktionieren, wie sie es tun.
+- Probiere einige Online-Coding-Spielplätze wie [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), oder [Replit](https://replit.com/) aus. Hab keine Angst zu experimentieren – du kannst nichts kaputt machen!
+- Lies darüber, wie deine Lieblingssprache entstanden ist. Ehrlich, einige dieser Ursprungsgeschichten sind faszinierend und helfen dir zu verstehen, warum Sprachen so funktionieren, wie sie es tun.
 
-**Mache dich vertraut mit deinen neuen Werkzeugen:**
-- Lade Visual Studio Code herunter, falls du es noch nicht getan hast – es ist kostenlos und du wirst es lieben!
-- Verbringe ein paar Minuten beim Stöbern im Extensions-Marktplatz. Es ist wie ein App-Store für deinen Code-Editor!
-- Öffne die Entwicklerwerkzeuge deines Browsers und klicke einfach mal herum. Mach dir keine Sorgen, alles zu verstehen – lerne einfach, was dort ist.
+**Werde vertraut mit deinen neuen Werkzeugen:**
+- Lade Visual Studio Code herunter, falls du das noch nicht getan hast – es ist kostenlos und du wirst es lieben!
+- Verbringe ein paar Minuten damit, im Extensions-Marktplatz zu stöbern. Es ist wie ein App-Store für deinen Code-Editor!
+- Öffne die Entwicklertools deines Browsers und klicke dich einfach mal durch. Mach dir keine Sorgen, alles zu verstehen – gewöhne dich einfach an das, was dort ist.
 
 **Tritt der Community bei:**
-- Folge einigen Entwickler-Communities auf [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) oder [GitHub](https://github.com/). Die Programmier-Community ist für Neulinge unglaublich einladend!
-- Schau dir einige anfängerfreundliche Coding-Videos auf YouTube an. Es gibt so viele großartige Creators, die sich daran erinnern, wie es ist, neu anzufangen.
-- Ziehe in Erwägung, lokalen Meetups oder Online-Communities beizutreten. Vertrau mir, Entwickler helfen gerne Neulingen!
+- Folge einigen Entwickler-Communities auf [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), oder [GitHub](https://github.com/). Die Programmier-Community ist unglaublich offen und freundlich zu Neulingen!
+- Schaue dir anfängerfreundliche Programmier-Videos auf YouTube an. Es gibt so viele großartige Creator, die sich daran erinnern, wie es ist, am Anfang zu stehen.
+- Ziehe in Betracht, lokalen Meetups oder Online-Communities beizutreten. Vertrau mir, Entwickler lieben es, Neulingen zu helfen!
 
-> 🎯 **Hör zu, das ist, was du dir merken sollst**: Du musst über Nacht kein Programmiergenie werden! Im Moment lernst du einfach diese erstaunliche neue Welt kennen, der du bald angehören wirst. Nimm dir Zeit, genieße die Reise, und denk daran – jeder Entwickler, den du bewunderst, saß einmal genau dort, wo du jetzt sitzt, voller Vorfreude und vielleicht ein wenig überwältigt. Das ist ganz normal und bedeutet, dass du es richtig machst!
+> 🎯 **Merk dir Folgendes**: Von dir wird nicht erwartet, dass du über Nacht zum Programmier-Profi wirst! Im Moment lernst du gerade einfach nur diese erstaunliche neue Welt kennen, deren Teil du bald sein wirst. Nimm dir Zeit, genieße die Reise und denk daran – jeder Entwickler, den du bewunderst, saß einmal genau da, wo du jetzt sitzt, fühlte sich aufgeregt und vielleicht ein bisschen überfordert. Das ist völlig normal und zeigt, dass du auf dem richtigen Weg bist!
 
 
 
@@ -787,70 +785,70 @@ Du hast heute viel geschafft, und darauf kannst du stolz sein! Jetzt kommt der s
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Ein kleiner Anstoß für deine Aufgabe**: Ich würde mich sehr freuen, wenn du einige Tools entdeckst, die wir noch nicht behandelt haben! Überspringe die Editoren, Browser und Kommandozeilen-Tools, über die wir schon gesprochen haben – da draußen gibt es ein ganzes unglaubliches Universum an großartigen Entwicklungstools, die nur darauf warten, entdeckt zu werden. Suche nach solchen, die aktiv gepflegt werden und lebendige, hilfsbereite Communities haben (diese haben meist die besten Tutorials und die unterstützendsten Menschen, wenn du mal festhängst und eine freundliche Hand brauchst).
+> 💡 **Ein kleiner Anstoß für deine Aufgabe**: Ich würde es sehr lieben, wenn du einige Tools entdeckst, die wir noch nicht behandelt haben! Überspring die Editoren, Browser und Kommandozeilen-Tools, über die wir schon gesprochen haben – da draußen gibt es eine ganze unglaubliche Welt erstaunlicher Entwicklungstools, die nur darauf warten, entdeckt zu werden. Suche nach solchen, die aktiv gepflegt werden und lebendige, hilfsbereite Communities haben (diese bieten meist die besten Tutorials und die unterstützendsten Menschen, wenn du irgendwann mal feststeckst und eine helfende Hand brauchst).
 
 ---
 
-## 🚀 Deine Programmierreise-Zeitleiste
+## 🚀 Dein Programmier-Reiseplan
 
 ### ⚡ **Was du in den nächsten 5 Minuten tun kannst**
-- [ ] Lesezeichen für 2-3 Webseiten von Programmiersprachen setzen, die dich angesprochen haben
+- [ ] Lesezeichen für 2-3 Webseiten von Programmiersprachen setzen, die dein Interesse geweckt haben
 - [ ] Visual Studio Code herunterladen, falls noch nicht geschehen
-- [ ] Die DevTools deines Browsers (F12) öffnen und auf irgendeiner Webseite herumklicken
-- [ ] Einer Programmier-Community beitreten (Dev.to, Reddit r/webdev oder Stack Overflow)
+- [ ] Die DevTools (F12) deines Browsers öffnen und auf irgendeiner Webseite herumklicken
+- [ ] Einer Programmierer-Community beitreten (Dev.to, Reddit r/webdev oder Stack Overflow)
 
 ### ⏰ **Was du in dieser Stunde schaffen kannst**
-- [ ] Das Quiz nach der Lektion abschließen und deine Antworten reflektieren
+- [ ] Das Quiz nach der Lektion absolvieren und deine Antworten reflektieren
 - [ ] VS Code mit der GitHub Copilot-Erweiterung einrichten
-- [ ] Ein "Hello World"-Beispiel online in 2 verschiedenen Programmiersprachen ausprobieren
-- [ ] Ein "Day in the Life of a Developer"-Video auf YouTube anschauen
-- [ ] Mit deiner Programmier-Sprachdetektivarbeit beginnen (aus der Challenge)
+- [ ] Ein "Hello World"-Beispiel in 2 unterschiedlichen Programmiersprachen online ausprobieren
+- [ ] Ein "Day in the Life of a Developer"-Video auf YouTube ansehen
+- [ ] Mit deiner Programmiersprachen-Detektivarbeit beginnen (aus der Challenge)
 
 ### 📅 **Dein einwöchiges Abenteuer**
 - [ ] Die Aufgabe abschließen und 3 neue Entwicklungstools erkunden
 - [ ] 5 Entwickler oder Programmier-Accounts in sozialen Medien folgen
-- [ ] Versuche, etwas Kleines in CodePen oder Replit zu bauen (auch nur "Hallo, [Dein Name]!")
-- [ ] Einen Entwicklerblogpost über jemandes Programmierreise lesen
+- [ ] Versuche, etwas Kleines in CodePen oder Replit zu bauen (selbst „Hello, [Dein Name]!“ zählt)
+- [ ] Einen Entwickler-Blogbeitrag über die Programmierreise von jemandem lesen
 - [ ] An einem virtuellen Meetup teilnehmen oder einen Programmier-Vortrag anschauen
-- [ ] Mit deinem gewählten Sprachlernprogramm online starten
+- [ ] Beginne, deine gewählte Sprache mit Online-Tutorials zu lernen
 
 ### 🗓️ **Deine einmonatige Transformation**
-- [ ] Dein erstes kleines Projekt bauen (auch eine einfache Webseite zählt!)
-- [ ] Zu einem Open-Source-Projekt beitragen (fang mit Dokumentationskorrekturen an)
-- [ ] Jemanden mentorieren, der gerade erst mit dem Programmieren beginnt
-- [ ] Deine Entwickler-Portfolio-Webseite erstellen
-- [ ] Dich mit lokalen Entwickler-Communities oder Lerngruppen verbinden
-- [ ] Deinen nächsten Lern-Meilenstein planen
+- [ ] Baue dein erstes kleines Projekt (selbst eine einfache Webseite zählt!)
+- [ ] Trage zu einem Open-Source-Projekt bei (fang mit Dokumentationskorrekturen an)
+- [ ] Mentoriere jemanden, der gerade erst mit dem Programmieren anfängt
+- [ ] Erstelle deine Entwickler-Portfolio-Webseite
+- [ ] Vernetze dich mit lokalen Entwickler-Communities oder Lerngruppen
+- [ ] Fang an, deinen nächsten Lern-Meilenstein zu planen
 
 ### 🎯 **Abschließende Reflexion**
 
 **Bevor du weitermachst, nimm dir einen Moment zum Feiern:**
-- Was hat dich heute am Programmieren besonders begeistert?
-- Welches Tool oder Konzept möchtest du als Erstes erforschen?
-- Wie fühlst du dich beim Start dieser Programmierreise?
-- Welche Frage würdest du einem Entwickler gerade gerne stellen?
+- Was hat dich heute beim Programmieren besonders begeistert?
+- Welches Tool oder Konzept möchtest du zuerst erkunden?
+- Wie fühlst du dich bei dem Start deiner Programmierreise?
+- Welche Frage würdest du einem Entwickler gerade jetzt gern stellen?
 
 ```mermaid
 journey
     title Deine Reise zum Aufbau von Selbstvertrauen
     section Heute
-      Neugierig: 3: Du
-      Überwältigt: 4: Du
-      Aufgeregt: 5: Du
+      Neugierig: 3: You
+      Überwältigt: 4: You
+      Aufgeregt: 5: You
     section Diese Woche
-      Erkunden: 4: Du
-      Lernen: 5: Du
-      Verbinden: 4: Du
+      Erkunden: 4: You
+      Lernen: 5: You
+      Vernetzen: 4: You
     section Nächster Monat
-      Aufbauen: 5: Du
-      Selbstbewusst: 5: Du
-      Anderen Helfen: 5: Du
+      Aufbau: 5: You
+      Selbstbewusst: 5: You
+      Anderen Helfen: 5: You
 ```
-> 🌟 **Denk daran**: Jeder Experte war einmal Anfänger. Jeder erfahrene Entwickler hat sich genau so gefühlt wie du jetzt – begeistert, vielleicht ein wenig überwältigt und auf jeden Fall neugierig, was möglich ist. Du bist in großartiger Gesellschaft, und diese Reise wird unglaublich sein. Willkommen in der wundervollen Welt des Programmierens! 🎉
+> 🌟 **Denk daran**: Jeder Experte war einmal Anfänger. Jeder Senior-Entwickler hat sich genau so gefühlt wie du jetzt – aufgeregt, vielleicht etwas überfordert und definitiv neugierig, was alles möglich ist. Du bist in großartiger Gesellschaft, und diese Reise wird unglaublich sein. Willkommen in der wundervollen Welt des Programmierens! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Haftungsausschluss**:  
-Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, kann nicht ausgeschlossen werden, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten. Das Originaldokument in der jeweiligen Originalsprache gilt als maßgebliche Quelle. Für wichtige Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die durch die Nutzung dieser Übersetzung entstehen.
+Dieses Dokument wurde mithilfe des KI-Übersetzungsdienstes [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, bitten wir zu beachten, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner Ursprungssprache ist als maßgebliche Quelle zu betrachten. Für kritische Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die durch die Verwendung dieser Übersetzung entstehen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/de/AGENTS.md b/translations/de/AGENTS.md
index de9b07739..0499a5845 100644
--- a/translations/de/AGENTS.md
+++ b/translations/de/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## Projektübersicht
 
-Dies ist ein Bildungs-Curriculum-Repository zum Lehren der Grundlagen der Webentwicklung für Anfänger. Das Curriculum ist ein umfassender 12-Wochen-Kurs, entwickelt von Microsoft Cloud Advocates, mit 24 praxisorientierten Lektionen, die JavaScript, CSS und HTML abdecken.
+Dies ist ein Bildungs-Curriculum-Repository zum Erlernen der Grundlagen der Webentwicklung für Einsteiger. Das Curriculum ist ein umfassender 12-Wochen-Kurs, der von Microsoft Cloud Advocates entwickelt wurde und 24 praxisorientierte Lektionen zu JavaScript, CSS und HTML umfasst.
 
 ### Hauptkomponenten
 
 - **Bildungsinhalte**: 24 strukturierte Lektionen, organisiert in projektbasierten Modulen
-- **Praktische Projekte**: Terrarium, Tipp-Spiel, Browser-Erweiterung, Weltraumspiel, Banking-App, Code-Editor und KI-Chat-Assistent
-- **Interaktive Quizze**: 48 Quizze mit jeweils 3 Fragen (Vor- und Nach-Lektionsbewertungen)
-- **Mehrsprachige Unterstützung**: Automatisierte Übersetzungen für 50+ Sprachen über GitHub Actions
+- **Praktische Projekte**: Terrarium, Tipp-Spiel, Browser-Erweiterung, Weltraumspiel, Bank-App, Code-Editor und KI-Chat-Assistent
+- **Interaktive Quizze**: 48 Quizze mit jeweils 3 Fragen (Vor-/Nach-Lektion-Bewertungen)
+- **Mehrsprachige Unterstützung**: Automatisierte Übersetzungen für über 50 Sprachen via GitHub Actions
 - **Technologien**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (für KI-Projekte)
 
 ### Architektur
 
-- Bildungsrepository mit lektionbasierter Struktur
-- Jeder Lektionen-Ordner enthält README, Codebeispiele und Lösungen
+- Bildungs-Repository mit lektionenbasierter Struktur
+- Jeder Lektionen-Ordner enthält README, Code-Beispiele und Lösungen
 - Eigenständige Projekte in separaten Verzeichnissen (quiz-app, verschiedene Lektionenprojekte)
 - Übersetzungssystem mit GitHub Actions (co-op-translator)
-- Dokumentation bereitgestellt via Docsify und als PDF verfügbar
+- Dokumentation bereitgestellt über Docsify und als PDF verfügbar
 
 ## Setup-Befehle
 
-Dieses Repository dient primär dem Konsumieren von Bildungsinhalten. Für das Arbeiten mit spezifischen Projekten:
+Dieses Repository dient hauptsächlich dem Konsum von Bildungsinhalten. Für die Arbeit mit bestimmten Projekten:
 
-### Haupt-Repository Setup
+### Haupt-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 Setup (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Entwicklungsserver starten
-npm run build      # Für die Produktion bauen
+npm run build      # Für Produktion erstellen
 npm run lint       # ESLint ausführen
 ```
 
@@ -51,7 +51,7 @@ npm run lint       # ESLint ausführen
 npm run format     # Mit Prettier formatieren
 ```
 
-### Browser-Erweiterungsprojekte
+### Browser-Erweiterungs-Projekte
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,12 +59,12 @@ npm install
 # Befolgen Sie die browserspezifischen Anweisungen zum Laden der Erweiterung
 ```
 
-### Space Game Projekte
+### Weltraumspiel-Projekte
 
 ```bash
 cd 6-space-game/solution
 npm install
-# Öffnen Sie index.html im Browser oder verwenden Sie Live Server
+# Öffne index.html im Browser oder verwende Live Server
 ```
 
 ### Chat-Projekt (Python Backend)
@@ -78,148 +78,148 @@ python api.py
 
 ## Entwicklungs-Workflow
 
-### Für Inhaltsbeitragende
+### Für Inhaltsbeiträge
 
-1. **Repository forken** in dein GitHub-Konto
-2. **Fork lokal klonen**
-3. **Neuen Branch** für Änderungen erstellen
-4. Änderungen an Lektionstexten oder Codebeispielen vornehmen
-5. Codeänderungen in relevanten Projektordnern testen
-6. Pull Requests gemäß den Beitragsrichtlinien einreichen
+1. **Forken Sie das Repository** in Ihr GitHub-Konto
+2. **Klonen Sie Ihren Fork** lokal
+3. **Erstellen Sie einen neuen Branch** für Ihre Änderungen
+4. Nehmen Sie Änderungen am Lektionstext oder Codebeispielen vor
+5. Testen Sie Codeänderungen in relevanten Projektverzeichnissen
+6. Reichen Sie Pull-Requests gemäß den Beitragsrichtlinien ein
 
 ### Für Lernende
 
 1. Repository forken oder klonen
-2. Lektionen-Ordner nacheinander durchgehen
-3. README-Dateien jeder Lektion lesen
-4. Pre-Lesson Quizze auf https://ff-quizzes.netlify.app/web/ absolvieren
-5. Codebeispiele in Lektionen bearbeiten
-6. Aufgaben und Herausforderungen abschließen
-7. Post-Lektion Quizze durchführen
+2. Navigieren Sie sequentiell durch die Lektionen-Ordner
+3. Lesen Sie die README-Dateien für jede Lektion
+4. Machen Sie Vor-Lektionen-Quizze unter https://ff-quizzes.netlify.app/web/
+5. Arbeiten Sie die Codebeispiele in den Lektionen-Ordnern durch
+6. Erledigen Sie Aufgaben und Herausforderungen
+7. Nehmen Sie an Nach-Lektionen-Quizzen teil
 
 ### Live-Entwicklung
 
-- **Dokumentation**: `docsify serve` im Root-Verzeichnis ausführen (Port 3000)
-- **Quiz-App**: `npm run dev` im quiz-app-Verzeichnis ausführen
-- **Projekte**: VS Code Live Server Extension für HTML-Projekte nutzen
-- **API-Projekte**: `npm start` in jeweiligen API-Ordnern ausführen
+- **Dokumentation**: Führen Sie `docsify serve` im Root-Verzeichnis aus (Port 3000)
+- **Quiz-App**: Führen Sie `npm run dev` im quiz-app-Verzeichnis aus
+- **Projekte**: Verwenden Sie die VS Code Live Server-Erweiterung für HTML-Projekte
+- **API-Projekte**: Führen Sie `npm start` in den jeweiligen API-Verzeichnissen aus
 
 ## Testanweisungen
 
-### Quiz App Testen
+### Quiz-App Testen
 
 ```bash
 cd quiz-app
 npm run lint       # Überprüfen Sie auf Stilprobleme im Code
-npm run build      # Überprüfen Sie, ob der Build erfolgreich ist
+npm run build      # Stellen Sie sicher, dass der Build erfolgreich ist
 ```
 
-### Bank API Testen
+### Bank-API Testen
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Überprüfe auf Code-Stilprobleme
-node server.js     # Überprüfen, ob der Server ohne Fehler startet
+node server.js     # Verifiziere, dass der Server ohne Fehler startet
 ```
 
 ### Allgemeiner Testansatz
 
-- Dies ist ein Bildungsrepository ohne umfassende automatisierte Tests
-- Manueller Test fokussiert auf:
-  - Codebeispiele laufen fehlerfrei
-  - Links in Dokumentation funktionieren korrekt
-  - Projekt-Builds laufen erfolgreich durch
-  - Beispiele folgen Best-Practices
+- Dies ist ein Bildungs-Repository ohne umfassende automatisierte Tests
+- Manuelles Testen konzentriert sich auf:
+  - Fehlerfreies Ausführen der Codebeispiele
+  - Funktionierende Links in der Dokumentation
+  - Erfolgreiche Projekt-Builds
+  - Einhaltung von Best Practices in den Beispielen
 
-### Vor-Einreichungs-Checks
+### Prüfungen vor dem Einreichen
 
-- `npm run lint` in Verzeichnissen mit package.json ausführen
-- Markdown-Links auf Gültigkeit prüfen
-- Codebeispiele im Browser oder Node.js testen
-- Übersetzungen auf korrekte Struktur prüfen
+- Führen Sie `npm run lint` in Verzeichnissen mit package.json aus
+- Überprüfen Sie die Gültigkeit der Markdown-Links
+- Testen Sie Codebeispiele im Browser oder Node.js
+- Stellen Sie sicher, dass Übersetzungen die Struktur beibehalten
 
-## Code-Stil-Richtlinien
+## Code-Stilrichtlinien
 
 ### JavaScript
 
-- Moderne ES6+ Syntax verwenden
-- Standard ESLint-Konfigurationen in Projekten einhalten
-- Sinnvolle Variablen- und Funktionsnamen für Bildungszwecke nutzen
-- Kommentare zur Erklärung von Konzepten hinzufügen
-- Formatierung mit Prettier, wo konfiguriert
+- Verwenden Sie moderne ES6+-Syntax
+- Folgen Sie den standardmäßigen ESLint-Konfigurationen in den Projekten
+- Verwenden Sie aussagekräftige Variablen- und Funktionsnamen zur besseren Verständlichkeit
+- Fügen Sie Kommentare zur Erklärung von Konzepten für Lernende hinzu
+- Formatieren Sie mit Prettier, wo konfiguriert
 
 ### HTML/CSS
 
-- Semantische HTML5-Elemente verwenden
-- Responsive Design-Prinzipien beachten
+- Semantische HTML5-Elemente
+- Prinzipien des responsiven Designs
 - Klare Klassennamen-Konventionen
 - Kommentare zur Erklärung von CSS-Techniken für Lernende
 
 ### Python
 
-- PEP 8 Stilrichtlinien einhalten
-- Klare, erklärende Codebeispiele
-- Type-Hints wo sinnvoll für Lernzwecke
+- PEP 8 Stilrichtlinien
+- Klare, didaktische Codebeispiele
+- Typ-Hinweise, wo hilfreich für das Lernen
 
 ### Markdown-Dokumentation
 
-- Klare Überschriftenhierarchie
+- Klare Gliederungshierarchie
 - Codeblöcke mit Sprachangabe
-- Links zu weiterführenden Ressourcen
-- Screenshots und Bilder in `images/` Verzeichnissen
-- Alt-Text für Bilder zur Barrierefreiheit
+- Verlinkung zu weiteren Ressourcen
+- Screenshots und Bilder in `images/`-Verzeichnissen
+- Alternativtexte für Bilder zur Barrierefreiheit
 
 ### Dateiorganisation
 
-- Lektionen sequenziell nummeriert (1-getting-started-lessons, 2-js-basics, etc.)
+- Lektionen fortlaufend nummeriert (1-getting-started-lessons, 2-js-basics usw.)
 - Jedes Projekt hat `solution/` und oft `start/` oder `your-work/` Verzeichnisse
-- Bilder in lektionenspezifischen `images/` Ordnern gespeichert
-- Übersetzungen in `translations/{language-code}/` Struktur
+- Bilder in lektionenspezifischen `images/`-Ordnern gespeichert
+- Übersetzungen in `translations/{language-code}/` Unterordnern
 
 ## Build und Deployment
 
-### Quiz App Deployment (Azure Static Web Apps)
+### Quiz-App Deployment (Azure Static Web Apps)
 
-Die quiz-app ist für das Deployment auf Azure Static Web Apps konfiguriert:
+Die quiz-app ist für Azure Static Web Apps Deployment konfiguriert:
 
 ```bash
 cd quiz-app
 npm run build      # Erstellt den Ordner dist/
-# Führt Deployment über GitHub Actions Workflow bei Push auf main durch
+# Führt die Bereitstellung über den GitHub Actions-Workflow bei Push auf main durch
 ```
 
 Azure Static Web Apps Konfiguration:
 - **App-Standort**: `/quiz-app`
-- **Ausgabestandort**: `dist`
+- **Output-Standort**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Dokumentation PDF-Erstellung
+### PDF-Erstellung der Dokumentation
 
 ```bash
 npm install                    # Installiere docsify-to-pdf
-npm run convert               # Generiere PDF aus Docs
+npm run convert               # Erzeuge PDF aus docs
 ```
 
 ### Docsify Dokumentation
 
 ```bash
 npm install -g docsify-cli    # Docsify global installieren
-docsify serve                 # Lokalhost:3000 bedienen
+docsify serve                 # Auf localhost:3000 bereitstellen
 ```
 
-### Projektspezifische Builds
+### Projekt-spezifische Builds
 
-Jedes Projektverzeichnis kann einen eigenen Build-Prozess haben:
+Jedes Projektverzeichnis kann seinen eigenen Build-Prozess haben:
 - Vue-Projekte: `npm run build` erzeugt Produktions-Bundles
 - Statische Projekte: Kein Build-Schritt, Dateien werden direkt bereitgestellt
 
 ## Pull-Request-Richtlinien
 
-### Titelformat
+### Titel-Format
 
-Klare, beschreibende Titel verwenden, die den Änderungsbereich angeben:
+Verwenden Sie klare, beschreibende Titel, die den Änderungsbereich angeben:
 - `[Quiz-app] Neues Quiz für Lektion X hinzufügen`
-- `[Lesson-3] Tippfehler im Terrarium-Projekt beheben`
+- `[Lesson-3] Tippfehler im Terrarium-Projekt korrigieren`
 - `[Translation] Spanische Übersetzung für Lektion 5 hinzufügen`
 - `[Docs] Setup-Anweisungen aktualisieren`
 
@@ -228,55 +228,55 @@ Klare, beschreibende Titel verwenden, die den Änderungsbereich angeben:
 Vor dem Einreichen eines PR:
 
 1. **Codequalität**:
-   - `npm run lint` in betroffenen Projektordnern ausführen
-   - Alle Linting-Fehler und -Warnungen beheben
+   - Führen Sie `npm run lint` in den betroffenen Projektverzeichnissen aus
+   - Beheben Sie alle Linting-Fehler und Warnungen
 
 2. **Build-Verifikation**:
-   - `npm run build` ausführen, falls zutreffend
-   - Keine Build-Fehler zulassen
+   - Führen Sie ggf. `npm run build` aus
+   - Stellen Sie sicher, dass keine Build-Fehler auftreten
 
 3. **Linkprüfung**:
-   - Alle Markdown-Links testen
-   - Funktionalität der Bildreferenzen prüfen
+   - Testen Sie alle Markdown-Links
+   - Überprüfen Sie Bildreferenzen
 
 4. **Inhaltsprüfung**:
-   - Rechtschreibung und Grammatik prüfen
-   - Codebeispiele auf Korrektheit und pädagogischen Wert kontrollieren
-   - Übersetzungen auf Bedeutungstreue überprüfen
+   - Korrekturlesen auf Rechtschreibung und Grammatik
+   - Sicherstellen, dass Codebeispiele korrekt und didaktisch sind
+   - Überprüfen, dass Übersetzungen die Originalbedeutung wahren
 
 ### Beitragsanforderungen
 
-- Microsoft CLA zustimmen (automatische Prüfung im ersten PR)
-- Microsoft Open Source Code of Conduct einhalten: https://opensource.microsoft.com/codeofconduct/
-- Details in [CONTRIBUTING.md](./CONTRIBUTING.md) nachlesen
-- Issue-Nummern wenn möglich im PR-Beschreibung referenzieren
+- Zustimmung zur Microsoft CLA (automatische Prüfung beim ersten PR)
+- Befolgung des [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Siehe [CONTRIBUTING.md](./CONTRIBUTING.md) für detaillierte Richtlinien
+- Referenzierung von Issue-Nummern in der PR-Beschreibung, falls zutreffend
 
-### Review-Prozess
+### Überprüfungsprozess
 
-- PRs werden von Maintainers und Community überprüft
-- Pädagogische Klarheit hat Priorität
-- Codebeispiele sollten aktuellen Best Practices folgen
-- Übersetzungen auf Genauigkeit und kulturelle Angemessenheit geprüft
+- PRs werden von Maintainers und Community geprüft
+- Didaktische Klarheit hat Priorität
+- Codebeispiele sollten den aktuellen Best Practices folgen
+- Übersetzungen werden auf Genauigkeit und kulturelle Angemessenheit geprüft
 
 ## Übersetzungssystem
 
 ### Automatisierte Übersetzung
 
-- Nutzt GitHub Actions mit co-op-translator Workflow
-- Übersetzt automatisch in 50+ Sprachen
-- Quelldateien in Hauptverzeichnissen
-- Übersetzte Dateien in `translations/{language-code}/` Verzeichnissen
+- Verwendet GitHub Actions mit co-op-translator Workflow
+- Übersetzt automatisch in über 50 Sprachen
+- Quelldateien in den Hauptverzeichnissen
+- Übersetzte Dateien in `translations/{language-code}/` Ordnern
 
-### Manuelle Verbesserungen hinzufügen
+### Manuelle Übersetzungsverbesserungen hinzufügen
 
 1. Datei in `translations/{language-code}/` finden
-2. Verbesserungen vornehmen, Struktur erhalten
+2. Verbesserungen vornehmen und dabei die Struktur bewahren
 3. Sicherstellen, dass Codebeispiele weiterhin funktionieren
-4. Lokalisierte Quizinhalte testen
+4. Eventuell lokalisierte Quiz-Inhalte testen
 
 ### Übersetzungs-Metadaten
 
-Übersetzte Dateien enthalten Metadaten-Header:
+Übersetzte Dateien enthalten Metadaten-Kopfzeile:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,90 +289,90 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Debugging und Fehlerbehebung
+## Fehlerbehebung und Problembehandlung
 
 ### Häufige Probleme
 
 **Quiz-App startet nicht**:
-- Node.js Version prüfen (v14+ empfohlen)
-- `node_modules` und `package-lock.json` löschen, `npm install` neu ausführen
-- Prüfen auf Port-Konflikte (Standard: Vite nutzt Port 5173)
+- Überprüfen der Node.js-Version (v14+ empfohlen)
+- Löschen von `node_modules` und `package-lock.json`, danach `npm install` ausführen
+- Prüfen auf Port-Konflikte (Standard: Vite verwendet Port 5173)
 
 **API-Server startet nicht**:
-- Node.js Version mindestens 10 prüfen
+- Node.js-Version prüfen (node >=10)
 - Prüfen, ob Port bereits belegt ist
-- Alle Abhängigkeiten mit `npm install` installieren
+- Sicherstellen, dass alle Abhängigkeiten mit `npm install` installiert sind
 
 **Browser-Erweiterung lädt nicht**:
-- Manifest.json korrekt formatiert prüfen
+- Manifest.json auf korrekte Formatierung prüfen
 - Browser-Konsole auf Fehler überprüfen
-- Browser-spezifische Installationsanweisungen befolgen
+- Browser-spezifische Installationsanweisungen beachten
 
-**Python Chat-Projekt Probleme**:
+**Probleme mit Python-Chat-Projekt**:
 - OpenAI-Paket installiert? `pip install openai`
 - Umgebungsvariable GITHUB_TOKEN gesetzt?
-- Zugriffsrechte für GitHub Modelle prüfen
+- Zugriff auf GitHub-Modelle prüfen
 
-**Docsify liefert keine Docs**:
+**Docsify liefert keine Dokumentation aus**:
 - docsify-cli global installieren: `npm install -g docsify-cli`
-- Vom Root-Verzeichnis des Repositorys starten
+- Im Root-Verzeichnis des Repositories ausführen
 - Sicherstellen, dass `docs/_sidebar.md` existiert
 
-### Tipps für Entwicklungsumgebung
+### Tipps zur Entwicklungsumgebung
 
-- VS Code mit Live Server Erweiterung für HTML-Projekte verwenden
-- ESLint und Prettier Extensions für konsistentes Formatieren installieren
-- Browser DevTools zum Debuggen von JavaScript nutzen
-- Für Vue Projekte Vue DevTools Browser-Erweiterung verwenden
+- VS Code mit Live Server-Erweiterung für HTML-Projekte verwenden
+- ESLint- und Prettier-Erweiterungen für konsistente Formatierung installieren
+- Browser-DevTools zum Debuggen von JavaScript nutzen
+- Für Vue-Projekte Vue DevTools Browser-Erweiterung installieren
 
-### Performance Überlegungen
+### Performance-Überlegungen
 
 - Große Anzahl übersetzter Dateien (50+ Sprachen) führt zu großen Klonen
-- Bei nur Content-Arbeiten shallow clone verwenden: `git clone --depth 1`
-- Übersetzungen bei Suche nach englischem Inhalt ausnehmen
-- Build-Prozesse können im ersten Lauf langsam sein (npm install, Vite Build)
+- Verwenden Sie ein flaches Klon mit `git clone --depth 1`, wenn nur Inhalte bearbeitet werden
+- Übersetzungen bei der Suche ausnehmen, wenn englische Inhalte bearbeitet werden
+- Build-Prozesse können beim ersten Lauf langsam sein (npm install, Vite build)
 
 ## Sicherheitsüberlegungen
 
 ### Umgebungsvariablen
 
-- API-Schlüssel dürfen niemals ins Repository gelangen
-- `.env` Dateien verwenden (bereits in `.gitignore`)
-- Benötigte Umgebungsvariablen in Projekt-READMEs dokumentieren
+- API-Schlüssel dürfen nie im Repository gespeichert werden
+- Verwenden Sie `.env` Dateien (bereits in `.gitignore` enthalten)
+- Erforderliche Umgebungsvariablen in den Projekt-READMEs dokumentieren
 
 ### Python-Projekte
 
-- Virtuelle Umgebungen nutzen: `python -m venv venv`
+- Virtuelle Umgebungen verwenden: `python -m venv venv`
 - Abhängigkeiten aktuell halten
-- GitHub Token mit minimal notwendigen Rechten nutzen
+- GitHub-Tokens sollten nur minimale erforderliche Berechtigungen haben
 
-### GitHub Modelle Zugriff
+### Zugriff auf GitHub-Modelle
 
-- Personal Access Tokens (PAT) für GitHub Modelle erforderlich
+- Persönliche Zugriffstoken (PAT) werden für GitHub-Modelle benötigt
 - Tokens als Umgebungsvariablen speichern
-- Tokens oder Zugangsdaten niemals committen
+- Nie Tokens oder Anmeldedaten im Repository commiten
 
-## Weitere Hinweise
+## Zusätzliche Hinweise
 
 ### Zielgruppe
 
-- Komplettanfänger in Webentwicklung
+- Komplettanfänger in der Webentwicklung
 - Studierende und Selbstlernende
 - Lehrkräfte, die das Curriculum im Unterricht einsetzen
-- Inhalte sind auf Zugänglichkeit und schrittweises Lernen ausgelegt
+- Inhalte sind auf Zugänglichkeit und schrittweisen Kompetenzaufbau ausgelegt
 
 ### Pädagogische Philosophie
 
-- Projektbasierter Lernansatz
-- Regelmäßige Wissensabfragen (Quizze)
-- Praktische Programmierübungen
-- Beispiele aus der Praxis
+- Projektbasiertes Lernen
+- Häufige Wissensüberprüfungen (Quizze)
+- Praktische Coding-Übungen
+- Praxisnahe Beispiele
 - Fokus auf Grundlagen vor Frameworks
 
-### Repository Wartung
+### Repository-Wartung
 
 - Aktive Community von Lernenden und Beitragenden
-- Regelmäßige Aktualisierungen von Abhängigkeiten und Inhalten
+- Regelmäßige Updates von Abhängigkeiten und Inhalten
 - Issues und Diskussionen werden von Maintainers überwacht
 - Übersetzungsupdates automatisiert via GitHub Actions
 
@@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
 - [Microsoft Learn Module](https://docs.microsoft.com/learn/)
 - [Student Hub Ressourcen](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) empfohlen für Lernende
-- Weitere Kurse: Generative AI, Data Science, ML, IoT Curricula verfügbar
+- Weitere Kurse: Generative KI, Data Science, ML, IoT Curricula verfügbar
 
 ### Arbeiten mit spezifischen Projekten
 
-Detaillierte Anweisungen zu einzelnen Projekten in den README-Dateien:
+Für detaillierte Anweisungen zu einzelnen Projekten siehe README-Dateien in:
 - `quiz-app/README.md` - Vue 3 Quiz-Anwendung
-- `7-bank-project/README.md` - Banking-Anwendung mit Authentifizierung
-- `5-browser-extension/README.md` - Browsererweiterungsentwicklung
+- `7-bank-project/README.md` - Bankanwendung mit Authentifizierung
+- `5-browser-extension/README.md` - Entwicklung von Browser-Erweiterungen
 - `6-space-game/README.md` - Canvas-basiertes Spiel
-- `9-chat-project/README.md` - KI-Chat-Assistent Projekt
+- `9-chat-project/README.md` - KI-Chat-Assistent-Projekt
 
 ### Monorepo-Struktur
 
-Obwohl kein klassisches Monorepo, enthält dieses Repository mehrere unabhängige Projekte:
+Obwohl kein traditionelles Monorepo, enthält dieses Repository mehrere unabhängige Projekte:
 - Jede Lektion ist eigenständig
 - Projekte teilen keine Abhängigkeiten
-- Arbeit an einzelnen Projekten ohne Beeinträchtigung anderer
-- Gesamtes Repo klonen für komplettes Curriculum-Erlebnis
+- Arbeiten Sie an einzelnen Projekten, ohne andere zu beeinflussen
+- Klonen Sie das gesamte Repository für die vollständige Curriculum-Erfahrung
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Haftungsausschluss**:  
-Dieses Dokument wurde mithilfe des KI-Übersetzungsdienstes [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir auf Genauigkeit achten, beachten Sie bitte, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner ursprünglichen Sprache gilt als maßgebliche Quelle. Für wichtige Informationen wird eine professionelle, menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die durch die Nutzung dieser Übersetzung entstehen.
+**Haftungsausschluss**:
+Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir nach Genauigkeit streben, beachten Sie bitte, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner Ursprungssprache ist als maßgebliche Quelle anzusehen. Für kritische Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die aus der Nutzung dieser Übersetzung entstehen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/de/README.md b/translations/de/README.md
index a6358fac4..046d7a0f7 100644
--- a/translations/de/README.md
+++ b/translations/de/README.md
@@ -10,259 +10,271 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Webentwicklung für Anfänger – Ein Lehrplan
+# Webentwicklung für Anfänger - Ein Lehrplan
 
-Lernen Sie die Grundlagen der Webentwicklung mit unserem 12-wöchigen umfassenden Kurs von Microsoft Cloud Advocates. Jede der 24 Lektionen behandelt JavaScript, CSS und HTML durch praktische Projekte wie Terrarien, Browsererweiterungen und Weltraumspiele. Arbeiten Sie mit Quizzen, Diskussionen und praktischen Aufgaben. Verbessern Sie Ihre Fähigkeiten und optimieren Sie die Wissensspeicherung mit unserer effektiven projektbasierten Pädagogik. Beginnen Sie noch heute Ihre Programmierreise!
+Lerne die Grundlagen der Webentwicklung mit unserem umfassenden 12-wöchigen Kurs von Microsoft Cloud Advocates. Jede der 24 Lektionen vertieft JavaScript, CSS und HTML durch praktische Projekte wie Terrarien, Browser-Erweiterungen und Weltraumspiele. Engagiere dich mit Quizzen, Diskussionen und praktischen Aufgaben. Verbessere deine Fähigkeiten und optimiere dein Wissensspeicher mit unserer effektiven projektbasierten Didaktik. Starte noch heute deine Programmierreise!
 
-Treten Sie der Azure AI Foundry Discord-Community bei
+Tritt der Azure AI Foundry Discord Community bei
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Folgen Sie diesen Schritten, um mit diesen Ressourcen zu starten:
-1. **Repository forken**: Klicken Sie auf [![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)
+Folge diesen Schritten, um die Ressourcen zu nutzen:
+1. **Repository forken**: Klicke [![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. **Repository klonen**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Treten Sie dem Azure AI Foundry Discord bei und treffen Sie Experten und andere Entwickler**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Tritt dem Azure AI Foundry Discord bei und triff Experten und andere Entwickler**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Mehrsprachige Unterstützung
 
-#### Unterstützt durch GitHub Action (Automatisiert & Immer Aktuell)
+#### Unterstützt über GitHub Action (Automatisiert & immer aktuell)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabisch](../ar/README.md) | [Bengalisch](../bn/README.md) | [Bulgarisch](../bg/README.md) | [Birmanisch (Myanmar)](../my/README.md) | [Chinesisch (vereinfacht)](../zh-CN/README.md) | [Chinesisch (traditionell, Hongkong)](../zh-HK/README.md) | [Chinesisch (traditionell, Macau)](../zh-MO/README.md) | [Chinesisch (traditionell, Taiwan)](../zh-TW/README.md) | [Kroatisch](../hr/README.md) | [Tschechisch](../cs/README.md) | [Dänisch](../da/README.md) | [Niederländisch](../nl/README.md) | [Estnisch](../et/README.md) | [Finnisch](../fi/README.md) | [Französisch](../fr/README.md) | [Deutsch](./README.md) | [Griechisch](../el/README.md) | [Hebräisch](../he/README.md) | [Hindi](../hi/README.md) | [Ungarisch](../hu/README.md) | [Indonesisch](../id/README.md) | [Italienisch](../it/README.md) | [Japanisch](../ja/README.md) | [Kannada](../kn/README.md) | [Koreanisch](../ko/README.md) | [Litauisch](../lt/README.md) | [Malaiisch](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalesisch](../ne/README.md) | [Nigerianisches Pidgin](../pcm/README.md) | [Norwegisch](../no/README.md) | [Persisch (Farsi)](../fa/README.md) | [Polnisch](../pl/README.md) | [Portugiesisch (Brasilien)](../pt-BR/README.md) | [Portugiesisch (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumänisch](../ro/README.md) | [Russisch](../ru/README.md) | [Serbisch (Kyrillisch)](../sr/README.md) | [Slowakisch](../sk/README.md) | [Slowenisch](../sl/README.md) | [Spanisch](../es/README.md) | [Swahili](../sw/README.md) | [Schwedisch](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailändisch](../th/README.md) | [Türkisch](../tr/README.md) | [Ukrainisch](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamesisch](../vi/README.md)
+[Arabisch](../ar/README.md) | [Bengalisch](../bn/README.md) | [Bulgarisch](../bg/README.md) | [Birmanisch (Myanmar)](../my/README.md) | [Chinesisch (vereinfacht)](../zh-CN/README.md) | [Chinesisch (traditionell, Hongkong)](../zh-HK/README.md) | [Chinesisch (traditionell, Macau)](../zh-MO/README.md) | [Chinesisch (traditionell, Taiwan)](../zh-TW/README.md) | [Kroatisch](../hr/README.md) | [Tschechisch](../cs/README.md) | [Dänisch](../da/README.md) | [Niederländisch](../nl/README.md) | [Estnisch](../et/README.md) | [Finnisch](../fi/README.md) | [Französisch](../fr/README.md) | [Deutsch](./README.md) | [Griechisch](../el/README.md) | [Hebräisch](../he/README.md) | [Hindi](../hi/README.md) | [Ungarisch](../hu/README.md) | [Indonesisch](../id/README.md) | [Italienisch](../it/README.md) | [Japanisch](../ja/README.md) | [Kannada](../kn/README.md) | [Koreanisch](../ko/README.md) | [Litauisch](../lt/README.md) | [Malaiisch](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalesisch](../ne/README.md) | [Nigerianisches Pidgin](../pcm/README.md) | [Norwegisch](../no/README.md) | [Persisch (Farsi)](../fa/README.md) | [Polnisch](../pl/README.md) | [Portugiesisch (Brasilien)](../pt-BR/README.md) | [Portugiesisch (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumänisch](../ro/README.md) | [Russisch](../ru/README.md) | [Serbisch (Kyrillisch)](../sr/README.md) | [Slowakisch](../sk/README.md) | [Slowenisch](../sl/README.md) | [Spanisch](../es/README.md) | [Suaheli](../sw/README.md) | [Schwedisch](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailändisch](../th/README.md) | [Türkisch](../tr/README.md) | [Ukrainisch](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamesisch](../vi/README.md)
 
 > **Lieber lokal klonen?**
-
-> Dieses Repository enthält über 50 Sprachübersetzungen, was die Download-Größe erheblich erhöht. Um ohne Übersetzungen zu klonen, nutzen Sie sparse checkout:
+>
+> Dieses Repository enthält über 50 Sprachübersetzungen, was die Download-Größe erheblich erhöht. Um ohne Übersetzungen zu klonen, verwende 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'
 > ```
-> So erhalten Sie alles, was Sie benötigen, um den Kurs mit einem viel schnelleren Download abzuschließen.
+>
+> **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"
+> ```
+>
+> Damit erhältst du alles, um den Kurs zu absolvieren – und der Download geht viel schneller.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Wenn Sie weitere Übersetzungssprachen wünschen, finden Sie die unterstützten Sprachen [hier](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Wenn du weitere Übersetzungen wünschst, findest du die unterstützten Sprachen [hier](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)
 
 #### 🧑‍🎓 _Bist du Student?_
 
-Besuche die [**Student Hub Seite**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), wo du Ressourcen für Anfänger, Studierendenpakete und sogar Möglichkeiten findest, einen kostenlosen Zertifikatgutschein zu erhalten. Das ist die Seite, die du als Lesezeichen speichern und von Zeit zu Zeit überprüfen solltest, da wir monatlich Inhalt austauschen.
+Besuche die [**Student Hub-Seite**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), wo du Anfängerressourcen, Studentenpakete und sogar Möglichkeiten findest, einen kostenlosen Zertifikatsgutschein zu erhalten. Diese Seite solltest du als Lesezeichen speichern und regelmäßig besuchen, da wir monatlich Inhalte austauschen.
 
 ### 📣 Ankündigung – Neue GitHub Copilot Agent Mode Herausforderungen zum Abschließen!
 
-Neue Herausforderung hinzugefügt, suche in den meisten Kapiteln nach „GitHub Copilot Agent Challenge 🚀“. Das ist eine neue Herausforderung, die du mit GitHub Copilot und dem Agent-Modus abschließen kannst. Wenn du den Agent-Modus noch nicht benutzt hast, er kann nicht nur Text generieren, sondern auch Dateien erstellen und bearbeiten, Befehle ausführen und vieles mehr.
+Neue Herausforderung hinzugefügt, suche nach "GitHub Copilot Agent Challenge 🚀" in den meisten Kapiteln. Das ist eine neue Challenge für dich, die du mit GitHub Copilot und dem Agent Mode abschließen kannst. Falls du den Agent Mode noch nicht benutzt hast: Er erzeugt nicht nur Text, sondern kann auch Dateien erstellen und bearbeiten, Befehle ausführen und mehr.
 
-### 📣 Ankündigung – _Neues Projekt mit Generativer KI bauen_
+### 📣 Ankündigung – _Neues Projekt mit Generativer KI_
 
-Neues AI-Assistenten-Projekt hinzugefügt, schau es dir an [Projekt](./9-chat-project/README.md)
+Neues KI-Assistent-Projekt gerade hinzugefügt, schau es dir an [Projekt](./9-chat-project/README.md)
 
 ### 📣 Ankündigung – _Neuer Lehrplan_ zu Generativer KI für JavaScript wurde gerade veröffentlicht
 
-Verpasse nicht unseren neuen Lehrplan zur Generativen KI!
+Verpasse nicht unseren neuen Generative AI Lehrplan!
 
-Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um zu starten!
+Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um loszulegen!
 
 ![Background](../../translated_images/de/background.148a8d43afde5730.webp)
 
 - Lektionen, die alles von den Grundlagen bis zu RAG abdecken.
-- Interagiere mit historischen Charakteren mittels GenAI und unserer Begleit-App.
-- Spaßige und fesselnde Erzählweise, du wirst durch die Zeit reisen!
+- Interagiere mit historischen Figuren mit GenAI und unserer Begleit-App.
+- Spaßige und fesselnde Erzählweise, du reist durch die Zeit!
 
 ![character](../../translated_images/de/character.5c0dd8e067ffd693.webp)
 
-Jede Lektion beinhaltet eine Aufgabe, einen Wissenscheck und eine Challenge, die dich in Themen wie:
+
+Jede Lektion enthält eine Aufgabe, einen Wissenscheck und eine Challenge, die dich beim Lernen von Themen wie den folgenden leitet:
 - Prompting und Prompt-Engineering
-- Text- und Bild-App-Generierung
-- Suchanwendungen  
-anleiten.
+- Text- und Bildanwendungs-Generierung
+- Suchanwendungen
+
+Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um loszulegen!
+
 
-Besuche [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), um zu starten!
 
 ## 🌱 Erste Schritte
 
-> **Lehrkräfte**, wir haben [einige Vorschläge](for-teachers.md) aufgenommen, wie Sie diesen Lehrplan verwenden können. Wir freuen uns auf Ihr Feedback [in unserem Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Lehrkräfte**, wir haben [einige Vorschläge](for-teachers.md) aufgenommen, wie ihr diesen Lehrplan nutzen könnt. Wir freuen uns über euer Feedback [in unserem Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Lernende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** starten für jede Lektion mit einem Pre-Lecture-Quiz und folgen mit dem Lesen des Vorlesungsmaterials, dem Abschließen der verschiedenen Aktivitäten und überprüfen ihr Verständnis mit dem Post-Lecture-Quiz.
+**[Lernende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, beginne jede Lektion mit einem Pre-Lecture-Quiz, lese dann das Vorlesungsmaterial, bearbeite die verschiedenen Aktivitäten und überprüfe dein Verständnis mit dem Post-Lecture-Quiz.
 
-Um dein Lernerlebnis zu verbessern, verbinde dich mit deinen Mitlernenden, um gemeinsam an den Projekten zu arbeiten! Diskussionen sind erwünscht in unserem [Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), wo unser Moderatorenteam für deine Fragen zur Verfügung steht.
+Um dein Lernen zu verbessern, vernetze dich mit deinen Mitlernenden, um gemeinsam an Projekten zu arbeiten! Diskussionen sind in unserem [Diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) erwünscht, wo unser Moderatorenteam deine Fragen beantwortet.
 
-Für deine weitere Bildung empfehlen wir dringend, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) zu erkunden, um zusätzliches Lernmaterial zu finden.
+Für eine weiterführende Ausbildung empfehlen wir dringend, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) für zusätzliche Lernmaterialien zu erkunden.
 
 ### 📋 Einrichtung deiner Umgebung
 
-Dieser Lehrplan verfügt über eine sofort einsatzfertige Entwicklungsumgebung! Zu Beginn kannst du wählen, ob du den Lehrplan in einem [Codespace](https://github.com/features/codespaces/) (_einer browserbasierten Umgebung ohne Installation_) oder lokal auf deinem Computer mit einem Texteditor wie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ausführen möchtest.
+Dieser Lehrplan verfügt über eine sofort einsatzbereite Entwicklungsumgebung! Du kannst zu Beginn wählen, ob du den Lehrplan in einem [Codespace](https://github.com/features/codespaces/) (_eine browserbasierte, installfreie Umgebung_) oder lokal auf deinem Computer mit einem Texteditor wie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ausführen möchtest.
 
-#### Erstelle dein Repository
-Damit du deine Arbeit einfach speichern kannst, empfehlen wir dir, eine eigene Kopie dieses Repositories anzulegen. Das kannst du tun, indem du oben auf der Seite den Button **Use this template** anklickst. Dadurch wird ein neues Repository in deinem GitHub-Konto mit einer Kopie des Lehrplans erstellt.
+#### Erstelle dein eigenes Repository
+Damit du deine Arbeit leicht speichern kannst, wird empfohlen, eine eigene Kopie dieses Repositorys zu erstellen. Dazu klicke auf den Button **Use this template** oben auf der Seite. Damit wird ein neues Repository in deinem GitHub-Konto mit einer Kopie des Lehrplans erstellt.
 
 Folge diesen Schritten:
-1. **Repository forken**: Klicke auf den „Fork“-Button oben rechts auf dieser Seite.
+1. **Repository forken**: Klicke auf den „Fork“-Button rechts oben auf dieser Seite.
 2. **Repository klonen**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Betrieb des Lehrplans in einem Codespace
+#### Ausführen des Lehrplans in einem Codespace
 
-In deiner erstellten Kopie des Repositories klickst du auf den **Code**-Button und wählst **Open with Codespaces** aus. Dadurch wird ein neuer Codespace zum Arbeiten für dich erstellt.
+In deiner eigenen Kopie dieses Repositorys, klicke auf den Button **Code** und wähle **Open with Codespaces**. Dies erstellt einen neuen Codespace, in dem du arbeiten kannst.
 
 ![Codespace](../../translated_images/de/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Betrieb des Lehrplans lokal auf deinem Computer
-
-Um diesen Lehrplan lokal auf deinem Computer auszuführen, benötigst du einen Texteditor, einen Browser und ein Kommandozeilen-Tool. Unsere erste Lektion, [Einführung in Programmiersprachen und Werkzeuge](../../1-getting-started-lessons/1-intro-to-programming-languages), führt dich durch verschiedene Optionen für diese Tools, damit du das auswählen kannst, was am besten für dich passt.
+#### Ausführen des Lehrplans lokal auf deinem Computer
 
-Unsere Empfehlung ist es, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als Editor zu verwenden, der auch ein integriertes [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) besitzt. Du kannst Visual Studio Code [hier herunterladen](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Um diesen Lehrplan lokal auf deinem Computer auszuführen, benötigst du einen Texteditor, einen Browser und ein Kommandozeilen-Tool. Unsere erste Lektion, [Einführung in Programmiersprachen und Werkzeuge](../../1-getting-started-lessons/1-intro-to-programming-languages), führt dich durch verschiedene Optionen für diese Werkzeuge, sodass du wählen kannst, was am besten zu dir passt.
 
-1. Klone dein Repository auf deinen Computer. Das kannst du tun, indem du den **Code**-Button anklickst und die URL kopierst:
+Wir empfehlen die Nutzung von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als Editor, der auch ein integriertes [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) bietet. Visual Studio Code kannst du [hier herunterladen](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klone dein Repository auf deinen Computer. Du kannst dies tun, indem du auf die **Code**-Schaltfläche klickst und die URL kopierst:
 
     [CodeSpace](./images/createcodespace.png)
-Dann öffnen Sie das [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) innerhalb von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) und führen Sie den folgenden Befehl aus, wobei Sie `<your-repository-url>` durch die URL ersetzen, die Sie gerade kopiert haben:
+
+    Öffne dann [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) innerhalb von [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) und führe den folgenden Befehl aus, wobei du `<your-repository-url>` durch die gerade kopierte URL ersetzt:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Öffnen Sie den Ordner in Visual Studio Code. Dies können Sie tun, indem Sie auf **Datei** > **Ordner öffnen** klicken und den gerade geklonten Ordner auswählen.
+2. Öffne den Ordner in Visual Studio Code. Du kannst dies tun, indem du auf **Datei** > **Ordner öffnen** klickst und den gerade geklonten Ordner auswählst.
 
 
-> Empfohlene Visual Studio Code Erweiterungen:
+>  Empfohlene Visual Studio Code-Erweiterungen:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - um HTML-Seiten innerhalb von Visual Studio Code vorzuschauen
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - um Ihnen beim schnelleren Schreiben von Code zu helfen
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - um HTML-Seiten direkt in Visual Studio Code vorzuschauen
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - um dir beim schnelleren Schreiben von Code zu helfen
 
 ## 📂 Jede Lektion beinhaltet:
 
-- optionale Sketchnote
+- optionales Sketchnote
 - optionales ergänzendes Video
-- Aufwärm-Quiz vor der Lektion
+- Aufwärmquiz vor der Lektion
 - schriftliche Lektion
-- bei projektbasierten Lektionen Schritt-für-Schritt-Anleitungen zum Aufbau des Projekts
-- Wissenskontrollen
+- für projektbasierte Lektionen Schritt-für-Schritt-Anleitungen zum Erstellen des Projekts
+- Wissensüberprüfungen
 - eine Herausforderung
 - ergänzende Lektüre
 - Aufgabe
 - [Quiz nach der Lektion](https://ff-quizzes.netlify.app/web/)
 
-> **Eine Anmerkung zu den Quizzen**: Alle Quizze befinden sich im Quiz-app-Ordner, insgesamt 48 Quizze mit je drei Fragen. Sie sind [hier](https://ff-quizzes.netlify.app/web/) verfügbar, die Quiz-App kann lokal ausgeführt oder auf Azure bereitgestellt werden; folgen Sie der Anleitung im `quiz-app`-Ordner.
+> **Ein Hinweis zu den Quizzen**: Alle Quizze sind im Ordner Quiz-app enthalten, insgesamt 48 Quizze mit jeweils drei Fragen. Sie sind [hier](https://ff-quizzes.netlify.app/web/) verfügbar. Die Quiz-App kann lokal ausgeführt oder auf Azure bereitgestellt werden; folge den Anweisungen im Ordner `quiz-app`.
 
 ## 🗃️ Lektionen
 
-|     |                       Projektname                         |                            Vermittelte Konzepte                         | Lernziele                                                                                                                         |                                                         Verlinkte Lektion                                                          |         Autor           |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Einstieg                             |           Einführung in Programmierung und Werkzeuge                   | Lernen Sie die grundlegenden Grundlagen der meisten Programmiersprachen und über Software, die professionellen Entwicklern hilft | [Einführung in Programmiersprachen und Werkzeuge](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)       |         Jasmine         |
-| 02  |                     Einstieg                             |             Grundlagen von GitHub, einschließlich Teamarbeit           | Wie man GitHub im Projekt verwendet und mit anderen an einem Code-Repository zusammenarbeitet                                     |                            [Einführung in GitHub](./1-getting-started-lessons/2-github-basics/README.md)                           |          Floor          |
-| 03  |                     Einstieg                             |                             Barrierefreiheit                            | Lernen Sie die Grundlagen der Web-Barrierefreiheit                                                                               |                       [Grundlagen Barrierefreiheit](./1-getting-started-lessons/3-accessibility/README.md)                        |       Christopher       |
-| 04  |                        JS-Grundlagen                    |                         JavaScript Datentypen                          | Die Grundlagen von JavaScript-Datentypen                                                                                         |                                       [Datentypen](./2-js-basics/1-data-types/README.md)                                         |         Jasmine         |
-| 05  |                        JS-Grundlagen                    |                         Funktionen und Methoden                         | Lernen Sie Funktionen und Methoden zur Steuerung des Anwendungslogikflusses                                                      |                              [Funktionen und Methoden](./2-js-basics/2-functions-methods/README.md)                                | Jasmine und Christopher |
-| 06  |                        JS-Grundlagen                    |                        Entscheidungen mit JS treffen                   | Lernen Sie, wie Sie Bedingungen in Ihrem Code mit Entscheidungsstrukturen erstellen                                              |                                 [Entscheidungen treffen](./2-js-basics/3-making-decisions/README.md)                              |         Jasmine         |
-| 07  |                        JS-Grundlagen                    |                            Arrays und Schleifen                        | Arbeiten Sie mit Daten unter Verwendung von Arrays und Schleifen in JavaScript                                                  |                                   [Arrays und Schleifen](./2-js-basics/4-arrays-loops/README.md)                                   |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in der Praxis                           | Erstellen Sie das HTML, um ein Online-Terrarium anzulegen, mit Fokus auf den Aufbau eines Layouts                               |                                 [Einführung in HTML](./3-terrarium/1-intro-to-html/README.md)                                   |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in der Praxis                            | Erstellen Sie das CSS zur Gestaltung des Online-Terrariums, mit Fokus auf die Grundlagen von CSS und responsive Design          |                                  [Einführung in CSS](./3-terrarium/2-intro-to-css/README.md)                                    |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-Manipulation                  | Erstellen Sie das JavaScript, um das Terrarium als Drag/Drop-Oberfläche zu gestalten, mit Fokus auf Closures und DOM-Manipulation |                  [JavaScript Closures, DOM-Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                      |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Aufbau eines Tipp-Spiels                      | Lernen Sie, wie Sie Tastatureignisse verwenden, um die Logik Ihrer JavaScript-App zu steuern                                     |                                [Ereignisgesteuerte Programmierung](./4-typing-game/typing-game/README.md)                       |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbeiten mit Browsern                         | Lernen Sie, wie Browser funktionieren, ihre Geschichte und wie Sie die ersten Elemente einer Browsererweiterung gestalten       |                               [Über Browser](./5-browser-extension/1-about-browsers/README.md)                                    |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Erstellen eines Formulars, Aufrufen einer API und Speichern von Variablen im lokalen Speicher | Erstellen Sie die JavaScript-Elemente Ihrer Browser-Erweiterung zum Aufrufen einer API unter Verwendung von Variablen im lokalen Speicher |                [APIs, Formulare und lokaler Speicher](./5-browser-extension/2-forms-browsers-local-storage/README.md)              |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Hintergrundprozesse im Browser, Web-Performance              | Verwenden Sie die Hintergrundprozesse des Browsers, um das Symbol der Erweiterung zu verwalten; lernen Sie über Web-Performance und Optimierungen |             [Hintergrundaufgaben und Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)             |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Fortgeschrittene Spieleentwicklung mit JavaScript         | Lernen Sie Vererbung mit Klassen und Komposition sowie das Pub/Sub-Muster, als Vorbereitung auf den Spielebau                   |                      [Einführung in die fortgeschrittene Spieleentwicklung](./6-space-game/1-introduction/README.md)              |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Zeichnen auf Canvas                          | Lernen Sie die Canvas-API kennen, die zum Zeichnen von Elementen auf einem Bildschirm verwendet wird                             |                                [Zeichnen auf Canvas](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Bewegen von Elementen auf dem Bildschirm             | Entdecken Sie, wie Elemente mit kartesischen Koordinaten und der Canvas-API Bewegung erhalten                                  |                           [Bewegen von Elementen](./6-space-game/3-moving-elements-around/README.md)                             |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisions­erkennung                         | Lassen Sie Elemente kollidieren und aufeinander reagieren, basierend auf Tastatureingaben, und fügen Sie eine Cooldown-Funktion hinzu |                              [Kollisionserkennung](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Punkteverwaltung                           | Führen Sie mathematische Berechnungen basierend auf dem Status und der Leistung des Spiels durch                               |                                    [Punkteverwaltung](./6-space-game/5-keeping-score/README.md)                                  |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Beenden und Neustarten des Spiels                | Lernen Sie, wie Sie das Spiel beenden und neu starten, einschließlich der Bereinigung von Assets und Zurücksetzen von Variablen |                                [Die Endbedingung](./6-space-game/6-end-condition/README.md)                                   |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-Vorlagen und Routen in einer Webanwendung        | Lernen Sie, wie Sie das Gerüst einer mehrseitigen Website-Architektur mit Routing und HTML-Vorlagen erstellen                   |                            [HTML-Vorlagen und Routen](./7-bank-project/1-template-route/README.md)                              |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Login- und Registrierungsformular erstellen          | Lernen Sie, wie man Formulare erstellt und Validierungsroutinen handhabt                                                      |                                           [Formulare](./7-bank-project/2-forms/README.md)                                        |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methoden zum Abrufen und Verwalten von Daten        | Wie Daten in Ihre App hinein- und herausfließen, wie man sie abruft, speichert und entsorgt                                     |                                            [Daten](./7-bank-project/3-data/README.md)                                          |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Konzepte des State Managements                   | Lernen Sie, wie Ihre App den Zustand beibehält und diesen programmatisch verwaltet                                               |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode-Code](../../8-code-editor) | Arbeiten mit VScode | Lernen Sie, wie man einen Code-Editor benutzt | [Verwendung des VScode Code Editors](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeiten mit KI | Lernen Sie, wie Sie Ihren eigenen KI-Assistenten erstellen | [KI-Assistent-Projekt](./9-chat-project/README.md) | Chris |
+|     |                       Projektname                       |                            Erlernte Konzepte                              | Lernziele                                                                                                                         |                                                         Verknüpfte Lektion                                                          |       Autor        |
+| :-: | :----------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------: | :----------------: |
+| 01  |                     Erste Schritte                     |           Einführung in Programmierung und Werkzeuge                      | Erlerne die grundlegenden Konzepte der meisten Programmiersprachen und Software, die professionelle Entwickler verwenden          | [Einführung in Programmiersprachen und Werkzeuge](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)           |      Jasmine       |
+| 02  |                     Erste Schritte                     |             Grundlagen von GitHub, inklusive Teamarbeit                   | Wie man GitHub im Projekt nutzt und mit anderen an einer Codebasis zusammenarbeitet                                               |                              [Einführung in GitHub](./1-getting-started-lessons/2-github-basics/README.md)                              |       Floor        |
+| 03  |                     Erste Schritte                     |                             Barrierefreiheit                              | Erlerne die Grundlagen der Web-Barrierefreiheit                                                                                  |                          [Grundlagen der Barrierefreiheit](./1-getting-started-lessons/3-accessibility/README.md)                     |    Christopher     |
+| 04  |                        JS-Grundlagen                    |                         JavaScript-Datentypen                            | Die Grundlagen der JavaScript-Datentypen                                                                                         |                                   [Datentypen](./2-js-basics/1-data-types/README.md)                                               |      Jasmine       |
+| 05  |                        JS-Grundlagen                    |                         Funktionen und Methoden                          | Lerne Funktionen und Methoden kennen, um den Ablauf einer Anwendung zu steuern                                                   |                              [Funktionen und Methoden](./2-js-basics/2-functions-methods/README.md)                                   |  Jasmine und Christopher |
+| 06  |                        JS-Grundlagen                    |                        Entscheidungen in JS treffen                      | Lerne, wie man Bedingungen im Code mit Entscheidungsstrukturen erstellt                                                          |                                 [Entscheidungen treffen](./2-js-basics/3-making-decisions/README.md)                              |      Jasmine       |
+| 07  |                        JS-Grundlagen                    |                            Arrays und Schleifen                          | Arbeite mit Daten in JavaScript mithilfe von Arrays und Schleifen                                                                |                                    [Arrays und Schleifen](./2-js-basics/4-arrays-loops/README.md)                                    |      Jasmine       |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in der Praxis                           | Erstelle das HTML, um ein Online-Terrarium zu bauen, mit Schwerpunkt auf Layout                                                  |                                 [Einführung in HTML](./3-terrarium/1-intro-to-html/README.md)                                   |        Jen         |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in der Praxis                            | Erstelle das CSS, um das Online-Terrarium zu stylen, mit Fokus auf CSS-Grundlagen und responsives Design                         |                                 [Einführung in CSS](./3-terrarium/2-intro-to-css/README.md)                                    |        Jen         |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-Manipulation                   | Erstelle das JavaScript, damit das Terrarium als Drag/Drop-Oberfläche funktioniert, Fokus auf Closures und DOM-Manipulation      |                         [JavaScript Closures, DOM-Manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                |        Jen         |
+| 11  |          [Tipp-Spiel](./4-typing-game/solution/README.md)          |                          Ein Tipp-Spiel bauen                           | Lerne, wie Tastaturereignisse zur Steuerung der Logik deiner JavaScript-App verwendet werden                                      |                              [Ereignisgesteuerte Programmierung](./4-typing-game/typing-game/README.md)                             |    Christopher     |
+| 12  | [Grüne Browsererweiterung](./5-browser-extension/solution/README.md) |                         Arbeiten mit Browsern                          | Lerne, wie Browser funktionieren, ihre Geschichte und wie man erste Elemente einer Browsererweiterung erstellt                   |                             [Über Browser](./5-browser-extension/1-about-browsers/README.md)                                    |        Jen         |
+| 13  | [Grüne Browsererweiterung](./5-browser-extension/solution/README.md) | Formular erstellen, API aufrufen und Variablen im lokalen Speicher ablegen | Erstelle JavaScript-Elemente deiner Browsererweiterung, um eine API unter Verwendung lokal gespeicherter Variablen zu nutzen     |                        [APIs, Formulare und lokaler Speicher](./5-browser-extension/2-forms-browsers-local-storage/README.md)          |        Jen         |
+| 14  | [Grüne Browsererweiterung](./5-browser-extension/solution/README.md) |          Hintergrundprozesse im Browser, Web-Performance               | Nutze die Hintergrundprozesse des Browsers, um das Symbol der Erweiterung zu verwalten; lerne über Web-Performance und Optimierungen |                  [Hintergrundaufgaben und Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)            |        Jen         |
+| 15  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |             Fortgeschrittene Spieleentwicklung mit JavaScript           | Lerne Vererbung mittels Klassen und Komposition sowie das Pub/Sub-Muster, als Vorbereitung für den Bau eines Spiels              |              [Einführung in die fortgeschrittene Spieleentwicklung](./6-space-game/1-introduction/README.md)                      |       Chris        |
+| 16  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |                           Zeichnen auf Canvas                           | Lerne die Canvas-API kennen, um Elemente auf einem Bildschirm zu zeichnen                                                       |                            [Zeichnen auf Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                  |       Chris        |
+| 17  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |                   Elemente auf dem Bildschirm bewegen                   | Entdecke, wie Elemente Bewegung mit kartesischen Koordinaten und der Canvas-API erhalten                                         |                           [Elemente bewegen](./6-space-game/3-moving-elements-around/README.md)                                  |       Chris        |
+| 18  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |                          Kollisions-Erkennung                          | Lasse Elemente kollidieren und aufeinander reagieren, nutze Tastendrucke und implementiere eine Abklingfunktion zur Leistungssteigerung |                            [Kollisions-Erkennung](./6-space-game/4-collision-detection/README.md)                                |       Chris        |
+| 19  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |                             Punkte zählen                              | Führe mathematische Berechnungen basierend auf Spielstatus und Leistung durch                                                   |                                 [Punkte zählen](./6-space-game/5-keeping-score/README.md)                                      |       Chris        |
+| 20  |           [Weltraum-Spiel](./6-space-game/solution/README.md)           |                     Spiel beenden und neu starten                      | Lerne, wie man das Spiel beendet und neu startet, inklusive Bereinigung von Ressourcen und Zurücksetzen von Variablen           |                              [Die Endbedingung](./6-space-game/6-end-condition/README.md)                                       |       Chris        |
+| 21  |         [Bankanwendung](./7-bank-project/solution/README.md)          |                 HTML-Templates und Routen in einer Web-App             | Lerne, wie man das Gerüst einer mehrseitigen Webseite mithilfe von Routing und HTML-Templates erstellt                            |                      [HTML-Templates und Routen](./7-bank-project/1-template-route/README.md)                                  |       Yohan        |
+| 22  |         [Bankanwendung](./7-bank-project/solution/README.md)          |                  Login- und Registrierungsformular erstellen            | Lerne, wie man Formulare baut und Validierungsroutinen behandelt                                                                |                                   [Formulare](./7-bank-project/2-forms/README.md)                                              |       Yohan        |
+| 23  |         [Bankanwendung](./7-bank-project/solution/README.md)          |                   Methoden zum Abrufen und Nutzen von Daten             | Wie Daten in die App gelangen und wieder herausfließen, wie man sie abruft, speichert und entfernt                               |                                       [Daten](./7-bank-project/3-data/README.md)                                              |       Yohan        |
+| 24  |         [Bankanwendung](./7-bank-project/solution/README.md)          |                      Konzepte des State-Managements                      | Lerne, wie deine App Zustände behält und wie man diese programmatisch verwaltet                                                  |                             [State-Management](./7-bank-project/4-state-management/README.md)                                  |       Yohan        |
+| 25  | [Browser/VScode Code](../../8-code-editor) | Arbeiten mit VScode | Lerne, wie du einen Code-Editor benutzt | [Visual Studio Code Editor verwenden](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26  | [KI-Assistenten](./9-chat-project/README.md) | Arbeiten mit KI | Lerne, wie du deinen eigenen KI-Assistenten baust | [KI-Assistenten-Projekt](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pädagogik
 
-Unser Lehrplan ist nach zwei wesentlichen pädagogischen Prinzipien gestaltet:
+Unser Curriculum basiert auf zwei zentralen pädagogischen Prinzipien:
 * projektbasiertes Lernen
 * häufige Quizze
 
-Das Programm vermittelt die Grundlagen von JavaScript, HTML und CSS sowie die neuesten Werkzeuge und Techniken, die heutige Webentwickler verwenden. Studierende haben die Möglichkeit, praktische Erfahrungen zu sammeln, indem sie ein Tipp-Spiel, ein virtuelles Terrarium, eine umweltfreundliche Browsererweiterung, ein Space-Invaders-artiges Spiel und eine Banking-App für Unternehmen entwickeln. Am Ende der Reihe haben die Studierenden ein solides Verständnis der Webentwicklung erworben.
+Das Programm vermittelt die Grundlagen von JavaScript, HTML und CSS sowie die neuesten Werkzeuge und Techniken, die heutige Webentwickler nutzen. Die Studierenden haben die Gelegenheit, praktische Erfahrungen zu sammeln, indem sie ein Tipp-Spiel, ein virtuelles Terrarium, eine umweltfreundliche Browser-Erweiterung, ein Weltraum-Invader-artiges Spiel und eine Bankanwendung für Unternehmen bauen. Am Ende der Reihe verfügen die Studierenden über ein solides Verständnis der Webentwicklung.
 
-> 🎓 Sie können die ersten Lektionen dieses Curriculums als [Lernpfad](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) bei Microsoft Learn absolvieren!
+> 🎓 Die ersten Lektionen dieses Curriculums kannst du auch als [Learning Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) auf Microsoft Learn absolvieren!
 
-Indem sichergestellt wird, dass die Inhalte mit Projekten übereinstimmen, wird der Prozess für die Studierenden ansprechender gestaltet und die Beibehaltung der Konzepte verbessert. Wir haben außerdem mehrere Einsteigerlektionen zu den Grundlagen von JavaScript geschrieben, um Konzepte einzuführen, begleitet von einem Video aus der Tutorialsammlung „[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“, deren Autoren teilweise zum Curriculum beigetragen haben.
+Indem sichergestellt wird, dass die Inhalte auf Projekte abgestimmt sind, wird der Prozess für die Lernenden spannender und die Behaltensrate der Konzepte verbessert. Wir haben auch mehrere Einstiegskapitel zu den Grundlagen von JavaScript geschrieben und mit Videos aus der Tutorial-Reihe "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" kombiniert – einige der Autoren haben zu diesem Curriculum beigetragen.
 
-Zudem setzt ein niedrigschwelliges Quiz vor einer Unterrichtsstunde die Lernintention der Studierenden, während ein zweites Quiz nach dem Unterricht die weitere Beibehaltung sichert. Dieses Curriculum wurde so gestaltet, dass es flexibel und unterhaltsam ist und ganz oder teilweise absolviert werden kann. Die Projekte starten klein und werden bis zum Ende des 12-Wochen-Zyklus zunehmend komplexer.
+Darüber hinaus setzt ein niedrigschwelliges Quiz vor der Lektion die Lernabsicht der Studierenden, während ein weiteres Quiz danach die Behaltensrate sicherstellt. Das Curriculum wurde so konzipiert, dass es flexibel und unterhaltsam ist und sowohl vollständig als auch teilweise absolviert werden kann. Die Projekte starten klein und werden im Verlauf des 12-Wochen-Zyklus zunehmend komplexer.
 
-Während wir bewusst darauf verzichtet haben, JavaScript-Frameworks einzuführen, um uns auf die grundlegenden Fähigkeiten für Webentwickler zu konzentrieren, bevor ein Framework eingesetzt wird, wäre ein guter nächster Schritt zum Abschluss dieses Curriculums, Node.js über eine weitere Videosammlung zu lernen: „[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)“.
+Während wir bewusst darauf verzichtet haben, JavaScript-Frameworks einzuführen, um uns auf die grundlegenden Fähigkeiten eines Webentwicklers vor der Anwendung eines Frameworks zu konzentrieren, wäre ein guter nächster Schritt nach Abschluss dieses Curriculums das Erlernen von Node.js anhand einer weiteren Videoserie: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Besuchen Sie unsere [Verhaltensregeln](CODE_OF_CONDUCT.md) und [Beitragsrichtlinien](CONTRIBUTING.md). Wir freuen uns über Ihr konstruktives Feedback!
+> Besuche unsere [Verhaltensregeln](CODE_OF_CONDUCT.md) und [Beitragsrichtlinien](CONTRIBUTING.md). Wir freuen uns über dein konstruktives Feedback!
 
 
 ## 🧭 Offline-Zugriff
 
-Sie können diese Dokumentation offline mit [Docsify](https://docsify.js.org/#/) ausführen. Forken Sie dieses Repository, [installieren Sie Docsify](https://docsify.js.org/#/quickstart) auf Ihrem lokalen Rechner und geben Sie dann im Stammordner dieses Repositories `docsify serve` ein. Die Website wird auf Port 3000 auf Ihrem lokalen Host bereitgestellt: `localhost:3000`.
+Du kannst diese Dokumentation offline mit [Docsify](https://docsify.js.org/#/) verwenden. Forke dieses Repo, [installiere Docsify](https://docsify.js.org/#/quickstart) auf deinem lokalen Rechner und gib dann im Stammordner dieses Repos `docsify serve` ein. Die Website wird auf Port 3000 auf deinem localhost ausgeführt: `localhost:3000`.
 
 ## 📘 PDF
+Eine PDF mit allen Lektionen ist [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) zu finden.
 
-Ein PDF aller Lektionen finden Sie [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Andere Kurse
 
-## 🎒 Weitere Kurse
 Unser Team produziert weitere Kurse! Schau dir an:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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)
+[![LangChain4j für Anfänger](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 für Anfänger](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 für Anfänger](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
-[![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)
+### Azure / Edge / MCP / Agenten
+[![AZD für Anfänger](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 für Anfänger](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 für Anfänger](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)
+[![KI-Agenten für Anfänger](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
-[![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)
+### Generative KI-Serie
+[![Generative KI für Anfänger](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 KI (.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 KI (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 KI (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)
-[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+### Kernlernen
+[![ML für Anfänger](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)
+[![Datenwissenschaft für Anfänger](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)
+[![KI für Anfänger](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)
+[![Cybersicherheit für Anfänger](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Webentwicklung für Anfänger](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT für Anfänger](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR-Entwicklung für Anfänger](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)
+### Copilot-Serie
+[![Copilot für KI-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 für 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-Abenteuer](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Hilfe erhalten
 
-Wenn du feststeckst oder Fragen zum Erstellen von KI-Anwendungen hast. Schließe dich anderen Lernenden und erfahrenen Entwicklern an, um über MCP zu diskutieren. Es ist eine unterstützende Community, in der Fragen willkommen sind und Wissen frei geteilt wird.
+Wenn du festhängst oder Fragen zum Erstellen von KI-Anwendungen hast: Trete anderen Lernenden und erfahrenen Entwicklern in den Diskussionen über MCP bei. Es ist eine unterstützende Community, in der Fragen willkommen sind und Wissen frei geteilt wird.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Wenn du Feedback zum Produkt hast oder Fehler beim Erstellen auftreten, besuche:
+Wenn du Produktfeedback hast oder beim Bauen auf Fehler stößt, besuche:
 
 [![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)
 
 ## Lizenz
 
-Dieses Repository ist unter der MIT-Lizenz lizenziert. Weitere Informationen findest du in der [LICENSE](../../LICENSE) Datei.
+Dieses Repository ist unter der MIT-Lizenz lizenziert. Siehe die [LICENSE](../../LICENSE) Datei für weitere Informationen.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Haftungsausschluss**:  
-Dieses Dokument wurde mit dem KI-Übersetzungsdienst [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir uns um Genauigkeit bemühen, bitten wir zu beachten, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner Ursprungssprache gilt als maßgebliche Quelle. Für kritische Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die aus der Verwendung dieser Übersetzung entstehen.
+Dieses Dokument wurde mithilfe des KI-Übersetzungsdienstes [Co-op Translator](https://github.com/Azure/co-op-translator) übersetzt. Obwohl wir um Genauigkeit bemüht sind, beachten Sie bitte, dass automatisierte Übersetzungen Fehler oder Ungenauigkeiten enthalten können. Das Originaldokument in seiner Ursprungssprache gilt als maßgebliche Quelle. Für wichtige Informationen wird eine professionelle menschliche Übersetzung empfohlen. Wir übernehmen keine Haftung für Missverständnisse oder Fehlinterpretationen, die aus der Nutzung dieser Übersetzung entstehen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/el/.co-op-translator.json b/translations/el/.co-op-translator.json
index 7be17fd6b..a7db4fd3c 100644
--- a/translations/el/.co-op-translator.json
+++ b/translations/el/.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-06T21:16:19+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:05:54+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "el"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:12:15+00:00",
+    "translation_date": "2026-03-06T12:18:30+00:00",
     "source_file": "AGENTS.md",
     "language_code": "el"
   },
@@ -516,8 +516,8 @@
     "language_code": "el"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:07:46+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:00:55+00:00",
     "source_file": "README.md",
     "language_code": "el"
   },
diff --git a/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5b41d1d82..d170856ca 100644
--- a/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/el/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
 # Εισαγωγή στις Γλώσσες Προγραμματισμού και τα Σύγχρονα Εργαλεία Ανάπτυξης
 
-Γεια σου, μελλοντικέ προγραμματιστή! 👋 Μπορώ να σου πω κάτι που ακόμα με συγκλονίζει κάθε μέρα; Είσαι έτοιμος να ανακαλύψεις ότι ο προγραμματισμός δεν αφορά μόνο τους υπολογιστές – αφορά το να έχεις πραγματικές υπερδυνάμεις για να ζωντανέψεις τις πιο τρελές σου ιδέες!
+Γεια σου, μελλοντικέ προγραμματιστή! 👋 Μπορώ να σου πω κάτι που ακόμα μου προκαλεί ρίγος κάθε μέρα; Είσαι έτοιμος να ανακαλύψεις ότι ο προγραμματισμός δεν είναι απλώς για υπολογιστές – είναι σαν να έχεις πραγματικές υπερδυνάμεις για να ζωντανέψεις τις πιο τρελές σου ιδέες!
 
-Ξέρεις εκείνη τη στιγμή που χρησιμοποιείς την αγαπημένη σου εφαρμογή και όλα απλά συνδυάζονται τέλεια; Όταν πατάς ένα κουμπί και συμβαίνει κάτι μαγικό που σε κάνει να πεις "ουάου, πώς ΤΟ ΕΚΑΝΑΝ αυτό;" Λοιπόν, κάποιος ακριβώς σαν κι εσένα – πιθανόν να είναι καθισμένος στο αγαπημένο του καφέ στις 2 τα ξημερώματα με τον τρίτο του εσπρέσο – έγραψε τον κώδικα που δημιούργησε αυτή τη μαγεία. Και να τι θα σε εντυπωσιάσει: στο τέλος αυτού του μαθήματος, όχι μόνο θα καταλάβεις πώς το έκαναν, αλλά θα θέλεις κι εσύ να το δοκιμάσεις!
+Ξέρεις εκείνη τη στιγμή που χρησιμοποιείς την αγαπημένη σου εφαρμογή και όλα ταιριάζουν τέλεια; Όταν πατάς ένα κουμπί και συμβαίνει κάτι μαγικό που σε κάνει να λες "ουάου, πώς το ΕΚΑΝΑΝ αυτό;" Λοιπόν, κάποιος σαν εσένα – πιθανώς καθισμένος στο αγαπημένο του καφέ στις 2 το πρωί με τον τρίτο εσπρέσο του – έγραψε τον κώδικα που δημιούργησε αυτή τη μαγεία. Και αυτό που θα σε αφήσει άφωνο: στο τέλος αυτού του μαθήματος, όχι μόνο θα καταλάβεις πώς το έκαναν, αλλά θα ανυπομονείς να το δοκιμάσεις ο ίδιος!
 
-Κοίτα, καταλαβαίνω αν ο προγραμματισμός σου φαίνεται τρομακτικός αυτή τη στιγμή. Όταν ξεκίνησα, πίστευα ειλικρινά ότι έπρεπε να είσαι κάποιος μαθηματικός ιδιοφυής ή να προγραμματίζεις από τότε που ήσουν πέντε χρονών. Αλλά αυτό που άλλαξε εντελώς την οπτική μου ήταν: ο προγραμματισμός είναι ακριβώς όπως να μαθαίνεις να κάνεις συζητήσεις σε μια νέα γλώσσα. Ξεκινάς με το "γεια" και το "ευχαριστώ", μετά μαθαίνεις να παραγγέλνεις καφέ, και πριν το καταλάβεις κάνεις βαθιές φιλοσοφικές συζητήσεις! Μόνο που εδώ, κάνεις συζητήσεις με υπολογιστές, και ειλικρινά; Είναι οι πιο υπομονετικοί συνομιλητές που θα έχεις ποτέ – ποτέ δεν κρίνουν τα λάθη σου και πάντα ενθουσιάζονται να προσπαθήσουν ξανά!
+Κοίτα, καταλαβαίνω απόλυτα αν ο προγραμματισμός σου φαίνεται τρομακτικός τώρα. Όταν άρχισα, πίστευα ειλικρινά ότι χρειάζεται να είσαι κάποιο είδος μαθηματικού ιδιοφυΐα ή να προγραμματίζεις από πέντε χρονών. Αλλά αυτό που άλλαξε τελείως την οπτική μου: ο προγραμματισμός είναι ακριβώς σαν να μαθαίνεις να κάνεις συζητήσεις σε μια νέα γλώσσα. Ξεκινάς με "γεια" και "ευχαριστώ", μετά μαθαίνεις να παραγγέλνεις καφέ, και προτού το καταλάβεις, κάνεις βαθιές φιλοσοφικές συζητήσεις! Εκτός από το ότι σε αυτή την περίπτωση κάνεις συζητήσεις με υπολογιστές, και ειλικρινά; Είναι οι πιο υπομονετικοί συνομιλητές που θα έχεις ποτέ – δεν κρίνουν ποτέ τα λάθη σου και πάντα ενθουσιάζονται να προσπαθήσουν ξανά!
 
-Σήμερα, θα εξερευνήσουμε τα απίστευτα εργαλεία που κάνουν την σύγχρονη ανάπτυξη ιστοσελίδων όχι μόνο δυνατή, αλλά και σοβαρά εθιστική. Μιλάω για τους ίδιους ακριβώς επεξεργαστές, προγράμματα περιήγησης και ροές εργασίας που χρησιμοποιούν οι προγραμματιστές στη Netflix, Spotify και το αγαπημένο σου indie studio εφαρμογών κάθε μέρα. Και να το μέρος που θα σε κάνει να χορέψεις από χαρά: τα περισσότερα από αυτά τα επαγγελματικά, βιομηχανικά πρότυπα εργαλεία είναι εντελώς δωρεάν!
+Σήμερα, θα εξερευνήσουμε τα απίστευτα εργαλεία που κάνουν τη σύγχρονη ανάπτυξη ιστοσελίδων όχι απλά εφικτή, αλλά σοβαρά εθιστική. Μιλάω για τους ίδιους επεξεργαστές κώδικα, φυλλομετρητές και ροές εργασίας που χρησιμοποιούν οι προγραμματιστές της Netflix, της Spotify και του αγαπημένου σου ανεξάρτητου στούντιο εφαρμογών κάθε μέρα. Και εδώ είναι το κομμάτι που θα σε κάνει να χορέψεις από χαρά: τα περισσότερα από αυτά τα επαγγελματικά, βιομηχανικά αναγνωρισμένα εργαλεία είναι εντελώς δωρεάν!
 
 ![Intro Programming](../../../../translated_images/el/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Σκέτς από [Tomomi Imura](https://twitter.com/girlie_mac)
+> Σημείωση σκίτσου από την [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
@@ -22,84 +22,85 @@ journey
       Επεξεργαστές Κώδικα: 4: You
       Περιηγητές & Εργαλεία Ανάπτυξης: 5: You
       Γραμμή Εντολών: 3: You
-    section Εξάσκηση
-      Ντετέκτιβ Γλωσσών: 4: You
+    section Άσκηση
+      Ντετέκτιβ Γλώσσας: 4: You
       Εξερεύνηση Εργαλείων: 5: You
       Σύνδεση Κοινότητας: 5: You
 ```
 ## Ας Δούμε Τι Ξέρεις Ήδη!
 
-Πριν βουτήξουμε στα διασκεδαστικά, έχω περιέργεια – τι ξέρεις ήδη για αυτόν τον κόσμο του προγραμματισμού; Και άκου, αν κοιτάς αυτές τις ερωτήσεις και σκέφτεσαι "Δεν έχω απολύτως καμία ιδέα για τίποτα από αυτά", αυτό δεν είναι απλώς εντάξει, είναι τέλειο! Σημαίνει ότι είσαι στο ακριβώς σωστό μέρος. Σκέψου αυτό το κουίζ σαν τέντωμα πριν την άσκηση – απλώς ζεσταίνουμε τους μυς του εγκεφάλου!
+Πριν βουτήξουμε στα διασκεδαστικά, είμαι περίεργος – τι ήδη ξέρεις για αυτόν τον κόσμο του προγραμματισμού; Και άκου, αν κοιτάς αυτές τις ερωτήσεις και σκέφτεσαι "Δεν έχω απολύτως καμία ιδέα για τίποτα από όλα αυτά," αυτό δεν είναι απλά εντάξει, είναι τέλειο! Αυτό σημαίνει ότι βρίσκεσαι ακριβώς στο σωστό μέρος. Σκέψου αυτό το κουίζ σαν ένα ζέσταμα πριν την προπόνηση – απλώς "ζεσταίνουμε" τους μυς του εγκεφάλου!
 
-[Κάνε το προ-μάθημα κουίζ](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Κάνε το προκαταρκτικό κουίζ](https://ff-quizzes.netlify.app/web/)
 
-## Η Περιπέτεια που Ετοιμαζόμαστε να Κάνουμε Μαζί
 
-Εντάξει, είμαι πραγματικά γεμάτος ενθουσιασμό για όσα θα εξερευνήσουμε σήμερα! Σοβαρά, εύχομαι να μπορούσα να δω το πρόσωπό σου όταν καταλάβεις μερικές από αυτές τις έννοιες. Να το απίστευτο ταξίδι που θα κάνουμε μαζί:
+## Η Περιπέτεια που Θα Ζήσουμε Μαζί
 
-- **Τι είναι ο προγραμματισμός πραγματικά (και γιατί είναι το πιο κουλ πράγμα στον κόσμο!)** – Θα ανακαλύψουμε πώς ο κώδικας είναι στην ουσία η αόρατη μαγεία που κινεί τα πάντα γύρω σου, από το ξυπνητήρι που ξαφνικά ξέρει ότι είναι Δευτέρα το πρωί, μέχρι τον αλγόριθμο που επιμελεί τέλεια τις Netflix προτάσεις σου  
-- **Γλώσσες προγραμματισμού και οι εκπληκτικές προσωπικότητές τους** – Φαντάσου να μπαίνεις σε ένα πάρτι όπου ο καθένας έχει τελείως διαφορετικές υπερδυνάμεις και τρόπους να λύνει προβλήματα. Έτσι είναι ο κόσμος των γλωσσών προγραμματισμού, και θα λατρέψεις να τις γνωρίσεις!  
-- **Τα βασικά δομικά στοιχεία που κάνουν τη ψηφιακή μαγεία να συμβαίνει** – Σκέψου τα σαν το απόλυτο δημιουργικό σετ LEGO. Μόλις καταλάβεις πώς ενώνονται αυτά τα κομμάτια, θα συνειδητοποιήσεις ότι μπορείς να φτιάξεις κυριολεκτικά οτιδήποτε ονειρευτεί το μυαλό σου  
-- **Επαγγελματικά εργαλεία που θα σε κάνουν να νιώσεις σαν να σου έδωσαν το ραβδί ενός μάγου** – Δεν υπερβάλλω εδώ – αυτά τα εργαλεία θα σε κάνουν πραγματικά να νιώσεις ότι έχεις υπερδυνάμεις, και το καλύτερο; Είναι τα ίδια που χρησιμοποιούν οι επαγγελματίες!
+Εντάξει, είμαι πραγματικά γεμάτος ενθουσιασμό για αυτά που θα ανακαλύψουμε σήμερα! Σοβαρά, θα ήθελα να σου δω το πρόσωπο όταν μερικές από αυτές τις έννοιες "κουμπώσουν." Αυτή είναι η απίστευτη διαδρομή που θα πάρουμε μαζί:
 
-> 💡 **Να το θυμάσαι**: Μην προσπαθήσεις καν να απομνημονεύσεις τα πάντα σήμερα! Τώρα απλώς θέλω να νιώσεις αυτήν την σπίθα ενθουσιασμού για το τι είναι δυνατό. Οι λεπτομέρειες θα κολλήσουν φυσικά καθώς θα εξασκούμαστε μαζί – έτσι συμβαίνει η αληθινή μάθηση!
+- **Τι ακριβώς είναι ο προγραμματισμός (και γιατί είναι το πιο κουλ πράγμα!)** – Θα ανακαλύψουμε πώς ο κώδικας είναι κυριολεκτικά η αόρατη μαγεία που τροφοδοτεί τα πάντα γύρω σου, από αυτό το ξυπνητήρι που με κάποιον τρόπο ξέρει ότι είναι Δευτέρα πρωί μέχρι τον αλγόριθμο που επιμελείται τέλεια τις προτάσεις σου στο Netflix
+- **Οι γλώσσες προγραμματισμού και οι υπέροχες προσωπικότητές τους** – Φαντάσου να πηγαίνεις σε ένα πάρτυ όπου κάθε άτομο έχει εντελώς διαφορετικές υπερδυνάμεις και τρόπους επίλυσης προβλημάτων. Έτσι είναι ο κόσμος των γλωσσών προγραμματισμού, και θα λατρέψεις να τις γνωρίσεις!
+- **Τα βασικά δομικά στοιχεία που κάνουν την ψηφιακή μαγεία να συμβαίνει** – Σκέψου τα σαν το απόλυτο δημιουργικό σετ LEGO. Μόλις καταλάβεις πώς ταιριάζουν αυτά τα κομμάτια, θα καταλάβεις ότι μπορείς κυριολεκτικά να φτιάξεις οτιδήποτε ονειρεύεται το μυαλό σου
+- **Επαγγελματικά εργαλεία που θα σε κάνουν να νιώσεις σαν να σου έδωσαν το ξύλο ενός μάγου** – Δεν υπερβάλλω εδώ – αυτά τα εργαλεία θα σε κάνουν πραγματικά να νιώσεις ότι έχεις υπερδυνάμεις, και το καλύτερο; Είναι τα ίδια που χρησιμοποιούν οι επαγγελματίες!
 
-> Μπορείς να κάνεις αυτό το μάθημα στο [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, που είναι βασικά "ναι" και "όχι" ή "αναμμένο" και "σβηστό". Αυτό είναι όλο! Αλλά εδώ γίνεται η μαγεία – δεν χρειάζεται να μιλάμε σε 1 και 0 σαν να είμαστε μέσα στο Matrix. Εκεί έρχονται οι **γλώσσες προγραμματισμού** να σώσουν την κατάσταση. Είναι σαν να έχεις τον καλύτερο μεταφραστή στον κόσμο που παίρνει τις απλές ανθρώπινες σκέψεις σου και τις μετατρέπει στη γλώσσα των υπολογιστών.
+Αυτός είναι ο προγραμματισμός! Η τέχνη να δίνεις εξαιρετικά λεπτομερείς, βήμα-βήμα οδηγίες σε κάτι που είναι πολύ ισχυρό αλλά χρειάζεται τα πάντα να του λέγονται ακριβώς. Εκτός από το ότι η εξήγηση δεν πηγαίνει στη μητέρα σου (που μπορεί να ρωτήσει "ποιο κόκκινο κουμπί;"), αλλά σε έναν υπολογιστή (που απλώς κάνει ακριβώς ό,τι του λες, ακόμα και αν αυτό που είπες δεν είναι ακριβώς αυτό που ήθελες).
 
-Και αυτό που ακόμα με συγκλονίζει κάθε πρωί όταν ξυπνάω: κυριολεκτικά *όλα* τα ψηφιακά πράγματα στη ζωή σου ξεκίνησαν από κάποιον ακριβώς σαν κι εσένα, πιθανώς καθισμένο σε πυζάμες με ένα φλιτζάνι καφέ, να γράφει κώδικα στον φορητό υπολογιστή του. Αυτό το φίλτρο του Instagram που σε κάνει να δείχνεις άψογος; Κάποιος το κωδικοποίησε. Η πρόταση που σου έφερε το νέο αγαπημένο τραγούδι; Ένας προγραμματιστής έφτιαξε αυτόν τον αλγόριθμο. Η εφαρμογή που σε βοηθά να μοιράζεσαι τους λογαριασμούς του δείπνου με φίλους; Ναι, κάποιος σκέφτηκε "αυτό είναι ενοχλητικό, μάλλον μπορώ να το διορθώσω" και… το έκανε!
+Αυτό που μου προκάλεσε δέος όταν το έμαθα πρώτα: οι υπολογιστές στην ουσία είναι αρκετά απλοί στη βάση τους. Καταλαβαίνουν κυριολεκτικά μόνο δύο πράγματα – 1 και 0, που είναι βασικά "ναι" και "όχι" ή "αναμμένο" και "σβηστό". Αυτό είναι! Αλλά εδώ γίνεται μαγικό – δεν χρειάζεται να μιλάμε σε 1 και 0 σαν να είμαστε στη Μήτρα. Εδώ μπαίνουν τα **γλώσσες προγραμματισμού**. Είναι σαν να έχεις τον καλύτερο μεταφραστή στον κόσμο που μετατρέπει τις κανονικές ανθρώπινες σκέψεις σου σε γλώσσα υπολογιστή.
 
-Όταν μαθαίνεις να προγραμματίζεις, δεν αποκτάς απλώς μια νέα δεξιότητα – γίνεσαι μέρος μιας απίστευτης κοινότητας ανθρώπων που λύνουν προβλήματα και περνούν τις μέρες τους σκεπτόμενοι, "Τι θα γινόταν αν μπορούσα να φτιάξω κάτι που κάνει τη μέρα κάποιου λίγο καλύτερη;" Ειλικρινά, υπάρχει κάτι πιο κουλ από αυτό;
+Και αυτό που ακόμα μου προκαλεί πραγματικά ρίγη κάθε πρωί όταν ξυπνάω: κυριολεκτικά τα *πάντα* ψηφιακά στη ζωή σου ξεκίνησαν από κάποιον σαν εσένα, πιθανώς καθισμένο με τις πιτζάμες και ένα φλιτζάνι καφέ, να πληκτρολογεί κώδικα στο λάπτοπ του. Αυτό το φίλτρο του Instagram που σε κάνει να φαίνεσαι άψογος; Κάποιος το κωδικοποίησε. Η πρόταση που σε οδήγησε στο νέο αγαπημένο σου τραγούδι; Ένας προγραμματιστής έφτιαξε αυτόν τον αλγόριθμο. Η εφαρμογή που σε βοηθά να μοιράζεις τους λογαριασμούς του δείπνου με φίλους; Ναι, κάποιος σκέφτηκε "αυτό είναι εκνευριστικό, σίγουρα μπορώ να το διορθώσω" και μετά... το έκανε!
 
-✅ **Κυνήγι Διασκεδαστικού Γεγονότος**: Να κάτι πολύ ωραίο για να κοιτάξεις όταν έχεις λίγο ελεύθερο χρόνο – ποιος νομίζεις ότι ήταν ο πρώτος προγραμματιστής υπολογιστή στον κόσμο; Θα σου δώσω μια υπόδειξη: δεν είναι απαραίτητα αυτός που περιμένεις! Η ιστορία πίσω από αυτό το άτομο είναι απολύτως συναρπαστική και δείχνει ότι ο προγραμματισμός πάντα είχε να κάνει με τη δημιουργική επίλυση προβλημάτων και το να σκέφτεσαι έξω από το κουτί.
+Όταν μάθεις να προγραμματίζεις, δεν μαθαίνεις απλά μια νέα δεξιότητα – γίνεσαι μέρος αυτής της απίστευτης κοινότητας ανθρώπων που λύνουν προβλήματα και περνούν τις μέρες τους σκεπτόμενοι, "τι θα γινόταν αν μπορούσα να φτιάξω κάτι που κάνει τη μέρα κάποιου λίγο καλύτερη;" Ειλικρινά, υπάρχει κάτι πιο κουλ από αυτό;
+
+✅ **Κυνήγι Διασκεδαστικού Γεγονότος**: Εδώ είναι κάτι πολύ ενδιαφέρον για να ψάξεις όταν έχεις λίγο χρόνο – ποιος νομίζεις ότι ήταν ο πρώτος προγραμματιστής υπολογιστών στον κόσμο; Θα σου δώσω μια υπόδειξη: ίσως να μην είναι αυτό που περιμένεις! Η ιστορία αυτής της προσωπικότητας είναι απολύτως συναρπαστική και δείχνει ότι ο προγραμματισμός πάντα είχε να κάνει με τη δημιουργική επίλυση προβλημάτων και το να σκέφτεσαι έξω από τα συνηθισμένα.
 
 ### 🧠 **Ώρα Ελέγχου: Πώς Νιώθεις;**
 
 **Πάρε μια στιγμή να σκεφτείς:**
-- Σου βγάζει νόημα τώρα η ιδέα του "να δίνεις οδηγίες στους υπολογιστές";  
-- Μπορείς να σκεφτείς μια καθημερινή εργασία που θα ήθελες να αυτοματοποιήσεις με προγραμματισμό;  
-- Ποιες ερωτήσεις σου έρχονται στο μυαλό για όλο αυτό τον προγραμματισμό;
+- Καταλαβαίνεις τώρα την ιδέα του "δίνοντας οδηγίες σε υπολογιστές";
+- Μπορείς να σκεφτείς μια καθημερινή δουλειά που θα ήθελες να αυτοματοποιήσεις με προγραμματισμό;
+- Ποιες ερωτήσεις σου έρχονται στο μυαλό σχετικά με αυτόν τον προγραμματισμό;
 
-> **Να θυμάσαι**: Είναι απόλυτα φυσιολογικό αν μερικές έννοιες σου φαίνονται ασαφείς τώρα. Ο προγραμματισμός είναι σαν να μαθαίνεις μια νέα γλώσσα – χρειάζεται χρόνος για να δημιουργηθούν οι νευρωνικές διαδρομές στον εγκέφαλο. Πάς πολύ καλά!
+> **Να θυμάσαι**: Είναι απόλυτα φυσιολογικό αν μερικές έννοιες φαίνονται θολές τώρα. Το να μαθαίνεις προγραμματισμό είναι σαν να μαθαίνεις μια νέα γλώσσα – παίρνει χρόνο για να δημιουργήσει ο εγκέφαλός σου αυτές τις νευρωνικές διαδρομές. Τα καταφέρνεις υπέροχα!
 
 ## Οι Γλώσσες Προγραμματισμού Είναι Σαν Διάφορες Γεύσεις Μαγείας
 
-Εντάξει, αυτό ίσως ακουστεί περίεργο, αλλά μείνε μαζί μου – οι γλώσσες προγραμματισμού είναι πολύ σαν διαφορετικά είδη μουσικής. Σκέψου το: έχεις jazz, που είναι ομαλή και αυτοσχεδιαστική, rock που είναι δυνατή και απλή, κλασική μουσική που είναι κομψή και δομημένη, και hip-hop που είναι δημιουργική και εκφραστική. Κάθε στυλ έχει τη δική του ατμόσφαιρα, τη δική του κοινότητα παθιασμένων θαυμαστών και το καθένα είναι τέλειο για διαφορετικές διαθέσεις και περιστάσεις.
+Εντάξει, αυτό θα ακούγεται παράξενο, αλλά μείνε μαζί μου – οι γλώσσες προγραμματισμού μοιάζουν πολύ με διαφορετικά είδη μουσικής. Σκέψου το: έχεις τζαζ, που είναι ομαλή και αυτοσχεδιαστική, ροκ που είναι δυναμική και απλή, κλασική που είναι κομψή και δομημένη, και χιπ-χοπ που είναι δημιουργική και εκφραστική. Κάθε στυλ έχει τη δική του ατμόσφαιρα, τη δική του κοινότητα παθιασμένων θαυμαστών, και το καθένα είναι τέλειο για διαφορετικές διαθέσεις και περιστάσεις.
 
-Οι γλώσσες προγραμματισμού λειτουργούν ακριβώς έτσι! Δεν θα έγραφες το ίδιο παιχνίδι για κινητά με γλώσσα που χρησιμοποιείς για να επεξεργαστείς τεράστια κλιματικά δεδομένα, όπως δεν θα άκουγες death metal σε τάξη γιόγκα (τουλάχιστον σε περισσότερες τάξεις γιόγκα! 😄).
+Οι γλώσσες προγραμματισμού λειτουργούν ακριβώς έτσι! Δεν θα χρησιμοποιούσες την ίδια γλώσσα για να φτιάξεις ένα διασκεδαστικό παιχνίδι για κινητά που θα χρησιμοποιούσες για να επεξεργαστείς μεγάλα ποσά δεδομένων για το κλίμα, όπως δεν θα άκουγες ντεθ μέταλ σε μάθημα γιόγκα (εντάξει, στις περισσότερες γιόγκα! 😄).
 
-Αλλά κάνε μου την χάρη, κάθε φορά που το σκέφτομαι με εκπλήσσει: αυτές οι γλώσσες είναι σαν να έχεις τον πιο υπομονετικό, λαμπρό διερμηνέα στον κόσμο καθισμένο δίπλα σου. Μπορείς να εκφράσεις τις ιδέες σου με τρόπο φυσικό στον ανθρώπινο εγκέφαλό σου και αυτοί αναλαμβάνουν όλη την πολύπλοκη δουλειά της μετάφρασης σε 1 και 0 που μιλάνε οι υπολογιστές. Είναι σαν να έχεις έναν φίλο που μιλάει τέλεια και τις δύο γλώσσες, "ανθρώπινης δημιουργικότητας" και "λογικής υπολογιστή" – και δεν κουράζεται ποτέ, δεν χρειάζεται διαλείμματα για καφέ και ποτέ δεν σε κρίνει αν ρωτήσεις ξανά την ίδια ερώτηση!
+Αλλά αυτό που με αφήνει έκπληκτο κάθε φορά που το σκέφτομαι: αυτές οι γλώσσες είναι σαν να έχεις τον πιο υπομονετικό, λαμπρό διερμηνέα στον κόσμο δίπλα σου. Μπορείς να εκφράσεις τις ιδέες σου με τρόπο που νιώθεις φυσικός για τον ανθρώπινο εγκέφαλό σου, και αυτοί αναλαμβάνουν όλη τη πολύπλοκη δουλειά του να το μεταφράσουν στα 1 και 0 που μιλάνε οι υπολογιστές. Είναι σαν να έχεις έναν φίλο που μιλά άπταιστα και τις δύο "ανθρώπινη δημιουργικότητα" και "λογική υπολογιστή" – και ποτέ δεν κουράζεται, δεν χρειάζεται διάλειμμα για καφέ και δεν σε κρίνει αν ρωτήσεις την ίδια ερώτηση δύο φορές!
 
 ### Δημοφιλείς Γλώσσες Προγραμματισμού και Χρήσεις τους
 
 ```mermaid
 mindmap
   root((Γλώσσες Προγραμματισμού))
-    Ανάπτυξη Ιστού
+    Web Development
       JavaScript
         Μαγεία Frontend
         Διαδραστικές Ιστοσελίδες
       TypeScript
         JavaScript + Τύποι
         Επιχειρησιακές Εφαρμογές
-    Δεδομένα & ΤΝ
+    Data & AI
       Python
         Επιστήμη Δεδομένων
         Μηχανική Μάθηση
-        Αυτοματισμός
+        Αυτοματοποίηση
       R
         Στατιστική
         Έρευνα
-    Κινητές Εφαρμογές
+    Mobile Apps
       Java
         Android
         Επιχειρήσεις
@@ -109,7 +110,7 @@ mindmap
       Kotlin
         Σύγχρονο Android
         Πολυπλατφορμικό
-    Συστήματα & Απόδοση
+    Systems & Performance
       C++
         Παιχνίδια
         Κρίσιμη Απόδοση
@@ -120,41 +121,41 @@ mindmap
         Υπηρεσίες Νέφους
         Κλιμακούμενο Backend
 ```
-| Γλώσσα | Καλύτερα για | Γιατί είναι δημοφιλής |
-|----------|----------|------------------|
-| **JavaScript** | Ανάπτυξη ιστοσελίδων, διεπαφές χρήστη | Τρέχει στους περιηγητές και υποστηρίζει διαδραστικές ιστοσελίδες |
-| **Python** | Επιστήμη δεδομένων, αυτοματοποίηση, AI | Εύκολη στην ανάγνωση και μάθηση, ισχυρές βιβλιοθήκες |
+| Γλώσσα | Καλύτερη για | Γιατί Είναι Δημοφιλής |
+|---------|-----------|----------------------|
+| **JavaScript** | Ανάπτυξη ιστοσελίδων, διεπαφές χρήστη | Τρέχει στους φυλλομετρητές και τροφοδοτεί διαδραστικές ιστοσελίδες |
+| **Python** | Επιστήμη δεδομένων, αυτοματοποίηση, AI | Εύκολη στην ανάγνωση και εκμάθηση, ισχυρές βιβλιοθήκες |
 | **Java** | Επιχειρησιακές εφαρμογές, εφαρμογές Android | Ανεξάρτητη πλατφόρμα, ανθεκτική σε μεγάλα συστήματα |
 | **C#** | Εφαρμογές Windows, ανάπτυξη παιχνιδιών | Ισχυρή υποστήριξη από το οικοσύστημα της Microsoft |
-| **Go** | Υπηρεσίες νέφους, συστήματα backend | Γρήγορη, απλή, σχεδιασμένη για σύγχρονους υπολογιστές |
+| **Go** | Υπηρεσίες cloud, backend συστήματα | Γρήγορη, απλή, σχεδιασμένη για σύγχρονη πληροφορική |
 
-### Γλώσσες Υψηλού Επίπέδου έναντι Χαμηλού Επίπεδου
+### Γλώσσες Υψηλού Επίπεδου vs. Χαμηλού Επίπεδου
 
-Εντάξει, αυτή ήταν ειλικρινά η έννοια που "έσπασε" το μυαλό μου όταν ξεκίνησα, οπότε θα μοιραστώ την αναλογία που τελικά μου έκανε κλικ – και ελπίζω να σε βοηθήσει και εσένα!
+Εντάξει, αυτή ήταν ειλικρινά η έννοια που μου έσπασε το μυαλό όταν ξεκίνησα, οπότε θα μοιραστώ την αναλογία που τελικά με βοήθησε να την καταλάβω – και ελπίζω να σε βοηθήσει κι εσένα!
 
-Φαντάσου ότι επισκέπτεσαι μια χώρα όπου δεν μιλάς τη γλώσσα και απελπισμένα πρέπει να βρεις την πλησιέστερη τουαλέτα (έχουμε περάσει όλοι από αυτό, σωστά; 😅):
+Φαντάσου ότι βρίσκεσαι σε μια χώρα όπου δεν μιλάς τη γλώσσα, και χρειάζεσαι απεγνωσμένα να βρεις την πιο κοντινή τουαλέτα (όλοι έχουμε βρεθεί εκεί, σωστά; 😅):
 
-- **Ο προγραμματισμός χαμηλού επιπέδου** είναι σαν να μαθαίνεις τόσο καλά τη τοπική διάλεκτο που μπορείς να μιλήσεις με την γιαγιά που πουλάει φρούτα στη γωνία, χρησιμοποιώντας πολιτισμικές αναφορές, τοπική αργκό και αστεία που καταλαβαίνει μόνο κάποιος που μεγάλωσε εκεί. Πολύ εντυπωσιακό και απίστευτα αποδοτικό... αν είσαι άπταιστος! Αλλά αρκετά συντριπτικό όταν απλά ψάχνεις για τουαλέτα.
+- **Ο προγραμματισμός χαμηλού επιπέδου** είναι σαν να μαθαίνεις τη ντόπια διάλεκτο τόσο καλά που μπορείς να συνομιλήσεις με τη γιαγιά που πουλάει φρούτα στη γωνία χρησιμοποιώντας πολιτισμικές αναφορές, τοπικά ιδιώματα και αστεία που μόνο κάποιος που μεγάλωσε εκεί θα καταλάβαινε. Πολύ εντυπωσιακό και απίστευτα αποδοτικό... αν τυχαίνει να μιλάς την γλώσσα! Αλλά αρκετά συντριπτικό όταν απλώς προσπαθείς να βρεις ένα μπάνιο.
 
-- **Ο προγραμματισμός υψηλού επιπέδου** είναι σαν να έχεις αυτόν τον υπέροχο ντόπιο φίλο που απλά σε καταλαβαίνει. Μπορείς να πεις "Πραγματικά πρέπει να βρω μια τουαλέτα" στα απλά αγγλικά και εκείνος να μεταφράσει όλη την πολιτισμική γλώσσα και να σου δώσει οδηγίες που βγάζουν απόλυτο νόημα στον εγκέφαλό σου που δεν είναι ντόπιος.
+- **Ο προγραμματισμός υψηλού επιπέδου** είναι σαν να έχεις αυτόν τον εκπληκτικό ντόπιο φίλο που σε καταλαβαίνει. Μπορείς να πεις "Πραγματικά χρειάζομαι να βρω μια τουαλέτα" στα απλά αγγλικά, και αυτοί αναλαμβάνουν όλη τη μετάφραση στην κουλτούρα και σου δίνουν οδηγίες με τρόπο που έχει απόλυτο νόημα για το μη-ντόπιο μυαλό σου.
 
 Σε όρους προγραμματισμού:
-- **Οι γλώσσες χαμηλού επιπέδου** (όπως Assembly ή C) σου επιτρέπουν να έχεις απίστευτα λεπτομερείς συζητήσεις με το πραγματικό υλικό του υπολογιστή, αλλά πρέπει να σκέφτεσαι σαν μηχανή, που είναι... ας το πούμε, μεγάλη πνευματική αλλαγή!  
-- **Οι γλώσσες υψηλού επιπέδου** (όπως JavaScript, Python ή C#) σε αφήνουν να σκέφτεσαι σαν άνθρωπος ενώ αυτές διαχειρίζονται όλη τη μηχανική ορολογία στα παρασκήνια. Επιπλέον, έχουν αυτές τις απίστευτα φιλόξενες κοινότητες γεμάτες ανθρώπους που θυμούνται πώς ήταν να είσαι αρχάριος και πραγματικά θέλουν να βοηθήσουν!
+- Οι **γλώσσες χαμηλού επιπέδου** (όπως Assembly ή C) σου επιτρέπουν να έχεις απίστευτα λεπτομερείς συνομιλίες με το υλικό του υπολογιστή, αλλά πρέπει να σκέφτεσαι σαν μηχανή, το οποίο... ας πούμε ότι είναι αρκετά μεγάλο άλμα νοητικά!
+- Οι **γλώσσες υψηλού επιπέδου** (όπως JavaScript, Python ή C#) σου επιτρέπουν να σκέφτεσαι σαν άνθρωπος ενώ αυτοί αναλαμβάνουν όλη τη "μηχανική γλώσσα" πίσω από τα παρασκήνια. Επιπλέον, έχουν απίστευτες, φιλόξενες κοινότητες γεμάτες ανθρώπους που θυμούνται πώς ήταν να είσαι νέος και πραγματικά θέλουν να βοηθήσουν!
 
-Μαντέψτε με ποια θα σε προτείνω να ξεκινήσεις; 😉 Οι γλώσσες υψηλού επιπέδου είναι σαν τις βοηθητικές ρόδες που δεν θέλεις να βγάλεις ποτέ γιατί κάνουν όλη την εμπειρία πολύ πιο απολαυστική!
+Μάντεψε με ποιο ξεκινάω να προτείνω; 😉 Οι γλώσσες υψηλού επιπέδου είναι σαν να έχεις βοηθητικές ρόδες που δεν θέλεις ποτέ να αφαιρέσεις γιατί κάνουν όλη την εμπειρία πολύ πιο ευχάριστη!
 
 ```mermaid
 flowchart TB
     A["👤 Ανθρώπινη Σκέψη:<br/>'Θέλω να υπολογίσω αριθμούς Fibonacci'"] --> B{Επίπεδο Γλώσσας}
     
-    B -->|Υψηλού Επιπέδου| C["🌟 JavaScript/Python<br/>Εύκολο στην ανάγνωση και γραφή"]
+    B -->|Υψηλού Επιπέδου| C["🌟 JavaScript/Python<br/>Εύκολο στην ανάγνωση και τη συγγραφή"]
     B -->|Χαμηλού Επιπέδου| D["⚙️ Assembly/C<br/>Άμεσος έλεγχος υλικού"]
     
     C --> E["📝 Γράψε: fibonacci(10)"]
     D --> F["📝 Γράψε: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Κατανόηση Υπολογιστή:<br/>Ο μεταφραστής χειρίζεται την πολυπλοκότητα"]
+    E --> G["🤖 Κατανόηση Υπολογιστή:<br/>Ο μεταφραστής διαχειρίζεται την πολυπλοκότητα"]
     F --> G
     
     G --> H["💻 Ίδιο Αποτέλεσμα:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -163,15 +164,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Άφησέ Με να Σου Δείξω Γιατί Οι Γλώσσες Υψηλού Επίπεδου Είναι Πολύ Φιλικές
+### Άσε Με Να Σου Δείξω Γιατί οι Γλώσσες Υψηλού Επιπέδου Είναι Πιο Φιλικές
 
-Εντάξει, πρόκειται να σου δείξω κάτι που δείχνει τέλεια γιατί αγάπησα τις γλώσσες υψηλού επιπέδου, αλλά πρώτα – πρέπει να μου υποσχεθείς κάτι. Όταν δεις το πρώτο παράδειγμα κώδικα, μην πανικοβληθείς! Προορίζεται να φαίνεται τρομακτικό. Αυτό είναι το σημείο που θέλω να κάνω!
+Εντάξει, θα σου δείξω κάτι που αναδεικνύει τέλεια γιατί ερωτεύτηκα τις γλώσσες υψηλού επιπέδου, αλλά πρώτα – θέλω να μου υποσχεθείς κάτι. Όταν δεις το πρώτο παράδειγμα κώδικα, μην πανικοβληθείς! Είναι φυσιολογικό να φαίνεται λίγο τρομακτικό. Αυτό ακριβώς τονίζω!
 
-Θα δούμε το ίδιο ακριβώς έργο γραμμένο σε δύο τελείως διαφορετικά στυλ. Και τα δύο δημιουργούν την ακολουθία Fibonacci – αυτό το όμορφο μαθηματικό μοτίβο όπου κάθε αριθμός είναι το άθροισμα των δύο προηγούμενων: 0, 1, 1, 2, 3, 5, 8, 13... (Διασκεδαστικό γεγονός: θα βρεις αυτό το μοτίβο κυριολεκτικά παντού στη φύση – στις σπείρες σπόρων ηλίανθου, στα μοτίβα κουκουναριών, ακόμα και στο πώς σχηματίζονται οι γαλαξίες!)
+Θα δούμε την ίδια ακριβώς εργασία γραμμένη σε δύο εντελώς διαφορετικά στυλ. Και τα δύο δημιουργούν την ακολουθία Fibonacci – είναι ένα όμορφο μαθηματικό μοτίβο όπου κάθε αριθμός είναι το άθροισμα των δύο προηγουμένων: 0, 1, 1, 2, 3, 5, 8, 13... (Διασκεδαστικό γεγονός: θα βρεις αυτό το μοτίβο κυριολεκτικά παντού στη φύση – στο σπείρωμα των ηλιόσπορων, στα μοτίβα των κουκουναριών, ακόμα και στον τρόπο σχηματισμού των γαλαξιών!)
 
-Έτοιμος να δεις τη διαφορά; Πάμε!
+Έτοιμος να δεις τη διαφορά; Ας πάμε!
 
-**Γλώσσα υψηλού επιπέδου (JavaScript) – Ανθρώπινη φιλική:**
+**Γλώσσα υψηλού επιπέδου (JavaScript) – Φιλική στον άνθρωπο:**
 
 ```javascript
 // Βήμα 1: Βασική ρύθμιση Fibonacci
@@ -182,18 +183,18 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Αυτό κάνει ο κώδικας:**
-- **Δηλώνει** μια σταθερά για να καθορίσει πόσους αριθμούς Fibonacci θέλουμε να δημιουργήσουμε  
-- **Αρχικοποιεί** δύο μεταβλητές για να παρακολουθεί τους τρέχοντες και επόμενους αριθμούς στην ακολουθία  
-- **Ορίζει** τις αρχικές τιμές (0 και 1) που καθορίζουν το μοτίβο Fibonacci  
-- **Εμφανίζει** ένα μήνυμα κεφαλίδας για να ταυτοποιήσει την έξοδο μας
+**Αυτό κάνει αυτός ο κώδικας:**
+- **Δηλώνει** μια σταθερά που καθορίζει πόσους αριθμούς Fibonacci θέλουμε να παράγουμε
+- **Αρχικοποιεί** δύο μεταβλητές για να παρακολουθεί τους τρέχοντες και τους επόμενους αριθμούς της σειράς
+- **Ορίζει** τις αρχικές τιμές (0 και 1) που καθορίζουν το μοτίβο Fibonacci
+- **Εμφανίζει** ένα επικεφαλίδα μήνυμα για να αναγνωρίσουμε την έξοδο μας
 
 ```javascript
-// Βήμα 2: Δημιουργήστε τη σειρά με έναν βρόχο
+// Βήμα 2: Δημιουργήστε την ακολουθία με έναν βρόχο
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Υπολογίστε τον επόμενο αριθμό στη σειρά
+  // Υπολογίστε τον επόμενο αριθμό στην ακολουθία
   const sum = current + next;
   current = next;
   next = sum;
@@ -201,10 +202,10 @@ for (let i = 0; i < fibonacciCount; i++) {
 ```
 
 **Αναλύοντας τι συμβαίνει εδώ:**
-- **Επαναλαμβάνει** μέσω κάθε θέσης στην ακολουθία μας χρησιμοποιώντας έναν βρόχο `for`  
-- **Εμφανίζει** κάθε αριθμό με τη θέση του χρησιμοποιώντας τη μορφοποίηση προτύπου συμβολοσειράς  
-- **Υπολογίζει** τον επόμενο αριθμό Fibonacci προσθέτοντας τις τρέχουσες και επόμενες τιμές  
-- **Ενημερώνει** τις μεταβλητές παρακολούθησης για να προχωρήσει στην επόμενη επανάληψη
+- **Κάνει βρόχο** μέσα από κάθε θέση στη σειρά μας χρησιμοποιώντας έναν `for` βρόχο
+- **Εμφανίζει** κάθε αριθμό με τη θέση του χρησιμοποιώντας μορφοποίηση template literal
+- **Υπολογίζει** τον επόμενο αριθμό Fibonacci προσθέτοντας την τρέχουσα με την επόμενη τιμή
+- **Ενημερώνει** τις μεταβλητές παρακολούθησης για να μετακινηθεί στον επόμενο γύρο
 
 ```javascript
 // Βήμα 3: Σύγχρονη λειτουργική προσέγγιση
@@ -224,10 +225,10 @@ console.log(fibSequence);
 ```
 
 **Στο παραπάνω έχουμε:**
-- **Δημιουργήσει** μια επαναχρησιμοποιήσιμη συνάρτηση χρησιμοποιώντας τη σύγχρονη σύνταξη βέλους  
-- **Κατασκευάσει** έναν πίνακα για να αποθηκεύσουμε την πλήρη ακολουθία αντί να εμφανίζουμε έναν-έναν  
-- **Χρησιμοποιήσει** δεικτοδότηση πίνακα για να υπολογίσουμε κάθε νέο αριθμό από τις προηγούμενες τιμές  
-- **Επιστρέψει** την πλήρη ακολουθία για ευέλικτη χρήση σε άλλα μέρη του προγράμματος
+- **Δημιουργήσει** μια επαναχρησιμοποιήσιμη συνάρτηση χρησιμοποιώντας σύγχρονη σύνταξη arrow function
+- **Κατασκευάσει** έναν πίνακα για να αποθηκεύσουμε όλη τη σειρά αντί να την εμφανίζουμε έναν έναν
+- **Χρησιμοποιήσει** δείκτες πίνακα για να υπολογίσουμε κάθε νέο αριθμό από τις προηγούμενες τιμές
+- **Επιστρέψει** όλη τη σειρά για ευέλικτη χρήση σε άλλα μέρη του προγράμματός μας
 
 **Γλώσσα χαμηλού επιπέδου (ARM Assembly) – Φιλική στον υπολογιστή:**
 
@@ -256,27 +257,28 @@ back add r0,r1
  end
 ```
 
-Παρατήρησε πώς η έκδοση JavaScript διαβάζεται σχεδόν σαν αγγλικές οδηγίες, ενώ η έκδοση Assembly χρησιμοποιεί κρυπτογραφημένες εντολές που ελέγχουν άμεσα τον επεξεργαστή του υπολογιστή. Και οι δύο πραγματοποιούν το ίδιο έργο, αλλά η γλώσσα υψηλού επιπέδου είναι πολύ πιο εύκολη για τους ανθρώπους να καταλάβουν, να γράψουν και να διατηρήσουν.
+Παρατήρησε πώς η έκδοση JavaScript διαβάζεται σχεδόν σαν οδηγίες στα Αγγλικά, ενώ η έκδοση Assembly χρησιμοποιεί κρυπτογραφικές εντολές που ελέγχουν απευθείας τον επεξεργαστή του υπολογιστή. Και οι δύο εκτελούν την ίδια ακριβώς εργασία, αλλά η γλώσσα υψηλού επιπέδου είναι πολύ πιο εύκολη για τους ανθρώπους να καταλάβουν, να γράψουν και να συντηρήσουν.
 
 **Κύριες διαφορές που θα παρατηρήσεις:**
-- **Αναγνωσιμότητα**: Η JavaScript χρησιμοποιεί περιγραφικά ονόματα όπως `fibonacciCount` ενώ η Assembly χρησιμοποιεί κρυπτογραφικές ετικέτες όπως `r0`, `r1`
-- **Σχόλια**: Οι γλώσσες υψηλού επιπέδου ενθαρρύνουν επεξηγηματικά σχόλια που κάνουν τον κώδικα αυτο-τεκμηριωμένο  
-- **Δομή**: Η λογική ροή του JavaScript ταιριάζει με τον τρόπο που οι άνθρωποι σκέφτονται για τα προβλήματα βήμα προς βήμα  
-- **Συντήρηση**: Η ενημέρωση της έκδοσης JavaScript για διάφορες απαιτήσεις είναι απλή και καθαρή  
+- **Αναγνωσιμότητα**: Η JavaScript χρησιμοποιεί περιγραφικά ονόματα όπως `fibonacciCount` ενώ η Assembly χρησιμοποιεί κρυπτικά ετικέτες όπως `r0`, `r1`
+- **Σχόλια**: Οι γλώσσες υψηλού επιπέδου ενθαρρύνουν επεξηγηματικά σχόλια που κάνουν τον κώδικα αυτο-τεκμηριούμενο
+- **Δομή**: Η λογική ροή της JavaScript ταιριάζει με τον τρόπο που οι άνθρωποι σκέφτονται τα προβλήματα βήμα-βήμα
+- **Συντήρηση**: Η ενημέρωση της έκδοσης JavaScript για διαφορετικές απαιτήσεις είναι απλή και ξεκάθαρη
+
+✅ **Σχετικά με τη σειρά Fibonacci**: Αυτό το απόλυτα υπέροχο αριθμητικό μοτίβο (όπου κάθε αριθμός ισούται με το άθροισμα των δύο προηγούμενων: 0, 1, 1, 2, 3, 5, 8...) εμφανίζεται κυριολεκτικά *παντού* στη φύση! Θα το βρείτε στις σπείρες των ηλίανθων, στα μοτίβα των πετάλων πεύκου, στον τρόπο που καμπυλώνουν τα κελύφη του ναυτίλου, και ακόμα στον τρόπο που αναπτύσσονται τα κλαδιά των δέντρων. Είναι πραγματικά εντυπωσιακό το πώς τα μαθηματικά και ο κώδικας μπορούν να μας βοηθήσουν να κατανοήσουμε και να αναπαράγουμε τα μοτίβα που η φύση χρησιμοποιεί για να δημιουργεί ομορφιά!
 
-✅ **Σχετικά με την ακολουθία Fibonacci**: Αυτό το απολύτως υπέροχο μοτίβο αριθμών (όπου κάθε αριθμός ισούται με το άθροισμα των δύο προηγούμενων: 0, 1, 1, 2, 3, 5, 8...) εμφανίζεται κυριολεκτικά *παντού* στη φύση! Θα το βρείτε στις σπείρες των ηλιοτροπίων, στα μοτίβα των κουκουναριών, στον τρόπο που καμπυλώνουν τα κοχύλια ναυτίλου, και ακόμα και στο πώς μεγαλώνουν τα κλαδιά των δέντρων. Είναι πραγματικά εντυπωσιακό το πώς τα μαθηματικά και ο κώδικας μπορούν να μας βοηθήσουν να κατανοήσουμε και να αναπαράγουμε τα μοτίβα που χρησιμοποιεί η φύση για να δημιουργήσει ομορφιά!
 
-## Τα Θεμελιώδη Στοιχεία Που Δημιουργούν Τη Μαγεία
+## Τα Τούβλα που Δημιουργούν τη Μαγεία
 
-Εντάξει, τώρα που είδες πώς μοιάζουν οι γλώσσες προγραμματισμού σε δράση, ας αναλύσουμε τα βασικά κομμάτια που αποτελούν κυριολεκτικά κάθε πρόγραμμα που έχει γράψει ποτέ άνθρωπος. Σκέψου τα σαν τα απαραίτητα υλικά στην αγαπημένη σου συνταγή – μόλις καταλάβεις τι κάνει το καθένα, θα μπορείς να διαβάζεις και να γράφεις κώδικα σε σχεδόν οποιαδήποτε γλώσσα!
+Εντάξει, τώρα που είδατε πώς μοιάζουν οι γλώσσες προγραμματισμού στην πράξη, ας αναλύσουμε τα θεμελιώδη κομμάτια που απαρτίζουν κυριολεκτικά κάθε πρόγραμμα που έχει γραφτεί ποτέ. Σκεφτείτε τα σαν τα βασικά υλικά στην αγαπημένη σας συνταγή – μόλις καταλάβετε τι κάνει το καθένα, θα μπορείτε να διαβάζετε και να γράφετε κώδικα σχεδόν σε οποιαδήποτε γλώσσα!
 
-Αυτό είναι κάπως σαν να μαθαίνεις τη γραμματική του προγραμματισμού. Θυμάσαι στο σχολείο όταν μάθαινες για ουσιαστικά, ρήματα και πώς να σχηματίζεις προτάσεις; Ο προγραμματισμός έχει τη δική του έκδοση γραμματικής, και ειλικρινά, είναι πολύ πιο λογική και συγχωρητική από τη γραμματική της Αγγλικής γλώσσας! 😄
+Αυτό μοιάζει κάπως με το να μαθαίνεις τη γραμματική του προγραμματισμού. Θυμηθείτε όταν στο σχολείο μάθατε για ουσιαστικά, ρήματα και πώς να φτιάχνετε προτάσεις; Ο προγραμματισμός έχει τη δική του έκδοση γραμματικής και ειλικρινά, είναι πολύ πιο λογική και επιεικής από ό,τι ήταν η αγγλική γραμματική! 😄
 
-### Δηλώσεις: Οι Οδηγίες Βήμα προς Βήμα
+### Δηλώσεις: Οι Οδηγίες Βήμα-Βήμα
 
-Ας ξεκινήσουμε με τις **δηλώσεις** – αυτές είναι σαν μεμονωμένες προτάσεις σε μια συνομιλία με τον υπολογιστή σου. Κάθε δήλωση λέει στον υπολογιστή να κάνει ένα συγκεκριμένο πράγμα, σαν να δίνεις οδηγίες: "Στρίψε αριστερά εδώ", "Σταμάτα στο κόκκινο φανάρι", "Πάρκαρε εκεί".
+Ας ξεκινήσουμε με τις **δηλώσεις** – είναι σαν μεμονωμένες προτάσεις σε μια συζήτηση με τον υπολογιστή σας. Κάθε δήλωση λέει στον υπολογιστή να κάνει ένα συγκεκριμένο πράγμα, κάπως σαν να δίνετε οδηγίες: "Στρίψε αριστερά εδώ," "Σταμάτα στο κόκκινο φανάρι," "Παρκάρισε εκεί."
 
-Αυτό που λατρεύω στις δηλώσεις είναι πόσο ευανάγνωστες είναι συνήθως. Δες αυτό:
+Αυτό που μου αρέσει στις δηλώσεις είναι το πόσο αναγνώσιμες είναι συνήθως. Ρίξτε μια ματιά:
 
 ```javascript
 // Βασικές δηλώσεις που εκτελούν μεμονωμένες ενέργειες
@@ -284,31 +286,31 @@ 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: Δημιουργία βασικών μεταβλητών
@@ -317,26 +319,26 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Κατανόηση αυτών των εννοιών:**  
-- **Αποθήκευση** αμετάβλητων τιμών σε μεταβλητές `const` (όπως το όνομα του ιστότοπου)  
-- **Χρήση** `let` για τιμές που μπορούν να αλλάζουν μέσα στο πρόγραμμα  
-- **Ανάθεση** διαφορετικών τύπων δεδομένων: συμβολοσειρές (κείμενο), αριθμοί, και boolean (αληθές/ψευδές)  
-- **Επιλογή** περιγραφικών ονομάτων που εξηγούν τι αποθηκεύει κάθε μεταβλητή  
+
+**Κατανόηση αυτών των εννοιών:**
+- **Αποθηκεύει** αμετάβλητες τιμές σε `const` μεταβλητές (π.χ. όνομα ιστοσελίδας)
+- **Χρησιμοποιεί** `let` για τιμές που μπορεί να αλλάζουν κατά τη διάρκεια του προγράμματος
+- **Αναθέτει** διαφορετικούς τύπους δεδομένων: αλφαριθμητικά (κείμενο), αριθμούς και boolean (true/false)
+- **Επιλέγει** περιγραφικά ονόματα που εξηγούν τι περιέχει κάθε μεταβλητή
 
 ```javascript
-// Βήμα 2: Εργασία με αντικείμενα για ομαδοποίηση σχετικών δεδομένων
+// Βήμα 2: Εργασία με αντικείμενα για την ομαδοποίηση σχετικών δεδομένων
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**Στο παραπάνω έχουμε:**  
-- **Δημιουργήσει** ένα αντικείμενο για να ομαδοποιήσουμε σχετικές πληροφορίες καιρού  
-- **Οργανώσει** πολλά δεδομένα κάτω από ένα όνομα μεταβλητής  
-- **Χρησιμοποιήσει** ζεύγη κλειδί-τιμή για να ετικετοποιήσουμε κάθε πληροφορία ξεκάθαρα  
+
+**Πάνω απ’ όλα, έχουμε:**
+- **Δημιουργήσει** ένα αντικείμενο για να ομαδοποιήσουμε σχετικές πληροφορίες καιρού
+- **Οργανώσει** πολλαπλές πληροφορίες κάτω από ένα όνομα μεταβλητής
+- **Χρησιμοποιήσει** ζεύγη κλειδί-τιμής για να ετικετοποιήσουμε καθαρά κάθε κομμάτι πληροφορίας
 
 ```javascript
 // Βήμα 3: Χρήση και ενημέρωση μεταβλητών
@@ -347,36 +349,36 @@ console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Ας κατανοήσουμε κάθε μέρος:**  
-- **Εμφάνιση** πληροφοριών χρησιμοποιώντας template literals με σύνταξη `${}`  
-- **Πρόσβαση** σε ιδιότητες αντικειμένων με τελεία (`weatherData.windSpeed`)  
-- **Ενημέρωση** μεταβλητών δηλωμένων με `let` για να αντανακλούν μεταβαλλόμενες συνθήκες  
-- **Συνδυασμός** πολλών μεταβλητών για δημιουργία νοημάτων μηνυμάτων  
+
+**Ας κατανοήσουμε κάθε μέρος:**
+- **Εμφανίζει** πληροφορίες χρησιμοποιώντας template literals με τη σύνταξη `${}`
+- **Προσπελαύνει** τις ιδιότητες του αντικειμένου με σημειογραφία τελείας (`weatherData.windSpeed`)
+- **Ενημερώνει** μεταβλητές δηλωμένες με `let` για να αντανακλούν αλλαγές στις συνθήκες
+- **Συνδυάζει** πολλαπλές μεταβλητές για να δημιουργήσει νοηματικά μηνύματα
 
 ```javascript
-// Βήμα 4: Σύγχρονο αποδόμημα για πιο καθαρό κώδικα
+// Βήμα 4: Σύγχρονη αποδόμηση για πιο καθαρό κώδικα
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Τι πρέπει να ξέρεις:**  
-- **Εξαγωγή** συγκεκριμένων ιδιοτήτων από αντικείμενα με αποδομητική ανάθεση  
-- **Δημιουργία** νέων μεταβλητών αυτόματα με τα ίδια ονόματα όπως τα κλειδιά των αντικειμένων  
-- **Απλοποίηση** του κώδικα αποφεύγοντας επαναλαμβανόμενη χρήση τελείας  
 
-### Ροή Ελέγχου: Διδάσκοντας Το Πρόγραμμά Σου Να Σκέφτεται
+**Τι πρέπει να ξέρετε:**
+- **Εξάγει** συγκεκριμένες ιδιότητες από αντικείμενα με την κατανομή (destructuring assignment)
+- **Δημιουργεί** νέες μεταβλητές αυτόματα με τα ίδια ονόματα των κλειδιών του αντικειμένου
+- **Απλοποιεί** τον κώδικα αποφεύγοντας την επαναλαμβανόμενη σημειογραφία τελείας
 
-Εντάξει, εδώ ο προγραμματισμός γίνεται απολύτως εκπληκτικός! Η **ροή ελέγχου** ουσιαστικά μαθαίνει στο πρόγραμμα πώς να παίρνει έξυπνες αποφάσεις, ακριβώς όπως το κάνεις κι εσύ κάθε μέρα χωρίς καν να το συνειδητοποιείς.
+### Έλεγχος Ροής: Διδάσκοντας το Πρόγραμμά Σας να Σκέφτεται
 
-Φαντάσου το εξής: σήμερα το πρωί μάλλον πέρασες από κάτι σαν "Αν βρέχει, θα πάρω ομπρέλα. Αν κάνει κρύο, θα φορέσω μπουφάν. Αν αργώ, θα παραλείψω το πρωινό και θα πάρω καφέ στο δρόμο." Ο εγκέφαλός σου ακολουθεί αυτή την if-then λογική δεκάδες φορές κάθε μέρα!
+Εντάξει, εδώ γίνεται πραγματικά συναρπαστικό! Ο **έλεγχος ροής** είναι βασικά το να διδάσκεις το πρόγραμμα πώς να παίρνει έξυπνες αποφάσεις, ακριβώς όπως κάνετε εσείς κάθε μέρα χωρίς να το σκέφτεστε.
 
-Αυτό είναι που κάνει τα προγράμματα να φαίνονται έξυπνα και ζωντανά, αντί να απλώς ακολουθούν κάποιο βαρετό και προβλέψιμο σενάριο. Μπορούν να δουν μια κατάσταση, να αξιολογήσουν τι συμβαίνει, και να ανταποκριθούν κατάλληλα. Είναι σαν να δίνεις στο πρόγραμμα ένα μυαλό που μπορεί να προσαρμοστεί και να κάνει επιλογές!
+Φανταστείτε το εξής: σήμερα το πρωί πιθανόν κάνατε κάτι σαν "Αν βρέχει, θα πάρω ομπρέλα. Αν κάνει κρύο, θα φορέσω μπουφάν. Αν αργώ, θα παραλείψω το πρωινό και θα πάρω καφέ στο δρόμο." Ο εγκέφαλός σας ακολουθεί φυσικά αυτήν τη λογική αν-τότε δεκάδες φορές κάθε μέρα!
 
-Θες να δεις πόσο όμορφα λειτουργεί αυτό; Άσε με να σου δείξω:
+Αυτό κάνει τα προγράμματα να φαίνονται έξυπνα και ζωντανά, αντί απλά να ακολουθούν κάποιο βαρετό, προβλέψιμο σενάριο. Μπορούν πραγματικά να κοιτάξουν την κατάσταση, να αξιολογήσουν τι συμβαίνει και να ανταποκριθούν κατάλληλα. Σαν να δίνετε στο πρόγραμμά σας έναν εγκέφαλο που μπορεί να προσαρμοστεί και να παίρνει αποφάσεις!
+
+Θέλετε να δείτε πόσο όμορφα λειτουργεί; Ας δείξω:
 
 ```javascript
-// Βήμα 1: Βασική συνθήκη λογικής
+// Βήμα 1: Βασική λογική υπό συνθήκη
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -386,12 +388,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Αυτό που κάνει ο κώδικας:**  
-- **Ελέγχει** αν η ηλικία χρήστη πληροί την προϋπόθεση για ψήφο  
-- **Εκτελεί** διαφορετικά μπλοκ κώδικα με βάση το αποτέλεσμα της συνθήκης  
-- **Υπολογίζει** και εμφανίζει πόσος χρόνος μένει μέχρι να μπορεί να ψηφίσει αν είναι κάτω των 18  
-- **Προσφέρει** συγκεκριμένη, χρήσιμη ανατροφοδότηση για κάθε σενάριο  
+
+**Αυτό που κάνει ο κώδικας:**
+- **Ελέγχει** αν η ηλικία του χρήστη πληροί την προϋπόθεση ψήφου
+- **Εκτελεί** διαφορετικά μπλοκ κώδικα ανάλογα με το αποτέλεσμα της συνθήκης
+- **Υπολογίζει** και εμφανίζει πόσος χρόνος απομένει μέχρι την ικανότητα ψήφου αν είναι κάτω των 18
+- **Προσφέρει** συγκεκριμένη και χρήσιμη ανατροφοδότηση για κάθε περίπτωση
 
 ```javascript
 // Βήμα 2: Πολλαπλές συνθήκες με λογικούς τελεστές
@@ -406,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Ανάλυση τι συμβαίνει εδώ:**  
-- **Συνδυάζει** πολλαπλές συνθήκες με τον τελεστή `&&` (και)  
-- **Δημιουργεί** ιεραρχία συνθηκών με `else if` για πολλαπλά σενάρια  
-- **Χειρίζεται** όλες τις πιθανές περιπτώσεις με μια τελική δήλωση `else`  
-- **Παρέχει** σαφή και πράξημο ανατροφοδότηση για κάθε διαφορετική κατάσταση  
+
+**Ανάλυση όσων συμβαίνουν εδώ:**
+- **Συνδυάζει** πολλαπλές προϋποθέσεις με τον τελεστή `&&` (και)
+- **Δημιουργεί** ιεραρχία συνθηκών με `else if` για πολλαπλά σενάρια
+- **Χειρίζεται** όλες τις πιθανές περιπτώσεις με μια τελευταία δήλωση `else`
+- **Προσφέρει** σαφή και εφαρμόσιμη ανατροφοδότηση για κάθε διαφορετική κατάσταση
 
 ```javascript
-// Βήμα 3: Συνοπτική συνθήκη με τον τριμερικό τελεστή
+// Βήμα 3: Συνοπτική συνθήκη με τριαδικό τελεστή
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Τι πρέπει να θυμάσαι:**  
-- **Χρησιμοποίησε** τον τριαδικό τελεστή (`? :`) για απλές συνθήκες με δύο επιλογές  
-- **Γράψε** πρώτα τη συνθήκη, μετά `?`, μετά την αληθή περίπτωση, μετά `:`, και μετά την ψευδή περίπτωση  
-- **Εφάρμοσε** αυτό το μοτίβο όταν χρειάζεσαι να αναθέσεις τιμές βάσει συνθηκών  
+
+**Τι πρέπει να θυμάστε:**
+- **Χρησιμοποιείστε** τον τελεστή ternary (`? :`) για απλές συνθήκες με δύο επιλογές
+- **Γράψτε** πρώτα τη συνθήκη, μετά το `?`, μετά το αποτέλεσμα αν αληθές, μετά το `:`, και τέλος το αποτέλεσμα αν ψευδές
+- **Εφαρμόστε** αυτό το μοτίβο όταν χρειάζεται να αναθέσετε τιμές βάσει συνθηκών
 
 ```javascript
 // Βήμα 4: Διαχείριση πολλαπλών συγκεκριμένων περιπτώσεων
@@ -444,55 +446,55 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Αυτός ο κώδικας πετυχαίνει τα εξής:**  
-- **Ταιριάζει** την τιμή μιας μεταβλητής σε πολλές συγκεκριμένες περιπτώσεις  
-- **Ομαδοποιεί** παρόμοιες περιπτώσεις μαζί (εργάσιμες ημέρες έναντι σαββατοκύριακων)  
-- **Εκτελεί** το κατάλληλο μπλοκ κώδικα όταν βρεθεί ταύτιση  
-- **Περιλαμβάνει** μια `default` περίπτωση για την αντιμετώπιση απρόβλεπτων τιμών  
-- **Χρησιμοποιεί** δηλώσεις `break` για να εμποδίσει τον κώδικα να συνεχίσει στην επόμενη περίπτωση  
 
-> 💡 **Αναλογία από την πραγματική ζωή**: Σκέψου τη ροή ελέγχου σαν το πιο υπομονετικό GPS στον κόσμο που σου δίνει οδηγίες. Μπορεί να σου πει "Αν υπάρχει κίνηση στην Οδό Κεντρικής, πάρε τον αυτοκινητόδρομο. Αν ο δρόμος μπλοκάρεται από έργα, δοκίμασε τη διαδρομή με θέα." Τα προγράμματα χρησιμοποιούν ακριβώς αυτό το είδος λογικής για να ανταποκρίνονται έξυπνα σε διαφορετικές καταστάσεις και πάντα να προσφέρουν την καλύτερη δυνατή εμπειρία στους χρήστες.
+**Αυτός ο κώδικας επιτυγχάνει:**
+- **Ταιριάζει** την τιμή της μεταβλητής με πολλαπλές συγκεκριμένες περιπτώσεις
+- **Ομαδοποιεί** παρόμοιες περιπτώσεις μαζί (εργάσιμες ημέρες έναντι σαββατοκύριακων)
+- **Εκτελεί** το αντίστοιχο μπλοκ κώδικα όταν βρεθεί ταίριασμα
+- **Περιλαμβάνει** μια περίπτωση `default` για να χειριστεί απρόβλεπτες τιμές
+- **Χρησιμοποιεί** δηλώσεις `break` για να αποτρέψει τη συνέχεια στον επόμενο case
+
+> 💡 **Πραγματικό παράδειγμα**: Σκεφτείτε τον έλεγχο ροής σαν να έχετε το πιο υπομονετικό GPS στον κόσμο που σας δίνει οδηγίες. Μπορεί να πει "Αν έχει κίνηση στη Λεωφόρο Κύρια, πάρε τον αυτοκινητόδρομο. Αν οι εργασίες κλείνουν τον αυτοκινητόδρομο, δοκίμασε τη γραφική διαδρομή." Τα προγράμματα χρησιμοποιούν ακριβώς αυτόν τον τύπο λογικής για να ανταποκρίνονται έξυπνα σε διάφορες καταστάσεις και πάντα να προσφέρουν την καλύτερη δυνατή εμπειρία στους χρήστες.
 
-### 🎯 **Έλεγχος Έννοιας: Κυριαρχία Στα Θεμελιώδη Στοιχεία**
+### 🎯 **Έλεγχος Εννοιών: Κατανόηση των Βασικών**
 
-**Ας δούμε πώς τα πας με τα βασικά:**  
-- Μπορείς να εξηγήσεις τη διαφορά ανάμεσα σε μεταβλητή και δήλωση με δικά σου λόγια;  
-- Σκέψου ένα πραγματικό παράδειγμα όπου θα χρησιμοποιούσες μια απόφαση τύπου if-then (όπως στο παράδειγμα της ψήφου)  
-- Ποιο είναι κάτι στην λογική του προγραμματισμού που σε εξέπληξε;  
+**Ας δούμε πώς τα πάτε με τα βασικά:**
+- Μπορείτε να εξηγήσετε τη διαφορά μεταξύ μεταβλητής και δήλωσης με δικά σας λόγια;
+- Σκεφτείτε ένα παράδειγμα της καθημερινότητας όπου θα χρησιμοποιούσατε μια απόφαση αν-τότε (όπως το παράδειγμα της ψήφου)
+- Ποιο είναι ένα πράγμα για τη λογική προγραμματισμού που σας εξέπληξε;
 
-**Γρήγορο ενισχυτικό αυτοπεποίθησης:**  
+**Γρήγορο κίνητρο αυτοπεποίθησης:**
 ```mermaid
 flowchart LR
-    A["📝 Δηλώσεις<br/>(Εντολές)"] --> B["📦 Μεταβλητές<br/>(Αποθήκευση)"] --> C["🔀 Έλεγχος Ροής<br/>(Αποφάσεις)"] --> D["🎉 Λειτουργικό Πρόγραμμα!"]
+    A["📝 Δηλώσεις<br/>(Οδηγίες)"] --> B["📦 Μεταβλητές<br/>(Αποθήκευση)"] --> C["🔀 Ροή Ελέγχου<br/>(Αποφάσεις)"] --> D["🎉 Λειτουργικό Πρόγραμμα!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Τι θα ακολουθήσει**: Θα περάσουμε υπέροχα εξερευνώντας πιο βαθιά αυτές τις έννοιες καθώς θα συνεχίζουμε μαζί αυτό το απίστευτο ταξίδι! Τώρα απλώς εστίασε στο να νιώθεις τον ενθουσιασμό για όλες τις εκπληκτικές δυνατότητες που έχεις μπροστά σου. Οι συγκεκριμένες δεξιότητες και τεχνικές θα έρθουν φυσικά καθώς θα εξασκούμαστε μαζί – υπόσχομαι πως αυτό θα είναι πολύ πιο διασκεδαστικό από όσο πιθανώς φαντάζεσαι!
+```
+✅ **Τι ακολουθεί**: Θα διασκεδάσουμε απίστευτα εξερευνώντας βαθύτερα αυτές τις έννοιες καθώς προχωρούμε σε αυτό το απίστευτο ταξίδι μαζί! Αυτή τη στιγμή, απλά συγκεντρωθείτε στο να νιώσετε τον ενθουσιασμό για όλες τις εκπληκτικές δυνατότητες που έρχονται. Οι συγκεκριμένες δεξιότητες και τεχνικές θα αποτυπωθούν φυσικά καθώς εξασκούμαστε – υπόσχομαι ότι θα είναι πολύ πιο διασκεδαστικό απ’ όσο φαντάζεστε!
 
-## Εργαλεία Του Εμπορίου
+## Εργαλεία της Τέχνης
 
-Εντάξει, εδώ πραγματικά ενθουσιάζομαι τόσο που σχεδόν δεν μπορώ να το συγκρατήσω! 🚀 Ετοιμαζόμαστε να μιλήσουμε για τα απίστευτα εργαλεία που θα σε κάνουν να νιώσεις σαν να σου έδωσαν τα κλειδιά ενός ψηφιακού διαστημικού σκάφους.
+Εντάξει, εδώ πραγματικά ενθουσιάζομαι τόσο που σχεδόν δεν μπορώ να συγκρατηθώ! 🚀 Ετοιμαζόμαστε να μιλήσουμε για τα απίστευτα εργαλεία που θα σας κάνουν να νιώσετε σαν να κρατάτε τα κλειδιά ενός ψηφιακού διαστημόπλοιου.
 
-Ξέρεις πώς ένας σεφ έχει τα τέλεια ισορροπημένα μαχαίρια που νιώθεις σαν προέκταση των χεριών του; Ή πώς ένας μουσικός έχει την κιθάρα που μοιάζει να τραγουδά τη στιγμή που την αγγίζει; Λοιπόν, οι προγραμματιστές έχουμε τη δική μας εκδοχή αυτών των μαγικών εργαλείων, και εδώ είναι το πιο εκπληκτικό που θα σου αλλάξει το μυαλό – τα περισσότερα είναι εντελώς δωρεάν!
+Ξέρετε πώς ένας σεφ έχει αυτά τα απόλυτα ισορροπημένα μαχαίρια που νιώθουν σαν προέκταση των χεριών του; Ή πώς ένας μουσικός έχει εκείνη την κιθάρα που μοιάζει να τραγουδάει τη στιγμή που την αγγίζει; Ε, οι προγραμματιστές έχουμε τη δική μας έκδοση αυτών των μαγικών εργαλείων, και εδώ είναι κάτι που θα σας αφήσει άφωνους – τα περισσότερα από αυτά είναι εντελώς δωρεάν!
 
-Πραγματικά χοροπηδάω στην καρέκλα μου σκεπτόμενος να τα μοιραστώ μαζί σου, γιατί έχουν επαναστατικοποιήσει τον τρόπο που φτιάχνουμε λογισμικό. Μιλάμε για βοηθούς προγραμματισμού με τεχνητή νοημοσύνη που μπορούν να σε βοηθήσουν να γράψεις τον κώδικά σου (σοβαρά τώρα!), περιβάλλοντα στην cloud όπου μπορείς να δημιουργήσεις ολόκληρες εφαρμογές από κυριολεκτικά οπουδήποτε υπάρχει Wi-Fi και εργαλεία debugging τόσο προηγμένα που είναι σαν να έχεις ακτίνες Χ για τα προγράμματά σου.
+Σχεδόν σκαρφαλώνω στην καρέκλα μου από ενθουσιασμό όταν σκέφτομαι να τα μοιραστώ μαζί σας γιατί έχουν αλλάξει ολοκληρωτικά τον τρόπο που δημιουργούμε λογισμικό. Μιλάμε για βοηθούς κωδικοποίησης με τεχνητή νοημοσύνη που μπορούν να γράφουν κώδικα για εσάς (δεν αστειεύομαι!), περιβάλλοντα στο cloud όπου μπορείτε να φτιάξετε ολόκληρες εφαρμογές από οπουδήποτε με Wi-Fi, και εργαλεία εντοπισμού σφαλμάτων τόσο εξελιγμένα που μοιάζουν να έχουν ακτίνες Χ στα προγράμματά σας.
 
-Και να το κομμάτι που ακόμα μου προκαλεί ανατριχίλα: αυτά δεν είναι «εργαλεία για αρχάριους» που θα ξεπεράσεις αργότερα. Αυτά είναι τα ίδια επαγγελματικού επιπέδου εργαλεία που χρησιμοποιούν προγραμματιστές στη Google, το Netflix, και στο indie στούντιο εφαρμογών που αγαπάς ακριβώς αυτή τη στιγμή. Θα νιώθεις τεράστιος επαγγελματίας όταν τα χρησιμοποιείς!
+Και το κομμάτι που πάντα μου δίνει ρίγος: αυτά δεν είναι εργαλεία «για αρχάριους» που θα ξεπεράσετε. Αυτά είναι ακριβώς τα ίδια επαγγελματικά εργαλεία που χρησιμοποιούν προγραμματιστές στην Google, στο Netflix, και σε εκείνο το indie στούντιο που λατρεύετε, αυτή ακριβώς τη στιγμή. Θα νιώθετε επαγγελματίες όταν τα χρησιμοποιείτε!
 
 ```mermaid
 graph TD
-    A["💡 Η Ιδέα Σας"] --> B["⌨️ Επεξεργαστής Κώδικα<br/>(VS Code)"] 
-    B --> C["🌐 Εργαλεία Προγραμματιστή Περιηγητή<br/>(Δοκιμή & Αποσφαλμάτωση)"]
-    C --> D["⚡ Γραμμή Εντολών<br/>(Αυτοματισμός & Εργαλεία)"]
+    A["💡 Η Ιδέα Σου"] --> B["⌨️ Επεξεργαστής Κώδικα<br/>(VS Code)"] 
+    B --> C["🌐 Εργαλεία Ανάπτυξης Περιηγητή<br/>(Δοκιμές & Εντοπισμός Σφαλμάτων)"]
+    C --> D["⚡ Γραμμή Εντολών<br/>(Αυτοματοποίηση & Εργαλεία)"]
     D --> E["📚 Τεκμηρίωση<br/>(Μάθηση & Αναφορά)"]
-    E --> F["🚀 Εκπληκτική Ιστοσελίδα!"]
+    E --> F["🚀 Εκπληκτική Εφαρμογή Ιστού!"]
     
     B -.-> G["🤖 Βοηθός Τεχνητής Νοημοσύνης<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Δοκιμή Συσκευών<br/>(Ανταποκρινόμενος Σχεδιασμός)"]
+    C -.-> H["📱 Δοκιμή Συσκευής<br/>(Ανταποκρίσιμος Σχεδιασμός)"]
     D -.-> I["📦 Διαχειριστές Πακέτων<br/>(npm, yarn)"]
     E -.-> J["👥 Κοινότητα<br/>(Stack Overflow)"]
     
@@ -502,109 +504,110 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### Επεξεργαστές Κώδικα και IDEs: Οι Νέοι Ψηφιακοί Καλύτεροι Φίλοι Σου
+```
+### Επεξεργαστές Κώδικα και IDEs: Οι Νέοι Σχεδόν Φίλοι Σας στον Ψηφιακό Κόσμο
 
-Ας μιλήσουμε για επεξεργαστές κώδικα – αυτοί σοβαρά πρόκειται να γίνουν τα νέα αγαπημένα σου μέρη για να περάσεις χρόνο! Σκέψου τους σαν το προσωπικό σου καταφύγιο κωδικοποίησης όπου θα περνάς το μεγαλύτερο μέρος του χρόνου σου δημιουργώντας και ολοκληρώνοντας τις ψηφιακές σου δημιουργίες.
+Ας μιλήσουμε για επεξεργαστές κώδικα – αυτοί πρόκειται σοβαρά να γίνουν τα νέα σας αγαπημένα μέρη για να περνάτε τον χρόνο σας! Σκεφτείτε τους σαν το προσωπικό σας καταφύγιο κωδικοποίησης όπου θα περνάτε το μεγαλύτερο μέρος του χρόνου σας δημιουργώντας και τελειοποιώντας τις ψηφιακές σας δημιουργίες.
 
-Αλλά να τι είναι μαγικό στους σύγχρονους επεξεργαστές: δεν είναι απλά ένα ωραίο πρόγραμμα επεξεργασίας κειμένου. Είναι σαν να έχεις τον πιο έξυπνο, υποστηρικτικό μέντορα προγραμματισμού καθισμένο δίπλα σου 24/7. Σου βρίσκουν τα λάθη πριν καν τα παρατηρήσεις, προτείνουν βελτιώσεις που σε κάνουν να φαίνεσαι ιδιοφυΐα, σε βοηθούν να καταλάβεις τι κάνει κάθε κομμάτι κώδικα, και κάποιοι μπορούν ακόμα να προβλέψουν τι πρόκειται να γράψεις και να προσφέρουν να ολοκληρώσουν τις σκέψεις σου!
+Αλλά εδώ είναι το μαγικό με τους σύγχρονους επεξεργαστές: δεν είναι απλά καλοφτιαγμένοι επεξεργαστές κειμένου. Είναι σαν να έχετε τον πιο λαμπρό, υποστηρικτικό μέντορα κώδικα δίπλα σας 24/7. Διόρθωνουν τα τυπογραφικά σας λάθη πριν τα προσέξετε, προτείνουν βελτιώσεις που σας κάνουν να φαίνεστε ιδιοφυΐες, σας βοηθούν να καταλάβετε τι κάνει κάθε κομμάτι κώδικα, και μερικοί μπορούν ακόμα να προβλέψουν τι θα γράψετε και να προσφέρουν να ολοκληρώσουν τις σκέψεις σας!
 
-Θυμάμαι όταν ανακάλυψα για πρώτη φορά το auto-completion – ένιωσα κυριολεκτικά σαν να ζω στο μέλλον. Ξεκινάς να γράφεις κάτι και ο επεξεργαστής σου λέει, "Ρε συ, μήπως σκεφτόσουν αυτή τη συνάρτηση που κάνει ακριβώς αυτό που χρειάζεσαι;" Είναι σαν να έχεις έναν τηλεπαθητικό φίλο προγραμματισμού!
+Θυμάμαι όταν ανακάλυψα για πρώτη φορά την αυτόματη συμπλήρωση – ένιωσα κυριολεκτικά σαν να ζω στο μέλλον. Αρχίζεις να πληκτρολογείς κάτι και ο επεξεργαστής λέει, "Έλεγες αυτή τη συνάρτηση που κάνει ακριβώς ό,τι χρειάζεσαι;" Είναι σαν να έχεις έναν τηλεπαθητικό φίλο στο κωδικογράφημα!
 
-**Τι κάνει αυτούς τους επεξεργαστές τόσο απίθανους;**  
+**Τι κάνει αυτούς τους επεξεργαστές τόσο εκπληκτικούς;**
 
-Οι σύγχρονοι επεξεργαστές κώδικα προσφέρουν μια εντυπωσιακή γκάμα δυνατοτήτων για να αυξήσουν την παραγωγικότητά σου:
+Οι σύγχρονοι επεξεργαστές κώδικα προσφέρουν μια εντυπωσιακή ποικιλία χαρακτηριστικών για να αυξήσουν την παραγωγικότητά σας:
 
-| Δυνατότητα | Τι Κάνει | Γιατί Βοηθάει |  
-|------------|----------|---------------|  
-| **Έγχρωμη Ανάδειξη Συντακτικού** | Χρωματίζει διαφορετικά μέρη του κώδικά σου | Κάνει τον κώδικα πιο εύκολο στην ανάγνωση και εύρεση λαθών |  
-| **Αυτόματη Συμπλήρωση** | Προτείνει κώδικα καθώς πληκτρολογείς | Επιταχύνει τον προγραμματισμό και μειώνει τα τυπογραφικά λάθη |  
-| **Εργαλεία Εντοπισμού Σφαλμάτων** | Σε βοηθάει να βρεις και να διορθώσεις λάθη | Εξοικονομεί ώρες δυσκολιών και αναζητήσεων λαθών |  
-| **Πρόσθετα** | Προσθέτουν εξειδικευμένες λειτουργίες | Προσαρμόζουν τον επεξεργαστή σου για οποιαδήποτε τεχνολογία |  
-| **Βοηθοί Τεχνητής Νοημοσύνης** | Προτείνουν κώδικα και εξηγήσεις | Επιταχύνουν τη μάθηση και την παραγωγικότητα |
+| Χαρακτηριστικό | Τι Κάνει | Γιατί Βοηθάει |
+|---------|--------------|--------------|
+| **Επισήμανση Συντακτικού** | Βαφτίζει διαφορετικά μέρη του κώδικα | Κάνει τον κώδικα πιο εύκολο στην ανάγνωση και στην εύρεση λαθών |
+| **Αυτόματη Συμπλήρωση** | Προτείνει κώδικα καθώς πληκτρολογείτε | Επιταχύνει τον προγραμματισμό και μειώνει τα τυπογραφικά λάθη |
+| **Εργαλεία Αποσφαλμάτωσης** | Βοηθά να βρείτε και να διορθώσετε λάθη | Εξοικονομεί ώρες στην ανεύρεση σφαλμάτων |
+| **Επεκτάσεις** | Προσθέτουν εξειδικευμένες λειτουργίες | Προσαρμόζουν τον επεξεργαστή για οποιαδήποτε τεχνολογία |
+| **Βοηθοί AI** | Προτείνουν κώδικα και εξηγήσεις | Επιταχύνουν τη μάθηση και την παραγωγικότητα |
 
-> 🎥 **Βίντεο Πόρος**: Θέλεις να δεις αυτά τα εργαλεία σε δράση; Δες αυτό το [βίντεο Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) για μια ολοκληρωμένη επισκόπηση.
+> 🎥 **Βίντεο Πόρος**: Θέλετε να δείτε αυτά τα εργαλεία σε δράση; Δείτε αυτό το [βίντεο Εργαλεία της Τέχνης](https://youtube.com/watch?v=69WJeXGBdxg) για μια ολοκληρωμένη επισκόπηση.
 
-#### Συνιστώμενοι Επεξεργαστές για Web Development
+#### Προτεινόμενοι Επεξεργαστές για Ανάπτυξη Ιστού
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Δωρεάν)  
-- Ο πιο δημοφιλής μεταξύ των web developers  
-- Εξαιρετικό οικοσύστημα προσθέτων  
-- Ενσωματωμένο τερματικό και ολοκλήρωση με Git  
-- **Απαραίτητα πρόσθετα**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Προτάσεις κώδικα με τεχνητή νοημοσύνη  
-  - [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) - Ανίχνευση ορθογραφικών λαθών στον κώδικα  
+**[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) - Εντοπίζει τυπογραφικά λάθη στον κώδικα
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Επί πληρωμή, δωρεάν για φοιτητές)  
-- Προηγμένα εργαλεία debugging και testing  
-- Έξυπνη αυτόματη συμπλήρωση κώδικα  
-- Ενσωματωμένος έλεγχος έκδοσης  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Επί πληρωμή, δωρεάν για φοιτητές)
+- Προηγμένα εργαλεία αποσφαλμάτωσης και δοκιμών
+- Έξυπνη ολοκλήρωση κώδικα
+- Ενσωματωμένος έλεγχος έκδοσης
 
-**Cloud-Based IDEs** (Διάφορες τιμές)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - Ολόκληρο VS Code μέσα στον browser σου  
-- [Replit](https://replit.com/) - Ιδανικό για μάθηση και κοινή χρήση κώδικα  
-- [StackBlitz](https://stackblitz.com/) - Άμεση ανάπτυξη web εφαρμογών πλήρους στοίβας  
+**IDEs βάσει Cloud** (Διάφορες τιμές)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Πλήρες VS Code σε πρόγραμμα περιήγησης
+- [Replit](https://replit.com/) - Ιδανικό για μάθηση και κοινή χρήση κώδικα
+- [StackBlitz](https://stackblitz.com/) - Άμεση ανάπτυξη web full-stack
 
-> 💡 **Συμβουλή για να ξεκινήσεις**: Ξεκίνα με το Visual Studio Code – είναι δωρεάν, ευρέως χρησιμοποιούμενο στη βιομηχανία, και έχει μια τεράστια κοινότητα που δημιουργεί χρήσιμα tutorials και πρόσθετα.
+> 💡 **Συμβουλή για ξεκίνημα**: Ξεκινήστε με το Visual Studio Code – είναι δωρεάν, ευρέως χρησιμοποιούμενο στη βιομηχανία και έχει μια τεράστια κοινότητα που δημιουργεί χρήσιμα μαθήματα και επεκτάσεις.
 
-### Περιηγητές Ιστού: Το Μυστικό Σου Εργαστήριο Ανάπτυξης
 
-Εντάξει, ετοιμάσου να σοκαριστείς τελείως! Ξέρεις πώς χρησιμοποιείς τους περιηγητές για να σκρολάρεις στα social media και να βλέπεις βίντεο; Λοιπόν, αποδεικνύεται πως έκρυβαν αυτό το απίστευτο μυστικό εργαστήριο προγραμματισμού όλον αυτόν τον καιρό, περιμένοντας απλά να το ανακαλύψεις!
+### Προγράμματα Περιήγησης: Το Μυστικό Εργαστήριο Ανάπτυξής Σας
 
-Κάθε φορά που κάνεις δεξί κλικ σε μια ιστοσελίδα και επιλέγεις "Επιθεώρηση στοιχείου" ανοίγεις έναν κρυφό κόσμο εργαλείων προγραμματιστή που είναι ειλικρινά πιο ισχυρά από μερικά ακριβά λογισμικά που πληρωνόμουν εκατοντάδες ευρώ παλιότερα. Είναι σαν να ανακαλύπτεις ότι η παλιά σου κουζίνα έκρυβε ένα επαγγελματικό εργαστήριο σεφ πίσω από ένα κρυφό πάνελ!
-Την πρώτη φορά που μου έδειξε κάποιος τα DevTools του browser, πέρασα περίπου τρεις ώρες απλώς κάνοντας κλικ και λέγοντας «ΠΕΡΙΜΕΝΕ, ΜΠΟΡΕΙ ΝΑ ΚΑΝΕΙ ΚΙ ΑΥΤΟ;!» Μπορείς κυριολεκτικά να επεξεργαστείς οποιαδήποτε ιστοσελίδα σε πραγματικό χρόνο, να δεις ακριβώς πόσο γρήγορα φορτώνει τα πάντα, να δοκιμάσεις πώς φαίνεται ο ιστότοπός σου σε διαφορετικές συσκευές, και ακόμα να αποσφαλματώσεις JavaScript σαν απόλυτος επαγγελματίας. Είναι πραγματικά απίστευτο!
+Εντάξει, ετοιμαστείτε να σας φύγει το μυαλό! Ξέρετε πώς χρησιμοποιείτε τα προγράμματα περιήγησης για να σκρολάρετε στα κοινωνικά δίκτυα και να βλέπετε βίντεο; Λοιπόν, αποδείχτηκε ότι κρύβουν αυτό το απίστευτο μυστικό εργαστήριο προγραμματιστών όλη αυτή την ώρα, απλά περιμένοντας να το ανακαλύψετε!
 
-**Γιατί οι browsers είναι το μυστικό σου όπλο:**
+Κάθε φορά που κάνετε δεξί κλικ σε μια ιστοσελίδα και επιλέγετε "Επιθεώρηση στοιχείου", ανοίγετε έναν κρυφό κόσμο εργαλείων ανάπτυξης που είναι ειλικρινά πιο ισχυρά από ορισμένα ακριβά προγράμματα που πλήρωνα εκατοντάδες ευρώ. Είναι σαν να ανακαλύπτετε ότι η συνηθισμένη σας κουζίνα έκρυβε ένα επαγγελματικό εργαστήριο σεφ πίσω από μια μυστική πόρτα!
+Την πρώτη φορά που κάποιος μου έδειξε τα DevTools του browser, πέρασα περίπου τρεις ώρες απλώς κάνοντας κλικ και λέγοντας «ΠΕΡΙΜΕΝΕ, ΜΠΟΡΕΙ ΝΑ ΚΑΝΕΙ ΚΙ ΑΥΤΟ;!» Μπορείς κυριολεκτικά να επεξεργαστείς οποιαδήποτε ιστοσελίδα σε πραγματικό χρόνο, να δεις ακριβώς πόσο γρήγορα φορτώνει το κάθε τι, να δοκιμάσεις πώς φαίνεται ο ιστότοπός σου σε διαφορετικές συσκευές, και ακόμα να κάνεις αποσφαλμάτωση JavaScript σαν απόλυτος επαγγελματίας. Είναι πραγματικά εκπληκτικό!
 
-Όταν δημιουργείς μια ιστοσελίδα ή μια web εφαρμογή, χρειάζεται να δεις πώς φαίνεται και πώς συμπεριφέρεται στον πραγματικό κόσμο. Οι browsers όχι μόνο εμφανίζουν τη δουλειά σου, αλλά παρέχουν και λεπτομερή ανατροφοδότηση για την απόδοση, την προσβασιμότητα και πιθανά προβλήματα.
+**Αυτός είναι ο λόγος που οι browsers είναι το μυστικό σου όπλο:**
+
+Όταν δημιουργείς έναν ιστότοπο ή μια διαδικτυακή εφαρμογή, χρειάζεται να δεις πώς φαίνεται και πώς συμπεριφέρεται σε πραγματικές συνθήκες. Οι browsers όχι μόνο εμφανίζουν τη δουλειά σου, αλλά παρέχουν και λεπτομερή ανατροφοδότηση σχετικά με τις επιδόσεις, την προσβασιμότητα και πιθανά προβλήματα.
 
 #### Εργαλεία Ανάπτυξης Browser (DevTools)
 
 Οι σύγχρονοι browsers περιλαμβάνουν ολοκληρωμένες σουίτες ανάπτυξης:
 
-| Κατηγορία Εργαλείου | Τι Κάνει | Παράδειγμα Χρήσης |
+| Κατηγορία Εργαλείων | Τι Κάνει | Παράδειγμα Χρήσης |
 |---------------------|----------|-------------------|
-| **Επιθεωρητής Στοιχείων** | Προβολή και επεξεργασία HTML/CSS σε πραγματικό χρόνο | Προσαρμογή στυλ για άμεσα αποτελέσματα |
-| **Κονσόλα** | Προβολή μηνυμάτων σφαλμάτων και δοκιμή JavaScript | Αποσφαλμάτωση προβλημάτων και πειραματισμός με κώδικα |
-| **Παρακολούθηση Δικτύου** | Παρακολούθηση φόρτωσης πόρων | Βελτιστοποίηση απόδοσης και χρόνων φόρτωσης |
-| **Έλεγχος Προσβασιμότητας** | Δοκιμή για συμπεριληπτικό σχεδιασμό | Εξασφάλιση λειτουργικότητας για όλους τους χρήστες |
+| **Επιθεωρητής Στοιχείων** | Προβολή και επεξεργασία HTML/CSS σε πραγματικό χρόνο | Προσαρμογή στυλ για άμεσο αποτέλεσμα |
+| **Κονσόλα** | Προβολή μηνυμάτων σφάλματος και δοκιμή JavaScript | Αποσφαλμάτωση προβλημάτων και πειραματισμός με κώδικα |
+| **Παρακολούθηση Δικτύου** | Παρακολούθηση του πώς φορτώνουν οι πόροι | Βελτιστοποίηση επιδόσεων και χρόνων φόρτωσης |
+| **Έλεγχος Προσβασιμότητας** | Δοκιμή για συμπεριληπτικό σχεδιασμό | Διασφάλιση λειτουργίας του ιστότοπου για όλους τους χρήστες |
 | **Προσομοιωτής Συσκευών** | Προεπισκόπηση σε διαφορετικά μεγέθη οθόνης | Δοκιμή responsive σχεδιασμού χωρίς πολλές συσκευές |
 
-#### Προτεινόμενοι Browsers για Ανάπτυξη
+#### Συνιστώμενοι Browsers για Ανάπτυξη
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Πρότυπα DevTools με εκτενή τεκμηρίωση
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Εξαιρετικά εργαλεία CSS Grid και προσβασιμότητας
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Βασισμένος σε Chromium με πόρους ανάπτυξης της Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Βιομηχανικό πρότυπο DevTools με εκτενή τεκμηρίωση
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Εξαιρετικά εργαλεία για CSS Grid και προσβασιμότητα
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Βασισμένος στο Chromium με πόρους ανάπτυξης από την Microsoft
 
-> ⚠️ **Σημαντική Συμβουλή Δοκιμών**: Πάντα να δοκιμάζεις τους ιστότοπούς σου σε πολλαπλούς browsers! Αυτό που λειτουργεί τέλεια στο Chrome μπορεί να φαίνεται διαφορετικό στο Safari ή στο Firefox. Οι επαγγελματίες προγραμματιστές δοκιμάζουν σε όλους τους μεγάλους browsers για να εξασφαλίσουν συνεπή εμπειρία χρήστη.
+> ⚠️ **Σημαντική Συμβουλή Δοκιμών**: Δοκίμασε πάντα τις ιστοσελίδες σου σε πολλούς browsers! Ό,τι λειτουργεί τέλεια στο Chrome μπορεί να φαίνεται διαφορετικό στο Safari ή Firefox. Οι επαγγελματίες προγραμματιστές ελέγχουν σε όλους τους μεγάλους browsers για να εξασφαλίσουν συνεπείς εμπειρίες χρήστη.
 
 
-### Εργαλεία Γραμμής Εντολών: Η Πύλη σου σε Υπερδυνάμεις Προγραμματιστή
+### Εργαλεία Γραμμής Εντολών: Η Πύλη σου προς Υπερδυνάμεις Προγραμματιστή
 
-Εντάξει, ας έχουμε μια εντελώς ειλικρινή στιγμή εδώ για τη γραμμή εντολών, γιατί θέλω να το ακούσεις από κάποιον που το καταλαβαίνει πραγματικά. Την πρώτη φορά που την είδα – αυτήν την τρομακτική μαύρη οθόνη με το αναβοσβήσιμο κείμενο – σκέφτηκα κυριολεκτικά, «Όχι, ούτε καν! Φαίνεται κάτι από ταινία χάκερ των 1980s, και σίγουρα δεν είμαι αρκετά έξυπνος γι’ αυτό!» 😅
+Εντάξει, ας έχουμε μια εντελώς ειλικρινή στιγμή εδώ για τη γραμμή εντολών, γιατί θέλω να το ακούσεις από κάποιον που το καταλαβαίνει πραγματικά. Όταν την πρωτοείδα – αυτή την τρομακτική μαύρη οθόνη με το αναβοσβήσιμο κείμενο – πραγματικά σκέφτηκα, «Όχι, καθόλου! Αυτό μοιάζει με κάτι από μια ταινία χάκερ της δεκαετίας του 1980, και σίγουρα δεν είμαι αρκετά έξυπνος για αυτό!» 😅
 
-Αλλά εδώ είναι τι θα ήθελα να μου είχε πει κάποιος τότε, και τι σου λέω τώρα: η γραμμή εντολών δεν είναι τρομακτική – είναι σαν να έχεις μια άμεση συνομιλία με τον υπολογιστή σου. Σκέψου την ως τη διαφορά μεταξύ της παραγγελίας φαγητού μέσω μιας κομψής εφαρμογής με εικόνες και μενού (που είναι ωραίο και εύκολο) και της εισόδου στο αγαπημένο σου τοπικό εστιατόριο, όπου ο σεφ ξέρει ακριβώς τι σου αρέσει και μπορεί να σου ετοιμάσει κάτι τέλειο απλώς λέγοντας «έκπληξέ με με κάτι καταπληκτικό.»
+Αλλά αυτό που θα ήθελα να μου είχε πει κάποιος τότε, και αυτό που σου λέω τώρα, είναι: η γραμμή εντολών δεν είναι τρομακτική – είναι πραγματικά σαν να έχεις μια άμεση συνομιλία με τον υπολογιστή σου. Φαντάσου τη διαφορά μεταξύ παραγγελίας φαγητού μέσω μιας κομψής εφαρμογής με εικόνες και μενού (που είναι ωραία και εύκολη), και του να μπεις στο αγαπημένο σου τοπικό εστιατόριο όπου ο σεφ ξέρει ακριβώς τι σου αρέσει και μπορεί να φτιάξει κάτι τέλειο, απλώς λέγοντας «έκπληξέ με με κάτι υπέροχο».
 
-Η γραμμή εντολών είναι το μέρος όπου οι προγραμματιστές νιώθουν σαν απόλυτοι μάγοι. Πληκτρολογείς μερικές λέξεις που μοιάζουν μαγικές (εντάξει, είναι απλές εντολές, αλλά νιώθουν μαγικές!), πατάς enter και ΜΠΑΜ – δημιούργησες ολόκληρες δομές έργων, εγκατέστησες ισχυρά εργαλεία από όλο τον κόσμο, ή ανέβασες την εφαρμογή σου στο διαδίκτυο για εκατομμύρια ανθρώπους να τη δουν. Μόλις δοκιμάσεις αυτή τη δύναμη, είναι εθιστικό!
+Η γραμμή εντολών είναι το μέρος όπου πηγαίνουν οι προγραμματιστές για να νιώσουν σαν απόλυτοι μάγοι. Πληκτρολογείς μερικές φαινομενικά μαγικές λέξεις (εντάξει, είναι απλώς εντολές, αλλά νιώθουν μαγικές!), πατάς enter, και ΜΠΟΥΜ – έχεις δημιουργήσει ολόκληρες δομές έργου, εγκατέστησες πανίσχυρα εργαλεία από όλο τον κόσμο, ή ανέβασες την εφαρμογή σου στο διαδίκτυο για να τη δουν εκατομμύρια άνθρωποι. Μόλις πάρεις μια πρώτη γεύση αυτής της δύναμης, ειλικρινά γίνεται εθιστικό!
 
 **Γιατί η γραμμή εντολών θα γίνει το αγαπημένο σου εργαλείο:**
 
-Ενώ οι γραφικές διεπαφές είναι υπέροχες για πολλές εργασίες, η γραμμή εντολών υπερισχύει στον αυτοματισμό, την ακρίβεια και την ταχύτητα. Πολλά εργαλεία ανάπτυξης δουλεύουν κυρίως μέσω διεπαφής γραμμής εντολών, και η εκμάθησή τους μπορεί να βελτιώσει δραματικά την παραγωγικότητά σου.
+Ενώ οι γραφικές διεπαφές είναι υπέροχες για πολλές εργασίες, η γραμμή εντολών ξεχωρίζει στην αυτοματοποίηση, την ακρίβεια και την ταχύτητα. Πολλά εργαλεία ανάπτυξης λειτουργούν κυρίως μέσω της γραμμής εντολών, και η εκμάθηση της αποδοτικής χρήσης τους μπορεί να βελτιώσει δραματικά την παραγωγικότητά σου.
 
 ```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
 
 # Εγκαταστήστε σύγχρονα εργαλεία ανάπτυξης
@@ -612,224 +615,222 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Βήμα βήμα, τι συμβαίνει:**
-- **Αρχικοποιεί** ένα νέο έργο Node.js με τις προεπιλεγμένες ρυθμίσεις χρησιμοποιώντας `npm init -y`
-- **Εγκαθιστά** το Vite ως σύγχρονο εργαλείο κατασκευής για γρήγορη ανάπτυξη και παραγωγή
-- **Προσθέτει** το Prettier για αυτόματο φορμάρισμα κώδικα και το ESLint για έλεγχο ποιότητας κώδικα
-- **Χρησιμοποιεί** τη σημαία `--save-dev` για να δηλώσει αυτές τις εξαρτήσεις ως μόνο για ανάπτυξη
+**Βήμα προς βήμα, εδώ συμβαίνει:**
+- **Αρχικοποιεί** νέο έργο Node.js με προεπιλεγμένες ρυθμίσεις χρησιμοποιώντας `npm init -y`
+- **Εγκαθιστά** το Vite ως μοντέρνο εργαλείο κατασκευής για γρήγορη ανάπτυξη και παραγωγή
+- **Προσθέτει** το Prettier για αυτόματο format κώδικα και το ESLint για έλεγχο ποιότητας κώδικα
+- **Χρησιμοποιεί** τη σημαία `--save-dev` για να τα ορίσει ως εξαρτήσεις μόνο ανάπτυξης
 
 ```bash
-# Βήμα 3: Δημιουργήστε τη δομή και τα αρχεία του έργου
+# Βήμα 3: Δημιουργήστε τη δομή του έργου και τα αρχεία
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Εκκινήστε τον διακομιστή ανάπτυξης
+# Εκκίνηση διακομιστή ανάπτυξης
 npx vite
 ```
 
-**Στο παραπάνω έχουμε:**
-- **Οργανώσει** το έργο μας δημιουργώντας ξεχωριστούς φακέλους για τον κώδικα πηγής και τα αρχεία
-- **Παράγει** ένα βασικό αρχείο HTML με σωστή δομή εγγράφου
-- **Ξεκίνησε** τον διακομιστή ανάπτυξης Vite για live-reloading και hot module replacement
+**Στο παραπάνω, έχουμε:**
+- **Οργανώσει** το έργο μας δημιουργώντας ξεχωριστούς φακέλους για τον πηγαίο κώδικα και τα assets
+- **Δημιουργήσει** ένα βασικό αρχείο HTML με σωστή δομή εγγράφου
+- **Ξεκινήσει** τον διακομιστή ανάπτυξης Vite για ζωντανή ανανέωση και hot module replacement
 
-#### Απαραίτητα Εργαλεία Γραμμής Εντολών για Web Ανάπτυξη
+#### Απαραίτητα Εργαλεία Γραμμής Εντολών για Ανάπτυξη Ιστού
 
 | Εργαλείο | Σκοπός | Γιατί το Χρειάζεσαι |
-|----------|---------|---------------------|
-| **[Git](https://git-scm.com/)** | Έλεγχος έκδοσης | Παρακολούθηση αλλαγών, συνεργασία με άλλους, backup της δουλειάς σου |
+|----------|--------|---------------------|
+| **[Git](https://git-scm.com/)** | Έλεγχος εκδόσεων | Παρακολούθηση αλλαγών, συνεργασία με άλλους, δημιουργία αντιγράφων ασφαλείας |
 | **[Node.js & npm](https://nodejs.org/)** | Εκτέλεση JavaScript & διαχείριση πακέτων | Εκτέλεση JavaScript εκτός browser, εγκατάσταση σύγχρονων εργαλείων ανάπτυξης |
 | **[Vite](https://vitejs.dev/)** | Εργαλείο κατασκευής & dev server | Αστραπιαία ανάπτυξη με hot module replacement |
-| **[ESLint](https://eslint.org/)** | Ποιότητα κώδικα | Αυτόματη εύρεση και διόρθωση προβλημάτων στον κώδικα JavaScript |
-| **[Prettier](https://prettier.io/)** | Μορφοποίηση κώδικα | Κρατά τον κώδικά σου συνεπή και εύκολο στην ανάγνωση |
+| **[ESLint](https://eslint.org/)** | Ποιότητα κώδικα | Αυτόματη εύρεση και διόρθωση προβλημάτων στον JavaScript κώδικα |
+| **[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)** 💻 - Ισχυρό περιβάλλον scripting
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Παραδοσιακή γραμμή εντολών των 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)** 💻 - Δυνατό περιβάλλον scripting
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Παραδοσιακή γραμμή εντολών Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ενσωματωμένη εφαρμογή τερματικού
-- **[iTerm2](https://iterm2.com/)** - Βελτιωμένο τερματικό με προηγμένες δυνατότητες
+- **[iTerm2](https://iterm2.com/)** - Ενισχυμένο τερματικό με προχωρημένες λειτουργίες
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Τυπικό shell του Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Προηγμένος τερματικός εξομοιωτής
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Πρότυπο Linux shell
+- **[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 το ξημέρωμα; Η τεκμηρίωση είναι εκεί με έναν ζεστό εικονικό αγκαλιά και ακριβώς την απάντηση που χρειάζεσαι. Θέλεις να μάθεις για κάποια νέα δροσερή λειτουργία που όλοι συζητούν; Η τεκμηρίωση σε υποστηρίζει με βήμα-βήμα παραδείγματα. Προσπαθείς να καταλάβεις γιατί κάτι λειτουργεί όπως λειτουργεί; Το μάντεψες – η τεκμηρίωση είναι έτοιμη να το εξηγήσει με τρόπο που τελικά να βγάζει νόημα!
+Σκέψου την τεκμηρίωση σαν να έχεις πρόσβαση στους πιο υπομονετικούς και γνώστες δασκάλους του κόσμου, διαθέσιμους 24/7. Έμεινες μπλοκαρισμένος σε ένα πρόβλημα στις 2 π.μ.; Η τεκμηρίωση είναι εκεί με μια ζεστή εικονική αγκαλιά και ακριβώς την απάντηση που χρειάζεσαι. Θέλεις να μάθεις για κάποια νέα φοβερή λειτουργία για την οποία μιλάνε όλοι; Η τεκμηρίωση σε στηρίζει με παραδείγματα βήμα-βήμα. Προσπαθείς να καταλάβεις γιατί κάτι λειτουργεί όπως λειτουργεί; Μάντεψε – η τεκμηρίωση είναι έτοιμη να το εξηγήσει με τρόπο που επιτέλους να "κολλάει"!
 
-Κάτι που άλλαξε εντελώς την οπτική μου είναι το εξής: ο κόσμος της web ανάπτυξης αλλάζει αστραπιαία, και κανείς (εννοώ ΚΑΝΕΙΣ!) δεν θυμάται τα πάντα από μνήμης. Έχω δει έμπειρους προγραμματιστές με πάνω από 15 χρόνια εμπειρίας να ψάχνουν βασική σύνταξη, και ξέρεις τι; Αυτό δεν είναι ντροπή – είναι έξυπνο! Δεν πρόκειται για τέλεια μνήμη, αλλά για το να ξέρεις πού θα βρεις γρήγορα αξιόπιστες απαντήσεις και πώς να τις εφαρμόσεις.
+Κάτι που άλλαξε ολοκληρωτικά την προοπτική μου: ο κόσμος της ανάπτυξης web κινείται απίστευτα γρήγορα, και κανείς (εννοώ καθόλου κανείς!) δεν κρατάει τα πάντα απομνημονευμένα. Έχω δει κορυφαίους προγραμματιστές με πάνω από 15 χρόνια εμπειρίας να ψάχνουν απλή σύνταξη, και ξέρεις κάτι; Αυτό δεν είναι ντροπιαστικό – είναι έξυπνο! Δεν είναι θέμα τέλειας μνήμης, αλλά το να ξέρεις πού να βρεις αξιόπιστες απαντήσεις γρήγορα και πώς να τις εφαρμόσεις.
 
-**Εδώ συμβαίνει η πραγματική μαγεία:**
+**Εδώ γίνεται η πραγματική μαγεία:**
 
-Οι επαγγελματίες προγραμματιστές ξοδεύουν σημαντικό μέρος του χρόνου τους διαβάζοντας τεκμηρίωση – όχι επειδή δεν ξέρουν τι κάνουν, αλλά επειδή το τοπίο της web ανάπτυξης εξελίσσεται τόσο γρήγορα που η συνεχής μάθηση είναι απαραίτητη. Η καλή τεκμηρίωση σε βοηθάει να κατανοήσεις όχι μόνο *πώς* να χρησιμοποιήσεις κάτι, αλλά *γιατί* και *πότε* να το χρησιμοποιήσεις.
+Οι επαγγελματίες προγραμματιστές αφιερώνουν μεγάλο μέρος του χρόνου τους διαβάζοντας τεκμηρίωση – όχι επειδή δεν ξέρουν τι κάνουν, αλλά επειδή το τοπίο της ανάπτυξης ιστού εξελίσσεται τόσο γρήγορα που η παραμονή ενημερωμένος απαιτεί συνεχή μάθηση. Η καλή τεκμηρίωση σε βοηθά να καταλάβεις όχι μόνο *πώς* να χρησιμοποιήσεις κάτι, αλλά *γιατί* και *πότε* να το χρησιμοποιήσεις.
 
-#### Βασικοί Πόροι Τεκμηρίωσης
+#### Απαραίτητοι Πόροι Τεκμηρίωσης
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Το πρότυπο χρυσού για την τεκμηρίωση τεχνολογιών web
-- Αναλυτικοί οδηγοί για HTML, CSS, και JavaScript
-- Περιλαμβάνει πληροφορίες συμβατότητας browsers
-- Δείχνει πρακτικά παραδείγματα και διαδραστικές επίδειξεις
+- Το χρυσό πρότυπο για τεκμηρίωση τεχνολογιών web
+- Αναλυτικοί οδηγοί για HTML, CSS και JavaScript
+- Περιλαμβάνει πληροφορίες συμβατότητας browser
+- Προσφέρει πρακτικά παραδείγματα και διαδραστικές επιδείξεις
 
 **[Web.dev](https://web.dev)** (από την Google)
 - Σύγχρονες βέλτιστες πρακτικές ανάπτυξης web
-- Οδηγοί για βελτιστοποίηση απόδοσης
+- Οδηγοί βελτιστοποίησης επιδόσεων
 - Αρχές προσβασιμότητας και συμπεριληπτικού σχεδιασμού
-- Μελέτες περίπτωσης από πραγματικά έργα
+- Μελέτες περιπτώσεων από πραγματικά έργα
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Πόροι ανάπτυξης για τον Edge browser
+- Πόροι ανάπτυξης browser Edge
 - Οδηγοί για Progressive Web Apps
-- Ενημερώσεις για cross-platform ανάπτυξη
+- Γνώσεις για ανάπτυξη πολλαπλών πλατφορμών
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Δομημένα προγράμματα εκμάθησης
+- Διαρθρωμένα προγράμματα μάθησης
 - Βίντεο μαθήματα από ειδικούς του κλάδου
-- Πρακτικές ασκήσεις κώδικα
+- Πρακτικές ασκήσεις κωδικοποίησης
 
-> 📚 **Στρατηγική Μελέτης**: Μην προσπαθείς να απομνημονεύσεις την τεκμηρίωση – μάθε να την περιηγείσαι αποτελεσματικά. Αποθήκευσε στις σελιδοδείκτες συχνά χρησιμοποιούμενους πόρους και εξασκήσου στη χρήση της αναζήτησης για να βρίσκεις πληροφορίες γρήγορα.
+> 📚 **Στρατηγική Μελέτης:** Μην προσπαθείς να απομνημονεύεις την τεκμηρίωση – μάθε αντ' αυτού πώς να την περιηγείσαι αποδοτικά. Αποθήκευσε σελιδοδείκτες τα συχνά χρησιμοποιούμενα αναφορικά σημεία και εξασκήσου να χρησιμοποιείς λειτουργίες αναζήτησης για να βρίσκεις γρήγορα συγκεκριμένες πληροφορίες.
 
-### 🔧 **Έλεγχος Εμπειρίας Εργαλείων: Τι Σου Κάθεται Καλά;**
+### 🔧 **Έλεγχος Εμπειρίας στα Εργαλεία: Τι Σου Αρέσει;**
 
-**Πάρε μια στιγμή να σκεφτείς:**
-- Ποιο εργαλείο ανυπομονείς να δοκιμάσεις πρώτο; (Δεν υπάρχει λάθος απάντηση!)
-- Η γραμμή εντολών εξακολουθεί να φαίνεται τρομακτική ή είσαι περίεργος για αυτήν;
-- Μπορείς να φανταστείς να χρησιμοποιείς τα DevTools του browser για να ρίξεις μια ματιά πίσω από το παρασκήνιο των αγαπημένων σου ιστοσελίδων;
+**Κάνε ένα διάλειμμα να σκεφτείς:**
+- Ποιο εργαλείο είσαι πιο ενθουσιασμένος να δοκιμάσεις πρώτα; (Δεν υπάρχει λάθος απάντηση!)
+- Η γραμμή εντολών ακόμα φαίνεται τρομακτική ή σε ενδιαφέρει να τη μάθεις;
+- Μπορείς να φανταστείς να χρησιμοποιείς τα DevTools του browser για να ρίξεις μια ματιά πίσω από την κουρτίνα των αγαπημένων σου ιστοσελίδων;
 
 ```mermaid
-pie title "Χρόνος που αφιερώνεται από τον προγραμματιστή με εργαλεία"
+pie title "Χρόνος που Δαπανάται από τον Προγραμματιστή με Εργαλεία"
     "Επεξεργαστής Κώδικα" : 40
-    "Δοκιμή σε Περιηγητή" : 25
+    "Δοκιμές στον Περιηγητή" : 25
     "Γραμμή Εντολών" : 15
     "Ανάγνωση Τεκμηρίωσης" : 15
-    "Αντιμετώπιση Σφαλμάτων" : 5
+    "Εντοπισμός Σφαλμάτων" : 5
 ```
-> **Αστεία παρατήρηση**: Οι περισσότεροι προγραμματιστές περνούν περίπου το 40% του χρόνου τους στον επεξεργαστή κώδικα, αλλά πρόσεξε πόσος χρόνος αφιερώνεται στο testing, τη μάθηση και την επίλυση προβλημάτων. Ο προγραμματισμός δεν είναι απλώς γραφή κώδικα – είναι κατασκευή εμπειριών!
+> **Ενδιαφέρον στοιχείο:** Οι περισσότεροι προγραμματιστές περνούν περίπου το 40% του χρόνου τους στον επεξεργαστή κώδικα, αλλά παρατήρησε πόσος χρόνος πηγαίνει σε δοκιμές, μάθηση, και επίλυση προβλημάτων. Ο προγραμματισμός δεν είναι απλώς να γράφεις κώδικα – είναι να δημιουργείς εμπειρίες!
 
-✅ **Θέμα για σκέψη**: Να κάτι ενδιαφέρον να σκεφτείς – πώς νομίζεις ότι τα εργαλεία για την κατασκευή ιστοσελίδων (ανάπτυξη) μπορεί να διαφέρουν από τα εργαλεία για το σχεδιασμό της εμφάνισής τους (design); Είναι σαν τη διαφορά μεταξύ ενός αρχιτέκτονα που σχεδιάζει ένα όμορφο σπίτι και ενός εργολάβου που το κατασκευάζει. Και οι δύο είναι κρίσιμοι, αλλά χρειάζονται διαφορετικά κουτιά εργαλείων! Αυτός ο τρόπος σκέψης θα σε βοηθήσει πραγματικά να δεις τη μεγαλύτερη εικόνα του πώς ζωντανεύουν οι ιστοσελίδες.
+✅ **Θέμα για σκέψη:** Να κάτι ενδιαφέρον για να το σκεφτείς – πώς νομίζεις ότι τα εργαλεία για την κατασκευή ιστοσελίδων (ανάπτυξη) μπορεί να διαφέρουν από τα εργαλεία για τον σχεδιασμό της εμφάνισής τους (σχεδιασμός); Είναι σαν τη διαφορά μεταξύ ενός αρχιτέκτονα που σχεδιάζει ένα όμορφο σπίτι και ενός εργολάβου που το χτίζει πραγματικά. Και τα δύο είναι κρίσιμα, αλλά χρειάζονται διαφορετικά εργαλειοθήκες! Αυτός ο τρόπος σκέψης θα σε βοηθήσει να δεις τη μεγαλύτερη εικόνα του πώς ζωντανεύουν οι ιστοσελίδες.
 
 ## Πρόκληση GitHub Copilot Agent 🚀
 
 Χρησιμοποίησε τη λειτουργία Agent για να ολοκληρώσεις την παρακάτω πρόκληση:
 
-**Περιγραφή:** Ερεύνησε τα χαρακτηριστικά ενός μοντέρνου επεξεργαστή κώδικα ή IDE και δείξε πώς μπορεί να βελτιώσει τη ροή εργασίας σου ως web developer.
+**Περιγραφή:** Εξερεύνησε τα χαρακτηριστικά ενός σύγχρονου επεξεργαστή κώδικα ή IDE και δείξε πώς μπορεί να βελτιώσει τη ροή εργασίας σου ως web developer.
 
-**Προτροπή:** Επίλεξε έναν επεξεργαστή κώδικα ή IDE (όπως Visual Studio Code, WebStorm, ή ένα cloud-based IDE). Κατάγραψε τρία χαρακτηριστικά ή επεκτάσεις που σε βοηθούν να γράφεις, αποσφαλματώνεις, ή να διατηρείς τον κώδικα πιο αποτελεσματικά. Για κάθε ένα, δώσε μια σύντομη εξήγηση για το πώς ωφελεί τη ροή εργασίας σου.
+**Οδηγία:** Επέλεξε έναν επεξεργαστή κώδικα ή IDE (όπως Visual Studio Code, WebStorm ή ένα cloud-based IDE). Κατάγραψε τρία χαρακτηριστικά ή επεκτάσεις που σε βοηθούν να γράφεις, να αποσφαλματώνεις ή να διατηρείς κώδικα πιο αποδοτικά. Για κάθε ένα, δώσε μια σύντομη εξήγηση πώς ωφελεί τη ροή εργασίας σου.
 
 ---
 
 ## 🚀 Πρόκληση
 
-**Εντάξει, ντετέκτιβ, έτοιμος για την πρώτη σου υπόθεση;**
+**Λοιπόν, ντετέκτιβ, έτοιμος για την πρώτη σου υπόθεση;**
 
-Τώρα που έχεις αυτή τη φοβερή βάση, έχω μια περιπέτεια που θα σε βοηθήσει να δεις πόσο απίστευτα διαφορετικός και συναρπαστικός είναι ο κόσμος του προγραμματισμού. Και πρόσεχε – δεν πρόκειται ακόμα για γραφή κώδικα, οπότε κανένα άγχος! Σκέψου τον εαυτό σου ως ντετέκτιβ γλωσσών προγραμματισμού στην πρώτη σου συναρπαστική υπόθεση!
+Τώρα που έχεις αυτή την υπέροχη βάση, έχω μια περιπέτεια που θα σε βοηθήσει να δεις πόσο απίστευτα διαφορετικός και συναρπαστικός είναι ο κόσμος του προγραμματισμού. Και άκου – δεν πρόκειται ακόμα για γραφή κώδικα, οπότε μη νιώθεις πίεση! Φαντάσου τον εαυτό σου ως ντετέκτιβ γλωσσών προγραμματισμού στην πρώτη σου συναρπαστική υπόθεση!
 
-**Η αποστολή σου, αν την αποδεχθείς:**
-1. **Γίνε εξερευνητής γλωσσών**: Διάλεξε τρεις γλώσσες προγραμματισμού από εντελώς διαφορετικά σύμπαντα – ίσως μία που φτιάχνει ιστοσελίδες, μία που δημιουργεί εφαρμογές κινητών, και μία που επεξεργάζεται δεδομένα για επιστήμονες. Βρες παραδείγματα της ίδιας απλής εργασίας γραμμένα σε κάθε γλώσσα. Σου υπόσχομαι ότι θα εντυπωσιαστείς από το πόσο διαφορετικά μπορεί να φαίνονται ενώ κάνουν ακριβώς το ίδιο!
+**Η αποστολή σου, αν αρνηθείς να την αποδεχτείς:**
+1. **Γίνε εξερευνητής γλωσσών:** Διάλεξε τρεις γλώσσες προγραμματισμού από τελείως διαφορετικούς κόσμους – ίσως μία που φτιάχνει ιστοσελίδες, μία που δημιουργεί κινητές εφαρμογές, και μία που επεξεργάζεται δεδομένα για επιστήμονες. Βρες παραδείγματα για το ίδιο απλό έργο γραμμένα σε κάθε γλώσσα. Υπόσχομαι ότι θα εντυπωσιαστείς πόσο διαφορετικά μπορούν να φαίνονται, παρόλο που κάνουν το ίδιο ακριβώς πράγμα!
 
-2. **Αποκάλυψε τις ιστορίες προέλευσής τους**: Τι κάνει κάθε γλώσσα ξεχωριστή; Ένα ωραίο γεγονός – κάθε γλώσσα προγραμματισμού δημιουργήθηκε γιατί κάποιος σκέφτηκε, «Ξέρεις κάτι; Πρέπει να υπάρχει καλύτερος τρόπος να λυθεί αυτό το συγκεκριμένο πρόβλημα.» Μπορείς να καταλάβεις ποια ήταν αυτά τα προβλήματα; Μερικές από αυτές τις ιστορίες είναι πραγματικά συναρπαστικές!
+2. **Αποκάλυψε την προέλευσή τους:** Τι κάνει κάθε γλώσσα ξεχωριστή; Ιδού ένα ωραίο γεγονός – κάθε γλώσσα προγραμματισμού δημιουργήθηκε γιατί κάποιος σκέφτηκε, «Ξέρεις κάτι; Πρέπει να υπάρχει καλύτερος τρόπος να λυθεί αυτό το συγκεκριμένο πρόβλημα.» Μπορείς να καταλάβεις ποια ήταν αυτά τα προβλήματα; Μερικές από αυτές τις ιστορίες είναι πραγματικά συναρπαστικές!
 
-3. **Γνώρισε τις κοινότητες**: Δες πώς είναι φιλόξενες και παθιασμένες οι κοινότητες κάθε γλώσσας. Κάποιες έχουν εκατομμύρια προγραμματιστές που μοιράζονται γνώση και βοηθούν ο ένας τον άλλον, άλλες είναι μικρότερες αλλά απίστευτα δεμένες και υποστηρικτικές. Θα λατρέψεις να δεις τις διαφορετικές προσωπικότητες που έχουν αυτές οι κοινότητες!
+3. **Γνώρισε τις κοινότητες:** Δες πόσο φιλόξενες και παθιασμένες είναι οι κοινότητες κάθε γλώσσας. Κάποιες έχουν εκατομμύρια προγραμματιστών που μοιράζονται γνώση και βοηθούν ο ένας τον άλλον, άλλες είναι μικρότερες αλλά απίστευτα δεμένες και υποστηρικτικές. Θα λατρέψεις να δεις τις διαφορετικές προσωπικότητες αυτών των κοινοτήτων!
 
-4. **Άκου το ένστικτό σου**: Ποια γλώσσα σου φαίνεται πιο προσβάσιμη τώρα; Μην αγχωθείς για την «τέλεια» επιλογή – απλώς άκου το ένστικτό σου! Δεν υπάρχει λάθος απάντηση εδώ, και πάντα μπορείς να εξερευνήσεις άλλες αργότερα.
+4. **Ακολούθησε το ένστικτό σου:** Ποια γλώσσα σου φαίνεται πιο προσιτή αυτή τη στιγμή; Μην αγχώνεσαι για την «τέλεια» επιλογή – απλά άκου το ένστικτό σου! Ειλικρινά δεν υπάρχει λάθος απάντηση εδώ, και μπορείς πάντα να εξερευνήσεις άλλες αργότερα.
 
-**Επιπλέον ντετέκτιβ εργασία**: Μάθε αν μπορείς ποια μεγάλα sites ή εφαρμογές είναι φτιαγμένα με κάθε γλώσσα. Σου εγγυώμαι ότι θα σοκαριστείς μαθαίνοντας τι τροφοδοτεί Instagram, Netflix ή εκείνο το κινητό παιχνίδι που δεν μπορείς να σταματήσεις να παίζεις!
+**Μπόνους για τον ντετέκτιβ:** Δες αν μπορείς να ανακαλύψεις ποιοι μεγάλοι ιστότοποι ή εφαρμογές είναι χτισμένοι με κάθε γλώσσα. Σου εγγυώμαι ότι θα σοκαριστείς να μάθεις τι τροφοδοτεί το Instagram, το Netflix ή εκείνο το κινητό παιχνίδι που δεν μπορείς να σταματήσεις να παίζεις!
 
-> 💡 **Θυμήσου**: Δεν προσπαθείς να γίνεις ειδικός σε καμία από αυτές τις γλώσσες σήμερα. Απλώς γνωρίζεις τη γειτονιά πριν αποφασίσεις πού θέλεις να στήσεις μαγαζί. Πάρε τον χρόνο σου, διασκέδασε και άσε την περιέργεια να σε οδηγήσει!
+> 💡 **Θυμήσου:** Δεν προσπαθείς να γίνεις ειδικός σε καμία από αυτές τις γλώσσες σήμερα. Απλώς γνωρίζεις τη γειτονιά πριν αποφασίσεις πού θέλεις να στήσεις το μαγαζί σου. Πάρε το χρόνο σου, διασκέδασε, και άφησε την περιέργειά σου να σε καθοδηγήσει!
 
-## Ας Γιορτάσουμε Ό,τι Ανακάλυψες!
+## Ας Γιορτάσουμε Όσα Ανακάλυψες!
 
-Θεέ μου, έχουμε απορροφήσει τόσες απίστευτες πληροφορίες σήμερα! Είμαι πραγματικά ενθουσιασμένος να δω πόσο από αυτό το καταπληκτικό ταξίδι έχει μείνει μέσα σου. Και να θυμάσαι – δεν είναι διαγώνισμα που πρέπει να πετύχεις απόλυτα. Είναι περισσότερο μια γιορτή για όλα τα ωραία πράγματα που έμαθες για αυτόν τον συναρπαστικό κόσμο στον οποίο πρόκειται να βουτήξεις!
+Ω Θεέ μου, έχεις απορροφήσει τόσο απίστευτες πληροφορίες σήμερα! Είμαι πραγματικά ενθουσιασμένος να δω πόσα από αυτό το υπέροχο ταξίδι έχεις κρατήσει μαζί σου. Και θυμήσου – αυτό δεν είναι ένα τεστ όπου πρέπει να τα κάνεις όλα τέλεια. Είναι περισσότερο ένας εορτασμός όλων των φοβερών πραγμάτων που έμαθες για αυτόν τον συναρπαστικό κόσμο που πρόκειται να βυθιστείς!
 
 [Κάνε το κουίζ μετά το μάθημα](https://ff-quizzes.netlify.app/web/)
-## Ανασκόπηση & Αυτομελέτη
 
-**Πάρε το χρόνο σου να εξερευνήσεις και να το διασκεδάσεις!**
+## Ανασκόπηση & Αυτομάθηση
 
-Κάλυψες πολύ υλικό σήμερα, και αυτό είναι κάτι να νιώθεις περήφανος! Τώρα έρχεται το διασκεδαστικό κομμάτι – να εξερευνήσεις τα θέματα που κέντρισαν την περιέργειά σου. Θυμήσου, αυτό δεν είναι εργασία για το σπίτι – είναι μια περιπέτεια!
+**Πάρε το χρόνο σου να εξερευνήσεις και να διασκεδάσεις!**
+Έχεις καλύψει πολλή ύλη σήμερα, και αυτό είναι κάτι για το οποίο μπορείς να είσαι περήφανος! Τώρα ξεκινά το διασκεδαστικό μέρος – να εξερευνήσεις τα θέματα που προκάλεσαν την περιέργειά σου. Θυμήσου, αυτό δεν είναι σπίτι – είναι μια περιπέτεια!
 
 **Βυθίσου πιο βαθιά σε ό,τι σε ενθουσιάζει:**
 
-**Πάρε πρακτική με γλώσσες προγραμματισμού:**
+**Δοκίμασε πρακτικά τις γλώσσες προγραμματισμού:**
 - Επισκέψου τις επίσημες ιστοσελίδες 2-3 γλωσσών που τράβηξαν την προσοχή σου. Η κάθε μία έχει τη δική της προσωπικότητα και ιστορία!
-- Δοκίμασε κάποια διαδικτυακά προγραμματιστικά περιβάλλοντα όπως το [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ή [Replit](https://replit.com/). Μην φοβηθείς να πειραματιστείς – δεν θα σπάσεις τίποτα!
-- Διάβασε για το πώς γεννήθηκε η αγαπημένη σου γλώσσα. Σοβαρά, μερικές από αυτές τις ιστορίες προέλευσης είναι συναρπαστικές και θα σε βοηθήσουν να καταλάβεις γιατί οι γλώσσες λειτουργούν όπως λειτουργούν.
+- Δοκίμασε κάποια διαδικτυακά playgrounds κώδικα όπως το [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ή [Replit](https://replit.com/). Μην φοβηθείς να πειραματιστείς – δεν μπορείς να σπάσεις τίποτα!
+- Διάβασε για το πώς δημιουργήθηκε η αγαπημένη σου γλώσσα. Σοβαρά τώρα, μερικές από αυτές τις ιστορίες προέλευσης είναι συναρπαστικές και θα σε βοηθήσουν να καταλάβεις γιατί οι γλώσσες λειτουργούν όπως λειτουργούν.
 
-**Νιώσε άνετα με τα νέα σου εργαλεία:**
-- Κατέβασε το Visual Studio Code αν δεν το έχεις ήδη – είναι δωρεάν και θα το λατρέψεις!
-- Περάσε λίγα λεπτά εξερευνώντας την αγορά επεκτάσεων (Extensions marketplace). Είναι σαν ένα κατάστημα εφαρμογών για τον κώδικά σου!
-- Άνοιξε τα Εργαλεία Προγραμματιστή (Developer Tools) του browser σου και κάνε κλικ εδώ κι εκεί. Μην ανησυχείς αν δεν καταλαβαίνεις τα πάντα – απλώς εξοικειώσου με το τι υπάρχει.
+**Γίνε άνετος με τα νέα σου εργαλεία:**
+- Κατέβασε το Visual Studio Code αν δεν το έχεις κάνει ήδη – είναι δωρεάν και θα το λατρέψεις!
+- Περάστε μερικά λεπτά περιηγούμενος στην αγορά επεκτάσεων. Είναι σαν ένα app store για τον επεξεργαστή κώδικά σου!
+- Άνοιξε τα Developer Tools του browser σου και κάνε κλικ ανάμεσα. Μην ανησυχείς αν δεν καταλαβαίνεις τα πάντα – απλά εξοικειώσου με όσα υπάρχουν εκεί.
 
-**Γίνε μέρος της κοινότητας:**
-- Ακολούθησε κάποιες κοινότητες προγραμματιστών στο [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. Υπάρχουν πολλοί εξαιρετικοί δημιουργοί εκεί έξω που θυμούνται πώς είναι να ξεκινάς.
 - Σκέψου να συμμετάσχεις σε τοπικές συναντήσεις ή διαδικτυακές κοινότητες. Πίστεψέ με, οι προγραμματιστές αγαπούν να βοηθούν τους νεοεισερχόμενους!
 
-> 🎯 **Άκου, αυτό θέλω να θυμάσαι**: Δεν περιμένουμε να γίνεις μάγος του κώδικα μέσα σε μια νύχτα! Τώρα απλώς γνωρίζεις αυτόν τον απίθανο νέο κόσμο που πρόκειται να γίνεις μέρος του. Πάρε το χρόνο σου, απόλαυσε το ταξίδι, και θυμήσου – κάθε προγραμματιστής που θαυμάζεις κάθονταν ακριβώς εκεί που είσαι τώρα, νιώθοντας ενθουσιασμό και ίσως λίγο υπερφορτωμένος. Είναι απόλυτα φυσιολογικό, και αυτό σημαίνει ότι τα πας πολύ καλά!
-
-
+> 🎯 **Άκου, αυτό θέλω να θυμάσαι**: Δεν αναμένεται να γίνεις μάγος του κώδικα μέσα σε μία νύχτα! Αυτή τη στιγμή, απλώς γνωρίζεις αυτόν τον καταπληκτικό νέο κόσμο που πρόκειται να γίνεις μέρος του. Πάρε τον χρόνο σου, απόλαυσε το ταξίδι, και θυμήσου – κάθε προγραμματιστής που θαυμάζεις κάποτε καθότανε ακριβώς εκεί που είσαι τώρα, νιώθοντας ενθουσιασμό και ίσως λίγο μπερδεμένος. Αυτό είναι τελείως φυσιολογικό, και σημαίνει ότι τα πας καλά!
 
-## Εργασία
+## Ανάθεση
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Μικρή παρότρυνση για την εργασία σου**: Θα ήθελα πολύ να σε δω να εξερευνήσεις εργαλεία που δεν έχουμε καλύψει ακόμα! Άφησε για λίγο στην άκρη τους επεξεργαστές, browsers και εργαλεία γραμμής εντολών που έχουμε ήδη αναφέρει – υπάρχει ένας ολόκληρος καταπληκτικός κόσμος με απίθανα εργαλεία ανάπτυξης που περιμένουν να τα ανακαλύψεις. Ψάξε για αυτά που συντηρούνται ενεργά και έχουν ζωντανές, φιλικές κοινότητες (συνήθως έχουν τα καλύτερα tutorials και τους πιο υποστηρικτικούς ανθρώπους όταν κολλήσεις και χρειαστείς βοήθεια).
+> 💡 **Μικρή ώθηση για την ανάθεσή σου**: Θα ήθελα πάρα πολύ να σε δω να εξερευνάς κάποια εργαλεία που δεν έχουμε καλύψει ακόμα! Παράβλεψε τους επεξεργαστές, browsers και εργαλεία γραμμής εντολών που έχουμε ήδη αναφέρει – υπάρχει όλο αυτό το απίστευτο σύμπαν εκπληκτικών εργαλείων ανάπτυξης που περιμένει να ανακαλυφθεί. Ψάξε για αυτά που συντηρούνται ενεργά και έχουν ζωντανές, βοηθητικές κοινότητες (αυτά έχουν τις καλύτερες οδηγίες και τα πιο υποστηρικτικά άτομα όταν κολλήσεις και χρειαστείς ένα φιλικό χέρι).
 
 ---
 
 ## 🚀 Το Χρονοδιάγραμμα του Ταξιδιού σου στον Προγραμματισμό
 
-### ⚡ **Τι μπορείς να κάνεις στα επόμενα 5 λεπτά**
-- [ ] Αποθήκευσε σελιδοδείκτες 2-3 ιστοσελίδες γλωσσών προγραμματισμού που τράβηξαν την προσοχή σου
-- [ ] Κατέβασε το Visual Studio Code αν δεν το έχεις ήδη
-- [ ] Άνοιξε τα DevTools του browser σου (F12) και κάνε κλικ σε οποιαδήποτε ιστοσελίδα
-- [ ] Γίνε μέλος σε μια κοινότητα προγραμματιστών (Dev.to, Reddit r/webdev, ή Stack Overflow)
+### ⚡ **Τι Μπορείς να Κάνεις στα Επόμενα 5 Λεπτά**
+- [ ] Κράτα σελιδοδείκτη σε ιστοσελίδες 2-3 γλωσσών προγραμματισμού που τράβηξαν το ενδιαφέρον σου
+- [ ] Κατέβασε το Visual Studio Code αν δεν το έχεις ήδη κάνει
+- [ ] Άνοιξε τα DevTools του browser σου (F12) και κλίκαρε σε οποιαδήποτε ιστοσελίδα
+- [ ] Γίνε μέλος σε μία κοινότητα προγραμματισμού (Dev.to, Reddit r/webdev, ή Stack Overflow)
 
-### ⏰ **Τι μπορείς να πετύχεις αυτήν την ώρα**
-- [ ] Ολοκλήρωσε το quiz μετά το μάθημα και σκέψου τις απαντήσεις σου
+### ⏰ **Τι Μπορείς να Ολοκληρώσεις Αυτή την Ώρα**
+- [ ] Ολοκλήρωσε το κουίζ μετά το μάθημα και σκέψου τις απαντήσεις σου
 - [ ] Ρύθμισε το VS Code με την επέκταση GitHub Copilot
 - [ ] Δοκίμασε ένα παράδειγμα "Hello World" σε 2 διαφορετικές γλώσσες προγραμματισμού online
 - [ ] Δες ένα βίντεο "Μια μέρα στη ζωή ενός προγραμματιστή" στο YouTube
-- [ ] Ξεκίνα την έρευνα σου για τις γλώσσες προγραμματισμού (από την πρόκληση)
+- [ ] Ξεκίνα την ερευνητική σου δουλειά για τις γλώσσες προγραμματισμού (από την πρόκληση)
 
-### 📅 **Η περιπέτεια της εβδομάδας σου**
-- [ ] Ολοκλήρωσε την εργασία και εξερεύνησε 3 νέα εργαλεία ανάπτυξης
+### 📅 **Η Περιπέτεια της Εβδομάδας σου**
+- [ ] Ολοκλήρωσε την ανάθεση και εξερεύνησε 3 νέα εργαλεία ανάπτυξης
 - [ ] Ακολούθησε 5 προγραμματιστές ή λογαριασμούς προγραμματισμού στα social media
-- [ ] Δοκίμασε να φτιάξεις κάτι μικρό στο CodePen ή Replit (ακόμα και μόνο "Hello, [Το Όνομά Σου]!")
-- [ ] Διάβασε ένα άρθρο προγραμματιστή για το ταξίδι κάποιου με τον κώδικα
-- [ ] Συμμετέχει σε ένα εικονικό meetup ή δες μια ομιλία για προγραμματισμό
-- [ ] Άρχισε να μαθαίνεις τη γλώσσα που διάλεξες με online tutorials
+- [ ] Προσπάθησε να φτιάξεις κάτι μικρό στο CodePen ή Replit (ακόμα και απλά "Hello, [Το Όνομά σου]!")
+- [ ] Διάβασε ένα post σε blog προγραμματιστή σχετικά με το ταξίδι κάποιου στον κώδικα
+- [ ] Συμμετάσχετε σε μια διαδικτυακή συνάντηση ή παρακολούθησε μια ομιλία προγραμματισμού
+- [ ] Ξεκίνα να μαθαίνεις τη γλώσσα που επέλεξες με διαδικτυακά μαθήματα
 
-### 🗓️ **Η μεταμόρφωση του μήνα σου**
+### 🗓️ **Η Μεταμόρφωσή σου Μέσα στον Μήνα**
 - [ ] Φτιάξε το πρώτο σου μικρό project (ακόμα και μια απλή ιστοσελίδα μετράει!)
-- [ ] Συνεισφέρε σε ένα ανοιχτού κώδικα project (ξεκίνα με διορθώσεις τεκμηρίωσης)
-- [ ] Γίνε μέντορας σε κάποιον που μόλις ξεκινάει το ταξίδι στον προγραμματισμό
-- [ ] Δημιούργησε την προσωπική σου ιστοσελίδα-πορτφόλιο προγραμματιστή
+- [ ] Συνεισφέρε σε ένα open-source project (ξεκίνα με διορθώσεις τεκμηρίωσης)
+- [ ] Μέντορας σε κάποιον που μόλις ξεκινά το ταξίδι προγραμματισμού
+- [ ] Δημιούργησε την προσωπική σου ιστοσελίδα-χαρτοφυλάκιο προγραμματιστή
 - [ ] Συνδέσου με τοπικές κοινότητες προγραμματιστών ή ομάδες μελέτης
-- [ ] Ξεκίνα να σχεδιάζεις τον επόμενο στόχο μάθησής σου
+- [ ] Ξεκίνα να σχεδιάζεις το επόμενο εκπαιδευτικό σου ορόσημο
 
-### 🎯 **Τελικός έλεγχος αναστοχασμού**
+### 🎯 **Τελικός Απολογισμός**
 
-**Πριν προχωρήσεις, πάρε μια στιγμή να γιορτάσεις:**
-- Ποιο ήταν το ένα πράγμα για τον προγραμματισμό σήμερα που σε ενθουσίασε;
-- Ποιο εργαλείο ή έννοια θέλεις να εξερευνήσεις πρώτα;
-- Πώς αισθάνεσαι που ξεκινάς αυτό το ταξίδι στον προγραμματισμό;
-- Ποια είναι μια ερώτηση που θα ήθελες να κάνεις σε έναν προγραμματιστή τώρα;
+**Πριν προχωρήσεις, πάρε μια στιγμή για να γιορτάσεις:**
+- Ποιο είναι ένα πράγμα για τον προγραμματισμό που σε ενθουσίασε σήμερα;
+- Ποιο εργαλείο ή έννοια θέλεις να εξερευνήσεις πρώτο;
+- Πώς νιώθεις που ξεκινάς αυτό το ταξίδι στον προγραμματισμό;
+- Ποια είναι μια ερώτηση που θα ήθελες να κάνεις σε έναν προγραμματιστή αυτή τη στιγμή;
 
 ```mermaid
 journey
-    title Το Ταξίδι σας για την Ενίσχυση της Αυτοπεποίθησής σας
+    title Το Ταξίδι Ενίσχυσης της Αυτοπεποίθησής Σου
     section Σήμερα
       Curious: 3: You
       Overwhelmed: 4: You
@@ -838,16 +839,16 @@ journey
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Επόμενος Μήνας
+    section Τον Επόμενο Μήνα
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **Θυμήσου**: Κάθε ειδικός ήταν κάποτε αρχάριος. Κάθε έμπειρος προγραμματιστής ένιωσε κάποτε ακριβώς όπως νιώθεις τώρα – ενθουσιασμό, ίσως λίγη υπερφόρτωση, και σίγουρα περιέργεια για το τι είναι δυνατό. Είσαι σε καταπληκτική παρέα, και αυτό το ταξίδι πρόκειται να είναι απίθανο. Καλώς ήρθες στον υπέροχο κόσμο του προγραμματισμού! 🎉
+> 🌟 **Θυμήσου**: Κάθε ειδικός ήταν κάποτε αρχάριος. Κάθε ανώτερος προγραμματιστής ένιωθε ακριβώς όπως εσύ τώρα – ενθουσιασμένος, ίσως λίγο μπερδεμένος, και σίγουρα περίεργος για το τι είναι δυνατόν. Βρίσκεσαι σε καταπληκτική παρέα, και αυτό το ταξίδι θα είναι απίστευτο. Καλωσόρισες στον υπέροχο κόσμο του προγραμματισμού! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Αποποίηση ευθυνών**:  
-Το παρόν έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλούμε να έχετε υπόψη σας ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα προέλευσής του πρέπει να θεωρείται η έγκυρη πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.
+Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία μετάφρασης με τεχνητή νοημοσύνη [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που καταβάλλουμε προσπάθεια για ακρίβεια, παρακαλούμε να γνωρίζετε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του πρέπει να θεωρείται η αξιόπιστη πηγή. Για κρίσιμες πληροφορίες, συνιστάται η επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/el/AGENTS.md b/translations/el/AGENTS.md
index b10a934d6..09ed63570 100644
--- a/translations/el/AGENTS.md
+++ b/translations/el/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Επισκόπηση Έργου
 
-Αυτό είναι ένα εκπαιδευτικό αποθετήριο προγράμματος σπουδών για τη διδασκαλία των βασικών αρχών ανάπτυξης ιστού σε αρχάριους. Το πρόγραμμα σπουδών είναι ένα ολοκληρωμένο μάθημα 12 εβδομάδων που έχει αναπτυχθεί από τους Microsoft Cloud Advocates, περιλαμβάνοντας 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML.
+Αυτό είναι ένα εκπαιδευτικό αποθετήριο προγράμματος σπουδών για τη διδασκαλία των βασικών της ανάπτυξης ιστού σε αρχάριους. Το πρόγραμμα σπουδών είναι ένα ολοκληρωμένο μάθημα 12 εβδομάδων που έχει αναπτυχθεί από τους Microsoft Cloud Advocates, με 24 πρακτικά μαθήματα που καλύπτουν JavaScript, CSS και HTML.
 
 ### Κύρια Στοιχεία
 
-- **Εκπαιδευτικό Περιεχόμενο**: 24 οργανωμένα μαθήματα ταξινομημένα σε ενότητες έργων
-- **Πρακτικά Έργα**: Terrarium, Παιχνίδι Πληκτρολόγησης, Επέκταση Περιηγητή, Παιχνίδι Διαστήματος, Εφαρμογή Τραπεζικής, Επεξεργαστής Κώδικα και Βοηθός Συνομιλίας AI
-- **Διαδραστικά Quiz**: 48 κουίζ με 3 ερωτήσεις το καθένα (αξιολογήσεις πριν/μετά το μάθημα)
-- **Υποστήριξη Πολλών Γλωσσών**: Αυτόματες μεταφράσεις σε 50+ γλώσσες μέσω GitHub Actions
+- **Εκπαιδευτικό Περιεχόμενο**: 24 δομημένα μαθήματα οργανωμένα σε ενότητες με βάση έργα
+- **Πρακτικά Έργα**: Terrarium, Παιχνίδι Πληκτρολόγησης, Επέκταση Browser, Παιχνίδι στο Διάστημα, Τραπεζική Εφαρμογή, Επεξεργαστής Κώδικα και Βοηθός Chat με AI
+- **Διαδραστικά Κουίζ**: 48 κουίζ με 3 ερωτήσεις το καθένα (αξιολογήσεις πριν/μετά τα μαθήματα)
+- **Πολυγλωσσική Υποστήριξη**: Αυτόματες μεταφράσεις για πάνω από 50 γλώσσες μέσω GitHub Actions
 - **Τεχνολογίες**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (για έργα AI)
 
 ### Αρχιτεκτονική
 
 - Εκπαιδευτικό αποθετήριο με δομή βασισμένη σε μαθήματα
 - Κάθε φάκελος μαθήματος περιέχει README, παραδείγματα κώδικα και λύσεις
-- Αυτόνομα έργα σε ξεχωριστούς καταλόγους (quiz-app, διάφορα έργα μαθημάτων)
-- Σύστημα μετάφρασης με χρήση GitHub Actions (co-op-translator)
-- Τεκμηρίωση που σερβίρεται μέσω Docsify και διατίθεται σε μορφή PDF
+- Ανεξάρτητα έργα σε ξεχωριστούς καταλόγους (quiz-app, διάφορα μαθήματα έργων)
+- Σύστημα μετάφρασης που χρησιμοποιεί GitHub Actions (co-op-translator)
+- Τεκμηρίωση προσβάσιμη μέσω Docsify και διαθέσιμη ως PDF
 
-## Εντολές Ρύθμισης
+## Εντολές Ρυθμίσεων
 
-Αυτό το αποθετήριο προορίζεται κυρίως για κατανάλωση εκπαιδευτικού περιεχομένου. Για εργασία σε συγκεκριμένα έργα:
+Αυτό το αποθετήριο προορίζεται κυρίως για κατανάλωση εκπαιδευτικού περιεχομένου. Για εργασία με συγκεκριμένα έργα:
 
-### Ρύθμιση Κύριου Αποθετηρίου
+### Κύρια Ρύθμιση Αποθετηρίου
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Ρύθμιση Εφαρμογής Κουίζ (Vue 3 + Vite)
+### Ρύθμιση Quiz App (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -41,7 +41,7 @@ npm run build      # Δημιουργία για παραγωγή
 npm run lint       # Εκτέλεση ESLint
 ```
 
-### API Έργο Τράπεζας (Node.js + Express)
+### API Τραπεζικού Έργου (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -51,7 +51,7 @@ npm run lint       # Εκτέλεση ESLint
 npm run format     # Μορφοποίηση με Prettier
 ```
 
-### Έργα Επέκτασης Περιηγητή
+### Έργα Επέκτασης Browser
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,15 +59,15 @@ npm install
 # Ακολουθήστε τις οδηγίες φόρτωσης επεκτάσεων ειδικές για τον περιηγητή
 ```
 
-### Έργα Παιχνιδιού Διαστήματος
+### Έργα Παιχνιδιού στο Διάστημα
 
 ```bash
 cd 6-space-game/solution
 npm install
-# Ανοίξτε το index.html στον περιηγητή ή χρησιμοποιήστε το Live Server
+# Ανοίξτε το index.html σε πρόγραμμα περιήγησης ή χρησιμοποιήστε Live Server
 ```
 
-### Έργο Συνομιλίας (Python Backend)
+### Έργο Chat (Backend Python)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,207 +76,207 @@ pip install openai
 python api.py
 ```
 
-## Ροή Εργασίας Ανάπτυξης
+## Ροή Ανάπτυξης
 
 ### Για Συνεργάτες Περιεχομένου
 
-1. **Διακλάδωση (Fork)** του αποθετηρίου στο λογαριασμό σας στο GitHub
-2. **Κλωνοποίηση (Clone)** του fork τοπικά
-3. **Δημιουργία νέου κλάδου** για τις αλλαγές σας
-4. Κάντε αλλαγές στο περιεχόμενο των μαθημάτων ή στα παραδείγματα κώδικα
-5. Δοκιμάστε τις αλλαγές κώδικα στους αντίστοιχους φακέλους έργων
-6. Υποβάλετε pull requests ακολουθώντας τις οδηγίες συμβολής
+1. **Κάντε fork το αποθετήριο** στον λογαριασμό σας στο GitHub
+2. **Κλωνοποιήστε το fork τοπικά**
+3. **Δημιουργήστε νέο branch** για τις αλλαγές σας
+4. Κάντε αλλαγές σε περιεχόμενο μαθήματος ή παραδείγματα κώδικα
+5. Δοκιμάστε τις αλλαγές σε σχετικούς καταλόγους έργων
+6. Υποβάλετε pull requests σύμφωνα με τις οδηγίες συνεισφοράς
 
 ### Για Μαθητές
 
-1. Κάντε fork ή clone το αποθετήριο
-2. Πλοηγηθείτε στους φακέλους μαθημάτων κατά σειρά
+1. Κάντε fork ή κλωνοποιήστε το αποθετήριο
+2. Πλοηγηθείτε στους καταλόγους μαθημάτων διαδοχικά
 3. Διαβάστε τα αρχεία README για κάθε μάθημα
 4. Ολοκληρώστε τα κουίζ πριν το μάθημα στη διεύθυνση https://ff-quizzes.netlify.app/web/
-5. Μελετήστε τα παραδείγματα κώδικα στους φακέλους μαθημάτων
+5. Εργαστείτε μέσα από τα παραδείγματα κώδικα στους φακέλους μαθημάτων
 6. Ολοκληρώστε εργασίες και προκλήσεις
 7. Κάντε τα κουίζ μετά το μάθημα
 
 ### Ζωντανή Ανάπτυξη
 
-- **Τεκμηρίωση**: Τρέξτε `docsify serve` στην ρίζα (θύρα 3000)
-- **Εφαρμογή Κουίζ**: Τρέξτε `npm run dev` στον φάκελο quiz-app
-- **Έργα**: Χρησιμοποιήστε την επέκταση VS Code Live Server για έργα HTML
-- **API Έργα**: Τρέξτε `npm start` στους αντίστοιχους φακέλους API
+- **Τεκμηρίωση**: Εκτελέστε `docsify serve` στον ριζικό φάκελο (θύρα 3000)
+- **Quiz App**: Εκτελέστε `npm run dev` στον φάκελο quiz-app
+- **Έργα**: Χρησιμοποιήστε το VS Code Live Server extension για HTML έργα
+- **API Έργα**: Εκτελέστε `npm start` στους αντίστοιχους φακέλους API
 
 ## Οδηγίες Δοκιμών
 
-### Δοκιμή Εφαρμογής Κουίζ
+### Δοκιμές Quiz App
 
 ```bash
 cd quiz-app
-npm run lint       # Έλεγχος για προβλήματα μορφοποίησης κώδικα
-npm run build      # Επαλήθευση επιτυχίας της κατασκευής
+npm run lint       # Ελέγξτε για προβλήματα στο στυλ κώδικα
+npm run build      # Επιβεβαιώστε ότι η κατασκευή είναι επιτυχής
 ```
 
-### Δοκιμή API Τράπεζας
+### Δοκιμές Bank API
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Έλεγχος για ζητήματα στυλ κώδικα
-node server.js     # Επαλήθευση εκκίνησης διακομιστή χωρίς σφάλματα
+npm run lint       # Ελέγξτε για προβλήματα στο στυλ κώδικα
+node server.js     # Επαληθεύστε ότι ο διακομιστής ξεκινά χωρίς σφάλματα
 ```
 
 ### Γενική Προσέγγιση Δοκιμών
 
-- Πρόκειται για εκπαιδευτικό αποθετήριο χωρίς πλήρεις αυτοματοποιημένες δοκιμές
+- Αυτό είναι ένα εκπαιδευτικό αποθετήριο χωρίς πλήρεις αυτοματοποιημένες δοκιμές
 - Οι χειροκίνητες δοκιμές εστιάζουν σε:
-  - Εκτέλεση παραδειγμάτων κώδικα χωρίς σφάλματα
-  - Σωστή λειτουργία συνδέσμων στην τεκμηρίωση
-  - Επιτυχής ολοκλήρωση δημιουργίας έργων
-  - Τα παραδείγματα ακολουθούν βέλτιστες πρακτικές
+  - Τα παραδείγματα κώδικα να τρέχουν χωρίς σφάλματα
+  - Οι σύνδεσμοι στην τεκμηρίωση να λειτουργούν σωστά
+  - Οι κατασκευές έργων να ολοκληρώνονται επιτυχώς
+  - Τα παραδείγματα να ακολουθούν βέλτιστες πρακτικές
 
-### Έλεγχοι Πριν την Υποβολή
+### Έλεγχοι Πριν Υποβολή
 
-- Τρέξτε `npm run lint` σε φακέλους με package.json
+- Εκτελέστε `npm run lint` σε φακέλους με package.json
 - Επαληθεύστε ότι οι σύνδεσμοι markdown είναι έγκυροι
-- Δοκιμάστε παραδείγματα κώδικα στον περιηγητή ή Node.js
-- Επιβεβαιώστε ότι οι μεταφράσεις διατηρούν σωστή δομή
+- Δοκιμάστε παραδείγματα κώδικα στο πρόγραμμα περιήγησης ή Node.js
+- Ελέγξτε ότι οι μεταφράσεις διατηρούν τη σωστή δομή
 
 ## Οδηγίες Στυλ Κώδικα
 
 ### JavaScript
 
 - Χρησιμοποιήστε σύγχρονη σύνταξη ES6+
-- Ακολουθήστε τις τυπικές ρυθμίσεις ESLint που παρέχονται στα έργα
+- Ακολουθήστε τις τυποποιημένες ρυθμίσεις ESLint που παρέχονται στα έργα
 - Χρησιμοποιήστε κατανοητά ονόματα μεταβλητών και συναρτήσεων για εκπαιδευτική σαφήνεια
 - Προσθέστε σχόλια που εξηγούν έννοιες για τους μαθητές
-- Μορφοποιήστε με Prettier όπου έχει ρυθμιστεί
+- Διαμορφώστε με Prettier όπου έχει ρυθμιστεί
 
 ### HTML/CSS
 
 - Σημαντικά στοιχεία HTML5
-- Αρχές responsive σχεδίασης
-- Καθαρή ονοματοθεσία κλάσεων
+- Αρχές responsive design
+- Καθαρή ονοματοδοσία κλάσεων
 - Σχόλια που εξηγούν τεχνικές CSS για μαθητές
 
 ### Python
 
 - Οδηγίες στυλ PEP 8
 - Καθαρά, εκπαιδευτικά παραδείγματα κώδικα
-- Σημειώσεις τύπων όπου βοηθούν στη μάθηση
+- Υποδείξεις τύπων όπου βοηθούν στη μάθηση
 
 ### Τεκμηρίωση Markdown
 
-- Καθαρή ιεραρχία κεφαλίδων
-- Μπλοκ κώδικα με δήλωση γλώσσας
-- Σύνδεσμοι για επιπλέον πόρους
-- Στιγμιότυπα και εικόνες στους φακέλους `images/`
-- Εναλλακτικό κείμενο για εικόνες για προσβασιμότητα
+- Ξεκάθαρη ιεραρχία τίτλων
+- Μπλοκ κώδικα με καθορισμένη γλώσσα
+- Σύνδεσμοι σε πρόσθετους πόρους
+- Στιγμιότυπα και εικόνες στους καταλόγους `images/`
+- Περιγραφικό κείμενο (alt) για εικόνες για προσβασιμότητα
 
 ### Οργάνωση Αρχείων
 
-- Μαθήματα αριθμημένα διαδοχικά (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}/`
 
-## Δημιουργία και Ανάπτυξη
+## Κατασκευή και Ανάπτυξη
 
-### Ανάπτυξη Εφαρμογής Κουίζ (Azure Static Web Apps)
+### Ανάπτυξη Quiz App (Azure Static Web Apps)
 
-Η εφαρμογή κουίζ έχει ρυθμιστεί για ανάπτυξη σε Azure Static Web Apps:
+Το quiz-app είναι διαμορφωμένο για ανάπτυξη σε Azure Static Web Apps:
 
 ```bash
 cd quiz-app
-npm run build      # Δημιουργεί τον φάκελο dist/
-# Αναπτύσσει μέσω ροής εργασίας GitHub Actions κατά την ώθηση στο main
+npm run build      # Δημιουργεί το φάκελο dist/
+# Αναπτύσσει μέσω της ροής εργασίας GitHub Actions κατά την προώθηση στο main
 ```
 
-Ρυθμίσεις Azure Static Web Apps:
-- **Τοποθεσία εφαρμογής**: `/quiz-app`
-- **Τοποθεσία εξόδου**: `dist`
+Διαμόρφωση Azure Static Web Apps:
+- **Θέση εφαρμογής**: `/quiz-app`
+- **Θέση εξόδου**: `dist`
 - **Ροή εργασίας**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Δημιουργία PDF Τεκμηρίωσης
 
 ```bash
-npm install                    # Εγκαταστήστε το docsify-to-pdf
-npm run convert               # Δημιουργήστε PDF από το docs
+npm install                    # Εγκατάσταση του docsify-to-pdf
+npm run convert               # Δημιουργία PDF από docs
 ```
 
 ### Τεκμηρίωση Docsify
 
 ```bash
 npm install -g docsify-cli    # Εγκαταστήστε το Docsify παγκοσμίως
-docsify serve                 # Εξυπηρετήστε στο localhost:3000
+docsify serve                 # Σερβίρετε στο localhost:3000
 ```
 
-### Δημιουργίες ανά Έργο
+### Κατασκευές Ανά Έργο
 
-Κάθε φάκελος έργου μπορεί να έχει τη δική του διαδικασία δημιουργίας:
-- Vue έργα: `npm run build` δημιουργεί πακέτα παραγωγής
-- Στατικά έργα: Δεν απαιτείται βήμα δημιουργίας, τα αρχεία σερβίρονται απευθείας
+Κάθε φάκελος έργου μπορεί να έχει τη δική του διαδικασία κατασκευής:
+- Έργα Vue: `npm run build` δημιουργεί παραγωγικά πακέτα
+- Στατικά έργα: Χωρίς βήμα κατασκευής, τα εξυπηρετεί άμεσα
 
 ## Οδηγίες Pull Request
 
-### Μορφοποίηση Τίτλου
+### Μορφή Τίτλου
 
-Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που δείχνουν το πεδίο αλλαγής:
-- `[Quiz-app] Προσθήκη νέου κουίζ για μάθημα X`
-- `[Lesson-3] Διόρθωση ορθογραφικού λάθους στο έργο terrarium`
+Χρησιμοποιήστε σαφείς, περιγραφικούς τίτλους που δείχνουν το αντικείμενο αλλαγής:
+- `[Quiz-app] Προσθήκη νέου κουίζ για το μάθημα X`
+- `[Lesson-3] Διόρθωση τυπογραφικού στο έργο terrarium`
 - `[Translation] Προσθήκη ισπανικής μετάφρασης για το μάθημα 5`
-- `[Docs] Ενημέρωση οδηγών ρύθμισης`
+- `[Docs] Ενημέρωση οδηγιών ρύθμισης`
 
 ### Απαραίτητοι Έλεγχοι
 
 Πριν υποβάλετε PR:
 
 1. **Ποιότητα Κώδικα**:
-   - Τρέξτε `npm run lint` στους σχετικούς φακέλους έργων
+   - Εκτελέστε `npm run lint` σε σχετικούς φακέλους έργων
    - Διορθώστε όλα τα σφάλματα και προειδοποιήσεις lint
 
-2. **Επαλήθευση Δημιουργίας**:
-   - Τρέξτε `npm run build` εφόσον ισχύει
-   - Επιβεβαιώστε απουσία σφαλμάτων δημιουργίας
+2. **Επαλήθευση Κατασκευής**:
+   - Εκτελέστε `npm run build` όπου έχει εφαρμογή
+   - Βεβαιωθείτε ότι δεν υπάρχουν σφάλματα κατασκευής
 
-3. **Έλεγχος Συνδέσμων**:
-   - Δοκιμάστε όλους τους συνδέσμους markdown
-   - Επαληθεύστε την απόδοση εικόνων
+3. **Επαλήθευση Συνδέσμων**:
+   - Ελέγξτε όλους τους συνδέσμους markdown
+   - Εξασφαλίστε ότι οι εικόνες φορτώνουν σωστά
 
-4. **Έλεγχος Περιεχομένου**:
-   - Επιμεληθείτε για ορθογραφικά και γραμματικά λάθη
-   - Επιβεβαιώστε ότι τα παραδείγματα κώδικα είναι σωστά και εκπαιδευτικά
-   - Διασφαλίστε ότι οι μεταφράσεις διατηρούν το αρχικό νόημα
+4. **Ανασκόπηση Περιεχομένου**:
+   - Διορθώστε ορθογραφικά και γραμματικά λάθη
+   - Επαληθεύστε την ορθότητα και εκπαιδευτική αξία των παραδειγμάτων κώδικα
+   - Ελέγξτε ότι οι μεταφράσεις διατηρούν το αρχικό νόημα
 
-### Απαιτήσεις Συμβολής
+### Απαιτήσεις Συμμετοχής
 
-- Συμφωνήστε με το Microsoft CLA (αυτόματος έλεγχος στην πρώτη PR)
-- Ακολουθήστε τον [Κώδικα Συμπεριφοράς της Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/)
+- Συμφωνία με το Microsoft CLA (αυτοματοποιημένος έλεγχος στο πρώτο PR)
+- Ακολούθηση του [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
 - Δείτε το [CONTRIBUTING.md](./CONTRIBUTING.md) για λεπτομερείς οδηγίες
-- Αναφέρετε αριθμούς θεμάτων στην περιγραφή PR όπου ισχύει
+- Αναφορά αριθμού θεμάτων στην περιγραφή PR όταν ισχύει
 
 ### Διαδικασία Αναθεώρησης
 
-- Τα PR ελέγχονται από συντηρητές και την κοινότητα
+- Τα PR ελέγχονται από διαχειριστές και την κοινότητα
 - Δίνεται προτεραιότητα στην εκπαιδευτική σαφήνεια
 - Τα παραδείγματα κώδικα πρέπει να ακολουθούν τις τρέχουσες βέλτιστες πρακτικές
 - Οι μεταφράσεις ελέγχονται για ακρίβεια και πολιτισμική καταλληλότητα
 
 ## Σύστημα Μετάφρασης
 
-### Αυτόματη Μετάφραση
+### Αυτόματες Μεταφράσεις
 
 - Χρησιμοποιεί GitHub Actions με ροή εργασίας co-op-translator
-- Μεταφράζει αυτόματα σε 50+ γλώσσες
-- Αρχεία πηγής στους κύριους φακέλους
-- Μεταφρασμένα αρχεία στους φακέλους `translations/{language-code}/`
+- Μεταφράζει σε πάνω από 50 γλώσσες αυτόματα
+- Αρχεία πηγής στους κύριους καταλόγους
+- Μεταφρασμένα αρχεία σε φακέλους `translations/{language-code}/`
 
 ### Προσθήκη Χειροκίνητων Βελτιώσεων Μετάφρασης
 
-1. Εντοπίστε το αρχείο στο `translations/{language-code}/`
+1. Εντοπίστε το αρχείο σε `translations/{language-code}/`
 2. Κάντε βελτιώσεις διατηρώντας τη δομή
-3. Επιβεβαιώστε ότι τα παραδείγματα κώδικα είναι λειτουργικά
-4. Δοκιμάστε τυχόν τοπικοποιημένο περιεχόμενο κουίζ
+3. Βεβαιωθείτε ότι τα παραδείγματα κώδικα παραμένουν λειτουργικά
+4. Δοκιμάστε το τοπικευμένο περιεχόμενο κουίζ
 
 ### Μεταδεδομένα Μετάφρασης
 
-Τα μεταφρασμένα αρχεία περιλαμβάνουν κεφαλίδα μεταδεδομένων:
+Τα μεταφρασμένα αρχεία περιλαμβάνουν επικεφαλίδα μεταδεδομένων:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,91 +289,91 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Αποσφαλμάτωση και Επίλυση Προβλημάτων
+## Αντιμετώπιση Σφαλμάτων και Επίλυση Προβλημάτων
 
-### Συνήθη Προβλήματα
+### Συνηθισμένα Προβλήματα
 
-**Η εφαρμογή κουίζ δεν ξεκινά**:
-- Ελέγξτε την έκδοση Node.js (προτείνεται v14+)
-- Διαγράψτε τους φακέλους `node_modules` και το αρχείο `package-lock.json`, τρέξτε ξανά `npm install`
+**Αποτυχία εκκίνησης της εφαρμογής κουίζ**:
+- Ελέγξτε την έκδοση Node.js (συνιστάται v14+)
+- Διαγράψτε `node_modules` και `package-lock.json`, εκτελέστε ξανά `npm install`
 - Ελέγξτε για συγκρούσεις θυρών (προεπιλογή: Vite χρησιμοποιεί θύρα 5173)
 
-**Ο server API δεν ξεκινά**:
-- Βεβαιωθείτε ότι η έκδοση Node.js είναι >=10
-- Ελέγξτε αν η θύρα είναι ελεύθερη
-- Εξασφαλίστε ότι έχουν εγκατασταθεί όλες οι εξαρτήσεις με `npm install`
+**Ο διακομιστής API δεν ξεκινά**:
+- Επαληθεύστε ότι η έκδοση Node.js είναι επαρκής (node >=10)
+- Ελέγξτε αν η θύρα χρησιμοποιείται ήδη
+- Βεβαιωθείτε ότι όλες οι εξαρτήσεις έχουν εγκατασταθεί με `npm install`
 
-**Η επέκταση περιηγητή δεν φορτώνει**:
-- Βεβαιωθείτε ότι το manifest.json είναι σωστά μορφοποιημένο
-- Ελέγξτε για σφάλματα στην κονσόλα του περιηγητή
-- Ακολουθήστε τις οδηγίες εγκατάστασης της επέκτασης που είναι ειδικές για τον περιηγητή
+**Η επέκταση browser δεν φορτώνει**:
+- Επαληθεύστε ότι το manifest.json είναι σωστά μορφοποιημένο
+- Ελέγξτε την κονσόλα του browser για σφάλματα
+- Ακολουθήστε οδηγίες εγκατάστασης επεκτάσεων ειδικές για τον browser
 
-**Προβλήματα με το έργο συνομιλίας Python**:
-- Βεβαιωθείτε ότι έχει εγκατασταθεί το πακέτο OpenAI: `pip install openai`
-- Βεβαιωθείτε ότι η μεταβλητή περιβάλλοντος GITHUB_TOKEN υπάρχει
+**Προβλήματα με το έργο Python chat**:
+- Βεβαιωθείτε ότι το πακέτο OpenAI είναι εγκατεστημένο: `pip install openai`
+- Επαληθεύστε ότι το περιβαλλοντικό μεταβλητό GITHUB_TOKEN έχει οριστεί
 - Ελέγξτε τα δικαιώματα πρόσβασης στα GitHub Models
 
-**Τα Docsify δεν σερβίρουν τεκμηρίωση**:
-- Εγκαταστήστε το docsify-cli παγκοσμίως: `npm install -g docsify-cli`
-- Εκτελέστε από τη ρίζα του αποθετηρίου
+**Η Docsify δεν εξυπηρετεί τεκμηρίωση**:
+- Εγκαταστήστε docsify-cli παγκόσμια: `npm install -g docsify-cli`
+- Εκτελέστε από τον ριζικό φάκελο του αποθετηρίου
 - Ελέγξτε ότι υπάρχει το αρχείο `docs/_sidebar.md`
 
-### Συμβουλές Ανάπτυξης Περιβάλλοντος
+### Συμβουλές για Περιβάλλον Ανάπτυξης
 
-- Χρησιμοποιήστε VS Code με την επέκταση Live Server για έργα HTML
-- Εγκαταστήστε τις επεκτάσεις ESLint και Prettier για συνεπή μορφοποίηση
-- Χρησιμοποιήστε τα DevTools του περιηγητή για αποσφαλμάτωση JavaScript
-- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools στον περιηγητή
+- Χρησιμοποιήστε VS Code με επέκταση Live Server για HTML έργα
+- Εγκαταστήστε ESLint και Prettier για συνεπή μορφοποίηση
+- Χρησιμοποιήστε DevTools του browser για debugging JavaScript
+- Για έργα Vue, εγκαταστήστε την επέκταση Vue DevTools στον browser
 
-### Σκέψεις για την Απόδοση
+### Θέματα Απόδοσης
 
-- Μεγάλος αριθμός μεταφρασμένων αρχείων (50+ γλώσσες) σημαίνει μεγάλο μέγεθος κλώνου
-- Χρησιμοποιήστε shallow clone αν εργάζεστε μόνο στο περιεχόμενο: `git clone --depth 1`
-- Αποκλείστε τις μεταφράσεις από τις αναζητήσεις όταν δουλεύετε στα Αγγλικά
-- Οι διαδικασίες δημιουργίας μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, Vite build)
+- Ο μεγάλος αριθμός μεταφρασμένων αρχείων (πάνω από 50 γλώσσες) σημαίνει ότι οι πλήρεις κλωνοποιήσεις είναι μεγάλες
+- Χρησιμοποιήστε shallow clone αν εργάζεστε μόνο με περιεχόμενο: `git clone --depth 1`
+- Αποφύγετε τις μεταφράσεις στις αναζητήσεις όταν εργάζεστε με αγγλικό περιεχόμενο
+- Οι διαδικασίες κατασκευής μπορεί να είναι αργές στην πρώτη εκτέλεση (npm install, κατασκευή Vite)
 
-## Σκέψεις Ασφαλείας
+## Θέματα Ασφαλείας
 
-### Μεταβλητές Περιβάλλοντος
+### Περιβαλλοντικές Μεταβλητές
 
 - Τα κλειδιά API δεν πρέπει ποτέ να δεσμεύονται στο αποθετήριο
 - Χρησιμοποιήστε αρχεία `.env` (ήδη στο `.gitignore`)
-- Τεκμηριώστε τις απαιτούμενες μεταβλητές περιβάλλοντος στα README των έργων
+- Τεκμηριώστε τις απαιτούμενες περιβαλλοντικές μεταβλητές στα README των έργων
 
-### Έργα Python
+### Python Έργα
 
 - Χρησιμοποιήστε εικονικά περιβάλλοντα: `python -m venv venv`
-- Κρατάτε τις εξαρτήσεις ενημερωμένες
-- Τα tokens GitHub πρέπει να έχουν τα ελάχιστα απαραίτητα δικαιώματα
+- Διατηρήστε τις εξαρτήσεις ενημερωμένες
+- Τα GitHub tokens πρέπει να έχουν ελάχιστα απαραίτητα δικαιώματα
 
 ### Πρόσβαση σε GitHub Models
 
 - Απαιτούνται Personal Access Tokens (PAT) για GitHub Models
-- Τα tokens πρέπει να φυλάσσονται ως μεταβλητές περιβάλλοντος
+- Τα tokens πρέπει να αποθηκεύονται ως περιβαλλοντικές μεταβλητές
 - Ποτέ μην δεσμεύετε tokens ή διαπιστευτήρια
 
 ## Επιπλέον Σημειώσεις
 
-### Στοχευόμενο Κοινό
+### Στόχος Κοινού
 
-- Απόλυτοι αρχάριοι στην ανάπτυξη ιστού
-- Φοιτητές και αυτοδίδακτοι
-- Καθηγητές που χρησιμοποιούν το πρόγραμμα σπουδών στις τάξεις
+- Πλήρεις αρχάριοι στην ανάπτυξη ιστού
+- Μαθητές και αυτοδίδακτοι
+- Εκπαιδευτικοί που χρησιμοποιούν το πρόγραμμα σπουδών σε τάξεις
 - Το περιεχόμενο έχει σχεδιαστεί για προσβασιμότητα και σταδιακή ανάπτυξη δεξιοτήτων
 
 ### Εκπαιδευτική Φιλοσοφία
 
-- Προσέγγιση μάθησης βασισμένη σε έργα
-- Συχνές επαναλήψεις γνώσης (κουίζ)
-- Πρακτικές ασκήσεις κώδικα
-- Παραδείγματα εφαρμογών πραγματικού κόσμου
-- Εστίαση στις βασικές αρχές πριν τα frameworks
+- Προσέγγιση μάθησης μέσω έργων
+- Συχνές δοκιμές γνώσεων (κουίζ)
+- Πρακτικές ασκήσεις κωδικοποίησης
+- Παραδείγματα εφαρμογών σε πραγματικό κόσμο
+- Εστίαση στα βασικά πριν τα frameworks
 
 ### Συντήρηση Αποθετηρίου
 
-- Δραστήρια κοινότητα μαθητών και συνεργατών
+- Ενεργή κοινότητα μαθητών και συνεργατών
 - Τακτικές ενημερώσεις εξαρτήσεων και περιεχομένου
-- Παρακολούθηση θεμάτων και συζητήσεων από τους συντηρητές
+- Παρακολούθηση θεμάτων και συζητήσεων από τους διαχειριστές
 - Αυτόματες ενημερώσεις μεταφράσεων μέσω GitHub Actions
 
 ### Σχετικοί Πόροι
@@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
 - [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 διαθέσιμα
+- Επιπλέον μαθήματα: Generative AI, Data Science, ML, IoT curricula διαθέσιμα
 
 ### Εργασία με Συγκεκριμένα Έργα
 
-Για λεπτομερείς οδηγίες για τα επιμέρους έργα, ανατρέξτε στα αρχεία README σε:
-- `quiz-app/README.md` - Εφαρμογή κουίζ Vue 3
-- `7-bank-project/README.md` - Εφαρμογή τραπεζικού με αυθεντικοποίηση
-- `5-browser-extension/README.md` - Ανάπτυξη επέκτασης περιηγητή
-- `6-space-game/README.md` - Παιχνίδι βασισμένο σε canvas
+Για λεπτομερείς οδηγίες σε μεμονωμένα έργα, ανατρέξτε στα αρχεία README σε:
+- `quiz-app/README.md` - Εφαρμογή quiz με Vue 3
+- `7-bank-project/README.md` - Τραπεζική εφαρμογή με αυθεντικοποίηση
+- `5-browser-extension/README.md` - Ανάπτυξη επέκτασης browser
+- `6-space-game/README.md` - Ανάπτυξη παιχνιδιού βασισμένου σε Canvas
 - `9-chat-project/README.md` - Έργο βοηθού συνομιλίας AI
 
 ### Δομή Monorepo
 
-Παρόλο που δεν είναι παραδοσιακό monorepo, αυτό το αποθετήριο περιέχει πολλαπλά ανεξάρτητα έργα:
-- Κάθε μάθημα είναι αυτόνομο
+Αν και δεν είναι παραδοσιακό monorepo, αυτό το αποθετήριο περιέχει πολλαπλά ανεξάρτητα έργα:
+- Κάθε μάθημα είναι ανεξάρτητο
 - Τα έργα δεν μοιράζονται εξαρτήσεις
-- Εργαστείτε σε επιμέρους έργα χωρίς να επηρεάζετε άλλα
-- Κλωνοποιήστε ολόκληρο το αποθετήριο για πλήρη εμπειρία προγράμματος σπουδών
+- Εργαστείτε σε μεμονωμένα έργα χωρίς να επηρεάζετε τα άλλα
+- Κλωνοποιήστε ολόκληρο το αποθετήριο για την πλήρη εμπειρία προγράμματος σπουδών
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Αποποίηση Ευθύνης**:  
-Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που προσπαθούμε για ακρίβεια, παρακαλούμε να έχετε υπόψη ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η επίσημη πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική μετάφραση από ανθρώπους. Δεν φέρουμε ευθύνη για οποιεσδήποτε παρανοήσεις ή λανθασμένες ερμηνείες προκύψουν από τη χρήση αυτής της μετάφρασης.
+**Αποποίηση ευθυνών**:  
+Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλούμε να σημειώσετε ότι οι αυτοματοποιημένες μεταφράσεις μπορεί να περιέχουν λάθη ή ανακρίβειες. Το πρωτότυπο έγγραφο στη μητρική του γλώσσα θα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/el/README.md b/translations/el/README.md
index a396bff4d..602c8e4c3 100644
--- a/translations/el/README.md
+++ b/translations/el/README.md
@@ -10,70 +10,80 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Ανάπτυξη Ιστού για Αρχάριους - Ένα Πρόγραμμα Σπουδών
+# Ανάπτυξη Ιστού για Αρχαρίους - Ένα Πρόγραμμα Σπουδών
 
-Μάθετε τα βασικά της ανάπτυξης ιστού με το ολοκληρωμένο μας μάθημα 12 εβδομάδων από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσα από πρακτικά έργα όπως τεραρίουμ, επεκτάσεις προγράμματος περιήγησης και παιχνίδια στο διάστημα. Ασχοληθείτε με κουίζ, συζητήσεις και πρακτικές εργασίες. Αναβαθμίστε τις δεξιότητές σας και βελτιστοποιήστε την απορρόφηση γνώσεων με την αποτελεσματική παιδαγωγική βασισμένη σε έργα. Ξεκινήστε το ταξίδι σας στον κώδικα σήμερα!
+Μάθετε τα βασικά της ανάπτυξης ιστοσελίδων με το ολοκληρωμένο 12-εβδομαδιαίο μάθημά μας από τους Microsoft Cloud Advocates. Κάθε ένα από τα 24 μαθήματα εμβαθύνει σε JavaScript, CSS και HTML μέσω πρακτικών έργων όπως τεραριαμικά, επεκτάσεις προγράμματος περιήγησης και παιχνίδια στο διάστημα. Συμμετέχετε σε κουίζ, συζητήσεις και πρακτικές αναθέσεις. Βελτιώστε τις δεξιότητές σας και μεγιστοποιήστε τη διατήρηση γνώσεων με την αποτελεσματική παιδαγωγική μας που βασίζεται σε έργα. Ξεκινήστε το ταξίδι κωδικοποίησής σας σήμερα!
 
-Εγγραφείτε στην Κοινότητα Discord Azure AI Foundry
+Γίνετε μέλος της κοινότητας 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. **Δημιουργήστε 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. [**Εγγραφείτε στο Discord του Azure AI Foundry και γνωρίστε ειδικούς και άλλους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Γίνετε μέλος του Azure AI Foundry Discord και γνωρίστε ειδικούς και άλλους προγραμματιστές**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Υποστήριξη Πολλών Γλωσσών
+### 🌐 Υποστήριξη Πολλαπλών Γλωσσών
 
-#### Υποστηρίζεται μέσω GitHub Action (Αυτόματη & Πάντα Ενημερωμένη)
+#### Υποστηρίζεται μέσω GitHub Action (Αυτοματοποιημένα & Πάντα Ενημερωμένα)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](./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](../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 μεταφράσεις γλωσσών, που αυξάνουν σημαντικά το μέγεθος λήψης. Για να κλωνοποιήσετε χωρίς μεταφράσεις, χρησιμοποιήστε τον αραιό έλεγχο:
+>
+> **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"
+> ```
+>
 > Αυτό σας δίνει όλα όσα χρειάζεστε για να ολοκληρώσετε το μάθημα με πολύ πιο γρήγορη λήψη.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Εάν επιθυμείτε να υποστηριχθούν επιπλέον γλώσσες μετάφρασης, αυτές είναι καταγεγραμμένες [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Εάν επιθυμείτε να υποστηρίζονται επιπλέον γλώσσες μετάφρασης, αναφέρονται [εδώ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Άνοιγμα%20στο%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 Agent για να ολοκληρώσετε!
 
-Προστέθηκε νέα πρόκληση, αναζητήστε το "GitHub Copilot Agent Challenge 🚀" στα περισσότερα κεφάλαια. Αυτή είναι μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και το Agent mode. Αν δεν έχετε χρησιμοποιήσει το Agent mode πριν, μπορεί όχι μόνο να δημιουργεί κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα.
+Νέα πρόκληση προστέθηκε, ψάξτε για "GitHub Copilot Agent Challenge 🚀" στα περισσότερα κεφάλαια. Αυτή είναι μια νέα πρόκληση για να ολοκληρώσετε χρησιμοποιώντας το GitHub Copilot και τη λειτουργία Agent. Αν δεν έχετε χρησιμοποιήσει τη λειτουργία Agent πριν, μπορεί όχι μόνο να δημιουργεί κείμενο αλλά και να δημιουργεί και να επεξεργάζεται αρχεία, να εκτελεί εντολές και άλλα.
 
-### 📣 Ανακοίνωση - _Νέο έργο για κατασκευή με χρήση Γενετικής Τεχνητής Νοημοσύνης_ 
+### 📣 Ανακοίνωση - _Νέο Έργο για κατασκευή με τη χρήση Generative AI_
 
-Πρόσθετο νέο έργο Βοηθού AI, δείτε το [έργο](./9-chat-project/README.md)
+Πρόσφατα προστέθηκε ένα νέο έργο βοηθού AI, δείτε το [έργο](./9-chat-project/README.md)
 
-### 📣 Ανακοίνωση - _Νέο Πρόγραμμα Σπουδών_ για Γενετική Τεχνητή Νοημοσύνη σε JavaScript μόλις κυκλοφόρησε
+### 📣 Ανακοίνωση - _Νέο πρόγραμμα σπουδών_ για Generative AI για JavaScript μόλις κυκλοφόρησε
 
-Μην χάσετε το νέο μας πρόγραμμα σπουδών για Γενετική Τεχνητή Νοημοσύνη!
+Μην χάσετε το νέο μας πρόγραμμα σπουδών για Generative AI!
 
 Επισκεφθείτε [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) για να ξεκινήσετε!
 
 ![Background](../../translated_images/el/background.148a8d43afde5730.webp)
 
-- Μαθήματα που καλύπτουν από τα βασικά ως το RAG.
-- Αλληλεπιδράστε με ιστορικούς χαρακτήρες μέσω GenAI και της εφαρμογής συνοδού μας.
-- Διασκεδαστική και καλογραμμένη αφήγηση, θα ταξιδεύετε στο χρόνο!
+- Μαθήματα που καλύπτουν από τα βασικά μέχρι το RAG.
+- Αλληλεπιδράστε με ιστορικούς χαρακτήρες χρησιμοποιώντας GenAI και την companion εφαρμογή μας.
+- Διασκεδαστική και συναρπαστική αφήγηση, θα ταξιδεύετε στο χρόνο!
 
 ![character](../../translated_images/el/character.5c0dd8e067ffd693.webp)
 
 
-Κάθε μάθημα περιλαμβάνει μια εργασία για ολοκλήρωση, έναν έλεγχο γνώσης και μια πρόκληση για να σας καθοδηγήσει στη μάθηση θεμάτων όπως:
-- Εντολές και μηχανική εντολών
+Κάθε μάθημα περιλαμβάνει ανάθεση για ολοκλήρωση, έλεγχο γνώσεων και πρόκληση που σας καθοδηγούν στην εκμάθηση θεμάτων όπως:
+- Πώς να δημιουργείτε prompts και μηχανική prompts
 - Δημιουργία εφαρμογών κειμένου και εικόνας
 - Εφαρμογές αναζήτησης
 
@@ -83,130 +93,129 @@
 
 ## 🌱 Ξεκινώντας
 
-> **Καθηγητές**, έχουμε [περιλάβει μερικές προτάσεις](for-teachers.md) για το πώς να χρησιμοποιήσετε αυτό το πρόγραμμα σπουδών. Θα εκτιμούσαμε το feedback σας [στο φόρουμ συζητήσεών μας](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) για επιπλέον υλικό μελέτης.
 
 ### 📋 Ρύθμιση του περιβάλλοντός σας
 
-Αυτό το πρόγραμμα σπουδών έχει ένα περιβάλλον ανάπτυξης έτοιμο για χρήση! Καθώς ξεκινάτε, μπορείτε να επιλέξετε να τρέξετε το πρόγραμμα σε [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 το Αποθετήριο**: Κάντε κλικ στο κουμπί "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/el/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) ως επεξεργαστή, που επίσης διαθέτει ενσωματωμένο [Τερματικό](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)
-    Στη συνέχεια, ανοίξτε το [Τερματικό](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) και εκτελέστε την ακόλουθη εντολή, αντικαθιστώντας το `<your-repository-url>` με το URL που μόλις αντιγράψατε:
+
+    Στη συνέχεια, ανοίξτε το [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) και εκτελέστε την ακόλουθη εντολή, αντικαθιστώντας το `<your-repository-url>` με τη διεύθυνση URL που μόλις αντιγράψατε:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Ανοίξτε τον φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε κάνοντας κλικ στο **File** > **Open Folder** και επιλέγοντας τον φάκελο που μόλις κλωνοποιήσατε.
+2. Ανοίξτε το φάκελο στο Visual Studio Code. Μπορείτε να το κάνετε κάνοντας κλικ στο **File** > **Open Folder** και επιλέγοντας το φάκελο που μόλις κλωνοποιήσατε.
 
 
->  Συνιστώμενες επεκτάσεις για το Visual Studio Code:
+>  Προτεινόμενες επεκτάσεις Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - για προεπισκόπηση σελίδων HTML μέσα στο Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - για να σας βοηθήσει να γράφετε κώδικα πιο γρήγορα
 
 ## 📂 Κάθε μάθημα περιλαμβάνει:
 
-- προαιρετική σχεδίαση ιδεών (sketchnote)
+- προαιρετικό σκιτσάκι
 - προαιρετικό συμπληρωματικό βίντεο
-- προθέρμανση quiz πριν το μάθημα
+- προ-μαθησιακό quiz για προθέρμανση
 - γραπτό μάθημα
-- για μαθήματα βασισμένα σε project, οδηγίες βήμα προς βήμα για το πώς να χτίσετε το έργο
+- για μαθήματα βασισμένα σε έργα, οδηγούς βήμα προς βήμα για την κατασκευή του έργου
 - ελέγχους γνώσης
 - μια πρόκληση
 - συμπληρωματική ανάγνωση
-- εργασίες
-- [τεστ μετά το μάθημα](https://ff-quizzes.netlify.app/web/)
+- ανάθεση
+- [μετα-μαθησιακό quiz](https://ff-quizzes.netlify.app/web/)
 
-> **Μια σημείωση για τα κουίζ**: Όλα τα κουίζ βρίσκονται στον φάκελο Quiz-app, συνολικά 48 κουίζ με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/) και η εφαρμογή κουίζ μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στον φάκελο `quiz-app`.
+> **Σημείωση σχετικά με τα quiz**: Όλα τα quiz περιέχονται στο φάκελο Quiz-app, συνολικά 48 quiz με τρεις ερωτήσεις το καθένα. Είναι διαθέσιμα [εδώ](https://ff-quizzes.netlify.app/web/), η εφαρμογή quiz μπορεί να τρέξει τοπικά ή να αναπτυχθεί στο Azure· ακολουθήστε τις οδηγίες στον φάκελο `quiz-app`.
 
 ## 🗃️ Μαθήματα
 
-|     |                       Όνομα Έργου                       |                            Διδασκόμενες Έννοιες                             | Στόχοι Μάθησης                                                                                                                 |                                                         Σχετικό Μάθημα                                                          |         Συγγραφέας          |
+|     |                       Όνομα Έργου                       |                            Διδασκόμενες Έννοιες                             | Μαθησιακοί Στόχοι                                                                                                                 |                                                         Συνδεδεμένο Μάθημα                                                          |         Συγγραφέας          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Ξεκινώντας                      |           Εισαγωγή στον Προγραμματισμό και τα Εργαλεία του Επαγγέλματος           | Μάθετε τις βασικές αρχές πίσω από τις περισσότερες γλώσσες προγραμματισμού και για το λογισμικό που βοηθά τους επαγγελματίες προγραμματιστές να κάνουν τη δουλειά τους | [Εισαγωγή στις Γλώσσες Προγραμματισμού και στα Εργαλεία](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Ξεκινώντας                      |             Βασικά του GitHub, περιλαμβάνει τη συνεργασία με ομάδα             | Πώς να χρησιμοποιήσετε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε μια βάση κώδικα                                                    |                            [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Ξεκινώντας                      |                             Προσβασιμότητα                              | Μάθετε τα βασικά της προσβασιμότητας στον ιστό                                                                                               |                       [Βασικά της Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Βασικά JS                         |                         Τύποι Δεδομένων JavaScript                          | Τα βασικά των τύπων δεδομένων JavaScript                                                                                                 |                                       [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Βασικά JS                         |                         Συναρτήσεις και Μέθοδοι                          | Μάθετε για τις συναρτήσεις και τις μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής                                                             |                              [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 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 για να φτιάξετε ένα online terrarium, εστιάζοντας στη δημιουργία διάταξης                                                         |                                 [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS στην πράξη                             | Δημιουργήστε το CSS για το στυλιζάρισμα του online terrarium, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένου και του responsive design                     |                                  [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Κλεισίματα JavaScript, χειρισμός DOM                  | Δημιουργήστε τον JavaScript κώδικα για να κάνει το terrarium λειτουργικό ως interface με σύρσιμο και απόθεση, εστιάζοντας σε κλεισίματα και χειρισμό DOM             |                  [Κλεισίματα JavaScript, χειρισμός DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Παιχνίδι Πληκτρολόγησης](./4-typing-game/solution/README.md)          |                          Δημιουργία Παιχνιδιού Πληκτρολόγησης                           | Μάθετε πώς να χρησιμοποιείτε τα γεγονότα πληκτρολογίου για να οδηγήσετε τη λογική της εφαρμογής JavaScript                                                          |                                [Προγραμματισμός με Γεγονότα](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) |                         Εργασία με Περιηγητές                          | Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους και πώς να στήσετε τα πρώτα στοιχεία μιας επέκτασης περιηγητή                               |                               [Σχετικά με τους Περιηγητές](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στο τοπικό αποθετήριο | Δημιουργήστε τα στοιχεία JavaScript της επέκτασης περιηγητή σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές αποθηκευμένες στο τοπικό αποθετήριο                      |                [APIs, Φόρμες και Τοπικό Αποθετήριο](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) |          Διαδικασίες υπόβαθρου στον περιηγητή, απόδοση στον ιστό          | Χρησιμοποιήστε τις διαδικασίες υπόβαθρου για τη διαχείριση του εικονιδίου της επέκτασης· μάθετε για την απόδοση του ιστού και κάποιες βελτιστοποιήσεις για βελτίωση   |             [Εργασίες Υπόβαθρου και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |             Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript             | Μάθετε για την Κληρονομικότητα χρησιμοποιώντας τόσο Κλάσεις όσο και Σύνθεση και το μοτίβο Pub/Sub, σε προετοιμασία για την κατασκευή ενός παιχνιδιού              |                      [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                           Σχεδίαση σε καμβά                            | Μάθετε για το Canvas API, που χρησιμοποιείται για ζωγραφική στοιχείων στην οθόνη                                                                       |                                [Σχεδίαση σε Καμβά](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                   Κίνηση στοιχείων στην οθόνη                    | Ανακαλύψτε πώς τα στοιχεία μπορούν να κινηθούν χρησιμοποιώντας καρτεσιανές συντεταγμένες και το Canvas API                                            |                           [Κίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                          Ανίχνευση συγκρούσεων                           | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν μεταξύ τους χρησιμοποιώντας πατήματα πλήκτρων και διαθέτοντας λειτουργία ανάρρωσης για ομαλή απόδοση στο παιχνίδι    |                              [Ανίχνευση Σύγκρουσης](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                             Διατήρηση σκορ                              | Εκτελέστε μαθηματικούς υπολογισμούς βάσει της κατάστασης και απόδοσης του παιχνιδιού                                                                |                                    [Διατήρηση Σκορ](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                     Τερματισμός και επανεκκίνηση παιχνιδιού                     | Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς μεταβλητών                              |                                [Η Συνθήκη Τερματισμού](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                 Πρότυπα HTML και Διαδρομές σε μια Web Εφαρμογή                 | Μάθετε πώς να δημιουργήσετε τη δομή μιας πολυσέλιδης ιστοσελίδας χρησιμοποιώντας routing και πρότυπα HTML                             |                            [Πρότυπα HTML και Διαδρομές](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                  Δημιουργία Φόρμας Σύνδεσης και Εγγραφής                   | Μάθετε για τη δημιουργία φορμών και τη διαχείριση των διαδικασιών επικύρωσης                                                                          |                                           [Φόρμες](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                   Μέθοδοι Ανάκτησης και Χρήσης Δεδομένων                   | Πώς ρέουν τα δεδομένα μέσα και έξω από την εφαρμογή σας, πώς να τα ανακτάτε, να τα αποθηκεύετε και να τα απορρίπτετε                                                 |                                            [Δεδομένα](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                      Έννοιες Διαχείρισης Κατάστασης                      | Μάθετε πώς η εφαρμογή διατηρεί την κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά                                                              |                                [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Κώδικας Περιηγητή/VSCode](../../8-code-editor) | Εργασία με το VScode | Μάθετε πώς να χρησιμοποιείτε έναν επεξεργαστή κώδικα | [Χρήση επεξεργαστή κώδικα VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Βοηθοί Τεχνητής Νοημοσύνης](./9-chat-project/README.md) | Εργασία με AI | Μάθετε πώς να δημιουργήσετε τον δικό σας βοηθό τεχνητής νοημοσύνης | [Έργο Βοηθού AI](./9-chat-project/README.md) | Chris |
+| 01  |                     Ξεκινώντας                      |           Εισαγωγή στον Προγραμματισμό και τα Εργαλεία της Εργασίας           | Μάθετε τις βασικές αρχές πίσω από τις περισσότερες γλώσσες προγραμματισμού και για το λογισμικό που βοηθά τους επαγγελματίες προγραμματιστές να κάνουν τη δουλειά τους | [Εισαγωγή στις Γλώσσες Προγραμματισμού και Εργαλεία](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Ξεκινώντας                      |             Βασικά του GitHub, περιλαμβάνει συνεργασία με ομάδα             | Πώς να χρησιμοποιείτε το GitHub στο έργο σας, πώς να συνεργάζεστε με άλλους σε βάση κώδικα                                         |                            [Εισαγωγή στο GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Ξεκινώντας                      |                             Προσβασιμότητα                              | Μάθετε τα βασικά της προσβασιμότητας ιστού                                                                                          |                       [Βασικά της Προσβασιμότητας](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Βασικά JS                         |                         Τύποι Δεδομένων JavaScript                          | Τα βασικά των τύπων δεδομένων JavaScript                                                                                            |                                       [Τύποι Δεδομένων](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Βασικά JS                         |                         Συναρτήσεις και Μέθοδοι                          | Μάθετε για τις συναρτήσεις και μεθόδους για τη διαχείριση της ροής λογικής μιας εφαρμογής                                           |                              [Συναρτήσεις και Μέθοδοι](./2-js-basics/2-functions-methods/README.md)                               | Jasmine και Christopher |
+| 06  |                        Βασικά JS                         |                        Λήψη Αποφάσεων με JS                        | Μάθετε πώς να δημιουργείτε συνθήκες στον κώδικά σας χρησιμοποιώντας μεθόδους λήψης αποφάσεων                                        |                                 [Λήψη Αποφάσεων](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Βασικά JS                         |                            Πίνακες και Βρόχοι                            | Εργαστείτε με δεδομένα χρησιμοποιώντας πίνακες και βρόχους σε JavaScript                                                           |                                   [Πίνακες και Βρόχοι](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML στην Πράξη                            | Δημιουργήστε το HTML για ένα διαδικτυακό terrarium, εστιάζοντας στην κατασκευή μιας διάταξης                                        |                                 [Εισαγωγή στο HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS στην Πράξη                             | Δημιουργήστε το CSS για το στυλ του διαδικτυακού terrarium, εστιάζοντας στα βασικά του CSS, συμπεριλαμβανομένης της ανταπόκρισης της σελίδας |                                  [Εισαγωγή στο CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Κλεισίματα JavaScript, χειρισμός DOM                  | Δημιουργήστε τον JavaScript κώδικα για τη λειτουργία του terrarium ως διεπαφή drag/drop, εστιάζοντας στα κλεισίματα και χειρισμό DOM             |                  [Κλεισίματα JavaScript, χειρισμός DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Παιχνίδι Πληκτρολόγησης](./4-typing-game/solution/README.md)          |                          Δημιουργία Παιχνιδιού Πληκτρολόγησης                           | Μάθετε πώς να χρησιμοποιείτε τα γεγονότα πληκτρολογίου για να κατευθύνετε τη λογική της εφαρμογής JavaScript                          |                                [Προγραμματισμός με βάση τα γεγονότα](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) |                         Εργασία με Περιηγητές                          | Μάθετε πώς λειτουργούν οι περιηγητές, την ιστορία τους και πώς να στήσετε τα πρώτα στοιχεία επέκτασης περιηγητή                         |                               [Σχετικά με τους Περιηγητές](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) | Δημιουργία φόρμας, κλήση API και αποθήκευση μεταβλητών στο τοπικό αποθηκευτικό χώρο | Δημιουργήστε τα στοιχεία JavaScript της επέκτασης περιηγητή σας για να καλέσετε ένα API χρησιμοποιώντας μεταβλητές αποθηκευμένες τοπικά         |                [APIs, Φόρμες και Τοπική Αποθήκευση](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Πράσινη Επέκταση Περιηγητή](./5-browser-extension/solution/README.md) |          Φόντινες διεργασίες στον περιηγητή, απόδοση ιστοσελίδας          | Χρησιμοποιήστε τις φόντινες διεργασίες του περιηγητή για να διαχειριστείτε το εικονίδιο της επέκτασης· μάθετε για την απόδοση του ιστού και ορισμένες βελτιστοποιήσεις |             [Φόντινες εργασίες και Απόδοση](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |             Προχωρημένη Ανάπτυξη Παιχνιδιών με JavaScript             | Μάθετε για την Κληρονομικότητα χρησιμοποιώντας και Κλάσεις και Σύνθεση και το πρότυπο Pub/Sub, ως προετοιμασία για τη δημιουργία παιχνιδιού |                      [Εισαγωγή στην Προχωρημένη Ανάπτυξη Παιχνιδιών](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                           Σχεδίαση στον καμβά                            | Μάθετε για το Canvas API, που χρησιμοποιείται για να ζωγραφίζετε στοιχεία σε οθόνη                                                |                                [Σχεδίαση στον Καμβά](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                   Μετακίνηση στοιχείων στην οθόνη                    | Ανακαλύψτε πώς τα στοιχεία μπορούν να αποκτούν κίνηση χρησιμοποιώντας τα καρτεσιανά συντεταγμένα και το Canvas API                      |                           [Μετακίνηση Στοιχείων](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                          Ανίχνευση συγκρούσεων                           | Κάντε τα στοιχεία να συγκρούονται και να αντιδρούν το ένα στο άλλο χρησιμοποιώντας πατήματα και παρέχετε λειτουργία ψύξης για τη βελτίωση της απόδοσης του παιχνιδιού |                              [Ανίχνευση Συγκρούσεων](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                             Διατήρηση σκορ                              | Εκτελέστε μαθηματικούς υπολογισμούς με βάση την κατάσταση και απόδοση του παιχνιδιού                                                |                                    [Διατήρηση Σκορ](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Παιχνίδι Διαστήματος](./6-space-game/solution/README.md)           |                     Τερματισμός και επανεκκίνηση παιχνιδιού                     | Μάθετε για τον τερματισμό και την επανεκκίνηση του παιχνιδιού, συμπεριλαμβανομένου του καθαρισμού πόρων και της επαναφοράς τιμών μεταβλητών |                                [Η Συνθήκη Τερματισμού](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                 Πρότυπα HTML και Διαδρομές σε μια Ιστοσελίδα                 | Μάθετε πώς να δημιουργήσετε τη δομή μιας πολυσέλιδης ιστοσελίδας χρησιμοποιώντας δρομολόγηση και πρότυπα HTML                        |                            [Πρότυπα HTML και Διαδρομές](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                  Δημιουργία Φόρμας Εισόδου και Εγγραφής                   | Μάθετε για τη δημιουργία φορμών και τη διαχείριση ρουτινών ελέγχου                                                                  |                                           [Φόρμες](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                   Μέθοδοι Λήψης και Χρήσης Δεδομένων                   | Πώς τα δεδομένα ρέουν μέσα κι έξω από την εφαρμογή σας, πώς να τα λαμβάνετε, να τα αποθηκεύετε και να τα απορρίπτετε                  |                                            [Δεδομένα](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Εφαρμογή Τραπεζικής](./7-bank-project/solution/README.md)          |                      Έννοιες Διαχείρισης Κατάστασης                      | Μάθετε πώς η εφαρμογή σας διατηρεί κατάσταση και πώς να τη διαχειρίζεστε προγραμματιστικά                                           |                                [Διαχείριση Κατάστασης](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Κώδικας Browser/VScode](../../8-code-editor) | Εργασία με το VScode | Μάθετε πώς να χρησιμοποιείτε έναν επεξεργαστή κώδικα | [Χρήση του επεξεργαστή κώδικα VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Βοηθοί Τεχνητής Νοημοσύνης](./9-chat-project/README.md) | Εργασία με ΤΝ | Μάθετε πώς να φτιάξετε τον δικό σας βοηθό ΤΝ | [Έργο βοηθού ΤΝ](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Παιδαγωγική
 
 Το πρόγραμμα σπουδών μας έχει σχεδιαστεί με δύο βασικές παιδαγωγικές αρχές στο μυαλό:
 * μάθηση βασισμένη σε έργα
-* συχνά κουίζ
+* συχνά quiz
 
-Το πρόγραμμα διδάσκει τα βασικά της JavaScript, HTML και CSS, καθώς και τα πιο σύγχρονα εργαλεία και τεχνικές που χρησιμοποιούν οι σύγχρονοι προγραμματιστές ιστού. Οι μαθητές θα έχουν την ευκαιρία να αναπτύξουν πρακτική εμπειρία δημιουργώντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια οικολογική επέκταση περιηγητή, ένα παιχνίδι τύπου εισβολέα στο διάστημα και μια τραπεζική εφαρμογή για επιχειρήσεις. Μέχρι το τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει μια στέρεη κατανόηση της ανάπτυξης στον ιστό.
+Το πρόγραμμα διδάσκει τα βασικά του JavaScript, HTML και CSS, καθώς και τα πιο πρόσφατα εργαλεία και τεχνικές που χρησιμοποιούν οι σημερινοί προγραμματιστές ιστού. Οι σπουδαστές θα έχουν την ευκαιρία να αποκτήσουν πρακτική εμπειρία χτίζοντας ένα παιχνίδι πληκτρολόγησης, ένα εικονικό terrarium, μια φιλική προς το περιβάλλον επέκταση περιηγητή, ένα παιχνίδι τύπου space-invader και μια τραπεζική εφαρμογή για επιχειρήσεις. Μέχρι το τέλος της σειράς, οι μαθητές θα έχουν αποκτήσει σταθερή κατανόηση της ανάπτυξης ιστού.
 
-> 🎓 Μπορείτε να παρακολουθήσετε τα πρώτα μαθήματα αυτού του προγράμματος ως [Μονοπάτι Μάθησης](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) στο Microsoft Learn!
 
-Διασφαλίζοντας ότι το περιεχόμενο εναρμονίζεται με τα έργα, η διαδικασία γίνεται πιο ελκυστική για τους μαθητές και η διατήρηση των εννοιών ενισχύεται. Επίσης, γράψαμε αρκετά εισαγωγικά μαθήματα στα βασικά της 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 εβδομάδων.
+Επιπλέον, ένα ανεπίσημο quiz πριν από το μάθημα θέτει τον σκοπό του μαθητή προς την εκμάθηση μιας θεματικής ενότητας, ενώ ένα δεύτερο quiz μετά το μάθημα διασφαλίζει περαιτέρω διατήρηση. Αυτό το πρόγραμμα σπουδών έχει σχεδιαστεί ώστε να είναι ευέλικτο και διασκεδαστικό και μπορεί να παρακολουθηθεί στο σύνολό του ή μεμονωμένα τμήματα. Τα έργα ξεκινούν μικρά και γίνονται όλο και πιο σύνθετα μέχρι το τέλος του δωδεκαβδομαδιαίου κύκλου.
 
-Παρόλο που αποφεύγουμε εσκεμμένα την εισαγωγή πλαισίων εργασίας JavaScript για να εστιάσουμε στις βασικές δεξιότητες που χρειάζεται ένας προγραμματιστής ιστού πριν από την υιοθέτηση πλαισίου, ένα καλό επόμενο βήμα για την ολοκλήρωση αυτού του προγράμματος θα ήταν η εκμάθηση του 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.md) και [Συνεισφοράς](CONTRIBUTING.md). Καλωσορίζουμε τα εποικοδομητικά σας σχόλια!
+> Επισκεφτείτε τους [Κανόνες Συμπεριφοράς](CODE_OF_CONDUCT.md) και τις οδηγίες [Συμμετοχής](CONTRIBUTING.md). Καλωσορίζουμε τις εποικοδομητικές σας παρατηρήσεις!
 
 
 ## 🧭 Πρόσβαση εκτός σύνδεσης
 
-Μπορείτε να εκτελέσετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας το [Docsify](https://docsify.js.org/#/). Κάντε fork αυτό το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στη τοπική σας μηχανή και μετά στο ριζικό φάκελο αυτού του αποθετηρίου, πληκτρολογήστε `docsify serve`. Ο ιστότοπος θα σερβιριστεί στην πόρτα 3000 στον τοπικό σας υπολογιστή: `localhost:3000`.
+Μπορείτε να τρέξετε αυτή την τεκμηρίωση εκτός σύνδεσης χρησιμοποιώντας το [Docsify](https://docsify.js.org/#/). Κλωνοποιήστε το αποθετήριο, [εγκαταστήστε το Docsify](https://docsify.js.org/#/quickstart) στον τοπικό σας υπολογιστή και μετά στον ριζικό φάκελο του αποθετηρίου, πληκτρολογήστε `docsify serve`. Ο ιστότοπος θα σερβιριστεί στην θύρα 3000 στο τοπικό σας μηχάνημα: `localhost:3000`.
 
 ## 📘 PDF
-
-Ένα PDF με όλα τα μαθήματα μπορείτε να βρείτε [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+Ένα PDF με όλα τα μαθήματα μπορεί να βρεθεί [εδώ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Άλλα Μαθήματα
+
 Η ομάδα μας παράγει και άλλα μαθήματα! Δείτε:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -224,7 +233,7 @@
 
 ---
  
-### Σειρά για Δημιουργική Τεχνητή Νοημοσύνη
+### Σειρά για Τη Γενετική Τεχνητή Νοημοσύνη
 [![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)
@@ -232,7 +241,7 @@
 
 ---
  
-### Κεντρική Μάθηση
+### Βασική Μάθηση
 [![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)
@@ -251,11 +260,11 @@
 
 ## Λήψη Βοήθειας
 
-Αν κολλήσετε ή έχετε ερωτήσεις σχετικά με τη δημιουργία εφαρμογών AI, συμμετάσχετε με άλλους μαθητές και έμπειρους προγραμματιστές σε συζητήσεις σχετικά με το MCP. Είναι μια υποστηρικτική κοινότητα όπου οι ερωτήσεις είναι ευπρόσδεκτες και η γνώση μοιράζεται ελεύθερα.
+Αν κολλήσετε ή έχετε απορίες σχετικά με την ανάπτυξη εφαρμογών ΤΝ, συμμετάσχετε σε συζητήσεις με άλλους μαθητές και έμπειρους προγραμματιστές για το 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)
 
@@ -266,6 +275,6 @@
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Απόρρητο**:  
-Αυτό το έγγραφο έχει μεταφραστεί χρησιμοποιώντας υπηρεσία μετάφρασης με τεχνητή νοημοσύνη [Co-op Translator](https://github.com/Azure/co-op-translator). Παρόλο που επιδιώκουμε την ακρίβεια, παρακαλείστε να γνωρίζετε ότι οι αυτοματοποιημένες μεταφράσεις μπορεί να περιέχουν σφάλματα ή ανακρίβειες. Το πρωτότυπο έγγραφο στη γλώσσα του θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική μετάφραση από ανθρώπινο μεταφραστή. Δεν φέρουμε ευθύνη για τυχόν παρερμηνείες ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.
+**Αποποίηση ευθυνών**:  
+Το παρόν έγγραφο έχει μεταφραστεί χρησιμοποιώντας την υπηρεσία αυτόματης μετάφρασης AI [Co-op Translator](https://github.com/Azure/co-op-translator). Παρότι προσπαθούμε για ακρίβεια, παρακαλούμε να σημειώσετε ότι οι αυτόματες μεταφράσεις ενδέχεται να περιέχουν λάθη ή ανακρίβειες. Το αρχικό έγγραφο στη μητρική του γλώσσα πρέπει να θεωρείται η αυθεντική πηγή. Για κρίσιμες πληροφορίες, συνιστάται επαγγελματική ανθρώπινη μετάφραση. Δεν φέρουμε ευθύνη για τυχόν παρεξηγήσεις ή λανθασμένες ερμηνείες που προκύπτουν από τη χρήση αυτής της μετάφρασης.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/.co-op-translator.json b/translations/en/.co-op-translator.json
new file mode 100644
index 000000000..51d15da1c
--- /dev/null
+++ b/translations/en/.co-op-translator.json
@@ -0,0 +1,584 @@
+{
+  "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T11:35:13+00:00",
+    "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
+    "language_code": "en"
+  },
+  "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md": {
+    "original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
+    "translation_date": "2026-03-06T11:35:29+00:00",
+    "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
+    "language_code": "en"
+  },
+  "1-getting-started-lessons/2-github-basics/README.md": {
+    "original_hash": "5c383cc2cc23bb164b06417d1c107a44",
+    "translation_date": "2026-03-06T11:37:58+00:00",
+    "source_file": "1-getting-started-lessons/2-github-basics/README.md",
+    "language_code": "en"
+  },
+  "1-getting-started-lessons/3-accessibility/README.md": {
+    "original_hash": "7f2c48e04754724123ea100a822765e5",
+    "translation_date": "2026-03-06T11:31:39+00:00",
+    "source_file": "1-getting-started-lessons/3-accessibility/README.md",
+    "language_code": "en"
+  },
+  "1-getting-started-lessons/3-accessibility/assignment.md": {
+    "original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d",
+    "translation_date": "2026-03-06T11:32:26+00:00",
+    "source_file": "1-getting-started-lessons/3-accessibility/assignment.md",
+    "language_code": "en"
+  },
+  "1-getting-started-lessons/README.md": {
+    "original_hash": "770d9f83dddc841c19f210dee5fe0712",
+    "translation_date": "2025-10-03T13:25:08+00:00",
+    "source_file": "1-getting-started-lessons/README.md",
+    "language_code": "en"
+  },
+  "10-ai-framework-project/README.md": {
+    "original_hash": "3925b6a1c31c60755eaae4d578232c25",
+    "translation_date": "2026-03-06T10:39:12+00:00",
+    "source_file": "10-ai-framework-project/README.md",
+    "language_code": "en"
+  },
+  "2-js-basics/1-data-types/README.md": {
+    "original_hash": "672b0bb6e8b431075f3bdb7130590d2d",
+    "translation_date": "2026-03-06T10:48:37+00:00",
+    "source_file": "2-js-basics/1-data-types/README.md",
+    "language_code": "en"
+  },
+  "2-js-basics/1-data-types/assignment.md": {
+    "original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5",
+    "translation_date": "2026-03-06T10:48:45+00:00",
+    "source_file": "2-js-basics/1-data-types/assignment.md",
+    "language_code": "en"
+  },
+  "2-js-basics/2-functions-methods/README.md": {
+    "original_hash": "71f7d7dafa1c7194d79ddac87f669ff9",
+    "translation_date": "2026-03-06T10:46:37+00:00",
+    "source_file": "2-js-basics/2-functions-methods/README.md",
+    "language_code": "en"
+  },
+  "2-js-basics/2-functions-methods/assignment.md": {
+    "original_hash": "8328f58f4593b4671656ff8f4b2edbd9",
+    "translation_date": "2026-03-06T10:46:50+00:00",
+    "source_file": "2-js-basics/2-functions-methods/assignment.md",
+    "language_code": "en"
+  },
+  "2-js-basics/3-making-decisions/README.md": {
+    "original_hash": "c688385d15dd3645e924ea0ffee8967f",
+    "translation_date": "2026-03-06T10:50:36+00:00",
+    "source_file": "2-js-basics/3-making-decisions/README.md",
+    "language_code": "en"
+  },
+  "2-js-basics/3-making-decisions/assignment.md": {
+    "original_hash": "ffe366b2d1f037b99fbadbe1dc81083d",
+    "translation_date": "2026-03-06T10:50:56+00:00",
+    "source_file": "2-js-basics/3-making-decisions/assignment.md",
+    "language_code": "en"
+  },
+  "2-js-basics/4-arrays-loops/README.md": {
+    "original_hash": "1710a50a519a6e4a1b40a5638783018d",
+    "translation_date": "2026-03-06T10:52:54+00:00",
+    "source_file": "2-js-basics/4-arrays-loops/README.md",
+    "language_code": "en"
+  },
+  "2-js-basics/4-arrays-loops/assignment.md": {
+    "original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4",
+    "translation_date": "2026-03-06T10:53:08+00:00",
+    "source_file": "2-js-basics/4-arrays-loops/assignment.md",
+    "language_code": "en"
+  },
+  "2-js-basics/README.md": {
+    "original_hash": "cc9e70a2f096c67389c8acff1521fc27",
+    "translation_date": "2025-08-28T11:39:19+00:00",
+    "source_file": "2-js-basics/README.md",
+    "language_code": "en"
+  },
+  "3-terrarium/1-intro-to-html/README.md": {
+    "original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74",
+    "translation_date": "2026-03-06T11:24:57+00:00",
+    "source_file": "3-terrarium/1-intro-to-html/README.md",
+    "language_code": "en"
+  },
+  "3-terrarium/1-intro-to-html/assignment.md": {
+    "original_hash": "650e63282e1dfa032890fcf5c1c4119d",
+    "translation_date": "2026-03-06T11:25:17+00:00",
+    "source_file": "3-terrarium/1-intro-to-html/assignment.md",
+    "language_code": "en"
+  },
+  "3-terrarium/2-intro-to-css/README.md": {
+    "original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d",
+    "translation_date": "2026-03-06T11:28:35+00:00",
+    "source_file": "3-terrarium/2-intro-to-css/README.md",
+    "language_code": "en"
+  },
+  "3-terrarium/2-intro-to-css/assignment.md": {
+    "original_hash": "bee6762d4092a13fc7c338814963f980",
+    "translation_date": "2026-03-06T11:28:50+00:00",
+    "source_file": "3-terrarium/2-intro-to-css/assignment.md",
+    "language_code": "en"
+  },
+  "3-terrarium/3-intro-to-DOM-and-closures/README.md": {
+    "original_hash": "973e48ad87d67bf5bb819746c9f8e302",
+    "translation_date": "2026-03-06T11:27:00+00:00",
+    "source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md",
+    "language_code": "en"
+  },
+  "3-terrarium/3-intro-to-DOM-and-closures/assignment.md": {
+    "original_hash": "947ca5ce7c94aee9c7de7034e762bc17",
+    "translation_date": "2026-03-06T11:27:21+00:00",
+    "source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md",
+    "language_code": "en"
+  },
+  "3-terrarium/README.md": {
+    "original_hash": "bc5c5550f79d10add90ce419ee34abb3",
+    "translation_date": "2026-03-06T10:40:00+00:00",
+    "source_file": "3-terrarium/README.md",
+    "language_code": "en"
+  },
+  "3-terrarium/solution/README.md": {
+    "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
+    "translation_date": "2025-08-28T11:50:16+00:00",
+    "source_file": "3-terrarium/solution/README.md",
+    "language_code": "en"
+  },
+  "4-typing-game/README.md": {
+    "original_hash": "efa2ab875b8bb5a7883816506da6b6d2",
+    "translation_date": "2026-03-06T10:39:54+00:00",
+    "source_file": "4-typing-game/README.md",
+    "language_code": "en"
+  },
+  "4-typing-game/solution/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:58:40+00:00",
+    "source_file": "4-typing-game/solution/README.md",
+    "language_code": "en"
+  },
+  "4-typing-game/typing-game/README.md": {
+    "original_hash": "da8bc72041a2bb3826a54654ee1a8844",
+    "translation_date": "2026-03-06T11:23:27+00:00",
+    "source_file": "4-typing-game/typing-game/README.md",
+    "language_code": "en"
+  },
+  "4-typing-game/typing-game/assignment.md": {
+    "original_hash": "3eac59d70e2532a677a2ce6bf765485a",
+    "translation_date": "2026-03-06T11:23:39+00:00",
+    "source_file": "4-typing-game/typing-game/assignment.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/1-about-browsers/README.md": {
+    "original_hash": "00aa85715e1efd4930c17a23e3012e69",
+    "translation_date": "2026-03-06T11:11:23+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/README.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/1-about-browsers/assignment.md": {
+    "original_hash": "b6897c02603d0045dd6d8256e8714baa",
+    "translation_date": "2026-03-06T11:11:39+00:00",
+    "source_file": "5-browser-extension/1-about-browsers/assignment.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/2-forms-browsers-local-storage/README.md": {
+    "original_hash": "2b6203a48c48d8234e0948353b47d84e",
+    "translation_date": "2026-03-06T11:07:39+00:00",
+    "source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/2-forms-browsers-local-storage/assignment.md": {
+    "original_hash": "25b8d28b8531352d4eb67291fd7824c4",
+    "translation_date": "2026-03-06T11:07:57+00:00",
+    "source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/3-background-tasks-and-performance/README.md": {
+    "original_hash": "b275fed2c6fc90d2b9b6661a3225faa2",
+    "translation_date": "2026-03-06T11:09:37+00:00",
+    "source_file": "5-browser-extension/3-background-tasks-and-performance/README.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/3-background-tasks-and-performance/assignment.md": {
+    "original_hash": "a203e560e58ccc6ba68bffc40c7c8676",
+    "translation_date": "2026-03-06T11:09:58+00:00",
+    "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/README.md": {
+    "original_hash": "b121a279a6ab39878491f3e572673515",
+    "translation_date": "2025-08-28T11:22:58+00:00",
+    "source_file": "5-browser-extension/README.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/README.md": {
+    "original_hash": "fab4e6b4f0efcd587a9029d82991f597",
+    "translation_date": "2025-08-28T11:27:00+00:00",
+    "source_file": "5-browser-extension/solution/README.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.es.md": {
+    "original_hash": "cbaf73f94a9ab4c680a10ef871e92948",
+    "translation_date": "2025-08-28T11:28:22+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.es.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.fr.md": {
+    "original_hash": "9361268ca430b2579375009e1eceb5e5",
+    "translation_date": "2025-08-28T11:29:07+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.fr.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.hi.md": {
+    "original_hash": "dd58ae1b7707034f055718c1b68bc8de",
+    "translation_date": "2025-08-28T11:27:20+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.hi.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.it.md": {
+    "original_hash": "9a6b22a2eff0f499b66236be973b24ad",
+    "translation_date": "2025-08-28T11:27:41+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.it.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.ja.md": {
+    "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d",
+    "translation_date": "2025-08-28T11:28:01+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.ja.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/solution/translation/README.ms.md": {
+    "original_hash": "21b364c158c8e4f698de65eeac16c9fe",
+    "translation_date": "2025-08-28T11:28:46+00:00",
+    "source_file": "5-browser-extension/solution/translation/README.ms.md",
+    "language_code": "en"
+  },
+  "5-browser-extension/start/README.md": {
+    "original_hash": "26fd39046d264ba185dcb086d3a8cf3e",
+    "translation_date": "2025-08-28T11:26:41+00:00",
+    "source_file": "5-browser-extension/start/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/1-introduction/README.md": {
+    "original_hash": "a6332a7bb4d0be3bfd24199c83993777",
+    "translation_date": "2026-03-06T11:03:38+00:00",
+    "source_file": "6-space-game/1-introduction/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/1-introduction/assignment.md": {
+    "original_hash": "c8fc39a014d08247c082878122e2ba73",
+    "translation_date": "2026-03-06T11:03:54+00:00",
+    "source_file": "6-space-game/1-introduction/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/2-drawing-to-canvas/README.md": {
+    "original_hash": "7994743c5b21fdcceb36307916ef249a",
+    "translation_date": "2026-03-06T10:58:48+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/2-drawing-to-canvas/assignment.md": {
+    "original_hash": "87cd43afe5b69dbbffb5c4b209ea6791",
+    "translation_date": "2026-03-06T10:58:59+00:00",
+    "source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/3-moving-elements-around/README.md": {
+    "original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09",
+    "translation_date": "2026-03-06T11:05:43+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/3-moving-elements-around/assignment.md": {
+    "original_hash": "c162b3b3a1cafc1483c8015e9b266f0d",
+    "translation_date": "2026-03-06T11:05:53+00:00",
+    "source_file": "6-space-game/3-moving-elements-around/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/4-collision-detection/README.md": {
+    "original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c",
+    "translation_date": "2026-03-06T10:57:05+00:00",
+    "source_file": "6-space-game/4-collision-detection/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/4-collision-detection/assignment.md": {
+    "original_hash": "124efddbb65166cddb38075ad6dae324",
+    "translation_date": "2026-03-06T10:57:16+00:00",
+    "source_file": "6-space-game/4-collision-detection/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/4-collision-detection/solution/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:35:46+00:00",
+    "source_file": "6-space-game/4-collision-detection/solution/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/4-collision-detection/your-work/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:35:55+00:00",
+    "source_file": "6-space-game/4-collision-detection/your-work/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/5-keeping-score/README.md": {
+    "original_hash": "2ed9145a16cf576faa2a973dff84d099",
+    "translation_date": "2026-03-06T11:01:59+00:00",
+    "source_file": "6-space-game/5-keeping-score/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/5-keeping-score/assignment.md": {
+    "original_hash": "81f292dbda01685b91735e0398dc0504",
+    "translation_date": "2025-08-28T11:34:09+00:00",
+    "source_file": "6-space-game/5-keeping-score/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/5-keeping-score/solution/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:34:21+00:00",
+    "source_file": "6-space-game/5-keeping-score/solution/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/5-keeping-score/your-work/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:34:30+00:00",
+    "source_file": "6-space-game/5-keeping-score/your-work/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/6-end-condition/README.md": {
+    "original_hash": "a4b78043f4d64bf3ee24e0689b8b391d",
+    "translation_date": "2026-03-06T11:00:22+00:00",
+    "source_file": "6-space-game/6-end-condition/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/6-end-condition/assignment.md": {
+    "original_hash": "232d592791465c1678cab3a2bb6cd3e8",
+    "translation_date": "2026-03-06T11:00:50+00:00",
+    "source_file": "6-space-game/6-end-condition/assignment.md",
+    "language_code": "en"
+  },
+  "6-space-game/6-end-condition/solution/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:38:05+00:00",
+    "source_file": "6-space-game/6-end-condition/solution/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/6-end-condition/your-work/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:38:14+00:00",
+    "source_file": "6-space-game/6-end-condition/your-work/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/README.md": {
+    "original_hash": "c40a698395ee5102715f7880bba3f2e7",
+    "translation_date": "2025-08-28T11:31:47+00:00",
+    "source_file": "6-space-game/README.md",
+    "language_code": "en"
+  },
+  "6-space-game/solution/README.md": {
+    "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
+    "translation_date": "2025-08-28T11:34:38+00:00",
+    "source_file": "6-space-game/solution/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/1-template-route/README.md": {
+    "original_hash": "351678bece18f07d9daa987a881fb062",
+    "translation_date": "2026-03-06T11:16:13+00:00",
+    "source_file": "7-bank-project/1-template-route/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/1-template-route/assignment.md": {
+    "original_hash": "df0dcecddcd28ea8cbf6ede0ad57d673",
+    "translation_date": "2026-03-06T11:16:24+00:00",
+    "source_file": "7-bank-project/1-template-route/assignment.md",
+    "language_code": "en"
+  },
+  "7-bank-project/2-forms/README.md": {
+    "original_hash": "7cbdbd132d39a2bb493e85bc2a9387cc",
+    "translation_date": "2026-03-06T11:13:46+00:00",
+    "source_file": "7-bank-project/2-forms/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/2-forms/assignment.md": {
+    "original_hash": "efb01fcafd2ef40c593a6e662fc938a8",
+    "translation_date": "2026-03-06T11:14:07+00:00",
+    "source_file": "7-bank-project/2-forms/assignment.md",
+    "language_code": "en"
+  },
+  "7-bank-project/3-data/README.md": {
+    "original_hash": "86ee5069f27ea3151389d8687c95fac9",
+    "translation_date": "2026-03-06T11:18:59+00:00",
+    "source_file": "7-bank-project/3-data/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/3-data/assignment.md": {
+    "original_hash": "d0a02cb117e91a5b5f24178080068a3d",
+    "translation_date": "2026-03-06T11:19:20+00:00",
+    "source_file": "7-bank-project/3-data/assignment.md",
+    "language_code": "en"
+  },
+  "7-bank-project/4-state-management/README.md": {
+    "original_hash": "b807b09df716dc48a2b750835bf8e933",
+    "translation_date": "2026-03-06T11:21:23+00:00",
+    "source_file": "7-bank-project/4-state-management/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/4-state-management/assignment.md": {
+    "original_hash": "50a7783473b39a2e0f133e271a102231",
+    "translation_date": "2026-03-06T11:21:50+00:00",
+    "source_file": "7-bank-project/4-state-management/assignment.md",
+    "language_code": "en"
+  },
+  "7-bank-project/README.md": {
+    "original_hash": "830359535306594b448db6575ce5cdee",
+    "translation_date": "2025-08-28T11:13:52+00:00",
+    "source_file": "7-bank-project/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/api/README.md": {
+    "original_hash": "9884f8c8a61cf56214450f8b16a094ce",
+    "translation_date": "2025-08-28T11:16:11+00:00",
+    "source_file": "7-bank-project/api/README.md",
+    "language_code": "en"
+  },
+  "7-bank-project/solution/README.md": {
+    "original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9",
+    "translation_date": "2025-08-28T11:16:34+00:00",
+    "source_file": "7-bank-project/solution/README.md",
+    "language_code": "en"
+  },
+  "8-code-editor/1-using-a-code-editor/README.md": {
+    "original_hash": "a9a3bcc037a447e2d8994d99e871cd9f",
+    "translation_date": "2026-03-06T10:54:48+00:00",
+    "source_file": "8-code-editor/1-using-a-code-editor/README.md",
+    "language_code": "en"
+  },
+  "8-code-editor/1-using-a-code-editor/assignment.md": {
+    "original_hash": "effe56ba51c38d7bdfad1ea38288666b",
+    "translation_date": "2026-03-06T10:55:36+00:00",
+    "source_file": "8-code-editor/1-using-a-code-editor/assignment.md",
+    "language_code": "en"
+  },
+  "9-chat-project/README.md": {
+    "original_hash": "2066c17078e9d18b5e309f31d8e8bc24",
+    "translation_date": "2026-03-06T10:44:47+00:00",
+    "source_file": "9-chat-project/README.md",
+    "language_code": "en"
+  },
+  "9-chat-project/solution/README.md": {
+    "original_hash": "cb549dcad8eea3221cb89793aeaa3bb3",
+    "translation_date": "2025-09-01T15:17:50+00:00",
+    "source_file": "9-chat-project/solution/README.md",
+    "language_code": "en"
+  },
+  "9-chat-project/solution/backend/README.md": {
+    "original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af",
+    "translation_date": "2025-09-01T15:41:51+00:00",
+    "source_file": "9-chat-project/solution/backend/README.md",
+    "language_code": "en"
+  },
+  "9-chat-project/solution/backend/python/README.md": {
+    "original_hash": "0aaa930f076f2d83cc872ad157f8ffd3",
+    "translation_date": "2026-03-06T11:38:06+00:00",
+    "source_file": "9-chat-project/solution/backend/python/README.md",
+    "language_code": "en"
+  },
+  "9-chat-project/solution/frontend/README.md": {
+    "original_hash": "7746a470be8fc7f736eb1b43ebb710ee",
+    "translation_date": "2025-09-01T15:50:34+00:00",
+    "source_file": "9-chat-project/solution/frontend/README.md",
+    "language_code": "en"
+  },
+  "AGENTS.md": {
+    "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
+    "translation_date": "2025-10-03T11:11:50+00:00",
+    "source_file": "AGENTS.md",
+    "language_code": "en"
+  },
+  "CODE_OF_CONDUCT.md": {
+    "original_hash": "b0a9b4cccd918195f58224d5793da1a6",
+    "translation_date": "2025-08-28T11:13:41+00:00",
+    "source_file": "CODE_OF_CONDUCT.md",
+    "language_code": "en"
+  },
+  "CONTRIBUTING.md": {
+    "original_hash": "777400e9f0336c7ee2f9a1200a88478f",
+    "translation_date": "2025-08-28T11:12:28+00:00",
+    "source_file": "CONTRIBUTING.md",
+    "language_code": "en"
+  },
+  "Git-Basics/README.md": {
+    "original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a",
+    "translation_date": "2025-10-03T15:43:56+00:00",
+    "source_file": "Git-Basics/README.md",
+    "language_code": "en"
+  },
+  "README.md": {
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T10:36:58+00:00",
+    "source_file": "README.md",
+    "language_code": "en"
+  },
+  "Roadmap.md": {
+    "original_hash": "28bf6185fd7f27b62ddc210514366192",
+    "translation_date": "2026-03-06T11:54:38+00:00",
+    "source_file": "Roadmap.md",
+    "language_code": "en"
+  },
+  "SECURITY.md": {
+    "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228",
+    "translation_date": "2025-08-28T11:12:43+00:00",
+    "source_file": "SECURITY.md",
+    "language_code": "en"
+  },
+  "SUPPORT.md": {
+    "original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a",
+    "translation_date": "2025-08-28T11:12:03+00:00",
+    "source_file": "SUPPORT.md",
+    "language_code": "en"
+  },
+  "_404.md": {
+    "original_hash": "ea9f0804bd62f46d9808e953ec7fc459",
+    "translation_date": "2025-08-28T11:12:17+00:00",
+    "source_file": "_404.md",
+    "language_code": "en"
+  },
+  "docs/_navbar.md": {
+    "original_hash": "3bd2f51ecf4ac9b39277cba748943793",
+    "translation_date": "2025-08-28T11:47:45+00:00",
+    "source_file": "docs/_navbar.md",
+    "language_code": "en"
+  },
+  "docs/_sidebar.md": {
+    "original_hash": "655c91b5979de46f1d70d97f0c5f1d14",
+    "translation_date": "2025-08-28T11:47:26+00:00",
+    "source_file": "docs/_sidebar.md",
+    "language_code": "en"
+  },
+  "for-teachers.md": {
+    "original_hash": "71009af209f81cc01a1f2d324200375f",
+    "translation_date": "2025-10-03T08:19:51+00:00",
+    "source_file": "for-teachers.md",
+    "language_code": "en"
+  },
+  "lesson-template/README.md": {
+    "original_hash": "0494be70ad7fadd13a8c3d549c23e355",
+    "translation_date": "2025-08-28T11:48:01+00:00",
+    "source_file": "lesson-template/README.md",
+    "language_code": "en"
+  },
+  "lesson-template/assignment.md": {
+    "original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130",
+    "translation_date": "2025-08-28T11:48:16+00:00",
+    "source_file": "lesson-template/assignment.md",
+    "language_code": "en"
+  },
+  "memory-game/README.md": {
+    "original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7",
+    "translation_date": "2025-10-03T11:52:55+00:00",
+    "source_file": "memory-game/README.md",
+    "language_code": "en"
+  },
+  "quiz-app/README.md": {
+    "original_hash": "5301875c55bb305e6046bed3a4fd06d2",
+    "translation_date": "2025-08-28T11:53:58+00:00",
+    "source_file": "quiz-app/README.md",
+    "language_code": "en"
+  }
+}
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index a46afa139..c6c31b1da 100644
--- a/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,64 +1,238 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "2581528206a2a01c3a0b9c88e039b7bc",
-  "translation_date": "2025-10-03T08:21:58+00:00",
-  "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
-  "language_code": "en"
-}
--->
-# Introduction to Programming Languages and Tools of the Trade
+# Introduction to Programming Languages and Modern Developer Tools
+ 
+Hey there, future developer! 👋 Can I tell you something that still gives me chills every single day? You're about to discover that programming isn't just about computers – it's about having actual superpowers to bring your wildest ideas to life!
+
+You know that moment when you're using your favorite app and everything just clicks perfectly? When you tap a button and something absolutely magical happens that makes you go "wow, how did they DO that?" Well, someone just like you – probably sitting in their favorite coffee shop at 2 AM with their third espresso – wrote the code that created that magic. And here's what's going to blow your mind: by the end of this lesson, you'll not only understand how they did it, but you'll be itching to try it yourself!
+
+Look, I totally get it if programming feels intimidating right now. When I first started, I honestly thought you needed to be some kind of math genius or have been coding since you were five years old. But here's what completely changed my perspective: programming is exactly like learning to have conversations in a new language. You start with "hello" and "thank you," then work up to ordering coffee, and before you know it, you're having deep philosophical discussions! Except in this case, you're having conversations with computers, and honestly? They're the most patient conversation partners you'll ever have – they never judge your mistakes and they're always excited to try again!
 
-This lesson introduces the fundamentals of programming languages. The topics discussed here are relevant to most modern programming languages today. In the 'Tools of the Trade' section, you'll explore software that can assist you as a developer.
+Today, we're going to explore the incredible tools that make modern web development not just possible, but seriously addictive. I'm talking about the exact same editors, browsers, and workflows that developers at Netflix, Spotify, and your favorite indie app studio use every single day. And here's the part that's going to make you do a happy dance: most of these professional-grade, industry-standard tools are completely free!
 
-![Intro Programming](../../../../translated_images/en/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.png)
+![Intro Programming](../../../../translated_images/en/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
-## Pre-Lecture Quiz
-[Pre-lecture quiz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+```mermaid
+journey
+    title Your Programming Journey Today
+    section Discover
+      What is Programming: 5: You
+      Programming Languages: 4: You
+      Tools Overview: 5: You
+    section Explore
+      Code Editors: 4: You
+      Browsers & DevTools: 5: You
+      Command Line: 3: You
+    section Practice
+      Language Detective: 4: You
+      Tool Exploration: 5: You
+      Community Connection: 5: You
+```
+## Let's See What You Already Know!
+
+Before we jump into the fun stuff, I'm curious – what do you already know about this programming world? And listen, if you're looking at these questions thinking "I literally have zero clue about any of this," that's not just okay, it's perfect! That means you're in exactly the right place. Think of this quiz like stretching before a workout – we're just warming up those brain muscles!
+
+[Take the pre-lesson quiz](https://ff-quizzes.netlify.app/web/)
+
+
+## The Adventure We're About to Go On Together
+
+Okay, I am genuinely bouncing with excitement about what we're going to explore today! Seriously, I wish I could see your face when some of these concepts click. Here's the incredible journey we're taking together:
+
+- **What programming actually is (and why it's the coolest thing ever!)** – We're going to discover how code is literally the invisible magic powering everything around you, from that alarm that somehow knows it's Monday morning to the algorithm that perfectly curates your Netflix recommendations
+- **Programming languages and their amazing personalities** – Imagine walking into a party where each person has completely different superpowers and ways of solving problems. That's what the programming language world is like, and you're going to love meeting them!
+- **The fundamental building blocks that make digital magic happen** – Think of these as the ultimate creative LEGO set. Once you understand how these pieces fit together, you'll realize you can literally build anything your imagination dreams up
+- **Professional tools that'll make you feel like you just got handed a wizard's wand** – I'm not being dramatic here – these tools will genuinely make you feel like you have superpowers, and the best part? They're the same ones the pros use!
+
+> 💡 **Here's the thing**: Don't even think about trying to memorize everything today! Right now, I just want you to feel that spark of excitement about what's possible. The details will stick naturally as we practice together – that's how real learning happens!
+
+> You can take this lesson on [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+
+## So What Exactly *Is* Programming?
+
+Alright, let's tackle the million-dollar question: what is programming, really?
+
+I'll give you a story that completely changed how I think about this. Last week, I was trying to explain to my mom how to use our new smart TV remote. I caught myself saying things like "Press the red button, but not the big red button, the small red button on the left... no, your other left... okay, now hold it for two seconds, not one, not three..." Sound familiar? 😅
+
+That's programming! It's the art of giving incredibly detailed, step-by-step instructions to something that's very powerful but needs everything spelled out perfectly. Except instead of explaining to your mom (who can ask "which red button?!"), you're explaining to a computer (which just does exactly what you say, even if what you said isn't quite what you meant).
+
+Here's what blew my mind when I first learned this: computers are actually pretty simple at their core. They literally only understand two things – 1 and 0, which is basically just "yes" and "no" or "on" and "off." That's it! But here's where it gets magical – we don't have to speak in 1s and 0s like we're in The Matrix. That's where **programming languages** come to the rescue. They're like having the world's best translator who takes your perfectly normal human thoughts and converts them into computer language.
+
+And here's what still gives me actual chills every morning when I wake up: literally *everything* digital in your life started with someone just like you, probably sitting in their pajamas with a cup of coffee, typing code on their laptop. That Instagram filter that makes you look flawless? Someone coded that. The recommendation that led you to your new favorite song? A developer built that algorithm. The app that helps you split dinner bills with friends? Yep, someone thought "this is annoying, I bet I could fix this" and then... they did!
+
+When you learn to program, you're not just picking up a new skill – you're becoming part of this incredible community of problem-solvers who spend their days thinking, "What if I could build something that makes someone's day just a little bit better?" Honestly, is there anything cooler than that?
+
+✅ **Fun Fact Hunt**: Here's something super cool to look up when you have a spare moment – who do you think was the world's first computer programmer? I'll give you a hint: it might not be who you're expecting! The story behind this person is absolutely fascinating and shows that programming has always been about creative problem-solving and thinking outside the box.
 
-## Introduction
+### 🧠 **Check-in Time: How Are You Feeling?**
 
-In this lesson, we will cover:
+**Take a moment to reflect:**
+- Does the idea of "giving instructions to computers" make sense to you now?
+- Can you think of a daily task you'd like to automate with programming?
+- What questions are bubbling up in your mind about this whole programming thing?
 
-- What programming is
-- Types of programming languages
-- Basic components of a program
-- Useful software and tools for professional developers
+> **Remember**: It's totally normal if some concepts feel fuzzy right now. Learning programming is like learning a new language – it takes time for your brain to build those neural pathways. You're doing great!
 
-> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+## Programming Languages Are Like Different Flavors of Magic
 
-## What is Programming?
+Okay, this is going to sound weird, but stick with me – programming languages are a lot like different types of music. Think about it: you've got jazz, which is smooth and improvisational, rock that's powerful and straightforward, classical that's elegant and structured, and hip-hop that's creative and expressive. Each style has its own vibe, its own community of passionate fans, and each one is perfect for different moods and occasions.
 
-Programming (also called coding) is the process of writing instructions for a device, such as a computer or mobile device. These instructions are written using a programming language, which the device interprets. These sets of instructions may be referred to by various names, such as *program*, *computer program*, *application (app)*, or *executable*.
+Programming languages work exactly the same way! You wouldn't use the same language to build a fun mobile game that you'd use to crunch massive amounts of climate data, just like you wouldn't play death metal at a yoga class (well, most yoga classes anyway! 😄).
 
-A *program* can be anything created with code—websites, games, and phone apps are all programs. While it's possible to create a program without writing code, the underlying logic is interpreted by the device, and that logic is most likely written in code. A program that is *running* or *executing* code is carrying out instructions. The device you're using to read this lesson is running a program to display it on your screen.
+But here's what absolutely blows my mind every time I think about it: these languages are like having the most patient, brilliant interpreter in the world sitting right next to you. You can express your ideas in a way that feels natural to your human brain, and they handle all the incredibly complex work of translating that into the 1s and 0s that computers actually speak. It's like having a friend who's perfectly fluent in both "human creativity" and "computer logic" – and they never get tired, never need coffee breaks, and never judge you for asking the same question twice!
 
-✅ Research task: Who is considered the world's first computer programmer?
+### Popular Programming Languages and Their Uses
 
-## Programming Languages
+```mermaid
+mindmap
+  root((Programming Languages))
+    Web Development
+      JavaScript
+        Frontend Magic
+        Interactive Websites
+      TypeScript
+        JavaScript + Types
+        Enterprise Apps
+    Data & AI
+      Python
+        Data Science
+        Machine Learning
+        Automation
+      R
+        Statistics
+        Research
+    Mobile Apps
+      Java
+        Android
+        Enterprise
+      Swift
+        iOS
+        Apple Ecosystem
+      Kotlin
+        Modern Android
+        Cross-platform
+    Systems & Performance
+      C++
+        Games
+        Performance Critical
+      Rust
+        Memory Safety
+        System Programming
+      Go
+        Cloud Services
+        Scalable Backend
+```
+| Language | Best For | Why It's Popular |
+|----------|----------|------------------|
+| **JavaScript** | Web development, user interfaces | Runs in browsers and powers interactive websites |
+| **Python** | Data science, automation, AI | Easy to read and learn, powerful libraries |
+| **Java** | Enterprise applications, Android apps | Platform-independent, robust for large systems |
+| **C#** | Windows applications, game development | Strong Microsoft ecosystem support |
+| **Go** | Cloud services, backend systems | Fast, simple, designed for modern computing |
+
+### High-Level vs. Low-Level Languages
+
+Okay, this was honestly the concept that broke my brain when I first started learning, so I'm going to share the analogy that finally made it click for me – and I really hope it helps you too!
+
+Imagine you're visiting a country where you don't speak the language, and you desperately need to find the nearest bathroom (we've all been there, right? 😅):
+
+- **Low-level programming** is like learning the local dialect so well that you can chat with the grandmother selling fruit on the corner using cultural references, local slang, and inside jokes that only someone who grew up there would understand. Super impressive and incredibly efficient... if you happen to be fluent! But pretty overwhelming when you're just trying to find a bathroom.
+
+- **High-level programming** is like having that amazing local friend who just gets you. You can say "I really need to find a restroom" in plain English, and they handle all the cultural translation and give you directions in a way that makes perfect sense to your non-local brain.
+
+In programming terms:
+- **Low-level languages** (like Assembly or C) let you have incredibly detailed conversations with the computer's actual hardware, but you need to think like a machine, which is... well, let's just say it's a pretty big mental shift!
+- **High-level languages** (like JavaScript, Python, or C#) let you think like a human while they handle all the machine-speak behind the scenes. Plus, they have these incredibly welcoming communities full of people who remember what it was like to be new and genuinely want to help!
+
+Guess which ones I'm going to suggest you start with? 😉 High-level languages are like having training wheels that you never actually want to take off because they make the whole experience so much more enjoyable!
+
+```mermaid
+flowchart TB
+    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    
+    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
+    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    
+    C --> E["📝 Write: fibonacci(10)"]
+    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    
+    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    F --> G
+    
+    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    
+    style C fill:#e1f5fe
+    style D fill:#fff3e0
+    style H fill:#e8f5e8
+```
+### Let Me Show You Why High-Level Languages Are So Much Friendlier
+
+Alright, I'm about to show you something that perfectly demonstrates why I fell in love with high-level languages, but first – I need you to promise me something. When you see that first code example, don't panic! It's supposed to look intimidating. That's exactly the point I'm making!
+
+We're going to look at the exact same task written in two completely different styles. Both create what's called the Fibonacci sequence – it's this beautiful mathematical pattern where each number is the sum of the two before it: 0, 1, 1, 2, 3, 5, 8, 13... (Fun fact: you'll find this pattern literally everywhere in nature – sunflower seed spirals, pinecone patterns, even the way galaxies form!)
+
+Ready to see the difference? Let's go!
 
-Programming languages allow developers to write instructions for a device. Devices only understand binary (1s and 0s), which is not an efficient way for *most* developers to communicate. Programming languages act as a bridge between humans and computers.
+**High-level language (JavaScript) – Human-friendly:**
 
-Programming languages come in various formats and serve different purposes. For instance, JavaScript is primarily used for web applications, while Bash is mainly used for operating systems.
+```javascript
+// Step 1: Basic Fibonacci setup
+const fibonacciCount = 10;
+let current = 0;
+let next = 1;
 
-*Low-level languages* typically require fewer steps for a device to interpret instructions compared to *high-level languages*. However, high-level languages are popular due to their readability and support. JavaScript is considered a high-level language.
+console.log('Fibonacci sequence:');
+```
 
-The following code demonstrates the difference between a high-level language (JavaScript) and a low-level language (ARM assembly code).
+**Here's what this code does:**
+- **Declare** a constant to specify how many Fibonacci numbers we want to generate
+- **Initialize** two variables to track the current and next numbers in the sequence
+- **Set up** the starting values (0 and 1) that define the Fibonacci pattern
+- **Display** a header message to identify our output
 
 ```javascript
-let number = 10
-let n1 = 0, n2 = 1, nextTerm;
-
-for (let i = 1; i <= number; i++) {
-    console.log(n1);
-    nextTerm = n1 + n2;
-    n1 = n2;
-    n2 = nextTerm;
+// Step 2: Generate the sequence with a loop
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // Calculate next number in sequence
+  const sum = current + next;
+  current = next;
+  next = sum;
 }
 ```
 
-```c
+**Breaking down what happens here:**
+- **Loop** through each position in our sequence using a `for` loop
+- **Display** each number with its position using template literal formatting
+- **Calculate** the next Fibonacci number by adding current and next values
+- **Update** our tracking variables to move to the next iteration
+
+```javascript
+// Step 3: Modern functional approach
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
+
+// Usage example
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**In the above, we've:**
+- **Created** a reusable function using modern arrow function syntax
+- **Built** an array to store the complete sequence rather than displaying one by one
+- **Used** array indexing to calculate each new number from previous values
+- **Returned** the complete sequence for flexible use in other parts of our program
+
+**Low-level language (ARM Assembly) – Computer-friendly:**
+
+```assembly
  area ascen,code,readonly
  entry
  code32
@@ -83,137 +257,600 @@ back add r0,r1
  end
 ```
 
-Believe it or not, *both are doing the same thing*: printing a Fibonacci sequence up to 10.
+Notice how the JavaScript version reads almost like English instructions, while the Assembly version uses cryptic commands that directly control the computer's processor. Both accomplish the exact same task, but the high-level language is much easier for humans to understand, write, and maintain.
+
+**Key differences you'll notice:**
+- **Readability**: JavaScript uses descriptive names like `fibonacciCount` while Assembly uses cryptic labels like `r0`, `r1`
+- **Comments**: High-level languages encourage explanatory comments that make code self-documenting
+- **Structure**: JavaScript's logical flow matches how humans think about problems step-by-step
+- **Maintenance**: Updating the JavaScript version for different requirements is straightforward and clear
+
+✅ **About the Fibonacci sequence**: This absolutely gorgeous number pattern (where each number equals the sum of the two before it: 0, 1, 1, 2, 3, 5, 8...) shows up literally *everywhere* in nature! You'll find it in sunflower spirals, pinecone patterns, the way nautilus shells curve, and even in how tree branches grow. It's pretty mind-blowing how math and code can help us understand and recreate the patterns that nature uses to create beauty!
+
+
+## The Building Blocks That Make the Magic Happen
+
+Alright, now that you've seen what programming languages look like in action, let's break down the fundamental pieces that make up literally every program ever written. Think of these as the essential ingredients in your favorite recipe – once you understand what each one does, you'll be able to read and write code in pretty much any language!
+
+This is kind of like learning the grammar of programming. Remember back in school when you learned about nouns, verbs, and how to put sentences together? Programming has its own version of grammar, and honestly, it's way more logical and forgiving than English grammar ever was! 😄
+
+### Statements: The Step-by-Step Instructions
+
+Let's start with **statements** – these are like individual sentences in a conversation with your computer. Each statement tells the computer to do one specific thing, kind of like giving directions: "Turn left here," "Stop at the red light," "Park in that spot."
+
+What I love about statements is how readable they usually are. Check this out:
+
+```javascript
+// Basic statements that perform single actions
+const userName = "Alex";                    
+console.log("Hello, world!");              
+const sum = 5 + 3;                         
+```
+
+**Here's what this code does:**
+- **Declare** a constant variable to store a user's name
+- **Display** a greeting message to the console output
+- **Calculate** and store the result of a mathematical operation
+
+```javascript
+// Statements that interact with web pages
+document.title = "My Awesome Website";      
+document.body.style.backgroundColor = "lightblue";
+```
+
+**Step by step, here's what's happening:**
+- **Modify** the webpage's title that appears in the browser tab
+- **Change** the background color of the entire page body
+
+### Variables: Your Program's Memory System
+
+Okay, **variables** are honestly one of my absolute favorite concepts to teach because they're so much like things you already use every single day!
+
+Think about your phone's contact list for a second. You don't memorize everyone's phone number – instead, you save "Mom," "Best Friend," or "Pizza Place That Delivers Until 2 AM" and let your phone remember the actual numbers. Variables work exactly the same way! They're like labeled containers where your program can store information and retrieve it later using a name that actually makes sense.
+
+Here's what's really cool: variables can change as your program runs (hence the name "variable" – see what they did there?). Just like you might update that pizza place contact when you discover somewhere even better, variables can be updated as your program learns new information or as situations change!
+
+Let me show you how beautifully simple this can be:
+
+```javascript
+// Step 1: Creating basic variables
+const siteName = "Weather Dashboard";        
+let currentWeather = "sunny";               
+let temperature = 75;                       
+let isRaining = false;                      
+```
+
+**Understanding these concepts:**
+- **Store** unchanging values in `const` variables (like site name)
+- **Use** `let` for values that can change throughout your program
+- **Assign** different data types: strings (text), numbers, and booleans (true/false)
+- **Choose** descriptive names that explain what each variable contains
+
+```javascript
+// Step 2: Working with objects to group related data
+const weatherData = {                       
+  location: "San Francisco",
+  humidity: 65,
+  windSpeed: 12
+};
+```
+
+**In the above, we've:**
+- **Created** an object to group related weather information together
+- **Organized** multiple pieces of data under one variable name
+- **Used** key-value pairs to label each piece of information clearly
+
+```javascript
+// Step 3: Using and updating variables
+console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
+console.log(`Wind speed: ${weatherData.windSpeed} mph`);
+
+// Updating changeable variables
+currentWeather = "cloudy";                  
+temperature = 68;                          
+```
+
+**Let's understand each part:**
+- **Display** information using template literals with `${}` syntax
+- **Access** object properties using dot notation (`weatherData.windSpeed`)
+- **Update** variables declared with `let` to reflect changing conditions
+- **Combine** multiple variables to create meaningful messages
+
+```javascript
+// Step 4: Modern destructuring for cleaner code
+const { location, humidity } = weatherData; 
+console.log(`${location} humidity: ${humidity}%`);
+```
+
+**What you need to know:**
+- **Extract** specific properties from objects using destructuring assignment
+- **Create** new variables automatically with the same names as object keys
+- **Simplify** code by avoiding repetitive dot notation
+
+### Control Flow: Teaching Your Program to Think
 
-✅ A Fibonacci sequence is [defined](https://en.wikipedia.org/wiki/Fibonacci_number) as a series of numbers where each number is the sum of the two preceding ones, starting from 0 and 1. The first 10 numbers in the Fibonacci sequence are 0, 1, 1, 2, 3, 5, 8, 13, 21, and 34.
+Okay, this is where programming gets absolutely mind-blowing! **Control flow** is basically teaching your program how to make smart decisions, exactly like you do every single day without even thinking about it.
 
-## Elements of a Program
+Picture this: this morning you probably went through something like "If it's raining, I'll grab an umbrella. If it's cold, I'll wear a jacket. If I'm running late, I'll skip breakfast and grab coffee on the way." Your brain naturally follows this if-then logic dozens of times every day!
 
-A single instruction in a program is called a *statement*. Statements usually have a character or line spacing that marks where the instruction ends, or *terminates*. The way a program terminates varies by language.
+This is what makes programs feel intelligent and alive instead of just following some boring, predictable script. They can actually look at a situation, evaluate what's happening, and respond appropriately. It's like giving your program a brain that can adapt and make choices!
 
-Statements in a program may depend on data provided by a user or other sources to execute instructions. Data can influence how a program behaves, so programming languages include ways to temporarily store data for later use. These are called *variables*. Variables are statements that instruct a device to save data in its memory. Variables in programs are similar to variables in algebra, where they have a unique name and their value can change over time.
+Want to see how beautifully this works? Let me show you:
 
-Some statements may not be executed by a device. This can happen intentionally, as designed by the developer, or accidentally due to unexpected errors. This type of control over an application makes it more robust and maintainable. Typically, these changes in control occur when certain conditions are met. A common statement used in modern programming to control program flow is the `if..else` statement.
+```javascript
+// Step 1: Basic conditional logic
+const userAge = 17;
+
+if (userAge >= 18) {
+  console.log("You can vote!");
+} else {
+  const yearsToWait = 18 - userAge;
+  console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
+}
+```
 
-✅ You'll learn more about this type of statement in future lessons.
+**Here's what this code does:**
+- **Check** if the user's age meets the voting requirement
+- **Execute** different code blocks based on the condition result
+- **Calculate** and display how long until voting eligibility if under 18
+- **Provide** specific, helpful feedback for each scenario
+
+```javascript
+// Step 2: Multiple conditions with logical operators
+const userAge = 17;
+const hasPermission = true;
+
+if (userAge >= 18 && hasPermission) {
+  console.log("Access granted: You can enter the venue.");
+} else if (userAge >= 16) {
+  console.log("You need parent permission to enter.");
+} else {
+  console.log("Sorry, you must be at least 16 years old.");
+}
+```
+
+**Breaking down what happens here:**
+- **Combine** multiple conditions using the `&&` (and) operator
+- **Create** a hierarchy of conditions using `else if` for multiple scenarios
+- **Handle** all possible cases with a final `else` statement
+- **Provide** clear, actionable feedback for each different situation
+
+```javascript
+// Step 3: Concise conditional with ternary operator
+const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
+console.log(`Status: ${votingStatus}`);
+```
+
+**What you need to remember:**
+- **Use** the ternary operator (`? :`) for simple two-option conditions
+- **Write** condition first, followed by `?`, then true result, then `:`, then false result
+- **Apply** this pattern when you need to assign values based on conditions
+
+```javascript
+// Step 4: Handling multiple specific cases
+const dayOfWeek = "Tuesday";
+
+switch (dayOfWeek) {
+  case "Monday":
+  case "Tuesday":
+  case "Wednesday":
+  case "Thursday":
+  case "Friday":
+    console.log("It's a weekday - time to work!");
+    break;
+  case "Saturday":
+  case "Sunday":
+    console.log("It's the weekend - time to relax!");
+    break;
+  default:
+    console.log("Invalid day of the week");
+}
+```
+
+**This code accomplishes the following:**
+- **Match** the variable value against multiple specific cases
+- **Group** similar cases together (weekdays vs. weekends)
+- **Execute** the appropriate code block when a match is found
+- **Include** a `default` case to handle unexpected values
+- **Use** `break` statements to prevent code from continuing to the next case
+
+> 💡 **Real-world analogy**: Think of control flow like having the world's most patient GPS giving you directions. It might say "If there's traffic on Main Street, take the highway instead. If construction is blocking the highway, try the scenic route." Programs use exactly the same type of conditional logic to respond intelligently to different situations and always give users the best possible experience.
+
+### 🎯 **Concept Check: Building Blocks Mastery**
+
+**Let's see how you're doing with the fundamentals:**
+- Can you explain the difference between a variable and a statement in your own words?
+- Think of a real-world scenario where you'd use an if-then decision (like our voting example)
+- What's one thing about programming logic that surprised you?
+
+**Quick confidence booster:**
+```mermaid
+flowchart LR
+    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    
+    style A fill:#ffeb3b
+    style B fill:#4caf50
+    style C fill:#2196f3
+    style D fill:#ff4081
+```
+✅ **What's coming up next**: We're going to have an absolute blast diving deeper into these concepts as we continue this incredible journey together! Right now, just focus on feeling that excitement about all the amazing possibilities ahead of you. The specific skills and techniques will stick naturally as we practice together – I promise this is going to be so much more fun than you might expect!
 
 ## Tools of the Trade
 
-[![Tools of the Trade](https://img.youtube.com/vi/69WJeXGBdxg/0.jpg)](https://youtube.com/watch?v=69WJeXGBdxg "Tools of the Trade")
+Alright, this is honestly where I get so excited I can barely contain myself! 🚀 We're about to talk about the incredible tools that are going to make you feel like you just got handed the keys to a digital spaceship.
+
+You know how a chef has those perfectly balanced knives that feel like extensions of their hands? Or how a musician has that one guitar that seems to sing the moment they touch it? Well, developers have our own version of these magical tools, and here's what's going to absolutely blow your mind – most of them are completely free!
+
+I'm practically bouncing in my chair thinking about sharing these with you because they've completely revolutionized how we build software. We're talking about AI-powered coding assistants that can help write your code (I'm not even kidding!), cloud environments where you can build entire applications from literally anywhere with Wi-Fi, and debugging tools so sophisticated they're like having X-ray vision for your programs.
+
+And here's the part that still gives me chills: these aren't "beginner tools" that you'll outgrow. These are the exact same professional-grade tools that developers at Google, Netflix, and that indie app studio you love are using right this very moment. You're going to feel like such a pro using them!
+
+```mermaid
+graph TD
+    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
+    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
+    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
+    D --> E["📚 Documentation<br/>(Learning & Reference)"]
+    E --> F["🚀 Amazing Web App!"]
+    
+    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
+    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
+    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    
+    style A fill:#fff59d
+    style F fill:#c8e6c9
+    style G fill:#e1f5fe
+    style H fill:#f3e5f5
+    style I fill:#ffccbc
+    style J fill:#e8eaf6
+```
+### Code Editors and IDEs: Your New Digital Best Friends
 
-> 🎥 Click the image above to watch a video about tooling
+Let's talk about code editors – these are seriously about to become your new favorite places to hang out! Think of them as your personal coding sanctuary where you'll spend most of your time crafting and perfecting your digital creations.
 
-In this section, you'll explore software that can be very useful as you begin your journey as a professional developer.
+But here's what's absolutely magical about modern editors: they're not just fancy text editors. They're like having the most brilliant, supportive coding mentor sitting right next to you 24/7. They catch your typos before you even notice them, suggest improvements that make you look like a genius, help you understand what every piece of code does, and some of them can even predict what you're about to type and offer to finish your thoughts!
 
-A **development environment** is a unique set of tools and features that developers frequently use when writing software. These tools may be customized to meet a developer's specific needs and can evolve over time as priorities shift, personal projects change, or different programming languages are used. Development environments are as unique as the developers who use them.
+I remember when I first discovered auto-completion – I literally felt like I was living in the future. You start typing something, and your editor goes, "Hey, were you thinking of this function that does exactly what you need?" It's like having a mind reader as your coding buddy!
 
-### Editors
+**What makes these editors so incredible?**
 
-One of the most essential tools for software development is the editor. Editors are where you write your code and sometimes where you run it.
+Modern code editors offer an impressive array of features designed to boost your productivity:
 
-Developers rely on editors for several reasons:
+| Feature | What It Does | Why It Helps |
+|---------|--------------|--------------|
+| **Syntax Highlighting** | Colors different parts of your code | Makes code easier to read and spot errors |
+| **Auto-completion** | Suggests code as you type | Speeds up coding and reduces typos |
+| **Debugging Tools** | Helps you find and fix errors | Saves hours of troubleshooting time |
+| **Extensions** | Add specialized features | Customize your editor for any technology |
+| **AI Assistants** | Suggest code and explanations | Accelerates learning and productivity |
 
-- *Debugging* helps identify bugs and errors by stepping through the code line by line. Some editors have built-in debugging capabilities, which can be customized for specific programming languages.
-- *Syntax highlighting* adds colors and text formatting to code, making it easier to read. Most editors allow syntax highlighting customization.
-- *Extensions and Integrations* are specialized tools created by developers for developers. These tools are not part of the base editor. For example, many developers document their code to explain how it works. They might install a spell-check extension to catch typos in the documentation. Most extensions are designed for specific editors, and most editors include a way to search for available extensions.
-- *Customization* allows developers to tailor their development environment to their needs. Most editors are highly customizable and may even allow developers to create custom extensions.
+> 🎥 **Video Resource**: Want to see these tools in action? Check out this [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for a comprehensive overview.
 
-#### Popular Editors and Web Development Extensions
+#### Recommended Editors for Web Development
 
-- [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)
-  - [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 - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-- [Atom](https://atom.io/)
-  - [spell-check](https://atom.io/packages/spell-check)
-  - [teletype](https://atom.io/packages/teletype)
-  - [atom-beautify](https://atom.io/packages/atom-beautify)
-  
-- [Sublimetext](https://www.sublimetext.com/)
-  - [emmet](https://emmet.io/)
-  - [SublimeLinter](http://www.sublimelinter.com/en/stable/)
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Free)
+- Most popular among web developers
+- Excellent extension ecosystem
+- Built-in terminal and Git integration
+- **Must-have extensions**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered code suggestions
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Catch typos in your code
 
-### Browsers
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Paid, free for students)
+- Advanced debugging and testing tools
+- Intelligent code completion
+- Built-in version control
 
-Another essential tool is the browser. Web developers use browsers to test how their code runs on the web. Browsers also display the visual elements of a web page written in the editor, such as HTML.
+**Cloud-Based IDEs** (Various pricing)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code in your browser
+- [Replit](https://replit.com/) - Great for learning and sharing code
+- [StackBlitz](https://stackblitz.com/) - Instant, full-stack web development
 
-Many browsers include *developer tools* (DevTools), which offer features and information to help developers gather and analyze important details about their applications. For example, if a web page has errors, DevTools can be configured to capture information about when the errors occurred.
+> 💡 **Getting Started Tip**: Start with Visual Studio Code – it's free, widely used in the industry, and has an enormous community creating helpful tutorials and extensions.
 
-#### Popular Browsers and DevTools
 
-- [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/)
-- [Firefox](https://developer.mozilla.org/docs/Tools)
+### Web Browsers: Your Secret Development Laboratory
 
-### Command Line Tools
+Okay, prepare to have your mind completely blown! You know how you've been using browsers to scroll through social media and watch videos? Well, it turns out they've been hiding this incredible secret developer laboratory this entire time, just waiting for you to discover it!
 
-Some developers prefer a less graphical interface for their daily tasks and rely on the command line. Writing code involves a lot of typing, and some developers prefer not to disrupt their workflow by switching between the keyboard and mouse. They use keyboard shortcuts to navigate between desktop windows, work on different files, and use tools. While most tasks can be completed with a mouse, the command line allows developers to perform many tasks without switching between the mouse and keyboard. Another advantage of the command line is its configurability—you can save custom configurations, modify them later, and import them to other development machines. Since development environments are highly personalized, some developers avoid the command line, others rely on it entirely, and some prefer a mix of both.
+Every single time you right-click on a webpage and select "Inspect Element," you're opening up a hidden world of developer tools that are honestly more powerful than some expensive software I used to pay hundreds of dollars for. It's like discovering that your regular old kitchen has been concealing a professional chef's laboratory behind a secret panel!
+The first time someone showed me browser DevTools, I spent like three hours just clicking around and going "WAIT, IT CAN DO THAT TOO?!" You can literally edit any website in real-time, see exactly how fast everything loads, test how your site looks on different devices, and even debug JavaScript like a total pro. It's absolutely mind-blowing!
 
-### Popular Command Line Options
+**Here's why browsers are your secret weapon:**
 
-Command line options vary depending on the operating system.
+When you create a website or web application, you need to see how it looks and behaves in the real world. Browsers not only display your work but also provide detailed feedback about performance, accessibility, and potential issues.
 
-*💻 = preinstalled on the operating system.*
+#### Browser Developer Tools (DevTools)
 
-#### Windows
+Modern browsers include comprehensive development suites:
 
-- [Powershell](https://docs.microsoft.com/powershell/scripting/overview?view=powershell-7/?WT.mc_id=academic-77807-sagibbon) 💻
-- [Command Line](https://docs.microsoft.com/windows-server/administration/windows-commands/windows-commands/?WT.mc_id=academic-77807-sagibbon) (also known as CMD) 💻
-- [Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)
-- [mintty](https://mintty.github.io/)
-  
-#### MacOS
+| Tool Category | What It Does | Example Use Case |
+|---------------|--------------|------------------|
+| **Element Inspector** | View and edit HTML/CSS in real-time | Adjust styling to see immediate results |
+| **Console** | View error messages and test JavaScript | Debug problems and experiment with code |
+| **Network Monitor** | Track how resources load | Optimize performance and loading times |
+| **Accessibility Checker** | Test for inclusive design | Ensure your site works for all users |
+| **Device Simulator** | Preview on different screen sizes | Test responsive design without multiple devices |
+
+#### Recommended Browsers for Development
+
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industry-standard DevTools with extensive documentation
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excellent CSS Grid and accessibility tools
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Built on Chromium with Microsoft's developer resources
+
+> ⚠️ **Important Testing Tip**: Always test your websites in multiple browsers! What works perfectly in Chrome might look different in Safari or Firefox. Professional developers test across all major browsers to ensure consistent user experiences.
+
+
+### Command Line Tools: Your Gateway to Developer Superpowers
+
+Alright, let's have a completely honest moment here about the command line, because I want you to hear this from someone who truly gets it. When I first saw it – just this scary black screen with blinking text – I literally thought, "Nope, absolutely not! This looks like something from a 1980s hacker movie, and I am definitely not smart enough for this!" 😅
+
+But here's what I wish someone had told me back then, and what I'm telling you right now: the command line isn't scary – it's actually like having a direct conversation with your computer. Think of it like the difference between ordering food through a fancy app with pictures and menus (which is nice and easy) versus walking into your favorite local restaurant where the chef knows exactly what you like and can whip up something perfect just by you saying "surprise me with something amazing."
+
+The command line is where developers go to feel like absolute wizards. You type a few seemingly magical words (okay, they're just commands, but they feel magical!), hit enter, and BOOM – you've created entire project structures, installed powerful tools from around the world, or deployed your app to the internet for millions of people to see. Once you get your first taste of that power, it's honestly pretty addictive!
+
+**Why the command line will become your favorite tool:**
+
+While graphical interfaces are great for many tasks, the command line excels at automation, precision, and speed. Many development tools work primarily through command line interfaces, and learning to use them efficiently can dramatically improve your productivity.
+
+```bash
+# Step 1: Create and navigate to project directory
+mkdir my-awesome-website
+cd my-awesome-website
+```
+
+**Here's what this code does:**
+- **Create** a new directory called "my-awesome-website" for your project
+- **Navigate** into the newly created directory to begin working
+
+```bash
+# Step 2: Initialize project with package.json
+npm init -y
+
+# Install modern development tools
+npm install --save-dev vite prettier eslint
+npm install --save-dev @eslint/js
+```
+
+**Step by step, here's what's happening:**
+- **Initialize** a new Node.js project with default settings using `npm init -y`
+- **Install** Vite as a modern build tool for fast development and production builds
+- **Add** Prettier for automatic code formatting and ESLint for code quality checks
+- **Use** the `--save-dev` flag to mark these as development-only dependencies
+
+```bash
+# Step 3: Create project structure and files
+mkdir src assets
+echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
+
+# Start development server
+npx vite
+```
+
+**In the above, we've:**
+- **Organized** our project by creating separate folders for source code and assets
+- **Generated** a basic HTML file with proper document structure
+- **Started** the Vite development server for live reloading and hot module replacement
+
+#### Essential Command Line Tools for Web Development
 
-- [Terminal](https://support.apple.com/guide/terminal/open-or-quit-terminal-apd5265185d-f365-44cb-8b09-71a064a42125/mac) 💻
-- [iTerm](https://iterm2.com/)
-- [Powershell](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-macos?view=powershell-7/?WT.mc_id=academic-77807-sagibbon)
+| Tool | Purpose | Why You Need It |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Version control | Track changes, collaborate with others, backup your work |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Run JavaScript outside browsers, install modern development tools |
+| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Lightning-fast development with hot module replacement |
+| **[ESLint](https://eslint.org/)** | Code quality | Automatically find and fix problems in your JavaScript |
+| **[Prettier](https://prettier.io/)** | Code formatting | Keep your code consistently formatted and readable |
 
-#### Linux
+#### Platform-Specific Options
 
-- [Bash](https://www.gnu.org/software/bash/manual/html_node/index.html) 💻
-- [KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)
-- [Powershell](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-linux?view=powershell-7/?WT.mc_id=academic-77807-sagibbon)
+**Windows:**
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern, feature-rich terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Powerful scripting environment
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditional Windows command line
 
-#### Popular Command Line Tools
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Built-in terminal application
+- **[iTerm2](https://iterm2.com/)** - Enhanced terminal with advanced features
 
-- [Git](https://git-scm.com/) (💻 on most operating systems)
-- [NPM](https://www.npmjs.com/)
-- [Yarn](https://classic.yarnpkg.com/en/docs/cli/)
+**Linux:**
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Advanced terminal emulator
 
-### Documentation
+> 💻 = Pre-installed on the operating system
 
-When developers want to learn something new, they often turn to documentation for guidance. Documentation helps developers understand how to use tools and languages effectively and provides deeper insights into their functionality.
+> 🎯 **Learning Path**: Start with basic commands like `cd` (change directory), `ls` or `dir` (list files), and `mkdir` (create folder). Practice with modern workflow commands like `npm install`, `git status`, and `code .` (opens current directory in VS Code). As you become more comfortable, you'll naturally pick up more advanced commands and automation techniques.
 
-#### Popular Documentation on Web Development
 
-- [Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web), from Mozilla, the publishers of the [Firefox](https://www.mozilla.org/firefox/) browser
-- [Frontend Masters](https://frontendmasters.com/learn/)
-- [Web.dev](https://web.dev), from Google, publishers of [Chrome](https://www.google.com/chrome/)
-- [Microsoft's own developer docs](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers), for [Microsoft Edge](https://www.microsoft.com/edge)
-- [W3 Schools](https://www.w3schools.com/where_to_start.asp)
+### Documentation: Your Always-Available Learning Mentor
 
-✅ Research task: Now that you understand the basics of a web developer's environment, compare it with a web designer's environment.
+Okay, let me share a little secret that's going to make you feel so much better about being a beginner: even the most experienced developers spend a huge chunk of their time reading documentation. And that's not because they don't know what they're doing – it's actually a sign of wisdom!
+
+Think of documentation as having access to the world's most patient, knowledgeable teachers who are available 24/7. Stuck on a problem at 2 AM? Documentation is there with a warm virtual hug and exactly the answer you need. Want to learn about some cool new feature that everyone's talking about? Documentation has your back with step-by-step examples. Trying to understand why something works the way it does? You guessed it – documentation is ready to explain it in a way that finally makes it click!
+
+Here's something that completely changed my perspective: the web development world moves incredibly fast, and nobody (I mean absolutely nobody!) keeps everything memorized. I've watched senior developers with 15+ years of experience look up basic syntax, and you know what? That's not embarrassing – that's smart! It's not about having a perfect memory; it's about knowing where to find reliable answers quickly and understanding how to apply them.
+
+**Here's where the real magic happens:**
+
+Professional developers spend a significant portion of their time reading documentation – not because they don't know what they're doing, but because the web development landscape evolves so rapidly that staying current requires continuous learning. Great documentation helps you understand not just *how* to use something, but *why* and *when* to use it.
+
+#### Essential Documentation Resources
+
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- The gold standard for web technology documentation
+- Comprehensive guides for HTML, CSS, and JavaScript
+- Includes browser compatibility information
+- Features practical examples and interactive demos
+
+**[Web.dev](https://web.dev)** (by Google)
+- Modern web development best practices
+- Performance optimization guides
+- Accessibility and inclusive design principles
+- Case studies from real-world projects
+
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Edge browser development resources
+- Progressive Web App guides
+- Cross-platform development insights
+
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Structured learning curricula
+- Video courses from industry experts
+- Hands-on coding exercises
+
+> 📚 **Study Strategy**: Don't try to memorize documentation – instead, learn how to navigate it efficiently. Bookmark frequently-used references and practice using the search functions to find specific information quickly.
+
+### 🔧 **Tool Mastery Check: What Resonates With You?**
+
+**Take a moment to consider:**
+- Which tool are you most excited to try first? (There's no wrong answer!)
+- Does the command line still feel intimidating, or are you curious about it?
+- Can you imagine using browser DevTools to peek behind the curtain of your favorite websites?
+
+```mermaid
+pie title "Developer Time Spent With Tools"
+    "Code Editor" : 40
+    "Browser Testing" : 25
+    "Command Line" : 15
+    "Reading Docs" : 15
+    "Debugging" : 5
+```
+> **Fun insight**: Most developers spend about 40% of their time in their code editor, but notice how much time goes to testing, learning, and problem-solving. Programming isn't just about writing code – it's about crafting experiences!
+
+✅ **Food for thought**: Here's something interesting to ponder – how do you think the tools for building websites (development) might be different from tools for designing how they look (design)? It's like the difference between being an architect who designs a beautiful house and the contractor who actually builds it. Both are crucial, but they need different toolboxes! This kind of thinking will really help you see the bigger picture of how websites come to life.
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Explore the features of a modern code editor or IDE and demonstrate how it can improve your workflow as a web developer.
+
+**Prompt:** Choose a code editor or IDE (such as Visual Studio Code, WebStorm, or a cloud-based IDE). List three features or extensions that help you write, debug, or maintain code more efficiently. For each, provide a brief explanation of how it benefits your workflow.
 
 ---
 
 ## 🚀 Challenge
 
-Compare some programming languages. What are some unique characteristics of JavaScript vs. Java? How about COBOL vs. Go?
+**Alright, detective, ready for your first case?**
+
+Now that you've got this awesome foundation, I've got an adventure that's going to help you see just how incredibly diverse and fascinating the programming world really is. And listen – this isn't about writing code yet, so no pressure there! Think of yourself as a programming language detective on your very first exciting case!
 
-## Post-Lecture Quiz
-[Post-lecture quiz](https://ff-quizzes.netlify.app/web/)
+**Your mission, should you choose to accept it:**
+1. **Become a language explorer**: Pick three programming languages from completely different universes – maybe one that builds websites, one that creates mobile apps, and one that crunches data for scientists. Find examples of the same simple task written in each language. I promise you're going to be absolutely amazed at how different they can look while doing the exact same thing!
+
+2. **Uncover their origin stories**: What makes each language special? Here's a cool fact – every single programming language was created because someone thought, "You know what? There's got to be a better way to solve this specific problem." Can you figure out what those problems were? Some of these stories are genuinely fascinating!
+
+3. **Meet the communities**: Check out how welcoming and passionate each language's community is. Some have millions of developers sharing knowledge and helping each other, others are smaller but incredibly tight-knit and supportive. You're going to love seeing the different personalities these communities have!
+
+4. **Follow your gut feeling**: Which language feels most approachable to you right now? Don't stress about making the "perfect" choice – just listen to your instincts! There's honestly no wrong answer here, and you can always explore others later.
+
+**Bonus detective work**: See if you can discover what major websites or apps are built with each language. I guarantee you'll be shocked to learn what powers Instagram, Netflix, or that mobile game you can't stop playing!
+
+> 💡 **Remember**: You're not trying to become an expert in any of these languages today. You're just getting to know the neighborhood before you decide where you want to set up shop. Take your time, have fun with it, and let your curiosity guide you!
+
+## Let's Celebrate What You've Discovered!
+
+Holy moly, you've absorbed so much incredible information today! I'm genuinely excited to see how much of this amazing journey has stuck with you. And remember – this isn't a test where you need to get everything perfect. This is more like a celebration of all the cool stuff you've learned about this fascinating world you're about to dive into!
+
+[Take the post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
 ## Review & Self Study
 
-Explore the different programming languages available. Try writing a line of code in one language, then rewrite it in two others. What did you learn?
+**Take your time to explore and have fun with it!**
+You've covered a lot of ground today, and that's something to be proud of! Now comes the fun part – exploring the topics that sparked your curiosity. Remember, this isn't homework – it's an adventure!
+
+**Dive deeper into what excites you:**
+
+**Get hands-on with programming languages:**
+- Visit the official websites of 2-3 languages that caught your attention. Each one has its own personality and story!
+- Try some online coding playgrounds like [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Replit](https://replit.com/). Don't be afraid to experiment – you can't break anything!
+- Read about how your favorite language came to be. Seriously, some of these origin stories are fascinating and will help you understand why languages work the way they do.
+
+**Get comfortable with your new tools:**
+- Download Visual Studio Code if you haven't already – it's free and you're going to love it!
+- Spend a few minutes browsing the Extensions marketplace. It's like an app store for your code editor!
+- Open up your browser's Developer Tools and just click around. Don't worry about understanding everything – just get familiar with what's there.
+
+**Join the community:**
+- Follow some developer communities on [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), or [GitHub](https://github.com/). The programming community is incredibly welcoming to newcomers!
+- Watch some beginner-friendly coding videos on YouTube. There are so many great creators out there who remember what it's like to be starting out.
+- Consider joining local meetups or online communities. Trust me, developers love helping newcomers!
+
+> 🎯 **Listen, here's what I want you to remember**: You're not expected to become a coding wizard overnight! Right now, you're just getting to know this amazing new world you're about to be part of. Take your time, enjoy the journey, and remember – every single developer you admire was once sitting exactly where you are right now, feeling excited and maybe a little overwhelmed. That's totally normal, and it means you're doing it right!
+
+
 
 ## Assignment
 
 [Reading the Docs](assignment.md)
 
-> Note: When selecting tools for your assignment, do not choose editors, browsers, or command line tools already listed above.
+> 💡 **A little nudge for your assignment**: I'd absolutely love to see you explore some tools we haven't covered yet! Skip the editors, browsers, and command line tools we've already talked about – there's this whole incredible universe of amazing development tools out there just waiting to be discovered. Look for ones that are actively maintained and have vibrant, helpful communities (these tend to have the best tutorials and the most supportive people when you inevitably get stuck and need a friendly hand).
+
+---
+
+## 🚀 Your Programming Journey Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Bookmark 2-3 programming language websites that caught your attention
+- [ ] Download Visual Studio Code if you haven't already
+- [ ] Open your browser's DevTools (F12) and click around any website
+- [ ] Join one programming community (Dev.to, Reddit r/webdev, or Stack Overflow)
+
+### ⏰ **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and reflect on your answers
+- [ ] Set up VS Code with the GitHub Copilot extension
+- [ ] Try a "Hello World" example in 2 different programming languages online
+- [ ] Watch a "Day in the Life of a Developer" video on YouTube
+- [ ] Start your programming language detective work (from the challenge)
+
+### 📅 **Your Week-Long Adventure**
+- [ ] Complete the assignment and explore 3 new development tools
+- [ ] Follow 5 developers or programming accounts on social media
+- [ ] Try building something tiny in CodePen or Replit (even just "Hello, [Your Name]!")
+- [ ] Read one developer blog post about someone's coding journey
+- [ ] Join a virtual meetup or watch a programming talk
+- [ ] Start learning your chosen language with online tutorials
+
+### 🗓️ **Your Month-Long Transformation**
+- [ ] Build your first small project (even a simple webpage counts!)
+- [ ] Contribute to an open-source project (start with documentation fixes)
+- [ ] Mentor someone who's just starting their programming journey
+- [ ] Create your developer portfolio website
+- [ ] Connect with local developer communities or study groups
+- [ ] Start planning your next learning milestone
+
+### 🎯 **Final Reflection Check-in**
+
+**Before you move on, take a moment to celebrate:**
+- What's one thing about programming that excited you today?
+- Which tool or concept do you want to explore first?
+- How do you feel about starting this programming journey?
+- What's one question you'd like to ask a developer right now?
+
+```mermaid
+journey
+    title Your Confidence Building Journey
+    section Today
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
+    section This Week
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
+    section Next Month
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
+```
+> 🌟 **Remember**: Every expert was once a beginner. Every senior developer once felt exactly like you do right now – excited, maybe a little overwhelmed, and definitely curious about what's possible. You're in amazing company, and this journey is going to be incredible. Welcome to the wonderful world of programming! 🎉
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md
index 09e6e1cf8..49f2f309a 100644
--- a/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md
+++ b/translations/en/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md
@@ -1,31 +1,69 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "9e2f84e351a6fcb44bfc4066d98525f0",
-  "translation_date": "2025-10-03T08:22:30+00:00",
-  "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
-  "language_code": "en"
-}
--->
+# Assignment: Exploring Modern Web Development Tools
+
 ## Instructions
 
-There are many tools that a web developer may need that are listed on the [MDN documentation for client-side tooling](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Select **three tools** that are **not covered in this lesson** (excluding [list specific tools or refer to lesson content]), explain **why** a web developer would use each tool, and find a tool that fits each category. For each, share a link to its official documentation (not the example used on MDN).
+The web development ecosystem includes hundreds of specialized tools that help developers build, test, and maintain applications efficiently. Your task is to research and understand tools that complement the ones covered in this lesson.
+
+**Your Mission:** Select **three tools** that are **not covered in this lesson** (avoid choosing code editors, browsers, or command line tools already listed). Focus on tools that solve specific problems in modern web development workflows.
+
+**For each tool, provide:**
+
+1. **Tool name and category** (e.g., "Figma - Design Tool" or "Jest - Testing Framework")
+2. **Purpose and benefits** - Explain in 2-3 sentences why a web developer would use this tool and what problems it solves
+3. **Official documentation link** - Provide a link to the tool's official documentation or website (not just tutorial sites)
+4. **Real-world context** - Mention one way this tool fits into a professional development workflow
+
+## Suggested Tool Categories
+
+Consider exploring tools from these categories:
+
+| Category | Examples | What They Do |
+|----------|----------|--------------|
+| **Build Tools** | Vite, Webpack, Parcel, esbuild | Bundle and optimize code for production with fast development servers |
+| **Testing Frameworks** | Vitest, Jest, Cypress, Playwright | Ensure code works correctly and catch bugs before deployment |
+| **Design Tools** | Figma, Adobe XD, Penpot | Create mockups, prototypes, and design systems collaboratively |
+| **Deployment Platforms** | Netlify, Vercel, Cloudflare Pages | Host and distribute websites with automatic CI/CD |
+| **Version Control** | GitHub, GitLab, Bitbucket | Manage code changes, collaboration, and project workflows |
+| **CSS Frameworks** | Tailwind CSS, Bootstrap, Bulma | Accelerate styling with pre-built component libraries |
+| **Package Managers** | npm, pnpm, Yarn | Install and manage code libraries and dependencies |
+| **Accessibility Tools** | axe-core, Lighthouse, Pa11y | Test for inclusive design and WCAG compliance |
+| **API Development** | Postman, Insomnia, Thunder Client | Test and document APIs during development |
 
-**Format:**  
-- Tool name  
-- Why a web developer would use it (2-3 sentences)  
-- Link to documentation
+## Format Requirements
 
-**Length:**  
-- Each explanation should be 2-3 sentences.
+**For each tool:**
+```
+### [Tool Name] - [Category]
+
+**Purpose:** [2-3 sentences explaining why developers use this tool]
+
+**Documentation:** [Official website/documentation link]
+
+**Workflow Integration:** [1 sentence about how it fits into development process]
+```
+
+## Quality Guidelines
+
+- **Choose current tools**: Select tools that are actively maintained and widely used in 2025
+- **Focus on value**: Explain the specific benefits, not just what the tool does
+- **Professional context**: Consider tools used by development teams, not just individual hobbyists
+- **Diverse selection**: Pick tools from different categories to show breadth of the ecosystem
+- **Modern relevance**: Prioritize tools that align with current web development trends and best practices
 
 ## Rubric
 
-Exemplary | Adequate | Needs Improvement
---- | --- | -- |
-Explained why web developer would use tool | Explained how, but not why developer would use tool | Did not mention how or why a developer would use tool  |
+| Excellent | Good | Needs Improvement |
+|-----------|------|-------------------|
+| **Clearly explained why developers use each tool and what problems it solves** | **Explained what the tool does but missed some context about its value** | **Listed tools but didn't explain their purpose or benefits** |
+| **Provided official documentation links for all tools** | **Provided mostly official links with 1-2 tutorial sites** | **Relied mainly on tutorial sites rather than official documentation** |
+| **Selected current, professionally-used tools from diverse categories** | **Selected good tools but limited variety in categories** | **Selected outdated tools or only from one category** |
+| **Demonstrated understanding of how tools fit into development workflows** | **Showed some understanding of professional context** | **Focused only on tool features without workflow context** |
+
+> 💡 **Research Tip**: Look for tools mentioned in job postings for web developers, check popular developer surveys, or explore the dependencies used by successful open-source projects on GitHub!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/2-github-basics/README.md b/translations/en/1-getting-started-lessons/2-github-basics/README.md
index ab0c7ec08..dd96267ba 100644
--- a/translations/en/1-getting-started-lessons/2-github-basics/README.md
+++ b/translations/en/1-getting-started-lessons/2-github-basics/README.md
@@ -1,344 +1,769 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "ea65b75e488aa33a3cc5cb1c6c3f047a",
-  "translation_date": "2025-10-03T13:34:45+00:00",
-  "source_file": "1-getting-started-lessons/2-github-basics/README.md",
-  "language_code": "en"
-}
--->
 # Introduction to GitHub
 
-This lesson introduces the basics of GitHub, a platform for hosting and managing changes to your code.
+Hey there, future developer! 👋 Ready to join millions of coders around the world? I'm genuinely excited to introduce you to GitHub – think of it as the social media platform for programmers, except instead of sharing photos of your lunch, we're sharing code and building incredible things together!
 
-![Intro to GitHub](../../../../translated_images/en/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.png)
+Here's what absolutely blows my mind: every app on your phone, every website you visit, and most of the tools you'll learn to use were built by teams of developers collaborating on platforms just like GitHub. That music app you love? Someone like you contributed to it. That game you can't put down? Yep, probably built with GitHub collaboration. And now YOU'RE going to learn how to be part of that amazing community!
+
+I know this might feel like a lot at first – heck, I remember staring at my first GitHub page thinking "What on earth does any of this mean?" But here's the thing: every single developer started exactly where you are right now. By the end of this lesson, you'll have your very own GitHub repository (think of it as your personal project showcase in the cloud), and you'll know how to save your work, share it with others, and even contribute to projects that millions of people use. 
+
+We're going to take this journey together, one step at a time. No rushing, no pressure – just you, me, and some really cool tools that are about to become your new best friends!
+
+![Intro to GitHub](../../../../translated_images/en/webdev101-github.8846d7971abef6f9.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your GitHub Adventure Today
+    section Setup
+      Install Git: 4: You
+      Create Account: 5: You
+      First Repository: 5: You
+    section Master Git
+      Local Changes: 4: You
+      Commits & Pushes: 5: You
+      Branching: 4: You
+    section Collaborate
+      Fork Projects: 4: You
+      Pull Requests: 5: You
+      Open Source: 5: You
+```
 ## Pre-Lecture Quiz
 [Pre-lecture quiz](https://ff-quizzes.netlify.app)
 
 ## Introduction
 
-In this lesson, we'll explore:
+Before we dive into the really exciting stuff, let's get your computer ready for some GitHub magic! Think of this like organizing your art supplies before creating a masterpiece – having the right tools ready makes everything so much smoother and way more fun.
 
-- Tracking your work on your computer
-- Collaborating on projects with others
-- Contributing to open-source software
+I'm going to walk you through each setup step personally, and I promise it's not nearly as intimidating as it might look at first glance. If something doesn't click right away, that's completely normal! I remember setting up my first development environment and feeling like I was trying to read ancient hieroglyphics. Every single developer has been exactly where you are right now, wondering if they're doing it right. Spoiler alert: if you're here learning, you're already doing it right! 🌟
+
+In this lesson, we'll cover:
+
+- tracking the work you do on your machine
+- working on projects with others
+- how to contribute to open source software
 
 ### Prerequisites
 
-Before starting, check if Git is installed. In the terminal, type:  
+Let's get your computer ready for some GitHub magic! Don't worry – this setup is something you only need to do once, and then you'll be all set for your entire coding journey.
+
+Alright, let's start with the foundation! First, we need to check if Git is already hanging out on your computer. Git is basically like having a super-smart assistant that remembers every single change you make to your code – way better than frantically hitting Ctrl+S every two seconds (we've all been there!).
+
+Let's see if Git is already installed by typing this magic command in your terminal:
 `git --version`
 
-If Git isn't installed, [download Git](https://git-scm.com/downloads). Then, set up your local Git profile in the terminal:
-* `git config --global user.name "your-name"`
-* `git config --global user.email "your-email"`
+If Git isn't there yet, no worries! Just head over to [download Git](https://git-scm.com/downloads) and grab it. Once you've got it installed, we need to introduce Git to you properly:
+
+> 💡 **First Time Setup**: These commands tell Git who you are. This information will be attached to every commit you make, so choose a name and email you're comfortable sharing publicly.
+
+```bash
+git config --global user.name "your-name"
+git config --global user.email "your-email"
+```
 
-To verify if Git is already configured, type:  
-`git config --list`
+To check if Git is already configured you can type:
+```bash
+git config --list
+```
 
-You'll also need a GitHub account, a code editor (like Visual Studio Code), and access to your terminal (or command prompt).
+You'll also need a GitHub account, a code editor (like Visual Studio Code), and you'll need to open your terminal (or: command prompt).
 
-Visit [github.com](https://github.com/) to create an account if you don't have one, or log in and complete your profile.
+Navigate to [github.com](https://github.com/) and create an account if you haven't already, or log in and fill out your profile. 
 
-✅ GitHub isn't the only code repository platform out there, but it's the most widely known.
+💡 **Modern tip**: Consider setting up [SSH keys](https://docs.github.com/en/authentication/connecting-to-github-with-ssh) or using [GitHub CLI](https://cli.github.com/) for easier authentication without passwords. 
+
+✅ GitHub isn't the only code repository in the world; there are others, but GitHub is the best known
 
 ### Preparation
 
-You'll need a folder containing a code project on your local machine (laptop or PC) and a public repository on GitHub to practice contributing to others' projects.
+You'll need both a folder with a code project on your local machine (laptop or PC), and a public repository on GitHub, which will serve as an example for how to contribute to the projects of others.  
 
----
+### Keeping Your Code Safe
 
-## Code Management
+Let's talk about security for a moment – but don't worry, we're not going to overwhelm you with scary stuff! Think of these security practices like locking your car or your house. They're simple habits that become second nature and keep your hard work protected.
 
-Imagine you have a folder on your computer with a code project, and you want to start tracking your progress using Git, a version control system. Some people liken using Git to writing a love letter to your future self. By reading your commit messages days, weeks, or months later, you'll recall why you made certain decisions or "roll back" changes—provided you write good commit messages.
+We'll show you the modern, secure ways to work with GitHub right from the start. This way, you'll develop good habits that will serve you well throughout your coding career.
+
+When working with GitHub, it's important to follow security best practices:
+
+| Security Area | Best Practice | Why It Matters |
+|---------------|---------------|----------------|
+| **Authentication** | Use SSH keys or Personal Access Tokens | Passwords are less secure and being phased out |
+| **Two-Factor Authentication** | Enable 2FA on your GitHub account | Adds an extra layer of account protection |
+| **Repository Security** | Never commit sensitive information | API keys and passwords should never be in public repos |
+| **Dependency Management** | Enable Dependabot for updates | Keeps your dependencies secure and up-to-date |
+
+> ⚠️ **Critical Security Reminder**: Never commit API keys, passwords, or other sensitive information to any repository. Use environment variables and `.gitignore` files to protect sensitive data.
+
+**Modern Authentication Setup:**
+
+```bash
+# Generate SSH key (modern ed25519 algorithm)
+ssh-keygen -t ed25519 -C "your_email@example.com"
+
+# Set up Git to use SSH
+git remote set-url origin git@github.com:username/repository.git
+```
+
+> 💡 **Pro Tip**: SSH keys eliminate the need to enter passwords repeatedly and are more secure than traditional authentication methods.
+
+---
+
+## Managing Your Code Like a Pro
+
+Okay, THIS is where things get really exciting! 🎉 We're about to learn how to track and manage your code like the pros do, and honestly, this is one of my favorite things to teach because it's such a game-changer.
+
+Picture this: you're writing an amazing story, and you want to keep track of every draft, every brilliant edit, and every "wait, that's genius!" moment along the way. That's exactly what Git does for your code! It's like having the most incredible time-traveling notebook that remembers EVERYTHING – every keystroke, every change, every "oops, that broke everything" moment that you can instantly undo.
+
+I'll be honest – this might feel overwhelming at first. When I started, I thought "Why can't I just save my files like normal?" But trust me on this: once Git clicks for you (and it will!), you'll have one of those lightbulb moments where you think "How did I EVER code without this?" It's like discovering you can fly when you've been walking everywhere your whole life!
+
+Let's say you have a folder locally with some code project and you want to start tracking your progress using git - the version control system. Some people compare using git to writing a love letter to your future self. Reading your commit messages days or weeks or months later you'll be able to recall why you made a decision, or "rollback" a change - that is, when you write good "commit messages".
+
+```mermaid
+flowchart TD
+    A[📁 Your Project Files] --> B{Is it a Git Repository?}
+    B -->|No| C[git init]
+    B -->|Yes| D[Make Changes]
+    C --> D
+    D --> E[git add .]
+    E --> F["git commit -m 'message'"]
+    F --> G[git push]
+    G --> H[🌟 Code on GitHub!]
+    
+    H --> I{Want to collaborate?}
+    I -->|Yes| J[Fork & Clone]
+    I -->|No| D
+    J --> K[Create Branch]
+    K --> L[Make Changes]
+    L --> M[Pull Request]
+    M --> N[🎉 Contributing!]
+    
+    style A fill:#fff59d
+    style H fill:#c8e6c9
+    style N fill:#ff4081,color:#fff
+```
+### Task: Create Your First Repository!
+
+> 🎯 **Your Mission (and I'm so excited for you!)**: We're going to create your very first GitHub repository together! By the time we're done here, you'll have your own little corner of the internet where your code lives, and you'll have made your first "commit" (that's developer speak for saving your work in a really smart way). 
+>
+> This is honestly such a special moment – you're about to officially join the global community of developers! I still remember the thrill of creating my first repo and thinking "Wow, I'm really doing this!"
 
-### Task: Create a Repository and Commit Code  
+Let's walk through this adventure together, step by step. Take your time with each part – there's no prize for rushing, and I promise every single step will make sense. Remember, every coding superstar you admire was once sitting exactly where you are, about to create their first repository. How cool is that?
 
-> Watch the video  
+> Check out video
 > 
 > [![Git and GitHub basics video](https://img.youtube.com/vi/9R31OUPpxU4/0.jpg)](https://www.youtube.com/watch?v=9R31OUPpxU4)
 
-1. **Create a repository on GitHub**. On GitHub.com, go to the repositories tab or use the navigation bar in the top-right corner to find the **new repo** button.
+**Let's Do This Together:**
 
-   1. Name your repository (folder).
-   1. Click **create repository**.
+1. **Create your repository on GitHub**. Head over to GitHub.com and look for that bright green **New** button (or the **+** sign in the top right corner). Click it and select **New repository**.
 
-1. **Navigate to your working folder**. In your terminal, switch to the folder (directory) you want to start tracking. Type:
+   Here's what to do:
+   1. Give your repository a name – make it something meaningful to you!
+   1. Add a description if you want (this helps others understand what your project is about)
+   1. Decide if you want it public (everyone can see it) or private (just for you)
+   1. I recommend checking the box to add a README file – it's like the front page of your project
+   1. Click **Create repository** and celebrate – you just created your first repo! 🎉
+
+2. **Navigate to your project folder**. Now let's open up your terminal (don't worry, it's not as scary as it looks!). We need to tell your computer where your project files are. Type this command:
 
    ```bash
    cd [name of your folder]
    ```
 
-1. **Initialize a Git repository**. In your project folder, type:
+   **What we're doing here:**
+   - We're basically saying "Hey computer, take me to my project folder"
+   - This is like opening a specific folder on your desktop, but we're doing it with text commands
+   - Replace `[name of your folder]` with the actual name of your project folder
+
+3. **Turn your folder into a Git repository**. This is where the magic happens! Type:
 
    ```bash
    git init
    ```
 
-1. **Check the status**. To check the status of your repository, type:
+   **Here's what just happened (pretty cool stuff!):**
+   - Git just created a hidden `.git` folder in your project – you won't see it, but it's there!
+   - Your regular folder is now a "repository" that can track every change you make
+   - Think of it like giving your folder superpowers to remember everything
+
+4. **Check what's happening**. Let's see what Git thinks about your project right now:
 
    ```bash
    git status
    ```
 
-   The output might look like this:
+   **Understanding what Git is telling you:**
+   
+   You might see something that looks like this:
 
    ```output
    Changes not staged for commit:
    (use "git add <file>..." to update what will be committed)
-   (use "git checkout -- <file>..." to discard changes in working directory)
+   (use "git restore <file>..." to discard changes in working directory)
 
         modified:   file.txt
         modified:   file2.txt
    ```
 
-   The `git status` command typically shows information like which files are ready to be saved to the repository or have changes you might want to preserve.
+   **Don't panic! Here's what this means:**
+   - Files in **red** are files that have changes but aren't ready to be saved yet
+   - Files in **green** (when you see them) are ready to be saved
+   - Git is being helpful by telling you exactly what you can do next
 
-1. **Add all files for tracking**  
-   This is also known as staging files or adding files to the staging area.
+   > 💡 **Pro tip**: The `git status` command is your best friend! Use it anytime you're confused about what's going on. It's like asking Git "Hey, what's the situation right now?"
+
+5. **Get your files ready to save** (this is called "staging"):
 
    ```bash
    git add .
    ```
 
-   The `git add` command with the `.` argument stages all your files and changes for tracking.
+   **What we just did:**
+   - We told Git "Hey, I want to include ALL my files in the next save"
+   - The `.` is like saying "everything in this folder"
+   - Now your files are "staged" and ready for the next step
 
-1. **Add selected files for tracking**
+   **Want to be more selective?** You can add just specific files:
 
    ```bash
    git add [file or folder name]
    ```
 
-   This allows you to stage only specific files when you don't want to commit everything at once.
+   **Why might you want to do this?**
+   - Sometimes you want to save related changes together
+   - It helps you organize your work into logical chunks
+   - Makes it easier to understand what changed and when
 
-1. **Unstage all files**
+   **Changed your mind?** No worries! You can unstage files like this:
 
    ```bash
+   # Unstage everything
    git reset
+   
+   # Unstage just one file
+   git reset [file name]
    ```
 
-   This command unstages all files at once.
+   Don't worry – this doesn't delete your work, it just takes files out of the "ready to save" pile.
 
-1. **Unstage a specific file**
-
-   ```bash
-   git reset [file or folder name]
-   ```
-
-   This command unstages only a particular file that you don't want to include in the next commit.
-
-1. **Save your work**. At this point, you've added files to the staging area, where Git tracks your files. To make the changes permanent, you need to commit the files. A commit represents a save point in your repository's history. Type the following to create a commit:
+6. **Save your work permanently** (making your first commit!):
 
    ```bash
    git commit -m "first commit"
    ```
 
-   This commits all your files with the message "first commit." For future commit messages, aim to be more descriptive to convey the type of change you've made.
+   **🎉 Congratulations! You just made your first commit!**
+   
+   **Here's what just happened:**
+   - Git took a "snapshot" of all your staged files at this exact moment
+   - Your commit message "first commit" explains what this save point is about
+   - Git gave this snapshot a unique ID so you can always find it later
+   - You've officially started tracking your project's history!
 
-1. **Connect your local Git repository to GitHub**. While a Git repository is useful on your computer, you'll eventually want to back up your files and collaborate with others. GitHub is a great platform for this. Since we've already created a repository on GitHub, we just need to connect it to our local Git repository. Use the `git remote add` command. Type:
+   > 💡 **Future commit messages**: For your next commits, be more descriptive! Instead of "updated stuff", try "Add contact form to homepage" or "Fix navigation menu bug". Your future self will thank you!
 
-   > Before typing the command, go to your GitHub repository page to find the repository URL. Replace ```https://github.com/username/repository_name.git``` with your GitHub URL.
+7. **Connect your local project to GitHub**. Right now, your project exists only on your computer. Let's connect it to your GitHub repository so you can share it with the world!
+
+   First, go to your GitHub repository page and copy the URL. Then come back here and type:
 
    ```bash
    git remote add origin https://github.com/username/repository_name.git
    ```
+   
+   (Replace that URL with your actual repository URL!)
 
-   This creates a remote connection named "origin" pointing to the GitHub repository you created earlier.
+   **What we just did:**
+   - We created a connection between your local project and your GitHub repository
+   - "Origin" is just a nickname for your GitHub repository – it's like adding a contact to your phone
+   - Now your local Git knows where to send your code when you're ready to share it
 
-1. **Push local files to GitHub**. Now that you've established a connection between your local repository and the GitHub repository, send your files to GitHub using the `git push` command:
+   💡 **Easier way**: If you have GitHub CLI installed, you can do this in one command:
+   ```bash
+   gh repo create my-repo --public --push --source=.
+   ```
 
-   > Note: Your branch name might differ from ```main```.
+8. **Send your code to GitHub** (the big moment!):
 
    ```bash
    git push -u origin main
    ```
 
-   This pushes your commits from the "main" branch to GitHub. Including `-u` in the command sets the upstream branch, allowing you to use `git push` or `git pull` without specifying the branch name in future commands.
+   **🚀 This is it! You're uploading your code to GitHub!**
+   
+   **What's happening:**
+   - Your commits are traveling from your computer to GitHub
+   - The `-u` flag sets up a permanent connection so future pushes are easier
+   - "main" is the name of your primary branch (like the main folder)
+   - After this, you can just type `git push` for future uploads!
+
+   💡 **Quick note**: If your branch is called something else (like "master"), use that name instead. You can check with `git branch --show-current`.
+
+9. **Your new daily coding rhythm** (this is where it gets addictive!):
 
-2. **Add more changes**. To continue making changes and pushing them to GitHub, use the following three commands:
+   From now on, whenever you make changes to your project, you've got this simple three-step dance:
 
    ```bash
    git add .
-   git commit -m "type your commit message here"
+   git commit -m "describe what you changed"
    git push
    ```
 
-   > Tip: Consider adopting a `.gitignore` file to exclude files you don't want to track, such as personal notes stored in the same folder. You can find templates for `.gitignore` files at [.gitignore templates](https://github.com/github/gitignore).
+   **This becomes your coding heartbeat:**
+   - Make some awesome changes to your code ✨
+   - Stage them with `git add` ("Hey Git, pay attention to these changes!")
+   - Save them with `git commit` and a descriptive message (future you will thank you!)
+   - Share them with the world using `git push` 🚀
+   - Rinse and repeat – seriously, this becomes as natural as breathing!
+
+   I love this workflow because it's like having multiple save points in a video game. Made a change you love? Commit it! Want to try something risky? No problem – you can always go back to your last commit if things go sideways!
+
+   > 💡 **Tip**: You might also want to adopt a `.gitignore` file to prevent files you don't want to track from showing up on GitHub - like that notes file you store in the same folder but has no place on a public repository. You can find templates for `.gitignore` files at [.gitignore templates](https://github.com/github/gitignore) or create one using [gitignore.io](https://www.toptal.com/developers/gitignore).
+
+### 🧠 **First Repository Check-in: How Did That Feel?**
+
+**Take a moment to celebrate and reflect:**
+- How did it feel to see your code appear on GitHub for the first time?
+- Which step felt the most confusing, and which felt surprisingly easy?
+- Can you explain the difference between `git add`, `git commit`, and `git push` in your own words?
+
+```mermaid
+stateDiagram-v2
+    [*] --> LocalFiles: Create project
+    LocalFiles --> Staged: git add .
+    Staged --> Committed: git commit
+    Committed --> GitHub: git push
+    GitHub --> [*]: Success! 🎉
+    
+    note right of Staged
+        Files ready to save
+    end note
+    
+    note right of Committed
+        Snapshot created
+    end note
+```
+> **Remember**: Even experienced developers sometimes forget the exact commands. Having this workflow become muscle memory takes practice - you're doing great!
+
+#### Modern Git workflows
+
+Consider adopting these modern practices:
+
+- **Conventional Commits**: Use a standardized commit message format like `feat:`, `fix:`, `docs:`, etc. Learn more at [conventionalcommits.org](https://www.conventionalcommits.org/)
+- **Atomic commits**: Make each commit represent a single logical change
+- **Frequent commits**: Commit often with descriptive messages rather than large, infrequent commits
 
-#### Commit Messages
+#### Commit messages
 
-A great Git commit subject line completes the sentence:  
-"If applied, this commit will <your subject line here>."
+A great Git commit subject line completes the following sentence:
+If applied, this commit will <your subject line here>
 
-For the subject, use the imperative, present tense: "change" instead of "changed" or "changes."  
-Similarly, in the optional body, use the imperative, present tense. The body should explain the motivation for the change and contrast it with previous behavior. Focus on the `why`, not the `how`.
+For the subject use the imperative, present tense: "change" not "changed" nor "changes". 
+As in the subject, in the body (optional) also use the imperative, present tense. The body should include the motivation for the change and contrast this with previous behavior. You're explaining the `why`, not the `how`.
 
-✅ Spend a few minutes exploring GitHub. Can you find an excellent commit message? How about a very minimal one? What information do you think is most important to include in a commit message?
+✅ Take a few minutes to surf around GitHub. Can you find a really great commit message? Can you find a really minimal one? What information do you think is the most important and useful to convey in a commit message?
 
-### Task: Collaborate
+## Working with Others (The Fun Part!)
 
-The primary reason for uploading projects to GitHub is to enable collaboration with other developers.
+Hold onto your hat because THIS is where GitHub becomes absolutely magical! 🪄 You've mastered managing your own code, but now we're diving into my absolute favorite part – collaborating with amazing people from all over the world.
 
-## Working on Projects with Others
+Picture this: you wake up tomorrow and see that someone in Tokyo improved your code while you were sleeping. Then someone in Berlin fixes a bug you've been stuck on. By afternoon, a developer in São Paulo has added a feature you never even thought of. That's not science fiction – that's just Tuesday in the GitHub universe!
 
-> Watch the video  
+What gets me really excited is that the collaboration skills you're about to learn? These are the EXACT same workflows that teams at Google, Microsoft, and your favorite startups use every single day. You're not just learning a cool tool – you're learning the secret language that makes the entire software world work together. 
+
+Seriously, once you experience the rush of having someone merge your first pull request, you'll understand why developers get so passionate about open source. It's like being part of the world's biggest, most creative team project!
+
+> Check out video
 >
 > [![Git and GitHub basics video](https://img.youtube.com/vi/bFCM-PC3cu8/0.jpg)](https://www.youtube.com/watch?v=bFCM-PC3cu8)
 
-In your repository, navigate to `Insights > Community` to see how your project aligns with recommended community standards.
+The main reason for putting things on GitHub was to make it possible to collaborate with other developers.
+
+```mermaid
+flowchart LR
+    A[🔍 Find Project] --> B[🍴 Fork Repository]
+    B --> C[📥 Clone to Local]
+    C --> D[🌿 Create Branch]
+    D --> E[✏️ Make Changes]
+    E --> F[💾 Commit Changes]
+    F --> G[📤 Push Branch]
+    G --> H[🔄 Create Pull Request]
+    H --> I{Maintainer Review}
+    I -->|✅ Approved| J[🎉 Merge!]
+    I -->|❓ Changes Requested| K[📝 Make Updates]
+    K --> F
+    J --> L[🧹 Clean Up Branches]
+    
+    style A fill:#e3f2fd
+    style J fill:#e8f5e8
+    style L fill:#fff3e0
+```
+In your repository, navigate to `Insights > Community` to see how your project compares to recommended community standards.
+
+Want to make your repository look professional and welcoming? Head over to your repository and click on `Insights > Community`. This cool feature shows you how your project compares to what the GitHub community considers "good repository practices."
+
+> 🎯 **Making Your Project Shine**: A well-organized repository with good documentation is like having a clean, welcoming storefront. It tells people you care about your work and makes others want to contribute!
+
+**Here's what makes a repository awesome:**
+
+| What to Add | Why It's Important | What It Does for You |
+|-------------|-------------------|---------------------|
+| **Description** | First impression matters! | People know instantly what your project does |
+| **README** | Your project's front page | Like a friendly tour guide for new visitors |
+| **Contributing Guidelines** | Shows you welcome help | People know exactly how they can help you |
+| **Code of Conduct** | Creates a friendly space | Everyone feels welcome to participate |
+| **License** | Legal clarity | Others know how they can use your code |
+| **Security Policy** | Shows you're responsible | Demonstrates professional practices |
+
+> 💡 **Pro Tip**: GitHub provides templates for all of these files. When creating a new repository, check the boxes to automatically generate these files.
+
+**Modern GitHub Features to Explore:**
+
+🤖 **Automation & CI/CD:**
+- **GitHub Actions** for automated testing and deployment
+- **Dependabot** for automatic dependency updates
+
+💬 **Community & Project Management:**
+- **GitHub Discussions** for community conversations beyond issues
+- **GitHub Projects** for kanban-style project management
+- **Branch protection rules** to enforce code quality standards
 
-Here are some ways to improve your GitHub repository:
-- **Description**: Have you added a description for your project?
-- **README**: Have you included a README? GitHub offers guidance for writing a [README](https://docs.github.com/articles/about-readmes/?WT.mc_id=academic-77807-sagibbon).
-- **Contributing Guidelines**: Does your project have [contributing guidelines](https://docs.github.com/articles/setting-guidelines-for-repository-contributors/?WT.mc_id=academic-77807-sagibbon)?
-- **Code of Conduct**: Have you added a [Code of Conduct](https://docs.github.com/articles/adding-a-code-of-conduct-to-your-project/)?
-- **License**: Perhaps most importantly, have you added a [license](https://docs.github.com/articles/adding-a-license-to-a-repository/)?
 
-These resources help onboard new team members. They're often the first things new contributors review before even looking at your code to determine if your project is worth their time.
+All these resources will benefit onboarding new team members. And those are typically the kind of things new contributors look at before even looking at your code, to find out if your project is the right place for them to be spending their time.
 
-✅ README files, while time-consuming to prepare, are often overlooked by busy maintainers. Can you find an example of a particularly detailed README? Note: There are [tools to help create good READMEs](https://www.makeareadme.com/) that you might want to try.
+✅ README files, although they take time to prepare, are often neglected by busy maintainers. Can you find an example of a particularly descriptive one? Note: there are some [tools to help create good READMEs](https://www.makeareadme.com/) that you might like to try.
 
-### Task: Merge Code
+### Task: Merge some code
 
-Contributing documentation helps people contribute to your project. It explains the types of contributions you're looking for and outlines the process. Contributors will need to follow several steps to contribute to your GitHub repository:
+Contributing docs help people contribute to the project. It explains what types of contributions you're looking for and how the process works. Contributors will need to go through a series of steps to be able to contribute to your repo on GitHub:
 
-1. **Fork your repository**: Contributors will likely need to _fork_ your project, creating a copy of your repository on their GitHub profile.
-1. **Clone**: From there, they will clone the project to their local machine.
-1. **Create a branch**: Ask contributors to create a _branch_ for their work.
-1. **Focus on one area**: Encourage contributors to focus their changes on one specific area at a time. This increases the likelihood of successfully merging their work. For example, if they fix a bug, add a new feature, and update tests, you might only want to implement 1 or 2 of those changes.
 
-✅ Think of situations where branches are particularly important for writing and shipping good code. What use cases come to mind?
+1. **Forking your repo** You will probably want people to _fork_ your project. Forking means creating a replica of your repository on their GitHub profile.
+1. **Clone**. From there they will clone the project to their local machine. 
+1. **Create a branch**. You will want to ask them to create a _branch_ for their work. 
+1. **Focus their change on one area**. Ask contributors to concentrate their contributions on one thing at a time - that way the chances that you can _merge_ in their work is higher. Imagine they write a bug fix, add a new feature, and update several tests - what if you want to, or can only implement 2 out of 3, or 1 out of 3 changes?
 
-> Note: Be the change you want to see in the world—create branches for your own work too. Any commits you make will apply to the branch you're currently "checked out" to. Use `git status` to see which branch you're on.
+✅ Imagine a situation where branches are particularly critical to writing and shipping good code. What use cases can you think of?
 
-Let's walk through a contributor workflow. Assume the contributor has already _forked_ and _cloned_ the repository, so they have a Git repository ready to work on locally:
+> Note, be the change you want to see in the world, and create branches for your own work as well. Any commits you make will be made on the branch you’re currently “checked out” to. Use `git status` to see which branch that is.
 
-1. **Create a branch**: Use the `git branch` command to create a branch for the changes they plan to contribute:
+Let's go through a contributor workflow. Assume the contributor has already _forked_ and _cloned_ the repo so they have a Git repo ready to be worked on, on their local machine:
+
+1. **Create a branch**. Use the command `git branch` to create a branch that will contain the changes they mean to contribute:
 
    ```bash
    git branch [branch-name]
    ```
 
-1. **Switch to the working branch**: Switch to the specified branch and update the working directory using `git switch`:
+   > 💡 **Modern Approach**: You can also create and switch to the new branch in one command:
+   ```bash
+   git switch -c [branch-name]
+   ```
+
+1. **Switch to working branch**. Switch to the specified branch and update the working directory with `git switch`:
 
    ```bash
    git switch [branch-name]
    ```
 
-1. **Make changes**: Add your changes and inform Git using the following commands:
+   > 💡 **Modern Note**: `git switch` is the modern replacement for `git checkout` when changing branches. It's clearer and safer for beginners.
+
+1. **Do work**. At this point you want to add your changes. Don't forget to tell Git about it with the following commands:
 
    ```bash
    git add .
    git commit -m "my changes"
    ```
 
-   Ensure your commit message is clear and descriptive for both yourself and the repository maintainer.
+   > ⚠️ **Commit Message Quality**: Ensure you give your commit a good name, both for your sake and the maintainer of the repo you are helping on. Be specific about what you changed!
 
-1. **Merge your work with the `main` branch**: Once you're done working, you'll want to merge your changes with the `main` branch. Since the `main` branch might have changed in the meantime, update it first using the following commands:
+1. **Combine your work with the `main` branch**. At some point you are done working and you want to combine your work with that of the `main` branch. The `main` branch might have changed meanwhile so make sure you first update it to the latest with the following commands:
 
    ```bash
    git switch main
    git pull
    ```
 
-   To ensure any conflicts (situations where Git can't automatically merge changes) occur in your working branch, run the following commands:
+   At this point you want to make sure that any _conflicts_, situations where Git can't easily _combine_ the changes happens in your working branch. Therefore run the following commands:
 
    ```bash
    git switch [branch_name]
    git merge main
    ```
 
-   The `git merge main` command incorporates all changes from `main` into your branch. Ideally, you can proceed without issues. If conflicts arise, VS Code will highlight where Git is "confused," allowing you to resolve the affected files.
+   The `git merge main` command will bring in all changes from `main` into your branch. Hopefully you can just continue. If not, VS Code will tell you where Git is _confused_ and you just alter the affected files to say which content is the most accurate.
 
-   To switch to a different branch, use the modern `git switch` command:
+   💡 **Modern alternative**: Consider using `git rebase` for a cleaner history:
    ```bash
-   git switch [branch_name]
-
+   git rebase main
+   ```
+   This replays your commits on top of the latest main branch, creating a linear history.
 
-1. **Push your work to GitHub**: Sending your work to GitHub involves two steps: pushing your branch to your repository and opening a Pull Request (PR).
+1. **Send your work to GitHub**. Sending your work to GitHub means two things. Pushing your branch to your repo and then open up a PR, Pull Request.
 
    ```bash
    git push --set-upstream origin [branch-name]
    ```
 
-   The above command creates the branch on your forked repository.
-1. **Open a PR**. Next, you’ll want to open a PR. To do this, navigate to the forked repository on GitHub. GitHub will show an option asking if you want to create a new PR. Click on it, and you’ll be taken to an interface where you can edit the commit message title and provide a more suitable description. Now, the maintainer of the repository you forked will see this PR and, _fingers crossed_, they’ll appreciate it and _merge_ your PR. Congratulations, you’re now a contributor, yay! :)
+   The above command creates the branch on your forked repo.
+
+### 🤝 **Collaboration Skills Check: Ready to Work with Others?**
+
+**Let's see how you're feeling about collaboration:**
+- Does the idea of forking and pull requests make sense to you now?
+- What's one thing about working with branches that you want to practice more?
+- How comfortable do you feel about contributing to someone else's project?
+
+```mermaid
+mindmap
+  root((Git Collaboration))
+    Branching
+      Feature branches
+      Bug fix branches
+      Experimental work
+    Pull Requests
+      Code review
+      Discussion
+      Testing
+    Best Practices
+      Clear commit messages
+      Small focused changes
+      Good documentation
+```
+> **Confidence booster**: Every single developer you admire was once nervous about their first pull request. The GitHub community is incredibly welcoming to newcomers!
+
+1. **Open a PR**. Next, you want to open up a PR. You do that by navigating to the forked repo on GitHub. You will see an indication on GitHub where it asks whether you want to create a new PR, you click that and you are taken to an interface where you can change commit message title, give it a more suitable description. Now the maintainer of the repo you forked will see this PR and _fingers crossed_ they will appreciate and _merge_ your PR. You are now a contributor, yay :)
+
+   💡 **Modern tip**: You can also create PRs using GitHub CLI:
+   ```bash
+   gh pr create --title "Your PR title" --body "Description of changes"
+   ```
+
+   🔧 **Best practices for PRs**:
+   - Link to related issues using keywords like "Fixes #123"
+   - Add screenshots for UI changes
+   - Request specific reviewers
+   - Use draft PRs for work-in-progress
+   - Ensure all CI checks pass before requesting review
 
-1. **Clean up**. It’s considered good practice to _clean up_ after successfully merging a PR. You should clean up both your local branch and the branch you pushed to GitHub. First, delete it locally using the following command:
+1. **Clean up**. It's considered good practice to _clean up_ after you successfully merge a PR. You want to clean up both your local branch and the branch you pushed to GitHub. First let's delete it locally with the following command: 
 
    ```bash
    git branch -d [branch-name]
    ```
 
-   Next, go to the GitHub page for the forked repository and remove the remote branch you just pushed.
+   Ensure you go the GitHub page for the forked repo next and remove the remote branch you just pushed to it.
 
-The term `Pull request` might sound a bit odd because you’re essentially pushing your changes to the project. However, the maintainer (project owner) or core team needs to review your changes before merging them into the project’s "main" branch. So, in reality, you’re requesting a decision from the maintainer to accept your changes.
+`Pull request` seems like a silly term because really you want to push your changes to the project. But the maintainer (project owner) or core team needs to consider your changes before merging it with the project's "main" branch, so you're really requesting a change decision from a maintainer.  
 
-A pull request is a space where you can compare and discuss the differences introduced in a branch, with reviews, comments, integrated tests, and more. A good pull request follows similar rules to a commit message. You can also reference an issue in the issue tracker, especially if your work fixes a specific issue. To do this, use a `#` followed by the issue number, for example, `#97`.
+A pull request is the place to compare and discuss the differences introduced on a branch with reviews, comments, integrated tests, and more. A good pull request follows roughly the same rules as a commit message. You can add a reference to an issue in the issue tracker, when your work for instance fixes an issue. This is done using a `#` followed by the number of your issue. For example `#97`.
 
-🤞Fingers crossed that all checks pass and the project owner(s) merge your changes into the project 🤞
+🤞Fingers crossed that all checks pass and the project owner(s) merge your changes into the project🤞
 
 Update your current local working branch with all new commits from the corresponding remote branch on GitHub:
 
 `git pull`
 
-## How to contribute to open source
+## Contributing to Open Source (Your Chance to Make an Impact!)
 
-First, find a repository (or **repo**) on GitHub that interests you and to which you’d like to contribute. You’ll need to copy its contents to your machine.
+Are you ready for something that's going to absolutely blow your mind? 🤯 Let's talk about contributing to open source projects – and I'm getting goosebumps just thinking about sharing this with you!
 
-✅ A great way to find 'beginner-friendly' repositories is to [search by the tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
+This is your chance to become part of something truly extraordinary. Imagine improving the tools that millions of developers use every day, or fixing a bug in an app that your friends love. That's not just a dream – that's what open source contribution is all about!
 
-![Copy a repo locally](../../../../translated_images/en/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.png)
+Here's what gives me chills every time I think about it: every single tool you've been learning with – your code editor, the frameworks we'll explore, even the browser you're reading this in – started with someone exactly like you making their very first contribution. That brilliant developer who built your favorite VS Code extension? They were once a beginner clicking "create pull request" with shaky hands, just like you're about to do.
 
-There are several ways to copy code. One way is to "clone" the repository’s contents using HTTPS, SSH, or the GitHub CLI (Command Line Interface).
+And here's the most beautiful part: the open source community is like the internet's biggest group hug. Most projects actively look for newcomers and have issues tagged "good first issue" specifically for people like you! Maintainers genuinely get excited when they see new contributors because they remember their own first steps.
 
-Open your terminal and clone the repository like this:
-`git clone https://github.com/ProjectURL`
+```mermaid
+flowchart TD
+    A[🔍 Explore GitHub] --> B[🏷️ Find "good first issue"]
+    B --> C[📖 Read Contributing Guidelines]
+    C --> D[🍴 Fork Repository]
+    D --> E[💻 Set Up Local Environment]
+    E --> F[🌿 Create Feature Branch]
+    F --> G[✨ Make Your Contribution]
+    G --> H[🧪 Test Your Changes]
+    H --> I[📝 Write Clear Commit]
+    I --> J[📤 Push & Create PR]
+    J --> K[💬 Engage with Feedback]
+    K --> L[🎉 Merged! You're a Contributor!]
+    L --> M[🌟 Find Next Issue]
+    
+    style A fill:#e1f5fe
+    style L fill:#c8e6c9
+    style M fill:#fff59d
+```
+You're not just learning to code here – you're preparing to join a global family of builders who wake up every day thinking "How can we make the digital world a little bit better?" Welcome to the club! 🌟
 
-To start working on the project, navigate to the correct folder:
+First, let's find a repository (or **repo**) on GitHub of interest to you and to which you'd like to contribute a change. You will want to copy its contents to your machine.
+
+✅ A good way to find 'beginner-friendly' repos is to [search by the tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
+
+![Copy a repo locally](../../../../translated_images/en/clone_repo.5085c48d666ead57.webp)
+
+There are several ways of copying code. One way is to "clone" the contents of the repository, using HTTPS, SSH, or using the GitHub CLI (Command Line Interface). 
+
+Open your terminal and clone the repository like so:
+```bash
+# Using HTTPS
+git clone https://github.com/ProjectURL
+
+# Using SSH (requires SSH key setup)
+git clone git@github.com:username/repository.git
+
+# Using GitHub CLI
+gh repo clone username/repository
+```
+
+To work on the project, switch to the right folder:
 `cd ProjectURL`
 
-You can also open the entire project using [Codespaces](https://github.com/features/codespaces), GitHub’s built-in code editor/cloud development environment, or [GitHub Desktop](https://desktop.github.com/).
+You can also open the entire project using:
+- **[GitHub Codespaces](https://github.com/features/codespaces)** - GitHub's cloud development environment with VS Code in the browser
+- **[GitHub Desktop](https://desktop.github.com/)** - A GUI application for Git operations  
+- **[GitHub.dev](https://github.dev)** - Press the `.` key on any GitHub repo to open VS Code in the browser
+- **VS Code** with the GitHub Pull Requests extension
 
-Alternatively, you can download the code as a zipped folder.
+Lastly, you can download the code in a zipped folder. 
 
 ### A few more interesting things about GitHub
 
-You can star, watch, and/or "fork" any public repository on GitHub. Your starred repositories can be found in the drop-down menu at the top-right corner. It’s like bookmarking, but for code.
+You can star, watch and/or "fork" any public repository on GitHub. You can find your starred repositories in the top-right drop-down menu. It's like bookmarking, but for code. 
+
+Projects have an issue tracker, mostly on GitHub in the "Issues" tab unless indicated otherwise, where people discuss issues related to the project. And the Pull Requests tab is where people discuss and review changes that are in progress.
 
-Projects typically have an issue tracker, usually found in the "Issues" tab on GitHub unless stated otherwise. This is where people discuss project-related issues. The Pull Requests tab is where people discuss and review ongoing changes.
+Projects might also have discussion in forums, mailing lists, or chat channels like Slack, Discord or IRC.
 
-Projects may also have discussions in forums, mailing lists, or chat channels like Slack, Discord, or IRC.
+🔧 **Modern GitHub features**:
+- **GitHub Discussions** - Built-in forum for community conversations
+- **GitHub Sponsors** - Support maintainers financially  
+- **Security tab** - Vulnerability reports and security advisories
+- **Actions tab** - See automated workflows and CI/CD pipelines
+- **Insights tab** - Analytics about contributors, commits, and project health
+- **Projects tab** - GitHub's built-in project management tools
 
-✅ Explore your new GitHub repository and try out a few features, like editing settings, adding information to your repo, and creating a project (like a Kanban board). There’s a lot to discover!
+✅ Take a look around your new GitHub repo and try a few things, like editing settings, adding information to your repo, creating a project (like a Kanban board), and setting up GitHub Actions for automation. There's a lot you can do!
 
 ---
 
 ## 🚀 Challenge 
 
-Pair up with a friend to work on each other’s code. Collaboratively create a project, fork code, create branches, and merge changes.
+Alright, it's time to put your shiny new GitHub superpowers to the test! 🚀 Here's a challenge that's going to make everything click in the most satisfying way:
+
+Grab a friend (or that family member who's always asking what you're up to with all this "computer stuff") and embark on a collaborative coding adventure together! This is where the real magic happens – create a project, let them fork it, make some branches, and merge changes like the pros you're becoming.
+
+I'm not gonna lie – you'll probably laugh at some point (especially when you both try to change the same line), maybe scratch your heads in confusion, but you'll definitely have those amazing "aha!" moments that make all the learning worth it. Plus, there's something special about sharing that first successful merge with someone else – it's like a tiny celebration of how far you've come!
+
+Don't have a coding buddy yet? No worries at all! The GitHub community is packed with incredibly welcoming people who remember what it was like to be new. Look for repositories with "good first issue" labels – they're basically saying "Hey beginners, come learn with us!" How awesome is that?
 
 ## Post-Lecture Quiz
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/en/)
 
-## Review & Self Study
+## Review & Keep Learning
 
-Read more about [contributing to open source software](https://opensource.guide/how-to-contribute/#how-to-submit-a-contribution).
+Whew! 🎉 Look at you – you've just conquered GitHub basics like an absolute champion! If your brain feels a little full right now, that's completely normal and honestly a good sign. You've just learned tools that took me weeks to feel comfortable with when I started.
 
-[Git cheatsheet](https://training.github.com/downloads/github-git-cheat-sheet/).
+Git and GitHub are incredibly powerful (like, seriously powerful), and every developer I know – including the ones who seem like wizards now – had to practice and stumble around a bit before it all clicked. The fact that you've made it through this lesson means you're already on your way to mastering some of the most important tools in a developer's toolkit.
 
-Practice, practice, practice. GitHub offers excellent learning paths via [skills.github.com](https://skills.github.com):
+Here are some absolutely fantastic resources to help you practice and become even more awesome:
 
-- [First Week on GitHub](https://skills.github.com/#first-week-on-github)
+- [Contributing to open source software guide](https://opensource.guide/how-to-contribute/#how-to-submit-a-contribution) – Your roadmap to making a difference
+- [Git cheatsheet](https://training.github.com/downloads/github-git-cheat-sheet/) – Keep this handy for quick reference!
 
-You’ll also find more advanced courses.
+And remember: practice makes progress, not perfection! The more you use Git and GitHub, the more natural it becomes. GitHub has created some amazing interactive courses that let you practice in a safe environment:
+
+- [Introduction to GitHub](https://github.com/skills/introduction-to-github)
+- [Communicate using Markdown](https://github.com/skills/communicate-using-markdown)  
+- [GitHub Pages](https://github.com/skills/github-pages)
+- [Managing merge conflicts](https://github.com/skills/resolve-merge-conflicts)
+
+**Feeling adventurous? Check out these modern tools:**
+- [GitHub CLI documentation](https://cli.github.com/manual/) – For when you want to feel like a command-line wizard
+- [GitHub Codespaces documentation](https://docs.github.com/en/codespaces) – Code in the cloud!
+- [GitHub Actions documentation](https://docs.github.com/en/actions) – Automate all the things
+- [Git best practices](https://www.atlassian.com/git/tutorials/comparing-workflows) – Level up your workflow game 
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create a collaborative web development project that demonstrates the complete GitHub workflow you've learned in this lesson. This challenge will help you practice repository creation, collaboration features, and modern Git workflows in a real-world scenario.
+
+**Prompt:** Create a new public GitHub repository for a simple "Web Development Resources" project. The repository should include a well-structured README.md file listing useful web development tools and resources, organized by categories (HTML, CSS, JavaScript, etc.). Set up the repository with proper community standards including a license, contributing guidelines, and a code of conduct. Create at least two feature branches: one for adding CSS resources and another for JavaScript resources. Make commits to each branch with descriptive commit messages, then create pull requests to merge the changes back to main. Enable GitHub features like Issues, Discussions, and set up a basic GitHub Actions workflow for automated checks.
 
 ## Assignment 
 
-Complete [the First Week on GitHub course](https://skills.github.com/#first-week-on-github)
+Your mission, should you choose to accept it: Complete the [Introduction to GitHub](https://github.com/skills/introduction-to-github) course on GitHub Skills. This interactive course will let you practice everything you've learned in a safe, guided environment. Plus, you'll get a cool badge when you finish! 🏅
+
+**Feeling ready for more challenges?**
+- Set up SSH authentication for your GitHub account (no more passwords!)
+- Try using GitHub CLI for your daily Git operations
+- Create a repository with a GitHub Actions workflow
+- Explore GitHub Codespaces by opening this very repository in a cloud-based editor
+
+---
+
+## 🚀 Your GitHub Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Star this repository and 3 other projects that interest you
+- [ ] Set up two-factor authentication on your GitHub account
+- [ ] Create a simple README for your first repository
+- [ ] Follow 5 developers whose work inspires you
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and reflect on your GitHub journey
+- [ ] Set up SSH keys for password-free GitHub authentication
+- [ ] Create your first meaningful commit with a great commit message
+- [ ] Explore GitHub's "Explore" tab to discover trending projects
+- [ ] Practice forking a repository and making a small change
+
+### 📅 **Your Week-Long GitHub Adventure**
+- [ ] Complete the GitHub Skills courses (Introduction to GitHub, Markdown)
+- [ ] Make your first pull request to an open source project
+- [ ] Set up a GitHub Pages site to showcase your work
+- [ ] Join GitHub Discussions on projects you're interested in
+- [ ] Create a repository with proper community standards (README, License, etc.)
+- [ ] Try GitHub Codespaces for cloud-based development
+
+### 🌟 **Your Month-Long Transformation**
+- [ ] Contribute to 3 different open source projects
+- [ ] Mentor someone new to GitHub (pay it forward!)
+- [ ] Set up automated workflows with GitHub Actions
+- [ ] Build a portfolio showcasing your GitHub contributions
+- [ ] Participate in Hacktoberfest or similar community events
+- [ ] Become a maintainer of your own project that others contribute to
+
+### 🎓 **Final GitHub Mastery Check-in**
+
+**Celebrate how far you've come:**
+- What's your favorite thing about using GitHub?
+- Which collaboration feature excites you most?
+- How confident do you feel about contributing to open source now?
+- What's the first project you want to contribute to?
+
+```mermaid
+journey
+    title Your GitHub Confidence Journey
+    section Today
+      Nervous: 3: You
+      Curious: 4: You
+      Excited: 5: You
+    section This Week
+      Practicing: 4: You
+      Contributing: 5: You
+      Connecting: 5: You
+    section Next Month
+      Collaborating: 5: You
+      Leading: 5: You
+      Inspiring Others: 5: You
+```
+> 🌍 **Welcome to the global developer community!** You now have the tools to collaborate with millions of developers worldwide. Your first contribution might seem small, but remember - every major open source project started with someone making their very first commit. The question isn't if you'll make an impact, but what amazing project will benefit from your unique perspective first! 🚀
+
+Remember: every expert was once a beginner. You've got this! 💪
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/3-accessibility/README.md b/translations/en/1-getting-started-lessons/3-accessibility/README.md
index bcbb26336..47cea7dae 100644
--- a/translations/en/1-getting-started-lessons/3-accessibility/README.md
+++ b/translations/en/1-getting-started-lessons/3-accessibility/README.md
@@ -1,17 +1,24 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "f0c88c3e2cefa8952d356f802b1e47ca",
-  "translation_date": "2025-08-29T13:28:09+00:00",
-  "source_file": "1-getting-started-lessons/3-accessibility/README.md",
-  "language_code": "en"
-}
--->
 # Creating Accessible Webpages
 
-![All About Accessibility](../../../../translated_images/en/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.png)
+![All About Accessibility](../../../../translated_images/en/webdev101-a11y.8ef3025c858d897a.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your Accessibility Learning Adventure
+    section Foundation
+      Understanding Users: 5: You
+      Testing Tools: 4: You
+      POUR Principles: 5: You
+    section Build Skills
+      Semantic HTML: 4: You
+      Visual Design: 5: You
+      ARIA Techniques: 4: You
+    section Master Practice
+      Keyboard Navigation: 5: You
+      Form Accessibility: 4: You
+      Real-world Testing: 5: You
+```
 ## Pre-Lecture Quiz
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/)
 
@@ -19,225 +26,1466 @@ CO_OP_TRANSLATOR_METADATA:
 >
 > \- Sir Timothy Berners-Lee, W3C Director and inventor of the World Wide Web
 
-This quote perfectly captures the importance of building accessible websites. An application that excludes certain users is inherently discriminatory. As web developers, we should always prioritize accessibility. By focusing on it from the start, you'll be well on your way to ensuring that everyone can access the pages you create. In this lesson, you'll learn about tools that can help you ensure your web assets are accessible and how to design with accessibility in mind.
-
+Here's something that might surprise you: when you build accessible websites, you're not just helping people with disabilities—you're actually making the web better for everyone!
+
+Ever notice those curb cuts at street corners? They were originally designed for wheelchairs, but now they help people with strollers, delivery workers with dollies, travelers with rolling luggage, and cyclists too. That's exactly how accessible web design works—solutions that help one group often end up benefiting everyone. Pretty cool, right?
+
+In this lesson, we're going to explore how to create websites that truly work for everyone, no matter how they browse the web. You'll discover practical techniques that are already built into web standards, get hands-on with testing tools, and see how accessibility makes your sites more usable for all users.
+
+By the end of this lesson, you'll have the confidence to make accessibility a natural part of your development workflow. Ready to explore how thoughtful design choices can open up the web to billions of users? Let's dive in!
+
+```mermaid
+mindmap
+  root((Web Accessibility))
+    Users
+      Screen readers
+      Keyboard navigation
+      Voice control
+      Magnification
+    Technologies
+      HTML semantics
+      ARIA attributes
+      CSS focus indicators
+      Keyboard events
+    Benefits
+      Wider audience
+      Better SEO
+      Legal compliance
+      Universal design
+    Testing
+      Automated tools
+      Manual testing
+      User feedback
+      Real assistive tech
+```
 > You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/accessibility/?WT.mc_id=academic-77807-sagibbon)!
 
-## Tools to use
+## Understanding Assistive Technologies
+
+Before we jump into coding, let's take a moment to understand how people with different abilities actually experience the web. This isn't just theory—understanding these real-world navigation patterns will make you a much better developer!
+
+Assistive technologies are pretty amazing tools that help people with disabilities interact with websites in ways that might surprise you. Once you get the hang of how these technologies work, creating accessible web experiences becomes way more intuitive. It's like learning to see your code through someone else's eyes.
 
 ### Screen readers
 
-Screen readers are among the most well-known accessibility tools.
+[Screen readers](https://en.wikipedia.org/wiki/Screen_reader) are pretty sophisticated pieces of technology that convert digital text into speech or braille output. While they're primarily used by people with visual impairments, they're also super helpful for users with learning disabilities like dyslexia.
+
+I like to think of a screen reader as having a really smart narrator reading a book to you. It reads content aloud in a logical order, announces interactive elements like "button" or "link," and provides keyboard shortcuts for jumping around a page. But here's the thing—screen readers can only work their magic if we build websites with proper structure and meaningful content. That's where you come in as a developer!
+
+**Popular screen readers across platforms:**
+- **Windows**: [NVDA](https://www.nvaccess.org/about-nvda/) (free and most popular), [JAWS](https://webaim.org/articles/jaws/), [Narrator](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1/?WT.mc_id=academic-77807-sagibbon) (built-in)
+- **macOS/iOS**: [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) (built-in and very capable)
+- **Android**: [TalkBack](https://support.google.com/accessibility/android/answer/6283677) (built-in)
+- **Linux**: [Orca](https://wiki.gnome.org/Projects/Orca) (free and open-source)
+
+**How screen readers navigate web content:**
+
+Screen readers provide multiple navigation methods that make browsing efficient for experienced users:
+- **Sequential reading**: Reads content from top to bottom, like following a book
+- **Landmark navigation**: Jump between page sections (header, nav, main, footer)
+- **Heading navigation**: Skip between headings to understand page structure
+- **Link lists**: Generate a list of all links for quick access
+- **Form controls**: Navigate directly between input fields and buttons
+
+> 💡 **Here's something that blew my mind**: 68% of screen reader users navigate primarily by headings ([WebAIM Survey](https://webaim.org/projects/screenreadersurvey9/#finding)). This means your heading structure is like a roadmap for users—when you get it right, you're literally helping people find their way around your content faster!
+
+### Building your testing workflow
+
+Here's some good news—effective accessibility testing doesn't have to be overwhelming! You'll want to combine automated tools (they're fantastic at catching obvious issues) with some hands-on testing. Here's a systematic approach that I've found catches the most issues without eating up your entire day:
+
+**Essential manual testing workflow:**
+
+```mermaid
+flowchart TD
+    A[🚀 Start Testing] --> B{⌨️ Keyboard Navigation}
+    B --> C[Tab through all interactive elements]
+    C --> D{🎧 Screen Reader Testing}
+    D --> E[Test with NVDA/VoiceOver]
+    E --> F{🔍 Zoom Testing}
+    F --> G[Zoom to 200% and test functionality]
+    G --> H{🎨 Color/Contrast Check}
+    H --> I[Verify all text meets contrast ratios]
+    I --> J{👁️ Focus Management}
+    J --> K[Ensure focus indicators are visible]
+    K --> L[✅ Testing Complete]
+    
+    style A fill:#e3f2fd
+    style L fill:#e8f5e8
+    style B fill:#fff3e0
+    style D fill:#f3e5f5
+    style F fill:#e0f2f1
+    style H fill:#fce4ec
+    style J fill:#e8eaf6
+```
+**Step-by-step testing checklist:**
+1. **Keyboard navigation**: Use only Tab, Shift+Tab, Enter, Space, and Arrow keys
+2. **Screen reader testing**: Enable NVDA, VoiceOver, or Narrator and navigate with eyes closed
+3. **Zoom testing**: Test at 200% and 400% zoom levels
+4. **Color contrast verification**: Check all text and UI components
+5. **Focus indicator testing**: Ensure all interactive elements have visible focus states
 
-[Screen readers](https://en.wikipedia.org/wiki/Screen_reader) are commonly used by individuals with vision impairments. Just as we ensure browsers display information correctly, we must also ensure screen readers convey the same information accurately.
+✅ **Start with Lighthouse**: Open your browser's DevTools, run a Lighthouse accessibility audit, then use the results to guide your manual testing focus areas.
 
-At their core, screen readers audibly read a page from top to bottom. If your page is entirely text, the reader will present the information similarly to a browser. However, web pages often include links, images, colors, and other visual elements. Care must be taken to ensure this information is conveyed correctly by a screen reader.
+### Zoom and magnification tools
 
-Every web developer should become familiar with screen readers. Just as you understand how browsers work, you should also learn how screen readers operate. Fortunately, most operating systems come with built-in screen readers.
+You know how you sometimes pinch to zoom on your phone when text is too small, or squint at your laptop screen in bright sunlight? Many users rely on magnification tools to make content readable every single day. This includes people with low vision, older adults, and anyone who's ever tried to read a website outdoors.
 
-Some browsers also include tools and extensions that can read text aloud or provide basic navigation features, such as [these accessibility-focused Edge browser tools](https://support.microsoft.com/help/4000734/microsoft-edge-accessibility-features). While useful, these tools function differently from screen readers and should not be used as substitutes for screen reader testing.
+Modern zoom technologies have evolved beyond just making things bigger. Understanding how these tools work will help you create responsive designs that remain functional and attractive at any magnification level.
 
-✅ Try a screen reader and browser text reader. On Windows, [Narrator](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1/?WT.mc_id=academic-77807-sagibbon) is included by default, and [JAWS](https://webaim.org/articles/jaws/) and [NVDA](https://www.nvaccess.org/about-nvda/) can also be installed. On macOS and iOS, [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10) is pre-installed.
+**Modern browser zoom capabilities:**
+- **Page zoom**: Scales all content proportionally (text, images, layout) - this is the preferred method
+- **Text-only zoom**: Increases font size while maintaining original layout
+- **Pinch-to-zoom**: Mobile gesture support for temporary magnification
+- **Browser support**: All modern browsers support zoom up to 500% without breaking functionality
 
-### Zoom
+**Specialized magnification software:**
+- **Windows**: [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1c-d3bd-8615-0e5e32204198) (built-in), [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/)
+- **macOS/iOS**: [Zoom](https://www.apple.com/accessibility/mac/vision/) (built-in with advanced features)
 
-Zooming is another tool frequently used by individuals with vision impairments. 
+> ⚠️ **Design Consideration**: WCAG requires that content remain functional when zoomed to 200%. At this level, horizontal scrolling should be minimal, and all interactive elements should remain accessible.
 
-The simplest form of zooming is static zoom, which can be controlled using `Control + plus sign (+)` or by lowering the screen resolution. This type of zoom enlarges the entire page, so using [responsive design](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) is essential to ensure a good user experience at higher zoom levels.
+✅ **Test your responsive design**: Zoom your browser to 200% and 400%. Does your layout adapt gracefully? Can you still access all functionality without excessive scrolling?
 
-Another type of zoom involves specialized software that magnifies specific areas of the screen and allows panning, similar to using a magnifying glass. On Windows, [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1c-d3bd-8615-0e5e32204198) is built in, while [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) is a third-party magnification tool with additional features and a larger user base. Both macOS and iOS include a built-in magnification tool called [Zoom](https://www.apple.com/accessibility/mac/vision/).
+## Modern Accessibility Testing Tools
 
-### Contrast checkers
+Now that you understand how people navigate the web with assistive technologies, let's explore the tools that help you build and test accessible websites.
 
-Colors on websites must be chosen carefully to accommodate users who are color-blind or have difficulty perceiving low-contrast colors.
+Think of it like this: automated tools are great at catching obvious issues (like missing alt text), while hands-on testing helps you ensure your site feels good to use in the real world. Together, they give you confidence that your sites work for everyone.
 
-✅ Test a website you enjoy using for its color choices with a browser extension like [WCAG's color checker](https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp?hl=en-US&WT.mc_id=academic-77807-sagibbon). What do you learn?
+### Color contrast testing
 
-### Lighthouse
+Here's some good news: color contrast is one of the most common accessibility issues, but it's also one of the easiest to fix. Good contrast benefits everyone—from users with visual impairments to people trying to read their phones at the beach.
 
-Your browser's developer tools include the Lighthouse tool, which provides an initial analysis of a website's accessibility (along with other metrics). While you shouldn't rely solely on Lighthouse, achieving a 100% score is a helpful starting point.
+**WCAG contrast requirements:**
 
-✅ Open Lighthouse in your browser's developer tools and analyze any website. What do you discover?
+| Text Type | WCAG AA (Minimum) | WCAG AAA (Enhanced) |
+|-----------|-------------------|---------------------|
+| **Normal text** (under 18pt) | 4.5:1 contrast ratio | 7:1 contrast ratio |
+| **Large text** (18pt+ or 14pt+ bold) | 3:1 contrast ratio | 4.5:1 contrast ratio |
+| **UI components** (buttons, form borders) | 3:1 contrast ratio | 3:1 contrast ratio |
 
-## Designing for accessibility
+**Essential testing tools:**
+- [Colour Contrast Analyser](https://www.tpgi.com/color-contrast-checker/) - Desktop app with color picker
+- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) - Web-based with instant feedback
+- [Stark](https://www.getstark.co/) - Design tool plugin for Figma, Sketch, Adobe XD
+- [Accessible Colors](https://accessible-colors.com/) - Find accessible color palettes
 
-Accessibility is a broad topic, but there are many resources available to help you.
+✅ **Build better color palettes**: Start with your brand colors and use contrast checkers to create accessible variations. Document these as your design system's accessible color tokens.
 
-- [Accessible U - University of Minnesota](https://accessibility.umn.edu/your-role/web-developers)
+### Comprehensive accessibility auditing
 
-While we can't cover every aspect of creating accessible websites, the following are some core principles to implement. Designing an accessible page from the beginning is **always** easier than retrofitting an existing page.
+The most effective accessibility testing combines multiple approaches. No single tool catches everything, so building a testing routine with various methods ensures thorough coverage.
 
-## Good display principles
+**Browser-based testing (built into DevTools):**
+- **Chrome/Edge**: Lighthouse accessibility audit + Accessibility panel
+- **Firefox**: Accessibility Inspector with detailed tree view
+- **Safari**: Audit tab in Web Inspector with VoiceOver simulation
 
-### Color-safe palettes
+**Professional testing extensions:**
+- [axe DevTools](https://www.deque.com/axe/devtools/) - Industry-standard automated testing
+- [WAVE](https://wave.webaim.org/extension/) - Visual feedback with error highlighting
+- [Accessibility Insights](https://accessibilityinsights.io/) - Microsoft's comprehensive testing suite
 
-People perceive colors differently. When choosing a color scheme for your site, ensure it's accessible to everyone. A great [tool for generating color palettes is Color Safe](http://colorsafe.co/).
+**Command-line and CI/CD integration:**
+- [axe-core](https://github.com/dequelabs/axe-core) - JavaScript library for automated testing
+- [Pa11y](https://pa11y.org/) - Command-line accessibility testing tool
+- [Lighthouse CI](https://github.com/GoogleChrome/lighthouse-ci) - Automated accessibility scoring
 
-✅ Identify a website with problematic color usage. Why is it an issue?
+> 🎯 **Testing Goal**: Aim for a Lighthouse accessibility score of 95+ as your baseline. Remember, automated tools only catch about 30-40% of accessibility issues—manual testing is still essential!
 
-### Use the correct HTML
+### 🧠 **Testing Skills Check: Ready to Find Issues?**
 
-With CSS and JavaScript, you can make any element look like any type of control. For example, a `<span>` could be styled to look like a `<button>`, or a `<b>` could resemble a hyperlink. While this might seem convenient, it provides no context to a screen reader. Always use the appropriate HTML elements for their intended purposes. For instance, use `<a>` for hyperlinks. This practice is known as Semantic HTML.
+**Let's see how you're feeling about accessibility testing:**
+- Which testing method seems most approachable to you right now?
+- Can you imagine using keyboard-only navigation for a full day?
+- What's one accessibility barrier you've personally experienced online?
 
-✅ Visit a website and check if the developers are using HTML correctly. Can you find a button that should be a link? Hint: Right-click and select 'View Page Source' in your browser to inspect the code.
+```mermaid
+pie title "Accessibility Issues Caught by Different Methods"
+    "Automated Tools" : 35
+    "Manual Testing" : 40
+    "User Feedback" : 25
+```
+> **Confidence booster**: Professional accessibility testers use this exact combination of methods. You're learning industry-standard practices!
 
-### Create a descriptive heading hierarchy
+## Building Accessibility from the Ground Up
 
-Screen reader users [rely heavily on headings](https://webaim.org/projects/screenreadersurvey8/#finding) to navigate and locate information on a page. Writing descriptive headings and using semantic heading tags are crucial for creating a site that's easy to navigate for screen reader users.
+The key to accessibility success is building it into your foundation from day one. I know it's tempting to think "I'll add accessibility later," but that's like trying to add a ramp to a house after it's already built. Possible? Yes. Easy? Not really.
 
-### Use clear visual cues
+Think of accessibility like planning a house—it's much easier to include wheelchair accessibility in your initial architectural plans than to retrofit everything later.
 
-CSS allows you to customize the appearance of any element on a page. For example, you can create text boxes without outlines or hyperlinks without underlines. However, removing these visual cues can make it harder for users who rely on them to identify interactive elements.
+### The POUR principles: Your accessibility foundation
 
-## The importance of link text
+The Web Content Accessibility Guidelines (WCAG) are built around four fundamental principles that spell out POUR. Don't worry—these aren't stuffy academic concepts! They're actually practical guidelines for making content that works for everyone.
 
-Hyperlinks are fundamental to web navigation. Ensuring that screen readers can interpret links correctly is essential for accessibility.
+Once you get the hang of POUR, making accessibility decisions becomes way more intuitive. It's like having a mental checklist that guides your design choices. Let's break it down:
 
-### Screen readers and links
+```mermaid
+flowchart LR
+    A[🔍 PERCEIVABLE<br/>Can users sense it?] --> B[🎮 OPERABLE<br/>Can users use it?]
+    B --> C[📖 UNDERSTANDABLE<br/>Can users get it?]
+    C --> D[💪 ROBUST<br/>Does it work everywhere?]
+    
+    A1[Alt text<br/>Captions<br/>Contrast] --> A
+    B1[Keyboard access<br/>No seizures<br/>Time limits] --> B
+    C1[Clear language<br/>Predictable<br/>Error help] --> C
+    D1[Valid code<br/>Compatible<br/>Future-proof] --> D
+    
+    style A fill:#e1f5fe
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+```
+**🔍 Perceivable**: Information must be presentable in ways users can perceive through their available senses
+
+- Provide text alternatives for non-text content (images, videos, audio)
+- Ensure sufficient color contrast for all text and UI components
+- Offer captions and transcripts for multimedia content
+- Design content that remains functional when resized up to 200%
+- Use multiple sensory characteristics (not just color) to convey information
+
+**🎮 Operable**: All interface components must be operable through available input methods
+
+- Make all functionality accessible via keyboard navigation
+- Provide users sufficient time to read and interact with content
+- Avoid content that causes seizures or vestibular disorders
+- Help users navigate efficiently with clear structure and landmarks
+- Ensure interactive elements have adequate target sizes (44px minimum)
+
+**📖 Understandable**: Information and UI operation must be clear and comprehensible
+
+- Use clear, simple language appropriate for your audience
+- Ensure content appears and operates in predictable, consistent ways
+- Provide clear instructions and error messages for user input
+- Help users understand and correct mistakes in forms
+- Organize content with logical reading order and information hierarchy
+
+**💪 Robust**: Content must work reliably across different technologies and assistive devices
+- **Use valid, semantic HTML as your foundation**
+- **Ensure compatibility with current and future assistive technologies**
+- **Follow web standards and best practices for markup**
+- **Test across different browsers, devices, and assistive tools**
+- **Structure content so it degrades gracefully when advanced features aren't supported**
+
+### 🎯 **POUR Principles Check: Making It Stick**
+
+**Quick reflection on the foundations:**
+- Can you think of a website feature that fails each POUR principle?
+- Which principle feels most natural to you as a developer?
+- How might these principles improve design for everyone, not just disabled users?
+
+```mermaid
+quadrantChart
+    title POUR Principles Impact Matrix
+    x-axis Low Effort --> High Effort
+    y-axis Low Impact --> High Impact
+    quadrant-1 Quick Wins
+    quadrant-2 Major Projects
+    quadrant-3 Consider Later
+    quadrant-4 Strategic Focus
+    
+    Alt Text: [0.2, 0.9]
+    Color Contrast: [0.3, 0.8]
+    Semantic HTML: [0.4, 0.9]
+    Keyboard Nav: [0.6, 0.8]
+    ARIA Complex: [0.8, 0.7]
+    Screen Reader Testing: [0.7, 0.6]
+```
+> **Remember**: Start with high-impact, low-effort improvements. Semantic HTML and alt text give you the biggest accessibility boost for the least effort!
 
-Screen readers read link text just like any other text on a page. At first glance, the examples below might seem acceptable:
+## Creating Accessible Visual Design
 
-> The little penguin, sometimes known as the fairy penguin, is the smallest penguin in the world. [Click here](https://en.wikipedia.org/wiki/Little_penguin) for more information.
+Good visual design and accessibility go hand in hand. When you design with accessibility in mind, you often discover that these constraints lead to cleaner, more elegant solutions that benefit all users.
 
-> The little penguin, sometimes known as the fairy penguin, is the smallest penguin in the world. Visit https://en.wikipedia.org/wiki/Little_penguin for more information.
+Let's explore how to create visually appealing designs that work for everyone, regardless of their visual abilities or the conditions under which they're viewing your content.
 
-> **NOTE**: As you'll see, you should **never** create links like the examples above.
+### Color and visual accessibility strategies
 
-### The problem with using the URL
+Color is powerful for communication, but it should never be the only way you convey important information. Designing beyond color creates more robust, inclusive experiences that work in more situations.
 
-Screen readers will read the URL aloud, which can be uninformative and annoying. You've likely experienced this if your phone has ever read a text message containing a URL.
+**Design for color vision differences:**
 
-### The problem with "click here"
+Approximately 8% of men and 0.5% of women have some form of color vision difference (often called "color blindness"). The most common types are:
+- **Deuteranopia**: Difficulty distinguishing red and green
+- **Protanopia**: Red appears more dim
+- **Tritanopia**: Difficulty with blue and yellow (rare)
 
-Screen readers can list all the links on a page. If all the links are labeled "click here," the user will hear "click here, click here, click here..."—making it impossible to distinguish between links.
+**Inclusive color strategies:**
 
-### Good link text
+```css
+/* ❌ Bad: Using only color to indicate status */
+.error { color: red; }
+.success { color: green; }
 
-Good link text briefly describes the destination. For example, in the case of the little penguin, the link text *little penguin* clearly indicates what the user will learn about.
+/* ✅ Good: Color plus icons and context */
+.error {
+  color: #d32f2f;
+  border-left: 4px solid #d32f2f;
+}
+.error::before {
+  content: "⚠️";
+  margin-right: 8px;
+}
 
-> The [little penguin](https://en.wikipedia.org/wiki/Little_penguin), sometimes known as the fairy penguin, is the smallest penguin in the world.
+.success {
+  color: #2e7d32;
+  border-left: 4px solid #2e7d32;
+}
+.success::before {
+  content: "✅";
+  margin-right: 8px;
+}
+```
 
-✅ Browse the web and find pages with unclear link text. Compare them to pages with descriptive links. What do you notice?
+**Beyond basic contrast requirements:**
+- Test your color choices with color blind simulators
+- Use patterns, textures, or shapes alongside color coding
+- Ensure interactive states remain distinguishable without color
+- Consider how your design looks in high contrast mode
 
-#### Search engine notes
+✅ **Test your color accessibility**: Use tools like [Coblis](https://www.color-blindness.com/coblis-color-blindness-simulator/) to see how your site appears to users with different types of color vision.
 
-Using descriptive link text also helps search engines understand your site, improving navigation for everyone.
+### Focus indicators and interaction design
 
-### ARIA
+Focus indicators are the digital equivalent of a cursor—they show keyboard users where they are on the page. Well-designed focus indicators enhance the experience for everyone by making interactions clear and predictable.
 
-Consider the following table:
+**Modern focus indicator best practices:**
 
-| Product      | Description        | Order        |
-| ------------ | ------------------ | ------------ |
-| Widget       | [Description](../../../../1-getting-started-lessons/3-accessibility/') | [Order](../../../../1-getting-started-lessons/3-accessibility/') |
-| Super widget | [Description](../../../../1-getting-started-lessons/3-accessibility/') | [Order](../../../../1-getting-started-lessons/3-accessibility/') |
+```css
+/* Enhanced focus styles that work across browsers */
+button:focus-visible {
+  outline: 2px solid #0066cc;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.25);
+}
 
-For a browser user, the repeated "Description" and "Order" links make sense. However, a screen reader user would hear "Description" and "Order" repeated without context.
+/* Remove focus outline for mouse users, preserve for keyboard users */
+button:focus:not(:focus-visible) {
+  outline: none;
+}
 
-To address this, HTML includes [Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) attributes, which provide additional context for screen readers.
+/* Focus-within for complex components */
+.card:focus-within {
+  box-shadow: 0 0 0 3px rgba(74, 144, 164, 0.5);
+  border-color: #4A90A4;
+}
 
-> **NOTE**: ARIA support varies across browsers and screen readers, but most major clients support it.
+/* Ensure focus indicators meet contrast requirements */
+.custom-focus:focus-visible {
+  outline: 3px solid #ffffff;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 6px #000000;
+}
+```
 
-You can use `aria-label` to add context to links. For example, the description link for the widget could be labeled as:
+**Focus indicator requirements:**
+- **Visibility**: Must have at least 3:1 contrast ratio with surrounding elements
+- **Width**: Minimum 2px thickness around the entire element
+- **Persistence**: Should remain visible until focus moves elsewhere
+- **Distinction**: Must be visually different from other UI states
+
+> 💡 **Design Tip**: Great focus indicators often use a combination of outline, box-shadow, and color changes to ensure visibility across different backgrounds and contexts.
+
+✅ **Audit focus indicators**: Tab through your website and note which elements have clear focus indicators. Are any difficult to see or missing entirely?
+
+### Semantic HTML: The foundation of accessibility
+
+Semantic HTML is like giving assistive technologies a GPS system for your website. When you use the right HTML elements for their intended purpose, you're basically providing screen readers, keyboards, and other tools with a detailed roadmap to help users navigate effectively.
+
+Here's an analogy that really clicked for me: semantic HTML is the difference between a well-organized library with clear categories and helpful signs versus a warehouse where books are scattered randomly. Both places have the same books, but which one would you rather try to find something in? Exactly!
+
+```mermaid
+flowchart TD
+    A[🏠 HTML Document] --> B[📰 header]
+    A --> C[🧭 nav]
+    A --> D[📄 main]
+    A --> E[📋 footer]
+    
+    B --> B1[h1: Site Name<br/>Logo & branding]
+    C --> C1[ul: Navigation<br/>Primary links]
+    D --> D1[article: Content<br/>section: Subsections]
+    D --> D2[aside: Sidebar<br/>Related content]
+    E --> E1[nav: Footer links<br/>Copyright info]
+    
+    D1 --> D1a[h1: Page title<br/>h2: Major sections<br/>h3: Subsections]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+```
+**Building blocks of accessible page structure:**
+
+```html
+<!-- Landmark elements provide page navigation structure -->
+<header>
+  <h1>Your Site Name</h1>
+  <nav aria-label="Main navigation">
+    <ul>
+      <li><a href="/home">Home</a></li>
+      <li><a href="/about">About</a></li>
+      <li><a href="/services">Services</a></li>
+    </ul>
+  </nav>
+</header>
+
+<main>
+  <article>
+    <header>
+      <h1>Article Title</h1>
+      <p>Published on <time datetime="2024-10-14">October 14, 2024</time></p>
+    </header>
+    
+    <section>
+      <h2>First Section</h2>
+      <p>Content that relates to this section...</p>
+    </section>
+    
+    <section>
+      <h2>Second Section</h2>
+      <p>More related content...</p>
+    </section>
+  </article>
+  
+  <aside>
+    <h2>Related Links</h2>
+    <nav aria-label="Related articles">
+      <ul>
+        <li><a href="/related-1">First related article</a></li>
+        <li><a href="/related-2">Second related article</a></li>
+      </ul>
+    </nav>
+  </aside>
+</main>
+
+<footer>
+  <p>&copy; 2024 Your Site Name. All rights reserved.</p>
+  <nav aria-label="Footer links">
+    <ul>
+      <li><a href="/privacy">Privacy Policy</a></li>
+      <li><a href="/contact">Contact Us</a></li>
+    </ul>
+  </nav>
+</footer>
+```
 
-``` html
-<a href="#" aria-label="Widget description">description</a>
+**Why semantic HTML transforms accessibility:**
+
+| Semantic Element | Purpose | Screen Reader Benefit |
+|------------------|---------|----------------------|
+| `<header>` | Page or section header | "Banner landmark" - quick navigation to top |
+| `<nav>` | Navigation links | "Navigation landmark" - list of nav sections |
+| `<main>` | Primary page content | "Main landmark" - skip directly to content |
+| `<article>` | Self-contained content | Announces article boundaries |
+| `<section>` | Themed content groups | Provides content structure |
+| `<aside>` | Related sidebar content | "Complementary landmark" |
+| `<footer>` | Page or section footer | "Contentinfo landmark" |
+
+**Screen reader superpowers with semantic HTML:**
+- **Landmark navigation**: Jump between major page sections instantly
+- **Heading outlines**: Generate a table of contents from your heading structure
+- **Element lists**: Create lists of all links, buttons, or form controls
+- **Context awareness**: Understand relationships between content sections
+
+> 🎯 **Quick Test**: Try navigating your site with a screen reader using landmark shortcuts (D for landmark, H for heading, K for link in NVDA/JAWS). Does the navigation make sense?
+
+### 🏗️ **Semantic HTML Mastery Check: Building Strong Foundations**
+
+**Let's evaluate your semantic understanding:**
+- Can you identify the landmarks on a webpage just by looking at the HTML?
+- How would you explain the difference between `<section>` and `<div>` to a friend?
+- What's the first thing you'd check if a screen reader user reported navigation problems?
+
+```mermaid
+stateDiagram-v2
+    [*] --> UnsementicHTML: div soup
+    UnsementicHTML --> SemanticHTML: Add landmarks
+    SemanticHTML --> AccessibleHTML: Test with AT
+    AccessibleHTML --> [*]: User success!
+    
+    note right of UnsementicHTML
+        Screen readers lost
+        Keyboard nav broken
+    end note
+    
+    note right of AccessibleHTML
+        Clear navigation
+        Efficient browsing
+    end note
 ```
+> **Pro insight**: Good semantic HTML solves about 70% of accessibility issues automatically. Master this foundation and you're well on your way!
+
+✅ **Audit your semantic structure**: Use the Accessibility panel in your browser's DevTools to view the accessibility tree and ensure your markup creates a logical structure.
+
+### Heading hierarchy: Creating a logical content outline
+
+Headings are absolutely crucial for accessible content—they're like the spine that holds everything together. Screen reader users rely heavily on headings to understand and navigate your content. Think of it as providing a table of contents for your page.
 
-✅ While Semantic HTML should always be your first choice, ARIA is useful when no semantic equivalent exists (e.g., for a tree structure). The [MDN documentation on ARIA](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) is a great resource.
+**Here's the golden rule for headings:**
+Never skip levels. Always progress logically from `<h1>` to `<h2>` to `<h3>`, and so on. Remember making outlines in school? It's exactly the same principle—you wouldn't jump from "I. Main Point" straight to "C. Sub-sub-point" without a "A. Sub-point" in between, right?
+
+**Perfect heading structure example:**
+
+```html
+<!-- ✅ Excellent: Logical, hierarchical progression -->
+<main>
+  <h1>Complete Guide to Web Accessibility</h1>
+  
+  <section>
+    <h2>Understanding Screen Readers</h2>
+    <p>Introduction to screen reader technology...</p>
+    
+    <h3>Popular Screen Reader Software</h3>
+    <p>NVDA, JAWS, and VoiceOver comparison...</p>
+    
+    <h3>Testing with Screen Readers</h3>
+    <p>Step-by-step testing instructions...</p>
+  </section>
+  
+  <section>
+    <h2>Color and Contrast Guidelines</h2>
+    <p>Designing with sufficient contrast...</p>
+    
+    <h3>WCAG Contrast Requirements</h3>
+    <p>Understanding the different contrast levels...</p>
+    
+    <h3>Testing Tools and Techniques</h3>
+    <p>Tools for verifying contrast ratios...</p>
+  </section>
+</main>
+```
 
 ```html
-<h2 id="tree-label">File Viewer</h2>
-<div role="tree" aria-labelledby="tree-label">
-  <div role="treeitem" aria-expanded="false" tabindex="0">Uploads</div>
+<!-- ❌ Problematic: Skipping levels, inconsistent structure -->
+<h1>Page Title</h1>
+<h3>Subsection</h3> <!-- Skipped h2 -->
+<h2>This should come before h3</h2>
+<h1>Another main heading?</h1> <!-- Multiple h1s -->
+```
+
+**Heading best practices:**
+- **One `<h1>` per page**: Typically your main page title or primary content heading
+- **Logical progression**: Never skip levels (h1 → h2 → h3, not h1 → h3)
+- **Descriptive content**: Make headings meaningful when read out of context
+- **Visual styling with CSS**: Use CSS for appearance, HTML levels for structure
+
+**Screen reader navigation statistics:**
+- 68% of screen reader users navigate by headings ([WebAIM Survey](https://webaim.org/projects/screenreadersurvey9/#finding))
+- Users expect to find a logical heading outline
+- Headings provide the fastest way to understand page structure
+
+> 💡 **Pro Tip**: Use browser extensions like "HeadingsMap" to visualize your heading structure. It should read like a well-organized table of contents.
+
+✅ **Test your heading structure**: Use a screen reader's heading navigation (H key in NVDA) to jump through your headings. Does the progression tell the story of your content logically?
+
+### Advanced visual accessibility techniques
+
+Beyond the basics of contrast and color, there are sophisticated techniques that help create truly inclusive visual experiences. These methods ensure your content works across different viewing conditions and assistive technologies.
+
+**Essential visual communication strategies:**
+
+- **Multi-modal feedback**: Combine visual, textual, and sometimes audio cues
+- **Progressive disclosure**: Present information in digestible chunks
+- **Consistent interaction patterns**: Use familiar UI conventions
+- **Responsive typography**: Scale text appropriately across devices
+- **Loading and error states**: Provide clear feedback for all user actions
+
+**CSS utilities for enhanced accessibility:**
+
+```css
+/* Screen reader only text - visually hidden but accessible */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* Skip link for keyboard navigation */
+.skip-link {
+  position: absolute;
+  top: -40px;
+  left: 6px;
+  background: #000000;
+  color: #ffffff;
+  padding: 8px 16px;
+  text-decoration: none;
+  border-radius: 4px;
+  font-weight: bold;
+  transition: top 0.3s ease;
+  z-index: 1000;
+}
+
+.skip-link:focus {
+  top: 6px;
+}
+
+/* Reduced motion respect */
+@media (prefers-reduced-motion: reduce) {
+  .skip-link {
+    transition: none;
+  }
+  
+  * {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+/* High contrast mode support */
+@media (prefers-contrast: high) {
+  .button {
+    border: 2px solid;
+  }
+}
+```
+
+> 🎯 **Accessibility Pattern**: The "skip link" is essential for keyboard users. It should be the first focusable element on your page and jump directly to the main content area.
+
+✅ **Implement skip navigation**: Add skip links to your pages and test them by pressing Tab as soon as the page loads. They should appear and allow you to jump to main content.
+
+## Crafting Meaningful Link Text
+
+Links are basically the highways of the web, but poorly written link text is like having road signs that just say "Place" instead of "Downtown Chicago." Not very helpful, right?
+
+Here's something that blew my mind when I first learned it: screen readers can extract all the links from a page and show them as one big list. Imagine if someone handed you a directory of every link on your page. Would each one make sense on its own? That's the test your link text needs to pass!
+
+### Understanding link navigation patterns
+
+Screen readers offer powerful link navigation features that rely on well-written link text:
+
+**Link navigation methods:**
+- **Sequential reading**: Links are read in context as part of content flow
+- **Link list generation**: All page links compiled into a searchable directory
+- **Quick navigation**: Jump between links using keyboard shortcuts (K in NVDA)
+- **Search functionality**: Find specific links by typing partial text
+
+**Why context matters:**
+When screen reader users generate a link list, they see something like this:
+- "Download report"
+- "Learn more"
+- "Click here"
+- "Privacy policy"
+- "Click here"
+
+Only two of these links provide useful information when read out of context!
+
+> 📊 **User Impact**: Screen reader users scan link lists to understand page content quickly. Generic link text forces them to navigate back to each link's context, significantly slowing down their browsing experience.
+
+### Common link text mistakes to avoid
+
+Understanding what doesn't work helps you recognize and fix accessibility issues in existing content.
+
+**❌ Generic link text that provides no context:**
+
+```html
+<!-- Meaningless when read from a link list -->
+<p>Our sustainability efforts are detailed in our recent report. 
+   <a href="/sustainability-2024.pdf">Click here</a> to view it.</p>
+
+<!-- Repeated generic text throughout the page -->
+<div class="article-card">
+  <h3>Web Accessibility Guide</h3>
+  <p>Learn the fundamentals...</p>
+  <a href="/accessibility-guide">Read more</a>
+</div>
+<div class="article-card">
+  <h3>Color Contrast Tips</h3>
+  <p>Improve your design...</p>
+  <a href="/color-contrast">Read more</a>
 </div>
+
+<!-- URLs as link text (difficult for screen readers to announce) -->
+<p>Visit https://www.w3.org/WAI/WCAG21/quickref/ for WCAG guidelines.</p>
+
+<!-- Vague action words -->
+<a href="/contact">Go</a> | <a href="/about">See</a> | <a href="/help">View</a>
 ```
 
-## Images
+**Why these patterns fail:**
+- **"Click here"** tells users nothing about the destination
+- **"Read more"** repeated multiple times creates confusion
+- **Raw URLs** are difficult for screen readers to pronounce clearly
+- **Single words** like "Go" or "See" lack descriptive context
 
-Screen readers cannot interpret images, which is why the `alt` attribute is essential. All meaningful images should include an `alt` description. Decorative images should have an empty `alt` attribute (`alt=""`) to prevent unnecessary announcements.
+### Writing excellent link text
 
-✅ Search engines also rely on `alt` text, so making your images accessible benefits everyone!
+Descriptive link text benefits everyone—sighted users can quickly scan links, and screen reader users understand destinations immediately.
 
-## The keyboard
+**✅ Clear, descriptive link text examples:**
 
-Some users navigate websites using only a keyboard. It's important to structure your content logically so that keyboard users can access interactive elements in the correct order. Building pages with semantic HTML and styling them with CSS usually ensures keyboard accessibility, but manual testing is essential. Learn more about [keyboard navigation strategies](https://webaim.org/techniques/keyboard/).
+```html
+<!-- Descriptive text that explains the destination -->
+<p>Our comprehensive <a href="/sustainability-2024.pdf">2024 sustainability report (PDF, 2.1MB)</a> details our environmental initiatives.</p>
+
+<!-- Specific, unique link text for each card -->
+<div class="article-card">
+  <h3>Web Accessibility Guide</h3>
+  <p>Learn the fundamentals of inclusive design...</p>
+  <a href="/accessibility-guide">Read our complete web accessibility guide</a>
+</div>
+<div class="article-card">
+  <h3>Color Contrast Tips</h3>
+  <p>Improve your design with better color choices...</p>
+  <a href="/color-contrast">Explore color contrast best practices</a>
+</div>
 
-✅ Visit a website and try navigating it using only your keyboard. What works well? What doesn't? Why?
+<!-- Meaningful text instead of raw URLs -->
+<p>The <a href="https://www.w3.org/WAI/WCAG21/quickref/">WCAG 2.1 Quick Reference guide</a> provides comprehensive accessibility guidelines.</p>
 
-## Summary
+<!-- Descriptive action links -->
+<a href="/contact">Contact our support team</a> | 
+<a href="/about">About our company</a> | 
+<a href="/help">Get help with your account</a>
+```
 
-A web that's only accessible to some is not truly "world-wide." The best way to ensure your sites are accessible is to incorporate accessibility best practices from the start. While it may require extra effort, adopting these practices now will ensure all your future pages are inclusive.
+**Link text best practices:**
+- **Be specific**: "Download the quarterly financial report" vs. "Download"
+- **Include file type and size**: "(PDF, 1.2MB)" for downloadable files
+- **Mention if links open externally**: "(opens in new window)" when appropriate
+- **Use active language**: "Contact us" vs. "Contact page"
+- **Keep it concise**: Aim for 2-8 words when possible
+
+### Advanced link accessibility patterns
+
+Sometimes visual design constraints or technical requirements need special solutions. Here are sophisticated techniques for common challenging scenarios:
+
+**Using ARIA for enhanced context:**
+
+```html
+<!-- When button text must be short but needs more context -->
+<a href="/report.pdf" 
+   aria-label="Download 2024 annual financial report, PDF format, 2.3MB">
+  Download Report
+</a>
+
+<!-- When the full context comes from surrounding content -->
+<h3 id="sustainability-heading">Sustainability Initiative</h3>
+<p>Our efforts to reduce environmental impact...</p>
+<a href="/sustainability-details" 
+   aria-labelledby="sustainability-heading"
+   aria-describedby="sustainability-summary">
+  Learn more
+</a>
+<p id="sustainability-summary">Detailed breakdown of our 2024 environmental goals and achievements</p>
+```
+
+**Indicating file types and external destinations:**
+
+```html
+<!-- Method 1: Include information in visible link text -->
+<a href="/annual-report.pdf">
+  Download our 2024 annual report (PDF, 2.3MB)
+</a>
+
+<!-- Method 2: Use screen reader-only text for file details -->
+<a href="/annual-report.pdf">
+  Download our 2024 annual report
+  <span class="sr-only">(PDF format, 2.3MB)</span>
+</a>
+
+<!-- Method 3: External link indication -->
+<a href="https://example.com" 
+   target="_blank" 
+   aria-describedby="external-link-warning">
+  Visit external resource
+</a>
+<span id="external-link-warning" class="sr-only">
+  (opens in new window)
+</span>
+
+<!-- Method 4: Using CSS for visual indicators -->
+<a href="https://example.com" class="external-link">
+  External resource
+</a>
+```
+
+```css
+/* Visual indicator for external links */
+.external-link::after {
+  content: " ↗";
+  font-size: 0.8em;
+  color: #666;
+}
+
+/* Screen reader announcement for external links */
+.external-link::before {
+  content: "External link: ";
+  position: absolute;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+```
+
+> ⚠️ **Important**: When using `target="_blank"`, always inform users that the link opens in a new window or tab. Unexpected navigation changes can be disorienting.
+
+✅ **Test your link context**: Use your browser's developer tools to generate a list of all links on your page. Can you understand each link's purpose without any surrounding context?
+
+## ARIA: Supercharging HTML Accessibility
+
+[Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) is like having a universal translator between your complex web applications and assistive technologies. When HTML alone can't express everything your interactive components are doing, ARIA steps in to fill those gaps.
+
+I like to think of ARIA as adding helpful annotations to your HTML—kind of like stage directions in a play script that help actors understand their roles and relationships.
+
+**Here's the most important rule about ARIA**: Always use semantic HTML first, then add ARIA to enhance it. Think of ARIA as seasoning, not the main dish. It should clarify and enhance your HTML structure, never replace it. Get that foundation right first!
+
+### Strategic ARIA implementation
+
+ARIA is powerful, but with power comes responsibility. Incorrect ARIA can make accessibility worse than no ARIA at all. Here's when and how to use it effectively:
+
+**✅ Use ARIA when:**
+- Creating custom interactive widgets (accordions, tabs, carousels)
+- Building dynamic content that changes without page reloads
+- Providing additional context for complex UI relationships
+- Indicating loading states or live content updates
+- Creating app-like interfaces with custom controls
+
+**❌ Avoid ARIA when:**
+- Standard HTML elements already provide the needed semantics
+- You're unsure how to implement it correctly
+- It duplicates information already provided by semantic HTML
+- You haven't tested with actual assistive technology
+> 🎯 **ARIA Golden Rule**: "Don't change semantics unless you absolutely have to, ensure keyboard accessibility always, and test with real assistive technology."
+
+**The five categories of ARIA:**
+
+1. **Roles**: What is this element? (`button`, `tab`, `dialog`)
+2. **Properties**: What are its features? (`aria-required`, `aria-haspopup`)
+3. **States**: What's its current condition? (`aria-expanded`, `aria-checked`)
+4. **Landmarks**: Where is it in page structure? (`banner`, `navigation`, `main`)
+5. **Live regions**: How should changes be announced? (`aria-live`, `aria-atomic`)
+
+### Essential ARIA patterns for modern web apps
+
+These patterns solve the most common accessibility challenges in interactive web applications:
+
+**Naming and describing elements:**
+
+```html
+<!-- aria-label: Provides accessible name when visible text isn't sufficient -->
+<button aria-label="Close newsletter subscription dialog">×</button>
+
+<!-- aria-labelledby: References existing text as the accessible name -->
+<section aria-labelledby="news-heading">
+  <h2 id="news-heading">Latest News</h2>
+  <!-- news content -->
+</section>
+
+<!-- aria-describedby: Links to additional descriptive text -->
+<input type="password" 
+       aria-describedby="pwd-requirements pwd-strength"
+       required>
+<div id="pwd-requirements">
+  Password must contain at least 8 characters, including uppercase, lowercase, and numbers.
+</div>
+<div id="pwd-strength" aria-live="polite">
+  <!-- Dynamic password strength indicator -->
+</div>
+```
+
+**Live regions for dynamic content:**
+
+```html
+<!-- Polite announcements (don't interrupt current speech) -->
+<div aria-live="polite" id="status-updates">
+  <!-- Status messages appear here -->
+</div>
+
+<!-- Assertive announcements (interrupt and announce immediately) -->
+<div aria-live="assertive" id="urgent-alerts">
+  <!-- Error messages and critical alerts -->
+</div>
+
+<!-- Loading states with live regions -->
+<button id="submit-btn" aria-describedby="loading-status">
+  Submit Application
+</button>
+<div id="loading-status" aria-live="polite" aria-atomic="true">
+  <!-- "Processing your application..." appears here -->
+</div>
+```
+
+**Interactive widget example (accordion):**
+
+```html
+<div class="accordion">
+  <h3>
+    <button aria-expanded="false" 
+            aria-controls="panel-1" 
+            id="accordion-trigger-1"
+            class="accordion-trigger">
+      Accessibility Guidelines
+    </button>
+  </h3>
+  <div id="panel-1" 
+       role="region"
+       aria-labelledby="accordion-trigger-1" 
+       hidden>
+    <p>WCAG 2.1 provides comprehensive guidelines...</p>
+  </div>
+</div>
+```
+
+```javascript
+// JavaScript to manage accordion state
+function toggleAccordion(trigger) {
+  const panel = document.getElementById(trigger.getAttribute('aria-controls'));
+  const isExpanded = trigger.getAttribute('aria-expanded') === 'true';
+  
+  // Toggle states
+  trigger.setAttribute('aria-expanded', !isExpanded);
+  panel.hidden = isExpanded;
+  
+  // Announce change to screen readers
+  const status = document.getElementById('status-updates');
+  status.textContent = isExpanded ? 'Section collapsed' : 'Section expanded';
+}
+```
+
+### ARIA implementation best practices
+
+ARIA is powerful but requires careful implementation. Following these guidelines helps ensure your ARIA enhances rather than hinders accessibility:
+
+**🛡️ Core principles:**
+
+```mermaid
+flowchart TD
+    A[🚀 Start with semantic HTML] --> B{Does HTML provide needed semantics?}
+    B -->|Yes| C[✅ Use HTML only]
+    B -->|No| D[Consider ARIA enhancement]
+    D --> E{Can you achieve it with simpler means?}
+    E -->|Yes| F[🔄 Simplify approach]
+    E -->|No| G[📝 Implement ARIA carefully]
+    G --> H[🧪 Test with real AT]
+    H --> I{Works as expected?}
+    I -->|No| J[🔧 Debug and fix]
+    I -->|Yes| K[✅ Success!]
+    J --> H
+    F --> C
+    
+    style A fill:#e3f2fd
+    style C fill:#e8f5e8
+    style K fill:#e8f5e8
+    style G fill:#fff3e0
+    style H fill:#f3e5f5
+```
+1. **Semantic HTML first**: Always prefer `<button>` over `<div role="button">`
+2. **Don't break semantics**: Never override existing HTML meaning (avoid `<h1 role="button">`)
+3. **Maintain keyboard accessibility**: All interactive ARIA elements must be fully keyboard accessible
+4. **Test with real users**: ARIA support varies significantly between assistive technologies
+5. **Start simple**: Complex ARIA implementations are more likely to have errors
+
+**🔍 Testing workflow:**
+
+```mermaid
+graph TD
+    A[Write ARIA code] --> B[Validate HTML]
+    B --> C[Test with keyboard only]
+    C --> D[Test with screen reader]
+    D --> E[Test across browsers]
+    E --> F{Issues found?}
+    F -->|Yes| G[Fix and re-test]
+    F -->|No| H[Implementation complete]
+    G --> B
+```
+**🚫 Common ARIA mistakes to avoid:**
+
+- **Conflicting information**: Don't contradict HTML semantics
+- **Over-labeling**: Too much ARIA information overwhelms users
+- **Static ARIA**: Forgetting to update ARIA states when content changes
+- **Untested implementations**: ARIA that works in theory but fails in practice
+- **Missing keyboard support**: ARIA roles without corresponding keyboard interactions
+
+> 💡 **Testing Resources**: Use tools like [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) for automated ARIA validation, but always test with real screen readers for the complete experience.
+
+### 🎭 **ARIA Skills Check: Ready for Complex Interactions?**
+
+**Gauge your ARIA confidence:**
+- When would you choose ARIA over semantic HTML? (Hint: almost never!)
+- Can you explain why `<div role="button">` is usually worse than `<button>`?
+- What's the most important thing to remember about ARIA testing?
+
+```mermaid
+pie title "Common ARIA Usage Patterns"
+    "Labels & Descriptions" : 40
+    "Live Regions" : 25
+    "Widget States" : 20
+    "Complex Controls" : 15
+```
+> **Key insight**: Most ARIA usage is for labeling and describing elements. Complex widget patterns are much less common than you might think!
+
+✅ **Learn from experts**: Study the [ARIA Authoring Practices Guide](https://w3c.github.io/aria-practices/) for battle-tested patterns and implementations of complex interactive widgets.
+
+## Making Images and Media Accessible
+
+Visual and audio content are essential parts of modern web experiences, but they can create barriers if not implemented thoughtfully. The goal is ensuring that the information and emotional impact of your media reaches every user. Once you get the hang of it, it becomes second nature.
+
+Different types of media need different accessibility approaches. It's like cooking—you wouldn't treat a delicate fish the same way you'd treat a hearty steak. Understanding these distinctions helps you choose the right solution for each situation.
+
+### Strategic image accessibility
+
+Every image on your website serves a purpose. Understanding that purpose helps you write better alternative text and create more inclusive experiences.
+
+**The four types of images and their alt text strategies:**
+
+**Informative images** - convey important information:
+```html
+<img src="../../../../translated_images/en/chart.31c7eb0eb5c4450d.webp" alt="Sales increased 25% from Q1 to Q2 2024">
+```
+
+**Decorative images** - purely visual with no informational value:
+```html
+<img src="../../../../translated_images/en/decorative-border.b2f3c4d6634fb79d.webp" alt="" role="presentation">
+```
+
+**Functional images** - serve as buttons or controls:
+```html
+<button>
+  <img src="search-icon.svg" alt="Search">
+</button>
+```
+
+**Complex images** - charts, diagrams, infographics:
+```html
+<img src="../../../../translated_images/en/complex-chart.c831f461a363b446.webp" alt="Quarterly sales data" aria-describedby="chart-description">
+<div id="chart-description">
+  <p>Detailed description: Sales data shows a steady increase across all quarters...</p>
+</div>
+```
+
+### Video and audio accessibility
+
+**Video requirements:**
+- **Captions**: Text version of spoken content and sound effects
+- **Audio descriptions**: Narration of visual elements for blind users
+- **Transcripts**: Full text version of all audio and visual content
+
+```html
+<video controls>
+  <source src="video.mp4" type="video/mp4">
+  <track kind="captions" src="captions.vtt" srclang="en" label="English">
+  <track kind="descriptions" src="descriptions.vtt" srclang="en" label="Audio descriptions">
+</video>
+```
+
+**Audio requirements:**
+- **Transcripts**: Text version of all spoken content
+- **Visual indicators**: For audio-only content, provide visual cues
+
+### Modern image techniques
+
+**Using CSS for decorative images:**
+```css
+.hero-section {
+  background-image: url('decorative-hero.jpg');
+  /* Decorative images in CSS don't need alt text */
+}
+```
+
+**Responsive images with accessibility:**
+```html
+<picture>
+  <source media="(min-width: 800px)" srcset="large-chart.png">
+  <source media="(min-width: 400px)" srcset="medium-chart.png">
+  <img src="../../../../translated_images/en/small-chart.c50c7b1bbcce43d8.webp" alt="Website traffic increased 40% after accessibility improvements">
+</picture>
+```
+
+✅ **Test image accessibility**: Use a screen reader to navigate a page with images. Are you getting enough information to understand the content?
+
+## Keyboard navigation and focus management
+
+Many users navigate the web entirely with their keyboards. This includes people with motor disabilities, power users who find keyboards faster than mice, and anyone whose mouse has stopped working. Making sure your site works well with keyboard input is essential and often makes your site more efficient for everyone.
+
+```mermaid
+flowchart LR
+    A[⌨️ Keyboard Navigation] --> B[Tab Order]
+    A --> C[Focus Indicators]
+    A --> D[Skip Links]
+    A --> E[Keyboard Shortcuts]
+    
+    B --> B1[Logical sequence<br/>All interactive elements<br/>No tab traps]
+    C --> C1[Visible outlines<br/>High contrast<br/>Clear boundaries]
+    D --> D1[Skip to main<br/>Skip to nav<br/>Bypass repetitive]
+    E --> E1[Escape to close<br/>Enter to activate<br/>Arrows in groups]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+```
+### Essential keyboard navigation patterns
+
+**Standard keyboard interactions:**
+- **Tab**: Move focus forward through interactive elements
+- **Shift + Tab**: Move focus backward
+- **Enter**: Activate buttons and links
+- **Space**: Activate buttons, check checkboxes
+- **Arrow keys**: Navigate within component groups (radio buttons, menus)
+- **Escape**: Close modals, dropdowns, or cancel operations
+
+### Focus management best practices
+
+**Visible focus indicators:**
+```css
+/* Ensure focus is always visible */
+button:focus-visible {
+  outline: 2px solid #4A90A4;
+  outline-offset: 2px;
+}
+
+/* Custom focus styles for different components */
+.card:focus-within {
+  box-shadow: 0 0 0 3px rgba(74, 144, 164, 0.5);
+}
+```
+
+**Skip links for efficient navigation:**
+```html
+<a href="#main-content" class="skip-link">Skip to main content</a>
+<a href="#navigation" class="skip-link">Skip to navigation</a>
+
+<nav id="navigation">
+  <!-- navigation content -->
+</nav>
+<main id="main-content">
+  <!-- main content -->
+</main>
+```
+
+**Proper tab order:**
+```html
+<!-- Use semantic HTML for natural tab order -->
+<form>
+  <label for="name">Name:</label>
+  <input type="text" id="name" tabindex="0">
+  
+  <label for="email">Email:</label>
+  <input type="email" id="email" tabindex="0">
+  
+  <button type="submit" tabindex="0">Submit</button>
+</form>
+```
+
+### Focus trapping in modals
+
+When opening modal dialogs, focus should be trapped within the modal:
+
+```javascript
+// Modern focus trap implementation
+function trapFocus(element) {
+  const focusableElements = element.querySelectorAll(
+    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+  );
+  
+  const firstElement = focusableElements[0];
+  const lastElement = focusableElements[focusableElements.length - 1];
+
+  element.addEventListener('keydown', (e) => {
+    if (e.key === 'Tab') {
+      if (e.shiftKey && document.activeElement === firstElement) {
+        e.preventDefault();
+        lastElement.focus();
+      } else if (!e.shiftKey && document.activeElement === lastElement) {
+        e.preventDefault();
+        firstElement.focus();
+      }
+    }
+    
+    if (e.key === 'Escape') {
+      closeModal();
+    }
+  });
+  
+  // Focus the first element when the modal opens
+  firstElement.focus();
+}
+```
+
+✅ **Test keyboard navigation**: Try navigating your website using only the Tab key. Can you reach all interactive elements? Is the focus order logical? Are focus indicators clearly visible?
+
+## Form accessibility
+
+Forms are critical for user interaction and require special attention to accessibility.
+
+### Label and form control association
+
+**Every form control needs a label:**
+```html
+<!-- Explicit labeling (preferred) -->
+<label for="username">Username:</label>
+<input type="text" id="username" name="username" required>
+
+<!-- Implicit labeling -->
+<label>
+  Password:
+  <input type="password" name="password" required>
+</label>
+
+<!-- Using aria-label when visual label isn't desired -->
+<input type="search" aria-label="Search products" placeholder="Search...">
+```
+
+### Error handling and validation
+
+**Accessible error messages:**
+```html
+<label for="email">Email Address:</label>
+<input type="email" id="email" name="email" 
+       aria-describedby="email-error" 
+       aria-invalid="true" required>
+<div id="email-error" role="alert">
+  Please enter a valid email address
+</div>
+```
+
+**Form validation best practices:**
+- Use `aria-invalid` to indicate invalid fields
+- Provide clear, specific error messages
+- Use `role="alert"` for important error announcements
+- Show errors both immediately and on form submission
+
+### Fieldsets and grouping
+
+**Group related form controls:**
+```html
+<fieldset>
+  <legend>Shipping Address</legend>
+  <label for="street">Street Address:</label>
+  <input type="text" id="street" name="street">
+  
+  <label for="city">City:</label>
+  <input type="text" id="city" name="city">
+</fieldset>
+
+<fieldset>
+  <legend>Preferred Contact Method</legend>
+  <input type="radio" id="contact-email" name="contact" value="email">
+  <label for="contact-email">Email</label>
+  
+  <input type="radio" id="contact-phone" name="contact" value="phone">
+  <label for="contact-phone">Phone</label>
+</fieldset>
+```
+
+## Your Accessibility Journey: Key Takeaways
+
+Congratulations! You've just gained the foundational knowledge to create truly inclusive web experiences. This is pretty exciting stuff! Web accessibility isn't just about checking compliance boxes—it's about recognizing the diverse ways people interact with digital content and designing for that amazing complexity.
+
+You're now part of a growing community of developers who understand that great design works for everyone. Welcome to the club!
+
+**🎯 Your accessibility toolkit now includes:**
+
+| Core Principle | Implementation | Impact |
+|----------------|----------------|---------|
+| **Semantic HTML Foundation** | Use proper HTML elements for their intended purpose | Screen readers can navigate efficiently, keyboards work automatically |
+| **Inclusive Visual Design** | Sufficient contrast, meaningful color use, visible focus indicators | Clear for everyone in any lighting condition |
+| **Descriptive Content** | Meaningful link text, alt text, headings | Users understand content without visual context |
+| **Keyboard Accessibility** | Tab order, keyboard shortcuts, focus management | Motor accessibility and power user efficiency |
+| **ARIA Enhancement** | Strategic use to fill semantic gaps | Complex applications work with assistive technologies |
+| **Comprehensive Testing** | Automated tools + manual verification + real user testing | Catch issues before they impact users |
+
+**🚀 Your next steps:**
+
+1. **Build accessibility into your workflow**: Make testing a natural part of your development process
+2. **Learn from real users**: Seek out feedback from people who use assistive technologies
+3. **Stay current**: Accessibility techniques evolve with new technologies and standards
+4. **Advocate for inclusion**: Share your knowledge and make accessibility a team priority
+
+> 💡 **Remember**: Accessibility constraints often lead to innovative, elegant solutions that benefit everyone. Curb cuts, captions, and voice controls all started as accessibility features and became mainstream improvements.
+
+**The business case is crystal clear**: Accessible websites reach more users, rank better in search engines, have lower maintenance costs, and avoid legal risks. But honestly? The real reason to care about accessibility goes so much deeper. Accessible websites embody the best values of the web—openness, inclusivity, and the idea that everyone deserves equal access to information.
+
+You're now equipped to build the inclusive web of the future. Every accessible site you create makes the internet a more welcoming place for everyone. That's pretty amazing when you think about it!
+
+## Additional Resources
+
+Continue your accessibility learning journey with these essential resources:
+
+**📚 Official Standards and Guidelines:**
+- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/) - The official accessibility standard with quick reference
+- [ARIA Authoring Practices Guide](https://w3c.github.io/aria-practices/) - Comprehensive patterns for interactive widgets
+- [WebAIM Guidelines](https://webaim.org/) - Practical, beginner-friendly accessibility guidance
+
+**🛠️ Tools and Testing Resources:**
+- [axe DevTools](https://www.deque.com/axe/devtools/) - Industry-standard accessibility testing
+- [A11y Project Checklist](https://www.a11yproject.com/checklist/) - Step-by-step accessibility verification
+- [Accessibility Insights](https://accessibilityinsights.io/) - Microsoft's comprehensive testing suite
+- [Color Oracle](https://colororacle.org/) - Color blindness simulator for design testing
+
+**🎓 Learning and Community:**
+- [WebAIM Screen Reader Survey](https://webaim.org/projects/screenreadersurvey9/) - Real user preferences and behaviors
+- [Inclusive Components](https://inclusive-components.design/) - Modern accessible component patterns
+- [A11y Coffee](https://a11y.coffee/) - Quick accessibility tips and insights
+- [Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/) - W3C's comprehensive accessibility resources
+
+**🎥 Hands-on Learning:**
+- [Accessibility Developer Guide](https://www.accessibility-developer-guide.com/) - Practical implementation guidance
+- [Deque University](https://dequeuniversity.com/) - Professional accessibility training courses
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create an accessible modal dialog component that demonstrates proper focus management, ARIA attributes, and keyboard navigation patterns.
+
+**Prompt:** Build a complete modal dialog component with HTML, CSS, and JavaScript that includes: proper focus trapping, ESC key to close, click outside to close, ARIA attributes for screen readers, and visible focus indicators. The modal should contain a form with proper labels and error handling. Ensure the component meets WCAG 2.1 AA standards.
 
----
 
 ## 🚀 Challenge
 
-Take this HTML and rewrite it to be as accessible as possible, using the strategies you've learned.
+Take this HTML and rewrite it to be as accessible as possible, given the strategies you learned.
 
 ```html
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
-    <title>
-      Example
-    </title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Turtle Ipsum - The World's Premier Turtle Fan Club</title>
     <link href='../assets/style.css' rel='stylesheet' type='text/css'>
   </head>
   <body>
-    <div class="site-header">
-      <p class="site-title">Turtle Ipsum</p>
+    <header class="site-header">
+      <h1 class="site-title">Turtle Ipsum</h1>
       <p class="site-subtitle">The World's Premier Turtle Fan Club</p>
-    </div>
-    <div class="main-nav">
-      <p class="nav-header">Resources</p>
-      <div class="nav-list">
-        <p class="nav-item nav-item-bull"><a href="https://www.youtube.com/watch?v=CMNry4PE93Y">"I like turtles"</a></p>
-        <p class="nav-item nav-item-bull"><a href="https://en.wikipedia.org/wiki/Turtle">Basic Turtle Info</a></p>
-        <p class="nav-item nav-item-bull"><a href="https://en.wikipedia.org/wiki/Turtles_(chocolate)">Chocolate Turtles</a></p>
-      </div>
-    </div>
-    <div class="main-content">
-      <div>
-        <p class="page-title">Welcome to Turtle Ipsum. 
-            <a href="">Click here</a> to learn more.
+    </header>
+    
+    <nav class="main-nav" aria-label="Main navigation">
+      <h2 class="nav-header">Resources</h2>
+      <ul class="nav-list">
+        <li><a href="https://www.youtube.com/watch?v=CMNry4PE93Y">"I like turtles" video</a></li>
+        <li><a href="https://en.wikipedia.org/wiki/Turtle">Basic turtle information</a></li>
+        <li><a href="https://en.wikipedia.org/wiki/Turtles_(chocolate)">Chocolate turtles candy</a></li>
+      </ul>
+    </nav>
+    
+    <main class="main-content">
+      <article>
+        <h1>Welcome to Turtle Ipsum</h1>
+        <p class="intro">
+          <a href="/about">Learn more about our turtle community</a> and discover fascinating facts about these amazing creatures.
         </p>
         <p class="article-text">
-          Turtle ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
-        </p>
-      </div>
-    </div>
-    <div class="footer">
-      <div class="footer-section">
-        <span class="button">Sign up for turtle news</span>
-      </div><div class="footer-section">
-        <p class="nav-header footer-title">
-          Internal Pages
+          Turtle ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </p>
-        <div class="nav-list">
-          <p class="nav-item nav-item-bull"><a href="../">Index</a></p>
-          <p class="nav-item nav-item-bull"><a href="../semantic">Semantic Example</a></p>
-        </div>
-      </div>
-      <p class="footer-copyright">&copy; 2016 Instrument</p>
-    </div>
+      </article>
+    </main>
+    
+    <footer class="footer">
+      <section class="newsletter-signup">
+        <h2>Stay Updated</h2>
+        <button type="button" onclick="showNewsletterForm()">Sign up for turtle news</button>
+      </section>
+      
+      <nav class="footer-nav" aria-label="Footer navigation">
+        <h2>Site Pages</h2>
+        <ul>
+          <li><a href="../">Home</a></li>
+          <li><a href="../semantic">Semantic HTML example</a></li>
+        </ul>
+      </nav>
+      
+      <p class="footer-copyright">&copy; 2024 Instrument. All rights reserved.</p>
+    </footer>
   </body>
 </html>
 ```
 
+**Key improvements made:**
+- Added proper semantic HTML structure
+- Fixed heading hierarchy (single h1, logical progression)
+- Added meaningful link text instead of "click here"
+- Included proper ARIA labels for navigation
+- Added lang attribute and proper meta tags
+- Used button element for interactive elements
+- Structured footer content with proper landmarks
+
 ## Post-Lecture Quiz
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/en/)
 
 ## Review & Self Study
-Many governments have laws related to accessibility requirements. Research the accessibility laws in your country. What aspects are included, and what are not? An example is [this government website](https://accessibility.blog.gov.uk/).
 
-## Assignment
+Many governments have laws regarding accessibility requirements. Read up on your home country's accessibility laws. What is covered, and what isn't? An example is [this government web site](https://accessibility.blog.gov.uk/).
 
-[Analyze a non-accessible website](assignment.md)
+## Assignment
+ 
+[Analyze a non-accessible web site](assignment.md)
 
 Credits: [Turtle Ipsum](https://github.com/Instrument/semantic-html-sample) by Instrument
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+## 🚀 Your Accessibility Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Install axe DevTools extension in your browser
+- [ ] Run a Lighthouse accessibility audit on your favorite website
+- [ ] Try navigating any website using only the Tab key
+- [ ] Test your browser's built-in screen reader (Narrator/VoiceOver)
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and reflect on accessibility insights
+- [ ] Practice writing meaningful alt text for 10 different images
+- [ ] Audit a website's heading structure using HeadingsMap extension
+- [ ] Fix accessibility issues found in the challenge HTML
+- [ ] Test color contrast on your current project with WebAIM's tool
+
+### 📅 **Your Week-Long Accessibility Journey**
+- [ ] Complete the assignment analyzing a non-accessible website
+- [ ] Set up your development environment with accessibility testing tools
+- [ ] Practice keyboard navigation on 5 different complex websites
+- [ ] Build a simple form with proper labels, error handling, and ARIA
+- [ ] Join an accessibility community (A11y Slack, WebAIM forum)
+- [ ] Watch real users with disabilities navigate websites (YouTube has great examples)
+
+### 🌟 **Your Month-Long Transformation**
+- [ ] Integrate accessibility testing into your development workflow
+- [ ] Contribute to an open source project by fixing accessibility issues
+- [ ] Conduct usability testing with someone who uses assistive technology
+- [ ] Build an accessible component library for your team
+- [ ] Advocate for accessibility in your workplace or community
+- [ ] Mentor someone new to accessibility concepts
+
+### 🏆 **Final Accessibility Champion Check-in**
+
+**Celebrate your accessibility journey:**
+- What's the most surprising thing you learned about how people use the web?
+- Which accessibility principle resonates most with your development style?
+- How has learning about accessibility changed your perspective on design?
+- What's the first accessibility improvement you want to make on a real project?
+
+```mermaid
+journey
+    title Your Accessibility Confidence Evolution
+    section Today
+      Overwhelmed: 3: You
+      Curious: 4: You
+      Motivated: 5: You
+    section This Week
+      Practicing: 4: You
+      Testing: 5: You
+      Understanding: 5: You
+    section Next Month
+      Advocating: 5: You
+      Leading: 5: You
+      Inclusive by Default: 5: You
+```
+> 🌍 **You're now an accessibility champion!** You understand that great web experiences work for everyone, regardless of how they access the web. Every accessible feature you build makes the internet more inclusive. The web needs developers like you who see accessibility not as a constraint, but as an opportunity to create better experiences for all users. Welcome to the movement! 🎉
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/3-accessibility/assignment.md b/translations/en/1-getting-started-lessons/3-accessibility/assignment.md
index 7287a3a2a..100014acb 100644
--- a/translations/en/1-getting-started-lessons/3-accessibility/assignment.md
+++ b/translations/en/1-getting-started-lessons/3-accessibility/assignment.md
@@ -1,29 +1,252 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a258597a194e77d4fd469b3cd976b29e",
-  "translation_date": "2025-08-28T12:03:37+00:00",
-  "source_file": "1-getting-started-lessons/3-accessibility/assignment.md",
-  "language_code": "en"
-}
--->
-# Analyze an inaccessible site
+# Comprehensive Website Accessibility Audit
 
 ## Instructions
 
-Identify a website that you believe is NOT accessible and create an action plan to enhance its accessibility.  
-Your first step is to identify this site, describe the ways in which you think it is inaccessible without using analytical tools, and then run a Lighthouse analysis on it. Save a PDF of the analysis results and create a detailed plan with at least ten points explaining how the site can be improved.
+In this assignment, you'll conduct a professional-level accessibility audit of a real website, applying the principles and techniques you've learned. This hands-on experience will deepen your understanding of accessibility barriers and solutions.
 
-## Table to test site accessibility
+Choose a website that appears to have accessibility issues—this gives you more learning opportunities than analyzing an already-perfect site. Good candidates include older websites, complex web applications, or sites with rich multimedia content.
 
-| Criteria | Exemplary | Adequate | Needs Improvement |
-|----------|-----------|----------|-------------------|
-|          | missing <10% of what is required | missing 20% of what is required | missing 50% of what is required |
+### Phase 1: Strategic manual evaluation
 
-----
-Student Report: includes paragraphs describing how inaccessible the site is, the Lighthouse report saved as a PDF, a list of ten improvement points, and detailed explanations on how to implement them.
+Before reaching for automated tools, perform a comprehensive manual assessment. This human-centered approach often reveals issues that tools miss and helps you understand the real user experience.
+
+**🔍 Essential evaluation criteria:**
+
+**Navigation and Structure:**
+- Can you navigate the entire site using only keyboard (Tab, Shift+Tab, Enter, Space, Arrow keys)?
+- Are focus indicators clearly visible on all interactive elements?
+- Does the heading structure (H1-H6) create a logical content outline?
+- Are there skip links to jump to main content?
+
+**Visual Accessibility:**
+- Is there sufficient color contrast throughout the site (minimum 4.5:1 for normal text)?
+- Does the site rely solely on color to convey important information?
+- Do all images have appropriate alternative text?
+- Does the layout remain functional when zoomed to 200%?
+
+**Content and Communication:**
+- Are there any "click here" or ambiguous link texts?
+- Can you understand the content and functionality without visual cues?
+- Are form fields properly labeled and grouped?
+- Are error messages clear and helpful?
+
+**Interactive Elements:**
+- Do all buttons and form controls work with keyboard alone?
+- Are dynamic content changes announced to screen readers?
+- Do modal dialogs and complex widgets follow proper accessibility patterns?
+
+📝 **Document your findings** with specific examples, screenshots, and page URLs. Note both issues and things done well.
+
+### Phase 2: Comprehensive automated testing
+
+Now validate and expand your manual findings using industry-standard accessibility testing tools. Each tool has different strengths, so using multiple tools gives you complete coverage.
+
+**🛠️ Required testing tools:**
+
+1. **Lighthouse Accessibility Audit** (built into Chrome/Edge DevTools)
+   - Run audit on multiple pages
+   - Focus on specific metrics and recommendations
+   - Note your accessibility score and specific violations
+
+2. **axe DevTools** (browser extension - industry standard)
+   - More detailed issue detection than Lighthouse
+   - Provides specific code examples for fixes
+   - Tests against WCAG 2.1 criteria
+
+3. **WAVE Web Accessibility Evaluator** (browser extension)
+   - Visual representation of accessibility features
+   - Highlights both errors and positive features
+   - Great for understanding page structure
+
+4. **Color Contrast Analyzers**
+   - WebAIM Contrast Checker for specific color pairs
+   - Browser extensions for page-wide analysis
+   - Test against both WCAG AA and AAA standards
+
+**🎧 Real assistive technology testing:**
+- **Screen reader testing**: Use NVDA (Windows), VoiceOver (Mac), or TalkBack (Android)
+- **Keyboard-only navigation**: Unplug your mouse and navigate the entire site
+- **Zoom testing**: Test functionality at 200% and 400% zoom levels
+- **Voice control testing**: If available, try voice navigation tools
+
+**📊 Organize your results** by creating a master spreadsheet with:
+- Issue description and location
+- Severity level (Critical/High/Medium/Low)
+- WCAG success criteria violated
+- Tool that detected the issue
+- Screenshots and evidence
+
+### Phase 3: Comprehensive findings documentation
+
+Create a professional accessibility audit report that demonstrates your understanding of both technical issues and their human impact.
+
+**📋 Required report sections:**
+
+1. **Executive Summary** (1 page)
+   - Website URL and brief description
+   - Overall accessibility maturity level
+   - Top 3 most critical issues
+   - Estimated impact on users with disabilities
+
+2. **Methodology** (½ page)
+   - Testing approach and tools used
+   - Pages evaluated and device/browser combinations
+   - Standards evaluated against (WCAG 2.1 AA)
+
+3. **Detailed Findings** (2-3 pages)
+   - Issues categorized by WCAG principle (Perceivable, Operable, Understandable, Robust)
+   - Include screenshots and specific examples
+   - Note positive accessibility features you found
+   - Cross-reference with automated tool results
+
+4. **User Impact Assessment** (1 page)
+   - How identified issues affect users with different disabilities
+   - Scenarios describing real user experiences
+   - Business impact (legal risk, SEO, user base expansion)
+
+**📸 Evidence collection:**
+- Screenshots of accessibility violations
+- Screen recordings of problematic user flows
+- Tool reports (save as PDFs)
+- Code examples showing issues
+
+### Phase 4: Professional remediation plan
+
+Develop a strategic, prioritized plan for fixing accessibility issues. This demonstrates your ability to think like a professional web developer addressing real business constraints.
+
+**🎯 Create detailed improvement recommendations (minimum 10 issues):**
+
+**For each identified issue, provide:**
+
+- **Issue Description**: Clear explanation of what's wrong and why it's problematic
+- **WCAG Reference**: Specific success criteria violated (e.g., "2.4.4 Link Purpose (In Context) - Level A")
+- **User Impact**: How this affects people with different disabilities
+- **Solution**: Specific code changes, design modifications, or process improvements
+- **Priority Level**: Critical (blocks basic usage) / High (significant barrier) / Medium (usability issue) / Low (enhancement)
+- **Implementation Effort**: Time/complexity estimate (Quick win / Moderate effort / Major refactor)
+- **Testing Verification**: How to verify the fix works
+
+**Example improvement entry:**
+
+```
+Issue: Generic "Read more" link text appears 8 times on homepage
+WCAG Reference: 2.4.4 Link Purpose (In Context) - Level A
+User Impact: Screen reader users cannot distinguish between links when viewed in link list
+Solution: Replace with descriptive text like "Read more about sustainability initiatives"
+Priority: High (major navigation barrier)
+Effort: Low (30 minutes to update content)
+Testing: Generate link list with screen reader - each link should be meaningful standalone
+```
+
+**📈 Strategic implementation phases:**
+
+- **Phase 1 (0-2 weeks)**: Critical issues that block basic functionality
+- **Phase 2 (1-2 months)**: High-priority improvements for better user experience
+- **Phase 3 (3-6 months)**: Medium-priority enhancements and process improvements
+- **Phase 4 (Ongoing)**: Continuous monitoring and enhancement
+
+## Evaluation Rubric
+
+Your accessibility audit will be assessed on both technical accuracy and professional presentation:
+
+| Criteria | Excellent (90-100%) | Good (80-89%) | Satisfactory (70-79%) | Needs Improvement (<70%) |
+|----------|-------------------|---------------|---------------------|------------------------|
+| **Manual Testing Depth** | Comprehensive evaluation covering all POUR principles with detailed observations and user scenarios | Good coverage of most accessibility areas with clear findings and some user impact analysis | Basic evaluation covering key areas with adequate observations | Limited testing with superficial observations and minimal user impact consideration |
+| **Tool Utilization & Analysis** | Uses all required tools effectively, cross-references findings, includes clear evidence, and analyzes tool limitations | Uses most tools with good documentation, some cross-referencing, and adequate evidence | Uses required tools with basic documentation and some evidence | Minimal tool usage, poor documentation, or missing evidence |
+| **Issue Identification & Categorization** | Identifies 15+ specific issues across all WCAG principles, accurately categorizes by severity, demonstrates deep understanding | Identifies 10-14 issues across most WCAG principles, good categorization, shows solid understanding | Identifies 7-9 issues with adequate WCAG coverage and basic categorization | Identifies <7 issues with limited scope or poor categorization |
+| **Solution Quality & Feasibility** | 10+ detailed, actionable solutions with accurate WCAG references, realistic implementation timelines, and verification methods | 8-9 well-developed solutions with mostly accurate references and good implementation details | 6-7 basic solutions with some detail and generally realistic approaches | <6 solutions or insufficient detail, unrealistic implementations |
+| **Professional Communication** | Report is excellently organized, clearly written, includes executive summary, uses appropriate technical language, and follows business document standards | Well-organized with good writing quality, includes most required sections, appropriate tone | Adequately organized with acceptable writing, includes basic required sections | Poor organization, unclear writing, or missing key sections |
+| **Real-World Application** | Demonstrates understanding of business impact, legal considerations, user diversity, and practical implementation challenges | Shows good understanding of practical applications with some business context | Basic understanding of real-world applications | Limited connection to practical applications |
+
+## Advanced Challenge Options
+
+**🚀 For students seeking additional challenge:**
+
+- **Comparative Analysis**: Audit 2-3 competing websites and compare their accessibility maturity
+- **Mobile Accessibility Focus**: Deep dive into mobile-specific accessibility issues using Android TalkBack or iOS VoiceOver
+- **International Perspective**: Research and apply accessibility standards from different countries (EN 301 549, Section 508, ADA)
+- **Accessibility Statement Review**: Evaluate the website's existing accessibility statement (if any) against your findings
+
+## Deliverables
+
+Submit a comprehensive accessibility audit report that demonstrates professional-level analysis and practical implementation planning:
+
+**📄 Final Report Requirements:**
+
+1. **Executive Summary** (1 page)
+   - Website overview and accessibility maturity assessment
+   - Key findings summary with business impact
+   - Recommended priority actions
+
+2. **Methodology and Scope** (1 page)
+   - Testing approach, tools used, and evaluation criteria
+   - Pages/sections evaluated and any limitations
+   - Standards compliance framework (WCAG 2.1 AA)
+
+3. **Detailed Findings Report** (3-4 pages)
+   - Manual testing observations with user scenarios
+   - Automated tool results with cross-referencing
+   - Issues organized by WCAG principles with evidence
+   - Positive accessibility features identified
+
+4. **Strategic Remediation Plan** (3-4 pages)
+   - Prioritized improvement recommendations (minimum 10)
+   - Implementation timeline with effort estimates
+   - Success metrics and verification methods
+   - Long-term accessibility maintenance strategy
+
+5. **Supporting Evidence** (Appendices)
+   - Screenshots of accessibility violations and testing tools
+   - Code examples demonstrating issues and solutions
+   - Tool reports and audit summaries
+   - Screen reader testing notes or recordings
+
+**📊 Format Requirements:**
+- **Document format**: PDF (professional presentation)
+- **Word count**: 2,500-3,500 words (excluding appendices and screenshots)
+- **Visual elements**: Include screenshots, diagrams, and examples throughout
+- **Citations**: Reference WCAG guidelines and accessibility resources appropriately
+
+**💡 Pro Tips for Excellence:**
+- Use professional report formatting with consistent headings and styling
+- Include a table of contents for easy navigation
+- Balance technical accuracy with clear, business-appropriate language
+- Demonstrate understanding of both technical implementation and user impact
+
+## Learning Outcomes
+
+After completing this comprehensive accessibility audit, you will have developed essential professional skills:
+
+**🎯 Technical Competencies:**
+- **Accessibility Testing Mastery**: Proficiency with industry-standard manual and automated testing methods
+- **WCAG Application**: Practical experience applying Web Content Accessibility Guidelines to real-world scenarios
+- **Assistive Technology Understanding**: Hands-on experience with screen readers and keyboard navigation
+- **Problem-Solution Mapping**: Ability to identify accessibility barriers and develop specific, actionable remediation strategies
+
+**💼 Professional Skills:**
+- **Technical Communication**: Experience writing professional accessibility reports for diverse stakeholders
+- **Strategic Planning**: Ability to prioritize accessibility improvements based on user impact and implementation feasibility
+- **Quality Assurance**: Understanding of accessibility testing as part of the development lifecycle
+- **Risk Assessment**: Appreciation for legal, business, and ethical implications of accessibility compliance
+
+**🌍 Inclusive Design Mindset:**
+- **User Empathy**: Deep understanding of diverse user needs and assistive technology interactions
+- **Universal Design Principles**: Recognition that accessible design benefits all users, not just those with disabilities
+- **Continuous Improvement**: Framework for ongoing accessibility assessment and enhancement
+- **Advocacy Skills**: Confidence to promote accessibility best practices in future projects and teams
+
+**🚀 Career Preparation:**
+This assignment mirrors real-world accessibility consulting projects, giving you portfolio-worthy experience that demonstrates:
+- Systematic problem-solving approach
+- Attention to both technical details and business impact
+- Clear communication of complex technical concepts
+- Understanding of legal and ethical responsibilities in web development
+
+Upon completion, you'll be prepared to contribute meaningfully to accessibility initiatives in any web development role and advocate for inclusive design practices throughout your career.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/1-getting-started-lessons/README.md b/translations/en/1-getting-started-lessons/README.md
index bfbac11b1..e3651e012 100644
--- a/translations/en/1-getting-started-lessons/README.md
+++ b/translations/en/1-getting-started-lessons/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "770d9f83dddc841c19f210dee5fe0712",
-  "translation_date": "2025-10-03T13:25:08+00:00",
-  "source_file": "1-getting-started-lessons/README.md",
-  "language_code": "en"
-}
--->
 # Getting Started with Web Development
 
 In this section of the curriculum, you will learn about non-project-based concepts that are essential for becoming a professional developer.
diff --git a/translations/en/10-ai-framework-project/README.md b/translations/en/10-ai-framework-project/README.md
index 076a6c498..69c4a53fd 100644
--- a/translations/en/10-ai-framework-project/README.md
+++ b/translations/en/10-ai-framework-project/README.md
@@ -1,41 +1,178 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "5fe046e7729ae6a24c717884bf875917",
-  "translation_date": "2025-10-11T14:18:42+00:00",
-  "source_file": "10-ai-framework-project/README.md",
-  "language_code": "en"
-}
--->
 # AI Framework
 
-There are many AI frameworks available that can significantly speed up the process of building a project. In this project, we will focus on understanding the problems these frameworks address and create such a project ourselves.
+Ever felt overwhelmed trying to build AI applications from scratch? You're not alone! AI frameworks are like having a Swiss Army knife for AI development - they're powerful tools that can save you time and headaches when building intelligent applications. Think of an AI framework as a well-organized library: it provides pre-built components, standardized APIs, and smart abstractions so you can focus on solving problems instead of wrestling with implementation details.
+
+In this lesson, we'll explore how frameworks like LangChain can turn what used to be complex AI integration tasks into clean, readable code. You'll discover how to tackle real-world challenges like keeping track of conversations, implementing tool calling, and juggling different AI models through one unified interface.
+
+By the time we're done, you'll know when to reach for frameworks instead of raw API calls, how to use their abstractions effectively, and how to build AI applications that are ready for real-world use. Let's explore what AI frameworks can do for your projects.
+
+## ⚡ What You Can Do in the Next 5 Minutes
+
+**Quick Start Pathway for Busy Developers**
 
-## Why use a framework
+```mermaid
+flowchart LR
+    A[⚡ 5 minutes] --> B[Install LangChain]
+    B --> C[Create ChatOpenAI client]
+    C --> D[Send first prompt]
+    D --> E[See framework power]
+```
+- **Minute 1**: Install LangChain: `pip install langchain langchain-openai`
+- **Minute 2**: Set up your GitHub token and import the ChatOpenAI client
+- **Minute 3**: Create a simple conversation with system and human messages
+- **Minute 4**: Add a basic tool (like an add function) and see AI tool calling
+- **Minute 5**: Experience the difference between raw API calls and framework abstraction
+
+**Quick Test Code**:
+```python
+from langchain_openai import ChatOpenAI
+from langchain_core.messages import SystemMessage, HumanMessage
+
+llm = ChatOpenAI(
+    api_key=os.environ["GITHUB_TOKEN"],
+    base_url="https://models.github.ai/inference",
+    model="openai/gpt-4o-mini"
+)
+
+response = llm.invoke([
+    SystemMessage(content="You are a helpful coding assistant"),
+    HumanMessage(content="Explain Python functions briefly")
+])
+print(response.content)
+```
 
-When working with AI, there are different approaches and reasons for choosing them. Here are some:
+**Why This Matters**: In 5 minutes, you'll experience how AI frameworks transform complex AI integration into simple method calls. This is the foundation that powers production AI applications.
 
-- **No SDK**: Most AI models allow you to interact directly with the model, for example, via HTTP requests. This approach works and may sometimes be your only option if an SDK is unavailable.
-- **SDK**: Using an SDK is usually the recommended approach as it requires less code to interact with your model. However, it is often limited to a specific model, and if you use different models, you might need to write new code to support those additional models.
-- **A framework**: A framework typically takes things to the next level by providing a unified API for interacting with different models, with differences usually limited to the initial setup. Frameworks also offer useful abstractions, such as tools, memory, workflows, agents, and more, while requiring less code. Because frameworks are often opinionated, they can be very helpful if you align with their approach, but they may fall short if you need to implement something custom that the framework isn't designed for. Additionally, frameworks can sometimes oversimplify things, which might prevent you from learning important concepts that could later impact performance.
+## Why choose a framework?
 
-In general, use the right tool for the job.
+So you're ready to build an AI app - awesome! But here's the thing: you've got several different paths you can take, and each one has its own pros and cons. It's kind of like choosing between walking, biking, or driving to get somewhere - they'll all get you there, but the experience (and effort) will be totally different.
+
+Let's break down the three main ways you can integrate AI into your projects:
+
+| Approach | Advantages | Best For | Considerations |
+|----------|------------|----------|--------------|
+| **Direct HTTP Requests** | Full control, no dependencies | Simple queries, learning fundamentals | More verbose code, manual error handling |
+| **SDK Integration** | Less boilerplate, model-specific optimization | Single-model applications | Limited to specific providers |
+| **AI Frameworks** | Unified API, built-in abstractions | Multi-model apps, complex workflows | Learning curve, potential over-abstraction |
+
+### Framework Benefits in Practice
+
+```mermaid
+graph TD
+    A[Your Application] --> B[AI Framework]
+    B --> C[OpenAI GPT]
+    B --> D[Anthropic Claude]
+    B --> E[GitHub Models]
+    B --> F[Local Models]
+    
+    B --> G[Built-in Tools]
+    G --> H[Memory Management]
+    G --> I[Conversation History]
+    G --> J[Function Calling]
+    G --> K[Error Handling]
+```
+**Why frameworks matter:**
+- **Unifies** multiple AI providers under one interface
+- **Handles** conversation memory automatically
+- **Provides** ready-made tools for common tasks like embeddings and function calling
+- **Manages** error handling and retry logic
+- **Turns** complex workflows into readable method calls
+
+> 💡 **Pro Tip**: Use frameworks when switching between different AI models or building complex features like agents, memory, or tool calling. Stick with direct APIs when learning the basics or building simple, focused applications.
+
+**Bottom line**: Like choosing between a craftsman's specialized tools and a complete workshop, it's about matching the tool to the task. Frameworks excel for complex, feature-rich applications, while direct APIs work well for straightforward use cases.
+
+## 🗺️ Your Learning Journey Through AI Framework Mastery
+
+```mermaid
+journey
+    title From Raw APIs to Production AI Applications
+    section Framework Foundations
+      Understand abstraction benefits: 4: You
+      Master LangChain basics: 6: You
+      Compare approaches: 7: You
+    section Conversation Systems
+      Build chat interfaces: 5: You
+      Implement memory patterns: 7: You
+      Handle streaming responses: 8: You
+    section Advanced Features
+      Create custom tools: 6: You
+      Master structured output: 8: You
+      Build document systems: 8: You
+    section Production Applications
+      Combine all features: 7: You
+      Handle error scenarios: 8: You
+      Deploy complete systems: 9: You
+```
+**Your Journey Destination**: By the end of this lesson, you'll have mastered AI framework development and be able to build sophisticated, production-ready AI applications that rival commercial AI assistants.
 
 ## Introduction
 
 In this lesson, we'll learn to:
 
 - Use a common AI framework.
-- Address common challenges like chat conversations, tool usage, memory, and context.
-- Leverage these capabilities to build AI applications.
+- Address common problems like chat conversations, tool usage, memory and context.
+- Leverage this to build AI apps.
+
+## 🧠 AI Framework Development Ecosystem
+
+```mermaid
+mindmap
+  root((AI Frameworks))
+    Abstraction Benefits
+      Code Simplification
+        Unified APIs
+        Built-in Error Handling
+        Consistent Patterns
+        Reduced Boilerplate
+      Multi-Model Support
+        Provider Agnostic
+        Easy Switching
+        Fallback Options
+        Cost Optimization
+    Core Components
+      Conversation Management
+        Message Types
+        Memory Systems
+        Context Tracking
+        History Persistence
+      Tool Integration
+        Function Calling
+        API Connections
+        Custom Tools
+        Workflow Automation
+    Advanced Features
+      Structured Output
+        Pydantic Models
+        JSON Schemas
+        Type Safety
+        Validation Rules
+      Document Processing
+        Embeddings
+        Vector Stores
+        Similarity Search
+        RAG Systems
+    Production Patterns
+      Application Architecture
+        Modular Design
+        Error Boundaries
+        Async Operations
+        State Management
+      Deployment Strategies
+        Scalability
+        Monitoring
+        Performance
+        Security
+```
+**Core Principle**: AI frameworks abstract complexity while providing powerful abstractions for conversation management, tool integration, and document processing, enabling developers to build sophisticated AI applications with clean, maintainable code.
 
-## First prompt
+## Your first AI prompt
 
-In our first app example, we'll learn how to connect to an AI model and query it using a prompt.
+Let's start with the fundamentals by creating your first AI application that sends a question and gets an answer back. Like Archimedes discovering the principle of displacement in his bath, sometimes the simplest observations lead to the most powerful insights - and frameworks make these insights accessible.
 
-### Using Python
+### Setting up LangChain with GitHub Models
 
-For this example, we'll use Langchain to connect to GitHub Models. We can use a class called `ChatOpenAI` and provide it with the fields `api_key`, `base_url`, and `model`. The token is automatically populated within GitHub Codespaces, but if you're running the app locally, you'll need to set up a personal access token for this to work.
+We're going to use LangChain to connect to GitHub Models, which is pretty sweet because it gives you free access to various AI models. The best part? You only need a few simple configuration parameters to get started:
 
 ```python
 from langchain_openai import ChatOpenAI
@@ -47,32 +184,58 @@ llm = ChatOpenAI(
     model="openai/gpt-4o-mini",
 )
 
-# works
-response  = llm.invoke("What's the capital of France?")
+# Send a simple prompt
+response = llm.invoke("What's the capital of France?")
 print(response.content)
 ```
 
-In this code, we:
-
-- Call `ChatOpenAI` to create a client.
-- Use `llm.invoke` with a prompt to generate a response.
-- Print the response using `print(response.content)`.
+**Let's break down what's happening here:**
+- **Creates** a LangChain client using the `ChatOpenAI` class - this is your gateway to AI!
+- **Configures** the connection to GitHub Models with your authentication token
+- **Specifies** which AI model to use (`gpt-4o-mini`) - think of this as choosing your AI assistant
+- **Sends** your question using the `invoke()` method - this is where the magic happens
+- **Extracts** and displays the response - and voilà, you're chatting with AI!
 
-You should see a response similar to:
+> 🔧 **Setup Note**: If you're using GitHub Codespaces, you're in luck - the `GITHUB_TOKEN` is already set up for you! Working locally? No worries, you'll just need to create a personal access token with the right permissions.
 
+**Expected output:**
 ```text
 The capital of France is Paris.
 ```
 
-## Chat conversation
+```mermaid
+sequenceDiagram
+    participant App as Your Python App
+    participant LC as LangChain
+    participant GM as GitHub Models
+    participant AI as GPT-4o-mini
+    
+    App->>LC: llm.invoke("What's the capital of France?")
+    LC->>GM: HTTP request with prompt
+    GM->>AI: Process prompt
+    AI->>GM: Generated response
+    GM->>LC: Return response
+    LC->>App: response.content
+```
+## Building conversational AI
 
-In the previous section, we used what's commonly known as zero-shot prompting—a single prompt followed by a response.
+That first example demonstrates the basics, but it's just a single exchange - you ask a question, get an answer, and that's it. In real applications, you want your AI to remember what you've been discussing, like how Watson and Holmes built their investigative conversations over time.
 
-However, you may often find yourself in situations where you need to maintain a conversation involving multiple exchanges between you and the AI assistant.
+This is where LangChain becomes particularly useful. It provides different message types that help structure conversations and let you give your AI a personality. You'll be building chat experiences that maintain context and character.
 
-### Using Python
+### Understanding message types
 
-In Langchain, we can store the conversation in a list. The `HumanMessage` represents a message from the user, and `SystemMessage` is a message meant to set the "personality" of the AI. In the example below, we instruct the AI to take on the personality of Captain Picard, and the user asks, "Tell me about you" as the prompt.
+Think of these message types as different "hats" that participants wear in a conversation. LangChain uses different message classes to keep track of who's saying what:
+
+| Message Type | Purpose | Example Use Case |
+|--------------|---------|------------------|
+| `SystemMessage` | Defines AI personality and behavior | "You are a helpful coding assistant" |
+| `HumanMessage` | Represents user input | "Explain how functions work" |
+| `AIMessage` | Stores AI responses | Previous AI responses in conversation |
+
+### Creating your first conversation
+
+Let's create a conversation where our AI assumes a specific role. We'll have it embody Captain Picard - a character known for his diplomatic wisdom and leadership:
 
 ```python
 messages = [
@@ -81,7 +244,12 @@ messages = [
 ]
 ```
 
-The full code for this example looks like this:
+**Breaking down this conversation setup:**
+- **Establishes** the AI's role and personality through `SystemMessage`
+- **Provides** the initial user query via `HumanMessage`
+- **Creates** a foundation for multi-turn conversation
+
+The full code for this example looks like so:
 
 ```python
 from langchain_core.messages import HumanMessage, SystemMessage
@@ -105,7 +273,7 @@ response  = llm.invoke(messages)
 print(response.content)
 ```
 
-You should see an output similar to:
+You should see an outcome similar to:
 
 ```text
 I am Captain Jean-Luc Picard, the commanding officer of the USS Enterprise (NCC-1701-D), a starship in the United Federation of Planets. My primary mission is to explore new worlds, seek out new life and new civilizations, and boldly go where no one has gone before. 
@@ -115,7 +283,7 @@ I believe in the importance of diplomacy, reason, and the pursuit of knowledge.
 I hold the ideals of the Federation close to my heart, believing in the importance of cooperation, understanding, and respect for all sentient beings. My experiences have shaped my leadership style, and I strive to be a thoughtful and just captain. How may I assist you further?
 ```
 
-To maintain the state of the conversation, you can add the response from the chat so the conversation is remembered. Here's how to do that:
+To maintain conversation continuity (instead of resetting context each time), you need to keep adding responses to your message list. Like the oral traditions that preserved stories across generations, this approach builds lasting memory:
 
 ```python
 from langchain_core.messages import HumanMessage, SystemMessage
@@ -150,9 +318,9 @@ print(response.content)
 
 ```
 
-From the above conversation, we can see how the LLM is invoked twice—first with a conversation consisting of just two messages, and then a second time with additional messages added to the conversation.
+Pretty neat, right? What's happening here is that we're calling the LLM twice - first with just our initial two messages, but then again with the full conversation history. It's like the AI is actually following along with our chat!
 
-If you run this, you'll see the second response being something like:
+When you run this code, you'll get a second response that sounds something like:
 
 ```text
 Welcome aboard, Chris! It's always a pleasure to meet those who share a passion for exploration and discovery. While I cannot formally offer you a position on the Enterprise right now, I encourage you to pursue your aspirations. We are always in need of talented individuals with diverse skills and backgrounds. 
@@ -160,27 +328,165 @@ Welcome aboard, Chris! It's always a pleasure to meet those who share a passion
 If you are interested in space exploration, consider education and training in the sciences, engineering, or diplomacy. The values of curiosity, resilience, and teamwork are crucial in Starfleet. Should you ever find yourself on a starship, remember to uphold the principles of the Federation: peace, understanding, and respect for all beings. Your journey can lead you to remarkable adventures, whether in the stars or on the ground. Engage!
 ```
 
+```mermaid
+sequenceDiagram
+    participant User
+    participant App
+    participant LangChain
+    participant AI
+    
+    User->>App: "Tell me about you"
+    App->>LangChain: [SystemMessage, HumanMessage]
+    LangChain->>AI: Formatted conversation
+    AI->>LangChain: Captain Picard response
+    LangChain->>App: AIMessage object
+    App->>User: Display response
+    
+    Note over App: Add AIMessage to conversation
+    
+    User->>App: "Can I join your crew?"
+    App->>LangChain: [SystemMessage, HumanMessage, AIMessage, HumanMessage]
+    LangChain->>AI: Full conversation context
+    AI->>LangChain: Contextual response
+    LangChain->>App: New AIMessage
+    App->>User: Display contextual response
+```
 I'll take that as a maybe ;)
 
 ## Streaming responses
 
-TODO
+Ever notice how ChatGPT seems to "type" its responses in real-time? That's streaming in action. Like watching a skilled calligrapher work - seeing the characters appear stroke by stroke rather than materializing instantly - streaming makes the interaction feel more natural and provides immediate feedback.
+
+### Implementing streaming with LangChain
+
+```python
+from langchain_openai import ChatOpenAI
+import os
+
+llm = ChatOpenAI(
+    api_key=os.environ["GITHUB_TOKEN"],
+    base_url="https://models.github.ai/inference",
+    model="openai/gpt-4o-mini",
+    streaming=True
+)
+
+# Stream the response
+for chunk in llm.stream("Write a short story about a robot learning to code"):
+    print(chunk.content, end="", flush=True)
+```
+
+**Why streaming is awesome:**
+- **Shows** content as it's being created - no more awkward waiting!
+- **Makes** users feel like something's actually happening
+- **Feels** faster, even when it technically isn't
+- **Lets** users start reading while the AI is still "thinking"
+
+> 💡 **User Experience Tip**: Streaming really shines when you're dealing with longer responses like code explanations, creative writing, or detailed tutorials. Your users will love seeing progress instead of staring at a blank screen!
+
+### 🎯 Pedagogical Check-in: Framework Abstraction Benefits
+
+**Pause and Reflect**: You've just experienced the power of AI framework abstractions. Compare what you've learned to raw API calls from previous lessons.
+
+**Quick Self-Assessment**:
+- Can you explain how LangChain simplifies conversation management compared to manual message tracking?
+- What's the difference between `invoke()` and `stream()` methods, and when would you use each?
+- How does the framework's message type system improve code organization?
+
+**Real-World Connection**: The abstraction patterns you've learned (message types, streaming interfaces, conversation memory) are used in every major AI application - from ChatGPT's interface to GitHub Copilot's code assistance. You're mastering the same architectural patterns used by professional AI development teams.
+
+**Challenge Question**: How would you design a framework abstraction for handling different AI model providers (OpenAI, Anthropic, Google) with a single interface? Consider the benefits and trade-offs.
 
 ## Prompt templates
 
-TODO
+Prompt templates work like the rhetorical structures used in classical oratory - think of how Cicero would adapt his speech patterns for different audiences while maintaining the same persuasive framework. They let you create reusable prompts where you can swap out different pieces of information without rewriting everything from scratch. Once you set up the template, you just fill in the variables with whatever values you need.
+
+### Creating reusable prompts
+
+```python
+from langchain_core.prompts import ChatPromptTemplate
+
+# Define a template for code explanations
+template = ChatPromptTemplate.from_messages([
+    ("system", "You are an expert programming instructor. Explain concepts clearly with examples."),
+    ("human", "Explain {concept} in {language} with a practical example for {skill_level} developers")
+])
+
+# Use the template with different values
+questions = [
+    {"concept": "functions", "language": "JavaScript", "skill_level": "beginner"},
+    {"concept": "classes", "language": "Python", "skill_level": "intermediate"},
+    {"concept": "async/await", "language": "JavaScript", "skill_level": "advanced"}
+]
+
+for question in questions:
+    prompt = template.format_messages(**question)
+    response = llm.invoke(prompt)
+    print(f"Topic: {question['concept']}\n{response.content}\n---\n")
+```
+
+**Why you'll love using templates:**
+- **Keeps** your prompts consistent across your entire app
+- **No more** messy string concatenation - just clean, simple variables
+- **Your AI** behaves predictably because the structure stays the same
+- **Updates** are a breeze - change the template once, and it's fixed everywhere
 
 ## Structured output
 
-TODO
+Ever get frustrated trying to parse AI responses that come back as unstructured text? Structured output is like teaching your AI to follow the systematic approach that Linnaeus used for biological classification - organized, predictable, and easy to work with. You can request JSON, specific data structures, or any format you need.
+
+### Defining output schemas
+
+```python
+from langchain_core.prompts import ChatPromptTemplate
+from langchain_core.output_parsers import JsonOutputParser
+from pydantic import BaseModel, Field
+
+class CodeReview(BaseModel):
+    score: int = Field(description="Code quality score from 1-10")
+    strengths: list[str] = Field(description="List of code strengths")
+    improvements: list[str] = Field(description="List of suggested improvements")
+    overall_feedback: str = Field(description="Summary feedback")
+
+# Set up the parser
+parser = JsonOutputParser(pydantic_object=CodeReview)
+
+# Create prompt with format instructions
+prompt = ChatPromptTemplate.from_messages([
+    ("system", "You are a code reviewer. {format_instructions}"),
+    ("human", "Review this code: {code}")
+])
+
+# Format the prompt with instructions
+chain = prompt | llm | parser
+
+# Get structured response
+code_sample = """
+def calculate_average(numbers):
+    return sum(numbers) / len(numbers)
+"""
+
+result = chain.invoke({
+    "code": code_sample,
+    "format_instructions": parser.get_format_instructions()
+})
+
+print(f"Score: {result['score']}")
+print(f"Strengths: {', '.join(result['strengths'])}")
+```
+
+**Why structured output is a game-changer:**
+- **No more** guessing what format you'll get back - it's consistent every time
+- **Plugs** directly into your databases and APIs without extra work
+- **Catches** weird AI responses before they break your app
+- **Makes** your code cleaner because you know exactly what you're working with
 
 ## Tool calling
 
-Tools allow us to give the LLM additional capabilities. The idea is to inform the LLM about available functions, and if a prompt matches the description of one of these tools, the tool is invoked.
+Now we reach one of the most powerful features: tools. This is how you give your AI practical capabilities beyond conversation. Like how medieval guilds developed specialized tools for specific crafts, you can equip your AI with focused instruments. You describe what tools are available, and when someone requests something that matches, your AI can take action. 
 
 ### Using Python
 
-Let's add some tools like this:
+Let's add some tools like so:
 
 ```python
 from typing_extensions import Annotated, TypedDict
@@ -199,9 +505,9 @@ functions = {
 }
 ```
 
-Here, we create a description of a tool called `add`. By inheriting from `TypedDict` and adding members like `a` and `b` of type `Annotated`, this can be converted into a schema that the LLM can understand. The creation of functions is managed through a dictionary that ensures we know what to do if a specific tool is identified.
+So what's happening here? We're creating a blueprint for a tool called `add`. By inheriting from `TypedDict` and using those fancy `Annotated` types for `a` and `b`, we're giving the LLM a clear picture of what this tool does and what it needs. The `functions` dictionary is like our toolbox - it tells our code exactly what to do when the AI decides to use a specific tool.
 
-Next, let's see how we call the LLM with this tool:
+Let's see how we call the LLM with this tool next:
 
 ```python
 llm = ChatOpenAI(
@@ -213,9 +519,9 @@ llm = ChatOpenAI(
 llm_with_tools = llm.bind_tools(tools)
 ```
 
-Here, we use `bind_tools` with our `tools` array, enabling the LLM `llm_with_tools` to recognize this tool.
+Here we call `bind_tools` with our `tools` array and thereby the LLM `llm_with_tools` now has knowledge of this tool.
 
-To use this new LLM, we can write the following code:
+To use this new LLM, we can type the following code:
 
 ```python
 query = "What is 3 + 12?"
@@ -227,7 +533,7 @@ if(res.tool_calls):
 print("CONTENT: ",res.content)
 ```
 
-When we call `invoke` on this new LLM that has tools, the property `tool_calls` may be populated. If so, any identified tools will have a `name` and `args` property that specifies which tool should be called and with what arguments. The full code looks like this:
+Now that we call `invoke` on this new llm, that has tools, we maybe the the property `tool_calls` populated. If so, any identified tools has a `name` and `args` property that identifies what tool should be called and with arguments. The full code looks like so:
 
 ```python
 from langchain_core.messages import HumanMessage, SystemMessage
@@ -272,15 +578,14 @@ TOOL CALL:  15
 CONTENT: 
 ```
 
-This output indicates that the LLM interpreted the prompt "What is 3 + 12" as requiring the `add` tool, based on its name, description, and member field descriptions. The answer, 15, is derived from our code using the dictionary `functions` to invoke it:
+The AI examined "What is 3 + 12" and recognized this as a task for the `add` tool. Like how a skilled librarian knows which reference to consult based on the type of question asked, it made this determination from the tool's name, description, and field specifications. The result of 15 comes from our `functions` dictionary executing the tool:
 
 ```python
 print("TOOL CALL: ", functions[tool["name"]](../../../10-ai-framework-project/**tool["args"]))
 ```
 
 ### A more interesting tool that calls a web API
-
-While tools that add two numbers are useful for illustrating how tool calling works, tools often perform more complex tasks, such as calling a web API. Let's implement that with this code:
+Adding numbers demonstrates the concept, but real tools typically perform more complex operations, like calling web APIs. Let's expand our example to have the AI fetch content from the internet - similar to how telegraph operators once connected distant locations:
 
 ```python
 class joke(TypedDict):
@@ -305,14 +610,40 @@ query = "Tell me a joke about animals"
 # the rest of the code is the same
 ```
 
-Running this code will produce a response similar to:
+Now if you run this code you will get a response saying something like:
 
 ```text
 TOOL CALL:  Chuck Norris once rode a nine foot grizzly bear through an automatic car wash, instead of taking a shower.
 CONTENT:  
 ```
 
-Here's the complete code:
+```mermaid
+flowchart TD
+    A[User Query: "Tell me a joke about animals"] --> B[LangChain Analysis]
+    B --> C{Tool Available?}
+    C -->|Yes| D[Select joke tool]
+    C -->|No| E[Generate direct response]
+    
+    D --> F[Extract Parameters]
+    F --> G[Call joke(category="animals")]
+    G --> H[API Request to chucknorris.io]
+    H --> I[Return joke content]
+    I --> J[Display to user]
+    
+    E --> K[AI-generated response]
+    K --> J
+    
+    subgraph "Tool Definition Layer"
+        L[TypedDict Schema]
+        M[Function Implementation]
+        N[Parameter Validation]
+    end
+    
+    D --> L
+    F --> N
+    G --> M
+```
+Here's the code in its entirety:
 
 ```python
 from langchain_openai import ChatOpenAI
@@ -364,25 +695,443 @@ if(res.tool_calls):
 print("CONTENT: ",res.content)
 ```
 
-## Embedding
+## Embeddings and document processing
 
-Vectorize content and compare using cosine similarity.
+Embeddings represent one of the most elegant solutions in modern AI. Imagine if you could take any piece of text and convert it into numerical coordinates that capture its meaning. That's exactly what embeddings do - they transform text into points in multi-dimensional space where similar concepts cluster together. It's like having a coordinate system for ideas, reminiscent of how Mendeleev organized the periodic table by atomic properties.
 
-https://python.langchain.com/docs/how_to/embed_text/
+### Creating and using embeddings
+
+```python
+from langchain_openai import OpenAIEmbeddings
+from langchain_community.vectorstores import FAISS
+from langchain_community.document_loaders import TextLoader
+from langchain.text_splitter import CharacterTextSplitter
+
+# Initialize embeddings
+embeddings = OpenAIEmbeddings(
+    api_key=os.environ["GITHUB_TOKEN"],
+    base_url="https://models.github.ai/inference",
+    model="text-embedding-3-small"
+)
 
-### Document loaders
+# Load and split documents
+loader = TextLoader("documentation.txt")
+documents = loader.load()
+
+text_splitter = CharacterTextSplitter(chunk_size=1000, chunk_overlap=0)
+texts = text_splitter.split_documents(documents)
+
+# Create vector store
+vectorstore = FAISS.from_documents(texts, embeddings)
+
+# Perform similarity search
+query = "How do I handle user authentication?"
+similar_docs = vectorstore.similarity_search(query, k=3)
+
+for doc in similar_docs:
+    print(f"Relevant content: {doc.page_content[:200]}...")
+```
+
+### Document loaders for various formats
+
+```python
+from langchain_community.document_loaders import (
+    PyPDFLoader,
+    CSVLoader,
+    JSONLoader,
+    WebBaseLoader
+)
+
+# Load different document types
+pdf_loader = PyPDFLoader("manual.pdf")
+csv_loader = CSVLoader("data.csv")
+json_loader = JSONLoader("config.json")
+web_loader = WebBaseLoader("https://example.com/docs")
+
+# Process all documents
+all_documents = []
+for loader in [pdf_loader, csv_loader, json_loader, web_loader]:
+    docs = loader.load()
+    all_documents.extend(docs)
+```
+
+**What you can do with embeddings:**
+- **Build** search that actually understands what you mean, not just keyword matching
+- **Create** AI that can answer questions about your documents
+- **Make** recommendation systems that suggest truly relevant content
+- **Automatically** organize and categorize your content
+
+```mermaid
+flowchart LR
+    A[Documents] --> B[Text Splitter]
+    B --> C[Create Embeddings]
+    C --> D[Vector Store]
+    
+    E[User Query] --> F[Query Embedding]
+    F --> G[Similarity Search]
+    G --> D
+    D --> H[Relevant Documents]
+    H --> I[AI Response]
+    
+    subgraph "Vector Space"
+        J[Document A: [0.1, 0.8, 0.3...]]
+        K[Document B: [0.2, 0.7, 0.4...]]
+        L[Query: [0.15, 0.75, 0.35...]]
+    end
+    
+    C --> J
+    C --> K
+    F --> L
+    G --> J
+    G --> K
+```
+## Building a complete AI application
+
+Now we'll integrate everything you've learned into a comprehensive application - a coding assistant that can answer questions, use tools, and maintain conversation memory. Like how the printing press combined existing technologies (movable type, ink, paper, and pressure) into something transformative, we'll combine our AI components into something practical and useful.
+
+### Complete application example
+
+```python
+from langchain_openai import ChatOpenAI, OpenAIEmbeddings
+from langchain_core.prompts import ChatPromptTemplate
+from langchain_core.messages import HumanMessage, SystemMessage, AIMessage
+from langchain_community.vectorstores import FAISS
+from typing_extensions import Annotated, TypedDict
+import os
+import requests
+
+class CodingAssistant:
+    def __init__(self):
+        self.llm = ChatOpenAI(
+            api_key=os.environ["GITHUB_TOKEN"],
+            base_url="https://models.github.ai/inference",
+            model="openai/gpt-4o-mini"
+        )
+        
+        self.conversation_history = [
+            SystemMessage(content="""You are an expert coding assistant. 
+            Help users learn programming concepts, debug code, and write better software.
+            Use tools when needed and maintain a helpful, encouraging tone.""")
+        ]
+        
+        # Define tools
+        self.setup_tools()
+    
+    def setup_tools(self):
+        class web_search(TypedDict):
+            """Search for programming documentation or examples."""
+            query: Annotated[str, "Search query for programming help"]
+        
+        class code_formatter(TypedDict):
+            """Format and validate code snippets."""
+            code: Annotated[str, "Code to format"]
+            language: Annotated[str, "Programming language"]
+        
+        self.tools = [web_search, code_formatter]
+        self.llm_with_tools = self.llm.bind_tools(self.tools)
+    
+    def chat(self, user_input: str):
+        # Add user message to conversation
+        self.conversation_history.append(HumanMessage(content=user_input))
+        
+        # Get AI response
+        response = self.llm_with_tools.invoke(self.conversation_history)
+        
+        # Handle tool calls if any
+        if response.tool_calls:
+            for tool_call in response.tool_calls:
+                tool_result = self.execute_tool(tool_call)
+                print(f"🔧 Tool used: {tool_call['name']}")
+                print(f"📊 Result: {tool_result}")
+        
+        # Add AI response to conversation
+        self.conversation_history.append(response)
+        
+        return response.content
+    
+    def execute_tool(self, tool_call):
+        tool_name = tool_call['name']
+        args = tool_call['args']
+        
+        if tool_name == 'web_search':
+            return f"Found documentation for: {args['query']}"
+        elif tool_name == 'code_formatter':
+            return f"Formatted {args['language']} code: {args['code'][:50]}..."
+        
+        return "Tool execution completed"
+
+# Usage example
+assistant = CodingAssistant()
+
+print("🤖 Coding Assistant Ready! Type 'quit' to exit.\n")
+
+while True:
+    user_input = input("You: ")
+    if user_input.lower() == 'quit':
+        break
+    
+    response = assistant.chat(user_input)
+    print(f"🤖 Assistant: {response}\n")
+```
+
+**Application architecture:**
+
+```mermaid
+graph TD
+    A[User Input] --> B[Coding Assistant]
+    B --> C[Conversation Memory]
+    B --> D[Tool Detection]
+    B --> E[LLM Processing]
+    
+    D --> F[Web Search Tool]
+    D --> G[Code Formatter Tool]
+    
+    E --> H[Response Generation]
+    F --> H
+    G --> H
+    
+    H --> I[User Interface]
+    H --> C
+```
+**Key features we've implemented:**
+- **Remembers** your entire conversation for context continuity
+- **Performs actions** through tool calling, not just conversation
+- **Follows** predictable interaction patterns
+- **Manages** error handling and complex workflows automatically
 
-PDF and CSV
+### 🎯 Pedagogical Check-in: Production AI Architecture
 
-## Building an app
+**Architecture Understanding**: You've built a complete AI application that combines conversation management, tool calling, and structured workflows. This represents production-level AI application development.
 
-TODO
+**Key Concepts Mastered**:
+- **Class-Based Architecture**: Organized, maintainable AI application structure
+- **Tool Integration**: Custom functionality beyond conversation
+- **Memory Management**: Persistent conversation context
+- **Error Handling**: Robust application behavior
 
-## Assignment
+**Industry Connection**: The architecture patterns you've implemented (conversation classes, tool systems, memory management) are the same patterns used in enterprise AI applications like Slack's AI assistant, GitHub Copilot, and Microsoft Copilot. You're building with professional-grade architectural thinking.
+
+**Reflection Question**: How would you extend this application to handle multiple users, persistent storage, or integration with external databases? Consider scalability and state management challenges.
+
+## Assignment: Build your own AI-powered study assistant
+
+**Objective**: Create an AI application that helps students learn programming concepts by providing explanations, code examples, and interactive quizzes.
+
+### Requirements
+
+**Core Features (Required):**
+1. **Conversational Interface**: Implement a chat system that maintains context across multiple questions
+2. **Educational Tools**: Create at least two tools that help with learning:
+   - Code explanation tool
+   - Concept quiz generator
+3. **Personalized Learning**: Use system messages to adapt responses to different skill levels
+4. **Response Formatting**: Implement structured output for quiz questions
+
+### Implementation Steps
+
+**Step 1: Setup your environment**
+```bash
+pip install langchain langchain-openai
+```
+
+**Step 2: Basic chat functionality**
+- Create a `StudyAssistant` class
+- Implement conversation memory
+- Add personality configuration for educational support
+
+**Step 3: Add educational tools**
+- **Code Explainer**: Breaks down code into understandable parts
+- **Quiz Generator**: Creates questions about programming concepts
+- **Progress Tracker**: Keeps track of topics covered
+
+**Step 4: Enhanced features (Optional)**
+- Implement streaming responses for better user experience
+- Add document loading to incorporate course materials
+- Create embeddings for similarity-based content retrieval
+
+### Evaluation Criteria
+
+| Feature | Excellent (4) | Good (3) | Satisfactory (2) | Needs Work (1) |
+|---------|---------------|----------|------------------|----------------|
+| **Conversation Flow** | Natural, context-aware responses | Good context retention | Basic conversation | No memory between exchanges |
+| **Tool Integration** | Multiple useful tools working seamlessly | 2+ tools implemented correctly | 1-2 basic tools | Tools not functional |
+| **Code Quality** | Clean, well-documented, error handling | Good structure, some documentation | Basic functionality works | Poor structure, no error handling |
+| **Educational Value** | Truly helpful for learning, adaptive | Good learning support | Basic explanations | Limited educational benefit |
+
+### Sample code structure
+
+```python
+class StudyAssistant:
+    def __init__(self, skill_level="beginner"):
+        # Initialize LLM, tools, and conversation memory
+        pass
+    
+    def explain_code(self, code, language):
+        # Tool: Explain how code works
+        pass
+    
+    def generate_quiz(self, topic, difficulty):
+        # Tool: Create practice questions
+        pass
+    
+    def chat(self, user_input):
+        # Main conversation interface
+        pass
+
+# Example usage
+assistant = StudyAssistant(skill_level="intermediate")
+response = assistant.chat("Explain how Python functions work")
+```
+
+**Bonus Challenges:**
+- Add voice input/output capabilities
+- Implement a web interface using Streamlit or Flask
+- Create a knowledge base from course materials using embeddings
+- Add progress tracking and personalized learning paths
+
+## 📈 Your AI Framework Development Mastery Timeline
+
+```mermaid
+timeline
+    title Production AI Framework Development Journey
+    
+    section Framework Foundations
+        Understanding Abstractions
+            : Master framework vs API decisions
+            : Learn LangChain core concepts
+            : Implement message type systems
+        
+        Basic Integration
+            : Connect to AI providers
+            : Handle authentication
+            : Manage configuration
+    
+    section Conversation Systems
+        Memory Management
+            : Build conversation history
+            : Implement context tracking
+            : Handle session persistence
+        
+        Advanced Interactions
+            : Master streaming responses
+            : Create prompt templates
+            : Implement structured output
+    
+    section Tool Integration
+        Custom Tool Development
+            : Design tool schemas
+            : Implement function calling
+            : Handle external APIs
+        
+        Workflow Automation
+            : Chain multiple tools
+            : Create decision trees
+            : Build agent behaviors
+    
+    section Production Applications
+        Complete System Architecture
+            : Combine all framework features
+            : Implement error boundaries
+            : Create maintainable code
+        
+        Enterprise Readiness
+            : Handle scalability concerns
+            : Implement monitoring
+            : Build deployment strategies
+```
+**🎓 Graduation Milestone**: You've successfully mastered AI framework development using the same tools and patterns that power modern AI applications. These skills represent the cutting edge of AI application development and prepare you for building enterprise-grade intelligent systems.
+
+**🔄 Next Level Capabilities**:
+- Ready to explore advanced AI architectures (agents, multi-agent systems)
+- Prepared to build RAG systems with vector databases
+- Equipped to create multi-modal AI applications
+- Foundation set for AI application scaling and optimization
 
 ## Summary
 
+🎉 You've now mastered the fundamentals of AI framework development and learned how to build sophisticated AI applications using LangChain. Like completing a comprehensive apprenticeship, you've acquired a substantial toolkit of skills. Let's review what you've accomplished.
+
+### What you've learned
+
+**Core Framework Concepts:**
+- **Framework Benefits**: Understanding when to choose frameworks over direct API calls
+- **LangChain Basics**: Setting up and configuring AI model connections
+- **Message Types**: Using `SystemMessage`, `HumanMessage`, and `AIMessage` for structured conversations
+
+**Advanced Features:**
+- **Tool Calling**: Creating and integrating custom tools for enhanced AI capabilities
+- **Conversation Memory**: Maintaining context across multiple conversation turns
+- **Streaming Responses**: Implementing real-time response delivery
+- **Prompt Templates**: Building reusable, dynamic prompts
+- **Structured Output**: Ensuring consistent, parseable AI responses
+- **Embeddings**: Creating semantic search and document processing capabilities
+
+**Practical Applications:**
+- **Building Complete Apps**: Combining multiple features into production-ready applications
+- **Error Handling**: Implementing robust error management and validation
+- **Tool Integration**: Creating custom tools that extend AI capabilities
+
+### Key takeaways
+
+> 🎯 **Remember**: AI frameworks like LangChain are basically your complexity-hiding, feature-packed best friends. They're perfect when you need conversation memory, tool calling, or want to work with multiple AI models without losing your sanity.
+
+**Decision framework for AI integration:**
+
+```mermaid
+flowchart TD
+    A[AI Integration Need] --> B{Simple single query?}
+    B -->|Yes| C[Direct API calls]
+    B -->|No| D{Need conversation memory?}
+    D -->|No| E[SDK Integration]
+    D -->|Yes| F{Need tools or complex features?}
+    F -->|No| G[Framework with basic setup]
+    F -->|Yes| H[Full framework implementation]
+    
+    C --> I[HTTP requests, minimal dependencies]
+    E --> J[Provider SDK, model-specific]
+    G --> K[LangChain basic chat]
+    H --> L[LangChain with tools, memory, agents]
+```
+### Where do you go from here?
+
+**Start building right now:**
+- Take these concepts and build something that excites YOU!
+- Play around with different AI models through LangChain - it's like having a playground of AI models
+- Create tools that solve actual problems you face in your work or projects
+
+**Ready for the next level?**
+- **AI Agents**: Build AI systems that can actually plan and execute complex tasks on their own
+- **RAG (Retrieval-Augmented Generation)**: Combine AI with your own knowledge bases for super-powered applications
+- **Multi-Modal AI**: Work with text, images, and audio all together - the possibilities are endless!
+- **Production Deployment**: Learn how to scale your AI apps and monitor them in the real world
+
+**Join the community:**
+- The LangChain community is fantastic for staying up-to-date and learning best practices
+- GitHub Models gives you access to cutting-edge AI capabilities - perfect for experimenting
+- Keep practicing with different use cases - each project will teach you something new
+
+You now have the knowledge to build intelligent, conversational applications that can help people solve real problems. Like the Renaissance craftsmen who combined artistic vision with technical skill, you can now merge AI capabilities with practical application. The question is: what will you create? 🚀
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Build an advanced AI-powered code review assistant that combines multiple LangChain features including tool calling, structured output, and conversation memory to provide comprehensive feedback on code submissions.
+
+**Prompt:** Create a CodeReviewAssistant class that implements:
+1. A tool for analyzing code complexity and suggesting improvements
+2. A tool for checking code against best practices
+3. Structured output using Pydantic models for consistent review format
+4. Conversation memory to track review sessions
+5. A main chat interface that can handle code submissions and provide detailed, actionable feedback
+
+The assistant should be able to review code in multiple programming languages, maintain context across multiple code submissions in a session, and provide both summary scores and detailed improvement suggestions.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/1-data-types/README.md b/translations/en/2-js-basics/1-data-types/README.md
index b7cbe2985..feeea7277 100644
--- a/translations/en/2-js-basics/1-data-types/README.md
+++ b/translations/en/2-js-basics/1-data-types/README.md
@@ -1,161 +1,361 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b95fdd8310ef467305015ece1b0f9411",
-  "translation_date": "2025-08-29T13:23:20+00:00",
-  "source_file": "2-js-basics/1-data-types/README.md",
-  "language_code": "en"
-}
--->
 # JavaScript Basics: Data Types
 
-![JavaScript Basics - Data types](../../../../translated_images/en/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.png)
+![JavaScript Basics - Data types](../../../../translated_images/en/webdev101-js-datatypes.4cc470179730702c.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your JavaScript Data Types Adventure
+    section Foundation
+      Variables & Constants: 5: You
+      Declaration Syntax: 4: You
+      Assignment Concepts: 5: You
+    section Core Types
+      Numbers & Math: 4: You
+      Strings & Text: 5: You
+      Booleans & Logic: 4: You
+    section Apply Knowledge
+      Type Conversion: 4: You
+      Real-world Examples: 5: You
+      Best Practices: 5: You
+```
+Data types are one of the fundamental concepts in JavaScript that you'll encounter in every program you write. Think of data types like the filing system used by ancient librarians in Alexandria – they had specific places for scrolls containing poetry, mathematics, and historical records. JavaScript organizes information in a similar way with different categories for different kinds of data.
+
+In this lesson, we'll explore the core data types that make JavaScript work. You'll learn how to handle numbers, text, true/false values, and understand why choosing the correct type is essential for your programs. These concepts might seem abstract at first, but with practice, they'll become second nature.
+
+Understanding data types will make everything else in JavaScript much clearer. Just as architects need to understand different building materials before constructing a cathedral, these fundamentals will support everything you build going forward.
+
 ## Pre-Lecture Quiz
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/)
 
-This lesson introduces the basics of JavaScript, the language that makes websites interactive.
+This lesson covers the basics of JavaScript, the language that provides interactivity on the web.
 
-> You can follow this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-variables/?WT.mc_id=academic-77807-sagibbon)!
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-variables/?WT.mc_id=academic-77807-sagibbon)!
 
 [![Variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Variables in JavaScript")
 
 [![Data Types in JavaScript](https://img.youtube.com/vi/AWfA95eLdq8/0.jpg)](https://youtube.com/watch?v=AWfA95eLdq8 "Data Types in JavaScript")
 
-> 🎥 Click the images above to watch videos about variables and data types.
-
-Let’s dive into variables and the data types they can hold!
-
+> 🎥 Click the images above for videos about variables and data types
+
+Let's start with variables and the data types that populate them!
+
+```mermaid
+mindmap
+  root((JavaScript Data))
+    Variables
+      let myVar
+      const PI = 3.14
+      var oldStyle
+    Primitive Types
+      number
+        42
+        3.14
+        -5
+      string
+        "Hello"
+        'World'
+        `Template`
+      boolean
+        true
+        false
+      undefined
+      null
+    Operations
+      Arithmetic
+        + - * / %
+      String Methods
+        concatenation
+        template literals
+      Type Conversion
+        implicit
+        explicit
+```
 ## Variables
 
-Variables are used to store values that can be accessed and modified throughout your code.
+Variables are fundamental building blocks in programming. Like the labeled jars that medieval alchemists used to store different substances, variables let you store information and give it a descriptive name so you can reference it later. Need to remember someone's age? Store it in a variable called `age`. Want to track a user's name? Keep it in a variable called `userName`.
+
+We'll focus on the modern approach to creating variables in JavaScript. The techniques you'll learn here represent years of language evolution and best practices developed by the programming community.
 
-To **declare** a variable, use the syntax **[keyword] [name]**. This consists of two parts:
+Creating and **declaring** a variable has the following syntax **[keyword] [name]**. It's made up of the two parts:
 
-- **Keyword**. The keywords `let` or `var` can be used.  
+- **Keyword**. Use `let` for variables that can change, or `const` for values that stay the same.
+- **The variable name**, this is a descriptive name you choose yourself.
 
-✅ The `let` keyword, introduced in ES6, provides _block scope_ for your variable. It’s recommended to use `let` instead of `var`. We’ll explore block scopes in more detail later.
-- **Variable name**, which is a name you choose.
+✅ The keyword `let` was introduced in ES6 and gives your variable a so called _block scope_. It's recommended that you use `let` or `const` instead of the older `var` keyword. We will cover block scopes more in depth in future parts.
 
-### Task - Working with Variables
+### Task - working with variables
 
-1. **Declare a variable**. Use the `let` keyword to declare a variable:
+1. **Declare a variable**. Let's start by creating our first variable:
 
     ```javascript
     let myVariable;
     ```
 
-   Here, `myVariable` is declared using the `let` keyword but doesn’t yet have a value.
+   **What this accomplishes:**
+   - This tells JavaScript to create a storage location called `myVariable`
+   - JavaScript allocates space in memory for this variable
+   - The variable currently has no value (undefined)
 
-1. **Assign a value**. Use the `=` operator to assign a value to the variable:
+2. **Give it a value**. Now let's put something in our variable:
 
     ```javascript
     myVariable = 123;
     ```
 
-   > Note: In this lesson, the `=` operator is used as an "assignment operator" to assign a value to a variable. It does not represent equality.
+   **How assignment works:**
+   - The `=` operator assigns the value 123 to our variable
+   - The variable now contains this value instead of being undefined
+   - You can reference this value throughout your code using `myVariable`
 
-   Now, `myVariable` is *initialized* with the value 123.
+   > Note: the use of `=` in this lesson means we make use of an "assignment operator", used to set a value to a variable. It doesn't denote equality.
 
-1. **Refactor**. Replace your code with the following statement:
+3. **Do it the smart way**. Actually, let's combine those two steps:
 
     ```javascript
     let myVariable = 123;
     ```
 
-    This is called _explicit initialization_, where a variable is declared and assigned a value at the same time.
+    **This approach is more efficient:**
+    - You're declaring the variable and assigning a value in one statement
+    - This is the standard practice among developers
+    - It reduces code length while maintaining clarity
 
-1. **Change the variable value**. Update the variable’s value like this:
+4. **Change your mind**. What if we want to store a different number?
 
    ```javascript
    myVariable = 321;
    ```
 
-   Once a variable is declared, you can change its value at any point in your code using the `=` operator and the new value.
+   **Understanding reassignment:**
+   - The variable now contains 321 instead of 123
+   - The previous value is replaced – variables store only one value at a time
+   - This mutability is the key characteristic of variables declared with `let`
+
+   ✅ Try it! You can write JavaScript right in your browser. Open a browser window and navigate to Developer Tools. In the console, you will find a prompt; type `let myVariable = 123`, press return, then type `myVariable`. What happens? Note, you'll learn more about these concepts in subsequent lessons.
+
+### 🧠 **Variables Mastery Check: Getting Comfortable**
 
-   ✅ Try it! You can write JavaScript directly in your browser. Open Developer Tools, go to the console, and type `let myVariable = 123`. Press Enter, then type `myVariable`. What happens? You’ll learn more about these concepts in upcoming lessons.
+**Let's see how you're feeling about variables:**
+- Can you explain the difference between declaring and assigning a variable?
+- What happens if you try to use a variable before you declare it?
+- When would you choose `let` over `const` for a variable?
+
+```mermaid
+stateDiagram-v2
+    [*] --> Declared: let myVar
+    Declared --> Assigned: myVar = 123
+    Assigned --> Reassigned: myVar = 456
+    Assigned --> [*]: Variable ready!
+    Reassigned --> [*]: Updated value
+    
+    note right of Declared
+        Variable exists but
+        has no value (undefined)
+    end note
+    
+    note right of Assigned
+        Variable contains
+        the value 123
+    end note
+```
+> **Quick tip**: Think of variables as labeled storage boxes. You create the box (`let`), put something in it (`=`), and can later replace the contents if needed!
 
 ## Constants
 
-Declaring and initializing a constant is similar to a variable, but you use the `const` keyword. Constants are often written in uppercase letters.
+Sometimes you need to store information that should never change during program execution. Think of constants like the mathematical principles that Euclid established in ancient Greece – once proven and documented, they remained fixed for all future reference.
+
+Constants work similarly to variables, but with an important restriction: once you assign their value, it cannot be changed. This immutability helps prevent accidental modifications to critical values in your program.
+
+Declaration and initialization of a constant follows the same concepts as a variable, with the exception of the `const` keyword. Constants are typically declared with all uppercase letters.
 
 ```javascript
 const MY_VARIABLE = 123;
 ```
 
-Constants are like variables, but with two key differences:
+**Here's what this code does:**
+- **Creates** a constant named `MY_VARIABLE` with the value 123
+- **Uses** uppercase naming convention for constants
+- **Prevents** any future changes to this value
+
+Constants have two main rules:
+
+- **You must give them a value right away** – no empty constants allowed!
+- **You can never change that value** – JavaScript will throw an error if you try. Let's see what I mean:
 
-- **Must have a value**. A constant must be initialized, or an error will occur when the code runs.
-- **Reference cannot be changed**. Once initialized, the reference of a constant cannot be changed, or an error will occur. Let’s look at some examples:
-   - **Simple value**. The following is NOT allowed:
+   **Simple value** - The following is NOT allowed:
    
       ```javascript
       const PI = 3;
       PI = 4; // not allowed
       ```
+
+   **What you need to remember:**
+   - **Attempts** to reassign a constant will cause an error
+   - **Protects** important values from accidental changes
+   - **Ensures** the value remains consistent throughout your program
  
-   - **Object reference is protected**. The following is NOT allowed:
+   **Object reference is protected** - The following is NOT allowed:
    
       ```javascript
       const obj = { a: 3 };
       obj = { b: 5 } // not allowed
       ```
 
-    - **Object value is not protected**. The following IS allowed:
+   **Understanding these concepts:**
+   - **Prevents** replacing the entire object with a new one
+   - **Protects** the reference to the original object
+   - **Maintains** the object's identity in memory
+
+    **Object value is not protected** - The following IS allowed:
     
       ```javascript
       const obj = { a: 3 };
       obj.a = 5;  // allowed
       ```
 
-      In this case, you’re changing the object’s value, not its reference, so it’s allowed.
+      **Breaking down what happens here:**
+      - **Modifies** the property value inside the object
+      - **Keeps** the same object reference
+      - **Demonstrates** that object contents can change while the reference stays constant
 
-   > Note: A `const` protects the reference from reassignment. However, the value itself is not _immutable_ and can change, especially for complex constructs like objects.
+   > Note, a `const` means the reference is protected from reassignment. The value is not _immutable_ though and can change, especially if it's a complex construct like an object.
 
 ## Data Types
 
-Variables can hold different types of values, such as numbers or text. These types of values are called **data types**. Understanding data types is crucial in software development because it helps determine how code should be written and how the program should behave. Additionally, some data types have unique features that allow you to manipulate or extract information from a value.
+JavaScript organizes information into different categories called data types. This concept mirrors how ancient scholars categorized knowledge – Aristotle distinguished between different types of reasoning, knowing that logical principles couldn't be applied uniformly to poetry, mathematics, and natural philosophy.
 
-✅ Data types are also known as JavaScript data primitives, as they are the most basic data types provided by the language. There are 7 primitive data types: string, number, bigint, boolean, undefined, null, and symbol. Take a moment to think about what each of these represents. What is a `zebra`? How about `0`? `true`?
+Data types matter because different operations work with different kinds of information. Just as you can't perform arithmetic on a person's name or alphabetize a mathematical equation, JavaScript requires the appropriate data type for each operation. Understanding this prevents errors and makes your code more reliable.
+
+Variables can store many different types of values, like numbers and text. These various types of values are known as the **data type**. Data types are an important part of software development because it helps developers make decisions on how the code should be written and how the software should run. Furthermore, some data types have unique features that help transform or extract additional information in a value.
+
+✅ Data Types are also referred to as JavaScript data primitives, as they are the lowest-level data types that are provided by the language. There are 7 primitive data types: string, number, bigint, boolean, undefined, null and symbol. Take a minute to visualize what each of these primitives might represent. What is a `zebra`? How about `0`? `true`?
 
 ### Numbers
 
-In the earlier example, the value of `myVariable` was a number data type.
+Numbers are the most straightforward data type in JavaScript. Whether you're working with whole numbers like 42, decimals like 3.14, or negative numbers like -5, JavaScript handles them uniformly.
+
+Remember our variable from earlier? That 123 we stored was actually a number data type:
+
+```javascript
+let myVariable = 123;
+```
 
-`let myVariable = 123;`
+**Key characteristics:**
+- JavaScript automatically recognizes numeric values
+- You can perform mathematical operations with these variables
+- No explicit type declaration is required
 
-Variables can store all kinds of numbers, including decimals and negative numbers. Numbers can also be used with arithmetic operators, which we’ll cover in the [next section](../../../../2-js-basics/1-data-types).
+Variables can store all types of numbers, including decimals or negative numbers. Numbers also can be used with arithmetic operators, covered in the [next section](../../../../2-js-basics/1-data-types).
 
+```mermaid
+flowchart LR
+    A["🔢 Numbers"] --> B["➕ Addition"]
+    A --> C["➖ Subtraction"]
+    A --> D["✖️ Multiplication"]
+    A --> E["➗ Division"]
+    A --> F["📊 Remainder %"]
+    
+    B --> B1["1 + 2 = 3"]
+    C --> C1["5 - 3 = 2"]
+    D --> D1["4 * 3 = 12"]
+    E --> E1["10 / 2 = 5"]
+    F --> F1["7 % 3 = 1"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```
 ### Arithmetic Operators
 
-JavaScript provides several operators for performing arithmetic operations. Here are some examples:
+Arithmetic operators allow you to perform mathematical calculations in JavaScript. These operators follow the same principles mathematicians have used for centuries – the same symbols that appeared in the works of scholars like Al-Khwarizmi, who developed algebraic notation.
+
+The operators work as you would expect from traditional mathematics: plus for addition, minus for subtraction, and so forth.
+
+There are several types of operators to use when performing arithmetic functions, and some are listed here:
 
 | Symbol | Description                                                              | Example                          |
 | ------ | ------------------------------------------------------------------------ | -------------------------------- |
-| `+`    | **Addition**: Adds two numbers                                           | `1 + 2 //expected answer is 3`   |
-| `-`    | **Subtraction**: Subtracts one number from another                       | `1 - 2 //expected answer is -1`  |
-| `*`    | **Multiplication**: Multiplies two numbers                               | `1 * 2 //expected answer is 2`   |
-| `/`    | **Division**: Divides one number by another                              | `1 / 2 //expected answer is 0.5` |
-| `%`    | **Remainder**: Finds the remainder of a division                         | `1 % 2 //expected answer is 1`   |
-
-✅ Try it! Test an arithmetic operation in your browser’s console. Were the results what you expected?
+| `+`    | **Addition**: Calculates the sum of two numbers                          | `1 + 2 //expected answer is 3`   |
+| `-`    | **Subtraction**: Calculates the difference of two numbers                | `1 - 2 //expected answer is -1`  |
+| `*`    | **Multiplication**: Calculates the product of two numbers                | `1 * 2 //expected answer is 2`   |
+| `/`    | **Division**: Calculates the quotient of two numbers                     | `1 / 2 //expected answer is 0.5` |
+| `%`    | **Remainder**: Calculates the remainder from the division of two numbers | `1 % 2 //expected answer is 1`   |
+
+✅ Try it! Try an arithmetic operation in your browser's console. Do the results surprise you?
+
+### 🧮 **Math Skills Check: Calculating with Confidence**
+
+**Test your arithmetic understanding:**
+- What's the difference between `/` (division) and `%` (remainder)?
+- Can you predict what `10 % 3` equals? (Hint: it's not 3.33...)
+- Why might the remainder operator be useful in programming?
+
+```mermaid
+pie title "JavaScript Number Operations Usage"
+    "Addition (+)" : 35
+    "Subtraction (-)" : 20
+    "Multiplication (*)" : 20
+    "Division (/)" : 15
+    "Remainder (%)" : 10
+```
+> **Real-world insight**: The remainder operator (%) is super useful for checking if numbers are even/odd, creating patterns, or cycling through arrays!
 
 ### Strings
 
-Strings are sequences of characters enclosed in single or double quotes.
+In JavaScript, textual data is represented as strings. The term "string" comes from the concept of characters strung together in sequence, much like the way scribes in medieval monasteries would connect letters to form words and sentences in their manuscripts.
 
-- `'This is a string'`
-- `"This is also a string"`
-- `let myString = 'This is a string value stored in a variable';`
+Strings are fundamental to web development. Every piece of text displayed on a website – usernames, button labels, error messages, content – is handled as string data. Understanding strings is essential for creating functional user interfaces.
 
-Always use quotes when writing a string; otherwise, JavaScript will interpret it as a variable name.
+Strings are sets of characters that reside between single or double quotes.
 
+```javascript
+'This is a string'
+"This is also a string"
+let myString = 'This is a string value stored in a variable';
+```
+
+**Understanding these concepts:**
+- **Uses** either single quotes `'` or double quotes `"` to define strings
+- **Stores** text data that can include letters, numbers, and symbols
+- **Assigns** string values to variables for later use
+- **Requires** quotes to distinguish text from variable names
+
+Remember to use quotes when writing a string, or else JavaScript will assume it's a variable name.
+
+```mermaid
+flowchart TD
+    A["📝 Strings"] --> B["Single Quotes"]
+    A --> C["Double Quotes"]
+    A --> D["Template Literals"]
+    
+    B --> B1["'Hello World'"]
+    C --> C1["\"Hello World\""]
+    D --> D1["`Hello \${name}`"]
+    
+    E["String Operations"] --> F["Concatenation"]
+    E --> G["Template Insertion"]
+    E --> H["Length & Methods"]
+    
+    F --> F1["'Hello' + ' ' + 'World'"]
+    G --> G1["`Hello \${firstName} \${lastName}`"]
+    H --> H1["myString.length"]
+    
+    style A fill:#e3f2fd
+    style E fill:#fff3e0
+    style D fill:#e8f5e8
+    style G fill:#e8f5e8
+```
 ### Formatting Strings
 
-Strings are textual and often need formatting.
+String manipulation allows you to combine text elements, incorporate variables, and create dynamic content that responds to program state. This technique enables you to construct text programmatically.
+
+Often you need to join multiple strings together – this process is called concatenation.
 
-To **concatenate** (join) two or more strings, use the `+` operator.
+To **concatenate** two or more strings, or join them together, use the `+` operator.
 
 ```javascript
 let myString1 = "Hello";
@@ -164,12 +364,17 @@ let myString2 = "World";
 myString1 + myString2 + "!"; //HelloWorld!
 myString1 + " " + myString2 + "!"; //Hello World!
 myString1 + ", " + myString2 + "!"; //Hello, World!
-
 ```
 
-✅ Why does `1 + 1 = 2` in JavaScript, but `'1' + '1' = 11`? Think about it. What about `'1' + 1`?
+**Step by step, here's what's happening:**
+- **Combines** multiple strings using the `+` operator
+- **Joins** strings directly together without spaces in the first example
+- **Adds** space characters `" "` between strings for readability
+- **Inserts** punctuation like commas to create proper formatting
+
+✅ Why does `1 + 1 = 2` in JavaScript, but `'1' + '1' = 11?` Think about it. What about `'1' + 1`?
 
-**Template literals** offer another way to format strings. Instead of quotes, use backticks. Place anything that isn’t plain text inside `${ }`, including variables.
+**Template literals** are another way to format strings, except instead of quotes, the backtick  is used. Anything that is not plain text must be placed inside placeholders `${ }`. This includes any variables that may be strings.
 
 ```javascript
 let myString1 = "Hello";
@@ -179,37 +384,227 @@ let myString2 = "World";
 `${myString1}, ${myString2}!` //Hello, World!
 ```
 
-Both methods work, but template literals preserve spaces and line breaks.
-
-✅ When would you use a template literal instead of a plain string?
+**Let's understand each part:**
+- **Uses** backticks `` ` `` instead of regular quotes to create template literals
+- **Embeds** variables directly using `${}` placeholder syntax
+- **Preserves** spaces and formatting exactly as written
+- **Provides** a cleaner way to create complex strings with variables
+
+You can achieve your formatting goals with either method, but template literals will respect any spaces and line breaks.
+
+✅ When would you use a template literal vs. a plain string?
+
+### 🔤 **String Mastery Check: Text Manipulation Confidence**
+
+**Evaluate your string skills:**
+- Can you explain why `'1' + '1'` equals `'11'` instead of `2`?
+- Which string method do you find more readable: concatenation or template literals?
+- What happens if you forget the quotes around a string?
+
+```mermaid
+stateDiagram-v2
+    [*] --> PlainText: "Hello"
+    [*] --> Variable: name = "Alice"
+    PlainText --> Concatenated: + " " + name
+    Variable --> Concatenated
+    PlainText --> Template: `Hello ${name}`
+    Variable --> Template
+    Concatenated --> Result: "Hello Alice"
+    Template --> Result
+    
+    note right of Concatenated
+        Traditional method
+        More verbose
+    end note
+    
+    note right of Template
+        Modern ES6 syntax
+        Cleaner & more readable
+    end note
+```
+> **Pro tip**: Template literals are generally preferred for complex string building because they're more readable and handle multi-line strings beautifully!
 
 ### Booleans
 
-Booleans have only two possible values: `true` or `false`. They are useful for making decisions about which parts of the code should execute under certain conditions. Often, [operators](../../../../2-js-basics/1-data-types) are used to set Boolean values, and you’ll frequently see variables being initialized or updated with an operator.
+Booleans represent the simplest form of data: they can only hold one of two values – `true` or `false`. This binary logic system traces back to the work of George Boole, a 19th-century mathematician who developed Boolean algebra.
+
+Despite their simplicity, booleans are essential for program logic. They enable your code to make decisions based on conditions – whether a user is logged in, if a button was clicked, or if certain criteria are met.
+
+Booleans can be only two values: `true` or `false`. Booleans can help make decisions on which lines of code should run when certain conditions are met. In many cases, [operators](../../../../2-js-basics/1-data-types) assist with setting the value of a Boolean and you will often notice and write variables being initialized or their values being updated with an operator.
 
-- `let myTrueBool = true`
-- `let myFalseBool = false`
+```javascript
+let myTrueBool = true;
+let myFalseBool = false;
+```
 
-✅ A variable is considered 'truthy' if it evaluates to `true`. Interestingly, in JavaScript, [all values are truthy unless explicitly defined as falsy](https://developer.mozilla.org/docs/Glossary/Truthy).
+**In the above, we've:**
+- **Created** a variable that stores the Boolean value `true`
+- **Demonstrated** how to store the Boolean value `false`
+- **Used** the exact keywords `true` and `false` (no quotes needed)
+- **Prepared** these variables for use in conditional statements
+
+✅ A variable can be considered 'truthy' if it evaluates to a boolean `true`. Interestingly, in JavaScript, [all values are truthy unless defined as falsy](https://developer.mozilla.org/docs/Glossary/Truthy).
+
+```mermaid
+flowchart LR
+    A["🔘 Boolean Values"] --> B["true"]
+    A --> C["false"]
+    
+    D["Truthy Values"] --> D1["'hello'"]
+    D --> D2["42"]
+    D --> D3["[]"]
+    D --> D4["{}"]
+    
+    E["Falsy Values"] --> E1["false"]
+    E --> E2["0"]
+    E --> E3["''"]
+    E --> E4["null"]
+    E --> E5["undefined"]
+    E --> E6["NaN"]
+    
+    style B fill:#e8f5e8
+    style C fill:#ffebee
+    style D fill:#e3f2fd
+    style E fill:#fff3e0
+```
+### 🎯 **Boolean Logic Check: Decision Making Skills**
+
+**Test your boolean understanding:**
+- Why do you think JavaScript has "truthy" and "falsy" values beyond just `true` and `false`?
+- Can you predict which of these is falsy: `0`, `"0"`, `[]`, `"false"`?
+- How might booleans be useful in controlling program flow?
+
+```mermaid
+pie title "Common Boolean Use Cases"
+    "Conditional Logic" : 40
+    "User State" : 25
+    "Feature Toggles" : 20
+    "Validation" : 15
+```
+> **Remember**: In JavaScript, only 6 values are falsy: `false`, `0`, `""`, `null`, `undefined`, and `NaN`. Everything else is truthy!
 
 ---
 
+## 📊 **Your Data Types Toolkit Summary**
+
+```mermaid
+graph TD
+    A["🎯 JavaScript Data Types"] --> B["📦 Variables"]
+    A --> C["🔢 Numbers"]
+    A --> D["📝 Strings"]
+    A --> E["🔘 Booleans"]
+    
+    B --> B1["let mutable"]
+    B --> B2["const immutable"]
+    
+    C --> C1["42, 3.14, -5"]
+    C --> C2["+ - * / %"]
+    
+    D --> D1["'quotes' or \\\"quotes\\\""]
+    D --> D2["`template literals`"]
+    
+    E --> E1["true or false"]
+    E --> E2["truthy vs falsy"]
+    
+    F["⚡ Key Concepts"] --> F1["Type matters for operations"]
+    F --> F2["JavaScript is dynamically typed"]
+    F --> F3["Variables can change types"]
+    F --> F4["Naming is case-sensitive"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create a personal information manager that demonstrates all the JavaScript data types you've learned in this lesson while handling real-world data scenarios.
+
+**Prompt:** Build a JavaScript program that creates a user profile object containing: a person's name (string), age (number), is a student status (boolean), favorite colors as an array, and an address object with street, city, and zip code properties. Include functions to display the profile information and update individual fields. Make sure to demonstrate string concatenation, template literals, arithmetic operations with the age, and boolean logic for the student status.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-JavaScript is known for its quirky behavior with data types. Research some of these 'gotchas'. For example: case sensitivity can be tricky! Try this in your console: `let age = 1; let Age = 2; age == Age` (it resolves to `false`—why?). What other surprises can you find?
+JavaScript has some behaviors that can catch developers off guard. Here's a classic example to explore: try typing this in your browser console: `let age = 1; let Age = 2; age == Age` and observe the result. It returns `false` – can you determine why?
+
+This represents one of many JavaScript behaviors worth understanding. Familiarity with these quirks will help you write more reliable code and debug issues more effectively.
 
 ## Post-Lecture Quiz
 [Post-lecture quiz](https://ff-quizzes.netlify.app)
 
 ## Review & Self Study
 
-Check out [this list of JavaScript exercises](https://css-tricks.com/snippets/javascript/) and try one. What did you learn?
+Take a look at [this list of JavaScript exercises](https://css-tricks.com/snippets/javascript/) and try one. What did you learn?
 
 ## Assignment
 
 [Data Types Practice](assignment.md)
 
+## 🚀 Your JavaScript Data Types Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open your browser console and create 3 variables with different data types
+- [ ] Try the challenge: `let age = 1; let Age = 2; age == Age` and figure out why it's false
+- [ ] Practice string concatenation with your name and favorite number
+- [ ] Test what happens when you add a number to a string
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review any confusing concepts
+- [ ] Create a mini calculator that adds, subtracts, multiplies, and divides two numbers
+- [ ] Build a simple name formatter using template literals
+- [ ] Explore the differences between `==` and `===` comparison operators
+- [ ] Practice converting between different data types
+
+### 📅 **Your Week-Long JavaScript Foundation**
+- [ ] Complete the assignment with confidence and creativity
+- [ ] Create a personal profile object using all data types learned
+- [ ] Practice with [JavaScript exercises from CSS-Tricks](https://css-tricks.com/snippets/javascript/)
+- [ ] Build a simple form validator using boolean logic
+- [ ] Experiment with array and object data types (preview of coming lessons)
+- [ ] Join a JavaScript community and ask questions about data types
+
+### 🌟 **Your Month-Long Transformation**
+- [ ] Integrate data type knowledge into larger programming projects
+- [ ] Understand when and why to use each data type in real applications
+- [ ] Help other beginners understand JavaScript fundamentals
+- [ ] Build a small application that manages different types of user data
+- [ ] Explore advanced data type concepts like type coercion and strict equality
+- [ ] Contribute to open source JavaScript projects with documentation improvements
+
+### 🧠 **Final Data Types Mastery Check-in**
+
+**Celebrate your JavaScript foundation:**
+- Which data type surprised you the most in terms of its behavior?
+- How comfortable do you feel explaining variables vs. constants to a friend?
+- What's the most interesting thing you discovered about JavaScript's type system?
+- Which real-world application can you imagine building with these fundamentals?
+
+```mermaid
+journey
+    title Your JavaScript Confidence Journey
+    section Today
+      Confused: 3: You
+      Curious: 4: You
+      Excited: 5: You
+    section This Week
+      Practicing: 4: You
+      Understanding: 5: You
+      Building: 5: You
+    section Next Month
+      Problem Solving: 5: You
+      Teaching Others: 5: You
+      Real Projects: 5: You
+```
+> 💡 **You've built the foundation!** Understanding data types is like learning the alphabet before writing stories. Every JavaScript program you'll ever write will use these fundamental concepts. You now have the building blocks to create interactive websites, dynamic applications, and solve real-world problems with code. Welcome to the wonderful world of JavaScript! 🎉
+
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/1-data-types/assignment.md b/translations/en/2-js-basics/1-data-types/assignment.md
index 07ac644b7..436954cc6 100644
--- a/translations/en/2-js-basics/1-data-types/assignment.md
+++ b/translations/en/2-js-basics/1-data-types/assignment.md
@@ -1,25 +1,94 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "de0ec12c337394806425c7fd2f003b62",
-  "translation_date": "2025-10-03T08:21:17+00:00",
-  "source_file": "2-js-basics/1-data-types/assignment.md",
-  "language_code": "en"
-}
--->
-# Data Types Practice
+# Data Types Practice: E-commerce Shopping Cart
 
 ## Instructions
 
-Imagine you are creating a shopping cart. Write documentation on the data types you would need to enhance the shopping experience. For each data type, explain its purpose and usage, and provide an example. The six JavaScript data types are: String, Number, Boolean, Null, Undefined, and Object.
+Imagine you are building a modern e-commerce shopping cart system. This assignment will help you understand how different JavaScript data types work together to create real-world applications.
+
+### Your Task
+
+Create a comprehensive analysis of how you would use JavaScript data types in a shopping cart application. For each of the seven primitive data types and objects, you need to:
+
+1. **Identify** the data type and its purpose
+2. **Explain** why this data type is the best choice for specific shopping cart features
+3. **Provide** realistic code examples showing the data type in action
+4. **Describe** how this data type interacts with other parts of the shopping cart
+
+### Required Data Types to Cover
+
+**Primitive Data Types:**
+- **String**: Product names, descriptions, user information
+- **Number**: Prices, quantities, tax calculations
+- **Boolean**: Item availability, user preferences, cart status
+- **Null**: Intentionally empty values (like missing discount codes)
+- **Undefined**: Uninitialized values or missing data
+- **Symbol**: Unique identifiers (advanced use)
+- **BigInt**: Large financial calculations (advanced use)
+
+**Reference Types:**
+- **Object**: Product details, user profiles, cart contents
+- **Array**: List of products, order history, categories
+
+### Example Format for Each Data Type
+
+For each data type, structure your response like this:
+
+```markdown
+## [Data Type Name]
+
+**Purpose in Shopping Cart:** [Explain what this data type does]
+
+**Why This Type:** [Explain why this is the best choice]
+
+**Code Example:**
+```javascript
+// Your realistic code example here
+```
+
+**Real-world Usage:** [Describe how this would work in practice]
+
+**Interactions:** [Explain how this data type works with others]
+```
+
+### Bonus Challenges
+
+1. **Type Coercion**: Show an example where JavaScript automatically converts between data types in your shopping cart (e.g., string "5" + number 10)
+
+2. **Data Validation**: Demonstrate how you would check if user input is the correct data type before processing
+
+3. **Performance Considerations**: Explain when you might choose one data type over another for performance reasons
+
+### Submission Guidelines
+
+- Create a markdown document with clear headings for each data type
+- Include working JavaScript code examples
+- Use realistic e-commerce scenarios in your examples
+- Explain your reasoning clearly for beginners to understand
+- Test your code examples to ensure they work correctly
 
 ## Rubric
 
-Criteria | Exemplary | Adequate | Needs Improvement
---- | --- | --- | --- |
-Data Types | All six data types are listed, thoroughly explained, and accompanied by examples | Four data types are explained with some detail | Two data types are briefly mentioned with minimal explanation |
+| Criteria | Exemplary (90-100%) | Proficient (80-89%) | Developing (70-79%) | Needs Improvement (Below 70%) |
+|----------|---------------------|---------------------|---------------------|------------------------------|
+| **Data Type Coverage** | All 7 primitive types and objects/arrays covered with detailed explanations | 6-7 data types covered with good explanations | 4-5 data types covered with basic explanations | Fewer than 4 data types or minimal explanations |
+| **Code Examples** | All examples are realistic, working, and well-commented | Most examples work and are relevant to e-commerce | Some examples work but may be generic | Code examples are incomplete or non-functional |
+| **Real-world Application** | Clearly connects each data type to practical shopping cart features | Good connection to e-commerce scenarios | Some connection to shopping cart context | Limited real-world application demonstrated |
+| **Technical Accuracy** | All technical information is correct and demonstrates deep understanding | Most technical information is accurate | Generally accurate with minor errors | Contains significant technical errors |
+| **Communication** | Explanations are clear, beginner-friendly, and well-organized | Good explanations that are mostly clear | Explanations are understandable but may lack clarity | Explanations are unclear or poorly organized |
+| **Bonus Elements** | Includes multiple bonus challenges with excellent execution | Includes one or more bonus challenges well done | Attempts bonus challenges with mixed success | No bonus challenges attempted |
+
+### Learning Objectives
+
+By completing this assignment, you will:
+- ✅ **Understand** the seven JavaScript primitive data types and their uses
+- ✅ **Apply** data types to real-world programming scenarios
+- ✅ **Analyze** when to choose specific data types for different purposes
+- ✅ **Create** working code examples that demonstrate data type usage
+- ✅ **Explain** technical concepts in beginner-friendly language
+- ✅ **Connect** fundamental programming concepts to practical applications
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/2-functions-methods/README.md b/translations/en/2-js-basics/2-functions-methods/README.md
index 5018fdf2b..9ad50ba08 100644
--- a/translations/en/2-js-basics/2-functions-methods/README.md
+++ b/translations/en/2-js-basics/2-functions-methods/README.md
@@ -1,21 +1,32 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "92e136090efc4341b1d51c37924c1802",
-  "translation_date": "2025-08-29T13:22:34+00:00",
-  "source_file": "2-js-basics/2-functions-methods/README.md",
-  "language_code": "en"
-}
--->
 # JavaScript Basics: Methods and Functions
 
-![JavaScript Basics - Functions](../../../../translated_images/en/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.png)
+![JavaScript Basics - Functions](../../../../translated_images/en/webdev101-js-functions.be049c4726e94f8b.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your JavaScript Functions Adventure
+    section Foundation
+      Function Syntax: 5: You
+      Calling Functions: 4: You
+      Parameters & Arguments: 5: You
+    section Advanced Concepts
+      Return Values: 4: You
+      Default Parameters: 5: You
+      Function Composition: 4: You
+    section Modern JavaScript
+      Arrow Functions: 5: You
+      Anonymous Functions: 4: You
+      Higher-Order Functions: 5: You
+```
 ## Pre-Lecture Quiz
 [Pre-lecture quiz](https://ff-quizzes.netlify.app)
 
-When writing code, we always want to ensure it’s easy to read. While it might seem counterintuitive, code is read far more often than it’s written. One essential tool in a developer’s toolbox for creating maintainable code is the **function**.
+Writing the same code repeatedly is one of programming's most common frustrations. Functions solve this problem by letting you package code into reusable blocks. Think of functions like the standardized parts that made Henry Ford's assembly line revolutionary – once you create a reliable component, you can use it wherever needed without rebuilding from scratch.
+
+Functions allow you to bundle pieces of code so you can reuse them throughout your program. Instead of copying and pasting the same logic everywhere, you can create a function once and call it whenever needed. This approach keeps your code organized and makes updates much easier.
+
+In this lesson, you'll learn how to create your own functions, pass information to them, and get useful results back. You'll discover the difference between functions and methods, learn modern syntax approaches, and see how functions can work with other functions. We'll build these concepts step by step.
 
 [![Methods and Functions](https://img.youtube.com/vi/XgKsD6Zwvlc/0.jpg)](https://youtube.com/watch?v=XgKsD6Zwvlc "Methods and Functions")
 
@@ -23,15 +34,49 @@ When writing code, we always want to ensure it’s easy to read. While it might
 
 > You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-functions/?WT.mc_id=academic-77807-sagibbon)!
 
+```mermaid
+mindmap
+  root((JavaScript Functions))
+    Basic Concepts
+      Declaration
+        Traditional syntax
+        Arrow function syntax
+      Calling
+        Using parentheses
+        Parentheses required
+    Parameters
+      Input Values
+        Multiple parameters
+        Default values
+      Arguments
+        Values passed in
+        Can be any type
+    Return Values
+      Output Data
+        return statement
+        Exit function
+      Use Results
+        Store in variables
+        Chain functions
+    Advanced Patterns
+      Higher-Order
+        Functions as parameters
+        Callbacks
+      Anonymous
+        No name needed
+        Inline definition
+```
 ## Functions
 
-At its core, a function is a block of code that can be executed whenever needed. This is especially useful when we need to perform the same task multiple times. Instead of duplicating the logic in several places (which would make updates difficult later), we can centralize it in one location and call it whenever necessary. You can even call functions from within other functions!
+A function is a self-contained block of code that performs a specific task. It encapsulates logic that you can execute whenever needed.
+
+Instead of writing the same code multiple times throughout your program, you can package it in a function and call that function whenever you need it. This approach keeps your code clean and makes updates much easier. Consider the maintenance challenge if you needed to change logic that was scattered across 20 different locations in your codebase.
 
-Equally important is the ability to name a function. While this might seem trivial, the name acts as a quick way to document what the code does. Think of it like a label on a button. If I see a button labeled "Cancel timer," I immediately know it will stop the clock.
+Naming your functions descriptively is essential. A well-named function communicates its purpose clearly – when you see `cancelTimer()`, you immediately understand what it does, just as a clearly labeled button tells you exactly what will happen when you click it. 
 
 ## Creating and calling a function
 
-The syntax for a function looks like this:
+Let's examine how to create a function. The syntax follows a consistent pattern:
 
 ```javascript
 function nameOfFunction() { // function definition
@@ -39,7 +84,13 @@ function nameOfFunction() { // function definition
 }
 ```
 
-If I wanted to create a function to display a greeting, it might look like this:
+Let's break this down:
+- The `function` keyword tells JavaScript "Hey, I'm creating a function!"
+- `nameOfFunction` is where you give your function a descriptive name
+- The parentheses `()` are where you can add parameters (we'll get to that soon)
+- The curly braces `{}` contain the actual code that runs when you call the function
+
+Let's create a simple greeting function to see this in action:
 
 ```javascript
 function displayGreeting() {
@@ -47,28 +98,57 @@ function displayGreeting() {
 }
 ```
 
-To call (or invoke) the function, we use its name followed by `()`. It’s worth noting that the function can be defined either before or after it’s called; the JavaScript compiler will locate it for you.
+This function prints "Hello, world!" to the console. Once you've defined it, you can use it as many times as needed.
+
+To execute (or "call") your function, write its name followed by parentheses. JavaScript allows you to define your function before or after you call it – the JavaScript engine will handle the execution order.
 
 ```javascript
 // calling our function
 displayGreeting();
 ```
 
-> **NOTE:** There’s a special type of function called a **method**, which you’ve already been using! For example, in the demo above, we used `console.log`. What makes a method different from a function is that a method is attached to an object (like `console` in this case), whereas a function is independent. Developers often use these terms interchangeably.
+When you run this line, it executes all the code inside your `displayGreeting` function, displaying "Hello, world!" in your browser's console. You can call this function repeatedly.
+
+### 🧠 **Function Fundamentals Check: Building Your First Functions**
+
+**Let's see how you're feeling about basic functions:**
+- Can you explain why we use curly braces `{}` in function definitions?
+- What happens if you write `displayGreeting` without the parentheses?
+- Why might you want to call the same function multiple times?
+
+```mermaid
+flowchart TD
+    A["✏️ Define Function"] --> B["📦 Package Code"]
+    B --> C["🏷️ Give it a Name"]
+    C --> D["📞 Call When Needed"]
+    D --> E["🔄 Reuse Anywhere"]
+    
+    F["💡 Benefits"] --> F1["No code repetition"]
+    F --> F2["Easy to maintain"]
+    F --> F3["Clear organization"]
+    F --> F4["Easier testing"]
+    
+    style A fill:#e3f2fd
+    style E fill:#e8f5e8
+    style F fill:#fff3e0
+```
+> **Note:** You've been using **methods** throughout these lessons. `console.log()` is a method – essentially a function that belongs to the `console` object. The key difference is that methods are attached to objects, while functions stand independently. Many developers use these terms interchangeably in casual conversation.
 
 ### Function best practices
 
-Here are some best practices to keep in mind when creating functions:
+Here are a few tips to help you write great functions:
 
-- Always use descriptive names so it’s clear what the function does.
-- Use **camelCasing** to combine words.
-- Keep your functions focused on a specific task.
+- Give your functions clear, descriptive names – your future self will thank you!
+- Use **camelCasing** for multi-word names (like `calculateTotal` instead of `calculate_total`)
+- Keep each function focused on doing one thing well
 
 ## Passing information to a function
 
-To make a function more reusable, you’ll often want to pass information into it. For example, our `displayGreeting` function above only displays **Hello, world!**, which isn’t very flexible. If we want to allow someone to specify the name of the person being greeted, we can add a **parameter**. A parameter (sometimes called an **argument**) is additional information passed to a function.
+Our `displayGreeting` function is limited – it can only display "Hello, world!" for everyone. Parameters allow us to make functions more flexible and useful.
 
-Parameters are listed in the function definition within parentheses and are separated by commas, like this:
+**Parameters** act like placeholders where you can insert different values each time you use the function. This way, the same function can work with different information on each call.
+
+You list parameters inside the parentheses when you define your function, separating multiple parameters with commas:
 
 ```javascript
 function name(param, param2, param3) {
@@ -76,7 +156,9 @@ function name(param, param2, param3) {
 }
 ```
 
-We can update our `displayGreeting` function to accept a name and display it.
+Each parameter acts like a placeholder – when someone calls your function, they'll provide actual values that get plugged into these spots.
+
+Let's update our greeting function to accept someone's name:
 
 ```javascript
 function displayGreeting(name) {
@@ -85,16 +167,44 @@ function displayGreeting(name) {
 }
 ```
 
-When calling the function, we pass the parameter value inside the parentheses.
+Notice how we're using backticks (`` ` ``) and `${}` to insert the name directly into our message – this is called a template literal, and it's a really handy way to build strings with variables mixed in.
+
+Now when we call our function, we can pass in any name:
 
 ```javascript
 displayGreeting('Christopher');
 // displays "Hello, Christopher!" when run
 ```
 
+JavaScript takes the string `'Christopher'`, assigns it to the `name` parameter, and creates the personalized message "Hello, Christopher!"
+
+```mermaid
+flowchart LR
+    A["🎯 Function Call"] --> B["📥 Parameters"]
+    B --> C["⚙️ Function Body"]
+    C --> D["📤 Result"]
+    
+    A1["displayGreeting('Alice')"] --> A
+    B1["name = 'Alice'"] --> B
+    C1["Template literal\n\`Hello, \${name}!\`"] --> C
+    D1["'Hello, Alice!'"] --> D
+    
+    E["🔄 Parameter Types"] --> E1["Strings"]
+    E --> E2["Numbers"]
+    E --> E3["Booleans"]
+    E --> E4["Objects"]
+    E --> E5["Functions"]
+    
+    style A fill:#e3f2fd
+    style C fill:#e8f5e8
+    style D fill:#fff3e0
+    style E fill:#f3e5f5
+```
 ## Default values
 
-We can make our function even more flexible by adding additional parameters. But what if we don’t want to require every parameter to be specified? For example, in our greeting function, we might want the name to be required (since we need to know who we’re greeting), but allow the greeting itself to be optional. If no custom greeting is provided, we can use a default value instead. To set a default value for a parameter, we assign it a value in the function definition, like this: `parameterName = 'defaultValue'`. Here’s a full example:
+What if we want to make some parameters optional? That's where default values come in handy!
+
+Let's say we want people to be able to customize the greeting word, but if they don't specify one, we'll just use "Hello" as a fallback. You can set up default values by using the equals sign, just like setting a variable:
 
 ```javascript
 function displayGreeting(name, salutation='Hello') {
@@ -102,7 +212,9 @@ function displayGreeting(name, salutation='Hello') {
 }
 ```
 
-When calling the function, we can decide whether or not to provide a value for `salutation`.
+Here, `name` is still required, but `salutation` has a backup value of `'Hello'` if no one provides a different greeting.
+
+Now we can call this function in two different ways:
 
 ```javascript
 displayGreeting('Christopher');
@@ -112,19 +224,51 @@ displayGreeting('Christopher', 'Hi');
 // displays "Hi, Christopher"
 ```
 
+In the first call, JavaScript uses the default "Hello" since we didn't specify a salutation. In the second call, it uses our custom "Hi" instead. This flexibility makes functions adaptable to different scenarios.
+
+### 🎛️ **Parameters Mastery Check: Making Functions Flexible**
+
+**Test your parameter understanding:**
+- What's the difference between a parameter and an argument?
+- Why are default values useful in real-world programming?
+- Can you predict what happens if you pass more arguments than parameters?
+
+```mermaid
+stateDiagram-v2
+    [*] --> NoParams: function greet() {}
+    [*] --> WithParams: function greet(name) {}
+    [*] --> WithDefaults: function greet(name, greeting='Hi') {}
+    
+    NoParams --> Static: Same output always
+    WithParams --> Dynamic: Changes with input
+    WithDefaults --> Flexible: Optional customization
+    
+    Static --> [*]
+    Dynamic --> [*]
+    Flexible --> [*]
+    
+    note right of WithDefaults
+        Most flexible approach
+        Backwards compatible
+    end note
+```
+> **Pro tip**: Default parameters make your functions more user-friendly. Users can get started quickly with sensible defaults, but still customize when needed!
+
 ## Return values
 
-So far, the functions we’ve created always output to the [console](https://developer.mozilla.org/docs/Web/API/console). This is fine for some cases, especially when creating functions that interact with other services. But what if we want a function to perform a calculation and return the result so we can use it elsewhere?
+Our functions so far have just been printing messages to the console, but what if you want a function to calculate something and give you back the result?
 
-This is where **return values** come in. A return value is sent back by the function and can be stored in a variable, just like a string or number.
+That's where **return values** come in. Instead of just displaying something, a function can hand you back a value that you can store in a variable or use in other parts of your code.
 
-If a function returns something, the `return` keyword is used. The `return` keyword expects a value or reference to be returned, like this:
+To send a value back, you use the `return` keyword followed by whatever you want to return:
 
 ```javascript
 return myVariable;
-```  
+```
+
+Here's something important: when a function hits a `return` statement, it immediately stops running and sends that value back to whoever called it.
 
-We could create a function to generate a greeting message and return the result to the caller:
+Let's modify our greeting function to return the message instead of printing it:
 
 ```javascript
 function createGreetingMessage(name) {
@@ -133,19 +277,63 @@ function createGreetingMessage(name) {
 }
 ```
 
-When calling this function, we store the result in a variable, just as we would with a static value (e.g., `const name = 'Christopher'`).
+Now instead of printing the greeting, this function creates the message and hands it back to us.
+
+To use the returned value, we can store it in a variable just like any other value:
 
 ```javascript
 const greetingMessage = createGreetingMessage('Christopher');
 ```
 
+Now `greetingMessage` contains "Hello, Christopher" and we can use it anywhere in our code – to display it on a webpage, include it in an email, or pass it to another function.
+
+```mermaid
+flowchart TD
+    A["🔧 Function Processing"] --> B{"return statement?"}
+    B -->|Yes| C["📤 Return Value"]
+    B -->|No| D["📭 Return undefined"]
+    
+    C --> E["💾 Store in Variable"]
+    C --> F["🔗 Use in Expression"]
+    C --> G["📞 Pass to Function"]
+    
+    D --> H["⚠️ Usually not useful"]
+    
+    I["📋 Return Value Uses"] --> I1["Calculate results"]
+    I --> I2["Validate input"]
+    I --> I3["Transform data"]
+    I --> I4["Create objects"]
+    
+    style C fill:#e8f5e8
+    style D fill:#ffebee
+    style I fill:#e3f2fd
+```
+### 🔄 **Return Values Check: Getting Results Back**
+
+**Evaluate your return value understanding:**
+- What happens to code after a `return` statement in a function?
+- Why is returning values often better than just printing to console?
+- Can a function return different types of values (string, number, boolean)?
+
+```mermaid
+pie title "Common Return Value Types"
+    "Strings" : 30
+    "Numbers" : 25
+    "Objects" : 20
+    "Booleans" : 15
+    "Arrays" : 10
+```
+> **Key insight**: Functions that return values are more versatile because the caller decides what to do with the result. This makes your code more modular and reusable!
+
 ## Functions as parameters for functions
 
-As you advance in programming, you’ll encounter functions that accept other functions as parameters. This is a handy technique, especially when we don’t know exactly when something will happen, but we know we need to perform an action in response.
+Functions can be passed as parameters to other functions. While this concept may seem complex initially, it's a powerful feature that enables flexible programming patterns.
+
+This pattern is super common when you want to say "when something happens, do this other thing." For example, "when the timer finishes, run this code" or "when the user clicks the button, call this function."
 
-For example, consider [setTimeout](https://developer.mozilla.org/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout), which starts a timer and executes code when the timer ends. We need to specify what code to execute, which is a perfect job for a function!
+Let's look at `setTimeout`, which is a built-in function that waits a certain amount of time and then runs some code. We need to tell it what code to run – perfect use case for passing a function!
 
-If you run the code below, you’ll see the message **3 seconds has elapsed** after 3 seconds.
+Try this code – after 3 seconds, you'll see a message:
 
 ```javascript
 function displayDone() {
@@ -155,13 +343,15 @@ function displayDone() {
 setTimeout(displayDone, 3000);
 ```
 
+Notice how we pass `displayDone` (without parentheses) to `setTimeout`. We're not calling the function ourselves – we're handing it over to `setTimeout` and saying "call this in 3 seconds."
+
 ### Anonymous functions
 
-Let’s revisit the example above. We’re creating a function with a name that will only be used once. As our applications grow more complex, we might end up creating many single-use functions, which isn’t ideal. Fortunately, we don’t always need to give functions a name!
+Sometimes you need a function for just one thing and don't want to give it a name. Think about it – if you're only using a function once, why clutter up your code with an extra name?
 
-When passing a function as a parameter, we can skip creating it in advance and define it directly as part of the parameter. We use the `function` keyword, but we don’t assign a name.
+JavaScript lets you create **anonymous functions** – functions without names that you can define right where you need them.
 
-Here’s the rewritten code using an anonymous function:
+Here's how we can rewrite our timer example using an anonymous function:
 
 ```javascript
 setTimeout(function() {
@@ -169,13 +359,15 @@ setTimeout(function() {
 }, 3000);
 ```
 
-If you run this code, you’ll get the same result. We’ve created a function without giving it a name!
+This achieves the same result, but the function is defined directly within the `setTimeout` call, eliminating the need for a separate function declaration.
 
 ### Fat arrow functions
 
-Many programming languages, including JavaScript, offer a shortcut for defining functions called **arrow functions** or **fat arrow functions**. These use the `=>` symbol, which looks like an arrow—hence the name. By using `=>`, we can skip the `function` keyword.
+Modern JavaScript has an even shorter way to write functions called **arrow functions**. They use `=>` (which looks like an arrow – get it?) and are super popular with developers.
+
+Arrow functions let you skip the `function` keyword and write more concise code.
 
-Let’s rewrite the code one more time using a fat arrow function:
+Here's our timer example using an arrow function:
 
 ```javascript
 setTimeout(() => {
@@ -183,22 +375,94 @@ setTimeout(() => {
 }, 3000);
 ```
 
+The `()` is where parameters would go (empty in this case), then comes the arrow `=>`, and finally the function body in curly braces. This provides the same functionality with more concise syntax.
+
+```mermaid
+flowchart LR
+    A["📝 Function Styles"] --> B["Traditional"]
+    A --> C["Arrow"]
+    A --> D["Anonymous"]
+    
+    B --> B1["function name() {}"]
+    B --> B2["Hoisted"]
+    B --> B3["Named"]
+    
+    C --> C1["const name = () => {}"]
+    C --> C2["Concise syntax"]
+    C --> C3["Modern style"]
+    
+    D --> D1["function() {}"]
+    D --> D2["No name"]
+    D --> D3["One-time use"]
+    
+    E["⏰ When to Use"] --> E1["Traditional: Reusable functions"]
+    E --> E2["Arrow: Short callbacks"]
+    E --> E3["Anonymous: Event handlers"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+```
 ### When to use each strategy
 
-Now that you’ve seen three ways to pass a function as a parameter, you might wonder when to use each. If you know the function will be reused, define it as a regular function. If it’s only needed in one place, an anonymous function is usually the best choice. Whether you use a fat arrow function or the traditional `function` syntax is up to you, but most modern developers prefer `=>`.
+When should you use each approach? A practical guideline: if you'll use the function multiple times, give it a name and define it separately. If it's for one specific use, consider an anonymous function. Both arrow functions and traditional syntax are valid choices, though arrow functions are prevalent in modern JavaScript codebases.
+
+### 🎨 **Function Styles Mastery Check: Choosing the Right Syntax**
+
+**Test your syntax understanding:**
+- When might you prefer arrow functions over traditional function syntax?
+- What's the main advantage of anonymous functions?
+- Can you think of a situation where a named function is better than an anonymous one?
+
+```mermaid
+quadrantChart
+    title Function Choice Decision Matrix
+    x-axis Simple --> Complex
+    y-axis One-time use --> Reusable
+    quadrant-1 Arrow Functions
+    quadrant-2 Named Functions
+    quadrant-3 Anonymous Functions
+    quadrant-4 Traditional Functions
+    
+    Event Handlers: [0.3, 0.2]
+    Utility Functions: [0.7, 0.8]
+    Callbacks: [0.2, 0.3]
+    Class Methods: [0.8, 0.7]
+    Mathematical Operations: [0.4, 0.6]
+```
+> **Modern trend**: Arrow functions are becoming the default choice for many developers because of their concise syntax, but traditional functions still have their place!
 
 ---
 
+
+
 ## 🚀 Challenge
 
-Can you explain the difference between functions and methods in one sentence? Give it a try!
+Can you articulate in one sentence the difference between functions and methods? Give it a try!
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create a utility library of mathematical functions that demonstrates different function concepts covered in this lesson, including parameters, default values, return values, and arrow functions.
+
+**Prompt:** Create a JavaScript file called `mathUtils.js` that contains the following functions:
+1. A function `add` that takes two parameters and returns their sum
+2. A function `multiply` with default parameter values (second parameter defaults to 1)
+3. An arrow function `square` that takes a number and returns its square
+4. A function `calculate` that accepts another function as a parameter and two numbers, then applies the function to those numbers
+5. Demonstrate calling each function with appropriate test cases
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
 
 ## Post-Lecture Quiz
 [Post-lecture quiz](https://ff-quizzes.netlify.app)
 
 ## Review & Self Study
 
-It’s worth [reading more about arrow functions](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions), as they are increasingly common in modern codebases. Practice writing a function and then rewriting it using this syntax.
+It's worth [reading up a little more on arrow functions](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions), as they are increasingly used in code bases. Practice writing a function, and then rewriting it with this syntax.
 
 ## Assignment
 
@@ -206,5 +470,105 @@ It’s worth [reading more about arrow functions](https://developer.mozilla.org/
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+## 🧰 **Your JavaScript Functions Toolkit Summary**
+
+```mermaid
+graph TD
+    A["🎯 JavaScript Functions"] --> B["📋 Function Declaration"]
+    A --> C["📥 Parameters"]
+    A --> D["📤 Return Values"]
+    A --> E["🎨 Modern Syntax"]
+    
+    B --> B1["function name() {}"]
+    B --> B2["Descriptive naming"]
+    B --> B3["Reusable code blocks"]
+    
+    C --> C1["Input data"]
+    C --> C2["Default values"]
+    C --> C3["Multiple parameters"]
+    
+    D --> D1["return statement"]
+    D --> D2["Exit function"]
+    D --> D3["Pass data back"]
+    
+    E --> E1["Arrow functions: () =>"]
+    E --> E2["Anonymous functions"]
+    E --> E3["Higher-order functions"]
+    
+    F["⚡ Key Benefits"] --> F1["Code reusability"]
+    F --> F2["Better organization"]
+    F --> F3["Easier testing"]
+    F --> F4["Modular design"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```
+---
+
+## 🚀 Your JavaScript Functions Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Write a simple function that returns your favorite number
+- [ ] Create a function with two parameters that adds them together
+- [ ] Try converting a traditional function to arrow function syntax
+- [ ] Practice the challenge: explain the difference between functions and methods
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review any confusing concepts
+- [ ] Build the math utilities library from the GitHub Copilot challenge
+- [ ] Create a function that uses another function as a parameter
+- [ ] Practice writing functions with default parameters
+- [ ] Experiment with template literals in function return values
+
+### 📅 **Your Week-Long Function Mastery**
+- [ ] Complete the "Fun with Functions" assignment with creativity
+- [ ] Refactor some repetitive code you've written into reusable functions
+- [ ] Build a small calculator using only functions (no global variables)
+- [ ] Practice arrow functions with array methods like `map()` and `filter()`
+- [ ] Create a collection of utility functions for common tasks
+- [ ] Study higher-order functions and functional programming concepts
+
+### 🌟 **Your Month-Long Transformation**
+- [ ] Master advanced function concepts like closures and scope
+- [ ] Build a project that heavily uses function composition
+- [ ] Contribute to open source by improving function documentation
+- [ ] Teach someone else about functions and different syntax styles
+- [ ] Explore functional programming paradigms in JavaScript
+- [ ] Create a personal library of reusable functions for future projects
+
+### 🏆 **Final Functions Champion Check-in**
+
+**Celebrate your function mastery:**
+- What's the most useful function you've created so far?
+- How has learning about functions changed the way you think about code organization?
+- Which function syntax do you prefer and why?
+- What real-world problem would you solve by writing a function?
+
+```mermaid
+journey
+    title Your Function Confidence Evolution
+    section Today
+      Confused by Syntax: 3: You
+      Understanding Basics: 4: You
+      Writing Simple Functions: 5: You
+    section This Week
+      Using Parameters: 4: You
+      Returning Values: 5: You
+      Modern Syntax: 5: You
+    section Next Month
+      Function Composition: 5: You
+      Advanced Patterns: 5: You
+      Teaching Others: 5: You
+```
+> 🎉 **You've mastered one of programming's most powerful concepts!** Functions are the building blocks of larger programs. Every application you'll ever build will use functions to organize, reuse, and structure code. You now understand how to package logic into reusable components, making you a more efficient and effective programmer. Welcome to the world of modular programming! 🚀
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/2-functions-methods/assignment.md b/translations/en/2-js-basics/2-functions-methods/assignment.md
index e80b69a16..30e6ae7de 100644
--- a/translations/en/2-js-basics/2-functions-methods/assignment.md
+++ b/translations/en/2-js-basics/2-functions-methods/assignment.md
@@ -1,27 +1,73 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8973f96157680a13e9446e4bb540ee57",
-  "translation_date": "2025-08-28T11:40:30+00:00",
-  "source_file": "2-js-basics/2-functions-methods/assignment.md",
-  "language_code": "en"
-}
--->
 # Fun with Functions
 
 ## Instructions
 
-Create various functions, including ones that return a value and ones that don't.
+In this assignment, you'll practice creating different types of functions to reinforce the concepts you've learned about JavaScript functions, parameters, default values, and return statements.
 
-Try to create a function that combines regular parameters with parameters that have default values.
+Create a JavaScript file called `functions-practice.js` and implement the following functions:
+
+### Part 1: Basic Functions
+1. **Create a function called `sayHello`** that doesn't take any parameters and simply logs "Hello!" to the console.
+
+2. **Create a function called `introduceYourself`** that takes a `name` parameter and logs a message like "Hi, my name is [name]" to the console.
+
+### Part 2: Functions with Default Parameters
+3. **Create a function called `greetPerson`** that takes two parameters: `name` (required) and `greeting` (optional, defaults to "Hello"). The function should log a message like "[greeting], [name]!" to the console.
+
+### Part 3: Functions that Return Values
+4. **Create a function called `addNumbers`** that takes two parameters (`num1` and `num2`) and returns their sum.
+
+5. **Create a function called `createFullName`** that takes `firstName` and `lastName` parameters and returns the full name as a single string.
+
+### Part 4: Mix It All Together
+6. **Create a function called `calculateTip`** that takes two parameters: `billAmount` (required) and `tipPercentage` (optional, defaults to 15). The function should calculate and return the tip amount.
+
+### Part 5: Test Your Functions
+Add function calls to test each of your functions and display the results using `console.log()`.
+
+**Example test calls:**
+```javascript
+// Test your functions here
+sayHello();
+introduceYourself("Sarah");
+greetPerson("Alex");
+greetPerson("Maria", "Hi");
+
+const sum = addNumbers(5, 3);
+console.log(`The sum is: ${sum}`);
+
+const fullName = createFullName("John", "Doe");
+console.log(`Full name: ${fullName}`);
+
+const tip = calculateTip(50);
+console.log(`Tip for $50 bill: $${tip}`);
+```
 
 ## Rubric
 
-| Criteria | Outstanding                                                                          | Satisfactory                                                   | Needs Improvement |
-| -------- | ------------------------------------------------------------------------------------ | ------------------------------------------------------------- | ----------------- |
-|          | Solution includes two or more well-designed functions with a variety of parameters | Solution includes one functional example with limited parameters | Solution contains errors |
+| Criteria | Exemplary | Adequate | Needs Improvement |
+| -------- | --------- | -------- | ----------------- |
+| **Function Creation** | All 6 functions are correctly implemented with proper syntax and naming conventions | 4-5 functions are correctly implemented with minor syntax issues | 3 or fewer functions implemented or major syntax errors |
+| **Parameters & Default Values** | Correctly uses required parameters, optional parameters, and default values as specified | Uses parameters correctly but may have issues with default values | Incorrect or missing parameter implementation |
+| **Return Values** | Functions that should return values do so correctly, and functions that shouldn't return values only perform actions | Most return values are correct with minor issues | Significant problems with return statements |
+| **Code Quality** | Clean, well-organized code with meaningful variable names and proper indentation | Code works but could be cleaner or better organized | Code is difficult to read or poorly structured |
+| **Testing** | All functions are tested with appropriate function calls and results are displayed clearly | Most functions are tested adequately | Limited or incorrect testing of functions |
+
+## Bonus Challenges (Optional)
+
+If you want to challenge yourself further:
+
+1. **Create an arrow function version** of one of your functions
+2. **Create a function that accepts another function as a parameter** (like the `setTimeout` examples from the lesson)
+3. **Add input validation** to ensure your functions handle invalid inputs gracefully
+
+---
+
+> 💡 **Tip**: Remember to open your browser's developer console (F12) to see the output of your `console.log()` statements!
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/3-making-decisions/README.md b/translations/en/2-js-basics/3-making-decisions/README.md
index 56ec92ad7..eea52ef9a 100644
--- a/translations/en/2-js-basics/3-making-decisions/README.md
+++ b/translations/en/2-js-basics/3-making-decisions/README.md
@@ -1,23 +1,36 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "f7009631b73556168ca435120a231c98",
-  "translation_date": "2025-08-29T13:23:01+00:00",
-  "source_file": "2-js-basics/3-making-decisions/README.md",
-  "language_code": "en"
-}
--->
 # JavaScript Basics: Making Decisions
 
-![JavaScript Basics - Making decisions](../../../../translated_images/en/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.png)
+![JavaScript Basics - Making decisions](../../../../translated_images/en/webdev101-js-decisions.69e1b20f272dd1f0.webp)
 
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your JavaScript Decision-Making Adventure
+    section Foundation
+      Boolean Values: 5: You
+      Comparison Operators: 4: You
+      Logical Thinking: 5: You
+    section Basic Decisions
+      If Statements: 4: You
+      If-Else Logic: 5: You
+      Switch Statements: 4: You
+    section Advanced Logic
+      Logical Operators: 5: You
+      Complex Conditions: 4: You
+      Ternary Expressions: 5: You
+```
+Have you ever wondered how applications make smart decisions? Like how a navigation system chooses the fastest route, or how a thermostat decides when to turn on the heat? This is the fundamental concept of decision-making in programming.
+
+Just as Charles Babbage's Analytical Engine was designed to follow different sequences of operations based on conditions, modern JavaScript programs need to make choices based on varying circumstances. This ability to branch and make decisions is what transforms static code into responsive, intelligent applications.
+
+In this lesson, you'll learn how to implement conditional logic in your programs. We'll explore conditional statements, comparison operators, and logical expressions that allow your code to evaluate situations and respond appropriately.
+
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/11)
 
-Making decisions and controlling the flow of your code makes it reusable and reliable. This section explains the syntax for managing data flow in JavaScript and its importance when working with Boolean data types.
+The ability to make decisions and control program flow is a fundamental aspect of programming. This section covers how to control the execution path of your JavaScript programs using Boolean values and conditional logic.
 
 [![Making Decisions](https://img.youtube.com/vi/SxTp8j-fMMY/0.jpg)](https://youtube.com/watch?v=SxTp8j-fMMY "Making Decisions")
 
@@ -25,76 +38,226 @@ Making decisions and controlling the flow of your code makes it reusable and rel
 
 > You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-if-else/?WT.mc_id=academic-77807-sagibbon)!
 
+```mermaid
+mindmap
+  root((Decision Making))
+    Boolean Logic
+      true/false
+      Comparison results
+      Logical expressions
+    Conditional Statements
+      if statements
+        Single condition
+        Code execution
+      if-else
+        Two paths
+        Alternative actions
+      switch
+        Multiple options
+        Clean structure
+    Operators
+      Comparison
+        === !== < > <= >=
+        Value relationships
+      Logical
+        && || !
+        Combine conditions
+    Advanced Patterns
+      Ternary
+        ? : syntax
+        Inline decisions
+      Complex Logic
+        Nested conditions
+        Multiple criteria
+```
 ## A Brief Recap on Booleans
 
-Booleans can only have two values: `true` or `false`. They are used to decide which lines of code should execute based on specific conditions.
+Before exploring decision-making, let's revisit Boolean values from our previous lesson. Named after mathematician George Boole, these values represent binary states – either `true` or `false`. There's no ambiguity, no middle ground.
 
-You can set a Boolean value like this:
+These binary values form the foundation of all computational logic. Every decision your program makes ultimately reduces to a Boolean evaluation.
 
-`let myTrueBool = true`  
-`let myFalseBool = false`
+Creating Boolean variables is straightforward:
 
-✅ Booleans are named after George Boole, an English mathematician, philosopher, and logician (1815–1864).
+```javascript
+let myTrueBool = true;
+let myFalseBool = false;
+```
+
+This creates two variables with explicit Boolean values.
+
+✅ Booleans are named after the English mathematician, philosopher and logician George Boole (1815–1864).
 
 ## Comparison Operators and Booleans
 
-Operators are used to evaluate conditions by comparing values, resulting in a Boolean value. Below is a list of commonly used operators:
+In practice, you'll rarely set Boolean values manually. Instead, you'll generate them by evaluating conditions: "Is this number greater than that one?" or "Are these values equal?"
+
+Comparison operators enable these evaluations. They compare values and return Boolean results based on the relationship between the operands.
 
 | Symbol | Description                                                                                                                                                   | Example            |
 | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
-| `<`    | **Less than**: Compares two values and returns `true` if the value on the left is smaller than the value on the right                                         | `5 < 6 // true`    |
-| `<=`   | **Less than or equal to**: Compares two values and returns `true` if the value on the left is smaller than or equal to the value on the right                 | `5 <= 6 // true`   |
-| `>`    | **Greater than**: Compares two values and returns `true` if the value on the left is larger than the value on the right                                       | `5 > 6 // false`   |
-| `>=`   | **Greater than or equal to**: Compares two values and returns `true` if the value on the left is larger than or equal to the value on the right               | `5 >= 6 // false`  |
-| `===`  | **Strict equality**: Compares two values and returns `true` if both values are equal and of the same data type                                                | `5 === 6 // false` |
+| `<`    | **Less than**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than the right                              | `5 < 6 // true`    |
+| `<=`   | **Less than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is less than or equal to the right      | `5 <= 6 // true`   |
+| `>`    | **Greater than**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than the right                         | `5 > 6 // false`   |
+| `>=`   | **Greater than or equal to**: Compares two values and returns the `true` Boolean data type if the value on the left side is larger than or equal to the right | `5 >= 6 // false`  |
+| `===`  | **Strict equality**: Compares two values and returns the `true` Boolean data type if values on the right and left are equal AND are the same data type.       | `5 === 6 // false` |
 | `!==`  | **Inequality**: Compares two values and returns the opposite Boolean value of what a strict equality operator would return                                    | `5 !== 6 // true`  |
 
-✅ Test your understanding by writing some comparisons in your browser's console. Were any results unexpected?
+✅ Check your knowledge by writing some comparisons in your browser's console. Does any returned data surprise you?
+
+```mermaid
+flowchart LR
+    A["🔢 Values"] --> B["⚖️ Comparison"]
+    B --> C["✅ Boolean Result"]
+    
+    D["5"] --> E["< 6"]
+    E --> F["true"]
+    
+    G["10"] --> H["=== '10'"]
+    H --> I["false"]
+    
+    J["'hello'"] --> K["!== 'world'"]
+    K --> L["true"]
+    
+    M["📋 Operator Types"] --> M1["Equality: === !=="]
+    M --> M2["Relational: < > <= >="]
+    M --> M3["Strict vs Loose"]
+    
+    style A fill:#e3f2fd
+    style C fill:#e8f5e8
+    style M fill:#fff3e0
+```
+### 🧠 **Comparison Mastery Check: Understanding Boolean Logic**
+
+**Test your comparison understanding:**
+- Why do you think `===` (strict equality) is generally preferred over `==` (loose equality)?
+- Can you predict what `5 === '5'` returns? How about `5 == '5'`?
+- What's the difference between `!==` and `!=`?
+
+```mermaid
+stateDiagram-v2
+    [*] --> Comparison: Two values
+    Comparison --> StrictEqual: === or !==
+    Comparison --> Relational: < > <= >=
+    
+    StrictEqual --> TypeCheck: Check type AND value
+    Relational --> NumberCompare: Convert to numbers
+    
+    TypeCheck --> BooleanResult: true or false
+    NumberCompare --> BooleanResult
+    
+    note right of StrictEqual
+        Preferred approach
+        No type conversion
+    end note
+    
+    note right of Relational
+        Useful for ranges
+        Numerical comparisons
+    end note
+```
+> **Pro tip**: Always use `===` and `!==` for equality checks unless you specifically need type conversion. This prevents unexpected behavior!
 
 ## If Statement
 
-The `if` statement executes the code within its block if the condition evaluates to `true`.
+The `if` statement is like asking a question in your code. "If this condition is true, then do this thing." It's probably the most important tool you'll use for making decisions in JavaScript.
+
+Here's how it works:
 
 ```javascript
 if (condition) {
-  //Condition is true. Code in this block will run.
+  // Condition is true. Code in this block will run.
 }
 ```
 
-Logical operators are often used to create the condition.
+The condition goes inside the parentheses, and if it's `true`, JavaScript runs the code inside the curly braces. If it's `false`, JavaScript just skips that whole block.
+
+You'll often use comparison operators to create these conditions. Let's see a practical example:
 
 ```javascript
-let currentMoney;
-let laptopPrice;
+let currentMoney = 1000;
+let laptopPrice = 800;
 
 if (currentMoney >= laptopPrice) {
-  //Condition is true. Code in this block will run.
+  // Condition is true. Code in this block will run.
   console.log("Getting a new laptop!");
 }
 ```
 
+Since `1000 >= 800` evaluates to `true`, the code inside the block executes, displaying "Getting a new laptop!" in the console.
+
+```mermaid
+flowchart TD
+    A["🚀 Program Start"] --> B{"💰 currentMoney >= laptopPrice?"}
+    B -->|true| C["🎉 'Getting a new laptop!'"]
+    B -->|false| D["⏭️ Skip code block"]
+    C --> E["📋 Continue program"]
+    D --> E
+    
+    F["📊 If Statement Structure"] --> F1["if (condition) {"]
+    F1 --> F2["  // code to run if true"]
+    F2 --> F3["}"]
+    
+    style B fill:#fff3e0
+    style C fill:#e8f5e8
+    style D fill:#ffebee
+    style F fill:#e3f2fd
+```
 ## If..Else Statement
 
-The `else` statement executes the code within its block when the condition is `false`. It is optional when using an `if` statement.
+But what if you want your program to do something different when the condition is false? That's where `else` comes in – it's like having a backup plan.
+
+The `else` statement gives you a way to say "if this condition isn't true, do this other thing instead."
 
 ```javascript
-let currentMoney;
-let laptopPrice;
+let currentMoney = 500;
+let laptopPrice = 800;
 
 if (currentMoney >= laptopPrice) {
-  //Condition is true. Code in this block will run.
+  // Condition is true. Code in this block will run.
   console.log("Getting a new laptop!");
 } else {
-  //Condition is false. Code in this block will run.
+  // Condition is false. Code in this block will run.
   console.log("Can't afford a new laptop, yet!");
 }
 ```
 
-✅ Test your understanding of this code and the following code by running it in a browser console. Modify the values of the `currentMoney` and `laptopPrice` variables to see how the `console.log()` output changes.
+Now since `500 >= 800` is `false`, JavaScript skips the first block and runs the `else` block instead. You'll see "Can't afford a new laptop, yet!" in the console.
+
+✅ Test your understanding of this code and the following code by running it in a browser console. Change the values of the currentMoney and laptopPrice variables to change the returned `console.log()`.
+
+### 🎯 **If-Else Logic Check: Branching Paths**
+
+**Evaluate your conditional logic understanding:**
+- What happens if `currentMoney` exactly equals `laptopPrice`?
+- Can you think of a real-world scenario where if-else logic would be useful?
+- How might you extend this to handle multiple price ranges?
+
+```mermaid
+flowchart TD
+    A["🔍 Evaluate Condition"] --> B{"Condition True?"}
+    B -->|Yes| C["📤 Execute IF block"]
+    B -->|No| D["📥 Execute ELSE block"]
+    
+    C --> E["✅ One path taken"]
+    D --> E
+    
+    F["🌐 Real-world Examples"] --> F1["User login status"]
+    F --> F2["Age verification"]
+    F --> F3["Form validation"]
+    F --> F4["Game state changes"]
+    
+    style B fill:#fff3e0
+    style C fill:#e8f5e8
+    style D fill:#e3f2fd
+    style F fill:#f3e5f5
+```
+> **Key insight**: If-else ensures exactly one path is taken. This guarantees your program always has a response to any condition!
 
 ## Switch Statement
 
-The `switch` statement allows you to perform different actions based on different conditions. Use it to select one of many code blocks to execute.
+Sometimes you need to compare one value against multiple options. While you could chain several `if..else` statements, this approach becomes unwieldy. The `switch` statement provides a cleaner structure for handling multiple discrete values.
+
+The concept resembles the mechanical switching systems used in early telephone exchanges – one input value determines which specific path the execution follows.
 
 ```javascript
 switch (expression) {
@@ -105,61 +268,179 @@ switch (expression) {
     // code block
     break;
   default:
-  // code block
+    // code block
 }
 ```
 
+Here's how it's structured:
+- JavaScript evaluates the expression once
+- It looks through each `case` to find a match
+- When it finds a match, it runs that code block
+- The `break` tells JavaScript to stop and exit the switch
+- If no cases match, it runs the `default` block (if you have one)
+
 ```javascript
-// program using switch statement
-let a = 2;
+// Program using switch statement for day of week
+let dayNumber = 2;
+let dayName;
 
-switch (a) {
+switch (dayNumber) {
   case 1:
-    a = "one";
+    dayName = "Monday";
     break;
   case 2:
-    a = "two";
+    dayName = "Tuesday";
+    break;
+  case 3:
+    dayName = "Wednesday";
     break;
   default:
-    a = "not found";
+    dayName = "Unknown day";
     break;
 }
-console.log(`The value is ${a}`);
+console.log(`Today is ${dayName}`);
 ```
 
-✅ Test your understanding of this code and the following code by running it in a browser console. Modify the value of the variable `a` to see how the `console.log()` output changes.
+In this example, JavaScript sees that `dayNumber` is `2`, finds the matching `case 2`, sets `dayName` to "Tuesday", and then breaks out of the switch. The result? "Today is Tuesday" gets logged to the console.
+
+```mermaid
+flowchart TD
+    A["📥 switch(expression)"] --> B["🔍 Evaluate once"]
+    B --> C{"Match case 1?"}
+    C -->|Yes| D["📋 Execute case 1"]
+    C -->|No| E{"Match case 2?"}
+    E -->|Yes| F["📋 Execute case 2"]
+    E -->|No| G{"Match case 3?"}
+    G -->|Yes| H["📋 Execute case 3"]
+    G -->|No| I["📋 Execute default"]
+    
+    D --> J["🛑 break"]
+    F --> K["🛑 break"]
+    H --> L["🛑 break"]
+    
+    J --> M["✅ Exit switch"]
+    K --> M
+    L --> M
+    I --> M
+    
+    style A fill:#e3f2fd
+    style B fill:#fff3e0
+    style M fill:#e8f5e8
+```
+✅ Test your understanding of this code and the following code by running it in a browser console. Change the values of the variable a to change the returned `console.log()`.
+
+### 🔄 **Switch Statement Mastery: Multiple Options**
+
+**Test your switch understanding:**
+- What happens if you forget a `break` statement?
+- When would you use `switch` instead of multiple `if-else` statements?
+- Why is the `default` case useful even if you think you've covered all possibilities?
+
+```mermaid
+pie title "When to Use Each Decision Structure"
+    "Simple if-else" : 40
+    "Complex if-else chains" : 25
+    "Switch statements" : 20
+    "Ternary operators" : 15
+```
+> **Best practice**: Use `switch` when comparing one variable against multiple specific values. Use `if-else` for range checks or complex conditions!
 
 ## Logical Operators and Booleans
 
-Sometimes decisions require multiple comparisons, which can be combined using logical operators to produce a Boolean value.
+Complex decisions often require evaluating multiple conditions simultaneously. Just as Boolean algebra allows mathematicians to combine logical expressions, programming provides logical operators to connect multiple Boolean conditions.
+
+These operators enable sophisticated conditional logic by combining simple true/false evaluations.
 
 | Symbol | Description                                                                                     | Example                                                                 |
 | ------ | ----------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
-| `&&`   | **Logical AND**: Compares two Boolean expressions. Returns `true` **only** if both sides are true | `(5 > 6) && (5 < 6) // One side is false, the other is true. Returns false` |
-| `\|\|` | **Logical OR**: Compares two Boolean expressions. Returns `true` if at least one side is true     | `(5 > 6) \|\| (5 < 6) // One side is false, the other is true. Returns true` |
-| `!`    | **Logical NOT**: Returns the opposite value of a Boolean expression                             | `!(5 > 6) // 5 is not greater than 6, but "!" will return true`         |
-
+| `&&`   | **Logical AND**: Compares two Boolean expressions. Returns true **only** if both sides are true | `(5 > 3) && (5 < 10) // Both sides are true. Returns true` |
+| `\|\|` | **Logical OR**: Compares two Boolean expressions. Returns true if at least one side is true     | `(5 > 10) \|\| (5 < 10) // One side is false, other is true. Returns true` |
+| `!`    | **Logical NOT**: Returns the opposite value of a Boolean expression                             | `!(5 > 10) // 5 is not greater than 10, so "!" makes it true`         |
+
+These operators let you combine conditions in useful ways:
+- AND (`&&`) means both conditions must be true
+- OR (`||`) means at least one condition must be true  
+- NOT (`!`) flips true to false (and vice versa)
+
+```mermaid
+flowchart LR
+    A["🔗 Logical Operators"] --> B["&& AND"]
+    A --> C["|| OR"]
+    A --> D["! NOT"]
+    
+    B --> B1["Both must be true"]
+    B --> B2["true && true = true"]
+    B --> B3["true && false = false"]
+    
+    C --> C1["At least one true"]
+    C --> C2["true || false = true"]
+    C --> C3["false || false = false"]
+    
+    D --> D1["Flips the value"]
+    D --> D2["!true = false"]
+    D --> D3["!false = true"]
+    
+    E["🌍 Real Examples"] --> E1["Age >= 18 && hasLicense"]
+    E --> E2["isWeekend || isHoliday"]
+    E --> E3["!isLoggedIn"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+```
 ## Conditions and Decisions with Logical Operators
 
-Logical operators can be used to create conditions in `if..else` statements.
+Let's see these logical operators in action with a more realistic example:
 
 ```javascript
-let currentMoney;
-let laptopPrice;
-let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off
+let currentMoney = 600;
+let laptopPrice = 800;
+let laptopDiscountPrice = laptopPrice - (laptopPrice * 0.2); // Laptop price at 20 percent off
 
 if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
-  //Condition is true. Code in this block will run.
+  // Condition is true. Code in this block will run.
   console.log("Getting a new laptop!");
 } else {
-  //Condition is true. Code in this block will run.
+  // Condition is false. Code in this block will run.
   console.log("Can't afford a new laptop, yet!");
 }
 ```
 
+In this example: we calculate a 20% discount price (640), then evaluate whether our available funds cover either the full price OR the discounted price. Since 600 meets the discounted price threshold of 640, the condition evaluates to true.
+
+### 🧮 **Logical Operators Check: Combining Conditions**
+
+**Test your logical operator understanding:**
+- In the expression `A && B`, what happens if A is false? Does B even get evaluated?
+- Can you think of a situation where you'd need all three operators (&&, ||, !) together?
+- What's the difference between `!user.isActive` and `user.isActive !== true`?
+
+```mermaid
+stateDiagram-v2
+    [*] --> EvaluateA: A && B
+    EvaluateA --> CheckB: A is true
+    EvaluateA --> ReturnFalse: A is false
+    CheckB --> ReturnTrue: B is true
+    CheckB --> ReturnFalse: B is false
+    
+    [*] --> EvaluateC: A || B
+    EvaluateC --> ReturnTrue: A is true
+    EvaluateC --> CheckD: A is false
+    CheckD --> ReturnTrue: B is true
+    CheckD --> ReturnFalse: B is false
+    
+    note right of EvaluateA
+        Short-circuit evaluation:
+        If A is false, B is never checked
+    end note
+```
+> **Performance tip**: JavaScript uses "short-circuit evaluation" - in `A && B`, if A is false, B isn't even evaluated. Use this to your advantage!
+
 ### Negation Operator
 
-You've seen how `if...else` statements can be used to create conditional logic. Anything inside an `if` must evaluate to `true` or `false`. The `!` operator allows you to _negate_ an expression, like this:
+Sometimes it's easier to think about when something is NOT true. Like instead of asking "Is the user logged in?", you might want to ask "Is the user NOT logged in?" The exclamation mark (`!`) operator flips the logic for you.
 
 ```javascript
 if (!condition) {
@@ -169,15 +450,19 @@ if (!condition) {
 }
 ```
 
+The `!` operator is like saying "the opposite of..." – if something is `true`, `!` makes it `false`, and vice versa.
+
 ### Ternary Expressions
 
-`if...else` isn't the only way to express decision-making logic. You can also use a ternary operator, which has the following syntax:
+For simple conditional assignments, JavaScript provides the **ternary operator**. This concise syntax allows you to write a conditional expression in a single line, useful when you need to assign one of two values based on a condition.
 
 ```javascript
-let variable = condition ? <return this if true> : <return this if false>
+let variable = condition ? returnThisIfTrue : returnThisIfFalse;
 ```
 
-Here's a more practical example:
+It reads like a question: "Is this condition true? If yes, use this value. If no, use that value."
+
+Below is a more tangible example:
 
 ```javascript
 let firstNumber = 20;
@@ -185,15 +470,11 @@ let secondNumber = 10;
 let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;
 ```
 
-✅ Take a moment to read this code carefully. Do you understand how these operators work?
-
-The example above states:
+✅ Take a minute to read this code a few times. Do you understand how these operators are working?
 
-- If `firstNumber` is greater than `secondNumber`,  
-  assign `firstNumber` to `biggestNumber`.  
-- Otherwise, assign `secondNumber`.
+Here's what this line is saying: "Is `firstNumber` greater than `secondNumber`? If yes, put `firstNumber` in `biggestNumber`. If no, put `secondNumber` in `biggestNumber`."
 
-The ternary expression is simply a compact way of writing the following code:
+The ternary operator is just a shorter way to write this traditional `if..else` statement:
 
 ```javascript
 let biggestNumber;
@@ -204,29 +485,179 @@ if (firstNumber > secondNumber) {
 }
 ```
 
+Both approaches produce identical results. The ternary operator offers conciseness, while the traditional if-else structure may be more readable for complex conditions.
+
+```mermaid
+flowchart LR
+    A["🤔 Ternary Operator"] --> B["condition ?"]
+    B --> C["valueIfTrue :"]
+    C --> D["valueIfFalse"]
+    
+    E["📝 Traditional If-Else"] --> F["if (condition) {"]
+    F --> G["  return valueIfTrue"]
+    G --> H["} else {"]
+    H --> I["  return valueIfFalse"]
+    I --> J["}"]
+    
+    K["⚡ When to Use"] --> K1["Simple assignments"]
+    K --> K2["Short conditions"]
+    K --> K3["Inline decisions"]
+    K --> K4["Return statements"]
+    
+    style A fill:#e3f2fd
+    style E fill:#fff3e0
+    style K fill:#e8f5e8
+```
 ---
 
-## 🚀 Challenge
-
-Write a program using logical operators, then rewrite it using a ternary expression. Which syntax do you prefer?
-
----
-
-## Post-Lecture Quiz
-
-[Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/12)
 
-## Review & Self Study
 
-Learn more about the various operators available to you [on MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).
+## 🚀 Challenge
 
-Check out Josh Comeau's excellent [operator lookup](https://joshwcomeau.com/operator-lookup/)!
+Create a program that is written first with logical operators, and then rewrite it using a ternary expression. What's your preferred syntax?
 
-## Assignment
+---
 
-[Operators](assignment.md)
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create a comprehensive grade calculator that demonstrates multiple decision-making concepts from this lesson, including if-else statements, switch statements, logical operators, and ternary expressions.
+
+**Prompt:** Write a JavaScript program that takes a student's numerical score (0-100) and determines their letter grade using the following criteria:
+- A: 90-100
+- B: 80-89  
+- C: 70-79
+- D: 60-69
+- F: Below 60
+
+Requirements:
+1. Use an if-else statement to determine the letter grade  
+2. Use logical operators to check if the student passes (grade >= 60) AND has honors (grade >= 90)  
+3. Use a switch statement to provide specific feedback for each letter grade  
+4. Use a ternary operator to determine if the student is eligible for the next course (grade >= 70)  
+5. Include input validation to ensure the score is between 0 and 100  
+
+Test your program with various scores including edge cases like 59, 60, 89, 90, and invalid inputs.  
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.  
+
+
+## Post-Lecture Quiz  
+
+[Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/12)  
+
+## Review & Self Study  
+
+Read more about the many operators available to the user [on MDN](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators).  
+
+Go through Josh Comeau's wonderful [operator lookup](https://joshwcomeau.com/operator-lookup/)!  
+
+## Assignment  
+
+[Operators](assignment.md)  
+
+---  
+
+## 🧠 **Your Decision-Making Toolkit Summary**  
+
+```mermaid
+graph TD
+    A["🎯 JavaScript Decisions"] --> B["🔍 Boolean Logic"]
+    A --> C["📊 Conditional Statements"]
+    A --> D["🔗 Logical Operators"]
+    A --> E["⚡ Advanced Patterns"]
+    
+    B --> B1["true/false values"]
+    B --> B2["Comparison operators"]
+    B --> B3["Truthiness concepts"]
+    
+    C --> C1["if statements"]
+    C --> C2["if-else chains"]
+    C --> C3["switch statements"]
+    
+    D --> D1["&& (AND)"]
+    D --> D2["|| (OR)"]
+    D --> D3["! (NOT)"]
+    
+    E --> E1["Ternary operator"]
+    E --> E2["Short-circuit evaluation"]
+    E --> E3["Complex conditions"]
+    
+    F["💡 Key Principles"] --> F1["Clear readable conditions"]
+    F --> F2["Consistent comparison style"]
+    F --> F3["Proper operator precedence"]
+    F --> F4["Efficient evaluation order"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```  
+---  
+
+## 🚀 Your JavaScript Decision-Making Mastery Timeline  
+
+### ⚡ **What You Can Do in the Next 5 Minutes**  
+- [ ] Practice comparison operators in your browser console  
+- [ ] Write a simple if-else statement that checks your age  
+- [ ] Try the challenge: rewrite an if-else using a ternary operator  
+- [ ] Test what happens with different "truthy" and "falsy" values  
+
+### 🎯 **What You Can Accomplish This Hour**  
+- [ ] Complete the post-lesson quiz and review any confusing concepts  
+- [ ] Build the comprehensive grade calculator from the GitHub Copilot challenge  
+- [ ] Create a simple decision tree for a real-world scenario (like choosing what to wear)  
+- [ ] Practice combining multiple conditions with logical operators  
+- [ ] Experiment with switch statements for different use cases  
+
+### 📅 **Your Week-Long Logic Mastery**  
+- [ ] Complete the operators assignment with creative examples  
+- [ ] Build a mini quiz application using various conditional structures  
+- [ ] Create a form validator that checks multiple input conditions  
+- [ ] Practice Josh Comeau's [operator lookup](https://joshwcomeau.com/operator-lookup/) exercises  
+- [ ] Refactor existing code to use more appropriate conditional structures  
+- [ ] Study short-circuit evaluation and performance implications  
+
+### 🌟 **Your Month-Long Transformation**  
+- [ ] Master complex nested conditions and maintain code readability  
+- [ ] Build an application with sophisticated decision-making logic  
+- [ ] Contribute to open source by improving conditional logic in existing projects  
+- [ ] Teach someone else about different conditional structures and when to use each  
+- [ ] Explore functional programming approaches to conditional logic  
+- [ ] Create a personal reference guide for conditional best practices  
+
+### 🏆 **Final Decision-Making Champion Check-in**  
+
+**Celebrate your logical thinking mastery:**  
+- What's the most complex decision logic you've successfully implemented?  
+- Which conditional structure feels most natural to you and why?  
+- How has learning about logical operators changed your problem-solving approach?  
+- What real-world application would benefit from sophisticated decision-making logic?  
+
+```mermaid
+journey
+    title Your Logical Thinking Evolution
+    section Today
+      Boolean Confusion: 3: You
+      If-Else Understanding: 4: You
+      Operator Recognition: 5: You
+    section This Week
+      Complex Conditions: 4: You
+      Switch Mastery: 5: You
+      Logical Combinations: 5: You
+    section Next Month
+      Advanced Patterns: 5: You
+      Performance Awareness: 5: You
+      Teaching Others: 5: You
+```  
+> 🧠 **You've mastered the art of digital decision-making!** Every interactive application relies on conditional logic to respond intelligently to user actions and changing conditions. You now understand how to make your programs think, evaluate, and choose appropriate responses. This logical foundation will power every dynamic application you build! 🎉
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/3-making-decisions/assignment.md b/translations/en/2-js-basics/3-making-decisions/assignment.md
index e23e23fd8..2aaff633b 100644
--- a/translations/en/2-js-basics/3-making-decisions/assignment.md
+++ b/translations/en/2-js-basics/3-making-decisions/assignment.md
@@ -1,54 +1,111 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "bf62b82567e6f9bdf4abda9ae0ccb64a",
-  "translation_date": "2025-08-28T11:41:39+00:00",
-  "source_file": "2-js-basics/3-making-decisions/assignment.md",
-  "language_code": "en"
-}
--->
-# Operators
+# Making Decisions: Student Grade Processor
 
-## Instructions
+## Learning Objectives
 
-Experiment with operators. Here's an idea for a program you can create:
+In this assignment, you'll practice the decision-making concepts from this lesson by building a program that processes student grades from different grading systems. You'll use `if...else` statements, comparison operators, and logical operators to determine which students pass their courses.
 
-You have a group of students from two different grading systems.
+## The Challenge
 
-### First grading system
+You work for a school that recently merged with another institution. Now you need to process student grades from two completely different grading systems and determine which students are passing. This is a perfect opportunity to practice conditional logic!
 
-One grading system uses grades ranging from 1 to 5, where a grade of 3 or higher means the student passes the course.
+### Understanding the Grading Systems
 
-### Second grading system
+#### First Grading System (Numeric)
+- Grades are given as numbers from 1-5
+- **Passing grade**: 3 and above (3, 4, or 5)
+- **Failing grade**: Below 3 (1 or 2)
 
-The other grading system uses the grades `A, A-, B, B-, C, C-`, where `A` is the highest grade and `C` is the lowest passing grade.
+#### Second Grading System (Letter Grades)
+- Grades use letters: `A`, `A-`, `B`, `B-`, `C`, `C-`
+- **Passing grades**: `A`, `A-`, `B`, `B-`, `C`, `C-` (all listed grades are passing)
+- **Note**: This system doesn't include failing grades like `D` or `F`
 
-### The task
+### Your Task
 
-Using the array `allStudents`, which represents all students and their grades, create a new array `studentsWhoPass` that includes only the students who pass.
-
-> TIP: Use a for-loop, if...else statements, and comparison operators:
+Given the following array `allStudents` representing all students and their grades, construct a new array `studentsWhoPass` containing all students who pass according to their respective grading systems.
 
 ```javascript
 let allStudents = [
-  'A',
-  'B-',
-  1,
-  4,
-  5,
-  2
-]
+  'A',    // Letter grade - passing
+  'B-',   // Letter grade - passing
+  1,      // Numeric grade - failing
+  4,      // Numeric grade - passing
+  5,      // Numeric grade - passing
+  2       // Numeric grade - failing
+];
 
 let studentsWhoPass = [];
 ```
 
+### Step-by-Step Approach
+
+1. **Set up a loop** to go through each grade in the `allStudents` array
+2. **Check the grade type** (is it a number or a string?)
+3. **Apply the appropriate grading system rules**:
+   - For numbers: check if grade >= 3
+   - For strings: check if it's one of the valid passing letter grades
+4. **Add passing grades** to the `studentsWhoPass` array
+
+### Helpful Code Techniques
+
+Use these JavaScript concepts from the lesson:
+
+- **typeof operator**: `typeof grade === 'number'` to check if it's a numeric grade
+- **Comparison operators**: `>=` to compare numeric grades
+- **Logical operators**: `||` to check multiple letter grade conditions
+- **if...else statements**: to handle different grading systems
+- **Array methods**: `.push()` to add passing grades to your new array
+
+### Expected Output
+
+When you run your program, `studentsWhoPass` should contain: `['A', 'B-', 4, 5]`
+
+**Why these grades pass:**
+- `'A'` and `'B-'` are valid letter grades (all letter grades in this system are passing)
+- `4` and `5` are numeric grades >= 3
+- `1` and `2` fail because they're numeric grades < 3
+
+## Testing Your Solution
+
+Test your code with different scenarios:
+
+```javascript
+// Test with different grade combinations
+let testGrades1 = ['A-', 3, 'C', 1, 'B'];
+let testGrades2 = [5, 'A', 2, 'C-', 4];
+
+// Your solution should work with any combination of valid grades
+```
+
+## Bonus Challenges
+
+Once you complete the basic assignment, try these extensions:
+
+1. **Add validation**: Check for invalid grades (like negative numbers or invalid letters)
+2. **Count statistics**: Calculate how many students pass vs. fail
+3. **Grade conversion**: Convert all grades to a single numeric system (A=5, B=4, C=3, etc.)
+
 ## Rubric
 
-| Criteria | Outstanding                   | Satisfactory                  | Needs Improvement               |
-| -------- | ----------------------------- | ----------------------------- | ------------------------------- |
-|          | A complete solution is provided | A partial solution is provided | A solution with errors is provided |
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|----------|---------------|----------------|----------------|---------------|
+| **Functionality** | Program correctly identifies all passing grades from both systems | Program works with minor issues or edge cases | Program partially works but has logical errors | Program has significant errors or doesn't run |
+| **Code Structure** | Clean, well-organized code with proper if...else logic | Good structure with appropriate conditional statements | Acceptable structure with some organizational issues | Poor structure, difficult to follow logic |
+| **Use of Concepts** | Effectively uses comparison operators, logical operators, and conditional statements | Good use of lesson concepts with minor gaps | Some use of lesson concepts but missing key elements | Limited use of lesson concepts |
+| **Problem Solving** | Shows clear understanding of the problem and elegant solution approach | Good problem-solving approach with solid logic | Adequate problem-solving with some confusion | Unclear approach, doesn't demonstrate understanding |
+
+## Submission Guidelines
+
+1. **Test your code** thoroughly with the provided examples
+2. **Add comments** explaining your logic, especially for the conditional statements
+3. **Verify output** matches expected results: `['A', 'B-', 4, 5]`
+4. **Consider edge cases** like empty arrays or unexpected data types
+
+> 💡 **Pro Tip**: Start simple! Get the basic functionality working first, then add more sophisticated features. Remember, the goal is to practice decision-making logic with the tools you learned in this lesson.
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/4-arrays-loops/README.md b/translations/en/2-js-basics/4-arrays-loops/README.md
index 71af1d6fe..f51cde494 100644
--- a/translations/en/2-js-basics/4-arrays-loops/README.md
+++ b/translations/en/2-js-basics/4-arrays-loops/README.md
@@ -1,141 +1,631 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "9029f96b0e034839c1799f4595e4bb66",
-  "translation_date": "2025-08-29T13:23:48+00:00",
-  "source_file": "2-js-basics/4-arrays-loops/README.md",
-  "language_code": "en"
-}
--->
 # JavaScript Basics: Arrays and Loops
 
-![JavaScript Basics - Arrays](../../../../translated_images/en/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.png)
+![JavaScript Basics - Arrays](../../../../translated_images/en/webdev101-js-arrays.439d7528b8a29455.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+```mermaid
+journey
+    title Your Arrays & Loops Adventure
+    section Array Fundamentals
+      Creating Arrays: 5: You
+      Accessing Elements: 4: You
+      Array Methods: 5: You
+    section Loop Mastery
+      For Loops: 4: You
+      While Loops: 5: You
+      Modern Syntax: 4: You
+    section Data Processing
+      Array + Loops: 5: You
+      Real-world Applications: 4: You
+      Performance Optimization: 5: You
+```
 ## Pre-Lecture Quiz
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/13)
 
-This lesson introduces the fundamentals of JavaScript, the programming language that adds interactivity to websites. In this lesson, you'll explore arrays and loops, which are essential for working with and manipulating data.
+Ever wondered how websites keep track of shopping cart items or display your friend list? That's where arrays and loops come in. Arrays are like digital containers that hold multiple pieces of information, while loops let you work with all that data efficiently without repetitive code.
+
+Together, these two concepts form the foundation for handling information in your programs. You'll learn to move from manually writing out every single step to creating smart, efficient code that can process hundreds or even thousands of items quickly.
+
+By the end of this lesson, you'll understand how to accomplish complex data tasks with just a few lines of code. Let's explore these essential programming concepts.
 
 [![Arrays](https://img.youtube.com/vi/1U4qTyq02Xw/0.jpg)](https://youtube.com/watch?v=1U4qTyq02Xw "Arrays")
 
 [![Loops](https://img.youtube.com/vi/Eeh7pxtTZ3k/0.jpg)](https://www.youtube.com/watch?v=Eeh7pxtTZ3k "Loops")
 
-> 🎥 Click the images above to watch videos about arrays and loops.
+> 🎥 Click the images above for videos about arrays and loops.
+
+> You can take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-arrays/?WT.mc_id=academic-77807-sagibbon)!
+
+```mermaid
+mindmap
+  root((Data Processing))
+    Arrays
+      Structure
+        Square brackets syntax
+        Zero-based indexing
+        Dynamic sizing
+      Operations
+        push/pop
+        shift/unshift
+        indexOf/includes
+      Types
+        Numbers array
+        Strings array
+        Mixed types
+    Loops
+      For Loops
+        Counting iterations
+        Array processing
+        Predictable flow
+      While Loops
+        Condition-based
+        Unknown iterations
+        User input
+      Modern Syntax
+        for...of
+        forEach
+        Functional methods
+    Applications
+      Data Analysis
+        Statistics
+        Filtering
+        Transformations
+      User Interfaces
+        Lists
+        Menus
+        Galleries
+```
+## Arrays
 
-> You can also take this lesson on [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101-arrays/?WT.mc_id=academic-77807-sagibbon)!
+Think of arrays as a digital filing cabinet - instead of storing one document per drawer, you can organize multiple related items in a single, structured container. In programming terms, arrays let you store multiple pieces of information in one organized package.
 
-## Arrays
+Whether you're building a photo gallery, managing a to-do list, or keeping track of high scores in a game, arrays provide the foundation for data organization. Let's see how they work.
 
-Handling data is a common task in programming, and it becomes much easier when the data is organized in a structured format, like arrays. Arrays store data in a list-like structure. One key advantage of arrays is that they can hold different types of data within the same array.
+✅ Arrays are all around us! Can you think of a real-life example of an array, such as a solar panel array?
 
-✅ Arrays are everywhere! Can you think of a real-world example of an array, like a solar panel array?
+### Creating Arrays
 
-The syntax for creating an array involves square brackets.
+Creating an array is super simple - just use square brackets!
 
 ```javascript
-let myArray = [];
+// Empty array - like an empty shopping cart waiting for items
+const myArray = [];
 ```
 
-This is an empty array, but arrays can also be initialized with data already inside them. Multiple values in an array are separated by commas.
+**What's happening here?**
+You've just created an empty container using those square brackets `[]`. Think of it like an empty library shelf - it's ready to hold whatever books you want to organize there.
+
+You can also fill your array with initial values right from the start:
 
 ```javascript
-let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
+// Your ice cream shop's flavor menu
+const iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
+
+// A user's profile info (mixing different types of data)
+const userData = ["John", 25, true, "developer"];
+
+// Test scores for your favorite class
+const scores = [95, 87, 92, 78, 85];
 ```
 
-Each value in an array is assigned a unique identifier called the **index**, which is a whole number based on its position in the array. In the example above, the string "Chocolate" has an index of 0, while "Rocky Road" has an index of 4. You can use the index with square brackets to access, modify, or add values to the array.
+**Cool things to notice:**
+- You can store text, numbers, or even true/false values in the same array
+- Just separate each item with a comma - easy!
+- Arrays are perfect for keeping related information together
+
+```mermaid
+flowchart LR
+    A["📦 Arrays"] --> B["Create [ ]"]
+    A --> C["Store Multiple Items"]
+    A --> D["Access by Index"]
+    
+    B --> B1["const arr = []"]
+    B --> B2["const arr = [1,2,3]"]
+    
+    C --> C1["Numbers"]
+    C --> C2["Strings"]
+    C --> C3["Booleans"]
+    C --> C4["Mixed Types"]
+    
+    D --> D1["arr[0] = first"]
+    D --> D2["arr[1] = second"]
+    D --> D3["arr[2] = third"]
+    
+    E["📊 Array Index"] --> E1["Index 0: First"]
+    E --> E2["Index 1: Second"]
+    E --> E3["Index 2: Third"]
+    E --> E4["Index n-1: Last"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+```
+### Array Indexing
 
-✅ Did you know that arrays start at index 0? In some programming languages, indexes begin at 1. There's an interesting history behind this, which you can [read about on Wikipedia](https://en.wikipedia.org/wiki/Zero-based_numbering).
+Here's something that might seem unusual at first: arrays number their items starting from 0, not 1. This zero-based indexing has its roots in how computer memory works - it's been a programming convention since the early days of computing languages like C. Each spot in the array gets its own address number called an **index**.
+
+| Index | Value | Description |
+|-------|-------|-------------|
+| 0 | "Chocolate" | First element |
+| 1 | "Strawberry" | Second element |
+| 2 | "Vanilla" | Third element |
+| 3 | "Pistachio" | Fourth element |
+| 4 | "Rocky Road" | Fifth element |
+
+✅ Does it surprise you that arrays start at the zero index? In some programming languages, indexes start at 1. There's an interesting history around this, which you can [read on Wikipedia](https://en.wikipedia.org/wiki/Zero-based_numbering).
+
+**Accessing Array Elements:**
 
 ```javascript
-let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
-iceCreamFlavors[2]; //"Vanilla"
+const iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
+
+// Access individual elements using bracket notation
+console.log(iceCreamFlavors[0]); // "Chocolate" - first element
+console.log(iceCreamFlavors[2]); // "Vanilla" - third element
+console.log(iceCreamFlavors[4]); // "Rocky Road" - last element
 ```
 
-You can use the index to update a value like this:
+**Breaking down what happens here:**
+- **Uses** square bracket notation with the index number to access elements
+- **Returns** the value stored at that specific position in the array
+- **Starts** counting from 0, making the first element index 0
+
+**Modifying Array Elements:**
 
 ```javascript
-iceCreamFlavors[4] = "Butter Pecan"; //Changed "Rocky Road" to "Butter Pecan"
+// Change an existing value
+iceCreamFlavors[4] = "Butter Pecan";
+console.log(iceCreamFlavors[4]); // "Butter Pecan"
+
+// Add a new element at the end
+iceCreamFlavors[5] = "Cookie Dough";
+console.log(iceCreamFlavors[5]); // "Cookie Dough"
 ```
 
-And you can add a new value at a specific index like this:
+**In the above, we've:**
+- **Modified** the element at index 4 from "Rocky Road" to "Butter Pecan"
+- **Added** a new element "Cookie Dough" at index 5
+- **Expanded** the array length automatically when adding beyond current bounds
+
+### Array Length and Common Methods
+
+Arrays come with built-in properties and methods that make working with data much easier.
+
+**Finding Array Length:**
 
 ```javascript
-iceCreamFlavors[5] = "Cookie Dough"; //Added "Cookie Dough"
+const iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
+console.log(iceCreamFlavors.length); // 5
+
+// Length updates automatically as array changes
+iceCreamFlavors.push("Mint Chip");
+console.log(iceCreamFlavors.length); // 6
 ```
 
-✅ A more common way to add values to an array is by using array methods like `array.push()`.
+**Key points to remember:**
+- **Returns** the total number of elements in the array
+- **Updates** automatically when elements are added or removed
+- **Provides** a dynamic count useful for loops and validation
 
-To find out how many items are in an array, use the `length` property.
+**Essential Array Methods:**
 
 ```javascript
-let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
-iceCreamFlavors.length; //5
+const fruits = ["apple", "banana", "orange"];
+
+// Add elements
+fruits.push("grape");           // Adds to end: ["apple", "banana", "orange", "grape"]
+fruits.unshift("strawberry");   // Adds to beginning: ["strawberry", "apple", "banana", "orange", "grape"]
+
+// Remove elements
+const lastFruit = fruits.pop();        // Removes and returns "grape"
+const firstFruit = fruits.shift();     // Removes and returns "strawberry"
+
+// Find elements
+const index = fruits.indexOf("banana"); // Returns 1 (position of "banana")
+const hasApple = fruits.includes("apple"); // Returns true
 ```
 
-✅ Try it out! Open your browser's console and create an array of your own. Experiment with adding, modifying, and accessing its values.
+**Understanding these methods:**
+- **Adds** elements with `push()` (end) and `unshift()` (beginning)
+- **Removes** elements with `pop()` (end) and `shift()` (beginning)
+- **Locates** elements with `indexOf()` and checks existence with `includes()`
+- **Returns** useful values like removed elements or position indexes
+
+✅ Try it yourself! Use your browser's console to create and manipulate an array of your own creation.
+
+### 🧠 **Array Fundamentals Check: Organizing Your Data**
+
+**Test your array understanding:**
+- Why do you think arrays start counting from 0 instead of 1?
+- What happens if you try to access an index that doesn't exist (like `arr[100]` in a 5-element array)?
+- Can you think of three real-world scenarios where arrays would be useful?
+
+```mermaid
+stateDiagram-v2
+    [*] --> EmptyArray: const arr = []
+    EmptyArray --> WithItems: Add elements
+    WithItems --> Accessing: Use indexes
+    Accessing --> Modifying: Change values
+    Modifying --> Processing: Use methods
+    
+    WithItems --> WithItems: push(), unshift()
+    Processing --> Processing: pop(), shift()
+    
+    note right of Accessing
+        Zero-based indexing
+        arr[0] = first element
+    end note
+    
+    note right of Processing
+        Built-in methods
+        Dynamic operations
+    end note
+```
+> **Real-world insight**: Arrays are everywhere in programming! Social media feeds, shopping carts, photo galleries, playlist songs - they're all arrays behind the scenes!
 
 ## Loops
 
-Loops allow you to perform repetitive or **iterative** tasks, saving time and reducing the amount of code you need to write. Each iteration can involve different variables, values, or conditions. JavaScript offers several types of loops, each with slight differences, but all serve the same purpose: iterating over data.
-
+Think of the famous punishment from Charles Dickens' novels where students had to write lines repeatedly on a slate. Imagine if you could simply instruct someone to "write this sentence 100 times" and have it done automatically. That's exactly what loops do for your code.
+
+Loops are like having a tireless assistant who can repeat tasks without error. Whether you need to check every item in a shopping cart or display all the photos in an album, loops handle the repetition efficiently.
+
+JavaScript provides several types of loops to choose from. Let's examine each one and understand when to use them.
+
+```mermaid
+flowchart TD
+    A["🔄 Loop Types"] --> B["For Loop"]
+    A --> C["While Loop"]
+    A --> D["For...of Loop"]
+    A --> E["forEach Method"]
+    
+    B --> B1["Known iterations"]
+    B --> B2["Counter-based"]
+    B --> B3["for(init; condition; increment)"]
+    
+    C --> C1["Unknown iterations"]
+    C --> C2["Condition-based"]
+    C --> C3["while(condition)"]
+    
+    D --> D1["Modern ES6+"]
+    D --> D2["Array iteration"]
+    D --> D3["for(item of array)"]
+    
+    E --> E1["Functional style"]
+    E --> E2["Array method"]
+    E --> E3["array.forEach(callback)"]
+    
+    F["⏰ When to Use"] --> F1["For: Counting, indexes"]
+    F --> F2["While: User input, searching"]
+    F --> F3["For...of: Simple iteration"]
+    F --> F4["forEach: Functional programming"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```
 ### For Loop
 
-A `for` loop requires three components to work:
-- `counter`: A variable, usually initialized with a number, that tracks the number of iterations.
-- `condition`: An expression that uses comparison operators to stop the loop when it evaluates to `false`.
-- `iteration-expression`: Executes at the end of each iteration, typically used to update the counter.
+The `for` loop is like setting a timer - you know exactly how many times you want something to happen. It's super organized and predictable, which makes it perfect when you're working with arrays or need to count things.
+
+**For Loop Structure:**
+
+| Component | Purpose | Example |
+|-----------|---------|----------|
+| **Initialization** | Sets starting point | `let i = 0` |
+| **Condition** | When to continue | `i < 10` |
+| **Increment** | How to update | `i++` |
 
 ```javascript
-// Counting up to 10
+// Counting from 0 to 9
 for (let i = 0; i < 10; i++) {
-  console.log(i);
+  console.log(`Count: ${i}`);
+}
+
+// More practical example: processing scores
+const testScores = [85, 92, 78, 96, 88];
+for (let i = 0; i < testScores.length; i++) {
+  console.log(`Student ${i + 1}: ${testScores[i]}%`);
 }
 ```
 
-✅ Run this code in your browser's console. What happens if you tweak the counter, condition, or iteration expression? Can you make the loop run in reverse, like a countdown?
+**Step by step, here's what's happening:**
+- **Initializes** the counter variable `i` to 0 at the start
+- **Checks** the condition `i < 10` before each iteration
+- **Executes** the code block when the condition is true
+- **Increments** `i` by 1 after each iteration with `i++`
+- **Stops** when the condition becomes false (when `i` reaches 10)
+
+✅ Run this code in a browser console. What happens when you make small changes to the counter, condition, or iteration expression? Can you make it run backwards, creating a countdown?
+
+### 🗓️ **For Loop Mastery Check: Controlled Repetition**
+
+**Evaluate your for loop understanding:**
+- What are the three parts of a for loop, and what does each one do?
+- How would you loop through an array backwards?
+- What happens if you forget the increment part (`i++`)?
+
+```mermaid
+flowchart TD
+    A["🚀 Start For Loop"] --> B["Initialize: let i = 0"]
+    B --> C{"Condition: i < array.length?"}
+    C -->|true| D["Execute code block"]
+    D --> E["Increment: i++"]
+    E --> C
+    C -->|false| F["✅ Exit loop"]
+    
+    G["📋 Common Patterns"] --> G1["for(let i=0; i<n; i++)"]
+    G --> G2["for(let i=n-1; i>=0; i--)"]
+    G --> G3["for(let i=0; i<arr.length; i+=2)"]
+    
+    style A fill:#e3f2fd
+    style F fill:#e8f5e8
+    style G fill:#fff3e0
+```
+> **Loop wisdom**: For loops are perfect when you know exactly how many times you need to repeat something. They're the most common choice for array processing!
 
 ### While Loop
 
-Unlike the `for` loop, a `while` loop only requires a condition to stop the loop when it evaluates to `false`. Conditions in loops often depend on other values, like counters, which must be managed during the loop. Initial values for counters must be set outside the loop, and any expressions needed to meet the condition, including updating the counter, must be handled inside the loop.
+The `while` loop is like saying "keep doing this until..." - you might not know exactly how many times it'll run, but you know when to stop. It's perfect for things like asking a user for input until they give you what you need, or searching through data until you find what you're looking for.
+
+**While Loop Characteristics:**
+- **Continues** executing as long as the condition is true
+- **Requires** manual management of any counter variables
+- **Checks** the condition before each iteration
+- **Risks** infinite loops if the condition never becomes false
 
 ```javascript
-//Counting up to 10
+// Basic counting example
 let i = 0;
 while (i < 10) {
- console.log(i);
- i++;
+  console.log(`While count: ${i}`);
+  i++; // Don't forget to increment!
+}
+
+// More practical example: processing user input
+let userInput = "";
+let attempts = 0;
+const maxAttempts = 3;
+
+while (userInput !== "quit" && attempts < maxAttempts) {
+  userInput = prompt(`Enter 'quit' to exit (attempt ${attempts + 1}):`);
+  attempts++;
+}
+
+if (attempts >= maxAttempts) {
+  console.log("Maximum attempts reached!");
+}
+```
+
+**Understanding these examples:**
+- **Manages** the counter variable `i` manually inside the loop body
+- **Increments** the counter to prevent infinite loops
+- **Demonstrates** practical use case with user input and attempt limiting
+- **Includes** safety mechanisms to prevent endless execution
+
+### ♾️ **While Loop Wisdom Check: Condition-Based Repetition**
+
+**Test your while loop comprehension:**
+- What's the main danger when using while loops?
+- When would you choose a while loop over a for loop?
+- How can you prevent infinite loops?
+
+```mermaid
+flowchart LR
+    A["🔄 While vs For"] --> B["While Loop"]
+    A --> C["For Loop"]
+    
+    B --> B1["Unknown iterations"]
+    B --> B2["Condition-driven"]
+    B --> B3["User input, searching"]
+    B --> B4["⚠️ Risk: infinite loops"]
+    
+    C --> C1["Known iterations"]
+    C --> C2["Counter-driven"]
+    C --> C3["Array processing"]
+    C --> C4["✅ Safe: predictable end"]
+    
+    D["🛡️ Safety Tips"] --> D1["Always modify condition variable"]
+    D --> D2["Include escape conditions"]
+    D --> D3["Set maximum iteration limits"]
+    
+    style A fill:#e3f2fd
+    style B fill:#fff3e0
+    style C fill:#e8f5e8
+    style D fill:#ffebee
+```
+> **Safety first**: While loops are powerful but require careful condition management. Always ensure your loop condition will eventually become false!
+
+### Modern Loop Alternatives
+
+JavaScript offers modern loop syntax that can make your code more readable and less error-prone.
+
+**For...of Loop (ES6+):**
+
+```javascript
+const colors = ["red", "green", "blue", "yellow"];
+
+// Modern approach - cleaner and safer
+for (const color of colors) {
+  console.log(`Color: ${color}`);
+}
+
+// Compare with traditional for loop
+for (let i = 0; i < colors.length; i++) {
+  console.log(`Color: ${colors[i]}`);
 }
 ```
 
-✅ Why would you choose a `for` loop over a `while` loop? This question has intrigued 17K viewers on StackOverflow, and you might find their [opinions interesting](https://stackoverflow.com/questions/39969145/while-loops-vs-for-loops-in-javascript).
+**Key advantages of for...of:**
+- **Eliminates** index management and potential off-by-one errors
+- **Provides** direct access to array elements
+- **Improves** code readability and reduces syntax complexity
+
+**forEach Method:**
+
+```javascript
+const prices = [9.99, 15.50, 22.75, 8.25];
+
+// Using forEach for functional programming style
+prices.forEach((price, index) => {
+  console.log(`Item ${index + 1}: $${price.toFixed(2)}`);
+});
+
+// forEach with arrow functions for simple operations
+prices.forEach(price => console.log(`Price: $${price}`));
+```
+
+**What you need to know about forEach:**
+- **Executes** a function for each array element
+- **Provides** both element value and index as parameters
+- **Cannot** be stopped early (unlike traditional loops)
+- **Returns** undefined (doesn't create a new array)
+
+✅ Why would you choose a for loop vs. a while loop? 17K viewers had the same question on StackOverflow, and some of the opinions [might be interesting to you](https://stackoverflow.com/questions/39969145/while-loops-vs-for-loops-in-javascript).
+
+### 🎨 **Modern Loop Syntax Check: Embracing ES6+**
+
+**Assess your modern JavaScript understanding:**
+- What are the advantages of `for...of` over traditional for loops?
+- When might you still prefer traditional for loops?
+- What's the difference between `forEach` and `map`?
+
+```mermaid
+quadrantChart
+    title Loop Selection Guide
+    x-axis Traditional --> Modern
+    y-axis Simple --> Complex
+    quadrant-1 Modern Complex
+    quadrant-2 Traditional Complex
+    quadrant-3 Traditional Simple
+    quadrant-4 Modern Simple
+    
+    Traditional For: [0.2, 0.7]
+    While Loop: [0.3, 0.6]
+    For...of: [0.8, 0.3]
+    forEach: [0.9, 0.4]
+    Array Methods: [0.8, 0.8]
+```
+> **Modern trend**: ES6+ syntax like `for...of` and `forEach` is becoming the preferred approach for array iteration because it's cleaner and less error-prone!
 
 ## Loops and Arrays
 
-Loops are frequently used with arrays because the array's length often serves as the condition to stop the loop, and the index can act as the counter.
+Combining arrays with loops creates powerful data processing capabilities. This pairing is fundamental to many programming tasks, from displaying lists to calculating statistics.
+
+**Traditional Array Processing:**
 
 ```javascript
-let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
+const iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
 
+// Classic for loop approach
 for (let i = 0; i < iceCreamFlavors.length; i++) {
-  console.log(iceCreamFlavors[i]);
-} //Ends when all flavors are printed
+  console.log(`Flavor ${i + 1}: ${iceCreamFlavors[i]}`);
+}
+
+// Modern for...of approach
+for (const flavor of iceCreamFlavors) {
+  console.log(`Available flavor: ${flavor}`);
+}
 ```
 
-✅ Try looping over an array of your own creation in your browser's console.
+**Let's understand each approach:**
+- **Uses** array length property to determine loop boundary
+- **Accesses** elements by index in traditional for loops
+- **Provides** direct element access in for...of loops
+- **Processes** each array element exactly once
 
+**Practical Data Processing Example:**
+
+```javascript
+const studentGrades = [85, 92, 78, 96, 88, 73, 89];
+let total = 0;
+let highestGrade = studentGrades[0];
+let lowestGrade = studentGrades[0];
+
+// Process all grades with a single loop
+for (let i = 0; i < studentGrades.length; i++) {
+  const grade = studentGrades[i];
+  total += grade;
+  
+  if (grade > highestGrade) {
+    highestGrade = grade;
+  }
+  
+  if (grade < lowestGrade) {
+    lowestGrade = grade;
+  }
+}
+
+const average = total / studentGrades.length;
+console.log(`Average: ${average.toFixed(1)}`);
+console.log(`Highest: ${highestGrade}`);
+console.log(`Lowest: ${lowestGrade}`);
+```
+
+**Here's how this code works:**
+- **Initializes** tracking variables for sum and extremes
+- **Processes** each grade with a single efficient loop
+- **Accumulates** the total for average calculation
+- **Tracks** highest and lowest values during iteration
+- **Calculates** final statistics after loop completion
+
+✅ Experiment with looping over an array of your own making in your browser's console.
+
+```mermaid
+flowchart TD
+    A["📦 Array Data"] --> B["🔄 Loop Processing"]
+    B --> C["📈 Results"]
+    
+    A1["[85, 92, 78, 96, 88]"] --> A
+    
+    B --> B1["Calculate total"]
+    B --> B2["Find min/max"]
+    B --> B3["Count conditions"]
+    B --> B4["Transform data"]
+    
+    C --> C1["Average: 87.8"]
+    C --> C2["Highest: 96"]
+    C --> C3["Passing: 5/5"]
+    C --> C4["Letter grades"]
+    
+    D["⚡ Processing Patterns"] --> D1["Accumulation (sum)"]
+    D --> D2["Comparison (min/max)"]
+    D --> D3["Filtering (conditions)"]
+    D --> D4["Mapping (transformation)"]
+    
+    style A fill:#e3f2fd
+    style B fill:#fff3e0
+    style C fill:#e8f5e8
+    style D fill:#f3e5f5
+```
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Build a comprehensive data processing function that combines arrays and loops to analyze a dataset and generate meaningful insights.
+
+**Prompt:** Create a function called `analyzeGrades` that takes an array of student grade objects (each containing name and score properties) and returns an object with statistics including the highest score, lowest score, average score, count of students who passed (score >= 70), and an array of student names who scored above average. Use at least two different loop types in your solution.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
+JavaScript offers several modern array methods that can replace traditional loops for specific tasks. Explore [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map), [filter](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), and [reduce](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce). 
 
-There are other ways to loop through arrays besides `for` and `while` loops. Explore [forEach](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach), [for-of](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/for...of), and [map](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/map). Rewrite your array loop using one of these methods.
+**Your challenge:** Refactor the student grades example using at least three different array methods. Notice how much cleaner and more readable the code becomes with modern JavaScript syntax.
 
 ## Post-Lecture Quiz
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/14)
 
+
 ## Review & Self Study
 
-JavaScript arrays come with many built-in methods that are incredibly useful for manipulating data. [Learn more about these methods](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array) and try using some of them (like `push`, `pop`, `slice`, and `splice`) on an array you create.
+Arrays in JavaScript have many methods attached to them, that are extremely useful for data manipulation. [Read up on these methods](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array) and try some of them out (like push, pop, slice and splice) on an array of your creation.
 
 ## Assignment
 
@@ -143,5 +633,109 @@ JavaScript arrays come with many built-in methods that are incredibly useful for
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+## 📊 **Your Arrays & Loops Toolkit Summary**
+
+```mermaid
+graph TD
+    A["🎯 Arrays & Loops Mastery"] --> B["📦 Array Fundamentals"]
+    A --> C["🔄 Loop Types"]
+    A --> D["🔗 Data Processing"]
+    A --> E["🎨 Modern Techniques"]
+    
+    B --> B1["Creation: [ ]"]
+    B --> B2["Indexing: arr[0]"]
+    B --> B3["Methods: push, pop"]
+    B --> B4["Properties: length"]
+    
+    C --> C1["For: Known iterations"]
+    C --> C2["While: Condition-based"]
+    C --> C3["For...of: Direct access"]
+    C --> C4["forEach: Functional"]
+    
+    D --> D1["Statistics calculation"]
+    D --> D2["Data transformation"]
+    D --> D3["Filtering & searching"]
+    D --> D4["Real-time processing"]
+    
+    E --> E1["Arrow functions"]
+    E --> E2["Method chaining"]
+    E --> E3["Destructuring"]
+    E --> E4["Template literals"]
+    
+    F["💡 Key Benefits"] --> F1["Efficient data handling"]
+    F --> F2["Reduced code repetition"]
+    F --> F3["Scalable solutions"]
+    F --> F4["Cleaner syntax"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+```
+---
+
+## 🚀 Your Arrays & Loops Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Create an array of your favorite movies and access specific elements
+- [ ] Write a for loop that counts from 1 to 10
+- [ ] Try the modern array methods challenge from the lesson
+- [ ] Practice array indexing in your browser console
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review any challenging concepts
+- [ ] Build the comprehensive grade analyzer from the GitHub Copilot challenge
+- [ ] Create a simple shopping cart that adds and removes items
+- [ ] Practice converting between different loop types
+- [ ] Experiment with array methods like `push`, `pop`, `slice`, and `splice`
+
+### 📅 **Your Week-Long Data Processing Journey**
+- [ ] Complete the "Loop an Array" assignment with creative enhancements
+- [ ] Build a to-do list application using arrays and loops
+- [ ] Create a simple statistics calculator for numerical data
+- [ ] Practice with [MDN array methods](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)
+- [ ] Build a photo gallery or music playlist interface
+- [ ] Explore functional programming with `map`, `filter`, and `reduce`
+
+### 🌟 **Your Month-Long Transformation**
+- [ ] Master advanced array operations and performance optimization
+- [ ] Build a complete data visualization dashboard
+- [ ] Contribute to open source projects involving data processing
+- [ ] Teach someone else about arrays and loops with practical examples
+- [ ] Create a personal library of reusable data processing functions
+- [ ] Explore algorithms and data structures built on arrays
+
+### 🏆 **Final Data Processing Champion Check-in**
+
+**Celebrate your array and loop mastery:**
+- What's the most useful array operation you've learned for real-world applications?
+- Which loop type feels most natural to you and why?
+- How has understanding arrays and loops changed your approach to organizing data?
+- What complex data processing task would you like to tackle next?
+
+```mermaid
+journey
+    title Your Data Processing Evolution
+    section Today
+      Array Confusion: 3: You
+      Loop Basics: 4: You
+      Index Understanding: 5: You
+    section This Week
+      Method Mastery: 4: You
+      Efficient Processing: 5: You
+      Modern Syntax: 5: You
+    section Next Month
+      Complex Algorithms: 5: You
+      Performance Optimization: 5: You
+      Teaching Others: 5: You
+```
+> 📦 **You've unlocked the power of data organization and processing!** Arrays and loops are the foundation of almost every application you'll ever build. From simple lists to complex data analysis, you now have the tools to handle information efficiently and elegantly. Every dynamic website, mobile app, and data-driven application relies on these fundamental concepts. Welcome to the world of scalable data processing! 🎉
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/4-arrays-loops/assignment.md b/translations/en/2-js-basics/4-arrays-loops/assignment.md
index aea3c84be..d4bb8429c 100644
--- a/translations/en/2-js-basics/4-arrays-loops/assignment.md
+++ b/translations/en/2-js-basics/4-arrays-loops/assignment.md
@@ -1,27 +1,115 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8b2381170bd0fd2870f5889bb8620f02",
-  "translation_date": "2025-08-28T11:47:15+00:00",
-  "source_file": "2-js-basics/4-arrays-loops/assignment.md",
-  "language_code": "en"
-}
--->
-# Loop an Array
+# Arrays and Loops Assignment
 
 ## Instructions
 
-Create a program that lists every 3rd number between 1 and 20 and displays it in the console.
+Complete the following exercises to practice working with arrays and loops. Each exercise builds on concepts from the lesson and encourages you to apply different loop types and array methods.
 
-> TIP: Use a for-loop and adjust the iteration expression.
+### Exercise 1: Number Pattern Generator
+Create a program that lists every 3rd number between 1-20 and prints it to the console.
+
+**Requirements:**
+- Use a `for` loop with a custom increment
+- Display numbers in a user-friendly format
+- Add descriptive comments explaining your logic
+
+**Expected Output:**
+```
+3, 6, 9, 12, 15, 18
+```
+
+> **Tip:** Modify the iteration-expression in your for loop to skip numbers.
+
+### Exercise 2: Array Analysis
+Create an array of at least 8 different numbers and write functions to analyze the data.
+
+**Requirements:**
+- Create an array called `numbers` with at least 8 values
+- Write a function `findMaximum()` that returns the highest number
+- Write a function `findMinimum()` that returns the lowest number  
+- Write a function `calculateSum()` that returns the total of all numbers
+- Test each function and display the results
+
+**Bonus Challenge:** Create a function that finds the second highest number in the array.
+
+### Exercise 3: String Array Processing
+Create an array of your favorite movies/books/songs and practice different loop types.
+
+**Requirements:**
+- Create an array with at least 5 string values
+- Use a traditional `for` loop to display items with numbers (1. Item Name)
+- Use a `for...of` loop to display items in uppercase
+- Use `forEach()` method to count and display the total characters
+
+**Example Output:**
+```
+Traditional for loop:
+1. The Matrix
+2. Inception
+3. Interstellar
+
+For...of loop (uppercase):
+THE MATRIX
+INCEPTION
+INTERSTELLAR
+
+Character count:
+Total characters across all titles: 42
+```
+
+### Exercise 4: Data Filtering (Advanced)
+Create a program that processes an array of objects representing students.
+
+**Requirements:**
+- Create an array of at least 5 student objects with properties: `name`, `age`, `grade`
+- Use loops to find students who are 18 or older
+- Calculate the average grade of all students
+- Create a new array containing only students with grades above 85
+
+**Example Structure:**
+```javascript
+const students = [
+  { name: "Alice", age: 17, grade: 92 },
+  { name: "Bob", age: 18, grade: 84 },
+  // Add more students...
+];
+```
+
+## Testing Your Code
+
+Test your programs by:
+1. Running each exercise in your browser's console
+2. Verifying outputs match expected results
+3. Testing with different data sets
+4. Checking that your code handles edge cases (empty arrays, single elements)
+
+## Submission Guidelines
+
+Include the following in your submission:
+- Well-commented JavaScript code for each exercise
+- Screenshots or text output showing your programs running
+- Brief explanation of which loop type you chose for each task and why
 
 ## Rubric
 
-| Criteria | Outstanding                             | Satisfactory             | Needs Improvement              |
-| -------- | --------------------------------------- | ------------------------ | ------------------------------ |
-|          | Program works correctly and includes comments | Program lacks comments   | Program is incomplete or contains errors |
+| Criteria | Exemplary (3 points) | Adequate (2 points) | Needs Improvement (1 point) |
+| -------- | -------------------- | ------------------- | --------------------------- |
+| **Functionality** | All exercises completed correctly with bonus challenges | All required exercises work correctly | Some exercises incomplete or contain errors |
+| **Code Quality** | Clean, well-organized code with descriptive variable names | Code works but could be cleaner | Code is messy or hard to understand |
+| **Comments** | Comprehensive comments explaining logic and decisions | Basic comments present | Minimal or no comments |
+| **Loop Usage** | Demonstrates understanding of different loop types appropriately | Uses loops correctly but limited variety | Incorrect or inefficient loop usage |
+| **Testing** | Evidence of thorough testing with multiple scenarios | Basic testing demonstrated | Little evidence of testing |
+
+## Reflection Questions
+
+After completing the exercises, consider:
+1. Which type of loop felt most natural to use and why?
+2. What challenges did you encounter when working with arrays?
+3. How could these skills apply to real-world web development projects?
+4. What would you do differently if you had to optimize your code for performance?
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/2-js-basics/README.md b/translations/en/2-js-basics/README.md
index 54bc1dbfe..5491259d2 100644
--- a/translations/en/2-js-basics/README.md
+++ b/translations/en/2-js-basics/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "cc9e70a2f096c67389c8acff1521fc27",
-  "translation_date": "2025-08-28T11:39:19+00:00",
-  "source_file": "2-js-basics/README.md",
-  "language_code": "en"
-}
--->
 # Introduction to JavaScript
 
 JavaScript is the language of the web. In these four lessons, you'll learn the basics.
diff --git a/translations/en/3-terrarium/1-intro-to-html/README.md b/translations/en/3-terrarium/1-intro-to-html/README.md
index 7cbb9c667..bfba4ed1b 100644
--- a/translations/en/3-terrarium/1-intro-to-html/README.md
+++ b/translations/en/3-terrarium/1-intro-to-html/README.md
@@ -1,83 +1,159 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "89f7f9f800ce7c9f149e98baaae8491a",
-  "translation_date": "2025-08-29T13:24:06+00:00",
-  "source_file": "3-terrarium/1-intro-to-html/README.md",
-  "language_code": "en"
-}
--->
 # Terrarium Project Part 1: Introduction to HTML
 
-![Introduction to HTML](../../../../translated_images/en/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.png)
+```mermaid
+journey
+    title Your HTML Learning Journey
+    section Foundation
+      Create HTML file: 3: Student
+      Add DOCTYPE: 4: Student
+      Structure document: 5: Student
+    section Content
+      Add metadata: 4: Student
+      Include images: 5: Student
+      Organize layout: 5: Student
+    section Semantics
+      Use proper tags: 4: Student
+      Enhance accessibility: 5: Student
+      Build terrarium: 5: Student
+```
+![Introduction to HTML](../../../../translated_images/en/webdev101-html.4389c2067af68e98.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+HTML, or HyperText Markup Language, is the foundation of every website you've ever visited. Think of HTML as the skeleton that gives structure to web pages – it defines where content goes, how it's organized, and what each piece represents. While CSS will later "dress up" your HTML with colors and layouts, and JavaScript will bring it to life with interactivity, HTML provides the essential structure that makes everything else possible.
+
+In this lesson, you'll create the HTML structure for a virtual terrarium interface. This hands-on project will teach you fundamental HTML concepts while building something visually engaging. You'll learn how to organize content using semantic elements, work with images, and create the foundation for an interactive web application.
+
+By the end of this lesson, you'll have a working HTML page displaying plant images in organized columns, ready for styling in the next lesson. Don't worry if it looks basic at first – that's exactly what HTML should do before CSS adds the visual polish.
+
+```mermaid
+mindmap
+  root((HTML Fundamentals))
+    Structure
+      DOCTYPE Declaration
+      HTML Element
+      Head Section
+      Body Content
+    Elements
+      Tags & Attributes
+      Self-closing Tags
+      Nested Elements
+      Block vs Inline
+    Content
+      Text Elements
+      Images
+      Containers (div)
+      Lists
+    Semantics
+      Meaningful Tags
+      Accessibility
+      Screen Readers
+      SEO Benefits
+    Best Practices
+      Proper Nesting
+      Valid Markup
+      Descriptive Alt Text
+      Organized Structure
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/15)
 
-
-> Check out video
-
+> 📺 **Watch and Learn**: Check out this helpful video overview
 > 
-> [![Git and GitHub basics video](https://img.youtube.com/vi/1TvxJKBzhyQ/0.jpg)](https://www.youtube.com/watch?v=1TvxJKBzhyQ)
-
-### Introduction
-
-HTML, or HyperText Markup Language, is the 'framework' of the web. If CSS 'styles' your HTML and JavaScript adds functionality, HTML is the foundation of your web application. HTML's syntax even reflects this concept, with tags like "head", "body", and "footer".
+> [![HTML Fundamentals Video](https://img.youtube.com/vi/1TvxJKBzhyQ/0.jpg)](https://www.youtube.com/watch?v=1TvxJKBzhyQ)
 
-In this lesson, we'll use HTML to structure the 'framework' of our virtual terrarium's interface. It will include a title and three columns: a left and right column for draggable plants, and a center area that will represent the terrarium itself. By the end of this lesson, you'll see the plants in the columns, but the interface will look a bit plain. Don't worry—next, you'll use CSS to enhance its appearance.
+## Setting Up Your Project
 
-### Task
+Before we dive into HTML code, let's set up a proper workspace for your terrarium project. Creating an organized file structure from the beginning is a crucial habit that will serve you well throughout your web development journey.
 
-On your computer, create a folder named 'terrarium' and inside it, a file called 'index.html'. You can do this in Visual Studio Code by opening a new VS Code window, clicking 'open folder', and navigating to your new folder. Then, click the small 'file' button in the Explorer pane to create the new file:
+### Task: Create Your Project Structure
 
-![explorer in VS Code](../../../../translated_images/en/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.png)
+You'll create a dedicated folder for your terrarium project and add your first HTML file. Here are two approaches you can use:
 
-Alternatively, you can use these commands in Git Bash:
-* `mkdir terrarium`
-* `cd terrarium`
-* `touch index.html`
-* `code index.html` or `nano index.html`
+**Option 1: Using Visual Studio Code**
+1. Open Visual Studio Code
+2. Click "File" → "Open Folder" or use `Ctrl+K, Ctrl+O` (Windows/Linux) or `Cmd+K, Cmd+O` (Mac)
+3. Create a new folder called `terrarium` and select it
+4. In the Explorer pane, click the "New File" icon
+5. Name your file `index.html`
 
-> The `index.html` file tells the browser it's the default file in a folder. URLs like `https://anysite.com/test` might correspond to a folder named `test` containing an `index.html` file. The `index.html` file doesn't need to appear in the URL.
+![VS Code Explorer showing new file creation](../../../../translated_images/en/vs-code-index.e2986cf919471eb9.webp)
 
----
-
-## The DocType and html tags
-
-The first line of an HTML file is its doctype declaration. While it might seem odd to include this line at the very top, it informs older browsers to render the page in standard mode, adhering to the current HTML specification.
-
-> Tip: In VS Code, you can hover over a tag to access information about its usage from the MDN Reference guides.
+**Option 2: Using Terminal Commands**
+```bash
+mkdir terrarium
+cd terrarium
+touch index.html
+code index.html
+```
 
-The second line should be the opening `<html>` tag, followed by its closing tag `</html>`. These tags serve as the root elements of your interface.
+**Here's what these commands accomplish:**
+- **Creates** a new directory called `terrarium` for your project
+- **Navigates** into the terrarium directory 
+- **Creates** an empty `index.html` file
+- **Opens** the file in Visual Studio Code for editing
+
+> 💡 **Pro Tip**: The filename `index.html` is special in web development. When someone visits a website, browsers automatically look for `index.html` as the default page to display. This means a URL like `https://mysite.com/projects/` will automatically serve the `index.html` file from the `projects` folder without needing to specify the filename in the URL.
+
+## Understanding HTML Document Structure
+
+Every HTML document follows a specific structure that browsers need to understand and display correctly. Think of this structure like a formal letter – it has required elements in a particular order that help the recipient (in this case, the browser) process the content properly.
+
+```mermaid
+flowchart TD
+    A["<!DOCTYPE html>"] --> B["<html>"]
+    B --> C["<head>"]
+    C --> D["<title>"]
+    C --> E["<meta charset>"]
+    C --> F["<meta viewport>"]
+    B --> G["<body>"]
+    G --> H["<h1> Heading"]
+    G --> I["<div> Containers"]
+    G --> J["<img> Images"]
+    
+    style A fill:#e1f5fe
+    style B fill:#f3e5f5
+    style C fill:#fff3e0
+    style G fill:#e8f5e8
+```
+Let's start by adding the essential foundation that every HTML document needs.
 
-### Task
+### The DOCTYPE Declaration and Root Element
 
-Add these lines at the top of your `index.html` file:
+The first two lines of any HTML file serve as the document's "introduction" to the browser:
 
-```HTML
+```html
 <!DOCTYPE html>
 <html></html>
 ```
 
-✅ There are different modes that can be set using the DocType declaration, such as [Quirks Mode and Standards Mode](https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode). These modes were designed to support very old browsers (like Netscape Navigator 4 and Internet Explorer 5), which are rarely used today. Stick to the standard doctype declaration.
+**Understanding what this code does:**
+- **Declares** the document type as HTML5 using `<!DOCTYPE html>`
+- **Creates** the root `<html>` element that will contain all page content
+- **Establishes** modern web standards for proper browser rendering
+- **Ensures** consistent display across different browsers and devices
 
----
+> 💡 **VS Code Tip**: Hover over any HTML tag in VS Code to see helpful information from MDN Web Docs, including usage examples and browser compatibility details.
+
+> 📚 **Learn More**: The DOCTYPE declaration prevents browsers from entering "quirks mode," which was used to support very old websites. Modern web development uses the simple `<!DOCTYPE html>` declaration to ensure [standards-compliant rendering](https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode).
 
-## The document's 'head'
+### 🔄 **Pedagogical Check-in**
+**Pause and Reflect**: Before continuing, make sure you understand:
+- ✅ Why every HTML document needs a DOCTYPE declaration
+- ✅ What the `<html>` root element contains
+- ✅ How this structure helps browsers render pages correctly
 
-The 'head' section of an HTML document contains essential information about your web page, known as [metadata](https://developer.mozilla.org/docs/Web/HTML/Element/meta). In this case, it provides the web server with the following details:
+**Quick Self-Test**: Can you explain in your own words what "standards-compliant rendering" means?
 
--   The page's title
--   Metadata, including:
-    -   The 'character set', specifying the character encoding used on the page
-    -   Browser compatibility information, such as `x-ua-compatible` indicating support for IE=edge
-    -   Instructions for how the viewport should behave when loaded, such as setting the initial scale to 1 to control the zoom level.
+## Adding Essential Document Metadata
 
-### Task
+The `<head>` section of an HTML document contains crucial information that browsers and search engines need, but that visitors don't see directly on the page. Think of it as the "behind-the-scenes" information that helps your webpage work properly and appear correctly across different devices and platforms.
 
-Add a 'head' section to your document between the opening and closing `<html>` tags.
+This metadata tells browsers how to display your page, what character encoding to use, and how to handle different screen sizes – all essential for creating professional, accessible web pages.
+
+### Task: Add the Document Head
+
+Insert this `<head>` section between your opening and closing `<html>` tags:
 
 ```html
 <head>
@@ -88,17 +164,28 @@ Add a 'head' section to your document between the opening and closing `<html>` t
 </head>
 ```
 
-✅ What happens if you set a viewport meta tag like this: `<meta name="viewport" content="width=600">`? Learn more about the [viewport](https://developer.mozilla.org/docs/Web/HTML/Viewport_meta_tag).
+**Breaking down what each element accomplishes:**
+- **Sets** the page title that appears in browser tabs and search results
+- **Specifies** UTF-8 character encoding for proper text display worldwide
+- **Ensures** compatibility with modern versions of Internet Explorer
+- **Configures** responsive design by setting the viewport to match device width
+- **Controls** initial zoom level to display content at natural size
 
----
+> 🤔 **Think About This**: What would happen if you set a viewport meta tag like this: `<meta name="viewport" content="width=600">`? This would force the page to always be 600 pixels wide, breaking responsive design! Learn more about [proper viewport configuration](https://developer.mozilla.org/docs/Web/HTML/Viewport_meta_tag).
 
-## The document's `body`
+## Building the Document Body
 
-### HTML Tags
+The `<body>` element contains all the visible content of your webpage – everything users will see and interact with. While the `<head>` section provided instructions to the browser, the `<body>` section contains the actual content: text, images, buttons, and other elements that create your user interface.
 
-In HTML, you use tags in your `.html` file to create elements on a web page. Most tags have an opening and closing tag, like `<p>hello</p>` for a paragraph. Create the body of your interface by adding `<body>` tags inside the `<html>` tag pair. Your markup should now look like this:
+Let's add the body structure and understand how HTML tags work together to create meaningful content.
 
-### Task
+### Understanding HTML Tag Structure
+
+HTML uses paired tags to define elements. Most tags have an opening tag like `<p>` and a closing tag like `</p>`, with content in between: `<p>Hello, world!</p>`. This creates a paragraph element containing the text "Hello, world!".
+
+### Task: Add the Body Element
+
+Update your HTML file to include the `<body>` element:
 
 ```html
 <!DOCTYPE html>
@@ -113,100 +200,179 @@ In HTML, you use tags in your `.html` file to create elements on a web page. Mos
 </html>
 ```
 
-Now, you can start building your page. Typically, `<div>` tags are used to create separate elements on a page. We'll use a series of `<div>` elements to contain images.
+**Here's what this complete structure provides:**
+- **Establishes** the basic HTML5 document framework
+- **Includes** essential metadata for proper browser rendering
+- **Creates** an empty body ready for your visible content
+- **Follows** modern web development best practices
 
-### Images
+Now you're ready to add the visible elements of your terrarium. We'll use `<div>` elements as containers to organize different sections of content, and `<img>` elements to display the plant images.
 
-The `<img>` tag is unique because it doesn't require a closing tag. It includes a `src` attribute that provides all the information needed to render the image.
+### Working with Images and Layout Containers
 
-Create a folder in your app called `images` and add all the images from the [source code folder](../../../../3-terrarium/solution/images) into it. (There are 14 plant images.)
+Images are special in HTML because they use "self-closing" tags. Unlike elements like `<p></p>` that wrap around content, the `<img>` tag contains all the information it needs within the tag itself using attributes like `src` for the image file path and `alt` for accessibility.
 
-### Task
+Before adding images to your HTML, you'll need to organize your project files properly by creating an images folder and adding the plant graphics.
 
-Add these plant images into two columns between the `<body></body>` tags:
+**First, set up your images:**
+1. Create a folder called `images` inside your terrarium project folder
+2. Download the plant images from the [solution folder](../../../../3-terrarium/solution/images) (14 plant images total)
+3. Copy all plant images into your new `images` folder
+
+### Task: Create the Plant Display Layout
+
+Now add the plant images organized in two columns between your `<body></body>` tags:
 
 ```html
 <div id="page">
 	<div id="left-container" class="container">
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant1" src="./images/plant1.png" />
+			<img class="plant" alt="plant" id="plant1" src="../../../../translated_images/en/plant1.d87946a2ca70cc43.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant2" src="./images/plant2.png" />
+			<img class="plant" alt="plant" id="plant2" src="../../../../translated_images/en/plant2.8daa1606c9c1ad89.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant3" src="./images/plant3.png" />
+			<img class="plant" alt="plant" id="plant3" src="../../../../translated_images/en/plant3.8b0d484381a2a2a7.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant4" src="./images/plant4.png" />
+			<img class="plant" alt="plant" id="plant4" src="../../../../translated_images/en/plant4.656e16ae1df37be2.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant5" src="./images/plant5.png" />
+			<img class="plant" alt="plant" id="plant5" src="../../../../translated_images/en/plant5.2b41b9355f11ebcc.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant6" src="./images/plant6.png" />
+			<img class="plant" alt="plant" id="plant6" src="../../../../translated_images/en/plant6.3d1827d03b656994.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant7" src="./images/plant7.png" />
+			<img class="plant" alt="plant" id="plant7" src="../../../../translated_images/en/plant7.8152c302ac97f621.webp" />
 		</div>
 	</div>
 	<div id="right-container" class="container">
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant8" src="./images/plant8.png" />
+			<img class="plant" alt="plant" id="plant8" src="../../../../translated_images/en/plant8.38d6428174ffa850.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant9" src="./images/plant9.png" />
+			<img class="plant" alt="plant" id="plant9" src="../../../../translated_images/en/plant9.f0e38d3327c37fc2.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant10" src="./images/plant10.png" />
+			<img class="plant" alt="plant" id="plant10" src="../../../../translated_images/en/plant10.b159d6d6e985595f.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant11" src="./images/plant11.png" />
+			<img class="plant" alt="plant" id="plant11" src="../../../../translated_images/en/plant11.2a03a1c2ec8ea84e.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant12" src="./images/plant12.png" />
+			<img class="plant" alt="plant" id="plant12" src="../../../../translated_images/en/plant12.60e9b53e538fbaf3.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant13" src="./images/plant13.png" />
+			<img class="plant" alt="plant" id="plant13" src="../../../../translated_images/en/plant13.07a51543c820bcf5.webp" />
 		</div>
 		<div class="plant-holder">
-			<img class="plant" alt="plant" id="plant14" src="./images/plant14.png" />
+			<img class="plant" alt="plant" id="plant14" src="../../../../translated_images/en/plant14.6e486371ba7d36ba.webp" />
 		</div>
 	</div>
 </div>
 ```
 
-> Note: Divs vs. Spans. Divs are 'block' elements, while Spans are 'inline'. What happens if you change these divs to spans?
-
-With this markup, the plants will now appear on the screen. It won't look great yet because the CSS styling hasn't been applied. We'll address that in the next lesson.
-
-Each image includes alt text, which appears if the image can't be displayed. This is an important attribute for accessibility. You'll learn more about accessibility in future lessons, but for now, remember that the alt attribute provides alternative information for an image if a user can't view it (due to a slow connection, an error in the `src` attribute, or if the user relies on a screen reader).
-
-✅ Did you notice that each image has the same alt tag? Is this good practice? Why or why not? Can you improve this code?
-
----
-
-## Semantic markup
+**Step by step, here's what's happening in this code:**
+- **Creates** a main page container with `id="page"` to hold all content
+- **Establishes** two column containers: `left-container` and `right-container`
+- **Organizes** 7 plants in the left column and 7 plants in the right column
+- **Wraps** each plant image in a `plant-holder` div for individual positioning
+- **Applies** consistent class names for CSS styling in the next lesson
+- **Assigns** unique IDs to each plant image for JavaScript interaction later
+- **Includes** proper file paths pointing to the images folder
+
+> 🤔 **Consider This**: Notice that all images currently have the same alt text "plant". This isn't ideal for accessibility. Screen reader users would hear "plant" repeated 14 times without knowing which specific plant each image shows. Can you think of better, more descriptive alt text for each image?
+
+> 📝 **HTML Element Types**: `<div>` elements are "block-level" and take up full width, while `<span>` elements are "inline" and only take up necessary width. What do you think would happen if you changed all these `<div>` tags to `<span>` tags?
+
+### 🔄 **Pedagogical Check-in**
+**Structure Understanding**: Take a moment to review your HTML structure:
+- ✅ Can you identify the main containers in your layout?
+- ✅ Do you understand why each image has a unique ID?
+- ✅ How would you describe the purpose of the `plant-holder` divs?
+
+**Visual Inspection**: Open your HTML file in a browser. You should see:
+- A basic list of plant images
+- Images organized in two columns
+- Simple, unstyled layout
+
+**Remember**: This plain appearance is exactly what HTML should look like before CSS styling!
+
+With this markup added, the plants will appear on screen, though they won't look polished yet – that's what CSS is for in the next lesson! For now, you have a solid HTML foundation that properly organizes your content and follows accessibility best practices.
+
+## Using Semantic HTML for Accessibility
+
+Semantic HTML means choosing HTML elements based on their meaning and purpose, not just their appearance. When you use semantic markup, you're communicating the structure and meaning of your content to browsers, search engines, and assistive technologies like screen readers.
+
+```mermaid
+flowchart TD
+    A[Need to add content?] --> B{What type?}
+    B -->|Main heading| C["<h1>"]
+    B -->|Subheading| D["<h2>, <h3>, etc."]
+    B -->|Paragraph| E["<p>"]
+    B -->|List| F["<ul>, <ol>"]
+    B -->|Navigation| G["<nav>"]
+    B -->|Article| H["<article>"]
+    B -->|Section| I["<section>"]
+    B -->|Generic container| J["<div>"]
+    
+    C --> K[Screen readers announce as main title]
+    D --> L[Creates proper heading hierarchy]
+    E --> M[Provides proper text spacing]
+    F --> N[Enables list navigation shortcuts]
+    G --> O[Identifies navigation landmarks]
+    H --> P[Marks standalone content]
+    I --> Q[Groups related content]
+    J --> R[Use only when no semantic tag fits]
+    
+    style C fill:#4caf50
+    style D fill:#4caf50
+    style E fill:#4caf50
+    style F fill:#4caf50
+    style G fill:#2196f3
+    style H fill:#2196f3
+    style I fill:#2196f3
+    style J fill:#ff9800
+```
+This approach makes your websites more accessible to users with disabilities and helps search engines better understand your content. It's a fundamental principle of modern web development that creates better experiences for everyone.
 
-Using meaningful 'semantics' in HTML means employing tags that represent the type of data or interaction they were designed for. For example, the main title text on a page should use an `<h1>` tag.
+### Adding a Semantic Page Title
 
-Add the following line right below your opening `<body>` tag:
+Let's add a proper heading to your terrarium page. Insert this line right after your opening `<body>` tag:
 
 ```html
 <h1>My Terrarium</h1>
 ```
 
-Using semantic markup, such as headers with `<h1>` and unordered lists with `<ul>`, helps screen readers navigate a page. Buttons should be written as `<button>` and lists as `<li>`. While you can use styled `<span>` elements with click handlers to mimic buttons, it's better for accessibility to use actual button elements. This allows assistive technologies to identify and interact with buttons more effectively.
+**Why semantic markup matters:**
+- **Helps** screen readers navigate and understand page structure
+- **Improves** search engine optimization (SEO) by clarifying content hierarchy
+- **Enhances** accessibility for users with visual impairments or cognitive differences
+- **Creates** better user experiences across all devices and platforms
+- **Follows** web standards and best practices for professional development
 
-✅ Watch a screen reader in action and [see how it interacts with a web page](https://www.youtube.com/watch?v=OUDV1gqs9GA). Can you understand why non-semantic markup might frustrate users?
+**Examples of semantic vs. non-semantic choices:**
 
-## The terrarium
+| Purpose | ✅ Semantic Choice | ❌ Non-Semantic Choice |
+|---------|-------------------|------------------------|
+| Main heading | `<h1>Title</h1>` | `<div class="big-text">Title</div>` |
+| Navigation | `<nav><ul><li></li></ul></nav>` | `<div class="menu"><div></div></div>` |
+| Button | `<button>Click me</button>` | `<span onclick="...">Click me</span>` |
+| Article content | `<article><p></p></article>` | `<div class="content"><div></div></div>` |
 
-The final part of this interface involves adding markup that will later be styled to create a terrarium.
+> 🎥 **See It in Action**: Watch [how screen readers interact with web pages](https://www.youtube.com/watch?v=OUDV1gqs9GA) to understand why semantic markup is crucial for accessibility. Notice how proper HTML structure helps users navigate efficiently.
 
-### Task:
+## Creating the Terrarium Container
 
-Add this markup above the last `</div>` tag:
+Now let's add the HTML structure for the terrarium itself – the glass container where plants will eventually be placed. This section demonstrates an important concept: HTML provides structure, but without CSS styling, these elements won't be visible yet.
+
+The terrarium markup uses descriptive class names that will make CSS styling intuitive and maintainable in the next lesson.
+
+### Task: Add the Terrarium Structure
+
+Insert this markup above the last `</div>` tag (before the closing tag of the page container):
 
 ```html
 <div id="terrarium">
@@ -220,13 +386,73 @@ Add this markup above the last `</div>` tag:
 </div>
 ```
 
-✅ Even though you've added this markup, nothing appears on the screen yet. Why?
+**Understanding this terrarium structure:**
+- **Creates** a main terrarium container with a unique ID for styling
+- **Defines** separate elements for each visual component (top, walls, dirt, bottom)
+- **Includes** nested elements for glass reflection effects (glossy elements)
+- **Uses** descriptive class names that clearly indicate each element's purpose
+- **Prepares** the structure for CSS styling that will create the glass terrarium appearance
+
+> 🤔 **Notice Something?**: Even though you added this markup, you don't see anything new on the page! This perfectly illustrates how HTML provides structure while CSS provides appearance. These `<div>` elements exist but have no visual styling yet – that's coming in the next lesson!
+
+```mermaid
+flowchart TD
+    A[HTML Document] --> B[Document Head]
+    A --> C[Document Body]
+    B --> D[Title Element]
+    B --> E[Meta Charset]
+    B --> F[Meta Viewport]
+    C --> G[Main Heading]
+    C --> H[Page Container]
+    H --> I[Left Container with 7 plants]
+    H --> J[Right Container with 7 plants]
+    H --> K[Terrarium Structure]
+    
+    style A fill:#e1f5fe
+    style B fill:#fff3e0
+    style C fill:#e8f5e8
+    style H fill:#f3e5f5
+```
+### 🔄 **Pedagogical Check-in**
+**HTML Structure Mastery**: Before moving forward, ensure you can:
+- ✅ Explain the difference between HTML structure and visual appearance
+- ✅ Identify semantic vs. non-semantic HTML elements
+- ✅ Describe how proper markup benefits accessibility
+- ✅ Recognize the complete document tree structure
+
+**Testing Your Understanding**: Try opening your HTML file in a browser with JavaScript disabled and CSS removed. This shows you the pure semantic structure you've created!
 
 ---
 
-## 🚀Challenge
+## GitHub Copilot Agent Challenge
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Create a semantic HTML structure for a plant care guide section that could be added to the terrarium project.
+
+**Prompt:** Create a semantic HTML section that includes a main heading "Plant Care Guide", three subsections with headings "Watering", "Light Requirements", and "Soil Care", each containing a paragraph of plant care information. Use proper semantic HTML tags like `<section>`, `<h2>`, `<h3>`, and `<p>` to structure the content appropriately.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## Explore HTML History Challenge
+
+**Learning About Web Evolution**
+
+HTML has evolved significantly since Tim Berners-Lee created the first web browser at CERN in 1990. Some older tags like `<marquee>` are now deprecated because they don't work well with modern accessibility standards and responsive design principles.
+
+**Try This Experiment:**
+1. Temporarily wrap your `<h1>` title in a `<marquee>` tag: `<marquee><h1>My Terrarium</h1></marquee>`
+2. Open your page in a browser and observe the scrolling effect
+3. Consider why this tag was deprecated (hint: think about user experience and accessibility)
+4. Remove the `<marquee>` tag and return to semantic markup
+
+**Reflection Questions:**
+- How might a scrolling title affect users with visual impairments or motion sensitivity?
+- What modern CSS techniques could achieve similar visual effects more accessibly?
+- Why is it important to use current web standards instead of deprecated elements?
+
+Explore more about [obsolete and deprecated HTML elements](https://developer.mozilla.org/docs/Web/HTML/Element#Obsolete_and_deprecated_elements) to understand how web standards evolve to improve user experience.
 
-HTML includes some quirky 'older' tags that are fun to experiment with, even though you shouldn't use deprecated tags like [these tags](https://developer.mozilla.org/docs/Web/HTML/Element#Obsolete_and_deprecated_elements) in your markup. Can you use the old `<marquee>` tag to make the `<h1>` title scroll horizontally? (Remember to remove it afterward!)
 
 ## Post-Lecture Quiz
 
@@ -234,9 +460,119 @@ HTML includes some quirky 'older' tags that are fun to experiment with, even tho
 
 ## Review & Self Study
 
-HTML is the foundational system that has shaped the web into what it is today. Explore its history by studying old and new tags. Can you figure out why some tags were deprecated and others introduced? What tags might be added in the future?
+**Deepen Your HTML Knowledge**
+
+HTML has been the foundation of the web for over 30 years, evolving from a simple document markup language to a sophisticated platform for building interactive applications. Understanding this evolution helps you appreciate modern web standards and make better development decisions.
+
+**Recommended Learning Paths:**
+
+1. **HTML History and Evolution**
+   - Research the timeline from HTML 1.0 to HTML5
+   - Explore why certain tags were deprecated (accessibility, mobile-friendliness, maintainability)
+   - Investigate emerging HTML features and proposals
+
+2. **Semantic HTML Deep Dive**
+   - Study the complete list of [HTML5 semantic elements](https://developer.mozilla.org/docs/Web/HTML/Element)
+   - Practice identifying when to use `<article>`, `<section>`, `<aside>`, and `<main>`
+   - Learn about ARIA attributes for enhanced accessibility
+
+3. **Modern Web Development**
+   - Explore [building responsive websites](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=academic-77807-sagibbon) on Microsoft Learn
+   - Understand how HTML integrates with CSS and JavaScript
+   - Learn about web performance and SEO best practices
+
+**Reflection Questions:**
+- Which deprecated HTML tags did you discover, and why were they removed?
+- What new HTML features are being proposed for future versions?
+- How does semantic HTML contribute to web accessibility and SEO?
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open DevTools (F12) and inspect the HTML structure of your favorite website
+- [ ] Create a simple HTML file with basic tags: `<h1>`, `<p>`, and `<img>`
+- [ ] Validate your HTML using the W3C HTML Validator online
+- [ ] Try adding a comment to your HTML using `<!-- comment -->`
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review semantic HTML concepts
+- [ ] Build a simple webpage about yourself using proper HTML structure
+- [ ] Experiment with different heading levels and text formatting tags
+- [ ] Add images and links to practice multimedia integration
+- [ ] Research HTML5 features you haven't tried yet
+
+### 📅 **Your Week-Long HTML Journey**
+- [ ] Complete the terrarium project assignment with semantic markup
+- [ ] Create an accessible webpage using ARIA labels and roles
+- [ ] Practice form creation with various input types
+- [ ] Explore HTML5 APIs like localStorage or geolocation
+- [ ] Study responsive HTML patterns and mobile-first design
+- [ ] Review other developers' HTML code for best practices
+
+### 🌟 **Your Month-Long Web Foundation**
+- [ ] Build a portfolio website showcasing your HTML mastery
+- [ ] Learn HTML templating with a framework like Handlebars
+- [ ] Contribute to open source projects by improving HTML documentation
+- [ ] Master advanced HTML concepts like custom elements
+- [ ] Integrate HTML with CSS frameworks and JavaScript libraries
+- [ ] Mentor others learning HTML fundamentals
+
+## 🎯 Your HTML Mastery Timeline
+
+```mermaid
+timeline
+    title HTML Learning Progression
+    
+    section Foundation (5 minutes)
+        Document Structure: DOCTYPE declaration
+                         : HTML root element
+                         : Head vs Body understanding
+        
+    section Metadata (10 minutes)
+        Essential Meta Tags: Character encoding
+                           : Viewport configuration
+                           : Browser compatibility
+        
+    section Content Creation (15 minutes)
+        Image Integration: Proper file paths
+                         : Alt text importance
+                         : Self-closing tags
+        
+    section Layout Organization (20 minutes)
+        Container Strategy: Div elements for structure
+                          : Class and ID naming
+                          : Nested element hierarchy
+        
+    section Semantic Mastery (30 minutes)
+        Meaningful Markup: Heading hierarchy
+                         : Screen reader navigation
+                         : Accessibility best practices
+        
+    section Advanced Concepts (1 hour)
+        HTML5 Features: Modern semantic elements
+                      : ARIA attributes
+                      : Performance considerations
+        
+    section Professional Skills (1 week)
+        Code Organization: File structure patterns
+                         : Maintainable markup
+                         : Team collaboration
+        
+    section Expert Level (1 month)
+        Modern Web Standards: Progressive enhancement
+                            : Cross-browser compatibility
+                            : HTML specification updates
+```
+### 🛠️ Your HTML Toolkit Summary
+
+After completing this lesson, you now have:
+- **Document Structure**: Complete HTML5 foundation with proper DOCTYPE
+- **Semantic Markup**: Meaningful tags that enhance accessibility and SEO
+- **Image Integration**: Proper file organization and alt text practices
+- **Layout Containers**: Strategic use of divs with descriptive class names
+- **Accessibility Awareness**: Understanding of screen reader navigation
+- **Modern Standards**: Current HTML5 practices and deprecated tag knowledge
+- **Project Foundation**: Solid base for CSS styling and JavaScript interactivity
 
-Learn more about building websites for the web and mobile devices at [Microsoft Learn](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=academic-77807-sagibbon).
+**Next Steps**: Your HTML structure is ready for CSS styling! The semantic foundation you've built will make the next lesson much easier to understand.
 
 
 ## Assignment
@@ -245,5 +581,7 @@ Learn more about building websites for the web and mobile devices at [Microsoft
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/1-intro-to-html/assignment.md b/translations/en/3-terrarium/1-intro-to-html/assignment.md
index 1cc53d61e..ba6259104 100644
--- a/translations/en/3-terrarium/1-intro-to-html/assignment.md
+++ b/translations/en/3-terrarium/1-intro-to-html/assignment.md
@@ -1,53 +1,145 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "5a764667bbe82aa72ac0a67f4c97ff4a",
-  "translation_date": "2025-10-03T08:22:44+00:00",
-  "source_file": "3-terrarium/1-intro-to-html/assignment.md",
-  "language_code": "en"
-}
--->
 # HTML Practice Assignment: Build a Blog Mockup
 
-## Objective
+## Learning Objectives
 
-Create and hand-code the HTML structure for a personal blog homepage. This task will help you practice using semantic HTML, planning layouts, and organizing your code.
+Apply your HTML knowledge by designing and coding a complete blog homepage structure. This hands-on assignment will reinforce semantic HTML concepts, accessibility best practices, and professional code organization skills that you'll use throughout your web development journey.
 
-## Instructions
+**By completing this assignment, you will:**
+- Practice planning website layouts before coding
+- Apply semantic HTML elements appropriately
+- Create accessible, well-structured markup
+- Develop professional coding habits with comments and organization
 
-1. **Design Your Blog Mockup**
-   - Draw a visual representation of your blog homepage. Include essential sections like the header, navigation, main content, sidebar, and footer.
-   - You can sketch it on paper and scan it, or use digital tools (e.g., Figma, Adobe XD, Canva, or even PowerPoint).
+## Project Requirements
 
-2. **Identify HTML Elements**
-   - Make a list of the HTML elements you intend to use for each section (e.g., `<header>`, `<nav>`, `<main>`, `<article>`, `<aside>`, `<footer>`, `<section>`, `<h1>`–`<h6>`, `<p>`, `<img>`, `<ul>`, `<li>`, `<a>`, etc.).
+### Part 1: Design Planning (Visual Mockup)
 
-3. **Write the HTML Markup**
-   - Hand-code the HTML for your mockup, focusing on semantic structure and best practices.
-   - Use at least 10 different HTML elements.
-   - Add comments to explain your choices and structure.
+**Create a visual mockup of your blog homepage that includes:**
+- Header with site title and navigation
+- Main content area with at least 2-3 blog post previews
+- Sidebar with additional information (about section, recent posts, categories)
+- Footer with contact information or links
 
-4. **Submit Your Work**
-   - Upload your sketch/mockup along with your HTML file.
-   - Optionally, write a short reflection (2–3 sentences) about your design decisions.
+**Mockup Creation Options:**
+- **Hand-drawn sketch**: Use paper and pencil, then photograph or scan your design
+- **Digital tools**: Figma, Adobe XD, Canva, PowerPoint, or any drawing application
+- **Wireframe tools**: Balsamiq, MockFlow, or similar wireframing software
 
-## Rubric
+**Label your mockup sections** with the HTML elements you plan to use (e.g., "Header - `<header>`", "Blog Posts - `<article>`").
 
-| Criteria         | Outstanding                                                                               | Satisfactory                                                                     | Needs Improvement                                                               |
-|------------------|-------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------|---------------------------------------------------------------------------------|
-| Visual Mockup    | Detailed and clear mockup with labeled sections and a thoughtful layout                   | Basic mockup with some labeled sections                                          | Incomplete or unclear mockup; missing section labels                            |
-| HTML Elements    | Includes 10+ semantic HTML elements; shows understanding of structure and best practices  | Includes 5–9 HTML elements; some semantic structure                              | Includes fewer than 5 elements; lacks semantic structure                        |
-| Code Quality     | Code is well-organized, readable, and includes comments; adheres to HTML standards        | Code is mostly organized; few comments                                           | Code is disorganized; lacks comments                                            |
-| Reflection       | Provides meaningful insights into design choices and challenges                          | Offers a basic reflection                                                        | No reflection or lacks relevance                                                |
+### Part 2: HTML Element Planning
 
-## Tips
+**Create a list mapping each section of your mockup to specific HTML elements:**
 
-- Use semantic HTML tags to improve accessibility and SEO.
-- Organize your code with proper indentation and comments.
-- Refer to [MDN HTML Elements Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) for guidance.
-- Consider how your layout could be expanded or styled in future assignments.
+```
+Example:
+- Site Header → <header>
+- Main Navigation → <nav> with <ul> and <li>
+- Blog Post → <article> with <h2>, <p>, <time>
+- Sidebar → <aside> with <section> elements
+- Page Footer → <footer>
+```
+
+**Required Elements to Include:**
+Your HTML must contain at least 10 different semantic elements from this list:
+- `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<aside>`, `<footer>`
+- `<h1>`, `<h2>`, `<h3>`, `<p>`, `<ul>`, `<li>`, `<a>`
+- `<img>`, `<time>`, `<blockquote>`, `<strong>`, `<em>`
+
+### Part 3: HTML Implementation
+
+**Code your blog homepage following these standards:**
+
+1. **Document Structure**: Include proper DOCTYPE, html, head, and body elements
+2. **Semantic Markup**: Use HTML elements for their intended purpose
+3. **Accessibility**: Include proper alt text for images and meaningful link text
+4. **Code Quality**: Use consistent indentation and meaningful comments
+5. **Content**: Include realistic blog content (you can use placeholder text)
+
+**Sample HTML Structure:**
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Personal Blog</title>
+</head>
+<body>
+    <!-- Main site header -->
+    <header>
+        <h1>My Blog Title</h1>
+        <nav>
+            <!-- Navigation menu -->
+        </nav>
+    </header>
+    
+    <!-- Main content area -->
+    <main>
+        <!-- Blog posts go here -->
+    </main>
+    
+    <!-- Sidebar content -->
+    <aside>
+        <!-- Additional information -->
+    </aside>
+    
+    <!-- Site footer -->
+    <footer>
+        <!-- Footer content -->
+    </footer>
+</body>
+</html>
+```
+
+### Part 4: Reflection
+
+**Write a brief reflection (3-5 sentences) addressing:**
+- Which HTML elements were you most confident using?
+- What challenges did you encounter while planning or coding?
+- How did semantic HTML help organize your content?
+- What would you do differently in your next HTML project?
+
+## Submission Checklist
+
+**Before submitting, ensure you have:**
+- [ ] Visual mockup with labeled HTML elements
+- [ ] Complete HTML file with proper document structure
+- [ ] At least 10 different semantic HTML elements used appropriately
+- [ ] Meaningful comments explaining your code structure
+- [ ] Valid HTML syntax (test in a browser)
+- [ ] Written reflection addressing the prompt questions
+
+## Assessment Rubric
+
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|----------|---------------|----------------|----------------|---------------|
+| **Planning & Design** | Detailed, well-labeled mockup showing clear understanding of layout and HTML semantic structure | Clear mockup with most sections labeled appropriately | Basic mockup with some labeling, shows general understanding | Minimal or unclear mockup, lacks proper section identification |
+| **Semantic HTML Usage** | Uses 10+ semantic elements appropriately, demonstrates deep understanding of HTML structure and accessibility | Uses 8-9 semantic elements correctly, shows good understanding of semantic markup | Uses 6-7 semantic elements, some confusion about appropriate usage | Uses fewer than 6 elements or misuses semantic elements |
+| **Code Quality & Organization** | Exceptionally well-organized, properly indented code with comprehensive comments and perfect HTML syntax | Well-organized code with good indentation, helpful comments, and valid syntax | Mostly organized code with some comments, minor syntax issues | Poor organization, minimal comments, multiple syntax errors |
+| **Accessibility & Best Practices** | Excellent accessibility considerations, meaningful alt text, proper heading hierarchy, follows all modern HTML best practices | Good accessibility features, appropriate use of headings and alt text, follows most best practices | Some accessibility considerations, basic alt text and heading structure | Limited accessibility features, poor heading structure, doesn't follow best practices |
+| **Reflection & Learning** | Insightful reflection demonstrating deep understanding of HTML concepts and thoughtful analysis of the learning process | Good reflection showing understanding of key concepts and some self-awareness of learning | Basic reflection with limited insight into HTML concepts or learning process | Minimal or missing reflection, shows little understanding of concepts learned |
+
+## Learning Resources
+
+**Essential References:**
+- [MDN HTML Elements Reference](https://developer.mozilla.org/docs/Web/HTML/Element) - Complete guide to all HTML elements
+- [HTML5 Semantic Elements](https://developer.mozilla.org/docs/Web/HTML/Element#content_sectioning) - Understanding semantic markup
+- [Web Accessibility Guidelines](https://www.w3.org/WAI/WCAG21/quickref/) - Creating accessible web content
+- [HTML Validator](https://validator.w3.org/) - Check your HTML syntax
+
+**Pro Tips for Success:**
+- Start with your mockup before writing any code
+- Use the browser's developer tools to inspect your HTML structure
+- Test your page with different screen sizes (even without CSS)
+- Read your HTML aloud to check if the structure makes logical sense
+- Consider how a screen reader would interpret your page structure
+
+> 💡 **Remember**: This assignment focuses on HTML structure and semantics. Don't worry about visual styling – that's what CSS is for! Your page might look plain, but it should be well-structured and meaningful.
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/2-intro-to-css/README.md b/translations/en/3-terrarium/2-intro-to-css/README.md
index 328518e8d..87bf3098e 100644
--- a/translations/en/3-terrarium/2-intro-to-css/README.md
+++ b/translations/en/3-terrarium/2-intro-to-css/README.md
@@ -1,275 +1,718 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "acb5ae00cde004304296bb97da8ff4c3",
-  "translation_date": "2025-08-29T13:24:30+00:00",
-  "source_file": "3-terrarium/2-intro-to-css/README.md",
-  "language_code": "en"
-}
--->
 # Terrarium Project Part 2: Introduction to CSS
 
-![Introduction to CSS](../../../../translated_images/en/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.png)
+```mermaid
+journey
+    title Your CSS Styling Journey
+    section Foundation
+      Link CSS file: 3: Student
+      Understand cascade: 4: Student
+      Learn inheritance: 4: Student
+    section Selectors
+      Element targeting: 4: Student
+      Class patterns: 5: Student
+      ID specificity: 5: Student
+    section Layout
+      Position elements: 4: Student
+      Create containers: 5: Student
+      Build terrarium: 5: Student
+    section Polish
+      Add visual effects: 5: Student
+      Responsive design: 5: Student
+      Glass reflections: 5: Student
+```
+![Introduction to CSS](../../../../translated_images/en/webdev101-css.3f7af5991bf53a20.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+Remember how your HTML terrarium looked quite basic? CSS is where we transform that plain structure into something visually appealing.
+
+If HTML is like building the frame of a house, then CSS is everything that makes it feel like home - the paint colors, the furniture arrangement, the lighting, and how the rooms flow together. Think of how the Palace of Versailles started as a simple hunting lodge, but careful attention to decoration and layout transformed it into one of the world's most magnificent buildings.
+
+Today, we'll transform your terrarium from functional to polished. You'll learn how to position elements precisely, make layouts respond to different screen sizes, and create the visual appeal that makes websites engaging.
+
+By the end of this lesson, you'll see how strategic CSS styling can dramatically improve your project. Let's add some style to your terrarium.
+
+```mermaid
+mindmap
+  root((CSS Fundamentals))
+    Cascade
+      Specificity Rules
+      Inheritance
+      Priority Order
+      Conflict Resolution
+    Selectors
+      Element Tags
+      Classes (.class)
+      IDs (#id)
+      Combinators
+    Box Model
+      Margin
+      Border
+      Padding
+      Content
+    Layout
+      Positioning
+      Display Types
+      Flexbox
+      Grid
+    Visual Effects
+      Colors
+      Shadows
+      Transitions
+      Animations
+    Responsive Design
+      Media Queries
+      Flexible Units
+      Viewport Meta
+      Mobile First
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/17)
 
-### Introduction
+## Getting Started with CSS
+
+CSS is often thought of as just "making things pretty," but it serves a much broader purpose. CSS is like being the director of a movie - you control not just how everything looks, but how it moves, responds to interaction, and adapts to different situations.
 
-CSS, or Cascading Style Sheets, addresses a key challenge in web development: making your website visually appealing. Styling your apps not only enhances their usability and aesthetics but also enables Responsive Web Design (RWD), ensuring your apps look great on any screen size. CSS goes beyond just making things look good; its specifications include animations and transformations that allow for advanced interactions in your apps. The CSS Working Group maintains the current CSS specifications, and you can follow their work on the [World Wide Web Consortium's site](https://www.w3.org/Style/CSS/members).
+Modern CSS is remarkably capable. You can write code that automatically adjusts layouts for phones, tablets, and desktop computers. You can create smooth animations that guide users' attention where needed. The results can be quite impressive when everything works together.
 
-> Note: CSS is an evolving language, like everything on the web, and not all browsers support the latest specifications. Always verify your implementations using [CanIUse.com](https://caniuse.com).
+> 💡 **Pro Tip**: CSS is constantly evolving with new features and capabilities. Always check [CanIUse.com](https://caniuse.com) to verify browser support for newer CSS features before using them in production projects.
 
-In this lesson, we’ll add styles to our online terrarium and explore key CSS concepts: the cascade, inheritance, selectors, positioning, and using CSS for layouts. By the end, we’ll have styled the terrarium and created the actual terrarium itself.
+**Here's what we'll accomplish in this lesson:**
+- **Creates** a complete visual design for your terrarium using modern CSS techniques
+- **Explores** fundamental concepts like the cascade, inheritance, and CSS selectors
+- **Implements** responsive positioning and layout strategies
+- **Builds** the terrarium container using CSS shapes and styling
 
 ### Prerequisite
 
-You should already have the HTML for your terrarium prepared and ready for styling.
+You should have completed the HTML structure for your terrarium from the previous lesson and have it ready to be styled.
 
-> Watch the video
+> 📺 **Video Resource**: Check out this helpful video walkthrough
+>
+> [![CSS Basics Tutorial](https://img.youtube.com/vi/6yIdOIV9p1I/0.jpg)](https://www.youtube.com/watch?v=6yIdOIV9p1I)
 
-> 
-> [![Git and GitHub basics video](https://img.youtube.com/vi/6yIdOIV9p1I/0.jpg)](https://www.youtube.com/watch?v=6yIdOIV9p1I)
+### Setting Up Your CSS File
 
-### Task
+Before we can start styling, we need to connect CSS to our HTML. This connection tells the browser where to find the styling instructions for our terrarium.
 
-In your terrarium folder, create a new file called `style.css`. Link this file in the `<head>` section of your HTML:
+In your terrarium folder, create a new file called `style.css`, then link it in your HTML document's `<head>` section:
 
 ```html
 <link rel="stylesheet" href="./style.css" />
 ```
 
----
+**Here's what this code does:**
+- **Creates** a connection between your HTML and CSS files
+- **Tells** the browser to load and apply the styles from `style.css`
+- **Uses** the `rel="stylesheet"` attribute to specify this is a CSS file
+- **References** the file path with `href="./style.css"`
+
+## Understanding the CSS Cascade
 
-## The Cascade
+Ever wondered why CSS is called "Cascading" Style Sheets? Styles cascade down like a waterfall, and sometimes they conflict with each other.
 
-Cascading Style Sheets are based on the concept of "cascading," meaning that the application of styles is determined by their priority. Styles defined by the website author take precedence over browser defaults. Inline styles have the highest priority, followed by styles in external stylesheets.
+Consider how military command structures work - a general order might say "all troops wear green," but a specific order to your unit might say "wear dress blues for the ceremony." The more specific instruction takes precedence. CSS follows similar logic, and understanding this hierarchy makes debugging much more manageable.
 
-### Task
+### Experimenting with Cascade Priority
 
-Add the inline style "color: red" to your `<h1>` tag:
+Let's see the cascade in action by creating a style conflict. First, add an inline style to your `<h1>` tag:
 
-```HTML
+```html
 <h1 style="color: red">My Terrarium</h1>
 ```
 
-Next, add the following code to your `style.css` file:
+**What this code does:**
+- **Applies** a red color directly to the `<h1>` element using inline styling
+- **Uses** the `style` attribute to embed CSS directly in the HTML
+- **Creates** the highest priority style rule for this specific element
+
+Next, add this rule to your `style.css` file:
 
-```CSS
+```css
 h1 {
- color: blue;
+  color: blue;
 }
 ```
 
-✅ Which color appears in your web app? Why? Can you find a way to override styles? When might you want to do this, or why not?
+**In the above, we've:**
+- **Defined** a CSS rule that targets all `<h1>` elements
+- **Set** the text color to blue using an external stylesheet
+- **Created** a lower priority rule compared to inline styles
+
+✅ **Knowledge Check**: Which color displays in your web app? Why does that color win? Can you think of scenarios where you might want to override styles?
+
+```mermaid
+flowchart TD
+    A["Browser encounters h1 element"] --> B{"Check for inline styles"}
+    B -->|Found| C["style='color: red'"] 
+    B -->|None| D{"Check for ID rules"}
+    C --> E["Apply red color (1000 points)"]
+    D -->|Found| F["#heading { color: green }"]
+    D -->|None| G{"Check for class rules"}
+    F --> H["Apply green color (100 points)"]
+    G -->|Found| I[".title { color: blue }"]
+    G -->|None| J{"Check element rules"}
+    I --> K["Apply blue color (10 points)"]
+    J -->|Found| L["h1 { color: purple }"]
+    J -->|None| M["Use browser default"]
+    L --> N["Apply purple color (1 point)"]
+    
+    style C fill:#ff6b6b
+    style F fill:#51cf66
+    style I fill:#339af0
+    style L fill:#9775fa
+```
+> 💡 **CSS Priority Order (highest to lowest):**
+> 1. **Inline styles** (style attribute)
+> 2. **IDs** (#myId)
+> 3. **Classes** (.myClass) and attributes
+> 4. **Element selectors** (h1, div, p)
+> 5. **Browser defaults**
 
----
+## CSS Inheritance in Action
 
-## Inheritance
+CSS inheritance works like genetics - elements inherit certain properties from their parent elements. If you set the font family on the body element, all text inside automatically uses that same font. It's similar to how the Habsburg family's distinctive jawline appeared across generations without being specified for each individual.
 
-Styles are passed down from parent elements to their child elements, meaning nested elements inherit the styles of their parent.
+However, not everything gets inherited. Text styles like fonts and colors do inherit, but layout properties like margins and borders do not. Just as children might inherit physical traits but not their parents' fashion choices.
 
-### Task
+### Observing Font Inheritance
 
-Set the font for the body and check if a nested element inherits it:
+Let's see inheritance in action by setting a font family on the `<body>` element:
 
-```CSS
+```css
 body {
-	font-family: helvetica, arial, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 ```
 
-Open your browser's console and inspect the 'Elements' tab. Observe the font of the `<h1>` tag. You’ll see that it inherits the font from the body, as indicated by the browser:
+**Breaking down what happens here:**
+- **Sets** the font family for the entire page by targeting the `<body>` element
+- **Uses** a font stack with fallback options for better browser compatibility
+- **Applies** modern system fonts that look great across different operating systems
+- **Ensures** all child elements inherit this font unless specifically overridden
 
-![inherited font](../../../../translated_images/en/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.png)
+Open your browser's developer tools (F12), navigate to the Elements tab, and inspect your `<h1>` element. You'll see that it inherits the font family from the body:
 
-✅ Can you make a nested style inherit a different property?
+![inherited font](../../../../translated_images/en/1.cc07a5cbe114ad1d.webp)
 
----
+✅ **Experiment Time**: Try setting other inheritable properties on the `<body>` like `color`, `line-height`, or `text-align`. What happens to your heading and other elements?
+
+> 📝 **Inheritable Properties Include**: `color`, `font-family`, `font-size`, `line-height`, `text-align`, `visibility`
+>
+> **Non-Inheritable Properties Include**: `margin`, `padding`, `border`, `width`, `height`, `position`
+
+### 🔄 **Pedagogical Check-in**
+**CSS Foundation Understanding**: Before moving to selectors, ensure you can:
+- ✅ Explain the difference between cascade and inheritance
+- ✅ Predict which style will win in a specificity conflict
+- ✅ Identify which properties inherit from parent elements
+- ✅ Connect CSS files to HTML properly
+
+**Quick Test**: If you have these styles, what color will an `<h1>` inside a `<div class="special">` be?
+```css
+div { color: blue; }
+.special { color: green; }
+h1 { color: red; }
+```
+*Answer: Red (element selector directly targets h1)*
+
+## Mastering CSS Selectors
 
-## CSS Selectors
+CSS selectors are your way of targeting specific elements for styling. They work like giving precise directions - instead of saying "the house," you might say "the blue house with the red door on Maple Street."
 
-### Tags
+CSS provides different ways to be specific, and choosing the right selector is like choosing the appropriate tool for the task. Sometimes you need to style every door in the neighborhood, and sometimes just one specific door.
 
-So far, your `style.css` file has only a few tags styled, and the app looks a bit odd:
+### Element Selectors (Tags)
 
-```CSS
+Element selectors target HTML elements by their tag name. They're perfect for setting base styles that apply broadly across your page:
+
+```css
 body {
-	font-family: helvetica, arial, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  margin: 0;
+  padding: 0;
 }
 
 h1 {
-	color: #3a241d;
-	text-align: center;
+  color: #3a241d;
+  text-align: center;
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
 }
 ```
 
-This method of styling tags allows you to control individual elements, but to style multiple plants in your terrarium, you’ll need to use CSS selectors.
+**Understanding these styles:**
+- **Sets** consistent typography across the entire page with the `body` selector
+- **Removes** default browser margins and padding for better control
+- **Styles** all heading elements with color, alignment, and spacing
+- **Uses** `rem` units for scalable, accessible font sizing
+
+While element selectors work well for general styling, you'll need more specific selectors to style individual components like the plants in your terrarium.
 
-### Ids
+### ID Selectors for Unique Elements
 
-Add styles to position the left and right containers. Since there’s only one left container and one right container, they are assigned ids in the HTML. Use `#` to style them:
+ID selectors use the `#` symbol and target elements with specific `id` attributes. Since IDs must be unique on a page, they're perfect for styling individual, special elements like our left and right plant containers.
 
-```CSS
+Let's create the styling for our terrarium's side containers where the plants will live:
+
+```css
 #left-container {
-	background-color: #eee;
-	width: 15%;
-	left: 0px;
-	top: 0px;
-	position: absolute;
-	height: 100%;
-	padding: 10px;
+  background-color: #f5f5f5;
+  width: 15%;
+  left: 0;
+  top: 0;
+  position: absolute;
+  height: 100vh;
+  padding: 1rem;
+  box-sizing: border-box;
 }
 
 #right-container {
-	background-color: #eee;
-	width: 15%;
-	right: 0px;
-	top: 0px;
-	position: absolute;
-	height: 100%;
-	padding: 10px;
+  background-color: #f5f5f5;
+  width: 15%;
+  right: 0;
+  top: 0;
+  position: absolute;
+  height: 100vh;
+  padding: 1rem;
+  box-sizing: border-box;
 }
 ```
 
-Here, the containers are positioned absolutely on the far left and right of the screen, with their widths set as percentages to ensure they scale on smaller mobile screens.
+**Here's what this code accomplishes:**
+- **Positions** containers at the far left and right edges using `absolute` positioning
+- **Uses** `vh` (viewport height) units for responsive height that adapts to screen size
+- **Applies** `box-sizing: border-box` so padding is included in the total width
+- **Removes** unnecessary `px` units from zero values for cleaner code
+- **Sets** a subtle background color that's easier on the eyes than stark gray
 
-✅ This code is repetitive and not "DRY" (Don’t Repeat Yourself). Can you find a better way to style these ids, perhaps by combining an id and a class? You’ll need to update the HTML and refactor the CSS:
+✅ **Code Quality Challenge**: Notice how this CSS violates the DRY (Don't Repeat Yourself) principle. Can you refactor it using both an ID and a class?
 
+**Improved approach:**
 ```html
 <div id="left-container" class="container"></div>
+<div id="right-container" class="container"></div>
 ```
 
-### Classes
+```css
+.container {
+  background-color: #f5f5f5;
+  width: 15%;
+  top: 0;
+  position: absolute;
+  height: 100vh;
+  padding: 1rem;
+  box-sizing: border-box;
+}
 
-In the example above, you styled two unique elements. To apply styles to multiple elements, use CSS classes. Style the plants in the left and right containers as follows.
+#left-container {
+  left: 0;
+}
 
-Notice that each plant in the HTML has both ids and classes. The ids are used by JavaScript (added later) to manipulate the placement of plants in the terrarium. The classes, however, define the styles for all plants.
+#right-container {
+  right: 0;
+}
+```
+
+### Class Selectors for Reusable Styles
+
+Class selectors use the `.` symbol and are perfect when you want to apply the same styles to multiple elements. Unlike IDs, classes can be reused throughout your HTML, making them ideal for consistent styling patterns.
+
+In our terrarium, each plant needs similar styling but also needs individual positioning. We'll use a combination of classes for shared styles and IDs for unique positioning.
 
+**Here's the HTML structure for each plant:**
 ```html
 <div class="plant-holder">
-	<img class="plant" alt="plant" id="plant1" src="./images/plant1.png" />
+  <img class="plant" alt="Decorative plant for terrarium" id="plant1" src="../../../../translated_images/en/plant1.d18b18ffe73da18f.webp" />
 </div>
 ```
 
-Add the following to your `style.css` file:
+**Key elements explained:**
+- **Uses** `class="plant-holder"` for consistent container styling across all plants
+- **Applies** `class="plant"` for shared image styling and behavior
+- **Includes** unique `id="plant1"` for individual positioning and JavaScript interaction
+- **Provides** descriptive alt text for screen reader accessibility
 
-```CSS
+Now add these styles to your `style.css` file:
+
+```css
 .plant-holder {
-	position: relative;
-	height: 13%;
-	left: -10px;
+  position: relative;
+  height: 13%;
+  left: -0.6rem;
 }
 
 .plant {
-	position: absolute;
-	max-width: 150%;
-	max-height: 150%;
-	z-index: 2;
+  position: absolute;
+  max-width: 150%;
+  max-height: 150%;
+  z-index: 2;
+  transition: transform 0.3s ease;
 }
-```
-
-Key points in this snippet include the combination of relative and absolute positioning, which we’ll discuss in the next section. Pay attention to how heights are managed using percentages:
 
-- The plant holder’s height is set to 13%, ensuring all plants fit vertically within their containers without scrolling.
-- The plant holder is shifted left to center the plants within their containers. The plant images have a lot of transparent space to make them draggable, so they need to be adjusted for better alignment.
-- The plant’s max-width is set to 150%, allowing it to scale down as the browser window shrinks. Resize your browser to see how the plants stay within their containers while scaling down.
-
-Also noteworthy is the use of `z-index`, which controls the stacking order of elements (ensuring the plants appear on top of the container and look like they’re inside the terrarium).
-
-✅ Why do you need both a plant holder and a plant CSS selector?
-
-## CSS Positioning
-
-Mixing position properties (static, relative, fixed, absolute, and sticky) can be tricky, but when done correctly, it provides precise control over your page elements.
-
-- Absolutely positioned elements are placed relative to their nearest positioned ancestor. If none exists, they are positioned relative to the document body.
-- Relatively positioned elements are offset from their original position based on the CSS instructions.
-
-In our example, the `plant-holder` is relatively positioned within an absolutely positioned container. This setup ensures the side containers are pinned to the left and right, while the `plant-holder` adjusts itself within the side containers, creating space for the plants to align vertically.
+.plant:hover {
+  transform: scale(1.05);
+}
+```
 
-> The `plant` itself is absolutely positioned, which is necessary for making it draggable, as you’ll learn in the next lesson.
+**Breaking down these styles:**
+- **Creates** relative positioning for the plant holder to establish a positioning context
+- **Sets** each plant holder to 13% height, ensuring all plants fit vertically without scrolling
+- **Shifts** holders slightly left to better center plants within their containers
+- **Allows** plants to scale responsively with `max-width` and `max-height` properties
+- **Uses** `z-index` to layer plants above other elements in the terrarium
+- **Adds** a subtle hover effect with CSS transitions for better user interaction
+
+✅ **Critical Thinking**: Why do we need both `.plant-holder` and `.plant` selectors? What would happen if we tried to use just one?
+
+> 💡 **Design Pattern**: The container (`.plant-holder`) controls layout and positioning, while the content (`.plant`) controls appearance and scaling. This separation makes the code more maintainable and flexible.
+
+## Understanding CSS Positioning
+
+CSS positioning is like being the stage director for a play - you direct where every actor stands and how they move around the stage. Some actors follow the standard formation, while others need specific positioning for dramatic effect.
+
+Once you understand positioning, many layout challenges become manageable. Need a navigation bar that stays at the top while users scroll? Positioning handles that. Want a tooltip that appears at a specific location? That's positioning too.
+
+### The Five Position Values
+
+```mermaid
+quadrantChart
+    title CSS Positioning Strategy
+    x-axis Document Flow --> Removed from Flow
+    y-axis Static Position --> Precise Control
+    quadrant-1 Absolute
+    quadrant-2 Fixed
+    quadrant-3 Static
+    quadrant-4 Sticky
+    
+    Static: [0.2, 0.2]
+    Relative: [0.3, 0.6]
+    Absolute: [0.8, 0.8]
+    Fixed: [0.9, 0.7]
+    Sticky: [0.5, 0.9]
+```
+| Position Value | Behavior | Use Case |
+|----------------|----------|----------|
+| `static` | Default flow, ignores top/left/right/bottom | Normal document layout |
+| `relative` | Positioned relative to its normal position | Small adjustments, creating positioning context |
+| `absolute` | Positioned relative to nearest positioned ancestor | Precise placement, overlays |
+| `fixed` | Positioned relative to viewport | Navigation bars, floating elements |
+| `sticky` | Switches between relative and fixed based on scroll | Headers that stick when scrolling |
+
+### Positioning in Our Terrarium
+
+Our terrarium uses a strategic combination of positioning types to create the desired layout:
+
+```css
+/* Container positioning */
+.container {
+  position: absolute; /* Removes from normal flow */
+  /* ... other styles ... */
+}
 
-✅ Experiment with changing the positioning of the side containers and the `plant-holder`. What happens?
+/* Plant holder positioning */
+.plant-holder {
+  position: relative; /* Creates positioning context */
+  /* ... other styles ... */
+}
 
-## CSS Layouts
+/* Plant positioning */
+.plant {
+  position: absolute; /* Allows precise placement within holder */
+  /* ... other styles ... */
+}
+```
 
-Now, use what you’ve learned to build the terrarium itself using only CSS!
+**Understanding the positioning strategy:**
+- **Absolute containers** are removed from normal document flow and pinned to screen edges
+- **Relative plant holders** create a positioning context while staying in document flow
+- **Absolute plants** can be positioned precisely within their relative containers
+- **This combination** allows plants to stack vertically while being individually positionable
+
+> 🎯 **Why This Matters**: The `plant` elements need absolute positioning to become draggable in the next lesson. Absolute positioning removes them from the normal layout flow, making drag-and-drop interactions possible.
+
+✅ **Experiment Time**: Try changing the positioning values and observe the results:
+- What happens if you change `.container` from `absolute` to `relative`?
+- How does the layout change if `.plant-holder` uses `absolute` instead of `relative`?
+- What occurs when you switch `.plant` to `relative` positioning?
+
+### 🔄 **Pedagogical Check-in**
+**CSS Positioning Mastery**: Pause to verify your understanding:
+- ✅ Can you explain why plants need absolute positioning for drag-and-drop?
+- ✅ Do you understand how relative containers create positioning context?
+- ✅ Why do the side containers use absolute positioning?
+- ✅ What would happen if you removed position declarations entirely?
+
+**Real-World Connection**: Think about how CSS positioning mirrors real-world layout:
+- **Static**: Books on a shelf (natural order)
+- **Relative**: Moving a book slightly but keeping its spot
+- **Absolute**: Placing a bookmark at an exact page number
+- **Fixed**: A sticky note that stays visible as you flip pages
+
+## Building the Terrarium with CSS
+
+Now we'll build a glass jar using only CSS - no images or graphics software required.
+
+Creating realistic-looking glass, shadows, and depth effects using positioning and transparency demonstrates CSS's visual capabilities. This technique mirrors how architects in the Bauhaus movement used simple geometric forms to create complex, beautiful structures. Once you understand these principles, you'll recognize the CSS techniques behind many web designs.
+
+```mermaid
+flowchart LR
+    A[Jar Top] --> E[Complete Terrarium]
+    B[Jar Walls] --> E
+    C[Dirt Layer] --> E
+    D[Jar Bottom] --> E
+    F[Glass Effects] --> E
+    
+    A1["50% width<br/>5% height<br/>Top position"] --> A
+    B1["60% width<br/>80% height<br/>Rounded corners<br/>0.5 opacity"] --> B
+    C1["60% width<br/>5% height<br/>Dark brown<br/>Bottom layer"] --> C
+    D1["50% width<br/>1% height<br/>Bottom position"] --> D
+    F1["Subtle shadows<br/>Transparency<br/>Z-index layering"] --> F
+    
+    style E fill:#d1e1df,stroke:#3a241d
+    style A fill:#e8f5e8
+    style B fill:#e8f5e8
+    style C fill:#8B4513
+    style D fill:#e8f5e8
+```
+### Creating the Glass Jar Components
 
-First, style the `.terrarium` div children as a rounded rectangle:
+Let's build the terrarium jar piece by piece. Each part uses absolute positioning and percentage-based sizing for responsive design:
 
-```CSS
+```css
 .jar-walls {
-	height: 80%;
-	width: 60%;
-	background: #d1e1df;
-	border-radius: 1rem;
-	position: absolute;
-	bottom: 0.5%;
-	left: 20%;
-	opacity: 0.5;
-	z-index: 1;
+  height: 80%;
+  width: 60%;
+  background: #d1e1df;
+  border-radius: 1rem;
+  position: absolute;
+  bottom: 0.5%;
+  left: 20%;
+  opacity: 0.5;
+  z-index: 1;
+  box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.1);
 }
 
 .jar-top {
-	width: 50%;
-	height: 5%;
-	background: #d1e1df;
-	position: absolute;
-	bottom: 80.5%;
-	left: 25%;
-	opacity: 0.7;
-	z-index: 1;
+  width: 50%;
+  height: 5%;
+  background: #d1e1df;
+  position: absolute;
+  bottom: 80.5%;
+  left: 25%;
+  opacity: 0.7;
+  z-index: 1;
+  border-radius: 0.5rem 0.5rem 0 0;
 }
 
 .jar-bottom {
-	width: 50%;
-	height: 1%;
-	background: #d1e1df;
-	position: absolute;
-	bottom: 0%;
-	left: 25%;
-	opacity: 0.7;
+  width: 50%;
+  height: 1%;
+  background: #d1e1df;
+  position: absolute;
+  bottom: 0;
+  left: 25%;
+  opacity: 0.7;
+  border-radius: 0 0 0.5rem 0.5rem;
 }
 
 .dirt {
-	width: 60%;
-	height: 5%;
-	background: #3a241d;
-	position: absolute;
-	border-radius: 0 0 1rem 1rem;
-	bottom: 1%;
-	left: 20%;
-	opacity: 0.7;
-	z-index: -1;
+  width: 60%;
+  height: 5%;
+  background: #3a241d;
+  position: absolute;
+  border-radius: 0 0 1rem 1rem;
+  bottom: 1%;
+  left: 20%;
+  opacity: 0.7;
+  z-index: -1;
 }
 ```
 
-Notice the use of percentages. If you resize your browser, the jar scales accordingly. Pay attention to the width and height percentages for the jar elements and how each is absolutely positioned in the center, pinned to the bottom of the viewport.
+**Understanding the terrarium construction:**
+- **Uses** percentage-based dimensions for responsive scaling across all screen sizes
+- **Positions** elements absolutely to stack and align them precisely
+- **Applies** different opacity values to create the glass transparency effect
+- **Implements** `z-index` layering so plants appear inside the jar
+- **Adds** subtle box-shadow and refined border-radius for more realistic appearance
+
+### Responsive Design with Percentages
+
+Notice how all dimensions use percentages rather than fixed pixel values:
+
+**Why this matters:**
+- **Ensures** the terrarium scales proportionally on any screen size
+- **Maintains** the visual relationships between jar components
+- **Provides** a consistent experience from mobile phones to large desktop monitors
+- **Allows** the design to adapt without breaking the visual layout
 
-We’re also using `rem` for the border-radius, a font-relative unit. Learn more about this relative measurement in the [CSS spec](https://www.w3.org/TR/css-values-3/#font-relative-lengths).
+### CSS Units in Action
 
-✅ Try changing the jar’s colors and opacity compared to the dirt. What happens? Why?
+We're using `rem` units for border-radius, which scale relative to the root font size. This creates more accessible designs that respect user font preferences. Learn more about [CSS relative units](https://www.w3.org/TR/css-values-3/#font-relative-lengths) in the official specification.
+
+✅ **Visual Experimentation**: Try modifying these values and observe the effects:
+- Change the jar opacity from 0.5 to 0.8 – how does this affect the glass appearance?
+- Adjust the dirt color from `#3a241d` to `#8B4513` – what visual impact does this have?
+- Modify the `z-index` of the dirt to 2 – what happens to the layering?
+
+### 🔄 **Pedagogical Check-in**
+**CSS Visual Design Understanding**: Confirm your grasp of visual CSS:
+- ✅ How do percentage-based dimensions create responsive design?
+- ✅ Why does opacity create the glass transparency effect?
+- ✅ What role does z-index play in layering elements?
+- ✅ How do border-radius values create the jar shape?
+
+**Design Principle**: Notice how we're building complex visuals from simple shapes:
+1. **Rectangles** → **Rounded rectangles** → **Jar components**
+2. **Flat colors** → **Opacity** → **Glass effect**
+3. **Individual elements** → **Layered composition** → **3D appearance**
 
 ---
 
-## 🚀Challenge
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
 
-Add a "bubble" shine to the bottom-left area of the jar to make it look more like glass. Style the `.jar-glossy-long` and `.jar-glossy-short` to create a reflective shine. Here’s the final result:
+**Description:** Create a CSS animation that makes the terrarium plants gently sway back and forth, simulating a natural breeze effect. This will help you practice CSS animations, transforms, and keyframes while enhancing the visual appeal of your terrarium.
 
-![finished terrarium](../../../../translated_images/en/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.png)
+**Prompt:** Add CSS keyframe animations to make the plants in the terrarium sway gently from side to side. Create a swaying animation that rotates each plant slightly (2-3 degrees) left and right with a duration of 3-4 seconds, and apply it to the `.plant` class. Make sure the animation loops infinitely and has an easing function for natural movement.
 
-To complete the post-lecture quiz, explore this Learn module: [Style your HTML app with CSS](https://docs.microsoft.com/learn/modules/build-simple-website/4-css-basics/?WT.mc_id=academic-77807-sagibbon)
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## 🚀 Challenge: Adding Glass Reflections
+
+Ready to enhance your terrarium with realistic glass reflections? This technique will add depth and realism to the design.
+
+You'll create subtle highlights that simulate how light reflects off glass surfaces. This approach is similar to how Renaissance painters like Jan van Eyck used light and reflection to make painted glass appear three-dimensional. Here's what you're aiming for:
+
+![finished terrarium](../../../../translated_images/en/terrarium-final.2f07047ffc597d0a.webp)
+
+**Your challenge:**
+- **Create** subtle white or light-colored oval shapes for the glass reflections
+- **Position** them strategically on the left side of the jar
+- **Apply** appropriate opacity and blur effects for realistic light reflection
+- **Use** `border-radius` to create organic, bubble-like shapes
+- **Experiment** with gradients or box-shadows for enhanced realism
 
 ## Post-Lecture Quiz
 
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/18)
 
-## Review & Self Study
+## Expand Your CSS Knowledge
+
+CSS can feel complex initially, but understanding these core concepts provides a solid foundation for more advanced techniques.
+
+**Your next CSS learning areas:**
+- **Flexbox** - simplifies alignment and distribution of elements
+- **CSS Grid** - provides powerful tools for creating complex layouts
+- **CSS Variables** - reduces repetition and improves maintainability
+- **Responsive design** - ensures sites work well across different screen sizes
+
+### Interactive Learning Resources
+
+Practice these concepts with these engaging, hands-on games:
+- 🐸 [Flexbox Froggy](https://flexboxfroggy.com/) - Master Flexbox through fun challenges
+- 🌱 [Grid Garden](https://codepip.com/games/grid-garden/) - Learn CSS Grid by growing virtual carrots
+- 🎯 [CSS Battle](https://cssbattle.dev/) - Test your CSS skills with coding challenges
+
+### Additional Learning
+
+For comprehensive CSS fundamentals, complete this Microsoft Learn module: [Style your HTML app with CSS](https://docs.microsoft.com/learn/modules/build-simple-website/4-css-basics/?WT.mc_id=academic-77807-sagibbon)
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open DevTools and inspect CSS styles on any website using the Elements panel
+- [ ] Create a simple CSS file and link it to an HTML page
+- [ ] Try changing colors using different methods: hex, RGB, and named colors
+- [ ] Practice the box model by adding padding and margin to a div
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review CSS fundamentals
+- [ ] Style your HTML page with fonts, colors, and spacing
+- [ ] Create a simple layout using flexbox or grid
+- [ ] Experiment with CSS transitions for smooth effects
+- [ ] Practice responsive design with media queries
+
+### 📅 **Your Week-Long CSS Adventure**
+- [ ] Complete the terrarium styling assignment with creative flair
+- [ ] Master CSS Grid by building a photo gallery layout
+- [ ] Learn CSS animations to bring your designs to life
+- [ ] Explore CSS preprocessors like Sass or Less
+- [ ] Study design principles and apply them to your CSS
+- [ ] Analyze and recreate interesting designs you find online
+
+### 🌟 **Your Month-Long Design Mastery**
+- [ ] Build a complete responsive website design system
+- [ ] Learn CSS-in-JS or utility-first frameworks like Tailwind
+- [ ] Contribute to open source projects with CSS improvements
+- [ ] Master advanced CSS concepts like CSS custom properties and containment
+- [ ] Create reusable component libraries with modular CSS
+- [ ] Mentor others learning CSS and share design knowledge
+
+## 🎯 Your CSS Mastery Timeline
+
+```mermaid
+timeline
+    title CSS Learning Progression
+    
+    section Foundation (10 minutes)
+        File Connection: Link CSS to HTML
+                       : Understand cascade rules
+                       : Learn inheritance basics
+        
+    section Selectors (15 minutes)
+        Targeting Elements: Element selectors
+                          : Class patterns
+                          : ID specificity
+                          : Combinators
+        
+    section Box Model (20 minutes)
+        Layout Fundamentals: Margin and padding
+                           : Border properties
+                           : Content sizing
+                           : Box-sizing behavior
+        
+    section Positioning (25 minutes)
+        Element Placement: Static vs relative
+                         : Absolute positioning
+                         : Z-index layering
+                         : Responsive units
+        
+    section Visual Design (30 minutes)
+        Styling Mastery: Colors and opacity
+                       : Shadows and effects
+                       : Transitions
+                       : Transform properties
+        
+    section Responsive Design (45 minutes)
+        Multi-Device Support: Media queries
+                            : Flexible layouts
+                            : Mobile-first approach
+                            : Viewport optimization
+        
+    section Advanced Techniques (1 week)
+        Modern CSS: Flexbox layouts
+                  : CSS Grid systems
+                  : Custom properties
+                  : Animation keyframes
+        
+    section Professional Skills (1 month)
+        CSS Architecture: Component patterns
+                        : Maintainable code
+                        : Performance optimization
+                        : Cross-browser compatibility
+```
+### 🛠️ Your CSS Toolkit Summary
+
+After completing this lesson, you now have:
+- **Cascade Understanding**: How styles inherit and override each other
+- **Selector Mastery**: Precise targeting with elements, classes, and IDs
+- **Positioning Skills**: Strategic element placement and layering
+- **Visual Design**: Creating glass effects, shadows, and transparency
+- **Responsive Techniques**: Percentage-based layouts that adapt to any screen
+- **Code Organization**: Clean, maintainable CSS structure
+- **Modern Practices**: Using relative units and accessible design patterns
 
-CSS may seem simple, but styling an app perfectly for all browsers and screen sizes can be challenging. Tools like CSS Grid and Flexbox make this process more structured and reliable. Learn about these tools by playing [Flexbox Froggy](https://flexboxfroggy.com/) and [Grid Garden](https://codepip.com/games/grid-garden/).
+**Next Steps**: Your terrarium now has both structure (HTML) and style (CSS). The final lesson will add interactivity with JavaScript!
 
 ## Assignment
 
@@ -277,5 +720,7 @@ CSS may seem simple, but styling an app perfectly for all browsers and screen si
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, a professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/2-intro-to-css/assignment.md b/translations/en/3-terrarium/2-intro-to-css/assignment.md
index 15295f595..70f930c4d 100644
--- a/translations/en/3-terrarium/2-intro-to-css/assignment.md
+++ b/translations/en/3-terrarium/2-intro-to-css/assignment.md
@@ -1,41 +1,127 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a212cc22a18eddf9046b7a16dfbafd8b",
-  "translation_date": "2025-10-03T08:22:36+00:00",
-  "source_file": "3-terrarium/2-intro-to-css/assignment.md",
-  "language_code": "en"
-}
--->
 # CSS Refactoring Assignment
 
 ## Objective
 
-Refactor the terrarium project to use **Flexbox** or **CSS Grid** for layout. Update the HTML and CSS as needed to achieve a modern, responsive design. You do not need to implement draggable elements—focus solely on layout and styling.
+Transform your terrarium project to use modern CSS layout techniques! Refactor the current absolute positioning approach to implement **Flexbox** or **CSS Grid** for a more maintainable, responsive design. This assignment challenges you to apply modern CSS standards while maintaining the visual appeal of your terrarium.
+
+Understanding when and how to use different layout methods is a crucial skill for modern web development. This exercise bridges traditional positioning techniques with contemporary CSS layout systems.
+
+## Assignment Instructions
+
+### Phase 1: Analysis and Planning
+1. **Review your current terrarium code** - Identify which elements are currently using absolute positioning
+2. **Choose your layout method** - Decide whether Flexbox or CSS Grid better suits your design goals
+3. **Sketch your new layout structure** - Plan how containers and plant elements will be organized
+
+### Phase 2: Implementation
+1. **Create a new version** of your terrarium project in a separate folder
+2. **Update the HTML structure** as needed to support your chosen layout method
+3. **Refactor the CSS** to use Flexbox or CSS Grid instead of absolute positioning
+4. **Maintain visual consistency** - Ensure your plants and terrarium jar appear in the same positions
+5. **Implement responsive behavior** - Your layout should adapt gracefully to different screen sizes
+
+### Phase 3: Testing and Documentation
+1. **Cross-browser testing** - Verify your design works in Chrome, Firefox, Edge, and Safari
+2. **Responsive testing** - Check your layout on mobile, tablet, and desktop screen sizes
+3. **Documentation** - Add comments to your CSS explaining your layout choices
+4. **Screenshots** - Capture your terrarium in different browsers and screen sizes
+
+## Technical Requirements
+
+### Layout Implementation
+- **Choose ONE**: Implement either Flexbox OR CSS Grid (not both for the same elements)
+- **Responsive Design**: Use relative units (`rem`, `em`, `%`, `vw`, `vh`) instead of fixed pixels
+- **Accessibility**: Maintain proper semantic HTML structure and alt text
+- **Code Quality**: Use consistent naming conventions and organize CSS logically
+
+### Modern CSS Features to Include
+```css
+/* Example Flexbox approach */
+.terrarium-container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  align-items: center;
+  justify-content: center;
+}
+
+.plant-containers {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1200px;
+}
+
+/* Example Grid approach */
+.terrarium-layout {
+  display: grid;
+  grid-template-columns: 1fr 3fr 1fr;
+  grid-template-rows: auto 1fr;
+  min-height: 100vh;
+  gap: 1rem;
+}
+```
+
+### Browser Support Requirements
+- **Chrome/Edge**: Latest 2 versions
+- **Firefox**: Latest 2 versions  
+- **Safari**: Latest 2 versions
+- **Mobile browsers**: iOS Safari, Chrome Mobile
+
+## Deliverables
+
+1. **Updated HTML file** with improved semantic structure
+2. **Refactored CSS file** using modern layout techniques
+3. **Screenshot collection** showing cross-browser compatibility:
+   - Desktop view (1920x1080)
+   - Tablet view (768x1024) 
+   - Mobile view (375x667)
+   - At least 2 different browsers
+4. **README.md file** documenting:
+   - Your layout choice (Flexbox vs Grid) and reasoning
+   - Challenges faced during refactoring
+   - Browser compatibility notes
+   - Instructions for running your code
+
+## Assessment Rubric
+
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|----------|---------------|----------------|---------------|---------------|
+| **Layout Implementation** | Masterful use of Flexbox/Grid with advanced features; fully responsive | Correct implementation with good responsive behavior | Basic implementation with minor responsive issues | Incomplete or incorrect layout implementation |
+| **Code Quality** | Clean, well-organized CSS with meaningful comments and consistent naming | Good organization with some comments | Adequate organization with minimal comments | Poor organization; difficult to understand |
+| **Cross-Browser Compatibility** | Perfect consistency across all required browsers with screenshots | Good compatibility with minor differences documented | Some compatibility issues that don't break functionality | Major compatibility problems or missing testing |
+| **Responsive Design** | Exceptional mobile-first approach with smooth breakpoints | Good responsive behavior with appropriate breakpoints | Basic responsive features with some layout issues | Limited or broken responsive behavior |
+| **Documentation** | Comprehensive README with detailed explanations and insights | Good documentation covering all required elements | Basic documentation with minimal explanations | Incomplete or missing documentation |
+
+## Helpful Resources
 
-## Instructions
+### Layout Method Guides
+- 📖 [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
+- 📖 [A Complete Guide to CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)
+- 📖 [Flexbox vs Grid - Choose the Right Tool](https://blog.webdevsimplified.com/2022-11/flexbox-vs-grid/)
 
-1. **Create a new version** of the terrarium app. Modify the HTML and CSS to utilize Flexbox or CSS Grid for layout.
-2. **Ensure all artwork and elements are properly displayed** as in the original version.
-3. **Test your design** in at least two different browsers (e.g., Chrome, Firefox, Edge).
-4. **Take screenshots** of your terrarium in each browser to showcase cross-browser compatibility.
-5. **Submit** your updated code along with the screenshots.
+### Browser Testing Tools
+- 🛠️ [Browser DevTools Responsive Mode](https://developer.chrome.com/docs/devtools/device-mode/)
+- 🛠️ [Can I Use - Feature Support](https://caniuse.com/)
+- 🛠️ [BrowserStack - Cross-browser Testing](https://www.browserstack.com/)
 
-## Rubric
+### Code Quality Tools
+- ✅ [CSS Validator](https://jigsaw.w3.org/css-validator/)
+- ✅ [HTML Validator](https://validator.w3.org/)
+- ✅ [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)
 
-| Criteria   | Outstanding                                                              | Satisfactory                          | Needs Improvement                      |
-|------------|--------------------------------------------------------------------------|---------------------------------------|----------------------------------------|
-| Layout     | Fully refactored using Flexbox or CSS Grid; visually appealing and responsive | Partial refactoring; some use of Flexbox or Grid | Minimal or no use of Flexbox or Grid; layout unchanged |
-| Cross-Browser | Screenshots provided for multiple browsers; consistent appearance      | Screenshots for one browser; minor inconsistencies | No screenshots or major inconsistencies |
-| Code Quality | Clean, well-structured HTML/CSS; clear comments                        | Some structure; few comments          | Disorganized code; lacks comments      |
+## Bonus Challenges
 
-## Tips
+🌟 **Advanced Layouts**: Implement both Flexbox AND Grid in different parts of your design
+🌟 **Animation Integration**: Add CSS transitions or animations that work with your new layout
+🌟 **Dark Mode**: Implement a CSS custom properties-based theme switcher
+🌟 **Container Queries**: Use modern container query techniques for component-level responsiveness
 
-- Refer to [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) and [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) guides.
-- Use browser developer tools to check responsiveness.
-- Add comments to your code for better clarity.
+> 💡 **Remember**: The goal isn't just to make it work, but to understand WHY your chosen layout method is the best solution for this particular design challenge!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/en/3-terrarium/3-intro-to-DOM-and-closures/README.md
index 5823242f4..395aa0d4c 100644
--- a/translations/en/3-terrarium/3-intro-to-DOM-and-closures/README.md
+++ b/translations/en/3-terrarium/3-intro-to-DOM-and-closures/README.md
@@ -1,62 +1,196 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "61c14b27044861e5e69db35dd52c4403",
-  "translation_date": "2025-08-29T13:25:27+00:00",
-  "source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md",
-  "language_code": "en"
-}
--->
-# Terrarium Project Part 3: DOM Manipulation and a Closure
-
-![DOM and a closure](../../../../translated_images/en/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.png)
+# Terrarium Project Part 3: DOM Manipulation and JavaScript Closures
+
+```mermaid
+journey
+    title Your JavaScript DOM Journey
+    section Foundation
+      Understand DOM: 3: Student
+      Learn closures: 4: Student
+      Connect elements: 4: Student
+    section Interaction
+      Setup drag events: 4: Student
+      Track coordinates: 5: Student
+      Handle movement: 5: Student
+    section Polish
+      Add cleanup: 4: Student
+      Test functionality: 5: Student
+      Complete terrarium: 5: Student
+```
+![DOM and a closure](../../../../translated_images/en/webdev101-js.10280393044d7eaa.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
+Welcome to one of the most engaging aspects of web development - making things interactive! The Document Object Model (DOM) is like a bridge between your HTML and JavaScript, and today we'll use it to bring your terrarium to life. When Tim Berners-Lee created the first web browser, he envisioned a web where documents could be dynamic and interactive - the DOM makes that vision possible.
+
+We'll also explore JavaScript closures, which might sound intimidating initially. Think of closures as creating "memory pockets" where your functions can remember important information. It's like each plant in your terrarium having its own data record to track its position. By the end of this lesson, you'll understand how natural and useful they are.
+
+Here's what we're building: a terrarium where users can drag and drop plants anywhere they want. You'll learn the DOM manipulation techniques that power everything from drag-and-drop file uploads to interactive games. Let's make your terrarium come alive.
+
+```mermaid
+mindmap
+  root((DOM & JavaScript))
+    DOM Tree
+      Element Selection
+      Property Access
+      Event Handling
+      Dynamic Updates
+    Events
+      Pointer Events
+      Mouse Events
+      Touch Events
+      Event Listeners
+    Closures
+      Private Variables
+      Function Scope
+      Memory Persistence
+      State Management
+    Drag & Drop
+      Position Tracking
+      Coordinate Math
+      Event Lifecycle
+      User Interaction
+    Modern Patterns
+      Event Delegation
+      Performance
+      Cross-Device
+      Accessibility
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/19)
 
-### Introduction
+## Understanding the DOM: Your Gateway to Interactive Web Pages
+
+The Document Object Model (DOM) is how JavaScript communicates with your HTML elements. When your browser loads an HTML page, it creates a structured representation of that page in memory - that's the DOM. Think of it as a family tree where every HTML element is a family member that JavaScript can access, modify, or rearrange.
+
+DOM manipulation transforms static pages into interactive websites. Every time you see a button change color on hover, content update without page refresh, or elements you can drag around, that's DOM manipulation at work.
+
+```mermaid
+flowchart TD
+    A["Document"] --> B["HTML"]
+    B --> C["Head"]
+    B --> D["Body"]
+    C --> E["Title"]
+    C --> F["Meta Tags"]
+    D --> G["H1: My Terrarium"]
+    D --> H["Div: Page Container"]
+    H --> I["Div: Left Container"]
+    H --> J["Div: Right Container"]
+    H --> K["Div: Terrarium"]
+    I --> L["Plant Elements 1-7"]
+    J --> M["Plant Elements 8-14"]
+    
+    L --> N["img#plant1"]
+    L --> O["img#plant2"]
+    M --> P["img#plant8"]
+    M --> Q["img#plant9"]
+    
+    style A fill:#e1f5fe
+    style B fill:#f3e5f5
+    style D fill:#e8f5e8
+    style H fill:#fff3e0
+    style N fill:#ffebee
+    style O fill:#ffebee
+    style P fill:#ffebee
+    style Q fill:#ffebee
+```
+![DOM tree representation](../../../../translated_images/en/dom-tree.7daf0e763cbbba92.webp)
+
+> A representation of the DOM and the HTML markup that references it. From [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
+
+**Here's what makes the DOM powerful:**
+- **Provides** a structured way to access any element on your page
+- **Enables** dynamic content updates without page refreshes
+- **Allows** real-time response to user interactions like clicks and drags
+- **Creates** the foundation for modern interactive web applications
+
+## JavaScript Closures: Creating Organized, Powerful Code
+
+A [JavaScript closure](https://developer.mozilla.org/docs/Web/JavaScript/Closures) is like giving a function its own private workspace with persistent memory. Consider how Darwin's finches on the Galápagos Islands each developed specialized beaks based on their specific environment - closures work similarly, creating specialized functions that "remember" their specific context even after their parent function has finished.
+
+In our terrarium, closures help each plant remember its own position independently. This pattern appears throughout professional JavaScript development, making it a valuable concept to understand.
+
+```mermaid
+flowchart LR
+    A["dragElement(plant1)"] --> B["Creates Closure"]
+    A2["dragElement(plant2)"] --> B2["Creates Closure"]
+    
+    B --> C["Private Variables"]
+    B2 --> C2["Private Variables"]
+    
+    C --> D["pos1, pos2, pos3, pos4"]
+    C --> E["pointerDrag function"]
+    C --> F["elementDrag function"]
+    C --> G["stopElementDrag function"]
+    
+    C2 --> D2["pos1, pos2, pos3, pos4"]
+    C2 --> E2["pointerDrag function"]
+    C2 --> F2["elementDrag function"]
+    C2 --> G2["stopElementDrag function"]
+    
+    H["Plant 1 remembers its position"] --> B
+    H2["Plant 2 remembers its position"] --> B2
+    
+    style B fill:#e8f5e8
+    style B2 fill:#e8f5e8
+    style C fill:#fff3e0
+    style C2 fill:#fff3e0
+```
+> 💡 **Understanding Closures**: Closures are a significant topic in JavaScript, and many developers use them for years before fully grasping all the theoretical aspects. Today, we're focusing on practical application - you'll see closures naturally emerge as we build our interactive features. Understanding will develop as you see how they solve real problems.
 
-Manipulating the DOM, or the "Document Object Model," is a fundamental part of web development. According to [MDN](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction), "The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web." The challenges of DOM manipulation have often led developers to use JavaScript frameworks instead of plain JavaScript to manage the DOM, but we’ll tackle it ourselves!
+![DOM tree representation](../../../../translated_images/en/dom-tree.7daf0e763cbbba92.webp)
 
-Additionally, this lesson introduces the concept of a [JavaScript closure](https://developer.mozilla.org/docs/Web/JavaScript/Closures), which you can think of as a function wrapped inside another function, allowing the inner function to access the outer function's scope.
+> A representation of the DOM and the HTML markup that references it. From [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
 
-> JavaScript closures are a broad and complex topic. This lesson covers the basic idea that in the terrarium's code, you’ll encounter a closure: an inner function and an outer function structured in a way that lets the inner function access the outer function's scope. For more details, check out the [comprehensive documentation](https://developer.mozilla.org/docs/Web/JavaScript/Closures).
+In this lesson, we will complete our interactive terrarium project by creating the JavaScript that will allow a user to manipulate the plants on the page.
 
-We’ll use a closure to manipulate the DOM.
+## Before We Begin: Setting Up for Success
 
-Think of the DOM as a tree that represents all the ways a web page document can be manipulated. Various APIs (Application Program Interfaces) have been created to allow developers to access, edit, rearrange, and manage the DOM using their preferred programming language.
+You'll need your HTML and CSS files from the previous terrarium lessons - we're about to make that static design interactive. If you're joining for the first time, completing those lessons first will provide important context.
 
-![DOM tree representation](../../../../translated_images/en/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.png)
+Here's what we'll build:
+- **Smooth drag-and-drop** for all terrarium plants
+- **Coordinate tracking** so plants remember their positions
+- **A complete interactive interface** using vanilla JavaScript
+- **Clean, organized code** using closure patterns
 
-> A representation of the DOM and the HTML markup that references it. From [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites)
+## Setting Up Your JavaScript File
 
-In this lesson, we’ll complete our interactive terrarium project by writing JavaScript that lets users move plants around the page.
+Let's create the JavaScript file that will make your terrarium interactive.
 
-### Prerequisite
+**Step 1: Create your script file**
 
-You should already have the HTML and CSS for your terrarium set up. By the end of this lesson, you’ll be able to drag plants into and out of the terrarium.
+In your terrarium folder, create a new file called `script.js`.
 
-### Task
+**Step 2: Link the JavaScript to your HTML**
 
-In your terrarium folder, create a new file called `script.js`. Import this file in the `<head>` section:
+Add this script tag to the `<head>` section of your `index.html` file:
 
 ```html
-	<script src="./script.js" defer></script>
+<script src="./script.js" defer></script>
 ```
 
-> Note: Use `defer` when importing an external JavaScript file into the HTML file to ensure the JavaScript runs only after the HTML file has fully loaded. Alternatively, you could use the `async` attribute, which allows the script to execute while the HTML file is still being parsed. However, in our case, it’s important for the HTML elements to be fully loaded before the drag script runs.
+**Why the `defer` attribute is important:**
+- **Ensures** your JavaScript waits until all HTML is loaded
+- **Prevents** errors where JavaScript looks for elements that aren't ready yet
+- **Guarantees** all your plant elements are available for interaction
+- **Provides** better performance than placing scripts at the page bottom
+
+> ⚠️ **Important Note**: The `defer` attribute prevents common timing issues. Without it, JavaScript may try to access HTML elements before they're loaded, causing errors.
 
 ---
 
-## The DOM elements
+## Connecting JavaScript to Your HTML Elements
 
-The first step is to create references to the elements you want to manipulate in the DOM. In this case, these are the 14 plants currently located in the sidebars.
+Before we can make elements draggable, JavaScript needs to locate them in the DOM. Think of this like a library cataloging system - once you have the catalog number, you can find exactly the book you need and access all its contents.
 
-### Task
+We'll use the `document.getElementById()` method to make these connections. It's like having a precise filing system - you provide an ID, and it locates exactly the element you need in your HTML.
 
-```html
+### Enabling Drag Functionality for All Plants
+
+Add this code to your `script.js` file:
+
+```javascript
+// Enable drag functionality for all 14 plants
 dragElement(document.getElementById('plant1'));
 dragElement(document.getElementById('plant2'));
 dragElement(document.getElementById('plant3'));
@@ -73,157 +207,549 @@ dragElement(document.getElementById('plant13'));
 dragElement(document.getElementById('plant14'));
 ```
 
-What’s happening here? You’re referencing the document and searching its DOM for an element with a specific Id. Recall from the first HTML lesson that you assigned unique Ids to each plant image (`id="plant1"`). Now, you’ll use those Ids. After identifying each element, you pass it to a function called `dragElement`, which you’ll build shortly. This makes the HTML element draggable—or it will soon.
+**Here's what this code accomplishes:**
+- **Locates** each plant element in the DOM using its unique ID
+- **Retrieves** a JavaScript reference to each HTML element
+- **Passes** each element to a `dragElement` function (which we'll create next)
+- **Prepares** every plant for drag-and-drop interaction
+- **Connects** your HTML structure to JavaScript functionality
 
-✅ Why do we reference elements by Id instead of their CSS class? Refer back to the CSS lesson for the answer.
+> 🎯 **Why Use IDs Instead of Classes?** IDs provide unique identifiers for specific elements, while CSS classes are designed for styling groups of elements. When JavaScript needs to manipulate individual elements, IDs offer the precision and performance we need.
+
+> 💡 **Pro Tip**: Notice how we're calling `dragElement()` for each plant individually. This approach ensures that each plant gets its own independent dragging behavior, which is essential for smooth user interaction.
+
+### 🔄 **Pedagogical Check-in**
+**DOM Connection Understanding**: Before moving to drag functionality, verify you can:
+- ✅ Explain how `document.getElementById()` locates HTML elements
+- ✅ Understand why we use unique IDs for each plant
+- ✅ Describe the purpose of the `defer` attribute in script tags
+- ✅ Recognize how JavaScript and HTML connect through the DOM
+
+**Quick Self-Test**: What would happen if two elements had the same ID? Why does `getElementById()` return only one element?
+*Answer: IDs should be unique; if duplicated, only the first element is returned*
 
 ---
 
-## The Closure
+## Building the Drag Element Closure
+
+Now we'll create the heart of our dragging functionality: a closure that manages the dragging behavior for each plant. This closure will contain multiple inner functions that work together to track mouse movements and update element positions.
 
-Now it’s time to create the `dragElement` closure, which is an outer function that wraps around inner functions (in this case, three). 
+Closures are perfect for this task because they allow us to create "private" variables that persist between function calls, giving each plant its own independent coordinate tracking system.
 
-Closures are useful when one or more functions need access to the outer function's scope. Here’s an example:
+### Understanding Closures with a Simple Example
+
+Let me demonstrate closures with a simple example that illustrates the concept:
 
 ```javascript
-function displayCandy(){
-	let candy = ['jellybeans'];
-	function addCandy(candyType) {
-		candy.push(candyType)
-	}
-	addCandy('gumdrops');
+function createCounter() {
+    let count = 0; // This is like a private variable
+    
+    function increment() {
+        count++; // The inner function remembers the outer variable
+        return count;
+    }
+    
+    return increment; // We're giving back the inner function
 }
-displayCandy();
-console.log(candy)
-```
 
-In this example, the `displayCandy` function wraps around a function that adds a new candy type to an array already defined in the outer function. If you run this code, the `candy` array will be undefined because it’s a local variable (local to the closure).
-
-✅ How can you make the `candy` array accessible? Try moving it outside the closure. This way, the array becomes global instead of being limited to the closure’s local scope.
+const myCounter = createCounter();
+console.log(myCounter()); // 1
+console.log(myCounter()); // 2
+```
 
-### Task
+**Here's what's happening in this closure pattern:**
+- **Creates** a private `count` variable that only exists within this closure
+- **The inner function** can access and modify that outer variable (the closure mechanism)
+- **When we return** the inner function, it maintains its connection to that private data
+- **Even after** `createCounter()` finishes execution, `count` persists and remembers its value
+
+### Why Closures Are Perfect for Drag Functionality
+
+For our terrarium, each plant needs to remember its current position coordinates. Closures provide the perfect solution:
+
+**Key benefits for our project:**
+- **Maintains** private position variables for each plant independently
+- **Preserves** coordinate data between drag events
+- **Prevents** variable conflicts between different draggable elements
+- **Creates** clean, organized code structure
+
+> 🎯 **Learning Goal**: You don't need to master every aspect of closures right now. Focus on seeing how they help us organize code and maintain state for our dragging functionality.
+
+```mermaid
+stateDiagram-v2
+    [*] --> Ready: Page loads
+    Ready --> DragStart: User presses down (pointerdown)
+    DragStart --> Dragging: Mouse/finger moves (pointermove)
+    Dragging --> Dragging: Continue moving
+    Dragging --> DragEnd: User releases (pointerup)
+    DragEnd --> Ready: Reset for next drag
+    
+    state DragStart {
+        [*] --> CapturePosition
+        CapturePosition --> SetupListeners
+        SetupListeners --> [*]
+    }
+    
+    state Dragging {
+        [*] --> CalculateMovement
+        CalculateMovement --> UpdatePosition
+        UpdatePosition --> [*]
+    }
+    
+    state DragEnd {
+        [*] --> RemoveListeners
+        RemoveListeners --> CleanupState
+        CleanupState --> [*]
+    }
+```
+### Creating the dragElement Function
 
-Under the element declarations in `script.js`, create a function:
+Now let's build the main function that will handle all the dragging logic. Add this function below your plant element declarations:
 
 ```javascript
 function dragElement(terrariumElement) {
-	//set 4 positions for positioning on the screen
-	let pos1 = 0,
-		pos2 = 0,
-		pos3 = 0,
-		pos4 = 0;
-	terrariumElement.onpointerdown = pointerDrag;
+    // Initialize position tracking variables
+    let pos1 = 0,  // Previous mouse X position
+        pos2 = 0,  // Previous mouse Y position
+        pos3 = 0,  // Current mouse X position
+        pos4 = 0;  // Current mouse Y position
+    
+    // Set up the initial drag event listener
+    terrariumElement.onpointerdown = pointerDrag;
 }
 ```
 
-`dragElement` receives its `terrariumElement` object from the declarations at the top of the script. Then, you set some local positions to `0` for the object passed into the function. These local variables will be used to track each element’s position as you add drag-and-drop functionality within the closure. The terrarium will be populated with these draggable elements, so the app needs to keep track of their placement.
-
-Additionally, the `terrariumElement` passed to this function is assigned a `pointerdown` event, which is part of the [web APIs](https://developer.mozilla.org/docs/Web/API) designed for DOM manipulation. `onpointerdown` triggers when a button is pressed or, in this case, when a draggable element is touched. This event handler works on both [web and mobile browsers](https://caniuse.com/?search=onpointerdown), with a few exceptions.
-
-✅ The [event handler `onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) has broader browser support. Why wouldn’t you use it here? Consider the specific type of interaction you’re trying to create.
+**Understanding the position tracking system:**
+- **`pos1` and `pos2`**: Store the difference between old and new mouse positions
+- **`pos3` and `pos4`**: Track the current mouse coordinates
+- **`terrariumElement`**: The specific plant element we're making draggable
+- **`onpointerdown`**: The event that triggers when the user starts dragging
+
+**Here's how the closure pattern works:**
+- **Creates** private position variables for each plant element
+- **Maintains** these variables throughout the dragging lifecycle
+- **Ensures** each plant tracks its own coordinates independently
+- **Provides** a clean interface through the `dragElement` function
+
+### Why Use Pointer Events?
+
+You might wonder why we use `onpointerdown` instead of the more familiar `onclick`. Here's the reasoning:
+
+| Event Type | Best For | The Catch |
+|------------|----------|-------------|
+| `onclick` | Simple button clicks | Can't handle dragging (just clicks and releases) |
+| `onpointerdown` | Both mouse and touch | Newer, but well-supported these days |
+| `onmousedown` | Desktop mouse only | Leaves mobile users out in the cold |
+
+**Why pointer events are perfect for what we're building:**
+- **Works great** whether someone's using a mouse, finger, or even a stylus
+- **Feels the same** on a laptop, tablet, or phone
+- **Handles** the actual dragging motion (not just click-and-done)
+- **Creates** a smooth experience that users expect from modern web apps
+
+> 💡 **Future-Proofing**: Pointer events are the modern way to handle user interactions. Instead of writing separate code for mouse and touch, you get both for free. Pretty neat, right?
+
+### 🔄 **Pedagogical Check-in**
+**Event Handling Understanding**: Pause to confirm your grasp of events:
+- ✅ Why do we use pointer events instead of mouse events?
+- ✅ How do closure variables persist between function calls?
+- ✅ What role does `preventDefault()` play in smooth dragging?
+- ✅ Why do we attach listeners to the document instead of individual elements?
+
+**Real-World Connection**: Think about drag-and-drop interfaces you use daily:
+- **File uploads**: Dragging files into a browser window
+- **Kanban boards**: Moving tasks between columns
+- **Image galleries**: Rearranging photo order
+- **Mobile interfaces**: Swiping and dragging on touchscreens
 
 ---
 
-## The Pointerdrag function
+## The pointerDrag Function: Capturing the Start of a Drag
 
-The `terrariumElement` is now ready to be dragged. When the `onpointerdown` event is triggered, the `pointerDrag` function is called. Add this function right below the line: `terrariumElement.onpointerdown = pointerDrag;`:
+When a user presses down on a plant (whether with a mouse click or finger touch), the `pointerDrag` function springs into action. This function captures the initial coordinates and sets up the dragging system.
 
-### Task 
+Add this function inside your `dragElement` closure, right after the line `terrariumElement.onpointerdown = pointerDrag;`:
 
 ```javascript
 function pointerDrag(e) {
-	e.preventDefault();
-	console.log(e);
-	pos3 = e.clientX;
-	pos4 = e.clientY;
+    // Prevent default browser behavior (like text selection)
+    e.preventDefault();
+    
+    // Capture the initial mouse/touch position
+    pos3 = e.clientX;  // X coordinate where drag started
+    pos4 = e.clientY;  // Y coordinate where drag started
+    
+    // Set up event listeners for the dragging process
+    document.onpointermove = elementDrag;
+    document.onpointerup = stopElementDrag;
 }
 ```
 
-Several things happen here. First, you prevent the default events that typically occur on pointerdown by using `e.preventDefault();`. This gives you more control over the interface’s behavior.
+**Step by step, here's what's happening:**
+- **Prevents** default browser behaviors that could interfere with dragging
+- **Records** the exact coordinates where the user started the drag gesture
+- **Establishes** event listeners for the ongoing drag movement
+- **Prepares** the system to track mouse/finger movement across the entire document
 
-> After completing the script file, revisit this line and try removing `e.preventDefault()`—what changes?
+### Understanding Event Prevention
 
-Next, open `index.html` in a browser and inspect the interface. When you click a plant, you’ll see how the 'e' event is captured. Explore the event to see the wealth of information gathered from a single pointerdown event!
+The `e.preventDefault()` line is crucial for smooth dragging:
 
-Then, note how the local variables `pos3` and `pos4` are set to `e.clientX`. You can find the `e` values in the inspection pane. These values capture the x and y coordinates of the plant at the moment you click or touch it. You’ll need precise control over the plants’ behavior as you drag them, so you track their coordinates.
+**Without prevention, browsers might:**
+- **Select** text when dragging across the page
+- **Trigger** context menus on right-click drag
+- **Interfere** with our custom dragging behavior
+- **Create** visual artifacts during the drag operation
 
-✅ Is it becoming clearer why this app is built with one large closure? Without it, how would you maintain scope for each of the 14 draggable plants?
+> 🔍 **Experiment**: After completing this lesson, try removing `e.preventDefault()` and see how it affects the dragging experience. You'll quickly understand why this line is essential!
 
-Complete the initial function by adding two more pointer event manipulations under `pos4 = e.clientY`:
+### Coordinate Tracking System
 
-```html
+The `e.clientX` and `e.clientY` properties give us precise mouse/touch coordinates:
+
+| Property | What It Measures | Use Case |
+|----------|------------------|----------|
+| `clientX` | Horizontal position relative to the viewport | Tracking left-right movement |
+| `clientY` | Vertical position relative to the viewport | Tracking up-down movement |
+
+**Understanding these coordinates:**
+- **Provides** pixel-perfect positioning information
+- **Updates** in real-time as the user moves their pointer
+- **Remains** consistent across different screen sizes and zoom levels
+- **Enables** smooth, responsive drag interactions
+
+### Setting Up Document-Level Event Listeners
+
+Notice how we attach the move and stop events to the entire `document`, not just the plant element:
+
+```javascript
 document.onpointermove = elementDrag;
 document.onpointerup = stopElementDrag;
 ```
 
-Here, you specify that the plant should move with the pointer as you drag it and stop moving when you release it. `onpointermove` and `onpointerup` are part of the same API as `onpointerdown`. The interface will throw errors now because the `elementDrag` and `stopElementDrag` functions haven’t been defined yet, so let’s build those next.
+**Why attach to the document:**
+- **Continues** tracking even when the mouse leaves the plant element
+- **Prevents** drag interruption if the user moves quickly
+- **Provides** smooth dragging across the entire screen
+- **Handles** edge cases where the cursor moves outside the browser window
 
----
+> ⚡ **Performance Note**: We'll clean up these document-level listeners when dragging stops to avoid memory leaks and performance issues.
 
-## The elementDrag and stopElementDrag functions
+## Completing the Drag System: Movement and Cleanup
 
-Complete the closure by adding two more internal functions to handle what happens when you drag a plant and when you stop dragging it. The goal is to allow you to drag any plant at any time and place it anywhere on the screen. This interface is intentionally flexible (there’s no drop zone, for example) so you can design your terrarium however you like by adding, removing, and repositioning plants.
+Now we'll add the two remaining functions that handle the actual dragging movement and the cleanup when dragging stops. These functions work together to create smooth, responsive plant movement across your terrarium.
 
-### Task
+### The elementDrag Function: Tracking Movement
 
 Add the `elementDrag` function right after the closing curly bracket of `pointerDrag`:
 
 ```javascript
 function elementDrag(e) {
-	pos1 = pos3 - e.clientX;
-	pos2 = pos4 - e.clientY;
-	pos3 = e.clientX;
-	pos4 = e.clientY;
-	console.log(pos1, pos2, pos3, pos4);
-	terrariumElement.style.top = terrariumElement.offsetTop - pos2 + 'px';
-	terrariumElement.style.left = terrariumElement.offsetLeft - pos1 + 'px';
+    // Calculate the distance moved since the last event
+    pos1 = pos3 - e.clientX;  // Horizontal distance moved
+    pos2 = pos4 - e.clientY;  // Vertical distance moved
+    
+    // Update the current position tracking
+    pos3 = e.clientX;  // New current X position
+    pos4 = e.clientY;  // New current Y position
+    
+    // Apply the movement to the element's position
+    terrariumElement.style.top = (terrariumElement.offsetTop - pos2) + 'px';
+    terrariumElement.style.left = (terrariumElement.offsetLeft - pos1) + 'px';
 }
 ```
 
-In this function, you make several adjustments to the initial positions (`pos1`–`pos4`) set as local variables in the outer function. What’s happening here?
-
-As you drag, you update `pos1` by setting it equal to `pos3` (previously set as `e.clientX`) minus the current `e.clientX` value. You do something similar for `pos2`. Then, you update `pos3` and `pos4` to the new x and y coordinates of the element. You can observe these changes in the console as you drag. Finally, you modify the plant’s CSS style to set its new position based on the updated values of `pos1` and `pos2`, calculating the plant’s top and left coordinates relative to its offset.
-
-> `offsetTop` and `offsetLeft` are CSS properties that position an element relative to its parent, as long as the parent isn’t positioned as `static`.
-
-This recalculation ensures precise control over the terrarium and its plants.
-
-### Task 
+**Understanding the coordinate mathematics:**
+- **`pos1` and `pos2`**: Calculate how far the mouse has moved since the last update
+- **`pos3` and `pos4`**: Store the current mouse position for the next calculation
+- **`offsetTop` and `offsetLeft`**: Get the element's current position on the page
+- **Subtraction logic**: Moves the element by the same amount the mouse moved
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Mouse
+    participant JavaScript
+    participant Plant
+    
+    User->>Mouse: Start drag at (100, 50)
+    Mouse->>JavaScript: pointerdown event
+    JavaScript->>JavaScript: Store initial position (pos3=100, pos4=50)
+    JavaScript->>JavaScript: Setup move/up listeners
+    
+    User->>Mouse: Move to (110, 60)
+    Mouse->>JavaScript: pointermove event
+    JavaScript->>JavaScript: Calculate: pos1=10, pos2=10
+    JavaScript->>Plant: Update: left += 10px, top += 10px
+    Plant->>Plant: Render at new position
+    
+    User->>Mouse: Release at (120, 65)
+    Mouse->>JavaScript: pointerup event
+    JavaScript->>JavaScript: Remove listeners
+    JavaScript->>JavaScript: Reset for next drag
+```
+**Here's the movement calculation breakdown:**
+1. **Measures** the difference between old and new mouse positions
+2. **Calculates** how much to move the element based on mouse movement
+3. **Updates** the element's CSS position properties in real-time
+4. **Stores** the new position as the baseline for the next movement calculation
+
+### Visual Representation of the Math
+
+```mermaid
+sequenceDiagram
+    participant Mouse
+    participant JavaScript
+    participant Plant
+    
+    Mouse->>JavaScript: Move from (100,50) to (110,60)
+    JavaScript->>JavaScript: Calculate: moved 10px right, 10px down
+    JavaScript->>Plant: Update position by +10px right, +10px down
+    Plant->>Plant: Render at new position
+```
+### The stopElementDrag Function: Cleaning Up
 
-Finally, add the `stopElementDrag` function after the closing curly bracket of `elementDrag`:
+Add the cleanup function after the closing curly bracket of `elementDrag`:
 
 ```javascript
 function stopElementDrag() {
-	document.onpointerup = null;
-	document.onpointermove = null;
+    // Remove the document-level event listeners
+    document.onpointerup = null;
+    document.onpointermove = null;
 }
 ```
 
-This small function resets the `onpointerup` and `onpointermove` events, allowing you to either restart dragging the same plant or begin dragging a new one.
+**Why cleanup is essential:**
+- **Prevents** memory leaks from lingering event listeners
+- **Stops** the dragging behavior when the user releases the plant
+- **Allows** other elements to be dragged independently
+- **Resets** the system for the next drag operation
+
+**What happens without cleanup:**
+- Event listeners continue running even after dragging stops
+- Performance degrades as unused listeners accumulate
+- Unexpected behavior when interacting with other elements
+- Browser resources are wasted on unnecessary event handling
+
+### Understanding CSS Position Properties
+
+Our dragging system manipulates two key CSS properties:
+
+| Property | What It Controls | How We Use It |
+|----------|------------------|---------------|
+| `top` | Distance from the top edge | Vertical positioning during drag |
+| `left` | Distance from the left edge | Horizontal positioning during drag |
+
+**Key insights about offset properties:**
+- **`offsetTop`**: Current distance from the top of the positioned parent element
+- **`offsetLeft`**: Current distance from the left of the positioned parent element
+- **Positioning context**: These values are relative to the nearest positioned ancestor
+- **Real-time updates**: Changes immediately when we modify the CSS properties
+
+> 🎯 **Design Philosophy**: This drag system is intentionally flexible – there are no "drop zones" or restrictions. Users can place plants anywhere, giving them complete creative control over their terrarium design.
 
-✅ What happens if you don’t set these events to null?
+## Bringing It All Together: Your Complete Drag System
 
-Now your project is complete!
+Congratulations! You've just built a sophisticated drag-and-drop system using vanilla JavaScript. Your complete `dragElement` function now contains a powerful closure that manages:
 
-🥇Congratulations! You’ve finished your beautiful terrarium! ![finished terrarium](../../../../translated_images/en/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.png)
+**What your closure accomplishes:**
+- **Maintains** private position variables for each plant independently
+- **Handles** the complete drag lifecycle from start to finish
+- **Provides** smooth, responsive movement across the entire screen
+- **Cleans** up resources properly to prevent memory leaks
+- **Creates** an intuitive, creative interface for terrarium design
+
+### Testing Your Interactive Terrarium
+
+Now test your interactive terrarium! Open your `index.html` file in a web browser and try the functionality:
+
+1. **Click and hold** any plant to start dragging
+2. **Move your mouse or finger** and watch the plant follow smoothly
+3. **Release** to drop the plant in its new position
+4. **Experiment** with different arrangements to explore the interface
+
+🥇 **Achievement**: You've created a fully interactive web application using core concepts that professional developers use daily. That drag-and-drop functionality uses the same principles behind file uploads, kanban boards, and many other interactive interfaces.
+
+### 🔄 **Pedagogical Check-in**
+**Complete System Understanding**: Verify your mastery of the full drag system:
+- ✅ How do closures maintain independent state for each plant?
+- ✅ Why is the coordinate calculation math necessary for smooth movement?
+- ✅ What would happen if we forgot to clean up event listeners?
+- ✅ How does this pattern scale to more complex interactions?
+
+**Code Quality Reflection**: Review your complete solution:
+- **Modular design**: Each plant gets its own closure instance
+- **Event efficiency**: Proper setup and cleanup of listeners
+- **Cross-device support**: Works on desktop and mobile
+- **Performance conscious**: No memory leaks or redundant calculations
+
+![finished terrarium](../../../../translated_images/en/terrarium-final.0920f16e87c13a84.webp)
 
 ---
 
-## 🚀Challenge
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
 
-Add a new event handler to your closure to add more functionality to the plants—for example, double-clicking a plant to bring it to the front. Get creative!
+**Description:** Enhance the terrarium project by adding a reset functionality that returns all plants to their original positions with smooth animations.
+
+**Prompt:** Create a reset button that, when clicked, animates all plants back to their original sidebar positions using CSS transitions. The function should store the original positions when the page loads and smoothly transition plants back to those positions over 1 second when the reset button is pressed.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## 🚀 Additional Challenge: Expand Your Skills
+
+Ready to take your terrarium to the next level? Try implementing these enhancements:
+
+**Creative Extensions:**
+- **Double-click** a plant to bring it to the front (z-index manipulation)
+- **Add visual feedback** like a subtle glow when hovering over plants
+- **Implement boundaries** to prevent plants from being dragged outside the terrarium
+- **Create a save function** that remembers plant positions using localStorage
+- **Add sound effects** for picking up and placing plants
+
+> 💡 **Learning Opportunity**: Each of these challenges will teach you new aspects of DOM manipulation, event handling, and user experience design.
 
 ## Post-Lecture Quiz
 
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/20)
 
-## Review & Self Study
+## Review & Self Study: Deepening Your Understanding
+
+You've mastered the fundamentals of DOM manipulation and closures, but there's always more to explore! Here are some pathways to expand your knowledge and skills.
+
+### Alternative Drag and Drop Approaches
+
+We used pointer events for maximum flexibility, but web development offers multiple approaches:
+
+| Approach | Best For | Learning Value |
+|----------|----------|----------------|
+| [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API) | File uploads, formal drag zones | Understanding native browser capabilities |
+| [Touch Events](https://developer.mozilla.org/docs/Web/API/Touch_events) | Mobile-specific interactions | Mobile-first development patterns |
+| CSS `transform` properties | Smooth animations | Performance optimization techniques |
+
+### Advanced DOM Manipulation Topics
+
+**Next steps in your learning journey:**
+- **Event delegation**: Handling events efficiently for multiple elements
+- **Intersection Observer**: Detecting when elements enter/leave the viewport
+- **Mutation Observer**: Watching for changes in the DOM structure
+- **Web Components**: Creating reusable, encapsulated UI elements
+- **Virtual DOM concepts**: Understanding how frameworks optimize DOM updates
+
+### Essential Resources for Continued Learning
+
+**Technical Documentation:**
+- [MDN Pointer Events Guide](https://developer.mozilla.org/docs/Web/API/Pointer_events) - Comprehensive pointer event reference
+- [W3C Pointer Events Specification](https://www.w3.org/TR/pointerevents1/) - Official standards documentation
+- [JavaScript Closures Deep Dive](https://developer.mozilla.org/docs/Web/JavaScript/Closures) - Advanced closure patterns
+
+**Browser Compatibility:**
+- [CanIUse.com](https://caniuse.com/) - Check feature support across browsers
+- [MDN Browser Compatibility Data](https://github.com/mdn/browser-compat-data) - Detailed compatibility information
+
+**Practice Opportunities:**
+- **Build** a puzzle game using similar drag mechanics
+- **Create** a kanban board with drag-and-drop task management
+- **Design** an image gallery with draggable photo arrangements
+- **Experiment** with touch gestures for mobile interfaces
+
+> 🎯 **Learning Strategy**: The best way to solidify these concepts is through practice. Try building variations of draggable interfaces – each project will teach you something new about user interaction and DOM manipulation.
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open browser DevTools and type `document.querySelector('body')` in the console
+- [ ] Try changing a webpage's text using `innerHTML` or `textContent`
+- [ ] Add a click event listener to any button or link on a webpage
+- [ ] Inspect the DOM tree structure using the Elements panel
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and review DOM manipulation concepts
+- [ ] Create an interactive webpage that responds to user clicks
+- [ ] Practice event handling with different event types (click, mouseover, keypress)
+- [ ] Build a simple to-do list or counter using DOM manipulation
+- [ ] Explore the relationship between HTML elements and JavaScript objects
+
+### 📅 **Your Week-Long JavaScript Journey**
+- [ ] Complete the interactive terrarium project with drag-and-drop functionality
+- [ ] Master event delegation for efficient event handling
+- [ ] Learn about the event loop and asynchronous JavaScript
+- [ ] Practice closures by building modules with private state
+- [ ] Explore modern DOM APIs like Intersection Observer
+- [ ] Build interactive components without using frameworks
+
+### 🌟 **Your Month-Long JavaScript Mastery**
+- [ ] Create a complex single-page application using vanilla JavaScript
+- [ ] Learn a modern framework (React, Vue, or Angular) and compare it to vanilla DOM
+- [ ] Contribute to open source JavaScript projects
+- [ ] Master advanced concepts like web components and custom elements
+- [ ] Build performant web applications with optimal DOM patterns
+- [ ] Teach others about DOM manipulation and JavaScript fundamentals
+
+## 🎯 Your JavaScript DOM Mastery Timeline
+
+```mermaid
+timeline
+    title DOM & JavaScript Learning Progression
+    
+    section Foundation (15 minutes)
+        DOM Understanding: Element selection methods
+                         : Tree structure navigation
+                         : Property access patterns
+        
+    section Event Handling (20 minutes)
+        User Interaction: Pointer event basics
+                        : Event listener setup
+                        : Cross-device compatibility
+                        : Event prevention techniques
+        
+    section Closures (25 minutes)
+        Scope Management: Private variable creation
+                        : Function persistence
+                        : State management patterns
+                        : Memory efficiency
+        
+    section Drag System (30 minutes)
+        Interactive Features: Coordinate tracking
+                            : Position calculation
+                            : Movement mathematics
+                            : Cleanup procedures
+        
+    section Advanced Patterns (45 minutes)
+        Professional Skills: Event delegation
+                           : Performance optimization
+                           : Error handling
+                           : Accessibility considerations
+        
+    section Framework Understanding (1 week)
+        Modern Development: Virtual DOM concepts
+                          : State management libraries
+                          : Component architectures
+                          : Build tool integration
+        
+    section Expert Level (1 month)
+        Advanced DOM APIs: Intersection Observer
+                         : Mutation Observer
+                         : Custom Elements
+                         : Web Components
+```
+### 🛠️ Your JavaScript Toolkit Summary
 
-While dragging elements around the screen may seem simple, there are many ways to achieve this and many potential challenges, depending on the desired effect. In fact, there’s an entire [drag-and-drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API) you can explore. We didn’t use it in this module because we wanted a slightly different effect, but try it out in your own project to see what you can create.
+After completing this lesson, you now have:
+- **DOM Mastery**: Element selection, property manipulation, and tree navigation
+- **Event Expertise**: Cross-device interaction handling with pointer events
+- **Closure Understanding**: Private state management and function persistence
+- **Interactive Systems**: Complete drag-and-drop implementation from scratch
+- **Performance Awareness**: Proper event cleanup and memory management
+- **Modern Patterns**: Code organization techniques used in professional development
+- **User Experience**: Creating intuitive, responsive interfaces
 
-Learn more about pointer events in the [W3C docs](https://www.w3.org/TR/pointerevents1/) and on [MDN web docs](https://developer.mozilla.org/docs/Web/API/Pointer_events).
+**Professional Skills Gained**: You've built features using the same techniques as:
+- **Trello/Kanban boards**: Card dragging between columns
+- **File upload systems**: Drag-and-drop file handling
+- **Image galleries**: Photo arrangement interfaces
+- **Mobile apps**: Touch-based interaction patterns
 
-Always check browser compatibility using [CanIUse.com](https://caniuse.com/).
+**Next Level**: You're ready to explore modern frameworks like React, Vue, or Angular that build upon these fundamental DOM manipulation concepts!
 
 ## Assignment
 
@@ -231,5 +757,7 @@ Always check browser compatibility using [CanIUse.com](https://caniuse.com/).
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/3-intro-to-DOM-and-closures/assignment.md b/translations/en/3-terrarium/3-intro-to-DOM-and-closures/assignment.md
index 0db47b8a0..d3c4879c6 100644
--- a/translations/en/3-terrarium/3-intro-to-DOM-and-closures/assignment.md
+++ b/translations/en/3-terrarium/3-intro-to-DOM-and-closures/assignment.md
@@ -1,25 +1,130 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "22fb6c3cb570c47f1ac65048393941fa",
-  "translation_date": "2025-08-28T11:53:46+00:00",
-  "source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md",
-  "language_code": "en"
-}
--->
-# Work a bit more with the DOM
+# DOM Element Investigation Assignment
+
+## Overview
+
+Now that you've experienced the power of DOM manipulation firsthand, it's time to explore the broader world of DOM interfaces. This assignment will deepen your understanding of how different web technologies interact with the DOM beyond just dragging elements.
+
+## Learning Objectives
+
+By completing this assignment, you will:
+- **Research** and understand a specific DOM interface in depth
+- **Analyze** real-world implementations of DOM manipulation
+- **Connect** theoretical concepts to practical applications
+- **Develop** skills in technical documentation and analysis
 
 ## Instructions
 
-Explore the DOM further by 'adopting' a DOM element. Visit the MDN's [list of DOM interfaces](https://developer.mozilla.org/docs/Web/API/Document_Object_Model) and choose one. Find an example of it being used on a website, and write an explanation of how it is utilized.
+### Step 1: Choose Your DOM Interface
+
+Visit MDN's comprehensive [list of DOM interfaces](https://developer.mozilla.org/docs/Web/API/Document_Object_Model) and select one interface that interests you. Consider choosing from these categories for variety:
+
+**Beginner-Friendly Options:**
+- `Element.classList` - Managing CSS classes dynamically
+- `Document.querySelector()` - Advanced element selection
+- `Element.addEventListener()` - Event handling beyond pointer events
+- `Window.localStorage` - Client-side data storage
+
+**Intermediate Challenges:**
+- `Intersection Observer API` - Detecting element visibility
+- `MutationObserver` - Watching DOM changes
+- `Drag and Drop API` - Alternative to our pointer-based approach
+- `Geolocation API` - Accessing user location
+
+**Advanced Exploration:**
+- `Web Components` - Custom elements and shadow DOM
+- `Canvas API` - Programmatic graphics
+- `Web Workers` - Background processing
+- `Service Workers` - Offline functionality
+
+### Step 2: Research and Document
+
+Create a comprehensive analysis (300-500 words) that includes:
+
+#### Technical Overview
+- **Define** what your chosen interface does in clear, beginner-friendly language
+- **Explain** the key methods, properties, or events it provides
+- **Describe** the types of problems it's designed to solve
+
+#### Real-World Implementation
+- **Find** a website that uses your chosen interface (inspect the code or research examples)
+- **Document** the specific implementation with code snippets if possible
+- **Analyze** why the developers chose this approach
+- **Explain** how it enhances the user experience
+
+#### Practical Application
+- **Compare** your interface to the techniques we used in the terrarium project
+- **Suggest** how your interface could enhance or extend the terrarium functionality
+- **Identify** other projects where this interface would be valuable
+
+### Step 3: Code Example
+
+Include a simple, working code example that demonstrates your interface in action. This should be:
+- **Functional** - The code should actually work when tested
+- **Commented** - Explain what each part does
+- **Relevant** - Connected to a realistic use case
+- **Beginner-friendly** - Understandable to someone learning web development
+
+## Submission Format
+
+Structure your submission with clear headings:
+
+```markdown
+# [Interface Name] DOM Investigation
+
+## What It Does
+[Technical overview]
+
+## Real-World Example
+[Website analysis and implementation details]
+
+## Code Demonstration
+[Your working example with comments]
+
+## Reflection
+[How this connects to our terrarium project and future applications]
+```
+
+## Assessment Rubric
+
+| Criteria | Exemplary (A) | Proficient (B) | Developing (C) | Needs Improvement (D) |
+|----------|---------------|----------------|----------------|----------------------|
+| **Technical Understanding** | Demonstrates deep understanding with accurate explanations and proper terminology | Shows solid understanding with mostly accurate explanations | Basic understanding with some misconceptions | Limited understanding with significant errors |
+| **Real-World Analysis** | Identifies and thoroughly analyzes actual implementation with specific examples | Finds real example with adequate analysis | Locates example but analysis lacks depth | Vague or inaccurate real-world connection |
+| **Code Example** | Working, well-commented code that clearly demonstrates the interface | Functional code with adequate comments | Code works but needs better documentation | Code has errors or poor explanation |
+| **Writing Quality** | Clear, engaging writing with proper structure and technical communication | Well-organized with good technical writing | Adequate organization and clarity | Poor organization or unclear communication |
+| **Critical Thinking** | Makes insightful connections between concepts and suggests innovative applications | Shows good analytical thinking and relevant connections | Some analysis present but could be deeper | Limited evidence of critical thinking |
+
+## Tips for Success
+
+**Research Strategies:**
+- **Start** with MDN documentation for authoritative information
+- **Look** for code examples on GitHub or CodePen
+- **Check** popular websites using browser developer tools
+- **Watch** tutorial videos for visual explanations
+
+**Writing Guidelines:**
+- **Use** your own words rather than copying documentation
+- **Include** specific examples and code snippets
+- **Explain** technical concepts as if teaching a friend
+- **Connect** your interface to broader web development concepts
+
+**Code Example Ideas:**
+- **Create** a simple demo that showcases the interface's main features
+- **Build** on concepts from our terrarium project where relevant
+- **Focus** on functionality over visual design
+- **Test** your code to ensure it works correctly
+
+## Submission Deadline
+
+[Insert deadline here]
 
-## Rubric
+## Questions?
 
-| Criteria | Outstanding                                   | Satisfactory                                     | Needs Improvement       |
-| -------- | --------------------------------------------- | ------------------------------------------------ | ----------------------- |
-|          | Paragraph explanation is provided, with example | Paragraph explanation is provided, without example | No explanation is provided |
+If you need clarification on any aspect of this assignment, don't hesitate to ask! This investigation will deepen your understanding of how the DOM enables the interactive web experiences we use every day.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the definitive source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/README.md b/translations/en/3-terrarium/README.md
index e51f936a7..92e3fb9f0 100644
--- a/translations/en/3-terrarium/README.md
+++ b/translations/en/3-terrarium/README.md
@@ -1,45 +1,21 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
-  "translation_date": "2025-08-28T11:48:27+00:00",
-  "source_file": "3-terrarium/README.md",
-  "language_code": "en"
-}
--->
-# My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱
-
-A small drag-and-drop coding exercise. With a bit of HTML, JS, and CSS, you’ll be able to create a web interface, style it, and even add various interactions of your choice.
-
-![my terrarium](../../../translated_images/en/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.png)
-
-# Lessons
-
-1. [Introduction to HTML](./1-intro-to-html/README.md)
-2. [Introduction to CSS](./2-intro-to-css/README.md)
-3. [Introduction to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md)
-
-## Credits
-
-Written with ♥️ by [Jen Looper](https://www.twitter.com/jenlooper)
-
-The CSS-based terrarium design was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
-
-The artwork was hand-drawn by [Jen Looper](http://jenlooper.com) using Procreate.
-
 ## Deploy your Terrarium
 
-You can deploy or publish your terrarium on the web using Azure Static Web Apps.
+You can deploy, or publish your Terrarium on the web using **Azure Static Web Apps**.
 
-1. Fork this repository.
+1. Fork this repo
 
-2. Click this button:
+2. Press this button 👇  
 
-[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
+[![Deploy to Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/#create/Microsoft.StaticApp)
 
-3. Follow the wizard to create your app. Make sure to set the app root to either `/solution` or the root of your codebase. This app doesn’t include an API, so you don’t need to add one. A GitHub folder will be created in your forked repository, which will help Azure Static Web Apps' build services to build and publish your app to a new URL.
+3. Follow the setup wizard to create your app.  
+   - Set the **App root** to either `/solution` or the root of your codebase.  
+   - There’s no API in this app, so you can skip the API configuration.  
+   - A `.github` folder will be created automatically to help Azure Static Web Apps build and publish your app.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/3-terrarium/solution/README.md b/translations/en/3-terrarium/solution/README.md
index 0c28bb0e1..9da08ad98 100644
--- a/translations/en/3-terrarium/solution/README.md
+++ b/translations/en/3-terrarium/solution/README.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
-  "translation_date": "2025-08-28T11:50:16+00:00",
-  "source_file": "3-terrarium/solution/README.md",
-  "language_code": "en"
-}
--->
 # My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱
 
 A small drag-and-drop coding exercise. With a bit of HTML, JS, and CSS, you can create a web interface, style it, and add interactivity.
 
-![my terrarium](../../../../translated_images/en/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.png)
+![my terrarium](../../../../translated_images/en/screenshot_gray.0c796099a1f9f25e.webp)
 
 ## Credits
 
diff --git a/translations/en/4-typing-game/README.md b/translations/en/4-typing-game/README.md
index 9d877d08d..9d7f50cae 100644
--- a/translations/en/4-typing-game/README.md
+++ b/translations/en/4-typing-game/README.md
@@ -1,38 +1,273 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "957547b822c40042e07d591c4fbfde4f",
-  "translation_date": "2025-08-28T11:56:37+00:00",
-  "source_file": "4-typing-game/README.md",
-  "language_code": "en"
-}
--->
 # Event-Driven Programming - Build a Typing Game
 
+```mermaid
+journey
+    title Your Typing Game Development Journey
+    section Foundation
+      Plan game structure: 3: Student
+      Design user interface: 4: Student
+      Setup HTML elements: 4: Student
+    section Functionality
+      Handle user input: 4: Student
+      Track timing: 5: Student
+      Calculate accuracy: 5: Student
+    section Features
+      Add visual feedback: 5: Student
+      Implement game logic: 5: Student
+      Polish experience: 5: Student
+```
 ## Introduction
 
-Typing is one of the most overlooked skills for developers. Being able to quickly translate your thoughts into code allows your creativity to flow seamlessly. And what better way to practice than by playing a game?
+Here's something every developer knows but rarely talks about: typing fast is a superpower! 🚀 Think about it - the faster you can get your ideas from your brain to your code editor, the more your creativity can flow. It's like having a direct pipeline between your thoughts and the screen.
 
-> Let's build a typing game!
+```mermaid
+pie title Game Features
+    "Real-time Feedback" : 25
+    "Performance Tracking" : 20
+    "Interactive UI" : 20
+    "Timer System" : 15
+    "Quote Management" : 10
+    "Results Display" : 10
+```
+Want to know one of the best ways to level up this skill? You guessed it - we're going to build a game!
 
-You'll use the JavaScript, HTML, and CSS skills you've learned so far to create a typing game. The game will display a random quote (we're using [Sherlock Holmes](https://en.wikipedia.org/wiki/Sherlock_Holmes) quotes) and measure how long it takes the player to type it accurately. You'll use the JavaScript, HTML, and CSS skills you've learned so far to create this game.
+```mermaid
+flowchart LR
+    A[Player starts game] --> B[Random quote displayed]
+    B --> C[Player types characters]
+    C --> D{Character correct?}
+    D -->|Yes| E[Green highlight]
+    D -->|No| F[Red highlight]
+    E --> G[Update accuracy]
+    F --> G
+    G --> H{Quote complete?}
+    H -->|No| C
+    H -->|Yes| I[Calculate WPM]
+    I --> J[Display results]
+    J --> K[Play again?]
+    K -->|Yes| B
+    K -->|No| L[Game over]
+    
+    style A fill:#e1f5fe
+    style D fill:#fff3e0
+    style E fill:#e8f5e8
+    style F fill:#ffebee
+    style I fill:#f3e5f5
+```
+> Let's create an awesome typing game together!
 
+Ready to put all those JavaScript, HTML, and CSS skills you've been learning to work? We're going to build a typing game that'll challenge you with random quotes from the legendary detective [Sherlock Holmes](https://en.wikipedia.org/wiki/Sherlock_Holmes). The game will track how fast and accurately you can type - and trust me, it's more addictive than you might think!
+
+```mermaid
+mindmap
+  root((Typing Game Development))
+    User Interface
+      Input Elements
+      Visual Feedback
+      Responsive Design
+      Accessibility
+    Game Logic
+      Quote Selection
+      Timer Management
+      Accuracy Tracking
+      Score Calculation
+    Event Handling
+      Keyboard Input
+      Button Clicks
+      Real-time Updates
+      Game State Changes
+    Performance Metrics
+      Words Per Minute
+      Character Accuracy
+      Error Tracking
+      Progress Display
+    User Experience
+      Immediate Feedback
+      Clear Instructions
+      Engaging Content
+      Achievement System
+```
 ![demo](../../../4-typing-game/images/demo.gif)
 
-## Prerequisites
+## What You'll Need to Know
 
-This lesson assumes you're familiar with the following concepts:
+```mermaid
+flowchart TD
+    A[User Action] --> B{Event Type?}
+    B -->|Key Press| C[Keyboard Event]
+    B -->|Button Click| D[Mouse Event]
+    B -->|Timer| E[Time Event]
+    
+    C --> F[Check Character]
+    D --> G[Start/Reset Game]
+    E --> H[Update Timer]
+    
+    F --> I{Correct?}
+    I -->|Yes| J[Highlight Green]
+    I -->|No| K[Highlight Red]
+    
+    J --> L[Update Score]
+    K --> L
+    L --> M[Check Game State]
+    
+    G --> N[Generate New Quote]
+    H --> O[Display Time]
+    
+    M --> P{Game Complete?}
+    P -->|Yes| Q[Show Results]
+    P -->|No| R[Continue Game]
+    
+    style A fill:#e1f5fe
+    style F fill:#e8f5e8
+    style I fill:#fff3e0
+    style Q fill:#f3e5f5
+```
+Before we dive in, make sure you're comfortable with these concepts (don't worry if you need a quick refresher - we've all been there!):
 
-- Creating text input and button elements
-- Using CSS and applying styles with classes
+- Creating text input and button controls
+- CSS and setting styles using classes  
 - JavaScript basics
-  - Working with arrays
-  - Generating random numbers
-  - Retrieving the current time
+  - Creating an array
+  - Creating a random number
+  - Getting the current time
+
+If any of these feel a bit rusty, that's totally fine! Sometimes the best way to solidify your knowledge is by jumping into a project and figuring things out as you go.
+
+### 🔄 **Pedagogical Check-in**
+**Foundation Assessment**: Before starting development, ensure you understand:
+- ✅ How HTML forms and input elements work
+- ✅ CSS classes and dynamic styling
+- ✅ JavaScript event listeners and handlers
+- ✅ Array manipulation and random selection
+- ✅ Time measurement and calculations
+
+**Quick Self-Test**: Can you explain how these concepts work together in an interactive game?
+- **Events** trigger when users interact with elements
+- **Handlers** process those events and update game state
+- **CSS** provides visual feedback for user actions
+- **Timing** enables performance measurement and game progression
+
+```mermaid
+quadrantChart
+    title Typing Game Skills Development
+    x-axis Beginner --> Expert
+    y-axis Static --> Interactive
+    quadrant-1 Advanced Games
+    quadrant-2 Real-time Apps
+    quadrant-3 Basic Pages
+    quadrant-4 Interactive Sites
+    
+    HTML Forms: [0.3, 0.2]
+    CSS Styling: [0.4, 0.3]
+    Event Handling: [0.7, 0.8]
+    Game Logic: [0.8, 0.9]
+    Performance Tracking: [0.9, 0.7]
+```
+## Let's Build This Thing!
+
+[Creating a typing game by using event driven programming](./typing-game/README.md)
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open your browser console and try listening for keyboard events with `addEventListener`
+- [ ] Create a simple HTML page with an input field and test typing detection
+- [ ] Practice string manipulation by comparing typed text with target text
+- [ ] Experiment with `setTimeout` to understand timing functions
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand event-driven programming
+- [ ] Build a basic version of the typing game with word validation
+- [ ] Add visual feedback for correct and incorrect typing
+- [ ] Implement a simple scoring system based on speed and accuracy
+- [ ] Style your game with CSS to make it visually appealing
+
+### 📅 **Your Week-Long Game Development**
+- [ ] Complete the full typing game with all features and polish
+- [ ] Add difficulty levels with varying word complexity
+- [ ] Implement user statistics tracking (WPM, accuracy over time)
+- [ ] Create sound effects and animations for better user experience
+- [ ] Make your game mobile-responsive for touch devices
+- [ ] Share your game online and gather feedback from users
+
+### 🌟 **Your Month-Long Interactive Development**
+- [ ] Build multiple games exploring different interaction patterns
+- [ ] Learn about game loops, state management, and performance optimization
+- [ ] Contribute to open source game development projects
+- [ ] Master advanced timing concepts and smooth animations
+- [ ] Create a portfolio showcasing various interactive applications
+- [ ] Mentor others interested in game development and user interaction
+
+## 🎯 Your Typing Game Mastery Timeline
+
+```mermaid
+timeline
+    title Game Development Learning Progression
+    
+    section Setup (10 minutes)
+        Project Structure: HTML foundation
+                         : CSS styling setup
+                         : JavaScript file creation
+        
+    section User Interface (20 minutes)
+        Interactive Elements: Input fields
+                            : Button controls
+                            : Display areas
+                            : Responsive layout
+        
+    section Event Handling (25 minutes)
+        User Interaction: Keyboard events
+                        : Mouse events
+                        : Real-time feedback
+                        : State management
+        
+    section Game Logic (30 minutes)
+        Core Functionality: Quote generation
+                          : Character comparison
+                          : Accuracy calculation
+                          : Timer implementation
+        
+    section Performance Tracking (35 minutes)
+        Metrics & Analytics: WPM calculation
+                           : Error tracking
+                           : Progress visualization
+                           : Results display
+        
+    section Polish & Enhancement (45 minutes)
+        User Experience: Visual feedback
+                       : Sound effects
+                       : Animations
+                       : Accessibility features
+        
+    section Advanced Features (1 week)
+        Extended Functionality: Difficulty levels
+                              : Leaderboards
+                              : Custom quotes
+                              : Multiplayer options
+        
+    section Professional Skills (1 month)
+        Game Development: Performance optimization
+                        : Code architecture
+                        : Testing strategies
+                        : Deployment patterns
+```
+### 🛠️ Your Game Development Toolkit Summary
+
+After completing this project, you'll have mastered:
+- **Event-Driven Programming**: Responsive user interfaces that react to input
+- **Real-Time Feedback**: Instant visual and performance updates
+- **Performance Measurement**: Accurate timing and scoring systems
+- **Game State Management**: Controlling application flow and user experience
+- **Interactive Design**: Creating engaging, addictive user experiences
+- **Modern Web APIs**: Utilizing browser capabilities for rich interactions
+- **Accessibility Patterns**: Inclusive design for all users
 
-## Lesson
+**Real-World Applications**: These skills directly apply to:
+- **Web Applications**: Any interactive interface or dashboard
+- **Educational Software**: Learning platforms and skill assessment tools
+- **Productivity Tools**: Text editors, IDEs, and collaboration software
+- **Gaming Industry**: Browser games and interactive entertainment
+- **Mobile Development**: Touch-based interfaces and gesture handling
 
-[Creating a typing game by using event-driven programming](./typing-game/README.md)
+**Next Level**: You're ready to explore advanced game frameworks, real-time multiplayer systems, or complex interactive applications!
 
 ## Credits
 
@@ -40,5 +275,7 @@ Written with ♥️ by [Christopher Harrison](http://www.twitter.com/geektrainer
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/4-typing-game/solution/README.md b/translations/en/4-typing-game/solution/README.md
index 6c0b26c89..b78db64df 100644
--- a/translations/en/4-typing-game/solution/README.md
+++ b/translations/en/4-typing-game/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:58:40+00:00",
-  "source_file": "4-typing-game/solution/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/4-typing-game/typing-game/README.md b/translations/en/4-typing-game/typing-game/README.md
index 17187baa2..8cc87d363 100644
--- a/translations/en/4-typing-game/typing-game/README.md
+++ b/translations/en/4-typing-game/typing-game/README.md
@@ -1,56 +1,93 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "1b0aeccb600f83c603cd70cb42df594d",
-  "translation_date": "2025-08-29T13:26:51+00:00",
-  "source_file": "4-typing-game/typing-game/README.md",
-  "language_code": "en"
-}
--->
 # Creating a game using events
 
+Have you ever wondered how websites know when you click a button or type in a text box? That's the magic of event-driven programming! What better way to learn this essential skill than by building something useful - a typing speed game that reacts to every keystroke you make.
+
+You're going to see firsthand how web browsers "talk" to your JavaScript code. Every time you click, type, or move your mouse, the browser is sending little messages (we call them events) to your code, and you get to decide how to respond!
+
+By the time we're done here, you'll have built a real typing game that tracks your speed and accuracy. More importantly, you'll understand the fundamental concepts that power every interactive website you've ever used. Let's dive in!
+
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/21)
 
-## Event-driven programming
+## Event driven programming
+
+Think about your favorite app or website - what makes it feel alive and responsive? It's all about how it reacts to what you do! Every tap, click, swipe, or keystroke creates what we call an "event," and that's where the real magic of web development happens.
+
+Here's what makes programming for the web so interesting: we never know when someone will click that button or start typing in a text box. They might click immediately, wait five minutes, or maybe never click at all! This unpredictability means we need to think differently about how we write our code.
+
+Instead of writing code that runs from top to bottom like a recipe, we write code that sits patiently waiting for something to happen. It's similar to how telegraph operators in the 1800s would sit by their machines, ready to respond the moment a message came through the wire.
 
-When building a browser-based application, we provide a graphical user interface (GUI) for users to interact with what we've created. The most common ways users interact with the browser are by clicking and typing in various elements. The challenge for us as developers is that we don't know when they will perform these actions!
+So what exactly is an "event"? Simply put, it's something that happens! When you click a button - that's an event. When you type a letter - that's an event. When you move your mouse - that's another event.
 
-[Event-driven programming](https://en.wikipedia.org/wiki/Event-driven_programming) is the type of programming we use to create our GUI. If we break down the term, the key word here is **event**. According to [Merriam-Webster](https://www.merriam-webster.com/dictionary/event), an event is "something which happens." This perfectly describes our situation. We know something will happen that we want to respond to with code, but we don't know when it will occur.
+Event-driven programming lets us set up our code to listen and respond. We create special functions called **event listeners** that wait patiently for specific things to happen, then spring into action when they do.
 
-The way we specify the code we want to execute is by creating a function. In [procedural programming](https://en.wikipedia.org/wiki/Procedural_programming), functions are called in a specific order. This is also true in event-driven programming. The difference lies in **how** the functions are called.
+Think of event listeners like having a doorbell for your code. You set up the doorbell (`addEventListener()`), tell it what sound to listen for (like a 'click' or 'keypress'), and then specify what should happen when someone rings it (your custom function).
 
-To handle events (like button clicks or typing), we register **event listeners**. An event listener is a function that waits for an event to occur and executes in response. Event listeners can update the UI, make server calls, or perform any other necessary actions based on the user's input. We add an event listener using [addEventListener](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener) and provide a function to execute.
+**Here's how event listeners work:**
+- **Listens** for specific user actions like clicks, keystrokes, or mouse movements
+- **Executes** your custom code when the specified event occurs
+- **Responds** immediately to user interactions, creating a seamless experience
+- **Handles** multiple events on the same element using different listeners
 
-> **NOTE:** There are many ways to create event listeners. You can use anonymous functions, create named functions, or use shortcuts like setting the `click` property. In this exercise, we will focus on `addEventListener` and anonymous functions, as this is the most common and flexible approach used by web developers. `addEventListener` works for all events, and the event name can be passed as a parameter.
+> **NOTE:** It's worth highlighting there are numerous ways to create event listeners. You can use anonymous functions, or create named ones. You can use various shortcuts, like setting the `click` property, or using `addEventListener()`. In our exercise we are going to focus on `addEventListener()` and anonymous functions, as it's probably the most common technique web developers use. It's also the most flexible, as `addEventListener()` works for all events, and the event name can be provided as a parameter.
 
 ### Common events
 
-There are [dozens of events](https://developer.mozilla.org/docs/Web/Events) you can listen to when building an application. Essentially, anything a user does on a page triggers an event, giving you the power to create the desired user experience. Fortunately, you'll typically only need a few key events. Here are some common ones (including the two we'll use for our game):
+While web browsers offer dozens of different events you can listen for, most interactive applications rely on just a handful of essential events. Understanding these core events will give you the foundation to build sophisticated user interactions.
 
-- [click](https://developer.mozilla.org/docs/Web/API/Element/click_event): Triggered when the user clicks on something, like a button or hyperlink.
-- [contextmenu](https://developer.mozilla.org/docs/Web/API/Element/contextmenu_event): Triggered when the user right-clicks.
-- [select](https://developer.mozilla.org/docs/Web/API/Element/select_event): Triggered when the user highlights text.
-- [input](https://developer.mozilla.org/docs/Web/API/Element/input_event): Triggered when the user enters text.
+There are [dozens of events](https://developer.mozilla.org/docs/Web/Events) available for you to listen to when creating an application. Basically anything a user does on a page raises an event, which gives you a lot of power to ensure they get the experience you desire. Fortunately, you'll normally only need a small handful of events. Here's a few common ones (including the two we'll use when creating our game):
 
-## Creating the game
+| Event | Description | Common Use Cases |
+|-------|-------------|------------------|
+| `click` | The user clicked on something | Buttons, links, interactive elements |
+| `contextmenu` | The user clicked the right mouse button | Custom right-click menus |
+| `select` | The user highlighted some text | Text editing, copy operations |
+| `input` | The user input some text | Form validation, real-time search |
+
+**Understanding these event types:**
+- **Triggers** when users interact with specific elements on your page
+- **Provides** detailed information about the user's action through event objects
+- **Enables** you to create responsive, interactive web applications
+- **Works** consistently across different browsers and devices
 
-We will create a game to explore how events work in JavaScript. Our game will test a player's typing skills, which is an essential skill for developers. Here's the general flow of the game:
+## Creating the game
 
-- The player clicks the start button and is presented with a quote to type.
-- The player types the quote as quickly as possible in a textbox.
-  - As each word is completed, the next word is highlighted.
-  - If the player makes a typo, the textbox turns red.
-  - When the player completes the quote, a success message is displayed along with the elapsed time.
+Now that you understand how events work, let's put that knowledge into practice by building something useful. We'll create a typing speed game that demonstrates event handling while helping you develop an important developer skill.
+
+We're going to create a game to explore how events work in JavaScript. Our game will test a player's typing skill, which is one of the most underrated skills all developers should have. Fun fact: the QWERTY keyboard layout we use today was actually designed in the 1870s for typewriters - and good typing skills are still just as valuable for programmers today! The general flow of the game will look like this:
+
+```mermaid
+flowchart TD
+    A[Player clicks Start] --> B[Random quote displays]
+    B --> C[Player types in textbox]
+    C --> D{Word complete?}
+    D -->|Yes| E[Highlight next word]
+    D -->|No| F{Correct so far?}
+    F -->|Yes| G[Keep normal styling]
+    F -->|No| H[Show error styling]
+    E --> I{Quote complete?}
+    I -->|No| C
+    I -->|Yes| J[Show success message with time]
+    G --> C
+    H --> C
+```
+**Here's how our game will work:**
+- **Starts** when the player clicks the start button and displays a random quote
+- **Tracks** the player's typing progress word by word in real-time
+- **Highlights** the current word to guide the player's focus
+- **Provides** immediate visual feedback for typing errors
+- **Calculates** and displays the total time when the quote is completed
 
-Let's build the game and learn about events!
+Let's build our game, and learn about events!
 
 ### File structure
 
-We will need three files: **index.html**, **script.js**, and **style.css**. Let's set them up to make things easier.
+Before we start coding, let's get organized! Having a clean file structure from the beginning will save you headaches later and make your project more professional. 😊
 
-- Create a new folder for your project by opening a console or terminal and running the following command:
+We're going to keep things simple with just three files: `index.html` for our page structure, `script.js` for all our game logic, and `style.css` to make everything look great. This is the classic trio that powers most of the web!
+
+**Create a new folder for your work by opening a console or terminal window and issuing the following command:**
 
 ```bash
 # Linux or macOS
@@ -60,29 +97,49 @@ mkdir typing-game && cd typing-game
 md typing-game && cd typing-game
 ```
 
-- Open Visual Studio Code.
+**Here's what these commands do:**
+- **Creates** a new directory called `typing-game` for your project files
+- **Navigates** into the newly created directory automatically
+- **Sets up** a clean workspace for your game development
+
+**Open Visual Studio Code:**
 
 ```bash
 code .
 ```
 
-- Add three files to the folder in Visual Studio Code:
-  - index.html
-  - script.js
-  - style.css
+**This command:**
+- **Launches** Visual Studio Code in the current directory
+- **Opens** your project folder in the editor
+- **Provides** access to all the development tools you'll need
+
+**Add three files to the folder in Visual Studio Code with the following names:**
+- `index.html` - Contains the structure and content of your game
+- `script.js` - Handles all the game logic and event listeners
+- `style.css` - Defines the visual appearance and styling
 
 ## Create the user interface
 
-Based on the requirements, we know we need a few elements on our HTML page. Think of this as a recipe where we need specific ingredients:
+Now let's build the stage where all our game action will happen! Think of this like designing the control panel for a spaceship - we need to make sure everything our players need is right where they expect it to be.
 
-- A place to display the quote for the user to type.
-- A place to display messages, like a success message.
-- A textbox for typing.
-- A start button.
+Let's figure out what our game actually needs. If you were playing a typing game, what would you want to see on the screen? Here's what we'll need:
 
-Each of these elements will need IDs so we can interact with them in JavaScript. We will also include references to the CSS and JavaScript files.
+| UI Element | Purpose | HTML Element |
+|------------|---------|-------------|
+| Quote Display | Shows the text to type | `<p>` with `id="quote"` |
+| Message Area | Displays status and success messages | `<p>` with `id="message"` |
+| Text Input | Where players type the quote | `<input>` with `id="typed-value"` |
+| Start Button | Begins the game | `<button>` with `id="start"` |
 
-Create a new file named **index.html** and add the following HTML:
+**Understanding the UI structure:**
+- **Organizes** content logically from top to bottom
+- **Assigns** unique IDs to elements for JavaScript targeting
+- **Provides** clear visual hierarchy for better user experience
+- **Includes** semantic HTML elements for accessibility
+
+Each of those will need IDs so we can work with them in our JavaScript. We will also add references to the CSS and JavaScript files we're going to create.
+
+Create a new file named `index.html`. Add the following HTML:
 
 ```html
 <!-- inside index.html -->
@@ -105,26 +162,52 @@ Create a new file named **index.html** and add the following HTML:
 </html>
 ```
 
+**Breaking down what this HTML structure accomplishes:**
+- **Links** the CSS stylesheet in the `<head>` for styling
+- **Creates** a clear heading and instructions for users
+- **Establishes** placeholder paragraphs with specific IDs for dynamic content
+- **Includes** an input field with accessibility attributes
+- **Provides** a start button to trigger the game
+- **Loads** the JavaScript file at the end for optimal performance
+
 ### Launch the application
 
-It's always a good idea to develop iteratively and check how things look. Let's launch the application. Visual Studio Code has a great extension called [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) that hosts your application locally and refreshes the browser whenever you save.
+Testing your application frequently during development helps you catch issues early and see your progress in real-time. Live Server is an invaluable tool that automatically refreshes your browser whenever you save changes, making development much more efficient.
+
+It's always best to develop iteratively to see how things look. Let's launch our application. There's a wonderful extension for Visual Studio Code called [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) which will both host your application locally and refresh the browser each time you save.
+
+**Install [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) by following the link and clicking Install:**
+
+**Here's what happens during installation:**
+- **Prompts** your browser to open Visual Studio Code
+- **Guides** you through the extension installation process
+- **May require** restarting Visual Studio Code to complete setup
+
+**Once installed, in Visual Studio Code, click Ctrl-Shift-P (or Cmd-Shift-P) to open the command palette:**
 
-- Install [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) by clicking **Install** on the linked page.
-  - Your browser will prompt you to open Visual Studio Code, and Visual Studio Code will prompt you to install the extension.
-  - Restart Visual Studio Code if prompted.
-- Once installed, press Ctrl-Shift-P (or Cmd-Shift-P) in Visual Studio Code to open the command palette.
-- Type **Live Server: Open with Live Server**.
-  - Live Server will start hosting your application.
-- Open a browser and navigate to **https://localhost:5500**.
-- You should now see the page you created!
+**Understanding the command palette:**
+- **Provides** quick access to all VS Code commands
+- **Searches** commands as you type
+- **Offers** keyboard shortcuts for faster development
 
-Let's add some functionality.
+**Type "Live Server: Open with Live Server":**
+
+**What Live Server does:**
+- **Starts** a local development server for your project
+- **Automatically** refreshes the browser when you save files
+- **Serves** your files from a local URL (typically `localhost:5500`)
+
+**Open a browser and navigate to `https://localhost:5500`:**
+
+You should now see the page you created! Let's add some functionality.
 
 ## Add the CSS
 
-With the HTML in place, let's add CSS for styling. We need to highlight the word the player should type and change the textbox color if the player types incorrectly. We'll achieve this with two classes.
+Now let's make things look good! Visual feedback has been crucial for user interfaces since the early days of computing. In the 1980s, researchers discovered that immediate visual feedback dramatically improves user performance and reduces errors. That's exactly what we're going to create.
+
+Our game needs to be crystal clear about what's happening. Players should immediately know which word they're supposed to type, and if they make a mistake, they should see it right away. Let's create some simple but effective styling:
 
-Create a new file named **style.css** and add the following code:
+Create a new file named `style.css` and add the following syntax.
 
 ```css
 /* inside style.css */
@@ -138,36 +221,57 @@ Create a new file named **style.css** and add the following code:
 }
 ```
 
-✅ Feel free to customize the CSS to make the page more visually appealing:
+**Understanding these CSS classes:**
+- **Highlights** the current word with a yellow background for clear visual guidance
+- **Signals** typing errors with a light coral background color
+- **Provides** immediate feedback without disrupting the user's typing flow
+- **Uses** contrasting colors for accessibility and clear visual communication
 
-- Choose a different font.
-- Add colors to the headers.
-- Adjust the sizes of elements.
+✅ When it comes to CSS you can layout your page however you might like. Take a little time and make the page look more appealing:
+
+- Choose a different font
+- Colorize the headers
+- Resize items
 
 ## JavaScript
 
-Now that the UI is ready, let's focus on the JavaScript logic. We'll break this into a few steps:
+Here's where things get interesting! 🎉 We've got our HTML structure and our CSS styling, but right now our game is like a beautiful car without an engine. JavaScript is going to be that engine - it's what makes everything actually work and respond to what players do.
+
+This is where you'll see your creation come to life. We're going to tackle this step by step so nothing feels overwhelming:
+
+| Step | Purpose | What You'll Learn |
+|------|---------|------------------|
+| [Create the constants](../../../../4-typing-game/typing-game) | Set up quotes and DOM references | Variable management and DOM selection |
+| [Event listener to start the game](../../../../4-typing-game/typing-game) | Handle game initialization | Event handling and UI updates |
+| [Event listener to typing](../../../../4-typing-game/typing-game) | Process user input in real-time | Input validation and dynamic feedback |
 
-- [Create the constants](../../../../4-typing-game/typing-game)
-- [Add the event listener to start the game](../../../../4-typing-game/typing-game)
-- [Add the event listener for typing](../../../../4-typing-game/typing-game)
+**This structured approach helps you:**
+- **Organize** your code into logical, manageable sections
+- **Build** functionality incrementally for easier debugging
+- **Understand** how different parts of your application work together
+- **Create** reusable patterns for future projects
 
-First, create a new file named **script.js**.
+But first, create a new file named `script.js`.
 
 ### Add the constants
 
-We'll need a few constants to simplify our code. Here's what we'll need:
+Before we dive into the action, let's gather all our resources! Just like how NASA mission control sets up all their monitoring systems before launch, it's much easier when you have everything prepared and ready to go. This saves us from hunting around for things later and helps prevent typos.
 
-- An array of quotes.
-- An empty array to store the words of the current quote.
-- A variable to track the index of the word the player is typing.
-- A variable to store the time when the player clicks start.
+Here's what we need to set up first:
 
-We'll also need references to the UI elements:
+| Data Type | Purpose | Example |
+|-----------|---------|--------|
+| Array of quotes | Store all possible quotes for the game | `['Quote 1', 'Quote 2', ...]` |
+| Word array | Break current quote into individual words | `['When', 'you', 'have', ...]` |
+| Word index | Track which word player is typing | `0, 1, 2, 3...` |
+| Start time | Calculate elapsed time for scoring | `Date.now()` |
 
-- The textbox (**typed-value**).
-- The quote display (**quote**).
-- The message display (**message**).
+**We'll also need references to our UI elements:**
+| Element | ID | Purpose |
+|---------|----|---------|
+| Text input | `typed-value` | Where players type |
+| Quote display | `quote` | Shows the quote to type |
+| Message area | `message` | Displays status updates |
 
 ```javascript
 // inside script.js
@@ -192,21 +296,36 @@ const messageElement = document.getElementById('message');
 const typedValueElement = document.getElementById('typed-value');
 ```
 
-✅ Add more quotes to make the game more interesting.
+**Breaking down what this setup code accomplishes:**
+- **Stores** an array of Sherlock Holmes quotes using `const` since the quotes won't change
+- **Initializes** tracking variables with `let` since these values will update during gameplay
+- **Captures** references to DOM elements using `document.getElementById()` for efficient access
+- **Sets up** the foundation for all game functionality with clear, descriptive variable names
+- **Organizes** related data and elements logically for easier code maintenance
 
-> **NOTE:** We can retrieve elements in the code using `document.getElementById`. To avoid typos, we use constants for these elements. Frameworks like [Vue.js](https://vuejs.org/) or [React](https://reactjs.org/) can help centralize your code.
+✅ Go ahead and add more quotes to your game
 
-Watch this video to learn about `const`, `let`, and `var`:
+> 💡 **Pro Tip**: We can retrieve the elements whenever we want in code by using `document.getElementById()`. Because of the fact we're going to refer to these elements on a regular basis we're going to avoid typos with string literals by using constants. Frameworks such as [Vue.js](https://vuejs.org/) or [React](https://reactjs.org/) can help you better manage centralizing your code.
+>
+**Here's why this approach works so well:**
+- **Prevents** spelling errors when referencing elements multiple times
+- **Improves** code readability with descriptive constant names
+- **Enables** better IDE support with autocomplete and error checking
+- **Makes** refactoring easier if element IDs change later
+
+Take a minute to watch a video on using `const`, `let` and `var`
 
 [![Types of variables](https://img.youtube.com/vi/JNIXfGiDWM8/0.jpg)](https://youtube.com/watch?v=JNIXfGiDWM8 "Types of variables")
 
-> 🎥 Click the image above to watch the video.
+> 🎥 Click the image above for a video about variables.
 
 ### Add start logic
 
-The game begins when the player clicks the start button. Since we don't know when they'll click, we use an [event listener](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener). The event listener will execute code when the user clicks start.
+This is where everything clicks into place! 🚀 You're about to write your first real event listener, and there's something quite satisfying about seeing your code respond to a button click.
+
+Think about it: somewhere out there, a player is going to click that "Start" button, and your code needs to be ready for them. We have no idea when they'll click it - could be immediately, could be after they grab a coffee - but when they do, your game springs to life.
 
-When the user clicks **start**, we need to select a quote, set up the UI, and initialize tracking for the current word and timing. Add the following JavaScript, and we'll explain it afterward:
+When the user clicks `start`, we need to select a quote, setup the user interface, and setup tracking for the current word and timing. Below is the JavaScript you'll need to add; we discuss it just after the script block.
 
 ```javascript
 // at the end of script.js
@@ -241,25 +360,35 @@ document.getElementById('start').addEventListener('click', () => {
 });
 ```
 
-Breaking it down:
-
-- **Word tracking setup:**
-  - Use [Math.floor](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Math/floor) and [Math.random](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Math/random) to randomly select a quote from the `quotes` array.
-  - Convert the `quote` into an array of `words` to track the player's progress.
-  - Set `wordIndex` to 0, as the player starts with the first word.
-- **UI setup:**
-  - Create an array of `spanWords`, where each word is wrapped in a `span` element for highlighting.
-  - Use `join` to create a string and update the `innerHTML` of `quoteElement` to display the quote.
-  - Highlight the first word by setting its `className` to `highlight`.
-  - Clear the `messageElement` by setting `innerText` to an empty string.
-- **Textbox setup:**
-  - Clear the `value` of `typedValueElement`.
-  - Set focus to `typedValueElement`.
-- **Start the timer:** Call `getTime`.
+**Let's break down the code into logical sections:**
+
+**📊 Word Tracking Setup:**
+- **Selects** a random quote using `Math.floor()` and `Math.random()` for variety
+- **Converts** the quote into an array of individual words using `split(' ')`
+- **Resets** the `wordIndex` to 0 since players start with the first word
+- **Prepares** the game state for a fresh round
+
+**🎨 UI Setup and Display:**
+- **Creates** an array of `<span>` elements, wrapping each word for individual styling
+- **Joins** the span elements into a single string for efficient DOM updating
+- **Highlights** the first word by adding the `highlight` CSS class
+- **Clears** any previous game messages to provide a clean slate
+
+**⌨️ Textbox Preparation:**
+- **Clears** any existing text in the input field
+- **Sets focus** to the textbox so players can start typing immediately
+- **Prepares** the input area for the new game session
+
+**⏱️ Timer Initialization:**
+- **Captures** the current timestamp using `new Date().getTime()`
+- **Enables** accurate calculation of typing speed and completion time
+- **Starts** the performance tracking for the game session
 
 ### Add typing logic
 
-As the player types, an `input` event is triggered. This event listener checks if the player is typing correctly and updates the game state. Add the following code to **script.js**, and we'll explain it afterward:
+Here's where we tackle the heart of our game! Don't worry if this seems like a lot at first - we'll walk through every piece, and by the end, you'll see how logical it all is.
+
+What we're building here is quite sophisticated: every single time someone types a letter, our code is going to check what they typed, give them feedback, and decide what should happen next. It's similar to how early word processors like WordStar in the 1970s provided real-time feedback to typists.
 
 ```javascript
 // at the end of script.js
@@ -298,53 +427,178 @@ typedValueElement.addEventListener('input', () => {
 });
 ```
 
-Breaking it down:
-
-- **Quote completion:** If `typedValue` matches `currentWord` and `wordIndex` is the last word:
-  - Calculate `elapsedTime` by subtracting `startTime` from the current time.
-  - Convert `elapsedTime` from milliseconds to seconds.
-  - Display a success message.
-- **Word completion:** If `typedValue` ends with a space and matches `currentWord`:
-  - Clear the `value` of `typedElement` for the next word.
-  - Increment `wordIndex` to move to the next word.
-  - Reset the `className` of all `childNodes` in `quoteElement`.
-  - Highlight the next word by setting its `className` to `highlight`.
-- **Correct typing:** If `currentWord` starts with `typedValue`:
-  - Clear the `className` of `typedValueElement` to remove any error styling.
-- **Error:** If none of the above conditions are met:
-  - Set the `className` of `typedValueElement` to `error`.
+**Understanding the typing logic flow:**
+
+This function uses a waterfall approach, checking conditions from most specific to most general. Let's break down each scenario:
+
+```mermaid
+flowchart TD
+    A[Player types character] --> B[Get current word and typed value]
+    B --> C{Quote complete?}
+    C -->|Yes| D[Show completion message with time]
+    C -->|No| E{Word complete with space?}
+    E -->|Yes| F[Clear input, move to next word, update highlight]
+    E -->|No| G{Typing correctly so far?}
+    G -->|Yes| H[Remove error styling]
+    G -->|No| I[Show error styling]
+```
+**🏁 Quote Complete (Scenario 1):**
+- **Checks** if typed value matches current word AND we're on the last word
+- **Calculates** elapsed time by subtracting start time from current time
+- **Converts** milliseconds to seconds by dividing by 1,000
+- **Displays** congratulatory message with completion time
+
+**✅ Word Complete (Scenario 2):**
+- **Detects** word completion when input ends with a space
+- **Validates** that trimmed input matches the current word exactly
+- **Clears** the input field for the next word
+- **Advances** to the next word by incrementing `wordIndex`
+- **Updates** visual highlighting by removing all classes and highlighting the new word
+
+**📝 Typing in Progress (Scenario 3):**
+- **Verifies** that the current word starts with what's been typed so far
+- **Removes** any error styling to show the input is correct
+- **Allows** continued typing without interruption
+
+**❌ Error State (Scenario 4):**
+- **Triggers** when typed text doesn't match the expected word beginning
+- **Applies** error CSS class to provide immediate visual feedback
+- **Helps** players quickly identify and correct mistakes
 
 ## Test your application
 
-You're done! Test your application to ensure it works. Don't worry if there are errors—**all developers** encounter them. Debug as needed.
+Look what you've accomplished! 🎉 You just built a real, working typing game from scratch using event-driven programming. Take a moment to appreciate that - this is no small feat!
+
+Now comes the testing phase! Will it work as expected? Did we miss something? Here's the thing: if something doesn't work perfectly right away, that's completely normal. Even experienced developers find bugs in their code regularly. It's all part of the development process!
 
-Click **start** and begin typing! It should look similar to the animation shown earlier.
+Click on `start`, and start typing away! It should look a little like the animation we saw before.
 
 ![Animation of the game in action](../../../../4-typing-game/images/demo.gif)
 
+**What to test in your application:**
+- **Verifies** that clicking Start displays a random quote
+- **Confirms** that typing highlights the current word correctly
+- **Checks** that error styling appears for incorrect typing
+- **Ensures** that completing words advances the highlight properly
+- **Tests** that finishing the quote shows the completion message with timing
+
+**Common debugging tips:**
+- **Check** the browser console (F12) for JavaScript errors
+- **Verify** that all file names match exactly (case-sensitive)
+- **Ensure** Live Server is running and refreshing properly
+- **Test** different quotes to verify the random selection works
+
 ---
 
+## GitHub Copilot Agent Challenge 🎮
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Extend the typing game by implementing a difficulty system that adjusts the game based on player performance. This challenge will help you practice advanced event handling, data analysis, and dynamic UI updates.
+
+**Prompt:** Create a difficulty adjustment system for the typing game that:
+1. Tracks the player's typing speed (words per minute) and accuracy percentage
+2. Automatically adjusts to three difficulty levels: Easy (simple quotes), Medium (current quotes), Hard (complex quotes with punctuation)
+3. Displays the current difficulty level and player statistics on the UI
+4. Implements a streak counter that increases difficulty after 3 consecutive good performances
+5. Adds visual feedback (colors, animations) to indicate difficulty changes
+
+Add the necessary HTML elements, CSS styles, and JavaScript functions to implement this feature. Include proper error handling and ensure the game remains accessible with appropriate ARIA labels.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-Add extra features:
+Ready to take your typing game to the next level? Try implementing these advanced features to deepen your understanding of event handling and DOM manipulation:
+
+**Add more functionality:**
+
+| Feature | Description | Skills You'll Practice |
+|---------|-------------|------------------------|
+| **Input Control** | Disable the `input` event listener on completion, and re-enable it when the button is clicked | Event management and state control |
+| **UI State Management** | Disable the textbox when the player completes the quote | DOM property manipulation |
+| **Modal Dialog** | Display a modal dialog box with the success message | Advanced UI patterns and accessibility |
+| **High Score System** | Store high scores using `localStorage` | Browser storage APIs and data persistence |
+
+**Implementation tips:**
+- **Research** `localStorage.setItem()` and `localStorage.getItem()` for persistent storage
+- **Practice** adding and removing event listeners dynamically
+- **Explore** HTML dialog elements or CSS modal patterns
+- **Consider** accessibility when disabling and enabling form controls
 
-- Disable the `input` event listener when the game is complete, and re-enable it when the start button is clicked.
-- Disable the textbox after the player completes the quote.
-- Display a modal dialog box with the success message.
-- Use [localStorage](https://developer.mozilla.org/docs/Web/API/Window/localStorage) to store high scores.
 ## Post-Lecture Quiz
 
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/22)
 
+---
+
+## 🚀 Your Typing Game Mastery Timeline
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Test your typing game with different quotes to ensure it works smoothly
+- [ ] Experiment with the CSS styling - try changing the highlight and error colors
+- [ ] Open your browser's DevTools (F12) and watch the Console while playing
+- [ ] Challenge yourself to complete a quote as fast as possible
+
+### ⏰ **What You Can Accomplish This Hour**
+- [ ] Add more quotes to the array (maybe from your favorite books or movies)
+- [ ] Implement the localStorage high score system from the challenge section
+- [ ] Create a words-per-minute calculator that displays after each game
+- [ ] Add sound effects for correct typing, errors, and completion
+
+### 📅 **Your Week-Long Adventure**
+- [ ] Build a multiplayer version where friends can compete side-by-side
+- [ ] Create different difficulty levels with varying quote complexity
+- [ ] Add a progress bar showing how much of the quote is complete
+- [ ] Implement user accounts with personal statistics tracking
+- [ ] Design custom themes and let users choose their preferred styling
+
+### 🗓️ **Your Month-Long Transformation**
+- [ ] Create a typing course with lessons that progressively teach proper finger placement
+- [ ] Build analytics that show which letters or words cause the most errors
+- [ ] Add support for different languages and keyboard layouts
+- [ ] Integrate with educational APIs to pull quotes from literature databases
+- [ ] Publish your enhanced typing game for others to use and enjoy
+
+### 🎯 **Final Reflection Check-in**
+
+**Before you move on, take a moment to celebrate:**
+- What was the most satisfying moment while building this game?
+- How do you feel about event-driven programming now compared to when you started?
+- What's one feature you're excited to add to make this game uniquely yours?
+- How might you apply event handling concepts to other projects?
+
+```mermaid
+journey
+    title Your Event Programming Confidence Journey
+    section Today
+      Understanding Events: 3: You
+      Building UI: 4: You
+      Writing Event Listeners: 5: You
+    section This Week
+      Adding Features: 4: You
+      Debugging Issues: 5: You
+      Enhancing UX: 4: You
+    section Next Month
+      Building Complex Apps: 5: You
+      Teaching Others: 5: You
+      Creating Frameworks: 5: You
+```
+> 🌟 **Remember**: You've just mastered one of the core concepts that powers every interactive website and application. Event-driven programming is what makes the web feel alive and responsive. Every time you see a dropdown menu, a form that validates as you type, or a game that responds to your clicks, you now understand the magic behind it. You're not just learning to code - you're learning to create experiences that feel intuitive and engaging! 🎉
+
+---
+
 ## Review & Self Study
 
-Learn about [all the events available](https://developer.mozilla.org/docs/Web/Events) to developers through the web browser, and think about the situations where each one would be applicable.
+Read up on [all the events available](https://developer.mozilla.org/docs/Web/Events) to the developer via the web browser, and consider the scenarios in which you would use each one.
 
 ## Assignment
 
-[Develop a new keyboard game](assignment.md)
+[Create a new keyboard game](assignment.md)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/4-typing-game/typing-game/assignment.md b/translations/en/4-typing-game/typing-game/assignment.md
index 13fa7659f..43d5232e8 100644
--- a/translations/en/4-typing-game/typing-game/assignment.md
+++ b/translations/en/4-typing-game/typing-game/assignment.md
@@ -1,26 +1,48 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "de5384c118e15e4d1d0eaa00fc01b112",
-  "translation_date": "2025-08-28T11:58:29+00:00",
-  "source_file": "4-typing-game/typing-game/assignment.md",
-  "language_code": "en"
-}
--->
 # Create a new keyboard game
 
 ## Instructions
 
-Develop a small game that utilizes keyboard events to perform actions. It could be a unique typing game or an artistic game that paints pixels on the screen with keystrokes. Be imaginative!
+Now that you've mastered the fundamentals of event-driven programming with the typing game, it's time to unleash your creativity! You'll design and build your own keyboard-based game that demonstrates your understanding of event handling, DOM manipulation, and user interaction patterns.
+
+Create a small game that uses keyboard events to accomplish specific tasks. This could be a different kind of typing game, an art application that paints pixels to the screen on keystrokes, a simple arcade-style game controlled with arrow keys, or any other creative concept you can imagine. Get creative and think about how different keys can trigger different behaviors!
+
+**Your game should include:**
+
+| Requirement | Description | Purpose |
+|-------------|-------------|---------|
+| **Event Listeners** | Respond to at least 3 different keyboard events | Demonstrate understanding of event handling |
+| **Visual Feedback** | Provide immediate visual response to user input | Show mastery of DOM manipulation |
+| **Game Logic** | Include scoring, levels, or progression mechanics | Practice implementing application state |
+| **User Interface** | Clear instructions and intuitive controls | Develop user experience design skills |
+
+**Creative project ideas to consider:**
+- **Rhythm Game**: Players press keys in time with music or visual cues
+- **Pixel Art Creator**: Different keys paint different colors or patterns
+- **Word Builder**: Players create words by typing letters in specific orders
+- **Snake Game**: Control a snake with arrow keys to collect items
+- **Music Synthesizer**: Different keys play different musical notes or sounds
+- **Speed Typing Variants**: Category-specific typing (programming terms, foreign languages)
+- **Keyboard Drummer**: Create beats by mapping keys to different drum sounds
+
+**Implementation guidelines:**
+- **Start** with a simple concept and build complexity gradually
+- **Focus** on smooth, responsive controls that feel natural
+- **Include** clear visual indicators for game state and player progress
+- **Test** your game with different users to ensure intuitive gameplay
+- **Document** your code with comments explaining your event handling strategy
 
 ## Rubric
 
-| Criteria | Outstanding              | Satisfactory             | Needs Work        |
-| -------- | ------------------------ | ------------------------ | ----------------- |
-|          | A complete game is provided | The game is very basic   | The game contains errors |
-|          |                          |                          |                   |
+| Criteria | Exemplary | Adequate | Needs Improvement |
+| -------- | --------- | -------- | ----------------- |
+| **Functionality** | A complete, polished game with multiple features and smooth gameplay | A working game with basic features that demonstrates keyboard event handling | A minimal implementation with limited functionality or significant bugs |
+| **Code Quality** | Well-organized, commented code following best practices with efficient event handling | Clean, readable code with appropriate use of event listeners and DOM manipulation | Basic code structure with some organization issues or inefficient implementations |
+| **User Experience** | Intuitive controls, clear feedback, and engaging gameplay that feels professional | Functional interface with adequate user guidance and responsive controls | Basic interface with unclear instructions or poor responsiveness |
+| **Creativity** | Original concept with innovative use of keyboard events and creative problem-solving | Interesting variation on common game patterns with good use of event handling | Simple implementation of a basic concept with minimal creative elements |
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/1-about-browsers/README.md b/translations/en/5-browser-extension/1-about-browsers/README.md
index 71ab9b76f..4dac28bcc 100644
--- a/translations/en/5-browser-extension/1-about-browsers/README.md
+++ b/translations/en/5-browser-extension/1-about-browsers/README.md
@@ -1,15 +1,22 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "2326d04e194a10aa760b51f5e5a1f61d",
-  "translation_date": "2025-08-29T13:18:12+00:00",
-  "source_file": "5-browser-extension/1-about-browsers/README.md",
-  "language_code": "en"
-}
--->
 # Browser Extension Project Part 1: All about Browsers
 
-![Browser sketchnote](../../../../translated_images/en/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.jpg)
+```mermaid
+journey
+    title Your Browser Extension Development Journey
+    section Foundation
+      Understand browsers: 3: Student
+      Learn extension types: 4: Student
+      Setup development: 4: Student
+    section Development
+      Build interface: 4: Student
+      Add functionality: 5: Student
+      Handle data: 5: Student
+    section Integration
+      Test in browser: 5: Student
+      Debug issues: 4: Student
+      Polish experience: 5: Student
+```
+![Browser sketchnote](../../../../translated_images/en/browser.60317c9be8b7f84a.webp)
 > Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob)
 
 ## Pre-Lecture Quiz
@@ -18,165 +25,522 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Introduction
 
-Browser extensions enhance the functionality of a browser. Before diving into building one, it's important to understand how browsers operate.
-
-### About the browser
+Browser extensions are mini-applications that enhance your web browsing experience. Like Tim Berners-Lee's original vision of an interactive web, extensions extend the browser's capabilities beyond simple document viewing. From password managers that keep your accounts secure to color pickers that help designers grab perfect shades, extensions solve everyday browsing challenges.
+
+Before we build your first extension, let's understand how browsers work. Just as Alexander Graham Bell needed to understand sound transmission before inventing the telephone, knowing browser fundamentals will help you create extensions that integrate seamlessly with existing browser systems.
+
+By the end of this lesson, you'll understand browser architecture and have started building your first extension.
+
+```mermaid
+mindmap
+  root((Browser Architecture))
+    Core Components
+      Rendering Engine
+      JavaScript Engine
+      Network Stack
+      Storage APIs
+    User Interface
+      Address Bar
+      Tab Management
+      Bookmarks
+      Extension Icons
+    Extension System
+      Manifest Files
+      Content Scripts
+      Background Pages
+      Popup Windows
+    Security Model
+      Same-Origin Policy
+      Permissions API
+      Content Security
+      Isolated Worlds
+    Development Tools
+      DevTools Integration
+      Debug Console
+      Performance Monitor
+      Extension Inspector
+```
+## Understanding Web Browsers
 
-In this series of lessons, you'll learn how to create a browser extension compatible with Chrome, Firefox, and Edge. In this part, you'll explore how browsers function and set up the foundational elements of a browser extension.
+A web browser is essentially a sophisticated document interpreter. When you type "google.com" into the address bar, the browser performs a complex series of operations - requesting content from servers worldwide, then parsing and rendering that code into the interactive web pages you see.
 
-So, what exactly is a browser? It's a software application that enables users to access content from a server and display it on web pages.
+This process mirrors how the first web browser, WorldWideWeb, was designed by Tim Berners-Lee in 1990 to make hyperlinked documents accessible to everyone.
 
-✅ A bit of history: The first browser, called 'WorldWideWeb,' was created by Sir Timothy Berners-Lee in 1990.
+✅ **A little history**: The first browser was called 'WorldWideWeb' and was created by Sir Timothy Berners-Lee in 1990.
 
-![early browsers](../../../../translated_images/en/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.jpg)
+![early browsers](../../../../translated_images/en/earlybrowsers.d984b711cdf3a42d.webp)
 > Some early browsers, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
 
-When a user connects to the internet using a URL (Uniform Resource Locator), typically through Hypertext Transfer Protocol (`http` or `https`), the browser communicates with a web server to retrieve a web page.
-
-The browser's rendering engine then displays the page on the user's device, which could be a mobile phone, desktop, or laptop.
-
-Browsers also have features like caching content to avoid fetching it repeatedly from the server, recording browsing history, and storing 'cookies'—small pieces of data that track user activity.
+### How Browsers Process Web Content
+
+The process between entering a URL and seeing a webpage involves several coordinated steps that happen within seconds:
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant Extension
+    participant DNS
+    participant Server
+    
+    User->>Browser: Types URL and presses Enter
+    Browser->>Extension: Trigger beforeRequest event
+    Extension->>Extension: Check if URL needs modification
+    Browser->>DNS: Looks up server IP address
+    DNS->>Browser: Returns IP address
+    Browser->>Server: Requests web page content
+    Server->>Browser: Sends HTML, CSS, and JavaScript
+    Browser->>Extension: Trigger beforeResponse event
+    Extension->>Extension: Modify content if needed
+    Browser->>User: Renders complete web page
+    Extension->>User: Show extension UI updates
+```
+**Here's what this process accomplishes:**
+- **Translates** the human-readable URL into a server IP address through DNS lookup
+- **Establishes** a secure connection with the web server using HTTP or HTTPS protocols
+- **Requests** the specific web page content from the server
+- **Receives** HTML markup, CSS styling, and JavaScript code from the server
+- **Renders** all content into the interactive web page you see
+
+### Browser Core Features
+
+Modern browsers provide numerous features that extension developers can leverage:
+
+| Feature | Purpose | Extension Opportunities |
+|---------|---------|------------------------|
+| **Rendering Engine** | Displays HTML, CSS, and JavaScript | Content modification, styling injection |
+| **JavaScript Engine** | Executes JavaScript code | Custom scripts, API interactions |
+| **Local Storage** | Saves data locally | User preferences, cached data |
+| **Network Stack** | Handles web requests | Request monitoring, data analysis |
+| **Security Model** | Protects users from malicious content | Content filtering, security enhancements |
+
+**Understanding these features helps you:**
+- **Identify** where your extension can add the most value
+- **Choose** the right browser APIs for your extension's functionality
+- **Design** extensions that work efficiently with browser systems
+- **Ensure** your extension follows browser security best practices
+
+### Cross-Browser Development Considerations
+
+Different browsers implement standards with slight variations, similar to how different programming languages might handle the same algorithm differently. Chrome, Firefox, and Safari each have unique characteristics that developers must consider during extension development.
+
+> 💡 **Pro Tip**: Use [caniuse.com](https://www.caniuse.com) to check which web technologies are supported across different browsers. This is invaluable when planning your extension's features!
+
+**Key considerations for extension development:**
+- **Test** your extension across Chrome, Firefox, and Edge browsers
+- **Adapt** to different browser extension APIs and manifest formats
+- **Handle** varying performance characteristics and limitations
+- **Provide** fallbacks for browser-specific features that may not be available
+
+✅ **Analytics Insight**: You can determine which browsers your users prefer by installing analytics packages in your web development projects. This data helps you prioritize which browsers to support first.
+
+## Understanding Browser Extensions
+
+Browser extensions solve common web browsing challenges by adding functionality directly to the browser interface. Rather than requiring separate applications or complex workflows, extensions provide immediate access to tools and features.
+
+This concept mirrors how early computer pioneers like Douglas Engelbart envisioned augmenting human capabilities with technology - extensions augment your browser's basic functionality.
+
+```mermaid
+quadrantChart
+    title Browser Extension Categories
+    x-axis Simple --> Complex
+    y-axis Personal Use --> Professional Tools
+    quadrant-1 Developer Tools
+    quadrant-2 Enterprise Solutions
+    quadrant-3 Personal Utilities
+    quadrant-4 Productivity Apps
+    
+    Ad Blockers: [0.3, 0.2]
+    Password Managers: [0.7, 0.3]
+    Color Pickers: [0.4, 0.8]
+    Code Formatters: [0.8, 0.9]
+    Note Taking: [0.6, 0.5]
+    Video Downloaders: [0.5, 0.2]
+    Time Trackers: [0.7, 0.6]
+    Screenshot Tools: [0.4, 0.4]
+```
+**Popular extension categories and their benefits:**
+- **Productivity Tools**: Task managers, note-taking apps, and time trackers that help you stay organized
+- **Security Enhancements**: Password managers, ad blockers, and privacy tools that protect your data
+- **Developer Tools**: Code formatters, color pickers, and debugging utilities that streamline development
+- **Content Enhancement**: Reading modes, video downloaders, and screenshot tools that improve your web experience
+
+✅ **Reflection Question**: What are your favorite browser extensions? What specific tasks do they perform, and how do they improve your browsing experience?
+
+### 🔄 **Pedagogical Check-in**
+**Browser Architecture Understanding**: Before moving to extension development, ensure you can:
+- ✅ Explain how browsers process web requests and render content
+- ✅ Identify the main components of browser architecture
+- ✅ Understand how extensions integrate with browser functionality
+- ✅ Recognize the security model that protects users
+
+**Quick Self-Test**: Can you trace the path from typing a URL to seeing a webpage?
+1. **DNS lookup** converts URL to IP address
+2. **HTTP request** fetches content from server
+3. **Parsing** processes HTML, CSS, and JavaScript
+4. **Rendering** displays the final webpage
+5. **Extensions** can modify content at multiple steps
+
+## Installing and Managing Extensions
+
+Understanding the extension installation process helps you anticipate the user experience when people install your extension. The installation process is standardized across modern browsers, with minor variations in interface design.
+
+![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/en/install-on-edge.d68781acaf0b3d3d.webp)
+
+> **Important**: Make sure to toggle on developer mode and allow extensions from other stores when testing your own extensions.
+
+### Development Extension Installation Process
+
+When you're developing and testing your own extensions, follow this workflow:
+
+```mermaid
+flowchart TD
+    A[Write Code] --> B[Build Extension]
+    B --> C{First Install?}
+    C -->|Yes| D[Load Unpacked]
+    C -->|No| E[Reload Extension]
+    D --> F[Test Functionality]
+    E --> F
+    F --> G{Working Correctly?}
+    G -->|No| H[Debug Issues]
+    G -->|Yes| I[Ready for Users]
+    H --> A
+    I --> J[Publish to Store]
+    
+    style A fill:#e1f5fe
+    style F fill:#e8f5e8
+    style I fill:#f3e5f5
+    style J fill:#fff3e0
+```
+```bash
+# Step 1: Build your extension
+npm run build
+```
 
-It's crucial to remember that browsers are not all the same! Each has its own strengths and weaknesses. A professional web developer must ensure web pages perform well across different browsers, including handling small screens like mobile phones and offline users.
+**What this command accomplishes:**
+- **Compiles** your source code into browser-ready files
+- **Bundles** JavaScript modules into optimized packages
+- **Generates** the final extension files in the `/dist` folder
+- **Prepares** your extension for installation and testing
 
-A helpful resource to bookmark is [caniuse.com](https://www.caniuse.com). It provides lists of supported technologies, making it easier to build web pages that cater to your users.
+**Step 2: Navigate to Browser Extensions**
+1. **Open** your browser's extensions management page
+2. **Click** the "Settings and more" button (the `...` icon) on the top right
+3. **Select** "Extensions" from the dropdown menu
 
-✅ How can you determine which browsers are most popular among your website's users? Check your analytics! You can integrate analytics tools into your web development process to see which browsers are most commonly used.
+**Step 3: Load Your Extension**
+- **For new installations**: Choose `load unpacked` and select your `/dist` folder
+- **For updates**: Click `reload` next to your already-installed extension
+- **For testing**: Enable "Developer mode" to access additional debugging features
 
-## Browser extensions
+### Production Extension Installation
 
-Why create a browser extension? Extensions are convenient tools that provide quick access to repetitive tasks. For instance, you might use a color-picker extension to check colors on web pages or a password manager extension to store and retrieve passwords.
+> ✅ **Note**: These development instructions are specifically for extensions you build yourself. To install published extensions, visit the official browser extension stores like the [Microsoft Edge Add-ons store](https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home).
 
-Developing browser extensions is also enjoyable. They focus on specific tasks and perform them efficiently.
+**Understanding the difference:**
+- **Development installations** let you test unpublished extensions during development
+- **Store installations** provide vetted, published extensions with automatic updates
+- **Sideloading** allows installation of extensions from outside official stores (requires developer mode)
 
-✅ What are your favorite browser extensions? What tasks do they help you with?
+## Building Your Carbon Footprint Extension
 
-### Installing extensions
+We'll create a browser extension that displays the carbon footprint of your region's energy use. This project demonstrates essential extension development concepts while creating a practical tool for environmental awareness.
 
-Before building your own extension, familiarize yourself with the process of creating and deploying one. While each browser has slight variations, the process is similar across Chrome, Firefox, and Edge. Here's an example for Edge:
+This approach follows the principle of "learning by doing" that has proven effective since John Dewey's educational theories - combining technical skills with meaningful real-world applications.
 
-![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/en/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.png)
+### Project Requirements
 
-> Note: Make sure to toggle on developer mode and allow extensions from other stores.
+Before beginning development, let's gather the required resources and dependencies:
 
-The general process involves:
+**Required API Access:**
+- **[CO2 Signal API key](https://www.co2signal.com/)**: Enter your email address to receive your free API key
+- **[Region code](http://api.electricitymap.org/v3/zones)**: Find your region code using the [Electricity Map](https://www.electricitymap.org/map) (for example, Boston uses 'US-NEISO')
 
-- Building your extension using `npm run build`
-- Navigating to the extensions page in the browser via the "Settings and more" button (the `...` icon) in the top-right corner
-- For a new installation, selecting `load unpacked` to upload the extension from its build folder (in this case, `/dist`)
-- Clicking `reload` if you're updating an already-installed extension
+**Development Tools:**
+- **[Node.js and NPM](https://www.npmjs.com)**: Package management tool for installing project dependencies
+- **[Starter code](../../../../5-browser-extension/start)**: Download the `start` folder to begin development
 
-✅ These instructions apply to extensions you create yourself. To install extensions from a browser's extension store, visit the respective [stores](https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home) and install your desired extension.
+✅ **Learn More**: Enhance your package management skills with this [comprehensive Learn module](https://docs.microsoft.com/learn/modules/create-nodejs-project-dependencies/?WT.mc_id=academic-77807-sagibbon)
 
-### Get Started
+### Understanding the Project Structure
 
-You'll build a browser extension that displays your region's carbon footprint, including energy usage and its sources. The extension will feature a form to collect an API key for accessing CO2 Signal's API.
+Understanding the project structure helps organize development work efficiently. Like how the Library of Alexandria was organized for easy knowledge retrieval, a well-structured codebase makes development more efficient:
 
-**What you'll need:**
+```
+project-root/
+├── dist/                    # Built extension files
+│   ├── manifest.json        # Extension configuration
+│   ├── index.html           # User interface markup
+│   ├── background.js        # Background script functionality
+│   └── main.js              # Compiled JavaScript bundle
+├── src/                     # Source development files
+│   └── index.js             # Your main JavaScript code
+├── package.json             # Project dependencies and scripts
+└── webpack.config.js        # Build configuration
+```
 
-- [An API key](https://www.co2signal.com/): Enter your email on this page to receive one.
-- The [code for your region](http://api.electricitymap.org/v3/zones) from the [Electricity Map](https://www.electricitymap.org/map) (e.g., for Boston, use 'US-NEISO').
-- The [starter code](../../../../5-browser-extension/start): Download the `start` folder to complete the code.
-- [NPM](https://www.npmjs.com): Install NPM locally to manage packages listed in your `package.json` file.
+**Breaking down what each file accomplishes:**
+- **`manifest.json`**: **Defines** extension metadata, permissions, and entry points
+- **`index.html`**: **Creates** the user interface that appears when users click your extension
+- **`background.js`**: **Handles** background tasks and browser event listeners
+- **`main.js`**: **Contains** the final bundled JavaScript after the build process
+- **`src/index.js`**: **Houses** your main development code that gets compiled into `main.js`
 
-✅ Learn more about package management in this [excellent Learn module](https://docs.microsoft.com/learn/modules/create-nodejs-project-dependencies/?WT.mc_id=academic-77807-sagibbon)
+> 💡 **Organization Tip**: Store your API key and region code in a secure note for easy reference during development. You'll need these values to test your extension's functionality.
 
-Take a moment to review the codebase:
+✅ **Security Note**: Never commit API keys or sensitive credentials to your code repository. We'll show you how to handle these securely in the next steps.
 
-dist
-    -|manifest.json (defaults set here)
-    -|index.html (front-end HTML markup here)
-    -|background.js (background JS here)
-    -|main.js (built JS)
-src
-    -|index.js (your JS code goes here)
+## Creating the Extension Interface
 
-✅ Once you have your API key and region code, save them somewhere for future use.
+Now we'll build the user interface components. The extension uses a two-screen approach: a configuration screen for initial setup and a results screen for data display.
 
-### Build the HTML for the extension
+This follows the progressive disclosure principle used in interface design since the early days of computing - revealing information and options in a logical sequence to avoid overwhelming users.
 
-This extension has two views: one for collecting the API key and region code:
+### Extension Views Overview
 
-![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/en/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.png)
+**Setup View** - First-time user configuration:
+![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/en/1.b6da8c1394b07491.webp)
 
-And another for displaying the region's carbon usage:
+**Results View** - Carbon footprint data display:
+![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/en/2.1dae52ff08042246.webp)
 
-![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/en/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.png)
+### Building the Configuration Form
 
-Start by creating the HTML for the form and styling it with CSS.
+The setup form collects user configuration data during initial use. Once configured, this information persists in browser storage for future sessions.
 
-In the `/dist` folder, build a form and a results area. In the `index.html` file, populate the designated form area:
+In the `/dist/index.html` file, add this form structure:
 
-```HTML
+```html
 <form class="form-data" autocomplete="on">
-	<div>
-		<h2>New? Add your Information</h2>
-	</div>
-	<div>
-		<label for="region">Region Name</label>
-		<input type="text" id="region" required class="region-name" />
-	</div>
-	<div>
-		<label for="api">Your API Key from tmrow</label>
-		<input type="text" id="api" required class="api-key" />
-	</div>
-	<button class="search-btn">Submit</button>
-</form>	
+    <div>
+        <h2>New? Add your Information</h2>
+    </div>
+    <div>
+        <label for="region">Region Name</label>
+        <input type="text" id="region" required class="region-name" />
+    </div>
+    <div>
+        <label for="api">Your API Key from tmrow</label>
+        <input type="text" id="api" required class="api-key" />
+    </div>
+    <button class="search-btn">Submit</button>
+</form>
 ```
-This form will save the input information to local storage.
 
-Next, create the results area. Add some divs below the final form tag:
+**Here's what this form accomplishes:**
+- **Creates** a semantic form structure with proper labels and input associations
+- **Enables** browser autocomplete functionality for improved user experience
+- **Requires** both fields to be filled before submission using the `required` attribute
+- **Organizes** inputs with descriptive class names for easy styling and JavaScript targeting
+- **Provides** clear instructions for users who are setting up the extension for the first time
+
+### Building the Results Display
+
+Next, create the results area that will show the carbon footprint data. Add this HTML below the form:
 
-```HTML
+```html
 <div class="result">
-	<div class="loading">loading...</div>
-	<div class="errors"></div>
-	<div class="data"></div>
-	<div class="result-container">
-		<p><strong>Region: </strong><span class="my-region"></span></p>
-		<p><strong>Carbon Usage: </strong><span class="carbon-usage"></span></p>
-		<p><strong>Fossil Fuel Percentage: </strong><span class="fossil-fuel"></span></p>
-	</div>
-	<button class="clear-btn">Change region</button>
+    <div class="loading">loading...</div>
+    <div class="errors"></div>
+    <div class="data"></div>
+    <div class="result-container">
+        <p><strong>Region: </strong><span class="my-region"></span></p>
+        <p><strong>Carbon Usage: </strong><span class="carbon-usage"></span></p>
+        <p><strong>Fossil Fuel Percentage: </strong><span class="fossil-fuel"></span></p>
+    </div>
+    <button class="clear-btn">Change region</button>
 </div>
 ```
-Now, try building the extension. Install the package dependencies:
 
-```
-npm install
-```
-
-This command uses npm (Node Package Manager) to install webpack for the build process. Webpack bundles the code, and you can see the output in `/dist/main.js`.
+**Breaking down what this structure provides:**
+- **`loading`**: **Displays** a loading message while API data is being fetched
+- **`errors`**: **Shows** error messages if API calls fail or data is invalid
+- **`data`**: **Holds** raw data for debugging purposes during development
+- **`result-container`**: **Presents** formatted carbon footprint information to users
+- **`clear-btn`**: **Allows** users to change their region and reconfigure the extension
 
-At this stage, the extension should build successfully. If you deploy it in Edge, you'll see a neatly displayed form.
-
-Congratulations! You've taken the first steps toward building a browser extension. In the next lessons, you'll add more functionality and features.
-
----
+### Setting Up the Build Process
 
-## 🚀 Challenge
+Now let's install the project dependencies and test the build process:
 
-Explore a browser extension store and install an extension. Examine its files to uncover interesting details. What do you find?
-
-## Post-Lecture Quiz
-
-[Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/24)
-
-## Review & Self Study
-
-In this lesson, you learned about the history of web browsers. Take some time to explore how the inventors of the World Wide Web envisioned its use. Here are some useful resources:
+```bash
+npm install
+```
 
-[The History of Web Browsers](https://www.mozilla.org/firefox/browsers/browser-history/)
+**What this installation process accomplishes:**
+- **Downloads** Webpack and other development dependencies specified in `package.json`
+- **Configures** the build toolchain for compiling modern JavaScript
+- **Prepares** the development environment for extension building and testing
+- **Enables** code bundling, optimization, and cross-browser compatibility features
 
-[History of the Web](https://webfoundation.org/about/vision/history-of-the-web/)
+> 💡 **Build Process Insight**: Webpack bundles your source code from `/src/index.js` into `/dist/main.js`. This process optimizes your code for production and ensures browser compatibility.
 
-[An interview with Tim Berners-Lee](https://www.theguardian.com/technology/2019/mar/12/tim-berners-lee-on-30-years-of-the-web-if-we-dream-a-little-we-can-get-the-web-we-want)
+### Testing Your Progress
 
-## Assignment 
+At this point, you can test your extension:
+1. **Run** the build command to compile your code  
+2. **Load** the extension into your browser using the developer mode  
+3. **Verify** that the form displays correctly and looks professional  
+4. **Check** that all form elements are properly aligned and functional  
+
+**What you've accomplished:**  
+- **Built** the foundational HTML structure for your extension  
+- **Created** both configuration and results interfaces with proper semantic markup  
+- **Set up** a modern development workflow using industry-standard tools  
+- **Prepared** the foundation for adding interactive JavaScript functionality  
+
+### 🔄 **Pedagogical Check-in**  
+**Extension Development Progress**: Verify your understanding before continuing:  
+- ✅ Can you explain the purpose of each file in the project structure?  
+- ✅ Do you understand how the build process transforms your source code?  
+- ✅ Why do we separate configuration and results into different UI sections?  
+- ✅ How does the form structure support both usability and accessibility?  
+
+**Development Workflow Understanding**: You should now be able to:  
+1. **Modify** HTML and CSS for your extension interface  
+2. **Run** the build command to compile your changes  
+3. **Reload** the extension in your browser to test updates  
+4. **Debug** issues using browser developer tools  
+
+You've completed the first phase of browser extension development. Like how the Wright brothers first needed to understand aerodynamics before achieving flight, understanding these foundational concepts prepares you for building more complex interactive features in the next lesson.  
+
+## GitHub Copilot Agent Challenge 🚀  
+
+Use the Agent mode to complete the following challenge:  
+
+**Description:** Enhance the browser extension by adding form validation and user feedback features to improve the user experience when entering API keys and region codes.  
+
+**Prompt:** Create JavaScript validation functions that check if the API key field contains at least 20 characters and if the region code follows the correct format (like 'US-NEISO'). Add visual feedback by changing input border colors to green for valid inputs and red for invalid ones. Also add a toggle feature to show/hide the API key for security purposes.  
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.  
+
+## 🚀 Challenge  
+
+Take a look at a browser extension store and install one to your browser. You can examine its files in interesting ways. What do you discover?  
+
+## Post-Lecture Quiz  
+
+[Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/24)  
+
+## Review & Self Study  
+
+In this lesson you learned a little about the history of the web browser; take this opportunity to learn about how the inventors of the World Wide Web envisioned its use by reading more about its history. Some useful sites include:  
+
+[The History of Web Browsers](https://www.mozilla.org/firefox/browsers/browser-history/)  
+
+[History of the Web](https://webfoundation.org/about/vision/history-of-the-web/)  
+
+[An interview with Tim Berners-Lee](https://www.theguardian.com/technology/2019/mar/12/tim-berners-lee-on-30-years-of-the-web-if-we-dream-a-little-we-can-get-the-web-we-want)  
+
+### ⚡ **What You Can Do in the Next 5 Minutes**  
+- [ ] Open Chrome/Edge extensions page (chrome://extensions) and explore what you have installed  
+- [ ] Look at your browser's DevTools Network tab while loading a webpage  
+- [ ] Try viewing page source (Ctrl+U) to see HTML structure  
+- [ ] Inspect any webpage element and modify its CSS in DevTools  
+
+### 🎯 **What You Can Accomplish This Hour**  
+- [ ] Complete the post-lesson quiz and understand browser fundamentals  
+- [ ] Create a basic manifest.json file for a browser extension  
+- [ ] Build a simple "Hello World" extension that shows a popup  
+- [ ] Test loading your extension in developer mode  
+- [ ] Explore the browser extension documentation for your target browser  
+
+### 📅 **Your Week-Long Extension Journey**  
+- [ ] Complete a functional browser extension with real utility  
+- [ ] Learn about content scripts, background scripts, and popup interactions  
+- [ ] Master browser APIs like storage, tabs, and messaging  
+- [ ] Design user-friendly interfaces for your extension  
+- [ ] Test your extension across different websites and scenarios  
+- [ ] Publish your extension to the browser's extension store  
+
+### 🌟 **Your Month-Long Browser Development**  
+- [ ] Build multiple extensions solving different user problems  
+- [ ] Learn advanced browser APIs and security best practices  
+- [ ] Contribute to open source browser extension projects  
+- [ ] Master cross-browser compatibility and progressive enhancement  
+- [ ] Create extension development tools and templates for others  
+- [ ] Become a browser extension expert who helps other developers  
+
+## 🎯 Your Browser Extension Mastery Timeline  
+
+```mermaid
+timeline
+    title Browser Extension Development Progression
+    
+    section Foundation (15 minutes)
+        Browser Understanding: Core architecture
+                              : Rendering process
+                              : Extension integration points
+        
+    section Setup (20 minutes)
+        Development Environment: Project structure
+                               : Build tools configuration
+                               : Browser developer mode
+                               : Extension loading process
+        
+    section Interface Design (25 minutes)
+        User Experience: HTML structure
+                       : CSS styling
+                       : Form validation
+                       : Responsive design
+        
+    section Core Functionality (35 minutes)
+        JavaScript Integration: Event handling
+                              : API interactions
+                              : Data storage
+                              : Error handling
+        
+    section Browser APIs (45 minutes)
+        Platform Integration: Permissions system
+                            : Storage APIs
+                            : Tab management
+                            : Context menus
+        
+    section Advanced Features (1 week)
+        Professional Extensions: Background scripts
+                               : Content scripts
+                               : Cross-browser compatibility
+                               : Performance optimization
+        
+    section Publishing (2 weeks)
+        Distribution: Store submission
+                   : Review process
+                   : User feedback
+                   : Update management
+        
+    section Expert Level (1 month)
+        Extension Ecosystem: Advanced APIs
+                           : Security best practices
+                           : Enterprise features
+                           : Framework integration
+```  
+### 🛠️ Your Extension Development Toolkit Summary  
+
+After completing this lesson, you now have:  
+- **Browser Architecture Knowledge**: Understanding of rendering engines, security models, and extension integration  
+- **Development Environment**: Modern toolchain with Webpack, NPM, and debugging capabilities  
+- **UI/UX Foundation**: Semantic HTML structure with progressive disclosure patterns  
+- **Security Awareness**: Understanding of browser permissions and safe development practices  
+- **Cross-Browser Concepts**: Knowledge of compatibility considerations and testing approaches  
+- **API Integration**: Foundation for working with external data sources  
+- **Professional Workflow**: Industry-standard development and testing procedures  
+
+**Real-World Applications**: These skills directly apply to:  
+- **Web Development**: Single-page applications and progressive web apps  
+- **Desktop Applications**: Electron and web-based desktop software  
+- **Mobile Development**: Hybrid apps and web-based mobile solutions  
+- **Enterprise Tools**: Internal productivity applications and workflow automation  
+- **Open Source**: Contributing to browser extension projects and web standards  
+
+**Next Level**: You're ready to add interactive functionality, work with browser APIs, and create extensions that solve real user problems!  
+
+## Assignment  
 
 [Restyle your extension](assignment.md)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/1-about-browsers/assignment.md b/translations/en/5-browser-extension/1-about-browsers/assignment.md
index fca9ed925..745addb73 100644
--- a/translations/en/5-browser-extension/1-about-browsers/assignment.md
+++ b/translations/en/5-browser-extension/1-about-browsers/assignment.md
@@ -1,25 +1,137 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "e3c6f2a03c2336e60412612d870af547",
-  "translation_date": "2025-08-28T11:24:16+00:00",
-  "source_file": "5-browser-extension/1-about-browsers/assignment.md",
-  "language_code": "en"
-}
--->
-# Restyle your Extension
+# Assignment: Restyle Your Browser Extension
+
+## Overview
+
+Now that you've built the HTML structure for your carbon footprint browser extension, it's time to make it visually appealing and user-friendly. Great design enhances the user experience and makes your extension more professional and engaging.
+
+Your extension comes with basic CSS styling, but this assignment challenges you to create a unique visual identity that reflects your personal style while maintaining excellent usability.
 
 ## Instructions
 
-The codebase for this extension includes pre-existing styles, but you’re not obligated to use them. Personalize your extension by modifying its CSS file to create your own unique design.
+### Part 1: Analyze the Current Design
+
+Before making changes, examine the existing CSS structure:
+
+1. **Locate** the CSS files in your extension project
+2. **Review** the current styling approach and color scheme
+3. **Identify** areas for improvement in layout, typography, and visual hierarchy
+4. **Consider** how the design supports user goals (easy form completion and clear data display)
+
+### Part 2: Design Your Custom Styling
+
+Create a cohesive visual design that includes:
+
+**Color Scheme:**
+- Choose a primary color palette that reflects environmental themes
+- Ensure sufficient contrast for accessibility (use tools like WebAIM's contrast checker)
+- Consider how colors will look across different browser themes
+
+**Typography:**
+- Select readable fonts that work well at small extension sizes
+- Establish a clear hierarchy with appropriate font sizes and weights
+- Ensure text remains legible in both light and dark browser themes
+
+**Layout and Spacing:**
+- Improve the visual organization of form elements and data display
+- Add appropriate padding and margins for better readability
+- Consider responsive design principles for different screen sizes
+
+### Part 3: Implement Your Design
+
+Modify the CSS files to implement your design:
+
+```css
+/* Example starting points for customization */
+
+.form-data {
+    /* Style the configuration form */
+    background: /* your choice */;
+    padding: /* your spacing */;
+    border-radius: /* your preference */;
+}
+
+.result-container {
+    /* Style the data display area */
+    background: /* complementary color */;
+    border: /* your border style */;
+    margin: /* your spacing */;
+}
+
+/* Add your custom styles here */
+```
+
+**Key areas to style:**
+- **Form elements**: Input fields, labels, and submit button
+- **Results display**: Data container, text styling, and loading states
+- **Interactive elements**: Hover effects, button states, and transitions
+- **Overall layout**: Container spacing, background colors, and visual hierarchy
+
+### Part 4: Test and Refine
+
+1. **Build** your extension with `npm run build`
+2. **Load** the updated extension into your browser
+3. **Test** all visual states (form entry, loading, results display, errors)
+4. **Verify** accessibility with browser developer tools
+5. **Refine** your styles based on actual usage
+
+## Creative Challenges
+
+### Basic Level
+- Update colors and fonts to create a cohesive theme
+- Improve spacing and alignment throughout the interface
+- Add subtle hover effects to interactive elements
+
+### Intermediate Level
+- Design custom icons or graphics for your extension
+- Implement smooth transitions between different states
+- Create a unique loading animation for API calls
+
+### Advanced Level
+- Design multiple theme options (light/dark/high-contrast)
+- Implement responsive design for different browser window sizes
+- Add micro-interactions that enhance the user experience
+
+## Submission Guidelines
+
+Your completed assignment should include:
+
+- **Modified CSS files** with your custom styling
+- **Screenshots** showing your extension in different states (form, loading, results)
+- **Brief description** (2-3 sentences) explaining your design choices and how they improve the user experience
+
+## Assessment Rubric
+
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|----------|---------------|----------------|----------------|----------------|
+| **Visual Design** | Creative, cohesive design that enhances usability and reflects strong design principles | Good design choices with consistent styling and clear visual hierarchy | Basic design improvements with some consistency issues | Minimal styling changes or inconsistent design |
+| **Functionality** | All styles work perfectly across different states and browser environments | Styles work well with minor issues in edge cases | Most styles functional with some display problems | Significant styling issues that impact usability |
+| **Code Quality** | Clean, well-organized CSS with meaningful class names and efficient selectors | Good CSS structure with appropriate use of selectors and properties | Acceptable CSS with some organization issues | Poor CSS structure or overly complex styling |
+| **Accessibility** | Excellent color contrast, readable fonts, and consideration for users with disabilities | Good accessibility practices with minor areas for improvement | Basic accessibility considerations with some issues | Limited attention to accessibility requirements |
+
+## Tips for Success
+
+> 💡 **Design Tip**: Start with subtle changes and build up to more dramatic styling. Small improvements in typography and spacing often have big impacts on perceived quality.
+
+**Best practices to follow:**
+- **Test** your extension in both light and dark browser themes
+- **Use** relative units (em, rem) for better scalability
+- **Maintain** consistent spacing using CSS custom properties
+- **Consider** how your design will look to users with different visual needs
+- **Validate** your CSS to ensure it follows proper syntax
+
+> ⚠️ **Common Mistake**: Don't sacrifice usability for visual appeal. Your extension should be both beautiful and functional.
 
-## Rubric
+**Remember to:**
+- **Keep** important information easily readable
+- **Ensure** buttons and interactive elements are easy to click
+- **Maintain** clear visual feedback for user actions
+- **Test** your design with real data, not just placeholder text
 
-| Criteria | Outstanding                                  | Satisfactory          | Needs Improvement |
-| -------- | -------------------------------------------- | --------------------- | ----------------- |
-|          | Code is submitted with fully functional new styles | Styling is incomplete | Styles contain errors |
+Good luck creating a browser extension that's both functional and visually stunning!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the definitive source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/en/5-browser-extension/2-forms-browsers-local-storage/README.md
index e4b5202ca..942130823 100644
--- a/translations/en/5-browser-extension/2-forms-browsers-local-storage/README.md
+++ b/translations/en/5-browser-extension/2-forms-browsers-local-storage/README.md
@@ -1,31 +1,99 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a7587943d38d095de8613e1b508609f5",
-  "translation_date": "2025-08-29T13:19:54+00:00",
-  "source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md",
-  "language_code": "en"
-}
--->
 # Browser Extension Project Part 2: Call an API, use Local Storage
 
+```mermaid
+journey
+    title Your API Integration & Storage Journey
+    section Foundation
+      Setup DOM references: 3: Student
+      Add event listeners: 4: Student
+      Handle form submission: 4: Student
+    section Data Management
+      Implement local storage: 4: Student
+      Build API calls: 5: Student
+      Handle async operations: 5: Student
+    section User Experience
+      Add error handling: 5: Student
+      Create loading states: 4: Student
+      Polish interactions: 5: Student
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/25)
 
-### Introduction
-
-In this lesson, you'll learn how to call an API by submitting your browser extension's form and displaying the results within the extension. Additionally, you'll explore how to store data in your browser's local storage for future use and reference.
-
-✅ Follow the numbered sections in the relevant files to know where to insert your code.
-
-### Set up the elements to manipulate in the extension:
-
-By now, you've created the HTML for the form and the results `<div>` in your browser extension. From this point forward, you'll work in the `/src/index.js` file to build your extension step by step. Refer to the [previous lesson](../1-about-browsers/README.md) for instructions on setting up your project and the build process.
-
-In your `index.js` file, start by creating some `const` variables to hold the values associated with different fields:
-
-```JavaScript
+## Introduction
+
+Remember that browser extension you started building? Right now you've got a nice-looking form, but it's essentially static. Today we'll bring it to life by connecting it to real data and giving it memory.
+
+Think about the Apollo mission control computers - they didn't just display fixed information. They constantly communicated with spacecraft, updated with telemetry data, and remembered critical mission parameters. That's the kind of dynamic behavior we're building today. Your extension will reach out to the internet, grab real environmental data, and remember your settings for next time.
+
+API integration might sound complex, but it's really just teaching your code how to communicate with other services. Whether you're fetching weather data, social media feeds, or carbon footprint information like we'll do today, it's all about establishing these digital connections. We'll also explore how browsers can persist information - similar to how libraries have used card catalogs to remember where books belong.
+
+By the end of this lesson, you'll have a browser extension that fetches real data, stores user preferences, and provides a smooth experience. Let's get started!
+
+```mermaid
+mindmap
+  root((Dynamic Extensions))
+    DOM Manipulation
+      Element Selection
+      Event Handling
+      State Management
+      UI Updates
+    Local Storage
+      Data Persistence
+      Key-Value Pairs
+      Session Management
+      User Preferences
+    API Integration
+      HTTP Requests
+      Authentication
+      Data Parsing
+      Error Handling
+    Async Programming
+      Promises
+      Async/Await
+      Error Catching
+      Non-blocking Code
+    User Experience
+      Loading States
+      Error Messages
+      Smooth Transitions
+      Data Validation
+```
+✅ Follow the numbered segments in the appropriate files to know where to place your code
+
+## Set up the elements to manipulate in the extension
+
+Before your JavaScript can manipulate the interface, it needs references to specific HTML elements. Think of it like a telescope needing to be pointed at particular stars - before Galileo could study Jupiter's moons, he had to locate and focus on Jupiter itself.
+
+In your `index.js` file, we'll create `const` variables that capture references to each important form element. This is similar to how scientists label their equipment - instead of searching through the entire laboratory each time, they can directly access what they need.
+
+```mermaid
+flowchart LR
+    A[JavaScript Code] --> B[document.querySelector]
+    B --> C[CSS Selectors]
+    C --> D[HTML Elements]
+    
+    D --> E[".form-data"]
+    D --> F[".region-name"]
+    D --> G[".api-key"]
+    D --> H[".loading"]
+    D --> I[".errors"]
+    D --> J[".result-container"]
+    
+    E --> K[Form Element]
+    F --> L[Input Field]
+    G --> M[Input Field]
+    H --> N[UI Element]
+    I --> O[UI Element]
+    J --> P[UI Element]
+    
+    style A fill:#e1f5fe
+    style D fill:#e8f5e8
+    style K fill:#fff3e0
+    style L fill:#fff3e0
+    style M fill:#fff3e0
+```
+```javascript
 // form fields
 const form = document.querySelector('.form-data');
 const region = document.querySelector('.region-name');
@@ -41,123 +109,259 @@ const myregion = document.querySelector('.my-region');
 const clearBtn = document.querySelector('.clear-btn');
 ```
 
-All these fields are referenced by their CSS class, as you defined them in the HTML during the previous lesson.
-
-### Add listeners
-
-Next, add event listeners to the form and the clear button that resets the form. This ensures that when a user submits the form or clicks the reset button, an action is triggered. Also, add the call to initialize the app at the bottom of the file:
-
-```JavaScript
+**Here's what this code does:**
+- **Captures** form elements using `document.querySelector()` with CSS class selectors
+- **Creates** references to input fields for the region name and API key
+- **Establishes** connections to result display elements for carbon usage data
+- **Sets up** access to UI elements like loading indicators and error messages
+- **Stores** each element reference in a `const` variable for easy reuse throughout your code
+
+## Add event listeners
+
+Now we'll make your extension respond to user actions. Event listeners are your code's way of monitoring user interactions. Think of them like the operators in early telephone exchanges - they listened for incoming calls and connected the right circuits when someone wanted to make a connection.
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Form
+    participant JavaScript
+    participant API
+    participant Storage
+    
+    User->>Form: Fills out region/API key
+    User->>Form: Clicks submit
+    Form->>JavaScript: Triggers submit event
+    JavaScript->>JavaScript: handleSubmit(e)
+    JavaScript->>Storage: Save user preferences
+    JavaScript->>API: Fetch carbon data
+    API->>JavaScript: Returns data
+    JavaScript->>Form: Update UI with results
+    
+    User->>Form: Clicks clear button
+    Form->>JavaScript: Triggers click event
+    JavaScript->>Storage: Clear saved data
+    JavaScript->>Form: Reset to initial state
+```
+```javascript
 form.addEventListener('submit', (e) => handleSubmit(e));
 clearBtn.addEventListener('click', (e) => reset(e));
 init();
 ```
 
-✅ Notice the shorthand used to listen for submit or click events, and how the event is passed to the handleSubmit or reset functions. Can you write the equivalent of this shorthand in a longer format? Which approach do you prefer?
+**Understanding these concepts:**
+- **Attaches** a submit listener to the form that triggers when users press Enter or click submit
+- **Connects** a click listener to the clear button for resetting the form
+- **Passes** the event object `(e)` to handler functions for additional control
+- **Calls** the `init()` function immediately to set up the initial state of your extension
+
+✅ Notice the shorthand arrow function syntax used here. This modern JavaScript approach is cleaner than traditional function expressions, but both work equally well!
+
+### 🔄 **Pedagogical Check-in**
+**Event Handling Understanding**: Before moving to initialization, ensure you can:
+- ✅ Explain how `addEventListener` connects user actions to JavaScript functions
+- ✅ Understand why we pass the event object `(e)` to handler functions
+- ✅ Recognize the difference between `submit` and `click` events
+- ✅ Describe when the `init()` function runs and why
+
+**Quick Self-Test**: What would happen if you forgot `e.preventDefault()` in a form submission?
+*Answer: The page would reload, losing all JavaScript state and interrupting the user experience*
+
+## Build the initialization and reset functions
 
-### Build out the init() function and the reset() function:
+Let's create the initialization logic for your extension. The `init()` function is like a ship's navigation system checking its instruments - it determines the current state and adjusts the interface accordingly. It checks if someone has used your extension before and loads their previous settings.
 
-Now, you'll create the function that initializes the extension, called `init()`:
+The `reset()` function provides users with a fresh start - similar to how scientists reset their instruments between experiments to ensure clean data.
 
-```JavaScript
+```javascript
 function init() {
-	//if anything is in localStorage, pick it up
+	// Check if user has previously saved API credentials
 	const storedApiKey = localStorage.getItem('apiKey');
 	const storedRegion = localStorage.getItem('regionName');
 
-	//set icon to be generic green
-	//todo
+	// Set extension icon to generic green (placeholder for future lesson)
+	// TODO: Implement icon update in next lesson
 
 	if (storedApiKey === null || storedRegion === null) {
-		//if we don't have the keys, show the form
+		// First-time user: show the setup form
 		form.style.display = 'block';
 		results.style.display = 'none';
 		loading.style.display = 'none';
 		clearBtn.style.display = 'none';
 		errors.textContent = '';
 	} else {
-        //if we have saved keys/regions in localStorage, show results when they load
-        displayCarbonUsage(storedApiKey, storedRegion);
+		// Returning user: load their saved data automatically
+		displayCarbonUsage(storedApiKey, storedRegion);
 		results.style.display = 'none';
 		form.style.display = 'none';
 		clearBtn.style.display = 'block';
 	}
-};
+}
 
 function reset(e) {
 	e.preventDefault();
-	//clear local storage for region only
+	// Clear stored region to allow user to choose a new location
 	localStorage.removeItem('regionName');
+	// Restart the initialization process
 	init();
 }
-
 ```
 
-This function contains some interesting logic. As you read through it, can you understand what happens?
-
-- Two `const` variables are set up to check if the user has stored an APIKey and region code in local storage.
-- If either of these is null, the form is displayed by changing its style to 'block.'
-- The results, loading indicator, and clear button are hidden, and any error text is cleared.
-- If both the key and region exist, a routine is started to:
-  - Call the API to retrieve carbon usage data.
-  - Hide the results area.
-  - Hide the form.
-  - Display the reset button.
-
-Before proceeding, it's helpful to learn about an important browser concept: [LocalStorage](https://developer.mozilla.org/docs/Web/API/Window/localStorage). LocalStorage is a convenient way to store strings in the browser as `key-value` pairs. This type of web storage can be managed using JavaScript to handle data within the browser. LocalStorage does not expire, whereas SessionStorage (another type of web storage) is cleared when the browser is closed. Each type of storage has its own advantages and disadvantages.
-
-> Note: Your browser extension has its own local storage. The main browser window operates as a separate instance and behaves independently.
-
-You can set your APIKey to have a string value, for example, and view it in Edge by "inspecting" a web page (right-click to inspect) and navigating to the Applications tab to see the storage.
-
-![Local storage pane](../../../../translated_images/en/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.png)
+**Breaking down what happens here:**
+- **Retrieves** stored API key and region from browser's local storage
+- **Checks** if this is a first-time user (no stored credentials) or returning user
+- **Shows** the setup form for new users and hides other interface elements
+- **Loads** saved data automatically for returning users and displays the reset option
+- **Manages** the user interface state based on available data
+
+**Key concepts about Local Storage:**
+- **Persists** data between browser sessions (unlike session storage)
+- **Stores** data as key-value pairs using `getItem()` and `setItem()`
+- **Returns** `null` when no data exists for a given key
+- **Provides** a simple way to remember user preferences and settings
+
+> 💡 **Understanding Browser Storage**: [LocalStorage](https://developer.mozilla.org/docs/Web/API/Window/localStorage) is like giving your extension persistent memory. Consider how the ancient Library of Alexandria stored scrolls - information remained available even when scholars left and returned.
+>
+> **Key characteristics:**
+> - **Persists** data even after you close your browser
+> - **Survives** computer restarts and browser crashes
+> - **Provides** substantial storage space for user preferences
+> - **Offers** instant access without network delays
+
+> **Important Note**: Your browser extension has its own isolated local storage that's separate from regular web pages. This provides security and prevents conflicts with other websites.
+
+You can view your stored data by opening browser Developer Tools (F12), navigating to the **Application** tab, and expanding the **Local Storage** section.
+
+```mermaid
+stateDiagram-v2
+    [*] --> CheckStorage: Extension starts
+    CheckStorage --> FirstTime: No stored data
+    CheckStorage --> Returning: Data found
+    
+    FirstTime --> ShowForm: Display setup form
+    ShowForm --> UserInput: User enters data
+    UserInput --> SaveData: Store in localStorage
+    SaveData --> FetchAPI: Get carbon data
+    
+    Returning --> LoadData: Read from localStorage
+    LoadData --> FetchAPI: Get carbon data
+    
+    FetchAPI --> ShowResults: Display data
+    ShowResults --> UserAction: User interacts
+    
+    UserAction --> Reset: Clear button clicked
+    UserAction --> ShowResults: View data
+    
+    Reset --> ClearStorage: Remove saved data
+    ClearStorage --> FirstTime: Back to setup
+```
+![Local storage pane](../../../../translated_images/en/localstorage.472f8147b6a3f8d1.webp)
 
-✅ Consider situations where you would NOT want to store certain data in LocalStorage. Generally, storing API Keys in LocalStorage is a bad idea! Can you understand why? In our case, since this app is purely for learning and won't be published in an app store, we'll use this method.
+> ⚠️ **Security Consideration**: In production applications, storing API keys in LocalStorage poses security risks since JavaScript can access this data. For learning purposes, this approach works fine, but real applications should use secure server-side storage for sensitive credentials.
 
-Notice that you use the Web API to interact with LocalStorage, either by using `getItem()`, `setItem()`, or `removeItem()`. It's widely supported across browsers.
+## Handle form submission
 
-Before building the `displayCarbonUsage()` function called in `init()`, let's implement the functionality to handle the initial form submission.
+Now we'll handle what happens when someone submits your form. By default, browsers reload the page when forms are submitted, but we'll intercept this behavior to create a smoother experience.
 
-### Handle the form submission
+This approach mirrors how mission control handles spacecraft communications - instead of resetting the entire system for each transmission, they maintain continuous operation while processing new information.
 
-Create a function called `handleSubmit` that accepts an event argument `(e)`. Prevent the event from propagating (in this case, stop the browser from refreshing) and call a new function, `setUpUser`, passing in the arguments `apiKey.value` and `region.value`. This way, you use the two values provided via the initial form when the relevant fields are filled.
+Create a function that captures the form submission event and extracts the user's input:
 
-```JavaScript
+```javascript
 function handleSubmit(e) {
 	e.preventDefault();
 	setUpUser(apiKey.value, region.value);
 }
 ```
 
-✅ Refresh your memory: The HTML you created in the previous lesson includes two input fields whose `values` are captured via the `const` variables you set up at the top of the file. Both fields are marked as `required`, so the browser prevents users from submitting null values.
+**In the above, we've:**
+- **Prevents** the default form submission behavior that would refresh the page
+- **Extracts** user input values from the API key and region fields
+- **Passes** the form data to the `setUpUser()` function for processing
+- **Maintains** single-page application behavior by avoiding page reloads
+
+✅ Remember that your HTML form fields include the `required` attribute, so the browser automatically validates that users provide both the API key and region before this function runs.
 
-### Set up the user
+## Set up user preferences
 
-Next, move on to the `setUpUser` function, where you'll set local storage values for `apiKey` and `regionName`. Add a new function:
+The `setUpUser` function is responsible for saving the user's credentials and initiating the first API call. This creates a smooth transition from setup to displaying results.
 
-```JavaScript
+```javascript
 function setUpUser(apiKey, regionName) {
+	// Save user credentials for future sessions
 	localStorage.setItem('apiKey', apiKey);
 	localStorage.setItem('regionName', regionName);
+	
+	// Update UI to show loading state
 	loading.style.display = 'block';
 	errors.textContent = '';
 	clearBtn.style.display = 'block';
-	//make initial call
+	
+	// Fetch carbon usage data with user's credentials
 	displayCarbonUsage(apiKey, regionName);
 }
 ```
 
-This function displays a loading message while the API is being called. At this point, you've reached the most critical function of this browser extension!
-
-### Display Carbon Usage
-
-Finally, it's time to query the API!
-
-Before proceeding, let's discuss APIs. APIs, or [Application Programming Interfaces](https://www.webopedia.com/TERM/A/API.html), are essential tools for web developers. They provide standardized ways for programs to interact and communicate with each other. For example, if you're building a website that needs to query a database, someone might have created an API for you to use. While there are many types of APIs, one of the most popular is a [REST API](https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/).
-
-✅ The term 'REST' stands for 'Representational State Transfer' and involves using variously-configured URLs to fetch data. Research the different types of APIs available to developers. Which format appeals to you?
-
-There are some key points to note about this function. First, observe the [`async` keyword](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function). Writing functions to run asynchronously ensures they wait for an action, such as data being returned, to complete before continuing.
+**Step by step, here's what's happening:**
+- **Saves** the API key and region name to local storage for future use
+- **Shows** a loading indicator to inform users that data is being fetched
+- **Clears** any previous error messages from the display
+- **Reveals** the clear button for users to reset their settings later
+- **Initiates** the API call to fetch real carbon usage data
+
+This function creates a seamless user experience by managing both data persistence and user interface updates in one coordinated action.
+
+## Display carbon usage data
+
+Now we'll connect your extension to external data sources through APIs. This transforms your extension from a standalone tool into something that can access real-time information from across the internet.
+
+**Understanding APIs**
+
+[APIs](https://www.webopedia.com/TERM/A/API.html) are how different applications communicate with each other. Think of them like the telegraph system that connected distant cities in the 19th century - operators would send requests to distant stations and receive responses with the requested information. Every time you check social media, ask a voice assistant a question, or use a delivery app, APIs are facilitating these data exchanges.
+
+```mermaid
+flowchart TD
+    A[Your Extension] --> B[HTTP Request]
+    B --> C[CO2 Signal API]
+    C --> D{Valid Request?}
+    D -->|Yes| E[Query Database]
+    D -->|No| F[Return Error]
+    E --> G[Carbon Data]
+    G --> H[JSON Response]
+    H --> I[Your Extension]
+    F --> I
+    I --> J[Update UI]
+    
+    subgraph "API Request"
+        K[Headers: auth-token]
+        L[Parameters: countryCode]
+        M[Method: GET]
+    end
+    
+    subgraph "API Response"
+        N[Carbon Intensity]
+        O[Fossil Fuel %]
+        P[Timestamp]
+    end
+    
+    style C fill:#e8f5e8
+    style G fill:#fff3e0
+    style I fill:#e1f5fe
+```
+**Key concepts about REST APIs:**
+- **REST** stands for 'Representational State Transfer'
+- **Uses** standard HTTP methods (GET, POST, PUT, DELETE) to interact with data
+- **Returns** data in predictable formats, typically JSON
+- **Provides** consistent, URL-based endpoints for different types of requests
+
+✅ The [CO2 Signal API](https://www.co2signal.com/) we'll use provides real-time carbon intensity data from electrical grids worldwide. This helps users understand the environmental impact of their electricity usage!
+
+> 💡 **Understanding Asynchronous JavaScript**: The [`async` keyword](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) enables your code to handle multiple operations simultaneously. When you request data from a server, you don't want your entire extension to freeze - that would be like air traffic control stopping all operations while waiting for one plane to respond.
+>
+> **Key benefits:**
+> - **Maintains** extension responsiveness while data loads
+> - **Allows** other code to continue executing during network requests
+> - **Improves** code readability compared to traditional callback patterns
+> - **Enables** graceful error handling for network issues
 
 Here's a quick video about `async`:
 
@@ -165,62 +369,168 @@ Here's a quick video about `async`:
 
 > 🎥 Click the image above for a video about async/await.
 
-Create a new function to query the CO2Signal API:
-
-```JavaScript
-import axios from '../node_modules/axios';
+### 🔄 **Pedagogical Check-in**
+**Async Programming Understanding**: Before diving into the API function, verify you understand:
+- ✅ Why we use `async/await` instead of blocking the entire extension
+- ✅ How `try/catch` blocks handle network errors gracefully
+- ✅ The difference between synchronous and asynchronous operations
+- ✅ Why API calls can fail and how to handle those failures
+
+**Real-World Connection**: Consider these everyday async examples:
+- **Ordering food**: You don't wait by the kitchen - you get a receipt and continue other activities
+- **Sending emails**: Your email app doesn't freeze while sending - you can compose more emails
+- **Loading web pages**: Images load progressively while you can already read the text
+
+**API Authentication Flow**:
+```mermaid
+sequenceDiagram
+    participant Ext as Extension
+    participant API as CO2 Signal API
+    participant DB as Database
+    
+    Ext->>API: Request with auth-token
+    API->>API: Validate token
+    API->>DB: Query carbon data
+    DB->>API: Return data
+    API->>Ext: JSON response
+    Ext->>Ext: Update UI
+```
+Create the function to fetch and display carbon usage data:
 
+```javascript
+// Modern fetch API approach (no external dependencies needed)
 async function displayCarbonUsage(apiKey, region) {
 	try {
-		await axios
-			.get('https://api.co2signal.com/v1/latest', {
-				params: {
-					countryCode: region,
-				},
-				headers: {
-					'auth-token': apiKey,
-				},
-			})
-			.then((response) => {
-				let CO2 = Math.floor(response.data.data.carbonIntensity);
-
-				//calculateColor(CO2);
-
-				loading.style.display = 'none';
-				form.style.display = 'none';
-				myregion.textContent = region;
-				usage.textContent =
-					Math.round(response.data.data.carbonIntensity) + ' grams (grams C02 emitted per kilowatt hour)';
-				fossilfuel.textContent =
-					response.data.data.fossilFuelPercentage.toFixed(2) +
-					'% (percentage of fossil fuels used to generate electricity)';
-				results.style.display = 'block';
-			});
+		// Fetch carbon intensity data from CO2 Signal API
+		const response = await fetch('https://api.co2signal.com/v1/latest', {
+			method: 'GET',
+			headers: {
+				'auth-token': apiKey,
+				'Content-Type': 'application/json'
+			},
+			// Add query parameters for the specific region
+			...new URLSearchParams({ countryCode: region }) && {
+				url: `https://api.co2signal.com/v1/latest?countryCode=${region}`
+			}
+		});
+
+		// Check if the API request was successful
+		if (!response.ok) {
+			throw new Error(`API request failed: ${response.status}`);
+		}
+
+		const data = await response.json();
+		const carbonData = data.data;
+
+		// Calculate rounded carbon intensity value
+		const carbonIntensity = Math.round(carbonData.carbonIntensity);
+
+		// Update the user interface with fetched data
+		loading.style.display = 'none';
+		form.style.display = 'none';
+		myregion.textContent = region.toUpperCase();
+		usage.textContent = `${carbonIntensity} grams (grams CO₂ emitted per kilowatt hour)`;
+		fossilfuel.textContent = `${carbonData.fossilFuelPercentage.toFixed(2)}% (percentage of fossil fuels used to generate electricity)`;
+		results.style.display = 'block';
+
+		// TODO: calculateColor(carbonIntensity) - implement in next lesson
+
 	} catch (error) {
-		console.log(error);
+		console.error('Error fetching carbon data:', error);
+		
+		// Show user-friendly error message
 		loading.style.display = 'none';
 		results.style.display = 'none';
-		errors.textContent = 'Sorry, we have no data for the region you have requested.';
+		errors.textContent = 'Sorry, we couldn\'t fetch data for that region. Please check your API key and region code.';
 	}
 }
 ```
 
-This is a large function. What's happening here?
+**Breaking down what happens here:**
+- **Uses** the modern `fetch()` API instead of external libraries like Axios for cleaner, dependency-free code
+- **Implements** proper error checking with `response.ok` to catch API failures early
+- **Handles** asynchronous operations with `async/await` for more readable code flow
+- **Authenticates** with the CO2 Signal API using the `auth-token` header
+- **Parses** JSON response data and extracts carbon intensity information
+- **Updates** multiple UI elements with formatted environmental data
+- **Provides** user-friendly error messages when API calls fail
+
+**Key modern JavaScript concepts demonstrated:**
+- **Template literals** with `${}` syntax for clean string formatting
+- **Error handling** with try/catch blocks for robust applications
+- **Async/await** pattern for handling network requests gracefully
+- **Object destructuring** to extract specific data from API responses
+- **Method chaining** for multiple DOM manipulations
+
+✅ This function demonstrates several important web development concepts - communicating with external servers, handling authentication, processing data, updating interfaces, and managing errors gracefully. These are fundamental skills that professional developers use regularly.
+
+```mermaid
+flowchart TD
+    A[Start API Call] --> B[Fetch Request]
+    B --> C{Network Success?}
+    C -->|No| D[Network Error]
+    C -->|Yes| E{Response OK?}
+    E -->|No| F[API Error]
+    E -->|Yes| G[Parse JSON]
+    G --> H{Valid Data?}
+    H -->|No| I[Data Error]
+    H -->|Yes| J[Update UI]
+    
+    D --> K[Show Error Message]
+    F --> K
+    I --> K
+    J --> L[Hide Loading]
+    K --> L
+    
+    style A fill:#e1f5fe
+    style J fill:#e8f5e8
+    style K fill:#ffebee
+    style L fill:#f3e5f5
+```
+### 🔄 **Pedagogical Check-in**
+**Complete System Understanding**: Verify your mastery of the entire flow:
+- ✅ How DOM references enable JavaScript to control the interface
+- ✅ Why local storage creates persistence between browser sessions
+- ✅ How async/await makes API calls without freezing the extension
+- ✅ What happens when API calls fail and how errors are handled
+- ✅ Why user experience includes loading states and error messages
+
+🎉 **What you've accomplished:** You've created a browser extension that:
+- **Connects** to the internet and retrieves real environmental data
+- **Persists** user settings between sessions
+- **Handles** errors gracefully instead of crashing
+- **Provides** a smooth, professional user experience
+
+Test your work by running `npm run build` and refreshing your extension in the browser. You now have a functional carbon footprint tracker. The next lesson will add dynamic icon functionality to complete the extension.
 
-- Following best practices, the `async` keyword is used to make the function behave asynchronously. The function includes a `try/catch` block because it will return a promise when the API provides data. Since you can't control the speed of the API's response (or whether it responds at all), you need to handle this uncertainty by calling it asynchronously.
-- The function queries the CO2Signal API to retrieve data for your region using your API Key. To use the key, you need to include authentication in the header parameters.
-- Once the API responds, various elements of its response data are assigned to the parts of your screen set up to display this information.
-- If there's an error or no result, an error message is displayed.
+---
 
-✅ Asynchronous programming patterns are another valuable tool in your skillset. Read [about the different ways](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) you can configure this type of code.
+## GitHub Copilot Agent Challenge 🚀
 
-Congratulations! If you build your extension (`npm run build`) and refresh it in your extensions pane, you now have a functioning extension! The only thing left to fix is the icon, which you'll address in the next lesson.
+Use the Agent mode to complete the following challenge:
 
----
+**Description:** Enhance the browser extension by adding error handling improvements and user experience features. This challenge will help you practice working with APIs, local storage, and DOM manipulation using modern JavaScript patterns.
+**Prompt:** Create an enhanced version of the displayCarbonUsage function that includes: 1) A retry mechanism for failed API calls with exponential backoff, 2) Input validation for the region code before making the API call, 3) A loading animation with progress indicators, 4) Caching of API responses in localStorage with expiration timestamps (cache for 30 minutes), and 5) A feature to display historical data from previous API calls. Also add proper TypeScript-style JSDoc comments to document all function parameters and return types.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
 
 ## 🚀 Challenge
 
-We've discussed several types of APIs in these lessons. Choose a web API and research in depth what it offers. For example, explore APIs available within browsers, such as the [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). In your opinion, what makes an API great?
+Expand your understanding of APIs by exploring the wealth of browser-based APIs available for web development. Choose one of these browser APIs and build a small demonstration:
+
+- [Geolocation API](https://developer.mozilla.org/docs/Web/API/Geolocation_API) - Get user's current location
+- [Notification API](https://developer.mozilla.org/docs/Web/API/Notifications_API) - Send desktop notifications
+- [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API) - Create interactive drag interfaces
+- [Web Storage API](https://developer.mozilla.org/docs/Web/API/Web_Storage_API) - Advanced local storage techniques
+- [Fetch API](https://developer.mozilla.org/docs/Web/API/Fetch_API) - Modern alternative to XMLHttpRequest
+
+**Research questions to consider:**
+- What real-world problems does this API solve?
+- How does the API handle errors and edge cases?
+- What security considerations exist when using this API?
+- How widely supported is this API across different browsers?
+
+After your research, identify what characteristics make an API developer-friendly and reliable.
 
 ## Post-Lecture Quiz
 
@@ -228,7 +538,109 @@ We've discussed several types of APIs in these lessons. Choose a web API and res
 
 ## Review & Self Study
 
-In this lesson, you learned about LocalStorage and APIs, both of which are highly useful for professional web developers. Can you think about how these two concepts work together? Consider how you would design a website that stores items to be used by an API.
+You learned about LocalStorage and APIs in this lesson, both very useful for the professional web developer. Can you think about how these two things work together? Think about how you would architect a web site that would store items to be used by an API.
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open DevTools Application tab and explore localStorage on any website
+- [ ] Create a simple HTML form and test form validation in the browser
+- [ ] Try storing and retrieving data using localStorage in the browser console
+- [ ] Inspect form data being submitted using the Network tab
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand form handling concepts
+- [ ] Build a browser extension form that saves user preferences
+- [ ] Implement client-side form validation with helpful error messages
+- [ ] Practice using the chrome.storage API for extension data persistence
+- [ ] Create a user interface that responds to saved user settings
+
+### 📅 **Your Week-Long Extension Building**
+- [ ] Complete a full-featured browser extension with form functionality
+- [ ] Master different storage options: local, sync, and session storage
+- [ ] Implement advanced form features like autocomplete and validation
+- [ ] Add import/export functionality for user data
+- [ ] Test your extension thoroughly across different browsers
+- [ ] Polish your extension's user experience and error handling
+
+### 🌟 **Your Month-Long Web API Mastery**
+- [ ] Build complex applications using various browser storage APIs
+- [ ] Learn about offline-first development patterns
+- [ ] Contribute to open source projects involving data persistence
+- [ ] Master privacy-focused development and GDPR compliance
+- [ ] Create reusable libraries for form handling and data management
+- [ ] Share knowledge about web APIs and extension development
+
+## 🎯 Your Extension Development Mastery Timeline
+
+```mermaid
+timeline
+    title API Integration & Storage Learning Progression
+    
+    section DOM Fundamentals (15 minutes)
+        Element References: querySelector mastery
+                          : Event listener setup
+                          : State management basics
+        
+    section Local Storage (20 minutes)
+        Data Persistence: Key-value storage
+                        : Session management
+                        : User preference handling
+                        : Storage inspection tools
+        
+    section Form Handling (25 minutes)
+        User Input: Form validation
+                  : Event prevention
+                  : Data extraction
+                  : UI state transitions
+        
+    section API Integration (35 minutes)
+        External Communication: HTTP requests
+                              : Authentication patterns
+                              : JSON data parsing
+                              : Response handling
+        
+    section Async Programming (40 minutes)
+        Modern JavaScript: Promise handling
+                         : Async/await patterns
+                         : Error management
+                         : Non-blocking operations
+        
+    section Error Handling (30 minutes)
+        Robust Applications: Try/catch blocks
+                           : User-friendly messages
+                           : Graceful degradation
+                           : Debugging techniques
+        
+    section Advanced Patterns (1 week)
+        Professional Development: Caching strategies
+                                : Rate limiting
+                                : Retry mechanisms
+                                : Performance optimization
+        
+    section Production Skills (1 month)
+        Enterprise Features: Security best practices
+                           : API versioning
+                           : Monitoring & logging
+                           : Scalable architecture
+```
+### 🛠️ Your Full-Stack Development Toolkit Summary
+
+After completing this lesson, you now have:
+- **DOM Mastery**: Precise element targeting and manipulation
+- **Storage Expertise**: Persistent data management with localStorage
+- **API Integration**: Real-time data fetching and authentication
+- **Async Programming**: Non-blocking operations with modern JavaScript
+- **Error Handling**: Robust applications that gracefully handle failures
+- **User Experience**: Loading states, validation, and smooth interactions
+- **Modern Patterns**: fetch API, async/await, and ES6+ features
+
+**Professional Skills Gained**: You've implemented patterns used in:
+- **Web Applications**: Single-page apps with external data sources
+- **Mobile Development**: API-driven apps with offline capabilities
+- **Desktop Software**: Electron apps with persistent storage
+- **Enterprise Systems**: Authentication, caching, and error handling
+- **Modern Frameworks**: React/Vue/Angular data management patterns
+
+**Next Level**: You're ready to explore advanced topics like caching strategies, real-time WebSocket connections, or complex state management!
 
 ## Assignment
 
@@ -236,5 +648,7 @@ In this lesson, you learned about LocalStorage and APIs, both of which are highl
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/2-forms-browsers-local-storage/assignment.md b/translations/en/5-browser-extension/2-forms-browsers-local-storage/assignment.md
index b0f626087..b75a332ed 100644
--- a/translations/en/5-browser-extension/2-forms-browsers-local-storage/assignment.md
+++ b/translations/en/5-browser-extension/2-forms-browsers-local-storage/assignment.md
@@ -1,25 +1,100 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a0c78d1dd9d1acdbf7f52e7cc3ebe1a7",
-  "translation_date": "2025-08-28T11:31:33+00:00",
-  "source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md",
-  "language_code": "en"
-}
--->
 # Adopt an API
 
+## Overview
+
+APIs open up endless possibilities for creative web development! In this assignment, you'll choose an external API and build a browser extension that solves a real problem or provides valuable functionality to users.
+
 ## Instructions
 
-APIs can be a lot of fun to experiment with. Here is a [list of many free ones](https://github.com/public-apis/public-apis). Choose an API and create a browser extension that addresses a problem. It could be something as small as not having enough pictures of pets (in which case, try the [dog CEO API](https://dog.ceo/dog-api/)) or something more significant—just have fun with it!
+### Step 1: Choose Your API
+Select an API from this curated [list of free public APIs](https://github.com/public-apis/public-apis). Consider these categories:
+
+**Popular options for beginners:**
+- **Entertainment**: [Dog CEO API](https://dog.ceo/dog-api/) for random dog pictures
+- **Weather**: [OpenWeatherMap](https://openweathermap.org/api) for current weather data
+- **Quotes**: [Quotable API](https://quotable.io/) for inspirational quotes
+- **News**: [NewsAPI](https://newsapi.org/) for current headlines
+- **Fun Facts**: [Numbers API](http://numbersapi.com/) for interesting number facts
+
+### Step 2: Plan Your Extension
+Before coding, answer these planning questions:
+- What problem does your extension solve?
+- Who is your target user?
+- What data will you store in local storage?
+- How will you handle API failures or rate limits?
+
+### Step 3: Build Your Extension
+Your extension should include:
+
+**Required Features:**
+- Form inputs for any required API parameters
+- API integration with proper error handling
+- Local storage for user preferences or API keys
+- Clean, responsive user interface
+- Loading states and user feedback
+
+**Code Requirements:**
+- Use modern JavaScript (ES6+) features
+- Implement async/await for API calls
+- Include proper error handling with try/catch blocks
+- Add meaningful comments explaining your code
+- Follow consistent code formatting
+
+### Step 4: Test and Polish
+- Test your extension with various inputs
+- Handle edge cases (no internet, invalid API responses)
+- Ensure your extension works after browser restart
+- Add user-friendly error messages
+
+## Bonus Challenges
+
+Take your extension to the next level:
+- Add multiple API endpoints for richer functionality
+- Implement data caching to reduce API calls
+- Create keyboard shortcuts for common actions
+- Add data export/import features
+- Implement user customization options
+
+## Submission Requirements
+
+1. **Working browser extension** that successfully integrates with your chosen API
+2. **README file** explaining:
+   - Which API you chose and why
+   - How to install and use your extension
+   - Any API keys or setup required
+   - Screenshots of your extension in action
+3. **Clean, commented code** following modern JavaScript practices
 
 ## Rubric
 
-| Criteria | Outstanding                                                              | Satisfactory                             | Needs Improvement       |
-| -------- | ------------------------------------------------------------------------ | ---------------------------------------- | ----------------------- |
-|          | A fully functional browser extension is submitted using an API from the list above | A partially functional browser extension is submitted | The submission contains errors |
+| Criteria | Exemplary (90-100%) | Proficient (80-89%) | Developing (70-79%) | Beginning (60-69%) |
+|----------|---------------------|---------------------|---------------------|--------------------|
+| **API Integration** | Flawless API integration with comprehensive error handling and edge case management | Successful API integration with basic error handling | API works but has limited error handling | API integration has significant issues |
+| **Code Quality** | Clean, well-commented modern JavaScript following best practices | Good code structure with adequate comments | Code works but needs better organization | Poor code quality with minimal comments |
+| **User Experience** | Polished interface with excellent loading states and user feedback | Good interface with basic user feedback | Basic interface that functions adequately | Poor user experience with confusing interface |
+| **Local Storage** | Sophisticated use of local storage with data validation and management | Proper implementation of local storage for key features | Basic local storage implementation | Minimal or incorrect use of local storage |
+| **Documentation** | Comprehensive README with setup instructions and screenshots | Good documentation covering most requirements | Basic documentation missing some details | Poor or missing documentation |
+
+## Getting Started Tips
+
+1. **Start simple**: Choose an API that doesn't require complex authentication
+2. **Read the docs**: Thoroughly understand your chosen API's endpoints and responses
+3. **Plan your UI**: Sketch your extension's interface before coding
+4. **Test frequently**: Build incrementally and test each feature as you add it
+5. **Handle errors**: Always assume API calls might fail and plan accordingly
+
+## Resources
+
+- [Browser Extension Documentation](https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions)
+- [Fetch API Guide](https://developer.mozilla.org/docs/Web/API/Fetch_API/Using_Fetch)
+- [Local Storage Tutorial](https://developer.mozilla.org/docs/Web/API/Window/localStorage)
+- [JSON Parsing and Handling](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON)
+
+Have fun building something useful and creative! 🚀
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/en/5-browser-extension/3-background-tasks-and-performance/README.md
index 30943c028..a501c4611 100644
--- a/translations/en/5-browser-extension/3-background-tasks-and-performance/README.md
+++ b/translations/en/5-browser-extension/3-background-tasks-and-performance/README.md
@@ -1,158 +1,450 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b91cbf14240ee59411b96448b994ace1",
-  "translation_date": "2025-10-03T12:12:24+00:00",
-  "source_file": "5-browser-extension/3-background-tasks-and-performance/README.md",
-  "language_code": "en"
-}
--->
 # Browser Extension Project Part 3: Learn about Background Tasks and Performance
 
+```mermaid
+journey
+    title Your Performance Optimization Journey
+    section Foundation
+      Learn browser tools: 3: Student
+      Understand profiling: 4: Student
+      Identify bottlenecks: 4: Student
+    section Extension Features
+      Build color system: 4: Student
+      Create background tasks: 5: Student
+      Update icons dynamically: 5: Student
+    section Optimization
+      Monitor performance: 5: Student
+      Debug issues: 4: Student
+      Polish experience: 5: Student
+```
+Ever wonder what makes some browser extensions feel snappy and responsive while others seem sluggish? The secret lies in what's happening behind the scenes. While users click around your extension's interface, there's a whole world of background processes quietly managing data fetching, icon updates, and system resources.
+
+This is our final lesson in the browser extension series, and we're going to make your carbon footprint tracker work smoothly. You'll add dynamic icon updates and learn how to spot performance issues before they become problems. It's like tuning a race car - small optimizations can make a huge difference in how everything runs.
+
+By the time we're done, you'll have a polished extension and understand the performance principles that separate good web apps from great ones. Let's dive into the world of browser optimization.
+
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/27)
 
 ### Introduction
 
-In the last two lessons of this module, you learned how to create a form and a display area for data fetched from an API. This is a very common way to establish a web presence. You even learned how to handle asynchronous data fetching. Your browser extension is almost complete.
+In our previous lessons, you built a form, connected it to an API, and tackled asynchronous data fetching. Your extension is taking shape nicely.
+
+Now we need to add the finishing touches - like making that extension icon change colors based on the carbon data. This reminds me of how NASA had to optimize every system on the Apollo spacecraft. They couldn't afford any wasted cycles or memory because lives depended on performance. While our browser extension isn't quite that critical, the same principles apply - efficient code creates better user experiences.
+
+```mermaid
+mindmap
+  root((Performance & Background Tasks))
+    Browser Performance
+      Rendering Pipeline
+      Asset Optimization
+      DOM Manipulation
+      JavaScript Execution
+    Profiling Tools
+      Developer Tools
+      Performance Tab
+      Timeline Analysis
+      Bottleneck Detection
+    Extension Architecture
+      Background Scripts
+      Content Scripts
+      Message Passing
+      Icon Management
+    Optimization Strategies
+      Code Splitting
+      Lazy Loading
+      Caching
+      Resource Compression
+    Visual Feedback
+      Dynamic Icons
+      Color Coding
+      Real-time Updates
+      User Experience
+```
+## Web Performance Basics
 
-The remaining tasks involve managing background processes, such as refreshing the color of the extension's icon. This is a great opportunity to discuss how the browser handles these types of tasks. Let's consider these browser tasks in the context of optimizing the performance of your web assets as you develop them.
+When your code runs efficiently, people can actually *feel* the difference. You know that moment when a page loads instantly or an animation flows smoothly? That's good performance at work.
 
-## Web Performance Basics
+Performance isn't just about speed - it's about making web experiences that feel natural instead of clunky and frustrating. Back in the early days of computing, Grace Hopper famously kept a nanosecond (a piece of wire about a foot long) on her desk to show how far light travels in one billionth of a second. It was her way of explaining why every microsecond matters in computing. Let's explore the detective tools that help you figure out what's slowing things down.
 
 > "Website performance is about two things: how fast the page loads, and how fast the code on it runs." -- [Zack Grossbart](https://www.smashingmagazine.com/2012/06/javascript-profiling-chrome-developer-tools/)
 
-The topic of making websites lightning-fast across all devices, for all users, and in all situations is understandably vast. Here are some key points to keep in mind when building either a standard web project or a browser extension.
+The topic of how to make your websites blazingly fast on all kinds of devices, for all kinds of users, in all kinds of situations, is unsurprisingly vast. Here are some points to keep in mind as you build either a standard web project or a browser extension.
+
+The first step in optimizing your site is understanding what's actually happening under the hood. Fortunately, your browser comes with powerful detective tools built right in.
+
+```mermaid
+flowchart LR
+    A[HTML] --> B[Parse]
+    B --> C[DOM Tree]
+    D[CSS] --> E[Parse]
+    E --> F[CSSOM]
+    G[JavaScript] --> H[Execute]
+    
+    C --> I[Render Tree]
+    F --> I
+    H --> I
+    
+    I --> J[Layout]
+    J --> K[Paint]
+    K --> L[Composite]
+    L --> M[Display]
+    
+    subgraph "Critical Rendering Path"
+        N["1. Parse HTML"]
+        O["2. Parse CSS"]
+        P["3. Execute JS"]
+        Q["4. Build Render Tree"]
+        R["5. Layout Elements"]
+        S["6. Paint Pixels"]
+        T["7. Composite Layers"]
+    end
+    
+    style M fill:#e8f5e8
+    style I fill:#fff3e0
+    style H fill:#ffebee
+```
+To open Developer Tools in Edge, click those three dots in the top right corner, then go to More Tools > Developer Tools. Or use the keyboard shortcut: `Ctrl` + `Shift` + `I` on Windows or `Option` + `Command` + `I` on Mac. Once you're there, click on the Performance tab - this is where you'll do your investigation.
 
-The first step to ensuring your site runs efficiently is to gather data about its performance. The best place to start is the developer tools in your web browser. In Edge, click the "Settings and more" button (the three dots icon in the top-right corner of the browser), then navigate to More Tools > Developer Tools and open the Performance tab. You can also use the keyboard shortcuts `Ctrl` + `Shift` + `I` on Windows or `Option` + `Command` + `I` on Mac to open developer tools.
+**Here's your performance detective toolkit:**
+- **Open** Developer Tools (you'll use these constantly as a developer!)
+- **Head** to the Performance tab - think of it as your web app's fitness tracker
+- **Hit** that Record button and watch your page in action
+- **Study** the results to spot what's slowing things down
 
-The Performance tab includes a Profiling tool. Open a website (for example, [https://www.microsoft.com](https://www.microsoft.com/?WT.mc_id=academic-77807-sagibbon)) and click the 'Record' button, then refresh the site. Stop the recording at any time, and you'll see routines generated for 'script', 'render', and 'paint' processes:
+Let's try this out. Open a website (Microsoft.com works well for this) and click that 'Record' button. Now refresh the page and watch the profiler capture everything that happens. When you stop recording, you'll see a detailed breakdown of how the browser 'scripts', 'renders', and 'paints' the site. It reminds me of how mission control monitors every system during a rocket launch - you get real-time data on exactly what's happening and when.
 
-![Edge profiler](../../../../translated_images/en/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.png)
+![Edge profiler](../../../../translated_images/en/profiler.5a4a62479c5df01c.webp)
 
-✅ Visit the [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) on the Performance panel in Edge.
+✅ The [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) has tons more details if you want to dive deeper
 
-> Tip: To get an accurate reading of your website's startup time, clear your browser's cache.
+> Pro tip: Clear your browser cache before testing to see how your site performs for first-time visitors - it's usually quite different from repeat visits!
 
-Select elements of the profile timeline to zoom in on events that occur while your page loads.
+Select elements of the profile timeline to zoom in on events that happen while your page loads.
 
-Get a snapshot of your page's performance by selecting a part of the profile timeline and reviewing the summary pane:
+Get a snapshot of your page's performance by selecting a part of the profile timeline and looking at the summary pane:
 
-![Edge profiler snapshot](../../../../translated_images/en/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.png)
+![Edge profiler snapshot](../../../../translated_images/en/snapshot.97750180ebcad737.webp)
 
 Check the Event Log pane to see if any event took longer than 15 ms:
 
-![Edge event log](../../../../translated_images/en/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.png)
+![Edge event log](../../../../translated_images/en/log.804026979f3707e0.webp)
+
+✅ Get to know your profiler! Open the developer tools on this site and see if there are any bottlenecks. What's the slowest-loading asset? The fastest?
+
+```mermaid
+flowchart TD
+    A[Open DevTools] --> B[Navigate to Performance Tab]
+    B --> C[Click Record Button]
+    C --> D[Perform Actions]
+    D --> E[Stop Recording]
+    E --> F{Analyze Results}
+    
+    F --> G[Check Timeline]
+    F --> H[Review Network]
+    F --> I[Examine Scripts]
+    F --> J[Identify Paint Events]
+    
+    G --> K{Long Tasks?}
+    H --> L{Large Assets?}
+    I --> M{Render Blocking?}
+    J --> N{Expensive Paints?}
+    
+    K -->|Yes| O[Optimize JavaScript]
+    L -->|Yes| P[Compress Assets]
+    M -->|Yes| Q[Add Async/Defer]
+    N -->|Yes| R[Simplify Styles]
+    
+    O --> S[Test Again]
+    P --> S
+    Q --> S
+    R --> S
+    
+    style A fill:#e1f5fe
+    style F fill:#fff3e0
+    style S fill:#e8f5e8
+```
+## What to Look For When Profiling
 
-✅ Familiarize yourself with the profiler! Open the developer tools on this site and check for bottlenecks. What is the slowest-loading asset? The fastest?
+Running the profiler is just the beginning - the real skill is knowing what those colorful charts are actually telling you. Don't worry, you'll get the hang of reading them. Experienced developers have learned to spot the warning signs before they become full-blown problems.
 
-## Profiling checks
+Let's talk about the usual suspects - the performance troublemakers that tend to sneak into web projects. Like how Marie Curie had to carefully monitor radiation levels in her lab, we need to watch for certain patterns that indicate trouble brewing. Catching these early will save you (and your users) a lot of frustration.
 
-In general, there are some "problem areas" every web developer should monitor when building a site to avoid unpleasant surprises during production deployment.
+**Asset sizes**: Websites have been getting "heavier" over the years, and a lot of that extra weight comes from images. It's like we've been stuffing more and more into our digital suitcases.
 
-**Asset sizes**: The web has become 'heavier' and slower over the years, partly due to the use of images.
+✅ Check out the [Internet Archive](https://httparchive.org/reports/page-weight) to see how page sizes have grown over time - it's quite revealing.
 
-✅ Explore the [Internet Archive](https://httparchive.org/reports/page-weight) for a historical view of page weight and more.
+**Here's how to keep your assets optimized:**
+- **Compress** those images! Modern formats like WebP can cut file sizes dramatically
+- **Serve** the right image size for each device - no need to send huge desktop images to phones
+- **Minify** your CSS and JavaScript - every byte counts
+- **Use** lazy loading so images only download when users actually scroll to them
 
-A good practice is to ensure your images are optimized and delivered at the appropriate size and resolution for your users.
+**DOM traversals**: The browser has to build its Document Object Model based on the code you write, so it's in the interest of good page performance to keep your tags minimal, only using and styling what the page needs. To this point, excess CSS associated with a page could be optimized; styles that need to be used only on one page don't need to be included in the main style sheet, for example.
 
-**DOM traversals**: The browser builds its Document Object Model based on the code you write, so good page performance depends on keeping your tags minimal and only using and styling what the page requires. For example, excess CSS associated with a page can be optimized; styles needed for only one page don't need to be included in the main stylesheet.
+**Key strategies for DOM optimization:**
+- **Minimizes** the number of HTML elements and nesting levels
+- **Removes** unused CSS rules and consolidates stylesheets efficiently
+- **Organizes** CSS to load only what's needed for each page
+- **Structures** HTML semantically for better browser parsing
 
-**JavaScript**: Every JavaScript developer should watch for 'render-blocking' scripts that must load before the rest of the DOM can be traversed and painted in the browser. Consider using `defer` with your inline scripts (as demonstrated in the Terrarium module).
+**JavaScript**: Every JavaScript developer should watch for 'render-blocking' scripts that must be loaded before the rest of the DOM can be traversed and painted to the browser. Consider using `defer` with your inline scripts (as is done in the Terrarium module).
 
-✅ Test some sites on a [Site Speed Test website](https://www.webpagetest.org/) to learn more about common checks for site performance.
+**Modern JavaScript optimization techniques:**
+- **Uses** the `defer` attribute to load scripts after DOM parsing
+- **Implements** code splitting to load only necessary JavaScript
+- **Applies** lazy loading for non-critical functionality
+- **Minimizes** the use of heavy libraries and frameworks when possible
 
-Now that you understand how the browser renders the assets you send to it, let's look at the final steps to complete your extension:
+✅ Try some sites on a [Site Speed Test website](https://www.webpagetest.org/) to learn more about the common checks that are done to determine site performance.
 
-### Create a function to calculate color
+### 🔄 **Pedagogical Check-in**
+**Performance Understanding**: Before building extension features, ensure you can:
+- ✅ Explain the critical rendering path from HTML to pixels
+- ✅ Identify common performance bottlenecks in web applications
+- ✅ Use browser developer tools to profile page performance
+- ✅ Understand how asset size and DOM complexity affect speed
+
+**Quick Self-Test**: What happens when you have render-blocking JavaScript?
+*Answer: The browser must download and execute the script before it can continue parsing HTML and rendering the page*
 
-In `/src/index.js`, add a function called `calculateColor()` after the series of `const` variables you set to access the DOM:
+**Real-World Performance Impact**:
+- **100ms delay**: Users notice the slowdown
+- **1 second delay**: Users start losing focus
+- **3+ seconds**: 40% of users abandon the page
+- **Mobile networks**: Performance matters even more
 
-```JavaScript
+Now that you have an idea of how the browser renders the assets you send to it, let's look at the last few things you need to do to complete your extension:
+
+### Create a function to calculate color
+
+Now we'll create a function that turns numerical data into meaningful colors. Think of it like a traffic light system - green for clean energy, red for high carbon intensity.
+
+This function will take the CO2 data from our API and determine what color best represents the environmental impact. It's similar to how scientists use color-coding in heat maps to visualize complex data patterns - from ocean temperatures to star formation. Let's add this to `/src/index.js`, right after those `const` variables we set up earlier:
+
+```mermaid
+flowchart LR
+    A[CO2 Value] --> B[Find Closest Scale Point]
+    B --> C[Get Scale Index]
+    C --> D[Map to Color]
+    D --> E[Send to Background]
+    
+    subgraph "Color Scale"
+        F["0-150: Green (Clean)"]
+        G["150-600: Yellow (Moderate)"]
+        H["600-750: Orange (High)"]
+        I["750+: Brown (Very High)"]
+    end
+    
+    subgraph "Message Passing"
+        J[Content Script]
+        K[chrome.runtime.sendMessage]
+        L[Background Script]
+        M[Icon Update]
+    end
+    
+    style A fill:#e1f5fe
+    style D fill:#e8f5e8
+    style E fill:#fff3e0
+```
+```javascript
 function calculateColor(value) {
-	let co2Scale = [0, 150, 600, 750, 800];
-	let colors = ['#2AA364', '#F5EB4D', '#9E4229', '#381D02', '#381D02'];
+	// Define CO2 intensity scale (grams per kWh)
+	const co2Scale = [0, 150, 600, 750, 800];
+	// Corresponding colors from green (clean) to dark brown (high carbon)
+	const colors = ['#2AA364', '#F5EB4D', '#9E4229', '#381D02', '#381D02'];
 
-	let closestNum = co2Scale.sort((a, b) => {
+	// Find the closest scale value to our input
+	const closestNum = co2Scale.sort((a, b) => {
 		return Math.abs(a - value) - Math.abs(b - value);
 	})[0];
-	console.log(value + ' is closest to ' + closestNum);
-	let num = (element) => element > closestNum;
-	let scaleIndex = co2Scale.findIndex(num);
-
-	let closestColor = colors[scaleIndex];
+	
+	console.log(`${value} is closest to ${closestNum}`);
+	
+	// Find the index for color mapping
+	const num = (element) => element > closestNum;
+	const scaleIndex = co2Scale.findIndex(num);
+
+	const closestColor = colors[scaleIndex];
 	console.log(scaleIndex, closestColor);
 
+	// Send color update message to background script
 	chrome.runtime.sendMessage({ action: 'updateIcon', value: { color: closestColor } });
 }
 ```
 
-What happens here? You pass a value (the carbon intensity) from the API call you completed in the last lesson, then calculate how close its value is to the index in the colors array. You then send the closest color value to the chrome runtime.
+**Let's break down this clever little function:**
+- **Sets up** two arrays - one for CO2 levels, another for colors (green = clean, brown = dirty!)
+- **Finds** the closest match to our actual CO2 value using some neat array sorting
+- **Grabs** the matching color using the findIndex() method
+- **Sends** a message to Chrome's background script with our chosen color
+- **Uses** template literals (those backticks) for cleaner string formatting
+- **Keeps** everything organized with const declarations
 
-The chrome.runtime has [an API](https://developer.chrome.com/extensions/runtime) that handles various background tasks, which your extension utilizes:
+The `chrome.runtime` [API](https://developer.chrome.com/extensions/runtime) is like the nervous system of your extension - it handles all the behind-the-scenes communication and tasks:
 
 > "Use the chrome.runtime API to retrieve the background page, return details about the manifest, and listen for and respond to events in the app or extension lifecycle. You can also use this API to convert the relative path of URLs to fully-qualified URLs."
 
-✅ If you're developing this browser extension for Edge, you might be surprised to use a chrome API. The newer Edge browser versions run on the Chromium browser engine, allowing you to leverage these tools.
-
-> Note: If you want to profile a browser extension, launch the dev tools from within the extension itself, as it operates as a separate browser instance.
+**Why the Chrome Runtime API is so handy:**
+- **Lets** different parts of your extension talk to each other
+- **Handles** background work without freezing the user interface
+- **Manages** your extension's lifecycle events
+- **Makes** message passing between scripts super easy
+
+✅ If you're developing this browser extension for Edge, it might surprise you that you're using a chrome API. The newer Edge browser versions run on the Chromium browser engine, so you can leverage these tools.
+
+```mermaid
+architecture-beta
+    group browser(logos:chrome)[Browser]
+    
+    service popup(logos:html5)[Popup UI] in browser
+    service content(logos:javascript)[Content Script] in browser
+    service background(database)[Background Script] in browser
+    service api(logos:api)[External API] in browser
+    
+    popup:R -- L:content
+    content:R -- L:background
+    background:T -- B:api
+    content:T -- B:api
+    
+    junction junctionCenter in browser
+    popup:R -- L:junctionCenter
+    junctionCenter:R -- L:background
+```
+> **Pro Tip**: If you want to profile a browser extension, launch the dev tools from within the extension itself, as it is its own separate browser instance. This gives you access to extension-specific performance metrics.
 
 ### Set a default icon color
 
-Now, in the `init()` function, set the icon to a generic green color initially by calling chrome's `updateIcon` action:
+Before we start fetching real data, let's give our extension a starting point. Nobody likes staring at a blank or broken-looking icon. We'll start with a green color so users know the extension is working from the moment they install it.
+
+In your `init()` function, let's set up that default green icon:
 
-```JavaScript
+```javascript
 chrome.runtime.sendMessage({
 	action: 'updateIcon',
-		value: {
-			color: 'green',
-		},
+	value: {
+		color: 'green',
+	},
 });
 ```
+
+**What this initialization accomplishes:**
+- **Sets** a neutral green color as the default state
+- **Provides** immediate visual feedback when the extension loads
+- **Establishes** the communication pattern with the background script
+- **Ensures** users see a functional extension before data loads
 ### Call the function, execute the call
 
-Next, call the function you just created by adding it to the promise returned by the CO2Signal API:
+Now let's connect everything together so that when fresh CO2 data comes in, your icon automatically updates with the right color. It's like connecting the final circuit in an electronic device - suddenly all the individual components work as one system.
 
-```JavaScript
-//let CO2...
+Add this line right after you get the CO2 data from the API:
+
+```javascript
+// After retrieving CO2 data from the API
+// let CO2 = data.data[0].intensity.actual;
 calculateColor(CO2);
 ```
 
-Finally, in `/dist/background.js`, add the listener for these background action calls:
+**This integration accomplishes:**
+- **Connects** the API data flow with the visual indicator system
+- **Triggers** icon updates automatically when new data arrives
+- **Ensures** real-time visual feedback based on current carbon intensity
+- **Maintains** the separation of concerns between data fetching and display logic
+
+And finally, in `/dist/background.js`, add the listener for these background action calls:
 
-```JavaScript
+```javascript
+// Listen for messages from the content script
 chrome.runtime.onMessage.addListener(function (msg, sender, sendResponse) {
 	if (msg.action === 'updateIcon') {
 		chrome.action.setIcon({ imageData: drawIcon(msg.value) });
 	}
 });
-//borrowed from energy lollipop extension, nice feature!
+
+// Draw dynamic icon using Canvas API
+// Borrowed from energy lollipop extension - nice feature!
 function drawIcon(value) {
-	let canvas = new OffscreenCanvas(200, 200);
-	let context = canvas.getContext('2d');
+	// Create an offscreen canvas for better performance
+	const canvas = new OffscreenCanvas(200, 200);
+	const context = canvas.getContext('2d');
 
+	// Draw a colored circle representing carbon intensity
 	context.beginPath();
 	context.fillStyle = value.color;
 	context.arc(100, 100, 50, 0, 2 * Math.PI);
 	context.fill();
 
+	// Return the image data for the browser icon
 	return context.getImageData(50, 50, 100, 100);
 }
 ```
-In this code, you add a listener for any messages sent to the backend task manager. If the message is called 'updateIcon', the subsequent code runs to draw an icon of the appropriate color using the Canvas API.
+
+**Here's what this background script does:**
+- **Listens** for messages from your main script (like a receptionist taking calls)
+- **Processes** those 'updateIcon' requests to change your toolbar icon
+- **Creates** new icons on the fly using the Canvas API
+- **Draws** a simple colored circle that shows the current carbon intensity
+- **Updates** your browser toolbar with the fresh icon
+- **Uses** OffscreenCanvas for smooth performance (no UI blocking)
 
 ✅ You'll learn more about the Canvas API in the [Space Game lessons](../../6-space-game/2-drawing-to-canvas/README.md).
 
-Now, rebuild your extension (`npm run build`), refresh and launch your extension, and watch the color change. Is it time to run an errand or wash the dishes? Now you know!
+```mermaid
+sequenceDiagram
+    participant CS as Content Script
+    participant BG as Background Script
+    participant Canvas as OffscreenCanvas
+    participant Browser as Browser Icon
+    
+    CS->>BG: sendMessage({action: 'updateIcon', color})
+    BG->>Canvas: new OffscreenCanvas(200, 200)
+    Canvas->>Canvas: getContext('2d')
+    Canvas->>Canvas: beginPath() + fillStyle + arc()
+    Canvas->>Canvas: fill() + getImageData()
+    Canvas->>BG: Return image data
+    BG->>Browser: chrome.action.setIcon(imageData)
+    Browser->>Browser: Update toolbar icon
+```
+### 🔄 **Pedagogical Check-in**
+**Complete Extension Understanding**: Verify your mastery of the entire system:
+- ✅ How does message passing work between different extension scripts?
+- ✅ Why do we use OffscreenCanvas instead of regular Canvas for performance?
+- ✅ What role does the Chrome Runtime API play in extension architecture?
+- ✅ How does the color calculation algorithm map data to visual feedback?
 
-Congratulations, you've built a functional browser extension and gained insights into how the browser works and how to profile its performance.
+**Performance Considerations**: Your extension now demonstrates:
+- **Efficient messaging**: Clean communication between script contexts
+- **Optimized rendering**: OffscreenCanvas prevents UI blocking
+- **Real-time updates**: Dynamic icon changes based on live data
+- **Memory management**: Proper cleanup and resource handling
 
----
+**Time to test your extension:**
+- **Build** everything with `npm run build`
+- **Reload** your extension in the browser (don't forget this step)
+- **Open** your extension and watch that icon change colors
+- **Check** how it responds to real carbon data from around the world
+
+Now you'll know at a glance whether it's a good time for that load of laundry or if you should wait for cleaner energy. You've just built something genuinely useful and learned about browser performance along the way.
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the browser extension's performance monitoring capabilities by adding a feature that tracks and displays load times for different components of the extension.
+
+**Prompt:** Create a performance monitoring system for the browser extension that measures and logs the time it takes to fetch CO2 data from the API, calculate colors, and update the icon. Add a function called `performanceTracker` that uses the Performance API to measure these operations and displays the results in the browser console with timestamps and duration metrics.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
 
 ## 🚀 Challenge
 
-Explore some open-source websites that have been around for a long time. Based on their GitHub history, try to determine how they were optimized for performance over the years, if at all. What is the most common pain point?
+Here's an interesting detective mission: pick a few open source websites that have been around for years (think Wikipedia, GitHub, or Stack Overflow) and dig into their commit history. Can you spot where they made performance improvements? What problems kept cropping up?
+
+**Your investigation approach:**
+- **Search** commit messages for words like "optimize," "performance," or "faster"
+- **Look** for patterns - do they keep fixing the same types of issues?
+- **Identify** the common culprits that slow down websites
+- **Share** what you discover - other developers learn from real-world examples
 
 ## Post-Lecture Quiz
 
@@ -160,9 +452,128 @@ Explore some open-source websites that have been around for a long time. Based o
 
 ## Review & Self Study
 
-Consider subscribing to a [performance newsletter](https://perf.email/).
-
-Investigate how browsers measure web performance by exploring the performance tabs in their developer tools. Do you notice any significant differences?
+Consider signing up for a [performance newsletter](https://perf.email/)
+
+Investigate some of the ways that browsers gauge web performance by looking through the performance tabs in their web tools. Do you find any major differences?
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open browser Task Manager (Shift+Esc in Chrome) to see extension resource usage
+- [ ] Use DevTools Performance tab to record and analyze webpage performance
+- [ ] Check the browser's Extensions page to see which extensions impact startup time
+- [ ] Try disabling extensions temporarily to see performance differences
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand performance concepts
+- [ ] Implement a background script for your browser extension
+- [ ] Learn to use browser.alarms for efficient background tasks
+- [ ] Practice message passing between content scripts and background scripts
+- [ ] Measure and optimize your extension's resource usage
+
+### 📅 **Your Week-Long Performance Journey**
+- [ ] Complete a high-performance browser extension with background functionality
+- [ ] Master service workers and modern extension architecture
+- [ ] Implement efficient data synchronization and caching strategies
+- [ ] Learn advanced debugging techniques for extension performance
+- [ ] Optimize your extension for both functionality and resource efficiency
+- [ ] Create comprehensive tests for extension performance scenarios
+
+### 🌟 **Your Month-Long Optimization Mastery**
+- [ ] Build enterprise-grade browser extensions with optimal performance
+- [ ] Learn about Web Workers, Service Workers, and modern web performance
+- [ ] Contribute to open source projects focused on performance optimization
+- [ ] Master browser internals and advanced debugging techniques
+- [ ] Create performance monitoring tools and best practices guides
+- [ ] Become a performance expert who helps optimize web applications
+
+## 🎯 Your Browser Extension Mastery Timeline
+
+```mermaid
+timeline
+    title Complete Extension Development Progression
+    
+    section Performance Fundamentals (20 minutes)
+        Browser Profiling: DevTools mastery
+                         : Timeline analysis
+                         : Bottleneck identification
+                         : Critical rendering path
+        
+    section Background Tasks (25 minutes)
+        Extension Architecture: Message passing
+                              : Background scripts
+                              : Runtime API usage
+                              : Cross-context communication
+        
+    section Visual Feedback (30 minutes)
+        Dynamic UI: Color calculation algorithms
+                  : Canvas API integration
+                  : Icon generation
+                  : Real-time updates
+        
+    section Performance Optimization (35 minutes)
+        Efficient Code: Async operations
+                      : Memory management
+                      : Resource cleanup
+                      : Performance monitoring
+        
+    section Production Ready (45 minutes)
+        Polish & Testing: Cross-browser compatibility
+                        : Error handling
+                        : User experience
+                        : Performance validation
+        
+    section Advanced Features (1 week)
+        Extension Ecosystem: Chrome Web Store
+                           : User feedback
+                           : Analytics integration
+                           : Update management
+        
+    section Professional Development (2 weeks)
+        Enterprise Extensions: Team collaboration
+                             : Code reviews
+                             : CI/CD pipelines
+                             : Security audits
+        
+    section Expert Mastery (1 month)
+        Platform Expertise: Advanced Chrome APIs
+                          : Performance optimization
+                          : Architecture patterns
+                          : Open source contribution
+```
+### 🛠️ Your Complete Extension Development Toolkit
+
+After completing this trilogy, you now have mastered:
+- **Browser Architecture**: Deep understanding of how extensions integrate with browser systems
+- **Performance Profiling**: Ability to identify and fix bottlenecks using developer tools
+- **Async Programming**: Modern JavaScript patterns for responsive, non-blocking operations
+- **API Integration**: External data fetching with authentication and error handling
+- **Visual Design**: Dynamic UI updates and Canvas-based graphics generation
+- **Message Passing**: Inter-script communication in extension architectures
+- **User Experience**: Loading states, error handling, and intuitive interactions
+- **Production Skills**: Testing, debugging, and optimization for real-world deployment
+
+**Real-World Applications**: Your extension development skills apply directly to:
+- **Progressive Web Apps**: Similar architecture and performance patterns
+- **Electron Desktop Apps**: Cross-platform applications using web technologies
+- **Mobile Hybrid Apps**: Cordova/PhoneGap development using web APIs
+- **Enterprise Web Applications**: Complex dashboard and productivity tools
+- **Chrome DevTools Extensions**: Advanced developer tooling and debugging
+- **Web API Integration**: Any application that communicates with external services
+
+**Professional Impact**: You can now:
+- **Build** production-ready browser extensions from concept to deployment
+- **Optimize** web application performance using industry-standard profiling tools
+- **Architect** scalable systems with proper separation of concerns
+- **Debug** complex async operations and cross-context communication
+- **Contribute** to open source extension projects and browser standards
+
+**Next Level Opportunities**:
+- **Chrome Web Store Developer**: Publish extensions for millions of users
+- **Web Performance Engineer**: Specialize in optimization and user experience
+- **Browser Platform Developer**: Contribute to browser engine development
+- **Extension Framework Creator**: Build tools that help other developers
+- **Developer Relations**: Share knowledge through teaching and content creation
+
+🌟 **Achievement Unlocked**: You've built a complete, functional browser extension that demonstrates professional development practices and modern web standards!
 
 ## Assignment
 
@@ -170,5 +581,7 @@ Investigate how browsers measure web performance by exploring the performance ta
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/3-background-tasks-and-performance/assignment.md b/translations/en/5-browser-extension/3-background-tasks-and-performance/assignment.md
index 395340cfd..ecf96fd16 100644
--- a/translations/en/5-browser-extension/3-background-tasks-and-performance/assignment.md
+++ b/translations/en/5-browser-extension/3-background-tasks-and-performance/assignment.md
@@ -1,23 +1,100 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "fc09b0fb314a5ab0507ba99216e6a843",
-  "translation_date": "2025-08-28T11:26:28+00:00",
-  "source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md",
-  "language_code": "en"
-}
--->
 # Analyze a site for performance
 
-Provide a detailed report of a website, highlighting areas where performance issues exist. Examine why the site is slow and suggest ways to improve its speed. Don't rely solely on browser tools; research additional tools that can enhance your report.
+## Assignment Overview
+
+Performance analysis is a critical skill for modern web developers. In this assignment, you'll conduct a comprehensive performance audit of a real website, using both browser-based tools and third-party services to identify bottlenecks and propose optimization strategies.
+
+Your task is to provide a detailed performance report that demonstrates your understanding of web performance principles and your ability to use professional analysis tools effectively.
+
+## Assignment Instructions
+
+**Choose a website** for analysis - select one of the following options:
+- A popular website you use frequently (news site, social media, e-commerce)
+- An open-source project website (GitHub pages, documentation sites)
+- A local business website or portfolio site
+- Your own project or previous coursework
+
+**Conduct multi-tool analysis** using at least three different approaches:
+- **Browser DevTools** - Use Chrome/Edge Performance tab for detailed profiling
+- **Online auditing tools** - Try Lighthouse, GTmetrix, or WebPageTest
+- **Network analysis** - Examine resource loading, file sizes, and request patterns
+
+**Document your findings** in a comprehensive report that includes:
+
+### Performance Metrics Analysis
+- **Load time measurements** from multiple tools and perspectives
+- **Core Web Vitals** scores (LCP, FID, CLS) and their implications
+- **Resource breakdown** showing which assets contribute most to load time
+- **Network waterfall analysis** identifying blocking resources
+
+### Problem Identification
+- **Specific performance bottlenecks** with supporting data
+- **Root cause analysis** explaining why each issue occurs
+- **User impact assessment** describing how problems affect real users
+- **Priority ranking** of issues based on severity and fixing difficulty
+
+### Optimization Recommendations
+- **Specific, actionable improvements** with expected impact
+- **Implementation strategies** for each recommended change
+- **Modern best practices** that could be applied (lazy loading, compression, etc.)
+- **Tools and techniques** for ongoing performance monitoring
+
+## Research Requirements
+
+**Don't rely only on browser tools** - expand your analysis using:
+
+**Third-party auditing services:**
+- [Google Lighthouse](https://developers.google.com/web/tools/lighthouse) - Comprehensive audits
+- [GTmetrix](https://gtmetrix.com/) - Performance and optimization insights
+- [WebPageTest](https://www.webpagetest.org/) - Real-world testing conditions
+- [Pingdom](https://tools.pingdom.com/) - Global performance monitoring
+
+**Specialized analysis tools:**
+- [Bundle Analyzer](https://bundlephobia.com/) - JavaScript bundle size analysis
+- [Image optimization tools](https://squoosh.app/) - Asset optimization opportunities
+- [Security headers analysis](https://securityheaders.com/) - Security performance impact
+
+## Deliverables Format
+
+Create a professional report (2-3 pages) that includes:
+
+1. **Executive Summary** - Key findings and recommendations overview
+2. **Methodology** - Tools used and testing approach
+3. **Current Performance Assessment** - Baseline metrics and measurements
+4. **Issues Identified** - Detailed problem analysis with supporting data
+5. **Recommendations** - Prioritized improvement strategies
+6. **Implementation Roadmap** - Step-by-step optimization plan
+
+**Include visual evidence:**
+- Screenshots of performance tools and metrics
+- Charts or graphs showing performance data
+- Before/after comparisons where possible
+- Network waterfall charts and resource breakdowns
 
 ## Rubric
 
-| Criteria | Exemplary                                                                                                  | Adequate                    | Needs Improvement             |
-| -------- | ---------------------------------------------------------------------------------------------------------- | --------------------------- | ----------------------------- |
-|          | A report is presented with details drawn not only from browser tools but from 3rd party tools if available | A basic report is presented | A minimal report is presented |
+| Criteria | Exemplary (90-100%) | Adequate (70-89%) | Needs Improvement (50-69%) |
+| -------- | ------------------- | ----------------- | -------------------------- |
+| **Analysis Depth** | Comprehensive analysis using 4+ tools with detailed metrics, root cause analysis, and user impact assessment | Good analysis using 3 tools with clear metrics and basic problem identification | Basic analysis using 2 tools with limited depth and minimal problem identification |
+| **Tool Diversity** | Uses browser tools + 3+ third-party services with comparative analysis and insights from each | Uses browser tools + 2 third-party services with some comparative analysis | Uses browser tools + 1 third-party service with limited comparison |
+| **Problem Identification** | Identifies 5+ specific performance issues with detailed root cause analysis and quantified impact | Identifies 3-4 performance issues with good analysis and some impact measurement | Identifies 1-2 performance issues with basic analysis |
+| **Recommendations** | Provides specific, actionable recommendations with implementation details, expected impact, and modern best practices | Provides good recommendations with some implementation guidance and expected outcomes | Provides basic recommendations with limited implementation details |
+| **Professional Presentation** | Well-organized report with clear structure, visual evidence, executive summary, and professional formatting | Good organization with some visual evidence and clear structure | Basic organization with minimal visual evidence |
+
+## Learning Outcomes
+
+By completing this assignment, you will demonstrate your ability to:
+- **Apply** professional performance analysis tools and methodologies
+- **Identify** performance bottlenecks using data-driven analysis
+- **Analyze** the relationship between code quality and user experience
+- **Recommend** specific, actionable optimization strategies
+- **Communicate** technical findings in a professional format
+
+This assignment reinforces the performance concepts learned in the lesson while building practical skills you'll use throughout your web development career.
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the definitive source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/5-browser-extension/README.md b/translations/en/5-browser-extension/README.md
index aa01000d7..c26263f27 100644
--- a/translations/en/5-browser-extension/README.md
+++ b/translations/en/5-browser-extension/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b121a279a6ab39878491f3e572673515",
-  "translation_date": "2025-08-28T11:22:58+00:00",
-  "source_file": "5-browser-extension/README.md",
-  "language_code": "en"
-}
--->
 # Building a browser extension
 
 Creating browser extensions is an enjoyable and engaging way to explore app performance while developing a unique type of web asset. This module includes lessons on how browsers function, how to deploy a browser extension, how to create a form, interact with an API, utilize local storage, and assess and enhance your website's performance.
@@ -23,7 +14,7 @@ Users can manually activate this extension by entering an API key and region cod
 
 ### Credits
 
-![a green browser extension](../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![a green browser extension](../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Credits
 
diff --git a/translations/en/5-browser-extension/solution/README.md b/translations/en/5-browser-extension/solution/README.md
index 188ce0728..a4a73ca0c 100644
--- a/translations/en/5-browser-extension/solution/README.md
+++ b/translations/en/5-browser-extension/solution/README.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "fab4e6b4f0efcd587a9029d82991f597",
-  "translation_date": "2025-08-28T11:27:00+00:00",
-  "source_file": "5-browser-extension/solution/README.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Completed Code
 
 Using tmrow's CO2 Signal API to monitor electricity consumption, create a browser extension that provides a reminder directly in your browser about the intensity of electricity usage in your region. Using this extension on the fly can help you make informed decisions about your activities based on this data.
 
-![extension screenshot](../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![extension screenshot](../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install on Edge, open the 'three dot' menu in the top right corner of the browser to access the Extensions panel. From there, select 'Load Unpacked' to add a new extension. When prompted, open the 'dist' folder, and the extension will load. To use it, you will need an API key for CO2 Signal's API ([get one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and the [code for your region](http://api.electricitymap.org/v3/zones) corresponding to the [Electricity Map](https://www.electricitymap.org/map) (for example, in Boston, I use 'US-NEISO').
 
-![installing](../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![installing](../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once you input the API key and region into the extension interface, the colored dot in the browser extension bar will update to reflect your region's energy usage. It will also provide guidance on which energy-intensive activities might be suitable for you to undertake. The idea for this 'dot' system was inspired by the [Energy Lollipop extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/solution/translation/README.es.md b/translations/en/5-browser-extension/solution/translation/README.es.md
index cbd3d98a6..ebaaaf6b7 100644
--- a/translations/en/5-browser-extension/solution/translation/README.es.md
+++ b/translations/en/5-browser-extension/solution/translation/README.es.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "cbaf73f94a9ab4c680a10ef871e92948",
-  "translation_date": "2025-08-28T11:28:22+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.es.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Complete Code
 
 Using tmrow's CO2 signal API to track electricity usage, create a browser extension so you can have a direct reminder in your browser about your region's electricity consumption. Using this ad hoc extension will help you make decisions about your activities based on this information.
diff --git a/translations/en/5-browser-extension/solution/translation/README.fr.md b/translations/en/5-browser-extension/solution/translation/README.fr.md
index c6f3aaea1..fff037d4f 100644
--- a/translations/en/5-browser-extension/solution/translation/README.fr.md
+++ b/translations/en/5-browser-extension/solution/translation/README.fr.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "9361268ca430b2579375009e1eceb5e5",
-  "translation_date": "2025-08-28T11:29:07+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.fr.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Completed Code
 
 Using the CO2 Signal API from tmrow to monitor electricity consumption, create a browser extension so you can get a direct reminder in your browser about the electricity usage in your region. Using this ad hoc extension will help you make informed decisions about your activities based on this information.
 
-![extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install on Edge, use the 'three dots' menu in the top-right corner of the browser to find the Extensions panel. From there, select 'Load unpacked extension' to load a new extension. Open the 'dist' folder when prompted, and the extension will load. To use it, you will need an API key for the CO2 Signal API ([get one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and the [code for your region](http://api.electricitymap.org/v3/zones) corresponding to the [Electricity Map](https://www.electricitymap.org/map) (for Boston, for example, I use 'US-NEISO').
 
-![installation](../../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![installation](../../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once the API key and region are entered in the extension interface, the colored dot in the browser's extension bar should change to reflect your region's energy consumption and give you an indicator of energy-intensive activities that might be appropriate to perform. The concept behind this 'dot' system was inspired by the [Energy Lollipop extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/solution/translation/README.hi.md b/translations/en/5-browser-extension/solution/translation/README.hi.md
index d3d669f08..eabc3599f 100644
--- a/translations/en/5-browser-extension/solution/translation/README.hi.md
+++ b/translations/en/5-browser-extension/solution/translation/README.hi.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "dd58ae1b7707034f055718c1b68bc8de",
-  "translation_date": "2025-08-28T11:27:20+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.hi.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Completed Code
 
 Using tmrow's CO2 Signal API to track electricity usage, this browser extension provides a reminder about how carbon-intensive the electricity in your area is while you're browsing. By using this extension, you can make informed decisions about your activities based on this information.
 
-![Extension Screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![Extension Screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install on Edge, use the 'three dots' menu in the top-right corner of the browser to find the Extensions panel. From there, select 'Load unpacked' to load a new extension. When prompted, open the 'dist' folder, and the extension will load. To use it, you will need an API key for CO2 Signal ([get it here via email](https://www.co2signal.com/) by entering your email in the box on that page) and [the code for your region](http://api.electricitymap.org/v3/zones) from [Electricity Map](https://www.electricitymap.org/map) (for example, in Boston, I use 'US-NEISO').
 
-![Installing](../../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![Installing](../../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once the API key and region are entered into the extension interface, the colored dot in the browser extension bar should change to reflect the energy usage in your area and provide an indicator of whether energy-intensive activities are appropriate for your performance. The concept behind this 'dot' system was inspired by the [Energy Lollipop Extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/solution/translation/README.it.md b/translations/en/5-browser-extension/solution/translation/README.it.md
index c2123fb9a..a0a06a408 100644
--- a/translations/en/5-browser-extension/solution/translation/README.it.md
+++ b/translations/en/5-browser-extension/solution/translation/README.it.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "9a6b22a2eff0f499b66236be973b24ad",
-  "translation_date": "2025-08-28T11:27:41+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.it.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Code to Get Started
 
 We will use tmrow's CO2 Signal API to monitor electricity usage and create a browser extension that provides a direct reminder in your browser about the electricity intensity in your region. Using this custom extension will help you evaluate your activities based on this information.
 
-![screenshot of the extension](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![screenshot of the extension](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install on Edge, use the "three dots" menu in the top-right corner of the browser to find the Extensions panel. If not already enabled, turn on Developer Mode (bottom left). Select "Load unpacked" to load a new extension. Open the "dist" folder when prompted, and the extension will be loaded. To use it, you will need an API key for the CO2 Signal API (you can [get one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and the [code for your region](http://api.electricitymap.org/v3/zones) corresponding to the [electricity map](https://www.electricitymap.org/map) (for example, in Boston, "US-NEISO").
 
-![installation](../../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![installation](../../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once the API key and region are entered in the extension interface, the colored dot in the browser's extension bar should change to reflect your region's energy usage and provide a pointer on which high-energy activities would be appropriate to perform. The concept behind this "dot" system was inspired by the [Energy Lollipop extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/solution/translation/README.ja.md b/translations/en/5-browser-extension/solution/translation/README.ja.md
index d1544e973..23c1e1c80 100644
--- a/translations/en/5-browser-extension/solution/translation/README.ja.md
+++ b/translations/en/5-browser-extension/solution/translation/README.ja.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d",
-  "translation_date": "2025-08-28T11:28:01+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.ja.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Completed Code
 
 Using tmrow's CO2 Signal API, this browser extension tracks electricity usage in your area and displays it as a reminder directly in your browser. By using this extension on an ad hoc basis, you can make decisions about your activities based on this information.
 
-![extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install it on Edge, find the "Extensions" panel from the "three dots" menu in the top-right corner of the browser. From there, select "Load Unpacked" to load the new extension. When prompted, open the "dist" folder, and the extension will be loaded. To use it, you'll need an API key for the CO2 Signal API ([get one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and the [code for your region](http://api.electricitymap.org/v3/zones) corresponding to the [Electricity Map](https://www.electricitymap.org/map) (for example, in Boston, you would use 'US-NEISO').
 
-![installing](../../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![installing](../../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once you input the API key and region into the extension interface, the colored dot displayed in your browser's extension bar will change to reflect your area's energy usage. This helps indicate whether it's a good time to engage in activities that require energy. The concept for this "dot" system was inspired by the [Energy Lollipop extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/solution/translation/README.ms.md b/translations/en/5-browser-extension/solution/translation/README.ms.md
index 4cab9010b..934bcbc7c 100644
--- a/translations/en/5-browser-extension/solution/translation/README.ms.md
+++ b/translations/en/5-browser-extension/solution/translation/README.ms.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "21b364c158c8e4f698de65eeac16c9fe",
-  "translation_date": "2025-08-28T11:28:46+00:00",
-  "source_file": "5-browser-extension/solution/translation/README.ms.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Complete Code
 
 Using the CO2 Signal API from tmrow to monitor electricity usage, build a browser extension that alerts you in your browser about the intensity of electricity consumption in your region. This extension can help you make informed decisions about your activities based on this information.
 
-![browser extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![browser extension screenshot](../../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install it on Edge, use the 'three dots' menu in the top-right corner of the browser to find the Extensions panel. From there, select 'Load Unpacked' to load a new extension. Open the 'dist' folder when prompted, and the extension will be loaded. To use it, you’ll need an API key for the CO2 Signal API ([get one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and [the code for your region](http://api.electricitymap.org/v3/zones) corresponding to the [Electricity Map](https://www.electricitymap.org/map) (in Boston, for example, I use 'US-NEISO').
 
-![downloading](../../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![downloading](../../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once the API key and region are entered into the extension interface, the colored dot in the browser extension bar will change to reflect your region's energy usage and provide guidance on heavy activities that are appropriate for you to undertake. The concept behind this 'dot' system was inspired by [the Energy Lollipop browser extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/5-browser-extension/start/README.md b/translations/en/5-browser-extension/start/README.md
index 63eeb8a42..00bb41c4a 100644
--- a/translations/en/5-browser-extension/start/README.md
+++ b/translations/en/5-browser-extension/start/README.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "26fd39046d264ba185dcb086d3a8cf3e",
-  "translation_date": "2025-08-28T11:26:41+00:00",
-  "source_file": "5-browser-extension/start/README.md",
-  "language_code": "en"
-}
--->
 # Carbon Trigger Browser Extension: Starter Code
 
 Using tmrow's CO2 Signal API to monitor electricity usage, create a browser extension that provides a reminder directly in your browser about the intensity of electricity usage in your region. Using this extension on the fly can help you make informed decisions about your activities based on this data.
 
-![extension screenshot](../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.png)
+![extension screenshot](../../../../translated_images/en/extension-screenshot.0e7f5bfa110e92e3.webp)
 
 ## Getting Started
 
@@ -31,7 +22,7 @@ npm run build
 
 To install on Edge, open the 'three dot' menu in the top right corner of the browser to access the Extensions panel. From there, select 'Load Unpacked' to add a new extension. When prompted, open the 'dist' folder, and the extension will load. To use it, you’ll need an API key for CO2 Signal's API ([request one here via email](https://www.co2signal.com/) - enter your email in the box on this page) and the [region code](http://api.electricitymap.org/v3/zones) corresponding to the [Electricity Map](https://www.electricitymap.org/map) (for example, in Boston, I use 'US-NEISO').
 
-![installing](../../../../translated_images/en/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.png)
+![installing](../../../../translated_images/en/install-on-edge.78634f02842c4828.webp)
 
 Once you input the API key and region into the extension interface, the colored dot in the browser extension bar will update to reflect your region's energy usage. It will also provide guidance on which energy-intensive activities might be suitable for you to undertake. The idea for this 'dot' system was inspired by the [Energy Lollipop extension](https://energylollipop.com/) for California emissions.
 
diff --git a/translations/en/6-space-game/1-introduction/README.md b/translations/en/6-space-game/1-introduction/README.md
index 54e75fdc2..e965583f8 100644
--- a/translations/en/6-space-game/1-introduction/README.md
+++ b/translations/en/6-space-game/1-introduction/README.md
@@ -1,50 +1,133 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "979cfcce2413a87d9e4c67eb79234bc3",
-  "translation_date": "2025-08-29T13:22:15+00:00",
-  "source_file": "6-space-game/1-introduction/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 1: Introduction
 
-![video](../../../../6-space-game/images/pewpew.gif)
-
+```mermaid
+journey
+    title Your Game Development Journey
+    section Foundation
+      Learn game architecture: 3: Student
+      Understand inheritance: 4: Student
+      Explore composition: 4: Student
+    section Communication
+      Build pub/sub system: 4: Student
+      Design event flow: 5: Student
+      Connect components: 5: Student
+    section Application
+      Create game objects: 5: Student
+      Implement patterns: 5: Student
+      Plan game structure: 5: Student
+```
+![Space game animation showing gameplay](../../../../6-space-game/images/pewpew.gif)
+
+Just like NASA's mission control coordinates multiple systems during a space launch, we're going to build a space game that demonstrates how different parts of a program can work together seamlessly. While creating something you can actually play, you'll learn essential programming concepts that apply to any software project.
+
+We'll explore two fundamental approaches to organizing code: inheritance and composition. These aren't just academic concepts – they're the same patterns that power everything from video games to banking systems. We'll also implement a communication system called pub/sub that works like the communication networks used in spacecraft, allowing different components to share information without creating dependencies.
+
+By the end of this series, you'll understand how to build applications that can scale and evolve – whether you're developing games, web applications, or any other software system.
+
+```mermaid
+mindmap
+  root((Game Architecture))
+    Object Organization
+      Inheritance
+      Composition
+      Class Hierarchies
+      Behavior Mixing
+    Communication Patterns
+      Pub/Sub System
+      Event Emitters
+      Message Passing
+      Loose Coupling
+    Game Objects
+      Properties (x, y)
+      Behaviors (move, collide)
+      Lifecycle Management
+      State Management
+    Design Patterns
+      Factory Functions
+      Observer Pattern
+      Component System
+      Event-Driven Architecture
+    Scalability
+      Modular Design
+      Maintainable Code
+      Testing Strategies
+      Performance Optimization
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/29)
 
-### Inheritance and Composition in game development
+## Inheritance and Composition in Game Development
 
-In earlier lessons, you didn’t need to worry much about the design architecture of the apps you built, as the projects were small in scope. However, as your applications grow in size and complexity, architectural decisions become more important. There are two major approaches to building larger applications in JavaScript: *composition* and *inheritance*. Both have their advantages and disadvantages, but let’s explore them in the context of a game.
+As projects grow in complexity, code organization becomes critical. What begins as a simple script can become difficult to maintain without proper structure – much like how the Apollo missions required careful coordination between thousands of components.
 
-✅ One of the most famous programming books ever written is about [design patterns](https://en.wikipedia.org/wiki/Design_Patterns).
+We'll explore two fundamental approaches for organizing code: inheritance and composition. Each has distinct advantages, and understanding both helps you choose the right approach for different situations. We'll demonstrate these concepts through our space game, where heroes, enemies, power-ups, and other objects must interact efficiently.
 
-In a game, you have `game objects`, which are objects that exist on the screen. This means they have a location on a Cartesian coordinate system, defined by `x` and `y` coordinates. As you develop a game, you’ll notice that all your game objects share some standard properties, common to every game you create. These include:
+✅ One of the most famous programming books ever written has to do with [design patterns](https://en.wikipedia.org/wiki/Design_Patterns).
 
-- **location-based**: Most, if not all, game elements are location-based. This means they have an `x` and `y` coordinate.
-- **movable**: These are objects that can move to a new location. Typically, this includes heroes, monsters, or NPCs (non-player characters), but not static objects like trees.
-- **self-destructing**: These objects exist for a limited time before marking themselves for deletion. This is often represented by a `dead` or `destroyed` boolean that signals to the game engine that the object should no longer be rendered.
-- **cool-down**: 'Cool-down' is a common property for short-lived objects. For example, a piece of text or a graphical effect like an explosion that should only appear for a few milliseconds.
+In any game, you have `game objects` – the interactive elements that populate your game world. Heroes, enemies, power-ups, and visual effects are all game objects. Each exists at specific screen coordinates using `x` and `y` values, similar to plotting points on a coordinate plane.
+
+Despite their visual differences, these objects often share fundamental behaviors:
+
+- **They exist somewhere** – Every object has x and y coordinates so the game knows where to draw it
+- **Many can move around** – Heroes run, enemies chase, bullets fly across the screen
+- **They have a lifespan** – Some stick around forever, others (like explosions) appear briefly and vanish
+- **They react to stuff** – When things collide, power-ups get collected, health bars update
 
 ✅ Think about a game like Pac-Man. Can you identify the four object types listed above in this game?
 
-### Expressing behavior
+```mermaid
+classDiagram
+    class GameObject {
+        +x: number
+        +y: number
+        +type: string
+        +exists_somewhere()
+    }
+    
+    class MovableObject {
+        +moveTo(x, y)
+        +can_move_around()
+    }
+    
+    class TemporaryObject {
+        +lifespan: number
+        +has_lifespan()
+    }
+    
+    class InteractiveObject {
+        +onCollision()
+        +reacts_to_stuff()
+    }
+    
+    GameObject <|-- MovableObject
+    GameObject <|-- TemporaryObject
+    GameObject <|-- InteractiveObject
+    
+    MovableObject <|-- Hero
+    MovableObject <|-- Enemy
+    MovableObject <|-- Bullet
+    
+    TemporaryObject <|-- PowerUp
+    TemporaryObject <|-- Explosion
+    
+    InteractiveObject <|-- Collectible
+    InteractiveObject <|-- Obstacle
+```
+### Expressing Behavior Through Code
 
-The properties described above represent behaviors that game objects can have. So how do we encode these behaviors? We can express them as methods associated with either classes or objects.
+Now that you understand the common behaviors game objects share, let's explore how to implement these behaviors in JavaScript. You can express object behavior through methods attached to either classes or individual objects, and there are several approaches to choose from.
 
-**Classes**
+**The Class-Based Approach**
 
-One approach is to use `classes` along with `inheritance` to add specific behaviors to a class.
+Classes and inheritance provide a structured approach to organizing game objects. Like the taxonomic classification system developed by Carl Linnaeus, you start with a base class containing common properties, then create specialized classes that inherit these fundamentals while adding specific capabilities.
 
-✅ Inheritance is an important concept to understand. Learn more in [MDN's article about inheritance](https://developer.mozilla.org/docs/Web/JavaScript/Inheritance_and_the_prototype_chain).
+✅ Inheritance is an important concept to understand. Learn more on [MDN's article about inheritance](https://developer.mozilla.org/docs/Web/JavaScript/Inheritance_and_the_prototype_chain).
 
-In code, a game object might look like this:
+Here's how you can implement game objects using classes and inheritance:
 
 ```javascript
-
-//set up the class GameObject
+// Step 1: Create the base GameObject class
 class GameObject {
   constructor(x, y, type) {
     this.x = x;
@@ -52,173 +135,390 @@ class GameObject {
     this.type = type;
   }
 }
+```
+
+**Let's break this down step by step:**
+- We're creating a basic template that every game object can use
+- The constructor saves where the object is (`x`, `y`) and what kind of thing it is
+- This becomes the foundation that all your game objects will build on
 
-//this class will extend the GameObject's inherent class properties
+```javascript
+// Step 2: Add movement capability through inheritance
 class Movable extends GameObject {
-  constructor(x,y, type) {
-    super(x,y, type)
+  constructor(x, y, type) {
+    super(x, y, type); // Call parent constructor
   }
 
-//this movable object can be moved on the screen
+  // Add the ability to move to a new position
   moveTo(x, y) {
     this.x = x;
     this.y = y;
   }
 }
+```
+
+**In the above, we've:**
+- **Extended** the GameObject class to add movement functionality
+- **Called** the parent constructor using `super()` to initialize inherited properties
+- **Added** a `moveTo()` method that updates the object's position
 
-//this is a specific class that extends the Movable class, so it can take advantage of all the properties that it inherits
+```javascript
+// Step 3: Create specific game object types
 class Hero extends Movable {
-  constructor(x,y) {
-    super(x,y, 'Hero')
+  constructor(x, y) {
+    super(x, y, 'Hero'); // Set type automatically
   }
 }
 
-//this class, on the other hand, only inherits the GameObject properties
 class Tree extends GameObject {
-  constructor(x,y) {
-    super(x,y, 'Tree')
+  constructor(x, y) {
+    super(x, y, 'Tree'); // Trees don't need movement
   }
 }
 
-//a hero can move...
-const hero = new Hero();
-hero.moveTo(5,5);
+// Step 4: Use your game objects
+const hero = new Hero(0, 0);
+hero.moveTo(5, 5); // Hero can move!
 
-//but a tree cannot
-const tree = new Tree();
+const tree = new Tree(10, 15);
+// tree.moveTo() would cause an error - trees can't move
 ```
 
-✅ Take a few minutes to imagine how a Pac-Man character (like Inky, Pinky, or Blinky) could be written in JavaScript.
+**Understanding these concepts:**
+- **Creates** specialized object types that inherit appropriate behaviors
+- **Demonstrates** how inheritance allows selective feature inclusion
+- **Shows** that heroes can move while trees remain stationary
+- **Illustrates** how the class hierarchy prevents inappropriate actions
+
+✅ Take a few minutes to re-envision a Pac-Man hero (Inky, Pinky or Blinky, for example) and how it would be written in JavaScript. 
 
-**Composition**
+**The Composition Approach**
 
-Another way to handle object inheritance is through *Composition*. In this approach, objects express their behavior like this:
+Composition follows a modular design philosophy, similar to how engineers design spacecraft with interchangeable components. Instead of inheriting from a parent class, you combine specific behaviors to create objects with exactly the functionality they need. This approach offers flexibility without rigid hierarchical constraints.
 
 ```javascript
-//create a constant gameObject
+// Step 1: Create base behavior objects
 const gameObject = {
   x: 0,
   y: 0,
   type: ''
 };
 
-//...and a constant movable
 const movable = {
   moveTo(x, y) {
     this.x = x;
     this.y = y;
   }
-}
-//then the constant movableObject is composed of the gameObject and movable constants
-const movableObject = {...gameObject, ...movable};
+};
+```
 
-//then create a function to create a new Hero who inherits the movableObject properties
+**Here's what this code does:**
+- **Defines** a base `gameObject` with position and type properties
+- **Creates** a separate `movable` behavior object with movement functionality
+- **Separates** concerns by keeping position data and movement logic independent
+
+```javascript
+// Step 2: Compose objects by combining behaviors
+const movableObject = { ...gameObject, ...movable };
+
+// Step 3: Create factory functions for different object types
 function createHero(x, y) {
   return {
     ...movableObject,
     x,
     y,
     type: 'Hero'
-  }
+  };
 }
-//...and a static object that inherits only the gameObject properties
+
 function createStatic(x, y, type) {
   return {
-    ...gameObject
+    ...gameObject,
     x,
     y,
     type
-  }
+  };
 }
-//create the hero and move it
-const hero = createHero(10,10);
-hero.moveTo(5,5);
-//and create a static tree which only stands around
-const tree = createStatic(0,0, 'Tree'); 
 ```
 
-**Which pattern should I use?**
+**In the above, we've:**
+- **Combined** base object properties with movement behavior using spread syntax
+- **Created** factory functions that return customized objects
+- **Enabled** flexible object creation without rigid class hierarchies
+- **Allowed** objects to have exactly the behaviors they need
 
-The choice is yours. JavaScript supports both paradigms.
+```javascript
+// Step 4: Create and use your composed objects
+const hero = createHero(10, 10);
+hero.moveTo(5, 5); // Works perfectly!
 
---
+const tree = createStatic(0, 0, 'Tree');
+// tree.moveTo() is undefined - no movement behavior was composed
+```
 
-Another common pattern in game development addresses the challenge of managing the game’s user experience and performance.
+**Key points to remember:**
+- **Composes** objects by mixing behaviors rather than inheriting them
+- **Provides** more flexibility than rigid inheritance hierarchies
+- **Allows** objects to have exactly the features they need
+- **Uses** modern JavaScript spread syntax for clean object combination 
+```
 
-## Pub/sub pattern
+**Which Pattern Should You Choose?**
+
+**Which Pattern Should You Choose?**
+
+```mermaid
+quadrantChart
+    title Code Organization Patterns
+    x-axis Simple --> Complex
+    y-axis Rigid --> Flexible
+    quadrant-1 Advanced Composition
+    quadrant-2 Hybrid Approaches
+    quadrant-3 Basic Inheritance
+    quadrant-4 Modern Composition
+    
+    Class Inheritance: [0.3, 0.2]
+    Interface Implementation: [0.6, 0.4]
+    Mixin Patterns: [0.7, 0.7]
+    Pure Composition: [0.8, 0.9]
+    Factory Functions: [0.5, 0.8]
+    Prototype Chain: [0.4, 0.3]
+```
+
+> 💡 **Pro Tip**: Both patterns have their place in modern JavaScript development. Classes work well for clearly defined hierarchies, while composition shines when you need maximum flexibility.
+> 
+**Here's when to use each approach:**
+- **Choose** inheritance when you have clear "is-a" relationships (a Hero *is-a* Movable object)
+- **Select** composition when you need "has-a" relationships (a Hero *has* movement abilities)
+- **Consider** your team's preferences and project requirements
+- **Remember** that you can mix both approaches in the same application
+
+### 🔄 **Pedagogical Check-in**
+**Object Organization Understanding**: Before moving to communication patterns, ensure you can:
+- ✅ Explain the difference between inheritance and composition
+- ✅ Identify when to use classes vs factory functions
+- ✅ Understand how the `super()` keyword works in inheritance
+- ✅ Recognize the benefits of each approach for game development
+
+**Quick Self-Test**: How would you create a Flying Enemy that can both move and fly?
+- **Inheritance approach**: `class FlyingEnemy extends Movable`
+- **Composition approach**: `{ ...movable, ...flyable, ...gameObject }`
+
+**Real-World Connection**: These patterns appear everywhere:
+- **React Components**: Props (composition) vs class inheritance
+- **Game Engines**: Entity-component systems use composition
+- **Mobile Apps**: UI frameworks often use inheritance hierarchies
+
+## Communication Patterns: The Pub/Sub System
+
+As applications grow complex, managing communication between components becomes challenging. The publish-subscribe pattern (pub/sub) solves this problem using principles similar to radio broadcasting – one transmitter can reach multiple receivers without knowing who's listening.
+
+Consider what happens when a hero takes damage: the health bar updates, sound effects play, visual feedback appears. Rather than coupling the hero object directly to these systems, pub/sub allows the hero to broadcast a "damage taken" message. Any system that needs to respond can subscribe to this message type and react accordingly.
+
+✅ **Pub/Sub** stands for 'publish-subscribe'
+
+```mermaid
+flowchart TD
+    A[Hero Takes Damage] --> B[Publish: HERO_DAMAGED]
+    B --> C[Event System]
+    
+    C --> D[Health Bar Subscriber]
+    C --> E[Sound System Subscriber]
+    C --> F[Visual Effects Subscriber]
+    C --> G[Achievement System Subscriber]
+    
+    D --> H[Update Health Display]
+    E --> I[Play Damage Sound]
+    F --> J[Show Red Flash]
+    G --> K[Check Survival Achievements]
+    
+    style A fill:#ffebee
+    style B fill:#e1f5fe
+    style C fill:#e8f5e8
+    style H fill:#fff3e0
+    style I fill:#fff3e0
+    style J fill:#fff3e0
+    style K fill:#fff3e0
+```
+### Understanding the Pub/Sub Architecture
 
-✅ Pub/Sub stands for 'publish-subscribe'
+The pub/sub pattern keeps different parts of your application loosely coupled, meaning they can work together without being directly dependent on each other. This separation makes your code more maintainable, testable, and flexible to changes.
 
-This pattern is based on the idea that different parts of your application shouldn’t need to know about each other. Why is this important? It makes it easier to understand the overall system and simplifies making changes to behavior when needed. Here’s how it works:
+**The key players in pub/sub:**
+- **Messages** – Simple text labels like `'PLAYER_SCORED'` that describe what happened (plus any extra info)
+- **Publishers** – The objects that shout out "Something happened!" to anyone who's listening
+- **Subscribers** – The objects that say "I care about that event" and react when it happens
+- **Event System** – The middleman that makes sure messages get to the right listeners
 
-- **message**: A message is typically a text string, sometimes accompanied by an optional payload (data that provides additional context about the message). For example, a common message in a game might be `KEY_PRESSED_ENTER`.
-- **publisher**: This component *publishes* a message and sends it to all subscribers.
-- **subscriber**: This component *listens* for specific messages and performs a task in response, such as firing a laser.
+### Building an Event System
 
-The implementation is relatively small but incredibly powerful. Here’s an example:
+Let's create a simple but powerful event system that demonstrates these concepts:
 
 ```javascript
-//set up an EventEmitter class that contains listeners
+// Step 1: Create the EventEmitter class
 class EventEmitter {
   constructor() {
-    this.listeners = {};
+    this.listeners = {}; // Store all event listeners
   }
-//when a message is received, let the listener to handle its payload
+  
+  // Register a listener for a specific message type
   on(message, listener) {
     if (!this.listeners[message]) {
       this.listeners[message] = [];
     }
     this.listeners[message].push(listener);
   }
-//when a message is sent, send it to a listener with some payload
+  
+  // Send a message to all registered listeners
   emit(message, payload = null) {
     if (this.listeners[message]) {
-      this.listeners[message].forEach(l => l(message, payload))
+      this.listeners[message].forEach(listener => {
+        listener(message, payload);
+      });
     }
   }
 }
-
 ```
 
-To use the code above, we can create a simple implementation:
+**Breaking down what happens here:**
+- **Creates** a central event management system using a simple class
+- **Stores** listeners in an object organized by message type
+- **Registers** new listeners using the `on()` method
+- **Broadcasts** messages to all interested listeners using `emit()`
+- **Supports** optional data payloads for passing relevant information
+
+### Putting It All Together: A Practical Example
+
+Alright, let's see this in action! We'll build a simple movement system that shows how clean and flexible pub/sub can be:
 
 ```javascript
-//set up a message structure
+// Step 1: Define your message types
 const Messages = {
-  HERO_MOVE_LEFT: 'HERO_MOVE_LEFT'
+  HERO_MOVE_LEFT: 'HERO_MOVE_LEFT',
+  HERO_MOVE_RIGHT: 'HERO_MOVE_RIGHT',
+  ENEMY_SPOTTED: 'ENEMY_SPOTTED'
 };
-//invoke the eventEmitter you set up above
+
+// Step 2: Create your event system and game objects
 const eventEmitter = new EventEmitter();
-//set up a hero
-const hero = createHero(0,0);
-//let the eventEmitter know to watch for messages pertaining to the hero moving left, and act on it
+const hero = createHero(0, 0);
+```
+
+**Here's what this code does:**
+- **Defines** a constants object to prevent typos in message names
+- **Creates** an event emitter instance to handle all communication
+- **Initializes** a hero object at the starting position
+
+```javascript
+// Step 3: Set up event listeners (subscribers)
 eventEmitter.on(Messages.HERO_MOVE_LEFT, () => {
-  hero.move(5,0);
+  hero.moveTo(hero.x - 5, hero.y);
+  console.log(`Hero moved to position: ${hero.x}, ${hero.y}`);
 });
 
-//set up the window to listen for the keyup event, specifically if the left arrow is hit, emit a message to move the hero left
-window.addEventListener('keyup', (evt) => {
-  if (evt.key === 'ArrowLeft') {
-    eventEmitter.emit(Messages.HERO_MOVE_LEFT)
-  }
+eventEmitter.on(Messages.HERO_MOVE_RIGHT, () => {
+  hero.moveTo(hero.x + 5, hero.y);
+  console.log(`Hero moved to position: ${hero.x}, ${hero.y}`);
 });
 ```
 
-In this example, we connect a keyboard event, `ArrowLeft`, to send the `HERO_MOVE_LEFT` message. We then listen for that message and move the `hero` accordingly. The strength of this pattern lies in the fact that the event listener and the hero don’t need to know about each other. You could remap `ArrowLeft` to the `A` key, or even assign a completely different action to `ArrowLeft` by making a few changes to the eventEmitter’s `on` function:
+**In the above, we've:**
+- **Registered** event listeners that respond to movement messages
+- **Updated** the hero's position based on the movement direction
+- **Added** console logging to track the hero's position changes
+- **Separated** the movement logic from the input handling
 
 ```javascript
-eventEmitter.on(Messages.HERO_MOVE_LEFT, () => {
-  hero.move(5,0);
+// Step 4: Connect keyboard input to events (publishers)
+window.addEventListener('keydown', (event) => {
+  switch(event.key) {
+    case 'ArrowLeft':
+      eventEmitter.emit(Messages.HERO_MOVE_LEFT);
+      break;
+    case 'ArrowRight':
+      eventEmitter.emit(Messages.HERO_MOVE_RIGHT);
+      break;
+  }
 });
 ```
 
-As your game grows in complexity, this pattern remains consistent, keeping your code clean and manageable. It’s highly recommended to adopt this approach.
+**Understanding these concepts:**
+- **Connects** keyboard input to game events without tight coupling
+- **Enables** the input system to communicate with game objects indirectly
+- **Allows** multiple systems to respond to the same keyboard events
+- **Makes** it easy to change key bindings or add new input methods
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Keyboard
+    participant EventEmitter
+    participant Hero
+    participant SoundSystem
+    participant Camera
+    
+    User->>Keyboard: Presses ArrowLeft
+    Keyboard->>EventEmitter: emit('HERO_MOVE_LEFT')
+    EventEmitter->>Hero: Move left 5 pixels
+    EventEmitter->>SoundSystem: Play footstep sound
+    EventEmitter->>Camera: Follow hero
+    
+    Hero->>Hero: Update position
+    SoundSystem->>SoundSystem: Play audio
+    Camera->>Camera: Adjust viewport
+```
+> 💡 **Pro Tip**: The beauty of this pattern is flexibility! You can easily add sound effects, screen shake, or particle effects by simply adding more event listeners – no need to modify the existing keyboard or movement code.
+> 
+**Here's why you'll love this approach:**
+- Adding new features becomes super easy – just listen for the events you care about
+- Multiple things can react to the same event without stepping on each other
+- Testing gets way simpler because each piece works independently
+- When something breaks, you know exactly where to look
+
+### Why Pub/Sub Scales Effectively
+
+The pub/sub pattern maintains simplicity as applications grow in complexity. Whether managing dozens of enemies, dynamic UI updates, or sound systems, the pattern handles increased scale without architectural changes. New features integrate into the existing event system without affecting established functionality.
+
+> ⚠️ **Common Mistake**: Don't create too many specific message types early on. Start with broad categories and refine them as your game's needs become clearer.
+> 
+**Best practices to follow:**
+- **Groups** related messages into logical categories
+- **Uses** descriptive names that clearly indicate what happened
+- **Keeps** message payloads simple and focused
+- **Documents** your message types for team collaboration
+
+### 🔄 **Pedagogical Check-in**
+**Event-Driven Architecture Understanding**: Verify your grasp of the complete system:
+- ✅ How does the pub/sub pattern prevent tight coupling between components?
+- ✅ Why is it easier to add new features with event-driven architecture?
+- ✅ What role does the EventEmitter play in the communication flow?
+- ✅ How do message constants prevent bugs and improve maintainability?
+
+**Design Challenge**: How would you handle these game scenarios with pub/sub?
+1. **Enemy dies**: Update score, play sound, spawn power-up, remove from screen
+2. **Level complete**: Stop music, show UI, save progress, load next level
+3. **Power-up collected**: Enhance abilities, update UI, play effect, start timer
+
+**Professional Connection**: This pattern appears in:
+- **Frontend Frameworks**: React/Vue event systems
+- **Backend Services**: Microservice communication
+- **Game Engines**: Unity's event system
+- **Mobile Development**: iOS/Android notification systems
 
 ---
 
-## 🚀 Challenge
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
 
-Think about how the pub-sub pattern could improve a game. Which parts of the game should emit events, and how should the game respond to them? Use your creativity to imagine a new game and how its components might interact.
+**Description:** Create a simple game object system using both inheritance and the pub/sub pattern. You'll implement a basic game where different objects can communicate through events without directly knowing about each other.
+
+**Prompt:** Create a JavaScript game system with the following requirements: 1) Create a base GameObject class with x, y coordinates and a type property. 2) Create a Hero class that extends GameObject and can move. 3) Create an Enemy class that extends GameObject and can chase the hero. 4) Implement an EventEmitter class for the pub/sub pattern. 5) Set up event listeners so when the hero moves, nearby enemies receive a 'HERO_MOVED' event and update their position to move toward the hero. Include console.log statements to show the communication between objects.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## 🚀 Challenge
+Consider how the pub-sub pattern can enhance game architecture. Identify which components should emit events and how the system should respond. Design a game concept and map out the communication patterns between its components.
 
 ## Post-Lecture Quiz
 
@@ -228,11 +528,126 @@ Think about how the pub-sub pattern could improve a game. Which parts of the gam
 
 Learn more about Pub/Sub by [reading about it](https://docs.microsoft.com/azure/architecture/patterns/publisher-subscriber/?WT.mc_id=academic-77807-sagibbon).
 
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open any HTML5 game online and inspect its code using DevTools
+- [ ] Create a simple HTML5 Canvas element and draw a basic shape
+- [ ] Try using `setInterval` to create a simple animation loop
+- [ ] Explore the Canvas API documentation and try a drawing method
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand game development concepts
+- [ ] Set up your game project structure with HTML, CSS, and JavaScript files
+- [ ] Create a basic game loop that updates and renders continuously
+- [ ] Draw your first game sprites on the canvas
+- [ ] Implement basic asset loading for images and sounds
+
+### 📅 **Your Week-Long Game Creation**
+- [ ] Complete the full space game with all planned features
+- [ ] Add polished graphics, sound effects, and smooth animations
+- [ ] Implement game states (start screen, gameplay, game over)
+- [ ] Create a scoring system and player progress tracking
+- [ ] Make your game responsive and accessible across devices
+- [ ] Share your game online and gather feedback from players
+
+### 🌟 **Your Month-Long Game Development**
+- [ ] Build multiple games exploring different genres and mechanics
+- [ ] Learn a game development framework like Phaser or Three.js
+- [ ] Contribute to open source game development projects
+- [ ] Master advanced game programming patterns and optimization
+- [ ] Create a portfolio showcasing your game development skills
+- [ ] Mentor others interested in game development and interactive media
+
+## 🎯 Your Game Development Mastery Timeline
+
+```mermaid
+timeline
+    title Game Architecture Learning Progression
+    
+    section Object Patterns (20 minutes)
+        Code Organization: Class inheritance
+                         : Composition patterns
+                         : Factory functions
+                         : Behavior mixing
+        
+    section Communication Systems (25 minutes)
+        Event Architecture: Pub/Sub implementation
+                          : Message design
+                          : Event emitters
+                          : Loose coupling
+        
+    section Game Object Design (30 minutes)
+        Entity Systems: Property management
+                      : Behavior composition
+                      : State handling
+                      : Lifecycle management
+        
+    section Architecture Patterns (35 minutes)
+        System Design: Component systems
+                     : Observer pattern
+                     : Command pattern
+                     : State machines
+        
+    section Advanced Concepts (45 minutes)
+        Scalable Architecture: Performance optimization
+                             : Memory management
+                             : Modular design
+                             : Testing strategies
+        
+    section Game Engine Concepts (1 week)
+        Professional Development: Scene graphs
+                                 : Asset management
+                                 : Rendering pipelines
+                                 : Physics integration
+        
+    section Framework Mastery (2 weeks)
+        Modern Game Development: React game patterns
+                               : Canvas optimization
+                               : WebGL basics
+                               : PWA games
+        
+    section Industry Practices (1 month)
+        Professional Skills: Team collaboration
+                           : Code reviews
+                           : Game design patterns
+                           : Performance profiling
+```
+### 🛠️ Your Game Architecture Toolkit Summary
+
+After completing this lesson, you now have:
+- **Design Pattern Mastery**: Understanding of inheritance vs composition trade-offs
+- **Event-Driven Architecture**: Pub/sub implementation for scalable communication
+- **Object-Oriented Design**: Class hierarchies and behavior composition
+- **Modern JavaScript**: Factory functions, spread syntax, and ES6+ patterns
+- **Scalable Architecture**: Loose coupling and modular design principles
+- **Game Development Foundation**: Entity systems and component patterns
+- **Professional Patterns**: Industry-standard approaches to code organization
+
+**Real-World Applications**: These patterns directly apply to:
+- **Frontend Frameworks**: React/Vue component architecture and state management
+- **Backend Services**: Microservice communication and event-driven systems
+- **Mobile Development**: iOS/Android app architecture and notification systems
+- **Game Engines**: Unity, Unreal, and web-based game development
+- **Enterprise Software**: Event sourcing and distributed system design
+- **API Design**: RESTful services and real-time communication
+
+**Professional Skills Gained**: You can now:
+- **Design** scalable software architectures using proven patterns
+- **Implement** event-driven systems that handle complex interactions
+- **Choose** appropriate code organization strategies for different scenarios
+- **Debug** and maintain loosely coupled systems effectively
+- **Communicate** technical decisions using industry-standard terminology
+
+**Next Level**: You're ready to implement these patterns in a real game, explore advanced game development topics, or apply these architectural concepts to web applications!
+
+🌟 **Achievement Unlocked**: You've mastered fundamental software architecture patterns that power everything from simple games to complex enterprise systems!
+
 ## Assignment
 
 [Mock up a game](assignment.md)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/1-introduction/assignment.md b/translations/en/6-space-game/1-introduction/assignment.md
index e298b1861..c9a975e41 100644
--- a/translations/en/6-space-game/1-introduction/assignment.md
+++ b/translations/en/6-space-game/1-introduction/assignment.md
@@ -1,25 +1,93 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "009bdedee9cc82988264be8cb31f9bf4",
-  "translation_date": "2025-08-28T11:39:06+00:00",
-  "source_file": "6-space-game/1-introduction/assignment.md",
-  "language_code": "en"
-}
--->
-# Mock up a game
+# Mock up a Game: Apply Design Patterns
+
+## Assignment Overview
+
+Put your newfound knowledge of design patterns to work by creating a simple game prototype! This assignment will help you practice both architectural patterns (inheritance or composition) and the pub/sub communication system you learned about in the lesson.
 
 ## Instructions
 
-Using the code examples from the lesson, create a representation of a game you enjoy. It should be a simple game, but the goal is to use either the class or composition pattern along with the pub/sub pattern to demonstrate how a game might start. Be creative!
+Create a simple game representation that demonstrates the design patterns from this lesson. Your game should be functional but doesn't need complex graphics – focus on the underlying architecture and communication patterns.
+
+### Requirements
+
+**Choose Your Architecture Pattern:**
+- **Option A**: Use class-based inheritance (like the `GameObject` → `Movable` → `Hero` example)
+- **Option B**: Use composition (like the factory function approach with mixed behaviors)
+
+**Implement Communication:**
+- **Include** an `EventEmitter` class for pub/sub messaging
+- **Set up** at least 2-3 different message types (like `PLAYER_MOVE`, `ENEMY_SPAWN`, `SCORE_UPDATE`)
+- **Connect** user input (keyboard/mouse) to game events through the event system
+
+**Game Elements to Include:**
+- At least one player-controlled character
+- At least one other game object (enemy, collectible, or environmental element)
+- Basic interaction between objects (collision, collection, or communication)
+
+### Suggested Game Ideas
+
+**Simple Games to Consider:**
+- **Snake Game** – Snake segments follow the head, food spawns randomly
+- **Pong Variation** – Paddle responds to input, ball bounces off walls
+- **Collector Game** – Player moves around collecting items while avoiding obstacles
+- **Tower Defense Basics** – Towers detect and shoot at moving enemies
+
+### Code Structure Guidelines
+
+```javascript
+// Example starting structure
+const Messages = {
+  // Define your game messages here
+};
+
+class EventEmitter {
+  // Your event system implementation
+}
+
+// Choose either class-based OR composition approach
+// Class-based example:
+class GameObject { /* base properties */ }
+class Player extends GameObject { /* player-specific behavior */ }
+
+// OR Composition example:
+const gameObject = { /* base properties */ };
+const movable = { /* movement behavior */ };
+function createPlayer() { /* combine behaviors */ }
+```
+
+### Testing Your Implementation
+
+**Verify your code works by:**
+- **Testing** that objects move or change when events are triggered
+- **Confirming** that multiple objects can respond to the same event
+- **Checking** that you can add new behaviors without modifying existing code
+- **Ensuring** keyboard/mouse input properly triggers game events
+
+## Submission Guidelines
+
+**Your submission should include:**
+1. **JavaScript file(s)** with your game implementation
+2. **HTML file** to run and test your game (can be simple)
+3. **Comments** explaining which pattern you chose and why
+4. **Brief documentation** of your message types and what they do
 
 ## Rubric
 
-| Criteria | Outstanding                                             | Satisfactory                                          | Needs Improvement                                   |
-| -------- | ------------------------------------------------------- | ----------------------------------------------------- | --------------------------------------------------- |
-|          | Three elements are displayed on the screen and interact | Two elements are displayed on the screen and interact | One element is displayed on the screen and interacts |
+| Criteria | Exemplary (3 points) | Adequate (2 points) | Needs Improvement (1 point) |
+|----------|---------------------|---------------------|------------------------------|
+| **Architecture Pattern** | Correctly implements either inheritance OR composition with clear class/object hierarchy | Uses chosen pattern with minor issues or inconsistencies | Attempts to use pattern but implementation has significant problems |
+| **Pub/Sub Implementation** | EventEmitter works correctly with multiple message types and proper event flow | Basic pub/sub system works with some event handling | Event system present but doesn't work reliably |
+| **Game Functionality** | Three or more interactive elements that communicate through events | Two interactive elements with basic event communication | One element responds to events or basic interaction |
+| **Code Quality** | Clean, well-commented code with logical organization and modern JavaScript | Generally well-organized code with adequate comments | Code works but lacks organization or clear commenting |
+
+**Bonus Points:**
+- **Creative game mechanics** that showcase interesting uses of the patterns
+- **Multiple input methods** (keyboard AND mouse events)
+- **Scalable architecture** that would be easy to extend with new features
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/2-drawing-to-canvas/README.md b/translations/en/6-space-game/2-drawing-to-canvas/README.md
index d8b0d81d8..123ec4870 100644
--- a/translations/en/6-space-game/2-drawing-to-canvas/README.md
+++ b/translations/en/6-space-game/2-drawing-to-canvas/README.md
@@ -1,216 +1,480 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "056641280211e52fd0adb81b6058ec55",
-  "translation_date": "2025-08-29T13:21:31+00:00",
-  "source_file": "6-space-game/2-drawing-to-canvas/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 2: Draw Hero and Monsters to Canvas
 
+```mermaid
+journey
+    title Your Canvas Graphics Journey
+    section Foundation
+      Understand Canvas API: 3: Student
+      Learn coordinate system: 4: Student
+      Draw basic shapes: 4: Student
+    section Image Handling
+      Load game assets: 4: Student
+      Handle async loading: 5: Student
+      Position sprites: 5: Student
+    section Game Rendering
+      Create game screen: 5: Student
+      Build formations: 5: Student
+      Optimize performance: 4: Student
+```
+The Canvas API is one of web development's most powerful features for creating dynamic, interactive graphics right in your browser. In this lesson, we'll transform that blank HTML `<canvas>` element into a game world filled with heroes and monsters. Think of the canvas as your digital art board where code becomes visual.
+
+We're building on what you learned in the previous lesson, and now we'll dive into the visual aspects. You'll learn how to load and display game sprites, position elements precisely, and create the visual foundation for your space game. This bridges the gap between static web pages and dynamic, interactive experiences.
+
+By the end of this lesson, you'll have a complete game scene with your hero ship positioned correctly and enemy formations ready for battle. You'll understand how modern games render graphics in browsers and gain skills to create your own interactive visual experiences. Let's explore canvas graphics and bring your space game to life!
+
+```mermaid
+mindmap
+  root((Canvas Graphics))
+    Canvas Element
+      HTML5 Feature
+      2D Context
+      Coordinate System
+      Pixel Control
+    Drawing Operations
+      Basic Shapes
+      Text Rendering
+      Image Display
+      Path Drawing
+    Asset Management
+      Image Loading
+      Async Operations
+      Error Handling
+      Performance
+    Game Rendering
+      Sprite Positioning
+      Formation Layout
+      Scene Composition
+      Frame Updates
+    Visual Effects
+      Colors & Styles
+      Transformations
+      Animations
+      Layering
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/31)
 
 ## The Canvas
 
-The canvas is an HTML element that starts off empty; it's like a blank sheet of paper. You can add content to it by drawing on it.
+So what exactly is this `<canvas>` element? It's HTML5's solution for creating dynamic graphics and animations in web browsers. Unlike regular images or videos that are static, the canvas gives you pixel-level control over everything that appears on screen. This makes it perfect for games, data visualizations, and interactive art. Think of it as a programmable drawing surface where JavaScript becomes your paintbrush.
+
+By default, a canvas element looks like a blank, transparent rectangle on your page. But that's where the potential lies! Its real power emerges when you use JavaScript to draw shapes, load images, create animations, and make things respond to user interactions. It's similar to how early computer graphics pioneers at Bell Labs in the 1960s had to program every pixel to create the first digital animations.
 
 ✅ Read [more about the Canvas API](https://developer.mozilla.org/docs/Web/API/Canvas_API) on MDN.
 
-Here's how it's typically defined as part of the page's body:
+Here's how it's typically declared, as part of the page's body:
 
 ```html
 <canvas id="myCanvas" width="200" height="100"></canvas>
 ```
 
-In the code above, we are setting the `id`, `width`, and `height`.
-
-- `id`: This allows you to reference the canvas when you need to interact with it.
-- `width`: This defines the width of the canvas.
-- `height`: This defines the height of the canvas.
-
-## Drawing simple geometry
-
-The canvas uses a Cartesian coordinate system to draw shapes. This means it uses an x-axis and y-axis to determine where things are placed. The position `0,0` is the top-left corner, and the bottom-right corner corresponds to the `width` and `height` of the canvas.
-
-![the canvas's grid](../../../../translated_images/en/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.png)
+**Here's what this code does:**
+- **Sets** the `id` attribute so you can reference this specific canvas element in JavaScript
+- **Defines** the `width` in pixels to control the canvas's horizontal size
+- **Establishes** the `height` in pixels to determine the canvas's vertical dimensions
+
+## Drawing Simple Geometry
+
+Now that you know what the canvas element is, let's explore actually drawing on it! The canvas uses a coordinate system that might feel familiar from math class, but there's one important twist specific to computer graphics.
+
+The canvas uses Cartesian coordinates with an x-axis (horizontal) and y-axis (vertical) to position everything you draw. But here's the key difference: unlike the coordinate system from math class, the origin point `(0,0)` starts at the top-left corner, with x-values increasing as you move right and y-values increasing as you move down. This approach dates back to early computer displays where electron beams scanned from top to bottom, making top-left the natural starting point.
+
+```mermaid
+quadrantChart
+    title Canvas Coordinate System
+    x-axis Left --> Right
+    y-axis Top --> Bottom
+    quadrant-1 Quadrant 1
+    quadrant-2 Quadrant 2  
+    quadrant-3 Quadrant 3
+    quadrant-4 Quadrant 4
+    
+    Origin Point: [0.1, 0.1]
+    Hero Center: [0.5, 0.8]
+    Enemy Formation: [0.3, 0.2]
+    Power-up: [0.7, 0.6]
+    UI Elements: [0.9, 0.1]
+```
+![the canvas's grid](../../../../translated_images/en/canvas_grid.5f209da785ded492.webp)
 > Image from [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
 
-To draw on the canvas, follow these steps:
-
-1. **Get a reference** to the canvas element.
-2. **Get a reference** to the context object associated with the canvas.
-3. **Perform a drawing operation** using the context object.
+To draw on the canvas element, you'll follow the same three-step process that forms the foundation of all canvas graphics. Once you do this a few times, it becomes second nature:
+
+```mermaid
+flowchart LR
+    A[HTML Canvas Element] --> B[Get Canvas Reference]
+    B --> C[Get 2D Context]
+    C --> D[Drawing Operations]
+    
+    D --> E[Draw Shapes]
+    D --> F[Draw Text]
+    D --> G[Draw Images]
+    D --> H[Apply Styles]
+    
+    E --> I[Render to Screen]
+    F --> I
+    G --> I
+    H --> I
+    
+    style A fill:#e1f5fe
+    style C fill:#e8f5e8
+    style I fill:#fff3e0
+```
+1. **Get a reference** to your Canvas element from the DOM (just like any other HTML element)
+2. **Get the 2D rendering context** – this provides all the drawing methods
+3. **Start drawing!** Use the context's built-in methods to create your graphics
 
-The code for these steps typically looks like this:
+Here's how this looks in code:
 
 ```javascript
-// draws a red rectangle
-//1. get the canvas reference
-canvas = document.getElementById("myCanvas");
+// Step 1: Get the canvas element
+const canvas = document.getElementById("myCanvas");
 
-//2. set the context to 2D to draw basic shapes
-ctx = canvas.getContext("2d");
+// Step 2: Get the 2D rendering context
+const ctx = canvas.getContext("2d");
 
-//3. fill it with the color red
+// Step 3: Set fill color and draw a rectangle
 ctx.fillStyle = 'red';
-
-//4. and draw a rectangle with these parameters, setting location and size
-ctx.fillRect(0,0, 200, 200) // x,y,width, height
+ctx.fillRect(0, 0, 200, 200); // x, y, width, height
 ```
 
-✅ The Canvas API is primarily designed for 2D graphics, but you can also create 3D graphics on a webpage using the [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API).
+**Let's break this down step by step:**
+- We **grab** our canvas element using its ID and store it in a variable
+- We **get** the 2D rendering context – this is our toolkit full of drawing methods
+- We **tell** the canvas we want to fill things with red using the `fillStyle` property
+- We **draw** a rectangle starting at the top-left corner (0,0) that's 200 pixels wide and tall
 
-With the Canvas API, you can draw a variety of things, such as:
+✅ The Canvas API mostly focuses on 2D shapes, but you can also draw 3D elements to a web site; for this, you might use the [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API).
 
-- **Geometric shapes**: We've already shown how to draw a rectangle, but there are many other shapes you can create.
-- **Text**: You can draw text in any font and color you like.
-- **Images**: You can display images from assets like `.jpg` or `.png` files.
+You can draw all sorts of things with the Canvas API like:
 
-✅ Try it! Now that you know how to draw a rectangle, can you draw a circle on the page? Check out some creative Canvas drawings on CodePen. Here's a [particularly impressive example](https://codepen.io/dissimulate/pen/KrAwx).
+- **Geometrical shapes**, we've already showed how to draw a rectangle, but there is much more you can draw.
+- **Text**, you can draw a text with any font and color you wish.
+- **Images**, you can draw an image based off of an image asset like a .jpg or .png for example.
 
-## Load and draw an image asset
+✅ Try it! You know how to draw a rectangle, can you draw a circle to a page? Take a look at some interesting Canvas drawings on CodePen. Here's a [particularly impressive example](https://codepen.io/dissimulate/pen/KrAwx).
 
-To load an image asset, create an `Image` object and set its `src` property. Then, listen for the `load` event to know when the image is ready to use. The code looks like this:
+### 🔄 **Pedagogical Check-in**
+**Canvas Fundamentals Understanding**: Before moving to image loading, ensure you can:
+- ✅ Explain how the canvas coordinate system differs from mathematical coordinates
+- ✅ Understand the three-step process for canvas drawing operations
+- ✅ Identify what the 2D rendering context provides
+- ✅ Describe how fillStyle and fillRect work together
 
-### Load asset
+**Quick Self-Test**: How would you draw a blue circle at position (100, 50) with radius 25?
+```javascript
+ctx.fillStyle = 'blue';
+ctx.beginPath();
+ctx.arc(100, 50, 25, 0, 2 * Math.PI);
+ctx.fill();
+```
+
+**Canvas Drawing Methods You Now Know**:
+- **fillRect()**: Draws filled rectangles
+- **fillStyle**: Sets colors and patterns
+- **beginPath()**: Starts new drawing paths
+- **arc()**: Creates circles and curves
+
+## Load and Draw an Image Asset
+
+Drawing basic shapes is useful for getting started, but most games need actual images! Sprites, backgrounds, and textures are what give games their visual appeal. Loading and displaying images on the canvas works differently than drawing geometric shapes, but it's straightforward once you understand the process.
+
+We need to create an `Image` object, load our image file (this happens asynchronously, meaning "in the background"), and then draw it to the canvas once it's ready. This approach ensures your images display properly without blocking your application while they load.
+
+```mermaid
+sequenceDiagram
+    participant JS as JavaScript
+    participant Img as Image Object
+    participant Server as File Server
+    participant Canvas as Canvas Context
+    
+    JS->>Img: new Image()
+    JS->>Img: Set src property
+    Img->>Server: Request image file
+    Server->>Img: Return image data
+    Img->>JS: Trigger onload event
+    JS->>Canvas: drawImage(img, x, y)
+    Canvas->>Canvas: Render to screen
+    
+    Note over JS,Canvas: Async loading prevents UI blocking
+```
+### Basic Image Loading
 
 ```javascript
 const img = new Image();
 img.src = 'path/to/my/image.png';
 img.onload = () => {
-  // image loaded and ready to be used
-}
+  // Imagen cargada y lista para ser usada
+  console.log('Image loaded successfully!');
+};
 ```
 
-### Load asset pattern
+**Here's what's happening in this code:**
+- We **create** a brand new Image object to hold our sprite or texture
+- We **tell** it which image file to load by setting the source path
+- We **listen** for the load event so we know exactly when the image is ready to use
+
+### A Better Way to Load Images
 
-It's a good idea to wrap the code above in a reusable structure, so you can easily use it and ensure the image is fully loaded before manipulating it:
+Here's a more robust way to handle image loading that professional developers commonly use. We'll wrap the image loading in a Promise-based function – this approach, popularized when JavaScript Promises became standard in ES6, makes your code more organized and handles errors gracefully:
 
 ```javascript
 function loadAsset(path) {
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
     const img = new Image();
     img.src = path;
     img.onload = () => {
-      // image loaded and ready to be used
       resolve(img);
-    }
-  })
+    };
+    img.onerror = () => {
+      reject(new Error(`Failed to load image: ${path}`));
+    };
+  });
 }
 
-// use like so
-
-async function run() {
-  const heroImg = await loadAsset('hero.png')
-  const monsterImg = await loadAsset('monster.png')
+// Modern usage with async/await
+async function initializeGame() {
+  try {
+    const heroImg = await loadAsset('hero.png');
+    const monsterImg = await loadAsset('monster.png');
+    // Images are now ready to use
+  } catch (error) {
+    console.error('Failed to load game assets:', error);
+  }
 }
-
 ```
 
-To draw game assets on the screen, your code might look like this:
+**What we've done here:**
+- **Wrapped** all that image loading logic in a Promise so we can handle it better
+- **Added** error handling that actually tells us when something goes wrong
+- **Used** modern async/await syntax because it's so much cleaner to read
+- **Included** try/catch blocks to gracefully handle any loading hiccups
+
+Once your images are loaded, drawing them to the canvas is actually pretty straightforward:
 
 ```javascript
-async function run() {
-  const heroImg = await loadAsset('hero.png')
-  const monsterImg = await loadAsset('monster.png')
-
-  canvas = document.getElementById("myCanvas");
-  ctx = canvas.getContext("2d");
-  ctx.drawImage(heroImg, canvas.width/2,canvas.height/2);
-  ctx.drawImage(monsterImg, 0,0);
+async function renderGameScreen() {
+  try {
+    // Load game assets
+    const heroImg = await loadAsset('hero.png');
+    const monsterImg = await loadAsset('monster.png');
+
+    // Get canvas and context
+    const canvas = document.getElementById("myCanvas");
+    const ctx = canvas.getContext("2d");
+
+    // Draw images to specific positions
+    ctx.drawImage(heroImg, canvas.width / 2, canvas.height / 2);
+    ctx.drawImage(monsterImg, 0, 0);
+  } catch (error) {
+    console.error('Failed to render game screen:', error);
+  }
 }
 ```
 
-## Now it's time to start building your game
+**Let's walk through this step by step:**
+- We **load** both our hero and monster images in the background using await
+- We **grab** our canvas element and get that 2D rendering context we need
+- We **position** the hero image right in the center using some quick coordinate math
+- We **plop** the monster image at the top-left corner to start our enemy formation
+- We **catch** any errors that might happen during loading or rendering
+
+```mermaid
+flowchart TD
+    A[Load Assets] --> B{All Images Loaded?}
+    B -->|No| C[Show Loading]
+    B -->|Yes| D[Get Canvas Context]
+    C --> B
+    D --> E[Clear Screen]
+    E --> F[Draw Background]
+    F --> G[Draw Enemy Formation]
+    G --> H[Draw Hero Ship]
+    H --> I[Apply Visual Effects]
+    I --> J[Render Frame]
+    
+    subgraph "Rendering Pipeline"
+        K[Asset Management]
+        L[Scene Composition]
+        M[Drawing Operations]
+        N[Frame Output]
+    end
+    
+    style A fill:#e1f5fe
+    style J fill:#e8f5e8
+    style I fill:#fff3e0
+```
+## Now It's Time to Start Building Your Game
+
+Now we'll put everything together to create the visual foundation of your space game. You have a solid understanding of canvas fundamentals and image loading techniques, so this hands-on section will guide you through building a complete game screen with properly positioned sprites.
 
-### What to build
+### What to Build
 
-You will create a webpage with a canvas element. The canvas should display a black screen with dimensions `1024x768`. We've provided two images for you:
+You will build a web page with a Canvas element. It should render a black screen `1024*768`. We've provided you with two images:
 
-- Hero ship:
+- Hero ship
 
-   ![Hero ship](../../../../translated_images/en/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.png)
+   ![Hero ship](../../../../translated_images/en/player.dd24c1afa8c71e9b.webp)
 
-- 5x5 monster grid:
+- 5*5 monster
 
-   ![Monster ship](../../../../translated_images/en/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.png)
+   ![Monster ship](../../../../translated_images/en/enemyShip.5df2a822c16650c2.webp)
 
 ### Recommended steps to start development
 
-Locate the files provided in the `your-work` subfolder. It should contain the following:
+Locate the starter files that have been created for you in the `your-work` sub folder. Your project structure should contain:
 
 ```bash
--| assets
-  -| enemyShip.png
-  -| player.png
--| index.html
--| app.js
--| package.json
+your-work/
+├── assets/
+│   ├── enemyShip.png
+│   └── player.png
+├── index.html
+├── app.js
+└── package.json
 ```
 
-Open this folder in Visual Studio Code. Make sure you have a local development environment set up, preferably with Visual Studio Code, NPM, and Node installed. If you don't have `npm` installed, [here's how to set it up](https://www.npmjs.com/get-npm).
+**Here's what you're working with:**
+- **Game sprites** live in the `assets/` folder so everything stays organized
+- **Your main HTML file** sets up the canvas element and gets everything ready
+- **A JavaScript file** where you'll write all your game rendering magic
+- **A package.json** that sets up a development server so you can test locally
+
+Open this folder in Visual Studio Code to begin development. You'll need a local development environment with Visual Studio Code, NPM, and Node.js installed. If you don't have `npm` set up on your computer, [here's how to install it](https://www.npmjs.com/get-npm).
 
-Start your project by navigating to the `your_work` folder:
+Start your development server by navigating to the `your-work` folder:
 
 ```bash
 cd your-work
 npm start
 ```
 
-This will start an HTTP server at `http://localhost:5000`. Open a browser and go to that address. The page will be blank for now, but that will change soon.
+**This command does some pretty cool stuff:**
+- **Starts up** a local server at `http://localhost:5000` so you can test your game
+- **Serves** all your files properly so your browser can load them correctly
+- **Watches** your files for changes so you can develop smoothly
+- **Gives you** a professional development environment to test everything
 
-> Note: To see updates on your screen, refresh your browser.
+> 💡 **Note**: Your browser will show a blank page initially – that's expected! As you add code, refresh your browser to see your changes. This iterative development approach is similar to how NASA built the Apollo guidance computer – testing each component before integrating it into the larger system.
 
 ### Add code
 
-Add the necessary code to `your-work/app.js` to complete the following tasks:
+Add the required code to `your-work/app.js` to complete the following tasks:
+
+1. **Draw a canvas with black background**
+   > 💡 **Here's how**: Find the TODO in `/app.js` and add just two lines. Set `ctx.fillStyle` to black, then use `ctx.fillRect()` starting at (0,0) with your canvas dimensions. Easy!
+
+2. **Load game textures**
+   > 💡 **Here's how**: Use `await loadAsset()` to load your player and enemy images. Store them in variables so you can use them later. Remember – they won't show up until you actually draw them!
 
-1. **Draw** a canvas with a black background.
-   > Tip: Add two lines of code under the appropriate TODO in `/app.js` to set the `ctx` element's background to black. Set the top-left coordinates to `0,0` and the height and width to match the canvas dimensions.
-2. **Load** textures.
-   > Tip: Use `await loadTexture` to load the player and enemy images by passing their file paths. You won't see them on the screen just yet!
-3. **Draw** the hero in the center of the screen, near the bottom.
-   > Tip: Use the `drawImage` API to draw `heroImg` on the screen. Set the coordinates to `canvas.width / 2 - 45` and `canvas.height - canvas.height / 4`.
-4. **Draw** a 5x5 grid of monsters.
-   > Tip: Uncomment the code to draw enemies on the screen. Then, go to the `createEnemies` function and complete it.
+3. **Draw hero ship in the center-bottom position**
+   > 💡 **Here's how**: Use `ctx.drawImage()` to position your hero. For the x-coordinate, try `canvas.width / 2 - 45` to center it, and for y-coordinate use `canvas.height - canvas.height / 4` to put it in the bottom area.
 
-   Start by defining some constants:
+4. **Draw a 5×5 formation of enemy ships**
+   > 💡 **Here's how**: Find the `createEnemies` function and set up a nested loop. You'll need to do some math for spacing and positioning, but don't worry – I'll show you exactly how!
 
-    ```javascript
-    const MONSTER_TOTAL = 5;
-    const MONSTER_WIDTH = MONSTER_TOTAL * 98;
-    const START_X = (canvas.width - MONSTER_WIDTH) / 2;
-    const STOP_X = START_X + MONSTER_WIDTH;
-    ```
+First, establish constants for proper enemy formation layout:
+
+```javascript
+const ENEMY_TOTAL = 5;
+const ENEMY_SPACING = 98;
+const FORMATION_WIDTH = ENEMY_TOTAL * ENEMY_SPACING;
+const START_X = (canvas.width - FORMATION_WIDTH) / 2;
+const STOP_X = START_X + FORMATION_WIDTH;
+```
+
+**Let's break down what these constants do:**
+- We **set** 5 enemies per row and column (a nice 5×5 grid)
+- We **define** how much space to put between enemies so they don't look cramped
+- We **calculate** how wide our whole formation will be
+- We **figure out** where to start and stop so the formation looks centered
+
+```mermaid
+flowchart LR
+    A["Canvas Width: 1024px"] --> B["Formation Width: 490px"]
+    B --> C["Start X: 267px"]
+    C --> D["Enemy Spacing: 98px"]
+    
+    subgraph "5x5 Enemy Formation"
+        E["Row 1: Y=0"]
+        F["Row 2: Y=50"]
+        G["Row 3: Y=100"]
+        H["Row 4: Y=150"]
+        I["Row 5: Y=200"]
+    end
+    
+    subgraph "Column Spacing"
+        J["Col 1: X=267"]
+        K["Col 2: X=365"]
+        L["Col 3: X=463"]
+        M["Col 4: X=561"]
+        N["Col 5: X=659"]
+    end
+    
+    style A fill:#e1f5fe
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+```
+Then, create nested loops to draw the enemy formation:
 
-   Next, create a loop to draw the array of monsters on the screen:
+```javascript
+for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
+  for (let y = 0; y < 50 * 5; y += 50) {
+    ctx.drawImage(enemyImg, x, y);
+  }
+}
+```
 
-    ```javascript
-    for (let x = START_X; x < STOP_X; x += 98) {
-        for (let y = 0; y < 50 * 5; y += 50) {
-          ctx.drawImage(enemyImg, x, y);
-        }
-      }
-    ```
+**Here's what this nested loop does:**
+- The outer loop **moves** from left to right across our formation
+- The inner loop **goes** from top to bottom to create neat rows
+- We **draw** each enemy sprite at the exact x,y coordinates we calculated
+- Everything stays **evenly spaced** so it looks professional and organized
+
+### 🔄 **Pedagogical Check-in**
+**Game Rendering Mastery**: Verify your understanding of the complete rendering system:
+- ✅ How does async image loading prevent UI blocking during game startup?
+- ✅ Why do we calculate enemy formation positions using constants instead of hardcoding?
+- ✅ What role does the 2D rendering context play in drawing operations?
+- ✅ How do nested loops create organized sprite formations?
+
+**Performance Considerations**: Your game now demonstrates:
+- **Efficient asset loading**: Promise-based image management
+- **Organized rendering**: Structured drawing operations
+- **Mathematical positioning**: Calculated sprite placement
+- **Error handling**: Graceful failure management
+
+**Visual Programming Concepts**: You've learned:
+- **Coordinate systems**: Translating math to screen positions
+- **Sprite management**: Loading and displaying game graphics
+- **Formation algorithms**: Mathematical patterns for organized layouts
+- **Async operations**: Modern JavaScript for smooth user experience
 
 ## Result
 
-The final result should look like this:
+The finished result should look like so:
 
-![Black screen with a hero and 5x5 monsters](../../../../translated_images/en/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.png)
+![Black screen with a hero and 5*5 monsters](../../../../translated_images/en/partI-solution.36c53b48c9ffae2a.webp)
 
 ## Solution
 
-Try solving this on your own first, but if you get stuck, you can check out the [solution](../../../../6-space-game/2-drawing-to-canvas/solution/app.js).
+Please try solving it yourself first but if you get stuck, have a look at a [solution](../../../../6-space-game/2-drawing-to-canvas/solution/app.js)
 
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance your space game canvas by adding visual effects and interactive elements using the Canvas API techniques you've learned.
+
+**Prompt:** Create a new file called `enhanced-canvas.html` with a canvas that displays animated stars in the background, a pulsing health bar for the hero ship, and enemy ships that slowly move downward. Include JavaScript code that draws twinkling stars using random positions and opacity, implements a health bar that changes color based on health level (green > yellow > red), and animates the enemy ships to move down the screen at different speeds.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-Now that you've learned how to draw with the 2D-focused Canvas API, explore the [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API) and try creating a 3D object.
+You've learned about drawing with the 2D-focused Canvas API; take a look at the [WebGL API](https://developer.mozilla.org/docs/Web/API/WebGL_API), and try to draw a 3D object.
 
 ## Post-Lecture Quiz
 
@@ -220,11 +484,132 @@ Now that you've learned how to draw with the 2D-focused Canvas API, explore the
 
 Learn more about the Canvas API by [reading about it](https://developer.mozilla.org/docs/Web/API/Canvas_API).
 
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open the browser console and create a canvas element with `document.createElement('canvas')`
+- [ ] Try drawing a rectangle using `fillRect()` on a canvas context
+- [ ] Experiment with different colors using `fillStyle` property
+- [ ] Draw a simple circle using the `arc()` method
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand canvas fundamentals
+- [ ] Create a canvas drawing application with multiple shapes and colors
+- [ ] Implement image loading and sprite rendering for your game
+- [ ] Build a simple animation that moves objects across the canvas
+- [ ] Practice canvas transformations like scaling, rotation, and translation
+
+### 📅 **Your Week-Long Canvas Journey**
+- [ ] Complete the space game with polished graphics and sprite animations
+- [ ] Master advanced canvas techniques like gradients, patterns, and compositing
+- [ ] Create interactive visualizations using canvas for data representation
+- [ ] Learn about canvas optimization techniques for smooth performance
+- [ ] Build a drawing or painting application with various tools
+- [ ] Explore creative coding patterns and generative art with canvas
+
+### 🌟 **Your Month-Long Graphics Mastery**
+- [ ] Build complex visual applications using Canvas 2D and WebGL
+- [ ] Learn graphics programming concepts and shader basics
+- [ ] Contribute to open source graphics libraries and visualization tools
+- [ ] Master performance optimization for graphics-intensive applications
+- [ ] Create educational content about canvas programming and computer graphics
+- [ ] Become a graphics programming expert who helps others create visual experiences
+
+## 🎯 Your Canvas Graphics Mastery Timeline
+
+```mermaid
+timeline
+    title Canvas API Learning Progression
+    
+    section Canvas Fundamentals (15 minutes)
+        Basic Operations: Element reference
+                        : 2D context access
+                        : Coordinate system
+                        : Simple shape drawing
+        
+    section Drawing Techniques (20 minutes)
+        Graphics Primitives: Rectangles and circles
+                           : Colors and styles
+                           : Text rendering
+                           : Path operations
+        
+    section Image Handling (25 minutes)
+        Asset Management: Image object creation
+                        : Async loading patterns
+                        : Error handling
+                        : Performance optimization
+        
+    section Game Graphics (30 minutes)
+        Sprite Rendering: Positioning algorithms
+                        : Formation calculations
+                        : Scene composition
+                        : Frame rendering
+        
+    section Advanced Techniques (40 minutes)
+        Visual Effects: Transformations
+                      : Animations
+                      : Layering
+                      : State management
+        
+    section Performance (35 minutes)
+        Optimization: Efficient drawing
+                    : Memory management
+                    : Frame rate control
+                    : Asset caching
+        
+    section Professional Skills (1 week)
+        Production Graphics: WebGL integration
+                           : Canvas libraries
+                           : Game engines
+                           : Cross-platform considerations
+        
+    section Advanced Graphics (1 month)
+        Specialized Applications: Data visualization
+                                : Interactive art
+                                : Real-time effects
+                                : 3D graphics
+```
+### 🛠️ Your Canvas Graphics Toolkit Summary
+
+After completing this lesson, you now have:
+- **Canvas API Mastery**: Complete understanding of 2D graphics programming
+- **Coordinate Mathematics**: Precise positioning and layout algorithms
+- **Asset Management**: Professional image loading and error handling
+- **Rendering Pipeline**: Structured approach to scene composition
+- **Game Graphics**: Sprite positioning and formation calculations
+- **Async Programming**: Modern JavaScript patterns for smooth performance
+- **Visual Programming**: Translating mathematical concepts to screen graphics
+
+**Real-World Applications**: Your Canvas skills directly apply to:
+- **Data Visualization**: Charts, graphs, and interactive dashboards
+- **Game Development**: 2D games, simulations, and interactive experiences
+- **Digital Art**: Creative coding and generative art projects
+- **UI/UX Design**: Custom graphics and interactive elements
+- **Educational Software**: Visual learning tools and simulations
+- **Web Applications**: Dynamic graphics and real-time visualizations
+
+**Professional Skills Gained**: You can now:
+- **Build** custom graphics solutions without external libraries
+- **Optimize** rendering performance for smooth user experiences
+- **Debug** complex visual problems using browser developer tools
+- **Design** scalable graphics systems using mathematical principles
+- **Integrate** Canvas graphics with modern web application frameworks
+
+**Canvas API Methods You've Mastered**:
+- **Element Management**: getElementById, getContext
+- **Drawing Operations**: fillRect, drawImage, fillStyle
+- **Asset Loading**: Image objects, Promise patterns
+- **Mathematical Positioning**: Coordinate calculations, formation algorithms
+
+**Next Level**: You're ready to add animation, user interaction, collision detection, or explore WebGL for 3D graphics!
+
+🌟 **Achievement Unlocked**: You've built a complete game rendering system using fundamental Canvas API techniques!
+
 ## Assignment
 
 [Play with the Canvas API](assignment.md)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/2-drawing-to-canvas/assignment.md b/translations/en/6-space-game/2-drawing-to-canvas/assignment.md
index 93da6b51f..74bdf69c2 100644
--- a/translations/en/6-space-game/2-drawing-to-canvas/assignment.md
+++ b/translations/en/6-space-game/2-drawing-to-canvas/assignment.md
@@ -1,25 +1,74 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "ca1cf78a4c60df77ab32a154ec024d7f",
-  "translation_date": "2025-08-28T11:36:56+00:00",
-  "source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
-  "language_code": "en"
-}
--->
-# Experiment with the Canvas API
+# Assignment: Explore the Canvas API
+
+## Learning Objectives
+
+By completing this assignment, you will demonstrate your understanding of Canvas API fundamentals and apply creative problem-solving to build visual elements using JavaScript and HTML5 canvas.
 
 ## Instructions
 
-Choose one feature of the Canvas API and build something creative with it. Can you design a small galaxy of repeated stars? Or perhaps an intriguing texture made of colorful lines? Feel free to browse CodePen for ideas (but avoid copying).
+Choose one aspect of the Canvas API that interests you and create an engaging visual project around it. This assignment encourages you to experiment with the drawing capabilities you've learned while building something uniquely yours.
+
+### Project Ideas to Inspire You
+
+**Geometric Patterns:**
+- **Create** a galaxy of animated twinkling stars using random positioning
+- **Design** an interesting texture using repeated geometric shapes
+- **Build** a kaleidoscope effect with rotating, colorful patterns
+
+**Interactive Elements:**
+- **Develop** a drawing tool that responds to mouse movements
+- **Implement** shapes that change color when clicked
+- **Design** a simple animation loop with moving elements
+
+**Game-Related Graphics:**
+- **Craft** a scrolling background for a space game
+- **Build** particle effects like explosions or magic spells
+- **Create** animated sprites with multiple frames
+
+### Development Guidelines
+
+**Research and Inspiration:**
+- **Browse** CodePen for creative canvas examples (for inspiration, not copying)
+- **Study** the [Canvas API documentation](https://developer.mozilla.org/docs/Web/API/Canvas_API) for additional methods
+- **Experiment** with different drawing functions, colors, and animations
+
+**Technical Requirements:**
+- **Use** proper canvas setup with `getContext('2d')`
+- **Include** meaningful comments explaining your approach
+- **Test** your code thoroughly to ensure it runs without errors
+- **Apply** modern JavaScript syntax (const/let, arrow functions)
+
+**Creative Expression:**
+- **Focus** on one Canvas API feature but explore it deeply
+- **Add** your own creative twist to make the project personal
+- **Consider** how your creation could be part of a larger application
+
+### Submission Guidelines
+
+Submit your completed project as a single HTML file with embedded CSS and JavaScript, or as separate files in a folder. Include a brief comment explaining your creative choices and the Canvas API features you explored.
 
 ## Rubric
 
-| Criteria | Outstanding                                               | Satisfactory                       | Needs Improvement     |
-| -------- | --------------------------------------------------------- | ----------------------------------- | --------------------- |
-|          | Code is submitted showcasing an engaging texture or shape | Code is submitted, but it doesn't work | Code is not submitted |
+| Criteria | Exemplary | Adequate | Needs Improvement |
+|----------|-----------|----------|-------------------|
+| **Technical Implementation** | Canvas API used creatively with multiple features, code runs flawlessly, modern JavaScript syntax applied | Canvas API used correctly, code runs with minor issues, basic implementation | Canvas API attempted but code has errors or doesn't execute |
+| **Creativity and Design** | Highly original concept with polished visual appeal, demonstrates deep exploration of chosen Canvas feature | Good use of Canvas features with some creative elements, solid visual result | Basic implementation with minimal creativity or visual appeal |
+| **Code Quality** | Well-organized, commented code following best practices, efficient algorithms | Clean code with some comments, follows basic coding standards | Code lacks organization, minimal comments, inefficient implementation |
+
+## Reflection Questions
+
+After completing your project, consider these questions:
+
+1. **What Canvas API feature did you choose and why?**
+2. **What challenges did you encounter while building your project?**
+3. **How could you extend this project into a larger application or game?**
+4. **What other Canvas API features would you like to explore next?**
+
+> 💡 **Pro Tip**: Start simple and gradually add complexity. A well-executed simple project is better than an overly ambitious project that doesn't work properly!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/3-moving-elements-around/README.md b/translations/en/6-space-game/3-moving-elements-around/README.md
index 5ab5cb26f..41344e5ce 100644
--- a/translations/en/6-space-game/3-moving-elements-around/README.md
+++ b/translations/en/6-space-game/3-moving-elements-around/README.md
@@ -1,76 +1,180 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a9a161871de7706cb0e23b1bd0c74559",
-  "translation_date": "2025-08-29T13:20:25+00:00",
-  "source_file": "6-space-game/3-moving-elements-around/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 3: Adding Motion
 
+```mermaid
+journey
+    title Your Game Animation Journey
+    section Movement Basics
+      Understand motion principles: 3: Student
+      Learn coordinate updates: 4: Student
+      Implement basic movement: 4: Student
+    section Player Controls
+      Handle keyboard events: 4: Student
+      Prevent default behaviors: 5: Student
+      Create responsive controls: 5: Student
+    section Game Systems
+      Build game loop: 5: Student
+      Manage object lifecycle: 5: Student
+      Implement pub/sub pattern: 5: Student
+```
+Think about your favorite games – what makes them captivating isn't just pretty graphics, it's the way everything moves and responds to your actions. Right now, your space game is like a beautiful painting, but we're about to add movement that brings it to life.
+
+When NASA's engineers programmed the guidance computer for the Apollo missions, they faced a similar challenge: how do you make a spacecraft respond to pilot input while automatically maintaining course corrections? The principles we'll learn today echo those same concepts – managing player-controlled movement alongside automatic system behaviors.
+
+In this lesson, you'll learn how to make spaceships glide across the screen, respond to player commands, and create smooth movement patterns. We'll break everything down into manageable concepts that build on each other naturally.
+
+By the end, you'll have players flying their hero ship around the screen while enemy vessels patrol overhead. More importantly, you'll understand the core principles that power game movement systems.
+
+```mermaid
+mindmap
+  root((Game Animation))
+    Movement Types
+      Player Controlled
+      Automatic Motion
+      Physics Based
+      Scripted Paths
+    Event Handling
+      Keyboard Input
+      Mouse Events
+      Touch Controls
+      Default Prevention
+    Game Loop
+      Update Logic
+      Render Frame
+      Clear Canvas
+      Frame Rate Control
+    Object Management
+      Position Updates
+      Collision Detection
+      Lifecycle Management
+      State Tracking
+    Communication
+      Pub/Sub Pattern
+      Event Emitters
+      Message Passing
+      Loose Coupling
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/33)
 
-Games become much more engaging when you have aliens moving around on the screen! In this lesson, we’ll explore two types of movement:
+## Understanding Game Movement
+
+Games come alive when things start moving around, and there are fundamentally two ways this happens:
+
+- **Player-controlled movement**: When you press a key or click your mouse, something moves. This is the direct connection between you and your game world.
+- **Automatic movement**: When the game itself decides to move things – like those enemy ships that need to patrol the screen whether you're doing anything or not.
 
-- **Keyboard/Mouse movement**: When the user interacts with the keyboard or mouse to move an object on the screen.
-- **Game-induced movement**: When the game itself moves an object at specific time intervals.
+Making objects move on a computer screen is simpler than you might think. Remember those x and y coordinates from math class? That's exactly what we're working with here. When Galileo tracked Jupiter's moons in 1610, he was essentially doing the same thing – plotting positions over time to understand motion patterns.
 
-So, how do we make objects move on the screen? It all comes down to cartesian coordinates: we change the object's location (x, y) and then redraw the screen.
+Moving things on screen is like creating a flipbook animation – you need to follow these three simple steps:
 
-To achieve *movement* on the screen, you typically follow these steps:
+```mermaid
+flowchart LR
+    A["Frame N"] --> B["Update Positions"]
+    B --> C["Clear Canvas"]
+    C --> D["Draw Objects"]
+    D --> E["Frame N+1"]
+    E --> F{Continue?}
+    F -->|Yes| B
+    F -->|No| G["Game Over"]
+    
+    subgraph "Animation Cycle"
+        H["1. Calculate new positions"]
+        I["2. Erase previous frame"]
+        J["3. Render new frame"]
+    end
+    
+    style B fill:#e1f5fe
+    style C fill:#ffebee
+    style D fill:#e8f5e8
+```
+1. **Update the position** – Change where your object should be (maybe move it 5 pixels to the right)
+2. **Erase the old frame** – Clear the screen so you don't see ghostly trails everywhere
+3. **Draw the new frame** – Put your object in its new spot
 
-1. **Set a new location** for the object. This is necessary to make it appear as though the object has moved.
-2. **Clear the screen**. The screen must be cleared between draws. This can be done by drawing a rectangle filled with the background color.
-3. **Redraw the object** at its new location. This step completes the process of moving the object from one position to another.
+Do this fast enough, and boom! You've got smooth movement that feels natural to players.
 
-Here’s an example of what this might look like in code:
+Here's what it can look like in code:
 
 ```javascript
-//set the hero's location
+// Set the hero's location
 hero.x += 5;
-// clear the rectangle that hosts the hero
+// Clear the rectangle that hosts the hero
 ctx.clearRect(0, 0, canvas.width, canvas.height);
-// redraw the game background and hero
-ctx.fillRect(0, 0, canvas.width, canvas.height)
+// Redraw the game background and hero
+ctx.fillRect(0, 0, canvas.width, canvas.height);
 ctx.fillStyle = "black";
 ctx.drawImage(heroImg, hero.x, hero.y);
 ```
 
-✅ Can you think of why redrawing your hero many times per second might lead to performance issues? Check out [alternatives to this pattern](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas).
+**Here's what this code does:**
+- **Updates** the hero's x-coordinate by 5 pixels to move it horizontally
+- **Clears** the entire canvas area to remove the previous frame
+- **Fills** the canvas with a black background color
+- **Redraws** the hero image at its new position
+
+✅ Can you think of a reason why redrawing your hero many frames per second might accrue performance costs? Read about [alternatives to this pattern](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas).
 
 ## Handle keyboard events
 
-You can handle events by attaching specific events to your code. Keyboard events are triggered on the entire window, while mouse events like `click` can be tied to specific elements. In this project, we’ll use keyboard events.
+This is where we connect player input to game action. When someone hits the spacebar to fire a laser or taps an arrow key to dodge an asteroid, your game needs to detect and respond to that input.
 
-To handle an event, you use the window's `addEventListener()` method, which takes two input parameters. The first parameter is the event name, such as `keyup`. The second parameter is the function to be executed when the event occurs.
+Keyboard events happen at the window level, meaning your entire browser window is listening for those keypresses. Mouse clicks, on the other hand, can be tied to specific elements (like clicking a button). For our space game, we'll focus on keyboard controls since that's what gives players that classic arcade feel.
 
-Here’s an example:
+This reminds me of how telegraph operators in the 1800s had to translate morse code input into meaningful messages – we're doing something similar, translating keypresses into game commands.
+
+To handle an event you need to use the window's `addEventListener()` method and provide it with two input parameters. The first parameter is the name of the event, for example `keyup`. The second parameter is the function that should be invoked as a result of the event taking place.
+
+Here's an example:
 
 ```javascript
 window.addEventListener('keyup', (evt) => {
-  // `evt.key` = string representation of the key
+  // evt.key = string representation of the key
   if (evt.key === 'ArrowUp') {
     // do something
   }
-})
+});
 ```
 
-For key events, you can use two properties on the event object to determine which key was pressed:
+**Breaking down what happens here:**
+- **Listens** for keyboard events on the entire window
+- **Captures** the event object which contains information about which key was pressed
+- **Checks** if the pressed key matches a specific key (in this case, the up arrow)
+- **Executes** code when the condition is met
+
+For key events there are two properties on the event you can use to see what key was pressed:
+
+- `key` - this is a string representation of the pressed key, for example `'ArrowUp'`
+- `keyCode` - this is a number representation, for example `37`, corresponds to `ArrowLeft`
 
-- `key`: A string representation of the pressed key, such as `ArrowUp`.
-- `keyCode`: A numeric representation, such as `37`, which corresponds to `ArrowLeft`.
+✅ Key event manipulation is useful outside of game development. What other uses can you think of for this technique?
 
-✅ Key event handling is useful beyond game development. Can you think of other applications for this technique?
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant EventSystem
+    participant GameLogic
+    participant Hero
+    
+    User->>Browser: Presses ArrowUp key
+    Browser->>EventSystem: keydown event
+    EventSystem->>EventSystem: preventDefault()
+    EventSystem->>GameLogic: emit('KEY_EVENT_UP')
+    GameLogic->>Hero: hero.y -= 5
+    Hero->>Hero: Update position
+    
+    Note over Browser,GameLogic: Event flow prevents browser defaults
+    Note over GameLogic,Hero: Pub/sub pattern enables clean communication
+```
+### Special keys: a heads up!
 
-### Special keys: a caveat
+Some keys have built-in browser behaviors that can interfere with your game. Arrow keys scroll the page and spacebar jumps down – behaviors you don't want when someone is trying to pilot their spaceship.
 
-Some *special* keys affect the browser window. For example, if you’re listening for a `keyup` event and use these special keys to move your hero, the browser might also perform horizontal scrolling. To prevent this, you can disable the browser's default behavior with the following code:
+We can prevent these default behaviors and let our game handle the input instead. This is similar to how early computer programmers had to override system interrupts to create custom behaviors – we're just doing it at the browser level. Here's how:
 
 ```javascript
-let onKeyDown = function (e) {
+const onKeyDown = function (e) {
   console.log(e.keyCode);
   switch (e.keyCode) {
     case 37:
@@ -88,27 +192,83 @@ let onKeyDown = function (e) {
 window.addEventListener('keydown', onKeyDown);
 ```
 
-This code ensures that the arrow keys and the spacebar have their *default* behavior disabled. The disabling happens when we call `e.preventDefault()`.
+**Understanding this prevention code:**
+- **Checks** for specific key codes that might cause unwanted browser behavior
+- **Prevents** the default browser action for arrow keys and spacebar
+- **Allows** other keys to function normally
+- **Uses** `e.preventDefault()` to stop the browser's built-in behavior
+
+### 🔄 **Pedagogical Check-in**
+**Event Handling Understanding**: Before moving to automatic movement, ensure you can:
+- ✅ Explain the difference between `keydown` and `keyup` events
+- ✅ Understand why we prevent default browser behaviors
+- ✅ Describe how event listeners connect user input to game logic
+- ✅ Identify which keys might interfere with game controls
 
-## Game-induced movement
+**Quick Self-Test**: What would happen if you didn't prevent default behavior for arrow keys?
+*Answer: The browser would scroll the page, interfering with game movement*
 
-Objects can move on their own using timers like `setTimeout()` or `setInterval()`. These functions update the object's location at regular intervals. Here’s an example:
+**Event System Architecture**: You now understand:
+- **Window-level listening**: Capturing events at the browser level
+- **Event object properties**: `key` strings vs `keyCode` numbers
+- **Default prevention**: Stopping unwanted browser behaviors
+- **Conditional logic**: Responding to specific key combinations
+
+## Game induced movement
+
+Now let's talk about objects that move without player input. Think about enemy ships cruising across the screen, bullets flying in straight lines, or clouds drifting in the background. This autonomous movement makes your game world feel alive even when nobody's touching the controls.
+
+We use JavaScript's built-in timers to update positions at regular intervals. This concept is similar to how pendulum clocks work – a regular mechanism that triggers consistent, timed actions. Here's how simple it can be:
 
 ```javascript
-let id = setInterval(() => {
-  //move the enemy on the y axis
+const id = setInterval(() => {
+  // Move the enemy on the y axis
   enemy.y += 10;
-})
+}, 100);
 ```
 
+**Here's what this movement code does:**
+- **Creates** a timer that runs every 100 milliseconds
+- **Updates** the enemy's y-coordinate by 10 pixels each time
+- **Stores** the interval ID so we can stop it later if needed
+- **Moves** the enemy downward on the screen automatically
+
 ## The game loop
 
-The game loop is a fundamental concept in game development. It’s essentially a function that runs at regular intervals, drawing everything that should be visible to the player. The game loop processes all game objects, drawing them unless they’re no longer part of the game (e.g., an enemy destroyed by a laser).
+Here's the concept that ties everything together – the game loop. If your game were a movie, the game loop would be the film projector, showing frame after frame so fast that everything appears to move smoothly.
 
-Here’s an example of a typical game loop in code:
+Every game has one of these loops running behind the scenes. It's a function that updates all game objects, redraws the screen, and repeats this process continuously. This keeps track of your hero, all the enemies, any lasers flying around – the entire game state.
 
+This concept reminds me of how early film animators like Walt Disney had to redraw characters frame by frame to create the illusion of movement. We're doing the same thing, just with code instead of pencils.
+
+Here's what a game loop can typically look like, expressed in code:
+
+```mermaid
+flowchart TD
+    A["Start Game Loop"] --> B["Clear Canvas"]
+    B --> C["Fill Background"]
+    C --> D["Update Game Objects"]
+    D --> E["Draw Hero"]
+    E --> F["Draw Enemies"]
+    F --> G["Draw UI Elements"]
+    G --> H["Wait for Next Frame"]
+    H --> I{Game Running?}
+    I -->|Yes| B
+    I -->|No| J["End Game"]
+    
+    subgraph "Frame Rate Control"
+        K["60 FPS = 16.67ms"]
+        L["30 FPS = 33.33ms"]
+        M["10 FPS = 100ms"]
+    end
+    
+    style B fill:#ffebee
+    style D fill:#e1f5fe
+    style E fill:#e8f5e8
+    style F fill:#e8f5e8
+```
 ```javascript
-let gameLoopId = setInterval(() =>
+const gameLoopId = setInterval(() => {
   function gameLoop() {
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     ctx.fillStyle = "black";
@@ -116,21 +276,33 @@ let gameLoopId = setInterval(() =>
     drawHero();
     drawEnemies();
     drawStaticObjects();
+  }
+  gameLoop();
 }, 200);
 ```
 
-This loop runs every `200` milliseconds to redraw the canvas. You can adjust the interval to suit your game’s needs.
+**Understanding the game loop structure:**
+- **Clears** the entire canvas to remove the previous frame
+- **Fills** the background with a solid color
+- **Draws** all game objects in their current positions
+- **Repeats** this process every 200 milliseconds to create smooth animation
+- **Manages** the frame rate by controlling the interval timing
 
 ## Continuing the Space Game
 
-You’ll build on the existing code. Start with the code you completed in Part I, or use the code provided in [Part II - starter](../../../../6-space-game/3-moving-elements-around/your-work).
+Now we'll add movement to the static scene you built previously. We're going to transform it from a screenshot into an interactive experience. We'll work through this step by step to ensure each piece builds on the last.
+
+Grab the code from where we left off in the previous lesson (or start with the code in the [Part II- starter](../../../../6-space-game/3-moving-elements-around/your-work) folder if you need a fresh start).
+
+**Here's what we're building today:**
+- **Hero controls**: Arrow keys will pilot your spaceship around the screen
+- **Enemy movement**: Those alien ships will start their advance
 
-- **Move the hero**: Add code to allow the hero to move using the arrow keys.
-- **Move enemies**: Add code to make the enemies move from top to bottom at a set speed.
+Let's begin implementing these features.
 
 ## Recommended steps
 
-Locate the files in the `your-work` folder. It should contain the following:
+Locate the files that have been created for you in the `your-work` sub folder. It should contain the following:
 
 ```bash
 -| assets
@@ -141,25 +313,29 @@ Locate the files in the `your-work` folder. It should contain the following:
 -| package.json
 ```
 
-Start your project by navigating to the `your_work` folder and typing:
+You start your project in the `your-work` folder by typing:
 
 ```bash
 cd your-work
 npm start
 ```
 
-This will start an HTTP server at `http://localhost:5000`. Open a browser and navigate to that address. At this point, you should see the hero and enemies on the screen, but nothing is moving—yet!
+**What this command does:**
+- **Navigates** to your project directory
+- **Starts** a HTTP Server on address `http://localhost:5000`
+- **Serves** your game files so you can test them in a browser
+
+The above will start a HTTP Server on address `http://localhost:5000`. Open up a browser and input that address, right now it should render the hero and all the enemies; nothing is moving - yet!
 
 ### Add code
 
-1. **Create dedicated objects** for `hero`, `enemy`, and `game object`. These should have `x` and `y` properties. (Refer to the section on [Inheritance or composition](../README.md)).
+1. **Add dedicated objects** for `hero` and `enemy` and `game object`, they should have `x` and `y` properties. (Remember the portion on [Inheritance or composition](../README.md)).
 
-   *HINT*: The `game object` should include `x` and `y` properties and the ability to draw itself on the canvas.
+   *HINT* `game object` should be the one with `x` and `y` and the ability to draw itself to a canvas.
 
-   > Tip: Start by creating a `GameObject` class with the following constructor, and then draw it on the canvas:
+   > **Tip**: Start by adding a new `GameObject` class with its constructor delineated as below, and then draw it to the canvas:
 
-   ```javascript
-        
+    ```javascript
     class GameObject {
       constructor(x, y) {
         this.x = x;
@@ -177,145 +353,234 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
     }
     ```
 
-   Next, extend the `GameObject` class to create the `Hero` and `Enemy` classes:
+    **Understanding this base class:**
+    - **Defines** common properties that all game objects share (position, size, image)
+    - **Includes** a `dead` flag to track whether the object should be removed
+    - **Provides** a `draw()` method that renders the object on the canvas
+    - **Sets** default values for all properties that child classes can override
 
-   ```javascript
+```mermaid
+classDiagram
+    class GameObject {
+        +x: number
+        +y: number
+        +dead: boolean
+        +type: string
+        +width: number
+        +height: number
+        +img: Image
+        +draw(ctx)
+    }
+    
+    class Hero {
+        +speed: number
+        +type: "Hero"
+        +width: 98
+        +height: 75
+    }
+    
+    class Enemy {
+        +type: "Enemy"
+        +width: 98
+        +height: 50
+        +setInterval()
+    }
+    
+    GameObject <|-- Hero
+    GameObject <|-- Enemy
+    
+    class EventEmitter {
+        +listeners: object
+        +on(message, listener)
+        +emit(message, payload)
+    }
+```
+    Now, extend this `GameObject` to create the `Hero` and `Enemy`:
+    
+    ```javascript
     class Hero extends GameObject {
       constructor(x, y) {
-        ...it needs an x, y, type, and speed
+        super(x, y);
+        this.width = 98;
+        this.height = 75;
+        this.type = "Hero";
+        this.speed = 5;
       }
     }
     ```
 
-   ```javascript
+    ```javascript
     class Enemy extends GameObject {
       constructor(x, y) {
         super(x, y);
-        (this.width = 98), (this.height = 50);
+        this.width = 98;
+        this.height = 50;
         this.type = "Enemy";
-        let id = setInterval(() => {
+        const id = setInterval(() => {
           if (this.y < canvas.height - this.height) {
             this.y += 5;
           } else {
-            console.log('Stopped at', this.y)
+            console.log('Stopped at', this.y);
             clearInterval(id);
           }
-        }, 300)
+        }, 300);
       }
     }
     ```
 
-2. **Add key-event handlers** to handle navigation (move the hero up, down, left, and right).
+    **Key concepts in these classes:**
+    - **Inherits** from `GameObject` using the `extends` keyword
+    - **Calls** the parent constructor with `super(x, y)`
+    - **Sets** specific dimensions and properties for each object type
+    - **Implements** automatic movement for enemies using `setInterval()`
 
-   *REMEMBER*: The coordinate system starts at the top-left corner, which is `(0, 0)`. Also, don’t forget to disable the default browser behavior.
+2. **Add key-event handlers** to handle key navigation (move hero up/down left/right)
 
-   > Tip: Create an `onKeyDown` function and attach it to the window:
+   *REMEMBER* it's a cartesian system, top-left is `0,0`. Also remember to add code to stop *default behavior*
 
-   ```javascript
-    let onKeyDown = function (e) {
-	      console.log(e.keyCode);
-	        ...add the code from the lesson above to stop default behavior
-	      }
-    };
+   > **Tip**: Create your `onKeyDown` function and attach it to the window:
 
-    window.addEventListener("keydown", onKeyDown);
+   ```javascript
+   const onKeyDown = function (e) {
+     console.log(e.keyCode);
+     // Add the code from the lesson above to stop default behavior
+     switch (e.keyCode) {
+       case 37:
+       case 39:
+       case 38:
+       case 40: // Arrow keys
+       case 32:
+         e.preventDefault();
+         break; // Space
+       default:
+         break; // do not block other keys
+     }
+   };
+
+   window.addEventListener("keydown", onKeyDown);
    ```
+    
+   **What this event handler does:**
+   - **Listens** for keydown events on the entire window
+   - **Logs** the key code to help you debug which keys are being pressed
+   - **Prevents** default browser behavior for arrow keys and spacebar
+   - **Allows** other keys to function normally
+   
+   Check your browser console at this point, and watch the keystrokes being logged. 
 
-   Check your browser console to see the keystrokes being logged.
+3. **Implement** the [Pub sub pattern](../README.md), this will keep your code clean as you follow the remaining parts.
 
-3. **Implement** the [Pub-Sub pattern](../README.md) to keep your code clean as you continue building the game.
+   The Publish-Subscribe pattern helps organize your code by separating event detection from event handling. This makes your code more modular and easier to maintain.
 
-   To do this, follow these steps:
+   To do this last part, you can:
 
-   1. **Add an event listener** to the window:
+   1. **Add an event listener** on the window:
 
        ```javascript
-        window.addEventListener("keyup", (evt) => {
-          if (evt.key === "ArrowUp") {
-            eventEmitter.emit(Messages.KEY_EVENT_UP);
-          } else if (evt.key === "ArrowDown") {
-            eventEmitter.emit(Messages.KEY_EVENT_DOWN);
-          } else if (evt.key === "ArrowLeft") {
-            eventEmitter.emit(Messages.KEY_EVENT_LEFT);
-          } else if (evt.key === "ArrowRight") {
-            eventEmitter.emit(Messages.KEY_EVENT_RIGHT);
-          }
-        });
-        ```
-
-   2. **Create an EventEmitter class** to manage publishing and subscribing to messages:
+       window.addEventListener("keyup", (evt) => {
+         if (evt.key === "ArrowUp") {
+           eventEmitter.emit(Messages.KEY_EVENT_UP);
+         } else if (evt.key === "ArrowDown") {
+           eventEmitter.emit(Messages.KEY_EVENT_DOWN);
+         } else if (evt.key === "ArrowLeft") {
+           eventEmitter.emit(Messages.KEY_EVENT_LEFT);
+         } else if (evt.key === "ArrowRight") {
+           eventEmitter.emit(Messages.KEY_EVENT_RIGHT);
+         }
+       });
+       ```
+
+   **What this event system does:**
+   - **Detects** keyboard input and converts it to custom game events
+   - **Separates** input detection from game logic
+   - **Makes** it easy to change controls later without affecting game code
+   - **Allows** multiple systems to respond to the same input
+
+```mermaid
+flowchart TD
+    A["Keyboard Input"] --> B["Window Event Listener"]
+    B --> C["Event Emitter"]
+    C --> D["KEY_EVENT_UP"]
+    C --> E["KEY_EVENT_DOWN"]
+    C --> F["KEY_EVENT_LEFT"]
+    C --> G["KEY_EVENT_RIGHT"]
+    
+    D --> H["Hero Movement"]
+    D --> I["Sound System"]
+    D --> J["Visual Effects"]
+    
+    E --> H
+    F --> H
+    G --> H
+    
+    style A fill:#e1f5fe
+    style C fill:#e8f5e8
+    style H fill:#fff3e0
+```
+   2. **Create an EventEmitter class** to publish and subscribe to messages:
 
        ```javascript
-        class EventEmitter {
-          constructor() {
-            this.listeners = {};
-          }
-        
-          on(message, listener) {
-            if (!this.listeners[message]) {
-              this.listeners[message] = [];
-            }
-            this.listeners[message].push(listener);
-          }
-        
-          emit(message, payload = null) {
-            if (this.listeners[message]) {
-              this.listeners[message].forEach((l) => l(message, payload));
-            }
-          }
-        }
-        ```
-
+       class EventEmitter {
+         constructor() {
+           this.listeners = {};
+         }
+       
+         on(message, listener) {
+           if (!this.listeners[message]) {
+             this.listeners[message] = [];
+           }
+           this.listeners[message].push(listener);
+         }
+       
    3. **Add constants** and set up the EventEmitter:
 
        ```javascript
-        const Messages = {
-          KEY_EVENT_UP: "KEY_EVENT_UP",
-          KEY_EVENT_DOWN: "KEY_EVENT_DOWN",
-          KEY_EVENT_LEFT: "KEY_EVENT_LEFT",
-          KEY_EVENT_RIGHT: "KEY_EVENT_RIGHT",
-        };
-        
-        let heroImg, 
-            enemyImg, 
-            laserImg,
-            canvas, ctx, 
-            gameObjects = [], 
-            hero, 
-            eventEmitter = new EventEmitter();
-        ```
-
-   4. **Initialize the game**:
-
+       const Messages = {
+         KEY_EVENT_UP: "KEY_EVENT_UP",
+         KEY_EVENT_DOWN: "KEY_EVENT_DOWN",
+         KEY_EVENT_LEFT: "KEY_EVENT_LEFT",
+         KEY_EVENT_RIGHT: "KEY_EVENT_RIGHT",
+       };
+       
+       let heroImg, 
+           enemyImg, 
+           laserImg,
+           canvas, ctx, 
+           gameObjects = [], 
+           hero, 
+           eventEmitter = new EventEmitter();
+       ```
+
+   **Understanding the setup:**
+   - **Defines** message constants to avoid typos and make refactoring easier
+   - **Declares** variables for images, canvas context, and game state
+   - **Creates** a global event emitter for the pub-sub system
+   - **Initializes** an array to hold all game objects
+
+   4. **Initialize the game**
        ```javascript
-    function initGame() {
-      gameObjects = [];
-      createEnemies();
-      createHero();
-    
-      eventEmitter.on(Messages.KEY_EVENT_UP, () => {
-        hero.y -=5 ;
-      })
-    
-      eventEmitter.on(Messages.KEY_EVENT_DOWN, () => {
-        hero.y += 5;
-      });
-    
-      eventEmitter.on(Messages.KEY_EVENT_LEFT, () => {
-        hero.x -= 5;
-      });
-    
-      eventEmitter.on(Messages.KEY_EVENT_RIGHT, () => {
-        hero.x += 5;
-      });
-    }
-    ```
-
-4. **Set up the game loop**
-
-   Refactor the `window.onload` function to initialize the game and set up a game loop with an appropriate interval. Add a laser beam as well:
-
-   ```javascript
+       function initGame() {
+         gameObjects = [];
+         createEnemies();
+         createHero();
+       
+         eventEmitter.on(Messages.KEY_EVENT_UP, () => {
+           hero.y -= 5;
+         });
+       
+         eventEmitter.on(Messages.KEY_EVENT_DOWN, () => {
+           hero.y += 5;
+         });
+       
+         eventEmitter.on(Messages.KEY_EVENT_LEFT, () => {
+           hero.x -= 5;
+         });
+       
+4. **Setup the game loop**
+
+   Refactor the `window.onload` function to initialize the game and set up a game loop on a good interval. You'll also add a laser beam:
+
+    ```javascript
     window.onload = async () => {
       canvas = document.getElementById("canvas");
       ctx = canvas.getContext("2d");
@@ -324,21 +589,27 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
       laserImg = await loadTexture("assets/laserRed.png");
     
       initGame();
-      let gameLoopId = setInterval(() => {
+      const gameLoopId = setInterval(() => {
         ctx.clearRect(0, 0, canvas.width, canvas.height);
         ctx.fillStyle = "black";
         ctx.fillRect(0, 0, canvas.width, canvas.height);
         drawGameObjects(ctx);
-      }, 100)
-      
+      }, 100);
     };
     ```
 
-5. **Move enemies at intervals**
+   **Understanding the game setup:**
+   - **Waits** for the page to load completely before starting
+   - **Gets** the canvas element and its 2D rendering context
+   - **Loads** all image assets asynchronously using `await`
+   - **Starts** the game loop running at 100ms intervals (10 FPS)
+   - **Clears** and redraws the entire screen each frame
 
-   Refactor the `createEnemies()` function to generate enemies and add them to the new `gameObjects` class:
+5. **Add code** to move enemies at a certain interval
 
-   ```javascript
+    Refactor the `createEnemies()` function to create the enemies and push them into the new gameObjects class:
+
+    ```javascript
     function createEnemies() {
       const MONSTER_TOTAL = 5;
       const MONSTER_WIDTH = MONSTER_TOTAL * 98;
@@ -355,9 +626,71 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
     }
     ```
 
-   Create a `createHero()` function to do the same for the hero:
+    **What the enemy creation does:**
+    - **Calculates** positions to center enemies on the screen
+    - **Creates** a grid of enemies using nested loops
+    - **Assigns** the enemy image to each enemy object
+    - **Adds** each enemy to the global game objects array
+    
+    and add a `createHero()` function to do a similar process for the hero.
+    
+    ```javascript
+    function createHero() {
+      hero = new Hero(
+        canvas.width / 2 - 45,
+        canvas.height - canvas.height / 4
+      );
+      hero.img = heroImg;
+      gameObjects.push(hero);
+    }
+    ```
 
-   ```javascript
+    **What the hero creation does:**
+    - **Positions** the hero at the bottom center of the screen
+    - **Assigns** the hero image to the hero object
+    - **Adds** the hero to the game objects array for rendering
+
+    and finally, add a `drawGameObjects()` function to start the drawing:
+
+    ```javascript
+    function drawGameObjects(ctx) {
+      gameObjects.forEach(go => go.draw(ctx));
+    }
+    ```
+
+    **Understanding the drawing function:**
+    - **Iterates** through all game objects in the array
+    - **Calls** the `draw()` method on each object
+    - **Passes** the canvas context so objects can render themselves
+
+    ### 🔄 **Pedagogical Check-in**
+    **Complete Game System Understanding**: Verify your mastery of the entire architecture:
+    - ✅ How does inheritance allow Hero and Enemy to share common GameObject properties?
+    - ✅ Why does the pub/sub pattern make your code more maintainable?
+    - ✅ What role does the game loop play in creating smooth animation?
+    - ✅ How do event listeners connect user input to game object behavior?
+
+    **System Integration**: Your game now demonstrates:
+    - **Object-Oriented Design**: Base classes with specialized inheritance
+    - **Event-Driven Architecture**: Pub/sub pattern for loose coupling
+    - **Animation Framework**: Game loop with consistent frame updates
+    - **Input Handling**: Keyboard events with default prevention
+    - **Asset Management**: Image loading and sprite rendering
+
+    **Professional Patterns**: You've implemented:
+    - **Separation of Concerns**: Input, logic, and rendering separated
+    - **Polymorphism**: All game objects share common drawing interface
+    - **Message Passing**: Clean communication between components
+    - **Resource Management**: Efficient sprite and animation handling
+
+    Your enemies should start advancing on your hero spaceship!
+      }
+    }
+    ```
+    
+    and add a `createHero()` function to do a similar process for the hero.
+    
+    ```javascript
     function createHero() {
       hero = new Hero(
         canvas.width / 2 - 45,
@@ -368,21 +701,45 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
     }
     ```
 
-   Finally, add a `drawGameObjects()` function to start drawing:
+    and finally, add a `drawGameObjects()` function to start the drawing:
 
-   ```javascript
+    ```javascript
     function drawGameObjects(ctx) {
       gameObjects.forEach(go => go.draw(ctx));
     }
     ```
 
-   Your enemies should now begin advancing toward your hero spaceship!
+    Your enemies should start advancing on your hero spaceship!
 
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Here's a challenge that will improve your game's polish: adding boundaries and smooth controls. Currently, your hero can fly off the screen, and the movement might feel choppy.
+
+**Your Mission:** Make your spaceship feel more realistic by implementing screen boundaries and fluid movement. This is similar to how NASA's flight control systems prevent spacecraft from exceeding safe operational parameters.
+
+**Here's what to build:** Create a system that keeps your hero spaceship on screen, and make the controls feel smooth. When players hold down an arrow key, the ship should glide continuously rather than moving in discrete steps. Consider adding visual feedback when the ship reaches screen boundaries – perhaps a subtle effect to indicate the edge of the play area.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-As you’ve seen, adding more functions, variables, and classes can lead to 'spaghetti code.' How can you better organize your code to make it more readable? Sketch out a system for organizing your code, even if it’s still in a single file.
+Code organization becomes increasingly important as projects grow. You might have noticed your file getting crowded with functions, variables, and classes all mixed together. This reminds me of how the engineers organizing the Apollo mission code had to create clear, maintainable systems that multiple teams could work on simultaneously.
+
+**Your mission:**
+Think like a software architect. How would you organize your code so that six months from now, you (or a teammate) could understand what's happening? Even if everything stays in one file for now, you can create better organization:
+
+- **Grouping related functions** together with clear comment headers
+- **Separating concerns** - keep game logic separate from rendering
+- **Using consistent naming** conventions for variables and functions
+- **Creating modules** or namespaces to organize different aspects of your game
+- **Adding documentation** that explains the purpose of each major section
+
+**Reflection questions:**
+- Which parts of your code are hardest to understand when you come back to them?
+- How could you organize your code to make it easier for someone else to contribute?
+- What would happen if you wanted to add new features like power-ups or different enemy types?
 
 ## Post-Lecture Quiz
 
@@ -390,7 +747,135 @@ As you’ve seen, adding more functions, variables, and classes can lead to 'spa
 
 ## Review & Self Study
 
-While we’re building this game without frameworks, there are many JavaScript-based canvas frameworks for game development. Take some time to [read about these](https://github.com/collections/javascript-game-engines).
+We've been building everything from scratch, which is fantastic for learning, but here's a little secret – there are some amazing JavaScript frameworks out there that can handle a lot of the heavy lifting for you. Once you feel comfortable with the fundamentals we've covered, it's worth [exploring what's available](https://github.com/collections/javascript-game-engines).
+
+Think of frameworks like having a well-stocked toolbox instead of making every tool by hand. They can solve many of those code organization challenges we talked about, plus offer features that would take weeks to build yourself.
+
+**Things worth exploring:**
+- How game engines organize code – you'll be amazed at the clever patterns they use
+- Performance tricks for making canvas games run butter-smooth  
+- Modern JavaScript features that can make your code cleaner and more maintainable
+- Different approaches to managing game objects and their relationships
+
+## 🎯 Your Game Animation Mastery Timeline
+
+```mermaid
+timeline
+    title Game Animation & Interaction Learning Progression
+    
+    section Movement Fundamentals (20 minutes)
+        Animation Principles: Frame-based animation
+                            : Position updates
+                            : Coordinate systems
+                            : Smooth movement
+        
+    section Event Systems (25 minutes)
+        User Input: Keyboard event handling
+                  : Default behavior prevention
+                  : Event object properties
+                  : Window-level listening
+        
+    section Game Architecture (30 minutes)
+        Object Design: Inheritance patterns
+                     : Base class creation
+                     : Specialized behaviors
+                     : Polymorphic interfaces
+        
+    section Communication Patterns (35 minutes)
+        Pub/Sub Implementation: Event emitters
+                              : Message constants
+                              : Loose coupling
+                              : System integration
+        
+    section Game Loop Mastery (40 minutes)
+        Real-time Systems: Frame rate control
+                         : Update/render cycle
+                         : State management
+                         : Performance optimization
+        
+    section Advanced Techniques (45 minutes)
+        Professional Features: Collision detection
+                             : Physics simulation
+                             : State machines
+                             : Component systems
+        
+    section Game Engine Concepts (1 week)
+        Framework Understanding: Entity-component systems
+                               : Scene graphs
+                               : Asset pipelines
+                               : Performance profiling
+        
+    section Production Skills (1 month)
+        Professional Development: Code organization
+                                : Team collaboration
+                                : Testing strategies
+                                : Deployment optimization
+```
+### 🛠️ Your Game Development Toolkit Summary
+
+After completing this lesson, you now have mastered:
+- **Animation Principles**: Frame-based movement and smooth transitions
+- **Event-Driven Programming**: Keyboard input handling with proper event management
+- **Object-Oriented Design**: Inheritance hierarchies and polymorphic interfaces
+- **Communication Patterns**: Pub/sub architecture for maintainable code
+- **Game Loop Architecture**: Real-time update and rendering cycles
+- **Input Systems**: User control mapping with default behavior prevention
+- **Asset Management**: Sprite loading and efficient rendering techniques
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open the browser console and try `addEventListener('keydown', console.log)` to see keyboard events
+- [ ] Create a simple div element and move it around using arrow keys
+- [ ] Experiment with `setInterval` to create continuous movement
+- [ ] Try preventing default behavior with `event.preventDefault()`
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand event-driven programming
+- [ ] Build the moving hero spaceship with full keyboard controls
+- [ ] Implement smooth enemy movement patterns
+- [ ] Add boundaries to prevent game objects from leaving the screen
+- [ ] Create basic collision detection between game objects
+
+### 📅 **Your Week-Long Animation Journey**
+- [ ] Complete the full space game with polished movement and interactions
+- [ ] Add advanced movement patterns like curves, acceleration, and physics
+- [ ] Implement smooth transitions and easing functions
+- [ ] Create particle effects and visual feedback systems
+- [ ] Optimize game performance for smooth 60fps gameplay
+- [ ] Add mobile touch controls and responsive design
+
+### 🌟 **Your Month-Long Interactive Development**
+- [ ] Build complex interactive applications with advanced animation systems
+- [ ] Learn animation libraries like GSAP or create your own animation engine
+- [ ] Contribute to open source game development and animation projects
+- [ ] Master performance optimization for graphics-intensive applications
+- [ ] Create educational content about game development and animation
+- [ ] Build a portfolio showcasing advanced interactive programming skills
+
+**Real-World Applications**: Your game animation skills apply directly to:
+- **Interactive Web Applications**: Dynamic dashboards and real-time interfaces
+- **Data Visualization**: Animated charts and interactive graphics
+- **Educational Software**: Interactive simulations and learning tools
+- **Mobile Development**: Touch-based games and gesture handling
+- **Desktop Applications**: Electron apps with smooth animations
+- **Web Animations**: CSS and JavaScript animation libraries
+
+**Professional Skills Gained**: You can now:
+- **Architect** event-driven systems that scale with complexity
+- **Implement** smooth animations using mathematical principles
+- **Debug** complex interaction systems using browser developer tools
+- **Optimize** game performance for different devices and browsers
+- **Design** maintainable code structures using proven patterns
+
+**Game Development Concepts Mastered**:
+- **Frame Rate Management**: Understanding FPS and timing controls
+- **Input Handling**: Cross-platform keyboard and event systems
+- **Object Lifecycle**: Creation, update, and destruction patterns
+- **State Synchronization**: Keeping game state consistent across frames
+- **Event Architecture**: Decoupled communication between game systems
+
+**Next Level**: You're ready to add collision detection, scoring systems, sound effects, or explore modern game frameworks like Phaser or Three.js!
+
+🌟 **Achievement Unlocked**: You've built a complete interactive game system with professional architecture patterns!
 
 ## Assignment
 
@@ -398,5 +883,7 @@ While we’re building this game without frameworks, there are many JavaScript-b
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, a professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/3-moving-elements-around/assignment.md b/translations/en/6-space-game/3-moving-elements-around/assignment.md
index 3070d5991..7593b86d8 100644
--- a/translations/en/6-space-game/3-moving-elements-around/assignment.md
+++ b/translations/en/6-space-game/3-moving-elements-around/assignment.md
@@ -1,25 +1,29 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "ccfcd8c2932761359fbaff3d6b01ace4",
-  "translation_date": "2025-08-28T11:33:10+00:00",
-  "source_file": "6-space-game/3-moving-elements-around/assignment.md",
-  "language_code": "en"
-}
--->
 # Comment Your Code
 
 ## Instructions
 
-Review your current /app.js file in your game folder and look for ways to add comments and organize it better. Code can easily become messy, so this is a great opportunity to add comments to make it more readable and easier to work with in the future.
+Clean, well-documented code is essential for maintaining and sharing your projects. In this assignment, you'll practice one of the most important habits of professional developers: writing clear, helpful comments that explain your code's purpose and functionality.
+
+Go over your current `app.js` file in your game folder, and find ways to comment it and tidy it up. It's very easy for code to get out of control, and now's a good chance to add comments to ensure that you have readable code so that you can use it later.
+
+**Your task includes:**
+- **Add comments** explaining what each major section of code does
+- **Document functions** with clear descriptions of their purpose and parameters
+- **Organize code** into logical blocks with section headers
+- **Remove** any unused or redundant code
+- **Use consistent** naming conventions for variables and functions
 
 ## Rubric
 
-| Criteria | Outstanding                                                       | Satisfactory                         | Needs Improvement                                              |
-| -------- | ----------------------------------------------------------------- | ------------------------------------ | -------------------------------------------------------------- |
-|          | `app.js` code is thoroughly commented and structured into clear sections | `app.js` code has sufficient comments | `app.js` code is somewhat unorganized and lacks meaningful comments |
+| Criteria | Exemplary | Adequate | Needs Improvement |
+| -------- | --------- | -------- | ----------------- |
+| **Code Documentation** | `app.js` code is fully commented with clear, helpful explanations for all major sections and functions | `app.js` code is adequately commented with basic explanations for most sections | `app.js` code has minimal comments and lacks clear explanations |
+| **Code Organization** | Code is organized into logical blocks with clear section headers and consistent structure | Code has some organization with basic grouping of related functionality | Code is somewhat disorganized and difficult to follow |
+| **Code Quality** | All variables and functions use descriptive names, no unused code, follows consistent conventions | Most code follows good naming practices with minimal unused code | Variable names are unclear, contains unused code, inconsistent style |
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/4-collision-detection/README.md b/translations/en/6-space-game/4-collision-detection/README.md
index 435cdec6f..45e16dfad 100644
--- a/translations/en/6-space-game/4-collision-detection/README.md
+++ b/translations/en/6-space-game/4-collision-detection/README.md
@@ -1,131 +1,316 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a6ce295ff03bb49df7a3e17e6e7100a0",
-  "translation_date": "2025-08-29T13:21:09+00:00",
-  "source_file": "6-space-game/4-collision-detection/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 4: Adding A Laser and Detect Collisions
 
+```mermaid
+journey
+    title Your Collision Detection Journey
+    section Physics Foundation
+      Understand rectangles: 3: Student
+      Learn intersection math: 4: Student
+      Grasp coordinate systems: 4: Student
+    section Game Mechanics
+      Implement laser firing: 4: Student
+      Add object lifecycle: 5: Student
+      Create collision rules: 5: Student
+    section System Integration
+      Build collision detection: 5: Student
+      Optimize performance: 5: Student
+      Test interaction systems: 5: Student
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/35)
 
-In this lesson, you'll learn how to shoot lasers using JavaScript! We'll add two features to our game:
+Think about the moment in Star Wars when Luke's proton torpedoes hit the Death Star's exhaust port. That precise collision detection changed the fate of the galaxy! In games, collision detection works the same way - it determines when objects interact and what happens next.
+
+In this lesson, you'll add laser weapons to your space game and implement collision detection. Just like NASA's mission planners calculate spacecraft trajectories to avoid debris, you'll learn to detect when game objects intersect. We'll break this down into manageable steps that build on each other.
+
+By the end, you'll have a functioning combat system where lasers destroy enemies and collisions trigger game events. These same collision principles are used in everything from physics simulations to interactive web interfaces.
+
+```mermaid
+mindmap
+  root((Collision Detection))
+    Physics Concepts
+      Rectangle Boundaries
+      Intersection Testing
+      Coordinate Systems
+      Separation Logic
+    Game Objects
+      Laser Projectiles
+      Enemy Ships
+      Hero Character
+      Collision Zones
+    Lifecycle Management
+      Object Creation
+      Movement Updates
+      Destruction Marking
+      Memory Cleanup
+    Event Systems
+      Keyboard Input
+      Collision Events
+      Game State Changes
+      Audio/Visual Effects
+    Performance
+      Efficient Algorithms
+      Frame Rate Optimization
+      Memory Management
+      Spatial Partitioning
+```
+✅ Do a little research on the very first computer game ever written. What was its functionality?
 
-- **A laser**: This laser will be fired from your hero's ship and move vertically upward.
-- **Collision detection**: As part of implementing the ability to *shoot*, we'll also introduce some exciting game rules:
-   - **Laser hits enemy**: The enemy is destroyed if hit by a laser.
-   - **Laser hits top of the screen**: The laser is removed if it reaches the top of the screen.
-   - **Enemy and hero collision**: Both the enemy and the hero are destroyed if they collide.
-   - **Enemy reaches the bottom of the screen**: Both the enemy and the hero are destroyed if the enemy reaches the bottom of the screen.
+## Collision detection
 
-In short, you -- *the hero* -- must destroy all enemies with your laser before they reach the bottom of the screen.
+Collision detection works like the proximity sensors on the Apollo lunar module - it constantly checks distances and triggers alerts when objects get too close. In games, this system determines when objects interact and what should happen next.
 
-✅ Do a little research on the very first computer game ever created. What was its functionality?
+The approach we'll use treats every game object as a rectangle, similar to how air traffic control systems use simplified geometric shapes to track aircraft. This rectangular method might seem basic, but it's computationally efficient and works well for most game scenarios.
 
-Let's be heroic together!
+### Rectangle representation
 
-## Collision detection
+Every game object needs coordinate boundaries, similar to how the Mars Pathfinder rover mapped its location on the Martian surface. Here's how we define these boundary coordinates:
+
+```mermaid
+flowchart TD
+    A["🎯 Game Object"] --> B["📍 Position (x, y)"]
+    A --> C["📏 Dimensions (width, height)"]
+    
+    B --> D["Top: y"]
+    B --> E["Left: x"]
+    
+    C --> F["Bottom: y + height"]
+    C --> G["Right: x + width"]
+    
+    D --> H["🔲 Rectangle Bounds"]
+    E --> H
+    F --> H
+    G --> H
+    
+    H --> I["Collision Detection Ready"]
+    
+    style A fill:#e3f2fd
+    style H fill:#e8f5e8
+    style I fill:#fff3e0
+```
+```javascript
+rectFromGameObject() {
+  return {
+    top: this.y,
+    left: this.x,
+    bottom: this.y + this.height,
+    right: this.x + this.width
+  }
+}
+```
+
+**Let's break this down:**
+- **Top edge**: That's just where your object starts vertically (its y position)
+- **Left edge**: Where it starts horizontally (its x position) 
+- **Bottom edge**: Add the height to the y position - now you know where it ends!
+- **Right edge**: Add the width to the x position - and you've got the complete boundary
 
-How do we detect collisions? We need to think of our game objects as rectangles moving around. Why rectangles, you ask? Because the image used to represent a game object is essentially a rectangle: it has an `x`, `y`, `width`, and `height`.
+### Intersection algorithm
 
-If two rectangles, such as the hero and an enemy, *intersect*, a collision occurs. What happens next depends on the rules of the game. To implement collision detection, you'll need the following:
+Detecting rectangle intersections uses logic similar to how the Hubble Space Telescope determines if celestial objects are overlapping in its field of view. The algorithm checks for separation:
 
-1. A way to represent a game object as a rectangle, like this:
+```mermaid
+flowchart LR
+    A["Rectangle 1"] --> B{"Separation Tests"}
+    C["Rectangle 2"] --> B
+    
+    B --> D["R2 left > R1 right?"]
+    B --> E["R2 right < R1 left?"]
+    B --> F["R2 top > R1 bottom?"]
+    B --> G["R2 bottom < R1 top?"]
+    
+    D --> H{"Any True?"}
+    E --> H
+    F --> H
+    G --> H
+    
+    H -->|Yes| I["❌ No Collision"]
+    H -->|No| J["✅ Collision Detected"]
+    
+    style B fill:#e3f2fd
+    style I fill:#ffebee
+    style J fill:#e8f5e8
+```
+```javascript
+function intersectRect(r1, r2) {
+  return !(r2.left > r1.right ||
+    r2.right < r1.left ||
+    r2.top > r1.bottom ||
+    r2.bottom < r1.top);
+}
+```
 
-   ```javascript
-   rectFromGameObject() {
-     return {
-       top: this.y,
-       left: this.x,
-       bottom: this.y + this.height,
-       right: this.x + this.width
-     }
-   }
-   ```
+**The separation test works like radar systems:**
+- Is rectangle 2 completely to the right of rectangle 1?
+- Is rectangle 2 completely to the left of rectangle 1?
+- Is rectangle 2 completely below rectangle 1?
+- Is rectangle 2 completely above rectangle 1?
 
-2. A function to compare rectangles, which might look like this:
+If none of these conditions are true, the rectangles must be overlapping. This approach mirrors how radar operators determine if two aircraft are at safe distances.
 
-   ```javascript
-   function intersectRect(r1, r2) {
-     return !(r2.left > r1.right ||
-       r2.right < r1.left ||
-       r2.top > r1.bottom ||
-       r2.bottom < r1.top);
-   }
-   ```
+## Managing object lifecycles
 
-## How do we destroy things
+When a laser hits an enemy, both objects need to be removed from the game. However, deleting objects mid-loop can cause crashes - a lesson learned the hard way in early computer systems like the Apollo Guidance Computer. Instead, we use a "mark for deletion" approach that safely removes objects between frames.
 
-To destroy objects in a game, you need to tell the game not to render them anymore during the game loop that runs at regular intervals. One way to do this is to mark a game object as *dead* when something happens, like this:
+```mermaid
+stateDiagram-v2
+    [*] --> Active: Object Created
+    Active --> Collided: Collision Detected
+    Collided --> MarkedDead: Set dead = true
+    MarkedDead --> Filtered: Next Frame
+    Filtered --> [*]: Object Removed
+    
+    Active --> OutOfBounds: Leaves Screen
+    OutOfBounds --> MarkedDead
+    
+    note right of MarkedDead
+        Safe to continue
+        current frame
+    end note
+    
+    note right of Filtered
+        Objects removed
+        between frames
+    end note
+```
+Here's how we mark something for removal:
 
 ```javascript
-// collision happened
-enemy.dead = true
+// Mark object for removal
+enemy.dead = true;
 ```
 
-Then, you can filter out *dead* objects before repainting the screen, like this:
+**Why this approach works:**
+- We mark the object as "dead" but don't delete it right away
+- This lets the current game frame finish safely
+- No crashes from trying to use something that's already gone!
+
+Then filter out marked objects before the next render cycle:
 
 ```javascript
-gameObjects = gameObject.filter(go => !go.dead);
+gameObjects = gameObjects.filter(go => !go.dead);
 ```
 
-## How do we fire a laser
+**What this filtering does:**
+- Creates a fresh list with only the "living" objects
+- Tosses out anything marked as dead
+- Keeps your game running smoothly
+- Prevents memory bloat from accumulating destroyed objects
 
-Firing a laser involves responding to a key event and creating an object that moves in a specific direction. Here's what you'll need to do:
+## Implementing laser mechanics
 
-1. **Create a laser object**: The laser will originate from the top of the hero's ship and start moving upward toward the top of the screen.
-2. **Attach code to a key event**: Choose a key on the keyboard (e.g., the space bar) to represent firing the laser.
-3. **Create a game object that looks like a laser** when the key is pressed.
+Laser projectiles in games work on the same principle as photon torpedoes in Star Trek - they're discrete objects that travel in straight lines until they hit something. Each spacebar press creates a new laser object that moves across the screen.
 
-## Cooldown on our laser
+To make this work, we need to coordinate a few different pieces:
 
-The laser should fire every time you press a key, such as the space bar. To prevent the game from generating too many lasers in a short period, we need to implement a *cooldown*. A cooldown is essentially a timer that ensures the laser can only be fired at specific intervals. You can implement it like this:
+**Key components to implement:**
+- **Create** laser objects that spawn from the hero's position
+- **Handle** keyboard input to trigger laser creation
+- **Manage** laser movement and lifecycle
+- **Implement** visual representation for the laser projectiles
 
+## Implementing firing rate control
+
+Unlimited firing rates would overwhelm the game engine and make gameplay too easy. Real weapon systems face similar constraints - even the USS Enterprise's phasers needed time to recharge between shots.
+
+We'll implement a cooldown system that prevents rapid-fire spamming while maintaining responsive controls:
+
+```mermaid
+sequenceDiagram
+    participant Player
+    participant Weapon
+    participant Cooldown
+    participant Game
+    
+    Player->>Weapon: Press Spacebar
+    Weapon->>Cooldown: Check if cool
+    
+    alt Weapon is Ready
+        Cooldown->>Weapon: cool = true
+        Weapon->>Game: Create Laser
+        Weapon->>Cooldown: Start new cooldown
+        Cooldown->>Cooldown: cool = false
+        
+        Note over Cooldown: Wait 500ms
+        
+        Cooldown->>Cooldown: cool = true
+    else Weapon is Cooling
+        Cooldown->>Weapon: cool = false
+        Weapon->>Player: No action
+    end
+```
 ```javascript
 class Cooldown {
   constructor(time) {
     this.cool = false;
     setTimeout(() => {
       this.cool = true;
-    }, time)
+    }, time);
   }
 }
 
 class Weapon {
-  constructor {
+  constructor() {
+    this.cooldown = null;
   }
+  
   fire() {
     if (!this.cooldown || this.cooldown.cool) {
-      // produce a laser
+      // Create laser projectile
       this.cooldown = new Cooldown(500);
     } else {
-      // do nothing - it hasn't cooled down yet.
+      // Weapon is still cooling down
     }
   }
 }
 ```
 
-✅ Refer to lesson 1 in the space game series to refresh your memory about *cooldowns*.
+**How the cooldown works:**
+- When created, the weapon starts "hot" (can't fire yet)
+- After the timeout period, it becomes "cool" (ready to fire)
+- Before firing, we check: "Is the weapon cool?"
+- This prevents spam-clicking while keeping controls responsive
+
+✅ Refer to lesson 1 in the space game series to remind yourself about cooldowns.
+
+## Building the collision system
+
+You'll extend your existing space game code to create a collision detection system. Like the International Space Station's automated collision avoidance system, your game will continuously monitor object positions and respond to intersections.
+
+Starting from your previous lesson's code, you'll add collision detection with specific rules that govern object interactions.
+
+> 💡 **Pro Tip**: The laser sprite is already included in your assets folder and referenced in your code, ready for implementation.
+
+### Collision rules to implement
+
+**Game mechanics to add:**
+1. **Laser hits enemy**: Enemy object is destroyed when struck by a laser projectile
+2. **Laser hits screen boundary**: Laser is removed when reaching the top edge of the screen
+3. **Enemy and hero collision**: Both objects are destroyed when they intersect
+4. **Enemy reaches bottom**: Game over condition when enemies reach the screen bottom
 
-## What to build
+### 🔄 **Pedagogical Check-in**
+**Collision Detection Foundation**: Before implementing, ensure you understand:
+- ✅ How rectangle boundaries define collision zones
+- ✅ Why separation testing is more efficient than intersection calculation
+- ✅ The importance of object lifecycle management in game loops
+- ✅ How event-driven systems coordinate collision responses
 
-You'll extend the existing code (which you should have cleaned up and refactored) from the previous lesson. You can either start with the code from part II or use the code from [Part III - starter](../../../../../../../../../your-work).
+**Quick Self-Test**: What would happen if you deleted objects immediately instead of marking them?
+*Answer: Mid-loop deletion could cause crashes or skip objects in iteration*
 
-> tip: The laser you'll work with is already in your assets folder and referenced in your code.
+**Physics Understanding**: You now grasp:
+- **Coordinate Systems**: How position and dimensions create boundaries
+- **Intersection Logic**: Mathematical principles behind collision detection
+- **Performance Optimization**: Why efficient algorithms matter in real-time systems
+- **Memory Management**: Safe object lifecycle patterns for stability
 
-- **Add collision detection**: When a laser collides with something, the following rules should apply:
-   1. **Laser hits enemy**: The enemy is destroyed if hit by a laser.
-   2. **Laser hits top of the screen**: The laser is removed if it reaches the top of the screen.
-   3. **Enemy and hero collision**: Both the enemy and the hero are destroyed if they collide.
-   4. **Enemy reaches the bottom of the screen**: Both the enemy and the hero are destroyed if the enemy reaches the bottom of the screen.
+## Setting up your development environment
 
-## Recommended steps
+Good news - we've already set up most of the groundwork for you! All your game assets and basic structure are waiting in the `your-work` subfolder, ready for you to add the cool collision features.
 
-Locate the files created for you in the `your-work` subfolder. It should contain the following:
+### Project structure
 
 ```bash
 -| assets
@@ -137,161 +322,430 @@ Locate the files created for you in the `your-work` subfolder. It should contain
 -| package.json
 ```
 
-Start your project in the `your_work` folder by typing:
+**Understanding the file structure:**
+- **Contains** all sprite images needed for the game objects
+- **Includes** the main HTML document and JavaScript application file
+- **Provides** package configuration for local development server
+
+### Starting the development server
+
+Navigate to your project folder and start the local server:
 
 ```bash
 cd your-work
 npm start
 ```
 
-This will start an HTTP server at `http://localhost:5000`. Open a browser and navigate to that address. At this point, it should display the hero and all the enemies, but nothing is moving yet.
+**This command sequence:**
+- **Changes** directory to your working project folder
+- **Starts** a local HTTP server on `http://localhost:5000`
+- **Serves** your game files for testing and development
+- **Enables** live development with automatic reloading
+
+Open your browser and navigate to `http://localhost:5000` to see your current game state with the hero and enemies rendered on screen.
+
+### Step-by-step implementation
+
+Like the systematic approach NASA used to program the Voyager spacecraft, we'll implement collision detection methodically, building each component step by step.
+
+```mermaid
+flowchart TD
+    A["1. Rectangle Bounds"] --> B["2. Intersection Detection"]
+    B --> C["3. Laser System"]
+    C --> D["4. Event Handling"]
+    D --> E["5. Collision Rules"]
+    E --> F["6. Cooldown System"]
+    
+    G["Object Boundaries"] --> A
+    H["Physics Algorithm"] --> B
+    I["Projectile Creation"] --> C
+    J["Keyboard Input"] --> D
+    K["Game Logic"] --> E
+    L["Rate Limiting"] --> F
+    
+    F --> M["🎮 Complete Game"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+    style M fill:#e1f5fe
+```
+#### 1. Add rectangle collision bounds
+
+First, let's teach our game objects how to describe their boundaries. Add this method to your `GameObject` class:
+
+```javascript
+rectFromGameObject() {
+    return {
+      top: this.y,
+      left: this.x,
+      bottom: this.y + this.height,
+      right: this.x + this.width,
+    };
+  }
+```
+
+**This method accomplishes:**
+- **Creates** a rectangle object with precise boundary coordinates
+- **Calculates** bottom and right edges using position plus dimensions
+- **Returns** an object ready for collision detection algorithms
+- **Provides** a standardized interface for all game objects
+
+#### 2. Implement intersection detection
+
+Now let's create our collision detective - a function that can tell when two rectangles are overlapping:
+
+```javascript
+function intersectRect(r1, r2) {
+  return !(
+    r2.left > r1.right ||
+    r2.right < r1.left ||
+    r2.top > r1.bottom ||
+    r2.bottom < r1.top
+  );
+}
+```
+
+**This algorithm works by:**
+- **Tests** four separation conditions between rectangles
+- **Returns** `false` if any separation condition is true
+- **Indicates** collision when no separation exists
+- **Uses** negation logic for efficient intersection testing
+
+#### 3. Implement laser firing system
 
-### Add code
+Here's where things get exciting! Let's set up the laser firing system.
 
-1. **Set up a rectangle representation for your game objects to handle collisions**: The following code allows you to represent a `GameObject` as a rectangle. Edit your GameObject class to include this:
+##### Message constants
 
-    ```javascript
-    rectFromGameObject() {
-        return {
-          top: this.y,
-          left: this.x,
-          bottom: this.y + this.height,
-          right: this.x + this.width,
-        };
+First, let's define some message types so different parts of our game can talk to each other:
+
+```javascript
+KEY_EVENT_SPACE: "KEY_EVENT_SPACE",
+COLLISION_ENEMY_LASER: "COLLISION_ENEMY_LASER",
+COLLISION_ENEMY_HERO: "COLLISION_ENEMY_HERO",
+```
+
+**These constants provide:**
+- **Standardizes** event names throughout the application
+- **Enables** consistent communication between game systems
+- **Prevents** typos in event handler registration
+
+##### Keyboard input handling
+
+Add space key detection to your key event listener:
+
+```javascript
+} else if(evt.keyCode === 32) {
+  eventEmitter.emit(Messages.KEY_EVENT_SPACE);
+}
+```
+
+**This input handler:**
+- **Detects** space key presses using keyCode 32
+- **Emits** a standardized event message
+- **Enables** decoupled firing logic
+
+##### Event listener setup
+
+Register firing behavior in your `initGame()` function:
+
+```javascript
+eventEmitter.on(Messages.KEY_EVENT_SPACE, () => {
+ if (hero.canFire()) {
+   hero.fire();
+ }
+});
+```
+
+**This event listener:**
+- **Responds** to space key events
+- **Checks** firing cooldown status
+- **Triggers** laser creation when allowed
+
+Add collision handling for laser-enemy interactions:
+
+```javascript
+eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
+  first.dead = true;
+  second.dead = true;
+});
+```
+
+**This collision handler:**
+- **Receives** collision event data with both objects
+- **Marks** both objects for removal
+- **Ensures** proper cleanup after collision
+
+#### 4. Create the Laser class
+
+Implement a laser projectile that moves upward and manages its own lifecycle:
+
+```javascript
+class Laser extends GameObject {
+  constructor(x, y) {
+    super(x, y);
+    this.width = 9;
+    this.height = 33;
+    this.type = 'Laser';
+    this.img = laserImg;
+    
+    let id = setInterval(() => {
+      if (this.y > 0) {
+        this.y -= 15;
+      } else {
+        this.dead = true;
+        clearInterval(id);
       }
-    ```
-
-2. **Add code to check for collisions**: Create a new function to test whether two rectangles intersect:
-
-    ```javascript
-    function intersectRect(r1, r2) {
-      return !(
-        r2.left > r1.right ||
-        r2.right < r1.left ||
-        r2.top > r1.bottom ||
-        r2.bottom < r1.top
-      );
-    }
-    ```
-
-3. **Add laser firing capability**:
-   1. **Add a key-event message**: The space bar should create a laser just above the hero's ship. Add three constants to the Messages object:
-
-       ```javascript
-        KEY_EVENT_SPACE: "KEY_EVENT_SPACE",
-        COLLISION_ENEMY_LASER: "COLLISION_ENEMY_LASER",
-        COLLISION_ENEMY_HERO: "COLLISION_ENEMY_HERO",
-       ```
-
-   2. **Handle the space bar key**: Edit the `window.addEventListener` keyup function to handle the space bar:
-
-      ```javascript
-        } else if(evt.keyCode === 32) {
-          eventEmitter.emit(Messages.KEY_EVENT_SPACE);
-        }
-      ```
-
-   3. **Add listeners**: Edit the `initGame()` function to ensure the hero can fire when the space bar is pressed:
-
-       ```javascript
-       eventEmitter.on(Messages.KEY_EVENT_SPACE, () => {
-        if (hero.canFire()) {
-          hero.fire();
-        }
-       ```
-
-       Add a new `eventEmitter.on()` function to define behavior when an enemy collides with a laser:
-
-          ```javascript
-          eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
-            first.dead = true;
-            second.dead = true;
-          })
-          ```
-
-   4. **Move the laser object**: Ensure the laser moves gradually toward the top of the screen. Create a new Laser class that extends `GameObject`, as you've done before:
-
-      ```javascript
-        class Laser extends GameObject {
-        constructor(x, y) {
-          super(x,y);
-          (this.width = 9), (this.height = 33);
-          this.type = 'Laser';
-          this.img = laserImg;
-          let id = setInterval(() => {
-            if (this.y > 0) {
-              this.y -= 15;
-            } else {
-              this.dead = true;
-              clearInterval(id);
-            }
-          }, 100)
-        }
+    }, 100);
+  }
+}
+```
+
+**This class implementation:**
+- **Extends** GameObject to inherit basic functionality
+- **Sets** appropriate dimensions for the laser sprite
+- **Creates** automatic upward movement using `setInterval()`
+- **Handles** self-destruction when reaching screen top
+- **Manages** its own animation timing and cleanup
+
+#### 5. Implement collision detection system
+
+Create a comprehensive collision detection function:
+
+```javascript
+function updateGameObjects() {
+  const enemies = gameObjects.filter(go => go.type === 'Enemy');
+  const lasers = gameObjects.filter(go => go.type === "Laser");
+  
+  // Test laser-enemy collisions
+  lasers.forEach((laser) => {
+    enemies.forEach((enemy) => {
+      if (intersectRect(laser.rectFromGameObject(), enemy.rectFromGameObject())) {
+        eventEmitter.emit(Messages.COLLISION_ENEMY_LASER, {
+          first: laser,
+          second: enemy,
+        });
       }
-      ```
-
-   5. **Handle collisions**: Implement collision rules for the laser. Add an `updateGameObjects()` function to test for collisions between objects:
-
-      ```javascript
-      function updateGameObjects() {
-        const enemies = gameObjects.filter(go => go.type === 'Enemy');
-        const lasers = gameObjects.filter((go) => go.type === "Laser");
-      // laser hit something
-        lasers.forEach((l) => {
-          enemies.forEach((m) => {
-            if (intersectRect(l.rectFromGameObject(), m.rectFromGameObject())) {
-            eventEmitter.emit(Messages.COLLISION_ENEMY_LASER, {
-              first: l,
-              second: m,
-            });
-          }
-         });
-      });
-
-        gameObjects = gameObjects.filter(go => !go.dead);
-      }  
-      ```
-
-      Make sure to include `updateGameObjects()` in your game loop in `window.onload`.
-
-   6. **Implement cooldown** for the laser so it can only be fired at specific intervals.
-
-      Finally, edit the Hero class to include a cooldown mechanism:
-
-       ```javascript
-      class Hero extends GameObject {
-        constructor(x, y) {
-          super(x, y);
-          (this.width = 99), (this.height = 75);
-          this.type = "Hero";
-          this.speed = { x: 0, y: 0 };
-          this.cooldown = 0;
-        }
-        fire() {
-          gameObjects.push(new Laser(this.x + 45, this.y - 10));
-          this.cooldown = 500;
-    
-          let id = setInterval(() => {
-            if (this.cooldown > 0) {
-              this.cooldown -= 100;
-            } else {
-              clearInterval(id);
-            }
-          }, 200);
-        }
-        canFire() {
-          return this.cooldown === 0;
-        }
+    });
+  });
+
+  // Remove destroyed objects
+  gameObjects = gameObjects.filter(go => !go.dead);
+}
+```
+
+**This collision system:**
+- **Filters** game objects by type for efficient testing
+- **Tests** every laser against every enemy for intersections
+- **Emits** collision events when intersections are detected
+- **Cleans** up destroyed objects after collision processing
+
+> ⚠️ **Important**: Add `updateGameObjects()` to your main game loop in `window.onload` to enable collision detection.
+
+#### 6. Add cooldown system to Hero class
+
+Enhance the Hero class with firing mechanics and rate limiting:
+
+```javascript
+class Hero extends GameObject {
+  constructor(x, y) {
+    super(x, y);
+    this.width = 99;
+    this.height = 75;
+    this.type = "Hero";
+    this.speed = { x: 0, y: 0 };
+    this.cooldown = 0;
+  }
+  
+  fire() {
+    gameObjects.push(new Laser(this.x + 45, this.y - 10));
+    this.cooldown = 500;
+
+    let id = setInterval(() => {
+      if (this.cooldown > 0) {
+        this.cooldown -= 100;
+      } else {
+        clearInterval(id);
       }
-      ```
+    }, 200);
+  }
+  
+  canFire() {
+    return this.cooldown === 0;
+  }
+}
+```
+
+**Understanding the enhanced Hero class:**
+- **Initializes** cooldown timer at zero (ready to fire)
+- **Creates** laser objects positioned above the hero ship
+- **Sets** cooldown period to prevent rapid firing
+- **Decrements** cooldown timer using interval-based updates
+- **Provides** firing status check through `canFire()` method
+
+### 🔄 **Pedagogical Check-in**
+**Complete System Understanding**: Verify your mastery of the collision system:
+- ✅ How do rectangle boundaries enable efficient collision detection?
+- ✅ Why is object lifecycle management critical for game stability?
+- ✅ How does the cooldown system prevent performance issues?
+- ✅ What role does event-driven architecture play in collision handling?
+
+**System Integration**: Your collision detection demonstrates:
+- **Mathematical Precision**: Rectangle intersection algorithms
+- **Performance Optimization**: Efficient collision testing patterns
+- **Memory Management**: Safe object creation and destruction
+- **Event Coordination**: Decoupled system communication
+- **Real-time Processing**: Frame-based update cycles
+
+**Professional Patterns**: You've implemented:
+- **Separation of Concerns**: Physics, rendering, and input separated
+- **Object-Oriented Design**: Inheritance and polymorphism
+- **State Management**: Object lifecycle and game state tracking
+- **Performance Optimization**: Efficient algorithms for real-time use
+
+### Testing your implementation
+
+Your space game now features complete collision detection and combat mechanics. 🚀 Test these new capabilities:
+- **Navigate** with arrow keys to verify movement controls
+- **Fire lasers** with the spacebar - notice how the cooldown prevents spam-clicking
+- **Observe collisions** when lasers hit enemies, triggering removal
+- **Verify cleanup** as destroyed objects disappear from the game
+
+You've successfully implemented a collision detection system using the same mathematical principles that guide spacecraft navigation and robotics.
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Open browser DevTools and set breakpoints in your collision detection function
+- [ ] Try modifying the laser speed or enemy movement to see collision effects
+- [ ] Experiment with different cooldown values to test firing rates
+- [ ] Add `console.log` statements to track collision events in real-time
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand collision detection algorithms
+- [ ] Add visual effects like explosions when collisions occur
+- [ ] Implement different types of projectiles with varying properties
+- [ ] Create power-ups that enhance player abilities temporarily
+- [ ] Add sound effects to make collisions more satisfying
+
+### 📅 **Your Week-Long Physics Programming**
+- [ ] Complete the full space game with polished collision systems
+- [ ] Implement advanced collision shapes beyond rectangles (circles, polygons)
+- [ ] Add particle systems for realistic explosion effects
+- [ ] Create complex enemy behavior with collision avoidance
+- [ ] Optimize collision detection for better performance with many objects
+- [ ] Add physics simulation like momentum and realistic movement
+
+### 🌟 **Your Month-Long Game Physics Mastery**
+- [ ] Build games with advanced physics engines and realistic simulations
+- [ ] Learn 3D collision detection and spatial partitioning algorithms
+- [ ] Contribute to open source physics libraries and game engines
+- [ ] Master performance optimization for graphics-intensive applications
+- [ ] Create educational content about game physics and collision detection
+- [ ] Build a portfolio showcasing advanced physics programming skills
+
+## 🎯 Your Collision Detection Mastery Timeline
+
+```mermaid
+timeline
+    title Collision Detection & Game Physics Learning Progression
+    
+    section Foundation (10 minutes)
+        Rectangle Math: Coordinate systems
+                      : Boundary calculations
+                      : Position tracking
+                      : Dimension management
+        
+    section Algorithm Design (20 minutes)
+        Intersection Logic: Separation testing
+                          : Overlap detection
+                          : Performance optimization
+                          : Edge case handling
+        
+    section Game Implementation (30 minutes)
+        Object Systems: Lifecycle management
+                      : Event coordination
+                      : State tracking
+                      : Memory cleanup
+        
+    section Interactive Features (40 minutes)
+        Combat Mechanics: Projectile systems
+                        : Weapon cooldowns
+                        : Damage calculation
+                        : Visual feedback
+        
+    section Advanced Physics (50 minutes)
+        Real-time Systems: Frame rate optimization
+                         : Spatial partitioning
+                         : Collision response
+                         : Physics simulation
+        
+    section Professional Techniques (1 week)
+        Game Engine Concepts: Component systems
+                             : Physics pipelines
+                             : Performance profiling
+                             : Cross-platform optimization
+        
+    section Industry Applications (1 month)
+        Production Skills: Large-scale optimization
+                         : Team collaboration
+                         : Engine development
+                         : Platform deployment
+```
+### 🛠️ Your Game Physics Toolkit Summary
+
+After completing this lesson, you now have mastered:
+- **Collision Mathematics**: Rectangle intersection algorithms and coordinate systems
+- **Performance Optimization**: Efficient collision detection for real-time applications
+- **Object Lifecycle Management**: Safe creation, updating, and destruction patterns
+- **Event-Driven Architecture**: Decoupled systems for collision response
+- **Game Loop Integration**: Frame-based physics updates and rendering coordination
+- **Input Systems**: Responsive controls with rate limiting and feedback
+- **Memory Management**: Efficient object pooling and cleanup strategies
+
+**Real-World Applications**: Your collision detection skills apply directly to:
+- **Interactive Simulations**: Scientific modeling and educational tools
+- **User Interface Design**: Drag-and-drop interactions and touch detection
+- **Data Visualization**: Interactive charts and clickable elements
+- **Mobile Development**: Touch gesture recognition and collision handling
+- **Robotics Programming**: Path planning and obstacle avoidance
+- **Computer Graphics**: Ray tracing and spatial algorithms
+
+**Professional Skills Gained**: You can now:
+- **Design** efficient algorithms for real-time collision detection
+- **Implement** physics systems that scale with object complexity
+- **Debug** complex interaction systems using mathematical principles
+- **Optimize** performance for different hardware and browser capabilities
+- **Architect** maintainable game systems using proven design patterns
 
-At this point, your game has some functionality! You can navigate using the arrow keys, fire a laser with the space bar, and enemies disappear when you hit them. Great job!
+**Game Development Concepts Mastered**:
+- **Physics Simulation**: Real-time collision detection and response
+- **Performance Engineering**: Optimized algorithms for interactive applications
+- **Event Systems**: Decoupled communication between game components
+- **Object Management**: Efficient lifecycle patterns for dynamic content
+- **Input Handling**: Responsive controls with appropriate feedback
+
+**Next Level**: You're ready to explore advanced physics engines like Matter.js, implement 3D collision detection, or build complex particle systems!
+
+🌟 **Achievement Unlocked**: You've built a complete physics-based interaction system with professional-grade collision detection!
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the collision detection system by implementing power-ups that spawn randomly and provide temporary abilities when collected by the hero ship.
+
+**Prompt:** Create a PowerUp class that extends GameObject and implement collision detection between the hero and power-ups. Add at least two types of power-ups: one that increases fire rate (reduces cooldown) and another that creates a temporary shield. Include spawn logic that creates power-ups at random intervals and positions.
 
 ---
 
+
+
 ## 🚀 Challenge
 
-Add an explosion! Check out the game assets in [the Space Art repo](../../../../6-space-game/solution/spaceArt/readme.txt) and try to add an explosion effect when the laser hits an alien.
+Add an explosion! Take a look at the game assets in [the Space Art repo](../../../../6-space-game/solution/spaceArt/readme.txt) and try to add an explosion when the laser hits an alien
 
 ## Post-Lecture Quiz
 
@@ -299,7 +753,7 @@ Add an explosion! Check out the game assets in [the Space Art repo](../../../../
 
 ## Review & Self Study
 
-Experiment with the intervals in your game so far. What happens when you change them? Read more about [JavaScript timing events](https://www.freecodecamp.org/news/javascript-timing-events-settimeout-and-setinterval/).
+Experiment with the intervals in your game thus far. What happens when you change them? Read more about [JavaScript timing events](https://www.freecodecamp.org/news/javascript-timing-events-settimeout-and-setinterval/).
 
 ## Assignment
 
@@ -307,5 +761,7 @@ Experiment with the intervals in your game so far. What happens when you change
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/4-collision-detection/assignment.md b/translations/en/6-space-game/4-collision-detection/assignment.md
index e4e9a153e..2c79bfabb 100644
--- a/translations/en/6-space-game/4-collision-detection/assignment.md
+++ b/translations/en/6-space-game/4-collision-detection/assignment.md
@@ -1,25 +1,55 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8a0a097b45e7c75a611e2795e4013f16",
-  "translation_date": "2025-08-28T11:35:34+00:00",
-  "source_file": "6-space-game/4-collision-detection/assignment.md",
-  "language_code": "en"
-}
--->
 # Explore Collisions
 
 ## Instructions
 
-To gain a better understanding of how collisions work, create a small game with a few objects that collide. Make them move using key presses or mouse clicks, and ensure that something happens to one of the objects when it gets hit. For example, it could be a meteor crashing into the earth or bumper cars colliding. Be creative!
+Apply your collision detection knowledge by creating a custom mini-game that demonstrates different types of object interactions. This assignment will help you understand collision mechanics through creative implementation and experimentation.
+
+### Project requirements
+
+**Create a small interactive game featuring:**
+- **Multiple moving objects** that can be controlled via keyboard or mouse input
+- **Collision detection system** using rectangle intersection principles from the lesson
+- **Visual feedback** when collisions occur (object destruction, color changes, effects)
+- **Game rules** that make collisions meaningful and engaging
+
+### Creative suggestions
+
+**Consider implementing one of these scenarios:**
+- **Asteroid field**: Navigate a ship through dangerous space debris
+- **Bumper cars**: Create a physics-based collision arena
+- **Meteor defense**: Protect Earth from incoming space rocks
+- **Collection game**: Gather items while avoiding obstacles
+- **Territory control**: Competing objects trying to claim space
+
+### Technical implementation
+
+**Your solution should demonstrate:**
+- Proper use of rectangle-based collision detection
+- Event-driven programming for user input
+- Object lifecycle management (creation and destruction)
+- Clean code organization with appropriate class structure
+
+### Bonus challenges
+
+**Enhance your game with additional features:**
+- **Particle effects** when collisions occur
+- **Sound effects** for different collision types
+- **Scoring system** based on collision outcomes
+- **Multiple collision types** with different behaviors
+- **Progressive difficulty** that increases over time
 
 ## Rubric
 
-| Criteria | Outstanding                                                                                                              | Satisfactory                   | Needs Improvement |
-| -------- | ------------------------------------------------------------------------------------------------------------------------ | ------------------------------ | ----------------- |
-|          | A complete, functional code sample is provided, with objects drawn on the canvas, basic collisions occurring, and reactions implemented | Code is incomplete in some way | Code does not work |
+| Criteria | Exemplary | Adequate | Needs Improvement |
+|----------|-----------|----------|-------------------|
+| **Collision Detection** | Implements accurate rectangle-based collision detection with multiple object types and sophisticated interaction rules | Basic collision detection works correctly with simple object interactions | Collision detection has issues or doesn't work consistently |
+| **Code Quality** | Clean, well-organized code with proper class structure, meaningful variable names, and appropriate comments | Code works but could be better organized or documented | Code is difficult to understand or poorly structured |
+| **User Interaction** | Responsive controls with smooth gameplay, clear visual feedback, and engaging mechanics | Basic controls work with adequate feedback | Controls are unresponsive or confusing |
+| **Creativity** | Original concept with unique features, visual polish, and innovative collision behaviors | Standard implementation with some creative elements | Basic functionality without creative enhancements |
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/4-collision-detection/solution/README.md b/translations/en/6-space-game/4-collision-detection/solution/README.md
index 85bbb7eb5..b78db64df 100644
--- a/translations/en/6-space-game/4-collision-detection/solution/README.md
+++ b/translations/en/6-space-game/4-collision-detection/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:35:46+00:00",
-  "source_file": "6-space-game/4-collision-detection/solution/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/4-collision-detection/your-work/README.md b/translations/en/6-space-game/4-collision-detection/your-work/README.md
index a33d8c39f..b78db64df 100644
--- a/translations/en/6-space-game/4-collision-detection/your-work/README.md
+++ b/translations/en/6-space-game/4-collision-detection/your-work/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:35:55+00:00",
-  "source_file": "6-space-game/4-collision-detection/your-work/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/5-keeping-score/README.md b/translations/en/6-space-game/5-keeping-score/README.md
index f86e864a1..bc1234fd6 100644
--- a/translations/en/6-space-game/5-keeping-score/README.md
+++ b/translations/en/6-space-game/5-keeping-score/README.md
@@ -1,23 +1,80 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "adda95e02afa3fbee67b6e385b1109e1",
-  "translation_date": "2025-08-29T13:20:51+00:00",
-  "source_file": "6-space-game/5-keeping-score/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 5: Scoring and Lives
 
+```mermaid
+journey
+    title Your Game Design Journey
+    section Player Feedback
+      Understand scoring psychology: 3: Student
+      Learn visual communication: 4: Student
+      Design reward systems: 4: Student
+    section Technical Implementation
+      Canvas text rendering: 4: Student
+      State management: 5: Student
+      Event-driven updates: 5: Student
+    section Game Polish
+      User experience design: 5: Student
+      Balance challenge and reward: 5: Student
+      Create engaging gameplay: 5: Student
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/37)
 
-In this lesson, you'll learn how to add scoring to a game and manage lives.
+Ready to make your space game feel like a real game? Let's add scoring points and managing lives - the core mechanics that transformed early arcade games like Space Invaders from simple demonstrations into addictive entertainment. This is where your game becomes truly playable.
+
+```mermaid
+mindmap
+  root((Game Feedback Systems))
+    Visual Communication
+      Text Rendering
+      Icon Display
+      Color Psychology
+      Layout Design
+    Scoring Mechanics
+      Point Values
+      Reward Timing
+      Progress Tracking
+      Achievement Systems
+    Life Management
+      Risk vs Reward
+      Player Agency
+      Difficulty Balance
+      Recovery Mechanics
+    User Experience
+      Immediate Feedback
+      Clear Information
+      Emotional Response
+      Engagement Loops
+    Implementation
+      Canvas API
+      State Management
+      Event Systems
+      Performance
+```
+## Drawing Text on Screen - Your Game's Voice
 
-## Draw text on the screen
+To display your score, we need to learn how to render text on the canvas. The `fillText()` method is your primary tool for this - it's the same technique used in classic arcade games to show scores and status information.
 
-To display a game score on the screen, you need to know how to render text. The solution is using the `fillText()` method on the canvas object. You can also customize aspects like the font, text color, and alignment (left, right, center). Below is an example of code that draws text on the screen.
+```mermaid
+flowchart LR
+    A["📝 Text Content"] --> B["🎨 Styling"]
+    B --> C["📍 Positioning"]
+    C --> D["🖼️ Canvas Render"]
+    
+    E["Font Family"] --> B
+    F["Font Size"] --> B
+    G["Color"] --> B
+    H["Alignment"] --> B
+    
+    I["X Coordinate"] --> C
+    J["Y Coordinate"] --> C
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+```
+You have complete control over the text appearance:
 
 ```javascript
 ctx.font = "30px Arial";
@@ -26,22 +83,74 @@ ctx.textAlign = "right";
 ctx.fillText("show this on the screen", 0, 0);
 ```
 
-✅ Learn more about [how to add text to a canvas](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_text), and feel free to make your text look more stylish!
+✅ Dive deeper into [adding text to a canvas](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_text) - you might be surprised at how creative you can get with fonts and styling!
+
+## Lives - More Than Just a Number
 
-## Life, as a game concept
+In game design, a "life" represents the player's margin for error. This concept dates back to pinball machines, where you'd get multiple balls to play with. In early video games like Asteroids, lives gave players permission to take risks and learn from mistakes.
 
-In games, the concept of "life" is simply a number. In a space game, it's common to assign a set number of lives that decrease one by one when your ship takes damage. It's even better if you can visually represent this with icons like small ships or hearts instead of just a number.
+```mermaid
+flowchart TD
+    A["🎮 Player Action"] --> B{"Risk Assessment"}
+    
+    B --> C["High Risk, High Reward"]
+    B --> D["Safe Strategy"]
+    
+    C --> E{"Outcome"}
+    D --> F["Steady Progress"]
+    
+    E -->|Success| G["🏆 Big Points"]
+    E -->|Failure| H["💔 Lose Life"]
+    
+    H --> I{"Lives Remaining?"}
+    I -->|Yes| J["🔄 Try Again"]
+    I -->|No| K["💀 Game Over"]
+    
+    J --> B
+    G --> B
+    F --> B
+    
+    style C fill:#ffebee
+    style D fill:#e8f5e8
+    style G fill:#e3f2fd
+    style H fill:#fff3e0
+```
+Visual representation matters significantly - displaying ship icons instead of just "Lives: 3" creates immediate visual recognition, similar to how early arcade cabinets used iconography to communicate across language barriers.
 
-## What to build
+## Building Your Game's Reward System
 
-Let's add the following features to your game:
+Now we'll implement the core feedback systems that keep players engaged:
 
-- **Game score**: Award points for every enemy ship destroyed. We suggest 100 points per ship. The score should be displayed in the bottom left corner.
-- **Life**: Your ship starts with three lives. You lose a life whenever an enemy ship collides with you. Lives should be displayed in the bottom right corner using the following graphic: ![life image](../../../../translated_images/en/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.png).
+```mermaid
+sequenceDiagram
+    participant Player
+    participant GameEngine
+    participant ScoreSystem
+    participant LifeSystem
+    participant Display
+    
+    Player->>GameEngine: Shoots Enemy
+    GameEngine->>ScoreSystem: Award Points
+    ScoreSystem->>ScoreSystem: +100 points
+    ScoreSystem->>Display: Update Score
+    
+    Player->>GameEngine: Collides with Enemy
+    GameEngine->>LifeSystem: Lose Life
+    LifeSystem->>LifeSystem: -1 life
+    LifeSystem->>Display: Update Lives
+    
+    alt Lives > 0
+        LifeSystem->>Player: Continue Playing
+    else Lives = 0
+        LifeSystem->>GameEngine: Game Over
+    end
+```
+- **Scoring system**: Each destroyed enemy ship awards 100 points (round numbers are easier for players to calculate mentally). The score displays in the bottom left corner.
+- **Life counter**: Your hero starts with three lives - a standard established by early arcade games to balance challenge with playability. Each collision with an enemy costs one life. We'll display remaining lives in the bottom right using ship icons ![life image](../../../../translated_images/en/life.6fb9f50d53ee0413.webp).
 
-## Recommended steps
+## Let's Get Building!
 
-Locate the files provided in the `your-work` subfolder. It should contain the following:
+First, set up your workspace. Navigate to the files in your `your-work` sub folder. You should see these files:
 
 ```bash
 -| assets
@@ -53,24 +162,49 @@ Locate the files provided in the `your-work` subfolder. It should contain the fo
 -| package.json
 ```
 
-Start your project in the `your_work` folder by typing:
+To test your game, start the development server from the `your_work` folder:
 
 ```bash
 cd your-work
 npm start
 ```
 
-This will start an HTTP server at `http://localhost:5000`. Open a browser and navigate to that address. At this point, you should see the hero and all the enemies. You can move the hero using the left and right arrow keys and shoot down enemies.
+This runs a local server at `http://localhost:5000`. Open this address in your browser to see your game. Test the controls with arrow keys and try shooting enemies to verify everything works.
 
-### Add code
+```mermaid
+flowchart TD
+    A["1. Asset Loading"] --> B["2. Game Variables"]
+    B --> C["3. Collision Detection"]
+    C --> D["4. Hero Enhancement"]
+    D --> E["5. Display Functions"]
+    E --> F["6. Event Handlers"]
+    
+    G["Life Icon Image"] --> A
+    H["Score & Lives Tracking"] --> B
+    I["Hero-Enemy Intersections"] --> C
+    J["Points & Life Methods"] --> D
+    K["Text & Icon Rendering"] --> E
+    L["Reward & Penalty Logic"] --> F
+    
+    F --> M["🎮 Complete Game"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+    style M fill:#e1f5fe
+```
+### Time to Code!
 
-1. **Copy the required assets** from the `solution/assets/` folder into the `your-work` folder. This includes the `life.png` asset. Add the `lifeImg` to the `window.onload` function:
+1. **Grab the visual assets you'll need**. Copy the `life.png` asset from the `solution/assets/` folder into your `your-work` folder. Then add the lifeImg to your window.onload function: 
 
     ```javascript
     lifeImg = await loadTexture("assets/life.png");
     ```
 
-1. Add the `lifeImg` to the list of assets:
+1. Don't forget to add the `lifeImg` to your assets list:
 
     ```javascript
     let heroImg,
@@ -80,9 +214,9 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
     eventEmitter = new EventEmitter();
     ```
   
-2. **Add variables**. Create variables to represent the total score (starting at 0) and remaining lives (starting at 3). Display these values on the screen.
+2. **Set up your game variables**. Add some code to track your total score (starting at 0) and remaining lives (starting at 3). We'll display these on screen so players always know where they stand.
 
-3. **Extend the `updateGameObjects()` function**. Modify the `updateGameObjects()` function to handle collisions with enemies:
+3. **Implement collision detection**. Extend your `updateGameObjects()` function to detect when enemies collide with your hero:
 
     ```javascript
     enemies.forEach(enemy => {
@@ -93,15 +227,15 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
       })
     ```
 
-4. **Add `life` and `points`**. 
-   1. **Initialize variables**. In the `Hero` class, under `this.cooldown = 0`, initialize the life and points variables:
+4. **Add life and point tracking to your Hero**. 
+   1. **Initialize the counters**. Under `this.cooldown = 0` in your `Hero` class, set up life and points:
 
         ```javascript
         this.life = 3;
         this.points = 0;
         ```
 
-   1. **Draw variables on the screen**. Render these values on the screen:
+   1. **Show these values to the player**. Create functions to draw these values on screen:
 
         ```javascript
         function drawLife() {
@@ -128,18 +262,34 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
 
         ```
 
-   1. **Add methods to the game loop**. Ensure these functions are added to the `window.onload` function under `updateGameObjects()`:
+   1. **Hook everything into your game loop**. Add these functions to your window.onload function right after `updateGameObjects()`:
 
         ```javascript
         drawPoints();
         drawLife();
         ```
 
-1. **Implement game rules**. Add the following rules to your game:
+### 🔄 **Pedagogical Check-in**
+**Game Design Understanding**: Before implementing consequences, ensure you understand:
+- ✅ How visual feedback communicates game state to players
+- ✅ Why consistent placement of UI elements improves usability
+- ✅ The psychology behind point values and life management
+- ✅ How canvas text rendering differs from HTML text
+
+**Quick Self-Test**: Why do arcade games typically use round numbers for point values?
+*Answer: Round numbers are easier for players to calculate mentally and create satisfying psychological rewards*
+
+**User Experience Principles**: You're now applying:
+- **Visual Hierarchy**: Important information positioned prominently
+- **Immediate Feedback**: Real-time updates to player actions
+- **Cognitive Load**: Simple, clear information presentation
+- **Emotional Design**: Icons and colors that create player connection
+
+1. **Implement game consequences and rewards**. Now we'll add the feedback systems that make player actions meaningful:
 
-   1. **Deduct a life for every collision between the hero and an enemy**.
+   1. **Collisions cost lives**. Every time your hero crashes into an enemy, you should lose a life.
    
-      Extend the `Hero` class to handle life deduction:
+      Add this method to your `Hero` class:
 
         ```javascript
         decrementLife() {
@@ -150,9 +300,9 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
         }
         ```
 
-   2. **Increase the score by 100 points for every laser that hits an enemy**.
+   2. **Shooting enemies earns points**. Each successful hit awards 100 points, providing immediate positive feedback for accurate shooting.
 
-      Extend the `Hero` class to handle score increments:
+      Extend your Hero class with this increment method:
     
         ```javascript
           incrementPoints() {
@@ -160,7 +310,7 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
           }
         ```
 
-        Add these functions to your collision event emitters:
+        Now connect these functions to your collision events:
 
         ```javascript
         eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
@@ -175,15 +325,161 @@ This will start an HTTP server at `http://localhost:5000`. Open a browser and na
         });
         ```
 
-✅ Explore other games built using JavaScript/Canvas. What common features do they share?
-
-By the end of this task, you should see small "life" icons in the bottom right corner, points displayed in the bottom left corner, and observe your life count decrease when colliding with enemies and your score increase when shooting enemies. Great job! Your game is almost finished.
+✅ Curious about other games built with JavaScript and Canvas? Do some exploring - you might be amazed at what's possible!
+
+After implementing these features, test your game to see the complete feedback system in action. You should see life icons in the bottom right, your score in the bottom left, and watch as collisions reduce lives while successful shots increase your score.
+
+Your game now has the essential mechanics that made early arcade games so compelling - clear goals, immediate feedback, and meaningful consequences for player actions.
+
+### 🔄 **Pedagogical Check-in**
+**Complete Game Design System**: Verify your mastery of player feedback systems:
+- ✅ How do scoring mechanics create player motivation and engagement?
+- ✅ Why is visual consistency important for user interface design?
+- ✅ How does the life system balance challenge with player retention?
+- ✅ What role does immediate feedback play in creating satisfying gameplay?
+
+**System Integration**: Your feedback system demonstrates:
+- **User Experience Design**: Clear visual communication and information hierarchy
+- **Event-Driven Architecture**: Responsive updates to player actions
+- **State Management**: Tracking and displaying dynamic game data
+- **Canvas Mastery**: Text rendering and sprite positioning
+- **Game Psychology**: Understanding player motivation and engagement
+
+**Professional Patterns**: You've implemented:
+- **MVC Architecture**: Separation of game logic, data, and presentation
+- **Observer Pattern**: Event-driven updates for game state changes
+- **Component Design**: Reusable functions for rendering and logic
+- **Performance Optimization**: Efficient rendering in game loops
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Experiment with different font sizes and colors for the score display
+- [ ] Try changing the point values and see how it affects gameplay feel
+- [ ] Add console.log statements to track when points and lives change
+- [ ] Test edge cases like running out of lives or achieving high scores
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand game design psychology
+- [ ] Add sound effects for scoring and losing lives
+- [ ] Implement a high score system using localStorage
+- [ ] Create different point values for different enemy types
+- [ ] Add visual effects like screen shake when losing a life
+
+### 📅 **Your Week-Long Game Design Journey**
+- [ ] Complete the full space game with polished feedback systems
+- [ ] Implement advanced scoring mechanics like combo multipliers
+- [ ] Add achievements and unlockable content
+- [ ] Create difficulty progression and balancing systems
+- [ ] Design user interfaces for menus and game over screens
+- [ ] Study other games to understand engagement mechanisms
+
+### 🌟 **Your Month-Long Game Development Mastery**
+- [ ] Build complete games with sophisticated progression systems
+- [ ] Learn game analytics and player behavior measurement
+- [ ] Contribute to open source game development projects
+- [ ] Master advanced game design patterns and monetization
+- [ ] Create educational content about game design and user experience
+- [ ] Build a portfolio showcasing game design and development skills
+
+## 🎯 Your Game Design Mastery Timeline
+
+```mermaid
+timeline
+    title Game Design & Player Feedback Learning Progression
+    
+    section Foundation (10 minutes)
+        Visual Communication: Text rendering
+                           : Icon design
+                           : Layout principles
+                           : Color psychology
+        
+    section Player Psychology (20 minutes)
+        Motivation Systems: Point values
+                          : Risk vs reward
+                          : Progress feedback
+                          : Achievement design
+        
+    section Technical Implementation (30 minutes)
+        Canvas Mastery: Text positioning
+                      : Sprite rendering
+                      : State management
+                      : Performance optimization
+        
+    section Game Balance (40 minutes)
+        Difficulty Design: Life management
+                         : Scoring curves
+                         : Player retention
+                         : Accessibility
+        
+    section User Experience (50 minutes)
+        Interface Design: Information hierarchy
+                        : Responsive feedback
+                        : Emotional design
+                        : Usability testing
+        
+    section Advanced Systems (1 week)
+        Game Mechanics: Progression systems
+                      : Analytics integration
+                      : Monetization design
+                      : Community features
+        
+    section Industry Skills (1 month)
+        Professional Development: Team collaboration
+                                : Design documentation
+                                : Player research
+                                : Platform optimization
+```
+### 🛠️ Your Game Design Toolkit Summary
+
+After completing this lesson, you now have mastered:
+- **Player Psychology**: Understanding motivation, risk/reward, and engagement loops
+- **Visual Communication**: Effective UI design using text, icons, and layout
+- **Feedback Systems**: Real-time response to player actions and game events
+- **State Management**: Tracking and displaying dynamic game data efficiently
+- **Canvas Text Rendering**: Professional text display with styling and positioning
+- **Event Integration**: Connecting user actions to meaningful game consequences
+- **Game Balance**: Designing difficulty curves and player progression systems
+
+**Real-World Applications**: Your game design skills apply directly to:
+- **User Interface Design**: Creating engaging and intuitive interfaces
+- **Product Development**: Understanding user motivation and feedback loops
+- **Educational Technology**: Gamification and learning engagement systems
+- **Data Visualization**: Making complex information accessible and engaging
+- **Mobile App Development**: Retention mechanics and user experience design
+- **Marketing Technology**: Understanding user behavior and conversion optimization
+
+**Professional Skills Gained**: You can now:
+- **Design** user experiences that motivate and engage users
+- **Implement** feedback systems that guide user behavior effectively
+- **Balance** challenge and accessibility in interactive systems
+- **Create** visual communication that works across different user groups
+- **Analyze** user behavior and iterate on design improvements
+
+**Game Development Concepts Mastered**:
+- **Player Motivation**: Understanding what drives engagement and retention
+- **Visual Design**: Creating clear, attractive, and functional interfaces
+- **System Integration**: Connecting multiple game systems for cohesive experience
+- **Performance Optimization**: Efficient rendering and state management
+- **Accessibility**: Designing for different skill levels and player needs
+
+**Next Level**: You're ready to explore advanced game design patterns, implement analytics systems, or study game monetization and player retention strategies!
+
+🌟 **Achievement Unlocked**: You've built a complete player feedback system with professional game design principles!
 
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the space game's scoring system by implementing a high score feature with persistent storage and bonus scoring mechanics.
+
+**Prompt:** Create a high score system that saves the player's best score to localStorage. Add bonus points for consecutive enemy kills (combo system) and implement different point values for different enemy types. Include a visual indicator when the player achieves a new high score and display the current high score on the game screen.
+
+
+
 ## 🚀 Challenge
 
-Your code is nearly complete. What do you think your next steps should be?
+You now have a functional game with scoring and lives. Consider what additional features might enhance the player experience.
 
 ## Post-Lecture Quiz
 
@@ -191,7 +487,7 @@ Your code is nearly complete. What do you think your next steps should be?
 
 ## Review & Self Study
 
-Research different ways to increment and decrement game scores and lives. There are some interesting game engines like [PlayFab](https://playfab.com). How could using one of these enhance your game?
+Want to explore more? Research different approaches to game scoring and life systems. There are fascinating game engines out there like [PlayFab](https://playfab.com) that handle scoring, leaderboards, and player progression. How might integrating something like that take your game to the next level?
 
 ## Assignment
 
@@ -199,5 +495,7 @@ Research different ways to increment and decrement game scores and lives. There
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/5-keeping-score/assignment.md b/translations/en/6-space-game/5-keeping-score/assignment.md
index 33eb35343..15402715c 100644
--- a/translations/en/6-space-game/5-keeping-score/assignment.md
+++ b/translations/en/6-space-game/5-keeping-score/assignment.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "81f292dbda01685b91735e0398dc0504",
-  "translation_date": "2025-08-28T11:34:09+00:00",
-  "source_file": "6-space-game/5-keeping-score/assignment.md",
-  "language_code": "en"
-}
--->
 # Build a Scoring Game
 
 ## Instructions
diff --git a/translations/en/6-space-game/5-keeping-score/solution/README.md b/translations/en/6-space-game/5-keeping-score/solution/README.md
index ef65711ee..b78db64df 100644
--- a/translations/en/6-space-game/5-keeping-score/solution/README.md
+++ b/translations/en/6-space-game/5-keeping-score/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:34:21+00:00",
-  "source_file": "6-space-game/5-keeping-score/solution/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/5-keeping-score/your-work/README.md b/translations/en/6-space-game/5-keeping-score/your-work/README.md
index 11b54d1ed..b78db64df 100644
--- a/translations/en/6-space-game/5-keeping-score/your-work/README.md
+++ b/translations/en/6-space-game/5-keeping-score/your-work/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:34:30+00:00",
-  "source_file": "6-space-game/5-keeping-score/your-work/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/6-end-condition/README.md b/translations/en/6-space-game/6-end-condition/README.md
index 997a1c9c7..9f5ebde98 100644
--- a/translations/en/6-space-game/6-end-condition/README.md
+++ b/translations/en/6-space-game/6-end-condition/README.md
@@ -1,41 +1,154 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "05be6c37791668e3719c4fba94566367",
-  "translation_date": "2025-08-29T13:21:57+00:00",
-  "source_file": "6-space-game/6-end-condition/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game Part 6: End and Restart
 
+```mermaid
+journey
+    title Your Game Completion Journey
+    section End Conditions
+      Define win/lose states: 3: Student
+      Implement condition checking: 4: Student
+      Handle state transitions: 4: Student
+    section Player Experience
+      Design feedback systems: 4: Student
+      Create restart mechanics: 5: Student
+      Polish user interface: 5: Student
+    section System Integration
+      Manage game lifecycle: 5: Student
+      Handle memory cleanup: 5: Student
+      Create complete experience: 5: Student
+```
+Every great game needs clear end conditions and a smooth restart mechanism. You've built an impressive space game with movement, combat, and scoring - now it's time to add the final pieces that make it feel complete.
+
+Your game currently runs indefinitely, like the Voyager probes that NASA launched in 1977 - still traveling through space decades later. While that's fine for space exploration, games need defined endpoints to create satisfying experiences.
+
+Today, we'll implement proper win/lose conditions and a restart system. By the end of this lesson, you'll have a polished game that players can complete and replay, just like the classic arcade games that defined the medium.
+
+```mermaid
+mindmap
+  root((Game Completion))
+    End Conditions
+      Victory States
+      Defeat Conditions
+      Progress Tracking
+      State Validation
+    Player Feedback
+      Visual Messages
+      Color Psychology
+      Clear Communication
+      Emotional Response
+    State Management
+      Game Loop Control
+      Memory Cleanup
+      Object Lifecycle
+      Event Handling
+    Restart Systems
+      Input Handling
+      State Reset
+      Fresh Initialization
+      User Experience
+    Polish Elements
+      Message Display
+      Smooth Transitions
+      Error Prevention
+      Accessibility
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/39)
 
-There are various ways to define an *end condition* in a game. As the creator, it's up to you to decide why the game ends. Here are some possible reasons, assuming we're talking about the space game you've been building so far:
+## Understanding Game End Conditions
 
-- **`N` Enemy ships have been destroyed**: It's common in games divided into levels to require the destruction of `N` enemy ships to complete a level.
-- **Your ship has been destroyed**: In some games, you lose if your ship is destroyed. Another common approach is to introduce the concept of lives. Each time your ship is destroyed, you lose a life. Once all lives are gone, the game ends.
-- **You've collected `N` points**: Another typical end condition is reaching a certain number of points. Points can be earned in various ways, such as destroying enemy ships or collecting items dropped when ships are destroyed.
-- **Complete a level**: This might involve multiple conditions, such as destroying `X` enemy ships, collecting `Y` points, or obtaining a specific item.
+When should your game end? This fundamental question has shaped game design since the early arcade era. Pac-Man ends when you're caught by ghosts or clear all dots, while Space Invaders ends when aliens reach the bottom or you destroy them all.
 
-## Restarting
+As the game creator, you define the victory and defeat conditions. For our space game, here are proven approaches that create engaging gameplay:
 
-If players enjoy your game, they'll likely want to replay it. When the game ends for any reason, you should provide an option to restart.
+```mermaid
+flowchart TD
+    A["🎮 Game Start"] --> B{"Check Conditions"}
+    
+    B --> C["Enemy Count"]
+    B --> D["Hero Lives"]
+    B --> E["Score Threshold"]
+    B --> F["Level Progress"]
+    
+    C --> C1{"Enemies = 0?"}
+    D --> D1{"Lives = 0?"}
+    E --> E1{"Score ≥ Target?"}
+    F --> F1{"Objectives Complete?"}
+    
+    C1 -->|Yes| G["🏆 Victory"]
+    D1 -->|Yes| H["💀 Defeat"]
+    E1 -->|Yes| G
+    F1 -->|Yes| G
+    
+    C1 -->|No| B
+    D1 -->|No| B
+    E1 -->|No| B
+    F1 -->|No| B
+    
+    G --> I["🔄 Restart Option"]
+    H --> I
+    
+    style G fill:#e8f5e8
+    style H fill:#ffebee
+    style I fill:#e3f2fd
+```
+- **`N` Enemy ships have been destroyed**: It's quite common if you divide up a game into different levels that you need to destroy `N` Enemy ships to complete a level
+- **Your ship has been destroyed**: There are definitely games where you lose the game if your ship is destroyed. Another common approach is that you have the concept of lives. Every time a your ship is destroyed it deducts a life. Once all lives have been lost then you lose the game.
+- **You've collected `N` points**: Another common end condition is for you to collect points. How you get points is up to you but it's quite common to assign points to various activities like destroying an enemy ship or maybe collect items that items *drop* when they are destroyed.
+- **Complete a level**: This might involve several conditions such as `X` enemy ships destroyed, `Y` points collected or maybe that a specific item has been collected.
 
-✅ Take a moment to think about the conditions under which a game ends and how you're prompted to restart.
+## Implementing Game Restart Functionality
 
-## What to build
+Good games encourage replayability through smooth restart mechanisms. When players complete a game (or meet defeat), they often want to try again immediately - whether to beat their score or improve their performance.
 
-You will add the following rules to your game:
+```mermaid
+stateDiagram-v2
+    [*] --> Playing: Game Start
+    Playing --> Victory: All enemies destroyed
+    Playing --> Defeat: Lives = 0
+    
+    Victory --> MessageDisplay: Show win message
+    Defeat --> MessageDisplay: Show lose message
+    
+    MessageDisplay --> WaitingRestart: Press Enter prompt
+    WaitingRestart --> Resetting: Enter key pressed
+    
+    Resetting --> CleanupMemory: Clear intervals
+    CleanupMemory --> ClearEvents: Remove listeners
+    ClearEvents --> InitializeGame: Fresh start
+    InitializeGame --> Playing: New game begins
+    
+    note right of MessageDisplay
+        Color-coded feedback:
+        Green = Victory
+        Red = Defeat
+    end note
+    
+    note right of Resetting
+        Complete state reset
+        prevents memory leaks
+    end note
+```
+Tetris exemplifies this perfectly: when your blocks reach the top, you can instantly start a new game without navigating complex menus. We'll build a similar restart system that cleanly resets the game state and gets players back into action quickly.
+
+✅ **Reflection**: Think about the games you've played. Under what conditions do they end, and how are you prompted to restart? What makes a restart experience feel smooth versus frustrating?
+
+## What You'll Build
+
+You'll implement the final features that transform your project into a complete game experience. These elements distinguish polished games from basic prototypes.
+
+**Here's what we're adding today:**
+
+1. **Victory condition**: Blast all the enemies and get a proper celebration (you've earned it!)
+2. **Defeat condition**: Run out of lives and face the music with a defeat screen
+3. **Restart mechanism**: Hit Enter to jump right back in - because one game is never enough
+4. **State management**: Clean slate every time - no leftover enemies or weird glitches from the last game
 
-1. **Winning the game**: When all enemy ships are destroyed, the player wins. Display a victory message to indicate this.
-2. **Restart**: When all lives are lost or the game is won, provide an option to restart. Remember to reinitialize the game and clear the previous game state.
+## Getting Started
 
-## Recommended steps
+Let's prepare your development environment. You should have all your space game files from the previous lessons ready.
 
-Locate the files in the `your-work` subfolder. It should contain the following:
+**Your project should look something like this:**
 
 ```bash
 -| assets
@@ -48,175 +161,500 @@ Locate the files in the `your-work` subfolder. It should contain the following:
 -| package.json
 ```
 
-Start your project in the `your_work` folder by typing:
+**Start your development server:**
 
 ```bash
 cd your-work
 npm start
 ```
 
-This will start an HTTP server at `http://localhost:5000`. Open a browser and navigate to that address. Your game should be in a playable state.
+**This command:**
+- Runs a local server on `http://localhost:5000`
+- Serves your files properly
+- Automatically refreshes when you make changes
 
-> tip: To avoid warnings in Visual Studio Code, edit the `window.onload` function to call `gameLoopId` as is (without `let`), and declare `gameLoopId` at the top of the file independently: `let gameLoopId;`
+Open `http://localhost:5000` in your browser and verify your game is running. You should be able to move, shoot, and interact with enemies. Once confirmed, we can proceed with the implementation.
+
+> 💡 **Pro Tip**: To avoid warnings in Visual Studio Code, declare `gameLoopId` at the top of your file as `let gameLoopId;` instead of declaring it inside the `window.onload` function. This follows modern JavaScript variable declaration best practices.
+
+```mermaid
+flowchart TD
+    A["1. Condition Tracking"] --> B["2. Event Handlers"]
+    B --> C["3. Message Constants"]
+    C --> D["4. Restart Controls"]
+    D --> E["5. Message Display"]
+    E --> F["6. Reset System"]
+    
+    G["isHeroDead()\nisEnemiesDead()"] --> A
+    H["Collision Events\nEnd Game Events"] --> B
+    I["GAME_END_WIN\nGAME_END_LOSS"] --> C
+    J["Enter Key\nRestart Trigger"] --> D
+    K["Victory/Defeat\nColor-coded Text"] --> E
+    L["State Cleanup\nFresh Initialization"] --> F
+    
+    F --> M["🎮 Complete Game"]
+    
+    style A fill:#e3f2fd
+    style B fill:#e8f5e8
+    style C fill:#fff3e0
+    style D fill:#f3e5f5
+    style E fill:#e0f2f1
+    style F fill:#fce4ec
+    style M fill:#e1f5fe
+```
+## Implementation Steps
 
-### Add code
+### Step 1: Create End Condition Tracking Functions
 
-1. **Track end condition**: Add code to track the number of enemies or whether the hero ship has been destroyed by adding these two functions:
+We need functions to monitor when the game should end. Like sensors on the International Space Station that constantly monitor critical systems, these functions will continuously check the game state.
 
-    ```javascript
-    function isHeroDead() {
-      return hero.life <= 0;
+```javascript
+function isHeroDead() {
+  return hero.life <= 0;
+}
+
+function isEnemiesDead() {
+  const enemies = gameObjects.filter((go) => go.type === "Enemy" && !go.dead);
+  return enemies.length === 0;
+}
+```
+
+**Here's what's happening under the hood:**
+- **Checks** if our hero is out of lives (ouch!)
+- **Counts** how many enemies are still alive and kicking
+- **Returns** `true` when the battlefield is clear of enemies
+- **Uses** simple true/false logic to keep things straightforward
+- **Filters** through all game objects to find the survivors
+
+### Step 2: Update Event Handlers for End Conditions
+
+Now we'll connect these condition checks to the game's event system. Every time a collision occurs, the game will evaluate whether it triggers an end condition. This creates immediate feedback for critical game events.
+
+```mermaid
+sequenceDiagram
+    participant Collision
+    participant GameLogic
+    participant Conditions
+    participant EventSystem
+    participant Display
+    
+    Collision->>GameLogic: Laser hits enemy
+    GameLogic->>GameLogic: Destroy objects
+    GameLogic->>Conditions: Check isEnemiesDead()
+    
+    alt All enemies defeated
+        Conditions->>EventSystem: Emit GAME_END_WIN
+        EventSystem->>Display: Show victory message
+    else Enemies remain
+        Conditions->>GameLogic: Continue game
+    end
+    
+    Collision->>GameLogic: Enemy hits hero
+    GameLogic->>GameLogic: Decrease lives
+    GameLogic->>Conditions: Check isHeroDead()
+    
+    alt Lives = 0
+        Conditions->>EventSystem: Emit GAME_END_LOSS
+        EventSystem->>Display: Show defeat message
+    else Lives remain
+        GameLogic->>Conditions: Check isEnemiesDead()
+        alt All enemies defeated
+            Conditions->>EventSystem: Emit GAME_END_WIN
+        end
+    end
+```
+```javascript
+eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
+    first.dead = true;
+    second.dead = true;
+    hero.incrementPoints();
+
+    if (isEnemiesDead()) {
+      eventEmitter.emit(Messages.GAME_END_WIN);
     }
+});
+
+eventEmitter.on(Messages.COLLISION_ENEMY_HERO, (_, { enemy }) => {
+    enemy.dead = true;
+    hero.decrementLife();
+    if (isHeroDead())  {
+      eventEmitter.emit(Messages.GAME_END_LOSS);
+      return; // loss before victory
+    }
+    if (isEnemiesDead()) {
+      eventEmitter.emit(Messages.GAME_END_WIN);
+    }
+});
+
+eventEmitter.on(Messages.GAME_END_WIN, () => {
+    endGame(true);
+});
+  
+eventEmitter.on(Messages.GAME_END_LOSS, () => {
+  endGame(false);
+});
+```
+
+**What's going on here:**
+- **Laser hits enemy**: Both disappear, you get points, and we check if you've won
+- **Enemy hits you**: You lose a life, and we check if you're still breathing
+- **Smart ordering**: We check for defeat first (nobody wants to win and lose at the same time!)
+- **Instant reactions**: As soon as something important happens, the game knows about it
+
+### Step 3: Add New Message Constants
+
+You'll need to add new message types to your `Messages` constant object. These constants help maintain consistency and prevent typos in your event system.
+
+```javascript
+GAME_END_LOSS: "GAME_END_LOSS",
+GAME_END_WIN: "GAME_END_WIN",
+```
+
+**In the above, we've:**
+- **Added** constants for game end events to maintain consistency
+- **Used** descriptive names that clearly indicate the event purpose
+- **Followed** the existing naming convention for message types
+
+### Step 4: Implement Restart Controls
+
+Now you'll add keyboard controls that allow players to restart the game. The Enter key is a natural choice since it's commonly associated with confirming actions and starting new games.
+
+**Add Enter key detection to your existing keydown event listener:**
+
+```javascript
+else if(evt.key === "Enter") {
+   eventEmitter.emit(Messages.KEY_EVENT_ENTER);
+}
+```
+
+**Add the new message constant:**
+
+```javascript
+KEY_EVENT_ENTER: "KEY_EVENT_ENTER",
+```
+
+**What you need to know:**
+- **Extends** your existing keyboard event handling system
+- **Uses** the Enter key as the restart trigger for intuitive user experience
+- **Emits** a custom event that other parts of your game can listen for
+- **Maintains** the same pattern as your other keyboard controls
+
+### Step 5: Create the Message Display System
 
-    function isEnemiesDead() {
-      const enemies = gameObjects.filter((go) => go.type === "Enemy" && !go.dead);
-      return enemies.length === 0;
+Your game needs to communicate results clearly to players. We'll create a message system that displays victory and defeat states using color-coded text, similar to the terminal interfaces of early computer systems where green indicated success and red signaled errors.
+
+**Create the `displayMessage()` function:**
+
+```javascript
+function displayMessage(message, color = "red") {
+  ctx.font = "30px Arial";
+  ctx.fillStyle = color;
+  ctx.textAlign = "center";
+  ctx.fillText(message, canvas.width / 2, canvas.height / 2);
+}
+```
+
+**Step by step, here's what's happening:**
+- **Sets** the font size and family for clear, readable text
+- **Applies** a color parameter with "red" as the default for warnings
+- **Centers** the text horizontally and vertically on the canvas
+- **Uses** modern JavaScript default parameters for flexible color options
+- **Leverages** the canvas 2D context for direct text rendering
+
+**Create the `endGame()` function:**
+
+```javascript
+function endGame(win) {
+  clearInterval(gameLoopId);
+
+  // Set a delay to ensure any pending renders complete
+  setTimeout(() => {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = "black";
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    if (win) {
+      displayMessage(
+        "Victory!!! Pew Pew... - Press [Enter] to start a new game Captain Pew Pew",
+        "green"
+      );
+    } else {
+      displayMessage(
+        "You died !!! Press [Enter] to start a new game Captain Pew Pew"
+      );
     }
-    ```
-
-2. **Add logic to message handlers**: Update the `eventEmitter` to handle these conditions:
-
-    ```javascript
-    eventEmitter.on(Messages.COLLISION_ENEMY_LASER, (_, { first, second }) => {
-        first.dead = true;
-        second.dead = true;
-        hero.incrementPoints();
-
-        if (isEnemiesDead()) {
-          eventEmitter.emit(Messages.GAME_END_WIN);
-        }
-    });
-
-    eventEmitter.on(Messages.COLLISION_ENEMY_HERO, (_, { enemy }) => {
-        enemy.dead = true;
-        hero.decrementLife();
-        if (isHeroDead())  {
-          eventEmitter.emit(Messages.GAME_END_LOSS);
-          return; // loss before victory
-        }
-        if (isEnemiesDead()) {
-          eventEmitter.emit(Messages.GAME_END_WIN);
-        }
-    });
-    
-    eventEmitter.on(Messages.GAME_END_WIN, () => {
-        endGame(true);
-    });
-      
-    eventEmitter.on(Messages.GAME_END_LOSS, () => {
-      endGame(false);
-    });
-    ```
-
-3. **Add new message types**: Add these messages to the constants object:
-
-    ```javascript
-    GAME_END_LOSS: "GAME_END_LOSS",
-    GAME_END_WIN: "GAME_END_WIN",
-    ```
-
-4. **Add restart code**: Implement code to restart the game when a specific button is pressed.
-
-   1. **Listen for the `Enter` key press**: Update your window's eventListener to detect this key press:
-
-        ```javascript
-     else if(evt.key === "Enter") {
-        eventEmitter.emit(Messages.KEY_EVENT_ENTER);
-      }
-    ```
-
-   2. **Add a restart message**: Add this message to your Messages constant:
-
-        ```javascript
-        KEY_EVENT_ENTER: "KEY_EVENT_ENTER",
-        ```
-
-5. **Implement game rules**: Add the following game rules:
-
-   1. **Player win condition**: When all enemy ships are destroyed, display a victory message.
-
-      1. First, create a `displayMessage()` function:
-
-        ```javascript
-        function displayMessage(message, color = "red") {
-          ctx.font = "30px Arial";
-          ctx.fillStyle = color;
-          ctx.textAlign = "center";
-          ctx.fillText(message, canvas.width / 2, canvas.height / 2);
-        }
-        ```
-
-      2. Then, create an `endGame()` function:
-
-        ```javascript
-        function endGame(win) {
-          clearInterval(gameLoopId);
+  }, 200)  
+}
+```
+
+**What this function does:**
+- **Freezes** everything in place - no more moving ships or lasers
+- **Takes** a tiny pause (200ms) to let the last frame finish drawing
+- **Wipes** the screen clean and paints it black for dramatic effect
+- **Shows** different messages for winners and losers
+- **Color codes** the news - green for good, red for... well, not so good
+- **Tells** players exactly how to jump back in
+
+### 🔄 **Pedagogical Check-in**
+**Game State Management**: Before implementing reset functionality, ensure you understand:
+- ✅ How end conditions create clear gameplay objectives
+- ✅ Why visual feedback is essential for player understanding
+- ✅ The importance of proper cleanup in preventing memory leaks
+- ✅ How event-driven architecture enables clean state transitions
+
+**Quick Self-Test**: What would happen if you didn't clear event listeners during reset?
+*Answer: Memory leaks and duplicate event handlers causing unpredictable behavior*
+
+**Game Design Principles**: You're now implementing:
+- **Clear Objectives**: Players know exactly what defines success and failure
+- **Immediate Feedback**: Game state changes are communicated instantly
+- **User Control**: Players can restart when they're ready
+- **System Reliability**: Proper cleanup prevents bugs and performance issues
+
+### Step 6: Implement Game Reset Functionality
+
+The reset system needs to completely clean up the current game state and initialize a fresh game session. This ensures players get a clean start without any leftover data from the previous game.
+
+**Create the `resetGame()` function:**
+
+```javascript
+function resetGame() {
+  if (gameLoopId) {
+    clearInterval(gameLoopId);
+    eventEmitter.clear();
+    initGame();
+    gameLoopId = setInterval(() => {
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.fillStyle = "black";
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      drawPoints();
+      drawLife();
+      updateGameObjects();
+      drawGameObjects(ctx);
+    }, 100);
+  }
+}
+```
+
+**Let's understand each part:**
+- **Checks** if a game loop is currently running before resetting
+- **Clears** the existing game loop to stop all current game activity
+- **Removes** all event listeners to prevent memory leaks
+- **Reinitializes** the game state with fresh objects and variables
+- **Starts** a new game loop with all the essential game functions
+- **Maintains** the same 100ms interval for consistent game performance
+
+**Add the Enter key event handler to your `initGame()` function:**
+
+```javascript
+eventEmitter.on(Messages.KEY_EVENT_ENTER, () => {
+  resetGame();
+});
+```
+
+**Add the `clear()` method to your EventEmitter class:**
+
+```javascript
+clear() {
+  this.listeners = {};
+}
+```
+
+**Key points to remember:**
+- **Connects** the Enter key press to the reset game functionality
+- **Registers** this event listener during game initialization
+- **Provides** a clean way to remove all event listeners when resetting
+- **Prevents** memory leaks by clearing event handlers between games
+- **Resets** the listeners object to an empty state for fresh initialization
+
+## Congratulations! 🎉
+
+👽 💥 🚀 You've successfully built a complete game from the ground up. Like the programmers who created the first video games in the 1970s, you've transformed lines of code into an interactive experience with proper game mechanics and user feedback. 🚀 💥 👽
+
+**You've accomplished:**
+- **Implemented** complete win and lose conditions with user feedback
+- **Created** a seamless restart system for continuous gameplay
+- **Designed** clear visual communication for game states
+- **Managed** complex game state transitions and cleanup
+- **Assembled** all components into a cohesive, playable game
+
+### 🔄 **Pedagogical Check-in**
+**Complete Game Development System**: Celebrate your mastery of the full game development cycle:
+- ✅ How do end conditions create satisfying player experiences?
+- ✅ Why is proper state management critical for game stability?
+- ✅ How does visual feedback enhance player understanding?
+- ✅ What role does the restart system play in player retention?
+
+**System Mastery**: Your complete game demonstrates:
+- **Full-Stack Game Development**: From graphics to input to state management
+- **Professional Architecture**: Event-driven systems with proper cleanup
+- **User Experience Design**: Clear feedback and intuitive controls
+- **Performance Optimization**: Efficient rendering and memory management
+- **Polish and Completeness**: All the details that make a game feel finished
+
+**Industry-Ready Skills**: You've implemented:
+- **Game Loop Architecture**: Real-time systems with consistent performance
+- **Event-Driven Programming**: Decoupled systems that scale effectively
+- **State Management**: Complex data handling and lifecycle management
+- **User Interface Design**: Clear communication and responsive controls
+- **Testing and Debugging**: Iterative development and problem-solving
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Play your complete game and test all victory and defeat conditions
+- [ ] Experiment with different end condition parameters
+- [ ] Try adding console.log statements to track game state changes
+- [ ] Share your game with friends and gather feedback
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and reflect on your game development journey
+- [ ] Add audio effects for victory and defeat states
+- [ ] Implement additional end conditions like time limits or bonus objectives
+- [ ] Create different difficulty levels with varying enemy counts
+- [ ] Polish the visual presentation with better fonts and colors
+
+### 📅 **Your Week-Long Game Development Mastery**
+- [ ] Complete the enhanced space game with multiple levels and progression
+- [ ] Add advanced features like power-ups, different enemy types, and special weapons
+- [ ] Create a high score system with persistent storage
+- [ ] Design user interfaces for menus, settings, and game options
+- [ ] Optimize performance for different devices and browsers
+- [ ] Deploy your game online and share it with the community
+
+### 🌟 **Your Month-Long Game Development Career**
+- [ ] Build multiple complete games exploring different genres and mechanics
+- [ ] Learn advanced game development frameworks like Phaser or Three.js
+- [ ] Contribute to open source game development projects
+- [ ] Study game design principles and player psychology
+- [ ] Create a portfolio showcasing your game development skills
+- [ ] Connect with the game development community and continue learning
+
+## 🎯 Your Complete Game Development Mastery Timeline
+
+```mermaid
+timeline
+    title Complete Game Development Learning Progression
+    
+    section Foundation (Lessons 1-2)
+        Game Architecture: Project structure
+                         : Asset management
+                         : Canvas basics
+                         : Event systems
         
-          // set a delay so we are sure any paints have finished
-          setTimeout(() => {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            ctx.fillStyle = "black";
-            ctx.fillRect(0, 0, canvas.width, canvas.height);
-            if (win) {
-              displayMessage(
-                "Victory!!! Pew Pew... - Press [Enter] to start a new game Captain Pew Pew",
-                "green"
-              );
-            } else {
-              displayMessage(
-                "You died !!! Press [Enter] to start a new game Captain Pew Pew"
-              );
-            }
-          }, 200)  
-        }
-        ```
-
-   2. **Restart logic**: When all lives are lost or the player wins, display a message indicating the game can be restarted. Restart the game when the restart key is pressed (you can choose which key to use).
-
-      1. Create the `resetGame()` function:
-
-        ```javascript
-        function resetGame() {
-          if (gameLoopId) {
-            clearInterval(gameLoopId);
-            eventEmitter.clear();
-            initGame();
-            gameLoopId = setInterval(() => {
-              ctx.clearRect(0, 0, canvas.width, canvas.height);
-              ctx.fillStyle = "black";
-              ctx.fillRect(0, 0, canvas.width, canvas.height);
-              drawPoints();
-              drawLife();
-              updateGameObjects();
-              drawGameObjects(ctx);
-            }, 100);
-          }
-        }
-        ```
-
-      2. Add a call to the `eventEmitter` to reset the game in `initGame()`:
-
-        ```javascript
-        eventEmitter.on(Messages.KEY_EVENT_ENTER, () => {
-          resetGame();
-        });
-        ```
-
-      3. Add a `clear()` function to the EventEmitter:
-
-        ```javascript
-        clear() {
-          this.listeners = {};
-        }
-        ```
-
-👽 💥 🚀 Congratulations, Captain! Your game is complete! Well done! 🚀 💥 👽
+    section Interaction Systems (Lessons 3-4)
+        Player Control: Input handling
+                      : Movement mechanics
+                      : Collision detection
+                      : Physics simulation
+        
+    section Game Mechanics (Lesson 5)
+        Feedback Systems: Scoring mechanisms
+                        : Life management
+                        : Visual communication
+                        : Player motivation
+        
+    section Game Completion (Lesson 6)
+        Polish & Flow: End conditions
+                     : State management
+                     : Restart systems
+                     : User experience
+        
+    section Advanced Features (1 week)
+        Enhancement Skills: Audio integration
+                          : Visual effects
+                          : Level progression
+                          : Performance optimization
+        
+    section Professional Development (1 month)
+        Industry Readiness: Framework mastery
+                          : Team collaboration
+                          : Portfolio development
+                          : Community engagement
+        
+    section Career Advancement (3 months)
+        Specialization: Advanced game engines
+                      : Platform deployment
+                      : Monetization strategies
+                      : Industry networking
+```
+### 🛠️ Your Complete Game Development Toolkit Summary
 
----
+After completing this entire space game series, you now have mastered:
+- **Game Architecture**: Event-driven systems, game loops, and state management
+- **Graphics Programming**: Canvas API, sprite rendering, and visual effects
+- **Input Systems**: Keyboard handling, collision detection, and responsive controls
+- **Game Design**: Player feedback, progression systems, and engagement mechanics
+- **Performance Optimization**: Efficient rendering, memory management, and frame rate control
+- **User Experience**: Clear communication, intuitive controls, and polish details
+- **Professional Patterns**: Clean code, debugging techniques, and project organization
+
+**Real-World Applications**: Your game development skills apply directly to:
+- **Interactive Web Applications**: Dynamic interfaces and real-time systems
+- **Data Visualization**: Animated charts and interactive graphics
+- **Educational Technology**: Gamification and engaging learning experiences
+- **Mobile Development**: Touch-based interactions and performance optimization
+- **Simulation Software**: Physics engines and real-time modeling
+- **Creative Industries**: Interactive art, entertainment, and digital experiences
+
+**Professional Skills Gained**: You can now:
+- **Architect** complex interactive systems from scratch
+- **Debug** real-time applications using systematic approaches
+- **Optimize** performance for smooth user experiences
+- **Design** engaging user interfaces and interaction patterns
+- **Collaborate** effectively on technical projects with proper code organization
+
+**Game Development Concepts Mastered**:
+- **Real-time Systems**: Game loops, frame rate management, and performance
+- **Event-Driven Architecture**: Decoupled systems and message passing
+- **State Management**: Complex data handling and lifecycle management
+- **User Interface Programming**: Canvas graphics and responsive design
+- **Game Design Theory**: Player psychology and engagement mechanics
+
+**Next Level**: You're ready to explore advanced game frameworks, 3D graphics, multiplayer systems, or transition into professional game development roles!
+
+🌟 **Achievement Unlocked**: You've completed a full game development journey and built a professional-quality interactive experience from scratch!
+
+**Welcome to the game development community!** 🎮✨
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the space game by implementing a level progression system with increasing difficulty and bonus features.
+
+**Prompt:** Create a multi-level space game system where each level has more enemy ships with increased speed and health. Add a scoring multiplier that increases with each level, and implement power-ups (like rapid fire or shield) that randomly appear when enemies are destroyed. Include a level completion bonus and display the current level on screen alongside the existing score and lives.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## 🚀 Optional Enhancement Challenge
+
+**Add Audio to Your Game**: Enhance your gameplay experience by implementing sound effects! Consider adding audio for:
+
+- **Laser shots** when the player fires
+- **Enemy destruction** when ships are hit
+- **Hero damage** when the player takes hits
+- **Victory music** when the game is won
+- **Defeat sound** when the game is lost
+
+**Audio implementation example:**
+
+```javascript
+// Create audio objects
+const laserSound = new Audio('assets/laser.wav');
+const explosionSound = new Audio('assets/explosion.wav');
+
+// Play sounds during game events
+function playLaserSound() {
+  laserSound.currentTime = 0; // Reset to beginning
+  laserSound.play();
+}
+```
 
-## 🚀 Challenge
+**What you need to know:**
+- **Creates** Audio objects for different sound effects
+- **Resets** the `currentTime` to allow rapid-fire sound effects
+- **Handles** browser autoplay policies by triggering sounds from user interactions
+- **Manages** audio volume and timing for better game experience
 
-Add sound! Can you enhance your gameplay by adding sound effects, such as for laser hits, the hero's death, or a victory? Check out this [sandbox](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play) to learn how to play sound using JavaScript.
+> 💡 **Learning Resource**: Explore this [audio sandbox](https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play) to learn more about implementing audio in JavaScript games.
 
 ## Post-Lecture Quiz
 
@@ -224,7 +662,7 @@ Add sound! Can you enhance your gameplay by adding sound effects, such as for la
 
 ## Review & Self Study
 
-Your assignment is to create a new sample game. Explore some interesting games to get inspiration for the type of game you might want to build.
+Your assignment is to create a fresh sample game, so explore some of the interesting games out there to see what type of game you might build.
 
 ## Assignment
 
@@ -232,5 +670,7 @@ Your assignment is to create a new sample game. Explore some interesting games t
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/6-end-condition/assignment.md b/translations/en/6-space-game/6-end-condition/assignment.md
index a36073c75..23ee82181 100644
--- a/translations/en/6-space-game/6-end-condition/assignment.md
+++ b/translations/en/6-space-game/6-end-condition/assignment.md
@@ -1,33 +1,164 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "24201cf428c7edba1ccec2a78a0dd8f8",
-  "translation_date": "2025-08-28T11:37:52+00:00",
-  "source_file": "6-space-game/6-end-condition/assignment.md",
-  "language_code": "en"
-}
--->
 # Build a Sample Game
 
-## Instructions
+## Assignment Overview
 
-Try creating a small game to practice different end conditions. Experiment with scenarios like reaching a certain number of points, the hero losing all lives, or defeating all monsters. Build something simple, such as a console-based adventure game. Use the game flow below as inspiration:
+Now that you've mastered game end conditions and restart functionality in your space game, it's time to apply these concepts to a completely new gaming experience. You'll design and build your own game that demonstrates different end condition patterns and restart mechanics.
+
+This assignment challenges you to think creatively about game design while practicing the technical skills you've learned. You'll explore different victory and defeat scenarios, implement player progression, and create engaging restart experiences.
+
+## Project Requirements
+
+### Core Game Features
+
+Your game must include the following essential elements:
+
+**End Condition Variety**: Implement at least two different ways the game can end:
+- **Point-based victory**: Player reaches a target score or collects specific items
+- **Life-based defeat**: Player loses all available lives or health points
+- **Objective completion**: All enemies defeated, specific items collected, or goals achieved
+- **Time-based**: Game ends after a set duration or countdown reaches zero
+
+**Restart Functionality**: 
+- **Clear game state**: Remove all previous game objects and reset variables
+- **Reinitialize systems**: Start fresh with new player stats, enemies, and objectives
+- **User-friendly controls**: Provide clear instructions for restarting the game
+
+**Player Feedback**:
+- **Victory messages**: Celebrate player achievements with positive feedback
+- **Defeat messages**: Provide encouraging messages that motivate replay
+- **Progress indicators**: Show current score, lives, or objective status
+
+### Game Ideas and Inspiration
+
+Choose one of these game concepts or create your own:
+
+#### 1. Console Adventure Game
+Create a text-based adventure with combat mechanics:
 
 ```
 Hero> Strikes with broadsword - orc takes 3p damage
-Orc> Hits with club - hero takes 2p damage
+Orc> Hits with club - hero takes 2p damage  
 Hero> Kicks - orc takes 1p damage
 Game> Orc is defeated - Hero collects 2 coins
 Game> ****No more monsters, you have conquered the evil fortress****
 ```
 
-## Rubric
+**Key features to implement:**
+- **Turn-based combat** with different attack options
+- **Health points** for both player and enemies
+- **Inventory system** for collecting coins or items
+- **Multiple enemy types** with varying difficulty
+- **Victory condition** when all enemies are defeated
+
+#### 2. Collection Game
+- **Objective**: Collect specific items while avoiding obstacles
+- **End conditions**: Reach target collection count or lose all lives
+- **Progression**: Items become harder to reach as game continues
+
+#### 3. Puzzle Game
+- **Objective**: Solve increasingly difficult puzzles
+- **End conditions**: Complete all levels or run out of moves/time
+- **Restart**: Reset to first level with cleared progress
+
+#### 4. Defense Game
+- **Objective**: Protect your base from waves of enemies
+- **End conditions**: Survive all waves (victory) or base is destroyed (defeat)
+- **Progression**: Enemy waves increase in difficulty and number
+
+## Implementation Guidelines
+
+### Getting Started
+
+1. **Plan your game design**:
+   - Sketch the basic gameplay loop
+   - Define your end conditions clearly
+   - Identify what data needs to be reset on restart
+
+2. **Set up your project structure**:
+   ```
+   my-game/
+   ├── index.html
+   ├── style.css
+   ├── game.js
+   └── README.md
+   ```
+
+3. **Create your core game loop**:
+   - Initialize game state
+   - Handle user input
+   - Update game logic
+   - Check end conditions
+   - Render current state
+
+### Technical Requirements
+
+**Use Modern JavaScript**: 
+- Apply `const` and `let` for variable declarations
+- Use arrow functions where appropriate
+- Implement ES6+ features like template literals and destructuring
+
+**Event-Driven Architecture**:
+- Create event handlers for user interactions
+- Implement game state changes through events
+- Use event listeners for restart functionality
+
+**Clean Code Practices**:
+- Write functions with single responsibilities
+- Use descriptive variable and function names
+- Add comments explaining game logic and rules
+- Organize code into logical sections
+
+## Submission Requirements
+
+### Deliverables
+
+1. **Complete game files**: All HTML, CSS, and JavaScript files needed to run your game
+2. **README.md**: Documentation explaining:
+   - How to play your game
+   - What end conditions you implemented
+   - Instructions for restarting
+   - Any special features or mechanics
+3. **Code comments**: Clear explanations of your game logic and algorithms
+
+### Testing Checklist
+
+Before submitting, verify that your game:
+
+- [ ] **Runs without errors** in the browser console
+- [ ] **Implements multiple end conditions** as specified
+- [ ] **Restarts properly** with clean state reset
+- [ ] **Provides clear feedback** to players about game status
+- [ ] **Uses modern JavaScript** syntax and best practices
+- [ ] **Includes comprehensive documentation** in README.md
+
+## Assessment Rubric
+
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|----------|---------------|----------------|----------------|--------------|
+| **Game Functionality** | Complete game with multiple end conditions, smooth restart, and polished gameplay experience | Full game with basic end conditions and functional restart mechanism | Partial game with some end conditions implemented, restart may have minor issues | Incomplete game with limited functionality and significant bugs |
+| **Code Quality** | Clean, well-organized code using modern JavaScript practices, comprehensive comments, and excellent structure | Good code organization with modern syntax, adequate comments, and clear structure | Basic code organization with some modern practices, minimal comments | Poor code organization, outdated syntax, lacking comments and structure |
+| **User Experience** | Intuitive gameplay with clear instructions, excellent feedback, and engaging end/restart experience | Good gameplay with adequate instructions and feedback, functional end/restart | Basic gameplay with minimal instructions, limited feedback on game state | Confusing gameplay with unclear instructions and poor user feedback |
+| **Technical Implementation** | Demonstrates mastery of game development concepts, event handling, and state management | Shows solid understanding of game concepts with good implementation | Basic understanding with acceptable implementation | Limited understanding with poor implementation |
+| **Documentation** | Comprehensive README with clear instructions, well-documented code, and thorough testing evidence | Good documentation with clear instructions and adequate code comments | Basic documentation with minimal instructions | Poor or missing documentation |
+
+### Grading Scale
+- **Exemplary (16-20 points)**: Exceeds expectations with creative features and polished implementation
+- **Proficient (12-15 points)**: Meets all requirements with solid execution
+- **Developing (8-11 points)**: Meets most requirements with minor issues
+- **Beginning (4-7 points)**: Meets some requirements but needs significant improvement
+
+## Additional Learning Resources
+
+- [MDN Game Development Guide](https://developer.mozilla.org/en-US/docs/Games)
+- [JavaScript Game Development Tutorials](https://developer.mozilla.org/en-US/docs/Games/Tutorials)
+- [Canvas API Documentation](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)
+- [Game Design Principles](https://www.gamasutra.com/blogs/)
 
-| Criteria | Outstanding            | Satisfactory                | Needs Improvement          |
-| -------- | ---------------------- | --------------------------- | -------------------------- |
-|          | complete game provided | partial game provided       | partial game has bugs      |
+> 💡 **Pro Tip**: Start simple and add features incrementally. A well-polished simple game is better than a complex game with bugs!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/6-space-game/6-end-condition/solution/README.md b/translations/en/6-space-game/6-end-condition/solution/README.md
index 0679a7993..b78db64df 100644
--- a/translations/en/6-space-game/6-end-condition/solution/README.md
+++ b/translations/en/6-space-game/6-end-condition/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:38:05+00:00",
-  "source_file": "6-space-game/6-end-condition/solution/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/6-end-condition/your-work/README.md b/translations/en/6-space-game/6-end-condition/your-work/README.md
index 3d6cee0cd..b78db64df 100644
--- a/translations/en/6-space-game/6-end-condition/your-work/README.md
+++ b/translations/en/6-space-game/6-end-condition/your-work/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:38:14+00:00",
-  "source_file": "6-space-game/6-end-condition/your-work/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/6-space-game/README.md b/translations/en/6-space-game/README.md
index 9765c7f1d..01957c7c0 100644
--- a/translations/en/6-space-game/README.md
+++ b/translations/en/6-space-game/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "c40a698395ee5102715f7880bba3f2e7",
-  "translation_date": "2025-08-28T11:31:47+00:00",
-  "source_file": "6-space-game/README.md",
-  "language_code": "en"
-}
--->
 # Build a Space Game
 
 A space game to teach advanced JavaScript fundamentals
diff --git a/translations/en/6-space-game/solution/README.md b/translations/en/6-space-game/solution/README.md
index 502125829..84d147c9a 100644
--- a/translations/en/6-space-game/solution/README.md
+++ b/translations/en/6-space-game/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
-  "translation_date": "2025-08-28T11:34:38+00:00",
-  "source_file": "6-space-game/solution/README.md",
-  "language_code": "en"
-}
--->
 This is a placeholder, left blank purposefully
 
 ---
diff --git a/translations/en/7-bank-project/1-template-route/README.md b/translations/en/7-bank-project/1-template-route/README.md
index 55f1292bf..b987990cd 100644
--- a/translations/en/7-bank-project/1-template-route/README.md
+++ b/translations/en/7-bank-project/1-template-route/README.md
@@ -1,31 +1,87 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8a07db14e75ac62f013b7de5df05981d",
-  "translation_date": "2025-08-29T13:17:40+00:00",
-  "source_file": "7-bank-project/1-template-route/README.md",
-  "language_code": "en"
-}
--->
 # Build a Banking App Part 1: HTML Templates and Routes in a Web App
 
+```mermaid
+journey
+    title Your Banking App Development Journey
+    section SPA Fundamentals
+      Understand single-page apps: 3: Student
+      Learn template concepts: 4: Student
+      Master DOM manipulation: 4: Student
+    section Routing Systems
+      Implement client-side routing: 4: Student
+      Handle browser history: 5: Student
+      Create navigation systems: 5: Student
+    section Professional Patterns
+      Build modular architecture: 5: Student
+      Apply best practices: 5: Student
+      Create user experiences: 5: Student
+```
+When Apollo 11's guidance computer navigated to the moon in 1969, it had to switch between different programs without restarting the entire system. Modern web applications work similarly – they change what you see without reloading everything from scratch. This creates the smooth, responsive experience users expect today.
+
+Unlike traditional websites that reload entire pages for every interaction, modern web apps update only the parts that need changing. This approach, much like how mission control switches between different displays while maintaining constant communication, creates that fluid experience we've come to expect.
+
+Here's what makes the difference so dramatic:
+
+| Traditional Multi-Page Apps | Modern Single-Page Apps |
+|----------------------------|-------------------------|
+| **Navigation** | Full page reload for each screen | Instant content switching |
+| **Performance** | Slower due to complete HTML downloads | Faster with partial updates |
+| **User Experience** | Jarring page flashes | Smooth, app-like transitions |
+| **Data Sharing** | Difficult between pages | Easy state management |
+| **Development** | Multiple HTML files to maintain | Single HTML with dynamic templates |
+
+**Understanding the evolution:**
+- **Traditional apps** require server requests for every navigation action
+- **Modern SPAs** load once and update content dynamically using JavaScript
+- **User expectations** now favor instant, seamless interactions
+- **Performance benefits** include reduced bandwidth and faster responses
+
+In this lesson, we'll build a banking app with multiple screens that flow together seamlessly. Like how scientists use modular instruments that can be reconfigured for different experiments, we'll use HTML templates as reusable components that can be displayed as needed.
+
+You'll work with HTML templates (reusable blueprints for different screens), JavaScript routing (the system that switches between screens), and the browser's history API (which keeps the back button working as expected). These are the same fundamental techniques used by frameworks like React, Vue, and Angular.
+
+By the end, you'll have a working banking app that demonstrates professional single-page application principles.
+
+```mermaid
+mindmap
+  root((Single-Page Applications))
+    Architecture
+      Template System
+      Client-side Routing
+      State Management
+      Event Handling
+    Templates
+      Reusable Components
+      Dynamic Content
+      DOM Manipulation
+      Content Switching
+    Routing
+      URL Management
+      History API
+      Navigation Logic
+      Browser Integration
+    User Experience
+      Fast Navigation
+      Smooth Transitions
+      Consistent State
+      Modern Interactions
+    Performance
+      Reduced Server Requests
+      Faster Page Transitions
+      Efficient Resource Usage
+      Better Responsiveness
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/41)
 
-### Introduction
-
-Since JavaScript was introduced in browsers, websites have become more interactive and complex than ever. Web technologies are now often used to create fully functional applications that run directly in a browser, known as [web applications](https://en.wikipedia.org/wiki/Web_application). Because web apps are highly interactive, users don't want to wait for a full page reload every time they perform an action. This is why JavaScript is used to update the HTML directly via the DOM, providing a smoother user experience.
+### What You'll Need
 
-In this lesson, we’ll lay the groundwork for creating a banking web app. We’ll use HTML templates to create multiple screens that can be displayed and updated without reloading the entire HTML page.
-
-### Prerequisite
-
-You’ll need a local web server to test the web app we’ll build in this lesson. If you don’t have one, you can install [Node.js](https://nodejs.org) and use the command `npx lite-server` from your project folder. This will create a local web server and open your app in a browser.
+We'll need a local web server to test our banking app – don't worry, it's easier than it sounds! If you don't already have one set up, just install [Node.js](https://nodejs.org) and run `npx lite-server` from your project folder. This handy command spins up a local server and automatically opens your app in the browser.
 
 ### Preparation
 
-On your computer, create a folder named `bank` with a file named `index.html` inside it. We’ll start with this HTML [boilerplate](https://en.wikipedia.org/wiki/Boilerplate_code):
+On your computer, create a folder named `bank` with a file named `index.html` inside it. We'll start from this HTML [boilerplate](https://en.wikipedia.org/wiki/Boilerplate_code):
 
 ```html
 <!DOCTYPE html>
@@ -41,30 +97,77 @@ On your computer, create a folder named `bank` with a file named `index.html` in
 </html>
 ```
 
+**Here's what this boilerplate provides:**
+- **Establishes** the HTML5 document structure with proper DOCTYPE declaration
+- **Configures** character encoding as UTF-8 for international text support
+- **Enables** responsive design with the viewport meta tag for mobile compatibility
+- **Sets** a descriptive title that appears in the browser tab
+- **Creates** a clean body section where we'll build our application
+
+> 📁 **Project Structure Preview**
+> 
+> **By the end of this lesson, your project will contain:**
+> ```
+> bank/
+> ├── index.html      <!-- Main HTML with templates -->
+> ├── app.js          <!-- Routing and navigation logic -->
+> └── style.css       <!-- (Optional for future lessons) -->
+> ```
+> 
+> **File responsibilities:**
+> - **index.html**: Contains all templates and provides the app structure
+> - **app.js**: Handles routing, navigation, and template management
+> - **Templates**: Define the UI for login, dashboard, and other screens
+
 ---
 
-## HTML templates
+## HTML Templates
+
+Templates solve a fundamental problem in web development. When Gutenberg invented movable type printing in the 1440s, he realized that instead of carving entire pages, he could create reusable letter blocks and arrange them as needed. HTML templates work on the same principle – instead of creating separate HTML files for each screen, you define reusable structures that can be displayed when needed.
+
+```mermaid
+flowchart TD
+    A["📋 Template Definition"] --> B["💬 Hidden in DOM"]
+    B --> C["🔍 JavaScript Finds Template"]
+    C --> D["📋 Clone Template Content"]
+    D --> E["🔗 Attach to Visible DOM"]
+    E --> F["👁️ User Sees Content"]
+    
+    G["Login Template"] --> A
+    H["Dashboard Template"] --> A
+    I["Future Templates"] --> A
+    
+    style A fill:#e3f2fd
+    style D fill:#e8f5e8
+    style F fill:#fff3e0
+    style B fill:#f3e5f5
+```
+Think of templates as blueprints for different parts of your app. Just as an architect creates one blueprint and uses it multiple times rather than redrawing identical rooms, we create templates once and instantiate them as needed. The browser keeps these templates hidden until JavaScript activates them.
 
-If you want to create multiple screens for a web page, one solution is to create a separate HTML file for each screen you want to display. However, this approach has some drawbacks:
+If you want to create multiple screens for a web page, one solution would be to create one HTML file for every screen you want to display. However, this solution comes with some inconvenience:
 
-- The entire HTML has to reload when switching screens, which can be slow.
-- Sharing data between different screens becomes difficult.
+- You have to reload the entire HTML when switching screen, which can be slow.
+- It's difficult to share data between the different screens.
 
-An alternative approach is to use a single HTML file and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable block of HTML that isn’t displayed by the browser until it’s instantiated at runtime using JavaScript.
+Another approach is to have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable HTML block that is not displayed by the browser, and needs to be instantiated at runtime using JavaScript.
 
-### Task
+### Let's Build It
 
-We’ll create a banking app with two screens: the login page and the dashboard. First, let’s add a placeholder element in the HTML body that we’ll use to display the different screens of our app:
+We're going to create a bank app with two main screens: a login page and a dashboard. First, let's add a placeholder element to our HTML body – this is where all our different screens will appear:
 
 ```html
 <div id="app">Loading...</div>
 ```
 
-We’ve given it an `id` to make it easier to locate with JavaScript later.
+**Understanding this placeholder:**
+- **Creates** a container with the ID "app" where all screens will be displayed
+- **Shows** a loading message until the JavaScript initializes the first screen
+- **Provides** a single mounting point for our dynamic content
+- **Enables** easy targeting from JavaScript using `document.getElementById()`
 
-> Tip: Since the content of this element will be replaced, you can add a loading message or indicator that will be shown while the app is loading.
+> 💡 **Pro Tip**: Since the content of this element will be replaced, we can put in a loading message or indicator that will be shown while the app is loading.
 
-Next, let’s add an HTML template for the login page below. For now, we’ll include only a title and a section containing a link for navigation.
+Next, let's add below the HTML template for the login page. For now we'll only put in there a title and a section containing a link that we'll use to perform the navigation.
 
 ```html
 <template id="login">
@@ -75,11 +178,17 @@ Next, let’s add an HTML template for the login page below. For now, we’ll in
 </template>
 ```
 
-Then, we’ll add another HTML template for the dashboard page. This page will include several sections:
+**Breaking down this login template:**
+- **Defines** a template with the unique identifier "login" for JavaScript targeting
+- **Includes** a main heading that establishes the app's branding
+- **Contains** a semantic `<section>` element to group related content
+- **Provides** a navigation link that will route users to the dashboard
+
+Then we'll add another HTML template for the dashboard page. This page will contain different sections:
 
 - A header with a title and a logout link
 - The current balance of the bank account
-- A list of transactions displayed in a table
+- A list of transactions, displayed in a table
 
 ```html
 <template id="dashboard">
@@ -106,31 +215,88 @@ Then, we’ll add another HTML template for the dashboard page. This page will i
 </template>
 ```
 
-> Tip: When creating HTML templates, if you want to preview how they’ll look, you can comment out the `<template>` and `</template>` lines by enclosing them with `<!-- -->`.
+**Let's understand each part of this dashboard:**
+- **Structures** the page with a semantic `<header>` element containing navigation
+- **Displays** the app title consistently across screens for branding
+- **Provides** a logout link that routes back to the login screen
+- **Shows** the current account balance in a dedicated section
+- **Organizes** transaction data using a properly structured HTML table
+- **Defines** table headers for Date, Object, and Amount columns
+- **Leaves** the table body empty for dynamic content injection later
+
+> 💡 **Pro Tip**: When creating HTML templates, if you want to see what it will look like, you can comment out the `<template>` and `</template>` lines by enclosing them with `<!-- -->`.
+
+### 🔄 **Pedagogical Check-in**
+**Template System Understanding**: Before implementing JavaScript, ensure you understand:
+- ✅ How templates differ from regular HTML elements
+- ✅ Why templates remain hidden until activated by JavaScript
+- ✅ The importance of semantic HTML structure in templates
+- ✅ How templates enable reusable UI components
+
+**Quick Self-Test**: What happens if you remove the `<template>` tags from around your HTML?
+*Answer: The content becomes visible immediately and loses its template functionality*
 
-✅ Why do you think we use `id` attributes on the templates? Could we use something else, like classes?
+**Architecture Benefits**: Templates provide:
+- **Reusability**: One definition, multiple instances
+- **Performance**: No redundant HTML parsing
+- **Maintainability**: Centralized UI structure
+- **Flexibility**: Dynamic content switching
 
-## Displaying templates with JavaScript
+✅ Why do you think we use `id` attributes on the templates? Could we use something else like classes?
 
-If you try opening your current HTML file in a browser, you’ll see it gets stuck displaying `Loading...`. That’s because we need to add JavaScript code to instantiate and display the HTML templates.
+## Bringing Templates to Life with JavaScript
 
-Instantiating a template usually involves three steps:
+Now we need to make our templates functional. Like how a 3D printer takes a digital blueprint and creates a physical object, JavaScript takes our hidden templates and creates visible, interactive elements that users can see and use.
 
-1. Retrieve the template element from the DOM, for example using [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getElementById).
-2. Clone the template element using [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode).
+The process follows three consistent steps that form the foundation of modern web development. Once you understand this pattern, you'll recognize it across many frameworks and libraries.
+
+If you try your current HTML file in a browser, you'll see that it gets stuck displaying `Loading...`. That's because we need to add some JavaScript code to instantiate and display the HTML templates.
+
+Instantiating a template is usually done in 3 steps:
+
+1. Retrieve the template element in the DOM, for example using [`document.getElementById`](https://developer.mozilla.org/docs/Web/API/Document/getElementById).
+2. Clone the template element, using [`cloneNode`](https://developer.mozilla.org/docs/Web/API/Node/cloneNode).
 3. Attach it to the DOM under a visible element, for example using [`appendChild`](https://developer.mozilla.org/docs/Web/API/Node/appendChild).
 
+```mermaid
+flowchart TD
+    A[🔍 Step 1: Find Template] --> B[📋 Step 2: Clone Template]
+    B --> C[🔗 Step 3: Attach to DOM]
+    
+    A1["document.getElementById('login')"] --> A
+    B1["template.content.cloneNode(true)"] --> B  
+    C1["app.appendChild(view)"] --> C
+    
+    C --> D[👁️ Template Visible to User]
+    
+    style A fill:#e1f5fe
+    style B fill:#f3e5f5
+    style C fill:#e8f5e8
+    style D fill:#fff3e0
+```
+**Visual breakdown of the process:**
+- **Step 1** locates the hidden template in the DOM structure
+- **Step 2** creates a working copy that can be safely modified
+- **Step 3** inserts the copy into the visible page area
+- **Result** is a functional screen that users can interact with
+
 ✅ Why do we need to clone the template before attaching it to the DOM? What do you think would happen if we skipped this step?
 
 ### Task
 
-Create a new file named `app.js` in your project folder and import it in the `<head>` section of your HTML:
+Create a new file named `app.js` in your project folder and import that file in the `<head>` section of your HTML:
 
 ```html
 <script src="app.js" defer></script>
 ```
 
-Now, in `app.js`, we’ll create a new function called `updateRoute`:
+**Understanding this script import:**
+- **Links** the JavaScript file to our HTML document
+- **Uses** the `defer` attribute to ensure the script runs after HTML parsing completes
+- **Enables** access to all DOM elements since they're fully loaded before script execution
+- **Follows** modern best practices for script loading and performance
+
+Now in `app.js`, we'll create a new function `updateRoute`:
 
 ```js
 function updateRoute(templateId) {
@@ -142,19 +308,71 @@ function updateRoute(templateId) {
 }
 ```
 
-Here, we follow the three steps described above. We instantiate the template with the `id` `templateId` and place its cloned content inside our app placeholder. Note that we use `cloneNode(true)` to copy the entire subtree of the template.
+**Step by step, here's what's happening:**
+- **Locates** the template element using its unique ID
+- **Creates** a deep copy of the template's content using `cloneNode(true)`
+- **Finds** the app container where the content will be displayed
+- **Clears** any existing content from the app container
+- **Inserts** the cloned template content into the visible DOM
 
-Now call this function with one of the templates and observe the result.
+Now call this function with one of the template and look at the result.
 
 ```js
 updateRoute('login');
 ```
 
-✅ What’s the purpose of this code `app.innerHTML = '';`? What happens if we don’t include it?
-
-## Creating routes
+**What this function call accomplishes:**
+- **Activates** the login template by passing its ID as a parameter
+- **Demonstrates** how to programmatically switch between different app screens
+- **Shows** the login screen in place of the "Loading..." message
+
+✅ What's the purpose of this code `app.innerHTML = '';`? What happens without it?
+
+## Creating Routes
+
+Routing is essentially about connecting URLs to the right content. Consider how early telephone operators used switchboards to connect calls – they would take an incoming request and route it to the correct destination. Web routing works similarly, taking a URL request and determining which content to display.
+
+```mermaid
+flowchart LR
+    A["🌐 URL Path<br/>/dashboard"] --> B["🗺️ Routes Object<br/>Lookup"]
+    B --> C["🎯 Template ID<br/>'dashboard'"]
+    C --> D["📌 Find Template<br/>getElementById"]
+    D --> E["👁️ Display Screen<br/>Clone & Append"]
+    
+    F["📍 /login"] --> G["🎯 'login'"]
+    H["📍 /unknown"] --> I["❌ Not Found"]
+    I --> J["🔄 Redirect to /login"]
+    
+    style B fill:#e3f2fd
+    style E fill:#e8f5e8
+    style I fill:#ffebee
+    style J fill:#fff3e0
+```
+Traditionally, web servers handled this by serving different HTML files for different URLs. Since we're building a single-page app, we need to handle this routing ourselves with JavaScript. This approach gives us more control over the user experience and performance.
+
+```mermaid
+flowchart LR
+    A["🌐 URL Path<br/>/dashboard"] --> B["🗺️ Routes Object<br/>Lookup"]
+    B --> C["🎯 Template ID<br/>'dashboard'"]
+    C --> D["📄 Find Template<br/>getElementById"]
+    D --> E["👁️ Display Screen<br/>Clone & Append"]
+    
+    F["📍 /login"] --> G["🎯 'login'"]
+    H["📍 /unknown"] --> I["❌ Not Found"]
+    I --> J["🔄 Redirect to /login"]
+    
+    style B fill:#e3f2fd
+    style E fill:#e8f5e8
+    style I fill:#ffebee
+    style J fill:#fff3e0
+```
+**Understanding the routing flow:**
+- **URL changes** trigger a lookup in our routes configuration
+- **Valid routes** map to specific template IDs for rendering
+- **Invalid routes** trigger fallback behavior to prevent broken states
+- **Template rendering** follows the three-step process we learned earlier
 
-In the context of a web app, *Routing* refers to mapping **URLs** to specific screens that should be displayed. On a website with multiple HTML files, this happens automatically because the file paths are reflected in the URL. For example, with these files in your project folder:
+When talking about a web app, we call *Routing* the intent to map **URLs** to specific screens that should be displayed. On a website with multiple HTML files, this is done automatically as the file paths are reflected on the URL. For example, with these files in your project folder:
 
 ```
 mywebsite/index.html
@@ -170,11 +388,11 @@ https://site.com/login.html --> mywebsite/login.html
 https://site.com/admin/     --> mywebsite/admin/index.html
 ```
 
-However, since our web app uses a single HTML file containing all the screens, this default behavior won’t work. We need to create this mapping manually and update the displayed template using JavaScript.
+However, for our web app we are using a single HTML file containing all the screens so this default behavior won't help us. We have to create this map manually and perform update the displayed template using JavaScript.
 
 ### Task
 
-We’ll use a simple object to implement a [map](https://en.wikipedia.org/wiki/Associative_array) between URL paths and our templates. Add this object at the top of your `app.js` file:
+We'll use a simple object to implement a [map](https://en.wikipedia.org/wiki/Associative_array) between URL paths and our templates. Add this object at the top of your `app.js` file.
 
 ```js
 const routes = {
@@ -183,7 +401,12 @@ const routes = {
 };
 ```
 
-Now let’s modify the `updateRoute` function slightly. Instead of passing the `templateId` directly as an argument, we’ll retrieve it by first checking the current URL and then using our map to get the corresponding template ID. We can use [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) to get just the path section of the URL.
+**Understanding this routes configuration:**
+- **Defines** a mapping between URL paths and template identifiers
+- **Uses** object syntax where keys are URL paths and values contain template information
+- **Enables** easy lookup of which template to display for any given URL
+- **Provides** a scalable structure for adding new routes in the future
+Now let's modify a bit the `updateRoute` function. Instead of passing directly the `templateId` as an argument, we want to retrieve it by first looking at the current URL, and then use our map to get the corresponding template ID value. We can use [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname) to get only the path section from the URL.
 
 ```js
 function updateRoute() {
@@ -198,26 +421,100 @@ function updateRoute() {
 }
 ```
 
-Here, we map the routes we declared to their corresponding templates. You can test this by manually changing the URL in your browser.
-
-✅ What happens if you enter an unknown path in the URL? How could we fix this?
-
-## Adding navigation
-
-The next step for our app is to enable navigation between pages without manually changing the URL. This involves two things:
-
-1. Updating the current URL
-2. Updating the displayed template based on the new URL
-
-We’ve already handled the second part with the `updateRoute` function, so now we need to figure out how to update the current URL.
-
-We’ll use JavaScript, specifically the [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState) method, which allows us to update the URL and create a new entry in the browsing history without reloading the HTML.
-
-> Note: While the HTML anchor element [`<a href>`](https://developer.mozilla.org/docs/Web/HTML/Element/a) can create hyperlinks to different URLs, it will reload the HTML by default. To prevent this behavior when handling routing with custom JavaScript, use the `preventDefault()` function on the click event.
+**Breaking down what happens here:**
+- **Extracts** the current path from the browser's URL using `window.location.pathname`
+- **Looks up** the corresponding route configuration in our routes object
+- **Retrieves** the template ID from the route configuration
+- **Follows** the same template rendering process as before
+- **Creates** a dynamic system that responds to URL changes
+
+Here we mapped the routes we declared to the corresponding template. You can try it that it works correctly by changing the URL manually in your browser.
+
+✅ What happens if you enter an unknown path in the URL? How could we solve this?
+
+## Adding Navigation
+
+With routing established, users need a way to navigate through the app. Traditional websites reload entire pages when clicking links, but we want to update both the URL and content without page refreshes. This creates a smoother experience similar to how desktop applications switch between different views.
+
+We need to coordinate two things: updating the browser's URL so users can bookmark pages and share links, and displaying the appropriate content. When implemented correctly, this creates the seamless navigation users expect from modern applications.
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant App
+    participant Template
+    
+    User->>Browser: Clicks "Login" link
+    Browser->>App: onclick event triggered
+    App->>App: preventDefault() & navigate('/dashboard')
+    App->>Browser: history.pushState('/dashboard')
+    Browser->>Browser: URL updates to /dashboard
+    App->>App: updateRoute() called
+    App->>Template: Find & clone dashboard template
+    Template->>App: Return cloned content
+    App->>Browser: Replace app content with template
+    Browser->>User: Display dashboard screen
+    
+    Note over User,Template: User clicks browser back button
+    
+    User->>Browser: Clicks back button
+    Browser->>Browser: History moves back to /login
+    Browser->>App: popstate event fired
+    App->>App: updateRoute() called automatically
+    App->>Template: Find & clone login template
+    Template->>App: Return cloned content
+    App->>Browser: Replace app content with template
+    Browser->>User: Display login screen
+```
+### 🔄 **Pedagogical Check-in**
+**Single-Page Application Architecture**: Verify your understanding of the complete system:
+- ✅ How does client-side routing differ from traditional server-side routing?
+- ✅ Why is the History API essential for proper SPA navigation?
+- ✅ How do templates enable dynamic content without page reloads?
+- ✅ What role does event handling play in intercepting navigation?
+
+**System Integration**: Your SPA demonstrates:
+- **Template Management**: Reusable UI components with dynamic content
+- **Client-side Routing**: URL management without server requests
+- **Event-driven Architecture**: Responsive navigation and user interactions
+- **Browser Integration**: Proper history and back/forward button support
+- **Performance Optimization**: Fast transitions and reduced server load
+
+**Professional Patterns**: You've implemented:
+- **Model-View Separation**: Templates separate from application logic
+- **State Management**: URL state synchronized with displayed content
+- **Progressive Enhancement**: JavaScript enhances basic HTML functionality
+- **User Experience**: Smooth, app-like navigation without page refreshes
+
+> � **Architecture Insight**: Navigation System Components
+>
+> **What you're building:**
+> - **🔄 URL Management**: Updates browser address bar without page reloads
+> - **📋 Template System**: Swaps content dynamically based on current route  
+> - **📚 History Integration**: Maintains browser back/forward button functionality
+> - **🛡️ Error Handling**: Graceful fallbacks for invalid or missing routes
+>
+> **How components work together:**
+> - **Listens** for navigation events (clicks, history changes)
+> - **Updates** the URL using the History API
+> - **Renders** the appropriate template for the new route
+> - **Maintains** a seamless user experience throughout
+
+The next step for our app is to add the possibility to navigate between pages without having to change the URL manually. This implies two things:
+
+  1. Updating the current URL
+  2. Updating the displayed template based on the new URL
+
+We already took care of the second part with the `updateRoute` function, so we have to figure out how to update the current URL.
+
+We'll have to use JavaScript and more specifically the [`history.pushState`](https://developer.mozilla.org/docs/Web/API/History/pushState) that allows to update the URL and create a new entry in the browsing history, without reloading the HTML.
+
+> ⚠️ **Important Note**: While the HTML anchor element [`<a href>`](https://developer.mozilla.org/docs/Web/HTML/Element/a) can be used on its own to create hyperlinks to different URLs, it will make the browser reload the HTML by default. It is necessary to prevent this behavior when handling routing with custom javascript, using the preventDefault() function on the click event.
 
 ### Task
 
-Let’s create a new function to handle navigation in our app:
+Let's create a new function we can use to navigate in our app:
 
 ```js
 function navigate(path) {
@@ -226,9 +523,15 @@ function navigate(path) {
 }
 ```
 
-This function first updates the current URL based on the given path, then updates the template. The property `window.location.origin` returns the root URL, allowing us to reconstruct a complete URL from a given path.
+**Understanding this navigation function:**
+- **Updates** the browser's URL to the new path using `history.pushState`
+- **Adds** a new entry to the browser's history stack for proper back/forward button support
+- **Triggers** the `updateRoute()` function to display the corresponding template
+- **Maintains** the single-page app experience without page reloads
 
-Now that we have this function, we can address the issue of what happens if a path doesn’t match any defined route. We’ll modify the `updateRoute` function to add a fallback to one of the existing routes if no match is found.
+This method first updates the current URL based on the path given, then updates the template. The property `window.location.origin` returns the URL root, allowing us to reconstruct a complete URL from a given path.
+
+Now that we have this function, we can take care of the problem we have if a path does not match any defined route. We'll modify the `updateRoute` function by adding a fallback to one of the existing route if we can't find a match.
 
 ```js
 function updateRoute() {
@@ -239,12 +542,23 @@ function updateRoute() {
     return navigate('/login');
   }
 
-  ...
+  const template = document.getElementById(route.templateId);
+  const view = template.content.cloneNode(true);
+  const app = document.getElementById('app');
+  app.innerHTML = '';
+  app.appendChild(view);
+}
 ```
 
-If a route isn’t found, we’ll now redirect to the `login` page.
+**Key points to remember:**
+- **Checks** if a route exists for the current path
+- **Redirects** to the login page when an invalid route is accessed
+- **Provides** a fallback mechanism that prevents broken navigation
+- **Ensures** users always see a valid screen, even with incorrect URLs
+
+If a route cannot be found, we'll now redirect to the `login` page.
 
-Next, let’s create a function to handle link clicks, retrieve the URL, and prevent the browser’s default behavior:
+Now let's create a function to get the URL when a link is clicked, and to prevent the browser's default link behavior:
 
 ```js
 function onLinkClick(event) {
@@ -253,7 +567,11 @@ function onLinkClick(event) {
 }
 ```
 
-Finally, let’s complete the navigation system by adding bindings to the *Login* and *Logout* links in the HTML:
+**Breaking down this click handler:**
+- **Prevents** the browser's default link behavior using `preventDefault()`
+- **Extracts** the destination URL from the clicked link element
+- **Calls** our custom navigate function instead of reloading the page
+- **Maintains** the smooth single-page application experience
 
 ```html
 <a href="/dashboard" onclick="onLinkClick(event)">Login</a>
@@ -261,56 +579,237 @@ Finally, let’s complete the navigation system by adding bindings to the *Login
 <a href="/login" onclick="onLinkClick(event)">Logout</a>
 ```
 
-The `event` object captures the `click` event and passes it to our `onLinkClick` function.
-
-Using the [`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) attribute, bind the `click` event to JavaScript code, in this case, the `navigate()` function.
-
-Try clicking these links—you should now be able to navigate between the different screens of your app.
-
-✅ The `history.pushState` method is part of the HTML5 standard and is supported by [all modern browsers](https://caniuse.com/?search=pushState). If you’re building a web app for older browsers, you can use a [hash (`#`)](https://en.wikipedia.org/wiki/URI_fragment) before the path to implement routing that works with regular anchor navigation and doesn’t reload the page. This was originally intended for creating internal links within a page.
-
-## Handling the browser’s back and forward buttons
+**What this onclick binding accomplishes:**
+- **Connects** each link to our custom navigation system
+- **Passes** the click event to our `onLinkClick` function for processing
+- **Enables** smooth navigation without page reloads
+- **Maintains** proper URL structure that users can bookmark or share
+
+The [`onclick`](https://developer.mozilla.org/docs/Web/API/GlobalEventHandlers/onclick) attribute bind the `click` event to JavaScript code, here the call to the `navigate()` function.
+
+Try clicking on these links, you should be now able to navigate between the different screens of your app.
+
+✅ The `history.pushState` method is part of the HTML5 standard and implemented in [all modern browsers](https://caniuse.com/?search=pushState). If you're building a web app for older browsers, there's a trick you can use in place of this API: using a [hash (`#`)](https://en.wikipedia.org/wiki/URI_fragment) before the path you can implement routing that works with regular anchor navigation and does not reload the page, as it's purpose was to create internal links within a page.
+
+## Making the Back and Forward Buttons Work
+
+The back and forward buttons are fundamental to web browsing, much like how NASA mission controllers can review previous system states during space missions. Users expect these buttons to work, and when they don't, it breaks the expected browsing experience.
+
+Our single-page app needs additional configuration to support this. The browser maintains a history stack (which we've been adding to with `history.pushState`), but when users navigate through this history, our app needs to respond by updating the displayed content accordingly.
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant App
+    participant Template
+    
+    User->>Browser: Clicks "Login" link
+    Browser->>App: onclick event triggered
+    App->>App: preventDefault() & navigate('/dashboard')
+    App->>Browser: history.pushState('/dashboard')
+    Browser->>Browser: URL updates to /dashboard
+    App->>App: updateRoute() called
+    App->>Template: Find & clone dashboard template
+    Template->>App: Return cloned content
+    App->>Browser: Replace app content with template
+    Browser->>User: Display dashboard screen
+    
+    Note over User,Template: User clicks browser back button
+    
+    User->>Browser: Clicks back button
+    Browser->>Browser: History moves back to /login
+    Browser->>App: popstate event fired
+    App->>App: updateRoute() called automatically
+    App->>Template: Find & clone login template
+    Template->>App: Return cloned content
+    App->>Browser: Replace app content with template
+    Browser->>User: Display login screen
+```
+**Key interaction points:**
+- **User actions** trigger navigation through clicks or browser buttons
+- **App intercepts** link clicks to prevent page reloads
+- **History API** manages URL changes and browser history stack
+- **Templates** provide the content structure for each screen
+- **Event listeners** ensure the app responds to all navigation types
 
-Using `history.pushState` creates new entries in the browser’s navigation history. You can check this by holding the *back button* in your browser—it should display something like this:
+Using the `history.pushState` creates new entries in the browser's navigation history. You can check that by holding the *back button* of your browser, it should display something like this:
 
-![Screenshot of navigation history](../../../../translated_images/en/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.png)
+![Screenshot of navigation history](../../../../translated_images/en/history.7fdabbafa521e064.webp)
 
-If you try clicking the back button a few times, you’ll notice that the current URL changes and the history is updated, but the same template keeps being displayed.
+If you try clicking on the back button a few times, you'll see that the current URL changes and the history is updated, but the same template keeps being displayed.
 
-This happens because the app doesn’t know it needs to call `updateRoute()` whenever the history changes. According to the [`history.pushState` documentation](https://developer.mozilla.org/docs/Web/API/History/pushState), the [`popstate`](https://developer.mozilla.org/docs/Web/API/Window/popstate_event) event is triggered when the state changes (i.e., when we navigate to a different URL). We’ll use this event to fix the issue.
+That's because the application does not know that we need to call `updateRoute()` every time the history changes. If you take a look at the [`history.pushState` documentation](https://developer.mozilla.org/docs/Web/API/History/pushState), you can see that if the state changes - meaning that we moved to a different URL - the [`popstate`](https://developer.mozilla.org/docs/Web/API/Window/popstate_event) event is triggered. We'll use that to fix that issue.
 
 ### Task
 
-To ensure the displayed template updates when the browser history changes, we’ll attach a new function that calls `updateRoute()`. Add this at the bottom of your `app.js` file:
+To make sure the displayed template is updated when the browser history changes, we'll attach a new function that calls `updateRoute()`. We'll do that at the bottom of our `app.js` file:
 
 ```js
 window.onpopstate = () => updateRoute();
 updateRoute();
 ```
 
-> Note: We used an [arrow function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions) here to declare our `popstate` event handler for brevity, but a regular function would work just as well.
+**Understanding this history integration:**
+- **Listens** for `popstate` events that occur when users navigate with browser buttons
+- **Uses** an arrow function for concise event handler syntax
+- **Calls** `updateRoute()` automatically whenever the history state changes
+- **Initializes** the app by calling `updateRoute()` when the page first loads
+- **Ensures** the correct template displays regardless of how users navigate
 
-Here’s a refresher video on arrow functions:
+> 💡 **Pro Tip**: We used an [arrow function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/Arrow_functions) here to declare our `popstate` event handler for conciseness, but a regular function would work the same.
+
+Here's a refresher video on arrow functions:
 
 [![Arrow Functions](https://img.youtube.com/vi/OP6eEbOj2sc/0.jpg)](https://youtube.com/watch?v=OP6eEbOj2sc "Arrow Functions")
 
 > 🎥 Click the image above for a video about arrow functions.
 
-Now try using the back and forward buttons in your browser. The displayed route should update correctly this time.
+Now try to use the back and forward buttons of your browsers, and check that the displayed route is correctly updated this time.
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Test your banking app's navigation using browser back/forward buttons
+- [ ] Try manually typing different URLs in the address bar to test routing
+- [ ] Open browser DevTools and inspect how templates are cloned into the DOM
+- [ ] Experiment with adding console.log statements to track the routing flow
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand SPA architecture concepts
+- [ ] Add CSS styling to make your banking app templates look professional
+- [ ] Implement the 404 error page challenge with proper error handling
+- [ ] Create the credits page challenge with additional routing functionality
+- [ ] Add loading states and transitions between template switches
+
+### 📅 **Your Week-Long SPA Development Journey**
+- [ ] Complete the full banking app with forms, data management, and persistence
+- [ ] Add advanced routing features like route parameters and nested routes
+- [ ] Implement navigation guards and authentication-based routing
+- [ ] Create reusable template components and a component library
+- [ ] Add animations and transitions for smoother user experience
+- [ ] Deploy your SPA to a hosting platform and configure routing properly
+
+### 🌟 **Your Month-Long Frontend Architecture Mastery**
+- [ ] Build complex SPAs using modern frameworks like React, Vue, or Angular
+- [ ] Learn advanced state management patterns and libraries
+- [ ] Master build tools and development workflows for SPA development
+- [ ] Implement Progressive Web App features and offline functionality
+- [ ] Study performance optimization techniques for large-scale SPAs
+- [ ] Contribute to open source SPA projects and share your knowledge
+
+## 🎯 Your Single-Page Application Mastery Timeline
+
+```mermaid
+timeline
+    title SPA Development & Modern Web Architecture Learning Progression
+    
+    section Foundation (20 minutes)
+        Template Systems: HTML template elements
+                        : DOM manipulation
+                        : Content cloning
+                        : Dynamic rendering
+        
+    section Routing Basics (30 minutes)
+        Client-side Navigation: URL management
+                              : History API
+                              : Route mapping
+                              : Event handling
+        
+    section User Experience (40 minutes)
+        Navigation Polish: Browser integration
+                         : Back button support
+                         : Error handling
+                         : Smooth transitions
+        
+    section Architecture Patterns (50 minutes)
+        Professional SPAs: Component systems
+                         : State management
+                         : Performance optimization
+                         : Error boundaries
+        
+    section Advanced Techniques (1 week)
+        Framework Integration: React Router
+                             : Vue Router
+                             : Angular Router
+                             : State libraries
+        
+    section Production Skills (1 month)
+        Enterprise Development: Build systems
+                              : Testing strategies
+                              : Deployment pipelines
+                              : Performance monitoring
+```
+### 🛠️ Your SPA Development Toolkit Summary
+
+After completing this lesson, you now have mastered:
+- **Template Architecture**: Reusable HTML components with dynamic content rendering
+- **Client-side Routing**: URL management and navigation without page reloads
+- **Browser Integration**: History API usage and back/forward button support
+- **Event-driven Systems**: Navigation handling and user interaction management
+- **DOM Manipulation**: Template cloning, content switching, and element management
+- **Error Handling**: Graceful fallbacks for invalid routes and missing content
+- **Performance Patterns**: Efficient content loading and rendering strategies
+
+**Real-World Applications**: Your SPA development skills apply directly to:
+- **Modern Web Applications**: React, Vue, Angular, and other framework development
+- **Progressive Web Apps**: Offline-capable applications with app-like experiences
+- **Enterprise Dashboards**: Complex business applications with multiple views
+- **E-commerce Platforms**: Product catalogs, shopping carts, and checkout flows
+- **Content Management**: Dynamic content creation and editing interfaces
+- **Mobile Development**: Hybrid apps using web technologies
+
+**Professional Skills Gained**: You can now:
+- **Architect** single-page applications with proper separation of concerns  
+- **Implement** client-side routing systems that scale with application complexity  
+- **Debug** complex navigation flows using browser developer tools  
+- **Optimize** application performance through efficient template management  
+- **Design** user experiences that feel native and responsive  
+
+**Frontend Development Concepts Mastered**:  
+- **Component Architecture**: Reusable UI patterns and template systems  
+- **State Synchronization**: URL state management and browser history  
+- **Event-driven Programming**: User interaction handling and navigation  
+- **Performance Optimization**: Efficient DOM manipulation and content loading  
+- **User Experience Design**: Smooth transitions and intuitive navigation  
+
+**Next Level**: You're ready to explore modern frontend frameworks, advanced state management, or build complex enterprise applications!  
+
+🌟 **Achievement Unlocked**: You've built a professional single-page application foundation with modern web architecture patterns!  
 
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the banking app by implementing error handling and a 404 page template for invalid routes, improving the user experience when navigating to non-existent pages.
+
+**Prompt:** Create a new HTML template with id "not-found" that displays a user-friendly 404 error page with styling. Then modify the JavaScript routing logic to show this template when users navigate to invalid URLs, and add a "Go Home" button that navigates back to the login page.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
 Add a new template and route for a third page that shows the credits for this app.
 
+**Challenge goals:**  
+- **Create** a new HTML template with appropriate content structure  
+- **Add** the new route to your routes configuration object  
+- **Include** navigation links to and from the credits page  
+- **Test** that all navigation works correctly with browser history  
+
 ## Post-Lecture Quiz
 
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/42)
 
 ## Review & Self Study
 
-Routing is one of the surprisingly tricky parts of web development, especially as the web transitions from page refresh behaviors to Single Page Application (SPA) behaviors. Read about [how the Azure Static Web App service](https://docs.microsoft.com/azure/static-web-apps/routes/?WT.mc_id=academic-77807-sagibbon) handles routing. Can you explain why some of the decisions described in that document are necessary?
+Routing is one of the surprisingly tricky parts of web development, especially as the web moves from page refresh behaviors to Single Page Application page refreshes. Read a little about [how the Azure Static Web App service](https://docs.microsoft.com/azure/static-web-apps/routes/?WT.mc_id=academic-77807-sagibbon) handles routing. Can you explain why some of the decisions described on that document are necessary?
+
+**Additional learning resources:**  
+- **Explore** how popular frameworks like React Router and Vue Router implement client-side routing  
+- **Research** the differences between hash-based routing and history API routing  
+- **Learn** about server-side rendering (SSR) and how it affects routing strategies  
+- **Investigate** how Progressive Web Apps (PWAs) handle routing and navigation  
 
 ## Assignment
 
@@ -318,5 +817,7 @@ Routing is one of the surprisingly tricky parts of web development, especially a
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/1-template-route/assignment.md b/translations/en/7-bank-project/1-template-route/assignment.md
index 4331cf0b5..b3adce531 100644
--- a/translations/en/7-bank-project/1-template-route/assignment.md
+++ b/translations/en/7-bank-project/1-template-route/assignment.md
@@ -1,28 +1,51 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8223e429218befa731dd5bfd22299520",
-  "translation_date": "2025-08-28T11:22:44+00:00",
-  "source_file": "7-bank-project/1-template-route/assignment.md",
-  "language_code": "en"
-}
--->
-# Improve the routing
+# Improve the Routing
 
 ## Instructions
 
-The route declarations currently only specify the template ID to use. However, when displaying a new page, additional functionality is sometimes required. Let's enhance our routing implementation with two new features:
+Now that you've built a basic routing system, it's time to enhance it with professional features that improve user experience and provide better developer tools. Real-world applications need more than just template switching – they require dynamic page titles, lifecycle hooks, and extensible architectures.
 
-- Assign titles to each template and update the browser's window title with the new title whenever the template changes.
-- Include an option to execute some code after the template changes. For example, we want to log `'Dashboard is shown'` in the developer console every time the dashboard page is displayed.
+In this assignment, you'll extend your routing implementation with two essential features that are commonly found in production web applications. These enhancements will make your banking app feel more polished and provide a foundation for future functionality.
+
+The routes declaration contains currently only the template ID to use. But when displaying a new page, a bit more is needed sometimes. Let's improve our routing implementation with two additional features:
+
+### Feature 1: Dynamic Page Titles
+**Objective:** Give titles to each template and update the window title with this new title when the template changes.
+
+**Why this matters:**
+- **Improves** user experience by showing descriptive browser tab titles
+- **Enhances** accessibility for screen readers and assistive technologies  
+- **Provides** better bookmarking and browser history context
+- **Follows** professional web development best practices
+
+**Implementation approach:**
+- **Extend** the routes object to include title information for each route
+- **Modify** the `updateRoute()` function to update `document.title` dynamically
+- **Test** that titles change correctly when navigating between screens
+
+### Feature 2: Route Lifecycle Hooks  
+**Objective:** Add an option to run some code after the template changes. We want to print `'Dashboard is shown'` in the developer console every time the dashboard page is displayed.
+
+**Why this matters:**
+- **Enables** custom logic execution when specific routes load
+- **Provides** hooks for analytics, logging, or initialization code
+- **Creates** a foundation for more complex route behaviors
+- **Demonstrates** the observer pattern in web development
+
+**Implementation approach:**
+- **Add** an optional callback function property to route configurations
+- **Execute** the callback function (if present) after template rendering completes
+- **Ensure** the feature works for any route with a defined callback
+- **Test** that the console message appears when visiting the dashboard
 
 ## Rubric
 
-| Criteria | Outstanding                                                                                                                       | Satisfactory                                                                                                                                                                             | Needs Improvement                                       |
+| Criteria | Exemplary                                                                                                                          | Adequate                                                                                                                                                                                  | Needs Improvement                                       |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
-|          | Both features are implemented and functional. Titles and code execution also work for any new route added to the `routes` declaration. | Both features work, but the behavior is hardcoded and cannot be configured through the `routes` declaration. Adding a third route with title and code execution either doesn't work or works partially. | One of the features is missing or not functioning correctly. |
+|          | The two features are implemented and working. Title and code addition also work for a new route added in the `routes` declaration. | The two features work, but the behavior is hardcoded and not configurable via the `routes` declaration. Adding a third route with title and code addition does not work or works partially. | One of the features is missing or not working properly. |
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the definitive source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/2-forms/README.md b/translations/en/7-bank-project/2-forms/README.md
index 41f06ff14..e18022e62 100644
--- a/translations/en/7-bank-project/2-forms/README.md
+++ b/translations/en/7-bank-project/2-forms/README.md
@@ -1,298 +1,941 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "8baca047d77a5f43fa4099c0578afa42",
-  "translation_date": "2025-08-29T13:16:19+00:00",
-  "source_file": "7-bank-project/2-forms/README.md",
-  "language_code": "en"
-}
--->
 # Build a Banking App Part 2: Build a Login and Registration Form
 
+```mermaid
+journey
+    title Your Form Development Journey
+    section HTML Foundation
+      Understand form elements: 3: Student
+      Learn input types: 4: Student
+      Master accessibility: 4: Student
+    section JavaScript Integration
+      Handle form submission: 4: Student
+      Implement AJAX communication: 5: Student
+      Process server responses: 5: Student
+    section Validation Systems
+      Create multi-layer validation: 5: Student
+      Enhance user experience: 5: Student
+      Ensure data integrity: 5: Student
+```
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/43)
 
-### Introduction
-
-In almost all modern web apps, users can create accounts to access their own private space. Since multiple users can interact with a web app simultaneously, there needs to be a way to store each user's personal data separately and determine which information to display. While we won't delve into securely managing [user identity](https://en.wikipedia.org/wiki/Authentication), as it's a complex topic, we will ensure that each user can create one (or more) bank accounts in our app.
+Ever filled out a form online and had it reject your email format? Or lost all your information when you clicked submit? We've all encountered these frustrating experiences.
+
+Forms are the bridge between your users and your application's functionality. Like the careful protocols that air traffic controllers use to guide planes safely to their destinations, well-designed forms provide clear feedback and prevent costly errors. Poor forms, on the other hand, can drive users away faster than a miscommunication in a busy airport.
+
+In this lesson, we'll transform your static banking app into an interactive application. You'll learn to build forms that validate user input, communicate with servers, and provide helpful feedback. Think of it as building the control interface that lets users navigate your application's features.
+
+By the end, you'll have a complete login and registration system with validation that guides users toward success rather than frustration.
+
+```mermaid
+mindmap
+  root((Form Development))
+    HTML Foundation
+      Semantic Elements
+      Input Types
+      Accessibility
+      Label Association
+    User Experience
+      Validation Feedback
+      Error Prevention
+      Loading States
+      Success Messaging
+    JavaScript Integration
+      Event Handling
+      AJAX Communication
+      Data Processing
+      Error Management
+    Validation Layers
+      HTML5 Validation
+      Client-side Logic
+      Server-side Security
+      Progressive Enhancement
+    Modern Patterns
+      Fetch API
+      Async/Await
+      Form Data API
+      Promise Handling
+```
+## Prerequisites
 
-In this part, we'll use HTML forms to add login and registration functionality to our web app. We'll learn how to send data to a server API programmatically and define basic validation rules for user inputs.
+Before we start building forms, let's make sure you've got everything set up correctly. This lesson picks up right where we left off in the previous one, so if you skipped ahead, you might want to go back and get the basics working first.
 
-### Prerequisite
+### Required Setup
 
-Before starting this lesson, you should have completed the [HTML templates and routing](../1-template-route/README.md) section of the web app. Additionally, you need to install [Node.js](https://nodejs.org) and [run the server API](../api/README.md) locally to send data for account creation.
+| Component | Status | Description |
+|-----------|--------|-------------|
+| [HTML Templates](../1-template-route/README.md) | ✅ Required | Your basic banking app structure |
+| [Node.js](https://nodejs.org) | ✅ Required | JavaScript runtime for the server |
+| [Bank API Server](../api/README.md) | ✅ Required | Backend service for data storage |
 
-**Important Note**  
-You will need two terminals running simultaneously:  
-1. One for the main banking app built in the [HTML templates and routing](../1-template-route/README.md) lesson.  
-2. Another for the [Bank APP server API](../api/README.md) set up above.  
+> 💡 **Development Tip**: You'll be running two separate servers simultaneously – one for your front-end banking app and another for the backend API. This setup mirrors real-world development where frontend and backend services operate independently.
 
-Both servers need to be running to proceed with the lesson. They will listen on different ports (`3000` and `5000`), so there shouldn't be any conflicts.
+### Server Configuration
 
-You can test if the server is running correctly by executing this command in a terminal:
+**Your development environment will include:**
+- **Frontend server**: Serves your banking app (typically port `3000`)
+- **Backend API server**: Handles data storage and retrieval (port `5000`)
+- **Both servers** can run simultaneously without conflicts
 
-```sh
+**Testing your API connection:**
+```bash
 curl http://localhost:5000/api
-# -> should return "Bank API v1.0.0" as a result
+# Expected response: "Bank API v1.0.0"
 ```
 
+**If you see the API version response, you're ready to proceed!**
+
 ---
 
-## Form and Controls
+## Understanding HTML Forms and Controls
+
+HTML forms are how users communicate with your web application. Think of them as the telegraph system that connected distant places in the 19th century – they're the communication protocol between user intent and application response. When designed thoughtfully, they catch errors, guide input formatting, and provide helpful suggestions.
+
+Modern forms are significantly more sophisticated than basic text inputs. HTML5 introduced specialized input types that handle email validation, number formatting, and date selection automatically. These improvements benefit both accessibility and mobile user experiences.
 
-The `<form>` element defines a section of an HTML document where users can input and submit data using interactive controls. Forms can include various user interface (UI) controls, with `<input>` and `<button>` being the most common.
+### Essential Form Elements
 
-There are many [types](https://developer.mozilla.org/docs/Web/HTML/Element/input) of `<input>` elements. For example, to create a field where users can enter their username, you can use:
+**Building blocks every form needs:**
 
 ```html
-<input id="username" name="username" type="text">
+<!-- Basic form structure -->
+<form id="userForm" method="POST">
+  <label for="username">Username</label>
+  <input id="username" name="username" type="text" required>
+  
+  <button type="submit">Submit</button>
+</form>
 ```
 
-The `name` attribute will be used as the property name when the form data is sent. The `id` attribute links a `<label>` to the form control.
+**Here's what this code does:**
+- **Creates** a form container with a unique identifier
+- **Specifies** the HTTP method for data submission
+- **Associates** labels with inputs for accessibility
+- **Defines** a submit button to process the form
 
-> Explore the full list of [`<input>` types](https://developer.mozilla.org/docs/Web/HTML/Element/input) and [other form controls](https://developer.mozilla.org/docs/Learn/Forms/Other_form_controls) to understand the native UI elements available for building your interface.
+### Modern Input Types and Attributes
 
-✅ Note that `<input>` is an [empty element](https://developer.mozilla.org/docs/Glossary/Empty_element), meaning it doesn't require a closing tag. You can use the self-closing `<input/>` notation, but it's optional.
+| Input Type | Purpose | Example Usage |
+|------------|---------|---------------|
+| `text` | General text input | `<input type="text" name="username">` |
+| `email` | Email validation | `<input type="email" name="email">` |
+| `password` | Hidden text entry | `<input type="password" name="password">` |
+| `number` | Numeric input | `<input type="number" name="balance" min="0">` |
+| `tel` | Phone numbers | `<input type="tel" name="phone">` |
 
-The `<button>` element within a form has a unique behavior. If you don't specify its `type` attribute, it will automatically submit the form data to the server when clicked. Here are the possible `type` values:
+> 💡 **Modern HTML5 Advantage**: Using specific input types provides automatic validation, appropriate mobile keyboards, and better accessibility support without additional JavaScript!
 
-- `submit`: The default type within a `<form>`, it triggers the form submission.
-- `reset`: Resets all form controls to their initial values.
-- `button`: Does not assign any default behavior. You can define custom actions using JavaScript.
+### Button Types and Behavior
 
-### Task
+```html
+<!-- Different button behaviors -->
+<button type="submit">Save Data</button>     <!-- Submits the form -->
+<button type="reset">Clear Form</button>    <!-- Resets all fields -->
+<button type="button">Custom Action</button> <!-- No default behavior -->
+```
+
+**Here's what each button type does:**
+- **Submit buttons**: Trigger form submission and send data to the specified endpoint
+- **Reset buttons**: Restore all form fields to their initial state
+- **Regular buttons**: Provide no default behavior, requiring custom JavaScript for functionality
+
+> ⚠️ **Important Note**: The `<input>` element is self-closing and doesn't require a closing tag. Modern best practice is to write `<input>` without the slash.
 
-Start by adding a form to the `login` template. We'll need a *username* field and a *Login* button.
+### Building Your Login Form
+
+Now let's create a practical login form that demonstrates modern HTML form practices. We'll start with a basic structure and gradually enhance it with accessibility features and validation.
 
 ```html
 <template id="login">
   <h1>Bank App</h1>
   <section>
     <h2>Login</h2>
-    <form id="loginForm">
-      <label for="username">Username</label>
-      <input id="username" name="user" type="text">
-      <button>Login</button>
+    <form id="loginForm" novalidate>
+      <div class="form-group">
+        <label for="username">Username</label>
+        <input id="username" name="user" type="text" required 
+               autocomplete="username" placeholder="Enter your username">
+      </div>
+      <button type="submit">Login</button>
     </form>
   </section>
 </template>
 ```
 
-Notice the inclusion of a `<label>` element. `<label>` elements provide names for UI controls, such as the username field. Labels improve form readability and offer additional benefits:
+**Breaking down what happens here:**
+- **Structures** the form with semantic HTML5 elements
+- **Groups** related elements using `div` containers with meaningful classes
+- **Associates** labels with inputs using the `for` and `id` attributes
+- **Includes** modern attributes like `autocomplete` and `placeholder` for better UX
+- **Adds** `novalidate` to handle validation with JavaScript instead of browser defaults
+
+### The Power of Proper Labels
+
+**Why labels matter for modern web development:**
+
+```mermaid
+graph TD
+    A[Label Element] --> B[Screen Reader Support]
+    A --> C[Click Target Expansion]
+    A --> D[Form Validation]
+    A --> E[SEO Benefits]
+    
+    B --> F[Accessible to all users]
+    C --> G[Better mobile experience]
+    D --> H[Clear error messaging]
+    E --> I[Better search ranking]
+```
+**What proper labels accomplish:**
+- **Enables** screen readers to announce form fields clearly
+- **Expands** the clickable area (clicking the label focuses the input)
+- **Improves** mobile usability with larger touch targets
+- **Supports** form validation with meaningful error messages
+- **Enhances** SEO by providing semantic meaning to form elements
 
-- Associating a label with a form control helps users with assistive technologies (like screen readers) understand the expected input.
-- Clicking on the label directly focuses on the associated input, making it easier to interact with on touch-screen devices.
+> 🎯 **Accessibility Goal**: Every form input should have an associated label. This simple practice makes your forms usable by everyone, including users with disabilities, and improves the experience for all users.
 
-> [Accessibility](https://developer.mozilla.org/docs/Learn/Accessibility/What_is_accessibility) is a crucial aspect of web development that is often overlooked. Using [semantic HTML elements](https://developer.mozilla.org/docs/Learn/Accessibility/HTML) properly makes it easier to create accessible content. Learn more about [web accessibility](https://developer.mozilla.org/docs/Web/Accessibility) to avoid common mistakes and become a responsible developer.
+### Creating the Registration Form
 
-Next, add a second form for registration, just below the login form:
+The registration form requires more detailed information to create a complete user account. Let's build it with modern HTML5 features and enhanced accessibility.
 
 ```html
 <hr/>
 <h2>Register</h2>
-<form id="registerForm">
-  <label for="user">Username</label>
-  <input id="user" name="user" type="text">
-  <label for="currency">Currency</label>
-  <input id="currency" name="currency" type="text" value="$">
-  <label for="description">Description</label>
-  <input id="description" name="description" type="text">
-  <label for="balance">Current balance</label>
-  <input id="balance" name="balance" type="number" value="0">
-  <button>Register</button>
+<form id="registerForm" novalidate>
+  <div class="form-group">
+    <label for="user">Username</label>
+    <input id="user" name="user" type="text" required 
+           autocomplete="username" placeholder="Choose a username">
+  </div>
+  
+  <div class="form-group">
+    <label for="currency">Currency</label>
+    <input id="currency" name="currency" type="text" value="$" 
+           required maxlength="3" placeholder="USD, EUR, etc.">
+  </div>
+  
+  <div class="form-group">
+    <label for="description">Account Description</label>
+    <input id="description" name="description" type="text" 
+           maxlength="100" placeholder="Personal savings, checking, etc.">
+  </div>
+  
+  <div class="form-group">
+    <label for="balance">Starting Balance</label>
+    <input id="balance" name="balance" type="number" value="0" 
+           min="0" step="0.01" placeholder="0.00">
+  </div>
+  
+  <button type="submit">Create Account</button>
 </form>
 ```
 
-Using the `value` attribute, you can set a default value for an input field. Notice that the `balance` input uses the `number` type. Does it look different from the other inputs? Try interacting with it.
+**In the above, we've:**
+- **Organized** each field in container divs for better styling and layout
+- **Added** appropriate `autocomplete` attributes for browser autofill support
+- **Included** helpful placeholder text to guide user input
+- **Set** sensible defaults using the `value` attribute
+- **Applied** validation attributes like `required`, `maxlength`, and `min`
+- **Used** `type="number"` for the balance field with decimal support
+
+### Exploring Input Types and Behavior
+
+**Modern input types provide enhanced functionality:**
+
+| Feature | Benefit | Example |
+|---------|---------|----------|
+| `type="number"` | Numeric keypad on mobile | Easier balance entry |
+| `step="0.01"` | Decimal precision control | Allows cents in currency |
+| `autocomplete` | Browser autofill | Faster form completion |
+| `placeholder` | Contextual hints | Guides user expectations |
+
+> 🎯 **Accessibility Challenge**: Try navigating the forms using only your keyboard! Use `Tab` to move between fields, `Space` to check boxes, and `Enter` to submit. This experience helps you understand how screen reader users interact with your forms.
 
-✅ Can you navigate and interact with the forms using only a keyboard? How would you do that?
+### 🔄 **Pedagogical Check-in**
+**Form Foundation Understanding**: Before implementing JavaScript, ensure you understand:
+- ✅ How semantic HTML creates accessible form structures
+- ✅ Why input types matter for mobile keyboards and validation
+- ✅ The relationship between labels and form controls
+- ✅ How form attributes affect default browser behavior
 
-## Submitting Data to the Server
+**Quick Self-Test**: What happens if you submit a form without JavaScript handling?
+*Answer: The browser performs default submission, usually redirecting to the action URL*
 
-Now that we have a functional UI, the next step is to send the data to the server. Test the current code: what happens when you click the *Login* or *Register* button?
+**HTML5 Form Benefits**: Modern forms provide:
+- **Built-in Validation**: Automatic email and number format checking
+- **Mobile Optimization**: Appropriate keyboards for different input types
+- **Accessibility**: Screen reader support and keyboard navigation
+- **Progressive Enhancement**: Works even when JavaScript is disabled
 
-Did you notice the change in your browser's URL?
+## Understanding Form Submission Methods
 
-![Screenshot of the browser's URL change after clicking the Register button](../../../../translated_images/en/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.png)
+When someone fills out your form and hits submit, that data needs to go somewhere – usually to a server that can save it. There are a couple of different ways this can happen, and knowing which one to use can save you from some headaches later.
 
-By default, a `<form>` submits data to the current server URL using the [GET method](https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3), appending the form data to the URL. However, this method has limitations:
+Let's take a look at what actually happens when someone clicks that submit button.
 
-- The data size is limited (about 2000 characters).
-- The data is visible in the URL (not ideal for sensitive information like passwords).
-- It doesn't support file uploads.
+### Default Form Behavior
 
-To overcome these issues, you can use the [POST method](https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5), which sends the form data in the HTTP request body, avoiding the above limitations.
+First, let's observe what happens with basic form submission:
 
-> While POST is commonly used for sending data, [in certain cases](https://www.w3.org/2001/tag/doc/whenToUseGet.html), the GET method is preferred, such as for search fields.
+**Test your current forms:**
+1. Click the *Register* button in your form
+2. Observe the changes in your browser's address bar
+3. Notice how the page reloads and data appears in the URL
 
-### Task
+![Screenshot of the browser's URL change after clicking the Register button](../../../../translated_images/en/click-register.e89a30bf0d4bc9ca.webp)
 
-Add `action` and `method` attributes to the registration form:
+### HTTP Methods Comparison
+
+```mermaid
+graph TD
+    A[Form Submission] --> B{HTTP Method}
+    B -->|GET| C[Data in URL]
+    B -->|POST| D[Data in Request Body]
+    
+    C --> E[Visible in address bar]
+    C --> F[Limited data size]
+    C --> G[Bookmarkable]
+    
+    D --> H[Hidden from URL]
+    D --> I[Large data capacity]
+    D --> J[More secure]
+```
+**Understanding the differences:**
+
+| Method | Use Case | Data Location | Security Level | Size Limit |
+|--------|----------|---------------|----------------|-------------|
+| `GET` | Search queries, filters | URL parameters | Low (visible) | ~2000 characters |
+| `POST` | User accounts, sensitive data | Request body | Higher (hidden) | No practical limit |
+
+**Understanding the fundamental differences:**
+- **GET**: Appends form data to the URL as query parameters (appropriate for search operations)
+- **POST**: Includes data in the request body (essential for sensitive information)
+- **GET limitations**: Size constraints, visible data, persistent browser history
+- **POST advantages**: Large data capacity, privacy protection, file upload support
+
+> 💡 **Best Practice**: Use `GET` for search forms and filters (data retrieval), use `POST` for user registration, login, and data creation.
+
+### Configuring Form Submission
+
+Let's configure your registration form to communicate properly with the backend API using the POST method:
 
 ```html
-<form id="registerForm" action="//localhost:5000/api/accounts" method="POST">
+<form id="registerForm" action="//localhost:5000/api/accounts" 
+      method="POST" novalidate>
+```
+
+**Here's what this configuration does:**
+- **Directs** form submission to your API endpoint
+- **Uses** POST method for secure data transmission
+- **Includes** `novalidate` to handle validation with JavaScript
+
+### Testing Form Submission
+
+**Follow these steps to test your form:**
+1. **Fill out** the registration form with your information
+2. **Click** the "Create Account" button
+3. **Observe** the server response in your browser
+
+![A browser window at the address localhost:5000/api/accounts, showing a JSON string with user data](../../../../translated_images/en/form-post.61de4ca1b964d91a.webp)
+
+**What you should see:**
+- **Browser redirects** to the API endpoint URL
+- **JSON response** containing your newly created account data
+- **Server confirmation** that the account was successfully created
+
+> 🧪 **Experiment Time**: Try registering again with the same username. What response do you get? This helps you understand how the server handles duplicate data and error conditions.
+
+### Understanding JSON Responses
+
+**When the server processes your form successfully:**
+```json
+{
+  "user": "john_doe",
+  "currency": "$",
+  "description": "Personal savings",
+  "balance": 100,
+  "id": "unique_account_id"
+}
 ```
 
-Now try registering a new account with your name. After clicking the *Register* button, you should see something like this:
+**This response confirms:**
+- **Creates** a new account with your specified data
+- **Assigns** a unique identifier for future reference
+- **Returns** all account information for verification
+- **Indicates** successful database storage
 
-![A browser window at the address localhost:5000/api/accounts, showing a JSON string with user data](../../../../translated_images/en/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.png)
+## Modern Form Handling with JavaScript
 
-If everything works correctly, the server will respond with a [JSON](https://www.json.org/json-en.html) object containing the created account data.
+Traditional form submissions cause full page reloads, similar to how early space missions required complete system resets for course corrections. This approach disrupts the user experience and loses application state.
 
-✅ Try registering again with the same name. What happens?
+JavaScript form handling works like the continuous guidance systems used by modern spacecraft – making real-time adjustments without losing navigation context. We can intercept form submissions, provide immediate feedback, handle errors gracefully, and update the interface based on server responses while maintaining the user's position in the application.
 
-## Submitting Data Without Reloading the Page
+### Why Avoid Page Reloads?
 
-As you may have noticed, there's a problem with the current approach: submitting the form redirects the browser to the server URL, taking you out of the app. Since we're building a [Single-page application (SPA)](https://en.wikipedia.org/wiki/Single-page_application), we want to avoid page reloads.
+```mermaid
+sequenceDiagram
+    participant User
+    participant SPA
+    participant Server
+    
+    User->>SPA: Submits form
+    SPA->>Server: AJAX request
+    Server-->>SPA: JSON response
+    SPA->>User: Updates interface
+    
+    Note over User,SPA: No page reload!
+```
+**Benefits of JavaScript form handling:**
+- **Maintains** application state and user context
+- **Provides** instant feedback and loading indicators
+- **Enables** dynamic error handling and validation
+- **Creates** smooth, app-like user experiences
+- **Allows** conditional logic based on server responses
+
+### Transitioning from Traditional to Modern Forms
 
-To send form data to the server without reloading the page, we need JavaScript. Instead of specifying a URL in the `action` attribute of the `<form>`, you can use JavaScript code prefixed with `javascript:` to define custom actions. This approach requires implementing tasks that the browser would normally handle automatically:
+**Traditional approach challenges:**
+- **Redirects** users away from your application
+- **Loses** current application state and context
+- **Requires** full page reloads for simple operations
+- **Provides** limited control over user feedback
 
-- Extracting form data.
-- Converting and encoding the data into a suitable format.
-- Creating and sending the HTTP request.
+**Modern JavaScript approach advantages:**
+- **Keeps** users within your application
+- **Maintains** all application state and data
+- **Enables** real-time validation and feedback
+- **Supports** progressive enhancement and accessibility
 
-### Task
+### Implementing JavaScript Form Handling
 
-Replace the `action` attribute in the registration form with:
+Let's replace the traditional form submission with modern JavaScript event handling:
 
 ```html
-<form id="registerForm" action="javascript:register()">
+<!-- Remove the action attribute and add event handling -->
+<form id="registerForm" method="POST" novalidate>
 ```
 
-Open `app.js` and add a new function named `register`:
+**Add the registration logic to your `app.js` file:**
 
-```js
+```javascript
+// Modern event-driven form handling
 function register() {
   const registerForm = document.getElementById('registerForm');
   const formData = new FormData(registerForm);
   const data = Object.fromEntries(formData);
   const jsonData = JSON.stringify(data);
+  
+  console.log('Form data prepared:', data);
 }
+
+// Attach event listener when the page loads
+document.addEventListener('DOMContentLoaded', () => {
+  const registerForm = document.getElementById('registerForm');
+  registerForm.addEventListener('submit', (event) => {
+    event.preventDefault(); // Prevent default form submission
+    register();
+  });
+});
+```
+
+**Breaking down what happens here:**
+- **Prevents** default form submission using `event.preventDefault()`
+- **Retrieves** the form element using modern DOM selection
+- **Extracts** form data using the powerful `FormData` API
+- **Converts** FormData to a plain object with `Object.fromEntries()`
+- **Serializes** the data to JSON format for server communication
+- **Logs** the processed data for debugging and verification
+
+### Understanding the FormData API
+
+**The FormData API provides powerful form handling:**
+
+```javascript
+// Example of what FormData captures
+const formData = new FormData(registerForm);
+
+// FormData automatically captures:
+// {
+//   "user": "john_doe",
+//   "currency": "$",
+//   "description": "Personal account",
+//   "balance": "100"
+// }
 ```
 
-Here, we use `getElementById()` to retrieve the form element and the [`FormData`](https://developer.mozilla.org/docs/Web/API/FormData) helper to extract key/value pairs from the form controls. We then convert the data into a regular object using [`Object.fromEntries()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries) and serialize it into [JSON](https://www.json.org/json-en.html), a format commonly used for web data exchange.
+**FormData API advantages:**
+- **Comprehensive collection**: Captures all form elements including text, files, and complex inputs
+- **Type awareness**: Handles different input types automatically without custom coding
+- **Efficiency**: Eliminates manual field collection with single API call
+- **Adaptability**: Maintains functionality as form structure evolves
+
+### Creating the Server Communication Function
 
-The data is now ready to be sent to the server. Create a new function named `createAccount`:
+Now let's build a robust function to communicate with your API server using modern JavaScript patterns:
 
-```js
+```javascript
 async function createAccount(account) {
   try {
     const response = await fetch('//localhost:5000/api/accounts', {
       method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
+      headers: { 
+        'Content-Type': 'application/json',
+        'Accept': 'application/json'
+      },
       body: account
     });
+    
+    // Check if the response was successful
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    
     return await response.json();
   } catch (error) {
-    return { error: error.message || 'Unknown error' };
+    console.error('Account creation failed:', error);
+    return { error: error.message || 'Network error occurred' };
   }
 }
 ```
 
-What does this function do? First, notice the `async` keyword, which indicates that the function contains [**asynchronous**](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/async_function) code. Using `await` allows the function to pause execution until the asynchronous code completes—like waiting for the server response.
-
-Here's a quick video about `async/await`:
-
-[![Async and Await for managing promises](https://img.youtube.com/vi/YwmlRkrxvkk/0.jpg)](https://youtube.com/watch?v=YwmlRkrxvkk "Async and Await for managing promises")
-
-> 🎥 Click the image above for a video about async/await.
-
-We use the `fetch()` API to send JSON data to the server. This method takes two parameters:
+**Understanding asynchronous JavaScript:**
+
+```mermaid
+sequenceDiagram
+    participant JS as JavaScript
+    participant Fetch as Fetch API
+    participant Server as Backend Server
+    
+    JS->>Fetch: fetch() request
+    Fetch->>Server: HTTP POST
+    Server-->>Fetch: JSON response
+    Fetch-->>JS: await response
+    JS->>JS: Process data
+```
+**What this modern implementation accomplishes:**
+- **Uses** `async/await` for readable asynchronous code
+- **Includes** proper error handling with try/catch blocks
+- **Checks** response status before processing data
+- **Sets** appropriate headers for JSON communication
+- **Provides** detailed error messages for debugging
+- **Returns** consistent data structure for success and error cases
 
-- The server URL (`//localhost:5000/api/accounts`).
-- Request settings, where we specify the `POST` method and provide the `body`. Since we're sending JSON data, we also set the `Content-Type` header to `application/json` so the server knows how to interpret the content.
+### The Power of Modern Fetch API
 
-The server responds with JSON, which we parse using `await response.json()`. This method is asynchronous, so we use `await` to handle potential errors during parsing.
+**Fetch API advantages over older methods:**
 
-Now, update the `register` function to call `createAccount()`:
+| Feature | Benefit | Implementation |
+|---------|---------|----------------|
+| Promise-based | Clean async code | `await fetch()` |
+| Request customization | Full HTTP control | Headers, methods, body |
+| Response handling | Flexible data parsing | `.json()`, `.text()`, `.blob()` |
+| Error handling | Comprehensive error catching | Try/catch blocks |
 
-```js
-const result = await createAccount(jsonData);
-```
+> 🎥 **Learn More**: [Async/Await Tutorial](https://youtube.com/watch?v=YwmlRkrxvkk) - Understanding asynchronous JavaScript patterns for modern web development.
 
-Since we use `await` in the `register` function, we need to add the `async` keyword:
+**Key concepts for server communication:**
+- **Async functions** allow pausing execution to wait for server responses
+- **Await keyword** makes asynchronous code read like synchronous code
+- **Fetch API** provides modern, promise-based HTTP requests
+- **Error handling** ensures your app responds gracefully to network issues
 
-```js
-async function register() {
-```
+### Completing the Registration Function
 
-Finally, add some logs to check the result. The final function should look like this:
+Let's bring everything together with a complete, production-ready registration function:
 
-```js
+```javascript
 async function register() {
   const registerForm = document.getElementById('registerForm');
-  const formData = new FormData(registerForm);
-  const jsonData = JSON.stringify(Object.fromEntries(formData));
-  const result = await createAccount(jsonData);
-
-  if (result.error) {
-    return console.log('An error occurred:', result.error);
+  const submitButton = registerForm.querySelector('button[type="submit"]');
+  
+  try {
+    // Show loading state
+    submitButton.disabled = true;
+    submitButton.textContent = 'Creating Account...';
+    
+    // Process form data
+    const formData = new FormData(registerForm);
+    const jsonData = JSON.stringify(Object.fromEntries(formData));
+    
+    // Send to server
+    const result = await createAccount(jsonData);
+    
+    if (result.error) {
+      console.error('Registration failed:', result.error);
+      alert(`Registration failed: ${result.error}`);
+      return;
+    }
+    
+    console.log('Account created successfully!', result);
+    alert(`Welcome, ${result.user}! Your account has been created.`);
+    
+    // Reset form after successful registration
+    registerForm.reset();
+    
+  } catch (error) {
+    console.error('Unexpected error:', error);
+    alert('An unexpected error occurred. Please try again.');
+  } finally {
+    // Restore button state
+    submitButton.disabled = false;
+    submitButton.textContent = 'Create Account';
   }
-
-  console.log('Account created!', result);
 }
 ```
 
-That was a lot, but we made it! Open your [browser developer tools](https://developer.mozilla.org/docs/Learn/Common_questions/What_are_browser_developer_tools) and try registering a new account. You won't see any changes on the page, but a message will appear in the console confirming that everything works.
+**This enhanced implementation includes:**
+- **Provides** visual feedback during form submission
+- **Disables** the submit button to prevent duplicate submissions
+- **Handles** both expected and unexpected errors gracefully
+- **Shows** user-friendly success and error messages
+- **Resets** the form after successful registration
+- **Restores** UI state regardless of outcome
+
+### Testing Your Implementation
+
+**Open your browser developer tools and test the registration:**
+
+1. **Open** the browser console (F12 → Console tab)
+2. **Fill out** the registration form
+3. **Click** "Create Account"
+4. **Observe** the console messages and user feedback
+
+![Screenshot showing log message in the browser console](../../../../translated_images/en/browser-console.efaf0b51aaaf6778.webp)
+
+**What you should see:**
+- **Loading state** appears on the submit button
+- **Console logs** show detailed information about the process
+- **Success message** appears when account creation succeeds
+- **Form resets** automatically after successful submission
+
+> 🔒 **Security Consideration**: Currently, data travels over HTTP, which is not secure for production. In real applications, always use HTTPS to encrypt data transmission. Learn more about [HTTPS security](https://en.wikipedia.org/wiki/HTTPS) and why it's essential for protecting user data.
+
+### 🔄 **Pedagogical Check-in**
+**Modern JavaScript Integration**: Verify your understanding of asynchronous form handling:
+- ✅ How does `event.preventDefault()` change default form behavior?
+- ✅ Why is the FormData API more efficient than manual field collection?
+- ✅ How do async/await patterns improve code readability?
+- ✅ What role does error handling play in user experience?
+
+**System Architecture**: Your form handling demonstrates:
+- **Event-Driven Programming**: Forms respond to user actions without page reloads
+- **Asynchronous Communication**: Server requests don't block the user interface
+- **Error Handling**: Graceful degradation when network requests fail
+- **State Management**: UI updates reflect server responses appropriately
+- **Progressive Enhancement**: Base functionality works, JavaScript enhances it
+
+**Professional Patterns**: You've implemented:
+- **Single Responsibility**: Functions have clear, focused purposes
+- **Error Boundaries**: Try/catch blocks prevent application crashes
+- **User Feedback**: Loading states and success/error messaging
+- **Data Transformation**: FormData to JSON for server communication
+
+## Comprehensive Form Validation
+
+Form validation prevents the frustrating experience of discovering errors only after submission. Like the multiple redundant systems on the International Space Station, effective validation employs multiple layers of safety checks.
+
+The optimal approach combines browser-level validation for immediate feedback, JavaScript validation for enhanced user experience, and server-side validation for security and data integrity. This redundancy ensures both user satisfaction and system protection.
+
+### Understanding Validation Layers
+
+```mermaid
+graph TD
+    A[User Input] --> B[HTML5 Validation]
+    B --> C[Custom JavaScript Validation]
+    C --> D[Client-Side Complete]
+    D --> E[Server-Side Validation]
+    E --> F[Data Storage]
+    
+    B -->|Invalid| G[Browser Error Message]
+    C -->|Invalid| H[Custom Error Display]
+    E -->|Invalid| I[Server Error Response]
+```
+**Multi-layer validation strategy:**
+- **HTML5 validation**: Immediate browser-based checks
+- **JavaScript validation**: Custom logic and user experience
+- **Server validation**: Final security and data integrity checks
+- **Progressive enhancement**: Works even if JavaScript is disabled
 
-![Screenshot showing log message in the browser console](../../../../translated_images/en/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.png)
+### HTML5 Validation Attributes
 
-✅ Do you think the data is sent securely? What if someone intercepts the request? Learn more about [HTTPS](https://en.wikipedia.org/wiki/HTTPS) for secure data communication.
+**Modern validation tools at your disposal:**
 
-## Data Validation
+| Attribute | Purpose | Example Usage | Browser Behavior |
+|-----------|---------|---------------|------------------|
+| `required` | Mandatory fields | `<input required>` | Prevents empty submission |
+| `minlength`/`maxlength` | Text length limits | `<input maxlength="20">` | Enforces character limits |
+| `min`/`max` | Numeric ranges | `<input min="0" max="1000">` | Validates number bounds |
+| `pattern` | Custom regex rules | `<input pattern="[A-Za-z]+">` | Matches specific formats |
+| `type` | Data type validation | `<input type="email">` | Format-specific validation |
 
-If you try to register a new account without entering a username, the server will return an error with status code [400 (Bad Request)](https://developer.mozilla.org/docs/Web/HTTP/Status/400#:~:text=The%20HyperText%20Transfer%20Protocol%20(HTTP,%2C%20or%20deceptive%20request%20routing).).
+### CSS Validation Styling
 
-Before sending data to the server, it's good practice to [validate the form data](https://developer.mozilla.org/docs/Learn/Forms/Form_validation) to ensure the request is valid. HTML5 form controls offer built-in validation using attributes like:
+**Create visual feedback for validation states:**
 
-- `required`: Ensures the field is filled before submission.
-- `minlength` and `maxlength`: Sets minimum and maximum character limits for text fields.
-- `min` and `max`: Defines minimum and maximum values for numerical fields.
-- `type`: Specifies the expected data type, such as `number`, `email`, or `file`. This attribute may also affect the visual appearance of the form control.
-- `pattern`: Allows defining a [regular expression](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Regular_Expressions) to validate the input.
-Tip: You can adjust the appearance of your form controls based on whether they are valid or not by using the `:valid` and `:invalid` CSS pseudo-classes.
-### Task
+```css
+/* Valid input styling */
+input:valid {
+  border-color: #28a745;
+  background-color: #f8fff9;
+}
 
-There are 2 required fields to create a valid new account: the username and currency. The other fields are optional. Update the form's HTML by using both the `required` attribute and text in the field's label so that:
+/* Invalid input styling */
+input:invalid {
+  border-color: #dc3545;
+  background-color: #fff5f5;
+}
 
-```html
-<label for="user">Username (required)</label>
-<input id="user" name="user" type="text" required>
-...
-<label for="currency">Currency (required)</label>
-<input id="currency" name="currency" type="text" value="$" required>
+/* Focus states for better accessibility */
+input:focus:valid {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+input:focus:invalid {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
 ```
 
-Although this particular server implementation does not enforce specific limits on the maximum length of the fields, it's always a good practice to define reasonable limits for any user text entry.
+**What these visual cues accomplish:**
+- **Green borders**: Indicate successful validation, like green lights in mission control
+- **Red borders**: Signal validation errors requiring attention
+- **Focus highlights**: Provide clear visual context for current input location
+- **Consistent styling**: Establish predictable interface patterns users can learn
+
+> 💡 **Pro Tip**: Use the `:valid` and `:invalid` CSS pseudo-classes to provide immediate visual feedback as users type, creating a responsive and helpful interface.
 
-Add a `maxlength` attribute to the text fields:
+### Implementing Comprehensive Validation
+
+Let's enhance your registration form with robust validation that provides excellent user experience and data quality:
 
 ```html
-<input id="user" name="user" type="text" maxlength="20" required>
-...
-<input id="currency" name="currency" type="text" value="$" maxlength="5" required>
-...
-<input id="description" name="description" type="text" maxlength="100">
+<form id="registerForm" method="POST" novalidate>
+  <div class="form-group">
+    <label for="user">Username <span class="required">*</span></label>
+    <input id="user" name="user" type="text" required 
+           minlength="3" maxlength="20" 
+           pattern="[a-zA-Z0-9_]+" 
+           autocomplete="username"
+           title="Username must be 3-20 characters, letters, numbers, and underscores only">
+    <small class="form-text">Choose a unique username (3-20 characters)</small>
+  </div>
+  
+  <div class="form-group">
+    <label for="currency">Currency <span class="required">*</span></label>
+    <input id="currency" name="currency" type="text" required 
+           value="$" maxlength="3" 
+           pattern="[A-Z$€£¥₹]+" 
+           title="Enter a valid currency symbol or code">
+    <small class="form-text">Currency symbol (e.g., $, €, £)</small>
+  </div>
+  
+  <div class="form-group">
+    <label for="description">Account Description</label>
+    <input id="description" name="description" type="text" 
+           maxlength="100" 
+           placeholder="Personal savings, checking, etc.">
+    <small class="form-text">Optional description (up to 100 characters)</small>
+  </div>
+  
+  <div class="form-group">
+    <label for="balance">Starting Balance</label>
+    <input id="balance" name="balance" type="number" 
+           value="0" min="0" step="0.01" 
+           title="Enter a positive number for your starting balance">
+    <small class="form-text">Initial account balance (minimum $0.00)</small>
+  </div>
+  
+  <button type="submit">Create Account</button>
+</form>
 ```
 
-Now, if you press the *Register* button and a field does not comply with a validation rule we defined, you should see something like this:
+**Understanding the enhanced validation:**
+- **Combines** required field indicators with helpful descriptions
+- **Includes** `pattern` attributes for format validation
+- **Provides** `title` attributes for accessibility and tooltips
+- **Adds** helper text to guide user input
+- **Uses** semantic HTML structure for better accessibility
+
+### Advanced Validation Rules
+
+**What each validation rule accomplishes:**
+
+| Field | Validation Rules | User Benefit |
+|-------|------------------|--------------|
+| Username | `required`, `minlength="3"`, `maxlength="20"`, `pattern="[a-zA-Z0-9_]+"` | Ensures valid, unique identifiers |
+| Currency | `required`, `maxlength="3"`, `pattern="[A-Z$€£¥₹]+"` | Accepts common currency symbols |
+| Balance | `min="0"`, `step="0.01"`, `type="number"` | Prevents negative balances |
+| Description | `maxlength="100"` | Reasonable length limits |
+
+### Testing Validation Behavior
+
+**Try these validation scenarios:**
+1. **Submit** the form with empty required fields
+2. **Enter** a username shorter than 3 characters
+3. **Try** special characters in the username field
+4. **Input** a negative balance amount
+
+![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/en/validation-error.8bd23e98d416c22f.webp)
+
+**What you'll observe:**
+- **Browser displays** native validation messages
+- **Styling changes** based on `:valid` and `:invalid` states
+- **Form submission** is prevented until all validations pass
+- **Focus automatically** moves to the first invalid field
+
+### Client-Side vs Server-Side Validation
+
+```mermaid
+graph LR
+    A[Client-Side Validation] --> B[Instant Feedback]
+    A --> C[Better UX]
+    A --> D[Reduced Server Load]
+    
+    E[Server-Side Validation] --> F[Security]
+    E --> G[Data Integrity]
+    E --> H[Business Rules]
+    
+    A -.-> I[Both Required]
+    E -.-> I
+```
+**Why you need both layers:**
+- **Client-side validation**: Provides immediate feedback and improves user experience
+- **Server-side validation**: Ensures security and handles complex business rules
+- **Combined approach**: Creates robust, user-friendly, and secure applications
+- **Progressive enhancement**: Works even when JavaScript is disabled
+
+> 🛡️ **Security Reminder**: Never trust client-side validation alone! Malicious users can bypass client-side checks, so server-side validation is essential for security and data integrity.
+
+### ⚡ **What You Can Do in the Next 5 Minutes**
+- [ ] Test your form with invalid data to see validation messages
+- [ ] Try submitting the form with JavaScript disabled to see HTML5 validation
+- [ ] Open browser DevTools and inspect form data being sent to the server
+- [ ] Experiment with different input types to see mobile keyboard changes
+
+### 🎯 **What You Can Accomplish This Hour**
+- [ ] Complete the post-lesson quiz and understand form handling concepts
+- [ ] Implement the comprehensive validation challenge with real-time feedback
+- [ ] Add CSS styling to create professional-looking forms
+- [ ] Create error handling for duplicate usernames and server errors
+- [ ] Add password confirmation fields with matching validation
+
+### 📅 **Your Week-Long Form Mastery Journey**
+- [ ] Complete the full banking app with advanced form features
+- [ ] Implement file upload capabilities for profile pictures or documents
+- [ ] Add multi-step forms with progress indicators and state management
+- [ ] Create dynamic forms that adapt based on user selections
+- [ ] Implement form autosave and recovery for better user experience
+- [ ] Add advanced validation like email verification and phone number formatting
+
+### 🌟 **Your Month-Long Frontend Development Mastery**
+- [ ] Build complex form applications with conditional logic and workflows
+- [ ] Learn form libraries and frameworks for rapid development
+- [ ] Master accessibility guidelines and inclusive design principles
+- [ ] Implement internationalization and localization for global forms
+- [ ] Create reusable form component libraries and design systems
+- [ ] Contribute to open source form projects and share best practices
+
+## 🎯 Your Form Development Mastery Timeline
+
+```mermaid
+timeline
+    title Form Development & User Experience Learning Progression
+    
+    section HTML Foundation (15 minutes)
+        Semantic Forms: Form elements
+                      : Input types
+                      : Labels and accessibility
+                      : Progressive enhancement
+        
+    section JavaScript Integration (25 minutes)
+        Event Handling: Form submission
+                      : Data collection
+                      : AJAX communication
+                      : Async/await patterns
+        
+    section Validation Systems (35 minutes)
+        Multi-layer Security: HTML5 validation
+                            : Client-side logic
+                            : Server-side verification
+                            : Error handling
+        
+    section User Experience (45 minutes)
+        Interface Polish: Loading states
+                        : Success messaging
+                        : Error recovery
+                        : Accessibility features
+        
+    section Advanced Patterns (1 week)
+        Professional Forms: Dynamic validation
+                          : Multi-step workflows
+                          : File uploads
+                          : Real-time feedback
+        
+    section Enterprise Skills (1 month)
+        Production Applications: Form libraries
+                               : Testing strategies
+                               : Performance optimization
+                               : Security best practices
+```
+### 🛠️ Your Form Development Toolkit Summary
+
+After completing this lesson, you now have mastered:
+- **HTML5 Forms**: Semantic structure, input types, and accessibility features
+- **JavaScript Form Handling**: Event management, data collection, and AJAX communication
+- **Validation Architecture**: Multi-layer validation for security and user experience
+- **Asynchronous Programming**: Modern fetch API and async/await patterns
+- **Error Management**: Comprehensive error handling and user feedback systems
+- **User Experience Design**: Loading states, success messaging, and error recovery
+- **Progressive Enhancement**: Forms that work across all browsers and capabilities
+
+**Real-World Applications**: Your form development skills apply directly to:
+- **E-commerce Applications**: Checkout processes, account registration, and payment forms
+- **Enterprise Software**: Data entry systems, reporting interfaces, and workflow applications
+- **Content Management**: Publishing platforms, user-generated content, and administrative interfaces
+- **Financial Applications**: Banking interfaces, investment platforms, and transaction systems
+- **Healthcare Systems**: Patient portals, appointment scheduling, and medical record forms
+- **Educational Platforms**: Course registration, assessment tools, and learning management
+
+**Professional Skills Gained**: You can now:
+- **Design** accessible forms that work for all users including those with disabilities
+- **Implement** secure form validation that prevents data corruption and security vulnerabilities
+- **Create** responsive user interfaces that provide clear feedback and guidance
+- **Debug** complex form interactions using browser developer tools and network analysis
+- **Optimize** form performance through efficient data handling and validation strategies
+
+**Frontend Development Concepts Mastered**:
+- **Event-Driven Architecture**: User interaction handling and response systems
+- **Asynchronous Programming**: Non-blocking server communication and error handling
+- **Data Validation**: Client-side and server-side security and integrity checks
+- **User Experience Design**: Intuitive interfaces that guide users toward success
+- **Accessibility Engineering**: Inclusive design that works for diverse user needs
+
+**Next Level**: You're ready to explore advanced form libraries, implement complex validation rules, or build enterprise-grade data collection systems!
+
+🌟 **Achievement Unlocked**: You've built a complete form handling system with professional validation, error handling, and user experience patterns!
 
-![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/en/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.png)
+---
 
-Validation like this, performed *before* sending any data to the server, is called **client-side** validation. However, note that it's not always possible to perform all checks without sending the data. For example, we cannot verify here if an account already exists with the same username without sending a request to the server. Additional validation performed on the server is called **server-side** validation.
 
-Typically, both types of validation need to be implemented. While client-side validation improves the user experience by providing instant feedback, server-side validation is essential to ensure the user data you process is reliable and secure.
 
 ---
 
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the registration form with comprehensive client-side validation and user feedback. This challenge will help you practice form validation, error handling, and improving user experience with interactive feedback.
+**Prompt:** Create a complete form validation system for the registration form that includes: 1) Real-time validation feedback for each field as the user types, 2) Custom validation messages that appear below each input field, 3) A password confirmation field with matching validation, 4) Visual indicators (like green checkmarks for valid fields and red warnings for invalid ones), 5) A submit button that only becomes enabled when all validations pass. Use HTML5 validation attributes, CSS for styling the validation states, and JavaScript for the interactive behavior.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-Display an error message in the HTML if the user already exists.
+Show an error message in the HTML if the user already exists.
 
-Here's an example of what the final login page might look like after applying some styling:
+Here's an example of what the final login page can look like after a bit of styling:
 
-![Screenshot of the login page after adding CSS styles](../../../../translated_images/en/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.png)
+![Screenshot of the login page after adding CSS styles](../../../../translated_images/en/result.96ef01f607bf856a.webp)
 
 ## Post-Lecture Quiz
 
@@ -300,7 +943,7 @@ Here's an example of what the final login page might look like after applying so
 
 ## Review & Self Study
 
-Developers have come up with very creative approaches to building forms, especially when it comes to validation strategies. Explore different form designs by browsing [CodePen](https://codepen.com); can you find any interesting and inspiring forms?
+Developers have gotten very creative about their form building efforts, especially regarding validation strategies. Learn about different form flows by looking through [CodePen](https://codepen.com); can you find some interesting and inspiring forms?
 
 ## Assignment
 
@@ -308,5 +951,7 @@ Developers have come up with very creative approaches to building forms, especia
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/2-forms/assignment.md b/translations/en/7-bank-project/2-forms/assignment.md
index cf9014b82..b71eba967 100644
--- a/translations/en/7-bank-project/2-forms/assignment.md
+++ b/translations/en/7-bank-project/2-forms/assignment.md
@@ -1,27 +1,157 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "474f3ab1ee755ca980fc9104a0316e17",
-  "translation_date": "2025-08-28T11:18:58+00:00",
-  "source_file": "7-bank-project/2-forms/assignment.md",
-  "language_code": "en"
-}
--->
-# Style your bank app
+# Style Your Bank App with Modern CSS
+
+## Project Overview
+
+Transform your functional banking application into a visually appealing, professional-looking web app using modern CSS techniques. You'll create a cohesive design system that enhances user experience while maintaining accessibility and responsive design principles.
+
+This assignment challenges you to apply contemporary web design patterns, implement a consistent visual identity, and create an interface that users will find both attractive and intuitive to navigate.
 
 ## Instructions
 
-Create a new `styles.css` file and link it to your current `index.html` file. In the CSS file you just created, add some styling to make the *Login* and *Dashboard* pages look neat and organized. Try to create a color theme to give your app its own unique branding.
+### Step 1: Setup Your Stylesheet
+
+**Create your CSS foundation:**
+
+1. **Create** a new file called `styles.css` in your project root
+2. **Link** the stylesheet in your `index.html` file:
+   ```html
+   <link rel="stylesheet" href="styles.css">
+   ```
+3. **Start** with CSS reset and modern defaults:
+   ```css
+   /* Modern CSS reset and base styles */
+   * {
+     margin: 0;
+     padding: 0;
+     box-sizing: border-box;
+   }
+   
+   body {
+     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+     line-height: 1.6;
+     color: #333;
+   }
+   ```
+
+### Step 2: Design System Requirements
+
+**Implement these essential design elements:**
+
+#### Color Palette
+- **Primary color**: Choose a professional color for buttons and highlights
+- **Secondary color**: Complementary color for accents and secondary actions
+- **Neutral colors**: Grays for text, borders, and backgrounds
+- **Success/Error colors**: Green for success states, red for errors
+
+#### Typography
+- **Heading hierarchy**: Clear distinction between H1, H2, and H3 elements
+- **Body text**: Readable font size (minimum 16px) and appropriate line height
+- **Form labels**: Clear, accessible text styling
+
+#### Layout and Spacing
+- **Consistent spacing**: Use a spacing scale (8px, 16px, 24px, 32px)
+- **Grid system**: Organized layout for forms and content sections
+- **Responsive design**: Mobile-first approach with breakpoints
+
+### Step 3: Component Styling
+
+**Style these specific components:**
+
+#### Forms
+- **Input fields**: Professional borders, focus states, and validation styling
+- **Buttons**: Hover effects, disabled states, and loading indicators
+- **Labels**: Clear positioning and required field indicators
+- **Error messages**: Visible error styling and helpful messaging
+
+#### Navigation
+- **Header**: Clean, branded navigation area
+- **Links**: Clear hover states and active indicators
+- **Logo/Title**: Distinctive branding element
+
+#### Content Areas
+- **Sections**: Clear visual separation between different areas
+- **Cards**: If using card-based layouts, include shadows and borders
+- **Backgrounds**: Appropriate use of white space and subtle backgrounds
+
+### Step 4: Enhanced Features (Optional)
+
+**Consider implementing these advanced features:**
+- **Dark mode**: Toggle between light and dark themes
+- **Animations**: Subtle transitions and micro-interactions
+- **Loading states**: Visual feedback during form submissions
+- **Responsive images**: Optimized images for different screen sizes
+
+## Design Inspiration
+
+**Modern banking app characteristics:**
+- **Clean, minimal design** with plenty of white space
+- **Professional color schemes** (blues, greens, or sophisticated neutrals)
+- **Clear visual hierarchy** with prominent call-to-action buttons
+- **Accessible contrast ratios** meeting WCAG guidelines
+- **Mobile-responsive layouts** that work on all devices
+
+## Technical Requirements
+
+### CSS Organization
+```css
+/* 1. CSS Custom Properties (Variables) */
+:root {
+  --primary-color: #007bff;
+  --secondary-color: #6c757d;
+  /* Add more variables */
+}
+
+/* 2. Base Styles */
+/* Reset, typography, general elements */
+
+/* 3. Layout */
+/* Grid, flexbox, positioning */
+
+/* 4. Components */
+/* Forms, buttons, cards */
+
+/* 5. Utilities */
+/* Helper classes, responsive utilities */
+
+/* 6. Media Queries */
+/* Responsive breakpoints */
+```
+
+### Accessibility Requirements
+- **Color contrast**: Ensure at least 4.5:1 ratio for normal text
+- **Focus indicators**: Visible focus states for keyboard navigation
+- **Form labels**: Properly associated with inputs
+- **Responsive design**: Usable on screens from 320px to 1920px wide
+
+## Evaluation Rubric
+
+| Criteria | Exemplary (A) | Proficient (B) | Developing (C) | Needs Improvement (F) |
+|----------|---------------|----------------|----------------|----------------------|
+| **Design System** | Implements comprehensive design system with consistent colors, typography, and spacing throughout | Uses consistent styling with clear design patterns and good visual hierarchy | Basic styling applied with some consistency issues or missing design elements | Minimal styling with inconsistent or conflicting design choices |
+| **User Experience** | Creates intuitive, professional interface with excellent usability and visual appeal | Provides good user experience with clear navigation and readable content | Basic usability with some UX improvements needed | Poor usability, difficult to navigate or read |
+| **Technical Implementation** | Uses modern CSS techniques, organized code structure, and follows best practices | Implements CSS effectively with good organization and appropriate techniques | CSS works correctly but may lack organization or modern approaches | Poor CSS implementation with technical issues or browser compatibility problems |
+| **Responsive Design** | Fully responsive design that works beautifully across all device sizes | Good responsive behavior with minor issues on some screen sizes | Basic responsive implementation with some layout issues | Not responsive or significant problems on mobile devices |
+| **Accessibility** | Meets WCAG guidelines with excellent keyboard navigation and screen reader support | Good accessibility practices with proper contrast and focus indicators | Basic accessibility considerations with some missing elements | Poor accessibility, difficult for users with disabilities |
+
+## Submission Guidelines
 
-> Tip: You can modify the HTML and add new elements and classes if necessary.
+**Include in your submission:**
+- **styles.css**: Your complete stylesheet
+- **Updated HTML**: Any HTML modifications you made
+- **Screenshots**: Images showing your design on desktop and mobile
+- **README**: Brief description of your design choices and color palette
 
-## Rubric
+**Bonus points for:**
+- **CSS custom properties** for maintainable theming
+- **Advanced CSS features** like Grid, Flexbox, or CSS animations
+- **Performance considerations** like optimized CSS and minimal file size
+- **Cross-browser testing** ensuring compatibility across different browsers
 
-| Criteria | Exemplary                                                                                                               | Adequate                                                                       | Needs Improvement                                                                             |
-| -------- | ----------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------- |
-|          | All pages look clean and easy to read, with a consistent color theme and clearly defined sections.                      | Pages are styled but lack a theme or have sections that are not clearly defined. | Pages lack styling, sections appear disorganized, and the information is hard to read.        |
+> 💡 **Pro Tip**: Start with mobile design first, then enhance for larger screens. This mobile-first approach ensures your app works well on all devices and follows modern web development best practices.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/3-data/README.md b/translations/en/7-bank-project/3-data/README.md
index 5acf2c200..868f6a274 100644
--- a/translations/en/7-bank-project/3-data/README.md
+++ b/translations/en/7-bank-project/3-data/README.md
@@ -1,67 +1,234 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "89d0df9854ed020f155e94882ae88d4c",
-  "translation_date": "2025-08-29T13:15:47+00:00",
-  "source_file": "7-bank-project/3-data/README.md",
-  "language_code": "en"
-}
--->
 # Build a Banking App Part 3: Methods of Fetching and Using Data
 
-## Pre-Lecture Quiz
+Think about the Enterprise's computer in Star Trek - when Captain Picard asks for ship status, the information appears instantly without the whole interface shutting down and rebuilding itself. That seamless flow of information is exactly what we're building here with dynamic data fetching.
 
-[Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/45)
+Right now, your banking app is like a printed newspaper - informative but static. We're going to transform it into something more like mission control at NASA, where data flows continuously and updates in real-time without interrupting the user's workflow.
 
-### Introduction
+You'll learn how to communicate with servers asynchronously, handle data that arrives at different times, and transform raw information into something meaningful for your users. This is the difference between a demo and production-ready software.
 
-Data is the backbone of every web application. It comes in various forms, but its primary purpose is to present information to users. As web apps grow more interactive and complex, how users access and interact with this information has become a crucial aspect of web development.
+## ⚡ What You Can Do in the Next 5 Minutes
+
+**Quick Start Pathway for Busy Developers**
+
+```mermaid
+flowchart LR
+    A[⚡ 5 minutes] --> B[Set up API server]
+    B --> C[Test fetch with curl]
+    C --> D[Create login function]
+    D --> E[See data in action]
+```
+- **Minute 1-2**: Start your API server (`cd api && npm start`) and test the connection
+- **Minute 3**: Create a basic `getAccount()` function using fetch
+- **Minute 4**: Wire up the login form with `action="javascript:login()"`
+- **Minute 5**: Test login and watch account data appear in the console
+
+**Quick Test Commands**:
+```bash
+# Verify API is running
+curl http://localhost:5000/api
 
-In this lesson, we'll explore how to fetch data asynchronously from a server and use it to display information on a web page without reloading the HTML.
+# Test account data fetch
+curl http://localhost:5000/api/accounts/test
+```
+
+**Why This Matters**: In 5 minutes, you'll see the magic of asynchronous data fetching that powers every modern web application. This is the foundation that makes apps feel responsive and alive.
+
+## 🗺️ Your Learning Journey Through Data-Driven Web Applications
+
+```mermaid
+journey
+    title From Static Pages to Dynamic Applications
+    section Understanding the Evolution
+      Traditional page reloads: 3: You
+      Discover AJAX/SPA benefits: 5: You
+      Master Fetch API patterns: 7: You
+    section Building Authentication
+      Create login functions: 4: You
+      Handle async operations: 6: You
+      Manage user sessions: 8: You
+    section Dynamic UI Updates
+      Learn DOM manipulation: 5: You
+      Build transaction displays: 7: You
+      Create responsive dashboards: 9: You
+    section Professional Patterns
+      Template-based rendering: 6: You
+      Error handling strategies: 7: You
+      Performance optimization: 8: You
+```
+**Your Journey Destination**: By the end of this lesson, you'll understand how modern web applications fetch, process, and display data dynamically, creating the seamless user experiences we expect from professional applications.
+
+## Pre-Lecture Quiz
+
+[Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/45)
 
-### Prerequisite
+### Prerequisites
 
-Before starting this lesson, you should have completed the [Login and Registration Form](../2-forms/README.md) section of the web app. Additionally, ensure you have installed [Node.js](https://nodejs.org) and [run the server API](../api/README.md) locally to access account data.
+Before diving into data fetching, ensure you have these components ready:
 
-You can verify that the server is running correctly by executing the following command in a terminal:
+- **Previous Lesson**: Complete the [Login and Registration Form](../2-forms/README.md) - we'll build on this foundation
+- **Local Server**: Install [Node.js](https://nodejs.org) and [run the server API](../api/README.md) to provide account data
+- **API Connection**: Test your server connection with this command:
 
-```sh
+```bash
 curl http://localhost:5000/api
-# -> should return "Bank API v1.0.0" as a result
+# Expected response: "Bank API v1.0.0"
 ```
 
+This quick test ensures all components are communicating properly:
+- Verifies that Node.js is running correctly on your system
+- Confirms your API server is active and responding
+- Validates that your app can reach the server (like checking radio contact before a mission)
+
+## 🧠 Data Management Ecosystem Overview
+
+```mermaid
+mindmap
+  root((Data Management))
+    Authentication Flow
+      Login Process
+        Form Validation
+        Credential Verification
+        Session Management
+      User State
+        Global Account Object
+        Navigation Guards
+        Error Handling
+    API Communication
+      Fetch Patterns
+        GET Requests
+        POST Requests
+        Error Responses
+      Data Formats
+        JSON Processing
+        URL Encoding
+        Response Parsing
+    Dynamic UI Updates
+      DOM Manipulation
+        Safe Text Updates
+        Element Creation
+        Template Cloning
+      User Experience
+        Real-time Updates
+        Error Messages
+        Loading States
+    Security Considerations
+      XSS Prevention
+        textContent Usage
+        Input Sanitization
+        Safe HTML Creation
+      CORS Handling
+        Cross-Origin Requests
+        Header Configuration
+        Development Setup
+```
+**Core Principle**: Modern web applications are data orchestration systems - they coordinate between user interfaces, server APIs, and browser security models to create seamless, responsive experiences.
+
 ---
 
-## AJAX and data fetching
+## Understanding Data Fetching in Modern Web Apps
+
+The way web applications handle data has evolved dramatically over the past two decades. Understanding this evolution will help you appreciate why modern techniques like AJAX and the Fetch API are so powerful and why they've become essential tools for web developers.
+
+Let's explore how traditional websites worked compared to the dynamic, responsive applications we build today.
 
-Traditional websites update their content when users click a link or submit a form by reloading the entire HTML page. Each time new data is needed, the web server sends back a fresh HTML page, which the browser processes. This interrupts the user's current action and limits interactions during the reload. This approach is known as a *Multi-Page Application* or *MPA*.
+### Traditional Multi-Page Applications (MPA)
+
+In the early days of the web, every click was like changing channels on an old television - the screen would go blank, then slowly tune into the new content. This was the reality of early web applications, where every interaction meant completely rebuilding the entire page from scratch.
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant Server
+    
+    User->>Browser: Clicks link or submits form
+    Browser->>Server: Requests new HTML page
+    Note over Browser: Page goes blank
+    Server->>Browser: Returns complete HTML page
+    Browser->>User: Displays new page (flash/reload)
+```
+![Update workflow in a multi-page application](../../../../translated_images/en/mpa.7f7375a1a2d4aa77.webp)
+
+**Why this approach felt clunky:**
+- Every click meant rebuilding the entire page from scratch
+- Users got interrupted mid-thought by those annoying page flashes
+- Your internet connection worked overtime downloading the same header and footer repeatedly
+- Apps felt more like clicking through a filing cabinet than using software
+
+### Modern Single-Page Applications (SPA)
+
+AJAX (Asynchronous JavaScript and XML) changed this paradigm entirely. Like the modular design of the International Space Station, where astronauts can replace individual components without rebuilding the entire structure, AJAX allows us to update specific parts of a webpage without reloading everything. Despite the name mentioning XML, we mostly use JSON today, but the core principle remains: update only what needs to change.
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Browser
+    participant JavaScript
+    participant Server
+    
+    User->>Browser: Interacts with page
+    Browser->>JavaScript: Triggers event handler
+    JavaScript->>Server: Fetches only needed data
+    Server->>JavaScript: Returns JSON data
+    JavaScript->>Browser: Updates specific page elements
+    Browser->>User: Shows updated content (no reload)
+```
+![Update workflow in a single-page application](../../../../translated_images/en/spa.268ec73b41f992c2.webp)
 
-![Update workflow in a multi-page application](../../../../translated_images/en/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.png)
+**Why SPAs feel so much better:**
+- Only the parts that actually changed get updated (smart, right?)
+- No more jarring interruptions - your users stay in their flow
+- Less data traveling over the wire means faster loading
+- Everything feels snappy and responsive, like the apps on your phone
 
-As web applications became more interactive and complex, a technique called [AJAX (Asynchronous JavaScript and XML)](https://en.wikipedia.org/wiki/Ajax_(programming)) was introduced. AJAX allows web apps to send and retrieve data from a server asynchronously using JavaScript, without reloading the HTML page. This results in faster updates and smoother user experiences. Once new data is received, JavaScript can update the current HTML page using the [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model) API. Over time, this approach evolved into what is now known as a [*Single-Page Application* or *SPA*](https://en.wikipedia.org/wiki/Single-page_application).
+### The Evolution to Modern Fetch API
 
-![Update workflow in a single-page application](../../../../translated_images/en/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.png)
+Modern browsers provide the [`Fetch` API](https://developer.mozilla.org/docs/Web/API/Fetch_API), which replaces the older [`XMLHttpRequest`](https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest). Like the difference between operating a telegraph and using email, Fetch API uses promises for cleaner asynchronous code and handles JSON naturally.
 
-Initially, the only API available for asynchronous data fetching was [`XMLHttpRequest`](https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest). However, modern browsers now support the more convenient and powerful [`Fetch` API](https://developer.mozilla.org/docs/Web/API/Fetch_API), which uses promises and is better suited for handling JSON data.
+| Feature | XMLHttpRequest | Fetch API |
+|---------|----------------|----------|
+| **Syntax** | Complex callback-based | Clean promise-based |
+| **JSON Handling** | Manual parsing required | Built-in `.json()` method |
+| **Error Handling** | Limited error information | Comprehensive error details |
+| **Modern Support** | Legacy compatibility | ES6+ promises and async/await |
 
-> While all modern browsers support the `Fetch API`, if you want your web application to work on older browsers, it's a good idea to check the [compatibility table on caniuse.com](https://caniuse.com/fetch) first.
+> 💡 **Browser Compatibility**: Good news - the Fetch API works in all modern browsers! If you're curious about specific versions, [caniuse.com](https://caniuse.com/fetch) has the complete compatibility story.
+> 
+**The bottom line:**
+- Works great in Chrome, Firefox, Safari, and Edge (basically everywhere your users are)
+- Only Internet Explorer needs extra help (and honestly, it's time to let IE go)
+- Sets you up perfectly for the elegant async/await patterns we'll use later
 
-### Task
+### Implementing User Login and Data Retrieval
 
-In [the previous lesson](../2-forms/README.md), we implemented the registration form to create an account. Now, we'll add code to log in using an existing account and fetch its data. Open the `app.js` file and add a new `login` function:
+Now let's implement the login system that transforms your banking app from a static display into a functional application. Like the authentication protocols used in secure military facilities, we'll verify user credentials and then provide access to their specific data.
 
-```js
+We'll build this incrementally, starting with basic authentication and then adding the data-fetching capabilities.
+
+#### Step 1: Create the Login Function Foundation
+
+Open your `app.js` file and add a new `login` function. This will handle the user authentication process:
+
+```javascript
 async function login() {
-  const loginForm = document.getElementById('loginForm')
+  const loginForm = document.getElementById('loginForm');
   const user = loginForm.user.value;
 }
 ```
 
-Here, we start by retrieving the form element using `getElementById()`. Then, we get the username from the input field using `loginForm.user.value`. Each form control can be accessed by its name (defined in the HTML using the `name` attribute) as a property of the form.
+**Let's break this down:**
+- That `async` keyword? It's telling JavaScript "hey, this function might need to wait for things"
+- We're grabbing our form from the page (nothing fancy, just finding it by its ID)
+- Then we're pulling out whatever the user typed as their username
+- Here's a neat trick: you can access any form input by its `name` attribute - no need for extra getElementById calls!
+
+> 💡 **Form Access Pattern**: Every form control can be accessed by its name (set in the HTML using the `name` attribute) as a property of the form element. This provides a clean, readable way to get form data.
 
-Similar to the registration process, we'll create another function to send a server request, but this time to retrieve account data:
+#### Step 2: Create the Account Data Fetching Function
 
-```js
+Next, we'll create a dedicated function to retrieve account data from the server. This follows the same pattern as your registration function but focuses on data retrieval:
+
+```javascript
 async function getAccount(user) {
   try {
     const response = await fetch('//localhost:5000/api/accounts/' + encodeURIComponent(user));
@@ -72,15 +239,58 @@ async function getAccount(user) {
 }
 ```
 
-We use the `fetch` API to request data asynchronously from the server. This time, we don't need any extra parameters other than the URL, as we're only querying data. By default, `fetch` creates a [`GET`](https://developer.mozilla.org/docs/Web/HTTP/Methods/GET) HTTP request, which is exactly what we need here.
-
-✅ `encodeURIComponent()` is a function that escapes special characters for URLs. What problems might arise if we don't use this function and directly include the `user` value in the URL?
+**Here's what this code accomplishes:**
+- **Uses** the modern `fetch` API to request data asynchronously
+- **Constructs** a GET request URL with the username parameter
+- **Applies** `encodeURIComponent()` to safely handle special characters in URLs
+- **Converts** the response to JSON format for easy data manipulation
+- **Handles** errors gracefully by returning an error object instead of crashing
+
+> ⚠️ **Security Note**: The `encodeURIComponent()` function handles special characters in URLs. Like the encoding systems used in naval communications, it ensures your message arrives exactly as intended, preventing characters like "#" or "&" from being misinterpreted.
+> 
+**Why this matters:**
+- Prevents special characters from breaking URLs
+- Protects against URL manipulation attacks
+- Ensures your server receives the intended data
+- Follows secure coding practices
+
+#### Understanding HTTP GET Requests
+
+Here's something that might surprise you: when you use `fetch` without any extra options, it automatically creates a [`GET`](https://developer.mozilla.org/docs/Web/HTTP/Methods/GET) request. This is perfect for what we're doing - asking the server "hey, can I see this user's account data?"
+
+Think of GET requests like politely asking to borrow a book from the library - you're requesting to see something that already exists. POST requests (which we used for registration) are more like submitting a new book to be added to the collection.
+
+| GET Request | POST Request |
+|-------------|-------------|
+| **Purpose** | Retrieve existing data | Send new data to server |
+| **Parameters** | In URL path/query string | In request body |
+| **Caching** | Can be cached by browsers | Not typically cached |
+| **Security** | Visible in URL/logs | Hidden in request body |
+
+```mermaid
+sequenceDiagram
+    participant B as Browser
+    participant S as Server
+    
+    Note over B,S: GET Request (Data Retrieval)
+    B->>S: GET /api/accounts/test
+    S-->>B: 200 OK + Account Data
+    
+    Note over B,S: POST Request (Data Submission)
+    B->>S: POST /api/accounts + New Account Data
+    S-->>B: 201 Created + Confirmation
+    
+    Note over B,S: Error Handling
+    B->>S: GET /api/accounts/nonexistent
+    S-->>B: 404 Not Found + Error Message
+```
+#### Step 3: Bringing It All Together
 
-Next, we'll update our `login` function to use `getAccount`:
+Now for the satisfying part - let's connect your account fetching function to the login process. This is where everything clicks into place:
 
-```js
+```javascript
 async function login() {
-  const loginForm = document.getElementById('loginForm')
+  const loginForm = document.getElementById('loginForm');
   const user = loginForm.user.value;
   const data = await getAccount(user);
 
@@ -93,94 +303,272 @@ async function login() {
 }
 ```
 
-Since `getAccount` is an asynchronous function, we use the `await` keyword to wait for the server's response. As with any server request, we need to handle errors. For now, we'll simply log the error message and revisit this later.
+This function follows a clear sequence:
+- Extract the username from the form input
+- Request the user's account data from the server
+- Handle any errors that occur during the process
+- Store the account data and navigate to the dashboard upon success
 
-After retrieving the user data, we need to store it somewhere for later use in displaying dashboard information. Since the `account` variable doesn't exist yet, we'll create a global variable for it at the top of our file:
+> 🎯 **Async/Await Pattern**: Since `getAccount` is an asynchronous function, we use the `await` keyword to pause execution until the server responds. This prevents the code from continuing with undefined data.
 
-```js
+#### Step 4: Creating a Home for Your Data
+
+Your app needs somewhere to remember the account information once it's loaded. Think of this like your app's short-term memory - a place to keep the current user's data handy. Add this line at the top of your `app.js` file:
+
+```javascript
+// This holds the current user's account data
 let account = null;
 ```
 
-Once the user data is saved in a variable, we can navigate from the *login* page to the *dashboard* using the `navigate()` function we already have.
+**Why we need this:**
+- Keeps the account data accessible from anywhere in your app
+- Starting with `null` means "no one's logged in yet"
+- Gets updated when someone successfully logs in or registers
+- Acts like a single source of truth - no confusion about who's logged in
 
-Finally, we need to call our `login` function when the login form is submitted. Update the HTML as follows:
+#### Step 5: Wire Up Your Form
+
+Now let's connect your shiny new login function to your HTML form. Update your form tag like this:
 
 ```html
 <form id="loginForm" action="javascript:login()">
+  <!-- Your existing form inputs -->
+</form>
 ```
 
-Test the functionality by registering a new account and logging in with the same account.
+**What this little change does:**
+- Stops the form from doing its default "reload the whole page" behavior
+- Calls your custom JavaScript function instead
+- Keeps everything smooth and single-page-app-like
+- Gives you complete control over what happens when users hit "Login"
+
+#### Step 6: Enhance Your Registration Function
 
-Before moving on to the next section, let's complete the `register` function by adding this at the end of the function:
+For consistency, update your `register` function to also store account data and navigate to the dashboard:
 
-```js
+```javascript
+// Add these lines at the end of your register function
 account = result;
 navigate('/dashboard');
 ```
 
-✅ Did you know that by default, server APIs can only be called from the *same domain and port* as the web page you're viewing? This is a security mechanism enforced by browsers. But wait—our web app runs on `localhost:3000`, while the server API runs on `localhost:5000`. Why does it work? By using a technique called [Cross-Origin Resource Sharing (CORS)](https://developer.mozilla.org/docs/Web/HTTP/CORS), servers can add special headers to responses, allowing exceptions for specific domains.
+**This enhancement provides:**
+- **Seamless** transition from registration to dashboard
+- **Consistent** user experience between login and registration flows
+- **Immediate** access to account data after successful registration
+
+#### Testing Your Implementation
+
+```mermaid
+flowchart TD
+    A[User enters credentials] --> B[Login function called]
+    B --> C[Fetch account data from server]
+    C --> D{Data received successfully?}
+    D -->|Yes| E[Store account data globally]
+    D -->|No| F[Display error message]
+    E --> G[Navigate to dashboard]
+    F --> H[User stays on login page]
+```
+**Time to take it for a spin:**
+1. Create a new account to make sure everything's working
+2. Try logging in with those same credentials
+3. Peek at your browser's console (F12) if anything seems off
+4. Make sure you land on the dashboard after a successful login
+
+If something's not working, don't panic! Most issues are simple fixes like typos or forgetting to start the API server.
+
+#### A Quick Word About Cross-Origin Magic
+
+You might be wondering: "How is my web app talking to this API server when they're running on different ports?" Great question! This touches on something every web developer bumps into eventually.
 
-> Learn more about APIs by taking this [lesson](https://docs.microsoft.com/learn/modules/use-apis-discover-museum-art/?WT.mc_id=academic-77807-sagibbon)
+> 🔒 **Cross-Origin Security**: Browsers enforce a "same-origin policy" to prevent unauthorized communication between different domains. Like the checkpoint system at the Pentagon, they verify that communication is authorized before allowing data transfer.
+> 
+**In our setup:**
+- Your web app runs on `localhost:3000` (development server)
+- Your API server runs on `localhost:5000` (backend server)
+- The API server includes [CORS headers](https://developer.mozilla.org/docs/Web/HTTP/CORS) that explicitly authorize communication from your web app
 
-## Update HTML to display data
+This configuration mirrors real-world development where frontend and backend applications typically run on separate servers.
 
-Now that we have the user data, we need to update the existing HTML to display it. We already know how to retrieve an element from the DOM using methods like `document.getElementById()`. Once you have a base element, here are some APIs you can use to modify it or add child elements:
+> 📚 **Learn More**: Dive deeper into APIs and data fetching with this comprehensive [Microsoft Learn module on APIs](https://docs.microsoft.com/learn/modules/use-apis-discover-museum-art/?WT.mc_id=academic-77807-sagibbon).
 
-- Use the [`textContent`](https://developer.mozilla.org/docs/Web/API/Node/textContent) property to change an element's text. Note that changing this value removes all the element's children (if any) and replaces them with the provided text. This makes it an efficient way to remove all children of an element by assigning an empty string `''`.
+## Bringing Your Data to Life in HTML
 
-- Use [`document.createElement()`](https://developer.mozilla.org/docs/Web/API/Document/createElement) along with the [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) method to create and attach new child elements.
+Now we'll make the fetched data visible to users through DOM manipulation. Like the process of developing photographs in a darkroom, we're taking invisible data and rendering it into something users can see and interact with.
 
-✅ The [`innerHTML`](https://developer.mozilla.org/docs/Web/API/Element/innerHTML) property can also be used to change an element's HTML content, but it should be avoided as it is vulnerable to [cross-site scripting (XSS)](https://developer.mozilla.org/docs/Glossary/Cross-site_scripting) attacks.
+DOM manipulation is the technique that transforms static web pages into dynamic applications that update their content based on user interactions and server responses.
 
-### Task
+### Choosing the Right Tool for the Job
+When it comes to updating your HTML with JavaScript, you've got several options. Think of these like different tools in a toolbox - each one perfect for specific jobs:
 
-Before moving on to the dashboard screen, let's address an issue on the *login* page. Currently, if you try to log in with a username that doesn't exist, an error message appears in the console, but the user doesn't see anything on the screen.
+| Method | What it's great for | When to use it | Safety level |
+|--------|---------------------|----------------|--------------|
+| `textContent` | Displaying user data safely | Any time you're showing text | ✅ Rock solid |
+| `createElement()` + `append()` | Building complex layouts | Creating new sections/lists | ✅ Bulletproof |
+| `innerHTML` | Setting HTML content | ⚠️ Try to avoid this one | ❌ Risky business |
 
-Let's add a placeholder element in the login form to display error messages. A good spot would be just before the login `<button>`:
+#### The Safe Way to Show Text: textContent
+
+The [`textContent`](https://developer.mozilla.org/docs/Web/API/Node/textContent) property is your best friend when displaying user data. It's like having a bouncer for your webpage - nothing harmful gets through:
+
+```javascript
+// The safe, reliable way to update text
+const balanceElement = document.getElementById('balance');
+balanceElement.textContent = account.balance;
+```
+
+**Benefits of textContent:**
+- Treats everything as plain text (prevents script execution)
+- Automatically clears existing content
+- Efficient for simple text updates
+- Provides built-in security against malicious content
+
+#### Creating Dynamic HTML Elements
+
+For more complex content, combine [`document.createElement()`](https://developer.mozilla.org/docs/Web/API/Document/createElement) with the [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) method:
+
+```javascript
+// Safe way to create new elements
+const transactionItem = document.createElement('div');
+transactionItem.className = 'transaction-item';
+transactionItem.textContent = `${transaction.date}: ${transaction.description}`;
+container.append(transactionItem);
+```
+
+**Understanding this approach:**
+- **Creates** new DOM elements programmatically
+- **Maintains** full control over element attributes and content
+- **Allows** for complex, nested element structures
+- **Preserves** security by separating structure from content
+
+> ⚠️ **Security Consideration**: While [`innerHTML`](https://developer.mozilla.org/docs/Web/API/Element/innerHTML) appears in many tutorials, it can execute embedded scripts. Like the security protocols at CERN that prevent unauthorized code execution, using `textContent` and `createElement` provides safer alternatives.
+> 
+**Risks of innerHTML:**
+- Executes any `<script>` tags in user data
+- Vulnerable to code injection attacks
+- Creates potential security vulnerabilities
+- The safer alternatives we're using provide equivalent functionality
+
+### Making Errors User-Friendly
+
+Currently, login errors only appear in the browser console, which is invisible to users. Like the difference between a pilot's internal diagnostics and the passenger information system, we need to communicate important information through the appropriate channel.
+
+Implementing visible error messages provides users with immediate feedback about what went wrong and how to proceed.
+
+#### Step 1: Add a Spot for Error Messages
+
+First, let's give error messages a home in your HTML. Add this right before your login button so users will see it naturally:
 
 ```html
-...
-<div id="loginError"></div>
+<!-- This is where error messages will appear -->
+<div id="loginError" role="alert"></div>
 <button>Login</button>
-...
 ```
 
-This `<div>` element is empty, meaning nothing will be displayed until we add content to it. We also assign it an `id` for easy retrieval with JavaScript.
+**What's happening here:**
+- We're creating an empty container that stays invisible until needed
+- It's positioned where users naturally look after clicking "Login"
+- That `role="alert"` is a nice touch for screen readers - it tells assistive technology "hey, this is important!"
+- The unique `id` gives our JavaScript an easy target
 
-Next, go to the `app.js` file and create a helper function `updateElement`:
+#### Step 2: Create a Handy Helper Function
 
-```js
+Let's make a little utility function that can update any element's text. This is one of those "write once, use everywhere" functions that'll save you time:
+
+```javascript
 function updateElement(id, text) {
   const element = document.getElementById(id);
   element.textContent = text;
 }
 ```
 
-This function is simple: given an element *id* and *text*, it updates the text content of the DOM element with the matching `id`. Replace the previous error message in the `login` function with this method:
+**Function benefits:**
+- Simple interface requiring only an element ID and text content
+- Safely locates and updates DOM elements
+- Reusable pattern that reduces code duplication
+- Maintains consistent updating behavior across the application
+
+#### Step 3: Show Errors Where Users Can See Them
 
-```js
+Now let's replace that hidden console message with something users can actually see. Update your login function:
+
+```javascript
+// Instead of just logging to console, show the user what's wrong
 if (data.error) {
   return updateElement('loginError', data.error);
 }
 ```
 
-Now, if you try to log in with an invalid account, you'll see something like this:
+**This small change makes a big difference:**
+- Error messages appear right where users are looking
+- No more mysterious silent failures
+- Users get immediate, actionable feedback
+- Your app starts feeling professional and thoughtful
+
+Now when you test with an invalid account, you'll see a helpful error message right on the page!
+
+![Screenshot showing the error message displayed during login](../../../../translated_images/en/login-error.416fe019b36a6327.webp)
 
-![Screenshot showing the error message displayed during login](../../../../translated_images/en/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.png)
+#### Step 4: Being Inclusive with Accessibility
 
-While the error text is visually displayed, screen readers won't announce it. To ensure dynamically added text is accessible to screen readers, we need to use a [Live Region](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions). We'll use a specific type of live region called an alert:
+Here's something cool about that `role="alert"` we added earlier - it's not just decoration! This little attribute creates what's called a [Live Region](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) that immediately announces changes to screen readers:
 
 ```html
 <div id="loginError" role="alert"></div>
 ```
 
-Apply the same behavior for error messages in the `register` function (don't forget to update the HTML).
+**Why this matters:**
+- Screen reader users hear the error message as soon as it appears
+- Everyone gets the same important information, regardless of how they navigate
+- It's a simple way to make your app work for more people
+- Shows you care about creating inclusive experiences
 
-## Display information on the dashboard
+Small touches like this separate good developers from great ones!
 
-Using the techniques we've just learned, we'll display the account information on the dashboard page.
+### 🎯 Pedagogical Check-in: Authentication Patterns
 
-Here's an example of an account object received from the server:
+**Pause and Reflect**: You've just implemented a complete authentication flow. This is a foundational pattern in web development.
+
+**Quick Self-Assessment**:
+- Can you explain why we use async/await for API calls?
+- What would happen if we forgot the `encodeURIComponent()` function?
+- How does our error handling improve the user experience?
+
+**Real-World Connection**: The patterns you've learned here (async data fetching, error handling, user feedback) are used in every major web application from social media platforms to e-commerce sites. You're building production-level skills!
+
+**Challenge Question**: How might you modify this authentication system to handle multiple user roles (customer, admin, teller)? Think about the data structure and UI changes needed.
+
+#### Step 5: Apply the Same Pattern to Registration
+
+For consistency, implement identical error handling in your registration form:
+
+1. **Add** an error display element to your registration HTML:
+```html
+<div id="registerError" role="alert"></div>
+```
+
+2. **Update** your register function to use the same error display pattern:
+```javascript
+if (data.error) {
+  return updateElement('registerError', data.error);
+}
+```
+
+**Benefits of consistent error handling:**
+- **Provides** uniform user experience across all forms
+- **Reduces** cognitive load by using familiar patterns
+- **Simplifies** maintenance with reusable code
+- **Ensures** accessibility standards are met throughout the app
+
+## Creating Your Dynamic Dashboard
+
+Now we'll transform your static dashboard into a dynamic interface that displays real account data. Like the difference between a printed flight schedule and the live departure boards at airports, we're moving from static information to real-time, responsive displays.
+
+Using the DOM manipulation techniques you've learned, we'll create a dashboard that updates automatically with current account information.
+
+### Getting to Know Your Data
+
+Before we start building, let's peek at what kind of data your server sends back. When someone successfully logs in, here's the treasure trove of information you get to work with:
 
 ```json
 {
@@ -192,15 +580,49 @@ Here's an example of an account object received from the server:
     { "id": "1", "date": "2020-10-01", "object": "Pocket money", "amount": 50 },
     { "id": "2", "date": "2020-10-03", "object": "Book", "amount": -10 },
     { "id": "3", "date": "2020-10-04", "object": "Sandwich", "amount": -5 }
-  ],
+  ]
 }
 ```
 
-> Note: To simplify testing, you can use the pre-existing `test` account, which already contains data.
+**This data structure provides:**
+- **`user`**: Perfect for personalizing the experience ("Welcome back, Sarah!")
+- **`currency`**: Makes sure we display money amounts correctly
+- **`description`**: A friendly name for the account
+- **`balance`**: The all-important current balance
+- **`transactions`**: The complete transaction history with all the details
+
+Everything you need to build a professional-looking banking dashboard!
+
+```mermaid
+flowchart TD
+    A[User Login] --> B[Fetch Account Data]
+    B --> C{Data Valid?}
+    C -->|Yes| D[Store in Global Variable]
+    C -->|No| E[Show Error Message]
+    D --> F[Navigate to Dashboard]
+    F --> G[Update UI Elements]
+    G --> H[Display Balance]
+    G --> I[Show Description]
+    G --> J[Render Transactions]
+    J --> K[Create Table Rows]
+    K --> L[Format Currency]
+    L --> M[User Sees Live Data]
+```
+> 💡 **Pro Tip**: Want to see your dashboard in action right away? Use the username `test` when you log in - it comes pre-loaded with sample data so you can see everything working without having to create transactions first.
+> 
+**Why the test account is handy:**
+- Comes with realistic sample data already loaded
+- Perfect for seeing how transactions display
+- Great for testing your dashboard features
+- Saves you from having to create dummy data manually
+
+### Creating the Dashboard Display Elements
+
+Let's build your dashboard interface step by step, starting with the account summary information and then moving on to more complex features like transaction lists.
 
-### Task
+#### Step 1: Update Your HTML Structure
 
-Start by replacing the "Balance" section in the HTML with placeholder elements:
+First, replace the static "Balance" section with dynamic placeholder elements that your JavaScript can populate:
 
 ```html
 <section>
@@ -208,17 +630,25 @@ Start by replacing the "Balance" section in the HTML with placeholder elements:
 </section>
 ```
 
-Next, add a new section below to display the account description:
+Next, add a section for the account description. Since this acts as a title for the dashboard content, use semantic HTML:
 
 ```html
 <h2 id="description"></h2>
 ```
 
-✅ Since the account description serves as a title for the content below it, it is marked up semantically as a heading. Learn more about the importance of [heading structure](https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility) for accessibility, and review the page to identify other potential headings.
+**Understanding the HTML structure:**
+- **Uses** separate `<span>` elements for balance and currency for individual control
+- **Applies** unique IDs to each element for JavaScript targeting
+- **Follows** semantic HTML by using `<h2>` for the account description
+- **Creates** a logical hierarchy for screen readers and SEO
+
+> ✅ **Accessibility Insight**: The account description functions as a title for the dashboard content, so it's marked up semantically as a heading. Learn more about how [heading structure](https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility) impacts accessibility. Can you identify other elements on your page that might benefit from heading tags?
+
+#### Step 2: Create the Dashboard Update Function
 
-Now, create a new function in `app.js` to populate the placeholders:
+Now create a function that populates your dashboard with real account data:
 
-```js
+```javascript
 function updateDashboard() {
   if (!account) {
     return navigate('/login');
@@ -230,40 +660,87 @@ function updateDashboard() {
 }
 ```
 
-First, ensure the account data is available before proceeding. Then, use the `updateElement()` function to update the HTML.
+**Step by step, here's what this function does:**
+- **Validates** that account data exists before proceeding
+- **Redirects** unauthenticated users back to the login page
+- **Updates** the account description using the reusable `updateElement` function
+- **Formats** the balance to always show two decimal places
+- **Displays** the appropriate currency symbol
 
-> To make the balance display more user-friendly, we use the [`toFixed(2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) method to format the value with two decimal places.
+> 💰 **Money Formatting**: That [`toFixed(2)`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed) method is a lifesaver! It ensures your balance always looks like real money - "75.00" instead of just "75". Your users will appreciate seeing familiar currency formatting.
 
-Call the `updateDashboard()` function every time the dashboard is loaded. If you've completed the [lesson 1 assignment](../1-template-route/assignment.md), this should be straightforward. Otherwise, use the following implementation.
+#### Step 3: Making Sure Your Dashboard Updates
 
-Add this code to the end of the `updateRoute()` function:
+To ensure your dashboard refreshes with current data every time someone visits it, we need to hook into your navigation system. If you completed the [lesson 1 assignment](../1-template-route/assignment.md), this should feel familiar. If not, don't worry - here's what you need:
 
-```js
+Add this to the end of your `updateRoute()` function:
+
+```javascript
 if (typeof route.init === 'function') {
   route.init();
 }
 ```
 
-Update the route definitions with:
+Then update your routes to include the dashboard initialization:
 
-```js
+```javascript
 const routes = {
   '/login': { templateId: 'login' },
   '/dashboard': { templateId: 'dashboard', init: updateDashboard }
 };
 ```
 
-With this change, the `updateDashboard()` function will be called whenever the dashboard page is displayed. After logging in, you should see the account balance, currency, and description.
-
-## Create table rows dynamically with HTML templates
-
-In the [first lesson](../1-template-route/README.md), we used HTML templates along with the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) method to implement navigation in our app. Templates can also be smaller and used to dynamically populate repetitive parts of a page.
-
-We'll use a similar approach to display the list of transactions in the HTML table.
-
-### Task
+**What this clever setup does:**
+- Checks if a route has special initialization code
+- Runs that code automatically when the route loads
+- Ensures your dashboard always shows fresh, current data
+- Keeps your routing logic clean and organized
+
+#### Testing Your Dashboard
+
+After implementing these changes, test your dashboard:
+
+1. **Log in** with a test account
+2. **Verify** you're redirected to the dashboard
+3. **Check** that the account description, balance, and currency display correctly
+4. **Try logging out and back in** to ensure data refreshes properly
+
+Your dashboard should now display dynamic account information that updates based on the logged-in user's data!
+
+## Building Smart Transaction Lists with Templates
+
+Instead of manually creating HTML for each transaction, we'll use templates to generate consistent formatting automatically. Like the standardized components used in spacecraft manufacturing, templates ensure every transaction row follows the same structure and appearance.
+
+This technique scales efficiently from a few transactions to thousands, maintaining consistent performance and presentation.
+
+```mermaid
+graph LR
+    A[HTML Template] --> B[JavaScript Clone]
+    B --> C[Populate with Data]
+    C --> D[Add to Fragment]
+    D --> E[Batch Insert to DOM]
+    
+    subgraph "Performance Benefits"
+        F[Single DOM Update]
+        G[Consistent Formatting]
+        H[Reusable Pattern]
+    end
+    
+    E --> F
+    E --> G
+    E --> H
+```
+```mermaid
+flowchart LR
+    A[Transaction Data] --> B[HTML Template]
+    B --> C[Clone Template]
+    C --> D[Populate with Data]
+    D --> E[Add to DOM]
+    E --> F[Repeat for Each Transaction]
+```
+### Step 1: Create the Transaction Template
 
-Add a new template to the HTML `<body>`:
+First, add a reusable template for transaction rows in your HTML `<body>`:
 
 ```html
 <template id="transaction">
@@ -275,17 +752,30 @@ Add a new template to the HTML `<body>`:
 </template>
 ```
 
-This template represents a single table row with three columns: *date*, *object*, and *amount* of a transaction.
+**Understanding HTML templates:**
+- **Defines** the structure for a single table row
+- **Remains** invisible until cloned and populated with JavaScript
+- **Includes** three cells for date, description, and amount
+- **Provides** a reusable pattern for consistent formatting
 
-Next, add an `id` property to the `<tbody>` element of the table within the dashboard template for easier JavaScript access:
+### Step 2: Prepare Your Table for Dynamic Content
+
+Next, add an `id` to your table body so JavaScript can easily target it:
 
 ```html
 <tbody id="transactions"></tbody>
 ```
 
-Now that the HTML is ready, switch to JavaScript and create a new function `createTransactionRow`:
+**What this accomplishes:**
+- **Creates** a clear target for inserting transaction rows
+- **Separates** the table structure from the dynamic content
+- **Enables** easy clearing and repopulating of transaction data
+
+### Step 3: Build the Transaction Row Factory Function
 
-```js
+Now create a function that transforms transaction data into HTML elements:
+
+```javascript
 function createTransactionRow(transaction) {
   const template = document.getElementById('transaction');
   const transactionRow = template.content.cloneNode(true);
@@ -297,9 +787,19 @@ function createTransactionRow(transaction) {
 }
 ```
 
-This function uses the template to create a new table row and fills its contents with transaction data. Use this function in `updateDashboard()` to populate the table:
+**Breaking down this factory function:**
+- **Retrieves** the template element by its ID
+- **Clones** the template content for safe manipulation
+- **Selects** the table row within the cloned content
+- **Populates** each cell with transaction data
+- **Formats** the amount to show proper decimal places
+- **Returns** the completed row ready for insertion
+
+### Step 4: Generate Multiple Transaction Rows Efficiently
 
-```js
+Add this code to your `updateDashboard()` function to display all transactions:
+
+```javascript
 const transactionsRows = document.createDocumentFragment();
 for (const transaction of account.transactions) {
   const transactionRow = createTransactionRow(transaction);
@@ -308,11 +808,19 @@ for (const transaction of account.transactions) {
 updateElement('transactions', transactionsRows);
 ```
 
-Here, we use [`document.createDocumentFragment()`](https://developer.mozilla.org/docs/Web/API/Document/createDocumentFragment) to create a new DOM fragment for working on before attaching it to the HTML table.
+**Understanding this efficient approach:**
+- **Creates** a document fragment to batch DOM operations
+- **Iterates** through all transactions in the account data
+- **Generates** a row for each transaction using the factory function
+- **Collects** all rows in the fragment before adding to the DOM
+- **Performs** a single DOM update instead of multiple individual insertions
+> ⚡ **Performance Optimization**: [`document.createDocumentFragment()`](https://developer.mozilla.org/docs/Web/API/Document/createDocumentFragment) works like the assembly process at Boeing - components are prepared off the main line, then installed as a complete unit. This batching approach minimizes DOM reflows by performing a single insertion instead of multiple individual operations.
+
+### Step 5: Enhance the Update Function for Mixed Content
 
-Finally, update the `updateElement()` function to support both text and DOM Nodes:
+Your `updateElement()` function currently only handles text content. Update it to work with both text and DOM nodes:
 
-```js
+```javascript
 function updateElement(id, textOrNode) {
   const element = document.getElementById(id);
   element.textContent = ''; // Removes all children
@@ -320,18 +828,122 @@ function updateElement(id, textOrNode) {
 }
 ```
 
-The [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) method allows us to attach either text or [DOM Nodes](https://developer.mozilla.org/docs/Web/API/Node) to a parent element, making it versatile for all our use cases.
-If you try using the `test` account to log in, you should now see a transaction list on the dashboard 🎉.
+**Key improvements in this update:**
+- **Clears** existing content before adding new content
+- **Accepts** either text strings or DOM nodes as parameters
+- **Uses** the [`append()`](https://developer.mozilla.org/docs/Web/API/ParentNode/append) method for flexibility
+- **Maintains** backward compatibility with existing text-based usage
+
+### Taking Your Dashboard for a Test Drive
+
+Time for the moment of truth! Let's see your dynamic dashboard in action:
+
+1. Log in using the `test` account (it has sample data ready to go)
+2. Navigate to your dashboard
+3. Check that transaction rows appear with proper formatting
+4. Make sure dates, descriptions, and amounts all look good
+
+If everything's working, you should see a fully functional transaction list on your dashboard! 🎉
+
+**What you've accomplished:**
+- Built a dashboard that scales with any amount of data
+- Created reusable templates for consistent formatting
+- Implemented efficient DOM manipulation techniques
+- Developed functionality comparable to production banking applications
+
+You've successfully transformed a static webpage into a dynamic web application.
+
+### 🎯 Pedagogical Check-in: Dynamic Content Generation
+
+**Architecture Understanding**: You've implemented a sophisticated data-to-UI pipeline that mirrors patterns used in frameworks like React, Vue, and Angular.
+
+**Key Concepts Mastered**:
+- **Template-based rendering**: Creating reusable UI components
+- **Document fragments**: Optimizing DOM performance
+- **Safe DOM manipulation**: Preventing security vulnerabilities
+- **Data transformation**: Converting server data to user interfaces
+
+**Industry Connection**: These techniques form the foundation of modern frontend frameworks. React's virtual DOM, Vue's template system, and Angular's component architecture all build on these core concepts.
+
+**Reflection Question**: How would you extend this system to handle real-time updates (like new transactions appearing automatically)? Consider WebSockets or Server-Sent Events.
 
 ---
 
+## 📈 Your Data Management Mastery Timeline
+
+```mermaid
+timeline
+    title Data-Driven Development Journey
+    
+    section Foundation Building
+        API Setup & Testing
+            : Understand client-server communication
+            : Master HTTP request/response cycle
+            : Learn debugging techniques
+    
+    section Authentication Mastery
+        Async Function Patterns
+            : Write clean async/await code
+            : Handle promises effectively
+            : Implement error boundaries
+        User Session Management
+            : Create global state patterns
+            : Build navigation guards
+            : Design user feedback systems
+    
+    section Dynamic UI Development
+        Safe DOM Manipulation
+            : Prevent XSS vulnerabilities
+            : Use textContent over innerHTML
+            : Create accessibility-friendly interfaces
+        Template Systems
+            : Build reusable UI components
+            : Optimize performance with fragments
+            : Scale to handle large datasets
+    
+    section Professional Patterns
+        Production-Ready Code
+            : Implement comprehensive error handling
+            : Follow security best practices
+            : Create maintainable architectures
+        Modern Web Standards
+            : Master Fetch API patterns
+            : Understand CORS configurations
+            : Build responsive, accessible UIs
+```
+**🎓 Graduation Milestone**: You've successfully built a complete data-driven web application using modern JavaScript patterns. These skills translate directly to working with frameworks like React, Vue, or Angular.
+
+**🔄 Next Level Capabilities**:
+- Ready to explore frontend frameworks that build on these concepts
+- Prepared to implement real-time features with WebSockets
+- Equipped to build Progressive Web Apps with offline capabilities
+- Foundation set for learning advanced state management patterns
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance the banking app by implementing a transaction search and filter feature that allows users to find specific transactions by date range, amount, or description.
+
+**Prompt:** Create a search functionality for the banking app that includes: 1) A search form with input fields for date range (from/to), minimum/maximum amount, and transaction description keywords, 2) A `filterTransactions()` function that filters the account.transactions array based on the search criteria, 3) Update the `updateDashboard()` function to show filtered results, and 4) Add a "Clear Filters" button to reset the view. Use modern JavaScript array methods like `filter()` and handle edge cases for empty search criteria.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
 ## 🚀 Challenge
 
-Work together to make the dashboard page resemble a real banking app. If you've already styled your app, try using [media queries](https://developer.mozilla.org/docs/Web/CSS/Media_Queries) to create a [responsive design](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks) that works well on both desktop and mobile devices.
+Ready to take your banking app to the next level? Let's make it look and feel like something you'd actually want to use. Here are some ideas to spark your creativity:
+
+**Make it beautiful**: Add CSS styling to transform your functional dashboard into something visually appealing. Think clean lines, good spacing, and maybe even some subtle animations.
+
+**Make it responsive**: Try using [media queries](https://developer.mozilla.org/docs/Web/CSS/Media_Queries) to create a [responsive design](https://developer.mozilla.org/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks) that works great on phones, tablets, and desktops. Your users will thank you!
+
+**Add some flair**: Consider color-coding transactions (green for income, red for expenses), adding icons, or creating hover effects that make the interface feel interactive.
+
+Here's what a polished dashboard could look like:
 
-Here's an example of a styled dashboard page:
+![Screenshot of an example result of the dashboard after styling](../../../../translated_images/en/screen2.123c82a831a1d14a.webp)
 
-![Screenshot of an example result of the dashboard after styling](../../../../translated_images/en/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.png)
+Don't feel like you have to match this exactly - use it as inspiration and make it your own!
 
 ## Post-Lecture Quiz
 
@@ -343,5 +955,7 @@ Here's an example of a styled dashboard page:
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/3-data/assignment.md b/translations/en/7-bank-project/3-data/assignment.md
index c46a647d3..37bf9e775 100644
--- a/translations/en/7-bank-project/3-data/assignment.md
+++ b/translations/en/7-bank-project/3-data/assignment.md
@@ -1,29 +1,135 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a4abf305ede1cfaadd56a8fab4b4c288",
-  "translation_date": "2025-08-28T11:15:56+00:00",
-  "source_file": "7-bank-project/3-data/assignment.md",
-  "language_code": "en"
-}
--->
-# Refactor and comment your code
+# Code Refactoring and Documentation Assignment
+
+## Learning Objectives
+
+By completing this assignment, you will practice essential software development skills that professional developers use daily. You'll learn to organize code for maintainability, reduce duplication through abstraction, and document your work for future developers (including yourself!).
+
+Clean, well-documented code is crucial for real-world web development projects where multiple developers collaborate and codebases evolve over time.
+
+## Assignment Overview
+
+Your banking app's `app.js` file has grown significantly with login, registration, and dashboard functionality. It's time to refactor this code using professional development practices to improve readability, maintainability, and reduce duplication.
 
 ## Instructions
 
-As your codebase grows, it's essential to refactor your code regularly to ensure it remains readable and maintainable over time. Add comments and refactor your `app.js` to enhance the quality of the code:
+Transform your current `app.js` code by implementing these three core refactoring techniques:
+
+### 1. Extract Configuration Constants
+
+**Task**: Create a configuration section at the top of your file with reusable constants.
+
+**Implementation guidance:**
+- Extract the server API base URL (currently hardcoded in multiple places)
+- Create constants for error messages that appear in multiple functions
+- Consider extracting route paths and element IDs that are used repeatedly
+
+**Example structure:**
+```javascript
+// Configuration constants
+const API_BASE_URL = 'http://localhost:5000/api';
+const ROUTES = {
+  LOGIN: '/login',
+  DASHBOARD: '/dashboard'
+};
+```
+
+### 2. Create a Unified Request Function
+
+**Task**: Build a reusable `sendRequest()` function that eliminates duplicate code between `createAccount()` and `getAccount()`.
+
+**Requirements:**
+- Handle both GET and POST requests
+- Include proper error handling
+- Support different URL endpoints
+- Accept optional request body data
+
+**Function signature guidance:**
+```javascript
+async function sendRequest(endpoint, method = 'GET', data = null) {
+  // Your implementation here
+}
+```
+
+### 3. Add Professional Code Documentation
+
+**Task**: Document your code with clear, helpful comments that explain the "why" behind your logic.
+
+**Documentation standards:**
+- Add function documentation explaining purpose, parameters, and return values
+- Include inline comments for complex logic or business rules
+- Group related functions together with section headers
+- Explain any non-obvious code patterns or browser-specific workarounds
+
+**Example documentation style:**
+```javascript
+/**
+ * Authenticates user and redirects to dashboard
+ * @param {Event} event - Form submission event
+ * @returns {Promise<void>} - Resolves when login process completes
+ */
+async function login(event) {
+  // Prevent default form submission to handle with JavaScript
+  event.preventDefault();
+  
+  // Your implementation...
+}
+```
+
+## Success Criteria
+
+Your refactored code should demonstrate these professional development practices:
+
+### Exemplary Implementation
+- ✅ **Constants**: All magic strings and URLs are extracted into clearly named constants
+- ✅ **DRY Principle**: Common request logic is consolidated into a reusable `sendRequest()` function
+- ✅ **Documentation**: Functions have clear JSDoc comments explaining purpose and parameters
+- ✅ **Organization**: Code is logically grouped with section headers and consistent formatting
+- ✅ **Error Handling**: Improved error handling using the new request function
+
+### Adequate Implementation
+- ✅ **Constants**: Most repeated values are extracted, with minor hardcoded values remaining
+- ✅ **Factorization**: Basic `sendRequest()` function created but may not handle all edge cases
+- ✅ **Comments**: Key functions are documented, though some explanations could be more complete
+- ✅ **Readability**: Code is generally well-organized with some areas for improvement
+
+### Needs Improvement
+- ❌ **Constants**: Many magic strings and URLs remain hardcoded throughout the file
+- ❌ **Duplication**: Significant code duplication remains between similar functions
+- ❌ **Documentation**: Missing or inadequate comments that don't explain the code's purpose
+- ❌ **Organization**: Code lacks clear structure and logical grouping
+
+## Testing Your Refactored Code
+
+After refactoring, ensure your banking app still functions correctly:
+
+1. **Test all user flows**: Registration, login, dashboard display, and error handling
+2. **Verify API calls**: Confirm that your `sendRequest()` function works for both account creation and retrieval
+3. **Check error scenarios**: Test with invalid credentials and network errors
+4. **Review console output**: Ensure no new errors were introduced during refactoring
+
+## Submission Guidelines
+
+Submit your refactored `app.js` file with:
+- Clear section headers organizing different functionality
+- Consistent code formatting and indentation
+- Complete JSDoc documentation for all functions
+- A brief comment at the top explaining your refactoring approach
+
+**Bonus Challenge**: Create a simple code documentation file (`CODE_STRUCTURE.md`) that explains your app's architecture and how the different functions work together.
 
-- Extract constants, such as the server API base URL.
-- Consolidate similar code: for instance, you can create a `sendRequest()` function to centralize the code used in both `createAccount()` and `getAccount()`.
-- Reorganize the code to improve readability, and include comments.
+## Real-World Connection
 
-## Rubric
+This assignment mirrors the type of code maintenance that professional developers perform regularly. In industry settings:
+- **Code reviews** evaluate readability and maintainability like this assignment
+- **Technical debt** accumulates when code isn't regularly refactored and documented
+- **Team collaboration** depends on clear, well-documented code that new team members can understand
+- **Bug fixes** are much easier in well-organized codebases with proper abstractions
 
-| Criteria | Outstanding                                                                                                                                                   | Satisfactory                                                                                     | Needs Improvement                                                                     |
-| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
-|          | Code is well-commented, organized into clear sections, and easy to follow. Constants are extracted, and a consolidated `sendRequest()` function has been created. | Code is clean but could benefit from additional comments, constant extraction, or consolidation. | Code is disorganized, lacks comments, constants are not extracted, and code is not consolidated. |
+The skills you're practicing here - extracting constants, eliminating duplication, and writing clear documentation - are fundamental to professional software development.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/4-state-management/README.md b/translations/en/7-bank-project/4-state-management/README.md
index 3e91021dd..939f169e3 100644
--- a/translations/en/7-bank-project/4-state-management/README.md
+++ b/translations/en/7-bank-project/4-state-management/README.md
@@ -1,73 +1,233 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b46acf79da8550d76445eed00b06c878",
-  "translation_date": "2025-10-03T12:43:35+00:00",
-  "source_file": "7-bank-project/4-state-management/README.md",
-  "language_code": "en"
-}
--->
 # Build a Banking App Part 4: Concepts of State Management
 
+## ⚡ What You Can Do in the Next 5 Minutes
+
+**Quick Start Pathway for Busy Developers**
+
+```mermaid
+flowchart LR
+    A[⚡ 5 minutes] --> B[Diagnose state issues]
+    B --> C[Create central state object]
+    C --> D[Add updateState function]
+    D --> E[See immediate improvements]
+```
+- **Minute 1**: Test the current state issue - log in, refresh page, observe logout
+- **Minute 2**: Replace `let account = null` with `let state = { account: null }`
+- **Minute 3**: Create a simple `updateState()` function for controlled updates
+- **Minute 4**: Update one function to use the new pattern
+- **Minute 5**: Test the improved predictability and debugging capability
+
+**Quick Diagnostic Test**:
+```javascript
+// Before: Scattered state
+let account = null; // Lost on refresh!
+
+// After: Centralized state
+let state = Object.freeze({ account: null }); // Controlled and trackable!
+```
+
+**Why This Matters**: In 5 minutes, you'll experience the transformation from chaotic state management to predictable, debuggable patterns. This is the foundation that makes complex applications maintainable.
+
+## 🗺️ Your Learning Journey Through State Management Mastery
+
+```mermaid
+journey
+    title From Scattered State to Professional Architecture
+    section Diagnosing Problems
+      Identify state loss issues: 3: You
+      Understand scattered updates: 4: You
+      Recognize architecture needs: 6: You
+    section Centralizing Control
+      Create unified state object: 5: You
+      Implement controlled updates: 7: You
+      Add immutable patterns: 8: You
+    section Adding Persistence
+      Implement localStorage: 6: You
+      Handle serialization: 7: You
+      Create session continuity: 9: You
+    section Balancing Freshness
+      Address data staleness: 5: You
+      Build refresh systems: 8: You
+      Achieve optimal balance: 9: You
+```
+**Your Journey Destination**: By the end of this lesson, you'll have built a professional-grade state management system that handles persistence, data freshness, and predictable updates - the same patterns used in production applications.
+
 ## Pre-Lecture Quiz
 
 [Pre-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/47)
 
-### Introduction
+## Introduction
+
+State management is like the navigation system on the Voyager spacecraft – when everything's working smoothly, you barely notice it's there. But when things go wrong, it becomes the difference between reaching interstellar space and drifting lost in the cosmic void. In web development, state represents everything your application needs to remember: user login status, form data, navigation history, and temporary interface states.
+
+As your banking app has evolved from a simple login form into a more sophisticated application, you've likely encountered some common challenges. Refresh the page and users get logged out unexpectedly. Close the browser and all progress disappears. Debug a problem and you're hunting through multiple functions that all modify the same data in different ways.
+
+These aren't signs of poor coding – they're the natural growing pains that occur when applications reach a certain complexity threshold. Every developer faces these challenges as their apps transition from "proof of concept" to "production ready."
+
+In this lesson, we'll implement a centralized state management system that transforms your banking app into a reliable, professional application. You'll learn to manage data flows predictably, persist user sessions appropriately, and create the smooth user experience that modern web applications require.
+
+## Prerequisites
 
-As web applications grow, managing data flows becomes increasingly challenging. Questions like which code retrieves the data, which page uses it, where and when it needs to be updated can lead to messy, hard-to-maintain code. This is especially true when data needs to be shared across different pages, such as user information. The concept of *state management* has always been present in programming, but as web apps become more complex, it has become a critical aspect of development.
+Before diving into state management concepts, you'll need to have your development environment properly set up and your banking app foundation in place. This lesson builds directly on the concepts and code from previous parts of this series.
 
-In this final part, we'll revisit the app we built to improve state management, enabling browser refresh at any point and persisting data across user sessions.
+Make sure you have the following components ready before proceeding:
 
-### Prerequisite
+**Required Setup:**
+- Complete the [data fetching lesson](../3-data/README.md) - your app should successfully load and display account data
+- Install [Node.js](https://nodejs.org) on your system for running the backend API
+- Start the [server API](../api/README.md) locally to handle account data operations
 
-Before starting this lesson, you should have completed the [data fetching](../3-data/README.md) section of the web app. Additionally, you need to install [Node.js](https://nodejs.org) and [run the server API](../api/README.md) locally to manage account data.
+**Testing Your Environment:**
 
-You can verify that the server is running correctly by executing this command in a terminal:
+Verify that your API server is running correctly by executing this command in a terminal:
 
 ```sh
 curl http://localhost:5000/api
 # -> should return "Bank API v1.0.0" as a result
 ```
 
+**What this command does:**
+- **Sends** a GET request to your local API server
+- **Tests** the connection and verifies the server is responding
+- **Returns** the API version information if everything is working correctly
+
+## 🧠 State Management Architecture Overview
+
+```mermaid
+mindmap
+  root((State Management))
+    Current Problems
+      Session Loss
+        Page Refresh Issues
+        Browser Close Impact
+        Variable Reset Problems
+      Scattered Updates
+        Multiple Modification Points
+        Debugging Challenges
+        Unpredictable Behavior
+      Incomplete Cleanup
+        Logout State Issues
+        Memory Leaks
+        Security Concerns
+    Centralized Solutions
+      Unified State Object
+        Single Source of Truth
+        Predictable Structure
+        Scalable Foundation
+      Controlled Updates
+        Immutable Patterns
+        Object.freeze Usage
+        Function-Based Changes
+      State Tracking
+        History Management
+        Debug Visibility
+        Change Auditing
+    Persistence Strategies
+      localStorage Integration
+        Session Continuity
+        JSON Serialization
+        Automatic Sync
+      Data Freshness
+        Server Refresh
+        Stale Data Handling
+        Balance Optimization
+      Storage Optimization
+        Minimal Data
+        Performance Focus
+        Security Considerations
+```
+**Core Principle**: Professional state management balances predictability, persistence, and performance to create reliable user experiences that scale from simple interactions to complex application workflows.
+
 ---
 
-## Rethink state management
+## Diagnosing the Current State Issues
 
-In the [previous lesson](../3-data/README.md), we introduced a basic concept of state in our app using the global `account` variable, which holds the bank data for the currently logged-in user. However, our current implementation has some shortcomings. Try refreshing the page while on the dashboard. What happens?
+Like Sherlock Holmes examining a crime scene, we need to understand exactly what's happening in our current implementation before we can solve the mystery of disappearing user sessions.
 
-There are three issues with the current code:
+Let's conduct a simple experiment that reveals the underlying state management challenges:
 
-- The state is not persisted, so refreshing the browser takes you back to the login page.
-- Multiple functions modify the state, which can make tracking changes difficult as the app grows. It's easy to forget to update one.
-- The state is not cleaned up, meaning that when you click *Logout*, the account data remains even though you're on the login page.
+**🧪 Try This Diagnostic Test:**
+1. Log into your banking app and navigate to the dashboard
+2. Refresh the browser page
+3. Observe what happens to your login status
 
-We could address these issues individually, but doing so would lead to code duplication and make the app harder to maintain. Instead, we can pause and rethink our approach.
+If you're redirected back to the login screen, you've discovered the classic state persistence problem. This behavior occurs because our current implementation stores user data in JavaScript variables that reset with each page load.
 
-> What problems are we really trying to solve here?
+**Current Implementation Problems:**
 
-[State management](https://en.wikipedia.org/wiki/State_management) is about finding effective ways to address two key challenges:
+The simple `account` variable from our [previous lesson](../3-data/README.md) creates three significant issues that affect both user experience and code maintainability:
 
-- How to keep data flows in an app understandable?
-- How to ensure the state data is always synchronized with the user interface (and vice versa)?
+| Problem | Technical Cause | User Impact |
+|---------|--------|----------------|
+| **Session Loss** | Page refresh clears JavaScript variables | Users must re-authenticate frequently |
+| **Scattered Updates** | Multiple functions modify state directly | Debugging becomes increasingly difficult |
+| **Incomplete Cleanup** | Logout doesn't clear all state references | Potential security and privacy concerns |
 
-Once these challenges are addressed, other issues may either resolve themselves or become easier to fix. There are many approaches to solving these problems, but we'll use a common solution: **centralizing the data and the methods to modify it**. The data flows will look like this:
+**The Architectural Challenge:**
 
-![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/en/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.png)
+Like the Titanic's compartmentalized design that seemed robust until multiple compartments flooded simultaneously, fixing these issues individually won't address the underlying architectural problem. We need a comprehensive state management solution.
 
-> We won't cover the part where data automatically triggers view updates, as it involves more advanced concepts of [Reactive Programming](https://en.wikipedia.org/wiki/Reactive_programming). It's a great topic for further exploration.
+> 💡 **What are we actually trying to accomplish here?**
 
-✅ There are many libraries with different approaches to state management, such as [Redux](https://redux.js.org), which is a popular choice. Exploring its concepts and patterns can help you understand potential issues in large web apps and how to address them.
+[State management](https://en.wikipedia.org/wiki/State_management) is really about solving two fundamental puzzles:
 
-### Task
+1. **Where's My Data?**: Keeping track of what information we have and where it's coming from
+2. **Is Everyone on the Same Page?**: Making sure what users see matches what's actually happening
+
+**Our Game Plan:**
+
+Instead of chasing our tails, we're going to create a **centralized state management** system. Think of it like having one really organized person in charge of all the important stuff:
+
+![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/en/data-flow.fa2354e0908fecc8.webp)
+
+```mermaid
+flowchart TD
+    A[User Action] --> B[Event Handler]
+    B --> C[updateState Function]
+    C --> D{State Validation}
+    D -->|Valid| E[Create New State]
+    D -->|Invalid| F[Error Handling]
+    E --> G[Object.freeze]
+    G --> H[Update localStorage]
+    H --> I[Trigger UI Update]
+    I --> J[User Sees Changes]
+    F --> K[User Sees Error]
+    
+    subgraph "State Management Layer"
+        C
+        E
+        G
+    end
+    
+    subgraph "Persistence Layer"
+        H
+        L[localStorage]
+        H -.-> L
+    end
+```
+**Understanding this data flow:**
+- **Centralizes** all application state in one location
+- **Routes** all state changes through controlled functions
+- **Ensures** the UI stays synchronized with the current state
+- **Provides** a clear, predictable pattern for data management
+
+> 💡 **Professional Insight**: This lesson focuses on fundamental concepts. For complex applications, libraries like [Redux](https://redux.js.org) provide more advanced state management features. Understanding these core principles will help you master any state management library.
+
+> ⚠️ **Advanced Topic**: We won't cover automatic UI updates triggered by state changes, as this involves [Reactive Programming](https://en.wikipedia.org/wiki/Reactive_programming) concepts. Consider this an excellent next step for your learning journey!
+
+### Task: Centralize State Structure
+
+Let's begin transforming our scattered state management into a centralized system. This first step establishes the foundation for all the improvements that follow.
 
-We'll start with some refactoring. Replace the `account` declaration:
+**Step 1: Create a Central State Object**
+
+Replace the simple `account` declaration:
 
 ```js
 let account = null;
 ```
 
-With:
+With a structured state object:
 
 ```js
 let state = {
@@ -75,31 +235,112 @@ let state = {
 };
 ```
 
-The idea is to *centralize* all app data in a single state object. For now, we only have `account` in the state, so this change is minimal, but it sets the stage for future enhancements.
+**Here's why this change matters:**
+- **Centralizes** all application data in one location
+- **Prepares** the structure for adding more state properties later
+- **Creates** a clear boundary between state and other variables
+- **Establishes** a pattern that scales as your app grows
 
-Next, update the functions that use it. In the `register()` and `login()` functions, replace `account = ...` with `state.account = ...`;
+**Step 2: Update State Access Patterns**
 
-At the top of the `updateDashboard()` function, add this line:
+Update your functions to use the new state structure:
 
+**In `register()` and `login()` functions**, replace:
+```js
+account = ...
+```
+
+With:
+```js
+state.account = ...
+```
+
+**In `updateDashboard()` function**, add this line at the top:
 ```js
 const account = state.account;
 ```
 
-This refactoring doesn't bring significant improvements yet, but it lays the groundwork for upcoming changes.
+**What these updates accomplish:**
+- **Maintains** existing functionality while improving structure
+- **Prepares** your code for more sophisticated state management
+- **Creates** consistent patterns for accessing state data
+- **Establishes** the foundation for centralized state updates
+
+> 💡 **Note**: This refactoring doesn't immediately solve our problems, but it creates the essential foundation for the powerful improvements coming next!
+
+### 🎯 Pedagogical Check-in: Centralization Principles
+
+**Pause and Reflect**: You've just implemented the foundation of centralized state management. This is a crucial architectural decision.
+
+**Quick Self-Assessment**:
+- Can you explain why centralizing state in one object is better than scattered variables?
+- What would happen if you forgot to update a function to use `state.account`?
+- How does this pattern prepare your code for more advanced features?
 
-## Track data changes
+**Real-World Connection**: The centralization pattern you've learned is the foundation of modern frameworks like Redux, Vuex, and React Context. You're building the same architectural thinking used in major applications.
 
-Now that we have the `state` object to store our data, the next step is to centralize updates. This makes it easier to track changes and when they occur.
+**Challenge Question**: If you needed to add user preferences (theme, language) to your app, where would you add them in the state structure? How would this scale?
 
-To prevent direct modifications to the `state` object, it's a good practice to treat it as [*immutable*](https://en.wikipedia.org/wiki/Immutable_object), meaning it cannot be altered. Instead, you create a new state object whenever changes are needed. This approach protects against unwanted [side effects](https://en.wikipedia.org/wiki/Side_effect_(computer_science)) and opens up possibilities for features like undo/redo functionality, while also simplifying debugging. For instance, you could log every state change and maintain a history to trace bugs.
+## Implementing Controlled State Updates
 
-In JavaScript, you can use [`Object.freeze()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) to make an object immutable. Attempting to modify an immutable object will raise an exception.
+With our state centralized, the next step involves establishing controlled mechanisms for data modifications. This approach ensures predictable state changes and easier debugging.
 
-✅ Do you know the difference between a *shallow* and a *deep* immutable object? Learn more [here](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze).
+The core principle resembles air traffic control: instead of allowing multiple functions to modify state independently, we'll channel all changes through a single, controlled function. This pattern provides clear oversight of when and how data changes occur.
 
+**Immutable State Management:**
+
+We'll treat our `state` object as [*immutable*](https://en.wikipedia.org/wiki/Immutable_object), meaning we never modify it directly. Instead, each change creates a new state object with the updated data.
+
+While this approach might initially seem inefficient compared to direct modifications, it provides significant advantages for debugging, testing, and maintaining application predictability.
+
+**Benefits of immutable state management:**
+
+| Benefit | Description | Impact |
+|---------|-------------|--------|
+| **Predictability** | Changes only happen through controlled functions | Easier to debug and test |
+| **History Tracking** | Each state change creates a new object | Enables undo/redo functionality |
+| **Side Effect Prevention** | No accidental modifications | Prevents mysterious bugs |
+| **Performance Optimization** | Easy to detect when state actually changed | Enables efficient UI updates |
+
+**JavaScript Immutability with `Object.freeze()`:**
+
+JavaScript provides [`Object.freeze()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) to prevent object modifications:
+
+```js
+const immutableState = Object.freeze({ account: userData });
+// Any attempt to modify immutableState will throw an error
+```
+
+**Breaking down what happens here:**
+- **Prevents** direct property assignments or deletions
+- **Throws** exceptions if modification attempts are made
+- **Ensures** state changes must go through controlled functions
+- **Creates** a clear contract for how state can be updated
+
+> 💡 **Deep Dive**: Learn about the difference between *shallow* and *deep* immutable objects in the [MDN documentation](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze). Understanding this distinction is crucial for complex state structures.
+
+```mermaid
+stateDiagram-v2
+    [*] --> StateV1: Initial State
+    StateV1 --> StateV2: updateState('account', newData)
+    StateV2 --> StateV3: updateState('account', anotherUpdate)
+    StateV3 --> StateV4: updateState('preferences', userSettings)
+    
+    note right of StateV1
+        Object.freeze()
+        Immutable
+        Debuggable
+    end note
+    
+    note right of StateV2
+        New object created
+        Previous state preserved
+        Predictable changes
+    end note
+```
 ### Task
 
-Create a new `updateState()` function:
+Let's create a new `updateState()` function:
 
 ```js
 function updateState(property, newData) {
@@ -110,9 +351,9 @@ function updateState(property, newData) {
 }
 ```
 
-This function creates a new state object, copies data from the previous state using the [*spread (`...`) operator*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals), and updates a specific property using the [bracket notation](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties). Finally, it locks the object with `Object.freeze()` to prevent modifications. Currently, the state only contains the `account` property, but this approach allows for adding more properties as needed.
+In this function, we're creating a new state object and copy data from the previous state using the [*spread (`...`) operator*](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax#Spread_in_object_literals). Then we override a particular property of the state object with the new data using the [bracket notation](https://developer.mozilla.org/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties) `[property]` for assignment. Finally, we lock the object to prevent modifications using `Object.freeze()`. We only have the `account` property stored in the state for now, but with this approach you can add as many properties as you need in the state.
 
-Update the `state` initialization to ensure the initial state is frozen:
+We'll also update the `state` initialization to make sure the initial state is frozen too:
 
 ```js
 let state = Object.freeze({
@@ -120,21 +361,21 @@ let state = Object.freeze({
 });
 ```
 
-Next, update the `register` function by replacing `state.account = result;` with:
+After that, update the `register` function by replacing the `state.account = result;` assignment with:
 
 ```js
 updateState('account', result);
 ```
 
-Do the same for the `login` function, replacing `state.account = data;` with:
+Do the same with the `login` function, replacing `state.account = data;` with:
 
 ```js
 updateState('account', data);
 ```
 
-Now, let's address the issue of account data not being cleared when the user clicks *Logout*.
+We'll now take the chance to fix the issue of account data not being cleared when the user clicks on *Logout*.
 
-Create a new `logout()` function:
+Create a new function `logout()`:
 
 ```js
 function logout() {
@@ -145,47 +386,121 @@ function logout() {
 
 In `updateDashboard()`, replace the redirection `return navigate('/login');` with `return logout()`;
 
-Test the app by registering a new account, logging out, and logging back in to ensure everything works correctly.
+Try registering a new account, logging out and in again to check that everything still works correctly.
 
-> Tip: You can monitor state changes by adding `console.log(state)` at the bottom of `updateState()` and checking the browser's developer console.
+> Tip: you can take a look at all state changes by adding `console.log(state)` at the bottom of `updateState()` and opening up the console in your browser's development tools.
 
-## Persist the state
+## Implementing Data Persistence
 
-Most web apps need to persist data for proper functionality. Critical data is typically stored in a database and accessed via a server API, like user account data in our case. However, persisting some data on the client side can enhance user experience and improve loading performance.
+The session loss issue we identified earlier requires a persistence solution that maintains user state across browser sessions. This transforms our application from a temporary experience into a reliable, professional tool.
 
-When storing data in the browser, consider the following:
+Consider how atomic clocks maintain precise time even through power outages by storing critical state in non-volatile memory. Similarly, web applications need persistent storage mechanisms to preserve essential user data across browser sessions and page refreshes.
 
-- *Is the data sensitive?* Avoid storing sensitive information like passwords on the client side.
-- *How long should the data be kept?* Should it be accessible only during the current session or stored indefinitely?
+**Strategic Questions for Data Persistence:**
 
-There are various ways to store information in a web app, depending on your goals. For example, you can use URLs to store search queries for sharing between users. You can also use [HTTP cookies](https://developer.mozilla.org/docs/Web/HTTP/Cookies) for data that needs to be shared with the server, such as [authentication](https://en.wikipedia.org/wiki/Authentication) details.
+Before implementing persistence, consider these critical factors:
 
-Two browser APIs are particularly useful for storing data:
+| Question | Banking App Context | Decision Impact |
+|----------|-------------------|----------------|
+| **Is the data sensitive?** | Account balance, transaction history | Choose secure storage methods |
+| **How long should it persist?** | Login state vs. temporary UI preferences | Select appropriate storage duration |
+| **Does the server need it?** | Authentication tokens vs. UI settings | Determine sharing requirements |
 
-- [`localStorage`](https://developer.mozilla.org/docs/Web/API/Window/localStorage): A [Key/Value store](https://en.wikipedia.org/wiki/Key%E2%80%93value_database) that persists data specific to the current website across sessions. Data saved here never expires.
-- [`sessionStorage`](https://developer.mozilla.org/docs/Web/API/Window/sessionStorage): Similar to `localStorage`, but data is cleared when the browser session ends.
+**Browser Storage Options:**
 
-Both APIs only store [strings](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String). To store complex objects, you need to serialize them using [`JSON.stringify()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify).
+Modern browsers provide several storage mechanisms, each designed for different use cases:
 
-✅ If you want to create a web app without a server, you can use the [`IndexedDB` API](https://developer.mozilla.org/docs/Web/API/IndexedDB_API) to create a client-side database. This is suitable for advanced use cases or storing large amounts of data, though it is more complex to use.
+**Primary Storage APIs:**
 
-### Task
+1. **[`localStorage`](https://developer.mozilla.org/docs/Web/API/Window/localStorage)**: Persistent [Key/Value storage](https://en.wikipedia.org/wiki/Key%E2%80%93value_database)
+   - **Persists** data across browser sessions indefinitely  
+   - **Survives** browser restarts and computer reboots
+   - **Scoped** to the specific website domain
+   - **Perfect** for user preferences and login states
 
-We want users to remain logged in until they explicitly click the *Logout* button, so we'll use `localStorage` to store account data. First, define a key for storing the data:
+2. **[`sessionStorage`](https://developer.mozilla.org/docs/Web/API/Window/sessionStorage)**: Temporary session storage
+   - **Functions** identically to localStorage during active sessions
+   - **Clears** automatically when the browser tab closes
+   - **Ideal** for temporary data that shouldn't persist
+
+3. **[HTTP Cookies](https://developer.mozilla.org/docs/Web/HTTP/Cookies)**: Server-shared storage
+   - **Automatically** sent with every server request
+   - **Perfect** for [authentication](https://en.wikipedia.org/wiki/Authentication) tokens
+   - **Limited** in size and can impact performance
+
+**Data Serialization Requirement:**
+
+Both `localStorage` and `sessionStorage` only store [strings](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String):
+
+```js
+// Convert objects to JSON strings for storage
+const accountData = { user: 'john', balance: 150 };
+localStorage.setItem('account', JSON.stringify(accountData));
+
+// Parse JSON strings back to objects when retrieving
+const savedAccount = JSON.parse(localStorage.getItem('account'));
+```
+
+**Understanding serialization:**
+- **Converts** JavaScript objects to JSON strings using [`JSON.stringify()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
+- **Reconstructs** objects from JSON using [`JSON.parse()`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse)
+- **Handles** complex nested objects and arrays automatically
+- **Fails** on functions, undefined values, and circular references
+
+> 💡 **Advanced Option**: For complex offline applications with large datasets, consider the [`IndexedDB` API](https://developer.mozilla.org/docs/Web/API/IndexedDB_API). It provides a full client-side database but requires more complex implementation.
+
+```mermaid
+quadrantChart
+    title Browser Storage Options
+    x-axis Low Complexity --> High Complexity
+    y-axis Short Duration --> Long Duration
+    
+    quadrant-1 Professional Tools
+    quadrant-2 Simple Persistence
+    quadrant-3 Temporary Storage
+    quadrant-4 Advanced Systems
+    
+    localStorage: [0.3, 0.8]
+    sessionStorage: [0.2, 0.2]
+    HTTP Cookies: [0.6, 0.7]
+    IndexedDB: [0.9, 0.9]
+    Memory Variables: [0.1, 0.1]
+```
+### Task: Implement localStorage Persistence
+
+Let's implement persistent storage so users stay logged in until they explicitly log out. We'll use `localStorage` to store account data across browser sessions.
+
+**Step 1: Define Storage Configuration**
 
 ```js
 const storageKey = 'savedAccount';
 ```
 
-Then, add this line at the end of the `updateState()` function:
+**What this constant provides:**
+- **Creates** a consistent identifier for our stored data
+- **Prevents** typos in storage key references
+- **Makes** it easy to change the storage key if needed
+- **Follows** best practices for maintainable code
+
+**Step 2: Add Automatic Persistence**
+
+Add this line at the end of the `updateState()` function:
 
 ```js
 localStorage.setItem(storageKey, JSON.stringify(state.account));
 ```
 
-This ensures the user account data is persisted and always up-to-date, thanks to our centralized state updates. This is where the benefits of our earlier refactoring become apparent 🙂.
+**Breaking down what happens here:**
+- **Converts** the account object to a JSON string for storage
+- **Saves** the data using our consistent storage key
+- **Executes** automatically whenever state changes occur
+- **Ensures** stored data is always synchronized with current state
 
-Next, restore the saved data when the app loads. Since we'll have more initialization code, create a new `init` function that includes the previous code at the bottom of `app.js`:
+> 💡 **Architecture Benefit**: Because we centralized all state updates through `updateState()`, adding persistence required only one line of code. This demonstrates the power of good architectural decisions!
+
+**Step 3: Restore State on App Load**
+
+Create an initialization function to restore saved data:
 
 ```js
 function init() {
@@ -202,17 +517,63 @@ function init() {
 init();
 ```
 
-Here, we retrieve the saved data and update the state if any is found. This must happen *before* updating the route, as some code may rely on the state during page updates.
+**Understanding the initialization process:**
+- **Retrieves** any previously saved account data from localStorage
+- **Parses** the JSON string back into a JavaScript object
+- **Updates** the state using our controlled update function
+- **Restores** the user's session automatically on page load
+- **Executes** before route updates to ensure state is available
+
+**Step 4: Optimize Default Route**
+
+Update the default route to take advantage of persistence:
+
+In `updateRoute()`, replace:
+```js
+// Replace: return navigate('/login');
+return navigate('/dashboard');
+```
+
+**Why this change makes sense:**
+- **Leverages** our new persistence system effectively
+- **Allows** the dashboard to handle authentication checks
+- **Redirects** to login automatically if no saved session exists
+- **Creates** a more seamless user experience
+
+**Testing Your Implementation:**
+
+1. Log into your banking app
+2. Refresh the browser page
+3. Verify you remain logged in and on the dashboard
+4. Close and reopen your browser
+5. Navigate back to your app and confirm you're still logged in
+
+🎉 **Achievement Unlocked**: You've successfully implemented persistent state management! Your app now behaves like a professional web application.
+
+### 🎯 Pedagogical Check-in: Persistence Architecture
 
-We can also make the *Dashboard* page the default page of the app, as account data is now persisted. If no data is found, the dashboard will redirect to the *Login* page. In `updateRoute()`, replace the fallback `return navigate('/login');` with `return navigate('/dashboard');`.
+**Architecture Understanding**: You've implemented a sophisticated persistence layer that balances user experience with data management complexity.
 
-Log in to the app and try refreshing the page. You should remain on the dashboard. With this update, we've resolved all initial issues...
+**Key Concepts Mastered**:
+- **JSON Serialization**: Converting complex objects to storable strings
+- **Automatic Synchronization**: State changes trigger persistent storage
+- **Session Recovery**: Apps can restore user context after interruptions
+- **Centralized Persistence**: One update function handles all storage
 
-## Refresh the data
+**Industry Connection**: This persistence pattern is fundamental to Progressive Web Apps (PWAs), offline-first applications, and modern mobile web experiences. You're building production-level capabilities.
 
-...But we may have introduced a new one. Oops!
+**Reflection Question**: How would you modify this system to handle multiple user accounts on the same device? Consider privacy and security implications.
 
-Log in using the `test` account, then run this command in a terminal to create a new transaction:
+## Balancing Persistence with Data Freshness
+
+Our persistence system successfully maintains user sessions, but introduces a new challenge: data staleness. When multiple users or applications modify the same server data, local cached information becomes outdated.
+
+This situation resembles Viking navigators who relied on both stored star charts and current celestial observations. The charts provided consistency, but navigators needed fresh observations to account for changing conditions. Similarly, our application needs both persistent user state and current server data.
+
+**🧪 Discovering the Data Freshness Problem:**
+
+1. Log into the dashboard using the `test` account
+2. Run this command in a terminal to simulate a transaction from another source:
 
 ```sh
 curl --request POST \
@@ -221,15 +582,47 @@ curl --request POST \
      http://localhost:5000/api/accounts/test/transactions
 ```
 
-Refresh the dashboard page in your browser. What happens? Do you see the new transaction?
-
-The state is persisted indefinitely via `localStorage`, but it isn't updated until you log out and log back in!
-
-One strategy to fix this is to reload the account data whenever the dashboard is loaded, ensuring the data is up-to-date.
+3. Refresh your dashboard page in the browser
+4. Observe whether you see the new transaction
+
+**What this test demonstrates:**
+- **Shows** how local storage can become "stale" (outdated)
+- **Simulates** real-world scenarios where data changes occur outside your app
+- **Reveals** the tension between persistence and data freshness
+
+**The Data Staleness Challenge:**
+
+| Problem | Cause | User Impact |
+|---------|-------|-------------|
+| **Stale Data** | localStorage never expires automatically | Users see outdated information |
+| **Server Changes** | Other apps/users modify the same data | Inconsistent views across platforms |
+| **Cache vs. Reality** | Local cache doesn't match server state | Poor user experience and confusion |
+
+**Solution Strategy:**
+
+We'll implement a "refresh on load" pattern that balances the benefits of persistence with the need for fresh data. This approach maintains the smooth user experience while ensuring data accuracy.
+
+```mermaid
+sequenceDiagram
+    participant U as User
+    participant A as App
+    participant L as localStorage
+    participant S as Server
+    
+    U->>A: Opens app
+    A->>L: Load saved state
+    L-->>A: Return cached data
+    A->>U: Show UI immediately
+    A->>S: Fetch fresh data
+    S-->>A: Return current data
+    A->>L: Update cache
+    A->>U: Update UI with fresh data
+```
+### Task: Implement Data Refresh System
 
-### Task
+We'll create a system that automatically fetches fresh data from the server while maintaining the benefits of our persistent state management.
 
-Create a new `updateAccountData` function:
+**Step 1: Create Account Data Updater**
 
 ```js
 async function updateAccountData() {
@@ -247,9 +640,15 @@ async function updateAccountData() {
 }
 ```
 
-This function checks if the user is logged in and reloads the account data from the server.
+**Understanding this function's logic:**
+- **Checks** if a user is currently logged in (state.account exists)
+- **Redirects** to logout if no valid session is found
+- **Fetches** fresh account data from the server using the existing `getAccount()` function
+- **Handles** server errors gracefully by logging out invalid sessions
+- **Updates** the state with fresh data using our controlled update system
+- **Triggers** automatic localStorage persistence through the `updateState()` function
 
-Create another function named `refresh`:
+**Step 2: Create Dashboard Refresh Handler**
 
 ```js
 async function refresh() {
@@ -258,7 +657,15 @@ async function refresh() {
 }
 ```
 
-This function updates the account data and refreshes the dashboard's HTML. Call it when the dashboard route is loaded. Update the route definition with:
+**What this refresh function accomplishes:**
+- **Coordinates** the data refresh and UI update process
+- **Waits** for fresh data to be loaded before updating the display
+- **Ensures** the dashboard shows the most current information
+- **Maintains** a clean separation between data management and UI updates
+
+**Step 3: Integrate with Route System**
+
+Update your route configuration to trigger refresh automatically:
 
 ```js
 const routes = {
@@ -267,17 +674,113 @@ const routes = {
 };
 ```
 
-Refresh the dashboard now, and it should display the updated account data.
+**How this integration works:**
+- **Executes** the refresh function every time the dashboard route loads
+- **Ensures** fresh data is always displayed when users navigate to the dashboard
+- **Maintains** the existing route structure while adding data freshness
+- **Provides** a consistent pattern for route-specific initialization
+
+**Testing Your Data Refresh System:**
+
+1. Log into your banking app
+2. Run the curl command from earlier to create a new transaction
+3. Refresh your dashboard page or navigate away and back
+4. Verify that the new transaction appears immediately
+
+🎉 **Perfect Balance Achieved**: Your app now combines the smooth experience of persistent state with the accuracy of fresh server data!
+
+## 📈 Your State Management Mastery Timeline
+
+```mermaid
+timeline
+    title Professional State Management Journey
+    
+    section Problem Recognition
+        State Issues Diagnosis
+            : Identify session loss problems
+            : Understand scattered update issues
+            : Recognize architectural needs
+    
+    section Architecture Foundation
+        Centralized State Design
+            : Create unified state objects
+            : Implement controlled update patterns
+            : Establish immutable principles
+        
+        Predictable Updates
+            : Master Object.freeze() usage
+            : Build debug-friendly systems
+            : Create scalable patterns
+    
+    section Persistence Mastery
+        localStorage Integration
+            : Handle JSON serialization
+            : Implement automatic synchronization
+            : Create session continuity
+        
+        Data Freshness Balance
+            : Address staleness challenges
+            : Build refresh mechanisms
+            : Optimize performance vs accuracy
+    
+    section Professional Patterns
+        Production-Ready Systems
+            : Implement error handling
+            : Create maintainable architectures
+            : Follow industry best practices
+        
+        Advanced Capabilities
+            : Ready for framework integration
+            : Prepared for complex state needs
+            : Foundation for real-time features
+```
+**🎓 Graduation Milestone**: You've successfully built a complete state management system using the same principles that power Redux, Vuex, and other professional state libraries. These patterns scale from simple apps to enterprise applications.
 
----
+**🔄 Next Level Capabilities**:
+- Ready to master state management frameworks (Redux, Zustand, Pinia)
+- Prepared to implement real-time features with WebSockets
+- Equipped to build offline-first Progressive Web Apps
+- Foundation set for advanced patterns like state machines and observers
 
-## 🚀 Challenge
+## GitHub Copilot Agent Challenge 🚀
 
-Now that we reload the account data whenever the dashboard is loaded, do you think we still need to persist *all the account* data?
+Use the Agent mode to complete the following challenge:
 
-Work together to modify what is saved and loaded from `localStorage` to include only the data absolutely necessary for the app to function.
+**Description:** Implement a comprehensive state management system with undo/redo functionality for the banking app. This challenge will help you practice advanced state management concepts including state history tracking, immutable updates, and user interface synchronization.
+
+**Prompt:** Create an enhanced state management system that includes: 1) A state history array that tracks all previous states, 2) Undo and redo functions that can revert to previous states, 3) UI buttons for undo/redo operations on the dashboard, 4) A maximum history limit of 10 states to prevent memory issues, and 5) Proper cleanup of history when the user logs out. Ensure the undo/redo functionality works with account balance changes and persists across browser refreshes.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
+
+## 🚀 Challenge: Storage Optimization
+
+Your implementation now handles user sessions, data refresh, and state management effectively. However, consider whether our current approach optimally balances storage efficiency with functionality.
+
+Like chess masters who distinguish between essential pieces and expendable pawns, effective state management requires identifying which data must persist versus which should always be fresh from the server.
+
+**Optimization Analysis:**
+
+Evaluate your current localStorage implementation and consider these strategic questions:
+- What's the minimum information required to maintain user authentication?
+- Which data changes frequently enough that local caching provides little benefit?
+- How can storage optimization improve performance without degrading user experience?
+
+This type of architectural analysis distinguishes experienced developers who consider both functionality and efficiency in their solutions.
+
+**Implementation Strategy:**
+- **Identify** the essential data that must persist (likely just user identification)
+- **Modify** your localStorage implementation to store only critical session data
+- **Ensure** fresh data is always loaded from the server on dashboard visits
+- **Test** that your optimized approach maintains the same user experience
+
+**Advanced Consideration:**
+- **Compare** the trade-offs between storing full account data vs. just authentication tokens
+- **Document** your decisions and reasoning for future team members
+
+This challenge will help you think like a professional developer who considers both user experience and application efficiency. Take your time to experiment with different approaches!
 
 ## Post-Lecture Quiz
+
 [Post-lecture quiz](https://ff-quizzes.netlify.app/web/quiz/48)
 
 ## Assignment
@@ -286,9 +789,11 @@ Work together to modify what is saved and loaded from `localStorage` to include
 
 Here's an example result after completing the assignment:
 
-![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/en/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.png)
+![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/en/dialog.93bba104afeb79f1.webp)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/4-state-management/assignment.md b/translations/en/7-bank-project/4-state-management/assignment.md
index b235569c1..efd535464 100644
--- a/translations/en/7-bank-project/4-state-management/assignment.md
+++ b/translations/en/7-bank-project/4-state-management/assignment.md
@@ -1,39 +1,155 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "f23a868536c07da991b1d4e773161e25",
-  "translation_date": "2025-08-28T11:20:45+00:00",
-  "source_file": "7-bank-project/4-state-management/assignment.md",
-  "language_code": "en"
-}
--->
-# Implement "Add transaction" dialog
+# Implement "Add Transaction" Dialog
+
+## Overview
+
+Your banking app now has solid state management and data persistence, but it's missing a crucial feature that real banking apps need: the ability for users to add their own transactions. In this assignment, you'll implement a complete "Add Transaction" dialog that integrates seamlessly with your existing state management system.
+
+This assignment brings together everything you've learned in the four banking lessons: HTML templating, form handling, API integration, and state management.
+
+## Learning Objectives
+
+By completing this assignment, you will:
+- **Create** a user-friendly dialog interface for data entry
+- **Implement** accessible form design with keyboard and screen reader support
+- **Integrate** new features with your existing state management system
+- **Practice** API communication and error handling
+- **Apply** modern web development patterns to a real-world feature
 
 ## Instructions
 
-Our banking app is still missing a key feature: the ability to add new transactions.  
-Using everything you've learned in the previous four lessons, implement an "Add transaction" dialog:
+### Step 1: Add Transaction Button
+
+**Create** an "Add Transaction" button on your dashboard page that users can easily find and access.
+
+**Requirements:**
+- **Place** the button in a logical location on the dashboard
+- **Use** clear, action-oriented button text
+- **Style** the button to match your existing UI design
+- **Ensure** the button is keyboard accessible
+
+### Step 2: Dialog Implementation
+
+Choose one of these two approaches for implementing your dialog:
+
+**Option A: Separate Page**
+- **Create** a new HTML template for the transaction form
+- **Add** a new route to your routing system
+- **Implement** navigation to and from the form page
+
+**Option B: Modal Dialog (Recommended)**
+- **Use** JavaScript to show/hide the dialog without leaving the dashboard
+- **Implement** using the [`hidden` property](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) or CSS classes
+- **Create** a smooth user experience with proper focus management
+
+### Step 3: Accessibility Implementation
+
+**Ensure** your dialog meets [accessibility standards for modal dialogs](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/):
+
+**Keyboard Navigation:**
+- **Support** Escape key to close the dialog
+- **Trap** focus within the dialog when open
+- **Return** focus to the trigger button when closed
+
+**Screen Reader Support:**
+- **Add** appropriate ARIA labels and roles
+- **Announce** dialog opening/closing to screen readers
+- **Provide** clear form field labels and error messages
+
+### Step 4: Form Creation
+
+**Design** an HTML form that collects transaction data:
+
+**Required Fields:**
+- **Date**: When the transaction occurred
+- **Description**: What the transaction was for
+- **Amount**: Transaction value (positive for income, negative for expenses)
+
+**Form Features:**
+- **Validate** user input before submission
+- **Provide** clear error messages for invalid data
+- **Include** helpful placeholder text and labels
+- **Style** consistently with your existing design
+
+### Step 5: API Integration
+
+**Connect** your form to the backend API:
+
+**Implementation Steps:**
+- **Review** the [server API specifications](../api/README.md) for the correct endpoint and data format
+- **Create** JSON data from your form inputs
+- **Send** the data to the API using appropriate error handling
+- **Display** success/failure messages to the user
+- **Handle** network errors gracefully
+
+### Step 6: State Management Integration
+
+**Update** your dashboard with the new transaction:
+
+**Integration Requirements:**
+- **Refresh** the account data after successful transaction addition
+- **Update** the dashboard display without requiring a page reload
+- **Ensure** the new transaction appears immediately
+- **Maintain** proper state consistency throughout the process
+
+## Technical Specifications
+
+**API Endpoint Details:**
+Refer to the [server API documentation](../api/README.md) for:
+- Required JSON format for transaction data
+- HTTP method and endpoint URL
+- Expected response format
+- Error response handling
+
+**Expected Result:**
+After completing this assignment, your banking app should have a fully functional "Add Transaction" feature that looks and behaves professionally:
+
+![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/en/dialog.93bba104afeb79f1.webp)
+
+## Testing Your Implementation
+
+**Functional Testing:**
+1. **Verify** the "Add Transaction" button is clearly visible and accessible
+2. **Test** that the dialog opens and closes properly
+3. **Confirm** form validation works for all required fields
+4. **Check** that successful transactions appear immediately on the dashboard
+5. **Ensure** error handling works for invalid data and network issues
+
+**Accessibility Testing:**
+1. **Navigate** through the entire flow using only the keyboard
+2. **Test** with a screen reader to ensure proper announcements
+3. **Verify** focus management works correctly
+4. **Check** that all form elements have appropriate labels
+
+## Evaluation Rubric
 
-- Add an "Add transaction" button to the dashboard page.
-- Either create a new page with an HTML template or use JavaScript to show/hide the dialog HTML without leaving the dashboard page (you can use the [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) attribute for this, or CSS classes).
-- Ensure you address [keyboard and screen reader accessibility](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) for the dialog.
-- Implement an HTML form to collect input data.
-- Convert the form data into JSON and send it to the API.
-- Update the dashboard page with the new data.
+| Criteria | Exemplary | Adequate | Needs Improvement |
+| -------- | --------- | -------- | ----------------- |
+| **Functionality** | Add transaction feature works flawlessly with excellent user experience and follows all best practices from the lessons | Add transaction feature works correctly but may not follow some best practices or has minor usability issues | Add transaction feature is partially working or has significant usability problems |
+| **Code Quality** | Code is well-organized, follows established patterns, includes proper error handling, and integrates seamlessly with existing state management | Code works but may have some organization issues or inconsistent patterns with the existing codebase | Code has significant structural issues or doesn't integrate well with existing patterns |
+| **Accessibility** | Full keyboard navigation support, screen reader compatibility, and follows WCAG guidelines with excellent focus management | Basic accessibility features implemented but may be missing some keyboard navigation or screen reader features | Limited or no accessibility considerations implemented |
+| **User Experience** | Intuitive, polished interface with clear feedback, smooth interactions, and professional appearance | Good user experience with minor areas for improvement in feedback or visual design | Poor user experience with confusing interface or lack of user feedback |
 
-Refer to the [server API specifications](../api/README.md) to identify the API you need to call and the expected JSON format.
+## Additional Challenges (Optional)
 
-Here's an example of the result after completing the task:
+Once you've completed the basic requirements, consider these enhancements:
 
-![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/en/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.png)
+**Enhanced Features:**
+- **Add** transaction categories (food, transportation, entertainment, etc.)
+- **Implement** input validation with real-time feedback
+- **Create** keyboard shortcuts for power users
+- **Add** transaction editing and deletion capabilities
 
-## Rubric
+**Advanced Integration:**
+- **Implement** undo functionality for recently added transactions
+- **Add** bulk transaction import from CSV files
+- **Create** transaction search and filtering capabilities
+- **Implement** data export functionality
 
-| Criteria | Outstanding                                                                                     | Satisfactory                                                                                                           | Needs Improvement                           |
-| -------- | ----------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
-|          | Adding a transaction is fully implemented, adhering to all best practices covered in the lessons. | Adding a transaction is implemented but does not fully follow the best practices covered in the lessons or works only partially. | Adding a transaction does not work at all. |
+These optional features will help you practice more advanced web development concepts and create a more complete banking application!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/7-bank-project/README.md b/translations/en/7-bank-project/README.md
index 7d24f82ee..f6927901a 100644
--- a/translations/en/7-bank-project/README.md
+++ b/translations/en/7-bank-project/README.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "830359535306594b448db6575ce5cdee",
-  "translation_date": "2025-08-28T11:13:52+00:00",
-  "source_file": "7-bank-project/README.md",
-  "language_code": "en"
-}
--->
 # :dollar: Build a Bank
 
 In this project, you'll learn how to create a fictional bank. These lessons include instructions on designing a web app layout, setting up routes, building forms, managing state, and retrieving data from an API to access the bank's information.
 
-| ![Screen1](../../../translated_images/en/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.png) | ![Screen2](../../../translated_images/en/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.png) |
+| ![Screen1](../../../translated_images/en/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/en/screen2.123c82a831a1d14a.webp) |
 |--------------------------------|--------------------------------|
 
 ## Lessons
diff --git a/translations/en/7-bank-project/api/README.md b/translations/en/7-bank-project/api/README.md
index c4b130f46..a6cdff53c 100644
--- a/translations/en/7-bank-project/api/README.md
+++ b/translations/en/7-bank-project/api/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "9884f8c8a61cf56214450f8b16a094ce",
-  "translation_date": "2025-08-28T11:16:11+00:00",
-  "source_file": "7-bank-project/api/README.md",
-  "language_code": "en"
-}
--->
 # Bank API
 
 > Bank API built with [Node.js](https://nodejs.org) + [Express](https://expressjs.com/).
diff --git a/translations/en/7-bank-project/solution/README.md b/translations/en/7-bank-project/solution/README.md
index 0df8b927e..8da6d730e 100644
--- a/translations/en/7-bank-project/solution/README.md
+++ b/translations/en/7-bank-project/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9",
-  "translation_date": "2025-08-28T11:16:34+00:00",
-  "source_file": "7-bank-project/solution/README.md",
-  "language_code": "en"
-}
--->
 # Bank app
 
 > Example solution for the bank app project, created using plain HTML5, CSS, and JavaScript (no frameworks or libraries involved).
diff --git a/translations/en/8-code-editor/1-using-a-code-editor/README.md b/translations/en/8-code-editor/1-using-a-code-editor/README.md
index bc04e37a8..6a5019603 100644
--- a/translations/en/8-code-editor/1-using-a-code-editor/README.md
+++ b/translations/en/8-code-editor/1-using-a-code-editor/README.md
@@ -1,192 +1,630 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "f8d4b0284f3fc1de7eb65073d8338cca",
-  "translation_date": "2025-10-03T08:21:41+00:00",
-  "source_file": "8-code-editor/1-using-a-code-editor/README.md",
-  "language_code": "en"
-}
--->
-***
+# Using a Code Editor: Mastering VSCode.dev
+
+Remember in *The Matrix* when Neo had to plug into a massive computer terminal to access the digital world? Today's web development tools are the opposite story – incredibly powerful capabilities accessible from anywhere. VSCode.dev is a browser-based code editor that brings professional development tools to any device with an internet connection.
+
+Just like how the printing press made books accessible to everyone, not just scribes in monasteries, VSCode.dev democratizes coding. You can work on projects from a library computer, a school lab, or anywhere you have browser access. No installations, no "I need my specific setup" limitations.
+
+By the end of this lesson, you'll understand how to navigate VSCode.dev, open GitHub repositories directly in your browser, and use Git for version control – all skills that professional developers rely on daily.
+
+## ⚡ What You Can Do in the Next 5 Minutes
+
+**Quick Start Pathway for Busy Developers**
+
+```mermaid
+flowchart LR
+    A[⚡ 5 minutes] --> B[Visit vscode.dev]
+    B --> C[Connect GitHub account]
+    C --> D[Open any repository]
+    D --> E[Start editing immediately]
+```
+- **Minute 1**: Navigate to [vscode.dev](https://vscode.dev) - no installation needed
+- **Minute 2**: Sign in with GitHub to connect your repositories
+- **Minute 3**: Try the URL trick: change `github.com` to `vscode.dev/github` in any repo URL
+- **Minute 4**: Create a new file and watch syntax highlighting work automatically
+- **Minute 5**: Make a change and commit it through the Source Control panel
+
+**Quick Test URL**:
+```
+# Transform this:
+github.com/microsoft/Web-Dev-For-Beginners
+
+# Into this:
+vscode.dev/github/microsoft/Web-Dev-For-Beginners
+```
+
+**Why This Matters**: In 5 minutes, you'll experience the freedom of coding anywhere with professional tools. This represents the future of development - accessible, powerful, and immediate.
+
+## 🗺️ Your Learning Journey Through Cloud-Based Development
+
+```mermaid
+journey
+    title From Local Setup to Cloud Development Mastery
+    section Understanding the Platform
+      Discover web-based editing: 4: You
+      Connect to GitHub ecosystem: 6: You
+      Master interface navigation: 7: You
+    section File Management Skills
+      Create and organize files: 5: You
+      Edit with syntax highlighting: 7: You
+      Navigate project structures: 8: You
+    section Version Control Mastery
+      Understand Git integration: 6: You
+      Practice commit workflows: 8: You
+      Master collaboration patterns: 9: You
+    section Professional Customization
+      Install powerful extensions: 7: You
+      Configure development environment: 8: You
+      Build personal workflows: 9: You
+```
+**Your Journey Destination**: By the end of this lesson, you'll have mastered a professional cloud development environment that works from any device, enabling you to code with the same tools used by developers at major tech companies.
+
+## What You'll Learn
+
+After we walk through this together, you'll be able to:
+
+- Navigate VSCode.dev like it's your second home – finding everything you need without getting lost
+- Open any GitHub repository in your browser and start editing immediately (this one's pretty magical!)
+- Use Git to track your changes and save your progress like a pro
+- Supercharge your editor with extensions that make coding faster and more fun
+- Create and organize project files with confidence
+
+## What You'll Need
+
+The requirements are straightforward:
+
+- A free [GitHub account](https://github.com) (we'll guide you through creation if needed)
+- Basic familiarity with web browsers
+- The GitHub Basics lesson provides helpful background, though it's not essential
+
+> 💡 **New to GitHub?** Creating an account is free and takes minutes. Like how a library card gives you access to books worldwide, a GitHub account opens doors to code repositories across the internet.
+
+## 🧠 Cloud Development Ecosystem Overview
+
+```mermaid
+mindmap
+  root((VSCode.dev Mastery))
+    Platform Benefits
+      Accessibility
+        Device Independence
+        No Installation Required
+        Instant Updates
+        Universal Access
+      Integration
+        GitHub Connection
+        Repository Sync
+        Settings Persistence
+        Collaboration Ready
+    Development Workflow
+      File Management
+        Project Structure
+        Syntax Highlighting
+        Multi-tab Editing
+        Auto-save Features
+      Version Control
+        Git Integration
+        Commit Workflows
+        Branch Management
+        Change Tracking
+    Customization Power
+      Extensions Ecosystem
+        Productivity Tools
+        Language Support
+        Theme Options
+        Custom Shortcuts
+      Environment Setup
+        Personal Preferences
+        Workspace Configuration
+        Tool Integration
+        Workflow Optimization
+    Professional Skills
+      Industry Standards
+        Version Control
+        Code Quality
+        Collaboration
+        Documentation
+      Career Readiness
+        Remote Work
+        Cloud Development
+        Team Projects
+        Open Source
+```
+**Core Principle**: Cloud-based development environments represent the future of coding - providing professional-grade tools that are accessible, collaborative, and platform-independent.
+
+## Why Web-Based Code Editors Matter
+
+Before the internet, scientists at different universities couldn't easily share research. Then came ARPANET in the 1960s, connecting computers across distances. Web-based code editors follow this same principle – making powerful tools accessible regardless of your physical location or device.
+
+A code editor serves as your development workspace, where you write, edit, and organize code files. Unlike simple text editors, professional code editors provide syntax highlighting, error detection, and project management features.
+
+VSCode.dev brings these capabilities to your browser:
+
+**Web-based editing advantages:**
+
+| Feature | Description | Practical Benefit |
+|---------|-------------|----------|
+| **Platform Independence** | Runs on any device with a browser | Work from different computers seamlessly |
+| **No Installation Required** | Access through a web URL | Bypass software installation restrictions |
+| **Automatic Updates** | Always runs the latest version | Access new features without manual updates |
+| **Repository Integration** | Direct connection to GitHub | Edit code without local file management |
+
+**Practical implications:**
+- Work continuity across different environments
+- Consistent interface regardless of operating system
+- Immediate collaboration capabilities
+- Reduced local storage requirements
+
+## Exploring VSCode.dev
+
+Just as Marie Curie's laboratory contained sophisticated equipment in a relatively simple space, VSCode.dev packs professional development tools into a browser interface. This web application provides the same core functionality as desktop code editors.
+
+Start by navigating to [vscode.dev](https://vscode.dev) in your browser. The interface loads without downloads or system installations – a direct application of cloud computing principles.
+
+### Connecting Your GitHub Account
+
+Like how Alexander Graham Bell's telephone connected distant locations, linking your GitHub account bridges VSCode.dev with your code repositories. When prompted to sign in with GitHub, accepting this connection is recommended.
+
+**GitHub integration provides:**
+- Direct access to your repositories within the editor
+- Synchronized settings and extensions across devices
+- Streamlined saving workflow to GitHub
+- Personalized development environment
+
+### Getting to Know Your New Workspace
+
+Once everything loads up, you'll see a beautifully clean workspace that's designed to keep you focused on what matters – your code!
+
+![Default VSCode.dev interface](../../../../translated_images/en/default-vscode-dev.5d06881d65c1b323.webp)
+
+**Here's your tour of the neighborhood:**
+- **Activity Bar** (that strip on the left): Your main navigation with Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, and Settings ⚙️
+- **Sidebar** (the panel next to it): Changes to show you relevant info based on what you've selected
+- **Editor Area** (the big space in the middle): This is where the magic happens – your main coding area
+
+**Take a moment to explore:**
+- Click around those Activity Bar icons and see what each one does
+- Notice how the sidebar updates to show different information – pretty neat, right?
+- The Explorer view (📁) is probably where you'll spend most of your time, so get comfortable with it
+
+```mermaid
+flowchart TB
+    subgraph "VSCode.dev Interface Architecture"
+        A[Activity Bar] --> B[Explorer 📁]
+        A --> C[Search 🔍]
+        A --> D[Source Control 🌿]
+        A --> E[Extensions 🧩]
+        A --> F[Settings ⚙️]
+        
+        B --> G[File Tree]
+        C --> H[Find & Replace]
+        D --> I[Git Status]
+        E --> J[Extension Marketplace]
+        F --> K[Configuration]
+        
+        L[Sidebar] --> M[Context Panel]
+        N[Editor Area] --> O[Code Files]
+        P[Terminal/Output] --> Q[Command Line]
+    end
+```
+## Opening GitHub Repositories
 
-# Using a Code Editor: Mastering [VSCode.dev](https://vscode.dev)
+Before the internet, researchers had to physically travel to libraries to access documents. GitHub repositories work similarly – they're collections of code stored remotely. VSCode.dev eliminates the traditional step of downloading repositories to your local machine before editing.
 
-**Welcome!**  
-This lesson will guide you from the basics to advanced usage of [VSCode.dev](https://vscode.dev)—a powerful, web-based code editor. You'll learn how to confidently edit code, manage projects, track changes, install extensions, and collaborate like a professional—all directly from your browser, with no installation required.
+This capability enables immediate access to any public repository for viewing, editing, or contributing. Here are two methods for opening repositories:
 
-***
+### Method 1: The Point-and-Click Way
 
-## Learning Objectives
+This is perfect when you're starting fresh in VSCode.dev and want to open a specific repository. It's straightforward and beginner-friendly:
 
-By the end of this lesson, you’ll be able to:
+**Here's how to do it:**
 
-- Use a code editor efficiently for any project, anywhere
-- Track your work seamlessly with built-in version control
-- Customize and enhance your development workflow with editor settings and extensions
+1. Head to [vscode.dev](https://vscode.dev) if you're not already there
+2. Look for the "Open Remote Repository" button on the welcome screen and click it
 
-***
+   ![Open remote repository](../../../../translated_images/en/open-remote-repository.bd9c2598b8949e7f.webp)
 
-## Prerequisites
+3. Paste in any GitHub repository URL (try this one: `https://github.com/microsoft/Web-Dev-For-Beginners`)
+4. Hit Enter and watch the magic happen!
 
-To get started, **sign up for a free [GitHub](https://github.com) account**, which allows you to manage code repositories and collaborate globally. If you don’t have an account yet, [create one here](https://github.com/).
+**Pro tip - The Command Palette shortcut:**
 
-***
+Want to feel like a coding wizard? Try this keyboard shortcut: Ctrl+Shift+P (or Cmd+Shift+P on Mac) to open the Command Palette:
 
-## Why Use a Web-based Code Editor?
+![Command Palette](../../../../translated_images/en/palette-menu.4946174e07f42622.webp)
 
-A **code editor** like VSCode.dev serves as your command center for writing, editing, and managing code. With its intuitive interface, extensive features, and instant browser access, you can:
+**The Command Palette is like having a search engine for everything you can do:**
+- Type "open remote" and it'll find the repository opener for you
+- It remembers repositories you've opened recently (super handy!)
+- Once you get used to it, you'll feel like you're coding at lightning speed
+- It's basically VSCode.dev's version of "Hey Siri, but for coding"
 
-- Work on projects from any device
-- Skip the hassle of installations
-- Collaborate and contribute instantly
+### Method 2: URL Modification Technique
 
-Once you’re comfortable with VSCode.dev, you’ll be ready to tackle coding tasks anytime, anywhere.
+Like how HTTP and HTTPS use different protocols while maintaining the same domain structure, VSCode.dev uses a URL pattern that mirrors GitHub's addressing system. Any GitHub repository URL can be modified to open directly in VSCode.dev.
 
-***
+**URL transformation pattern:**
 
-## Getting Started with VSCode.dev
+| Repository Type | GitHub URL | VSCode.dev URL |
+|----------------|---------------------|----------------|
+| **Public Repository** | `github.com/microsoft/Web-Dev-For-Beginners` | `vscode.dev/github/microsoft/Web-Dev-For-Beginners` |
+| **Personal Project** | `github.com/your-username/my-project` | `vscode.dev/github/your-username/my-project` |
+| **Any Accessible Repo** | `github.com/their-username/awesome-repo` | `vscode.dev/github/their-username/awesome-repo` |
 
-Visit **[VSCode.dev](https://vscode.dev)**—no installation or downloads required. Signing in with GitHub unlocks full functionality, including syncing your settings, extensions, and repositories. If prompted, connect your GitHub account.
+**Implementation:**
+- Replace `github.com` with `vscode.dev/github`
+- Maintain all other URL components unchanged
+- Works with any publicly accessible repository
+- Provides immediate editing access
 
-After loading, your workspace will look like this:
+> 💡 **Life-changing tip**: Bookmark the VSCode.dev versions of your favorite repositories. I have bookmarks like "Edit My Portfolio" and "Fix Documentation" that take me straight to editing mode!
 
-![Default VSCode.dev](../../../../translated_images/en/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.png)
+**Which method should you use?**
+- **The interface way**: Great when you're exploring or can't remember exact repository names
+- **The URL trick**: Perfect for lightning-fast access when you know exactly where you're going
 
-It has three main sections from left to right:
-- **Activity bar:** Icons like 🔎 (Search), ⚙️ (Settings), files, source control, etc.
-- **Sidebar:** Changes context based on the selected activity bar icon (defaults to *Explorer* to display files).
-- **Editor/code area:** The largest section on the right—where you’ll edit and view code.
+### 🎯 Pedagogical Check-in: Cloud Development Access
 
-Click through the icons to explore features, but return to the _Explorer_ to stay organized.
+**Pause and Reflect**: You've just learned two methods for accessing code repositories through a web browser. This represents a fundamental shift in how development works.
 
-***
+**Quick Self-Assessment**:
+- Can you explain why web-based editing eliminates traditional "development environment setup"?
+- What advantages does the URL modification technique provide over local git cloning?
+- How does this approach change the way you might contribute to open source projects?
 
-## Opening a GitHub Repository
+**Real-World Connection**: Major companies like GitHub, GitLab, and Replit have built their development platforms around these cloud-first principles. You're learning the same workflows used by professional development teams worldwide.
 
-### Method 1: From the Editor
+**Challenge Question**: How might cloud-based development change the way coding is taught in schools? Consider device requirements, software management, and collaborative possibilities.
 
-1. Go to [VSCode.dev](https://vscode.dev). Click **"Open Remote Repository."**
+## Working with Files and Projects
 
-   ![Open remote repository](../../../../translated_images/en/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.png)
+Now that you've got a repository open, let's start building! VSCode.dev gives you everything you need to create, edit, and organize your code files. Think of it as your digital workshop – every tool is right where you need it.
 
-2. Use the _Command Palette_ (Ctrl-Shift-P, or Cmd-Shift-P on Mac).
+Let's dive into the everyday tasks that'll make up most of your coding workflow.
 
-   ![Palette Menu](../../../../translated_images/en/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.png)
+### Creating New Files
 
-   - Select "Open remote repository."
-   - Paste your GitHub repo URL (e.g., `https://github.com/microsoft/Web-Dev-For-Beginners`) and press Enter.
+Like organizing blueprints in an architect's office, file creation in VSCode.dev follows a structured approach. The system supports all standard web development file types.
 
-If successful, the entire project will load and be ready for editing!
+**File creation process:**
 
-***
+1. Navigate to the target folder in the Explorer sidebar
+2. Hover over the folder name to reveal the "New File" icon (📄+)
+3. Enter the filename including the appropriate extension (`style.css`, `script.js`, `index.html`)
+4. Press Enter to create the file
 
-### Method 2: Instantly via URL
+![Creating a new file](../../../../translated_images/en/create-new-file.2814e609c2af9aeb.webp)
 
-Transform any GitHub repo URL to open directly in VSCode.dev by replacing `github.com` with `vscode.dev/github`.  
-For example:
+**Naming conventions:**
+- Use descriptive names that indicate file purpose
+- Include file extensions for proper syntax highlighting
+- Follow consistent naming patterns throughout projects
+- Use lowercase letters and hyphens instead of spaces
 
-- GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners`
-- VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners`
+### Editing and Saving Files
 
-This feature makes accessing any project quick and easy.
+This is where the real fun begins! VSCode.dev's editor is packed with helpful features that make coding feel smooth and intuitive. It's like having a really smart writing assistant, but for code.
 
-***
+**Your editing workflow:**
 
-## Editing Files in Your Project
+1. Click on any file in the Explorer to open it in the main area
+2. Start typing and watch VSCode.dev help you out with colors, suggestions, and error spotting
+3. Save your work with Ctrl+S (Windows/Linux) or Cmd+S (Mac) – though it auto-saves too!
 
-Once your repository is open, you can:
+![Editing files in VSCode.dev](../../../../translated_images/en/edit-a-file.52c0ee665ef19f08.webp)
 
-### 1. **Create a New File**
-- In the *Explorer* sidebar, navigate to your desired folder or use the root.
-- Click the _‘New file ...’_ icon.
-- Name your file, press **Enter**, and it will appear instantly.
+**The cool stuff that happens while you code:**
+- Your code gets beautifully color-coded so it's easy to read
+- VSCode.dev suggests completions as you type (like autocorrect, but way smarter)
+- It catches typos and errors before you even save
+- You can have multiple files open in tabs, just like in a browser
+- Everything saves automatically in the background
 
-![Create a new file](../../../../translated_images/en/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.png)
+> ⚠️ **Quick tip**: Even though auto-save has your back, hitting Ctrl+S or Cmd+S is still a good habit. It immediately saves everything and triggers some extra helpful features like error checking.
 
-### 2. **Edit and Save Files**
-- Click on a file in the *Explorer* to open it in the code area.
-- Make your changes as needed.
-- VSCode.dev automatically saves your changes, but you can press Ctrl+S to save manually.
+### Version Control with Git
 
-![Edit a file](../../../../translated_images/en/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.png)
+Like how archaeologists create detailed records of excavation layers, Git tracks changes in your code over time. This system preserves project history and enables you to revert to previous versions when needed. VSCode.dev includes integrated Git functionality.
 
-### 3. **Track & Commit Changes with Version Control**
+**Source Control interface:**
 
-VSCode.dev includes integrated **Git** version control!
+1. Access the Source Control panel via the 🌿 icon in the Activity Bar
+2. Modified files appear in the "Changes" section
+3. Color coding indicates change types: green for additions, red for deletions
+
+![Viewing changes in Source Control](../../../../translated_images/en/working-tree.c58eec08e6335c79.webp)
+
+**Saving your work (the commit workflow):**
+
+```mermaid
+flowchart TD
+    A[Make changes to files] --> B[View changes in Source Control]
+    B --> C[Stage changes by clicking +]
+    C --> D[Write descriptive commit message]
+    D --> E[Click checkmark to commit]
+    E --> F[Changes pushed to GitHub]
+```
+```mermaid
+stateDiagram-v2
+    [*] --> Modified: Edit files
+    Modified --> Staged: Click + to stage
+    Staged --> Modified: Click - to unstage
+    Staged --> Committed: Add message & commit
+    Committed --> [*]: Sync to GitHub
+    
+    state Committed {
+        [*] --> LocalCommit
+        LocalCommit --> RemotePush: Auto-sync
+    }
+```
+**Here's your step-by-step process:**
+- Click the "+" icon next to files you want to save (this "stages" them)
+- Double-check that you're happy with all your staged changes
+- Write a short note explaining what you did (this is your "commit message")
+- Click the checkmark button to save everything to GitHub
+- If you change your mind about something, the undo icon lets you discard changes
+
+**Writing good commit messages (this is easier than you think!):**
+- Just describe what you did, like "Add contact form" or "Fix broken navigation"
+- Keep it short and sweet – think tweet length, not essay
+- Start with action words like "Add", "Fix", "Update", or "Remove"
+- **Good examples**: "Add responsive navigation menu", "Fix mobile layout issues", "Update colors for better accessibility"
+
+> 💡 **Quick navigation tip**: Use the hamburger menu (☰) at the top left to jump back to your GitHub repository and see your committed changes online. It's like a portal between your editing environment and your project's home on GitHub!
+
+## Enhancing Functionality with Extensions
+
+Just as a craftsperson's workshop contains specialized tools for different tasks, VSCode.dev can be customized with extensions that add specific capabilities. These community-developed plugins address common development needs like code formatting, live preview, and enhanced Git integration.
+
+The extension marketplace hosts thousands of free tools created by developers worldwide. Each extension solves particular workflow challenges, allowing you to build a personalized development environment suited to your specific needs and preferences.
+
+```mermaid
+mindmap
+  root((Extension Ecosystem))
+    Essential Categories
+      Productivity
+        Live Server
+        Auto Rename Tag
+        Bracket Pair Colorizer
+        GitLens
+      Code Quality
+        Prettier
+        ESLint
+        Spell Checker
+        Error Lens
+      Language Support
+        HTML CSS Support
+        JavaScript ES6
+        Python Extension
+        Markdown Preview
+      Themes & UI
+        Dark+ Modern
+        Material Icon Theme
+        Peacock
+        Rainbow Brackets
+    Discovery Methods
+      Popular Rankings
+        Download Counts
+        User Ratings
+        Recent Updates
+        Community Reviews
+      Recommendations
+        Workspace Suggestions
+        Language-based
+        Workflow-specific
+        Team Standards
+```
+### Finding Your Perfect Extensions
+
+The extension marketplace is really well organized, so you won't get lost trying to find what you need. It's designed to help you discover both specific tools and cool stuff you didn't even know existed!
+
+**Getting to the marketplace:**
+
+1. Click the Extensions icon (🧩) in the Activity Bar
+2. Browse around or search for something specific
+3. Click on anything that looks interesting to learn more about it
+
+![Extension marketplace interface](../../../../translated_images/en/extensions.eca0e0c7f59a10b5.webp)
+
+**What you'll see in there:**
+
+| Section | What's Inside | Why It's Helpful |
+|----------|---------|----------|
+| **Installed** | Extensions you've already added | Your personal coding toolkit |
+| **Popular** | The crowd favorites | What most developers swear by |
+| **Recommended** | Smart suggestions for your project | VSCode.dev's helpful recommendations |
+
+**What makes browsing easy:**
+- Each extension shows ratings, download counts, and real user reviews
+- You get screenshots and clear descriptions of what each one does
+- Everything's clearly marked with compatibility info
+- Similar extensions are suggested so you can compare options
+
+### Installing Extensions (It's Super Easy!)
+
+Adding new powers to your editor is as simple as clicking a button. Extensions install in seconds and start working immediately – no restarts, no waiting around.
+
+**Here's all you need to do:**
+
+1. Search for what you want (try searching "live server" or "prettier")
+2. Click on one that looks good to see more details
+3. Read through what it does and check out the ratings
+4. Hit that blue "Install" button and you're done!
+
+![Installing extensions](../../../../8-code-editor/images/install-extension.gif)
+
+**What happens behind the scenes:**
+- The extension downloads and sets itself up automatically
+- New features appear in your interface right away
+- Everything starts working immediately (seriously, it's that fast!)
+- If you're signed in, the extension syncs to all your devices
+
+**Some extensions I'd recommend starting with:**
+- **Live Server**: See your website update in real-time as you code (this one's magical!)
+- **Prettier**: Makes your code look clean and professional automatically
+- **Auto Rename Tag**: Change one HTML tag and its partner updates too
+- **Bracket Pair Colorizer**: Color-codes your brackets so you never get lost
+- **GitLens**: Supercharges your Git features with tons of helpful info
+
+### Customizing Your Extensions
+
+Most extensions come with settings you can tweak to make them work exactly how you like. Think of it like adjusting the seat and mirrors in a car – everyone has their preferences!
+
+**Tweaking extension settings:**
+
+1. Find your installed extension in the Extensions panel
+2. Look for the little gear icon (⚙️) next to its name and click it
+3. Choose "Extension Settings" from the dropdown
+4. Adjust things until they feel just right for your workflow
+
+![Customizing extension settings](../../../../translated_images/en/extension-settings.21c752ae4f4cdb78.webp)
+
+**Common things you might want to adjust:**
+- How your code gets formatted (tabs vs spaces, line length, etc.)
+- Which keyboard shortcuts trigger different actions
+- What file types the extension should work with
+- Turning specific features on or off to keep things clean
+
+### Keeping Your Extensions Organized
+
+As you discover more cool extensions, you'll want to keep your collection tidy and running smoothly. VSCode.dev makes this really easy to manage.
+
+**Your extension management options:**
+
+| What You Can Do | When It's Helpful | Pro Tip |
+|--------|---------|----------|
+| **Disable** | Testing if an extension is causing issues | Better than uninstalling if you might want it back |
+| **Uninstall** | Completely removing extensions you don't need | Keeps your environment clean and fast |
+| **Update** | Getting the latest features and bug fixes | Usually happens automatically, but worth checking |
+
+**How I like to manage extensions:**
+- Every few months, I review what I've installed and remove anything I'm not using
+- I keep extensions updated so I get the latest improvements and security fixes
+- If something seems slow, I temporarily disable extensions to see if one of them is the culprit
+- I read the update notes when extensions get major updates – sometimes there are cool new features!
+
+> ⚠️ **Performance tip**: Extensions are awesome, but having too many can slow things down. Focus on the ones that genuinely make your life easier and don't be afraid to uninstall ones you never use.
+
+### 🎯 Pedagogical Check-in: Development Environment Customization
+
+**Architecture Understanding**: You've learned to customize a professional development environment using community-created extensions. This mirrors how enterprise development teams build standardized toolchains.
+
+**Key Concepts Mastered**:
+- **Extension Discovery**: Finding tools that solve specific development challenges
+- **Environment Configuration**: Customizing tools to match personal or team preferences
+- **Performance Optimization**: Balancing functionality with system performance
+- **Community Collaboration**: Leveraging tools created by the global developer community
+
+**Industry Connection**: Extension ecosystems power major development platforms like VS Code, Chrome DevTools, and modern IDEs. Understanding how to evaluate, install, and configure extensions is essential for professional development workflows.
+
+**Reflection Question**: How would you approach setting up a standardized development environment for a team of 10 developers? Consider consistency, performance, and individual preferences.
+
+## 📈 Your Cloud Development Mastery Timeline
+
+```mermaid
+timeline
+    title Professional Cloud Development Journey
+    
+    section Platform Foundations
+        Cloud Development Understanding
+            : Master web-based editing concepts
+            : Connect GitHub integration patterns
+            : Navigate professional interfaces
+    
+    section Workflow Mastery
+        File & Project Management
+            : Create organized project structures
+            : Master syntax highlighting benefits
+            : Handle multi-file editing workflows
+        
+        Version Control Integration
+            : Understand Git visualization
+            : Practice commit message standards
+            : Master change tracking workflows
+    
+    section Environment Customization
+        Extension Ecosystem
+            : Discover productivity extensions
+            : Configure development preferences
+            : Optimize performance vs functionality
+        
+        Professional Setup
+            : Build consistent workflows
+            : Create reusable configurations
+            : Establish team standards
+    
+    section Industry Readiness
+        Cloud-First Development
+            : Master remote development practices
+            : Understand collaborative workflows
+            : Build platform-independent skills
+        
+        Professional Practices
+            : Follow industry standards
+            : Create maintainable workflows
+            : Prepare for team environments
+```
+**🎓 Graduation Milestone**: You've successfully mastered cloud-based development using the same tools and workflows employed by professional developers at major tech companies. These skills represent the future of software development.
+
+**🔄 Next Level Capabilities**:
+- Ready to explore advanced cloud development platforms (Codespaces, GitPod)
+- Prepared to work in distributed development teams
+- Equipped to contribute to open source projects globally
+- Foundation set for modern DevOps and continuous integration practices
+
+## GitHub Copilot Agent Challenge 🚀
+
+Like the structured approach NASA uses for space missions, this challenge involves systematic application of VSCode.dev skills in a complete workflow scenario.
+
+**Objective:** Demonstrate proficiency with VSCode.dev by establishing a comprehensive web development workflow.
+
+**Project requirements:** Using Agent mode assistance, complete these tasks:
+1. Fork an existing repository or create a new one
+2. Establish a functional project structure with HTML, CSS, and JavaScript files
+3. Install and configure three development-enhancing extensions
+4. Practice version control with descriptive commit messages
+5. Experiment with feature branch creation and modification
+6. Document the process and learnings in a README.md file
+
+This exercise consolidates all VSCode.dev concepts into a practical workflow that can be applied to future development projects.
+
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
 
-- Click the _'Source Control'_ icon to view all changes made.
-- Files in the `Changes` folder show additions (green) and deletions (red).  
-  ![View changes](../../../../translated_images/en/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.png)
-
-- Stage changes by clicking the `+` next to files to prepare for commit.
-- **Discard** unwanted changes by clicking the undo icon.
-- Type a clear commit message, then click the checkmark to commit and push.
-
-To return to your repository on GitHub, select the hamburger menu at the top left.
-
-![Stage & commit changes](../../../../translated_images/en/edit-vscode-dev.2a58bb663e7d19e04e7ccdc9fc645155a15de1e6e9797056df7cca697a3cf7b6.png)
-
-***
-
-## Leveling Up with Extensions
-
-Extensions allow you to add languages, themes, debuggers, and productivity tools to VSCode.dev—making coding easier and more enjoyable.
-
-### Browsing and Managing Extensions
-
-- Click the **Extensions icon** on the activity bar.
-- Search for an extension in the _'Search Extensions in Marketplace'_ box.
-
-  ![Extension details](../../../../translated_images/en/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.png)
-
-  - **Installed**: All extensions you’ve added
-  - **Popular**: Industry favorites
-  - **Recommended**: Tailored to your workflow
-
-  ![View extensions](../../../../translated_images/en/view-extensions.2eed53221678066045e3684b9dabaafff07f590c7dfaec736457d0ac0017e867.png)
-
-***
-
-### 1. **Install Extensions**
-
-- Enter the extension’s name in the search bar, click it, and review details in the editor.
-- Hit the **blue Install button** in the sidebar _or_ in the main code area.
-
-  ![Install extensions](../../../../translated_images/en/install-extension.84dd866e187d79492aa2c41b18f3878eeadaa70fece7a11ef63e2627dcc8792c.png)
-
-### 2. **Customize Extensions**
-
-- Find your installed extension.
-- Click the **Gear icon** → select _Extension Settings_ to adjust behaviors to your preferences.
+## Assignment
 
-  ![Modify extension settings](../../../../translated_images/en/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.png)
+Time to take these skills for a real test drive! I've got a hands-on project that'll let you practice everything we've covered: [Create a resume website using VSCode.dev](./assignment.md)
 
-### 3. **Manage Extensions**
-You can:
+This assignment walks you through building a professional resume website entirely in your browser. You'll use all the VSCode.dev features we've explored, and by the end, you'll have both a great-looking website and solid confidence in your new workflow.
 
-- **Disable:** Temporarily turn off an extension while keeping it installed
-- **Uninstall:** Permanently remove it if no longer needed
+## Keep Exploring and Growing Your Skills
 
-  Find the extension, hit the Gear icon, and select ‘Disable’ or ‘Uninstall,’ or use the blue buttons in the code area.
+You've got a solid foundation now, but there's so much more cool stuff to discover! Here are some resources and ideas for taking your VSCode.dev skills to the next level:
 
-***
+**Official docs worth bookmarking:**
+- [VSCode Web Documentation](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) – The complete guide to browser-based editing
+- [GitHub Codespaces](https://docs.github.com/en/codespaces) – For when you want even more power in the cloud
 
-## Assignment
+**Cool features to experiment with next:**
+- **Keyboard Shortcuts**: Learn the key combos that'll make you feel like a coding ninja
+- **Workspace Settings**: Set up different environments for different types of projects
+- **Multi-root Workspaces**: Work on multiple repositories at the same time (super handy!)
+- **Terminal Integration**: Access command-line tools right in your browser
 
-Test your skills: [Create a resume website using vscode.dev](https://github.com/microsoft/Web-Dev-For-Beginners/blob/main/8-code-editor/1-using-a-code-editor/assignment.md)
+**Ideas for practicing:**
+- Jump into some open-source projects and contribute using VSCode.dev – it's a great way to give back!
+- Try out different extensions to find your perfect setup
+- Create project templates for the types of sites you build most often
+- Practice Git workflows like branching and merging – these skills are gold in team projects
 
-***
-
-## Further Exploration and Self-Study
+---
 
-- Dive deeper with [the official VSCode Web Docs](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza).
-- Explore advanced workspace features, keyboard shortcuts, and settings.
+**You've mastered browser-based development!** 🎉 Like how the invention of portable instruments allowed scientists to conduct research in remote locations, VSCode.dev enables professional coding from any internet-connected device.
 
-***
+These skills reflect current industry practices – many professional developers use cloud-based development environments for their flexibility and accessibility. You've learned a workflow that scales from individual projects to large team collaborations.
 
-**Now you’re ready to code, create, and collaborate—from anywhere, on any device, using VSCode.dev!**
+Apply these techniques to your next development project! 🚀
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/8-code-editor/1-using-a-code-editor/assignment.md b/translations/en/8-code-editor/1-using-a-code-editor/assignment.md
index b9103ce07..edf213ee8 100644
--- a/translations/en/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/translations/en/8-code-editor/1-using-a-code-editor/assignment.md
@@ -1,247 +1,583 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "bd3aa6d2b879c30ea496c43aec1c49ed",
-  "translation_date": "2025-08-29T13:26:20+00:00",
-  "source_file": "8-code-editor/1-using-a-code-editor/assignment.md",
-  "language_code": "en"
-}
--->
-# Create a Resume Website Using vscode.dev
+# Create a Resume Website Using VSCode.dev
 
-_How cool would it be to have a recruiter ask for your resume and you send them a URL?_ 😎
+Transform your career prospects by building a professional resume website that showcases your skills and experience in an interactive, modern format. Instead of sending traditional PDFs, imagine providing recruiters with a sleek, responsive website that demonstrates both your qualifications and your web development capabilities.
 
-## Objectives
+This hands-on assignment puts all your VSCode.dev skills into practice while creating something genuinely useful for your career. You'll experience the complete web development workflow – from repository creation to deployment – all within your browser.
 
-After completing this assignment, you will learn how to:
+By completing this project, you'll have a professional online presence that can be easily shared with potential employers, updated as your skills grow, and customized to match your personal brand. This is exactly the kind of practical project that demonstrates real-world web development skills.
 
-- Create a website to showcase your resume.
+## Learning Objectives
 
-### Prerequisites
+After completing this assignment, you'll be able to:
 
-1. A GitHub account. Go to [GitHub](https://github.com/) and create an account if you don’t already have one.
+- **Create** and manage a complete web development project using VSCode.dev
+- **Structure** a professional website using semantic HTML elements
+- **Style** responsive layouts with modern CSS techniques
+- **Implement** interactive features using basic web technologies
+- **Deploy** a live website accessible via a shareable URL
+- **Demonstrate** version control best practices throughout the development process
 
-## Steps
+## Prerequisites
 
-**Step 1:** Create a new GitHub repository and name it `my-resume`.
+Before starting this assignment, ensure you have:
 
-**Step 2:** Create an `index.html` file in your repository. We will add at least one file directly on github.com because you cannot open an empty repository on vscode.dev.
+- A GitHub account (create one at [github.com](https://github.com/) if needed)
+- Completion of the VSCode.dev lesson covering interface navigation and basic operations
+- Basic understanding of HTML structure and CSS styling concepts
 
-Click the `creating a new file` link, type the name `index.html`, and select the `Commit new file` button.
+## Project Setup and Repository Creation
 
-![Create a new file on github.com](../../../../translated_images/en/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.png)
+Let's start by setting up your project foundation. This process mirrors real-world development workflows where projects begin with proper repository initialization and structure planning.
 
-**Step 3:** Open [VSCode.dev](https://vscode.dev) and select the `Open Remote Repository` button.
+### Step 1: Create Your GitHub Repository
 
-Copy the URL of the repository you just created for your resume site and paste it into the input box:
+Setting up a dedicated repository ensures your project is properly organized and version-controlled from the beginning.
 
-_Replace `your-username` with your GitHub username._
+1. **Navigate** to [GitHub.com](https://github.com) and sign in to your account
+2. **Click** the green "New" button or the "+" icon in the top-right corner
+3. **Name** your repository `my-resume` (or choose a personalized name like `john-smith-resume`)
+4. **Add** a brief description: "Professional resume website built with HTML and CSS"
+5. **Select** "Public" to make your resume accessible to potential employers
+6. **Check** "Add a README file" to create an initial project description
+7. **Click** "Create repository" to finalize setup
 
+> 💡 **Repository Naming Tip**: Use descriptive, professional names that clearly indicate the project's purpose. This helps when sharing with employers or during portfolio reviews.
+
+### Step 2: Initialize Project Structure
+
+Since VSCode.dev requires at least one file to open a repository, we'll create our main HTML file directly on GitHub before switching to the web editor.
+
+1. **Click** "creating a new file" link in your new repository
+2. **Type** `index.html` as the filename
+3. **Add** this initial HTML structure:
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Your Name - Professional Resume</title>
+</head>
+<body>
+    <h1>Your Name</h1>
+    <p>Professional Resume Website</p>
+</body>
+</html>
 ```
-https://github.com/your-username/my-resume
-```
 
-✅ If successful, you’ll see your project and the `index.html` file open in the text editor in your browser.
+4. **Write** a commit message: "Add initial HTML structure"
+5. **Click** "Commit new file" to save your changes
+
+![Creating initial file on GitHub](../../../../translated_images/en/new-file-github.com.c886796d800e8056.webp)
+
+**Here's what this initial setup accomplishes:**
+- **Establishes** proper HTML5 document structure with semantic elements
+- **Includes** viewport meta tag for responsive design compatibility
+- **Sets** a descriptive page title that appears in browser tabs
+- **Creates** the foundation for professional content organization
+
+
+## Working in VSCode.dev
+
+Now that your repository foundation is established, let's transition to VSCode.dev for the main development work. This web-based editor provides all the tools needed for professional web development.
+
+### Step 3: Open Your Project in VSCode.dev
+
+1. **Navigate** to [vscode.dev](https://vscode.dev) in a new browser tab
+2. **Click** "Open Remote Repository" on the welcome screen
+3. **Copy** your repository URL from GitHub and paste it into the input field
+
+   Format: `https://github.com/your-username/my-resume`
+   
+   *Replace `your-username` with your actual GitHub username*
 
-![Create a new file](../../../../translated_images/en/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.png)
+4. **Press** Enter to load your project
 
-**Step 4:** Open the `index.html` file, paste the code below into your code area, and save.
+✅ **Success indicator**: You should see your project files in the Explorer sidebar and `index.html` available for editing in the main editor area.
+
+![Project loaded in VSCode.dev](../../../../translated_images/en/project-on-vscode.dev.e79815a9a95ee7fe.webp)
+
+**What you'll see in the interface:**
+- **Explorer sidebar**: **Displays** your repository files and folder structure
+- **Editor area**: **Shows** the content of selected files for editing
+- **Activity bar**: **Provides** access to features like Source Control and Extensions
+- **Status bar**: **Indicates** connection status and current branch information
+
+### Step 4: Build Your Resume Content
+
+Replace the placeholder content in `index.html` with a comprehensive resume structure. This HTML provides the foundation for a professional presentation of your qualifications.
 
 <details>
-    <summary><b>HTML code responsible for the content on your resume website.</b></summary>
+<summary><b>Complete HTML Resume Structure</b></summary>
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="style.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+    <title>Your Name - Professional Resume</title>
+</head>
+<body>
+    <header id="header">
+        <h1>Your Full Name</h1>
+        <hr>
+        <p class="role">Your Professional Title</p>
+        <hr>
+    </header>
     
-        <html>
-
-            <head>
-                <link href="style.css" rel="stylesheet">
-                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-                <title>Your Name Goes Here!</title>
-            </head>
-            <body>
-                <header id="header">
-                    <!-- resume header with your name and title -->
-                    <h1>Your Name Goes Here!</h1>
-                    <hr>
-                    Your Role!
-                    <hr>
-                </header>
-                <main>
-                    <article id="mainLeft">
-                        <section>
-                            <h2>CONTACT</h2>
-                            <!-- contact info including social media -->
-                            <p>
-                                <i class="fa fa-envelope" aria-hidden="true"></i>
-                                <a href="mailto:username@domain.top-level domain">Write your email here</a>
-                            </p>
-                            <p>
-                                <i class="fab fa-github" aria-hidden="true"></i>
-                                <a href="github.com/yourGitHubUsername">Write your username here!</a>
-                            </p>
-                            <p>
-                                <i class="fab fa-linkedin" aria-hidden="true"></i>
-                                <a href="linkedin.com/yourLinkedInUsername">Write your username here!</a>
-                            </p>
-                        </section>
-                        <section>
-                            <h2>SKILLS</h2>
-                            <!-- your skills -->
-                            <ul>
-                                <li>Skill 1!</li>
-                                <li>Skill 2!</li>
-                                <li>Skill 3!</li>
-                                <li>Skill 4!</li>
-                            </ul>
-                        </section>
-                        <section>
-                            <h2>EDUCATION</h2>
-                            <!-- your education -->
-                            <h3>Write your course here!</h3>
-                            <p>
-                                Write your institution here!
-                            </p>
-                            <p>
-                                Start - End Date
-                            </p>
-                        </section>            
-                    </article>
-                    <article id="mainRight">
-                        <section>
-                            <h2>ABOUT</h2>
-                            <!-- about you -->
-                            <p>Write a blurb about yourself!</p>
-                        </section>
-                        <section>
-                            <h2>WORK EXPERIENCE</h2>
-                            <!-- your work experience -->
-                            <h3>Job Title</h3>
-                            <p>
-                                Organization Name Goes Here | Start Month – End Month
-                            </p>
-                            <ul>
-                                    <li>Task 1 - Write what you did!</li>
-                                    <li>Task 2 - Write what you did!</li>
-                                    <li>Write the outcomes/impact of your contribution</li>
-                                    
-                            </ul>
-                            <h3>Job Title 2</h3>
-                            <p>
-                                Organization Name Goes Here | Start Month – End Month
-                            </p>
-                            <ul>
-                                    <li>Task 1 - Write what you did!</li>
-                                    <li>Task 2 - Write what you did!</li>
-                                    <li>Write the outcomes/impact of your contribution</li>
-                                    
-                            </ul>
-                        </section>
-                    </article>
-                </main>
-            </body>
-        </html>
+    <main>
+        <article id="mainLeft">
+            <section>
+                <h2>CONTACT</h2>
+                <p>
+                    <i class="fa fa-envelope" aria-hidden="true"></i>
+                    <a href="mailto:your.email@domain.com">your.email@domain.com</a>
+                </p>
+                <p>
+                    <i class="fab fa-github" aria-hidden="true"></i>
+                    <a href="https://github.com/your-username">github.com/your-username</a>
+                </p>
+                <p>
+                    <i class="fab fa-linkedin" aria-hidden="true"></i>
+                    <a href="https://linkedin.com/in/your-profile">linkedin.com/in/your-profile</a>
+                </p>
+            </section>
+            
+            <section>
+                <h2>SKILLS</h2>
+                <ul>
+                    <li>HTML5 & CSS3</li>
+                    <li>JavaScript (ES6+)</li>
+                    <li>Responsive Web Design</li>
+                    <li>Version Control (Git)</li>
+                    <li>Problem Solving</li>
+                </ul>
+            </section>
+            
+            <section>
+                <h2>EDUCATION</h2>
+                <h3>Your Degree or Certification</h3>
+                <p>Institution Name</p>
+                <p>Start Date - End Date</p>
+            </section>
+        </article>
+        
+        <article id="mainRight">
+            <section>
+                <h2>ABOUT</h2>
+                <p>Write a compelling summary that highlights your passion for web development, key achievements, and career goals. This section should give employers insight into your personality and professional approach.</p>
+            </section>
+            
+            <section>
+                <h2>WORK EXPERIENCE</h2>
+                <div class="job">
+                    <h3>Job Title</h3>
+                    <p class="company">Company Name | Start Date – End Date</p>
+                    <ul>
+                        <li>Describe a key accomplishment or responsibility</li>
+                        <li>Highlight specific skills or technologies used</li>
+                        <li>Quantify impact where possible (e.g., "Improved efficiency by 25%")</li>
+                    </ul>
+                </div>
+                
+                <div class="job">
+                    <h3>Previous Job Title</h3>
+                    <p class="company">Previous Company | Start Date – End Date</p>
+                    <ul>
+                        <li>Focus on transferable skills and achievements</li>
+                        <li>Demonstrate growth and learning progression</li>
+                        <li>Include any leadership or collaboration experiences</li>
+                    </ul>
+                </div>
+            </section>
+            
+            <section>
+                <h2>PROJECTS</h2>
+                <div class="project">
+                    <h3>Project Name</h3>
+                    <p>Brief description of what the project accomplishes and technologies used.</p>
+                    <a href="#" target="_blank">View Project</a>
+                </div>
+            </section>
+        </article>
+    </main>
+</body>
+</html>
+```
 </details>
 
-Replace the _placeholder text_ in the HTML code with your resume details.
+**Customization guidelines:**
+- **Replace** all placeholder text with your actual information
+- **Adjust** sections based on your experience level and career focus
+- **Add** or remove sections as needed (e.g., Certifications, Volunteer Work, Languages)
+- **Include** links to your actual profiles and projects
+
+### Step 5: Create Supporting Files
 
-**Step 5:** Hover over the `my-resume` folder, click the `New File ...` icon, and create two new files in your project: `style.css` and `codeswing.json`.
+Professional websites require organized file structures. Create the CSS stylesheet and configuration files needed for a complete project.
 
-**Step 6:** Open the `style.css` file, paste the code below, and save.
+1. **Hover** over your project folder name in the Explorer sidebar
+2. **Click** the "New File" icon (📄+) that appears
+3. **Create** these files one at a time:
+   - `style.css` (for styling and layout)
+   - `codeswing.json` (for the preview extension configuration)
+
+**Creating the CSS file (`style.css`):**
 
 <details>
-        <summary><b>CSS code to format the layout of the site.</b></summary>
-            
-            body {
-                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-                font-size: 16px;
-                max-width: 960px;
-                margin: auto;
-            }
-            h1 {
-                font-size: 3em;
-                letter-spacing: .6em;
-                padding-top: 1em;
-                padding-bottom: 1em;
-            }
-
-            h2 {
-                font-size: 1.5em;
-                padding-bottom: 1em;
-            }
-
-            h3 {
-                font-size: 1em;
-                padding-bottom: 1em;
-            }
-            main { 
-                display: grid;
-                grid-template-columns: 40% 60%;
-                margin-top: 3em;
-            }
-            header {
-                text-align: center;
-                margin: auto 2em;
-            }
-
-            section {
-                margin: auto 1em 4em 2em;
-            }
-
-            i {
-                margin-right: .5em;
-            }
-
-            p {
-                margin: .2em auto
-            }
-
-            hr {
-                border: none;
-                background-color: lightgray;
-                height: 1px;
-            }
-
-            h1, h2, h3 {
-                font-weight: 100;
-                margin-bottom: 0;
-            }
-            #mainLeft {
-                border-right: 1px solid lightgray;
-            }
-            
+<summary><b>Professional CSS Styling</b></summary>
+
+```css
+/* Modern Resume Styling */
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 16px;
+    line-height: 1.6;
+    max-width: 960px;
+    margin: 0 auto;
+    padding: 20px;
+    color: #333;
+    background-color: #f9f9f9;
+}
+
+/* Header Styling */
+header {
+    text-align: center;
+    margin-bottom: 3em;
+    padding: 2em;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    border-radius: 10px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+    font-size: 3em;
+    letter-spacing: 0.1em;
+    margin-bottom: 0.2em;
+    font-weight: 300;
+}
+
+.role {
+    font-size: 1.3em;
+    font-weight: 300;
+    margin: 1em 0;
+}
+
+/* Main Content Layout */
+main {
+    display: grid;
+    grid-template-columns: 35% 65%;
+    gap: 3em;
+    margin-top: 3em;
+    background: white;
+    padding: 2em;
+    border-radius: 10px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Typography */
+h2 {
+    font-size: 1.4em;
+    font-weight: 600;
+    margin-bottom: 1em;
+    color: #667eea;
+    border-bottom: 2px solid #667eea;
+    padding-bottom: 0.3em;
+}
+
+h3 {
+    font-size: 1.1em;
+    font-weight: 600;
+    margin-bottom: 0.5em;
+    color: #444;
+}
+
+/* Section Styling */
+section {
+    margin-bottom: 2.5em;
+}
+
+#mainLeft {
+    border-right: 1px solid #e0e0e0;
+    padding-right: 2em;
+}
+
+/* Contact Links */
+section a {
+    color: #667eea;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+section a:hover {
+    color: #764ba2;
+    text-decoration: underline;
+}
+
+/* Icons */
+i {
+    margin-right: 0.8em;
+    width: 20px;
+    text-align: center;
+    color: #667eea;
+}
+
+/* Lists */
+ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+li {
+    margin: 0.5em 0;
+    padding: 0.3em 0;
+    position: relative;
+}
+
+li:before {
+    content: "▸";
+    color: #667eea;
+    margin-right: 0.5em;
+}
+
+/* Work Experience */
+.job, .project {
+    margin-bottom: 2em;
+    padding-bottom: 1.5em;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.company {
+    font-style: italic;
+    color: #666;
+    margin-bottom: 0.5em;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    main {
+        grid-template-columns: 1fr;
+        gap: 2em;
+    }
+    
+    #mainLeft {
+        border-right: none;
+        border-bottom: 1px solid #e0e0e0;
+        padding-right: 0;
+        padding-bottom: 2em;
+    }
+    
+    h1 {
+        font-size: 2.2em;
+    }
+    
+    body {
+        padding: 10px;
+    }
+}
+
+/* Print Styles */
+@media print {
+    body {
+        background: white;
+        color: black;
+        font-size: 12pt;
+    }
+    
+    header {
+        background: none;
+        color: black;
+        box-shadow: none;
+    }
+    
+    main {
+        box-shadow: none;
+    }
+}
+```
 </details>
 
-**Step 6:** Open the `codeswing.json` file, paste the code below, and save.
+**Creating the configuration file (`codeswing.json`):**
 
-    {
+```json
+{
     "scripts": [],
     "styles": []
-    }
+}
+```
+
+**Understanding the CSS features:**
+- **Uses** CSS Grid for responsive, professional layout structure
+- **Implements** modern color schemes with gradient headers
+- **Includes** hover effects and smooth transitions for interactivity
+- **Provides** responsive design that works on all device sizes
+- **Adds** print-friendly styles for PDF generation
+
+
+### Step 6: Install and Configure Extensions
+
+Extensions enhance your development experience by providing live preview capabilities and improved workflow tools. The CodeSwing extension is particularly useful for web development projects.
+
+**Installing the CodeSwing Extension:**
+
+1. **Click** the Extensions icon (🧩) in the Activity Bar
+2. **Search** for "CodeSwing" in the marketplace search box
+3. **Select** the CodeSwing extension from the search results
+4. **Click** the blue "Install" button
+
+![Installing the CodeSwing extension](../../../../8-code-editor/images/install-extension.gif)
+
+**What CodeSwing provides:**
+- **Enables** live preview of your website as you edit
+- **Displays** changes in real-time without manual refresh
+- **Supports** multiple file types including HTML, CSS, and JavaScript
+- **Provides** an integrated development environment experience
 
-**Step 7:** Install the `Codeswing` extension to preview the resume website in the code area.
+**Immediate results after installation:**
+Once CodeSwing is installed, you'll see a live preview of your resume website appear in the editor. This allows you to see exactly how your site looks as you make changes.
 
-Click the _`Extensions`_ icon on the activity bar and type in Codeswing. Either click the _blue install button_ on the expanded activity bar to install it or use the install button that appears in the code area once you select the extension to load additional information. After installing the extension, check your code area to see the changes to your project 😃.
+![CodeSwing extension showing live preview](../../../../translated_images/en/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
 
-![Install extensions](../../../../8-code-editor/images/install-extension.gif)
+**Understanding the enhanced interface:**
+- **Split view**: **Shows** your code on one side and live preview on the other
+- **Real-time updates**: **Reflects** changes immediately as you type
+- **Interactive preview**: **Allows** you to test links and interactions
+- **Mobile simulation**: **Provides** responsive design testing capabilities
 
-This is what you will see on your screen after installing the extension.
+### Step 7: Version Control and Publishing
 
-![Codeswing extension in action](../../../../translated_images/en/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.png)
+Now that your resume website is complete, use Git to save your work and make it available online.
 
-If you’re satisfied with the changes you made, hover over the `Changes` folder and click the `+` button to stage the changes.
+**Committing your changes:**
 
-Type a commit message _(a description of the changes you made to the project)_ and commit your changes by clicking the `check`. Once you’re done working on your project, select the hamburger menu icon at the top left to return to the repository on GitHub.
+1. **Click** the Source Control icon (🌿) in the Activity Bar
+2. **Review** all the files you've created and modified in the "Changes" section
+3. **Stage** your changes by clicking the "+" icon next to each file
+4. **Write** a descriptive commit message, such as:
+   - "Add complete resume website with responsive design"
+   - "Implement professional styling and content structure"
+5. **Click** the checkmark (✓) to commit and push your changes
 
-Congratulations 🎉 You’ve just created your resume website using vscode.dev in a few steps.
+**Effective commit message examples:**
+- "Add professional resume content and styling"
+- "Implement responsive design for mobile compatibility"
+- "Update contact information and project links"
 
-## 🚀 Challenge
+> 💡 **Professional Tip**: Good commit messages help track your project's evolution and demonstrate attention to detail – qualities that employers value.
 
-Open a remote repository where you have permissions to make changes and update some files. Next, try creating a new branch with your changes and make a Pull Request.
+**Accessing your published site:**
+Once committed, you can return to your GitHub repository using the hamburger menu (☰) in the top-left corner. Your resume website is now version-controlled and ready for deployment or sharing.
+
+## Results and Next Steps
+
+**Congratulations! 🎉** You've successfully created a professional resume website using VSCode.dev. Your project demonstrates:
+**Technical skills demonstrated:**
+- **Repository management**: Created and organized a complete project structure
+- **Web development**: Built a responsive website using modern HTML5 and CSS3
+- **Version control**: Implemented proper Git workflow with meaningful commits
+- **Tool proficiency**: Effectively used VSCode.dev's interface and extension system
+
+**Professional outcomes achieved:**
+- **Online presence**: A shareable URL that showcases your qualifications
+- **Modern format**: An interactive alternative to traditional PDF resumes
+- **Demonstrable skills**: Concrete evidence of your web development capabilities
+- **Easy updates**: A foundation you can continuously improve and customize
+
+### Deployment Options
+
+To make your resume accessible to employers, consider these hosting options:
+
+**GitHub Pages (Recommended):**
+1. Go to your repository Settings on GitHub
+2. Scroll to the "Pages" section
+3. Select "Deploy from a branch" and choose "main"
+4. Your site will be available at `https://your-username.github.io/my-resume`
+
+**Alternative platforms:**
+- **Netlify**: Automatic deployment with custom domains
+- **Vercel**: Fast deployment with modern hosting features
+- **GitHub Codespaces**: Development environment with built-in preview
+
+### Enhancement Suggestions
+
+Continue developing your skills by adding these features:
+
+**Technical improvements:**
+- **JavaScript interactivity**: Add smooth scrolling or interactive elements
+- **Dark mode toggle**: Implement theme switching for user preference
+- **Contact form**: Enable direct communication from potential employers
+- **SEO optimization**: Add meta tags and structured data for better search visibility
+
+**Content enhancements:**
+- **Project portfolio**: Link to GitHub repositories and live demonstrations
+- **Skills visualization**: Create progress bars or skill rating systems
+- **Testimonials section**: Include recommendations from colleagues or instructors
+- **Blog integration**: Add a blog section to showcase your learning journey
+
+## GitHub Copilot Agent Challenge 🚀
+
+Use the Agent mode to complete the following challenge:
+
+**Description:** Enhance your resume website with advanced features that demonstrate professional web development capabilities and modern design principles.
+
+**Prompt:** Building on your existing resume website, implement these advanced features:
+1. Add a dark/light theme toggle with smooth transitions
+2. Create an interactive skills section with animated progress bars
+3. Implement a contact form with form validation
+4. Add a projects portfolio section with hover effects and modal popups
+5. Include a blog section with at least 3 sample posts about your learning journey
+6. Optimize for SEO with proper meta tags, structured data, and performance
+7. Deploy the enhanced site using GitHub Pages or Netlify
+8. Document all new features in your README.md with screenshots
+
+Your enhanced website should demonstrate mastery of modern web development practices including responsive design, JavaScript interactivity, and professional deployment workflows.
+
+## Challenge Extension
+
+Ready to take your skills further? Try these advanced challenges:
+
+**📱 Mobile-First Redesign:** Completely rebuild your site using a mobile-first approach with CSS Grid and Flexbox
+
+**🔍 SEO Optimization:** Implement comprehensive SEO including meta tags, structured data, and performance optimization
+
+**🌐 Multi-language Support:** Add internationalization features to support multiple languages
+
+**📊 Analytics Integration:** Add Google Analytics to track visitor engagement and optimize your content
+
+**🚀 Performance Optimization:** Achieve perfect Lighthouse scores across all categories
 
 ## Review & Self Study
 
-Read more about [VSCode.dev](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) and its other features.
+Expand your knowledge with these resources:
+
+**Advanced VSCode.dev Features:**
+- [VSCode.dev Documentation](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) - Complete guide to web-based editing
+- [GitHub Codespaces](https://docs.github.com/en/codespaces) - Cloud development environments
+
+**Web Development Best Practices:**
+- **Responsive Design**: Study CSS Grid and Flexbox for modern layouts
+- **Accessibility**: Learn WCAG guidelines for inclusive web design
+- **Performance**: Explore tools like Lighthouse for optimization
+- **SEO**: Understand search engine optimization fundamentals
+
+**Professional Development:**
+- **Portfolio Building**: Create additional projects to showcase diverse skills
+- **Open Source**: Contribute to existing projects to gain collaboration experience
+- **Networking**: Share your resume website in developer communities for feedback
+- **Continuous Learning**: Stay updated with web development trends and technologies
+
+---
+
+**Your Next Steps:** Share your resume website with friends, family, or mentors for feedback. Use their suggestions to iterate and improve your design. Remember, this project is not just a resume – it's a demonstration of your growth as a web developer!
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please note that automated translations may contain errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is recommended. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/9-chat-project/README.md b/translations/en/9-chat-project/README.md
index ac727c9fc..32f049b69 100644
--- a/translations/en/9-chat-project/README.md
+++ b/translations/en/9-chat-project/README.md
@@ -1,35 +1,204 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "11cf36165c243947b6cd85b88cf6faa6",
-  "translation_date": "2025-09-01T16:46:10+00:00",
-  "source_file": "9-chat-project/README.md",
-  "language_code": "en"
-}
--->
-# Chat Project
+# Build a Chat Assistant with AI
+
+Remember in Star Trek when the crew would casually chat with the ship's computer, asking it complex questions and getting thoughtful responses? What seemed like pure science fiction in the 1960s is now something you can build using web technologies you already know.
+
+In this lesson, we'll create an AI chat assistant using HTML, CSS, JavaScript, and some backend integration. You'll discover how the same skills you've been learning can connect to powerful AI services that can understand context and generate meaningful responses.
+
+Think of AI like having access to a vast library that can not only find information but also synthesize it into coherent answers tailored to your specific questions. Instead of searching through thousands of pages, you get direct, contextual responses.
+
+The integration happens through familiar web technologies working together. HTML creates the chat interface, CSS handles the visual design, JavaScript manages user interactions, and a backend API connects everything to AI services. It's similar to how different sections of an orchestra work together to create a symphony.
+
+We're essentially building a bridge between natural human communication and machine processing. You'll learn both the technical implementation of AI service integration and the design patterns that make interactions feel intuitive.
+
+By the end of this lesson, AI integration will feel less like a mysterious process and more like another API you can work with. You'll understand the foundational patterns that power applications like ChatGPT and Claude, using the same web development principles you've been learning.
+
+## ⚡ What You Can Do in the Next 5 Minutes
+
+**Quick Start Pathway for Busy Developers**
+
+```mermaid
+flowchart LR
+    A[⚡ 5 minutes] --> B[Get GitHub token]
+    B --> C[Test AI playground]
+    C --> D[Copy Python code]
+    D --> E[See AI responses]
+```
+- **Minute 1**: Visit [GitHub Models Playground](https://github.com/marketplace/models/azure-openai/gpt-4o-mini/playground) and create a personal access token
+- **Minute 2**: Test AI interactions directly in the playground interface
+- **Minute 3**: Click "Code" tab and copy the Python snippet
+- **Minute 4**: Run the code locally with your token: `GITHUB_TOKEN=your_token python test.py`
+- **Minute 5**: Watch your first AI response generate from your own code
+
+**Quick Test Code**:
+```python
+import os
+from openai import OpenAI
+
+client = OpenAI(
+    base_url="https://models.github.ai/inference",
+    api_key="your_token_here"
+)
+
+response = client.chat.completions.create(
+    messages=[{"role": "user", "content": "Hello AI!"}],
+    model="openai/gpt-4o-mini"
+)
+
+print(response.choices[0].message.content)
+```
+
+**Why This Matters**: In 5 minutes, you'll experience the magic of programmatic AI interaction. This represents the fundamental building block that powers every AI application you use.
+
+Here's what your finished project will look like:
+
+![Chat app interface showing conversation between user and AI assistant](../../../translated_images/en/screenshot.0a1ee0d123df681b.webp)
+
+## 🗺️ Your Learning Journey Through AI Application Development
+
+```mermaid
+journey
+    title From Web Development to AI Integration
+    section Understanding AI Foundations
+      Discover generative AI concepts: 4: You
+      Explore GitHub Models platform: 6: You
+      Master AI parameters and prompts: 8: You
+    section Backend Integration
+      Build Python API server: 5: You
+      Implement AI function calls: 7: You
+      Handle async operations: 8: You
+    section Frontend Development
+      Create modern chat interface: 6: You
+      Master real-time interactions: 8: You
+      Build responsive user experience: 9: You
+    section Professional Application
+      Deploy complete AI system: 7: You
+      Optimize performance patterns: 8: You
+      Create production-ready app: 9: You
+```
+**Your Journey Destination**: By the end of this lesson, you'll have built a complete AI-powered application using the same technologies and patterns that power modern AI assistants like ChatGPT, Claude, and Google Bard.
 
-This chat project demonstrates how to build a Chat Assistant using GitHub Models.
+## Understanding AI: From Mystery to Mastery
 
-Here's what the completed project looks like:
+Before diving into the code, let's understand what we're working with. If you've used APIs before, you know the basic pattern: send a request, receive a response. 
 
-![Chat app](../../../translated_images/en/screenshot.0a1ee0d123df681b4501eb53ffb267519fcc20aa653eabecef1e7561ddfb1cab.png)
+AI APIs follow a similar structure, but instead of retrieving pre-stored data from a database, they generate new responses based on patterns learned from vast amounts of text. Think of it like the difference between a library catalog system and a knowledgeable librarian who can synthesize information from multiple sources.
 
-To provide some context, building Chat Assistants with generative AI is an excellent way to start learning about AI. In this lesson, you'll learn how to integrate generative AI into a web app. Let's get started.
+### What is "Generative AI" Really?
 
-## Connecting to Generative AI
+Consider how the Rosetta Stone allowed scholars to understand Egyptian hieroglyphics by finding patterns between known and unknown languages. AI models work similarly – they find patterns in vast amounts of text to understand how language works, then use those patterns to generate appropriate responses to new questions.
 
-For the backend, we're using GitHub Models. It's a fantastic service that allows you to use AI for free. Visit its playground and grab the code corresponding to your preferred backend language. Here's what it looks like at [GitHub Models Playground](https://github.com/marketplace/models/azure-openai/gpt-4o-mini/playground).
+**Let me break this down with a simple comparison:**
+- **Traditional database**: Like asking for your birth certificate – you get the exact same document every time
+- **Search engine**: Like asking a librarian to find books about cats – they show you what's available
+- **Generative AI**: Like asking a knowledgeable friend about cats – they tell you interesting things in their own words, tailored to what you want to know
 
-![GitHub Models AI Playground](../../../translated_images/en/playground.d2b927122224ff8ff4028fc842176e353c339147d8925455f36c92fb1655c477.png)
+```mermaid
+graph LR
+    A[Your Question] --> B[AI Model]
+    B --> C[Pattern Recognition]
+    C --> D[Content Generation]
+    D --> E[Contextual Response]
+    
+    F[Training Data<br/>Books, Articles, Web] --> B
+```
+### How AI Models Learn (The Simple Version)
+
+AI models learn through exposure to enormous datasets containing text from books, articles, and conversations. Through this process, they identify patterns in:
+- How thoughts are structured in written communication
+- Which words commonly appear together
+- How conversations typically flow
+- Contextual differences between formal and informal communication
+
+**It's similar to how archaeologists decode ancient languages**: they analyze thousands of examples to understand grammar, vocabulary, and cultural context, eventually becoming able to interpret new texts using those learned patterns.
+
+### Why GitHub Models?
+
+We're using GitHub Models for a pretty practical reason – it gives us access to enterprise-level AI without having to set up our own AI infrastructure (which, trust me, you don't want to do right now!). Think of it like using a weather API instead of trying to predict the weather yourself by setting up weather stations everywhere.
+
+It's basically "AI-as-a-Service," and the best part? It's free to get started, so you can experiment without worrying about running up a huge bill.
+
+```mermaid
+graph LR
+    A[Frontend Chat UI] --> B[Your Backend API]
+    B --> C[GitHub Models API]
+    C --> D[AI Model Processing]
+    D --> C
+    C --> B
+    B --> A
+```
+We'll use GitHub Models for our backend integration, which provides access to professional-grade AI capabilities through a developer-friendly interface. The [GitHub Models Playground](https://github.com/marketplace/models/azure-openai/gpt-4o-mini/playground) serves as a testing environment where you can experiment with different AI models and understand their capabilities before implementing them in code.
+
+## 🧠 AI Application Development Ecosystem
+
+```mermaid
+mindmap
+  root((AI Development))
+    Understanding AI
+      Generative Models
+        Pattern Recognition
+        Content Generation
+        Context Understanding
+        Response Synthesis
+      AI Parameters
+        Temperature Control
+        Token Limits
+        Top-p Filtering
+        System Prompts
+    Backend Architecture
+      API Integration
+        GitHub Models
+        Authentication
+        Request Handling
+        Error Management
+      Python Infrastructure
+        FastAPI Framework
+        Async Operations
+        Environment Security
+        CORS Configuration
+    Frontend Experience
+      Chat Interface
+        Real-time Updates
+        Message History
+        User Feedback
+        Loading States
+      Modern Web Tech
+        ES6 Classes
+        Async/Await
+        DOM Manipulation
+        Event Handling
+    Professional Patterns
+      Security Best Practices
+        Token Management
+        Input Validation
+        XSS Prevention
+        Error Boundaries
+      Production Readiness
+        Performance Optimization
+        Responsive Design
+        Accessibility
+        Testing Strategies
+```
+**Core Principle**: AI application development combines traditional web development skills with AI service integration, creating intelligent applications that feel natural and responsive to users.
+
+![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/en/playground.d2b927122224ff8f.webp)
+
+**Here's what makes the playground so useful:**
+- **Try out** different AI models like GPT-4o-mini, Claude, and others (all free!)
+- **Test** your ideas and prompts before you write any code
+- **Get** ready-to-use code snippets in your favorite programming language
+- **Tweak** settings like creativity level and response length to see how they affect the output
 
-As mentioned, select the "Code" tab and your preferred runtime.
+Once you've played around a bit, just click the "Code" tab and pick your programming language to get the implementation code you'll need.
 
-![Playground choice](../../../translated_images/en/playground-choice.1d23ba7d407f47584c9f446c77f0bcf70cae794cc9c8d7849a3cca4a3693e6c4.png)
+![Playground choice showing code generation options for different programming languages](../../../translated_images/en/playground-choice.1d23ba7d407f4758.webp)
 
-### Using Python
+## Setting Up the Python Backend Integration
 
-In this example, we select Python, which means we use the following code:
+Now let's implement the AI integration using Python. Python is excellent for AI applications because of its simple syntax and powerful libraries. We'll start with the code from GitHub Models playground and then refactor it into a reusable, production-ready function.
+
+### Understanding the Base Implementation
+
+When you grab the Python code from the playground, you'll get something that looks like this. Don't worry if it seems like a lot at first – let's walk through it piece by piece:
 
 ```python
 """Run this model in Python
@@ -39,7 +208,7 @@ In this example, we select Python, which means we use the following code:
 import os
 from openai import OpenAI
 
-# To authenticate with the model you will need to generate a personal access token (PAT) in your GitHub settings. 
+# To authenticate with the model you will need to generate a personal access token (PAT) in your GitHub settings.
 # Create your PAT token by following instructions here: https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens
 client = OpenAI(
     base_url="https://models.github.ai/inference",
@@ -66,335 +235,2140 @@ response = client.chat.completions.create(
 print(response.choices[0].message.content)
 ```
 
-Let's clean up this code a bit to make it reusable:
+**Here's what's happening in this code:**
+- **We import** the tools we need: `os` for reading environment variables and `OpenAI` for talking to the AI
+- **We set up** the OpenAI client to point to GitHub's AI servers instead of OpenAI directly
+- **We authenticate** using a special GitHub token (more on that in a minute!)
+- **We structure** our conversation with different "roles" – think of it like setting the scene for a play
+- **We send** our request to the AI with some fine-tuning parameters
+- **We extract** the actual response text from all the data that comes back
+
+### Understanding Message Roles: The AI Conversation Framework
+
+AI conversations use a specific structure with different "roles" that serve distinct purposes:
 
 ```python
-def call_llm(prompt: str, system_message: str):
-    response = client.chat.completions.create(
-        messages=[
-            {
-                "role": "system",
-                "content": system_message,
-            },
-            {
-                "role": "user",
-                "content": prompt,
-            }
-        ],
-        model="openai/gpt-4o-mini",
-        temperature=1,
-        max_tokens=4096,
-        top_p=1
-    )
+messages=[
+    {
+        "role": "system",
+        "content": "You are a helpful assistant who explains things simply."
+    },
+    {
+        "role": "user", 
+        "content": "What is machine learning?"
+    }
+]
+```
+
+**Think of it like directing a play:**
+- **System role**: Like stage directions for an actor – it tells the AI how to behave, what personality to have, and how to respond
+- **User role**: The actual question or message from the person using your application
+- **Assistant role**: The AI's response (you don't send this, but it appears in conversation history)
+
+**Real-world analogy**: Imagine you're introducing a friend to someone at a party:
+- **System message**: "This is my friend Sarah, she's a doctor who's great at explaining medical concepts in simple terms"
+- **User message**: "Can you explain how vaccines work?"
+- **Assistant response**: Sarah responds as a friendly doctor, not as a lawyer or a chef
+
+### Understanding AI Parameters: Fine-Tuning Response Behavior
+
+The numerical parameters in AI API calls control how the model generates responses. These settings allow you to adjust the AI's behavior for different use cases:
+
+#### Temperature (0.0 to 2.0): The Creativity Dial
+
+**What it does**: Controls how creative or predictable the AI's responses will be.
+
+**Think of it like a jazz musician's improvisation level:**
+- **Temperature = 0.1**: Playing the exact same melody every time (highly predictable)
+- **Temperature = 0.7**: Adding some tasteful variations while staying recognizable (balanced creativity)
+- **Temperature = 1.5**: Full experimental jazz with unexpected turns (highly unpredictable)
+
+```python
+# Very predictable responses (good for factual questions)
+response = client.chat.completions.create(
+    messages=[{"role": "user", "content": "What is 2+2?"}],
+    temperature=0.1  # Will almost always say "4"
+)
+
+# Creative responses (good for brainstorming)
+response = client.chat.completions.create(
+    messages=[{"role": "user", "content": "Write a creative story opening"}],
+    temperature=1.2  # Will generate unique, unexpected stories
+)
+```
+
+#### Max Tokens (1 to 4096+): The Response Length Controller
+
+**What it does**: Sets a limit on how long the AI's response can be.
+
+**Think of tokens as roughly equivalent to words** (about 1 token = 0.75 words in English):
+- **max_tokens=50**: Short and sweet (like a text message)
+- **max_tokens=500**: A nice paragraph or two
+- **max_tokens=2000**: A detailed explanation with examples
+
+```python
+# Short, concise answers
+response = client.chat.completions.create(
+    messages=[{"role": "user", "content": "Explain JavaScript"}],
+    max_tokens=100  # Forces a brief explanation
+)
+
+# Detailed, comprehensive answers
+response = client.chat.completions.create(
+    messages=[{"role": "user", "content": "Explain JavaScript"}],
+    max_tokens=1500  # Allows for detailed explanations with examples
+)
+```
+
+#### Top_p (0.0 to 1.0): The Focus Parameter
+
+**What it does**: Controls how focused the AI stays on the most likely responses.
+
+**Picture the AI having a huge vocabulary, ranked by how likely each word is:**
+- **top_p=0.1**: Only considers the top 10% most likely words (very focused)
+- **top_p=0.9**: Considers 90% of possible words (more creative)
+- **top_p=1.0**: Considers everything (maximum variety)
+
+**For example**: If you ask "The sky is usually..."
+- **Low top_p**: Almost definitely says "blue"
+- **High top_p**: Might say "blue", "cloudy", "vast", "changing", "beautiful", etc.
+
+### Putting It All Together: Parameter Combinations for Different Use Cases
+
+```python
+# For factual, consistent answers (like a documentation bot)
+factual_params = {
+    "temperature": 0.2,
+    "max_tokens": 300,
+    "top_p": 0.3
+}
+
+# For creative writing assistance
+creative_params = {
+    "temperature": 1.1,
+    "max_tokens": 1000,
+    "top_p": 0.9
+}
+
+# For conversational, helpful responses (balanced)
+conversational_params = {
+    "temperature": 0.7,
+    "max_tokens": 500,
+    "top_p": 0.8
+}
+```
+
+```mermaid
+quadrantChart
+    title AI Parameter Optimization Matrix
+    x-axis Low Creativity --> High Creativity
+    y-axis Short Response --> Long Response
+    
+    quadrant-1 Creative Content
+    quadrant-2 Detailed Analysis
+    quadrant-3 Quick Facts
+    quadrant-4 Conversational AI
+    
+    Documentation Bot: [0.2, 0.3]
+    Customer Service: [0.4, 0.4]
+    General Assistant: [0.7, 0.5]
+    Creative Writer: [0.9, 0.9]
+    Brainstorming Tool: [0.8, 0.8]
+```
+**Understanding why these parameters matter**: Different applications need different types of responses. A customer service bot should be consistent and factual (low temperature), while a creative writing assistant should be imaginative and varied (high temperature). Understanding these parameters gives you control over your AI's personality and response style.
+```
+
+**Here's what's happening in this code:**
+- **We import** the tools we need: `os` for reading environment variables and `OpenAI` for talking to the AI
+- **We set up** the OpenAI client to point to GitHub's AI servers instead of OpenAI directly
+- **We authenticate** using a special GitHub token (more on that in a minute!)
+- **We structure** our conversation with different "roles" – think of it like setting the scene for a play
+- **We send** our request to the AI with some fine-tuning parameters
+- **We extract** the actual response text from all the data that comes back
+
+> 🔐 **Security Note**: Never hardcode API keys in your source code! Always use environment variables to store sensitive credentials like your `GITHUB_TOKEN`.
+
+### Creating a Reusable AI Function
+
+Let's refactor this code into a clean, reusable function that we can easily integrate into our web application:
+
+```python
+import asyncio
+from openai import AsyncOpenAI
+
+# Use AsyncOpenAI for better performance
+client = AsyncOpenAI(
+    base_url="https://models.github.ai/inference",
+    api_key=os.environ["GITHUB_TOKEN"],
+)
+
+async def call_llm_async(prompt: str, system_message: str = "You are a helpful assistant."):
+    """
+    Sends a prompt to the AI model asynchronously and returns the response.
+    
+    Args:
+        prompt: The user's question or message
+        system_message: Instructions that define the AI's behavior and personality
+    
+    Returns:
+        str: The AI's response to the prompt
+    """
+    try:
+        response = await client.chat.completions.create(
+            messages=[
+                {
+                    "role": "system",
+                    "content": system_message,
+                },
+                {
+                    "role": "user",
+                    "content": prompt,
+                }
+            ],
+            model="openai/gpt-4o-mini",
+            temperature=1,
+            max_tokens=4096,
+            top_p=1
+        )
+        return response.choices[0].message.content
+    except Exception as e:
+        logger.error(f"AI API error: {str(e)}")
+        return "I'm sorry, I'm having trouble processing your request right now."
+
+# Backward compatibility function for synchronous calls
+def call_llm(prompt: str, system_message: str = "You are a helpful assistant."):
+    """Synchronous wrapper for async AI calls."""
+    return asyncio.run(call_llm_async(prompt, system_message))
+```
+
+**Understanding this improved function:**
+- **Accepts** two parameters: the user's prompt and an optional system message
+- **Provides** a default system message for general assistant behavior
+- **Uses** proper Python type hints for better code documentation
+- **Includes** a detailed docstring explaining the function's purpose and parameters
+- **Returns** only the response content, making it easy to use in our web API
+- **Maintains** the same model parameters for consistent AI behavior
+
+### The Magic of System Prompts: Programming AI Personality
+
+If parameters control how the AI thinks, system prompts control who the AI thinks it is. This is honestly one of the coolest parts of working with AI – you're essentially giving the AI a complete personality, expertise level, and communication style.
+
+**Think of system prompts like casting different actors for different roles**: Instead of having one generic assistant, you can create specialized experts for different situations. Need a patient teacher? A creative brainstorming partner? A no-nonsense business advisor? Just change the system prompt!
+
+#### Why System Prompts Are So Powerful
+
+Here's the fascinating part: AI models have been trained on countless conversations where people adopt different roles and expertise levels. When you give the AI a specific role, it's like flipping a switch that activates all those learned patterns.
+
+**It's like method acting for AI**: Tell an actor "you're a wise old professor" and watch how they automatically adjust their posture, vocabulary, and mannerisms. AI does something remarkably similar with language patterns.
+
+#### Crafting Effective System Prompts: The Art and Science
+
+**The anatomy of a great system prompt:**
+1. **Role/Identity**: Who is the AI?
+2. **Expertise**: What do they know?
+3. **Communication style**: How do they speak?
+4. **Specific instructions**: What should they focus on?
 
-    return response.choices[0].message.content
+```python
+# ❌ Vague system prompt
+"You are helpful."
+
+# ✅ Detailed, effective system prompt
+"You are Dr. Sarah Chen, a senior software engineer with 15 years of experience at major tech companies. You explain programming concepts using real-world analogies and always provide practical examples. You're patient with beginners and enthusiastic about helping them understand complex topics."
+```
+
+#### System Prompt Examples with Context
+
+Let's see how different system prompts create completely different AI personalities:
+
+```python
+# Example 1: The Patient Teacher
+teacher_prompt = """
+You are an experienced programming instructor who has taught thousands of students. 
+You break down complex concepts into simple steps, use analogies from everyday life, 
+and always check if the student understands before moving on. You're encouraging 
+and never make students feel bad for not knowing something.
+"""
+
+# Example 2: The Creative Collaborator
+creative_prompt = """
+You are a creative writing partner who loves brainstorming wild ideas. You're 
+enthusiastic, imaginative, and always build on the user's ideas rather than 
+replacing them. You ask thought-provoking questions to spark creativity and 
+offer unexpected perspectives that make stories more interesting.
+"""
+
+# Example 3: The Strategic Business Advisor
+business_prompt = """
+You are a strategic business consultant with an MBA and 20 years of experience 
+helping startups scale. You think in frameworks, provide structured advice, 
+and always consider both short-term tactics and long-term strategy. You ask 
+probing questions to understand the full business context before giving advice.
+"""
 ```
 
-With this `call_llm` function, we can now pass a prompt and a system prompt, and the function will return the result.
+#### Seeing System Prompts in Action
+
+Let's test the same question with different system prompts to see the dramatic differences:
 
-### Customizing the AI Assistant
+**Question**: "How do I handle user authentication in my web app?"
 
-To customize the AI assistant, you can define its behavior by modifying the system prompt like this:
+```python
+# With teacher prompt:
+teacher_response = call_llm(
+    "How do I handle user authentication in my web app?",
+    teacher_prompt
+)
+# Typical response: "Great question! Let's break authentication down into simple steps.
+# Think of it like a nightclub bouncer checking IDs..."
+
+# With business prompt:
+business_response = call_llm(
+    "How do I handle user authentication in my web app?", 
+    business_prompt
+)
+# Typical response: "From a strategic perspective, authentication is crucial for user
+# trust and regulatory compliance. Let me outline a framework considering security,
+# user experience, and scalability..."
+```
+
+#### Advanced System Prompt Techniques
+
+**1. Context Setting**: Give the AI background information
+```python
+system_prompt = """
+You are helping a junior developer who just started their first job at a startup. 
+They know basic HTML/CSS/JavaScript but are new to backend development and databases. 
+Be encouraging and explain things step-by-step without being condescending.
+"""
+```
+
+**2. Output Formatting**: Tell the AI how to structure responses
+```python
+system_prompt = """
+You are a technical mentor. Always structure your responses as:
+1. Quick Answer (1-2 sentences)
+2. Detailed Explanation 
+3. Code Example
+4. Common Pitfalls to Avoid
+5. Next Steps for Learning
+"""
+```
 
+**3. Constraint Setting**: Define what the AI should NOT do
 ```python
-call_llm("Tell me about you", "You're Albert Einstein, you only know of things in the time you were alive")
+system_prompt = """
+You are a coding tutor focused on teaching best practices. Never write complete 
+solutions for the user - instead, guide them with hints and questions so they 
+learn by doing. Always explain the 'why' behind coding decisions.
+"""
 ```
 
-## Exposing It via a Web API
+#### Why This Matters for Your Chat Assistant
+
+Understanding system prompts gives you incredible power to create specialized AI assistants:
+- **Customer service bot**: Helpful, patient, policy-aware
+- **Learning tutor**: Encouraging, step-by-step, checks understanding
+- **Creative partner**: Imaginative, builds on ideas, asks "what if?"
+- **Technical expert**: Precise, detailed, security-conscious
+
+**The key insight**: You're not just calling an AI API – you're creating a custom AI personality that serves your specific use case. This is what makes modern AI applications feel tailored and useful rather than generic.
+
+### 🎯 Pedagogical Check-in: AI Personality Programming
+
+**Pause and Reflect**: You've just learned to program AI personalities through system prompts. This is a fundamental skill in modern AI application development.
+
+**Quick Self-Assessment**:
+- Can you explain how system prompts differ from regular user messages?
+- What's the difference between temperature and top_p parameters?
+- How would you create a system prompt for a specific use case (like a coding tutor)?
+
+**Real-World Connection**: The system prompt techniques you've learned are used in every major AI application - from GitHub Copilot's coding assistance to ChatGPT's conversational interface. You're mastering the same patterns used by AI product teams at major tech companies.
+
+**Challenge Question**: How might you design different AI personalities for different user types (beginner vs expert)? Consider how the same underlying AI model could serve different audiences through prompt engineering.
+
+## Building the Web API with FastAPI: Your High-Performance AI Communication Hub
+
+Now let's build the backend that connects your frontend to AI services. We'll use FastAPI, a modern Python framework that excels at building APIs for AI applications.
+
+FastAPI offers several advantages for this type of project: built-in async support for handling concurrent requests, automatic API documentation generation, and excellent performance. Your FastAPI server acts as an intermediary that receives requests from the frontend, communicates with AI services, and returns formatted responses.
+
+### Why FastAPI for AI Applications?
+
+You might be wondering: "Can't I just call the AI directly from my frontend JavaScript?" or "Why FastAPI instead of Flask or Django?" Great questions! 
+
+**Here's why FastAPI is perfect for what we're building:**
+- **Async by default**: Can juggle multiple AI requests at once without getting stuck
+- **Automatic docs**: Visit `/docs` and get a beautiful, interactive API documentation page for free
+- **Built-in validation**: Catches errors before they cause problems
+- **Lightning fast**: One of the speediest Python frameworks out there
+- **Modern Python**: Uses all the latest and greatest Python features
 
-Great, we've completed the AI part. Now, let's see how to integrate it into a Web API. For the Web API, we'll use Flask, but any web framework should work. Here's the code:
+**And here's why we need a backend at all:**
 
-### Using Python
+**Security**: Your AI API key is like a password – if you put it in frontend JavaScript, anyone who views your website's source code could steal it and use your AI credits. The backend keeps sensitive credentials secure.
+
+**Rate Limiting & Control**: The backend lets you control how often users can make requests, implement user authentication, and add logging to track usage.
+
+**Data Processing**: You might want to save conversations, filter inappropriate content, or combine multiple AI services. The backend is where this logic lives.
+
+**The architecture resembles a client-server model:**
+- **Frontend**: User interface layer for interaction
+- **Backend API**: Request processing and routing layer
+- **AI Service**: External computation and response generation
+- **Environment Variables**: Secure configuration and credentials storage
+
+### Understanding the Request-Response Flow
+
+Let's trace what happens when a user sends a message:
+
+```mermaid
+sequenceDiagram
+    participant User as 👤 User
+    participant Frontend as 🌐 Frontend
+    participant API as 🔧 FastAPI Server
+    participant AI as 🤖 AI Service
+    
+    User->>Frontend: Types "Hello AI!"
+    Frontend->>API: POST /hello {"message": "Hello AI!"}
+    Note over API: Validates request<br/>Adds system prompt
+    API->>AI: Sends formatted request
+    AI->>API: Returns AI response
+    Note over API: Processes response<br/>Logs conversation
+    API->>Frontend: {"response": "Hello! How can I help?"}
+    Frontend->>User: Displays AI message
+```
+**Understanding each step:**
+1. **User interaction**: Person types in the chat interface
+2. **Frontend processing**: JavaScript captures the input and formats it as JSON
+3. **API validation**: FastAPI automatically validates the request using Pydantic models
+4. **AI integration**: Backend adds context (system prompt) and calls the AI service
+5. **Response handling**: API receives AI response and can modify it if needed
+6. **Frontend display**: JavaScript shows the response in the chat interface
+
+### Understanding API Architecture
+
+```mermaid
+sequenceDiagram
+    participant Frontend
+    participant FastAPI
+    participant AI Function
+    participant GitHub Models
+    
+    Frontend->>FastAPI: POST /hello {"message": "Hello AI!"}
+    FastAPI->>AI Function: call_llm(message, system_prompt)
+    AI Function->>GitHub Models: API request
+    GitHub Models->>AI Function: AI response
+    AI Function->>FastAPI: response text
+    FastAPI->>Frontend: {"response": "Hello! How can I help?"}
+```
+```mermaid
+flowchart TD
+    A[User Input] --> B[Frontend Validation]
+    B --> C[HTTP POST Request]
+    C --> D[FastAPI Router]
+    D --> E[Pydantic Validation]
+    E --> F[AI Function Call]
+    F --> G[GitHub Models API]
+    G --> H[Response Processing]
+    H --> I[JSON Response]
+    I --> J[Frontend Update]
+    
+    subgraph "Security Layer"
+        K[CORS Middleware]
+        L[Environment Variables]
+        M[Error Handling]
+    end
+    
+    D --> K
+    F --> L
+    H --> M
+```
+### Creating the FastAPI Application
+
+Let's build our API step by step. Create a file called `api.py` with the following FastAPI code:
 
 ```python
 # api.py
-from flask import Flask, request, jsonify
+from fastapi import FastAPI, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
+from pydantic import BaseModel
 from llm import call_llm
-from flask_cors import CORS
+import logging
+
+# Configure logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
+
+# Create FastAPI application
+app = FastAPI(
+    title="AI Chat API",
+    description="A high-performance API for AI-powered chat applications",
+    version="1.0.0"
+)
+
+# Configure CORS
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],  # Configure appropriately for production
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Pydantic models for request/response validation
+class ChatMessage(BaseModel):
+    message: str
+
+class ChatResponse(BaseModel):
+    response: str
+
+@app.get("/")
+async def root():
+    """Root endpoint providing API information."""
+    return {
+        "message": "Welcome to the AI Chat API",
+        "docs": "/docs",
+        "health": "/health"
+    }
+
+@app.get("/health")
+async def health_check():
+    """Health check endpoint."""
+    return {"status": "healthy", "service": "ai-chat-api"}
+
+@app.post("/hello", response_model=ChatResponse)
+async def chat_endpoint(chat_message: ChatMessage):
+    """Main chat endpoint that processes messages and returns AI responses."""
+    try:
+        # Extract and validate message
+        message = chat_message.message.strip()
+        if not message:
+            raise HTTPException(status_code=400, detail="Message cannot be empty")
+        
+        logger.info(f"Processing message: {message[:50]}...")
+        
+        # Call AI service (note: call_llm should be made async for better performance)
+        ai_response = await call_llm_async(message, "You are a helpful and friendly assistant.")
+        
+        logger.info("AI response generated successfully")
+        return ChatResponse(response=ai_response)
+        
+    except HTTPException:
+        raise
+    except Exception as e:
+        logger.error(f"Error processing chat message: {str(e)}")
+        raise HTTPException(status_code=500, detail="Internal server error")
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=5000, reload=True)
+```
+
+**Understanding the FastAPI implementation:**
+- **Imports** FastAPI for modern web framework functionality and Pydantic for data validation
+- **Creates** automatic API documentation (available at `/docs` when server runs)
+- **Enables** CORS middleware to allow frontend requests from different origins
+- **Defines** Pydantic models for automatic request/response validation and documentation
+- **Uses** async endpoints for better performance with concurrent requests
+- **Implements** proper HTTP status codes and error handling with HTTPException
+- **Includes** structured logging for monitoring and debugging
+- **Provides** health check endpoint for monitoring service status
+
+**Key FastAPI advantages over traditional frameworks:**
+- **Automatic validation**: Pydantic models ensure data integrity before processing
+- **Interactive docs**: Visit `/docs` for auto-generated, testable API documentation
+- **Type safety**: Python type hints prevent runtime errors and improve code quality
+- **Async support**: Handle multiple AI requests simultaneously without blocking
+- **Performance**: Significantly faster request processing for real-time applications
+
+### Understanding CORS: The Web's Security Guard
+
+CORS (Cross-Origin Resource Sharing) is like a security guard at a building who checks if visitors are allowed to enter. Let's understand why this matters and how it affects your application.
+
+#### What is CORS and Why Does It Exist?
+
+**The Problem**: Imagine if any website could make requests to your bank's website on your behalf without your permission. That would be a security nightmare! Browsers prevent this by default through the "Same-Origin Policy."
+
+**Same-Origin Policy**: Browsers only allow web pages to make requests to the same domain, port, and protocol they were loaded from.
+
+**Real-world analogy**: It's like apartment building security – only residents (same origin) can access the building by default. If you want to let a friend (different origin) visit, you need to explicitly tell security it's okay.
+
+#### CORS in Your Development Environment
+
+During development, your frontend and backend run on different ports:
+- Frontend: `http://localhost:3000` (or file:// if opening HTML directly)
+- Backend: `http://localhost:5000`
+
+These are considered "different origins" even though they're on the same computer!
+
+```python
+from fastapi.middleware.cors import CORSMiddleware
+
+app = FastAPI(__name__)
+CORS(app)   # This tells browsers: "It's okay for other origins to make requests to this API"
+```
+
+**What CORS configuration does in practice:**
+- **Adds** special HTTP headers to API responses that tell browsers "this cross-origin request is allowed"
+- **Handles** "preflight" requests (browsers sometimes check permissions before sending the actual request)
+- **Prevents** the dreaded "blocked by CORS policy" error in your browser console
+
+#### CORS Security: Development vs Production
+
+```python
+# 🚨 Development: Allows ALL origins (convenient but insecure)
+CORS(app)
+
+# ✅ Production: Only allow your specific frontend domain
+CORS(app, origins=["https://yourdomain.com", "https://www.yourdomain.com"])
+
+# 🔒 Advanced: Different origins for different environments
+if app.debug:  # Development mode
+    CORS(app, origins=["http://localhost:3000", "http://127.0.0.1:3000"])
+else:  # Production mode
+    CORS(app, origins=["https://yourdomain.com"])
+```
+
+**Why this matters**: In development, `CORS(app)` is like leaving your front door unlocked – convenient but not secure. In production, you want to specify exactly which websites can talk to your API.
+
+#### Common CORS Scenarios and Solutions
+
+| Scenario | Problem | Solution |
+|----------|---------|----------|
+| **Local Development** | Frontend can't reach backend | Add CORSMiddleware to FastAPI |
+| **GitHub Pages + Heroku** | Deployed frontend can't reach API | Add your GitHub Pages URL to CORS origins |
+| **Custom Domain** | CORS errors in production | Update CORS origins to match your domain |
+| **Mobile App** | App can't reach web API | Add your app's domain or use `*` carefully |
+
+**Pro tip**: You can check CORS headers in your browser's Developer Tools under the Network tab. Look for headers like `Access-Control-Allow-Origin` in the response.
+
+### Error Handling and Validation
+
+Notice how our API includes proper error handling:
+
+```python
+# Validate that we received a message
+if not message:
+    return jsonify({"error": "Message field is required"}), 400
+```
+
+**Key validation principles:**
+- **Checks** for required fields before processing requests
+- **Returns** meaningful error messages in JSON format
+- **Uses** appropriate HTTP status codes (400 for bad requests)
+- **Provides** clear feedback to help frontend developers debug issues
+
+## Setting Up and Running Your Backend
+
+Now that we have our AI integration and FastAPI server ready, let's get everything running. The setup process involves installing Python dependencies, configuring environment variables, and starting your development server.
+
+### Python Environment Setup
+
+Let's set up your Python development environment. Virtual environments are like the Manhattan Project's compartmentalized approach – each project gets its own isolated space with specific tools and dependencies, preventing conflicts between different projects.
+
+```bash
+# Navigate to your backend directory
+cd backend
+
+# Create a virtual environment (like creating a clean room for your project)
+python -m venv venv
+
+# Activate it (Linux/Mac)
+source ./venv/bin/activate
+
+# On Windows, use:
+# venv\Scripts\activate
+
+# Install the good stuff
+pip install openai fastapi uvicorn python-dotenv
+```
+
+**What we just did:**
+- **Created** our own little Python bubble where we can install packages without affecting anything else
+- **Activated** it so our terminal knows to use this specific environment
+- **Installed** the essentials: OpenAI for AI magic, FastAPI for our web API, Uvicorn to actually run it, and python-dotenv for secure secrets management
+
+**Key dependencies explained:**
+- **FastAPI**: Modern, fast web framework with automatic API documentation
+- **Uvicorn**: Lightning-fast ASGI server that runs FastAPI applications
+- **OpenAI**: Official library for GitHub Models and OpenAI API integration
+- **python-dotenv**: Secure environment variable loading from .env files
+
+### Environment Configuration: Keeping Secrets Safe
+
+Before we start our API, we need to talk about one of the most important lessons in web development: how to keep your secrets actually secret. Environment variables are like a secure vault that only your application can access.
+
+#### What Are Environment Variables?
+
+**Think of environment variables like a safety deposit box** – you put your valuable stuff in there, and only you (and your app) have the key to get it out. Instead of writing sensitive information directly in your code (where literally anyone can see it), you store it safely in the environment.
 
-app = Flask(__name__)
-CORS(app)   # *   example.com
+**Here's the difference:**
+- **The wrong way**: Writing your password on a sticky note and putting it on your monitor
+- **The right way**: Keeping your password in a secure password manager that only you can access
 
-@app.route("/", methods=["GET"])
-def index():
-    return "Welcome to this API. Call POST /hello with 'message': 'my message' as JSON payload"
+#### Why Environment Variables Matter
 
+```python
+# 🚨 NEVER DO THIS - API key visible to everyone
+client = OpenAI(
+    api_key="ghp_1234567890abcdef...",  # Anyone can steal this!
+    base_url="https://models.github.ai/inference"
+)
+
+# ✅ DO THIS - API key stored securely
+client = OpenAI(
+    api_key=os.environ["GITHUB_TOKEN"],  # Only your app can access this
+    base_url="https://models.github.ai/inference"
+)
+```
+
+**What happens when you hardcode secrets:**
+1. **Version control exposure**: Anyone with access to your Git repository sees your API key
+2. **Public repositories**: If you push to GitHub, your key is visible to the entire internet
+3. **Team sharing**: Other developers working on your project get access to your personal API key
+4. **Security breaches**: If someone steals your API key, they can use your AI credits
+
+#### Setting Up Your Environment File
+
+Create a `.env` file in your backend directory. This file stores your secrets locally:
+
+```bash
+# .env file - This should NEVER be committed to Git
+GITHUB_TOKEN=your_github_personal_access_token_here
+FASTAPI_DEBUG=True
+ENVIRONMENT=development
+```
+
+**Understanding the .env file:**
+- **One secret per line** in `KEY=value` format
+- **No spaces** around the equals sign
+- **No quotes** needed around values (usually)
+- **Comments** start with `#`
+
+#### Creating Your GitHub Personal Access Token
+
+Your GitHub token is like a special password that gives your application permission to use GitHub's AI services:
+
+**Step-by-step token creation:**
+1. **Go to GitHub Settings** → Developer settings → Personal access tokens → Tokens (classic)
+2. **Click "Generate new token (classic)"**
+3. **Set expiration** (30 days for testing, longer for production)
+4. **Select scopes**: Check "repo" and any other permissions you need
+5. **Generate token** and copy it immediately (you can't see it again!)
+6. **Paste into your .env file**
+
+```bash
+# Example of what your token looks like (this is fake!)
+GITHUB_TOKEN=ghp_1A2B3C4D5E6F7G8H9I0J1K2L3M4N5O6P7Q8R
+```
+
+#### Loading Environment Variables in Python
+
+```python
+import os
+from dotenv import load_dotenv
+
+# Load environment variables from .env file
+load_dotenv()
+
+# Now you can access them securely
+api_key = os.environ.get("GITHUB_TOKEN")
+if not api_key:
+    raise ValueError("GITHUB_TOKEN not found in environment variables!")
+
+client = OpenAI(
+    api_key=api_key,
+    base_url="https://models.github.ai/inference"
+)
+```
+
+**What this code does:**
+- **Loads** your .env file and makes variables available to Python
+- **Checks** if the required token exists (good error handling!)
+- **Raises** a clear error if the token is missing
+- **Uses** the token securely without exposing it in code
+
+#### Git Security: The .gitignore File
+
+Your `.gitignore` file tells Git which files to never track or upload:
+
+```bash
+# .gitignore - Add these lines
+.env
+*.env
+.env.local
+.env.production
+__pycache__/
+venv/
+.vscode/
+```
+
+**Why this is crucial**: Once you add `.env` to `.gitignore`, Git will ignore your environment file, preventing you from accidentally uploading your secrets to GitHub.
+
+#### Different Environments, Different Secrets
+
+Professional applications use different API keys for different environments:
+
+```bash
+# .env.development
+GITHUB_TOKEN=your_development_token
+DEBUG=True
+
+# .env.production
+GITHUB_TOKEN=your_production_token
+DEBUG=False
+```
+
+**Why this matters**: You don't want your development experiments to affect your production AI usage quota, and you want different security levels for different environments.
+
+### Starting Your Development Server: Bringing Your FastAPI to Life
+
+Now comes the exciting moment – starting your FastAPI development server and seeing your AI integration come alive! FastAPI uses Uvicorn, a lightning-fast ASGI server that's specifically designed for async Python applications.
+
+#### Understanding the FastAPI Server Startup Process
+
+```bash
+# Method 1: Direct execution in Python (includes auto-reload)
+python api.py
+
+# Method 2: Using Uvicorn directly (more control)
+uvicorn api:app --host 0.0.0.0 --port 5000 --reload
+```
+
+When you run this command, here's what happens behind the scenes:
+
+**1. Python loads your FastAPI application**:
+- Imports all required libraries (FastAPI, Pydantic, OpenAI, etc.)
+- Loads environment variables from your `.env` file
+- Creates the FastAPI application instance with automatic documentation
+
+**2. Uvicorn configures the ASGI server**:
+- Binds to port 5000 with async request handling capabilities
+- Sets up request routing with automatic validation
+- Enables hot reload for development (restarts on file changes)
+- Generates interactive API documentation
+
+**3. Server starts listening**:
+- Your terminal shows: `INFO: Uvicorn running on http://0.0.0.0:5000`
+- The server can handle multiple concurrent AI requests
+- Your API is ready with automatic docs at `http://localhost:5000/docs`
+
+#### What You Should See When Everything Works
+
+```bash
+$ python api.py
+INFO:     Will watch for changes in these directories: ['/your/project/path']
+INFO:     Uvicorn running on http://0.0.0.0:5000 (Press CTRL+C to quit)
+INFO:     Started reloader process [12345] using WatchFiles
+INFO:     Started server process [12346]
+INFO:     Waiting for application startup.
+INFO:     Application startup complete.
+```
+
+**Understanding the FastAPI output:**
+- **Will watch for changes**: Auto-reload enabled for development
+- **Uvicorn running**: High-performance ASGI server is active
+- **Started reloader process**: File watcher for automatic restarts
+- **Application startup complete**: FastAPI app initialized successfully
+- **Interactive docs available**: Visit `/docs` for automatic API documentation
+
+#### Testing Your FastAPI: Multiple Powerful Approaches
+
+FastAPI provides several convenient ways to test your API, including automatic interactive documentation:
+
+**Method 1: Interactive API Documentation (Recommended)**
+1. Open your browser and go to `http://localhost:5000/docs`
+2. You'll see Swagger UI with all your endpoints documented
+3. Click on `/hello` → "Try it out" → Enter a test message → "Execute"
+4. See the response directly in the browser with proper formatting
+
+**Method 2: Basic Browser Test**
+1. Go to `http://localhost:5000` for the root endpoint
+2. Go to `http://localhost:5000/health` to check server health
+3. This confirms your FastAPI server is running properly
+
+**Method 2: Command Line Test (Advanced)**
+```bash
+# Test with curl (if available)
+curl -X POST http://localhost:5000/hello \
+  -H "Content-Type: application/json" \
+  -d '{"message": "Hello AI!"}'
+
+# Expected response:
+# {"response": "Hello! I'm your AI assistant. How can I help you today?"}
+```
+
+**Method 3: Python Test Script**
+```python
+# test_api.py - Create this file to test your API
+import requests
+import json
+
+# Test the API endpoint
+url = "http://localhost:5000/hello"
+data = {"message": "Tell me a joke about programming"}
+
+response = requests.post(url, json=data)
+if response.status_code == 200:
+    result = response.json()
+    print("AI Response:", result['response'])
+else:
+    print("Error:", response.status_code, response.text)
+```
+
+#### Troubleshooting Common Startup Issues
+
+| Error Message | What It Means | How to Fix |
+|---------------|---------------|------------|
+| `ModuleNotFoundError: No module named 'fastapi'` | FastAPI not installed | Run `pip install fastapi uvicorn` in your virtual environment |
+| `ModuleNotFoundError: No module named 'uvicorn'` | ASGI server not installed | Run `pip install uvicorn` in your virtual environment |
+| `KeyError: 'GITHUB_TOKEN'` | Environment variable not found | Check your `.env` file and `load_dotenv()` call |
+| `Address already in use` | Port 5000 is busy | Kill other processes using port 5000 or change the port |
+| `ValidationError` | Request data doesn't match Pydantic model | Check your request format matches the expected schema |
+| `HTTPException 422` | Unprocessable entity | Request validation failed, check `/docs` for correct format |
+| `OpenAI API error` | AI service authentication failed | Verify your GitHub token is correct and has proper permissions |
+
+#### Development Best Practices
+
+**Hot Reloading**: FastAPI with Uvicorn provides automatic reloading when you save changes to your Python files. This means you can modify your code and test immediately without manually restarting.
+
+```python
+# Enable hot reloading explicitly
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=5000, debug=True)  # debug=True enables hot reload
+```
+
+**Logging for Development**: Add logging to understand what's happening:
+
+```python
+import logging
+
+# Configure logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
 
 @app.route("/hello", methods=["POST"])
 def hello():
-    # get message from request body  { "message": "do this taks for me" }
     data = request.get_json()
     message = data.get("message", "")
+    
+    logger.info(f"Received message: {message}")
+    
+    if not message:
+        logger.warning("Empty message received")
+        return jsonify({"error": "Message field is required"}), 400
+    
+    try:
+        response = call_llm(message, "You are a helpful and friendly assistant.")
+        logger.info(f"AI response generated successfully")
+        return jsonify({"response": response})
+    except Exception as e:
+        logger.error(f"AI API error: {str(e)}")
+        return jsonify({"error": "AI service temporarily unavailable"}), 500
+```
 
-    response = call_llm(message, "You are a helpful assistant.")
-    return jsonify({
-        "response": response
-    })
+**Why logging helps**: During development, you can see exactly what requests are coming in, what the AI is responding with, and where errors occur. This makes debugging much faster.
 
-if __name__ == "__main__":
-    app.run(host="0.0.0.0", port=5000)
+### Configuring for GitHub Codespaces: Cloud Development Made Easy
+
+GitHub Codespaces is like having a powerful development computer in the cloud that you can access from any browser. If you're working in Codespaces, there are a few additional steps to make your backend accessible to your frontend.
+
+#### Understanding Codespaces Networking
+
+In a local development environment, everything runs on the same computer:
+- Backend: `http://localhost:5000`
+- Frontend: `http://localhost:3000` (or file://)
+
+In Codespaces, your development environment runs on GitHub's servers, so "localhost" has a different meaning. GitHub automatically creates public URLs for your services, but you need to configure them properly.
+
+#### Step-by-Step Codespaces Configuration
+
+**1. Start your backend server**:
+```bash
+cd backend
+python api.py
 ```
 
-In this code, we create a Flask API and define two routes: the default route "/" and "/chat". The "/chat" route is intended for the frontend to send questions to the backend.
+You'll see the familiar FastAPI/Uvicorn startup message, but notice it's running inside the Codespace environment.
 
-To integrate *llm.py*, here's what we need to do:
+**2. Configure port visibility**:
+- Look for the "Ports" tab in the bottom panel of VS Code
+- Find port 5000 in the list
+- Right-click on port 5000
+- Select "Port Visibility" → "Public"
 
-- Import the `call_llm` function:
+**Why make it public?** By default, Codespace ports are private (only accessible to you). Making it public allows your frontend (which runs in the browser) to communicate with your backend.
 
-   ```python
-   from llm import call_llm
-   from flask import Flask, request
-   ```
+**3. Get your public URL**:
+After making the port public, you'll see a URL like:
+```
+https://your-codespace-name-5000.app.github.dev
+```
 
-- Use it in the "/chat" route:
+**4. Update your frontend configuration**:
+```javascript
+// In your frontend app.js, update the BASE_URL:
+this.BASE_URL = "https://your-codespace-name-5000.app.github.dev";
+```
 
-   ```python
-   @app.route("/hello", methods=["POST"])
-   def hello():
-      # get message from request body  { "message": "do this taks for me" }
-      data = request.get_json()
-      message = data.get("message", "")
+#### Understanding Codespace URLs
 
-      response = call_llm(message, "You are a helpful assistant.")
-      return jsonify({
-         "response": response
-      })
-   ```
+Codespace URLs follow a predictable pattern:
+```
+https://[codespace-name]-[port].app.github.dev
+```
 
-   In this step, we parse the incoming request to extract the `message` property from the JSON body. Then, we call the LLM with this:
+**Breaking this down:**
+- `codespace-name`: A unique identifier for your Codespace (usually includes your username)
+- `port`: The port number your service is running on (5000 for our FastAPI app)
+- `app.github.dev`: GitHub's domain for Codespace applications
 
-   ```python
-   response = call_llm(message, "You are a helpful assistant")
+#### Testing Your Codespace Setup
 
-   # return the response as JSON
-   return jsonify({
-      "response": response 
-   })
-   ```
+**1. Test the backend directly**:
+Open your public URL in a new browser tab. You should see:
+```
+Welcome to the AI Chat API. Send POST requests to /hello with JSON payload containing 'message' field.
+```
 
-Great, now we've completed the necessary steps.
+**2. Test with browser developer tools**:
+```javascript
+// Open browser console and test your API
+fetch('https://your-codespace-name-5000.app.github.dev/hello', {
+  method: 'POST',
+  headers: {'Content-Type': 'application/json'},
+  body: JSON.stringify({message: 'Hello from Codespaces!'})
+})
+.then(response => response.json())
+.then(data => console.log(data));
+```
 
-## Configuring CORS
+#### Codespaces vs Local Development
 
-It's important to set up CORS (Cross-Origin Resource Sharing). Since our backend and frontend will run on different ports, we need to allow the frontend to communicate with the backend.
+| Aspect | Local Development | GitHub Codespaces |
+|--------|-------------------|-------------------|
+| **Setup Time** | Longer (install Python, dependencies) | Instant (pre-configured environment) |
+| **URL Access** | `http://localhost:5000` | `https://xyz-5000.app.github.dev` |
+| **Port Configuration** | Automatic | Manual (make ports public) |
+| **File Persistence** | Local machine | GitHub repository |
+| **Collaboration** | Difficult to share environment | Easy to share Codespace link |
+| **Internet Dependency** | Only for AI API calls | Required for everything |
 
-### Using Python
+#### Codespace Development Tips
 
-Here's a piece of code in *api.py* that sets this up:
+**Environment Variables in Codespaces**:
+Your `.env` file works the same way in Codespaces, but you can also set environment variables directly in the Codespace:
 
-```python
-from flask_cors import CORS
+```bash
+# Set environment variable for the current session
+export GITHUB_TOKEN="your_token_here"
 
-app = Flask(__name__)
-CORS(app)   # *   example.com
+# Or add to your .bashrc for persistence
+echo 'export GITHUB_TOKEN="your_token_here"' >> ~/.bashrc
 ```
 
-Currently, it's configured to allow all origins ("*"), which is not secure. This should be restricted when moving to production.
+**Port Management**:
+- Codespaces automatically detects when your application starts listening on a port
+- You can forward multiple ports simultaneously (useful if you add a database later)
+- Ports remain accessible as long as your Codespace is running
 
-## Running Your Project
+**Development Workflow**:
+1. Make code changes in VS Code
+2. FastAPI auto-reloads (thanks to Uvicorn's reload mode)
+3. Test changes immediately through the public URL
+4. Commit and push when ready
 
-To run your project, start the backend first, followed by the frontend.
+> 💡 **Pro Tip**: Bookmark your Codespace backend URL during development. Since Codespace names are stable, the URL won't change as long as you're using the same Codespace.
 
-### Using Python
+## Creating the Frontend Chat Interface: Where Humans Meet AI
 
-Now that we have *llm.py* and *api.py*, how do we make the backend work? There are two steps:
+Now we'll build the user interface – the part that determines how people interact with your AI assistant. Like the design of the original iPhone's interface, we're focusing on making complex technology feel intuitive and natural to use.
 
-- Install dependencies:
+### Understanding Modern Frontend Architecture
 
-   ```sh
-   cd backend
-   python -m venv venv
-   source ./venv/bin/activate
+Our chat interface will be what we call a "Single Page Application" or SPA. Instead of the old-school approach where every click loads a new page, our app updates smoothly and instantly:
 
-   pip install openai flask flask-cors openai
-   ```
+**Old websites**: Like reading a physical book – you flip to completely new pages
+**Our chat app**: Like using your phone – everything flows and updates seamlessly
 
-- Start the API:
+```mermaid
+graph TD
+    A[User Types Message] --> B[JavaScript Captures Input]
+    B --> C[Validate & Format Data]
+    C --> D[Send to Backend API]
+    D --> E[Display Loading State]
+    E --> F[Receive AI Response]
+    F --> G[Update Chat Interface]
+    G --> H[Ready for Next Message]
+```
+```mermaid
+classDiagram
+    class ChatApp {
+        +messages: HTMLElement
+        +form: HTMLElement
+        +input: HTMLElement
+        +sendButton: HTMLElement
+        +BASE_URL: string
+        +API_ENDPOINT: string
+        
+        +constructor()
+        +initializeEventListeners()
+        +handleSubmit(event)
+        +callAPI(message)
+        +appendMessage(text, role)
+        +escapeHtml(text)
+        +scrollToBottom()
+        +setLoading(isLoading)
+    }
+    
+    ChatApp --> DOM : manipulates
+    ChatApp --> FastAPI : sends requests
+```
+### The Three Pillars of Frontend Development
 
-   ```sh
-   python api.py
-   ```
+Every frontend application – from simple websites to complex apps like Discord or Slack – is built on three core technologies. Think of them as the foundation of everything you see and interact with on the web:
 
-   If you're using Codespaces, go to the Ports section at the bottom of the editor, right-click on it, select "Port Visibility," and choose "Public."
+**HTML (Structure)**: This is your foundation
+- Decides what elements exist (buttons, text areas, containers)
+- Gives meaning to content (this is a header, this is a form, etc.)
+- Creates the basic structure that everything else builds on
 
-### Working on the Frontend
+**CSS (Presentation)**: This is your interior designer
+- Makes everything look beautiful (colors, fonts, layouts)
+- Handles different screen sizes (phone vs laptop vs tablet)
+- Creates smooth animations and visual feedback
 
-Now that the API is up and running, let's create a frontend for it. We'll start with a basic frontend and improve it step by step. In a *frontend* folder, create the following:
+**JavaScript (Behavior)**: This is your brain
+- Responds to what users do (clicks, typing, scrolling)
+- Talks to your backend and updates the page
+- Makes everything interactive and dynamic
+
+**Think of it like architectural design:**
+- **HTML**: The structural blueprint (defining spaces and relationships)
+- **CSS**: The aesthetic and environmental design (visual style and user experience)
+- **JavaScript**: The mechanical systems (functionality and interactivity)
+
+### Why Modern JavaScript Architecture Matters
+
+Our chat application will use modern JavaScript patterns that you'll see in professional applications. Understanding these concepts will help you as you grow as a developer:
+
+**Class-Based Architecture**: We'll organize our code into classes, which is like creating blueprints for objects
+**Async/Await**: Modern way to handle operations that take time (like API calls)
+**Event-Driven Programming**: Our app responds to user actions (clicks, key presses) rather than running in a loop
+**DOM Manipulation**: Dynamically updating the webpage content based on user interactions and API responses
+
+### Project Structure Setup
+
+Create a frontend directory with this organized structure:
 
 ```text
-backend/
 frontend/
-index.html
-app.js
-styles.css
+├── index.html      # Main HTML structure
+├── app.js          # JavaScript functionality
+└── styles.css      # Visual styling
 ```
 
-Let's begin with **index.html**:
+**Understanding the architecture:**
+- **Separates** concerns between structure (HTML), behavior (JavaScript), and presentation (CSS)
+- **Maintains** a simple file structure that's easy to navigate and modify
+- **Follows** web development best practices for organization and maintainability
+
+### Building the HTML Foundation: Semantic Structure for Accessibility
+
+Let's start with the HTML structure. Modern web development emphasizes "semantic HTML" – using HTML elements that clearly describe their purpose, not just their appearance. This makes your application accessible to screen readers, search engines, and other tools.
+
+**Why semantic HTML matters**: Imagine describing your chat app to someone over the phone. You'd say "there's a header with the title, a main area where conversations appear, and a form at the bottom for typing messages." Semantic HTML uses elements that match this natural description.
+
+Create `index.html` with this thoughtfully structured markup:
 
 ```html
-<html>
-    <head>
-        <link rel="stylesheet" href="styles.css">
-    </head>
-    <body>
-      <form>
-        <textarea id="messages"></textarea>
-        <input id="input" type="text" />
-        <button type="submit" id="sendBtn">Send</button>  
-      </form>  
-      <script src="app.js" />
-    </body>
-</html>    
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Chat Assistant</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="chat-container">
+        <header class="chat-header">
+            <h1>AI Chat Assistant</h1>
+            <p>Ask me anything!</p>
+        </header>
+        
+        <main class="chat-messages" id="messages" role="log" aria-live="polite">
+            <!-- Messages will be dynamically added here -->
+        </main>
+        
+        <form class="chat-form" id="chatForm">
+            <div class="input-group">
+                <input 
+                    type="text" 
+                    id="messageInput" 
+                    placeholder="Type your message here..." 
+                    required
+                    aria-label="Chat message input"
+                >
+                <button type="submit" id="sendBtn" aria-label="Send message">
+                    Send
+                </button>
+            </div>
+        </form>
+    </div>
+    <script src="app.js"></script>
+</body>
+</html>
 ```
 
-The above code is the bare minimum needed to support a chat window. It includes a textarea for displaying messages, an input field for typing messages, and a button to send messages to the backend. Next, let's look at the JavaScript in *app.js*.
+**Understanding each HTML element and its purpose:**
+
+#### Document Structure
+- **`<!DOCTYPE html>`**: Tells the browser this is modern HTML5
+- **`<html lang="en">`**: Specifies the page language for screen readers and translation tools
+- **`<meta charset="UTF-8">`**: Ensures proper character encoding for international text
+- **`<meta name="viewport"...>`**: Makes the page mobile-responsive by controlling zoom and scale
+
+#### Semantic Elements
+- **`<header>`**: Clearly identifies the top section with title and description
+- **`<main>`**: Designates the primary content area (where conversations happen)
+- **`<form>`**: Semantically correct for user input, enables proper keyboard navigation
+
+#### Accessibility Features
+- **`role="log"`**: Tells screen readers this area contains a chronological log of messages
+- **`aria-live="polite"`**: Announces new messages to screen readers without interrupting
+- **`aria-label`**: Provides descriptive labels for form controls
+- **`required`**: Browser validates that users enter a message before sending
+
+#### CSS and JavaScript Integration
+- **`class` attributes**: Provide styling hooks for CSS (e.g., `chat-container`, `input-group`)
+- **`id` attributes**: Allow JavaScript to find and manipulate specific elements
+- **Script placement**: JavaScript file loaded at the end so HTML loads first
+
+**Why this structure works:**
+- **Logical flow**: Header → Main content → Input form matches natural reading order
+- **Keyboard accessible**: Users can tab through all interactive elements
+- **Screen reader friendly**: Clear landmarks and descriptions for visually impaired users
+- **Mobile responsive**: Viewport meta tag enables responsive design
+- **Progressive enhancement**: Works even if CSS or JavaScript fails to load
+
+### Adding Interactive JavaScript: Modern Web Application Logic
+
+Now let's build the JavaScript that brings our chat interface to life. We'll use modern JavaScript patterns that you'll encounter in professional web development, including ES6 classes, async/await, and event-driven programming.
+
+#### Understanding Modern JavaScript Architecture
+Instead of writing procedural code (a series of functions that run in order), we'll create a **class-based architecture**. Think of a class as a blueprint for creating objects – like how an architect's blueprint can be used to build multiple houses.
+
+**Why use classes for web applications?**
+- **Organization**: All related functionality is grouped together
+- **Reusability**: You could create multiple chat instances on the same page
+- **Maintainability**: Easier to debug and modify specific features
+- **Professional standard**: This pattern is used in frameworks like React, Vue, and Angular
+
+Create `app.js` with this modern, well-structured JavaScript:
+
+```javascript
+// app.js - Modern chat application logic
+
+class ChatApp {
+    constructor() {
+        // Get references to DOM elements we'll need to manipulate
+        this.messages = document.getElementById("messages");
+        this.form = document.getElementById("chatForm");
+        this.input = document.getElementById("messageInput");
+        this.sendButton = document.getElementById("sendBtn");
+        
+        // Configure your backend URL here
+        this.BASE_URL = "http://localhost:5000"; // Update this for your environment
+        this.API_ENDPOINT = `${this.BASE_URL}/hello`;
+        
+        // Set up event listeners when the chat app is created
+        this.initializeEventListeners();
+    }
+    
+    initializeEventListeners() {
+        // Listen for form submission (when user clicks Send or presses Enter)
+        this.form.addEventListener("submit", (e) => this.handleSubmit(e));
+        
+        // Also listen for Enter key in the input field (better UX)
+        this.input.addEventListener("keypress", (e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault();
+                this.handleSubmit(e);
+            }
+        });
+    }
+    
+    async handleSubmit(event) {
+        event.preventDefault(); // Prevent form from refreshing the page
+        
+        const messageText = this.input.value.trim();
+        if (!messageText) return; // Don't send empty messages
+        
+        // Provide user feedback that something is happening
+        this.setLoading(true);
+        
+        // Add user message to chat immediately (optimistic UI)
+        this.appendMessage(messageText, "user");
+        
+        // Clear input field so user can type next message
+        this.input.value = '';
+        
+        try {
+            // Call the AI API and wait for response
+            const reply = await this.callAPI(messageText);
+            
+            // Add AI response to chat
+            this.appendMessage(reply, "assistant");
+        } catch (error) {
+            console.error('API Error:', error);
+            this.appendMessage("Sorry, I'm having trouble connecting right now. Please try again.", "error");
+        } finally {
+            // Re-enable the interface regardless of success or failure
+            this.setLoading(false);
+        }
+    }
+    
+    async callAPI(message) {
+        const response = await fetch(this.API_ENDPOINT, {
+            method: "POST",
+            headers: { 
+                "Content-Type": "application/json" 
+            },
+            body: JSON.stringify({ message })
+        });
+        
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        
+        const data = await response.json();
+        return data.response;
+    }
+    
+    appendMessage(text, role) {
+        const messageElement = document.createElement("div");
+        messageElement.className = `message ${role}`;
+        messageElement.innerHTML = `
+            <div class="message-content">
+                <span class="message-text">${this.escapeHtml(text)}</span>
+                <span class="message-time">${new Date().toLocaleTimeString()}</span>
+            </div>
+        `;
+        
+        this.messages.appendChild(messageElement);
+        this.scrollToBottom();
+    }
+    
+    escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    
+    scrollToBottom() {
+        this.messages.scrollTop = this.messages.scrollHeight;
+    }
+    
+    setLoading(isLoading) {
+        this.sendButton.disabled = isLoading;
+        this.input.disabled = isLoading;
+        this.sendButton.textContent = isLoading ? "Sending..." : "Send";
+    }
+}
 
-**app.js**
+// Initialize the chat application when the page loads
+document.addEventListener("DOMContentLoaded", () => {
+    new ChatApp();
+});
+```
 
-```js
-// app.js
+#### Understanding Each JavaScript Concept
+
+**ES6 Class Structure**:
+```javascript
+class ChatApp {
+    constructor() {
+        // This runs when you create a new ChatApp instance
+        // It's like the "setup" function for your chat
+    }
+    
+    methodName() {
+        // Methods are functions that belong to the class
+        // They can access class properties using "this"
+    }
+}
+```
 
-(function(){
-  // 1. set up elements  
-  const messages = document.getElementById("messages");
-  const form = document.getElementById("form");
-  const input = document.getElementById("input");
+**Async/Await Pattern**:
+```javascript
+// Old way (callback hell):
+fetch(url)
+  .then(response => response.json())
+  .then(data => console.log(data))
+  .catch(error => console.error(error));
+
+// Modern way (async/await):
+try {
+    const response = await fetch(url);
+    const data = await response.json();
+    console.log(data);
+} catch (error) {
+    console.error(error);
+}
+```
 
-  const BASE_URL = "change this";
-  const API_ENDPOINT = `${BASE_URL}/hello`;
+**Event-Driven Programming**:
+Instead of constantly checking if something happened, we "listen" for events:
+```javascript
+// When form is submitted, run handleSubmit
+this.form.addEventListener("submit", (e) => this.handleSubmit(e));
 
-  // 2. create a function that talks to our backend
-  async function callApi(text) {
-    const response = await fetch(API_ENDPOINT, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ message: text })
-    });
-    let json = await response.json();
-    return json.response;
-  }
+// When Enter key is pressed, also run handleSubmit
+this.input.addEventListener("keypress", (e) => { /* ... */ });
+```
 
-  // 3. add response to our textarea
-  function appendMessage(text, role) {
-    const el = document.createElement("div");
-    el.className = `message ${role}`;
-    el.innerHTML = text;
-    messages.appendChild(el);
-  }
+**DOM Manipulation**:
+```javascript
+// Create new elements
+const messageElement = document.createElement("div");
 
-  // 4. listen to submit events
-  form.addEventListener("submit", async(e) => {
-    e.preventDefault();
-   // someone clicked the button in the form
-   
-   // get input
-   const text = input.value.trim();
+// Modify their properties
+messageElement.className = "message user";
+messageElement.innerHTML = "Hello world!";
 
-   appendMessage(text, "user")
+// Add to the page
+this.messages.appendChild(messageElement);
+```
 
-   // reset it
-   input.value = '';
+#### Security and Best Practices
 
-   const reply = await callApi(text);
+**XSS Prevention**:
+```javascript
+escapeHtml(text) {
+    const div = document.createElement('div');
+    div.textContent = text;  // This automatically escapes HTML
+    return div.innerHTML;
+}
+```
 
-   // add to messages
-   appendMessage(reply, "assistant");
+**Why this matters**: If a user types `<script>alert('hack')</script>`, this function ensures it displays as text rather than executing as code.
 
-  })
-})();
+**Error Handling**:
+```javascript
+try {
+    const reply = await this.callAPI(messageText);
+    this.appendMessage(reply, "assistant");
+} catch (error) {
+    // Show user-friendly error instead of breaking the app
+    this.appendMessage("Sorry, I'm having trouble...", "error");
+}
 ```
 
-Here's a breakdown of the code:
+**User Experience Considerations**:
+- **Optimistic UI**: Add user message immediately, don't wait for server response
+- **Loading states**: Disable buttons and show "Sending..." while waiting
+- **Auto-scroll**: Keep newest messages visible
+- **Input validation**: Don't send empty messages
+- **Keyboard shortcuts**: Enter key sends messages (like real chat apps)
 
-1. We get references to all the elements we'll use later in the code.
-2. This section defines a function that uses the built-in `fetch` method to call our backend.
-3. The `appendMessage` function adds both the user's messages and the assistant's responses to the textarea.
-4. We listen for the submit event, read the input field, display the user's message in the textarea, call the API, and render the response in the textarea.
+#### Understanding the Application Flow
 
-Next, let's look at styling. You can get creative here, but here are some suggestions:
+1. **Page loads** → `DOMContentLoaded` event fires → `new ChatApp()` created
+2. **Constructor runs** → Gets DOM element references → Sets up event listeners
+3. **User types message** → Presses Enter or clicks Send → `handleSubmit` runs
+4. **handleSubmit** → Validates input → Shows loading state → Calls API
+5. **API responds** → Add AI message to chat → Re-enable interface
+6. **Ready for next message** → User can continue chatting
 
-**styles.css**
+This architecture is scalable – you could easily add features like message editing, file uploads, or multiple conversation threads without rewriting the core structure.
+
+### 🎯 Pedagogical Check-in: Modern Frontend Architecture
+
+**Architecture Understanding**: You've implemented a complete single-page application using modern JavaScript patterns. This represents professional-level frontend development.
+
+**Key Concepts Mastered**:
+- **ES6 Class Architecture**: Organized, maintainable code structure
+- **Async/Await Patterns**: Modern asynchronous programming
+- **Event-Driven Programming**: Responsive user interface design
+- **Security Best Practices**: XSS prevention and input validation
+
+**Industry Connection**: The patterns you've learned (class-based architecture, async operations, DOM manipulation) are the foundation of modern frameworks like React, Vue, and Angular. You're building with the same architectural thinking used in production applications.
+
+**Reflection Question**: How would you extend this chat application to handle multiple conversations or user authentication? Consider the architectural changes needed and how the class structure would evolve.
+
+### Styling Your Chat Interface
+
+Now let's create a modern, visually appealing chat interface with CSS. Good styling makes your application feel professional and improves the overall user experience. We'll use modern CSS features like Flexbox, CSS Grid, and custom properties for a responsive, accessible design.
+
+Create `styles.css` with these comprehensive styles:
+
+```css
+/* styles.css - Modern chat interface styling */
+
+:root {
+    --primary-color: #2563eb;
+    --secondary-color: #f1f5f9;
+    --user-color: #3b82f6;
+    --assistant-color: #6b7280;
+    --error-color: #ef4444;
+    --text-primary: #1e293b;
+    --text-secondary: #64748b;
+    --border-radius: 12px;
+    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+}
+
+.chat-container {
+    width: 100%;
+    max-width: 800px;
+    height: 600px;
+    background: white;
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.chat-header {
+    background: var(--primary-color);
+    color: white;
+    padding: 20px;
+    text-align: center;
+}
+
+.chat-header h1 {
+    font-size: 1.5rem;
+    margin-bottom: 5px;
+}
+
+.chat-header p {
+    opacity: 0.9;
+    font-size: 0.9rem;
+}
+
+.chat-messages {
+    flex: 1;
+    padding: 20px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    background: var(--secondary-color);
+}
 
-```
 .message {
-    background: #222;
-    box-shadow: 0 0 0 10px orange;
-    padding: 10px:
-    margin: 5px;
+    display: flex;
+    max-width: 80%;
+    animation: slideIn 0.3s ease-out;
 }
 
 .message.user {
-    background: blue;
+    align-self: flex-end;
+}
+
+.message.user .message-content {
+    background: var(--user-color);
+    color: white;
+    border-radius: var(--border-radius) var(--border-radius) 4px var(--border-radius);
 }
 
 .message.assistant {
-    background: grey;
-} 
+    align-self: flex-start;
+}
+
+.message.assistant .message-content {
+    background: white;
+    color: var(--text-primary);
+    border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 4px;
+    border: 1px solid #e2e8f0;
+}
+
+.message.error .message-content {
+    background: var(--error-color);
+    color: white;
+    border-radius: var(--border-radius);
+}
+
+.message-content {
+    padding: 12px 16px;
+    box-shadow: var(--shadow);
+    position: relative;
+}
+
+.message-text {
+    display: block;
+    line-height: 1.5;
+    word-wrap: break-word;
+}
+
+.message-time {
+    display: block;
+    font-size: 0.75rem;
+    opacity: 0.7;
+    margin-top: 5px;
+}
+
+.chat-form {
+    padding: 20px;
+    border-top: 1px solid #e2e8f0;
+    background: white;
+}
+
+.input-group {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+#messageInput {
+    flex: 1;
+    padding: 12px 16px;
+    border: 2px solid #e2e8f0;
+    border-radius: var(--border-radius);
+    font-size: 1rem;
+    outline: none;
+    transition: border-color 0.2s ease;
+}
+
+#messageInput:focus {
+    border-color: var(--primary-color);
+}
+
+#messageInput:disabled {
+    background: #f8fafc;
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+
+#sendBtn {
+    padding: 12px 24px;
+    background: var(--primary-color);
+    color: white;
+    border: none;
+    border-radius: var(--border-radius);
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+    min-width: 80px;
+}
+
+#sendBtn:hover:not(:disabled) {
+    background: #1d4ed8;
+}
+
+#sendBtn:disabled {
+    background: #94a3b8;
+    cursor: not-allowed;
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Responsive design for mobile devices */
+@media (max-width: 768px) {
+    body {
+        padding: 10px;
+    }
+    
+    .chat-container {
+        height: calc(100vh - 20px);
+        border-radius: 8px;
+    }
+    
+    .message {
+        max-width: 90%;
+    }
+    
+    .input-group {
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    #messageInput {
+        width: 100%;
+    }
+    
+    #sendBtn {
+        width: 100%;
+    }
+}
+
+/* Accessibility improvements */
+@media (prefers-reduced-motion: reduce) {
+    .message {
+        animation: none;
+    }
+    
+    * {
+        transition: none !important;
+    }
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+    .chat-container {
+        background: #1e293b;
+        color: #f1f5f9;
+    }
+    
+    .chat-messages {
+        background: #0f172a;
+    }
+    
+    .message.assistant .message-content {
+        background: #334155;
+        color: #f1f5f9;
+        border-color: #475569;
+    }
+    
+    .chat-form {
+        background: #1e293b;
+        border-color: #475569;
+    }
+    
+    #messageInput {
+        background: #334155;
+        color: #f1f5f9;
+        border-color: #475569;
+    }
+}
+```
+
+**Understanding the CSS architecture:**
+- **Uses** CSS custom properties (variables) for consistent theming and easy maintenance
+- **Implements** Flexbox layout for responsive design and proper alignment
+- **Includes** smooth animations for message appearance without being distracting
+- **Provides** visual distinction between user messages, AI responses, and error states
+- **Supports** responsive design that works on both desktop and mobile devices
+- **Considers** accessibility with reduced motion preferences and proper contrast ratios
+- **Offers** dark mode support based on user's system preferences
+
+### Configuring Your Backend URL
+
+The final step is updating the `BASE_URL` in your JavaScript to match your backend server:
+
+```javascript
+// For local development
+this.BASE_URL = "http://localhost:5000";
+
+// For GitHub Codespaces (replace with your actual URL)
+this.BASE_URL = "https://your-codespace-name-5000.app.github.dev";
+```
+
+**Determining your backend URL:**
+- **Local development**: Use `http://localhost:5000` if running both frontend and backend locally
+- **Codespaces**: Find your backend URL in the Ports tab after making port 5000 public
+- **Production**: Replace with your actual domain when deploying to a hosting service
+
+> 💡 **Testing Tip**: You can test your backend directly by visiting the root URL in your browser. You should see the welcome message from your FastAPI server.
+
+
+
+## Testing and Deployment
+
+Now that you have both frontend and backend components built, let's test everything works together and explore deployment options for sharing your chat assistant with others.
+
+### Local Testing Workflow
+
+Follow these steps to test your complete application:
+
+```mermaid
+graph TD
+    A[Start Backend Server] --> B[Configure Environment Variables]
+    B --> C[Test API Endpoints]
+    C --> D[Open Frontend in Browser]
+    D --> E[Test Chat Functionality]
+    E --> F[Debug Any Issues]
+```
+**Step-by-step testing process:**
+
+1. **Start your backend server**:
+   ```bash
+   cd backend
+   source venv/bin/activate  # or venv\Scripts\activate on Windows
+   python api.py
+   ```
+
+2. **Verify the API is working**:
+   - Open `http://localhost:5000` in your browser
+   - You should see the welcome message from your FastAPI server
+
+3. **Open your frontend**:
+   - Navigate to your frontend directory
+   - Open `index.html` in your web browser
+   - Or use VS Code's Live Server extension for better development experience
+
+4. **Test the chat functionality**:
+   - Type a message in the input field
+   - Click "Send" or press Enter
+   - Verify the AI responds appropriately
+   - Check browser console for any JavaScript errors
+
+### Troubleshooting Common Issues
+
+| Problem | Symptoms | Solution |
+|---------|----------|----------|
+| **CORS Error** | Frontend can't reach backend | Ensure FastAPI CORSMiddleware is properly configured |
+| **API Key Error** | 401 Unauthorized responses | Check your `GITHUB_TOKEN` environment variable |
+| **Connection Refused** | Network errors in frontend | Verify backend URL and that Flask server is running |
+| **No AI Response** | Empty or error responses | Check backend logs for API quota or authentication issues |
+
+**Common debugging steps:**
+- **Checks** browser Developer Tools Console for JavaScript errors
+- **Verifies** Network tab shows successful API requests and responses
+- **Reviews** backend terminal output for Python errors or API issues
+- **Confirms** environment variables are properly loaded and accessible
+
+## 📈 Your AI Application Development Mastery Timeline
+
+```mermaid
+timeline
+    title Complete AI Application Development Journey
+    
+    section AI Foundations
+        Understanding Generative AI
+            : Grasp pattern recognition concepts
+            : Master AI parameter control
+            : Learn prompt engineering techniques
+        
+        GitHub Models Integration
+            : Navigate AI service platforms
+            : Handle authentication securely
+            : Optimize model parameters
+    
+    section Backend Development
+        Python API Architecture
+            : Build FastAPI applications
+            : Implement async operations
+            : Create secure endpoints
+        
+        AI Service Integration
+            : Connect to external AI APIs
+            : Handle rate limiting
+            : Implement error boundaries
+    
+    section Frontend Mastery
+        Modern JavaScript Patterns
+            : Master ES6 class architecture
+            : Implement async/await flows
+            : Build responsive interfaces
+        
+        Real-time User Experience
+            : Create dynamic chat interfaces
+            : Handle loading states
+            : Optimize user interactions
+    
+    section Production Readiness
+        Security & Performance
+            : Implement secure token management
+            : Prevent XSS vulnerabilities
+            : Optimize API performance
+        
+        Professional Deployment
+            : Build scalable architectures
+            : Create maintainable code
+            : Document development processes
 ```
+**🎓 Graduation Milestone**: You've successfully built a complete AI-powered application using the same technologies and architectural patterns that power modern AI assistants. These skills represent the intersection of traditional web development and cutting-edge AI integration.
+
+**🔄 Next Level Capabilities**:
+- Ready to explore advanced AI frameworks (LangChain, LangGraph)
+- Prepared to build multi-modal AI applications (text, image, voice)
+- Equipped to implement vector databases and retrieval systems
+- Foundation set for machine learning and AI model fine-tuning
+
+## GitHub Copilot Agent Challenge 🚀
 
-These three classes style messages differently depending on whether they come from the assistant or the user. For inspiration, check out the `solution/frontend/styles.css` folder.
+Use the Agent mode to complete the following challenge:
 
-### Changing the Base URL
+**Description:** Enhance the chat assistant by adding conversation history and message persistence. This challenge will help you understand how to manage state in chat applications and implement data storage for better user experience.
 
-One thing we haven't set yet is the `BASE_URL`. This depends on where your backend is running. To set it:
+**Prompt:** Modify the chat application to include conversation history that persists between sessions. Add functionality to save chat messages to local storage, display conversation history when the page loads, and include a "Clear History" button. Also implement typing indicators and message timestamps to make the chat experience more realistic.
 
-- If you're running the API locally, it should be something like `http://localhost:5000`.
-- If you're using Codespaces, it will look something like "[name]app.github.dev".
+Learn more about [agent mode](https://code.visualstudio.com/blogs/2025/02/24/introducing-copilot-agent-mode) here.
 
-## Assignment
+## Assignment: Build Your Personal AI Assistant
 
-Create your own folder named *project* with the following structure:
+Now you'll create your own AI assistant implementation. Rather than simply replicating the tutorial code, this is an opportunity to apply the concepts while building something that reflects your own interests and use cases.
+
+### Project Requirements
+
+Let's set up your project with a clean, organized structure:
 
 ```text
-project/
-  frontend/
-    index.html
-    app.js
-    styles.css
-  backend/
-    ...
+my-ai-assistant/
+├── backend/
+│   ├── api.py          # Your FastAPI server
+│   ├── llm.py          # AI integration functions
+│   ├── .env            # Your secrets (keep this safe!)
+│   └── requirements.txt # Python dependencies
+├── frontend/
+│   ├── index.html      # Your chat interface
+│   ├── app.js          # The JavaScript magic
+│   └── styles.css      # Make it look amazing
+└── README.md           # Tell the world about your creation
 ```
 
-Copy the content from the instructions above, but feel free to customize it to your liking.
+### Core Implementation Tasks
+
+**Backend Development:**
+- **Take** our FastAPI code and make it your own
+- **Create** a unique AI personality – maybe a helpful cooking assistant, a creative writing partner, or a study buddy?
+- **Add** solid error handling so your app doesn't break when things go wrong
+- **Write** clear documentation for anyone who wants to understand how your API works
+
+**Frontend Development:**
+- **Build** a chat interface that feels intuitive and welcoming
+- **Write** clean, modern JavaScript that you'd be proud to show other developers
+- **Design** custom styling that reflects your AI's personality – fun and colorful? Clean and minimal? Totally up to you!
+- **Make sure** it works great on both phones and computers
+
+**Personalization Requirements:**
+- **Choose** a unique name and personality for your AI assistant – maybe something that reflects your interests or the problems you want to solve
+- **Customize** the visual design to match your assistant's vibe
+- **Write** a compelling welcome message that makes people want to start chatting
+- **Test** your assistant with different types of questions to see how it responds
+
+### Enhancement Ideas (Optional)
+
+Want to take your project to the next level? Here are some fun ideas to explore:
+
+| Feature | Description | Skills You'll Practice |
+|---------|-------------|------------------------|
+| **Message History** | Remember conversations even after page refresh | Working with localStorage, JSON handling |
+| **Typing Indicators** | Show "AI is typing..." while waiting for responses | CSS animations, async programming |
+| **Message Timestamps** | Show when each message was sent | Date/time formatting, UX design |
+| **Export Chat** | Let users download their conversation | File handling, data export |
+| **Theme Switching** | Light/dark mode toggle | CSS variables, user preferences |
+| **Voice Input** | Add speech-to-text functionality | Web APIs, accessibility |
+
+### Testing and Documentation
+
+**Quality Assurance:**
+- **Test** your application with various input types and edge cases
+- **Verify** responsive design works on different screen sizes
+- **Check** accessibility with keyboard navigation and screen readers
+- **Validate** HTML and CSS for standards compliance
+
+**Documentation Requirements:**
+- **Write** a README.md explaining your project and how to run it
+- **Include** screenshots of your chat interface in action
+- **Document** any unique features or customizations you added
+- **Provide** clear setup instructions for other developers
+
+### Submission Guidelines
+
+**Project Deliverables:**
+1. Complete project folder with all source code
+2. README.md with project description and setup instructions
+3. Screenshots demonstrating your chat assistant in action
+4. Brief reflection on what you learned and what challenges you faced
+
+**Evaluation Criteria:**
+- **Functionality**: Does the chat assistant work as expected?
+- **Code Quality**: Is the code well-organized, commented, and maintainable?
+- **Design**: Is the interface visually appealing and user-friendly?
+- **Creativity**: How unique and personalized is your implementation?
+- **Documentation**: Are setup instructions clear and complete?
+
+> 💡 **Success Tip**: Start with the basic requirements first, then add enhancements once everything is working. Focus on creating a polished core experience before adding advanced features.
 
 ## Solution
 
 [Solution](./solution/README.md)
 
-## Bonus
+## Bonus Challenges
 
-Try changing the personality of the AI assistant.
+Ready to take your AI assistant to the next level? Try these advanced challenges that will deepen your understanding of AI integration and web development.
 
-### For Python
+### Personality Customization
 
-When calling `call_llm` in *api.py*, you can modify the second argument to customize the assistant's behavior. For example:
+The real magic happens when you give your AI assistant a unique personality. Experiment with different system prompts to create specialized assistants:
 
+**Professional Assistant Example:**
 ```python
-call_llm(message, "You are Captain Picard")
+call_llm(message, "You are a professional business consultant with 20 years of experience. Provide structured, actionable advice with specific steps and considerations.")
 ```
 
-### Frontend
+**Creative Writing Helper Example:**
+```python
+call_llm(message, "You are an enthusiastic creative writing coach. Help users develop their storytelling skills with imaginative prompts and constructive feedback.")
+```
+
+**Technical Mentor Example:**
+```python
+call_llm(message, "You are a patient senior developer who explains complex programming concepts using simple analogies and practical examples.")
+```
+
+### Frontend Enhancements
+
+Transform your chat interface with these visual and functional improvements:
+
+**Advanced CSS Features:**
+- **Implement** smooth message animations and transitions
+- **Add** custom chat bubble designs with CSS shapes and gradients
+- **Create** a typing indicator animation for when the AI is "thinking"
+- **Design** emoji reactions or message rating system
+
+**JavaScript Enhancements:**
+- **Add** keyboard shortcuts (Ctrl+Enter for send, Escape to clear input)
+- **Implement** message search and filtering functionality
+- **Create** conversation export feature (download as text or JSON)
+- **Add** auto-save to localStorage to prevent message loss
+
+### Advanced AI Integration
+
+**Multiple AI Personalities:**
+- **Create** a dropdown to switch between different AI personalities
+- **Save** user's preferred personality in localStorage
+- **Implement** context switching that maintains conversation flow
+
+**Smart Response Features:**
+- **Add** conversation context awareness (AI remembers previous messages)
+- **Implement** smart suggestions based on conversation topic
+- **Create** quick reply buttons for common questions
+
+> 🎯 **Learning Goal**: These bonus challenges help you understand advanced web development patterns and AI integration techniques that are used in production applications.
+
+## Summary and Next Steps
+Congratulations! You've successfully built a complete AI-powered chat assistant from scratch. This project has given you hands-on experience with modern web development technologies and AI integration – skills that are increasingly valuable in today's tech landscape.
+
+### What You've Accomplished
+
+Throughout this lesson, you've mastered several key technologies and concepts:
+
+**Backend Development:**
+- **Integrated** with GitHub Models API for AI functionality
+- **Built** a RESTful API using Flask with proper error handling
+- **Implemented** secure authentication using environment variables
+- **Configured** CORS for cross-origin requests between frontend and backend
+
+**Frontend Development:**
+- **Created** a responsive chat interface using semantic HTML
+- **Implemented** modern JavaScript with async/await and class-based architecture
+- **Designed** an engaging user interface with CSS Grid, Flexbox, and animations
+- **Added** accessibility features and responsive design principles
+
+**Full-Stack Integration:**
+- **Connected** frontend and backend through HTTP API calls
+- **Handled** real-time user interactions and asynchronous data flow
+- **Implemented** error handling and user feedback throughout the application
+- **Tested** the complete application workflow from user input to AI response
+
+### Key Learning Outcomes
+
+```mermaid
+mindmap
+  root((AI Chat App Skills))
+    API Integration
+      Authentication
+      Error Handling
+      Async Programming
+    Web Development
+      HTML5 Semantics
+      Modern CSS
+      ES6+ JavaScript
+    User Experience
+      Responsive Design
+      Accessibility
+      Real-time Interaction
+    AI Understanding
+      Prompt Engineering
+      Model Parameters
+      Conversation Flow
+```
+This project has introduced you to the fundamentals of building AI-powered applications, which represents the future of web development. You now understand how to integrate AI capabilities into traditional web applications, creating engaging user experiences that feel intelligent and responsive.
+
+### Professional Applications
+
+The skills you've developed in this lesson are directly applicable to modern software development careers:
+
+- **Full-stack web development** using modern frameworks and APIs
+- **AI integration** in web applications and mobile apps
+- **API design and development** for microservices architectures
+- **User interface development** with focus on accessibility and responsive design
+- **DevOps practices** including environment configuration and deployment
+
+### Continuing Your AI Development Journey
+
+**Next Learning Steps:**
+- **Explore** more advanced AI models and APIs (GPT-4, Claude, Gemini)
+- **Learn** about prompt engineering techniques for better AI responses
+- **Study** conversation design and chatbot user experience principles
+- **Investigate** AI safety, ethics, and responsible AI development practices
+- **Build** more complex applications with conversation memory and context awareness
+
+**Advanced Project Ideas:**
+- Multi-user chat rooms with AI moderation
+- AI-powered customer service chatbots
+- Educational tutoring assistants with personalized learning
+- Creative writing collaborators with different AI personalities
+- Technical documentation assistants for developers
+
+## Getting Started with GitHub Codespaces
 
-You can also customize the CSS and text to your liking by editing *index.html* and *styles.css*.
+Want to try this project in a cloud development environment? GitHub Codespaces provides a complete development setup in your browser, perfect for experimenting with AI applications without local setup requirements.
 
-## Summary
+### Setting Up Your Development Environment
 
-Congratulations! You've learned how to create a personal assistant using AI from scratch. We accomplished this using GitHub Models, a Python backend, and a frontend built with HTML, CSS, and JavaScript.
+**Step 1: Create from Template**
+- **Navigate** to the [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)
+- **Click** "Use this template" in the top-right corner (ensure you're logged into GitHub)
 
-## Setting Up with Codespaces
+![Create from template interface showing the green "Use this template" button](../../../translated_images/en/template.67ad477109d29a2b.webp)
 
-- Navigate to: [Web Dev For Beginners repo](https://github.com/microsoft/Web-Dev-For-Beginners).
-- Create a new repository from the template (make sure you're logged into GitHub) by clicking the button in the top-right corner:
+**Step 2: Launch Codespaces**
+- **Open** your newly created repository
+- **Click** the green "Code" button and select "Codespaces"
+- **Choose** "Create codespace on main" to start your development environment
 
-    ![Create from template](../../../translated_images/en/template.67ad477109d29a2b04599a83c964c87fcde041256d4f04d3589cbb00c696f76c.png)
+![Create codespace interface with options for launching cloud development environment](../../../translated_images/en/codespace.bcecbdf5d2747d3d.webp)
 
-- Once you're in your repository, create a Codespace:
+**Step 3: Environment Configuration**
+Once your Codespace loads, you'll have access to:
+- **Pre-installed** Python, Node.js, and all necessary development tools
+- **VS Code interface** with extensions for web development
+- **Terminal access** for running backend and frontend servers
+- **Port forwarding** for testing your applications
 
-    ![Create codespace](../../../translated_images/en/codespace.bcecbdf5d2747d3d17da67a78ad911c8853d68102e34748ec372cde1e9236e1d.png)
+**What Codespaces provides:**
+- **Eliminates** local environment setup and configuration issues
+- **Provides** consistent development environment across different devices
+- **Includes** pre-configured tools and extensions for web development
+- **Offers** seamless integration with GitHub for version control and collaboration
 
-    This will launch an environment where you can start working.
+> 🚀 **Pro Tip**: Codespaces is perfect for learning and prototyping AI applications since it handles all the complex environment setup automatically, letting you focus on building and learning rather than configuration troubleshooting.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/9-chat-project/solution/README.md b/translations/en/9-chat-project/solution/README.md
index 9bf5b083b..8a3509b59 100644
--- a/translations/en/9-chat-project/solution/README.md
+++ b/translations/en/9-chat-project/solution/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "cb549dcad8eea3221cb89793aeaa3bb3",
-  "translation_date": "2025-09-01T15:17:50+00:00",
-  "source_file": "9-chat-project/solution/README.md",
-  "language_code": "en"
-}
--->
 # Run solution
 
 1. Start the [backend](./backend/README.md)
diff --git a/translations/en/9-chat-project/solution/backend/README.md b/translations/en/9-chat-project/solution/backend/README.md
index 65bed6487..35b51200c 100644
--- a/translations/en/9-chat-project/solution/backend/README.md
+++ b/translations/en/9-chat-project/solution/backend/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af",
-  "translation_date": "2025-09-01T15:41:51+00:00",
-  "source_file": "9-chat-project/solution/backend/README.md",
-  "language_code": "en"
-}
--->
 Choose your runtime
 
 - [Python](./python/README.md)
diff --git a/translations/en/9-chat-project/solution/backend/python/README.md b/translations/en/9-chat-project/solution/backend/python/README.md
index 49021cb2d..a0529fae0 100644
--- a/translations/en/9-chat-project/solution/backend/python/README.md
+++ b/translations/en/9-chat-project/solution/backend/python/README.md
@@ -1,17 +1,8 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "537f02a36d73db093cbb8b9b44867645",
-  "translation_date": "2025-09-01T15:45:19+00:00",
-  "source_file": "9-chat-project/solution/backend/python/README.md",
-  "language_code": "en"
-}
--->
 # Run code
 
 ## Set up
 
-Create a virtual environment
+Create virtual environment
 
 ```sh
 python -m venv venv
@@ -21,34 +12,44 @@ source ./venv/bin/activate
 ## Install dependencies
 
 ```sh
-pip install openai flask flask-cors 
+pip install openai fastapi uvicorn python-dotenv
 ```
 
 ## Run API
 
 ```sh
+# Method 1: Direct execution
 python api.py
+
+# Method 2: Using uvicorn
+uvicorn api:app --host 0.0.0.0 --port 5000 --reload
 ```
 
+## Test API
+
+Visit the interactive API documentation at: `http://localhost:5000/docs`
+
 ## Run frontend
 
-Make sure you're in the frontend folder.
+Make sure you stand in the frontend folder
 
-Find *app.js* and update `BASE_URL` to match your backend URL.
+Locate *app.js*, change `BASE_URL` to that of your backend URL
 
-Run the application.
+Run it
 
 ```
 npx http-server -p 8000
 ```
 
-Try typing a message in the chat; you should see a response (as long as you're running this in a Codespace or have set up an access token).
+Try typing a message in the chat, you should see a response (providing you're running this in a Codespace or have set up a access token).
 
-## Set up access token (if you're not running this in a Codespace)
+## Set up access token (if you don't run this in a Codespace)
 
-Refer to [Set up PAT](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens)
+See [Set up PAT](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens)
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/9-chat-project/solution/frontend/README.md b/translations/en/9-chat-project/solution/frontend/README.md
index 00f935586..085693a44 100644
--- a/translations/en/9-chat-project/solution/frontend/README.md
+++ b/translations/en/9-chat-project/solution/frontend/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "7746a470be8fc7f736eb1b43ebb710ee",
-  "translation_date": "2025-09-01T15:50:34+00:00",
-  "source_file": "9-chat-project/solution/frontend/README.md",
-  "language_code": "en"
-}
--->
 # Run the code
 
 ```sh
diff --git a/translations/en/AGENTS.md b/translations/en/AGENTS.md
index 7e4da4860..e1ffbd0a7 100644
--- a/translations/en/AGENTS.md
+++ b/translations/en/AGENTS.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-  "translation_date": "2025-10-03T11:11:50+00:00",
-  "source_file": "AGENTS.md",
-  "language_code": "en"
-}
--->
 # AGENTS.md
 
 ## Project Overview
diff --git a/translations/en/CODE_OF_CONDUCT.md b/translations/en/CODE_OF_CONDUCT.md
index 05454417f..f4c256383 100644
--- a/translations/en/CODE_OF_CONDUCT.md
+++ b/translations/en/CODE_OF_CONDUCT.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b0a9b4cccd918195f58224d5793da1a6",
-  "translation_date": "2025-08-28T11:13:41+00:00",
-  "source_file": "CODE_OF_CONDUCT.md",
-  "language_code": "en"
-}
--->
 # Microsoft Open Source Code of Conduct
 
 This project follows the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/?WT.mc_id=academic-77807-sagibbon).
diff --git a/translations/en/CONTRIBUTING.md b/translations/en/CONTRIBUTING.md
index f67cd9a2c..700caa94b 100644
--- a/translations/en/CONTRIBUTING.md
+++ b/translations/en/CONTRIBUTING.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "777400e9f0336c7ee2f9a1200a88478f",
-  "translation_date": "2025-08-28T11:12:28+00:00",
-  "source_file": "CONTRIBUTING.md",
-  "language_code": "en"
-}
--->
 # Contributing
 
 This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA), which confirms that you have the rights to your contribution and that you grant us permission to use it. For more details, visit [https://cla.microsoft.com](https://cla.microsoft.com/?WT.mc_id=academic-77807-sagibbon).
diff --git a/translations/en/Git-Basics/README.md b/translations/en/Git-Basics/README.md
index 63e867809..54aa73a53 100644
--- a/translations/en/Git-Basics/README.md
+++ b/translations/en/Git-Basics/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a",
-  "translation_date": "2025-10-03T15:43:56+00:00",
-  "source_file": "Git-Basics/README.md",
-  "language_code": "en"
-}
--->
 ## Basics of GIT for web-dev beginners👶
 
 ## What is `Git`?
diff --git a/translations/en/README.md b/translations/en/README.md
index b8b85f146..7021d1c3a 100644
--- a/translations/en/README.md
+++ b/translations/en/README.md
@@ -1,112 +1,129 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "caf2ca695e9d259153d24a5cf3e07ef5",
-  "translation_date": "2025-10-11T10:40:38+00:00",
-  "source_file": "README.md",
-  "language_code": "en"
-}
--->
 [![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)
+[![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/)
 [![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/)
 
-[![](https://dcbadge.vercel.app/api/server/ByRwuEEgH4)](https://discord.gg/zxKYvhSnVp?WT.mc_id=academic-000002-leestott)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 # Web Development for Beginners - A Curriculum
 
-Learn the basics of web development with this 12-week comprehensive course created by Microsoft Cloud Advocates. The 24 lessons cover JavaScript, CSS, and HTML through engaging projects like terrariums, browser extensions, and space games. Participate in quizzes, discussions, and hands-on assignments to solidify your understanding. This project-based approach ensures effective learning and retention. Start your coding journey today!
+Learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dives into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today!
 
 Join the Azure AI Foundry Discord Community
 
-[![Microsoft Azure AI Foundry Discord](https://dcbadge.limes.pink/api/server/ByRwuEEgH4)](https://discord.com/invite/ByRwuEEgH4)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Follow these steps to begin using these resources:
+Follow these steps to get started using these resources:
 1. **Fork the Repository**: Click [![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. **Clone the Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Join The Azure AI Foundry Discord and connect with experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Join The Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Multi-Language Support
 
 #### Supported via GitHub Action (Automated & Always Up-to-Date)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh/README.md) | [Chinese (Traditional, Hong Kong)](../hk/README.md) | [Chinese (Traditional, Macau)](../mo/README.md) | [Chinese (Traditional, Taiwan)](../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) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../br/README.md) | [Portuguese (Portugal)](../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) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../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)
+
+> **Prefer to Clone Locally?**
+>
+> This repository includes 50+ language translations which significantly increases the download size. To clone without translations, use 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"
+> ```
+>
+> This gives you everything you need to complete the course with a much faster download.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**If you'd like additional translations, supported languages are listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**If you wish to have additional translations languages supported are listed [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)
 
 #### 🧑‍🎓 _Are you a student?_
 
-Check out the [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) for beginner resources, student packs, and even opportunities to earn free certification vouchers. Bookmark this page and revisit it regularly as new content is added monthly.
+Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly.
 
-### 📣 Announcement - _New Project to Build Using Generative AI_
+### 📣 Announcement - New GitHub Copilot Agent mode challenges to complete!
 
-A new AI Assistant project has been added—check it out [here](./09-chat-project/README.md).
+New Challenge added, look for "GitHub Copilot Agent Challenge 🚀" in most chapters. That's a new challenge for you to complete using GitHub Copilot and Agent mode. If you haven't used Agent mode before it's capable of not just generating text but can also create and edit files, run commands and more.
 
-### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript Released
+### 📣 Announcement - _New Project to build using Generative AI_ 
 
-Explore our new Generative AI curriculum!
+New AI Assistant project just added, check it out [project](./9-chat-project/README.md)
+
+### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript was just released
+
+Don't miss our new Generative AI curriculum!
 
 Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to get started!
 
-![Background](../../translated_images/en/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.png)
+![Background](../../translated_images/en/background.148a8d43afde5730.webp)
 
-- Lessons covering everything from the basics to Retrieval-Augmented Generation (RAG).
+- Lessons covering everything from basics to RAG.
 - Interact with historical characters using GenAI and our companion app.
-- A fun and engaging narrative—you'll be traveling through time!
+- Fun and engaging narrative, you'll be time traveling!
+
+![character](../../translated_images/en/character.5c0dd8e067ffd693.webp)
 
-![character](../../translated_images/en/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.png)
 
-Each lesson includes assignments, knowledge checks, and challenges to help you learn topics like:
+Each lesson includes an assignment to complete, a knowledge check and a challenge to guide you on learning topics like:
 - Prompting and prompt engineering
-- Generating text and images
-- Building search applications
+- Text and image app generation
+- Search apps
 
 Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to get started!
 
+
+
 ## 🌱 Getting Started
 
-> **Teachers**, we've [included some suggestions](for-teachers.md) on how to use this curriculum. Share your feedback [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Teachers**, we have [included some suggestions](for-teachers.md) on how to use this curriculum. We'd love your feedback [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for each lesson, start with a pre-lecture quiz, read the lecture material, complete the activities, and test your understanding with the post-lecture quiz.
+**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for each lesson, start with a pre-lecture quiz and follow through with reading the lecture material, completing the various activities and check your understanding with the post-lecture quiz.
 
-Enhance your learning experience by collaborating with peers on projects! Join discussions in our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), where moderators are available to answer your questions.
+To enhance your learning experience, connect with your peers to work on the projects together! Discussions are encouraged in our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our team of moderators will be available to answer your questions.
 
-For further learning, explore [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for additional study materials.
+To further your education, we highly recommend exploring [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for additional study materials.
 
-### 📋 Setting Up Your Environment
+### 📋 Setting up your environment
 
-This curriculum comes with a ready-to-use development environment! You can choose to run it in a [Codespace](https://github.com/features/codespaces/) (_a browser-based environment requiring no installations_) or locally on your computer using a text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+This curriculum has a development environment ready to go! As you get started you can choose to run the curriculum in a [Codespace](https://github.com/features/codespaces/) (_a browser-based, no installs needed environment_), or locally on your computer using a text editor such as [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Create Your Repository
-To save your work, create your own copy of this repository. Click the **Use this template** button at the top of the page to create a new repository in your GitHub account with a copy of the curriculum.
+#### Create your repository
+For you to easily save your work, it is recommended that you create your own copy of this repository. You can do this by clicking the **Use this template** button at the top of the page. This will create a new repository in your GitHub account with a copy of the curriculum.
 
 Follow these steps:
-1. **Fork the Repository**: Click the "Fork" button at the top-right corner of this page.
+1. **Fork the Repository**: Click on the "Fork" button at the top-right corner of this page.
 2. **Clone the Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Running the Curriculum in a Codespace
+#### Running the curriculum in a Codespace
 
-In your copy of this repository, click the **Code** button and select **Open with Codespaces**. This will create a new Codespace for you to work in.
+In your copy of this repository that you created, click the **Code** button and select **Open with Codespaces**. This will create a new Codespace for you to work in.
 
-![Codespace](../../translated_images/en/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.png)
+![Codespace](../../translated_images/en/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Running the Curriculum Locally on Your Computer
+#### Running the curriculum locally on your computer
 
-To run this curriculum locally, you'll need a text editor, a browser, and a command-line tool. The first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), will guide you through various options for these tools so you can choose what works best for you.
+To run this curriculum locally on your computer, you will need a text editor, a browser and a command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), will walk you through various options for each of these tools for you to select what works best for you.
 
-We recommend using [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor, which includes a built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You can download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-1. Clone your repository to your computer. Click the **Code** button and copy the URL:
+Our recommendation is to use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor, which also has a built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You can download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clone your repository to your computer. You can do this by clicking the **Code** button and copying the URL:
 
     [CodeSpace](./images/createcodespace.png)
 
@@ -116,121 +133,148 @@ We recommend using [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=
     git clone <your-repository-url>
     ```
 
-2. Open the folder in Visual Studio Code. Click **File** > **Open Folder** and select the folder you just cloned.
+2. Open the folder in Visual Studio Code. You can do this by clicking **File** > **Open Folder** and selecting the folder you just cloned.
+
 
-> Recommended Visual Studio Code extensions:
+>  Recommended Visual Studio Code extensions:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages within Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code faster
 
-## 📂 Each Lesson Includes:
-
-- Optional sketchnote
-- Optional supplemental video
-- Pre-lesson warmup quiz
-- written lesson  
-- for project-based lessons, step-by-step guides on how to build the project  
-- knowledge checks  
-- a challenge  
-- supplemental reading  
-- assignment  
-- [post-lesson quiz](https://ff-quizzes.netlify.app/web/)  
-
-> **A note about quizzes**: All quizzes are contained in the Quiz-app folder, 48 total quizzes of three questions each. They are available [here](https://ff-quizzes.netlify.app/web/). The quiz app can be run locally or deployed to Azure; follow the instructions in the `quiz-app` folder.  
-
-## 🗃️ Lessons  
-
-|     |                       Project Name                       |                            Concepts Taught                             | Learning Objectives                                                                                                                 |                                                         Linked Lesson                                                          |         Author          |  
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |  
-| 01  |                     Getting Started                      |           Introduction to Programming and Tools of the Trade           | Learn the basic foundations behind most programming languages and about software that helps professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |  
-| 02  |                     Getting Started                      |             Basics of GitHub, includes working with a team             | How to use GitHub in your project, how to collaborate with others on a code base                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |  
-| 03  |                     Getting Started                      |                             Accessibility                              | Learn the basics of web accessibility                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |  
-| 04  |                        JS Basics                         |                         JavaScript Data Types                          | The basics of JavaScript data types                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |  
-| 05  |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage an application's logic flow                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |  
-| 06  |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create conditions in your code using decision-making methods                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |  
-| 07  |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |  
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build the HTML to create an online terrarium, focusing on building a layout                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |  
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |  
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |  
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |  
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |  
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |  
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |  
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |  
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about the Canvas API, used to draw elements to a screen                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |  
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Moving elements around the screen                    | Discover how elements can gain motion using the cartesian coordinates and the Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |  
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |  
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |  
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ending and restarting the game                     | Learn about ending and restarting the game, including cleaning up assets and resetting variable values                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |  
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML Templates and Routes in a Web App                 | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |  
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Build a Login and Registration Form                   | Learn about building forms and handling validation routines                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |  
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data flows in and out of your app, how to fetch it, store it, and dispose of it                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |  
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Concepts of State Management                      | Learn how your app retains state and how to manage it programmatically                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |  
-| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to use a code editor | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |  
-| 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |  
-
-## 🏫 Pedagogy  
-
-Our curriculum is designed with two key pedagogical principles in mind:  
-* project-based learning  
-* frequent quizzes  
-
-The program teaches the fundamentals of JavaScript, HTML, and CSS, as well as the latest tools and techniques used by today's web developers. Students will have the opportunity to develop hands-on experience by building a typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and a banking app for businesses. By the end of the series, students will have gained a solid understanding of web development.  
-
-> 🎓 You can take the first few lessons in this curriculum as a [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) on Microsoft Learn!  
-
-By ensuring that the content aligns with projects, the process is made more engaging for students and retention of concepts will be enhanced. We also wrote several starter lessons in JavaScript basics to introduce concepts, paired with a video from the "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some of whose authors contributed to this curriculum.  
-
-In addition, a low-stakes quiz before a class sets the intention of the student towards learning a topic, while a second quiz after class ensures further retention. This curriculum was designed to be flexible and fun and can be taken in whole or in part. The projects start small and become increasingly complex by the end of the 12-week cycle.  
-
-While we have purposefully avoided introducing JavaScript frameworks to concentrate on the basic skills needed as a web developer before adopting a framework, a good next step to completing this curriculum would be learning about Node.js via another collection of videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".  
-
-> Visit our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback!  
-
-## 🧭 Offline access  
-
-You can run this documentation offline by using [Docsify](https://docsify.js.org/#/). Fork this repo, [install Docsify](https://docsify.js.org/#/quickstart) on your local machine, and then in the root folder of this repo, type `docsify serve`. The website will be served on port 3000 on your localhost: `localhost:3000`.  
-
-## 📘 PDF  
-
-A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).  
-
-## 🎒 Other Courses  
-
-Our team produces other courses! Check out:  
-
-- [MCP for Beginners](https://aka.ms/mcp-for-beginners)  
-- [Edge AI for Beginners](https://aka.ms/edgeai-for-beginners)  
-- [AI Agents for Beginners](https://aka.ms/ai-agents-beginners)  
-- [Generative AI for Beginners .NET](https://github.com/microsoft/Generative-AI-for-beginners-dotnet)  
-- [Generative AI with JavaScript](https://github.com/microsoft/generative-ai-with-javascript)  
-- [Generative AI with Java](https://github.com/microsoft/Generative-AI-for-beginners-java)  
-- [AI for Beginners](https://aka.ms/ai-beginners)  
-- [Data Science for Beginners](https://aka.ms/datascience-beginners)  
-- [ML for Beginners](https://aka.ms/ml-beginners)  
-- [Cybersecurity for Beginners](https://github.com/microsoft/Security-101)  
-- [Web Dev for Beginners](https://aka.ms/webdev-beginners)  
-- [IoT for Beginners](https://aka.ms/iot-beginners)  
-- [XR Development for Beginners](https://github.com/microsoft/xr-development-for-beginners)
-- [Mastering GitHub Copilot for Agentic use](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
-- [Mastering GitHub Copilot for C#/.NET Developers](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers)
-- [Choose Your Own Copilot Adventure](https://github.com/microsoft/CopilotAdventures)
+## 📂 Each lesson includes:
+
+- optional sketchnote
+- optional supplemental video
+- pre-lesson warmup quiz
+- written lesson
+- for project-based lessons, step-by-step guides on how to build the project
+- knowledge checks
+- a challenge
+- supplemental reading
+- assignment
+- [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
+
+> **A note about quizzes**: All quizzes are contained in the Quiz-app folder, 48 total quizzes of three questions each. They are available [here](https://ff-quizzes.netlify.app/web/) the quiz app can be run locally or deployed to Azure; follow the instruction in the `quiz-app` folder.
+
+## 🗃️ Lessons
+
+|     |                       Project Name                       |                            Concepts Taught                             | Learning Objectives                                                                                                                 |                                                         Linked Lesson                                                          |         Author          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                      |           Introduction to Programming and Tools of the Trade           | Learn the basic underpinnings behind most programming languages and about software that helps professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             Basics of GitHub, includes working with a team             | How to use GitHub in your project, how to collaborate with others on a code base                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             Accessibility                              | Learn the basics of web accessibility                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScript Data Types                          | The basics of JavaScript data types                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage an application's logic flow                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create conditions in your code using decision-making methods                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build the HTML to create an online terrarium, focusing on building a layout                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about the Canvas API, used to draw elements to a screen                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Moving elements around the screen                    | Discover how elements can gain motion using the cartesian coordinates and the Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ending and restarting the game                     | Learn about ending and restarting the game, including cleaning up assets and resetting variable values                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML Templates and Routes in a Web App                 | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Build a Login and Registration Form                   | Learn about building forms and handling validation routines                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data flows in and out of your app, how to fetch it, store it, and dispose of it                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Concepts of State Management                      | Learn how your app retains state and how to manage it programmatically                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to Using a code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
+
+## 🏫 Pedagogy
+
+Our curriculum is designed with two key pedagogical principles in mind:
+* project-based learning
+* frequent quizzes
+
+The program teaches the fundamentals of JavaScript, HTML, and CSS, as well as the latest tools and techniques used by today's web developers. Students will have the opportunity to develop hands-on experience by building a typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and a banking app for businesses. By the end of the series, students will have gained a solid understanding of web development.
+
+> 🎓 You can take the first few lessons in this curriculum as a [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) on Microsoft Learn!
+
+By ensuring that the content aligns with projects, the process is made more engaging for students and retention of concepts will be augmented. We also wrote several starter lessons in JavaScript basics to introduce concepts, paired with a video from the "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some of whose authors contributed to this curriculum.
+
+In addition, a low-stakes quiz before a class sets the intention of the student towards learning a topic, while a second quiz after class ensures further retention. This curriculum was designed to be flexible and fun and can be taken in whole or in part. The projects start small and become increasingly complex by the end of the 12-week cycle.
+
+While we have purposefully avoided introducing JavaScript frameworks to concentrate on the basic skills needed as a web developer before adopting a framework, a good next step to completing this curriculum would be learning about Node.js via another collection of videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+
+> Visit our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback!
+
+
+## 🧭 Offline access
+
+You can run this documentation offline by using [Docsify](https://docsify.js.org/#/). Fork this repo, [install Docsify](https://docsify.js.org/#/quickstart) on your local machine, and then in the root folder of this repo, type `docsify serve`. The website will be served on port 3000 on your localhost: `localhost:3000`.
+
+## 📘 PDF
+A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+
+
+## 🎒 Other Courses
+
+Our team produces other courses! Check out:
+
+<!-- CO-OP TRANSLATOR OTHER COURSES START -->
+### 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
+[![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
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+
+---
+ 
+### Copilot Series
+[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
+[![Copilot for 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)
+<!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Getting Help
 
-If you encounter difficulties or have questions about building AI applications, join:
+If you get stuck or have any questions about building AI apps. Join fellow learners and experienced developers in discussions about MCP. It's a supportive community where questions are welcome and knowledge is shared freely.
 
-[![Azure AI Foundry Discord](https://img.shields.io/badge/Discord-Azure_AI_Foundry_Community_Discord-blue?style=for-the-badge&logo=discord&color=5865f2&logoColor=fff)](https://aka.ms/foundry/discord)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-If you have product feedback or experience issues during development, visit:
+If you have product feedback or errors while building visit:
 
-[![Azure AI Foundry Developer Forum](https://img.shields.io/badge/GitHub-Azure_AI_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
+[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
 
 ## License
 
-This repository is licensed under the MIT license. See the [LICENSE](../../LICENSE) file for more details.
+This repository is licensed under the MIT license. See the [LICENSE](../../LICENSE) file for more information.
 
 ---
 
-**Disclaimer**:  
-This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/Roadmap.md b/translations/en/Roadmap.md
new file mode 100644
index 000000000..e534fea91
--- /dev/null
+++ b/translations/en/Roadmap.md
@@ -0,0 +1,53 @@
+# Roadmap for Microsoft's Web-Dev-For-Beginners Repository
+
+**This repository provides a roadmap for learning web development fundamentals with a focus on JavaScript, HTML, and CSS. The curriculum is flexible and can be taken in whole or in part, with 24 lessons spread across 12 weeks.**
+
+## Key Milestones
+
+* **Weeks 1-3:**
+   * Introduction to programming languages and tools of the trade
+   * Basics of GitHub
+   * Accessibility
+   * JS basics: data types, functions and methods
+   * Making decisions with JS
+* **Weeks 4-6:**
+   * Arrays and loops
+   * Terrarium: HTML in practice
+   * CSS in practice
+   * JavaScript closures
+   * DOM manipulation
+* **Weeks 7-9:**
+   * Typing Game: Event-driven programming
+   * Green Browser Extension: Working with browsers
+   * Building a form, calling an API and storing variables in local storage
+   * Background processes in the browser
+   * Web performance
+* **Weeks 10-12:**
+   * Space Game: More advanced game development with JavaScript
+   * Drawing to canvas
+   * Moving elements around the screen
+   * Collision detection
+   * Keeping score, ending and restarting the game
+   * Banking App: HTML Templates and Routes in a Web App
+   * Building a Login and Registration Form
+   * Methods of Fetching and Using Data
+   * Concepts of State Management
+
+## Learning Outcomes
+
+**By completing this roadmap, students will gain hands-on experience building a typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and a banking app for businesses. They will also develop a solid understanding of web development fundamentals.**
+
+## Additional Resources
+
+* This repository provides a wealth of resources for further learning, including tutorials, code examples, and challenges.
+* The Microsoft Learn platform offers a variety of web development courses and learning paths.
+* Online communities like Stack Overflow and the MDN Web Docs provide valuable support and resources for web developers.
+
+**I hope this roadmap helps you on your web development journey!**
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+This document has been translated using the AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). While we strive for accuracy, please be aware that automated translations may contain errors or inaccuracies. The original document in its native language should be considered the authoritative source. For critical information, professional human translation is recommended. We are not liable for any misunderstandings or misinterpretations arising from the use of this translation.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/en/SECURITY.md b/translations/en/SECURITY.md
index 4b731cd03..8234076aa 100644
--- a/translations/en/SECURITY.md
+++ b/translations/en/SECURITY.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228",
-  "translation_date": "2025-08-28T11:12:43+00:00",
-  "source_file": "SECURITY.md",
-  "language_code": "en"
-}
--->
 ## Security
 
 Microsoft prioritizes the security of its software products and services, including all source code repositories managed through our GitHub organizations, such as [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/?WT.mc_id=academic-77807-sagibbon).
diff --git a/translations/en/SUPPORT.md b/translations/en/SUPPORT.md
index bc3802a53..5e180dddf 100644
--- a/translations/en/SUPPORT.md
+++ b/translations/en/SUPPORT.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a",
-  "translation_date": "2025-08-28T11:12:03+00:00",
-  "source_file": "SUPPORT.md",
-  "language_code": "en"
-}
--->
 # Support
 
 ## How to file issues and get help  
diff --git a/translations/en/_404.md b/translations/en/_404.md
index 7c1979e47..34ecfcb6c 100644
--- a/translations/en/_404.md
+++ b/translations/en/_404.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "ea9f0804bd62f46d9808e953ec7fc459",
-  "translation_date": "2025-08-28T11:12:17+00:00",
-  "source_file": "_404.md",
-  "language_code": "en"
-}
--->
 # Under construction
 
 We are currently working on this page. Please visit again later.
diff --git a/translations/en/docs/_navbar.md b/translations/en/docs/_navbar.md
index 2da082b81..0af57386d 100644
--- a/translations/en/docs/_navbar.md
+++ b/translations/en/docs/_navbar.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "3bd2f51ecf4ac9b39277cba748943793",
-  "translation_date": "2025-08-28T11:47:45+00:00",
-  "source_file": "docs/_navbar.md",
-  "language_code": "en"
-}
--->
 - Translations
   - [English (United States)](../../../docs/README)
   - [Bengali](../../../docs/README.bn)
diff --git a/translations/en/docs/_sidebar.md b/translations/en/docs/_sidebar.md
index 0ab0451dd..071ca0a43 100644
--- a/translations/en/docs/_sidebar.md
+++ b/translations/en/docs/_sidebar.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "655c91b5979de46f1d70d97f0c5f1d14",
-  "translation_date": "2025-08-28T11:47:26+00:00",
-  "source_file": "docs/_sidebar.md",
-  "language_code": "en"
-}
--->
 - Introduction
   - [1](../1-getting-started-lessons/1-intro-to-programming-languages/README.md)
   - [2](../1-getting-started-lessons/2-github-basics/README.md)
diff --git a/translations/en/for-teachers.md b/translations/en/for-teachers.md
index 65d11fabb..b2a7d1e5a 100644
--- a/translations/en/for-teachers.md
+++ b/translations/en/for-teachers.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "71009af209f81cc01a1f2d324200375f",
-  "translation_date": "2025-10-03T08:19:51+00:00",
-  "source_file": "for-teachers.md",
-  "language_code": "en"
-}
--->
 ### For Educators
 
 Feel free to use this curriculum in your classroom. It integrates smoothly with GitHub Classroom and popular LMS platforms, and it can also be used as a standalone repository with your students.
@@ -42,10 +33,10 @@ This curriculum includes importable packages for common LMS workflows.
   - Moodle Cloud has limited support for Common Cartridge files. Prefer the Moodle file above, which can also be uploaded into Canvas.
   - After importing, review modules, due dates, and quiz settings to align with your term schedule.
 
-![Moodle](../../translated_images/en/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.png)
+![Moodle](../../translated_images/en/moodle.94eb93d714a50cb2.webp)
 > The curriculum displayed in a Moodle classroom
 
-![Canvas](../../translated_images/en/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.png)
+![Canvas](../../translated_images/en/canvas.fbd605ff8e5b8aff.webp)
 > The curriculum displayed in Canvas
 
 ### Using the Repository Directly (Without GitHub Classroom)
diff --git a/translations/en/lesson-template/README.md b/translations/en/lesson-template/README.md
index 67f2084fe..048a0aeaa 100644
--- a/translations/en/lesson-template/README.md
+++ b/translations/en/lesson-template/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "0494be70ad7fadd13a8c3d549c23e355",
-  "translation_date": "2025-08-28T11:48:01+00:00",
-  "source_file": "lesson-template/README.md",
-  "language_code": "en"
-}
--->
 # [Lesson Topic]
 
 ![Embed a video here](../../../lesson-template/video-url)
diff --git a/translations/en/lesson-template/assignment.md b/translations/en/lesson-template/assignment.md
index 2f93df362..e58aebf3f 100644
--- a/translations/en/lesson-template/assignment.md
+++ b/translations/en/lesson-template/assignment.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130",
-  "translation_date": "2025-08-28T11:48:16+00:00",
-  "source_file": "lesson-template/assignment.md",
-  "language_code": "en"
-}
--->
 # [Assignment Name]
 
 ## Instructions
diff --git a/translations/en/memory-game/README.md b/translations/en/memory-game/README.md
index bb6156575..150b8dbe2 100644
--- a/translations/en/memory-game/README.md
+++ b/translations/en/memory-game/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7",
-  "translation_date": "2025-10-03T11:52:55+00:00",
-  "source_file": "memory-game/README.md",
-  "language_code": "en"
-}
--->
 This is a [Next.js](https://nextjs.org) project created using [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 ## Getting Started
diff --git a/translations/en/quiz-app/README.md b/translations/en/quiz-app/README.md
index f3b7743ba..605cae433 100644
--- a/translations/en/quiz-app/README.md
+++ b/translations/en/quiz-app/README.md
@@ -1,12 +1,3 @@
-<!--
-CO_OP_TRANSLATOR_METADATA:
-{
-  "original_hash": "5301875c55bb305e6046bed3a4fd06d2",
-  "translation_date": "2025-08-28T11:53:58+00:00",
-  "source_file": "quiz-app/README.md",
-  "language_code": "en"
-}
--->
 # Quiz app
 
 These quizzes are the pre- and post-lecture quizzes for the data science curriculum at https://aka.ms/webdev-beginners
diff --git a/translations/es/.co-op-translator.json b/translations/es/.co-op-translator.json
index 9c1d48e61..481c04784 100644
--- a/translations/es/.co-op-translator.json
+++ b/translations/es/.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-06T08:08:39+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T11:48:59+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "es"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:45:13+00:00",
+    "translation_date": "2026-03-06T11:56:32+00:00",
     "source_file": "AGENTS.md",
     "language_code": "es"
   },
@@ -516,8 +516,8 @@
     "language_code": "es"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:40:15+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T11:45:25+00:00",
     "source_file": "README.md",
     "language_code": "es"
   },
diff --git a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 435412dc1..507d86cc4 100644
--- a/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/es/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
 # Introducción a los Lenguajes de Programación y Herramientas Modernas para Desarrolladores
+ 
+¡Hola, futuro desarrollador! 👋 ¿Puedo contarte algo que todavía me pone los pelos de punta todos los días? ¡Estás a punto de descubrir que programar no es solo sobre computadoras, sino que es tener superpoderes reales para dar vida a tus ideas más locas!
 
-¡Hola, futuro desarrollador! 👋 ¿Puedo contarte algo que todavía me pone la piel de gallina todos los días? ¡Estás a punto de descubrir que programar no es solo sobre computadoras, sino sobre tener superpoderes reales para dar vida a tus ideas más salvajes!
+¿Conoces ese momento cuando usas tu app favorita y todo simplemente encaja a la perfección? Cuando tocas un botón y pasa algo absolutamente mágico que te hace decir "wow, ¿cómo lo HICIERON?" Bueno, alguien justo como tú – probablemente sentado en su cafetería favorita a las 2 AM con su tercer espresso – escribió el código que creó esa magia. Y aquí está lo que te volará la mente: al final de esta lección, no solo vas a entender cómo lo hicieron, sino que vas a estar deseando intentarlo tú mismo.
 
-¿Conoces ese momento cuando usas tu app favorita y todo funciona perfectamente? Cuando tocas un botón y algo absolutamente mágico sucede que te hace decir "wow, ¿cómo hicieron ESO?" Pues, alguien justo como tú, probablemente sentado en su cafetería favorita a las 2 AM con su tercer espresso, escribió el código que creó esa magia. Y aquí viene lo que te va a volar la cabeza: al final de esta lección, no solo entenderás cómo lo hicieron, ¡sino que estarás ansioso por intentarlo tú mismo!
+Mira, entiendo perfectamente si programar te parece intimidante ahora mismo. Cuando yo empecé, sinceramente pensaba que necesitabas ser una especie de genio de las matemáticas o haber estado programando desde que tenías cinco años. Pero esto fue lo que cambió por completo mi perspectiva: programar es exactamente como aprender a conversar en un idioma nuevo. Empiezas con "hola" y "gracias", luego pasas a pedir un café, y antes de que te des cuenta, ¡estás teniendo profundas conversaciones filosóficas! Excepto que en este caso, tienes conversaciones con computadoras, y ¿sabes qué? Son los compañeros de conversación más pacientes que vas a encontrar: nunca juzgan tus errores y siempre están entusiasmados por intentarlo de nuevo.
 
-Mira, entiendo totalmente si la programación te parece intimidante ahora mismo. Cuando empecé, honestamente pensé que tenías que ser un genio de las matemáticas o haber programado desde los cinco años. Pero esto es lo que cambió completamente mi perspectiva: programar es exactamente como aprender a tener conversaciones en un nuevo idioma. Empiezas con "hola" y "gracias," luego avanzas a pedir un café, y antes de que te des cuenta, ¡estás teniendo discusiones filosóficas profundas! Excepto que en este caso, estás conversando con computadoras, y ¿sabes qué? Son los compañeros de conversación más pacientes que jamás tendrás: nunca juzgan tus errores y siempre están felices de intentarlo otra vez.
-
-Hoy vamos a explorar las increíbles herramientas que hacen que el desarrollo web moderno no solo sea posible, sino realmente adictivo. Estoy hablando de los mismos editores, navegadores y flujos de trabajo que los desarrolladores de Netflix, Spotify y tu estudio indie favorito usan cada día. Y aquí viene la parte que te hará bailar de alegría: ¡la mayoría de estas herramientas profesionales y estándar de la industria son completamente gratuitas!
+Hoy, vamos a explorar las increíbles herramientas que hacen que el desarrollo web moderno no solo sea posible, sino seriamente adictivo. Hablo de los mismos editores, navegadores y flujos de trabajo que usan desarrolladores en Netflix, Spotify y tu estudio indie de apps favorito todos los días. Y aquí viene la parte que te hará bailar de alegría: la mayoría de estas herramientas profesionales, estándar de la industria, ¡son completamente gratuitas!
 
 ![Intro Programming](../../../../translated_images/es/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
@@ -17,10 +17,10 @@ journey
     section Descubrir
       Qué es la programación: 5: You
       Lenguajes de programación: 4: You
-      Resumen de herramientas: 5: You
+      Visión general de herramientas: 5: You
     section Explorar
       Editores de código: 4: You
-      Navegadores y herramientas de desarrollo: 5: You
+      Navegadores y DevTools: 5: You
       Línea de comandos: 3: You
     section Practicar
       Detective de lenguajes: 4: You
@@ -29,55 +29,56 @@ journey
 ```
 ## ¡Veamos Qué Sabes Ya!
 
-Antes de saltar a lo divertido, tengo curiosidad: ¿qué sabes ya sobre este mundo de la programación? Y escucha, si estás mirando estas preguntas pensando "literalmente no tengo ni idea de nada," eso no solo está bien, ¡es perfecto! Eso significa que estás en el lugar correcto. Piensa en este cuestionario como estiramientos antes de hacer ejercicio: ¡solo estamos calentando los músculos del cerebro!
+Antes de saltar a lo divertido, tengo curiosidad — ¿qué sabes ya sobre este mundo de la programación? Y escucha, si estás viendo estas preguntas y piensas "literalmente no tengo ni idea de nada de esto," no solo está bien, ¡es perfecto! Eso significa que estás en el lugar justo. Piensa en este quiz como un estiramiento antes de hacer ejercicio — ¡solo estamos calentando esos músculos cerebrales!
+
+[Haz el quiz previo a la lección](https://ff-quizzes.netlify.app/web/)
 
-[Haz el cuestionario previo a la lección](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
 ## La Aventura Que Vamos a Emprender Juntos
 
-¡Bien, estoy genuinamente emocionado por lo que vamos a explorar hoy! En serio, desearía poder ver tu cara cuando algunos de estos conceptos hagan clic. Aquí está el increíble viaje que emprenderemos juntos:
+¡Ok, realmente estoy emocionado por lo que vamos a explorar hoy! En serio, ¡ojalá pudiera ver tu cara cuando algunos de estos conceptos encajen! Aquí está el increíble viaje que vamos a hacer juntos:
 
-- **Qué es realmente la programación (y por qué es lo más genial que hay)** – Vamos a descubrir cómo el código es literalmente la magia invisible que potencia todo a tu alrededor, desde esa alarma que de alguna manera sabe que es lunes en la mañana hasta el algoritmo que te recomienda perfectamente en Netflix
-- **Lenguajes de programación y sus asombrosas personalidades** – Imagina entrar a una fiesta donde cada persona tiene superpoderes completamente diferentes y maneras únicas de resolver problemas. Así es el mundo de los lenguajes de programación, ¡y te encantará conocerlos!
-- **Los bloques fundamentales que hacen posible la magia digital** – Piensa en estos como el mejor set de LEGO creativo. Una vez entiendas cómo encajan estas piezas, te darás cuenta que puedes construir literalmente cualquier cosa que tu imaginación sueñe
-- **Herramientas profesionales que harán que sientas que te acaban de entregar la varita de un mago** – No estoy exagerando aquí, estas herramientas realmente te harán sentir que tienes superpoderes, y la mejor parte: ¡son las mismas que usan los profesionales!
+- **Qué es realmente la programación (¡y por qué es lo más genial que existe!)** – Vamos a descubrir cómo el código es literalmente la magia invisible que impulsa todo a tu alrededor, desde esa alarma que de alguna manera sabe que es lunes por la mañana hasta el algoritmo que te recomienda justo lo que quieres en Netflix
+- **Lenguajes de programación y sus increíbles personalidades** – Imagina entrar a una fiesta donde cada persona tiene superpoderes diferentes y maneras propias de resolver problemas. Así es el mundo de los lenguajes de programación, y te va a encantar conocerlos
+- **Los bloques fundamentales que hacen que la magia digital suceda** – Piensa en estos como el set definitivo de LEGO creativo. Una vez entiendas cómo encajan estas piezas, te darás cuenta de que puedes literalmente construir cualquier cosa que tu imaginación sueñe
+- **Herramientas profesionales que te harán sentir como si te dieran una varita de mago** – No estoy siendo dramático aquí – estas herramientas realmente te harán sentir que tienes superpoderes, y la mejor parte: ¡son las mismas que usan los profesionales!
 
-> 💡 **Aquí está el punto**: ¡Ni se te ocurra intentar memorizar todo hoy! Ahora mismo, solo quiero que sientas esa chispa de emoción sobre lo que es posible. Los detalles se quedarán de forma natural mientras practicamos juntos, ¡así es como ocurre el aprendizaje real!
+> 💡 **Esto es lo importante**: ¡Ni se te ocurra intentar memorizar todo hoy! Ahora mismo solo quiero que sientas esa chispa de emoción por lo que es posible. Los detalles se quedarán naturalmente mientras practicamos juntos – así es como sucede el aprendizaje real.
 
-> Puedes tomar esta lección en [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Puedes hacer esta lección en [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Entonces, ¿Qué es Exactamente *la* Programación?
+## Entonces, ¿Qué Es *Realmente* Programar?
 
-Muy bien, abordemos la pregunta del millón: ¿qué es realmente la programación?
+Bien, enfrentemos la pregunta del millón: ¿qué es realmente programar?
 
-Te contaré una historia que cambió completamente mi forma de pensar. La semana pasada, intentaba explicarle a mi mamá cómo usar el control remoto de nuestro nuevo televisor inteligente. Me sorprendí diciendo cosas como "Presiona el botón rojo, pero no el botón rojo grande, el botón rojo pequeño a la izquierda... no, tu otro izquierdo... bueno, ahora sostenlo por dos segundos, no uno, ni tres..." ¿Te suena? 😅
+Te voy a contar una historia que cambió por completo cómo veo esto. La semana pasada, estaba tratando de explicarle a mi mamá cómo usar el control remoto nuevo de nuestro televisor inteligente. Me sorprendí diciéndole cosas como "Presiona el botón rojo, pero no el botón rojo grande, el botón rojo pequeño a la izquierda... no, tu otro izquierdo... ok, ahora mantén presionado dos segundos, no uno, no tres..." ¿Te suena? 😅
 
-¡Eso es programar! Es el arte de dar instrucciones increíblemente detalladas y paso a paso a algo que es muy poderoso pero necesita que todo se explique perfectamente. Excepto que en vez de explicarle a tu mamá (que puede preguntar "¿qué botón rojo?!"), le explicas a una computadora (que simplemente hace exactamente lo que le dices, aunque no sea exactamente lo que quisiste decir).
+¡Eso es programar! Es el arte de dar instrucciones súper detalladas y paso a paso a algo que es muy poderoso pero necesita que todo esté perfectamente especificado. Excepto que en lugar de explicarle a tu mamá (que puede preguntar "¿qué botón rojo?!"), le estás explicando a una computadora (que simplemente hace exactamente lo que dices, incluso si lo que dijiste no es exactamente lo que querías decir).
 
-Esto me voló la cabeza la primera vez que lo aprendí: las computadoras en realidad son bastante simples en su núcleo. Literalmente solo entienden dos cosas – 1 y 0, que es básicamente "sí" y "no" o "encendido" y "apagado." ¡Eso es todo! Pero aquí viene la magia – no tenemos que hablar en 1s y 0s como en The Matrix. Ahí es donde los **lenguajes de programación** vienen al rescate. Son como tener al mejor traductor del mundo que toma tus pensamientos humanos normales y los convierte en lenguaje para computadoras.
+Esto fue lo que me voló la cabeza cuando lo aprendí: las computadoras son en realidad bastante simples en su núcleo. Literalmente solo entienden dos cosas – 1 y 0, que básicamente es "sí" y "no" o "encendido" y "apagado". ¡Eso es todo! Pero aquí es donde se pone mágico – no tenemos que hablar en 1s y 0s como si estuviéramos en Matrix. Ahí es donde los **lenguajes de programación** vienen al rescate. Son como tener el mejor traductor del mundo que toma tus pensamientos humanos perfectamente normales y los convierte en lenguaje de computadora.
 
-Y esto es lo que todavía me da escalofríos todas las mañanas cuando despierto: literalmente *todo* lo digital en tu vida empezó con alguien como tú, probablemente en pijama con una taza de café, escribiendo código en su laptop. ¿Ese filtro de Instagram que te hace ver impecable? Alguien lo programó. ¿La recomendación que te llevó a tu nueva canción favorita? Un desarrollador construyó ese algoritmo. ¿La app que te ayuda a dividir la cuenta de la cena con amigos? Sí, alguien pensó "esto es molesto, apuesto que puedo arreglarlo" y luego… ¡lo hizo!
+Y esto es lo que todavía me da escalofríos cada mañana que me despierto: literalmente *todo* lo digital en tu vida comenzó con alguien justo como tú, probablemente en pijama con una taza de café, escribiendo código en su laptop. ¿Ese filtro de Instagram que te hace ver impecable? Alguien codificó eso. ¿La recomendación que te llevó a tu nueva canción favorita? Un desarrollador creó ese algoritmo. ¿La app que te ayuda a dividir la cuenta en la cena con amigos? Sí, alguien pensó "esto es molesto, apuesto que puedo arreglarlo" y entonces... ¡lo hizo!
 
-Cuando aprendes a programar, no solo estás adquiriendo una habilidad nueva – te estás convirtiendo en parte de esta increíble comunidad de solucionadores de problemas que pasan sus días pensando: "¿Y si pudiera crear algo que haga el día de alguien un poquito mejor?" Honestamente, ¿hay algo más genial que eso?
+Cuando aprendes a programar, no solo estás adquiriendo una nueva habilidad – te estás convirtiendo en parte de esta increíble comunidad de solucionadores de problemas que pasan sus días pensando: "¿Y si pudiera construir algo que mejore un poco el día de alguien?" Honestamente, ¿hay algo más genial que eso?
 
-✅ **Búsqueda de dato curioso**: Aquí tienes algo súper interesante para buscar cuando tengas un momento libre – ¿quién crees que fue el primer programador del mundo? Te doy una pista: ¡quizá no sea quien esperas! La historia de esta persona es absolutamente fascinante y muestra que la programación siempre ha sido sobre resolver problemas con creatividad y pensar fuera de la caja.
+✅ **Dato curioso para investigar**: Esto es algo súper genial para buscar cuando tengas un momento libre – ¿quién crees que fue el primer programador del mundo? Te doy una pista: ¡no es quien esperarías! La historia de esta persona es absolutamente fascinante y muestra que programar siempre ha sido sobre resolver problemas creativamente y pensar fuera de la caja.
 
-### 🧠 **Momento de reflexión: ¿Cómo te Sientes?**
+### 🧠 **Momento de Reflexión: ¿Cómo Te Sientes?**
 
 **Tómate un momento para pensar:**
-- ¿Tiene sentido para ti la idea de "dar instrucciones a las computadoras" ahora?
+- ¿Tiene sentido ahora la idea de "dar instrucciones a computadoras"?
 - ¿Puedes pensar en una tarea diaria que te gustaría automatizar con programación?
-- ¿Qué preguntas te están surgiendo sobre todo esto de la programación?
+- ¿Qué preguntas te están surgiendo sobre todo este tema de la programación?
 
-> **Recuerda**: Es totalmente normal si algunos conceptos te parecen confusos ahora. Aprender a programar es como aprender un nuevo idioma – tu cerebro necesita tiempo para construir esas conexiones neuronales. ¡Lo estás haciendo genial!
+> **Recuerda**: Es totalmente normal que algunos conceptos estén confusos ahora. Aprender a programar es como aprender un idioma nuevo – tu cerebro necesita tiempo para construir esas conexiones neuronales. ¡Lo estás haciendo genial!
 
 ## Los Lenguajes de Programación Son Como Diferentes Sabores de Magia
 
-Bien, esto va a sonar raro, pero quédate conmigo – los lenguajes de programación son mucho como distintos tipos de música. Piénsalo: tienes jazz, que es suave e improvisacional; rock que es poderoso y directo; clásico que es elegante y estructurado; y hip-hop que es creativo y expresivo. Cada estilo tiene su propia vibra, su propia comunidad de fanáticos apasionados, y cada uno es perfecto para diferentes estados de ánimo y ocasiones.
+Esto va a sonar raro, pero quédate conmigo – los lenguajes de programación son muy parecidos a diferentes tipos de música. Piénsalo: tienes jazz, que es suave e improvisado; rock que es potente y directo; clásico que es elegante y estructurado, y hip-hop que es creativo y expresivo. Cada estilo tiene su propia vibra, su propia comunidad de fans apasionados, y cada uno es perfecto para diferentes estados de ánimo y ocasiones.
 
-Los lenguajes de programación funcionan exactamente igual. No usarías el mismo lenguaje para crear un juego móvil divertido que para procesar enormes cantidades de datos climáticos, así como no tocarías death metal en una clase de yoga (bueno, la mayoría de las clases de yoga, ¡jaja!).
+¡Los lenguajes de programación funcionan exactamente igual! No usarías el mismo lenguaje para construir un juego móvil divertido que para procesar enormes cantidades de datos climáticos, igual que no pondrías death metal en una clase de yoga (bueno, la mayoría de las clases de yoga no, al menos 😄).
 
-Pero aquí está lo que me fascina cada vez que lo pienso: estos lenguajes son como tener al intérprete más paciente y brillante del mundo sentado a tu lado. Puedes expresar tus ideas de una manera que se siente natural para tu cerebro humano, y ellos hacen todo el trabajo complejo de traducir eso en los 1s y 0s que las computadoras en realidad entienden. Es como tener un amigo que habla perfectamente tanto "creatividad humana" como "lógica de computadora" – y que nunca se cansa, nunca necesita pausas para café, y nunca te juzga por preguntar lo mismo dos veces.
+Pero lo que me impresiona cada vez que lo pienso es esto: estos lenguajes son como tener al intérprete más paciente y brillante del mundo sentado a tu lado. Puedes expresar tus ideas de una manera que se siente natural para tu cerebro humano, y ellos se encargan de todo el trabajo increíblemente complejo de traducir eso a los 1s y 0s que las computadoras realmente entienden. Es como tener un amigo que habla perfectamente tanto "creatividad humana" como "lógica de computadora" – ¡y nunca se cansa, nunca necesita pausas para café y nunca te juzga por hacer la misma pregunta dos veces!
 
 ### Lenguajes de Programación Populares y Sus Usos
 
@@ -86,12 +87,12 @@ mindmap
   root((Lenguajes de Programación))
     Desarrollo Web
       JavaScript
-        Magia Frontend
+        Magia del Frontend
         Sitios Web Interactivos
       TypeScript
         JavaScript + Tipos
         Apps Empresariales
-    Datos y IA
+    Datos e IA
       Python
         Ciencia de Datos
         Aprendizaje Automático
@@ -112,7 +113,7 @@ mindmap
     Sistemas y Rendimiento
       C++
         Juegos
-        Crítico para Rendimiento
+        Rendimiento Crítico
       Rust
         Seguridad de Memoria
         Programación de Sistemas
@@ -120,44 +121,44 @@ mindmap
         Servicios en la Nube
         Backend Escalable
 ```
-| Lenguaje | Mejor para | Por qué es popular |
+| Lenguaje | Mejor Para | Por qué es Popular |
 |----------|------------|--------------------|
-| **JavaScript** | Desarrollo web, interfaces de usuario | Corre en navegadores y potencia sitios web interactivos |
-| **Python** | Ciencia de datos, automatización, IA | Fácil de leer y aprender, bibliotecas potentes |
+| **JavaScript** | Desarrollo web, interfaces de usuario | Funciona en navegadores y potencia sitios interactivos |
+| **Python** | Ciencia de datos, automatización, IA | Fácil de leer y aprender, bibliotecas poderosas |
 | **Java** | Aplicaciones empresariales, apps Android | Independiente de plataforma, robusto para sistemas grandes |
-| **C#** | Aplicaciones Windows, desarrollo de juegos | Gran soporte en el ecosistema Microsoft |
-| **Go** | Servicios en la nube, sistemas backend | Rápido, sencillo, diseñado para computación moderna |
+| **C#** | Aplicaciones Windows, desarrollo de juegos | Fuerte soporte en el ecosistema Microsoft |
+| **Go** | Servicios en la nube, sistemas backend | Rápido, simple, diseñado para computación moderna |
 
 ### Lenguajes de Alto Nivel vs. Bajo Nivel
 
-Bien, este fue sinceramente el concepto que me rompió la cabeza cuando empecé, así que voy a compartir la analogía que finalmente hizo que lo entendiera – y espero que te ayude a ti también.
+Ok, honestamente este fue el concepto que me rompió el cerebro cuando empecé a aprender, así que voy a compartir la analogía que finalmente me hizo click — ¡y espero que también te ayude!
 
-Imagina que estás visitando un país donde no hablas el idioma y necesitas desesperadamente encontrar el baño más cercano (todos hemos estado ahí, ¿verdad? 😅):
+Imagina que visitas un país donde no hablas el idioma, y necesitas desesperadamente encontrar el baño más cercano (a todos nos ha pasado, ¿verdad? 😅):
 
-- **Programación de bajo nivel** es como aprender el dialecto local tan bien que puedes charlar con la abuela que vende fruta en la esquina usando referencias culturales, jerga local y chistes internos que solo alguien que creció ahí entendería. Súper impresionante e increíblemente eficiente… si eres fluido. Pero bastante abrumador cuando solo estás buscando un baño.
+- **Programación de bajo nivel** es como aprender el dialecto local tan bien que puedes conversar con la abuela que vende fruta en la esquina usando referencias culturales, jerga local y bromas internas que solo alguien que creció allí entendería. Súper impresionante e increíblemente eficiente... si hablas el idioma fluidamente. Pero bastante abrumador cuando solo buscas un baño.
 
-- **Programación de alto nivel** es como tener ese amigo local increíble que simplemente te entiende. Puedes decir "Realmente necesito encontrar un baño" en inglés simple, y él se encarga de toda la traducción cultural y te da indicaciones que tienen sentido para tu cerebro no local.
+- **Programación de alto nivel** es como tener ese increíble amigo local que simplemente te entiende. Puedes decir "Realmente necesito encontrar un baño" en inglés simple, y él se encarga de toda la traducción cultural y te da indicaciones que tu cerebro no local entiende perfectamente.
 
 En términos de programación:
-- Los **lenguajes de bajo nivel** (como Assembly o C) te permiten tener conversaciones increíblemente detalladas con el hardware real de la computadora, pero necesitas pensar como una máquina, lo cual es… bueno, digamos que es un gran cambio mental.
-- Los **lenguajes de alto nivel** (como JavaScript, Python o C#) te dejan pensar como humano mientras ellos manejan todo el lenguaje máquina detrás de escena. Además, tienen comunidades increíblemente acogedoras llenas de personas que recuerdan lo que fue ser novato y genuinamente quieren ayudar.
+- **Lenguajes de bajo nivel** (como Assembly o C) te permiten tener conversaciones muy detalladas con el hardware real de la computadora, pero tienes que pensar como una máquina, lo cual... bueno, digamos que es un gran cambio mental.
+- **Lenguajes de alto nivel** (como JavaScript, Python o C#) te permiten pensar como humano mientras ellos manejan todo el idioma máquina detrás de escena. Además, tienen comunidades increíblemente acogedoras llenas de gente que recuerda lo que es ser nuevo y realmente quiere ayudar.
 
-¿Adivina con cuáles te voy a sugerir que empieces? 😉 Los de alto nivel son como rueditas de entrenamiento que realmente nunca querrás quitar porque hacen la experiencia mucho más agradable.
+¿Adivina con cuáles te sugiero empezar? 😉 Los lenguajes de alto nivel son como usar ruedas de entrenamiento que en realidad nunca querrás quitarte porque hacen que toda la experiencia sea mucho más disfrutable.
 
 ```mermaid
 flowchart TB
-    A["👤 Pensamiento Humano:<br/>'Quiero calcular números Fibonacci'"] --> B{Elegir Nivel de Lenguaje}
+    A["👤 Pensamiento Humano:<br/>'Quiero calcular números de Fibonacci'"] --> B{Elegir nivel de lenguaje}
     
-    B -->|Alto Nivel| C["🌟 JavaScript/Python<br/>Fácil de leer y escribir"]
-    B -->|Bajo Nivel| D["⚙️ Assembly/C<br/>Control directo del hardware"]
+    B -->|Alto nivel| C["🌟 JavaScript/Python<br/>Fácil de leer y escribir"]
+    B -->|Bajo nivel| D["⚙️ Ensamblador/C<br/>Control directo del hardware"]
     
     C --> E["📝 Escribir: fibonacci(10)"]
     D --> F["📝 Escribir: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Comprensión de la Computadora:<br/>El traductor maneja la complejidad"]
+    E --> G["🤖 Entendimiento de la computadora:<br/>El traductor maneja la complejidad"]
     F --> G
     
-    G --> H["💻 Mismo Resultado:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Mismo resultado:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
@@ -165,13 +166,13 @@ flowchart TB
 ```
 ### Déjame Mostrarte Por Qué Los Lenguajes de Alto Nivel Son Mucho Más Amigables
 
-Muy bien, estoy a punto de mostrarte algo que ejemplifica perfectamente por qué me enamoré de los lenguajes de alto nivel, pero primero – necesito que me prometas algo. Cuando veas ese primer ejemplo de código, ¡no te asustes! Se supone que se vea intimidante. ¡Ese es justo el punto que quiero mostrar!
+Bien, estoy a punto de mostrarte algo que demuestra perfectamente por qué me enamoré de los lenguajes de alto nivel, pero primero – necesito que me prometas algo. Cuando veas ese primer ejemplo de código, ¡no te asustes! Se supone que debe parecer intimidante. ¡Ese es exactamente el punto que quiero hacer!
 
-Vamos a ver la misma tarea escrita en dos estilos completamente diferentes. Ambas crean lo que se llama la secuencia de Fibonacci – es este hermoso patrón matemático donde cada número es la suma de los dos anteriores: 0, 1, 1, 2, 3, 5, 8, 13… (Dato curioso: encontrarás este patrón literalmente en toda la naturaleza – espirales de semillas de girasol, patrones de piñas, ¡incluso la forma en que se forman las galaxias!)
+Vamos a ver la misma tarea escrita en dos estilos completamente diferentes. Ambos crean lo que se llama la secuencia de Fibonacci – es un hermoso patrón matemático donde cada número es la suma de los dos anteriores: 0, 1, 1, 2, 3, 5, 8, 13... (Dato curioso: encontrarás este patrón literalmente en todas partes en la naturaleza – las espirales de las semillas de girasol, los patrones de piñas, ¡incluso la forma en que se forman las galaxias!)
 
 ¿Listo para ver la diferencia? ¡Vamos!
 
-**Lenguaje de alto nivel (JavaScript) – Fácil para humanos:**
+**Lenguaje de alto nivel (JavaScript) – Amigable para humanos:**
 
 ```javascript
 // Paso 1: Configuración básica de Fibonacci
@@ -184,9 +185,9 @@ console.log('Fibonacci sequence:');
 
 **Esto es lo que hace este código:**
 - **Declarar** una constante para especificar cuántos números de Fibonacci queremos generar
-- **Inicializar** dos variables para hacer seguimiento del número actual y el siguiente en la secuencia
+- **Inicializar** dos variables para seguir los números actuales y siguientes en la secuencia
 - **Configurar** los valores iniciales (0 y 1) que definen el patrón Fibonacci
-- **Mostrar** un mensaje encabezado para identificar nuestro resultado
+- **Mostrar** un mensaje encabezado para identificar nuestra salida
 
 ```javascript
 // Paso 2: Generar la secuencia con un bucle
@@ -200,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Desglosando lo que sucede aquí:**
-- **Recorrer** cada posición de nuestra secuencia usando un bucle `for`
-- **Mostrar** cada número con su posición usando formato de plantilla literal
+**Desglosando lo que pasa aquí:**
+- **Recorrer** cada posición en nuestra secuencia usando un bucle `for`
+- **Mostrar** cada número con su posición utilizando formato de plantilla literal
 - **Calcular** el siguiente número de Fibonacci sumando los valores actual y siguiente
-- **Actualizar** nuestras variables de seguimiento para pasar a la siguiente iteración
+- **Actualizar** nuestras variables para avanzar a la siguiente iteración
 
 ```javascript
 // Paso 3: Enfoque funcional moderno
@@ -223,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**En el código anterior, hemos:**
-- **Creado** una función reutilizable usando la sintaxis moderna de función flecha
-- **Construido** un arreglo para almacenar toda la secuencia en lugar de mostrar número por número
-- **Usado** indexación de arreglos para calcular cada nuevo número a partir de valores previos
-- **Retornado** la secuencia completa para un uso flexible en otras partes de nuestro programa
+**En lo anterior, hemos:**
+- **Creado** una función reutilizable usando la sintaxis moderna de funciones flecha
+- **Construido** un arreglo para almacenar la secuencia completa en lugar de mostrar número por número
+- **Usado** índices del arreglo para calcular cada nuevo número a partir de valores previos
+- **Retornado** la secuencia completa para usarla de forma flexible en otras partes del programa
 
-**Lenguaje de bajo nivel (ARM Assembly) – Fácil para máquinas:**
+**Lenguaje de bajo nivel (ARM Assembly) – Amigable para computadoras:**
 
 ```assembly
  area ascen,code,readonly
@@ -256,59 +257,60 @@ back add r0,r1
  end
 ```
 
-Fíjate cómo la versión en JavaScript se lee casi como instrucciones en inglés, mientras que la versión en Assembly usa comandos crípticos que controlan directamente el procesador de la computadora. Ambos logran exactamente la misma tarea, pero el lenguaje de alto nivel es mucho más fácil de entender, escribir y mantener para los humanos.
+Fíjate cómo la versión en JavaScript se lee casi como instrucciones en inglés, mientras que la versión en Assembly usa comandos crípticos que controlan directamente el procesador de la computadora. Ambas logran la misma tarea, pero el lenguaje de alto nivel es mucho más fácil para los humanos de entender, escribir y mantener.
 
 **Diferencias clave que notarás:**
 - **Legibilidad**: JavaScript usa nombres descriptivos como `fibonacciCount` mientras que Assembly usa etiquetas crípticas como `r0`, `r1`
-- **Comentarios**: Los lenguajes de alto nivel fomentan comentarios explicativos que hacen que el código se documente por sí mismo  
-- **Estructura**: El flujo lógico de JavaScript coincide con cómo los humanos pensamos en los problemas paso a paso  
-- **Mantenimiento**: Actualizar la versión de JavaScript para diferentes requerimientos es sencillo y claro  
+- **Comentarios**: Los lenguajes de alto nivel fomentan comentarios explicativos que hacen que el código sea autodocumentado
+- **Estructura**: El flujo lógico de JavaScript coincide con cómo los humanos piensan sobre los problemas paso a paso
+- **Mantenimiento**: Actualizar la versión de JavaScript para diferentes requisitos es sencillo y claro
+
+✅ **Sobre la secuencia de Fibonacci**: ¡Este patrón numérico absolutamente maravilloso (donde cada número es la suma de los dos anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *en todas partes* en la naturaleza! Lo encontrarás en las espirales de los girasoles, los patrones de las piñas, la forma en que se curvan los caparazones de nautilus e incluso en cómo crecen las ramas de los árboles. ¡Es realmente asombroso cómo las matemáticas y el código pueden ayudarnos a entender y recrear los patrones que la naturaleza usa para crear belleza!
 
-✅ **Sobre la secuencia de Fibonacci**: Este patrón numérico absolutamente hermoso (donde cada número es la suma de los dos anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *en todas partes* en la naturaleza. Lo encontrarás en las espirales de los girasoles, los patrones de las piñas, la forma en que se curvan las conchas de nautilus e incluso en cómo crecen las ramas de los árboles. ¡Es realmente asombroso cómo las matemáticas y el código nos ayudan a entender y recrear los patrones que la naturaleza utiliza para crear belleza!
 
-## Los Bloques de Construcción que Hacen que la Magia Ocurra
+## Los Bloques de Construcción Que Hacen Que La Magia Ocurra
 
-Muy bien, ahora que has visto cómo son los lenguajes de programación en acción, vamos a desglosar las piezas fundamentales que componen literalmente todos los programas escritos. Piensa en estos como los ingredientes esenciales de tu receta favorita: una vez que entiendas qué hace cada uno, ¡podrás leer y escribir código en prácticamente cualquier lenguaje!
+Muy bien, ahora que has visto cómo lucen los lenguajes de programación en acción, vamos a desglosar las piezas fundamentales que componen literalmente todos los programas jamas escritos. Piensa en estas como los ingredientes esenciales en tu receta favorita: una vez que entiendes lo que hace cada uno, ¡podrás leer y escribir código en prácticamente cualquier lenguaje!
 
-Esto es algo así como aprender la gramática de la programación. ¿Recuerdas en la escuela cuando aprendías sobre sustantivos, verbos y cómo armar oraciones? La programación tiene su propia versión de gramática y, honestamente, ¡es mucho más lógica y indulgente que la gramática inglesa! 😄
+Esto es algo parecido a aprender la gramática de la programación. ¿Recuerdas cuando en la escuela aprendiste sobre sustantivos, verbos y cómo armar oraciones? La programación tiene su propia versión de gramática, y sinceramente, es mucho más lógica y permisiva que la gramática del inglés alguna vez fue! 😄
 
 ### Sentencias: Las Instrucciones Paso a Paso
 
-Comencemos con las **sentencias** — estas son como oraciones individuales en una conversación con tu computadora. Cada sentencia le indica a la computadora hacer una cosa específica, como dar direcciones: "Gira a la izquierda aquí," "Para en el semáforo en rojo," "Estaciona en ese lugar."
+Empecemos con las **sentencias** – son como oraciones individuales en una conversación con tu computadora. Cada sentencia le dice a la computadora que haga una cosa específica, algo parecido a dar direcciones: "Gira a la izquierda aquí," "Detente en el semáforo en rojo," "Estaciona en ese lugar."
 
 Lo que me encanta de las sentencias es lo legibles que suelen ser. Mira esto:
 
 ```javascript
-// Declaraciones básicas que realizan acciones simples
+// Sentencias básicas que realizan acciones únicas
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**Esto es lo que hace este código:**  
-- **Declarar** una variable constante para almacenar el nombre de un usuario  
-- **Mostrar** un mensaje de saludo en la consola  
-- **Calcular** y almacenar el resultado de una operación matemática  
+
+**Esto es lo que hace este código:**
+- **Declarar** una variable constante para almacenar el nombre de un usuario
+- **Mostrar** un mensaje de saludo en la salida de la consola
+- **Calcular** y guardar el resultado de una operación matemática
 
 ```javascript
-// Sentencias que interactúan con páginas web
+// Declaraciones que interactúan con páginas web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**Paso a paso, esto es lo que sucede:**  
-- **Modificar** el título de la página web que aparece en la pestaña del navegador  
-- **Cambiar** el color de fondo de todo el cuerpo de la página  
 
-### Variables: El Sistema de Memoria de tu Programa
+**Paso a paso, esto es lo que sucede:**
+- **Modificar** el título de la página web que aparece en la pestaña del navegador
+- **Cambiar** el color de fondo de todo el cuerpo de la página
 
-Bien, las **variables** son honestamente uno de mis conceptos favoritos para enseñar porque son muy parecidas a cosas que usas todos los días.
+### Variables: El Sistema de Memoria de Tu Programa
 
-Piensa por un segundo en la lista de contactos de tu teléfono. No memorizas el número de todos, sino que guardas "Mamá," "Mejor Amigo," o "Pizzería que entrega hasta las 2 AM" y dejas que tu teléfono recuerde los números reales. ¡Las variables funcionan exactamente igual! Son como contenedores etiquetados donde tu programa puede almacenar información y recuperarla más tarde con un nombre que realmente tiene sentido.
+Bueno, las **variables** son honestamente uno de mis conceptos favoritos para enseñar porque son muy parecidas a cosas que ya usas todos los días.
 
-Lo realmente genial es que las variables pueden cambiar mientras tu programa se ejecuta (¡de ahí viene el nombre "variable"!). Igual que podrías actualizar ese contacto de la pizzería cuando descubres un lugar mejor, las variables pueden actualizarse cuando tu programa obtiene nueva información o cambian las situaciones.
+Piensa en la lista de contactos de tu teléfono por un momento. No memorizas el número de teléfono de todos, sino que guardas "Mamá," "Mejor Amigo" o "Pizzería que entrega hasta las 2 AM" y dejas que tu teléfono recuerde los números reales. ¡Las variables funcionan exactamente igual! Son como contenedores con etiquetas donde tu programa puede almacenar información y recuperarla más tarde usando un nombre que realmente tenga sentido.
 
-Déjame mostrarte lo sencillamente hermoso que puede ser esto:
+Lo que es realmente genial: las variables pueden cambiar mientras tu programa se ejecuta (por eso se llaman "variables" – ¿ves qué hicieron ahí?). Así como podrías actualizar el contacto de esa pizzería cuando descubres un lugar aún mejor, las variables pueden actualizarse a medida que tu programa aprende información nueva o cambian las situaciones.
+
+Déjame mostrarte lo simple y lindo que esto puede ser:
 
 ```javascript
 // Paso 1: Creando variables básicas
@@ -317,12 +319,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Entendiendo estos conceptos:**  
-- **Almacenar** valores constantes en variables `const` (como el nombre del sitio)  
-- **Usar** `let` para valores que pueden cambiar durante la ejecución del programa  
-- **Asignar** diferentes tipos de datos: cadenas (texto), números y booleanos (verdadero/falso)  
-- **Elegir** nombres descriptivos que expliquen qué contiene cada variable  
+
+**Entendiendo estos conceptos:**
+- **Guardar** valores inmutables en variables `const` (como el nombre del sitio)
+- **Usar** `let` para valores que pueden cambiar durante la ejecución del programa
+- **Asignar** distintos tipos de datos: cadenas (texto), números y booleanos (true/false)
+- **Elegir** nombres descriptivos que expliquen qué contiene cada variable
 
 ```javascript
 // Paso 2: Trabajando con objetos para agrupar datos relacionados
@@ -332,48 +334,48 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**En el ejemplo anterior hemos:**  
-- **Creado** un objeto para agrupar información meteorológica relacionada  
-- **Organizado** múltiples datos bajo un solo nombre de variable  
-- **Usado** pares clave-valor para etiquetar claramente cada dato  
+
+**En el ejemplo anterior, hemos:**
+- **Creado** un objeto para agrupar información meteorológica relacionada
+- **Organizado** múltiples datos bajo un nombre de variable
+- **Usado** pares clave-valor para etiquetar claramente cada dato
 
 ```javascript
-// Paso 3: Usar y actualizar variables
+// Paso 3: Uso y actualización de variables
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Actualizando variables cambiables
+// Actualización de variables cambiantes
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Entendamos cada parte:**  
-- **Mostrar** información usando literales de plantilla con la sintaxis `${}`  
-- **Acceder** a las propiedades del objeto usando notación de puntos (`weatherData.windSpeed`)  
-- **Actualizar** variables declaradas con `let` para reflejar condiciones cambiantes  
-- **Combinar** varias variables para crear mensajes significativos  
+
+**Entendamos cada parte:**
+- **Mostrar** información usando literales de plantilla con la sintaxis `${}`
+- **Acceder** a propiedades del objeto usando notación de puntos (`weatherData.windSpeed`)
+- **Actualizar** variables declaradas con `let` para reflejar condiciones cambiantes
+- **Combinar** múltiples variables para crear mensajes significativos
 
 ```javascript
 // Paso 4: Desestructuración moderna para un código más limpio
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Qué necesitas saber:**  
-- **Extraer** propiedades específicas de objetos usando asignación por desestructuración  
-- **Crear** nuevas variables automáticamente con los mismos nombres que las claves del objeto  
-- **Simplificar** el código evitando la notación repetitiva con puntos  
 
-### Flujo de Control: Enseñando a tu Programa a Pensar
+**Lo que necesitas saber:**
+- **Extraer** propiedades específicas de objetos usando asignación por desestructuración
+- **Crear** nuevas variables automáticamente con los mismos nombres que las claves del objeto
+- **Simplificar** el código evitando notación de puntos repetitiva
 
-Aquí es donde la programación se vuelve absolutamente alucinante. El **flujo de control** es básicamente enseñarle a tu programa cómo tomar decisiones inteligentes, justo como tú lo haces todos los días sin siquiera pensarlo.
+### Flujo de Control: Enseñando a Tu Programa a Pensar
 
-Imagina esto: esta mañana seguramente pasaste por algo como "Si está lloviendo, llevo paraguas. Si hace frío, me pongo una chaqueta. Si voy atrasado, me salto el desayuno y tomo café en camino." Tu cerebro sigue naturalmente esta lógica if-then docenas de veces al día.
+Bueno, aquí es donde la programación se vuelve realmente asombrosa. El **flujo de control** es básicamente enseñar a tu programa a tomar decisiones inteligentes, exactamente como tú haces todos los días sin siquiera pensarlo.
 
-Esto es lo que hace que los programas se sientan inteligentes y vivos, en vez de solo seguir un guion aburrido y predecible. Pueden observar la situación, evaluar lo que sucede y responder adecuada y rápidamente. ¡Es como darle a tu programa un cerebro que se adapta y toma decisiones!
+Imagina esto: esta mañana probablemente hiciste algo así como "Si está lloviendo, llevo paraguas. Si hace frío, me pongo una chaqueta. Si voy tarde, me salto el desayuno y tomo café en el camino." ¡Tu cerebro sigue esta lógica if-then docenas de veces cada día!
 
-¿Quieres ver cómo funciona brillantemente? Mira esto:
+Esto es lo que hace que los programas parezcan inteligentes y vivos en lugar de sólo seguir un guion aburrido y predecible. Pueden observar una situación, evaluar qué pasa y reaccionar apropiadamente. ¡Es como darle a tu programa un cerebro que puede adaptarse y tomar decisiones!
+
+¿Quieres ver qué tan bonito funciona? Déjame mostrarte:
 
 ```javascript
 // Paso 1: Lógica condicional básica
@@ -386,12 +388,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Esto es lo que hace este código:**  
-- **Verificar** si la edad del usuario cumple con el requisito para votar  
-- **Ejecutar** diferentes bloques de código según el resultado de la condición  
-- **Calcular** y mostrar cuánto falta para que sea elegible para votar si tiene menos de 18 años  
-- **Proporcionar** comentarios específicos y útiles para cada escenario  
+
+**Esto es lo que hace este código:**
+- **Verifica** si la edad del usuario cumple con el requisito para votar
+- **Ejecuta** diferentes bloques de código según el resultado de la condición
+- **Calcula** y muestra cuánto falta para ser elegible para votar si es menor de 18
+- **Da** retroalimentación específica y útil para cada caso
 
 ```javascript
 // Paso 2: Múltiples condiciones con operadores lógicos
@@ -406,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Desglose de lo que sucede aquí:**  
-- **Combinar** múltiples condiciones usando el operador `&&` (y)  
-- **Crear** una jerarquía de condiciones usando `else if` para múltiples escenarios  
-- **Manejar** todos los casos posibles con una sentencia final `else`  
-- **Ofrecer** comentarios claros y prácticos para cada situación distinta  
+
+**Desglose de lo que sucede aquí:**
+- **Combina** múltiples condiciones usando el operador `&&` (y)
+- **Crea** una jerarquía de condiciones con `else if` para múltiples escenarios
+- **Maneja** todos los casos posibles con una sentencia final `else`
+- **Provee** retroalimentación clara y accionable para cada situación diferente
 
 ```javascript
 // Paso 3: Condicional conciso con operador ternario
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Recuerda esto:**  
-- **Usar** el operador ternario (`? :`) para condiciones simples con dos opciones  
-- **Escribir** primero la condición, seguido de `?`, luego el resultado verdadero, luego `:`, y después el resultado falso  
-- **Aplicar** este patrón cuando necesitas asignar valores basados en condiciones  
+
+**Lo que debes recordar:**
+- **Usa** el operador ternario (`? :`) para condiciones simples de dos opciones
+- **Escribe** la condición primero, seguida de `?`, luego el resultado verdadero, después `:`, y finalmente el resultado falso
+- **Aplica** este patrón cuando necesites asignar valores basados en condiciones
 
 ```javascript
 // Paso 4: Manejo de múltiples casos específicos
@@ -444,55 +446,55 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Este código logra lo siguiente:**  
-- **Comparar** el valor de la variable con múltiples casos específicos  
-- **Agrupar** casos similares (días laborables vs fines de semana)  
-- **Ejecutar** el bloque de código apropiado cuando encuentra coincidencia  
-- **Incluir** un caso `default` para manejar valores inesperados  
-- **Usar** sentencias `break` para evitar que el código continúe al siguiente caso  
 
-> 💡 **Analogía del mundo real**: Piensa en el flujo de control como si tuvieras el GPS más paciente del mundo dándote indicaciones. Podría decir: "Si hay tráfico en la Calle Principal, toma la autopista. Si hay construcción bloqueando la autopista, prueba la ruta panorámica." Los programas usan exactamente ese tipo de lógica condicional para responder inteligentemente a diferentes situaciones y siempre ofrecer la mejor experiencia posible a los usuarios.
+**Este código logra lo siguiente:**
+- **Compara** el valor de una variable con múltiples casos específicos
+- **Agrupa** casos similares juntos (días de semana vs fines de semana)
+- **Ejecuta** el bloque de código adecuado cuando encuentra coincidencia
+- **Incluye** un caso `default` para manejar valores inesperados
+- **Usa** sentencias `break` para evitar que el código continúe al siguiente caso
+
+> 💡 **Analogía del mundo real**: Piensa en el flujo de control como tener el GPS más paciente del mundo dándote direcciones. Puede decir "Si hay tráfico en la Calle Principal, toma la autopista. Si hay construcción bloqueando la autopista, intenta la ruta escénica." Los programas usan este mismo tipo de lógica condicional para responder inteligentemente a diferentes situaciones y siempre dar a los usuarios la mejor experiencia posible.
 
-### 🎯 **Revisión de Conceptos: Dominio de los Bloques de Construcción**
+### 🎯 **Chequeo de Conceptos: Dominio de los Bloques de Construcción**
 
-**Veamos cómo te va con los fundamentos:**  
-- ¿Puedes explicar la diferencia entre una variable y una sentencia con tus propias palabras?  
-- Piensa en un escenario real donde usarías una decisión if-then (como nuestro ejemplo de votación)  
-- ¿Qué es lo que más te sorprendió de la lógica de programación?  
+**Veamos cómo vas con lo fundamental:**
+- ¿Puedes explicar la diferencia entre una variable y una sentencia con tus propias palabras?
+- Piensa en un escenario real donde usarías una decisión if-then (como nuestro ejemplo de votación)
+- ¿Qué es algo sobre la lógica de programación que te sorprendió?
 
-**Pequeño impulso de confianza:**  
+**Un rápido refuerzo de confianza:**
 ```mermaid
 flowchart LR
-    A["📝 Sentencias<br/>(Instrucciones)"] --> B["📦 Variables<br/>(Almacenamiento)"] --> C["🔀 Flujo de Control<br/>(Decisiones)"] --> D["🎉 Programa Funcional!"]
+    A["📝 Sentencias<br/>(Instrucciones)"] --> B["📦 Variables<br/>(Almacenamiento)"] --> C["🔀 Flujo de Control<br/>(Decisiones)"] --> D["🎉 ¡Programa Funcional!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Lo que viene a continuación**: ¡Vamos a divertirnos mucho profundizando en estos conceptos mientras continuamos este increíble viaje juntos! Por ahora, solo enfócate en sentir esa emoción por todas las increíbles posibilidades que tienes por delante. Las habilidades y técnicas específicas se quedarán contigo naturalmente mientras practicamos juntos – prometo que será mucho más divertido de lo que esperas.
+```
+✅ **Lo que viene a continuación**: ¡Nos vamos a divertir muchísimo profundizando en estos conceptos mientras continuamos este increíble viaje juntos! Por ahora, concéntrate en sentir esa emoción por todas las increíbles posibilidades que tienes por delante. Las habilidades y técnicas específicas se te pegarán de forma natural a medida que practiquemos juntos – ¡te prometo que será mucho más divertido de lo que esperas!
 
 ## Herramientas del Oficio
 
-Muy bien, aquí es donde honestamente me emociono tanto que casi no puedo contenerme. 🚀 Vamos a hablar de las increíbles herramientas que te harán sentir como si te hubieran entregado las llaves de una nave espacial digital.
+Muy bien, en serio, aquí es donde me emociono tanto que apenas me aguanto! 🚀 Estamos a punto de hablar de las increíbles herramientas que te harán sentir como si acabaras de recibir las llaves de una nave espacial digital.
 
-¿Sabes cómo un chef tiene esos cuchillos perfectamente equilibrados que parecen extensiones de sus manos? O cómo un músico tiene esa guitarra que parece cantar justo cuando la toca? Bueno, los desarrolladores tenemos nuestra propia versión de estas herramientas mágicas, y esto es lo que te va a dejar con la boca abierta: ¡la mayoría son completamente gratis!
+¿Sabes cómo un chef tiene esos cuchillos perfectamente equilibrados que se sienten como extensiones de sus manos? ¿O cómo un músico tiene esa guitarra que parece cantar en el momento en que la toca? Bueno, los desarrolladores tenemos nuestra propia versión de estas herramientas mágicas, y esto es lo que va a dejarte completamente alucinado – ¡la mayoría de ellas son completamente gratuitas!
 
-Prácticamente estoy brincando en mi silla pensando en compartir estas contigo, porque han revolucionado por completo la manera en que construimos software. Hablamos de asistentes de codificación impulsados por IA que pueden ayudarte a escribir código (¡no es broma!), entornos en la nube donde puedes crear aplicaciones enteras desde literalmente cualquier lugar con Wi-Fi, y herramientas de depuración tan sofisticadas que parecen tener visión de rayos X para tus programas.
+Estoy casi saltando en mi silla pensando en compartir esto contigo porque han revolucionado completamente cómo construimos software. Hablamos de asistentes de codificación impulsados por IA que pueden ayudarte a escribir tu código (¡no estoy bromeando!), entornos en la nube donde puedes construir aplicaciones completas desde literalmente cualquier lugar con Wi-Fi, y herramientas de depuración tan sofisticadas que son como tener visión de rayos X para tus programas.
 
-Y aquí viene la parte que aún me pone la piel de gallina: estas no son herramientas “para principiantes” que dejarás atrás. Son exactamente las mismas herramientas profesionales que usan desarrolladores en Google, Netflix y ese estudio indie de apps que tanto te gusta, en este mismo momento. ¡Vas a sentirte como un profesional usándolas!
+Y aquí viene la parte que aún me pone la piel de gallina: estas no son "herramientas para principiantes" que vas a dejar atrás. Son las mismas herramientas profesionales que usan desarrolladores en Google, Netflix y ese estudio indie de apps que adoras, ahora mismo. ¡Vas a sentirte como un profesional usándolas!
 
 ```mermaid
 graph TD
     A["💡 Tu Idea"] --> B["⌨️ Editor de Código<br/>(VS Code)"] 
-    B --> C["🌐 Herramientas de Desarrollo del Navegador<br/>(Pruebas y Depuración)"]
+    B --> C["🌐 Herramientas para Desarrolladores del Navegador<br/>(Pruebas y Depuración)"]
     C --> D["⚡ Línea de Comandos<br/>(Automatización y Herramientas)"]
     D --> E["📚 Documentación<br/>(Aprendizaje y Referencia)"]
     E --> F["🚀 ¡Aplicación Web Asombrosa!"]
     
-    B -.-> G["🤖 Asistente IA<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Pruebas en Dispositivos<br/>(Diseño Responsivo)"]
+    B -.-> G["🤖 Asistente de IA<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Pruebas en Dispositivos<br/>(Diseño Responsive)"]
     D -.-> I["📦 Gestores de Paquetes<br/>(npm, yarn)"]
     E -.-> J["👥 Comunidad<br/>(Stack Overflow)"]
     
@@ -502,96 +504,97 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
+```
 ### Editores de Código e IDEs: Tus Nuevos Mejores Amigos Digitales
 
-Hablemos de editores de código, que en serio van a ser tus nuevos lugares favoritos para pasar el tiempo. Piensa en ellos como tu santuario personal de programación donde pasarás la mayoría del tiempo creando y perfeccionando tus creaciones digitales.
+Hablemos de editores de código – ¡estos están a punto de convertirse en tus nuevos lugares favoritos para pasar el rato! Piénsalos como tu santuario personal de codificación donde pasarás la mayor parte de tu tiempo creando y perfeccionando tus creaciones digitales.
 
-Pero aquí está lo realmente mágico de los editores modernos: no son simplemente editores de texto sofisticados. Son como tener al mentor de codificación más brillante y solidario sentado a tu lado las 24/7. Detectan tus errores antes de que los notes, sugieren mejoras que te hacen parecer un genio, te ayudan a entender qué hace cada parte del código y algunos hasta pueden predecir lo que vas a escribir y ofrecerte terminar tus ideas.
+Pero aquí está lo realmente mágico de los editores modernos: no son simples editores de texto lujosos. Son como tener al mentor de codificación más brillante y alentador sentado justo a tu lado 24/7. Detectan tus errores tipográficos antes siquiera de que te des cuenta, sugieren mejoras que te hacen parecer un genio, te ayudan a entender qué hace cada pieza del código, y algunos incluso pueden predecir lo que vas a escribir y ofrecerte terminar tus ideas.
 
-Recuerdo cuando descubrí la autocompletación — literalmente sentí que vivía en el futuro. Empiezas a escribir algo y tu editor dice “Oye, ¿estabas pensando en esta función que hace exactamente lo que necesitas?” Es como tener un lector de mente como compañero de codificación.
+Recuerdo la primera vez que descubrí la autocompletación – literalmente sentí que estaba viviendo en el futuro. Empiezas a escribir algo, y tu editor dice: "Oye, ¿estabas pensando en esta función que hace exactamente lo que necesitas?" ¡Es como tener un lector de mentes como compañero de codificación!
 
-**¿Qué hace que estos editores sean increíbles?**
+**¿Qué hace que estos editores sean tan increíbles?**
 
-Los editores modernos ofrecen un impresionante conjunto de funciones diseñadas para aumentar tu productividad:
+Los editores modernos ofrecen una impresionante variedad de características diseñadas para aumentar tu productividad:
 
-| Función | Qué Hace | Por Qué Ayuda |
-|---------|----------|---------------|
-| **Resaltado de sintaxis** | Colorea diferentes partes de tu código | Hace que el código sea más fácil de leer y detectar errores |
+| Característica | Qué hace | Por qué ayuda |
+|---------|--------------|--------------|
+| **Resaltado de Sintaxis** | Colorea diferentes partes de tu código | Hace que el código sea más fácil de leer y detectar errores |
 | **Autocompletado** | Sugiere código mientras escribes | Acelera la codificación y reduce errores tipográficos |
-| **Herramientas de depuración** | Ayudan a encontrar y corregir errores | Ahorra horas en solucionar problemas |
-| **Extensiones** | Agregan funciones especializadas | Personaliza tu editor para cualquier tecnología |
+| **Herramientas de Depuración** | Te ayuda a encontrar y corregir errores | Ahorra horas de tiempo de solución de problemas |
+| **Extensiones** | Añaden funciones especializadas | Personaliza tu editor para cualquier tecnología |
 | **Asistentes de IA** | Sugieren código y explicaciones | Acelera el aprendizaje y la productividad |
 
-> 🎥 **Recurso en video**: ¿Quieres ver estas herramientas en acción? Mira este [video de Herramientas del Oficio](https://youtube.com/watch?v=69WJeXGBdxg) para una visión completa.
+> 🎥 **Recurso en Video**: ¿Quieres ver estas herramientas en acción? Mira este [video Herramientas del Oficio](https://youtube.com/watch?v=69WJeXGBdxg) para una visión completa.
 
 #### Editores recomendados para desarrollo web
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)  
-- El más popular entre desarrolladores web  
-- Excelente ecosistema de extensiones  
-- Terminal incorporado e integración con Git  
-- **Extensiones indispensables**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – Sugerencias de código impulsadas por IA  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – Colaboración en tiempo real  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – Formateo automático de código  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – Detecta errores ortográficos en tu código  
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
+- El más popular entre desarrolladores web
+- Excelente ecosistema de extensiones
+- Terminal incorporado e integración con Git
+- **Extensiones imprescindibles**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugerencias de código impulsadas por IA
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaboración en tiempo real
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formateo automático de código
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Detecta errores tipográficos en tu código
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (De pago, gratis para estudiantes)  
-- Herramientas avanzadas de depuración y pruebas  
-- Autocompletado inteligente  
-- Control de versiones incorporado  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (De pago, gratis para estudiantes)
+- Herramientas avanzadas de depuración y pruebas
+- Autocompletado de código inteligente
+- Control de versiones integrado
 
-**IDEs basados en la nube** (Varían precios)  
-- [GitHub Codespaces](https://github.com/features/codespaces) – VS Code completo en tu navegador  
-- [Replit](https://replit.com/) – Excelente para aprender y compartir código  
-- [StackBlitz](https://stackblitz.com/) – Desarrollo web full-stack instantáneo  
+**IDEs basados en la nube** (Precios varios)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code completo en tu navegador
+- [Replit](https://replit.com/) - Excelente para aprender y compartir código
+- [StackBlitz](https://stackblitz.com/) - Desarrollo web full-stack instantáneo
+
+> 💡 **Consejo para empezar**: Comienza con Visual Studio Code – es gratis, muy usado en la industria, y tiene una enorme comunidad creando tutoriales y extensiones útiles.
 
-> 💡 **Consejo para comenzar**: Empieza con Visual Studio Code – es gratis, ampliamente usado en la industria y tiene una enorme comunidad creando tutoriales y extensiones útiles.
 
 ### Navegadores Web: Tu Laboratorio Secreto de Desarrollo
 
-Prepárate para que te explote la mente. Sabes que has estado usando navegadores para desplazarte en redes sociales y ver videos, ¿verdad? Pues resulta que han estado escondiendo un laboratorio secreto de desarrollo todo este tiempo, esperando a que lo descubras.
+Prepárate para que te explote la mente completamente. ¿Sabías que has estado usando navegadores para desplazarte por redes sociales y ver videos? Pues resulta que han estado escondiendo este increíble laboratorio secreto para desarrolladores todo este tiempo, ¡esperando a que lo descubras!
 
-Cada vez que haces clic derecho en una página web y seleccionas “Inspeccionar elemento”, estás abriendo un mundo oculto de herramientas para desarrolladores que honestamente son más poderosas que algunos softwares caros por los que yo solía pagar cientos de dólares. Es como descubrir que tu cocina común y corriente ha estado ocultando un laboratorio de chef profesional tras un panel secreto.
-La primera vez que alguien me mostró las DevTools del navegador, pasé como tres horas solo haciendo clic por aquí y diciendo "¿ESPERA, TAMBIÉN PUEDE HACER ESO?!" Literalmente puedes editar cualquier sitio web en tiempo real, ver exactamente qué tan rápido carga todo, probar cómo se ve tu sitio en diferentes dispositivos e incluso depurar JavaScript como un profesional total. ¡Es absolutamente alucinante!
+Cada vez que haces clic derecho sobre una página web y seleccionas "Inspeccionar elemento," estás abriendo un mundo oculto de herramientas para desarrolladores que honestamente son más poderosas que algunos programas caros por los que solía pagar cientos de dólares. ¡Es como descubrir que tu cocina común y corriente ha estado ocultando un laboratorio de chef profesional detrás de un panel secreto!
+La primera vez que alguien me mostró las DevTools del navegador, pasé como tres horas simplemente haciendo clic por todos lados y diciendo "¿¡ESPERA, ¿TAMBIÉN PUEDE HACER ESO?!". Literalmente puedes editar cualquier sitio web en tiempo real, ver exactamente qué tan rápido se carga todo, probar cómo se ve tu sitio en diferentes dispositivos e incluso depurar JavaScript como un profesional total. ¡Es absolutamente alucinante!
 
-**Aquí está por qué los navegadores son tu arma secreta:**
+**Aquí está la razón por la que los navegadores son tu arma secreta:**
 
-Cuando creas un sitio web o una aplicación web, necesitas ver cómo se ve y se comporta en el mundo real. Los navegadores no solo muestran tu trabajo, sino que también ofrecen retroalimentación detallada sobre rendimiento, accesibilidad y posibles problemas.
+Cuando creas un sitio web o una aplicación web, necesitas ver cómo se ve y se comporta en el mundo real. Los navegadores no solo muestran tu trabajo, sino que también proporcionan retroalimentación detallada sobre rendimiento, accesibilidad y posibles problemas.
 
-#### Herramientas de desarrollo del navegador (DevTools)
+#### Herramientas de Desarrollo del Navegador (DevTools)
 
-Los navegadores modernos incluyen suites de desarrollo completas:
+Los navegadores modernos incluyen suites completas de desarrollo:
 
-| Categoría de herramienta | Qué hace | Caso de uso de ejemplo |
-|--------------------------|----------|-----------------------|
-| **Inspector de elementos** | Ver y editar HTML/CSS en tiempo real | Ajustar estilos para ver resultados inmediatos |
+| Categoría de Herramienta | Qué Hace | Caso de Uso Ejemplo |
+|--------------------------|----------|---------------------|
+| **Inspector de Elementos** | Ver y editar HTML/CSS en tiempo real | Ajustar el estilo para ver resultados inmediatos |
 | **Consola** | Ver mensajes de error y probar JavaScript | Depurar problemas y experimentar con código |
-| **Monitor de red** | Rastrear cómo se cargan los recursos | Optimizar el rendimiento y los tiempos de carga |
-| **Comprobador de accesibilidad** | Probar diseño inclusivo | Asegurar que tu sitio funcione para todos los usuarios |
-| **Simulador de dispositivos** | Vista previa en diferentes tamaños de pantalla | Probar diseño responsivo sin múltiples dispositivos |
+| **Monitor de Red** | Rastrear cómo se cargan los recursos | Optimizar el rendimiento y tiempos de carga |
+| **Verificador de Accesibilidad** | Probar diseño inclusivo | Asegurar que tu sitio funcione para todos los usuarios |
+| **Simulador de Dispositivos** | Previsualizar en diferentes tamaños de pantalla | Probar diseño responsivo sin múltiples dispositivos |
 
-#### Navegadores recomendados para desarrollo
+#### Navegadores Recomendados para Desarrollo
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools estándar de la industria con documentación extensa
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excelentes herramientas para CSS Grid y accesibilidad
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Basado en Chromium con recursos de desarrollo de Microsoft
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Basado en Chromium con recursos para desarrolladores de Microsoft
 
-> ⚠️ **Consejo importante para pruebas**: ¡Siempre prueba tus sitios web en múltiples navegadores! Lo que funciona perfectamente en Chrome puede verse diferente en Safari o Firefox. Los desarrolladores profesionales prueban en todos los navegadores principales para asegurar experiencias de usuario consistentes.
+> ⚠️ **Consejo Importante para Pruebas**: ¡Siempre prueba tus sitios web en múltiples navegadores! Lo que funciona perfectamente en Chrome puede verse diferente en Safari o Firefox. Los desarrolladores profesionales prueban en todos los navegadores principales para asegurar experiencias consistentes para los usuarios.
 
 
-### Herramientas de línea de comandos: tu puerta a superpoderes de desarrollador
+### Herramientas de Línea de Comandos: Tu Entrada a Súper Poderes de Desarrollador
 
-Bien, tengamos un momento completamente honesto aquí sobre la línea de comandos, porque quiero que escuches esto de alguien que realmente lo entiende. La primera vez que la vi – solo esa pantalla negra aterradora con texto parpadeante – literalmente pensé, "No, absolutamente no. ¡Esto parece algo de una película de hackers de los años 80, y definitivamente no soy lo suficientemente inteligente para esto!" 😅
+Bien, tengamos un momento completamente honesto sobre la línea de comandos, porque quiero que escuches esto de alguien que realmente lo entiende. La primera vez que la vi, solo esa pantalla negra aterradora con texto parpadeante, literalmente pensé: "¡No, absolutamente no! Esto parece algo de una película de hackers de los años 80, ¡y definitivamente no soy lo suficientemente inteligente para esto!" 😅
 
-Pero esto es lo que desearía que alguien me hubiera dicho entonces, y que te estoy diciendo ahora: la línea de comandos no da miedo, en realidad es como tener una conversación directa con tu computadora. Piensa en la diferencia entre pedir comida a través de una aplicación elegante con imágenes y menús (lo cual es agradable y fácil) frente a entrar a tu restaurante local favorito donde el chef sabe exactamente lo que te gusta y puede preparar algo perfecto solo con que digas "sorpréndeme con algo increíble."
+Pero aquí está lo que desearía que alguien me hubiera dicho en ese entonces, y lo que te estoy diciendo ahora: la línea de comandos no da miedo; en realidad es como tener una conversación directa con tu computadora. Piensa en ello como la diferencia entre pedir comida a través de una aplicación elegante con fotos y menús (que es agradable y fácil) versus entrar a tu restaurante local favorito donde el chef sabe exactamente qué te gusta y puede preparar algo perfecto solo porque dices "sorpréndeme con algo increíble".
 
-La línea de comandos es donde los desarrolladores se sienten como magos absolutos. Escribes unas pocas palabras aparentemente mágicas (ok, son solo comandos, pero se sienten mágicas), presionas enter y ¡BUM! – has creado estructuras enteras de proyectos, instalado herramientas poderosas de todo el mundo o desplegado tu app en internet para que millones la vean. Una vez que pruebas ese poder por primera vez, honestamente es bastante adictivo.
+La línea de comandos es donde los desarrolladores se sienten como magos absolutos. Escribes algunas palabras aparentemente mágicas (bueno, son comandos, pero se sienten mágicos), presionas enter y ¡BUM! — has creado estructuras enteras de proyectos, instalado herramientas poderosas de todo el mundo o desplegado tu app en Internet para que millones la vean. ¡Una vez que pruebas ese poder, honestamente es bastante adictivo!
 
 **Por qué la línea de comandos se convertirá en tu herramienta favorita:**
 
-Mientras las interfaces gráficas son excelentes para muchas tareas, la línea de comandos sobresale en automatización, precisión y velocidad. Muchas herramientas de desarrollo funcionan principalmente a través de interfaces de línea de comandos, y aprender a usarlas eficientemente puede mejorar dramáticamente tu productividad.
+Aunque las interfaces gráficas son geniales para muchas tareas, la línea de comandos destaca en automatización, precisión y velocidad. Muchas herramientas de desarrollo funcionan principalmente a través de interfaces de línea de comandos, y aprender a usarlas eficientemente puede mejorar tu productividad dramáticamente.
 
 ```bash
 # Paso 1: Crear y navegar al directorio del proyecto
@@ -601,7 +604,7 @@ cd my-awesome-website
 
 **Esto es lo que hace este código:**
 - **Crear** un nuevo directorio llamado "my-awesome-website" para tu proyecto
-- **Navegar** al directorio recién creado para empezar a trabajar
+- **Navegar** hacia el directorio recién creado para comenzar a trabajar
 
 ```bash
 # Paso 2: Inicializar el proyecto con package.json
@@ -612,11 +615,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Paso a paso, esto es lo que está pasando:**
+**Paso a paso, esto es lo que sucede:**
 - **Inicializar** un nuevo proyecto Node.js con configuraciones por defecto usando `npm init -y`
 - **Instalar** Vite como una herramienta moderna de construcción para desarrollo rápido y compilaciones de producción
-- **Agregar** Prettier para formateo automático de código y ESLint para verificaciones de calidad de código
-- **Usar** el flag `--save-dev` para marcar estas como dependencias solo de desarrollo
+- **Agregar** Prettier para formateo automático de código y ESLint para verificación de calidad de código
+- **Usar** la bandera `--save-dev` para marcar estas como dependencias solo para desarrollo
 
 ```bash
 # Paso 3: Crear la estructura del proyecto y los archivos
@@ -629,103 +632,103 @@ npx vite
 
 **En lo anterior, hemos:**
 - **Organizado** nuestro proyecto creando carpetas separadas para código fuente y recursos
-- **Generado** un archivo HTML básico con la estructura adecuada del documento
-- **Iniciado** el servidor de desarrollo de Vite para recarga en vivo y reemplazo en caliente de módulos
+- **Generado** un archivo HTML básico con la estructura correcta del documento
+- **Iniciado** el servidor de desarrollo Vite para recarga en vivo y reemplazo en caliente de módulos
 
-#### Herramientas esenciales de línea de comandos para desarrollo web
+#### Herramientas Esenciales de Línea de Comandos para Desarrollo Web
 
-| Herramienta | Propósito | Por qué la necesitas |
-|-------------|-----------|---------------------|
+| Herramienta | Propósito | Por qué la Necesitas |
+|-------------|-----------|----------------------|
 | **[Git](https://git-scm.com/)** | Control de versiones | Rastrear cambios, colaborar con otros, respaldar tu trabajo |
-| **[Node.js & npm](https://nodejs.org/)** | Entorno de ejecución JavaScript y gestión de paquetes | Ejecutar JavaScript fuera de navegadores, instalar herramientas modernas de desarrollo |
-| **[Vite](https://vitejs.dev/)** | Herramienta de construcción y servidor de desarrollo | Desarrollo ultra rápido con reemplazo en caliente de módulos |
-| **[ESLint](https://eslint.org/)** | Calidad de código | Encontrar y corregir problemas en tu JavaScript automáticamente |
+| **[Node.js & npm](https://nodejs.org/)** | Entorno de ejecución JavaScript y gestor de paquetes | Ejecutar JavaScript fuera de navegadores, instalar herramientas modernas de desarrollo |
+| **[Vite](https://vitejs.dev/)** | Herramienta de construcción y servidor de desarrollo | Desarrollo ultrarrápido con reemplazo en caliente de módulos |
+| **[ESLint](https://eslint.org/)** | Calidad de código | Encontrar y corregir problemas automáticamente en tu JavaScript |
 | **[Prettier](https://prettier.io/)** | Formateo de código | Mantener tu código consistentemente formateado y legible |
 
-#### Opciones específicas por plataforma
+#### Opciones Específicas por Plataforma
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno y con muchas funciones
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Entorno de scripting poderoso
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno con muchas funciones
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Entorno potente para scripting
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Línea de comandos tradicional de Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicación de terminal integrada
-- **[iTerm2](https://iterm2.com/)** - Terminal mejorado con características avanzadas
+- **[iTerm2](https://iterm2.com/)** - Terminal mejorado con funciones avanzadas
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell estándar de Linux
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell estándar en Linux
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulador de terminal avanzado
 
 > 💻 = Preinstalado en el sistema operativo
 
-> 🎯 **Ruta de aprendizaje**: Comienza con comandos básicos como `cd` (cambiar directorio), `ls` o `dir` (listar archivos) y `mkdir` (crear carpeta). Practica con comandos modernos de flujo de trabajo como `npm install`, `git status` y `code .` (abre el directorio actual en VS Code). A medida que te sientas más cómodo, naturalmente aprenderás comandos más avanzados y técnicas de automatización.
+> 🎯 **Ruta de Aprendizaje**: Comienza con comandos básicos como `cd` (cambiar directorio), `ls` o `dir` (listar archivos) y `mkdir` (crear carpeta). Practica con comandos modernos de flujo de trabajo como `npm install`, `git status` y `code .` (abre el directorio actual en VS Code). Conforme te sientas más cómodo, naturalmente aprenderás comandos más avanzados y técnicas de automatización.
 
 
-### Documentación: tu mentor de aprendizaje siempre disponible
+### Documentación: Tu Mentor de Aprendizaje Siempre Disponible
 
-Bien, déjame compartir un pequeño secreto que te hará sentir mucho mejor sobre ser principiante: incluso los desarrolladores más experimentados pasan mucho tiempo leyendo documentación. Y eso no es porque no sepan lo que hacen, ¡es realmente una señal de sabiduría!
+Ok, déjame compartir un pequeño secreto que te hará sentir mucho mejor sobre ser un principiante: incluso los desarrolladores más experimentados pasan gran parte de su tiempo leyendo documentación. ¡Y no es porque no sepan lo que hacen, sino que es una señal de sabiduría!
 
-Piensa en la documentación como tener acceso a los profesores más pacientes y conocedores del mundo, disponibles las 24 horas del día, los 7 días de la semana. ¿Atascado en un problema a las 2 AM? La documentación está ahí con un abrazo virtual cálido y exactamente la respuesta que necesitas. ¿Quieres aprender sobre alguna función nueva que todos comentan? La documentación te respalda con ejemplos paso a paso. ¿Intentas entender por qué algo funciona de una determinada manera? Lo adivinaste: la documentación está lista para explicártelo de una forma que finalmente lo haga click.
+Piensa en la documentación como tener acceso a los profesores más pacientes y expertos del mundo, disponibles las 24 horas del día, los 7 días de la semana. ¿Atascado en un problema a las 2 a.m.? La documentación está allí con un cálido abrazo virtual y exactamente la respuesta que necesitas. ¿Quieres aprender sobre alguna característica nueva genial de la que todos hablan? La documentación te respalda con ejemplos paso a paso. ¿Intentas entender por qué algo funciona de cierta manera? Exacto, la documentación está lista para explicártelo de una forma que finalmente lo haga clic en tu cabeza.
 
-Algo que cambió completamente mi perspectiva: el mundo del desarrollo web se mueve increíblemente rápido, y nadie (¡absolutamente nadie!) memoriza todo. He visto a desarrolladores senior con más de 15 años de experiencia consultar sintaxis básica y, ¿sabes qué? Eso no es vergonzoso, ¡es inteligente! No se trata de tener una memoria perfecta; se trata de saber dónde encontrar respuestas confiables rápidamente y entender cómo aplicarlas.
+Aquí hay algo que cambió por completo mi perspectiva: el mundo del desarrollo web se mueve increíblemente rápido, y nadie (y digo absolutamente nadie) tiene todo memorizado. He visto a desarrolladores seniors con más de 15 años de experiencia buscar sintaxis básica, y ¿sabes qué? Eso no es vergonzoso, ¡es inteligente! No se trata de tener una memoria perfecta; se trata de saber dónde encontrar respuestas confiables rápidamente y entender cómo aplicarlas.
 
-**Aquí es donde ocurre la verdadera magia:**
+**Aquí es donde sucede la verdadera magia:**
 
-Los desarrolladores profesionales dedican una parte significativa de su tiempo a leer documentación – no porque no sepan lo que hacen, sino porque el panorama del desarrollo web evoluciona tan rápido que mantenerse actualizado requiere aprendizaje continuo. La buena documentación te ayuda a entender no solo *cómo* usar algo, sino *por qué* y *cuándo* usarlo.
+Los desarrolladores profesionales pasan una parte significativa de su tiempo leyendo documentación, no porque no sepan lo que hacen, sino porque el panorama del desarrollo web evoluciona tan rápido que mantenerse al día requiere aprendizaje continuo. La buena documentación te ayuda a entender no solo *cómo* usar algo, sino *por qué* y *cuándo* usarlo.
 
-#### Recursos esenciales de documentación
+#### Recursos Esenciales de Documentación
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - El estándar de oro para documentación de tecnologías web
 - Guías completas para HTML, CSS y JavaScript
-- Incluye información sobre compatibilidad con navegadores
-- Cuenta con ejemplos prácticos y demos interactivas
+- Incluye información sobre compatibilidad entre navegadores
+- Cuenta con ejemplos prácticos y demostraciones interactivas
 
-**[Web.dev](https://web.dev)** (de Google)
-- Buenas prácticas modernas para desarrollo web
+**[Web.dev](https://web.dev)** (por Google)
+- Mejores prácticas modernas para desarrollo web
 - Guías de optimización de rendimiento
 - Principios de accesibilidad y diseño inclusivo
-- Estudios de caso de proyectos reales
+- Estudios de caso de proyectos del mundo real
 
-**[Documentación para desarrolladores de Microsoft](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Recursos de desarrollo para el navegador Edge
-- Guías de Progressive Web Apps
-- Perspectivas para desarrollo multiplataforma
+- Guías para Progressive Web Apps
+- Información para desarrollo multiplataforma
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Currículos de aprendizaje estructurados
-- Cursos en vídeo de expertos de la industria
+- Currículos estructurados de aprendizaje
+- Cursos en video de expertos de la industria
 - Ejercicios prácticos de codificación
 
-> 📚 **Estrategia de estudio**: No intentes memorizar la documentación, en su lugar, aprende a navegarla eficientemente. Guarda como favorito las referencias que usas frecuentemente y practica usando las funciones de búsqueda para encontrar información específica rápidamente.
+> 📚 **Estrategia de Estudio**: No intentes memorizar la documentación; en su lugar, aprende a navegarla eficientemente. Marca referencias que uses frecuentemente y practica usar las funciones de búsqueda para encontrar información específica rápidamente.
 
-### 🔧 **Chequeo de dominio de herramientas: ¿Qué te resuena?**
+### 🔧 **Chequeo de Dominio de Herramientas: ¿Qué Resuena Contigo?**
 
-**Toma un momento para considerar:**
-- ¿Qué herramienta te emociona más probar primero? (¡No hay respuesta incorrecta!)
-- ¿La línea de comandos aún te parece intimidante o te da curiosidad?
-- ¿Puedes imaginar usar las DevTools del navegador para echar un vistazo detrás del telón de tus sitios web favoritos?
+**Tómate un momento para considerar:**
+- ¿Con qué herramienta estás más emocionado de probar primero? (¡No hay respuesta equivocada!)
+- ¿La línea de comandos todavía te intimida o te da curiosidad?
+- ¿Puedes imaginar usar las DevTools del navegador para echar un vistazo tras el telón de tus sitios web favoritos?
 
 ```mermaid
-pie title "Tiempo de Desarrollador Empleado con Herramientas"
+pie title "Tiempo de Desarrollador Pasado con Herramientas"
     "Editor de Código" : 40
     "Pruebas en Navegador" : 25
     "Línea de Comandos" : 15
-    "Leer Documentación" : 15
+    "Lectura de Documentación" : 15
     "Depuración" : 5
 ```
-> **Dato curioso**: La mayoría de los desarrolladores pasan alrededor del 40% de su tiempo en su editor de código, pero nota cuánto tiempo se dedica a probar, aprender y resolver problemas. ¡Programar no solo es escribir código, es crear experiencias!
+> **Dato divertido**: La mayoría de los desarrolladores pasan aproximadamente el 40% de su tiempo en su editor de código, pero observa cuánto tiempo se va en pruebas, aprendizaje y resolución de problemas. Programar no es solo escribir código — es crear experiencias.
 
-✅ **Para reflexionar**: Aquí hay algo interesante para pensar: ¿cómo crees que las herramientas para construir sitios web (desarrollo) pueden ser diferentes de las herramientas para diseñar cómo se ven (diseño)? Es como la diferencia entre ser un arquitecto que diseña una casa hermosa y el contratista que realmente la construye. ¡Ambos son cruciales, pero necesitan cajas de herramientas diferentes! Este tipo de pensamiento realmente te ayudará a ver el panorama más amplio de cómo cobran vida los sitios web.
+✅ **Tema para reflexionar**: Aquí hay algo interesante para pensar – ¿cómo crees que las herramientas para construir sitios web (desarrollo) podrían ser diferentes de las herramientas para diseñar cómo se ven (diseño)? Es como la diferencia entre ser un arquitecto que diseña una casa hermosa y el contratista que realmente la construye. ¡Ambos son cruciales, pero necesitan diferentes cajas de herramientas! Este tipo de pensamiento te ayudará a ver el panorama completo de cómo los sitios web cobran vida.
 
 ## Desafío del Agente GitHub Copilot 🚀
 
 Usa el modo Agente para completar el siguiente desafío:
 
-**Descripción:** Explora las características de un editor de código o IDE moderno y demuestra cómo puede mejorar tu flujo de trabajo como desarrollador web.
+**Descripción:** Explora las características de un editor de código moderno o IDE y demuestra cómo puede mejorar tu flujo de trabajo como desarrollador web.
 
-**Prompt:** Elige un editor de código o IDE (como Visual Studio Code, WebStorm, o un IDE basado en la nube). Enumera tres características o extensiones que te ayuden a escribir, depurar o mantener código más eficientemente. Para cada una, proporciona una breve explicación de cómo beneficia tu flujo de trabajo.
+**Prompt:** Elige un editor de código o IDE (como Visual Studio Code, WebStorm, o un IDE basado en la nube). Enumera tres características o extensiones que te ayuden a escribir, depurar o mantener código de forma más eficiente. Para cada una, proporciona una breve explicación de cómo beneficia tu flujo de trabajo.
 
 ---
 
@@ -733,101 +736,103 @@ Usa el modo Agente para completar el siguiente desafío:
 
 **Muy bien, detective, ¿listo para tu primer caso?**
 
-Ahora que tienes esta increíble base, tengo una aventura que te ayudará a ver lo increíblemente diverso y fascinante que es realmente el mundo de la programación. Y escucha – esto no es sobre escribir código todavía, así que no hay presión. ¡Piensa en ti como un detective de lenguajes de programación en tu primer caso emocionante!
+Ahora que tienes esta base increíble, tengo una aventura que te ayudará a ver lo increíblemente diverso y fascinante que es realmente el mundo de la programación. Y escucha – esto no es sobre escribir código todavía, ¡así que no hay presión! Piensa en ti mismo como un detective de lenguajes de programación en tu primer caso emocionante.
 
 **Tu misión, si decides aceptarla:**
-1. **Conviértete en explorador de lenguajes**: Elige tres lenguajes de programación de universos completamente diferentes – quizá uno que construya sitios web, otro que cree apps móviles y otro que procese datos para científicos. Encuentra ejemplos de la misma tarea simple escrita en cada lenguaje. ¡Te prometo que te vas a asombrar de lo diferentes que pueden verse mientras hacen exactamente lo mismo!
+1. **Conviértete en explorador de lenguajes**: Elige tres lenguajes de programación de universos completamente distintos – tal vez uno que construya sitios web, otro que cree apps móviles y otro que analice datos para científicos. Busca ejemplos de la misma tarea sencilla escrita en cada lenguaje. ¡Te prometo que te vas a sorprender de lo diferentes que pueden verse mientras hacen exactamente lo mismo!
 
-2. **Descubre sus historias de origen**: ¿Qué hace especial a cada lenguaje? Aquí un dato genial: cada lenguaje de programación fue creado porque alguien pensó, "¿Sabes qué? Tiene que haber una mejor forma de resolver este problema específico." ¿Puedes descubrir cuáles fueron esos problemas? ¡Algunas de estas historias son realmente fascinantes!
+2. **Descubre sus historias de origen**: ¿Qué hace especial a cada lenguaje? Aquí hay un dato genial: cada lenguaje de programación fue creado porque alguien dijo, "¿Sabes qué? Tiene que haber una mejor manera de resolver este problema específico." ¿Puedes descubrir cuáles fueron esos problemas? ¡Algunas de esas historias son genuinamente fascinantes!
 
-3. **Conoce las comunidades**: Investiga qué tan acogedora y apasionada es la comunidad de cada lenguaje. Algunas tienen millones de desarrolladores compartiendo conocimiento y ayudándose mutuamente, otras son más pequeñas pero increíblemente unidas y solidarias. ¡Te encantará ver las diferentes personalidades que tienen estas comunidades!
+3. **Conoce las comunidades**: Observa qué tan acogedora y apasionada es la comunidad de cada lenguaje. Algunas tienen millones de desarrolladores compartiendo conocimiento y ayudándose mutuamente, otras son más pequeñas pero increíblemente unidas y solidarias. ¡Te encantará ver las diferentes personalidades que tienen estas comunidades!
 
-4. **Confía en tu intuición**: ¿Cuál idioma te parece más accesible ahora mismo? No te estreses por hacer la elección "perfecta" – solo escucha tus instintos. Honestamente, no hay respuesta incorrecta, y siempre puedes explorar otros más adelante.
+4. **Sigue tu instinto**: ¿Qué lenguaje te parece más accesible ahora mismo? No te estreses por tomar la elección "perfecta" — simplemente escucha a tus instintos. Honestamente, no hay respuesta incorrecta aquí, y siempre puedes explorar otros después.
 
-**Trabajo extra de detective**: Trata de descubrir qué sitios web o apps importantes están construidos con cada lenguaje. ¡Te garantizo que te sorprenderá saber qué impulsa Instagram, Netflix o ese juego móvil que no puedes dejar de jugar!
+**Trabajo extra de detective**: Trata de descubrir qué sitios web o apps importantes están construidas con cada lenguaje. ¡Te garantizo que te sorprenderá saber qué impulsa Instagram, Netflix o ese juego móvil que no puedes dejar de jugar!
 
-> 💡 **Recuerda**: No estás tratando de convertirte en un experto en ninguno de estos lenguajes hoy. Solo estás conociendo el vecindario antes de decidir dónde quieres establecerte. Tómate tu tiempo, diviértete y deja que tu curiosidad te guíe.
+> 💡 **Recuerda**: No estás tratando de volverte un experto en ninguno de estos lenguajes hoy. Solo estás conociendo el vecindario antes de decidir dónde quieres establecerte. Tómate tu tiempo, diviértete y deja que tu curiosidad te guíe.
 
 ## ¡Celebremos lo que has descubierto!
 
-¡Santo cielo, has absorbido tanta información increíble hoy! Estoy genuinamente emocionado por ver cuánto de este asombroso viaje se ha quedado contigo. Y recuerda – esto no es un examen donde necesites hacerlo todo perfecto. Esto es más como una celebración de todas las cosas geniales que has aprendido sobre este fascinante mundo en el que estás a punto de sumergirte.
+¡Santo cielo, has absorbido tanta información increíble hoy! Estoy genuinamente emocionado de ver cuánto de este asombroso viaje se ha quedado contigo. Y recuerda – esto no es un examen donde necesites hacerlo todo perfecto. Es más como una celebración de todas las cosas geniales que has aprendido sobre este fascinante mundo en el que estás a punto de sumergirte.
 
-[Realiza el quiz posterior a la lección](https://ff-quizzes.netlify.app/web/)
-## Revisión y Autoestudio
+[Toma el quiz posterior a la lección](https://ff-quizzes.netlify.app/web/)
 
-**¡Tómate tu tiempo para explorar y divertirte con esto!**
+## Repaso & Autoestudio
 
-¡Has cubierto mucho terreno hoy, y eso es algo de lo que estar orgulloso! Ahora viene la parte divertida: explorar los temas que despertaron tu curiosidad. Recuerda, esto no es tarea – ¡es una aventura!
+**Tómate tu tiempo para explorar y divertirte con ello!**
+Has recorrido mucho camino hoy, ¡y eso es algo de lo que estar orgulloso! Ahora viene la parte divertida: explorar los temas que despertaron tu curiosidad. Recuerda, esto no es tarea – ¡es una aventura!
 
-**Profundiza en lo que te emociona:**
+**Profundiza en lo que te entusiasma:**
 
-**Ponte manos a la obra con los lenguajes de programación:**
-- Visita los sitios web oficiales de 2-3 lenguajes que llamaron tu atención. ¡Cada uno tiene su propia personalidad e historia!
-- Prueba algunos entornos de codificación en línea como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), o [Replit](https://replit.com/). No tengas miedo de experimentar – ¡no puedes romper nada!
-- Lee sobre cómo se creó tu lenguaje favorito. En serio, algunas de estas historias de origen son fascinantes y te ayudarán a entender por qué los lenguajes funcionan como lo hacen.
+**Manos a la obra con los lenguajes de programación:**
+- Visita los sitios oficiales de 2-3 lenguajes que llamaron tu atención. ¡Cada uno tiene su propia personalidad e historia!
+- Prueba algunos entornos de programación en línea como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), o [Replit](https://replit.com/). No temas experimentar – ¡no puedes romper nada!
+- Lee sobre cómo surgió tu lenguaje favorito. En serio, algunas de estas historias de origen son fascinantes y te ayudarán a entender por qué los lenguajes funcionan de la manera en que lo hacen.
 
 **Familiarízate con tus nuevas herramientas:**
-- Descarga Visual Studio Code si aún no lo has hecho – es gratis y te va a encantar.
-- Pasa unos minutos navegando por el mercado de Extensiones. ¡Es como una tienda de apps para tu editor de código!
-- Abre las Herramientas de Desarrollador de tu navegador y simplemente haz clic por ahí. No te preocupes por entender todo – solo familiarízate con lo que hay.
+- Descarga Visual Studio Code si aún no lo has hecho – ¡es gratis y te va a encantar!
+- Dedica unos minutos a navegar por el mercado de Extensiones. ¡Es como una tienda de apps para tu editor de código!
+- Abre las Herramientas de Desarrollo de tu navegador y simplemente haz clic por ahí. No te preocupes por entenderlo todo – solo familiarízate con lo que hay.
 
 **Únete a la comunidad:**
-- Sigue algunas comunidades de desarrolladores en [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), o [GitHub](https://github.com/). ¡La comunidad de programación es increíblemente acogedora con los nuevos!
-- Mira algunos videos de codificación para principiantes en YouTube. Hay muchos creadores geniales que recuerdan cómo es empezar.
-- Considera unirte a encuentros locales o comunidades en línea. Créeme, a los desarrolladores les encanta ayudar a los nuevos.
+- Sigue algunas comunidades de desarrolladores en [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), o [GitHub](https://github.com/). ¡La comunidad de programación es increíblemente acogedora con los principiantes!
+- Mira algunos videos de programación para principiantes en YouTube. Hay muchos creadores geniales que recuerdan cómo es empezar desde cero.
+- Considera unirte a encuentros locales o comunidades en línea. Créeme, a los desarrolladores les encanta ayudar a los que están empezando.
+
+> 🎯 **Escucha, esto es lo que quiero que recuerdes**: No se espera que te conviertas en un mago de la programación de la noche a la mañana. Ahora mismo, solo estás conociendo este increíble nuevo mundo del que vas a formar parte. Tómate tu tiempo, disfruta el camino y recuerda – cada desarrollador que admiras alguna vez estuvo exactamente donde tú estás ahora, emocionado y tal vez un poco abrumado. Eso es totalmente normal y significa que lo estás haciendo bien.
+
 
-> 🎯 **Escucha, esto es lo que quiero que recuerdes**: ¡No se espera que te conviertas en un mago del código de la noche a la mañana! Ahora mismo, solo estás conociendo este increíble nuevo mundo del que vas a ser parte. Tómate tu tiempo, disfruta el viaje, y recuerda – cada desarrollador que admiras estuvo una vez exactamente donde tú estás ahora, sintiéndose emocionado y quizás un poco abrumado. Eso es totalmente normal, y significa que lo estás haciendo bien.
 
 ## Tarea
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Un pequeño empujón para tu tarea**: ¡Me encantaría verte explorar algunas herramientas que aún no hemos cubierto! Olvida los editores, navegadores y herramientas de línea de comandos que ya mencionamos – hay todo un universo increíble de herramientas de desarrollo esperando a ser descubierto. Busca aquellas que se mantengan activas y tengan comunidades vibrantes y serviciales (estas suelen tener los mejores tutoriales y la gente más amable para ayudarte cuando inevitablemente te atascas y necesitas una mano amiga).
+> 💡 **Un pequeño empujón para tu tarea**: ¡Me encantaría que exploraras algunas herramientas que no hemos cubierto todavía! Olvídate de los editores, navegadores y herramientas de línea de comandos que ya mencionamos – hay todo un universo increíble de herramientas de desarrollo esperando a ser descubierto. Busca aquellas que estén activamente mantenidas y tengan comunidades vibrantes y colaborativas (normalmente estas tienen los mejores tutoriales y las personas más amables cuando inevitablemente te atasques y necesites un mano amiga).
 
 ---
 
-## 🚀 Tu Línea de Tiempo de Aprendizaje en Programación
+## 🚀 Tu cronograma de viaje en la programación
 
-### ⚡ **Lo que puedes hacer en los próximos 5 minutos**
-- [ ] Guarda en favoritos 2-3 sitios web de lenguajes de programación que te llamaron la atención
-- [ ] Descarga Visual Studio Code si aún no lo has hecho
-- [ ] Abre las DevTools (F12) de tu navegador y haz clic por cualquier sitio web
-- [ ] Únete a una comunidad de programación (Dev.to, Reddit r/webdev, o Stack Overflow)
+### ⚡ **Qué puedes hacer en los próximos 5 minutos**
+- [ ] Marcar en favoritos 2-3 sitios web de lenguajes de programación que llamaron tu atención
+- [ ] Descargar Visual Studio Code si aún no lo has hecho
+- [ ] Abrir las DevTools del navegador (F12) y hacer clic alrededor de cualquier sitio web
+- [ ] Unirte a una comunidad de programación (Dev.to, Reddit r/webdev, o Stack Overflow)
 
-### ⏰ **Lo que puedes lograr en esta hora**
-- [ ] Completa el quiz posterior a la lección y reflexiona sobre tus respuestas
-- [ ] Configura VS Code con la extensión GitHub Copilot
-- [ ] Prueba un ejemplo de "Hola Mundo" en 2 lenguajes de programación diferentes en línea
-- [ ] Mira un video de "Un día en la vida de un desarrollador" en YouTube
-- [ ] Comienza tu trabajo de detective de lenguajes de programación (del desafío)
+### ⏰ **Qué puedes lograr esta hora**
+- [ ] Completar el cuestionario posterior a la lección y reflexionar sobre tus respuestas
+- [ ] Configurar VS Code con la extensión GitHub Copilot
+- [ ] Probar un ejemplo de "Hello World" en 2 lenguajes de programación diferentes en línea
+- [ ] Ver un video "Un día en la vida de un desarrollador" en YouTube
+- [ ] Comenzar tu investigación detective sobre lenguajes de programación (del reto)
 
 ### 📅 **Tu aventura de una semana**
-- [ ] Completa la tarea y explora 3 herramientas nuevas de desarrollo
-- [ ] Sigue a 5 desarrolladores o cuentas de programación en redes sociales
-- [ ] Intenta crear algo pequeño en CodePen o Replit (aunque sea un "Hola, [Tu Nombre]!")
-- [ ] Lee una publicación en blog de un desarrollador sobre su experiencia de codificación
-- [ ] Únete a un meetup virtual o mira una charla de programación
-- [ ] Comienza a aprender tu lenguaje elegido con tutoriales en línea
+- [ ] Completar la tarea y explorar 3 nuevas herramientas de desarrollo
+- [ ] Seguir a 5 desarrolladores o cuentas de programación en redes sociales
+- [ ] Intentar construir algo pequeño en CodePen o Replit (¡incluso solo un "Hola, [Tu Nombre]!")
+- [ ] Leer un post en un blog de desarrolladores acerca del recorrido de alguien más en programación
+- [ ] Unirte a un encuentro virtual o ver una charla sobre programación
+- [ ] Comenzar a aprender tu lenguaje elegido con tutoriales en línea
 
 ### 🗓️ **Tu transformación de un mes**
-- [ ] Construye tu primer proyecto pequeño (¡aunque sea una página web sencilla!)
-- [ ] Contribuye a un proyecto de código abierto (empieza con correcciones de documentación)
-- [ ] Mentorea a alguien que recién comienza su camino en la programación
-- [ ] Crea tu sitio web portafolio de desarrollador
-- [ ] Conéctate con comunidades de desarrolladores locales o grupos de estudio
-- [ ] Comienza a planear tu próximo objetivo de aprendizaje
+- [ ] Construir tu primer proyecto pequeño (¡incluso una página web simple cuenta!)
+- [ ] Contribuir a un proyecto de código abierto (empieza con correcciones de documentación)
+- [ ] Guiar a alguien que apenas está empezando su viaje en la programación
+- [ ] Crear tu sitio web portafolio de desarrollador
+- [ ] Conectarte con comunidades locales de desarrolladores o grupos de estudio
+- [ ] Comenzar a planear tu siguiente meta de aprendizaje
 
-### 🎯 **Reflexión final para cerrar**
+### 🎯 **Reflexión final**
 
-**Antes de continuar, tómate un momento para celebrar:**
+**Antes de seguir, tómate un momento para celebrar:**
 - ¿Qué fue lo que más te entusiasmó hoy sobre la programación?
 - ¿Qué herramienta o concepto quieres explorar primero?
-- ¿Cómo te sientes al comenzar este viaje en programación?
+- ¿Cómo te sientes al comenzar este viaje en la programación?
 - ¿Qué pregunta te gustaría hacerle a un desarrollador ahora mismo?
 
 ```mermaid
 journey
-    title Tu Viaje para Construir Confianza
+    title Tu Viaje de Construcción de Confianza
     section Hoy
       Curious: 3: You
       Overwhelmed: 4: You
@@ -836,16 +841,16 @@ journey
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section El Próximo Mes
+    section Próximo Mes
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **Recuerda**: Todo experto fue alguna vez principiante. Todo desarrollador senior alguna vez se sintió exactamente como tú ahora – emocionado, quizás un poco abrumado, y definitivamente curioso sobre lo que es posible. Estás en una compañía increíble, y este viaje va a ser espectacular. ¡Bienvenido al maravilloso mundo de la programación! 🎉
+> 🌟 **Recuerda**: Todo experto fue alguna vez un principiante. Todo desarrollador senior se sintió alguna vez como tú te sientes ahora – emocionado, quizá un poco abrumado, y definitivamente curioso sobre lo que es posible. Estás en una compañía increíble y este viaje va a ser increíble. ¡Bienvenido al maravilloso mundo de la programación! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Aviso Legal**:
-Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de ningún malentendido o interpretación errónea derivada del uso de esta traducción.
+**Descargo de responsabilidad**:  
+Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos responsabilizamos por malentendidos o interpretaciones erróneas derivadas del uso de esta traducción.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/es/AGENTS.md b/translations/es/AGENTS.md
index f6cacec9f..bbc42b646 100644
--- a/translations/es/AGENTS.md
+++ b/translations/es/AGENTS.md
@@ -2,15 +2,15 @@
 
 ## Descripción del Proyecto
 
-Este es un repositorio de currículo educativo para enseñar los fundamentos del desarrollo web a principiantes. El currículo es un curso integral de 12 semanas desarrollado por Microsoft Cloud Advocates, que cuenta con 24 lecciones prácticas sobre JavaScript, CSS y HTML.
+Este es un repositorio de currículo educativo para enseñar los fundamentos del desarrollo web a principiantes. El currículo es un curso integral de 12 semanas desarrollado por Microsoft Cloud Advocates, que incluye 24 lecciones prácticas que abarcan JavaScript, CSS y HTML.
 
 ### Componentes Clave
 
 - **Contenido Educativo**: 24 lecciones estructuradas organizadas en módulos basados en proyectos
-- **Proyectos Prácticos**: Terrarium, Juego de mecanografía, Extensión de navegador, Juego espacial, Aplicación bancaria, Editor de código y Asistente de chat AI
-- **Cuestionarios Interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones pre y post lección)
-- **Soporte Multilenguaje**: Traducciones automáticas a más de 50 idiomas mediante GitHub Actions
-- **Tecnologías**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para proyectos de IA)
+- **Proyectos Prácticos**: Terrarium, Juego de Escritura, Extensión de Navegador, Juego Espacial, App Bancaria, Editor de Código y Asistente de Chat AI
+- **Cuestionarios Interactivos**: 48 cuestionarios con 3 preguntas cada uno (evaluaciones pre/post-lección)
+- **Soporte Multilenguaje**: Traducciones automatizadas para más de 50 idiomas mediante GitHub Actions
+- **Tecnologías**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para proyectos AI)
 
 ### Arquitectura
 
@@ -22,7 +22,7 @@ Este es un repositorio de currículo educativo para enseñar los fundamentos del
 
 ## Comandos de Configuración
 
-Este repositorio es principalmente para el consumo de contenido educativo. Para trabajar con proyectos específicos:
+Este repositorio es principalmente para consumir contenido educativo. Para trabajar con proyectos específicos:
 
 ### Configuración Principal del Repositorio
 
@@ -36,8 +36,8 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Iniciar el servidor de desarrollo
-npm run build      # Construir para producción
+npm run dev        # Iniciar servidor de desarrollo
+npm run build      # Compilar para producción
 npm run lint       # Ejecutar ESLint
 ```
 
@@ -51,7 +51,7 @@ npm run lint       # Ejecutar ESLint
 npm run format     # Formatear con Prettier
 ```
 
-### Proyectos de Extensión de Navegador
+### Proyectos de Extensiones de Navegador
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,12 +59,12 @@ npm install
 # Siga las instrucciones específicas del navegador para cargar extensiones
 ```
 
-### Proyectos del Juego Espacial
+### Proyectos de Juego Espacial
 
 ```bash
 cd 6-space-game/solution
 npm install
-# Abrir index.html en el navegador o usar Live Server
+# Abre index.html en el navegador o usa Live Server
 ```
 
 ### Proyecto de Chat (Backend en Python)
@@ -76,16 +76,16 @@ pip install openai
 python api.py
 ```
 
-## Flujo de Trabajo para Desarrollo
+## Flujo de Trabajo de Desarrollo
 
 ### Para Contribuidores de Contenido
 
-1. **Haz un fork del repositorio** a tu cuenta de GitHub
+1. **Haz un fork del repositorio** en tu cuenta de GitHub
 2. **Clona tu fork** localmente
 3. **Crea una nueva rama** para tus cambios
-4. Realiza cambios en el contenido de las lecciones o ejemplos de código
-5. Prueba cualquier cambio de código en los directorios de proyectos relevantes
-6. Envía pull requests siguiendo las pautas de contribución
+4. Realiza cambios en contenido de lecciones o ejemplos de código
+5. Prueba cualquier cambio de código en directorios de proyectos relevantes
+6. Envía pull requests siguiendo las directrices de contribución
 
 ### Para Estudiantes
 
@@ -93,8 +93,8 @@ python api.py
 2. Navega por los directorios de lecciones secuencialmente
 3. Lee los archivos README de cada lección
 4. Completa los cuestionarios pre-lección en https://ff-quizzes.netlify.app/web/
-5. Trabaja con los ejemplos de código dentro de las carpetas de lecciones
-6. Completa tareas y desafíos
+5. Trabaja con los ejemplos de código en las carpetas de lecciones
+6. Completa asignaciones y desafíos
 7. Realiza los cuestionarios post-lección
 
 ### Desarrollo en Vivo
@@ -102,64 +102,64 @@ python api.py
 - **Documentación**: Ejecuta `docsify serve` en la raíz (puerto 3000)
 - **Quiz App**: Ejecuta `npm run dev` en el directorio quiz-app
 - **Proyectos**: Usa la extensión Live Server de VS Code para proyectos HTML
-- **Proyectos API**: Ejecuta `npm start` en los directorios API correspondientes
+- **Proyectos API**: Ejecuta `npm start` en los directorios API respectivos
 
 ## Instrucciones de Pruebas
 
-### Pruebas para Quiz App
+### Pruebas del Quiz App
 
 ```bash
 cd quiz-app
 npm run lint       # Verificar problemas de estilo de código
-npm run build      # Verificar que la compilación sea exitosa
+npm run build      # Verificar que la compilación tenga éxito
 ```
 
-### Pruebas para Bank API
+### Pruebas del API Bancaria
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Comprobar problemas de estilo de código
-node server.js     # Verificar que el servidor se inicie sin errores
+npm run lint       # Verificar problemas de estilo de código
+node server.js     # Verificar que el servidor inicie sin errores
 ```
 
 ### Enfoque General de Pruebas
 
-- Este es un repositorio educativo sin pruebas automatizadas exhaustivas
+- Este es un repositorio educativo sin pruebas automatizadas completas
 - Las pruebas manuales se enfocan en:
-  - Que los ejemplos de código se ejecuten sin errores
+  - Ejecución de ejemplos de código sin errores
   - Que los enlaces en la documentación funcionen correctamente
-  - Que la construcción de proyectos finalice exitosamente
+  - Que las compilaciones de proyectos se completen con éxito
   - Que los ejemplos sigan buenas prácticas
 
-### Verificaciones Previas a la Presentación
+### Verificaciones Pre-envío
 
-- Ejecuta `npm run lint` en directorios con package.json
-- Verifica que los enlaces en markdown sean válidos
-- Prueba los ejemplos de código en navegador o Node.js
-- Revisa que las traducciones mantengan la estructura correcta
+- Ejecutar `npm run lint` en directorios con package.json
+- Verificar que los enlaces markdown sean válidos
+- Probar los ejemplos de código en navegador o Node.js
+- Comprobar que las traducciones mantienen la estructura adecuada
 
 ## Guías de Estilo de Código
 
 ### JavaScript
 
-- Usa sintaxis moderna ES6+
-- Sigue la configuración estándar de ESLint provista en los proyectos
-- Usa nombres significativos para variables y funciones para claridad educativa
-- Agrega comentarios explicando conceptos para los estudiantes
-- Formatea usando Prettier donde esté configurado
+- Utilizar sintaxis moderna ES6+
+- Seguir configuraciones estándar de ESLint proporcionadas en los proyectos
+- Usar nombres significativos para variables y funciones para mayor claridad educativa
+- Añadir comentarios explicativos sobre conceptos para los estudiantes
+- Formatear con Prettier donde esté configurado
 
 ### HTML/CSS
 
 - Elementos semánticos HTML5
 - Principios de diseño responsivo
 - Convenciones claras para nombres de clases
-- Comentarios que expliquen técnicas CSS para los estudiantes
+- Comentarios explicando técnicas CSS para aprendizaje
 
 ### Python
 
-- Guías de estilo PEP 8
+- Guía de estilo PEP 8
 - Ejemplos de código claros y educativos
-- Indicaciones de tipo donde sean útiles para el aprendizaje
+- Uso de hints de tipos donde sea útil para el aprendizaje
 
 ### Documentación Markdown
 
@@ -167,25 +167,25 @@ node server.js     # Verificar que el servidor se inicie sin errores
 - Bloques de código con especificación de lenguaje
 - Enlaces a recursos adicionales
 - Capturas de pantalla e imágenes en directorios `images/`
-- Texto alternativo para imágenes para accesibilidad
+- Texto alternativo para imágenes por accesibilidad
 
 ### Organización de Archivos
 
 - Lecciones numeradas secuencialmente (1-getting-started-lessons, 2-js-basics, etc.)
-- Cada proyecto tiene directorios `solution/` y a menudo `start/` o `your-work/`
-- Imágenes almacenadas en carpetas `images/` específicas por lección
-- Traducciones en estructura `translations/{código-idioma}/`
+- Cada proyecto tiene directorios `solution/` y normalmente `start/` o `your-work/`
+- Imágenes almacenadas en carpetas `images/` específicas de las lecciones
+- Traducciones en estructura `translations/{language-code}/`
 
 ## Construcción y Despliegue
 
 ### Despliegue de Quiz App (Azure Static Web Apps)
 
-El quiz-app está configurado para despliegue en Azure Static Web Apps:
+La quiz-app está configurada para despliegue en Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Crea la carpeta dist/
-# Despliega mediante un flujo de trabajo de GitHub Actions al hacer push en main
+# Despliega mediante el flujo de trabajo de GitHub Actions al hacer push a main
 ```
 
 Configuración de Azure Static Web Apps:
@@ -200,24 +200,24 @@ npm install                    # Instalar docsify-to-pdf
 npm run convert               # Generar PDF desde docs
 ```
 
-### Documentación Docsify
+### Documentación con Docsify
 
 ```bash
 npm install -g docsify-cli    # Instalar Docsify globalmente
 docsify serve                 # Servir en localhost:3000
 ```
 
-### Construcciones Específicas de Proyectos
+### Construcciones Específicas por Proyecto
 
 Cada directorio de proyecto puede tener su propio proceso de construcción:
-- Proyectos Vue: `npm run build` crea los bundles de producción
-- Proyectos estáticos: No requieren paso de construcción, servir archivos directamente
+- Proyectos Vue: `npm run build` crea paquetes para producción
+- Proyectos estáticos: Sin paso de construcción, servir archivos directamente
 
 ## Guías para Pull Requests
 
-### Formato del Título
+### Formato de Título
 
-Usa títulos claros y descriptivos que indiquen el área de cambio:
+Usar títulos claros y descriptivos indicando el área de cambio:
 - `[Quiz-app] Añadir nuevo cuestionario para la lección X`
 - `[Lesson-3] Corregir error tipográfico en proyecto terrarium`
 - `[Translation] Añadir traducción al español para la lección 5`
@@ -227,33 +227,33 @@ Usa títulos claros y descriptivos que indiquen el área de cambio:
 
 Antes de enviar un PR:
 
-1. **Calidad de Código**:
-   - Ejecuta `npm run lint` en los directorios del proyecto afectado
-   - Corrige todos los errores y advertencias de linting
+1. **Calidad del código**:
+   - Ejecutar `npm run lint` en los directorios de proyecto afectados
+   - Corregir todos los errores y advertencias de lint
 
-2. **Verificación de Construcción**:
-   - Ejecuta `npm run build` si aplica
-   - Asegúrate de que no haya errores en la construcción
+2. **Verificación de compilación**:
+   - Ejecutar `npm run build` si aplica
+   - Asegurar que no haya errores de compilación
 
-3. **Validación de Enlaces**:
-   - Prueba todos los enlaces en markdown
-   - Verifica que las referencias a imágenes funcionen
+3. **Validación de enlaces**:
+   - Probar todos los enlaces markdown
+   - Verificar que las referencias a imágenes funcionen
 
-4. **Revisión de Contenido**:
-   - Revisa ortografía y gramática
-   - Asegura que los ejemplos de código sean correctos y educativos
-   - Verifica que las traducciones mantengan el significado original
+4. **Revisión de contenido**:
+   - Revisar ortografía y gramática
+   - Confirmar que los ejemplos de código sean correctos y educativos
+   - Verificar que las traducciones mantengan el significado original
 
 ### Requisitos de Contribución
 
-- Aceptar el CLA de Microsoft (verificación automática en el primer PR)
+- Aceptar el CLA de Microsoft (verificación automática en primer PR)
 - Seguir el [Código de Conducta de Código Abierto de Microsoft](https://opensource.microsoft.com/codeofconduct/)
-- Ver [CONTRIBUTING.md](./CONTRIBUTING.md) para pautas detalladas
-- Referenciar números de issues en la descripción del PR si aplica
+- Consultar [CONTRIBUTING.md](./CONTRIBUTING.md) para directrices detalladas
+- Referenciar números de issue en la descripción del PR si aplica
 
 ### Proceso de Revisión
 
-- PRs revisados por mantenedores y comunidad
+- Los PRs son revisados por mantenedores y comunidad
 - Se prioriza la claridad educativa
 - Los ejemplos de código deben seguir las mejores prácticas actuales
 - Las traducciones se revisan para precisión y adecuación cultural
@@ -262,21 +262,21 @@ Antes de enviar un PR:
 
 ### Traducción Automática
 
-- Usa GitHub Actions con el flujo de trabajo co-op-translator
+- Utiliza GitHub Actions con flujo de trabajo co-op-translator
 - Traduce automáticamente a más de 50 idiomas
 - Archivos fuente en directorios principales
-- Archivos traducidos en `translations/{código-idioma}/`
+- Archivos traducidos en directorios `translations/{language-code}/`
 
-### Añadir Mejoras Manuales de Traducción
+### Agregar Mejoras Manuales de Traducción
 
-1. Ubica el archivo en `translations/{código-idioma}/`
-2. Haz mejoras preservando la estructura
-3. Asegura que los ejemplos de código continúen funcionando
-4. Prueba cualquier contenido de cuestionarios localizado
+1. Localizar archivo en `translations/{language-code}/`
+2. Hacer mejoras preservando la estructura
+3. Asegurar que los ejemplos de código sigan funcionando
+4. Probar cualquier contenido de quiz localizado
 
 ### Metadatos de Traducción
 
-Los archivos traducidos incluyen encabezado de metadatos:
+Los archivos traducidos incluyen cabecera de metadatos:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,91 +289,91 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Depuración y Resolución de Problemas
+## Depuración y Solución de Problemas
 
 ### Problemas Comunes
 
-**La aplicación de cuestionarios no inicia**:
-- Verifica la versión de Node.js (recomendada v14+)
-- Borra `node_modules` y `package-lock.json`, ejecuta `npm install` de nuevo
-- Revisa conflictos de puerto (por defecto: Vite usa puerto 5173)
+**La aplicación de quiz no inicia**:
+- Verificar versión de Node.js (recomendado v14+)
+- Eliminar `node_modules` y `package-lock.json`, luego ejecutar `npm install`
+- Comprobar conflictos de puerto (por defecto: Vite usa puerto 5173)
 
-**El servidor API no arranca**:
-- Verifica que la versión de Node.js sea mínima (node >=10)
-- Comprueba si el puerto ya está en uso
-- Asegúrate que todas las dependencias estén instaladas con `npm install`
+**El servidor API no inicia**:
+- Verificar que la versión de Node.js cumple el mínimo (node >=10)
+- Revisar si el puerto ya está en uso
+- Asegurar que todas las dependencias están instaladas con `npm install`
 
 **La extensión del navegador no carga**:
-- Verifica que `manifest.json` esté formateado correctamente
-- Revisa la consola del navegador para errores
-- Sigue las instrucciones específicas del navegador para instalar extensiones
+- Verificar que manifest.json está correctamente formado
+- Revisar la consola del navegador para errores
+- Seguir las instrucciones específicas para instalación de extensiones en el navegador
 
-**Problemas en el proyecto de chat en Python**:
-- Asegura que el paquete OpenAI está instalado: `pip install openai`
-- Verifica que la variable de entorno GITHUB_TOKEN esté configurada
-- Confirma permisos de acceso a GitHub Models
+**Problemas con el proyecto de chat en Python**:
+- Asegurar que el paquete OpenAI está instalado: `pip install openai`
+- Verificar que la variable de entorno GITHUB_TOKEN está configurada
+- Comprobar permisos de acceso a GitHub Models
 
 **Docsify no sirve la documentación**:
-- Instala docsify-cli globalmente: `npm install -g docsify-cli`
-- Ejecuta desde el directorio raíz del repositorio
-- Verifica que `docs/_sidebar.md` exista
+- Instalar docsify-cli globalmente: `npm install -g docsify-cli`
+- Ejecutar desde el directorio raíz del repositorio
+- Comprobar que `docs/_sidebar.md` existe
 
 ### Consejos para el Entorno de Desarrollo
 
-- Usa VS Code con extensión Live Server para proyectos HTML
-- Instala extensiones ESLint y Prettier para formato consistente
-- Usa DevTools del navegador para depurar JavaScript
-- Para proyectos Vue, instala la extensión Vue DevTools para navegador
+- Usar VS Code con extensión Live Server para proyectos HTML
+- Instalar extensiones ESLint y Prettier para formato consistente
+- Usar DevTools del navegador para depurar JavaScript
+- Para proyectos Vue, instalar extensión de navegador Vue DevTools
 
 ### Consideraciones de Rendimiento
 
-- Gran número de archivos traducidos (50+ idiomas) hace que los clones completos sean grandes
-- Usa clonación superficial si trabajas solo en contenido: `git clone --depth 1`
-- Excluye las traducciones de búsquedas al trabajar en contenido en inglés
+- Gran número de archivos traducidos (más de 50 idiomas) implica clones completos grandes
+- Usar clonación superficial si solo se trabaja con contenido: `git clone --depth 1`
+- Excluir traducciones de búsquedas cuando se trabaje en contenido en inglés
 - Los procesos de construcción pueden ser lentos en la primera ejecución (npm install, compilación Vite)
 
 ## Consideraciones de Seguridad
 
 ### Variables de Entorno
 
-- Las claves API nunca deben ser confirmadas en el repositorio
-- Usa archivos `.env` (ya incluidos en `.gitignore`)
-- Documenta las variables de entorno requeridas en los README de los proyectos
+- Las claves API nunca deben ser comprometidas en el repositorio
+- Usar archivos `.env` (ya en `.gitignore`)
+- Documentar variables de entorno requeridas en los READMEs de proyectos
 
-### Proyectos Python
+### Proyectos en Python
 
-- Usa entornos virtuales: `python -m venv venv`
-- Mantén las dependencias actualizadas
-- Los tokens de GitHub deben tener permisos mínimos requeridos
+- Usar entornos virtuales: `python -m venv venv`
+- Mantener las dependencias actualizadas
+- Los tokens de GitHub deben tener permisos mínimos necesarios
 
 ### Acceso a GitHub Models
 
 - Se requieren Tokens de Acceso Personal (PAT) para GitHub Models
 - Los tokens deben almacenarse como variables de entorno
-- Nunca confirmar tokens o credenciales
+- Nunca comprometer tokens o credenciales
 
 ## Notas Adicionales
 
 ### Público Objetivo
 
 - Principiantes completos en desarrollo web
-- Estudiantes y autodidactas
+- Estudiantes y autoaprendices
 - Profesores que usan el currículo en aulas
-- Contenido diseñado para accesibilidad y desarrollo gradual de habilidades
+- Contenido diseñado para accesibilidad y construcción gradual de habilidades
 
 ### Filosofía Educativa
 
 - Enfoque de aprendizaje basado en proyectos
-- Verificaciones frecuentes de conocimiento (cuestionarios)
+- Controles frecuentes de conocimiento (cuestionarios)
 - Ejercicios prácticos de codificación
-- Ejemplos de aplicación en escenarios reales
-- Enfoque en fundamentos antes de frameworks
+- Ejemplos de aplicación en el mundo real
+- Enfoque en fundamentos antes que frameworks
 
 ### Mantenimiento del Repositorio
 
-- Comunidad activa de estudiantes y contribuidores
+- Comunidad activa de aprendices y colaboradores
 - Actualizaciones regulares de dependencias y contenido
-- Issues y discusiones monitoreados por mantenedores
+- Issues y discusiones monitoreadas por mantenedores
 - Actualizaciones de traducción automatizadas vía GitHub Actions
 
 ### Recursos Relacionados
@@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
 - [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Recursos Student Hub](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para estudiantes
-- Cursos adicionales: IA generativa, Ciencia de datos, ML, currículos de IoT disponibles
+- Cursos adicionales: IA Generativa, Ciencia de Datos, ML, currículos IoT disponibles
 
-### Trabajando con Proyectos Específicos
+### Trabajar con Proyectos Específicos
 
-Para instrucciones detalladas sobre proyectos individuales, consulta los archivos README en:
-- `quiz-app/README.md` - Aplicación de cuestionarios Vue 3
+Para instrucciones detalladas sobre proyectos individuales, consultar los archivos README en:
+- `quiz-app/README.md` - Aplicación de cuestionarios con Vue 3
 - `7-bank-project/README.md` - Aplicación bancaria con autenticación
-- `5-browser-extension/README.md` - Desarrollo de extensión para navegador
-- `6-space-game/README.md` - Desarrollo de juego basado en canvas
+- `5-browser-extension/README.md` - Desarrollo de extensión de navegador
+- `6-space-game/README.md` - Desarrollo de juego con Canvas
 - `9-chat-project/README.md` - Proyecto asistente de chat AI
 
 ### Estructura Monorepo
 
 Aunque no es un monorepo tradicional, este repositorio contiene múltiples proyectos independientes:
-- Cada lección es autocontenida
+- Cada lección es autónoma
 - Los proyectos no comparten dependencias
-- Trabaja en proyectos individuales sin afectar otros
-- Clona el repositorio completo para experiencia del currículo completo
+- Se puede trabajar en proyectos individuales sin afectar a otros
+- Clonar el repo completo para la experiencia completa del currículo
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Descargo de responsabilidad**:  
-Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Si bien nos esforzamos por la precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda la traducción profesional realizada por humanos. No nos hacemos responsables de ningún malentendido o interpretación errónea que surja del uso de esta traducción.
+**Aviso Legal**:
+Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas derivados del uso de esta traducción.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/es/README.md b/translations/es/README.md
index 48f82b8f0..83f1d6c2d 100644
--- a/translations/es/README.md
+++ b/translations/es/README.md
@@ -12,72 +12,82 @@
 
 # Desarrollo Web para Principiantes - Un Currículo
 
-Aprende los fundamentos del desarrollo web con nuestro curso integral de 12 semanas impartido por Microsoft Cloud Advocates. Cada una de las 24 lecciones profundiza en JavaScript, CSS y HTML a través de proyectos prácticos como terrarios, extensiones de navegador y juegos espaciales. Participa con cuestionarios, discusiones y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimiento con nuestra eficaz pedagogía basada en proyectos. ¡Comienza tu camino en la programación hoy!
+Aprende los fundamentos del desarrollo web con nuestro curso integral de 12 semanas impartido por Microsoft Cloud Advocates. Cada una de las 24 lecciones profundiza en JavaScript, CSS y HTML a través de proyectos prácticos como terrarios, extensiones de navegador y juegos espaciales. Participa con cuestionarios, discusiones y tareas prácticas. Mejora tus habilidades y optimiza la retención de conocimiento con nuestra eficaz pedagogía basada en proyectos. ¡Comienza tu viaje de codificación hoy!
 
 Únete a la Comunidad Azure AI Foundry en Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Sigue estos pasos para comenzar a usar estos recursos:
-1. **Haz un fork del repositorio**: Haz clic en [![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. **Clona el repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Únete al Discord de Azure AI Foundry y conoce a expertos y otros desarrolladores**](https://discord.com/invite/ByRwuEEgH4)
+1. **Haz un Fork del Repositorio**: Haz clic en [![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. **Clona el Repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Únete al Azure AI Foundry Discord y conoce expertos y compañeros desarrolladores**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Soporte Multilingüe
 
 #### Soportado vía GitHub Action (Automatizado y Siempre Actualizado)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Árabe](../ar/README.md) | [Bengalí](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmano (Myanmar)](../my/README.md) | [Chino (Simplificado)](../zh-CN/README.md) | [Chino (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chino (Tradicional, Macao)](../zh-MO/README.md) | [Chino (Tradicional, Taiwán)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Checo](../cs/README.md) | [Danés](../da/README.md) | [Neerlandés](../nl/README.md) | [Estonio](../et/README.md) | [Finlandés](../fi/README.md) | [Francés](../fr/README.md) | [Alemán](../de/README.md) | [Griego](../el/README.md) | [Hebreo](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonesio](../id/README.md) | [Italiano](../it/README.md) | [Japonés](../ja/README.md) | [Kannada](../kn/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malayo](../ms/README.md) | [Malayalam](../ml/README.md) | [Maratí](../mr/README.md) | [Nepalí](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Noruego](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polaco](../pl/README.md) | [Portugués (Brasil)](../pt-BR/README.md) | [Portugués (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumano](../ro/README.md) | [Ruso](../ru/README.md) | [Serbio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Español](./README.md) | [Swahili](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandés](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../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](./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)
 
-> **¿Prefieres clonar localmente?**
-
-> Este repositorio incluye más de 50 traducciones de idiomas lo que incrementa significativamente el tamaño de la descarga. Para clonar sin las traducciones, usa sparse checkout:
+> **¿Prefieres Clonar Localmente?**
+>
+> Este repositorio incluye más de 50 traducciones que aumentan significativamente el tamaño de la descarga. Para clonar sin traducciones, usa 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'
 > ```
-> Esto te dará todo lo necesario para completar el curso con una descarga mucho más rápida.
+>
+> **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"
+> ```
+>
+> Esto te da todo lo necesario para completar el curso con una descarga mucho más rápida.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Si deseas que se añadan idiomas adicionales soportados, están listados [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Si deseas que se admitan idiomas adicionales para traducciones están listados [aquí](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Abrir en 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)
 
 #### 🧑‍🎓 _¿Eres estudiante?_
 
-Visita la [**página del Centro de Estudiantes**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) donde encontrarás recursos para principiantes, paquetes para estudiantes e incluso maneras de obtener un cupón para certificado gratis. Esta es la página que querrás guardar en tus favoritos y revisar de vez en cuando, ya que actualizamos contenido mensualmente.
+Visita la [**página del Centro de Estudiantes**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) donde encontrarás recursos para principiantes, paquetes para estudiantes e incluso formas de obtener un voucher gratuito para certificación. Esta es la página que debes guardar en favoritos y revisar periódicamente, ya que actualizamos contenido mensualmente.
 
-### 📣 Anuncio - Nuevos desafíos de modo Agente de GitHub Copilot para completar
+### 📣 Anuncio - ¡Nuevos desafíos de modo Agente de GitHub Copilot para completar!
 
-Nuevo desafío añadido, busca "GitHub Copilot Agent Challenge 🚀" en la mayoría de los capítulos. Es un nuevo reto para que completes usando GitHub Copilot y el modo Agente. Si nunca has usado el modo Agente antes, este es capaz no solo de generar texto, sino también de crear y editar archivos, ejecutar comandos y más.
+Nuevo desafío añadido, busca "GitHub Copilot Agent Challenge 🚀" en la mayoría de los capítulos. Es un nuevo reto para que lo completes usando GitHub Copilot y el modo Agente. Si no has usado el modo Agente antes, es capaz no solo de generar texto sino también de crear y editar archivos, ejecutar comandos y más.
 
-### 📣 Anuncio - _Nuevo Proyecto para construir usando IA Generativa_ 
+### 📣 Anuncio - _Nuevo Proyecto para construir usando IA Generativa_
 
-Nuevo proyecto asistente IA recién añadido, échale un vistazo [proyecto](./9-chat-project/README.md)
+Nuevo proyecto de asistente de IA añadido, échale un vistazo [proyecto](./9-chat-project/README.md)
 
-### 📣 Anuncio - _Nuevo Currículo_ sobre IA Generativa para JavaScript recién lanzado
+### 📣 Anuncio - _Nuevo Currículo_ sobre IA Generativa para JavaScript acaba de ser lanzado
 
-¡No te pierdas nuestro nuevo currículo de IA Generativa!
+¡No te pierdas nuestro nuevo currículo de IA generativa!
 
-Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para empezar.
+Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para comenzar.
 
 ![Background](../../translated_images/es/background.148a8d43afde5730.webp)
 
-- Lecciones que cubren desde lo básico hasta RAG.
-- Interactúa con personajes históricos usando GenAI y nuestra app complementaria.
-- Narrativa divertida y atractiva, ¡viajarás en el tiempo!
+- Lecciones que cubren desde conceptos básicos hasta RAG.
+- Interactúa con personajes históricos usando GenAI y nuestra aplicación complementaria.
+- Narrativa divertida y atractiva, ¡vas a viajar en el tiempo!
 
 ![character](../../translated_images/es/character.5c0dd8e067ffd693.webp)
 
 
-Cada lección incluye una tarea para completar, una verificación de conocimientos y un desafío para guiar tu aprendizaje en temas como:
-- Prompting y ingeniería de prompts
-- Generación de apps de texto e imagen
-- Apps de búsqueda
+Cada lección incluye una tarea para completar, una verificación de conocimiento y un desafío para guiarte en temas como:
+- Solicitudes y diseño de prompts
+- Generación de aplicaciones de texto e imágenes
+- Aplicaciones de búsqueda
 
-Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para empezar.
+Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para comenzar.
 
 
 
@@ -85,128 +95,127 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para emp
 
 > **Profesores**, hemos [incluido algunas sugerencias](for-teachers.md) sobre cómo usar este currículo. ¡Nos encantaría recibir sus comentarios [en nuestro foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lección, comiencen con un cuestionario previo a la clase y continúen leyendo el material de la clase, completando las diferentes actividades y verificando su comprensión con el cuestionario posterior.
+**[Estudiantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lección, comiencen con un cuestionario previo a la clase y continúen leyendo el material de la lección, completando las diversas actividades y verificando su comprensión con el cuestionario posterior a la clase.
 
 Para mejorar tu experiencia de aprendizaje, ¡conéctate con tus compañeros para trabajar juntos en los proyectos! Se fomentan las discusiones en nuestro [foro de discusión](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) donde nuestro equipo de moderadores estará disponible para responder tus preguntas.
 
-Para profundizar tu educación, recomendamos ampliamente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiales adicionales de estudio.
+Para continuar tu educación, recomendamos explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para encontrar materiales de estudio adicionales.
 
 ### 📋 Configurando tu entorno
 
-¡Este currículo cuenta con un entorno de desarrollo listo para usar! Al comenzar, puedes elegir ejecutar el currículo en un [Codespace](https://github.com/features/codespaces/) (_un entorno basado en navegador, sin necesidad de instalaciones_), o localmente en tu computadora usando un editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+¡Este currículo tiene un entorno de desarrollo listo para usar! Al comenzar, puedes elegir ejecutar el currículo en un [Codespace](https://github.com/features/codespaces/) (_un entorno basado en navegador, sin necesidad de instalaciones_), o localmente en tu computadora usando un editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Crea tu repositorio
-Para que puedas guardar tu trabajo fácilmente, se recomienda crear tu propia copia de este repositorio. Puedes hacerlo haciendo clic en el botón **Use this template** en la parte superior de la página. Esto creará un nuevo repositorio en tu cuenta de GitHub con una copia del currículo.
+Para que sea fácil guardar tu trabajo, se recomienda crear tu propia copia de este repositorio. Puedes hacerlo haciendo clic en el botón **Usar esta plantilla** en la parte superior de la página. Esto creará un nuevo repositorio en tu cuenta de GitHub con una copia del currículo.
 
 Sigue estos pasos:
-1. **Haz un fork del repositorio**: Haz clic en el botón "Fork" en la esquina superior derecha de esta página.
-2. **Clona el repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Haz un Fork del Repositorio**: Haz clic en el botón "Fork" en la esquina superior derecha de esta página.
+2. **Clona el Repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Ejecutando el currículo en un Codespace
 
-En tu copia de este repositorio que creaste, haz clic en el botón **Code** y selecciona **Open with Codespaces**. Esto creará un nuevo Codespace para que trabajes.
+En tu copia del repositorio que creaste, haz clic en el botón **Code** y selecciona **Open with Codespaces**. Esto creará un nuevo Codespace para que trabajes.
 
 ![Codespace](../../translated_images/es/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Ejecutando el currículo localmente en tu computadora
 
-Para ejecutar este currículo localmente en tu computadora, necesitarás un editor de texto, un navegador y una herramienta de línea de comandos. Nuestra primera lección, [Introducción a los Lenguajes de Programación y Herramientas del Oficio](../../1-getting-started-lessons/1-intro-to-programming-languages), te guiará a través de las opciones para cada una de estas herramientas para que selecciones lo que mejor te funcione.
-
-Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que también tiene un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrado. Puedes descargar Visual Studio Code [aquí](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
+Para ejecutar este currículo localmente en tu computadora, necesitarás un editor de texto, un navegador y una herramienta de línea de comandos. Nuestra primera lección, [Introducción a los Lenguajes de Programación y Herramientas del Oficio](../../1-getting-started-lessons/1-intro-to-programming-languages), te guiará por varias opciones para cada una de estas herramientas para que selecciones la que funcione mejor para ti.
 
-1. Clona tu repositorio a tu computadora. Puedes hacerlo haciendo clic en el botón **Code** y copiando la URL:
+Nuestra recomendación es usar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que también tiene una [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrada. Puedes descargar Visual Studio Code [aquí](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clona tu repositorio en tu computadora. Puedes hacerlo haciendo clic en el botón **Code** y copiando la URL:
 
     [CodeSpace](./images/createcodespace.png)
+
     Luego, abre [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro de [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) y ejecuta el siguiente comando, reemplazando `<your-repository-url>` con la URL que acabas de copiar:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Abre la carpeta en Visual Studio Code. Puedes hacerlo haciendo clic en **Archivo** > **Abrir carpeta** y seleccionando la carpeta que acabas de clonar.
+2. Abre la carpeta en Visual Studio Code. Puedes hacerlo haciendo clic en **File** > **Open Folder** y seleccionando la carpeta que acabas de clonar.
 
 
->  Extensiones recomendadas para Visual Studio Code:
+>  Extensiones recomendadas de Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para previsualizar páginas HTML dentro de Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ayudarte a escribir código más rápido
 
 ## 📂 Cada lección incluye:
 
-- resumen opcional (sketchnote)
+- sketchnote opcional
 - video complementario opcional
 - cuestionario de calentamiento previo a la lección
 - lección escrita
-- para lecciones basadas en proyectos, guías paso a paso sobre cómo construir el proyecto
+- para lecciones basadas en proyectos, guías paso a paso para construir el proyecto
 - verificaciones de conocimiento
 - un desafío
 - lectura complementaria
 - asignación
-- [cuestionario post-lección](https://ff-quizzes.netlify.app/web/)
+- [cuestionario posterior a la lección](https://ff-quizzes.netlify.app/web/)
 
-> **Una nota sobre los cuestionarios**: Todos los cuestionarios están contenidos en la carpeta Quiz-app, 48 cuestionarios en total de tres preguntas cada uno. Están disponibles [aquí](https://ff-quizzes.netlify.app/web/) la app de cuestionarios se puede ejecutar localmente o desplegar en Azure; sigue las instrucciones en la carpeta `quiz-app`.
+> **Una nota sobre los cuestionarios**: Todos los cuestionarios están contenidos en la carpeta Quiz-app, con un total de 48 cuestionarios de tres preguntas cada uno. Están disponibles [aquí](https://ff-quizzes.netlify.app/web/), la aplicación de cuestionarios puede ejecutarse localmente o desplegarse en Azure; sigue las instrucciones en la carpeta `quiz-app`.
 
 ## 🗃️ Lecciones
 
 |     |                       Nombre del Proyecto                       |                            Conceptos Enseñados                             | Objetivos de Aprendizaje                                                                                                                 |                                                         Lección Vinculada                                                          |         Autor          |
-| :-: | :--------------------------------------------------------------: | :------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Empezando                                  |           Introducción a la Programación y Herramientas del Oficio        | Aprende los fundamentos básicos detrás de la mayoría de los lenguajes de programación y sobre el software que ayuda a los desarrolladores profesionales a hacer su trabajo | [Introducción a Lenguajes de Programación y Herramientas del Oficio](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Empezando                                  |             Fundamentos de GitHub, incluye trabajo en equipo             | Cómo usar GitHub en tu proyecto, cómo colaborar con otros en una base de código                                                            |                            [Introducción a GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Empezando                                  |                             Accesibilidad                                 | Aprende los fundamentos de la accesibilidad web                                                                                           |                       [Fundamentos de Accesibilidad](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Fundamentos de JS                       |                         Tipos de Datos en JavaScript                      | Lo básico sobre los tipos de datos en JavaScript                                                                                           |                                       [Tipos de Datos](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Fundamentos de JS                       |                         Funciones y Métodos                               | Aprende sobre funciones y métodos para gestionar el flujo de lógica de una aplicación                                                      |                              [Funciones y Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine y Christopher   |
-| 06  |                        Fundamentos de JS                       |                        Tomando Decisiones con JS                          | Aprende cómo crear condiciones en tu código usando métodos de toma de decisiones                                                           |                                 [Tomando Decisiones](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Fundamentos de JS                       |                         Arreglos y Bucles                                 | Trabaja con datos usando arreglos y bucles en JavaScript                                                                                   |                                   [Arreglos y Bucles](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrario](./3-terrarium/solution/README.md)            |                          HTML en la práctica                             | Construye el HTML para crear un terrario en línea, enfocándote en construir un diseño                                                     |                                 [Introducción a HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrario](./3-terrarium/solution/README.md)            |                          CSS en la práctica                              | Construye el CSS para estilizar el terrario en línea, enfocándote en los fundamentos de CSS incluyendo hacer la página responsiva         |                                  [Introducción a CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrario](./3-terrarium/solution/README.md)       |                 Closures en JavaScript, manipulación del DOM             | Construye el JavaScript para hacer que el terrario funcione como una interfaz de arrastrar y soltar, enfocándote en closures y manipulación del DOM             |                  [Closures en JavaScript, manipulación del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Juego de Escritura](./4-typing-game/solution/README.md)          |                          Construir un Juego de Escritura                  | Aprende cómo usar eventos del teclado para manejar la lógica de tu aplicación JavaScript                                                  |                                [Programación basada en eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) |                         Trabajando con Navegadores                       | Aprende cómo funcionan los navegadores, su historia y cómo crear los primeros elementos de una extensión para navegador                   |                               [Acerca de los Navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) | Construcción de formulario, llamada a API y almacenamiento local         | Construye los elementos JavaScript de tu extensión de navegador para llamar a una API usando variables almacenadas en almacenamiento local                      |                [APIs, Formularios y Almacenamiento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Extensión Verde para Navegador](./5-browser-extension/solution/README.md) |          Procesos en segundo plano del navegador, rendimiento web        | Usa los procesos en segundo plano del navegador para gestionar el ícono de la extensión; aprende sobre el rendimiento web y algunas optimizaciones para mejorar |             [Tareas en segundo plano y rendimiento](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Juego Espacial](./6-space-game/solution/README.md)           |             Desarrollo avanzado de juegos con JavaScript                 | Aprende sobre herencia usando tanto clases como composición y el patrón Pub/Sub, en preparación para construir un juego                  |                      [Introducción al desarrollo avanzado de juegos](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Juego Espacial](./6-space-game/solution/README.md)           |                           Dibujar en canvas                              | Aprende sobre la API Canvas, usada para dibujar elementos en una pantalla                                                                 |                                [Dibujar en Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Juego Espacial](./6-space-game/solution/README.md)           |                   Mover elementos en la pantalla                         | Descubre cómo los elementos pueden adquirir movimiento usando coordenadas cartesianas y la API Canvas                                      |                           [Mover elementos](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Juego Espacial](./6-space-game/solution/README.md)           |                          Detección de colisiones                        | Haz que los elementos colisionen y reaccionen entre sí usando pulsaciones de teclas y proporciona una función de enfriamiento para asegurar el rendimiento del juego    |                              [Detección de colisiones](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Juego Espacial](./6-space-game/solution/README.md)           |                             Mantener el puntaje                           | Realiza cálculos matemáticos basados en el estado y rendimiento del juego                                                                |                                    [Mantener el puntaje](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Juego Espacial](./6-space-game/solution/README.md)           |                     Terminar y reiniciar el juego                       | Aprende sobre cómo terminar y reiniciar el juego, incluyendo limpiar recursos y reiniciar valores de variables                              |                                [La condición de finalización](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Aplicación Bancaria](./7-bank-project/solution/README.md)       |                 Plantillas HTML y rutas en una aplicación web           | Aprende a crear el esqueleto de la arquitectura de un sitio web multipágina usando enrutamiento y plantillas HTML                        |                            [Plantillas HTML y rutas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Aplicación Bancaria](./7-bank-project/solution/README.md)       |                  Construir un formulario de inicio de sesión y registro  | Aprende sobre construcción de formularios y manejo de rutinas de validación                                                               |                                           [Formularios](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Aplicación Bancaria](./7-bank-project/solution/README.md)       |                   Métodos para obtener y usar datos                      | Cómo fluyen los datos dentro y fuera de tu aplicación, cómo obtenerlos, almacenarlos y descartarlos                                       |                                            [Datos](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Aplicación Bancaria](./7-bank-project/solution/README.md)       |                      Conceptos de gestión de estado                      | Aprende cómo tu aplicación retiene estado y cómo manejarlo programáticamente                                                              |                                [Gestión de estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Código Browser/VScode](../../8-code-editor) | Trabajando con VScode | Aprende a usar un editor de código | [Usar el editor de código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Asistentes de IA](./9-chat-project/README.md) | Trabajando con IA | Aprende a construir tu propio asistente de IA | [Proyecto Asistente de IA](./9-chat-project/README.md) | Chris |
+| :-: | :-------------------------------------------------------------: | :------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Primeros Pasos                              |           Introducción a la programación y herramientas del oficio         | Aprende los fundamentos básicos detrás de la mayoría de los lenguajes de programación y sobre el software que ayuda a los desarrolladores profesionales a hacer su trabajo | [Introducción a los Lenguajes de Programación y Herramientas del Oficio](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Primeros Pasos                              |             Fundamentos de GitHub, incluye trabajo en equipo               | Cómo usar GitHub en tu proyecto, cómo colaborar con otros en una base de código                                                         |                            [Introducción a GitHub](./1-getting-started-lessons/2-github-basics/README.md)                            |          Floor          |
+| 03  |                     Primeros Pasos                              |                             Accesibilidad                                   | Aprende los fundamentos de la accesibilidad web                                                                                          |                       [Fundamentos de Accesibilidad](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Conceptos Básicos de JS                 |                         Tipos de datos en JavaScript                       | Lo básico sobre tipos de datos en JavaScript                                                                                             |                                       [Tipos de Datos](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Conceptos Básicos de JS                 |                       Funciones y Métodos                                 | Aprende sobre funciones y métodos para manejar el flujo lógico de una aplicación                                                         |                              [Funciones y Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine y Christopher |
+| 06  |                        Conceptos Básicos de JS                 |                        Tomando decisiones con JS                           | Aprende a crear condiciones en tu código usando métodos de toma de decisiones                                                             |                                 [Tomando Decisiones](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Conceptos Básicos de JS                 |                            Arreglos y Bucles                               | Trabaja con datos usando arreglos y bucles en JavaScript                                                                                 |                                   [Arreglos y Bucles](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrario](./3-terrarium/solution/README.md)             |                            HTML en Práctica                               | Construye el HTML para crear un terrario en línea, enfocándote en construir un diseño                                                   |                                 [Introducción a HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrario](./3-terrarium/solution/README.md)             |                            CSS en Práctica                                | Construye el CSS para dar estilo al terrario en línea, enfocándote en lo básico de CSS incluyendo cómo hacer la página responsiva        |                                  [Introducción a CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrario](./3-terrarium/solution/README.md)        |                 Closures en JavaScript, manipulación del DOM               | Construye el JavaScript para que el terrario funcione como una interfaz de arrastrar y soltar, enfocándote en closures y manipulación del DOM |                  [Closures en JavaScript, manipulación del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Juego de mecanografía](./4-typing-game/solution/README.md) |                          Construye un juego de mecanografía                | Aprende a usar eventos de teclado para dirigir la lógica de tu aplicación JavaScript                                                      |                                [Programación basada en eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Extensión de navegador verde](./5-browser-extension/solution/README.md) |                         Trabajando con navegadores                        | Aprende cómo funcionan los navegadores, su historia y cómo estructurar los primeros elementos de una extensión del navegador            |                               [Acerca de los navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Extensión de navegador verde](./5-browser-extension/solution/README.md) | Construcción de formularios, llamada a API y almacenamiento local          | Construye los elementos JavaScript de tu extensión de navegador para llamar una API usando variables almacenadas en almacenamiento local |                [APIs, formularios y almacenamiento local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Extensión de navegador verde](./5-browser-extension/solution/README.md) |          Procesos en segundo plano del navegador, rendimiento web          | Usa los procesos en segundo plano del navegador para gestionar el ícono de la extensión; aprende sobre rendimiento web y algunas optimizaciones |             [Tareas en segundo plano y rendimiento](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Juego espacial](./6-space-game/solution/README.md)   |             Desarrollo avanzado de juegos con JavaScript                   | Aprende sobre herencia usando tanto clases como composición y el patrón Pub/Sub, en preparación para construir un juego                 |                      [Introducción al desarrollo avanzado de juegos](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Juego espacial](./6-space-game/solution/README.md)   |                           Dibujando en canvas                              | Aprende sobre la API Canvas, usada para dibujar elementos en pantalla                                                                   |                                [Dibujando en Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Juego espacial](./6-space-game/solution/README.md)   |                   Moviendo elementos en la pantalla                        | Descubre cómo los elementos pueden ganar movimiento usando coordenadas cartesianas y la API Canvas                                       |                           [Moviendo elementos](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Juego espacial](./6-space-game/solution/README.md)   |                          Detección de colisiones                           | Haz que los elementos colisionen y reaccionen entre sí usando pulsaciones de teclas y proporciona una función de enfriamiento para asegurar el rendimiento del juego |                              [Detección de colisiones](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Juego espacial](./6-space-game/solution/README.md)   |                             Mantenimiento de puntuación                    | Realiza cálculos matemáticos basados en el estado y rendimiento del juego                                                               |                                    [Mantenimiento de puntuación](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Juego espacial](./6-space-game/solution/README.md)   |                     Terminando y reiniciando el juego                      | Aprende sobre finalizar y reiniciar el juego, incluyendo limpiar recursos y resetear valores de variables                               |                                [La condición de finalización](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [App bancaria](./7-bank-project/solution/README.md)     |                 Plantillas HTML y rutas en una aplicación web             | Aprende cómo crear la estructura de arquitectura de un sitio web multipágina usando rutas y plantillas HTML                            |                            [Plantillas HTML y rutas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [App bancaria](./7-bank-project/solution/README.md)     |                  Construcción de formularios de inicio de sesión y registro | Aprende sobre construcción de formularios y manejo de rutinas de validación                                                             |                                           [Formularios](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [App bancaria](./7-bank-project/solution/README.md)     |                   Métodos para obtener y usar datos                        | Cómo fluyen los datos dentro y fuera de tu aplicación, cómo obtenerlos, almacenarlos y deshacerse de ellos                             |                                            [Datos](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [App bancaria](./7-bank-project/solution/README.md)     |                      Conceptos de gestión de estado                        | Aprende cómo tu aplicación retiene el estado y cómo gestionarlo programáticamente                                                       |                                [Gestión de estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Código Editor Browser/VScode](../../8-code-editor) | Trabajando con VScode | Aprende a usar un editor de código| [Usar el Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Asistentes de IA](./9-chat-project/README.md) | Trabajando con IA | Aprende cómo construir tu propio asistente de IA | [Proyecto de Asistente de IA](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogía
 
-Nuestro currículo está diseñado con dos principios pedagógicos clave en mente:
+Nuestro plan de estudios está diseñado con dos principios pedagógicos clave en mente:
 * aprendizaje basado en proyectos
 * cuestionarios frecuentes
 
-El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las últimas herramientas y técnicas usadas por los desarrolladores web actuales. Los estudiantes tendrán la oportunidad de adquirir experiencia práctica construyendo un juego de mecanografía, un terrario virtual, una extensión ecológica para navegador, un juego al estilo invasor espacial y una aplicación bancaria para negocios. Al finalizar la serie, los estudiantes habrán ganado una comprensión sólida del desarrollo web.
+El programa enseña los fundamentos de JavaScript, HTML y CSS, así como las últimas herramientas y técnicas usadas por los desarrolladores web actuales. Los estudiantes tendrán la oportunidad de desarrollar experiencia práctica construyendo un juego de mecanografía, un terrario virtual, una extensión de navegador ecológica, un juego estilo invasores espaciales y una app bancaria para negocios. Al final de la serie, los estudiantes habrán adquirido una sólida comprensión del desarrollo web.
 
-> 🎓 ¡Puedes tomar las primeras lecciones de este currículo como una [Ruta de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn!
+> 🎓 ¡Puedes tomar las primeras lecciones de este plan de estudios como un [Camino de Aprendizaje](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) en Microsoft Learn!
 
-Al asegurar que el contenido se alinee con proyectos, el proceso se vuelve más atractivo para los estudiantes y se incrementará la retención de conceptos. También escribimos varias lecciones iniciales sobre los fundamentos de JavaScript para introducir conceptos, acompañadas de un video de la colección de tutoriales en video "[Serie para Principiantes en: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", cuyos autores contribuyeron a este currículo.
+Al asegurar que el contenido esté alineado con proyectos, el proceso se vuelve más atractivo para los estudiantes y se potenciará la retención de conceptos. También escribimos varias lecciones introductorias sobre conceptos básicos de JavaScript para introducir conceptos, acompañadas por un video de la colección de tutoriales en video "[Serie para principiantes de: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", algunos de cuyos autores contribuyeron a este plan de estudios.
 
-Además, un cuestionario de bajo nivel antes de una clase establece la intención del estudiante hacia el aprendizaje de un tema, mientras que un segundo cuestionario posterior a la clase asegura una mayor retención. Este currículo fue diseñado para ser flexible y divertido y puede tomarse en su totalidad o en partes. Los proyectos comienzan pequeños y se vuelven cada vez más complejos al final del ciclo de 12 semanas.
+Además, un cuestionario de baja presión antes de una clase establece la intención del estudiante hacia el aprendizaje de un tema, mientras que un segundo cuestionario después de la clase asegura una mayor retención. Este plan se diseñó para ser flexible y divertido y puede realizarse completo o en parte. Los proyectos comienzan pequeños y se vuelven cada vez más complejos al finalizar el ciclo de 12 semanas.
 
-Aunque hemos evitado intencionadamente introducir frameworks de JavaScript para concentrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen siguiente paso para completar este currículo sería aprender sobre Node.js a través de otra colección de videos: "[Serie para Principiantes en: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Aunque hemos evitado intencionadamente introducir frameworks de JavaScript para centrarnos en las habilidades básicas necesarias como desarrollador web antes de adoptar un framework, un buen siguiente paso después de completar este plan sería aprender sobre Node.js a través de otra colección de videos: "[Serie para principiantes de: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Visita nuestras guías de [Código de Conducta](CODE_OF_CONDUCT.md) y [Contribuciones](CONTRIBUTING.md). ¡Agradecemos tus comentarios constructivos!
+> ¡Visita nuestras pautas de [Código de Conducta](CODE_OF_CONDUCT.md) y [Contribución](CONTRIBUTING.md)! ¡Esperamos tus comentarios constructivos!
 
 
 ## 🧭 Acceso sin conexión
 
-Puedes ejecutar esta documentación sin conexión usando [Docsify](https://docsify.js.org/#/). Haz un fork de este repositorio, [instala Docsify](https://docsify.js.org/#/quickstart) en tu máquina local y luego en la carpeta raíz de este repo, escribe `docsify serve`. El sitio web se servirá en el puerto 3000 de tu localhost: `localhost:3000`.
+Puedes ejecutar esta documentación sin conexión utilizando [Docsify](https://docsify.js.org/#/). Haz un fork de este repositorio, [instala Docsify](https://docsify.js.org/#/quickstart) en tu máquina local, y luego en la carpeta raíz de este repositorio, escribe `docsify serve`. El sitio web se servirá en el puerto 3000 en tu localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Otros Cursos
+## 🎒 Otros cursos
+
 ¡Nuestro equipo produce otros cursos! Mira:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -232,7 +241,7 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu
 
 ---
  
-### Aprendizaje Básico
+### Aprendizaje básico
 [![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)
@@ -251,21 +260,21 @@ Un PDF de todas las lecciones se puede encontrar [aquí](https://microsoft.githu
 
 ## Obtener ayuda
 
-Si te atascas o tienes alguna pregunta sobre cómo crear aplicaciones de IA, únete a otros estudiantes y desarrolladores experimentados en discusiones sobre MCP. Es una comunidad de apoyo donde las preguntas son bienvenidas y el conocimiento se comparte libremente.
+Si te quedas atascado o tienes alguna pregunta sobre cómo crear aplicaciones de IA. Únete a otros estudiantes y desarrolladores experimentados en discusiones sobre MCP. Es una comunidad solidaria donde las preguntas son bienvenidas y el conocimiento se comparte libremente.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Si tienes comentarios sobre el producto o errores al construir, visita:
+Si tienes comentarios sobre el producto o errores mientras construyes, visita:
 
 [![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)
 
 ## Licencia
 
-Este repositorio está licenciado bajo la licencia MIT. Consulta el archivo [LICENSE](../../LICENSE) para más información.
+Este repositorio está bajo la licencia MIT. Consulta el archivo [LICENSE](../../LICENSE) para más información.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Aviso legal**:
-Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por garantizar la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de ningún malentendido o interpretación errónea que surja del uso de esta traducción.
+**Aviso Legal**:  
+Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o inexactitudes. El documento original en su idioma nativo debe considerarse la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas derivadas del uso de esta traducción.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/et/.co-op-translator.json b/translations/et/.co-op-translator.json
index 280c6eb66..f55168672 100644
--- a/translations/et/.co-op-translator.json
+++ b/translations/et/.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-08T10:00:49+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:30:44+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "et"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T19:10:18+00:00",
+    "translation_date": "2026-03-06T15:39:39+00:00",
     "source_file": "AGENTS.md",
     "language_code": "et"
   },
@@ -516,8 +516,8 @@
     "language_code": "et"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T19:03:47+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:26:27+00:00",
     "source_file": "README.md",
     "language_code": "et"
   },
diff --git a/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 73a09da2b..2a2029a78 100644
--- a/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/et/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,97 +1,98 @@
-# Sissejuhatus programmeerimiskeeltesse ja kaasaegsesse arendustööriistadesse
+# Sissejuhatus programmeerimiskeeltesse ja kaasaegsetesse arendustööriistadesse
+ 
+Tere, tulevane arendaja! 👋 Kas ma võin sulle midagi rääkida, mis paneb mind iga päev külmavärinaid saama? Sa oled peagi avastamas, et programmeerimine pole lihtsalt arvutite kohta – see on tõeliste supervõimete omandamine, et ellu viia oma metsikumaid ideid!
 
-Tere tulemast, tulevane arendaja! 👋 Kas tohin sulle midagi rääkida, mis ikka veel igal päeval külmavärinaid tekitab? Sa oled just avastamas, et programmeerimine ei ole ainult arvutite jaoks – see on tegelike supervõimete omandamine oma metsikumaid ideid ellu viimiseks!
+Sa tead seda hetke, kui kasutad oma lemmikrakendust ja kõik lihtsalt klapib täpselt? Kui vajutad nuppu ja midagi täiesti maagilist juhtub, mis paneb sind mõtlema „wow, kuidas nad SEDA tegid?” Noh, keegi täpselt nagu sina – tõenäoliselt istudes oma lemmikkohvikus kell 2 öösel oma kolmanda espresso kõrval – kirjutas selle võlu loova koodi. Ja siin on see, mis su mõistuse lööb: selle tunni lõpuks sa mitte ainult ei mõista, kuidas nad seda tegid, vaid sul on suur tahtmine seda ise proovida!
 
-Sa tead seda hetke, kui kasutad oma lemmikrakendust ja kõik lihtsalt klapib täiesti täiuslikult? Kui vajutad nuppu ja juhtub midagi täiesti maagilist, mis paneb sind mõtlema "Wau, kuidas nad seda TEGID?" No keegi, kellel on sina moodi – tõenäoliselt oma lemmikkohvikus kell 2 öösel, joob oma kolmandat espresso – kirjutas just selle koodi, mis selle maagia lõi. Ja siin on see, mis su meeled pea peale pöörab: selle tunni lõpuks sa mitte ainult ei mõista, kuidas nemad seda tegid, vaid sul on ka isu ise proovida!
+Kuula, ma saan täiesti aru, kui programmeerimine tundub praegu hirmutav. Kui ma alustasin, arvasin ausalt, et selleks peab olema mingi matemaatikageenius või olema koodinud alates viieaastasest. Aga siin on see, mis täielikult muutis mu perspektiivi: programmeerimine on täpselt nagu uue keele konversatsiooni õppimine. Sa hakkad öeldes „tere” ja „aitäh,” seejärel tellid kohvi, ja enne kui arvad, käid juba sügavaid filosoofilisi arutelusid! Ainult et siin vestled arvutitega ja ausalt? Nad on kõige kannatlikumad vestluskaaslased, kellega sul kunagi on vedanud – nad ei mõista kunagi su vigu hukka ja nad on alati elevil uuesti proovida!
 
-Kuule, ma saan täiesti aru, kui programmeerimine tundub praegu hirmutav. Kui ma esimest korda alustasin, arvasin ausalt, et pead olema mingi matemaatikageenius või kodeerima hakkama juba viieaastaselt. Aga siin on see, mis mu vaatepunkti täiesti muutis: programmeerimine on täpselt nagu uue keele õppimine, et pidada vestlusi. Sa alustad "tere" ja "aitäh" sõnadega, siis jõuad kohvi tellimiseni ja enne kui aru saad, arutad sügavaid filosoofilisi teemasid! Ainult et siin räägid sa arvutitega, ja ausalt? Nemad on kõige kannatlikumad vestluspartnerid üldse – nad ei hinnangu sinu vigu ja on alati valmis uuesti proovima!
-
-Täna uurime uskumatuid tööriistu, mis teevad kaasaegse veebi arendamise mitte ainult võimalikuks, vaid väga sõltuvust tekitavaks. Räägin täpselt nendest samadest editoridest, brauseritest ja töövoogudest, mida kasutavad Netflixi, Spotify ja sinu lemmik sõltumatu rakenduse stuudio arendajad iga päev. Ja siin on osa, mis paneb sind rõõmust tantsima: enamik neist professionaalsest klassist ja tööstusharu standarditest tööriistadest on täiesti tasuta!
+Täna uurime uskumatuid tööriistu, mis muudavad kaasaegse veebiarenduse mitte ainult võimalikuks, vaid lausa sõltuvust tekitavaks. Ma räägin täpselt samadest redaktoritest, brauseritest ja töövoogudest, mida Netflixi, Spotify ja su lemmiku indie-rakenduste stuudio arendajad kasutavad iga päev. Ja siin on see osa, mis paneb sind rõõmust tantsima: enamus neist professionaalse taseme, tööstusstandarditega tööriistadest on täiesti tasuta!
 
 ![Intro Programming](../../../../translated_images/et/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote autor [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote autorilt [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Teie programmeerimise teekond täna
+    title Teie programmeerimisteekond täna
     section Avastamine
       Mis on programmeerimine: 5: You
       Programmeerimiskeeled: 4: You
       Tööriistade ülevaade: 5: You
     section Uurimine
-      Koodiredaktorid: 4: You
-      Brauserid & DevTööriistad: 5: You
+      Koodi redaktorid: 4: You
+      Brauserid & arendajatööriistad: 5: You
       Käsklusrida: 3: You
     section Harjutamine
-      Keele detektiiv: 4: You
+      Keeledetektiiv: 4: You
       Tööriistade uurimine: 5: You
-      Kogukonnaga ühenduse loomine: 5: You
+      Ühiskonna ühendus: 5: You
 ```
 ## Vaatame, mida sa juba tead!
 
-Enne kui sukeldume lõbusasse ossa, olen uudishimulik – mida sa sellest programmeerimise maailmast juba tead? Ja kuule, kui sa vaatad neid küsimusi ja mõtled "mul pole sellest mitte vähimatki aimu", siis see ei ole mitte ainult okei, vaid ideaalne! See tähendab, et sa oled täiesti õiges kohas. Mõtle sellele viktoriinile nagu venitusele enne trenni – me lihtsalt soojendame neid ajulihaseid!
+Enne kui sukeldume põnevasse maailma, olen uudishimulik – mida sa juba tead sellest programmeerimise maailmast? Ja kuula, kui sa vaatad neid küsimusi ja mõtled „mul pole tegelikult õrna aimugi,” siis see pole mitte ainult okei, see on ideaalne! See tähendab, et oled täiesti õiges kohas. Mõtle sellele viktoriinile kui soojendusele enne trenni – me soojendame lihtsalt neid aju lihaseid!
+
+[Osale eeltunnis viktoriinis](https://ff-quizzes.netlify.app/web/)
 
-[Võta eelmise tunni viktoriin](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
 ## Seiklus, millele me koos asume
 
-Ok, ma olen tõesti elevil selle üle, mida me täna avastame! Ausalt, ma sooviksin näha sinu nägu, kui mõned neist mõistetest klapivad. Siin on see uskumatu teekond, kuhu me koos läheme:
+Okei, ma olen tõeliselt elevil selle üle, mida me täna uurime! Tõsiselt, sooviksin näha su nägu, kui mõned neist mõistetest lõpuks klapivad. Siin on uskumatult põnev teekond, millele me koos asume:
 
-- **Mis programmeerimine tegelikult on (ja miks see on lahedaim asi üldse!)** – Avastame, kuidas kood on sõna otseses mõttes nähtamatu maagia, mis paneb sinu ümber kõik tööle, alates äratusest, mis kuidagi teab, et on esmaspäeva hommik, kuni algoritmini, mis ideaalselt kureerib sinu Netflixi soovitused
-- **Programmeerimiskeeled ja nende hämmastavad isiksused** – Kujuta ette, et lähed peole, kus igaühel on täiesti erinevad supervõimed ja probleemide lahendamise viisid. Nii ongi programmeerimiskeelte maailm ja sulle meeldib neiga kohtuda!
-- **Põhilised koostisosad, mis muudavad digitaalse maagia võimalikuks** – Mõtle neile kui ülimale loomingulisele LEGO komplektile. Kui sa mõistad, kuidas need tükid kokku sobivad, siis saad sõna otseses mõttes luua kõike, mida su fantaasia välja mõtleb
-- **Professionaalsed tööriistad, mis panevad sind tundma nagu oleksid võlukepp kätte saanud** – Ma ei liialda siin – need tööriistad panevad sind tõesti tundma, nagu sul oleksid supervõimed, ja parim osa? Need on täpselt samad, mida tõsised proffid kasutavad!
+- **Mis programmeerimine tegelikult on (ja miks see on kõige lahedam asi maailmas!)** – Avastame, kuidas kood on sõna otseses mõttes nähtamatu võlu, mis paneb kõike su ümber tööle, alates äratusest, mis kuidagi teab, et on esmaspäeva hommik, kuni algoritmini, mis täpselt kureerib su Netflixi soovitusi
+- **Programmeerimiskeeled ja nende hämmastavad isiksused** – Kujuta ette, et sisened peole, kus igal inimesel on täiesti erinevad supervõimed ja probleemide lahendamise viisid. Selline on programmeerimiskeelte maailm ja sa armastad neid kohtuda!
+- **Põhilised ehitusplokid, mis teevad digitaalse võlu võimalikuks** – Mõtle neile kui ülimale loomingulisele LEGO komplektile. Kui sa mõistad, kuidas need tükid kokku sobivad, märkad, et saad ehitada ükskõik mida, mida su kujutlusvõime unistab
+- **Professionaalsed tööriistad, mis panevad sind tundma nagu oleksid just saanud võluri pulga kätte** – Ma pole draamategija – need tööriistad teevad sind tõesti tundma, nagu sul oleksid supervõimed, ja parim osa? Need on täpselt samad, mida kasutavad professionaalid!
 
-> 💡 **Siin on asi**: Ära isegi mõtle kõike täna pähe õppida! Praegu tahan lihtsalt, et tunneksid seda põnevat sädet, mis väljendab kõike seda, mis võimalik on. Detailid tulevad loomulikult meelde, kui harjutame koos – nii õige õppimine käib!
+> 💡 **Siin on asi**: Ära proovi kõike täna pähe õppida! Praegu tahan ainult, et tunneksid seda põnevuse sädet selle üle, mis on võimalik. Detailid jäävad loomulikult meelde, kui harjutame koos – nii toimub tõeline õppimine!
 
-> Sa võid selle tunni võtta [Microsoft Learn’is](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Sa võid selle tunni teha ka [Microsoft Learn'is](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Misasi on programmeerimine täpsemalt?
+## Niisiis, mis see *täpselt* programmeerimine on?
 
-Okei, võtame käsile miljoni-dollarilise küsimuse: mis see programmeerimine tegelikult on?
+Okei, võtame käsile miljonidollari küsimuse: mis see programmeerimine päriselt on?
 
-Annan sulle loo, mis täiesti muutis mu mõtteviisi. Eelmisel nädalal proovisin emale seletada, kuidas kasutada meie uut nutikat teleri puldit. Leidsin end ütlemas asju nagu „Vajuta punast nuppu, aga mitte seda suurt punast nuppu, vaid väikest punast nuppu vasakul... ei, sinu teine vasak... okei, nüüd hoia seda kaks sekundit, mitte üks, mitte kolm...” Kas see kõlab tuttavalt? 😅
+Ma räägin sulle loo, mis täielikult muutis minu arusaama sellest. Eelmisel nädalal proovisin selgitada oma emale, kuidas kasutada meie uut nutikat teleri puldit. Ma tabasin end ütlemast asju nagu „Vajuta punast nuppu, aga mitte suurt punast nuppu, väikest punast nuppu vasakul... ei, su teist vasakut... okei, hoia seda nüüd kaks sekundit, mitte üks, mitte kolm...” Kõlab tuttavalt? 😅
 
-See ongi programmeerimine! See on kunst anda äärmiselt detailseid, samm-sammult juhiseid millelegi, mis on väga võimas, aga vajab kõike täpselt sõnastatult. Ainult et selle asemel, et seletada emale (kes võib küsida „milline punane nupp?!“), seletad sa arvutile (kes teeb täpselt, mida sa ütled, isegi kui see, mida sa ütlesid, pole päris see, mida sa mõtlesid).
+See ongi programmeerimine! See on kunst anda äärmiselt detailseid, samm-sammult juhiseid millelegi, mis on väga võimas, aga vajab kõike väga täpselt välja kirjutatuna. Ainult et selle asemel, et seletada emale (kes võis küsida „millise punase nupu?!“), seletad arvutile (kes lihtsalt teeb täpselt seda, mida sa ütled, isegi kui see pole päriselt see, mida sa mõtlesid).
 
-Siin on see, mis mind esimest korda uskumatult imestama pani: arvutid on sisuliselt üsna lihtsad. Nad mõistavad ainult kahte asja – 1 ja 0, mis on põhimõtteliselt „jah“ ja „ei“ või „sees“ ja „väljas“. See ongi kõik! Aga siin muutub asi maagiliseks – me ei pea rääkima 1-de ja 0-de keeles nagu The Matrix’is. Siin tulevad appi **programmeerimiskeeled**. Need on nagu parim tõlk maailmas, kes võtab sinu täiesti normaalsed inimmõtted ja tõlgib need arvuti keelde.
+Siin on see, mis mind raputas, kui ma selle asja esimest korda õppisin: arvutid on tegelikult väga lihtsad oma olemuselt. Nad mõistavad sõna otseses mõttes ainult kahte asja – 1 ja 0, mis on põhimõtteliselt „jah“ ja „ei“ või „sees“ ja „väljas“. See on kõik! Aga siin muutub see maagiliseks – me ei pea rääkima ainult 1-des ja 0-des nagu me oleksime Matrixis. Siin tulevad appi **programmeerimiskeeled**. Need on nagu maailma parim tõlk, kes võtab su täiesti normaalsed inimmõtted ja tõlgib need arvuti keelde.
 
-Ja siin on see, mis annab mulle igal hommikul tegelikult külmavärinad: sõna otseses mõttes *kõik* digitaalne sinu elus algas kellegagi nagu sina, tõenäoliselt pidžaamas, kohvitassi kõrval, tippimas koodi oma sülearvutisse. See Instagrami filter, mis paneb sind ideaalsena välja nägema? Keegi kirjutas selle koodi. Soovitus, mis viis sind su uue lemmiklauluni? Arendaja ehitas selle algoritmi. Rakendus, mis aitab sul sõpradega õhtusöögi arveid jagada? Jep, keegi mõtles „see on tüütu, ma arvan, et suudan selle parandada“ ja siis... nad tegidki seda!
+Ja siin on see, mis paneb mind iga hommik ärgates ikka külmavärinaid saama: sõna otseses mõttes *kõik* digitaalne sinu elus algas kellegi täpselt nagu sina poolt, tõenäoliselt istudes oma pidžaamas kohvitassi kõrval ja toksides koodi sülearvutis. See Instagrami filter, mis paneb sind ideaalsena välja nägema? Keegi kirjutas selle koodi. Soovitus, mis viis sind sinu uue lemmiklauluni? Üks arendaja ehitas selle algoritmi. Rakendus, mis aitab sõpradega õhtusöögi arve jagada? Jep, keegi mõtles „see on tüütu, ma võiksin selle korda teha“ ja siis... ta tegigi!
 
-Kui õpid programmeerima, ei omanda sa mitte ainult uut oskust – sa muutud osaks sellest uskumatust probleemilahendajate kogukonnast, kes veedavad oma päevi mõeldes: „Mis oleks, kui saaksin midagi ehitada, mis teeb kellegi päeva lihtsalt natuke paremaks?“ Ausalt, kas midagi lahedamat ongi olemas?
+Kui õpid programmeerima, ei omanda sa lihtsalt uut oskust – sa saad osaks sellest uskumatu probleemide lahendajate kogukonnast, kes veedavad oma päevi mõeldes: „Mis siis, kui ma looksin midagi, mis teeb kellegi päeva natuke paremaks?“ Ausõna, kas on midagi lahedamat kui see?
 
-✅ **Lõbus faktide otsing**: Siin on midagi väga lahedat, mida võid otsida, kui on vaba hetk – kes sa arvad oli maailma esimene arvutiprogrammeerija? Ma annan vihje: see ei pruugi olla see, keda sa ootad! Selle inimese lugu on absoluutselt põnev ja näitab, et programmeerimine on alati olnud loov probleemilahendus ja kastist välja mõtlemine.
+✅ **Lõbus faktihunt**: Siin on midagi väga lahedat, mida saad uurida, kui sul on vaba hetk – kes oli sinu arvates maailma esimene arvutiprogrammeerija? Ma annan sulle vihje: see ei pruugi olla see, keda sa ootad! Selle inimese lugu on tõeliselt põnev ja näitab, et programmeerimine on alati olnud loominguline probleemide lahendamine ja kastist välja mõtlemine.
 
-### 🧠 **Kiirülevaade: Kuidas Sul läheb?**
+### 🧠 **Peatus: Kuidas sa end tunned?**
 
-**Võta hetk, et reflekteerida:**
-- Kas mõte "arvutitele juhiste andmisest" tundub nüüd arusaadav?
-- Kas tead mõnda igapäevast ülesannet, mida tahaksid programmeerimise abil automatiseerida?
-- Millised küsimused sul selles programmeerimise teemas praegu kerkivad?
+**Võta hetk, et mõelda:**
+- Kas idee „anda arvutile juhiseid“ on nüüd arusaadav?
+- Kas suudad mõelda igapäevasele tegevusele, mida sooviksid programmeerimisega automatiseerida?
+- Millised küsimused sul programmeerimisest praegu mõtteis keerlevad?
 
-> **Pea meeles**: On täiesti normaalne, kui mõned mõisted tunduvad praegu ebaselged. Programmeerimise õppimine on nagu uue keele õppimine – ajul kulub aega, et luua need närvivõrgud. Sa teed suurepärast tööd!
+> **Mäleta**: On täiesti normaalne, kui mõned mõisted tunduvad praegu ähmased. Programmeerimist õppida on nagu uut keelt õppida – aju vajab aega, et luua närvivõrgustikke. Sa lähed väga hästi!
 
 ## Programmeerimiskeeled on nagu erinevad maagia maitsed
 
-Ok, see võib kõlada veidralt, aga kuula mind – programmeerimiskeeled on väga sarnased erinevatele muusikastiilidele. Mõtle sellele: on jazz, mis on sujuv ja improvisatoorne; rock, mis on võimas ja otsekohene; klassika, mis on elegantne ja struktureeritud; ja hip-hop, mis on loominguline ja väljendusrikas. Igal stiilil on oma vibe, oma kirglike fännide kogukond ja igaüks sobib erinevatele meeleoludele ja sündmustele.
+Okei, see kõlab veidralt, aga jää minuga – programmeerimiskeeled on väga sarnased muusika erinevate žanritega. Mõtle sellele: sul on džäss, mis on sujuv ja improviseeriv, rock, mis on võimas ja otsekohene, klassikaline, mis on elegantne ja struktureeritud, ning hip-hop, mis on loov ja väljendusrikas. Igal stiilil on oma tuju, oma kirglike fännide kogukond ja igaüks sobib erinevateks hetkeks ja meeleoludeks.
 
-Programmeerimiskeeled töötavad täpselt samamoodi! Sa ei kasutaks sama keelt, et teha lõbusat mobiilimängu, mida kasutad tohutu kliimaandmete töötlemiseks, just nagu sa ei mängiks death metali joogaklassis (no, enamasti mitte! 😄).
+Programmeerimiskeeled toimivad täpselt samamoodi! Sa ei kasuta sama keelt lõbusa mobiilimängu ehitamiseks, mida kasutaksid tohutute kliimandmete arvutamiseks, just nagu sa ei mängiks death metal'i joogatunnis (noh, enamikes joogatundides kindlasti mitte! 😄).
 
-Aga siin on see, mis mind iga kord täielikult hämmastab: need keeled on nagu kõige kannatlikumad ja geniaalsemad tõlgid maailmas, kes istuvad su kõrval. Sa saad väljendada oma ideid viisil, mis tundub loomulik sinu inimese ajule, ja nemad teevad kogu uskumatult keeruka töö selle tõlkimisel 1-deks ja 0-deks, mida arvutid tõesti räägivad. See on nagu sõber, kes on täiesti ladus mõlemas – „inimloomingus“ ja „arvutilogikas“ – ja ta ei väsigi kunagi, ei vaja kohvipause ega mõista sind hukka, kui küsid sama küsimust kaks korda!
+Aga siin on see, mis mind iga kord täiesti mõistust võtab: need keeled on nagu kõige kannatlikumad ja geniaalsemad tõlkijad maailmas, kes istuvad su kõrval. Sa saad väljendada oma ideid viisil, mis tundub loomulik su inimmõistusele, ja nemad teevad kogu väga keeruka töö, et tõlkida see 1-ks ja 0-ks, mida arvutid tegelikult räägivad. See on nagu sõber, kes on täiuslikult kahe keele – „inimloovuse“ ja „arvutilogiika“ – valdamises, ja ta ei väsi kunagi, ei vaja kohvipause ega mõista sind hukka, kui küsid sama küsimust kaks korda!
 
-### Populaarsed programmeerimiskeeled ja nende kasutusvaldkonnad
+### Populaarsed programmeerimiskeeled ja nende kasutusalad
 
 ```mermaid
 mindmap
   root((Programmeerimiskeeled))
     Veebiarendus
       JavaScript
-        Esiplaanimaagia
+        Frontendi Võlud
         Interaktiivsed Veebisaidid
       TypeScript
         JavaScript + Tüübid
-        Ettevõtete Rakendused
-    Andmed & tehisintellekt
+        Ettevõtte Rakendused
+    Andmed & TE
       Python
         Andmeteadus
         Masinõpe
@@ -107,54 +108,54 @@ mindmap
         iOS
         Apple Ökosüsteem
       Kotlin
-        Kaasaegne Android
+        Moodne Android
         Platvormideülene
-    Süsteemid & Jõudlus
+    Süsteemid & Tulemuslikkus
       C++
         Mängud
-        Jõudluskriitiline
+        Tulemuslikkusele Oluline
       Rust
         Mälu Turvalisus
-        Süsteemi Programmeerimine
+        Süsteemiprogrammeerimine
       Go
         Pilveteenused
-        Mõõdetav Tagatise
+        Skaalautuv Tagaplaan
 ```
-| Keel | Parim milleks | Miks on populaarne |
-|------|---------------|-------------------|
-| **JavaScript** | Veebiarendus, kasutajaliidesed | Töötab brauserites ja juhib interaktiivseid veebilehti |
-| **Python** | Andmeteadus, automatiseerimine, tehisintellekt | Lihtne lugeda ja õppida, võimsad teegid |
-| **Java** | Ettevõtte rakendused, Androidi rakendused | Platvormist sõltumatu, usaldusväärne suurte süsteemide jaoks |
+| Keel | Parim kasutusala | Miks see on populaarne |
+|----------|----------|------------------|
+| **JavaScript** | Veebiarendus, kasutajaliidesed | Jookseb brauserites ja paneb tööle interaktiivsed veebilehed |
+| **Python** | Andmeteadus, automaatika, tehisintellekt | Lihtne lugeda ja õppida, võimsad teegid |
+| **Java** | Ettevõtte rakendused, Androidi rakendused | Platvormiülene, tugev suurtele süsteemidele |
 | **C#** | Windowsi rakendused, mänguarendus | Tugev Microsofti ökosüsteemi tugi |
-| **Go** | Pilveteenused, backend süsteemid | Kiire, lihtne, loodud kaasaegse arvutustöö jaoks |
+| **Go** | Pilveteenused, tagapõhjasüsteemid | Kiire, lihtne, loodud kaasaegseks arvutamiseks |
 
-### Kõrgetasemelised vs madalamatasemelised keeled
+### Kõrgtaseme vs madalatasemel keeled
 
-Ok, see oli ausalt öeldes see mõiste, mis mu aju murdis, kui ma esimest korda õppisin, nii et ma jagan võrdlust, mis lõpuks selle minu jaoks selgeks tegi – ja ma tõesti loodan, et see aitab ka sind!
+Okei, see oli ausalt see mõiste, mis mu aju murdis, kui ma õppima hakkasin, nii et jagan analoogiat, mis lõpuks mu jaoks kõik klappis – ja loodan väga, et see aitab ka sind!
 
-Kujuta ette, et sa reisisid riiki, kus sa ei räägi keelt ja sul on hädasti vaja leida lähim tualett (me oleme kõik sellises olukorras olnud, eks? 😅):
+Kujuta ette, et sa oled riigis, kus sa keelt ei räägi ja sul on väga kiireks vaja leida lähim tualett (me oleme kõik seda kogenud, eks? 😅):
 
-- **Madalatase programmeerimine** on nagu kohalikku murret nii hästi õppida, et saad vestelda vanaemaga, kes müüb nurgal puuvilju, kasutades kultuurilisi viiteid, kohalikke slängisõnu ja sise nalju, mida mõistab ainult keegi, kes seal üles kasvanud on. Väga muljetavaldav ja uskumatult efektiivne... kui sa just oled selles täiesti sorav! Aga üsna üle jõu käiv, kui sa lihtsalt otsid tualetti.
+- **Madalatasemeline programmeerimine** on nagu õppida nii hästi kohaliku murret, et saad vestelda vanaemaga, kes müüb nurgatänaval puuvilju, kasutades kultuuriviiteid, kohalikku slängi ja nali, mida mõistaks vaid keegi, kes seal kasvas. Väga muljetavaldav ja äärmiselt tõhus... kui sul kogemusi on! Aga üsna üle jõu käiv, kui sa lihtsalt püüad tualetti leida.
 
-- **Kõrgetase programmeerimine** on nagu sul oleks see imeline kohalik sõber, kes lihtsalt mõistab sind. Sa võid öelda lihtsalt inglise keeles „Ma tõesti pean tualetti minema“, ja tema teeb kogu kultuurilise tõlke ning annab sulle juhised viisil, mis mõistab su mitte-kohalik aju täiuslikult.
+- **Kõrgtaseme programmeerimine** on nagu see hämmastav kohalik sõber, kes lihtsalt saab su mõttest aru. Sa ütled otse inglise keeles „Ma tõesti pean tualetti leidma“ ja tema teeb kogu kultuurilise tõlke ning annab sulle juhised viisil, mis mõistab su mitte-kohalik aju täielikult.
 
-Programmeerimise mõistes:
-- **Madala taseme keeled** (nagu Assembly või C) lubavad sul pidada uskumatult detailseid vestlusi arvuti enda riistvaraga, aga sa pead mõtlema nagu masin, mis on... noh, ütleme nii, üsna suur vaimne hüpe!
-- **Kõrgetase keeled** (nagu JavaScript, Python või C#) lubavad sul mõelda nagu inimene, samal ajal kui nad tegelevad kogu masinakõnega taga. Lisaks on neil imelised toetavad kogukonnad täis inimesi, kes mäletavad, kuidas on olla algaja, ja tõesti tahavad aidata!
+Programmeerimise keeles:
+- **Madalatasemel keeled** (nagu Assembly või C) lubavad sul arutada väga detailsetel teemadel arvuti riistvaraga, aga sa pead mõtlema nagu masin, mis on... no öelgem nii, et see on suur vaimne hüpe!
+- **Kõrgtasemel keeled** (nagu JavaScript, Python või C#) lubavad sul mõelda nagu inimene, samal ajal kui nad teevad kogu masinakeele taga töötleva töö. Pealegi on neil imelised toetavad kogukonnad täis inimesi, kes mäletavad, mida tähendab olla algaja ja kes tõesti tahavad aidata!
 
-Arva ära, milliseid ma võiksin soovitada alustuseks? 😉 Kõrgetasemelised keeled on nagu abiratastega jalgratas, mida sa tegelikult iialgi maha võtta ei taha, sest see muudab kogu kogemuse palju nauditavamaks!
+Aru saad, milliseid ma soovitan alustada? 😉 Kõrgtasemel keeled on nagu treeningratastega jalgratas, mida sa tegelikult ei taha kunagi eemaldada, sest need muudavad kogu kogemuse nii mõnusaks!
 
 ```mermaid
 flowchart TB
-    A["👤 Inimese mõte:<br/>'Ma tahan arvutada Fibonacci numbreid'"] --> B{Vali keeltee tase}
+    A["👤 Inimese mõte:<br/>'Ma tahan arvutada Fibonacci arve'"] --> B{Vali keeltesäte}
     
-    B -->|Kõrgtase| C["🌟 JavaScript/Python<br/>Lihtne lugeda ja kirjutada"]
-    B -->|Alamtase| D["⚙️ Assembly/C<br/>Otsene riistvara juhtimine"]
+    B -->|Kõrgetasemeline| C["🌟 JavaScript/Python<br/>Lihtne lugeda ja kirjutada"]
+    B -->|Madalatase| D["⚙️ Assembly/C<br/>Otsene riistvara kontroll"]
     
     C --> E["📝 Kirjuta: fibonacci(10)"]
     D --> F["📝 Kirjuta: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Arvuti aru saamine:<br/>Tõlk käsitleb keerukust"]
+    E --> G["🤖 Arvuti mõistmine:<br/>Tõlkija käsitleb keerukust"]
     F --> G
     
     G --> H["💻 Sama tulemus:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -163,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Las ma näitan, miks kõrgetasemelised keeled on palju sõbralikumad
+### Näitan sulle, miks kõrgtasemel keeled on palju sõbralikumad
 
-Okei, näitan sulle midagi, mis täiuslikult demonstreerib, miks ma armusin kõrgetasemeliste keeltesse, aga esmalt palun ma midagi. Kui näed esimest koodinäidet, ära ehmu! See peakski tunduma hirmutav. Täpselt seda ma tahan öelda!
+Okei, ma näitan sulle midagi, mis täiesti demonstreerib, miks ma armusin kõrgtaseme keeltesse, aga kõigepealt – ma tahan, et lubaksid mulle üht asja. Kui sa näed esimest koodinäidet, ära pabista! See peabki esialgu tunduma hirmutav. Täpselt selle peale ma rõhutan!
 
-Vaatame täpselt sama ülesannet kirjutatuna kahes täiesti erinevas stiilis. Mõlemad loovad nn Fibonacci jada – see on ilus matemaatiline muster, kus iga number on kahe eelneva summa: 0, 1, 1, 2, 3, 5, 8, 13... (Lõbus fakt: seda mustrit leiad sõna otseses mõttes kõikjalt loodusest – päevalille seemnete spiraalid, käbide mustrid, isegi galaktikate kujunemine!)
+Vaatame täpselt sama ülesannet, mis on kirjutatud kahel täiesti erineval moel. Mõlemad loovad Fibonacci jada – see on ilus matemaatiline muster, kus iga number on kahe eelneva summa: 0, 1, 1, 2, 3, 5, 8, 13... (Lõbus fakt: seda mustrit leiad sõna otseses mõttes kõikjalt loodusest – päevalille seemnete spiraalid, männikäbide mustrid, isegi galaktikate moodustumine!)
 
-Valmis nägema erinevust? Läheme!
+Valmis erinevust nägema? Lähme!
 
-**Kõrgetasemeline keel (JavaScript) – inimloetav:**
+**Kõrgtasemel keel (JavaScript) – Inimeste-sõbralik:**
 
 ```javascript
-// 1. samm: Põhiline Fibonacci seadistus
+// Samm 1: Põhiline Fibonacci seadistus
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -182,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Mis see kood teeb:**
-- **Määrab** konstantse väärtuse, kui palju Fibonacci numbreid soovime genereerida
-- **Algatab** kaks muutujat, et jälgida jada praegust ja järgmist numbrit
-- **Seab** algväärtused (0 ja 1), mis määratlevad Fibonacci mustri
-- **Kuvab** päise, et meie väljund oleks äratuntav
+**See kood teeb järgnevat:**
+- **Deklaratsioonib** konstanti, et määratleda, kui palju Fibonacci numbreid tahame genereerida
+- **Algatab** kaks muutujat, et jälgida järjestuse praegust ja järgmist numbrit
+- **Seab** algväärtused (0 ja 1), mis defineerivad Fibonacci mustri
+- **Kuvab** pealkirja sõnumi väljundi identifitseerimiseks
 
 ```javascript
-// 2. samm: Järjestuse genereerimine tsükli abil
+// Samm 2: Järjestuse genereerimine tsükliga
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Arvuta järjestuse järgmine number
+  // Arvuta järgmine arv jadas
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Mis siin juhtub:**
-- **Käivitab** tsükli iga positsiooni jaoks jadast `for` tsükli abil
-- **Kuvab** iga numbri koos selle positsiooniga, kasutades malliteksti vormindust
-- **Arvutab** järgmise Fibonacci numbri, liites praeguse ja järgmise väärtuse
-- **Uuendab** meie jälgimismuutujaid, et minna järgmisele iteratsioonile
+**Mis siin toimub:**
+- **Tsüklitame** järjestuse kõiki positsioone kasutades `for` tsüklit
+- **Kuvame** iga numbri koos asukohaga, kasutades mallstringe
+- **Arvutame** järgmise Fibonacci numbri praeguse ja järgmise summa abil
+- **Uuendame** jälgivaid muutujaid, et liikuda järgmise iteratsiooni juurde
 
 ```javascript
-// 3. samm: Kaasaegne funktsionaalne lähenemine
+// 3. samm: Moodne funktsionaalne lähenemine
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -224,12 +225,12 @@ console.log(fibSequence);
 ```
 
 **Ülal oleme:**
-- **Loonud** taaskasutatava funktsiooni kaasaegse noolefunktsiooni süntaksiga
-- **Koostanud** massiivi, et salvestada täielik jada, selle asemel, et kuvada ükshaaval
-- **Kasutanud** massiivi indekseerimist, et arvutada iga uus number eelmiste väärtuste põhjal
-- **Tagastanud** terve jada, et seda saaks paindlikult kasutada programmis muudes osades
+- **Loomis** taaskasutatavat funktsiooni, kasutades kaasaegset noolefunktsiooni süntaksit
+- **Ehitanud** massiivi, mis salvestab kogu jadana selle asemel, et kuvada ükshaaval
+- **Kasutanud** massiivi indeksit, et arvutada iga uus arv eelnevate põhjal
+- **Tagastanud** kogu jada, et seda saaks paindlikult kasutada programmis muudes osades
 
-**Madalatase keel (ARM Assembly) – arvutile sobiv:**
+**Madalatasemeline keel (ARM Assembly) – Arvuti-sõbralik:**
 
 ```assembly
  area ascen,code,readonly
@@ -256,39 +257,39 @@ back add r0,r1
  end
 ```
 
-Pane tähele, kuidas JavaScripti versioon loeb peaaegu nagu ingliskeelsed juhised, samas kui Assembly versioon kasutab krüptilisi käske, mis otse kontrollivad arvuti protsessorit. Mõlemad täidavad täpselt sama ülesannet, aga kõrgetasemeline keel on inimestele palju lihtsam mõista, kirjutada ja hooldada.
+Tähtis märgata, kuidas JavaScripti versioon loeb peaaegu nagu ingliskeelsed juhised, samas kui Assembly versioon kasutab krüptilisi käske, mis juhivad otse arvuti protsessorit. Mõlemad täidavad täpselt sama ülesande, kuid kõrgtasemel keel on inimestele palju kergemini mõistetav, kirjutatav ja hooldatav.
 
-**Peamised erinevused, mis silma jäävad:**
-- **Lugemismugavus**: JavaScript kasutab kirjeldavaid nimesid nagu `fibonacciCount`, Assembly aga krüptilisi silte nagu `r0`, `r1`
-- **Kommentaarid**: Kõrgema taseme keeled soodustavad selgitavate kommentaaride kirjutamist, mis muudavad koodi isedokumenteerivaks
-- **Struktuur**: JavaScripti loogiline voog peegeldab seda, kuidas inimesed probleemidele samm-sammult mõtlevad
+**Peamised erinevused, mida märkad:**
+- **Lugemisvõime**: JavaScript kasutab kirjeldavaid nimesid nagu `fibonacciCount`, samal ajal kui Assembly kasutab krüptilisi silte nagu `r0`, `r1`
+- **Kommentaarid**: Kõrgtasemel keeltes julgustatakse seletavaid kommentaare, mis muudavad koodi isedokumenteerivaks
+- **Struktuur**: JavaScripti loogiline voog järgib seda, kuidas inimesed mõtlevad probleemide peale samm-sammult
 - **Hooldus**: JavaScripti versiooni uuendamine erinevate nõudmiste jaoks on lihtne ja selge
 
-✅ **Fibonacci jada kohta**: See täiesti vapustav numbrimuster (kus iga number on kahe eelneva summa: 0, 1, 1, 2, 3, 5, 8...) ilmub sõna otseses mõttes *kõikjal* looduses! Leiad selle päevalille spiraalidest, männikoore mustritest, nautiluse kestade kumerusest ja isegi sellest, kuidas puud harunevad. On üsna pea meelt muutv, kuidas matemaatika ja kood aitavad meil mõista ja luua looduses esinevaid mustreid, mida kasutatakse ilu loomisel!
+✅ **Fibonacci jada kohta**: See tõeliselt kaunis numbrimuster (kus iga number on kahe eelneva summa: 0, 1, 1, 2, 3, 5, 8...) esineb sõna otseses mõttes *kõigis* looduses! Leiad seda päevalille keeristes, männikäbide mustrites, nutilusete kooriku kumeruses ja isegi puuharude kasvus. On üsna hämmastav, kuidas matemaatika ja kood aitavad meil mõista ja taastoota mustreid, mida loodus kasutab ilu loomisel!
 
 
-## Ehitusplokid, mis teevad võlu ära
+## Ehitusplokid, mis teevad maagia võimalikuks
 
-Hea küll, nüüd kui sa nägid, millisena programmeerimiskeeled tegelikult välja näevad, vaatame lahti põhilised komponendid, millest koosneb sõna otseses mõttes iga kunagi kirjutatud programm. Mõtle neile nagu olulistele koostisosadele oma lemmikretseptis – kui saad aru, mida igaüks teeb, saad lugeda ja kirjutada koodi peaaegu mis tahes keeles!
+Ok, nüüd, kui oled näinud, kuidas programmeerimiskeeled toimivad praktikas, vaatame põhiosasid, mis moodustavad sõna otseses mõttes iga kirjutatud programmi. Mõtle neile kui olulistele koostisosadele sinu lemmikretseptis – kui sa mõistad, mida igaüks teeb, suudad lugeda ja kirjutada koodi peaaegu igas keeles!
 
-See on natuke nagu programmeerimise grammatikat õppida. Mäletad koolist, kui õppisid nimisõnu, tegusõnu ja seda, kuidas lauseid kokku panna? Programmeerimisel on oma grammatika ja ausalt öeldes on see palju loogilisem ja andestavam kui inglise keel kunagi oli! 😄
+See on veidi nagu programmeerimise grammatika õppimine. Mäletad koolist, kui õppisid nimisõnu, tegusõnu ja kuidas lauseid kokku panna? Programmeerimisel on oma grammatika versioon, ja ausalt öeldes on see palju loogilisem ja andestavam kui inglise keele grammatika kunagi oli! 😄
 
-### Lausekanded: samm-sammulised juhised
+### Avaldused: Juhised samm-sammult
 
-Alustame **lausekannetest** – need on nagu üksikud laused vestluses arvutiga. Iga lause ütleb arvutile, et see teeb ühe konkreetse asja, nagu juhiste andmine: „Pööra siin vasakule,“ „Peatu punase tule juures,“ „Parki sinna kohta.“
+Alustame **avaldustest** – need on nagu üksikud laused vestluses arvutiga. Iga avaldus käsib arvutil teha üht konkreetset asja, nagu juhiste andmine: "Pööra siin vasakule," "Peatu punase tule juures," "Parki sinna kohta."
 
-Mulle meeldib lausekannete juures, kui loetavad need tavaliselt on. Vaata seda:
+Mulle meeldib avalduste puhul eriti see, kui loetavad nad tavaliselt on. Vaata seda:
 
 ```javascript
-// Põhilised avaldused, mis täidavad ühekordseid toiminguid
+// Põhilised avaldused, mis teevad ühe toimingu
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**See kood teeb järgmist:**
-- **Deklarerib** konstandi, kuhu salvestatakse kasutaja nimi
-- **Kuvab** tervitussõnumi konsooli väljundis
+**Mis see kood teeb:**
+- **Deklareerib** konstantsena muutuja, kuhu salvestatakse kasutaja nimi
+- ** Kuvab** tervitussõnumi konsoolil
 - **Arvutab** ja salvestab matemaatilise operatsiooni tulemuse
 
 ```javascript
@@ -297,36 +298,36 @@ document.title = "My Awesome Website";
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Samm-sammult toimub järgmist:**
-- **Muudab** veebilehe pealkirja, mis ilmub brauseri vahekaardil
-- **Muudab** kogu lehe taustavärvi
+**Samm-sammult, mis toimub:**
+- **Muudab** veebilehe tiitlit, mis kuvatakse brauseri vahekaardil
+- **Muutab** kogu lehe keha taustavärvi
 
-### Muutujad: su programmi mälusüsteem
+### Muutujad: Sinu programmi mälu süsteem
 
-Olgu, **muutujad** on ausalt öeldes üks mu lemmikkontseptsioone õpetada, sest need on nii sarnased asjadele, mida sa juba iga päev kasutad!
+Olgu, **muutujad** on ausalt öeldes üks minu lemmikkontseptsioone õpetada, sest need on väga sarnased asjadele, mida sa kasutad iga päev!
 
-Mõtle natuke oma telefoni kontaktide loendile. Sa ei mäleta kõigi telefoninumbreid – selle asemel salvestad „Ema,“ „Parim sõber“ või „Pitsa koht, mis toob kuni kella 2-ni“ ja laseb telefonil numbrid meeles hoida. Muutujad töötavad täpselt nii! Need on kui sildiga konteinerid, kuhu su programm saab infot salvestada ja hiljem nime abil tagasi võtta.
+Mõtle hetkeks oma telefoni kontaktidele. Sa ei õpi kõigi numbreid pähe – selle asemel salvestad "Ema," "Parim sõber" või "Pizzakoht, mis toob kuni kella 2-ni" ja las telefon mäletab tegelikke numbreid. Muutujad töötavad täpselt samamoodi! Need on nagu sildistatud anumad, kuhu su programm saab salvestada informatsiooni ja hiljem seda nime abil hõlpsalt leida.
 
-See, mis on tõeliselt lahe: muutujad võivad su programmi käigus muutuda (seetõttu ongi nimi "muutuja" – näed, kuidas nad selle välja mõtlesid?). Nii nagu sa ehk värskendad pitsakoha kontakti, kui avastad veel parem koha, saab muutujaid uuendada, kui su programm õpib uut infot või olukorrad muutuvad!
+Siin on see tõeliselt lahe: muutujad võivad programmi jooksu ajal muutuda (seetõttu nimi "muutuja" – näed, mis nad tegid?). Nagu sa võid uuendada pizzakoha kontakti, kui avastad mõne veel parema, võivad muutujad muutuda, kui su programm saab uut teavet või olukord muutub!
 
-Lubage mul näidata, kui kaunilt lihtne see võib olla:
+Las ma näitan, kui ilusasti lihtne see võib olla:
 
 ```javascript
-// Samm 1: Põhimuutujate loomine
+// 1. samm: Põhiliste muutujate loomine
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
 
-**Nende kontseptsioonide mõistmine:**
-- **Salvestada** muutumatud väärtused `const` muutujatesse (näiteks saidi nimi)
-- **Kasutada** `let` väärtuste jaoks, mis võivad programmi jooksul muutuda
-- **Määrata** erinevaid andmetüüpe: stringid (tekst), numbrid ja boole'id (true/false)
-- **Valida** kirjeldavad nimed, mis selgitavad, mida iga muutuja sisaldab
+**Nende mõistete mõistmine:**
+- **Salvesta** muutumatud väärtused `const` muutujatesse (näiteks saidi nimi)
+- **Kasuta** `let` väärtuste jaoks, mis võivad programmi jooksul muutuda
+- **Määra** erinevaid andmetüüpe: stringid (tekst), numbrid ja booleanid (true/false)
+- **Vali** kirjeldavad nimed, mis selgitavad, mida iga muutuja sisaldab
 
 ```javascript
-// Samm 2: Objektidega töötamine seotud andmete grupeerimiseks
+// Samm 2: Objektidega töötamine seotud andmete rühmitamiseks
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -334,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**Ülaltoodud juhtumil oleme:**
-- **Loonud** objekti, et grupeerida seotud ilmainfot kokku
-- **Korraldanud** mitu andmeosa ühe muutuja nime alla
-- **Kasutanud** võtme-väärtuse paare, et selgelt märgistada iga infoosa
+**Ülal oleme:**
+- **Loonud** objekti, mis grupeerib seotud ilmastikuinfo kokku
+- **Korraldanud** mitu andmeosist ühe muutuja nime alla
+- **Kasutanud** võtme-väärtuse paare, et selgelt sildistada iga info osa
 
 ```javascript
 // Samm 3: Muutujate kasutamine ja uuendamine
@@ -349,32 +350,32 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
 
-**Mõistame iga osa:**
-- **Kuvame** infot, kasutades malliliideseid `${}` süntaksiga
-- **Juurdepääs** objekti omadustele punktnotatsiooni abil (`weatherData.windSpeed`)
-- **Uuendame** `let`iga deklareeritud muutujaid, et kajastada muutuvaid tingimusi
-- **Kombineerime** mitut muutujat mõtestatud sõnumite loomiseks
+**Selgitame iga osa:**
+- **Kuva** infot mallimustritega `${}` süntaksis
+- **Juurdu pääsema** objekti omadustele punksümboli (`weatherData.windSpeed`) abil
+- **Uuenda** `let`-iga deklareeritud muutujaid, et kajastada muutuvaid tingimusi
+- **Kombineeri** mitut muutujat tähenduslike sõnumite loomiseks
 
 ```javascript
-// Samm 4: Kaasaegne destruktureerimine puhtama koodi jaoks
+// Samm 4: Moodne destruktureerimine puhtama koodi jaoks
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Mida vaja teada:**
-- **Eralda** kindlad omadused objektidest destruktureeriva määramisega
-- **Loo** uued muutujad automaatselt samade nimedega nagu objekti võtmed
-- **Lihtsusta** koodi, vältides korduvat punktnotatsiooni
+**Mida pead teadma:**
+- **Eralda** objekti omadusi, kasutades destruktureerivat määramist
+- **Loo** automaatselt uusi muutujaid samade nimedega nagu objekti võtmed
+- **Lihtsusta** koodi vältides korduvat punksümboli kasutamist
 
-### Juhtimisvoog: õpeta oma programm mõtlema
+### Kontrollvoog: Õpi oma programm mõtlema
 
-Hea küll, siin muutub programmeerimine täiesti pea raputavaks! **Juhtimisvoog** on põhimõtteliselt õpetamine, kuidas su programm teeb nutikaid otsuseid, täpselt nii nagu sina iga päev ilma mõtlemata teed.
+Ok, siin muutub programmeerimine täiesti vapustavaks! **Kontrollvoog** tähendabki õpetamist sinu programmile, kuidas teha nutikaid otsuseid, täpselt nii nagu sina seda iga päev ilma mõtlemata teed.
 
-Kujuta ette: täna hommikul tegid sa tõenäoliselt midagi sellist: „Kui sajab, võtan kaasa vihmavarju. Kui on külm, panen jope selga. Kui hilinen, jätan hommikusöögi vahele ja võtan kohvi kaasa.“ Su aju järgib loomulikult seda kui-siis loogikat korduvalt päevas!
+Kujutle: täna hommikul läksid läbi midagi sellist nagu "Kui sajab, võtan vihmavarju. Kui on külm, panen jope selga. Kui hilinen, jätan hommikusöögi vahele ja võtan kohvi teel." Su aju järgib loogikat "kui-siis" tosinatel kordadel päevas!
 
-See teebki programmidest tundele nutikad ja elavad, mitte lihtsalt igavat, ennustatavat stsenaariumit järgivad. Nad suudavad olukorda vaadata, hinnata, mis toimub ja vastavalt reageerida. See on nagu anda su programmile aju, mis suudab kohaneda ja valikuid teha!
+See on põhjus, miks programmid tunduvad targad ja elavad, mitte lihtsalt jälgivad igavat, etteaimatavat stsenaariumi. Nad saavad olukorda analüüsida, hinnata toimuvat ja vastata sobivalt. See on nagu anda sinu programmile aju, mis kohaneb ja teeb valikuid!
 
-Tahad näha, kuidas see kaunilt toimib? Lubage mul näidata:
+Tahad näha, kuidas see kenasti töötab? Näitan sulle:
 
 ```javascript
 // Samm 1: Põhiline tingimusloogika
@@ -388,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**See kood teeb järgmist:**
-- **Kontrollib**, kas kasutaja vanus vastab hääletamise nõuetele
-- **Täidab** erinevaid koodiblokke vastavalt tingimuse tulemusele
-- **Arvutab** ja kuvab, kui kaua on veel jäänud hääletamisõiguse saavutamiseni, kui alla 18
-- **Annan** iga stsenaariumi jaoks konkreetset ja kasulikku tagasisidet
+**Mis see kood teeb:**
+- **Kontrollib**, kas kasutaja vanus vastab hääleõigus nõudele
+- **Täidab** erinevaid koodiplokke tingimuse tulemusel
+- **Arvutab** ja kuvab, kui kaua veel hääletamisõigust oodata, kui alla 18
+- **Annab** konkreetse ja abistava tagasiside igaks juhtumiks
 
 ```javascript
-// Samm 2: Mitmed tingimused loogiliste operaatoritega
+// 2. samm: Mitmed tingimused koos loogikaliste operaatoritega
 const userAge = 17;
 const hasPermission = true;
 
@@ -408,22 +409,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Siin juhtub järgmist:**
-- **Kombineerib** mitmed tingimused `&&` (ja) operaatoriga
-- **Loo** tingimuste hierarhia `else if` abil mitme stsenaariumi jaoks
-- **Käsitleb** kõiki võimalikke juhtumeid lõpliku `else` lausega
-- **Annan** iga olukorra kohta selge, kasutajasõbraliku tagasiside
+**Siin tehakse järgmised asjad:**
+- **Kombineeritakse** mitmeid tingimusi `&&` (ja) operaatoriga
+- **Luuakse** tingimuste hierarhia `else if` abil mitme stsenaariumi jaoks
+- **Käsitletakse** kõiki võimalikke juhtumeid lõpliku `else` lausungi abil
+- **Antakse** iga erineva situatsiooni puhul selge ja tegevusele suunatud tagasiside
 
 ```javascript
-// Samm 3: Lühike tingimus teinepoolse operaatoriga
+// Samm 3: Lühendatud tingimus kolmikoperaatoriga
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Mida meeles pidada:**
-- **Kasuta** tingimuslause jaoks lihtsaid kahe valikuga tingimusi ternääroperaatoriga (`? :`)
-- **Kirjuta** tingimus esimesena, siis `?`, siis tõene tulemus, siis `:`, siis väär tulemus
-- **Kasuta** seda mustrit, kui vajad väärtuste määramist tingimuste põhjal
+**Mida pead meeles pidama:**
+- **Kasuta** ternaarset operaatorit (`? :`) lihtsate kahe valikuga tingimuste jaoks
+- **Kirjuta** kõigepealt tingimus, siis `?`, pärast tõene tulemus, siis `:`, lõpuks väär tulemus
+- **Rakenda** seda mustrit siis, kui pead tingimustest sõltuvalt väärtusi määrama
 
 ```javascript
 // Samm 4: Mitme konkreetse juhtumi käsitlemine
@@ -446,21 +447,21 @@ switch (dayOfWeek) {
 }
 ```
 
-**See kood saavutab:**
-- **Võrdleb** muutuja väärtust mitme kindla juhtumiga
-- **Grupeerib** sarnased juhtumid kokku (nädalapäevad vs nädalavahetus)
-- **Täidab** sobiva koodibloki, kui leitakse vaste
-- **Sisaldab** `default` juhtumit ootamatute väärtuste jaoks
-- **Kasutab** `break` lauseid, et vältida järgmise juhtumi täitmist
+**See kood teeb järgmist:**
+- **Võrdleb** muutuja väärtust mitme spetsiifilise juhtumiga
+- **Grupib** sarnased juhtumid (nädalapäevad vs nädalavahetused)
+- **Täidab** sobiva koodiploki, kui sobiv juhtum on leitud
+- **Lisa-** `default` juhtum ootamatute väärtuste jaoks
+- **Kasuta** `break` lauseid, et takistada järgmise juhtumi täidet-
 
-> 💡 **Tegeliku elu võrdlus**: Mõtle juhtimisvoog nagu maailma kannatlikumale GPS-ile, mis juhatab sind. Ta võib öelda „Kui Main Streetil on ummik, võta maantee. Kui maantee on ehituse all, proovi maastikulist teed.“ Programmid kasutavad täpselt sama tingimusloogikat, et nutikalt reageerida erinevatele olukordadele ja anda kasutajatele parim võimalik kogemus.
+> 💡 **Tegeliku elu näide**: Mõtle kontrollvoogu kui kõige kannatlikumale GPS-ile, mis annab sulle juhiseid. See võib öelda "Kui Main Streetil on ummik, võta kiirtee. Kui kiirteed blokeerib ehitus, proovi kaunist marsruuti." Programmid kasutavad täpselt sellist tingimusloogikat, et nutikalt erinevatele olukordadele vastata ja alati kasutajale parima kogemuse pakkuda.
 
-### 🎯 **Kontseptide kontroll: ehitusplokkide valdamine**
+### 🎯 **Konseptsiooni kontroll: Ehitusplokkide valdamine**
 
-**Vaatame, kuidas sul põhitõdedega läheb:**
-- Kas suudad omasõnadega seletada muutujate ja lausekannete vahe?
-- Mõtle päriselu olukord, kus kasutaksid kui-siis otsust (nagu meie hääletamise näide)
-- Mis on üks asi programmeerimisloogika kohta, mis sind üllatas?
+**Vaatame, kuidas sul fundamentaalides läheb:**
+- Kas suudad omasõnades selgitada muutujate ja avalduste vahet?
+- Mõtle reaalsele olukorrale, kus kasutaksid if-siis otsust (nagu meie hääletamise näites)
+- Mis üllatas sind programmeerimisloogika juures kõige rohkem?
 
 **Kiire enesekindluse tõstja:**
 ```mermaid
@@ -472,30 +473,30 @@ flowchart LR
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Mis järgmisena tuleb**: Meil saab olema täielik lõbu, kui sukeldume sügavamale nende kontseptsioonide maailma sel imelisel teekonnal koos! Praegu keskendu lihtsalt sellele põnevale tunnetusele kõigi hämmastavate võimaluste ees. Spetsiifilised oskused ja tehnikad jäävad loomulikuks, kui harjutame koos – luban, et see saab olema palju lõbusam, kui sa võid ette kujutada!
+✅ **Mis järgmiseks tuleb**: Meil on ees tõeliselt lõbus sukelduda sügavamale neisse kontseptsioonidesse, jätkates seda uskumatut teekonda koos! Praegu keskendu lihtsalt sellele põnevusele kõigi nende imeliste võimaluste ees. Spetsiifilised oskused ja tehnikad tulevad loomulikult, kui harjutame koos – luban, et see saab olema palju lõbusam, kui oskad oodata!
 
-## Tööriistad, mis teevad asja ära
+## Tööriistad tööstuses
 
-Olgu, ausalt öeldes hakkab mul siin põnevusest lausa põrkama! 🚀 Räägime nüüd hämmastavatest tööriistadest, mis panevad sind tundma, nagu oleksid just saanud kätte võtmeks digitaalsele kosmoselaevale.
+Ok, ausalt öeldes tunnen end sellepärast nii elevil, et vaevalt suudan ennast tagasi hoida! 🚀 Räägime uskumatuist tööriistadest, mis panevad sind tundma, et oled just saanud käepidemed digitaalsele kosmoselaevale.
 
-Sa tead, kuidas kokal on täiuslikult tasakaalustatud noad, mis tunduvad käe pikendusena? Või kuidas muusikul on see üks kitarr, mis hakkab kohe laulma, kui ta seda puudutab? Arendajatel on oma versioon neist maagilistest tööriistadest ja siin on see osa, mis su mõistuse sassi ajab – enamik neist on täiesti tasuta!
+Sa tead, kuidas kokal on need ideaalselt tasakaalustatud noad, mis tunduvad osana tema kätest? Või kuidas muusikul on see üks kitarr, mis hakkab laulma kohe, kui ta seda puudutab? Arendajatel on meie enda versioon neist maagilistest tööriistadest ja siin on see, mis su vaimu täiesti raputab – enamik neist on täiesti tasuta!
 
-Ma peaaegu hüppan mu toolil, mõeldes, et jagan seda sinuga, sest need on täielikult revolutsiooniliselt muutnud tarkvara arendamise viisi. Räägime tehisintellekti jõul töötavatest koodiabilistest, mis aitavad kirjutada su koodi (ma ei naljatan!), pilvekeskkondadest, kus saad ehitada terveid rakendusi sõna otseses mõttes igalt poolt Wi-Fi-ga ja silumise tööriistadest, mis on nii arenenud, nagu oleks sul programmide jaoks röntgen!
+Praktiliselt hüppan tugitoolis, mõeldes, et jagan neid sinuga, sest need on täielikult revolutsioonistanud, kuidas me tarkvara ehitame. Räägime AI-toega koodiassistentidest, mis aitavad sinu koodi kirjutada (ja ma ei naljaga tee!), pilvekeskkondadest, kus saad ehitada äppe sõna otseses mõttes kõikjalt Wi-Fi abil, ning silumise tööriistadest, mis on nii arenenud, nagu oleksid saanud oma programmide jaoks röntgenivisioni.
 
-Ja siin on osa, mis annab endiselt külmavärinad: need ei ole „algajate tööriistad“, mida sa välja kasvad. Need on täpselt samad professionaalsed tööriistad, mida kasutavad Google'i, Netflixi ja selle indie-rakenduse stuudio arendajad, keda sa armastad, praegugi. Sa tunned end nende kasutamisel tõelise proffina!
+Ja siin on see osa, mis jätab mind külmavärinate sisse: need ei ole "algajate tööriistad", mida sa kunagi välja kasvatad. Need on samad professionaalse taseme tööriistad, mida kasutavad Google’i, Netflix’i ja selle indie-äpi stuudio arendajad just praegu. Sa tunned end sellise professionaalina, kui neid kasutad!
 
 ```mermaid
 graph TD
     A["💡 Sinu idee"] --> B["⌨️ Koodi redaktor<br/>(VS Code)"] 
     B --> C["🌐 Brauseri arendustööriistad<br/>(Testimine ja silumine)"]
     C --> D["⚡ Käsklusrida<br/>(Automatiseerimine ja tööriistad)"]
-    D --> E["📚 Dokumentatsioon<br/>(Õppimine ja viited)"]
-    E --> F["🚀 Hämmastav veebirakendus!"]
+    D --> E["📚 Dokumentatsioon<br/>(Õppimine ja viide)"]
+    E --> F["🚀 Hämmastav veebiäpp!"]
     
-    B -.-> G["🤖 AI assistent<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 Tehisintellekti assistent<br/>(GitHub Copilot)"]
     C -.-> H["📱 Seadme testimine<br/>(Reageeriv disain)"]
-    D -.-> I["📦 Pakettide haldurid<br/>(npm, yarn)"]
-    E -.-> J["👥 Kogukond<br/>(Stack Overflow)"]
+    D -.-> I["📦 Pakihaldurid<br/>(npm, yarn)"]
+    E -.-> J["👥 Ühendus<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -504,120 +505,121 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Koodiredaktorid ja IDE-d: su uued digitaalsed parimad sõbrad
+### Koodi redaktorid ja IDEd: Sinu uued digitaalsed parimad sõbrad
 
-Räägime koodiredaktoritest – need hakkavad tõepoolest saama sinu uueks lemmikkoha, kus aega veeta! Mõtle neile kui isiklikule kodeerimispühamule, kus sa veedad suure osa oma ajast, vormides ja lihvides oma digitaalseid loominguid.
+Räägime koodi redaktoritest – need saavad tõesti sinu uueks lemmikkohtadeks, kus aega veeta! Mõtle neile kui oma isiklikule koodi pühamukohale, kus veedad suurema osa ajast digitaalsete loomingute meisterdamisel ja lihvimisel.
 
-Aga siin on see, mis on kaasaegsete redaktorite juures täiesti maagiline: need ei ole lihtsalt uhked tekstiredaktorid. Need on nagu kõige säravam, toetavam kodeerimise mentor, kes istub sinu kõrval 24/7. Nad tabavad trükivead enne, kui sa neid märkad, pakuvad parandusi, mis muudavad sind geeniuseks, aitavad sul mõista, mida iga kooditükk teeb, ja mõned neist suudavad isegi ära arvata, mida sa hakkad kirjutama, ning pakkuda mõtteid lõpetada!
+Aga siin on see, mis on moodsa redaktori puhul tõeliselt maagiline: nad ei ole lihtsalt uhked tekstiredaktorid. Nad on nagu kõige geniaalsem, toetavam koodi mentor, kes istub sinu kõrval 24/7. Nad tabavad trükivead enne, kui ise märkad, pakuvad täiustusi, mis panevad sind geniaalseks tundma, aitavad mõista, mida iga koodiosa teeb, ja mõned suudavad isegi ära arvata, mida kavatset ra kirjutada ja pakkuda mõtteid lõpetada!
 
-Mäletan, kui ma avastasin automaatse täiendamise – tundsin, nagu elaksin tulevikus. Sa hakkad midagi kirjutama ja su redaktor ütleb: „Hei, kas sa mõtlesid selle funktsiooni peale, mis teeb täpselt seda, mida vajad?“ See on nagu mõtte lugeja, kes on su kodeerimise kaaslane!
+Mäletan, kui avastasin esmakordselt automaatse täitmise – ma tundsin end elavat tulevikus. Sa alustad midagi kirjutama ja su redaktor ütleb: "Hei, kas sa mõtlesid sellele funktsioonile, mis teeb täpselt seda, mida vajad?" See on nagu mõtte lugeja oleks sinu koodi sõber!
 
-**Mida muudab need redaktorid nii uskumatuks?**
+**Mis teeb need redaktorid nii hämmastavaks?**
 
-Kaasaegsed koodiredaktorid pakuvad muljetavaldavat valikut funktsioone, mis suurendavad su tootlikkust:
+Moodsaid koodi redaktoreid iseloomustavad muljetavaldavad funktsioonid, mis tõstavad su tootlikkust:
 
 | Funktsioon | Mida see teeb | Miks see aitab |
 |------------|---------------|----------------|
-| **Süntaksi esiletõstmine** | Värvib erinevad koodiosad | Muudab koodi kergemini loetavaks ja vigade leidmise lihtsamaks |
-| **Automaatne täiendamine** | Pakub koodi kirjutades | Kiirendab kodeerimist ja vähendab trükivigu |
-| **Silumisvahendid** | Aidata leida ja parandada vigu | Säästab tunde probleemide otsimisest |
-| **Laiendused** | Lisavad spetsialiseeritud funktsioone | Kohanda oma redaktorit mis tahes tehnoloogia jaoks |
-| **AI abistajad** | Pakuvad koodi ja selgitusi | Kiirendab õppimist ja tootlikkust |
+| **Süntaksi esiletõstmine** | Värvib koodi erinevad osad | Muudab koodi kergemini loetavaks ja vead nähtavaks |
+| **Automaatne täitmine** | Pakub koodi kirjutamisel soovitusi | Kiirendab kirjutamist ja vähendab trükivigu |
+| **Silumisvahendid** | Aitab leida ja parandada vigu | Säästab tunde tõrkeotsingut |
+| **Pikendused** | Lisavad spetsiaalseid funktsioone | Kohanda redaktorit mis tahes tehnoloogia jaoks |
+| **AI assistendid** | Pakuvad koodi ja seletusi | Kiirendab õppimist ja töö efektiivsust |
 
-> 🎥 **Videoressurss**: Tahad näha neid tööriistu töös? Vaata seda [Tools of the Trade videot](https://youtube.com/watch?v=69WJeXGBdxg), mis annab põhjaliku ülevaate.
+> 🎥 **Videoresurss**: Tahad näha neid tööriistu tegevuses? Vaata seda [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) põhjalikku ülevaadet.
 
 #### Soovitatud redaktorid veebiarenduseks
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (tasuta)
 - Kõige populaarsem veebiarendajate seas
-- Suurepärane laienduste ökosüsteem
+- Suurepärane pikendustepood
 - Sisseehitatud terminal ja Git integratsioon
-- **Asendamatud laiendused**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI jõul töötavad koodisoovitused
+- **Peamised lisad**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-toega koodisoovitused
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Reaalajas koostöö
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automaatne koodi vormindus
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Tabab trükivead koodis
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automaatne koodi vormindamine
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Koodis trükivigade leidmine
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (tasuline, üliõpilastele tasuta)
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (tasuline, tudengitele tasuta)
 - Täiustatud silumis- ja testimisvahendid
-- Nutikas koodi täiendamine
+- Intelligentsed koodi lõpetamise võimalused
 - Sisseehitatud versioonihaldus
 
-**Pilvepõhised IDE-d** (eri hinnaklassid)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Täielik VS Code brauseris
-- [Replit](https://replit.com/) - Hea õppimiseks ja koodi jagamiseks
-- [StackBlitz](https://stackblitz.com/) - Kohene täispinu veebiarendus
+**Pilvepõhised IDEd** (erinevad hinnad)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Täielik VS Code otse brauseris
+- [Replit](https://replit.com/) - Suurepärane õppimiseks ja koodi jagamiseks
+- [StackBlitz](https://stackblitz.com/) - Kohene täispaketti veebiarendus
 
-> 💡 **Algusnõuanne**: Alusta Visual Studio Code’iga – see on tasuta, tööstuses laialt kasutusel ja sellel on tohutu kogukond, kes loob abimaterjale ja laiendusi.
+> 💡 **Alguse soovitus**: Alusta Visual Studio Code’ga – see on tasuta, laialt tööstuses kasutatav ja omab tohutut kogukonda, kes loob abistavaid õpetusi ja lisasid.
 
 
-### Veebibrauserid: su salajane arendustöötuba
+### Veebibrauserid: Sinu salajane arenduslabor
 
-Kui oled valmis, siis laseb see teadmine su mõistuse täiesti sassi! Sa tead, kuidas oled brausereid kasutanud sotsiaalmeediat kerimiseks ja videote vaatamiseks? Selgub, et nad on kogu selle aja varjanud seda uskumatut saladuslikku arendustöötuba, mis ootab lihtsalt, et sina selle avastaksid!
+Olgu, valmista end täielikuks vaimustusks! Sa tead, et oled kasutanud brausereid sotsiaalmeedias sirvimiseks ja videote vaatamiseks? Selgub, et nad on kogu selle aja varjanud seda imelist salajast arenduslaborit, mis ootab, et sa selle avastaksid!
 
-Iga kord, kui sa paremklõpsad veebilehel ja valid „Elementi kontrolli“, avad varjatud arendustööriistade maailma, mis on ausalt öeldes võimsamad kui mõned kallid tarkvarad, mille eest ma kunagi sadu dollareid maksis. See on nagu avastada, et tavalises köögis on salajane professionaalse koka laboratoorium peidetud!
-Esimest korda, kui keegi mulle brauseri DevToolsi näitas, veetsin umbes kolm tundi lihtsalt klõpsides ja öeldes: "OOTA, KAS SEE SAAB KA SEDA TEHA?!" Sa saad päriselt muuta mistahes veebisaiti reaalajas, näha täpselt kui kiiresti kõik laadib, testida, kuidas su sait erinevates seadmetes välja näeb, ja isegi siluda JavaScripti nagu täielik proff. See on absoluutselt vapustav!
+Iga kord, kui sa paremklõpsad veebilehel ja valid "Inspect Element", avad endale arendajate tööriistade varjatud maailma, mis on ausalt öeldes võimsamad kui mõni kallis tarkvara, mille eest ma varem sadu dollareid maksisn. See on nagu avastada, et sinu tavaline köök on peitnud professionaalse koka labori salajase paneeli taha!
+Esimest korda, kui keegi mulle brauseri DevTools'i näitas, veetsin ma umbes kolm tundi lihtsalt ringi klikkides ja öeldes „OOTA, KAS TA OSKAB KA SEDA?!“ Sa saad reaalselt igat veebilehte otse muuta, näha täpselt, kui kiiresti kõik laadib, testida, kuidas su sait erinevates seadmetes välja näeb, ja isegi JavaScripti nagu tõeline proff siluda. See on täiesti hämmastav!
 
-**Sellepärast on brauserid su salarelv:**
+**Siin on, miks brauserid on su salarelv:**
 
-Kui sa lood veebisaiti või veebirakendust, pead nägema, kuidas see maailmas välja näeb ja käitub. Brauserid mitte ainult ei kuva su tööd, vaid annavad ka detailset tagasisidet jõudluse, ligipääsetavuse ja võimalike probleemide kohta.
+Kui sa lood veebilehte või veebiäppi, pead nägema, kuidas see reaalses maailmas välja näeb ja käitub. Brauserid ei näita mitte ainult su tööd, vaid annavad ka põhjalikku tagasisidet jõudluse, ligipääsetavuse ja võimalike probleemide kohta.
 
 #### Brauseri arendustööriistad (DevTools)
 
-Tänapäeva brauserid sisaldavad põhjalikke arenduskomplekte:
+Tänapäeva brauserid sisaldavad põhjalikke arendusvahendite komplekte:
 
-| Tööriista kategooria | Mida see teeb | Näide kasutusjuhtumist |
-|----------------------|---------------|-----------------------|
-| **Elementide inspekteerija** | HTML/CSS reaalajas vaatamine ja muutmine | Stiili reguleerimine, et näha kohest tulemust |
-| **Konsool** | Vaata veateateid ja testi JavaScripti | Probleemide silumine ja katsetamine koodiga |
-| **Võrgu monitoor** | Jälgi, kuidas ressursid laaditakse | Jõudluse ja laadimisaja optimeerimine |
-| **Ligipääsetavuse kontrollija** | Testi kaasava disaini põhimõtteid | Veendu, et su sait töötab kõigi kasutajate jaoks |
-| **Seadmete simulaator** | Eelvaade erinevate ekraanisuurustega | Testi reageerivat disaini ilma mitme seadmeta |
+| Tööriista kategooria | Mida see teeb | Näidiskasutus |
+|----------------------|---------------|---------------|
+| **Elementide inspekteerija** | Vaata ja muuda HTML/CSS reaalajas | Kohanda stiili, et näha koheseid tulemusi |
+| **Konsol** | Vaata veateateid ja testi JavaScripti | Silu probleeme ja katseta koodiga |
+| **Võrgu jälgija** | Jälgi ressursside laadimist | Optimeeri jõudlust ja laadimisaegu |
+| **Ligipääsetavuse kontrollija** | Testi kaasava disaini põhimõtteid | Veendu, et su sait töötab kõigile kasutajatele |
+| **Seadmesimulaator** | Eelvaade erinevate ekraanisuuruste peal | Testi reageerivat disaini ilma mitme seadmeta |
 
 #### Soovitatud brauserid arenduseks
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Tööstusharu standard DevTools koos laiapõhjalise dokumentatsiooniga  
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Suurepärased CSS Gridi ja ligipääsetavuse tööriistad  
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Põhineb Chromiumil, Microsofti arendajate ressurssidega  
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – tööstusstandard DevTools koos põhjaliku dokumentatsiooniga
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – suurepärased CSS Gridi ja ligipääsetavuse tööriistad
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – ehitatud Chromiumile koos Microsofti arendajate ressurssidega
+
+> ⚠️ **Tähtis testimisnipp**: Testi alati oma veebisaite mitmes brauseris! See, mis töötab ideaalselt Chrome'is, võib Safaris või Firefoxis välja näha teistmoodi. Professionaalsed arendajad testivad kõigis suuremates brauserites, et tagada kasutajakogemuse järjepidevus.
 
-> ⚠️ **Oluline testimisnipp**: Alati testi oma veebisaite mitmes brauseris! Mis töötab ideaalselt Chromes, võib Safaris või Firefoxis erineda. Professionaalsed arendajad testivad kõigis suuremates brauserites, et tagada ühtlane kasutajakogemus.
 
-### Käsureatööriistad: Sinu värav arendaja üleloomulike võimeteni
+### Käsurea tööriistad: sinu sissepääs arendaja supervõimetesse
 
-Olgu, olgem täiesti ausad käsurea suhtes, sest ma tahan, et sa kuuled seda kedagi, kes tõesti mõistab. Kui ma selle esimest korda nägin – lihtsalt see hirmutav must ekraan vilkuva tekstiga – mõtlesin tõsiselt: "Ei-ei, üldse mitte! See näeb välja nagu 1980ndate häkkerifilmist ja ma pole kindlasti selleks piisavalt tark!" 😅
+Olgu, olgem nüüd täiesti ausad käsurea suhtes, sest tahan, et sa kuulaksid seda inimeselt, kellel on sellest tõesti arusaamine. Kui ma seda esimest korda nägin – lihtsalt see hirmutav musta taustaga, vilkuva tekstiga ekraan – siis mõtlesin sõna otseses mõttes: „Ei, absoluutselt mitte! See näeb välja nagu midagi 1980. aastate häkkerifilmist, ja ma pole kindlasti piisavalt tark selle jaoks!“ 😅
 
-Aga siin on see, mida ma sooviksin, et keegi oleks mulle tookord öelnud ja mida ma ütlen sulle nüüd: käsurida pole hirmutav – see on nagu otsekõne arvutile. Mõtle sellele nagu vahe peale, kas tellid toidu uhkest foto- ja menüüplugina kasutavast äpist (mis on mugav ja lihtne) või lähed oma lemmiklokaali restorani, kus peakokk teab täpselt, mis sulle meeldib, ja võib valmistada suunamisi midagi imelist lihtsalt öeldes: "üllata mind millegagi suurepärasega."
+Aga siin on see, mida ma soovin, et keegi oleks mulle tol ajal öelnud ja mida ma räägin sulle praegu: käsurida pole hirmuäratav – see on tegelikult nagu otsepöördumine oma arvutiga. Mõtle sellele kui vahe Eesti moodsate toidu tellimise äppide pildi- ja menüüvalikute (mis on mõnus ja lihtne) ning su lemmik kohaliku restorani kõndimise vahele, kus kokk teab täpselt, mida sa armastad, ja suudab valmistada midagi perfektselt ainult sinu sõnadega „üllata mind millegagi imelisega.“
 
-Käsurida on koht, kuhu arendajad lähevad, et tunda end tõeliste maagikutena. Sa kirjutad paar esmapilgul maagilist sõna (okei, need on lihtsalt käsud, aga tunduvad maagilised!), vajutad Enterit ja BUMM – oled loonud terve projekti struktuuri, paigaldanud võimsaid tööriistu üle kogu maailma või avaldanud oma rakenduse internetis miljonitele vaatamiseks. Kui sa selle esimese võimsuse maitset tunned, on see ausalt üsna sõltuvust tekitav!
+Käsurida on koht, kuhu arendajad lähevad, et tunda end tõeliste võluritena. Sa kirjutad mõned näiliselt maagilised sõnad (okei, need on lihtsalt käsud, aga need tunduvad maagilised!), vajutad enterit ja BOOM – oled loonud terve projekti struktuuri, installinud võimsaid tööriistu üle maailma või deployinud oma äpi internetti miljonite nägemiseks. Kui sa saad sellest võimust esimest korda maitse suhu, siis see on ausalt öeldes väga sõltuvust tekitav!
 
-**Miks käsurida saab su lemmiktööriistaks:**
+**Miks käsurida saab sinu lemmiktööriistaks:**
 
-Kuigi graafilised liidesed sobivad paljude ülesannete jaoks, paistab käsurida silma automatiseerimise, täpsuse ja kiiruse poolest. Paljud arendustööriistad töötavad peamiselt käsurealiideste kaudu ja nende efektiivne kasutamine võib oluliselt parandada sinu tootlikkust.
+Kuigi graafilised kasutajaliidesed sobivad paljude ülesannete jaoks hästi, on käsurida ülim automaatika, täpsuse ja kiiruse osas. Paljud arendustööriistad töötavad peamiselt käsurea kaudu ja nende efektiivne kasutamine võib oluliselt tõsta su tootlikkust.
 
 ```bash
 # Samm 1: Loo ja liigu projekti kataloogi
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-  
-**See kood teeb järgmist:**  
-- **Loo** uus kataloog nimega "my-awesome-website" oma projekti jaoks  
-- **Liigu** äsja loodud kataloogi, et alustada tööd
+
+**Mida see kood teeb:**
+- **Loo** uus kaust nimega „my-awesome-website“ su projekti jaoks
+- **Liigu** loodud kausta, et alustada tööd
 
 ```bash
-# 2. samm: Initsialiseeri projekt koos package.json failiga
+# Samm 2: Algata projekt failiga package.json
 npm init -y
 
-# Paigalda kaasaegsed arendusvahendid
+# Paigalda kaasaegsed arendustööriistad
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-  
-**Samm-sammult toimub see:**  
-- **Algatatakse** uus Node.js projekt vaikeseadistustega kasutades `npm init -y`  
-- **Paigaldatakse** Vite kaasaegse ehitustööriistana kiireks arenduseks ja tootmisversioonideks  
-- **Lisatakse** Prettier automaatseks koodi vormindamiseks ja ESLint koodi kvaliteedi kontrolliks  
-- **Kasutatakse** `--save-dev` lippu, et märkida need ainult arendamise sõltuvusteks
+
+**Samm-sammult toimub järgmist:**
+- **Algatamine** uuest Node.js projektist vaikeseadetega kasutades `npm init -y`
+- **Installimine** Vite moodsa build-tööriistana kiireks arenduseks ja toodanguks
+- **Lisamine** Prettier automaatseks koodi vormindamiseks ja ESLint koodi kvaliteedi kontrollimiseks
+- **Kasutamine** `--save-dev` lipuga, et märkida need ainult arendamise sõltuvustena
 
 ```bash
 # 3. samm: Loo projekti struktuur ja failid
@@ -627,222 +629,226 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 # Käivita arendusserver
 npx vite
 ```
-  
-**Ülaltoodud toimingud olid:**  
-- **Organiseeriti** meie projekt, luues eraldi kaustad lähtekoodi ja varade jaoks  
-- **Genereeriti** põhiline HTML-fail õige dokumendisstruktuuriga  
-- **Käivitati** Vite arendusserver eluks uuenduste ja kuuma mooduli asendamisega
 
-#### Veebiarenduse olulised käsureatööriistad
+**Ülaltoodud toimingutes:**
+- **Korraldasime** oma projekti, luues eraldi kaustad lähtekoodile ja varadele
+- **Genereerisime** lihtsa HTML faili õige dokumendi struktuuriga
+- **Käivitame** Vite arendusteenuse live reload’i ja hot module replacement’iga
+
+#### Olulised käsurea tööriistad veebiarenduses
 
-| Tööriist | Eesmärk | Miks seda vajad |
-|----------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Versioonihaldus | Jälgi muudatusi, tee koostööd teistega, tee varukoopiaid |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScripti käituskeskkond ja pakethaldus | Käivita JavaScripti väljaspool brausereid, paigalda kaasaegseid arendustööriistu |
-| **[Vite](https://vitejs.dev/)** | Ehitusvahend ja arendusserver | Väga kiire arendus koos kuuma mooduli asendusega |
-| **[ESLint](https://eslint.org/)** | Koodi kvaliteet | Leia ja paranda automaatselt JavaScriptis probleemid |
-| **[Prettier](https://prettier.io/)** | Koodi vormindamine | Hoia oma kood järjekindlalt vormindatud ja loetavana |
+| Tööriist | Eesmärk | Miks sul seda vaja on |
+|----------|---------|-----------------------|
+| **[Git](https://git-scm.com/)** | Versioonihaldus | Jälgi muudatusi, tee koostööd, varunda oma tööd |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScripti runtime & pakendihaldus | Käivita JavaScript brauseri väliselt, installi moodsad arendustööriistad |
+| **[Vite](https://vitejs.dev/)** | Build-tööriist ja arendusserver | Välkkiire arendus koos kuuma mooduli asendusega |
+| **[ESLint](https://eslint.org/)** | Koodi kvaliteet | Leia ja paranda automaatselt JavaScripti probleemid |
+| **[Prettier](https://prettier.io/)** | Koodi vormindamine | Hoia oma kood ühtlaselt vormindatud ja loetav |
 
 #### Platvormipõhised valikud
 
-**Windows:**  
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Moodne, rikkalikult funktsioone täis terminal  
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Võimas skriptikeel  
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Traditsiooniline Windowsi käsurida
+**Windows:**
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moodne, rikkalike funktsioonidega terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – võimas skriptimiskeskkond
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – traditsiooniline Windowsi käsurida
 
-**macOS:**  
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Eelinstalleeritud terminalirakendus  
-- **[iTerm2](https://iterm2.com/)** – Täiustatud terminal koos arenenud funktsioonidega
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – sisseehitatud terminali rakendus
+- **[iTerm2](https://iterm2.com/)** – täiustatud terminal täiendavate funktsioonidega
 
-**Linux:**  
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Standardlinuxi kest  
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Täiustatud terminaliemulaator
+**Linux:**
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standardne Linuxi shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – täiustatud terminali emulaator
 
-> 💻 = Operatsioonisüsteemiga kaasas
+> 💻 = Operatsioonisüsteemiga eelinstallitud
 
-> 🎯 **Õppeteekond**: Alusta põhilistest käskudest nagu `cd` (kausta vahetus), `ls` või `dir` (failide listimine) ja `mkdir` (kausta loomine). Harjuta tänapäevaste töövoo käskudega nagu `npm install`, `git status` ja `code .` (avatakse praegune kaust VS Codes). Kui mugavus kasvab, omandad loomulikult ka keerulisemad käsud ja automatiseerimistehnikad.
+> 🎯 **Õppeteekond**: Alusta põhiliste käskudega nagu `cd` (kausta vahetus), `ls` või `dir` (failide nimekiri) ja `mkdir` (kausta loomine). Harjuta tänapäevaste töövoo käskudega nagu `npm install`, `git status` ja `code .` (avatakse praegune kaust VS Code’is). Mida mugavamaks saad, seda loomulikult haarad juurde täpsemaid käske ja automatiseerimisvõtteid.
 
-### Dokumentatsioon: Sinu alati olemasolev õppementor
 
-Olgu, las ma jagan väikest saladust, mis paneb sind tundma end palju paremini algajana: isegi kõige kogenumad arendajad veedavad tohutult aega dokumentatsiooni lugedes. Ja see pole sellepärast, et nad ei tea, mida teevad – see on tarkuse tõestus!
+### Dokumentatsioon: sinu alati saadaval olev õppemaa
 
-Mõtle dokumentatsioonile kui maailma kannatlikumate, teadlikumate õpetajate kogumile, kes on alati saadaval ööpäevaringselt. Jääd kella kahe paiku öösel probleemiga hätta? Dokumentatsioon ootab soojalt virtuaalse kallistusega ja just õige vastusega. Tahad õppida mõnest uuest lahedast funktsioonist, millest kõik räägivad? Dokumentatsioon aitab samm-sammult näidetega. Püüad aru saada, miks midagi toimib nii nagu toimib? Sa arvasid õigesti – dokumentatsioon seletab selle lahti, kuni mõistmine saabub!
+Olgu, jagan sinuga väikest saladust, mis paneb sind tundma ennast palju paremini algajana: ka kõige kogenumad arendajad veedavad tohutu osa oma ajast dokumentatsiooni lugedes. Ja see pole seepärast, et nad ei teakliks, mida teevad – see on hoopis tarkuse märk!
 
-Siin on midagi, mis mu vaatenurka täielikult muutis: veebiarendusmaailm liigub tohutu kiirusega ja keegi – ma tõesti mõtlen, et keegi! – ei talleta kõike pähe. Olen näinud vanemaid arendajaid, kellel on üle 15 aasta kogemust, pärimas põhilist süntaksit ja tead mida? See pole häbi – see on tarkus! Ei ole asi perfektses mälus, vaid selles, et tead, kuhu usaldusväärseid vastuseid kiiresti leida ja kuidas neid kasutada.
+Mõtle dokumentatsioonile kui ligipääsule maailma kõige kannatlikumatele ja teadlikumatele õpetajatele, kes on olemas 24/7. Jääd verdama kella kahe ajal öösel? Dokumentatsioon on seal soojalt virtuaalselt embamas ja just vastusega, mida vajad. Tahad õppida mõnda lahedat uut funktsiooni, millest kõigil räägitakse? Dokumentatsioon toetab sind samm-sammult näidistega. Üritad aru saada, miks midagi nii toimib nagu ta toimib? Eks arvasidki – dokumentatsioon on valmis selgitama seda nii, et see lõpuks klapib!
 
-**Tegelik maagia toimub siin:**
+Siin on midagi, mis muutis kogu minu vaatenurka: veebiarenduse maailm liigub uskumatult kiiresti ja keegi (ma mõtlen täiesti kedagi!) ei hoia kõike meeles. Olen näinud, kuidas 15+ aastase kogemusega vanemad arendajad otsivad üles lihtsat süntaksit, ja tead mis? See pole piinlik – see on nutikas! Asi ei ole ideaalses mälus; asi on selles, et tead, kust leida usaldusväärseid vastuseid kiiresti ja oskad neid rakendada.
 
-Professionaalsed arendajad veedavad suure osa oma ajast dokumentatsiooni lugedes – mitte sest nad ei tea, mida teevad, vaid kuna veebiarenduse maastik areneb nii kiiresti, et ajakohasena püsimiseks on pidev õppimine vajalik. Hea dokumentatsioon aitab sul mõista mitte ainult *kuidas* midagi kasutada, vaid ka *miks* ja *millal* seda teha.
+**Siin toimub tõeline võlu:**
+
+Professionaalsed arendajad veedavad olulise osa oma ajast dokumentatsiooni lugedes – mitte kuna nad ei teaks, mida teevad, vaid kuna veebiarenduse maastik muutub nii kiiresti, et ajakohasena püsimine nõuab pidevat õppimist. Hea dokumentatsioon aitab mõista mitte ainult seda, *kuidas* midagi kasutada, vaid ka *miks* ja *millal* seda teha.
 
 #### Olulised dokumentatsiooni ressursid
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
-- Veebitehnoloogiate kuldstandard dokumentatsioonis  
-- Põhjalikud juhendid HTML-i, CSS-i ja JavaScripti kohta  
-- Sisaldab brauserite ühilduvuse infot  
-- Praktikapõhjad näited ja interaktiivsed demo'd
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- Veebitehnoloogiate kulla standard dokumentatsioonis
+- Põhjalikud juhendid HTML, CSS ja JavaScripti kohta
+- Sisaldab brauserite ühilduvuse infot
+- Pakub praktilisi näiteid ja interaktiivseid demosid
 
-**[Web.dev](https://web.dev)** (Google poolt)  
-- Kaasaegsed veebiarenduse parimad praktikad  
-- Jõudluse optimeerimise juhendid  
-- Ligipääsetavuse ja kaasava disaini põhimõtted  
-- Reaalsetest projektidest juhtumiuuringud
+**[Web.dev](https://web.dev)** (Google’i poolt)
+- Kaasaegsed veebiarenduse parimad praktikad
+- Jõudluse optimeerimise juhendid
+- Ligipääsetavus ja kaasava disaini põhimõtted
+- Juhtumiuuringud pärisprojektidest
 
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
-- Edge brauseri arendusressursid  
-- Progressiivsete veebirakenduste juhised  
-- Platvormideülene arendusinfo
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Edge brauseri arendusressursid
+- Progressiivsete veebirakenduste juhendid
+- Mitmeplatvormiliste arenduste ülevaated
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
-- Struktureeritud õppemarsruudid  
-- Videokursused tööstuse ekspertidelt  
-- Praktilised kodeerimisülesanded
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Struktureeritud õppemoodulid
+- Videokursused tööstuse ekspertidelt
+- Praktilised kodeerimise harjutused
 
-> 📚 **Õppestrateegia**: Ära proovi dokumentatsiooni pähe õppida – selle asemel õpi seda efektiivselt navigeerima. Pane järjehoidjatesse tihti kasutatavad viited ja harjuta otsingufunktsioonide kasutamist, et kiiresti konkreetset infot leida.
+> 📚 **Õppestrateegia**: Ära proovi dokumentatsiooni pähe õppida – õpi pigem seda efektiivselt navigeerima. Märgista tihti kasutatavad viited ja harjuta otsingufunktsioonide kasutamist kiire info leidmiseks.
 
 ### 🔧 **Tööriista valdamise kontroll: Mis sinuga kõnetab?**
 
-**Võta hetk mõtlemiseks:**  
-- Millist tööriista tahaksid esimesena proovida? (Vale vastust ei ole!)  
-- Kas käsurida tundub endiselt hirmutav või oled selle vastu uudishimulik?  
-- Kas suudad ette kujutada, et kasutad brauseri DevToolsi, et piiluda oma lemmikveebide telgitagustesse?
+**Võta hetk ja mõtle:**
+- Millist tööriista tahad kõigepealt proovida? (Vale vastust pole!)
+- Kas käsurida tundub endiselt hirmutav või oled selle vastu uudishimulik?
+- Kas saad ette kujutada, et kasutad brauseri DevTools'i, et piiluda oma lemmikveebisaitide telgitaguseid?
 
 ```mermaid
-pie title "Arendaja Aeg Vahenditega"
+pie title "Arendaja aeg tööriistadega"
     "Koodiredaktor" : 40
-    "Brauseri Testimine" : 25
+    "Brauseri testimine" : 25
     "Käsurida" : 15
-    "Dokumentatsiooni Lugemine" : 15
+    "Dokumentatsiooni lugemine" : 15
     "Silumine" : 5
-```  
-> **Lõbus fakt:** Enamik arendajaid veedab umbes 40% ajast koodiredaktoris, aga märka, kui palju aega kulub testimiseks, õppimiseks ja probleemide lahendamiseks. Programmeerimine ei ole ainult koodi kirjutamine – see on kogemuste loomine!
+```
+> **Lõbus fakt**: Enamik arendajaid veedab umbes 40% ajast oma koodiredaktoris, aga märka, kui palju aega kulub testimisele, õppimisele ja probleemide lahendamisele. Programmeerimine ei ole lihtsalt koodi kirjutamine – see on kogemuste loomine!
 
-✅ **Mõtlemise toit:** Siin on midagi huvitavat mõtlemiseks – kuidas arvad, et veebisaitide loomise tööriistad (arendus) erinevad tööriistadest, millega kujundada, kuidas need välja näevad (disain)? See on nagu vahe arhitekti vahel, kes disainib kauni maja, ja töövõtja vahel, kes selle päriselt ehitab. Mõlemad on olulised, kuid vajavad erinevaid tööriistakaste! Selline mõtlemine aitab sul tõesti näha suuremat pilti, kuidas veebisaidid ellu sünnivad.
+✅ **Toit mõtlemiseks**: Siin on midagi huvitavat – kuidas sa arvad, et veebisaitide ehitamise tööriistad (arendus) võivad erineda tööriistadest, millega kujundada, kuidas need välja näevad (disain)? See on nagu vahe arhitekti vahel, kes disainib kaunist maja, ja ehitaja vahel, kes selle tegelikult üles ehitab. Mõlemad on olulised, kuid neil on erinevad tööriistakapid! Selline mõtteviis aitab sul tõesti näha suuremat pilti, kuidas veebisaidid elule ärkavad.
 
-## GitHub Copilot Agenti väljakutse 🚀
+## GitHub Copilot Agent väljakutse 🚀
 
-Kasuta Agentrežiimi järgmise väljakutse lõpuleviimiseks:
+Kasuta Agent režiimi, et lõpetada järgmine väljakutse:
 
-**Kirjeldus:** Uuri kaasaegse koodiredaktori või IDE omadusi ja näita, kuidas need võivad parandada su töövoogu veebiarendajana.
+**Kirjeldus:** Uuri moodsate koodiredaktorite või IDE omadusi ja näita, kuidas need võivad parandada sinu töövoogu veebiarendajana.
 
-**Juhtlause:** Vali koodiredaktor või IDE (näiteks Visual Studio Code, WebStorm või pilvepõhine IDE). Nimeta kolm funktsiooni või laiendust, mis aitavad sul koodi efektiivsemalt kirjutada, siluda või hooldada. Igaühe kohta anna lühike selgitus, kuidas see su töövoogu aitab.
+**Käsk:** Vali koodiredaktor või IDE (näiteks Visual Studio Code, WebStorm või pilvepõhine IDE). Tõesta kolme omaduse või laiendusega, mis aitavad sul kodeerida, siluda või koodi hooldada efektiivsemalt. Igaühe juures anna lühike selgitus, kuidas see sinu tööd parandab.
 
 ---
 
 ## 🚀 Väljakutse
 
-**Olgu, detektiiv, valmis oma esimeseks juhtumiks?**
+**Olgu, detektiiv, kas oled valmis oma esimeseks juhtumiks?**
+
+Nüüd, kui sul on see äge alus olemas, on mul seiklus, mis aitab sul näha, kui uskumatu mitmekesine ja põnev programmeerimise maailm tegelikult on. Ja kuula – see ei ole veel koodi kirjutamise kohta, nii et mitte midagi stressi! Mõtle end programmeerimiskeelte detektiivina oma esimesel põneval juhtumil!
+
+**Sinu missioon, kui sa selle vastu võtad:**
+1. **Saavuta keeleuurija staatus:** Vali kolm programmeerimiskeelt täiesti erinevatest universumitest – äkki üks veebilehtede loomiseks, üks mobiilirakenduste tegemiseks ja üks teadlaste andmete töötlemiseks. Leia näited samast lihtsast ülesandest, mis on kirjutatud neis keeltes. Luban, et sa jääd uskumatusse, kui erinevalt nad võivad välja näha, kuigi teevad täpselt sama asja!
+
+2. **Uuri nende päritolulugusid:** Mis teeb iga keele eriliseks? Siin on üks lahe fakt – iga programmeerimiskeel loodi, sest keegi mõtles, „Sa tead, peab olema parem viis selle konkreetse probleemi lahendamiseks.“ Kas suudad välja uurida, mis need probleemid olid? Mõned lood on tõeliselt huvitavad!
 
-Nüüd, kui sul on see vinge alus olemas, on mul seiklus, mis aitab sul näha, kui uskumatult mitmekesine ja põnev programmeerimise maailm tegelikult on. Ja kuula – see ei ole veel koodi kirjutamine, nii et ära tunne survet! Mõtle end programmeerimiskeele detektiiviks oma esimesel põneval juhtumil!
+3. **Tutvu kogukondadega:** Vaata, kui sõbralikud ja põnevad on iga keele kogukonnad. Mõnel on miljoneid arendajaid teadmisi jagamas ja teineteist aidamas, teised on väiksemad, aga väga tihedalt seotud ja toetavad. Sul saab olema tore näha, millised isiksused need kogukonnad on!
 
-**Sinu missioon, kui valid selle vastu võtta:**  
-1. **Saa keelereisijaks:** Vali kolm programmeerimiskeelt täiesti erinevatest universumitest – võib-olla üks veebisaitide ehitamiseks, üks mobiilirakenduste loomiseks ja üks andmetöötluseks teadlastele. Leia näited ühest ja samast lihtsast ülesandest iga keele jaoks. Luban, et oled täiesti šokeeritud, kui erinevalt nad võivad sama asja teha!  
-2. **Avasta nende päritolulood:** Mis teeb iga keele eriliseks? Lahe fakt: iga programmeerimiskeel loodi, sest keegi mõtles: "Teate mis? Selle konkreetse probleemi lahendamiseks peab olema parem viis." Kas suudad välja uurida, millised probleemid need olid? Mõned lood on tõeliselt põnevad!  
-3. **Tutvu kogukondadega:** Vaata, kui sõbralikud ja kirglikud on iga keele kogukonnad. Mõnel on miljoneid arendajaid, kes teadmisi jagavad ja üksteist aitavad, teised on väiksemad, kuid väga kokkuhoidvad ja toetavad. Sa armud nende kogukondade eri iseloomudesse!  
-4. **Järgi sisetunnet:** Milline keel tundub praegu kõige ligipääsetavam? Ära muretse "täiusliku" valiku pärast – kuula lihtsalt oma instinkte! Siin pole vale vastust, ja alati saab hiljem teisi keeli uurida.
+4. **Jälgi oma sisetunnet:** Milline keel tundub sulle praegu kõige ligipääsetavam? Ära stressa „täiusliku“ valiku pärast – lihtsalt kuula oma instinkte! Siin pole valesti vastuseid ja sul on alati võimalus hiljem teisi uurida.
 
-**Boonusdetektiivitöö:** Uuri, millised suuremad veebisaidid või äpid on iga keelega ehitatud. Ma garanteerin, et oled üllatunud, kui saad teada, mis käitab Instagrami, Netflixi või seda mobiilimängu, mida sa ei suuda käest panna!
+**Boonus detektiivitöö:** Uuri, kas suudad leida, millised suuremad veebisaidid või rakendused on iga keelega tehtud. Ma garanteerin, et sind šokeerib, mis annab Instagrami, Netflixi või selle mobiilimängu, mida sa ei suuda käest panna, jõu!
 
-> 💡 **Pea meeles:** Sa ei ürita täna ühekski neist keeltest ekspertiks saada. Sa lihtsalt võtad tuttavaks naabruskonnaga, enne kui otsustad, kuhu tahad asutada oma pesa. Võta aega, naudi seda ja lase uudishimul end juhtida!
+> 💡 **Pea meeles:** Sa ei püüa täna saada ühekski nendest keeltest eksperdiks. Sa lihtsalt tutvud naabruskonnaga enne, kui otsustad, kus oma baasi rajad. Võta aega, naudi ja lase uudishimul end juhatada!
 
-## Tähistame, mida oled avastanud!
+## Tähistame su avastusi!
 
-Issand jumal, sa oled täna neelanud nii palju hämmastavat teavet! Ootan tõeliselt põnevusega, et näha, kui palju sellest imelise rännaku materjalist sinusse on jäänud. Ja pea meeles – see ei ole test, kus kõik peab olema täiuslik. See on pigem tähistamine kogu toreda õpitu üle selles huvitavas maailmas, kuhu sa nüüd sukeldud!
+Issand jumal, sa oled täna omandanud nii palju hämmastavat teavet! Ma olen siiralt põnevil, et näha, kui suur osa sellest lahedast teekonnast on sinuni jõudnud. Ja pea meeles – see pole test, kus pead kõik täiuslikult ära tegema. See on pigem tähistamine kõigist lahedatest asjadest, mida oled selle põneva maailma kohta õppinud, kuhu sa just suundud!
 
-[Lahenda õppetunni järeltest](https://ff-quizzes.netlify.app/web/)
-## Ülevaade & Iseõppimine
+[Teeme järelkontrolli viktoriini](https://ff-quizzes.netlify.app/web/)
 
-**Võta aega, et uurida ja lõbutse sellega!**
+## Kordamine ja iseseisev õppimine
 
-Sa oled täna palju õppinud ning see on midagi, mille üle olla uhke! Nüüd tuleb lõbus osa – avastada teemasid, mis sinu uudishimu sütitasid. Pane tähele, see ei ole kodutöö – see on seiklus!
+**Võta aega, uurides ja nautides!**
+Sa oled täna palju ära teinud, ja selle üle võib uhke olla! Nüüd saab lõbus osa alguse – uurida teemasid, mis sinu uudishimu sütitavad. Pea meeles, see ei ole kodutöö – see on seiklus!
 
-**Sukeldu sügavamale asjadesse, mis sind kõnetavad:**
+**Sukeldu sügavamale selles, mis sind köidab:**
 
-**Tee praktilist tutvust programmeerimiskeeltega:**
-- Külasta ametlikke veebisaite 2-3 keeltele, mis sinu tähelepanu pälvisid. Igal keelel on oma iseloom ja lugu!
-- Proovi mõnda veebipõhist koodi mänguvälja, nagu [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) või [Replit](https://replit.com/). Ära karda katsetada – sa ei saa midagi purustada!
-- Loe, kuidas su lemmikprogrammikeel sündis. Ausalt, mõned tegelikud tekkeloostud on äärmiselt põnevad ja aitavad sul mõista, miks keeled töötavad nii nagu nad töötavad.
+**Tööta käed küljes programmeerimiskeeltega:**
+- Külasta ametlikke lehti 2–3 keele kohta, mis sinu tähelepanu püüdsid. Igal keelel on oma iseloom ja lugu!
+- Proovi mõnda veebipõhist kodeerimisalad nagu [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) või [Replit](https://replit.com/). Ära karda katsetada – sa ei saa midagi ära rikkuda!
+- Loe, kuidas sinu lemmik keel tekkis. Tõsiselt, mõned neist päritolulugudest on väga põnevad ja aitavad sul mõista, miks keeled töötavad nii nagu töötavad.
 
-**Tutu oma uute tööriistadega:**
-- Laadi alla Visual Studio Code, kui sul seda veel pole – see on tasuta ja sa saad seda armastama hakata!
-- Veeda paar minutit laienduste turul ringi sirvides. See on nagu rakenduste pood sinu koodiredaktorile!
-- Ava brauseri arendustööriistad ja klõpsa ringi. Ära muretse, kui kõigest aru ei saa – lihtsalt tutvu, mis seal olemas on.
+**Tutu uute tööriistadega:**
+- Laadi alla Visual Studio Code, kui sa seda veel pole teinud – see on tasuta ja sulle meeldib see kindlasti!
+- Veeda paar minutit Extensions'i turuosa uurides. See on nagu rakenduste pood sinu koodiredaktorile!
+- Ava oma brauseri Developer Tools ja klõpsa ringi. Ära muretse, et kõike vahetult kohe aru saad – lihtsalt harjuta, mis seal on.
 
 **Liitu kogukonnaga:**
-- Jälgi mõnda arendajate kogukonda [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) või [GitHub](https://github.com/) - programmeerijate kogukond on erakordselt sõbralik uustulnukate suhtes!
-- Vaata YouTubes mõningaid algajatele mõeldud programmeerimisteemalisi videoid. Seal on nii palju toredaid loojad, kes mäletavad, mis tunne on alustajana.
-- Mõtle kohalike kohtumiste või veebikogukondadega liitumisele. Usu mind, arendajad armastavad uustulnukatele abiks olla!
+- Jälgi mõnda arendajate kogukonda nagu [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) või [GitHub](https://github.com/). Programmeerijate kogukond on seal algajatele väga avatud!
+- Vaata mõnda algajatele suunatud kodeerimise videot YouTube’is. Seal on nii palju suurepäraseid loojad, kes mäletavad hästi, mida tähendab alguses olla.
+- Mõtle kohalikesse kohtumistes või veebikogukondadesse liitumisele. Usu mind, arendajad armastavad algajaid aidata!
 
-> 🎯 **Kuula, mida ma tahan, et sa meeles peaksid**: Sinult ei oodata, et sa üleöö programmeerimisseisundisse satuksid! Praegu oled sa lihtsalt seda hämmastavat uut maailma tundma õppimas, millesse sa hakkad kuuluma. Võta oma aeg, naudi teekonda ja pea meeles – iga üks arendajatest, keda sa imetled, on olnud täpselt seal, kus sa praegu oled, tundes elevust ja ehk ka veidi ülekoormatust. See on täiesti normaalne ning tähendab, et sa teed õiget asja!
+> 🎯 **Kuula, siin on mida tahan, et sa meeles peaksid**: Sinu käest ei oodata, et sa saaksid üleöö koodimaagiks! Praegu sa lihtsalt õpid tundma seda imelist uut maailma, mille osaks hakkad saama. Võta aega, naudi teekonda ja pea meeles – iga arendaja, keda sa imetled, istus kunagi täpselt seal, kus sina nüüd oled, tundes elevust ja võib-olla natuke hirmu või ärevust. See on täiesti normaalne ja see näitab, et sa teed asju õigesti!
 
 ## Ülesanne
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Väike tõuge su ülesande jaoks**: Ma väga tahaksin, et sa uuriksid mõningaid tööriistu, millest me pole veel rääkinud! Väldi toimetajaid, brausereid ja käsureatööriistu, millest me juba rääkisime – seal on suur uskumatult kõikehõlmav arendusvahendite universum, mis ootab avastamist. Otsi neid, mida aktiivselt hooldatakse ja millel on elavalt toetavad kogukonnad (neil on tavaliselt parimad õpetused ja kõige toetavamad inimesed, kui sa paratamatult kinni jääd ja sõbralikku abi vajad).
+> 💡 **Väike tõuk sellest ülesandest**: Ma tõesti tahaksin näha, kuidas sa uurid mõningaid tööriistu, millest me pole veel rääkinud! Väldi redaktoreid, brausereid ja käsurea tööriistu, millest me juba rääkinud oleme – seal on terve uskumatu arengutööriistade universum, mis ootab avastamist. Otsi neid, mida aktiivselt hooldatakse ja kelle ümber on elujõuline ja abivalmis kogukond (need kipuvad omama parimaid juhendeid ja kõige toetavamaid inimesi, kui sa juhuslikult kinni jääd ja vajad sõbralikku abi).
 
 ---
 
-## 🚀 Sinu programmeerimise teekonna ajajoon
+## 🚀 Sinu programmeerimise teekonna ajakava
 
-### ⚡ **Mida saad teha järgmise 5 minuti jooksul**
-- [ ] Pane järjehoidjatesse 2-3 programmeerimiskeele veebisaiti, mis sinu tähelepanu pälvisid
-- [ ] Laadi alla Visual Studio Code, kui sul seda veel pole
-- [ ] Ava oma brauseri DevTools (F12) ja klõpsa ringi mistahes veebilehel
+### ⚡ **Mida saad teha järgmise 5 minutiga**
+- [ ] Lisa järjehoidjatesse 2–3 programmeerimiskeele veebisaiti, mis sind köitsid
+- [ ] Laadi alla Visual Studio Code, kui sa pole seda veel teinud
+- [ ] Ava oma brauseri DevTools (F12) ja klõpsa ringi mõnel veebilehel
 - [ ] Liitu ühe programmeerijate kogukonnaga (Dev.to, Reddit r/webdev või Stack Overflow)
 
-### ⏰ **Mida saad täita selle tunni jooksul**
-- [ ] Täida õppetunni järel test ja mõtiskle oma vastuste üle
-- [ ] Seadista VS Code koos GitHub Copiloti laiendiga
-- [ ] Proovi "Hello World" näidet kahes erinevas programmeerimiskeeles veebis
-- [ ] Vaata YouTube'ist videot "Üks päev arendaja elus"
-- [ ] Alusta oma programmeerimiskeele detektiivitööd (väljakutse raames)
+### ⏰ **Mida saad saavutada selle tunni jooksul**
+- [ ] Tee läbi tunni järeltest ja mõtiskle vastuste üle
+- [ ] Sea VS Code üles koos GitHub Copilot laiendusega
+- [ ] Proovi "Hello World" näidet 2 erinevas programmeerimiskeeles veebis
+- [ ] Vaata YouTube’is videot "Päev arendaja elus"
+- [ ] Alusta oma programmeerimiskeele uurimistööd (väljakutse raames)
 
 ### 📅 **Sinu nädalapikkune seiklus**
-- [ ] Täida ülesanne ja avasta 3 uut arendusvahendit
-- [ ] Jälgi 5 arendajat või programmeerimiskontot sotsiaalmeedias
-- [ ] Proovi ehitada midagi väikest CodePenis või Replitis (isegi lihtsalt "Hello, [Sinu nimi]!")
-- [ ] Loe ühe arendaja blogipostitust kellegi kodeerimise teekonnast
-- [ ] Liitu virtuaalse kohtumisega või vaata programmeerimisteemalist loengut
-- [ ] Alusta oma valitud keele õppimist veebipõhiste õpetustega
-
-### 🗓️ **Sinu kuupikkune muutus**
-- [ ] Ehita oma esimene väike projekt (ka lihtne veebileht loeb!)
-- [ ] Panusta avatud lähtekoodiga projekti (alusta dokumentide parandamisest)
-- [ ] Juhenda kedagi, kes alles alustab programmeerimisega
-- [ ] Loo oma arendajaportfoolio veebileht
-- [ ] Võta ühendust kohalike arendajate kogukondade või õppegruppidega
-- [ ] Alusta järgmise õpieesmärgi planeerimist
-
-### 🎯 **Lõpumõtiskluse kontroll**
-
-**Enne edasi liikumist võta hetk, et tähistada:**
-- Mis on üks asi programmeerimises, mis sind täna rõõmustas?
-- Millist tööriista või kontseptsiooni tahad kõigepealt avastada?
-- Kuidas sa tunned selle programmeerimisteekonna alustamise kohta?
-- Millist küsimust tahaksid praegu arendajalt küsida?
+- [ ] Tee ülesanne ära ja uuri 3 uut arendustööriista
+- [ ] Jälgi 5 arendajat või programmeerimise kontot sotsiaalmeedias
+- [ ] Proovi midagi väikest ehitada CodePen’is või Replit’is (isegi lihtsalt „Tere, [Sinu nimi]!”)
+- [ ] Loe ühte arendaja blogipostitust kellegi programmeerimisteekonnast
+- [ ] Liitu virtuaalse kohtumisega või vaata programmeerimisloengut
+- [ ] Alusta oma valitud keele õppimist veebipõhiste juhenditega
+
+### 🗓️ **Sinu kuupikkune muutumine**
+- [ ] Tee oma esimene väike projekt valmis (isegi lihtne veebileht kõlbab!)
+- [ ] Panusta avatud lähtekoodiga projekti (alusta dokumentatsiooniparandustega)
+- [ ] Ole mentorkeeleks kellelegi, kes alles alustab oma programmeerimisrännaku algust
+- [ ] Loo oma arendaja portfoolio veebileht
+- [ ] Ühendu kohalike arendajate kogukondade või õpperühmadega
+- [ ] Alusta järgmise õpimooduli kavandamist
+
+### 🎯 **Lõpumõtisklus**
+
+**Enne edasi minemist veeda hetk tähistamiseks:**
+- Mis on üks asi programmeerimises, mis täna sind elevile ajas?
+- Millist tööriista või mõistet tahaksid kõigepealt uurida?
+- Kuidas sa end tunned selle programmeerimise teekonna alustamisel?
+- Mis on üks küsimus, mida tahaksid praegu arendajalt küsida?
 
 ```mermaid
 journey
-    title Sinu Enesekindluse Rajamise Teekond
+    title Sinu Enesekindluse Tõstmise Teekond
     section Täna
-      Uudishimulik: 3: Sa
-      Ülekoormatud: 4: Sa
-      Elevil: 5: Sa
-    section Käesolev Nädal
-      Avastamine: 4: Sa
-      Õppimine: 5: Sa
-      Ühendamine: 4: Sa
+      Uudishimulik: 3: You
+      Ülekoormatud: 4: You
+      Põnevil: 5: You
+    section See Nädal
+      Avastamas: 4: You
+      Õppimas: 5: You
+      Ühendamas: 4: You
     section Järgmine Kuu
-      Ehitamine: 5: Sa
-      Enesekindel: 5: Sa
-      Aitamine Teisi: 5: Sa
+      Ehitamas: 5: You
+      Enesekindel: 5: You
+      Teisi Aitamas: 5: You
 ```
-> 🌟 **Pea meeles**: Iga ekspert on kunagi olnud algaja. Iga vanem arendaja on tundnud end täpselt nii nagu sina praegu – elevil, võib-olla veidi ülekoormatuna ja kindlasti uudishimulikuna, mis on võimalik. Sa oled imelises seltskonnas ning see teekond saab olema erakordne. Tere tulemast programmeerimise imelisse maailma! 🎉
+> 🌟 **Pea meeles**: Iga ekspert on olnud kord algaja. Iga kogenud arendaja on tundnud end just nii nagu sina praegu – elevil, võib-olla veidi hätta sattununa ja kindlasti uudishimulikuna võimaluste suhtes. Sa oled imelises seltskonnas ja see teekond saab olema imeline. Tere tulemast programmeerimise imedemaale! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Vastutusest loobumine**:
-See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi me püüame tagada täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument oma algkeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste või valesti mõistmiste eest.
+See dokument on tõlgitud tehisintellekti tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame täpsust, tuleb arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument oma emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste või valesti mõistmiste eest.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/et/AGENTS.md b/translations/et/AGENTS.md
index 923f6bf36..1ff9516a5 100644
--- a/translations/et/AGENTS.md
+++ b/translations/et/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Projekti ülevaade
 
-See on hariduslik õppekava hoidla algajatele veebiarenduse põhialuste õpetamiseks. Õppekava on Microsoft Cloud Advocatesi poolt koostatud põhjalik 12-nädalane kursus, mis sisaldab 24 praktilist õpetust JavaScripti, CSSi ja HTMLi kohta.
+See on hariduslik õppekava hoidla veebiarenduse põhialuste õpetamiseks algajatele. Õppekava on põhjalik 12-nädalane kursus, mille on välja töötanud Microsoft Cloud Advocates, pakkudes 24 praktilist tundi, mis hõlmavad JavaScripti, CSS-i ja HTML-i.
 
 ### Põhikomponendid
 
-- **Hariduslik sisu**: 24 struktureeritud õpetust, mis on organiseeritud projekti-põhistesse moodulitesse  
-- **Praktilised projektid**: Terrarium, Klahvivajutuste mäng, Brauserilaiend, Kosmose mäng, Pangarakendus, Koodiredaktor ja tehisintellekti vestlusassistent  
-- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne ja pärast õpetust)  
-- **Mitmekeelne tugi**: Automaatne tõlge 50+ keelde GitHub Actionsi abil  
-- **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tehisintellekti projektide jaoks)  
+- **Hariduslik sisu**: 24 struktureeritud tundi, mis on organiseeritud projektipõhistesse moodulitessse
+- **Praktilised projektid**: terrarium, tippmäng, brauserilaiendus, kosmose-mäng, pangarakendus, koodiredaktor ja tehisintellekti vestlusassistent
+- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne ja pärast tundi)
+- **Mitmekeelne tugi**: automatiseeritud tõlked üle 50 keelde GitHub Actions abil
+- **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tehisintellekti projektide jaoks)
 
 ### Arhitektuur
 
-- Hariduslik hoidla õpetuste põhise struktuuriga  
-- Igas õppetõe kaustas on README, koodinäited ja lahendused  
-- Sõltumatud projektid eraldi kaustades (quiz-app, erinevad õppetöö projektid)  
-- Tõlkesüsteem kasutades GitHub Actionsi (co-op-translator)  
-- Dokumentatsioon esitatakse Docsify kaudu ja on saadaval PDF-na  
+- Hariduslik hoidla õppetundide-põhise struktuuriga
+- Iga õppetunni kaust sisaldab README-d, koodinäiteid ja lahendusi
+- Sõltumatud projektid eraldiseisvates kataloogides (quiz-app, erinevad õppetundide projektid)
+- Tõlkesüsteem kasutades GitHub Actions’i (co-op-translator)
+- Dokumentatsioon on kättesaadav Docsify kaudu ja PDF-formaadis
 
-## Seadistamiskäsud
+## Paigaldamiskäsud
 
-See hoidla on peamiselt mõeldud haridusliku sisu tarbimiseks. Spetsiifiliste projektidega töötamiseks:
+See hoidla on peamiselt mõeldud haridusliku sisu tarbimiseks. Konkreetselt projektidega töötamiseks:
 
 ### Peahoidla seadistamine
 
@@ -37,7 +37,7 @@ cd Web-Dev-For-Beginners
 cd quiz-app
 npm install
 npm run dev        # Käivita arendusserver
-npm run build      # Koosta tootmiseks
+npm run build      # Ehita tootmiseks
 npm run lint       # Käivita ESLint
 ```
 
@@ -48,18 +48,18 @@ cd 7-bank-project/api
 npm install
 npm start          # Käivita API server
 npm run lint       # Käivita ESLint
-npm run format     # See läbi Prettieriga
+npm run format     # Vorminda Prettieriga
 ```
 
-### Brauserilaiendite projektid
+### Brauserilaienduse projektid
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Järgi brauserispetsiifilisi laienduste laadimise juhiseid
+# Järgige brauseri-põhiseid laienduse laadimise juhiseid
 ```
 
-### Kosmose mängu projektid
+### Kosmose mänguprojektid
 
 ```bash
 cd 6-space-game/solution
@@ -67,42 +67,42 @@ npm install
 # Ava index.html brauseris või kasuta Live Serverit
 ```
 
-### Vestlusprojekti (Python taust) seadistamine
+### Vestluse projekt (Python backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Sea GITHUB_TOKEN keskkonnamuutuja
+# Määra GITHUB_TOKEN keskkonnamuutuja
 python api.py
 ```
 
-## Arendusvoog
+## Arendusprotsess
 
 ### Sisu panustajatele
 
-1. **Tee hoidla fork** oma GitHubi kontole  
-2. **Klooni oma fork kohalikku keskkonda**  
-3. **Loo uus haru** oma muudatuste jaoks  
-4. Muuda õpetuse sisu või koodinäiteid  
-5. Testi koodimuudatusi vastavates projektikaustades  
-6. Esita pull request vastavalt panustamise juhistele  
+1. **Hargne hoidla** oma GitHubi kontole
+2. **Klooni oma haru** lokaalselt
+3. **Loo uus haru** oma muudatuste jaoks
+4. Tee muudatusi õppetundide sisus või koodinäidetes
+5. Testi kõiki koodimuudatusi vastavates projektikataloogides
+6. Esita pull request'id vastavalt panustamise juhistele
 
 ### Õppijatele
 
-1. Tee fork või klooni hoidla  
-2. Liigu õppetöö kaustade vahel järjestikku  
-3. Loe iga õppetöö README-faile  
-4. Täida enne õppetööd viktoriinid aadressil https://ff-quizzes.netlify.app/web/  
-5. Töötle läbi koodinäited õppetöö kaustades  
-6. Täida ülesanded ja väljakutsed  
-7. Tee pärast õppetööd viktoriinid  
+1. Hargne või klooni hoidla
+2. Liigu õppetundide kataloogides järjestikku
+3. Loe iga õppetunni README faile
+4. Tee ette-viktoriinid aadressil https://ff-quizzes.netlify.app/web/
+5. Töötle läbi koodinäited õppetundide kaustades
+6. Täida ülesanded ja väljakutsed
+7. Tee järel-viktoriinid
 
 ### Reaalajas arendus
 
-- **Dokumentatsioon**: Käivita `docsify serve` juurkataloogis (port 3000)  
-- **Viktoriini rakendus**: Käivita `npm run dev` quiz-app kaustas  
-- **Projektid**: Kasuta VS Code Live Serveri laiendust HTML projektide jaoks  
-- **API projektid**: Käivita `npm start` vastavates API kaustades  
+- **Dokumentatsioon**: käivita `docsify serve` juurkataloogis (port 3000)
+- **Viktoriini rakendus**: käivita `npm run dev` quiz-app kataloogis
+- **Projektid**: kasuta VS Code Live Server laiendust HTML projektide jaoks
+- **API projektid**: käivita `npm start` vastavates API kataloogides
 
 ## Testimise juhised
 
@@ -119,164 +119,164 @@ npm run build      # Kontrolli, kas ehitus õnnestub
 ```bash
 cd 7-bank-project/api
 npm run lint       # Kontrolli koodistiili probleeme
-node server.js     # Kontrolli, kas server käivitub ilma vigadeta
+node server.js     # Kontrolli, et server käivituks ilma vigadeta
 ```
 
-### Üldine testimisviis
+### Üldine testimise lähenemine
 
-- Tegemist on haridusliku hoidla, millel puudub täielik automatiseeritud testide kogum  
-- Käsitsi testimine keskendub:  
-  - Koodinäited töötavad ilma vigadeta  
-  - Dokumentatsiooni lingid töötavad korrektselt  
-  - Projektide build’id valmivad edukalt  
-  - Näited järgivad häid tavasid  
+- See on hariduslik hoidla ilma ulatuslike automatiseeritud testideta
+- Käsitsi testimine keskendub:
+  - Koodinäited jooksevad ilma vigadeta
+  - Dokumendis olevad lingid toimivad korrektselt
+  - Projektide ehitused õnnestuvad
+  - Näited järgivad parimaid tavasid
 
-### Enne esitust tehtavad kontrollid
+### Enne esitamist kontrollid
 
-- Käivita `npm run lint` kaustades, kus on package.json  
-- Kontrolli markdown linkide kehtivust  
-- Testi koodinäiteid brauseris või Node.js-is  
-- Kontrolli, et tõlked säilitavad õiged struktuurid  
+- Käivita `npm run lint` kataloogides, kus on package.json
+- Kontrolli, et markdown lingid on kehtivad
+- Testi koodinäiteid brauseris või Node.js keskkonnas
+- Veendu, et tõlked säilitavad õige struktuuri
 
-## Koodistiili juhised
+## Koodi stiili juhised
 
 ### JavaScript
 
-- Kasuta kaasaegset ES6+ süntaksit  
-- Järgi projektides pakutud standardseid ESLinti konfiguratsioone  
-- Kasuta tähenduslikke muutujate ja funktsioonide nimesid hariduslikul eesmärgil  
-- Lisa kommentaare, mis selgitavad kontseptsioone õppijatele  
-- Vorminda Prettieriga, kui see on konfigureeritud  
+- Kasuta kaasaegset ES6+ süntaksit
+- Järgi projektides pakutud ESLint konfiguratsioone
+- Kasuta tähenduslikke muutujate ja funktsioonide nimesid haridusliku selguse tagamiseks
+- Lisa kommentaare mõistete selgitamiseks õppijatele
+- Vorminda Prettieriga seal, kus on seadistatud
 
 ### HTML/CSS
 
-- Semantiline HTML5 elementide kasutus  
-- Reageeriv disainipõhimõtted  
-- Selged klassinime reeglid  
-- Kommentaarid, mis selgitavad CSS tehnikat õppijatele  
+- Semantiline HTML5 elemendid
+- Reageeriv disaini põhimõtted
+- Selged klassinimede konventsioonid
+- Kommentaarid, mis selgitavad CSS-tehnikaid õppijatele
 
 ### Python
 
-- Järgi PEP 8 stiilijuhiseid  
-- Selged, õppe-mõeldud koodinäited  
-- Tüübiviited, kus need aitavad õppimisel  
+- PEP 8 stiilijuhised
+- Selged, hariduslikud koodinäited
+- Tüüpi vihjed sealsamas, kus need aitavad õppimisel
 
 ### Markdown dokumentatsioon
 
-- Selge pealkirjade hierarhia  
-- Koodiplokid keele määranguga  
-- Lingid täiendavatele ressurssidele  
-- Ekraanipildid ja pildid `images/` kaustades  
-- Piltide alternatiivtekst ligipääsetavuse jaoks  
+- Selge pealkirjade hierarhia
+- Koodiblokid keelega märgistatud
+- Lingid lisamaterjalide juurde
+- Ekraanipildid ja pildid `images/` kataloogides
+- Piltide alt-tekst ligipääsetavuseks
 
 ### Failide organiseerimine
 
-- Õpetused nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne)  
-- Igal projektil on `solution/` ning sageli ka `start/` või `your-work/` kaustad  
-- Pildid salvestatud konkreetsete õppetööde `images/` kaustades  
-- Tõlked asuvad `translations/{language-code}/` struktuuris  
+- Õppetunnid nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne)
+- Igal projektil on `solution/` ja tihti ka `start/` või `your-work/` kataloogid
+- Pildid talletatud konkreetse õppetunni `images/` kaustas
+- Tõlked `translations/{language-code}/` struktuuris
 
-## Ehitus ja juurutamine
+## Buildimine ja juurutamine
 
-### Viktoriini rakenduse juurutus (Azure Static Web Apps)
+### Viktoriini rakenduse juurutamine (Azure Static Web Apps)
 
-Viktoriini rakendus on konfigureeritud Azure Static Web Apps juurutuseks:
+Quiz-app on seadistatud Azure Static Web Apps-ile juurutamiseks:
 
 ```bash
 cd quiz-app
-npm run build      # Loob dist/ kausta
-# Teeb juurutuse GitHub Actionsi töövoo kaudu, kui surutakse main harusse
+npm run build      # Loob kausta dist/
+# Rakendab GitHub Actionsi töövoo kaudu pushi korral põhisagarasse
 ```
 
-Azure Static Web Apps konfigureerimine:  
-- **Rakenduse asukoht**: `/quiz-app`  
-- **Väljundkaust**: `dist`  
-- **Töövoog**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+Azure Static Web Apps konfiguratsioon:
+- **Rakenduse asukoht**: `/quiz-app`
+- **Väljundkaust**: `dist`
+- **Töövoog**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Dokumentatsiooni PDF loomine
+### Dokumentatsiooni PDF genereerimine
 
 ```bash
 npm install                    # Installi docsify-to-pdf
-npm run convert               # Genereeri PDF dokumentidest
+npm run convert               # Genereeri PDF docsist
 ```
 
 ### Docsify dokumentatsioon
 
 ```bash
-npm install -g docsify-cli    # Paigalda Docsify globaalsetena
-docsify serve                 # Serveri localhost:3000 peal
+npm install -g docsify-cli    # Paigalda Docsify ülemaailmselt
+docsify serve                 # Serveeri lokaalselt aadressil localhost:3000
 ```
 
-### Projekti-spetsiifilised ehitused
+### Projektipõhised ehitused
 
-Igal projekti kaustal võib olla oma ehitusprotsess:  
-- Vue projektid: `npm run build` loob tootmis-paketid  
-- Staatilised projektid: ehitusastet ei ole, serveeritakse faile otse  
+Igal projekti kataloogil võib olla oma ehitusprotsess:
+- Vue projektid: `npm run build` loob tootmiseks valmis paketid
+- Staatilised projektid: ehitusastet ei ole, serveeritakse failid otse
 
-## Pull request’i juhised
+## Pull Request'i juhised
 
 ### Pealkirja formaat
 
-Kasuta selgeid ja kirjeldavaid pealkirju, mis näitavad muudatuste valdkonda:  
-- `[Quiz-app] Lisa uus viktoriin õppetöö X jaoks`  
-- `[Lesson-3] Paranda kirjaviga terrarium projekti puhul`  
-- `[Translation] Lisa hispaania tõlge õppetöö 5 jaoks`  
-- `[Docs] Uuenda seadistamise juhiseid`  
+Kasuta selgeid ja kirjeldavaid pealkirju, mis näitavad muudatuse ala:
+- `[Quiz-app] Lisa uus viktoriin õppetunni X jaoks`
+- `[Lesson-3] Paranda trükiviga terrarium projekti juures`
+- `[Translation] Lisa hispaania keelne tõlge õppetunnile 5`
+- `[Docs] Uuenda paigaldusjuhiseid`
 
 ### Nõutavad kontrollid
 
-Enne PR-i esitust:  
+Enne PR-i esitamist:
 
-1. **Koodi kvaliteet**:  
-   - Käivita `npm run lint` mõjutatud projektikaustades  
-   - Paranda kõik lint vead ja hoiatused  
+1. **Koodi kvaliteet**:
+   - Käivita `npm run lint` mõjutatud projektikataloogides
+   - Paranda kõik lintimise vead ja hoiatused
 
-2. **Ehituse kontroll**:  
-   - Käivita `npm run build`, kui rakendub  
-   - Veendu, et ehitusel puuduvad vead  
+2. **Buildi kontroll**:
+   - Käivita `npm run build`, kui see on aktuaalne
+   - Veendu, et build ei viska vigu
 
-3. **Linkide kontroll**:  
-   - Testi kõik markdown lingid  
-   - Kontrolli piltide osutusi  
+3. **Lingide valideerimine**:
+   - Testi kõiki markdown linke
+   - Kontrolli pildiviiteid
 
-4. **Sisu ülevaatamine**:  
-   - Õigekeelsuse ja grammatika kontroll  
-   - Veendu, et koodinäited on õiged ja hariduslikud  
-   - Kontrolli tõlgete vastavust esialgsele tähendusele  
+4. **Sisu ülevaatus**:
+   - Paranda õigekirja ja grammatika vead
+   - Veendu, et koodinäited on õiged ja hariduslikud
+   - Kontrolli, et tõlked säilitavad algse tähenduse
 
 ### Panustamise nõuded
 
-- Nõustu Microsoft CLA-ga (automaattest esimese PR ajal)  
-- Järgi [Microsofti avatud lähtekoodi käitumiskoodeksit](https://opensource.microsoft.com/codeofconduct/)  
-- Vaata üksikasjalikke juhiseid failist [CONTRIBUTING.md](./CONTRIBUTING.md)  
-- Viita probleeminumbritele PR kirjelduse puhul, kui kehtib  
+- Nõustu Microsoft CLA-ga (automaatne kontroll esimesel PR-il)
+- Järgi [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Vaata [CONTRIBUTING.md](./CONTRIBUTING.md) üksikasjalike juhiste jaoks
+- Viita issue numbritele PR kirjelduse juures, kui sobib
 
 ### Ülevaatusprotsess
 
-- PR-e vaatavad läbi haldajad ja kogukond  
-- Eristub hariduslik selgus  
-- Koodinäited peaksid järgima parimaid tavasid  
-- Tõlked vaadatakse üle täpsuse ja kultuurilise sobivuse jaoks  
+- PR-id üle vaatavad hooldajad ja kogukond
+- Hariduslik selgus on esimene prioriteet
+- Koodinäited peaksid järgima parimaid tavasid
+- Tõlked kontrollitakse täpsuse ja kultuurilise sobivuse osas
 
 ## Tõlkesüsteem
 
-### Automaatne tõlge
+### Automatiseeritud tõlge
 
-- Kasutab GitHub Actionsi koos co-op-translator töövooga  
-- Tõlgib automaatselt 50+ keelde  
-- Allikafailid paiknevad peamistes kaustades  
-- Tõlgitud failid on `translations/{language-code}/` kaustades  
+- Kasutab GitHub Actions’i koos co-op-translator töövooga
+- Tõlgib automaatselt üle 50 keelde
+- Allikfailid paiknevad peakaustades
+- Tõlgitud failid on `translations/{language-code}/` kataloogides
 
-### Käsitsi tõlke täienduste lisamine
+### Käsitsi tõlke parenduste lisamine
 
-1. Leia fail kaustast `translations/{language-code}/`  
-2. Tee parandused säilitades struktuuri  
-3. Veendu, et koodinäited jäävad toimima  
-4. Testi kõiki lokaliseeritud viktoriinisisusid  
+1. Leia fail kataloogist `translations/{language-code}/`
+2. Tee parendused, säilitades struktuuri
+3. Veendu, et koodinäited jäävad töökorras
+4. Testi kõiki lokaliseeritud viktoriine
 
 ### Tõlke metaandmed
 
-Tõlgitud failidel on metaandmete päis:  
+Tõlgitud failid sisaldavad metaandmetega päist:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
 
 ## Silumine ja tõrkeotsing
 
-### Levinud probleemid
+### Levinumad probleemid
 
-**Viktoriini rakendus ei käivitu**:  
-- Kontrolli Node.js versiooni (soovitatav v14+)  
-- Kustuta `node_modules` ja `package-lock.json`, seejärel käivita `npm install` uuesti  
-- Kontrolli pordi konflikte (vaikimisi: Vite kasutab porti 5173)  
+**Viktoriini rakendus ei käivitu**:
+- Kontrolli Node.js versiooni (soovitatav v14+)
+- Kustuta `node_modules` ja `package-lock.json`, käivita uuesti `npm install`
+- Kontrolli portide konflikte (vaikimisi: Vite kasutab porti 5173)
 
-**API server ei käivitu**:  
-- Veendu, et Node.js versioon vastab miinimumile (node >=10)  
-- Kontrolli, kas port on juba kasutuses  
-- Veendu, et kõik sõltuvused installitud käsuga `npm install`  
+**API server ei käivitu**:
+- Veendu, et Node.js versioon on piisavalt uus (node >=10)
+- Kontrolli, kas port on juba hõivatud
+- Veendu, et kõik sõltuvused on paigaldatud käsuga `npm install`
 
-**Brauserilaiend ei laadi**:  
-- Kontrolli, et manifest.json on korrektselt vormindatud  
-- Kontrolli brauseri konsooli vigade kohta  
-- Järgi brauserispetsiifilisi laiendi paigaldamise juhiseid  
+**Brauserilaiendust ei laadita**:
+- Kontrolli, et manifest.json on korrektselt vormistatud
+- Vaata brauseri konsoolist vigu
+- Järgi brauseri-spetsiifilisi laienduse paigaldusjuhiseid
 
-**Python vestlusprojekti probleemid**:  
-- Veendu, et OpenAI pakett on installitud: `pip install openai`  
-- Kontrolli, et GITHUB_TOKEN keskkonnamuutuja on määratud  
-- Kontrolli GitHub Models juurdepääsu õigusi  
+**Python vestluse projekti probleemid**:
+- Veendu, et OpenAI pakett on paigaldatud: `pip install openai`
+- Veendu, et GITHUB_TOKEN keskkonnamuutuja on seadistatud
+- Kontrolli GitHubi mudelite kasutusõigusi
 
-**Docsify ei serveeri dokumente**:  
-- Installi globaalne docsify-cli: `npm install -g docsify-cli`  
-- Käivita hoidla juurkataloogist  
-- Kontrolli, et `docs/_sidebar.md` fail on olemas  
+**Docsify ei serveeri dokumentatsiooni**:
+- Paigalda docsify-cli globaalselt: `npm install -g docsify-cli`
+- Käivita hoidla juurkataloogist
+- Kontrolli, et `docs/_sidebar.md` fail eksisteerib
 
 ### Arenduskeskkonna näpunäited
 
-- Kasuta VS Code’i koos Live Server laiendusega HTML projektide jaoks  
-- Paigalda ESLint ja Prettier laiendused ühtseks vormindamiseks  
-- Kasuta brauseri arendustööriistu JavaScripti silumiseks  
-- Vue projektide puhul paigalda Vue DevTools brauserilaiend  
+- Kasuta VS Code’i Live Server laiendust HTML projektide jaoks
+- Paigalda ESLint ja Prettier laiendused vorminduse järjepidevuseks
+- Kasuta brauseri DevToolsi JavaScripti silumiseks
+- Vue projektide jaoks paigalda Vue DevTools brauserilaiendus
 
 ### Jõudluse kaalutlused
 
-- Suur hulk tõlgitud faile (50+ keelt) teeb tervikhoidla klooni suureks  
-- Kasuta madalat klooni, kui töötad ainult sisuga: `git clone --depth 1`  
-- Väldi tõlgete otsimist töös, kui tegeled ingliskeelse sisuga  
-- Ehitused võivad esimesel käivitamisel olla aeglased (npm install, Vite build)  
+- Suur hulk tõlgitud faile (üle 50 keele) muudab kloonid suurt e mahukaks
+- Kasuta ligikaudset klooni, kui töötad ainult sisuga: `git clone --depth 1`
+- Välista tõlked otsingutest, kui töötad ingliskeelse sisuga
+- Ehitusprotsessid võivad olla esmakordsel käivitamisel aeglased (npm install, Vite ehitus)
 
 ## Turvalisuse kaalutlused
 
 ### Keskkonnamuutujad
 
-- API võtmeid ei tohiks kunagi hoidlasse commit’ida  
-- Kasuta `.env` faile (juba lisatud `.gitignore` failile)  
-- Dokumenteeri nõutud keskkonnamuutujad projekti README-des  
+- API võtmeid ei tohi kunagi hoidlas hoida
+- Kasuta `.env` faile (mis on juba `.gitignore`-s)
+- Dokumendeeri nõutud keskkonnamuutujad projektide README-des
 
 ### Python projektid
 
-- Kasuta virtuaalkeskkonda: `python -m venv venv`  
-- Hoia sõltuvused ajakohased  
-- GitHub tokenid peaksid omama minimaalset vajaminevat õigust  
+- Kasuta virtuaalkeskkonda: `python -m venv venv`
+- Hoia sõltuvused ajakohased
+- GitHubi tokenitel peaks olema minimaalne vajalik ligipääs
 
-### GitHub Models ligipääs
+### GitHub mudelite ligipääs
 
-- GitHub Models kasutamiseks on vajalikud isikliku ligipääsu tokenid (PAT)  
-- Tokenid peaksid olema salvestatud keskkonnamuutujatena  
-- Ükski token ega tunnus ei tohi kunagi hoidlasse commit’ida  
+- GitHubi mudelite jaoks on vaja isiklikke juurdepääsu võtmeid (PAT)
+- Tokeneid hoitakse keskkonnamuutujatena
+- Ära kunagi pane tokeneid või mandaate hoidla külge
 
 ## Lisamärkused
 
 ### Sihtgrupp
 
-- Täielikud algajad veebiarenduses  
-- Õpilased ja iseseisvad õppijad  
-- Õpetajad, kes kasutavad õppekava klassiruumis  
-- Sisu on loodud ligipääsetavaks ja oskuste järkjärguliseks arendamiseks  
+- Täielikud algajad veebiarenduses
+- Üliõpilased ja iseseisvad õppijad
+- Õpetajad, kes kasutavad õppekava klassiruumis
+- Sisu on loodud ligipääsetavaks ja oskuste järkjärgulise kasvatamise jaoks
 
 ### Haridusfilosoofia
 
-- Projektipõhine õpe  
-- Sageli korduvad teadmiste kontrollid (viktoriinid)  
-- Käed-külge kodeerimise harjutused  
-- Reaalsete olukordade rakendamise näited  
-- Keskendumine põhialustele enne raamistikke  
+- Projektipõhine õppekava lähenemine
+- Sageli teadmiste kontrollid (viktoriinid)
+- Praktilised kodeerimisharjutused
+- Reaalmaailma rakenduste näited
+- Fookus põhialustel enne raamistikke
 
 ### Hoidla hooldus
 
-- Aktiivne õppijate ja panustajate kogukond  
-- Regulaarne sisu ja sõltuvuste uuendamine  
-- Probleemide ja arutelude jälgimine haldajate poolt  
-- Tõlkevärskendused automatiseeritud GitHub Actionsi kaudu  
+- Aktiivne õppijate ja panustajate kogukond
+- Regulaarne sisu ja sõltuvuste uuendamine
+- Hoiatuste ja arutelude jälgimine hooldajate poolt
+- Tõlgete automatiseeritud uuendamine GitHub Actions’i kaudu
 
 ### Seotud ressursid
 
-- [Microsoft Learn moodulid](https://docs.microsoft.com/learn/)  
-- [Õpilaste keskuse ressursid](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) soovitatav õppijatele  
-- Täiendavad kursused: Generatiivne AI, Andmeteadus, ML, IoT õppekavad kättesaadavad  
+- [Microsoft Learn moodulid](https://docs.microsoft.com/learn/)
+- [Student Hub ressursid](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) soovitatav õppijatele
+- Lisakursused: Generatiivne AI, Andmeteadus, ML, IoT õppekavad olemas
 
-### Töötamine spetsiifiliste projektidega
+### Töötamine konkreetsete projektidega
 
-Üksikasjad üksikute projektide kohta asuvad nende README failides:  
-- `quiz-app/README.md` - Vue 3 viktoriini rakendus  
-- `7-bank-project/README.md` - Panga rakendus autentimisega  
-- `5-browser-extension/README.md` - Brauserilaiendi arendus  
-- `6-space-game/README.md` - Canvas-põhine mänguarendus  
-- `9-chat-project/README.md` - Tehisintellekti vestlusassistendi projekt  
+Üksikasjaliku juhendi leiad iga projekti README failidest:
+- `quiz-app/README.md` - Vue 3 viktoriinirakendus
+- `7-bank-project/README.md` - Panga rakendus koos autentimisega
+- `5-browser-extension/README.md` - Brauserilaienduse arendus
+- `6-space-game/README.md` - Canvas-põhine mänguarendus
+- `9-chat-project/README.md` - Tehisintellekti vestlusassistendi projekt
 
 ### Monorepo struktuur
 
-Kuigi ei ole traditsiooniline monorepo, sisaldab see hoidla mitmeid iseseisvaid projekte:  
-- Iga õppetöö on iseseisev  
-- Projektid ei jaga sõltuvusi  
-- Üksikute projektidega töötab eraldi, ilma teistele mõju tegemata  
-- Kogu hoidlasse kloonides saad täieliku õppekava kogemuse
+Kuigi ei ole traditsiooniline monorepo, sisaldab see hoidla mitut sõltumatut projekti:
+- Iga õppetund on iseseisev
+- Projektid ei jaga sõltuvusi
+- Töötada saab iga projektiga iseseisvalt, ilma teistele mõjuta
+- Klooni kogu hoidla, et saada täielik õppekogemus
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Vastutusest loobumine**:
-See dokument on tõlgitud kasutades tehisintellektil põhinevat tõlkesüsteemi [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti mõistmiste eest.
+**Tähelepanek**:  
+See dokument on tõlgitud kasutades tehisintellekti tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada usaldusväärseks allikaks. Olulise teabe puhul soovitatakse professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste ega valesti mõistmiste eest.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/et/README.md b/translations/et/README.md
index 4b5db39a6..c952f3599 100644
--- a/translations/et/README.md
+++ b/translations/et/README.md
@@ -10,201 +10,213 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Veebiarendus algajatele – Õppekava
+# Veebiarendus algajatele - õppekava
 
-Õpi veebiarenduse põhialuseid meie 12-nädalase põhjaliku kursusega, mida viivad läbi Microsoft Cloud Advocates. Kõik 24 õppetundi süvenevad JavaScripti, CSS-i ja HTML-i praktiliste projektide kaudu, näiteks terrariumid, brauserilaiendid ja kosmose mängud. Osale viktoriinides, aruteludes ja praktilistes ülesannetes. Paranda oma oskusi ja optimeeri teadmiste meeldejätmist meie tõhusa projektipõhise pedagoogikaga. Alusta oma programmeerimisteekonda juba täna!
+Õppige veebiarenduse aluseid meie 12-nädalase põhjaliku kursusega, mida viivad läbi Microsoft Cloud Advocates. Iga 24 õppetundi süveneb JavaScripti, CSS-i ja HTML-i tundmaõppimisse praktiliste projektide kaudu, nagu terrariumid, brauserilaiendused ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Parandage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise pedagoogika abil. Alustage oma programmeerimisteekonda juba täna!
 
-Liitu Azure AI Foundry Discordi kogukonnaga
+Liituge Azure AI Foundry Discordi kogukonnaga
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Järgige neid samme, et alustada nende ressursside kasutamist:
-1. **Jaga hoidlaga**: Klõpsake [![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. **Tehke fork**: Klõpsake [![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. **Kloonige hoidla**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Liitu Azure AI Foundry Discordiga ning kohtuge ekspertide ja teiste arendajatega**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning kaasarendajatega**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Mitmekeelne tugi
+### 🌐 Mitmekeelse toe võimalus
 
-#### Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane)
+#### Tugineb GitHub Actionile (automatiseeritud ja alati ajakohane)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Eelistad kohalikku kloonimist?**
-
-> See hoidla sisaldab üle 50 keele tõlget, mis suurendab oluliselt allalaadimismahtu. Tõlgeteta kloonimiseks kasuta harva allalaaditava sisuga kloonimist (sparse checkout):
+> **Eelistate kohalikku kloonimist?**
+>
+> See hoidla sisaldab üle 50 keele tõlget, mis suurendab allalaadimismahu oluliselt. Tõlgeteta kloonimiseks kasutage sparsel checkouti:
+>
+> **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'
 > ```
-> See annab sulle kõik vajaliku kursuse läbimiseks palju kiiremalt.
+>
+> **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"
+> ```
+>
+> See annab teile kõik vajaliku kursuse läbimiseks palju kiirema allalaadimisega.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Kui soovid toetada täiendavaid tõlkekeeli, on nende loetelu [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Kui soovite lisada uusi toetatud tõlkekeeli, on need loetletud [siin](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)
 
-#### 🧑‍🎓 _Oled tudeng?_
+#### 🧑‍🎓 _Oled õpilane?_
 
-Külasta [**Tudengikeskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajale suunatud ressursid, tudengipakid ja isegi võimalused saada tasuta sertifikaadikupong. See on leht, mille soovid järjehoidjaks panna ja aeg-ajalt külastada, sest sisu uuendatakse igakuiselt.
+Külasta [**Öpilaskeskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajatele mõeldud ressursse, õpilaspakette ja isegi võimalusi saada tasuta sertifikaadikuponge. See on leht, mida soovid järjehoidjatesse lisada ja aeg-ajalt vaadata, sest sisu uuendatakse iga kuu.
 
-### 📣 Teade – Uued väljakutsed GitHub Copilot Agent režiimis, mida lõpuni viia!
+### 📣 Teade - uued GitHub Copilot Agendi režiimi väljakutsed täitmiseks!
 
-Lisandus uus väljakutse, otsi enamikest peatükkidest "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse, mida saad täita GitHub Copilot ja Agent režiimi abil. Kui sa pole varem Agent režiimi kasutanud, siis see suudab mitte ainult teksti genereerida, vaid ka faile luua ja muuta, käivitada käske ja palju muud.
+Uus väljakutse lisatud, otsi enamikes peatükkides "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse teile, mida täita GitHub Copiloti ja agendi režiimi abil. Kui te ei ole varem agendi režiimi kasutanud, on see võimeline genereerima mitte ainult teksti, vaid ka looma ja redigeerima faile, käivitama käske ja muud.
 
-### 📣 Teade – _Uus generatiivse tehisintellekti abil ehitatav projekt_
+### 📣 Teade - _uus projekt, mille saab luua Generatiivse AI abil_
 
-Lisandus uus AI assistendi projekt, vaata lähemalt [projektist](./9-chat-project/README.md)
+Uus AI assistendi projekt on just lisatud, vaata projekti [siit](./9-chat-project/README.md)
 
-### 📣 Teade – _Uus Generative AI õppekava JavaScriptile_
+### 📣 Teade - _Uus õppekava_ Generatiivse AI kohta JavaScriptile on just välja antud
 
-Ära jäta vahele meie uut Generatiivse AI õppekava!
+Ära jää ilma meie uuest Generatiivse AI õppekavast!
 
-Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
+Külasta [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) alustamiseks!
 
 ![Background](../../translated_images/et/background.148a8d43afde5730.webp)
 
-- Õppetunnid käsitlevad kõike alates põhitõdedest kuni RAG-ni.
-- Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil.
-- Lõbus ja kaasahaarav jutustus, kus rändad ajas!
+- Õppetunnid hõlmavad kõike alates algteadmistest kuni RAG-ini.
+- Suhtle ajalooliste tegelastega GenAI ja meie kaaslase rakenduse abil.
+- Lõbus ja kaasahaarav jutustus, kus sa rändad ajas!
 
 ![character](../../translated_images/et/character.5c0dd8e067ffd693.webp)
 
 
-Iga õppetund sisaldab sooritamiseks ülesannet, teadmiste kontrolli ja väljakutset, mis aitavad õpitavates valdkondades nagu:
-- Päringute koostamine ja päringute inseneritehnika
-- Teksti ja pildirakenduste genereerimine
+Iga õppetund sisaldab täidetavat ülesannet, teadmiste kontrolli ja väljakutset, mis juhib õppimist teemadel nagu:
+- Käsutamine ja käsu koostamine
+- Teksti- ja pildirakenduste genereerimine
 - Otsingurakendused
 
-Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
+Külasta [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) alustamiseks!
 
 
 
 ## 🌱 Alustamine
 
-> **Õpetajad**, me oleme lisanud mõned soovitused [siin](for-teachers.md), kuidas seda õppekava kasutada. Hindame väga teie tagasisidet [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Õpetajad**, oleme lisanud [mõningaid soovitusi](for-teachers.md), kuidas seda õppekava kasutada. Ootame teie tagasisidet [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, alustage iga õppetundi eeloengu viktoriiniga, järgige loengumaterjali lugemist, sooritage erinevad tegevused ja kontrollige arusaamist järelõppe viktoriiniga.
+**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni puhul alustage eel-loengu viktoriiniga ja jätkake õppetükiga, täites erinevaid tegevusi ja kontrollides arusaamist järel-loengu viktoriiniga.
 
-Õppimise kogemuse parandamiseks looge ühendus oma eakaaslastega, et koos projektidega töötada! Arutelud on teretulnud meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorite meeskond on valmis teie küsimustele vastama.
+Õppimiskogemuse parandamiseks ühenduge oma eakaaslastega, et koos projekte teha! Arutelud on julgustatud meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorimeeskond vastab teie küsimustele.
 
-Veelgi rohkem õppimiseks soovitame tungivalt uurida [Microsoft Learni](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) lisastudiumimaterjale.
+Haridusteekonna süvendamiseks soovitame tungivalt uurida [Microsoft Learni](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) täiendavaid õppematerjale.
 
 ### 📋 Keskkonna seadistamine
 
-Sellel õppekaval on valmis arenduskeskkond! Kursuse alustamisel võid valida selle käivitamise [Codespace’is](https://github.com/features/codespaces/) (_brauseripõhine, pole vaja midagi paigaldada_), või kohalikult oma arvutis tekstitöötlusprogrammi nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) abil.
+Sellel õppekaval on arenduskeskkond kohe kasutamiseks valmis! Alustades võite valida, kas kasutada õppekava [Codespaces](https://github.com/features/codespaces/) keskkonnas (_brauseripõhine, installimist mitte nõudev keskkond_) või oma arvutis lokaalselt tekstiredaktorit, näiteks [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Loo oma hoidla
-Selleks, et oleks lihtsam oma tööd salvestada, soovitatakse luua selle hoidla koopia. Seda saad teha, klõpsates lehe ülaosas nuppu **Use this template**. See loob uue hoidla sinu GitHubi kontole koos õppekava koopiaga.
+Selleks, et oma tööd hõlpsasti salvestada, soovitame luua oma koopia sellest hoidlast. Seda saab teha, klõpsates lehe ülaosas nuppu **Use this template**. See loob uue hoidla teie GitHubi kontole koos õppekava koopiaga.
 
-Järgi neid samme:
-1. **Jaga hoidlaga**: Klõpsa selle lehe paremas ülanurgas nuppu "Fork".
+Järgige neid samme:
+1. **Tehke fork**: Klõpsake selle lehe paremas ülanurgas nuppu "Fork".
 2. **Kloonige hoidla**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Õppekava käivitamine Codespaces keskkonnas
+#### Õppekava käitamine Codespaces keskkonnas
 
-Selles hoidla koopias, mille lõid, klõpsa nuppu **Code** ja vali **Open with Codespaces**. See loob sulle uue Codespace’i töötamiseks.
+Oma loodud hoidla koopias klõpsake nuppu **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i, kus tööd teha.
 
 ![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Õppekava käivitamine kohalikult arvutis
+#### Õppekava käitamine lokaalselt oma arvutis
 
-Selle õppekava kohalikuks käivitamiseks vajad tekstitöötlusprogrammi, brauserit ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhatab sind läbi erinevate võimaluste ning aitab valida sobivad tööriistad.
+Õppekava lokaalseks käivitamiseks vajate tekstiredaktorit, veebilehitsejat ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhendab teid erinevate võimaluste valikul iga tööriista jaoks.
 
-Soovitame kasutada [Visual Studio Code’i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) tekstiredaktorina, millel on ka sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code’i saad alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. Kloonige oma hoidla oma arvutisse. Seda saad teha, klõpsates nuppu **Code** ja kopeerides URL:
+Soovitame kasutada [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorina, millel on sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code'i saate alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Kopeeri oma hoidla arvutisse. Seda saad teha, klõpsates nuppu **Code** ning kopeerides URL-i:
 
     [CodeSpace](./images/createcodespace.png)
-Seejärel ava [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sees ja käivita järgmine käsk, asendades `<your-repository-url>` äsja kopeeritud URL-iga:
+
+    Seejärel ava [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) sees ning käivita järgmine käsk, asendades `<your-repository-url>` just äsja kopeeritud URL-iga:
 
     ```bash 
     git clone <your-repository-url>
     ```
-  
-2. Ava kaust Visual Studio Code'is. Seda saad teha, klõpsates **File** > **Open Folder** ja valides äsja kloonitud kausta.
 
->  Soovitatud Visual Studio Code laiendused:
+2. Ava Visual Studio Code’is kaust. Seda saad teha, klõpsates **File** > **Open Folder** ning valides kausta, mille just kloonisid.
+
+
+>  Soovitatud Visual Studio Code'i laiendused:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – HTML-lehtede eelvaate kuvamiseks Visual Studio Code'is
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – aitab sul koodi kiiremini kirjutada
-
-## 📂 Iga õppetund sisaldab:
-
-- valikuline visand   
-- valikuline lisavidin
-- eelõppe soojendus-quiz
-- kirjalik õppetund
-- projektipõhiste õppetundide korral samm-sammult juhised projekti ehitamiseks
-- teadmiste kontroll
-- väljakutse
-- lisalugemine
-- ülesanne
-- [järgnev quiz](https://ff-quizzes.netlify.app/web/)
-
-> **Märkused quizide kohta**: Kõik quizid asuvad Quiz-app kaustas, kokku 48 quiz'i, igas kolm küsimust. Need on kättesaadavad [siin](https://ff-quizzes.netlify.app/web/). Quiz-rakendust saab käivitada lokaalselt või paigaldada Azure'i; järgi juhiseid `quiz-app` kaustas.
-
-## 🗃️ Õppetunnid
-
-|     |                       Projekti nimi                       |                            Õppekäsitlused                             | Õpieesmärgid                                                                                                                 |                                                         Seotud õppetund                                                          |         Autor          |
-| :-: | :------------------------------------------------------: | :------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Alustamine                          |           Programmeerimise ja tööriistade tutvustus                  | Õpi programmeerimiskeelte alustalasid ja tarkvara, mis aitab arendajatel tööd teha                                           | [Sihtprogrammide ja tööriistade sissejuhatus](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)          |         Jasmine         |
-| 02  |                     Alustamine                          |             GitHub'i alused, meeskonnatöö                          | Õpi kasutama GitHubi projektis ja koostööd koodibaasil                                                       |                            [GitHub'i alused](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Alustamine                          |                             Ligipääsetavus                          | Õpi veebipõhise ligipääsetavuse aluseid                                                                                       |                       [Ligipääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md)                          |       Christopher       |
-| 04  |                        JS algtõed                        |                         JavaScripti andmetüübid                    | JavaScripti andmetüüpide alused                                                                                                |                                       [Andmetüübid](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS algtõed                        |                         Funktsioonid ja meetodid                   | Õpi rakenduse loogika juhtimise funktsioonide ja meetodite kohta                                                             |                              [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md)                             | Jasmine ja Christopher  |
-| 06  |                        JS algtõed                        |                        Otsuste tegemine JS abil                     | Õpi, kuidas koodis luua tingimusi otsustusmeetodite abil                                                                     |                                 [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine         |
-| 07  |                        JS algtõed                        |                            Massiivid ja tsüklid                     | Töötle andmeid massiivide ja tsüklite abil JavaScriptis                                                                       |                                   [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md)                                  |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML praktikas                           | Ehitada HTML, et luua veebiterrarium, keskendudes paigutuse loomisele                                                        |                                 [Sissejuhatus HTML-i](./3-terrarium/1-intro-to-html/README.md)                                  |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS praktikas                            | Ehita CSS veebiterrariumi stiiliks, keskendudes CSS põhialustele sh lehe reageerivusele                                       |                                  [Sissejuhatus CSS-i](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScripti sulgemised, DOM manipulatsioon           | Ehita JavaScript, mis teeb terrariumi lohistamiskogemuseks, keskendudes sulgemistele ja DOM manipulatsioonile                |                  [JavaScript sulgemised, DOM manipulatsioon](./3-terrarium/3-intro-to-DOM-and-closures/README.md)              |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Tippimismängu ehitamine                     | Õpi kasutama klaviatuurisündmusi oma JavaScripti rakenduse loogika juhtimiseks                                                 |                                [Sündmustepõhine programmeerimine](./4-typing-game/typing-game/README.md)                      |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Brauseritega töötamine                      | Õpi, kuidas brauserid toimivad, nende ajalugu ja kuidas esimesed elemendid brauserilaienduse jaoks üles seada                 |                               [BROWSERID](./5-browser-extension/1-about-browsers/README.md)                                     |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Vormide loomine, API kasutamine ja muutujate salvestamine kohalikku salve | Ehita oma brauserilaienduse JavaScripti osad API kutsumiseks ja kohalikku salvesse muutujate salvestamiseks                  |               [API-d, vormid ja kohalik salvestus](./5-browser-extension/2-forms-browsers-local-storage/README.md)             |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Brauseril taustaprotsessid, veebitöötluse optimeerimine          | Kasuta brauseri taustaprotsesse laiendi ikooni haldamiseks; õpi veebitöötluse ja optimeerimisvõtteid                            |             [Taustatöö ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md)                        |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Täiustatud mänguarendus JavaScriptiga                    | Õpi pärandamist nii klasside kui kompositsiooni kaudu ning Pub/Sub mudelit, et valmistuda mängu ehitamiseks                   |                      [Täpsem mänguarendus](./6-space-game/1-introduction/README.md)                                            |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Joonistamine Canvasel                      | Õpi Canvas API kasutamist elementide joonistamiseks ekraanile                                                                |                                [Joonistamine Canvasel](./6-space-game/2-drawing-to-canvas/README.md)                          |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Elementide liigutamine ekraanil                    | Avastage, kuidas objektid saavad liikuma kardiniaalsete koordinaatide ja Canvas API abil                                       |                           [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kokkupõrgete tuvastamine                     | Pane objektid põrkama ja teineteisega reageerima klahvivajutuste abil, lisa jahutuse funktsioon mängu jõudluse tagamiseks    |                              [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/README.md)                        |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Tulemustabeli hoidmine                    | Tee matemaatilisi arvutusi mängu oleku ja jõudluse põhjal                                                                    |                                    [Tulemustabeli hoidmine](./6-space-game/5-keeping-score/README.md)                            |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Mängu lõpetamine ja taaskäivitamine              | Õpi mängu lõpetamise ja taaskäivitamise protsessidest, sh ressursside vabastamine ja muutujate lähtestamine                   |                                [Lõpetingimus](./6-space-game/6-end-condition/README.md)                                          |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Veebirakenduse HTML mallid ja marsruutimine         | Õpi, kuidas luua mitme leheküljega veebilehe arhitektuur, kasutades marsruutimist ja HTML malle                             |                            [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md)                               |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Sisselogimis- ja registreerimisvorm                | Õpi vormide loomist ja valideerimise haldamist                                                                                 |                                           [Vormid](./7-bank-project/2-forms/README.md)                                         |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Andmete pärimine ja kasutamine                     | Kuidas andmed sinu rakendusse sisenevad ja sealt väljuvad, kuidas neid pärida, salvestada ja lõpetada                        |                                            [Andmed](./7-bank-project/3-data/README.md)                                           |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Staatuse halduse kontseptsioonid               | Õpi, kuidas rakenduses hallata ja programmiliselt kontrollida olekut                                                         |                                [Oleku haldus](./7-bank-project/4-state-management/README.md)                                       |          Yohan          |
-| 25  | [Browser/VScode Code](../../8-code-editor) | VScode kasutamine | Õpi kasutama koodi redaktorit | [VScode koodi redaktori kasutamine](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26  | [AI Assistants](./9-chat-project/README.md) | Tehisintellekti kasutamine | Õpi looma oma AI assistenti | [AI assistendi projekt](./9-chat-project/README.md) | Chris |
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaade Visual Studio Code’is
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab kirjutada koodi kiiremini
+
+## 📂 Iga õppetükk sisaldab:
+
+- valikulist visandit
+- valikulist täiendavat videot
+- soojendusharjutust enne tundi
+- kirjalikku õppetükki
+- projektipõhiste õppetükkide puhul samm-sammulisi juhendeid, kuidas projekti ehitada
+- teadmiste kontrolli küsimustikke
+- väljakutset
+- täiendavat lugemist
+- ülesannet
+- [pärastundi viktoriini](https://ff-quizzes.netlify.app/web/)
+
+> **Märkus viktoriinide kohta**: Kõik viktoriinid asuvad Quiz-app kaustas, kokku 48 viktoriini, milles igas on kolm küsimust. Need on kättesaadavad [siin](https://ff-quizzes.netlify.app/web/). Viktoriini rakendus saab käivitada lokaalselt või paigaldada Azure’i; järgige juhiseid `quiz-app` kaustas.
+
+## 🗃️ Õppetükid
+
+|     |                       Projekti nimi                       |                            Õpitavad kontseptsioonid                             | Õpieesmärgid                                                                                                                 |                                                         Seotud õppetükk                                                          |         Autor          |
+| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Alustamine                      |           Sissejuhatus programmeerimisse ja tööriistadesse           | Õpi programmeerimiskeelte põhialuseid ja tarkvara, mis aitab professionaalsel arendajal tööd teha                                  | [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Alustamine                      |             GitHub põhialused, sh meeskonnatöö             | Kuidas kasutada GitHubi projektis ja kuidas meeskonnana koodil koos töötada                                                    |                            [Sissejuhatus GitHubi](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Alustamine                      |                             Juurdepääsetavus                              | Õpi veebipõhise juurdepääsetavuse aluseid                                                                                               |                       [Juurdepääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS põhitõed                         |                         JavaScripti andmetüübid                          | JavaScripti andmetüüpide põhialused                                                                                                 |                                       [Andmetüübid](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS põhitõed                         |                         Funktsioonid ja meetodid                          | Õpi funktsioonidest ja meetoditest rakenduse loogika juhtimisel                                                             |                              [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md)                               | Jasmine ja Christopher |
+| 06  |                        JS põhitõed                         |                        Otsuste tegemine JS-ga                        | Õpi, kuidas luua tingimusi oma koodis otsustuste tegemise meetodite abil                                                           |                                 [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS põhitõed                         |                            Massiivid ja tsüklid                            | Töötle andmeid JavaScripti massiivide ja tsüklite abil                                                                                 |                                   [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML praktikas                            | Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele                                                         |                                 [Sissejuhatus HTML-i](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS praktikas                             | Ehita CSS veebiterrariumi kujundamiseks, keskendudes CSS põhialustele ja lehe reageerivusele                     |                                  [Sissejuhatus CSS-i](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScripti sulgemised, DOM-i manipuleerimine                  | Ehita JavaScript, mis muudab terrariumi lohistatavaks kasutajaliideseks, keskendudes sulgemistele ja DOM-i manipuleerimisele             |                  [JavaScript sulgemised ja DOM-i manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Tippimismäng](./4-typing-game/solution/README.md)          |                          Tippimismängu loomine                           | Õpi kasutama klaviatuuri sündmusi, et juhtida oma JavaScripti rakenduse loogikat                                                          |                                [Sündmuspõhine programmeerimine](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) |                         Brauseritega töötamine                          | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaiendi esimesed elemendid                               |                               [Brauserite kohta](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja muutujate salvestamine lokaalsesse mällu | Ehita brauserilaiendi JavaScripti osad API kutsumiseks, kasutades lokaalsesse mällu salvestatud muutujaid                      |                [API-d, vormid ja lokaalne mälu](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) |          Taustaprotsessid brauseris, veebitööjõudlus          | Kasuta brauseri taustaprotsesse laiendi ikooni juhtimiseks; õpi veebitööjõudlusest ja mõningatest optimeerimistest                  |             [Taustaprotsessid ja tööjõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Kosmosemäng](./6-space-game/solution/README.md)           |             Täiustatud mänguarendus JavaScriptiga             | Õpi pärandamise kohta klasside ja koostise kaudu ning Pub/Sub mustrit, ettevalmistuseks mängu loomiseks              |                      [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Kosmosemäng](./6-space-game/solution/README.md)           |                           Joonistamine lõuendile                           | Õpi Canvas API kasutamist ekraanile elementide joonistamiseks                                                                       |                                [Joonistamine lõuendile](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Kosmosemäng](./6-space-game/solution/README.md)           |                   Elementide liigutamine ekraanil                       | Avastage, kuidas elementidele anda liikumist kasutades kaarteesia koordinaate ja Canvas API-d                                            |                           [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Kosmosemäng](./6-space-game/solution/README.md)           |                          Kokkupõrke tuvastamine                           | Tee elementide kokkupõrked ja reageerimine kasutades klahvivajutusi ning lisa jahutusfunktsioon, mis tagab mängu sujuvuse    |                              [Kokkupõrke tuvastamine](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Kosmosemäng](./6-space-game/solution/README.md)           |                             Skoriga arvestamine                              | Tee matemaatilisi arvutusi mängu staatuse ja jõudluse alusel                                                                |                                    [Skoori pidamine](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Kosmosemäng](./6-space-game/solution/README.md)           |                     Mängu lõpetamine ja taaskäivitamine                     | Õpi mängu lõpetamise ja taaskäivitamise kohta, sh ressursside puhastamine ja muutuja väärtuste lähtestamine                              |                                [Lõputingimus](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                 HTML mallid ja marsruudid veebirakenduses                 | Õpi, kuidas luua mitmeleheküljelise veebilehe arhitektuuri tugistruktuur marsruutimise ja HTML mallide abil                             |                            [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                  Logimise ja registreerimise vormi loomine                   | Õpi vormide loomist ja valideerimise teostamist                                                                           |                                           [Vormid](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                   Andmete pärimise ja kasutamise meetodid                   | Kuidas andmed voolavad sinu rakendusse ja sealt välja, kuidas neid pärida, salvestada ja eemaldada                                                 |                                            [Andmed](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Pangarakendus](./7-bank-project/solution/README.md)          |                      Seisundihalduse kontseptsioonid                      | Õpi, kuidas sinu rakendus säilitab seisundit ja kuidas seda programmeeritult hallata                                                              |                                [Seisundihaldus](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Brauser/VScode Kood](../../8-code-editor) | Töötamine VScode'iga | Õpi, kuidas kasutada koodiredaktorit| [Kasuta VScode koodiredaktorit](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Tehisintellekti assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi, kuidas ehitada oma tehisintellekti assistent | [Tehisintellekti assistendi projekt](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagoogika
 
-Meie õppekava on loodud kahe peamise pedagoogilise printsiibi alusel:  
-* projektipõhine õpe  
-* sagedased testid
+Meie õppekava on kavandatud kahe peamise pedagoogilise põhimõtte järgi:
+* projektipõhine õpe
+* sagedased viktoriinid
+
+Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning uusimaid tööriistu ja tehnikaid, mida kasutavad tänapäeva veebiarendajad. Õpilastel on võimalus praktiliselt kogeda, ehitades tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaiendi, kosmose-invader stiilis mängu ja pangarakenduse ettevõtetele. Perioodi lõpuks omandavad õpilased tugeva arusaama veebiarendusest.
 
-Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning tänapäevaste veebiarendajate kasutatavaid uusimaid tööriistu ja meetodeid. Õpilased saavad praktilise kogemuse, luues tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaienduse, kosmosesissetungiva stiilis mängu ja pangarakenduse ettevõtetele. Sarja lõpus on õpilastel kindel arusaam veebiarendusest.
+> 🎓 Võid esimesed paar õppetükki sellest õppekavast läbida ka [Õppeteekina](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platvormil!
 
-> 🎓 Võid võtta selle õppekava esimesed õppetunnid Microsoft Learn’i [Õppeteekina](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)!
+Sisule vastavate projektide abil tehakse õppimisprotsess kaasahaaravamaks ning mõistete meeldejätmine paraneb. Kirjutasime ka mitu algõpetust JavaScripti põhialuste kohta, tutvustamaks mõisteid koos videoga "[Algajate sari: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", mille mõned autorid panustasid sellesse õppekavasse.
 
-Sisuga, mis on kooskõlas projektidega, muutub õppeprotsess õpilastele kaasahaaravamaks ja kontseptsioonide meeldejätmine paremini toimivaks. Samuti kirjutasime mitu JavaScripti baasõppetundi, et tutvustada kontseptsioone, kombineerituna videoga "[Algajate sari: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videotundide kogumikust, mille autorid sellest õppekavast osa võtsid.
+Lisaks seab klassieelse lihtsalt stressivaba viktoriiniga õpilase eesmärgi konkreetse teema õppimiseks, ning teine viktoriin klassijärgsel ajal tagab teadmiste edasi kinnistamise. See õppekava on loodud olema paindlik ja lõbus ning seda saab läbida tervikuna või osaliselt. Projektid alustavad väikestest ja muutuvad 12-nädalase tsükli jooksul järjest keerukamaks.
 
-Lisaks seab madala panusega quiz enne tundi õpilase fookuse teema õppimisele, ja teine quiz tunni järel aitab veelgi teadmisi kinnistada. See õppekava on mõeldud paindlikuks ja lõbusaks ning seda saab võtta tervikuna või osade kaupa. Projektid algavad väikselt ja muutuvad 12-nädalase tsükli lõpuks järjest keerukamaks.
+Kuigi oleme teadlikult hoidunud JavaScripti raamistikest, et keskenduda esmalt vajalikele oskustele veebiarendajana enne raamistikku omaksvõttu, võiks järgmine samm selle õppekava lõpetamisel olla Node.js õppimine teise videosarja kaudu: "[Algajate sari: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-Kuigi oleme teadlikult vältinud JavaScripti raamistikute tutvustamist, et keskenduda esmalt veebiarendajana vajalikele põhioskustele enne raamistikku omaksvõttu, oleks järgmine samm selle õppekava lõpetamisel õppida Node.js kohta teise videotundide sarja kaudu: "[Algajate sari: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+> Vaata meie [käitumisreegleid](CODE_OF_CONDUCT.md) ja [panustamise juhiseid](CONTRIBUTING.md). Oleme avatud konstruktiivsele tagasisidele!
 
-> Visiit meie [käitumisjuhisele](CODE_OF_CONDUCT.md) ja [panustamise](CONTRIBUTING.md) suunistele. Ootame sinu konstruktiivset tagasisidet!
 
-## 🧭 Offline ligipääs
+## 🧭 Võimalus töötada offline
 
-Seda dokumentatsiooni saab kasutada võrguühenduseta, kasutades [Docsify](https://docsify.js.org/#/). Pane see repo fork ja paigalda oma arvutisse [Docsify](https://docsify.js.org/#/quickstart). Selles repo juurkaustas käivita `docsify serve`. Veebileht on kättesaadav pordi 3000 kaudu sinu kohaliku arvutis: `localhost:3000`.
+Seda dokumentatsiooni saad kasutada offline režiimis, kasutades [Docsify](https://docsify.js.org/#/). Hargne see hoidla, [paigalda Docsify](https://docsify.js.org/#/quickstart) oma arvutisse ja seejärel käivita hoidla juurkataloogis käsk `docsify serve`. Veebileht on kättesaadav aadressil `localhost:3000` pordil 3000.
 
 ## 📘 PDF
+Kõigi õppetundide PDF-versiooni leiate siit [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+
 
-Kõik õppetunnid koos PDF-ina on saadaval [siin](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+## 🎒 Teised kursused
 
-## 🎒 Muud kursused
-Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
+Meie meeskond toodab ka teisi kursusi! Vaadake:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -213,7 +225,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
 [![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 / Agendid
 [![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)
@@ -221,7 +233,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
 
 ---
  
-### Generative AI Series
+### Generatiivse tehisintellekti seeria
 [![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)
@@ -229,7 +241,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
 
 ---
  
-### Core Learning
+### Põhiline õppimine
 [![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)
@@ -240,7 +252,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
 
 ---
  
-### Copilot Series
+### Copiloti seeria
 [![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)
@@ -248,21 +260,21 @@ Meie meeskond toodab ka teisi kursusi! Vaadake lähemalt:
 
 ## Abi saamine
 
-Kui takerdud või sul on küsimusi tehisintellekti rakenduste loomise kohta, liitu teiste õppijate ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt.
+Kui teil tekib takistusi või küsimusi AI-rakenduste loomisel, liituge teiste õppijate ja kogenud arendajatega aruteludes MCP kohta. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Kui sul on toote tagasisidet või tekib ehitamise käigus vigu, külastage:
+Kui teil on toodete kohta tagasisidet või ehitamise ajal ilmnevad vead, külastage:
 
 [![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)
 
 ## Litsents
 
-See hoidla on litsentseeritud MIT litsentsi alusel. Lisateabe saamiseks vaata [LICENSE](../../LICENSE) faili.
+See hoidla on litsentseeritud MIT litsentsi all. Lisateabe saamiseks vaadake faili [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Loaandmene**:  
-See dokument on tõlgitud tehisintellekti tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame tagada tõlke täpsust, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument oma algkeeles tuleks pidada usaldusväärseks allikaks. Olulise info puhul soovitatakse kasutada professionaalse inimese tõlget. Me ei vastuta võimalike arusaamatuste ega valesti mõistmiste eest, mis võivad tekkida selle tõlke kasutamisest.
+**Vastutusest loobumine**:  
+See dokument on tõlgitud kasutades tehisintellekti tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada täpsust, palun pidage meeles, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle algkeeles tuleks pidada autoriteetseks allikaks. Kriitilise informatsiooni puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse ega valesti mõistmise eest, mis võib tuleneda sellest tõlkest.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fa/.co-op-translator.json b/translations/fa/.co-op-translator.json
index 299351889..e5a86fae8 100644
--- a/translations/fa/.co-op-translator.json
+++ b/translations/fa/.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-06T10:49:43+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:14:33+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "fa"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:59:48+00:00",
+    "translation_date": "2026-03-06T16:28:31+00:00",
     "source_file": "AGENTS.md",
     "language_code": "fa"
   },
@@ -516,8 +516,8 @@
     "language_code": "fa"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:55:30+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:09:59+00:00",
     "source_file": "README.md",
     "language_code": "fa"
   },
diff --git a/translations/fa/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/fa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 0328ec045..cb7d34aa2 100644
--- a/translations/fa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/fa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
-# مقدمه‌ای بر زبان‌های برنامه‌نویسی و ابزارهای مدرن توسعه‌دهندگان
+# معرفی زبان‌های برنامه‌نویسی و ابزارهای مدرن توسعه‌دهندگان
 
-سلام به تو، توسعه‌دهنده آینده! 👋 می‌توانم چیزی به تو بگویم که هر روز برایم هیجان‌انگیز است؟ تو در آستانه کشف این هستی که برنامه‌نویسی فقط درباره کامپیوترها نیست – بلکه درباره داشتن نیروهای فوق‌العاده واقعی است که ایده‌های wild تو را به زندگی می‌آورد!
+سلام به توسعه‌دهنده‌ی آینده! 👋 می‌تونم چیزی بهت بگم که هر روز هنوز هم مو به تنم سیخ می‌کنه؟ تو داری کشف می‌کنی که برنامه‌نویسی فقط مربوط به کامپیوترها نیست – بلکه داشتن قدرت‌های فوق‌العاده واقعی برای زنده کردن وحشیانه‌ترین ایده‌هات هستی!
 
-می‌دانی آن لحظه‌ای که از برنامه محبوبت استفاده می‌کنی و همه چیز دقیقاً بی‌نقص است؟ وقتی روی یک دکمه فشار می‌دهی و چیز جادویی‌ای اتفاق می‌افتد که تو را به حیرت وا می‌دارد «وای، چطور این کار را کردند؟» خوب، کسی دقیقاً مثل تو – احتمالاً نشسته در کافی‌شاپ محبوبش در ساعت ۲ صبح با سومین اسپرسو – کدی نوشته که آن جادو را ساخته. و این چیزی است که ذهنت را منفجر می‌کند: تا پایان این درس، نه تنها فهمیده‌ای چگونه این کار را کردند، بلکه خودت هم مشتاق می‌شوی که اینکار را امتحان کنی!
+اون لحظه‌ای که داری از برنامه‌ی موردعلاقه‌ات استفاده می‌کنی و همه‌چیز دقیقاً درست کلیک می‌کنه رو می‌دونی؟ وقتی یک دکمه رو فشار می‌دی و اتفاقی کاملاً جادویی می‌افته که باعث می‌شه بگی «وای، چطور تونستند این کار رو بکنند؟» خب، کسی مثل خودِ تو – احتمالاً نشسته توی کافی‌شاپ موردعلاقه‌ش ساعت ۲ صبح با سومین اسپرسوش – کدی نوشته که اون جادو رو ساخته. و اینجا جاییه که ذهنت منفجر می‌شه: تا پایان این درس، نه تنها می‌فهمی اون‌ها چطور این کار رو کردند، بلکه دلت می‌خواد خودت هم امتحانش کنی!
 
-ببین، کاملاً می‌فهمم اگر برنامه‌نویسی الان کمی ترسناک به نظر برسد. وقتی من شروع کردم، واقعاً فکر می‌کردم باید نابغه ریاضی باشی یا از پنج سالگی کدنویسی کنی. اما این چیزی بود که کاملاً دیدم را تغییر داد: برنامه‌نویسی دقیقاً مثل یادگیری صحبت کردن به زبان جدید است. با "سلام" و "متشکرم" شروع می‌کنی، بعد سفارش قهوه می‌دهی، و پیش از آنکه بدانی، در بحث‌های فلسفی عمیق شرکت می‌کنی! فقط در اینجا، تو داری با کامپیوترها صحبت می‌کنی و واقعاً؟ آنها صبورترین شریک‌های مکالمه‌ای هستند که می‌توانی داشته باشی – هرگز اشتباهاتت را قضاوت نمی‌کنند و همیشه مشتاقند دوباره امتحان کنند!
+ببین، کاملاً درک می‌کنم اگر برنامه‌نویسی الان برات ترسناک به نظر میاد. وقتی تازه شروع کردم، واقعاً فکر می‌کردم باید نابغه ریاضی باشی یا از پنج‌سالگی داری کد می‌زنی. اما چیزی که کل دیدگاه منو عوض کرد این بود: برنامه‌نویسی دقیقاً مثل یادگیری داشتن مکالمه در یه زبان جدید هست. با «سلام» و «مرسی» شروع می‌کنی، بعد می‌رسی به سفارش دادن قهوه، و قبل از اینکه بدانی، داری بحث‌های فلسفی عمیق می‌کنی! البته در این مورد، داری با کامپیوترها صحبت می‌کنی، و راستش؟ اون‌ها صبورترین همراهان مکالمه‌ای هستند که می‌تونی داشته باشی – هیچوقت اشتباهاتت رو قضاوت نمی‌کنند و همیشه با اشتیاق دوباره امتحان می‌کنند!
 
-امروز، ما به ابزارهای شگفت‌انگیزی می‌پردازیم که توسعه وب مدرن را نه تنها ممکن بلکه واقعاً اعتیادآور کرده‌اند. منظورم دقیقاً همان ویرایشگرها، مرورگرها و جریان‌های کاری است که توسعه‌دهندگان شرکت‌های Netflix، Spotify و استودیوی اپلیکیشن‌های مستقل محبوب تو هر روز استفاده می‌کنند. و این بخشی است که باعث شادی تو می‌شود: بیشتر این ابزارهای حرفه‌ای و استاندارد صنعت کاملاً رایگان هستند!
+امروز قراره ابزارهای شگفت‌انگیزی رو بررسی کنیم که توسعه وب مدرن رو نه تنها ممکن، بلکه به‌شدت اعتیادآور می‌کنن. دارم درباره همون ویرایشگرها، مرورگرها و جریان‌های کاری حرف می‌زنم که توسعه‌دهندگان نتفلیکس، اسپاتیفای و استودیوهای اپ مستقل موردعلاقه‌ات هر روز استفاده می‌کنند. و این بخشی که باعث می‌شه رقص شادی بکنی: بیشتر این ابزارهای حرفه‌ای و استاندارد صنعت کاملاً رایگان هستن!
 
 ![Intro Programming](../../../../translated_images/fa/webdev101-programming.d6e3f98e61ac4bff.webp)
-> یادداشت تصویری توسط [Tomomi Imura](https://twitter.com/girlie_mac)
+> تصویرگری توسط [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
@@ -27,154 +27,154 @@ journey
       کاوش ابزار: 5: You
       ارتباط با جامعه: 5: You
 ```
-## بیایید ببینیم چقدر می‌دانی!
+## بیایید ببینیم چه چیزهایی رو قبلاً می‌دونی!
 
-قبل از اینکه وارد بخش هیجان‌انگیز شویم، کنجکاوم – چه چیزهایی درباره دنیای برنامه‌نویسی قبلاً می‌دانی؟ و گوش کن، اگر به این سوال‌ها نگاه می‌کنی و فکر می‌کنی «من واقعاً هیچ ایده‌ای درباره این ندارم»، این فقط خوب نیست، بلکه عالی است! یعنی تو دقیقاً در جای درست هستی. این آزمون را مثل گرم کردن قبل از ورزش در نظر بگیر – ما داریم فقط آن عضلات مغز را آماده می‌کنیم!
+قبل از اینکه بریم سراغ بخش‌های جذاب، کنجکاوم بدونم – درباره این دنیای برنامه‌نویسی چی می‌دونی؟ و گوش کن، اگر داری به این سوالات نگاه می‌کنی و فکر می‌کنی «من واقعاً هیچ سرنخی درباره هیچ‌کدوم ندارم»، این نه فقط اوکیه، بلکه عالیه! یعنی تو دقیقاً تو جای درستی هستی. این آزمون رو مثل گرم کردن قبل از تمرین ببین – داریم عضلات مغزمون رو گرم می‌کنیم!
 
-[آزمون پیش-درس را انجام بده](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[تکمیل آزمون پیش‌درس](https://ff-quizzes.netlify.app/web/)
 
-## ماجراجویی که با هم خواهیم داشت
+## ماجرایی که قراره با هم شروع کنیم
 
-خب، واقعاً من پر از هیجان برای آن چیزی هستم که امروز کشف خواهیم کرد! واقعاً، آرزو می‌کنم می‌توانستم صورتی که وقتی برخی از این مفاهیم برات روشن می‌شود ببینم. این سفر شگفت‌انگیز ما با هم است:
+باشه، من واقعاً از هیجان دارم که امروز قراره چی رو کشف کنیم! بهم راست بگو، دوست داشتم بتونم قیافت رو ببینم وقتی بعضی از این مفاهیم واست جا می‌افته. این سفر شگفت‌انگیزیه که قراره با هم طی کنیم:
 
-- **برنامه‌نویسی واقعاً چیست (و چرا هیجان‌انگیزترین چیز دنیاست!)** – ما کشف می‌کنیم که چگونه کد دقیقاً همان جادوی نامرئی است که همه چیز اطراف تو را قدرت می‌دهد، از آن زنگ هشدار که به طرز عجیبی می‌داند دوشنبه صبح است تا الگوریتمی که توصیه‌های دقیق 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) هم بگیری!
 
-## پس برنامه‌نویسی دقیقاً *چیست*؟
+## پس دقیقاً برنامه‌نویسی *چی* هست؟
 
-خب، بیایید به سوال میلیون دلاری بپردازیم: برنامه‌نویسی واقعاً چیست؟
+باشه، بریم سراغ سوال میلیون دلاری: برنامه‌نویسی واقعاً چیه؟
 
-داستانی به تو می‌گویم که دید من را کاملاً تغییر داد. هفته گذشته داشتم به مادرم توضیح می‌دادم چطور از کنترل تلویزیون هوشمند جدیدمان استفاده کند. خودم را گرفتم که می‌گویم «دکمه قرمز را فشار بده، اما نه دکمه بزرگ قرمز، دکمه کوچکتر قرمز سمت چپ... نه، سمت چپ دیگرت... اوکی، الآن دو ثانیه نگه دار، نه یک ثانیه، نه سه...» آشنا نیست؟ 😅
+داستانی دارم که کاملاً طرز فکر منو عوض کرد. هفته پیش داشتم تلاش می‌کردم مامانم رو راهنمایی کنم چطور از کنترل جدید تلویزیون هوشمون استفاده کنه. دیدم دارم می‌گم «دکمه قرمز رو بزن، ولی نه دکمه بزرگ قرمز، دکمه کوچک قرمز سمت چپ... نه، سمت چپ دیگه‌ات... حالا نگه دار دو ثانیه، نه یک ثانیه، نه سه...» آشنا به نظر میاد؟ 😅
 
-همان برنامه‌نویسی است! هنر دادن دستورالعمل‌های فوق‌العاده دقیق و مرحله‌به‌مرحله به چیزی است که بسیار قدرتمند است ولی نیاز دارد همه چیز کاملاً واضح بیان شود. فقط به جای اینکه به مادرت توضیح بدهی (که می‌تواند سوال کند «کدام دکمه قرمز؟!»)، به کامپیوتر توضیح می‌دهی (که دقیقاً همان چیزی را انجام می‌دهد که گفتی، حتی اگر آن چیزی نباشد که منظورت بود).
+یعنی برنامه‌نویسی! یعنی هنر دادن دستورالعمل‌های بسیار دقیق و مرحله به مرحله به چیزی که واقعاً قدرتمنده، ولی باید همه چیز دقیق و کامل براش توضیح داده بشه. البته به جای اینکه به مامانت (که می‌تونه بپرسه «کدوم دکمه قرمز؟!») توضیح بدی، داری به کامپیوتر توضیح می‌دی (که دقیقاً همون کاری رو می‌کنه که بهش می‌گی، حتی اگر اون چیزی که گفتی دقیقاً منظور تو نباشه).
 
-آن چیزی که برایم بسیار شگفت‌انگیز بود وقتی یاد گرفتم: کامپیوترها در اصل خیلی ساده‌اند. آنها فقط دو چیز را می‌فهمند – ۱ و ۰، که اساساً یعنی «بله» و «خیر» یا «روشن» و «خاموش». فقط همین! اما اینجا جادوی واقعی است – ما لازم نیست دقیقا در ۱ و ۰ حرف بزنیم مثل فیلم ماتریکس. اینجا زبان‌های برنامه‌نویسی به کمک ما می‌آیند. آنها مثل بهترین مترجم دنیا هستند که افکار کاملاً طبیعی انسانیت را به زبان کامپیوتر تبدیل می‌کنند.
+وقتی اینو یاد گرفتم، واقعاً برام شگفت‌آور بود: کامپیوترها در اصل بسیار ساده هستن. اون‌ها فقط دو تا چیز رو می‌فهمن – ۱ و ۰، که اساساً یعنی «بله» و «خیر» یا «روشن» و «خاموش». همینه! اما اینجا جادویی می‌شه – ما مجبور نیستیم مثل ماتریکس با ۱ و ۰ حرف بزنیم. اینجا **زبان‌های برنامه‌نویسی** میان به کمکت. اون‌ها مثل بهترین مترجم دنیا هستن که افکار کاملاً عادی انسانی‌ات رو به زبان کامپیوتر ترجمه می‌کنن.
 
-و این چیزی است که هر صبح وقتی بیدار می‌شوم هنوز مرا به هیجان می‌آورد: دقیقاً *همه چیز* دیجیتال در زندگی تو با کسی شروع شده که مثل تو بوده، احتمالا در حالتی راحت و با یک فنجان قهوه، کد روی لپ‌تاپش تایپ می‌کرده. آن فیلتر اینستاگرامی که تو را بی‌نقص نشان می‌دهد؟ کسی آن را کد زده. توصیه‌ای که تو را به آهنگ جدید مورد علاقه‌ات رساند؟ یک توسعه‌دهنده آن الگوریتم را ساخته. اپی که به تو کمک می‌کند صورت حساب شام را با دوستان تقسیم کنی؟ بله، کسی فکر کرده «این آزاردهنده است، مطمئنم می‌توانم این را درست کنم» و بعد... درستش کرد!
+و این چیزی که هر صبح وقتی بیدار می‌شم هنوز غوغا می‌کنه: اساساً *همه* چیز دیجیتال توی زندگیت از کسی شروع شده که مثل تو بوده، احتمالاً توی لباس خواب با یه فنجون قهوه نشسته و داره کد می‌زنه. اون فیلتری که اینستاگرامتو بی‌نقص نشون می‌ده؟ کسی اون رو کد زده. الگوریتم پیشنهادی که تو رو به آهنگ موردعلاقه جدیدت رسوند؟ توسعه‌دهنده‌ای اون رو ساخته. برنامه‌ای که بهت کمک می‌کنه هزینه شام رو با دوستات تقسیم کنی؟ بله، کسی فکر کرده «این اذیته، حتماً می‌تونم درستش کنم» و بعد… درستش کرد!
 
-وقتی برنامه‌نویسی یاد می‌گیری، فقط مهارت جدیدی کسب نمی‌کنی – بخشی از این جامعه شگفت‌انگیز حل مسئله می‌شوی که روزهایشان را صرف فکر کردن می‌کنند، «اگر چیزی می‌ساختم که روز کسی را کمی بهتر کند چی؟» راستش، چیزی بهتر از این هست؟
+وقتی برنامه‌نویسی یاد می‌گیری، فقط یک مهارت جدید یاد نمی‌گیری – وارد یه جامعه شگفت‌انگیز از حل‌کننده‌های مسئله می‌شی که روزهاشون رو با فکر کردن به «چی می‌شد اگر می‌تونستم چیزی بسازم که روز کسی رو کمی بهتر کنه» می‌گذرونن. راستش، چیزی باحال‌تر از این وجود داره؟
 
-✅ **شکار حقیقت جالب**: وقتی وقت آزاد داشتی این را جستجو کن – فکر می‌کنی اولین برنامه‌نویس دنیا کی بوده؟ یک اشاره می‌دهم: شاید کسی که انتظارش را داری نباشد! داستان پشت این شخص کاملاً جذاب است و نشان می‌دهد برنامه‌نویسی همیشه درباره حل خلاقانه مسائل و تفکر خارج از چارچوب بوده است.
+✅ **شکار حقیقت سرگرم‌کننده**: وقتی فرصت داشتی یه چیز بسیار جالب سرچ کن – به نظرت اولین برنامه‌نویس جهان کی بوده؟ یه نکته بدم: شاید اون چیزی که فکر می‌کنی نباشه! داستان پشت این شخص کاملاً جذابه و نشون می‌ده برنامه‌نویسی همیشه درباره حل مسئله خلاقانه و فکر کردن خارج از چارچوب بوده.
 
-### 🧠 **زمان بررسی: حالت چطوره؟**
+### 🧠 **زمان چک کردن: حالت چطوره؟**
 
-**کمی وقت بگذار و فکر کن:**
-- آیا حالا ایده «دستور دادن به کامپیوترها» برایت منطقی است؟
-- می‌توانی یک کار روزانه را فکر کنی که دوست داری با برنامه‌نویسی خودکار کنی؟
-- چه سوال‌هایی در ذهنت درباره این دنیای برنامه‌نویسی جوش می‌زند؟
+**یه لحظه وقت بذار فکر کن:**
+- آیا مفهوم «دادن دستورالعمل به کامپیوترها» الان برات منطقی شده؟
+- می‌تونی یه کار روزمره که دوست داری با برنامه‌نویسی خودکارش کنی رو به یاد بیاری؟
+- چه سوالاتی در ذهنت درباره این کل قضیه برنامه‌نویسی داره شکل می‌گیره؟
 
-> **یادت باشد**: طبیعی است اگر بعضی مفاهیم هنوز کمی مبهم باشد. یادگیری برنامه‌نویسی مثل یادگیری زبان جدید است – نیازمند زمان است که مغز آن مسیرهای عصبی را بسازد. تو عالی هستی!
+> **یادت باشه**: کاملاً طبیعیه اگر بعضی مفاهیم الان برات مبهم باشن. یادگیری برنامه‌نویسی مثل یادگیری یه زبان جدیده – مغزت نیاز داره زمان ببره تا اون مسیرهای عصبی رو بسازه. تو خیلی خوب داری پیش می‌ری!
 
-## زبان‌های برنامه‌نویسی مثل طعم‌های متفاوت جادو هستند
+## زبان‌های برنامه‌نویسی مثل طعم‌های مختلف جادو هستن
 
-خب، این شاید عجیب به نظر برسد، اما با من همراه باش – زبان‌های برنامه‌نویسی مثل انواع مختلف موسیقی هستند. فکر کن: جاز که نرم و بداهه است، راک که قدرتمند و راحت است، کلاسیک که شیک و ساختارمند است، و هیپ‌هاپ که خلاقانه و بیانگر است. هر سبک حال و هوای خودش را دارد، جامعه طرفداران پرشور خودش را دارد، و هر کدام برای حالات و موقعیت‌های مختلف عالی هستند.
+باشه، ممکنه عجیب به نظر بیاد، ولی بیا با من باش – زبان‌های برنامه‌نویسی خیلی شبیه انواع موسیقی هستن. تصور کن: جاز که نرم و بداهه‌نوازی هست، راک که قدرتمند و ساده هست، کلاسیک که شیک و ساختارمند هست، و هیپ‌هاپ که خلاق و بیانگر هست. هر سبک حال و هوا، جامعه طرفداران پرشور خاص خودش رو داره، و هرکدوم برای حالات و موقعیت‌های مختلف عالی هستن.
 
-زبان‌های برنامه‌نویسی هم دقیقاً همین‌طور کار می‌کنند! تو برای ساختن یک بازی موبایل سرگرم‌کننده همان زبان را به کار نمی‌بری که برای پردازش مقادیر عظیم داده‌های اقلیمی استفاده می‌کنی، درست همان‌طور که در کلاس یوگا متال دث گوش نمی‌دهی (البته اکثر کلاس‌های یوگا اینطورند! 😄).
+زبان‌های برنامه‌نویسی هم دقیقاً همین طور کار می‌کنن! تو که از یک زبان برای ساخت یک بازی موبایل سرگرم‌کننده استفاده نمی‌کنی و از زبان دیگه برای پردازش حجم عظیمی از داده‌های آب و هوایی، مثل اینکه تو یه کلاس یوگا متال دث اجرا نکنی (خب، بیشتر کلاس‌های یوگا نه! 😄).
 
-اما چیزی که هر بار مرا به شدت شگفت‌زده می‌کند: این زبان‌ها مثل داشتن صبورترین و باهوش‌ترین مترجم دنیا هستند که کنارت نشسته است. تو می‌توانی ایده‌هایت را طوری بیان کنی که برای مغز انسانی‌ات طبیعی باشد، و آنها تمام تبدیل‌های پیچیده را به ۱ و ۰ که کامپیوترها واقعاً می‌فهمند انجام می‌دهند. مثل داشتن دوستی که هم در «خلاقیت انسانی» و هم در «منطق کامپیوتر» کاملاً مسلط است – و هرگز خسته نمی‌شود، نیازی به استراحت‌های قهوه ندارد و هرگز تو را برای پرسیدن یک سوال دوباره قضاوت نمی‌کند!
+ولی چیزی که هر بار بهش فکر می‌کنم واقعاً بهم انرژی می‌ده: این زبان‌ها مثل داشتن صبورترین و باهوش‌ترین مترجم دنیا کنار تو هستن. می‌تونی ایده‌هات رو به شکلی بیان کنی که برای مغز آدمی‌ات طبیعی باشه و اون‌ها همه اون کارهای پیچیده ترجمه به ۱ و ۰ که کامپیوترها می‌فهمن رو انجام می‌دن. مثل داشتن دوستی که هم در «خلاقیت انسانی» و هم «منطق کامپیوتری» کاملاً روانه – و هرگز خسته نمی‌شه، نیازی به استراحت قهوه‌ای نداره، و هیچوقت بابت پرسیدن سوال تکراری تو رو قضاوت نمی‌کنه!
 
-### زبان‌های محبوب برنامه‌نویسی و کاربردهایشان
+### زبان‌های برنامه‌نویسی محبوب و کاربردهای‌شون
 
 ```mermaid
 mindmap
   root((زبان‌های برنامه‌نویسی))
-    توسعه وب
+    Web Development
       JavaScript
-        جادوی فرانت‌اند
-        وب‌سایت‌های تعاملی
+        Frontend Magic
+        Interactive Websites
       TypeScript
-        JavaScript + نوع‌ها
-        برنامه‌های سازمانی
-    داده و هوش مصنوعی
+        JavaScript + Types
+        Enterprise Apps
+    Data & AI
       Python
-        علوم داده
-        یادگیری ماشین
-        اتوماسیون
+        Data Science
+        Machine Learning
+        Automation
       R
-        آمار
-        پژوهش
-    برنامه‌های موبایل
+        Statistics
+        Research
+    Mobile Apps
       Java
-        اندروید
-        سازمانی
+        Android
+        Enterprise
       Swift
         iOS
-        اکوسیستم اپل
+        Apple Ecosystem
       Kotlin
-        اندروید مدرن
-        چندسکویی
-    سیستم‌ها و عملکرد
+        Modern Android
+        Cross-platform
+    Systems & Performance
       C++
-        بازی‌ها
-        عملکرد بحرانی
+        Games
+        Performance Critical
       Rust
-        ایمنی حافظه
-        برنامه‌نویسی سیستم
+        Memory Safety
+        System Programming
       Go
-        خدمات ابری
-        بک‌اند مقیاس‌پذیر
+        Cloud Services
+        Scalable Backend
 ```
-| زبان | بهترین کاربرد | دلیل محبوبیت |
-|----------|--------------|--------------------|
-| **JavaScript** | توسعه وب، رابط‌های کاربری | اجرا در مرورگرها و قوت‌بخشی به وب‌سایت‌های تعاملی |
-| **Python** | علم داده، اتوماسیون، هوش مصنوعی | خواندن و یادگیری آسان، کتابخانه‌های قدرتمند |
-| **Java** | اپلیکیشن‌های شرکتی، اندروید | مستقل از پلتفرم، مناسب سیستم‌های بزرگ |
-| **C#** | اپلیکیشن‌های ویندوز، توسعه بازی | پشتیبانی قوی از اکوسیستم مایکروسافت |
-| **Go** | خدمات ابری، سیستم‌های back-end | سریع، ساده، طراحی شده برای محاسبات مدرن |
+| زبان | بهترین کاربرد | چرا محبوبه |
+|----------|----------|------------------|
+| **JavaScript** | توسعه وب، رابط‌های کاربری | در مرورگرها اجرا می‌شه و سایت‌های تعاملی رو قوی می‌کنه |
+| **Python** | علم داده، اتوماسیون، هوش مصنوعی | خواندن و یادگیری آسونه، کتابخونه‌های قدرتمند داره |
+| **Java** | برنامه‌های سازمانی، اپ‌های اندروید | مستقل از پلتفرم، قوی برای سیستم‌های بزرگ |
+| **C#** | برنامه‌های ویندوز، توسعه بازی | پشتیبانی قوی از اکوسیستم مایکروسافت |
+| **Go** | خدمات ابری، سیستم‌های بک‌اند | سریع، ساده، طراحی‌شده برای محاسبات مدرن |
 
 ### زبان‌های سطح بالا در مقابل سطح پایین
 
-خب، این واقعاً مفهومی بود که وقتی شروع به یادگیری کردم مغزم را به هم ریخت، پس آن قیاس را با تو به اشتراک می‌گذارم که کلید فهم من بود – و امیدوارم برای تو هم مفید باشد!
+باشه، این واقعاً مفهومی بود که وقتی تازه شروع کرده بودم یادگیری، مغزم رو به هم ریخت، پس الان اون تشبیهی رو که بالاخره منو قانع کرد واست می‌گم – و امیدوارم بهت هم کمک کنه!
 
-تصور کن به کشوری سفر کرده‌ای که زبان آن را بلد نیستی و به شدت دنبال سرویس بهداشتی نزدیک‌ترین هستی (همه این حالت را تجربه کرده‌ایم، درسته؟ 😅):
+تصور کن داری به کشوری سفر می‌کنی که زبان‌ش رو بلد نیستی، و به شدت نیاز داری نزدیک‌ترین دستشویی رو پیدا کنی (همه ما اونجا بودیم، درست؟ 😅):
 
-- **برنامه‌نویسی سطح پایین** مثل یادگیری کامل لهجه محلی است که بتوانی با مادربزرگ فروشنده میوه در گوشه خیابان با ارجاعات فرهنگی، زبان محلی و جک‌های داخلی که فقط کسی که آنجا بزرگ شده می‌فهمد گپ بزنی. خیلی تاثیرگذار و فوق‌العاده کارآمد است... اگر بتوانی روان صحبت کنی! اما وقتی فقط دنبال سرویس بهداشتی می‌گردی کمی طاقت‌فرسا است.
+- **برنامه‌نویسی سطح پایین** مثل اینه که لهجه محلی رو اونقدر خوب یاد بگیری که بتونی با مادربزرگ فروشنده میوه کنار خیابون با ارجاعات فرهنگی، زبان محلی و شوخی‌های داخلی صحبت کنی که فقط کسی که اونجا بزرگ شده می‌فهمه. فوق‌العاده جالب و بسیار مؤثر... اگه اتفاقاً مسلط باشی! ولی وقتی فقط داری دنبال دستشویی می‌گردی، واقعاً دلهره‌آوره.
 
-- **برنامه‌نویسی سطح بالا** مثل داشتن یک دوست محلی فوق‌العاده است که کاملاً تو را می‌فهمد. تو می‌توانی بگویی «من واقعاً باید یک دستشویی پیدا کنم» به زبان ساده، و او تمام ترجمه‌های فرهنگی را انجام می‌دهد و راهنمایی می‌کند طوری که برای مغز غیرمحلی تو کاملاً منطقی است.
+- **برنامه‌نویسی سطح بالا** مثل داشتن اون دوست محلی شگفت‌انگیزه که دقیقاً حالتو می‌فهمه. می‌تونی به انگلیسی ساده بگی «من واقعاً نیاز دارم دستشویی پیدا کنم» و اون کل ترجمه فرهنگی رو انجام می‌ده و آدرس رو طوری بهت می‌ده که برای مغز غریبت کاملاً منطقی باشه.
 
-از نظر برنامه‌نویسی:
-- **زبان‌های سطح پایین** (مثل Assembly یا C) به تو اجازه می‌دهند مکالمات فوق‌العاده دقیق با سخت‌افزار واقعی کامپیوتر داشته باشی، ولی باید مثل یک ماشین فکر کنی، که... خوب، بگذار بگویم تغییر ذهنی بزرگی است!
-- **زبان‌های سطح بالا** (مثل JavaScript، Python یا C#) به تو اجازه می‌دهند مانند یک انسان فکر کنی در حالی که آنها همه زبان ماشین را پشت صحنه اداره می‌کنند. ضمن اینکه دارای جوامع فوق‌العاده خوش‌آمدگو هستند پر از افرادی که یادشان می‌آید چطور بود تازه‌کار بودن و واقعاً می‌خواهند کمک کنند!
+از دید برنامه‌نویسی:
+- **زبان‌های سطح پایین** (مثل اسمبلی یا C) این امکان رو می‌دن که با سخت‌افزار واقعی کامپیوتر گفتگوی فوق‌العاده دقیقی داشته باشی، ولی باید مثل یک ماشین فکر کنی، که... خب، بزار بگم یک تغییر ذهنی بزرگه!
+- **زبان‌های سطح بالا** (مثل JavaScript، Python، یا C#) اجازه می‌دن مثل یه انسان فکر کنی در حالی که اون‌ها پشت پرده همه زبان ماشین رو مدیریت می‌کنن. بعلاوه، این زبان‌ها جوامع فوق‌العاده مهربانی دارن پر از آدم‌هایی که یادشون هست تازه بودن چطوری بوده و واقعاً می‌خوان کمک کنن!
 
-حدس بزن می‌خواهم با کدام‌ها شروع کنی؟ 😉 زبان‌های سطح بالا مثل چرخ‌های کمکی هستند که هیچوقت دوست نداری از آنها جدا شوی چون کل تجربه را خیلی لذت‌بخش‌تر می‌کنند!
+حدس بزن با کدوم‌ها شروع به یادگیری می‌کنی؟ 😉 زبان‌های سطح بالا مثل چرخ‌های کمکی هستن که هیچ وقت نمی‌خوای ازشون بزنی پایین چون کل تجربه رو خیلی لذت‌بخش‌تر می‌کنن!
 
 ```mermaid
 flowchart TB
     A["👤 فکر انسان:<br/>'می‌خواهم اعداد فیبوناچی را محاسبه کنم'"] --> B{انتخاب سطح زبان}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>خواندن و نوشتن آسان"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>کنترل مستقیم سخت‌افزار"]
+    B -->|سطح بالا| C["🌟 جاوااسکریپت/پایتون<br/>خواندن و نوشتن آسان"]
+    B -->|سطح پایین| D["⚙️ اسمبلی/C<br/>کنترل مستقیم سخت‌افزار"]
     
     C --> E["📝 نوشتن: fibonacci(10)"]
     D --> F["📝 نوشتن: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 درک کامپیوتر:<br/>مترجم پیچیدگی‌ها را هندل می‌کند"]
+    E --> G["🤖 درک کامپیوتر:<br/>مترجم پیچیدگی‌ها را مدیریت می‌کند"]
     F --> G
     
-    G --> H["💻 نتیجه مشابه:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 نتیجه یکسان:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### بگذار نشان دهم چرا زبان‌های سطح بالا دوستانه‌تر هستند
+### بذار نشونت بدم چرا زبان‌های سطح بالا اینقدر دوست‌داشتنی هستن
 
-خب، می‌خواهم چیزی به تو نشان دهم که چرا عاشق زبان‌های سطح بالا شدم، اما اول – باید قول بدهی. وقتی اولین نمونه کد را می‌بینی، نترس! قرار است کمی ترسناک به نظر برسد. این دقیقاً نکته‌ای است که می‌خواهم بگویم!
+باشه، می‌خوام چیزی بهت نشون بدم که کاملاً نشون می‌ده چرا عاشق زبان‌های سطح بالا شدم، اما اول – باید قول بدی. وقتی اولین نمونه کد رو دیدی، نترس! طراحی شده که کمی ترسناک به نظر بیاد. این دقیقاً همون نکته‌ایه که می‌خوام برسونم!
 
-ما به همان کار دقیق نگاه می‌کنیم که به دو سبک کاملاً متفاوت نوشته شده. هر دو دنباله فیبوناچی را می‌سازند – این یک الگوی ریاضی زیبا است که هر عدد مجموع دو عدد قبلی است: ۰، ۱، ۱، ۲، ۳، ۵، ۸، ۱۳... (نکته جالب: این الگو را تقریباً در همه چیز طبیعت پیدا می‌کنی – مارپیچ دانه‌های آفتابگردان، الگوی کاج‌میوه‌ها، حتی شکل‌گیری کهکشان‌ها!)
+قراره به یه وظیفه یکسان نوشته‌شده در دو سبک کاملاً متفاوت نگاه کنیم. هر دو یه چیزی به اسم دنباله فیبوناچی ایجاد می‌کنن – یه الگوی ریاضی زیبا که هر عدد مجموع دو عدد قبلیشه: ۰، ۱، ۱، ۲، ۳، ۵، ۸، ۱۳... (نکته جالب: این الگو رو در طبیعت دقیقاً همه جا پیدا می‌کنی – مارپیچ دانه‌های آفتابگردان، الگوهای مخروط‌های کاج، حتی شکل‌گیری کهکشان‌ها!)
 
-آماده‌ای تفاوت را ببینی؟ بزن بریم!
+آماده‌ای فرق رو ببینی؟ بریم!
 
-**زبان سطح بالا (JavaScript) – انسان‌دوست:**
+**زبان سطح بالا (JavaScript) – دوست‌داشتنی برای انسان:**
 
 ```javascript
-// مرحله ۱: تنظیمات اولیه فیبوناچی
+// مرحله ۱: راه‌اندازی اولیه فیبوناچی
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -182,14 +182,14 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**این کد چه کار می‌کند:**
-- **تعریف** یک ثابت برای مشخص کردن تعداد اعداد فیبوناچی که می‌خواهیم تولید کنیم
-- **مقدارسازی اولیه** دو متغیر برای دنبال کردن عدد فعلی و عدد بعدی در دنباله
-- **تنظیم** مقادیر شروع (۰ و ۱) که الگوی فیبوناچی را تعریف می‌کنند
-- **نمایش** پیام سرصفحه برای شناسایی خروجی ما
+**این کد چیکار می‌کنه:**
+- **اعلان** یه عدد ثابت برای تعیین تعداد اعداد فیبوناچی که می‌خوایم تولید کنیم
+- **مقداردهی اولیه** دو متغیر برای نگه داشتن عدد فعلی و بعدی در دنباله
+- **تنظیم** مقادیر شروع (۰ و ۱) که الگوی فیبوناچی رو تعریف می‌کنن
+- **نمایش** یک پیغام سرصفحه برای شناسایی خروجی
 
 ```javascript
-// مرحله ۲: تولید دنباله با استفاده از یک حلقه
+// مرحله ۲: تولید دنباله با یک حلقه
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
@@ -200,14 +200,14 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**شرح کاری که اینجا انجام می‌شود:**
-- **حلقه** زدن در هر موقعیت از دنباله با استفاده از حلقه `for`
-- **نمایش** هر عدد با موقعیت آن به کمک قالب‌بندی template literal
-- **محاسبه** عدد فیبوناچی بعدی با جمع مقادیر جاری و بعدی
-- **بروزرسانی** متغیرهای پیگیری برای حرکت به تکرار بعدی
+**شرح عملکرد این بخش:**
+- **حلقه** زدن از طریق هر جایگاه در دنباله با استفاده از حلقه `for`
+- **نمایش** هر عدد با جایگاهش با استفاده از قالب‌بندی رشته قالبی
+- **محاسبه** عدد فیبوناچی بعدی با جمع کردن مقادیر فعلی و بعدی
+- **به‌روزرسانی** متغیرهای دنبال‌کننده تا به تکرار بعدی بریم
 
 ```javascript
-// مرحله ۳: رویکرد تابعی مدرن
+// گام ۳: رویکرد کاربردی مدرن
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -223,13 +223,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**در بالا، ما:**
-- **ساختیم** یک تابع قابل استفاده مجدد با نحو تابع پیکانی مدرن
-- **ساختیم** آرایه‌ای برای ذخیره کل دنباله به جای نمایش تک‌تک اعداد
-- **استفاده کردیم** از اندیس آرایه برای محاسبه هر عدد جدید از اعداد قبلی
-- **بازگرداندیم** کل دنباله برای استفاده انعطاف‌پذیر در قسمت‌های دیگر برنامه
+**در کد بالا ما:**
+- **ایجاد** تابعی قابل استفاده مجدد با استفاده از نحو مدرن تابع پیکانی
+- **ساخت** آرایه‌ای برای ذخیره دنباله کامل به جای نمایش تک‌تک اعداد
+- **استفاده** از اندیس‌گذاری آرایه برای محاسبه هر عدد جدید از مقادیر قبلی
+- **بازگرداندن** دنباله کامل برای استفاده انعطاف‌پذیر در بخش‌های دیگه برنامه
 
-**زبان سطح پایین (ARM Assembly) – کامپیوتر-دوست:**
+**زبان سطح پایین (ARM Assembly) – دوست‌داشتنی برای کامپیوتر:**
 
 ```assembly
  area ascen,code,readonly
@@ -256,59 +256,59 @@ back add r0,r1
  end
 ```
 
-توجه کن که نسخه JavaScript تقریباً مثل دستورالعمل‌های انگلیسی خوانده می‌شود، در حالی که نسخه Assembly از دستورهای رمزی استفاده می‌کند که مستقیماً پردازنده کامپیوتر را کنترل می‌کنند. هر دو همان کار را انجام می‌دهند، اما زبان سطح بالا برای انسان‌ها بسیار آسان‌تر برای فهمیدن، نوشتن و نگهداری است.
+توجه کن چطور نسخه JavaScript تقریباً مثل دستورالعمل‌های انگلیسی می‌خونه، در حالی که نسخه اسمبلی از دستورات رمزآلودی استفاده می‌کنه که مستقیماً کنترل پردازنده کامپیوتر رو در دست دارن. هر دو دقیقاً همون کار رو انجام می‌دن، ولی زبان سطح بالا برای انسان‌ها بسیار راحت‌تر برای فهمیدن، نوشتن و نگهداریه.
 
-**تفاوت‌های اصلی که متوجه خواهی شد:**
-- **خوانایی**: JavaScript از نام‌های توصیفی مثل `fibonacciCount` استفاده می‌کند در حالی که Assembly از برچسب‌های رمزی مثل `r0`، `r1` بهره می‌برد
-- **نظرات**: زبان‌های سطح بالا تشویق به افزودن نظرات توضیحی می‌کنند که کد را خودمستندسازی می‌کنند  
-- **ساختار**: جریان منطقی جاوااسکریپت با طرز تفکر انسان‌ها درباره مشکلات به صورت گام به گام مطابقت دارد  
-- **نگهداری**: به‌روزرسانی نسخه جاوااسکریپت برای نیازهای مختلف بسیار ساده و واضح است  
+**تفاوت‌های کلیدی که متوجه می‌شی:**
+- **خوانایی**: جاوااسکریپت از نام‌های توصیفی مانند `fibonacciCount` استفاده می‌کند در حالی که اسمبلی از برچسب‌های رمزگونه‌ای مانند `r0`، `r1` استفاده می‌کند  
+- **توضیحات**: زبان‌های سطح بالا تشویق به نوشتن توضیحات توضیحی می‌کنند که کد را خودمستندسازی می‌کند  
+- **ساختار**: جریان منطقی در جاوااسکریپت با روشی که انسان‌ها در مورد مسائل گام به گام فکر می‌کنند مطابقت دارد  
+- **نگه‌داری**: به‌روزرسانی نسخه جاوااسکریپت برای نیازهای مختلف ساده و واضح است  
 
-✅ **درباره دنباله فیبوناچی**: این الگوی عددی فوق‌العاده زیبا (که هر عدد برابر با جمع دو عدد قبلی‌اش است: ۰، ۱، ۱، ۲، ۳، ۵، ۸...) واقعاً در *همه جا* در طبیعت دیده می‌شود! آن را در حلزون خورشیدی، الگوهای کاج، نحوه خم شدن پوسته‌های ناوتیلس و حتی در رشد شاخه‌های درخت خواهید یافت. خیلی حیرت‌آور است که چگونه ریاضی و کد به ما کمک می‌کنند تا الگوهایی را که طبیعت برای خلق زیبایی استفاده می‌کند، درک و بازتولید کنیم!  
+✅ **درباره دنباله فیبوناچی**: این الگوی عددی فوق‌العاده زیبا (جایی که هر عدد برابر مجموع دو عدد قبلی آن است: 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";
 ```
   
-**گام به گام، این اتفاقات می‌افتد:**  
-- **تغییر** عنوان صفحه وب که در تب مرورگر نمایش داده می‌شود  
+**گام به گام، اتفاقات اینجا:**  
+- **تغییر** عنوان صفحه وب که در تب مرورگر نشان داده می‌شود  
 - **تغییر** رنگ پس‌زمینه کل بدنه صفحه  
 
-### متغیرها: حافظه برنامه شما  
+### متغیرها: سیستم حافظه برنامه شما
 
-خوب، **متغیرها** واقعاً یکی از مفاهیم مورد علاقه من برای آموزش هستند چون خیلی شبیه چیزهایی هستند که شما هر روز استفاده می‌کنید!  
+خوب، **متغیرها** یکی از مفاهیمی هستند که واقعاً دوست دارم آموزش دهم چون خیلی شبیه چیزهایی هستند که هر روز استفاده می‌کنید!
 
-برای یک لحظه به دفترچه تلفن گوشی خود فکر کنید. شماره همه را حفظ نمی‌کنید – بلکه «مامان»، «بهترین دوست» یا «پیتزافروشی که تا ساعت ۲ صبح سفارش تحویل می‌دهد» را ذخیره می‌کنید و می‌گذارید گوشی‌تان شماره‌ها را به خاطر بسپارد. متغیرها دقیقاً همینطور عمل می‌کنند! آن‌ها مانند ظروف برچسب‌خورده‌ای هستند که برنامه شما می‌تواند اطلاعات را ذخیره کند و بعداً با استفاده از نامی که واقعاً معنی‌دار است، بازیابی کند.  
+یک لحظه به دفترچه تلفن موبایل‌تان فکر کنید. شما شماره هر کسی را حفظ نمی‌کنید – بلکه «مادر»، «دوست صمیمی» یا «فست‌فودی که تا ساعت ۲ صبح پیک دارد» را ذخیره می‌کنید و گوشی شما شماره‌ها را به خاطر می‌سپارد. متغیرها دقیقاً همین‌طور کار می‌کنند! آن‌ها مثل ظروف برچسب‌دار هستند که برنامه شما می‌تواند اطلاعات را ذخیره کند و بعد با نامی که معنا دارد دوباره از آن‌ها استفاده کند.
 
-چیزی که واقعاً جالب است: متغیرها می‌توانند در حین اجرای برنامه تغییر کنند (از همین رو نام‌شان «متغیر» است – متوجه شدید؟). درست مثل زمانی که ممکن است آن تماس پیتزا را وقتی مکان بهتری پیدا می‌کنید به‌روزرسانی کنید، متغیرها می‌توانند هنگامی که برنامه شما اطلاعات جدید یاد می‌گیرد یا شرایط تغییر می‌کنند، به‌روزرسانی شوند!  
+چیزی که خیلی جالب است این است که متغیرها می‌توانند در حین اجرای برنامه تغییر کنند (از همین رو اسمشان «متغیر» است – متوجه بازی کلمه شدند؟). درست مثل اینکه ممکن است وقتی یک فست‌فودی بهتر پیدا کردید، مخاطب آن را به‌روزرسانی کنید، متغیرها هم زمانی که برنامه شما اطلاعات جدید یاد می‌گیرد یا شرایط تغییر می‌کند، به‌روزرسانی می‌شوند!
 
-اجازه دهید نشان دهم چقدر ساده و زیبا می‌تواند باشد:  
+اجازه دهید نشان دهم چقدر این می‌تواند ساده و زیبا باشد:
 
 ```javascript
 // مرحله ۱: ایجاد متغیرهای پایه
@@ -320,12 +320,12 @@ let isRaining = false;
   
 **درک این مفاهیم:**  
 - **ذخیره** مقادیر ثابت در متغیرهای `const` (مثل نام سایت)  
-- **استفاده** از `let` برای مقادیری که ممکن است در طول برنامه تغییر کنند  
-- **اختصاص** انواع داده مختلف: رشته (متن)، عدد، و بولی (درست/نادرست)  
-- **انتخاب** نام‌های توصیفی که توضیح دهند هر متغیر چه چیزی را در خود دارد  
+- **استفاده** از `let` برای مقادیری که در طول برنامه تغییر می‌کنند  
+- **اختصاص** انواع داده مختلف: رشته‌ها (متن)، عددها و بولین‌ها (true/false)  
+- **انتخاب** نام‌های توصیفی که توضیح می‌دهند هر متغیر چه چیزی را نگه می‌دارد  
 
 ```javascript
-// مرحله ۲: کار با اشیاء برای گروه‌بندی داده‌های مرتبط
+// گام ۲: کار با اشیاء برای گروه‌بندی داده‌های مرتبط
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -333,10 +333,10 @@ const weatherData = {
 };
 ```
   
-**در بالا، ما:**  
-- **ایجاد** یک شیء برای گروه‌بندی اطلاعات مربوط به آب‌وهوا  
-- **سازماندهی** چندین داده تحت یک نام متغیر  
-- **استفاده** از جفت‌های کلید-مقدار برای برچسب‌گذاری واضح هر قطعه اطلاعات  
+**در بالا ما:**  
+- **ساختیم** یک شیء برای گروه‌بندی اطلاعات مرتبط هواشناسی  
+- **سازمان‌دهی** چندین داده زیر یک نام متغیر  
+- **استفاده** از جفت کلید-مقدار برای برچسب زدن واضح به هر داده  
 
 ```javascript
 // مرحله ۳: استفاده و به‌روزرسانی متغیرها
@@ -348,11 +348,11 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
   
-**بگذارید هر بخش را بفهمیم:**  
-- **نمایش** اطلاعات با استفاده از قالب‌های رشته‌ای با سینتکس `${}`  
-- **دسترسی** به ویژگی‌های شیء با استفاده از نقطه‌گذاری (`weatherData.windSpeed`)  
-- **به‌روزرسانی** متغیرهای اعلان شده با `let` برای انعکاس شرایط متغیر  
-- **ترکیب** چند متغیر برای ایجاد پیام‌های معنی‌دار  
+**بیایید هر بخش را بفهمیم:**  
+- **نمایش** اطلاعات با استفاده از قالب رشته‌ها و نحو `${}`  
+- **دسترسی** به خصوصیات شیء با استفاده از نقطه‌گذاری (`weatherData.windSpeed`)  
+- **بروزرسانی** متغیرهای تعریف‌شده با `let` برای بازتاب شرایط در حال تغییر  
+- **ترکیب** چند متغیر برای ساخت پیام‌های معنادار  
 
 ```javascript
 // مرحله ۴: ساختار شکنی مدرن برای کدی تمیزتر
@@ -361,22 +361,22 @@ console.log(`${location} humidity: ${humidity}%`);
 ```
   
 **چیزی که باید بدانید:**  
-- **استخراج** ویژگی‌های خاص از اشیاء با استفاده از تخصیص تخریبی  
-- **ایجاد** متغیرهای جدید به طور خودکار با همان نام‌های کلیدهای شیء  
-- **ساده‌سازی** کد با جلوگیری از نقطه‌گذاری مکرر  
+- **استخراج** خصوصیات خاص از شیءها با استفاده از انتساب تخریب‌کننده (destructuring)  
+- **ساخت** متغیرهای جدید به طور خودکار با همان نام‌های کلیدهای شیء  
+- **ساده‌سازی** کد با اجتناب از چند بار نوشتن نقطه‌گذاری  
 
-### جریان کنترل: آموزش برنامه‌تان برای فکر کردن  
+### جریان کنترل: آموزش تفکر به برنامه شما
 
-خوب، این جایی است که برنامه‌نویسی واقعاً هیجان‌انگیز می‌شود! **جریان کنترل** اساساً آموزش برنامه به نحوی است که تصمیمات هوشمندانه بگیرد، دقیقاً مثل شما که هر روز بدون فکر کردن این کار را انجام می‌دهید.  
+خوب، اینجاست که برنامه‌نویسی واقعاً ذهن را منفجر می‌کند! **جریان کنترل** اساساً آموزش به برنامه شماست که چگونه تصمیمات هوشمندانه بگیرد، دقیقاً مثل کاری که شما هر روز بدون فکر کردن انجام می‌دهید.
 
-تصور کنید: امروز صبح احتمالاً مانند این بوده که «اگر باران بیاید، چتر بردارم. اگر هوا سرد بود، کت بپوشم. اگر دیرم شده بود، صبحانه را حذف کنم و سر راه قهوه بخرم.» مغز شما به طور طبیعی این منطق اگر-آنگاه را ده‌ها بار در روز دنبال می‌کند!  
+تصور کنید: امروز صبح احتمالاً چیزی شبیه این را داشتید «اگر باران می‌آید، چتر برمی‌دارم. اگر سرد است، کاپشن می‌پوشم. اگر دیر کردم، صبحانه را رد می‌کنم و در راه قهوه می‌گیرم.» مغز شما به طور ذاتی این منطق شرطی if-then را ده‌ها بار در روز دنبال می‌کند!
 
-این چیزی است که برنامه‌ها را هوشمند و زنده می‌کند، نه فقط دنبال کردن یک اسکریپت خسته‌کننده و قابل پیش‌بینی. آن‌ها واقعاً می‌توانند به یک وضعیت نگاه کنند، ارزیابی کنند چه اتفاقی می‌افتد و پاسخ مناسب بدهند. مثل این است که برنامه شما را یک مغز ببخشید که می‌تواند سازگار باشد و انتخاب کند!  
+این همان چیزی است که باعث می‌شود برنامه‌ها هوشمند و زنده به نظر برسند بجای اینکه صرفاً یک اسکریپت کسل‌کننده و قابل پیش‌بینی را دنبال کنند. آن‌ها به واقع می‌توانند وضعیت را نگاه کنند، ارزیابی کنند چه اتفاقی می‌افتد و پاسخ مناسب بدهند. این مثل دادن یک مغز به برنامه شماست که می‌تواند سازگار شود و تصمیم بگیرد!
 
-می‌خواهید ببینید چقدر زیبا این کار می‌کند؟ اجازه دهید نشان دهم:  
+می‌خواهید ببینید چقدر زیبا کار می‌کند؟ اجازه دهید نشان دهم:
 
 ```javascript
-// گام ۱: منطق شرطی پایه
+// مرحله ۱: منطق شرطی پایه
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -387,14 +387,14 @@ if (userAge >= 18) {
 }
 ```
   
-**این کد چه کاری می‌کند:**  
-- **بررسی** اینکه آیا سن کاربر شرایط رای دادن را دارد  
+**این کد چه کاری انجام می‌دهد:**  
+- **بررسی** اینکه آیا سن کاربر شرایط رأی دادن را دارد  
 - **اجرای** بلوک‌های کد مختلف بر اساس نتیجه شرط  
-- **محاسبه** و نمایش مدت زمان تا رسیدن به شرایط رای‌دهی اگر زیر ۱۸ سال باشد  
-- **ارائه** بازخوردهای خاص و مفید برای هر حالت  
+- **محاسبه** و نمایش زمان تا رسیدن به شرایط رأی دادن اگر کمتر از ۱۸ سال باشد  
+- **دادن** بازخورد خاص و مفید برای هر موقعیت  
 
 ```javascript
-// گام ۲: چندین شرط با عملگرهای منطقی
+// مرحله ۲: چندین شرایط با عملگرهای منطقی
 const userAge = 17;
 const hasPermission = true;
 
@@ -407,25 +407,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
   
-**شرح اینکه اینجا چه اتفاقی می‌افتد:**  
-- **ترکیب** چندین شرط با استفاده از عملگر `&&` (و)  
-- **ایجاد** سلسله مراتبی از شروط با استفاده از `else if` برای چندین حالت  
-- **پرداختن** به تمام شرایط ممکن با یک عبارت نهایی `else`  
-- **دادن** بازخورد واضح و قابل اجرا برای هر وضعیت متفاوت  
+**تجزیه و تحلیل اتفاقات اینجا:**  
+- **ترکیب** چند شرط با استفاده از عملگر `&&` (و)  
+- **ساختن** سلسله مراتب شرایط با `else if` برای سناریوهای متعدد  
+- **رسیدگی** به همه حالات ممکن با دستور نهایی `else`  
+- **دادن** بازخورد واضح و قابل عمل برای هر وضعیت متفاوت  
 
 ```javascript
-// مرحله ۳: شرط مختصر با عملگر سه‌تایی
+// مرحله ۳: شرط کوتاه با عملگر شرطی
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
   
 **چیزی که باید به یاد داشته باشید:**  
-- **استفاده** از عملگر شرطی (`? :`) برای شرایط ساده دو گزینه‌ای  
-- **نوشتن** شرط اول، سپس `?`، سپس نتیجه درست، سپس `:`, سپس نتیجه نادرست  
-- **استفاده** از این الگو وقتی که نیاز دارید مقدار بر اساس شرط اختصاص دهید  
+- **استفاده** از عملگر شرطی سه‌تایی (`? :`) برای شرایط ساده با دو گزینه  
+- **نوشتن** شرط اول، سپس `?`، بعد نتیجه درست، بعد `:`، و سپس نتیجه نادرست  
+- **اجرای** این الگو وقتی می‌خواهید بر اساس شرایط مقادیر را اختصاص دهید  
 
 ```javascript
-// مرحله ۴: مدیریت چندین مورد خاص مختلف
+// مرحله ۴: مدیریت چندین مورد خاص
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -445,55 +445,55 @@ switch (dayOfWeek) {
 }
 ```
   
-**این کد چه کاری انجام می‌دهد:**  
-- **مقایسه** مقدار متغیر با چندین حالت خاص  
-- **گروه‌بندی** حالات مشابه با هم (روزهای هفته در مقابل تعطیلات آخر هفته)  
-- **اجرای** بلوک کد مناسب وقتی تطابق پیدا کند  
-- **شامل** یک حالت `default` برای پرداختن به مقادیر غیرمنتظره  
-- **استفاده** از عبارات `break` برای جلوگیری از ادامه کد به حالت بعدی  
+**این کد کارهای زیر را انجام می‌دهد:**  
+- **مقایسه** مقدار متغیر با چند حالت خاص  
+- **گروه‌بندی** حالات مشابه (روزهای هفته در مقابل تعطیلات آخر هفته)  
+- **اجرای** بلوک کد مناسب وقتی که تطابق پیدا شود  
+- **شامل** حالت `default` برای رسیدگی به مقادیر غیرمنتظره  
+- **استفاده** از دستورات `break` برای جلوگیری از ادامه کد به حالت بعدی  
 
-> 💡 **تشبیه دنیای واقعی**: جریان کنترل را مانند صبوری‌ترین GPS دنیا در نظر بگیرید که مسیرها را به شما نشان می‌دهد. ممکن است بگوید «اگر ترافیک در خیابان اصلی است، به جای آن بزرگراه را برو. اگر ساخت‌وساز بزرگراه را مسدود کرده، مسیر دیدنی را امتحان کن.» برنامه‌ها دقیقاً همین نوع منطق شرطی را برای پاسخ هوشمندانه به شرایط مختلف استفاده می‌کنند و همیشه بهترین تجربه را برای کاربران فراهم می‌آورند.  
+> 💡 **تشبیه دنیای واقعی**: جریان کنترل مثل داشتن صبورترین GPS جهان است که به شما مسیر می‌دهد. می‌گوید «اگر ترافیک در خیابان اصلی است، بزرگراه را برو. اگر ساخت‌وساز بزرگراه را مسدود کرده، مسیر مناظر را امتحان کن.» برنامه‌ها دقیقاً همین منطق شرطی را برای پاسخ هوشمندانه به موقعیت‌های مختلف به کار می‌برند و همیشه بهترین تجربه را برای کاربران فراهم می‌کنند.
 
-### 🎯 **بررسی مفهوم: تسلط بر قطعات سازنده**  
+### 🎯 **چک مفهومی: تسلط بر بلوک‌های سازنده**
 
-**بیایید ببینیم با اصول چطورید:**  
-- می‌توانید تفاوت بین متغیر و عبارت را با کلمات خودتان توضیح دهید؟  
-- یک مثال واقعی از وضعیتی که از تصمیم اگر-آنگاه استفاده می‌کنید (مثل مثال رای دادن ما) فکر کنید  
-- یک نکته در منطق برنامه‌نویسی که شما را شگفت‌زده کرد چیست؟  
+**ببینیم چقدر با پایه‌ها خوب هستید:**  
+- می‌توانید تفاوت بین متغیر و عبارت را به زبان خودتان توضیح دهید؟  
+- یک سناریوی واقعی را تصور کنید که در آن از تصمیم if-then استفاده می‌کنید (مثل مثال رأی دادن ما)  
+- کدام بخش از منطق برنامه‌نویسی برایتان شگفت‌آور بود؟  
 
-**تقویت سریع اعتماد به نفس:**  
+**افزایش اعتماد به نفس سریع:**  
 ```mermaid
 flowchart LR
-    A["📝 دستورات<br/>(فرمان‌ها)"] --> B["📦 متغیرها<br/>(ذخیره‌سازی)"] --> C["🔀 جریان کنترل<br/>(تصمیم‌گیری‌ها)"] --> D["🎉 برنامه‌ی در حال اجرا!"]
+    A["📝 دستورات<br/>(دستورات)"] --> B["📦 متغیرها<br/>(ذخیره‌سازی)"] --> C["🔀 جریان کنترل<br/>(تصمیم‌ها)"] --> D["🎉 برنامه‌ی فعال!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```  
-✅ **آنچه در ادامه می‌آید**: قرار است خیلی خوش بگذرانیم و عمیق‌تر به این مفاهیم بپردازیم در حالی که این سفر شگفت‌انگیز را با هم ادامه می‌دهیم! الان فقط روی حس هیجان نسبت به همه امکانات فوق‌العاده پیش‌رو تمرکز کنید. مهارت‌ها و تکنیک‌های خاص به طور طبیعی با تمرین کردن کنار هم شکل می‌گیرند – قول می‌دهم این خیلی بیشتر از آن چیزی باشد که انتظار دارید سرگرم‌کننده باشد!  
+✅ **چه چیزی در انتظار شماست**: ما قرار است یک سفر فوق‌العاده را ادامه دهیم و عمیق‌تر با این مفاهیم آشنا شویم! همین الان تمرکز کنید روی هیجانی که بابت تمام امکانات شگفت‌انگیز پیش رو دارید. مهارت‌ها و تکنیک‌های خاص به طور طبیعی وقتی با هم تمرین می‌کنیم شکل خواهند گرفت – قول می‌دهم این خیلی جذاب‌تر از آن چیزی باشد که فکرش را می‌کنید!
 
-## ابزارهای حرفه‌ای  
+## ابزارهای کار
 
-خوب، صادقانه بگویم این بخش جایی است که آنقدر هیجان‌زده می‌شوم که نمی‌توانم خودم را کنترل کنم! 🚀 قرار است درباره ابزارهای خارق‌العاده‌ای صحبت کنیم که باعث می‌شوند احساس کنید کلیدهای یک سفینه فضایی دیجیتال به دستتان رسیده است.  
+خوب، واقعاً اینجاست که آن‌قدر هیجان‌زده می‌شوم که نمی‌توانم خودم را کنترل کنم! 🚀 داریم درباره ابزارهای فوق‌العاده‌ای صحبت می‌کنیم که باعث می‌شوند احساس کنید همین الان کلیدهای یک سفینه فضایی دیجیتال به دستتان آمده است.
 
-می‌دانید که چگونه سرآشپزها چاقوهایی دارند که کاملاً متعادل است و مثل بخشی از دست‌شان می‌ماند؟ یا چگونه یک نوازنده گیتاری دارد که انگار همین که به آن دست می‌زند، شروع به خواندن می‌کند؟ خب، توسعه‌دهندگان هم نسخه خودشان از این ابزارهای جادویی را دارند، و این چیزی است که قطعاً ذهن شما را خواهد برد – اکثر آن‌ها کاملاً رایگان هستند!  
+می‌دانید آشپز چطور چاقوهای متعادل دقیقاً متناسب با دستش دارد؟ یا نوازنده‌ای که گیتاری دارد که انگار از همان لحظه لمس، شروع به آواز خواندن می‌کند؟ خب، توسعه‌دهندگان نسخه خودشان از این ابزارهای جادویی را دارند، و این چیزی است که واقعاً ذهنتان را منفجر خواهد کرد – بیشتر آن‌ها کاملاً رایگان هستند!
 
-در حال حاضر دارم روی صندلی‌ام بالا و پایین می‌پرم که این‌ها را با شما به اشتراک بگذارم چون کاملاً نحوه ساخت نرم‌افزار را متحول کرده‌اند. داریم درباره دستیارهای کدنویسی مبتنی بر هوش مصنوعی صحبت می‌کنیم که می‌توانند به شما در نوشتن کد کمک کنند (جدی می‌گویم!)، محیط‌های ابری که می‌توانید از هر جایی با اینترنت برنامه‌های کامل بسازید، و ابزارهای اشکال‌زدایی بسیار پیشرفته که مثل داشتن دید ایکس‌ری برای برنامه‌هایتان است.  
+تقریباً از شدت خوشحالی در صندلی‌ام می‌پرم که این‌ها را با شما به اشتراک بگذارم چون کل روش ساخت نرم‌افزار را انقلابی کرده‌اند. ما درباره دستیاران کدنویسی مبتنی بر هوش مصنوعی صحبت می‌کنیم که می‌توانند به نگارش کد کمک کنند (جادوی واقعی است!)، محیط‌های ابری که در آن‌ها می‌توانید برنامه‌های کامل را از هر جای دنیا با وای-فای بسازید، و ابزارهای اشکال‌زدایی‌ای که آن‌قدر پیشرفته‌اند که انگار برنامه‌های شما را با دید اشعه ایکس می‌بینند.
 
-و این قسمت هنوز برایم هیجان‌انگیز است: این‌ها ابزارهای «مبتدی» نیستند که وقتی پیشرفت کنید آن‌ها را کنار بگذارید. این‌ها همان ابزارهای سطح حرفه‌ای‌اند که توسعه‌دهندگان گوگل، نتفلیکس و همان استودیو اپلیکیشن مستقل مورد علاقه‌تان دقیقاً همین الان استفاده می‌کنند. با استفاده از آن‌ها احساس می‌کنید حرفه‌ای درجه یک هستید!  
+و بخشی که هنوز برایم هیجان‌انگیز است: این‌ها ابزارهای «مبتدی» نیستند که بعد از چند ماه از آن‌ها دلزده شوید. این دقیقاً همان ابزارهای حرفه‌ای هستند که توسعه‌دهندگان گوگل، نتفلیکس و آن استودیوی اپلیکیشن مستقل مورد علاقه‌تان همین الان دارند استفاده می‌کنند. شما احساس خواهید کرد چقدر حرفه‌ای هستید وقتی از آن‌ها استفاده می‌کنید!
 
 ```mermaid
 graph TD
     A["💡 ایده شما"] --> B["⌨️ ویرایشگر کد<br/>(VS Code)"] 
-    B --> C["🌐 ابزارهای توسعه مرورگر<br/>(تست و اشکال‌زدایی)"]
-    C --> D["⚡ خط فرمان<br/>(اتوماسیون و ابزارها)"]
+    B --> C["🌐 ابزارهای توسعه مرورگر<br/>(آزمایش و اشکال‌زدایی)"]
+    C --> D["⚡ خط فرمان<br/>(خودکارسازی و ابزارها)"]
     D --> E["📚 مستندات<br/>(یادگیری و مرجع)"]
     E --> F["🚀 برنامه وب شگفت‌انگیز!"]
     
     B -.-> G["🤖 دستیار هوش مصنوعی<br/>(GitHub Copilot)"]
-    C -.-> H["📱 تست دستگاه<br/>(طراحی واکنش‌گرا)"]
-    D -.-> I["📦 مدیران بسته<br/>(npm، yarn)"]
+    C -.-> H["📱 آزمایش دستگاه<br/>(طراحی واکنش‌گرا)"]
+    D -.-> I["📦 مدیران بسته<br/>(npm, yarn)"]
     E -.-> J["👥 جامعه<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -503,335 +503,334 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```  
-### ویرایشگرهای کد و IDEها: دوستان دیجیتال جدید شما  
+### ویرایشگرها و محیط‌های توسعه: بهترین دوستان دیجیتال جدید شما
 
-بیایید درباره ویرایشگرهای کد صحبت کنیم – این‌ها واقعاً قرار است مکان‌های مورد علاقه جدید شما برای حضور باشند! آن‌ها را مانند پناهگاه شخصی کدنویسی خودتان ببینید که بیشترین زمان خود را صرف ساختن و بهبود خلقیات دیجیتال‌تان خواهید کرد.  
+بیا درباره ویرایشگرهای کد صحبت کنیم – واقعاً قرار است به محل مورد علاقه جدید شما برای کار تبدیل شوند! آن‌ها را مثل آرامگاه شخصی کدنویسی خودتان تصور کنید که بیشتر وقتتان را صرف خلق و بهبود ساخته‌های دیجیتالتان خواهید کرد.
 
-اما چیزی که در ویرایشگرهای مدرن واقعاً جادویی است این است که آن‌ها فقط ویرایشگر متن معمولی نیستند. آن‌ها مثل داشتن درخشان‌ترین و بهترین مربی پشتیبان کدزنی هستند که ۲۴ ساعت کنار شما می‌نشینند. اشتباهات شما را قبل از اینکه خودتان بفهمید می‌گیرند، پیشنهاداتی می‌دهند که شما را نابغه نشان می‌دهد، کمک می‌کنند هر قسمت کد چه کاری انجام می‌دهد را بفهمید و برخی حتی پیش‌بینی می‌کنند که شما ممکن است چه چیزی بنویسید و پیشنهاد می‌کنند که جملات شما را کامل کنند!  
+اما چیز جادویی درباره ویرایشگرهای مدرن این است که آن‌ها فقط ویرایشگرهای متن ظریف نیستند. آن‌ها مثل هوشمندترین و حامی‌ترین مربی کدنویسی هستند که ۲۴ ساعته کنار شما نشسته‌اند. تایپ اشتباهات شما را قبل از اینکه متوجه شوید می‌گیرند، پیشنهادهایی می‌دهند که شما را نابغه نشان می‌دهد، کمک می‌کنند بفهمید هر قطعه کد چه کاری انجام می‌دهد، و بعضی حتی حدس می‌زنند شما می‌خواهید چه چیزی بنویسید و پیشنهاد تکمیل جمله را می‌دهند!
 
-یادم می‌آید وقتی برای اولین بار تکمیل خودکار را کشف کردم – واقعاً احساس می‌کردم در آینده زندگی می‌کنم. شروع به تایپ می‌کنی و ویرایشگر می‌گوید «هی، آیا به این تابع فکر می‌کردی که دقیقاً همان کاری را انجام می‌دهد که نیاز داری؟» انگار یک خواننده ذهن دارید که دوست کدنویسی شماست!  
+یادم است وقتی اولین بار تکمیل خودکار را کشف کردم – واقعاً احساس کردم در آینده زندگی می‌کنم. شروع می‌کنید به تایپ چیزی، و ویرایشگر می‌گوید: «هی، آیا به این تابع فکر می‌کردی که دقیقاً کاری را انجام می‌دهد که تو نیاز داری؟» مثل اینکه یک ذهن‌خوان به عنوان رفیق کدنویسی کنارتان است!
 
-**چه چیزی این ویرایشگرها را بسیار خارق‌العاده می‌کند؟**  
+**چه چیزی این ویرایشگرها را باور نکردنی می‌کند؟**
 
-ویرایشگرهای کد مدرن مجموعه‌ای چشمگیر از ویژگی‌ها را ارائه می‌دهند که طراحی شده‌اند تا بهره‌وری شما را افزایش دهند:  
+ویرایشگرهای کد مدرن مجموعه‌ای چشمگیر از ویژگی‌ها را ارائه می‌دهند که هدفشان افزایش بهره‌وری شماست:
 
-| ویژگی | کارکرد | چرا مفید است |  
-|---------|--------------|--------------|  
-| **هایلایت سینتکس** | رنگی کردن بخش‌های مختلف کد شما | خواندن کد و یافتن خطاها را آسان‌تر می‌کند |  
-| **تکمیل خودکار** | هنگام تایپ کد پیشنهاد می‌دهد | کدنویسی را سریع‌تر و خطاها را کم می‌کند |  
-| **ابزارهای اشکال‌زدایی** | به شما کمک می‌کند خطاها را پیدا و رفع کنید | ساعات زیادی از وقت رفع اشکال را ذخیره می‌کند |  
-| **افزونه‌ها** | ویژگی‌های تخصصی اضافه می‌کند | ویرایشگر را برای هر فناوری شخصی‌سازی می‌کند |  
-| **دستیارهای هوش مصنوعی** | کد و توضیح پیشنهاد می‌دهند | یادگیری و بهره‌وری را تسریع می‌کند |  
+| ویژگی       | کارکرد                | چرا مفید است                               |
+|-------------|-----------------------|-------------------------------------------|
+| **برجسته‌سازی نحو** | رنگی کردن قسمت‌های مختلف کد | خواندن کد و یافتن خطاها را آسان‌تر می‌کند |
+| **تکمیل خودکار**    | پیشنهاد کد هنگام تایپ      | سرعت کدنویسی را بالا می‌برد و از اشتباهات می‌کاهد  |
+| **ابزارهای اشکال‌زدایی** | کمک به یافتن و رفع خطاها   | ساعت‌ها صرفه‌جویی در عیب‌یابی می‌کند      |
+| **افزونه‌ها**        | افزودن ویژگی‌های تخصصی   | ویرایشگر را برای هر فناوری سفارشی می‌کند |
+| **دستیارهای هوش مصنوعی** | پیشنهاد کد و توضیحات    | یادگیری و بهره‌وری را تسریع می‌کند         |
 
-> 🎥 **منبع ویدیویی**: می‌خواهید ببینید این ابزارها در عمل چگونه‌اند؟ این [ویدیوی ابزارهای حرفه‌ای](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) - پیشنهادات کد با هوش مصنوعی  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - پیشنهاد کد مبتنی بر هوش مصنوعی  
   - [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) - گرفتن غلط‌های املایی در کد  
+  - [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/) - عالی برای یادگیری و اشتراک‌گذاری کد  
+**محیط‌های توسعه ابری** (قیمت‌های مختلف)  
+- [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 | عیب‌یابی مشکلات و آزمایش کد |
-| **نظارت بر شبکه** | ردیابی چگونگی بارگذاری منابع | بهینه‌سازی عملکرد و زمان بارگذاری |
-| **بررسی قابلیت دسترسی** | تست طراحی فراگیر | اطمینان از کارکرد سایت برای همه کاربران |
-| **شبیه‌ساز دستگاه** | پیش‌نمایش در اندازه‌های صفحه متفاوت | تست طراحی پاسخگو بدون نیاز به دستگاه‌های متعدد |
+| **بازرس المان (Element Inspector)** | مشاهده و ویرایش HTML/CSS در زمان واقعی | تنظیم استایل‌ها برای دیدن نتایج فوری |
+| **کنسول (Console)** | مشاهده پیام‌های خطا و تست جاوااسکریپت | رفع اشکال و آزمایش کد |
+| **نظارت شبکه (Network Monitor)** | پیگیری بارگذاری منابع | بهینه‌سازی عملکرد و زمان بارگذاری |
+| **بررسی دسترسی‌پذیری (Accessibility Checker)** | تست طراحی فراگیر | اطمینان از کارکرد سایت برای همه کاربران |
+| **شبیه‌ساز دستگاه (Device Simulator)** | پیش‌نمایش در اندازه صفحه‌های مختلف | تست طراحی واکنش‌گرا بدون دستگاه‌های متعدد |
 
-#### مرورگرهای توصیه‌شده برای توسعه
+#### مرورگرهای پیشنهادی برای توسعه
 
-- **[کروم](https://developers.google.com/web/tools/chrome-devtools/)** - ابزارهای توسعه استاندارد صنعت با مستندات گسترده  
-- **[فایرفاکس](https://developer.mozilla.org/docs/Tools)** - ابزارهای عالی برای CSS Grid و قابلیت دسترسی  
-- **[اج](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ساخته شده روی کرومیوم با منابع توسعه‌ دهنده مایکروسافت  
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - ابزارهای توسعه استاندارد صنعت با مستندات گسترده
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - ابزارهای عالی برای CSS Grid و دسترسی‌پذیری
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - مبتنی بر کرومیوم با منابع توسعه‌دهنده مایکروسافت
 
-> ⚠️ **نکته مهم در تست**: همیشه سایت‌تان را در چندین مرورگر تست کنید! چیزی که در کروم کاملاً درست کار می‌کند ممکن است در سافاری یا فایرفاکس متفاوت باشد. توسعه‌دهندگان حرفه‌ای روی همه مرورگرهای اصلی تست می‌کنند تا تجربه کاربری یکسان حفظ شود.
+> ⚠️ **نکته مهم درباره تست:** همیشه وب‌سایت‌های خود را در مرورگرهای مختلف آزمایش کنید! چیزی که در Chrome عالی است، ممکن است در Safari یا Firefox متفاوت به‌نظر برسد. توسعه‌دهندگان حرفه‌ای برای اطمینان از یک تجربه کاربری یکنواخت در همه مرورگرهای اصلی تست می‌کنند.
 
-### ابزارهای خط فرمان: دروازه ابرقدرت‌های توسعه‌دهنده
 
-وقتش رسیده یک لحظه کاملاً صادقانه درباره خط فرمان داشته باشیم، چون می‌خواهم این را از کسی بشنوید که واقعاً می‌فهمدش. وقتی اولین بار آن را دیدم – فقط این صفحه سیاه ترسناک با متن چشمک‌زن – واقعاً فکر کردم: «نه، قطعاً نه! این شبیه فیلم هکرهای دهه ۸۰ است و من قطعاً به اندازه کافی باهوش نیستم!» 😅
+### ابزارهای خط فرمان: دروازه شما به قدرت‌های فراوان توسعه‌دهنده
 
-اما چیزی که کاش کسی آن موقع به من می‌گفت و حالا به شما می‌گویم این است: خط فرمان ترسناک نیست – دقیقاً مثل یک گفتگوی مستقیم با کامپیوتر شماست. فکر کنید مثل تفاوت بین سفارش غذا از یک اپ مدرن با عکس‌ها و منوها (که راحت است) و رفتن به رستوران محلی مورد علاقه‌تان است که آشپز دقیقاً می‌داند شما چی دوست دارید و چیزی عالی فقط با گفتن «منو شگفت‌زده کن» می‌پزد.
+خب، بیایید درباره خط فرمان کاملاً صادق باشیم، چون می‌خواهم این را از کسی بشنوید که واقعاً آن را درک می‌کند. وقتی اولین بار آن را دیدم – فقط یک صفحه سیاه ترسناک با متن چشمک‌زن – واقعاً فکر کردم، «نه، هرگز! این شبیه چیزی از فیلم هکرهای دهه ۸۰ است و من قطعاً به اندازه کافی باهوش نیستم!» 😅
 
-خط فرمان جایی است که توسعه‌دهندگان احساس جادوگری مطلق می‌کنند. چند کلمه به ظاهر جادویی (باشه، فقط دستورات هستند، ولی جادویی به نظر می‌رسند) تایپ می‌کنید، اینتر می‌زنید و بوم! ساختار کامل پروژه، نصب ابزارهای قدرتمند از سراسر جهان یا بارگذاری برنامه‌تان برای میلیون‌ها نفر انجام می‌شود. وقتی اولین بار این قدرت را بچشید، واقعاً اعتیادآور است!
+اما این چیزی است که دلم می‌خواست آن موقع بشنوم و الان به شما می‌گویم: خط فرمان ترسناک نیست – در واقع مثل داشتن یک گفتگوی مستقیم با کامپیوترتان است. آن را مثل تفاوت بین سفارش غذا از یک اپ شیک با عکس‌ها و منوها (که خوب و راحت است) در نظر بگیرید و رفتن به رستوران محله خودتان که آشپز دقیقاً می‌داند چه چیزی دوست دارید و فقط با گفتن «لطفاً مرا با چیزی شگفت‌انگیز سورپرایز کن» می‌تواند چیزی عالی درست کند.
 
-**چرا خط فرمان تبدیل به ابزار مورد علاقه‌تان می‌شود:**
+خط فرمان جایی است که توسعه‌دهندگان حس می‌کنند واقعاً جادوگر هستند. چند کلمه به ظاهر جادویی (باشه، آنها دستور هستند، اما مثل جادو به نظر می‌رسند!) تایپ می‌کنید، اینتر می‌زنید و بوم – ساختارهای پروژه کامل، نصب ابزارهای قدرتمند از سراسر جهان، یا راه‌اندازی برنامه خود بر روی اینترنت برای میلیون‌ها نفر رخ می‌دهد. وقتی یکبار طعم این قدرت را بچشید، واقعاً معتادکننده است!
 
-در حالی که رابط‌های گرافیکی برای انجام بسیاری کارها عالی هستند، خط فرمان در خودکارسازی، دقت و سرعت برتر است. بسیاری از ابزارهای توسعه عمدتاً از طریق خط فرمان کار می‌کنند و یادگیری استفاده مؤثر از آن‌ها باعث بهبود چشمگیر بهره‌وری می‌شود.
+**چرا خط فرمان ابزار مورد علاقه شما خواهد شد:**
+
+در حالی که رابط‌های گرافیکی برای بسیاری از کارها عالی هستند، خط فرمان در اتوماسیون، دقت و سرعت برتری دارد. بسیاری از ابزارهای توسعه عمدتاً از طریق خط فرمان کار می‌کنند و یادگیری استفاده بهینه از آنها می‌تواند به‌شدت بهره‌وری شما را افزایش دهد.
 
 ```bash
-# مرحله 1: ایجاد و انتقال به پوشه پروژه
+# مرحله ۱: ایجاد و رفتن به دایرکتوری پروژه
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-  
-**این کد چه کاری انجام می‌دهد:**  
-- **ساخت** یک دایرکتوری جدید به نام "my-awesome-website" برای پروژه شما  
-- **رفتن** به دایرکتوری تازه ساخته شده برای شروع کار  
+
+**این کد چه کاری انجام می‌دهد:**
+- **ایجاد** یک پوشه جدید به نام "my-awesome-website" برای پروژه شما
+- **رفتن** به داخل پوشهٔ تازه ایجاد شده برای شروع کار
 
 ```bash
 # مرحله ۲: پروژه را با package.json مقداردهی اولیه کنید
 npm init -y
 
-# نصب ابزارهای توسعه مدرن
+# ابزارهای توسعه مدرن را نصب کنید
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-  
-**گام به گام، این اتفاقات می‌افتد:**  
-- **راه‌اندازی** پروژه جدید Node.js با تنظیمات پیش‌فرض با دستور `npm init -y`  
-- **نصب** Vite به عنوان ابزار ساخت مدرن برای توسعه سریع و بیلدهای تولید  
-- **افزودن** Prettier برای قالب‌بندی خودکار کد و ESLint برای بررسی کیفیت کد  
-- **استفاده** از پرچم `--save-dev` برای تعیین اینکه این‌ها فقط وابستگی‌های توسعه هستند  
+
+**مرحله به مرحله، این کاری است که انجام می‌شود:**
+- **راه‌اندازی** پروژه جدید Node.js با تنظیمات پیش‌فرض با دستور `npm init -y`
+- **نصب** Vite به عنوان یک ابزار ساخت مدرن برای توسعه سریع و ساخت‌های تولیدی
+- **اضافه کردن** Prettier برای قالب‌بندی خودکار کد و ESLint برای بررسی کیفیت کد
+- **استفاده از** گزینه `--save-dev` برای نشانه‌گذاری این‌ها به عنوان وابستگی‌های مخصوص توسعه
 
 ```bash
-# مرحله ۳: ساختار پروژه و فایل‌ها را ایجاد کنید
+# مرحله ۳: ایجاد ساختار پروژه و فایل‌ها
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > 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/)** | قالب‌بندی کد | نگه داشتن قالب‌بندی کد یکدست و خوانا |
+| **[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)** 💻 - خط فرمان سنتی ویندوز  
+**ویندوز:**
+- **[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)** 💻 - خط فرمان سنتی ویندوز
 
-**مک‌او‌اس:**  
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - اپلیکیشن ترمینال داخلی  
-- **[iTerm2](https://iterm2.com/)** - ترمینال پیشرفته با امکانات اضافی  
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - برنامه ترمینال داخلی
+- **[iTerm2](https://iterm2.com/)** - ترمینال پیشرفته با ویژگی‌های اضافه
 
-**لینوکس:**  
-- **[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 Code) تمرین کنید. هرچه راحت‌تر شدید، دستورات پیشرفته‌تر و تکنیک‌های اتوماسیون را به‌طور طبیعی یاد خواهید گرفت.
 
-### مستندسازی: مربی یادگیری همیشه در دسترس شما
 
-بذار یک راز کوچک باهاتون در میون بذارم که باعث می‌شه تازه وارد بودن شما خیلی بهتر به نظر بیاد: حتی توسعه‌دهندگان باتجربه بخش عظیمی از وقت‌شون رو صرف مطالعه مستندات می‌کنند. و این به این دلیل نیست که نمی‌دونند چکار می‌کنند – بلکه نشانه خرد است!
+### مستندسازی: مربی همیشگی و در دسترس شما
 
-مستندات انگار دسترسی به صبورترین و دانا‌ترین معلمان جهان است که ۲۴/۷ در دسترس هستند. سر ساعت ۲ صبح گیر کردید؟ مستندات با یک آغوش مجازی گرم و دقیقاً پاسخ لازم آنجا است. می‌خواهید درباره یک ویژگی جدید باحالی که همه درباره‌اش صحبت می‌کنند یاد بگیرید؟ مستندات با مثال‌های گام به گام پشتیبان شماست. می‌خواهید بفهمید چرا یک چیز به شکلی کار می‌کند؟ مستندات آماده است توضیح دهد تا بالاخره برایتان جا بیفتد!
+خوب، اجازه دهید یک راز کوچک بگویم که باعث می‌شود حس بهتری نسبت به مبتدی بودن داشته باشید: حتی توسعه‌دهندگان باتجربه مقدار زیادی از وقت خود را صرف خواندن مستندات می‌کنند. و این به این دلیل نیست که نمی‌دانند دارند چه کار می‌کنند – بلکه نشانه‌ای از خرد است!
 
-چیزی که نگرش من را کاملاً تغییر داد: دنیای توسعه وب فوق‌العاده سریع حرکت می‌کند، و هیچ‌کس (واقعا هیچ‌کس!) همه چیز را حفظ نمی‌کند. دیدم توسعه‌دهندگان ارشد با ۱۵ سال تجربه هم سینتکس پایه را جستجو می‌کنند، و می‌دانید؟ این خجالت ندارد – هوشمندانه است! موضوع داشتن حافظه عالی نیست؛ موضوع دانستن جایی است که سریع جواب‌های قابل اعتماد پیدا کنید و چطور آنها را به کار ببرید.
+مستندات را مانند داشتن دسترسی به صبورترین و دانشمندترین معلمان جهان فرض کنید که ۲۴ ساعته و ۷ روز هفته در دسترس هستند. مشکلی در ساعت ۲ نیمه شب؟ مستندات با یک آغوش گرم مجازی و دقیقاً همان جوابی که نیاز دارید در کنار شماست. دوست دارید درباره یک ویژگی جدید جالب که همه درباره آن صحبت می‌کنند یاد بگیرید؟ مستندات با گام‌به‌گام و مثال‌های کاربردی پشتیبانی می‌کند. می‌خواهید بفهمید چرا چیزی آنطور کار می‌کند که می‌کند؟ حدس زدید – مستندات آماده توضیح است به‌گونه‌ای که بالاخره همه چیز برایتان روشن شود!
 
-**اینجاست که جادوی واقعی رخ می‌دهد:**
+چیزی که دیدگاه من را کاملاً تغییر داد این است: دنیای توسعه وب به شدت سریع حرکت می‌کند و هیچ‌کس (اصلاً هیچ‌کس!) همه چیز را حفظ نمی‌کند. من توسعه‌دهندگان ارشد با بیش از ۱۵ سال تجربه را دیده‌ام که هنوز نحوه نوشتن سینتکس پایه را جستجو می‌کنند، و می‌دانید چی؟ این شرم‌آور نیست – هوشمندانه است! مسئله داشتن حافظه کامل نیست؛ مسئله این است که بدانید پاسخ‌های مطمئن را سریع کجا پیدا کنید و چگونه آنها را به کار ببرید.
 
-توسعه‌دهندگان حرفه‌ای بخش قابل توجهی از زمان‌شان را صرف خواندن مستندات می‌کنند – نه به این دلیل که نمی‌دانند چه کار می‌کنند، بلکه چون دنیای توسعه وب به‌سرعت تکامل می‌یابد و با یادگیری مداوم باید به‌روز بمانند. مستندات عالی به شما کمک می‌کند نه فقط *چگونه* از چیزی استفاده کنید، بلکه *چرا* و *چه وقت* آن را به کار ببرید.
+**اینجاست که جادوی واقعی اتفاق می‌افتد:**
 
-#### منابع ضروری مستندسازی
+توسعه‌دهندگان حرفه‌ای بخش قابل توجهی از وقت خود را صرف خواندن مستندات می‌کنند – نه به این دلیل که نمی‌دانند چه می‌کنند، بلکه به این دلیل که چشم‌انداز توسعه وب به سرعت تغییر می‌کند و برای به‌روز ماندن باید همواره یاد بگیرند. مستندات خوب کمک می‌کند بفهمید نه فقط *چگونه* از چیزی استفاده کنید، بلکه *چرا* و *چه زمانی* باید آن را به کار ببرید.
 
-**[شبکه توسعه‌دهندگان موزیلا (MDN)](https://developer.mozilla.org/docs/Web)**  
-- استاندارد طلایی مستندات فناوری وب  
-- راهنماهای جامع برای HTML، CSS و JavaScript  
-- شامل اطلاعات سازگاری مرورگرها  
-- مثال‌های عملی و دموهای تعاملی  
+#### منابع مستندات ضروری
 
-**[Web.dev](https://web.dev)** (توسط گوگل)  
-- بهترین روش‌های توسعه وب مدرن  
-- راهنماهای بهینه‌سازی عملکرد  
-- اصول طراحی فراگیر و قابلیت دسترسی  
-- مطالعات موردی از پروژه‌های واقعی  
+**[شبکه توسعه‌دهندگان موزیلا (MDN)](https://developer.mozilla.org/docs/Web)**
+- استاندارد طلایی مستندات فناوری وب
+- راهنماهای جامع برای HTML، CSS و جاوااسکریپت
+- شامل اطلاعات سازگاری مرورگرها
+- دارای مثال‌های عملی و دموهای تعاملی
 
-**[مستندات توسعه‌دهندگان مایکروسافت](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
-- منابع توسعه مرورگر اج  
-- راهنماهای Progressive Web App  
-- نکات توسعه چندسکویی  
+**[Web.dev](https://web.dev)** (توسط گوگل)
+- بهترین شیوه‌های توسعه وب مدرن
+- راهنمای بهینه‌سازی عملکرد
+- اصول دسترسی‌پذیری و طراحی فراگیر
+- مطالعات موردی از پروژه‌های واقعی
 
-**[مسیرهای یادگیری Frontend Masters](https://frontendmasters.com/learn/)**  
-- دوره‌های ساختارمند آموزشی  
-- ویدیوهای آموزشی از کارشناسان صنعت  
-- تمرین‌های کدنویسی عملی  
+**[مستندات توسعه‌دهندگان مایکروسافت](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- منابع توسعه مرورگر Edge
+- راهنماهای برنامه‌های وب پیش‌رونده
+- بینش‌های توسعه کراس‌پلتفرم
 
-> 📚 **استراتژی مطالعه**: سعی نکنید مستندات را حفظ کنید – به جای آن یاد بگیرید چطور به‌خوبی ناوبری کنید. مراجعات پرکاربرد را بوکمارک کرده و با استفاده از قابلیت جستجو سریعاً اطلاعات خاص را پیدا کنید.
+**[مسیرهای یادگیری Frontend Masters](https://frontendmasters.com/learn/)**
+- دوره‌های آموزشی ساختارمند
+- دوره‌های ویدیویی از کارشناسان صنعت
+- تمرین‌های عملی برنامه‌نویسی
 
-### 🔧 **آزمون تسلط ابزار: چه چیزی با شما هماهنگ است؟**
+> 📚 **استراتژی مطالعه:** سعی نکنید مستندات را حفظ کنید – بلکه یاد بگیرید چگونه به‌صورت بهینه در آنها جستجو کنید. مراجع پرتکرار را نشانه‌گذاری کرده و با عملکرد جستجو تمرین کنید تا اطلاعات خاص را سریع پیدا کنید.
 
-**کمی فکر کنید:**  
-- اولین ابزاری که مشتاقید امتحان کنید چیست؟ (پاسخ اشتباه وجود ندارد!)  
-- آیا خط فرمان هنوز ترسناک است یا کنجکاوید بیشتر درباره‌اش بدانید؟  
-- می‌توانید تصور کنید از DevTools مرورگر برای دیدن پشت پرده سایت‌های مورد علاقه‌تان استفاده کنید؟  
+### 🔧 **بررسی تسلط ابزار: کدام یک با شما هم‌راستا است؟**
+
+**یک لحظه به اینها فکر کنید:**
+- کدام ابزار بیشترین هیجان را برای اولین امتحان به شما می‌دهد؟ (جواب اشتباه وجود ندارد!)
+- آیا خط فرمان هنوز ترسناک است یا نسبت به آن کنجکاو شده‌اید؟
+- می‌توانید تصور کنید از ابزارهای توسعه‌دهنده مرورگر برای نگاهی پشت صحنه وب‌سایت‌های محبوب خود استفاده کنید؟
 
 ```mermaid
-pie title "زمان توسعه‌دهنده صرف‌شده با ابزارها"
+pie title "زمان صرف شده توسعه‌دهنده با ابزارها"
     "ویرایشگر کد" : 40
-    "آزمون مرورگر" : 25
+    "آزمایش مرورگر" : 25
     "خط فرمان" : 15
     "مطالعه مستندات" : 15
     "اشکال‌زدایی" : 5
-```  
-> **یک نکته جالب**: اکثر توسعه‌دهندگان تقریباً ۴۰٪ زمان‌شان را در ویرایشگر کد می‌گذرانند، اما توجه کنید چقدر زمان صرف تست، یادگیری و حل مشکلات می‌شود. برنامه‌نویسی فقط نوشتن کد نیست – بلکه خلق تجربه است!
+```
+> **نکته جالب:** بیشتر توسعه‌دهندگان حدود ۴۰٪ از وقت خود را در ویرایشگر کد می‌گذرانند، اما ببینید چقدر وقت صرف تست، یادگیری و حل مسئله می‌شود. برنامه‌نویسی فقط نوشتن کد نیست – درباره خلق تجربه‌هاست!
 
-✅ **فکری برای تامل**: این موضوع جالب را در نظر بگیرید – چگونه فکر می‌کنید ابزارهای ساخت وب‌سایت (توسعه) ممکن است با ابزارهای طراحی ظاهر آن (طراحی) متفاوت باشند؟ مثل تفاوت بین یک معمار که خانه زیبا طراحی می‌کند و پیمانکاری که واقعاً آن را می‌سازد. هر دو مهمند، ولی جعبه ابزارشان فرق دارد! این نوع تفکر به شما کمک می‌کند تصویر بزرگ‌تری از چگونگی به‌وجود آمدن وب‌سایت‌ها ببینید.
+✅ **موضوع قابل تأمل:** چیزی که برای فکر کردن جالب است – فکر می‌کنید ابزارهای ساخت وب‌سایت (توسعه) چگونه ممکن است با ابزارهای طراحی ظاهر آن (طراحی) متفاوت باشند؟ این مثل تفاوت بین یک معمار که خانه‌ای زیبا طراحی می‌کند و پیمانکاری است که آن را می‌سازد. هر دو خیلی مهم هستند، اما جعبه ابزارهای متفاوتی نیاز دارند! این نوع تفکر به شما کمک می‌کند تصویری بزرگتر از چگونگی زنده شدن وب‌سایت‌ها ببینید.
 
-## چالش عامل GitHub Copilot 🚀
+## چالش GitHub Copilot Agent 🚀
 
-با حالت Agent چالش زیر را کامل کنید:
+از حالت Agent استفاده کنید تا چالش زیر را کامل کنید:
 
-**توضیح:** امکانات یک ویرایشگر کد یا IDE مدرن را کشف کنید و نشان دهید چطور می‌تواند جریان کاری شما را به عنوان یک توسعه‌دهنده وب بهبود بخشد.
+**توضیح:** ویژگی‌های یک ویرایشگر کد یا IDE مدرن را بررسی کنید و نشان دهید چگونه می‌تواند جریان کاری شما را به عنوان یک توسعه‌دهنده وب بهبود بخشد.
 
-**هدایت:** یک ویرایشگر یا IDE انتخاب کنید (مثل Visual Studio Code، WebStorm یا IDE ابری). سه ویژگی یا افزونه‌ای که کمک می‌کند کد را بهتر بنویسید، عیب‌یابی کنید یا نگهداری کنید لیست کنید. برای هر کدام توضیح مختصری بدهید که چگونه به جریان کاری شما کمک می‌کند.
+**دستور:** یک ویرایشگر کد یا IDE انتخاب کنید (مثل Visual Studio Code، WebStorm یا IDE مبتنی بر ابر). سه ویژگی یا افزونه را فهرست کنید که به شما در نوشتن، دیباگ یا نگهداری کد کمک می‌کنند. برای هرکدام، توضیح مختصری درباره اینکه چگونه به بهبود جریان کاری شما کمک می‌کند ارائه دهید.
 
 ---
 
 ## 🚀 چالش
 
-**خب، کارآگاه، برای اولین پرونده‌ات آماده‌ای؟**
-
-حالا که این پایه فوق‌العاده را گرفته‌ای، یک ماجراجویی دارم که به تو کمک می‌کند ببینی دنیای برنامه‌نویسی چقدر متنوع و جالب است. و گوش کن – این هنوز درباره نوشتن کد نیست، پس هیچ فشاری نیست! خودت را مثل یک کارآگاه زبان برنامه‌نویسی در اولین پرونده هیجان‌انگیزت تصور کن!
-
-**ماموریت تو، اگر قبول کنی:**  
-1. **محقق زبان‌ها شو:** سه زبان برنامه‌نویسی از جهان‌های کاملاً متفاوت انتخاب کن – مثلاً یکی برای ساخت وب‌سایت‌ها، یکی برای ساخت اپ موبایل و یکی برای پردازش داده‌های علمی. نمونه‌هایی از همان کار ساده نوشته شده در هر زبان پیدا کن. قول می‌دهم شگفت‌زده شوی که چقدر می‌توانند متفاوت به نظر برسند در حالی که دقیقاً همان کار را انجام می‌دهند!  
+**خب، کارآگاه، برای اولین پرونده آماده‌ای؟**
 
-2. **داستان‌های پیدایش‌شان را کشف کن:** چه چیزی هر زبان را خاص می‌کند؟ یک نکته جالب – هر زبان برنامه‌نویسی ایجاد شده چون کسی فکر کرده «باید راه بهتری برای حل این مشکل خاص باشد.» می‌توانی بفهمی آن مشکلات چه بودند؟ برخی از این داستان‌ها واقعاً جذابند!  
+حالا که این پایه عالی را بدست آورده‌ای، ماجراجویی‌ای داریم که به شما کمک می‌کند دنیای برنامه‌نویسی را چقدر متنوع و جذاب است ببینید. و گوش کن – هنوز درباره نوشتن کد نیست، پس نگران نباش! خودت را مثل یک کارآگاه زبان برنامه‌نویسی در اولین پرونده هیجان‌انگیز خودت تصور کن!
 
-3. **با جوامعشان آشنا شو:** ببین هر جامعه آن زبان چقدر دوستانه و پر اشتیاق است. بعضی میلیون‌ها توسعه‌دهنده دارند که دانش به اشتراک می‌گذارند و به هم کمک می‌کنند، بعضی کوچکتر ولی بسیار هماهنگ و حمایت‌گرند. از دیدن شخصیت‌های مختلف این جوامع لذت خواهی برد!  
+**ماموریت تو، اگر بخواهی قبولش کنی:**
+۱. **کاوشگر زبان شو:** سه زبان برنامه‌نویسی از دنیاهای کاملاً متفاوت انتخاب کن – شاید یکی که وب‌سایت می‌سازد، یکی که اپ موبایل می‌سازد و یکی که داده‌های علمی را پردازش می‌کند. نمونه‌هایی از همان کار ساده نوشته شده به هر کدام پیدا کن. قول می‌دهم از اینکه چقدر می‌توانند در عین انجام همان کار کاملاً متفاوت باشند شگفت‌زده شوی!
 
-4. **به حس درونیت گوش کن:** الان کدام زبان به نظرت رسیدنی‌تر است؟ برای انتخاب «کامل» نگران نباش – فقط به غرایز خودت گوش کن! واقعاً جواب اشتباهی وجود ندارد و همیشه می‌توانی بعداً بقیه را هم کشف کنی.  
+۲. **داستان منشأ آنها را کشف کن:** چه چیزی هر زبان را خاص می‌کند؟ یک حقیقت جالب – هر زبان برنامه‌نویسی به این دلیل ساخته شده که کسی فکر کرده، «می‌دانی؟ باید راه بهتری برای حل این مشکل خاص وجود داشته باشد.» می‌توانی بفهمی آن مشکلات چه بودند؟ بعضی از این داستان‌ها واقعاً جذاب هستند!
 
-**کار کارآگاهی اضافه:** ببین می‌توانی کشف کنی سایت‌ها یا اپ‌های بزرگ با هر زبان ساخته شده‌اند؟ مطمئنم از دانستن اینکه چه چیزی اینستاگرام، نتفلیکس یا بازی موبایلی‌ای که نمی‌توانی ازش دست بکشی را تغذیه می‌کند شوکه می‌شوی!
+۳. **با جوامع آنها آشنا شو:** ببین چقدر جامعه هر زبان خوش‌قلب و پرشور است. بعضی میلیون‌ها توسعه‌دهنده دارند که دانش را به اشتراک می‌گذارند و کمک می‌کنند، برخی کوچکتر اما صمیمی و حمایتگر هستند. عاشق دیدن شخصیت‌های متفاوت این جوامع خواهی شد!
 
-> 💡 **یادت باشد:** امروز نمی‌خواهی در هیچ‌کدام از این زبان‌ها استاد شوی. فقط می‌خواهی محله را بشناسی قبل از اینکه تصمیم بگیری کجا می‌خواهی اقامت کنی. وقت بگذار، خوش بگذران و اجازه بده کنجکاوی‌ات راهنمایت باشد!
+۴. **به حس درونیت گوش بده:** کدام زبان در حال حاضر برایت قابل دسترس‌تر به نظر می‌رسد؟ نگران انتخاب «بی‌نقص» نباش – فقط به غرایز خود گوش کن! واقعاً جواب اشتباه وجود ندارد و می‌توانی بعداً زبان‌های دیگر را هم کاوش کنی.
 
-## بگذار جشن بگیریم آنچه کشف کردی!
+**کار جایزه‌ای کارآگاهی:** ببین می‌توانی کشف کنی کدام وب‌سایت‌ها یا اپلیکیشن‌های بزرگ با هر زبان ساخته شده‌اند. قول می‌دهم که درباره اینکه اینستاگرام، نتفلیکس یا آن بازی موبایلی که نمی‌توانی دست از آن بکشی با چه تکنولوژی‌هایی ساخته شده‌اند شگفت‌زده شوی!
 
-وای، تو امروز مقدار بسیار زیادی اطلاعات فوق‌العاده جذب کردی! واقعاً هیجان‌زده‌ام ببینم چقدر از این سفر شگفت‌انگیز با تو باقی مانده. و یادت باشد – این یک آزمون نیست که همه چیز را درست جواب بدهی. این بیشتر جشن همه چیزهای جالبی است که درباره این دنیای جذاب که قرار است واردش شوی یاد گرفته‌ای!
+> 💡 **یادت باشد:** امروز قصد ندارید در هیچ‌کدام از این زبان‌ها خبره شوی. فقط داری با محله آشنا می‌شوی تا تصمیم بگیری کجا می‌خواهی خانه‌ات را بسازی. وقت بگذار، لذت ببر و کنجکاوی‌ات را راهنما کن!
 
-[آزمون پس از درس را بگیر](https://ff-quizzes.netlify.app/web/)
-## مرور و یادگیری خودآموز
+## بیایید پیشرفت‌هایی که کردی را جشن بگیریم!
 
-**وقت بگذارید و از کشف آن لذت ببرید!**
+وای، تو امروز مقدار زیادی اطلاعات شگفت‌انگیز یاد گرفتی! واقعاً هیجان‌زده‌ام ببینم چقدر از این سفر شگفت‌انگیز در ذهنت مانده. و به یاد داشته باش – این یک آزمون نیست که باید همه چیز کاملاً درست باشد. این بیشتر مثل جشن گرفتن همه چیزهای جالبی است که درباره دنیای جذابی که قرار است واردش شوی یاد گرفته‌ای!
 
-امروز پیشرفت زیادی داشته‌اید و این چیز قابل افتخاری است! حالا قسمت جذاب ماجرا شروع می‌شود – کاوش در موضوعاتی که کنجکاوی‌تان را به حرکت درآورده‌اند. به خاطر داشته باشید، این درس نیست – یک ماجراجویی است!
+[شرکت در آزمون بعد از درس](https://ff-quizzes.netlify.app/web/)
 
-**عمیق‌تر به چیزهایی که شما را هیجان‌زده می‌کند بپردازید:**
+## مرور و خودآموزی
 
-**با زبان‌های برنامه‌نویسی آشنا شوید:**
-- از وب‌سایت‌های رسمی ۲ تا ۳ زبان که توجه‌تان را جلب کرده‌اند بازدید کنید. هر کدام شخصیت و داستان منحصر به فرد خود را دارند!
-- برخی بازی‌گرهای کدنویسی آنلاین مثل [CodePen](https://codepen.io/)، [JSFiddle](https://jsfiddle.net/)، یا [Replit](https://replit.com/) را امتحان کنید. نترسید که آزمایش کنید – نمی‌توانید چیزی را خراب کنید!
-- درباره چگونگی شکل‌گیری زبان مورد علاقه‌تان مطالعه کنید. واقعاً، برخی از این داستان‌های ظهور زبان‌ها بسیار جذاب‌اند و به شما کمک می‌کنند بفهمید چرا زبان‌ها به آن شکلی که هستند کار می‌کنند.
+**وقت بگذار و با آن بازی کن و لذت ببر!**
+امروز پیشرفت زیادی داشتید و این چیزی است که باید به آن افتخار کنید! حالا بخش سرگرم‌کننده شروع می‌شود – کشف موضوعاتی که کنجکاوی شما را برانگیخته‌اند. به یاد داشته باشید، این تکلیف نیست – این یک ماجراجویی است!
 
-**با ابزارهای جدیدتان راحت شوید:**
-- اگر هنوز Visual Studio Code را دانلود نکرده‌اید، همین حالا این کار را انجام دهید – رایگان است و قطعاً آن را دوست خواهید داشت!
-- چند دقیقه در بازارچه افزونه‌ها بگردید. این مثل یک فروشگاه برنامه برای ویرایشگر کد شماست!
-- ابزارهای توسعه‌دهنده مرورگرتان را باز کنید و داخل سایت‌ها کلیک کنید. نگران درک همه چیز نباشید – فقط با آنچه هست آشنا شوید.
+**عمیق‌تر در آنچه شما را هیجان‌زده می‌کند بپردازید:**
 
-**در جامعه برنامه‌نویسان شرکت کنید:**
-- برخی از جوامع توسعه‌دهندگان در [Dev.to](https://dev.to/)، [Stack Overflow](https://stackoverflow.com/) یا [GitHub](https://github.com/) را دنبال کنید. جامعه برنامه‌نویسی به شدت از تازه‌واردها استقبال می‌کند!
-- ویدیوهای آموزشی مبتدی پسند در یوتیوب تماشا کنید. تعداد زیادی خالق محتوای عالی وجود دارد که به یاد دارند شروع کار چگونه است.
-- به فکر شرکت در گروه‌های محلی یا جوامع آنلاین باشید. به من اعتماد کنید، برنامه‌نویسان عاشق کمک به تازه‌واردان هستند!
+**با زبان‌های برنامه‌نویسی به‌صورت عملی آشنا شوید:**
+- به وب‌سایت‌های رسمی ۲ تا ۳ زبان که توجه‌تان را جلب کرده‌اند سر بزنید. هر کدام شخصیت و داستان خاص خود را دارند!
+- با برخی محیط‌های برنامه‌نویسی آنلاین مانند [CodePen](https://codepen.io/)، [JSFiddle](https://jsfiddle.net/) یا [Replit](https://replit.com/) کار کنید. نترسید که آزمایش کنید – چیزی خراب نمی‌شود!
+- درباره چگونگی پیدایش زبان مورد علاقه‌تان بخوانید. جدی می‌گویم، بعضی از این داستان‌های آغاز جذاب هستند و به شما کمک می‌کنند بفهمید چرا زبان‌ها به آن شکلی که دارند کار می‌کنند.
 
-> 🎯 **گوش کنید، این را بخاطر بسپارید**: از شما انتظار نمی‌رود که یک شبه جادوگر کدنویسی شوید! همین الان شما تازه با این دنیای شگفت‌انگیز که قرار است عضوی از آن باشید آشنا شده‌اید. وقت بگذارید، از سفر لذت ببرید و به یاد داشته باشید – هر توسعه‌دهنده‌ای که تحسین می‌کنید یک زمانی دقیقاً دقیقاً همان جایی نشسته بوده که شما هستید، هیجان‌زده و شاید کمی دستپاچه. این کاملاً طبیعی است و یعنی شما دارید راه درستی می‌روید!
+**با ابزارهای جدید خود راحت شوید:**
+- اگر هنوز Visual Studio Code را دانلود نکرده‌اید – همین حالا دانلودش کنید، رایگان است و عاشقش خواهید شد!
+- چند دقیقه‌ای در فروشگاه افزونه‌ها بگردید. این مثل فروشگاه برنامه برای ویرایشگر کد شماست!
+- ابزارهای توسعه‌دهنده مرورگرتان را باز کنید و اطراف کلیک کنید. نگران این نباشید که همه چیز را بفهمید – فقط با آنچه هست آشنا شوید.
 
+**به جامعه ملحق شوید:**
+- چند جامعه توسعه‌دهنده را در [Dev.to](https://dev.to/)، [Stack Overflow](https://stackoverflow.com/) یا [GitHub](https://github.com/) دنبال کنید. جامعه برنامه‌نویسی به‌طور شگفت‌انگیزی به تازه‌واردها خوش‌آمد می‌گوید!
+- ویدئوهای برنامه‌نویسی مناسب مبتدی‌ها را در یوتیوب تماشا کنید. خالقان بسیار خوبی وجود دارند که به یاد دارند شروع کردن چه حسی دارد.
+- به گردهمایی‌های محلی یا جوامع آنلاین بپیوندید. باور کنید، برنامه‌نویسان عاشق کمک به تازه‌واردها هستند!
 
+> 🎯 **گوش کنید، این چیزی است که می‌خواهم به یاد داشته باشید**: از شما انتظار نمی‌رود یک شبه جادوگر کد شوید! در حال حاضر، فقط دارید این دنیای جدید شگفت‌انگیز را که قرار است بخشی از آن باشید، می‌شناسید. زمان بگذارید، از سفر لذت ببرید، و به یاد داشته باشید – هر توسعه‌دهنده‌ای که تحسین می‌کنید یک زمانی دقیقاً جایی که شما الان هستید نشسته بود، هیجان‌زده و شاید کمی دلهره‌دار. این کاملاً طبیعی است و یعنی راه را درست می‌روید!
 
 ## تکلیف
 
 [Reading the Docs](assignment.md)
 
-> 💡 **یک تلنگر برای تکلیف‌تان**: خیلی دوست دارم ببینم ابزارهایی را که تاکنون بررسی نکرده‌ایم کاوش می‌کنید! ویرایشگرها، مرورگرها و ابزارهای خط فرمانی که قبلاً درباره‌شان صحبت کردیم را کنار بگذارید – یک جهان شگفت‌انگیز کامل از ابزارهای توسعه وجود دارد که منتظر کشف شدن هستند. به دنبال ابزارهایی باشید که فعالانه نگهداری می‌شوند و جوامع پرجنب‌وجوش و کمک‌رسان دارند (این‌ها معمولاً بهترین آموزش‌ها و حمایت‌ها را وقتی گیر می‌کنید و به کمک دوستانه‌ای نیاز دارید، دارند).
+> 💡 **یه تلنگر کوچک برای تکلیف شما**: خیلی دوست دارم ببینم ابزارهایی که هنوز بررسی نکرده‌ای را کشف می‌کنید! از ویرایشگرها، مرورگرها و ابزارهای خط فرمانی که قبلاً صحبت کردیم عبور کنید – یک جهان شگفت‌انگیز کامل از ابزارهای توسعه خارق‌العاده وجود دارد که منتظر کشف شدن هستند. به دنبال آن‌هایی باشید که به طور فعال نگهداری می‌شوند و جوامع پرجنب‌وجوش و پشتیبان خوبی دارند (این‌ها معمولاً بهترین آموزش‌ها و حمایت‌کننده‌ترین افراد را دارند وقتی که ناگهان گیر می‌کنید و به دست مهربانی نیاز دارید).
 
 ---
 
 ## 🚀 جدول زمانی سفر برنامه‌نویسی شما
 
-### ⚡ **کاری که می‌توانید در ۵ دقیقه آینده انجام دهید**
-- [ ] وب‌سایت ۲ تا ۳ زبان برنامه‌نویسی که توجه‌تان را جلب کرده‌اند نشانک بزنید
-- [ ] اگر Visual Studio Code را هنوز دانلود نکرده‌اید، آن را دانلود کنید
-- [ ] ابزارهای توسعه‌دهنده مرورگرتان (F12) را باز کنید و در هر سایتی کلیک کنید
+### ⚡ **چیزی که می‌توانید در ۵ دقیقه آینده انجام دهید**
+- [ ] نشانک ۲ تا ۳ وب‌سایت زبان برنامه‌نویسی که توجه‌تان را جلب کرده‌اند بسازید
+- [ ] اگر هنوز Visual Studio Code دانلود نکرده‌اید، آن را دانلود کنید
+- [ ] ابزارهای توسعه‌دهنده مرورگر را باز کنید (F12) و در هر وب‌سایتی کلیک کنید
 - [ ] در یک جامعه برنامه‌نویسی عضو شوید (Dev.to، Reddit r/webdev، یا Stack Overflow)
 
-### ⏰ **کاری که می‌توانید در این ساعت انجام دهید**
-- [ ] آزمون پس از درس را کامل کنید و به پاسخ‌های خود فکر کنید
-- [ ] VS Code را با افزونه GitHub Copilot راه‌اندازی کنید
-- [ ] نمونه "Hello World" را در ۲ زبان برنامه‌نویسی مختلف به صورت آنلاین امتحان کنید
-- [ ] ویدیوی "یک روز در زندگی یک توسعه‌دهنده" را در یوتیوب ببینید
+### ⏰ **چیزی که می‌توانید در این ساعت انجام دهید**
+- [ ] آزمون پس از درس را کامل کنید و به پاسخ‌هایتان بیندیشید
+- [ ] VS Code را با افزونه GitHub Copilot تنظیم کنید
+- [ ] در ۲ زبان برنامه‌نویسی مختلف آنلاین یک نمونه «Hello World» را امتحان کنید
+- [ ] ویدئوی «یک روز در زندگی یک توسعه‌دهنده» را در یوتیوب ببینید
 - [ ] کار کارآگاهی زبان برنامه‌نویسی خود را شروع کنید (از چالش)
 
 ### 📅 **ماجراجویی یک هفته‌ای شما**
-- [ ] تکلیف را کامل کنید و ۳ ابزار جدید توسعه را کاوش کنید
+- [ ] تکلیف را کامل کنید و ۳ ابزار توسعه جدید را کشف کنید
 - [ ] ۵ توسعه‌دهنده یا حساب برنامه‌نویسی را در شبکه‌های اجتماعی دنبال کنید
-- [ ] چیزی کوچک در CodePen یا Replit بسازید (حتی فقط "Hello, [نام شما]!")
-- [ ] یک پست بلاگ توسعه‌دهنده درباره سفر برنامه‌نویسی کسی بخوانید
-- [ ] در یک نشست مجازی شرکت کنید یا یک سخنرانی برنامه‌نویسی را تماشا کنید
+- [ ] سعی کنید چیزی کوچک در CodePen یا Replit بسازید (حتی فقط «Hello, [نام شما]!»)
+- [ ] یک نوشته بلاگی از توسعه‌دهنده‌ای درباره سفر برنامه‌نویسی‌اش بخوانید
+- [ ] در یک گردهمایی مجازی شرکت کنید یا یک گفتگو درباره برنامه‌نویسی ببینید
 - [ ] شروع به یادگیری زبان انتخابی خود با آموزش‌های آنلاین کنید
 
-### 🗓️ **تحول یک ماهه شما**
-- [ ] اولین پروژه کوچک خود را بسازید (حتی یک صفحه وب ساده هم قابل قبول است!)
-- [ ] به یک پروژه متن باز مشارکت کنید (با اصلاح مستندات شروع کنید)
-- [ ] به کسی که تازه برنامه‌نویسی را شروع کرده مربیگری دهید
-- [ ] وب‌سایت نمونه‌کار توسعه‌دهنده خود را ایجاد کنید
+### 🗓️ **تغییر ماهانه شما**
+- [ ] اولین پروژه کوچک خود را بسازید (حتی یک صفحه وب ساده هم حساب می‌شود!)
+- [ ] به یک پروژه متن‌باز کمک کنید (با اصلاح مستندات شروع کنید)
+- [ ] کسی که تازه برنامه‌نویسی را شروع کرده را راهنمایی کنید
+- [ ] وب‌سایت نمونه‌کار توسعه‌دهنده‌تان را بسازید
 - [ ] با جوامع محلی توسعه‌دهنده یا گروه‌های مطالعه ارتباط برقرار کنید
-- [ ] شروع به برنامه‌ریزی گام بعدی یادگیری خود کنید
+- [ ] شروع به برنامه‌ریزی برای مرحله بعدی یادگیری خود کنید
 
-### 🎯 **بازبینی نهایی برای بازتاب**
+### 🎯 **بازنگری نهایی**
 
-**قبل از ادامه دادن، لحظه‌ای جشن بگیرید:**
-- یک چیز درباره برنامه‌نویسی که امروز شما را هیجان‌زده کرد چه بود؟
+**قبل از رفتن، لحظه‌ای جشن بگیرید:**
+- یک چیزی درباره برنامه‌نویسی که امروز شما را هیجان‌زده کرد چیست؟
 - کدام ابزار یا مفهوم را می‌خواهید اول کاوش کنید؟
-- درباره شروع این سفر برنامه‌نویسی چه احساسی دارید؟
-- یک سوال دارید که همین الان بخواهید از یک توسعه‌دهنده بپرسید؟
+- چگونه درباره شروع این سفر برنامه‌نویسی احساس می‌کنید؟
+- یک سؤال که دوست دارید همین الان از یک توسعه‌دهنده بپرسید چیست؟
 
 ```mermaid
 journey
     title سفر ساخت اعتماد به نفس شما
     section امروز
       کنجکاو: 3: You
-      غرق در کار: 4: You
+      سر در گم: 4: You
       هیجان زده: 5: You
     section این هفته
       کاوش: 4: You
@@ -842,11 +841,11 @@ journey
       با اعتماد به نفس: 5: You
       کمک به دیگران: 5: You
 ```
-> 🌟 **به یاد داشته باشید**: هر متخصصی زمانی مبتدی بوده است. هر توسعه‌دهنده ارشدی زمانی دقیقاً مثل شما بوده – هیجان‌زده، شاید کمی overwhelmed، و قطعاً کنجکاو درباره آنچه ممکن است. شما در جمع فوق‌العاده‌ای هستید و این سفر شگفت‌انگیز خواهد بود. به دنیای فوق‌العاده برنامه‌نویسی خوش آمدید! 🎉
+> 🌟 **به یاد داشته باشید**: هر کارشناس یک زمانی تازه‌کار بود. هر توسعه‌دهنده ارشد یک زمانی دقیقاً همان حس شما را داشت – هیجان‌زده، شاید کمی دلهره‌دار، و قطعاً کنجکاو نسبت به آنچه ممکن است. در جمعی شگفت‌انگیز هستید و این سفر فوق‌العاده خواهد بود. به دنیای شگفت‌انگیز برنامه‌نویسی خوش آمدید! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**توضیح ضروری**:
-این سند با استفاده از سرویس ترجمه ماشینی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما برای دقت تلاش می‌کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نادقتی‌هایی باشند. سند اصلی به زبان مادری خود، منبع معتبر و قطعی محسوب می‌شود. برای اطلاعات حساس و مهم، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سوءتفاهم یا تفسیر نادرست ناشی از استفاده از این ترجمه نیستیم.
+**سلب مسئولیت**:  
+این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما در تلاش برای دقت هستیم، لطفاً آگاه باشید که ترجمه‌های خودکار ممکن است حاوی خطاها یا نادرستی‌هایی باشند. سند اصلی به زبان اصلی آن باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما در قبال هرگونه سوءتفاهم یا تفسیر نادرست ناشی از استفاده از این ترجمه مسئولیتی نداریم.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fa/AGENTS.md b/translations/fa/AGENTS.md
index b0bdc9f6f..4cb34e296 100644
--- a/translations/fa/AGENTS.md
+++ b/translations/fa/AGENTS.md
@@ -1,24 +1,24 @@
 # AGENTS.md
 
-## مروری بر پروژه
+## نمای کلی پروژه
 
-این یک مخزن محتوای آموزشی برای آموزش اصول توسعه وب به مبتدیان است. این دوره آموزشی جامع، یک دوره 12 هفته‌ای است که توسط مایکروسافت کلود ادوکیتس توسعه یافته و شامل 24 درس عملی در زمینه جاوااسکریپت، CSS و HTML می‌باشد.
+این یک مخزن آموزشی برای آموزش مبانی توسعه وب به مبتدیان است. این دوره آموزشی جامع شامل ۱۲ هفته است که توسط تیم Microsoft Cloud Advocates توسعه یافته و شامل ۲۴ درس عملی درباره JavaScript، CSS و HTML می‌باشد.
 
-### اجزای اصلی
+### اجزای کلیدی
 
-- **محتوای آموزشی**: 24 درس ساختاریافته سازمان‌یافته در ماژول‌های مبتنی بر پروژه
-- **پروژه‌های عملی**: تری‌ریم، بازی تایپینگ، افزونه مرورگر، بازی فضایی، برنامه بانکداری، ویرایشگر کد و دستیار چت هوش مصنوعی
-- **آزمون‌های تعاملی**: 48 آزمون با 3 سوال هر کدام (ارزیابی قبل/بعد از درس)
-- **پشتیبانی چندزبانه**: ترجمه خودکار برای بیش از 50 زبان از طریق اکشن‌های گیت‌هاب
-- **فناوری‌ها**: HTML، CSS، جاوااسکریپت، Vue.js 3، Vite، Node.js، Express، پایتون (برای پروژه‌های AI)
+- **محتوای آموزشی**: ۲۴ درس سازمان‌دهی شده به صورت ماژول‌های پروژه‌محور  
+- **پروژه‌های عملی**: تراریوم، بازی تایپ، افزونه مرورگر، بازی فضایی، برنامه بانکی، ویرایشگر کد و دستیار چت هوش مصنوعی  
+- **آزمون‌های تعاملی**: ۴۸ آزمون با ۳ سوال هر کدام (ارزیابی قبل و بعد از درس)  
+- **پشتیبانی چندزبانه**: ترجمه خودکار به بیش از ۵۰ زبان با استفاده از GitHub Actions  
+- **فناوری‌ها**: HTML، CSS، JavaScript، Vue.js 3، Vite، Node.js، Express، Python (برای پروژه‌های هوش مصنوعی)  
 
 ### معماری
 
-- مخزن آموزشی با ساختار مبتنی بر درس‌ها
-- هر پوشه درس شامل README، نمونه کدها و راه‌حل‌ها است
-- پروژه‌های مستقل در دایرکتوری‌های جداگانه (quiz-app، پروژه‌های مختلف درس‌ها)
-- سیستم ترجمه با استفاده از GitHub Actions (co-op-translator)
-- مستندات ارائه شده با Docsify و در قالب PDF دردسترس
+- مخزن آموزشی با ساختار مبتنی بر درس‌ها  
+- هر فولدر درس شامل README، مثال‌های کد و راه‌حل‌ها است  
+- پروژه‌های مستقل در دایرکتوری‌های جداگانه (quiz-app، پروژه‌های مختلف درس‌ها)  
+- سیستم ترجمه با استفاده از GitHub Actions (co-op-translator)  
+- مستندات ارائه شده از طریق Docsify و قابل دسترسی به صورت PDF  
 
 ## دستورات راه‌اندازی
 
@@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### راه‌اندازی اپلیکیشن آزمون (Vue 3 + Vite)
+### راه‌اندازی برنامه آزمون (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -41,12 +41,12 @@ npm run build      # ساخت برای تولید
 npm run lint       # اجرای ESLint
 ```
 
-### API پروژه بانک (Node.js + Express)
+### API پروژه بانکی (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # راه‌اندازی سرور API
+npm start          # شروع سرور API
 npm run lint       # اجرای ESLint
 npm run format     # قالب‌بندی با Prettier
 ```
@@ -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,33 +80,33 @@ python api.py
 
 ### برای مشارکت‌کنندگان محتوا
 
-1. **شاخه مخزن را فورک کنید** به حساب گیت‌هاب خود
-2. **شاخه فورک شده را کلون کنید** به صورت محلی
-3. **یک شاخه جدید بسازید** برای تغییراتتان
-4. تغییرات در محتوای درس یا نمونه کدها ایجاد کنید
-5. هر تغییر کد را در دایرکتوری‌های مرتبط پروژه تست کنید
-6. درخواست‌های پول (pull requests) را طبق دستورالعمل‌های مشارکت ارسال کنید
+1. **Fork** مخزن به حساب GitHub خود  
+2. **Clone** کردن Fork روی سیستم محلی  
+3. ایجاد شاخه جدید برای تغییرات  
+4. اعمال تغییرات در محتوا یا مثال‌های کد  
+5. تست تغییرات کد در دایرکتوری پروژه‌های مرتبط  
+6. ارسال Pull Request با رعایت دستورالعمل‌های مشارکت  
 
 ### برای یادگیرندگان
 
-1. مخزن را فورک یا کلون کنید
-2. مستقیماً به دایرکتوری‌های درس به ترتیب مراجعه کنید
-3. فایل‌های README هر درس را مطالعه کنید
-4. آزمون‌های قبل از درس را در https://ff-quizzes.netlify.app/web/ تکمیل کنید
-5. روی نمونه کدها در پوشه‌های درس کار کنید
-6. تمرینات و چالش‌ها را انجام دهید
-7. آزمون‌های بعد از درس را انجام دهید
+1. Fork یا clone مخزن  
+2. به ترتیب به دایرکتوری‌های درس‌ها بروید  
+3. فایل‌های README هر درس را مطالعه کنید  
+4. آزمون‌های قبل از درس را در https://ff-quizzes.netlify.app/web/ انجام دهید  
+5. مثال‌های کد در پوشه‌های درس را بررسی کنید  
+6. تکالیف و چالش‌ها را کامل کنید  
+7. آزمون‌های پس از درس را برگزار کنید  
 
-### توسعه زنده
+### توسعه به صورت زنده
 
-- **مستندات**: با دستور `docsify serve` در ریشه اجرا کنید (پورت 3000)
-- **اپلیکیشن آزمون**: دستور `npm run dev` را در دایرکتوری quiz-app اجرا کنید
-- **پروژه‌ها**: از افزونه Live Server در VS Code برای پروژه‌های HTML استفاده کنید
-- **پروژه‌های API**: دستور `npm start` را در دایرکتوری‌های API مربوطه اجرا کنید
+- **مستندات**: اجرای `docsify serve` در شاخه اصلی (پورت 3000)  
+- **برنامه آزمون**: اجرای `npm run dev` در دایرکتوری quiz-app  
+- **پروژه‌ها**: استفاده از افزونه VS Code Live Server برای پروژه‌های HTML  
+- **پروژه‌های API**: اجرای `npm start` در دایرکتوری‌های مربوط به API  
 
 ## دستورالعمل‌های تست
 
-### تست اپلیکیشن آزمون
+### تست برنامه آزمون
 
 ```bash
 cd quiz-app
@@ -114,84 +114,84 @@ npm run lint       # بررسی مشکلات سبک کد
 npm run build      # تأیید موفقیت ساخت
 ```
 
-### تست API بانک
+### تست API بانکی
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # بررسی مشکلات سبک کد
-node server.js     # بررسی راه‌اندازی سرور بدون خطاها
+npm run lint       # بررسی مسائل سبک کد
+node server.js     # تایید راه‌اندازی سرور بدون خطاها
 ```
 
 ### رویکرد کلی تست
 
-- این یک مخزن آموزشی بدون تست‌های خودکار جامع است
-- تست دستی روی موارد زیر تمرکز دارد:
-  - نمونه کدها بدون خطا اجرا شوند
-  - لینک‌های مستندات به درستی کار کنند
-  - ساخت پروژه‌ها موفقیت‌آمیز باشد
-  - نمونه‌ها طبق بهترین شیوه‌ها باشند
+- این یک مخزن آموزشی است و تست‌های خودکار جامع ندارد  
+- تست دستی تمرکز دارد روی:  
+  - اجرای بدون خطا مثال‌های کد  
+  - عملکرد صحیح لینک‌ها در مستندات  
+  - ساخت پروژه‌ها به صورت موفقیت‌آمیز  
+  - رعایت بهترین شیوه‌ها در مثال‌ها  
 
 ### بررسی‌های قبل از ارسال
 
-- اجرای `npm run lint` در دایرکتوری‌های حاوی package.json
-- اطمینان از صحت لینک‌های مارک‌داون
-- تست نمونه کدها در مرورگر یا Node.js
-- بررسی حفظ ساختار ترجمه‌ها
+- اجرای `npm run lint` در دایرکتوری‌هایی که package.json دارند  
+- اعتبارسنجی لینک‌های مارک‌داون  
+- تست مثال‌های کد در مرورگر یا Node.js  
+- اطمینان از حفظ ساختار ترجمه‌ها  
 
-## راهنمای سبک کد
+## دستورالعمل‌های سبک کد
 
-### جاوااسکریپت
+### JavaScript
 
-- استفاده از نگارش مدرن ES6+
-- پیروی از تنظیمات معتبر ESLint ارائه شده در پروژه‌ها
-- استفاده از نام‌های متغیر و تابع معنادار برای وضوح آموزشی
-- افزودن کامنت برای توضیح مفاهیم برای یادگیرندگان
-- فرمت کردن با Prettier در صورت پیکربندی
+- استفاده از نحو مدرن ES6+  
+- پیروی از تنظیمات ESLint موجود در پروژه‌ها  
+- نام‌گذاری متغیرها و توابع معنادار برای آموزش بهتر  
+- افزودن کامنت جهت توضیح مفاهیم برای یادگیرندگان  
+- فرمت کردن با Prettier در صورت تنظیم بودن  
 
 ### HTML/CSS
 
-- استفاده از عناصر معنایی HTML5
-- اصول طراحی واکنش‌گرا
-- قراردادهای نامگذاری کلاس‌های واضح
-- کامنت‌های توضیح تکنیک‌های CSS برای یادگیرندگان
+- استفاده از المان‌های معنایی HTML5  
+- اصول طراحی واکنش‌گرا  
+- شیوه نام‌گذاری کلاس‌ها به صورت واضح  
+- کامنت‌های توضیحی روش‌های CSS برای یادگیرندگان  
 
 ### پایتون
 
-- رعایت دستورالعمل‌های استایل PEP 8
-- نمونه کدهای واضح و آموزشی
-- استفاده از Type hints در صورت مفید بودن برای یادگیری
+- پیروی از دستورالعمل‌های سبک PEP 8  
+- مثال‌های کد واضح و آموزشی  
+- استفاده از نوع‌دهی در مواقع لازم برای یادگیری  
 
 ### مستندات مارک‌داون
 
-- سلسله مراتب واضح عناوین
-- بلوک‌های کد با مشخص کردن زبان
-- لینک به منابع اضافی
-- تصاویر و اسکرین‌شات‌ها در دایرکتوری `images/`
-- متن جایگزین برای تصاویر جهت دسترسی بهتر
+- سلسله مراتب شفاف عناوین  
+- بلاک کد با مشخص کردن زبان  
+- لینک به منابع اضافی  
+- تصاویر و اسکرین‌شات‌ها در دایرکتوری `images/`  
+- متن جایگزین برای تصاویر جهت دسترسی‌پذیری  
 
 ### سازماندهی فایل‌ها
 
-- درس‌ها به صورت شماره‌گذاری پشت سر هم (مثل 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}/` قرار دارند  
 
 ## ساخت و استقرار
 
-### استقرار اپلیکیشن آزمون (Azure Static Web Apps)
+### استقرار برنامه آزمون (Azure Static Web Apps)
 
-quiz-app برای استقرار در Azure Static Web Apps پیکربندی شده است:
+برنامه quiz-app برای استقرار در Azure Static Web Apps پیکربندی شده است:
 
 ```bash
 cd quiz-app
-npm run build      # پوشه dist/ را ایجاد می‌کند
-# هنگام push به شاخه main با استفاده از گردش کار GitHub Actions انتشار می‌دهد
+npm run build      # پوشه dist/ ایجاد می‌کند
+# در هر بار پوش کردن به main با استفاده از گردش کار 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`  
 
 ### تولید PDF مستندات
 
@@ -200,7 +200,7 @@ npm install                    # نصب docsify-to-pdf
 npm run convert               # تولید PDF از docs
 ```
 
-### مستندات Docsify
+### مستندسازی Docsify
 
 ```bash
 npm install -g docsify-cli    # نصب Docsify به صورت سراسری
@@ -209,72 +209,74 @@ docsify serve                 # سرویس‌دهی در localhost:3000
 
 ### ساخت‌های خاص پروژه
 
-هر دایرکتوری پروژه ممکن است روند ساخت خاص خود را داشته باشد:
-- پروژه‌های Vue: `npm run build` برای ایجاد بسته‌های تولیدی
-- پروژه‌های استاتیک: بدون مرحله ساخت، فایل‌ها مستقیماً سرو می‌شوند
+هر دایرکتوری ممکن است فرایند ساخت مخصوص به خود را داشته باشد:  
+- پروژه‌های Vue: اجرای `npm run build` برای تولید نسخه‌های نهایی  
+- پروژه‌های استاتیک: بدون گام ساخت، فایل‌ها مستقیماً سرو می‌شوند  
+
+## دستورالعمل‌های Pull Request
 
-## دستورالعمل‌های درخواست Pull Request
+### قالب عنوان
 
-### فرمت عنوان
+از عناوین شفاف و توصیفی استفاده کنید که حوزه تغییر را مشخص کند:  
+- `[Quiz-app] افزودن آزمون جدید برای درس X`  
+- `[Lesson-3] اصلاح اشتباه تایپی در پروژه تراریوم`  
+- `[Translation] افزودن ترجمه اسپانیایی برای درس ۵`  
+- `[Docs] به‌روزرسانی دستورالعمل‌های راه‌اندازی`  
 
-از عناوین واضح و توصیفی استفاده کنید که حوزه تغییر را نشان می‌دهند:
-- `[Quiz-app] افزودن آزمون جدید برای درس X`
-- `[Lesson-3] اصلاح تایپو در پروژه تری‌ریم`
-- `[Translation] افزودن ترجمه اسپانیایی برای درس 5`
-- `[Docs] به‌روزرسانی دستورالعمل‌های راه‌اندازی`
+### بررسی‌های مورد نیاز
 
-### چک‌های مورد نیاز قبل از ارسال PR
+قبل از ارسال PR:  
 
-1. **کیفیت کد**:
-   - اجرای `npm run lint` در دایرکتوری پروژه‌های مربوط
-   - رفع تمام خطاها و هشدارهای lint
+1. **کیفیت کد**:  
+   - اجرای `npm run lint` در دایرکتوری‌های مرتبط  
+   - رفع تمامی خطاها و هشدارهای lint  
 
-2. **تایید ساخت**:
-   - اجرای `npm run build` در صورت نیاز
-   - اطمینان از عدم وجود خطای ساخت
+2. **تأیید ساخت**:  
+   - اجرای `npm run build` در صورت نیاز  
+   - اطمینان از عدم وجود خطای ساخت  
 
-3. **اعتبارسنجی لینک‌ها**:
-   - تست تمام لینک‌های مارک‌داون
-   - اطمینان از کارکرد ارجاعات به تصاویر
+3. **اعتبارسنجی لینک‌ها**:  
+   - بررسی همه لینک‌های مارک‌داون  
+   - اطمینان از کارکرد ارجاعات تصاویر  
 
-4. **بازبینی محتوا**:
-   - اصلاح املایی و گرامری
-   - اطمینان از درستی و آموزشی بودن نمونه‌های کد
-   - بررسی حفظ معنی در ترجمه‌ها
+4. **بازبینی محتوا**:  
+   - بازخوانی و بررسی املایی و دستوری  
+   - اطمینان از صحیح و آموزشی بودن مثال‌های کد  
+   - تضمین دقیق بودن ترجمه‌ها و حفظ معنی اصلی  
 
 ### الزامات مشارکت
 
-- تایید قرارداد مجوز مایکروسافت (چک خودکار در PR اول)
-- پیروی از [کد رفتاری منبع باز مایکروسافت](https://opensource.microsoft.com/codeofconduct/)
-- مشاهده [CONTRIBUTING.md](./CONTRIBUTING.md) برای راهنمایی‌های دقیق‌تر
-- ارجاع شماره‌های Issue در توضیحات PR در صورت وجود
+- موافقت با CLA مایکروسافت (بررسی خودکار در اولین PR)  
+- رعایت [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)  
+- مشاهده [CONTRIBUTING.md](./CONTRIBUTING.md) برای دستورالعمل‌های دقیق  
+- ارجاع به شماره مسائل در توضیحات PR در صورت وجود  
 
 ### روند بازبینی
 
-- PRها توسط نگه‌دارندگان و جامعه بررسی می‌شوند
-- اولویت بر وضوح آموزشی است
-- نمونه‌های کد باید بهترین شیوه‌های کنونی را دنبال کنند
-- ترجمه‌ها برای دقت و تناسب فرهنگی بررسی می‌شوند
+- PRها توسط نگهدارندگان و جامعه بازبینی می‌شوند  
+- وضوح آموزشی الویت دارد  
+- مثال‌های کد باید بهترین شیوه‌ها را دنبال کنند  
+- ترجمه‌ها برای دقت و انطباق فرهنگی بازبینی می‌شوند  
 
 ## سیستم ترجمه
 
 ### ترجمه خودکار
 
-- استفاده از GitHub Actions با روند کاری co-op-translator
-- ترجمه به بیش از 50 زبان به صورت خودکار
-- فایل‌های منبع در دایرکتوری‌های اصلی
-- فایل‌های ترجمه شده در ساختار `translations/{language-code}/`
+- استفاده از GitHub Actions با جریان کاری co-op-translator  
+- ترجمه خودکار به بیش از ۵۰ زبان  
+- فایل‌های منبع در دایرکتوری‌های اصلی  
+- فایل‌های ترجمه شده در `translations/{language-code}/`  
 
 ### افزودن بهبودهای ترجمه دستی
 
-1. فایل را در `translations/{language-code}/` پیدا کنید
-2. بهبودها را با حفظ ساختار اعمال کنید
-3. اطمینان از عملکرد صحیح نمونه کدها
-4. تست محتوای آزمون محلی‌شده در صورت وجود
+1. ورود به فایل در `translations/{language-code}/`  
+2. اعمال بهبودها با حفظ ساختار  
+3. اطمینان از عملکرد صحیح مثال‌های کد  
+4. تست هر محتوای آزمون محلی شده  
 
 ### فراداده ترجمه
 
-فایل‌های ترجمه شامل هدر فراداده هستند:
+فایل‌های ترجمه شده شامل هدر فراداده:  
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -287,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## اشکال‌زدایی و رفع مشکلات
+## عیب‌یابی و رفع مشکلات
 
-### مشکلات رایج
+### مشکلات متداول
 
-**اپلیکیشن آزمون راه‌اندازی نمی‌شود**:
-- نسخه Node.js را بررسی کنید (نسخه 14+ توصیه می‌شود)
-- پوشه‌های `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`  
 
-**افزونه مرورگر بارگیری نمی‌شود**:
-- بررسی فرمت صحیح `manifest.json`
-- کنسول مرورگر برای خطاها را چک کنید
-- دستورالعمل نصب افزونه مربوط به مرورگر را دنبال کنید
+**افزونه مرورگر لود نمی‌شود**:  
+- بررسی صحت قالب manifest.json  
+- چک کردن کنسول مرورگر برای خطاها  
+- دنبال کردن دستورالعمل نصب افزونه مرورگر خاص  
 
-**مشکل در پروژه چت پایتون**:
-- اطمینان از نصب بسته OpenAI: `pip install openai`
-- چک کنید متغیر محیطی GITHUB_TOKEN تنظیم شده باشد
-- بررسی دسترسی مدل‌های گیت‌هاب
+**مشکلات پروژه چت پایتون**:  
+- اطمینان از نصب پکیج 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`  
 
 ### نکات محیط توسعه
 
-- استفاده از VS Code با افزونه Live Server برای پروژه‌های HTML
-- نصب افزونه‌های ESLint و Prettier برای فرمت بندی یکنواخت
-- استفاده از DevTools مرورگر برای اشکال‌زدایی جاوااسکریپت
-- برای پروژه‌های Vue، نصب افزونه Vue DevTools مرورگر
+- استفاده از VS Code با افزونه Live Server برای پروژه‌های HTML  
+- نصب افزونه‌های ESLint و Prettier برای قالب‌بندی یکنواخت  
+- استفاده از DevTools مرورگر برای اشکال‌زدایی JavaScript  
+- نصب افزونه Vue DevTools برای پروژه‌های Vue  
 
 ### ملاحظات عملکرد
 
-- تعداد زیاد فایل‌های ترجمه شده (50+ زبان) باعث بزرگی کلون کامل می‌شود
-- از کلون سطحی در صورت کار فقط با محتوا استفاده کنید: `git clone --depth 1`
-- در هنگام کار روی محتوای انگلیسی ترجمه‌ها را از جستجوها حذف کنید
-- روند ساخت در اولین اجرا ممکن است کند باشد (npm install، ساخت Vite)
+- تعداد زیاد فایل‌های ترجمه شده (بیش از ۵۰ زبان) باعث بزرگ شدن کلون کامل می‌شود  
+- استفاده از کلون کم‌عمق در صورت کار صرفاً روی محتوا: `git clone --depth 1`  
+- حذف ترجمه‌ها از جستجو هنگام کار روی محتوای انگلیسی  
+- فرایندهای ساخت ممکن است در اجرای اولیه کند باشند (npm install، ساخت Vite)  
 
 ## ملاحظات امنیتی
 
 ### متغیرهای محیطی
 
-- کلیدهای API هرگز نباید در مخزن کامیت شوند
-- استفاده از فایل‌های `.env` (که در `.gitignore` هستند)
-- مستندسازی متغیرهای محیطی مورد نیاز در README پروژه‌ها
+- کلیدهای API هرگز نباید در مخزن کامیت شوند  
+- استفاده از فایل‌های `.env` (در `.gitignore` موجود است)  
+- مستندسازی متغیرهای محیطی مورد نیاز در README پروژه‌ها  
 
 ### پروژه‌های پایتون
 
-- استفاده از محیط‌های مجازی: `python -m venv venv`
-- به‌روزرسانی وابستگی‌ها
-- توکن‌های گیت‌هاب باید حداقل مجوزهای لازم را داشته باشند
+- استفاده از محیط‌های مجازی: `python -m venv venv`  
+- به‌روزرسانی مداوم وابستگی‌ها  
+- توکن‌های GitHub باید حداقل مجوزهای لازم را داشته باشند  
 
-### دسترسی به مدل‌های گیت‌هاب
+### دسترسی به مدل‌های GitHub
 
-- توکن‌های دسترسی شخصی (PAT) برای مدل‌های گیت‌هاب لازم است
-- توکن‌ها باید به عنوان متغیرهای محیطی ذخیره شوند
-- هرگز توکن‌ها یا اطلاعات ورود را کامیت نکنید
+- توکن‌های Personal Access Token (PAT) برای مدل‌های GitHub لازم است  
+- توکن‌ها باید به صورت متغیر محیطی ذخیره شوند  
+- هرگز توکن‌ها یا اطلاعات اعتبار را کامیت نکنید  
 
 ## یادداشت‌های اضافی
 
-### مخاطب هدف
+### مخاطبان هدف
 
-- مبتدیان کامل در توسعه وب
-- دانشجویان و یادگیرندگان خودآموز
-- معلمانی که از دوره در کلاس استفاده می‌کنند
-- محتوای طراحی شده برای دسترسی‌پذیری و ارتقاء مهارت تدریجی
+- مبتدیان کامل در توسعه وب  
+- دانش‌آموزان و یادگیرندگان خودآموز  
+- معلمانی که از این دوره در کلاس‌های درس استفاده می‌کنند  
+- محتوای طراحی شده برای دسترسی‌پذیری و ساخت مهارت تدریجی  
 
 ### فلسفه آموزشی
 
-- رویکرد یادگیری مبتنی بر پروژه
-- بررسی دانش مکرر (آزمون‌ها)
-- تمرینات کدنویسی عملی
-- مثال‌های کاربردی دنیای واقعی
-- تاکید بر اصول پایه قبل از فریم‌ورک‌ها
+- رویکرد یادگیری پروژه محور  
+- بررسی‌های دانش مکرر (آزمون‌ها)  
+- تمرین‌های عملی کد نویسی  
+- مثال‌های کاربردی دنیای واقعی  
+- تمرکز بر اصول قبل از فریم‌ورک‌ها  
 
 ### نگهداری مخزن
 
-- جامعه فعال از یادگیرندگان و مشارکت‌کنندگان
-- به‌روزرسانی منظم وابستگی‌ها و محتوا
-- ارجاعات و بحث‌ها توسط نگه‌دارندگان پایش می‌شود
-- به‌روزرسانی‌های ترجمه به صورت خودکار توسط GitHub Actions
+- جامعه فعال از یادگیرندگان و مشارکت‌کنندگان  
+- به‌روزرسانی‌های منظم وابستگی‌ها و محتوا  
+- نظارت نگهدارندگان بر مسائل و بحث‌ها  
+- به‌روزرسانی ترجمه‌ها به صورت خودکار از طریق GitHub Actions  
 
 ### منابع مرتبط
 
-- [ماژول‌های Microsoft Learn](https://docs.microsoft.com/learn/)
-- [منابع Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) توصیه شده برای یادگیرندگان
-- دوره‌های اضافی: AI مولد، علم داده، یادگیری ماشین، برنامۀ IoT در دسترس
+- [ماژول‌های Microsoft Learn](https://docs.microsoft.com/learn/)  
+- [منابع Student Hub](https://docs.microsoft.com/learn/student-hub/)  
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) توصیه شده برای یادگیرندگان  
+- دوره‌های اضافی: هوش مصنوعی مولد، علوم داده، یادگیری ماشین، دوره‌های IoT موجود  
 
-### کار با پروژه‌های خاص
+### کار با پروژه‌های مشخص
 
-برای دستورالعمل‌های دقیق پروژه‌های فردی، به فایل‌های README مراجعه کنید در:
-- `quiz-app/README.md` - اپلیکیشن آزمون Vue 3
-- `7-bank-project/README.md` - برنامه بانکداری با احراز هویت
-- `5-browser-extension/README.md` - توسعه افزونه مرورگر
-- `6-space-game/README.md` - توسعه بازی مبتنی بر Canvas
-- `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` - توسعه بازی مبتنی بر Canvas  
+- `9-chat-project/README.md` - پروژه دستیار چت هوش مصنوعی  
 
-### ساختار Monorepo
+### ساختار مونو رپو
 
-اگرچه این یک monorepo سنتی نیست، این مخزن شامل چندین پروژه مستقل است:
-- هر درس به صورت خودکفا است
-- پروژه‌ها وابستگی مشترک ندارند
-- روی پروژه‌های فردی بدون تأثیرگذاری روی دیگران کار کنید
-- برای تجربه کامل دوره، کل مخزن را کلون کنید
+اگرچه این مخزن یک مونو رپو سنتی نیست، شامل چندین پروژه مستقل است:  
+- هر درس به صورت جداگانه مستقل است  
+- پروژه‌ها وابستگی مشترک ندارند  
+- روی پروژه‌های فردی بدون تأثیر بر دیگران کار کنید  
+- کلون کامل مخزن برای تجربه کامل دوره لازم است  
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**سلب مسؤولیت**:
-این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما برای دقت تلاش می‌کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نادرستی‌هایی باشند. سند اصلی به زبان بومی خود باید به‌عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچگونه سوءتفاهم یا برداشت نادرستی که از استفاده این ترجمه ناشی شود، نمی‌باشیم.
+**سلب مسئولیت**:
+این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما در تلاش برای دقت هستیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است حاوی خطاها یا نادقتی‌هایی باشند. سند اصلی به زبان بومی آن باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سو تفاهم یا برداشت نادرستی که ناشی از استفاده از این ترجمه باشد، نیستیم.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fa/README.md b/translations/fa/README.md
index 8a82c7418..5c49284d6 100644
--- a/translations/fa/README.md
+++ b/translations/fa/README.md
@@ -12,199 +12,211 @@
 
 # توسعه وب برای مبتدیان - یک برنامه درسی
 
-اصول توسعه وب را با دوره جامع ۱۲ هفته‌ای ما توسط مایکروسافت کلود ادوکیتس بیاموزید. هر یک از ۲۴ درس به صورت عملی به جاوااسکریپت، CSS و HTML می‌پردازد از طریق پروژه‌های عملی مانند تراریوم‌ها، افزونه‌های مرورگر و بازی‌های فضایی. با آزمون‌ها، بحث‌ها و تکالیف عملی درگیر شوید. مهارت‌های خود را تقویت کنید و با روش آموزش مبتنی بر پروژه مؤثر، دانش خود را بهینه کنید. سفر برنامه‌نویسی خود را امروز آغاز کنید!
+اصول پایه توسعه وب را با دوره جامع ۱۲ هفته‌ای ما توسط مدافعان مایکروسافت کلود بیاموزید. هر یک از ۲۴ درس به صورت عملی به جاوااسکریپت، CSS و HTML می‌پردازد، با پروژه‌های کاربردی مانند تراریوم‌ها، افزونه‌های مرورگر و بازی‌های فضایی. در آزمون‌ها، بحث‌ها و وظایف عملی شرکت کنید. مهارت‌های خود را افزایش دهید و حفظ دانش خود را با روش تدریس پروژه‌محور مؤثر ما بهینه‌سازی کنید. سفر کدنویسی خود را امروز آغاز کنید!
 
-به انجمن دیسکورد Azure AI Foundry بپیوندید
+به جامعه دیسکورد Azure AI Foundry بپیوندید
 
 [![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 بپیوندید و با متخصصان و توسعه‌دهندگان دیگر دیدار کنید**](https://discord.com/invite/ByRwuEEgH4)
+3. [**به دیسکورد Azure AI Foundry بپیوندید و با کارشناسان و توسعه‌دهندگان همدل ملاقات کنید**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 پشتیبانی چندزبانه
+### 🌐 پشتیبانی چند زبانه
 
-#### پشتیبانی شده از طریق GitHub Action (خودکار و همیشه به‌روز)
+#### پشتیبانی شده توسط GitHub Action (خودکار و همیشه به‌روز)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](./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)
 
-> **ترجیح می‌دهید به صورت محلی کلون کنید؟**
-
-> این مخزن شامل بیش از ۵۰ ترجمه زبان است که به‌طور قابل توجهی حجم دانلود را افزایش می‌دهد. برای کلون بدون ترجمه‌ها از چک‌اوت جزئی استفاده کنید:
+> **ترجیح می‌دهید محلی کلون کنید؟**
+>
+> این مخزن شامل بیش از ۵۰ ترجمه زبانی است که سایز دانلود را به طور قابل توجهی افزایش می‌دهد. برای کلون بدون ترجمه‌ها، از 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"
+> ```
+>
+> این به شما همه چیز مورد نیاز برای اتمام دوره را همراه با دانلود بسیار سریعتر می‌دهد.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**اگر مایل هستید زبان‌های ترجمه اضافی پشتیبانی شوند، این زبان‌ها در [اینجا](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) فهرست شده‌اند**
+**اگر مایلید زبان‌های ترجمه اضافی پشتیبانی شود، آنها در این آدرس لیست شده‌اند [اینجا](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _آیا دانشجو هستید؟_
+#### 🧑‍🎓 _آیا دانش‌آموز هستید؟_
 
-از [**صفحه مرکز دانشجویی**](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 Agent Mode برای تکمیل!
 
-چالش جدید اضافه شده است، در اکثر فصل‌ها دنبال "چالش GitHub Copilot Agent 🚀" باشید. این چالش جدیدی است برای شما که با استفاده از GitHub Copilot و حالت Agent تکمیل کنید. اگر قبلاً از حالت Agent استفاده نکرده‌اید، این حالت نه تنها قادر به تولید متن است بلکه می‌تواند فایل بسازد و ویرایش کند، دستورات اجرا کند و بیشتر.
+چالش جدید اضافه شده است، به دنبال "چالش GitHub Copilot Agent 🚀" در اکثر فصل‌ها باشید. این یک چالش جدید برای شماست تا با استفاده از GitHub Copilot و حالت Agent آن را کامل کنید. اگر قبلاً از حالت Agent استفاده نکرده‌اید، این حالت قادر است نه تنها متن تولید کند بلکه می‌تواند فایل ایجاد و ویرایش کند، دستورها را اجرا کند و بیشتر.
 
-### 📣 اعلامیه - _پروژه جدید برای ساخت با استفاده از هوش مصنوعی مولد_ 
+### 📣 اعلامیه - _پروژه جدیدی برای ساخت با استفاده از هوش مصنوعی مولد_ 
 
-پروژه دستیار هوش مصنوعی جدید همین الان اضافه شده است، آن را بررسی کنید [پروژه](./9-chat-project/README.md)
+پروژه دستیار هوش مصنوعی جدید به تازگی اضافه شده است، آن را بررسی کنید [پروژه](./9-chat-project/README.md)
 
-### 📣 اعلامیه - _برنامه درسی جدید_ درباره هوش مصنوعی مولد برای جاوااسکریپت به تازگی منتشر شده است
+### 📣 اعلامیه - _برنامه درسی جدید_ برای هوش مصنوعی مولد در جاوااسکریپت به تازگی منتشر شده است
 
 برنامه درسی جدید هوش مصنوعی مولد ما را از دست ندهید!
 
-برای شروع به [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/fa/background.148a8d43afde5730.webp)
 
-- دروس شامل همه چیز از اصول تا RAG.
+- درس‌هایی که از مبانی تا RAG را پوشش می‌دهند.
 - تعامل با شخصیت‌های تاریخی با استفاده از GenAI و اپلیکیشن همراه ما.
-- روایت سرگرم‌کننده و جذاب، شما سفر در زمان خواهید داشت!
+- روایت سرگرم‌کننده و جذاب، شما به سفر در زمان خواهید رفت!
 
 ![character](../../translated_images/fa/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) کار کنید.
 
 #### ایجاد مخزن خود
-برای اینکه به راحتی بتوانید کار خود را ذخیره کنید، توصیه می‌شود یک نسخه از این مخزن را ایجاد کنید. می‌توانید این کار را با کلیک روی دکمه **Use this template** در بالای صفحه انجام دهید. این یک مخزن جدید در حساب گیت‌هاب شما با کپی برنامه درسی ایجاد می‌کند.
+برای این که راحت‌تر کارهای خود را ذخیره کنید، توصیه می‌شود نسخه‌ای از این مخزن را ایجاد کنید. می‌توانید این کار را با کلیک بر روی دکمه **Use this template** در بالای صفحه انجام دهید. این کار یک مخزن جدید در حساب گیت‌هاب شما با نسخه‌ای از برنامه درسی ایجاد می‌کند.
 
 مراحل زیر را دنبال کنید:
-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/fa/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) به عنوان ویرایشگر است که دارای [ترمینال](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)
-سپس، درون [ترمینال](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) در [ویژوال استودیو کد](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) باز کنید و دستور زیر را اجرا کنید، جایگزین `<your-repository-url>` با آدرسی که همین حالا کپی کردید:
+
+    سپس، درون [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) باز کنید و فرمان زیر را اجرا کنید، به جای `<your-repository-url>` آدرسی که تازه کپی کرده‌اید را جایگزین کنید:
 
     ```bash 
     git clone <your-repository-url>
     ```
-  
-۲. پوشه را در ویژوال استودیو کد باز کنید. می‌توانید این کار را با کلیک روی **File** > **Open Folder** و انتخاب پوشه‌ای که همین حالا کلون کرده‌اید، انجام دهید.
 
-> افزونه‌های پیشنهادی ویژوال استودیو کد:  
->  
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - برای پیش‌نمایش صفحات HTML در ویژوال استودیو کد  
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - برای کمک به شما در نوشتن سریع‌تر کد
+2. پوشه را در Visual Studio Code باز کنید. می‌توانید این کار را با کلیک روی **File** > **Open Folder** انجام داده و پوشه‌ای را که تازه کلون کرده‌اید انتخاب کنید.
+
+
+>  افزونه‌های پیشنهادی Visual Studio Code:
+>
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - برای پیش‌نمایش صفحات HTML درون Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - برای کمک به نوشتن کد سریع‌تر
 
 ## 📂 هر درس شامل:
 
-- یادداشت اختیاری  
-- ویدئوی مکمل اختیاری  
-- آزمون گرم‌کننده پیش از درس  
-- درس کتبی  
-- برای درس‌های مبتنی بر پروژه، راهنمای گام‌به‌گام برای ساخت پروژه  
-- بررسی دانش  
-- یک چالش  
-- مطالعه مکمل  
-- تمرین  
+- طرح اولیه اختیاری (sketchnote)
+- ویدئوی کمکی اختیاری
+- آزمون گرم‌کننده پیش از درس
+- درس کتبی
+- برای درس‌های مبتنی بر پروژه، راهنماهای گام به گام ساخت پروژه
+- بررسی‌های دانش
+- یک چالش
+- مطالعه تکمیلی
+- تکلیف
 - [آزمون پس از درس](https://ff-quizzes.netlify.app/web/)
 
-> **یادداشتی درباره آزمون‌ها**: تمام آزمون‌ها در پوشه Quiz-app قرار دارند، مجموعاً ۴۸ آزمون هر کدام شامل سه سوال. آنها در [اینجا](https://ff-quizzes.netlify.app/web/) قابل دسترسی هستند؛ برنامه آزمون را می‌توان به صورت محلی اجرا کرد یا در Azure مستقر نمود؛ دستورالعمل‌ها را در پوشه `quiz-app` دنبال کنید.
+> **نکته‌ای درباره آزمون‌ها**: همه آزمون‌ها در پوشه Quiz-app قرار دارند، در مجموع ۴۸ آزمون با هر کدام شامل سه سوال. آن‌ها قابل دسترس [در اینجا](https://ff-quizzes.netlify.app/web/) هستند و می‌توان اپلیکیشن آزمون را به صورت محلی اجرا کرد یا در Azure مستقر نمود؛ دستورالعمل‌ها در پوشه `quiz-app` آمده است.
 
 ## 🗃️ درس‌ها
 
-|     |                       نام پروژه                        |                            مفاهیم آموزش داده شده                            | اهداف یادگیری                                                                                                                     |                                                         درس مرتبط                                                          |         نویسنده         |
-| :-: | :----------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| ۰۱  |                     شروع به کار                       |           مقدمه‌ای بر برنامه‌نویسی و ابزارهای مرتبط           | یادگیری اصول پایه اکثر زبان‌های برنامه‌نویسی و نرم‌افزاری که به توسعه‌دهندگان حرفه‌ای کمک می‌کند وظایف خود را انجام دهند | [مقدمه بر زبان‌های برنامه‌نویسی و ابزارها](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| ۰۲  |                     شروع به کار                       |             اصول گیت‌هاب، شامل کار تیمی             | نحوه استفاده از گیت‌هاب در پروژه خود، نحوه همکاری با دیگران روی یک کد                                                      |                            [مقدمه بر گیت‌هاب](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| ۰۳  |                     شروع به کار                       |                             دسترسی‌پذیری                              | یادگیری اصول دسترسی‌پذیری وب                                                                                               |                       [مبانی دسترسی‌پذیری](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| ۰۴  |                        مفاهیم پایه JS                         |                         انواع داده در جاوااسکریپت                          | اصول انواع داده در جاوااسکریپت                                                                                                 |                                       [انواع داده](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| ۰۵  |                        مفاهیم پایه JS                         |                         توابع و متدها                          | آموزش توابع و متدها برای مدیریت جریان منطق برنامه                                                                             |                              [توابع و متدها](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| ۰۶  |                        مفاهیم پایه JS                         |                        گرفتن تصمیم با JS                        | یادگیری ایجاد شرایط در کد با استفاده از روش‌های تصمیم‌گیری                                                                   |                                 [گرفتن تصمیم](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| ۰۷  |                        مفاهیم پایه JS                         |                            آرایه‌ها و حلقه‌ها                            | کار با داده‌ها با استفاده از آرایه‌ها و حلقه‌ها در جاوااسکریپت                                                             |                                   [آرایه‌ها و حلقه‌ها](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| ۰۸  |       [تراریوم](./3-terrarium/solution/README.md)       |                            HTML در عمل                            | ساخت HTML برای ایجاد یک تراریوم آنلاین، تمرکز بر ساختار صفحه                                                                 |                                 [مقدمه‌ای بر HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| ۰۹  |       [تراریوم](./3-terrarium/solution/README.md)       |                            CSS در عمل                             | ساخت CSS برای استایل دهی تراریوم آنلاین، تمرکز بر اصول CSS و ساخت صفحه واکنش‌گرا                                              |                                  [مقدمه‌ای بر CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| ۱۰  |            [تراریوم](./3-terrarium/solution/README.md)            |                 کلوزرهای جاوااسکریپت، دستکاری DOM                  | ساخت جاوااسکریپت برای ایجاد رابط کشیدن و رها کردن در تراریوم، تمرکز بر کلوزرها و دستکاری DOM                                   |                  [کلوزرهای جاوااسکریپت، دستکاری DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| ۱۱  |          [بازی تایپ](./4-typing-game/solution/README.md)          |                          ساخت بازی تایپ                           | یادگیری استفاده از رویدادهای کیبورد برای مدیریت منطق برنامه جاوااسکریپت                                                     |                                [برنامه‌نویسی رویداد محور](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| ۱۲  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) |                         کار با مرورگرها                          | یادگیری طرز کار مرورگرها، تاریخچه آنها و ساختار اولیه افزونه مرورگر                                                        |                               [درباره مرورگرها](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| ۱۳  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) | ساخت فرم، فراخوانی API و ذخیره متغیرها در ذخیره محلی | ساخت المان‌های جاوااسکریپت در افزونه مرورگر برای فراخوانی API با استفاده از متغیرهای ذخیره شده در ذخیره محلی                 |                [APIها، فرم‌ها و ذخیره محلی](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| ۱۴  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) |          فرایندهای پس‌زمینه در مرورگر، بهینه‌سازی وب          | استفاده از فرایندهای پس‌زمینه مرورگر برای مدیریت آیکون افزونه؛ یادگیری درباره عملکرد وب و بهینه‌سازی‌های مربوطه                 |             [فرایندهای پس‌زمینه و عملکرد](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| ۱۵  |           [بازی فضایی](./6-space-game/solution/README.md)           |             توسعه پیشرفته بازی با جاوااسکریپت             | یادگیری وراثت با استفاده از کلاس‌ها و ترکیب و الگوی Pub/Sub، برای آمادگی ساخت بازی                                            |                      [مقدمه‌ای بر توسعه پیشرفته بازی](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| ۱۶  |           [بازی فضایی](./6-space-game/solution/README.md)           |                           رسم روی بوم                            | آشنایی با API بوم که برای رسم اجزا روی صفحه استفاده می‌شود                                                                |                                [رسم روی بوم](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| ۱۷  |           [بازی فضایی](./6-space-game/solution/README.md)           |                   حرکت دادن اجزا روی صفحه                    | کشف نحوه حرکت اجزا با استفاده از مختصات کارتزین و API بوم                                                                   |                           [حرکت دادن اجزا](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| ۱۸  |           [بازی فضایی](./6-space-game/solution/README.md)           |                          تشخیص برخورد                           | ایجاد برخورد بین اجزا و واکنش به هم با کلیدهای فشرده شده و فراهم‌سازی عملکرد خنک‌کننده برای تضمین اجرای صحیح بازی             |                              [تشخیص برخورد](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| ۱۹  |           [بازی فضایی](./6-space-game/solution/README.md)           |                             نگهداری امتیاز                              | انجام محاسبات ریاضی براساس وضعیت و عملکرد بازی                                                                               |                                    [نگهداری امتیاز](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| ۲۰  |           [بازی فضایی](./6-space-game/solution/README.md)           |                     پایان و راه‌اندازی مجدد بازی                     | آشنایی با پایان و راه‌اندازی مجدد بازی، شامل پاک‌سازی منابع و بازنشانی متغیرها                                              |                                [شرط پایان](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| ۲۱  |         [اپ بانکداری](./7-bank-project/solution/README.md)          |                 قالب‌ها و مسیرها در اپ وب                 | یادگیری ایجاد چارچوب معماری یک وب‌سایت چند صفحه‌ای با استفاده از مسیرها و قالب‌های HTML                                   |                            [قالب‌ها و مسیرهای HTML](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| ۲۲  |         [اپ بانکداری](./7-bank-project/solution/README.md)          |                  ساخت فرم ورود و ثبت نام                   | یادگیری ساخت فرم‌ها و مدیریت اعتبارسنجی                                                                                       |                                           [فرم‌ها](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| ۲۳  |         [اپ بانکداری](./7-bank-project/solution/README.md)          |                   روش‌های واکشی و استفاده از داده                   | نحوه جریان داده‌ها در اپلیکیشن، نحوه واکشی، ذخیره‌سازی و حذف آنها                                                           |                                            [داده‌ها](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| ۲۴  |         [اپ بانکداری](./7-bank-project/solution/README.md)          |                      مفاهیم مدیریت وضعیت                      | یادگیری اینکه اپ چگونه وضعیت را حفظ می‌کند و چطور می‌توان آن را به صورت برنامه‌ای مدیریت کرد                               |                                [مدیریت وضعیت](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| ۲۵ | [کد مرورگر/وی‌اس‌کد](../../8-code-editor) | کار با وی‌اس‌کد | یادگیری استفاده از ویرایشگر کد | [استفاده از ویرایشگر کد وی‌اس‌کد](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| ۲۶ | [دستیارهای هوش مصنوعی](./9-chat-project/README.md) | کار با هوش مصنوعی | یادگیری ساخت دستیار هوش مصنوعی خود | [پروژه دستیار هوش مصنوعی](./9-chat-project/README.md) | Chris |
-
-## 🏫 روش تدریس
-
-برنامه آموزشی ما بر اساس دو اصل کلیدی آموزشی طراحی شده است:  
-* یادگیری مبتنی بر پروژه  
+|     |                       نام پروژه                       |                            مفاهیم آموزش داده شده                             | اهداف یادگیری                                                                                                                 |                                                         درس مرتبط                                                          |         نویسنده          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     شروع به کار                      |           مقدمه‌ای بر برنامه‌نویسی و ابزارهای کار           | یادگیری اصول پایه‌ای اکثر زبان‌های برنامه‌نویسی و نرم‌افزاری که به توسعه‌دهندگان حرفه‌ای در انجام کارشان کمک می‌کند | [مقدمه‌ای بر زبان‌ها و ابزارهای برنامه‌نویسی](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     شروع به کار                      |             مبانی گیت‌هاب، شامل کار گروهی             | چگونگی استفاده از گیت‌هاب در پروژه و همکاری با دیگران روی کد                                                            |                            [مقدمه‌ای بر گیت‌هاب](./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  |       [تراریوم](./3-terrarium/solution/README.md)       |                            HTML در عمل                            | ساخت HTML برای ایجاد تراریوم آنلاین، تمرکز بر ساختار بندی صفحه                                                         |                                 [مقدمه‌ای بر HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [تراریوم](./3-terrarium/solution/README.md)       |                            CSS در عمل                             | ساخت CSS برای طراحی تراریوم آنلاین، تمرکز بر مبانی CSS شامل واکنش‌گرا کردن صفحه                     |                                  [مقدمه‌ای بر CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [تراریوم](./3-terrarium/solution/README.md)            |                 بسته‌های JavaScript، دستکاری DOM                  | ساخت جاوااسکریپت برای کارکرد تراریوم به صورت رابط کشیدن/رها کردن، تمرکز بر بسته‌ها و دستکاری DOM             |                  [بسته‌های JavaScript، دستکاری DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [بازی تایپ](./4-typing-game/solution/README.md)          |                          ساخت بازی تایپ                           | یادگیری استفاده از رویدادهای صفحه کلید برای هدایت منطق برنامه جاوااسکریپت                                                          |                                [برنامه‌نویسی رویدادمحور](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) |                         کار با مرورگرها                          | یادگیری کارکرد مرورگرها، تاریخچه آن‌ها و راه‌اندازی اولیه افزونه مرورگر                               |                               [درباره مرورگرها](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) | ساخت فرم، فراخوانی API و ذخیره متغیرها در local storage | ساخت عناصر جاوااسکریپت افزونه مرورگر برای فراخوانی API با استفاده از متغیرهای ذخیره شده در local storage                      |                [APIها، فرم‌ها و ذخیره محلی](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [افزونه مرورگر سبز](./5-browser-extension/solution/README.md) |          فرآیندهای پس‌زمینه در مرورگر، کارایی وب          | استفاده از فرآیندهای پس‌زمینه مرورگر برای مدیریت آیکون افزونه؛ آشنایی با عملکرد وب و بهینه‌سازی‌هایی برای بهبود آن   |             [وظایف پس‌زمینه و کارایی](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [بازی فضایی](./6-space-game/solution/README.md)           |             توسعه بازی پیشرفته‌تر با JavaScript             | یادگیری وراثت با هر دو کلاس و ترکیب و الگوی Pub/Sub، برای آماده‌سازی ساخت بازی              |                      [مقدمه‌ای بر توسعه بازی پیشرفته](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [بازی فضایی](./6-space-game/solution/README.md)           |                           رسم روی بوم                            | آشنایی با API بوم (Canvas) برای رسم عناصر روی صفحه                                                                       |                                [رسم روی بوم](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [بازی فضایی](./6-space-game/solution/README.md)           |                   حرکت عناصر در صفحه نمایش                    | کشف چگونگی حرکت گرفتن عناصر با استفاده از مختصات کارتزین و API بوم                                            |                           [حرکت دادن عناصر](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [بازی فضایی](./6-space-game/solution/README.md)           |                          تشخیص برخورد                           | ایجاد برخورد و واکنش عناصر به یکدیگر با استفاده از فشار کلیدها و فراهم کردن عملکرد خنک‌کننده برای اطمینان از کارایی بازی    |                              [تشخیص برخورد](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [بازی فضایی](./6-space-game/solution/README.md)           |                             نگهداری امتیاز                              | انجام محاسبات ریاضی بر اساس وضعیت و عملکرد بازی                                                                |                                    [نگهداری امتیاز](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [بازی فضایی](./6-space-game/solution/README.md)           |                     پایان و شروع مجدد بازی                     | یادگیری پایان دادن و شروع مجدد بازی، شامل پاکسازی منابع و بازنشانی مقادیر متغیرها                              |                                [شرط پایان](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [اپ بانک](./7-bank-project/solution/README.md)          |                 قالب‌ها و مسیرها در یک اپ وب                 | یادگیری ساخت اسکلت معماری وبسایت چندصفحه‌ای به کمک روتینگ و قالب‌های HTML                             |                            [قالب‌ها و مسیرها](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [اپ بانک](./7-bank-project/solution/README.md)          |                  ساخت فرم ورود و ثبت‌نام                   | یادگیری ساخت فرم‌ها و مدیریت روال‌های اعتبارسنجی                                                                          |                                           [فرم‌ها](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [اپ بانک](./7-bank-project/solution/README.md)          |                   روش‌های دریافت و استفاده از داده                   | جریان داده در برنامه، نحوه دریافت، ذخیره و حذف آن                                                 |                                            [داده](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [اپ بانک](./7-bank-project/solution/README.md)          |                      مفاهیم مدیریت وضعیت                      | یادگیری حفظ وضعیت برنامه و مدیریت برنامه‌ای آن                                                              |                                [مدیریت وضعیت](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [کد مرورگر/VScode](../../8-code-editor) | کار با VScode | یادگیری استفاده از ویرایشگر کد | [استفاده از ویرایشگر کد VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [دستیارهای هوش مصنوعی](./9-chat-project/README.md) | کار با هوش مصنوعی | یادگیری ساخت دستیار هوش مصنوعی خودتان | [پروژه دستیار هوش مصنوعی](./9-chat-project/README.md) | Chris |
+
+## 🏫 روش آموزش
+
+برنامه‌ی درسی ما با دو اصل کلیدی آموزش طراحی شده است:
+* یادگیری مبتنی بر پروژه
 * آزمون‌های مکرر
 
-این برنامه اصول جاوااسکریپت، HTML و CSS و همچنین جدیدترین ابزارها و تکنیک‌های مورد استفاده توسعه‌دهندگان وب امروزی را آموزش می‌دهد. دانش‌آموزان فرصت خواهند داشت با ساختن بازی تایپ، تراریوم مجازی، افزونه مرورگر دوستدار محیط‌زیست، بازی سبک مهاجم فضایی و اپ بانکداری برای کسب‌وکارها، تجربه عملی کسب کنند. تا پایان این مجموعه، دانش‌آموزان درک خوبی از توسعه وب پیدا خواهند کرد.
+این برنامه اساس‌های JavaScript، HTML و CSS را آموزش می‌دهد، همچنین جدیدترین ابزارها و تکنیک‌هایی که توسعه‌دهندگان وب امروزه استفاده می‌کنند. دانش‌آموزان فرصت کسب تجربه عملی را با ساخت بازی تایپ، تراریوم مجازی، افزونه مرورگر دوستدار محیط زیست، بازی سبک Space Invader و اپ بانک برای کسب‌وکارها خواهند داشت. تا پایان این مجموعه، یک درک جامع از توسعه وب کسب خواهند کرد.
 
-> 🎓 می‌توانید چند درس اول این برنامه آموزشی را به عنوان یک [مسیر یادگیری](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) در مایکروسافت لرن دنبال کنید!
+> 🎓 شما می‌توانید چند درس اول این برنامه را به صورت [مسیر یادگیری](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) در Microsoft Learn دنبال کنید!
 
-با اطمینان از تطابق محتوا با پروژه‌ها، فرآیند یادگیری برای دانش‌آموزان جذاب‌تر می‌شود و حفظ مفاهیم افزایش می‌یابد. همچنین چند درس ابتدایی در مبانی جاوااسکریپت برای معرفی مفاهیم همراه با ویدیویی از مجموعه "[سری مقدماتی به: جاوااسکریپت](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)" همراه است که برخی نویسندگان آن به این برنامه کمک کرده‌اند.
 
-علاوه بر این، آزمون کم‌فشار پیش از کلاس هدف دانش‌آموز را به سمت یادگیری موضوع مشخص می‌کند و آزمون دوم پس از کلاس تضمین‌کننده حفظ بیشتر است. این برنامه آموزشی طراحی شده تا انعطاف‌پذیر و سرگرم‌کننده باشد و می‌توان آن را به طور کامل یا جزئی گذراند. پروژه‌ها کوچک شروع شده و تا پایان سیکل ۱۲ هفته‌ای پیچیده‌تر می‌شوند.
+علاوه بر این، یک آزمون کم‌فشار قبل از کلاس هدف دانش‌آموز را به سمت یادگیری موضوع تعیین می‌کند، در حالی که آزمون دوم پس از کلاس، حفظ بهتر مطلب را تضمین می‌کند. این برنامه طوری طراحی شده که انعطاف‌پذیر و سرگرم‌کننده باشد و می‌توان آن را به صورت کامل یا بخشی از آن را گذراند. پروژه‌ها از سطح کوچک آغاز شده و تا پایان چرخه ۱۲ هفته‌ای به طور فزاینده‌ای پیچیده می‌شوند.
 
-در حالی که عمداً از معرفی چارچوب‌های جاوااسکریپت خودداری کرده‌ایم تا بر مهارت‌های پایه لازم برای توسعه‌دهنده وب قبل از استفاده از چارچوب تمرکز کنیم، قدم بعدی مناسب پس از تکمیل این دوره می‌تواند یادگیری Node.js از طریق مجموعه دیگری از ویدیوها باشد: "[سری مقدماتی به: 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.md) و [راهنمای مشارکت](CONTRIBUTING.md) ما مراجعه کنید. بازخورد سازنده شما را خوش‌آمد می‌گوییم!
 
-> راهنمای [رفتار حرفه‌ای](CODE_OF_CONDUCT.md) و [همکاری](CONTRIBUTING.md) ما را ببینید. بازخورد سازنده شما را خوش‌آمد می‌گوییم!
 
 ## 🧭 دسترسی آفلاین
 
-می‌توانید این مستندات را به صورت آفلاین با استفاده از [Docsify](https://docsify.js.org/#/) اجرا کنید. این مخزن را فورک کنید، [Docsify را نصب کنید](https://docsify.js.org/#/quickstart) روی دستگاه خود، سپس در پوشه اصلی این مخزن فرمان `docsify serve` را وارد کنید. وب‌سایت روی پورت ۳۰۰۰ در لوکال‌هاست شما ارائه می‌شود: `localhost:3000`.
+شما می‌توانید این مستندات را به صورت آفلاین با استفاده از [Docsify](https://docsify.js.org/#/) اجرا کنید. این مخزن را فورک کنید، [Docsify را روی دستگاه خود نصب کنید](https://docsify.js.org/#/quickstart) و سپس در پوشه اصلی مخزن این فرمان را وارد کنید `docsify serve`. وب‌سایت روی پورت ۳۰۰۰ در لوکال‌هاست شما اجرا خواهد شد: `localhost:3000`.
 
 ## 📘 PDF
+یک فایل PDF از تمام درس‌ها را می‌توانید [در اینجا](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) پیدا کنید.
 
-نسخه PDF همه دروس را می‌توانید [از اینجا](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) بیابید.
 
 ## 🎒 دوره‌های دیگر
-تیم ما دوره‌های دیگری هم تولید می‌کند! مشاهده کنید:
+
+تیم ما دوره‌های دیگری هم تولید می‌کند! نگاه کنید به:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -221,7 +233,7 @@
 
 ---
  
-### Generative AI Series
+### سری هوش مصنوعی مولد
 [![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)
@@ -229,7 +241,7 @@
 
 ---
  
-### 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)
@@ -240,29 +252,29 @@
 
 ---
  
-### Copilot Series
+### سری CoPilot
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## دریافت کمک
+## گرفتن کمک
 
-اگر گیر افتادید یا سوالی درباره ساخت برنامه‌های هوش مصنوعی دارید، به بحث‌ها در مورد MCP با یادگیرندگان و توسعه‌دهندگان با تجربه بپیوندید. این یک جامعه حمایتی است که سوالات استقبال می‌شود و دانش به صورت آزادانه به اشتراک گذاشته می‌شود.
+اگر گیر کردید یا سوالی درباره ساخت اپلیکیشن‌های هوش مصنوعی دارید، به جمع یادگیرندگان و توسعه‌دهندگان با تجربه در بحث‌های 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) مراجعه کنید.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **سلب مسئولیت**:
-این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. هر چند ما در تلاش برای دقت هستیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است دارای خطا یا نادرستی‌هایی باشند. سند اصلی به زبان بومی خود باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سوءتفاهم یا تفسیر نادرستی که ناشی از استفاده از این ترجمه باشد، نیستیم.
+این سند با استفاده از سرویس ترجمه هوش مصنوعی [Co-op Translator](https://github.com/Azure/co-op-translator) ترجمه شده است. در حالی که ما تلاش می‌کنیم دقت را حفظ کنیم، لطفاً آگاه باشید که ترجمه‌های خودکار ممکن است شامل اشتباهات یا نواقصی باشند. سند اصلی به زبان بومی خود باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، ترجمه حرفه‌ای انسانی توصیه می‌شود. ما مسئول هیچ گونه سوءتفاهم یا برداشت نادرست ناشی از استفاده از این ترجمه نیستیم.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fi/.co-op-translator.json b/translations/fi/.co-op-translator.json
index 1d03ea269..1efcfb5b0 100644
--- a/translations/fi/.co-op-translator.json
+++ b/translations/fi/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T01:14:39+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:28:51+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "fi"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:37:08+00:00",
+    "translation_date": "2026-03-06T18:32:27+00:00",
     "source_file": "AGENTS.md",
     "language_code": "fi"
   },
@@ -516,8 +516,8 @@
     "language_code": "fi"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:32:01+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:24:56+00:00",
     "source_file": "README.md",
     "language_code": "fi"
   },
diff --git a/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 020d08458..9fd7b97b3 100644
--- a/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/fi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# Johdatus ohjelmointikieliin ja moderneihin kehittäjätyökaluihin
+# Johdanto ohjelmointikieliin ja moderneihin kehittäjätyökaluihin
+ 
+Hei siellä, tuleva kehittäjä! 👋 Saanko kertoa sinulle jotain, mikä saa minut yhä joka päivä kylmilleen? Olet kohta huomaamassa, että ohjelmointi ei ole pelkästään tietokoneista – se on kuin todellisia yliluonnollisia voimia, joiden avulla voit toteuttaa villeimmätkin ideasi!
 
-Hei tuleva kehittäjä! 👋 Voinko kertoa sinulle jotain, mikä saa minut edelleen innostumaan joka päivä? Olet juuri astumassa maailmaan, jossa ohjelmointi ei ole pelkästään tietokoneiden kanssa puuhastelua – se on supervoima, jonka avulla voit toteuttaa villeimmät ideasi!
+Tiedätkö sen hetken, kun käytät lempisovellustasi ja kaikki vain toimii täydellisesti? Kun napautat painiketta ja tapahtuu jotain täysin taianomaista, joka saa sinut sanomaan "vau, miten he TEKIVÄT sen?" No, joku aivan kuten sinä – todennäköisesti suosikkikahvilassaan klo 2 aamulla kolmannen espressonsa kanssa – kirjoitti koodin, joka loi tuon taian. Ja tässä on se, mikä räjäyttää mielesi: tämän oppitunnin lopussa et pelkästään ymmärrä, miten he sen tekivät, vaan haluat itse kokeilla sitä heti!
 
-Tiedätkö sen hetken, kun käytät suosikkisovellustasi ja kaikki toimii täydellisesti? Kun painat nappia ja tapahtuu jotain aivan maagista, joka saa sinut ajattelemaan: "Vau, miten he TEKIVÄT tämän?" No, joku aivan kuten sinä – todennäköisesti istuen suosikkikahvilassaan aamuyöllä kolmannen espressonsa kanssa – kirjoitti koodin, joka loi tuon taian. Ja tässä tulee se, mikä räjäyttää mielesi: tämän oppitunnin lopussa et vain ymmärrä, miten he sen tekivät, vaan sinulla on valtava halu kokeilla sitä itse!
+Kuule, ymmärrän täysin, jos ohjelmointi tuntuu nyt pelottavalta. Kun aloitin, luulin oikeasti, että täytyy olla jonkinlainen matematiikkagenius tai olla koodannut viisivuotiaasta lähtien. Mutta tässä se, mikä muutti täysin näkemykseni: ohjelmointi on kuin uuden kielen puhumisen opettelua. Aloitat "hei" ja "kiitos" -sanoilla, sitten siirryt kahvin tilaamiseen, ja ennen kuin huomaatkaan, käyt syvällisiä filosofisia keskusteluja! Paitsi että tässä tapauksessa keskustelet tietokoneiden kanssa, ja rehellisesti? Ne ovat kärsivällisimmät keskustelukumppanit, joita voit kuvitella – ne eivät koskaan arvostele virheitäsi ja ne ovat aina innoissaan yrittämään uudelleen!
 
-Kuule, ymmärrän täysin, jos ohjelmointi tuntuu juuri nyt pelottavalta. Kun aloitin, ajattelin rehellisesti, että sinun täytyy olla jonkinlainen matemaattinen nero tai että sinun olisi pitänyt koodata jo viisivuotiaasta lähtien. Mutta tässä on se, mikä muutti täysin näkemykseni: ohjelmointi on aivan kuin uuden kielen oppimista. Aloitat "hei" ja "kiitos", sitten opit tilaamaan kahvia, ja ennen kuin huomaatkaan, käyt syvällisiä filosofisia keskusteluja! Paitsi että tässä tapauksessa keskustelet tietokoneiden kanssa, ja rehellisesti? Ne ovat kärsivällisimpiä keskustelukumppaneita, joita sinulla koskaan tulee olemaan – ne eivät koskaan tuomitse virheitäsi ja ovat aina valmiita yrittämään uudelleen!
-
-Tänään tutustumme uskomattomiin työkaluihin, jotka tekevät modernista web-kehityksestä paitsi mahdollisen, myös todella koukuttavan. Puhun samoista editoreista, selaimista ja työnkuluista, joita Netflixin, Spotifyn ja suosikkisi indie-sovellusstudion kehittäjät käyttävät joka päivä. Ja tässä tulee se osuus, joka saa sinut tanssimaan ilosta: suurin osa näistä ammattitason, teollisuusstandardin työkaluista on täysin ilmaisia!
+Tänään tutustumme uskomattomiin työkaluihin, jotka tekevät modernista verkkokehityksestä paitsi mahdollista, myös vakavasti koukuttavaa. Puhun juuri samoista editoreista, selaimista ja työnkuluista, joita Netflixin, Spotifyn ja lempisi itsenäisen sovellusstudion kehittäjät käyttävät joka päivä. Ja tässä on osa, joka saa sinut tanssimaan ilosta: useimmat näistä ammattimaisista, alan standardityökaluista ovat täysin ilmaisia!
 
 ![Intro Programming](../../../../translated_images/fi/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Ohjelmointimatkasi tänään
+    section Löydä
+      Mikä on ohjelmointi: 5: You
+      Ohjelmointikielet: 4: You
+      Työkalujen yleiskatsaus: 5: You
+    section Tutki
+      Koodieditorit: 4: You
+      Selaimet & kehitystyökalut: 5: You
+      Komentorivi: 3: You
+    section Harjoittele
+      Kielenetsivä: 4: You
+      Työkalujen tutkiminen: 5: You
+      Yhteisön yhdistäminen: 5: You
 ```
+## Katsotaan, mitä jo osaat!
 
-## Katsotaan, mitä jo tiedät!
+Ennen kuin hypätään hauskoihin juttuihin, olen utelias – mitä sinä jo tiedät tästä ohjelmoinnin maailmasta? Ja kuule, jos katsot näitä kysymyksiä ajatellen "minulla ei kirjaimellisesti ole mitään käsitystä tästä," se ei ole vain okei, se on täydellistä! Se tarkoittaa, että olet juuri oikeassa paikassa. Ajattele tätä testiä kuin alkulämmittelynä ennen treeniä – lämmittelemme vain aivolihaksiasi!
 
-Ennen kuin sukellamme hauskoihin juttuihin, olen utelias – mitä tiedät jo tästä ohjelmointimaailmasta? Ja kuuntele, jos katsot näitä kysymyksiä ja ajattelet "Minulla ei ole aavistustakaan mistään tästä," se ei ole vain ok, vaan täydellistä! Se tarkoittaa, että olet juuri oikeassa paikassa. Ajattele tätä testiä kuin venyttelyä ennen treeniä – lämmitämme vain aivolihaksia!
+[Osallistu ennakkotestiin](https://ff-quizzes.netlify.app/web/)
 
-[Osallistu ennakkotestiin](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Seikkailu, johon olemme yhdessä ryhtymässä
+## Seikkailu, johon olemme juuri lähdössä yhdessä
 
-Okei, olen aidosti innoissani siitä, mitä aiomme tutkia tänään! Vakavasti, toivon, että voisin nähdä ilmeesi, kun jotkut näistä konsepteista loksahtavat paikoilleen. Tässä on uskomaton matka, jonka teemme yhdessä:
+Okei, olen oikeasti täpinöissä siitä, mitä tänään aiomme tutkia! Vakavasti, toivon, että näkisin ilmeesi kun jotkut näistä käsitteistä loksahtaa paikalleen. Tässä on uskomaton matka, jolla olemme yhdessä:
 
-- **Mitä ohjelmointi oikeastaan on (ja miksi se on siisteintä ikinä!)** – Tutkimme, miten koodi on kirjaimellisesti näkymätöntä taikaa, joka pyörittää kaikkea ympärilläsi, aina siitä herätyskellosta, joka tietää, että on maanantaiaamu, algoritmiin, joka täydellisesti valitsee Netflix-suosituksesi.
-- **Ohjelmointikielet ja niiden hämmästyttävät persoonallisuudet** – Kuvittele, että astut juhliin, jossa jokaisella vieraalla on täysin erilaiset supervoimat ja ongelmanratkaisutaidot. Sellainen on ohjelmointikielten maailma, ja tulet rakastamaan niiden tapaamista!
-- **Peruspalikat, jotka saavat digitaalisen taian tapahtumaan** – Ajattele näitä lopullisena luovana LEGO-sarjana. Kun ymmärrät, miten nämä palikat sopivat yhteen, huomaat, että voit kirjaimellisesti rakentaa mitä tahansa, mitä mielikuvituksesi keksii.
-- **Ammattilaistyökalut, jotka saavat sinut tuntemaan kuin sinulle olisi annettu taikasauva** – En liioittele – nämä työkalut saavat sinut todella tuntemaan, että sinulla on supervoimia, ja parasta? Ne ovat samoja, joita ammattilaiset käyttävät!
+- **Mitä ohjelmointi oikeasti on (ja miksi se on siisteintä koskaan!)** – Tutkimme, miten koodi on kirjaimellisesti näkymätön taika, joka pyörittää kaikkea ympärilläsi, siitä herätyskellosta, joka jotenkin tietää, että on maanantaiaamu, algoritmiin, joka valikoi täydellisesti Netflix-suosituksesi
+- **Ohjelmointikielet ja niiden uskomattomat persoonallisuudet** – Kuvittele, että tulet juhliin, joissa jokaisella on täysin erilaiset supervoimat ja ongelmanratkaisutavat. Sellainen on ohjelmointikielten maailma, ja tulet rakastamaan niiden tapaamista!
+- **Perusrakennuspalikat, jotka tekevät digitaalisesta taian mahdollisen** – Ajattele näitä kuin täydellistä luovaa LEGO-settiä. Kun ymmärrät, miten nämä palikat sopivat yhteen, huomaat voivasi rakentaa kirjaimellisesti mitä vain, mitä mielikuvituksesi haluaa
+- **Ammattilaistyökalut, jotka saavat sinut tuntemaan kuin olisit juuri saanut haltuusi velhojen sauvan** – En liioittele – nämä työkalut saavat sinut oikeasti tuntemaan, että sinulla on supervoimat, ja parasta? Ne ovat samoja, joita ammattilaiset käyttävät!
 
-> 💡 **Tässä on juttu**: Älä edes ajattele yrittäväsi muistaa kaikkea tänään! Juuri nyt haluan vain, että tunnet innostuksen siitä, mitä kaikkea on mahdollista tehdä. Yksityiskohdat jäävät mieleen luonnollisesti, kun harjoittelemme yhdessä – näin oikea oppiminen tapahtuu!
+> 💡 **Tässä on pointti**: Älä edes yritä muistaa kaikkea jo tänään! Nyt haluan vain, että tunnet sen innostuksen kipinän mahdollisuuksista. Yksityiskohdat jäävät mieleen luonnollisesti harjoitellessamme yhdessä – näin oikea oppiminen tapahtuu!
 
-> Voit käydä tämän oppitunnin [Microsoft Learnissa](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Voit käydä tämän oppitunnin myös [Microsoft Learnissä](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Mitä ohjelmointi oikeastaan *on*?
+## Mitä ohjelmointi sitten *oikeasti on*?
 
-Okei, käydään käsiksi miljoonan dollarin kysymykseen: mitä ohjelmointi oikeastaan on?
+Okei, puretaan miljoonan dollarin kysymys: mitä ohjelmointi oikeastaan on?
 
-Kerron sinulle tarinan, joka muutti täysin ajattelutapani. Viime viikolla yritin selittää äidilleni, miten käyttää uutta älytelevision kaukosäädintä. Huomasin sanovani asioita kuten "Paina punaista nappia, mutta ei sitä isoa punaista nappia, vaan sitä pientä punaista nappia vasemmalla... ei, sinun toisella vasemmalla... okei, nyt pidä sitä painettuna kaksi sekuntia, ei yhtä, ei kolmea..." Kuulostaako tutulta? 😅
+Kerron sinulle tarinan, joka muutti täysin ajattelutapani tätä kohtaan. Viime viikolla yritin selittää äidilleni, miten käytämme uutta älytelevision kaukosäädintä. Huomasin sanovani asioita kuten "Paina punaista painiketta, mutta ei isoa punaista, vaan pientä punaista vasemmalla... ei, toista sinun vasenta... okei, pidä sitä nyt kahden sekunnin ajan, ei yhden, ei kolmen..." Kuulostaako tutulta? 😅
 
-Tuo on ohjelmointia! Se on taidetta antaa uskomattoman yksityiskohtaisia, vaiheittaisia ohjeita jollekin, joka on erittäin voimakas mutta tarvitsee kaiken selitettynä täydellisesti. Paitsi että äitisi sijaan (joka voi kysyä "mikä punainen nappi?!"), selität tietokoneelle (joka tekee juuri sen, mitä sanot, vaikka se ei olisikaan ihan sitä, mitä tarkoitit).
+Se on ohjelmointia! Se on taidetta antaa uskomattoman yksityiskohtaiset, vaihe vaiheelta ohjeet jollekin, joka on hyvin voimakas mutta tarvitsee kaiken selitettynä täydellisesti. Paitsi että sen sijaan, että selittäisit äidillesi (joka voisi kysyä "mikä punainen painike?"), selität tietokoneelle (joka tekee tarkalleen mitä sanot, vaikka et aivan tarkoittaisikaan sitä, mitä sanoit).
 
-Tässä on se, mikä räjäytti mieleni, kun opin tämän: tietokoneet ovat itse asiassa melko yksinkertaisia pohjimmiltaan. Ne ymmärtävät kirjaimellisesti vain kaksi asiaa – 1 ja 0, mikä on käytännössä vain "kyllä" ja "ei" tai "päällä" ja "pois." Siinä kaikki! Mutta tässä tulee taika – meidän ei tarvitse puhua 1:illä ja 0:illa kuin olisimme Matrixissa. Siksi **ohjelmointikielet** tulevat apuun. Ne ovat kuin maailman paras kääntäjä, joka muuttaa normaalit ihmisen ajatukset tietokonekieleksi.
+Tämä sai minut sanattomaksi ensimmäisenä oppimispäivänäni: tietokoneet ovat oikeasti melko yksinkertaisia ytimeltään. Ne ymmärtävät kirjaimellisesti vain kahta asiaa – ykköstä ja nollaa, joka on käytännössä "kyllä" ja "ei" tai "päälle" ja "pois." Siinä kaikki! Mutta tässä tulee taika – meidän ei tarvitse puhua pelkkiä ykkösiä ja nollia kuin The Matrixissa. Tässä kohtaa **ohjelmointikielet** tulevat apuun. Ne ovat kuin maailman paras kääntäjä, joka muuntaa täysin normaalit ihmismietteesi tietokoneen kielelle.
 
-Ja tässä on se, mikä saa minut edelleen kylmille väreille joka aamu, kun herään: kirjaimellisesti *kaikki* digitaalinen elämässäsi alkoi jonkun kaltaisesi ihmisen toimesta, joka todennäköisesti istui pyjamissaan kahvikupin kanssa ja kirjoitti koodia kannettavallaan. Se Instagram-suodatin, joka saa sinut näyttämään täydelliseltä? Joku koodasi sen. Suositus, joka johdatti sinut uuteen suosikkikappaleeseesi? Kehittäjä rakensi sen algoritmin. Sovellus, joka auttaa sinua jakamaan ravintolalaskun ystäviesi kanssa? Jep, joku ajatteli "tämä on ärsyttävää, voisin varmaan korjata tämän" ja sitten... he tekivät sen!
+Ja tässä on se, mikä edelleen saa minut kylmilleen joka aamu herätessäni: kirjaimellisesti *kaikki* digitaalisessa elämässäsi alkoi jostain ihan samasta kuin sinä nyt, varmaan pyjamassa kahvikuppi kädessä kirjoittamassa koodia kannettavallaan. Se Instagram-suodatin, joka saa sinut näyttämään virheettömältä? Joku koodasi sen. Suositus, joka johdatti sinut uuteen suosikkilauluusi? Kehittäjä loi sen algoritmin. Sovellus, joka auttaa yhdessä kavereiden kanssa jakamaan illallisajan laskun? Joo, joku ajatteli "tämä ärsyttää, voin korjata tämän" ja sitten... hän teki sen!
 
-Kun opit ohjelmoimaan, et vain opi uutta taitoa – sinusta tulee osa tätä uskomatonta ongelmanratkaisijoiden yhteisöä, joka viettää päivänsä miettien: "Entä jos voisin rakentaa jotain, joka tekee jonkun päivästä hieman paremman?" Rehellisesti, voiko olla mitään siistimpää kuin se?
+Kun opit ohjelmoimaan, et vain opiskele uutta taitoa – tulet osaksi tätä uskomatonta ongelmanratkaisuyhteisöä, joka käyttää päivänsä pohtien "Mitä jos voisin rakentaa jotain, joka tekee jonkun päivän juuri vähän paremmaksi?" Rehellisesti, onko mitään siistimpää?
 
-✅ **Hauska faktaetsintä**: Tässä on jotain todella siistiä, mitä voit etsiä, kun sinulla on hetki aikaa – kuka luulet olleen maailman ensimmäinen tietokoneohjelmoija? Annan sinulle vihjeen: se ei ehkä ole se, mitä odotat! Tämän henkilön tarina on todella kiehtova ja osoittaa, että ohjelmointi on aina ollut luovaa ongelmanratkaisua ja laatikon ulkopuolella ajattelua.
+✅ **Hauska tietopaja**: Tässä on juttu, jota on tosi hauska etsiä, kun sinulla on hetki vapaata – kuka oli maailman ensimmäinen tietokoneohjelmoija? Annan sinulle vinkin: se ei ehkä ole se, jota odotat! Tarina tästä henkilöstä on todella kiehtova ja osoittaa, että ohjelmointi on aina ollut luovaa ongelmanratkaisua ja laatikon ulkopuolista ajattelua.
 
-### 🧠 **Tarkistuspiste: Miltä sinusta tuntuu?**
+### 🧠 **Pysähdy hetkeksi: Miltä sinusta tuntuu?**
 
-**Pohdi hetki:**
-- Tuntuuko ajatus "ohjeiden antamisesta tietokoneille" nyt järkevältä?
-- Voitko keksiä päivittäisen tehtävän, jonka haluaisit automatisoida ohjelmoinnin avulla?
-- Mitä kysymyksiä sinulla herää tästä koko ohjelmointijutusta?
+**Ota hetki pohdintaan:**
+- Onko ajatus "antaa tietokoneille käskyjä" nyt sinulle järkevä?
+- Keksitkö jokapäiväisen tehtävän, jonka haluaisit automatisoida ohjelmoinnilla?
+- Mitä kysymyksiä mielessäsi nousee tästä koko ohjelmointiasiasiasta?
 
-> **Muista**: On täysin normaalia, jos jotkut käsitteet tuntuvat vielä epäselviltä. Ohjelmoinnin oppiminen on kuin uuden kielen oppimista – aivojen täytyy rakentaa ne hermoyhteydet ajan kanssa. Olet hyvässä vauhdissa!
+> **Muista**: On täysin normaalia, jos jotkut käsitteet tuntuvat nyt hämäriltä. Ohjelmoinnin oppiminen on kuin uuden kielen opettelu – aivosi rakentavat näitä hermoratoja ajan myötä. Olet loistava!
 
-## Ohjelmointikielet ovat kuin erilaisia taikuuden muotoja
+## Ohjelmointikielet ovat kuin erilaisia taikakikkojen makuja
 
-Okei, tämä kuulostaa ehkä oudolta, mutta pysy mukana – ohjelmointikielet ovat kuin erilaisia musiikkityylejä. Mieti: sinulla on jazz, joka on sulavaa ja improvisoitua, rock, joka on voimakasta ja suoraviivaista, klassinen, joka on eleganttia ja strukturoitua, ja hip-hop, joka on luovaa ja ilmeikästä. Jokaisella tyylillä on oma tunnelmansa, oma intohimoisten fanien yhteisönsä, ja jokainen niistä sopii täydellisesti eri tilanteisiin ja mielialoihin.
+Okei, tämä voi kuulostaa hassulta, mutta pysy mukana – ohjelmointikielet ovat paljon kuin eri musiikkityylit. Mieti: sinulla on jazz, joka on pehmeää ja improvisaatiopainotteista, rock joka on voimakasta ja suoraviivaista, klassinen joka on tyylikästä ja rakenteellista, sekä hip-hop luovaa ja ilmaisevaa. Jokaisella tyylillä on oma tunnelmansa, intohimoisten fanien yhteisönsä, ja kukin sopii erilaisiin mielialoihin ja tilaisuuksiin.
 
-Ohjelmointikielet toimivat täsmälleen samalla tavalla! Et käyttäisi samaa kieltä hauskan mobiilipelin rakentamiseen kuin käyttäisit valtavan määrän ilmastodatan käsittelyyn, aivan kuten et soittaisi death metalia joogatunnilla (no, useimmilla joogatunneilla ainakin! 😄).
+Ohjelmointikielet toimivat aivan samalla tavalla! Et käyttäisi samaa kieltä rakentamaan hauskaa mobiilipeliä kuin käsittelisit valtavia määriä ilmastotietoa, kuten et soittaisi death metalia joogaluokassa (no, enimmäkseen joogaluokissa! 😄).
 
-Mutta tässä on se, mikä hämmästyttää minua joka kerta, kun ajattelen sitä: nämä kielet ovat kuin maailman kärsivällisin, briljantti tulkki, joka istuu vieressäsi. Voit ilmaista ideasi tavalla, joka tuntuu luonnolliselta ihmisaivoillesi, ja ne hoitavat kaiken uskomattoman monimutkaisen työn muuntaen sen 1:iksi ja 0:iksi, joita tietokoneet oikeasti puhuvat. Se on kuin ystävä, joka on täydellisesti sujuva sekä "ihmisen luovuudessa" että "tietokoneen logiikassa" – eikä hän koskaan väsy, tarvitse kahvitaukoja tai tuomitse sinua, vaikka kysyisit samaa kysymystä kahdesti!
+Mutta tässä on se, mikä saa minut aina hämmästymään: nämä kielet ovat kuin maailman kärsivällisin ja nerokkain tulkki istumassa vieressäsi. Voit ilmaista ideasi luonnollisesti ihmismielesi tavoin, ja ne hoitavat äärettömän monimutkaisen työn kääntämällä sen tietokoneiden kielelle, ykkösiksi ja nolliksi. Se on kuin olisi ystävä, joka on aivan sujuva sekä "inhimillisessä luovuudessa" että "tietokoneen logiikassa" – eikä hän koskaan väsy, tarvitse kahvitaukoja, eikä arvostele, vaikket kysyisi samaa kahdesti!
 
 ### Suosittuja ohjelmointikieliä ja niiden käyttötarkoituksia
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Ohjelmointikielet))
+    Web-kehitys
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Frontend-taikuus
+        Interaktiiviset verkkosivut
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Tyypit
+        Yrityssovellukset
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Data-analytiikka
+        Koneoppiminen
+        Automaatio
       R
-        Statistics
-        Research
-    Mobile Apps
+        Tilastotiede
+        Tutkimus
+    Mobiilisovellukset
       Java
         Android
-        Enterprise
+        Yrityskäyttö
       Swift
         iOS
-        Apple Ecosystem
+        Applen ekosysteemi
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        Moderni Android
+        Monialustainen
+    Järjestelmät & Suorituskyky
       C++
-        Games
-        Performance Critical
+        Pelit
+        Suorituskykykriittinen
       Rust
-        Memory Safety
-        System Programming
+        Muistin turvallisuus
+        Järjestelmäohjelmointi
       Go
-        Cloud Services
-        Scalable Backend
+        Pilvipalvelut
+        Skaalautuva backend
 ```
-
-| Kieli | Parhaat käyttötarkoitukset | Miksi se on suosittu |
-|-------|----------------------------|----------------------|
-| **JavaScript** | Web-kehitys, käyttöliittymät | Toimii selaimissa ja mahdollistaa interaktiiviset verkkosivut |
-| **Python** | Data-analytiikka, automaatio, tekoäly | Helppo lukea ja oppia, tehokkaat kirjastot |
-| **Java** | Yrityssovellukset, Android-sovellukset | Alustariippumaton, kestävä suurille järjestelmille |
-| **C#** | Windows-sovellukset, pelikehitys | Vahva Microsoft-ekosysteemin tuki |
-| **Go** | Pilvipalvelut, taustajärjestelmät | Nopea, yksinkertainen, suunniteltu moderniin laskentaan |
+| Kieli      | Parhaiten sopii              | Miksi se on suosittu                       |
+|------------|----------------------------|--------------------------------------------|
+| **JavaScript** | Verkkokehitys, käyttöliittymät  | Toimii selaimissa ja pyörittää interaktiivisia verkkosivuja |
+| **Python**    | Data-analyysi, automaatio, tekoäly | Helppo lukea ja oppia, tehokkaat kirjastot |
+| **Java**      | Yrityssovellukset, Android-sovellukset | Alustariippumaton, vankka suurille järjestelmille |
+| **C#**       | Windows-sovellukset, pelikehitys   | Vahva tuki Microsoftin ekosysteemissä |
+| **Go**        | Pilvipalvelut, backend-järjestelmät | Nopea, yksinkertainen, suunniteltu moderniin laskentaan |
 
 ### Korkean tason vs. matalan tason kielet
 
-Okei, tämä oli rehellisesti se konsepti, joka sai aivoni ylikuormittumaan, kun aloitin oppimisen, joten jaan kanssasi vertauksen, joka lopulta sai minut ymmärtämään – ja toivon todella, että se auttaa sinua myös!
+Okei, tämä oli oikeasti käsite, joka hajotti aivoni kun aloitin, joten jaan analogian, joka viimein sai homman loksahtamaan – ja toivon sydämestäni, että se auttaa sinua myös!
 
-Kuvittele, että vierailet maassa, jossa et puhu kieltä, ja sinun täytyy epätoivoisesti löytää lähin wc (olemme kaikki olleet siinä tilanteessa, eikö? 😅):
+Kuvittele, että olet vieraassa maassa, jossa et puhu kieltä, ja sinun tarvitsee todella löytää lähin wc (olemme kaikki olleet siellä, eikö niin? 😅):
 
-- **Matalan tason ohjelmointi** on kuin oppisit paikallisen murteen niin hyvin, että voit jutella kadunkulman hedelmiä myyvän isoäidin kanssa käyttäen kulttuuriviittauksia, paikallista slangia ja sisäpiirivitsejä, jotka vain siellä kasvanut ymmärtäisi. Todella vaikuttavaa ja uskomattoman tehokasta... jos satut olemaan sujuva! Mutta melko ylivoimaista, kun yrität vain löytää wc:n.
+- **Matalan tason ohjelmointi** on kuin oppisit paikallisjunttaa niin hyvin, että voit jutella kulmalla hedelmiä myyvän isoäidin kanssa käyttäen kulttuuriviitteitä, paikallista slangia ja sisäpiirin vitsejä, joita vain siellä syntynyt ymmärtää. Tosi vaikuttavaa ja uskomattoman tehokasta... jos osaat sen sujuvasti! Mutta aika sekavaa, jos vain yrität löytää vessan.
 
-- **Korkean tason ohjelmointi** on kuin sinulla olisi se mahtava paikallinen ystävä, joka vain ymmärtää sinua. Voit sanoa "Minun täytyy todella löytää wc" tavallisella englannilla, ja hän hoitaa kaiken kulttuurisen käännöksen ja antaa sinulle ohjeet tavalla, joka käy järkeen ei-paikalliselle.
+- **Korkean tason ohjelmointi** on kuin olisi se mahtava paikallinen ystävä, joka ymmärtää sinua täysin. Voit sanoa "Tarvitsen todella vessan" ihan suoraan englanniksi, ja hän hoitaa kaiken kulttuurikäännöksen ja antaa ohjeet tavalla, joka kuuluu järkevästi aivoillesi, jotka eivät ole paikallisia.
 
 Ohjelmoinnin termein:
-- **Matalan tason kielet** (kuten Assembly tai C) antavat sinun käydä uskomattoman yksityiskohtaisia keskusteluja tietokoneen varsinaisen laitteiston kanssa, mutta sinun täytyy ajatella kuin kone, mikä on... no, sanotaan vain, että se on melko suuri henkinen muutos!
-- **Korkean tason kielet** (kuten JavaScript, Python tai C#) antavat sinun ajatella kuin ihminen, kun ne hoitavat kaiken konepuheen kulissien takana. Lisäksi niillä on uskomattoman tervetulleita yhteisöjä, jotka ovat täynnä ihmisiä, jotka muistavat, millaista oli olla uusi ja haluavat aidosti auttaa!
+- **Matalan tason kielet** (kuten Assembly tai C) antavat sinulle mahdollisuuden käydä uskomattoman yksityiskohtaisia keskusteluja tietokoneen fyysisen laitteiston kanssa, mutta sinun täytyy ajatella kuin kone, mikä on... no, sanotaan että iso henkinen muutos!
+- **Korkean tason kielet** (kuten JavaScript, Python tai C#) antavat sinun ajatella kuin ihminen, kun ne huolehtivat koneen kielen takahuoneessa. Lisäksi niillä on uskomattoman lämminhenkisiä yhteisöjä täynnä ihmisiä, jotka muistavat miltä oli olla uusi ja haluavat oikeasti auttaa!
 
-Arvaa, mitä suosittelen sinulle aloitettavaksi? 😉 Korkean tason kielet ovat kuin apupyörät, joita et koskaan oikeasti halua ottaa pois, koska ne tekevät koko kokemuksesta niin paljon nautinnollisemman!
+Arvaa, mitä kieliä suosittelen aloittamaan? 😉 Korkean tason kielet ovat kuin apupyörät, joita et koskaan oikeastaan halua poistaa, koska ne tekevät koko kokemuksesta paljon hauskemman!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Ihmisen ajatus:<br/>'Haluan laskea Fibonaccin lukuja'"] --> B{Valitse kielitaso}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Korkean tason| C["🌟 JavaScript/Python<br/>Helppo lukea ja kirjoittaa"]
+    B -->|Matalan tason| D["⚙️ Assembly/C<br/>Suora laitteiston ohjaus"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Kirjoita: fibonacci(10)"]
+    D --> F["📝 Kirjoita: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Tietokoneen ymmärrys:<br/>Kääntäjä hoitaa monimutkaisuuden"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Sama tulos:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Näytän sinulle miksi korkean tason kielet ovat niin paljon ystävällisempiä
 
-### Näytän sinulle, miksi korkean tason kielet ovat niin paljon ystävällisempiä
-
-Okei, aion näyttää sinulle jotain, joka täydellisesti havainnollistaa, miksi rakastuin korkean tason kieliin, mutta ensin – sinun täytyy luvata minulle jotain. Kun näet ensimmäisen koodiesimerkin, älä panikoi! Sen on tarkoitus näyttää pelottavalta. Juuri sitä yritän tässä havainnollistaa!
+Okei, aion näyttää sinulle jotakin, joka täydellisesti havainnollistaa miksi rakastuin korkean tason kieliin, mutta ensin – lupaa minulle yksi asia. Kun näet ensimmäisen koodiesimerkin, älä panikoi! Sen on tarkoitus näyttää pelottavalta. Juuri sitä tahdon korostaa!
 
-Katsotaan täsmälleen sama tehtävä kirjoitettuna kahdella täysin erilaisella tyylillä. Molemmat luovat niin sanotun Fibonacci-jonon – se on kaunis matemaattinen kuvio, jossa jokainen luku on kahden edellisen summan: 0, 1, 1, 2, 3, 5, 8, 13... (Hauska fakta: löydät tämän kuvion kirjaimellisesti kaikkialta luonnosta – auringonkukan siemenistä, käpyjen kuvioista, jopa galaksien muodostumisesta!)
+Katsomme täsmälleen samaa tehtävää kirjoitettuna kahdella täysin eri tyylillä. Molemmat luovat ns. Fibonaccin lukujonon – se on kaunis matemaattinen kuvio, jossa jokainen luku on kahden edellisen summa: 0, 1, 1, 2, 3, 5, 8, 13... (Hauska fakta: löydät tämän kuvion kirjaimellisesti kaikkialta luonnosta – auringonkukansiemenkiemuroista, käpyjen kuvioista, jopa galaksien muodostumisesta!)
 
-Valmis näkemään ero? Mennään!
+Valmiina näkemään eron? Mennään!
 
 **Korkean tason kieli (JavaScript) – Ihmisystävällinen:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Vaihe 1: Perus Fibonacci-asetus
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -186,31 +184,31 @@ console.log('Fibonacci sequence:');
 ```
 
 **Tämä koodi tekee seuraavaa:**
-- **Määrittää** vakion, joka kertoo, kuinka monta Fibonacci-lukua haluamme tuottaa
-- **Alustaa** kaksi muuttujaa seuraamaan nykyistä ja seuraavaa lukua jonossa
-- **Asettaa** aloitusarvot (0 ja 1), jotka määrittävät Fibonacci-kuvion
-- **Näyttää** otsikkoviestin, joka kertoo tuloksesta
+- **Määrittelee** vakion, jolla kerrotaan, kuinka monta Fibonaccin lukua haluamme generoida
+- **Alustaa** kaksi muuttujaa seuraamaan sekvenssin nykyistä ja seuraavaa lukua
+- **Asettaa** alkuarvot (0 ja 1), jotka määrittävät Fibonaccin kaavan
+- **Näyttää** otsikkoviestin tulosteksemme tunnistamiseksi
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Vaihe 2: Luo sarja silmukalla
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Laske seuraava luku sarjassa
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Tässä tapahtuu seuraavaa:**
-- **Käydään läpi** jokainen sijainti jonossa `for`-silmukalla
-- **Näytetään** jokainen luku sen sijainnin kanssa käyttämällä mallilausekkeita
-- **Lasketaan** seuraava Fibonacci-luku lisäämällä nykyinen ja seuraava arvo
-- **Päivitetään** seurantamuuttujat siirtyäksemme seuraavaan iteraatioon
+**Erityiskohtia, mitä tässä tapahtuu:**
+- **Toistetaan** silmukalla jokainen paikka sekvenssilistamme läpi
+- **Näytetään** jokainen luku ja sen sijainti mallimerkintäällä
+- **Lasketaan** seuraava Fibonaccin luku lisäämällä nykyinen ja seuraava arvo
+- **Päivitetään** seurantamuuttujat siirtymään seuraavaan iteraatioon
 
 ```javascript
-// Step 3: Modern functional approach
+// Vaihe 3: Moderni funktionaalinen lähestymistapa
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Käyttöesimerkki
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Yllä teimme:**
-- **Luoimme** uudelleenkäytettävän funktion modernilla nuolifunktiosyntaksilla
-- **Rakensimme** taulukon tallentamaan koko jonon sen sijaan, että näyttäisimme luvut yksi kerrallaan
-- **Käytimme** taulukon indeksejä laskeaksemme jokaisen uuden luvun edellisistä arvoista
-- **Palautimme** koko jonon joustavasti käytettäväksi ohjelman muissa osissa
+**Yllä olemme:**
+- **Luoneet** uudelleenkäytettävän funktion modernilla nuolifunktio-syntaksilla
+- **Rakentaneet** taulukon tallentamaan koko sekvenssin sen sijaan, että näyttäisimme luvut yksitellen
+- **Käyttäneet** taulukon indeksointia uuden luvun laskemiseksi edellisistä arvoista
+- **Palauttaneet** koko sekvenssin joustavaa käyttöä varten ohjelman muissa osissa
 
 **Matalan tason kieli (ARM Assembly) – Tietokoneystävällinen:**
 
@@ -259,59 +257,63 @@ back add r0,r1
  end
 ```
 
-Huomaa, kuinka JavaScript-versio näyttää melkein kuin englanninkielisiltä ohjeilta, kun
-- **Kommentit**: Korkean tason ohjelmointikielet kannustavat selittäviin kommentteihin, jotka tekevät koodista itseään dokumentoivan.
-- **Rakenne**: JavaScriptin looginen kulku vastaa tapaa, jolla ihmiset ajattelevat ongelmia askel askeleelta.
-- **Ylläpito**: JavaScript-version päivittäminen eri vaatimuksia varten on suoraviivaista ja selkeää.
+Huomaat, miten JavaScript-versio lukee melkein kuin englanninkieliset ohjeet, kun taas Assembly-versio käyttää kryptisiä käskyjä, jotka ohjaavat suoraan tietokoneen prosessoria. Molemmat suorittavat saman tehtävän, mutta korkean tason kieli on paljon helpompi ihmisille ymmärtää, kirjoittaa ja ylläpitää.
 
-✅ **Tietoa Fibonacci-jonosta**: Tämä uskomattoman kaunis lukujono (jossa jokainen luku on kahden edellisen summa: 0, 1, 1, 2, 3, 5, 8...) esiintyy kirjaimellisesti *kaikkialla* luonnossa! Löydät sen auringonkukan spiraaleista, käpyjen kuvioista, nautilus-kuorten kaarevuudesta ja jopa puiden oksien kasvutavasta. On aika hämmästyttävää, miten matematiikka ja koodi voivat auttaa meitä ymmärtämään ja luomaan uudelleen luonnon kauneuden luomiseen käyttämiä kuvioita!
+**Tärkeimmät erot, jotka huomaat:**
+- **Luettavuus**: JavaScript käyttää kuvailevia nimiä kuten `fibonacciCount`, kun taas Assembly käyttää kryptisiä tunnisteita kuten `r0`, `r1`
+- **Kommentit**: Korkean tason kielet kannustavat selittäviin kommentteihin, jotka tekevät koodista itsekuvailevaa
+- **Rakenne**: JavaScriptin looginen kulku vastaa ihmisten tapaa ajatella ongelmia askel askeleelta
+- **Ylläpito**: JavaScript-version päivittäminen eri vaatimuksia varten on suoraviivaista ja selkeää
 
-## Rakennuspalikat, jotka saavat taian aikaan
+✅ **Tietoa Fibonacci-jonosta**: Tämä aivan upea lukumalli (jossa jokainen luku on kahden edellisen summa: 0, 1, 1, 2, 3, 5, 8...) esiintyy kirjaimellisesti *kaikkialla* luonnossa! Löydät sen auringonkukan spiraaleista, kävyistä, nautiluksen kuoren käyrästä ja jopa siitä, miten puun oksat kasvavat. On aika hämmästyttävää, miten matematiikka ja koodi voivat auttaa meitä ymmärtämään ja jäljentämään kauneuden luomisessa luonnon käyttämiä kuvioita!
 
-Okei, nyt kun olet nähnyt, miltä ohjelmointikielet näyttävät käytännössä, puretaanpa perusosat, jotka muodostavat kirjaimellisesti jokaisen koskaan kirjoitetun ohjelman. Ajattele näitä kuin suosikkireseptisi olennaisia aineksia – kun ymmärrät, mitä kukin tekee, pystyt lukemaan ja kirjoittamaan koodia melkein millä tahansa kielellä!
 
-Tämä on vähän kuin ohjelmoinnin kieliopin oppimista. Muistatko koulusta, kun opit substantiiveista, verbeistä ja siitä, miten lauseita muodostetaan? Ohjelmoinnilla on oma kielioppinsa, ja rehellisesti sanottuna se on paljon loogisempaa ja anteeksiantavampaa kuin englannin kielioppi koskaan oli! 😄
+## Rakennuspalikat, jotka tekevät taian mahdolliseksi
 
-### Lauseet: Askeltasolla etenevät ohjeet
+Okei, nyt kun olet nähnyt, miltä ohjelmointikielet näyttävät käytännössä, puretaan alas perustavanlaatuiset osat, jotka muodostavat kirjaimellisesti jokaisen koskaan kirjoitetun ohjelman. Ajattele näitä lempireseptisi olennaisina aineksina – kun ymmärrät, mitä kukin niistä tekee, osaat lukea ja kirjoittaa koodia lähes missä tahansa kielessä!
 
-Aloitetaan **lauseista** – ne ovat kuin yksittäisiä lauseita keskustelussa tietokoneesi kanssa. Jokainen lause kertoo tietokoneelle, mitä tehdä, vähän kuin antaisi ohjeita: "Käänny tästä vasemmalle", "Pysähdy punaisissa valoissa", "Pysäköi tuohon paikkaan."
+Tämä on vähän kuin ohjelmoinnin kieliopin oppimista. Muistatko koulusta, kun opit substantiiveista, verbeistä ja lauseiden rakentamisesta? Ohjelmoinnilla on oma kielioppinsa, ja rehellisesti sanottuna se on paljon loogisempi ja anteeksiantavampi kuin englannin kielioppi koskaan oli! 😄
 
-Rakastan lauseita niiden luettavuuden takia. Katso tätä:
+### Lauseet: Askel askeleelta -ohjeet
+
+Aloitetaan **lauseista** – nämä ovat kuin yksittäisiä lauseita keskustelussa tietokoneesi kanssa. Jokainen lause kertoo tietokoneelle tehdä yhden tietyn asian, vähän kuin annat ohjeita: "Käänny vasemmalle tästä," "Pysähdy punaisiin liikennevaloihin," "Parkkeeraa siihen kohtaan."
+
+Mikä minua lauseissa viehättää, on niiden luettavuus. Katso tätä:
 
 ```javascript
-// Basic statements that perform single actions
+// Peruslauseet, jotka suorittavat yksittäisiä toimintoja
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
 **Tämä koodi tekee seuraavaa:**
-- **Määrittää** vakion muuttujan käyttäjän nimen tallentamiseksi
-- **Näyttää** tervehdysviestin konsolin tulosteessa
-- **Laskee** ja tallentaa matemaattisen operaation tuloksen
+- **Määrittele** vakio muuttuja tallentamaan käyttäjän nimi
+- **Näytä** tervehdys viestinä konsoliin
+- **Laske** ja tallenna matemaattisen laskutoimituksen tulos
 
 ```javascript
-// Statements that interact with web pages
+// Lauseet, jotka ovat vuorovaikutuksessa verkkosivujen kanssa
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Askel askeleelta, tässä tapahtuu:**
-- **Muokkaa** verkkosivun otsikkoa, joka näkyy selaimen välilehdessä
+**Askel askeleelta tässä tapahtuu:**
+- **Muuta** verkkosivun otsikkoa, joka näkyy selaimen välilehdessä
 - **Vaihda** koko sivun taustaväri
 
 ### Muuttujat: Ohjelmasi muistijärjestelmä
 
-Okei, **muuttujat** ovat rehellisesti yksi suosikkikonsepteistani opettaa, koska ne ovat niin samanlaisia kuin asiat, joita käytät jo joka päivä!
+Okei, **muuttujat** ovat rehellisesti yksi suosikkikäsitteistäni opettaa, koska ne ovat niin samanlaisia kuin asioita, joita käytät joka päivä!
 
-Ajattele hetki puhelimesi yhteystietoluetteloa. Et muista kaikkien puhelinnumeroita ulkoa – sen sijaan tallennat "Äiti", "Paras ystävä" tai "Pizzerian numero, joka toimittaa klo 2 asti" ja annat puhelimesi muistaa varsinaiset numerot. Muuttujat toimivat täsmälleen samalla tavalla! Ne ovat kuin nimettyjä säiliöitä, joihin ohjelmasi voi tallentaa tietoa ja hakea sen myöhemmin nimen avulla, joka oikeasti käy järkeen.
+Ajattele hetkeksi puhelimesi yhteystietoluetteloa. Et opettele kaikkien puhelinnumeroita ulkoa – sen sijaan tallennat "Äiti", "Paras kaveri" tai "Pizzerian, joka toimittaa klo 2 asti" ja annat puhelimen muistaa oikeat numerot. Muuttujat toimivat aivan samalla tavalla! Ne ovat kuin nimettyjä säiliöitä, johon ohjelmasi voi tallentaa tietoa ja hakea sitä myöhemmin käyttökelpoisella nimellä.
 
-Tässä on hienoa: muuttujat voivat muuttua ohjelman suorittamisen aikana (siitä nimi "muuttuja" – ymmärrätkö, mitä he tekivät?). Aivan kuten päivittäisit pizzerian yhteystiedot, kun löydät vielä paremman paikan, muuttujia voidaan päivittää, kun ohjelmasi oppii uutta tietoa tai tilanteet muuttuvat!
+Tässä on se todella siisti juttu: muuttujat voivat muuttua ohjelman suorituksen aikana (juuri siksi ne ovat "muuttujia" – huomaatko sanaleikin?). Aivan kuten saatat päivittää pizzerian yhteystietoa löytäessäsi vielä paremman paikan, muuttujia voi päivittää, kun ohjelmasi oppii uutta tai tilanteet muuttuvat!
 
-Näytän, kuinka kauniin yksinkertaista tämä voi olla:
+Näytän sinulle, kuinka kauniin yksinkertaista tämä voi olla:
 
 ```javascript
-// Step 1: Creating basic variables
+// Vaihe 1: Perusmuuttujien luominen
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -319,13 +321,13 @@ let isRaining = false;
 ```
 
 **Näiden käsitteiden ymmärtäminen:**
-- **Tallenna** muuttumattomat arvot `const`-muuttujiin (kuten sivuston nimi)
-- **Käytä** `let`-muuttujia arvoille, jotka voivat muuttua ohjelman aikana
-- **Määritä** erilaisia tietotyyppejä: merkkijonoja (tekstiä), numeroita ja totuusarvoja (true/false)
-- **Valitse** kuvaavia nimiä, jotka selittävät, mitä kukin muuttuja sisältää
+- **Tallenna** muuttumattomia arvoja `const`-muuttujiin (esim. sivuston nimi)
+- **Käytä** `let`-muuttujaa arvoihin, jotka voivat muuttua ohjelman aikana
+- **Määritä** eri tietotyyppejä: merkkijonoja (teksti), numeroita ja boolean-arvoja (totta/epätosi)
+- **Valitse** kuvailevia nimiä, jotka selittävät, mitä kukin muuttuja sisältää
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Vaihe 2: Työskentely olioiden kanssa ryhmitelläksemme liittyvää dataa
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -333,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**Yllä olevassa olemme:**
-- **Luoneet** olion ryhmitelläksemme yhteen liittyviä säätietoja
-- **Järjestäneet** useita tietoja yhden muuttujan alle
-- **Käyttäneet** avain-arvopareja merkitsemään jokainen tieto selkeästi
+**Yllä olemme:**
+- **Luo** objekti ryhmittelemään liittyvä säädata yhteen
+- **Järjestä** useita tietoja yhden muuttujan alle
+- **Käytä** avain-arvo-pareja selkeään tiedon merkitsemiseen
 
 ```javascript
-// Step 3: Using and updating variables
+// Vaihe 3: Muuttujien käyttäminen ja päivittäminen
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Muutettavien muuttujien päivittäminen
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
 **Ymmärretään jokainen osa:**
-- **Näytä** tietoa käyttämällä mallilausekkeita `${}`-syntaksilla
-- **Pääsy** olion ominaisuuksiin piste-notaatiolla (`weatherData.windSpeed`)
-- **Päivitä** `let`-muuttujia muuttuvien olosuhteiden mukaan
+- **Näytä** tietoa käyttämällä template-litteraaleja `${}`-syntaksilla
+- **Pääse** käsiksi oliomuuttujiin piste-syntaksilla (`weatherData.windSpeed`)
+- **Päivitä** `let`-muuttujina määriteltyjä muuttujia muuttuvien olosuhteiden mukaan
 - **Yhdistä** useita muuttujia luodaksesi merkityksellisiä viestejä
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Vaihe 4: Nykyaikainen destrukturointi siistimpään koodiin
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Mitä sinun tulee tietää:**
-- **Poimi** tiettyjä ominaisuuksia olioista käyttämällä hajautusmäärittelyä
-- **Luo** uusia muuttujia automaattisesti samoilla nimillä kuin olion avaimet
-- **Yksinkertaista** koodia välttämällä toistuvaa piste-notaatiota
+**Tärkeää tietää:**
+- **Erottele** tiettyjä ominaisuuksia objekteista destrukturointia käyttäen
+- **Luo** automaattisesti uusia muuttujia samaan nimeen kuin oliavaimet
+- **Yksinkertaista** koodia välttämällä toistuvaa piste-syntaksia
 
-### Ohjausvirta: Opeta ohjelmaasi ajattelemaan
+### Ohjausvirtaus: Opettaa ohjelmaasi ajattelemaan
 
-Okei, tässä kohtaa ohjelmointi muuttuu todella hämmästyttäväksi! **Ohjausvirta** tarkoittaa käytännössä ohjelman opettamista tekemään fiksuja päätöksiä, aivan kuten sinä teet joka päivä ajattelematta sitä.
+Okei, nyt ohjelmointi muuttuu todella hämmästyttäväksi! **Ohjausvirtaus** tarkoittaa pohjimmiltaan ohjelman opettamista tekemään viisaita päätöksiä, aivan kuten sinä teet joka päivä ilman, että edes ajattelet sitä.
 
-Kuvittele tämä: tänä aamuna kävit todennäköisesti läpi jotain sellaista kuin "Jos sataa, otan sateenvarjon. Jos on kylmä, puen takin. Jos olen myöhässä, jätän aamiaisen väliin ja nappaan kahvin matkalla." Aivosi seuraavat luonnollisesti tällaista jos-niin logiikkaa kymmeniä kertoja päivässä!
+Kuvittele tämä: tänä aamuna kävit todennäköisesti läpi jotakin kuten "Jos sataa, otan sateenvarjon. Jos on kylmä, puen takin. Jos olen myöhässä, jätän aamupalan väliin ja nappaan kahvin matkalta." Aivosi seuraavat tätä jos-niin-logiikkaa kymmeniä kertoja päivässä!
 
-Tämä tekee ohjelmista älykkäitä ja eloisia sen sijaan, että ne vain seuraisivat tylsää, ennalta määrättyä käsikirjoitusta. Ne voivat oikeasti tarkastella tilannetta, arvioida mitä tapahtuu ja reagoida asianmukaisesti. Se on kuin antaisi ohjelmallesi aivot, jotka voivat sopeutua ja tehdä valintoja!
+Tämä tekee ohjelmista älykkään ja elävän tuntuisia sen sijaan, että ne seuraisivat tylsää, ennustettavaa käsikirjoitusta. Ne voivat todellakin arvioida tilannetta, arvioida, mitä tapahtuu, ja vastata sopivasti. Se on kuin antaisit ohjelmallesi aivot, jotka voivat sopeutua ja tehdä valintoja!
 
-Haluatko nähdä, kuinka kauniisti tämä toimii? Näytän sinulle:
+Haluatko nähdä, miten kauniisti tämä toimii? Näytän sinulle:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Vaihe 1: Perusehtolause logic
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -388,13 +390,13 @@ if (userAge >= 18) {
 ```
 
 **Tämä koodi tekee seuraavaa:**
-- **Tarkistaa**, täyttääkö käyttäjän ikä äänestysvaatimuksen
-- **Suorittaa** eri koodilohkoja ehdon tuloksen perusteella
-- **Laskee** ja näyttää, kuinka kauan äänestyskelpoisuuteen on aikaa, jos ikä on alle 18
-- **Tarjoaa** tarkkaa ja hyödyllistä palautetta jokaiseen tilanteeseen
+- **Tarkistaa** käyttäjän iän äänioikeuden vaatimuksen täyttymisen
+- **Suorittaa** eri koodilohkot ehtotuloksen mukaan
+- **Laskee** ja näyttää, kuinka kauan äänioikeuden saavuttamiseen on, jos alaikäinen
+- **Antaa** spesifistä, hyödyllistä palautetta jokaisessa tilanteessa
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Vaihe 2: Useita ehtoja loogisilla operaattoreilla
 const userAge = 17;
 const hasPermission = true;
 
@@ -408,24 +410,24 @@ if (userAge >= 18 && hasPermission) {
 ```
 
 **Tässä tapahtuu:**
-- **Yhdistää** useita ehtoja `&&` (ja)-operaattorilla
-- **Luo** ehtohierarkian käyttämällä `else if` useille skenaarioille
-- **Käsittele** kaikki mahdolliset tapaukset viimeisellä `else`-lauseella
-- **Tarjoa** selkeää ja toimivaa palautetta jokaiseen eri tilanteeseen
+- **Yhdistä** useita ehtoja käyttämällä `&&` (ja) -operaattoria
+- **Luo** ehtohierarkia `else if`:llä monille vaihtoehdoille
+- **Käsittele** kaikki mahdolliset tapaukset lopullisella `else`-lauseella
+- **Anna** selkeää, toiminnallista palautetta eri tilanteisiin
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Vaihe 3: Ytimekäs ehto kolmioperaattorilla
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Mitä sinun tulee muistaa:**
-- **Käytä** ternääristä operaattoria (`? :`) yksinkertaisiin kahden vaihtoehdon ehtoihin
-- **Kirjoita** ehto ensin, sitten `?`, sen jälkeen tosi-tulos, sitten `:`, ja lopuksi epätosi-tulos
-- **Sovella** tätä mallia, kun sinun täytyy määrittää arvoja ehtojen perusteella
+**Muista tämä:**
+- **Käytä** kolmioperaattoria (`? :`) yksinkertaisiin kahden vaihtoehdon ehtoihin
+- **Kirjoita** ehto ensin, sitten `?`, sitten tosi-tulos, sitten `:`, sitten epätosi-tulos
+- **Käytä** tätä kaavaa, kun haluat määrittää arvoja ehtojen mukaan
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Vaihe 4: Useiden erityistapausten käsittely
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -445,57 +447,56 @@ switch (dayOfWeek) {
 }
 ```
 
-**Tämä koodi tekee seuraavaa:**
-- **Vertailee** muuttujan arvoa useisiin tiettyihin tapauksiin
-- **Ryhmittele** samankaltaiset tapaukset yhteen (arkipäivät vs. viikonloput)
-- **Suorita** sopiva koodilohko, kun osuma löytyy
-- **Sisällytä** `default`-tapaus odottamattomien arvojen käsittelemiseksi
-- **Käytä** `break`-lauseita estääksesi koodin jatkumisen seuraavaan tapaukseen
+**Tämä koodi suorittaa:**
+- **Vertaa** muuttujan arvoa useisiin erityistapauksiin
+- **Ryhmää** samankaltaiset tapaukset (arkipäivät vs. viikonloput)
+- **Suorita** sopiva koodilohko, kun löytyy vastaavuus
+- **Sisällytä** `default`-tapaus odottamattomille arvoille
+- **Käytä** `break`-lauseita estämään koodin jatkuminen seuraavaan tapaukseen
 
-> 💡 **Reaaliaikainen vertauskuva**: Ajattele ohjausvirtaa kuin maailman kärsivällisintä GPS:ää, joka antaa sinulle ohjeita. Se saattaa sanoa "Jos Main Streetillä on ruuhkaa, ota moottoritie. Jos moottoritiellä on rakennustöitä, kokeile maisemareittiä." Ohjelmat käyttävät täsmälleen samaa ehdollista logiikkaa reagoidakseen älykkäästi eri tilanteisiin ja tarjotakseen käyttäjille parhaan mahdollisen kokemuksen.
+> 💡 **Todellinen vertaus**: Ajattele ohjausvirtausta kuin maailman kärsivällisintä GPS:ää, joka antaa sinulle ohjeita. Se saattaa sanoa "Jos Main Streetillä on ruuhkaa, käytä moottoritietä. Jos moottoritie on suljettu rakennustöiden vuoksi, kokeile maalaismaisemareittiä." Ohjelmat käyttävät täysin samanlaista ehtologista logiikkaa vastatakseen älykkäästi eri tilanteisiin ja antaakseen käyttäjille parhaan mahdollisen kokemuksen.
 
-### 🎯 **Käsitteiden tarkistus: Rakennuspalikoiden hallinta**
+### 🎯 **Käsitteen tarkistus: Rakennuspalikoiden hallinta**
 
-**Katsotaan, miten olet omaksunut perusteet:**
-- Voitko selittää omin sanoin eron muuttujan ja lauseen välillä?
-- Mieti todellisen maailman tilannetta, jossa käyttäisit jos-niin päätöstä (kuten äänestysesimerkki)
-- Mikä ohjelmointilogiikassa yllätti sinut?
+**Katsotaan, miten olet perusasioissa:**
+- Osaatko selittää eron muuttujan ja lauseen välillä omin sanoin?
+- Mieti oikean elämän tilannetta, jossa käyttäisit jos-niin-päätöstä (kuten äänestyksen esimerkki)
+- Mikä ohjelmoinnin logiikassa yllätti sinut?
 
-**Nopea itseluottamusbuusti:**
+**Pikainen itseluottamuksen boosteri:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Lauseet<br/>(Ohjeet)"] --> B["📦 Muuttujat<br/>(Tallennus)"] --> C["🔀 Ohjausvirta<br/>(Päätökset)"] --> D["🎉 Toimiva Ohjelma!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **Mitä seuraavaksi**: Tutustumme näihin käsitteisiin syvällisemmin ja meillä tulee olemaan mahtavaa yhdessä! Keskity nyt vain fiilistelemään kaikkea sitä upeaa potentiaalia, joka edessäsi on. Konkreettiset taidot ja tekniikat tarttuvat luonnostaan harjoitellessa – lupaan, että tästä tulee paljon hauskempaa kuin ehkä odotit!
 
-✅ **Mitä seuraavaksi**: Meillä tulee olemaan aivan mahtavaa, kun sukellamme syvemmälle näihin käsitteisiin ja jatkamme tätä uskomatonta matkaa yhdessä! Juuri nyt keskity vain tuntemaan innostusta kaikista edessä olevista upeista mahdollisuuksista. Tietyt taidot ja tekniikat jäävät mieleen luonnollisesti, kun harjoittelemme yhdessä – lupaan, että tämä tulee olemaan paljon hauskempaa kuin odotit!
+## Työkalut alan ammattilaisille
 
-## Työkalut käyttöön
+Okei, tässä kohtaa minua innostaa niin, että melkein pompin tuolissa! 🚀 Aiomme puhua uskomattomista työkaluista, jotka saavat sinut tuntemaan kuin saisit käsiisi digitaalisen avaruusaluksen avaimet.
 
-Okei, tämä on rehellisesti se kohta, jossa innostun niin paljon, että tuskin pysyn paikallani! 🚀 Puhumme nyt uskomattomista työkaluista, jotka saavat sinut tuntemaan kuin sinulle olisi juuri annettu avaimet digitaaliseen avaruusalukseen.
+Tiedätkö, kuinka kokilla on ne täydellisesti tasapainotetut veitset, jotka tuntuvat kuin käsiensä jatkeilta? Tai kuinka muusikolla on se yksi kitara, joka vaikuttaa soivan heti kun sitä koskettaa? No, kehittäjillä on omat versionsa näistä maagisista työkaluista, ja tässä tulee jotain, mikä varmasti vie jalat alta – suurin osa niistä on täysin ilmaisia!
 
-Tiedätkö, miten kokilla on täydellisesti tasapainotetut veitset, jotka tuntuvat kuin käden jatkeilta? Tai miten muusikolla on se yksi kitara, joka tuntuu laulavan heti, kun hän koskettaa sitä? No, kehittäjillä on oma versio näistä maagisista työkaluista, ja tässä on se, mikä tulee täysin hämmästyttämään sinut – suurin osa niistä on täysin ilmaisia!
+Olen melkein hypähtääni tuolissani ajatellessani, että saan jakaa nämä kanssasi, koska ne ovat täysin mullistaneet ohjelmistojen rakentamisen. Puhumme tekoälyn ohjaamista koodiavustajista, jotka auttavat kirjoittamaan koodiasi (en vitsaile!), pilviympäristöistä, joissa voit rakentaa kokonaisia sovelluksia kirjaimellisesti mistä tahansa Wi-Fi:n avulla, ja debuggaustyökaluista, jotka ovat niin kehittyneitä, että ne ovat kuin röntgensäteet ohjelmillesi.
 
-Olen melkein hyppimässä tuolissani ajatellessani näiden jakamista kanssasi, koska ne ovat täysin mullistaneet tavan, jolla rakennamme ohjelmistoja. Puhumme tekoälyllä toimivista koodausavustajista, jotka voivat auttaa kirjoittamaan koodiasi (en edes vitsaile!), pilviympäristöistä, joissa voit rakentaa kokonaisia sovelluksia kirjaimellisesti mistä tahansa, missä on Wi-Fi, ja virheenkorjaustyökaluista, jotka ovat niin kehittyneitä, että ne ovat kuin röntgennäkö ohjelmillesi.
-
-Ja tässä on se osa, joka edelleen antaa minulle kylmiä väreitä: nämä eivät ole "aloittelijatyökaluja", jotka jäävät tarpeettomiksi. Nämä ovat täsmälleen samoja ammattikäyttöön tarkoitettuja työkaluja, joita Google, Netflix ja se indie-sovellusstudio, jota rakastat, käyttävät juuri tällä hetkellä. Tulet tuntemaan itsesi todelliseksi ammattilaiseksi niitä käyttäessäsi!
+Ja tässä kohtaa saan kylmiä väreitä: nämä eivät ole "aloittelijan työkaluja", jotka kasvaa ulos käytöstä. Nämä ovat juuri niitä ammattilaistason työkaluja, joita Googlen, Netflixin ja sen indie-sovellusstudion kehittäjät käyttävät juuri nyt tässä hetkessä. Tulet tuntemaan olosi todelliseksi ammattilaiseksi käyttäessäsi niitä!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ideasi"] --> B["⌨️ Koodieditori<br/>(VS Code)"] 
+    B --> C["🌐 Selaimen kehitystyökalut<br/>(Testaus & Virheiden korjaus)"]
+    C --> D["⚡ Komentorivi<br/>(Automaatio & Työkalut)"]
+    D --> E["📚 Dokumentaatio<br/>(Oppiminen & Viite)"]
+    E --> F["🚀 Mahtava verkkosovellus!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI-avustaja<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Laitteiden testaus<br/>(Responsiivinen suunnittelu)"]
+    D -.-> I["📦 Paketinhallintaohjelmat<br/>(npm, yarn)"]
+    E -.-> J["👥 Yhteisö<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -504,340 +505,350 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-
 ### Koodieditorit ja IDE:t: Uudet digitaaliset parhaat ystäväsi
 
-Puhutaan koodieditoreista – nämä tulevat vakavasti ottaen olemaan uusia suosikkipaikkojasi viettää aikaa! Ajattele niitä henkilökohtaisena koodauspyhättönäsi, jossa vietät suurimman osan ajastasi luoden ja viimeistellen digitaalisia luomuksiasi.
+Puhutaan koodieditoreista – nämä ovat todella kohta uusi lempipaikkasi viettää aikaa! Ajattele niitä henkilökohtaisina koodauspyhätöinäsi, joissa vietät suurimman osan ajastasi luoden ja hiomassa digitaalisia luomuksiasi.
 
-Mutta tässä on modernien editorien taika: ne eivät ole vain hienoja tekstieditoreita. Ne ovat kuin sinulla olisi kaikkein loistavin, tukevin koodausmentori istumassa vieressäsi 24/7. Ne korjaavat kirjoitusvirheesi ennen kuin edes huomaat niitä, ehdottavat parannuksia, jotka saavat sinut näyttämään nerolta, auttavat sinua ymmärtämään, mitä jokainen koodin osa tekee, ja jotkut niistä voivat jopa ennustaa, mitä olet kirjoittamassa ja tarjota valmiita ehdotuksia!
+Mutta tässä on uudenaikaisten editorien taika: ne eivät ole pelkkiä hienoja tekstieditoreja. Ne ovat kuin älykkäin, kannustavin koodausmentori istumassa vierelläsi 24/7. Ne nappavat kirjoitusvirheesi ennen kuin edes huomaat niitä, ehdottavat parannuksia, jotka saavat sinut näyttämään neroilta, auttavat ymmärtämään, mitä jokainen koodinpätkä tekee, ja jotkut voivat jopa ennustaa, mitä olet kirjoittamassa, ja tarjoutua viimeistelemään ajatuksesi!
 
-Muistan, kun ensimmäisen kerran löysin automaattisen täydennyksen – tunsin kirjaimellisesti eläväni tulevaisuudessa. Aloitat kirjoittamisen, ja editorisi sanoo: "Hei, ajattelitko tätä funktiota, joka tekee juuri sen, mitä tarvitset?" Se on kuin sinulla olisi ajatustenlukija koodauskaverina!
+Muistan, kun löysin automaattisen täydennyksen – tunsin konkreettisesti eläväni tulevaisuudessa. Aloitat kirjoittamisen, ja editorisi sanoo: "Hei, ajattelitko tätä funktiota, joka tekee juuri sen, mitä tarvitset?" Se on kuin mieliluennan taitoinen koodikaveri!
 
-**Mikä tekee näistä editoreista niin uskomattomia?**
+**Mikä tekee näistä editoreista niin mahtavia?**
 
-Modernit koodieditorit tarjoavat vaikuttavan valikoiman ominaisuuksia, jotka parantavat tuottavuuttasi:
+Modernit koodieditorit tarjoavat vaikuttavan joukon ominaisuuksia, jotka nopeuttavat tuottavuuttasi:
 
 | Ominaisuus | Mitä se tekee | Miksi se auttaa |
-|------------|---------------|-----------------|
-| **Syntaksin korostus** | Värittää koodin eri osat | Tekee koodista helpommin luettavaa ja virheet helpommin havaittavia |
-| **Automaattinen täydennys** | Ehdottaa koodia kirjoittaessasi | Nopeuttaa koodausta ja vähentää kirjoitusvirheitä |
-| **Virheenkorjaustyökalut** | Auttaa löytämään ja korjaamaan virheitä | Säästää tunteja ongelmien selvittämisessä |
-| **Laajennukset** | Lisää erikoistuneita ominaisuuksia | Mukauta editorisi mille tahansa teknologialle |
+|---------|--------------|--------------|
+| **Syntaksin korostus** | Värjää koodisi eri osat | Tekee koodista helpommin luettavaa ja virheet erottuvat |
+| **Automaattinen täydennys** | Ehdottaa koodia kirjoitettaessa | Nopeuttaa kirjoittamista ja vähentää kirjoitusvirheitä |
+| **Debuggaustyökalut** | Auttaa löytämään ja korjaamaan virheitä | Säästää tunteja vianetsintäaikaa |
+| **Lisäosat** | Lisää erikoisominaisuuksia | Muokkaa editoria mihin tahansa teknologiaan sopivaksi |
 | **Tekoälyavustajat** | Ehdottaa koodia ja selityksiä | Nopeuttaa oppimista ja tuottavuutta |
 
-> 🎥 **Videomateriaali**: Haluatko nähdä nämä työkalut toiminnassa? Katso tämä [Tools of the Trade -video](https://youtube.com/watch?v=69WJeXGBdxg) saadaksesi kattavan yleiskatsauksen.
+> 🎥 **Videoresurssi**: Haluatko nähdä nämä työkalut käytännössä? Katso tämä [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) saadaksesi kattavan yleiskatsauksen.
 
 #### Suositellut editorit web-kehitykseen
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Ilmainen)
 - Suosituin web-kehittäjien keskuudessa
-- Erinomainen laajennusekosysteemi
-- Sisäänrakennettu terminaali ja Git-integraatio
-- **Pakolliset laajennukset**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Tekoälyllä toimivat koodiehdotukset
+- Erinomainen lisäosien ekosysteemi
+- Sisäinen päätelaite ja Git-integraatio
+- **Pakolliset lisäosat**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Tekoälypohjaiset koodiehdotukset
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Reaaliaikainen yhteistyö
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automaattinen koodin muotoilu
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Koodin kirjoitusvirheiden tarkistus
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Kirjoitusvirheiden tarkistus koodista
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Maksullinen, ilmainen opiskelijoille)
-- Kehittyneet virheenkorjaus- ja testausvälineet
+- Kehittyneet debuggaus- ja testausominaisuudet
 - Älykäs koodin täydennys
 - Sisäänrakennettu versionhallinta
 
-**Pilvipohjaiset IDE:t** (Vaihtelevat hinnat)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Täysi VS Code selaimessasi
-- [Replit](https://replit.com/) - Loistava oppimiseen ja koodin jakamiseen
-- [StackBlitz](https://stackblitz.com/) - Välitön, täyden pinon web-kehitys
+**Pilvipohjaiset IDE:t** (Erilaisia hinnoitteluita)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Koko VS Code selaimessasi
+- [Replit](https://replit.com/) - Loistava koodin oppimiseen ja jakamiseen
+- [StackBlitz](https://stackblitz.com/) - Välitön täyspäinen web-kehitys
+
+> 💡 **Aloitusvinkki**: Aloita Visual Studio Codella – se on ilmainen, laajasti käytetty teollisuudessa ja siinä on valtava yhteisö, joka luo hyödyllisiä tutoriaaleja ja lisäosia.
 
-> 💡 **Aloitusvinkki**: Aloita Visual Studio Codella – se on ilmainen, laajasti käytetty teollisuudessa ja sillä on valtava yhteisö, joka luo hyödyllisiä opetusmateriaaleja ja laajennuksia.
 
 ### Verkkoselaimet: Salainen kehityslaboratoriosi
 
-Okei, valmistaudu hämmästymään täysin! Tiedätkö, miten olet käyttänyt selaimia
-Kun joku näytti minulle selaimen DevTools-työkalut ensimmäistä kertaa, vietin noin kolme tuntia vain klikkaillen ympäriinsä ja huudahdellen: "MITÄ, SE OSAA TEHDÄ TUONKIN?!" Voit kirjaimellisesti muokata mitä tahansa verkkosivustoa reaaliajassa, nähdä tarkalleen kuinka nopeasti kaikki latautuu, testata miltä sivustosi näyttää eri laitteilla ja jopa debugata JavaScriptiä kuin todellinen ammattilainen. Se on aivan uskomatonta!
+Okei, valmistaudu kokemaan täydellinen ihmettely! Tiedätkö, kuinka olet käyttänyt selaimia selataksesi somea ja katsellaksesi videoita? No, ilmeisesti ne ovat piilottaneet tämän uskomattoman salaisen kehityslaboratorion koko ajan, odottaen vain, että löydät sen!
+
+Joka kerta, kun napsautat hiiren oikealla verkkosivulla ja valitset "Tarkastele elementtiä", avaat piilotetun maailmankehittäjätyökalut, jotka ovat rehellisesti voimakkaampia kuin jotkut kalliit ohjelmistot, joista olen maksanut satoja euroja. Se on kuin huomaisit, että tavallinen keittiösi on kätkenyt ammattilaiskokin laboratorion salapaneelin taakse!
+Ensimmäisellä kerralla kun joku näytti minulle selaimen DevTools-työkalut, vietin noin kolme tuntia klikkaillen ympäriinsä ja ajatellen "ODOTA, VOI SE TEHDÄ SENKIN?!" Voit kirjaimellisesti muokata mitä tahansa verkkosivustoa reaaliajassa, nähdä tarkalleen kuinka nopeasti kaikki latautuu, testata miltä sivustosi näyttää eri laitteilla ja jopa virheenkorjata JavaScriptiä kuin oikea ammattilainen. Se on täysin uskomatonta!
 
 **Tässä syy, miksi selaimet ovat salainen aseesi:**
 
-Kun luot verkkosivuston tai -sovelluksen, sinun täytyy nähdä, miltä se näyttää ja miten se toimii oikeassa maailmassa. Selaimet eivät ainoastaan näytä työtäsi, vaan ne tarjoavat myös yksityiskohtaista palautetta suorituskyvystä, saavutettavuudesta ja mahdollisista ongelmista.
+Kun luot verkkosivustoa tai web-sovellusta, sinun täytyy nähdä, miltä se näyttää ja miten se käyttäytyy todellisessa maailmassa. Selaimet eivät pelkästään näytä työtäsi vaan tarjoavat myös yksityiskohtaista palautetta suorituskyvystä, saavutettavuudesta ja mahdollisista ongelmista.
 
 #### Selaimen kehittäjätyökalut (DevTools)
 
-Modernit selaimet sisältävät kattavat kehitystyökalut:
+Nykyaikaiset selaimet sisältävät kattavat kehityspaketit:
 
-| Työkalukategoria | Mitä se tekee | Esimerkki käyttötapauksesta |
-|------------------|---------------|-----------------------------|
-| **Element Inspector** | Näytä ja muokkaa HTML/CSS reaaliajassa | Muokkaa tyylejä ja näe tulokset heti |
-| **Konsoli** | Näytä virheilmoitukset ja testaa JavaScriptiä | Debugaa ongelmia ja kokeile koodia |
-| **Verkkoseuranta** | Seuraa resurssien latautumista | Optimoi suorituskyky ja latausajat |
-| **Saavutettavuuden tarkistus** | Testaa inklusiivista suunnittelua | Varmista, että sivustosi toimii kaikille käyttäjille |
+| Työkaluluokka | Mitä se tekee | Käyttötapausesimerkki |
+|---------------|--------------|------------------|
+| **Elementtien tarkastaja** | Näytä ja muokkaa HTML:ää/CSS:ää reaaliajassa | Säädä muotoilua nähdäksesi välittömät tulokset |
+| **Konsoli** | Näytä virheilmoituksia ja testaa JavaScriptiä | Virheenkorjaa ongelmia ja kokeile koodia |
+| **Verkon valvoja** | Seuraa resurssien latautumista | Optimoi suorituskykyä ja latausaikoja |
+| **Saavutettavuuden tarkistin** | Testaa inklusiivista suunnittelua | Varmista, että sivustosi toimii kaikille käyttäjille |
 | **Laitteiden simulaattori** | Esikatsele eri näyttökokoja | Testaa responsiivista suunnittelua ilman useita laitteita |
 
 #### Suositellut selaimet kehitykseen
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Alan standardi DevTools-työkaluilla ja kattavalla dokumentaatiolla
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Erinomainen CSS Grid- ja saavutettavuustyökalu
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Perustuu Chromiumiin ja sisältää Microsoftin kehittäjäresurssit
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Alan standardin DevTools laajalla dokumentaatiolla
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Erinomainen CSS Grid- ja saavutettavuustyökalut
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Chromium-pohjainen Microsoftin kehittäjäresursseilla
+
+> ⚠️ **Tärkeä testausvinkki**: Testaa aina verkkosivujasi useissa selaimissa! Mikä toimii täydellisesti Chromessa, saattaa näyttää erilaiselta Safarissa tai Firefoxissa. Ammattimaiset kehittäjät testaavat kaikissa suurimmissa selaimissa varmistaakseen yhtenäisen käyttökokemuksen.
 
-> ⚠️ **Tärkeä testausvinkki**: Testaa verkkosivustosi aina useilla selaimilla! Se, mikä toimii täydellisesti Chromessa, saattaa näyttää erilaiselta Safarissa tai Firefoxissa. Ammattikehittäjät testaavat kaikilla suurilla selaimilla varmistaakseen yhtenäisen käyttäjäkokemuksen.
 
-### Komentorivityökalut: Kehittäjän supervoimien portti
+### Komentorivityökalut: Porttisi kehittäjän supervoimiin
 
-Okei, ollaanpa täysin rehellisiä komentorivistä, koska haluan kertoa tämän sinulle sellaiselta, joka todella ymmärtää. Kun näin sen ensimmäistä kertaa – vain pelottava musta ruutu vilkkuvalla tekstillä – ajattelin kirjaimellisesti: "Ei, ei todellakaan! Tämä näyttää joltain 1980-luvun hakkerielokuvasta, enkä todellakaan ole tarpeeksi fiksu tähän!" 😅
+Okei, nyt ollaan täysin rehellisiä hetken ajan komentorivistä, koska haluan sinun kuulevan tämän jonkun, joka todella ymmärtää. Kun näin sen ensimmäisen kerran – pelottavan mustan ruudun välkkyvine teksteineen – ajattelin kirjaimellisesti: "Ei kiitos, ei todellakaan! Tämä näyttää joltakin 1980-luvun hakkelointielokuvasta, enkä ole varmasti tarpeeksi älykäs tähän!" 😅
 
-Mutta tässä on se, mitä toivon jonkun kertoneen minulle silloin, ja mitä kerron sinulle nyt: komentorivi ei ole pelottava – se on itse asiassa kuin suora keskustelu tietokoneesi kanssa. Ajattele sitä kuin eroa tilata ruokaa hienon sovelluksen kautta, jossa on kuvia ja valikoita (mikä on mukavaa ja helppoa), verrattuna siihen, että astut sisään suosikkiravintolaasi, jossa kokki tietää tarkalleen, mistä pidät, ja voi loihtia jotain täydellistä vain sanomalla "yllätä minut jollain mahtavalla."
+Mutta tässä on se, mitä toivon jonkun olisi kertonut minulle silloin ja mitä sanon sinulle nyt: komentorivi ei ole pelottava – se on oikeastaan kuin suora keskustelu tietokoneesi kanssa. Ajattele sitä kuin eroa ruoan tilaamisessa hienon sovelluksen kautta kuvineen ja menuineen (mukavaa ja helppoa) ja suosikkiravintolaasi kävelemisessä, jossa kokki tietää tarkasti, mitä tykkäät, ja voi loihtia täydellisen aterian vain sanomalla "yllätytä minut jollain mahtavalla".
 
-Komentorivi on paikka, jossa kehittäjät tuntevat itsensä todellisiksi velhoiksi. Kirjoitat muutaman taianomaisen sanan (okei, ne ovat vain komentoja, mutta ne tuntuvat taianomaisilta!), painat enteriä, ja BOOM – olet luonut kokonaisia projektirakenteita, asentanut tehokkaita työkaluja ympäri maailmaa tai julkaissut sovelluksesi internetiin miljoonien ihmisten nähtäväksi. Kun saat ensimmäisen maistiaisen siitä voimasta, se on rehellisesti sanottuna melko koukuttavaa!
+Komentorivi on paikka, johon kehittäjät menevät tunteakseen itsensä totaalihaltijoiksi. Kirjoitat pari näennäisesti taianomaista sanaa (okei, ne ovat vain komentoja, mutta ne tuntuvat taianomaisilta!), painat enteriä ja BOOM – olet luonut kokonaisia projektirakenteita, asentanut maailmalta tehokkaita työkaluja tai julkaissut sovelluksesi internetissä miljoonien nähtäväksi. Kun maistat ensimmäisen kerran tätä voimaa, se voi todellakin olla koukuttavaa!
 
 **Miksi komentorivistä tulee suosikkityökalusi:**
 
-Vaikka graafiset käyttöliittymät ovat hyviä moniin tehtäviin, komentorivi loistaa automaatiossa, tarkkuudessa ja nopeudessa. Monet kehitystyökalut toimivat ensisijaisesti komentorivikäyttöliittymien kautta, ja niiden tehokas käyttö voi parantaa tuottavuuttasi merkittävästi.
+Vaikka graafiset käyttöliittymät ovat hienoja moniin tehtäviin, komentorivi loistaa automaatiossa, tarkkuudessa ja nopeudessa. Monet kehitystyökalut toimivat pääasiassa komentorivikäyttöliittymien kautta, ja niiden tehokas käyttö voi parantaa tuottavuuttasi merkittävästi.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Vaihe 1: Luo projektihakemisto ja siirry sinne
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Tämä koodi tekee seuraavaa:**
-- **Luo** uuden hakemiston nimeltä "my-awesome-website" projektillesi
-- **Siirry** juuri luotuun hakemistoon aloittaaksesi työn
+**Tässä mitä tämä koodi tekee:**
+- **Luo** uuden hakemiston nimeltä "my-awesome-website" projektiisi varten
+- **Siirry** vastaluotuun hakemistoon aloittaaksesi työskentelyn
 
 ```bash
-# Step 2: Initialize project with package.json
+# Vaihe 2: Alusta projekti package.json-tiedostolla
 npm init -y
 
-# Install modern development tools
+# Asenna nykyaikaiset kehitystyökalut
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **Vaihe vaiheelta, tässä tapahtuu:**
-- **Alustetaan** uusi Node.js-projekti oletusasetuksilla komennolla `npm init -y`
-- **Asennetaan** Vite moderniksi rakennustyökaluksi nopeaan kehitykseen ja tuotantoversioihin
-- **Lisätään** Prettier automaattiseen koodin muotoiluun ja ESLint koodin laadun tarkistamiseen
-- **Käytetään** `--save-dev`-lippua merkitsemään nämä vain kehityskäyttöön tarkoitetuiksi riippuvuuksiksi
+- **Alusta** uusi Node.js-projekti oletusasetuksilla komennolla `npm init -y`
+- **Asenna** Vite modernina rakennustyökaluna nopeaan kehitykseen ja tuotantoon
+- **Lisää** Prettier automaattiseen koodin muotoiluun ja ESLint koodin laadun tarkistukseen
+- **Käytä** `--save-dev` lipuketta merkkaamaan nämä vain kehitysaikaisiksi riippuvuuksiksi
 
 ```bash
-# Step 3: Create project structure and files
+# Vaihe 3: Luo projektin rakenne ja tiedostot
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Käynnistä kehityspalvelin
 npx vite
 ```
 
-**Yllä olevassa olemme:**
-- **Järjestäneet** projektimme luomalla erilliset kansiot lähdekoodille ja aineistoille
-- **Luoneet** perus HTML-tiedoston asianmukaisella dokumenttirakenteella
-- **Käynnistäneet** Vite-kehityspalvelimen live-päivityksille ja moduulien kuuman korvaamisen tueksi
+**Yllä olemme:**
+- **Järjestäneet** projektin luomalla erilliset kansiot lähdekoodille ja resursseille
+- **Generoineet** yksinkertaisen HTML-tiedoston oikealla asiakirjarakenteella
+- **Käynnistäneet** Viten kehityspalvelimen live-latauksella ja kuuman moduulin korvauksella
 
-#### Välttämättömät komentorivityökalut web-kehitykseen
+#### Oleelliset komentorivityökalut web-kehitykseen
 
-| Työkalu | Tarkoitus | Miksi tarvitset sen |
-|---------|----------|---------------------|
-| **[Git](https://git-scm.com/)** | Versionhallinta | Seuraa muutoksia, tee yhteistyötä muiden kanssa, varmuuskopioi työsi |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript-ajonaika & pakettien hallinta | Aja JavaScriptiä selainten ulkopuolella, asenna moderneja kehitystyökaluja |
-| **[Vite](https://vitejs.dev/)** | Rakennustyökalu & kehityspalvelin | Salamannopea kehitys kuuman moduulien korvaamisen avulla |
-| **[ESLint](https://eslint.org/)** | Koodin laatu | Löydä ja korjaa automaattisesti ongelmat JavaScriptissäsi |
-| **[Prettier](https://prettier.io/)** | Koodin muotoilu | Pidä koodisi johdonmukaisesti muotoiltuna ja helposti luettavana |
+| Työkalu | Tarkoitus | Miksi tarvitset sitä |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Versionhallinta | Seuraa muutoksia, tee yhteistyötä, varmuuskopioi työsi |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScriptin suoritusympäristö ja pakettien hallinta | Aja JavaScriptiä selainten ulkopuolella, asenna nykyaikaisia kehitystyökaluja |
+| **[Vite](https://vitejs.dev/)** | Rakennustyökalu ja kehityspalvelin | Salamannopea kehitys kuuman moduulin korvauksella |
+| **[ESLint](https://eslint.org/)** | Koodin laatu | Etsi ja korjaa JavaScript-ongelmia automaattisesti |
+| **[Prettier](https://prettier.io/)** | Koodin muotoilu | Pidä koodi johdonmukaisesti muotoiltuna ja luettavana |
 
 #### Alustakohtaiset vaihtoehdot
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderni, monipuolinen terminaali
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tehokas skriptikieliympäristö
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Perinteinen Windows-komentorivi
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Moderni, monipuolinen terminaali
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Tehokas skriptausympäristö
+- **[Komentokehote (Command Prompt)](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Perinteinen Windowsin komentorivi
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Sisäänrakennettu terminaalisovellus
-- **[iTerm2](https://iterm2.com/)** - Parannettu terminaali edistyneillä ominaisuuksilla
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Valmiiksi asennettu pääteohjelma
+- **[iTerm2](https://iterm2.com/)** – Paranneltu terminaali edistyneillä ominaisuuksilla
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Linuxin vakio komentokuori
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Edistynyt terminaaliemulaattori
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Vakio Linux-kuori
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Edistynyt terminaaliemulaattori
 
 > 💻 = Esiasennettu käyttöjärjestelmään
 
-> 🎯 **Oppimispolku**: Aloita peruskomennoilla, kuten `cd` (vaihda hakemistoa), `ls` tai `dir` (näytä tiedostot) ja `mkdir` (luo kansio). Harjoittele nykyaikaisia työnkulkuun liittyviä komentoja, kuten `npm install`, `git status` ja `code .` (avaa nykyinen hakemisto VS Codessa). Kun tunnet olosi mukavammaksi, opit luonnollisesti lisää kehittyneitä komentoja ja automaatiotekniikoita.
+> 🎯 **Oppimispolku**: Aloita peruskomentoja kuten `cd` (vaihda hakemistoa), `ls` tai `dir` (näytä tiedostot) ja `mkdir` (luo kansio). Harjoittele moderneilla työnkulun komennoilla kuten `npm install`, `git status` ja `code .` (avaa nykyinen hakemisto VS Codessa). Kun tulet varmemmaksi, opit luonnollisesti edistyneempiä komentoja ja automaatiotekniikoita.
+
 
-### Dokumentaatio: Aina saatavilla oleva oppaasi
+### Dokumentaatio: Aina saatavilla oleva oppimisoppaasi
 
-Okei, haluan jakaa pienen salaisuuden, joka saa sinut tuntemaan olosi paljon paremmaksi aloittelijana: jopa kokeneimmat kehittäjät viettävät suuren osan ajastaan dokumentaatiota lukien. Eikä se johdu siitä, etteivät he tietäisi mitä tekevät – se on itse asiassa merkki viisaudesta!
+Kerrotaanpa pieni salaisuus, joka saa sinut tuntemaan olosi paljon mukavammaksi aloittelijana: jopa kokeneimmat kehittäjät käyttävät suuren osan ajastaan dokumentaation lukemiseen. Eikä se johdu siitä, etteivätkö he tietäisi, mitä tekevät – se on itse asiassa merkki viisaudesta!
 
-Ajattele dokumentaatiota kuin maailman kärsivällisimmät ja asiantuntevimmat opettajat, jotka ovat saatavilla 24/7. Ongelma keskellä yötä? Dokumentaatio on siellä lämpimän virtuaalisen halauksen ja juuri oikean vastauksen kanssa. Haluatko oppia jostain siististä uudesta ominaisuudesta, josta kaikki puhuvat? Dokumentaatio auttaa sinua askel askeleelta. Yritätkö ymmärtää, miksi jokin toimii niin kuin toimii? Kyllä – dokumentaatio selittää sen tavalla, joka vihdoin avaa silmäsi!
+Ajattele dokumentaatiota kuin pääsyä maailman kärsivällisimpiin, asiantunteviin opettajiin, jotka ovat saatavilla 24/7. Jumiuduit ongelmaan klo 2 yöllä? Dokumentaatio on siellä lämpimällä virtuaalihalauksella ja juuri oikealla vastauksella. Haluatko oppia uudesta siististä ominaisuudesta, josta kaikki puhuvat? Dokumentaatio auttaa askel askeleelta esimerkeillä. Yrität ymmärtää, miksi jokin toimii juuri niin kuin se toimii? Arvasit oikein – dokumentaatio selittää sen tavalla, joka viimein saa ahaa-elämyksen aikaan!
 
-Tässä on jotain, mikä muutti täysin näkökulmani: verkkokehityksen maailma liikkuu uskomattoman nopeasti, eikä kukaan (siis ei kukaan!) muista kaikkea ulkoa. Olen nähnyt 15+ vuoden kokemuksen omaavien seniorikehittäjien etsivän perussyntaksia, ja tiedätkö mitä? Se ei ole noloa – se on fiksua! Kyse ei ole täydellisestä muistista, vaan siitä, että osaa löytää luotettavat vastaukset nopeasti ja ymmärtää, miten niitä sovelletaan.
+Tässä on jotakin, mikä kokonaan muutti näkemykseni: web-kehityksen maailma liikkuu uskomattoman nopeasti, eikä kukaan (tarkoitan ihan ketään!) muista kaikkea ulkoa. Olen nähnyt kokeneita kehittäjiä, joilla on yli 15 vuoden kokemus, hakemassa perustason syntakseja, ja tiedätkö mitä? Se ei ole mitään hävettävää – se on fiksua! Kyse ei ole täydellisestä muistista, vaan siitä, että tietää mistä löytää luotettavat vastaukset nopeasti ja osaa soveltaa niitä.
 
-**Tässä tapahtuu todellinen taika:**
+**Tässä todellinen taika tapahtuu:**
 
-Ammattikehittäjät käyttävät merkittävän osan ajastaan dokumentaation lukemiseen – ei siksi, etteivät he tietäisi mitä tekevät, vaan koska verkkokehityksen kenttä kehittyy niin nopeasti, että ajan tasalla pysyminen vaatii jatkuvaa oppimista. Hyvä dokumentaatio auttaa sinua ymmärtämään, ei vain *miten* jotain käytetään, vaan myös *miksi* ja *milloin* sitä käytetään.
+Ammattilaiset käyttävät merkittävän osan ajastaan dokumentaation lukemiseen – ei siksi, etteivätkö he tietäisi, mitä tekevät, vaan siksi, että web-kehityksen kenttä muuttuu niin nopeasti, että ajan tasalla pysyminen vaatii jatkuvaa opiskelua. Hyvä dokumentaatio auttaa ymmärtämään, ei pelkästään *miten* jotain käytetään, vaan *miksi* ja *milloin* sitä tehdään.
 
-#### Välttämättömät dokumentaatioresurssit
+#### Tärkeitä dokumentaatiolähteitä
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Verkkoteknologian dokumentaation kultastandardi
-- Kattavat oppaat HTML:stä, CSS:stä ja JavaScriptistä
+- Kultastandardi verkkoteknologian dokumentaatiossa
+- Laajat oppaat HTML:stä, CSS:stä ja JavaScriptistä
 - Sisältää selainten yhteensopivuustiedot
-- Tarjoaa käytännön esimerkkejä ja interaktiivisia demoja
+- Käytännön esimerkit ja interaktiiviset demot
 
 **[Web.dev](https://web.dev)** (Googlelta)
-- Modernin verkkokehityksen parhaat käytännöt
+- Modernit web-kehityksen parhaat käytännöt
 - Suorituskyvyn optimointiohjeet
-- Saavutettavuuden ja inklusiivisen suunnittelun periaatteet
-- Tapaustutkimuksia tosielämän projekteista
+- Saavutettavuus ja inklusiivisen suunnittelun periaatteet
+- Tapaustutkimuksia oikeista projekteista
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Edge-selaimen kehitysresurssit
-- Progressiivisten verkkosovellusten oppaat
-- Alustojen välisten kehitysten näkemykset
+- Edge-selaimen kehitysjulkaisut
+- Progressiivisten web-appien ohjeet
+- Monialustainen kehitystietoisuus
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Jäsenneltyjä oppimispolkuja
-- Videokursseja alan asiantuntijoilta
-- Käytännön koodausharjoituksia
+- Jäsennellyt oppimiskurssit
+- Video-opetuksia alan asiantuntijoilta
+- Käytännön koodiharjoituksia
 
-> 📚 **Opiskelustrategia**: Älä yritä opetella dokumentaatiota ulkoa – opettele sen sijaan navigoimaan siinä tehokkaasti. Tallenna usein käytetyt viitteet kirjanmerkkeihin ja harjoittele hakutoimintojen käyttöä löytääksesi nopeasti tietoa.
+> 📚 **Opiskelustrategia**: Älä yritä opetella dokumentaatiota ulkoa – opettele navigoimaan siinä tehokkaasti. Kirjanmerkitä usein käytettyjä lähteitä ja harjoittele hakutoimintojen käyttöä löytääksesi tietoa nopeasti.
 
-### 🔧 **Työkalujen hallinnan tarkistus: Mikä innostaa sinua?**
+### 🔧 **Työkalujen hallinnan tarkistus: Mikä resonoi sinussa?**
 
-**Pysähdy hetkeksi miettimään:**
-- Mikä työkalu innostaa sinua eniten kokeilemaan ensimmäisenä? (Ei ole väärää vastausta!)
-- Tuntuuko komentorivi edelleen pelottavalta, vai herättääkö se uteliaisuutesi?
-- Voitko kuvitella käyttäväsi selaimen DevTools-työkaluja kurkistaaksesi suosikkisivustojesi kulissien taakse?
+**Harkitse hetki:**
+- Mikä työkalu innostaa sinua eniten kokeilemaan ensin? (Ei ole väärää vastausta!)
+- Tuntuuko komentorivi edelleen pelottavalta vai oletko utelias sitä kohtaan?
+- Voitko kuvitella käyttäväsi selaimen DevToolsia kurkistamaan suosikkisivustojesi kulissien taakse?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Kehittäjän Aika Työkalujen Parissa"
+    "Koodieditori" : 40
+    "Selaintestaus" : 25
+    "Komentorivi" : 15
+    "Dokumentaatioiden Lukeminen" : 15
+    "Virheidenetsintä" : 5
 ```
+> **Hauska havainto**: Useimmat kehittäjät viettävät noin 40 % ajastaan koodieditorissa, mutta huomaa kuinka paljon aikaa menee testaamiseen, oppimiseen ja ongelmanratkaisuun. Ohjelmointi ei ole pelkästään koodin kirjoittamista – se on käyttäjäkokemusten luomista!
 
-> **Hauska huomio**: Useimmat kehittäjät viettävät noin 40 % ajastaan koodieditorissa, mutta huomaa, kuinka paljon aikaa kuluu testaamiseen, oppimiseen ja ongelmanratkaisuun. Ohjelmointi ei ole vain koodin kirjoittamista – se on kokemusten luomista!
-
-✅ **Ajateltavaa**: Tässä jotain mielenkiintoista pohdittavaa – miten luulet verkkosivustojen rakentamiseen käytettävien työkalujen (kehitys) eroavan niiden ulkoasun suunnitteluun käytettävistä työkaluista (suunnittelu)? Se on kuin ero arkkitehdin, joka suunnittelee kauniin talon, ja urakoitsijan, joka sen oikeasti rakentaa. Molemmat ovat ratkaisevan tärkeitä, mutta he tarvitsevat erilaiset työkalupakit! Tällainen ajattelu auttaa sinua näkemään laajemman kuvan siitä, miten verkkosivustot syntyvät.
+✅ **Ajatuksen aihetta**: Tässä mielenkiintoinen pohdinta – miten luulet, että työkalut verkkosivustojen rakentamiseen (kehitys) eroavat niistä, mitä käytetään sivuston ulkoasun suunnitteluun (design)? Se on kuin ero arkkitehdin, joka suunnittelee kauniin talon, ja urakoitsijan välillä, joka sen rakentaa. Molemmat ovat elintärkeitä, mutta tarvitsevat erilaiset työkalupakit! Tällainen ajattelu auttaa sinua todella näkemään laajemmin, miten verkkosivustot elävät.
 
-## GitHub Copilot Agent -haaste 🚀
+## GitHub Copilot Agent Challenge 🚀
 
 Käytä Agent-tilaa suorittaaksesi seuraavan haasteen:
 
-**Kuvaus:** Tutki modernin koodieditorin tai IDE:n ominaisuuksia ja osoita, kuinka se voi parantaa työskentelyäsi web-kehittäjänä.
+**Kuvaus:** Tutki modernin koodieditorin tai IDE:n ominaisuuksia ja osoita, miten se voi parantaa työnkulkuasi web-kehittäjänä.
 
-**Tehtävä:** Valitse koodieditori tai IDE (kuten Visual Studio Code, WebStorm tai pilvipohjainen IDE). Listaa kolme ominaisuutta tai laajennusta, jotka auttavat sinua kirjoittamaan, debuggaamaan tai ylläpitämään koodia tehokkaammin. Kerro lyhyesti, miten kukin hyödyttää työskentelyäsi.
+**Pyyntö:** Valitse koodieditori tai IDE (kuten Visual Studio Code, WebStorm tai pilvipohjainen IDE). Listaa kolme ominaisuutta tai laajennusta, jotka auttavat sinua kirjoittamaan, virheenkorjaamaan tai ylläpitämään koodia tehokkaammin. Anna jokaiselle lyhyt selitys siitä, miten se hyödyttää työnkulkusi.
 
 ---
 
 ## 🚀 Haaste
 
-**Oletko valmis ensimmäiseen tehtävääsi, salapoliisi?**
+**Okei, etsivä, oletko valmis ensimmäiseen tapaustasi?**
 
-Nyt kun sinulla on tämä mahtava perusta, minulla on seikkailu, joka auttaa sinua näkemään, kuinka uskomattoman monipuolinen ja kiehtova ohjelmointimaailma todella on. Ja kuuntele – tämä ei vielä koske koodin kirjoittamista, joten ei paineita! Ajattele itseäsi ohjelmointikielten salapoliisina ensimmäisellä jännittävällä tehtävällään!
+Nyt kun sinulla on tämä mahtava perusta, minulla on seikkailu, joka auttaa sinua näkemään, kuinka uskomattoman monipuolinen ja kiehtova ohjelmointimaailma oikeasti on. Kuuntele – tässä ei vielä kirjoiteta koodia, eli ei painetta! Ajattele itseäsi ohjelmointikielten etsivänä ensimmäisessä jännittävässä tapauksessasi!
 
-**Tehtäväsi, jos päätät hyväksyä sen:**
-1. **Ryhdy kielitutkijaksi**: Valitse kolme ohjelmointikieltä täysin eri maailmoista – ehkä yksi, joka rakentaa verkkosivustoja, yksi, joka luo mobiilisovelluksia, ja yksi, joka käsittelee dataa tutkijoille. Etsi esimerkkejä samasta yksinkertaisesta tehtävästä, joka on kirjoitettu jokaisella kielellä. Lupaan, että hämmästyt siitä, kuinka erilaisilta ne voivat näyttää tehdessään täsmälleen samaa asiaa!
+**Tehtäväsi, jos hyväksyt:**
+1. **Tule kielen tutkijaksi**: Valitse kolme ohjelmointikieltä täysin eri etäisyyksiltä – vaikkapa yksi verkkosivustoja rakentava, yksi mobiilisovelluksia luova ja yksi tutkijoiden datan käsittelyyn käyttämä. Löydä esimerkkejä samasta yksinkertaisesta tehtävästä kirjoitettuna jokaisella kielellä. Lupaan, että tulet olemaan ihan hämmästynyt siitä, kuinka erilaisilta ne voivat näyttää samalla tehdessään täysin samaa asiaa!
 
-2. **Paljasta niiden alkuperätarinat**: Mikä tekee kustakin kielestä erityisen? Tässä on siisti fakta – jokainen ohjelmointikieli on luotu, koska joku ajatteli: "Tiedätkö mitä? Tähän tiettyyn ongelmaan täytyy olla parempi ratkaisu." Voitko selvittää, mitkä nuo ongelmat olivat? Jotkut näistä tarinoista ovat todella kiehtovia!
+2. **Paljasta niiden alkuperätarinat**: Mikä tekee kustakin kielestä erikoisen? Tässä kiva fakta – jokainen ohjelmointikieli on luotu siksi, että joku ajatteli: "Tiedätkö mitä? Täytyy olla parempi tapa ratkaista tämä tietty ongelma." Voitko selvittää, mitkä nämä ongelmat olivat? Jotkut näistä tarinoista ovat todella kiehtovia!
 
-3. **Tutustu yhteisöihin**: Katso, kuinka tervetulleita ja intohimoisia kunkin kielen yhteisöt ovat. Joillakin on miljoonia kehittäjiä, jotka jakavat tietoa ja auttavat toisiaan, toisilla on pienempi mutta erittäin tiivis ja tukeva yhteisö. Tulet rakastamaan nähdäksesi, kuinka erilaisia persoonallisuuksia näillä yhteisöillä on!
+3. **Tapaa yhteisöt**: Tutki, kuinka vastaanottavaisia ja intohimoisia kunkin kielen yhteisö on. Joillakin on miljoonia kehittäjiä jakamassa tietoa ja auttamassa toisiaan, toisilla on pienempi mutta äärimmäisen tiivis ja tukeva yhteisö. Tulet rakastamaan nähdä, millaisia persoonallisuuksia näillä yhteisöillä on!
 
-4. **Kuuntele vaistoasi**: Mikä kieli tuntuu sinulle tällä hetkellä lähestyttävimmältä? Älä stressaa "täydellisen" valinnan tekemisestä – kuuntele vain vaistojasi! Tässä ei ole väärää vastausta, ja voit aina tutkia muita myöhemmin.
+4. **Seuraa vaistoasi**: Mikä kieli tuntuu sinusta lähestyttävimmältä juuri nyt? Älä stressaa "täydellisen" valinnan tekemisestä – kuuntele vaan vaistojasi! Tässä ei ole oikeaa tai väärää vastausta, ja voit aina tutustua muihin myöhemmin.
 
-**Bonus salapoliisityö**: Selvitä, mitkä suuret verkkosivustot tai sovellukset on rakennettu kunkin kielen avulla. Takaan, että tulet hämmästymään, kun saat selville, mikä pyörittää Instagramia, Netflixiä tai sitä mobiilipeliä, jota et voi lopettaa
-## Arviointi ja itseopiskelu
+**Lisävinkki etsivälle**: Katso, voitko löytää, millä suurilla verkkosivustoilla tai sovelluksilla kukin kieli on rakennettu. Takaan, että tulet järkyttymään, kun opit, mikä voimavara on Instagramin, Netflixin tai sen mobiilipelin takana, jota et voi lopettaa pelaamasta!
 
-**Ota aikaa tutkiaksesi ja nauttiaksesi siitä!**
+> 💡 **Muista**: Et yritä tulla asiantuntijaksi yhdessäkään näistä kielistä tänään. Olet vain tutustumassa ympäristöön ennen kuin päätät, mihin haluat asettua. Ota aikaa, pidä hauskaa ja anna uteliaisuutesi ohjata sinua!
 
-Olet oppinut tänään paljon, ja siitä voit olla ylpeä! Nyt alkaa hauska osuus – tutkia aiheita, jotka herättivät uteliaisuutesi. Muista, tämä ei ole läksy – tämä on seikkailu!
+## Juhlistetaan Löytöjäsi!
 
-**Sukella syvemmälle asioihin, jotka innostavat sinua:**
+Vau, olet sisäistänyt niin paljon uskomatonta tietoa tänään! Olen aidosti innoissani nähdessäni, kuinka paljon tästä mahtavasta matkasta on jäänyt mieleesi. Ja muista – tämä ei ole testi, jossa pitää saada kaikki täydellisesti. Tämä on enemmänkin juhla kaikista siisteistä asioista, joita olet oppinut tästä kiehtovasta maailmasta, johon olet sukeltamassa!
 
-**Tutustu ohjelmointikieliin käytännössä:**
-- Käy 2-3 sinua kiinnostavan ohjelmointikielen virallisilla verkkosivuilla. Jokaisella niistä on oma persoonallisuutensa ja tarinansa!
-- Kokeile online-koodausalustoja, kuten [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) tai [Replit](https://replit.com/). Älä pelkää kokeilla – et voi rikkoa mitään!
-- Lue, miten suosikkikielesi syntyi. Oikeasti, jotkut näistä tarinoista ovat todella kiehtovia ja auttavat sinua ymmärtämään, miksi kielet toimivat niin kuin toimivat.
+[Suorita oppitunnin jälkeinen tietovisa](https://ff-quizzes.netlify.app/web/)
 
-**Tule tutuksi uusien työkalujesi kanssa:**
-- Lataa Visual Studio Code, jos et ole vielä tehnyt sitä – se on ilmainen ja tulet rakastamaan sitä!
-- Käytä muutama minuutti Extensions-markkinapaikan selaamiseen. Se on kuin sovelluskauppa koodieditorillesi!
-- Avaa selaimesi kehittäjätyökalut ja klikkaile ympäriinsä. Älä huolehdi, jos et ymmärrä kaikkea – tutustu vain siihen, mitä siellä on.
+## Kertaus & Itsenäinen opiskelu
 
-**Liity yhteisöön:**
-- Seuraa joitakin kehittäjäyhteisöjä [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) tai [GitHub](https://github.com/) -sivustoilla. Ohjelmointiyhteisö on uskomattoman vastaanottavainen uusille tulokkaille!
-- Katso joitakin aloittelijaystävällisiä koodausvideoita YouTubesta. Siellä on paljon mahtavia sisällöntuottajia, jotka muistavat, millaista on aloittaa alusta.
-- Harkitse liittymistä paikallisiin tapaamisiin tai online-yhteisöihin. Uskokaa pois, kehittäjät rakastavat auttaa uusia tulokkaita!
+**Ota aikaa tutkia ja pidä hauskaa!**
+Olet edennyt tänään pitkälle, ja se on jotain, mistä voit olla ylpeä! Nyt tulee hauska osuus – tutkia aiheita, jotka herättivät uteliaisuutesi. Muista, tämä ei ole kotitehtävä – tämä on seikkailu!
 
-> 🎯 **Kuuntele, tässä on mitä haluan sinun muistavan**: Sinun ei odoteta tulevan koodausvelhoksi yhdessä yössä! Juuri nyt tutustut tähän hämmästyttävään uuteen maailmaan, johon olet liittymässä. Ota aikaa, nauti matkasta ja muista – jokainen ihailemasi kehittäjä oli kerran täsmälleen samassa tilanteessa kuin sinä nyt, innostunut ja ehkä hieman hämmentynyt. Se on täysin normaalia, ja se tarkoittaa, että teet kaiken oikein.
+**Sukella syvemmälle siihen, mikä innostaa sinua:**
 
----
+**Perehdy ohjelmointikieliin:**
+- Vieraile 2-3 kielten virallisilla verkkosivuilla, jotka kiinnittivät huomiosi. Jokaisella on oma persoonallisuutensa ja tarinansa!
+- Kokeile joitakin online-koodausympäristöjä kuten [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) tai [Replit](https://replit.com/). Älä pelkää kokeilla – et voi rikkoa mitään!
+- Lue, miten lempiohjelmointikielesi sai alkunsa. Oikeasti, jotkut näistä alkuperätarinoista ovat kiehtovia ja auttavat sinua ymmärtämään, miksi kielet toimivat niin kuin toimivat.
+
+**Tutustu uusiin työkaluihisi:**
+- Lataa Visual Studio Code, jos et vielä ole tehnyt niin – se on ilmainen ja tulet rakastamaan sitä!
+- Käy läpi muutama minuutti Extensions-markkinapaikkaa. Se on kuin sovelluskauppa koodieditorillesi!
+- Avaa selaimesi Developer Tools ja klikkaa ympäriinsä. Älä huoli, vaikka et ymmärtäisi kaikkea – tutustu vain siihen, mitä siellä on.
+
+**Liity yhteisöön:**
+- Seuraa joitakin kehittäjäyhteisöjä [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) tai [GitHub](https://github.com/) -sivustoilla. Ohjelmointiyhteisö on todella tervetullut uusille tulokkaille!
+- Katso aloittelijaystävällisiä koodausvideoita YouTubesta. On niin monia mahtavia tekijöitä, jotka muistavat, miltä alkutaival tuntuu.
+- Harkitse liittymistä paikallisiin tapaamisiin tai verkkoyhteisöihin. Usko pois, kehittäjät rakastavat auttaa aloittelijoita!
+
+> 🎯 **Kuuntele, tässä mitä haluan sinun muistavan**: Sinulta ei odoteta, että sinusta tulee koodausvelho yhdessä yössä! Nyt olet vasta tutustumassa tähän hämmästyttävään uuteen maailmaan, johon olet liittymässä. Ota aikasi, nauti matkasta, ja muista – jokainen kehittäjä, jota ihailet, istui joskus täsmälleen siinä missä sinä nyt olet, innostuneena ja ehkä vähän hermostuneena. Se on täysin normaalia, ja se tarkoittaa, että teet oikein!
 
 ## Tehtävä
 
-[Dokumentaation lukeminen](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Pieni vinkki tehtävääsi**: Olisi mahtavaa nähdä sinun tutkivan joitakin työkaluja, joita emme ole vielä käsitelleet! Jätä väliin editorit, selaimet ja komentorivityökalut, joista olemme jo puhuneet – siellä on kokonainen uskomaton maailma upeita kehitystyökaluja, jotka odottavat löytämistä. Etsi sellaisia, joita aktiivisesti ylläpidetään ja joilla on elinvoimaisia, avuliaita yhteisöjä (niillä on yleensä parhaat tutoriaalit ja eniten tukevia ihmisiä, kun väistämättä törmäät haasteisiin ja tarvitset ystävällistä apua).
+> 💡 **Pieni tsemppi tehtävääsi varten**: Haluaisin todella nähdä sinun tutkivan työkaluja, joita emme vielä ole käsitelleet! Ohita editorit, selaimet ja komentorivityökalut, joista olemme jo puhuneet – on olemassa kokonainen uskomaton maailma mahtavia kehitystyökaluja, jotka odottavat löytäjäänsä. Etsi sellaisia, joita ylläpidetään aktiivisesti ja joilla on eloisa, avulias yhteisö (näillä on yleensä parhaat opetusmateriaalit ja kaikkein tukevimmat ihmiset, kun joskus jumitut ja tarvitset ystävällisen käden auttamaan).
 
 ---
 
 ## 🚀 Ohjelmointimatkasi aikajana
 
-### ⚡ **Mitä voit tehdä seuraavan 5 minuutin aikana**
-- [ ] Lisää kirjanmerkkeihin 2-3 ohjelmointikielen verkkosivua, jotka herättivät kiinnostuksesi
-- [ ] Lataa Visual Studio Code, jos et ole vielä tehnyt sitä
-- [ ] Avaa selaimesi kehittäjätyökalut (F12) ja klikkaile ympäriinsä millä tahansa verkkosivulla
+### ⚡ **Mitä voit tehdä seuraavien 5 minuutin aikana**
+- [ ] Tallenna kirjanmerkkeihin 2-3 ohjelmointikielen verkkosivua, jotka kiinnittivät huomiosi
+- [ ] Lataa Visual Studio Code, jos et ole vielä tehnyt niin
+- [ ] Avaa selaimesi DevTools (F12) ja klikkaa ympäri mitä tahansa verkkosivua
 - [ ] Liity yhteen ohjelmointiyhteisöön (Dev.to, Reddit r/webdev tai Stack Overflow)
 
 ### ⏰ **Mitä voit saavuttaa tämän tunnin aikana**
-- [ ] Tee oppitunnin jälkeinen kysely ja pohdi vastauksiasi
+- [ ] Tee jälkimmäisen oppitunnin testi ja pohdi vastauksiasi
 - [ ] Asenna VS Codeen GitHub Copilot -laajennus
-- [ ] Kokeile "Hello World" -esimerkkiä kahdella eri ohjelmointikielellä verkossa
-- [ ] Katso YouTubesta video "Päivä kehittäjän elämässä"
-- [ ] Aloita ohjelmointikielen etsintätehtäväsi (haasteesta)
+- [ ] Kokeile ”Hello World” -esimerkkiä kahdessa eri ohjelmointikielessä verkossa
+- [ ] Katso ”Päivä kehittäjän elämässä” -video YouTubessa
+- [ ] Aloita ohjelmointikielesi salapoliisityö (haasteen avulla)
 
 ### 📅 **Viikon mittainen seikkailusi**
-- [ ] Suorita tehtävä ja tutki 3 uutta kehitystyökalua
-- [ ] Seuraa 5 kehittäjää tai ohjelmointiaiheista tiliä sosiaalisessa mediassa
-- [ ] Kokeile rakentaa jotain pientä CodePenissä tai Replitissä (vaikka vain "Hei, [Nimesi]!")
-- [ ] Lue yksi kehittäjän blogikirjoitus jonkun koodausmatkasta
-- [ ] Liity virtuaaliseen tapaamiseen tai katso ohjelmointiaiheinen esitys
-- [ ] Aloita valitsemasi kielen opiskelu verkkotutoriaalien avulla
-
-### 🗓️ **Kuukauden mittainen muodonmuutos**
-- [ ] Rakenna ensimmäinen pieni projektisi (vaikka yksinkertainen verkkosivu riittää!)
-- [ ] Osallistu avoimen lähdekoodin projektiin (aloita dokumentaation korjauksista)
-- [ ] Ryhdy mentoriksi jollekin, joka on vasta aloittamassa ohjelmointimatkaansa
+- [ ] Tee tehtävä ja tutki 3 uutta kehitystyökalua
+- [ ] Seuraa 5 kehittäjää tai ohjelmointitiliä sosiaalisessa mediassa
+- [ ] Kokeile rakentaa jotain pientä CodePenissä tai Replitissä (vaikka vain ”Hei, [Nimesi]!”)
+- [ ] Lue yksi kehittäjäblogipostaus henkilön ohjelmointimatkasta
+- [ ] Osallistu virtuaalitapaamiseen tai katso ohjelmointiluento
+- [ ] Aloita valitun kielen opiskelu verkkotutorialeilla
+
+### 🗓️ **Kuukauden mittainen muutosmatkasi**
+- [ ] Rakenna ensimmäinen pieni projektisi (myös yksinkertainen verkkosivu kelpaa!)
+- [ ] Osallistu avoimen lähdekoodin projektiin (aloita dokumentaatiokorjauksista)
+- [ ] Ohjaa joku, joka on vasta aloittamassa ohjelmointimatkaansa
 - [ ] Luo oma kehittäjäportfoliosivustosi
-- [ ] Yhdistä paikallisiin kehittäjäyhteisöihin tai opintoryhmiin
-- [ ] Aloita seuraavan oppimistavoitteesi suunnittelu
+- [ ] Rakenna yhteyksiä paikallisiin kehittäjäyhteisöihin tai opintoryhmiin
+- [ ] Aloita seuraavan oppimistavoitteen suunnittelu
 
-### 🎯 **Lopullinen pohdinta**
+### 🎯 **Viimeinen pohdintatarkastus**
 
-**Ennen kuin jatkat, ota hetki juhliaksesi:**
+**Ennen kuin jatkat, ota hetki juhlia:**
 - Mikä ohjelmoinnissa innosti sinua tänään?
-- Mikä työkalu tai konsepti kiinnostaa sinua eniten?
-- Miltä sinusta tuntuu aloittaa tämä ohjelmointimatka?
-- Mikä kysymys sinulla olisi juuri nyt kehittäjälle?
+- Mitä työkalua tai käsitettä haluat tutkia ensin?
+- Miltä tuntuu aloittaa tämä ohjelmointimatka?
+- Mikä on yksi kysymys, jonka haluaisit esittää kehittäjälle juuri nyt?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Itseluottamuksen Rakentamisen Matkasi
+    section Tänään
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Tämä Viikko
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Ensi Kuukausi
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Muista**: Jokainen asiantuntija on joskus ollut aloittelija. Jokainen kokenut kehittäjä on joskus tuntenut täsmälleen samoin kuin sinä nyt – innostunut, ehkä hieman hämmentynyt ja ehdottomasti utelias siitä, mitä kaikkea on mahdollista saavuttaa. Olet mahtavassa seurassa, ja tämä matka tulee olemaan uskomaton. Tervetuloa ohjelmoinnin ihmeelliseen maailmaan! 🎉
+> 🌟 **Muista**: Jokainen asiantuntija on ollut joskus aloittelija. Jokainen kokenut kehittäjä on tuntenut täsmälleen samoin kuin sinä nyt – innostuneena, ehkä hieman ylikuormittuneena, ja ehdottomasti uteliaana siitä, mikä on mahdollista. Olet loistavassa seurassa, ja tämä matka tulee olemaan uskomaton. Tervetuloa ohjelmoinnin ihmeelliseen maailmaan! 🎉
 
 ---
 
-**Vastuuvapauslauseke**:  
-Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja sen alkuperäisellä kielellä tulisi katsoa ensisijaiseksi lähteeksi. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa väärinkäsityksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Vastuuvapauslauseke**:
+Tämä asiakirja on käännetty käyttäen tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Pyrimme tarkkuuteen, mutta otathan huomioon, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja omalla kielellään on ensisijainen ja virallinen lähde. Tärkeissä asioissa suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tästä käännöksestä aiheutuvista väärinymmärryksistä tai virhetulkinnoista.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fi/AGENTS.md b/translations/fi/AGENTS.md
index 126016364..b186db98f 100644
--- a/translations/fi/AGENTS.md
+++ b/translations/fi/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Projektin yleiskuvaus
 
-Tämä on opetuksellinen opetussuunnitelmarepositorio, joka on tarkoitettu web-kehityksen perusteiden opettamiseen aloittelijoille. Opetussuunnitelma on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates, ja se sisältää 24 käytännön oppituntia, jotka kattavat JavaScriptin, CSS:n ja HTML:n.
+Tämä on opetussisältöjen arkisto, joka on tarkoitettu aloittelijoiden web-kehityksen perusteiden opettamiseen. Opetussuunnitelma on kattava 12 viikon kurssi, jonka ovat kehittäneet Microsoft Cloud Advocates, ja se sisältää 24 käytännönläheistä oppituntia JavaScriptin, CSS:n ja HTML:n parissa.
 
 ### Keskeiset osat
 
-- **Opetussisältö**: 24 rakenteellista oppituntia projektipohjaisissa moduuleissa
-- **Käytännön projektit**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor ja AI Chat Assistant
-- **Interaktiiviset tietovisat**: 48 tietovisaa, joissa on 3 kysymystä (ennen ja jälkeen oppitunnin arvioinnit)
-- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actionsin kautta
-- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tekoälyprojekteissa)
+- **Opetussisältö**: 24 rakenteellista oppituntia, jotka on organisoitu projektiperusteisiin moduuleihin  
+- **Käytännön projektit**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor ja AI Chat Assistant  
+- **Interaktiiviset kyselyt**: 48 kyselyä, joissa on 3 kysymystä jokaisessa (ennen ja jälkeen oppituntiarvioinnit)  
+- **Monikielinen tuki**: Automaattiset käännökset yli 50 kielelle GitHub Actionsilla  
+- **Teknologiat**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI-projekteissa)  
 
 ### Arkkitehtuuri
 
-- Opetuksellinen arkisto oppituntipohjaisella rakenteella
-- Jokainen oppituntikansio sisältää README-tiedoston, koodiesimerkkejä ja ratkaisuja
-- Itsenäiset projektit omissa hakemistoissaan (quiz-app, eri oppituntiprojektit)
-- Käännösjärjestelmä GitHub Actionsin (co-op-translator) avulla
-- Dokumentaatio tarjotaan Docsifylla ja se on saatavilla myös PDF:nä
+- Opetussisältöarkisto oppituntirakenteella  
+- Jokaisessa oppituntikansiossa README, koodiesimerkit ja ratkaisut  
+- Itsenäiset projektit omissa hakemistoissaan (quiz-app, erilaiset oppituntiprojektit)  
+- Käännösjärjestelmä GitHub Actionsin avulla (co-op-translator)  
+- Dokumentaatio tarjotaan Docsifyllä ja saatavilla PDF-muodossa  
 
-## Asennuskomennot
+## Asennuskäskyt
 
-Tämä arkisto on ensisijaisesti tarkoitettu opetussisällön kulutukseen. Työskennellessäsi tiettyjen projektien kanssa:
+Tämä arkisto on ensisijaisesti tarkoitettu opetussisällön kuluttamiseen. Jos työskentelet tiettyjen projektien kanssa:
 
-### Pääarkiston asennus
+### Pääarkiston pystytys
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-
-### Quiz-sovelluksen asennus (Vue 3 + Vite)
+  
+### Quiz Appin asennus (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -40,25 +40,25 @@ npm run dev        # Käynnistä kehityspalvelin
 npm run build      # Rakenna tuotantoon
 npm run lint       # Suorita ESLint
 ```
-
-### Pankkiprojektin API (Node.js + Express)
+  
+### Bank Project API (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
 npm start          # Käynnistä API-palvelin
-npm run lint       # Suorita ESLint
-npm run format     # Muotoile Prettierilla
+npm run lint       # Aja ESLint
+npm run format     # Muotoile Prettierillä
 ```
-
-### Selaimen laajennusprojektit
+  
+### Selainlaajennusprojektit
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Noudata selaimen erityisiä laajennuksen latausohjeita
+# Noudata selaimen erityisiä laajennusten latausohjeita
 ```
-
+  
 ### Space Game -projektit
 
 ```bash
@@ -66,8 +66,8 @@ cd 6-space-game/solution
 npm install
 # Avaa index.html selaimessa tai käytä Live Serveriä
 ```
-
-### Chat-projekti (Python backend)
+  
+### Chat-projekti (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -75,208 +75,208 @@ pip install openai
 # Aseta GITHUB_TOKEN-ympäristömuuttuja
 python api.py
 ```
+  
+## Kehitystyönkulku
 
-## Kehitysprosessi
-
-### Sisällön tekijöille
+### Sisällöntuottajille
 
-1. **Forkkaa arkisto** GitHub-tilillesi
-2. **Kloonaa forkki** paikallisesti
-3. **Luo uusi haara** muutoksillesi
-4. Tee muutoksia oppituntisisältöön tai koodiesimerkkeihin
-5. Testaa koodimuutokset asiaankuuluvissa projektihakemistoissa
-6. Lähetä pull requestit ohjeiden mukaisesti
+1. **Haarauta arkisto** GitHub-tilillesi  
+2. **Kloonaa oma haarukkasi** paikallisesti  
+3. **Luo uusi haara** muutoksille  
+4. Tee muutoksia oppituntisisältöön tai koodiesimerkkeihin  
+5. Testaa koodimuutokset sopivissa projektihakemistoissa  
+6. Lähetä vetopyynnöt ohjeiden mukaisesti  
 
 ### Oppijoille
 
-1. Forkkaa tai kloonaa arkisto
-2. Siirry oppituntihakemistoihin peräkkäin
-3. Lue jokaisen oppitunnin README-tiedostot
-4. Täytä oppituntia edeltävät tietovisat osoitteessa https://ff-quizzes.netlify.app/web/
-5. Työskentele koodiesimerkkien parissa oppituntikansioissa
-6. Suorita tehtävät ja haasteet
-7. Tee oppituntia seuraavat tietovisat
+1. Haarauta tai kloonaa arkisto  
+2. Siirry oppituntihakemistoihin peräkkäin  
+3. Lue kunkin oppitunnin README-tiedostot  
+4. Tee ennen oppituntia olevat kyselyt osoitteessa https://ff-quizzes.netlify.app/web/  
+5. Työstä oppituntien koodiesimerkkejä kansioissa  
+6. Suorita tehtävät ja haasteet  
+7. Tee oppitunnin jälkeiset kyselyt  
 
 ### Live-kehitys
 
-- **Dokumentaatio**: Suorita `docsify serve` juurihakemistossa (portti 3000)
-- **Quiz-sovellus**: Suorita `npm run dev` quiz-app-hakemistossa
-- **Projektit**: Käytä VS Code Live Server -laajennusta HTML-projekteissa
-- **API-projektit**: Suorita `npm start` vastaavissa API-hakemistoissa
+- **Dokumentaatio**: Aja `docsify serve` juurikansiossa (portti 3000)  
+- **Quiz App**: Aja `npm run dev` quiz-app-hakemistossa  
+- **Projektit**: Käytä VS Coden Live Server -laajennusta HTML-projekteille  
+- **API-projektit**: Aja `npm start` vastaavissa API-hakemistoissa  
 
 ## Testausohjeet
 
-### Quiz-sovelluksen testaus
+### Quiz Appin testaus
 
 ```bash
 cd quiz-app
-npm run lint       # Tarkista koodityyliongelmat
+npm run lint       # Tarkista koodityylin ongelmat
 npm run build      # Varmista, että käännös onnistuu
 ```
-
-### Pankki-API:n testaus
+  
+### Bank API:n testaus
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Tarkista koodityyliongelmat
-node server.js     # Varmista, että palvelin käynnistyy virheittä
+npm run lint       # Tarkista koodityylin ongelmat
+node server.js     # Varmista, että palvelin käynnistyy ilman virheitä
 ```
-
+  
 ### Yleinen testausmenetelmä
 
-- Tämä on opetuksellinen arkisto ilman kattavia automatisoituja testejä
-- Manuaalinen testaus keskittyy:
-  - Koodiesimerkkien virheettömään suorittamiseen
-  - Dokumentaation linkkien toimivuuteen
-  - Projektikäännösten onnistumiseen
-  - Esimerkkien noudattavan parhaita käytäntöjä
+- Tämä on opetussisältöarkisto ilman kattavia automaattisia testejä  
+- Manuaalisen testauksen painopisteet:  
+  - Koodiesimerkkien suorittaminen ilman virheitä  
+  - Dokumentaation linkkien toimivuus  
+  - Projektien rakentamiset onnistuvat  
+  - Esimerkit noudattavat parhaita käytäntöjä  
 
-### Ennen lähettämistä tehtävät tarkistukset
+### Ennen lähettämistä tarkistukset
 
-- Suorita `npm run lint` hakemistoissa, joissa on package.json
-- Varmista markdown-linkkien pätevyys
-- Testaa koodiesimerkit selaimessa tai Node.js:ssä
-- Tarkista, että käännökset säilyttävät rakenteen
+- Aja `npm run lint` saataville hakemistoissa, joissa on package.json  
+- Varmista markdown-linkkien toimivuus  
+- Testaa koodiesimerkkejä selaimessa tai Node.js:ssä  
+- Tarkista, että käännökset säilyttävät oikean rakenteen  
 
 ## Koodityyliohjeet
 
 ### JavaScript
 
-- Käytä modernia ES6+ syntaksia
-- Noudata projektien antamia ESLint-asetuksia
-- Käytä merkityksellisiä muuttuja- ja funktioiden nimiä opetuksen selkeyden vuoksi
-- Lisää kommentteja, jotka selittävät käsitteitä oppijoille
-- Muotoile Prettierillä, missä konfiguroitu
+- Käytä nykyaikaista ES6+-syntaksia  
+- Seuraa projektien tarjoamia ESLint-määrityksiä  
+- Käytä merkityksellisiä muuttuja- ja funktioiden nimiä opetuksen selkeyden vuoksi  
+- Lisää kommentteja käsitteiden selityksiin oppijoille  
+- Muotoile koodi Prettierillä missä se on konfiguroitu  
 
 ### HTML/CSS
 
-- Semanttiset HTML5-elementit
-- Responsiivisen suunnittelun periaatteet
-- Selkeät luokkien nimikäytännöt
-- Kommentit, jotka selittävät CSS-tekniikoita oppijoille
+- Semanttiset HTML5-elementit  
+- Responsiivisen suunnittelun periaatteet  
+- Selkeät luokkien nimeämiskäytännöt  
+- Kommentit CSS-tekniikoiden selittämiseksi oppijoille  
 
 ### Python
 
-- PEP 8 -tyyliohjeet
-- Selkeät, opetukselliset koodiesimerkit
-- Tyyppivihjeet, jos hyödyllisiä oppimisen kannalta
+- PEP 8 -tyyliohjeiden seuraaminen  
+- Selkeät, opettavaiset koodiesimerkit  
+- Tyyppivihjeet, kun se tukee oppimista  
 
 ### Markdown-dokumentaatio
 
-- Selkeä otsikkohierarkia
-- Koodilohkot kielimäärittelyillä
-- Linkit lisäresursseihin
-- Kuvakaappaukset ja kuvat `images/` hakemistoissa
-- Kuvien alt-tekstit saavutettavuutta varten
+- Selkeä otsikkohierarkia  
+- Koodilohkot kielimäärittelyillä  
+- Linkit lisäresursseihin  
+- Kuvakaappaukset ja kuvat `images/`-hakemistoissa  
+- Kuville alt-tekstit saavutettavuutta varten  
 
-### Tiedostojen järjestely
+### Tiedostojen organisointi
 
-- Oppitunnit numeroitu peräkkäin (1-getting-started-lessons, 2-js-basics jne.)
-- Jokaisella projektilla on `solution/` ja usein `start/` tai `your-work/` hakemistot
-- Kuvat tallennettu oppituntikohtaisiin `images/` kansioihin
-- Käännökset sijaitsevat `translations/{language-code}/` rakenteessa
+- Oppitunnit numeroitu peräkkäin (1-getting-started-lessons, 2-js-basics jne.)  
+- Jokaisessa projektissa on `solution/` ja usein `start/` tai `your-work/` -kansiot  
+- Kuvat ovat oppituntikohtaisissa `images/`-kansioissa  
+- Käännökset sijaitsevat `translations/{language-code}/` -rakenteessa  
 
-## Kokoaminen ja julkaisu
+## Kokoaminen ja käyttöönotto
 
-### Quiz-sovelluksen julkaisu (Azure Static Web Apps)
+### Quiz Appin käyttöönotto (Azure Static Web Apps)
 
-Quiz-app on konfiguroitu Azure Static Web Apps -julkaisua varten:
+Quiz-app on konfiguroitu Azure Static Web Apps -käyttöönottoa varten:
 
 ```bash
 cd quiz-app
-npm run build      # Luo dist/-kansion
-# Ottaa käyttöön GitHub Actions -työnkulun kautta siirron yhteydessä main-haaraan
+npm run build      # Luo dist/ kansion
+# Julkaisee GitHub Actions -työnkulun kautta push-toiminnolla main-haaraan
 ```
+  
+Azure Static Web Apps -konfigurointi:  
+- **Sovelluksen sijainti**: `/quiz-app`  
+- **Tulostussijainti**: `dist`  
+- **Työnkulku**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
 
-Azure Static Web Apps -konfiguraatio:
-- **Sovelluksen sijainti**: `/quiz-app`
-- **Tulosteen sijainti**: `dist`
-- **Työnkulku**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
-
-### Dokumentaation PDF:n luonti
+### Dokumentaation PDF:n generointi
 
 ```bash
 npm install                    # Asenna docsify-to-pdf
-npm run convert               # Luo PDF docsista
+npm run convert               # Luo PDF docs-sisällöstä
 ```
-
+  
 ### Docsify-dokumentaatio
 
 ```bash
 npm install -g docsify-cli    # Asenna Docsify globaalisti
-docsify serve                 # Tarjoa palvelu localhost:3000:ssa
+docsify serve                 # Palvele localhost:3000:ssa
 ```
+  
+### Projektikohtaiset kokoamiset
 
-### Projektikohtaiset rakentamiset
-
-Jokaisella projektihakemistolla voi olla oma rakennusprosessi:
-- Vue-projektit: `npm run build` luo tuotantopaketteja
-- Staattiset projektit: Ei rakennusvaihetta, palvele tiedostot suoraan
+Jokaisella projektihakemistolla voi olla oma build-prosessinsa:  
+- Vue-projektit: `npm run build` luo tuotantopaketteja  
+- Staattiset projektit: Ei build-vaihetta, tiedostot palvellaan suoraan  
 
-## Pull request -ohjeet
+## Vetopyyntöohjeet
 
-### Otsikkomuoto
+### Otsikon muotoilu
 
-Käytä selkeitä, kuvaavia otsikoita, jotka kertovat muutoksen alueen:
-- `[Quiz-app] Lisää uusi tietovisa oppitunnille X`
-- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa`
-- `[Translation] Lisää espanjankielinen käännös oppitunnille 5`
-- `[Docs] Päivitä asennusohjeet`
+Käytä selkeitä, kuvaavia otsikoita, jotka osoittavat muutoksen alueen:  
+- `[Quiz-app] Lisää uusi kysely oppitunnille X`  
+- `[Lesson-3] Korjaa kirjoitusvirhe terrarium-projektissa`  
+- `[Translation] Lisää espanjankielinen käännös oppitunnille 5`  
+- `[Docs] Päivitä asennusohjeet`  
 
-### Vaadittavat tarkistukset
+### Pakolliset tarkistukset
 
-Ennen PR:n lähettämistä:
+Ennen vetopyynnön lähettämistä:
 
-1. **Koodin laatu**:
-   - Suorita `npm run lint` vaikutuksille joutuvissa hakemistoissa
-   - Korjaa kaikki lint-virheet ja -varoitukset
+1. **Koodin laatu**:  
+   - Aja `npm run lint` kyseisissä projektihakemistoissa  
+   - Korjaa kaikki lint-virheet ja varoitukset  
 
-2. **Rakennuksen varmistus**:
-   - Suorita `npm run build` jos sovellettavissa
-   - Varmista ettei rakennusvirheitä ilmene
+2. **Buildin varmistus**:  
+   - Aja `npm run build` tarvittaessa  
+   - Varmista, ettei build-virheitä ilmene  
 
-3. **Linkkien tarkistus**:
-   - Testaa kaikki markdown-linkit
-   - Varmista kuvaviitteiden toimivuus
+3. **Linkkien validointi**:  
+   - Testaa kaikki markdown-linkit  
+   - Varmista kuvaviitteiden toimivuus  
 
-4. **Sisällön tarkastus**:
-   - Tarkista oikeinkirjoitus ja kielioppi
-   - Varmista koodiesimerkkien oikeellisuus ja opetuksellisuus
-   - Tarkista, että käännökset säilyttävät alkuperäisen merkityksen
+4. **Sisältötarkastus**:  
+   - Oikolue oikeinkirjoitus ja kielioppi  
+   - Varmista, että koodiesimerkit ovat oikein ja opetuksellisia  
+   - Varmista, että käännökset säilyttävät alkuperäisen merkityksen  
 
-### Osallistumisvaatimukset
+### Osallistumisen vaatimukset
 
-- Hyväksy Microsoft CLA (automaattinen tarkistus ensimmäisessä PR:ssa)
-- Noudata [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Katso yksityiskohtaiset ohjeet [CONTRIBUTING.md](./CONTRIBUTING.md) tiedostosta
-- Viittaa issue-numeroihin PR-kuvauksessa, jos sovellettavissa
+- Hyväksy Microsoftin CLA (automaattinen tarkistus ensimmäisellä PR:llä)  
+- Noudata [Microsoft Open Source Code of Conductia](https://opensource.microsoft.com/codeofconduct/)  
+- Katso [CONTRIBUTING.md](./CONTRIBUTING.md) yksityiskohtaiset ohjeet  
+- Viittaa ongelmanumeroihin PR-kuvauksessa tarvittaessa  
 
-### Tarkastusprosessi
+### Arviointiprosessi
 
-- PR:t tarkastetaan ylläpitäjien ja yhteisön toimesta
-- Opetuksellinen selkeys on prioriteetti
-- Koodiesimerkkien tulee noudattaa nykyisiä parhaita käytäntöjä
-- Käännökset tarkastetaan tarkkuudesta ja kulttuurillisesta sopivuudesta
+- Vetopyynnöt arvioivat ylläpitäjät ja yhteisö  
+- Opetuksellisuus on prioriteetti  
+- Koodiesimerkkien on noudatettava nykyisiä parhaita käytäntöjä  
+- Käännökset tarkastetaan tarkkuuden ja kulttuurisopivuuden varmistamiseksi  
 
 ## Käännösjärjestelmä
 
 ### Automaattinen käännös
 
-- Käyttää GitHub Actionsia co-op-translator -työnkulun kanssa
-- Kääntää automaattisesti yli 50 kielelle
-- Lähdetiedostot ovat pääkansioissa
-- Käännetyt tiedostot ovat `translations/{language-code}/` hakemistoissa
+- Käyttää GitHub Actionseja co-op-translator-työnkululla  
+- Kääntää yli 50 kielelle automaattisesti  
+- Lähdetiedostot pääkansioissa  
+- Käännetyt tiedostot kansioissa `translations/{language-code}/`  
 
-### Käsin tehtävät käännösten parannukset
+### Manuaalisten käännösten parannusten lisääminen
 
-1. Etsi tiedosto `translations/{language-code}/` hakemistosta
-2. Tee parannuksia säilyttäen rakenne
-3. Varmista, että koodiesimerkit toimivat edelleen
-4. Testaa mahdolliset lokalisoidut tietovisasisällöt
+1. Etsi tiedosto kansiosta `translations/{language-code}/`  
+2. Tee parannuksia rakenteen säilyttämiseksi  
+3. Varmista, että koodiesimerkit toimivat edelleen  
+4. Testaa mahdolliset lokalisoidut kyselysisällöt  
 
 ### Käännösten metatiedot
 
-Käännetyt tiedostot sisältävät metatietojen otsikon:
+Käännetyissä tiedostoissa on metatietopääte:  
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
+  
+## Virheiden etsintä ja vianmääritys
 
-## Virheenkorjaus ja vianetsintä
-
-### Yleisimmät ongelmat
+### Yleiset ongelmat
 
-**Quiz-sovellus ei käynnisty**:
-- Tarkista Node.js:n versio (v14+ suositeltava)
-- Poista `node_modules` ja `package-lock.json`, suorita `npm install` uudelleen
-- Tarkista, etteivät portit ole varattu (oletus: Vite käyttää porttia 5173)
+**Quiz app ei käynnisty**:  
+- Tarkista Node.js-versio (v14+ suositeltu)  
+- Poista `node_modules` ja `package-lock.json`, aja `npm install` uudelleen  
+- Tarkista porttikonfliktit (oletus: Vite käyttää porttia 5173)  
 
-**API-palvelin ei käynnisty**:
-- Varmista, että Node.js versio on vähintään (node >=10)
-- Tarkista, onko portti jo käytössä
-- Varmista, että kaikki riippuvuudet on asennettu `npm install` komennolla
+**API-palvelin ei käynnisty**:  
+- Varmista, että Node.js-versio on vähintään 10 tai uudempi  
+- Tarkista, onko portti jo käytössä  
+- Varmista, että kaikki riippuvuudet on asennettu komennolla `npm install`  
 
-**Selaimen laajennus ei lataudu**:
-- Varmista, että manifest.json on oikein muotoiltu
-- Tarkista selaimen konsolista virheet
-- Noudata selaimesta riippuvia asennusohjeita laajennukselle
+**Selainlaajennus ei lataudu**:  
+- Varmista manifest.json:n oikea muotoilu  
+- Tarkista selaimen konsolivirheet  
+- Noudata selainkohtaisia laajennuksen asennusohjeita  
 
-**Python chat-projektin ongelmat**:
-- Varmista, että OpenAI-paketti on asennettu: `pip install openai`
-- Varmista, että GITHUB_TOKEN -ympäristömuuttuja on asetettu
-- Tarkista GitHub Models -käyttöoikeudet
+**Pythonin chat-projektin ongelmat**:  
+- Varmista, että OpenAI-paketti on asennettu: `pip install openai`  
+- Varmista, että GITHUB_TOKEN-ympäristömuuttuja on asetettu  
+- Tarkista GitHub Models -käyttöoikeudet  
 
-**Docsify ei tarjoa dokumentaatiota**:
-- Asenna docsify-cli globaalisti: `npm install -g docsify-cli`
-- Suorita reposta juurihakemistosta
-- Varmista, että `docs/_sidebar.md` tiedosto on olemassa
+**Docsify ei palvele dokumentaatiota**:  
+- Asenna docsify-cli globaalisti: `npm install -g docsify-cli`  
+- Aja arkiston juurikansiosta  
+- Tarkista, että `docs/_sidebar.md` on olemassa  
 
-### Kehitysympäristön vinkit
+### Kehitysympäristön vinkkejä
 
-- Käytä VS Codea Live Server -laajennuksella HTML-projekteissa
-- Asenna ESLint ja Prettier -laajennukset yhdenmukaiseen muotoiluun
-- Käytä selaimen DevToolsia JavaScriptin virheenkorjaukseen
-- Vue-projekteissa asenna Vue DevTools -selaimen laajennus
+- Käytä VS Codea Live Server -laajennuksella HTML-projekteille  
+- Asenna ESLint- ja Prettier-laajennukset yhtenäiseen muotoiluun  
+- Käytä selaimen DevToolsia JavaScriptin virheenkorjaukseen  
+- Vue-projekteissa asenna Vue DevTools -selaimien laajennus  
 
 ### Suorituskyvyn huomioita
 
-- Suuri määrä käännettyjä tiedostoja (yli 50 kieltä) tekee kokonaishakkereista suuria
-- Käytä kevyttä kloonausta, jos työskentelet vain sisällön kanssa: `git clone --depth 1`
-- Poissulje käännökset hauista, kun työskentelet englanninkielisen sisällön parissa
-- Rakennusprosessit voivat olla hitaita ensimmäisellä kerralla (npm install, Vite build)
+- Suuri määrä käännettyjä tiedostoja (yli 50 kieltä) tekee täydellisistä klooneista suuria  
+- Käytä matalaa kloonausta, jos työskentelet vain sisällön parissa: `git clone --depth 1`  
+- Sulje käännökset haut pois haettaessa englanninkielistä sisältöä  
+- Build-prosessit voivat olla hitaita ensimmäisellä kerralla (npm install, Vite build)  
 
 ## Turvallisuusnäkökohdat
 
 ### Ympäristömuuttujat
 
-- API-avaimia ei tulisi koskaan sitoa arkistoon
-- Käytä `.env`-tiedostoja (jo sisällytetty `.gitignore`-tiedostoon)
-- Dokumentoi tarvittavat ympäristömuuttujat projektien READMEihin
+- API-avaimia ei koskaan tule tallentaa arkistoon  
+- Käytä `.env`-tiedostoja (jo sisällytetty `.gitignoreen`)  
+- Dokumentoi tarvittavat ympäristömuuttujat projektien READMEissä  
 
 ### Python-projektit
 
-- Käytä virtuaaliympäristöjä: `python -m venv venv`
-- Pidä riippuvuudet ajan tasalla
-- GitHub-tokeneilla tulisi olla vain tarvittavat vähimmäisoikeudet
+- Käytä virtuaaliympäristöjä: `python -m venv venv`  
+- Pidä riippuvuudet ajan tasalla  
+- GitHub-tokenien käyttöoikeuksien tulisi olla mahdollisimman rajatut  
 
-### GitHub Models -käyttö
+### GitHub Models -käyttöoikeudet
 
-- Henkilökohtaiset käyttöoikeustokenit (PAT) vaaditaan GitHub Models -käyttöön
-- Tokeneita tulee säilyttää ympäristömuuttujina
-- Älä koskaan sido tokeneita tai tunnuksia arkistoon
+- Henkilökohtaiset käyttöoikeustunnukset (PAT) vaaditaan GitHub Modelsille  
+- Tunnukset tulee tallentaa ympäristömuuttujiin  
+- Älä koskaan tallenna tunnuksia tai tunnistetietoja arkistoon  
 
-## Lisätiedot
+## Lisähuomiot
 
 ### Kohdeyleisö
 
-- Täysin aloittelijat web-kehityksessä
-- Opiskelijat ja itseopiskelijat
-- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneissa
-- Sisältö on suunniteltu saavutettavaksi ja taitojen asteittaiseen kehittämiseen
+- Täysin aloittelijat web-kehityksessä  
+- Opiskelijat ja itseopiskelijat  
+- Opettajat, jotka käyttävät opetussuunnitelmaa luokkahuoneissa  
+- Sisältö on suunniteltu saavutettavuus ja taitojen asteittaista kehittämistä varten  
 
 ### Opetuksellinen filosofia
 
-- Projektipohjainen oppimisen lähestymistapa
-- Säännölliset tietovisat tiedon tarkistamiseksi
-- Käytännön koodausharjoitukset
-- Todellisen maailman sovellusesimerkit
-- Perusteiden painotus ennen kehyksiä
+- Projektipohjainen oppimismenetelmä  
+- Usein toistuvat tietämyksen tarkistukset (kyselyt)  
+- Käytännön koodausharjoitukset  
+- Todelliset sovellusesimerkit  
+- Painotus perusteissa ennen kehyskirjastoja  
 
 ### Arkiston ylläpito
 
-- Aktiivinen oppijoiden ja osallistujien yhteisö
-- Säännölliset päivitykset riippuvuuksiin ja sisältöön
-- Ongelmatilanteet ja keskustelut ylläpitäjien valvonnassa
-- Käännöspäivitykset automatisoitu GitHub Actionsin avulla
+- Aktiivinen oppijoiden ja sisällöntuottajien yhteisö  
+- Riittävä päivitys riippuvuuksiin ja sisältöihin  
+- Ongelmia ja keskusteluita valvovat ylläpitäjät  
+- Käännöspäivitykset automatisoitu GitHub Actionsien avulla  
 
 ### Aiheeseen liittyvät resurssit
 
-- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/)
-- [Student Hubin resurssit](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille
-- Lisäkursseja: Generative AI, Data Science, ML, IoT -opetussuunnitelmia saatavilla
+- [Microsoft Learn -moduulit](https://docs.microsoft.com/learn/)  
+- [Student Hub -resurssit](https://docs.microsoft.com/learn/student-hub/)  
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) suositellaan oppijoille  
+- Lisäkursseja: Generative AI, Data Science, ML, IoT opetussuunnitelmat saatavilla  
 
-### Työskentely yksittäisten projektien kanssa
+### Työskentely tietyissä projekteissa
 
-Yksityiskohtaiset ohjeet yksittäisistä projekteista löytyvät README-tiedostoista:
-- `quiz-app/README.md` - Vue 3 tietovisasovellus
-- `7-bank-project/README.md` - Pankkisovellus autentikoinnilla
-- `5-browser-extension/README.md` - Selaimen laajennuksen kehitys
-- `6-space-game/README.md` - Canvas-pohjainen peli
-- `9-chat-project/README.md` - Tekoälyllä toimivan chat-avustajan projekti
+Yksityiskohtaiset ohjeet yksittäisille projekteille löytyvät näistä README-tiedostoista:  
+- `quiz-app/README.md` - Vue 3 -kyselysovellus  
+- `7-bank-project/README.md` - Pankkisovellus todennuksella  
+- `5-browser-extension/README.md` - Selainlaajennuskehitys  
+- `6-space-game/README.md` - Canvas-pohjainen pelikehitys  
+- `9-chat-project/README.md` - AI-chat-avustajaprojekti  
 
-### Monorepo-rakenne
+### Monorepokoko
 
-Vaikka tämä ei ole perinteinen monorepo, tämä arkisto sisältää useita itsenäisiä projekteja:
-- Jokainen oppitunti on itsenäinen
-- Projektit eivät jaa riippuvuuksia
-- Työskentele yksittäisten projektien parissa vaikuttamatta muihin
-- Kloonaa koko arkisto saadaksesi koko opetussuunnitelman kokemuksen
+Vaikka kyseessä ei ole perinteinen monorepo, tämä arkisto sisältää useita riippumattomia projekteja:  
+- Jokainen oppitunti on itsenäinen  
+- Projektit eivät jaa riippuvuuksia  
+- Työskentele yksittäisten projektien parissa ilman vaikutusta muihin  
+- Kloonaa koko arkisto saadaksesi koko opetussuunnitelman kokemuksen  
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Vastuuvapauslauseke**:
-Tämä asiakirja on käännetty käyttäen tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, on hyvä huomioida, että automaattiset käännökset saattavat sisältää virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä tulee pitää auktoritatiivisena lähteenä. Tärkeissä asioissa suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa mistään väärinymmärryksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä.
+Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattiset käännökset saattavat sisältää virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä tulee pitää virallisena lähteenä. Tärkeiden tietojen osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa mahdollisista väärinymmärryksistä tai tulkinnoista, jotka johtuvat tämän käännöksen käytöstä.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fi/README.md b/translations/fi/README.md
index 6f8b87d80..91fb8e16d 100644
--- a/translations/fi/README.md
+++ b/translations/fi/README.md
@@ -10,203 +10,213 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Verkkokehitys aloittelijoille - Opetussuunnitelma
+# Verkkokehitys aloittelijoille – opetussuunnitelma
 
-Opi verkkokehityksen perusteet kattavassa 12 viikon kurssissamme, jonka järjestävät Microsoft Cloud Advocates -tiimin jäsenet. Jokainen 24 oppitunnista sukeltaa JavaScriptiin, CSS:ään ja HTML:ään käytännön projektien, kuten terrarion, selaimen laajennusten ja avaruuspeliin, kautta. Osallistu tietokilpailuihin, keskusteluihin ja käytännön tehtäviin. Paranna taitojasi ja optimoi oppimisesi tehokkaalla projektipohjaisella opetuksellamme. Aloita koodausmatkasi tänään!
+Opi verkkokehityksen perusteet Microsoft Cloud Advocatesin 12 viikon kattavan kurssin avulla. Jokaisessa 24 oppitunnissa perehdytään JavaScriptiin, CSS:ään ja HTML:ään käytännön projekteilla, kuten terrarioilla, selainlaajennuksilla ja avaruuspeleillä. Osallistu tietovisoihin, keskusteluihin ja käytännön tehtäviin. Kehitä taitojasi ja optimoi tiedon omaksumisesi tehokkaan projektipohjaisen opetustapamme avulla. Aloita koodausmatkasi tänään!
 
 Liity Azure AI Foundry Discord -yhteisöön
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Noudata näitä ohjeita aloittaaksesi näiden resurssien käytön:
-1. **Forkkaa Repository**: Klikkaa [![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. **Kloonaa Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Liity Azure AI Foundry Discordiin ja tapaa asiantuntijoita ja muita kehittäjiä**](https://discord.com/invite/ByRwuEEgH4)
+Seuraa näitä vaiheita aloittaaksesi näiden resurssien käytön:
+1. **Forkkaa repositorio**: Klikkaa [![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. **Kloonaa repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Liity Azure AI Foundry Discordiin ja tapaa asiantuntijoita sekä muita kehittäjiä**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Monikielinen tuki
 
-#### Tuettu GitHub Actionin kautta (Automaattinen & Aina ajan tasalla)
+#### Tuettu GitHub Actionin kautta (automaattinen ja aina ajan tasalla)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabia](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgaria](../bg/README.md) | [Burma (Myanmar)](../my/README.md) | [Kiina (yksinkertaistettu)](../zh-CN/README.md) | [Kiina (perinteinen, Hongkong)](../zh-HK/README.md) | [Kiina (perinteinen, Macao)](../zh-MO/README.md) | [Kiina (perinteinen, Taiwan)](../zh-TW/README.md) | [Kroatia](../hr/README.md) | [Tsekki](../cs/README.md) | [Tanska](../da/README.md) | [Hollanti](../nl/README.md) | [Viro](../et/README.md) | [Suomi](./README.md) | [Ranska](../fr/README.md) | [Saksa](../de/README.md) | [Kreikka](../el/README.md) | [Heprea](../he/README.md) | [Hindi](../hi/README.md) | [Unkari](../hu/README.md) | [Indonesia](../id/README.md) | [Italia](../it/README.md) | [Japani](../ja/README.md) | [Kannada](../kn/README.md) | [Korea](../ko/README.md) | [Liettua](../lt/README.md) | [Malaiji](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norja](../no/README.md) | [Persia (Farsi)](../fa/README.md) | [Puola](../pl/README.md) | [Portugali (Brasilia)](../pt-BR/README.md) | [Portugali (Portugali)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romania](../ro/README.md) | [Venäjä](../ru/README.md) | [Serbia (kyrillinen)](../sr/README.md) | [Slovakki](../sk/README.md) | [Sloveeni](../sl/README.md) | [Espanja](../es/README.md) | [Swahili](../sw/README.md) | [Ruotsi](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkki](../tr/README.md) | [Ukraina](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnam](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Haluatko Kloonaa Paikallisesti?**
-
-> Tämä arkisto sisältää yli 50 kielen käännöksiä, jotka lisäävät huomattavasti lataustiedoston kokoa. Jos haluat kloonata ilman käännöksiä, käytä sparse checkout:a:
+> **Haluatko kloonata paikallisesti?**
+>
+> Tämä repositorio sisältää yli 50 kielen käännökset, mikä lisää merkittävästi latauskokoa. Jos haluat kloonata ilman käännöksiä, käytä sparse checkoutia:
+>
+> **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'
 > ```
-> Tämä antaa sinulle kaiken tarvittavan kurssin suorittamiseen paljon nopeammalla latauksella.
+>
+> **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"
+> ```
+>
+> Näin saat kaiken tarvitsemasi kurssin suorittamiseen nopeammalla latauksella.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Jos haluat lisätä lisää käännettyjä kieliä, tuetut kielet löytyvät [täältä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Jos haluat, että muita kieliä tuetaan, ne löytyvät listattuna [täältä](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Avaa Visual Studio Codessa](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Avaa%20Visual%20Studio%20Codessa&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Oletko opiskelija?_
 
-Vieraile [**Student Hub -sivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijan resurssit, opiskelijapaketit ja jopa tapoja saada ilmainen sertifikaattivoucher. Tämä on sivu, jonka haluat tallentaa kirjanmerkkeihin ja tarkistaa silloin tällöin, sillä sisältömme vaihtuu kuukausittain.
+Vieraile [**Opiskelijakeskussivulla**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), josta löydät aloittelijoille tarkoitettuja materiaaleja, opiskelijapaketteja ja jopa tapoja saada ilmainen todistusvakuuttaja. Tämä sivu kannattaa lisätä kirjanmerkkeihin ja tarkistaa säännöllisesti, sillä päivitätämme sisältöä kuukausittain.
 
-### 📣 Ilmoitus - Uudet GitHub Copilot Agent -tilahaasteet suoritettavaksi!
+### 📣 Ilmoitus – Uudet GitHub Copilot Agent -tilahaasteet suoritettavaksi!
 
-Uusi haaste lisätty, etsi "GitHub Copilot Agent Challenge 🚀" useimmista luvuista. Tämä on uusi haaste sinulle, joka suoritetaan käyttämällä GitHub Copilotia ja Agent-tilaa. Jos et ole käyttänyt Agent-tilaa aiemmin, se pystyy paitsi tuottamaan tekstiä, myös luomaan ja muokkaamaan tiedostoja, suorittamaan komentoja ja muuta.
+Uusi haaste lisätty, etsi "GitHub Copilot Agent Challenge 🚀" useimmista luvuista. Tämä on uusi haaste, jonka voit suorittaa käyttämällä GitHub Copilotia ja Agent-tilaa. Jos et ole käyttänyt Agent-tilaa aiemmin, se ei vain luo tekstiä, vaan voi myös luoda ja muokata tiedostoja, suorittaa komentoja ja muuta.
 
-### 📣 Ilmoitus - _Uusi Generatiivisen tekoälyn projekti rakennettavaksi_
+### 📣 Ilmoitus – _Uusi Generatiivisen tekoälyn projekti_
 
-Uusi tekoälyavustajaprojekti juuri lisätty, tutustu [projektiin](./9-chat-project/README.md)
+Uusi tekoälyavustajaprojekti lisätty, tutustu projektiin [tästä](./9-chat-project/README.md)
 
-### 📣 Ilmoitus - _Uusi opetussuunnitelma_ Generatiivisesta tekoälystä JavaScriptille juuri julkaistu
+### 📣 Ilmoitus – _Uusi Generatiivisen tekoälyn opetussuunnitelma JavaScriptille julkaistu_
 
-Älä jää paitsi uudesta Generative AI -opetussuunnitelmastamme!
+Älä missaa uutta Generatiivisen tekoälyn opetussuunnitelmaamme!
 
 Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
-![Tausta](../../translated_images/fi/background.148a8d43afde5730.webp)
+![Background](../../translated_images/fi/background.148a8d43afde5730.webp)
 
-- Oppitunteja kaikesta alkeista RAG:iin asti.
-- Ole vuorovaikutuksessa historiallisten hahmojen kanssa GenAI:n ja kumppanisovelluksemme avulla.
-- Hauska ja mukaansatempaava kertomus, matkustat ajassa!
+- Oppitunnit kattavat kaiken perusasioista RAG:iin.
+- Keskustele historiallisten hahmojen kanssa GenAI:n ja sovelluksemme avulla.
+- Hauska ja mukaansatempaava kertomus, jossa matkustat ajassa!
 
-![hahmo](../../translated_images/fi/character.5c0dd8e067ffd693.webp)
+![character](../../translated_images/fi/character.5c0dd8e067ffd693.webp)
 
 
-Jokaisessa oppitunnissa on suoritettava tehtävä, tietotarkistus ja haaste, jotka ohjaavat sinua oppimaan aiheista kuten:
-- Kehote ja kehotteen suunnittelu
-- Tekstin ja kuvan sovellustuotanto
+Jokaisessa oppitunnissa on suoritettava tehtävä, tiedon tarkistus ja haaste, jotka ohjaavat sinua oppimaan mm.:
+- Käskyttäminen ja kehotteiden suunnittelu
+- Tekstin ja kuvan sovellusgenerointi
 - Hakusovellukset
 
-Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
+Aloita osoitteessa [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
 
 
 
-## 🌱 Aloittaminen
+## 🌱 Aloita
 
-> **Opettajat**, olemme [sisällyttäneet joitain ehdotuksia](for-teachers.md) tämän opetussuunnitelman käytöstä. Haluaisimme saada palautettanne [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Opettajat**, olemme [sisällyttäneet joitain ehdotuksia](for-teachers.md) opetussuunnitelman käyttöön. Haluaisimme kuulla palautettanne [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, aloita jokainen oppitunti ennakkotietovisalla ja jatka sitten luentomateriaalin lukemiseen, erilaisten aktiviteettien suorittamiseen ja ymmärryksesi tarkistamiseen luennon jälkeisellä visalla.
+**[Oppijat](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, aloita jokainen oppitunti esiluennon tietovisalla ja jatka lukemalla luentomateriaali, suorittamalla erilaisia aktiviteetteja ja testaa ymmärryksesi jälkiluennon tietovisalla.
 
-Parantaaksesi oppimiskokemustasi, ota yhteyttä muihin oppijoihin työskennelläksesi projekteissa yhdessä! Keskusteluja kannustetaan [keskustelufoorumissamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme on valmiina vastaamaan kysymyksiisi.
+Paranna oppimiskokemustasi tekemällä projekteja yhdessä muiden kanssa! Keskustelua suositellaan [keskustelufoorumillamme](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), jossa moderaattoritiimimme on käytettävissä vastaamaan kysymyksiisi.
 
-Jatka opiskelua tutustumalla suositelloimme [Microsoft Learning -materiaaleihin](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon).
+Koulutuksesi tueksi suosittelemme tutustumaan [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) -sivustoon lisämateriaalien saamiseksi.
 
-### 📋 Ympäristön asettaminen
+### 📋 Ympäristön käyttöönotto
 
-Tässä opetussuunnitelmassa on kehitysympäristö valmiina käyttöön! Alkaessasi voit valita suorittaa opetussuunnitelman [Codespacessa](https://github.com/features/codespaces/) (selainsovellus, johon ei tarvitse asentaa mitään) tai paikallisesti tietokoneella tekstieditorilla, kuten [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Tässä opetussuunnitelmassa on valmis kehitysympäristö! Voit aloittaa käyttämällä kurssia [Codespacessa](https://github.com/features/codespaces/) (_selaimessa toimiva, ilman asennuksia toimiva ympäristö_) tai paikallisesti tietokoneellasi tekstieditorilla, kuten [Visual Studio Codella](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Luo oma repositoriosi
-Jotta voit helposti tallentaa työsi, on suositeltavaa luoda oma kopiosi tästä repositoriosta. Voit tehdä tämän napsauttamalla sivun yläreunassa olevaa **Use this template** -painiketta. Tämä luo uuden repositorion GitHub-tilillesi opetussuunnitelman kopion kera.
+Jotta voit helposti tallentaa työsi, suosittelemme, että luot oman kopion tästä repositoriosta. Voit tehdä tämän klikkaamalla sivun yläosassa olevaa **Use this template** -painiketta. Tämä luo uuden repositorion GitHub-tilillesi kopiona opetussuunnitelmasta.
 
 Noudata näitä ohjeita:
-1. **Forkkaa Repository**: Klikkaa "Fork" -painiketta tämän sivun oikeassa yläkulmassa.
-2. **Kloonaa Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Forkkaa repositorio**: Klikkaa sivun oikeassa yläkulmassa "Fork" -painiketta.
+2. **Kloonaa repositorio**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Suorita opetussuunnitelma Codespacessa
+#### Opetussuunnitelman suorittaminen Codespacessa
 
-Oman kopiosi repositoriosta, jonka loit, klikkaa **Code** -painiketta ja valitse **Open with Codespaces**. Tämä luo uuden Codespacen, jossa voit työskennellä.
+Omaasi luodussa kopiossa klikkaa **Code** -painiketta ja valitse **Open with Codespaces**. Tämä luo sinulle uuden Codespace-ympäristön työskentelyä varten.
 
 ![Codespace](../../translated_images/fi/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Suorita opetussuunnitelma paikallisesti tietokoneellasi
-
-Suorittaaksesi opetussuunnitelman paikallisesti tarvitset tekstieditorin, selaimen ja komentorivityökalun. Ensimmäinen oppituntimme, [Ohjelmointikielien ja työkalujen perusasioiden esittely](../../1-getting-started-lessons/1-intro-to-programming-languages), opastaa sinua erilaisten näiden työkalujen vaihtoehtojen valinnassa.
+#### Opetussuunnitelman suorittaminen paikallisesti tietokoneellasi
 
-Suosituksemme on käyttää tekstieditorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), jossa on myös sisäänrakennettu [Komentorivi](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Kurssin ajamiseen paikallisesti tietokoneellasi tarvitset tekstieditorin, selaimen ja komentorivityökalun. Ensimmäinen oppituntimme, [Ohjelmointikielten ja työkalujen esittely](../../1-getting-started-lessons/1-intro-to-programming-languages), esittelee eri vaihtoehtoja näille työkaluilla, jotta voit valita sinulle parhaiten sopivat.
 
-1. Kloonaa oma repositoriosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code** -painiketta ja kopioimalla URL-osoitteen:
+Suosittelemme käyttämään tekstieditorina [Visual Studio Codea](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), jossa on myös sisäänrakennettu [Pääte](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Voit ladata Visual Studio Coden [tästä](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Kloonaa varastosi tietokoneellesi. Voit tehdä tämän napsauttamalla **Code**-painiketta ja kopioimalla URL-osoitteen:
 
     [CodeSpace](./images/createcodespace.png)
-    Avaa sitten [Terminaali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Codessa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ja suorita seuraava komento korvaten `<your-repository-url>` juuri kopioimallasi URL-osoitteella:
+
+    Sitten avaa [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Codessa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ja suorita seuraava komento, korvaten `<your-repository-url>` juuri kopioimallasi URL-osoitteella:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Avaa kansio Visual Studio Codessa. Voit tehdä tämän napsauttamalla **Tiedosto** > **Avaa kansio** ja valitsemalla juuri kloonaamasi kansion.
+2. Avaa kansio Visual Studio Codessa. Voit tehdä tämän napsauttamalla **File** > **Open Folder** ja valitsemalla juuri kloonaamasi kansion.
 
 
-> Suositellut Visual Studio Code -laajennukset:
+>  Suositellut Visual Studio Code -laajennukset:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-sivujen esikatseluun Visual Studio Codessa
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - koodin kirjoittamisen nopeuttamiseen
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - esikatsella HTML-sivuja Visual Studio Codessa
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - auttaa sinua kirjoittamaan koodia nopeammin
 
 ## 📂 Jokainen oppitunti sisältää:
 
 - valinnaisen luonnosmuistiinpanon
 - valinnaisen lisävideon
-- ennakkolämmittelykyselyn
-- kirjoitetun oppitunnin
+- lämmittelykyselyn ennen oppituntia
+- kirjallisen oppitunnin
 - projektipohjaisissa oppitunneissa vaiheittaiset ohjeet projektin rakentamiseen
-- tietovarmistukset
+- tietovisakokeet
 - haasteen
 - lisälukemista
 - tehtävän
-- [oppitunnin jälkeisen kyselyn](https://ff-quizzes.netlify.app/web/)
+- [oppitunnin jälkeisen tietovisan](https://ff-quizzes.netlify.app/web/)
 
-> **Huomautus kyselyistä**: Kaikki kyselyt on koottu Quiz-app-kansioon, yhteensä 48 kyselyä, joissa kullakin on kolme kysymystä. Ne ovat saatavilla [tässä](https://ff-quizzes.netlify.app/web/). Kyselysovelluksen voi suorittaa paikallisesti tai ottaa käyttöön Azureen; noudata `quiz-app`-kansion ohjeita.
+> **Muistutus tietovisoista**: Kaikki tietovisat löytyvät Quiz-app-kansiosta, yhteensä 48 tietovisaa, joissa jokaisessa on kolme kysymystä. Ne ovat saatavilla [tässä](https://ff-quizzes.netlify.app/web/). Tietovisasovellus voidaan suorittaa paikallisesti tai ottaa käyttöön Azureen; seuraa ohjeita `quiz-app`-kansiossa.
 
 ## 🗃️ Oppitunnit
 
 |     |                       Projektin nimi                       |                            Opitut käsitteet                             | Oppimistavoitteet                                                                                                                 |                                                         Linkitetty oppitunti                                                          |         Tekijä          |
-| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Aloittaminen                           |           Johdatus ohjelmointiin ja työkaluihin                        | Opit ohjelmointikielten perustan ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään                                      | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)            |         Jasmine         |
-| 02  |                     Aloittaminen                           |             GitHubin perusteet, tiimityöskentely                      | Kuinka käyttää GitHubia projektissasi ja tehdä yhteistyötä muiden kanssa koodipohjassa                                            |                                  [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md)                     |          Floor          |
-| 03  |                     Aloittaminen                           |                             Saavutettavuus                            | Opit verkkosaavutettavuuden perusteet                                                                                                |                            [Saavutettavuuden perusteet](./1-getting-started-lessons/3-accessibility/README.md)                     |       Christopher       |
-| 04  |                        JS Perusteet                        |                         JavaScriptin tietotyypit                      | JavaScriptin tietotyyppien perusteet                                                                                               |                                 [Tietotyypit](./2-js-basics/1-data-types/README.md)                                              |         Jasmine         |
-| 05  |                        JS Perusteet                        |                         Funktiot ja metodit                           | Opit funktioista ja metodeista sovelluksen logiikan hallinnassa                                                                    |                                 [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md)                               | Jasmine ja Christopher  |
-| 06  |                        JS Perusteet                        |                        Päätöksenteko JS:llä                          | Opit luomaan olosuhteita koodissasi päätöksentekomenetelmien avulla                                                                 |                                [Päätöksenteko](./2-js-basics/3-making-decisions/README.md)                                     |         Jasmine         |
-| 07  |                        JS Perusteet                        |                            Taulukot ja silmukat                       | Työskentele tietojen kanssa taulukoiden ja silmukoiden avulla JavaScriptissä                                                        |                               [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md)                                       |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML käytännössä                           | Rakenna HTML luodaksesi online-terraariumin, keskittyen asettelun tekemiseen                                                       |                           [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md)                                          |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS käytännössä                            | Rakenna CSS tietoystävän terraariumin tyylittelyä varten, keskittyen CSS:n perusteisiin mukaan lukien responsiivisuus                |                            [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md)                                          |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript sulkeet, DOM-manipulointi                 | Rakenna JavaScript, joka mahdollistaa terraariumin toiminnan drag/drop-käyttöliittymänä, keskittyen sulkeisiin ja DOM-manipulointiin |              [JavaScript sulkeet ja DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                      |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Kirjoituspelin rakentaminen                 | Opit käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen                                                  |                            [Tapahtumapohjainen ohjelmointi](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Selainten toiminta                          | Opit miten selaimet toimivat, niiden historian ja miten rakentaa ensimmäiset elementit selainlaajennukseen                          |                          [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md)                                   |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API-kutsut ja muuttujien tallennus          | Rakenna selainlaajennukseesi JavaScript-elementit API-kutsuihin paikallisesti tallennettujen muuttujien avulla                      |                  [APIt, lomakkeet ja paikallinen tallennus](./5-browser-extension/2-forms-browsers-local-storage/README.md)        |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Selaintaustaprosessit, verkkosuorituskyky                   | Käytä selaimen taustaprosesseja hallitsemaan laajennuksen kuvaketta; opi verkkosuorituskyvystä ja optimointikeinoista              |           [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md)                  |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Edistyneempi pelinkehitys JavaScriptillä                | Opit periytymisestä luokkien ja komposition avulla sekä Pub/Sub-kuvioista valmistautuessasi pelin rakentamiseen                    |                   [Johdatus edistyneeseen pelinkehitykseen](./6-space-game/1-introduction/README.md)                              |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Piirtäminen kankaalle                      | Opit Canvas API:stä, jota käytetään elementtien piirtämiseen näytölle                                                             |                               [Piirtäminen kankaalle](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Elementtien liikuttaminen näytöllä                 | Tutustu, miten elementit saavat liikkeen käyttäen karteesisia koordinaatteja ja Canvas API:ta                                      |                        [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Törmäyksentunnistus                        | Tee, että elementit törmäävät ja reagoivat toisiinsa näppäinyhdistelmillä ja tarjoavat jäähdytystoiminnon pelin suorituskyvyn turvaamiseksi |                          [Törmäyksentunnistus](./6-space-game/4-collision-detection/README.md)                                   |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Pisteiden laskeminen                    | Tee matemaattisia laskelmia pelin tilan ja suorituksen perusteella                                                                 |                                 [Pisteiden laskeminen](./6-space-game/5-keeping-score/README.md)                                  |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Pelin lopettaminen ja uudelleenkäynnistys       | Opit pelin lopettamisesta ja uudelleenkäynnistämisestä, mukaan lukien resurssien siivous ja muuttujien arvojen nollaus               |                              [Lopetusehto](./6-space-game/6-end-condition/README.md)                                            |          Chris          |
-| 21  |         [Pankkisovellus](./7-bank-project/solution/README.md)         |                 HTML-mallit ja reitit web-sovelluksessa             | Opit luomaan monisivuisen verkkosivuston arkkitehtuurin runkoa reitityksen ja HTML-mallien avulla                                    |                          [HTML-mallit ja reitit](./7-bank-project/1-template-route/README.md)                                    |          Yohan          |
-| 22  |         [Pankkisovellus](./7-bank-project/solution/README.md)         |                  Kirjautumis- ja rekisteröitymislomakkeen rakentaminen | Opit lomakkeiden rakentamisesta ja validointirutiinien käsittelystä                                                                 |                                                     [Lomakkeet](./7-bank-project/2-forms/README.md)                         |          Yohan          |
-| 23  |         [Pankkisovellus](./7-bank-project/solution/README.md)         |                   Datan hakeminen ja käyttö                         | Kuinka data virtaa sovellukseesi, miten hakea, tallentaa ja poistaa sitä                                                          |                                                            [Data](./7-bank-project/3-data/README.md)                        |          Yohan          |
-| 24  |         [Pankkisovellus](./7-bank-project/solution/README.md)         |                      Tilanhallinnan käsitteet                       | Opit, miten sovelluksesi säilyttää tilan ja miten hallita sitä ohjelmallisesti                                                     |                                                  [Tilanhallinta](./7-bank-project/4-state-management/README.md)           |          Yohan          |
-| 25 | [Selain/VScode-koodi](../../8-code-editor) | Työskentely VScoden kanssa | Opit käyttämään koodieditoria | [Käytä VScode-koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opit rakentamaan oman tekoälyavustajan | [AI-avustajaprojekti](./9-chat-project/README.md) | Chris |
+| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                      Aloittaminen                         |           Johdatus ohjelmointiin ja työkaluihin           | Opit useimpien ohjelmointikielten perusteet ja ohjelmistot, jotka auttavat ammattilaiskehittäjiä työssään | [Johdatus ohjelmointikieliin ja työkaluihin](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                      Aloittaminen                         |             GitHubin perusteet, mukaan lukien tiimityö             | Kuinka käyttää GitHubia projektissasi, miten tehdä yhteistyötä muiden kanssa koodipohjassa                                                    |                            [Johdatus GitHubiin](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                      Aloittaminen                         |                             Saavutettavuus                            | Opit verkkosaavutettavuuden perusteet                                                                                               |                       [Saavutettavuuden perusteet](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Perusteet                       |                         JavaScriptin tietotyypit                          | JavaScriptin tietotyyppien perusteet                                                                                                 |                                       [Tietotyypit](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Perusteet                       |                         Funktiot ja metodit                          | Opit funktioista ja metodeista sovelluksen loogisen virran hallintaan                                                             |                              [Funktiot ja metodit](./2-js-basics/2-functions-methods/README.md)                               | Jasmine ja Christopher |
+| 06  |                        JS Perusteet                       |                        Päätöksenteko JavaScriptillä                        | Opit luomaan ehtoja koodissasi päätöksentekomenetelminä                                                           |                                 [Päätöksenteko](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Perusteet                       |                            Taulukot ja silmukat                            | Työskentele tietojen kanssa taulukoiden ja silmukoiden avulla JavaScriptissä                                                                                 |                                   [Taulukot ja silmukat](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML käytännössä                            | Rakenna HTML verkossa toimivan terrariumin luomiseen keskittyen asettelun rakentamiseen                                                         |                                 [Johdatus HTML:ään](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS käytännössä                             | Rakenna CSS tyylitämään verkossa olevaa terrariumia, keskittyen CSS:n perusteisiin ja sivun responsiivisuuden tekemiseen                     |                                  [Johdatus CSS:ään](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript-sulkeet, DOM-manipulointi                  | Rakenna JavaScript, joka mahdollistaa terrariumin toiminnan drag & drop -käyttöliittymänä, keskittyen sulkeisiin ja DOM-manipulointiin             |                  [JavaScript-sulkeet, DOM-manipulointi](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Rakennetaan kirjoituspeli                           | Opit käyttämään näppäimistötapahtumia JavaScript-sovelluksesi logiikan ohjaamiseen                                                          |                                [Tapahtumapohjainen ohjelmointi](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Työskentely selainten kanssa                          | Opi miten selaimet toimivat, niiden historiasta ja miten rakennetaan selaimen laajennuksen ensimmäiset osat                               |                               [Tietoa selaimista](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lomakkeen rakentaminen, API-kutsu ja muuttujien tallennus paikalliseen tallennustilaan | Rakenna JavaScript-selaimen laajennuksen osat, jotka käyttävät API-kutsua paikalliseen tallennustilaan tallennettujen muuttujien avulla                      |                [API:t, lomakkeet ja paikallinen tallennustila](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Taustaprosessit selaimessa, web-suorituskyky          | Käytä selaimen taustaprosesseja laajennuksen kuvakkeen hallintaan; opi web-suorituskyvystä ja joistakin optimoinneista                 |             [Taustatehtävät ja suorituskyky](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Edistyneempi pelikehitys JavaScriptillä             | Opit perinnöstä käyttäen sekä luokkia että koostetta sekä julkaisija-tilaaja-mallia pelin rakentamisen valmisteluna              |                      [Johdatus edistyneeseen pelikehitykseen](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Piirtäminen canvas-elementtiin                            | Opit Canvas API:n, jota käytetään elementtien piirtämiseen näyttöön                                                                       |                                [Piirtäminen canvas-elementtiin](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Elementtien liikuttaminen näytöllä                    | Tutustu miten elementeille saadaan liikettä kartesiakkoordinaattien ja Canvas API:n avulla                                            |                           [Elementtien liikuttaminen](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Törmäyksentunnistus                           | Tee elementtien törmäyksiä ja reagoi niihin käyttämällä näppäimistön painalluksia ja tarjoa cooldown-toiminto pelin suorituskyvyn turvaamiseksi    |                              [Törmäyksentunnistus](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Pisteiden laskeminen                              | Suorita laskelmia pelin tilan ja suorituskyvyn pohjalta                                                                |                                    [Pisteiden laskeminen](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Pelin lopettaminen ja uudelleenkäynnistäminen                     | Opit pelin lopettamisesta ja uudelleenkäynnistämisestä, mukaan lukien resurssien siivous ja muuttujien arvon nollaaminen                              |                                [Lopetusehto](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-mallipohjat ja reitit web-sovelluksessa                 | Opit luomaan monisivuisen verkkosivuston arkkitehtuurin rungon reitityksen ja HTML-mallipohjien avulla                             |                            [HTML-mallipohjat ja reitit](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Kirjautumis- ja rekisteröintilomakkeen rakentaminen                   | Opit lomakkeiden rakentamisesta ja validointirutiinien käsittelystä                                                                          |                                           [Lomakkeet](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Tietojen hakemisen ja käyttämisen menetelmät                   | Miten tiedot virtaavat sovellukseesi ja siitä ulos, miten hakea, tallentaa ja poistaa niitä                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Tilanhallinnan käsitteet                      | Opit miten sovelluksesi säilyttää tilan ja miten hallita sitä ohjelmallisesti                                                              |                                [Tilanhallinta](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Työskentely VScoden kanssa | Opit käyttämään koodieditoria | [Käytä VScode-koodieditoria](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Työskentely tekoälyn kanssa | Opit rakentamaan oman tekoälyavustajan | [Tekoälyavustajan projekti](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogiikka
 
-Oppimateriaalimme on suunniteltu kahden keskeisen pedagogisen periaatteen pohjalta:
-* projektioppiminen
-* usein toistuvat kyselyt
+Opetussuunnitelmamme on suunniteltu kahden keskeisen pedagogisen periaatteen mukaisesti:
+* projektipohjainen oppiminen
+* usein toistuvat tietovisat
 
-Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusteet sekä nykyaikaisten web-kehittäjien käyttämiä työkaluja ja tekniikoita. Oppilailla on mahdollisuus kehittää käytännön taitoja rakentamalla kirjoituspeli, virtuaaliterraario, ympäristöystävällinen selainlaajennus, avaruustyyppinen peli ja liiketoiminta-pankkisovellus. Sarjan lopussa opiskelijoilla on vankka ymmärrys web-kehityksestä.
+Ohjelma opettaa JavaScriptin, HTML:n ja CSS:n perusasiat sekä viimeisimmät työkalut ja tekniikat, joita nykypäivän web-kehittäjät käyttävät. Opiskelijat saavat käytännön kokemusta rakentamalla kirjoituspelin, virtuaalisen terrariumin, ympäristöystävällisen selainlaajennuksen, avaruustyyppisen pelin ja yrityksille tarkoitetun pankkisovelluksen. Sarjan lopussa opiskelijat ovat saaneet vahvan ymmärryksen web-kehityksestä.
 
-> 🎓 Voit suorittaa tämän oppilaitoksen ensimmäiset oppitunnit [Oppimispolku](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)-muodossa Microsoft Learnissa!
+> 🎓 Voit suorittaa tämän opetussuunnitelman ensimmäiset oppitunnit Microsoft Learnin [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) -kurssina!
 
-Varmistamalla sisällön yhteensopivuuden projektien kanssa prosessi tulee opiskelijoille mielekkäämmäksi ja käsitteiden omaksuminen tehostuu. Kirjoitimme myös useita aloitusoppitunteja JavaScript-perusteista käynnistämään kokonaisuuden, jotka on yhdistetty videosarjaan "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", joiden tekijät osallistuivat tähän oppimateriaalin kokoamiseen.
+Varmistamalla, että sisältö vastaa projekteja, prosessi on opiskelijoille kiinnostavampi ja käsitteiden oppiminen parantuu. Kirjoitimme myös useita JavaScriptin perusteiden aloitusoppitunteja käsitteiden esittelemiseksi, parina videona "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" -videosarjasta, jonka osan tekijöistä osallistui tähän opetussuunnitelmaan.
 
-Lisäksi aloituskysely luokkahuoneen edellä asettaa opiskelijan tavoitteen aiheeseen tutustumiselle, ja luokan jälkeinen toinen kysely tukee oppien säilymistä. Tämä oppimateriaali on suunniteltu joustavaksi ja hauskaksi, ja se voidaan suorittaa kokonaisuudessaan tai osittain. Projektit alkavat pienestä ja monimutkaistuvat viimeistään 12 viikon syklin loppuun mennessä.
+Lisäksi ennen luokkaa suoritettava pieni tietovisa asettaa opiskelijan tavoitteeksi aiheen oppimisen, ja toinen tietovisa luokan jälkeen varmistaa syvemmän oppimisen. Tämä opetussuunnitelma on suunniteltu joustavaksi ja hauskaksi, ja se voidaan suorittaa kokonaan tai osittain. Projektit alkavat pieninä ja kasvavat monimutkaisemmiksi 12 viikon jakson loppua kohden.
 
-Vaikka olemme tietoisesti välttäneet JavaScript-kehysten käyttöönottoa keskittyäksemme web-kehittäjän perusvalmiuksiin ennen kehysten omaksumista, hyvä seuraava askel tämän oppimateriaalin suorittamisen jälkeen on oppia Node.js:stä toisen videosarjan avulla: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Vaikka olemme tietoisesti välttäneet JavaScript-kehysten esittelyä keskittyäksemme perusosaamiseen web-kehittäjänä ennen kehysten käyttöönottoa, hyvä seuraava askel tämän opetussuunnitelman jälkeen olisi Node.js:n opettelu toisen videosarjan avulla: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Tutustu myös [käytösohjeisiimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiin](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautettasi!
+> Tutustu [käyttäytymissääntöihimme](CODE_OF_CONDUCT.md) ja [osallistumisohjeisiin](CONTRIBUTING.md). Otamme mielellämme vastaan rakentavaa palautettasi!
 
 
 ## 🧭 Offline-käyttö
 
-Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsifya](https://docsify.js.org/#/). Haarauta tämä repo, [asenna Docsify](https://docsify.js.org/#/quickstart) paikallisesti ja kirjoita tämän repokansion juurikansiossa komento `docsify serve`. Verkkosivusto toimii portissa 3000 paikallisessa koneessasi: `localhost:3000`.
+Voit käyttää tätä dokumentaatiota offline-tilassa käyttämällä [Docsify](https://docsify.js.org/#/). Haarauta tämä repo, asenna [Docsify](https://docsify.js.org/#/quickstart) paikalliselle koneellesi ja kirjoita tämän reposton juurikansiossa `docsify serve`. Verkkosivusto palvelee portissa 3000 paikallisessa isäntäkoneessasi: `localhost:3000`.
 
 ## 📘 PDF
-
-Kaikkien oppituntien PDF löytyy [täältä](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+Kaikkien oppituntien PDF löytyy täältä [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Muut kurssit
-Tiimimme tuottaa muitakin kursseja! Tutustu:
+
+Tiimimme tuottaa myös muita kursseja! Tutustu:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -223,7 +233,7 @@ Tiimimme tuottaa muitakin kursseja! Tutustu:
 
 ---
  
-### Generatiivisen tekoälyn sarja
+### Generative AI Series
 [![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)
@@ -231,7 +241,7 @@ Tiimimme tuottaa muitakin kursseja! Tutustu:
 
 ---
  
-### Perusteet
+### 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)
@@ -242,29 +252,29 @@ Tiimimme tuottaa muitakin kursseja! Tutustu:
 
 ---
  
-### Copilot-sarja
+### 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Apua saamaan
+## Apua
 
-Jos jumitut tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity muiden oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on tukeva yhteisö, jossa kysymyksiä saa esittää ja tietoa jaetaan vapaasti.
+Jos jäät jumiin tai sinulla on kysyttävää tekoälysovellusten rakentamisesta, liity oppijoiden ja kokeneiden kehittäjien keskusteluihin MCP:stä. Se on kannustava yhteisö, jossa kysymykset ovat tervetulleita ja tieto jaetaan vapaasti.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Jos sinulla on tuotteen palautetta tai kohtaat virheitä rakentamisen aikana, käy:
+Jos sinulla on tuotepalautetta tai kohtaat virheitä rakennuksen aikana, käy osoitteessa:
 
 [![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)
 
 ## Lisenssi
 
-Tämä arkisto on lisensoitu MIT-lisenssillä. Lisätietoja löytyy tiedostosta [LICENSE](../../LICENSE).
+Tämä arkisto on lisensoitu MIT-lisenssillä. Lisätietoja saat tiedostosta [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Vastuuvapauslauseke**:
-Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ole hyvä ja huomioi, että automaattikäännöksissä saattaa esiintyä virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäiskielellä tulisi pitää virallisena lähteenä. Tärkeissä tiedoissa suositellaan ammattilaisten tekemää ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinymmärryksistä tai tulkinnoista.
+Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, ota huomioon, että automaattikäännökset saattavat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja omalla kielellään on virallinen ja luotettava lähde. Tärkeissä asioissa suosittelemme ammattimaista ihmis kääntäjän tekemää käännöstä. Emme ole vastuussa mahdollisista väärinymmärryksistä tai tulkinnoista, jotka johtuvat tämän käännöksen käytöstä.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fr/.co-op-translator.json b/translations/fr/.co-op-translator.json
index b0ec429ad..e12bb186f 100644
--- a/translations/fr/.co-op-translator.json
+++ b/translations/fr/.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-06T06:55:26+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T11:43:31+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "fr"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:44:02+00:00",
+    "translation_date": "2026-03-06T11:55:33+00:00",
     "source_file": "AGENTS.md",
     "language_code": "fr"
   },
@@ -516,8 +516,8 @@
     "language_code": "fr"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:38:07+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T11:40:06+00:00",
     "source_file": "README.md",
     "language_code": "fr"
   },
diff --git a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 591199e4b..73a0f74c8 100644
--- a/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/fr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,84 +1,83 @@
 # Introduction aux langages de programmation et aux outils modernes pour développeurs
+ 
+Salut, futur développeur ! 👋 Puis-je te dire quelque chose qui me donne encore des frissons chaque jour ? Tu es sur le point de découvrir que la programmation ne concerne pas seulement les ordinateurs – c’est avoir de véritables super-pouvoirs pour donner vie à tes idées les plus folles !
 
-Salut, futur développeur ! 👋 Puis-je te dire quelque chose qui me donne encore des frissons chaque jour ? Tu es sur le point de découvrir que la programmation ne concerne pas seulement les ordinateurs – c’est un véritable super-pouvoir pour donner vie à tes idées les plus folles !
+Tu connais ce moment où tu utilises ton application préférée et tout fonctionne parfaitement ? Quand tu appuies sur un bouton et quelque chose de vraiment magique se produit, te faisant dire « waouh, comment ONT-ILS FAIT ça ? » Eh bien, quelqu’un comme toi – probablement assis dans son café préféré à 2 heures du matin avec son troisième expresso – a écrit le code qui a créé cette magie. Et voici ce qui va te laisser sans voix : à la fin de cette leçon, non seulement tu comprendras comment ils l’ont fait, mais tu auras hâte d’essayer toi-même !
 
-Tu connais ce moment où tu utilises ton application préférée et tout s’emboîte parfaitement ? Quand tu appuies sur un bouton et qu’il se passe quelque chose de tellement magique que tu te dis « wow, comment ont-ils FAIT ça ? » Eh bien, quelqu’un comme toi – probablement assis dans son café préféré à 2 heures du matin avec son troisième espresso – a écrit le code qui a créé cette magie. Et voici ce qui va te faire halluciner : à la fin de cette leçon, non seulement tu comprendras comment ils l’ont fait, mais tu auras envie d’essayer toi-même !
+Écoute, je comprends totalement si la programmation te semble intimidante pour l’instant. Quand j’ai commencé, je pensais vraiment qu’il fallait être un génie des maths ou coder depuis que tu as cinq ans. Mais voici ce qui a complètement changé ma perspective : programmer, c’est exactement comme apprendre à converser dans une nouvelle langue. Tu commences par « bonjour » et « merci », puis tu passes à commander un café, et avant que tu ne t’en rendes compte, tu as des discussions philosophiques profondes ! Sauf que dans ce cas, tu parles aux ordinateurs, et honnêtement ? Ce sont les partenaires de conversation les plus patients que tu puisses avoir – ils ne jugent jamais tes erreurs et sont toujours ravis d’essayer à nouveau !
 
-Écoute, je comprends totalement si la programmation te paraît intimidante pour l’instant. Quand j’ai commencé, je pensais honnêtement qu’il fallait être un génie en maths ou coder depuis que tu as cinq ans. Mais ce qui a complètement changé ma perspective, c’est ça : programmer, c’est exactement comme apprendre à avoir des conversations dans une nouvelle langue. Tu commences par « bonjour » et « merci », puis tu progresses jusqu’à commander un café, et avant même de t’en rendre compte, tu tiens des discussions philosophiques approfondies ! Sauf que là, tu converses avec des ordinateurs, et honnêtement ? Ce sont les partenaires de conversation les plus patients que tu puisses avoir – ils ne jugent jamais tes erreurs et sont toujours ravis d’essayer encore !
-
-Aujourd’hui, nous allons explorer les outils incroyables qui rendent le développement web moderne non seulement possible, mais carrément addictif. Je parle exactement des éditeurs, navigateurs et flux de travail que les développeurs de Netflix, Spotify et ton studio d’applications indie préféré utilisent chaque jour. Et voici la partie qui va te faire danser de joie : la plupart de ces outils professionnels, standards de l’industrie, sont complètement gratuits !
+Aujourd’hui, nous allons explorer les outils incroyables qui rendent le développement web moderne non seulement possible, mais sérieusement addictif. Je parle des mêmes éditeurs, navigateurs et flux de travail que les développeurs de Netflix, Spotify et ton studio d’applications indépendant préféré utilisent chaque jour. Et voici la partie qui va te faire faire une petite danse de joie : la plupart de ces outils professionnels, standard de l’industrie, sont complètement gratuits !
 
 ![Intro Programming](../../../../translated_images/fr/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote par [Tomomi Imura](https://twitter.com/girlie_mac)
+> Croquis par [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
     title Votre parcours de programmation aujourd'hui
     section Découvrir
-      Qu'est-ce que la programmation : 5 : You
-      Langages de programmation : 4 : You
-      Aperçu des outils : 5 : You
+      Qu'est-ce que la programmation : 5 : Vous
+      Langages de programmation : 4 : Vous
+      Aperçu des outils : 5 : Vous
     section Explorer
-      Éditeurs de code : 4 : You
-      Navigateurs & DevTools : 5 : You
-      Ligne de commande : 3 : You
+      Éditeurs de code : 4 : Vous
+      Navigateurs et outils de développement : 5 : Vous
+      Ligne de commande : 3 : Vous
     section Pratiquer
-      Détective de langage : 4 : You
-      Exploration des outils : 5 : You
-      Connexion à la communauté : 5 : You
+      Détective des langages : 4 : Vous
+      Exploration des outils : 5 : Vous
+      Connexion communautaire : 5 : Vous
 ```
 ## Voyons ce que tu sais déjà !
 
-Avant de plonger dans les choses amusantes, je suis curieux – que sais-tu déjà de ce monde de la programmation ? Et écoute, si en voyant ces questions tu te dis « je n’y comprends absolument rien », ce n’est pas juste okay, c’est parfait ! Cela signifie que tu es exactement au bon endroit. Pense à ce quiz comme un échauffement avant une séance de sport – on fait juste chauffer les muscles du cerveau !
-
-[Faire le quiz pré-leçon](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+Avant de plonger dans les choses amusantes, je suis curieux – que sais-tu déjà sur ce monde de la programmation ? Et écoute, si en regardant ces questions tu penses « Je n’ai absolument aucune idée de tout ça », ce n’est pas juste ok, c’est parfait ! Cela signifie que tu es exactement au bon endroit. Pense à ce quiz comme un étirement avant une séance d’entraînement – on échauffe juste ces muscles cérébraux !
 
+[Fais le quiz pré-leçon](https://ff-quizzes.netlify.app/web/)
 
-## L’aventure que nous allons vivre ensemble
+## L’aventure dans laquelle nous allons nous lancer ensemble
 
-D’accord, je suis vraiment excité par ce que nous allons explorer aujourd’hui ! Sérieusement, j’aimerais voir ta tête quand certains de ces concepts vont enfin s’éclairer. Voici le fabuleux voyage que nous allons faire ensemble :
+D’accord, je suis vraiment excité par ce que nous allons explorer aujourd’hui ! Sérieusement, j’aimerais voir ta tête quand certains de ces concepts deviendront clairs. Voici le voyage incroyable que nous allons faire ensemble :
 
-- **Ce qu’est vraiment la programmation (et pourquoi c’est le truc le plus cool qui soit !)** – Nous allons découvrir comment le code est littéralement la magie invisible qui fait fonctionner tout autour de toi, de ce réveil qui sait que c’est lundi matin à l’algorithme qui sélectionne parfaitement tes recommandations Netflix
-- **Les langages de programmation et leurs personnalités incroyables** – Imagine que tu arrives à une fête où chaque personne possède des super-pouvoirs et des manières différentes de résoudre les problèmes. C’est ça le monde des langages de programmation, et tu vas adorer les rencontrer !
-- **Les blocs fondamentaux qui font la magie numérique** – Considère-les comme le set ultime de LEGO créatif. Une fois que tu comprends comment ces pièces s’assemblent, tu réalises que tu peux littéralement construire tout ce que ton imagination invente
-- **Les outils professionnels qui te donneront l’impression qu’on vient de te remettre une baguette de magicien** – Je ne rigole pas – ces outils vont vraiment te faire sentir que tu as des super-pouvoirs, et le meilleur ? Ce sont les mêmes que les pros utilisent !
+- **Ce qu’est vraiment la programmation (et pourquoi c’est la meilleure chose qui soit !)** – Nous allons découvrir comment le code est littéralement la magie invisible qui alimente tout autour de toi, depuis ce réveil qui sait mystérieusement que c’est lundi matin jusqu’à l’algorithme qui sélectionne parfaitement tes recommandations Netflix
+- **Les langages de programmation et leurs personnalités étonnantes** – Imagine entrer à une fête où chaque personne a des super-pouvoirs complètement différents et des façons uniques de résoudre des problèmes. C’est ça le monde des langages de programmation, et tu vas adorer les rencontrer !
+- **Les blocs fondamentaux qui rendent la magie digitale possible** – Pense à cela comme le jeu ultime de LEGO créatif. Une fois que tu comprends comment ces morceaux s’emboîtent, tu te rends compte que tu peux construire littéralement tout ce que ton imagination rêve
+- **Les outils professionnels qui te feront sentir comme si on venait de te donner une baguette de magicien** – Je ne dramatise pas – ces outils vont vraiment te faire sentir que tu as des super-pouvoirs, et le meilleur dans tout ça ? Ce sont les mêmes que les pros utilisent !
 
-> 💡 **Voici le truc** : Ne pense même pas à essayer de tout mémoriser aujourd’hui ! Pour l’instant, je veux juste que tu ressentes cette étincelle d’excitation sur ce qui est possible. Les détails viendront naturellement avec la pratique – c’est comme ça que la vraie apprentissage se passe !
+> 💡 **Voici le truc** : ne pense même pas à essayer de tout mémoriser aujourd’hui ! En ce moment, je veux juste que tu sentes cette étincelle d’excitation pour ce qui est possible. Les détails resteront naturellement en mémoire à mesure que nous pratiquerons ensemble – c’est comme ça que l’apprentissage réel se fait !
 
-> Tu peux suivre cette leçon sur [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) !
+> Tu peux suivre cette leçon sur [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) !
 
-## Alors, c’est quoi *vraiment* la programmation ?
+## Alors, qu’est-ce que *c’est* exactement la programmation ?
 
-Bon, attaquons la question à un million : c’est quoi la programmation, au fond ?
+D’accord, attaquons la question à un million de dollars : qu’est-ce que la programmation, vraiment ?
 
-Je vais te raconter une histoire qui a complètement changé ma manière de voir les choses. La semaine dernière, j’essayais d’expliquer à ma mère comment utiliser la nouvelle télécommande intelligente de notre télé. Je me suis surpris à dire des choses comme « Appuie sur le bouton rouge, mais pas le gros bouton rouge, le petit bouton rouge à gauche… non, ton autre gauche… d’accord, maintenant tiens-le deux secondes, pas une, pas trois… » Ça te parle ? 😅
+Je vais te raconter une histoire qui a complètement changé ma manière de voir les choses. La semaine dernière, j’essayais d’expliquer à ma mère comment utiliser notre nouvelle télécommande de TV intelligente. Je me suis surpris à dire des choses comme « Appuie sur le bouton rouge, mais pas le gros bouton rouge, le petit bouton rouge à gauche… non, ton autre gauche… d’accord, maintenant tiens-le pendant deux secondes, pas une, pas trois… » Ça te parle ? 😅
 
-C’est ça la programmation ! C’est l’art de donner des instructions incroyablement précises, étape par étape, à quelque chose de très puissant mais qui a besoin qu’on lui explique tout parfaitement. Sauf qu’au lieu d’expliquer à ta mère (qui peut demander « quel bouton rouge ?! »), tu expliques à un ordinateur (qui fait exactement ce que tu dis, même si ce que tu as dit n’est pas tout à fait ce que tu voulais).
+C’est ça, la programmation ! C’est l’art de donner des instructions très détaillées, étape par étape, à quelque chose de très puissant qui a besoin que tout soit parfaitement expliqué. Sauf qu’au lieu d’expliquer à ta mère (qui peut demander « quel bouton rouge ?! »), tu expliques à un ordinateur (qui fait exactement ce que tu dis, même si ce que tu as dit n’était pas tout à fait ce que tu voulais).
 
-Voici ce qui m’a bluffé quand j’ai appris ça : les ordinateurs sont en réalité assez simples en leur cœur. Ils comprennent littéralement deux choses – 1 et 0, ce qui revient à dire « oui » et « non » ou « allumé » et « éteint ». C’est tout ! Mais voici où la magie intervient – on n’a pas à parler en 1 et 0 comme dans Matrix. C’est là que les **langages de programmation** interviennent. Ce sont comme le meilleur traducteur du monde qui prend tes pensées humaines parfaitement normales et les transforme en langage informatique.
+Voici ce qui m’a bluffé quand j’ai appris cela : les ordinateurs sont en fait assez simples à la base. Ils ne comprennent littéralement que deux choses – 1 et 0, ce qui revient en gros à « oui » et « non » ou « allumé » et « éteint ». C’est tout ! Mais là où ça devient magique – on ne doit pas parler en 1 et 0 comme dans Matrix. C’est là que **les langages de programmation** entrent en jeu. Ils sont comme avoir le meilleur traducteur du monde qui prend tes pensées humaines parfaitement normales et les convertit en langage informatique.
 
-Et voici ce qui me donne encore des frissons chaque matin au réveil : littéralement *tout* ce qui est numérique dans ta vie a commencé avec quelqu’un comme toi, probablement en pyjama avec une tasse de café, en train de taper du code sur son ordinateur portable. Ce filtre Instagram qui te rend parfait ? Quelqu’un l’a codé. La recommandation qui t’a fait découvrir ta nouvelle chanson préférée ? Un développeur a construit cet algorithme. L’application qui t’aide à diviser les notes de restaurant entre amis ? Oui, quelqu’un a pensé « c’est chiant, je peux sûrement régler ça » et puis… il l’a fait !
+Et voici ce qui me donne encore des frissons chaque matin au réveil : littéralement *tout* ce qui est digital dans ta vie a commencé avec quelqu’un comme toi, probablement en pyjama avec une tasse de café, tapant du code sur son ordinateur portable. Ce filtre Instagram qui te rend parfait ? Quelqu’un l’a codé. La recommandation qui t’a fait découvrir ta nouvelle chanson préférée ? Un développeur a construit cet algorithme. L’application qui t’aide à diviser l’addition du dîner avec des amis ? Oui, quelqu’un a pensé « ça m’agace, je parie que je peux régler ça » et ensuite… il l’a fait !
 
-Quand tu apprends à programmer, tu ne te contentes pas d’acquérir une nouvelle compétence – tu deviens membre d’une communauté incroyable de personnes qui passent leurs journées à se demander, « Et si je pouvais créer quelque chose qui rendait la journée de quelqu’un un peu meilleure ? » Franchement, y a-t-il quelque chose de plus cool ?
+Quand tu apprends à programmer, tu n’acquières pas juste une nouvelle compétence – tu deviens partie prenante de cette communauté incroyable de résolveurs de problèmes qui passent leurs journées à se dire « Et si je pouvais construire quelque chose qui rend la journée de quelqu’un un peu meilleure ? » Franchement, y a-t-il quelque chose de plus cool ?
 
-✅ **Chasse aux faits amusants** : Voici un truc super cool à chercher quand tu as un moment libre – selon toi, qui a été le tout premier programmeur informatique au monde ? Je te donne un indice : ce n’est peut-être pas celui que tu imagines ! L’histoire de cette personne est fascinante et montre que la programmation a toujours été une question de créativité et de pensée hors des sentiers battus.
+✅ **Chasse au fait amusant** : voici quelque chose de super cool à chercher quand tu as un moment libre – qui penses-tu qu’était le tout premier programmeur informatique au monde ? Je te donne un indice : ce n’est peut-être pas celui que tu attends ! L’histoire de cette personne est absolument fascinante et montre que la programmation a toujours été une question de résolution créative de problèmes et de pensée hors des sentiers battus.
 
-### 🧠 **Petit point : comment tu te sens ?**
+### 🧠 **Check-in : comment te sens-tu ?**
 
-**Prends un moment pour réfléchir :**
+**Prends un instant pour réfléchir :**
 - L’idée de « donner des instructions aux ordinateurs » te paraît-elle claire maintenant ?
-- Peux-tu penser à une tâche quotidienne que tu aimerais automatiser grâce à la programmation ?
+- Peux-tu penser à une tâche quotidienne que tu aimerais automatiser avec la programmation ?
 - Quelles questions te viennent à l’esprit à propos de tout ce truc de programmation ?
 
-> **Souviens-toi** : c’est normal si certains concepts te semblent flous maintenant. Apprendre la programmation, c’est comme apprendre une nouvelle langue – il faut du temps pour que ton cerveau crée ces connexions neuronales. Tu gères !
+> **Rappelle-toi** : c’est totalement normal si certains concepts te semblent flous pour l’instant. Apprendre à programmer, c’est comme apprendre une nouvelle langue – ton cerveau a besoin de temps pour créer ces connexions neuronales. Tu te débrouilles très bien !
 
-## Les langages de programmation, c’est comme des saveurs différentes de magie
+## Les langages de programmation sont comme différentes saveurs de magie
 
-Bon, ça va peut-être paraître bizarre, mais reste avec moi – les langages de programmation sont un peu comme différents styles de musique. Imagine : tu as le jazz, qui est doux et improvisé, le rock, qui est puissant et direct, le classique, élégant et structuré, et le hip-hop, créatif et expressif. Chaque style a son ambiance, sa communauté de fans passionnés, et chacun est parfait pour différentes humeurs et occasions.
+Ok, ça va peut-être paraître bizarre, mais accroche-toi – les langages de programmation sont beaucoup comme différents types de musique. Pense-y : il y a le jazz, fluide et improvisé, le rock, puissant et simple, la musique classique, élégante et structurée, et le hip-hop, créatif et expressif. Chaque style a sa propre ambiance, sa propre communauté de fans passionnés, et chaque style est parfait pour des humeurs et occasions différentes.
 
-Les langages de programmation fonctionnent exactement de la même manière ! Tu n’utiliserais pas le même langage pour créer un jeu mobile amusant que pour analyser d’énormes volumes de données climatiques, tout comme tu ne mettrais pas du death metal pendant un cours de yoga (enfin, la plupart des cours de yoga ! 😄).
+Les langages de programmation fonctionnent exactement de la même manière ! Tu n’utiliserais pas le même langage pour créer un jeu mobile amusant que celui pour traiter des quantités massives de données climatiques, tout comme tu ne jouerais pas du death metal pendant un cours de yoga (enfin, la plupart des cours de yoga en tout cas ! 😄).
 
-Mais voici ce qui me fascine à chaque fois que j’y pense : ces langages sont comme le traducteur le plus brillant et patient du monde qui serait assis juste à côté de toi. Tu peux exprimer tes idées de manière naturelle, et ils s’occupent de tout ce travail incroyablement complexe qui consiste à traduire ça en 1 et 0 que les ordinateurs comprennent vraiment. C’est comme avoir un ami parfaitement bilingue en « créativité humaine » et « logique machine » – qui ne se fatigue jamais, n’a jamais besoin de pause café et ne te juge jamais de poser la même question deux fois !
+Mais voici ce qui me fascine chaque fois que j’y pense : ces langages sont comme avoir l’interprète le plus patient et brillant du monde assis juste à côté de toi. Tu peux exprimer tes idées de la manière qui te semble naturelle, et ils gèrent tout le travail incroyablement complexe de les traduire en 1 et 0 que les ordinateurs comprennent. C’est comme avoir un ami parfaitement bilingue en « créativité humaine » et « logique informatique » – qui ne se fatigue jamais, n’a jamais besoin de pause café et ne te juge jamais pour poser la même question deux fois !
 
 ### Langages de programmation populaires et leurs usages
 
@@ -87,7 +86,7 @@ mindmap
   root((Langages de Programmation))
     Développement Web
       JavaScript
-        Magie du Frontend
+        Magie Frontend
         Sites Web Interactifs
       TypeScript
         JavaScript + Types
@@ -115,47 +114,47 @@ mindmap
         Jeux
         Performance Critique
       Rust
-        Sécurité de la Mémoire
+        Sécurité Mémoire
         Programmation Système
       Go
         Services Cloud
-        Backend Scalable
+        Backend évolutif
 ```
-| Langage | Idéal pour | Pourquoi il est populaire |
-|---------|------------|----------------------------|
-| **JavaScript** | Développement web, interfaces utilisateur | Fonctionne dans les navigateurs et alimente les sites interactifs |
-| **Python** | Data science, automatisation, IA | Facile à lire et apprendre, bibliothèques puissantes |
+| Langage | Meilleur pour | Pourquoi il est populaire |
+|----------|---------------|--------------------------|
+| **JavaScript** | Développement web, interfaces utilisateur | S’exécute dans les navigateurs et alimente les sites interactifs |
+| **Python** | Science des données, automatisation, IA | Facile à lire et apprendre, bibliothèques puissantes |
 | **Java** | Applications d’entreprise, applications Android | Indépendant de la plateforme, robuste pour les grands systèmes |
-| **C#** | Applications Windows, développement de jeux | Fort soutien de l’écosystème Microsoft |
+| **C#** | Applications Windows, développement de jeux | Fort support de l’écosystème Microsoft |
 | **Go** | Services cloud, systèmes backend | Rapide, simple, conçu pour l’informatique moderne |
 
 ### Langages de haut niveau vs bas niveau
 
-Bon, c’est honnêtement le concept qui m’a fait exploser le cerveau quand j’ai commencé, alors je vais partager l’analogie qui m’a enfin fait comprendre – et j’espère vraiment qu’elle t’aidera aussi !
+Bon, c’est honnêtement le concept qui m’avait le plus embrouillé au début, donc je vais partager l’analogie qui m’a finalement fait tout comprendre – et j’espère que ça va t’aider aussi !
 
-Imagine que tu visites un pays où tu ne parles pas la langue, et que tu as désespérément besoin de trouver les toilettes (on est tous passés par là, non ? 😅) :
+Imagine que tu visites un pays où tu ne parles pas la langue, et que tu as désespérément besoin de trouver les toilettes les plus proches (on est tous passés par là, non ? 😅) :
 
-- **La programmation bas niveau** c’est comme apprendre le dialecte local tellement bien que tu peux discuter avec la grand-mère qui vend des fruits à l’angle de la rue en utilisant des références culturelles, du jargon local et des blagues que seuls les vrais natifs comprennent. Super impressionnant et ultra efficace… si tu es fluent ! Mais assez écrasant quand tu cherches juste les toilettes.
+- **La programmation bas niveau** c’est comme apprendre le dialecte local si bien que tu peux discuter avec la grand-mère qui vend des fruits au coin de la rue en utilisant des références culturelles, du jargon local et des blagues qu’on comprend seulement si on a grandi là-bas. C’est super impressionnant et incroyablement efficace… si tu es fluent ! Mais c’est un peu écrasant quand tu essaies juste de trouver des toilettes.
 
-- **La programmation haut niveau** c’est comme avoir cet ami local incroyable qui comprend tout de suite. Tu peux dire « j’ai vraiment besoin de trouver des toilettes » en anglais simple, et il s’occupe de toute la traduction culturelle et te donne des indications compréhensibles par ton cerveau non-local.
+- **La programmation haut niveau** c’est comme avoir cet ami local génial qui te comprend parfaitement. Tu peux dire « J’ai vraiment besoin de trouver des toilettes » en anglais simple, et il gère toutes les traductions culturelles et te donne des directions qui ont parfaitement du sens pour ton cerveau de non-locuteur.
 
-Dans les termes de la programmation :
-- **Les langages bas niveau** (comme l’assembleur ou C) te permettent d’avoir des conversations ultra détaillées avec le matériel réel de l’ordinateur, mais tu dois penser comme une machine, ce qui est… disons que c’est un gros changement mental !
-- **Les langages haut niveau** (comme JavaScript, Python ou C#) te laissent penser comme un humain pendant qu’ils gèrent tout le langage machine en coulisse. En plus, ils ont des communautés super accueillantes remplies de personnes qui se souviennent de ce que c’était d’être nouveau et qui veulent vraiment aider !
+En termes de programmation :
+- **Les langages bas niveau** (comme l’Assemblée ou le C) te permettent d’avoir des conversations extrêmement détaillées avec le matériel réel de l’ordinateur, mais tu dois penser comme une machine, ce qui est… disons, un gros changement mental !
+- **Les langages haut niveau** (comme JavaScript, Python ou C#) te permettent de penser comme un humain pendant qu’ils gèrent tout le langage machine en coulisses. En plus, ils ont des communautés incroyablement accueillantes pleines de gens qui se souviennent de ce que c’était d’être débutant et qui veulent vraiment aider !
 
-Devine ceux avec lesquels je vais te suggérer de commencer ? 😉 Les langages haut niveau sont comme des roulettes d’entraînement que tu ne voudras jamais retirer parce qu’elles rendent l’expérience tellement plus agréable !
+Devine avec quoi je vais te suggérer de commencer ? 😉 Les langages haut niveau sont comme des roulettes d’entraînement que tu ne veux jamais enlever parce qu’elles rendent toute l’expérience tellement plus agréable !
 
 ```mermaid
 flowchart TB
     A["👤 Pensée Humaine:<br/>'Je veux calculer les nombres de Fibonacci'"] --> B{Choisir le Niveau de Langage}
     
-    B -->|Haut Niveau| C["🌟 JavaScript/Python<br/>Facile à lire et à écrire"]
+    B -->|Haut Niveau| C["🌟 JavaScript/Python<br/>Facile à lire et écrire"]
     B -->|Bas Niveau| D["⚙️ Assembleur/C<br/>Contrôle direct du matériel"]
     
     C --> E["📝 Écrire : fibonacci(10)"]
     D --> F["📝 Écrire : mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Compréhension de l'Ordinateur:<br/>Le traducteur gère la complexité"]
+    E --> G["🤖 Compréhension Informatique:<br/>Le traducteur gère la complexité"]
     F --> G
     
     G --> H["💻 Même Résultat :<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,15 +163,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Laisse-moi te montrer pourquoi les langages haut niveau sont tellement plus sympathiques
+### Laisse-moi te montrer pourquoi les langages haut niveau sont beaucoup plus sympathiques
 
-D’accord, je vais te montrer quelque chose qui illustre parfaitement pourquoi je suis tombé amoureux des langages haut niveau, mais d’abord – il faut que tu me promettes quelque chose. Quand tu verras ce premier exemple de code, ne panique pas ! C’est fait pour sembler intimidant. C’est exactement le point que je veux faire passer !
+D’accord, je suis sur le point de te montrer quelque chose qui illustre parfaitement pourquoi je suis tombé amoureux des langages haut niveau, mais d’abord – je veux que tu me fasses une promesse. Quand tu verras ce premier exemple de code, ne panique pas ! C’est censé paraître intimidant. C’est exactement le point que je veux faire !
 
-Nous allons regarder la même tâche écrite dans deux styles complètement différents. Les deux créent ce qu’on appelle la suite de Fibonacci – un magnifique motif mathématique où chaque nombre est la somme des deux précédents : 0, 1, 1, 2, 3, 5, 8, 13... (Fait amusant : tu trouveras ce motif littéralement partout dans la nature – dans les spirales des graines de tournesol, les motifs des cônes de pin, même la formation des galaxies !)
+Nous allons regarder la même tâche écrite de deux manières complètement différentes. Les deux créent ce qu’on appelle la séquence de Fibonacci – c’est un magnifique motif mathématique où chaque nombre est la somme des deux précédents : 0, 1, 1, 2, 3, 5, 8, 13... (Fait amusant : tu trouveras ce motif littéralement partout dans la nature – spirales de graines de tournesol, motifs de pommes de pin, même la formation des galaxies !)
 
-Prêt à voir la différence ? On y va !
+Prêt à voir la différence ? Allons-y !
 
-**Langage haut niveau (JavaScript) – Facile à comprendre :**
+**Langage haut niveau (JavaScript) – convivial :**
 
 ```javascript
 // Étape 1 : Configuration de base de Fibonacci
@@ -184,7 +183,7 @@ console.log('Fibonacci sequence:');
 ```
 
 **Voici ce que fait ce code :**
-- **Déclare** une constante pour spécifier combien de nombres de Fibonacci on veut générer
+- **Déclare** une constante pour spécifier combien de nombres Fibonacci nous voulons générer
 - **Initialise** deux variables pour suivre le nombre actuel et le suivant dans la séquence
 - **Configure** les valeurs de départ (0 et 1) qui définissent le motif de Fibonacci
 - **Affiche** un message d’en-tête pour identifier notre sortie
@@ -201,11 +200,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Détaillons ce qui se passe ici :**
-- **Parcourt** chaque position dans notre séquence avec une boucle `for`
-- **Affiche** chaque nombre avec sa position en utilisant la syntaxe template literal
-- **Calcule** le prochain nombre de Fibonacci en additionnant les valeurs actuelle et suivante
-- **Met à jour** les variables de suivi pour passer à l’itération suivante
+**Décomposons ce qui se passe ici :**
+- **Boucle** à travers chaque position dans notre séquence avec une boucle `for`
+- **Affiche** chaque nombre avec sa position en utilisant le formatage de template literal
+- **Calcule** le prochain nombre de Fibonacci en additionnant les valeurs actuelles et suivantes
+- **Met à jour** nos variables de suivi pour passer à l’itération suivante
 
 ```javascript
 // Étape 3 : Approche fonctionnelle moderne
@@ -224,13 +223,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Dans le code ci-dessus, nous avons :**
+**Dans l’exemple ci-dessus, nous avons :**
 - **Créé** une fonction réutilisable avec la syntaxe moderne des fonctions fléchées
-- **Construis** un tableau pour stocker la séquence complète au lieu de l’afficher nombre par nombre
-- **Utilisé** l’indexation de tableau pour calculer chaque nouveau nombre à partir des précédents
-- **Retourné** la séquence complète pour une utilisation flexible dans d’autres parties du programme
+- **Construit** un tableau pour stocker la séquence complète plutôt que d’afficher un par un
+- **Utilisé** l’indexation du tableau pour calculer chaque nouveau nombre à partir des valeurs précédentes
+- **Renvoie** la séquence complète pour un usage flexible dans d’autres parties de notre programme
 
-**Langage bas niveau (assembleur ARM) – Compréhensible par l’ordinateur :**
+**Langage bas niveau (ARM Assembly) – convivial pour l’ordinateur :**
 
 ```assembly
  area ascen,code,readonly
@@ -257,40 +256,39 @@ back add r0,r1
  end
 ```
 
-Remarque à quel point la version JavaScript se lit presque comme des instructions en anglais, tandis que la version assembleur utilise des commandes cryptiques qui contrôlent directement le processeur de l’ordinateur. Les deux accomplissent exactement la même tâche, mais le langage haut niveau est beaucoup plus facile à comprendre, écrire et maintenir pour les humains.
+Remarque comment la version JavaScript se lit presque comme des instructions en anglais, tandis que la version Assembly utilise des commandes cryptiques qui contrôlent directement le processeur de l’ordinateur. Les deux accomplissent la même tâche, mais le langage haut niveau est beaucoup plus facile à comprendre, écrire et maintenir pour les humains.
 
 **Différences clés que tu remarqueras :**
-- **Lisibilité** : JavaScript utilise des noms descriptifs comme `fibonacciCount` tandis que l’assembleur utilise des étiquettes cryptiques comme `r0`, `r1`
-- **Commentaires** : Les langages de haut niveau encouragent les commentaires explicatifs qui rendent le code auto-documenté
-- **Structure** : Le flux logique de JavaScript correspond à la façon dont les humains réfléchissent aux problèmes étape par étape
-- **Maintenance** : Mettre à jour la version JavaScript pour différentes exigences est simple et clair
-
-✅ **À propos de la suite de Fibonacci** : Ce magnifique motif numérique (où chaque nombre est égal à la somme des deux précédents : 0, 1, 1, 2, 3, 5, 8...) apparaît littéralement *partout* dans la nature ! Vous le trouverez dans les spirales des tournesols, les motifs des pommes de pin, la façon dont les coquilles de nautile se courbent, et même dans la croissance des branches des arbres. C’est assez incroyable de voir comment les mathématiques et le code peuvent nous aider à comprendre et recréer les motifs que la nature utilise pour créer la beauté !
+- **Lisibilité** : JavaScript utilise des noms descriptifs comme `fibonacciCount` tandis qu'Assembly utilise des labels cryptiques comme `r0`, `r1`.
+- **Commentaires** : Les langages de haut niveau encouragent les commentaires explicatifs qui rendent le code auto-documenté.
+- **Structure** : Le flux logique de JavaScript correspond à la manière dont les humains pensent les problèmes étape par étape.
+- **Maintenance** : Mettre à jour la version JavaScript pour différents besoins est simple et clair.
 
+✅ **À propos de la suite de Fibonacci** : Ce motif numérique absolument magnifique (où chaque nombre est la somme des deux précédents : 0, 1, 1, 2, 3, 5, 8...) apparaît littéralement *partout* dans la nature ! Vous le trouverez dans les spirales de tournesols, les motifs des pommes de pin, la manière dont les coquilles de nautile se courbent, et même dans la croissance des branches d'arbre. C'est assez incroyable comment les mathématiques et le code peuvent nous aider à comprendre et recréer les motifs que la nature utilise pour créer la beauté !
 
-## Les blocs de base qui font fonctionner la magie
+## Les Blocs de Construction Qui Font la Magie
 
-D'accord, maintenant que vous avez vu à quoi ressemblent les langages de programmation en action, décomposons les éléments fondamentaux qui composent littéralement tous les programmes jamais écrits. Pensez-y comme les ingrédients essentiels de votre recette préférée – une fois que vous comprenez ce que chacun fait, vous pourrez lire et écrire du code dans à peu près n'importe quel langage !
+Bon, maintenant que vous avez vu à quoi ressemblent les langages de programmation en action, décomposons les éléments fondamentaux qui composent littéralement tous les programmes jamais écrits. Pensez à ceux-ci comme les ingrédients essentiels de votre recette préférée – une fois que vous comprenez ce que chacun fait, vous pourrez lire et écrire du code dans pratiquement n'importe quel langage !
 
-C’est un peu comme apprendre la grammaire de la programmation. Vous vous souvenez quand à l’école vous avez appris les noms, les verbes et comment construire des phrases ? La programmation a sa propre version de la grammaire, et honnêtement, elle est bien plus logique et tolérante que la grammaire anglaise ne l’a jamais été ! 😄
+C'est un peu comme apprendre la grammaire de la programmation. Vous vous souvenez quand à l'école vous avez appris les noms, les verbes, et comment construire des phrases ? La programmation a sa propre version de la grammaire, et honnêtement, elle est bien plus logique et indulgente que la grammaire anglaise ne l'a jamais été ! 😄
 
-### Instructions : Les consignes étape par étape
+### Instructions : Les Instructions Étape par Étape
 
-Commençons par les **instructions** – ce sont comme des phrases individuelles dans une conversation avec votre ordinateur. Chaque instruction dit à l’ordinateur de faire une chose spécifique, un peu comme donner des directions : "Tournez à gauche ici," "Arrêtez-vous au feu rouge," "Garez-vous à cet endroit."
+Commençons par les **instructions** – ce sont comme des phrases individuelles dans une conversation avec votre ordinateur. Chaque instruction dit à l'ordinateur de faire une chose spécifique, un peu comme donner des indications : « Tournez à gauche ici », « Arrêtez-vous au feu rouge », « Garez-vous à cet endroit ».
 
-Ce que j’adore avec les instructions, c’est à quel point elles sont généralement lisibles. Regardez ça :
+Ce que j'aime dans les instructions, c'est à quel point elles sont généralement lisibles. Regardez ceci :
 
 ```javascript
-// Instructions de base qui effectuent des actions uniques
+// Instructions de base qui exécutent des actions uniques
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
 **Voici ce que ce code fait :**
-- **Déclare** une variable constante pour stocker le nom d’un utilisateur
-- **Affiche** un message de bienvenue dans la console
-- **Calcule** et stocke le résultat d’une opération mathématique
+- **Déclare** une variable constante pour stocker le nom d'un utilisateur
+- **Affiche** un message de bienvenue sur la console
+- **Calcule** et stocke le résultat d'une opération mathématique
 
 ```javascript
 // Instructions qui interagissent avec les pages web
@@ -299,18 +297,18 @@ document.body.style.backgroundColor = "lightblue";
 ```
 
 **Étape par étape, voici ce qui se passe :**
-- **Modifie** le titre de la page qui apparaît dans l’onglet du navigateur
-- **Change** la couleur de fond de tout le corps de la page
+- **Modifie** le titre de la page web qui apparaît dans l'onglet du navigateur
+- **Change** la couleur de fond du corps entier de la page
 
-### Variables : Le système de mémoire de votre programme
+### Variables : Le Système Mémoire de Votre Programme
 
-D’accord, les **variables** sont honnêtement l’un de mes concepts favoris à enseigner parce qu’elles ressemblent tellement à des choses que vous utilisez déjà chaque jour !
+D'accord, les **variables** sont honnêtement l'un de mes concepts préférés à enseigner parce qu'ils ressemblent beaucoup à des choses que vous utilisez déjà tous les jours !
 
-Pensez à votre liste de contacts téléphoniques une seconde. Vous ne mémorisez pas le numéro de téléphone de tout le monde – à la place, vous sauvegardez "Maman," "Meilleur Ami," ou "Pizzeria qui livre jusqu’à 2h" et vous laissez votre téléphone se souvenir des numéros réels. Les variables fonctionnent exactement de la même manière ! Ce sont comme des contenants étiquetés où votre programme peut stocker des informations et les retrouver plus tard en utilisant un nom qui a du sens.
+Pensez pendant une seconde à votre liste de contacts sur votre téléphone. Vous ne mémorisez pas le numéro de téléphone de tout le monde – à la place, vous enregistrez « Maman », « Meilleur Ami », ou « Pizzeria qui livre jusqu'à 2h du matin » et laissez votre téléphone se souvenir des numéros réels. Les variables fonctionnent exactement de la même manière ! Ce sont comme des contenants étiquetés où votre programme peut stocker des informations et les récupérer plus tard en utilisant un nom qui a du sens.
 
-Ce qui est vraiment cool : les variables peuvent changer au fur et à mesure que votre programme s’exécute (d’où le nom "variable" – vous voyez ce qu’ils ont fait ?). Tout comme vous pourriez mettre à jour ce contact pizzeria quand vous découvrez un endroit encore meilleur, les variables peuvent être mises à jour à mesure que votre programme apprend de nouvelles informations ou que les situations changent !
+Voici ce qui est vraiment cool : les variables peuvent changer pendant que votre programme s'exécute (d'où le nom « variable » – vous voyez ce qu'ils ont fait là ?). Tout comme vous pourriez mettre à jour ce contact de la pizzeria quand vous découvrez un endroit encore meilleur, les variables peuvent être mises à jour au fur et à mesure que votre programme apprend de nouvelles informations ou que les situations changent !
 
-Laissez-moi vous montrer à quel point cela peut être simple et élégant :
+Laissez-moi vous montrer à quel point cela peut être simple :
 
 ```javascript
 // Étape 1 : Création des variables de base
@@ -321,13 +319,13 @@ let isRaining = false;
 ```
 
 **Comprendre ces concepts :**
-- **Stocker** des valeurs fixes dans des variables `const` (comme le nom du site)
-- **Utiliser** `let` pour des valeurs qui peuvent changer au cours du programme
-- **Assigner** différents types de données : chaînes de caractères, nombres, booléens (vrai/faux)
-- **Choisir** des noms descriptifs qui expliquent ce que contient chaque variable
+- **Stocker** des valeurs constantes dans des variables `const` (comme le nom du site)
+- **Utiliser** `let` pour les valeurs qui peuvent changer pendant l'exécution
+- **Attribuer** différents types de données : chaînes (texte), nombres, et booléens (vrai/faux)
+- **Choisir** des noms descriptifs qui expliquent ce que chaque variable contient
 
 ```javascript
-// Étape 2 : Travailler avec des objets pour regrouper des données connexes
+// Étape 2 : Travailler avec des objets pour regrouper des données liées
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -335,10 +333,10 @@ const weatherData = {
 };
 ```
 
-**Dans l’exemple ci-dessus, nous avons :**
-- **Créé** un objet pour grouper ensemble des informations météorologiques associées
+**Dans l'exemple ci-dessus, nous avons :**
+- **Créé** un objet pour regrouper des informations météorologiques liées
 - **Organisé** plusieurs données sous un seul nom de variable
-- **Utilisé** des paires clé-valeur pour étiqueter chaque donnée clairement
+- **Utilisé** des paires clé-valeur pour nommer clairement chaque donnée
 
 ```javascript
 // Étape 3 : Utilisation et mise à jour des variables
@@ -351,31 +349,31 @@ temperature = 68;
 ```
 
 **Comprenons chaque partie :**
-- **Afficher** l’information en utilisant des littéraux de modèle avec la syntaxe `${}`
-- **Accéder** aux propriétés de l’objet par notation par point (`weatherData.windSpeed`)
-- **Mettre à jour** les variables déclarées avec `let` pour refléter les conditions changeantes
+- **Afficher** des informations en utilisant les template literals avec la syntaxe `${}`
+- **Accéder** aux propriétés de l'objet avec la notation par point (`weatherData.windSpeed`)
+- **Mettre à jour** des variables déclarées avec `let` pour refléter les changements
 - **Combiner** plusieurs variables pour créer des messages significatifs
 
 ```javascript
-// Étape 4 : Déstructuration moderne pour un code plus propre
+// Étape 4 : Déstructuration moderne pour un code plus propre
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Ce que vous devez savoir :**
-- **Extraire** des propriétés spécifiques d’objets grâce à l’assignation par décomposition
-- **Créer** automatiquement de nouvelles variables avec les mêmes noms que les clés de l’objet
+- **Extraire** des propriétés spécifiques d'objets en utilisant l'affectation par déstructuration
+- **Créer** automatiquement de nouvelles variables avec les mêmes noms que les clés d'objet
 - **Simplifier** le code en évitant la répétition de la notation par point
 
-### Flux de contrôle : Apprendre à votre programme à réfléchir
+### Flux de Contrôle : Apprendre à Votre Programme à Réfléchir
 
-D’accord, c’est ici que la programmation devient absolument incroyable ! Le **flux de contrôle** consiste essentiellement à apprendre à votre programme à prendre des décisions intelligentes, exactement comme vous le faites chaque jour sans même y penser.
+D'accord, c'est ici que la programmation devient absolument époustouflante ! Le **flux de contrôle** consiste essentiellement à apprendre à votre programme à prendre des décisions intelligentes, exactement comme vous le faites chaque jour sans même y penser.
 
-Imaginez ceci : ce matin, vous avez probablement vécu quelque chose comme "S’il pleut, je prends un parapluie. S’il fait froid, je mets une veste. Si je suis en retard, je saute le petit-déjeuner et prends un café en chemin." Votre cerveau suit naturellement cette logique conditionnelle des dizaines de fois par jour !
+Imaginez ceci : ce matin, vous avez probablement fait quelque chose comme « Si il pleut, je prends un parapluie. Si il fait froid, je mets une veste. Si je suis en retard, je saute le petit-déjeuner et je prends un café en route. » Votre cerveau suit naturellement cette logique conditionnelle « si-alors » des dizaines de fois par jour !
 
-C’est ce qui donne aux programmes cette impression d’intelligence et de vie, au lieu de juste suivre un script ennuyeux et prévisible. Ils peuvent regarder une situation, évaluer ce qui se passe, et répondre de façon appropriée. C’est comme donner un cerveau à votre programme pour qu’il puisse s’adapter et faire des choix !
+C'est ce qui fait que les programmes semblent intelligents et vivants au lieu de simplement suivre un script ennuyeux et prévisible. Ils peuvent réellement regarder une situation, évaluer ce qui se passe, et répondre de manière appropriée. C'est comme donner un cerveau à votre programme qui peut s'adapter et faire des choix !
 
-Vous voulez voir à quel point cela marche bien ? Laissez-moi vous montrer :
+Vous voulez voir à quel point ça fonctionne bien ? Laissez-moi vous montrer :
 
 ```javascript
 // Étape 1 : Logique conditionnelle de base
@@ -390,13 +388,13 @@ if (userAge >= 18) {
 ```
 
 **Voici ce que ce code fait :**
-- **Vérifie** si l’âge de l’utilisateur remplit la condition de vote
+- **Vérifie** si l'âge de l'utilisateur correspond à l'âge légal pour voter
 - **Exécute** différents blocs de code selon le résultat de la condition
-- **Calcule** et affiche le temps restant avant d’être éligible au vote si moins de 18 ans
-- **Fournit** un retour clair et utile pour chaque scénario
+- **Calcule** et affiche le temps restant jusqu'à l'éligibilité au vote si moins de 18 ans
+- **Donne** un retour spécifique et utile pour chaque scénario
 
 ```javascript
-// Étape 2 : Plusieurs conditions avec des opérateurs logiques
+// Étape 2 : Conditions multiples avec des opérateurs logiques
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,11 +407,11 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Décomposons ce qui se passe ici :**
-- **Combine** plusieurs conditions avec l’opérateur `&&` (et)
-- **Crée** une hiérarchie de conditions avec `else if` pour plusieurs cas
-- **Gère** tous les cas possibles avec une dernière instruction `else`
-- **Fournit** un retour clair et exploitable pour chaque situation différente
+**Détaillons ce qui se passe ici :**
+- **Combine** plusieurs conditions avec l'opérateur `&&` (et)
+- **Crée** une hiérarchie de conditions avec `else if` pour plusieurs scénarios
+- **Gère** tous les cas possibles avec une déclaration finale `else`
+- **Fournit** un retour clair et actionnable pour chaque situation différente
 
 ```javascript
 // Étape 3 : Condition concise avec opérateur ternaire
@@ -422,12 +420,12 @@ console.log(`Status: ${votingStatus}`);
 ```
 
 **Ce que vous devez retenir :**
-- **Utilisez** l’opérateur ternaire (`? :`) pour des conditions simples à deux options
-- **Écrivez** d’abord la condition, suivie de `?`, puis le résultat vrai, puis `:`, puis le résultat faux
-- **Appliquez** ce modèle quand vous avez besoin d’assigner des valeurs selon une condition
+- **Utilisez** l'opérateur ternaire (`? :`) pour les conditions simples à deux options
+- **Écrivez** la condition d'abord, suivie de `?`, puis la valeur vraie, ensuite `:`, puis la valeur fausse
+- **Appliquez** ce modèle lorsque vous devez attribuer des valeurs selon une condition
 
 ```javascript
-// Étape 4 : Gestion de plusieurs cas spécifiques
+// Étape 4 : Gestion de plusieurs cas spécifiques
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -448,54 +446,54 @@ switch (dayOfWeek) {
 ```
 
 **Ce code réalise ce qui suit :**
-- **Compare** la valeur de la variable à plusieurs cas spécifiques
-- **Groupe** les cas similaires (jours de semaine vs week-ends)
-- **Exécute** le bloc de code approprié quand un cas correspond
+- **Compare** la valeur d'une variable à plusieurs cas spécifiques
+- **Regroupe** les cas similaires (jours de semaine vs week-ends)
+- **Exécute** le bloc de code approprié lorsqu'une correspondance est trouvée
 - **Inclut** un cas `default` pour gérer les valeurs inattendues
-- **Utilise** des instructions `break` pour éviter que le code continue vers le cas suivant
+- **Utilise** des instructions `break` pour empêcher la continuation vers le cas suivant
 
-> 💡 **Analogie dans la vraie vie** : Pensez au flux de contrôle comme au GPS le plus patient du monde qui vous donne des instructions. Il peut dire "S’il y a du trafic sur Main Street, prends l’autoroute à la place. S’il y a des travaux sur l’autoroute, essaie l’itinéraire panoramique." Les programmes utilisent exactement ce même type de logique conditionnelle pour répondre intelligemment à différentes situations et toujours offrir aux utilisateurs la meilleure expérience possible.
+> 💡 **Analogie réelle** : Pensez au flux de contrôle comme avoir le GPS le plus patient du monde qui vous donne des directions. Il pourrait dire « S'il y a du trafic sur la rue principale, prenez l'autoroute à la place. S'il y a des travaux sur l'autoroute, essayez la route pittoresque. » Les programmes utilisent exactement ce type de logique conditionnelle pour répondre intelligemment aux différentes situations et toujours offrir la meilleure expérience possible aux utilisateurs.
 
-### 🎯 **Test de compréhension : Maîtrise des blocs de base**
+### 🎯 **Vérification des Concepts : Maîtrise des Blocs de Construction**
 
 **Voyons comment vous vous en sortez avec les fondamentaux :**
 - Pouvez-vous expliquer la différence entre une variable et une instruction avec vos propres mots ?
-- Pensez à un scénario de la vie réelle où vous utiliseriez une décision if-then (comme notre exemple de vote)
-- Qu’est-ce qui vous a surpris dans la logique de programmation ?
+- Pensez à un scénario réel où vous utiliseriez une décision « si-alors » (comme notre exemple du vote)
+- Quelle est la chose qui vous a surpris dans la logique de programmation ?
 
 **Petit boost de confiance :**
 ```mermaid
 flowchart LR
-    A["📝 Instructions<br/>(Instructions)"] --> B["📦 Variables<br/>(Stockage)"] --> C["🔀 Contrôle de flux<br/>(Décisions)"] --> D["🎉 Programme fonctionnel !"]
+    A["📝 Instructions<br/>(Instructions)"] --> B["📦 Variables<br/>(Stockage)"] --> C["🔀 Contrôle de flux<br/>(Décisions)"] --> D["🎉 Programme fonctionnel!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Ce qui arrive ensuite** : Nous allons nous amuser comme des fous à plonger plus profondément dans ces concepts en continuant ce voyage incroyable ensemble ! Pour l’instant, concentrez-vous juste sur l’excitation de toutes les possibilités incroyables qui vous attendent. Les compétences spécifiques et les techniques viendront naturellement au fur et à mesure que nous pratiquerons ensemble – je vous promets que ce sera bien plus amusant que ce que vous imaginez !
+✅ **Ce qui arrive ensuite** : Nous allons nous amuser énormément à approfondir ces concepts tout au long de cette incroyable aventure ensemble ! Pour l'instant, concentrez-vous simplement sur cet enthousiasme pour toutes les possibilités incroyables qui vous attendent. Les compétences spécifiques et les techniques viendront naturellement au fur et à mesure de notre pratique – je vous promets que ce sera bien plus amusant que vous ne l'imaginez !
 
-## Les outils du métier
+## Les Outils du Métier
 
-Bon, ici c’est honnêtement le moment où je suis tellement excité que je peux à peine me contenir ! 🚀 Nous allons parler des outils incroyables qui vont vous donner l’impression qu’on vient de vous confier les clés d’un vaisseau spatial numérique.
+Bon, c'est honnêtement ici que je deviens tellement excité que j'arrive à peine à me contenir ! 🚀 Nous allons parler des outils incroyables qui vont vous faire sentir comme si on venait de vous remettre les clés d'un vaisseau spatial numérique.
 
-Vous savez comment un chef a ces couteaux parfaitement équilibrés qui deviennent comme une extension de ses mains ? Ou comment un musicien a cette guitare qui semble chanter dès qu’il la touche ? Eh bien, les développeurs ont leur propre version de ces outils magiques, et voici ce qui va vous époustoufler – la plupart d’entre eux sont complètement gratuits !
+Vous savez comment un chef dispose de ces couteaux parfaitement équilibrés qui semblent être une extension de ses mains ? Ou comment un musicien a cette guitare qui semble chanter dès qu'il la touche ? Eh bien, les développeurs ont leur propre version de ces outils magiques, et voici ce qui va absolument vous épater – la plupart sont entièrement gratuits !
 
-Je suis presque en train de sauter sur ma chaise à l’idée de vous les présenter parce qu’ils ont complètement révolutionné la façon dont on construit des logiciels. On parle d’assistants de codage alimentés par l’IA qui peuvent vous aider à écrire votre code (je ne plaisante même pas !), d’environnements cloud où vous pouvez construire des applications entières littéralement de n’importe où avec un Wi-Fi, et d’outils de débogage si sophistiqués qu’ils donnent une vision à rayons X de vos programmes.
+Je suis quasiment en train de bondir sur ma chaise rien qu'en pensant à les partager avec vous parce qu'ils ont complètement révolutionné notre façon de construire des logiciels. On parle d'assistants de programmation alimentés par l'IA qui peuvent vous aider à écrire votre code (je ne plaisante même pas !), d'environnements cloud où vous pouvez développer des applications entières depuis littéralement n'importe où avec Wi-Fi, et d'outils de débogage tellement sophistiqués qu'on croirait avoir une vision à rayons X de vos programmes.
 
-Et voici la partie qui me donne toujours des frissons : ce ne sont pas des "outils pour débutants" que vous allez dépasser. Ce sont exactement les mêmes outils professionnels que les développeurs de Google, Netflix, et ce studio d’applications indie que vous adorez utilisent en ce moment même. Vous allez vous sentir comme un vrai pro en les utilisant !
+Et voici la partie qui me donne encore des frissons : ce ne sont pas des « outils pour débutants » dont vous allez rapidement vous lasser. Ce sont exactement les mêmes outils professionnels que les développeurs chez Google, Netflix, et ce studio d'applications indépendant que vous adorez utilisent en ce moment précis. Vous allez vous sentir super pro en les utilisant !
 
 ```mermaid
 graph TD
-    A["💡 Votre Idée"] --> B["⌨️ Éditeur de Code<br/>(VS Code)"] 
-    B --> C["🌐 Outils Dev du Navigateur<br/>(Tests & Débogage)"]
-    C --> D["⚡ Ligne de Commande<br/>(Automatisation & Outils)"]
+    A["💡 Votre idée"] --> B["⌨️ Éditeur de code<br/>(VS Code)"] 
+    B --> C["🌐 Outils de dev du navigateur<br/>(Tests & Débogage)"]
+    C --> D["⚡ Ligne de commande<br/>(Automatisation & Outils)"]
     D --> E["📚 Documentation<br/>(Apprentissage & Référence)"]
-    E --> F["🚀 Application Web Incroyable !"]
+    E --> F["🚀 Application Web incroyable !"]
     
     B -.-> G["🤖 Assistant IA<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Test sur Appareil<br/>(Design Adaptatif)"]
-    D -.-> I["📦 Gestionnaires de Paquets<br/>(npm, yarn)"]
+    C -.-> H["📱 Tests sur appareils<br/>(Design adaptable)"]
+    D -.-> I["📦 Gestionnaires de paquets<br/>(npm, yarn)"]
     E -.-> J["👥 Communauté<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,106 +503,105 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Éditeurs de code et IDE : vos nouveaux meilleurs amis numériques
+### Éditeurs de Code et IDE : Vos Nouveaux Meilleurs Amis Numériques
 
-Parlons des éditeurs de code – ceux-ci vont sérieusement devenir vos endroits préférés où passer du temps ! Pensez-y comme à votre sanctuaire personnel de codage où vous passerez la majeure partie de votre temps à créer et peaufiner vos œuvres numériques.
+Parlons des éditeurs de code – ils vont sérieusement devenir vos nouveaux endroits préférés ! Pensez à eux comme votre sanctuaire personnel de codage où vous passerez la plupart de votre temps à créer et perfectionner vos créations numériques.
 
-Mais voici ce qui est absolument magique avec les éditeurs modernes : ce ne sont pas de simples éditeurs de texte sophistiqués. C’est comme avoir le mentor en codage le plus brillant et le plus encourageant assis juste à côté de vous 24h/24, 7j/7. Ils détectent vos fautes de frappe avant même que vous ne les remarquiez, suggèrent des améliorations qui vous font paraître génial, vous aident à comprendre chaque morceau de code, et certains peuvent même prédire ce que vous allez taper et vous proposer de finir vos idées !
+Mais voici ce qui est absolument magique avec les éditeurs modernes : ce ne sont pas que de simples éditeurs de texte raffinés. C’est comme avoir le mentor de codage le plus brillant et le plus encourageant assis juste à côté de vous 24 heures sur 24, 7 jours sur 7. Ils détectent vos fautes de frappe avant même que vous ne les remarquiez, suggèrent des améliorations qui vous font passer pour un génie, vous aident à comprendre ce que chaque morceau de code fait, et certains peuvent même prédire ce que vous allez taper et vous proposer de finir vos pensées !
 
-Je me souviens quand j’ai découvert l’auto-complétion – j’avais littéralement l’impression de vivre dans le futur. Vous commencez à taper quelque chose, et votre éditeur vous dit : "Hey, vous pensiez à cette fonction qui fait exactement ce dont vous avez besoin ?" C’est comme avoir un lecteur de pensées comme compagnon de codage !
+Je me souviens quand j'ai découvert l'auto-complétion – c'était littéralement comme vivre dans le futur. Vous commencez à taper quelque chose, et votre éditeur vous dit : « Hé, tu pensais à cette fonction qui fait exactement ce dont tu as besoin ? » C’est comme avoir un devin comme copain de codage !
 
-**Qu’est-ce qui rend ces éditeurs si incroyables ?**
+**Qu'est-ce qui rend ces éditeurs si incroyables ?**
 
-Les éditeurs de code modernes offrent un éventail impressionnant de fonctionnalités conçues pour augmenter votre productivité :
+Les éditeurs de code modernes offrent une gamme impressionnante de fonctionnalités conçues pour booster votre productivité :
 
-| Fonctionnalité | Ce qu’elle fait | Pourquoi c’est utile |
-|---------|--------------|--------------|
-| **Coloration syntaxique** | Colore différentes parties de votre code | Rend le code plus facile à lire et à repérer les erreurs |
-| **Auto-complétion** | Suggère du code au fur et à mesure que vous tapez | Accélère la saisie et réduit les fautes de frappe |
-| **Outils de débogage** | Aide à trouver et corriger les erreurs | Économise des heures de dépannage |
-| **Extensions** | Ajoutent des fonctionnalités spécialisées | Personnalisez votre éditeur pour toutes les technologies |
-| **Assistants IA** | Suggèrent du code et des explications | Accélère l’apprentissage et la productivité |
+| Fonctionnalité            | Ce qu'elle fait                      | Pourquoi c'est utile                   |
+|--------------------------|------------------------------------|--------------------------------------|
+| **Coloration syntaxique** | Colore différentes parties du code | Rend le code plus facile à lire et repérer les erreurs |
+| **Auto-complétion**       | Suggère du code au fur et à mesure  | Accélère le codage et réduit les fautes de frappe |
+| **Outils de débogage**    | Aide à trouver et corriger les erreurs | Économise des heures de recherche de bugs |
+| **Extensions**            | Ajoute des fonctionnalités spécialisées | Personnalise votre éditeur pour toute technologie |
+| **Assistants IA**         | Suggère du code et des explications | Accélère l’apprentissage et la productivité |
 
-> 🎥 **Ressource vidéo** : Vous voulez voir ces outils en action ? Regardez cette [vidéo Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) pour un aperçu complet.
+> 🎥 **Ressource vidéo** : Vous voulez voir ces outils en action ? Regardez cette [vidéo Outils du Métier](https://youtube.com/watch?v=69WJeXGBdxg) pour un aperçu complet.
 
-#### Éditeurs recommandés pour le développement web
+#### Éditeurs recommandés pour le développement Web
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuit)
-- Le plus populaire chez les développeurs web
-- Excellente écosystème d’extensions
+- Le plus populaire parmi les développeurs web
+- Excellent écosystème d’extensions
 - Terminal intégré et intégration Git
-- **Extensions incontournables** :
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Suggestions de code alimentées par l’IA
+- **Extensions indispensables** :
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Suggestions de code alimentées par IA
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Collaboration en temps réel
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatage automatique du code
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Détecte les fautes de frappe dans le code
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Correction des fautes de frappe dans votre code
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Payant, gratuit pour les étudiants)
 - Outils avancés de débogage et de tests
-- Auto-complétion intelligente
+- Complétion intelligente du code
 - Contrôle de version intégré
 
-**IDEs basés sur le cloud** (Divers tarifs)
+**IDE basés sur le Cloud** (Tarification variable)
 - [GitHub Codespaces](https://github.com/features/codespaces) - VS Code complet dans votre navigateur
 - [Replit](https://replit.com/) - Idéal pour apprendre et partager du code
 - [StackBlitz](https://stackblitz.com/) - Développement web full-stack instantané
 
-> 💡 **Conseil pour débuter** : Commencez avec Visual Studio Code – il est gratuit, largement utilisé dans l’industrie, et dispose d’une énorme communauté qui crée des tutoriels et extensions utiles.
+> 💡 **Conseil pour commencer** : Commencez par Visual Studio Code – c’est gratuit, largement utilisé dans l’industrie, et il y a une énorme communauté qui crée des tutoriels et extensions utiles.
 
+### Navigateurs Web : Votre Laboratoire Secret de Développement
 
-### Navigateurs web : votre laboratoire secret de développement
+D'accord, préparez-vous à être complètement surpris ! Vous savez comment vous avez utilisé les navigateurs pour faire défiler les réseaux sociaux et regarder des vidéos ? Eh bien, il s’avère qu’ils ont caché tout ce temps un incroyable laboratoire de développement secret, juste en attendant que vous le découvriez !
 
-OK, préparez-vous à être complètement époustouflé ! Vous savez comment vous utilisez les navigateurs pour faire défiler les réseaux sociaux et regarder des vidéos ? Eh bien, il s’avère qu’ils cachaient ce laboratoire de développement secret incroyable tout ce temps, attendant juste que vous le découvriez !
-
-Chaque fois que vous faites un clic droit sur une page web et sélectionnez "Inspecter l’élément", vous ouvrez un monde caché d’outils de développement qui sont honnêtement plus puissants que certains logiciels coûteux pour lesquels je payais des centaines d’euros auparavant. C’est comme découvrir que votre vieille cuisine cache un laboratoire de chef professionnel derrière un panneau secret !
-La première fois que quelqu'un m'a montré les DevTools du navigateur, j'ai passé environ trois heures à cliquer partout en me disant « ATTENDS, IL PEUT FAIRE ÇA AUSSI ?! » Vous pouvez littéralement modifier n'importe quel site web en temps réel, voir exactement la rapidité de chargement, tester l'apparence de votre site sur différents appareils, et même déboguer JavaScript comme un vrai pro. C'est absolument époustouflant !
+Chaque fois que vous faites un clic droit sur une page web et sélectionnez « Inspecter l’élément », vous ouvrez un monde caché d’outils de développement qui sont honnêtement plus puissants que certains logiciels coûteux pour lesquels je payais des centaines d’euros. C’est comme découvrir que votre vieille cuisine ordinaire cachait un laboratoire de chef professionnel derrière un panneau secret !
+La première fois que quelqu’un m’a montré les DevTools du navigateur, j’ai passé environ trois heures à cliquer partout en disant « ATTENDS, ÇA PEUT FAIRE ÇA AUSSI ?! » Vous pouvez littéralement modifier n’importe quel site web en temps réel, voir exactement à quelle vitesse tout charge, tester l’apparence de votre site sur différents appareils, et même déboguer du JavaScript comme un pro total. C’est absolument bluffant !
 
 **Voici pourquoi les navigateurs sont votre arme secrète :**
 
-Lorsque vous créez un site web ou une application web, vous devez voir comment il s'affiche et se comporte dans le monde réel. Les navigateurs affichent non seulement votre travail mais fournissent également des retours détaillés sur les performances, l'accessibilité et les problèmes potentiels.
+Quand vous créez un site web ou une application web, vous devez voir comment il s’affiche et se comporte dans le monde réel. Les navigateurs affichent non seulement votre travail mais fournissent aussi des retours détaillés sur la performance, l’accessibilité et les problèmes potentiels.
 
-#### Outils de développement du navigateur (DevTools)
+#### Outils de développement des navigateurs (DevTools)
 
 Les navigateurs modernes incluent des suites de développement complètes :
 
-| Catégorie d'outil | Ce qu'il fait | Exemple d'utilisation |
+| Catégorie d’outil | Ce qu’il fait | Exemple d’utilisation |
 |-------------------|---------------|----------------------|
-| **Inspecteur d'éléments** | Voir et modifier HTML/CSS en temps réel | Ajuster le style pour voir les résultats immédiatement |
-| **Console** | Voir les messages d'erreur et tester JavaScript | Déboguer des problèmes et expérimenter avec le code |
-| **Moniteur réseau** | Suivre le chargement des ressources | Optimiser les performances et les temps de chargement |
-| **Vérificateur d'accessibilité** | Tester pour un design inclusif | S'assurer que votre site fonctionne pour tous les utilisateurs |
-| **Simulateur d'appareil** | Prévisualiser sur différentes tailles d'écran | Tester la conception responsive sans plusieurs appareils |
+| **Inspecteur d’éléments** | Visualiser et modifier le HTML/CSS en temps réel | Ajuster le style pour voir les résultats immédiats |
+| **Console** | Voir les messages d’erreur et tester le JavaScript | Déboguer les problèmes et expérimenter le code |
+| **Moniteur réseau** | Suivre le chargement des ressources | Optimiser la performance et les temps de chargement |
+| **Vérificateur d’accessibilité** | Tester la conception inclusive | S’assurer que votre site fonctionne pour tous les utilisateurs |
+| **Simulateur d’appareil** | Prévisualiser sur différentes tailles d’écran | Tester le design responsive sans plusieurs appareils |
 
 #### Navigateurs recommandés pour le développement
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standard de l'industrie avec une documentation étendue
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excellents outils CSS Grid et accessibilité
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Basé sur Chromium avec les ressources de développement de Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – DevTools standards de l’industrie avec une documentation extensive
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Excellent outils CSS Grid et accessibilité
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Basé sur Chromium avec les ressources développeur de Microsoft
 
-> ⚠️ **Astuce importante pour les tests** : Testez toujours vos sites web dans plusieurs navigateurs ! Ce qui fonctionne parfaitement sur Chrome peut apparaître différemment sur Safari ou Firefox. Les développeurs professionnels testent sur tous les principaux navigateurs pour assurer une expérience utilisateur cohérente.
+> ⚠️ **Astuce importante pour les tests** : Testez toujours vos sites dans plusieurs navigateurs ! Ce qui fonctionne parfaitement dans Chrome peut s’afficher différemment dans Safari ou Firefox. Les développeurs professionnels testent sur tous les navigateurs majeurs pour garantir une expérience utilisateur cohérente.
 
 
-### Outils en ligne de commande : votre porte d'entrée vers des super-pouvoirs de développeur
+### Outils en ligne de commande : votre passerelle vers les super-pouvoirs de développeur
 
-Bon, soyons honnêtes un moment sur la ligne de commande, car je veux que vous entendiez ça de quelqu'un qui comprend vraiment. La première fois que je l'ai vue – juste cet écran noir effrayant avec du texte clignotant – j'ai littéralement pensé, « Non, absolument pas ! Ça ressemble à quelque chose sorti d'un film de hacker des années 80, et je ne suis clairement pas assez intelligent pour ça ! » 😅
+Bon, soyons totalement honnêtes ici à propos de la ligne de commande, parce que je veux que vous entendiez ça de quelqu’un qui comprend vraiment. La première fois que je l’ai vue – ce simple écran noir effrayant avec du texte clignotant – j’ai littéralement pensé : « Non, absolument pas ! Ça ressemble à un truc sorti d’un film de hackers des années 80, et je ne suis définitivement pas assez malin pour ça ! » 😅
 
-Mais voilà ce que j'aurais aimé qu'on me dise à l'époque, et ce que je vous dis maintenant : la ligne de commande n'est pas effrayante – c'est en fait comme avoir une conversation directe avec votre ordinateur. Imaginez ça comme la différence entre commander de la nourriture via une application sophistiquée avec images et menus (ce qui est sympa et facile) et entrer dans votre restaurant local préféré où le chef sait exactement ce que vous aimez et peut préparer quelque chose de parfait juste parce que vous dites « surprends-moi avec quelque chose d'incroyable ».
+Mais voici ce que j’aurais aimé que quelqu’un me dise à l’époque, et ce que je vous dis maintenant : la ligne de commande n’est pas effrayante – c’est en fait comme avoir une conversation directe avec votre ordinateur. Imaginez que c’est comme la différence entre commander de la nourriture via une application sophistiquée avec des images et des menus (ce qui est simple et pratique) et entrer dans votre restaurant local préféré où le chef sait exactement ce que vous aimez et peut préparer quelque chose de parfait rien qu’en lui disant « surprise-moi avec quelque chose d’incroyable. »
 
-La ligne de commande est là où les développeurs se sentent comme de vrais magiciens. Vous tapez quelques mots apparemment magiques (bon, ce ne sont que des commandes, mais elles semblent magiques !), appuyez sur Entrée, et BOUM – vous avez créé des structures de projet entières, installé des outils puissants du monde entier, ou déployé votre application sur Internet pour des millions de personnes. Une fois que vous avez goûté à ce pouvoir, c'est franchement très addictif !
+La ligne de commande est l’endroit où les développeurs se sentent comme de véritables magiciens. Vous tapez quelques mots qui semblent magiques (bon, ce ne sont que des commandes, mais elles ont l’air magiques !), vous appuyez sur entrée, et BOUM – vous avez créé une structure de projet entière, installé des outils puissants du monde entier, ou déployé votre application sur Internet pour des millions de personnes. Une fois que vous goûtez à ce pouvoir, c’est vraiment addictif !
 
 **Pourquoi la ligne de commande deviendra votre outil préféré :**
 
-Alors que les interfaces graphiques sont excellentes pour de nombreuses tâches, la ligne de commande excelle dans l'automatisation, la précision et la rapidité. De nombreux outils de développement fonctionnent principalement via des interfaces en ligne de commande, et apprendre à les utiliser efficacement peut améliorer considérablement votre productivité.
+Bien que les interfaces graphiques soient excellentes pour beaucoup de tâches, la ligne de commande excelle en automatisation, précision et rapidité. Beaucoup d’outils de développement fonctionnent principalement via des interfaces en ligne de commande, et apprendre à les utiliser efficacement peut considérablement améliorer votre productivité.
 
 ```bash
 # Étape 1 : Créez et accédez au répertoire du projet
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-
-**Voici ce que fait ce code :**
-- **Créer** un nouveau répertoire appelé "my-awesome-website" pour votre projet
-- **Naviguer** dans le répertoire nouvellement créé pour commencer à travailler
+  
+**Voici ce que ce code fait :**  
+- **Créer** un nouveau répertoire appelé « my-awesome-website » pour votre projet  
+- **Naviguer** dans le répertoire nouvellement créé pour commencer à travailler  
 
 ```bash
 # Étape 2 : Initialiser le projet avec package.json
@@ -614,241 +611,243 @@ npm init -y
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-
-**Étape par étape, voici ce qui se passe :**
-- **Initialiser** un nouveau projet Node.js avec les paramètres par défaut en utilisant `npm init -y`
-- **Installer** Vite comme outil de build moderne pour des développements et builds de production rapides
-- **Ajouter** Prettier pour le formatage automatique du code et ESLint pour la vérification de la qualité du code
-- **Utiliser** le drapeau `--save-dev` pour marquer ces dépendances comme uniquement pour le développement
+  
+**Étape par étape, voici ce qui se passe :**  
+- **Initialiser** un nouveau projet Node.js avec les paramètres par défaut grâce à `npm init -y`  
+- **Installer** Vite comme outil de build moderne pour un développement rapide et des builds en production  
+- **Ajouter** Prettier pour le formatage automatique du code et ESLint pour les vérifications de qualité  
+- **Utiliser** le flag `--save-dev` pour marquer ces dépendances comme uniquement pour le développement  
 
 ```bash
-# Étape 3 : Créez la structure et les fichiers du projet
+# Étape 3 : Créez la structure de projet et les fichiers
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
 # Démarrer le serveur de développement
 npx vite
 ```
-
-**Dans ce qui précède, nous avons :**
-- **Organisé** notre projet en créant des dossiers séparés pour le code source et les assets
-- **Généré** un fichier HTML de base avec une structure de document appropriée
-- **Démarré** le serveur de développement Vite pour le rechargement en direct et le remplacement à chaud des modules
+  
+**Dans ce qui précède, nous avons :**  
+- **Organisé** notre projet en créant des dossiers séparés pour le code source et les assets  
+- **Généré** un fichier HTML basique avec une structure correcte  
+- **Lancé** le serveur de développement Vite pour le rechargement en direct et le remplacement à chaud des modules  
 
 #### Outils essentiels en ligne de commande pour le développement web
 
 | Outil | But | Pourquoi vous en avez besoin |
 |-------|-----|------------------------------|
-| **[Git](https://git-scm.com/)** | Contrôle de version | Suivre les modifications, collaborer avec d'autres, sauvegarder votre travail |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestion de paquets | Exécuter JavaScript hors navigateur, installer des outils modernes de développement |
-| **[Vite](https://vitejs.dev/)** | Outil de build & serveur de dev | Développement ultra-rapide avec remplacement à chaud des modules |
+| **[Git](https://git-scm.com/)** | Contrôle de version | Suivre les changements, collaborer, sauvegarder votre travail |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestionnaire de paquets | Exécuter du JavaScript hors des navigateurs, installer des outils modernes |
+| **[Vite](https://vitejs.dev/)** | Outil de build & serveur dev | Développement ultra-rapide avec remplacement à chaud des modules |
 | **[ESLint](https://eslint.org/)** | Qualité du code | Trouver et corriger automatiquement les problèmes dans votre JavaScript |
-| **[Prettier](https://prettier.io/)** | Formatage du code | Garder votre code formaté de façon cohérente et lisible |
+| **[Prettier](https://prettier.io/)** | Formatage du code | Garder votre code toujours formaté de manière cohérente et lisible |
 
-#### Options spécifiques aux plateformes
+#### Options spécifiques à la plateforme
 
-**Windows :**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderne doté de nombreuses fonctionnalités
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Environnement de scripting puissant
-- **[Invite de commandes](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Ligne de commande traditionnelle Windows
+**Windows :**  
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Terminal moderne et riche en fonctionnalités  
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Environnement de scripting puissant  
+- **[Invite de commandes](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Ligne de commande traditionnelle Windows  
 
-**macOS :**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Application Terminal intégrée
-- **[iTerm2](https://iterm2.com/)** - Terminal amélioré avec fonctionnalités avancées
+**macOS :**  
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Application terminal intégrée  
+- **[iTerm2](https://iterm2.com/)** – Terminal amélioré avec fonctionnalités avancées  
 
-**Linux :**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell Linux standard
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Émulateur de terminal avancé
+**Linux :**  
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Shell Linux standard  
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Émulateur de terminal avancé  
 
-> 💻 = Préinstallé sur le système d'exploitation
+> 💻 = Préinstallé sur le système d’exploitation
 
-> 🎯 **Parcours d'apprentissage** : Commencez par les commandes de base telles que `cd` (changer de répertoire), `ls` ou `dir` (lister les fichiers), et `mkdir` (créer un dossier). Entraînez-vous avec des commandes modernes de workflow comme `npm install`, `git status` et `code .` (ouvre le répertoire courant dans VS Code). Une fois à l'aise, vous apprendrez naturellement des commandes plus avancées et des techniques d'automatisation.
+> 🎯 **Parcours d’apprentissage** : Commencez par des commandes basiques comme `cd` (changer de répertoire), `ls` ou `dir` (lister les fichiers), et `mkdir` (créer un dossier). Entraînez-vous avec des commandes de workflow modernes telles que `npm install`, `git status`, et `code .` (ouvre le répertoire courant dans VS Code). À mesure que vous gagnez en confiance, vous apprendrez naturellement des commandes plus avancées et des techniques d’automatisation.
 
 
-### Documentation : votre mentor d'apprentissage toujours disponible
+### Documentation : votre mentor d’apprentissage toujours disponible
 
-OK, laissez-moi partager un petit secret qui va vous faire sentir bien mieux à l'idée d'être débutant : même les développeurs les plus expérimentés passent une énorme partie de leur temps à lire la documentation. Et ce n'est pas parce qu'ils ne savent pas ce qu'ils font – c'est en fait un signe de sagesse !
+Bon, laissez-moi partager un petit secret qui va vous faire vous sentir beaucoup mieux d’être débutant : même les développeurs les plus expérimentés passent une énorme partie de leur temps à lire la documentation. Et ce n’est pas parce qu’ils ne savent pas ce qu’ils font – c’est en fait un signe de sagesse !
 
-Considérez la documentation comme ayant accès aux enseignants les plus patients et les plus compétents du monde, disponibles 24h/24 et 7j/7. Bloqué sur un problème à 2h du matin ? La documentation est là avec un câlin virtuel chaleureux et exactement la réponse dont vous avez besoin. Vous voulez apprendre une nouvelle fonctionnalité dont tout le monde parle ? La documentation est là avec des exemples pas à pas. Vous essayez de comprendre pourquoi quelque chose fonctionne ainsi ? Vous l'avez deviné – la documentation est prête à vous l'expliquer d'une manière qui finit par vous éclairer !
+Considérez la documentation comme un accès aux enseignants les plus patients et compétents du monde, disponibles 24h/24 et 7j/7. Bloqué sur un problème à 2 h du matin ? La documentation est là avec un câlin virtuel chaleureux et exactement la réponse dont vous avez besoin. Vous voulez apprendre une nouvelle fonctionnalité dont tout le monde parle ? La documentation vous soutient avec des exemples étape par étape. Vous essayez de comprendre pourquoi quelque chose fonctionne comme ça ? Vous l’avez deviné – la documentation est prête à l’expliquer d’une manière qui vous fera tout saisir enfin !
 
-Voici quelque chose qui a complètement changé ma perspective : le monde du développement web évolue incroyablement vite, et personne (je dis bien personne !) ne mémorise tout. J'ai vu des développeurs seniors avec plus de 15 ans d'expérience chercher la syntaxe de base, et vous savez quoi ? Ce n'est pas embarrassant – c'est intelligent ! Ce n'est pas une question d'avoir une mémoire parfaite ; c'est savoir où trouver rapidement des réponses fiables et comprendre comment les appliquer.
+Voici quelque chose qui a complètement changé ma perspective : le monde du développement web évolue incroyablement vite, et personne (je veux dire absolument personne !) ne retient tout par cœur. J’ai vu des développeurs seniors avec plus de 15 ans d’expérience consulter la syntaxe basique, et vous savez quoi ? Ce n’est pas embarrassant – c’est intelligent ! Ce n’est pas une question de mémoire parfaite ; c’est une question de savoir où trouver vite des réponses fiables et comment les appliquer.
 
-**C'est là que la vraie magie opère :**
+**Voici où la vraie magie opère :**
 
-Les développeurs professionnels passent une grande partie de leur temps à lire la documentation – pas parce qu'ils ne savent pas ce qu'ils font, mais parce que le paysage du développement web évolue si rapidement que rester à jour nécessite un apprentissage continu. Une bonne documentation vous aide à comprendre non seulement *comment* utiliser quelque chose, mais *pourquoi* et *quand* l'utiliser.
+Les développeurs professionnels passent une grande partie de leur temps à lire la documentation – pas parce qu’ils ne savent pas, mais parce que le paysage du développement web évolue si rapidement qu’il faut apprendre en continu pour rester à jour. Une bonne documentation vous aide à comprendre non seulement *comment* utiliser quelque chose, mais *pourquoi* et *quand* l’utiliser.
 
-#### Ressources de documentation essentielles
+#### Ressources essentielles de documentation
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- La référence d'or pour la documentation des technologies web
-- Guides complets pour HTML, CSS, et JavaScript
-- Informations sur la compatibilité des navigateurs
-- Exemples pratiques et démos interactives
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
+- La référence ultime pour la documentation des technologies web  
+- Guides complets pour HTML, CSS et JavaScript  
+- Informations sur la compatibilité des navigateurs  
+- Exemples pratiques et démos interactives  
 
-**[Web.dev](https://web.dev)** (par Google)
-- Meilleures pratiques modernes du développement web
-- Guides d’optimisation des performances
-- Principes d’accessibilité et de design inclusif
-- Études de cas issues de projets réels
+**[Web.dev](https://web.dev)** (par Google)  
+- Bonnes pratiques modernes du développement web  
+- Guides d’optimisation des performances  
+- Principes d’accessibilité et de design inclusif  
+- Études de cas issues de projets réels  
 
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Ressources pour le développement avec le navigateur Edge
-- Guides pour les Progressive Web Apps
-- Perspectives sur le développement multiplateforme
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
+- Ressources pour le développement sur navigateur Edge  
+- Guides sur les Progressive Web Apps  
+- Perspectives pour le développement multiplateforme  
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Programmes d’apprentissage structurés
-- Cours vidéo par des experts du secteur
-- Exercices pratiques de codage
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- Programmes d’apprentissage structurés  
+- Cours vidéo par des experts du métier  
+- Exercices pratiques de codage  
 
-> 📚 **Stratégie d’étude** : Ne tentez pas de mémoriser la documentation – apprenez plutôt à la parcourir efficacement. Mettez en favoris les références utilisées fréquemment et exercez-vous à utiliser les fonctions de recherche pour trouver rapidement des informations spécifiques.
+> 📚 **Stratégie d’étude** : Ne tentez pas de mémoriser la documentation – apprenez plutôt à la naviguer efficacement. Mettez en favori vos références les plus utilisées et entraînez-vous à utiliser les fonctions de recherche pour trouver rapidement des informations spécifiques.
 
-### 🔧 **Maîtrise des outils : Qu'est-ce qui vous parle le plus ?**
+### 🔧 **Maîtrise des outils : Qu’est-ce qui vous parle le plus ?**
 
-**Prenez un moment pour réfléchir :**
-- Quel outil avez-vous le plus hâte d'essayer en premier ? (Il n'y a pas de mauvaise réponse !)
-- La ligne de commande vous semble-t-elle toujours intimidante, ou êtes-vous curieux d’en découvrir plus ?
-- Pouvez-vous imaginer utiliser les DevTools du navigateur pour jeter un coup d’œil dans les coulisses de vos sites préférés ?
+**Prenez un moment pour réfléchir :**  
+- Quel outil avez-vous le plus hâte d’essayer en premier ? (Il n’y a pas de mauvaise réponse !)  
+- La ligne de commande vous semble-t-elle toujours intimidante ou êtes-vous curieux d’essayer ?  
+- Pouvez-vous imaginer utiliser les DevTools du navigateur pour jeter un coup d’œil derrière le rideau de vos sites web favoris ?
 
 ```mermaid
-pie title "Temps de Développeur Passé Avec les Outils"
-    "Éditeur de Code" : 40
-    "Test Navigateur" : 25
-    "Ligne de Commande" : 15
-    "Lecture Docs" : 15
+pie title "Temps de développement passé avec les outils"
+    "Éditeur de code" : 40
+    "Test dans le navigateur" : 25
+    "Ligne de commande" : 15
+    "Lecture de la documentation" : 15
     "Débogage" : 5
-```
-> **Petit fait amusant** : La plupart des développeurs passent environ 40 % de leur temps dans leur éditeur de code, mais remarquez combien de temps va aux tests, à l’apprentissage et à la résolution de problèmes. La programmation ne consiste pas seulement à écrire du code – c’est créer des expériences !
+```  
+> **Petite révélation sympa** : La plupart des développeurs passent environ 40 % de leur temps dans leur éditeur de code, mais regardez combien de temps est consacré aux tests, à l’apprentissage et à la résolution de problèmes. Programmer, ce n’est pas qu’écrire du code – c’est créer des expériences !
 
-✅ **Sujet de réflexion** : Voici une question intéressante – comment pensez-vous que les outils pour construire des sites web (développement) peuvent différer des outils pour concevoir leur apparence (design) ? C’est comme la différence entre un architecte qui dessine une belle maison et l’entrepreneur qui la construit réellement. Les deux sont cruciaux, mais ils demandent des boîtes à outils différentes ! Ce genre de réflexion vous aidera vraiment à voir la vue d’ensemble de la manière dont les sites web prennent vie.
+✅ **Réflexion** : Voici une chose intéressante à méditer – comment pensez-vous que les outils pour construire des sites (développement) diffèrent des outils pour en dessiner l’apparence (design) ? C’est comme la différence entre un architecte qui dessine une belle maison et l’entrepreneur qui la construit réellement. Les deux sont cruciaux, mais ils ont besoin de boîtes à outils différentes ! Ce genre de réflexion vous aidera vraiment à voir la vision d’ensemble de la création d’un site.
 
 ## Défi Agent GitHub Copilot 🚀
 
-Utilisez le mode Agent pour réaliser le défi suivant :
+Utilisez le mode Agent pour relever le défi suivant :
 
-**Description :** Explorez les fonctionnalités d’un éditeur de code ou IDE moderne et montrez comment il peut améliorer votre workflow en tant que développeur web.
+**Description :** Explorez les fonctionnalités d’un éditeur de code moderne ou d’un IDE et montrez comment il peut améliorer votre flux de travail en tant que développeur web.
 
-**Consigne :** Choisissez un éditeur de code ou IDE (comme Visual Studio Code, WebStorm, ou un IDE basé sur le cloud). Listez trois fonctionnalités ou extensions qui vous aident à écrire, déboguer ou maintenir le code plus efficacement. Pour chacune, fournissez une brève explication de la manière dont elle bénéficie à votre workflow.
+**Consigne :** Choisissez un éditeur de code ou IDE (comme Visual Studio Code, WebStorm ou un IDE cloud). Listez trois fonctionnalités ou extensions qui vous aident à écrire, déboguer ou maintenir le code plus efficacement. Pour chacune, donnez une brève explication de ses bénéfices pour votre flux de travail.
 
 ---
 
 ## 🚀 Défi
 
-**Alors, détective, prêt pour votre première enquête ?**
+**Alors détective, prêt pour votre premier dossier ?**
 
-Maintenant que vous avez cette base géniale, j'ai une aventure qui va vous aider à voir à quel point le monde de la programmation est incroyablement diversifié et fascinant. Et écoutez – il ne s'agit pas encore d'écrire du code, donc pas de pression ! Considérez-vous comme un détective en langues de programmation sur votre toute première affaire excitante !
+Maintenant que vous avez cette superbe base, j’ai une aventure qui va vous aider à voir à quel point le monde de la programmation est incroyablement divers et fascinant. Et écoutez – il ne s’agit pas encore de coder, donc pas de pression ! Considérez-vous comme un détective des langages de programmation sur votre tout premier affaire excitante !
 
-**Votre mission, si vous l'acceptez :**
-1. **Devenez explorateur de langages** : Choisissez trois langages de programmation issus d’univers complètement différents – peut-être un qui construit des sites web, un qui crée des applications mobiles, et un qui traite des données scientifiques. Trouvez des exemples de la même tâche simple écrite dans chaque langage. Je vous promets que vous serez absolument émerveillé de voir à quel point ils peuvent sembler différents tout en faisant exactement la même chose !
+**Votre mission, si vous l’acceptez :**  
+1. **Devenez explorateur de langages** : Choisissez trois langages de programmation issus d’univers totalement différents – peut-être un qui construit des sites web, un qui crée des applis mobiles, et un qui traite les données pour les scientifiques. Trouvez des exemples d’une même tâche simple écrite dans chaque langage. Je vous promets que vous serez absolument émerveillé de voir à quel point ils peuvent différer tout en faisant exactement la même chose !
 
-2. **Découvrez leur histoire d’origine** : Qu’est-ce qui rend chaque langage spécial ? Voici un fait sympa – chaque langage de programmation a été créé parce que quelqu'un a pensé : « Vous savez quoi ? Il doit y avoir une meilleure façon de résoudre ce problème précis. » Pouvez-vous deviner quels étaient ces problèmes ? Certaines de ces histoires sont vraiment fascinantes !
+2. **Découvrez leurs histoires d’origine** : Qu’est-ce qui rend chaque langage spécial ? Voici un fait intéressant – chaque langage de programmation a été créé parce que quelqu’un a pensé : « Tu sais quoi ? Il doit y avoir une meilleure façon de résoudre ce problème précis. » Pouvez-vous deviner quels étaient ces problèmes ? Certaines histoires sont vraiment fascinantes !
 
-3. **Rencontrez les communautés** : Découvrez à quel point la communauté de chaque langage est accueillante et passionnée. Certaines comptent des millions de développeurs qui partagent leurs connaissances et s’entraident, d’autres sont plus petites mais incroyablement soudées et solidaires. Vous allez adorer voir les différentes personnalités de ces communautés !
+3. **Rencontrez les communautés** : Regardez à quel point les communautés de chaque langage sont accueillantes et passionnées. Certaines comptent des millions de développeurs partageant leurs connaissances et s’aidant mutuellement, d’autres sont plus petites mais incroyablement soudées et solidaires. Vous allez adorer voir les différentes personnalités de ces communautés !
 
-4. **Suivez votre intuition** : Quel langage vous paraît le plus accessible pour le moment ? Ne stressez pas pour faire le « choix parfait » – écoutez juste votre instinct ! Il n’y a honnêtement pas de mauvaise réponse ici, et vous pourrez toujours explorer d’autres langages plus tard.
+4. **Suivez votre instinct** : Quel langage vous semble le plus accessible pour l’instant ? Ne stressez pas pour faire le « choix parfait » – écoutez juste vos intuitions ! Honnêtement, il n’y a pas de mauvaise réponse, et vous pouvez toujours explorer les autres plus tard.
 
-**Petit travail de détective supplémentaire** : Essayez de découvrir quels grands sites web ou applications majeures sont construits avec chaque langage. Je vous garantis que vous serez surpris d’apprendre ce qui propulse Instagram, Netflix, ou ce jeu mobile auquel vous ne pouvez pas arrêter de jouer !
+**Bonus détective** : Essayez de découvrir quels grands sites ou applis sont construits avec chaque langage. Je vous garantis que vous serez choqué d’apprendre ce qui fait tourner Instagram, Netflix ou ce jeu mobile dont vous ne pouvez plus vous passer !
 
-> 💡 **Rappelez-vous** : Vous ne cherchez pas à devenir expert dans ces langages aujourd'hui. Vous apprenez simplement à connaître le quartier avant de décider où vous voulez vous installer. Prenez votre temps, amusez-vous, et laissez votre curiosité vous guider !
+> 💡 **N’oubliez pas** : Vous n’essayez pas de devenir expert en ces langages aujourd’hui. Vous faites juste connaissance avec le quartier avant de décider où vous voulez vous installer. Prenez votre temps, amusez-vous, et laissez votre curiosité vous guider !
 
 ## Célébrons ce que vous avez découvert !
 
-Oh là là, vous avez absorbé tellement d'informations incroyables aujourd'hui ! Je suis sincèrement enthousiaste à l'idée de voir combien de cette formidable aventure vous a marqué. Et rappelez-vous – ce n’est pas un test où il faut tout réussir parfaitement. C’est plus une célébration de toutes les super choses que vous avez apprises sur ce monde fascinant dans lequel vous vous apprêtez à plonger !
+Incroyable, vous avez absorbé tellement d’informations géniales aujourd’hui ! Je suis vraiment impatient de voir combien de ce magnifique voyage vous avez retenu. Et souvenez-vous – ce n’est pas un test où vous devez être parfait. C’est plutôt une célébration de toutes les choses cool que vous avez apprises sur cet univers fascinant dans lequel vous êtes sur le point de plonger !
 
-[Passer le quiz post-leçon](https://ff-quizzes.netlify.app/web/)
-## Révision & Auto-apprentissage
+[Participer au quiz post-lesson](https://ff-quizzes.netlify.app/web/)
 
-**Prenez votre temps pour explorer et vous amuser !**
+## Révision & auto-apprentissage
 
-Vous avez couvert beaucoup de choses aujourd'hui, et c'est quelque chose dont vous pouvez être fier ! Maintenant vient la partie amusante – explorer les sujets qui ont éveillé votre curiosité. Rappelez-vous, ce n'est pas des devoirs – c'est une aventure !
+**Prenez votre temps pour explorer et amusez-vous !**
+Vous avez couvert beaucoup de terrain aujourd'hui, et c'est quelque chose dont vous pouvez être fier ! Maintenant arrive la partie amusante – explorer les sujets qui ont suscité votre curiosité. Souvenez-vous, ce n'est pas un devoir – c'est une aventure !
 
 **Approfondissez ce qui vous passionne :**
 
 **Mettez-vous en pratique avec des langages de programmation :**
 - Visitez les sites officiels de 2-3 langages qui ont attiré votre attention. Chacun a sa propre personnalité et son histoire !
-- Essayez des environnements de codage en ligne comme [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ou [Replit](https://replit.com/). N'ayez pas peur d'expérimenter – vous ne pouvez rien casser !
+- Essayez des terrains de jeu de codage en ligne comme [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ou [Replit](https://replit.com/). N'ayez pas peur d'expérimenter – vous ne pouvez rien casser !
 - Lisez comment votre langage préféré est né. Sérieusement, certaines de ces histoires d'origine sont fascinantes et vous aideront à comprendre pourquoi les langages fonctionnent comme ils le font.
 
-**Familiarisez-vous avec vos nouveaux outils :**
-- Téléchargez Visual Studio Code si ce n'est pas déjà fait – c'est gratuit et vous allez adorer !
-- Passez quelques minutes à parcourir le marketplace des Extensions. C'est comme une boutique d'applications pour votre éditeur de code !
-- Ouvrez les outils de développement de votre navigateur et cliquez un peu partout. Ne vous inquiétez pas de tout comprendre – habituez-vous simplement à ce qui est disponible.
+**Prenez en main vos nouveaux outils :**
+- Téléchargez Visual Studio Code si ce n'est pas déjà fait – c'est gratuit et vous allez l'adorer !
+- Passez quelques minutes à parcourir le marketplace des Extensions. C'est comme un magasin d'applications pour votre éditeur de code !
+- Ouvrez les outils de développement de votre navigateur et cliquez un peu partout. Ne vous inquiétez pas de tout comprendre – familiarisez-vous simplement avec ce qui est là.
 
 **Rejoignez la communauté :**
-- Suivez quelques communautés de développeurs sur [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ou [GitHub](https://github.com/). La communauté des programmeurs est incroyablement accueillante pour les débutants !
-- Regardez des vidéos de codage pour débutants sur YouTube. Il y a plein de créateurs formidables qui se souviennent de ce que c'est que de débuter.
+- Suivez quelques communautés de développeurs sur [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ou [GitHub](https://github.com/). La communauté de programmation est incroyablement accueillante pour les débutants !
+- Regardez des vidéos de codage adaptées aux débutants sur YouTube. Il y a tellement de créateurs formidables qui se souviennent de ce que c'est que de commencer.
 - Envisagez de rejoindre des meetups locaux ou des communautés en ligne. Croyez-moi, les développeurs adorent aider les nouveaux venus !
 
-> 🎯 **Écoutez, voici ce que je veux que vous reteniez** : On ne s'attend pas à ce que vous deveniez un magicien du code du jour au lendemain ! Pour l'instant, vous découvrez juste ce monde incroyable dont vous allez faire partie. Prenez votre temps, profitez du voyage, et souvenez-vous – chaque développeur que vous admirez était assis exactement là où vous êtes maintenant, excité et peut-être un peu dépassé. C'est tout à fait normal, et cela signifie que vous êtes sur la bonne voie !
+> 🎯 **Écoutez, voici ce que je veux que vous reteniez** : On ne s'attend pas à ce que vous deveniez un expert en codage du jour au lendemain ! Pour l'instant, vous êtes juste en train de découvrir ce nouveau monde incroyable dont vous allez faire partie. Prenez votre temps, profitez du voyage, et souvenez-vous – chaque développeur que vous admirez a été un jour assis exactement là où vous êtes en ce moment, excité et peut-être un peu dépassé. C'est tout à fait normal, et ça veut dire que vous êtes sur la bonne voie !
+
+
 
-## Travail à faire
+## Devoir
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Un petit coup de pouce pour votre travail** : J'adorerais vraiment vous voir explorer des outils que nous n'avons pas encore abordés ! Évitez les éditeurs, navigateurs et outils en ligne de commande dont nous avons déjà parlé – il existe tout un univers incroyable d'outils de développement géniaux qui n’attendent que d’être découverts. Cherchez ceux qui sont activement maintenus et ont des communautés dynamiques et aidantes (ceux-ci ont tendance à proposer les meilleurs tutoriels et les personnes les plus bienveillantes lorsque vous serez bloqué et aurez besoin d'un coup de main amical).
+> 💡 **Un petit coup de pouce pour votre devoir** : J'adorerais vous voir explorer des outils que nous n'avons pas encore abordés ! Évitez les éditeurs, navigateurs, et outils en ligne de commande dont nous avons déjà parlé – il existe tout un univers incroyable d'outils de développement extraordinaires qui n'attendent qu'à être découverts. Cherchez ceux qui sont activement maintenus et qui ont des communautés dynamiques et aidantes (ceux-là ont tendance à proposer les meilleurs tutoriels et les personnes les plus solidaires quand vous bloquez et avez besoin d'un coup de main amical).
 
 ---
 
-## 🚀 Votre calendrier de parcours en programmation
+## 🚀 Votre chronologie de parcours de programmation
 
 ### ⚡ **Ce que vous pouvez faire dans les 5 prochaines minutes**
-- [ ] Mettre en favoris les sites web de 2-3 langages de programmation qui ont attiré votre attention
+- [ ] Mettre en favoris 2-3 sites web de langages de programmation qui ont attiré votre attention
 - [ ] Télécharger Visual Studio Code si ce n'est pas déjà fait
-- [ ] Ouvrir les DevTools de votre navigateur (F12) et cliquer un peu partout sur n'importe quel site web
+- [ ] Ouvrir les DevTools de votre navigateur (F12) et cliquer un peu partout sur un site web
 - [ ] Rejoindre une communauté de programmation (Dev.to, Reddit r/webdev, ou Stack Overflow)
 
-### ⏰ **Ce que vous pouvez accomplir pendant cette heure**
+### ⏰ **Ce que vous pouvez accomplir cette heure**
 - [ ] Compléter le quiz post-leçon et réfléchir à vos réponses
-- [ ] Configurer VS Code avec l’extension GitHub Copilot
+- [ ] Configurer VS Code avec l'extension GitHub Copilot
 - [ ] Essayer un exemple "Hello World" dans 2 langages de programmation différents en ligne
-- [ ] Regarder une vidéo « Une journée dans la vie d’un développeur » sur YouTube
-- [ ] Commencer votre enquête sur les langages de programmation (depuis le défi)
-
-### 📅 **Votre aventure sur une semaine**
-- [ ] Terminer le travail à faire et explorer 3 nouveaux outils de développement
-- [ ] Suivre 5 développeurs ou comptes de programmation sur les réseaux sociaux
-- [ ] Essayer de créer quelque chose de petit sur CodePen ou Replit (même juste "Bonjour, [Votre Nom] !")
-- [ ] Lire un billet de blog d’un développeur à propos de son parcours en programmation
+- [ ] Regarder une vidéo "Un jour dans la vie d’un développeur" sur YouTube
+- [ ] Commencer vos recherches sur les langages de programmation (depuis le challenge)
+
+### 📅 **Votre aventure d'une semaine**
+- [ ] Réaliser le devoir et explorer 3 nouveaux outils de développement
+- [ ] Suivre 5 développeurs ou comptes liés à la programmation sur les réseaux sociaux
+- [ ] Essayer de construire quelque chose de petit dans CodePen ou Replit (même juste "Hello, [Votre Nom] !")
+- [ ] Lire un billet de blog d’un développeur sur son parcours de codage
 - [ ] Participer à un meetup virtuel ou regarder une conférence sur la programmation
-- [ ] Commencer à apprendre le langage choisi via des tutoriels en ligne
+- [ ] Commencer à apprendre votre langage choisi avec des tutoriels en ligne
 
-### 🗓️ **Votre transformation sur un mois**
-- [ ] Construire votre premier petit projet (même une page web simple compte !)
-- [ ] Contribuer à un projet open-source (commencez par des corrections de documentation)
-- [ ] Encadrer quelqu’un qui débute dans la programmation
+### 🗓️ **Votre transformation d'un mois**
+- [ ] Construire votre premier petit projet (même une simple page web compte !)
+- [ ] Contribuer à un projet open source (commencez par des corrections de documentation)
+- [ ] Mentorer quelqu’un qui débute en programmation
 - [ ] Créer votre site portfolio de développeur
 - [ ] Vous connecter avec des communautés locales de développeurs ou des groupes d’étude
-- [ ] Commencer à planifier votre prochain objectif d’apprentissage
+- [ ] Commencer à planifier votre prochaine étape d’apprentissage
 
 ### 🎯 **Bilan final**
 
 **Avant de continuer, prenez un moment pour célébrer :**
-- Qu’est-ce qui vous a le plus enthousiasmé à propos de la programmation aujourd’hui ?
-- Quel outil ou concept souhaitez-vous explorer en premier ?
-- Comment vous sentez-vous à l’idée de commencer ce voyage de programmation ?
+- Quelle est la chose qui vous a le plus enthousiasmé aujourd'hui dans la programmation ?
+- Quel outil ou concept voulez-vous explorer en premier ?
+- Comment vous sentez-vous à l'idée de commencer ce parcours de programmation ?
 - Quelle est la question que vous aimeriez poser à un développeur en ce moment ?
 
 ```mermaid
 journey
-    title Votre Parcours de Renforcement de Confiance
+    title Votre parcours de renforcement de la confiance
     section Aujourd'hui
-      Curieux: 3: You
-      Débordé: 4: You
-      Excité: 5: You
-    section Cette Semaine
-      Exploration: 4: You
-      Apprentissage: 5: You
-      Connexion: 4: You
-    section Le Mois Prochain
-      Construction: 5: You
-      Confiant: 5: You
-      Aider les Autres: 5: You
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
+    section Cette semaine
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
+    section Le mois prochain
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
 ```
-> 🌟 **Rappelez-vous** : Tout expert a d'abord été un débutant. Tout développeur senior s'est déjà senti exactement comme vous vous sentez en ce moment – enthousiaste, peut-être un peu dépassé, et certainement curieux de ce qui est possible. Vous êtes en excellente compagnie, et ce voyage va être incroyable. Bienvenue dans le merveilleux monde de la programmation ! 🎉
+> 🌟 **N'oubliez pas** : Tout expert a été un débutant. Tout développeur senior s’est déjà senti exactement comme vous vous sentez maintenant – enthousiaste, peut-être un peu dépassé, et définitivement curieux de découvrir ce qui est possible. Vous êtes en excellente compagnie, et ce voyage va être incroyable. Bienvenue dans le merveilleux monde de la programmation ! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Avertissement** :  
-Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent comporter des erreurs ou des inexactitudes. Le document original dans sa langue native doit être considéré comme la source faisant foi. Pour des informations cruciales, il est recommandé de faire appel à une traduction professionnelle humaine. Nous déclinons toute responsabilité en cas de malentendus ou de mauvaises interprétations résultant de l’utilisation de cette traduction.
+Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour toute information critique, une traduction professionnelle humaine est recommandée. Nous ne saurions être tenus responsables de tout malentendu ou mauvaise interprétation résultant de l’utilisation de cette traduction.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fr/AGENTS.md b/translations/fr/AGENTS.md
index b38de708a..538cc8c19 100644
--- a/translations/fr/AGENTS.md
+++ b/translations/fr/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## Aperçu du projet
 
-Il s'agit d'un référentiel de programme éducatif pour enseigner les bases du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML.
+Il s'agit d'un référentiel de programme éducatif pour enseigner les fondamentaux du développement web aux débutants. Le programme est un cours complet de 12 semaines développé par Microsoft Cloud Advocates, comprenant 24 leçons pratiques couvrant JavaScript, CSS et HTML.
 
 ### Composants clés
 
 - **Contenu éducatif** : 24 leçons structurées organisées en modules basés sur des projets
-- **Projets pratiques** : Terrarium, Jeu de frappe, Extension de navigateur, Jeu spatial, Application bancaire, Éditeur de code et Assistant de chat AI
-- **Quiz interactifs** : 48 quiz avec 3 questions chacun (évaluations pré/post-leçon)
-- **Support multilingue** : Traductions automatiques en 50+ langues via GitHub Actions
-- **Technologies** : HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pour les projets AI)
+- **Projets pratiques** : Terrarium, Jeu de dactylographie, Extension de navigateur, Jeu spatial, Application bancaire, Éditeur de code et Assistant de chat IA
+- **Quiz interactifs** : 48 quiz avec 3 questions chacun (évaluations avant/après leçon)
+- **Support multilingue** : Traductions automatisées pour plus de 50 langues via GitHub Actions
+- **Technologies** : HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pour les projets IA)
 
 ### Architecture
 
-- Référentiel éducatif structuré par leçons
+- Référentiel éducatif structuré par leçon
 - Chaque dossier de leçon contient README, exemples de code et solutions
-- Projets autonomes dans des répertoires distincts (quiz-app, divers projets de leçons)
+- Projets autonomes dans des répertoires séparés (quiz-app, divers projets de leçons)
 - Système de traduction utilisant GitHub Actions (co-op-translator)
 - Documentation servie via Docsify et disponible en PDF
 
 ## Commandes d'installation
 
-Ce référentiel est principalement destiné à la consommation de contenu éducatif. Pour travailler avec des projets spécifiques :
+Ce référentiel est principalement destiné à la consommation de contenu éducatif. Pour travailler sur des projets spécifiques :
 
-### Installation principale du référentiel
+### Installation du référentiel principal
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Installation de l'app Quiz (Vue 3 + Vite)
+### Installation de l'application Quiz (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Démarrer le serveur de développement
-npm run build      # Construire pour la production
+npm run build      # Compiler pour la production
 npm run lint       # Exécuter ESLint
 ```
 
@@ -51,12 +51,12 @@ npm run lint       # Exécuter ESLint
 npm run format     # Formater avec Prettier
 ```
 
-### Projets d’extension de navigateur
+### Projets d'extension de navigateur
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Suivre les instructions spécifiques au navigateur pour le chargement des extensions
+# Suivez les instructions spécifiques au navigateur pour le chargement de l'extension
 ```
 
 ### Projets de jeu spatial
@@ -76,45 +76,45 @@ pip install openai
 python api.py
 ```
 
-## Workflow de développement
+## Flux de développement
 
 ### Pour les contributeurs de contenu
 
-1. **Forkez le référentiel** dans votre compte GitHub
+1. **Forkez le référentiel** sur votre compte GitHub
 2. **Clonez votre fork** localement
 3. **Créez une nouvelle branche** pour vos modifications
 4. Modifiez le contenu des leçons ou les exemples de code
-5. Testez toute modification de code dans les répertoires des projets concernés
+5. Testez les modifications de code dans les répertoires de projets concernés
 6. Soumettez des pull requests en suivant les directives de contribution
 
 ### Pour les apprenants
 
 1. Forkez ou clonez le référentiel
-2. Naviguez séquentiellement dans les dossiers de leçons
+2. Naviguez dans les répertoires des leçons dans l’ordre
 3. Lisez les fichiers README de chaque leçon
-4. Complétez les quiz pré-leçon sur https://ff-quizzes.netlify.app/web/
+4. Complétez les quiz pré-lesson sur https://ff-quizzes.netlify.app/web/
 5. Travaillez sur les exemples de code dans les dossiers des leçons
-6. Complétez les devoirs et défis
-7. Passez les quiz post-leçon
+6. Terminez les devoirs et les défis
+7. Passez les quiz post-lesson
 
 ### Développement en direct
 
-- **Documentation** : Lancez `docsify serve` à la racine (port 3000)
-- **Quiz App** : Lancez `npm run dev` dans le répertoire quiz-app
+- **Documentation** : Exécutez `docsify serve` à la racine (port 3000)
+- **Application Quiz** : Exécutez `npm run dev` dans le répertoire quiz-app
 - **Projets** : Utilisez l’extension Live Server de VS Code pour les projets HTML
-- **Projets API** : Lancez `npm start` dans les répertoires API concernés
+- **Projets API** : Exécutez `npm start` dans les répertoires API respectifs
 
 ## Instructions de test
 
-### Tests de l'app Quiz
+### Test de l'application Quiz
 
 ```bash
 cd quiz-app
 npm run lint       # Vérifier les problèmes de style de code
-npm run build      # Vérifier que la compilation réussit
+npm run build      # Vérifier la réussite de la compilation
 ```
 
-### Tests de l'API bancaire
+### Test de l'API bancaire
 
 ```bash
 cd 7-bank-project/api
@@ -122,49 +122,49 @@ npm run lint       # Vérifier les problèmes de style de code
 node server.js     # Vérifier que le serveur démarre sans erreurs
 ```
 
-### Approche générale de test
+### Approche générale des tests
 
 - Il s'agit d'un référentiel éducatif sans tests automatisés complets
 - Les tests manuels se concentrent sur :
-  - L'exécution sans erreur des exemples de code
-  - Le bon fonctionnement des liens dans la documentation
-  - La réussite des compilations des projets
-  - La conformité des exemples aux bonnes pratiques
+  - Exécution des exemples de code sans erreurs
+  - Fonctionnement correct des liens dans la documentation
+  - Bon déroulement des builds des projets
+  - Respect des bonnes pratiques dans les exemples
 
 ### Vérifications avant soumission
 
-- Lancez `npm run lint` dans les répertoires contenant un package.json
-- Vérifiez que les liens markdown sont valides
-- Testez les exemples de code dans un navigateur ou Node.js
-- Assurez-vous que les traductions maintiennent la structure correcte
+- Exécutez `npm run lint` dans les dossiers contenant package.json
+- Vérifiez la validité des liens markdown
+- Testez les exemples de code dans le navigateur ou Node.js
+- Vérifiez que les traductions conservent la structure correcte
 
-## Guide de style de code
+## Directives de style de code
 
 ### JavaScript
 
 - Utilisez la syntaxe moderne ES6+
-- Suivez les configurations ESLint standard fournies dans les projets
+- Respectez les configurations ESLint standard fournies dans les projets
 - Utilisez des noms de variables et fonctions significatifs pour la clarté pédagogique
 - Ajoutez des commentaires expliquant les concepts pour les apprenants
-- Formatez avec Prettier lorsque configuré
+- Formatez avec Prettier là où configuré
 
 ### HTML/CSS
 
 - Éléments HTML5 sémantiques
 - Principes de design responsive
-- Conventions claires de nommage de classes
+- Conventions claires de nommage des classes
 - Commentaires expliquant les techniques CSS pour les apprenants
 
 ### Python
 
-- Directives de style PEP 8
-- Exemples de code clairs et éducatifs
-- Indications de type utiles à l’apprentissage
+- Respect des directives de style PEP 8
+- Exemples de code clairs et pédagogiques
+- Indications de types lorsque cela aide à l’apprentissage
 
 ### Documentation Markdown
 
 - Hiérarchie claire des titres
-- Blocs de code avec spécification de langage
+- Blocs de code avec spécification du langage
 - Liens vers des ressources supplémentaires
 - Captures d’écran et images dans les dossiers `images/`
 - Texte alternatif pour les images pour l’accessibilité
@@ -172,15 +172,15 @@ node server.js     # Vérifier que le serveur démarre sans erreurs
 ### Organisation des fichiers
 
 - Leçons numérotées séquentiellement (1-getting-started-lessons, 2-js-basics, etc.)
-- Chaque projet possède les dossiers `solution/` et souvent `start/` ou `your-work/`
-- Images stockées dans les dossiers `images/` spécifiques à chaque leçon
-- Traductions dans la structure `translations/{language-code}/`
+- Chaque projet dispose de répertoires `solution/` et souvent `start/` ou `your-work/`
+- Images stockées dans des dossiers `images/` spécifiques à chaque leçon
+- Traductions dans la structure `translations/{code-langue}/`
 
 ## Compilation et déploiement
 
-### Déploiement de l'app Quiz (Azure Static Web Apps)
+### Déploiement de l'application Quiz (Azure Static Web Apps)
 
-L'application quiz-app est configurée pour le déploiement sur Azure Static Web Apps :
+L’application quiz-app est configurée pour le déploiement Azure Static Web Apps :
 
 ```bash
 cd quiz-app
@@ -189,11 +189,11 @@ npm run build      # Crée le dossier dist/
 ```
 
 Configuration Azure Static Web Apps :
-- **Emplacement de l’app** : `/quiz-app`
+- **Emplacement de l’application** : `/quiz-app`
 - **Emplacement de sortie** : `dist`
 - **Workflow** : `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Génération de PDF de la documentation
+### Génération PDF de la documentation
 
 ```bash
 npm install                    # Installer docsify-to-pdf
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Installer Docsify globalement
 docsify serve                 # Servir sur localhost:3000
 ```
 
-### Compilations spécifiques aux projets
+### Builds spécifiques aux projets
 
-Chaque répertoire de projet peut avoir son propre processus de build :
-- Projets Vue : `npm run build` crée les bundles de production
-- Projets statiques : Pas d'étape de build, fichiers servis directement
+Chaque répertoire de projet peut avoir un processus de build propre :
+- Projets Vue : `npm run build` crée des bundles de production
+- Projets statiques : Pas d’étape de build, fichiers servis directement
 
-## Directives pour les pull requests
+## Directives pour les Pull Requests
 
 ### Format des titres
 
-Utilisez des titres clairs et descriptifs indiquant le domaine de changement :
+Utilisez des titres clairs et descriptifs indiquant la zone de changement :
 - `[Quiz-app] Ajouter un nouveau quiz pour la leçon X`
-- `[Lesson-3] Correction de faute dans le projet terrarium`
+- `[Lesson-3] Corriger une faute de frappe dans le projet terrarium`
 - `[Translation] Ajouter la traduction espagnole pour la leçon 5`
-- `[Docs] Mise à jour des instructions d’installation`
+- `[Docs] Mettre à jour les instructions d’installation`
 
-### Contrôles requis
+### Vérifications requises
 
 Avant de soumettre une PR :
 
 1. **Qualité du code** :
-   - Lancez `npm run lint` dans les répertoires de projets concernés
+   - Exécutez `npm run lint` dans les répertoires de projets concernés
    - Corrigez toutes les erreurs et avertissements de lint
 
 2. **Vérification du build** :
-   - Lancez `npm run build` si applicable
-   - Assurez-vous qu’aucune erreur de build n’apparaît
+   - Exécutez `npm run build` si applicable
+   - Assurez-vous qu'aucune erreur de build ne survient
 
 3. **Validation des liens** :
    - Testez tous les liens markdown
    - Vérifiez que les références aux images fonctionnent
 
-4. **Revue du contenu** :
-   - Relisez pour orthographe et grammaire
+4. **Relecture du contenu** :
+   - Corrigez l’orthographe et la grammaire
    - Assurez-vous que les exemples de code sont corrects et pédagogiques
    - Vérifiez que les traductions conservent le sens original
 
 ### Exigences de contribution
 
-- Acceptation de la CLA Microsoft (vérification automatique lors de la première PR)
-- Respect du [Code de conduite open source Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Accepter le CLA Microsoft (vérification automatisée lors de la première PR)
+- Respecter le [Code de Conduite Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
 - Voir [CONTRIBUTING.md](./CONTRIBUTING.md) pour les directives détaillées
-- Mentionnez les numéros de tickets dans la description des PR si applicable
+- Référencer les numéros d’issues dans la description de la PR si applicable
 
 ### Processus de revue
 
 - PRs examinées par les mainteneurs et la communauté
-- Priorité à la clarté pédagogique
+- Priorité donnée à la clarté pédagogique
 - Les exemples de code doivent suivre les meilleures pratiques actuelles
-- Les traductions sont revues pour précision et adaptation culturelle
+- Les traductions sont vérifiées pour leur exactitude et pertinence culturelle
 
 ## Système de traduction
 
 ### Traduction automatisée
 
-- Utilise GitHub Actions avec workflow co-op-translator
-- Traduction automatique en 50+ langues
-- Fichiers sources dans les répertoires principaux
-- Fichiers traduits dans `translations/{language-code}/`
+- Utilise GitHub Actions avec le workflow co-op-translator
+- Traduction automatique vers plus de 50 langues
+- Fichiers source dans les répertoires principaux
+- Fichiers traduits dans `translations/{code-langue}/`
 
-### Ajout d’améliorations manuelles
+### Ajout d’améliorations manuelles de traduction
 
-1. Localisez le fichier dans `translations/{language-code}/`
-2. Apportez des améliorations en préservant la structure
+1. Localisez le fichier dans `translations/{code-langue}/`
+2. Apportez des améliorations tout en conservant la structure
 3. Assurez-vous que les exemples de code restent fonctionnels
 4. Testez tout contenu de quiz localisé
 
 ### Métadonnées de traduction
 
-Les fichiers traduits incluent un en-tête de métadonnées :
+Les fichiers traduits contiennent un en-tête de métadonnées :
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,29 +289,29 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Débogage et résolution de problèmes
+## Débogage et dépannage
 
 ### Problèmes courants
 
-**L'application quiz ne démarre pas** :
-- Vérifiez la version Node.js (v14+ recommandée)
-- Supprimez `node_modules` et `package-lock.json`, exécutez `npm install` à nouveau
+**L’application Quiz ne démarre pas** :
+- Vérifiez la version de Node.js (v14+ recommandé)
+- Supprimez `node_modules` et `package-lock.json`, lancez `npm install` de nouveau
 - Vérifiez les conflits de port (par défaut : Vite utilise le port 5173)
 
 **Le serveur API ne démarre pas** :
 - Vérifiez que la version de Node.js est suffisante (node >=10)
-- Contrôlez si le port est déjà utilisé
+- Vérifiez si le port est déjà utilisé
 - Assurez-vous que toutes les dépendances sont installées avec `npm install`
 
-**L’extension de navigateur ne charge pas** :
+**L’extension de navigateur ne se charge pas** :
 - Vérifiez que manifest.json est bien formaté
 - Contrôlez la console du navigateur pour les erreurs
-- Suivez les instructions spécifiques au navigateur pour l'installation des extensions
+- Suivez les instructions spécifiques au navigateur pour l’installation d’extensions
 
-**Problèmes du projet chat Python** :
+**Problèmes avec le projet de chat Python** :
 - Assurez-vous que le package OpenAI est installé : `pip install openai`
 - Vérifiez que la variable d’environnement GITHUB_TOKEN est définie
-- Contrôlez les permissions d’accès aux GitHub Models
+- Vérifiez les permissions d’accès aux modèles GitHub
 
 **Docsify ne sert pas la documentation** :
 - Installez docsify-cli globalement : `npm install -g docsify-cli`
@@ -322,13 +322,13 @@ CO_OP_TRANSLATOR_METADATA:
 
 - Utilisez VS Code avec l’extension Live Server pour les projets HTML
 - Installez les extensions ESLint et Prettier pour un formatage cohérent
-- Utilisez les DevTools du navigateur pour le débogage JavaScript
-- Pour les projets Vue, installez l’extension Vue DevTools dans le navigateur
+- Utilisez les outils de développement du navigateur pour déboguer JavaScript
+- Pour les projets Vue, installez l’extension Vue DevTools du navigateur
 
 ### Considérations de performance
 
-- Le grand nombre de fichiers traduits (50+ langues) rend les clones complets volumineux
-- Utilisez un clonage superficiel si vous ne travaillez que sur le contenu : `git clone --depth 1`
+- Le grand nombre de fichiers traduits (plus de 50 langues) fait que les clones complets sont volumineux
+- Utilisez un clone superficiel si vous travaillez uniquement sur le contenu : `git clone --depth 1`
 - Excluez les traductions des recherches lorsque vous travaillez sur le contenu anglais
 - Les processus de build peuvent être lents au premier lancement (npm install, build Vite)
 
@@ -336,21 +336,21 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Variables d’environnement
 
-- Les clés API ne doivent jamais être commitées dans le référentiel
-- Utilisez des fichiers `.env` (déjà dans `.gitignore`)
+- Les clés API ne doivent jamais être commises dans le référentiel
+- Utilisez les fichiers `.env` (déjà inclus dans `.gitignore`)
 - Documentez les variables d’environnement requises dans les README des projets
 
 ### Projets Python
 
 - Utilisez des environnements virtuels : `python -m venv venv`
-- Gardez les dépendances à jour
-- Les tokens GitHub doivent avoir les permissions minimales requises
+- Maintenez les dépendances à jour
+- Les tokens GitHub doivent avoir des permissions minimales requises
 
-### Accès aux GitHub Models
+### Accès aux modèles GitHub
 
-- Tokens d’accès personnel (PAT) requis pour GitHub Models
-- Les tokens doivent être stockés en variables d’environnement
-- Ne jamais commiter les tokens ou identifiants
+- Les jetons d’accès personnel (PAT) sont nécessaires pour les modèles GitHub
+- Les jetons doivent être stockés comme variables d’environnement
+- Ne jamais commettre de jetons ou de credentials
 
 ## Notes supplémentaires
 
@@ -358,12 +358,12 @@ CO_OP_TRANSLATOR_METADATA:
 
 - Débutants complets en développement web
 - Étudiants et autodidactes
-- Enseignants utilisant le programme en salle de classe
-- Contenu conçu pour l’accessibilité et le développement progressif des compétences
+- Enseignants utilisant le programme en classe
+- Contenu conçu pour l’accessibilité et l’acquisition progressive des compétences
 
 ### Philosophie éducative
 
-- Approche d’apprentissage par projets
+- Approche d’apprentissage basée sur les projets
 - Vérifications fréquentes des connaissances (quiz)
 - Exercices de codage pratiques
 - Exemples d’applications réelles
@@ -374,35 +374,35 @@ CO_OP_TRANSLATOR_METADATA:
 - Communauté active d’apprenants et de contributeurs
 - Mises à jour régulières des dépendances et du contenu
 - Suivi des issues et discussions par les mainteneurs
-- Mises à jour de traduction automatisées via GitHub Actions
+- Mises à jour des traductions automatisées via GitHub Actions
 
 ### Ressources associées
 
 - [Modules Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Ressources Student Hub](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommandé pour les apprenants
-- Cours additionnels : Generative AI, Data Science, ML, IoT disponibles
+- Cours additionnels : IA générative, Data Science, ML, IoT disponibles
 
 ### Travail avec des projets spécifiques
 
-Pour des instructions détaillées sur des projets individuels, référez-vous aux fichiers README dans :
-- `quiz-app/README.md` - Application de quiz Vue 3
+Pour des instructions détaillées sur les projets individuels, consultez les fichiers README dans :
+- `quiz-app/README.md` - Application quiz Vue 3
 - `7-bank-project/README.md` - Application bancaire avec authentification
-- `5-browser-extension/README.md` - Développement d’extensions de navigateur
-- `6-space-game/README.md` - Développement de jeu basé sur Canvas
-- `9-chat-project/README.md` - Projet assistant de chat AI
+- `5-browser-extension/README.md` - Développement d’extension de navigateur
+- `6-space-game/README.md` - Développement de jeu Canvas
+- `9-chat-project/README.md` - Projet d’assistant de chat IA
 
-### Structure du monorepo
+### Structure Monorepo
 
-Bien qu’il ne s’agisse pas d’un monorepo traditionnel, ce référentiel contient plusieurs projets indépendants :
+Bien que ce ne soit pas un monorepo traditionnel, ce référentiel contient plusieurs projets indépendants :
 - Chaque leçon est autonome
 - Les projets ne partagent pas leurs dépendances
-- Travaillez sur chaque projet sans affecter les autres
-- Clonez le référentiel complet pour l’expérience complète du programme
+- Travaillez sur des projets individuels sans affecter les autres
+- Clonez l’ensemble du repo pour une expérience complète du programme
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Avis de non-responsabilité** :  
-Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforçons d’assurer l’exactitude, veuillez noter que les traductions automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations critiques, il est recommandé de recourir à une traduction professionnelle réalisée par un humain. Nous ne saurions être tenus responsables des malentendus ou des erreurs d’interprétation résultant de l’utilisation de cette traduction.
+**Avertissement** :  
+Ce document a été traduit à l’aide du service de traduction automatisée [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations sensibles, il est recommandé de recourir à une traduction professionnelle humaine. Nous n’assumons aucune responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/fr/README.md b/translations/fr/README.md
index d6b7290ed..ba2a3c70b 100644
--- a/translations/fr/README.md
+++ b/translations/fr/README.md
@@ -1,124 +1,133 @@
-[![Licence GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
-[![Contributeurs GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
-[![Problèmes GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
-[![Demandes de tirage GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![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) 
 
-[![Observateurs GitHub](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/)
-[![Forks GitHub](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/)
-[![Étoiles GitHub](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/)
+[![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/)
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Développement Web pour Débutants - Un programme
+# Développement Web pour Débutants - Un Programme
 
-Apprenez les fondamentaux du développement web avec notre cours complet de 12 semaines proposé par les défenseurs du cloud Microsoft. Chacune des 24 leçons explore JavaScript, CSS et HTML à travers des projets pratiques tels que des terrariums, des extensions de navigateur et des jeux spatiaux. Participez aux quiz, discussions et missions pratiques. Améliorez vos compétences et optimisez votre rétention des connaissances grâce à notre pédagogie efficace basée sur des projets. Commencez votre parcours de codage dès aujourd’hui !
+Apprenez les fondamentaux du développement web avec notre cours complet de 12 semaines proposé par les Microsoft Cloud Advocates. Chacune des 24 leçons explore JavaScript, CSS, et HTML à travers des projets pratiques comme des terrariums, des extensions de navigateur, et des jeux spatiaux. Participez à des quiz, des discussions, et des devoirs pratiques. Améliorez vos compétences et optimisez la rétention de vos connaissances grâce à notre pédagogie efficace basée sur les projets. Commencez votre parcours de codage dès aujourd'hui !
 
 Rejoignez la communauté Azure AI Foundry sur Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Suivez ces étapes pour commencer à utiliser ces ressources :
-1. **Faites un Fork du dépôt** : Cliquez sur [![Forks GitHub](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. **Clonez le dépôt** :   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Rejoignez le Discord Azure AI Foundry et rencontrez des experts et d’autres développeurs**](https://discord.com/invite/ByRwuEEgH4)
+1. **Bifurquez le Référentiel** : Cliquez sur [![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. **Clonez le Référentiel** :   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Rejoignez l'Azure AI Foundry Discord pour rencontrer des experts et d'autres développeurs**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Support Multi-langue
+### 🌐 Support Multilingue
 
-#### Pris en charge via GitHub Action (Automatisé & Toujours à jour)
+#### Pris en charge via GitHub Action (Automatisé & Toujours à Jour)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabe](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgare](../bg/README.md) | [Birman (Myanmar)](../my/README.md) | [Chinois (Simplifié)](../zh-CN/README.md) | [Chinois (Traditionnel, Hong Kong)](../zh-HK/README.md) | [Chinois (Traditionnel, Macao)](../zh-MO/README.md) | [Chinois (Traditionnel, Taïwan)](../zh-TW/README.md) | [Croate](../hr/README.md) | [Tchèque](../cs/README.md) | [Danois](../da/README.md) | [Néerlandais](../nl/README.md) | [Estonien](../et/README.md) | [Finnois](../fi/README.md) | [Français](./README.md) | [Allemand](../de/README.md) | [Grec](../el/README.md) | [Hébreu](../he/README.md) | [Hindi](../hi/README.md) | [Hongrois](../hu/README.md) | [Indonésien](../id/README.md) | [Italien](../it/README.md) | [Japonais](../ja/README.md) | [Kannada](../kn/README.md) | [Coréen](../ko/README.md) | [Lituanien](../lt/README.md) | [Malais](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Népalais](../ne/README.md) | [Pidgin nigérian](../pcm/README.md) | [Norvégien](../no/README.md) | [Persan (Farsi)](../fa/README.md) | [Polonais](../pl/README.md) | [Portugais (Brésil)](../pt-BR/README.md) | [Portugais (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Roumain](../ro/README.md) | [Russe](../ru/README.md) | [Serbe (Cyrillique)](../sr/README.md) | [Slovaque](../sk/README.md) | [Slovène](../sl/README.md) | [Espagnol](../es/README.md) | [Swahili](../sw/README.md) | [Suédois](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamoul](../ta/README.md) | [Télougou](../te/README.md) | [Thaï](../th/README.md) | [Turc](../tr/README.md) | [Ukrainien](../uk/README.md) | [Ourdou](../ur/README.md) | [Vietnamien](../vi/README.md)
+[Arabe](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgare](../bg/README.md) | [Birman (Myanmar)](../my/README.md) | [Chinois (Simplifié)](../zh-CN/README.md) | [Chinois (Traditionnel, Hong Kong)](../zh-HK/README.md) | [Chinois (Traditionnel, Macao)](../zh-MO/README.md) | [Chinois (Traditionnel, Taïwan)](../zh-TW/README.md) | [Croate](../hr/README.md) | [Tchèque](../cs/README.md) | [Danois](../da/README.md) | [Néerlandais](../nl/README.md) | [Estonien](../et/README.md) | [Finnois](../fi/README.md) | [Français](./README.md) | [Allemand](../de/README.md) | [Grec](../el/README.md) | [Hébreu](../he/README.md) | [Hindi](../hi/README.md) | [Hongrois](../hu/README.md) | [Indonésien](../id/README.md) | [Italien](../it/README.md) | [Japonais](../ja/README.md) | [Kannada](../kn/README.md) | [Coréen](../ko/README.md) | [Lituanien](../lt/README.md) | [Malais](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Népalais](../ne/README.md) | [Pidgin Nigérian](../pcm/README.md) | [Norvégien](../no/README.md) | [Persan (Farsi)](../fa/README.md) | [Polonais](../pl/README.md) | [Portugais (Brésil)](../pt-BR/README.md) | [Portugais (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Roumain](../ro/README.md) | [Russe](../ru/README.md) | [Serbe (Cyrillique)](../sr/README.md) | [Slovaque](../sk/README.md) | [Slovène](../sl/README.md) | [Espagnol](../es/README.md) | [Swahili](../sw/README.md) | [Suédois](../sv/README.md) | [Tagalog (Philippin)](../tl/README.md) | [Tamoul](../ta/README.md) | [Télougou](../te/README.md) | [Thaï](../th/README.md) | [Turc](../tr/README.md) | [Ukrainien](../uk/README.md) | [Ourdou](../ur/README.md) | [Vietnamien](../vi/README.md)
 
-> **Préférez-vous cloner localement ?**
-
-> Ce dépôt contient plus de 50 traductions, ce qui augmente considérablement la taille du téléchargement. Pour cloner sans les traductions, utilisez le sparse checkout :
+> **Vous préférez Cloner Localement ?**
+>
+> Ce référentiel inclut plus de 50 traductions de langues, ce qui augmente considérablement la taille du téléchargement. Pour cloner sans les traductions, utilisez un "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'
 > ```
-> Cela vous fournit tout ce dont vous avez besoin pour suivre le cours avec un téléchargement beaucoup plus rapide.
+>
+> **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"
+> ```
+>
+> Cela vous donne tout ce dont vous avez besoin pour suivre le cours avec un téléchargement beaucoup plus rapide.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Si vous souhaitez avoir des langues supplémentaires prises en charge, elles sont listées [ici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Si vous souhaitez avoir d'autres langues de traduction prises en charge, elles sont listées [ici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Ouvrir dans Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _Êtes-vous un étudiant ?_
+#### 🧑‍🎓 _Êtes-vous étudiant(e) ?_
 
-Visitez la [**page Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) où vous trouverez des ressources pour débutants, des packs étudiants et même des moyens d’obtenir un bon de certification gratuit. C’est la page à mettre en favori et à consulter régulièrement car nous mettons à jour le contenu chaque mois.
+Visitez la [**page Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) où vous trouverez des ressources pour débutants, des packs étudiants et même des moyens d’obtenir un bon de réduction pour un certificat gratuit. C’est la page que vous voulez mettre en favori et consulter de temps en temps, car nous changeons le contenu chaque mois.
 
-### 📣 Annonce - Nouveaux défis en mode GitHub Copilot Agent à réaliser !
+### 📣 Annonce - Nouveaux défis du mode GitHub Copilot Agent à compléter !
 
-Nouveau défi ajouté, cherchez "GitHub Copilot Agent Challenge 🚀" dans la plupart des chapitres. C’est un nouveau défi à réaliser en utilisant GitHub Copilot et le mode Agent. Si vous n’avez jamais utilisé le mode Agent, il est capable non seulement de générer du texte mais aussi de créer et éditer des fichiers, d’exécuter des commandes et plus encore.
+Nouveau défi ajouté, cherchez "GitHub Copilot Agent Challenge 🚀" dans la plupart des chapitres. C’est un nouveau défi à relever en utilisant GitHub Copilot et le mode Agent. Si vous n'avez jamais utilisé le mode Agent, il est capable non seulement de générer du texte, mais aussi de créer et modifier des fichiers, exécuter des commandes, et plus encore.
 
-### 📣 Annonce - _Nouveau projet à construire utilisant l’IA générative_ 
+### 📣 Annonce - _Nouveau projet à construire avec l’IA Générative_
 
-Nouveau projet Assistant IA ajouté, découvrez-le [projet](./9-chat-project/README.md)
+Nouveau projet d’assistant IA ajouté, découvrez-le [projet](./9-chat-project/README.md)
 
-### 📣 Annonce - _Nouveau programme_ sur l’IA générative pour JavaScript vient d’être publié
+### 📣 Annonce - _Nouveau programme_ sur l’IA Générative pour JavaScript vient d’être publié
 
-Ne manquez pas notre nouveau programme sur l’IA générative !
+Ne manquez pas notre nouveau programme sur l’IA Générative !
 
 Visitez [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pour commencer !
 
-![Fond](../../translated_images/fr/background.148a8d43afde5730.webp)
+![Background](../../translated_images/fr/background.148a8d43afde5730.webp)
 
 - Leçons couvrant tout, des bases au RAG.
-- Interagissez avec des personnages historiques utilisant GenAI et notre application compagnon.
-- Narration ludique et engageante, vous voyagez dans le temps !
+- Interagissez avec des personnages historiques grâce à GenAI et notre application compagnon.
+- Une narration amusante et engageante, vous voyagerez dans le temps !
 
-![personnage](../../translated_images/fr/character.5c0dd8e067ffd693.webp)
+![character](../../translated_images/fr/character.5c0dd8e067ffd693.webp)
 
 
-Chaque leçon inclut une mission à accomplir, une vérification des connaissances et un défi pour vous guider sur des sujets comme :
-- Le prompt et l’ingénierie des prompts
-- Génération d’applications de texte et d’images
-- Applications de recherche
+Chaque leçon comprend un devoir à réaliser, un contrôle des connaissances et un défi pour vous guider sur des thèmes tels que :
+- Le prompting et l'ingénierie de prompt
+- La génération d’applications textuelles et imagées
+- Les applications de recherche
 
 Visitez [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pour commencer !
 
 
 
-## 🌱 Commencer
+## 🌱 Pour Commencer
 
-> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur la manière d’utiliser ce programme. Nous serions ravis d’avoir vos retours [sur notre forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) !
+> **Enseignants**, nous avons [inclus quelques suggestions](for-teachers.md) sur la façon d’utiliser ce programme. Nous aimerions avoir votre retour [sur notre forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) !
 
-**[Apprenants](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pour chaque leçon, commencez par un quiz avant le cours, puis poursuivez avec la lecture du matériel, la réalisation des différentes activités et vérifiez votre compréhension avec le quiz après le cours.
+**[Apprenants](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pour chaque leçon, commencez par un quiz pré-lecture puis poursuivez avec la lecture du matériel de cours, la réalisation des diverses activités et vérifiez votre compréhension avec le quiz post-lecture.
 
-Pour enrichir votre expérience d’apprentissage, connectez-vous avec vos pairs pour travailler ensemble sur les projets ! Les discussions sont encouragées sur notre [forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), où notre équipe de modérateurs sera disponible pour répondre à vos questions.
+Pour améliorer votre expérience d’apprentissage, connectez-vous avec vos pairs pour travailler ensemble sur les projets ! Les discussions sont encouragées dans notre [forum de discussion](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) où notre équipe de modérateurs sera disponible pour répondre à vos questions.
 
-Pour approfondir votre formation, nous recommandons vivement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour des supports d’études supplémentaires.
+Pour approfondir votre formation, nous recommandons fortement d’explorer [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pour des matériaux d’étude supplémentaires.
 
-### 📋 Installation de votre environnement
+### 📋 Configuration de votre environnement
 
-Ce programme dispose d’un environnement de développement prêt à l’emploi ! Au début, vous pouvez choisir d’exécuter le programme dans un [Codespace](https://github.com/features/codespaces/) (_un environnement basé sur navigateur, sans besoin d’installer quoi que ce soit_), ou localement sur votre ordinateur en utilisant un éditeur de texte tel que [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ce programme dispose d’un environnement de développement prêt à l’emploi ! Lors de vos débuts, vous pouvez choisir d’exécuter le programme dans un [Codespace](https://github.com/features/codespaces/) (_un environnement basé sur navigateur, sans besoin d’installation_), ou localement sur votre ordinateur en utilisant un éditeur de texte tel que [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Créez votre dépôt
-Pour enregistrer facilement votre travail, il est recommandé de créer votre propre copie de ce dépôt. Vous pouvez le faire en cliquant sur le bouton **Utiliser ce modèle** en haut de la page. Cela créera un nouveau dépôt sur votre compte GitHub avec une copie du programme.
+#### Créez votre répertoire
+Pour pouvoir sauvegarder facilement votre travail, il est recommandé de créer votre propre copie de ce répertoire. Vous pouvez le faire en cliquant sur le bouton **Use this template** en haut de la page. Cela créera un nouveau répertoire dans votre compte GitHub avec une copie du programme.
 
 Suivez ces étapes :
-1. **Forkez le dépôt** : Cliquez sur le bouton "Fork" en haut à droite de cette page.
-2. **Clonez le dépôt** :   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Bifurquez le Référentiel** : Cliquez sur le bouton "Fork" en haut à droite de cette page.
+2. **Clonez le Référentiel** :   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Exécuter le programme dans un Codespace
 
-Dans votre copie de ce dépôt que vous avez créée, cliquez sur le bouton **Code** puis sélectionnez **Open with Codespaces**. Cela créera un nouveau Codespace où travailler.
+Dans votre copie de ce répertoire que vous avez créée, cliquez sur le bouton **Code** et sélectionnez **Open with Codespaces**. Cela créera un nouveau Codespace dans lequel vous pourrez travailler.
 
 ![Codespace](../../translated_images/fr/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Exécuter le programme localement sur votre ordinateur
 
-Pour exécuter ce programme localement sur votre ordinateur, vous aurez besoin d’un éditeur de texte, d’un navigateur et d’un outil en ligne de commande. Notre première leçon, [Introduction aux langages de programmation et outils du métier](../../1-getting-started-lessons/1-intro-to-programming-languages), vous guidera à travers les différentes options pour chacun de ces outils afin de sélectionner ce qui vous convient le mieux.
-
-Nous recommandons d’utiliser [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) comme éditeur, qui inclut également un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Vous pouvez télécharger Visual Studio Code [ici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Pour exécuter ce programme localement sur votre ordinateur, vous aurez besoin d’un éditeur de texte, d’un navigateur et d’un outil en ligne de commande. Notre première leçon, [Introduction aux langages de programmation et outils du métier](../../1-getting-started-lessons/1-intro-to-programming-languages), vous guidera à travers plusieurs options pour chacun de ces outils afin que vous puissiez choisir ce qui vous convient le mieux.
 
-
-1. Clonez votre dépôt sur votre ordinateur. Vous pouvez le faire en cliquant sur le bouton **Code** et en copiant l’URL :
+Nous recommandons d’utiliser [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) comme éditeur, qui possède également un [Terminal intégré](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Vous pouvez télécharger Visual Studio Code [ici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clonez votre dépôt sur votre ordinateur. Vous pouvez le faire en cliquant sur le bouton **Code** et en copiant l'URL :
 
     [CodeSpace](./images/createcodespace.png)
-    Ensuite, ouvrez [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dans [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) et exécutez la commande suivante, en remplaçant `<your-repository-url>` par l’URL que vous venez de copier :
+
+    Ensuite, ouvrez [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dans [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) et exécutez la commande suivante, en remplaçant `<your-repository-url>` par l'URL que vous venez de copier :
 
     ```bash 
     git clone <your-repository-url>
@@ -129,85 +138,84 @@ Nous recommandons d’utiliser [Visual Studio Code](https://code.visualstudio.co
 
 >  Extensions Visual Studio Code recommandées :
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – pour prévisualiser les pages HTML dans Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – pour vous aider à écrire du code plus rapidement
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pour prévisualiser les pages HTML dans Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pour vous aider à écrire du code plus rapidement
 
 ## 📂 Chaque leçon inclut :
 
-- un sketchnote optionnel
-- une vidéo complémentaire optionnelle
-- un quiz d’échauffement avant la leçon
-- la leçon écrite
-- pour les leçons basées sur un projet, des guides étape par étape pour construire le projet
-- des vérifications des connaissances
+- sketchnote optionnel
+- vidéo supplémentaire optionnelle
+- quiz d’échauffement avant la leçon
+- leçon écrite
+- pour les leçons basées sur un projet, guides étape par étape pour construire le projet
+- vérifications de connaissances
 - un défi
-- des lectures complémentaires
-- un devoir
-- un [quiz post-leçon](https://ff-quizzes.netlify.app/web/)
+- lecture complémentaire
+- devoir
+- [quiz post-leçon](https://ff-quizzes.netlify.app/web/)
 
-> **Une note à propos des quiz** : Tous les quiz sont contenus dans le dossier Quiz-app, 48 quiz au total composés de trois questions chacun. Ils sont disponibles [ici](https://ff-quizzes.netlify.app/web/) ; l’application quiz peut être exécutée localement ou déployée sur Azure ; suivez les instructions dans le dossier `quiz-app`.
+> **Une note au sujet des quiz** : Tous les quiz sont regroupés dans le dossier Quiz-app, avec un total de 48 quiz composés chacun de trois questions. Ils sont disponibles [ici](https://ff-quizzes.netlify.app/web/). L'application de quiz peut être exécutée localement ou déployée sur Azure ; suivez les instructions dans le dossier `quiz-app`.
 
 ## 🗃️ Leçons
 
 |     |                       Nom du projet                       |                            Concepts enseignés                             | Objectifs d’apprentissage                                                                                                                 |                                                         Leçon liée                                                          |         Auteur          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Prise en main                         |           Introduction à la programmation et aux outils du métier          | Apprendre les bases sous-jacentes de la plupart des langages de programmation et sur les logiciels qui aident les développeurs pros | [Introduction aux langages de programmation et outils du métier](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Prise en main                         |             Bases de GitHub, travail collaboratif en équipe              | Comment utiliser GitHub dans votre projet, comment collaborer avec d’autres sur une base de code                                        |                            [Introduction à GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Prise en main                         |                             Accessibilité                               | Apprendre les bases de l’accessibilité web                                                                                              |                       [Fondamentaux de l’accessibilité](./1-getting-started-lessons/3-accessibility/README.md)                     |       Christopher       |
-| 04  |                        Bases JS                           |                         Types de données en JavaScript                  | Les bases des types de données JavaScript                                                                                                |                                       [Types de données](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Bases JS                           |                         Fonctions et méthodes                           | Apprendre les fonctions et méthodes pour gérer le flux logique d’une application                                                        |                              [Fonctions et méthodes](./2-js-basics/2-functions-methods/README.md)                                    | Jasmine et Christopher  |
-| 06  |                        Bases JS                           |                        Prise de décisions avec JS                       | Apprendre à créer des conditions dans votre code en utilisant des méthodes de prise de décision                                         |                                 [Prise de décisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Bases JS                           |                            Tableaux et boucles                          | Travailler avec des données via des tableaux et des boucles en JavaScript                                                               |                                   [Tableaux et boucles](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML en pratique                             | Construire le HTML pour créer un terrarium en ligne, en se concentrant sur la construction d’une mise en page                          |                                 [Introduction à HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS en pratique                              | Construire le CSS pour styliser le terrarium en ligne, en se concentrant sur les bases du CSS y compris le responsive design          |                                  [Introduction au CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Closures JavaScript, manipulation du DOM               | Construire le JavaScript pour faire fonctionner le terrarium comme une interface de glisser-déposer, en se concentrant sur les closures et la manipulation du DOM |                  [Closures JavaScript, manipulation du DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Jeu de frappe](./4-typing-game/solution/README.md)          |                          Construire un jeu de frappe                   | Apprendre à utiliser les événements clavier pour piloter la logique de votre application JavaScript                                     |                                [Programmation événementielle](./4-typing-game/typing-game/README.md)                               |       Christopher       |
-| 12  | [Extension navigateur verte](./5-browser-extension/solution/README.md) |                         Travailler avec les navigateurs                | Apprendre comment fonctionnent les navigateurs, leur histoire, et comment structurer les premiers éléments d’une extension            |                               [À propos des navigateurs](./5-browser-extension/1-about-browsers/README.md)                         |           Jen           |
-| 13  | [Extension navigateur verte](./5-browser-extension/solution/README.md) | Construire un formulaire, appeler une API et stocker des variables localement | Construire les éléments JavaScript de votre extension navigateur pour appeler une API en utilisant des variables stockées localement  |                [API, formulaires, et stockage local](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
-| 14  | [Extension navigateur verte](./5-browser-extension/solution/README.md) |        Processus en arrière-plan dans le navigateur, performance web   | Utiliser les processus en arrière-plan du navigateur pour gérer l’icône de l’extension ; apprendre les performances web et quelques optimisations        |             [Tâches en arrière-plan et performance](./5-browser-extension/3-background-tasks-and-performance/README.md)          |           Jen           |
-| 15  |           [Jeu spatial](./6-space-game/solution/README.md)           |             Développement de jeux avancé avec JavaScript              | Apprendre l’héritage avec les classes et la composition ainsi que le modèle Pub/Sub, en préparation à la création d’un jeu            |                      [Introduction au développement avancé de jeux](./6-space-game/1-introduction/README.md)                      |          Chris          |
-| 16  |           [Jeu spatial](./6-space-game/solution/README.md)           |                           Dessiner sur un canvas                       | Apprendre l’API Canvas, utilisée pour dessiner des éléments à l’écran                                                                  |                                [Dessiner sur Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                 |          Chris          |
-| 17  |           [Jeu spatial](./6-space-game/solution/README.md)           |                   Déplacer des éléments à l’écran                      | Découvrir comment donner du mouvement aux éléments à l’aide des coordonnées cartésiennes et de l’API Canvas                            |                           [Déplacement d’éléments](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Jeu spatial](./6-space-game/solution/README.md)           |                          Détection de collision                        | Faire entrer en collision les éléments et réagir via des frappes clavier, et prévoir une fonction de temps de recharge pour assurer la performance du jeu     |                              [Détection de collision](./6-space-game/4-collision-detection/README.md)                            |          Chris          |
-| 19  |           [Jeu spatial](./6-space-game/solution/README.md)           |                             Tenue du score                             | Effectuer des calculs mathématiques basés sur le statut et la performance du jeu                                                        |                                    [Gestion du score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Jeu spatial](./6-space-game/solution/README.md)           |                     Fin et redémarrage du jeu                          | Apprendre à finir et redémarrer le jeu, y compris nettoyer les ressources et réinitialiser les variables                               |                                [Condition de fin](./6-space-game/6-end-condition/README.md)                                     |          Chris          |
-| 21  |         [Application bancaire](./7-bank-project/solution/README.md)          |                 Modèles HTML et routes dans une application web       | Apprendre à créer le squelette d’un site multipage avec routage et modèles HTML                                                       |                            [Modèles HTML et routes](./7-bank-project/1-template-route/README.md)                                |          Yohan          |
-| 22  |         [Application bancaire](./7-bank-project/solution/README.md)          |                  Construire un formulaire de connexion et d’inscription | Apprendre à construire des formulaires et gérer les routines de validation                                                            |                                           [Formulaires](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Application bancaire](./7-bank-project/solution/README.md)          |                   Méthodes de récupération et d’utilisation des données | Comment les données circulent dans votre application, comment les récupérer, les stocker et les éliminer                             |                                            [Données](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Application bancaire](./7-bank-project/solution/README.md)          |                      Concepts de gestion de l’état                    | Apprendre comment votre application conserve l’état et comment le gérer de façon programmatique                                       |                                [Gestion de l’état](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Code Browser/VScode](../../8-code-editor) | Travailler avec VScode | Apprendre à utiliser un éditeur de code | [Utiliser l’éditeur VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Assistants IA](./9-chat-project/README.md) | Travailler avec l'IA | Apprendre à construire son propre assistant IA | [Projet assistant IA](./9-chat-project/README.md) | Chris |
+| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Prise en main                          |           Introduction à la programmation et aux outils du métier         | Apprenez les bases communes à la plupart des langages de programmation et sur les logiciels qui aident les développeurs professionnels    | [Introduction aux langages de programmation et outils du métier](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Prise en main                          |             Bases de GitHub, y compris travailler en équipe               | Comment utiliser GitHub dans votre projet, comment collaborer avec d’autres sur une base de code                                           |                            [Introduction à GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Prise en main                          |                             Accessibilité                                | Apprenez les bases de l’accessibilité web                                                                                                |                       [Fondamentaux de l’accessibilité](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Bases JS                           |                         Types de données JavaScript                      | Les bases des types de données en JavaScript                                                                                              |                                       [Types de données](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Bases JS                           |                         Fonctions et méthodes                            | Apprenez les fonctions et méthodes pour gérer le flux logique d’une application                                                           |                              [Fonctions et méthodes](./2-js-basics/2-functions-methods/README.md)                               | Jasmine et Christopher  |
+| 06  |                        Bases JS                           |                        Prise de décision avec JS                         | Apprenez à créer des conditions dans votre code en utilisant les méthodes de prise de décision                                            |                                 [Prise de décisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Bases JS                           |                            Tableaux et boucles                            | Travaillez avec les données en utilisant les tableaux et les boucles en JavaScript                                                        |                                   [Tableaux et boucles](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML en pratique                              | Construisez le HTML pour créer un terrarium en ligne, en vous concentrant sur la création de la mise en page                             |                                 [Introduction à HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS en pratique                               | Construisez le CSS pour styliser le terrarium en ligne, en vous concentrant sur les bases du CSS, y compris rendre la page responsive     |                                  [Introduction à CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Fermetures JavaScript, manipulation du DOM              | Construisez le JavaScript pour rendre le terrarium fonctionnel en tant qu’interface drag/drop, en vous concentrant sur les fermetures et la manipulation du DOM |                  [Fermetures JavaScript, manipulation du DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Jeu de frappe](./4-typing-game/solution/README.md)          |                          Construire un jeu de frappe                     | Apprenez à utiliser les événements clavier pour piloter la logique de votre application JavaScript                                        |                                [Programmation événementielle](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Extension de navigateur verte](./5-browser-extension/solution/README.md) |                         Travailler avec les navigateurs                 | Apprenez comment fonctionnent les navigateurs, leur histoire, et comment structurer les premiers éléments d’une extension de navigateur  |                               [À propos des navigateurs](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Extension de navigateur verte](./5-browser-extension/solution/README.md) | Construire un formulaire, appeler une API et stocker des variables en local storage | Construisez les éléments JavaScript de votre extension de navigateur pour appeler une API en utilisant des variables stockées en local storage |                [API, formulaires et stockage local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Extension de navigateur verte](./5-browser-extension/solution/README.md) |          Processus d’arrière-plan dans le navigateur, performance web    | Utilisez les processus d’arrière-plan du navigateur pour gérer l’icône de l’extension ; apprenez la performance web et des optimisations  |             [Tâches d’arrière-plan et performances](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Jeu spatial](./6-space-game/solution/README.md)           |             Développement de jeu plus avancé avec JavaScript            | Apprenez l’héritage avec Classes et Composition ainsi que le pattern Pub/Sub, en préparation à la création d’un jeu                     |                      [Introduction au développement de jeu avancé](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Jeu spatial](./6-space-game/solution/README.md)           |                           Dessin sur canvas                             | Apprenez l’API Canvas, utilisée pour dessiner des éléments sur un écran                                                                 |                                [Dessin sur Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Jeu spatial](./6-space-game/solution/README.md)           |                   Déplacer des éléments à l’écran                        | Découvrez comment les éléments peuvent se déplacer en utilisant les coordonnées cartésiennes et l’API Canvas                             |                           [Déplacement des éléments](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Jeu spatial](./6-space-game/solution/README.md)           |                          Détection de collision                        | Faites se percuter et réagir les éléments en utilisant les pressions de touches et fournissez une fonction de temps de recharge pour assurer les performances du jeu |                              [Détection de collision](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Jeu spatial](./6-space-game/solution/README.md)           |                             Tenir le score                              | Effectuez des calculs mathématiques basés sur le statut et les performances du jeu                                                       |                                    [Tenir le score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Jeu spatial](./6-space-game/solution/README.md)           |                     Terminer et relancer le jeu                         | Apprenez à terminer et relancer le jeu, y compris nettoyer les ressources et réinitialiser les variables                                 |                                [La condition de fin](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Application bancaire](./7-bank-project/solution/README.md)          |                 Templates HTML et routes dans une application web      | Apprenez à créer l’ossature de l’architecture d’un site multipage en utilisant le routage et les modèles HTML                           |                            [Templates HTML et routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Application bancaire](./7-bank-project/solution/README.md)          |                  Construire un formulaire de connexion et d’inscription | Apprenez à construire des formulaires et à gérer les routines de validation                                                             |                                           [Formulaires](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Application bancaire](./7-bank-project/solution/README.md)          |                   Méthodes de récupération et d’utilisation des données | Comment les données entrent et sortent de votre application, comment les récupérer, les stocker et les éliminer                        |                                            [Données](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Application bancaire](./7-bank-project/solution/README.md)          |                      Concepts de gestion d’état                         | Apprenez comment votre application conserve l’état et comment le gérer par programmation                                                |                                [Gestion d’état](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Navigateur/Editeur VScode](../../8-code-editor) | Travailler avec VScode | Apprenez à utiliser un éditeur de code | [Utiliser l’éditeur de code VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Assistants IA](./9-chat-project/README.md) | Travailler avec IA | Apprenez à créer votre propre assistant IA | [Projet assistant IA](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pédagogie
 
-Notre curriculum est conçu en tenant compte de deux principes pédagogiques clés :
+Notre programme est conçu selon deux principes pédagogiques clés :
 * apprentissage par projet
 * quiz fréquents
 
-Le programme enseigne les fondamentaux de JavaScript, HTML, et CSS, ainsi que les derniers outils et techniques utilisés par les développeurs web actuels. Les étudiants auront l’occasion de développer une expérience pratique en créant un jeu de frappe, un terrarium virtuel, une extension de navigateur écologique, un jeu de type space invader, et une application bancaire pour entreprises. À la fin de la série, les étudiants auront acquis une solide compréhension du développement web.
+Le programme enseigne les fondamentaux de JavaScript, HTML et CSS, ainsi que les outils et techniques les plus récents utilisés par les développeurs web d’aujourd’hui. Les étudiants auront l’opportunité d’acquérir une expérience pratique en créant un jeu de frappe, un terrarium virtuel, une extension de navigateur écologique, un jeu de type space invader et une application bancaire pour entreprises. À la fin de la série, les étudiants auront acquis une solide compréhension du développement web.
 
-> 🎓 Vous pouvez suivre les premières leçons de ce curriculum sous la forme d’un [Parcours d’apprentissage](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sur Microsoft Learn !
+> 🎓 Vous pouvez suivre les premières leçons de ce cursus sous forme de [parcours d’apprentissage](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sur Microsoft Learn !
 
-En veillant à ce que le contenu soit aligné sur les projets, le processus devient plus engageant pour les étudiants et la rétention des concepts est renforcée. Nous avons également écrit plusieurs leçons d’introduction aux bases de JavaScript pour présenter les concepts, accompagnées d’une vidéo de la collection de tutoriels vidéo « [Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon) », dont certains auteurs ont contribué à ce curriculum.
+En assurant que le contenu est aligné sur des projets, l’apprentissage devient plus engageant pour les étudiants et la rétention des concepts est améliorée. Nous avons également rédigé plusieurs leçons d’introduction aux bases de JavaScript pour présenter les concepts, associées à une vidéo de la collection de tutoriels vidéo "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", dont certains auteurs ont contribué à ce programme.
 
-De plus, un quiz à faible enjeu avant la classe fixe l’intention de l’étudiant à apprendre un sujet, tandis qu’un second quiz après la classe assure une meilleure rétention. Ce curriculum a été conçu pour être flexible et amusant et peut être suivi dans son intégralité ou en partie. Les projets commencent petits et deviennent de plus en plus complexes à la fin du cycle de 12 semaines.
+En outre, un quiz à faible enjeu avant un cours fixe l’intention de l’étudiant pour l’apprentissage d’un sujet, tandis qu'un second quiz après le cours assure une meilleure rétention. Ce programme a été conçu pour être flexible et amusant, il peut être suivi dans sa totalité ou en partie. Les projets commencent petits et deviennent de plus en plus complexes à la fin du cycle de 12 semaines.
 
-Même si nous avons volontairement évité d’introduire des frameworks JavaScript afin de nous concentrer sur les compétences de base nécessaires en tant que développeur web avant d’adopter un framework, une bonne étape suivante pour compléter ce curriculum serait d’apprendre Node.js via une autre collection de vidéos : « [Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon) ».
-
-> Consultez notre [Code de conduite](CODE_OF_CONDUCT.md) et nos lignes directrices pour la [Contribution](CONTRIBUTING.md). Nous accueillons vos retours constructifs !
+Bien que nous ayons délibérément évité d’introduire des frameworks JavaScript pour nous concentrer sur les compétences de base nécessaires en tant que développeur web avant d’adopter un framework, une bonne prochaine étape après ce cursus serait d’apprendre Node.js via une autre collection de vidéos : "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Visitez nos [Règles de conduite](CODE_OF_CONDUCT.md) et [Contribuer](CONTRIBUTING.md). Nous accueillons vos retours constructifs !
 
 ## 🧭 Accès hors ligne
 
-Vous pouvez utiliser cette documentation hors ligne en utilisant [Docsify](https://docsify.js.org/#/). Forkez ce dépôt, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre machine locale, puis dans le dossier racine de ce dépôt, tapez `docsify serve`. Le site sera servi sur le port 3000 sur votre localhost : `localhost:3000`.
+Vous pouvez consulter cette documentation hors ligne en utilisant [Docsify](https://docsify.js.org/#/). Forkez ce dépôt, [installez Docsify](https://docsify.js.org/#/quickstart) sur votre machine locale, puis dans le dossier racine de ce dépôt, tapez `docsify serve`. Le site sera servi sur le port 3000 de votre localhost : `localhost:3000`.
 
 ## 📘 PDF
-
 Un PDF de toutes les leçons est disponible [ici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Autres cours
-Notre équipe produit d'autres cours ! Découvrez :
+
+Notre équipe produit d’autres cours ! Découvrez :
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -224,7 +232,7 @@ Notre équipe produit d'autres cours ! Découvrez :
 
 ---
  
-### Série IA générative
+### Série IA Générative
 [![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)
@@ -232,7 +240,7 @@ Notre équipe produit d'autres cours ! Découvrez :
 
 ---
  
-### Apprentissage fondamental
+### Apprentissage Fondamental
 [![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)
@@ -249,23 +257,23 @@ Notre équipe produit d'autres cours ! Découvrez :
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Obtenir de l'aide
+## Obtenir de l’aide
 
-Si vous êtes bloqué ou avez des questions sur la création d'applications IA. Rejoignez d'autres apprenants et des développeurs expérimentés dans des discussions sur MCP. C'est une communauté d'entraide où les questions sont les bienvenues et les connaissances partagées librement.
+Si vous êtes bloqué ou si vous avez des questions sur la création d’applications IA. Rejoignez d’autres apprenants et des développeurs expérimentés dans des discussions sur MCP. C’est une communauté solidaire où les questions sont les bienvenues et où les connaissances sont librement partagées.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Si vous avez des retours sur le produit ou des erreurs lors de la création, visitez :
+Si vous avez des retours sur le produit ou rencontrez des erreurs lors de la création, visitez :
 
 [![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)
 
 ## Licence
 
-Ce dépôt est sous licence MIT. Voir le fichier [LICENSE](../../LICENSE) pour plus d'informations.
+Ce dépôt est sous licence MIT. Consultez le fichier [LICENSE](../../LICENSE) pour plus d’informations.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Avertissement** :  
-Ce document a été traduit à l’aide du service de traduction automatisée [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforcions d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations critiques, une traduction professionnelle réalisée par un humain est recommandée. Nous ne saurions être tenus responsables des malentendus ou interprétations erronées résultant de l’utilisation de cette traduction.
+Ce document a été traduit à l’aide du service de traduction automatique [Co-op Translator](https://github.com/Azure/co-op-translator). Bien que nous nous efforçons d’assurer l’exactitude, veuillez noter que les traductions automatiques peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d’origine doit être considéré comme la source faisant foi. Pour les informations critiques, une traduction professionnelle réalisée par un humain est recommandée. Nous déclinons toute responsabilité en cas de malentendus ou d’interprétations erronées résultant de l’utilisation de cette traduction.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/he/.co-op-translator.json b/translations/he/.co-op-translator.json
index 8637563e8..86c3a437c 100644
--- a/translations/he/.co-op-translator.json
+++ b/translations/he/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T02:13:56+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:43:45+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "he"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:49:11+00:00",
+    "translation_date": "2026-03-06T13:51:56+00:00",
     "source_file": "AGENTS.md",
     "language_code": "he"
   },
@@ -516,8 +516,8 @@
     "language_code": "he"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:43:17+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:40:37+00:00",
     "source_file": "README.md",
     "language_code": "he"
   },
diff --git a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 30fd8ee63..f8a3424e6 100644
--- a/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/he/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# מבוא לשפות תכנות וכלי פיתוח מודרניים
+# مقدمة לשפות תכנות וכלים מודרניים למפתחים
 
-היי שם, מפתח עתידי! 👋 אפשר לספר לך משהו שעדיין גורם לי להתרגש כל יום מחדש? אתה עומד לגלות שתכנות זה לא רק מחשבים – זה כמו לקבל כוחות-על שמאפשרים לך להפוך את הרעיונות הכי פרועים שלך למציאות!
+היי שם, מפתח עתידי! 👋 אפשר לספר לך משהו שעדיין מצמרר אותי כל יום? אתה עומד לגלות שתכנות זה לא רק על מחשבים – זה על לקבל כוחות-על אמיתיים להביא את הרעיונות הפרועים שלך לחיים!
 
-אתה מכיר את הרגע הזה שבו אתה משתמש באפליקציה האהובה עליך והכול פשוט עובד בצורה מושלמת? כשאתה לוחץ על כפתור ומשהו קסום קורה שגורם לך לחשוב "וואו, איך הם עשו את זה?" ובכן, מישהו בדיוק כמוך – כנראה יושב בבית קפה אהוב עליו ב-2 בלילה עם האספרסו השלישי שלו – כתב את הקוד שיצר את הקסם הזה. והנה מה שיפיל אותך מהכיסא: בסוף השיעור הזה, לא רק שתבין איך הם עשו את זה, אלא גם תשתוקק לנסות בעצמך!
+אתה יודע את הרגע כשאתה משתמש באפליקציה האהובה עליך והכל פשוט מתאים בצורה מושלמת? כשאתה לוחץ על כפתור וקרה משהו קסום שגורם לך לחשוב "וואו, איך הם עשו את זה?" ובכן, מישהו בדיוק כמוך – כנראה יושב בבית הקפה האהוב עליו בשעה 2 לפנות בוקר עם אספרסו שלישי – כתב את הקוד שיצר את הקסם הזה. והנה מה שיפיל אותך מהרגליים: בסוף השיעור הזה, לא רק שתבין איך הם עשו את זה, אלא שגם תבער לנסות את זה בעצמך!
 
-תראה, אני לגמרי מבין אם תכנות מרגיש לך מפחיד כרגע. כשאני התחלתי, באמת חשבתי שצריך להיות גאון מתמטי או להתחיל לתכנת מגיל חמש. אבל הנה מה ששינה לי את התפיסה לגמרי: תכנות זה בדיוק כמו ללמוד לנהל שיחות בשפה חדשה. מתחילים מ"שלום" ו"תודה", ואז מתקדמים להזמנת קפה, ולפני שאתה שם לב, אתה מנהל דיונים פילוסופיים עמוקים! רק שבמקרה הזה, אתה מנהל שיחות עם מחשבים, ובכנות? הם השותפים הכי סבלניים לשיחה שתפגוש – הם אף פעם לא שופטים את הטעויות שלך ותמיד מוכנים לנסות שוב!
+תראה, אני לגמרי מבין אם התכנות מרגיש מפחיד כרגע. כשאני התחלתי, באמת חשבתי שאתה צריך להיות איזה גאון מתמטי או לקודד מאז שבילית חמש שנים. אבל הנה מה ששינה לגמרי את נקודת המבט שלי: תכנות זה בדיוק כמו ללמוד לנהל שיחות בשפה חדשה. אתה מתחיל ב"שלום" ו"תודה," ואז מגיע להזמין קפה, ולפני שאתה מבין, אתה מנהל שיחות פילוסופיות עמוקות! רק שבמקרה הזה, אתה מנהל שיחות עם מחשבים, ובאמת? הם השותפים הכי סבלניים לשיחה שתפגוש – הם אף פעם לא שופטים את הטעויות שלך ותמיד שמחים לנסות שוב!
 
-היום, אנחנו הולכים לחקור את הכלים המדהימים שהופכים את פיתוח האינטרנט המודרני לא רק לאפשרי, אלא לממכר ברצינות. אני מדבר על אותם עורכים, דפדפנים ותהליכי עבודה שהמפתחים בנטפליקס, ספוטיפיי, ובסטודיו האפליקציות האהוב עליך משתמשים בהם כל יום. והנה החלק שיגרום לך לרקוד משמחה: רוב הכלים המקצועיים האלה, ברמת תעשייה, הם לגמרי בחינם!
+היום אנחנו הולכים לחקור את הכלים המדהימים שהופכים את פיתוח האינטרנט המודרני לא רק לאפשרי, אלא גם ממכר ברצינות. אני מדבר על אותם עורכים, דפדפנים וזרמי עבודה שפותחים בנטפליקס, ספוטיפיי והסטודיו האינדי האהוב עליך משתמשים בהם כל יום. והנה החלק שיגרום לך לרקוד מרוצה: רוב הכלים האלו שהם ברמת מקצוענים ולפני תעשייה הם לגמרי חינמיים!
 
-![מבוא לתכנות](../../../../translated_images/he/webdev101-programming.d6e3f98e61ac4bff.webp)
-> איור מאת [Tomomi Imura](https://twitter.com/girlie_mac)
+![Intro Programming](../../../../translated_images/he/webdev101-programming.d6e3f98e61ac4bff.webp)
+> שיקנוט מאת [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title המסע שלך בתכנות היום
+    section גלה
+      מה זה תכנות: 5: You
+      שפות תכנות: 4: You
+      סקירת כלים: 5: You
+    section חקור
+      עורכי קוד: 4: You
+      דפדפנים וכלי פיתוח: 5: You
+      שורת פקודה: 3: You
+    section תרגל
+      בלש שפות: 4: You
+      חקר כלים: 5: You
+      חיבור לקהילה: 5: You
 ```
-
 ## בוא נראה מה אתה כבר יודע!
 
-לפני שנקפוץ לדברים המהנים, אני סקרן – מה אתה כבר יודע על עולם התכנות הזה? ואם אתה מסתכל על השאלות וחושב "אין לי מושג על שום דבר מזה", זה לא רק בסדר, זה מושלם! זה אומר שאתה בדיוק במקום הנכון. תחשוב על החידון הזה כמו מתיחות לפני אימון – אנחנו רק מחממים את שרירי המוח!
+לפני שנתקפץ לדברים הכיפיים, אני סקרן – מה כבר אתה יודע על עולם התכנות הזה? ואם אתה מסתכל על השאלות האלה וחושב "אין לי בכלל מושג על כל זה," זה לא רק בסדר, זה מושלם! זה אומר שאתה במקום המתאים בדיוק. תחשוב על החידון הזה כמו התמתחות לפני אימון – אנחנו פשוט מחממים את השרירים של המוח!
 
-[קח את חידון ההכנה לשיעור](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[עשו את החידון לפני השיעור](https://ff-quizzes.netlify.app/web/)
 
-## ההרפתקה שאנחנו עומדים לצאת אליה יחד
 
-אוקיי, אני באמת מתרגש ממה שאנחנו הולכים לחקור היום! ברצינות, הלוואי שיכולתי לראות את הפנים שלך כשחלק מהקונספטים האלה יתחברו. הנה המסע המדהים שאנחנו יוצאים אליו יחד:
+## ההרפתקה שאנחנו עומדים לעשות יחד
 
-- **מה זה בעצם תכנות (ולמה זה הדבר הכי מגניב שיש!)** – נגלה איך קוד הוא בעצם הקסם הבלתי נראה שמניע את כל מה שסביבך, מהשעון המעורר שיודע איכשהו שזה יום שני בבוקר ועד האלגוריתם שממליץ לך על הסרטים המושלמים בנטפליקס.
-- **שפות תכנות והאישיות המדהימה שלהן** – תאר לעצמך שאתה נכנס למסיבה שבה לכל אדם יש כוחות-על שונים ודרכים ייחודיות לפתור בעיות. זה בדיוק העולם של שפות התכנות, ואתה הולך להתאהב בהן!
-- **אבני הבניין הבסיסיות שמאפשרות קסם דיגיטלי** – תחשוב על זה כמו ערכת LEGO יצירתית אולטימטיבית. ברגע שתבין איך החלקים האלה מתחברים, תבין שאתה יכול לבנות כל דבר שהדמיון שלך חולם עליו.
-- **כלים מקצועיים שיגרמו לך להרגיש כאילו קיבלת שרביט קסמים** – אני לא מגזים כאן – הכלים האלה באמת יגרמו לך להרגיש שיש לך כוחות-על, והחלק הכי טוב? אלה אותם כלים שהמקצוענים משתמשים בהם!
+טוב, אני באמת מתרגש ממה שאנחנו הולכים לגלות היום! בכנות, הייתי רוצה לראות את פניך כשלחלק מהרעיונות האלו פתאום יתחברו. זו המסע המדהים שאנחנו לוקחים יחד:
 
-> 💡 **הנה העניין**: אל תחשוב אפילו לנסות לזכור הכול היום! כרגע, אני רק רוצה שתרגיש את הניצוץ של ההתרגשות לגבי מה שאפשרי. הפרטים יידבקו באופן טבעי כשנתרגל יחד – ככה למידה אמיתית מתרחשת!
+- **מה זה תכנות בעצם (ולמה זה הדבר הכי מגניב אי פעם!)** – נגלה איך קוד הוא בעצם הקסם הבלתי נראה שמפעיל את כל מה שסביבך, מהאזעקה שיודעת שזה יום שני בבוקר ועד האלגוריתם שממליץ בדיוק לך בנטפליקס
+- **שפות התכנות ואישיותן המדהימות** – תדמיין שאתה נכנס למסיבה שכל אחד בה עם כוחות-על שונים ושיטות שונות לפתור בעיות. ככה העולם של שפות תכנות, ואתה הולך לאהוב להכיר אותן!
+- **האבנים הבסיסיות שגורמות לקסם הדיגיטלי לקרות** – תחשוב על זה כמו ערכת לגו יצירתית על-סף – ברגע שאתה מבין איך החלקים האלו מתחברים, תבין שאתה יכול לבנות כל מה שהדמיון שלך חולם עליו
+- **כלים מקצועיים שיגרמו לך להרגיש כמו שקיבלת שרביט קוסם** – אני לא מגזים פה – הכלים האלו באמת יגרמו לך להרגיש שיש לך כוחות-על, והחלק הכי טוב? אלה אותם כלים שהמקצוענים משתמשים בהם!
 
-> אתה יכול לקחת את השיעור הזה ב-[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, שזה בעצם רק "כן" ו"לא" או "דלוק" ו"כבוי". זהו! אבל כאן מגיע הקסם – אנחנו לא צריכים לדבר ב-1 ו-0 כאילו אנחנו במטריקס. כאן נכנסות **שפות התכנות** לתמונה. הן כמו מתורגמן הכי טוב בעולם שלוקח את המחשבות האנושיות שלך ומתרגם אותן לשפת מחשב.
+זה תכנות! זו האמנות לתת הוראות מפורטות שלב-אחרי-שלב למשהו מאוד חזק אבל צריך את כל הפרטים בדיוק מושלם. רק שבמקום להסביר לאמא שלך (שאולי שואלת "איזה כפתור אדום?!"), אתה מסביר למחשב (שפשוט עושה מה שאתה אומר, גם אם זה לא בדיוק מה שהתכוונת).
 
-והנה מה שעדיין גורם לי לצמרמורת כל בוקר כשאני מתעורר: כל דבר דיגיטלי בחיים שלך התחיל עם מישהו בדיוק כמוך, כנראה יושב בפיג'מה עם כוס קפה, מקליד קוד במחשב הנייד שלו. הפילטר באינסטגרם שגורם לך להיראות מושלם? מישהו כתב את זה. ההמלצה שהובילה אותך לשיר החדש האהוב עליך? מפתח בנה את האלגוריתם הזה. האפליקציה שעוזרת לך לחלק את החשבון בארוחת ערב עם חברים? כן, מישהו חשב "זה מעצבן, אני בטוח יכול לפתור את זה" ואז... הוא עשה את זה!
+וזה מה שהפיל אותי מהרגליים כשאני למדתי את זה לראשונה: מחשבים בעצם די פשוטים בבסיס שלהם. הם מבינים רק שתי דברים – 1 ו-0, שזה בעצם "כן" ו"לא" או "דלוק" ו"כבה." זהו! אבל כאן מתחיל הקסם – אנחנו לא צריכים לדבר ב-1 ו-0 כאילו אנחנו במטריקס. פה שפות תכנות באות להצלה. הן כמו המתרגם הכי טוב בעולם שלוקח את המחשבות האנושיות והרגילות שלך ומתרגם אותן לשפת המחשב.
 
-כשאתה לומד לתכנת, אתה לא רק רוכש מיומנות חדשה – אתה הופך לחלק מהקהילה המדהימה הזו של פותרי בעיות שמבלים את ימיהם במחשבה, "מה אם אני יכול לבנות משהו שישפר את היום של מישהו קצת יותר?" בכנות, יש משהו יותר מגניב מזה?
+והנה מה שעדיין מצמרר אותי כל בוקר כשאני קם: פשוט *הכל* הדיגיטלי בחייך התחיל ממישהו בדיוק כמוך, כנראה יושב בפיג'מה עם כוס קפה, מקליד קוד במחשב הנייד שלו. מסנן האינסטגרם שגורם לך להיראות מושלם? מישהו כתב את זה. ההמלצה שהובילה אותך לשיר האהוב החדש? מפתח בנה את האלגוריתם הזה. האפליקציה שעוזרת לך לחלק חשבון ארוחת ערב עם חברים? כן, מישהו חשב "זה מעצבן, בטח אני יכול לתקן את זה" ואז... הוא עשה את זה!
 
-✅ **ציד עובדות כיפי**: הנה משהו מגניב לחפש כשיש לך רגע פנוי – מי לדעתך היה המתכנת הראשון בעולם? אני אתן לך רמז: זה אולי לא מי שאתה מצפה! הסיפור מאחורי האדם הזה הוא מרתק ומראה שתכנות תמיד היה קשור ליצירתיות ולחשיבה מחוץ לקופסה.
+כשאתה לומד לתכנת, אתה לא רק רוכש מיומנות חדשה – אתה הופך לחלק מהקהילה המדהימה של פותרי הבעיות שמבלים את ימיהם בחשיבה, "מה אם אוכל לבנות משהו שישפר את היום של מישהו קצת?" באמת, יש משהו מגניב מזה?
 
-### 🧠 **זמן לבדוק: איך אתה מרגיש?**
+✅ **משימת עובדה מהנה**: הנה משהו ממש מגניב לחפש כשיש לך רגע פנוי – מי לדעתך היה מתכנת המחשב הראשון בעולם? אני אתן לך רמז: זה אולי לא מי שאתה מצפה! הסיפור מאחורי האדם הזה מרתק ומראה שתכנות תמיד היה על יצירתיות בפתרון בעיות וחשיבה מחוץ לקופסה.
 
-**קח רגע לחשוב:**
-- האם הרעיון של "לתת הוראות למחשבים" ברור לך עכשיו?
-- האם אתה יכול לחשוב על משימה יומיומית שהיית רוצה להפוך לאוטומטית באמצעות תכנות?
-- אילו שאלות עולות לך בראש לגבי כל עניין התכנות הזה?
+### 🧠 **זמן בדיקה: איך אתה מרגיש?**
+
+**קח רגע להרהר:**
+- האם ההבנה של "לתת הוראות למחשבים" הגיונית לך עכשיו?
+- האם אתה יכול לחשוב על משימה יומית שתרצה לאוטומט בעזרת תכנות?
+- אילו שאלות עולות לך בראש לגבי כל נושא התכנות הזה?
 
-> **זכור**: זה לגמרי נורמלי אם חלק מהקונספטים עדיין לא ברורים לך. ללמוד תכנות זה כמו ללמוד שפה חדשה – לוקח זמן למוח לבנות את הקשרים הנכונים. אתה עושה עבודה נהדרת!
+> **זכור**: זה לגמרי טבעי אם חלק מהקונספטים עדיין מרגישים מעורפלים כרגע. ללמוד תכנות זה כמו ללמוד שפה חדשה – לוקח זמן למוח שלך לבנות את המסלולים העצביים. אתה עושה עבודה מעולה!
 
 ## שפות תכנות הן כמו טעמים שונים של קסם
 
-אוקיי, זה הולך להישמע מוזר, אבל תישאר איתי – שפות תכנות הן כמו סוגים שונים של מוזיקה. תחשוב על זה: יש לך ג'אז, שהוא חלק ומאולתר, רוק שהוא עוצמתי וישיר, קלאסי שהוא אלגנטי ומובנה, והיפ-הופ שהוא יצירתי ומלא ביטוי. לכל סגנון יש את האווירה שלו, את הקהילה של מעריצים נלהבים, וכל אחד מהם מושלם למצבי רוח ואירועים שונים.
+טוב, זה הולך להישמע מוזר, אבל תתמיד איתי – שפות תכנות הן הרבה כמו סוגי מוזיקה שונים. תחשוב על זה: יש לך ג'אז שזורם ואימפרוביזטיבי, רוק חזק וישיר, קלאסי אלגנטי ומסודר, והיפ-הופ יצירתי ומביע. לכל סגנון יש אווירה משלו, קהילה של מעריצים מושקעים, וכל אחד מתאים למצבי רוח ואירועים שונים.
 
-שפות תכנות עובדות בדיוק אותו הדבר! אתה לא תשתמש באותה שפה כדי לבנות משחק מובייל כיפי כמו שתשתמש כדי לנתח כמויות עצומות של נתוני אקלים, בדיוק כמו שלא תנגן מטאל כבד בשיעור יוגה (טוב, ברוב שיעורי היוגה בכל אופן! 😄).
+שפות תכנות עובדות באותו אופן! לא היית משתמש באותה שפה לבניית משחק כיף למובייל כמו שתשתמש לניתוח כמויות עצומות של נתוני אקלים, בדיוק כפי שלא תשמיע מטאל קשה בשיעור יוגה (טוב, רוב שיעורי היוגה בכל מקרה! 😄).
 
-אבל הנה מה שמדהים אותי כל פעם מחדש כשאני חושב על זה: השפות האלה הן כמו שיש לך את המתרגם הכי סבלני ומבריק בעולם שיושב ממש לידך. אתה יכול להביע את הרעיונות שלך בצורה שנראית טבעית למוח האנושי שלך, והן מטפלות בכל העבודה המורכבת של תרגום זה לשפת המחשב. זה כמו שיש לך חבר שמדבר בצורה מושלמת גם "יצירתיות אנושית" וגם "לוגיקה מחשבית" – והוא אף פעם לא מתעייף, אף פעם לא צריך הפסקות קפה, ואף פעם לא שופט אותך על כך ששאלת את אותה שאלה פעמיים!
+אבל הנה מה שגורם לי להתפעל כל פעם שאני חושב על זה: השפות האלו הן כמו התרגום הכי סבלני וברור בעולם שיושב בדיוק לידך. אתה יכול להביע את הרעיונות שלך בצורה שמרגישה טבעית למוח האנושי שלך, והן מטפלות בכל העבודה המורכבת של תרגום זה ל-1 ו-0 שהמחשבים באמת מבינים. זה כמו להיות עם חבר שרה חריף בשתי השפות – "יצירתיות אנושית" ו"לוגיקת מחשב" – והם אף פעם לא מתעייפים, לא צריכים הפסקות קפה, ולא שופטים אותך כשאתה שואל את אותה השאלה פעמיים!
 
-### שפות תכנות פופולריות והשימושים שלהן
+### שפות תכנות פופולריות ושימושיהן
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((שפות תכנות))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        קסם הצד הקדמי
+        אתרי אינטראקטיב
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + טיפוסים
+        אפליקציות ארגוניות
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        מדעי הנתונים
+        למידת מכונה
+        אוטומציה
       R
-        Statistics
-        Research
+        סטטיסטיקה
+        מחקר
     Mobile Apps
       Java
-        Android
-        Enterprise
+        אנדרואיד
+        ארגוני
       Swift
         iOS
-        Apple Ecosystem
+        מערכת אקולוגית של אפל
       Kotlin
-        Modern Android
-        Cross-platform
+        אנדרואיד מודרני
+        רב-פלטפורמי
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        משחקים
+        ביצועים קריטיים
       Rust
-        Memory Safety
-        System Programming
+        בטיחות זיכרון
+        תכנות מערכת
       Go
-        Cloud Services
-        Scalable Backend
+        שירותי ענן
+        שרת אחורי מדרגי
 ```
-
-| שפה | הכי טוב ל... | למה היא פופולרית |
+| שפה | הטובה ביותר ל- | למה היא פופולרית |
 |----------|----------|------------------|
-| **JavaScript** | פיתוח אתרים, ממשקי משתמש | פועלת בדפדפנים ומפעילה אתרים אינטראקטיביים |
-| **Python** | מדעי הנתונים, אוטומציה, AI | קלה לקריאה ולמידה, ספריות חזקות |
-| **Java** | אפליקציות ארגוניות, אפליקציות אנדרואיד | עצמאית מפלטפורמה, יציבה למערכות גדולות |
-| **C#** | אפליקציות חלונות, פיתוח משחקים | תמיכה חזקה באקוסיסטם של מיקרוסופט |
-| **Go** | שירותי ענן, מערכות אחוריות | מהירה, פשוטה, מעוצבת למחשוב מודרני |
+| **JavaScript** | פיתוח ווב, ממשקי משתמש | רצה בדפדפנים ומאפשרת אתרי אינטראקטיביים |
+| **Python** | מדעי הנתונים, אוטומציה, AI | קריאה ולמידה קלים, ספריות עוצמתיות |
+| **Java** | יישומי ארגונים, אפליקציות אנדרואיד | עצמאית לפלטפורמה, עמידה למערכות גדולות |
+| **C#** | אפליקציות ווינדוס, פיתוח משחקים | תמיכה חזקה מאקוסיסטם מיקרוסופט |
+| **Go** | שירותי ענן, מערכות backend | מהירה, פשוטה, עוצבה למחשוב מודרני |
 
-### שפות ברמה גבוהה מול שפות ברמה נמוכה
+### שפות ברמה גבוהה לעומת ברמה נמוכה
 
-אוקיי, זה היה באמת הקונספט ששבר לי את המוח כשאני התחלתי ללמוד, אז אני הולך לשתף את האנלוגיה שסוף סוף גרמה לי להבין את זה – ואני באמת מקווה שזה יעזור גם לך!
+טוב, הכנה כנה: זה היה הקונספט ששבר לי את המוח כשהתחלתי ללמוד, אז אני אספר את האנלוגיה שאחרון שעשתה לי את הקליק – ואני ממש מקווה שהיא יעילה גם עבורך!
 
-תאר לעצמך שאתה מבקר במדינה שבה אתה לא מדבר את השפה, ואתה נואש למצוא את השירותים הקרובים (כולנו היינו שם, נכון? 😅):
+תדמיין שאתה מבקר במדינה שאינך מדבר את השפה שלה, ואתה חייב למצוא את השירותים הכי קרובים (כולנו היינו שם, נכון? 😅):
 
-- **תכנות ברמה נמוכה** זה כמו ללמוד את הדיאלקט המקומי כל כך טוב שאתה יכול לשוחח עם הסבתא שמוכרת פירות בפינה באמצעות רפרנסים תרבותיים, סלנג מקומי ובדיחות פנימיות שרק מישהו שגדל שם יבין. מרשים מאוד ויעיל להפליא... אם במקרה אתה שולט! אבל די מכריע כשאתה רק מנסה למצוא שירותים.
+- **תכנות ברמה נמוכה** זה כמו ללמוד את הניב המקומי כל כך טוב שאתה יכול לשוחח עם הסבתא שמוכרת פירות בפינה באמצעות רפרנסים תרבותיים, סלנג מקומי ובדיחות פנימיות שרק מי שגדל שם יבין. מרשים מאוד ויעיל... אם אתה שולט! אבל די מתסכל כשכל מה שאתה מנסה זה למצוא שירותים.
 
-- **תכנות ברמה גבוהה** זה כמו שיש לך את החבר המקומי המדהים שפשוט מבין אותך. אתה יכול לומר "אני באמת צריך למצוא שירותים" באנגלית פשוטה, והוא מטפל בכל התרגום התרבותי ונותן לך הוראות בצורה שמובנת למוח הלא-מקומי שלך.
+- **תכנות ברמה גבוהה** זה כמו שיש לך את החבר המקומי הנהדר הזה שמבין אותך. אתה יכול לומר "אני ממש צריך למצוא שירותים" באנגלית פשוטה, והוא מתרגם את כל הקונטקסט התרבותי ונותן לך הוראות בצורה שמגיעה טוב למוח הלא מקומי שלך.
 
-במונחי תכנות:
-- **שפות ברמה נמוכה** (כמו Assembly או C) מאפשרות לך לנהל שיחות מפורטות להפליא עם החומרה של המחשב, אבל אתה צריך לחשוב כמו מכונה, שזה... טוב, בוא נגיד שזה שינוי מחשבתי די גדול!
-- **שפות ברמה גבוהה** (כמו JavaScript, Python או C#) מאפשרות לך לחשוב כמו בן אדם בזמן שהן מטפלות בכל שפת המכונה מאחורי הקלעים. בנוסף, יש להן קהילות מאוד מזמינות מלאות באנשים שזוכרים איך זה להיות חדש ורוצים באמת לעזור!
+בתחום התכנות:
+- **שפות ברמה נמוכה** (כמו Assembly או C) מאפשרות לך לנהל שיחות מפורטות מאוד עם חומרת המחשב האמיתית, אבל אתה צריך לחשוב כמו מכונה, שזה... טוב, בוא נגיד זה שינוי מנטלי גדול!
+- **שפות ברמה גבוהה** (כמו JavaScript, Python או C#) מאפשרות לך לחשוב כמו בן אדם בזמן שהן מטפלות בכל שפת המכונה מאחורי הקלעים. בנוסף, יש להן קהילות מאוד תומכות מלאות בבני אדם שזוכרים איך היה להיות חדש ורוצים לעזור באמת!
 
-נחש אילו אני הולך להציע לך להתחיל איתן? 😉 שפות ברמה גבוהה הן כמו גלגלי עזר שאתה אף פעם לא באמת רוצה להוריד כי הן הופכות את כל החוויה להרבה יותר מהנה!
+נחש מה אני אמליץ להתחיל איתו? 😉 שפות ברמה גבוהה הן כמו גלגלי אימון שאתה אף פעם באמת לא רוצה לזרוק כי הן עושות את כל החוויה הרבה יותר מהנה!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 מחשבת האדם:<br/>'אני רוצה לחשב מספרי פיבונאצ׳י'"] --> B{בחר רמת שפה}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|High-Level| C["🌟 JavaScript/Python<br/>קל לקריאה ולכתיבה"]
+    B -->|Low-Level| D["⚙️ Assembly/C<br/>שליטה ישירה בחומרה"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 כתוב: fibonacci(10)"]
+    D --> F["📝 כתוב: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 הבנת מחשב:<br/>המתרגם מטפל במורכבות"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 אותו תוצאה:<br/>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
-// Step 1: Basic Fibonacci setup
+// שלב 1: הגדרת פיבונאצ'י בסיסית
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**הנה מה שהקוד הזה עושה:**
-- **הגדרת** קבוע שמציין כמה מספרי פיבונאצ'י אנחנו רוצים ליצור
-- **אתחול** שני משתנים למעקב אחר המספר הנוכחי והבא ברצף
-- **הגדרת** ערכי ההתחלה (0 ו-1) שמגדירים את דפוס פיבונאצ'י
+**מה שהקוד הזה עושה:**
+- **הצהרת** קבוע לציון כמה מספרים בפיבונאצ'י אנחנו רוצים לייצר
+- **אתחול** שני משתנים למעקב אחרי המספר הנוכחי והמספר הבא ברצף
+- **הגדרת** הערכים ההתחלתיים (0 ו-1) שמגדירים את דפוס פיבונאצ'י
 - **הצגת** הודעת כותרת לזיהוי הפלט שלנו
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// שלב 2: יצירת הרצף עם לולאה
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // חישוב המספר הבא ברצף
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**פירוט מה קורה כאן:**
-- **לולאה** דרך כל מיקום ברצף שלנו באמצעות לולאת `for`
-- **הצגת** כל מספר עם מיקומו באמצעות תבנית פורמט טקסט
-- **חישוב** המספר הבא ברצף פיבונאצ'י על ידי הוספת הערכים הנוכחיים והבאים
-- **עדכון** משתני המעקב שלנו למעבר לאיטרציה הבאה
+**פירוק מה שקורה כאן:**
+- **לולאה** עוברת על כל מיקום ברצף שלנו באמצעות לולאת `for`
+- **מציגה** כל מספר עם המיקום שלו באמצעות תבנית מחרוזות
+- **מחושבת** המספר הבא בפיבונאצ'י על ידי סכימת הערכים הנוכחיים והבאים
+- **מעודכנת** המשתנים למעקב לקראת האיטרציה הבאה
 
 ```javascript
-// Step 3: Modern functional approach
+// שלב 3: גישה פונקציונלית מודרנית
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// דוגמת שימוש
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**במהלך הקוד הזה:**
-- **יצרנו** פונקציה לשימוש חוזר באמצעות תחביר פונקציה מודרני
-- **בנינו** מערך לאחסון הרצף המלא במקום להציג מספר אחד בכל פעם
-- **השתמשנו** באינדקסים של מערך לחישוב כל מספר חדש מערכים קודמים
-- **החזרנו** את הרצף המלא לשימוש גמיש בחלקים אחרים של התוכנית שלנו
+**בדוגמה למעלה עשינו:**
+- **יצירת** פונקציה שניתנת לשימוש חוזר באמצעות סינטקס של חץ מודרני
+- **בניית** מערך לשמירת הרצף המלא במקום הצגה אחד-אחד
+- **שימוש** באינדקסציה במערך לחישוב כל מספר חדש מתוך הערכים הקודמים
+- **החזרת** הרצף המלא לשימוש גמיש בחלקים אחרים בתוכנית
 
 **שפה ברמה נמוכה (ARM Assembly) – ידידותית למחשב:**
 
@@ -259,62 +257,62 @@ back add r0,r1
  end
 ```
 
-שים לב איך הגרסה של JavaScript נקראת כמעט כמו הוראות באנגלית, בעוד שהגרסה של Assembly משתמשת בפקודות קריפטיות שמבצעות שליטה ישירה על המעבד של המחשב. שתיהן מבצעות את אותה משימה בדיוק, אבל השפה ברמה גבוהה הרבה יותר קלה להבנה, כתיבה ותחזוקה.
+שים לב איך הגרסה ב-JavaScript כמעט קוראת כמו הוראות באנגלית, ואילו גרסת ה-Assembly משתמשת בפקודות מסתוריות ששולטות ישירות במעבד המחשב. שתיהן מבצעות את אותה המשימה בדיוק, אבל שפת הרמה הגבוהה הרבה יותר קלה לאנשים להבין, לכתוב ולתחזק.
 
-**הבדלים מרכזיים שתשים לב אליהם:**
-- **קריאות**: JavaScript משתמשת בשמות תיאוריים כמו `fibonacciCount` בעוד ש-Assembly משתמשת בתוויות קריפטיות כמו `r0`, `r1`
-- **הערות**: שפות תכנות ברמה גבוהה מעודדות כתיבת הערות שמסבירות את הקוד והופכות אותו למובן מאליו.
-- **מבנה**: הזרימה הלוגית של JavaScript תואמת את הדרך שבה בני אדם חושבים על בעיות שלב אחר שלב.
-- **תחזוקה**: עדכון גרסת JavaScript לדרישות שונות הוא פשוט וברור.
+**הבדלים עיקריים שתשים לב אליהם:**
+- **קריאות**: JavaScript משתמש בשמות תיאוריים כמו `fibonacciCount` בעוד Assembly משתמשת בתוויות מסתוריות כמו `r0`, `r1`
+- **הערות**: שפות ברמת על מעודדות הערות הסבר שמאפשרות לקוד לתעד את עצמו
+- **מבנה**: הזרימה הלוגית ב-JavaScript מתאימה לאופן שבו בני אדם חושבים על בעיות שלב אחר שלב
+- **תחזוקה**: עדכון הגרסה ב-JavaScript לצרכים שונים הוא פשוט וברור
 
-✅ **על סדרת פיבונאצ'י**: הדפוס המספרי המדהים הזה (שבו כל מספר שווה לסכום של שני המספרים הקודמים: 0, 1, 1, 2, 3, 5, 8...) מופיע ממש *בכל מקום* בטבע! תמצאו אותו בספירלות של חמניות, בדפוסים של אצטרובלים, בצורת הקימור של קונכיות נאוטילוס ואפילו באופן שבו ענפי עצים גדלים. זה די מדהים איך מתמטיקה וקוד יכולים לעזור לנו להבין ולשחזר את הדפוסים שהטבע משתמש בהם כדי ליצור יופי!
+✅ **על רצף פיבונאצ'י**: דפוס המספרים המרהיב הזה לחלוטין (בו כל מספר שווה לסכום שני המספרים שלפניו: 0, 1, 1, 2, 3, 5, 8...) מופיע ממש *בהכל* בטבע! תמצאו אותו בספירלות של חמניות, בדפוסי אשכולות אורנים, בצורה שבה קונכיות נאוטילוס מתעקמות, ואפילו בצורה שבה ענפי העצים גדלים. זה מדהים איך מתמטיקה וקוד יכולים לעזור לנו להבין ולשחזר את הדפוסים שהטבע משתמש בהם ליצירת יופי!
 
-## אבני הבניין שמייצרות את הקסם
+## אבני הבניין שגורמות לקסם לקרות
 
-טוב, עכשיו כשכבר ראיתם איך שפות תכנות נראות בפעולה, בואו נפרק את החלקים הבסיסיים שמרכיבים כל תוכנה שנכתבה אי פעם. תחשבו עליהם כמו המרכיבים החיוניים במתכון האהוב עליכם – ברגע שתבינו מה כל אחד עושה, תוכלו לקרוא ולכתוב קוד כמעט בכל שפה!
+טוב, עכשיו כשראית איך שפות תכנות נראות בפעולה, בואו נפרק את החלקים הבסיסיים שמרכיבים כל תוכנית שנכתבה אי פעם. תאזרו את זה כמו את מרכיבי המתכון האהוב עליכם – ברגע שתבינו מה כל אחד מהם עושה, תוכלו לקרוא ולכתוב קוד כמעט בכל שפה!
 
-זה קצת כמו ללמוד את הדקדוק של תכנות. זוכרים בבית הספר שלמדתם על שמות עצם, פעלים ואיך להרכיב משפטים? לתכנות יש גרסה משלו לדקדוק, ובכנות, זה הרבה יותר הגיוני וסלחני מדקדוק באנגלית אי פעם! 😄
+זה קצת כמו ללמוד את הדקדוק של התכנות. זוכרים בבית הספר כשלמדתם על שמות עצם, פעלים ואיך להרכיב משפטים? לתכנות יש את הגרסה שלו של דקדוק, וכנות אומרת, היא הרבה יותר לוגית ומכילה מדקדוק האנגלית אי פעם היה! 😄
 
-### פקודות: ההוראות שלב אחר שלב
+### משפטים: ההוראות שלב-אחר-שלב
 
-נתחיל עם **פקודות** – הן כמו משפטים בודדים בשיחה עם המחשב שלכם. כל פקודה אומרת למחשב לעשות דבר ספציפי אחד, קצת כמו לתת הוראות: "פנה שמאלה כאן", "עצור באור אדום", "חנה במקום הזה".
+נתחיל עם **משפטים** – אלה כמו משפטים בודדים בשיחה עם המחשב שלכם. כל משפט אומר למחשב לעשות דבר מסוים, קצת כמו לתת הוראות: "פנה שמאלה כאן," "תעצור באור האדום," "חנה במקום הזה."
 
-מה שאני אוהב בפקודות זה כמה שהן בדרך כלל קריאות. תראו את זה:
+מה שאני אוהב במשפטים הוא כמה שהם בדרך כלל קריאים. תסתכלו על זה:
 
 ```javascript
-// Basic statements that perform single actions
+// ביטויים בסיסיים שמבצעים פעולות בודדות
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
 **הנה מה שהקוד הזה עושה:**
-- **הכרזה** על משתנה קבוע לאחסון שם המשתמש
-- **הצגת** הודעת ברכה בפלט הקונסולה
-- **חישוב** ואחסון תוצאה של פעולה מתמטית
+- **הכרז** על משתנה קבוע שבו ישמר שם משתמש
+- **הצג** הודעת ברכה בקונסול
+- **חשב** ושמור את התוצאה של פעולה מתמטית
 
 ```javascript
-// Statements that interact with web pages
+// הצהרות שמתקשרות עם דפי אינטרנט
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**שלב אחר שלב, הנה מה שקורה:**
-- **שינוי** כותרת הדף שמופיעה בלשונית הדפדפן
-- **שינוי** צבע הרקע של כל גוף הדף
+**שלב אחר שלב, כך זה עובד:**
+- **שנה** את כותרת העמוד שמופיעה בלשונית הדפדפן
+- **שנה** את צבע הרקע של גוף הדף כולו
 
-### משתנים: מערכת הזיכרון של התוכנה שלכם
+### משתנים: מערכת הזיכרון של התוכנית שלך
 
-אוקיי, **משתנים** הם בכנות אחד המושגים האהובים עליי ללמד כי הם כל כך דומים לדברים שאתם כבר משתמשים בהם כל יום!
+טוב, **משתנים** הם באמת אחד המושגים האהובים עליי ללמד כי הם כל כך דומים לדברים שאתם כבר משתמשים בהם בכל יום!
 
-תחשבו לרגע על רשימת אנשי הקשר בטלפון שלכם. אתם לא זוכרים את המספרים של כולם – במקום זאת, אתם שומרים "אמא", "החבר הכי טוב" או "פיצריה שמספקת עד 2 בלילה" ונותנים לטלפון לזכור את המספרים בפועל. משתנים עובדים בדיוק באותה צורה! הם כמו מיכלים עם תוויות שבהם התוכנה שלכם יכולה לאחסן מידע ולשלוף אותו מאוחר יותר באמצעות שם שבאמת הגיוני.
+תחשבו על רשימת אנשי הקשר של הטלפון שלכם לרגע. אתם לא שומרים את כל המספרים בזיכרון – במקום זאת, אתם שומרים "אמא," "החבר הכי טוב," או "פיצה שמספקת עד השעה 2 בלילה" ונותנים לטלפון שלכם לזכור את המספרים האמיתיים. המשתנים עובדים בדיוק כמו זה! הם כמו מכולות מתוויות שבהן התוכנית שלכם יכולה לאחסן מידע ולשלוף אותו מאוחר יותר באמצעות שם שמתאים.
 
-הנה מה שממש מגניב: משתנים יכולים להשתנות בזמן שהתוכנה שלכם פועלת (מכאן השם "משתנה" – הבנתם את הרעיון?). בדיוק כמו שאתם עשויים לעדכן את איש הקשר של הפיצריה כשאתם מגלים מקום אפילו טוב יותר, משתנים יכולים להתעדכן כשהתוכנה שלכם לומדת מידע חדש או כשהמצבים משתנים!
+הסיבה שזה כל כך מגניב: משתנים יכולים להשתנות בזמן שהתוכנית רצה (ומכאן השם "משתנה" – הבנתם את הרמז?). בדיוק כמו שאתם אולי מעדכנים את האישור לפיצה כשאתם מגלים מקום טוב יותר, המשתנים יכולים להתעדכן כשהתוכנית לומדת מידע חדש או כשהמצבים משתנים!
 
-תנו לי להראות לכם כמה זה פשוט ויפה:
+תנו לי להראות לכם כמה פשוט זה יכול להיות:
 
 ```javascript
-// Step 1: Creating basic variables
+// שלב 1: יצירת משתנים בסיסיים
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -322,13 +320,13 @@ let isRaining = false;
 ```
 
 **הבנת המושגים האלה:**
-- **אחסון** ערכים שאינם משתנים במשתנים מסוג `const` (כמו שם האתר)
-- **שימוש** ב-`let` לערכים שיכולים להשתנות במהלך התוכנית
-- **הקצאת** סוגי נתונים שונים: מחרוזות (טקסט), מספרים ובוליאנים (אמת/שקר)
-- **בחירת** שמות תיאוריים שמסבירים מה כל משתנה מכיל
+- **אחסן** ערכים שלא משתנים במשתני `const` (כמו שם האתר)
+- **השתמש** ב-`let` לערכים שיכולים להשתנות לאורך התוכנית שלך
+- **הקצה** סוגי נתונים שונים: מחרוזות (טקסט), מספרים, ובוליאנים (אמת/שקר)
+- **בחר** שמות תיאוריים שמסבירים מה מכיל כל משתנה
 
 ```javascript
-// Step 2: Working with objects to group related data
+// שלב 2: עבודה עם אובייקטים כדי לקבץ נתונים קשורים
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -336,50 +334,50 @@ const weatherData = {
 };
 ```
 
-**בקטע הזה עשינו:**
-- **יצירת** אובייקט לקיבוץ מידע קשור על מזג האוויר
-- **ארגון** מספר חלקי מידע תחת שם משתנה אחד
-- **שימוש** בזוגות מפתח-ערך כדי לתייג כל חלק מידע בצורה ברורה
+**בקטע הקוד שלמעלה:**
+- **יצרנו** אובייקט לארגון מידע קשור למזג האוויר
+- **ארגנו** מספר פרטים תחת שם משתנה אחד
+- **השתמשנו** בזוגות מפתח-ערך לתיוג ברור של כל פרט
 
 ```javascript
-// Step 3: Using and updating variables
+// שלב 3: שימוש ועדכון משתנים
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// עדכון משתנים ניתנים לשינוי
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**בואו נבין כל חלק:**
-- **הצגת** מידע באמצעות תבניות מחרוזות עם תחביר `${}`
-- **גישה** למאפייני אובייקט באמצעות נקודה (`weatherData.windSpeed`)
-- **עדכון** משתנים שהוכרזו עם `let` כדי לשקף תנאים משתנים
-- **שילוב** מספר משתנים ליצירת הודעות משמעותיות
+**הבנת כל חלק:**
+- **הצג** מידע באמצעות תבניות מחרוזת עם תחביר `${}`
+- **גש** לתכונות של האובייקט באמצעות נקודה (`weatherData.windSpeed`)
+- **עדכן** משתנים שהוכרזו ב-`let` כדי לשקף מצבים משתנים
+- **שלב** מספר משתנים ליצירת הודעות משמעותיות
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// שלב 4: פיצול מודרני לקוד נקי יותר
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **מה שצריך לדעת:**
-- **שליפת** מאפיינים ספציפיים מאובייקטים באמצעות השמה מפורקת
-- **יצירת** משתנים חדשים באופן אוטומטי עם אותם שמות כמו מפתחות האובייקט
-- **פישוט** קוד על ידי הימנעות משימוש חוזר בנקודה
+- **חלץ** תכונות מסוימות מתוך אובייקטים באמצעות השמת פירוק
+- **צור** משתנים חדשים אוטומטית עם אותם שמות כמו מפתחות האובייקט
+- **פשט** את הקוד באמצעות הימנעות מחזרות של סימון נקודה
 
-### זרימת שליטה: ללמד את התוכנה שלכם לחשוב
+### זרימת בקרה: מלמד את התוכנית שלך לחשוב
 
-אוקיי, כאן התכנות הופך למדהים באמת! **זרימת שליטה** היא בעצם ללמד את התוכנה שלכם איך לקבל החלטות חכמות, בדיוק כמו שאתם עושים כל יום בלי לחשוב על זה.
+טוב, כאן התכנות נהיה לגמרי מדהים! **זרימת בקרה** זו בעצם ללמד את התוכנית שלך איך לקבל החלטות חכמות, בדיוק כמו שאתה עושה כל יום בלי אפילו לחשוב על זה.
 
-תארו לעצמכם: הבוקר כנראה עברתם משהו כמו "אם יורד גשם, אני אקח מטריה. אם קר, אני אלבש מעיל. אם אני מאחר, אני אדלג על ארוחת הבוקר ואקח קפה בדרך." המוח שלכם באופן טבעי עוקב אחרי לוגיקת אם-אז עשרות פעמים ביום!
+דמיין: הבוקר סביר שעברת משהו כמו "אם יורד גשם, אקח מטרייה. אם קר, אלבש מעיל. אם אני מאחר, אזווית ארוחת בוקר ואקח קפה בדרך." המוח שלך באופן טבעי עוקב אחרי לוגיקת אם-אז עשרות פעמים ביום!
 
-זה מה שגורם לתוכניות להרגיש חכמות וחיות במקום פשוט לעקוב אחרי תסריט משעמם וצפוי. הן יכולות באמת להסתכל על מצב, להעריך מה קורה ולהגיב בהתאם. זה כמו לתת לתוכנה שלכם מוח שיכול להתאים את עצמו ולקבל החלטות!
+זה מה שהופך תוכניות לאינטליגנטיות וחיות במקום פשוט לעקוב אחרי תסריט משעמם וניתן לחיזוי. הן יכולות להסתכל על מצב, להעריך מה קורה, ולהגיב בהתאם. זה כמו לתת לתוכנית שלך מוח שיכול להסתגל ולקבל החלטות!
 
-רוצים לראות איך זה עובד בצורה יפהפייה? תנו לי להראות לכם:
+רוצה לראות איך זה עובד בצורה מדהימה? תן לי להראות לך:
 
 ```javascript
-// Step 1: Basic conditional logic
+// שלב 1: לוגיקה תנאי בסיסית
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -390,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
 
-**הנה מה שהקוד הזה עושה:**
-- **בדיקה** אם גיל המשתמש עומד בדרישות ההצבעה
-- **ביצוע** בלוקים קוד שונים בהתאם לתוצאת התנאי
-- **חישוב** והצגת כמה זמן נותר עד לזכאות להצבעה אם מתחת לגיל 18
-- **מתן** משוב ספציפי ומועיל לכל תרחיש
+**מה שהקוד הזה עושה:**
+- **בדוק** אם גיל המשתמש עומד בדרישת ההצבעה
+- **בצע** בלוקים שונים של קוד על בסיס תוצאת התנאי
+- **חשב** והצג כמה זמן נותר עד שתהיה זכאות להצביע אם מתחת לגיל 18
+- **ספק** משוב ספציפי ומועיל לכל תרחיש
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// שלב 2: תנאים מרובים עם אופרטורים לוגיים
 const userAge = 17;
 const hasPermission = true;
 
@@ -411,24 +409,24 @@ if (userAge >= 18 && hasPermission) {
 ```
 
 **פירוק מה שקורה כאן:**
-- **שילוב** מספר תנאים באמצעות אופרטור `&&` (וגם)
-- **יצירת** היררכיה של תנאים באמצעות `else if` למספר תרחישים
-- **טיפול** בכל המקרים האפשריים עם משפט `else` סופי
-- **מתן** משוב ברור וניתן לפעולה לכל מצב שונה
+- **שלב** תנאים מרובים באמצעות האופרטור `&&` (וגם)
+- **צור** היררכיית תנאים עם `else if` לתרחישים מרובים
+- **טפל** בכל המקרים האפשריים עם משפט `else` סופי
+- **ספק** משוב ברור ופעולתי לכל מצב שונה
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// שלב 3: תנאי תמציתי עם אופרטור טרינרי
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
 **מה שצריך לזכור:**
-- **שימוש** באופרטור תנאי (`? :`) לתנאים פשוטים עם שתי אפשרויות
-- **כתיבת** התנאי קודם, אחריו `?`, ואז תוצאה אמת, ואז `:`, ואז תוצאה שקר
-- **יישום** דפוס זה כשצריך להקצות ערכים על בסיס תנאים
+- **השתמש** באופרטור הטורנרי (`? :`) לתנאים פשוטים עם שתי אפשרויות
+- **כתוב** תחילה את התנאי, אחריו `?`, אז תוצאה של אמת, אחריה `:`, ואז תוצאה של שקר
+- **החל** את התבנית הזו כשצריך להקצות ערכים בהתבסס על תנאים
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// שלב 4: טיפול במקרים ספציפיים מרובים
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -448,57 +446,56 @@ switch (dayOfWeek) {
 }
 ```
 
-**הקוד הזה משיג את הדברים הבאים:**
-- **התאמה** של ערך המשתנה למספר מקרים ספציפיים
-- **קיבוץ** מקרים דומים יחד (ימי חול מול סופי שבוע)
-- **ביצוע** בלוק הקוד המתאים כשנמצא התאמה
-- **הכללת** מקרה `default` לטיפול בערכים בלתי צפויים
-- **שימוש** בפקודות `break` כדי למנוע מהקוד להמשיך למקרה הבא
+**קוד זה משיג את הדברים הבאים:**
+- **התאם** את ערך המשתנה למספר מקרים ספציפיים
+- **קבץ** מקרים דומים יחד (ימי השבוע מול סופי שבוע)
+- **בצע** את בלוק הקוד המתאים כאשר נמצא התאמה
+- **כלול** מקרה `default` לטיפול בערכים לא צפויים
+- **השתמש** בפקודות `break` כדי למנוע המשך לקוד במקרים הבאים
 
-> 💡 **אנלוגיה לעולם האמיתי**: תחשבו על זרימת שליטה כמו שיש לכם GPS הכי סבלני בעולם שנותן לכם הוראות. הוא עשוי לומר "אם יש פקק ברחוב הראשי, קחו את הכביש המהיר במקום. אם יש עבודות בכביש המהיר, נסו את הדרך הנופית." תוכניות משתמשות בדיוק באותו סוג של לוגיקה תנאית כדי להגיב בצורה חכמה למצבים שונים ותמיד לתת למשתמשים את החוויה הטובה ביותר.
+> 💡 **אנלוגיה מהחיים האמיתיים**: חשבו על זרימת הבקרה כמו על GPS הסבלני ביותר בעולם שנותן לך הוראות. הוא עשוי לומר "אם יש פקקים ברחוב הראשי, קח את הכביש המהיר במקום. אם יש עבודות בכביש המהיר, נסה את הדרך הנופית." תוכניות משתמשות באותו סוג לוגיקה מותנית כדי להגיב בצורה אינטליגנטית למצבים שונים ולספק למשתמשים את החוויה הטובה ביותר.
 
-### 🎯 **בדיקת מושגים: שליטה באבני הבניין**
+### 🎯 **בדיקת מושגים: שליטה באבני בניין**
 
-**בואו נראה איך אתם מתקדמים עם היסודות:**
-- האם אתם יכולים להסביר את ההבדל בין משתנה לפקודה במילים שלכם?
-- תחשבו על תרחיש בעולם האמיתי שבו הייתם משתמשים בהחלטת אם-אז (כמו הדוגמה של ההצבעה שלנו)
-- מה הפתיע אתכם בלוגיקת תכנות?
+**בואו נראה איך אתם מסתדרים עם הבסיס:**
+- האם תוכלו להסביר את ההבדל בין משתנה למשפט במילים שלכם?
+- חשבו על תרחיש אמיתי שבו תשתמשו בהחלטת אם-אז (כמו בדוגמת ההצבעה שלנו)
+- מה הפתיע אתכם בלוגיקת התכנות?
 
-**בוסטר ביטחון מהיר:**
+**הגברת בטחון מהירה:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 הצהרות<br/>(הוראות)"] --> B["📦 משתנים<br/>(אחסון)"] --> C["🔀 זרימת בקרה<br/>(החלטות)"] --> D["🎉 תוכנית עובדת!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **מה שמגיע עכשיו**: אנחנו עומדים ליהנות ממש ממש קפיצה עמוקה יותר למושגים האלה כשנמשיך במסע המדהים הזה יחד! כרגע, תתמקדו בהרגשה של ההתרגשות מכל האפשרויות המדהימות שמלפניכם. הכישורים והטכניקות המדויקות יגיעו באופן טבעי כשנתרגל ביחד – מבטיח שזה יהיה הרבה יותר כיף ממה שציפיתם!
 
-✅ **מה צפוי בהמשך**: אנחנו הולכים ליהנות בטירוף כשנעמיק עוד יותר במושגים האלה ונמשיך במסע המדהים הזה יחד! כרגע, פשוט תתמקדו בהתרגשות מכל האפשרויות המדהימות שמחכות לכם. הכישורים והטכניקות הספציפיים יידבקו באופן טבעי כשנתרגל יחד – אני מבטיח שזה הולך להיות הרבה יותר כיף ממה שאתם מצפים!
-
-## הכלים של המקצוע
+## כלי המסחר
 
-טוב, כאן אני באמת מתרגש עד שאני בקושי יכול להתאפק! 🚀 אנחנו עומדים לדבר על הכלים המדהימים שיגרמו לכם להרגיש כאילו קיבלתם את המפתחות לחללית דיגיטלית.
+טוב, כאן אני באמת מתרגש עד כדי כך שקשה לי להתאפק! 🚀 אנחנו עומדים לדבר על הכלים המדהימים שגורמים לך להרגיש כאילו זה עתה קיבלת את מפתחות החללית הדיגיטלית.
 
-אתם יודעים איך לשף יש את הסכינים המושלמים שמרגישים כמו הארכה של הידיים שלו? או איך למוזיקאי יש את הגיטרה האחת הזאת שנראה שהיא שרה ברגע שהוא נוגע בה? ובכן, למפתחים יש את הגרסה שלנו לכלים הקסומים האלה, והנה מה שיפיל לכם את הלסת – רובם לגמרי בחינם!
+אתה יודע איך לשף יש את הסכינים המאוזנים להפליא שמרגישים כמו המשך של הידיים שלו? או איך למוזיקאי יש את הגיטרה שכשאוחזים בה היא כאילו שרה? ובכן, למפתחים יש את הגרסה שלהם של הכלים הקסומים האלה, והנה מה שיציף את המוח שלך לחלוטין – רובם לגמרי חינמיים!
 
-אני כמעט קופץ מהכיסא שלי מרוב התרגשות לשתף אתכם בזה כי הם שינו לחלוטין איך אנחנו בונים תוכנה. אנחנו מדברים על עוזרי קוד מבוססי AI שיכולים לעזור לכתוב את הקוד שלכם (אני לא צוחק!), סביבות ענן שבהן תוכלו לבנות יישומים שלמים מכל מקום עם Wi-Fi, וכלי דיבאגינג כל כך מתקדמים שהם כמו ראיית רנטגן לתוכניות שלכם.
+אני כמעט מתרוצץ בכיסא מהתרגשות לחשוף את זה לכם כי הם שינו לגמרי איך אנחנו בונים תוכנה. אנחנו מדברים על עוזרים לתכנות עם טכנולוגיית AI שיכולים לעזור לכתוב את הקוד שלך (בלי בדיחה!), סביבות ענן שבהן אתה יכול לבנות יישומים שלמים מכל מקום שיש בו Wi-Fi, וכלי ניפוי שגיאות כה מתקדמים שהם כמו להחזיק בראיית אקס-ריי לתוכניות שלך.
 
-והנה החלק שעדיין נותן לי צמרמורת: אלה לא "כלים למתחילים" שתגדלו מהם. אלה אותם כלים מקצועיים בדיוק שמפתחים בגוגל, נטפליקס, ובסטודיו האפליקציות העצמאי שאתם אוהבים משתמשים בהם ממש ברגע זה. אתם הולכים להרגיש כל כך מקצועיים כשאתם משתמשים בהם!
+והנה החלק שעדיין נותן לי צמרמורת: אלה לא כלים למתחילים שתעבור עליהם. אלה אותם כלים מקצועיים בדיוק שמפתחים ב-Google, Netflix, והסטודיו האינדיפנדנטי שאתה אוהב משתמשים בהם ברגע זה ממש. אתה תרגיש כמו מקצוען אמיתי כשאתה משתמש בהם!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 הרעיון שלך"] --> B["⌨️ עורך קוד<br/>(VS Code)"] 
+    B --> C["🌐 כלי מפתח לדפדפן<br/>(בדיקות ואיתור באגים)"]
+    C --> D["⚡ שורת פקודה<br/>(אוטומציה וכלים)"]
+    D --> E["📚 תיעוד<br/>(למידה והתייחסות)"]
+    E --> F["🚀 אפליקציית ווב מדהימה!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 עוזר בינה מלאכותית<br/>(GitHub Copilot)"]
+    C -.-> H["📱 בדיקת מכשירים<br/>(עיצוב רספונסיבי)"]
+    D -.-> I["📦 מנהלי חבילות<br/>(npm, yarn)"]
+    E -.-> J["👥 קהילה<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -507,150 +504,150 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
+### עורכי קוד ו-IDE: החברים הדיגיטליים החדשים שלך
 
-### עורכי קוד ו-IDEs: החברים הדיגיטליים החדשים שלכם
+בוא נדבר על עורכי קוד – הם הולכים להיות המקומות האהובים עליך לבלות! תחשוב עליהם כמקדש הקוד הפרטי שלך שבו תבלה את רוב הזמן ביצירה והתמקצעות של היצירות הדיגיטליות שלך.
 
-בואו נדבר על עורכי קוד – הם עומדים להפוך למקומות האהובים עליכם לבלות בהם! תחשבו עליהם כעל מקדש הקוד האישי שלכם שבו תבלו את רוב הזמן ביצירת ושיפור היצירות הדיגיטליות שלכם.
+אבל הנה מה שיש קסום מאוד בעורכים מודרניים: הם לא סתם עורך טקסט מפואר. הם כמו מנטור לתכנות הכי חכם ותומך שיושב לצידך 24/7. הם תופסים טעויות הקלדה עוד לפני שאתה שם לב, מציעים שיפורים שגורמים לך להיראות גאון, עוזרים לך להבין כל פיסת קוד, ויש אפילו כאלה שיכולים לנבא מה אתה עומד להקליד ולהציע להשלים את המחשבות שלך!
 
-אבל הנה מה שממש קסום בעורכים מודרניים: הם לא רק עורכי טקסט מפוארים. הם כמו שיש לכם את המנטור הכי מבריק ותומך שיושב לידכם 24/7. הם תופסים את הטעויות שלכם לפני שאתם בכלל שמים לב, מציעים שיפורים שגורמים לכם להיראות כמו גאונים, עוזרים לכם להבין מה כל חלק בקוד עושה, וחלקם אפילו יכולים לנבא מה אתם עומדים להקליד ולהציע לסיים את המחשבות שלכם!
+אני זוכר כשגיליתי את ההשלמה האוטומטית – הרגשתי ממש כאילו אני חי בעתיד. אתה מתחיל להקליד משהו, והעורך שלך אומר, "האם חשבת על הפונקציה הזו שעושה בדיוק את מה שאתה צריך?" זה כמו שיהיה לך קורא מחשבות כחבר הקוד!
 
-אני זוכר כשגיליתי לראשונה השלמה אוטומטית – הרגשתי כאילו אני חי בעתיד. אתם מתחילים להקליד משהו, והעורך שלכם אומר, "היי, חשבתם על הפונקציה הזאת שעושה בדיוק מה שאתם צריכים?" זה כמו שיש לכם קורא מחשבות כחבר קוד שלכם!
+**מה הופך את העורכים האלה למדהימים כל כך?**
 
-**מה הופך את העורכים האלה לכל כך מדהימים?**
+עורכי קוד מודרניים מציעים מערך מרשים של תכונות שנועדו להגביר את הפרודוקטיביות שלך:
 
-עורכי קוד מודרניים מציעים מגוון מרשים של תכונות שנועדו לשפר את הפרודוקטיביות שלכם:
+| תכונה | מה היא עושה | למה זה עוזר |
+|---------|--------------|--------------|
+| **הדגשת תחביר** | צובע חלקים שונים בקוד שלך | מקל על קריאת הקוד וזיהוי שגיאות |
+| **השלמה אוטומטית** | מציע קוד כשאתה מקליד | מזרז את התכנות ומפחית טעויות הקלדה |
+| **כלי ניפוי שגיאות** | עוזר למצוא ולתקן שגיאות | חוסך שעות של פתרון בעיות |
+| **הרחבות** | מוסיף תכונות מתמחות | מאפשר התאמה אישית של העורך לכל טכנולוגיה |
+| **עוזרי AI** | מציעים קוד והסברים | מ aceler מצביעים על למידה ופרודוקטיביות |
 
-| תכונה | מה היא עושה | למה היא עוזרת |
-|-------|--------------|---------------|
-| **הדגשת תחביר** | צובעת חלקים שונים בקוד שלכם | מקלה על קריאת הקוד וזיהוי שגיאות |
-| **השלמה אוטומטית** | מציעה קוד בזמן שאתם מקלידים | מאיצה את הכתיבה ומפחיתה טעויות |
-| **כלי דיבאגינג** | עוזרים לכם למצוא ולתקן שגיאות | חוסכים שעות של פתרון בעיות |
-| **הרחבות** | מוסיפות תכונות מיוחדות | מאפשרות התאמה אישית של העורך לכל טכנולוגיה |
-| **עוזרי AI** | מציעים קוד והסברים | מאיצים את הלמידה והפרודוקטיביות |
+> 🎥 **משאב וידאו**: רוצה לראות את הכלים האלה בפעולה? צפה ב-[וידאו כלים למסחר](https://youtube.com/watch?v=69WJeXGBdxg) למבט כולל.
 
-> 🎥 **משאב וידאו**: רוצים לראות את הכלים האלה בפעולה? צפו ב-[וידאו על הכלים של המקצוע](https://youtube.com/watch?v=69WJeXGBdxg) לסקירה מקיפה.
+#### עורכים מומלצים לפיתוח ווב
 
-#### עורכים מומלצים לפיתוח אתרים
-
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (חינם)
-- הכי פופולרי בקרב מפתחי אתרים
-- מערכת הרחבות מצוינת
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (חינמי)
+- הפופולרי ביותר בקרב מפתחי ווב
+- אקוסיסטם מצוין של הרחבות
 - טרמינל מובנה ואינטגרציה עם Git
 - **הרחבות חובה**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - הצעות קוד מבוססות AI
+  - [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) - זיהוי טעויות כתיב בקוד
+  - [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/)** (בתשלום, חינמי לסטודנטים)
+- כלים מתקדמים לניפוי שגיאות ובדיקות
+- השלמת קוד חכמה
 - בקרת גרסאות מובנית
 
-**IDEs מבוססי ענן** (מחירים משתנים)
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code מלא בדפדפן שלכם
+**IDE מבוססי ענן** (מחירים משתנים)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code מלא בדפדפן שלך
 - [Replit](https://replit.com/) - מעולה ללמידה ושיתוף קוד
-- [StackBlitz](https://stackblitz.com/) - פיתוח אתרים מלא, מיידי
+- [StackBlitz](https://stackblitz.com/) - פיתוח ווב מיידי במלואו
 
-> 💡 **טיפ להתחלה**: התחילו עם Visual Studio Code – הוא חינמי, בשימוש נרחב בתעשייה, ויש לו קהילה עצומה שיוצרת מדריכים והרחבות מועילים.
+> 💡 **טיפ להתחלה**: התחל עם Visual Studio Code – הוא חינמי, בשימוש נרחב בתעשייה, ויש לו קהילה ענקית שיוצרת מדריכים והרחבות מועילות.
 
-### דפדפני אינטרנט: המעבדה הסודית שלכם לפיתוח
+### דפדפני אינטרנט: המעבדה הסודית שלך לפיתוח
 
-אוקיי, תתכוננו להיות מופתעים לחלוטין! אתם יודעים איך השתמשתם בדפדפנים כדי לגלול ברשתות חברתיות ולצפות בסרטונים? ובכן, מתברר שהם הסתירו את המעבדה הסודית המדהימה הזאת למפתחים כל הזמן הזה, רק מחכים שתגלו אותה!
+טוב, התכונן שינהפך לך את התודעה! אתה יודע איך אתה משתמש בדפדפנים לגלול ברשתות חברתיות ולצפות בסרטונים? אז מסתבר שהם הסתירו את המעבדה הסודית והמדהימה הזו לפיתוח כל הזמן הזה, מחכה שתגלה אותה!
 
-בכל פעם שאתם לוחצים לחיצה ימנית על דף אינטרנט ובוחרים "Inspect Element", אתם פותחים עולם נסתר של כלי פיתוח שהם באמת יותר חזקים מחלק מהתוכנות היקרות ששילמתי עליהן מאות דולרים בעבר. זה כמו לגלות שהמטבח הרגיל שלכם מסתיר מעבדה של שף מקצועי מאחורי פאנל סודי!
-בפעם הראשונה שמישהו הראה לי את כלי הפיתוח של הדפדפן, ביליתי בערך שלוש שעות בלחיצה על כל מיני דברים ואמרתי לעצמי "רגע, זה יכול לעשות גם את זה?!" אפשר ממש לערוך כל אתר בזמן אמת, לראות בדיוק כמה מהר הכל נטען, לבדוק איך האתר שלך נראה במכשירים שונים ואפילו לנפות שגיאות ב-JavaScript כמו מקצוען אמיתי. זה פשוט מדהים!
+בכל פעם שלוחצים קליק ימני על דף אינטרנט ובוחרים "בדוק אלמנט," אתה פותח עולם נסתר של כלי מפתח שהם אותנטיים יותר חזקים מתוכנות יקרות ששילמתי להן מאות שקלים. זה כמו לגלות שהמטבח הרגיל שלך הסתיר מעבדת שף מקצועית מאחורי לוח סודי!
+הפעם הראשונה שמישהו הראה לי את כלי הפיתוח בדפדפן (DevTools), ביליתי בערך שלוש שעות רק לוחץ סביב ואומר "חכה, גם את זה הוא יכול?!" בפועל, אפשר לערוך כל אתר בזמן אמת, לראות בדיוק כמה מהר הכל נטען, לבדוק איך האתר שלך נראה במכשירים שונים ואפילו לנפות באג‘ים ב-JavaScript כמו מקצוען אמיתי. זה פשוט מדהים ומעורר מחשבה!
 
-**למה דפדפנים הם הנשק הסודי שלך:**
+**הנה למה הדפדפנים הם הנשק הסודי שלך:**
 
-כשאתה יוצר אתר או אפליקציה, אתה צריך לראות איך הם נראים ומתנהגים בעולם האמיתי. דפדפנים לא רק מציגים את העבודה שלך, אלא גם מספקים משוב מפורט על ביצועים, נגישות ובעיות פוטנציאליות.
+כשאתה יוצר אתר או אפליקציה, אתה צריך לראות איך הם נראים ומתנהגים בעולם האמיתי. הדפדפנים לא רק מציגים את העבודה שלך, אלא גם מספקים משוב מפורט על ביצועים, נגישות ובעיות פוטנציאליות.
 
-#### כלי פיתוח בדפדפן (DevTools)
+#### כלי המפתח בדפדפן (DevTools)
 
-דפדפנים מודרניים כוללים סוויטות פיתוח מקיפות:
+דפדפנים מודרניים כוללים ערכות פיתוח מקיפות:
 
-| קטגוריית כלי | מה הוא עושה | דוגמה לשימוש |
+| קטגוריית כלי | מה הכלי עושה | דוגמה לשימוש |
 |---------------|--------------|------------------|
-| **Element Inspector** | צפייה ועריכה של HTML/CSS בזמן אמת | התאמת עיצוב כדי לראות תוצאות מיידיות |
-| **Console** | צפייה בהודעות שגיאה ובדיקת JavaScript | ניפוי בעיות וניסויים בקוד |
-| **Network Monitor** | מעקב אחר טעינת משאבים | אופטימיזציה לביצועים וזמני טעינה |
-| **Accessibility Checker** | בדיקה לעיצוב כוללני | לוודא שהאתר שלך עובד עבור כל המשתמשים |
-| **Device Simulator** | תצוגה במידות מסך שונות | בדיקת עיצוב רספונסיבי ללא צורך במכשירים מרובים |
+| **בוחן אלמנטים** | הצגה ועריכה של HTML/CSS בזמן אמת | התאמת עיצוב ותצוגה מיידית |
+| **מסוף** | הצגת הודעות שגיאה ובדיקת JavaScript | פתרון בעיות ונסיונות קוד |
+| **מוניטור רשת** | מעקב אחר טעינת משאבים | אופטימיזציה של ביצועים וזמנים לטעינה |
+| **בודק נגישות** | בדיקה של עיצוב כוללני | הבטחת תקינות האתר לכל המשתמשים |
+| **סימולטור מכשירים** | תצוגה במידות מסך שונות | בדיקת עיצוב רספונסיבי בלי מכשירים שונים |
 
 #### דפדפנים מומלצים לפיתוח
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - כלי פיתוח סטנדרטיים בתעשייה עם תיעוד נרחב
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - כלים מצוינים ל-CSS Grid ולנגישות
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - מבוסס על Chromium עם משאבי פיתוח של מיקרוסופט
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - כלי פיתוח נפוצים בתעשייה עם תיעוד נרחב
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - כלים מצוינים ל-CSS Grid ונגישות
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - מבוסס על Chromium עם מקורות פיתוח של מיקרוסופט
+
+> ⚠️ **טיפ חשוב לבדיקה**: תמיד בדוק אתרים שלך בכמה דפדפנים! מה שעובד מצוין ב-Chrome עשוי להראות שונה ב-Safari או Firefox. מפתחים מקצועיים בודקים בכל הדפדפנים המרכזיים כדי להבטיח חוויית משתמש עקבית.
 
-> ⚠️ **טיפ חשוב לבדיקות**: תמיד בדוק את האתרים שלך בכמה דפדפנים! מה שעובד בצורה מושלמת ב-Chrome עשוי להיראות שונה ב-Safari או Firefox. מפתחים מקצועיים בודקים בכל הדפדפנים המרכזיים כדי להבטיח חוויות משתמש עקביות.
 
-### כלי שורת הפקודה: השער שלך לכוחות העל של המפתחים
+### כלי שורת הפקודה: שער הכוח שלך כמפתח
 
-טוב, בואו נדבר בכנות על שורת הפקודה, כי אני רוצה שתשמעו את זה ממישהו שבאמת מבין. בפעם הראשונה שראיתי אותה – רק מסך שחור מפחיד עם טקסט מהבהב – חשבתי לעצמי, "לא, ממש לא! זה נראה כמו משהו מסרט האקרים משנות ה-80, ואני בטוח לא מספיק חכם בשביל זה!" 😅
+טוב, בואו נקדיש רגע של כנות לגבי שורת הפקודה, כי רוצה שתשמע את זה מאדם שמבין באמת. כשראיתי אותה לראשונה – רק מסך שחור מפחיד עם טקסט מהבהב – חשבתי ממש, "לא, בהחלט לא! זה נראה כמו משהו מסרט האקרים משנות ה-80, ואני בטוח לא חכם מספיק לזה!" 😅
 
-אבל הנה מה שהייתי רוצה שמישהו יגיד לי אז, ומה שאני אומר לכם עכשיו: שורת הפקודה לא מפחידה – היא בעצם כמו לנהל שיחה ישירה עם המחשב שלך. תחשבו על זה כמו ההבדל בין להזמין אוכל דרך אפליקציה מפוארת עם תמונות ותפריטים (שזה נחמד וקל) לבין להיכנס למסעדה המקומית האהובה עליכם, שם השף יודע בדיוק מה אתם אוהבים ויכול להכין משהו מושלם רק אם תגידו "תפתיע אותי במשהו מדהים."
+אבל הנה מה שהייתי רוצה שמישהו היה אומר לי אז, ומה שאני אומר לך עכשיו: שורת הפקודה לא מפחידה – היא בעצם כמו שיחה ישירה עם המחשב שלך. תחשוב על זה כמו ההבדל בין להזמין אוכל דרך אפליקציה מפוארת עם תמונות ותפריטים (שזה נוח וקל) לבין להיכנס למסעדה האהובה עליך שבה השף יודע בדיוק מה אתה אוהב ויכול להכין משהו מושלם רק שתאמר "הפתע אותי במשהו מדהים."
 
-שורת הפקודה היא המקום שבו מפתחים מרגישים כמו קוסמים אמיתיים. אתם מקלידים כמה מילים שנראות קסומות (טוב, הן רק פקודות, אבל הן מרגישות קסומות!), לוחצים על Enter, ובום – יצרתם מבני פרויקטים שלמים, התקנתם כלים חזקים מכל העולם, או פרסמתם את האפליקציה שלכם באינטרנט למיליוני אנשים. ברגע שתחוו את הכוח הזה בפעם הראשונה, זה באמת ממכר!
+שורת הפקודה היא המקום שבו מפתחים מרגישים כמו קוסמים מוחלטים. אתה מקליד כמה מילים שנראות קסומות (טוב, הן סתם פקודות, אבל זה מרגיש קסום!), לוחץ אנטר, ויום-טוב – יצרת מבני פרויקטים שלמים, התקנת כלי פיתוח רבי עוצמה מרחבי העולם או פרסת את האפליקציה שלך באינטרנט למיליוני אנשים לצפייה. ברגע שאתה טועם את הכוח הזה, זה די ממכר!
 
-**למה שורת הפקודה תהפוך לכלי האהוב עליכם:**
+**למה שורת הפקודה תהפוך לכלי האהוב עליך:**
 
-למרות שממשקים גרפיים נהדרים להרבה משימות, שורת הפקודה מצטיינת באוטומציה, דיוק ומהירות. הרבה כלי פיתוח עובדים בעיקר דרך ממשקי שורת פקודה, ולמידה כיצד להשתמש בהם ביעילות יכולה לשפר משמעותית את הפרודוקטיביות שלכם.
+בעוד ממשקי גרפיקה מצוינים למשימות רבות, שורת הפקודה מצטיינת באוטומציה, דיוק ומהירות. רבים מכלי הפיתוח עובדים בעיקר בשורת פקודה, ולימוד השימוש בהם בצורה יעילה יכול לשפר פלאים את הפרודוקטיביות שלך.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# שלב 1: צור ונווט לתיקיית הפרויקט
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**מה הקוד הזה עושה:**
-- **יוצר** ספרייה חדשה בשם "my-awesome-website" עבור הפרויקט שלכם
-- **מנווט** לתוך הספרייה החדשה כדי להתחיל לעבוד
+**הנה מה שהקוד הזה עושה:**
+- **יצירת** תיקייה חדשה בשם "my-awesome-website" עבור הפרויקט שלך
+- **כניסה** לתיקייה החדשה כדי להתחיל עבודה
 
 ```bash
-# Step 2: Initialize project with package.json
+# שלב 2: אתחול הפרויקט עם package.json
 npm init -y
 
-# Install modern development tools
+# התקן כלי פיתוח מודרניים
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**שלב אחר שלב, מה קורה כאן:**
-- **מאתחל** פרויקט חדש של Node.js עם הגדרות ברירת מחדל באמצעות `npm init -y`
-- **מתקין** את Vite ככלי בנייה מודרני לפיתוח מהיר ובנייה לפרודקשן
-- **מוסיף** את Prettier לעיצוב קוד אוטומטי ואת ESLint לבדיקת איכות קוד
-- **משתמש** בדגל `--save-dev` כדי לסמן את אלה כתלויות לפיתוח בלבד
+**שלב אחר שלב, הנה מה שקורה:**
+- **איתחול** פרויקט Node.js חדש עם הגדרות ברירת מחדל באמצעות `npm init -y`
+- **התקנת** Vite ככלי בנייה מודרני לפיתוח מהיר ובניית הפקה
+- **הוספת** Prettier לפורמט אוטומטי של הקוד ו-ESLint לבדיקת איכות הקוד
+- **שימוש** ב-`--save-dev` לסימון תלותות לפיתוח בלבד
 
 ```bash
-# Step 3: Create project structure and files
+# שלב 3: יצירת מבנה הפרויקט והקבצים
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# הפעלת שרת הפיתוח
 npx vite
 ```
 
-**במהלך זה, עשינו:**
-- **ארגון** הפרויקט על ידי יצירת תיקיות נפרדות לקוד מקור ולמשאבים
-- **יצירת** קובץ HTML בסיסי עם מבנה מסמך נכון
-- **התחלת** שרת הפיתוח של Vite לטעינה מחדש בזמן אמת והחלפת מודולים חמים
+**כפי שנעשה למעלה:**
+- **ארגון** הפרויקט על ידי יצירת תיקיות נפרדות לקוד מקור ונכסים
+- **יצירת** קובץ HTML בסיסי עם מבנה תקין
+- **הפעלת** שרת הפיתוח של Vite לטעינה מחדש ו-Hot Module Replacement
 
 #### כלי שורת פקודה חיוניים לפיתוח אתרים
 
-| כלי | מטרה | למה אתם צריכים אותו |
+| כלי | מטרה | למה אתה צריך אותו |
 |------|---------|-----------------|
-| **[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/)** | סביבת ריצה לנג'אווה סקריפט וניהול חבילות | הרצת JS מחוץ לדפדפן, התקנת כלי פיתוח מודרניים |
+| **[Vite](https://vitejs.dev/)** | כלי בנייה ושרת פיתוח | פיתוח מהיר במיוחד עם החלפת מודולים חמה |
+| **[ESLint](https://eslint.org/)** | איכות קוד | מציאת ותקון עצמאי של בעיות בקוד JS |
+| **[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)** 💻 - סביבת סקריפטים חזקה
+- **[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
 
 **macOS:**
@@ -658,78 +655,77 @@ npx vite
 - **[iTerm2](https://iterm2.com/)** - טרמינל משופר עם תכונות מתקדמות
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - shell סטנדרטי של 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 בלילה? התיעוד שם עם חיבוק וירטואלי חם ותשובה מדויקת שאתם צריכים. רוצים ללמוד על תכונה חדשה ומגניבה שכולם מדברים עליה? התיעוד תומך בכם עם דוגמאות שלב אחר שלב. מנסים להבין למה משהו עובד כמו שהוא עובד? ניחשתם נכון – התיעוד מוכן להסביר את זה בצורה שתגרום לזה סוף סוף להתחבר!
+תחשוב על התיעוד בתור גישה למורים הסבלניים, בעלי הידע העצום, הזמינים 24/7. תקוע בבעיה בשתיים לפנות בוקר? התיעוד שם עם חיבוק וירטואלי חם ותשובה מדויקת. רוצה ללמוד על תכונה חדשה שכולם מדברים עליה? התיעוד כאן עם דוגמאות שלב אחר שלב. מנסה להבין למה משהו עובד כמו שהוא עובד? ניחשת נכון – התיעוד מוכן להסביר בדרך שתגרום לך להבין לבסוף!
 
-הנה משהו ששינה לגמרי את הפרספקטיבה שלי: עולם פיתוח האתרים מתקדם במהירות מדהימה, ואף אחד (אני מתכוון ממש אף אחד!) לא זוכר הכל בעל פה. ראיתי מפתחים בכירים עם ניסיון של 15+ שנים מחפשים תחביר בסיסי, ואתם יודעים מה? זה לא מביך – זה חכם! זה לא על זיכרון מושלם; זה על לדעת איפה למצוא תשובות אמינות במהירות ולהבין איך ליישם אותן.
+הנה משהו ששינה לגמרי את נקודת המבט שלי: עולם הפיתוח מתקדם במהירות מטורפת, ואף אחד (אני מתכוון ממש אף אחד!) לא זוכר הכל בעל פה. ראיתי מפתחים בכירים עם מעל 15 שנות ניסיון שמחפשים דקדוק בסיסי, ואתה יודע מה? זה כלל לא מבייש – זה חכם! זה לא עניין של זיכרון מושלם, אלא לדעת איפה למצוא תשובות אמינות במהירות ולהבין איך ליישם אותן.
 
-**היכן מתרחש הקסם האמיתי:**
+**פה הקסם האמיתי קורה:**
 
-מפתחים מקצועיים מבלים חלק משמעותי מזמנם בקריאת תיעוד – לא כי הם לא יודעים מה הם עושים, אלא כי עולם פיתוח האתרים מתפתח כל כך מהר, שהישארות מעודכנת דורשת למידה מתמשכת. תיעוד טוב עוזר לכם להבין לא רק *איך* להשתמש במשהו, אלא גם *למה* ו*מתי* להשתמש בו.
+מפתחים מקצועיים מבלים מרבית זמנם בקריאת תיעוד – לא כי הם לא יודעים, אלא כי הנוף של פיתוח האינטרנט משתנה כל כך מהר שצריך ללמוד תמיד. תיעוד טוב מסייע לך להבין לא רק *איך* להשתמש במשהו, אלא *למה* ומתי להשתמש בו.
 
 #### משאבי תיעוד חיוניים
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - הסטנדרט הזהב לתיעוד טכנולוגיות אינטרנט
 - מדריכים מקיפים ל-HTML, CSS ו-JavaScript
-- כולל מידע על תאימות דפדפנים
-- מציע דוגמאות מעשיות ודמואים אינטראקטיביים
+- כולל מידע על תאימות לדפדפנים
+- כולל דוגמאות מעשיות והדגמות אינטראקטיביות
 
-**[Web.dev](https://web.dev)** (מאת Google)
-- שיטות עבודה מומלצות לפיתוח אתרים מודרני
-- מדריכים לאופטימיזציית ביצועים
-- עקרונות עיצוב כוללני ונגישות
-- מחקרים ממקרים אמיתיים
+**[Web.dev](https://web.dev)** (מאת גוגל)
+- שיטות עבודה מתקדמות לפיתוח אינטרנט
+- מדריכים לאופטימיזציה של ביצועים
+- עקרונות נגישות ועיצוב כוללני
+- מקרי מבחן מפרויקטים אמיתיים
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- משאבי פיתוח לדפדפן Edge
-- מדריכים לאפליקציות אינטרנט מתקדמות
+- מקורות לפיתוח בדפדפן Edge
+- מדריכים ל-Progressive Web Apps
 - תובנות לפיתוח חוצה פלטפורמות
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - תוכניות לימוד מובנות
 - קורסי וידאו ממומחים בתעשייה
-- תרגילי קידוד מעשיים
+- תרגולים מעשיים
 
-> 📚 **אסטרטגיית לימוד**: אל תנסו לשנן תיעוד – במקום זאת, למדו איך לנווט בו ביעילות. סמנו במועדפים הפניות שאתם משתמשים בהן לעיתים קרובות ותרגלו שימוש בפונקציות החיפוש כדי למצוא מידע ספציפי במהירות.
+> 📚 **אסטרטגיית לימוד**: אל תנסה לשנן תיעוד – במקום זאת, למד איך לנווט בו ביעילות. סמן הפניות שימושיות בתדירות גבוהה ותרגל חיפוש מידע ספציפי במהירות.
 
-### 🔧 **בדיקת שליטה בכלים: מה מדבר אליכם?**
+### 🔧 **בדיקת שליטה בכלים: מה מדבר אליך?**
 
-**קחו רגע לחשוב:**
-- איזה כלי הכי מרגש אתכם לנסות ראשון? (אין תשובה שגויה!)
-- האם שורת הפקודה עדיין מרגישה מאיימת, או שאתם סקרנים לגביה?
-- האם אתם יכולים לדמיין שימוש בכלי הפיתוח של הדפדפן כדי להציץ מאחורי הקלעים של האתרים האהובים עליכם?
+**קח רגע לחשוב:**
+- איזה כלי הכי מתרגש לך לנסות ראשון? (אין תשובה לא נכונה!)
+- האם שורת הפקודה עדיין מרגישה מאיימת, או שאתה סקרן לגביה?
+- האם אתה יכול לדמיין להשתמש בכלי הפיתוח בדפדפן כדי להציץ מאחורי הקלעים של האתרים האהובים עליך?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "זמן המפתח שהושקע עם כלים"
+    "עורך קוד" : 40
+    "בדיקת דפדפן" : 25
+    "שורת פקודה" : 15
+    "קריאת תיעודים" : 15
+    "איתור באגים" : 5
 ```
+> **תובנה מעניינת**: מרבית המפתחים מבלים כ-40% מזמנם בעורך הקוד, אך שים לב כמה זמן מוקדש לבדיקה, ללמידה ולפתרון בעיות. תכנות זו לא רק כתיבת קוד – זו יצירת חוויות!
 
-> **תובנה כיפית**: רוב המפתחים מבלים כ-40% מזמנם בעורך הקוד שלהם, אבל שימו לב כמה זמן מוקדש לבדיקות, למידה ופתרון בעיות. תכנות זה לא רק כתיבת קוד – זה יצירת חוויות!
-
-✅ **מחשבה מעניינת**: הנה משהו מעניין לחשוב עליו – איך לדעתכם הכלים לבניית אתרים (פיתוח) עשויים להיות שונים מהכלים לעיצוב המראה שלהם (עיצוב)? זה כמו ההבדל בין להיות אדריכל שמעצב בית יפה לבין הקבלן שבאמת בונה אותו. שניהם חיוניים, אבל הם צריכים ארגזי כלים שונים! מחשבה כזו באמת תעזור לכם לראות את התמונה הגדולה של איך אתרים מתעוררים לחיים.
+✅ **מועד למחשבה**: הנה משהו מעניין לשקול – איך לדעתך הכלים לבניית אתרים (פיתוח) שונים מהכלים לעיצוב איך הם נראים (עיצוב)? זה כמו ההבדל בין אדריכל שמתכנן בית יפה לבין קבלן שבונה אותו בפועל. שניהם חשובים, אבל כל אחד זקוק לקופסת כלים שונה! חשיבה כזו תעזור לך לראות את התמונה הגדולה של איך אתרים באים לחיים.
 
 ## אתגר סוכן GitHub Copilot 🚀
 
-השתמשו במצב סוכן כדי להשלים את האתגר הבא:
+השתמש במצב סוכן כדי להשלים את האתגר הבא:
 
-**תיאור:** חקרו את התכונות של עורך קוד מודרני או IDE והדגימו כיצד הוא יכול לשפר את זרימת העבודה שלכם כמפתחי אתרים.
+**תיאור:** חקור תכונות של עורך קוד מודרני או IDE והדגם כיצד הוא יכול לשפר את תהליך העבודה שלך כמפתח ווב.
 
-**הנחיה:** בחרו עורך קוד או IDE (כמו Visual Studio Code, WebStorm או IDE מבוסס ענן). רשמו שלוש תכונות או הרחבות שעוזרות לכם לכתוב, לנפות שגיאות או לתחזק קוד בצורה יעילה יותר. עבור כל אחת, ספקו הסבר קצר על איך היא משפרת את זרימת העבודה שלכם.
+**הנחיה:** בחר עורך קוד או IDE (כגון Visual Studio Code, WebStorm או IDE מבוסס ענן). פרט שלוש תכונות או הרחבות שעוזרות לך לכתוב, לנפות באגים או לתחזק קוד ביעילות. עבור כל אחד, הסבר בקצרה כיצד הוא מועיל לתהליך העבודה שלך.
 
 ---
 
@@ -737,120 +733,121 @@ pie title "Developer Time Spent With Tools"
 
 **טוב, בלש, מוכן לתיק הראשון שלך?**
 
-עכשיו כשיש לך את הבסיס המדהים הזה, יש לי הרפתקה שתעזור לך לראות עד כמה עולם התכנות מגוון ומרתק באמת. ותשמע – זה לא על כתיבת קוד עדיין, אז אין לחץ! תחשוב על עצמך כבלש שפות על התיק הראשון המרגש שלו!
+עכשיו כשיש לך את הבסיס המדהים הזה, יש לי הרפתקה שתעזור לך לראות כמה העולם של התכנות מגוון ומרתק באמת. והקשב – זה לא על כתיבת קוד עדיין, אז בלי לחץ! תחשוב על עצמך כבלש שפת תכנות בתיק המרגש הראשון שלו!
 
-**המשימה שלך, אם תבחר לקבל אותה:**
-1. **הפוך לחוקר שפות**: בחר שלוש שפות תכנות מעולמות שונים לחלוטין – אולי אחת שבונה אתרים, אחת שיוצרת אפליקציות מובייל ואחת שמנתחת נתונים למדענים. מצא דוגמאות לאותה משימה פשוטה שנכתבה בכל אחת מהשפות. אני מבטיח שתהיה מופתע לחלוטין כמה הן יכולות להיראות שונות בזמן שהן עושות בדיוק את אותו הדבר!
+**המשימה שלך, אם תבחר לקבלה:**
+1. **הפוך לחוקר שפות:** בחר שלוש שפות תכנות מיקום שונים לגמרי – אולי אחת לבניית אתרים, אחת ליצירת אפליקציות מובייל, ואחת לעיבוד מידע למדענים. חפש דוגמאות לאותה משימה פשוטה בכל שפה. מבטיח שתתפלא עד כמה הן שונות למרות שהן עושות את אותו הדבר בדיוק!
 
-2. **גלה את סיפורי המקור שלהן**: מה הופך כל שפה למיוחדת? הנה עובדה מגניבה – כל שפת תכנות נוצרה כי מישהו חשב, "אתם יודעים מה? חייב להיות דרך טובה יותר לפתור את הבעיה הספציפית הזו." האם תוכל להבין מה היו הבעיות האלה? חלק מהסיפורים האלה באמת מרתקים!
+2. **גלה את סיפורי המקור שלהן:** מה עושה כל שפה למיוחדת? הנה עובדה מגניבה – כל שפת תכנות נוצרה כי מישהו חשב, "אתה יודע מה? חייב להיות דרך טובה יותר לפתור את הבעיה הזאת." האם תוכל לברר מה היו הבעיות האלה? כמה סיפורים ממש מסקרנים!
 
-3. **פגוש את הקהילות**: בדוק כמה כל קהילה של השפה מסבירת פנים ונלהבת. חלקן כוללות מיליוני מפתחים שמשתפים ידע ועוזרים זה לזה, אחרות קטנות יותר אבל מאוד מלוכדות ותומכות. אתה תאהב לראות את האישיות השונה של הקהילות האלה!
+3. **הכר את הקהילות:** בדוק כמה כל קהילה של שפה מסבירת פנים ותומכת. יש כאלו עם מיליוני מפתחים שמשתפים ידע ועוזרים זה לזה, אחרים קטנים אבל מאוחדים ותומכים. תאהב לראות את האישיויות השונות שיש לקהילות האלה!
 
-4. **עקוב אחרי תחושת הבטן שלך**: איזו שפה מרגישה הכי נגישה לך כרגע? אל תדאג לגבי הבחירה "המושלמת" – פשוט הקשב לאינסטינקטים שלך! אין כאן תשובה שגויה, ותמיד תוכל לחקור אחרות מאוחר יותר.
+4. **לך על האינטואיציה:** איזו שפה מרגישה לך הכי נגישה כרגע? אל תתחרט על הבחירה "המאושרת" – פשוט תקשיב לתחושת הבטן שלך! אין תשובה לא נכונה כאן, ותמיד תוכל לחקור שפות נוספות אחר כך.
 
-**עבודת בלשות בונוס**: נסה לגלות אילו אתרים או אפליקציות גדולות נבנו עם כל שפה. אני מבטיח שתהיה מופתע לגלות מה מניע את Instagram, Netflix או את המשחק הנייד שאתה לא יכול להפסיק לשחק!
+**עבודה נוספת לבלש:** נסה לגלות אילו אתרים או אפליקציות גדולות נבנו באיזו שפה. אני מבטיח שתתפלא לגלות מי מפעיל את Instagram, Netflix או את משחק המובייל שאי אפשר להפסיק לשחק בו!
 
-> 💡 **זכור**: אתה לא מנסה להפוך למומחה באף אחת מהשפות האלה היום. אתה רק מכיר את השכונה לפני שאתה מחליט איפה אתה רוצה להתמקם. קח את הזמן, תהנה מזה ותן לסקרנות שלך להוביל אותך!
+> 💡 **זכור**: אתה לא מנסה להפוך למומחה באף אחת מהשפות היום. אתה רק מכיר את השכונה לפני שתחליט איפה להקים חנות. קח את הזמן, תיהנה, ותן לסקרנות להוביל אותך!
 
-## בואו נחגוג את מה שגיליתם!
+## בוא נחגוג את מה שגילית!
 
-וואו, ספגת כל כך הרבה מידע מדהים היום! אני באמת מתרגש לראות כמה מהמסע המדהים הזה נשאר איתך. וזכור – זה לא מבחן שבו אתה צריך להיות מושלם. זה יותר כמו חגיגה של כל הדברים המגניבים שלמדת על העולם המרתק הזה שאתה עומד לצלול לתוכו!
+וואו, ספגת כל כך הרבה מידע מדהים היום! אני באמת מתרגש לראות כמה מהמסע המדהים הזה נחקק בך. וזכור – זה לא מבחן שבו צריך להיות מושלם. זו יותר חגיגה של כל הדברים המגניבים שלמדת על העולם המרתק הזה שאליו אתה עומד לצלול!
 
-[קח את מבחן הסיכום לאחר השיעור](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/). אל תפחדו להתנסות – אתם לא יכולים לשבור שום דבר!
-- קראו על איך השפה האהובה עליכם נוצרה. באמת, חלק מהסיפורים האלה מרתקים ויעזרו לכם להבין למה השפות פועלות כפי שהן.
+**תנסה בעצמך עם שפות תכנות:**
+- בקר באתרי האינטרנט הרשמיים של 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/). קהילת התכנות פתוחה בצורה מדהימה לחדשים!
+- צפה בכמה סרטונים ידידותיים למתחילים על כתיבת קוד ביוטיוב. יש כל כך הרבה יוצרים נהדרים שמזכירים מה זה להתחיל.
+- שקול להצטרף למפגשים מקומיים או לקהילות אונליין. תאמין לי, מפתחים אוהבים לעזור לחדשים!
+
+> 🎯 **תקשיב, הנה מה שאני רוצה שתזכור**: לא מצפים ממך להפוך לקוסם קוד בן לילה! כרגע אתה פשוט מכיר את העולם החדש המדהים שאתה עומד להיות חלק ממנו. קח את הזמן, תהנה מהמסע, וזכור – כל מפתח שאתה מעריך ישב פעם בדיוק איפה שאתה עכשיו, מרגיש נלהב ואולי קצת מוצף. זה לגמרי נורמלי, וזה אומר שאתה בדרך הנכונה!
 
-> 🎯 **הקשיבו, הנה מה שאני רוצה שתזכרו**: אף אחד לא מצפה שתהפכו לקוסמי תכנות בן לילה! כרגע, אתם רק מתחילים להכיר את העולם המדהים הזה שאתם עומדים להיות חלק ממנו. קחו את הזמן, תהנו מהמסע, וזכרו – כל מפתח שאתם מעריצים היה פעם בדיוק במקום שבו אתם נמצאים עכשיו, מרגיש נרגש ואולי קצת מוצף. זה לגמרי נורמלי, וזה אומר שאתם עושים את זה נכון.
 
----
 
 ## משימה
 
-[קריאת המסמכים](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **רמז קטן למשימה שלכם**: אני ממש אשמח לראות אתכם חוקרים כמה כלים שלא כיסינו עדיין! דלגו על העורכים, הדפדפנים וכלי שורת הפקודה שכבר דיברנו עליהם – יש יקום מדהים של כלים לפיתוח שמחכה להתגלות. חפשו כאלה שמתוחזקים באופן פעיל ויש להם קהילות תוססות ועוזרות (בדרך כלל יש להם את המדריכים הטובים ביותר ואת האנשים הכי תומכים כשאתם נתקעים וצריכים יד ידידותית).
+> 💡 **דחף קטן למשימה שלך**: אני ממש אשמח לראות אותך חוקר כלים שאנחנו עדיין לא כיסינו! דלג על העורכים, הדפדפנים וכלי השורת פקודה שכבר דיברנו עליהם – יש כל כך הרבה עולם מדהים של כלי פיתוח מחכה שתגלה אותו. חפש כאלה שמטופלים באופן פעיל ויש להם קהילות תוססות ותומכות (אלו נוטות להיות עם ההדרכות הכי טובות והאנשים הכי מסבירים כשנתקעת וצריך ידידות).
 
 ---
 
-## 🚀 ציר הזמן של מסע התכנות שלכם
-
-### ⚡ **מה אפשר לעשות ב-5 הדקות הבאות**
-- [ ] סמנו במועדפים 2-3 אתרים של שפות תכנות שתפסו את תשומת לבכם
-- [ ] הורידו את Visual Studio Code אם עדיין לא עשיתם זאת
-- [ ] פתחו את כלי המפתחים בדפדפן שלכם (F12) ולחצו מסביב בכל אתר
-- [ ] הצטרפו לקהילה אחת של תכנות (Dev.to, Reddit r/webdev, או Stack Overflow)
-
-### ⏰ **מה אפשר להשיג בשעה הקרובה**
-- [ ] השלימו את מבחן הסיכום של השיעור וחשבו על התשובות שלכם
-- [ ] התקינו את VS Code עם תוסף GitHub Copilot
-- [ ] נסו דוגמת "Hello World" בשתי שפות תכנות שונות אונליין
-- [ ] צפו בסרטון "יום בחיי מפתח" ביוטיוב
-- [ ] התחילו את עבודת הבילוש שלכם על שפות תכנות (מהאתגר)
-
-### 📅 **ההרפתקה שלכם לשבוע הקרוב**
-- [ ] השלימו את המשימה וחקרו 3 כלים חדשים לפיתוח
-- [ ] עקבו אחרי 5 מפתחים או חשבונות תכנות ברשתות החברתיות
-- [ ] נסו לבנות משהו קטן ב-CodePen או Replit (אפילו רק "שלום, [השם שלכם]!")
-- [ ] קראו פוסט בבלוג של מפתח על מסע התכנות שלו
-- [ ] הצטרפו למפגש וירטואלי או צפו בהרצאת תכנות
-- [ ] התחילו ללמוד את השפה שבחרתם עם מדריכים אונליין
-
-### 🗓️ **הטרנספורמציה שלכם לחודש הקרוב**
-- [ ] בנו את הפרויקט הקטן הראשון שלכם (אפילו דף אינטרנט פשוט נחשב!)
-- [ ] תרמו לפרויקט קוד פתוח (התחילו עם תיקוני תיעוד)
-- [ ] היו מנטורים למישהו שמתחיל את מסע התכנות שלו
-- [ ] צרו את אתר תיק העבודות שלכם כמפתחים
-- [ ] התחברו לקהילות מפתחים מקומיות או קבוצות לימוד
-- [ ] התחילו לתכנן את אבן הדרך הבאה שלכם בלמידה
+## 🚀 לוח הזמנים של מסע התכנות שלך
+
+### ⚡ **מה אפשר לעשות ב-5 הדקות הקרובות**
+- [ ] שמור אתרי אינטרנט של 2-3 שפות תכנות שתפסו את תשומת ליבך
+- [ ] הורד את Visual Studio Code אם עדיין לא עשית זאת
+- [ ] פתח את כלי המפתחים בדפדפן (F12) ולחץ באתר כלשהו
+- [ ] הצטרף לקהילת תכנות אחת (Dev.to, Reddit r/webdev, או Stack Overflow)
+
+### ⏰ **מה אפשר להשיג במהלך השעה הקרובה**
+- [ ] סיים את המבחן לאחר השיעור והרהר בתשובות שלך
+- [ ] התקן את תוסף GitHub Copilot ב-VS Code
+- [ ] נסה דוגמת "Hello World" ב-2 שפות תכנות שונות אונליין
+- [ ] צפה בסרטון "יום בחיי מפתח" ביוטיוב
+- [ ] התחל בחקירת שפת התכנות שלך (מהאתגר)
+
+### 📅 **הרפתקה של שבוע שלם**
+- [ ] סיים את המשימה וחקור 3 כלים חדשים לפיתוח
+- [ ] עקוב אחרי 5 מפתחים או חשבונות תכנות ברשתות החברתיות
+- [ ] נסה לבנות משהו קטן ב-CodePen או Replit (אפילו רק "Hello, [השמך שלך]!")
+- [ ] קרא פוסט בלוג של מפתח על מסע התכנות שלו
+- [ ] הצטרף למפגש וירטואלי או צפה בהרצאת תכנות
+- [ ] התחל ללמוד את השפה שבחרת עם הדרכות אונליין
+
+### 🗓️ **הטרנספורמציה של חודש**
+- [ ] בנה את הפרויקט הקטן הראשון שלך (אפילו דף אינטרנט פשוט נחשב!)
+- [ ] תרום לפרויקט קוד פתוח (התחל בתיקוני תיעוד)
+- [ ] היה מנטור למישהו שבא לעולם התכנות עכשיו
+- [ ] צור אתר פורטפוליו כמפתח
+- [ ] קשר לקהילות מפתחים מקומיות או קבוצות לימוד
+- [ ] התחל לתכנן את שלב הלמידה הבא שלך
 
 ### 🎯 **בדיקת השתקפות סופית**
 
-**לפני שתמשיכו, קחו רגע לחגוג:**
-- מה הדבר האחד בתכנות שהלהיב אתכם היום?
-- איזה כלי או מושג אתם רוצים לחקור קודם?
-- איך אתם מרגישים לגבי התחלת מסע התכנות הזה?
-- מה השאלה האחת שהייתם רוצים לשאול מפתח כרגע?
+**לפני שאתה ממשיך, קח רגע לחגוג:**
+- מה הדבר היחיד בתכנות שהלהיב אותך היום?
+- איזה כלי או מושג אתה רוצה לחקור ראשון?
+- איך אתה מרגיש לגבי התחלת מסע התכנות הזה?
+- איזו שאלה היית רוצה לשאול מפתח כרגע?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title המסע שלך לבניית ביטחון עצמי
+    section היום
+      סקרן: 3: You
+      מוצף: 4: You
+      נרגש: 5: You
+    section השבוע הזה
+      חוקר: 4: You
+      לומד: 5: You
+      מתחבר: 4: You
+    section החודש הבא
+      בונה: 5: You
+      בטוח בעצמו: 5: You
+      עוזר לאחרים: 5: You
 ```
-
-> 🌟 **זכרו**: כל מומחה היה פעם מתחיל. כל מפתח בכיר הרגיש בדיוק כמו שאתם מרגישים עכשיו – נרגש, אולי קצת מוצף, ובטוח סקרן לגבי מה שאפשרי. אתם בחברה מדהימה, והמסע הזה הולך להיות מדהים. ברוכים הבאים לעולם הנפלא של התכנות! 🎉
+> 🌟 **זכור**: כל מומחה היה פעם מתחיל. כל מפתח בכיר הרגיש בדיוק כמוך עכשיו – נלהב, אולי קצת מוצף, ומוזמן מאוד לגלות מה אפשרי. אתה בחברה מדהימה, והמסע הזה עומד להיות מרגש. ברוך הבא לעולם הנפלא של התכנות! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **הצהרת אחריות**:  
-מסמך זה תורגם באמצעות שירות תרגום AI [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי אנושי. איננו אחראים לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.
\ No newline at end of file
+מסמך זה תורגם בשימוש בשירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עלולים להכיל שגיאות או אי דיוקים. יש להתייחס למסמך המקורי בשפתו כהמקור הסמכותי. למידע קריטי מומלץ להשתמש בתרגום מקצועי על ידי אדם. איננו אחראים לכל הבנה מוטעית או פרשנות שגויה הנובעת משימוש בתרגום זה.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/he/AGENTS.md b/translations/he/AGENTS.md
index dd5b489a3..b518aa9db 100644
--- a/translations/he/AGENTS.md
+++ b/translations/he/AGENTS.md
@@ -1,24 +1,24 @@
 # AGENTS.md
 
-## סקירת פרויקט
+## סקירת הפרויקט
 
-זהו מאגר תוכן חינוכי ללימוד יסודות פיתוח ווב למתחילים. התוכנית היא קורס מקיף בן 12 שבועות שפותח על ידי Microsoft Cloud Advocates, הכולל 24 שיעורים מעשיים המכסים JavaScript, CSS ו-HTML.
+זהו מאגר תוכן חינוכי ללימוד יסודות פיתוח ווב למתחילים. תוכן הלימוד הוא קורס מקיף של 12 שבועות שפותח על ידי Microsoft Cloud Advocates, הכולל 24 שיעורים מעשיים המכסים JavaScript, CSS ו-HTML.
 
 ### רכיבים מרכזיים
 
-- **תוכן חינוכי**: 24 שיעורים מסודרים במודולים מבוססי פרויקטים  
-- **פרויקטים מעשיים**: טרטיום, משחק הקלדה, תוסף דפדפן, משחק חלל, אפליקציית בנקאות, עורך קוד ועוזר צ'ט מבוסס AI  
-- **חידונים אינטראקטיביים**: 48 חידונים עם 3 שאלות בכל אחד (מבחני לפני/אחרי השיעור)  
-- **תמיכה רב-שפתית**: תרגומים אוטומטיים ל-50+ שפות באמצעות GitHub Actions  
-- **טכנולוגיות**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (לפרויקטים מבוססי AI)
+- **תוכן חינוכי**: 24 שיעורים מובנים המחולקים למודולים מבוססי פרויקטים  
+- **פרויקטים מעשיים**: Terrarium, משחק הקלדה, הרחבת דפדפן, משחק חלל, אפליקציית בנקאות, עורך קוד ועוזר שיחה מבוסס AI  
+- **חידונים אינטראקטיביים**: 48 חידונים עם 3 שאלות כל אחד (הערכות לפני/אחרי שיעור)  
+- **תמיכה רב-שפתית**: תרגומים אוטומטיים ל-50+ שפות דרך GitHub Actions  
+- **טכנולוגיות**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (לפרויקטים מבוססי AI)  
 
 ### ארכיטקטורה
 
 - מאגר חינוכי עם מבנה מבוסס שיעורים  
-- כל תיקיית שיעור כוללת README, דוגמאות קוד ופתרונות  
-- פרויקטים עצמאיים בתיקיות נפרדות (quiz-app, פרויקטים שונים בשיעורים)  
+- בכל תיקיית שיעור יש README, דוגמאות קוד ופתרונות  
+- פרויקטים עצמאיים בתיקיות נפרדות (quiz-app, פרויקטים שונים של שיעורים)  
 - מערכת תרגום באמצעות GitHub Actions (co-op-translator)  
-- תיעוד מועבר דרך Docsify וזמין בפורמט PDF
+- תיעוד שמוגש דרך Docsify וזמין גם כ-PDF  
 
 ## פקודות התקנה
 
@@ -30,253 +30,253 @@
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-  
-### התקנת אפליקציית החידונים (Vue 3 + Vite)
+
+### התקנת אפליקציית החידון (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
-npm run dev        # הפעל את שרת הפיתוח
+npm run dev        # הפעל שרת פיתוח
 npm run build      # בנייה לפרודקשן
-npm run lint       # הפעל את ESLint
+npm run lint       # הרץ ESLint
 ```
-  
-### 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
 ```
-  
-### פרויקטים של תוספי דפדפן
+
+### פרויקטים של הרחבת דפדפן
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# עקוב אחר הוראות טעינת תוספים ספציפיות לדפדפן
+# עקוב אחר ההוראות לטעינת תוספים ספציפיים לדפדפן
 ```
-  
-### פרויקטים למשחק חלל
+
+### פרויקטים של משחק חלל
 
 ```bash
 cd 6-space-game/solution
 npm install
 # פתח את index.html בדפדפן או השתמש ב-Live Server
 ```
-  
-### פרויקט צ'ט (Backend בפייתון)
+
+### פרויקט השיחה (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# הגדר את משתנה הסביבה GITHUB_TOKEN
+# הגדר משתנה סביבה GITHUB_TOKEN
 python api.py
 ```
-  
-## תהליך פיתוח
 
-### לתורמים לתוכן
+## תהליך הפיתוח
+
+### לתורמים תוכן
 
-1. **צור פורק** של המאגר לחשבון GitHub שלך  
-2. **שכפל את הפורק** למחשב המקומי  
-3. **צור סניף חדש** לשינויים שלך  
+1. **בצע Fork למאגר** לחשבון ה-GitHub שלך  
+2. **Clone את ה-Fork** למחשב המקומי  
+3. **צור ענף חדש** לשינויים שלך  
 4. בצע שינויים בתוכן השיעור או בדוגמאות הקוד  
-5. בדוק את שינויים בקוד בתיקיות הפרויקטים הרלוונטיות  
-6. הגש בקשות משיכה לפי קווי הנחיה לתרומה
+5. בדוק שינויים בקוד בתיקיות הפרויקטים הרלוונטיות  
+6. שלח Pull requests לפי הנחיות התרומה  
 
 ### ללומדים
 
-1. בצע פורק או שכפול של המאגר  
-2. נווט בתיקיות השיעורים לסדר כרונולוגי  
-3. קרא קבצי README לכל שיעור  
-4. השלם חידונים לפני השיעור בכתובת https://ff-quizzes.netlify.app/web/  
-5. עבד על דוגמאות הקוד שבתיקיות השיעור  
-6. השלם מטלות ואתגרים  
-7. בצע חידונים לאחר השיעור
+1. בצע Fork או Clone למאגר  
+2. עבור בתיקיות השיעורים בסדר כרונולוגי  
+3. קרא קבצי README של כל שיעור  
+4. מלא חידוני לפני השיעור בכתובת https://ff-quizzes.netlify.app/web/  
+5. עבוד עם דוגמאות הקוד בתיקיות השיעור  
+6. שלם מטלות ואתגרים  
+7. עשה חידוני אחרי השיעור  
 
-### פיתוח בזמן אמת
+### פיתוח חי
 
-- **תיעוד**: הפעל `docsify serve` בתיקיית השורש (פורט 3000)  
-- **אפליקציית חידונים**: הפעל `npm run dev` בתיקיית quiz-app  
-- **פרויקטים**: השתמש בתוסף Live Server של VS Code לפרויקטים ב-HTML  
-- **פרויקטי API**: הפעל `npm start` בתיקיות ה-API המתאימות
+- **תיעוד**: הרץ `docsify serve` בתיקיית השורש (פורט 3000)  
+- **אפליקציית חידון**: הרץ `npm run dev` בתיקיית quiz-app  
+- **פרויקטים**: השתמש בתוסף Live Server ב-VS Code לפרויקטי HTML  
+- **פרויקטי API**: הרץ `npm start` בתיקיות ה-API הרלוונטיות  
 
 ## הוראות בדיקה
 
-### בדיקת אפליקציית חידונים
+### בדיקת אפליקציית החידון
 
 ```bash
 cd quiz-app
 npm run lint       # בדוק בעיות בסגנון הקוד
-npm run build      # אמת שהבנייה הצליחה
+npm run build      # וודא שההידור מצליח
 ```
-  
-### בדיקת API בנק
+
+### בדיקת API הבנק
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # בדוק בעיות סגנון קוד
-node server.js     # אמת שהשרת מתחיל ללא שגיאות
+node server.js     # אשר שהשרת מתחיל ללא שגיאות
 ```
-  
+
 ### גישת בדיקה כללית
 
-- זהו מאגר חינוכי ללא בדיקות אוטומטיות מקיפות  
-- בדיקה ידנית מתמקדת ב:  
-  - הפעלת דוגמאות קוד ללא שגיאות  
-  - קישורים בתיעוד עובדים כראוי  
-  - בניית פרויקטים עוברת בהצלחה  
-  - דוגמאות עוקבות אחרי עקרונות טובים  
+- מאגר חינוכי ללא בדיקות אוטומטיות יסודיות  
+- בדיקה ידנית ממוקדת ב:  
+  - דוגמאות קוד רצות ללא שגיאות  
+  - קישורים בתיעוד תקינים  
+  - בניית פרויקטים מצליחה  
+  - דוגמאות בהתאם לפרקטיקות מומלצות  
 
-### בדיקות לפני הגשה
+### בדיקות לפני שליחה
 
 - הרץ `npm run lint` בתיקיות עם package.json  
-- אמת שכל הקישורים ב-markdown תקינים  
+- אמת קישורים ב-Markdown  
 - בדוק דוגמאות קוד בדפדפן או Node.js  
-- ודא שהתרגומים שומרים על מבנה תקין
+- ודא שהתרגומים שומרים על מבנה תקין  
 
-## קווי הנחיה לסגנון קוד
+## קווים מנחים לסגנון קוד
 
 ### JavaScript
 
-- השתמש בתחביר מודרני (ES6+)  
-- עקוב אחר קונפיגורציות ESLint סטנדרטיות בפרויקטים  
-- השתמש בשמות משתנים ופונקציות משמעותיים להבהרת הלמידה  
+- השתמש בתחביר מודרני ES6+  
+- פעל לפי הגדרות ESLint סטנדרטיות במיזמים  
+- השתמש בשמות משתנים ופונקציות ברורים לחינוך  
 - הוסף הערות המסבירות מושגים ללומדים  
-- עצב באמצעות Prettier כשמוגדר
+- עיצוב עם Prettier במקומות המוגדרים  
 
 ### HTML/CSS
 
 - אלמנטים סמנטיים ב-HTML5  
 - עקרונות עיצוב רספונסיבי  
-- קונבנציות שמות class ברורות  
-- הערות המסבירות טכניקות CSS ללומדים
+- קונבציוסיות שמות מחלקות ברורה  
+- הערות המסבירות טכניקות CSS ללומדים  
 
 ### Python
 
-- קווי הנחיה לפי PEP 8  
+- קווים מנחים לפי PEP 8  
 - דוגמאות קוד ברורות וחינוכיות  
-- רמזי טיפוסים היכן שמועילים ללמידה
+- רמזים לסוגים היכן שמועילים ללמידה  
 
 ### תיעוד Markdown
 
 - היררכיית כותרות ברורה  
-- בלוקי קוד עם ציון שפת הקוד  
+- קטעי קוד עם ציון שפה  
 - קישורים למשאבים נוספים  
-- צילומי מסך ותמונות בתיקיית `images/`  
-- טקסט חלופי לתמונות לשם נגישות
+- צילומי מסך ותמונות בתיקיות `images/`  
+- טקסט אלטרנטיבי לתמונות לנגישות  
 
 ### ארגון קבצים
 
-- שיעורים ממוספרים ברצף (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}/`  
 
 ## בנייה ופריסה
 
-### פריסת אפליקציית החידונים (Azure Static Web Apps)
+### פריסת אפליקציית החידון (Azure Static Web Apps)
 
-האפליקציה quiz-app מוגדרת לפריסה ב-Azure Static Web Apps:
+האפליקציה מוגדרת לפריסה ב-Azure Static Web Apps:
 
 ```bash
 cd quiz-app
-npm run build      # יוצר את התיקייה dist/
-# מבצע פריסה באמצעות זרימת העבודה של GitHub Actions בעת דחיפה ל-main
+npm run build      # יוצר תיקייה dist/
+# מפרסם דרך תהליך GitHub Actions בעת דחיפה ל-main
 ```
-  
-קונפיגורציית Azure Static Web Apps:  
-- **מיקום האפליקציה**: `/quiz-app`  
-- **מיקום הפלט**: `dist`  
-- **זרימת עבודה**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### יצירת PDF של התיעוד
+הגדרות Azure Static Web Apps:  
+- **מיקום אפליקציה**: `/quiz-app`  
+- **מיקום פלט**: `dist`  
+- **תהליכי עבודה**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+
+### יצירת PDF תיעוד
 
 ```bash
-npm install                    # התקן docsify-to-pdf
-npm run convert               # צור PDF מתוך docs
+npm install                    # התקן את docsify-to-pdf
+npm run convert               # צור PDF מ-docs
 ```
-  
+
 ### תיעוד Docsify
 
 ```bash
-npm install -g docsify-cli    # התקן את Docsify באופן גלובלי
-docsify serve                 # הפעל ב-localhost:3000
+npm install -g docsify-cli    # התקן את Docsify באופן כללי
+docsify serve                 # הפעל על localhost:3000
 ```
-  
+
 ### בניות ספציפיות לפרויקט
 
 לכל תיקיית פרויקט עשוי להיות תהליך בנייה משלה:  
-- פרויקטי Vue: `npm run build` ליצירת חבילות הפקה  
-- פרויקטים סטטיים: ללא שלב בנייה, משרתים קבצים ישירות
+- פרויקטי Vue: `npm run build` ליצירת חבילות ייצור  
+- פרויקטים סטטיים: אין שלב בנייה, שמירת קבצים ישירות  
 
-## קווי הנחיה לבקשות משיכה (PR)
+## קווים מנחים לבקשת משיכה
 
 ### פורמט כותרת
 
-השתמש בכותרות ברורות ותיאוריות המציינות את תחום השינוי:  
-- `[Quiz-app] הוספת חידון חדש לשיעור X`  
-- `[Lesson-3] תיקון שגיאה בפרויקט טרטיום`  
-- `[Translation] הוספת תרגום לספרדית לשיעור 5`  
-- `[Docs] עדכון הוראות התקנה`
+השתמש בכותרות ברורות ומתארות המצביעות על תחום השינוי:  
+- `[Quiz-app] הוסף חידון חדש לשיעור X`  
+- `[Lesson-3] תקן טעות כתיב בפרויקט terrarium`  
+- `[Translation] הוסף תרגום ספרדי לשיעור 5`  
+- `[Docs] עדכן הוראות התקנה`  
 
-### בדיקות נדרשות
+### בדיקות חובה
 
-לפני הגשת PR:
+לפני שליחת PR:
 
 1. **איכות קוד**:  
    - הרץ `npm run lint` בתיקיות הפרויקט הרלוונטיות  
-   - תקן את כל שגיאות ואזהרות הלינט
+   - תקן את כל שגיאות והזהרות  
 
-2. **בדיקת בנייה**:  
+2. **אימות בנייה**:  
    - הרץ `npm run build` אם רלוונטי  
-   - ודא שבעיית בנייה לא קיימת
+   - ודא שאין שגיאות בבנייה  
 
 3. **אימות קישורים**:  
-   - בדוק את כל הקישורים ב-markdown  
-   - אמת הפניות לתמונות עובדות
+   - בדוק את כל קישורי Markdown  
+   - אמת הפניות התמונה  
 
 4. **בדיקת תוכן**:  
-   - הגהה לאיות ודקדוק  
-   - ודא דוגמאות קוד נכונות וחינוכיות  
-   - אמת שהתרגומים שומרים על משמעות המקור
+   - בדוק איות ודקדוק  
+   - ודא שדוגמאות הקוד נכונות וחינוכיות  
+   - אמת שהתרגומים שומרים על משמעות  
 
 ### דרישות תרומה
 
-- הסכמה ל-CLA של מיקרוסופט (בדיקה אוטומטית ב-PR הראשון)  
-- עקוב אחר [קוד ההתנהגות של מיקרוסופט בקוד פתוח](https://opensource.microsoft.com/codeofconduct/)  
-- ראה [CONTRIBUTING.md](./CONTRIBUTING.md) לקווי הנחיה מפורטים  
-- הפנה מספרי נושאים בתיאור ה-PR אם רלוונטי
+- הסכמה ל-CLA של Microsoft (בדיקה אוטומטית בבקשה הראשונה)  
+- פעל לפי [קוד ההתנהגות של מיקרוסופט בקוד פתוח](https://opensource.microsoft.com/codeofconduct/)  
+- ראה [CONTRIBUTING.md](./CONTRIBUTING.md) להנחיות מפורטות  
+- כלול במידת הצורך מספרי נושאים בתיאור הבקשה  
 
 ### תהליך סקירה
 
-- סקירה עוברת על ידי מנהלים והקהילה  
-- בהירות חינוכית מקבלת עדיפות  
-- דוגמאות קוד צריכות לעקוב אחרי שיטות עבודה מומלצות עדכניות  
-- תרגומים נבדקים לדיוק ולהתאמה תרבותית
+- בקשות משיכה ייבחנו על ידי מנהלים והקהילה  
+- עדיפות להקפדה על בהירות חינוכית  
+- דוגמאות קוד יעמדו בפרקטיקות עדכניות ומומלצות  
+- התרגומים יבדקו לדיוק ותאימות תרבותית  
 
 ## מערכת תרגום
 
 ### תרגום אוטומטי
 
-- משתמש ב-GitHub Actions עם זרימת העבודה co-op-translator  
-- מתרגם אוטומטית ל-50+ שפות  
+- משתמש ב-GitHub Actions עם תהליך co-op-translator  
+- מתרגם ל-50+ שפות אוטומטית  
 - קבצי מקור בתיקיות הראשיות  
-- קבצים מתורגמים ב`translations/{language-code}/`
+- קבצים מתורגמים בתיקיות `translations/{language-code}/`  
 
 ### הוספת שיפורים ידניים לתרגום
 
-1. אתר את הקובץ ב-`translations/{language-code}/`  
-2. בצע שיפורים תוך שמירת המבנה  
-3. ודא שדוגמאות הקוד ממשיכות לפעול  
-4. בדוק תוכן חידון מקומי אם קיים
+1. אתר קובץ בתיקיית `translations/{language-code}/`  
+2. בצע שיפורים תוך שמירה על המבנה  
+3. ודא שדוגמאות הקוד עדיין מתפקדות  
+4. בדוק כל תוכן חידון מומלץ  
 
-### מטא מידע לתרגום
+### מטא-נתוני תרגום
 
-קבצים מתורגמים כוללים כותרת מטא-נתונים:  
+לקבצים מתורגמים יש כותרת מטא-נתונים:  
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,69 +288,69 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
-## איתור באגים וטיפול בבעיות
+
+## איתור ותיקון תקלות
 
 ### בעיות נפוצות
 
-**אפליקציית חידונים לא מתחילה**:  
-- בדוק גרסת 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 היא לפחות 10 ומעלה  
-- בדוק האם הפורט תפוס כבר  
-- ודא שכל התלויות מותקנות עם `npm install`
+**שרת ה-API לא מתחיל**:  
+- וודא שגרסת Node.js עומדת בדרישות (node >=10)  
+- בדוק אם הפורט תפוס  
+- ודא שכל התלויות מותקנות עם `npm install`  
 
-**תוסף דפדפן לא נטען**:  
-- ודא שמניפסט.json מעוצב כהלכה  
-- בדוק את קונסולת הדפדפן לשגיאות  
-- עקוב אחר הוראות התקנה ייעודיות לדפדפן
+**הרחבת הדפדפן לא נטענת**:  
+- וודא שמניפסט.json מעוצב כראוי  
+- בדוק את קונסול הדפדפן לשגיאות  
+- פעל לפי הוראות התקנת ההרחבה הספציפיות לדפדפן  
 
-**בעיות בפרויקט צ'ט בפייתון**:  
+**בעיות בפרויקט השיחה בפייתון**:  
 - ודא שהחבילה OpenAI מותקנת: `pip install openai`  
 - ודא שמשתנה הסביבה GITHUB_TOKEN מוגדר  
-- בדוק הרשאות גישה ל-GitHub Models
+- בדוק הרשאות גישה ל-GitHub Models  
 
-**Docsify לא מעביר תיעוד**:  
-- התקן docsify-cli גלובלי: `npm install -g docsify-cli`  
-- הפעל בתיקיית השורש של המאגר  
-- ודא שקובץ `docs/_sidebar.md` קיים
+**Docsify לא מפעיל תיעוד**:  
+- התקן docsify-cli גלובלית: `npm install -g docsify-cli`  
+- הרץ מהספרייה השורשית של המאגר  
+- בדוק שקובץ `docs/_sidebar.md` קיים  
 
 ### טיפים לסביבת פיתוח
 
-- השתמש ב-VS Code עם תוסף Live Server לפרויקטים ב-HTML  
-- התקן את תוספי ESLint ו-Prettier לעיצוב עקבי  
-- השתמש ב-DevTools בדפדפן לאיתור באגים ב-JavaScript  
-- לפרויקטי Vue, התקן את תוסף Vue DevTools לדפדפן
+- השתמש ב-VS Code עם תוסף Live Server לפרויקטי HTML  
+- התקן תוספי ESLint ו-Prettier לעיצוב עקבי  
+- השתמש ב-DevTools בדפדפן לניפוי שגיאות ב-JavaScript  
+- לפרויקטי Vue, התקן תוסף Vue DevTools בדפדפן  
 
-### שיקולים לביצועים
+### שיקולי ביצועים
 
-- כמות גדולה של קבצים מתורגמים (50+ שפות) יוצרת שכפולים גדולים  
-- השתמש בשכפול רדוד אם עובדים רק על התוכן: `git clone --depth 1`  
-- הוצא תרגומים מחיפושים בעת עבודה על תוכן באנגלית  
-- תהליכי בנייה עשויים להיות איטיים בהרצה ראשונה (npm install, בניית Vite)
+- מספר גדול של קבצים מתורגמים (50+ שפות) מוביל לשיבוטים כבדים  
+- השתמש ב-clone שטחי אם עובדים רק על תוכן: `git clone --depth 1`  
+- אם עובדים רק על תוכן באנגלית, לא לכלול תרגומים בחיפושים  
+- תהליכי בנייה עשויים להיות איטיים בהרצה ראשונה (npm install, בניית Vite)  
 
 ## שיקולי אבטחה
 
 ### משתני סביבה
 
-- מפתחות API אסור שישמרו במאגר הקוד  
+- אסור להתחייב למאגר עם מפתחות API  
 - השתמש בקבצי `.env` (כבר ב-.gitignore)  
-- תעד את משתני הסביבה הדרושים ב-README של הפרויקטים
+- תעד משתני סביבה דרושים ב-README של הפרויקטים  
 
-### פרויקטים בפייתון
+### פרויקטי Python
 
 - השתמש בסביבות וירטואליות: `python -m venv venv`  
-- שמור על התלויות מעודכנות  
-- טוקנים ל-GitHub צריכים להיות בעלי ההרשאות המינימליות הנחוצות
+- שמור על עדכון התלויות  
+- אסימוני GitHub צריכים הרשאות מזעריות נדרשות  
 
-### גישה ל-GitHub Models
+### גישת GitHub Models
 
-- טוקני גישה אישית (PAT) דרושים ל-GitHub Models  
-- טוקנים צריכים להיות מאוחסנים כמשתני סביבה  
-- לעולם אל תכלול טוקנים או הרשאות בקוד
+- דרוש Personal Access Tokens (PAT) לגישה ל-GitHub Models  
+- שמור אסימונים במשתני סביבה  
+- אסור להתחייב אסימונים או סיסמאות לקוד  
 
 ## הערות נוספות
 
@@ -358,51 +358,51 @@ CO_OP_TRANSLATOR_METADATA:
 
 - מתחילים מוחלטים בפיתוח ווב  
 - סטודנטים ולומדים עצמאיים  
-- מורים המשתמשים בתוכנית בכיתות  
-- תוכן מותאם לנגישות ולבניית מיומנויות הדרגתית
+- מורים המשתמשים בתוכנית בכיתה  
+- תוכן נגיש ובנוי לבניית מיומנויות בהדרגה  
 
 ### פילוסופיה חינוכית
 
-- גישה מבוססת פרויקטים  
+- גישת למידה מבוססת פרויקטים  
 - בדיקות ידע תכופות (חידונים)  
-- תרגילי קידוד מעשיים  
-- דוגמאות ליישום בעולם האמיתי  
-- דגש על יסודות לפני מסגרות עבודה
+- תרגילים מעשיים בקוד  
+- דוגמאות יישום בעולם האמיתי  
+- התמקדות ביסודות לפני מסגרות עבודה  
 
 ### תחזוקת המאגר
 
 - קהילה פעילה של לומדים ותורמים  
 - עדכונים שוטפים לתלויות ולתוכן  
-- ניטור נושאים ודיונים על ידי מנהלים  
-- עדכוני תרגום אוטומטיים דרך GitHub Actions
+- ניהול דיונים ותקלות על ידי מנהלים  
+- עדכוני תרגום אוטומטיים באמצעות GitHub Actions  
 
 ### משאבים קשורים
 
-- [מודולים של Microsoft Learn](https://docs.microsoft.com/learn/)  
+- [מודולי Microsoft Learn](https://docs.microsoft.com/learn/)  
 - [משאבים ב-Student Hub](https://docs.microsoft.com/learn/student-hub/)  
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) מומלץ ללומדים  
-- קורסים נוספים: בינה מלאכותית גנרטיבית, מדעי הנתונים, למידת מכונה, IoT זמינים
+- קורסים נוספים: Generative AI, Data Science, ML, IoT זמינים  
 
 ### עבודה עם פרויקטים ספציפיים
 
-להוראות מפורטות על פרויקטים ספציפיים, עיין בקבצי README ב:  
-- `quiz-app/README.md` - אפליקציית חידונים ב-Vue 3  
+להוראות מפורטות לפרויקטים פרטניים, עיין בקבצי 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
+- `5-browser-extension/README.md` - פיתוח הרחבת דפדפן  
+- `6-space-game/README.md` - פיתוח משחק מבוסס canvas  
+- `9-chat-project/README.md` - פרויקט עוזר שיחה מבוסס AI  
 
-### מבנה מונורפו (Monorepo)
+### מבנה מונורפו
 
-אמנם לא מונורפו קלאסי, מאגר זה מכיל פרויקטים עצמאיים מרובים:  
-- כל שיעור הוא עצמאי  
-- הפרויקטים לא חולקים תלויות  
-- עבד על פרויקטים נפרדים ללא השפעה על אחרים  
-- שכפל את כל המאגר לחווית לימוד מלאה
+למרות שאינו מונורפו מסורתי, המאגר כולל מספר פרויקטים עצמאיים:  
+- כל שיעור עצמאי  
+- פרויקטים לא חולקים תלויות  
+- עבודה על פרויקטים נפרדים ללא השפעה הדדית  
+- שיבוט מלא של המאגר לחוויית תוכנית לימודים מלאה  
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**כתב ויתור**:  
-מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדייק, יש לקחת בחשבון שתרגומים אוטומטיים עלולים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית יש להיחשב למקור הסמכותי. עבור מידע קריטי מומלץ להשתמש בתרגום מקצועי של אדם. אנו לא אחראים לכל אי הבנה או פרשנות שגויה הנובעת משימוש בתרגום זה.
+**מידע חשוב**:  
+מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עלולים להכיל שגיאות או אי-דיוקים. המסמך המקורי בשפתו המקורית הוא המקור הסמכותי. עבור מידע קריטי מומלץ להשתמש בתרגום מקצועי על ידי בני אדם. אנו אינם אחראים לכל הבנה שגויה או פרשנות מוטעית הנובעות משימוש בתרגום זה.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/he/README.md b/translations/he/README.md
index 3bad8e1e2..732fd2df5 100644
--- a/translations/he/README.md
+++ b/translations/he/README.md
@@ -10,70 +10,80 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# פיתוח ווב למתחילים - תוכנית לימודים
+# פיתוח אתרים למתחילים - תוכנית לימודים
 
-למדו את יסודות פיתוח האינטרנט עם הקורס המקיף בן 12 השבועות שלנו, בהנחיית מומחי Microsoft Cloud Advocates. כל אחד מ-24 השיעורים מתעמק ב-JavaScript, CSS ו-HTML דרך פרויקטים מעשיים כמו טרריום, תוספי דפדפן ומשחקי חלל. השתתפו בחידונים, דיונים ומשימות מעשיות. שפרו את הכישורים שלכם ואופטמו את זכירת הידע בעזרת שיטת הלמידה המבוססת פרויקטים שלנו. התחילו את מסע הקידוד שלכם עוד היום!
+למדו את יסודות פיתוח האינטרנט עם הקורס המקיף שלנו של 12 שבועות שנבנה על ידי מומחי Microsoft Cloud. כל אחד מ-24 השיעורים מתעמק ב-JavaScript, CSS ו-HTML דרך פרויקטים מעשיים כמו טרריום, תוספי דפדפן ומשחקי חלל. השתתפו בחידונים, דיונים ופעילויות מעשיות. שפרו את היכולות שלכם ואופטמו את חווית הלמידה עם שיטת הלימוד המבוססת פרויקטים שלנו. התחילו את מסע התכנות שלכם היום!
 
-הצטרפו לקהילת ה-Discord של Azure AI Foundry
+הצטרפו לקהילת 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. [**הצטרפו ל-Discord של Azure AI Foundry ופגשו מומחים ומפתחים אחרים**](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 בדיסקורד ובלו עם מומחים ומפתחים אחרים**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 תמיכה בריבוי שפות
 
-#### נתמך דרך GitHub Action (אוטומטי ותמיד מעודכן)
+#### נתמך באמצעות GitHub Action (אוטומטי ותמיד מעודכן)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](./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](../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"
+> ```
+>
+> זה נותן לכם את כל מה שצריך בכדי להשלים את הקורס במהירות הורדה גבוהה יותר.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**אם ברצונכם שיתווספו שפות תרגום נוספות, הן מפורטות [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**אם תרצו לתמוך בשפות תרגום נוספות, הן רשומות [כאן](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _אתה סטודנט?_
+#### 🧑‍🎓 _האם אתה תלמיד?_
 
-בקר ב[**עמוד הסטודנט**](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 ומצב סוכן. אם לא השתמשתם במצב סוכן קודם, הוא לא רק מייצר טקסט, אלא גם מסוגל ליצור ולערוך קבצים, להריץ פקודות ועוד.
+אתגר חדש נוסף, חפשו "GitHub Copilot Agent Challenge 🚀" ברוב הפרקים. זהו אתגר חדש עבורכם להשלים בעזרת GitHub Copilot ומצב סוכן. אם לא השתמשתם במצב סוכן קודם, הוא מסוגל לא רק ליצור טקסט אלא גם ליצור ולערוך קבצים, להפעיל פקודות ועוד.
 
-### 📣 הכרזה - _פרויקט חדש לבנייה עם AI גנרטיבי_ 
+### 📣 הכרזה - _פרויקט חדש לבנייה באמצעות AI גנרטיבי_
 
-פרויקט עוזר AI חדש נוסף, בדקו [את הפרויקט](./9-chat-project/README.md)
+פרויקט עוזר AI חדש נוסף, בדקו את [הפרויקט](./9-chat-project/README.md)
 
-### 📣 הכרזה - _תוכנית לימודים חדשה_ על AI גנרטיבי עבור JavaScript שוחררה
+### 📣 הכרזה - _תוכנית לימודים חדשה_ על AI גנרטיבי ל-JavaScript זה עתה שוחררה
 
-אל תפספסו את תוכנית ה-AI הגנרטיבי החדשה שלנו!
+אל תפספסו את תוכנית הלימודים החדשה שלנו ב-AI גנרטיבי!
 
-בקרו בכתובת [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
+בקרו ב-[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) כדי להתחיל!
 
 ![Background](../../translated_images/he/background.148a8d43afde5730.webp)
 
-- שיעורים שמכסים הכל מהיסודות ועד RAG.
-- אינטראקציה עם דמויות היסטוריות באמצעות GenAI ואפליקציית הליווי שלנו.
-- תסריטוני כיף ומרתק, תעברו בזמן!
+- שיעורים שמכסים הכל מהבסיס ועד RAG.
+- התקשורת עם דמויות היסטוריות באמצעות GenAI והאפליקציה המלווית שלנו.
+- נרטיב מהנה ומרתק, תנסו נסיעה בזמן!
 
 ![character](../../translated_images/he/character.5c0dd8e067ffd693.webp)
 
 
-כל שיעור כולל משימה להשלמה, בדיקת ידע ואתגר שידריכו אתכם בנושא כמו:
-- הפעלה והנדסת פקודות Prompting
+כל שיעור כולל מטלה להשלים, בדיקת ידע ואתגר שינחו אתכם בלימוד נושאים כגון:
+- הנעת פקודות והנדסת פרומפטים
 - יצירת אפליקציות טקסט ותמונה
 - אפליקציות חיפוש
 
@@ -81,190 +91,189 @@
 
 
 
-## 🌱 התחלה
+## 🌱 התחלת העבודה
 
-> **מדריכים**, כללנו [הצעות](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) שם צוות המודרטורים שלנו זמין לענות על שאלותיכם.
+כדי לשפר את חוויית הלמידה שלכם, התחברו לחברים לקבוצות עבודה על הפרויקטים יחד! עידוד דיונים בפורום הדיונים שלנו [בפורום הדיונים](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
 
-בעותק המאגר שיצרתם, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. זה ייצור לכם Codespace חדש לעבודה.
+בעותק שיצרתם של מאגר זה, לחצו על כפתור **Code** ובחרו **Open with Codespaces**. זה ייצור Codespace חדש עבורכם לעבוד בו.
 
 ![Codespace](../../translated_images/he/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) כעורך, שיש לו גם [טרמינל](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)
-ואז, פתח את [הטרמינל](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) והריץ את הפקודה הבאה, כשהחלפת את `<your-repository-url>` בקישור שהעתקת כעת:
+
+    לאחר מכן, פתח את [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) והרץ את הפקודה הבאה, כשהחלף את `<your-repository-url>` בכתובת ה-URL שהעתקת זה עתה:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. פתח את התיקיה ב-Visual Studio Code. תוכל לעשות זאת על ידי לחיצה על **File** > **Open Folder** ובחירת התיקיה שהעתקת.
+2. פתח את התיקייה ב-Visual Studio Code. ניתן לעשות זאת על ידי לחיצה על **File** > **Open Folder** ובחירת התיקייה ששכפלת זה עתה.
+
 
 >  הרחבות מומלצות ל-Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - לתצוגה מקדימה של דפי HTML בתוך Visual Studio Code
-> * [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) - לתצוגת תצוגה מקדימה של דפי HTML בתוך Visual Studio Code
+> * [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/) אפליקציית החידונים יכולה לפעול מקומית או להיות מופעלת באז'ור; עקוב אחר ההוראות בתיקיית `quiz-app`.
+> **הערה על החנים**: כל החנים נמצאים בתיקיית Quiz-app, 48 חנים בסך הכל של שלוש שאלות כל אחד. הם זמינים [כאן](https://ff-quizzes.netlify.app/web/) אפליקציית החנים ניתנת להרצה מקומית או פריסה ב-Azure; עקוב אחר ההוראות שבתיקיית `quiz-app`.
 
 ## 🗃️ שיעורים
 
-|     |                       שם הפרויקט                       |                            מושגים שנלמדים                             | מטרות הלמידה                                                                                                                 |                                                         שיעור קשור                                                          |         מחבר          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     התחלה                            |           מבוא לתכנות וכלי העבודה           | ללמוד את היסודות הבסיסיים של רוב שפות התכנות ועל תוכנה שעוזרת למפתחים מקצועיים לבצע את עבודתם | [מבוא לשפות תכנות וכלי עבודה](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     התחלה                            |             יסודות GitHub, כולל עבודה בצוות             | כיצד להשתמש ב-GitHub בפרויקט שלך, כיצד לשתף פעולה עם אחרים על בסיס קוד                                                    |                            [מבוא ל-GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     התחלה                            |                             נגישות                              | ללמוד את יסודות הנגישות באינטרנט                                                                                               |                       [יסודות הנגישות](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        יסודות JS                         |                         סוגי נתונים ב-JavaScript                          | היסודות של סוגי הנתונים ב-JavaScript                                                                                                 |                                       [סוגי נתונים](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        יסודות JS                         |                         פונקציות ומתודות                          | ללמוד על פונקציות ומתודות לניהול זרימת הלוגיקה של האפליקציה                                                             |                              [פונקציות ומתודות](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 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  |       [טרריום](./3-terrarium/solution/README.md)       |                            HTML בפועל                            | לבנות את ה-HTML ליצירת טרריום מקוון, התמקדות בבניית פריסת דף                                                         |                                 [מבוא ל-HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [טרריום](./3-terrarium/solution/README.md)       |                            CSS בפועל                             | לבנות את ה-CSS לעיצוב הטרריום המקוון, התמקדות ביסודות CSS כולל התאמת דף להגדרה רספונסיבית                     |                                  [מבוא ל-CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [טרריום](./3-terrarium/solution/README.md)            |                 סגירות JavaScript, מניפולציה של DOM                  | לבנות את הקוד ב-JavaScript להפעלת הטרריום כממשק גרירה ושחרור, עם דגש על סגירות ומניפולציה על ה-DOM             |                  [סגירות JavaScript ומניפולציה על DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [משחק הקלדה](./4-typing-game/solution/README.md)          |                          בניית משחק הקלדה                           | ללמוד איך להשתמש באירועי לוח מקשים כדי להניע את לוגיקת אפליקציית ה-JavaScript שלך                                                          |                                [תכנות מונחה אירועים](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) |                         עבודה עם דפדפנים                          | ללמוד איך דפדפנים פועלים, ההיסטוריה שלהם וכיצד לבנות את האלמנטים הראשונים של תוסף דפדפן                               |                               [אודות דפדפנים](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים בזיכרון מקומי | לבנות את אלמנטי ה-JavaScript של תוסף הדפדפן שלך כדי לקרוא ל-API באמצעות משתנים המאוחסנים בזיכרון המקומי                      |                [APIs, טפסים וזיכרון מקומי](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [תוסף דפדפן ירוק](./5-browser-extension/solution/README.md) |          תהליכים ברקע בדפדפן, ביצועי רשת          | שימוש בתהליכים ברקע של הדפדפן כדי לנהל את הסמל של התוסף; ללמוד על ביצועי רשת וכמה אופטימיזציות לשיפור ביצועים   |             [משימות רקע וביצועים](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [משחק חלל](./6-space-game/solution/README.md)           |             פיתוח משחק מתקדם יותר עם JavaScript             | ללמוד על ירושה באמצעות מחלקות וקומפוזיציה ודפוס הפרסום/הרשמה, כהכנה לבניית משחק              |                      [מבוא לפיתוח משחק מתקדם](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [משחק חלל](./6-space-game/solution/README.md)           |                           ציור על קנבס                            | ללמוד על Canvas API, המשמש לציור אלמנטים על המסך                                                                       |                                [ציור על קנבס](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [משחק חלל](./6-space-game/solution/README.md)           |                   הזזת אלמנטים על המסך                    | לגלות כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות ו-Canvas API                                            |                           [הזזת אלמנטים](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [משחק חלל](./6-space-game/solution/README.md)           |                          איתור התנגשויות                           | לגרום לאלמנטים להתנגש ולהגיב זה לזה באמצעות לחיצות מקשים ולספק פונקציית קירור לוודא ביצועים טובים במשחק    |                              [איתור התנגשויות](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [משחק חלל](./6-space-game/solution/README.md)           |                             ניהול ניקוד                              | ביצוע חישובים מתמטיים בהתאם למצב ולביצועי המשחק                                                                |                                    [ניהול ניקוד](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [משחק חלל](./6-space-game/solution/README.md)           |                     סיום והתחלה מחדש של המשחק                     | ללמוד על סיום והתחלה מחדש של המשחק, כולל ניקוי משאבים ואתחול ערכי משתנים                              |                                [תנאי סיום](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [אפליקציית בנקאות](./7-bank-project/solution/README.md)          |                 תבניות HTML ונתיבים באפליקציית רשת                 | ללמוד איך ליצור את השלד של אתר רב-דפי באמצעות ניתוב ותבניות HTML                             |                            [תבניות HTML ונתיבים](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [אפליקציית בנקאות](./7-bank-project/solution/README.md)          |                  בניית טופס התחברות והרשמה                   | ללמוד על בניית טפסים וטיפול בוולידציה                                                                          |                                           [טפסים](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [אפליקציית בנקאות](./7-bank-project/solution/README.md)          |                   דרכי שליפה ושימוש בנתונים                   | כיצד זורמים הנתונים אל תוך האפליקציה וממנה, כיצד לשלוף, לאחסן ולהיפטר מהם                                                 |                                            [נתונים](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [אפליקציית בנקאות](./7-bank-project/solution/README.md)          |                      מושגי ניהול מצב                      | ללמוד כיצד האפליקציה שומרת ומנהלת מצב תכנית                                                              |                                [ניהול מצב](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [קוד דפדפן / 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  |                     התחלה מהירה                          |           מבוא לתכנות וכלי המקצוע                                  | למד את היסודות של רוב שפות התכנות ועל תוכנות המסייעות למפתחים מקצועיים לבצע את עבודתם                                        | [Introduction to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine       |
+| 02  |                     התחלה מהירה                          |             יסודות GitHub, כולל עבודה עם צוות                      | כיצד להשתמש ב-GitHub בפרויקט שלך, כיצד לשתף פעולה עם אחרים בקוד                                                            |                            [Introduction to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                       |          Floor        |
+| 03  |                     התחלה מהירה                          |                             נגישות                                  | למד את היסודות של נגישות באינטרנט                                                                                            |                         [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                     |       Christopher     |
+| 04  |                        יסודות JS                         |                         טיפוסי נתונים ב-JavaScript                 | היסודות של טיפוסי הנתונים ב-JavaScript                                                                                        |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine       |
+| 05  |                        יסודות JS                         |                         פונקציות ושיטות                            | למד על פונקציות ושיטות לניהול זרימת הלוגיקה של האפליקציה                                                                    |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        יסודות JS                         |                        קבלת החלטות עם JS                           | למד כיצד ליצור תנאים בקוד שלך באמצעות שיטות קבלת החלטות                                                                      |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine       |
+| 07  |                        יסודות JS                         |                            מערכים ולולאות                           | עבודה עם נתונים באמצעות מערכים ולולאות ב-JavaScript                                                                            |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine       |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML בתרגול                              | בניית HTML ליצירת טרריום מקוון, תוך דגש על בניית פריסת עמוד                                                                  |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen         |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS בתרגול                               | בניית CSS לעיצוב הטרריום המקוון, התמקדות ביסודות ה-CSS כולל עיצוב תגובתי של העמוד                                            |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen         |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                סגירות JavaScript, מניפולציה של DOM               | בניית JavaScript להפעלת הטרריום כממשק גרירה וגרירה, התמקדות בסגירות ומניפולציה של DOM                                         |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen         |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          בניית משחק הקלדה                         | למד כיצד להשתמש באירועי מקלדת כדי להניע את הלוגיקה של אפליקציית ה-JavaScript שלך                                             |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher     |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         עבודה עם דפדפנים                          | למד כיצד דפדפנים פועלים, ההיסטוריה שלהם, וכיצד לבנות את האלמנטים הראשונים של תוסף דפדפן                                     |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen         |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | בניית טופס, קריאה ל-API ואחסון משתנים באחסון מקומי              | בניית אלמנטים של JavaScript בתוסף הדפדפן שלך לקריאה ל-API תוך שימוש במשתנים המאוחסנים באחסון מקומי                           |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen         |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) | תהליכים ברקע בדפדפן, ביצועי רשת                                | שימוש בתהליכים ברקע של הדפדפן כדי לנהל את האייקון של התוסף; לימוד על ביצועים ואופטימיזציות באינטרנט                         |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen         |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             פיתוח משחק מתקדם יותר ב-JavaScript                   | למד על ירושה באמצעות מחלקות והרכבה ודפוס Pub/Sub, כהכנה לבניית משחק                                                           |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris        |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           ציור ב-canvas                           | למד על ה-Canvas API, המשמש לציור אלמנטים על המסך                                                                               |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris        |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   הזזת אלמנטים על המסך                           | גלה כיצד אלמנטים יכולים לקבל תנועה באמצעות קואורדינטות קרטזיות ו-Canvas API                                                     |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris        |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          זיהוי התנגשויות                          | לגרום לאלמנטים להתנגש ולתגובה זה לזה באמצעות לחיצות מקשים ולספק פונקציית קירור להבטחת ביצועי המשחק                          |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris        |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             שמירת ניקוד                            | בצע חישובים מתמטיים על בסיס מצב וביצועי המשחק                                                                                 |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris        |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     סיום והפעלה מחדש של המשחק                    | למד על סיום והפעלה מחדש של המשחק, כולל ניקוי משאבים ואיפוס ערכי משתנים                                                          |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris        |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |             תבניות HTML ונתיבים באפליקציית רשת                  | למד כיצד ליצור את השלד של ארכיטקטורת אתר אינטרנט מרובה דפים באמצעות נתיבים ותבניות HTML                                       |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan        |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  בניית טופס כניסה והרשמה                         | למד על בניית טפסים וטיפול בשגרות אימות                                                                                         |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan        |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   שיטות של שליפה ושימוש בנתונים                | כיצד נתונים זורמים לתוך ומחוץ לאפליקציה שלך, כיצד לשלוף אותם, לאחסן ולפנות אליהם                                              |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan        |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      מושגי ניהול מדינה                            | למד כיצד האפליקציה שלך שומרת מדינה וכיצד לנהל אותה תוכניתית                                                                   |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan        |
+| 25 | [Browser/VScode Code](../../8-code-editor) | עבודה עם VScode | למד להשתמש בעורך קוד | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | עבודה עם AI | למד לבנות עוזר AI משלך | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 פדגוגיה
 
 תכנית הלימודים שלנו מעוצבת עם שני עקרונות פדגוגיים מרכזיים:
 * למידה מבוססת פרויקטים
-* חידונים תכופים
+* חנים תכופים
 
-הبرنامج מלמד את יסודות ה-JavaScript, HTML ו-CSS, וכן את הכלים והטכניקות העדכניות ביותר שמשתמשים בהם מפתחי אתרים כיום. לתלמידים תהיה הזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון חלל-פולשנים, ואפליקציית בנקאות לעסקים. עם סיום הסדרה, התלמידים ירכשו הבנה מעמיקה של פיתוח אינטרנט.
+הקורס מלמד את היסודות של JavaScript, HTML ו-CSS, וכן את הכלים והטכניקות העדכניים ביותר בהם משתמשים מפתחי האינטרנט של היום. לסטודנטים תהיה הזדמנות לפתח ניסיון מעשי על ידי בניית משחק הקלדה, טרריום וירטואלי, תוסף דפדפן ידידותי לסביבה, משחק בסגנון פלישת החלל ואפליקציית בנקאות לעסקים. בסיום הסדרה הסטודנטים ירכשו הבנה איתנה של פיתוח ווב.
 
-> 🎓 תוכל לקחת את השיעורים הראשונים בתכנית זו כ-[נתיב למידה](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) ב-Microsoft Learn!
 
-על ידי וידוא שהתוכן מתאים לפרויקטים, התהליך הופך למרתק יותר עבור התלמידים ושימור המושגים ישתפר. בנוסף, כתבנו כמה שיעורים התחלתיים ביסודות JavaScript כדי להציג מושגים, יחד עם וידאו מ"קולקציית הסדרה למתחילים ב-JavaScript" (קישור) וחלק מהמחברים בה גם תרמו לתכנית זו.
+על ידי הבטחת התאמה של התכנים לפרויקטים, התהליך נעשה מעניין יותר עבור הסטודנטים והחזקת המושגים תוגבר. כמו כן, כתבנו כמה שיעורי פתיחה ביסודות JavaScript כדי להציג מושגים, יחד עם וידאו מסדרת "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" של סרטוני הדרכה, שחלק מהמחברים שלהם תרמו לתכנית זו.
 
-בנוסף, חידון זול לפני השיעור קובע את כוונת התלמיד ללמוד נושא, בעוד חידון שני אחרי השיעור מבטיח שימור נוסף. תכנית זו תוכננה להיות גמישה ומהנה וניתן לקחת אותה כולה או חלקית. הפרויקטים מתחילים קטנים והופכים למורכבים יותר עד סוף מחזור של 12 שבועות.
+בנוסף, בחן ללא סיכון לפני השיעור מגדיר את כוונת הסטודנט ללמוד נושא, בעוד בחן שני לאחר השיעור מבטיח החזקה נוספת. תכנית הלימודים עוצבה להיות גמישה ומהנה וניתן לקחת אותה בשלמותה או בחלקים. הפרויקטים מתחילים קטנים והופכים למורכבים יותר לקראת סיום מחזור של 12 שבועות.
 
-בעוד שנמנענו במכוון מהכנסת מסגרות JavaScript כדי להתרכז בכישורים הבסיסיים הדרושים למפתח ווב לפני אימוץ מסגרת, הצעד הבא הטוב להשלים תכנית זו הוא ללמוד על Node.js דרך קולקציית וידאו אחרת: "[סדרה למתחילים ל-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.md) ובקווים המנחים ל[תרומה](CONTRIBUTING.md). נשמח למשוב בונה ממך!
+> בקר במדריך ההתנהגות שלנו [Code of Conduct](CODE_OF_CONDUCT.md) ובכללי ההשתתפות שלנו [Contributing](CONTRIBUTING.md). נשמח למשובכם הבונה!
 
 
 ## 🧭 גישה לא מקוונת
 
-תוכל להפעיל תיעוד זה במצב לא מקוון על ידי שימוש ב-[Docsify](https://docsify.js.org/#/). פצל את הריפו, [התקן את Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלך, ואז בתיקיית השורש של הריפו, הקלד `docsify serve`. האתר יופעל על פורט 3000 ב-localhost שלך: `localhost:3000`.
-
-## 📘 PDF
-
-ניתן למצוא PDF של כל השיעורים [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+ניתן להפעיל תיעוד זה במצב לא מקוון באמצעות [Docsify](https://docsify.js.org/#/). נסה לפצל מאגר זה, [התקן Docsify](https://docsify.js.org/#/quickstart) במחשב המקומי שלך, ואז בתיקיית השורש של המאגר הקלד `docsify serve`. האתר יופעל בפורט 3000 על ה-localhost שלך: `localhost:3000`.
 
+## 📘 קובץ PDF
+ניתן למצוא קובץ PDF של כל השיעורים [כאן](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 ## 🎒 קורסים נוספים
-הצוות שלנו מייצר קורסים נוספים! קראו עוד:
+
+הצוות שלנו מפיק קורסים נוספים! בדקו את:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j למתחילים](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 למתחילים](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 למתחילים](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)
+[![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 / סוכנים
-[![AZD למתחילים](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 למתחילים](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 למתחילים](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 למתחילים](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)
+[![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)
 
 ---
  
-### סדרת בינה מלאכותית מחוללת
-[![בינה מלאכותית מחוללת למתחילים](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)
-[![בינה מלאכותית מחוללת (.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)
-[![בינה מלאכותית מחוללת (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)
-[![בינה מלאכותית מחוללת (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
+### סדרת בינה מלאכותית גנרטיבית
+[![Generative AI 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)
 
 ---
  
-### למידה בסיסית
-[![למידת מכונה למתחילים](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)
-[![מדע הנתונים למתחילים](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)
-[![בינה מלאכותית למתחילים](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)
-[![אבטחת סייבר למתחילים](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![פיתוח ווב למתחילים](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![אינטרנט של הדברים למתחילים](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![פיתוח XR למתחילים](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)
+### לימוד יסודי
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
  
-### סדרת קופילוט
-[![קופילוט לתכנות זוגי עם AI](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)
-[![קופילוט ל-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)
-[![הרפתקאות קופילוט](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+### סדרת Copilot
+[![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## קבלת עזרה
 
-אם אתה נתקל בקשיים או שיש לך שאלות בנוגע לבניית אפליקציות AI. הצטרף ללומדים ולעורכי תוכנה מנוסים בדיונים על MCP. זו קהילה תומכת שבה שאלות מתקבלות בשמחה והידע משותף בחופשיות.
+אם אתה נתקע או יש לך שאלות לגבי בניית אפליקציות בינה מלאכותית. הצטרף ללומדים אחרים ומפתחים מנוסים בדיונים על 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) למידע נוסף.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**כתב ויתור:**
-מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון כי תרגומים אוטומטיים עשויים להכיל שגיאות או אי-דיוקים. המסמך המקורי בשפתו המקורית יהווה את המקור הרשמי והמחייב. למידע קריטי מומלץ להשתמש בתרגום מקצועי על ידי מתרגם אנושי. איננו נושאים באחריות לכל אי-הבנה או פרשנות שגויה הנובעים משימוש בתרגום זה.
+**כתב ויתור**:  
+מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון כי תרגומים אוטומטיים עלולים להכיל טעויות או ליקויים. יש להתייחס למסמך המקורי בשפתו המקורית כמקור סמכותי. למידע קריטי מומלץ לפנות לתרגום מקצועי על ידי אדם. איננו אחראים לכל אי הבנה או פרשנות שגויה הנובעת משימוש בתרגום זה.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hi/.co-op-translator.json b/translations/hi/.co-op-translator.json
index 02e2b6ae1..2c5b128bd 100644
--- a/translations/hi/.co-op-translator.json
+++ b/translations/hi/.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-06T17:11:56+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T14:49:03+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "hi"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:35:45+00:00",
+    "translation_date": "2026-03-06T14:52:45+00:00",
     "source_file": "AGENTS.md",
     "language_code": "hi"
   },
@@ -516,8 +516,8 @@
     "language_code": "hi"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:30:40+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T14:44:55+00:00",
     "source_file": "README.md",
     "language_code": "hi"
   },
diff --git a/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index a53ca867b..5b0256488 100644
--- a/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,84 +1,84 @@
 # प्रोग्रामिंग भाषाओं और आधुनिक डेवलपर टूल्स का परिचय
 
-नमस्ते, भविष्य के डेवलपर! 👋 क्या मैं आपको कुछ ऐसा बता सकता हूँ जो मुझे हर दिन रोमांचित कर देता है? आप अभी यह खोजने वाले हैं कि प्रोग्रामिंग केवल कंप्यूटर के बारे में नहीं है – यह आपकी सबसे अविश्वसनीय कल्पनाओं को जीवन में लाने की वास्तविक सुपरपावर है!
+अरे वहां, भविष्य के डेवलपर! 👋 क्या मैं आपको कुछ ऐसा बता सकता हूँ जो हर दिन मुझे अभी भी रोमांचित करता है? आप यह जानने वाले हैं कि प्रोग्रामिंग सिर्फ कंप्यूटरों के बारे में नहीं है – यह आपके सबसे जीवंत विचारों को जीवन में लाने के लिए असली सुपरपावर पाने के बारे में है!
 
-आप जानते हैं वह पल जब आप अपने पसंदीदा ऐप का उपयोग कर रहे होते हैं और सब कुछ बिल्कुल सही ढंग से मेल खाता है? जब आप एक बटन दबाते हैं और कुछ बिल्कुल जादुई होता है जो आपको "वाह, उन्होंने यह कैसे किया?" कहने पर मजबूर कर देता है? खैर, कोई आप जैसे ही – शायद अपनी पसंदीदा कॉफी शॉप में 2 बजे अपनी तीसरी एस्प्रेसो के साथ बैठा – वह कोड लिखता है जिसने वह जादू बनाए। और यहाँ जो आपकी सोच को हिला देगा: इस पाठ के अंत तक, आप न केवल यह समझेंगे कि उन्होंने इसे कैसे किया, बल्कि आप खुद भी इसे आजमाने के लिए उत्सुक होंगे!
+आप जानते हैं वह पल जब आप अपने पसंदीदा ऐप का उपयोग कर रहे होते हैं और सब कुछ पूरी तरह से ठीक होता है? जब आप एक बटन दबाते हैं और कुछ बिल्कुल जादुई होता है जो आपको कहने पर मजबूर कर देता है "वाह, उन्होंने यह कैसे किया?" खैर, आपका जैसा कोई व्यक्ति – शायद अपनी पसंदीदा कॉफी शॉप में 2 बजे अपनी तीसरी एस्प्रेसो के साथ बैठा हुआ – उस कोड को लिखा जिसने वह जादू बनाया। और यह है जो आपका दिमाग उड़ाने वाला है: इस पाठ के अंत तक, आप न केवल समझेंगे कि उन्होंने यह कैसे किया, बल्कि खुद इसे आज़माने के लिए उत्साहित होंगे!
 
-देखिए, मुझे पूरी तरह से समझ आता है अगर प्रोग्रामिंग अभी डरावना लग रहा हो। जब मैंने पहली बार शुरू किया था, तो मुझे सच में लगा था कि आपको कोई गणित का जीनियस होना चाहिए या पाँच साल की उम्र से कोडिंग कर रहे होना चाहिए। लेकिन यहाँ वह चीज़ है जिसने मेरी सोच पूरी तरह बदल दी: प्रोग्रामिंग बिल्कुल वैसी ही है जैसी एक नई भाषा में बातचीत सीखना। आप "नमस्ते" और "धन्यवाद" से शुरू करते हैं, फिर कॉफी ऑर्डर करने तक पहुँचते हैं, और फिर पता चलता है कि आप गहरे दार्शनिक वार्तालाप कर रहे हैं! बस इस मामले में, आप कंप्यूटरों से बातचीत कर रहे हैं, और ईमानदारी से? वे सबसे धैर्यशील बातचीत साथी हैं जिन्हें आपने कभी देखा होगा – वे कभी आपकी गलतियों का जज नहीं करते और हमेशा फिर से कोशिश करने के लिए उत्साहित रहते हैं!
+देखिए, अगर प्रोग्रामिंग अभी डरावनी लग रही है तो मैं पूरी तरह समझता हूँ। जब मैंने शुरुआत की थी, तो मैं सच में सोचता था कि आपको कोई गणित का जीनियस होना चाहिए या पांच साल की उम्र से कोडिंग कर रहे होना चाहिए। लेकिन यह रहा वह चीज जिसने मेरी सोच पूरी तरह बदल दी: प्रोग्रामिंग बिल्कुल वैसा ही है जैसे किसी नई भाषा में बातचीत सीखना। आप "नमस्ते" और "धन्यवाद" से शुरू करते हैं, फिर कॉफी आर्डर करना सीखते हैं, और जल्दी ही आप गहरे दार्शनिक चर्चाओं में लगे होते हैं! बस इस मामले में, आप कंप्यूटरों से बातचीत कर रहे होते हैं, और सच्चाई यह है? वे सबसे सहनशील वार्तालाप साथी होते हैं – वे कभी आपकी गलतियों का न्याय नहीं करते और हमेशा फिर से कोशिश करने के लिए उत्साहित रहते हैं!
 
-आज, हम उन अद्भुत उपकरणों का अन्वेषण करने वाले हैं जो आधुनिक वेब विकास को न केवल संभव बनाते हैं, बल्कि अत्यधिक मजेदार भी। मैं बात कर रहा हूँ बिलकुल उन्हीं संपादकों, ब्राउज़रों, और वर्कफ़्लोज़ की जो नेटफ्लिक्स, स्पॉटिफाई, और आपके पसंदीदा इंडी ऐप स्टूडियो के डेवलपर हर दिन उपयोग करते हैं। और यहाँ वह हिस्सा है जो आपको खुश नाचने पर मजबूर कर देगा: इनमें से अधिकांश पेशेवर-ग्रेड, उद्योग-मानक उपकरण पूरी तरह से मुफ्त हैं!
+आज, हम उन अद्भुत टूल्स का अन्वेषण करने जा रहे हैं जो आधुनिक वेब डेवलपमेंट को संभव बनाते हैं, बल्कि इसे गंभीरता से नशे की तरह addictive बनाते हैं। मैं बात कर रहा हूँ वही एडिटर्स, ब्राउज़र्स, और वर्कफ़्लो की जो नेटफ्लिक्स, स्पॉटिफाई, और आपके पसंदीदा इंडी ऐप स्टूडियो के डेवलपर्स हर दिन इस्तेमाल करते हैं। और यहाँ वह हिस्सा है जो आपको खुश नाचने पर मजबूर कर देगा: इन में से अधिकांश पेशेवर स्तर के और उद्योग मानक टूल्स पूरी तरह से मुफ्त हैं!
 
 ![Intro Programming](../../../../translated_images/hi/webdev101-programming.d6e3f98e61ac4bff.webp)
-> स्केचक नोट द्वारा [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title आपका प्रोग्रामिंग यात्रा आज
-    section खोजें
+    title आपकी प्रोग्रामिंग यात्रा आज
+    section Discover
       प्रोग्रामिंग क्या है: 5: You
       प्रोग्रामिंग भाषाएँ: 4: You
-      टूल्स अवलोकन: 5: You
-    section अन्वेषण करें
+      उपकरण अवलोकन: 5: You
+    section Explore
       कोड संपादक: 4: You
-      ब्राउज़र और देवटूल्स: 5: You
+      ब्राउज़र और डिवटूल्स: 5: You
       कमांड लाइन: 3: You
-    section अभ्यास
+    section Practice
       भाषा जासूस: 4: You
-      टूल अन्वेषण: 5: You
+      उपकरण अन्वेषण: 5: You
       समुदाय संपर्क: 5: You
 ```
-## आईए देखें आप क्या पहले से जानते हैं!
+## चलिए देखते हैं आप पहले से क्या जानते हैं!
 
-मज़ेदार चीज़ों में कूदने से पहले, मैं जानना चाहता हूँ – आप इस प्रोग्रामिंग दुनिया के बारे में पहले से क्या जानते हैं? और सुनिए, अगर आप इन सवालों को देखकर सोच रहे हैं "मुझे इस बारे में बिल्कुल भी जानकारी नहीं है," तो यह ठीक है, यह परफेक्ट है! इसका मतलब है कि आप बिल्कुल सही जगह पर हैं। इस क्विज़ को सोचिए जैसे व्यायाम से पहले स्ट्रेचिंग – हम बस अपने दिमाग़ की मांसपेशियों को गर्म कर रहे हैं!
+मज़ेदार चीजों में जाने से पहले, मैं उत्सुक हूँ – आप प्रोग्रामिंग की इस दुनिया के बारे में पहले से क्या जानते हैं? और सुनिए, अगर आप इन सवालों को देखकर सोच रहे हैं "मुझे वास्तव में इसकी कोई जानकारी नहीं है," तो यह सिर्फ ठीक नहीं, बल्कि परफेक्ट है! इसका मतलब है कि आप बिलकुल सही जगह पर हैं। इस क्विज़ को व्यायाम की तरह समझिए – हम बस अपने दिमाग की मांसपेशियों को गर्म कर रहे हैं!
 
-[प्री-लेसन क्विज़ लें](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[प्री-लेसन क्विज़ लें](https://ff-quizzes.netlify.app/web/)
 
 
-## हमारी जो यात्रा हम साथ में शुरू करने वाले हैं
+## हम साथ में जिस साहसिक यात्रा पर जा रहे हैं
 
-ठीक है, मैं सच में उत्साहित हूँ कि हम आज क्या एक्सप्लोर करने वाले हैं! सच में, काश मैं आपकी प्रतिक्रिया देख पाता जब कुछ कॉन्सेप्ट्स समझ में आते हैं। यहाँ वह अद्भुत यात्रा है जो हम साथ में कर रहे हैं:
+ठीक है, मैं सचमुच उत्साहित हूँ आज हम क्या अन्वेषण करने वाले हैं! सच बताऊँ तो, आपकी प्रतिक्रिया देखने की इच्छा हो रही है जब कुछ कॉन्सेप्ट्स आपके लिए क्लियर होंगे। यहाँ वह अद्भुत यात्रा है जिस पर हम साथ में जा रहे हैं:
 
-- **प्रोग्रामिंग असल में क्या है (और यह क्यों सबसे कूल चीज़ है!)** – हम जानेंगे कि कोड वह अदृश्य जादू है जो आपके चारों ओर सब कुछ संचालित करता है, उस अलार्म से जो किसी तरह से पता लगा लेता है कि सोमवार सुबह है, उस एल्गोरिद्म तक जो बिल्कुल सही तरीके से आपकी नेटफ्लिक्स सिफारिशें चुनता है
-- **प्रोग्रामिंग भाषाएँ और उनकी अद्भुत विशेषताएँ** – कल्पना करें कि आप किसी पार्टी में गए जहां हर व्यक्ति के पास पूरी तरह अलग सुपरपावर होते हैं और समस्याओं को हल करने के अलग तरीके होते हैं। यही प्रोग्रामिंग भाषाओं की दुनिया है, और आप उनसे मिलकर प्यार कर लेंगे!
-- **मूलभूत बिल्डिंग ब्लॉक्स जो डिजिटल जादू संभव बनाते हैं** – इन्हें ऐसे समझिए जैसे सबसे बेहतरीन क्रिएटिव LEGO सेट। एक बार जब आप समझ जाएंगे कि ये टुकड़े कैसे फिट होते हैं, तो आप कल्पना कर सकते हैं कि आप सच में कुछ भी बना सकते हैं
-- **पेशेवर उपकरण जो आपको जादूगर की छड़ी थमाए जाने जैसा महसूस कराएंगे** – मैं बढ़ा-चढ़ा कर नहीं कह रहा हूं – ये उपकरण आपको सच में सुपरपावर जैसा महसूस कराएंगे, और सबसे अच्छी बात? ये वही उपकरण हैं जिनका प्रोफेशनल्स इस्तेमाल करते हैं!
+- **प्रोग्रामिंग वास्तव में क्या है (और क्यों यह सबसे कूल चीज़ है!)** – हम पता लगाएंगे कि कोड कैसे हर उस चीज़ के पीछे अदृश्य जादू है जो आपके आस-पास है, उस अलार्म से जो किसी तरह पड़ता है कि सोमवार सुबह है, उस अल्गोरिद्म तक जो आपके नेटफ्लिक्स रिकमेंडेशंस को परफेक्ट बनाता है
+- **प्रोग्रामिंग भाषाओं और उनके अद्भुत व्यक्तित्व** – कल्पना करें कि आप एक पार्टी में जा रहे हैं जहाँ हर व्यक्ति के पास पूरी तरह से अलग सुपरपावर और समस्या सुलझाने के तरीके हैं। प्रोग्रामिंग भाषा की दुनिया ऐसी ही है, और आपको उनसे मिलना बहुत पसंद आएगा!
+- **वे मूलभूत घटक जो डिजिटल जादू को संभव बनाते हैं** – इनको अंतिम क्रिएटिव LEGO सेट समझिए। जब आप समझ जाएंगे कि ये हिस्से कैसे जुड़ते हैं, तो आप किसी भी चीज़ को अपने कल्पना के अनुसार बना सकते हैं
+- **पेशेवर टूल्स जो आपको लगेगा कि आपके हाथ में जादूगर की छड़ी है** – मैं नाटक नहीं कर रहा हूँ – ये टूल्स आपको सच में सुपरपावर देने वाले हैं, और सबसे अच्छी बात? इन्हें वही प्रोफेशनल उपयोग करते हैं!
 
-> 💡 **एक बात:** आज सब कुछ याद करने की कोशिश बिल्कुल मत कीजिए! अभी मैं चाहता हूँ कि आप इस संभावना की जोशिलीय आगे बढ़ने की भावना महसूस करें। विवरण स्वाभाविक रूप से तब याद रहेंगे जब हम साथ अभ्यास करेंगे – यही असली सीखने का तरीका है!
+> 💡 **यह बात ध्यान रखें**: आज सब कुछ याद करने की कोशिश न करें! अभी मैं बस चाहता हूँ कि आप यह चिंगारी महसूस करें कि क्या संभव है। डिटेल्स अपने आप चिपक जाएंगी जैसे हम साथ में अभ्यास करेंगे – सही सीखने का यही तरीका है!
 
-> आप इस पाठ को [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, जो basically "हाँ" और "ना" या "चालू" और "बंद" हैं। बस इतनी सी बात! लेकिन यहाँ जादू होता है – हमें 1 और 0 की भाषा में बात करने की ज़रूरत नहीं, जैसे हम The Matrix में हों। यहाँ **प्रोग्रामिंग भाषाएँ** काम आती हैं। वे ऐसी हैं जैसे दुनिया की सबसे बेहतरीन अनुवादक जो आपके सामान्य इंसानी विचारों को कंप्यूटर भाषा में बदल देती हैं।
+जब मैंने यह पहली बार सीखा तो यह बात मेरे लिए दिमाग उड़ाने वाली थी: कंप्यूटर मूलत: काफी सरल होते हैं। वे केवल दो चीजें समझते हैं – 1 और 0, जो मूल रूप से "हाँ" और "नहीं" या "चालू" और "बंद" है। सिर्फ इतना! लेकिन जादू यहाँ शुरू होता है – हमें 1 और 0 में बात करने की ज़रूरत नहीं है जैसे हम द मैट्रिक्स में हों। यहाँ **प्रोग्रामिंग भाषाएँ** काम आती हैं। वे मानो सबसे बेहतरीन अनुवादक हैं जो आपके सामान्य मानव विचारों को कंप्यूटर भाषा में बदल देते हैं।
 
-और यह वह चीज है जो मुझे हर सुबह सच्चा रोमांचित करती है: आपकी ज़िंदगी में जो कुछ भी डिजिटल है, वह किसी आप जैसे ही व्यक्ति से शुरू हुआ, शायद पजामे में कप कॉफी लिए अपने लैपटॉप पर कोड टाइप करते हुए। वह इंस्टाग्राम फ़िल्टर जो आपको परफेक्ट दिखाता है? किसी ने कोड किया। वह सिफारिश जिसने आपको आपका नया पसंदीदा गाना दिया? किसी डेवलपर ने वह एल्गोरिद्म बनाया। वह ऐप जो आपके दोस्तों के साथ डिनर बिल बाँटने में मदद करता है? हाँ, किसी ने सोचा "ये बड़ी झंझट है, मैं इसे ठीक कर सकता हूँ" और फिर... उन्होंने कर दिखाया!
+और यह बात हर सुबह मुझे सचमुच रोमांचित करती है: आपकी जिंदगी का हर डिजिटल हिस्सा किसी आपके जैसा व्यक्ति से शुरू हुआ, शायद पजामा पहने कॉफी का कप लेकर, लैपटॉप पर कोड टाइप करते हुए। वह इंस्टाग्राम फिल्टर जो आपको परफेक्ट दिखाता है? किसी ने कोड किया। वह सुझाव जो आपको आपके नए पसंदीदा गाने तक पहुंचाया? एक डेवलपर ने वह अल्गोरिद्म बनाया। वह ऐप जो दोस्तों के साथ डिनर बिल बांटने में मदद करता है? हाँ, किसी ने सोचा "यह परेशान करता है, मैं इसे ठीक कर सकता हूँ" और फिर... किया!
 
-जब आप प्रोग्राम करना सीखते हैं, तो आप केवल एक नई स्किल नहीं सीख रहे होते – आप उस अद्भुत समस्या-समाधानकर्ता समुदाय का हिस्सा बन रहे होते हैं जो दिनभर सोचते रहते हैं, "अगर मैं कुछ ऐसा बना सकूं जो किसी का दिन थोड़ा बेहतर बना दे तो?" सच में, इससे कूल क्या हो सकता है?
+जब आप प्रोग्राम करना सीखते हैं, तो आप सिर्फ एक नया कौशल सीख रहे नहीं होते – आप समस्या हल करने वाले इस अविश्वसनीय समुदाय का हिस्सा बन जाते हैं जो दिन भर सोचते रहते हैं, "अगर मैं कुछ ऐसा बना सकूँ जो किसी के दिन को थोड़ा बेहतर बना दे?" सच में, इससे कूल कुछ और हो सकता है?
 
-✅ **मज़ेदार तथ्य ढूँढ़ना**: जब आपके पास फुर्सत हो, तो यह खोजिए कि दुनिया का पहला कंप्यूटर प्रोग्रामर कौन था? मैं आपको एक संकेत देता हूँ: यह आप जो सोच रहे हैं शायद वह न हो! इस व्यक्ति की कहानी पूरी तरह से रोचक है और दिखाती है कि प्रोग्रामिंग हमेशा से रचनात्मक समस्या-समाधान और बॉक्स के बाहर सोचने के बारे में रही है।
+✅ **मज़ेदार तथ्य खोज**: जब आपके पास खाली समय हो तो यह जानने की कोशिश करें – आपको क्या लगता है कि दुनिया के पहले कंप्यूटर प्रोग्रामर कौन थे? मैं एक हिंट देता हूँ: शायद आपकी उम्मीद के अनुरूप न हों! उनके पीछे की कहानी कमाल की है और यह दिखाती है कि प्रोग्रामिंग हमेशा से रचनात्मक समस्या समाधान और पारंपरिक सोच से बाहर सोचने का विषय रही है।
 
-### 🧠 **जांच करें: आप कैसा महसूस कर रहे हैं?**
+### 🧠 **चेक-इन टाइम: आप कैसा महसूस कर रहे हैं?**
 
-**एक पल लें सोचने के लिए:**
-- क्या अब आपको "कंप्यूटरों को निर्देश देने" का विचार समझ में आता है?
-- क्या आप कोई रोज़ाना का काम सोच सकते हैं जिसे आप प्रोग्रामिंग से स्वचालित करना चाहेंगे?
-- इस पूरी प्रोग्रामिंग चीज़ के बारे में आपके मन में कौन से सवाल उठ रहे हैं?
+**थोड़ा रुकिए और सोचिए:**
+- क्या आपको अब "कंप्यूटर को निर्देश देना" समझ में आता है?
+- क्या आप कोई रोज़मर्रा का काम सोच सकते हैं जिसे आप प्रोग्रामिंग से स्वचालित करना चाहेंगे?
+- इस पूरे प्रोग्रामिंग विषय पर आपके मन में कौन से सवाल उठ रहे हैं?
 
-> **याद रखिए**: यह बिलकुल सामान्य है अगर कुछ अवधारणाएँ अभी धुंधली लग रही हों। प्रोग्रामिंग सीखना एक नई भाषा सीखने जैसा है – आपके मस्तिष्क को उन न्यूरल पथों का निर्माण करने में समय लगता है। आप अच्छा कर रहे हैं!
+> **याद रखें**: अगर कुछ कॉन्सेप्ट्स अभी अस्पष्ट लगें तो यह बिलकुल सामान्य है। प्रोग्रामिंग सीखना नए भाषा सीखने जैसा है – आपके दिमाग को उन न्यूरल पाथवे बनाने में समय लगता है। आप बहुत अच्छे कर रहे हैं!
 
-## प्रोग्रामिंग भाषाएँ जादू के अलग-अलग स्वादों की तरह हैं
+## प्रोग्रामिंग भाषाएँ विभिन्न प्रकार के जादू की तरह होती हैं
 
-ठीक है, यह थोड़ा अजीब लग सकता है, पर मेरे साथ रहिए – प्रोग्रामिंग भाषाएँ संगीत के अलग-अलग प्रकारों की तरह हैं। सोचिए: आपके पास जैज़ है, जो स्मूद और इम्प्रोवाइज़ेशन वाला है, रॉक है जो शक्तिशाली और सरल है, क्लासिकल है जो सुरुचिपूर्ण और संरचित है, और हिप-हॉप है जो क्रिएटिव और अभिव्यक्तिपूर्ण है। हर शैली की अपनी अलग vibe है, अपने भावुक प्रशंसकों का अपना समुदाय है, और हर एक अलग मूड और मौके के लिए परफेक्ट है।
+ठीक है, यह अजीब लग सकता है, लेकिन मेरे साथ बने रहें – प्रोग्रामिंग भाषाएँ संगीत के विभिन्न प्रकारों की तरह होती हैं। सोचिए: आपके पास जैज है, जो चिकना और तात्कालिक है, रॉक जो शक्तिशाली और सीधा है, क्लासिकल जो सुरुचिपूर्ण और संरचित है, और हिप-हॉप जो क्रिएटिव और अभिव्यक्तिपूर्ण है। हर शैली की अपनी अलग मिजाज, अपनी पसंदीदा समुदाय होता है, और हर एक अलग मूड और अवसरों के लिए परफेक्ट है।
 
-प्रोग्रामिंग भाषाएँ भी बिल्कुल ऐसा ही काम करती हैं! आप एक ही भाषा का उपयोग मजेदार मोबाइल गेम बनाने के लिए नहीं करेंगे जो आप विशाल मात्रा में क्लाइमेट डेटा crunch करने के लिए करते, ठीक वैसे ही जैसे आप योगा क्लास में डेथ मेटल नहीं सुनाएंगे (खैर, ज़्यादातर योगा क्लासेस में नहीं! 😄)।
+प्रोग्रामिंग भाषाएँ भी बिल्कुल ऐसे ही काम करती हैं! आप वही भाषा नहीं इस्तेमाल करेंगे जो एक मज़ेदार मोबाइल गेम बनाने के लिए है, जलवायु डेटा के बड़े पैमाने पर विश्लेषण के लिए, बिल्कुल वैसे ही जैसे आप योग कक्षा में डेथ मेटल नहीं बजाएंगे (खैर, ज्यादातर योग कक्षाएं नहीं! 😄)।
 
-पर कुछ ऐसी बात है जो मुझे हर बार सोचने पर चौंका देती है: ये भाषाएँ वैसे ही हैं जैसे दुनिया का सबसे धैर्यशील, प्रतिभाशाली दुभाषिया आपके बगल में बैठे हों। आप अपनी बात इस तरह से रख सकते हैं जो आपके इंसानी मस्तिष्क के लिए बिल्कुल प्राकृतिक लगे, और ये भाषाएँ उस बेहद जटिल काम को संभालती हैं जो इसे कंप्यूटर की 1 और 0 की भाषा में बदलता है। यह ऐसा है जैसे एक दोस्त जो दोनों "मानव रचनाशीलता" और "कंप्यूटर तर्क" में पूरी तरह धाराप्रवाह हो – और वे कभी थकते नहीं, कभी कॉफी ब्रेक नहीं लेते, और दो बार एक ही सवाल पूछने पर कभी नाराज़ नहीं होते!
+लेकिन हर बार जब मैं इसके बारे में सोचता हूँ, तो जो बात मेरा दिमाग उड़ाती है वह यह है: ये भाषाएँ ऐसी हैं मानो आपके बगल में सबसे धैर्यवान, प्रतिभाशाली अनुवादक बैठे हों। आप अपने विचार ऐसे व्यक्त कर सकते हैं जो आपके मानव मस्तिष्क के लिए स्वाभाविक हों, और ये सभी जटिल कार्यों को संभालते हैं कि उन्हें वे 1 और 0 में बदल दें जिनमें कंप्यूटर वास्तव में बात करते हैं। यह मानो किसी दोस्त के जैसा है जो "मानव रचनात्मकता" और "कंप्यूटर लॉजिक" दोनों में निपुण हो – और वह कभी थकता नहीं, कॉफी ब्रेक नहीं लेता, और दो बार एक ही सवाल पूछने पर आपको जज नहीं करता!
 
 ### लोकप्रिय प्रोग्रामिंग भाषाएँ और उनका उपयोग
 
@@ -90,72 +90,72 @@ mindmap
         फ्रंटेंड जादू
         इंटरैक्टिव वेबसाइट्स
       TypeScript
-        JavaScript + टाइप्स
-        एंटरप्राइज ऐप्स
+        JavaScript + प्रकार
+        उद्यम ऐप्स
     Data & AI
       Python
         डेटा साइंस
         मशीन लर्निंग
-        ऑटोमेशन
+        स्वचालन
       R
         सांख्यिकी
-        अनुसंधान
+        शोध
     Mobile Apps
       Java
-        एंड्रॉयड
-        एंटरप्राइज
+        एंड्रॉइड
+        उद्यम
       Swift
         iOS
-        एप्पल इकोसिस्टम
+        एप्पल पारिस्थितिकी तंत्र
       Kotlin
-        मॉडर्न एंड्रॉयड
+        आधुनिक एंड्रॉइड
         क्रॉस-प्लेटफ़ॉर्म
     Systems & Performance
       C++
         गेम्स
-        प्रदर्शन-निरपेक्ष
+        प्रदर्शन महत्वपूर्ण
       Rust
         मेमोरी सुरक्षा
         सिस्टम प्रोग्रामिंग
       Go
-        क्लाउड सेवाएं
+        क्लाउड सेवाएँ
         स्केलेबल बैकएंड
 ```
-| भाषा | सबसे अच्छा उपयोग | यह क्यों लोकप्रिय है |
+| भाषा | सर्वश्रेष्ठ लिए | क्यों लोकप्रिय है |
 |----------|----------|------------------|
-| **JavaScript** | वेब विकास, यूजर इंटरफेस | ब्राउज़र में चलता है और इंटरएक्टिव वेबसाइट्स को पावर करता है |
-| **Python** | डेटा साइंस, ऑटोमेशन, एआई | पढ़ने और सीखने में आसान, शक्तिशाली पुस्तकालयों के साथ |
-| **Java** | एंटरप्राइज़ एप्लीकेशंस, एंड्रॉयड ऐप्स | प्लेटफ़ॉर्म-स्वतंत्र, बड़े सिस्टम के लिए मजबूत |
-| **C#** | विंडोज़ एप्लीकेशंस, गेम डेवलपमेंट | Microsoft इकोसिस्टम द्वारा मजबूत समर्थन |
-| **Go** | क्लाउड सेवाएँ, बैकएंड सिस्टम | तेज, सरल, आधुनिक कंप्यूटिंग के लिए डिज़ाइन किया गया |
+| **JavaScript** | वेब विकास, यूजर इंटरफेस | ब्राउज़रों में चलता है और इंटरैक्टिव वेबसाइट्स को चलाता है |
+| **Python** | डेटा साइंस, ऑटोमेशन, एआई | पढ़ने और सीखने में आसान, शक्तिशाली लाइब्रेरीज |
+| **Java** | एंटरप्राइज एप्लिकेशन, एंड्रॉइड ऐप्स | प्लेटफ़ॉर्म-स्वतंत्र, बड़े सिस्टमों के लिए मजबूत |
+| **C#** | विंडोज़ एप्लिकेशन, गेम डेवलपमेंट | मजबूत माइक्रोसॉफ्ट इकोसिस्टम सपोर्ट |
+| **Go** | क्लाउड सर्विसेज़, बैकएंड सिस्टम | तेज, सरल, आधुनिक कंप्यूटिंग के लिए डिज़ाइन किया गया |
 
-### उच्च-स्तरीय बनाम निम्न-स्तरीय भाषाएँ
+### हाई-लेवल बनाम लो-लेवल भाषाएँ
 
-ठीक है, यह वह अवधारणा थी जिसने मेरी समझ को सबसे ज्यादा तोड़ दिया जब मैं पहली बार सीख रहा था, इसलिए मैं वह रूपक साझा करने जा रहा हूँ जिसने मुझे इसे समझने में मदद की – और मुझे उम्मीद है यह आपको भी मदद करेगा!
+ठीक है, यह सच में वह कॉन्सेप्ट था जिसने मेरी सोच हिला दी जब मैंने शुरुआत की थी, इसलिए मैं वह उपमा साझा करूंगा जिसने इसे मेरे लिए क्लियर किया – और मुझे उम्मीद है यह आपके लिए भी मददगार होगा!
 
-कल्पना करें कि आप ऐसे देश में गए हैं जहाँ आप भाषा नहीं बोलते, और आपको सबसे नजदीकी बाथरूम ढूँढ़ना है (हम सभी ऐसा कर चुके हैं, है ना? 😅):
+कल्पना कीजिए कि आप किसी ऐसे देश में गए हैं जहाँ आप भाषा नहीं बोलते, और आपको बहुत जरूरी तौर पर नजदीकी बाथरूम खोजनी है (हम सब वहाँ जा चुके हैं, सही? 😅):
 
-- **निम्न-स्तरीय प्रोग्रामिंग** उस स्थानीय बोली सीखने जैसा है जिससे आप फल बेचने वाली दादी से सांस्कृतिक संदर्भों, स्थानीय शब्दों और अंदर की बातों के साथ बात कर सकते हैं जो केवल वही लोग समझते हैं जो वहाँ बड़े हुए हों। बेहद प्रभावशाली और बहुत कुशल... अगर आप उस भाषा में धाराप्रवाह हों! लेकिन जब आप बस बाथरूम खोजना चाहते हों तो यह ज़्यादा भारी लग सकता है।
+- **लो-लेवल प्रोग्रामिंग** वैसी है जैसे आप स्थानीय बोली इतनी अच्छी तरह सीख लें कि आप कोने पर फल बेचने वाली दादी से सांस्कृतिक संदर्भ, स्थानीय स्लैंग, और अंदर के मज़ाक के साथ बातचीत कर सकें जो केवल कोई वहाँ पला बढ़ा ही समझ सकता है। बहुत प्रभावशाली और अत्यंत कुशल… अगर आप उसमें निपुण हों! लेकिन जब आप बस बाथरूम खोज रहे हों तो यह थोड़ा भारी पड़ सकता है।
 
-- **उच्च-स्तरीय प्रोग्रामिंग** ऐसा है जैसे आपके पास एक ऐसा स्थानीय दोस्त हो जो आपको पूरी तरह समझता हो। आप साधारण अंग्रेज़ी में कह सकते हैं "मुझे वाक़ई बाथरूम ढूँढना है," और वह सारी सांस्कृतिक अनुवाद करता है और आपको ऐसी दिशा-निर्देश देता है जो आपके गैर-स्थानीय दिमाग़ को पूरी तरह समझ में आ जाए।
+- **हाई-लेवल प्रोग्रामिंग** वैसी है जैसे कि आपके पास वह अद्भुत स्थानीय दोस्त हो जो आपको समझता हो। आप सरल अंग्रेज़ी में कह सकते हैं "मुझे बाथरूम चाहिए," और वह सारी सांस्कृतिक अनुवाद करता है और आपको ऐसी दिशा देता है जो आपके गैर-स्थानीय दिमाग के लिए भी पूरी तरह समझ में आती हो।
 
-प्रोग्रामिंग टर्म्स में:
-- **निम्न-स्तरीय भाषाएँ** (जैसे Assembly या C) आपको कंप्यूटर के वास्तविक हार्डवेयर से बेहद विस्तृत बातचीत करने देती हैं, लेकिन आपको मशीन जैसा सोचना पड़ता है, जो... चलिए कहें यह एक बड़ा मानसिक बदलाव है!
-- **उच्च-स्तरीय भाषाएँ** (जैसे JavaScript, Python या C#) आपको इंसान की तरह सोचने देती हैं जबकि ये भाषाएँ पर्दे के पीछे सारी मशीन-संबंधित बातें संभालती हैं। साथ ही, इनके पास अत्यंत स्वागतयोग्य समुदाय होते हैं जो याद रखते हैं कि कभी वे भी नए थे और वे सच में मदद करना चाहते हैं!
+प्रोग्रामिंग की भाषा में:
+- **लो-लेवल भाषाएँ** (जैसे Assembly या C) आपको कंप्यूटर के वास्तविक हार्डवेयर से बहुत विस्तृत बातचीत करने देती हैं, लेकिन आपको मशीन की तरह सोचना पड़ता है, जो... खैर, कहें तो मानसिक रूप से एक बड़ा बदलाव है!
+- **हाई-लेवल भाषाएँ** (जैसे JavaScript, Python, या C#) आपको एक इंसान की तरह सोचने देती हैं जबकि वे कंप्यूटर भाषा को पीछे से संभालती हैं। इसके अलावा, इन भाषाओं के समुदाय इतने स्वागतयोग्य होते हैं जहाँ नए लोग आएं तो पुराने याद करते हैं कि नए होने पर कैसा लगता था और सच्चे दिल से मदद करते हैं!
 
-सोचिए मैं आपको किससे शुरू करने की सलाह दूंगा? 😉 उच्च-स्तरीय भाषाएँ ऐसी ट्रेनिंग व्हील्स की तरह हैं जिन्हें आप कभी उतारना नहीं चाहते क्योंकि वे अनुभव को बहुत आसान बना देती हैं!
+आप सोच रहे होंगे, मैं आपको किसके साथ शुरुआत करने के लिए कहूँगा? 😉 हाई-लेवल भाषाएँ वैसी होती हैं जैसे ट्रेनिंग व्हील्स जो आपको कभी हटाने का दिल नहीं करता क्योंकि वे पूरे अनुभव को बहुत आनंदमय बना देते हैं!
 
 ```mermaid
 flowchart TB
-    A["👤 मानव विचार:<br/>'मैं फिबोनाच्ची संख्याएँ निकालना चाहता हूँ'"] --> B{भाषा स्तर चुनें}
+    A["👤 मानव सोच:<br/>'मैं फिबोनाची संख्याएँ गणना करना चाहता हूँ'"] --> B{भाषा स्तर चुनें}
     
-    B -->|उच्च-स्तर| C["🌟 JavaScript/Python<br/>पढ़ने और लिखने में आसान"]
-    B -->|निम्न-स्तर| D["⚙️ Assembly/C<br/>प्रत्यक्ष हार्डवेयर नियंत्रण"]
+    B -->|उच्च-स्तरीय| C["🌟 जावास्क्रिप्ट/पायथन<br/>पढ़ने और लिखने में आसान"]
+    B -->|निम्न-स्तरीय| D["⚙️ असेंबली/सी<br/>प्रत्यक्ष हार्डवेयर नियंत्रण"]
     
     C --> E["📝 लिखें: fibonacci(10)"]
     D --> F["📝 लिखें: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 कम्प्यूटर समझ:<br/>अनुवादक जटिलता संभालता है"]
+    E --> G["🤖 कंप्यूटर समझ:<br/>अनुवादक जटिलता संभालता है"]
     F --> G
     
     G --> H["💻 समान परिणाम:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,15 +164,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### मैं आपको दिखाता हूँ कि उच्च-स्तरीय भाषाएँ इतनी ज्यादा मित्रवत क्यों हैं
+### मैं आपको दिखाता हूँ कि हाई-लेवल भाषाएँ इतनी दोस्ताना क्यों हैं
 
-ठीक है, मैं आपको कुछ दिखाने वाला हूँ जो पूरी तरह दर्शाता है कि मैं उच्च-स्तरीय भाषाओं से क्यों प्यार करता हूँ, लेकिन पहले – मुझे आपसे एक वादा चाहिए। जब आप पहला कोड उदाहरण देखें, घबराना नहीं! यह थोड़ा डरावना लग सकता है। यही मेरी बात का मुख्य हिस्सा है!
+अच्छा, मैं आपको कुछ ऐसा दिखाने वाला हूँ जो पूरी तरह से दर्शाता है कि मैं हाई-लेवल भाषाओं से क्यों प्यार करता हूँ, लेकिन पहले – मुझे आपसे एक वादा चाहिए। जब आप वह पहला कोड उदाहरण देखें तो घबराएँ मत! इसे डरावना दिखना चाहिए। यही मैं साबित करना चाहता हूँ!
 
-हम एक ही कार्य को दो पूरी तरह अलग शैली में लिखे हुए देखेंगे। दोनों Fibonacci अनुक्रम बनाते हैं – यह एक खूबसूरत गणितीय पैटर्न है जहाँ प्रत्येक संख्या पिछले दो की कुल होती है: 0, 1, 1, 2, 3, 5, 8, 13... (मज़ेदार तथ्य: यह पैटर्न आपको प्रकृति में हर जगह मिलेगा – सूरजमुखी के बीजों की घुमावदार लकीरें, पाइनकोन के पैटर्न, यहां तक कि आकाशगंगाओं के बनने का तरीका भी!)
+हम एक ही काम को दो बिल्कुल अलग स्टाइलों में लिखी हुई देखेंगे। दोनों उस चीज़ को बनाते हैं जिसे Fibonacci अनुक्रम कहते हैं – यह एक सुंदर गणितीय पैटर्न है जहाँ हर नंबर पिछले दो नंबरों का योग होता है: 0, 1, 1, 2, 3, 5, 8, 13... (मज़ेदार तथ्य: आप यह पैटर्न प्रकृति में हर जगह पाएंगे – सूरजमुखी के बीजों के सर्पिल, पाइंस के फूल के पैटर्न, यहाँ तक कि आकाशगंगाओं के गठन में!)
 
-मुक़ाबला देखने के लिए तैयार? चलिए शुरू करते हैं!
+तैयार हैं फर्क देखने के लिए? चलिए!
 
-**उच्च-स्तरीय भाषा (JavaScript) – मानव-मैत्रीपूर्ण:**
+**हाई-लेवल भाषा (JavaScript) – मानव-अनुकूल:**
 
 ```javascript
 // चरण 1: बुनियादी फिबोनाच्ची सेटअप
@@ -184,28 +184,28 @@ console.log('Fibonacci sequence:');
 ```
 
 **यह कोड क्या करता है:**
-- **घोषित करें** एक कॉन्स्टेंट कि हम कितने फिबोनाची नंबर जनरेट करना चाहते हैं  
-- **शुरुआत करें** दो वेरिएबल्स जो अनुक्रम में वर्तमान और अगली संख्या को ट्रैक करें  
-- **सेट करें** शुरुआती मान (0 और 1) जो फिबोनाची पैटर्न को परिभाषित करते हैं  
-- **दिखाएँ** एक हेडर संदेश अपने आउटपुट को पहचानने के लिए
+- **घोषणा** करता है एक कॉन्स्टेंट कि हमें कितने Fibonacci नंबर जनरेट करने हैं
+- **इनिशियलाइज़** करता है दो वैरिएबल जो अनुक्रम के वर्तमान और अगले नंबर को ट्रैक करते हैं
+- **सेटअप** करता है शुरुआती मान (0 और 1) जो Fibonacci पैटर्न को परिभाषित करते हैं
+- **प्रदर्शित** करता है एक शीर्षक संदेश जो हमारे आउटपुट की पहचान करता है
 
 ```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` लूप का उपयोग कर
+- **प्रदर्शित** करता है हर नंबर को उसके स्थान के साथ टेम्प्लेट लिटरल फॉर्मेटिंग के ज़रिये
+- **गणना** करता है अगला Fibonacci नंबर वर्तमान और अगले मान को जोड़कर
+- **अपडेट** करता है हमारे ट्रैकिंग वैरिएबल्स को अगले चक्र में जाने के लिए
 
 ```javascript
 // चरण 3: आधुनिक कार्यात्मक दृष्टिकोण
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**ऊपर हमने किया है:**
-- **बनाया** एक पुन: प्रयोज्य फ़ंक्शन आधुनिक ऐरो फ़ंक्शन सिंटैक्स का उपयोग करते हुए  
-- **बनाया** एक एरे जिसमें पूरा अनुक्रम संग्रहीत किया गया, बजाय एक-एक करके दिखाने के  
-- **इस्तेमाल किया** एरे इंडेक्सिंग हर नए नंबर की गणना करने के लिए पिछले मानों से  
-- **रिटर्न किया** पूरा अनुक्रम ताकि इसे प्रोग्राम के अन्य भागों में फ्लेक्सिबली उपयोग किया जा सके
+**ऊपर हमने:**
+- **बनाया** एक पुन: उपयोग योग्य फ़ंक्शन आधुनिक तीर फ़ंक्शन सिंटैक्स का उपयोग करके
+- **संभाला** एक एरे जिससे पूरा श्रृंखला संग्रहित की जाए बजाय एक एक करके दिखाने के
+- **इस्तेमाल किया** एरे इंडेक्सिंग जिससे हर नया नंबर पिछले मानों से निकाला जाए
+- **लौटाया** पूरी श्रृंखला प्रोग्राम के अन्य हिस्सों में लचीलेपन के लिए
 
-**निम्न-स्तरीय भाषा (ARM Assembly) – कंप्यूटर-मैत्रीपूर्ण:**
+**लो-लेवल भाषा (ARM Assembly) – कंप्यूटर-अनुकूल:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,127 +257,128 @@ back add r0,r1
  end
 ```
 
-ध्यान दें कि JavaScript संस्करण लगभग अंग्रेज़ी निर्देशों जैसा पढ़ता है, जबकि Assembly संस्करण में ऐसे रहस्यमय कमांड हैं जो सीधे कंप्यूटर के प्रोसेसर को नियंत्रित करते हैं। दोनों काम बिल्कुल समान पूरा करते हैं, लेकिन उच्च-स्तरीय भाषा मनुष्यों के लिए समझना, लिखना, और बनाए रखना कहीं अधिक आसान है।
+ध्यान दें कि JavaScript संस्करण लगभग अंग्रेज़ी निर्देशों की तरह पढ़ता है, जबकि Assembly संस्करण ऐसे गुप्त कमांडों का उपयोग करता है जो सीधे कंप्यूटर के प्रोसेसर को नियंत्रित करते हैं। दोनों एक ही काम पूरा करते हैं, लेकिन हाई-लेवल भाषा इंसानों के लिए समझना, लिखना और बनाए रखना बहुत आसान है।
+
+**मुख्य अंतर जो आप देखेंगे:**
+- **पढ़ने में आसान**: JavaScript वर्णनात्मक नामों का उपयोग करता है जैसे `fibonacciCount` जबकि Assembly गुप्त लेबल जैसे `r0`, `r1` का उपयोग करता है
+- **टिप्पणियाँ**: उच्च-स्तरीय भाषाएं व्याख्यात्मक टिप्पणियाँ प्रोत्साहित करती हैं जो कोड को आत्म-प्रलेखित बनाती हैं
+- **संरचना**: JavaScript का तार्किक प्रवाह आदमियों की तरह समस्या को चरण-दर-चरण सोचने से मेल खाता है
+- **रखरखाव**: अलग-अलग आवश्यकताओं के लिए JavaScript संस्करण को अपडेट करना सरल और स्पष्ट है
 
-**मुख्य फर्क जो आप देखेंगे:**
-- **पठन योग्यता**: JavaScript में वर्णनात्मक नाम जैसे `fibonacciCount` होते हैं जबकि Assembly में रहस्यमय लेबल्स जैसे `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` का उपयोग उन मानों के लिए करें जो प्रोग्राम के दौरान बदल सकते हैं  
-- विभिन्न डाटा प्रकारों को सौंपें: स्ट्रिंग्स (टेक्स्ट), संख्याएं, और बूलीयन (सही/गलत)  
-- वर्णनात्मक नाम चुनें जो समझाएं कि हर वेरिएबल में क्या है  
+
+**इन अवधारणाओं को समझना:**
+- `const` चर में अपरिवर्तनीय मान संग्रहित करें (जैसे साइट का नाम)
+- `let` का उपयोग उन मानों के लिए करें जो आपके प्रोग्राम के दौरान बदल सकते हैं
+- विभिन्न डेटा प्रकार सौंपें: स्ट्रिंग (पाठ), संख्याएं, और बूलियन (सत्य/असत्य)
+- वर्णनात्मक नाम चुनें जो बताते हैं कि प्रत्येक चर में क्या है
 
 ```javascript
-// चरण 2: संबंधित डेटा को समूहित करने के लिए वस्तुओं के साथ कार्य करना
+// चरण 2: संबंधित डेटा को समूहित करने के लिए ऑब्जेक्ट्स के साथ काम करना
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**ऊपर हमने:**  
-- एक ऑब्जेक्ट बनाया जो मौसम से संबंधित जानकारी को एक साथ रखता है  
-- एक ही वेरिएबल नाम के तहत कई डेटा टुकड़े व्यवस्थित किए  
-- प्रत्येक जानकारी के टुकड़े को स्पष्ट रूप से लेबल करने के लिए की-वैल्यू पेयर इस्तेमाल किए  
+
+**ऊपर, हमने:**
+- संबंधित मौसम जानकारी को एक वस्तु में समूहित किया
+- कई डेटा टुकड़ों को एक चर नाम के अंतर्गत व्यवस्थित किया
+- प्रत्येक डेटा को स्पष्ट रूप से लेबल करने के लिए कुंजी-मूल्य जोड़े का उपयोग किया
 
 ```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) {
@@ -387,15 +388,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**यह कोड क्या करता है:**  
-- उपयोगकर्ता की उम्र को मतदान योग्यता के लिए जांचता है  
-- स्थिति के परिणाम के आधार पर अलग कोड ब्लॉक्स चलाता है  
-- 18 से कम उम्र वालों के लिए मतदान योग्यता तक बचे समय की गणना और प्रदर्शन करता है  
-- हर स्थिति के लिए विशिष्ट, सहायक प्रतिक्रिया देता है  
+
+**यह कोड क्या करता है:**
+- जाँचता है कि उपयोगकर्ता की उम्र मतदान आवश्यकता से मेल खाती है या नहीं
+- परिणाम के आधार पर विभिन्न कोड ब्लॉकों को निष्पादित करता है
+- 18 से कम होने पर मतदान पात्रता तक कितना समय है, गणना और प्रदर्शित करता है
+- प्रत्येक स्थिति के लिए विशिष्ट, सहायक प्रतिक्रिया प्रदान करता है
 
 ```javascript
-// चरण 2: तर्क ऑपरेटरों के साथ कई शर्तें
+// चरण 2: तार्किक ऑपरेटर के साथ कई शर्तें
 const userAge = 17;
 const hasPermission = true;
 
@@ -407,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**यहाँ क्या हो रहा है:**  
-- `&&` (और) आपरेटर की मदद से कई स्थितियों को मिलाता है  
-- `else if` का उपयोग करके कई स्थिति की श्रेणी बनाता है  
-- अंतिम `else` स्टेटमेंट से सभी संभावित मामलों को संभालता है  
-- हर अलग स्थिति के लिए स्पष्ट, क्रियान्वयन योग्य प्रतिक्रिया प्रदान करता है  
+
+**यहां क्या हो रहा है:**
+- `&&` (और) ऑपरेटर का उपयोग करके कई शर्तों को संयोजित करता है
+- कई परिदृश्यों के लिए `else if` का उपयोग करके शर्तों की पदानुक्रम बनाता है
+- अंतिम `else` कथन से सभी संभावित मामलों को संभालता है
+- प्रत्येक अलग स्थिति के लिए स्पष्ट, क्रियाशील प्रतिक्रिया प्रदान करता है
 
 ```javascript
-// चरण 3: टर्नरी ऑपरेटर के साथ संक्षिप्त शर्तीय
+// चरण 3: टर्नरी ऑपरेटर के साथ संक्षिप्त शर्तीय अभिव्यक्ति
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**याद रखने योग्य बातें:**  
-- सरल दो विकल्प वाले निर्णयों के लिए टर्नरी ऑपरेटर (`? :`) का उपयोग करें  
-- पहले स्थिति लिखें, फिर `?`, फिर सही परिणाम, फिर `:`, और फिर गलत परिणाम लिखें  
-- परिस्थितियों के अनुसार मान नियुक्त करने के लिए यह पैटर्न लागू करें  
+
+**यह याद रखने की आवश्यकता है:**
+- सरल दो-विकल्पीय शर्तों के लिए टर्नरी ऑपरेटर (`? :`) का उपयोग करें
+- सबसे पहले शर्त लिखें, उसके बाद `?`, फिर सत्य परिणाम, फिर `:`, और फिर असत्य परिणाम
+- जब आपको शर्तों के आधार पर मान सौंपने की आवश्यकता हो तो इसका उपयोग करें
 
 ```javascript
 // चरण 4: कई विशिष्ट मामलों को संभालना
@@ -445,24 +446,24 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**यह कोड निम्न कार्य करता है:**  
-- वेरिएबल के मान को कई विशिष्ट मामलों के साथ मिलाता है  
-- समान मामलों को समूहित करता है (वर्किंग दिन बनाम सप्ताहांत)  
-- जब मेल मिलता है तो उपयुक्त कोड ब्लॉक चलाता है  
-- अप्रत्याशित मानों को संभालने के लिए `default` मामला शामिल करता है  
-- कोड को अगले मामले तक जाने से रोकने के लिए `break` स्टेटमेंट का उपयोग करता है  
 
-> 💡 **वास्तविक दुनिया की तुलना**: कंट्रोल फ्लो को ऐसे समझिए जैसे आपके पास दुनिया का सबसे धीरज वाला GPS हो जो आपको दिशानिर्देश देता है। यह कह सकता है "अगर मेन स्ट्रीट पर ट्रैफिक है, तो हाईवे लें। अगर हाईवे पर निर्माण कार्य है, तो मनोरम रास्ता आजमाएं।" प्रोग्राम इसी तरह की शर्तीय लॉजिक का इस्तेमाल करते हैं ताकि वे बुद्धिमानी से विभिन्न परिस्थितियों का जवाब दें और उपयोगकर्ताओं को सर्वोत्तम अनुभव प्रदान करें।  
+**यह कोड निम्नलिखित करता है:**
+- चर मान को कई विशिष्ट मामलों के खिलाफ मिलान करता है
+- समान मामलों को समूहबद्ध करता है (सप्ताह के दिन बनाम सप्ताहांत)
+- मैच मिलने पर उपयुक्त कोड ब्लॉक निष्पादित करता है
+- अप्रत्याशित मानों को संभालने के लिए `default` केस शामिल करता है
+- अगले केस में कोड जारी न रहने देने के लिए `break` कथनों का उपयोग करता है
 
-### 🎯 **अवधारणा जाँच: निर्माण खंडों में महारत**
+> 💡 **वास्तविक दुनिया का उपमा**: नियंत्रण प्रवाह को ऐसे सोचें जैसे दुनिया का सबसे धैर्यवान जीपीएस जो आपको दिशा-निर्देश दे रहा हो। यह कह सकता है "अगर मेन स्ट्रीट पर ट्रैफ़िक है, तो राजमार्ग लें। अगर राजमार्ग निर्माण बंद है, तो प्राकृतिक रास्ता ले।" प्रोग्राम बिल्कुल इसी प्रकार की सशर्त तर्क प्रणाली का उपयोग करते हैं ताकि वे अलग-अलग स्थितियों पर बुद्धिमानी से प्रतिक्रिया दे सकें और हमेशा उपयोगकर्ताओं को सर्वोत्तम अनुभव प्रदान कर सकें।
 
-**देखते हैं कि आप मूल बातें कितना समझे हैं:**  
-- क्या आप अपने शब्दों में वेरिएबल और स्टेटमेंट के बीच का अंतर समझा सकते हैं?  
-- एक वास्तविक जीवन की स्थिति सोचिए जहाँ आप if-then निर्णय का उपयोग कर सकें (जैसे हमारा मतदान उदाहरण)  
-- प्रोग्रामिंग लॉजिक के बारे में कौन सी बात ने आपको आश्चर्यचकित किया?  
+### 🎯 **अवधारणा जांच: बिल्डिंग ब्लॉक्स विशेषज्ञता**
 
-**त्वरित आत्मविश्वास बढ़ाने वाला:**  
+**आइए देखें आप मूल बातें कितनी अच्छी तरह समझते हैं:**
+- क्या आप अपने शब्दों में चर और वक्तव्य के बीच अंतर समझा सकते हैं?
+- कोई वास्तविक स्थिति सोचें जहां आप if-then निर्णय का उपयोग करेंगे (जैसे हमारा मतदान उदाहरण)
+- प्रोग्रामिंग तर्क में आपको कौन सी बात सबसे अधिक आश्चर्यचकित करती है?
+
+**त्वरित आत्मविश्वास बढ़ाने वाला:**
 ```mermaid
 flowchart LR
     A["📝 कथन<br/>(निर्देश)"] --> B["📦 चर<br/>(भंडारण)"] --> C["🔀 नियंत्रण प्रवाह<br/>(निर्णय)"] --> D["🎉 कार्यशील प्रोग्राम!"]
@@ -471,31 +472,31 @@ flowchart LR
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **आगे क्या आने वाला है**: हम इन अवधारणाओं में और गहराई से उतरेंगे और इस अद्भुत यात्रा को साथ मिलकर जारी रखेंगे! अभी बस उन सभी शानदार संभावनाओं को लेकर उत्साहित होने पर ध्यान दें जो आपके सामने हैं। विशेष कौशल और तकनीकें अभ्यास के दौरान स्वाभाविक रूप से आ जाएंगी – मुझे विश्वास है कि यह उम्मीद से कहीं अधिक मज़ेदार होगा!  
+```
+✅ **आगामी विषय**: हम इन अवधारणाओं में गहराई से जाने वाले हैं और इस अद्भुत यात्रा को साथ में जारी रखेंगे! अभी बस इस बात पर ध्यान दें कि आपके सामने कितनी अद्भुत संभावनाएं हैं। विशिष्ट कौशल और तकनीकें स्वाभाविक रूप से अभ्यास के साथ आपके पास आएंगी – मैं वादा करता हूं कि यह आप की अपेक्षा से कहीं ज्यादा मज़ेदार होने वाला है!
 
-## व्यापार के उपकरण
+## उपकरण
 
-ठीक है, यहाँ मैं इतना उत्साहित हूँ कि खुद को रोक नहीं पा रहा! 🚀 हम उन अविश्वसनीय उपकरणों के बारे में बात करने वाले हैं जो आपको ऐसा महसूस कराएंगे जैसे आपको डिजिटल अंतरिक्ष यान की चाबियाँ मिल गई हों।
+ठीक है, सच कहूं तो अब मैं इतना उत्साहित हूं कि खुद को रोकना मुश्किल हो रहा है! 🚀 हम बात करने जा रहे हैं उन अद्भुत उपकरणों की जो आपको ऐसा महसूस कराएंगे जैसे आपको एक डिजिटल अंतरिक्ष यान की चाबियाँ सौंप दी गई हों।
 
-आप जानते हैं जैसे एक शेफ के पास बेंजोरी नाइफ्स होते हैं जो उनके हाथों का विस्तार लगते हैं? या जैसे एक संगीतकार के पास एक गिटार होता है जो छूते ही संगीत गाने लगता है? वैसे ही डेवलपर्स के पास अपने जादुई उपकरण होते हैं, और यहाँ कुछ है जो आपका दिमाग उड़ाने वाला है – इनमें से अधिकांश पूरी तरह से मुफ़्त हैं!
+आप जानते हैं कैसे एक शेफ के पास परफेक्टली बैलेंस्ड चाकू होते हैं जो उनके हाथों का एक्सटेंशन महसूस होते हैं? या किसी संगीतकार के पास वह एक गिटार जो छूते ही गाना शुरू कर देता है? ठीक वैसे ही, डेवलपर्स के पास भी ऐसे जादुई उपकरण होते हैं, और यहाँ क्या है जो आपको पूरी तरह से हैरान कर देगा – उनमें से अधिकांश पूरी तरह से मुफ्त हैं!
 
-मैं इस बारे में सोचकर बिल्कुल उछल रहा हूँ कि ये उपकरण आपके साथ साझा करूँ क्योंकि इन्होंने सॉफ्टवेयर बनाने के तरीके में क्रांति ला दी है। हम बात कर रहे हैं AI-सक्षम कोडिंग असिस्टेंट्स की जो आपके कोड को लिखने में सहायता कर सकते हैं (मैं मज़ाक नहीं कर रहा!), क्लाउड वातावरण जहां से आप वाई-फाई की मदद से कहीं से भी पूरे ऐप्लिकेशन बना सकते हैं, और डिबगिंग उपकरण जो इतने परिष्कृत हैं कि वे आपकी प्रोग्रामिंग के लिए एक्स-रे विज़न की तरह हैं।
+मैं सचमुच अपनी कुर्सी में कूद रहा हूं क्योंकि ये उपकरण हमारे सॉफ्टवेयर निर्माण के तरीके को पूरी तरह से बदल चुके हैं। हम एआई समर्थित कोडिंग सहायक की बात कर रहे हैं जो आपके कोड को लिखने में मदद कर सकते हैं (मैं मजाक नहीं कर रहा!), क्लाउड वातावरण जहां आप वाई-फाई से कहीं से भी पूरी एप्लिकेशन बना सकते हैं, और डिबगिंग टूल इतने परिष्कृत हैं कि वे आपके प्रोग्राम के लिए एक्स-रे विजन की तरह हैं।
 
-और यह हिस्सा जो मुझे अभी भी रोमांचित करता है: ये "शुरुआती उपकरण" नहीं हैं जिनसे आप आगे बढ़ जाएंगे। ये वही पेशेवर ग्रेड उपकरण हैं जिन्हें गूगल, नेटफ्लिक्स, और जो इंडी ऐप स्टूडियो आप पसंद करते हैं, वे अभी इसी पल उपयोग कर रहे हैं। ये इस्तेमाल करके आपको प्रो जैसा महसूस होगा!
+और यह बात जो अभी भी मेरे रोंगटे खड़े कर देती है: ये "शुरुआती उपकरण" नहीं हैं जिन्हें आप जल्द ही छोड़ देंगे। ये बिल्कुल वही पेशेवर स्तर के उपकरण हैं जिनका उपयोग Google, Netflix, और आपके पसंदीदा इंडी ऐप स्टूडियो के डेवलपर्स अभी इसी पल कर रहे हैं। इन्हें इस्तेमाल करते हुए आप खुद को एक प्रोफेशनल महसूस करेंगे!
 
 ```mermaid
 graph TD
-    A["💡 आपका विचार"] --> B["⌨️ कोड एडिटर<br/>(VS कोड)"] 
-    B --> C["🌐 ब्राउज़र डेवलपर टूल्स<br/>(टेस्टिंग और डिबगिंग)"]
+    A["💡 आपका विचार"] --> B["⌨️ कोड संपादक<br/>(VS कोड)"] 
+    B --> C["🌐 ब्राउज़र डेवलपर टूल्स<br/>(परीक्षण और डिबगिंग)"]
     C --> D["⚡ कमांड लाइन<br/>(स्वचालन और उपकरण)"]
-    D --> E["📚 दस्तावेज़ीकरण<br/>(सीखन और संदर्भ)"]
-    E --> F["🚀 शानदार वेब एप्लिकेशन!"]
+    D --> E["📚 दस्तावेज़ीकरण<br/>(सीखना और संदर्भ)"]
+    E --> F["🚀 अद्भुत वेब ऐप!"]
     
-    B -.-> G["🤖 एआई सहायक<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 AI सहायक<br/>(GitHub कॉपिलट)"]
     C -.-> H["📱 डिवाइस परीक्षण<br/>(उत्तरदायी डिज़ाइन)"]
-    D -.-> I["📦 पैकेज प्रबंधक<br/>(npm, yarn)"]
-    E -.-> J["👥 समुदाय<br/>(Stack Overflow)"]
+    D -.-> I["📦 पैकेज प्रबंधक<br/>(npm, यार्न)"]
+    E -.-> J["👥 समुदाय<br/>(स्टैक ओवरफ़्लो)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -503,106 +504,107 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### कोड एडिटर्स और IDEs: आपके नए डिजिटल सबसे अच्छे दोस्त
+```
+### कोड एडिटर और IDEs: आपके नए डिजिटल सबसे अच्छे दोस्त
+
+चलिए बात करते हैं कोड एडिटरों की – ये सचमुच आपके नए पसंदीदा जगह बनने वाले हैं! इन्हें अपने व्यक्तिगत कोडिंग आश्रम की तरह सोचें जहां आप अपना अधिकांश समय डिजिटल रचनाओं को तैयार करने और पूर्ण करने में बिताएंगे।
 
-आइए कोड एडिटर्स की बात करते हैं – ये वास्तव में आपके पसंदीदा जगहें बनने वाले हैं! इन्हें ऐसे समझिए जैसे आपका व्यक्तिगत कोडिंग अभयारण्य जहाँ आप अपने डिजिटल निर्माण को बनाने और सुधारने में अधिकांश समय बिताएंगे।
+लेकिन आधुनिक एडिटरों में एक जादू है: ये सिर्फ फैंसी टेक्स्ट एडिटर नहीं हैं। ये आपके साथ 24/7 बैठे सबसे प्रतिभाशाली, सहायक कोडिंग सलाहकार की तरह हैं। वे आपकी टाइपो को तब पकड़ लेते हैं जब आपने उन्हें नोटिस भी नहीं किया होता, सुधार सुझाते हैं जो आपको प्रतिभाशाली दिखाते हैं, हर कोड के हिस्से को समझने में मदद करते हैं, और कुछ आपके टाइप करने वाली बात को पूर्वानुमानित कर आपके विचार पूरा करने का ऑफर देते हैं!
 
-लेकिन आधुनिक एडिटर्स में जो असाधारण बात है वह यह है कि वे केवल साधारण टेक्स्ट एडिटर नहीं हैं। वे ऐसे हैं जैसे आपके बगल में दिन-रात सबसे बुद्धिमान, सहायक कोडिंग मेंटर बैठे हों। ये आपकी टाइपिंग की गलतियाँ पहले पकड़ लेते हैं जब आपको पता भी नहीं चलता, सुधार के सुझाव देते हैं जो आपको जीनियस जैसा दिखाते हैं, यह समझाने में मदद करते हैं कि हर कोड का टुकड़ा क्या करता है, और उनमें से कुछ पूर्वानुमान भी लगा लेते हैं कि आप क्या टाइप करने वाले हैं और आपके विचार पूरे करने का प्रस्ताव देते हैं!
+मुझे याद है जब मैंने पहली बार ऑटो-कंप्लीशन देखा था – मुझे लगा मानो मैं भविष्य में रह रहा हूं। आप कुछ लिखना शुरू करते हैं, और आपका एडिटर कहता है, "हे, क्या आप इसी फ़ंक्शन के बारे में सोच रहे थे जो बिल्कुल वही करता है जो आपको चाहिए?" यह ऐसा है जैसे आपके कोडिंग साथी के पास मन पढ़ने की क्षमता हो!
 
-मुझे याद है जब मैंने पहली बार ऑटो-कंप्लीशन देखा था – मुझे सचमुच ऐसा लगा जैसे मैं भविष्य में जी रहा हूँ। आप कुछ टाइप करना शुरू करते हैं, और आपका एडिटर कहता है, "अरे, क्या आप यह फंक्शन इस्तेमाल करने जा रहे थे जो बिल्कुल आपकी जरूरत पूरा करता है?" यह ऐसा है जैसे आपके कोडिंग साथी में एक मानसिक रीडर हो!
+**क्या इन्हें इतना अद्भुत बनाता है?**
 
-**ये एडिटर्स इतने अद्भुत क्या बनाते हैं?**
+आधुनिक कोड एडिटर में आपकी उत्पादकता बढ़ाने के लिए प्रभावशाली विशेषताएं होती हैं:
 
-आधुनिक कोड एडिटर्स उत्पादकता बढ़ाने के लिए फीचर्स का प्रभावशाली सेट प्रदान करते हैं:
+| विशेषता | क्या करता है | क्यों मदद करता है |
+|---------|--------------|------------------|
+| **सिंटैक्स हाईलाइटिंग** | आपके कोड के विभिन्न भागों को रंगीन करता है | कोड को पढ़ना आसान बनाता है और त्रुटियां पकड़ने में मदद करता है |
+| **ऑटो-कंप्लीशन** | टाइप करते समय कोड सुझाता है | कोडिंग तेजी से करता है और टाइपो कम करता है |
+| **डिबगिंग टूल्स** | त्रुटियां खोजने और ठीक करने में मदद करता है | समस्या सुलझाने में कई घंटे बचाता है |
+| **एक्सटेंशन्स** | विशेषताएं जोड़ता है | किसी भी तकनीक के लिए अपने एडिटर को अनुकूलित करें |
+| **एआई असिस्टेंट्स** | कोड और स्पष्टीकरण सुझाते हैं | सीखने और उत्पादकता को तेज़ करता है |
 
-| फीचर | क्या करता है | क्यों मददगार है |
-|---------|--------------|--------------|
-| **सिंटैक्स हाइलाइटिंग** | कोड के विभिन्न हिस्सों को रंगीन बनाता है | कोड पढ़ना आसान बनाता है और त्रुटियाँ पहचानने में मदद करता है |
-| **ऑटो-कंप्लीशन** | टाइप करते वक्त कोड का सुझाव देता है | कोडिंग तेज करता है और टाइपो कम करता है |
-| **डिबगिंग टूल्स** | त्रुटियाँ खोजने और सुधारने में मदद करता है | समस्या सुलझाने में घंटों बचाता है |
-| **एक्सटेंशंस** | विशेष फीचर्स जोड़ता है | किसी भी तकनीक के लिए एडिटर अनुकूलित करता है |
-| **AI असिस्टेंट्स** | कोड और व्याख्यान सुझाव देते हैं | सीखने और उत्पादकता को तेज करता है |
+> 🎥 **वीडियो संसाधन**: इन टूल्स को क्रियाशील रूप में देखना चाहते हैं? इस [Tools of the Trade वीडियो](https://youtube.com/watch?v=69WJeXGBdxg) को देखें जिसमें एक व्यापक अवलोकन है।
 
-> 🎥 **वीडियो संसाधन**: इन उपकरणों को क्रियान्वित देखने के लिए यह [Tools of the Trade वीडियो](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) - एआई संचालित कोड सुझाव
+  - [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) - कोड में टाइपो पकड़ता है
 
-**[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) - कोड में टाइपो पकड़ना  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (पेड, छात्रों के लिए मुफ्त)
+- उन्नत डीबगिंग और परीक्षण उपकरण
+- बुद्धिमान कोड पूर्णता
+- बिल्ट-इन संस्करण नियंत्रण
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (पेड, छात्रों के लिए मुफ्त)  
-- उन्नत डिबगिंग और परीक्षण उपकरण  
-- बुद्धिमान कोड पूर्णता  
-- इनबिल्ट संस्करण नियंत्रण  
+**क्लाउड-आधारित IDEs** (विभिन्न मूल्य निर्धारण)
+- [GitHub Codespaces](https://github.com/features/codespaces) - आपके ब्राउज़र में पूर्ण VS Code
+- [Replit](https://replit.com/) - सीखने और कोड साझा करने के लिए शानदार
+- [StackBlitz](https://stackblitz.com/) - तात्कालिक, पूर्ण स्टैक वेब विकास
 
-**क्लाउड-आधारित IDEs** (विभिन्न मूल्य निर्धारण)  
-- [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 दिखाया, तो मैंने लगभग तीन घंटे सिर्फ क्लिक करते हुए बिताए और कहा "रुको, ये भी कर सकता है?!" आप सचमुच किसी भी वेबसाइट को रियल-टाइम में एडिट कर सकते हैं, देख सकते हैं कि सब कुछ कितनी तेजी से लोड हो रहा है, अपने साइट को विभिन्न डिवाइसों पर कैसे दिखता है टेस्ट कर सकते हैं, और यहां तक कि जावास्क्रिप्ट को पूरी प्रोफेशनल तरह से डिबग कर सकते हैं। यह बिल्कुल दिमाग उड़ाने वाला है!
+हर बार जब आप किसी वेबपेज पर राइट-क्लिक करके "Inspect Element" चुनते हैं, तो आप डेवलपर टूल्स की छुपी हुई दुनिया खोल रहे होते हैं जो सचमुच उन महंगे सॉफ्टवेयर से भी ज्यादा शक्तिशाली हैं जिनके लिए मैंने पहले सौ डॉलर से अधिक भुगतान किया था। यह ऐसा है जैसे यह पता चले कि आपका सामान्य पुराना किचन एक गुप्त पैनल के पीछे एक प्रोफेशनल शेफ की प्रयोगशाला छुपाए हुए था!
+पहली बार जब किसी ने मुझे ब्राउज़र DevTools दिखाया, तो मैंने लगभग तीन घंटे बस क्लिक करते हुए बिताए और कहा, "रुको, यह भी कर सकता है?!" आप वास्तव में किसी भी वेबसाइट को रियल-टाइम में एडिट कर सकते हैं, ठीक देख सकते हैं कि सब कुछ कितनी जल्दी लोड होता है, यह परीक्षण कर सकते हैं कि आपकी साइट अलग-अलग डिवाइसों पर कैसी दिखती है, और यहां तक कि JavaScript को पूरी तरह से प्रो की तरह डिबग भी कर सकते हैं। यह पूरी तरह से दिमाग उड़ाने वाला है!
 
-**ये हैं वो कारण जिनकी वजह से ब्राउज़र आपका गुप्त हथियार हैं:**
+**यहां बताया गया है कि ब्राउज़र आपके गुप्त हथियार क्यों हैं:**
 
-जब आप कोई वेबसाइट या वेब ऐप्लीकेशन बनाते हैं, तो आपको यह देखना होगा कि यह वास्तविक दुनिया में कैसा दिखता है और कैसा व्यवहार करता है। ब्राउज़र न केवल आपका काम दिखाते हैं बल्कि प्रदर्शन, पहुंच और संभावित समस्याओं के बारे में विस्तृत प्रतिक्रिया भी देते हैं।
+जब आप वेबसाइट या वेब एप्लिकेशन बनाते हैं, तो आपको यह देखना होता है कि यह असली दुनिया में कैसा दिखता और व्यवहार करता है। ब्राउज़र न केवल आपके काम को दिखाते हैं बल्कि प्रदर्शन, पहुंच योग्यता और संभावित समस्याओं के बारे में विस्तृत प्रतिक्रिया भी प्रदान करते हैं।
 
 #### ब्राउज़र डेवलपर टूल्स (DevTools)
 
-आधुनिक ब्राउज़र व्यापक डेवलपमेंट सूट शामिल करते हैं:
+आधुनिक ब्राउज़रों में व्यापक विकास सूट शामिल होते हैं:
 
-| टूल श्रेणी | यह क्या करता है | उदाहरण उपयोग केस |
-|------------|-----------------|------------------|
-| **एलिमेंट इंस्पेक्टर** | HTML/CSS को रियल-टाइम में देखें और संपादित करें | तुरंत परिणाम देखने के लिए स्टाइलिंग में बदलाव करें |
-| **कंसोल** | त्रुटि संदेश देखें और जावास्क्रिप्ट टेस्ट करें | समस्याएं डिबग करें और कोड के साथ प्रयोग करें |
-| **नेटवर्क मॉनिटर** | संसाधनों के लोड होने का ट्रैक रखें | प्रदर्शन और लोडिंग समय को अनुकूलित करें |
-| **सुलभता चेकर** | समावेशी डिजाइन के लिए टेस्ट करें | सुनिश्चित करें कि आपकी साइट सभी उपयोगकर्ताओं के लिए काम करे |
-| **डिवाइस सिम्युलेटर** | विभिन्न स्क्रीन साइज पर पूर्वावलोकन करें | बिना कई डिवाइसों के रेस्पॉन्सिव डिजाइन टेस्ट करें |
+| टूल श्रेणी | यह क्या करता है | उपयोग का उदाहरण |
+|---------------|--------------|------------------|
+| **एलीमेंट इंस्पेक्टर** | रियल-टाइम में HTML/CSS देखें और संपादित करें | स्टाइलिंग को समायोजित करें और तुरंत परिणाम देखें |
+| **कंसोल** | त्रुटि संदेश देखें और JavaScript का परीक्षण करें | समस्याओं को डिबग करें और कोड के साथ प्रयोग करें |
+| **नेटवर्क मॉनिटर** | संसाधन लोडिंग को ट्रैक करें | प्रदर्शन और लोडिंग समय को अनुकूलित करें |
+| **पहुंच योग्यता चेकर** | समावेशी डिज़ाइन के लिए परीक्षण करें | सुनिश्चित करें कि आपकी साइट सभी उपयोगकर्ताओं के लिए काम करती है |
+| **डिवाइस सिम्युलेटर** | विभिन्न स्क्रीन आकारों पर पूर्वावलोकन करें | बिना कई डिवाइसों के प्रतिक्रियाशील डिज़ाइन का परीक्षण करें |
 
 #### विकास के लिए अनुशंसित ब्राउज़र
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - विस्तृत दस्तावेज़ीकरण के साथ उद्योग-मानक DevTools
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - उत्कृष्ट CSS Grid और accessibility टूल्स
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Microsoft के डेवलपर संसाधनों के साथ Chromium आधारित
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - व्यापक दस्तावेज़ीकरण के साथ उद्योग-मानक DevTools
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - उत्कृष्ट CSS Grid और पहुँच योग्यता उपकरण
+- **[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 के दशक की हैकर मूवी जैसा लग रहा है, और मैं इसके लिए बिल्कुल भी स्मार्ट नहीं हूं!" 😅
 
-लेकिन यहां जो मैं चाहता हूं कि कोई तब मुझे बताता, और मैं आपको अभी बता रहा हूं: कमांड लाइन डरावनी नहीं है – यह वास्तव में आपके कंप्यूटर से सीधे बातचीत करने जैसा है। इसे ऐसे समझिए जैसे खाना ऑर्डर करना एक खूबसूरत ऐप सेPictures और मेनू के साथ (जो आसान और सुंदर है) के बजाय अपने पसंदीदा स्थानीय रेस्तरां में जाना, जहां शेफ को पता है कि आपको क्या पसंद है और वह "मुझे कुछ आश्चर्यजनक दें" कहने मात्र से कुछ परफेक्ट बनाने लगता है।
+लेकिन यहां वह बात है जो काश उस वक्त मुझे कोई बताता, और जो मैं आपको अभी बता रहा हूं: कमांड लाइन डरावनी नहीं है – यह वास्तव में आपके कंप्यूटर के साथ एक डायरेक्ट बातचीत की तरह है। इसे ऐसे सोचें जैसे आप खाना ऑर्डर कर रहे हों कुछ शानदार ऐप के जरिए जिसमें तस्वीरें और मेनू होते हैं (जो अच्छा और आसान है) बनाम आप अपने पसंदीदा स्थानीय रेस्तरां में जा रहे हों, जहां शेफ़ जानता है कि आपको क्या पसंद है और वह सिर्फ "मुझे कुछ शानदार सरप्राइज कर दो" कहने पर बिल्कुल आवश्यक व्यंजन बना देता है।
 
-कमांड लाइन वह जगह है जहां डेवलपर्स खुद को जादूगर महसूस करते हैं। आप कुछ जादुई शब्द टाइप करते हैं (ठीक है, ये सिर्फ कमांड हैं, लेकिन वे जादूई लगते हैं!), एंटर दबाते हैं और झट से – आपने पूरे प्रोजेक्ट स्ट्रक्चर बनाए, दुनिया भर से पावरफुल टूल्स इंस्टॉल किए, या अपनी ऐप को इंटरनेट पर करोड़ों लोगों के देखने के लिए डिप्लॉय कर दिया। एक बार जब आप इस शक्ति का पहला स्वाद चख लेते हैं, तो यह सचमुच बहुत लगने वाला होता है!
+कमांड लाइन वह जगह है जहां डेवलपर्स बिल्कुल जादूगर महसूस करते हैं। आप कुछ जादुई शब्द (ठीक है, ये सिर्फ कमांड हैं, लेकिन ये जादुई लगते हैं!) टाइप करते हैं, एंटर दबाते हैं, और बूम – आपने पूरे प्रोजेक्ट ढांचे बनाए, दुनिया भर से शक्तिशाली टूल स्थापित किए, या अपनी ऐप को इंटरनेट पर लाखों लोगों के लिए लॉन्च कर दिया। जब आपको इस शक्ति का पहला स्वाद मिलता है, तो यह सचमुच काफी लत लगने वाला अनुभव होता है!
 
 **कमांड लाइन आपका पसंदीदा टूल क्यों बनेगा:**
 
-जबकि ग्राफिकल इंटरफेस कई कार्यों के लिए बढ़िया हैं, कमांड लाइन ऑटोमेशन, सटीकता, और गति में उत्कृष्ट है। कई डेवलपमेंट टूल मुख्य रूप से कमांड लाइन इंटरफेस के माध्यम से काम करते हैं, और उन्हें कुशलतापूर्वक उपयोग करना सीखना आपकी उत्पादकता को नाटकीय रूप से बढ़ा सकता है।
+जबकि ग्राफिकल इंटरफेस कई कार्यों के लिए शानदार हैं, कमांड लाइन स्वचालन, सटीकता, और गति में उत्कृष्ट है। कई विकास टूल मुख्य रूप से कमांड लाइन इंटरफेस के माध्यम से काम करते हैं, और उन्हें कुशलतापूर्वक उपयोग करना सीखना आपकी उत्पादकता में नाटकीय सुधार कर सकता है।
 
 ```bash
-# चरण 1: प्रोजेक्ट निर्देशिका बनाएँ और उसमें जाएँ
+# चरण 1: प्रोजेक्ट डायरेक्टरी बनाएं और उसमें जाएं
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **यह कोड क्या करता है:**
-- **"my-awesome-website" नाम का नया डायरेक्ट्री बनाएं** अपने प्रोजेक्ट के लिए
-- **नए बनाए गए डायरेक्ट्री में प्रवेश करें** काम शुरू करने के लिए
+- **एक नया डायरेक्टरी "my-awesome-website" बनाएं** अपने प्रोजेक्ट के लिए
+- **नई बनाई गई डायरेक्टरी में जाएं** और काम शुरू करें
 
 ```bash
 # चरण 2: package.json के साथ प्रोजेक्ट प्रारंभ करें
@@ -613,11 +615,11 @@ 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: परियोजना संरचना और फ़ाइलें बनाएं
@@ -629,226 +631,226 @@ npx vite
 ```
 
 **ऊपर, हमने किया है:**
-- स्रोत कोड और एसेट्स के लिए अलग-अलग फोल्डर बनाकर अपने प्रोजेक्ट को व्यवस्थित किया
-- उचित डॉक्युमेंट संरचना के साथ एक बुनियादी HTML फ़ाइल जनरेट की
+- स्रोत कोड और एसेट्स के लिए अलग-अलग फोल्डर बनाकर अपने प्रोजेक्ट का संगठन किया
+- सही डॉक्यूमेंट संरचना के साथ एक बेसिक 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/)** | कोड फ़ॉर्मेटिंग | अपने कोड को लगातार फार्मेटेड और पठनीय रखें |
+|------|---------|-----------------|
+| **[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/)** | कोड फॉर्मैटिंग | अपने कोड को संगठित, लगातार फॉर्मैटेड और पठनीय बनाएं |
 
 #### प्लेटफ़ॉर्म-विशिष्ट विकल्प
 
 **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)** 💻 - पारंपरिक विंडोज़ कमांड लाइन
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - पारंपरिक Windows कमांड लाइन
 
 **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/)** 💻 - स्टैंडर्ड Linux शेल
+- **[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 बजे रात को किसी समस्या में फंस जाते हैं, तो दस्तावेज़ीकरण आपके लिए एक गर्म वर्चुअल गले के साथ है, और बिल्कुल वही उत्तर प्रदान करता है जिसकी आपको आवश्यकता है। अगर आप किसी नई कूल फीचर के बारे में जानना चाहते हैं जिसकी हर कोई बात कर रहा है, तो दस्तावेज़ीकरण कदम-दर-कदम उदाहरणों के साथ आपके साथ है। अगर आप समझना चाहते हैं कि कुछ क्यों वैसा काम करता है जैसा करता है, तो आपने सही पकड़ा – दस्तावेज़ीकरण इसे समझाने के लिए तैयार है ताकि वह अंततः समझ में आए!
+दस्तावेज़ीकरण को सोचें जैसे आपके पास दुनिया के सबसे धैर्यवान, जानकार शिक्षक हों जो 24/7 उपलब्ध हों। क्या आप 2 बजे रात एक समस्या पर अटके हुए हैं? दस्तावेज़ आपको एक गर्म वर्चुअल गले के साथ और बिल्कुल सही जवाब के साथ साथ देगा। क्या आप किसी कूल नए फीचर के बारे में जानना चाहते हैं जिसके बारे में हर कोई बात कर रहा है? दस्तावेज़ आपके लिए चरण दर चरण उदाहरण लेकर आता है। किसी चीज़ के काम करने के तरीके को समझने की कोशिश कर रहे हैं? आपने सही सोचा – दस्तावेज़ इसे इस तरह समझाने के लिए तैयार है कि अंत में सब समझ में आ जाए!
 
-यह कुछ ऐसा है जिसने मेरी सोच पूरी तरह बदल दी: वेब विकास की दुनिया बहुत तेज़ी से बदलती है, और कोई भी (बहुत बड़े अनुभव वाले भी!) हर चीज़ को याद नहीं रख पाते। मैंने 15+ वर्षों के अनुभवी सीनियर डेवलपर्स को बुनियादी सिंटैक्स खोजते हुए देखा है, और आप जानते हैं? यह शर्मनाक नहीं है – यह स्मार्ट है! यह एक आदर्श स्मृति रखने के बारे में नहीं है, बल्कि जानना है कि भरोसेमंद उत्तर तेजी से कहां मिलेंगे और उन्हें कैसे लागू किया जाए।
+ऐसा कुछ जिसने मेरी सोच पूरी तरह से बदल दी: वेब विकास की दुनिया बहुत तेजी से बदलती है, और कोई भी (मैं सचमुच कोई भी नहीं!) सब कुछ याद नहीं रखता। मैंने 15+ वर्षों के अनुभव वाले वरिष्ठ डेवलपर्स को बुनियादी सिंटैक्स देखते और खोजते देखा है, और आपको पता है क्या? यह कोई शर्म की बात नहीं है – यह स्मार्ट है! यह एक परफेक्ट मेमोरी रखने के बारे में नहीं है; यह जल्दी भरोसेमंद जवाब खोजने और उन्हें लागू करने के बारे में है।
 
 **यहां असली जादू होता है:**
 
-पेशेवर डेवलपर्स अपने समय का एक बड़ा हिस्सा दस्तावेज़ पढ़ने में बिताते हैं – यह इसलिए नहीं कि वे नहीं जानते कि वे क्या कर रहे हैं, बल्कि क्योंकि वेब विकास का क्षेत्र इतनी तेजी से विकसित होता है कि अद्यतित रहना निरंतर सीखने की मांग करता है। अच्छी दस्तावेज़ीकरण आपको यह समझने में मदद करता है कि न केवल *कैसे* कुछ उपयोग करें, बल्कि *क्यों* और *कब* इसका उपयोग करें।
+पेशेवर डेवलपर्स अपना काफी समय दस्तावेज़ पढ़ने में बिताते हैं – क्योंकि वे नहीं जानते कि वे क्या कर रहे हैं, बल्कि इसलिए कि वेब विकास का परिदृश्य इतनी तेज़ी से विकसित होता है कि नवीनतम बने रहने के लिए सतत सीखना आवश्यक है। शानदार दस्तावेज़ आपको न केवल यह समझने में मदद करता है कि *कैसे* किसी चीज़ का इस्तेमाल करें, बल्कि *क्यों* और *कब* इसका उपयोग करना चाहिए।
 
 #### आवश्यक दस्तावेज़ीकरण संसाधन
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- वेब तकनीक के लिए स्वर्ण मानक डॉक्यूमेंटेशन
-- HTML, CSS, और जावास्क्रिप्ट के लिए व्यापक मार्गदर्शिकाएँ
+- वेब तकनीक दस्तावेज़ीकरण के लिए स्वर्ण मानक
+- HTML, CSS, और JavaScript के लिए व्यापक मार्गदर्शिकाएँ
 - ब्राउज़र संगतता जानकारी शामिल है
-- व्यावहारिक उदाहरण और इंटरएक्टिव डेमो फीचर करते हैं
+- व्यावहारिक उदाहरण और इंटरैक्टिव डेमो प्रदान करता है
 
-**[Web.dev](https://web.dev)** (गूगल द्वारा)
-- आधुनिक वेब विकास सर्वोत्तम प्रथाएँ
-- प्रदर्शन अनुकूलन मार्गदर्शिकाएँ
-- सुलभता और समावेशी डिजाइन सिद्धांत
-- वास्तविक परियोजनाओं से केस स्टडीज़
+**[Web.dev](https://web.dev)** (Google द्वारा)
+- आधुनिक वेब विकास की सर्वोत्तम प्रथाएँ
+- प्रदर्शन अनुकूलन गाइड
+- पहुंच योग्यता और समावेशी डिज़ाइन सिद्धांत
+- वास्तविक परियोजनाओं के केस स्टडी
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge ब्राउज़र विकास संसाधन
-- प्रोग्रेसिव वेब ऐप मार्गदर्शिकाएँ
-- क्रॉस-प्लेटफ़ॉर्म विकास अंतर्दृष्टि
+- प्रोग्रेसिव वेब ऐप गाइड
+- क्रॉस-प्लेटफॉर्म विकास अंतर्दृष्टि
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- संरचित सीखने के पाठ्यक्रम
-- उद्योग विशेषज्ञों के वीडियो कोर्स
+- संरचित सीखने का पाठ्यक्रम
+- उद्योग विशेषज्ञों के वीडियो पाठ्यक्रम
 - व्यावहारिक कोडिंग अभ्यास
 
-> 📚 **अध्ययन रणनीति**: दस्तावेज़ीकरण को याद करने की कोशिश न करें – इसके बजाय, इसे कुशलतापूर्वक नेविगेट करना सीखें। अक्सर उपयोग किए जाने वाले संदर्भों को बुकमार्क करें और विशिष्ट जानकारी तेजी से खोजने के लिए खोज फ़ंक्शन का अभ्यास करें।
+> 📚 **अध्ययन रणनीति**: दस्तावेज़ को याद करने की कोशिश न करें – इसके बजाय सीखें कि इसे कैसे कुशलता से नेविगेट किया जाए। बार-बार इस्तेमाल होने वाले संदर्भों को बुकमार्क करें और विशिष्ट जानकारी जल्दी खोजने के लिए सर्च फ़ंक्शन का अभ्यास करें।
 
-### 🔧 **टूल महारत जांच: आपके साथ क्या घुलमिलता है?**
+### 🔧 **टूल मास्टरी चेक: क्या आपके साथ सबसे ज्यादा जुड़ता है?**
 
-**एक पल सोचें:**
-- आप सबसे पहले किस टूल को आजमाने के लिए सबसे अधिक उत्साहित हैं? (यहाँ कोई गलत जवाब नहीं है!)
-- क्या कमांड लाइन अभी भी डरावना लगता है, या इसके प्रति आपकी जिज्ञासा बढ़ी है?
-- क्या आप ब्राउज़र DevTools का उपयोग करके अपनी पसंदीदा वेबसाइट्स के पर्दे के पीछे झांकने की कल्पना कर सकते हैं?
+**एक पल लें सोचने के लिए:**
+- आप सबसे पहले कौन सा टूल आजमाने के लिए सबसे उत्साहित हैं? (कोई गलत जवाब नहीं है!)
+- क्या कमांड लाइन अभी भी डरावनी लगती है, या आप इसके बारे में जिज्ञासु हैं?
+- क्या आप ब्राउज़र DevTools का इस्तेमाल अपनी पसंदीदा वेबसाइटों के पर्दे के पीछे झांकने के लिए कर सकते हैं?
 
 ```mermaid
 pie title "उपकरणों के साथ डेवलपर द्वारा बिताया गया समय"
     "कोड संपादक" : 40
     "ब्राउज़र परीक्षण" : 25
     "कमांड लाइन" : 15
-    "दस्तावेज पढ़ना" : 15
-    "डिबगिंग" : 5
+    "दस्तावेज़ पढ़ना" : 15
+    "डीबगिंग" : 5
 ```
-> **मज़ेदार तथ्य**: अधिकांश डेवलपर्स अपने कोड संपादक में लगभग 40% समय बिताते हैं, लेकिन ध्यान दें कि कितनी देर टेस्टिंग, सीखने, और समस्या-समाधान में जाता है। प्रोग्रामिंग केवल कोड लिखने के बारे में नहीं है – यह अनुभव बनाने के बारे में है!
+> **मज़ेदार अंतर्दृष्टि**: अधिकांश डेवलपर्स अपना लगभग 40% समय कोड एडिटर में बिताते हैं, लेकिन ध्यान दें कि परीक्षण, सीखने, और समस्या सुलझाने में कितना समय जाता है। प्रोग्रामिंग केवल कोड लिखना नहीं है – यह अनुभवों को बनाना है!
 
-✅ **सोचने के लिए भोजन**: ये एक दिलचस्प बात है – आप कैसे सोचते हैं कि वेबसाइट बनाने के लिए उपयोग किए जाने वाले टूल (विकास) और उनकी दिखावट डिजाइन करने के टूल (डिजाइन) में क्या अंतर है? यह बिलकुल ऐसा है जैसे एक आर्किटेक्ट जो सुंदर घर डिजाइन करता है और बिल्डर जो उसे वास्तव में बनाता है। दोनों महत्वपूर्ण हैं, लेकिन उनके लिए अलग टूलबॉक्स की जरूरत होती है! इस सोच से आपको यह देखने में मदद मिलेगी कि वेबसाइटें कैसे जीवित होती हैं।
+✅ **सोचने के लिए भोजन**: यह सोचने वाली बात है – आपको लगता है कि वेबसाइट बनाने के उपकरण (डेवलपमेंट) और उन्हें कैसे दिखना चाहिए (डिजाइन) के उपकरण कैसे अलग हो सकते हैं? यह एक खूबसूरत घर डिजाइन करने वाले आर्किटेक्ट और उस घर का निर्माण करने वाले ठेकेदार के बीच का अंतर जैसा है। दोनों जरूरी हैं, लेकिन उन्हें अलग-अलग टूलबॉक्स की आवश्यकता होती है! इस तरह की सोच आपको यह देखने में मदद करेगी कि वेबसाइटें कैसे जीवन में आती हैं।
 
-## GitHub Copilot एजेंट चुनौती 🚀
+## GitHub Copilot एजेंट चैलेंज 🚀
 
 एजेंट मोड का उपयोग करके निम्न चुनौती पूरी करें:
 
-**विवरण:** एक आधुनिक कोड संपादक या IDE की विशेषताओं का अन्वेषण करें और दिखाएं कि यह वेब डेवलपर के रूप में आपके वर्कफ़्लो में कैसे सुधार कर सकता है।
+**विवरण:** एक आधुनिक कोड एडिटर या IDE की विशेषताओं का अन्वेषण करें और दिखाएं कि यह वेब डेवलपर के रूप में आपके वर्कफ़्लो को कैसे बेहतर बना सकता है।
 
-**प्रॉम्प्ट:** एक कोड संपादक या IDE चुनें (जैसे Visual Studio Code, WebStorm, या क्लाउड-आधारित IDE)। तीन ऐसी विशेषताएँ या एक्सटेंशंस सूचीबद्ध करें जो आपको कोड लिखने, डिबग करने, या बनाए रखने में अधिक कुशल बनाती हैं। प्रत्येक के लिए संक्षिप्त व्याख्या दें कि यह आपके वर्कफ़्लो को कैसे लाभ पहुंचाती है।
+**प्रॉम्प्ट:** एक कोड एडिटर या IDE चुनें (जैसे Visual Studio Code, WebStorm, या क्लाउड-आधारित IDE)। तीन ऐसी विशेषताएं या एक्सटेंशन सूचीबद्ध करें जो आपको कोड लिखने, डिबग करने, या बनाए रखने में मदद करती हैं। प्रत्येक के लिए संक्षिप्त व्याख्या दें कि यह आपके वर्कफ़्लो में कैसे लाभकारी है।
 
 ---
 
 ## 🚀 चुनौती
 
-**ठीक है, जासूस, अपने पहले मामले के लिए तैयार हो?**
+**ठीक है, जासूस, क्या आप अपने पहले केस के लिए तैयार हैं?**
 
-अब जब आपके पास यह शानदार नींव है, तो मेरे पास एक रोमांचक यात्रा है जो आपको दिखाएगी कि प्रोग्रामिंग की दुनिया कितनी विविध और दिलचस्प है। और सुनिए – यह अभी कोड लिखने के बारे में नहीं है, इसलिए कोई दबाव नहीं! अपने आप को एक प्रोग्रामिंग भाषा जासूस के रूप में सोचिए जो अपने पहले रोमांचक मामले पर है!
+अब जब आपके पास यह शानदार आधार है, तो मेरे पास एक रोमांच है जो आपको यह दिखाने में मदद करेगा कि प्रोग्रामिंग की दुनिया कितनी विविध और आकर्षक है। और सुनो – अभी कोड लिखने की बात नहीं है, इसलिए कोई दबाव नहीं! खुद को एक प्रोग्रामिंग भाषा जासूस समझो जो अपने पहले रोमांचक केस पर है!
 
-**आपका मिशन, यदि आप स्वीकार करें:**
-1. **भाषा के अन्वेषक बनें**: पूरी तरह से अलग-अलग यूनिवर्स से तीन प्रोग्रामिंग भाषाएँ चुनें – शायद एक जो वेबसाइट बनाए, एक जो मोबाइल ऐप्स बनाता हो, और एक जो वैज्ञानिकों के लिए डेटा प्रोसेस करता हो। प्रत्येक भाषा में एक ही सरल कार्य के उदाहरण खोजें। मैं वादा करता हूं कि आप चकित रह जाएंगे कि ये भाषाएँ एक ही काम करते हुए कितनी अलग दिख सकती हैं!
+**आपका मिशन, यदि आप इसे स्वीकार करते हैं:**
+1. **भाषा अन्वेषक बनें**: पूरी तरह अलग दुनिया से तीन प्रोग्रामिंग भाषाएँ चुनें – शायद एक वेबसाइट बनाती हो, एक मोबाइल ऐप बनाती हो, और एक वैज्ञानिकों के लिए डेटा crunch करती हो। एक ही सरल कार्य के उदाहरण खोजें जो प्रत्येक भाषा में लिखा गया हो। मैं वादा करता हूं कि आप पूरी तरह से आश्चर्यचकित होंगे कि ये एक ही काम करते हुए कितनी अलग दिख सकती हैं!
 
-2. **उनकी उत्पत्ति की कहानियां खोजें**: प्रत्येक भाषा को विशेष क्या बनाता है? एक दिलचस्प तथ्य – प्रत्येक प्रोग्रामिंग भाषा इसलिए बनाई गई थी क्योंकि किसी ने सोचा, "मालूम है? इस विशिष्ट समस्या को हल करने का एक बेहतर तरीका होना चाहिए।" क्या आप उन समस्याओं का पता लगा सकते हैं? इनमें से कुछ कहानियाँ वास्तव में आकर्षक हैं!
+2. **उनकी उत्पत्ति की कहानियां खोजें**: हर भाषा क्या खास बनाती है? एक दिलचस्प तथ्य – हर प्रोग्रामिंग भाषा इसलिए बनाई गई क्योंकि किसी ने सोचा, "मुझे लगता है कि इस विशेष समस्या को हल करने का बेहतर तरीका होना चाहिए।" क्या आप यह पता लगा सकते हैं कि वे समस्याएं क्या थीं? कुछ कहानियां वास्तव में दिलचस्प हैं!
 
-3. **समुदायों से मिलें**: देखें कि प्रत्येक भाषा का समुदाय कितना स्वागतयोग्य और उत्साहित है। कुछ में लाखों डेवलपर्स ज्ञान साझा करते हैं और एक-दूसरे की मदद करते हैं, अन्य छोटे लेकिन बेहद घनिष्ठ और सहायक होते हैं। आप ये विभिन्न समुदायों की अलग-अलग पर्सनैलिटीज़ देखकर मजा आएगा!
+3. **समुदायों से मिलें**: देखें कि हर भाषा का समुदाय कितना स्वागतयोग्य और उत्साही है। कुछ के लाखों डेवलपर्स हैं जो ज्ञान साझा करते हैं और एक-दूसरे की मदद करते हैं, अन्य छोटे लेकिन बहुत ही घनिष्ठ और सहायक हैं। आप इन समुदायों की अलग-अलग शख्सियतों को देखना पसंद करेंगे!
 
-4. **अपने दिल की सुनें**: अभी आपके लिए कौन सी भाषा सबसे अधिक पहुँच वाली लगती है? "सही" विकल्प चुनने की चिंता न करें – बस अपनी अंतर्दृष्टि पर भरोसा करें! यहां कोई गलत जवाब नहीं है, और आप बाद में अन्य भाषाओं का पता लगा सकते हैं।
+4. **अपनी अंतर्ज्ञान का पालन करें**: अभी कौन सी भाषा आपको सबसे ज्यादा सहज लगती है? "परफेक्ट" चुनाव करने के लिए चिंता मत करें – बस अपनी प्रवृत्ति सुनें! यहां कोई गलत जवाब नहीं है, और आप हमेशा बाद में दूसरों की खोज कर सकते हैं।
 
-**बोनस जासूसी कार्य**: देखें कि आप पता लगा सकते हैं कि कौन सी प्रमुख वेबसाइट्स या ऐप्स किस भाषा से बनाई गई हैं। मैं गारंटीकृत करता हूं कि आप चौंक जाएंगे यह जानकर कि Instagram, Netflix, या वह मोबाइल गेम जिसे आप रोक नहीं पा रहे हैं, किस पर चलते हैं!
+**बोनस जासूसी कार्य**: देखें कि आप पता लगा सकते हैं कि कौन-कौन सी बड़ी वेबसाइट या ऐप्स हर भाषा के साथ बनी हैं। मुझे यकीन है कि आप जानकर चौंक जाएंगे कि Instagram, Netflix, या वह मोबाइल गेम जिसे आप बंद नहीं कर पा रहे, किस भाषा पर चलते हैं!
 
-> 💡 **याद रखें**: आप आज किसी भी भाषा में विशेषज्ञ बनने की कोशिश नहीं कर रहे हैं। आप बस इस पड़ोस को जान रहे हैं इससे पहले कि आप तय करें कि आप कहां जगह बनाना चाहते हैं। अपनी गति से चलें, मज़े करें, और अपने जिज्ञासा को मार्गदर्शन दें!
+> 💡 **याद रखें**: आप आज इन भाषाओं में विशेषज्ञ बनने की कोशिश नहीं कर रहे हैं। आप बस पड़ोस को जान रहे हैं ताकि आप तय कर सकें कि आप कहां अपना ठिकाना बनाना चाहते हैं। अपना समय लें, इसे मजेदार बनाएं, और अपनी जिज्ञासा का अनुसरण करें!
 
-## चलिए आपकी खोज का जश्न मनाते हैं!
+## चलिए जश्न मनाते हैं जो आपने खोजा है!
 
-हे भगवान, आपने आज बहुत सारी अविश्वसनीय जानकारी जुटाई है! मैं सच में उत्सुक हूं देखना कि इस अद्भुत यात्रा का कितना हिस्सा आपके साथ रहा। और याद रखें – यह कोई टेस्ट नहीं है जहाँ आपको सब कुछ सही करना है। यह तो बस उस दिलचस्प दुनिया के बारे में आपने जितना कुछ सीखा है, उसका जश्न मनाने जैसा है जिसमें आप अब डुबकी लगाने वाले हैं!
+हे भगवान, आपने आज इतनी अद्भुत जानकारी प्राप्त की है! मुझे वास्तव में खुशी है यह देखने के लिए कि इस अद्भुत यात्रा का कितना हिस्सा आपके साथ जुड़ा है। और याद रखें – यह कोई परीक्षा नहीं है जिसमें आपको सबकुछ परफेक्ट करना है। यह उस सभी कूल चीज़ों का जश्न है जो आपने इस आकर्षक दुनिया के बारे में सीखी हैं, जिसमें आप डुबकी लगाने वाले हैं!
 
-[पाठ के बाद क्विज़ लें](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/) आज़माएँ। प्रयोग करने से मत घबराएं – आप कुछ भी खराब नहीं कर सकते!
-- अपनी पसंदीदा भाषा के उद्भव के बारे में पढ़ें। सच बताऊँ तो, कुछ मूल कहानीें बहुत रोचक होती हैं और यह समझने में मदद करती हैं कि भाषाएँ जिस तरह काम करती हैं, क्यों करती हैं।
+**प्रोग्रामिंग भाषाओं के साथ हाथ आजमाएं:**
+- 2-3 भाषाओं की आधिकारिक वेबसाइट्स देखें जिन्होंने आपका ध्यान खींचा। हर भाषा की अपनी एक व्यक्तिगतता और कहानी होती है!
+- कुछ ऑनलाइन कोडिंग प्लेग्राउंड आजमाएं जैसे [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), या [Replit](https://replit.com/). प्रयोग करने से डरो मत – आप कुछ भी तोड़ नहीं सकते!
+- पढ़ें कि आपकी पसंदीदा भाषा कैसे बनी। सच में, इनकी उत्पत्ति की कहानियां बहुत रोचक होती हैं और इससे आपको यह समझने में मदद मिलेगी कि भाषाएं इस तरह काम क्यों करती हैं।
 
-**अपने नए उपकरणों के साथ सहज हो जाएं:**
-- अगर आपने अभी तक Visual Studio Code डाउनलोड नहीं किया है – इसे डाउनलोड करें, यह मुफ़्त है और आपको यह पसंद आएगा!
-- एक्सटेंशंस मार्केटप्लेस में कुछ मिनट बिताएं। यह आपके कोड संपादक के लिए एक ऐप स्टोर जैसा है!
-- अपने ब्राउज़र के डेवलपर टूल्स खोलें और बस क्लिक करें। सब कुछ समझने की चिंता न करें – बस वहां क्या है उससे परिचित हो जाएं।
+**अपने नए टूल्स के साथ सहज हो जाएं:**
+- यदि आपने अभी तक Visual Studio Code डाउनलोड नहीं किया है तो इसे डाउनलोड करें – यह मुफ्त है और आपको यह बहुत पसंद आएगा!
+- Extensions मार्केटप्लेस में कुछ मिनट बिताएं। यह आपके कोड संपादक के लिए एक ऐप स्टोर जैसा है!
+- अपने ब्राउज़र के Developer Tools खोलें और बस चारों ओर क्लिक करें। सब कुछ समझने की चिंता मत करें – बस वहां क्या है उससे परिचित हो जाएं।
 
 **समुदाय से जुड़ें:**
-- [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 पर कुछ शुरुआती-स्तर के कोडिंग वीडियो देखें। वहाँ इतने अच्छे क्रिएटर्स हैं जो जानते हैं कि शुरूआत करने जैसा कैसा होता है।
+- स्थानीय मीटअप या ऑनलाइन समुदायों में शामिल होने पर विचार करें। मुझ पर विश्वास करें, डेवलपर्स नए सदस्यों की मदद करना बहुत पसंद करते हैं!
 
-> 🎯 **सुनिए, मैं चाहता हूँ आप याद रखें**: आपसे उम्मीद नहीं है कि आप एक रात में कोडिंग के जादूगर बन जाएं! अभी आप बस इस अद्भुत नई दुनिया को जान रहे हैं जिसका आप हिस्सा बनने वाले हैं। अपना समय लें, यात्रा का आनंद लें, और याद रखें – हर एक डेवलपर जिसे आप पसंद करते हैं, कभी वैसे ही था जैसे आप अभी हैं, उत्साहित और शायद थोड़ा अभिभूत। यह बिलकुल सामान्य है, और इसका मतलब है कि आप सही दिशा में हैं!
+> 🎯 **सुनिए, मैं आपसे यही चाहूंगा कि आप याद रखें**: आप से उम्मीद नहीं की जाती कि आप तुरंत कोडिंग में माहिर बन जाएं! अभी, आप बस इस अद्भुत नए संसार को जान रहे हैं जिसका हिस्सा बनने जा रहे हैं। अपने समय लें, इस यात्रा का आनंद लें, और याद रखें – हर एक डेवलपर जिसे आप पसंद करते हैं, कभी आपके जैसी स्थिति में था, उत्साहित और शायद थोड़ा अभिभूत भी। यह पूरी तरह से सामान्य है, और इसका मतलब है कि आप सही कर रहे हैं!
 
 
 
-## असाइनमेंट
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **आपके असाइनमेंट के लिए एक छोटा सा सुझाव**: मैं सच में चाहता हूँ कि आप उन उपकरणों का अन्वेषण करें जिनके बारे में हमने अभी तक बात नहीं की! उन संपादकों, ब्राउज़रों और कमांड लाइन टूल्स को छोड़ दें जिनके बारे में हमने पहले ही चर्चा की है – वहाँ एक पूरी अद्भुत दुनिया है अद्भुत विकास उपकरणों की जो बस खोजे जाने की प्रतीक्षा कर रहे हैं। उन उपकरणों को खोजें जो सक्रिय रूप से बनाए रखे जाते हैं और जिनके जीवंत, सहायक समुदाय हैं (ऐसे समुदायों में सबसे अच्छे ट्यूटोरियल और सबसे मददगार लोग होते हैं, जब आप रास्ते में फंसे हों और किसी दोस्ताना मदद की ज़रूरत हो)।
+> 💡 **आपके असाइनमेंट के लिए एक छोटा सा सुझाव**: मुझे बेहद खुशी होगी अगर आप कुछ ऐसे टूल्स का अन्वेषण करें जिनका हमने अभी तक जिक्र नहीं किया है! उन संपादकों, ब्राउज़रों और कमांड लाइन टूल्स को छोड़ दें जिनके बारे में हमने बात की है – वहां एक अद्भुत और विशाल विकास टूल्स का ब्रह्मांड है जो खोजे जाने का इंतजार कर रहा है। ऐसे टूल्स देखें जो सक्रिय रूप से मेंटेन किए जाते हैं और जिनकी जीवंत, सहायक समुदायें हैं (इनमें सबसे अच्छे ट्यूटोरियल और सबसे सहायक लोग होते हैं, जब आप फंस जाते हैं और मदद चाहते हैं)।
 
 ---
 
-## 🚀 आपकी प्रोग्रामिंग यात्रा का समयरेखा
+## 🚀 आपकी प्रोग्रामिंग यात्रा टाइमलाइन
 
 ### ⚡ **अगले 5 मिनट में आप क्या कर सकते हैं**
-- [ ] 2-3 प्रोग्रामिंग भाषा की वेबसाइटें बुकमार्क करें जिन्होंने आपकी रुचि आकर्षित की
-- [ ] Visual Studio Code डाउनलोड करें अगर आपने अभी तक नहीं किया है
-- [ ] अपने ब्राउज़र के डेवटूल्स (F12) खोलें और किसी भी वेबसाइट पर क्लिक करें
+- [ ] 2-3 प्रोग्रामिंग भाषा की वेबसाइट्स को बुकमार्क करें जिन्होंने आपका ध्यान खींचा
+- [ ] यदि आपने अभी तक नहीं किया है तो Visual Studio Code डाउनलोड करें
+- [ ] अपने ब्राउज़र के DevTools (F12) खोलें और किसी भी वेबसाइट पर क्लिक करें
 - [ ] एक प्रोग्रामिंग समुदाय में शामिल हों (Dev.to, Reddit r/webdev, या Stack Overflow)
 
 ### ⏰ **इस घंटे में आप क्या पूरा कर सकते हैं**
-- [ ] पोस्ट-लैसन क्विज़ पूरा करें और अपने उत्तरों पर विचार करें
-- [ ] GitHub Copilot एक्सटेंशन के साथ VS Code सेट अप करें
-- [ ] 2 अलग-अलग प्रोग्रामिंग भाषाओं में ऑनलाइन "Hello World" उदाहरण आज़माएँ
-- [ ] यूट्यूब पर "डे इन द लाइफ ऑफ़ अ डेवलपर" वीडियो देखें
-- [ ] अपनी प्रोग्रामिंग भाषा की जासूसी शुरू करें (चुनौती से)
+- [ ] पोस्ट-लीसन क्विज़ पूरा करें और अपने उत्तरों पर विचार करें
+- [ ] VS Code में GitHub Copilot एक्सटेंशन सेट करें
+- [ ] 2 अलग-अलग प्रोग्रामिंग भाषाओं में ऑनलाइन "Hello World" उदाहरण आज़माएं
+- [ ] YouTube पर "डे इन द लाइफ ऑफ़ अ डेवलपर" वीडियो देखें
+- [ ] अपनी प्रोग्रामिंग भाषा की जासूसी शुरू करें (चैलेंज से)
 
 ### 📅 **आपका सप्ताह भर का साहसिक कार्य**
-- [ ] असाइनमेंट पूरा करें और 3 नए विकास उपकरणों का अन्वेषण करें
-- [ ] सोशल मीडिया पर 5 डेवलपर्स या प्रोग्रामिंग अकाउंट्स का अनुसरण करें
-- [ ] CodePen या Replit में कुछ छोटा बनाना आज़माएँ (यहाँ तक कि सिर्फ "Hello, [आपका नाम]!" भी हो सकता है)
-- [ ] किसी डेवलपर की कोडिंग यात्रा से जुड़ी एक ब्लॉग पोस्ट पढ़ें
+- [ ] असाइनमेंट पूरा करें और 3 नए विकास टूल्स का अन्वेषण करें
+- [ ] सोशल मीडिया पर 5 डेवलपर्स या प्रोग्रामिंग अकाउंट्स को फ़ॉलो करें
+- [ ] CodePen या Replit में कुछ छोटा बनाकर देखें (यहाँ तक कि सिर्फ "Hello, [Your Name]!" भी चलेगा)
+- [ ] किसी डेवलपर की कोडिंग यात्रा पर एक ब्लॉग पोस्ट पढ़ें
 - [ ] एक वर्चुअल मीटअप में शामिल हों या प्रोग्रामिंग टॉक देखें
-- [ ] ऑनलाइन ट्यूटोरियल के साथ अपनी चुनी हुई भाषा सीखना शुरू करें
+- [ ] ऑनलाइन ट्यूटोरियल्स के साथ अपनी चुनी हुई भाषा सीखना शुरू करें
 
-### 🗓️ **आपका महीने भर का परिवर्तन**
-- [ ] अपनी पहली छोटी परियोजना बनाएं (यहाँ तक कि एक साधारण वेबपेज भी चलेगा!)
-- [ ] एक ओपन-सोर्स प्रोजेक्ट में योगदान करें (डॉक्यूमेंटेशन सुधार से शुरुआत करें)
+### 🗓️ **आपका महीने भर का रूपांतरण**
+- [ ] अपनी पहली छोटी परियोजना बनाएं (एक साधारण वेबपेज भी चलता है!)
+- [ ] किसी ओपन-सोर्स प्रोजेक्ट में योगदान करें (शुरुआत दस्तावेज़ सुधार से करें)
 - [ ] किसी नए प्रोग्रामर का मार्गदर्शन करें जो अभी शुरुआत कर रहा हो
-- [ ] अपनी डेवलपर पोर्टफोलियो वेबसाइट बनाएं
-- [ ] स्थानीय डेवलपर समुदाय या अध्ययन समूहों से जुड़ें
-- [ ] अपनी अगली सीखने की मील का पत्थर योजना बनाना शुरू करें
+- [ ] अपना डेवलपर पोर्टफोलियो वेबसाइट बनाएं
+- [ ] स्थानीय डेवलपर समुदायों या अध्ययन समूहों से जुड़ें
+- [ ] अपने अगले सीखने के लक्ष्य की योजना बनाना शुरू करें
 
-### 🎯 **अंतिम चिंतन चेक-इन**
+### 🎯 **अंतिम आत्ममंथन जांच**
 
-**आगे बढ़ने से पहले, एक क्षण पहले जश्न मनाएं:**
-- आज प्रोग्रामिंग के बारे में क्या चीज़ आपको सबसे ज़्यादा उत्साहित किया?
-- किस उपकरण या अवधारणा को आप सबसे पहले खोजना चाहते हैं?
-- इस प्रोग्रामिंग यात्रा की शुरुआत के बारे में आप कैसा महसूस कर रहे हैं?
-- अभी आप डेवलपर से कौन सा सवाल पूछना चाहेंगे?
+**आगे बढ़ने से पहले एक पल रुककर जश्न मनाएं:**
+- आज प्रोग्रामिंग के बारे में एक ऐसी चीज़ क्या थी जिसने आपको उत्साहित किया?
+- कौन सा टूल या अवधारणा आप सबसे पहले अन्वेषण करना चाहते हैं?
+- इस प्रोग्रामिंग यात्रा की शुरुआत को लेकर आपका महसूस क्या है?
+- अभी आप एक डेवलपर से कौन सा सवाल पूछना चाहेंगे?
 
 ```mermaid
 journey
-    title आपकी आत्मविश्वास निर्माण यात्रा
+    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
 ```
-> 🌟 **याद रखें**: हर विशेषज्ञ कभी शुरुआती था। हर वरिष्ठ डेवलपर ने कभी ऐसा ही महसूस किया था जैसे आप अभी कर रहे हैं – उत्साहित, शायद थोड़ा अभिभूत, और ज़रूर जिज्ञासु कि क्या संभव है। आप अद्भुत संगति में हैं, और यह यात्रा अविश्वसनीय होने वाली है। प्रोग्रामिंग की इस अद्भुत दुनिया में आपका स्वागत है! 🎉
+> 🌟 **याद रखें**: हर विशेषज्ञ कभी नवशिक्षु था। हर वरिष्ठ डेवलपर ने बिल्कुल आपकी तरह महसूस किया था – उत्साहित, शायद थोड़ा अभिभूत, और निश्चित रूप से जिज्ञासु कि संभावनाएं क्या हैं। आप बेहतरीन संगति में हैं, और यह यात्रा अविश्वसनीय होगी। प्रोग्रामिंग की अद्भुत दुनिया में आपका स्वागत है! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:
-यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता के लिए प्रयास करते हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में अधिकृत स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से होने वाली किसी भी गलतफहमी या व्याख्या के लिए हम उत्तरदायी नहीं हैं।
+**अस्वीकरण**:  
+इस दस्तावेज़ का अनुवाद AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके किया गया है। यद्यपि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियां या गलतियां हो सकती हैं। मूल भाषा में दस्तावेज़ को ही अधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hi/AGENTS.md b/translations/hi/AGENTS.md
index 2f7e8c65f..fc3cd8479 100644
--- a/translations/hi/AGENTS.md
+++ b/translations/hi/AGENTS.md
@@ -1,30 +1,30 @@
 # AGENTS.md
 
-## परियोजना अवलोकन
+## प्रोजेक्ट अवलोकन
 
-यह शुरुआती लोगों के लिए वेब विकास के मूल सिद्धांतों को सिखाने हेतु एक शैक्षिक पाठ्यक्रम रिपॉज़िटरी है। यह पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकसित एक व्यापक 12-सप्ताह का कोर्स है, जिसमें JavaScript, CSS, और HTML को कवर करने वाले 24 हैंड्स-ऑन पाठ शामिल हैं।
+यह शुरुआती लोगों को वेब विकास के मूल सिद्धांत सिखाने के लिए एक शैक्षिक पाठ्यक्रम भंडार है। यह पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकसित 12 सप्ताह का एक व्यापक कोर्स है, जिसमें JavaScript, CSS, और HTML को कवर करने वाले 24 हैंड्स-ऑन लेसन शामिल हैं।
 
 ### मुख्य घटक
 
-- **शैक्षिक सामग्री**: 24 संरचित पाठ जो परियोजना-आधारित मॉड्यूल में व्यवस्थित हैं
-- **व्यावहारिक परियोजनाएं**: टेरियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड एडिटर, और AI चैट असिस्टेंट
-- **इंटरैक्टिव क्विज़**: 48 क्विज़, प्रत्येक में 3 प्रश्न (पाठ से पहले/बाद में आकलन)
-- **बहुभाषी समर्थन**: GitHub Actions के माध्यम से 50+ भाषाओं में स्वचालित अनुवाद
-- **प्रौद्योगिकियां**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI परियोजनाओं के लिए)
+- **शैक्षिक सामग्री**: परियोजना-आधारित मॉड्यूल में व्यवस्थित 24 संरचित लेसन
+- **व्यावहारिक परियोजनाएं**: टेरारियम, टाइपिंग गेम, ब्राउज़र एक्सटेंशन, स्पेस गेम, बैंकिंग ऐप, कोड संपादक, और AI चैट सहायक
+- **इंटरैक्टिव क्विज़**: 48 क्विज़, प्रत्येक में 3 प्रश्न (प्री/पोस्ट-लेसन मूल्यांकन)
+- **बहुभाषी समर्थन**: GitHub Actions के माध्यम से 50+ भाषाओं के लिए स्वचालित अनुवाद
+- **तकनीकें**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI परियोजनाओं के लिए)
 
 ### वास्तुकला
 
-- पाठ आधारित संरचना के साथ शैक्षिक रिपॉज़िटरी
-- प्रत्येक पाठ फ़ोल्डर में README, कोड उदाहरण और समाधान होते हैं
-- अलग-अलग निर्देशिकाओं में स्वतंत्र परियोजनाएं (quiz-app, विभिन्न पाठ परियोजनाएं)
-- GitHub Actions (co-op-translator) का उपयोग करके अनुवाद प्रणाली
-- डॉक्यूमेंटेशन Docsify के माध्यम से परोसा जाता है और PDF के रूप में उपलब्ध है
+- लेसन-आधारित संरचना के साथ शैक्षिक रिपॉजिटरी
+- प्रत्येक लेसन फ़ोल्डर में README, कोड उदाहरण, और समाधान होते हैं
+- अलग-अलग निर्देशिकाओं में स्वतंत्र परियोजनाएं (quiz-app, विभिन्न लेसन परियोजनाएं)
+- GitHub Actions (co-op-translator) का उपयोग करने वाला अनुवाद प्रणाली
+- Docsify द्वारा परोसी गई और PDF के रूप में उपलब्ध दस्तावेज़ीकरण
 
-## सेटअप कमांड
+## सेटअप कमांड्स
 
-यह रिपॉज़िटरी मुख्यतः शैक्षिक सामग्री के उपभोग के लिए है। विशिष्ट परियोजनाओं के साथ काम करने के लिए:
+यह रिपॉजिटरी मुख्य रूप से शैक्षिक सामग्री की खपत के लिए है। विशिष्ट परियोजनाओं के साथ काम करने के लिए:
 
-### मुख्य रिपॉज़िटरी सेटअप
+### मुख्य रिपॉजिटरी सेटअप
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -36,8 +36,8 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # विकास सर्वर शुरू करें
-npm run build      # उत्पादन के लिए बिल्ड करें
+npm run dev        # विकास सर्वर प्रारंभ करें
+npm run build      # उत्पादन के लिए बनाएं
 npm run lint       # ESLint चलाएं
 ```
 
@@ -47,8 +47,8 @@ npm run lint       # ESLint चलाएं
 cd 7-bank-project/api
 npm install
 npm start          # एपीआई सर्वर शुरू करें
-npm run lint       # ESLint चलाएं
-npm run format     # Prettier के साथ स्वरूपित करें
+npm run lint       # ESLint चलाएँ
+npm run format     # Prettier के साथ फ़ॉर्मेट करें
 ```
 
 ### ब्राउज़र एक्सटेंशन परियोजनाएं
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# ब्राउज़र में index.html खोलें या लाइव सर्वर का उपयोग करें
+# ब्राउज़र में index.html खोलें या Live Server का उपयोग करें
 ```
 
 ### चैट प्रोजेक्ट (Python Backend)
@@ -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,27 +80,27 @@ python api.py
 
 ### सामग्री योगदानकर्ताओं के लिए
 
-1. अपनी GitHub खाता में **रिपॉज़िटरी को फोर्क करें**
+1. **रिपॉजिटरी को अपने GitHub अकाउंट में फोर्क करें**
 2. **अपने फोर्क को लोकली क्लोन करें**
-3. **अपने परिवर्तनों के लिए नई ब्रांच बनाएं**
-4. पाठ सामग्री या कोड उदाहरणों में परिवर्तन करें
-5. संबंधित परियोजना निर्देशिकाओं में किसी भी कोड परिवर्तन का परीक्षण करें
-6. योगदान दिशानिर्देशों के अनुसार पुल अनुरोध सबमिट करें
+3. **अपने परिवर्तनों के लिए नई शाखा बनाएं**
+4. लेसन सामग्री या कोड उदाहरणों में परिवर्तन करें
+5. संबंधित परियोजना निर्देशिकाओं में कोई भी कोड परिवर्तन परीक्षण करें
+6. योगदान दिशानिर्देशों का पालन करते हुए पुल अनुरोध सबमिट करें
 
 ### शिक्षार्थियों के लिए
 
-1. रिपॉज़िटरी को फोर्क या क्लोन करें
-2. पाठ निर्देशिकाओं में क्रमबद्ध रूप से जाएं
-3. प्रत्येक पाठ के README फ़ाइल पढ़ें
-4. https://ff-quizzes.netlify.app/web/ पर पूर्व-पाठ क्विज़ पूरा करें
-5. पाठ फ़ोल्डरों में कोड उदाहरणों पर काम करें
+1. रिपॉजिटरी को फोर्क या क्लोन करें
+2. लेसन निर्देशिकाओं में क्रमबद्ध रूप से नेविगेट करें
+3. प्रत्येक लेसन के README फ़ाइल पढ़ें
+4. प्री-लेसन क्विज़ https://ff-quizzes.netlify.app/web/ पर पूरा करें
+5. लेसन फोल्डर्स में कोड उदाहरणों के माध्यम से काम करें
 6. असाइनमेंट और चुनौतियां पूरी करें
-7. पश्च-पाठ क्विज़ लें
+7. पोस्ट-लेसन क्विज़ दें
 
 ### लाइव विकास
 
-- **डॉक्यूमेंटेशन**: रूट में `docsify serve` चलाएं (पोर्ट 3000)
-- **क्विज़ ऐप**: `quiz-app` निर्देशिका में `npm run dev` चलाएं
+- **दस्तावेज़ीकरण**: रूट में `docsify serve` चलाएं (पोर्ट 3000)
+- **क्विज़ ऐप**: quiz-app निर्देशिका में `npm run dev` चलाएं
 - **परियोजनाएं**: HTML परियोजनाओं के लिए VS Code Live Server एक्सटेंशन का उपयोग करें
 - **API परियोजनाएं**: संबंधित API निर्देशिकाओं में `npm start` चलाएं
 
@@ -110,7 +110,7 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # कोड शैली की समस्याओं की जांच करें
+npm run lint       # कोड शैली की समस्याओं के लिए जांचें
 npm run build      # सत्यापित करें कि बिल्ड सफल होता है
 ```
 
@@ -118,82 +118,82 @@ npm run build      # सत्यापित करें कि बिल्
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # कोड शैली की समस्याओं की जाँच करें
+npm run lint       # कोड स्टाइल समस्याओं के लिए जांच करें
 node server.js     # जांचें कि सर्वर बिना त्रुटियों के शुरू होता है
 ```
 
 ### सामान्य परीक्षण दृष्टिकोण
 
-- यह एक शैक्षिक रिपॉज़िटरी है जिसमें व्यापक स्वचालित परीक्षण नहीं हैं
-- मैनुअल परीक्षण पर ध्यान दिया जाता है:
-  - कोड उदाहरण त्रुटि रहित चलें
-  - दस्तावेज़ में लिंक सही काम करें
-  - परियोजना बिल्ड सफलतापूर्वक पूरी हो
-  - उदाहरणों का पालन सर्वोत्तम प्रथाओं के अनुसार हो
+- यह एक शैक्षिक रिपॉजिटरी है जिसमें व्यापक स्वचालित परीक्षण नहीं हैं
+- मैनुअल परीक्षण पर ध्यान केंद्रित करता है:
+  - कोड उदाहरण बिना त्रुटि के चलना चाहिए
+  - दस्तावेज़ीकरण में लिंक सही तरीके से काम करें
+  - परियोजना निर्माण सफलतापूर्वक पूर्ण होना चाहिए
+  - उदाहरण सर्वोत्तम प्रथाओं का पालन करें
 
 ### प्री-सबमिशन जांच
 
-- `package.json` वाले निर्देशकों में `npm run lint` चलाएं
-- मार्कडाउन लिंक मान्य हैं, यह पुष्टि करें
-- ब्राउज़र या Node.js में कोड उदाहरण का परीक्षण करें
-- जांचें कि अनुवाद संरचना को सही ढंग से बनाए रखते हैं
+- package.json वाले निर्देशिकाओं में `npm run lint` चलाएं
+- मार्कडाउन लिंक वैध हैं या नहीं जांचें
+- कोड उदाहरण ब्राउज़र या Node.js में टेस्ट करें
+- जांचें कि अनुवाद संरचना बनाए रखें
 
 ## कोड शैली दिशानिर्देश
 
 ### JavaScript
 
 - आधुनिक ES6+ सिंटैक्स का उपयोग करें
-- परियोजनाओं में दिए गए मानक ESLint कॉन्फ़िगरेशन का पालन करें
-- शैक्षिक स्पष्टता के लिए सार्थक वैरिएबल और फ़ंक्शन नामों का उपयोग करें
-- पाठकों के लिए अवधारणाओं को स्पष्ट करने वाली टिप्पणियाँ जोड़ें
-- जहाँ कॉन्फ़िगर किया गया हो, वहां Prettier से प्रारूपित करें
+- परियोजनाओं में उपलब्ध मानक ESLint कॉन्फ़िगरेशन का पालन करें
+- शैक्षिक स्पष्टता के लिए सार्थक वेरिएबल और फ़ंक्शन नामों का उपयोग करें
+- शिक्षार्थियों के लिए अवधारणाओं की व्याख्या करने वाले टिप्पणियाँ जोड़ें
+- जहां कॉन्फ़िगर हो वहां Prettier का उपयोग करें
 
 ### HTML/CSS
 
 - सेमांटिक HTML5 तत्व
-- प्रतिक्रियाशील डिज़ाइन सिद्धांत
-- स्पष्ट क्लास नामकरण कन्वेंशंस
-- CSS तकनीकों की व्याख्या करने वाली टिप्पणियाँ
+- उत्तरदायी डिज़ाइन सिद्धांत
+- स्पष्ट क्लास नामकरण कन्वेंशन
+- शिक्षार्थियों के लिए CSS तकनीकों की व्याख्या करने वाली टिप्पणियाँ
 
 ### Python
 
 - PEP 8 शैली दिशानिर्देश
 - स्पष्ट, शैक्षिक कोड उदाहरण
-- जहां सहायक हो, टाइप हिंट्स
+- सीखने में सहायक टाइप संकेत
 
-### मार्कडाउन दस्तावेज़ीकरण
+### Markdown दस्तावेज़ीकरण
 
-- स्पष्ट शीर्षक पदानुक्रम
-- भाषा निर्दिष्ट कोड ब्लॉक
+- स्पष्ट हेडिंग पदानुक्रम
+- भाषा निर्दिष्ट कोड ब्लॉक्स
 - अतिरिक्त संसाधनों के लिंक
-- `images/` निर्देशिकाओं में स्क्रीनशॉट और छवियाँ
-- पहुँच के लिए छवियों का Alt टेक्स्ट
+- `images/` निर्देशिकाओं में स्क्रीनशॉट और चित्र
+- पहुँच के लिए चित्रों के लिए Alt पाठ
 
 ### फ़ाइल संगठन
 
-- पाठ क्रमांकित (1-getting-started-lessons, 2-js-basics, आदि)
+- लेसन क्रमशः नंबरित (1-getting-started-lessons, 2-js-basics, आदि)
 - प्रत्येक परियोजना में `solution/` और अक्सर `start/` या `your-work/` निर्देशिकाएं
-- पाठ-विशिष्ट `images/` फ़ोल्डरों में छवियाँ संग्रहीत
+- चित्र लेसन-विशिष्ट `images/` फोल्डर में संग्रहित
 - अनुवाद `translations/{language-code}/` संरचना में
 
-## बिल्ड और परिनियोजन
+## निर्माण और परिनियोजन
 
 ### क्विज़ ऐप परिनियोजन (Azure Static Web Apps)
 
-क्विज़-ऐप Azure Static Web Apps परिनियोजन के लिए कॉन्फ़िगर किया गया है:
+quizz-app Azure Static Web Apps परिनियोजन के लिए कॉन्फ़िगर किया गया है:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ फ़ोल्डर बनाता है
-# मुख्य शाखा पर पुश करने पर GitHub Actions वर्कफ़्लो के माध्यम से तैनात करता है
+# मुख्य में पुश पर GitHub Actions वर्कफ़्लो के माध्यम से तैनात करता है
 ```
 
 Azure Static Web Apps कॉन्फ़िगरेशन:
-- **ऐप स्थान**: `/quiz-app`
+- **एप स्थान**: `/quiz-app`
 - **आउटपुट स्थान**: `dist`
-- **वर्कफ़्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **कार्यप्रवाह**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### डॉक्यूमेंटेशन PDF जेनरेशन
+### दस्तावेज़ीकरण PDF जनरेशन
 
 ```bash
 npm install                    # docsify-to-pdf इंस्टॉल करें
@@ -207,72 +207,72 @@ npm install -g docsify-cli    # Docsify को वैश्विक रूप 
 docsify serve                 # localhost:3000 पर सेवा दें
 ```
 
-### परियोजना-विशिष्ट बिल्ड्स
+### परियोजना-विशिष्ट निर्माण
 
-प्रत्येक परियोजना निर्देशिका की अपनी बिल्ड प्रक्रिया हो सकती है:
-- Vue परियोजनाओं के लिए: `npm run build` उत्पादन बंडल बनाता है
-- स्टैटिक परियोजनाओं के लिए: कोई बिल्ड चरण नहीं, सीधे फाइलें परोसी जाती हैं
+प्रत्येक परियोजना निर्देशिका में अपना निर्माण प्रक्रिया हो सकती है:
+- Vue परियोजनाएं: उत्पादन बंडल बनाने के लिए `npm run build`
+- स्थिर परियोजनाएं: कोई निर्माण कदम नहीं, सीधे फ़ाइलें परोसें
 
 ## पुल अनुरोध दिशानिर्देश
 
 ### शीर्षक प्रारूप
 
-परिवर्तन के क्षेत्र को दर्शाने वाले स्पष्ट, वर्णनात्मक शीर्षक का उपयोग करें:
-- `[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] सेटअप निर्देश अपडेट करें`
 
-### आवश्यक जांचें
+### आवश्यक जांच
 
-पुल अनुरोध सबमिट करने से पहले:
+PR सबमिट करने से पहले:
 
 1. **कोड गुणवत्ता**:
    - प्रभावित परियोजना निर्देशिकाओं में `npm run lint` चलाएं
-   - सभी लिंटिंग त्रुटियाँ और चेतावनियाँ ठीक करें
+   - सभी लिंटिंग त्रुटियां और चेतावनियां ठीक करें
 
-2. **बिल्ड सत्यापन**:
-   - यदि लागू हो, `npm run build` चलाएं
-   - कोई बिल्ड त्रुटि नहीं होनी चाहिए
+2. **निर्माण सत्यापन**:
+   - लागू होने पर `npm run build` चलाएं
+   - कोई निर्माण त्रुटियां न हों
 
 3. **लिंक सत्यापन**:
-   - सभी मार्कडाउन लिंक का परीक्षण करें
-   - छवि संदर्भ सही हैं, सुनिश्चित करें
+   - सभी मार्कडाउन लिंक टेस्ट करें
+   - छवि संदर्भ सही हों
 
 4. **सामग्री समीक्षा**:
-   - वर्तनी और व्याकरण ठीक से जांचें
+   - वर्तनी और व्याकरण के लिए प्रूफरीड करें
    - कोड उदाहरण सही और शैक्षिक हों
    - अनुवाद मूल अर्थ बनाए रखें
 
-### योगदान आवश्यकताएँ
+### योगदान आवश्यकताएं
 
-- Microsoft CLA से सहमति दें (पहले PR पर स्वचालित जांच)
+- Microsoft CLA से सहमति (पहले PR पर स्वचालित जांच)
 - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) का पालन करें
 - विस्तृत दिशानिर्देशों के लिए [CONTRIBUTING.md](./CONTRIBUTING.md) देखें
-- यदि लागू हो तो PR विवरण में मुद्दा नंबर संदर्भित करें
+- यदि लागू हो तो PR विवरण में मुद्दा संख्या संदर्भित करें
 
 ### समीक्षा प्रक्रिया
 
-- PRs मेंटेनरों और समुदाय द्वारा समीक्षा किए जाते हैं
+- PR को रखरखावकर्ताओं और समुदाय द्वारा समीक्षा किया जाता है
 - शैक्षिक स्पष्टता को प्राथमिकता दी जाती है
 - कोड उदाहरण वर्तमान सर्वोत्तम प्रथाओं का पालन करें
-- अनुवाद सटीकता और सांस्कृतिक उपयुक्तता के लिए समीक्षा किये जाते हैं
+- अनुवाद सटीकता और सांस्कृतिक उपयुक्तता के लिए समीक्षा की जाती है
 
 ## अनुवाद प्रणाली
 
 ### स्वचालित अनुवाद
 
-- GitHub Actions के साथ co-op-translator वर्कफ़्लो का उपयोग
+- co-op-translator वर्कफ़्लो के साथ GitHub Actions का उपयोग करता है
 - 50+ भाषाओं में स्वचालित अनुवाद करता है
-- मुख्य निर्देशिकाओं में स्रोत फ़ाइलें
-- अनुवादित फ़ाइलें `translations/{language-code}/` निर्देशिकाओं में
+- स्रोत फाइलें मुख्य निर्देशिकाओं में
+- अनुवादित फाइलें `translations/{language-code}/` निर्देशिकाओं में
 
 ### मैनुअल अनुवाद सुधार जोड़ना
 
-1. `translations/{language-code}/` में फ़ाइल खोजें
-2. संरचना को बनाए रखते हुए सुधार करें
-3. सुनिश्चित करें कोड उदाहरण कार्यात्मक रहें
-4. स्थानीयकृत क्विज़ सामग्री का परीक्षण करें
+1. `translations/{language-code}/` में फ़ाइल ढूंढ़ें
+2. संरचना बनाए रखते हुए सुधार करें
+3. सुनिश्चित करें कि कोड उदाहरण कार्यशील हों
+4. कोई स्थानीयकृत क्विज़ सामग्री हो तो उसका परीक्षण करें
 
 ### अनुवाद मेटाडेटा
 
@@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
 
 ## डिबगिंग और समस्या निवारण
 
-### सामान्य समस्याएं
+### सामान्य समस्याएँ
 
 **क्विज़ ऐप शुरू नहीं होता**:
 - Node.js संस्करण जांचें (v14+ अनुशंसित)
 - `node_modules` और `package-lock.json` हटाएं, फिर `npm install` चलाएं
-- पोर्ट कॉन्फ्लिक्ट जांचें (डिफ़ॉल्ट: Vite पोर्ट 5173)
+- पोर्ट संघर्ष की जाँच करें (डिफ़ॉल्ट: 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 Models एक्सेस अनुमतियाँ जांचें
 
-**Docsify डॉक्यूमेंट्स सर्व नहीं कर रहा**:
+**Docsify दस्तावेज़ सेवा नहीं दे रहा**:
 - docsify-cli ग्लोबली इंस्टॉल करें: `npm install -g docsify-cli`
-- रिपॉज़िटरी रूट निर्देशिका से चलाएं
-- जांचें कि `docs/_sidebar.md` मौजूद है
+- रिपॉजिटरी रूट निर्देशिका से चलाएं
+- जांचें कि `docs/_sidebar.md` फ़ाइल मौजूद है
 
-### विकास वातावरण सुझाव
+### विकास पर्यावरण सुझाव
 
 - HTML परियोजनाओं के लिए VS Code में Live Server एक्सटेंशन का उपयोग करें
-- स्थिर प्रारूपण के लिए ESLint और Prettier एक्सटेंशन इंस्टॉल करें
-- JavaScript डिबगिंग हेतु ब्राउज़र DevTools का प्रयोग करें
+- संगत स्वरूपण के लिए ESLint और Prettier एक्सटेंशन इंस्टॉल करें
+- जावास्क्रिप्ट डिबगिंग के लिए ब्राउज़र DevTools का उपयोग करें
 - Vue परियोजनाओं के लिए Vue DevTools ब्राउज़र एक्सटेंशन इंस्टॉल करें
 
 ### प्रदर्शन विचार
 
-- बहुत सारी अनुवादित फाइलें (50+ भाषाएं) होने से पूर्ण क्लोन बड़े होते हैं
-- केवल सामग्री पर काम करने के लिए shallow clone का प्रयोग करें: `git clone --depth 1`
+- बड़ी संख्या में अनुवादित फाइलें (50+ भाषाएँ) होने से पूर्ण क्लोन बड़े होते हैं
+- केवल सामग्री पर काम करने पर shallow clone का उपयोग करें: `git clone --depth 1`
 - अंग्रेज़ी सामग्री पर काम करते समय अनुवादों को खोज से बाहर रखें
-- पहली बार चलाते समय बिल्ड प्रक्रियाएं धीमी हो सकती हैं (`npm install`, Vite बिल्ड)
+- पहला रन (npm install, Vite निर्माण) धीमा हो सकता है
 
 ## सुरक्षा विचार
 
 ### पर्यावरण चर
 
-- API कुंजियाँ कभी भी रिपॉज़िटरी में कमिट न करें
-- `.env` फ़ाइलों का उपयोग करें (पहले से `.gitignore` में शामिल)
-- परियोजना README में आवश्यक पर्यावरण चर डॉक्यूमेंट करें
+- API कुंजी कभी भी रिपॉजिटरी में कमिट न करें
+- `.env` फाइलों का उपयोग करें (पहले से `.gitignore` में शामिल)
+- आवश्यक पर्यावरण चर परियोजना README में दस्तावेजित करें
 
 ### Python परियोजनाएं
 
-- वर्चुअल एन्वायरनमेंट का उपयोग करें: `python -m venv venv`
-- निर्भरताएँ अपडेट रखें
-- GitHub टोकन को न्यूनतम आवश्यक अनुमति दें
+- वर्चुअल एनवायरनमेंट का उपयोग करें: `python -m venv venv`
+- निर्भरताओं को अपडेट रखें
+- GitHub टोकन न्यूनतम आवश्यक अनुमतियाँ रखें
 
-### GitHub मॉडल पहुँच
+### GitHub Models एक्सेस
 
-- GitHub मॉडल के लिए Personal Access Tokens (PAT) आवश्यक हैं
-- टोकन पर्यावरण चर के रूप में संग्रहीत करें
-- टोकन या साख कभी कमिट न करें
+- GitHub Models के लिए Personal Access Tokens (PAT) आवश्यक
+- टोकन पर्यावरण चरों के रूप में संग्रहीत करें
+- टोकन या क्रेडेंशियल कभी कमिट न करें
 
 ## अतिरिक्त नोट्स
 
 ### लक्षित दर्शक
 
-- वेब विकास के पूर्ण शुरुआती
-- छात्र और आत्म-अध्ययन करने वाले
-- कक्षा में पाठ्यक्रम का उपयोग करने वाले शिक्षक
-- सामग्री पहुंच और क्रमिक कौशल निर्माण के लिए डिज़ाइन की गई है
+- वेब विकास के पूर्ण शुरुआत करने वाले
+- छात्र और स्व-अध्ययनकर्ता
+- कक्षाओं में पाठ्यक्रम का उपयोग करने वाले शिक्षक
+- सामग्री पहुँचनीयता और धीरे-धीरे कौशल निर्माण के लिए डिज़ाइन की गई है
 
 ### शैक्षिक दर्शन
 
-- परियोजना-आधारित सीखने का दृष्टिकोण
-- बार-बार ज्ञान जाँच (क्विज़)
-- हैंड्स-ऑन कोडिंग अभ्यास
+- परियोजना-आधारित शिक्षण दृष्टिकोण
+- बार-बार ज्ञान जांच (क्विज़)
+- हाथों-हाथ कोडिंग अभ्यास
 - वास्तविक दुनिया के अनुप्रयोग उदाहरण
-- फ्रेमवर्क से पहले मूल बातें सीखने पर ध्यान
+- फ्रेमवर्क से पहले मूल बातें पर ध्यान केंद्रित
 
-### रिपॉज़िटरी रखरखाव
+### रिपॉजिटरी रखरखाव
 
 - सक्रिय शिक्षार्थी और योगदानकर्ता समुदाय
-- निर्भरताओं और सामग्री का नियमित अद्यतन
-- मेंटेनरों द्वारा मुद्दों और चर्चाओं की निगरानी
-- GitHub Actions के माध्यम से अनुवाद अपडेट्स स्वचालित
+- निर्भरताओं और सामग्री का नियमित अपडेट
+- मुद्दों और चर्चाओं पर रखरखावकर्ताओं द्वारा निगरानी
+- अनुवाद अपडेट GitHub Actions द्वारा स्वचालित
 
 ### संबंधित संसाधन
 
 - [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, डेटा साइंस, एमएल, IoT पाठ्यक्रम उपलब्ध
+- शिक्षार्थियों के लिए सिफारिश की गई [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- अतिरिक्त कोर्स: जनरेटिव AI, डेटा साइंस, ML, IoT पाठ्यक्रम उपलब्ध
 
 ### विशिष्ट परियोजनाओं के साथ काम करना
 
-व्यक्तिगत परियोजनाओं के विस्तृत निर्देश के लिए, निम्न README फ़ाइल देखें:
+व्यक्तिगत परियोजनाओं के विस्तृत निर्देशों के लिए, निम्न 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 चैट असिस्टेंट प्रोजेक्ट
+- `6-space-game/README.md` - कैनवास-आधारित गेम विकास
+- `9-chat-project/README.md` - AI चैट सहायक परियोजना
 
-### मोनोरिपॉ संरचना
+### मोनोरिपो संरचना
 
-हालांकि यह पारंपरिक मोनोरिपॉ नहीं है, इस रिपॉज़िटरी में कई स्वतंत्र परियोजनाएं हैं:
-- प्रत्येक पाठ स्वायत्त है
-- परियोजनाएं निर्भरताएँ साझा नहीं करतीं
-- व्यक्तिगत परियोजनाओं पर बिना दूसरों को प्रभावित किए काम करें
-- पूर्ण पाठ्यक्रम अनुभव के लिए पूरे रिपॉज़िटरी को क्लोन करें
+यह पारंपरिक मोनोरिपो नहीं है, यह रिपॉजिटरी कई स्वतंत्र परियोजनाओं को शामिल करता है:
+- प्रत्येक लेसन स्वतंत्र है
+- परियोजनाएं निर्भरताएं साझा नहीं करतीं
+- व्यक्तिगत परियोजनाओं पर बिना दूसरे प्रभावित हुए काम करें
+- पूरा पाठ्यक्रम अनुभव के लिए पूरी रिपॉजिटरी क्लोन करें
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:
-इस दस्तावेज़ का अनुवाद AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके किया गया है। हम सटीकता के लिए प्रयासरत हैं, लेकिन कृपया ध्यान दें कि स्वचालित अनुवाद में त्रुटियाँ या असंगतियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में अधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सलाह दी जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं।
+**अस्वीकरण**:  
+यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयास करते हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में ही प्रामाणिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए पेशेवर मानवीय अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या मिसइंटरप्रिटेशन के लिए हम जिम्मेदार नहीं हैं।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hi/README.md b/translations/hi/README.md
index 814bdce8d..c69a61167 100644
--- a/translations/hi/README.md
+++ b/translations/hi/README.md
@@ -1,211 +1,198 @@
-[![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) 
+# शुरुआती लोगों के लिए वेब विकास - एक पाठ्यक्रम
 
-[![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/)
+Microsoft क्लाउड एडवोकेट्स द्वारा हमारे 12-सप्ताह के व्यापक पाठ्यक्रम के साथ वेब विकास के मूल बातें सीखें। 24 पाठों में से प्रत्येक JavaScript, CSS, और HTML को हाथों-हाथ प्रोजेक्ट्स जैसे टेरारियम, ब्राउज़र एक्सटेंशनों, और स्पेस गेम्स के माध्यम से गहराई से समझाता है। क्वीज़, चर्चाओं, और व्यावहारिक असाइनमेंट्स में भाग लें। हमारी प्रभावी परियोजना-आधारित शिक्षा पद्धति के साथ अपनी कौशलों को बढ़ाएं और आपकी ज्ञान की स्मृति को बेहतर बनाएं। आज ही अपनी कोडिंग यात्रा शुरू करें!
 
-[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
-
-# शुरुआती लोगों के लिए वेब डेवलपमेंट - एक पाठ्यक्रम
-
-माइक्रोसॉफ्ट क्लाउड एडवोकेट्स द्वारा हमारे 12 सप्ताह के व्यापक कोर्स के साथ वेब डेवलपमेंट के मूल सिद्धांत सीखें। 24 पाठों में से प्रत्येक में टेरारियम, ब्राउज़र एक्सटेंशन और स्पेस गेम जैसे हैंड्स-ऑन प्रोजेक्ट्स के जरिए JavaScript, CSS, और HTML पर गहराई से चर्चा की गई है। क्विज़, चर्चाओं, और व्यावहारिक असाइनमेंट्स के साथ जुड़ें। अपनी कौशल को बढ़ाएं और हमारे प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धति के साथ अपने ज्ञान को यादगार बनाएं। आज ही अपनी कोडिंग यात्रा शुरू करें!
-
-Azure AI Foundry Discord समुदाय में शामिल हों
-
-[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+Azure AI Foundry डिसकॉड समुदाय में शामिल हों
 
 इन संसाधनों का उपयोग शुरू करने के लिए इन चरणों का पालन करें:
-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 एक्शन के माध्यम से समर्थित (स्वचालित एवं हमेशा अपडेट रहता है)
-
-<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+#### GitHub Action के माध्यम से समर्थित (स्वचालित और हमेशा अद्यतित)
 
-> **स्थानीय रूप से क्लोन करना पसंद करते हैं?**
-
-> यह रिपॉजिटरी 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'
 > ```
-> यह आपको कोर्स पूरा करने के लिए आवश्यक सभी चीज़ें तेज डाउनलोड के साथ देता है।
-<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
-
-**यदि आप अतिरिक्त भाषाओं के अनुवाद चाहते हैं तो वे [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध हैं**
+>
+> **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"
+> ```
+>
+> यह आपको कोर्स पूरा करने के लिए आवश्यक सब कुछ देता है और डाउनलोड भी तेज होता है।
 
-[![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://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध हैं**
 
-#### 🧑‍🎓 _क्या आप छात्र हैं?_
+#### 🧑‍🎓 _क्या आप एक छात्र हैं?_
 
-[**स्टूडेंट हब पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) पर जाएं जहाँ आपको शुरुआती संसाधन, छात्र पैक और यहां तक कि मुफ्त प्रमाणपत्र वाउचर पाने के तरीके मिलेंगे। यह वह पेज है जिसे आप बुकमार्क करें और समय-समय पर देखें क्योंकि हम सामग्री माहवारी बदलते रहते हैं।
+[**छात्र हब पेज**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) देखें जहाँ आपको शुरुआती संसाधन, छात्र पैक और मुक्त सर्टिफिकेट वाउचर प्राप्त करने के तरीके मिलेंगे। यह वह पेज है जिसे आप बुकमार्क करें और समय-समय पर देखें क्योंकि हम मासिक रूप से सामग्री बदलते रहते हैं।
 
-### 📣 घोषणा - नई GitHub Copilot एजेंट मोड चुनौतियाँ पूरी करें!
+### 📣 घोषणा - नए GitHub Copilot Agent मोड चुनौतियाँ पूरी करें!
 
-नई चुनौती जोड़ी गई है, ज्यादातर अध्यायों में "GitHub Copilot Agent Challenge 🚀" देखें। यह आपके लिए GitHub Copilot और एजेंट मोड का उपयोग करके पूरी करने के लिए नई चुनौती है। यदि आपने पहले एजेंट मोड का उपयोग नहीं किया है, तो यह केवल टेक्स्ट जनरेट ही नहीं करता बल्कि फाइलें बना सकता है, संपादित कर सकता है, कमांड चला सकता है और भी बहुत कुछ।
+नई चुनौती जोड़ी गई है, अधिकांश अध्यायों में "GitHub Copilot Agent Challenge 🚀" ढूंढें। यह GitHub Copilot और Agent मोड का उपयोग करके पूरी करने के लिए आपकी एक नई चुनौती है। यदि आपने पहले Agent मोड का उपयोग नहीं किया है, तो यह केवल टेक्स्ट उत्पन्न करने में सक्षम नहीं है, बल्कि यह फ़ाइलें बना सकता है, संपादित कर सकता है, कमांड चला सकता है और भी बहुत कुछ कर सकता है।
 
-### 📣 घोषणा - _जनरेटिव AI का उपयोग करते हुए नया प्रोजेक्ट बनाएं_
+### 📣 घोषणा - _Generative AI का उपयोग करके निर्माण करने के लिए नया प्रोजेक्ट_ 
 
-नया AI असिस्टेंट प्रोजेक्ट हाल ही में जोड़ा गया है, इसे देखें [project](./9-chat-project/README.md)
+नया AI सहायक प्रोजेक्ट अभी जोड़ा गया है, इसे देखें [project](./9-chat-project/README.md)
 
-### 📣 घोषणा - _JavaScript के लिए जनरेटिव 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)
 
 ![Background](../../translated_images/hi/background.148a8d43afde5730.webp)
 
-- मूल बातें से लेकर RAG तक सब विषय को कवर करने वाले पाठ।
-- GenAI और हमारे सहायक ऐप के माध्यम से ऐतिहासिक पात्रों के साथ बातचीत करें।
-- मज़ेदार और आकर्षक कथा, आप समय यात्रा करेंगे!
+- बुनियादी से RAG तक सब कुछ कवर करता पाठ।
+- GenAI और हमारे सहायक ऐप का उपयोग कर ऐतिहासिक पात्रों के साथ बातचीत करें।
+- मज़ेदार और आकर्षक कथा, आप समय यात्रा कर रहे होंगे!
 
 ![character](../../translated_images/hi/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) जैसे टेक्स्ट एडिटर का उपयोग कर सकते हैं।
-
-#### अपनी रिपॉजिटरी बनाएं
-अपना कार्य आसानी से सहेजने के लिए, यह अनुशंसा की जाती है कि आप इस रिपॉजिटरी की अपनी प्रति बनाएं। ऐसा करने के लिए पेज के शीर्ष पर **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/hi/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)।
+अपने कंप्यूटर पर स्थानीय रूप से इस पाठ्यक्रम को चलाने के लिए, आपको एक टेक्स्ट संपादक, एक ब्राउज़र और एक कमांड लाइन टूल की आवश्यकता होगी। हमारा पहला पाठ, [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) का उपयोग संपादक के रूप में करें, जिसमें एक अंतर्निहित [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) भी है। आप Visual Studio Code को [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) से डाउनलोड कर सकते हैं।
+1. अपने रिपोजिटरी को अपने कंप्यूटर पर क्लोन करें। आप यह **Code** बटन पर क्लिक करके और URL कॉपी करके कर सकते हैं:
 
     [CodeSpace](./images/createcodespace.png)
-फिर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) के भीतर [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोलें और निम्नलिखित कमांड चलाएँ, `<your-repository-url>` को उस URL से बदलते हुए जो आपने अभी कॉपी किया है:
+
+    फिर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) के भीतर [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोलें और निम्नलिखित कमांड चलाएं, `<your-repository-url>` के स्थान पर वह URL डालें जो आपने अभी कॉपी किया है:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code में फोल्डर खोलें। आप यह **File** > **Open Folder** पर क्लिक करके कर सकते हैं और उस फोल्डर का चयन कर सकते हैं जिसे आपने अभी क्लोन किया है।
+2. Visual Studio Code में फ़ोल्डर खोलें। आप यह करके कर सकते हैं **File** > **Open Folder** पर क्लिक करके और उस फ़ोल्डर का चयन करके जिसे आपने अभी क्लोन किया है।
 
 
->  अनुशंसित Visual Studio Code एक्सटेंशन:
+>  अनुशंसित Visual Studio Code एक्सटेंशन्स:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के भीतर HTML पृष्ठों का पूर्वावलोकन करने के लिए
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड तेज़ी से लिखने में मदद करने के लिए
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code के भीतर HTML पेजों का पूर्वावलोकन करने के लिए
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड तेजी से लिखने में मदद के लिए
 
-## 📂 प्रत्येक पाठ में शामिल हैं:
+## 📂 हर पाठ में शामिल हैं:
 
 - वैकल्पिक स्केचनोट
 - वैकल्पिक पूरक वीडियो
 - प्री-लेसन वार्मअप क्विज़
 - लिखित पाठ
-- प्रोजेक्ट-आधारित पाठों के लिए, प्रोजेक्ट बनाने के चरण-दर-चरण गाइड
+- प्रोजेक्ट-आधारित पाठों के लिए, प्रोजेक्ट बनाने के चरण-दर-चरण मार्गदर्शिकाएँ
 - ज्ञान जांच
 - एक चुनौती
-- पूरक पठन सामग्री
+- पूरक पठन
 - असाइनमेंट
 - [पोस्ट-लेसन क्विज़](https://ff-quizzes.netlify.app/web/)
 
-> **क्विज़ के बारे में एक नोट**: सभी क्विज़ Quiz-app फोल्डर में रखे गए हैं, कुल 48 क्विज़ जिनमें तीन-तीन प्रश्न हैं। ये [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं, क्विज़ ऐप को लोकली चला सकते हैं या Azure पर तैनात कर सकते हैं; `quiz-app` फ़ोल्डर में निर्देशों का पालन करें।
+> **क्विज़ के बारे में एक नोट**: सभी क्विज़ क्विज़-ऐप फ़ोल्डर में हैं, कुल 48 क्विज़ जिनमें तीन-तीन प्रश्न हैं। ये [यहां](https://ff-quizzes.netlify.app/web/) उपलब्ध हैं, क्विज़ ऐप को स्थानीय रूप से चलाया जा सकता है या Azure पर परिनियोजित किया जा सकता है; `quiz-app` फ़ोल्डर में दिए निर्देशों का पालन करें।
 
 ## 🗃️ पाठ
 
-|     |                       प्रोजेक्ट का नाम                       |                            सिखाए गए विषय                             | सीखने के उद्देश्य                                                                                                                 |                                                         लिंक किया गया पाठ                                                          |         लेखक          |
-| :-: | :------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     शुरुआत करना                      |           प्रोग्रामिंग और उपयोगी उपकरणों का परिचय           | अधिकांश प्रोग्रामिंग भाषाओं के मूल तत्व सीखें और उन सॉफ्टवेयर के बारे में जानें जो पेशेवर डेवलपर्स को उनके काम में मदद करते हैं | [प्रोग्रामिंग भाषाओं और उपकरणों का परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     शुरुआत करना                      |             GitHub का मूल स्वरूप, टीम के साथ काम करना             | अपने प्रोजेक्ट में GitHub का उपयोग करना सीखें, एक कोड बेस पर दूसरों के साथ सहयोग कैसे करें                                                       |                            [GitHub का परिचय](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     शुरुआत करना                      |                             पहुँच योग्यता                             | वेब पहुँच के मूल बातें सीखें                                                                                               |                       [पहुँच योग्यता के मूल सिद्धांत](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS बुनियादी बातें                         |                         JavaScript डेटा प्रकार                          | JavaScript डेटा प्रकारों का मूल ज्ञान                                                                                                 |                                       [डेटा प्रकार](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS बुनियादी बातें                         |                         फ़ंक्शन और मेथड्स                          | एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फ़ंक्शन और मेथड्स के बारे में सीखें                                                             |                              [फ़ंक्शन और मेथड्स](./2-js-basics/2-functions-methods/README.md)                               | Jasmine और Christopher |
-| 06  |                        JS बुनियादी बातें                         |                        JS के साथ निर्णय लेना                        | निर्णय-लेने के तरीके उपयोग करके अपने कोड में शर्तें बनाना सीखें                                                           |                                 [निर्णय लेना](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS बुनियादी बातें                         |                            एरे और लूप                            | JavaScript में डेटा के साथ काम करने के लिए एरे और लूप का उपयोग करें                                                                                 |                                   [एरे और लूप](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML का अभ्यास                            | एक ऑनलाइन टेरारीयम बनाने के लिए HTML बनाएं, लेआउट बनाने पर ध्यान केंद्रित करें                                                         |                                 [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS का अभ्यास                             | ऑनलाइन टेरारीयम को स्टाइल करने के लिए CSS बनाएं, CSS के मूल सिद्धांतों के साथ पेज को प्रतिक्रियाशील बनाएं                     |                                  [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript क्लोज़र, DOM मैनिपुलेशन                  | टेरारीयम को ड्रैग/ड्रॉप इंटरफेस के रूप में कार्य करने के लिए JavaScript बनाएं, क्लोज़र और DOM मैनिपुलेशन पर ध्यान केंद्रित करें             |                  [JavaScript क्लोज़र, DOM मैनिपुलेशन](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [टाइपिंग गेम](./4-typing-game/solution/README.md)          |                          टाइपिंग गेम बनाना                           | अपने JavaScript ऐप की लॉजिक चलाने के लिए कीबोर्ड ईवेंट का उपयोग करना सीखें                                                          |                                [ईवेंट-ड्रिवन प्रोग्रामिंग](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) |                         ब्राउज़र के साथ काम करना                          | ब्राउज़र कैसे काम करते हैं, उनका इतिहास और एक ब्राउज़र एक्सटेंशन के पहले तत्वों का आधार बनाना सीखें                               |                               [ब्राउज़र के बारे में](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और स्थानीय स्टोरेज में वेरिएबल्स स्टोर करना | API कॉल करने के लिए अपने ब्राउज़र एक्सटेंशन के JavaScript तत्व बनाएं, स्थानीय स्टोरेज में रखें गए वेरिएबल्स का उपयोग करें                      |                [API, फॉर्म, और स्थानीय स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) |          ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन          | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और कुछ अनुकूलन सीखें   |             [पृष्ठभूमि कार्य और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [स्पेस गेम](./6-space-game/solution/README.md)           |             JavaScript के साथ अधिक उन्नत गेम विकास             | क्लासेज और कम्पोजीशन दोनों का उपयोग करके इनहेरिटेंस और Pub/Sub पैटर्न सीखें, गेम बनाने की तैयारी में              |                      [उन्नत गेम विकास का परिचय](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                           कैनवास पर ड्राइंग                            | स्क्रीन पर तत्वों को ड्रॉ करने के लिए उपयोग की जाने वाली Canvas API के बारे में जानें                                                                       |                                [कैनवास पर ड्राइंग](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                   स्क्रीन पर तत्वों को स्थानांतरित करना                    | समझें कि कैसे तत्व कार्टेशियन निर्देशांकों और Canvas API का उपयोग कर गतिशील हो सकते हैं                                            |                           [तत्वों को स्थानांतरित करना](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                          टकराव का पता लगाना                           | तत्वों को आपस में टकराने दें और कीप्रेस का उपयोग करके प्रतिक्रिया करें तथा गेम के प्रदर्शन सुनिश्चित करने के लिए कूलडाउन फ़ंक्शन प्रदान करें    |                              [टकराव पता लगाना](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                             स्कोर बनाए रखना                              | गेम की स्थिति और प्रदर्शन के आधार पर गणना करें                                                                |                                    [स्कोर बनाए रखना](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                     गेम को समाप्त करना और पुनः शुरू करना                     | गेम समाप्त करने और पुनः शुरू करने के बारे में जानें, जिसमें संसाधनों की सफाई और वैरिएबल मानों को रीसेट करना शामिल है                              |                                [समाप्ति की शर्त](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)          |                 वेब ऐप में HTML टेम्पलेट और रूट्स                 | रूटिंग और HTML टेम्पलेट का उपयोग करके एक मल्टीपेज वेबसाइट की संरचना बनाना सीखें                             |                            [HTML टेम्पलेट और रूट्स](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)          |                  लॉगिन और पंजीकरण फॉर्म बनाना                   | फॉर्म बनाना और सत्यापन प्रक्रियाओं को संभालना सीखें                                                                          |                                           [फॉर्म](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)          |                   डेटा प्राप्त करने और उपयोग करने की विधियाँ                   | आपके ऐप में डेटा कैसे आता है और जाता है, इसे कैसे प्राप्त करें, संग्रहीत करें और नष्ट करें                                                 |                                            [डेटा](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)          |                      स्टेट प्रबंधन की अवधारणाएँ                      | सीखें कि आपका ऐप स्टेट को कैसे बनाए रखता है और इसे प्रोग्रामिंग के माध्यम से कैसे प्रबंधित किया जाता है                                                              |                                [स्टेट प्रबंधन](./7-bank-project/4-state-management/README.md)                                |          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 |
-
-## 🏫 शिक्षाशास्त्र
-
-हमारा पाठ्यक्रम दो महत्वपूर्ण शिक्षाशास्त्रीय सिद्धांतों के साथ डिज़ाइन किया गया है:
+|     |                       प्रोजेक्ट का नाम                       |                            सिखाए गए अवधारणाएं                             | सीखने के उद्देश्य                                                                                                                 |                                                         लिंक्ड पाठ                                                          |         लेखक          |
+| :-: | :----------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
+| 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 बेसिक्स                          |                         जावास्क्रिप्ट डेटा टाइप                          | जावास्क्रिप्ट डेटा टाइप के मूल बातें                                                                                             |                                       [डेटा टाइप](./2-js-basics/1-data-types/README.md)                                     |         Jasmine       |
+| 05  |                        JS बेसिक्स                          |                         फंक्शन और मेथड्स                                | किसी एप्लिकेशन के लॉजिक फ्लो को प्रबंधित करने के लिए फंक्शन और मेथड्स के बारे में जानें                                         |                              [फंक्शन और मेथड्स](./2-js-basics/2-functions-methods/README.md)                                | Jasmine और Christopher |
+| 06  |                        JS बेसिक्स                          |                        JS के साथ निर्णय लेना                             | निर्णय लेने के तरीकों का उपयोग करके अपने कोड में कंडीशन्स कैसे बनाएं सीखें                                                        |                                 [निर्णय लेना](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine       |
+| 07  |                        JS बेसिक्स                          |                            एरे और लूप्स                                 | जावास्क्रिप्ट में एरे और लूप्स का उपयोग करके डेटा के साथ काम करें                                                                  |                                   [एरे और लूप्स](./2-js-basics/4-arrays-loops/README.md)                                   |         Jasmine       |
+| 08  |       [टेरियम](./3-terrarium/solution/README.md)           |                            HTML का अभ्यास                                | ऑनलाइन टेरियम बनाने के लिए HTML बनाएं, विशेष रूप से लेआउट बनाने पर ध्यान केंद्रित करें                                             |                                 [HTML का परिचय](./3-terrarium/1-intro-to-html/README.md)                                   |           Jen         |
+| 09  |       [टेरियम](./3-terrarium/solution/README.md)           |                            CSS का अभ्यास                                 | ऑनलाइन टेरियम को स्टाइल करने के लिए CSS बनाएं, जिसमें CSS की बुनियादें शामिल हैं और पेज को उत्तरदायी बनाना                        |                                  [CSS का परिचय](./3-terrarium/2-intro-to-css/README.md)                                   |           Jen         |
+| 10  |            [टेरियम](./3-terrarium/solution/README.md)      |                 जावास्क्रिप्ट क्लोज़र्स, DOM हेरफेर                      | टेरियम को ड्रैग/ड्रॉप इंटरफ़ेस के रूप में बनाने के लिए जावास्क्रिप्ट बनाएं, क्लोज़र्स और DOM हेरफेर पर ध्यान केंद्रित करें          |                  [जावास्क्रिप्ट क्लोज़र्स, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                |           Jen         |
+| 11  |          [टाइपिंग गेम](./4-typing-game/solution/README.md) |                          टाइपिंग गेम बनाएं                              | अपने जावास्क्रिप्ट ऐप का लॉजिक चलाने के लिए कीबोर्ड इवेंट्स का उपयोग करना सीखें                                                |                                [इवेंट-संचालित प्रोग्रामिंग](./4-typing-game/typing-game/README.md)                            |       Christopher     |
+| 12  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) |                         ब्राउज़र के साथ काम करना                          | ब्राउज़र कैसे काम करते हैं, उनका इतिहास और ब्राउज़र एक्सटेंशन के पहले तत्वों को स्कैफोल्ड करना सीखें                             |                               [ब्राउज़र के बारे में](./5-browser-extension/1-about-browsers/README.md)                         |           Jen         |
+| 13  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) | फॉर्म बनाना, API कॉल करना और लोकल स्टोरेज में वेरिएबल स्टोर करना         | अपने ब्राउज़र एक्सटेंशन के जावास्क्रिप्ट तत्व बनाएँ जो API कॉल करें और लोकल स्टोरेज में रखे गए वेरिएबल्स का उपयोग करें           |                [API, फॉर्म, और लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md)                  |           Jen         |
+| 14  | [ग्रीन ब्राउज़र एक्सटेंशन](./5-browser-extension/solution/README.md) |          ब्राउज़र में पृष्ठभूमि प्रक्रियाएं, वेब प्रदर्शन                  | एक्सटेंशन के आइकन को प्रबंधित करने के लिए ब्राउज़र की पृष्ठभूमि प्रक्रियाओं का उपयोग करें; वेब प्रदर्शन और कुछ अनुकूलन सीखें      |             [पृष्ठभूमि कार्य और प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md)                |           Jen         |
+| 15  |           [स्पेस गेम](./6-space-game/solution/README.md)    |             जावास्क्रिप्ट के साथ अधिक उन्नत गेम विकास                    | इनहेरिटेंस के बारे में जानें, क्लासेस और कंपोजीशन और Pub/Sub पैटर्न का उपयोग करके, गेम बनाने की तैयारी में                        |                      [उन्नत गेम विकास का परिचय](./6-space-game/1-introduction/README.md)                                   |          Chris        |
+| 16  |           [स्पेस गेम](./6-space-game/solution/README.md)    |                           कैनवास पर ड्राइंग                              | Canvas API के बारे में जानें, जिसका उपयोग स्क्रीन पर तत्वों को ड्रॉ करने के लिए किया जाता है                                      |                                [कैनवास पर ड्राइंग](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris        |
+| 17  |           [स्पेस गेम](./6-space-game/solution/README.md)    |                   स्क्रीन पर तत्वों को घुमाना                             | खोजें कि तत्व कैसा गति प्राप्त कर सकते हैं कार्टेशियन कोऑर्डिनेट्स और Canvas API का उपयोग करके                                    |                           [तत्वों को घुमाना](./6-space-game/3-moving-elements-around/README.md)                              |          Chris        |
+| 18  |           [स्पेस गेम](./6-space-game/solution/README.md)    |                          टक्कर पता लगाना                                | तत्वों को टकराने दें और एक-दूसरे के प्रति प्रतिक्रिया दें कीप्रेस का उपयोग करके, और गेम के प्रदर्शन सुनिश्चित करने के लिए कूलडाउन फंक्शन प्रदान करें |                              [टक्कर पता लगाना](./6-space-game/4-collision-detection/README.md)                                |          Chris        |
+| 19  |           [स्पेस गेम](./6-space-game/solution/README.md)    |                             स्कोर बनाए रखना                             | गेम की स्थिति और प्रदर्शन के आधार पर गणितीय गणनाएँ करें                                                                              |                                    [स्कोर बनाए रखना](./6-space-game/5-keeping-score/README.md)                               |          Chris        |
+| 20  |           [स्पेस गेम](./6-space-game/solution/README.md)    |                     गेम को खत्म करना और पुनः शुरू करना                   | गेम खत्म करने और पुनः शुरू करने के बारे में जानें, जिसमें संसाधनों की सफाई और वेरिएबल मानों को रीसेट करना शामिल है                 |                                [समाप्ति शर्त](./6-space-game/6-end-condition/README.md)                                   |          Chris        |
+| 21  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)   |                 वेब ऐप में HTML टेम्प्लेट और रूट्स                        | रूटिंग और HTML टेम्प्लेट का उपयोग करते हुए एक मल्टिपेज वेबसाइट की संरचना बनाने का तरीका सीखें                                      |                            [HTML टेम्प्लेट और रूट्स](./7-bank-project/1-template-route/README.md)                              |          Yohan        |
+| 22  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)   |                  लॉगिन और रजिस्ट्रेशन फॉर्म बनाएं                        | फॉर्म बनाना और वैधता प्रक्रियाओं को संभालने के बारे में जानें                                                                       |                                           [फॉर्म](./7-bank-project/2-forms/README.md)                                         |          Yohan        |
+| 23  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)   |                   डेटा प्राप्त करने और उपयोग करने के तरीके                | आपका ऐप डेटा को कैसे प्रवाहित करता है, इसे कैसे प्राप्त करे, संग्रहित करे, और निपटाएं                                             |                                            [डेटा](./7-bank-project/3-data/README.md)                                          |          Yohan        |
+| 24  |         [बैंकिंग ऐप](./7-bank-project/solution/README.md)   |                      स्टेट मैनेजमेंट की अवधारणाएं                       | सीखें कि आपका ऐप स्टेट को कैसे रखता है और प्रोग्रामेटिक रूप से इसे कैसे प्रबंधित करता है                                            |                                [स्टेट मैनेजमेंट](./7-bank-project/4-state-management/README.md)                               |          Yohan        |
+| 25  | [ब्राउज़र/VScode कोड](../../8-code-editor) | VScode के साथ काम करना | सीखें कि कोड एडिटर का उपयोग कैसे करें | [VScode कोड एडिटर का उपयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26  | [एआई सहायक](./9-chat-project/README.md) | AI के साथ काम करना | अपना खुद का AI सहायक बनाना सीखें | [AI सहायक प्रोजेक्ट](./9-chat-project/README.md) | Chris |
+
+## 🏫 शिक्षा पद्धति
+
+हमारा पाठ्यक्रम दो मुख्य शैक्षिक सिद्धांतों के साथ डिज़ाइन किया गया है:
 * प्रोजेक्ट-आधारित सीखना
-* नियमित क्विज़
+* बारम्बार क्विज़
 
-कार्यक्रम JavaScript, HTML, और CSS के मूलभूत सिद्धांतों के साथ-साथ आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम उपकरणों और तकनीकों को सिखाता है। छात्र व्यापक अनुभव प्राप्त करने के लिए टाइपिंग गेम, वर्चुअल टेरारीयम, पर्यावरण-अनुकूल ब्राउज़र एक्सटेंशन, स्पेस-इन्‍वे़डर-शैली का गेम, और व्यवसायों के लिए बैंकिंग ऐप बना पाएंगे। श्रृंखला के अंत तक, छात्रों को वेब विकास की ठोस समझ प्राप्त होगी।
+यह प्रोग्राम जावास्क्रिप्ट, HTML, और CSS के मूल सिद्धांतों के साथ-साथ आज के वेब डेवलपर्स द्वारा उपयोग किए जाने वाले नवीनतम टूल्स और तकनीकों को सिखाता है। छात्र टाइपिंग गेम, वर्चुअल टेरियम, इको-फ्रेंडली ब्राउज़र एक्सटेंशन, स्पेस-इनवेडर शैली के गेम, और व्यवसायों के लिए बैंकिंग ऐप बनाकर व्यावहारिक अनुभव प्राप्त करेंगे। श्रृंखला के अंत तक, छात्रों को वेब विकास की ठोस समझ प्राप्त हो जाएगी।
 
-> 🎓 आप माइक्रोसॉफ्ट लर्न पर इस पाठ्यक्रम की पहली कुछ कक्षाएँ [Lear 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) के रूप में Microsoft Learn पर ले सकते हैं!
 
-यह सुनिश्चित करके कि सामग्री प्रोजेक्ट्स के अनुरूप हो, प्रक्रिया छात्रों के लिए अधिक आकर्षक हो जाती है और अवधारणाओं को बनाए रखने में सहायता मिलती है। हमने कई शुरुआती पाठ JavaScript के मूल सिद्धांतों पर भी लिखे हैं ताकि अवधारणाओं का परिचय हो सके, ये "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह का एक वीडियो के साथ जोड़ा गया है, जिनके कुछ लेखक इस पाठ्यक्रम के योगदानकर्ता हैं।
+सुनिश्चित करके कि सामग्री प्रोजेक्ट के अनुरूप हो, प्रक्रिया को छात्रों के लिए अधिक आकर्षक बनाया जाता है और अवधारणाओं की पकड़ बढ़ती है। हमने जावास्क्रिप्ट बेसिक्स में कई प्रारंभिक पाठ भी तैयार किए हैं, जो अवधारणाओं का परिचय देते हैं, साथ ही "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" वीडियो ट्यूटोरियल संग्रह से एक वीडियो है, जिनके कुछ लेखक ने इस पाठ्यक्रम में योगदान दिया है।
 
-अतिरिक्त रूप से, कक्षा से पहले एक कम दबाव वाला क्विज़ छात्र की सीखने की मंशा को सेट करता है, जबकि कक्षा के बाद दूसरा क्विज़ आगे की अवधारण सुनिश्चित करता है। यह पाठ्यक्रम लचीला और मजेदार बनाने के लिए डिज़ाइन किया गया है और इसे पूरी तरह या आंशिक रूप से लिया जा सकता है। प्रोजेक्ट्स छोटे से शुरू होकर 12-सप्ताह की अवधि के अंत तक धीरे-धीरे जटिल हो जाते हैं।
+इसके अतिरिक्त, कक्षा से पहले एक कम जोखिम वाला क्विज़ छात्र की सीखने की इच्छा सेट करता है, जबकि कक्षा के बाद दूसरा क्विज़ और अधिक पकड़ सुनिश्चित करता है। यह पाठ्यक्रम लचीला और मज़ेदार बनाने के लिए डिज़ाइन किया गया है और संपूर्ण या आंशिक रूप से लिया जा सकता है। प्रोजेक्ट छोटे से शुरू होते हैं और 12 सप्ताह के चक्र के अंत तक काफी जटिल हो जाते हैं।
 
-जबकि हमने जानबूझकर JavaScript फ्रेमवर्क्स का परिचय नहीं दिया है ताकि एक वेब डेवलपर के रूप में आवश्यक बुनियादी कौशलों पर ध्यान केंद्रित किया जा सके, इस पाठ्यक्रम को पूरा करने के लिए अगला अच्छा कदम Node.js के बारे में सीखना होगा, जो एक और वीडियो संग्रह के माध्यम से उपलब्ध है: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"।
+जबकि हमने जावास्क्रिप्ट फ्रेमवर्क पेश करने से जानबूझकर बचा है ताकि एक वेब डेवलपर के रूप में आवश्यक बुनियादी कौशल पर ध्यान केंद्रित किया जा सके, इस पाठ्यक्रम को पूरा करने के बाद अगला अच्छा कदम Node.js के बारे में सीखना होगा, जो एक और वीडियो संग्रह "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" के माध्यम से किया जा सकता है।
 
-> हमारे [कोड ऑफ कंडक्ट](CODE_OF_CONDUCT.md) और [योगदान देने के नियम](CONTRIBUTING.md) देखें। हम आपकी रचनात्मक प्रतिक्रिया का स्वागत करते हैं!
+> हमारे [व्यवहार संहिता](CODE_OF_CONDUCT.md) और [योगदान](CONTRIBUTING.md) दिशानिर्देश देखें। हम आपके रचनात्मक सुझावों का स्वागत करते हैं!
 
 
-## 🧭 ऑफ़लाइन पहुँच
+## 🧭 ऑफ़लाइन एक्सेस
 
-आप यह दस्तावेज़ [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) पाया जा सकता है।
+आप [Docsify](https://docsify.js.org/#/) का उपयोग करके इस दस्तावेज़ को ऑफ़लाइन चला सकते हैं। इस रिपोजिटरी को फोर्क करें, अपने स्थानीय मशीन पर [Docsify इंस्टॉल करें](https://docsify.js.org/#/quickstart), और फिर इस रिपोजिटरी के रूट फ़ोल्डर में टाइप करें `docsify serve`। वेबसाइट आपके लोकलहोस्ट पर पोर्ट 3000 पर सर्व होगी: `localhost:3000`।
 
+## 📘 PDF
+सभी पाठों का एक पीडीएफ [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) पाया जा सकता है।
 
 ## 🎒 अन्य पाठ्यक्रम
-हमारी टीम अन्य कोर्स भी बनाती है! देखें:
+
+हमारी टीम अन्य पाठ्यक्रम भी बनाती है! देखें:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -221,16 +208,16 @@ Azure AI Foundry Discord समुदाय में शामिल हों
 [![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)
@@ -240,30 +227,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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## मदद प्राप्त करना
+## सहायता प्राप्त करना
 
-यदि आप फंस जाते हैं या 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) फ़ाइल देखें।
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:  
-यह दस्तावेज़ एआई अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनुवादित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या अशुद्धियाँ हो सकती हैं। मूल दस्तावेज़ अपनी मूल भाषा में अधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं।
+**अस्वीकरण**:
+यह दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) का उपयोग करके अनूदित किया गया है। जबकि हम सटीकता के लिए प्रयासरत हैं, कृपया ध्यान दें कि स्वचालित अनुवादों में त्रुटियाँ या असत्यताएँ हो सकती हैं। मूल दस्तावेज़ अपनी मातृभाषा में ही आधिकारिक स्रोत माना जाना चाहिए। महत्वपूर्ण जानकारी के लिए, पेशेवर मानव अनुवाद की सिफारिश की जाती है। इस अनुवाद के उपयोग से उत्पन्न किसी भी गलतफहमी या गलत व्याख्या के लिए हम जिम्मेदार नहीं हैं।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hr/.co-op-translator.json b/translations/hr/.co-op-translator.json
index dae41c3f3..eb7074503 100644
--- a/translations/hr/.co-op-translator.json
+++ b/translations/hr/.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-07T09:36:14+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:06:23+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "hr"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:45:47+00:00",
+    "translation_date": "2026-03-06T15:15:01+00:00",
     "source_file": "AGENTS.md",
     "language_code": "hr"
   },
@@ -516,8 +516,8 @@
     "language_code": "hr"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:37:09+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:02:12+00:00",
     "source_file": "README.md",
     "language_code": "hr"
   },
diff --git a/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 8eca221df..68b333745 100644
--- a/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,161 +1,161 @@
 # Uvod u programske jezike i moderne razvojne alate
+ 
+Hej, budući developere! 👋 Mogu li ti reći nešto što mi i dalje izaziva trnce svaki dan? Upravo ćeš otkriti da programiranje nije samo o računalima – radi se o pravim supermoćima kojima možeš ostvariti svoje najluđe ideje!
 
-Bok, budući programeru! 👋 Mogu li ti reći nešto što mi i danas svaki dan izaziva jezu? Upravo ćeš otkriti da programiranje nije samo za računala – to su prave supermoći koje ti omogućuju da oživiš svoje najluđe ideje!
+Znaš onaj trenutak kad koristiš svoju omiljenu aplikaciju i sve se savršeno složi? Kad klikneš na gumb i dogodi se nešto čarobno što te natjera da pomisliš "vau, kako su TO napravili?" Pa, netko baš poput tebe – vjerojatno sjedi u svojoj omiljenoj kafiću u 2 ujutro s trećom espresom – napisao je kod koji je stvorio tu čaroliju. I evo što će te oduševiti: na kraju ove lekcije ne samo da ćeš razumjeti kako su to napravili, već ćeš i sam jedva čekati da probaš!
 
-Znaš onaj trenutak kad koristiš svoju omiljenu aplikaciju i sve jednostavno savršeno klikne? Kad dodirneš gumb i dogodi se nešto posve magično zbog čega pomisliš „wow, kako su TO učinili?“ Pa, netko baš poput tebe – vjerojatno sjedi u svom omiljenom kafiću u 2 ujutro s trećim espresom – napisao je kod koji je stvorio tu čaroliju. A ovo će ti izvaditi dah: do kraja ovog sata ćeš ne samo razumjeti kako su to napravili, nego ćeš jedva čekati sam probati!
+Pogledaj, u potpunosti razumijem ako ti programiranje sada djeluje zastrašujuće. Kad sam ja počinjao, iskreno sam mislio da moraš biti neki matematički genije ili da kodiraš od pete godine. Ali ovo je ono što mi je sasvim promijenilo pogled: programiranje je točno kao učenje razgovora na novom jeziku. Počneš s "bok" i "hvala", zatim naručuješ kavu, a prije nego što znaš, vodiš duboke filozofske razgovore! Samo što u ovom slučaju razgovaraš s računalima, i iskreno? Oni su najstrpljiviji sugovornici koje ćeš ikada imati – nikad ne osuđuju tvoje pogreške i uvijek su spremni pokušati ponovno!
 
-Pogledaj, potpuno razumijem ako ti se programiranje sada čini zastrašujuće. Kad sam ja počinjao, iskreno sam mislio da trebaš biti neki matematički genij ili da kodaš od pete godine života. Ali evo što mi je u potpunosti promijenilo pogled: programiranje je kao učenje novog jezika komunikacije. Počneš s „bok“ i „hvala“, zatim naručuješ kavu, a prije nego znaš, vodiš duboke filozofske razgovore! Osim što u ovom slučaju razgovaraš s računalima, i iskreno? Oni su najstrpljiviji sugovornici koje možeš imati – nikad ne osuđuju tvoje pogreške i uvijek su spremni ponovno pokušati!
-
-Danas ćemo istražiti nevjerojatne alate koji čine moderni web razvoj ne samo mogućim, već i ozbiljno zaraznim. Govorim o točno istim uređivačima, preglednicima i radnim procesima koje koriste developeri u Netflixu, Spotifyu i tvom omiljenom indie studiju svaki dan. I evo dijela koji će te natjerati da zaplešeš od sreće: većina ovih profesionalnih, industrijskih alata je potpuno besplatna!
+Danas ćemo istražiti nevjerojatne alate koji moderni razvoj weba čine ne samo mogućim, već i ozbiljno zaraznim. Govorim o istim onim uređivačima, preglednicima i radnim procesima koje developeri u Netflixu, Spotifyju i omiljenom neovisnom studiju koriste svaki dan. A evo što će te dodatno razveseliti: većina ovih profesionalnih, industrijskih alata potpuno je besplatna!
 
 ![Intro Programming](../../../../translated_images/hr/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Vaše Programersko Putovanje Danas
-    section Otkrij
-      Što je programiranje: 5: You
-      Programski jezici: 4: You
-      Pregled alata: 5: You
-    section Istraži
-      Uređivači koda: 4: You
-      Preglednici i alati za razvoj: 5: You
-      Naredbeni redak: 3: You
-    section Vježbaj
-      Jezični detektiv: 4: You
-      Istraživanje alata: 5: You
-      Povezivanje sa zajednicom: 5: You
+    title Vaše Putovanje Programiranjem Danas
+    section Otkrijte
+      Što je Programiranje: 5: You
+      Programski Jezici: 4: You
+      Pregled Alata: 5: You
+    section Istražite
+      Uređivači Koda: 4: You
+      Preglednici i Alati za Razvijatelje: 5: You
+      Naredbeni Redak: 3: You
+    section Vježbajte
+      Detektiv Jezika: 4: You
+      Istraživanje Alata: 5: You
+      Povezivanje Zajednice: 5: You
 ```
-## Pogledajmo što već znaš!
+## Vidimo što već znaš!
 
-Prije nego što skočimo na zabavne stvari, zanima me – što već znaš o ovom svijetu programiranja? I slušaj, ako na ova pitanja gledaš misleći „Doslovno nemam pojma ni o čemu od ovoga,“ nije samo u redu, to je savršeno! To znači da se nalaziš na točno pravom mjestu. Razmišljaj o ovom kvizu kao o zagrijavanju prije treninga – samo pripremamo tvoje moždane mišiće!
+Prije nego skočimo u zabavne stvari, zanimljivo me što već znaš o ovom programerskom svijetu? I slušaj, ako gledaš ova pitanja i misliš "Doslovno nemam pojma o ničemu od ovoga," nije samo u redu, nego je savršeno! To znači da si na točno pravom mjestu. Razmišljaj o ovom kvizu kao o istezanju prije treninga – samo zagrijavamo moždane mišiće!
 
-[Posloži pred-čas kviz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Prođi kviz prije lekcije](https://ff-quizzes.netlify.app/web/)
 
 
-## Avantura na koju krećemo zajedno
+## Avantura koja nas čeka zajedno
 
-Ok, stvarno sam oduševljen onim što ćemo danas istražiti! Ozbiljno, volio bih vidjeti tvoj izraz lica kad ti neki od ovih pojmova zaista sjednu. Evo nevjerojatnog putovanja na koje krećemo zajedno:
+Ok, stvarno sam uzbuđen oko onoga što ćemo danas istražiti! Ozbiljno, volio bih vidjeti tvoj izraz lica kad ti neki od ovih pojmova kliknu. Evo nevjerojatnog putovanja na koje krećemo zajedno:
 
-- **Što je programiranje zapravo (i zašto je to najslađa stvar ikad!)** – Otkrit ćemo kako je kod doslovno nevidljiva čarolija koja pokreće sve oko tebe, od onog alarma koji nekako zna da je ponedjeljak ujutro do algoritma koji savršeno kroji tvoje Netflix preporuke  
-- **Programski jezici i njihove nevjerojatne osobnosti** – Zamislite da ulaziš na zabavu na kojoj svaka osoba ima potpuno drugačije supermoći i načine rješavanja problema. Tako izgleda svijet programskih jezika, i voljet ćeš ih upoznati!
-- **Temeljni gradivni blokovi koji stvaraju digitalnu magiju** – Zamislite ovo kao ultimativni LEGO set za kreativnost. Kad shvatiš kako se ti dijelovi uklapaju, shvatit ćeš da doslovno možeš složiti bilo što što ti mašta zamisli
-- **Profesionalni alati koji će ti dati osjećaj kao da si dobio čarobni štapić** – Nije pretjerivanje – ovi alati će te zaista natjerati da se osjećaš kao da imaš supermoći, a najbolji dio? To su isti alati koje koriste profesionalci!
+- **Što je programiranje zapravo (i zašto je najcool stvar ikad!)** – Otkrit ćemo kako je kod doslovno nevidljiva čarolija koja pokreće sve oko tebe, od onog alarma koji nekako zna da je ponedjeljak ujutro do algoritma koji savršeno bira tvoje Netflix preporuke
+- **Programski jezici i njihove nevjerojatne osobnosti** – Zamislite da uđete na zabavu gdje svaka osoba ima potpuno različite supermoći i načine rješavanja problema. Tako je u svijetu programskih jezika, i svidjet će ti se upoznavanje s njima!
+- **Temeljni gradivni blokovi koji pokreću digitalnu magiju** – Razmišljaj o njima kao o ultimativnom kreativnom LEGO setu. Kad shvatiš kako ti dijelovi međusobno funkcioniraju, shvatit ćeš da možeš doslovno izgraditi sve što mašta sanja
+- **Profesionalni alati zbog kojih ćeš se osjećati kao da si upravo dobio čarobnjački štapić** – Ne pretjerujem – ovi alati će te zaista natjerati da se osjećaš kao da imaš supermoći, a najbolji dio? To su isti oni koje profesionalci koriste!
 
-> 💡 **Evo u čemu je stvar**: Nemoj ni pomišljati na to da sve danas naučiš napamet! Trenutno želim da osjetiš taj sjaj uzbuđenja zbog mogućnosti. Detalji će se prirodno upamtiti dok vježbamo zajedno – to je pravi način učenja!
+> 💡 **Evo što je bitno:** Nemoj ni pomišljati da ćeš danas pamtiti sve napamet! Sada samo želim da osjetiš onu iskru uzbuđenja glede mogućnosti. Detalji će se prirodno učvrstiti dok vježbamo zajedno – tako prava učenja funkcioniraju!
 
-> Ovaj sat možeš proći i na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Lekciju možeš proći na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Pa što točno *jest* programiranje?
+## Pa što je točno *programiranje*?
 
-Ok, uhvatimo se milijun dolara vrijednog pitanja: što je zapravo programiranje?
+Ok, uhvatimo milijunsko pitanje: što je programiranje, zapravo?
 
-Ispričat ću ti priču koja mi je potpuno promijenila pogled na ovo. Prošli tjedan sam pokušavao objasniti mami kako se koristi naš novi pametni daljinski za TV. Uhvatim se kako govorim stvari poput „Pritisni crveni gumb, ali ne onaj veliki crveni, mali crveni s lijeve strane... ne, tvoj drugi lijevi... okej, sad ga drž’ dvije sekunde, ne jednu, ne tri...“ Zvuči poznato? 😅
+Ispričat ću ti priču koja mi je u potpunosti promijenila razmišljanje o tome. Prošli tjedan sam pokušavao objasniti mami kako se koristi novi pametni daljinski za TV. Uhvatih se da govorim stvari poput "Pritisni crveni gumb, ali ne onaj veliki crveni, onaj mali crveni s lijeve strane... ne, tvoj drugi lijevi... ok, sada ga drži dvije sekunde, ne jednu, ne tri..." Zvuči poznato? 😅
 
-To je programiranje! To je umjetnost davanja izuzetno detaljnih, korak-po-korak uputa nečemu što je vrlo moćno, ali treba da sve bude savršeno razjašnjeno. Osim što niješ mami objašnjavao (koja može pitati „koji crveni gumb?!“), nego računalu (koje radi točno ono što kažeš, čak i ako to nije baš ono što si htio).
+To je programiranje! To je umjetnost davanja iznimno detaljnih, korak-po-korak uputa nečemu što je vrlo moćno, ali treba da mu se sve precizno objasni. Samo što umjesto da objašnjavaš mami (koja može pitati "koji crveni gumb?!"), objašnjavaš računalu (koje radi točno ono što mu kažeš, čak i ako to nije ono što si stvarno htio).
 
-Evo što me je oduševilo kad sam prvi put naučio ovo: računala su zapravo prilično jednostavna u svojoj srži. Doslovno razumiju samo dvije stvari – 1 i 0, što je u osnovi „da“ i „ne“ ili „uključeno“ i „isključeno.“ To je to! Ali ovdje dolazi čarolija – ne moramo govoriti u 1-icama i 0-icama kao u Matrixu. Tu na scenu stupaju **programski jezici**. Oni su kao najbolji prevoditelj na svijetu koji pretvara tvoje sasvim normalne ljudske misli u računalni jezik.
+Što mi je pomaknulo razumijevanje kad sam ovo prvi puta shvatio: računala su zapravo prilično jednostavna u svojoj biti. Doslovno razumiju samo dvije stvari – 1 i 0, što je zapravo samo "da" i "ne" ili "uključeno" i "isključeno." To je to! Ali evo gdje postaje čarobno – ne moramo pričati u 1 i 0 kao da smo u Matrixu. Tu na scenu stupaju **programski jezici**. Oni su kao najbolji svjetski prevoditelj koji uzima tvoje potpuno normalne ljudske misli i pretvara ih u jezik računala.
 
-I evo što mi svakog jutra doslovno izaziva jezu: sve *digitalno* u tvom životu počelo je s nekim kao ti, vjerojatno u pidžami s šalicom kave, tipkajući kod na laptopu. Taj Instagram filter koji te čini besprijekornim? Netko je to kodirao. Preporuka koja te dovela do tvoje nove omiljene pjesme? Netko je izgradio taj algoritam. Aplikacija koja ti pomaže podijeliti račun za večeru s prijateljima? Da, netko je pomislio „ovo je dosadno, sigurno mogu to popraviti“ i... onda je napravio!
+I evo što mi i danas daje prave trnce svako jutro kad se probudim: doslovno *sve* digitalno u tvom životu počelo je s nekim baš poput tebe, vjerojatno u pidžami s šalicom kave, tipkajući kod na laptopu. Onaj Instagram filter koji te čini besprijekornim? Netko je to kodirao. Preporuka koja te dovela do tvoje nove omiljene pjesme? Developer je napravio baš taj algoritam. Aplikacija koja ti pomaže da podijeliš račun za večeru s prijateljima? Da, netko je pomislio "ovo je dosadno, sigurno mogu ovo popraviti" i onda... to je i napravio!
 
-Kad naučiš programirati, ne samo da stječeš novu vještinu – postaješ dio ove nevjerojatne zajednice rješavatelja problema koji cijeli dan razmišljaju „Što ako mogu napraviti nešto što će nečiji dan učiniti malo boljim?“ Iskreno, postoji li išta cool od toga?
+Kad naučiš programirati, ne samo da učiš novu vještinu – postaješ dio ove nevjerojatne zajednice ljudi koji rješavaju probleme i provode dane razmišljajući, "Što ako napravim nešto što će nečiji dan učiniti barem malo boljim?" Iskreno, postoji li išta bolji osjećaj?
 
-✅ **Zabavni zadatak**: Evo nečega super cool što možeš potražiti kad budeš imao slobodnog vremena – tko misliš da je bio prvi računalni programer na svijetu? Dati ću ti nagovještaj: možda nije osoba koju očekuješ! Priča o toj osobi je apsolutno fascinantna i pokazuje da je programiranje uvijek bilo o kreativnom rješavanju problema i razmišljanju izvan okvira.
+✅ **Zabavna potraga za činjenicom**: Evo nečeg superzanimljivog što možeš potražiti kad budeš imao slobodnog trenutka – tko misliš da je bio prvi svjetski programer? Dat ću ti trag: možda nije onaj koga očekuješ! Priča o toj osobi je zaista fascinantna i pokazuje da je programiranje oduvijek bilo o kreativnom rješavanju problema i razmišljanju izvan okvira.
 
 ### 🧠 **Vrijeme za provjeru: Kako se osjećaš?**
 
-**Uzeći trenutak za razmišljanje:**
-- Ima li sada smisla ideja o „davanju uputa računalima“?
-- Možeš li smisliti neku svakodnevnu aktivnost koju bi htio automatizirati programiranjem?
-- Koja pitanja ti se vrzmaju po glavi o svemu ovome s programiranjem?
+**Odvoji trenutak za razmišljanje:**
+- Sad ti ima smisla ideja "davanja uputa računalima"?
+- Možeš li zamisliti neki dnevni zadatak koji bi volio automatizirati programiranjem?
+- Koja pitanja ti se vrzmaju u glavi o cijeloj toj programskoj stvari?
 
-> **Sjeti se**: potpuno je normalno ako ti neki pojmovi sada djeluju nejasno. Učenje programiranja je kao učenje novog jezika – treba vremena da tvoj mozak izgradi te neuronske veze. Ti to odlično radiš!
+> **Zapamti:** Sasvim je normalno ako ti neki pojmovi sada djeluju nejasno. Učenje programiranja je kao učenje novog jezika – treba vremena da tvoj mozak izgradi te neuronske veze. Super si!
 
-## Programsko jezici su kao različiti okusi magije
+## Programski jezici su kao različiti okusi magije
 
-Ok, ovo će možda zvučati čudno, ali drži se sa mnom – programski jezici su kao različite vrste glazbe. Razmisli o tome: imaš jazz, koji je gladak i improvizacijski, rock koji je snažan i jednostavan, klasičnu glazbu koja je elegantna i strukturirana, i hip-hop koji je kreativan i izražajan. Svaki stil ima svoj vibe, svoju zajednicu strastvenih obožavatelja i svaki je savršen za različita raspoloženja i prilike.
+Ok, ovo će zvučati čudno, ali ostani sa mnom – programski jezici su puno kao različite vrste glazbe. Razmisli o tome: imaš jazz, koji je glatki i improvizacijski, rock koji je snažan i izravan, klasičnu glazbu koja je elegantna i strukturirana, i hip-hop koji je kreativan i izražajan. Svaki stil ima svoj vibe, svoju zajednicu strastvenih fanova, i svaki je savršen za različite raspoloženja i prilike.
 
-Programsko jezici rade potpuno isto! Ne bi koristio isti jezik za izradu zabavne mobilne igre kao za obradu ogromne količine klimatskih podataka, isto kao što ne bi svirao death metal na satu joge (dobro, većinom ne! 😄).
+Programski jezici rade na isti način! Ne bi koristio isti jezik za izradu zabavne mobilne igre kao za analizu ogromne količine klimatskih podataka, baš kao što ne bi svirao death metal na satu joge (pa, barem na većini joga sati! 😄).
 
-Ali ovo me svaki put iznova oduševi kad pomislim na to: ti jezici su kao da kraj tebe sjedne najstrpljiviji, briljantni prevoditelj na svijetu. Možeš izraziti svoje ideje na način koji prirodno vidi tvoj ljudski mozak, a oni obavljaju sav nevjerojatno složen posao prevođenja u 1-ice i 0-ke koje računala zapravo razumiju. Kao da imaš prijatelja koji je savršeno tečan u „ljudskoj kreativnosti“ i „računalnoj logici“ – i nikad se ne umori, nikad ne treba pauzu za kavu i nikad ne sudi ako isto pitanje postaviš dvaput!
+Ali evo što mi svaki put iznova uzrokuje trnce kad o tome razmišljam: ovi jezici su kao nevjerojatno strpljiv, briljantan prevoditelj koji sjedi tik pored tebe. Možeš izreći svoje ideje na način koji ti je prirodan kao ljudskom mozgu, a oni se brinu za sav izuzetno složeni posao prevođenja toga u 1 i 0 koji računala zapravo razumiju. To je kao da imaš prijatelja koji tečno govori oba jezika – "ljudska kreativnost" i "računalna logika" – i nikad se ne umori, ne treba kavu i nikad te ne osuđuje ako pitaš isto pitanje dvaput!
 
-### Popularni programski jezici i njihova primjena
+### Popularni programski jezici i njihova namjena
 
 ```mermaid
 mindmap
-  root((Programski jezici))
-    Web razvoj
+  root((Programski Jezici))
+    Web Razvoj
       JavaScript
-        Čarolija frontenda
-        Interaktivne web stranice
+        Čarobnjak za Frontend
+        Interaktivne Web Stranice
       TypeScript
-        JavaScript + tipovi
-        Poslovne aplikacije
+        JavaScript + Tipovi
+        Poslovne Aplikacije
     Podaci i AI
       Python
-        Znanost o podacima
-        Strojno učenje
+        Znanost o Podacima
+        Strojno Učenje
         Automatizacija
       R
         Statistika
         Istraživanje
-    Mobilne aplikacije
+    Mobilne Aplikacije
       Java
         Android
         Poslovno
       Swift
         iOS
-        Apple ekosustav
+        Apple Ekosustav
       Kotlin
-        Moderni Android
-        Višeplatformski
-    Sustavi i performanse
+        Moderan Android
+        Višestruka Platforma
+    Sustavi i Performanse
       C++
         Igre
-        Kritično za performanse
+        Kritično za Performanse
       Rust
-        Sigurnost memorije
-        Sustavsko programiranje
+        Sigurnost Memorije
+        Sistemsko Programiranje
       Go
-        Cloud servisi
-        Skalabilni backend
+        Oblak Usluge
+        Skalabilni Backend
 ```
-| Jezik | Najbolje za | Zašto je popularan |
+| Jezik | Najbolji za | Zašto je popularan |
 |----------|----------|------------------|
-| **JavaScript** | Web razvoj, korisnička sučelja | Radi u preglednicima i pokreće interaktivne web stranice |
-| **Python** | Znanost o podacima, automatizacija, umjetna inteligencija | Jednostavan za čitanje i učenje, moćne biblioteke |
-| **Java** | Poslovne aplikacije, Android aplikacije | Neovisan o platformi, robustan za velike sustave |
-| **C#** | Windows aplikacije, razvoj igara | Snažna podrška u Microsoftovom ekosustavu |
-| **Go** | Cloud usluge, backend sustavi | Brz, jednostavan, dizajniran za moderni računalni svijet |
+| **JavaScript** | Web razvoj, korisnička sučelja | Radi u preglednicima i pokreće interaktivne stranice |
+| **Python** | Data science, automatizacija, AI | Jednostavan za čitanje i učenje, moćne biblioteke |
+| **Java** | Poslovne aplikacije, Android aplikacije | Nezavisan o platformi, robustan za velike sustave |
+| **C#** | Windows aplikacije, razvoj igara | Snažna podrška Microsoft ekosustava |
+| **Go** | Cloud servisi, backend sustavi | Brz, jednostavan, dizajniran za modernu računalnu tehnologiju |
 
-### Visoko-nivovski vs. nisko-nivovski jezici
+### Jezici višeg i nižeg nivoa
 
-Ok, iskreno, ovo je bio pojam koji mi je slomio mozak kad sam počinjao učiti, pa ću ti ispričati analogiju koja mi je napokon sve osvijetlila – i stvarno se nadam da će pomoći i tebi!
+Ovo je iskreno bio pojam koji mi je slomio mozak kad sam tek počinjao učiti, pa ću podijeliti analogiju koja mi je konačno pomogla da shvatim – i stvarno se nadam da će i tebi pomoći!
 
-Zamisli da putuješ u zemlju čiji jezik ne znaš i očajno tražiš najbliži WC (svi smo prošli kroz to, zar ne? 😅):
+Zamisli da posjećuješ zemlju u kojoj ne govoriš jezik, i hitno ti treba najbliži WC (svi smo bili tamo, zar ne? 😅):
 
-- **Nisko-nivovsko programiranje** je kao da tako dobro naučiš lokalni dijalekt da možeš razgovarati s bakom koja prodaje voće na uglu koristeći kulturne reference, lokalni žargon i interne šale koje razumije samo netko tko je tamo odrastao. Super impresivno i nevjerojatno učinkovito... ako slučajno tečno govoriš! Ali prilično zastrašujuće ako samo pokušavaš pronaći WC.
+- **Programiranje niskog nivoa** je kao učenje lokalnog dijalekta toliko dobro da možeš razgovarati s bakom koja prodaje voće na uglu koristeći kulturne reference, lokalni žargon i interne šale koje razumije samo netko tko je tamo odrastao. Super impresivno i iznimno efikasno... ako slučajno govoriš taj jezik! Ali poprilično neodoljivo kad samo tražiš WC.
 
-- **Visoko-nivovsko programiranje** je kao da imaš onog divnog lokalnog prijatelja koji te jednostavno razumije. Možeš reći „Stvarno mi treba WC“ na čistom engleskom, a on prevede sve kulturne nijanse i da ti upute koje tvom nemjestnom mozgu savršeno sjede.
+- **Programiranje visokog nivoa** je kao da imaš tog nevjerojatnog lokalnog prijatelja koji te jednostavno razumije. Možeš reći "Stvarno mi treba WC" na običnom engleskom, a on prevede sve kulturne nijanse i da ti upute na način koji savršeno ima smisla tvojoj nelokalnoj glavi.
 
-U programerskim terminima:
-- **Nisko-nivovski jezici** (kao Assembly ili C) ti dopuštaju da vodiš izuzetno detaljne razgovore s stvarnim hardverom računala, ali moraš razmišljati kao stroj, što je... pa, recimo da je to prilično velik mentalni skok!
-- **Visoko-nivovski jezici** (kao JavaScript, Python ili C#) puštaju te da razmišljaš kao čovjek dok oni rade sav „strojni govor“ u pozadini. I uz to imaju ove nevjerojatno gostoljubive zajednice ljudi koji se sjećaju kako je bilo biti početnik i doista žele pomoći!
+U programerskim pojmovima:
+- **Jezici niskog nivoa** (kao Assembly ili C) dopuštaju ti iskazivanje vrlo detaljnih razgovora s stvarnom hardverskom strukturom računala, ali trebaš razmišljati kao stroj, što je... pa, recimo, velika mentalna promjena!
+- **Jezici visokog nivoa** (kao JavaScript, Python ili C#) dopuštaju ti da razmišljaš kao čovjek dok oni rješavaju sav "strojni" govor iza kulisa. Plus, imaju nevjerojatno dobrodošle zajednice pune ljudi koji se sjećaju kako je bilo biti početnik i stvarno žele pomoći!
 
-Pogodi s kojim ću ti savjetovati da počneš? 😉 Visoko-nivovski jezici su kao pomoćne kotačiće koje zapravo nikad nećeš htjeti skinuti jer iskustvo čine toliko ljepšim!
+Pogodi s kojim bih te jezicima predložio da počneš? 😉 Jezici visokog nivoa su kao pomoćne kotačiće za bicikl koje zapravo nikad nećeš htjeti skloniti jer cijeli proces čine toliko ugodnijim!
 
 ```mermaid
 flowchart TB
-    A["👤 Ljudska misao:<br/>'Želim izračunati Fibonačijeve brojeve'"] --> B{Izaberi razinu jezika}
+    A["👤 Ljudska misao:<br/>'Želim izračunati Fibonaccijeve brojeve'"] --> B{Odaberi razinu jezika}
     
-    B -->|Visoka razina| C["🌟 JavaScript/Python<br/>Jednostavno za čitanje i pisanje"]
+    B -->|Visoka razina| C["🌟 JavaScript/Python<br/>Lako za čitanje i pisanje"]
     B -->|Niska razina| D["⚙️ Assembly/C<br/>Izravna kontrola hardvera"]
     
-    C --> E["📝 Napiši: fibonacci(10)"]
-    D --> F["📝 Napiši: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Piši: fibonacci(10)"]
+    D --> F["📝 Piši: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Računalno razumijevanje:<br/>Prijevodnik rješava složenost"]
+    E --> G["🤖 Računalno razumijevanje:<br/>Prevoditelj rješava složenost"]
     F --> G
     
     G --> H["💻 Isti rezultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Pokažem ti zašto su visoko-nivovski jezici toliko prijateljski
+### Pokažem ti zašto su jezici visokog nivoa toliko prijateljskiji
 
-Ok, pokazat ću ti nešto što savršeno pokazuje zašto sam se zaljubio u visoko-nivovske jezike, ali prvo – obećaj mi jednu stvar. Kad vidiš prvi primjer koda, nemoj paničariti! Trebalo bi izgledati zastrašujuće. Upravo to i pokazujem!
+Ok, upravo ću ti pokazati nešto što savršeno pokazuje zašto sam zavolio jezike visokog nivoa, ali prvo – moraš mi obećati nešto. Kad vidiš prvi primjer koda, ne paničari! Trebao bi izgledati zastrašujuće. To je točno ono što želim da osjetiš!
 
-Pogledat ćemo isti zadatak napisan u dva potpuno različita stila. Oba stvaraju tzv. Fibonačijev niz – to je prekrasan matematički obrazac gdje je svaki broj zbroj prethodna dva: 0, 1, 1, 2, 3, 5, 8, 13... (Zabavna činjenica: ovaj obrazac naći ćeš doslovno svugdje u prirodi – spirale sjemenki suncokreta, obrasci češera, čak i način na koji nastaju galaksije!)
+Pogledat ćemo isti zadatak napisan u dva potpuno različita stila. Oba kreiraju tzv. Fibonacci niz – to je prekrasan matematički uzorak u kojem je svaki broj zbroj prethodna dva: 0, 1, 1, 2, 3, 5, 8, 13... (Zabavna činjenica: ovaj uzorak doslovno možete naći svugdje u prirodi – spirale sjemenki suncokreta, obrasce češera, pa čak i način na koji se galaksije formiraju!)
 
-Spreman za razliku? Idemo!
+Jesi spreman vidjeti razliku? Idemo!
 
-**Visoko-nivovski jezik (JavaScript) – prijateljski ljudima:**
+**Jezik visokog nivoa (JavaScript) – Ljudski prijateljski:**
 
 ```javascript
-// Korak 1: Osnovna postavka Fibonaccija
+// Korak 1: Osnovna postavka Fibonaccijevog niza
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -184,28 +184,28 @@ console.log('Fibonacci sequence:');
 ```
 
 **Evo što ovaj kod radi:**
-- **Deklarira** konstantu koja određuje koliko Fibonacci brojeva želimo generirati
-- **Inicijalizira** dvije varijable za praćenje trenutnog i sljedećeg broja u nizu
-- **Postavlja** početne vrijednosti (0 i 1) koje definiraju Fibonačijev obrazac
-- **Prikazuje** naslovnu poruku da označimo naš izlaz
+- **Deklarira** konstantu kojom određujemo koliko Fibonacci brojeva želimo generirati
+- **Inicijalizira** dvije varijable da prati trenutni i sljedeći broj u nizu
+- **Postavlja** početne vrijednosti (0 i 1) koje definiraju Fibonacci uzorak
+- **Prikazuje** naslovnu poruku kako bi označili naš izlaz
 
 ```javascript
-// Korak 2: Generirajte niz pomoću petlje
+// Korak 2: Generiraj niz pomoću petlje
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Izračunajte sljedeći broj u nizu
+  // Izračunaj sljedeći broj u nizu
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Objašnjenje što se ovdje događa:**
-- **Petlja** kroz svaki položaj u nizu koristeći `for` petlju
-- **Prikazuje** svaki broj s njegovom pozicijom koristeći formatiranje predložene niske
-- **Izračunava** sljedeći Fibonacci broj zbrajajući tekuće i sljedeće vrijednosti
-- **Ažurira** varijable za praćenje kako bi prešao na sljedeću iteraciju
+**Evo što se događa dalje:**
+- **Petlja** kroz svaku poziciju u nizu koristeći `for` petlju
+- **Prikazuje** svaki broj s njegovom pozicijom koristeći predloženi string (template literal)
+- **Izračunava** sljedeći Fibonacci broj zbrajanjem trenutnih i sljedećih vrijednosti
+- **Ažurira** varijable kako bi prešao na sljedeću iteraciju
 
 ```javascript
 // Korak 3: Moderan funkcionalni pristup
@@ -219,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Primjer korištenja
+// Primjer upotrebe
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**U gornjem primjeru smo:**
-- **Stvorili** funkciju koja se može ponovno koristiti koristeći modernu sintaksu streličaste funkcije
-- **Izgradili** niz za pohranu cijelog niza umjesto da prikazujemo broj po broj
-- **Koristili** indeksiranje niza kako bismo izračunali svaki novi broj iz prethodnih
-- **Vratili** cijeli niz za fleksibilnu uporabu u drugim dijelovima programa
+**U gore navedenom smo:**
+- **Kreirali** funkciju koju je moguće višekratno koristiti pomoću moderne sintakse arrow funkcija
+- **Izgradili** niz koji pohranjuje cijeli slijed, umjesto da ga prikazujemo broj po broj
+- **Koristili** indeksiranje niza za izračunavanje svakog novog broja na temelju prethodnih
+- **Vratili** cijeli niz za fleksibilnu upotrebu u drugim dijelovima programa
 
-**Nisko-nivovski jezik (ARM Assembly) – prilagođen računalu:**
+**Jezik niskog nivoa (ARM Assembly) – Računalu prijateljski:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,40 +257,40 @@ back add r0,r1
  end
 ```
 
-Primijeti kako JavaScript verzija čita gotovo kao upute na engleskom, dok verzija u Assemblyju koristi kriptične naredbe koje izravno kontroliraju procesor računala. Oba ostvaruju isti zadatak, ali je visoko-nivovski jezik puno lakši za ljude za razumjeti, pisati i održavati.
+Primijeti kako verzija u JavaScriptu čita gotovo kao upute na engleskom, dok verzija u Assemblyju koristi šifrirane naredbe koje direktno kontroliraju procesor računala. Oba izvršavaju isti zadatak, ali je jezik visokog nivoa mnogo lakši za ljude za razumjeti, pisati i održavati.
 
 **Ključne razlike koje ćeš primijetiti:**
-- **Čitljivost**: JavaScript koristi opisne nazive poput `fibonacciCount` dok Assembly koristi kriptične oznake poput `r0`, `r1`
-- **Komentari**: Visoko razine jezici potiču objašnjavajuće komentare koji kod čine samodokumentirajućim
-- **Struktura**: Logički tijek JavaScripta odgovara načinu na koji ljudi razmišljaju o problemima korak po korak
+- **Čitljivost**: JavaScript koristi opisna imena poput `fibonacciCount`, dok Assembly koristi kriptične oznake kao `r0`, `r1`
+- **Komentari**: Visokonivojski jezici potiču objašnjavajuće komentare koji čine kod samodokumentiranim
+- **Struktura**: Logički tok JavaScripta odgovara načinu na koji ljudi razmišljaju o problemima korak po korak
 - **Održavanje**: Ažuriranje JavaScript verzije za različite zahtjeve je jednostavno i jasno
 
-✅ **O Fibonacci nizu**: Ovaj apsolutno prekrasan brojčani uzorak (gdje je svaki broj zbroj dva prethodna: 0, 1, 1, 2, 3, 5, 8...) pojavljue se doslovno *svugdje* u prirodi! Pronaći ćete ga u spiralama suncokreta, uzorcima češera, načinu na koji se ljuske nautilusa uvijaju, pa čak i u načinu rasta grana na drveću. Prilično je zadivljujuće kako matematika i kod mogu pomoći u razumijevanju i rekreiranju uzoraka kojima priroda stvara ljepotu!
+✅ **O Fibonacci nizu**: Ovaj uistinu prekrasan uzorak brojeva (gdje je svaki broj zbroj prethodna dva: 0, 1, 1, 2, 3, 5, 8...) pojavljuje se doslovno *posvuda* u prirodi! Naći ćete ga u spiralama suncokreta, obrascima češera, načinu savijanja školjki nautilusa pa čak i u načinu rasta grana drveća. Prilično je zadivljujuće kako nam matematika i kod pomažu razumjeti i ponovno stvarati obrasce koje priroda koristi da stvori ljepotu!
 
 
-## Gradivni Blokovi Koji Čine Čaroliju Mogućom
+## Gradivni elementi koji stvaraju magiju
 
-Dobro, sada kada ste vidjeli kako programski jezici izgledaju u praksi, razložimo osnovne dijelove koji čine doslovno svaki ikada napisan program. Zamislite ih kao ključne sastojke u vašem omiljenom receptu – jednom kad shvatite što svaki od njih radi, moći ćete čitati i pisati kod u gotovo bilo kojem jeziku!
+Dobro, sada kad ste vidjeli kako programski jezici izgledaju u akciji, razložimo temeljne dijelove koji čine doslovno svaki napisani program. Zamislite ih kao osnovne sastojke vašeg omiljenog recepta – kada shvatite što svaki od njih radi, moći ćete čitati i pisati kod gotovo u bilo kojem jeziku!
 
-Ovo je nešto poput učenja gramatike programiranja. Sjećate se iz škole kad ste učili o imenima, glagolima i kako sastavljati rečenice? Programiranje ima vlastitu verziju gramatike, i iskreno, to je puno logičnije i opraštajuće nego što je ikada bila engleska gramatika! 😄
+Ovo je nekako kao učenje gramatike programiranja. Sjećate se u školi kada ste učili o imenima, glagolima i kako sastavljati rečenice? Programiranje ima vlastitu verziju gramatike, i iskreno, ona je puno logičnija i popustljivija nego što je ikad bila engleska gramatika! 😄
 
-### Izjave: Uputstva Korak Po Korak
+### Izjave: upute korak po korak
 
-Počnimo s **izjavama** – one su poput pojedinačnih rečenica u razgovoru s vašim računalom. Svaka izjava govori računalu da učini jednu konkretnu stvar, kao da dajete upute: "Skreni lijevo ovdje," "Zaustavi se na crvenom svjetlu," "Parkiraj na tom mjestu."
+Počnimo s **izjavama** – one su kao pojedinačne rečenice u razgovoru s vašim računalom. Svaka izjava govori računalu da učini jednu određenu stvar, nešto poput davanja uputa: "Skreni lijevo ovdje," "Zaustavi se na crvenom svjetlu," "Parkiraj na tom mjestu."
 
-Ono što volim kod izjava je koliko su obično čitljive. Pogledajte ovo:
+Ono što volim kod izjava jest koliko su obično čitljive. Pogledajte ovo:
 
 ```javascript
-// Osnovne naredbe koje izvršavaju pojedinačne radnje
+// Osnovne naredbe koje izvode pojedinačne radnje
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Evo što ovaj kod radi:**
-- **Deklarira** konstantnu varijablu za pohranu imena korisnika
-- **Prikazuje** poruku pozdrava na konzolnom izlazu
-- **Izračunava** i pohranjuje rezultat matematičke operacije
+**Ovo kod radi:**
+- **Deklarira** konstantnu varijablu za pohranu korisničkog imena
+- **Prikazuje** poruku dobrodošlice na konzolu
+- **Računa** i pohranjuje rezultat matematičke operacije
 
 ```javascript
 // Izjave koje komuniciraju s web stranicama
@@ -298,19 +298,19 @@ document.title = "My Awesome Website";
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Korak po korak, evo što se događa:**
-- **Mijenja** naslov web stranice koji se pojavljuje na kartici preglednika
+**Korak po korak, ovo se događa:**
+- **Mijenja** naslov web stranice koji se prikazuje u kartici preglednika
 - **Mijenja** boju pozadine cijelog tijela stranice
 
-### Varijable: Memorijski Sustav Vašeg Programa
+### Varijable: memorijski sustav vašeg programa
 
-U redu, **varijable** su iskreno jedan od mojih omiljenih koncepata za podučavanje jer su toliko slične stvarima koje već koristite svaki dan!
+Ok, **varijable** su iskreno jedan od mojih omiljenih koncepata za podučavanje jer su toliko slične stvarima koje svakodnevno koristite!
 
-Razmislite o svojoj listi kontakata na telefonu na trenutak. Ne pamtite telefonske brojeve svih – umjesto toga, spremite "Mama," "Najbolji prijatelj," ili "Pizzerija koja dostavlja do 2 ujutro" i vaš telefon zapamti stvarne brojeve. Varijable funkcioniraju upravo tako! One su poput označenih spremnika gdje vaš program može pohraniti informacije i kasnije ih dohvatiti koristeći ime koje zapravo ima smisla.
+Razmislite o popisu kontakata na vašem telefonu na sekundu. Ne pametite telefonske brojeve svih – umjesto toga, spremate "Mama," "Najbolji prijatelj" ili "Pizzeria koja dostavlja do 2 ujutro" i dopuštate telefonu da zapamti stvarne brojeve. Varijable rade potpuno isto! One su poput označenih spremnika u kojima vaš program može pohraniti informacije i kasnije ih dohvatiti koristeći ime koje zapravo ima smisla.
 
-Evo što je stvarno cool: varijable se mogu mijenjati dok vaš program radi (otuda i ime "varijabla" – vidite što su napravili?). Baš kao što biste mogli ažurirati kontakt pizzerije kad otkrijete nešto još bolje, varijable se mogu mijenjati kako vaš program uči nove informacije ili kako se situacije mijenjaju!
+Evo što je stvarno cool: varijable se mogu mijenjati dok program radi (otuda i naziv "varijabla" – vidite što su napravili?). Baš kao što možete ažurirati zapis pizzerije kad otkrijete još bolje mjesto, varijable se mogu ažurirati dok program uči nove informacije ili se situacije mijenjaju!
 
-Evo kako ovo može biti lijepo jednostavno:
+Dopustite da vam pokažem koliko to može biti jednostavno:
 
 ```javascript
 // Korak 1: Kreiranje osnovnih varijabli
@@ -321,10 +321,10 @@ let isRaining = false;
 ```
 
 **Razumijevanje ovih koncepata:**
-- **Pohranjujte** nepromjenjive vrijednosti u `const` varijable (npr. ime stranice)
-- **Koristite** `let` za vrijednosti koje se mogu mijenjati tijekom programa
-- **Dodjeljujte** različite tipove podataka: stringove (tekst), brojeve i boolean (true/false)
-- **Birajte** opisna imena koja jasno objašnjavaju što svaka varijabla sadrži
+- **Spremanje** nepromjenjivih vrijednosti u `const` varijable (poput naziva stranice)
+- **Korištenje** `let` za vrijednosti koje se mogu mijenjati tijekom rada programa
+- **Dodjeljivanje** različitih tipova podataka: stringovi (tekst), brojevi i booleovi (true/false)
+- **Odabir** opisnih imena koja objašnjavaju što svaka varijabla sadrži
 
 ```javascript
 // Korak 2: Rad s objektima za grupiranje povezanih podataka
@@ -335,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**U gornjem primjeru smo:**
-- **Kreirali** objekt za grupiranje povezanih informacijama o vremenu
+**U gornjem smo:**
+- **Kreirali** objekt za grupiranje povezanih vremenskih podataka
 - **Organizirali** više podataka pod jednim imenom varijable
-- **Koristili** parove ključ-vrijednost za jasno označavanje svake informacije
+- **Koristili** parove ključ-vrijednost za jasnu oznaku svakog podatka
 
 ```javascript
 // Korak 3: Korištenje i ažuriranje varijabli
@@ -351,31 +351,31 @@ temperature = 68;
 ```
 
 **Razumimo svaki dio:**
-- **Prikazuje** informacije koristeći template literale s `${}` sintaksom
-- **Pristupa** svojstvima objekta koristeći točkastu notaciju (`weatherData.windSpeed`)
-- **Ažurira** varijable deklarirane s `let` za odražavanje promjenjivih uvjeta
-- **Kombinira** više varijabli za stvaranje smislenih poruka
+- **Prikazivanje** informacija pomoću template literala s `${}` sintaksom
+- **Pristup** svojstvima objekta koristeći točkasnu notaciju (`weatherData.windSpeed`)
+- **Ažuriranje** varijabli deklariranih s `let` za odražavanje promjenjivih uvjeta
+- **Kombiniranje** više varijabli kako bi se stvorile smislenije poruke
 
 ```javascript
-// Korak 4: Moderna destrukturacija za čišći kod
+// Korak 4: Moderno destrukturiranje za čišći kod
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Što trebate znati:**
-- **Izvlači** specifična svojstva iz objekata koristeći destrukturiranje
-- **Kreira** nove varijable automatski s istim imenima kao ključevi objekta
-- **Pojednostavljuje** kod izbjegavajući ponavljanje točkaste notacije
+- **Ekstrahirati** specifična svojstva iz objekata koristeći destrukturiranje
+- **Stvarati** nove varijable automatski s istim imenima kao ključevi objekta
+- **Pojednostaviti** kod izbjegavanjem ponavljajuće točkasne notacije
 
-### Kontrolni Tijek: Podučavanje Vašeg Programa da Razmišlja
+### Kontrola toka: učenje vašeg programa da razmišlja
 
-U redu, ovo je mjesto gdje programiranje postaje potpuno nevjerojatno! **Kontrolni tijek** je u osnovi podučavanje vašeg programa kako donositi pametne odluke, baš kao što to vi radite svaki dan, a da toga uopće niste svjesni.
+Ok, ovdje programiranje postaje potpuno nevjerojatno! **Kontrola toka** je u osnovi učenje vašeg programa kako donositi pametne odluke, baš kao što to i vi radite svaki dan bez razmišljanja.
 
-Zamislite ovo: jutros ste vjerojatno prošli kroz nešto poput "Ako pada kiša, uzet ću kišobran. Ako je hladno, obući ću jaknu. Ako kasnim, preskočit ću doručak i uzet kavu usput." Vaš mozak prirodno slijedi ovu if-then logiku desetine puta dnevno!
+Zamislite ovo: jutros ste vjerojatno prošli kroz nešto poput "Ako pada kiša, uzet ću kišobran. Ako je hladno, obući ću jaknu. Ako kasnim, preskočit ću doručak i kupiti kavu usput." Vaš mozak prirodno slijedi ovu if-then logiku desetke puta svaki dan!
 
-To je ono što čini programe inteligentnima i živima, umjesto da slijede samo dosadan, predvidljiv scenarij. Oni zapravo mogu pogledati situaciju, procijeniti što se događa i reagirati primjereno. To je kao da svom programu date mozak koji može prilagoditi i donositi odluke!
+To je ono što programima daje osjećaj da su pametni i živi, a ne da samo prate dosadan, predvidiv skript. Oni zapravo mogu pogledati situaciju, procijeniti što se događa i adekvatno odgovoriti. To je poput davanja vašem programu mozga koji se može prilagoditi i donositi odluke!
 
-Želite li vidjeti kako ovo sjajno funkcionira? Dopustite da vam pokažem:
+Želite vidjeti kako to lijepo funkcionira? Dopustite da vam pokažem:
 
 ```javascript
 // Korak 1: Osnovna uvjetna logika
@@ -389,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Evo što ovaj kod radi:**
-- **Provjerava** zadovoljava li korisnik dob za glasanje
+**Ovo kod radi:**
+- **Provjerava** ispunjava li korisnik godine za glasanje
 - **Izvršava** različite blokove koda ovisno o rezultatu uvjeta
-- **Izračunava** i prikazuje koliko još treba do postanka podobnim za glasanje ako je korisnik mlađi od 18
-- **Pruža** specifične i korisne povratne informacije za svaku situaciju
+- **Izračunava** i prikazuje koliko vremena preostaje do kvalifikacije za glasanje ako je ispod 18
+- **Pruža** specifične i korisne povratne informacije za svaki scenarij
 
 ```javascript
 // Korak 2: Više uvjeta s logičkim operatorima
@@ -409,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Rasčlanjivanje onoga što se ovdje događa:**
+**Razlaganje što se događa:**
 - **Kombinira** više uvjeta koristeći `&&` (i) operator
 - **Stvara** hijerarhiju uvjeta koristeći `else if` za više scenarija
-- **Rješava** sve moguće slučajeve s konačnim `else` blokom
-- **Pruža** jasne, konkretne povratne informacije za različite situacije
+- **Obrađuje** sve moguće slučajeve s konačnim `else` iskazom
+- **Pruža** jasne i korisne povratne informacije za svaku situaciju
 
 ```javascript
-// Korak 3: Sažeti uvjet s ternarnim operatorom
+// Korak 3: Sažet uvjet s ternarnim operatorom
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Što morate zapamtiti:**
+**Što treba zapamtiti:**
 - **Koristite** ternarni operator (`? :`) za jednostavne uvjete s dvije opcije
-- **Napišite** uvjet prvo, zatim `?`, zatim rezultat za true, pa `:`, zatim rezultat za false
-- **Primjenjujte** ovaj obrazac kad trebate dodijeliti vrijednosti prema uvjetima
+- **Napišite** uvjet prvo, zatim `?`, zatim istinit rezultat, zatim `:`, potom lažni rezultat
+- **Primijenite** ovaj obrazac kad trebate dodijeliti vrijednosti na temelju uvjeta
 
 ```javascript
-// Korak 4: Obrada više specifičnih slučajeva
+// Korak 4: Rješavanje više specifičnih slučajeva
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,55 +447,55 @@ switch (dayOfWeek) {
 }
 ```
 
-**Ovaj kod ostvaruje slijedeće:**
+**Ovaj kod ostvaruje sljedeće:**
 - **Uspoređuje** vrijednost varijable s više specifičnih slučajeva
-- **Grupira** slične slučajeve (radni dani vs. vikendi)
-- **Izvršava** odgovarajući blok koda kad nađe podudaranje
+- **Grupira** slične slučajeve zajedno (radni dani vs. vikendi)
+- **Izvršava** odgovarajući blok koda kada se nađe podudaranje
 - **Uključuje** `default` slučaj za neočekivane vrijednosti
-- **Koristi** `break` izjave da spriječi nastavak izvođenja sljedećeg slučaja
+- **Koristi** `break` izjave za sprječavanje nastavka na sljedeći slučaj
 
-> 💡 **Analogija iz stvarnog svijeta**: Zamislite kontrolni tijek poput najstrpljivijeg GPS-a koji vam daje upute. Možda kaže "Ako ima gužve na Glavnoj cesti, uzmi autocestu. Ako je konstrukcija blokirala autocestu, pokušaj slikoviti put." Programi koriste istu vrstu uvjetne logike da bi inteligentno reagirali na različite situacije i uvijek pružili korisniku najbolje moguće iskustvo.
+> 💡 **Analagija iz stvarnog svijeta**: Zamislite kontrolu toka kao najstrpljiviji GPS na svijetu koji vam daje upute. Može reći "Ako je gužva na Glavnoj ulici, umjesto toga idite autocestom. Ako je izgradnja blokirala autocestu, pokušajte slikoviti put." Programi koriste baš takvu uvjetnu logiku da pametno reagiraju na različite situacije i uvijek pruže korisnicima najbolje moguće iskustvo.
 
-### 🎯 **Provjera Koncepta: Majstorija Gradivnih Blokova**
+### 🎯 **Provjera koncepata: Majstorstvo gradivnih elemenata**
 
-**Pogledajmo kako stojite s osnovama:**
-- Možete li vlastitim riječima objasniti razliku između varijable i izjave?
-- Smislite stvarni scenarij u kojem biste koristili if-then odluku (poput primjera glasanja)
-- Koja vas je stvar o logici programiranja iznenadila?
+**Pogledajmo kako vam ide s temeljnim stvarima:**
+- Možete li objasniti razliku između varijable i izjave svojim riječima?
+- Smislite stvarni primjer u kojem biste koristili if-then odluku (kao u našem primjeru glasanja)
+- Što vas je iznenadilo u logici programiranja?
 
 **Brzi poticaj samopouzdanja:**
 ```mermaid
 flowchart LR
-    A["📝 Izjave<br/>(Upute)"] --> B["📦 Varijable<br/>(Pohrana)"] --> C["🔀 Kontrola toka<br/>(Odluke)"] --> D["🎉 Radni program!"]
+    A["📝 Izjave<br/>(Upute)"] --> B["📦 Varijable<br/>(Pohrana)"] --> C["🔀 Tijek kontrole<br/>(Odluke)"] --> D["🎉 Radni program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Što slijedi**: Imat ćemo pravo veselje zaroniti dublje u ove koncepte dok nastavljamo ovaj nevjerojatan put zajedno! Sada se samo usredotočite na to da osjetite uzbuđenje zbog svih sjajnih mogućnosti koje su pred vama. Specifične vještine i tehnike će se prirodno usaditi kako budemo zajedno vježbali – obećavam da će ovo biti puno zabavnije nego što možda očekujete!
+✅ **Što slijedi**: Uskoro ćemo se još dublje uroniti u ove koncepte i zajedno započeti ovo nevjerojatno putovanje! Sad se samo usredotočite na uzbuđenje zbog svih nevjerojatnih mogućnosti koje su pred vama. Specifične vještine i tehnike će se prirodno usaditi kako vježbamo zajedno – obećajem da će ovo biti puno zabavnije nego što možda očekujete!
 
-## Alati Struke
+## Alati zanata
 
-U redu, iskreno, ovo je mjesto gdje se toliko uzbudim da se jedva mogu suzdržati! 🚀 Upravo ćemo govoriti o nevjerojatnim alatima koji će vam dati osjećaj kao da ste upravo dobili ključeve digitalnog svemirskog broda.
+Dobro, iskreno ovdje se toliko uzbudim da se jedva kontroliram! 🚀 Upravo ćemo govoriti o nevjerojatnim alatima koji će vam učiniti da se osjećate kao da su vam dali ključeve digitalnog svemirskog broda.
 
-Znate kako kuhar ima savršeno uravnotežene noževe koji mu djeluju kao produžetak ruku? Ili kako glazbenik ima onu gitaru koja kao da zapjeva u trenutku kad je dotakne? Pa, programeri imaju vlastitu verziju tih čarobnih alata, i evo što će vam apsolutno iznenaditi – većina njih je potpuno besplatna!
+Znate kako kuhar ima te savršeno izbalansirane noževe koji su kao produžetak njegovih ruku? Ili kako glazbenik ima onu gitaru koja kao da pjeva čim je dotakne? Pa, programeri imaju vlastitu verziju tih čarobnih alata, i evo što će vam zbilja oduzeti dah – većina njih je potpuno besplatna!
 
-Skoro se micam u stolici dok razmišljam o tome da vam ovo podijelim jer su potpuno revolucionirali način na koji pravimo softver. Govorimo o AI-pokretanim asistentima za kodiranje koji vam mogu pomoći napisati kod (nisam se šalio!), cloud okružjima gdje možete raditi čitave aplikacije doslovno od bilo kuda s Wi-Fi mrežom, i alatima za otklanjanje pogrešaka toliki sofisticiranim da ih možete usporediti s rendgenskim vidom za vaše programe.
+Skoro skakutam na stolici dok razmišljam o tome da vam ovo pokažem jer su potpuno revolucionirali način na koji stvaramo softver. Govorimo o AI-pokretanim asistentima za kodiranje koji vam mogu pomoći napisati kod (ozbiljno!), cloud okruženjima gdje možete izgraditi kompletne aplikacije doslovno iz bilo kojeg mjesta s Wi-Fi-jem, te alatima za otklanjanje pogrešaka toliko sofisticiranim da su kao da imate rendgenski vid za svoje programe.
 
-I evo dijela koji me i dalje oduševi: ovo nisu "alati za početnike" koje ćete prerasti. Ovo su točno isti profesionalni alati koje developeri u Googleu, Netflixu i u onom indie studiju aplikacija kojeg volite koriste baš u ovom trenutku. Osjećat ćete se kao pravi profesionalac koristeći ih!
+A evo dijela koji mi i dalje diže kosu na glavi: ovi nisu "alata za početnike" koje ćemo prerasti. Ovo su isti profesionalni alati koje programeri u Googleu, Netflixu i onom indie studiju aplikacija koji volite koriste upravo sada. Osjećat ćete se kao totalni profesionalac koristeći ih!
 
 ```mermaid
 graph TD
-    A["💡 Vaša Ideja"] --> B["⌨️ Uređivač Koda<br/>(VS Code)"] 
-    B --> C["🌐 Alati za razvoj u pregledniku<br/>(Testiranje i ispravljanje pogrešaka)"]
+    A["💡 Vaša ideja"] --> B["⌨️ Uređivač koda<br/>(VS Code)"] 
+    B --> C["🌐 Alati preglednika za razvoj<br/>(Testiranje i ispravljanje pogrešaka)"]
     C --> D["⚡ Naredbeni redak<br/>(Automatizacija i alati)"]
     D --> E["📚 Dokumentacija<br/>(Učenje i referenca)"]
-    E --> F["🚀 Izvrsna web aplikacija!"]
+    E --> F["🚀 Nevjerojatna web aplikacija!"]
     
-    B -.-> G["🤖 AI Asistent<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 AI asistent<br/>(GitHub Copilot)"]
     C -.-> H["📱 Testiranje uređaja<br/>(Prilagodljiv dizajn)"]
-    D -.-> I["📦 Upravitelji paketa<br/>(npm, yarn)"]
+    D -.-> I["📦 Upravljanje paketima<br/>(npm, yarn)"]
     E -.-> J["👥 Zajednica<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,106 +505,106 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Uređivači Koda i IDE-i: Vaši Novi Digitalni Najbolji Prijatelji
+### Uređivači koda i IDE-ovi: vaši novi digitalni najbolji prijatelji
 
-Razgovarajmo o uređivačima koda – oni su ozbiljno na putu da postanu vaša nova omiljena mjesta za provoditi vrijeme! Zamislite ih kao svoje osobno svetište kodiranja gdje ćete većinu vremena provoditi stvarajući i usavršavajući svoje digitalne kreacije.
+Pričajmo o uređivačima koda – oni će stvarno postati vaše novo omiljeno mjesto za druženje! Zamislite ih kao svoje osobno utočište programiranja gdje ćete provesti većinu svog vremena izrađujući i usavršavajući svoje digitalne kreacije.
 
-Ali evo što je apsolutno čarobno kod modernih uređivača: oni nisu samo sjajni uređivači teksta. Oni su kao da imate najsjajnijeg, najpodržavajućeg mentora za kodiranje koji sjedi pored vas 24/7. Uhvatit će vam tipfelere prije nego ih i primijetite, predložiti poboljšanja koja će vas učiniti genijem, pomoći vam da razumijete što svaki dio koda radi, a neki od njih mogu čak i predvidjeti što ćete napisati i ponuditi da dovrše vaše misli!
+Ali ono što je apsolutno magično kod modernih uređivača jest da oni nisu samo fini tekstualni uređivači. Oni su poput najsjajnijeg, najpodržavajućeg mentora za kodiranje kraj vas 24 sata na dan, 7 dana u tjednu. Uhvatit će vaše tipfelere prije nego ih uopće primijetite, predložiti poboljšanja koja vas čine genijem, pomoći vam razumjeti što svaki dio koda radi, a neki od njih čak mogu predvidjeti što ćete napisati i ponuditi da dovrše vaše misli!
 
-Sjećam se kad sam prvi put otkrio automatsko dovršavanje – doslovno sam se osjećao kao da živim u budućnosti. Počnete tipkati nešto, a uređivač kaže "Hej, jesi li razmišljao o ovoj funkciji koja radi točno ono što trebaš?" Kao da imate čitača misli kao prijatelja za kodiranje!
+Sjećam se kad sam prvi put otkrio automatsko završavanje – doslovno sam se osjećao kao da živim u budućnosti. Počnete tipkati nešto, a uređivač kaže: "Hej, jeste li mislili na ovu funkciju koja radi upravo ono što trebate?" Kao da imate čitača misli kao prijatelja za kodiranje!
 
-**Što ove uređivače čini tako nevjerojatnima?**
+**Što ove uređivače čini nevjerojatnima?**
 
-Moderni uređivači koda nude impresivan niz značajki koje vam povećavaju produktivnost:
+Moderni uređivači koda nude impresivan niz značajki dizajniranih za povećanje vaše produktivnosti:
 
-| Značajka | Što Radi | Zašto Pomaže |
+| Značajka | Što radi | Zašto pomaže |
 |---------|--------------|--------------|
-| **Isticanje Sintakse** | Boji različite dijelove koda | Čini kod lakšim za čitanje i pronalaženje grešaka |
-| **Automatsko dovršavanje** | Predlaže kod dok tipkate | Ubrzava kodiranje i smanjuje greške u tipkanju |
-| **Alati za Debugging** | Pomaže pronaći i popraviti pogreške | Štedi sate vremena za ispravljanje problema |
-| **Proširenja** | Dodaju specijalizirane značajke | Prilagođavaju uređivač za bilo koju tehnologiju |
-| **AI Asistenti** | Predlažu kod i objašnjenja | Ubrzavaju učenje i produktivnost |
+| **Isticanje sintakse** | Boji različite dijelove vašeg koda | Čini kod lakšim za čitanje i pronalazak grešaka |
+| **Automatsko dovršavanje** | Predlaže kod dok tipkate | Ubrzava kodiranje i smanjuje tipfelere |
+| **Alati za ispravljanje pogrešaka** | Pomaže vam pronaći i ispraviti greške | Štedi sate na otklanjanju problema |
+| **Proširenja** | Dodaju specijalizirane funkcije | Prilagođavaju uređivač bilo kojoj tehnologiji |
+| **AI asistenti** | Predlažu kod i objašnjenja | Ubrzavaju učenje i produktivnost |
 
-> 🎥 **Video Resurs**: Želite li vidjeti ove alate u akciji? Pogledajte [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) za sveobuhvatan pregled.
+> 🎥 **Video resurs**: Želite vidjeti ove alate u akciji? Pogledajte ovaj [video Alati zanata](https://youtube.com/watch?v=69WJeXGBdxg) za sveobuhvatan pregled.
 
-#### Preporučeni Uređivači za Web Razvoj
+#### Preporučeni uređivači za web razvoj
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Besplatno)
-- Najpopularniji među web developerima
-- Sjajan ekosustav proširenja
-- Ugrađena terminal i Git integracija
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (besplatan)
+- Najpopularniji među web programerima
+- Izvrsna ekosustav proširenja
+- Ugrađeni terminal i Git integracija
 - **Obavezna proširenja**:
   - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-pokretani prijedlozi koda
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Suradnja u stvarnom vremenu
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatsko formatiranje koda
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Pronalazi tipkarske pogreške u kodu
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - suradnja u stvarnom vremenu
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - automatsko formatiranje koda
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - pronalaženje tipfelera u kodu
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plaćeno, besplatno za studente)
-- Napredni alati za debugging i testiranje
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (plaćeni, besplatan za studente)
+- Napredni alati za otklanjanje grešaka i testiranje
 - Inteligentno dovršavanje koda
-- Ugrađeni sustav kontrole verzija
+- Ugrađeno upravljanje verzija
 
-**Cloud IDE-i** (Različite cijene)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Cijeli VS Code u vašem pregledniku
-- [Replit](https://replit.com/) - Odlično za učenje i dijeljenje koda
-- [StackBlitz](https://stackblitz.com/) - Instantni full-stack web razvoj
+**Cloud-based IDEs** (Različite cijene)
+- [GitHub Codespaces](https://github.com/features/codespaces) - puni VS Code u pregledniku
+- [Replit](https://replit.com/) - odličan za učenje i dijeljenje koda
+- [StackBlitz](https://stackblitz.com/) - trenutačni full-stack web razvoj
 
-> 💡 **Savjet za početak**: Počnite s Visual Studio Code – besplatan je, široko korišten u industriji, i ima ogromnu zajednicu koja stvara korisne tutorijale i proširenja.
+> 💡 **Savjet za početak**: Počnite s Visual Studio Code – besplatan je, široko korišten u industriji i ima ogromnu zajednicu koja stvara korisne tutorijale i proširenja.
 
 
-### Web Preglednici: Vaš Tajni Laboratorij za Razvoj
+### Web preglednici: vaš tajni razvojni laboratorij
 
-U redu, pripremite se da vam se um potpuno razbije! Znate kako ste koristili preglednike za listanje društvenih mreža i gledanje videa? Pa, ispostavilo se da su cijelo to vrijeme skrivali nevjerojatnu tajnu razvojnu laboratoriju, samo čekajući da je otkrijete!
+Ok, pripremite se da vam se mozak potpuno raznese! Znate kako koristite preglednike za skrolanje društvenih mreža i gledanje videa? Pa, pokazalo se da su cijelo ovo vrijeme skrivali tajni nevjerojatni razvojni laboratorij, samo čekajući da ga otkrijete!
 
-Svaki put kad kliknete desnim klikom miša na web stranicu i odaberete "Inspect Element", otvarate skriveni svijet razvojnih alata koji su iskreno moćniji od nekog skupog softvera za koji sam nekada plaćao stotine dolara. Kao da otkrivate da je vaša obična kuhinja cijelo vrijeme skrivala profesionalni kuharski laboratorij iza tajnog panela!
-Prvi put kad mi je netko pokazao DevTools u pregledniku, proveo sam oko tri sata samo klikajući po svemu i govoreći "ČEKAJ, TO MOGU I TO?!" Doslovno možeš uređivati bilo koju web stranicu u stvarnom vremenu, vidjeti točno koliko brzo se sve učitava, testirati kako tvoja stranica izgleda na različitim uređajima, pa čak i debugirati JavaScript kao pravi profesionalac. Apsolutno je zapanjujuće!
+Svaki put kad desnim klikom miša kliknete na web stranicu i odaberete "Inspect Element," otvarate skriveni svijet razvojnih alata koji su iskreno moćniji nego neki skupi softver za koji sam nekad plaćao stotine dolara. Kao da otkrivate da vaša obična kuhinja skriva profesionalni kuharski laboratorij iza tajnog panela!
+Prvi put kad mi je netko pokazao DevTools u pregledniku, proveo sam otprilike tri sata samo klikajući okolo i govoreći "ČEKAJ, TO TO MOŽE TAKO?!" Doslovno možeš uređivati bilo koju web stranicu u stvarnom vremenu, vidjeti točno koliko brzo se sve učitava, testirati kako tvoja stranica izgleda na različitim uređajima, pa čak i ispravljati JavaScript kao totalni profesionalac. Potpuno je zapanjujuće!
 
-**Evo zašto su preglednici tvoj tajni adut:**
+**Evo zašto su preglednici tvoje tajno oružje:**
 
-Kad stvaraš web stranicu ili web aplikaciju, trebaš vidjeti kako izgleda i ponaša se u stvarnom svijetu. Preglednici ne prikazuju samo tvoj rad, već daju i detaljne povratne informacije o performansama, pristupačnosti i potencijalnim problemima.
+Kad stvaraš web stranicu ili web aplikaciju, trebaš vidjeti kako ona izgleda i ponaša se u stvarnom svijetu. Preglednici ne samo da prikazuju tvoj rad, već pružaju i detaljne povratne informacije o performansama, pristupačnosti i potencijalnim problemima.
 
-#### Alati za razvoj u pregledniku (DevTools)
+#### Alati za razvoj preglednika (DevTools)
 
-Moderni preglednici uključuju opsežne razvojne alate:
+Moderni preglednici uključuju sveobuhvatne razvojne pakete:
 
-| Kategorija alata | Što radi | Primjer uporabe |
-|------------------|----------|-----------------|
-| **Inspector elemenata** | Pregled i uređivanje HTML/CSS u stvarnom vremenu | Prilagodi stilove i vidi trenutne rezultate |
-| **Konzola** | Pregled poruka o greškama i testiranje JavaScripta | Debugiranje problema i eksperimenti s kodom |
-| **Mrežni nadzor** | Praćenje učitavanja resursa | Optimizacija performansi i vremena učitavanja |
-| **Provjera pristupačnosti** | Testiranje inkluzivnog dizajna | Osiguraj da tvoja stranica funkcionira za sve korisnike |
+| Kategorija alata | Što radi | Primjer korištenja |
+|------------------|----------|--------------------|
+| **Inspektor elemenata** | Pregled i uređivanje HTML/CSS u stvarnom vremenu | Prilagodi stil i odmah vidi rezultate |
+| **Konzola** | Pregled poruka o greškama i testiranje JavaScripta | Otklanjanje problema i eksperimentiranje s kodom |
+| **Monitor mreže** | Praćenje učitavanja resursa | Optimizacija performansi i vremena učitavanja |
+| **Provjera pristupačnosti** | Testiranje uključivog dizajna | Osiguraj da tvoja stranica radi za sve korisnike |
 | **Simulator uređaja** | Pregled na različitim veličinama zaslona | Testiranje responzivnog dizajna bez više uređaja |
 
 #### Preporučeni preglednici za razvoj
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industrijski standard DevTools s opsežnom dokumentacijom
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Izvrsni alati za CSS Grid i pristupačnost
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Izgrađen na Chromiumu uz Microsoftove razvojne resurse
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Izgrađen na Chromiumu s Microsoftovim resursima za razvoj
 
-> ⚠️ **Važan savjet za testiranje**: Uvijek testiraj svoje web stranice u više preglednika! Ono što savršeno radi u Chromeu može izgledati drugačije u Safariju ili Firefoxu. Profesionalni programeri testiraju u svim glavnim preglednicima kako bi osigurali dosljedno korisničko iskustvo.
+> ⚠️ **Važan savjet za testiranje**: Uvijek testiraj svoje web stranice u više preglednika! Ono što savršeno radi u Chromeu može izgledati drugačije u Safariju ili Firefoxu. Profesionalni programeri testiraju na svim glavnim preglednicima kako bi osigurali dosljedno korisničko iskustvo.
 
 
-### Alati naredbenog retka: tvoja vrata u razvojne supermoći
+### Alati naredbenog retka: tvoje vrata u supermoći programera
 
-U redu, idemo na potpuno iskren trenutak o naredbenom retku, jer želim da ovo čuješ od nekoga tko stvarno to razumije. Kad sam ga prvi put vidio – samo ovaj zastrašujući crni ekran s trepćućim tekstom – doslovno sam mislio, „Ne, nikako! Ovo izgleda kao nešto iz hacker filma iz 1980-ih i definitivno nisam dovoljno pametan za ovo!“ 😅
+Dobro, budimo potpuno iskreni oko naredbenog retka, jer želim da to čuješ od nekoga tko to stvarno razumije. Kad sam ga prvi put vidio – samo taj zastrašujući crni ekran s trepćućim tekstom – doslovno sam pomislio, "Ne, apsolutno ne! Ovo izgleda kao nešto iz hakerskog filma iz 1980-ih, i definitivno nisam dovoljno pametan za ovo!" 😅
 
-Ali evo što bih volio da mi je netko tada rekao, i što ti sada govorim: naredbeni redak nije strašan – zapravo je kao da razgovaraš direktno sa svojim računalom. Pomisli na to kao razliku između naručivanja hrane preko neke fancy aplikacije s slikama i jelovnicima (što je fino i jednostavno) i ulaska u svoj omiljeni lokalni restoran gdje kuhar točno zna što voliš i može ti napraviti nešto savršeno samo zato što mu kažeš „iznenadi me s nečim nevjerojatnim.“
+Ali evo što bih želio da mi je netko tada rekao, a što ti sada govorim: naredbeni redak nije strašan – on je zapravo kao da vodiš izravan razgovor sa svojim računalom. Razmisli o tome kao o razlici između naručivanja hrane putem luksuzne aplikacije s slikama i jelovnicima (što je zgodno i jednostavno) nasuprot ulasku u omiljeni lokalni restoran gdje kuhar točno zna što voliš i može ti odmah napraviti nešto savršeno samo ako kažeš "iznenadi me nečim nevjerojatnim."
 
-Naredbeni redak je mjesto gdje programeri osjećaju kao čarobnjaci. Upisuješ nekoliko naizgled magičnih riječi (okej, to su samo naredbe, ali djeluju kao magija!), pritisneš enter i BUM – stvorio si čitave strukture projekta, instalirao moćne alate s cijelog svijeta ili rasporedio svoju aplikaciju na internet da je milijuni ljudi mogu vidjeti. Kad prvi put osjetiš tu moć, iskreno, postaneš ovisan!
+Naredbeni redak je mjesto gdje programeri osjećaju da su pravi čarobnjaci. Ukucaš nekoliko naizgled magičnih riječi (okej, to su samo naredbe, ali djeluju kao magija!), pritisneš enter i BUM – stvorio si čitavu strukturu projekta, instalirao moćne alate iz cijelog svijeta ili postavio svoju aplikaciju na internet da je milijuni ljudi vide. Kad jednom okusite tu moć, iskreno je poprilično zarazno!
 
 **Zašto će naredbeni redak postati tvoj omiljeni alat:**
 
-Dok su grafička sučelja izvrsna za mnoge zadatke, naredbeni redak briljira u automatizaciji, preciznosti i brzini. Mnogi razvojni alati rade prvenstveno putem naredbenog retka, a učenje njihove učinkovite uporabe može znatno poboljšati tvoju produktivnost.
+Iako su grafička sučelja izvrsna za mnoge zadatke, naredbeni redak se ističe u automatizaciji, preciznosti i brzini. Mnogi alati za razvoj primarno rade kroz naredbeni redak, a učenje njihovog učinkovite korištenja može dramatično povećati tvoju produktivnost.
 
 ```bash
-# Korak 1: Kreirajte i prijeđite u direktorij projekta
+# Korak 1: Kreirajte i navigirajte do direktorija projekta
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Ovo kod radi:**
-- **Stvara** novi direktorij „my-awesome-website“ za tvoj projekt
-- **Prelazi** u novo stvoreni direktorij kako bi započeo rad
+**Evo što ovaj kod radi:**
+- **Stvara** novi direktorij nazvan "my-awesome-website" za tvoj projekt
+- **Ulazi** u nedavno kreirani direktorij za početak rada
 
 ```bash
 # Korak 2: Inicijalizirajte projekt s package.json
@@ -615,14 +615,14 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Korak po korak, ovako se odvija:**
+**Korak po korak, evo što se događa:**
 - **Inicijalizira** novi Node.js projekt s zadanim postavkama koristeći `npm init -y`
-- **Instalira** Vite kao moderan build alat za brzi razvoj i proizvodnju
-- **Dodaje** Prettier za automatsko formatiranje koda i ESLint za provjere kvalitete koda
-- **Koristi** zastavicu `--save-dev` za označavanje ovih alata kao razvojnih ovisnosti
+- **Instalira** Vite kao moderan alat za izgradnju za brzo vrijeme razvoja i proizvodnje
+- **Dodaje** Prettier za automatsko formatiranje koda i ESLint za provjeru kvalitete koda
+- **Koristi** oznaku `--save-dev` za označavanje kao razvojnih ovisnosti
 
 ```bash
-# Korak 3: Izradite strukturu projekta i datoteke
+# Korak 3: Kreirajte strukturu projekta i datoteke
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -630,54 +630,54 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**U gornjem primjeru smo:**
+**U gore navedenom smo:**
 - **Organizirali** projekt stvaranjem zasebnih mapa za izvorni kod i resurse
-- **Generirali** osnovnu HTML datoteku s ispravnom strukturom dokumenta
-- **Pokrenuli** Vite razvojni server za live reloading i hot module replacement
+- **Generirali** osnovnu HTML datoteku s pravilnom strukturom dokumenta
+- **Pokrenuli** Vite razvojni server za živo ponovno učitavanje i zamjenu modula u hodu
 
-#### Osnovni alati naredbenog retka za web razvoj
+#### Bitni alati naredbenog retka za web razvoj
 
 | Alat | Svrha | Zašto ti treba |
 |------|-------|----------------|
-| **[Git](https://git-scm.com/)** | Upravljanje verzijama | Praćenje promjena, suradnja s drugima, sigurnosna kopija rada |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime i upravljanje paketima | Pokretanje JavaScripta izvan preglednika, instalacija modernih razvojnih alata |
-| **[Vite](https://vitejs.dev/)** | Build alat i razvojni server | Munjevito brz razvoj s hot module replacementom |
+| **[Git](https://git-scm.com/)** | Kontrola verzija | Praćenje promjena, suradnja s drugima, sigurnosna kopija rada |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & upravljanje paketima | Pokretanje JavaScripta izvan preglednika, instalacija modernih razvojnih alata |
+| **[Vite](https://vitejs.dev/)** | Alat za izgradnju & razvojni server | Munjevito brz razvoj s hot module replacementom |
 | **[ESLint](https://eslint.org/)** | Kvaliteta koda | Automatsko pronalaženje i ispravljanje problema u JavaScriptu |
-| **[Prettier](https://prettier.io/)** | Formatiranje koda | Održava kod dosljedno formatiranim i čitljivim |
+| **[Prettier](https://prettier.io/)** | Formatiranje koda | Drži tvoj kod dosljedno formatiranim i čitljivim |
 
-#### Opcije specifične za platformu
+#### Platformno specifične opcije
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderan terminal s puno značajki
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Moćno okruženje za skriptiranje
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderan, bogat značajkama terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Moćno skriptno okruženje
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradicionalni Windows naredbeni redak
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ugrađena terminalska aplikacija
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ugrađena terminal aplikacija
 - **[iTerm2](https://iterm2.com/)** - Poboljšani terminal s naprednim značajkama
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standardna Linux ljuska
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standardni Linux shell
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Napredni terminal emulator
 
-> 💻 = unaprijed instalirano na operativnom sustavu
+> 💻 = Pretinstalirano u operativnom sustavu
 
-> 🎯 **Put učenje**: Započni s osnovnim naredbama poput `cd` (promjena direktorija), `ls` ili `dir` (popis datoteka) i `mkdir` (stvaranje mape). Vježbaj s modernim naredbama poput `npm install`, `git status` i `code .` (otvara trenutni direktorij u VS Codeu). Kako budeš sve sigurniji, prirodno ćeš prihvatiti naprednije naredbe i tehnike automatizacije.
+> 🎯 **Put učenja**: Počni s osnovnim naredbama poput `cd` (promjena direktorija), `ls` ili `dir` (popis datoteka) i `mkdir` (stvaranje mape). Vježbaj s modernim naredbama kao `npm install`, `git status` i `code .` (otvara trenutni direktorij u VS Codeu). Kako budeš samouvjereniji, prirodno ćeš usvajati naprednije naredbe i tehnike automatizacije.
 
 
-### Dokumentacija: tvoj mentor učenja uvijek pri ruci
+### Dokumentacija: tvoj uvijek dostupan mentor za učenje
 
-Okej, hoću ti otkriti malu tajnu koja će ti pomoći da se osjećaš puno bolje kao početnik: čak i najiskusniji programeri velik dio svog vremena troše na čitanje dokumentacije. I to nije zato što ne znaju što rade – to je zapravo znak mudrosti!
+Ok, otkrit ću ti malu tajnu koja će ti pomoći da se osjećaš mnogo bolje kao početnik: čak i najiskusniji programeri provode velik dio svog vremena čitajući dokumentaciju. I to nije zato što ne znaju što rade – to je zapravo znak mudrosti!
 
-Zamisli dokumentaciju kao pristup najstrpljivijim, najupućenijim učiteljima na svijetu koji su ti dostupni 24/7. Zapneš na problem u 2 ujutro? Dokumentacija je tu s toplim virtualnim zagrljajem i točno s odgovorom koji ti treba. Želiš naučiti o nekoj super novoj funkciji o kojoj svi pričaju? Dokumentacija ti je podrška s uputama korak po korak. Pokušavaš shvatiti zašto nešto funkcionira onako kako funkcionira? Pogodi što – dokumentacija je spremna objasniti ti na način koji napokon ima smisla!
+Zamisli dokumentaciju kao pristup najstrpljivijim, najiskusnijim učiteljima na svijetu koji su dostupni 24/7. Zapeo si na problemu u 2 ujutro? Dokumentacija je tu s toplim virtualnim zagrljajem i točno odgovorom koji ti treba. Želiš naučiti o nekoj super novoj značajki o kojoj svi pričaju? Dokumentacija te podržava s primjerima korak po korak. Pokušavaš shvatiti zašto nešto radi onako kako radi? Pogodi što – dokumentacija je spremna objasniti to na način koji napokon ima smisla!
 
-Evo što mi je potpuno promijenilo pogled na stvari: svijet web razvoja se nevjerojatno brzo mijenja i nitko (apsolutno nitko!) ne pamti sve napamet. Vidio sam starije programere s 15+ godina iskustva kako traže osnovnu sintaksu, i znaš što? To nije sramota – to je pametno! Nije stvar u savršenom pamćenju; radi se o tome da znaš gdje brzo pronaći pouzdane odgovore i razumjeti kako ih primijeniti.
+Evo nešto što mi je potpuno promijenilo pogled: svijet web razvoja se nevjerojatno brzo mijenja i nitko (u potpunosti nitko!) ne pamti sve napamet. Vidio sam starije programere s preko 15 godina iskustva kako traže osnovni sintaksni podatak, i znaš što? To nije sramota – to je pametno! Nije stvar imati besprijekoran memorijski kapacitet; radi se o tome znati gdje brzo pronaći pouzdane odgovore i razumjeti kako ih primijeniti.
 
-**Prava magija se događa ovdje:**
+**Prava magija događa se ovdje:**
 
-Profesionalni programeri veliku količinu vremena provode u čitanju dokumentacije – ne zato što ne razumiju što rade, već zato što se područje web razvoja brzo mijenja i praćenje novosti zahtijeva kontinuirano učenje. Dobra dokumentacija pomaže ti shvatiti ne samo *kako* nešto koristiti, već i *zašto* i *kada* to učiniti.
+Profesionalni programeri provode značajan dio svog vremena čitajući dokumentaciju – ne zato što ne znaju što rade, već zato što se web razvoj brzo mijenja i da bi ostali u toku, potrebna je kontinuirana edukacija. Dobra dokumentacija pomaže ti razumjeti ne samo *kako* nešto koristiti, već *zašto* i *kada* to upotrijebiti.
 
-#### Ključni izvori dokumentacije
+#### Neophodni izvori dokumentacije
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - Zlatni standard za dokumentaciju web tehnologija
@@ -688,12 +688,12 @@ Profesionalni programeri veliku količinu vremena provode u čitanju dokumentaci
 **[Web.dev](https://web.dev)** (od Googlea)
 - Najbolje prakse modernog web razvoja
 - Vodiči za optimizaciju performansi
-- Principi pristupačnosti i inkluzivnog dizajna
+- Načela pristupačnosti i uključivog dizajna
 - Studije slučaja iz stvarnih projekata
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Razvojni resursi za preglednik Edge
-- Vodiči za Progressive Web Apps
+- Resursi za razvoj u pregledniku Edge
+- Vodiči za progresivne web aplikacije
 - Uvidi u razvoj za više platformi
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
@@ -701,85 +701,85 @@ Profesionalni programeri veliku količinu vremena provode u čitanju dokumentaci
 - Video tečajevi od stručnjaka iz industrije
 - Praktične vježbe kodiranja
 
-> 📚 **Strategija učenja**: Nemoj pokušavati naučiti dokumentaciju napamet – umjesto toga, nauči kako učinkovito pretraživati informacije. Dodaj u favorite često korištene izvore i vježbaj korištenje funkcija pretraživanja za brzi pronalazak potrebnih podataka.
+> 📚 **Strategija učenja**: Nemoj pokušavati naučiti dokumentaciju napamet – umjesto toga, nauči efikasno nju koristiti. Označi često korištene reference i vježbaj korištenje funkcija pretraživanja za brzo pronalaženje specifičnih informacija.
 
-### 🔧 **Provjera ovladavanja alatima: Što te najviše privlači?**
+### 🔧 **Provjera ovladavanja alatima: Što ti rezonira?**
 
 **Uzmite trenutak da razmisliš:**
-- Koji alat te najviše zanima probati prvo? (Nema pogrešnog odgovora!)
-- Osjećaš li se još uvijek intimidirano naredbenim retkom ili si znatiželjan?
-- Možeš li zamisliti korištenje DevTools u pregledniku za zavirivanje iza kulisa svojih omiljenih web stranica?
+- Koji alat si najviše uzbuđen isprobati prvi? (Ne postoji pogrešan odgovor!)
+- Osjećaš li da je naredbeni redak i dalje zastrašujuć ili si znatiželjan prema njemu?
+- Možeš li zamisliti korištenje DevTools preglednika da zaviriš iza kulisa omiljenih web stranica?
 
 ```mermaid
-pie title "Vrijeme programera provedeno s alatima"
+pie title "Vrijeme koje programeri provode s alatima"
     "Uređivač koda" : 40
     "Testiranje u pregledniku" : 25
-    "Komandna linija" : 15
+    "Naredbeni redak" : 15
     "Čitanje dokumentacije" : 15
     "Otklanjanje pogrešaka" : 5
 ```
-> **Zanimljivost:** Većina programera provede oko 40% vremena u svom editoru koda, ali primijeti koliko vremena odlazi na testiranje, učenje i rješavanje problema. Programiranje nije samo pisanje koda – to je stvaranje iskustava!
+> **Zabavan uvid**: Većina programera provodi oko 40% svog vremena u uređivaču koda, ali primijeti koliko vremena ide na testiranje, učenje i rješavanje problema. Programiranje nije samo pisanje koda – to je stvaranje iskustava!
 
-✅ **Za razmišljanje:** Evo zanimljive misli – kako misliš da se alati za izradu web stranica (razvoj) razlikuju od alata za dizajn njihovog izgleda (dizajn)? To je kao razlika između arhitekta koji dizajnira prekrasnu kuću i izvođača koji ju zapravo gradi. Oba su ključna, ali im trebaju različiti alati! Ovakav način razmišljanja pomoći će ti da shvatiš širu sliku kako web stranice nastaju.
+✅ **Hrana za razmišljanje**: Evo jednog zanimljivog pitanja – kako misliš da su alati za izgradnju web stranica (razvoj) različiti od alata za dizajniranje njihovog izgleda (dizajn)? To je poput razlike između arhitekta koji dizajnira prekrasnu kuću i izvođača koji je zapravo gradi. Oba su ključna, ali traže različite alate! Ovakvo razmišljanje zaista će ti pomoći da vidiš širu sliku o tome kako web stranice dolaze do života.
 
-## Izazov GitHub Copilot Agent 🚀
+## Izazov GitHub Copilot Agenta 🚀
 
-Koristi Agent način rada da dovršiš sljedeći izazov:
+Koristi Agent mod za dovršetak sljedećeg izazova:
 
-**Opis:** Istraži značajke modernog editora koda ili IDE-a i pokaži kako može poboljšati tvoj radni tijek kao web programera.
+**Opis:** Istraži značajke modernog uređivača koda ili IDE-a i pokaži kako može poboljšati tvoj radni tijek kao web programera.
 
-**Zadatak:** Odaberi editor koda ili IDE (npr. Visual Studio Code, WebStorm ili cloud-based IDE). Navedi tri značajke ili ekstenzije koje ti pomažu efikasnije pisati, debugirati ili održavati kod. Za svaku daj kratak opis kako koristi tvom radu.
+**Zadatak:** Odaberi uređivač koda ili IDE (kao što su Visual Studio Code, WebStorm ili cloud-based IDE). Navedite tri značajke ili ekstenzije koje ti pomažu pisati, ispravljati ili održavati kod učinkovitije. Za svaku daj kratak opis kako koristi tvom radnom tijeku.
 
 ---
 
 ## 🚀 Izazov
 
-**U redu, detektive, jesi li spreman za svoj prvi slučaj?**
+**Dobro, detektive, spreman za svoj prvi slučaj?**
 
-Sad kad imaš sjajne temelje, imam avanturu koja će ti pomoći vidjeti koliko je svijet programiranja zaista raznolik i fascinantan. I slušaj – nije ovo još pisanje koda, tako da nema pritiska! Zamisliti se kao detektiv programskih jezika na svom prvom uzbudljivom slučaju!
+Sad kad imaš ovo sjajno znanje, imam avanturu koja će ti pomoći da vidiš koliko je svijet programiranja doista raznolik i fascinantan. I slušaj – ovo još nije o pisanju koda, tako da se ne brini! Zamislite se kao detektiv programskih jezika na svom prvom uzbudljivom zadatku!
 
 **Tvoja misija, ako je prihvatiš:**
-1. **Postani istraživač jezika**: Izaberi tri programska jezika iz potpuno različitih svjetova – možda jedan za izradu web stranica, jedan za mobilne aplikacije i jedan za znanstvenu obradu podataka. Pronađi primjere iste jednostavne zadaće napisane u svakom od tih jezika. Obećajem ti da ćeš biti potpuno oduševljen koliko mogu izgledati različito dok rade istu stvar!
+1. **Postani istraživač jezika**: Odaberi tri programska jezika iz sasvim različitih područja – možda jedan koji gradi web stranice, jedan za mobilne aplikacije i jedan za znanstveno obrađivanje podataka. Pronađi primjere istog jednostavnog zadatka napisanog u svakom jeziku. Obećavam da ćeš biti zapanjen koliko mogu izgledati različito dok rade upravo istu stvar!
 
-2. **Otkrij njihove priče nastanka**: Što svaki jezik čini posebnim? Evo zanimljive činjenice – svaki programski jezik je nastao jer je netko mislio „Znaš što? Mora postojati bolji način za rješavanje ovog konkretno problema.“ Možeš li otkriti koji su to problemi? Neki od tih priča su zaista fascinantni!
+2. **Otkrij njihovu priču o nastanku**: Što svaki jezik čini posebnim? Evo kul činjenice – svaki programski jezik nastao je jer je netko mislio: "Znate što? Mora postojati bolji način za rješavanje ovog specifičnog problema." Možeš li otkriti koji su to problemi bili? Neke od tih priča su stvarno fascinantne!
 
-3. **Upoznaj zajednice**: Pogledaj koliko su prijateljski i strastveni članovi svake zajednice. Neke broje milijune programera koji dijele znanje i pomažu jedni drugima, druge su manje ali vrlo povezane i podržavajuće. Voljet ćeš vidjeti različite osobnosti ovih zajednica!
+3. **Upoznaj zajednice**: Pogledaj koliko su svaka jezicna zajednica gostoljubiva i strastvena. Neke imaju milijune programera koji dijele znanje i pomažu jedni drugima, druge su manje ali izuzetno povezane i podržavajuće. Sigurno će ti se svidjeti vidjeti različite osobnosti tih zajednica!
 
-4. **Slijedi svoj instinkt**: Koji ti jezik trenutno najpristupačniji? Ne brini se o „savršeno“ donesenoj odluci – samo slušaj svoj osjećaj! Nema pogrešnog odgovora i uvijek možeš istražiti druge kasnije.
+4. **Slijedi svoj instinkt**: Koji jezik ti trenutno djeluje najpristupačnije? Ne brini o "savršeno" odabranom jeziku – samo slušaj svoje osjećaje! Ovdje nema pogrešnog odgovora i uvijek možeš kasnije istražiti druge.
 
-**Bonus detektivski zadatak**: Pokušaj saznati koje su glavne web stranice ili aplikacije izgrađene u svakom od tih jezika. Garantiram da ćeš se iznenaditi kad saznaš što pokreće Instagram, Netflix ili onu mobilnu igru koju ne možeš prestati igrati!
+**Bonus detektivski zadatak:** Pokušaj saznati koje su glavne web stranice ili aplikacije izgrađene u svakom od tih jezika. Garantiram da ćeš biti iznenađen koje su tehnologije iza Instagrama, Netflixa ili one mobilne igre od koje ne možeš odustati!
 
-> 💡 **Sjeti se**: Danas ne pokušavaš postati ekspert u bilo kojem od ovih jezika. Samo upoznaješ „kvart“ prije nego što odlučiš gdje ćeš se nastaniti. Uzmi si vremena, zabavi se i pusti znatiželji da te vodi!
+> 💡 **Zapamti**: Ne pokušavaš danas postati stručnjak ni za jedan od tih jezika. Samo upoznaješ okolicu prije nego odlučiš gdje želiš započeti. Uzmi si vremena, zabavi se i pusti da te znatiželja vodi!
 
-## Proslavimo što si otkrio!
+## Proslavimo ono što si otkrio!
 
-Vau, danas si usvojio toliko nevjerojatnih informacija! Stvarno sam uzbuđen vidjeti koliko ti je ovog sjajnog putovanja ostalo u pamćenju. I sjeti se – ovo nije test gdje moraš sve savršeno znati. Ovo je prije proslava svega kul što si naučio o ovom fascinantnom svijetu u koji tek krećeš zaroniti!
+Vau, danas si upio toliko nevjerojatnih informacija! Iskreno se radujem vidjeti koliko ti je toga ostalo u glavi nakon ovog fantastičnog putovanja. I zapamti – ovo nije test da sve moraš savršeno znati. Ovo je više kao proslava svih super stvari koje si naučio o ovom fascinantnom svijetu u koji se upravo spremaš zaroniti!
 
-[Uradi kviz nakon lekcije](https://ff-quizzes.netlify.app/web/)
-## Pregled i samostalno učenje
+[Posjeti kviz nakon lekcije](https://ff-quizzes.netlify.app/web/)
 
-**Uzmi si vremena za istraživanje i zabavu!**
+## Pregled & Samostalno učenje
 
-Danas si prešao/la jako puno gradiva i na to možeš biti ponosan/na! Sada dolazi zabavni dio – istraživanje tema koje su probudile tvoju znatiželju. Zapamti, ovo nije domaća zadaća – ovo je avantura!
+**Uzmi si vremena za istraživanje i zabavi se!**
+Pokrili ste puno toga danas i na to možete biti ponosni! Sada dolazi zabavni dio – istraživanje tema koje su probudile vašu znatiželju. Zapamtite, ovo nije domaća zadaća – ovo je avantura!
 
 **Zaronite dublje u ono što vas zanima:**
 
-**Isprobaj programske jezike uživo:**
-- Posjeti službene stranice 2-3 jezika koji su ti zapeli za oko. Svatko ima svoju osobnost i priču!
-- Isprobaj neke online okruženja za kodiranje poput [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ili [Replit](https://replit.com/). Ne boj se eksperimentirati – ne možeš ništa pokvariti!
-- Pročitaj kako je tvoj omiljeni jezik nastao. Ozbiljno, neke od tih priča o nastanku su fascinantne i pomoći će ti razumjeti zašto jezici funkcioniraju onako kako funkcioniraju.
+**Isprobajte programske jezike praktično:**
+- Posjetite službene web stranice 2-3 jezika koji su vam zapeli za oko. Svaki od njih ima svoju osobnost i priču!
+- Isprobajte neke online programske radionice kao što su [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ili [Replit](https://replit.com/). Ne bojte se eksperimentirati – ne možete ništa pokvariti!
+- Pročitajte kako je nastao vaš omiljeni jezik. Zaista, neke od tih priča o nastanku su fascinantne i pomoći će vam razumjeti zašto jezici funkcioniraju onako kako funkcioniraju.
 
-**Upoznaj se sa svojim novim alatima:**
-- Preuzmi Visual Studio Code ako već nisi – besplatan je i sigurno će ti se svidjeti!
-- Provedi nekoliko minuta pregledavajući tržište ekstenzija. To je kao trgovina aplikacijama za tvoj uređivač koda!
-- Otvori Alate za programere u svom pregledniku i samo klikaj unaokolo. Ne brini oko shvaćanja svega – samo se upoznaj s time što je dostupno.
+**Upoznajte se s novim alatima:**
+- Preuzmite Visual Studio Code ako to već niste učinili – besplatan je i sigurno će vam se svidjeti!
+- Provedite nekoliko minuta pregledavajući Tržnicu Extensions. To je kao trgovina aplikacijama za vaš uređivač koda!
+- Otvorite Alate za razvojne programere u svom pregledniku i samo klikajte. Ne brinite ako sve ne razumijete – samo se upoznajte s time što je dostupno.
 
-**Pridruži se zajednici:**
-- Prati neke zajednice programera na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ili [GitHub](https://github.com/). Programerska zajednica izuzetno je otvorena za nove članove!
-- Gledaj videozapise za početnike na YouTubeu. Ima toliko sjajnih autora koji se sjećaju kako je biti početnik.
-- Razmisli o pridruživanju lokalnim okupljanjima ili online zajednicama. Vjeruj mi, programeri vole pomoći onima koji tek počinju!
+**Pridružite se zajednici:**
+- Pratite neke zajednice programera na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ili [GitHub](https://github.com/). Zajednica programera izuzetno je otvorena za nove članove!
+- Pogledajte neke videozapise za početnike o programiranju na YouTubeu. Postoji mnogo sjajnih kreatora koji se sjećaju kako je krenuti od nule.
+- Razmislite o pridruživanju lokalnim susretima ili online zajednicama. Vjerujte mi, programeri vole pomagati novim članovima!
 
-> 🎯 **Slušaj, ovo želim da zapamtiš**: Ne očekuje se da preko noći postaneš majstor programiranja! Sada tek upoznaješ ovaj nevjerojatan novi svijet kojem ćeš pripadati. Uzmi si vremena, uživaj u putovanju i zapamti – svaki programer kojeg se diviš jednom je sjedio točno tamo gdje si ti sada, uzbuđen i možda malo preplavljen. To je potpuno normalno i znači da radiš stvari kako treba!
+> 🎯 **Evo što želim da zapamtite**: Ne očekuje se od vas da preko noći postanete majstor programiranja! Trenutno se samo upoznajete s ovim nevjerojatnim novim svijetom kojem ćete pripadati. Uzmite si vremena, uživajte u putovanju i zapamtite – svaki razvojni programer kojeg danas cijenite jednom je sjedio točno tamo gdje ste sada, osjećajući uzbuđenje i možda malo zbunjenosti. To je potpuno normalno i znak je da ste na pravom putu!
 
 
 
@@ -787,70 +787,70 @@ Danas si prešao/la jako puno gradiva i na to možeš biti ponosan/na! Sada dola
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Mali poticaj za tvoj zadatak**: Volio/voljela bih da istražiš još neke alate koje nismo spomenuli! Preskoči uređivače, preglednike i alate naredbenog retka o kojima smo već pričali – postoji čitav nevjerojatan svijet sjajnih razvojnih alata koji čekaju da budu otkriveni. Potraži one koji su aktivno održavani i imaju živahne, podržavajuće zajednice (oni obično imaju najbolje tutorijale i najviše prijateljskih ljudi koji ti mogu pomoći kad zaglaviš).
+> 💡 **Mali poticaj za zadatak**: Jako bih volio vidjeti da istražite neke alate koje još nismo pokrili! Preskočite uređivače, preglednike i alate komandne linije o kojima smo već govorili – postoji cijeli nevjerojatan svijet fantastičnih razvojnih alata koji samo čekaju da budu otkriveni. Tražite one koji su aktivno održavani i imaju živahne, korisne zajednice (oni obično imaju najbolje tutorijale i najpodržavajuće ljude kad zapnete i zatrebate prijateljsku pomoć).
 
 ---
 
-## 🚀 Tvoj vremenski plan za programiranje
-
-### ⚡ **Što možeš napraviti u sljedećih 5 minuta**
-- [ ] Označi kao favorite 2-3 web stranice programskih jezika koji su ti zapeli za oko
-- [ ] Preuzmi Visual Studio Code ako već nisi
-- [ ] Otvori DevTools (F12) u pregledniku i klikaj po bilo kojoj web stranici
-- [ ] Pridruži se jednoj programerskoj zajednici (Dev.to, Reddit r/webdev ili Stack Overflow)
-
-### ⏰ **Što možeš postići u sljedećih sat vremena**
-- [ ] Riješi kviz nakon lekcije i razmisli o svojim odgovorima
-- [ ] Namjesti VS Code sa ekstenzijom GitHub Copilot
-- [ ] Isprobaj primjer "Hello World" u 2 različita programska jezika online
-- [ ] Pogledaj video "Dan u životu programera" na YouTubeu
-- [ ] Započni svoj detektivski rad o programskom jeziku (iz izazova)
-
-### 📅 **Tvoja tjedna avantura**
-- [ ] Dovrši zadatak i istraži 3 nova razvojna alata
-- [ ] Prati 5 programera ili računa vezanih uz programiranje na društvenim mrežama
-- [ ] Pokušaj napraviti nešto malo u CodePenu ili Replitu (čak i samo "Hello, [Tvoje ime]!")
-- [ ] Pročitaj jedan blog post programera o njegovom putu u kodiranju
-- [ ] Pridruži se virtualnom meetup-u ili pogledaj neki programerski govor
-- [ ] Započni učiti odabrani jezik uz online tutorijale
-
-### 🗓️ **Tvoja mjesečna transformacija**
-- [ ] Izradi svoj prvi mali projekt (čak i jednostavna web stranica se računa!)
-- [ ] Doprinesi open-source projektu (počnite s ispravcima dokumentacije)
-- [ ] Mentoriraj nekoga tko tek počinje s programiranjem
-- [ ] Napravi svoju web stranicu kao portfelj programera
-- [ ] Poveži se s lokalnim zajednicama programera ili studijskim grupama
-- [ ] Započni planirati svoj sljedeći cilj u učenju
+## 🚀 Vaša vremenska linija programerskog putovanja
+
+### ⚡ **Što možete učiniti u sljedećih 5 minuta**
+- [ ] Spremiti u favorite web stranice 2-3 programska jezika koji su vam zapele za oko
+- [ ] Preuzeti Visual Studio Code ako to već niste učinili
+- [ ] Otvoriti DevTools u pregledniku (F12) i kliknuti po bilo kojoj web stranici
+- [ ] Pridružiti se jednoj programerskoj zajednici (Dev.to, Reddit r/webdev ili Stack Overflow)
+
+### ⏰ **Što možete postići unutar ovog sata**
+- [ ] Završiti kviz nakon lekcije i razmisliti o svojim odgovorima
+- [ ] Postaviti VS Code s GitHub Copilot ekstenzijom
+- [ ] Isprobati "Hello World" primjer u 2 različita programska jezika online
+- [ ] Pogledati video "Dan u životu programera" na YouTubeu
+- [ ] Početi detektivski rad o programskim jezicima (iz izazova)
+
+### 📅 **Vaša tjedna avantura**
+- [ ] Završiti zadatak i istražiti 3 nova razvojna alata
+- [ ] Pratiti 5 developera ili računa o programiranju na društvenim mrežama
+- [ ] Pokušati napraviti nešto malo u CodePenu ili Replitu (čak i samo "Hello, [Vaše ime]!")
+- [ ] Pročitati jedan blog post developera o nečijem putu programiranja
+- [ ] Pridružiti se virtualnom meetupu ili pogledati programersko predavanje
+- [ ] Početi učiti odabrani programski jezik putem online tutorijala
+
+### 🗓️ **Vaša mjesečna transformacija**
+- [ ] Izraditi svoj prvi mali projekt (čak i jednostavna web stranica se računa!)
+- [ ] Doprinijeti open-source projektu (počnite s ispravcima dokumentacije)
+- [ ] Mentorirati nekoga tko tek započinje svoje programersko putovanje
+- [ ] Izraditi vlastitu web stranicu s portfeljom programera
+- [ ] Povezati se s lokalnim zajednicama developera ili studijskim grupama
+- [ ] Početi planirati sljedeću prekretnicu u učenju
 
 ### 🎯 **Završna refleksija**
 
-**Prije nego što kreneš dalje, uzmi trenutak da se pohvališ:**
-- Što te danas u programiranju posebno oduševilo?
-- Koji alat ili koncept želiš prvo istražiti?
-- Kako se osjećaš što počinješ ovo programersko putovanje?
-- Koje pitanje bi htio/htjela sada postaviti nekom programeru?
+**Prije nego što nastavite, odvojite trenutak za slavlje:**
+- Što je jedna stvar u vezi programiranja koja vas je danas posebno oduševila?
+- Koji alat ili koncept želite prvo istražiti?
+- Kako se osjećate pred početak ovog programerskog putovanja?
+- Koje pitanje biste sada htjeli postaviti programeru?
 
 ```mermaid
 journey
     title Vaše putovanje izgradnje samopouzdanja
     section Danas
-      Znatiželjan: 3: You
+      Radoznao: 3: You
       Preplavljen: 4: You
       Uzbuđen: 5: You
     section Ovaj tjedan
-      Istraživanje: 4: You
-      Učenje: 5: You
-      Povezivanje: 4: You
+      Istražujem: 4: You
+      Učim: 5: You
+      Povezujem se: 4: You
     section Sljedeći mjesec
-      Izgradnja: 5: You
+      Gradim: 5: You
       Samopouzdan: 5: You
-      Pomoć drugima: 5: You
+      Pomažem drugima: 5: You
 ```
-> 🌟 **Zapamti**: Svaki stručnjak je nekada bio početnik. Svaki iskusni programer je jednom osjećao upravo kao ti sada – uzbuđeno, možda malo preplavljeno i nestrpljivo znati što je moguće. U dobrom si društvu, a ovo putovanje bit će nevjerojatno. Dobrodošao/dobrodošla u prekrasni svijet programiranja! 🎉
+> 🌟 **Zapamtite**: Svaki stručnjak jednom je bio početnik. Svaki stariji programer osjećao se baš kao i vi sada – uzbuđeno, možda malo preplavljeno i definitivno znatiželjno oko svega što je moguće. Nalazite se u sjajnom društvu i ovo putovanje će biti nevjerojatno. Dobro došli u prekrasni svijet programiranja! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Napomena**:
-Ovaj dokument je preveden korištenjem AI prevoditeljske usluge [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na njegovom izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili kriva tumačenja koja proizlaze iz korištenja ovog prijevoda.
+**Odricanje od odgovornosti**:
+Ovaj dokument preveden je pomoću AI usluge za prijevod [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku smatra se službenim i autoritativnim izvorom. Za važne informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hr/AGENTS.md b/translations/hr/AGENTS.md
index 7aba182e3..f738a56dd 100644
--- a/translations/hr/AGENTS.md
+++ b/translations/hr/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Pregled projekta
 
-Ovo je edukativni repozitorij za podučavanje osnova web razvoja početnicima. Kurikulum je sveobuhvatni 12-tjedni tečaj razvijen od strane Microsoft Cloud Advocates, koji obuhvaća 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML.
+Ovo je repozitorij obrazovnog kurikuluma za podučavanje osnova web razvoja početnicima. Kurikulum je sveobuhvatan tečaj u trajanju od 12 tjedana, razvijen od strane Microsoft Cloud Advocates, sadrži 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML.
 
 ### Ključne komponente
 
-- **Edukativni sadržaj**: 24 strukturirane lekcije organizirane u module temeljene na projektima
-- **Praktični projekti**: Terrarij, igra tipkanja, proširenje za preglednik, svemirska igra, bankarska aplikacija, uređivač koda i AI chat asistent
-- **Interaktivni kvizovi**: 48 kvizova s po 3 pitanja svaki (procjene prije i nakon lekcije)
-- **Podrška za više jezika**: Automatski prijevodi na više od 50 jezika putem GitHub Actions
+- **Obrazovni sadržaj**: 24 strukturirane lekcije organizirane u module temeljene na projektima
+- **Praktični projekti**: Terrarij, igra tipkanja, proširenje preglednika, svemirska igra, bankarska aplikacija, uređivač koda i AI chat asistent
+- **Interaktivni kvizovi**: 48 kvizova s po 3 pitanja (procjena prije/nakon lekcije)
+- **Podrška za više jezika**: Automatski prijevodi za više od 50 jezika putem GitHub Actions
 - **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte)
 
 ### Arhitektura
 
-- Edukativni repozitorij s lekcijama
+- Obrazovni repozitorij s lekcijsko-temeljnom strukturom
 - Svaka mapa lekcije sadrži README, primjere koda i rješenja
-- Samostalni projekti u zasebnim direktorijima (quiz-app, razni projekti lekcija)
+- Samostalni projekti u posebnim direktorijima (quiz-app, različiti projekti lekcija)
 - Sustav prijevoda koristeći GitHub Actions (co-op-translator)
 - Dokumentacija dostupna putem Docsify i kao PDF
 
 ## Komande za postavljanje
 
-Ovaj repozitorij je prvenstveno za konzumaciju edukativnog sadržaja. Za rad s određenim projektima:
+Ovaj repozitorij je prvenstveno za konzumaciju obrazovnog sadržaja. Za rad sa specifičnim projektima:
 
-### Glavno postavljanje repozitorija
+### Postavljanje glavnog repozitorija
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Postavljanje Quiz App (Vue 3 + Vite)
+### Postavljanje Quiz aplikacije (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -48,15 +48,15 @@ cd 7-bank-project/api
 npm install
 npm start          # Pokreni API poslužitelj
 npm run lint       # Pokreni ESLint
-npm run format     # Formatiraj s Prettier
+npm run format     # Formatiraj s Prettierom
 ```
 
-### Projekti proširenja za preglednik
+### Projekti proširenja preglednika
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Slijedite upute za učitavanje proširenja specifične za preglednik
+# Slijedite upute za učitavanje proširenja specifična za preglednik
 ```
 
 ### Projekti svemirske igre
@@ -76,77 +76,77 @@ pip install openai
 python api.py
 ```
 
-## Radni proces razvoja
+## Radni tok razvoja
 
 ### Za suradnike na sadržaju
 
 1. **Forkajte repozitorij** na svoj GitHub račun
 2. **Klonirajte svoj fork** lokalno
-3. **Kreirajte novu granu** za svoje promjene
-4. Izmijenite sadržaj lekcija ili primjere koda
-5. Testirajte bilo kakve promjene koda u relevantnim projekt mapama
+3. **Kreirajte novu granu** za svoje izmjene
+4. Napravite izmjene u sadržaju lekcija ili primjerima koda
+5. Testirajte izmjene koda u odgovarajućim direktorijima projekata
 6. Pošaljite pull requestove prema smjernicama za doprinos
 
 ### Za učenike
 
 1. Forkajte ili klonirajte repozitorij
-2. Redom idite u mape lekcija
+2. Prolazite kroz direktorije lekcija redom
 3. Čitajte README datoteke za svaku lekciju
-4. Riješite kvizove prije lekcije na https://ff-quizzes.netlify.app/web/
+4. Riješite pred-lekcijske kvizove na https://ff-quizzes.netlify.app/web/
 5. Radite kroz primjere koda u mapama lekcija
-6. Završite zadatke i izazove
-7. Riješite kvizove nakon lekcije
+6. Dovršite zadatke i izazove
+7. Riješite post-lekcijske kvizove
 
 ### Razvoj uživo
 
 - **Dokumentacija**: Pokrenite `docsify serve` u korijenu (port 3000)
-- **Quiz App**: Pokrenite `npm run dev` u quiz-app direktoriju
+- **Quiz aplikacija**: Pokrenite `npm run dev` u direktoriju quiz-app
 - **Projekti**: Koristite VS Code Live Server ekstenziju za HTML projekte
 - **API projekti**: Pokrenite `npm start` u odgovarajućim API direktorijima
 
 ## Upute za testiranje
 
-### Testiranje Quiz App
+### Testiranje Quiz aplikacije
 
 ```bash
 cd quiz-app
-npm run lint       # Provjerite ima li problema sa stilom koda
-npm run build      # Provjerite je li gradnja uspjela
+npm run lint       # Provjerite probleme sa stilom koda
+npm run build      # Provjerite uspjeh izgradnje
 ```
 
-### Testiranje Bank API
+### Testiranje Bank API-ja
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Provjerite probleme sa stilom koda
-node server.js     # Provjerite pokreće li se poslužitelj bez grešaka
+node server.js     # Provjerite pokreće li se poslužitelj bez pogrešaka
 ```
 
-### Opći pristup testiranju
+### Općeniti pristup testiranju
 
-- Ovo je edukativni repozitorij bez sveobuhvatnih automatiziranih testova
-- Ručno testiranje fokusira se na:
-  - Pokretanje primjera koda bez pogrešaka
-  - Ispravnost linkova u dokumentaciji
-  - Uspješan završetak build procesa projekata
-  - Primjeri slijede najbolje prakse
+- Ovo je obrazovni repozitorij bez sveobuhvatnih automatiziranih testova
+- Ručno testiranje se fokusira na:
+  - Primjere koda koji rade bez pogrešaka
+  - Ispravnost poveznica u dokumentaciji
+  - Uspješan završetak gradnje projekata
+  - Primjere koji slijede najbolje prakse
 
-### Provjere prije slanja
+### Provjere prije predaje
 
 - Pokrenite `npm run lint` u direktorijima s package.json
-- Provjerite ispravnost markdown linkova
+- Provjerite valjanost markdown poveznica
 - Testirajte primjere koda u pregledniku ili Node.js
-- Provjerite da prijevodi održavaju ispravnu strukturu
+- Provjerite da prijevodi održavaju pravilnu strukturu
 
 ## Smjernice za stil koda
 
 ### JavaScript
 
 - Koristite modernu ES6+ sintaksu
-- Slijedite standardne ESLint konfiguracije u projektima
-- Koristite smisleni nazive varijabli i funkcija za edukativnu jasnoću
+- Slijedite standardne ESLint konfiguracije zadane u projektima
+- Koristite smislen pripad imena varijabla i funkcija radi obrazovne jasnoće
 - Dodajte komentare koji objašnjavaju koncepte za učenike
-- Formatirajte koristeći Prettier gdje je konfigurirano
+- Formatirajte pomoću Prettier gdje je konfigurirano
 
 ### HTML/CSS
 
@@ -157,47 +157,47 @@ node server.js     # Provjerite pokreće li se poslužitelj bez grešaka
 
 ### Python
 
-- Smjernice stila PEP 8
-- Jasni, edukativni primjeri koda
-- Tipizacije gdje su korisne za učenje
+- Smjernice stilskog vodiča PEP 8
+- Jasni, obrazovni primjeri koda
+- Tipovi (type hints) gdje pomažu u učenju
 
 ### Markdown dokumentacija
 
 - Jasna hijerarhija naslova
-- Blokovi koda sa specifikacijom jezika
-- Linkovi na dodatne resurse
-- Screenshoti i slike u direktorijima `images/`
+- Blokovi koda s označenim jezikom
+- Poveznice na dodatne resurse
+- Snimke zaslona i slike u direktorijima `images/`
 - Alt tekst za slike radi pristupačnosti
 
 ### Organizacija datoteka
 
-- Lekcije numerirane redom (1-getting-started-lessons, 2-js-basics, itd.)
+- Lekcije numerirane uzastopno (1-getting-started-lessons, 2-js-basics itd.)
 - Svaki projekt ima `solution/` i često `start/` ili `your-work/` direktorije
-- Slike pohranjene u specifičnim `images/` mapama za lekcije
+- Slike pohranjene u lekcijskim `images/` mapama
 - Prijevodi u strukturi `translations/{language-code}/`
 
-## Izgradnja i distribucija
+## Izgradnja i postavljanje
 
-### Deploy Quiz App (Azure Static Web Apps)
+### Postavljanje Quiz aplikacije (Azure Static Web Apps)
 
-Quiz-app je konfiguriran za distribuciju putem Azure Static Web Apps:
+quiz-app je konfiguriran za Azure Static Web Apps:
 
 ```bash
 cd quiz-app
-npm run build      # Kreira mapu dist/
-# Raspoređuje putem GitHub Actions workflow-a na push u main
+npm run build      # Stvara mapu dist/
+# Objavljuje putem GitHub Actions tijeka rada pri pushu na main
 ```
 
 Konfiguracija Azure Static Web Apps:
 - **Lokacija aplikacije**: `/quiz-app`
 - **Izlazna lokacija**: `dist`
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Radni tijek**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Generiranje PDF dokumentacije
 
 ```bash
 npm install                    # Instalirajte docsify-to-pdf
-npm run convert               # Generirajte PDF iz dokumenata
+npm run convert               # Generirajte PDF iz docsa
 ```
 
 ### Docsify dokumentacija
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Instalirajte Docsify globalno
 docsify serve                 # Poslužite na localhost:3000
 ```
 
-### Buildovi specifični za projekte
+### Izgradnja specifičnih projekata
 
-Svaki projekt može imati svoj proces builda:
-- Vue projekti: `npm run build` kreira produkcijske paketove
-- Statični projekti: nema build koraka, datoteke se služe direktno
+Svaki direktorij projekta može imati vlastiti proces izgradnje:
+- Vue projekti: `npm run build` za proizvodne pakete
+- Statički projekti: Nema koraka izgradnje, posluživanje datoteka direktno
 
 ## Smjernice za pull requestove
 
 ### Format naslova
 
-Koristite jasne i opisne naslove koji označavaju područje promjene:
+Koristite jasne, opisne naslove koji označavaju područje promjene:
 - `[Quiz-app] Dodaj novi kviz za lekciju X`
-- `[Lesson-3] Ispravi tipfelere u terrarij projektu`
+- `[Lesson-3] Ispravi tipografsku pogrešku u terrarium projektu`
 - `[Translation] Dodaj španjolski prijevod za lekciju 5`
 - `[Docs] Ažuriraj upute za postavljanje`
 
-### Potrebne provjere
+### Obavezne provjere
 
 Prije slanja PR-a:
 
 1. **Kvaliteta koda**:
-   - Pokrenite `npm run lint` u zahvaćenim projekt direktorijima
-   - Ispravite sve linting pogreške i upozorenja
+   - Pokrenite `npm run lint` u zahvaćenim projektima
+   - Ispravite sve lint pogreške i upozorenja
 
-2. **Provjera builda**:
+2. **Provjera gradnje**:
    - Pokrenite `npm run build` ako je primjenjivo
-   - Osigurajte da nema build pogrešaka
+   - Osigurajte da nema grešaka u gradnji
 
-3. **Provjera linkova**:
-   - Testirajte sve markdown linkove
-   - Provjerite ispravnost poveznica na slike
+3. **Provjera poveznica**:
+   - Testirajte sve markdown poveznice
+   - Provjerite referencirane slike
 
 4. **Pregled sadržaja**:
-   - Lektura pravopisa i gramatike
-   - Provjera ispravnosti i edukativnosti primjera koda
-   - Provjera točnosti prijevoda
+   - Provjerite pravopis i gramatiku
+   - Osigurajte da su primjeri koda ispravni i obrazovni
+   - Provjerite da prijevodi zadržavaju izvorno značenje
 
 ### Zahtjevi za doprinos
 
-- Prihvatite Microsoft CLA (automatska provjera kod prvog PR-a)
+- Slažete se s Microsoft CLA (automatska provjera pri prvom PR-u)
 - Slijedite [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
 - Pogledajte [CONTRIBUTING.md](./CONTRIBUTING.md) za detaljne smjernice
-- Referencirajte brojeve problema u opisu PR-a ako je primjenjivo
+- Referencirajte broj/e problema u opisu PR-a ako je primjenjivo
 
 ### Proces pregleda
 
-- PR-ovi pregledavaju održavatelji i zajednica
-- Prioritet je edukativna jasnoća
-- Primjeri koda trebaju slijediti važeće najbolje prakse
-- Prijevodi se pregledavaju na točnost i kulturološku prikladnost
+- PR-ove pregledavaju održavatelji i zajednica
+- Prioritet je obrazovna jasnoća
+- Primjeri koda trebaju slijediti aktualne najbolje prakse
+- Prijevodi se pregledavaju na točnost i kulturnu prikladnost
 
 ## Sustav prijevoda
 
 ### Automatski prijevod
 
-- Koristi GitHub Actions s co-op-translator workflowom
+- Koristi GitHub Actions s co-op-translator workflow
 - Automatski prevodi na više od 50 jezika
 - Izvorne datoteke u glavnim direktorijima
-- Prijevodne datoteke u `translations/{language-code}/` direktorijima
+- Prevedene datoteke u `translations/{language-code}/` direktorijima
 
 ### Dodavanje ručnih poboljšanja prijevoda
 
 1. Pronađite datoteku u `translations/{language-code}/`
-2. Napravite poboljšanja pritom održavajući strukturu
+2. Unesite poboljšanja dok održavate strukturu
 3. Osigurajte da primjeri koda ostanu funkcionalni
-4. Testirajte lokalizirani kviz sadržaj
+4. Testirajte sve lokalizirane kviz sadržaje
 
 ### Metapodaci prijevoda
 
-Prijevodne datoteke uključuju zaglavlje metapodataka:
+Prevedene datoteke sadrže zaglavlje metapodataka:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -291,90 +291,90 @@ CO_OP_TRANSLATOR_METADATA:
 
 ## Otklanjanje pogrešaka i rješavanje problema
 
-### Uobičajeni problemi
+### Česti problemi
 
-**Quiz app se ne pokreće**:
+**Quiz aplikacija se ne pokreće**:
 - Provjerite verziju Node.js (preporučeno v14+)
-- Izbrišite `node_modules` i `package-lock.json`, zatim pokrenite `npm install`
-- Provjerite konflikt porta (prema zadanim postavkama: Vite koristi port 5173)
+- Obrišite `node_modules` i `package-lock.json`, ponovno pokrenite `npm install`
+- Provjerite sukobe porta (zadano: Vite koristi port 5173)
 
 **API server se ne pokreće**:
-- Provjerite da Node.js verzija zadovoljava minimum (node >=10)
-- Provjerite koristi li port već druga aplikacija
-- Osigurajte da su sve ovisnosti instalirane putem `npm install`
+- Provjerite da je verzija Node.js zadovoljavajuća (node >=10)
+- Provjerite koristi li port drugi proces
+- Osigurajte instalirane sve ovisnosti s `npm install`
 
-**Proširenje za preglednik se ne učitava**:
-- Provjerite je li manifest.json pravilno formatiran
-- Provjerite konzolu preglednika za pogreške
+**Proširenje preglednika se ne učitava**:
+- Provjerite ispravnost formata manifest.json
+- Pregledajte konzolu preglednika zbog pogrešaka
 - Slijedite upute za instalaciju specifične za preglednik
 
 **Problemi s Python chat projektom**:
-- Provjerite je li paket OpenAI instaliran: `pip install openai`
-- Provjerite da je postavljena varijabla okoline GITHUB_TOKEN
-- Provjerite dozvole pristupa GitHub modelima
+- Osigurajte instaliran OpenAI paket: `pip install openai`
+- Provjerite je li varijabla okoliša GITHUB_TOKEN postavljena
+- Provjerite dozvole za pristup GitHub Models
 
-**Docsify ne posluje s dokumentacijom**:
-- Instalirajte docsify-cli globalno: `npm install -g docsify-cli`
-- Pokrenite iz root direktorija repozitorija
-- Provjerite da `docs/_sidebar.md` postoji
+**Docsify ne poslužuje dokumente**:
+- Globalno instalirajte docsify-cli: `npm install -g docsify-cli`
+- Pokrenite iz korijenskog direktorija repozitorija
+- Provjerite postojanje `docs/_sidebar.md`
 
 ### Savjeti za razvojno okruženje
 
 - Koristite VS Code s Live Server ekstenzijom za HTML projekte
 - Instalirajte ESLint i Prettier ekstenzije za dosljedno formatiranje
-- Koristite DevTools preglednika za debuggiranje JavaScript koda
-- Za Vue projekte instalirajte Vue DevTools ekstenziju za preglednike
+- Koristite DevTools preglednika za otklanjanje JavaScript pogrešaka
+- Za Vue projekte instalirajte Vue DevTools ekstenziju preglednika
 
 ### Razmatranja performansi
 
 - Veliki broj prevedenih datoteka (50+ jezika) znači da su puni klonovi veliki
 - Koristite shallow clone ako radite samo na sadržaju: `git clone --depth 1`
-- Isključite prijevode iz pretraživanja dok radite na engleskom sadržaju
-- Build procesi mogu biti spori pri prvom pokretanju (npm install, Vite build)
+- Isključite prijevode iz pretraživanja pri radu na engleskom
+- Procesi gradnje mogu biti spori pri prvom pokretanju (npm install, Vite build)
 
-## Sigurnosna razmatranja
+## Sigurnosne napomene
 
-### Varijable okruženja
+### Varijable okoliša
 
-- API ključevi se nikada ne smiju uključivati u repozitorij
-- Koristite `.env` datoteke (već su u `.gitignore`)
-- Dokumentirajte potrebne varijable okruženja u README datotekama projekata
+- API ključevi nikada ne smiju biti spremljeni u repozitorij
+- Koristite `.env` datoteke (već u `.gitignore`)
+- Dokumentirajte potrebne varijable okoliša u README datotekama projekata
 
 ### Python projekti
 
-- Koristite virtualna okruženja: `python -m venv venv`
-- Održavajte ovisnosti ažurnima
+- Koristite virtualne okoline: `python -m venv venv`
+- Održavajte ovisnosti ažuriranima
 - GitHub tokeni trebaju imati minimalne potrebne dozvole
 
-### Pristup GitHub modelima
+### Pristup GitHub Models
 
-- Za GitHub modele potrebni su Personal Access Tokeni (PAT)
-- Tokeni trebaju biti pohranjeni kao varijable okoline
-- Nikada ne uključujte tokene ili vjerodajnice u repozitorij
+- Potrebni su Personal Access Tokens (PAT) za GitHub Models
+- Tokeni trebaju biti pohranjeni kao varijable okoliša
+- Nikada ne committajte tokene ili vjerodajnice
 
 ## Dodatne napomene
 
 ### Ciljana publika
 
 - Potpuni početnici u web razvoju
-- Studenti i samostalni učenici
+- Učenici i samouki
 - Nastavnici koji koriste kurikulum u učionicama
-- Sadržaj je dizajniran za pristupačnost i postepeno usavršavanje vještina
+- Sadržaj je dizajniran za pristupačnost i postupno usvajanje vještina
 
-### Edukativna filozofija
+### Obrazovna filozofija
 
-- Pristup učenju temeljen na projektima
+- Pristup učenja temeljen na projektima
 - Česte provjere znanja (kvizovi)
-- Praktične kodne vježbe
+- Praktične vježbe kodiranja
 - Primjeri iz stvarnog svijeta
-- Fokus na temelje prije frameworka
+- Fokus na osnove prije frameworka
 
 ### Održavanje repozitorija
 
 - Aktivna zajednica učenika i suradnika
 - Redovita ažuriranja ovisnosti i sadržaja
-- Praćenje problema i rasprava od strane održavatelja
-- Ažuriranja prijevoda automatizirana kroz GitHub Actions
+- Problemi i diskusije pregledavani od strane održavatelja
+- Automatska ažuriranja prijevoda putem GitHub Actions
 
 ### Povezani resursi
 
@@ -383,26 +383,26 @@ CO_OP_TRANSLATOR_METADATA:
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) preporučen za učenike
 - Dodatni tečajevi: Generativni AI, Data Science, ML, IoT kurikulumi dostupni
 
-### Rad s određenim projektima
+### Rad sa specifičnim projektima
 
-Za detaljne upute za pojedine projekte, pogledajte README datoteke u:
-- `quiz-app/README.md` - Vue 3 quiz aplikacija
+Za detaljne upute o pojedinim projektima, pogledajte README datoteke u:
+- `quiz-app/README.md` - Vue 3 aplikacija za kvizove
 - `7-bank-project/README.md` - Bankarska aplikacija s autentifikacijom
-- `5-browser-extension/README.md` - Razvoj proširenja za preglednik
-- `6-space-game/README.md` - Razvoj igre na canvas-u
+- `5-browser-extension/README.md` - Razvoj proširenja preglednika
+- `6-space-game/README.md` - Razvoj igre u Canvasu
 - `9-chat-project/README.md` - AI chat asistent projekt
 
-### Struktura monorepoa
+### Struktura monorepa
 
 Iako nije tradicionalni monorepo, ovaj repozitorij sadrži više neovisnih projekata:
 - Svaka lekcija je samostalna
 - Projekti ne dijele ovisnosti
 - Radite na pojedinim projektima bez utjecaja na druge
-- Klonirajte cijeli repozitorij za kompletno iskustvo kurikuluma
+- Klonirajte cijeli repozitorij za cjelokupni kurikulum iskustvo
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Odricanje od odgovornosti**:  
-Ovaj dokument je preveden pomoću AI prevoditeljske usluge [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
+**Odricanje od odgovornosti**:
+Ovaj dokument je preveden korištenjem AI usluge prevođenja [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na njegovom izvornom jeziku treba smatrati službenim i autoritativnim izvorom. Za važne informacije preporučuje se profesionalni prijevod čovjeka. Ne snosimo odgovornost za bilo kakve nesporazume ili kriva tumačenja koja proizlaze iz korištenja ovog prijevoda.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hr/README.md b/translations/hr/README.md
index fa1b92bbc..30ba7d4d7 100644
--- a/translations/hr/README.md
+++ b/translations/hr/README.md
@@ -10,203 +10,212 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Web razvoj za početnike - Kurikulum
+# Razvoj weba za početnike - Nastavni plan
 
-Naučite osnove web razvoja uz naš opsežni 12-tjedni tečaj od Microsoft Cloud zagovornika. Svaka od 24 lekcije produbljuje znanje JavaScripta, CSS-a i HTML-a kroz praktične projekte poput terarija, proširenja za preglednik i svemirskih igara. Sudjelujte u kvizovima, raspravama i praktičnim zadacima. Poboljšajte svoje vještine i optimizirajte zadržavanje znanja uz našu učinkovitu pedagogiju baziranu na projektima. Započnite svoje putovanje kodiranja već danas!
+Naučite osnove web razvoja kroz naš sveobuhvatni 12-tjedni tečaj kojeg vode Microsoft Cloud Advocatei. Svaka od 24 lekcije detaljno obrađuje JavaScript, CSS i HTML kroz praktične projekte poput terarija, proširenja za preglednike i svemirskih igara. Uključite se u kvizove, rasprave i praktične zadatke. Unaprijedite svoje vještine i optimizirajte usvajanje znanja pomoću naše učinkovite pedagoške metode temeljenje na projektima. Započnite svoje programersko putovanje već danas!
 
 Pridružite se Azure AI Foundry Discord zajednici
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Slijedite ove korake da započnete s korištenjem ovih resursa:
-1. **Napravite Fork repozitorija**: Kliknite [![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. **Klonirajte Repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Pridružite se Azure AI Foundry Discord-u i upoznajte stručnjake i druge developere**](https://discord.com/invite/ByRwuEEgH4)
+Slijedite ove korake da biste započeli s korištenjem ovih resursa:
+1. **Forkajte repozitorij**: Kliknite [![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. **Klonirajte repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Pridružite se Azure AI Foundry Discordu i upoznajte stručnjake i kolege developere**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Višejezična podrška
+### 🌐 Podrška za više jezika
 
-#### Podržano putem GitHub Action-a (automatizirano i uvijek ažurno)
+#### Podržano putem GitHub akcija (Automatski i uvijek ažurirano)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabijski](../ar/README.md) | [Bengalski](../bn/README.md) | [Bugarski](../bg/README.md) | [Burmanski (Myanmar)](../my/README.md) | [Kineski (pojednostavljeni)](../zh-CN/README.md) | [Kineski (tradicionalni, Hong Kong)](../zh-HK/README.md) | [Kineski (tradicionalni, Macau)](../zh-MO/README.md) | [Kineski (tradicionalni, Tajvan)](../zh-TW/README.md) | [Hrvatski](./README.md) | [Češki](../cs/README.md) | [Danski](../da/README.md) | [Nizozemski](../nl/README.md) | [Estonski](../et/README.md) | [Finski](../fi/README.md) | [Francuski](../fr/README.md) | [Njemački](../de/README.md) | [Grčki](../el/README.md) | [Hebrejski](../he/README.md) | [Hindi](../hi/README.md) | [Mađarski](../hu/README.md) | [Indonezijski](../id/README.md) | [Talijanski](../it/README.md) | [Japanski](../ja/README.md) | [Kannada](../kn/README.md) | [Korejski](../ko/README.md) | [Litvanski](../lt/README.md) | [Malezijski](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalski](../ne/README.md) | [Nigerijski pidgin](../pcm/README.md) | [Norveški](../no/README.md) | [Persijski (Farsi)](../fa/README.md) | [Poljski](../pl/README.md) | [Portugalski (Brazil)](../pt-BR/README.md) | [Portugalski (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Rumunjski](../ro/README.md) | [Ruski](../ru/README.md) | [Srpski (ćirilica)](../sr/README.md) | [Slovački](../sk/README.md) | [Slovenski](../sl/README.md) | [Španjolski](../es/README.md) | [Svahili](../sw/README.md) | [Švedski](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Tajlandski](../th/README.md) | [Turski](../tr/README.md) | [Ukrajinski](../uk/README.md) | [Urdu](../ur/README.md) | [Vijetnamski](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Preferirate kloniranje lokalno?**
-
-> Ovaj repozitorij uključuje preko 50 prijevoda jezika što značajno povećava veličinu preuzimanja. Za kloniranje bez prijevoda, koristite sparse checkout:
+> **Radije klonirati lokalno?**
+>
+> Ovaj repozitorij uključuje više od 50 prijevoda što značajno povećava veličinu preuzimanja. Za kloniranje bez prijevoda, koristite 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'
 > ```
-> Ovo vam daje sve što vam treba da dovršite tečaj s mnogo bržim preuzimanjem.
+>
+> **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"
+> ```
+>
+> Ovo vam daje sve što vam treba za dovršetak tečaja s puno bržim preuzimanjem.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Ako želite da dodatni prijevodi jezika budu podržani, navedeni su [ovdje](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Ako želite da budu podržani dodatni jezici za prijevod, oni su navedeni [ovdje](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Otvorite%20u%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Jeste li student?_
 
-Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći početničke izvore, studentske pakete i čak načine kako dobiti besplatni certifikat. Ovo je stranica koju želite označiti i povremeno provjeravati jer mijenjamo sadržaj mjesečno.
+Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći resurse za početnike, studentske pakete pa čak i načine kako dobiti besplatni certifikat. Ovo je stranica koju želite označiti i povremeno provjeravati jer mjesečno mijenjamo sadržaje.
 
-### 📣 Najava - Novi izazovi za GitHub Copilot Agent mode!
+### 📣 Objavljeno - Novi izazovi uz GitHub Copilot Agent mode!
 
-Dodan je novi izazov, potražite "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov za vas za dovršiti koristeći GitHub Copilot i Agent mode. Ako ranije niste koristili Agent mode, on može ne samo generirati tekst, već i stvarati i uređivati datoteke, izvršavati naredbe i još mnogo toga.
+Dodani su novi izazovi, potražite "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov koji možete dovršiti koristeći GitHub Copilot i Agent mode. Ako niste ranije koristili Agent mode, on ne samo da generira tekst već može i kreirati i uređivati datoteke, izvršavati naredbe i još mnogo toga.
 
-### 📣 Najava - _Novi projekt za izgradnju koristeći Generativni AI_
+### 📣 Objavljeno - _Novi projekt za izgradnju korištenjem generativne AI_
 
-Novi AI Assistant projekt upravo dodan, pogledajte [projekt](./9-chat-project/README.md)
+Upravo dodat novi AI Assistant projekt, pogledajte [projekt](./9-chat-project/README.md)
 
-### 📣 Najava - _Novi Kurikulum_ o Generativnom AI za JavaScript upravo je objavljen
+### 📣 Objavljeno - _Novi nastavni plan_ o generativnoj AI za JavaScript upravo je objavljen
 
-Ne propustite naš novi Generativni AI kurikulum!
+Ne propustite naš novi nastavni plan o generativnoj AI!
 
-Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) i započnite!
+Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za početak!
 
 ![Background](../../translated_images/hr/background.148a8d43afde5730.webp)
 
-- Lekcije koje pokrivaju sve od osnova do RAG-a.
-- Komunicirajte s povijesnim likovima koristeći GenAI i našu pratilac aplikaciju.
-- Zabavna i zanimljiva naracija, putovat ćete kroz vrijeme!
+- Lekcije pokrivaju sve od osnova do RAG-a.
+- Interakcija s povijesnim likovima kroz GenAI i našu prateću aplikaciju.
+- Zabavno i zanimljivo pripovijedanje, putovat ćete kroz vrijeme!
 
 ![character](../../translated_images/hr/character.5c0dd8e067ffd693.webp)
 
 
-Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov koji vas vodi kroz teme poput:
-- Izrada upita i inženjerstvo promptova
+Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov za učenje tema poput:
+- Promptanje i prompt inženjering
 - Generiranje tekstualnih i slikovnih aplikacija
-- Aplikacije za pretraživanje
+- Pretraživačke aplikacije
 
-Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) i započnite!
+Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za početak!
 
 
 
-## 🌱 Početak rada
+## 🌱 Početak
 
-> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) o tome kako koristiti ovaj kurikulum. Voljeli bismo vaše povratne informacije [u našem forumu za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) kako koristiti ovaj nastavni plan. Voljeli bismo vaše povratne informacije [na našem forumu za rasprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Učenici](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju započnite s predpredavanjem kvizom i nastavite čitanjem nastavnog materijala, dovršavanjem različitih aktivnosti te provjerite svoje razumijevanje postpredavanjem kvizom.
+**[Učenici](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju započnite s pred-lecture kvizom, zatim pročitajte predavanje, dovršite različite aktivnosti i provjerite svoje razumijevanje pomoću post-lecture kviza.
 
-Za poboljšanje iskustva učenja, povežite se sa svojim kolegama i zajedno radite na projektima! Rasprave su dobrodošle na našem [forumu za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje je naš tim moderatora dostupan za odgovore na vaša pitanja.
+Za povećanje svog iskustva učenja, povezujte se s kolegama i radite projekte zajedno! Poticanje rasprava je u našem [forumu za rasprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje je naš tim moderatora dostupan za odgovaranje na vaša pitanja.
 
-Za daljnje obrazovanje, toplo preporučujemo istraživanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne studijske materijale.
+Za daljnje obrazovanje, toplo preporučujemo istraživanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne materijale za učenje.
 
-### 📋 Postavljanje okruženja
+### 📋 Postavljanje vašeg okruženja
 
-Ovaj kurikulum već ima spremno razvojno okruženje! Kad započnete, možete odabrati pokretanje kurikuluma u [Codespace-u](https://github.com/features/codespaces/) (_browserskom okruženju bez potrebe za instalacijom_), ili lokalno na svom računalu koristeći uređivač teksta poput [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ovaj nastavni plan ima spremno razvojno okruženje! Kada započnete, možete odabrati pokretanje nastavnog plana u [Codespaceu](https://github.com/features/codespaces/) (_okruženje bazirano na pregledniku bez potrebe za instalacijama_), ili lokalno na vašem računalu koristeći tekstualni uređivač poput [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Kreirajte svoj repozitorij
-Da biste lakše spremili svoj rad, preporučuje se da napravite vlastitu kopiju ovog repozitorija. To možete učiniti klikom na gumb **Use this template** na vrhu stranice. Time ćete kreirati novi repozitorij u svom GitHub računu s kopijom kurikuluma.
+Kako biste jednostavno spremili svoj rad, preporučuje se da kreirate vlastitu kopiju ovog repozitorija. To možete učiniti klikom na gumb **Use this template** na vrhu stranice. Time će se u vašem GitHub računu kreirati novi repozitorij s kopijom nastavnog plana.
 
 Slijedite ove korake:
-1. **Fork Repozitorija**: Kliknite gumb "Fork" u gornjem desnom kutu ove stranice.
-2. **Klonirajte Repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Forkajte repozitorij**: Kliknite na gumb "Fork" u gornjem desnom kutu ove stranice.
+2. **Klonirajte repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Pokretanje kurikuluma u Codespace-u
+#### Pokretanje nastavnog plana u Codespaceu
 
-U svojoj kopiji repozitorija koju ste kreirali kliknite gumb **Code** i odaberite **Open with Codespaces**. Time ćete kreirati novi Codespace u kojem ćete raditi.
+U vašoj kopiji ovog repozitorija kliknite na gumb **Code** i odaberite **Open with Codespaces**. Time će se kreirati novi Codespace u kojem ćete raditi.
 
 ![Codespace](../../translated_images/hr/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Pokretanje kurikuluma lokalno na svom računalu
-
-Za pokretanje ovog kurikuluma lokalno na vašem računalu, trebat će vam uređivač teksta, preglednik i alat naredbenog retka. Naša prva lekcija, [Uvod u programske jezike i alate zanata](../../1-getting-started-lessons/1-intro-to-programming-languages), provest će vas kroz različite opcije za svaki od ovih alata kako biste odabrali što vam najviše odgovara.
-
-Naša preporuka je korištenje [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kao uređivač, koji također ima ugrađeni [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code možete preuzeti [ovdje](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Pokretanje nastavnog plana lokalno na vašem računalu
 
+Da biste ovaj nastavni plan pokrenuli lokalno na računalu, trebat će vam tekstualni uređivač, preglednik i alat za naredbenu liniju. Naša prva lekcija, [Uvod u programske jezike i alate](../../1-getting-started-lessons/1-intro-to-programming-languages), provest će vas kroz različite opcije za svaki od ovih alata kako biste odabrali što vam najviše odgovara.
 
-1. Klonirajte svoj repozitorij na računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a:
+Naša preporuka je da koristite [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kao uređivač koji također ima ugrađeni [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code možete preuzeti [ovdje](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klonirajte vaš repozitorij na računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a:
 
     [CodeSpace](./images/createcodespace.png)
+
     Zatim otvorite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) unutar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i pokrenite sljedeću naredbu, zamjenjujući `<your-repository-url>` s URL-om koji ste upravo kopirali:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Otvorite mapu u Visual Studio Code. To možete učiniti klikom na **Datoteka** > **Otvori mapu** i odabirom mape koju ste upravo klonirali.
+2. Otvorite mapu u Visual Studio Code. To možete učiniti klikom na **File** > **Open Folder** i odabirom mape koju ste upravo klonirali.
 
 
->  Preporučeni Visual Studio Code dodaci:
+>  Preporučeni dodaci za Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Code-a
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Codea
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za pomoć pri bržem pisanju koda
 
 ## 📂 Svaka lekcija uključuje:
 
-- opcionalnu sketchnote
-- opcionalni dodatni video
+- neobaveznu skicu
+- neobavezni dodatni video
 - kviz za zagrijavanje prije lekcije
 - pisanu lekciju
-- za lekcije temeljene na projektu, korak-po-korak vodiče kako izgraditi projekt
+- za lekcije temeljene na projektima, korak-po-korak vodiče za izgradnju projekta
 - provjere znanja
 - izazov
-- dodatno štivo
+- dodatno čitanje
 - zadatak
 - [kviz nakon lekcije](https://ff-quizzes.netlify.app/web/)
 
-> **Napomena o kvizovima**: Svi kvizovi nalaze se u mapi Quiz-app, ukupno 48 kvizova sa po tri pitanja. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/), aplikacija kvizova može se pokrenuti lokalno ili implementirati na Azure; slijedite upute u mapi `quiz-app`.
+> **Napomena o kvizovima**: Svi kvizovi su u mapi Quiz-app, ukupno 48 kvizova s po tri pitanja. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/); aplikacija kviza može se pokrenuti lokalno ili implementirati u Azure; slijedite upute u mapi `quiz-app`.
 
 ## 🗃️ Lekcije
 
-|     |                       Naziv Projekta                       |                            Koncepti Koje Se Podučavaju                             | Ciljevi Učenja                                                                                                                 |                                                         Povezana Lekcija                                                          |         Autor          |
-| :-: | :---------------------------------------------------------: | :-------------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Početak                                  |           Uvod u programiranje i alate zanata                                   | Naučite osnovne osnove većine programskih jezika i o softveru koji pomaže profesionalnim programerima u radu                      | [Uvod u programske jezike i alate zanata](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)                |         Jasmine         |
-| 02  |                     Početak                                  |             Osnove GitHuba, uključujući rad u timu                             | Kako koristiti GitHub u vašem projektu, kako surađivati s drugima na kodu                                                        |                            [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md)                                 |          Floor          |
-| 03  |                     Početak                                  |                             Pristupačnost                                      | Naučite osnove pristupačnosti weba                                                                                                |                       [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md)                              |       Christopher       |
-| 04  |                        Osnove JS                            |                         JavaScript Tipovi Podataka                            | Osnove tipova podataka u JavaScriptu                                                                                             |                                       [Tipovi podataka](./2-js-basics/1-data-types/README.md)                                      |         Jasmine         |
-| 05  |                        Osnove JS                            |                         Funkcije i metode                                    | Naučite o funkcijama i metodama za upravljanje logikom aplikacije                                                                |                              [Funkcije i metode](./2-js-basics/2-functions-methods/README.md)                                   | Jasmine i Christopher   |
-| 06  |                        Osnove JS                            |                        Donošenje odluka s JS                                 | Naučite kako stvarati uvjete u vašem kodu koristeći metode donošenja odluka                                                        |                                 [Donošenje odluka](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine         |
-| 07  |                        Osnove JS                            |                            Nizovi i petlje                                   | Rad s podacima koristeći nizove i petlje u JavaScriptu                                                                            |                                   [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)        |                            HTML u praksi                                    | Izgradite HTML za stvaranje online terarija, fokusirajući se na izgradnju rasporeda                                                |                                 [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md)                                        |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)        |                            CSS u praksi                                     | Izgradite CSS za stiliziranje online terarija, fokusirajući se na osnove CSS-a uključujući prilagodbu stranice                   |                                  [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md)                                         |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)   |                 JavaScript zatvaranja, manipulacija DOM-om                   | Izgradite JavaScript koji omogućuje terariju funkciju drag/drop sučelja, fokusirajući se na zatvaranja i manipulaciju DOM-om      |                  [JavaScript zatvaranja, manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md)               |           Jen           |
-| 11  |          [Igra tipkanja](./4-typing-game/solution/README.md)|                          Izrada igre tipkanja                               | Naučite kako koristiti događaje s tipkovnice za upravljanje logikom vaše JavaScript aplikacije                                   |                                [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md)                          |       Christopher       |
-| 12  | [Zelena proširenje preglednika](./5-browser-extension/solution/README.md) |                         Rad s preglednicima                             | Naučite kako preglednici rade, njihovu povijest i kako postaviti prve elemente proširenja preglednika                             |                               [O preglednicima](./5-browser-extension/1-about-browsers/README.md)                                 |           Jen           |
-| 13  | [Zelena proširenje preglednika](./5-browser-extension/solution/README.md) | Izrada obrasca, pozivanje API-ja i spremanje varijabli u lokalnu pohranu    | Izgradite JavaScript elemente vašeg proširenja preglednika za pozivanje API-ja koristeći varijable pohranjene u lokalnu pohranu  |                [API-ji, obrasci i lokalna pohrana](./5-browser-extension/2-forms-browsers-local-storage/README.md)              |           Jen           |
-| 14  | [Zelena proširenje preglednika](./5-browser-extension/solution/README.md) |          Pozadinski procesi u pregledniku, web performanse                | Koristite pozadinske procese preglednika za upravljanje ikonom proširenja; naučite o web performansama i nekim optimizacijama   |             [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Igra u svemiru](./6-space-game/solution/README.md) |             Napredniji razvoj igara s JavaScriptom                       | Naučite o nasljeđivanju koristeći klase i kompoziciju te Pub/Sub obrazac, u pripremi za izradu igre                              |                      [Uvod u napredni razvoj igara](./6-space-game/1-introduction/README.md)                                   |          Chris          |
-| 16  |           [Igra u svemiru](./6-space-game/solution/README.md) |                           Crtanje na platnu (canvas)                    | Naučite o Canvas API-ju, korištenom za crtanje elemenata na zaslonu                                                            |                                [Crtanje na platnu](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris          |
-| 17  |           [Igra u svemiru](./6-space-game/solution/README.md) |                   Pomicanje elemenata po zaslonu                        | Otkrijte kako elementi mogu dobiti pokret koristeći kartezijanske koordinate i Canvas API                                         |                           [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md)                             |          Chris          |
-| 18  |           [Igra u svemiru](./6-space-game/solution/README.md) |                          Detekcija sudara                               | Neka se elementi sudaraju i reagiraju jedni na druge koristeći pritiske tipki i osigurajte funkciju hlađenja radi performansi igre|                              [Detekcija sudara](./6-space-game/4-collision-detection/README.md)                                |          Chris          |
-| 19  |           [Igra u svemiru](./6-space-game/solution/README.md) |                             Vođenje rezultata                            | Izvodite matematičke izračune na temelju statusa i performansi igre                                                              |                                    [Vođenje rezultata](./6-space-game/5-keeping-score/README.md)                                 |          Chris          |
-| 20  |           [Igra u svemiru](./6-space-game/solution/README.md) |                        Završavanje i ponovno pokretanje igre             | Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje varijabli                           |                                [Uvjet završetka](./6-space-game/6-end-condition/README.md)                                     |          Chris          |
-| 21  |         [Bankarska aplikacija](./7-bank-project/solution/README.md) |                 HTML predlošci i rute u web aplikaciji                 | Naučite kako stvoriti okvir arhitekture višestranične web stranice koristeći rutiranje i HTML predloške                          |                            [HTML predlošci i rute](./7-bank-project/1-template-route/README.md)                                |          Yohan          |
-| 22  |         [Bankarska aplikacija](./7-bank-project/solution/README.md) |                  Izgradnja obrasca za prijavu i registraciju           | Naučite o izradi obrazaca i rukovanju rutinama validacije                                                                        |                                           [Obrasci](./7-bank-project/2-forms/README.md)                                      |          Yohan          |
-| 23  |         [Bankarska aplikacija](./7-bank-project/solution/README.md) |                   Metode dohvaćanja i upotrebe podataka               | Kako podaci ulaze i izlaze iz vaše aplikacije, kako ih dohvatiti, pohraniti i ukloniti                                             |                                            [Podaci](./7-bank-project/3-data/README.md)                                        |          Yohan          |
-| 24  |         [Bankarska aplikacija](./7-bank-project/solution/README.md) |                      Koncepti upravljanja stanjem                      | Naučite kako vaša aplikacija zadržava stanje i kako ga programatski upravljati                                                    |                                [Upravljanje stanjem](./7-bank-project/4-state-management/README.md)                              |          Yohan          |
-| 25  | [Browser/VScode kod](../../8-code-editor) | Rad s VScode | Naučite kako koristiti uređivač koda | [Korištenje VScode uređivača koda](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26  | [AI Asistenti](./9-chat-project/README.md) | Rad s AI | Naučite kako izgraditi vlastitog AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
+|     |                       Naziv projekta                      |                            Koncepti koji se podučavaju                             | Ciljevi učenja                                                                                                                 |                                                         Povezana lekcija                                                          |         Autor          |
+| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------ | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Početak rada                          |           Uvod u programiranje i alate trgovine                                    | Naučite osnovne temelje iza većine programskih jezika i o softveru koji pomaže profesionalnim programerima u njihovom radu      | [Uvod u programske jezike i alate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)                        |         Jasmine         |
+| 02  |                     Početak rada                          |             Osnove GitHub-a, uključuje rad u timu                                  | Kako koristiti GitHub u vašem projektu, kako surađivati s drugima na bazi koda                                                  |                            [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md)                                    |          Floor          |
+| 03  |                     Početak rada                          |                             Pristupačnost                                           | Naučite osnove pristupačnosti weba                                                                                              |                       [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md)                                |       Christopher       |
+| 04  |                        Osnove JS                          |                         JavaScript tipovi podataka                                | Osnove tipova podataka u JavaScriptu                                                                                            |                                       [Tipovi podataka](./2-js-basics/1-data-types/README.md)                                       |         Jasmine         |
+| 05  |                        Osnove JS                          |                         Funkcije i metode                                        | Naučite o funkcijama i metodama za upravljanje tokom logike aplikacije                                                         |                              [Funkcije i metode](./2-js-basics/2-functions-methods/README.md)                                      | Jasmine i Christopher   |
+| 06  |                        Osnove JS                          |                        Donošenje odluka u JS                                     | Naučite kako kreirati uvjete u vašem kodu koristeći metode za donošenje odluka                                                 |                                 [Donošenje odluka](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine         |
+| 07  |                        Osnove JS                          |                            Nizovi i petlje                                       | Radite s podacima koristeći nizove i petlje u JavaScriptu                                                                       |                                   [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md)                                     |         Jasmine         |
+| 08  |       [Terrarij](./3-terrarium/solution/README.md)       |                            HTML u praksi                                         | Izgradite HTML za online terarij, fokusirajući se na izradu rasporeda                                                          |                                 [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md)                                          |           Jen           |
+| 09  |       [Terrarij](./3-terrarium/solution/README.md)       |                            CSS u praksi                                          | Izgradite CSS za stiliziranje online terarija, fokusirajući se na osnove CSS-a uključujući responsivni dizajn stranice           |                                  [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md)                                          |           Jen           |
+| 10  |            [Terrarij](./3-terrarium/solution/README.md)            |                 JavaScript closures, manipulacija DOM-om                        | Izgradite JavaScript koji omogućava funkcionalnost terarija kao povuci-i-ispusti sučelja, fokusirajući se na closures i DOM     |                  [JavaScript closures, manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                |           Jen           |
+| 11  |          [Igra tipkanja](./4-typing-game/solution/README.md)          |                          Izradite igru tipkanja                                  | Naučite koristiti događaje tipkovnice za upravljanje logikom vaše JavaScript aplikacije                                         |                                [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md)                          |       Christopher       |
+| 12  | [Ekstenzija za zeleno pregledavanje](./5-browser-extension/solution/README.md) |                         Rad s preglednicima                                    | Naučite kako preglednici rade, njihovu povijest i kako izgraditi prve elemente ekstenzije preglednika                            |                               [O preglednicima](./5-browser-extension/1-about-browsers/README.md)                                  |           Jen           |
+| 13  | [Ekstenzija za zeleno pregledavanje](./5-browser-extension/solution/README.md) | Izrada obrasca, pozivanje API-ja i pohrana varijabli u lokalnu pohranu          | Izradite JavaScript elemente vaše ekstenzije za preglednik za pozivanje API-ja koristeći varijable pohranjene u lokalnu pohranu |                [API-ji, obrasci i lokalna pohrana](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
+| 14  | [Ekstenzija za zeleno pregledavanje](./5-browser-extension/solution/README.md) |          Pozadinski procesi u pregledniku, web performanse                     | Koristite pozadinske procese preglednika za upravljanje ikonom ekstenzije; naučite o web performansama i nekim optimizacijama  |             [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md)               |           Jen           |
+| 15  |           [Igra u svemiru](./6-space-game/solution/README.md)           |             Naprednija izrada igara s JavaScriptom                            | Naučite o nasljeđivanju koristeći i klase i kompoziciju te Pub/Sub obrascu, kao pripremu za izradu igre                         |                      [Uvod u naprednu izradu igara](./6-space-game/1-introduction/README.md)                                     |          Chris          |
+| 16  |           [Igra u svemiru](./6-space-game/solution/README.md)           |                           Crtanje na platnu                                   | Naučite o Canvas API-ju, koji se koristi za crtanje elemenata na zaslonu                                                      |                                [Crtanje na platnu](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Igra u svemiru](./6-space-game/solution/README.md)           |                   Pomicanje elemenata po zaslonu                              | Otkrijte kako elementi mogu dobiti gibanje koristeći kartezijanske koordinate i Canvas API                                       |                           [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md)                             |          Chris          |
+| 18  |           [Igra u svemiru](./6-space-game/solution/README.md)           |                          Detekcija sudara                                    | Neka se elementi sudaraju i međusobno reagiraju korištenjem pritisaka tipki i izvedite funkciju cooldown za osiguranje performansi igre |                              [Detekcija sudara](./6-space-game/4-collision-detection/README.md)                                |          Chris          |
+| 19  |           [Igra u svemiru](./6-space-game/solution/README.md)           |                             Vođenje rezultata                                 | Izvršite matematičke izračune temeljene na statusu igre i izvedbi                                                            |                                    [Vođenje rezultata](./6-space-game/5-keeping-score/README.md)                                  |          Chris          |
+| 20  |           [Igra u svemiru](./6-space-game/solution/README.md)           |                     Završetak i ponovno pokretanje igre                       | Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje vrijednosti varijabli             |                                [Uvjet završetka](./6-space-game/6-end-condition/README.md)                                      |          Chris          |
+| 21  |         [Bankarska aplikacija](./7-bank-project/solution/README.md)          |                 HTML predlošci i rute u web aplikaciji                      | Naučite kako napraviti arhitekturu višestranične web stranice koristeći rutiranje i HTML predloške                           |                            [HTML predlošci i rute](./7-bank-project/1-template-route/README.md)                                 |          Yohan          |
+| 22  |         [Bankarska aplikacija](./7-bank-project/solution/README.md)          |                  Izrada obrasca za prijavu i registraciju                    | Naučite o izradi obrazaca i rukovanju procedurama validacije                                                                 |                                           [Obrasci](./7-bank-project/2-forms/README.md)                                    |          Yohan          |
+| 23  |         [Bankarska aplikacija](./7-bank-project/solution/README.md)          |                   Metode dohvaćanja i korištenja podataka                   | Kako podaci ulaze i izlaze iz vaše aplikacije, kako ih dohvatiti, pohraniti i odbaciti                                        |                                            [Podaci](./7-bank-project/3-data/README.md)                                         |          Yohan          |
+| 24  |         [Bankarska aplikacija](./7-bank-project/solution/README.md)          |                      Koncepti upravljanja stanjem                           | Naučite kako vaša aplikacija zadržava stanje i kako ga upravljati programatski                                              |                                [Upravljanje stanjem](./7-bank-project/4-state-management/README.md)                              |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Rad s VScode | Naučite kako koristiti uređivač koda | [Korištenje VScode uređivača](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI asistenti](./9-chat-project/README.md) | Rad s AI | Naučite kako izgraditi vlastitog AI asistenta | [AI projekt asistenta](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogija
 
-Naš nastavni plan dizajniran je s dvije ključne pedagoške smjernice na umu:
+Naš kurikulum je dizajniran s dvije ključne pedagoške smjernice:
 * učenje temeljeno na projektima
-* česti kvizovi
+* učestali kvizovi
 
-Program poučava osnove JavaScripta, HTML-a i CSS-a, kao i najnovije alate i tehnike koje koriste današnji web programeri. Studenti će imati priliku razvijati praktično iskustvo izradom igre tipkanja, virtualnog terarija, ekološki prihvatljivog proširenja preglednika, igre u stilu space-invadera i bankarske aplikacije za tvrtke. Na kraju serije studenti će steći solidno razumijevanje web razvoja.
+Program uči osnove JavaScripta, HTML-a i CSS-a, kao i najnovije alate i tehnike koje koriste današnji web programeri. Studenti će imati priliku razviti praktično iskustvo izradom igre tipkanja, virtualnog terarija, ekološki prihvatljive proširenje za preglednik, igre u stilu space invadera i bankarske aplikacije za poduzeća. Na kraju serije, studenti će imati čvrsto razumijevanje web razvoja.
 
-> 🎓 Prve lekcije ovog kurikuluma možete proći kao [Put učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Prve lekcije ovog kurikuluma možete proći kao [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
 
-Osiguravanjem usklađenosti sadržaja s projektima proces je angažiraniji za studente, a zadržavanje koncepata će se pojačati. Također smo napisali nekoliko uvodnih lekcija o osnovama JavaScripta za uvođenje koncepata, uparene s videom iz zbirke "[Serija za početnike u: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", čiji su neki autori dali doprinos ovom kurikulumu.
+Osiguravanjem podudarnosti sadržaja s projektima, proces je angažiraniji za studente i zadržavanje koncepata će biti poboljšano. Također smo napisali nekoliko uvodnih lekcija o osnovama JavaScripta za upoznavanje s konceptima, uparene s videom iz zbirke video tutorijala "[Početnička serija za: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", od kojih su neki autori doprinijeli ovom kurikulumu.
 
-Nadalje, kviz s niskim ulogom prije nastave postavlja namjeru učenika prema učenju teme, dok drugi kviz nakon nastave osigurava dodatno zadržavanje gradiva. Ovaj kurikulum je osmišljen kao fleksibilan i zabavan i može se pohađati u cijelosti ili djelomično. Projekti počinju mali i postaju sve složeniji do kraja ciklusa od 12 tjedana.
+Osim toga, kviz s niskim ulozima prije sata usmjerava namjeru učenika prema učenju teme, dok drugi kviz nakon predavanja osigurava dodatno zadržavanje. Ovaj kurikulum je dizajniran da bude fleksibilan i zabavan te može se pohađati u cjelini ili djelomično. Projekti počinju mali i postaju sve složeniji do kraja 12-tjednog ciklusa.
 
-Iako smo namjerno izbjegavali uvođenje JavaScript frameworka kako bismo se posvetili osnovnim vještinama potrebnim web programeru prije usvajanja frameworka, dobar sljedeći korak nakon ovog kurikuluma bilo bi učenje o Node.js putem druge zbirke videozapisa: "[Serija za početnike u: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Iako smo namjerno izbjegavali uvođenje JavaScript frameworka kako bismo se koncentrirali na osnovne vještine potrebne kao web programer prije usvajanja frameworka, dobar sljedeći korak u dovršetku ovog kurikuluma bilo bi učenje o Node.js putem druge zbirke videozapisa: "[Početnička serija za: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Posjetite naše smjernice za [Kodeks ponašanja](CODE_OF_CONDUCT.md) i [Doprinos](CONTRIBUTING.md). Dobrodošli su vaši konstruktivni komentari!
+> Posjetite naše smjernice [Kodeksa ponašanja](CODE_OF_CONDUCT.md) i [Doprinos](CONTRIBUTING.md). Dobrodošli su vaši konstruktivni komentari!
 
 
-## 🧭 Pristup bez interneta
+## 🧭 Pristup izvan mreže
 
-Ovu dokumentaciju možete pokrenuti offline koristeći [Docsify](https://docsify.js.org/#/). Razgranajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na lokalni stroj, a zatim u korijenskoj mapi ovog repozitorija unesite `docsify serve`. Web stranica će biti dostupna na portu 3000 na vašem localhostu: `localhost:3000`.
+Ovu dokumentaciju možete pokrenuti izvan mreže koristeći [Docsify](https://docsify.js.org/#/). Forkajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na svoje lokalno računalo, a zatim u korijenskoj mapi ovog repozitorija upišite `docsify serve`. Web stranica će se poslužiti na portu 3000 na vašem localhostu: `localhost:3000`.
 
 ## 📘 PDF
-
 PDF svih lekcija možete pronaći [ovdje](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Ostali tečajevi
+## 🎒 Drugi tečajevi
+
 Naš tim proizvodi i druge tečajeve! Pogledajte:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -232,7 +241,7 @@ Naš tim proizvodi i druge tečajeve! Pogledajte:
 
 ---
  
-### Osnovno Učenje
+### Osnovno učenje
 [![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)
@@ -251,21 +260,21 @@ Naš tim proizvodi i druge tečajeve! Pogledajte:
 
 ## Dobivanje pomoći
 
-Ako zapnete ili imate pitanja o izradi AI aplikacija. Pridružite se kolegama učenicima i iskusnim programerima u raspravama o MCP-u. To je podržavajuća zajednica gdje su pitanja dobrodošla, a znanje se slobodno dijeli.
+Ako zapnete ili imate bilo kakvih pitanja o izradi AI aplikacija, pridružite se ostalim polaznicima i iskusnim developerima u raspravama o MCP-u. To je podržavajuća zajednica gdje su pitanja dobrodošla, a znanje se slobodno dijeli.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Ako imate povratne informacije o proizvodu ili greške tijekom izrade posjetite:
+Ako imate povratne informacije o proizvodu ili prijavite greške tijekom izrade, posjetite:
 
 [![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)
 
 ## Licenca
 
-Ovaj repozitorij je licenciran pod MIT licencom. Pogledajte datoteku [LICENSE](../../LICENSE) za više informacija.
+Ovo spremište licencirano je pod MIT licencom. Pogledajte datoteku [LICENSE](../../LICENSE) za više informacija.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Izjava o odricanju odgovornosti**:
-Ovaj dokument preveden je pomoću AI prevoditeljske usluge [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati službenim i autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
+**Odricanje od odgovornosti**:
+Ovaj dokument je preveden pomoću AI usluge za prevođenje [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za važne informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakva nesporazuma ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hu/.co-op-translator.json b/translations/hu/.co-op-translator.json
index 5ad62337a..07a3eb5fb 100644
--- a/translations/hu/.co-op-translator.json
+++ b/translations/hu/.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-07T03:13:27+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:55:42+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "hu"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:17:22+00:00",
+    "translation_date": "2026-03-06T16:05:29+00:00",
     "source_file": "AGENTS.md",
     "language_code": "hu"
   },
@@ -516,8 +516,8 @@
     "language_code": "hu"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:09:19+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:50:16+00:00",
     "source_file": "README.md",
     "language_code": "hu"
   },
diff --git a/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index c1db4b9f8..339ee0479 100644
--- a/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/hu/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
 # Bevezetés a programozási nyelvekbe és a modern fejlesztői eszközökbe
- 
-Szia, leendő fejlesztő! 👋 Elmondhatok valamit, ami minden egyes nap kiráz a hideg? Most fogod felfedezni, hogy a programozás nemcsak a számítógépekről szól – hanem arról, hogy valódi szuperképességekkel rendelkezel, hogy életre keltsd a legvadabb ötleteidet!
 
-Ismered azt a pillanatot, amikor a kedvenc appodat használod, és minden csak tökéletesen működik? Amikor megnyomsz egy gombot, és történik valami teljesen varázslatos, amin elámulsz, hogy "hű, ezt hogy CSINÁLTÁK?" Nos, valaki, pont olyan, mint te – valószínűleg a kedvenc kávézójában ül éjjel 2-kor a harmadik eszpresszójával – írta azt a kódot, amely létrehozta azt a varázslatot. És itt jön az igazán elképesztő: a tananyag végére nemcsak azt fogod érteni, hogy hogyan tették ezt, hanem alig várni fogod, hogy te magad is kipróbáld!
+Szia, jövőbeli fejlesztő! 👋 Elmondhatok neked valamit, ami nekem nap mint nap libabőrt okoz? Most fogod felfedezni, hogy a programozás nem csak a számítógépekről szól – hanem arról, hogy tényleges szuperképességeid legyenek, hogy a vadabb ötleteidet életre keltsd!
 
-Tudom, hogy a programozás most még ijesztőnek tűnhet. Amikor én kezdtem, tényleg azt hittem, hogy vagy valami matekzseni kell legyek, vagy már ötéves korom óta kódolnom kell. De ez változtatta meg teljesen a nézőpontomat: a programozás pont olyan, mintha megtanulnál beszélgetni egy új nyelven. Először köszönsz meg azt mondod, hogy "köszönöm," aztán megtanulsz kávét rendelni, és mielőtt észrevennéd, mély filozófiai beszélgetéseket folytatsz! Csak éppenséggel a számítógépekkel beszélgetsz, és őszintén? Ezek a legkitartóbb beszélgetőpartnerek, akikkel valaha találkozhatsz – soha nem ítélik meg a hibáidat, és mindig örömmel próbálkoznak újra!
+Ismered azt a pillanatot, amikor a kedvenc appodat használod, és minden tökéletesen klappol? Amikor megnyomsz egy gombot, és történik valami igazán varázslatos, amiért azt mondod: "hűha, ezt hogyan CSINÁLTÁK?" Nos, valaki pontosan olyan, mint te – valószínűleg a kedvenc kávézójában egy hajnal kettőkor, a harmadik eszpresszójával – írta azt a kódot, ami ezt a varázslatot megteremtette. És most jön az, ami el fog kápráztatni: a tanóra végére nemcsak meg fogod érteni, hogyan csinálták, hanem alig fogod várni, hogy magad is kipróbáld!
 
-Ma meg fogjuk nézni azokat a hihetetlen eszközöket, amik nemcsak lehetővé teszik, hanem nagyon addiktívvá teszik a modern webfejlesztést. Pont azokat az editorokat, böngészőket és munkafolyamatokat, amelyeket a Netflix, a Spotify és a kedvenc indie app stúdiód fejlesztői használnak minden nap. És most jön a rész, amire majd örülni fogsz: ezeknek a professzionális, iparági szabvány eszközöknek a többsége teljesen ingyenes!
+Nézd, teljesen megértem, ha most még ijesztőnek tűnik a programozás. Amikor én kezdtem, őszintén azt hittem, hogy valami matekgéniusz kell hozzá, vagy hogy ötéves korom óta kell kódolnom. De eztán valami teljesen megváltoztatta a nézőpontomat: a programozás pont olyan, mintha egy új nyelven tanulnál beszélgetni. Először csak annyit tudsz, hogy "szia" és "köszönöm", aztán már rendelni tudsz kávét, és az emberfia hamarosan mély filozófiai beszélgetéseket folytat! Csak itt a számítógéppel beszélgetsz, és őszintén? Ők a legelnézőbb beszélgetőpartnerek, amilyeneket el tudsz képzelni – soha nem ítélkeznek a hibáid miatt, és mindig örömmel próbálják újra!
+
+Ma megismerjük az elképesztő eszközöket, amelyek nemcsak lehetővé teszik, hanem komolyan függőséget okoznak a modern webfejlesztést. Pontosan azokat a szerkesztőket, böngészőket és munkafolyamatokat fogjuk nézni, amiket a Netflix, Spotify és a kedvenc indie app stúdiód fejlesztői használnak nap mint nap. És itt jön a legjobb rész, ami boldoggá fog tenni: ezeknek a profi, ipari szabványú eszközöknek a nagy része teljesen ingyenes!
 
 ![Intro Programming](../../../../translated_images/hu/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote készítette [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote készítette: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
@@ -22,65 +22,65 @@ journey
       Kód szerkesztők: 4: You
       Böngészők és fejlesztői eszközök: 5: You
       Parancssor: 3: You
-    section Gyakorlás
+    section Gyakorlat
       Nyelvnyomozó: 4: You
-      Eszközfelfedezés: 5: You
-      Közösségi kapcsolatok: 5: You
+      Eszköz feltárás: 5: You
+      Közösségi kapcsolat: 5: You
 ```
-## Nézzük, mit tudsz már!
+## Nézzük meg, mit tudsz már!
 
-Mielőtt belevágnánk a mókába, kíváncsi vagyok – mit tudsz már erről a programozás világáról? És hallgasd csak, ha ezekre a kérdésekre azt gondolod, hogy "nincs semmi fogalmam erről," az nemcsak rendben van, hanem tökéletes! Ez azt jelenti, hogy pontosan a megfelelő helyen vagy. Gondolj erre a kvízre úgy, mint az edzés előtti bemelegítésre – csak melegítjük az agyizmokat!
+Mielőtt belevágnánk a mókába, kíváncsi vagyok – mit tudsz már erről a programozós világról? És hallgasd, ha ezeket a kérdéseket olvasva azt gondolod: "Nekem erről tényleg semmi fogalmam sincs," az nem csak rendben van, hanem tökéletes! Ez azt jelenti, hogy pontosan jó helyen vagy. Gondolj erre a kvízre úgy, mint egy bemelegítésre az edzés előtt – csak a "gondolkodó izmaidat" melegítjük fel!
 
-[Vegyél részt az előzetes kvízen](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Vedd fel az előóra kvízt](https://ff-quizzes.netlify.app/web/)
 
 
-## Az a kaland, amire együtt indulunk
+## Az a kaland, amit együtt fogunk megtapasztalni
 
-Jól van, őszintén izgatott vagyok, hogy mit fogunk ma felfedezni! Komolyan, szívesen látnám az arcodat, amikor néhány koncepció végre összeáll. Íme az a hihetetlen utazás, amire együtt indulunk:
+Oké, őszintén szólva majd kiugrom a bőrömből az izgalomtól, amit ma tanulni fogunk! Komolyan, bárcsak láthatnám az arcodat, amikor néhány fogalom hirtelen helyére kerül. Itt van az az elképesztő utazás, amire együtt indulunk:
 
-- **Mi is valójában a programozás (és miért a legmenőbb dolog a világon!)** – Felfedezzük, hogyan a kód a szinte láthatatlan varázslat, amely mindent hajt körülötted, az ébresztőtől, ami valahogy tudja, hogy hétfő reggel van, egészen a Netflix tökéletes ajánló algoritmusáig
-- **A programozási nyelvek és elképesztő személyiségük** – Képzeld el, hogy egy buliba mész, ahol mindenki teljesen más szuperképességekkel és problémamegoldási módszerekkel rendelkezik. Pont ilyen a programozási nyelvek világa, és imádni fogod őket megismerni!
-- **Az alapvető építőelemek, amelyek életre keltik a digitális varázslatot** – Gondolj erre, mint a végső kreatív LEGO készletre. Ha megérted, hogyan állnak össze ezek a darabok, rájössz, hogy bármit meg tudsz építeni, amit csak a képzeleted álmodik meg
-- **A professzionális eszközök, amelyek úgy érzik veled, mintha most adtak volna egy varázspálcát a kezedbe** – Nem túlozok – ezek az eszközök tényleg szuperképességekkel ruháznak fel, és a legjobb az egészben? Pont ugyanazokat az eszközöket használják a profik!
+- **Mi is pontosan a programozás (és miért a legmenőbb dolog az egész világon!)** – Felfedezzük, hogyan a kód szó szerint az a láthatatlan varázslat, ami mindent működtet körülötted, az ébresztőtől, ami valahogy tudja, hogy hétfő reggel van, egészen az algoritmusig, ami tökéletesen személyre szabja a Netflix ajánlásaidat.
+- **A programozási nyelvek és elképesztő személyiségük** – Képzeld el, hogy belépsz egy buliba, ahol minden embernek teljesen más szuperképességei és problémamegoldó módszerei vannak. Pont ilyen a programozási nyelvek világa, és imádni fogod megismerni őket!
+- **Az alapvető építőelemek, amelyek a digitális varázslatot létrehozzák** – Gondolj erre úgy, mint az ultimate kreatív LEGO készletre. Ha egyszer rájössz, ezek az elemek hogyan illeszkednek össze, rá fogsz jönni, hogy szó szerint bármit meg tudsz építeni, amit csak el tudsz képzelni.
+- **Professzionális eszközök, amiktől úgy fogod érezni magad, mint egy mágus, akinek most adtak egy varázspálcát** – Nem dramatizálok – ezek az eszközök tényleg arra fognak késztetni, hogy szuperképességeid vannak, és a legjobb az egészben? Ezeket ugyanazokat az eszközöket használják a szakik!
 
-> 💡 **Egy dolog:** Ne is próbáld meg ma mindenre megjegyezni a választ! Most csak azt szeretném, hogy érezd azt az izgalmat, ami a lehetőségekben rejlik. A részletek természetesen megmaradnak majd, ahogy együtt gyakorlunk – így tanul az ember igazán!
+> 💡 **Fontos**: Ne is gondolj arra, hogy ma mindent megjegyezz! Jelenleg csak azt szeretném, hogy érezd azt a lelkes szikrát, hogy mennyi minden lehetséges. A részletek maguktól ragadnak majd rád, ahogy gyakorolunk együtt – így zajlik a valódi tanulás!
 
-> Ezt a leckét elvégezheted a [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) oldalán is!
+> Ezt az órát megtalálod a [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) oldalán is!
 
-## Szóval mi is *valójában* a programozás?
+## Szóval, mit is jelent *valójában* a programozás?
 
-Oké, foglalkozzunk a millió dolláros kérdéssel: mi is a programozás igazából?
+Rendben, vessünk egy pillantást a millió dolláros kérdésre: mi is pontosan a programozás?
 
-Mesélek egy történetet, ami teljesen megváltoztatta a róla alkotott képemet. A múlt héten próbáltam elmagyarázni anyukámnak, hogyan kell használni az új okostévénk távirányítóját. Közben azt vettem észre, hogy olyasmiket mondok, hogy "Nyomd meg a piros gombot, de nem a nagy pirosat, hanem a kis pirosat a bal oldalon... nem, a másik bal oldaladat... oké, most tartsd benyomva két másodpercig, nem egyet, nem hármat..." Ismerős? 😅
+Mesélek egy történetet, ami teljesen megváltoztatta a gondolkodásomat erről. Múlt héten megpróbáltam elmagyarázni anyukámnak, hogyan kell használni az új okostévé távkapcsolónkat. Meghallottam magamban, ahogy mondom: "Nyomd meg a piros gombot, de nem a nagy pirosat, az apró pirosat balra... nem, a másik balodat... oké, most tartsd nyomva két másodpercig, nem egyet, nem hármat..." Ez ismerős? 😅
 
-Ez a programozás! Az a művészet, hogy hihetetlenül részletes, lépésről lépésre szóló utasításokat adj valaminek, ami nagyon erős, de mindent tökéletesen ki kell írnod neki. Csakhogy nem a mamádnak magyarázod (aki megkérdezheti, hogy "melyik piros gomb?!"), hanem egy számítógépnek, ami pontosan azt teszi, amit mondasz, még ha az nem is teljesen az, amit gondoltál.
+Ez a programozás! Az a művészet, hogy hihetetlenül részletes, lépésről lépésre szóló utasításokat adsz egy erős dolognak, amihez mindent tökéletesen ki kell fejezni. Csak itt nem anyukádnak magyarázol (aki megkérdezheti: "melyik piros gombot?!"), hanem a számítógépnek, ami pontosan azt csinálja, amit mondasz, még ha amit mondtál, nem is teljesen az, amit gondoltál.
 
-Ez az, ami elsőre elvarázsolt: a számítógépek tulajdonképpen elég egyszerűek a magjukban. Valójában csak két dolgot értenek meg – az 1-et és a 0-t, ami gyakorlatilag azt jelenti, hogy "igen" meg "nem", vagy "be" és "ki". Ennyi! De itt jön a varázslat – nem kell úgy beszélnünk, mintha a Mátrixban lennénk, az 1-ekkel és 0-kkal. Itt jönnek képbe a **programozási nyelvek**. Olyanok, mint a világ legjobb tolmácsa, aki a teljesen normális emberi gondolataidat átalakítja számítógépes nyelvvé.
+Ami nekem az első tanuláskor teljesen megdöbbentő volt: a számítógépek valójában meglepően egyszerűek. Csak két dolgot értenek meg: 1-et és 0-t, ami nagyjából "igen" és "nem" vagy "bekapcsolva" és "kikapcsolva." Ennyi! De itt jön a varázslat – nekünk nem kell úgy beszélnünk, mint egy Mátrixban játszódó filmben, azaz csak 1-esekkel és 0-kval. Itt segítenek a **programozási nyelvek**. Olyanok, mint a világ legjobb tolmácsai, akik a normális emberi gondolataidat számítógép-nyelvre fordítják.
 
-És amitől minden reggel megint libabőrös leszek, amikor felébredek: szó szerint *minden* digitális az életedben onnan indult, hogy valaki pont olyan volt, mint te, valószínűleg pizsamában egy kávéval a kezében, kódot gépelve a laptopján. Az az Instagram szűrő, ami hibátlannak mutat? Valaki megírta a kódját. Az az ajánlás, ami elvezetett az új kedvenc dalodhoz? Egy fejlesztő építette azt az algoritmust. Az app, ami segít megosztani a vacsora számlát a barátaiddal? Igen, valaki azt gondolta, "ez idegesítő, ezt meg tudnám oldani," és aztán... megoldotta!
+És eztől ma is minden reggel libabőrös leszek: szó szerint *minden* digitális az életedben onnan indult, hogy valaki, pont olyan, mint te, valószínűleg pizsamában, egy kávéval, gépelte a kódot a laptopján. Az az Instagram filter, ami tökéletessé tesz? Valaki megírta azt a kódot. Az az ajánlás, ami az új kedvenc dalodhoz vezetett? Egy fejlesztő készítette azt az algoritmust. Az az app, ami segít elosztani a vacsora számlát a barátaiddal? Igen, valaki arra gondolt, hogy "ez idegesítő, biztos meg tudom ezt oldani," és aztán... megoldotta!
 
-Amikor megtanulsz programozni, nemcsak egy új készséget szerzel, hanem része leszel egy hihetetlen közösségnek, akik a napjaikat azzal töltik, hogy azon gondolkodnak: "Mi lenne, ha olyasmit építhetnék, ami valakinek a napját egy kicsit jobbá teszi?" Őszintén, van ennél menőbb?
+Amikor megtanulod a programozást, nem csak egy új készséget sajátítasz el – egy elképesztő problémamegoldó közösség tagja leszel, akik nap mint nap azt gondolják: "Mi lenne, ha építenék valamit, ami egy kicsit jobbá teszi valaki napját?" Őszintén, van ennél menőbb dolog?
 
-✅ **Érdekesség vadászat**: Amikor lesz egy szabad perce, nézz utána ennek – ki volt szerinted a világ első számítógépes programozója? Egy tipp: nem az, akire számítanál! Az ő története abszolút lenyűgöző, és megmutatja, hogy a programozás mindig a kreatív problémamegoldásról és a dobozon kívüli gondolkodásról szólt.
+✅ **Szórakoztató ténykérdezés**: Itt egy szuper dolog, amit nézz meg, ha lesz egy szabad pillanatod – szerinted ki volt a világ első számítógépes programozója? Segítek: nem az, akire először gondolnál! Az ő története abszolút lenyűgöző, és megmutatja, hogy a programozás mindig is kreatív problémamegoldásról és a szokásos gondolkodásmódon túl való gondolkodásról szólt.
 
-### 🧠 **Állj meg egy pillanatra: hogy érzed magad?**
+### 🧠 **Ellenőrző pont: Hogy érzed magad?**
 
-**Reflektálj egy kicsit:**
-- Most már érted, mit jelent "utasításokat adni a számítógépeknek"?
-- Tudsz gondolni olyan napi feladatra, amit programozással automatizálnál?
-- Milyen kérdések merültek fel benned a programozással kapcsolatban?
+**Szánj egy pillanatot az átgondolásra:**
+- Most már érthető a "utasításokat adni a számítógépeknek" gondolata?
+- Tudsz gondolni egy mindennapi feladatra, amit szívesen automatizálnál programozással?
+- Milyen kérdések motoszkálnak a fejedben ezzel a programozás témával kapcsolatban?
 
-> **Ne feledd**: teljesen normális, ha most néhány fogalom kicsit homályos. A programozás olyan, mintha új nyelvet tanulnál – idő kell, hogy az agyad megépítse az idegpályákat. Nagyon jól csinálod!
+> **Emlékezz**: Teljesen normális, ha néhány fogalom most még zavarosnak tűnik. A programozás tanulása olyan, mint egy új nyelv tanulása – idő kell, hogy az agyad kialakítsa az idegpályákat. Jól csinálod!
 
 ## A programozási nyelvek olyanok, mint a varázslat különböző ízei
 
-Oké, ez most furcsán fog hangzani, de bízz bennem – a programozási nyelvek nagyon hasonlítanak a különböző zenei stílusokra. Gondolj csak bele: van jazz, ami sima és improvizatív, rock, ami erőteljes és egyenes, klasszikus, ami elegáns és struktúrált, meg hip-hop, ami kreatív és kifejező. Minden stílusnak megvan a maga hangulata, a lelkes rajongó közössége, és mindegyik tökéletes különböző hangulatokhoz és alkalmakhoz.
+Oké, ez furcsán fog hangzani, de maradj velem – a programozási nyelvek sokban hasonlítanak a különböző zenei műfajokra. Gondolj csak bele: van jazz, ami sima és improvizatív, rock, ami erőteljes és egyenes, klasszikus, ami elegáns és struktúrált, és hip-hop, ami kreatív és kifejező. Mindegyiknek megvan a saját hangulata, saját lelkes rajongótábora, és mind tökéletes más-más hangulathoz és alkalomhoz.
 
-A programozási nyelvek pont így működnek! Nem használnál ugyanazt a nyelvet egy szórakoztató mobiljáték fejlesztésére, mint amit az óriási mennyiségű klímaadat feldolgozásához használnál, ahogy a death metalt sem játszanád jógán (na jó, a legtöbb jógán nem! 😄).
+A programozási nyelvek is pontosan így működnek! Nem ugyanazt a nyelvet használnád egy szórakoztató mobil játékhoz, amit egy óriási klímadata elemzéshez, ahogy egy jógán sem tolnád a death metált (na, a legtöbb jógán mindenesetre! 😄).
 
-De ami mindig lenyűgöz: ezek a nyelvek olyanok, mint a világ legkitartóbb, legbriliánsabb tolmáccsal az oldaladon. Ki tudod fejezni az ötleteidet úgy, hogy az természetes legyen az emberi agyadnak, ők pedig elvégzik azt a hihetetlenül komplex munkát, hogy átültessék azt az 1-esekbe és 0-kba, amit a számítógépek beszélnek. Olyan, mintha lenne egy barátod, aki tökéletesen beszéli az "emberi kreativitás" és a "számítógépes logika" nyelvét – és soha nem fárad el, nem kér kávészünetet, és soha nem ítél meg, ha kétszer kérdezel ugyanarról!
+De ami minden alkalommal teljesen leterít, amikor erre gondolok: ezek a nyelvek olyanok, mintha a világ legelnézőbb, legbriliánsabb tolmácsa ülne melletted. Az ötleteidet úgy tudod kifejezni, ahogy az emberi agyad számára természetes, és ők elvégzik azt az elképesztően bonyolult munkát, hogy lefordítsák azt az 1-esekre és 0-kra, amit a számítógépek ténylegesen értenek. Olyan, mintha lenne egy barátod, aki tökéletesen beszéli mind az "emberi kreativitást", mind a "számítógépes logikát" – és soha nem fárad el, soha nem kell kávészünet, és soha nem káromkodik, ha kétszer kérdezel ugyanazt!
 
-### Népszerű programozási nyelvek és hogyan használják őket
+### Népszerű programozási nyelvek és felhasználásuk
 
 ```mermaid
 mindmap
@@ -92,7 +92,7 @@ mindmap
       TypeScript
         JavaScript + típusok
         Vállalati alkalmazások
-    Adat & Mesterséges intelligencia
+    Adat & MI
       Python
         Adattudomány
         Gépi tanulás
@@ -100,7 +100,7 @@ mindmap
       R
         Statisztika
         Kutatás
-    Mobilalkalmazások
+    Mobil alkalmazások
       Java
         Android
         Vállalati
@@ -113,69 +113,69 @@ mindmap
     Rendszerek & Teljesítmény
       C++
         Játékok
-        Teljesítménykritikus
+        Teljesítmény kritikus
       Rust
         Memóriabiztonság
         Rendszerprogramozás
       Go
         Felhőszolgáltatások
-        Skálázható háttér
+        Skálázható backend
 ```
-| Nyelv | Legjobb erre | Miért népszerű |
+| Nyelv | Legjobb hozzá | Miért népszerű |
 |----------|----------|------------------|
 | **JavaScript** | Webfejlesztés, felhasználói felületek | Böngészőkben fut, interaktív weboldalakat hajt |
-| **Python** | Adattudomány, automatizálás, mesterséges intelligencia | Könnyen olvasható, tanulható, erős könyvtárak |
-| **Java** | Vállalati alkalmazások, Android appok | Platformfüggetlen, robosztus nagy rendszerekhez |
-| **C#** | Windows alkalmazások, játékfejlesztés | Erős Microsoft ökoszisztéma támogatás |
-| **Go** | Felhőszolgáltatások, backend rendszerek | Gyors, egyszerű, modern számítástechnikához tervezett |
+| **Python** | Adattudomány, automatizálás, mesterséges intelligencia | Könnyű olvasni és tanulni, erőteljes könyvtárak |
+| **Java** | Vállalati alkalmazások, Android appok | Platformfüggetlen, robusztus nagy rendszerekhez |
+| **C#** | Windows alkalmazások, játékfejlesztés | Erős Microsoft támogatás |
+| **Go** | Felhőszolgáltatások, backend rendszerek | Gyors, egyszerű, modern számítástechnikának tervezve |
 
-### Magas szintű vs. alacsony szintű nyelvek
+### Magas szintű vs alacsony szintű nyelvek
 
-Oké, ez volt az a koncepció, ami totálisan megzavarta az agyam, amikor először kezdtem tanulni, úgyhogy most megosztom azt a hasonlatot, ami nekem végre bejött – és nagyon remélem, neked is segít majd!
+Oké, őszintén szólva ez volt az a fogalom, ami teljesen összezavart, amikor először kezdtem tanulni, úgyhogy megosztom veled azt az analógiát, ami végül világossá tette számomra – és nagyon remélem, hogy neked is segíteni fog!
 
-Képzeld el, hogy olyan országban jársz, ahol nem beszéled a nyelvet, és nagyon muszáj megtalálnod a legközelebbi mosdót (mindenki volt már így, nem? 😅):
+Képzeld el, hogy egy olyan országba látogatsz, ahol nem beszéled a nyelvet, és kétségbeesetten keresed a legközelebbi mosdót (mindannyian voltunk már így, ugye? 😅):
 
-- **Az alacsony szintű programozás** olyan, mint megtanulni az adott helyi dialektust annyira jól, hogy beszélgetsz a sarkon gyümölcsöt áruló nagymamával kulturális utalásokkal, helyi szlenggel és bennfentes poénokkal, amit csak az értene, aki ott nőtt fel. Szuper impresszív és hihetetlenül hatékony... ha tényleg folyékony vagy! De elég túlterhelő, ha csak mosdót keresel.
+- **Az alacsony szintű programozás** olyan, mintha annyira megismernéd a helyi dialektust, hogy tudsz beszélgetni a saroknál gyümölcsöt árusító nagymamával kulturális utalásokkal, helyi szlenggel és belső poénokkal, csak azzal, aki ott nőtt fel. Szuper impresszív és hihetetlenül hatékony… ha véletlenül folyékony vagy! De elég megterhelő, ha csak egy mosdót próbálsz találni.
 
-- **A magas szintű programozás** olyan, mintha lenne egy szuper helyi barátod, aki tökéletesen ért téged. Egyszerű angolsággal megmondod neki, hogy "Nagyon kellene egy mosdó," és ő lebonyolítja a kulturális fordítást, és olyan útbaigazítást ad, ami tökéletesen érthető a nem helyi agyadnak.
+- **A magas szintű programozás** olyan, mintha meglenne az a csodás helyi barátod, aki egyszerűen megért. Mondhatod neki angolul, hogy "nagyon szükségem van egy mosdóra," és ő intéz minden kulturális fordítást, és olyan irányba mutat, ami teljesen érthető a nem helyi agyadnak.
 
 Programozási értelemben:
-- **Az alacsony szintű nyelvek** (mint az Assembly vagy a C) lehetővé teszik, hogy hihetetlenül részletesen beszélj a számítógép tényleges hardverével, de gép módjára kell gondolkodnod, ami... hát elég nagy fejben váltás!
-- **A magas szintű nyelvek** (mint a JavaScript, Python vagy C#) lehetővé teszik, hogy emberként gondolkodj, miközben megoldják helyetted a gépi nyelvet a háttérben. Ráadásul olyan befogadó közösségeik vannak, tele olyan emberekkel, akik emlékeznek rá, milyen újnak lenni, és tényleg szeretnének segíteni!
+- **Alacsony szintű nyelvekkel** (mint az Assembly vagy C) hihetetlenül részletes beszélgetéseket folytathatsz a számítógép tényleges hardverével, de gépként kell gondolkodnod, ami... nos, elég nagy agyi váltás!
+- **Magas szintű nyelvekkel** (JavaScript, Python vagy C# például) emberként gondolkodhatsz, miközben ők intézik a gépes nyelvet a háttérben. Ráadásul olyan barátságos közösségek vesznek körül, akik emlékeznek, milyen újonnan kezdeni, és tényleg segíteni akarnak!
 
-Találd ki, melyiket javaslom, hogy kezdd el! 😉 A magas szintű nyelvek olyanok, mint a segédkerekek, amiket soha nem akarod levenni, mert sokkal élvezetesebbé teszik az egész tanulási folyamatot!
+Tippeld meg, mivel kezdeném? 😉 A magas szintű nyelvek olyanok, mint a támaszkerek, amiket soha nem akarsz lehúzni, mert sokkal élvezetesebbé teszik az egész élményt!
 
 ```mermaid
 flowchart TB
-    A["👤 Emberi Gondolat:<br/>'Ki akarom számítani a Fibonacci számokat'"] --> B{Válassz Nyelvi Szintet}
+    A["👤 Emberi gondolat:<br/>'Fibonacci számokat akarok számolni'"] --> B{Válassz nyelvi szintet}
     
     B -->|Magas szintű| C["🌟 JavaScript/Python<br/>Könnyű olvasni és írni"]
-    B -->|Alacsony szintű| D["⚙️ Assembly/C<br/>Közvetlen hardver vezérlés"]
+    B -->|Alacsony szintű| D["⚙️ Assembly/C<br/>Közvetlen hardvervezérlés"]
     
-    C --> E["📝 Írd: fibonacci(10)"]
-    D --> F["📝 Írd: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Írj: fibonacci(10)"]
+    D --> F["📝 Írj: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Számítógép Értelmezés:<br/>A fordító kezeli a bonyolultságot"]
+    E --> G["🤖 Számítógép értelmezése:<br/>A fordító kezeli a bonyolultságot"]
     F --> G
     
-    G --> H["💻 Ugyanaz az Eredmény:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Ugyanaz az eredmény:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Megmutatom, miért barátságosabbak a magas szintű nyelvek
+### Hadd mutassam meg, miért barátságosabbak a magas szintű nyelvek
 
-Rendben, mutatok neked valamit, ami tökéletesen bemutatja, hogy miért szerettem meg a magas szintű nyelveket, de előbb meg kell ígérned valamit. Amikor meglátod az első kódpéldát, ne pánikolj! Félőnek kell kinéznie. Ez a lényeg!
+Rendben, mutatok valamit, ami tökéletesen példázza, miért szerettem meg a magas szintű nyelveket, de először meg kell ígérned valamit. Amikor meglátod az első kódpéldát, ne ess pánikba! Az pont azért tűnik ijesztőnek. Ez az, amit ki akarok emelni!
 
-Azonos feladatot fogunk megnézni két teljesen különböző stílusban leírva. Mindkettő a Fibonacci-sorozatot hozza létre – ez egy gyönyörű matematikai minta, ahol minden szám az előző kettő összege: 0, 1, 1, 2, 3, 5, 8, 13... (Érdekesség: ezt a mintát szó szerint mindenütt megtalálod a természetben – napraforgómag spirálokban, fenyőtoboz mintákban, még a galaxisképződésben is!)
+Megnézünk ugyanazt a feladatot két teljesen különböző stílusban. Mindkettő létrehozza az úgynevezett Fibonacci sorozatot – ez egy gyönyörű matematikai minta, ahol az egyes szám a kettő előző összege: 0, 1, 1, 2, 3, 5, 8, 13... (Érdekesség: ezt a mintát szinte mindenhol megtalálod a természetben – napraforgómag-spirálokban, fenyőtoboz mintákban, még a galaxisok formálódásában is!)
 
-Készen állsz, hogy lásd a különbséget? Gyerünk!
+Készen állsz megnézni a különbséget? Gyerünk!
 
 **Magas szintű nyelv (JavaScript) – Emberbarát:**
 
 ```javascript
-// 1. lépés: Alap Fibonacci beállítás
+// 1. lépés: Alapvető Fibonacci beállítás
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,10 +183,10 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Ez a kód a következőt csinálja:**
-- **Deklarál** egy állandót, ami megadja, hány Fibonacci számot akarunk generálni
-- **Inicializál** két változót, hogy követni tudjuk az aktuális és következő számot a sorozatban
-- **Beállítja** az induló értékeket (0 és 1), amelyek definiálják a Fibonacci mintát
+**Ezt csinálja ez a kód:**
+- **Deklarál** egy konstans értéket, hogy megadja, hány Fibonacci számot akarunk generálni
+- **Inicializál** két változót, hogy kövesse a sorozat aktuális és következő számát
+- **Beállítja** a kezdő értékeket (0 és 1), amelyek meghatározzák a Fibonacci mintát
 - **Megjelenít** egy fejléc üzenetet, hogy azonosítsa a kimenetet
 
 ```javascript
@@ -194,18 +194,18 @@ console.log('Fibonacci sequence:');
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Számítsa ki a következő számot a sorozatban
+  // Számítsd ki a sorozat következő számát
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Megnézzük lépésről lépésre, mi történik:**
-- **Végigmegyünk** a sorozat minden helyén egy `for` ciklust használva
-- **Megjelenít** minden számot a helyével együtt sablon szövegként formázva
-- **Kiszámítja** a következő Fibonacci számot az aktuális és a következő érték összeadásával
-- **Frissíti** a nyomon követő változókat, hogy továbblépjünk a következő iterációra
+**Itt mi történik pontosan:**
+- **Bejár** minden pozíciót a sorozatunkban egy `for` ciklus segítségével
+- **Megjeleníti** minden számot a helyzetével együtt sablon-karakterlánc formátumban
+- **Kiszámolja** a következő Fibonacci számot az aktuális és következő összeadásával
+- **Frissíti** a nyomon követő változókat, hogy lépjen a következő iterációra
 
 ```javascript
 // 3. lépés: Modern funkcionális megközelítés
@@ -224,11 +224,11 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Az előbb:**
-- **Létrehoztunk** egy újrahasználható függvényt modern nyílfüggvény szintaxissal
-- **Építettünk** egy tömböt, hogy a teljes sorozatot tároljuk, nem csupán egyesével jelenítsük meg
-- **Használtuk** a tömb indexelést, hogy a korábbi értékekből számítsuk ki az új számokat
-- **Visszaadtuk** a teljes sorozatot, hogy más részeken is rugalmasan használható legyen
+**A fentiekben:**
+- **Létrehoztunk** egy újrafelhasználható függvényt modern nyílfüggvény szintaxissal
+- **Építettünk** egy tömböt, hogy tároljuk a teljes sorozatot ahelyett, hogy egyenként megjelenítjük
+- **Használtuk** a tömb indexelést, hogy kiszámítsuk az új számokat az előzőkből
+- **Visszaadtuk** a teljes sorozatot, hogy rugalmasan használhassuk a program más részeiben
 
 **Alacsony szintű nyelv (ARM Assembly) – Számítógépbarát:**
 
@@ -257,27 +257,28 @@ back add r0,r1
  end
 ```
 
-Figyeld meg, hogy a JavaScript verzió szinte úgy olvasható, mint az angol utasítások, míg az Assembly verzió titokzatos parancsokat használ, amelyek közvetlenül a számítógép processzorát vezérlik. Mindkettő ugyanazt a feladatot oldja meg, de a magas szintű nyelvet sokkal könnyebb az embereknek érteni, írni és karbantartani.
+Észreveheted, hogy a JavaScript verzió majdnem úgy olvasható, mint egy angol nyelvű utasítás, míg az Assembly verzió titokzatos parancsokat használ, amelyek közvetlenül vezérlik a számítógép processzorát. Mindkettő ugyanazt a feladatot oldja meg, de a magas szintű nyelvet sokkal könnyebb az embereknek megérteni, írni és karbantartani.
 
-**Fő különbségek, amik feltűnnek:**
-- **Olvashatóság**: a JavaScript leíró neveket használ, például `fibonacciCount`, míg az Assembly titkosított címkéket, mint `r0`, `r1`
-- **Megjegyzések**: A magas szintű nyelvek elősegítik az olyan magyarázó megjegyzéseket, amelyekkel a kód önmagát dokumentálja
-- **Szerkezet**: A JavaScript logikai folyamata megfelel annak, ahogy az emberek lépésről lépésre gondolkodnak a problémákról
+**A legfontosabb különbségek, amiket észre fogsz venni:**
+- **Olvashatóság**: A JavaScript leíró neveket használ, mint például `fibonacciCount`, míg az Assembly titkosított címkéket, például `r0`, `r1`
+- **Megjegyzések**: A magas szintű nyelvek bátorítják a magyarázó megjegyzéseket, amelyek önmagukat dokumentálóvá teszik a kódot
+- **Struktúra**: A JavaScript logikai folyamata megfelel annak, ahogyan az emberek lépésről lépésre gondolkodnak a problémákról
 - **Karbantartás**: A JavaScript verzió frissítése különböző követelményekhez egyszerű és világos
 
-✅ **A Fibonacci-sorról**: Ez a gyönyörű szám-minta (ahol minden szám az előző kettő összege: 0, 1, 1, 2, 3, 5, 8...) szinte *mindenütt* megjelenik a természetben! Megtalálod a napraforgó csigavonalában, fenyőtoboz mintázatában, a nautilusz kagylók görbületében, sőt még a faágak növekedésében is. Egészen elképesztő, hogy a matematika és a programozás hogyan segít nekünk megérteni és újraalkotni azokat a mintákat, amelyeket a természet a szépség létrehozásához használ!
+✅ **A Fibonacci-sorozatról**: Ez a gyönyörű szám-minta (ahol minden szám az előtte lévő két szám összege: 0, 1, 1, 2, 3, 5, 8...) szó szerint *mindenütt* megjelenik a természetben! Megtalálod a napraforgó spiráljaiban, fenyőtoboz mintákban, a nautilusz kagylók görbületeiben, és még abban is, hogyan nőnek a faágak. Elképesztő, hogy a matematika és a kód hogyan segít megérteni és újrateremteni azokat a mintákat, amelyeket a természet használ a szépség létrehozásához!
 
-## Az építőelemek, amelyek a varázslatot működtetik
 
-Rendben, most, hogy láttad, hogyan néznek ki a programozási nyelvek a gyakorlatban, bontsuk le az alapvető részeket, amelyek szó szerint minden valaha írt programot felépítenek. Gondolj rájuk úgy, mint az alapvető hozzávalók a kedvenc receptedben – ha megérted, mit csinál mindegyik, akkor gyakorlatilag bármilyen nyelven tudsz kódot olvasni és írni!
+## Az építőkövek, amelyek a varázslatot létrehozzák
 
-Ez nagyjából olyan, mintha megtanulnád a programozás nyelvtanát. Emlékszel, amikor az iskolában tanultál a főnévről, igéről és hogy hogyan állítsd össze a mondatokat? A programozásnak is megvan a maga nyelvtana, és őszintén szólva, sokkal logikusabb és megengedőbb, mint az angol nyelvtan valaha is volt! 😄
+Rendben, most, hogy láttad, hogy hogyan néznek ki a programozási nyelvek működés közben, bontsuk le az alapvető elemeket, amelyek szó szerint minden valaha írt programot alkotnak. Gondolj ezekre úgy, mint a kedvenc recepted nélkülözhetetlen összetevőire – ha egyszer megérted, hogy melyik mit csinál, képes leszel kódot olvasni és írni gyakorlatilag bármilyen nyelven!
 
-### Utasítások: Lépésről lépésre szóló instrukciók
+Ez hasonló a programozás nyelvtanának megtanulásához. Emlékszel, amikor az iskolában tanultad a főnevekről, igékről és arról, hogy hogyan épülnek mondatok? A programozásnak is megvan a maga nyelvtana, és őszintén szólva, sokkal logikusabb és engedékenyebb, mint az angol nyelvtan valaha volt! 😄
 
-Kezdjük az **utasításokkal** – ezek olyanok, mint egyén mondatok egy beszélgetésben a számítógépeddel. Minden utasítás azt mondja meg a számítógépnek, hogy csináljon meg egy konkrét dolgot, olyan, mintha útbaigazítást adnál: „Fordulj erre balra,” „Állj meg a piros lámpánál,” „Parkolj abba a helybe.”
+### Utasítások: Lépésről lépésre szóló parancsok
 
-Amiért szeretem az utasításokat, az az, hogy általában mennyire olvashatóak. Nézd csak:
+Kezdjük az **utasításokkal** – ezek olyanok, mint egy-egy mondat a számítógéppel folytatott beszélgetésben. Minden utasítás arra kéri a számítógépet, hogy végezzen el egy meghatározott dolgot, olyasmi mint az útmutatások: „Fordulj balra itt,” „Állj meg a piros lámpánál,” „Parkolj be abba a helybe.”
+
+Amit szeretek az utasításokban, hogy általában mennyire olvashatóak. Nézd csak meg ezt:
 
 ```javascript
 // Alapvető utasítások, amelyek egyetlen műveletet hajtanak végre
@@ -286,10 +287,10 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**Ez a kód ezt csinálja:**
-- **Deklarál** egy konstans változót egy felhasználói név tárolására
+**Ez a kód a következőt csinálja:**
+- **Deklarál** egy konstans változót a felhasználó nevének tárolására
 - **Megjelenít** egy üdvözlő üzenetet a konzol kimeneten
-- **Kiszámol** és tárol egy matematikai művelet eredményét
+- **Kiszámít** és eltárol egy matematikai művelet eredményét
 
 ```javascript
 // Utasítások, amelyek weboldalakkal lépnek kapcsolatba
@@ -298,18 +299,18 @@ document.body.style.backgroundColor = "lightblue";
 ```
 
 **Lépésről lépésre, ez történik:**
-- **Módosítja** az oldal címét, ami a böngésző fülön jelenik meg
-- **Megváltoztatja** az egész oldal testének háttérszínét
+- **Módosítja** az oldal címét, ami a böngésző fülében jelenik meg
+- **Megváltoztatja** az egész oldal háttérszínét
 
 ### Változók: A programod memóriarendszere
 
-Rendben, a **változók** az egyik abszolút kedvenc fogalmam tanítani, mert nagyon hasonlítanak azokhoz a dolgokhoz, amiket már nap mint nap használsz!
+Oké, a **változók** az egyik abszolút kedvenc koncepcióm tanítani, mert annyira olyanok, mint amiket nap mint nap használsz!
 
-Gondolj csak a telefonod névjegyzékére egy pillanatra. Nem jegyzed meg mindenki telefonszámát – helyette elmented például „Anya,” „Legjobb Barát,” vagy „Pizza Ház, ami éjfélig szállít,” és a telefonod emlékszik a tényleges számokra. A változók pontosan így működnek! Olyan, mintha címkézett tárolók lennének, ahol a programod képes adatokat tárolni és egy későbbi időpontban elérni egy értelmes név segítségével.
+Gondolj egy pillanatra a telefonod névjegyzékére. Nem jegyzed meg minden számot – helyette elmented, hogy „Anyu”, „Legjobb barát”, vagy „Pizzéria, ami 2-ig szállít” és a telefonod emlékszik a tényleges számokra. A változók pontosan így működnek! Olyan címkézett tárolóedények, ahol a programod információkat menthet és később név alapján visszakeresheti azokat.
 
-Ami igazán klassz: a változók megváltozhatnak, amíg a program fut (innen ered a "változó" név – érted, mit csinálnak?). Ahogy frissítheted a pizza hely elérhetőségét, mert találsz jobbat, úgy a változók is módosíthatók, amikor a program új információkat tanul vagy a helyzetek változnak!
+És ami igazán klassz: a változók a program futása közben változhatnak (innen ered a „változó” név – látod, mit csináltak?). Ahogy frissítheted a pizzéria elérhetőségeit, amikor találsz egy még jobbat, a programod is frissítheti a változókat, ahogy új információkat tanul vagy ahogy a helyzet változik!
 
-Megmutatom, milyen egyszerű és gyönyörű ez:
+Mutatom, milyen gyönyörűen egyszerű lehet ez:
 
 ```javascript
 // 1. lépés: Alapvető változók létrehozása
@@ -320,13 +321,13 @@ let isRaining = false;
 ```
 
 **Ezeknek a fogalmaknak a megértése:**
-- **Tárol** változatlan értékeket `const` változókban (például az oldal neve)
-- **Használ** `let` változókat olyan értékekhez, amelyek változhatnak a program során
-- **Hozzárendel** különböző adattípusokat: sztringeket (szöveg), számokat és booleanokat (igaz/hamis)
-- **Választ** beszédes neveket, amelyek elmagyarázzák, hogy mit tartalmaz minden változó
+- **Tárol** állandó értékeket `const` változókban (például az oldal nevét)
+- **Használ** `let` változókat olyan értékekhez, amelyek változhatnak a program futása során
+- **Társít** különböző adattípusokat: szövegek (stringek), számok és logikai értékek (true/false)
+- **Választ** beszédes neveket, amelyek elmagyarázzák, mit tartalmaz az adott változó
 
 ```javascript
-// 2. lépés: Objektumok használata az összetartozó adatok csoportosításához
+// 2. lépés: Objektumok használata kapcsolódó adatok csoportosításához
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -334,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**A fenti példa ezt tette:**
-- **Létrehozott** egy objektumot az összetartozó időjárási információk csoportosítására
-- **Rendszerezett** több adatot egy változónév alatt
-- **Használt** kulcs-érték párokat az adatok világos megjelölésére
+**Az előzőben:**
+- **Létrehoztunk** egy objektumot, hogy egy csoportba rendezzük az időjárási adatokat
+- **Szerveztünk** több adatot egy változónév alatt
+- **Használtunk** kulcs-érték párokat az egyes adatdarabok egyértelmű megjelölésére
 
 ```javascript
 // 3. lépés: Változók használata és frissítése
@@ -349,11 +350,11 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
 
-**Nézzük meg mindegyik részt:**
-- **Megjelenít** információt sablon literálokkal `${}` szintaxissal
-- **Hozzáfér** objektum tulajdonságokhoz pont notációval (`weatherData.windSpeed`)
-- **Frissít** `let`-tel deklarált változókat, hogy tükrözzék a változó állapotokat
-- **Összekapcsol** több változót, hogy értelmes üzeneteket hozzon létre
+**Nézzük meg részletesen:**
+- **Megjelenítés** sablon literálok segítségével a `${}` szintaxissal
+- **Hozzáférés** objektum tulajdonságaihoz pontozással (`weatherData.windSpeed`)
+- **Frissítés** `let` változókkal, hogy tükrözze a változó körülményeket
+- **Összekombinálás** több változóból, hogy értelmes üzeneteket alkossunk
 
 ```javascript
 // 4. lépés: Modern destrukturálás a tisztább kódért
@@ -361,20 +362,20 @@ const { location, humidity } = weatherData;
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Amit tudnod kell:**
-- **Kivesz** specifikus tulajdonságokat objektumokból destrukturálással
-- **Létrehoz** új változókat automatikusan ugyanazzal a névvel, mint az objektum kulcsai
-- **Egyszerűsít** kódot ismétlődő pont notáció nélkül
+**Amit tudni kell:**
+- **Kinyerés** objektumokból specifikus tulajdonságokat destrukturálással
+- **Automatikus** új változók létrehozása ugyanazzal a névvel, mint az objektum kulcsai
+- **Egyszerűsítés** a kódon az ismétlődő pontozás elkerülésével
 
-### Vezérlési folyamat: Programod gondolkodásának tanítása
+### Vezérlési folyamat: Megtanítani a programot gondolkodni
 
-Na most jön az, ahol a programozás tényleg elképesztővé válik! A **vezérlési folyamat** tulajdonképpen annak megtanítása, hogyan hozzon okos döntéseket a programod, pont úgy, ahogy te is nap mint nap anélkül, hogy gondolkodnál rajta.
+Oké, itt válik a programozás igazán lenyűgözővé! A **vezérlési folyamat** tulajdonképpen azt jelenti, hogy megtanítod a programodat okosan dönteni, pontosan úgy, ahogy te is teszed nap mint nap gondolkodás nélkül.
 
-Képzeld el: ma reggel valószínűleg ilyen gondolatmeneted volt: „Ha esik, viszek esernyőt. Ha hideg van, felveszem a kabátot. Ha elkésnék, kihagyom a reggelit és veszek egy kávét útközben.” Az agyad természetesen követi ezt az ha-akkor logikát naponta százszor!
+Képzeld el: ma reggel valószínűleg valami olyasmit csináltál, hogy „Ha esik, viszek esernyőt. Ha hideg van, kabátot veszek. Ha elkések, kihagyom a reggelit és útközben veszek kávét.” Az agyad automatikusan követi ezt az ha-akkor logikát naponta több tucatszor!
 
-Ez az, ami miatt a programok intelligensnek és élőnek érződnek, nem pedig egy unalmas, kiszámítható scriptnek. Valóban meg tudják nézni a helyzetet, értékelni, mi történik, és megfelelően reagálni. Ez olyan, mintha agyat adnál a programodnak, ami alkalmazkodni tud és döntéseket hoz!
+Ez az, ami miatt a programok intelligensnek és élőnek érződnek, nem pedig egy unalmas, kiszámítható forgatókönyvet követnek. Valóban képesek megnézni a helyzetet, kiértékelni, hogy mi történik, és megfelelően reagálni. Olyan, mintha az általad írt programnak agya lenne, ami alkalmazkodni tud és döntéseket hoz!
 
-Látni akarod, milyen szépen működik ez? Megmutatom:
+Szeretnéd látni, milyen gyönyörűen működik ez? Megmutatom:
 
 ```javascript
 // 1. lépés: Alapvető feltételes logika
@@ -388,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Ez a kód ezt csinálja:**
-- **Ellenőrzi**, hogy a felhasználó életkora megfelel-e a szavazási követelménynek
-- **Végrehajt** különböző kódrészeket a feltétel eredménye alapján
-- **Kiszámol** és megjeleníti, mennyi idő van még vissza a szavazati jogig, ha kevesebb, mint 18
-- **Ad** specifikus, hasznos visszajelzést az egyes helyzetekre
+**Ez a kód a következőt teszi:**
+- **Ellenőrzi**, hogy a felhasználó életkora megfelel-e a szavazati korhatárnak
+- **Végrehajt** különböző kódrészleteket a feltétel eredményétől függően
+- **Kiszámít** és megjeleníti, mennyi idő van még szavazati jogosultságig, ha az illető 18 alatti
+- **Ad** konkrét, hasznos visszajelzést minden esetre
 
 ```javascript
 // 2. lépés: Több feltétel logikai operátorokkal
@@ -408,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Ennek a lebontása:**
-- **Összekapcsol** több feltételt az `&&` (és) operátorral
-- **Készít** feltételi hierarchiát `else if` használatával több forgatókönyvhöz
-- **Kezel** minden lehetséges esetet egy végső `else` ággal
-- **Ad** egyértelmű, cselekvő visszajelzést az egyes helyzetekhez
+**Lépésről lépésre, ez történik:**
+- **Egyesít** több feltételt az `&&` (és) operátorral
+- **Létrehozza** a feltételek hierarchiáját `else if`-ekkel több forgatókönyvhöz
+- **Kezeli** az összes lehetséges esetet egy végső `else` utasítással
+- **Ad** világos, cselekvésre ösztönző visszajelzést minden különböző helyzethez
 
 ```javascript
-// 3. lépés: Rövid feltételes kifejezés ternáris operátorral
+// 3. lépés: Tömör feltételes kifejezés ternáris operátorral
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Ezt érdemes megjegyezni:**
-- **Használ** ternáris operátort (`? :`) egyszerű kétválasztásos feltételeknél
-- **Írja** elsőként a feltételt, majd `?`, aztán igaz érték, majd `:`, végül hamis érték
-- **Alkalmazza** ezt a mintát, ha értékeket kell hozzárendelni feltételek alapján
+**Mit érdemes megjegyezni:**
+- **Használja** a ternáris operátort (`? :`) egyszerű kétválasztásos feltételekhez
+- **Írd** először a feltételt, majd `?`, aztán az igaz eredményt, majd `:`, végül a hamis eredményt
+- **Alkalmazd** ezt a mintát, amikor feltételek szerint kell értékeket hozzárendelni
 
 ```javascript
-// 4. lépés: Több specifikus eset kezelése
+// 4. lépés: Több speciális eset kezelése
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,54 +447,54 @@ switch (dayOfWeek) {
 }
 ```
 
-**Ez a kód a következőt teszi:**
-- **Összehasonlít** egy változó értékét több speciális esettel
-- **Csoportosít** hasonló eseteket (hétköznapok vs. hétvégék)
-- **Végrehajt** a megfelelőt, ha egyezést talál
-- **Tartalmaz** egy `default` esetet váratlan értékekre
-- **Használ** `break` utasításokat, hogy megakadályozza a következő eset végrehajtását
+**Ez a kód a következőt éri el:**
+- **Összehasonlítja** a változó értékét több konkrét esettel
+- **Csoportosít** hasonló eseteket (hétköznapok versus hétvégék)
+- **Végrehajtja** a megfelelő kódrészt, ha egyezés van
+- **Tartalmaz** egy `default` esetet a váratlan értékek kezelésére
+- **Használ** `break` utasításokat, hogy megakadályozza a folytatást a következő esethez
 
-> 💡 **Valós példa**: Gondolj a vezérlési folyamatra úgy, mint a világ legpáciensebb GPS-ére, ami útbaigazítást ad. Például: „Ha torlódás van a Fő utcán, inkább menj az autópályán. Ha az útépítés blokkolja az autópályát, válassz egy panorámás utat.” A programok pontosan ilyen feltételes logikát használnak, hogy okosan reagáljanak különböző helyzetekre, mindig a legjobb élményt nyújtva a felhasználóknak.
+> 💡 **Valós példával**: Gondolj a vezérlési folyamatra úgy, mint a világ legjobb türelmes GPS-ére, ami útbaigazítást ad. A GPS mondhatja: „Ha a Main Street-en forgalom van, inkább menj az autópályán. Ha az autópályát építkezés zárja el, próbáld a panorámás utat.” A programok pontosan ugyanolyan feltételes logikát használnak, hogy intelligensen reagáljanak különböző helyzetekre, és mindig a legjobb felhasználói élményt nyújtsák.
 
-### 🎯 **Fogalmi ellenőrzés: Az építőelemek mesterfogása**
+### 🎯 **Fogalomellenőrzés: Az építőelemek mesteri elsajátítása**
 
-**Nézzük, hogy állsz az alapokkal:**
-- Tudod magadnak elmagyarázni a változó és az utasítás közötti különbséget?
-- Gondolj egy valós helyzetre, ahol egy ha-akkor döntést alkalmaznál (például a szavazási példánk)
-- Mi az, ami a programozási logikából meglepett téged?
+**Nézzük, hogyan megy az alapok megértése:**
+- Tudod saját szavaiddal elmagyarázni a változó és az utasítás közti különbséget?
+- Gondolj egy valós életbeli helyzetre, ahol if-then döntést használnál (például a szavazós példa)
+- Mi volt az egyik dolog a programozási logikában, ami meglepett?
 
-**Gyors önbizalom növelő:**
+**Gyors önbizalom-növelő:**
 ```mermaid
 flowchart LR
-    A["📝 Állítások<br/>(Utasítások)"] --> B["📦 Változók<br/>(Tárolás)"] --> C["🔀 Vezérlés<br/>(Döntések)"] --> D["🎉 Működő program!"]
+    A["📝 Utasítások<br/>(Instrukciók)"] --> B["📦 Változók<br/>(Tárolás)"] --> C["🔀 Vezérlési Áramlás<br/>(Döntések)"] --> D["🎉 Működő program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Mi jön ezután**: Igazán jól fogjuk magunkat érezni, mélyebben elmerülve ezekben a fogalmakban ezen az elképesztő úton együtt! Most csak arra fókuszálj, hogy érzed a lelkesedést a rengeteg csodás lehetőség miatt, ami előtted áll. A konkrét készségek és technikák természetesen ragadni fognak, ahogy együtt gyakorolunk – ígérem, ez sokkal szórakoztatóbb lesz, mint gondolnád!
+✅ **Mi következik ezután**: Nagyszerű szórakozás lesz mélyebben belemerülni ezekbe a fogalmakba, miközben közösen folytatjuk ezt a hihetetlen utazást! Most csak arra koncentrálj, hogy érezd azt az izgalmat az összes elképesztő lehetőség miatt, ami előtted áll. A konkrét készségek és technikák természetesen rögzülnek majd, ahogy együtt gyakorolunk – ígérem, sokkal szórakoztatóbb lesz, mint gondolnád!
 
-## Az eszközök
+## A szakma eszközei
 
-Nos, ez az a pont, ahol igazán izgatott vagyok, és alig bírom magamban tartani! 🚀 Most azokról az elképesztő eszközökről beszélünk, amelyekkel úgy fogod érezni, mintha épp egy digitális űrhajó kulcsait adnák a kezedbe.
+Rendben, ez az a pont, ahol őszintén annyira izgatott leszek, hogy alig bírom türtőztetni magam! 🚀 Most arról fogunk beszélni, hogy milyen elképesztő eszközök fognak úgy éreztetni, mintha épp egy digitális űrhajó kulcsait adnák a kezedbe.
 
-Ismered azt az érzést, amikor egy séfnek tökéletesen kiegyensúlyozott kések vannak, amelyek egyenesen a kezének nyúlnak? Vagy amikor a zenésznek van az az egy gitárja, ami mintha dalolna, amint megérinti? Nos, a fejlesztőknek is megvan a saját verziójuk ezekből a varázslatos eszközökből, és olyasmi következik, ami garantáltan el fog kápráztatni – nagy részük teljesen ingyenes!
+Tudod, hogy egy szakácsnak milyen tökéletesen kiegyensúlyozott kések vannak, amelyek szinte a kezének meghosszabbításai? Vagy hogy egy zenésznek van az a gitárja, ami az első érintésre mintha énekelne? Nos, a fejlesztőknek megvan a saját verziójuk ezekből a varázseszközökből, és most elmondom, hogy mi az, ami teljesen el fogja kápráztatni az elmédet – a legtöbbjük teljesen ingyenes!
 
-Majdnem kiugrom a székemből, annyira örülök, hogy megoszthatom ezt veled, mert teljesen forradalmasították, ahogy szoftvert építünk. Mesterséges intelligencia által támogatott kódoló asszisztensekről beszélünk, amik segítenek írni a kódodat (komolyan!), felhőalapú környezetekről, ahol tényleg bárhonnan fejleszthetsz Wi-Fi-vel, és hibakereső eszközökről, amelyek olyan kifinomultak, mintha röntgenlátásod lenne a programjaidhoz.
+Szinte ugrálok a székemben, hogy megoszthassam veled ezeket, mert teljesen forradalmasították, ahogy szoftvert építünk. Azokról az AI-alapú kódíró asszisztensekről beszélünk, amik képesek segíteni kódot írni (komolyan!), felhőalapú környezetekről, ahol szinte bárhonnan, Wi-Fi-vel teljes alkalmazásokat építhetsz, és hibakereső eszközökről, amelyek olyan kifinomultak, mint ha röntgenlátásuk lenne a programjaidnak.
 
-És itt az a rész, ami még mindig libabőrös: ezek nem "kezdő eszközök", amiket kinősz majd. Pontosan ugyanolyan professzionális szintű eszközök ezek, amelyeket a Google, a Netflix és az az indie app stúdió, amit szeretsz, használ Pont Most. Olyan profinak fogod érezni magad, miközben ezekkel dolgozol!
+És itt jön a rész, ami még mindig libabőrös lesz: ezek nem „kezdő eszközök”, amiket kinősz majd. Ezek pontosan ugyanazok a profi minőségű eszközök, amelyeket a Google, Netflix fejlesztői, és az a kedvenc indie app stúdiód most is használnak. Annyira profinak fogod érezni magad, amikor használod őket!
 
 ```mermaid
 graph TD
-    A["💡 Az Ötleted"] --> B["⌨️ Kód Szerkesztő<br/>(VS Code)"] 
-    B --> C["🌐 Böngésző Fejlesztői Eszközök<br/>(Tesztelés & Hibakeresés)"]
-    C --> D["⚡ Parancssor<br/>(Automatizálás & Eszközök)"]
-    D --> E["📚 Dokumentáció<br/>(Tanulás & Hivatkozás)"]
+    A["💡 Az Ötleted"] --> B["⌨️ Kódszerkesztő<br/>(VS Code)"] 
+    B --> C["🌐 Böngésző Fejlesztői Eszközök<br/>(Tesztelés és Hibakeresés)"]
+    C --> D["⚡ Parancssor<br/>(Automatizálás és Eszközök)"]
+    D --> E["📚 Dokumentáció<br/>(Tanulás és Referencia)"]
     E --> F["🚀 Csodálatos Webalkalmazás!"]
     
-    B -.-> G["🤖 Mesterséges Intelligencia Segéd<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Eszköz Tesztelés<br/>(Reszponzív Dizájn)"]
+    B -.-> G["🤖 AI Asszisztens<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Eszköztesztelés<br/>(Reszponzív Tervezés)"]
     D -.-> I["📦 Csomagkezelők<br/>(npm, yarn)"]
     E -.-> J["👥 Közösség<br/>(Stack Overflow)"]
     
@@ -504,230 +505,230 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Kódszerkesztők és IDE-k: Az új digitális legjobb barátaid
+### Kód szerkesztők és IDE-k: az új digitális legjobb barátaid
 
-Beszéljünk a kódszerkesztőkről – ezek nagyon hamar a kedvenc helyeiddé válnak majd! Gondolj rájuk, mint a személyes kódolási szentélyedre, ahol a legtöbbet fogsz tölteni, miközben megalkotod és tökéletesíted digitális műveidet.
+Beszéljünk a kódszerkesztőkről – ezek tényleg a szíved egyik kedvenc helyévé fognak válni! Gondolj rájuk úgy, mint a személyes kódolási szentélyedre, ahol a legtöbb idődet töltöd majd digitális alkotásaid megformálásával és tökéletesítésével.
 
-De ami igazán varázslatos a modern szerkesztőkben: nem csak sima szövegszerkesztők. Olyanok, mintha a legbrilliánsabb, legsegítőkészebb programozási mentor ülne melletted 24/7-ben. Előre észreveszik a helyesírási hibáidat, javaslatokat tesznek, amelyek úgy mutatnak, mintha zseni lennél, segítenek megérteni minden kódrészlet működését, és néhányan még meg is jósolják, amit gépelni akarsz, ajánlják a gondolataid befejezését!
+De ami igazán varázslatos a modern szerkesztőkben: nem csak menő szövegszerkesztők. Olyanok, mintha a legbriliánsabb, legtámogatóbb kódolási mentorod ülne melletted éjjel-nappal. Elkapják az elírásaidat, még mielőtt észrevennéd, javaslatokat tesznek, hogy zseninek tűnj, segítenek megérteni, hogy mit csinál minden kódrészlet, és egyesek még meg is próbálják kitalálni, mit akarsz írni és felajánlják, hogy befejezik a gondolataidat!
 
-Emlékszem, amikor először fedeztem fel az automatikus kiegészítést – szó szerint azt éreztem, hogy a jövőben élek. Elkezded gépelni valamit, és a szerkesztőd azt mondja: „Hé, erre a funkcióra gondoltál, ami pont azt csinálja, amire szükséged van?” Olyan, mintha olvasná a gondolataidat a kódoló csapattársad!
+Emlékszem, amikor először fedeztem fel az automatikus kiegészítést – szó szerint úgy éreztem, mintha a jövőben élnék. Elkezded gépelni, és a szerkesztőd azt mondja: „Hé, nem ezt a függvényt akartad használni, ami pont azt csinálja, amire szükséged van?” Olyan, mintha egy gondolatolvasó kódoló haverod lenne!
 
-**Mi teszi ezeket a szerkesztőket olyan hihetetlenné?**
+**Mi teszi ezeket a szerkesztőket annyira elképesztővé?**
 
-A modern kódszerkesztők lenyűgöző funkciók közelét kínálják, amelyek segítik a termelékenységedet:
+A modern kódszerkesztők lenyűgöző funkciók széles skáláját kínálják, amelyek növelik a termelékenységedet:
 
-| Funkció | Mit csinál | Miért hasznos |
-|---------|------------|---------------|
-| **Szintaxis kiemelés** | Különböző részeket színez a kódban | Könnyebbé teszi a kód olvasását és hibák megtalálását |
-| **Automatikus kiegészítés** | Javasol kódot gépelés közben | Gyorsabb kódolást és kevesebb helyesírási hibát eredményez |
-| **Hibakereső eszközök** | Segít megtalálni és javítani a hibákat | Órákat takarít meg a hibakeresésben |
-| **Kiterjesztések** | Speciális funkciókkal bővíthető | Testreszabhatod a szerkesztőt bármilyen technológiához |
-| **AI asszisztensek** | Kódötleteket és magyarázatokat ad | Felgyorsítja a tanulást és a termelékenységet |
+| Funkció | Mit csinál | Miért segít |
+|---------|------------|-------------|
+| **Szintaxis kiemelés** | Más színeket ad a kód különböző részeinek | Könnyebbé teszi az olvasást és a hibák felismerését |
+| **Automatikus kiegészítés** | Javasolja a kódot gépelés közben | Felgyorsítja a kódolást és csökkenti az elírásokat |
+| **Hibakereső eszközök** | Segít megtalálni és javítani a hibákat | Órákat spórol a hibák keresésén |
+| **Bővítmények** | Speciális funkciókat ad hozzá | Testreszabhatod a szerkesztőt bármilyen technológiához |
+| **AI asszisztensek** | Kódot és magyarázatokat javasolnak | Gyorsítja a tanulást és a hatékonyságot |
 
-> 🎥 **Videó forrás**: Szeretnéd látni ezeket az eszközöket akció közben? Nézd meg ezt a [Tools of the Trade videót](https://youtube.com/watch?v=69WJeXGBdxg) egy átfogó áttekintésért.
+> 🎥 **Videóforrás**: Szeretnéd látni ezeket az eszközöket működés közben? Nézd meg ezt a [Tools of the Trade videót](https://youtube.com/watch?v=69WJeXGBdxg) egy átfogó bemutatóért.
 
 #### Ajánlott szerkesztők webfejlesztéshez
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Ingyenes)
 - A legnépszerűbb a webfejlesztők körében
-- Kiváló kiterjesztés ökoszisztéma
+- Kiváló bővítmény-rendszer
 - Beépített terminál és Git integráció
-- **Kötelező kiterjesztések**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI alapú kódjavaslatok
+- **Kötelező bővítmények**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-alapú kódjavaslatok
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Valós idejű együttműködés
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatikus kódformázás
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Kódhibák elkapása
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Elírások felismerése a kódban
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Fizetős, diákoknak ingyenes)
-- Fejlett hibakereső és tesztelő eszközök
-- Intelligens kódkiegészítés
+- Fejlett hibakeresés és tesztelés
+- Intelligens kiegészítés
 - Beépített verziókezelés
 
-**Felhőalapú IDE-k** (különféle árkategóriák)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Teljes VS Code a böngésződben
-- [Replit](https://replit.com/) - Remek a tanuláshoz és kódmegosztáshoz
-- [StackBlitz](https://stackblitz.com/) - Azonnali, teljes stack webfejlesztés
+**Felhőalapú IDE-k** (különféle árképzés)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Teljes VS Code a böngészőben
+- [Replit](https://replit.com/) - Nagyszerű tanuláshoz és megosztáshoz
+- [StackBlitz](https://stackblitz.com/) - Azonnali, teljes webfejlesztés
 
-> 💡 **Kezdő tipp**: Kezdd a Visual Studio Code-dal – ingyenes, iparági szinten széles körben használt, hatalmas közösség készít hozzá hasznos oktatóanyagokat és kiterjesztéseket.
+> 💡 **Kezdő tipp**: Kezdd a Visual Studio Code-dal – ingyenes, széles körben használt az iparban, és hatalmas közösség készít hozzá hasznos oktatóanyagokat és bővítményeket.
 
 
-### Webböngészők: A titkos fejlesztői laboratóriumod
+### Web böngészők: a titkos fejlesztői laboratóriumod
 
-Oké, készülj fel, hogy teljesen eláll a lélegzeted! Tudod, hogy böngésződet használtad már közösségi oldalak görgetéséhez és videók nézéséhez? Nos, kiderült, hogy egész idő alatt egy elképesztő titkos fejlesztői laboratóriumot rejtett el előtted, csak arra várva, hogy felfedezd!
+Oké, készülj fel, hogy teljesen elbűvöljön ez! Tudod, hogy böngészőket használsz a közösségi média böngészésére és videók nézésére? Nos, kiderült, hogy egész idő alatt rejtegettek egy elképesztő titkos fejlesztői laboratóriumot, csak arra várva, hogy felfedezd!
 
-Minden egyes alkalommal, amikor jobbklikkelsz egy weboldalon és kiválasztod az „Elem ellenőrzése” lehetőséget, egy rejtett fejlesztői eszköztár nyílik meg előtted, ami őszintén szólva erősebb, mint néhány drága szoftver, amelyért korábban százakat fizettem. Olyan, mint amikor felfedezed, hogy a megszokott konyhád mögött egy professzionális séf laboratóriuma van elrejtve egy titkos panel mögött!
-Amikor először mutatták meg nekem a böngésző DevTools-t, úgy három órát töltöttem azzal, hogy kattintgattam ide-oda, és azt mondogattam: „VÁRJ, EZT IS TUDJA?!” Gyakorlatilag bármelyik weboldalt valós időben szerkesztheted, pontosan látod, milyen gyorsan töltődnek be az elemek, tesztelheted, hogyan néz ki az oldal különböző eszközökön, és akár JavaScriptet is hibakereshetsz teljes profi módjára. Egészen elképesztő!
+Minden alkalommal, amikor az egér jobb gombjával kattintasz egy weboldalon, és kiválasztod az „Elem vizsgálata” lehetőséget, egy rejtett fejlesztői eszközök világát nyitod meg, amelyek őszintén szólva erősebbek, mint néhány drága szoftver, amit korábban száz dollárokért vettem. Olyan, mintha a régi, megszokott konyhád mögött egy profi séf laboratóriuma rejtőzne egy titkos panel mögött!
+Amikor először mutatták meg nekem a böngésző fejlesztői eszközeit, olyan három órát töltöttem egyszerű kattintgatással és azon ámuldozva: "VÁRJ, EZT IS TUDJA?!" Szó szerint valós időben szerkeszthetsz bármilyen weboldalt, pontosan láthatod, milyen gyorsan töltődik be minden, tesztelheted, hogyan néz ki az oldal különböző eszközökön, és még JavaScriptet is hibakereshetsz, mint egy profi. Ez egyszerűen hihetetlen!
 
-**Ezért titkos fegyvered a böngésző:**
+**Íme, miért titkos fegyvered a böngésző:**
 
-Amikor weboldalt vagy webalkalmazást készítesz, látnod kell, hogyan néz ki és hogyan viselkedik a valóságban. A böngészők nemcsak megjelenítik a munkádat, hanem részletes visszajelzéseket is adnak a teljesítményről, használhatóságról és az esetleges problémákról.
+Amikor weboldalt vagy webalkalmazást készítesz, látnod kell, hogy néz ki és hogyan viselkedik a valóságban. A böngészők nemcsak megjelenítik a munkádat, hanem részletes visszajelzést is adnak a teljesítményről, az akadálymentességről és a lehetséges problémákról.
 
 #### Böngésző fejlesztői eszközök (DevTools)
 
 A modern böngészők átfogó fejlesztői csomagokat tartalmaznak:
 
-| Eszközkategória | Mire jó | Példafelhasználás |
-|-----------------|---------|-------------------|
-| **Elem ellenőrző** | HTML/CSS valós idejű megtekintése és szerkesztése | Stílusok módosítása azonnali eredményért |
-| **Konzol** | Hibák megjelenítése és JavaScript tesztelése | Hibák keresése és kód kipróbálása |
-| **Hálózati monitor** | Erőforrások betöltődésének követése | Teljesítmény és betöltési idők optimalizálása |
-| **Akadálymentesség ellenőrző** | Befogadó dizájn tesztelése | Annak biztosítása, hogy az oldal minden felhasználónak működjön |
-| **Eszköz szimulátor** | Megjelenítés különböző képernyőméreteken | Reszponzív dizájn tesztelése eszközök nélkül |
+| Eszközkategória | Mit csinál | Példa használati eset |
+|-----------------|------------|-----------------------|
+| **Elemellenőrző** | HTML/CSS valós idejű megtekintése és szerkesztése | Stílus módosítása az azonnali eredményhez |
+| **Konzol** | Hibák megtekintése és JavaScript tesztelése | Hibák keresése és kód kísérletezés |
+| **Hálózatfigyelő** | Követi az erőforrások betöltődését | Teljesítmény és betöltési idők optimalizálása |
+| **Akadálymentesség-ellenőrző** | Befogadó dizájn tesztelése | Biztosítja, hogy az oldal mindenki számára működjön |
+| **Eszköz szimulátor** | Különböző képernyőméreteken történő előnézet | Reszponzív dizájn tesztelése eszközök nélkül |
 
-#### Fejlesztéshez ajánlott böngészők
+#### Ajánlott böngészők fejlesztéshez
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Iparági szabvány DevTools és átfogó dokumentáció
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Iparági szabványos DevTools széleskörű dokumentációval
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** – Kiváló CSS Grid és akadálymentességi eszközök
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Chromium-alapú a Microsoft fejlesztői erőforrásaival
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Chromium alapú, Microsoft fejlesztői erőforrásokkal
 
-> ⚠️ **Fontos tesztelési tipp**: Mindig teszteld a weboldalaidat több böngészőben! Ami tökéletesen működik Chrome-ban, az Safari-ban vagy Firefoxban másként nézhet ki. A profi fejlesztők az összes nagyobb böngészőben tesztelnek a konzisztens felhasználói élmény érdekében.
+> ⚠️ **Fontos tesztelési tipp**: Mindig teszteld az oldaladat több böngészőben! Ami tökéletesen működik Chrome-ban, az másként nézhet ki Safariban vagy Firefoxban. A profi fejlesztők minden fő böngészőben tesztelnek a következetes felhasználói élmény érdekében.
 
 
-### Parancssori eszközök: Kapud a fejlesztői szuperképességekhez
+### Parancssori eszközök: A fejlesztői szupererőd kapuja
 
-Oké, most beszéljünk őszintén a parancssorról, mert szeretném, ha azt tényleg tőlem hallanád. Amikor először megláttam – csak egy félelmetes fekete képernyő villogó szöveggel –, szó szerint azt gondoltam: „Az nem, ezt semmiképp! Ez olyan, mint egy 1980-as évekbeli hacker film, és én tutira nem vagyok elég okos ehhez!” 😅
+Na jól van, legyünk teljesen őszinték a parancssorról, mert szeretném, ha ezt olyan embertől hallanád, aki tényleg érti. Amikor először láttam – csak egy ijesztő fekete képernyő villogó szöveggel – szó szerint azt gondoltam: „Nem, ez nekem túl sok! Ez olyan, mintha egy 1980-as évekbeli hackerfilmből lenne, és én biztosan nem vagyok elég okos ehhez!” 😅
 
-De ezt szeretném, ha most elmondanám neked: a parancssor nem ijesztő – valójában mintha közvetlenül a számítógépeddel beszélgetnél. Gondolj arra, mint az étel rendelésére egy menő, képes és menüs alkalmazásban (ami kényelmes), szemben azzal, amikor bemész a kedvenc helyi éttermedbe, ahol a séf pontosan tudja, mit szeretsz, és csak annyit mondasz, „lepd meg valami elképesztővel”.
+De azt kívánom, valaki akkoriban elmondta volna nekem, és most neked is mondom: a parancssor nem ijesztő – valójában olyan, mintha közvetlenül beszélnél a számítógépeddel. Gondolj rá úgy, mint a különbségre egy menő ételrendelő app képekkel és menükkel (ami kellemes és egyszerű) és az között, amikor bemész a kedvenc helyi éttermedbe, ahol a szakács pontosan tudja, mit szeretsz, és egy „lepd meg valami csodálatossal” mondattal tökéletes fogást készít.
 
-A parancssor az a hely, ahol a fejlesztők tényleg varázslónak érzik magukat. Beírsz néhány látszólag varázslatos szót (oké, csak parancsok, de olyan érzés!), lenyomod az Entert, és PUMM – létrehoztál egész projektstruktúrákat, telepítettél erőteljes eszközöket a világ minden tájáról, vagy épp közzétetted az alkalmazásodat az interneten milliók számára. Amint megérzed ezt az erőt, őszintén szólva elég addiktív lesz!
+A parancssor az a hely, ahol a fejlesztők úgy érzik magukat, mint az abszolút varázslók. Beírsz néhány látszólag varázslatos szót (oké, csak parancsok, de varázslatosnak érződnek!), megnyomod az entert, és PÁÁÁM – egész projektstruktúrákat hoztál létre, telepítettél hatékony eszközöket a világ minden tájáról, vagy épp élesítettél egy appot az internetre, hogy milliók láthassák. Amint egyszer megkóstolod ezt a hatalmat, őszintén szólva eléggé függővé válik!
 
 **Miért lesz a parancssor a kedvenc eszközöd:**
 
-Bár a grafikus felületek sok feladathoz kiválóak, a parancssor az automatizálásban, pontosságban és sebességben brillírozik. Sok fejlesztőeszköz elsősorban parancssori interfészeken keresztül működik, és hatékony használatuk drasztikusan növelheti a termelékenységed.
+Bár a grafikus felületek sok feladathoz remekek, a parancssor az automatizálásban, a pontosságban és a sebességben jeleskedik. Sok fejlesztői eszköz elsősorban parancssori felületen működik, és ezek hatékony használatának elsajátítása drámaian javíthatja a termelékenységedet.
 
 ```bash
-# 1. lépés: Hozd létre a projekt könyvtárát, majd lépj bele
+# 1. lépés: Hozd létre a projekt könyvtárat és lépj be oda
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-
-**Mit csinál ez a kód:**
-- **Létrehoz** egy új mappát „my-awesome-website” néven a projekted számára
+  
+**Ez a kód mit csinál:**  
+- **Új mappát hoz létre** "my-awesome-website" néven a projektednek  
 - **Belép** az újonnan létrehozott mappába, hogy elkezdhess dolgozni
 
 ```bash
-# 2. lépés: Inicializálja a projektet package.json fájlal
+# 2. lépés: Projekt inicializálása package.json fájllal
 npm init -y
 
-# Telepítse a modern fejlesztői eszközöket
+# Modern fejlesztőeszközök telepítése
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-
-**Lépésről lépésre, mi történik:**
-- **Inicializál** egy új Node.js projektet alapértelmezett beállításokkal az `npm init -y` parancsal
-- **Telepíti** a Vite-et modern build eszközként gyors fejlesztéshez és gyártási buildhez
-- **Hozzáadja** a Prettier-t automatikus formázáshoz és az ESLint-et kódminőség ellenőrzéshez
-- **Használja** a `--save-dev` kapcsolót, hogy csak fejlesztési függőségek legyenek
+  
+**Lépésről lépésre, mi történik:**  
+- **Inicializál** egy új Node.js projektet alapértelmezett beállításokkal az `npm init -y` segítségével  
+- **Telepíti** a Vite-t modern build eszközként a gyors fejlesztéshez és éles buildhez  
+- **Hozzáad** Prettier-t automatikus kódformázáshoz és ESLint-et a kódminőség ellenőrzésére  
+- **A** `--save-dev` kapcsolót használja, hogy ezeket csak fejlesztési függőségként jelölje meg
 
 ```bash
-# 3. lépés: Projekt struktúra és fájlok létrehozása
+# 3. lépés: Projektstruktúra és fájlok létrehozása
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Fejlesztő szerver indítása
+# Indítsa el a fejlesztői szervert
 npx vite
 ```
+  
+**Az előbbiekben:**  
+- **Rendszerezte** a projektet külön mappákkal a forráskódnak és az eszközöknek  
+- **Generált** egy alap HTML fájlt megfelelő dokumentumszerkezettel  
+- **Elindította** a Vite fejlesztői szervert élő újratöltéssel és hot module replacementtel
 
-**Fentiekben:**
-- **Rendszerezte** a projektet külön mappákba a forráskód és az eszközök számára
-- **Generált** egy alap HTML fájlt megfelelő dokumentumszerkezettel
-- **Elindította** a Vite fejlesztői szervert élő újratöltéssel és hot module replacement-tel
-
-#### Alapvető parancssori eszközök webfejlesztéshez
+#### Nélkülözhetetlen parancssori eszközök webfejlesztéshez
 
-| Eszköz | Cél | Miért kell |
-|--------|-----|------------|
+| Eszköz | Célja | Miért van rá szükséged |
+|--------|-------|-----------------------|
 | **[Git](https://git-scm.com/)** | Verziókezelés | Változások nyomon követése, együttműködés, biztonsági mentés |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript futtatókörnyezet és csomagkezelő | JavaScript futtatása böngészőn kívül, modern fejlesztőeszközök telepítése |
-| **[Vite](https://vitejs.dev/)** | Build eszköz és fejlesztői szerver | Villámgyors fejlesztés hot module replacement-tel |
-| **[ESLint](https://eslint.org/)** | Kódminőség | Problémák automatikus felderítése és javítása JavaScriptben |
-| **[Prettier](https://prettier.io/)** | Kódformázás | A kód következetes és olvasható formázása |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript futtató környezet és csomagkezelő | JavaScript futtatása böngészőn kívül, modern eszközök telepítése |
+| **[Vite](https://vitejs.dev/)** | Build eszköz és fejlesztői szerver | Villámgyors fejlesztés hot module replacemente |
+| **[ESLint](https://eslint.org/)** | Kódminőség | Automatikusan felismeri és javítja a JavaScript problémákat |
+| **[Prettier](https://prettier.io/)** | Kódformázás | Konzisztens és olvasható kódot biztosít |
 
 #### Platform-specifikus lehetőségek
 
-**Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Modern, funkciógazdag terminál
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Erőteljes szkriptkörnyezet
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Hagyományos Windows parancssor
+**Windows:**  
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Modern, sok funkciós terminál  
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Erős szkriptnyelvi környezet  
+- **[Parancssor](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Hagyományos Windows parancssor
 
-**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Beépített terminál alkalmazás
-- **[iTerm2](https://iterm2.com/)** – Fejlettebb terminál haladó funkciókkal
+**macOS:**  
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Beépített terminálalkalmazás  
+- **[iTerm2](https://iterm2.com/)** – Fejlettebb terminál további funkciókkal
 
-**Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Alapértelmezett Linux shell
+**Linux:**  
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Standard Linux shell  
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Fejlett terminálemulátor
 
-> 💻 = Előre telepített az operációs rendszeren
+> 💻 = Előre telepítve az operációs rendszerrel
 
-> 🎯 **Tanulási útvonal**: Kezd az alapvető parancsokkal, mint `cd` (könyvtárváltás), `ls` vagy `dir` (fájlok listázása), és `mkdir` (mappa létrehozása). Gyakorolj modern munkafolyamat parancsokat, például `npm install`, `git status`, és `code .` (megnyitja az aktuális mappát VS Code-ban). Ahogy egyre otthonosabb vagy, természetesen tanulod majd az összetettebb parancsokat és az automatizálási technikákat.
+> 🎯 **Tanulási út**: Kezdd az alap parancsokkal, mint a `cd` (könyvtárváltás), `ls` vagy `dir` (fájlok listázása), és `mkdir` (mappa létrehozása). Gyakorold a modern munkafolyamat-parancsokat, például `npm install`, `git status` és `code .` (megnyitja az aktuális könyvtárat VS Code-ban). Ahogy egyre magabiztosabb leszel, természetesen tanulsz majd fejlettebb parancsokat és automatizálási technikákat is.
 
 
-### Dokumentáció: Mindig elérhető tanulótársad
+### Dokumentáció: Mindig elérhető tanuló mentorod
 
-Hadd osszak meg veled egy titkot, ami segít jobban érezni magad kezdőként: még a legtapasztaltabb fejlesztők is rengeteg időt töltenek dokumentáció olvasásával. És nem azért, mert nem tudják, mit csinálnak – ez inkább a bölcsesség jele!
+Nos, megosztok egy kis titkot, ami sokkal jobban fogja érezni magát, aki kezdő: még a legtapasztaltabb fejlesztők is az idejük nagy részét dokumentáció olvasásával töltik. És nem azért, mert nem tudják, mit csinálnak – ez valójában a bölcsesség jele!
 
-Gondolj a dokumentációra úgy, mint a világ legpáciensebb, legtudatosabb tanáraira, akik éjjel-nappal rendelkezésedre állnak. 2 órakor az éjszaka közepén elakadtál? A dokumentáció ott van egy meleg virtuális öleléssel és pontosan azzal a válasszal, amire szükséged van. Szeretnél megtanulni egy menő, új funkciót, amiről mindenki beszél? A dokumentáció lépésről lépésre segít. Próbálod megérteni, hogy miért úgy működik valami, ahogy? Ugye kitaláltad – a dokumentáció készségesen elmagyarázza, hogy végre megértsd!
+Gondolj a dokumentációra úgy, mintha a világ legkedvesebb, legokosabb tanárai lennének, akik 24/7 elérhetőek. Elakadtál egy problémával éjjel 2-kor? A dokumentáció ott van egy virtuális meleg öleléssel és pontosan a választ adja, amire szükséged van. Meg akarsz tanulni egy menő új funkciót, amiről mindenki beszél? A dokumentáció ott van lépésről lépésre példákkal. Megpróbálod megérteni, miért működik valami úgy, ahogy? Innen tudod – a dokumentáció kész elmagyarázni úgy, hogy végre „összeálljon” a kép!
 
-Valami, ami teljesen megváltoztatta a nézőpontomat: a webfejlesztés világa rettenetesen gyorsan halad, és senki – tényleg senki! – nem tud mindent kívülről. Láttam 15+ éves tapasztalattal rendelkező senior fejlesztőket is, akik megnéznek alapvető szintaxist, és tudod mit? Ez nem ciki – ez okosság! Nem arról szól, hogy tökéletes a memóriád; arról szól, hogy tudd, hol találsz megbízható válaszokat gyorsan és hogyan alkalmazd azokat.
+Volt valami, ami teljesen megváltoztatta a látásmódom: a webfejlesztés hihetetlenül gyorsan változik, és senki (értsd: senki!) nem tud mindent kívülről. Láttam 15+ éves tapasztalatú senior fejlesztőket, amint alap szintaxisokat néznek meg, és tudod mit? Ez nem ciki – ez okos dolog! Nem az a lényeg, hogy szupermemóriád legyen; hanem hogy tudd, hol találod gyorsan a megbízható válaszokat, és tudd, hogyan alkalmazd őket.
 
-**A valódi varázslat itt kezdődik:**
+**Itt történik az igazi varázslat:**
 
-A profi fejlesztők jelentős részt töltenek dokumentáció olvasásával – nem mert nem tudják, mit csinálnak, hanem mert a fejlesztés világa folyamatosan változik, és a naprakészség folyamatos tanulást igényel. A jó dokumentáció nemcsak azt segít megérteni, *hogyan* használd egy eszközt, hanem azt is, *miért* és *mikor* érdemes alkalmazni.
+A profi fejlesztők jelentős időt töltenek dokumentáció olvasásával – nem azért, mert nem tudják mit csinálnak, hanem mert a webfejlesztési világ olyan gyorsan változik, hogy a naprakészség folyamatos tanulást igényel. A nagyszerű dokumentáció nemcsak azt mutatja meg, *hogyan* használj valamit, hanem azt is, *miért* és *mikor* érdemes.
 
-#### Fontos dokumentációs források
+#### Alapvető dokumentációs források
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Az arany sztenderd a webes technológiák dokumentációjában
-- Átfogó útmutatók HTML-hez, CSS-hez és JavaScripthez
-- Böngésző kompatibilitási információk
-- Gyakorlati példák és interaktív demók
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
+- Az aranyszabvány webtechnológiák dokumentációjában  
+- Átfogó útmutatók HTML, CSS és JavaScript témában  
+- Böngésző kompatibilitási információkkal  
+- Gyakorlati példákkal és interaktív demókkal
 
-**[Web.dev](https://web.dev)** (Google-től)
-- Modern webfejlesztési legjobb gyakorlatok
-- Teljesítményoptimalizálási útmutatók
-- Akadálymentességi és befogadó dizájn elvek
-- Esettanulmányok valós projektekről
+**[Web.dev](https://web.dev)** (Google-tól)  
+- Modern webfejlesztési legjobb gyakorlatok  
+- Teljesítmény optimalizációs útmutatók  
+- Akadálymentesség és befogadó dizájn elvei  
+- Valós projektek esettanulmányai
 
-**[Microsoft fejlesztői dokumentáció](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Edge böngésző fejlesztési források
-- Progresszív webalkalmazás útmutatók
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
+- Edge böngésző fejlesztői erőforrásai  
+- Progresszív webalkalmazás útmutatók  
 - Többplatformos fejlesztési betekintések
 
-**[Frontend Masters tanulási útvonalak](https://frontendmasters.com/learn/)**
-- Strukturált tanmenetek
-- Videós tanfolyamok iparági szakértőktől
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- Strukturált tanulási tanmenetek  
+- Ipari szakértők videós kurzusai  
 - Gyakorlati kódolási feladatok
 
-> 📚 **Tanulási stratégia**: Ne próbáld „megjegyezni” a dokumentációt – inkább tanuld meg hatékonyan használni. Könyvjelzőzd a gyakran használt forrásokat, és gyakorold a keresőfunkciók használatát az információk gyors megtalálásához.
+> 📚 **Tanulási stratégiák**: Ne próbáld meg memorizálni a dokumentációt – inkább tanuld meg hatékonyan keresni benne. Könyvjelzőzd a gyakran használt referenciaanyagokat, és gyakorold a keresési funkciók használatát, hogy gyorsan megtaláld a konkrét információkat.
 
-### 🔧 **Eszközmesteri ellenőrzés: Mi az, ami neked szól?**
+### 🔧 **Eszközhasználati teszt: Mi rezonál veled?**
 
-**Szánj rá egy pillanatot, hogy átgondold:**
-- Melyik eszközt próbálnád ki először a legszívesebben? (Nincs rossz válasz!)
-- Mennyire ijeszt még a parancssor, vagy inkább kíváncsivá tett?
-- El tudod képzelni, hogy a böngésző DevTools segítségével bepillants a kedvenc weboldalaid kulisszái mögé?
+**Szánj egy pillanatot arra, hogy átgondold:**  
+- Melyik eszközt próbálnád ki legszívesebben először? (Nincs rossz válasz!)  
+- Még mindig ijesztő a parancssor, vagy érdeklődsz iránta?  
+- El tudod képzelni, hogy a böngésző DevTools-szal beleshetsz a kedvenc weboldalaid kulisszái mögé?
 
 ```mermaid
-pie title "Fejlesztői idő eszközökkel"
-    "Kód Szerkesztő" : 40
-    "Böngésző Tesztelés" : 25
+pie title "Fejlesztői idő az eszközökkel"
+    "Kódszerkesztő" : 40
+    "Böngészős tesztelés" : 25
     "Parancssor" : 15
-    "Dokumentáció Olvasása" : 15
+    "Dokumentáció olvasása" : 15
     "Hibakeresés" : 5
-```
-> **Érdekesség**: A fejlesztők körülbelül a munkaidejük 40%-át töltik az editorukban, de figyeld meg, mennyi idő megy el tesztelésre, tanulásra és problémamegoldásra. A programozás nemcsak kódírás – élmények megalkotása!
+```  
+> **Szórakoztató érdekesség**: A legtöbb fejlesztő mintegy 40%-ot tölt a kódszerkesztőjében, de észreveszed, mennyi idő megy el tesztelésre, tanulásra és problémamegoldásra. A programozás nem csak kódírás – élményalkotás is!
 
-✅ **Gondolkodtató kérdés**: Íme valami érdekes – szerinted hogyan térnek el egymástól azok az eszközök, amiket weboldalak *fejlesztésére* használsz, és azok, amikkel a weboldalak *dizájnját* készíted? Olyan ez, mintha egy építész tervezi meg a gyönyörű házat, és egy vállalkozó építi meg azt. Mindkettő fontos, de más eszköztár kell! Ez a gondolkodás segít meglátni a nagyobb képet arról, hogyan kelnek életre a weboldalak.
+✅ **Elgondolkodtató:** Íme egy érdekes kérdés – hogyan gondolod, a weboldalak készítő eszközei (fejlesztés) miben különböznek a megjelenést alakító eszközöktől (tervezés)? Olyan ez, mintha az építész tervezne egy szép házat, és a kivitelező építené meg azt. Mindkettő fontos, de más eszköztár kell hozzá! Ez a fajta gondolkodás segíteni fog meglátni a nagyobb képet, hogy hogyan kelnek életre a weboldalak.
 
 ## GitHub Copilot Agent kihívás 🚀
 
-Használd az Agent módot a következő kihívás megoldásához:
+Használd az Agent módot a következő kihívás teljesítéséhez:
 
-**Leírás:** Fedezd fel egy modern kódszerkesztő vagy IDE funkcióit, és mutasd be, hogyan segíti munkafolyamatodat webfejlesztőként.
+**Leírás:** Fedezd fel egy modern kódszerkesztő vagy IDE funkcióit, és mutasd be, hogyan javíthatja a munkafolyamatodat webfejlesztőként.
 
-**Felkérés:** Válassz egy kódszerkesztőt vagy IDE-t (például Visual Studio Code, WebStorm vagy egy felhőalapú IDE). Sorolj fel három olyan funkciót vagy bővítményt, amely segít a kód írásában, hibakeresésében vagy karbantartásában. Mindegyikhez adj rövid magyarázatot arról, hogyan javítja a munkafolyamatod.
+**Feladat:** Válassz egy kódszerkesztőt vagy IDE-t (például Visual Studio Code, WebStorm vagy felhőalapú IDE). Sorolj fel három funkciót vagy kiegészítőt, amelyek segítenek hatékonyabban írni, hibakeresni vagy karbantartani a kódot. Mindegyikről adj rövid magyarázatot, hogy hogyan segíti a munkádat.
 
 ---
 
@@ -735,121 +736,121 @@ Használd az Agent módot a következő kihívás megoldásához:
 
 **Na, nyomozó, készen állsz az első ügyedre?**
 
-Most, hogy megvan ez a szuper alap, egy kaland vár, ami segít meglátni, milyen elképesztően sokszínű és izgalmas a programozás világa. És figyelj – ez még nem kódírásról szól, szóval nincs nyomás! Gondolj magadra úgy, mint programozási nyelv nyomozóra az első izgalmas ügyeden!
+Most, hogy megvan ez a szuper alapod, egy kaland vár, ami segít meglátni, milyen hihetetlenül változatos és lenyűgöző a programozás világa. És hallgasd: ez még nem a kódírásról szól, szóval nincs nyomás! Gondolj magadra úgy, mint egy programozási nyelv nyomozóra az első izgalmas ügyeden!
 
-**Küldetésed, ha elfogadod:**
-1. **Válj nyelvkutatóvá**: Válassz három programozási nyelvet teljesen különböző világokból – lehet egy, ami weboldalakat épít, egy, ami mobilalkalmazásokat készít, és egy, ami adatokat elemez tudósoknak. Keress példákat ugyanarra az egyszerű feladatra mindegyik nyelven. Megígérem, teljesen el leszel kápráztatva, milyen másként néznek ki miközben ugyanazt csinálják!
+**Missziód, ha vállalod:**  
+1. **Legyél nyelvkutató:** Válassz három, egymástól teljesen különböző univerzumból származó programozási nyelvet – talán egyet, ami weboldalakat készít, egyet, ami mobil appokat fejleszt, és egyet, ami tudósok adatfeldolgozására szolgál. Keress egyszerű példa feladatot mindegyik nyelven. Megígérem, teljesen el fogsz ámulni, milyen különbözőképpen nézhetnek ki ugyanazt csinálva!
 
-2. **Fedezd fel a származásukat**: Mi tesz minden nyelvet különlegessé? Egy menő tény – minden programozási nyelvet azért hoztak létre, mert valaki gondolta, „Tudod mit? Ennél jobb mód kell egy adott probléma megoldására.” Meg tudod találni, mik voltak ezek a problémák? Egyes történetek igazán lenyűgözőek!
+2. **Fedezd fel az eredetüket:** Mi teszi mindegyik nyelvet különlegessé? Egy menő tény: minden egyes programozási nyelvet azért alkottak meg, mert valaki azt gondolta, „Tudod mit? Ennél a konkrét problémánál jobb megoldásnak kell lennie.” Kitalálod, mik voltak ezek a problémák? Néhány történet igazán izgalmas!
 
-3. **Ismerd meg a közösségeket**: Nézd meg, mennyire befogadó és lelkes a nyelv közössége. Van, amelyiknek millió fejlesztője van, akik tudást osztanak meg és segítik egymást, mások kisebbek, de nagyon összetartók és támogatóak. Remélem, élvezni fogod látni ezeket a különböző személyiségeket!
+3. **Ismerd meg a közösségeket:** Nézd meg, mennyire befogadóak és lelkesek az egyes nyelvek közösségei. Néhány több millió fejlesztőt tömörít, akik megosztják egymással tudásukat és segítik egymást, mások kisebbek, de hihetetlenül összetartóak és támogatóak. Imádni fogod látni, milyen különböző személyiségek alkotják ezeket a közösségeket!
 
-4. **Hallgass a megérzéseidre**: Melyik nyelv tűnik most a leginkább megközelíthetőnek számodra? Ne stresszelj a „tökéletes” választáson – csak hallgass az ösztöneidre! Itt tényleg nincs rossz válasz, és mindig felfedezhetsz másokat később is.
+4. **Kövesd az ösztöneidet:** Melyik nyelv tűnik most számodra a legközelebb állónak? Ne stresszelj a „tökéletes” választáson – csak hallgass az ösztöneidre! Őszintén nincs rossz válasz, és mindig felfedezhetsz másokat később.
 
-**Plusz nyomozói feladat:** Próbáld kideríteni, melyik nagy weboldalak vagy alkalmazások készültek mely nyelvekkel. Garantálom, hogy meg fogsz lepődni, milyen technológiák hajtják az Instagramot, a Netflixet vagy azt a mobiljátékot, amit nem tudsz letenni!
+**Plusz nyomozói feladat:** Próbáld kideríteni, hogy mely nagyobb weboldalak vagy appok készültek az egyes nyelvekkel. Garantálom, hogy megdöbbensz majd, mik hajtják az Instagramot, Netflixet vagy azt a mobiljátékot, amit nem bírsz letenni!
 
-> 💡 **Ne feledd**: Nem az a cél, hogy ma már szakértő legyél ezekben a nyelvekben. Csak ismerkedsz a környezettel, mielőtt eldöntöd, hol kezdesz el dolgozni. Szánj rá időt, szórakozz, és hagyd, hogy a kíváncsiság vezessen!
+> 💡 **Emlékezz:** Ma nem az a cél, hogy szakértővé válj egyetlen nyelvben sem. Csak ismerkedj meg a „szomszédsággal”, mielőtt eldöntöd, hol akarsz letelepedni. Szánj rá időt, élvezd és hagyd, hogy a kíváncsiságod vezessen!
 
 ## Ünnepeljük, amit felfedeztél!
 
-Hú, de sok elképesztő dolgot szívtál magadba ma! Őszintén izgatott vagyok, hogy mennyire maradt meg ebből a fantasztikus utazásból. És ne feledd – ez nem egy teszt, ahol mindent tökéletesen kell csinálni. Ez inkább egy ünnep, hogy mindazt a menő dolgot értékeld, amit megtanultál erről az izgalmas világról, amibe most belevetetted magad!
+Hú, mennyi hihetetlen információt szívtál magadba ma! Őszintén izgatott vagyok, hogy lássam, mennyi maradt meg ebből a csodás utazásból. És emlékezz – ez nem egy vizsga, ahol mindennek tökéletesnek kell lennie. Ez inkább egy ünneplés mindarról a menő dologról, amit megtanultál erről a lenyűgöző világról, amibe épp most lépsz bele!
 
-[Oldd meg az utólagos kvízt](https://ff-quizzes.netlify.app/web/)
-## Áttekintés & Önálló tanulás
+[Oldd meg az leckekvízt](https://ff-quizzes.netlify.app/web/)
 
-**Szánj rá időt, fedezd fel és élvezd!**
+## Áttekintés & önálló tanulás
 
-Ma rengeteget haladtál, és erre igazán büszke lehetsz! Most jön a móka – fedezd fel azokat a témákat, amelyek felkeltették az érdeklődésedet. Ne feledd, ez nem házi feladat – ez egy kaland!
+**Szánj rá időt, fedezd fel és szórakozz közben!**
+Ma sok mindent tanultál, amire büszke lehetsz! Most jön a móka része – azokat a témákat felfedezni, amelyek felkeltették a kíváncsiságodat. Ne feledd, ez nem házi feladat – ez egy kaland!
 
-**Mélyedj el abban, ami lelkesít:**
+**Mélyedj el abban, ami izgat:**
 
-**Próbálj ki programozási nyelveket:**
-- Látogasd meg 2-3 olyan nyelv hivatalos weboldalát, amely felkeltette az érdeklődésedet. Mindegyiknek megvan a maga személyisége és története!
-- Próbálj ki néhány online kódíró játszóteret, például a [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) vagy [Replit](https://replit.com/) oldalakat. Ne félj kísérletezni – semmit sem tudsz elrontani!
-- Olvass arról, hogyan jött létre a kedvenc nyelved. Komolyan, néhány eredettörténet lenyűgöző, és segít megérteni, miért működnek a nyelvek úgy, ahogy.
+**Ismerkedj meg gyakorlatban programozási nyelvekkel:**
+- Látogasd meg 2-3 olyan nyelv hivatalos weboldalát, amelyek felkeltették az érdeklődésedet. Mindegyiknek megvan a saját személyisége és története!
+- Próbálj ki online kódolási játszótereket, például a [CodePen](https://codepen.io/)-t, a [JSFiddle](https://jsfiddle.net/)-t vagy a [Replit](https://replit.com/)-et. Ne félj kísérletezni – nem tudsz semmit elrontani!
+- Olvass a kedvenc nyelved születésének történetéről. Komolyan, ezek az eredettörténetek sokszor lenyűgözőek, és segítenek megérteni, miért működnek úgy a nyelvek, ahogy.
 
 **Ismerkedj meg az új eszközeiddel:**
-- Töltsd le a Visual Studio Code-ot, ha még nem tetted meg – ingyenes és imádni fogod!
-- Szánj néhány percet az Extensions piactér böngészésére. Olyan, mint egy alkalmazásbolt a kódszerkesztődnek!
-- Nyisd meg a böngésződ Fejlesztői Eszközeit, és kattints körbe. Ne aggódj, ha nem értesz mindent – csak ismerkedj a dolgokkal.
+- Töltsd le a Visual Studio Code-ot, ha még nem tetted meg – ingyenes, és nagyon meg fogod szeretni!
+- Tölts pár percet az Extensions piactér böngészésére. Ez olyan, mint egy alkalmazásbolt a kódszerkesztődnek!
+- Nyisd meg a böngésződ Fejlesztői Eszközeit, és kattints körbe nyugodtan. Ne aggódj, ha nem értesz mindent – csak ismerkedj meg, mi van ott.
 
 **Csatlakozz a közösséghez:**
-- Kövess néhány fejlesztői közösséget a [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) vagy [GitHub](https://github.com/) oldalakon. A programozó közösség hihetetlenül befogadó az újoncokkal szemben!
-- Nézz meg kezdőknek szóló programozós videókat a YouTube-on. Rengeteg nagyszerű alkotó van, aki emlékszik, milyen volt az elején lenni.
-- Fontold meg, hogy csatlakozol helyi találkozókhoz vagy online közösségekhez. Hidd el, a fejlesztők imádnak segíteni az újonnan érkezőknek!
+- Kövess néhány fejlesztői közösséget a [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) vagy [GitHub](https://github.com/) oldalán. A programozói közösség hihetetlenül barátságos az újoncokkal szemben!
+- Nézz kezdőknek szóló kódolási videókat YouTube-on. Rengeteg remek készítő van, aki emlékszik rá, milyen az elején lenni.
+- Fontold meg, hogy részt veszel helyi találkozókon vagy online közösségekben. Higgy nekem, a fejlesztők imádnak segíteni az újoncoknak!
 
-> 🎯 **Figyelj, ezt szeretném, hogy megjegyezd**: Nem várjuk, hogy egyik napról a másikra kódvarázsló váljon belőled! Jelenleg csak ismerkedsz ezzel a csodálatos új világgal, amelynek része leszel. Szánj rá időt, élvezd az utat, és tudd – minden egyes fejlesztő, akit csodálsz, valamikor pontosan ott ült, ahol most te vagy, izgatottan és talán egy kicsit túlterhelten. Ez teljesen normális, és azt jelenti, hogy jól csinálod!
+> 🎯 **Figyelj, ezt szeretném, ha megjegyeznéd:** Nem várjuk el tőled, hogy egyik napról a másikra programozó zsenivé válj! Most csak ismerkedsz ezzel a csodálatos új világgal, amelynek a része leszel. Szánj időt, élvezd az utat, és emlékezz rá – minden fejlesztő, akit csodálsz, egyszer épp ott ült, ahol te most vagy, izgatottan és talán egy kicsit túlterhelve. Ez teljesen normális, és azt jelenti, hogy jól csinálod!
 
 
 
 ## Feladat
 
-[Olvasd el a dokumentációt](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Egy kis ösztönzés a feladatodhoz**: Nagyon örülnék neki, ha felfedeznél olyan eszközöket, amelyeket még nem érintettünk! Kerüld azokat a szerkesztőket, böngészőket és parancssori eszközöket, amelyeket már említettünk – van egy egész hihetetlen fejlesztői eszköz univerzum, amely felfedezésre vár. Olyanokat keress, amelyek aktívan karbantartottak és élénk, segítőkész közösséggel rendelkeznek (ezeknél a legjobb oktatóanyagokat és a leginkább támogató embereket találod, ha elakadnál, és baráti segítségre lenne szükséged).
+> 💡 **Egy kis segítség a feladathoz:** Nagyon örülnék, ha felfedeznél néhány olyan eszközt, amelyről még nem beszéltünk! Hagyjuk ki a már ismert szerkesztőket, böngészőket és parancssoros eszközöket – van ezernyi csodálatos fejlesztői eszköz, amely csak vár arra, hogy felfedezd. Keress olyat, amely aktívan karbantartott, és élénk, segítőkész közössége van (ezeknél általában a legjobb tutorialok és a legbarátságosabb emberek támogatnak, amikor elakadnál és segítséget kérnél).
 
 ---
 
-## 🚀 A programozási utad idővonala
+## 🚀 A programozói utad idővonala
 
 ### ⚡ **Mit tehetsz meg a következő 5 percben**
-- [ ] Könyvjelzőzz be 2-3 programozási nyelv weboldalt, amelyek felkeltették az érdeklődésedet
+- [ ] Könyvjelzőz 2-3 programozási nyelv weboldalát, amelyek felkeltették az érdeklődésedet
 - [ ] Töltsd le a Visual Studio Code-ot, ha még nem tetted meg
-- [ ] Nyisd meg a böngésződ Fejlesztői Eszközeit (F12), és kattints körbe bármely weboldalon
+- [ ] Nyisd meg a böngésződ Fejlesztői Eszközeit (F12), és kattints körbe bármelyik weboldalon
 - [ ] Csatlakozz egy programozói közösséghez (Dev.to, Reddit r/webdev vagy Stack Overflow)
 
-### ⏰ **Mit érhetsz el ezen az órán**
-- [ ] Teljesítsd az óra utáni kvízt, és gondolkodj el a válaszaidon
+### ⏰ **Mit érhetsz el ebben az órában**
+- [ ] Fejezd be az óra utáni kvízt, és gondold át a válaszaidat
 - [ ] Állítsd be a VS Code-ot a GitHub Copilot kiterjesztéssel
-- [ ] Próbálj ki egy „Hello World” példát 2 különböző programozási nyelven online
-- [ ] Nézz meg egy „Egy fejlesztő egy napja” című videót a YouTube-on
-- [ ] Kezdd el a programozási nyelv detektív munkát (a kihívásból)
+- [ ] Próbálj ki egy "Hello World" példát 2 különböző programozási nyelven online
+- [ ] Nézz meg egy "Egy nap egy fejlesztő életében" videót YouTube-on
+- [ ] Kezdd el a programozási nyelv detektív munkádat (a kihívásból)
 
 ### 📅 **Heti kalandod**
-- [ ] Teljesítsd a feladatot, és fedezz fel 3 új fejlesztői eszközt
-- [ ] Kövess 5 fejlesztőt vagy programozási fiókot a közösségi médiában
-- [ ] Próbálj meg valami apróságot építeni a CodePen-en vagy a Replit-en (még ha csak egy „Hello, [A neved]!” is)
-- [ ] Olvass el egy fejlesztői blogbejegyzést valaki programozói útjáról
-- [ ] Csatlakozz egy virtuális találkozóhoz vagy nézz meg egy programozós előadást
-- [ ] Kezdd el tanulni a választott nyelved online oktatóanyagokkal
+- [ ] Fejezd be a feladatot, és fedezz fel 3 új fejlesztői eszközt
+- [ ] Kövess 5 fejlesztőt vagy programozási fiókot a közösségi oldalakon
+- [ ] Próbálj meg valamit építeni CodePen-ben vagy Replit-en (még ha csak egy "Hello, [A Neved]!" is!)
+- [ ] Olvass el egy fejlesztői blogbejegyzést valakinek a programozásról szóló útjáról
+- [ ] Csatlakozz egy virtuális találkozóhoz vagy nézz meg egy programozói előadást
+- [ ] Kezdd el tanulni a választott nyelvet online oktatóanyagokkal
 
 ### 🗓️ **Havi átalakulásod**
 - [ ] Építsd meg az első kis projektedet (még egy egyszerű weboldal is számít!)
-- [ ] Vegyél részt egy nyílt forráskódú projektben (kezd a dokumentáció javításával)
-- [ ] Mentorálj valakit, aki most kezdte el a programozói útját
+- [ ] Adj hozzá egy nyílt forráskódú projekthez (kezdj dokumentációs javításokkal)
+- [ ] Segíts tanácsadóként annak, aki most kezd a programozói úton
 - [ ] Készítsd el a fejlesztői portfólió weboldaladat
-- [ ] Kapcsolódj helyi fejlesztői közösségekhez vagy tanulócsoportokhoz
+- [ ] Csatlakozz helyi fejlesztői közösségekhez vagy tanulócsoportokhoz
 - [ ] Kezdd el tervezni a következő tanulási mérföldkövedet
 
-### 🎯 **Záró visszatekintés**
+### 🎯 **Záró önreflexió**
 
-**Mielőtt továbbmész, szánj egy pillanatot az ünneplésre:**
-- Mi az a programozással kapcsolatos dolog, ami ma felkeltette az izgalmadat?
+**Mielőtt továbblépnél, szánj időt az ünneplésre:**
+- Mi volt ma a programozásban az a dolog, ami a legjobban felkeltette az érdeklődésedet?
 - Melyik eszközt vagy fogalmat szeretnéd először felfedezni?
-- Hogy érzed magad a programozói utad megkezdésével kapcsolatban?
+- Hogy érzed magad, hogy elkezdted ezt a programozói utat?
 - Milyen kérdést tennél fel most egy fejlesztőnek?
 
 ```mermaid
 journey
-    title Az önbizalomépítés utad
+    title Az Önbizalom Építésének Útja
     section Ma
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section Ezen a héten
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Következő hónap
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+      Kíváncsi: 3: You
+      Túlhajszolt: 4: You
+      Izgatott: 5: You
+    section Ezen a Héten
+      Felfedezés: 4: You
+      Tanulás: 5: You
+      Kapcsolatépítés: 4: You
+    section Következő Hónap
+      Építés: 5: You
+      Magabiztos: 5: You
+      Mások Segítése: 5: You
 ```
-> 🌟 **Ne feledd**: Minden szakértő egyszer kezdő volt. Minden szenior fejlesztő pontosan úgy érezte magát, mint most te – izgatottan, talán egy kicsit túlterhelten, és biztosan kíváncsian arra, mi lehetséges. Csodálatos társaságban vagy, és ez az út hihetetlen lesz. Üdv a programozás csodálatos világában! 🎉
+> 🌟 **Ne feledd:** Minden szakértő egyszer kezdő volt. Minden tapasztalt fejlesztő pontosan úgy érezte magát egyszer, mint te most – izgatottan, talán egy kicsit túlterhelve, és hatalmas kíváncsisággal, hogy mit rejt a jövő. Csodálatos társaságban vagy, és ez az út fantasztikus lesz. Üdv a csodálatos programozói világban! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Jogi nyilatkozat**:  
-Jelen dokumentumot az AI fordítószolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk le. Bár az igyekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hiteles forrásnak. Kritikus információk esetén professzionális emberi fordítást javaslunk. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy félreértelmezésekért.
+**Nyilatkozat**:
+A jelen dokumentumot az AI fordítószolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítás hibákat vagy pontatlanságokat tartalmazhat. Az eredeti dokumentum az anyanyelvén tekintendő hivatalos forrásnak. Fontos információk esetén professzionális emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből a fordításból eredő félreértésekért vagy téves értelmezésekért.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hu/AGENTS.md b/translations/hu/AGENTS.md
index ef37c9da8..159146657 100644
--- a/translations/hu/AGENTS.md
+++ b/translations/hu/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## Projekt áttekintése
 
-Ez egy oktatási tanterv adattára, amely kezdőknek tanítja a webfejlesztés alapjait. A tanterv egy átfogó, 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, 24 gyakorlati leckével, amelyek lefedik a JavaScript, CSS és HTML témaköröket.
+Ez egy oktatási tanterv-tár, amely a kezdők számára tanítja a webfejlesztés alapjait. A tanterv egy átfogó, 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, 24 gyakorlati órával, amelyek JavaScript-et, CSS-t és HTML-t fednek le.
 
-### Főbb összetevők
+### Fő komponensek
 
-- **Oktatási tartalom**: 24 strukturált lecke projekt alapú modulokba rendezve
-- **Gyakorlati projektek**: Terrárium, gépelős játék, böngészőbővítmény, űrjáték, banki alkalmazás, kódszerkesztő és AI chat asszisztens
-- **Interaktív kvízek**: 48 kvíz 3 kérdéssel mindegyikben (óra előtti/utáni felmérések)
-- **Többnyelvű támogatás**: automatikus fordítások több mint 50 nyelvre GitHub Actions segítségével
+- **Oktatási tartalom**: 24 strukturált lecke projekt-alapú modulokban szervezve
+- **Gyakorlati projektek**: Terrárium, Gépelő játék, Böngészőbővítmény, Űrjáték, Banki alkalmazás, Kódszerkesztő és AI chat asszisztens
+- **Interaktív kvízek**: 48 kvíz, mindegyik 3 kérdéssel (elő- és utóleckés felmérések)
+- **Többnyelvű támogatás**: Automatikus fordítás 50+ nyelvre GitHub Actions segítségével
 - **Technológiák**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektekhez)
 
 ### Architektúra
 
-- Oktatási adattár lecke-alapú szerkezettel
-- Minden lecke könyvtára tartalmaz README-t, kódpéldákat és megoldásokat
-- Önálló projektek külön könyvtárakban (quiz-app, egyes lecke projektek)
-- Fordítási rendszer GitHub Actions használatával (co-op-translator)
-- Dokumentáció Docsify-val szolgáltatva, PDF-ként is elérhető
+- Oktatási tár tanulási egységek szerint felépítve
+- Minden lecke mappája README-t, kódpéldákat és megoldásokat tartalmaz
+- Önálló projektek külön könyvtárakban (quiz-app, különféle lecke projektek)
+- Fordító rendszer GitHub Actions használatával (co-op-translator)
+- Dokumentáció Docsify-val szolgáltatva, PDF formátumban is elérhető
 
-## Telepítési parancsok
+## Beállítási parancsok
 
-Ez az adattár elsősorban oktatási tartalom fogyasztására szolgál. Egyes projektekhez való munkához:
+Ez a tároló elsősorban az oktatási tartalmak fogyasztására szolgál. Egyes projektekhez való munkához:
 
-### Fő adattár beállítása
+### Fő tár beállítása
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Quiz App beállítása (Vue 3 + Vite)
+### Kvíz alkalmazás beállítása (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Fejlesztői szerver indítása
-npm run build      # Build létrehozása éles környezethez
+npm run build      # Építés éles környezetre
 npm run lint       # ESLint futtatása
 ```
 
@@ -46,9 +46,9 @@ npm run lint       # ESLint futtatása
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # Indítsd el az API szervert
-npm run lint       # Futtasd az ESLintet
-npm run format     # Formázd Prettier-rel
+npm start          # Indítsa el az API szervert
+npm run lint       # Futtassa az ESLint-et
+npm run format     # Formázza Prettier-rel
 ```
 
 ### Böngészőbővítmény projektek
@@ -56,7 +56,7 @@ npm run format     # Formázd Prettier-rel
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Kövesd a böngészőspecifikus bővítmény betöltési utasításait
+# Kövesse a böngészőspecifikus bővítmény betöltési utasításait
 ```
 
 ### Űrjáték projektek
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# Nyisd meg az index.html fájlt a böngészőben, vagy használd a Live Server-t
+# Nyisd meg az index.html fájlt a böngészőben vagy használd a Live Server-t
 ```
 
 ### Chat projekt (Python backend)
@@ -80,124 +80,124 @@ python api.py
 
 ### Tartalomközreműködőknek
 
-1. **Forkold az adattárat** a GitHub fiókodba
-2. **Klónozd a forkot** helyileg
+1. **Forkold a tárat** a GitHub fiókodba
+2. **Klónozd le a forkodat** helyileg
 3. **Hozz létre egy új ágat** a változtatásaidhoz
-4. Módosítsd a lecke tartalmát vagy kód példákat
-5. Teszteld a kódváltoztatásokat a releváns projekt könyvtárakban
-6. Küldd be a pull requesteket a hozzájárulási irányelvek szerint
+4. Végezze el a módosításokat a leckék tartalmán vagy kód példákon
+5. Tesztelje a kódváltozásokat az érintett projekt mappákban
+6. Küldj be pull requesteket a hozzájárulási irányelvek szerint
 
 ### Tanulóknak
 
-1. Forkold vagy klónozd az adattárat
-2. Haladj sorban a lecke könyvtárakba
-3. Olvasd el a README fájlokat minden leckéhez
-4. Töltsd ki az előtti kvízeket a https://ff-quizzes.netlify.app/web/ oldalon
-5. Dolgozz át a lecke könyvtárak kód példáin
-6. Végezd el a feladatokat és kihívásokat
-7. Töltsd ki a tanóra utáni kvízeket
+1. Forkold vagy klónozd le a tárat
+2. Folytasd a leckék mappáiban egymás után
+3. Olvasd el az egyes leckék README fájljait
+4. Teljesítsd az elő-lecke kvízeket a https://ff-quizzes.netlify.app/web/ címen
+5. Dolgozz át a leckék mappa kód példáin
+6. Fejezd be a feladatokat és kihívásokat
+7. Csakazután végezd el az utó-lecke kvízeket
 
 ### Élő fejlesztés
 
-- **Dokumentáció**: Futtasd a `docsify serve` parancsot a gyökérkönyvtárban (port 3000)
-- **Quiz App**: Futtasd az `npm run dev` parancsot a quiz-app könyvtárban
-- **Projektek**: Használd a VS Code Live Server bővítményt HTML projektekhez
-- **API projektek**: Futtasd az `npm start` parancsot a megfelelő API könyvtárakban
+- **Dokumentáció**: Futtasd a `docsify serve` parancsot a gyökérben (3000-es porton)
+- **Kvíz alkalmazás**: `npm run dev` a quiz-app mappában
+- **Projektek**: Használd a VS Code Live Server kiterjesztését HTML projektekhez
+- **API projektek**: Futtasd az `npm start` parancsot a megfelelő API mappákban
 
 ## Tesztelési utasítások
 
-### Quiz App tesztelés
+### Kvíz alkalmazás tesztelése
 
 ```bash
 cd quiz-app
-npm run lint       # Ellenőrizze a kód stílusának problémáit
+npm run lint       # Ellenőrizze a kódstílus problémákat
 npm run build      # Ellenőrizze, hogy a build sikeres-e
 ```
 
-### Bank API tesztelés
+### Bank API tesztelése
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Ellenőrizze a kódstílus problémákat
-node server.js     # Ellenőrizze, hogy a szerver hiba nélkül indul-e
+node server.js     # Ellenőrizze, hogy a szerver hibák nélkül indul-e
 ```
 
 ### Általános tesztelési megközelítés
 
-- Ez egy oktatási adattár, nem tartalmaz átfogó automatizált teszteket
-- Kézi tesztelés fókuszpontjai:
-  - Kód példák hibamentes futtatása
-  - Dokumentációban lévő linkek helyes működése
-  - Projektek sikeres buildelése
-  - Példák követik a bevált gyakorlatokat
+- Ez egy oktatási tár, nincs teljes körű automatizált tesztelés
+- Manuális tesztek fókuszpontjai:
+  - Kódpéldák hibamentesen futnak
+  - Dokumentációban lévő linkek helyesek
+  - Projektek sikeresen épülnek
+  - Példák követik a legjobb gyakorlatokat
 
-### Beküldés előtti ellenőrzések
+### Előzetes ellenőrzések benyújtás előtt
 
-- Futtasd az `npm run lint` parancsot a package.json fájlt tartalmazó könyvtárakban
-- Ellenőrizd a markdown linkek érvényességét
-- Teszteld a kód példákat böngészőben vagy Node.js-ben
-- Ellenőrizd, hogy a fordítások megőrzik a megfelelő szerkezetet
+- Futtasd az `npm run lint` parancsot azokban a mappákban, ahol van package.json
+- Ellenőrizd a markdown linkek érvényes működését
+- Teszteld a kódpéldákat böngészőben vagy Node.js-ben
+- Ellenőrizd, hogy a fordítások megfelelő szerkezetet tartanak meg
 
-## Kódstílus irányelvek
+## Kódszabvány irányelvek
 
 ### JavaScript
 
 - Használj modern ES6+ szintaxist
-- Kövesd a projektben található standard ESLint konfigurációkat
-- Használj érthető változó- és függvényneveket az oktatási átláthatóság érdekében
-- Adj kommenteket a fogalmak magyarázatára a tanulók számára
-- Használj Prettier-t, ahol konfigurálva van
+- Kövesd a projektekben megadott szabványos ESLint beállításokat
+- Használj értelmes változó- és függvénynév adás a tanulók érthetőségéért
+- Tegyél bele magyarázó kommenteket a fogalmak elmagyarázásához
+- Formázd Prettier-rel, ahol be van állítva
 
 ### HTML/CSS
 
-- Szemantikus HTML5 elemek használata
-- Reszponzív tervezési alapelvek alkalmazása
+- Szemiantikus HTML5 elemek használata
+- Reszponzív tervezési alapelvek
 - Egyértelmű osztálynév konvenciók
-- Kommentek a CSS technikák magyarázatára tanulóknak
+- Kommentek CSS technikák elmagyarázásához a tanulók számára
 
 ### Python
 
 - PEP 8 stílusirányelvek követése
-- Világos, oktatási célú kód példák
-- Típusannotációk, ahol hasznos a tanulásban
+- Világos, oktató jellegű kódpéldák
+- Típusjavaslatok, ahol segítik a tanulást
 
 ### Markdown dokumentáció
 
-- Tiszta fejezet hierarchia
-- Kódblokkok nyelvi megjelöléssel
+- Átlátható címsor hierarchia
+- Kódrészek nyelvi specifikációval
 - Hivatkozások további forrásokra
-- Képernyőfotók és képek az `images/` könyvtárakban
-- Képekhez alt szöveg az akadálymentesség érdekében
+- Képernyőképek és képek az `images/` könyvtárakban
+- Képekhez alt szöveg az akadálymentességért
 
 ### Fájl szervezés
 
-- A leckék számozása folytonos (1-getting-started-lessons, 2-js-basics stb.)
-- Minden projektnek van `solution/` és gyakran `start/` vagy `your-work/` könyvtára
-- Képek a leckékhez tartozó `images/` mappákban tárolva
-- Fordítások a `translations/{nyelvkód}/` struktúrában
+- A leckék sorszámozott sorrendben (1-getting-started-lessons, 2-js-basics stb.)
+- Minden projekthez tartozik `solution/` és gyakran `start/` vagy `your-work/` mappa
+- Képek a lecke-specifikus `images/` könyvtárakban tárolva
+- Fordítások a `translations/{language-code}/` struktúrában
 
 ## Build és telepítés
 
-### Quiz App telepítés (Azure Static Web Apps)
+### Kvíz alkalmazás telepítése (Azure Static Web Apps)
 
-A quiz-app konfigurálva van Azure Static Web Apps telepítéshez:
+A quiz-app konfigurálva van Azure Static Web Apps telepítésre:
 
 ```bash
 cd quiz-app
 npm run build      # Létrehozza a dist/ mappát
-# GitHub Actions munkafolyamat segítségével telepít a main ágra történő push esetén
+# GitHub Actions munkafolyamattal telepít nyomásra a main ágban
 ```
 
-Azure Static Web Apps konfiguráció:
-- **App elérési út**: `/quiz-app`
-- **Kimeneti könyvtár**: `dist`
-- **Munkafolyamat**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+Azure Static Web Apps beállítás:
+- **Alkalmazás helye**: `/quiz-app`
+- **Kimeneti hely**: `dist`
+- **Folyamat**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Dokumentáció PDF generálás
 
 ```bash
-npm install                    # Telepítse a docsify-to-pdf-t
-npm run convert               # PDF generálása a docs-ból
+npm install                    # docsify-to-pdf telepítése
+npm run convert               # PDF generálása dokumentumokból
 ```
 
 ### Docsify dokumentáció
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Telepítse a Docsify-t globálisan
 docsify serve                 # Szolgáltatás localhost:3000 címen
 ```
 
-### Projekt-specifikus build
+### Projekt-specifikus build folyamatok
 
-Minden projekt könyvtárnak lehet saját build folyamata:
-- Vue projektek: `npm run build` létrehozza a produkciós csomagokat
-- Statikus projektek: nincs build lépés, a fájlokat közvetlenül szolgálja ki
+Minden projekthez lehet saját build folyamat:
+- Vue projektek: `npm run build` előállítja a gyártásra kész csomagokat
+- Statikus projektek: nincs build lépés, fájlokat közvetlenül szolgáltatja
 
 ## Pull request irányelvek
 
-### Cím formátum
+### Cím formátuma
 
-Használj egyértelmű, leíró címeket, amelyek jelzik a változtatás területét:
-- `[Quiz-app] Új kvíz hozzáadása a X. leckéhez`
+Használj világos, leíró címeket, amelyek jelzik a változtatás területét:
+- `[Quiz-app] Új kvíz a X. leckéhez`
 - `[Lesson-3] Elírás javítása a terrárium projektnél`
 - `[Translation] Spanyol fordítás hozzáadása az 5. leckéhez`
-- `[Docs] Telepítési utasítások frissítése`
+- `[Docs] Beállítási útmutató frissítése`
 
-### Szükséges ellenőrzések
+### Kötelező ellenőrzések
 
-PR beküldése előtt:
+Pull request beküldése előtt:
 
 1. **Kódminőség**:
-   - Futtasd az `npm run lint` parancsot az érintett projekt könyvtárakban
-   - Javítsd az összes lint hibát és figyelmeztetést
+   - Futtasd az `npm run lint` parancsot a változtatott projektekben
+   - Javítsd a minden lint figyelmeztetést és hibát
 
 2. **Build ellenőrzés**:
-   - Futtasd az `npm run build` parancsot, ha van
-   - Győződj meg róla, hogy nincs build hiba
+   - Futtasd az `npm run build`-et, ha van ilyen lépés
+   - Győződj meg, hogy nincs build hiba
 
-3. **Linkek ellenőrzése**:
+3. **Linkellenőrzés**:
    - Teszteld az összes markdown linket
-   - Ellenőrizd a képek működését
+   - Ellenőrizd a képek hivatkozásának működését
 
-4. **Tartalom ellenőrzése**:
-   - Ellenőrizd helyesírást és nyelvtant
-   - Győződj meg róla, hogy a kód példák helyesek és oktató jellegűek
-   - Ellenőrizd, hogy a fordítások megőrzik az eredeti jelentést
+4. **Tartalom átvizsgálás**:
+   - Ellenőrizd a helyesírást és nyelvtant
+   - Győződj meg a kódpéldák helyességéről és oktató jellegről
+   - Vizsgáld a fordítások pontosságát és eredeti jelentéstartalmat
 
-### Hozzájárulási feltételek
+### Hozzájárulási követelmények
 
-- Fogadd el a Microsoft CLA-t (automatikus ellenőrzés az első PR-nél)
-- Kövesd a [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) szabályzatot
-- Lásd a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlt részletes útmutatásért
-- Hivatkozz hibaszámokra a PR leírásban, ha releváns
+- Fogadd el a Microsoft CLA-t (automatikus ellenőrzés az első PR-nál)
+- Kövesd a [Microsoft Open Source Etikai Kódexét](https://opensource.microsoft.com/codeofconduct/)
+- Részletes szabályok a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlban
+- PR leírásában hivatkozz issue számokra, ha releváns
 
-### Felülvizsgálati folyamat
+### Átvizsgálási folyamat
 
-- A PR-eket karbantartók és a közösség felülvizsgálja
-- Előnyben részesül az oktatási tisztaság
-- A kód példák kövessék a legjobb gyakorlatokat
-- A fordításokat pontosság és kulturális megfelelőség alapján értékelik
+- PR-eket a karbantartók és a közösség bírálja el
+- Oktatási világosság előnyben
+- Kódpéldák kövessék a jelenlegi legjobb gyakorlatokat
+- Fordításokat ellenőrzik pontosság és kulturális illeszkedés szempontjából
 
 ## Fordítási rendszer
 
 ### Automatikus fordítás
 
-- GitHub Actions használata a co-op-translator munkafolyamattal
-- Több mint 50 nyelvre fordít automatikusan
-- Forrásfájlok a főkönyvtárban
-- Fordított fájlok a `translations/{nyelvkód}/` könyvtárakban
+- GitHub Actions használata co-op-translator munkafolyamattal
+- Automatikusan fordít 50+ nyelvre
+- Forrásfájlok a fő könyvtárakban
+- Fordított fájlok a `translations/{language-code}/` mappákban
 
-### Manuális fordítási fejlesztések hozzáadása
+### Kézi fordítási javítások hozzáadása
 
-1. Keresd meg a fájlt a `translations/{nyelvkód}/` könyvtárban
-2. Végezz javításokat úgy, hogy megőrzöd a szerkezetet
-3. Biztosítsd, hogy a kódpéldák működőképesek maradjanak
-4. Teszteld a lokalizált kvíz tartalmat
+1. Keresd meg a fájlt a `translations/{language-code}/` könyvtárban
+2. Végezze el a javításokat, miközben megőrzi a szerkezetet
+3. Gondoskodj arról, hogy a kódpéldák továbbra is működjenek
+4. Teszteld az esetleges lokalizált kvíz tartalmakat
 
 ### Fordítási metaadatok
 
-A fordított fájlok tartalmaznak egy metaadat fejlécet:
+A fordított fájlok tartalmazzák a metaadat fejlécet:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,104 +289,104 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Hibakeresés és problémamegoldás
+## Hibakeresés és hibaelhárítás
 
 ### Gyakori problémák
 
-**A quiz app nem indul el**:
-- Ellenőrizd a Node.js verziót (ajánlott v14+)
-- Töröld a `node_modules` és `package-lock.json` fájlokat, majd futtasd az `npm install`-t újra
-- Ellenőrizd a portütközéseket (alapértelmezett: Vite a 5173-as portot használja)
+**A kvíz alkalmazás nem indul el**:
+- Ellenőrizd a Node.js verziót (javasolt v14+)
+- Töröld a `node_modules` és a `package-lock.json` fájlokat, majd futtasd újra az `npm install` parancsot
+- Ellenőrizd, hogy nincs portütközés (alapértelmezés szerint: Vite a 5173-as portot használja)
 
-**Az API szerver nem indul**:
-- Győződj meg, hogy a Node.js verzió eléri a minimumot (node >=10)
-- Ellenőrizd, hogy a port nem foglalt
-- Biztosítsd, hogy minden függőség telepítve van az `npm install`-lal
+**API szerver nem indul**:
+- Ellenőrizd, hogy a Node.js verzió legalább 10-es
+- Ellenőrizd, hogy a port szabad-e
+- Győződj meg róla, hogy minden függőség telepítve van az `npm install`-lal
 
-**A böngészőbővítmény nem töltődik be**:
-- Ellenőrizd, hogy a manifest.json helyesen van formázva
-- Nézd meg a böngésző konzolját hibák után
-- Kövesd a böngésző specifikus bővítmény telepítési utasításokat
+**Böngészőbővítmény nem töltődik be**:
+- Ellenőrizd, hogy a manifest.json helyesen van-e formázva
+- Nézd meg a böngésző konzolját hibákért
+- Kövesd a böngésző-specifikus bővítmény telepítési útmutatóját
 
-**Python chat projekt problémái**:
-- Győződj meg, hogy az OpenAI csomag telepítve van: `pip install openai`
-- Ellenőrizd, hogy be van állítva a GITHUB_TOKEN környezeti változó
-- Nézd meg a GitHub Models hozzáférési engedélyeket
+**Python chat projekt problémák**:
+- Biztosítsd, hogy az OpenAI csomag telepítve legyen: `pip install openai`
+- Ellenőrizd, hogy a GITHUB_TOKEN környezeti változó be van állítva
+- Nézd meg a GitHub Models hozzáférési jogosultságokat
 
 **Docsify nem szolgáltat dokumentációt**:
-- Telepítsd a docsify-cli-t globálisan: `npm install -g docsify-cli`
-- Futtasd az adattár gyökérkönyvtárából
-- Ellenőrizd, hogy létezik a `docs/_sidebar.md`
+- Telepítsd globálisan: `npm install -g docsify-cli`
+- Futtasd a tár gyökérkönyvtárából
+- Ellenőrizd, hogy létezik a `docs/_sidebar.md` fájl
 
-### Fejlesztői környezeti tippek
+### Fejlesztési környezet tippek
 
-- Használd a VS Code Live Server bővítményt HTML projektekhez
-- Telepítsd az ESLint és Prettier bővítményeket a konzisztens formázáshoz
+- Használd VS Code-ot Live Server kiterjesztéssel HTML projektekhez
+- Telepítsd az ESLint és Prettier kiterjesztéseket az egységes formázáshoz
 - Használd a böngésző fejlesztői eszközeit JavaScript hibakereséshez
-- Vue projektekhez telepítsd a Vue DevTools böngésző bővítményt
+- Vue projektekhez telepítsd a Vue DevTools böngésző kiegészítőt
 
 ### Teljesítmény szempontok
 
-- A sok fordított fájl (50+ nyelv) miatt a teljes klón nagy
-- Használj sekély klónt, ha csak tartalommal dolgozol: `git clone --depth 1`
-- Bontsd ki a fordításokat a keresésekből, ha angol tartalommal dolgozol
-- A build folyamatok lassúak lehetnek az első futtatáskor (npm install, Vite build)
+- Nagyszámú fordított fájl (50+ nyelv) miatt a teljes klón nagy méretű
+- Használj sekély klónt, ha csak a tartalmakon dolgozol: `git clone --depth 1`
+- Fordításokat zárd ki a keresésből, ha angol tartalmakon dolgozol
+- A build folyamatok lassúak lehetnek első futtatáskor (npm install, Vite build)
 
-## Biztonsági szempontok
+## Biztonsági megfontolások
 
 ### Környezeti változók
 
-- API kulcsokat soha ne tölts be az adattárba
-- Használj `.env` fájlokat (már szerepelnek a `.gitignore`-ban)
-- Dokumentáld a szükséges környezeti változókat a projekt README-jeiben
+- API kulcsokat soha ne tárolj a tárban
+- Használj `.env` fájlokat (ezek már benne vannak a `.gitignore`-ban)
+- Dokumentáld a szükséges környezeti változókat a projektek README-jeiben
 
 ### Python projektek
 
 - Használj virtuális környezeteket: `python -m venv venv`
 - Tartsd naprakészen a függőségeket
-- A GitHub tokeneknek minimális szükséges jogosultságokkal kell rendelkezniük
+- GitHub tokenek csak minimálisan szükséges jogosultságokkal legyenek beállítva
 
 ### GitHub Models hozzáférés
 
-- Személyes hozzáférési tokenek (PAT) szükségesek a GitHub Models-hez
-- A tokeneket környezeti változóként tárold
-- Soha ne töltsd fel a tokeneket vagy hitelesítő adatokat az adattárba
+- Személyes hozzáférési tokenek (PAT) szükségesek GitHub Models használatához
+- Tokeneket környezeti változóként tárold
+- Soha ne tárold vagy commitáld a tokeneket vagy hitelesítő adatokat
 
-## Egyéb megjegyzések
+## További megjegyzések
 
 ### Célközönség
 
-- Teljes webfejlesztő kezdők
+- Teljesen kezdő webfejlesztők
 - Diákok és önálló tanulók
-- Tanárok, akik az órán használják a tananyagot
-- A tartalom akadálymentes és fokozatos képességfejlesztésre tervezett
+- Tanárok, akik ezt a tantervet használják osztálytermekben
+- A tartalom akadálymentes és fokozatos készségfejlesztést szolgál
 
 ### Oktatási filozófia
 
-- Projekt alapú tanulási megközelítés
+- Projekt-alapú tanulás
 - Gyakori tudásellenőrzések (kvízek)
 - Gyakorlati kódolási feladatok
-- Valós alkalmazási példák
-- Az alapokra helyezi a hangsúlyt a keretrendszerek előtt
+- Valós példák alkalmazásra
+- Alapok elsajátítása keretrendszerek előtt
 
-### Adattár karbantartás
+### Tároló karbantartása
 
-- Aktív közösség tanulókból és hozzájárulókból
-- Rendszeres frissítések a függőségekben és tartalmakban
-- Hibák és beszélgetések karbantartók által felügyelve
-- Fordítási frissítések automatizáltak GitHub Actions segítségével
+- Aktív tanulói és közreműködői közösség
+- Függőségek és tartalom rendszeres frissítése
+- Hibák és viták karbantartói felügyelete
+- Fordítások automatikus frissítése GitHub Actions által
 
 ### Kapcsolódó források
 
 - [Microsoft Learn modulok](https://docs.microsoft.com/learn/)
-- [Student Hub erőforrások](https://docs.microsoft.com/learn/student-hub/)
+- [Student Hub források](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ajánlott tanulóknak
-- További kurzusok: Generatív AI, Adattudomány, ML, IoT tananyagok elérhetők
+- Kiegészítő kurzusok: Generatív AI, Adattudomány, ML, IoT tantervek elérhetőek
 
-### Egyes projektek kezelése
+### Egyedi projektek kezelése
 
-Az egyes projektek részletes utasításai a README fájlokban találhatók:
-- `quiz-app/README.md` - Vue 3 kvíz alkalmazás
+Részletes útmutatás egyes projektekhez a README fájlokban:
+- `quiz-app/README.md` - Vue 3-alapú kvíz alkalmazás
 - `7-bank-project/README.md` - Banki alkalmazás hitelesítéssel
 - `5-browser-extension/README.md` - Böngészőbővítmény fejlesztés
 - `6-space-game/README.md` - Canvas alapú játékfejlesztés
@@ -394,15 +394,15 @@ Az egyes projektek részletes utasításai a README fájlokban találhatók:
 
 ### Monorepo szerkezet
 
-Bár nem hagyományos monorepo, ez az adattár több független projektet tartalmaz:
-- Minden lecke önállóan működik
-- A projektek nem osztanak meg függőségeket
-- Egyes projektek fejlesztése nem befolyásolja a többit
-- A teljes tananyag élményhez klónozd az egész adattárat
+Bár nem hagyományos monorepo, ez a tár több független projektet tartalmaz:
+- Minden lecke önálló
+- Projektek nem osztoznak függőségeken
+- Egyedi projekteken dolgozhatsz anélkül, hogy a többit érintenéd
+- A teljes tantervi élményhez klónozd az egész tárat
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Jogi nyilatkozat**:
-Ezt a dokumentumot az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk le. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások tartalmazhatnak hibákat vagy pontatlanságokat. Az eredeti dokumentum a saját nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén szakmai emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből eredő félreértésekért vagy téves értelmezésekért.
+**Felelősségkizárás**:
+Ezt a dokumentumot a [Co-op Translator](https://github.com/Azure/co-op-translator) mesterséges intelligencia fordító szolgáltatás segítségével fordítottuk le. Bár az pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hivatalos forrásnak. Kritikus információk esetén szakmai emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből a fordításból eredő félreértésekért vagy félreértelmezésekért.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/hu/README.md b/translations/hu/README.md
index a4db15194..77b095850 100644
--- a/translations/hu/README.md
+++ b/translations/hu/README.md
@@ -10,259 +10,270 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Webfejlesztés kezdőknek – Tananyag
+# Webfejlesztés kezdőknek - Tananyag
 
-Ismerd meg a webfejlesztés alapjait a Microsoft Cloud Advocates átfogó, 12 hetes tanfolyamán. A 24 leckéből álló anyag minden egyes részében gyakorlati projektek – teráriumok, böngészőbővítmények és űrjátékok – segítségével mélyedhetsz el a JavaScript, CSS és HTML világában. Vegyél részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejleszd készségeidet, és optimalizáld tudásod megtartását hatékony, projektalapú oktatásunkkal. Kezdd el a kódolási utadat még ma!
+Ismerd meg a webfejlesztés alapjait a Microsoft Cloud Advocates által tartott 12 hetes átfogó tanfolyamunkon. A 24 leckéből mindegyik JavaScriptet, CSS-t és HTML-t tárgyal, gyakorlati projektek révén, mint terráriumok, böngészőbővítmények és űrjátékok. Vegyél részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejleszd készségeidet és optimalizáld a tudásod megtartását hatékony, projekt-alapú tanulási módszerünkkel. Kezdd el a kódolási utadat még ma!
 
-Csatlakozz az Azure AI Foundry Discord közösséghez!
+Csatlakozz az Azure AI Foundry Discord közösséghez
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Kezd el az alábbi lépések követésével használni ezeket az erőforrásokat:
-1. **Forkold az adattárat**: Kattints ide [![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. **Klónozd az adattárat**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Csatlakozz az Azure AI Foundry Discordhoz, és ismerkedj szakértőkkel és más fejlesztőkkel**](https://discord.com/invite/ByRwuEEgH4)
+Kövesd ezeket a lépéseket, hogy elkezdd használni ezeket az erőforrásokat:
+1. **Repozitorium klónozása**: Kattints ide [![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. **Repozitorium klónozása**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Csatlakozz az Azure AI Foundry Discordhoz, és ismerkedj meg szakértőkkel és fejlesztőtársaiddal**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Többnyelvű támogatás
 
-#### GitHub Action által támogatott (Automatizált és mindig naprakész)
+#### GitHub Action segítségével támogatott (Automatikus és mindig naprakész)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Inkább helyben klónoznád?**
-
-> Ez az adattár több mint 50 nyelvű fordítást tartalmaz, ami jelentősen megnöveli a letöltési méretet. Ha fordítások nélkül szeretnéd klónozni, használhatod a sparse checkoutot:
+> **Szeretnéd helyben klónozni?**
+>
+> Ez a repozitórium több mint 50 nyelvi fordítást tartalmaz, ami jelentősen megnöveli a letöltési méretet. Ha fordítások nélkül szeretnéd klónozni, használj sparse checkoutot:
+>
+> **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'
 > ```
-> Ezzel minden szükséges anyagot megkapsz a tanfolyam elvégzéséhez, sokkal gyorsabb letöltéssel.
+>
+> **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"
+> ```
+>
+> Így mindent megkapsz, amire szükséged van a tanfolyam elvégzéséhez, sokkal gyorsabb letöltéssel.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Ha további nyelvi támogatást szeretnél, jelenleg támogatott fordítások listája [itt található](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Ha további nyelvű fordításokat szeretnél, ezek itt találhatók [itt](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)
 
-#### 🧑‍🎓 _Diák vagy?_
+#### 🧑‍🎓 _Tanuló vagy?_
 
-Látogass el a [**Student Hub oldalra**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol kezdőknek szóló forrásokat, diák csomagokat és akár ingyenes tanúsítványutalványt is találsz. Ezt az oldalt érdemes könyvjelzővel ellátni és időnként felkeresni, hiszen havonta frissítjük a tartalmat.
+Látogasd meg a [**Hallgatói központ oldalt**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol megtalálod a kezdő erőforrásokat, hallgatói csomagokat és akár ingyenes tanúsítvány kupont is szerezhetsz. Ezt az oldalt érdemes elmenteni könyvjelzőnek és időnként ellenőrizni, mert havonta frissítjük a tartalmat.
 
-### 📣 Bejelentés – Új GitHub Copilot Agent mód kihívások!
+### 📣 Bejelentés - Új GitHub Copilot Agent mód kihívások várnak!
 
-Új kihívás került hozzáadásra, keress rá a "GitHub Copilot Agent Challenge 🚀" kifejezésre a legtöbb fejezetben. Ez egy új kihívás, amelyhez a GitHub Copilot és az Agent mód segítségével dolgozhatsz. Ha még nem használtad az Agent módot, ez nem csak szöveg generálására képes, hanem fájlokat is létre tud hozni és szerkeszteni, parancsokat futtat és egyebeket.
+Új kihívás került hozzáadásra, keresd a "GitHub Copilot Agent Challenge 🚀" feliratot a legtöbb fejezetben. Ez egy új kihívás, amelyet GitHub Copilot és Agent mód segítségével teljesíthetsz. Ha még nem használtad az Agent módot, tud szöveget generálni, fájlokat létrehozni és szerkeszteni, parancsokat futtatni és még sok mást.
 
-### 📣 Bejelentés – _Új projekt generatív MI segítségével_
+### 📣 Bejelentés - _Új projekt generatív MI használatával_
 
-Új MI asszisztens projekt került be, nézd meg [projekt](./9-chat-project/README.md)
+Új AI asszisztens projekt került hozzáadásra, nézd meg a [projektet](./9-chat-project/README.md)
 
-### 📣 Bejelentés – _Új tananyag_ Generatív MI JavaScript számára most jelent meg
+### 📣 Bejelentés - _Új tananyag_ Generatív MI témában JavaScripthez
 
-Ne hagyd ki új Generatív MI tananyagunkat!
+Ne hagyd ki új generatív MI tananyagunkat!
 
-Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, hogy elkezdd!
+Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez!
 
-![Background](../../translated_images/hu/background.148a8d43afde5730.webp)
+![Háttér](../../translated_images/hu/background.148a8d43afde5730.webp)
 
 - Leckék az alapoktól a RAG-ig.
-- Interaktív történelmi szereplőkkel GenAI és kísérő alkalmazásunk segítségével.
-- Szórakoztató, lebilincselő narratíva, időutazással!
-
-![character](../../translated_images/hu/character.5c0dd8e067ffd693.webp)
+- Történelmi karakterekkel interakció GenAI-val és kísérő alkalmazásunkkal.
+- Szórakoztató és lebilincselő történet, időutazás!
 
+![karakter](../../translated_images/hu/character.5c0dd8e067ffd693.webp)
 
-Minden lecke tartalmaz egy feladatot, tudásellenőrzést és kihívást, amelyek segítségével megismerheted:
-- Promptolás és prompt mérnökség
-- Szöveges és képes alkalmazás generálás
+Minden lecke tartalmaz egy kitöltendő feladatot, tudásellenőrzést és egy kihívást, amelyek segítenek a következők elsajátításában:
+- Promptolás és prompttervezés
+- Szöveg és kép alkalmazás generálás
 - Keresőalkalmazások
 
-Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, hogy elkezdd!
+Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez!
 
-## 🌱 Kezdés
 
-> **Tanári megjegyzésként**, tartalmazunk néhány javaslatot [itt](for-teachers.md) a tananyag használatához. Várjuk visszajelzésedet [a vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden leckét egy előzetes kvízzel kezdjetek, majd olvassátok el az anyagot, végezzétek el a feladatokat, és ellenőrizzétek megértéseteket az utólagos kvízzel.
+## 🌱 Első lépések
 
-Tanulási élményetek javítása érdekében dolgozzatok együtt társaiddal a projekteken! A beszélgetéseket biztatjuk [a vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink válaszolnak kérdéseitekre.
+> **Tanárok**, [tartalmazunk néhány javaslatot](for-teachers.md) a tananyag használatához. Visszajelzéseteket szívesen várjuk [a beszélgetési fórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-Tanulmányaitok elősegítésére erősen ajánljuk a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) oldal további anyagainak megismerését.
+**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden leckéhez kezdjetek egy előadás előtti kvízzel, majd olvassátok el az előadás anyagát, végezzétek el a különféle feladatokat, és a végén a jó megértés érdekében oldjátok meg az előadás utáni kvízt.
+
+A tanulási élmény fokozása érdekében dolgozzatok együtt társaitokkal a projekteken! A beszélgetéseket ösztönözzük [beszélgetési fórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink rendelkezésre állnak, hogy válaszoljanak kérdéseitekre.
+
+Tovább mélyítheted tudásodat, ha felfedezed a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) oldalát további tananyagokért.
 
 ### 📋 Környezeted beállítása
 
-A tananyag fejlesztői környezete készen áll! Kezdéskor választhatsz, hogy egy [Codespace](https://github.com/features/codespaces/) (_böngésző alapú, telepítés nélküli környezet_) futtatásával, vagy helyben, a számítógépeden egy szövegszerkesztő, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatával dolgozol.
+Ez a tananyag fejlesztői környezettel érkezik, ami készen áll a használatra! A kezdéshez választhatod, hogy a tananyagot egy [Codespace-ben](https://github.com/features/codespaces/) futtatod (_böngésző alapú, telepítés nélküli környezet_), vagy helyben a számítógépeden egy szövegszerkesztővel, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) alkalmazással.
 
-#### Hozd létre saját adattáradat
-Annak érdekében, hogy könnyen menthesd munkád, ajánlott létrehozni saját példányodat ebből az adattárból. Ezt a felül található **Use this template** gombbal teheted meg. Ez létrehoz egy új adattárat a GitHub-fiókodban a tananyag másolatával.
+#### Hozd létre saját repositorydat
+Ahhoz, hogy könnyen elmented a munkádat, ajánlott, hogy készíts saját másolatot erről a repozitóriumról. Ezt megteheted, ha a lap tetején a **Use this template** gombra kattintasz. Ez létrehoz egy új repozitóriumot a GitHub fiókodban a tananyag másolatával.
 
-Kövesd az alábbi lépéseket:
-1. **Forkold az adattárat**: Kattints a "Fork" gombra a felső jobb sarokban ezen az oldalon.
-2. **Klónozd az adattárat**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Kövessétek ezeket a lépéseket:
+1. **Forráspont másolása (Fork)**: Kattints a "Fork" gombra a lap jobb felső sarkában.
+2. **Repo letöltése (Clone)**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Tananyag futtatása Codespace-ben
+#### A tananyag futtatása Codespace-ben
 
-A létrehozott adattáradban kattints a **Code** gombra, majd válaszd az **Open with Codespaces** opciót. Ez létrehoz neked egy új Codespace környezetet.
+A saját másolatodban, amit létrehoztál, kattints a **Code** gombra, majd válaszd az **Open with Codespaces** lehetőséget. Ez új Codespace-et hoz létre a munkához.
 
 ![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Tananyag futtatása helyben a számítógépeden
-
-A tananyag helyi futtatásához szövegszerkesztőre, böngészőre és parancssori eszközre lesz szükséged. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközeibe](../../1-getting-started-lessons/1-intro-to-programming-languages), bemutat különféle lehetőségeket ezekre az eszközökre, hogy kiválaszthasd a számodra legmegfelelőbbet.
+#### A tananyag helyi futtatása
 
-Ajánlásunk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használata, amely beépített [terminállal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) rendelkezik. A Visual Studio Code-ot innen töltheted le: [link](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+A tananyag helyi futtatásához egy szövegszerkesztőre, böngészőre és parancssori eszközre lesz szükséged. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages), bemutat különféle lehetőségeket ezek közül, hogy kiválaszthasd a számodra legmegfelelőbbet.
 
-1. Klónozd a saját adattáradat a számítógépedre. Ezt megteheted a **Code** gombra kattintva és az URL másolásával:
+Ajánljuk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatát szerkesztőként, amely beépített [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is tartalmaz. A Visual Studio Code-ot innen töltheted le: [ide](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klónozd le a tárolódat a számítógépedre. Ezt úgy teheted meg, hogy rákattintasz a **Code** gombra, majd kimásolod az URL-t:
 
     [CodeSpace](./images/createcodespace.png)
-Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) alkalmazáson belül, és futtasd a következő parancsot, a `<your-repository-url>` helyére illeszd be az imént másolt URL-t:
+
+    Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) alkalmazáson belül, és futtasd a következő parancsot, a `<your-repository-url>` helyére beillesztve az imént kimásolt URL-t:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt úgy teheted meg, hogy a **Fájl** > **Mappa megnyitása** menüpontra kattintasz, majd kiválasztod az imént klónozott mappát.
+2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt a **File** > **Open Folder** menüpont kiválasztásával, majd a klónozott mappa megadásával teheted meg.
 
 
 >  Ajánlott Visual Studio Code kiterjesztések:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML oldalak előnézete a Visual Studio Code-on belül
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - segít gyorsabban írni a kódot
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - segít gyorsabban kódot írni
 
-## 📂 Minden leckében megtalálható:
+## 📂 Minden lecke tartalmaz:
 
-- opcionális skiccjegyzet
-- opcionális kiegészítő videó
-- óra előtti bemelegítő kvíz
-- írásos lecke
-- projekt alapú leckék esetén lépésről lépésre útmutatók a projekt elkészítéséhez
-- tudásellenőrző kérdések
-- kihívás
-- kiegészítő olvasmányok
-- feladat
-- [óra utáni kvíz](https://ff-quizzes.netlify.app/web/)
+- opcionális vázlatrajzot
+- opcionális kiegészítő videót
+- leckét megelőző bemelegítő kvízt
+- írott leckét
+- projekt alapú leckékhez lépésről lépésre útmutatókat a projekt elkészítéséhez
+- tudásellenőrzőket
+- kihívást
+- kiegészítő olvasnivalót
+- feladatot
+- [lecke utáni kvízt](https://ff-quizzes.netlify.app/web/)
 
-> **Jegyzet a kvízekről**: Minden kvíz a Quiz-app mappában található, összesen 48 darab, mindegyik három kérdéssel. Elérhetők [itt](https://ff-quizzes.netlify.app/web/), a kvízalkalmazás helyben futtatható vagy telepíthető az Azure-ra; az instrukciókat a `quiz-app` mappában találod.
+> **Megjegyzés a kvízekhez**: Az összes kvíz a Quiz-app mappában található, összesen 48 darab, mindhárom kérdésből álló teszt. Elérhetők [itt](https://ff-quizzes.netlify.app/web/), a kvíz alkalmazás helyileg is futtatható vagy Azure-ra telepíthető; kövesd az utasításokat a `quiz-app` mappában.
 
 ## 🗃️ Leckék
 
-|     |                       Projekt neve                       |                            Tanult fogalmak                            | Tanulási célok                                                                                                                      |                                                         Kapcsolódó lecke                                                          |         Szerző          |
-| :-: | :------------------------------------------------------: | :-------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Kezdés                                  |           Bevezetés a programozásba és a fejlesztői eszközökbe        | Megtanulni a legtöbb programozási nyelv alapjait és a szoftvereket, amelyek segítik a szakmai fejlesztőket munkájuk során          | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)     |         Jasmine         |
-| 02  |                     Kezdés                                  |             GitHub alapok, köztük csapatmunkával kapcsolatos ismeretek | Megtanulni, hogyan kell használni a GitHub-ot a projektben és hogyan működj együtt másokkal a kódon                                   |                            [Bevezetés a GitHub-ba](./1-getting-started-lessons/2-github-basics/README.md)                          |          Floor          |
-| 03  |                     Kezdés                                  |                             Akadálymentesség                          | Megtanulni a web akadálymentesség alapjait                                                                                          |                       [Az akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md)                          |       Christopher       |
-| 04  |                        JS alapok                            |                         JavaScript adattípusok                        | A JavaScript adattípusok alapjai                                                                                                   |                                       [Adattípusok](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS alapok                            |                         Függvények és metódusok                       | Függvényekről és metódusokról tanulni az alkalmazás logikájának kezeléséhez                                                        |                              [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md)                               | Jasmine és Christopher  |
-| 06  |                        JS alapok                            |                        Döntéshozatal JavaScripttel                    | Tanulj meg feltételeket létrehozni a kódodban döntéshozatali módszerek segítségével                                                 |                                 [Döntéshozatal](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS alapok                            |                            Tömbök és ciklusok                          | Adatok kezelése tömbök és ciklusok segítségével JavaScript-ben                                                                      |                                   [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrárium](./3-terrarium/solution/README.md)        |                             HTML a gyakorlatban                       | HTML felépítése egy online terrárium számára, a felépítésre fókuszálva                                                              |                                 [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrárium](./3-terrarium/solution/README.md)        |                             CSS a gyakorlatban                        | CSS készítése az online terrárium stílusához, a CSS alapjaira fókuszálva, beleértve a reszponzív oldal készítését                    |                                  [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrárium](./3-terrarium/solution/README.md)           |                 JavaScript closure-ök, DOM manipuláció                 | JavaScript írása a terrárium húzás- és ejtéses működéséhez, a closure-ök és a DOM manipuláció fókuszával                             |                  [JavaScript closure-ök, DOM manipuláció](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Gépelős játék](./4-typing-game/solution/README.md)          |                          Gépelős játék készítése                       | Tanuld meg, hogyan használhatóak a billentyűesemények a JavaScript alkalmazás logikájában                                             |                                [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Böngészőkkel való munka                      | Tanuld meg, hogyan működnek a böngészők, történetüket és hogyan lehet elkészíteni az első elemeket egy böngészőbővítményhez          |                               [A böngészőkről](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívása és változók tárolása helyi tárolóban      | JavaScript elemek írása a böngészőbővítményedhez API hívásához, helyi tárolóban tárolt változók használatával                        |                [API-k, űrlapok és helyi tároló](./5-browser-extension/2-forms-browsers-local-storage/README.md)                |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Háttérfolyamatok a böngészőben, web teljesítmény              | Használd a böngésző háttérfolyamatait a bővítmény ikon kezelésére; ismerkedj meg a web teljesítménnyel és optimalizációkkal         |             [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Űrjáték](./6-space-game/solution/README.md)           |             Haladóbb játékkészítés JavaScript-tel                    | Tanulj az öröklésről osztályokkal és kompozícióval, valamint a Pub/Sub mintáról játék készítéshez                                    |                      [Bevezetés a haladó játékkészítésbe](./6-space-game/1-introduction/README.md)                              |          Chris          |
-| 16  |           [Űrjáték](./6-space-game/solution/README.md)           |                           Rajzolás a canvas-re                         | Ismerd meg a Canvas API-t, amellyel elemek rajzolhatók a képernyőre                                                                |                                [Rajzolás a canvas-re](./6-space-game/2-drawing-to-canvas/README.md)                             |          Chris          |
-| 17  |           [Űrjáték](./6-space-game/solution/README.md)           |                   Mozgatás a képernyőn elemekkel                      | Fedezd fel, hogyan lehet mozgást adni elemeknek a kartézián koordinátákkal és a Canvas API-val                                      |                           [Elemek mozgatása](./6-space-game/3-moving-elements-around/README.md)                                 |          Chris          |
-| 18  |           [Űrjáték](./6-space-game/solution/README.md)           |                          Ütközés érzékelés                            | Készítsd el az ütközések kezelését elemek között, billentyűnyomások segítségével, valamint adj egy várakozási funkciót a játék teljesítményéhez |                              [Ütközés érzékelés](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Űrjáték](./6-space-game/solution/README.md)           |                             Pontszámkészítés                           | Végezz matematikai számításokat a játék státusza és teljesítménye alapján                                                          |                                    [Pontszámkészítés](./6-space-game/5-keeping-score/README.md)                                 |          Chris          |
-| 20  |           [Űrjáték](./6-space-game/solution/README.md)           |                     A játék befejezése és újraindítása                 | Ismerkedj meg a játék befejezésével és újraindításával, beleértve az erőforrások törlését és változók alaphelyzetbe állítását         |                                [A befejező feltétel](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
-| 21  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                 HTML sablonok és útvonalak webalkalmazásban           | Tanuld meg, hogyan készíthetsz többszörös oldalt tartalmazó weboldal architektúrát routinggal és HTML sablonokkal                   |                            [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md)                            |          Yohan          |
-| 22  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                  Bejelentkezési és regisztrációs űrlap készítése       | Tanulj az űrlapkészítésről és az érvényesítési folyamatokról                                                                        |                                           [Űrlapok](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                   Adatok lekérése és használata                       | Hogyan áramlanak az adatok az alkalmazásodba és onnan ki, hogyan kérd le, tárold és töröld őket                                     |                                            [Adatok](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                      Állapotkezelés fogalmai                          | Tanuld meg, hogyan kezeli az alkalmazásod az állapotot és hogyan kezeld azt programozottan                                        |                                [Állapotkezelés](./7-bank-project/4-state-management/README.md)                                 |          Yohan          |
-| 25  | [Böngésző/VScode kód](../../8-code-editor) | VScode használata | Tanuld meg, hogyan használj kódszerkesztőt | [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26  | [AI asszisztensek](./9-chat-project/README.md) | Mesterséges intelligenciával való munka | Tanulj meg saját mesterséges intelligencia asszisztenst építeni | [AI asszisztens projekt](./9-chat-project/README.md) | Chris |
-
-## 🏫 Pedagógia
-
-A tananyagunk két fő pedagógiai elv mentén készült:
+|     |                       Projekt neve                       |                            Tanított koncepciók                             | Tanulási célok                                                                                                                 |                                                         Kapcsolódó lecke                                                          |         Szerző          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Első lépések                      |           Bevezetés a programozásba és a szakmában használt eszközök           | Ismerd meg a legtöbb programozási nyelv alapjait és azokat a szoftvereket, amelyek segítik a profi fejlesztőket a munkájukban | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Első lépések                      |             A GitHub alapjai, csapatmunkával együtt             | Hogyan használd a GitHubot a projektedben, és hogyan működj össze másokkal egy kódalapon                                                    |                            [Bevezetés a GitHubba](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Első lépések                      |                             Akadálymentesség                              | Ismerd meg a webes akadálymentesség alapjait                                                                                               |                       [Az akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Alapok                         |                         JavaScript adattípusok                          | A JavaScript adattípusainak alapjai                                                                                                 |                                       [Adattípusok](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Alapok                         |                         Függvények és metódusok                          | Ismerd meg a függvényeket és metódusokat, amelyek az alkalmazás logikájának kezelésére szolgálnak                                                             |                              [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md)                               | Jasmine és Christopher |
+| 06  |                        JS Alapok                         |                        Döntéshozatal JS-ben                        | Tanuld meg, hogyan készíts feltételeket a kódodban döntéshozó módszerekkel                                                           |                                 [Döntéshozatal](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Alapok                         |                            Tömbök és ciklusok                            | Dolgozz adatokkal tömbök és ciklusok segítségével JavaScriptben                                                                                 |                                   [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrárium](./3-terrarium/solution/README.md)       |                            HTML a gyakorlatban                            | Építsd meg az online terrárium HTML-jét, fókuszálva a layout elkészítésére                                                         |                                 [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrárium](./3-terrarium/solution/README.md)       |                            CSS a gyakorlatban                             | Építsd meg a CSS-t az online terrárium stílusához, beleértve az oldal reszponzívvá tételét is                     |                                  [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrárium](./3-terrarium/solution/README.md)            |                 JavaScript lezárások, DOM kezelése                  | Építsd meg a JavaScript-et, hogy a terrárium drag/drop felületként működjön, fókuszálva a lezárásokra és a DOM kezelésére             |                  [JavaScript lezárások, DOM kezelés](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Billentyűzetes játék](./4-typing-game/solution/README.md)          |                          Billentyűzetes játék építése                           | Tanulj meg billentyűeseményeket használni JavaScript alkalmazásod logikájának vezérléséhez                                                          |                                [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) |                         Böngészőkkel való munka                          | Ismerd meg, hogyan működnek a böngészők, történetüket és hogyan készítsd el az első elemeket egy böngészőbővítményhez                               |                               [A böngészőkről](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívás és változók tárolása helyi tárolóban | Építsd meg a böngészőbővítmény JavaScript elemeit, hogy API-t hívj változók használatával, melyek helyileg tárolódnak                      |                [API-k, űrlapok és helyi tárolók](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) |          Háttérfolyamatok a böngészőben, webteljesítmény          | Használd a böngésző háttérfolyamatait az ikon kezelésére; ismerd meg a webteljesítményt és néhány optimalizálást    |             [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Űrjáték](./6-space-game/solution/README.md)           |             Haladóbb játékfejlesztés JavaScript-tel             | Tanuld meg az öröklődést osztályok és kompozíció segítségével, valamint a Pub/Sub mintát egy játék fejlesztéséhez              |                      [Bevezetés a haladó játékfejlesztésbe](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Űrjáték](./6-space-game/solution/README.md)           |                           Rajzolás vászonra                            | Ismerd meg a Canvas API-t, amely elemek rajzolására szolgál a képernyőre                                                                       |                                [Rajzolás vászonra](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Űrjáték](./6-space-game/solution/README.md)           |                   Mozgatás a képernyőn                    | Fedezd fel, hogyan mozdíthatók el elemek kartézián koordináták és a Canvas API segítségével                                            |                           [Elemmozgatás](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Űrjáték](./6-space-game/solution/README.md)           |                          Ütközésérzékelés                           | Tedd lehetővé, hogy az elemek ütközzenek, reagáljanak egymásra billentyűleütések alapján, és legyen visszaállító funkció a teljesítmény érdekében    |                              [Ütközésérzékelés](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Űrjáték](./6-space-game/solution/README.md)           |                             Pontszámlálás                              | Végezz matematikai számításokat a játék állapotának és teljesítményének megfelelően                                                                |                                    [Pontszámlálás](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Űrjáték](./6-space-game/solution/README.md)           |                     A játék befejezése és újraindítása                     | Ismerd meg, hogyan zárd le és indítsd újra a játékot, beleértve az erőforrások felszabadítását és a változók alaphelyzetbe állítását                              |                                [A befejezés feltétele](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                 HTML sablonok és útvonalak egy webalkalmazásban                 | Tanuld meg, hogyan készítsd el egy többlapos weboldal architektúrájának alapját útvonalak és HTML sablonok használatával                             |                            [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                  Belépési és regisztrációs űrlap készítése                   | Tanuld meg az űrlapok építését és az érvényesítés kezelését                                                                          |                                           [Űrlapok](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                   Az adatok lekérése és használata                   | Hogyan áramlanak az adatok az alkalmazásban, hogyan kérhetők le, tárolhatók és törölhetők                                                 |                                            [Adatok](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banki alkalmazás](./7-bank-project/solution/README.md)          |                      Állapotkezelés alapjai                      | Tanuld meg, hogyan őrzi meg az alkalmazás az állapotot, és hogyan kezelheted programozottan                                                              |                                [Állapotkezelés](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Böngésző / VScode kód](../../8-code-editor) | VScode használata | Tanuld meg a kódszerkesztő használatát | [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI asszisztensek](./9-chat-project/README.md) | Mesterséges intelligenciával való munka | Tanuld meg, hogyan építsd fel a saját AI asszisztensedet | [AI asszisztens projekt](./9-chat-project/README.md) | Chris |
+
+## 🏫 Didaktika
+
+Tananyagunk kialakításánál két alapvető didaktikai elv vezérelt minket:
 * projektalapú tanulás
 * gyakori kvízek
 
-A program a JavaScript, HTML és CSS alapjait, valamint a mai webfejlesztők által használt legújabb eszközöket és technikákat tanítja. A hallgatóknak lehetőségük lesz gyakorlati tapasztalatot szerezni egy gépelős játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrinváziós stílusú játék és egy üzleti banki alkalmazás fejlesztésével. A sorozat végére a résztvevők szilárd ismereteket szereznek a webfejlesztés területén.
+A program a JavaScript, HTML és CSS alapjait, valamint a mai webfejlesztők által használt legújabb eszközöket és technikákat tanítja. A diákoknak lehetőségük lesz gyakorlati tapasztalatot szerezni egy billentyűzetes játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrinváziós stílusú játék és egy banki alkalmazás építésével. A tanfolyam végére szilárd webfejlesztési ismeretekkel rendelkeznek majd.
 
-> 🎓 Az első néhány leckét ezen tananyagból elvégezheted a [Tanulási útvonal](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) keretében a Microsoft Learn-en!
+> 🎓 Az első pár leckét ebben a tananyagban egy [tanulási útvonal](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) formájában is elvégezheted a Microsoft Learn-en!
 
-Azáltal, hogy az anyagok a projektekhez igazodnak, a tanulás élvezetesebb és a fogalmak jobb megtartása válik lehetővé. Továbbá több JavaScript alapokat bemutató kezdő leckét írtunk, melyek fogalmakat vezetnek be, kiegészítve a "[Kezdők sorozata: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videós oktatóanyagokkal, melyek egyes szerzői közreműködtek ebben a tananyagban.
+Az anyag projektekhez igazítása által a folyamat élvezetesebb lesz a diákok számára, és növeli a koncepciók elsajátítását. Emellett több bevezető leckét is írtunk a JavaScript alapjairól, kiegészítve a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videós oktatóanyag gyűjtemény egyik videójával, amelynek néhány szerzője közreműködött ebben a tananyagban.
 
-Ezen felül egy alacsony tétű kvíz az óra előtt beállítja a diák motivációját a téma tanulására, míg egy második kvíz az óra után biztosítja a tudás további megtartását. Ez a tananyag rugalmas és szórakoztató módon lett kialakítva, teljes egészében vagy részben is elvégezhető. A projektek kicsiben kezdődnek, és a 12 hetes ciklus végére egyre összetettebbek lesznek.
+Továbbá, egy alacsony tétű kvíz az óra előtt segíti a tanuló elköteleződését a téma iránt, míg egy második kvíz az óra után tovább erősíti a tudás megszilárdítását. Ez a tananyag rugalmas és szórakoztató, egészben vagy részleteiben is végezhető. A projektek kicsiben indulnak, és a 12 hetes ciklus végére egyre összetettebbekké válnak.
 
-Bár szándékosan kerültük a JavaScript keretrendszerek bevezetését, hogy a webfejlesztői alapok megtanítása után lehessen csak áttérni azok használatára, jó következő lépés lehet a tananyag után a Node.js elsajátítása a "[Kezdők sorozata: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" videósorozat által.
+Miközben szándékosan mellőztük JavaScript keretrendszerek bemutatását, hogy a webfejlesztőként szükséges alapvető készségekre koncentráljunk, mielőtt keretrendszert alkalmaznánk, egy jó következő lépés a tananyag elvégzése után a Node.js megismerése lehet a következő videósorozaton keresztül: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Látogasd meg a [Viselkedési Kódexünket](CODE_OF_CONDUCT.md) és a [Hozzájárulás](CONTRIBUTING.md) útmutatókat. Várjuk építő jellegű visszajelzéseidet!
+> Látogasd meg a [Viselkedési kódexünket](CODE_OF_CONDUCT.md) és a [Hozzájárulás](CONTRIBUTING.md) irányelveinket. Örömmel fogadjuk konstruktív visszajelzésed!
 
 
-## 🧭 Offline hozzáférés
+## 🧭 Offline használat
 
-Ezt a dokumentációt offline is futtathatod a [Docsify](https://docsify.js.org/#/) használatával. Forkold le ezt a repót, [telepítsd a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépeden, majd a repo gyökérmappájában írd be: `docsify serve`. A weboldal a localhost 3000-es portján lesz elérhető: `localhost:3000`.
+Ez a dokumentáció offline is használható a [Docsify](https://docsify.js.org/#/) használatával. Forkold ezt a repo-t, telepítsd a Docsify-t helyileg a gépeden, majd a repo gyökerében írd be, hogy `docsify serve`. A weboldal a 3000-es porton lesz elérhető a localhostodon: `localhost:3000`.
 
 ## 📘 PDF
-
 Az összes leckéről készült PDF [itt található](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Egyéb kurzusok
+## 🎒 Egyéb tanfolyamok
+
 Csapatunk más tanfolyamokat is készít! Nézd meg:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j kezdőknek](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 kezdőknek](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 kezdőknek](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)
+[![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 / Ügynökök
-[![AZD kezdőknek](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 kezdőknek](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 kezdőknek](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 ügynökök kezdőknek](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)
+[![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)
 
 ---
- 
+
 ### Generatív AI sorozat
-[![Generatív AI kezdőknek](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)
-[![Generatív 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)
-[![Generatív 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)
-[![Generatív AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
+[![Generative AI 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)
 
 ---
- 
+
 ### Alapvető tanulás
-[![ML kezdőknek](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)
-[![Adattudomány kezdőknek](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 kezdőknek](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)
-[![Kiberbiztonság kezdőknek](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Webfejlesztés kezdőknek](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT kezdőknek](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR fejlesztés kezdőknek](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)
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
- 
+
 ### Copilot sorozat
-[![Copilot AI páros programozáshoz](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 C#/.NET-hez](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 kaland](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+[![Copilot 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Segítségkérés
 
-Ha elakadsz vagy kérdésed van az AI alkalmazások fejlesztésével kapcsolatban, csatlakozz a többi tanulóhoz és tapasztalt fejlesztőkhöz az MCP-vel kapcsolatos beszélgetésekben. Ez egy támogató közösség, ahol a kérdések szívesen fogadottak és a tudás szabadon megosztott.
+Ha elakadsz vagy kérdésed van az AI alkalmazások építésével kapcsolatban, csatlakozz más tanulókhoz és tapasztalt fejlesztőkhöz az MCP-ről szóló beszélgetésekben. Ez egy támogató közösség, ahol a kérdéseket örömmel fogadják és a tudást szabadon megosztják.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Ha termékvisszajelzésed vagy hibáid vannak, látogass el ide:
+Ha termék-visszajelzésed vagy hibajelentésed van fejlesztés közben, látogass el ide:
 
-[![Microsoft Foundry fejlesztői fórum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
+[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
 
 ## Licenc
 
-Ez a tárhely az MIT licenc alatt áll. További információkért lásd a [LICENSE](../../LICENSE) fájlt.
+Ez a tároló az MIT licenc alatt áll. Részletekért lásd a [LICENSE](../../LICENSE) fájlt.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Nyilatkozat**:
-Ezt a dokumentumot a [Co-op Translator](https://github.com/Azure/co-op-translator) AI fordító szolgáltatás segítségével fordítottuk. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum a saját nyelvén tekintendő hivatalos forrásnak. Fontos információk esetén ajánlott szakmai, emberi fordítást igénybe venni. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy félreértelmezésekért.
+**Jóváhagyási nyilatkozat**:  
+Ezt a dokumentumot az AI fordító szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) használatával fordítottuk le. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások tartalmazhatnak hibákat vagy pontatlanságokat. Az eredeti, anyanyelvi dokumentum tekintendő a hiteles forrásnak. Kritikus információk esetén professzionális, emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből a fordításból eredő félreértésekért vagy félreértelmezésekért.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/id/.co-op-translator.json b/translations/id/.co-op-translator.json
index 70759545c..0edc028dd 100644
--- a/translations/id/.co-op-translator.json
+++ b/translations/id/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T11:41:21+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:51:16+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "id"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:51:05+00:00",
+    "translation_date": "2026-03-06T13:05:28+00:00",
     "source_file": "AGENTS.md",
     "language_code": "id"
   },
@@ -516,8 +516,8 @@
     "language_code": "id"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:47:18+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:47:54+00:00",
     "source_file": "README.md",
     "language_code": "id"
   },
diff --git a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 42f5fe83f..f9e050010 100644
--- a/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/id/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,180 @@
-# Pengantar Bahasa Pemrograman dan Alat Pengembang Modern
+# Pengenalan Bahasa Pemrograman dan Alat Pengembang Modern
 
-Hai, calon pengembang! 👋 Boleh saya ceritakan sesuatu yang masih membuat saya merinding setiap hari? Kamu akan segera menyadari bahwa pemrograman bukan hanya tentang komputer – ini adalah kekuatan super nyata untuk mewujudkan ide-ide terliarmu!
+Hai, calon pengembang! 👋 Boleh aku kasih tahu sesuatu yang selalu membuatku merinding setiap hari? Kamu akan segera menemukan bahwa pemrograman bukan hanya tentang komputer – ini tentang memiliki kekuatan super nyata untuk mewujudkan ide liar terbaikmu!
 
-Kamu tahu momen ketika kamu menggunakan aplikasi favoritmu dan semuanya terasa pas? Ketika kamu menekan sebuah tombol dan sesuatu yang benar-benar ajaib terjadi yang membuatmu berpikir, "Wow, bagaimana mereka MELAKUKAN itu?" Nah, seseorang seperti kamu – mungkin sedang duduk di kedai kopi favoritnya jam 2 pagi dengan espresso ketiga – menulis kode yang menciptakan keajaiban itu. Dan ini yang akan membuatmu takjub: di akhir pelajaran ini, kamu tidak hanya akan memahami bagaimana mereka melakukannya, tetapi kamu juga akan ingin mencobanya sendiri!
+Kamu tahu momen saat kamu menggunakan aplikasi favoritmu dan semuanya terasa pas? Saat kamu mengetuk sebuah tombol dan sesuatu yang benar-benar ajaib terjadi yang membuatmu berkata "wow, bagaimana mereka MELAKUKANNYA?" Nah, seseorang seperti kamu – mungkin sedang duduk di kedai kopi favoritnya jam 2 pagi dengan espresso ketiga – menulis kode yang menciptakan keajaiban itu. Dan ini akan membuatmu tercengang: di akhir pelajaran ini, kamu tidak hanya akan mengerti bagaimana mereka melakukannya, tapi kamu akan sangat ingin mencobanya sendiri!
 
-Dengar, saya benar-benar mengerti jika pemrograman terasa menakutkan sekarang. Ketika saya pertama kali mulai, saya benar-benar berpikir kamu harus menjadi jenius matematika atau sudah coding sejak usia lima tahun. Tapi ini yang benar-benar mengubah perspektif saya: pemrograman persis seperti belajar berbicara dalam bahasa baru. Kamu mulai dengan "halo" dan "terima kasih," lalu berkembang hingga memesan kopi, dan sebelum kamu menyadarinya, kamu sedang berdiskusi filosofis yang mendalam! Bedanya, kali ini kamu berbicara dengan komputer, dan jujur saja? Mereka adalah mitra percakapan paling sabar yang pernah ada – mereka tidak pernah menghakimi kesalahanmu dan selalu bersemangat untuk mencoba lagi!
+Dengar, aku mengerti jika pemrograman terasa menakutkan sekarang. Saat pertama kali aku mulai, aku benar-benar mengira kamu harus menjadi jenius matematika atau sudah coding sejak umur lima tahun. Tapi ini yang benar-benar mengubah perspektifku: pemrograman persis seperti belajar berbicara dalam bahasa baru. Kamu mulai dengan "halo" dan "terima kasih," lalu berkembang ke memesan kopi, dan sebelum kamu sadar, kamu sudah berdiskusi filsafat yang mendalam! Bedanya, di sini kamu mengobrol dengan komputer, dan sejujurnya? Mereka adalah pasangan ngobrol paling sabar yang pernah kamu temui – mereka tak pernah menghakimi kesalahanmu dan selalu antusias mencoba lagi!
 
-Hari ini, kita akan menjelajahi alat-alat luar biasa yang membuat pengembangan web modern tidak hanya mungkin, tetapi juga sangat adiktif. Saya berbicara tentang editor, browser, dan alur kerja yang sama persis yang digunakan pengembang di Netflix, Spotify, dan studio aplikasi indie favoritmu setiap hari. Dan ini bagian yang akan membuatmu ingin menari kegirangan: sebagian besar alat profesional kelas industri ini sepenuhnya gratis!
+Hari ini, kita akan menjelajahi alat luar biasa yang membuat pengembangan web modern bukan hanya mungkin, tapi benar-benar adiktif. Aku berbicara tentang editor, browser, dan alur kerja yang sama persis yang digunakan pengembang di Netflix, Spotify, dan studio aplikasi indie favoritmu setiap hari. Dan ini bagian yang akan membuatmu menari bahagia: sebagian besar alat standar profesional ini benar-benar gratis!
 
 ![Intro Programming](../../../../translated_images/id/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Perjalanan Pemrograman Anda Hari Ini
+    section Temukan
+      Apa itu Pemrograman: 5: You
+      Bahasa Pemrograman: 4: You
+      Ikhtisar Alat: 5: You
+    section Jelajahi
+      Editor Kode: 4: You
+      Peramban & Alat Pengembang: 5: You
+      Baris Perintah: 3: You
+    section Latihan
+      Detektif Bahasa: 4: You
+      Eksplorasi Alat: 5: You
+      Koneksi Komunitas: 5: You
 ```
+## Mari Kita Lihat Apa yang Sudah Kamu Ketahui!
 
-## Mari Lihat Apa yang Sudah Kamu Ketahui!
+Sebelum kita mulai ke hal seru, aku penasaran – apa yang sudah kamu ketahui tentang dunia pemrograman ini? Dan dengar, jika kamu melihat pertanyaan-pertanyaan ini dan berpikir "Aku benar-benar tidak tahu apa-apa tentang ini," itu bukan hanya oke, tapi sempurna! Itu berarti kamu berada di tempat yang tepat. Anggap kuis ini seperti pemanasan sebelum olahraga – kita hanya memanaskan otot otakmu!
 
-Sebelum kita masuk ke hal-hal seru, saya penasaran – apa yang sudah kamu ketahui tentang dunia pemrograman ini? Dan dengar, jika kamu melihat pertanyaan-pertanyaan ini sambil berpikir "Saya benar-benar tidak tahu apa-apa tentang ini," itu bukan hanya oke, itu sempurna! Itu berarti kamu berada di tempat yang tepat. Anggap kuis ini seperti peregangan sebelum olahraga – kita hanya memanaskan otakmu!
+[Ikuti kuis pra-pelajaran](https://ff-quizzes.netlify.app/web/)
 
-[Ikuti kuis pra-pelajaran](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+## Petualangan yang Akan Kita Lakukan Bersama
 
-## Petualangan yang Akan Kita Jalani Bersama
+Oke, aku benar-benar bersemangat untuk apa yang akan kita jelajahi hari ini! Serius, aku berharap bisa melihat wajahmu saat beberapa konsep ini mulai klik. Ini adalah perjalanan luar biasa yang akan kita lakukan bersama:
 
-Oke, saya benar-benar bersemangat tentang apa yang akan kita jelajahi hari ini! Serius, saya berharap bisa melihat wajahmu ketika beberapa konsep ini mulai masuk akal. Berikut adalah perjalanan luar biasa yang akan kita lalui bersama:
+- **Apa sebenarnya pemrograman itu (dan mengapa ini hal paling keren!)** – Kita akan menemukan bagaimana kode secara harfiah adalah sihir tak terlihat yang menggerakkan segala sesuatu di sekitarmu, mulai dari alarm yang entah kenapa tahu hari Senin pagi sampai algoritma yang secara sempurna mengkurasi rekomendasi Netflix-mu
+- **Bahasa pemrograman dan kepribadian menakjubkan mereka** – Bayangkan masuk ke sebuah pesta di mana setiap orang memiliki kekuatan super yang benar-benar berbeda dan cara menyelesaikan masalah yang unik. Begitulah dunia bahasa pemrograman, dan kamu akan senang bertemu mereka!
+- **Blok bangunan fundamental yang membuat keajaiban digital terjadi** – Anggap ini seperti set LEGO kreatif terbaik. Setelah kamu mengerti bagaimana potongan-potongan ini menyatu, kamu akan menyadari kamu bisa membangun apa pun yang kamu bayangkan
+- **Alat profesional yang akan membuatmu merasa seperti baru diberi tongkat penyihir** – Aku tidak berlebihan – alat-alat ini benar-benar akan membuatmu merasa seperti punya kekuatan super, dan bagian terbaiknya? Mereka sama yang dipakai para profesional!
 
-- **Apa sebenarnya pemrograman itu (dan mengapa ini hal paling keren!)** – Kita akan menemukan bagaimana kode adalah sihir tak terlihat yang menggerakkan segalanya di sekitarmu, mulai dari alarm yang entah bagaimana tahu ini hari Senin hingga algoritma yang dengan sempurna mengkurasi rekomendasi Netflix-mu
-- **Bahasa pemrograman dan kepribadian mereka yang luar biasa** – Bayangkan masuk ke sebuah pesta di mana setiap orang memiliki kekuatan super dan cara menyelesaikan masalah yang berbeda. Itulah dunia bahasa pemrograman, dan kamu akan menyukai pertemuan dengan mereka!
-- **Blok bangunan fundamental yang membuat keajaiban digital terjadi** – Anggap ini sebagai set LEGO kreatif terbaik. Setelah kamu memahami bagaimana potongan-potongan ini cocok, kamu akan menyadari bahwa kamu bisa membangun apa saja yang kamu impikan
-- **Alat profesional yang akan membuatmu merasa seperti baru saja diberikan tongkat sihir** – Saya tidak berlebihan di sini – alat-alat ini benar-benar akan membuatmu merasa seperti memiliki kekuatan super, dan bagian terbaiknya? Ini adalah alat yang sama yang digunakan para profesional!
+> 💡 **Ini dia:** Jangan pikirkan untuk menghafal semuanya hari ini! Saat ini, aku hanya ingin kamu merasakan percikan semangat tentang apa yang mungkin. Detailnya akan melekat secara alami saat kita berlatih bersama – begitulah cara belajar yang nyata!
 
-> 💡 **Ini yang penting**: Jangan berpikir untuk mencoba menghafal semuanya hari ini! Saat ini, saya hanya ingin kamu merasakan semangat tentang apa yang mungkin. Detailnya akan melekat secara alami saat kita berlatih bersama – begitulah cara belajar yang sebenarnya terjadi!
+> Kamu bisa mengikuti pelajaran ini di [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-> Kamu bisa mengikuti pelajaran ini di [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+## Jadi Sebenarnya Apa Itu *Pemrograman*?
 
-## Jadi Apa Sebenarnya *Pemrograman* Itu?
+Oke, mari kita jawab pertanyaan sejuta dolar: apa sebenarnya pemrograman?
 
-Baiklah, mari kita bahas pertanyaan jutaan dolar: apa sebenarnya pemrograman itu?
+Aku akan memberi cerita yang benar-benar mengubah cara pikirku tentang hal ini. Minggu lalu, aku mencoba menjelaskan kepada ibuku bagaimana menggunakan remote TV pintar baru kami. Aku menangkap diriku berkata seperti "Tekan tombol merah, tapi bukan tombol merah besar, tombol merah kecil di kiri... tidak, kiri yang lain... oke, sekarang tahan selama dua detik, bukan satu, bukan tiga..." Kedengarannya familiar? 😅
 
-Saya akan memberikan cerita yang benar-benar mengubah cara saya memandang ini. Minggu lalu, saya mencoba menjelaskan kepada ibu saya cara menggunakan remote TV pintar baru kami. Saya mendapati diri saya mengatakan hal-hal seperti "Tekan tombol merah, tapi bukan tombol merah besar, tombol merah kecil di sebelah kiri... tidak, kiri yang satunya... oke, sekarang tahan selama dua detik, bukan satu, bukan tiga..." Kedengarannya familiar? 😅
+Itulah pemrograman! Seni memberikan instruksi yang sangat rinci dan langkah demi langkah kepada sesuatu yang sangat kuat tapi harus dijelaskan dengan sempurna. Bedanya, bukan menjelaskan ke ibumu (yang bisa bertanya "tombol merah yang mana?!"), kamu menjelaskan ke komputer (yang melakukan persis apa yang kamu katakan, walaupun yang kamu katakan mungkin bukan yang kamu maksud).
 
-Itulah pemrograman! Ini adalah seni memberikan instruksi yang sangat rinci, langkah demi langkah, kepada sesuatu yang sangat kuat tetapi membutuhkan semuanya dijelaskan dengan sempurna. Bedanya, alih-alih menjelaskan kepada ibumu (yang bisa bertanya "tombol merah yang mana?!"), kamu menjelaskan kepada komputer (yang hanya melakukan persis seperti yang kamu katakan, bahkan jika apa yang kamu katakan tidak sepenuhnya seperti yang kamu maksud).
+Ini yang membuatku terkesan ketika pertama belajar: komputer sebenarnya cukup sederhana pada inti-nya. Mereka hanya mengerti dua hal – 1 dan 0, yang pada dasarnya "ya" dan "tidak" atau "nyala" dan "mati." Itu saja! Tapi inilah yang menjadi ajaib – kita tidak harus berbicara dalam 1 dan 0 seperti di The Matrix. Di situ muncul **bahasa pemrograman** yang menolong. Mereka seperti penerjemah terbaik dunia yang mengubah pikiran manusia biasa menjadi bahasa komputer.
 
-Ini yang membuat saya takjub ketika pertama kali mempelajarinya: komputer sebenarnya cukup sederhana pada intinya. Mereka hanya memahami dua hal – 1 dan 0, yang pada dasarnya hanya "ya" dan "tidak" atau "hidup" dan "mati." Itu saja! Tapi di sinilah letak keajaibannya – kita tidak perlu berbicara dalam 1s dan 0s seperti di The Matrix. Di sinilah **bahasa pemrograman** datang untuk menyelamatkan. Mereka seperti memiliki penerjemah terbaik di dunia yang mengambil pikiran manusia normalmu dan mengubahnya menjadi bahasa komputer.
+Dan ini yang masih membuatku merinding setiap pagi saat bangun: secara harfiah *segala sesuatu* digital dalam hidupmu dimulai dari seseorang seperti kamu, mungkin duduk dengan piyama dan secangkir kopi, mengetik kode di laptopnya. Filter Instagram yang membuatmu tampak sempurna? Seseorang membuat kodenya. Rekomendasi yang membawamu ke lagu favorit barumu? Seorang pengembang membangun algoritmanya. Aplikasi yang membantumu membagi tagihan makan malam dengan teman? Ya, seseorang berpikir "ini mengganggu, aku yakin bisa memperbaikinya" dan kemudian... mereka melakukannya!
 
-Dan ini yang masih membuat saya merinding setiap pagi ketika saya bangun: secara harfiah *semua* hal digital dalam hidupmu dimulai dengan seseorang seperti kamu, mungkin sedang duduk di piyama dengan secangkir kopi, mengetik kode di laptop mereka. Filter Instagram yang membuatmu terlihat sempurna? Seseorang mengkodekan itu. Rekomendasi yang membawamu ke lagu favorit baru? Seorang pengembang membangun algoritma itu. Aplikasi yang membantu kamu membagi tagihan makan malam dengan teman-teman? Ya, seseorang berpikir "ini merepotkan, saya yakin saya bisa memperbaikinya" dan kemudian... mereka melakukannya!
+Saat kamu belajar pemrograman, kamu tidak hanya memperoleh keterampilan baru – kamu menjadi bagian dari komunitas luar biasa pembuat solusi yang menghabiskan hari-hari mereka berpikir, "Bagaimana jika aku bisa membangun sesuatu yang membuat hari seseorang sedikit lebih baik?" Jujur, apa yang lebih keren dari itu?
 
-Ketika kamu belajar pemrograman, kamu tidak hanya mempelajari keterampilan baru – kamu menjadi bagian dari komunitas luar biasa pemecah masalah yang menghabiskan hari-hari mereka berpikir, "Bagaimana jika saya bisa membangun sesuatu yang membuat hari seseorang sedikit lebih baik?" Jujur saja, apakah ada yang lebih keren dari itu?
+✅ **Tugas Mencari Fakta Menarik**: Ini sesuatu yang sangat keren untuk dicari saat kamu ada waktu luang – siapa yang kamu kira adalah programmer komputer pertama di dunia? Aku beri petunjuk: mungkin bukan orang yang kamu kira! Cerita di balik orang ini benar-benar menarik dan memperlihatkan bahwa pemrograman selalu soal pemecahan masalah kreatif dan berpikir di luar kotak.
 
-✅ **Berburu Fakta Menarik**: Ini sesuatu yang sangat keren untuk dicari ketika kamu punya waktu luang – menurutmu siapa programmer komputer pertama di dunia? Saya akan memberikan petunjuk: mungkin bukan orang yang kamu harapkan! Cerita di balik orang ini sangat menarik dan menunjukkan bahwa pemrograman selalu tentang pemecahan masalah kreatif dan berpikir di luar kotak.
-
-### 🧠 **Waktunya Refleksi: Bagaimana Perasaanmu?**
+### 🧠 **Waktu Cek: Bagaimana Perasaanmu?**
 
 **Luangkan waktu untuk merenung:**
-- Apakah ide "memberikan instruksi kepada komputer" sekarang masuk akal bagimu?
+- Apakah ide "memberikan instruksi ke komputer" sekarang masuk akal buatmu?
 - Bisakah kamu memikirkan tugas sehari-hari yang ingin kamu otomatisasi dengan pemrograman?
-- Pertanyaan apa yang muncul di benakmu tentang seluruh konsep pemrograman ini?
+- Pertanyaan apa yang mulai muncul di benakmu tentang hal pemrograman ini?
 
-> **Ingat**: Sangat normal jika beberapa konsep masih terasa kabur sekarang. Belajar pemrograman seperti belajar bahasa baru – butuh waktu bagi otakmu untuk membangun jalur saraf itu. Kamu sudah melakukan yang hebat!
+> **Ingat**: Normal jika beberapa konsep terasa membingungkan sekarang. Belajar pemrograman itu seperti belajar bahasa baru – membutuhkan waktu untuk otak membangun jalur saraf itu. Kamu sudah melakukan dengan baik!
 
-## Bahasa Pemrograman Seperti Berbagai Rasa Keajaiban
+## Bahasa Pemrograman Itu Seperti Rasa-Rasa Sihir yang Berbeda
 
-Oke, ini mungkin terdengar aneh, tapi tetaplah bersama saya – bahasa pemrograman itu seperti berbagai jenis musik. Pikirkan: ada jazz, yang halus dan improvisasi, rock yang kuat dan langsung, klasik yang elegan dan terstruktur, dan hip-hop yang kreatif dan ekspresif. Setiap gaya memiliki suasana sendiri, komunitas penggemar yang penuh semangat, dan masing-masing sempurna untuk suasana hati dan kesempatan yang berbeda.
+Oke, ini akan terdengar aneh, tapi ikuti aku – bahasa pemrograman sangat mirip dengan berbagai jenis musik. Pikirkanlah: ada jazz yang santai dan improvisasi, rock yang kuat dan langsung, klasik yang elegan dan terstruktur, dan hip-hop yang kreatif dan ekspresif. Setiap gaya punya vibe sendiri, komunitas penggemar penuh semangat sendiri, dan masing-masing cocok untuk suasana dan kesempatan berbeda.
 
-Bahasa pemrograman bekerja persis sama! Kamu tidak akan menggunakan bahasa yang sama untuk membangun game mobile yang menyenangkan seperti yang kamu gunakan untuk menganalisis data iklim dalam jumlah besar, seperti kamu tidak akan memainkan death metal di kelas yoga (yah, sebagian besar kelas yoga setidaknya! 😄).
+Bahasa pemrograman bekerja dengan cara yang sama! Kamu tidak akan memakai bahasa yang sama untuk membuat game mobile seru dengan bahasa yang kamu pakai untuk mengolah data iklim dalam jumlah besar, sama seperti kamu tidak akan memainkan death metal di kelas yoga (yah, sebagian besar kelas yoga deh! 😄).
 
-Tapi ini yang benar-benar membuat saya takjub setiap kali saya memikirkannya: bahasa-bahasa ini seperti memiliki penerjemah paling sabar dan brilian di dunia yang duduk tepat di sebelahmu. Kamu bisa mengekspresikan ide-ide kamu dengan cara yang terasa alami bagi otak manusia, dan mereka menangani semua pekerjaan yang sangat kompleks untuk menerjemahkan itu ke dalam 1s dan 0s yang sebenarnya diucapkan komputer. Ini seperti memiliki teman yang sangat fasih dalam "kreativitas manusia" dan "logika komputer" – dan mereka tidak pernah lelah, tidak pernah butuh istirahat kopi, dan tidak pernah menghakimi kamu karena bertanya pertanyaan yang sama dua kali!
+Tapi ini yang selalu membuatku terkagum setiap kali memikirkannya: bahasa-bahasa ini seperti memiliki penerjemah paling sabar dan jenius di dunia duduk tepat di sampingmu. Kamu bisa mengekspresikan ide dengan cara yang terasa alami untuk otak manusia, dan mereka mengurus semua kerja keras rumit menerjemahkan itu ke 1 dan 0 yang sebenarnya komputer pahami. Seperti punya teman yang fasih dalam "kreativitas manusia" dan "logika komputer" – dan mereka tidak pernah lelah, tidak perlu istirahat kopi, dan tidak pernah menghakimi kamu bertanya hal sama dua kali!
 
-### Bahasa Pemrograman Populer dan Penggunaannya
+### Bahasa Pemrograman Populer dan Kegunaannya
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Bahasa Pemrograman))
+    Pengembangan Web
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Sihir Frontend
+        Situs Web Interaktif
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Tipe
+        Aplikasi Perusahaan
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Ilmu Data
+        Pembelajaran Mesin
+        Otomasi
       R
-        Statistics
-        Research
-    Mobile Apps
+        Statistik
+        Penelitian
+    Aplikasi Mobile
       Java
         Android
-        Enterprise
+        Perusahaan
       Swift
         iOS
-        Apple Ecosystem
+        Ekosistem Apple
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        Android Modern
+        Lintas Platform
+    Sistem & Kinerja
       C++
-        Games
-        Performance Critical
+        Game
+        Kritis Kinerja
       Rust
-        Memory Safety
-        System Programming
+        Keamanan Memori
+        Pemrograman Sistem
       Go
-        Cloud Services
-        Scalable Backend
+        Layanan Cloud
+        Backend yang Dapat Diskalakan
 ```
-
 | Bahasa | Terbaik Untuk | Mengapa Populer |
-|--------|---------------|-----------------|
-| **JavaScript** | Pengembangan web, antarmuka pengguna | Berjalan di browser dan mendukung situs web interaktif |
-| **Python** | Ilmu data, otomatisasi, AI | Mudah dibaca dan dipelajari, pustaka yang kuat |
-| **Java** | Aplikasi perusahaan, aplikasi Android | Platform-independen, kokoh untuk sistem besar |
+|----------|----------|------------------|
+| **JavaScript** | Pengembangan web, antarmuka pengguna | Berjalan di browser dan menggerakkan situs interaktif |
+| **Python** | Ilmu data, otomatisasi, AI | Mudah dibaca dan dipelajari, perpustakaan kuat |
+| **Java** | Aplikasi perusahaan, aplikasi Android | Independen platform, kuat untuk sistem besar |
 | **C#** | Aplikasi Windows, pengembangan game | Dukungan ekosistem Microsoft yang kuat |
 | **Go** | Layanan cloud, sistem backend | Cepat, sederhana, dirancang untuk komputasi modern |
 
-### Bahasa Tingkat Tinggi vs. Tingkat Rendah
+### Bahasa Tingkat Tinggi vs Bahasa Tingkat Rendah
 
-Oke, ini adalah konsep yang benar-benar membuat otak saya "meledak" ketika saya pertama kali belajar, jadi saya akan berbagi analogi yang akhirnya membuat saya mengerti – dan saya sangat berharap ini membantu kamu juga!
+Oke, ini sebenarnya konsep yang membuat otakku mentok ketika pertama belajar, jadi aku akan membagikan analogi yang akhirnya membuatnya klik untukku – dan aku harap ini juga membantu kamu!
 
-Bayangkan kamu mengunjungi negara di mana kamu tidak berbicara bahasanya, dan kamu sangat perlu menemukan kamar mandi terdekat (kita semua pernah mengalaminya, kan? 😅):
+Bayangkan kamu mengunjungi negara di mana kamu tidak bisa bahasanya, dan kamu sangat perlu menemukan kamar mandi terdekat (kita semua pasti pernah di situ, kan? 😅):
 
-- **Pemrograman tingkat rendah** seperti belajar dialek lokal dengan sangat baik sehingga kamu bisa berbicara dengan nenek yang menjual buah di sudut jalan menggunakan referensi budaya, slang lokal, dan lelucon dalam yang hanya dimengerti oleh seseorang yang tumbuh di sana. Sangat mengesankan dan sangat efisien... jika kamu kebetulan fasih! Tapi cukup membingungkan ketika kamu hanya mencoba menemukan kamar mandi.
+- **Pemrograman tingkat rendah** seperti belajar dialek lokal sedemikian rupa sehingga kamu bisa ngobrol dengan nenek yang jual buah di sudut jalan menggunakan referensi budaya, bahasa gaul lokal, dan lelucon dalam yang hanya dipahami orang yang tumbuh di sana. Sangat mengesankan dan sangat efisien... jika kamu fasih! Tapi cukup membingungkan ketika hanya ingin cari kamar mandi.
 
-- **Pemrograman tingkat tinggi** seperti memiliki teman lokal yang luar biasa yang langsung mengerti kamu. Kamu bisa mengatakan "Saya benar-benar perlu menemukan kamar mandi" dalam bahasa Inggris biasa, dan mereka menangani semua terjemahan budaya dan memberikan arahan dengan cara yang masuk akal bagi otak non-lokalmu.
+- **Pemrograman tingkat tinggi** seperti punya teman lokal hebat yang mengerti kamu. Kamu bisa bilang "Aku benar-benar perlu kamar mandi" dalam bahasa Inggris biasa, dan dia yang urus terjemahan budaya dan memberimu petunjuk dengan cara yang masuk akal untuk otak non-lokalmu.
 
 Dalam istilah pemrograman:
-- **Bahasa tingkat rendah** (seperti Assembly atau C) memungkinkan kamu memiliki percakapan yang sangat rinci dengan perangkat keras komputer yang sebenarnya, tetapi kamu harus berpikir seperti mesin, yang... yah, mari kita katakan itu adalah perubahan mental yang cukup besar!
-- **Bahasa tingkat tinggi** (seperti JavaScript, Python, atau C#) memungkinkan kamu berpikir seperti manusia sementara mereka menangani semua "bahasa mesin" di belakang layar. Plus, mereka memiliki komunitas yang sangat ramah penuh dengan orang-orang yang ingat bagaimana rasanya menjadi pemula dan benar-benar ingin membantu!
+- **Bahasa tingkat rendah** (seperti Assembly atau C) membolehkanmu memiliki percakapan sangat rinci dengan perangkat keras komputer, tapi kamu perlu berpikir seperti mesin, yang... ya, mari kita katakan itu perubahan mental besar!
+- **Bahasa tingkat tinggi** (seperti JavaScript, Python, atau C#) membolehkan kamu berpikir seperti manusia sementara mereka yang urus semua bahasa mesin di belakang layar. Plus, mereka punya komunitas yang sangat ramah, penuh orang yang ingat bagaimana rasanya jadi pemula dan benar-benar ingin membantu!
 
-Tebak mana yang akan saya sarankan untuk kamu mulai? 😉 Bahasa tingkat tinggi seperti memiliki roda bantu yang tidak pernah benar-benar ingin kamu lepaskan karena mereka membuat seluruh pengalaman jauh lebih menyenangkan!
+Tebak bahasa mana yang akan aku sarankan untuk kamu mulai? 😉 Bahasa tingkat tinggi seperti roda latihan yang kamu tak pernah benar-benar ingin lepaskan karena membuat pengalaman belajar jadi jauh lebih menyenangkan!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Pikiran Manusia:<br/>'Saya ingin menghitung angka Fibonacci'"] --> B{Pilih Tingkat Bahasa}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Tingkat Tinggi| C["🌟 JavaScript/Python<br/>Mudah dibaca dan ditulis"]
+    B -->|Tingkat Rendah| D["⚙️ Assembly/C<br/>Kontrol perangkat keras langsung"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Tulis: fibonacci(10)"]
+    D --> F["📝 Tulis: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Pemahaman Komputer:<br/>Penerjemah menangani kerumitan"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Hasil Sama:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Aku Akan Tunjukkan Kenapa Bahasa Tingkat Tinggi Jauh Lebih Ramah
 
-### Biarkan Saya Tunjukkan Mengapa Bahasa Tingkat Tinggi Lebih Ramah
+Oke, aku akan menunjukkan sesuatu yang secara sempurna memperlihatkan mengapa aku jatuh cinta dengan bahasa tingkat tinggi, tapi sebelumnya – aku perlu kamu janji sesuatu. Saat kamu melihat contoh kode pertama, jangan panik! Kode itu memang seharusnya tampak menakutkan. Itu memang poin yang ingin aku buat!
 
-Baiklah, saya akan menunjukkan sesuatu yang dengan sempurna menunjukkan mengapa saya jatuh cinta dengan bahasa tingkat tinggi, tetapi pertama – saya butuh kamu berjanji sesuatu. Ketika kamu melihat contoh kode pertama itu, jangan panik! Itu memang dimaksudkan untuk terlihat menakutkan. Itulah poin yang ingin saya sampaikan!
+Kita akan melihat tugas yang sama ditulis dalam dua gaya yang benar-benar berbeda. Keduanya membuat apa yang disebut deret Fibonacci – pola matematika indah di mana setiap angka adalah jumlah dua angka sebelumnya: 0, 1, 1, 2, 3, 5, 8, 13... (Fakta menyenangkan: kamu akan menemukan pola ini di mana-mana di alam – spiral biji bunga matahari, pola buah pinus, bahkan cara galaksi terbentuk!)
 
-Kita akan melihat tugas yang sama persis ditulis dalam dua gaya yang sangat berbeda. Keduanya menciptakan apa yang disebut deret Fibonacci – ini adalah pola matematika yang indah di mana setiap angka adalah jumlah dari dua angka sebelumnya: 0, 1, 1, 2, 3, 5, 8, 13... (Fakta menarik: kamu akan menemukan pola ini di mana-mana di alam – spiral biji bunga matahari, pola kerucut pinus, bahkan cara galaksi terbentuk!)
-
-Siap melihat perbedaannya? Ayo mulai!
+Siap melihat bedanya? Ayo!
 
 **Bahasa tingkat tinggi (JavaScript) – Ramah manusia:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Langkah 1: Pengaturan dasar Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +182,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Inilah yang dilakukan kode ini:**
-- **Mendeklarasikan** konstanta untuk menentukan berapa banyak angka Fibonacci yang ingin kita hasilkan
-- **Menginisialisasi** dua variabel untuk melacak angka saat ini dan berikutnya dalam deret
-- **Menetapkan** nilai awal (0 dan 1) yang mendefinisikan pola Fibonacci
-- **Menampilkan** pesan header untuk mengidentifikasi output kita
+**Ini yang dilakukan kode ini:**
+- **Deklarasikan** konstanta untuk menentukan berapa banyak angka Fibonacci yang ingin kita buat
+- **Inisialisasi** dua variabel untuk melacak angka sekarang dan berikutnya dalam deret
+- **Atur** nilai awal (0 dan 1) yang mendefinisikan pola Fibonacci
+- **Tampilkan** pesan header untuk mengenali output kita
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Langkah 2: Hasilkan urutan dengan sebuah loop
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Hitung angka berikutnya dalam urutan
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Memecah apa yang terjadi di sini:**
-- **Melakukan loop** melalui setiap posisi dalam deret menggunakan `for` loop
-- **Menampilkan** setiap angka dengan posisinya menggunakan format literal template
-- **Menghitung** angka Fibonacci berikutnya dengan menambahkan nilai saat ini dan berikutnya
-- **Memperbarui** variabel pelacakan kita untuk melanjutkan ke iterasi berikutnya
+**Menjelaskan apa yang terjadi:**
+- **Loop** melalui setiap posisi dalam deret menggunakan `for` loop
+- **Tampilkan** setiap angka dengan posisinya menggunakan template literal
+- **Hitung** angka Fibonacci berikutnya dengan menjumlahkan nilai sekarang dan berikutnya
+- **Perbarui** variabel pelacakan untuk melanjutkan ke iterasi berikutnya
 
 ```javascript
-// Step 3: Modern functional approach
+// Langkah 3: Pendekatan fungsional modern
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,16 +218,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Contoh penggunaan
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Dalam kode di atas, kita telah:**
-- **Membuat** fungsi yang dapat digunakan kembali menggunakan sintaks fungsi panah modern
-- **Membangun** array untuk menyimpan seluruh deret daripada menampilkan satu per satu
+**Di atas, kita telah:**
+- **Membuat** fungsi yang bisa digunakan ulang dengan sintaks fungsi panah modern
+- **Membangun** array untuk menyimpan deret lengkap alih-alih menampilkan satu per satu
 - **Menggunakan** indeks array untuk menghitung setiap angka baru dari nilai sebelumnya
-- **Mengembalikan** deret lengkap untuk penggunaan fleksibel di bagian lain program kita
+- **Mengembalikan** deret lengkap untuk penggunaan fleksibel di bagian lain program
 
 **Bahasa tingkat rendah (ARM Assembly) – Ramah komputer:**
 
@@ -259,63 +256,63 @@ back add r0,r1
  end
 ```
 
-Perhatikan bagaimana versi JavaScript hampir seperti membaca instruksi dalam bahasa Inggris, sementara versi Assembly menggunakan perintah yang sulit dipahami yang langsung mengontrol prosesor komputer. Keduanya menyelesaikan tugas yang sama persis, tetapi bahasa tingkat tinggi jauh lebih mudah dipahami, ditulis, dan dipelihara oleh manusia.
+Perhatikan bahwa versi JavaScript membacanya hampir seperti instruksi bahasa Inggris, sementara versi Assembly menggunakan perintah misterius yang langsung mengendalikan prosesor komputer. Keduanya menyelesaikan tugas yang sama persis, tapi bahasa tingkat tinggi jauh lebih mudah dipahami, ditulis, dan dirawat manusia.
 
-**Perbedaan utama yang akan kamu perhatikan:**
-- **Keterbacaan**: JavaScript menggunakan nama deskriptif seperti `fibonacciCount` sementara Assembly menggunakan label yang sulit dipahami seperti `r0`, `r1`
-- **Komentar**: Bahasa tingkat tinggi mendorong penggunaan komentar penjelas yang membuat kode lebih mudah dipahami
-- **Struktur**: Alur logis JavaScript sesuai dengan cara manusia berpikir tentang masalah secara langkah demi langkah
-- **Pemeliharaan**: Memperbarui versi JavaScript untuk kebutuhan yang berbeda sangatlah mudah dan jelas
+**Perbedaan utama yang kamu perhatikan:**
+- **Keterbacaan**: JavaScript menggunakan nama deskriptif seperti `fibonacciCount` sementara Assembly menggunakan label yang sulit dimengerti seperti `r0`, `r1`
+- **Komentar**: Bahasa tingkat tinggi mendorong komentar penjelasan yang membuat kode terdokumentasi secara mandiri
+- **Struktur**: Alur logis JavaScript sesuai dengan cara manusia berpikir tentang masalah langkah demi langkah
+- **Pemeliharaan**: Memperbarui versi JavaScript untuk kebutuhan yang berbeda itu sederhana dan jelas
 
-✅ **Tentang deret Fibonacci**: Pola angka yang sangat indah ini (di mana setiap angka adalah jumlah dari dua angka sebelumnya: 0, 1, 1, 2, 3, 5, 8...) benar-benar muncul *di mana-mana* di alam! Kamu bisa menemukannya di spiral bunga matahari, pola pada kerucut pinus, lengkungan cangkang nautilus, bahkan pada cara cabang pohon tumbuh. Sangat menakjubkan bagaimana matematika dan kode dapat membantu kita memahami dan menciptakan kembali pola yang digunakan alam untuk menciptakan keindahan!
+✅ **Tentang deret Fibonacci**: Pola angka yang sangat indah ini (di mana setiap angka sama dengan jumlah dua angka sebelumnya: 0, 1, 1, 2, 3, 5, 8...) muncul secara harfiah *di mana-mana* di alam! Kamu akan menemukannya di spiral bunga matahari, pola kerucut pinus, cara cangkang nautilus melengkung, dan bahkan cara cabang pohon tumbuh. Sungguh menakjubkan bagaimana matematika dan kode bisa membantu kita memahami dan mereplikasi pola-pola yang digunakan alam untuk menciptakan keindahan!
 
 
-## Komponen Dasar yang Membuat Keajaiban Terjadi
+## Blok Bangunan yang Membuat Keajaiban Terjadi
 
-Baiklah, sekarang setelah kamu melihat seperti apa bahasa pemrograman dalam aksi, mari kita bahas bagian-bagian fundamental yang membentuk setiap program yang pernah ditulis. Anggap ini sebagai bahan-bahan penting dalam resep favoritmu – setelah kamu memahami apa fungsi masing-masing, kamu akan bisa membaca dan menulis kode dalam hampir semua bahasa!
+Baiklah, sekarang setelah kamu melihat seperti apa bahasa pemrograman dalam aksi, mari kita uraikan bagian fundamental yang membentuk setiap program yang pernah ditulis. Anggap ini sebagai bahan penting dalam resep favoritmu – setelah kamu mengerti fungsi masing-masing, kamu akan bisa membaca dan menulis kode di hampir semua bahasa!
 
-Ini seperti belajar tata bahasa pemrograman. Ingat saat di sekolah kamu belajar tentang kata benda, kata kerja, dan cara menyusun kalimat? Pemrograman memiliki versi tata bahasanya sendiri, dan jujur saja, ini jauh lebih logis dan mudah daripada tata bahasa Inggris! 😄
+Ini agak seperti mempelajari tata bahasa pemrograman. Ingat waktu sekolah ketika kamu belajar tentang kata benda, kata kerja, dan cara menyusun kalimat? Pemrograman punya versi tata bahasanya sendiri, dan jujur saja, itu jauh lebih logis dan memaafkan daripada tata bahasa Inggris! 😄
 
-### Pernyataan: Instruksi Langkah Demi Langkah
+### Pernyataan: Instruksi Langkah-demi-Langkah
 
-Mari kita mulai dengan **pernyataan** – ini seperti kalimat individu dalam percakapan dengan komputer. Setiap pernyataan memberi tahu komputer untuk melakukan satu hal spesifik, seperti memberikan arahan: "Belok kiri di sini," "Berhenti di lampu merah," "Parkir di tempat itu."
+Mari mulai dengan **pernyataan** – ini seperti kalimat individu dalam percakapan dengan komputer. Setiap pernyataan memberitahu komputer untuk melakukan satu hal spesifik, seperti memberi petunjuk arah: "Belok kiri di sini," "Berhenti di lampu merah," "Parkir di tempat itu."
 
-Yang saya suka dari pernyataan adalah betapa mudahnya dibaca. Lihat ini:
+Yang saya suka dari pernyataan adalah biasanya mereka sangat mudah dibaca. Lihat ini:
 
 ```javascript
-// Basic statements that perform single actions
+// Pernyataan dasar yang melakukan tindakan tunggal
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Inilah yang dilakukan kode ini:**
+**Ini yang dilakukan kode ini:**
 - **Mendeklarasikan** variabel konstan untuk menyimpan nama pengguna
-- **Menampilkan** pesan sambutan ke output konsol
-- **Menghitung** dan menyimpan hasil dari operasi matematika
+- **Menampilkan** pesan sapaan ke output konsol
+- **Menghitung** dan menyimpan hasil operasi matematika
 
 ```javascript
-// Statements that interact with web pages
+// Pernyataan yang berinteraksi dengan halaman web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Langkah demi langkah, inilah yang terjadi:**
+**Langkah demi langkah, ini yang terjadi:**
 - **Mengubah** judul halaman web yang muncul di tab browser
-- **Mengganti** warna latar belakang seluruh halaman
+- **Mengganti** warna latar belakang seluruh bodi halaman
 
 ### Variabel: Sistem Memori Programmu
 
-Oke, **variabel** adalah salah satu konsep favorit saya untuk diajarkan karena sangat mirip dengan hal-hal yang sudah kamu gunakan setiap hari!
+Oke, **variabel** sebenarnya adalah salah satu konsep favorit saya untuk diajarkan karena sangat mirip dengan hal-hal yang sudah kamu gunakan setiap hari!
 
-Pikirkan daftar kontak di ponselmu sebentar. Kamu tidak menghafal nomor telepon semua orang – sebaliknya, kamu menyimpan "Ibu," "Sahabat," atau "Tempat Pizza yang Buka Sampai Jam 2 Pagi" dan membiarkan ponselmu mengingat nomor sebenarnya. Variabel bekerja persis seperti itu! Mereka seperti wadah berlabel di mana programmu dapat menyimpan informasi dan mengambilnya nanti menggunakan nama yang masuk akal.
+Pikirkan tentang daftar kontak ponselmu sebentar. Kamu tidak menghafal nomor telepon semua orang – sebaliknya, kamu menyimpan "Ibu," "Teman Terbaik," atau "Tempat Pizza yang Antar Hingga Jam 2 Pagi" dan membiarkan ponselmu mengingat nomor sebenarnya. Variabel bekerja dengan cara yang sama! Mereka seperti wadah berlabel dimana programmu bisa menyimpan informasi dan mengambilnya kembali nanti dengan nama yang masuk akal.
 
-Yang keren adalah: variabel dapat berubah saat programmu berjalan (itulah sebabnya disebut "variabel" – lihat apa yang mereka lakukan di sini?). Sama seperti kamu mungkin memperbarui kontak tempat pizza itu saat menemukan tempat yang lebih baik, variabel dapat diperbarui saat programmu mempelajari informasi baru atau saat situasi berubah!
+Yang keren banget: variabel bisa berubah saat programmu berjalan (makanya namanya "variabel" – lihat caranya bermain kata!). Sama seperti kamu mungkin memperbarui kontak tempat pizza saat menemukan yang lebih baik, variabel bisa diperbarui saat programmu mendapatkan informasi baru atau situasi berubah!
 
-Biarkan saya tunjukkan betapa sederhananya ini:
+Mari saya tunjukkan betapa sederhananya ini:
 
 ```javascript
-// Step 1: Creating basic variables
+// Langkah 1: Membuat variabel dasar
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -324,12 +321,12 @@ let isRaining = false;
 
 **Memahami konsep ini:**
 - **Menyimpan** nilai yang tidak berubah dalam variabel `const` (seperti nama situs)
-- **Menggunakan** `let` untuk nilai yang dapat berubah sepanjang program
-- **Menetapkan** berbagai jenis data: string (teks), angka, dan boolean (benar/salah)
-- **Memilih** nama deskriptif yang menjelaskan apa yang terkandung dalam setiap variabel
+- **Menggunakan** `let` untuk nilai yang bisa berubah sepanjang program
+- **Menetapkan** tipe data berbeda: string (teks), angka, dan boolean (true/false)
+- **Memilih** nama deskriptif yang menjelaskan isi setiap variabel
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Langkah 2: Bekerja dengan objek untuk mengelompokkan data terkait
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -337,17 +334,17 @@ const weatherData = {
 };
 ```
 
-**Dalam kode di atas, kita telah:**
-- **Membuat** objek untuk mengelompokkan informasi cuaca terkait
-- **Mengorganisasi** beberapa potongan data di bawah satu nama variabel
-- **Menggunakan** pasangan kunci-nilai untuk memberi label pada setiap potongan informasi dengan jelas
+**Pada contoh di atas, kita:**
+- **Membuat** objek untuk mengelompokkan informasi cuaca terkait bersama-sama
+- **Mengorganisir** beberapa data di bawah satu nama variabel
+- **Menggunakan** pasangan kunci-nilai untuk memberi label setiap data dengan jelas
 
 ```javascript
-// Step 3: Using and updating variables
+// Langkah 3: Menggunakan dan memperbarui variabel
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Memperbarui variabel yang dapat diubah
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
@@ -356,31 +353,31 @@ temperature = 68;
 - **Menampilkan** informasi menggunakan template literal dengan sintaks `${}`
 - **Mengakses** properti objek menggunakan notasi titik (`weatherData.windSpeed`)
 - **Memperbarui** variabel yang dideklarasikan dengan `let` untuk mencerminkan kondisi yang berubah
-- **Menggabungkan** beberapa variabel untuk membuat pesan yang bermakna
+- **Menggabungkan** beberapa variabel untuk membuat pesan bermakna
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Langkah 4: Destrukturisasi modern untuk kode yang lebih bersih
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Yang perlu kamu ketahui:**
-- **Menarik** properti spesifik dari objek menggunakan penugasan destrukturisasi
-- **Membuat** variabel baru secara otomatis dengan nama yang sama seperti kunci objek
-- **Menyederhanakan** kode dengan menghindari notasi titik yang berulang
+- **Mengekstrak** properti spesifik dari objek menggunakan assignment destrukturisasi
+- **Membuat** variabel baru otomatis dengan nama yang sama seperti kunci objek
+- **Menyederhanakan** kode dengan menghindari notasi titik yang berulang-ulang
 
-### Alur Kontrol: Mengajari Programmu untuk Berpikir
+### Alur Kontrol: Mengajarkan Programmu Berpikir
 
-Oke, di sinilah pemrograman menjadi sangat menakjubkan! **Alur kontrol** pada dasarnya mengajari programmu bagaimana membuat keputusan cerdas, persis seperti yang kamu lakukan setiap hari tanpa memikirkannya.
+Oke, di sinilah pemrograman jadi benar-benar menakjubkan! **Alur kontrol** pada dasarnya mengajarkan programmu bagaimana membuat keputusan cerdas, persis seperti yang kamu lakukan setiap hari tanpa harus berpikir keras.
 
-Bayangkan ini: pagi ini kamu mungkin melalui sesuatu seperti "Jika hujan, saya akan membawa payung. Jika dingin, saya akan memakai jaket. Jika saya terlambat, saya akan melewatkan sarapan dan mengambil kopi di jalan." Otakmu secara alami mengikuti logika if-then ini puluhan kali setiap hari!
+Bayangkan ini: pagi ini kamu mungkin melewati sesuatu seperti "Kalau hujan, saya akan mengambil payung. Kalau dingin, saya akan memakai jaket. Kalau saya terlambat, saya akan melewatkan sarapan dan minum kopi di jalan." Otakmu secara alami mengikuti logika if-then ini puluhan kali setiap hari!
 
-Inilah yang membuat program terasa cerdas dan hidup daripada hanya mengikuti skrip yang membosankan dan dapat diprediksi. Mereka benar-benar dapat melihat situasi, mengevaluasi apa yang terjadi, dan merespons dengan tepat. Ini seperti memberi programmu otak yang dapat beradaptasi dan membuat pilihan!
+Ini yang membuat program terasa cerdas dan hidup, bukan hanya menjalankan skrip membosankan dan bisa diprediksi. Mereka benar-benar bisa melihat situasi, mengevaluasi apa yang terjadi, dan merespons dengan tepat. Seperti memberikan otak pada program yang bisa beradaptasi dan membuat pilihan!
 
-Ingin melihat betapa indahnya ini bekerja? Biarkan saya tunjukkan:
+Mau lihat betapa indahnya ini bekerja? Mari saya tunjukkan:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Langkah 1: Logika kondisional dasar
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -391,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Inilah yang dilakukan kode ini:**
-- **Memeriksa** apakah usia pengguna memenuhi persyaratan untuk memilih
-- **Menjalankan** blok kode yang berbeda berdasarkan hasil kondisi
-- **Menghitung** dan menampilkan berapa lama hingga memenuhi syarat memilih jika di bawah 18 tahun
-- **Memberikan** umpan balik spesifik dan bermanfaat untuk setiap skenario
+**Ini yang dilakukan kode ini:**
+- **Memeriksa** apakah usia pengguna memenuhi syarat memilih
+- **Menjalankan** blok kode berbeda berdasarkan hasil kondisi
+- **Menghitung** dan menampilkan berapa lama sampai memenuhi syarat memilih jika kurang dari 18
+- **Memberikan** umpan balik spesifik dan membantu untuk tiap skenario
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Langkah 2: Beberapa kondisi dengan operator logika
 const userAge = 17;
 const hasPermission = true;
 
@@ -411,25 +408,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Memecah apa yang terjadi di sini:**
+**Menguraikan apa yang terjadi di sini:**
 - **Menggabungkan** beberapa kondisi menggunakan operator `&&` (dan)
-- **Membuat** hierarki kondisi menggunakan `else if` untuk beberapa skenario
-- **Menangani** semua kemungkinan kasus dengan pernyataan `else` terakhir
-- **Memberikan** umpan balik yang jelas dan dapat ditindaklanjuti untuk setiap situasi yang berbeda
+- **Membuat** hierarki kondisi menggunakan `else if` untuk banyak skenario
+- **Menangani** semua kemungkinan dengan pernyataan `else` terakhir
+- **Memberikan** umpan balik yang jelas dan dapat ditindaklanjuti untuk setiap situasi berbeda
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Langkah 3: Kondisional singkat dengan operator ternary
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Yang perlu kamu ingat:**
-- **Menggunakan** operator ternary (`? :`) untuk kondisi dua opsi sederhana
-- **Menulis** kondisi terlebih dahulu, diikuti oleh `?`, lalu hasil benar, lalu `:`, lalu hasil salah
-- **Menerapkan** pola ini saat kamu perlu menetapkan nilai berdasarkan kondisi
+**Yang perlu diingat:**
+- **Menggunakan** operator ternary (`? :`) untuk kondisi dua pilihan yang sederhana
+- **Menulis** kondisi terlebih dahulu, lalu `?`, hasil benar, lalu `:`, hasil salah
+- **Menerapkan** pola ini saat perlu menetapkan nilai berdasarkan kondisi
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Langkah 4: Menangani beberapa kasus spesifik
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -449,57 +446,56 @@ switch (dayOfWeek) {
 }
 ```
 
-**Kode ini mencapai hal berikut:**
-- **Mencocokkan** nilai variabel dengan beberapa kasus spesifik
-- **Mengelompokkan** kasus serupa bersama-sama (hari kerja vs. akhir pekan)
-- **Menjalankan** blok kode yang sesuai saat kecocokan ditemukan
-- **Menyertakan** kasus `default` untuk menangani nilai yang tidak terduga
-- **Menggunakan** pernyataan `break` untuk mencegah kode melanjutkan ke kasus berikutnya
+**Kode ini melakukan hal berikut:**
+- **Mencocokkan** nilai variabel terhadap beberapa kasus spesifik
+- **Mengelompokkan** kasus serupa bersama (hari kerja vs akhir pekan)
+- **Menjalankan** blok kode yang tepat saat ditemukan kecocokan
+- **Menyertakan** kasus `default` untuk menangani nilai tak terduga
+- **Menggunakan** pernyataan `break` untuk mencegah kode lanjut ke kasus berikutnya
 
-> 💡 **Analogi dunia nyata**: Pikirkan alur kontrol seperti memiliki GPS paling sabar di dunia yang memberikanmu arahan. Mungkin mengatakan "Jika ada kemacetan di Jalan Utama, ambil jalan tol. Jika ada konstruksi yang menghalangi jalan tol, coba rute pemandangan." Program menggunakan logika kondisional yang sama untuk merespons dengan cerdas terhadap situasi yang berbeda dan selalu memberikan pengalaman terbaik kepada pengguna.
+> 💡 **Analogi dunia nyata**: Anggap alur kontrol seperti GPS paling sabar di dunia yang memberimu petunjuk arah. Mungkin berkata "Jika ada kemacetan di Jalan Utama, ambil jalan tol. Jika konstruksi menghalangi jalan tol, coba jalur pemandangan." Program menggunakan logika kondisional sama seperti itu untuk merespon cerdas berbagai situasi dan selalu memberi pengguna pengalaman terbaik.
 
-### 🎯 **Pemeriksaan Konsep: Penguasaan Komponen Dasar**
+### 🎯 **Cek Konsep: Menguasai Blok Bangunan**
 
-**Mari kita lihat sejauh mana pemahamanmu tentang dasar-dasar:**
-- Bisakah kamu menjelaskan perbedaan antara variabel dan pernyataan dengan kata-katamu sendiri?
-- Pikirkan skenario dunia nyata di mana kamu akan menggunakan keputusan if-then (seperti contoh pemilihan kita)
-- Apa satu hal tentang logika pemrograman yang mengejutkanmu?
+**Yuk cek sejauh mana pemahamanmu tentang dasar-dasar:**
+- Bisakah kamu jelaskan perbedaan antara variabel dan pernyataan dengan kata-katamu sendiri?
+- Pikirkan skenario dunia nyata di mana kamu akan menggunakan keputusan if-then (seperti contoh pemilihan)
+- Apa satu hal tentang logika pemrograman yang membuatmu terkejut?
 
-**Peningkat kepercayaan diri cepat:**
+**Penyemangat cepat:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Pernyataan<br/>(Instruksi)"] --> B["📦 Variabel<br/>(Penyimpanan)"] --> C["🔀 Alur Kontrol<br/>(Keputusan)"] --> D["🎉 Program Berfungsi!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **Apa yang akan datang selanjutnya**: Kita akan bersenang-senang menyelami lebih dalam konsep-konsep ini saat kita melanjutkan perjalanan luar biasa ini bersama! Sekarang, fokus saja pada perasaan semangat tentang semua kemungkinan menakjubkan di depanmu. Keterampilan dan teknik spesifik akan melekat secara alami saat kita berlatih bersama – saya janji ini akan jauh lebih menyenangkan dari yang kamu kira!
 
-✅ **Yang akan datang**: Kita akan bersenang-senang mendalami konsep-konsep ini saat kita melanjutkan perjalanan luar biasa ini bersama! Saat ini, fokuslah pada perasaan antusias tentang semua kemungkinan luar biasa di depanmu. Keterampilan dan teknik spesifik akan melekat secara alami saat kita berlatih bersama – saya janji ini akan jauh lebih menyenangkan daripada yang kamu bayangkan!
+## Alat-Alat Pilihan
 
-## Alat yang Digunakan
+Baiklah, ini benar-benar membuat saya sangat bersemangat sampai hampir tidak bisa menahan diri! 🚀 Kita akan membahas alat luar biasa yang akan membuatmu merasa seperti baru saja diberikan kunci pesawat luar angkasa digital.
 
-Baiklah, ini adalah bagian di mana saya sangat bersemangat sampai hampir tidak bisa menahan diri! 🚀 Kita akan membahas alat-alat luar biasa yang akan membuatmu merasa seperti baru saja diberikan kunci ke pesawat luar angkasa digital.
+Kamu tahu bagaimana koki punya pisau yang seimbang sempurna dan terasa seperti bagian dari tangannya? Atau bagaimana musisi punya gitar yang tampaknya langsung bernyanyi saat mereka menyentuhnya? Nah, para pengembang punya versi alat ajaib ini, dan ini yang akan membuatmu tercengang – sebagian besar dari alat ini benar-benar gratis!
 
-Kamu tahu bagaimana seorang koki memiliki pisau yang seimbang sempurna yang terasa seperti perpanjangan dari tangan mereka? Atau bagaimana seorang musisi memiliki gitar yang seolah-olah bernyanyi saat mereka menyentuhnya? Nah, pengembang memiliki versi alat ajaib ini, dan inilah yang akan benar-benar membuatmu takjub – sebagian besar dari mereka benar-benar gratis!
+Saya sampai melompat-lompat karena membagikan ini padamu, sebab alat-alat ini benar-benar sudah merevolusi cara kita membuat perangkat lunak. Kita berbicara tentang asisten pengkodean bertenaga AI yang bisa membantu menulis kode (saya tidak bercanda!), lingkungan cloud di mana kamu bisa membangun aplikasi lengkap dari mana saja dengan Wi-Fi, dan alat debugging yang begitu canggih seolah-olah punya penglihatan sinar-X untuk programmu.
 
-Saya hampir melompat dari kursi saya memikirkan untuk berbagi ini denganmu karena mereka benar-benar merevolusi cara kita membangun perangkat lunak. Kita berbicara tentang asisten pengkodean bertenaga AI yang dapat membantu menulis kode (saya tidak bercanda!), lingkungan cloud di mana kamu dapat membangun aplikasi lengkap dari mana saja dengan Wi-Fi, dan alat debugging yang begitu canggih sehingga seperti memiliki penglihatan sinar-X untuk programmu.
-
-Dan inilah bagian yang masih membuat saya merinding: ini bukan "alat pemula" yang akan kamu tinggalkan. Ini adalah alat profesional yang sama persis yang digunakan pengembang di Google, Netflix, dan studio aplikasi indie yang kamu sukai saat ini. Kamu akan merasa seperti seorang profesional saat menggunakannya!
+Dan bagian yang masih membuat saya merinding: ini bukan alat "pemula" yang bakal kamu tinggalkan nantinya. Ini adalah alat tingkat profesional yang sama yang digunakan pengembang di Google, Netflix, dan studio aplikasi indie yang kamu sukai saat ini juga. Kamu akan merasa seperti profesional saat memakainya!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ide Anda"] --> B["⌨️ Editor Kode<br/>(VS Code)"] 
+    B --> C["🌐 DevTools Browser<br/>(Pengujian & Debugging)"]
+    C --> D["⚡ Command Line<br/>(Otomasi & Alat)"]
+    D --> E["📚 Dokumentasi<br/>(Belajar & Referensi)"]
+    E --> F["🚀 Aplikasi Web Hebat!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Asisten AI<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Pengujian Perangkat<br/>(Desain Responsif)"]
+    D -.-> I["📦 Manajer Paket<br/>(npm, yarn)"]
+    E -.-> J["👥 Komunitas<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -508,189 +504,190 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-
 ### Editor Kode dan IDE: Sahabat Digital Barumu
 
-Mari kita bicara tentang editor kode – ini akan menjadi tempat favoritmu untuk menghabiskan waktu! Anggap mereka sebagai tempat perlindungan pribadi untuk coding di mana kamu akan menghabiskan sebagian besar waktumu membuat dan menyempurnakan kreasi digitalmu.
+Mari kita bahas editor kode – ini benar-benar akan menjadi tempat favorit baru untuk bersantai! Anggap ini sebagai tempat suci pengkodean pribadimu di mana kamu akan menghabiskan sebagian besar waktu membuat dan menyempurnakan karya digitalmu.
 
-Tapi inilah yang benar-benar ajaib tentang editor modern: mereka bukan hanya editor teks mewah. Mereka seperti memiliki mentor coding paling brilian dan mendukung yang duduk di sebelahmu 24/7. Mereka menangkap kesalahan ketikmu sebelum kamu menyadarinya, menyarankan perbaikan yang membuatmu terlihat seperti jenius, membantu memahami apa yang dilakukan setiap bagian kode, dan beberapa dari mereka bahkan dapat memprediksi apa yang akan kamu ketik dan menawarkan untuk menyelesaikan pemikiranmu!
+Tapi yang benar-benar ajaib dari editor modern: mereka bukan hanya editor teks biasa. Mereka seperti memiliki mentor pengkodean paling cerdas dan suportif duduk di sebelahmu 24/7. Mereka menangkap kesalahan ketik sebelum kamu menyadarinya, menyarankan perbaikan yang membuatmu terlihat jenius, membantu kamu memahami fungsi setiap potongan kode, dan beberapa bahkan bisa memprediksi apa yang akan kamu ketik berikutnya dan menawarkan menyelesaikan kalimatmu!
 
-Saya ingat saat pertama kali menemukan auto-completion – saya benar-benar merasa seperti hidup di masa depan. Kamu mulai mengetik sesuatu, dan editor-mu berkata, "Hei, apakah kamu memikirkan fungsi ini yang melakukan persis apa yang kamu butuhkan?" Rasanya seperti memiliki pembaca pikiran sebagai teman coding!
+Saya ingat pertama kali menemukan auto-completion – saya benar-benar merasa seperti hidup di masa depan. Kamu mulai mengetik sesuatu, dan editor berkata, "Hei, apakah kamu sedang memikirkan fungsi ini yang melakukan persis yang kamu butuhkan?" Rasanya seperti punya pembaca pikiran sebagai teman pengkodean!
 
-**Apa yang membuat editor ini begitu luar biasa?**
+**Apa yang membuat editor ini luar biasa?**
 
 Editor kode modern menawarkan berbagai fitur mengesankan yang dirancang untuk meningkatkan produktivitasmu:
 
-| Fitur | Apa yang Dilakukan | Mengapa Membantu |
-|-------|--------------------|------------------|
-| **Penyorotan Sintaks** | Memberi warna pada bagian kode yang berbeda | Membuat kode lebih mudah dibaca dan menemukan kesalahan |
-| **Auto-completion** | Menyarankan kode saat kamu mengetik | Mempercepat pengkodean dan mengurangi kesalahan ketik |
-| **Alat Debugging** | Membantu menemukan dan memperbaiki kesalahan | Menghemat waktu berjam-jam untuk pemecahan masalah |
-| **Ekstensi** | Menambahkan fitur khusus | Menyesuaikan editor untuk teknologi apa pun |
-| **Asisten AI** | Menyarankan kode dan penjelasan | Mempercepat pembelajaran dan produktivitas |
+| Fitur | Fungsinya | Mengapa Berguna |
+|-------|-----------|-----------------|
+| **Syntax Highlighting** | Memberi warna pada bagian kode berbeda | Membuat kode lebih mudah dibaca dan menemukan error |
+| **Auto-completion** | Menyaran kan kode saat mengetik | Mempercepat pengkodean dan mengurangi typo |
+| **Debugging Tools** | Membantu menemukan dan memperbaiki kesalahan | Menghemat waktu troubleshooting |
+| **Extensions** | Menambahkan fitur khusus | Menyesuaikan editor untuk teknologi apapun |
+| **AI Assistants** | Menyarankan kode dan penjelasan | Mempercepat pembelajaran dan produktivitas |
 
-> 🎥 **Sumber Video**: Ingin melihat alat-alat ini beraksi? Lihat [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) untuk gambaran lengkap.
+> 🎥 **Sumber Video**: Mau lihat alat-alat ini dalam aksi? Tonton [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) untuk gambaran lengkap.
 
-#### Editor yang Direkomendasikan untuk Pengembangan Web
+#### Editor Rekomendasi untuk Pengembangan Web
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
 - Paling populer di kalangan pengembang web
 - Ekosistem ekstensi yang sangat baik
 - Terminal bawaan dan integrasi Git
-- **Ekstensi wajib**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Saran kode berbasis AI
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Kolaborasi waktu nyata
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Format kode otomatis
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Menangkap kesalahan ketik dalam kode
+- **Ekstensi wajib:**
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - saran kode berbasis AI
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - kolaborasi waktu nyata
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - format kode otomatis
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - menangkap typo kode
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Berbayar, gratis untuk pelajar)
-- Alat debugging dan pengujian yang canggih
-- Penyelesaian kode yang cerdas
+- Alat debugging dan pengujian canggih
+- Penyelesaian kode cerdas
 - Kontrol versi bawaan
 
-**IDE Berbasis Cloud** (Berbagai harga)
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code lengkap di browsermu
+**IDE Berbasis Cloud** (Beragam harga)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code lengkap di browser
 - [Replit](https://replit.com/) - Bagus untuk belajar dan berbagi kode
 - [StackBlitz](https://stackblitz.com/) - Pengembangan web full-stack instan
 
-> 💡 **Tips Memulai**: Mulailah dengan Visual Studio Code – ini gratis, banyak digunakan di industri, dan memiliki komunitas besar yang membuat tutorial dan ekstensi yang bermanfaat.
+> 💡 **Tips Memulai**: Mulailah dengan Visual Studio Code – gratis, banyak digunakan di industri, dan punya komunitas besar yang membuat tutorial dan ekstensi berguna.
 
 
-### Browser Web: Laboratorium Rahasia Pengembanganmu
+### Peramban Web: Laboratorium Pengembangan Rahasiamu
 
-Oke, bersiaplah untuk benar-benar takjub! Kamu tahu bagaimana kamu menggunakan browser untuk menggulir media sosial dan menonton video? Nah, ternyata mereka menyembunyikan laboratorium pengembang yang luar biasa ini selama ini, hanya menunggu untuk kamu temukan!
+Oke, bersiaplah untuk dibuat terpesona! Kamu tahu kan selama ini kamu menggunakan peramban untuk menggulir media sosial dan menonton video? Ternyata mereka menyembunyikan laboratorium pengembang rahasia yang luar biasa ini selama ini, menunggu untuk kamu temukan!
 
-Setiap kali kamu mengklik kanan pada halaman web dan memilih "Inspect Element," kamu membuka dunia tersembunyi alat pengembang yang sebenarnya lebih kuat daripada beberapa perangkat lunak mahal yang dulu saya bayar ratusan dolar. Rasanya seperti menemukan bahwa dapur biasa memiliki laboratorium koki profesional di balik panel rahasia!
-Pertama kali seseorang menunjukkan saya DevTools browser, saya menghabiskan waktu sekitar tiga jam hanya dengan mengklik sana-sini sambil berkata, "TUNGGU, INI BISA LAKUKAN ITU JUGA?!" Anda benar-benar bisa mengedit situs web apa pun secara real-time, melihat seberapa cepat semuanya dimuat, menguji tampilan situs Anda di berbagai perangkat, dan bahkan debug JavaScript seperti seorang profesional. Ini benar-benar luar biasa!
+Setiap kali kamu klik kanan di halaman web dan memilih "Inspect Element," kamu membuka dunia tersembunyi alat pengembang yang jujur lebih kuat daripada beberapa perangkat lunak mahal yang pernah saya bayar ratusan dolar. Rasanya seperti menemukan bahwa dapur biasa kamu ternyata menyembunyikan laboratorium koki profesional di balik panel rahasia!
+Pertama kali seseorang menunjukkan DevTools browser kepada saya, saya menghabiskan sekitar tiga jam hanya mengklik sana-sini sambil berkata, "TUNGGU, BISA BEGITU JUGA?!" Anda benar-benar bisa mengedit situs web apa pun secara real-time, melihat dengan tepat seberapa cepat semuanya dimuat, menguji bagaimana tampilan situs Anda di perangkat berbeda, dan bahkan melakukan debug JavaScript seperti seorang profesional. Ini benar-benar luar biasa!
 
 **Inilah mengapa browser adalah senjata rahasia Anda:**
 
-Saat Anda membuat situs web atau aplikasi web, Anda perlu melihat bagaimana tampilannya dan cara kerjanya di dunia nyata. Browser tidak hanya menampilkan hasil kerja Anda tetapi juga memberikan umpan balik mendetail tentang kinerja, aksesibilitas, dan potensi masalah.
+Saat Anda membuat situs web atau aplikasi web, Anda perlu melihat bagaimana tampilannya dan berperilaku di dunia nyata. Browser tidak hanya menampilkan karya Anda tetapi juga memberikan umpan balik rinci tentang performa, aksesibilitas, dan masalah potensial.
 
 #### Alat Pengembang Browser (DevTools)
 
-Browser modern memiliki suite pengembangan yang sangat lengkap:
+Browser modern menyertakan rangkaian pengembangan yang lengkap:
 
 | Kategori Alat | Fungsinya | Contoh Penggunaan |
-|---------------|-----------|-------------------|
+|---------------|--------------|------------------|
 | **Element Inspector** | Melihat dan mengedit HTML/CSS secara real-time | Menyesuaikan gaya untuk melihat hasil langsung |
-| **Console** | Melihat pesan error dan menguji JavaScript | Debug masalah dan bereksperimen dengan kode |
-| **Network Monitor** | Melacak bagaimana sumber daya dimuat | Mengoptimalkan kinerja dan waktu pemuatan |
+| **Console** | Melihat pesan kesalahan dan menguji JavaScript | Debug masalah dan bereksperimen dengan kode |
+| **Network Monitor** | Melacak bagaimana sumber daya dimuat | Mengoptimalkan performa dan waktu muat |
 | **Accessibility Checker** | Menguji desain inklusif | Memastikan situs Anda dapat digunakan oleh semua pengguna |
-| **Device Simulator** | Pratinjau di berbagai ukuran layar | Menguji desain responsif tanpa banyak perangkat |
+| **Device Simulator** | Pratinjau pada berbagai ukuran layar | Menguji desain responsif tanpa perangkat banyak |
 
 #### Browser yang Direkomendasikan untuk Pengembangan
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standar industri dengan dokumentasi yang luas
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Alat CSS Grid dan aksesibilitas yang luar biasa
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dibangun di atas Chromium dengan sumber daya pengembang dari Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standar industri dengan dokumentasi lengkap
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Alat CSS Grid dan aksesibilitas yang sangat baik
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dibangun di atas Chromium dengan sumber daya pengembang Microsoft
 
-> ⚠️ **Tip Penting untuk Pengujian**: Selalu uji situs web Anda di beberapa browser! Apa yang bekerja sempurna di Chrome mungkin terlihat berbeda di Safari atau Firefox. Pengembang profesional menguji di semua browser utama untuk memastikan pengalaman pengguna yang konsisten.
+> ⚠️ **Tips Pengujian Penting**: Selalu uji situs web Anda di berbagai browser! Apa yang berjalan sempurna di Chrome mungkin tampak berbeda di Safari atau Firefox. Pengembang profesional menguji di semua browser utama untuk memastikan pengalaman pengguna yang konsisten.
 
-### Alat Command Line: Gerbang Menuju Kekuatan Super Developer
 
-Baiklah, mari kita jujur tentang command line, karena saya ingin Anda mendengar ini dari seseorang yang benar-benar mengerti. Saat pertama kali melihatnya – layar hitam yang menakutkan dengan teks berkedip – saya benar-benar berpikir, "Tidak, sama sekali tidak! Ini terlihat seperti sesuatu dari film hacker tahun 1980-an, dan saya jelas tidak cukup pintar untuk ini!" 😅
+### Alat Baris Perintah: Gerbang Menuju Kekuatan Super Pengembang
 
-Tapi inilah yang saya harap seseorang katakan kepada saya saat itu, dan yang saya katakan kepada Anda sekarang: command line tidak menakutkan – sebenarnya ini seperti berbicara langsung dengan komputer Anda. Anggap saja seperti perbedaan antara memesan makanan melalui aplikasi mewah dengan gambar dan menu (yang mudah dan nyaman) versus masuk ke restoran lokal favorit Anda di mana koki tahu persis apa yang Anda suka dan bisa membuat sesuatu yang sempurna hanya dengan Anda berkata "kejutan saya dengan sesuatu yang luar biasa."
+Oke, mari kita jujur sebentar tentang baris perintah, karena saya ingin Anda mendengarnya dari seseorang yang benar-benar mengerti. Ketika pertama kali saya melihatnya – hanya layar hitam menakutkan dengan teks berkedip – saya benar-benar berpikir, "Tidak, sama sekali tidak! Ini terlihat seperti sesuatu dari film hacker tahun 1980-an, dan saya pasti tidak cukup pintar untuk ini!" 😅
 
-Command line adalah tempat para pengembang merasa seperti penyihir sejati. Anda mengetik beberapa kata ajaib (oke, itu hanya perintah, tapi rasanya ajaib!), tekan enter, dan BOOM – Anda telah membuat struktur proyek, menginstal alat-alat canggih dari seluruh dunia, atau menerbitkan aplikasi Anda ke internet untuk dilihat jutaan orang. Setelah Anda merasakan kekuatan itu, rasanya benar-benar adiktif!
+Tapi inilah yang saya harap seseorang katakan kepada saya saat itu, dan yang saya katakan kepada Anda sekarang: baris perintah tidak menakutkan – sebenarnya seperti berbicara langsung dengan komputer Anda. Anggaplah ini seperti perbedaan antara memesan makanan lewat aplikasi mewah dengan gambar dan menu (yang mudah dan nyaman) dibandingkan masuk ke restoran lokal favorit Anda di mana kokinya tahu persis apa yang Anda suka dan bisa membuatkan sesuatu yang sempurna hanya dengan Anda berkata "kejutan sesuatu yang luar biasa."
 
-**Mengapa command line akan menjadi alat favorit Anda:**
+Baris perintah adalah tempat para pengembang merasa seperti penyihir sejati. Anda mengetik beberapa kata yang tampak ajaib (oke, sebenarnya perintah biasa, tapi terasa ajaib!), tekan enter, dan BOOM – Anda telah membuat seluruh struktur proyek, memasang alat kuat dari seluruh dunia, atau meluncurkan aplikasi Anda ke internet agar jutaan orang melihat. Setelah Anda merasakan kekuatan itu, jujur sangat adiktif!
 
-Meskipun antarmuka grafis bagus untuk banyak tugas, command line unggul dalam hal otomatisasi, presisi, dan kecepatan. Banyak alat pengembangan bekerja terutama melalui antarmuka command line, dan belajar menggunakannya dengan efisien dapat secara dramatis meningkatkan produktivitas Anda.
+**Mengapa baris perintah akan menjadi alat favorit Anda:**
+
+Meskipun antarmuka grafis bagus untuk banyak tugas, baris perintah unggul dalam otomatisasi, presisi, dan kecepatan. Banyak alat pengembangan bekerja terutama melalui antarmuka baris perintah, dan mempelajarinya dengan efisien dapat meningkatkan produktivitas Anda secara dramatis.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Langkah 1: Buat dan navigasi ke direktori proyek
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Apa yang dilakukan kode ini:**
+**Inilah yang dilakukan kode ini:**
 - **Membuat** direktori baru bernama "my-awesome-website" untuk proyek Anda
-- **Masuk** ke direktori yang baru dibuat untuk mulai bekerja
+- **Masuk** ke dalam direktori yang baru dibuat untuk mulai bekerja
 
 ```bash
-# Step 2: Initialize project with package.json
+# Langkah 2: Inisialisasi proyek dengan package.json
 npm init -y
 
-# Install modern development tools
+# Instal alat pengembangan modern
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **Langkah demi langkah, inilah yang terjadi:**
-- **Menginisialisasi** proyek Node.js baru dengan pengaturan default menggunakan `npm init -y`
-- **Menginstal** Vite sebagai alat build modern untuk pengembangan cepat dan build produksi
-- **Menambahkan** Prettier untuk format kode otomatis dan ESLint untuk pemeriksaan kualitas kode
-- **Menggunakan** flag `--save-dev` untuk menandai ini sebagai dependensi khusus pengembangan
+- **Inisialisasi** proyek Node.js baru dengan pengaturan default menggunakan `npm init -y`
+- **Pasang** Vite sebagai alat build modern untuk pengembangan cepat dan produksi
+- **Tambahkan** Prettier untuk format kode otomatis dan ESLint untuk pemeriksaan kualitas kode
+- **Gunakan** flag `--save-dev` untuk menandai ini sebagai dependensi pengembangan saja
 
 ```bash
-# Step 3: Create project structure and files
+# Langkah 3: Buat struktur dan berkas proyek
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Mulai server pengembangan
 npx vite
 ```
 
-**Dalam kode di atas, kita telah:**
-- **Mengorganisasi** proyek dengan membuat folder terpisah untuk kode sumber dan aset
+**Dalam kode di atas, kami telah:**
+- **Mengorganisir** proyek dengan membuat folder terpisah untuk kode sumber dan aset
 - **Menghasilkan** file HTML dasar dengan struktur dokumen yang benar
-- **Memulai** server pengembangan Vite untuk live reloading dan hot module replacement
+- **Menjalankan** server pengembangan Vite untuk live reload dan hot module replacement
 
-#### Alat Command Line Penting untuk Pengembangan Web
+#### Alat Baris Perintah Esensial untuk Pengembangan Web
 
 | Alat | Tujuan | Mengapa Anda Membutuhkannya |
-|------|--------|-----------------------------|
-| **[Git](https://git-scm.com/)** | Kontrol versi | Melacak perubahan, berkolaborasi dengan orang lain, mencadangkan pekerjaan Anda |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & manajemen paket | Menjalankan JavaScript di luar browser, menginstal alat pengembangan modern |
-| **[Vite](https://vitejs.dev/)** | Alat build & server pengembangan | Pengembangan super cepat dengan hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kualitas kode | Secara otomatis menemukan dan memperbaiki masalah dalam JavaScript Anda |
-| **[Prettier](https://prettier.io/)** | Format kode | Menjaga kode Anda tetap terformat dan mudah dibaca |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Kontrol versi | Melacak perubahan, kolaborasi, backup pekerjaan |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & manajemen paket | Menjalankan JavaScript di luar browser, pasang alat pengembangan modern |
+| **[Vite](https://vitejs.dev/)** | Alat build & server dev | Pengembangan cepat dengan hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kualitas kode | Temukan dan perbaiki masalah JavaScript secara otomatis |
+| **[Prettier](https://prettier.io/)** | Format kode | Jaga kode Anda konsisten dan mudah dibaca |
 
 #### Opsi Khusus Platform
 
 **Windows:**
 - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal modern dengan fitur lengkap
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Lingkungan scripting yang kuat
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Command line tradisional Windows
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Baris perintah Windows tradisional
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplikasi terminal bawaan
-- **[iTerm2](https://iterm2.com/)** - Terminal yang ditingkatkan dengan fitur canggih
+- **[iTerm2](https://iterm2.com/)** - Terminal yang ditingkatkan dengan fitur lanjutan
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell standar Linux
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell Linux standar
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator terminal canggih
 
-> 💻 = Sudah terinstal di sistem operasi
+> 💻 = Sudah terpasang di sistem operasi
 
-> 🎯 **Jalur Pembelajaran**: Mulailah dengan perintah dasar seperti `cd` (mengubah direktori), `ls` atau `dir` (daftar file), dan `mkdir` (membuat folder). Latih dengan perintah alur kerja modern seperti `npm install`, `git status`, dan `code .` (membuka direktori saat ini di VS Code). Seiring Anda semakin nyaman, Anda akan secara alami mempelajari perintah yang lebih canggih dan teknik otomatisasi.
+> 🎯 **Jalur Pembelajaran**: Mulailah dengan perintah dasar seperti `cd` (pindah direktori), `ls` atau `dir` (daftar file), dan `mkdir` (buat folder). Berlatih dengan perintah alur kerja modern seperti `npm install`, `git status`, dan `code .` (membuka direktori saat ini di VS Code). Saat Anda semakin nyaman, Anda akan secara alami mempelajari perintah dan teknik otomatisasi yang lebih maju.
 
-### Dokumentasi: Mentor Belajar yang Selalu Tersedia
 
-Baiklah, saya akan berbagi rahasia kecil yang akan membuat Anda merasa jauh lebih baik sebagai pemula: bahkan pengembang paling berpengalaman menghabiskan sebagian besar waktu mereka membaca dokumentasi. Dan itu bukan karena mereka tidak tahu apa yang mereka lakukan – itu sebenarnya tanda kebijaksanaan!
+### Dokumentasi: Mentor Belajar Anda yang Selalu Tersedia
 
-Anggap dokumentasi sebagai akses ke guru paling sabar dan berpengetahuan di dunia yang tersedia 24/7. Terjebak pada masalah jam 2 pagi? Dokumentasi ada di sana dengan pelukan virtual hangat dan jawaban yang Anda butuhkan. Ingin belajar tentang fitur baru yang keren yang sedang dibicarakan semua orang? Dokumentasi mendukung Anda dengan contoh langkah demi langkah. Mencoba memahami mengapa sesuatu bekerja seperti itu? Anda tahu – dokumentasi siap menjelaskannya dengan cara yang akhirnya membuat Anda mengerti!
+Oke, saya akan membagikan rahasia kecil yang akan membuat Anda merasa jauh lebih baik sebagai pemula: bahkan pengembang paling berpengalaman menghabiskan sebagian besar waktunya membaca dokumentasi. Dan itu bukan karena mereka tidak tahu apa yang mereka lakukan – itu sebenarnya tanda kebijaksanaan!
 
-Inilah sesuatu yang benar-benar mengubah perspektif saya: dunia pengembangan web bergerak sangat cepat, dan tidak ada (saya maksud benar-benar tidak ada!) yang mengingat semuanya. Saya telah melihat pengembang senior dengan pengalaman lebih dari 15 tahun mencari sintaks dasar, dan Anda tahu apa? Itu bukan memalukan – itu pintar! Ini bukan tentang memiliki ingatan yang sempurna; ini tentang mengetahui di mana menemukan jawaban yang dapat diandalkan dengan cepat dan memahami cara menerapkannya.
+Anggaplah dokumentasi seperti memiliki akses ke guru paling sabar dan berpengetahuan di dunia yang tersedia 24/7. Terjebak pada masalah jam 2 pagi? Dokumentasi hadir dengan pelukan virtual hangat dan jawaban yang tepat Anda butuhkan. Mau belajar fitur baru keren yang sedang ramai dibicarakan? Dokumentasi mendukung Anda dengan contoh langkah demi langkah. Mencoba memahami mengapa sesuatu bekerja seperti itu? Anda benar – dokumentasi siap menjelaskannya sampai Anda benar-benar paham!
 
-**Di sinilah keajaiban sebenarnya terjadi:**
+Ini sesuatu yang benar-benar mengubah perspektif saya: dunia pengembangan web bergerak sangat cepat, dan tidak ada siapa pun (benar-benar tidak ada!) yang menghafal semuanya. Saya pernah melihat pengembang senior dengan pengalaman 15+ tahun mencari sintaks dasar, dan tahu apa? Itu bukan memalukan – itu pintar! Bukan soal menghafal sempurna; ini soal tahu di mana menemukan jawaban yang dapat dipercaya dengan cepat dan memahami cara menggunakannya.
 
-Pengembang profesional menghabiskan sebagian besar waktu mereka membaca dokumentasi – bukan karena mereka tidak tahu apa yang mereka lakukan, tetapi karena lanskap pengembangan web berkembang begitu cepat sehingga tetap terkini membutuhkan pembelajaran terus-menerus. Dokumentasi yang baik membantu Anda memahami tidak hanya *bagaimana* menggunakan sesuatu, tetapi juga *mengapa* dan *kapan* menggunakannya.
+**Inilah tempat keajaiban sebenarnya terjadi:**
+
+Pengembang profesional menghabiskan banyak waktu membaca dokumentasi – bukan karena tidak tahu apa yang dilakukan, tetapi karena lanskap pengembangan web berkembang begitu cepat sehingga tetap up-to-date membutuhkan pembelajaran terus-menerus. Dokumentasi bagus membantu Anda memahami bukan hanya *bagaimana* menggunakan sesuatu, tetapi *mengapa* dan *kapan* menggunakannya.
 
 #### Sumber Dokumentasi Penting
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - Standar emas untuk dokumentasi teknologi web
-- Panduan lengkap untuk HTML, CSS, dan JavaScript
+- Panduan komprehensif untuk HTML, CSS, dan JavaScript
 - Termasuk informasi kompatibilitas browser
-- Menampilkan contoh praktis dan demo interaktif
+- Menyediakan contoh praktis dan demo interaktif
 
 **[Web.dev](https://web.dev)** (oleh Google)
 - Praktik terbaik pengembangan web modern
-- Panduan optimasi kinerja
-- Prinsip desain inklusif dan aksesibilitas
+- Panduan optimasi performa
+- Prinsip aksesibilitas dan desain inklusif
 - Studi kasus dari proyek dunia nyata
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
@@ -700,159 +697,159 @@ Pengembang profesional menghabiskan sebagian besar waktu mereka membaca dokument
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - Kurikulum pembelajaran terstruktur
-- Kursus video dari pakar industri
-- Latihan coding langsung
+- Kursus video dari para ahli industri
+- Latihan pengkodean langsung
 
-> 📚 **Strategi Belajar**: Jangan mencoba menghafal dokumentasi – sebaliknya, pelajari cara menavigasinya dengan efisien. Tandai referensi yang sering digunakan dan latih menggunakan fungsi pencarian untuk menemukan informasi spesifik dengan cepat.
+> 📚 **Strategi Belajar**: Jangan mencoba menghafal dokumentasi – sebaliknya, pelajari cara menavigasi dengan efisien. Tandai referensi yang sering digunakan dan latih menggunakan fungsi pencarian untuk menemukan informasi spesifik dengan cepat.
 
-### 🔧 **Cek Penguasaan Alat: Apa yang Menarik Perhatian Anda?**
+### 🔧 **Pemeriksaan Penguasaan Alat: Apa yang Membekas Pada Anda?**
 
-**Luangkan waktu sejenak untuk mempertimbangkan:**
-- Alat mana yang paling Anda ingin coba pertama kali? (Tidak ada jawaban yang salah!)
-- Apakah command line masih terasa menakutkan, atau Anda mulai penasaran?
-- Bisakah Anda membayangkan menggunakan DevTools browser untuk mengintip di balik layar situs web favorit Anda?
+**Luangkan waktu untuk mempertimbangkan:**
+- Alat mana yang paling Anda ingin coba dulu? (Tidak ada jawaban salah!)
+- Apakah baris perintah masih terasa menakutkan, atau Anda semakin penasaran?
+- Bisakah Anda membayangkan menggunakan DevTools browser untuk mengintip sisi dalam situs favorit Anda?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
+pie title "Waktu Pengembang yang Di Habiskan Dengan Alat"
+    "Editor Kode" : 40
+    "Pengujian Browser" : 25
+    "Baris Perintah" : 15
+    "Membaca Dokumen" : 15
     "Debugging" : 5
 ```
+> **Wawasan menyenangkan**: Sebagian besar pengembang menghabiskan sekitar 40% waktunya di editor kode, tapi perhatikan berapa banyak waktu yang dihabiskan untuk pengujian, belajar, dan memecahkan masalah. Pemrograman bukan hanya tentang menulis kode – ini tentang menciptakan pengalaman!
 
-> **Wawasan menarik**: Sebagian besar pengembang menghabiskan sekitar 40% waktu mereka di editor kode, tetapi perhatikan berapa banyak waktu yang dihabiskan untuk pengujian, pembelajaran, dan pemecahan masalah. Pemrograman bukan hanya tentang menulis kode – ini tentang menciptakan pengalaman!
-
-✅ **Bahan untuk dipikirkan**: Berikut sesuatu yang menarik untuk direnungkan – bagaimana menurut Anda alat untuk membangun situs web (pengembangan) mungkin berbeda dari alat untuk mendesain tampilannya (desain)? Ini seperti perbedaan antara menjadi arsitek yang merancang rumah indah dan kontraktor yang benar-benar membangunnya. Keduanya sangat penting, tetapi membutuhkan kotak alat yang berbeda! Pemikiran seperti ini benar-benar akan membantu Anda melihat gambaran besar bagaimana situs web tercipta.
+✅ **Bahan renungan**: Ini sesuatu yang menarik untuk dipikirkan – menurut Anda, alat membangun situs web (pengembangan) mungkin berbeda apa ya dengan alat mendesain bagaimana tampilannya (desain)? Ini seperti perbedaan antara arsitek yang merancang rumah indah dan kontraktor yang membangunnya. Keduanya penting, tetapi membutuhkan kotak peralatan berbeda! Jenis pemikiran ini akan membantu Anda melihat gambaran besar bagaimana situs web menjadi hidup.
 
-## Tantangan Agen GitHub Copilot 🚀
+## Tantangan GitHub Copilot Agent 🚀
 
 Gunakan mode Agen untuk menyelesaikan tantangan berikut:
 
-**Deskripsi:** Jelajahi fitur editor kode modern atau IDE dan tunjukkan bagaimana itu dapat meningkatkan alur kerja Anda sebagai pengembang web.
+**Deskripsi:** Jelajahi fitur editor kode modern atau IDE dan tunjukkan bagaimana alat itu dapat meningkatkan alur kerja Anda sebagai pengembang web.
 
-**Prompt:** Pilih editor kode atau IDE (seperti Visual Studio Code, WebStorm, atau IDE berbasis cloud). Daftar tiga fitur atau ekstensi yang membantu Anda menulis, debug, atau memelihara kode lebih efisien. Untuk masing-masing, berikan penjelasan singkat tentang bagaimana itu bermanfaat bagi alur kerja Anda.
+**Prompt:** Pilih editor kode atau IDE (seperti Visual Studio Code, WebStorm, atau IDE berbasis cloud). Daftar tiga fitur atau ekstensi yang membantu Anda menulis, debug, atau memelihara kode dengan lebih efisien. Untuk masing-masing, berikan penjelasan singkat bagaimana itu menguntungkan alur kerja Anda.
 
 ---
 
 ## 🚀 Tantangan
 
-**Baiklah, detektif, siap untuk kasus pertama Anda?**
+**Oke, detektif, siap untuk kasus pertama Anda?**
 
-Sekarang setelah Anda memiliki dasar yang luar biasa ini, saya punya petualangan yang akan membantu Anda melihat betapa beragam dan menariknya dunia pemrograman. Dan dengar – ini bukan tentang menulis kode dulu, jadi tidak ada tekanan di sana! Anggap diri Anda sebagai detektif bahasa pemrograman dalam kasus pertama yang sangat menarik!
+Sekarang Anda telah memiliki fondasi hebat ini, saya punya petualangan yang akan membantu Anda melihat betapa beragam dan menariknya dunia pemrograman sesungguhnya. Dan dengarkan – ini bukan soal menulis kode dulu, jadi jangan merasa tertekan! Anggap diri Anda sebagai detektif bahasa pemrograman pada kasus pertama yang seru ini!
 
-**Misi Anda, jika Anda memilih untuk menerimanya:**
-1. **Jadilah penjelajah bahasa**: Pilih tiga bahasa pemrograman dari dunia yang benar-benar berbeda – mungkin satu yang membangun situs web, satu yang membuat aplikasi seluler, dan satu yang menganalisis data untuk para ilmuwan. Temukan contoh tugas sederhana yang sama yang ditulis dalam setiap bahasa. Saya jamin Anda akan benar-benar kagum melihat betapa berbeda mereka bisa terlihat saat melakukan hal yang sama!
+**Misi Anda, jika Anda memutuskan untuk menerimanya:**
+1. **Jadilah penjelajah bahasa:** Pilih tiga bahasa pemrograman dari dunia yang benar-benar berbeda – mungkin satu yang membangun situs web, satu yang membuat aplikasi seluler, dan satu yang mengolah data untuk ilmuwan. Temukan contoh tugas sederhana yang sama ditulis dalam setiap bahasa. Saya jamin Anda akan sangat takjub melihat betapa berbeda tampilannya walaupun melakukan hal yang sama!
 
-2. **Ungkap cerita asal mereka**: Apa yang membuat setiap bahasa istimewa? Berikut fakta keren – setiap bahasa pemrograman diciptakan karena seseorang berpikir, "Anda tahu apa? Harus ada cara yang lebih baik untuk menyelesaikan masalah ini." Bisakah Anda mencari tahu apa masalah itu? Beberapa cerita ini benar-benar menarik!
+2. **Ungkap cerita asal-usulnya:** Apa yang membuat setiap bahasa istimewa? Ini fakta keren – setiap bahasa pemrograman dibuat karena seseorang berpikir, "Tahu nggak? Harus ada cara lebih baik untuk menyelesaikan masalah spesifik ini." Bisakah Anda cari tahu masalah apa yang mereka selesaikan? Beberapa cerita ini benar-benar menarik!
 
-3. **Temui komunitasnya**: Lihat bagaimana ramah dan penuh semangat komunitas setiap bahasa. Beberapa memiliki jutaan pengembang yang berbagi pengetahuan dan saling membantu, yang lain lebih kecil tetapi sangat erat dan mendukung. Anda akan menyukai melihat kepribadian berbeda yang dimiliki komunitas ini!
+3. **Temui komunitasnya:** Lihat seberapa ramah dan antusias komunitas masing-masing bahasa. Beberapa punya jutaan pengembang berbagi ilmu dan saling membantu, yang lain lebih kecil tapi sangat kompak dan suportif. Anda akan senang melihat berbagai kepribadian komunitas ini!
 
-4. **Ikuti insting Anda**: Bahasa mana yang terasa paling mudah didekati bagi Anda saat ini? Jangan stres tentang membuat pilihan "sempurna" – cukup dengarkan insting Anda! Tidak ada jawaban yang salah di sini, dan Anda selalu bisa menjelajahi yang lain nanti.
+4. **Ikuti intuisi Anda:** Bahasa mana yang terasa paling mudah didekati bagi Anda sekarang? Jangan khawatir soal memilih yang "sempurna" – cukup dengarkan insting Anda! Tidak ada jawaban salah di sini, dan Anda selalu bisa menjelajahi lainnya nanti.
 
-**Pekerjaan detektif bonus**: Cari tahu situs web atau aplikasi besar apa yang dibangun dengan setiap bahasa. Saya jamin Anda akan terkejut mengetahui apa yang menggerakkan Instagram, Netflix, atau game seluler yang tidak bisa Anda hentikan!
+**Kerja bonus detektif:** Cari tahu situs web atau aplikasi besar apa saja yang dibangun dengan masing-masing bahasa. Saya jamin Anda akan terkejut mengetahui apa yang menjalankan Instagram, Netflix, atau game seluler favorit Anda yang tidak bisa berhenti dimainkan!
 
-> 💡 **Ingat**: Anda tidak mencoba menjadi ahli dalam salah satu bahasa ini hari ini. Anda hanya mengenal lingkungan sebelum memutuskan di mana Anda ingin menetap. Luangkan waktu Anda, nikmati, dan biarkan rasa ingin tahu Anda memandu Anda!
+> 💡 **Ingat**: Anda tidak mencoba menjadi ahli di salah satu bahasa hari ini. Anda hanya mengenal lingkungan di sekitarnya sebelum memutuskan tempat yang ingin Anda jadikan markas. Santai saja, bersenang-senanglah, dan biarkan rasa ingin tahu memandu Anda!
 
-## Mari Rayakan Apa yang Telah Anda Temukan!
+## Mari Rayakan Apa yang Sudah Anda Temukan!
 
-Wow, Anda telah menyerap begitu banyak informasi luar biasa hari ini! Saya benar-benar bersemangat melihat seberapa banyak dari perjalanan luar biasa ini yang melekat pada Anda. Dan ingat – ini bukan ujian di mana Anda harus mendapatkan semuanya dengan sempurna. Ini lebih seperti perayaan semua hal keren yang telah Anda pelajari tentang dunia yang menarik ini yang akan Anda masuki!
+Astaga, Anda telah menyerap begitu banyak informasi hebat hari ini! Saya benar-benar bersemangat melihat seberapa banyak dari perjalanan menakjubkan ini yang sudah Anda ingat. Dan ingat – ini bukan ujian yang harus sempurna. Ini lebih seperti perayaan semua hal keren yang sudah Anda pelajari tentang dunia menarik yang akan Anda masuki!
 
-[Ambil kuis pasca-pelajaran](https://ff-quizzes.netlify.app/web/)
-## Tinjauan & Belajar Mandiri
+[Ikuti kuis pasca-pembelajaran](https://ff-quizzes.netlify.app/web/)
 
-**Luangkan waktu untuk menjelajahi dan bersenang-senang!**
+## Ulasan & Belajar Mandiri
 
-Hari ini kamu telah mempelajari banyak hal, dan itu adalah sesuatu yang patut dibanggakan! Sekarang saatnya bagian yang menyenangkan – menjelajahi topik yang menarik perhatianmu. Ingat, ini bukan tugas – ini adalah petualangan!
+**Luangkan waktu untuk mengeksplorasi dan bersenang-senang!**
+Anda telah melangkah jauh hari ini, dan itu adalah sesuatu yang patut dibanggakan! Sekarang saatnya bagian yang menyenangkan – menjelajahi topik-topik yang memicu rasa penasaran Anda. Ingat, ini bukan pekerjaan rumah – ini adalah petualangan!
 
-**Mendalami hal yang membuatmu bersemangat:**
+**Menyelami lebih dalam apa yang membuat Anda bersemangat:**
 
-**Praktik langsung dengan bahasa pemrograman:**
-- Kunjungi situs resmi dari 2-3 bahasa yang menarik perhatianmu. Setiap bahasa memiliki kepribadian dan ceritanya sendiri!
-- Coba beberapa playground coding online seperti [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), atau [Replit](https://replit.com/). Jangan takut untuk bereksperimen – kamu tidak akan merusak apa pun!
-- Baca tentang bagaimana bahasa favoritmu diciptakan. Serius, beberapa cerita asal-usulnya sangat menarik dan akan membantumu memahami mengapa bahasa tersebut bekerja seperti itu.
+**Berinteraksi langsung dengan bahasa pemrograman:**
+- Kunjungi situs resmi 2-3 bahasa yang menarik perhatian Anda. Masing-masing memiliki kepribadian dan kisahnya sendiri!
+- Coba beberapa playground coding online seperti [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), atau [Replit](https://replit.com/). Jangan takut bereksperimen – Anda tidak akan merusak apa pun!
+- Baca tentang bagaimana bahasa favorit Anda terbentuk. Serius, beberapa cerita asal usul ini sangat menarik dan akan membantu Anda memahami mengapa bahasa bekerja seperti itu.
 
-**Kenali alat-alat barumu:**
-- Unduh Visual Studio Code jika belum – ini gratis dan kamu pasti akan menyukainya!
-- Luangkan beberapa menit untuk menjelajahi marketplace Extensions. Ini seperti toko aplikasi untuk editor kodenya!
-- Buka Developer Tools di browsermu dan klik di sana-sini. Jangan khawatir jika belum memahami semuanya – cukup kenali apa saja yang ada di sana.
+**Mengenal alat baru Anda:**
+- Unduh Visual Studio Code jika Anda belum melakukannya – ini gratis dan Anda akan menyukainya!
+- Luangkan beberapa menit untuk menjelajahi marketplace Extensions. Ini seperti toko aplikasi untuk editor kode Anda!
+- Buka Developer Tools browser Anda dan klik-clic saja. Jangan khawatir memahami semuanya – cukup kenali apa yang ada di sana.
 
 **Bergabung dengan komunitas:**
-- Ikuti beberapa komunitas pengembang di [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), atau [GitHub](https://github.com/). Komunitas pemrograman sangat ramah terhadap pemula!
-- Tonton beberapa video coding yang ramah pemula di YouTube. Ada banyak kreator hebat di luar sana yang mengingat bagaimana rasanya memulai.
-- Pertimbangkan untuk bergabung dengan meetup lokal atau komunitas online. Percayalah, pengembang senang membantu pemula!
+- Ikuti beberapa komunitas pengembang di [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), atau [GitHub](https://github.com/). Komunitas pemrograman sangat ramah terhadap pendatang baru!
+- Tonton beberapa video coding ramah pemula di YouTube. Ada banyak pembuat konten hebat di luar sana yang ingat bagaimana rasanya memulai.
+- Pertimbangkan bergabung dengan meetups lokal atau komunitas online. Percayalah, para pengembang senang membantu pendatang baru!
 
-> 🎯 **Dengar, ini yang ingin aku sampaikan**: Kamu tidak diharapkan menjadi ahli coding dalam semalam! Saat ini, kamu hanya sedang mengenal dunia luar biasa yang akan kamu masuki. Luangkan waktu, nikmati perjalanan, dan ingat – setiap pengembang yang kamu kagumi dulu pernah berada di posisi yang sama seperti kamu sekarang, merasa bersemangat dan mungkin sedikit kewalahan. Itu sangat normal, dan itu berarti kamu sedang melakukannya dengan benar!
+> 🎯 **Dengar, ini yang saya ingin Anda ingat**: Anda tidak diharapkan menjadi ahli coding dalam semalam! Saat ini, Anda baru mengenal dunia luar biasa yang akan menjadi bagian Anda. Santai saja, nikmati perjalanan, dan ingat – setiap pengembang yang Anda kagumi dulu juga pernah duduk tepat di tempat Anda sekarang, merasa bersemangat dan mungkin sedikit kewalahan. Itu sangat normal, dan itu berarti Anda melangkah dengan benar!
 
 
 
 ## Tugas
 
-[Reading the Docs](assignment.md)
+[Membaca Dokumentasi](assignment.md)
 
-> 💡 **Sedikit dorongan untuk tugasmu**: Aku sangat ingin melihatmu menjelajahi beberapa alat yang belum kita bahas! Lewati editor, browser, dan alat command line yang sudah kita bicarakan – ada seluruh dunia alat pengembangan luar biasa di luar sana yang menunggu untuk ditemukan. Cari yang aktif dipelihara dan memiliki komunitas yang hidup dan membantu (biasanya alat seperti ini memiliki tutorial terbaik dan orang-orang yang paling mendukung saat kamu mengalami kesulitan dan membutuhkan bantuan).
+> 💡 **Sedikit dorongan untuk tugas Anda**: Saya sangat ingin melihat Anda menjelajahi beberapa alat yang belum kita bahas! Lewatkan editor, browser, dan alat baris perintah yang sudah kita bicarakan – ada semesta alat pengembangan luar biasa lainnya yang menunggu untuk ditemukan. Cari yang aktif dipelihara dan memiliki komunitas yang hidup dan membantu (biasanya mereka punya tutorial terbaik dan orang-orang paling suportif saat Anda mengalami kebuntuan dan butuh bantuan ramah).
 
 ---
 
-## 🚀 Garis Waktu Perjalanan Pemrogramanmu
+## 🚀 Garis Waktu Perjalanan Pemrograman Anda
 
-### ⚡ **Yang Bisa Kamu Lakukan dalam 5 Menit ke Depan**
-- [ ] Tandai 2-3 situs web bahasa pemrograman yang menarik perhatianmu
-- [ ] Unduh Visual Studio Code jika belum
-- [ ] Buka DevTools di browsermu (F12) dan klik di sana-sini di situs web mana saja
+### ⚡ **Apa yang Bisa Anda Lakukan Dalam 5 Menit ke Depan**
+- [ ] Tandai 2-3 situs bahasa pemrograman yang menarik perhatian Anda
+- [ ] Unduh Visual Studio Code jika belum dilakukan
+- [ ] Buka DevTools browser Anda (F12) dan klik-klick di sembarang situs web
 - [ ] Bergabung dengan satu komunitas pemrograman (Dev.to, Reddit r/webdev, atau Stack Overflow)
 
-### ⏰ **Yang Bisa Kamu Capai dalam Satu Jam**
-- [ ] Selesaikan kuis pasca-pelajaran dan refleksikan jawabanmu
-- [ ] Pasang VS Code dengan ekstensi GitHub Copilot
-- [ ] Coba contoh "Hello World" di 2 bahasa pemrograman yang berbeda secara online
-- [ ] Tonton video "Day in the Life of a Developer" di YouTube
-- [ ] Mulai pekerjaan detektif bahasa pemrogramanmu (dari tantangan)
+### ⏰ **Apa yang Bisa Anda Capai Dalam Satu Jam Ini**
+- [ ] Selesaikan kuis pasca-pelajaran dan renungkan jawaban Anda
+- [ ] Siapkan VS Code dengan ekstensi GitHub Copilot
+- [ ] Coba contoh "Hello World" di 2 bahasa pemrograman berbeda secara online
+- [ ] Tonton video "Sehari Dalam Kehidupan Seorang Pengembang" di YouTube
+- [ ] Mulai pekerjaan detektif bahasa pemrograman Anda (dari tantangan)
 
-### 📅 **Petualangan Selama Seminggu**
+### 📅 **Petualangan Anda Selama Seminggu**
 - [ ] Selesaikan tugas dan jelajahi 3 alat pengembangan baru
 - [ ] Ikuti 5 pengembang atau akun pemrograman di media sosial
-- [ ] Coba membuat sesuatu kecil di CodePen atau Replit (bahkan hanya "Hello, [Nama Kamu]!")
+- [ ] Coba bangun sesuatu yang kecil di CodePen atau Replit (bahkan hanya "Hello, [Nama Anda]!")
 - [ ] Baca satu posting blog pengembang tentang perjalanan coding seseorang
-- [ ] Bergabung dengan meetup virtual atau tonton pembicaraan tentang pemrograman
-- [ ] Mulai belajar bahasa pilihanmu dengan tutorial online
+- [ ] Ikuti meetup virtual atau tonton ceramah pemrograman
+- [ ] Mulai belajar bahasa pilihan Anda dengan tutorial online
 
-### 🗓️ **Transformasi Selama Sebulan**
-- [ ] Buat proyek kecil pertamamu (bahkan halaman web sederhana pun sudah cukup!)
+### 🗓️ **Transformasi Anda Selama Sebulan**
+- [ ] Bangun proyek kecil pertama Anda (bahkan halaman web sederhana sudah dihitung!)
 - [ ] Berkontribusi pada proyek open-source (mulai dengan perbaikan dokumentasi)
-- [ ] Mentor seseorang yang baru memulai perjalanan pemrogramannya
-- [ ] Buat situs web portofolio pengembangmu
+- [ ] Mentori seseorang yang baru memulai perjalanan pemrogramannya
+- [ ] Buat situs portofolio pengembang Anda
 - [ ] Terhubung dengan komunitas pengembang lokal atau kelompok belajar
-- [ ] Mulai merencanakan tonggak pembelajaran berikutnya
+- [ ] Mulai rencanakan tonggak pembelajaran berikutnya
 
 ### 🎯 **Refleksi Akhir**
 
-**Sebelum melanjutkan, luangkan waktu untuk merayakan:**
-- Apa satu hal tentang pemrograman yang membuatmu bersemangat hari ini?
-- Alat atau konsep mana yang ingin kamu eksplorasi pertama kali?
-- Bagaimana perasaanmu tentang memulai perjalanan pemrograman ini?
-- Apa satu pertanyaan yang ingin kamu tanyakan kepada pengembang saat ini?
+**Sebelum melanjutkan, luangkan waktu merayakan:**
+- Apa satu hal tentang pemrograman yang membuat Anda bersemangat hari ini?
+- Alat atau konsep apa yang ingin Anda eksplorasi duluan?
+- Bagaimana perasaan Anda tentang memulai perjalanan pemrograman ini?
+- Apa satu pertanyaan yang ingin Anda tanyakan kepada pengembang sekarang?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Perjalanan Membangun Kepercayaan Dirimu
+    section Hari Ini
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Minggu Ini
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Bulan Depan
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Ingat**: Setiap ahli dulunya adalah pemula. Setiap pengembang senior dulu pernah merasa persis seperti yang kamu rasakan sekarang – bersemangat, mungkin sedikit kewalahan, dan pasti penasaran dengan apa yang mungkin dicapai. Kamu berada di lingkungan yang luar biasa, dan perjalanan ini akan menjadi luar biasa. Selamat datang di dunia pemrograman yang menakjubkan! 🎉
+> 🌟 **Ingatlah**: Setiap ahli dulu adalah pemula. Setiap pengembang senior pernah merasakan persis seperti Anda sekarang – bersemangat, mungkin sedikit kewalahan, dan tentu penasaran tentang apa yang mungkin dilakukan. Anda berada dalam lingkaran luar biasa, dan perjalanan ini akan sangat mengagumkan. Selamat datang di dunia pemrograman yang menakjubkan! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan layanan penerjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk memberikan hasil yang akurat, harap diketahui bahwa terjemahan otomatis dapat mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi yang bersifat kritis, disarankan menggunakan jasa penerjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau interpretasi yang keliru yang timbul dari penggunaan terjemahan ini.
\ No newline at end of file
+Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk memberikan terjemahan yang akurat, harap diketahui bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi yang sangat penting, disarankan menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau salah tafsir yang timbul dari penggunaan terjemahan ini.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/id/AGENTS.md b/translations/id/AGENTS.md
index 1e2e5161a..15bfc7bc2 100644
--- a/translations/id/AGENTS.md
+++ b/translations/id/AGENTS.md
@@ -2,23 +2,23 @@
 
 ## Gambaran Proyek
 
-Ini adalah repositori kurikulum pendidikan untuk mengajarkan dasar-dasar pengembangan web kepada pemula. Kurikulum ini merupakan kursus komprehensif selama 12 minggu yang dikembangkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktis yang mencakup JavaScript, CSS, dan HTML.
+Ini adalah repositori kurikulum edukasi untuk mengajarkan dasar-dasar pengembangan web kepada pemula. Kurikulum ini adalah kursus komprehensif selama 12 minggu yang dikembangkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktis yang mencakup JavaScript, CSS, dan HTML.
 
 ### Komponen Utama
 
-- **Konten Pendidikan**: 24 pelajaran terstruktur yang disusun dalam modul berbasis proyek
+- **Konten Edukasi**: 24 pelajaran terstruktur yang diorganisir dalam modul berbasis proyek
 - **Proyek Praktis**: Terrarium, Permainan Mengetik, Ekstensi Browser, Permainan Luar Angkasa, Aplikasi Perbankan, Editor Kode, dan Asisten Chat AI
-- **Kuis Interaktif**: 48 kuis dengan 3 pertanyaan masing-masing (penilaian sebelum/sesudah pelajaran)
-- **Dukungan Multi-bahasa**: Terjemahan otomatis untuk lebih dari 50 bahasa melalui GitHub Actions
+- **Kuis Interaktif**: 48 kuis dengan 3 pertanyaan setiap kuis (penilaian sebelum/sesudah pelajaran)
+- **Dukungan Multi-bahasa**: Terjemahan otomatis untuk 50+ bahasa melalui GitHub Actions
 - **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk proyek AI)
 
 ### Arsitektur
 
 - Repositori edukasi dengan struktur berbasis pelajaran
-- Setiap folder pelajaran berisi README, contoh kode, dan solusi
-- Proyek mandiri di direktori terpisah (quiz-app, berbagai proyek pelajaran)
-- Sistem penerjemahan menggunakan GitHub Actions (co-op-translator)
-- Dokumentasi disajikan via Docsify dan tersedia dalam format PDF
+- Folder setiap pelajaran berisi README, contoh kode, dan solusi
+- Proyek mandiri dalam direktori terpisah (quiz-app, berbagai proyek pelajaran)
+- Sistem terjemahan menggunakan GitHub Actions (co-op-translator)
+- Dokumentasi disajikan melalui Docsify dan tersedia dalam format PDF
 
 ## Perintah Setup
 
@@ -84,8 +84,8 @@ python api.py
 2. **Clone fork Anda** secara lokal
 3. **Buat cabang baru** untuk perubahan Anda
 4. Lakukan perubahan pada konten pelajaran atau contoh kode
-5. Uji setiap perubahan kode di direktori proyek terkait
-6. Ajukan pull request sesuai panduan kontribusi
+5. Uji perubahan kode di direktori proyek terkait
+6. Kirim pull request sesuai panduan kontribusi
 
 ### Untuk Pembelajar
 
@@ -93,7 +93,7 @@ python api.py
 2. Navigasi ke direktori pelajaran secara berurutan
 3. Baca file README untuk setiap pelajaran
 4. Selesaikan kuis sebelum pelajaran di https://ff-quizzes.netlify.app/web/
-5. Kerjakan contoh kode dalam folder pelajaran
+5. Kerjakan contoh kode di folder pelajaran
 6. Selesaikan tugas dan tantangan
 7. Ikuti kuis setelah pelajaran
 
@@ -101,8 +101,8 @@ python api.py
 
 - **Dokumentasi**: Jalankan `docsify serve` di root (port 3000)
 - **Quiz App**: Jalankan `npm run dev` di direktori quiz-app
-- **Proyek**: Gunakan ekstensi VS Code Live Server untuk proyek HTML
-- **API Proyek**: Jalankan `npm start` di direktori API masing-masing
+- **Proyek**: Gunakan ekstensi Live Server di VS Code untuk proyek HTML
+- **Proyek API**: Jalankan `npm start` di direktori API terkait
 
 ## Instruksi Pengujian
 
@@ -111,10 +111,10 @@ python api.py
 ```bash
 cd quiz-app
 npm run lint       # Periksa masalah gaya kode
-npm run build      # Verifikasi build berhasil
+npm run build      # Verifikasi pembangunan berhasil
 ```
 
-### Pengujian Bank API
+### Pengujian API Bank
 
 ```bash
 cd 7-bank-project/api
@@ -124,28 +124,28 @@ node server.js     # Verifikasi server mulai tanpa kesalahan
 
 ### Pendekatan Pengujian Umum
 
-- Ini adalah repositori edukasi tanpa pengujian otomatis lengkap
+- Ini adalah repositori edukasi tanpa pengujian otomatis menyeluruh
 - Pengujian manual fokus pada:
   - Contoh kode berjalan tanpa error
   - Tautan di dokumentasi berfungsi dengan benar
-  - Build proyek selesai dengan sukses
+  - Proyek berhasil dibangun
   - Contoh mengikuti praktik terbaik
 
-### Pemeriksaan Pra-pengajuan
+### Pemeriksaan Sebelum Pengiriman
 
-- Jalankan `npm run lint` di direktori dengan package.json
+- Jalankan `npm run lint` di direktori dengan file package.json
 - Verifikasi tautan markdown valid
 - Uji contoh kode di browser atau Node.js
-- Periksa bahwa terjemahan mempertahankan struktur yang benar
+- Cek bahwa terjemahan mempertahankan struktur yang tepat
 
 ## Pedoman Gaya Kode
 
 ### JavaScript
 
 - Gunakan sintaks ES6+ modern
-- Ikuti konfigurasi ESLint standar yang disediakan di proyek
+- Ikuti konfigurasi ESLint standar dalam proyek
 - Gunakan nama variabel dan fungsi yang bermakna untuk kejelasan edukasi
-- Tambahkan komentar menjelaskan konsep untuk pembelajar
+- Tambahkan komentar yang menjelaskan konsep untuk pembelajar
 - Format menggunakan Prettier jika dikonfigurasi
 
 ### HTML/CSS
@@ -153,39 +153,39 @@ node server.js     # Verifikasi server mulai tanpa kesalahan
 - Elemen HTML5 semantik
 - Prinsip desain responsif
 - Konvensi penamaan kelas yang jelas
-- Komentar menjelaskan teknik CSS untuk pembelajar
+- Komentar yang menjelaskan teknik CSS untuk pembelajar
 
 ### Python
 
 - Pedoman gaya PEP 8
 - Contoh kode yang jelas dan edukatif
-- Tipe hint jika membantu pembelajaran
+- Type hint jika membantu proses pembelajaran
 
 ### Dokumentasi Markdown
 
-- Hierarki heading yang jelas
-- Blok kode dengan spesifikasi bahasa
-- Tautan ke sumber daya tambahan
-- Tangkapan layar dan gambar di direktori `images/`
-- Teks alternatif untuk gambar guna aksesibilitas
+- Hirarki heading yang jelas
+- Blok kode dengan penentuan bahasa
+- Tautan ke sumber tambahan
+- Screenshot dan gambar di direktori `images/`
+- Teks alt untuk gambar demi aksesibilitas
 
-### Organisasi Berkas
+### Organisasi File
 
-- Pelajaran bernomor berurutan (1-getting-started-lessons, 2-js-basics, dll.)
+- Pelajaran bernomor secara berurutan (1-getting-started-lessons, 2-js-basics, dll)
 - Setiap proyek memiliki direktori `solution/` dan sering `start/` atau `your-work/`
 - Gambar disimpan di folder `images/` khusus pelajaran
-- Terjemahan di struktur `translations/{kode-bahasa}/`
+- Terjemahan di struktur `translations/{language-code}/`
 
-## Build dan Deployment
+## Pembangunan dan Deploy
 
-### Deployment Quiz App (Azure Static Web Apps)
+### Deploy Quiz App (Azure Static Web Apps)
 
 quiz-app dikonfigurasi untuk deployment Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Membuat folder dist/
-# Menerapkan melalui alur kerja GitHub Actions saat push ke main
+# Menerapkan melalui workflow GitHub Actions saat push ke main
 ```
 
 Konfigurasi Azure Static Web Apps:
@@ -193,10 +193,10 @@ Konfigurasi Azure Static Web Apps:
 - **Lokasi output**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generasi PDF Dokumentasi
+### Pembuatan PDF Dokumentasi
 
 ```bash
-npm install                    # Instal docsify-to-pdf
+npm install                    # Pasang docsify-to-pdf
 npm run convert               # Hasilkan PDF dari docs
 ```
 
@@ -207,7 +207,7 @@ npm install -g docsify-cli    # Instal Docsify secara global
 docsify serve                 # Jalankan di localhost:3000
 ```
 
-### Build Proyek Spesifik
+### Build Spesifik Proyek
 
 Setiap direktori proyek mungkin memiliki proses build sendiri:
 - Proyek Vue: `npm run build` membuat bundle produksi
@@ -218,14 +218,14 @@ Setiap direktori proyek mungkin memiliki proses build sendiri:
 ### Format Judul
 
 Gunakan judul yang jelas dan deskriptif menunjukkan area perubahan:
-- `[Quiz-app] Tambahkan kuis baru untuk pelajaran X`
+- `[Quiz-app] Tambah kuis baru untuk pelajaran X`
 - `[Lesson-3] Perbaiki typo di proyek terrarium`
-- `[Translation] Tambahkan terjemahan Spanyol untuk pelajaran 5`
+- `[Translation] Tambah terjemahan Spanyol untuk pelajaran 5`
 - `[Docs] Perbarui instruksi setup`
 
 ### Pemeriksaan Wajib
 
-Sebelum mengajukan PR:
+Sebelum mengirim PR:
 
 1. **Kualitas Kode**:
    - Jalankan `npm run lint` di direktori proyek terkait
@@ -239,44 +239,44 @@ Sebelum mengajukan PR:
    - Uji semua tautan markdown
    - Verifikasi referensi gambar berfungsi
 
-4. **Review Konten**:
-   - Koreksi ejaan dan tata bahasa
+4. **Tinjauan Konten**:
+   - Baca ulang untuk ejaan dan tata bahasa
    - Pastikan contoh kode benar dan edukatif
    - Verifikasi terjemahan mempertahankan makna asli
 
 ### Persyaratan Kontribusi
 
-- Setujui Microsoft CLA (pemeriksaan otomatis di PR pertama)
+- Setuju dengan Microsoft CLA (cek otomatis di PR pertama)
 - Ikuti [Kode Etik Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
 - Lihat [CONTRIBUTING.md](./CONTRIBUTING.md) untuk panduan detail
-- Cantumkan nomor isu di deskripsi PR jika berlaku
+- Referensikan nomor isu di deskripsi PR jika berlaku
 
 ### Proses Review
 
-- PR akan direview oleh pemelihara dan komunitas
-- Kejelasan edukasi diutamakan
-- Contoh kode harus mengikuti praktik terbaik saat ini
-- Terjemahan direview untuk keakuratan dan kesesuaian budaya
+- PR direview oleh maintainers dan komunitas
+- Kejelasan edukasi diprioritaskan
+- Contoh kode harus mengikuti praktik terbaik terkini
+- Terjemahan direview untuk akurasi dan kesesuaian budaya
 
 ## Sistem Terjemahan
 
 ### Terjemahan Otomatis
 
 - Menggunakan GitHub Actions dengan workflow co-op-translator
-- Menerjemahkan ke 50+ bahasa secara otomatis
-- Berkas sumber di direktori utama
-- Berkas terjemahan di direktori `translations/{kode-bahasa}/`
+- Menerjemahkan ke 50+ bahasa otomatis
+- File sumber di direktori utama
+- File terjemahan di direktori `translations/{language-code}/`
 
 ### Menambahkan Perbaikan Terjemahan Manual
 
-1. Temukan berkas di `translations/{kode-bahasa}/`
-2. Lakukan perbaikan sambil mempertahankan struktur
+1. Temukan file di `translations/{language-code}/`
+2. Lakukan perbaikan sambil menjaga struktur
 3. Pastikan contoh kode tetap berfungsi
-4. Uji konten kuis yang telah dilokalisasi
+4. Uji konten kuis yang dilokalisasi
 
 ### Metadata Terjemahan
 
-Berkas terjemahan menyertakan header metadata:
+File terjemahan menyertakan header metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -295,27 +295,27 @@ CO_OP_TRANSLATOR_METADATA:
 
 **Quiz app gagal mulai**:
 - Periksa versi Node.js (disarankan v14+)
-- Hapus `node_modules` dan `package-lock.json`, jalankan `npm install` kembali
+- Hapus `node_modules` dan `package-lock.json`, jalankan `npm install` lagi
 - Periksa konflik port (default: Vite menggunakan port 5173)
 
-**Server API tidak mulai**:
-- Pastikan versi Node.js memenuhi minimal (node >=10)
-- Cek apakah port sudah digunakan
+**Server API tidak mau mulai**:
+- Pastikan versi Node.js minimal (node >=10)
+- Periksa apakah port sudah digunakan
 - Pastikan semua dependensi terpasang dengan `npm install`
 
 **Ekstensi browser tidak dimuat**:
 - Pastikan manifest.json diformat dengan benar
 - Periksa konsol browser untuk error
-- Ikuti instruksi instalasi ekstensi khusus browser
+- Ikuti instruksi instalasi ekstensi sesuai browser
 
 **Masalah proyek chat Python**:
 - Pastikan paket OpenAI terpasang: `pip install openai`
-- Pastikan variabel lingkungan GITHUB_TOKEN diatur
+- Verifikasi variabel lingkungan GITHUB_TOKEN sudah diset
 - Periksa izin akses GitHub Models
 
 **Docsify tidak menyajikan docs**:
-- Pasang docsify-cli secara global: `npm install -g docsify-cli`
-- Jalankan dari direktori root repositori
+- Instal docsify-cli secara global: `npm install -g docsify-cli`
+- Jalankan dari root repositori
 - Pastikan `docs/_sidebar.md` ada
 
 ### Tips Lingkungan Pengembangan
@@ -323,45 +323,45 @@ CO_OP_TRANSLATOR_METADATA:
 - Gunakan VS Code dengan ekstensi Live Server untuk proyek HTML
 - Pasang ekstensi ESLint dan Prettier untuk format konsisten
 - Gunakan DevTools browser untuk debugging JavaScript
-- Untuk proyek Vue, pasang ekstensi Vue DevTools di browser
+- Untuk proyek Vue, pasang ekstensi Vue DevTools browser
 
 ### Pertimbangan Performa
 
-- Banyak berkas terjemahan (50+ bahasa) membuat clone penuh besar
+- Jumlah file terjemahan yang besar (50+ bahasa) membuat clone penuh besar
 - Gunakan clone dangkal jika hanya mengerjakan konten: `git clone --depth 1`
-- Kecualikan terjemahan dari pencarian saat mengerjakan konten bahasa Inggris
-- Proses build mungkin lambat pada run pertama (npm install, build Vite)
+- Kecualikan terjemahan dari pencarian saat bekerja pada konten bahasa Inggris
+- Proses build mungkin lambat pada kali pertama (npm install, build Vite)
 
 ## Pertimbangan Keamanan
 
 ### Variabel Lingkungan
 
-- Kunci API jangan pernah di-commit ke repositori
-- Gunakan berkas `.env` (sudah ada di `.gitignore`)
-- Dokumentasikan variabel lingkungan yang dibutuhkan di README proyek
+- Kunci API tidak boleh di-commit ke repositori
+- Gunakan file `.env` (sudah ada dalam `.gitignore`)
+- Dokumentasikan variabel lingkungan yang diperlukan di README proyek
 
 ### Proyek Python
 
-- Gunakan lingkungan virtual: `python -m venv venv`
-- Perbarui dependensi secara rutin
+- Gunakan virtual environment: `python -m venv venv`
+- Jaga dependensi tetap terupdate
 - Token GitHub harus memiliki izin minimal yang diperlukan
 
 ### Akses GitHub Models
 
-- Personal Access Tokens (PAT) diperlukan untuk GitHub Models
-- Token disimpan sebagai variabel lingkungan
+- Token Akses Personal (PAT) dibutuhkan untuk GitHub Models
+- Token harus disimpan sebagai variabel lingkungan
 - Jangan pernah commit token atau kredensial
 
 ## Catatan Tambahan
 
-### Sasaran Audiens
+### Target Audiens
 
 - Pemula lengkap dalam pengembangan web
 - Pelajar dan pembelajar mandiri
-- Guru yang menggunakan kurikulum di kelas
-- Konten dirancang untuk aksesibilitas dan pembangunan keterampilan bertahap
+- Pengajar yang menggunakan kurikulum di kelas
+- Konten dirancang agar aksesibel dan membangun keterampilan secara bertahap
 
-### Filosofi Pendidikan
+### Filosofi Edukasi
 
 - Pendekatan pembelajaran berbasis proyek
 - Pemeriksaan pengetahuan secara berkala (kuis)
@@ -373,36 +373,36 @@ CO_OP_TRANSLATOR_METADATA:
 
 - Komunitas pembelajar dan kontributor aktif
 - Pembaruan rutin pada dependensi dan konten
-- Isu dan diskusi dipantau oleh pemelihara
-- Pembaruan terjemahan otomatis via GitHub Actions
+- Isu dan diskusi dipantau oleh maintainers
+- Pembaruan terjemahan otomatis melalui GitHub Actions
 
 ### Sumber Daya Terkait
 
 - [Modul Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Sumber Daya Student Hub](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) direkomendasikan untuk pembelajar
-- Kursus tambahan: AI Generatif, Data Science, ML, kurikulum IoT tersedia
+- Kursus tambahan: AI Generatif, Data Science, ML, curriculum IoT tersedia
 
-### Bekerja dengan Proyek Spesifik
+### Bekerja dengan Proyek Tertentu
 
-Untuk instruksi rinci tentang proyek individual, lihat README di:
+Untuk instruksi rinci proyek individual, lihat file README di:
 - `quiz-app/README.md` - aplikasi kuis Vue 3
-- `7-bank-project/README.md` - aplikasi perbankan dengan autentikasi
+- `7-bank-project/README.md` - aplikasi perbankan dengan otentikasi
 - `5-browser-extension/README.md` - pengembangan ekstensi browser
 - `6-space-game/README.md` - pengembangan game berbasis canvas
 - `9-chat-project/README.md` - proyek asisten chat AI
 
 ### Struktur Monorepo
 
-Meskipun bukan monorepo tradisional, repositori ini berisi beberapa proyek independen:
+Meskipun bukan monorepo tradisional, repositori ini berisi banyak proyek independen:
 - Setiap pelajaran berdiri sendiri
 - Proyek tidak berbagi dependensi
-- Kerjakan proyek individual tanpa memengaruhi yang lain
+- Bekerja pada proyek individual tanpa memengaruhi lainnya
 - Clone seluruh repo untuk pengalaman kurikulum lengkap
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk akurasi, harap diperhatikan bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sahih. Untuk informasi penting, disarankan menggunakan terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang salah yang timbul dari penggunaan terjemahan ini.
+Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya untuk mencapai ketepatan, harap diketahui bahwa terjemahan otomatis dapat mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber otoritatif. Untuk informasi penting, disarankan menggunakan jasa penerjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang salah yang timbul dari penggunaan terjemahan ini.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/id/README.md b/translations/id/README.md
index 79cbb1f03..b9b211f20 100644
--- a/translations/id/README.md
+++ b/translations/id/README.md
@@ -12,16 +12,16 @@
 
 # Pengembangan Web untuk Pemula - Kurikulum
 
-Pelajari dasar-dasar pengembangan web dengan kursus komprehensif 12 minggu kami oleh Microsoft Cloud Advocates. Setiap 24 pelajaran mendalami JavaScript, CSS, dan HTML melalui proyek langsung seperti terarium, ekstensi browser, dan game luar angkasa. Ikuti kuis, diskusi, dan tugas praktis. Tingkatkan keterampilan Anda dan optimalkan retensi pengetahuan dengan pedagogi berbasis proyek yang efektif. Mulai perjalanan pemrograman Anda hari ini!
+Pelajari dasar-dasar pengembangan web dengan kursus komprehensif selama 12 minggu oleh Microsoft Cloud Advocates. Setiap dari 24 pelajaran menyelami JavaScript, CSS, dan HTML melalui proyek langsung seperti terrarium, ekstensi browser, dan permainan luar angkasa. Ikuti kuis, diskusi, dan tugas praktis. Tingkatkan keterampilan dan optimalkan retensi pengetahuan Anda dengan pedagogi berbasis proyek kami yang efektif. Mulai perjalanan coding Anda hari ini!
 
 Bergabunglah dengan Komunitas Discord Azure AI Foundry
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Ikuti langkah-langkah berikut untuk mulai menggunakan sumber daya ini:
-1. **Fork Repository**: Klik [![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. **Clone Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Bergabung Dengan Azure AI Foundry Discord dan temui para ahli serta pengembang lain**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fork Repositori**: Klik [![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. **Clone Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Bergabunglah dengan Azure AI Foundry Discord dan temui para ahli serta sesama pengembang**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Dukungan Multi-Bahasa
 
@@ -30,51 +30,61 @@ Ikuti langkah-langkah berikut untuk mulai menggunakan sumber daya ini:
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Ingin Clone Secara Lokal?**
-
-> Repository ini mencakup lebih dari 50 terjemahan bahasa yang secara signifikan meningkatkan ukuran unduhan. Untuk clone tanpa terjemahan, gunakan sparse checkout:
+> **Lebih suka Clone Lokal?**
+>
+> Repositori ini mencakup 50+ terjemahan bahasa yang secara signifikan menambah ukuran unduhan. Untuk meng-clone tanpa terjemahan, gunakan 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'
 > ```
-> Ini memberi Anda semua yang Anda butuhkan untuk menyelesaikan kursus dengan unduhan yang jauh lebih cepat.
+>
+> **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"
+> ```
+>
+> Ini memberikan Anda semua yang Anda butuhkan untuk menyelesaikan kursus dengan unduhan yang jauh lebih cepat.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Jika Anda ingin bahasa terjemahan tambahan didukung, daftar tersedia [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Jika Anda ingin bahasa terjemahan tambahan didukung, daftar bahasa tersedia di [sini](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)
 
-#### 🧑‍🎓 _Apakah Anda seorang siswa?_
+#### 🧑‍🎓 _Apakah kamu seorang pelajar?_
 
-Kunjungi [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) tempat Anda akan menemukan sumber daya pemula, paket siswa, dan bahkan cara mendapatkan voucher sertifikat gratis. Ini adalah halaman yang ingin Anda tandai dan periksa dari waktu ke waktu karena kontennya kami ganti setiap bulan.
+Kunjungi [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dimana kamu akan menemukan sumber daya pemula, paket pelajar hingga cara mendapatkan voucher sertifikat gratis. Ini adalah halaman yang ingin kamu tandai dan periksa secara berkala karena kami akan mengganti konten tiap bulan.
 
 ### 📣 Pengumuman - Tantangan mode GitHub Copilot Agent baru untuk diselesaikan!
 
-Tantangan Baru ditambahkan, cari "GitHub Copilot Agent Challenge 🚀" di sebagian besar bab. Itu adalah tantangan baru untuk Anda selesaikan menggunakan GitHub Copilot dan mode Agen. Jika Anda belum pernah menggunakan mode Agen sebelumnya, mode ini mampu tidak hanya menghasilkan teks tetapi juga membuat dan mengedit file, menjalankan perintah, dan lainnya.
+Tantangan baru ditambahkan, cari "GitHub Copilot Agent Challenge 🚀" di sebagian besar bab. Itu adalah tantangan baru untuk Anda selesaikan menggunakan GitHub Copilot dan mode Agent. Jika Anda belum pernah menggunakan mode Agent sebelumnya, mode ini mampu tidak hanya menghasilkan teks tetapi juga dapat membuat dan mengedit file, menjalankan perintah, dan lainnya.
 
 ### 📣 Pengumuman - _Proyek Baru untuk dibangun menggunakan Generative AI_ 
 
-Proyek Asisten AI baru baru saja ditambahkan, cek di [proyek](./9-chat-project/README.md)
+Proyek Asisten AI baru saja ditambahkan, cek [proyek](./9-chat-project/README.md)
 
-### 📣 Pengumuman - _Kurikulum Baru_ mengenai Generative AI untuk JavaScript baru saja dirilis
+### 📣 Pengumuman - _Kurikulum Baru_ tentang Generative AI untuk JavaScript baru saja dirilis
 
-Jangan lewatkan kurikulum Generative AI baru kami!
+Jangan lewatkan kurikulum Generative AI terbaru kami!
 
 Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulai!
 
 ![Background](../../translated_images/id/background.148a8d43afde5730.webp)
 
-- Pelajaran mencakup semuanya dari dasar hingga RAG.
-- Berinteraksi dengan karakter historis menggunakan GenAI dan aplikasi pendamping kami.
-- Narasi yang seru dan menyenangkan, Anda akan melakukan perjalanan waktu!
+- Pelajaran meliputi semuanya dari dasar hingga RAG.
+- Berinteraksi dengan tokoh historis menggunakan GenAI dan aplikasi pendamping kami.
+- Narasi yang menyenangkan dan menarik, Anda akan melakukan perjalanan waktu!
 
 ![character](../../translated_images/id/character.5c0dd8e067ffd693.webp)
 
 
-Setiap pelajaran mencakup tugas yang harus diselesaikan, pemeriksaan pengetahuan, dan tantangan untuk membimbing Anda mempelajari topik seperti:
-- Prompting dan rekayasa prompt
-- Pengembangan aplikasi teks dan gambar
+Setiap pelajaran termasuk tugas yang harus diselesaikan, pemeriksaan pengetahuan dan tantangan untuk membimbing Anda mempelajari topik seperti:
+- Prompt dan rekayasa prompt
+- Aplikasi teks dan gambar yang dihasilkan
 - Aplikasi pencarian
 
 Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk memulai!
@@ -83,131 +93,130 @@ Kunjungi [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk
 
 ## 🌱 Memulai
 
-> **Para Pengajar**, kami telah [menyediakan beberapa saran](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami sangat menginginkan umpan balik Anda [di forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Guru**, kami telah [menyediakan beberapa saran](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami sangat menghargai masukan Anda [di forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Pembelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulailah dengan kuis pra-ceramah dan lanjutkan dengan membaca materi ceramah, menyelesaikan berbagai aktivitas, dan periksa pemahaman Anda dengan kuis pasca-ceramah.
+**[Pelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulailah dengan kuis pra-lecture dan lanjutkan dengan membaca materi kuliah, menyelesaikan berbagai aktivitas dan periksa pemahaman Anda dengan kuis pasca-lecture.
 
-Untuk meningkatkan pengalaman belajar Anda, hubungkan dengan teman sejawat Anda untuk bekerja pada proyek bersama! Diskusi sangat dianjurkan di [forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) di mana tim moderator kami akan tersedia untuk menjawab pertanyaan Anda.
+Untuk meningkatkan pengalaman belajar Anda, hubungkan dengan rekan sejawat Anda untuk mengerjakan proyek bersama! Diskusi dianjurkan di [forum diskusi kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dimana tim moderator kami akan tersedia menjawab pertanyaan Anda.
 
-Untuk memperdalam pendidikan Anda, kami sangat merekomendasikan menjelajahi [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk bahan belajar tambahan.
+Untuk memperdalam pendidikan, kami sangat menyarankan menjelajahi [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk materi studi tambahan.
 
 ### 📋 Menyiapkan lingkungan Anda
 
-Kurikulum ini memiliki lingkungan pengembangan yang siap pakai! Saat Anda memulai, Anda dapat memilih menjalankan kurikulum di [Codespace](https://github.com/features/codespaces/) (_lingkungan berbasis browser tanpa perlu instalasi_), atau secara lokal di komputer Anda menggunakan editor teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Kurikulum ini sudah memiliki lingkungan pengembangan siap dipakai! Saat Anda memulai Anda dapat memilih menjalankan kurikulum di [Codespace](https://github.com/features/codespaces/) (_lingkungan berbasis browser tanpa perlu instalasi_), atau secara lokal di komputer Anda menggunakan editor teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Buat repository Anda
-Untuk memudahkan menyimpan pekerjaan Anda, disarankan agar Anda membuat salinan repository ini. Anda dapat melakukannya dengan mengklik tombol **Use this template** di bagian atas halaman. Ini akan membuat repository baru di akun GitHub Anda dengan salinan kurikulum.
+#### Buat repositori Anda
+Agar Anda mudah menyimpan pekerjaan Anda, disarankan membuat salinan sendiri dari repositori ini. Anda dapat melakukannya dengan mengklik tombol **Use this template** di bagian atas halaman ini. Ini akan membuat repositori baru di akun GitHub Anda dengan salinan kurikulum.
 
 Ikuti langkah-langkah ini:
-1. **Fork Repository**: Klik tombol "Fork" di pojok kanan atas halaman ini.
-2. **Clone Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fork Repositori**: Klik tombol "Fork" di pojok kanan atas halaman ini.
+2. **Clone Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Menjalankan kurikulum di Codespace
 
-Di salinan repository yang Anda buat, klik tombol **Code** dan pilih **Open with Codespaces**. Ini akan membuat Codespace baru untuk Anda bekerja.
+Di salinan repositori yang Anda buat, klik tombol **Code** dan pilih **Open with Codespaces**. Ini akan membuat Codespace baru untuk Anda kerjakan.
 
 ![Codespace](../../translated_images/id/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Menjalankan kurikulum secara lokal di komputer Anda
 
-Untuk menjalankan kurikulum ini secara lokal di komputer Anda, Anda memerlukan editor teks, browser, dan alat baris perintah. Pelajaran pertama kami, [Pengenalan Bahasa Pemrograman dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan memandu Anda melalui berbagai opsi untuk masing-masing alat ini agar Anda dapat memilih yang paling cocok.
-
-Rekomendasi kami adalah menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai editor, yang juga memiliki [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) bawaan. Anda dapat mengunduh Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
+Untuk menjalankan kurikulum ini secara lokal di komputer Anda, Anda membutuhkan editor teks, browser dan alat baris perintah. Pelajaran pertama kami, [Pengenalan Bahasa Pemrograman dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan memandu Anda melalui berbagai opsi masing-masing alat agar Anda dapat memilih yang paling cocok.
 
-1. Clone repository Anda ke komputer. Anda dapat melakukannya dengan mengklik tombol **Code** dan menyalin URL:
+Rekomendasi kami adalah menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai editor Anda, yang juga dilengkapi dengan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Anda dapat mengunduh Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Kloning repositori Anda ke komputer Anda. Anda dapat melakukannya dengan mengklik tombol **Code** dan menyalin URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) di dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan perintah berikut, ganti `<your-repository-url>` dengan URL yang baru saja Anda salin:
+
+    Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan perintah berikut, ganti `<your-repository-url>` dengan URL yang baru saja Anda salin:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Buka folder di Visual Studio Code. Anda dapat melakukannya dengan mengklik **File** > **Open Folder** dan memilih folder yang baru saja Anda kloning.
+2. Buka folder tersebut di Visual Studio Code. Anda dapat melakukannya dengan mengklik **File** > **Open Folder** dan memilih folder yang baru saja Anda kloning.
 
 
 >  Ekstensi Visual Studio Code yang direkomendasikan:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk melihat pratinjau halaman HTML di dalam Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk melihat pratinjau halaman HTML dalam Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - untuk membantu Anda menulis kode lebih cepat
 
 ## 📂 Setiap pelajaran mencakup:
 
 - sketchnote opsional
-- video tambahan opsional
+- video pelengkap opsional
 - kuis pemanasan sebelum pelajaran
 - pelajaran tertulis
-- untuk pelajaran berbasis proyek, panduan langkah demi langkah tentang cara membangun proyek tersebut
+- untuk pelajaran berbasis proyek, panduan langkah demi langkah cara membangun proyek
 - pemeriksaan pengetahuan
 - tantangan
-- bacaan tambahan
-- tugas
+- bacaan pelengkap
+- penugasan
 - [kuis pasca-pelajaran](https://ff-quizzes.netlify.app/web/)
 
-> **Catatan tentang kuis**: Semua kuis terdapat dalam folder Quiz-app, total 48 kuis dengan tiga pertanyaan masing-masing. Kuis tersedia [di sini](https://ff-quizzes.netlify.app/web/) aplikasi kuis dapat dijalankan secara lokal atau dideploy ke Azure; ikuti instruksi di folder `quiz-app`.
+> **Catatan tentang kuis**: Semua kuis terdapat di folder Quiz-app, total 48 kuis dengan tiga pertanyaan setiapnya. Mereka tersedia [di sini](https://ff-quizzes.netlify.app/web/) aplikasi kuis dapat dijalankan secara lokal atau diterapkan ke Azure; ikuti instruksi di folder `quiz-app`.
 
 ## 🗃️ Pelajaran
 
-|     |                       Nama Proyek                         |                            Konsep yang Diajarkan                          | Tujuan Pembelajaran                                                                                                                  |                                                         Pelajaran Terkait                                                         |         Penulis         |
-| :-: | :------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Memulai                              |           Pengantar Pemrograman dan Alat-alat Perdagangan                | Pelajari dasar-dasar yang mendasari sebagian besar bahasa pemrograman dan tentang perangkat lunak yang membantu pengembang profesional dalam pekerjaannya | [Pengantar Bahasa Pemrograman dan Alat-alat Perdagangan](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Memulai                              |             Dasar-dasar GitHub, termasuk bekerja dalam tim               | Cara menggunakan GitHub dalam proyek Anda, cara berkolaborasi dengan orang lain pada basis kode                                    |                            [Pengantar GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Memulai                              |                             Aksesibilitas                               | Pelajari dasar-dasar aksesibilitas web                                                                                              |                       [Dasar-dasar Aksesibilitas](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Dasar-dasar JS                    |                         Tipe Data JavaScript                             | Dasar-dasar tipe data JavaScript                                                                                                   |                                       [Tipe Data](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Dasar-dasar JS                    |                         Fungsi dan Metode                               | Pelajari tentang fungsi dan metode untuk mengelola alur logika aplikasi                                                             |                              [Fungsi dan Metode](./2-js-basics/2-functions-methods/README.md)                               | Jasmine dan Christopher |
-| 06  |                        Dasar-dasar JS                    |                        Membuat Keputusan dengan JS                       | Pelajari cara membuat kondisi dalam kode Anda menggunakan metode pengambilan keputusan                                              |                                 [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Dasar-dasar JS                    |                            Array dan Loop                               | Bekerja dengan data menggunakan array dan loop di JavaScript                                                                        |                                   [Array dan Loop](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML dalam Praktik                            | Bangun HTML untuk membuat terrarium online, fokus pada membangun tata letak                                                           |                                 [Pengantar HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS dalam Praktik                             | Bangun CSS untuk menata terrarium online, fokus pada dasar-dasar CSS termasuk membuat halaman responsif                            |                                  [Pengantar CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, manipulasi DOM                      | Bangun JavaScript untuk membuat terrarium berfungsi sebagai antarmuka seret/jatuhkan, fokus pada closures dan manipulasi DOM       |                  [JavaScript Closures, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Membangun Permainan Mengetik                   | Pelajari cara menggunakan event keyboard untuk menggerakkan logika aplikasi JavaScript Anda                                          |                                [Pemrograman Berbasis Event](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Bekerja dengan Browser                           | Pelajari cara kerja browser, sejarahnya, dan cara membuat kerangka elemen pertama dari ekstensi browser                              |                               [Tentang Browser](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Membangun formulir, memanggil API dan menyimpan variabel di penyimpanan lokal | Bangun elemen JavaScript dari ekstensi browser Anda untuk memanggil API menggunakan variabel yang disimpan di penyimpanan lokal      |                [API, Formulir, dan Penyimpanan Lokal](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Proses latar belakang di browser, performa web                  | Gunakan proses latar belakang browser untuk mengelola ikon ekstensi; pelajari tentang performa web dan beberapa optimasi yang dilakukan |             [Tugas Latar Belakang dan Performa](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Pengembangan Game Lanjutan dengan JavaScript                | Pelajari tentang Pewarisan menggunakan Kelas dan Komposisi serta pola Pub/Sub, sebagai persiapan membangun game                      |                      [Pengantar Pengembangan Game Lanjutan](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Menggambar ke canvas                           | Pelajari tentang Canvas API, yang digunakan untuk menggambar elemen ke layar                                                         |                                [Menggambar ke Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Memindahkan elemen ke sekitar layar                    | Temukan bagaimana elemen dapat bergerak menggunakan koordinat kartesian dan Canvas API                                                |                           [Memindahkan Elemen Sekitar](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Deteksi Tabrakan                               | Membuat elemen bertabrakan dan bereaksi satu sama lain menggunakan penekanan tombol dan menyediakan fungsi pending untuk memastikan performa game |                              [Deteksi Tabrakan](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Menjaga skor                                 | Melakukan perhitungan matematika berdasarkan status dan performa game                                                                |                                    [Menjaga Skor](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Mengakhiri dan memulai ulang game                    | Pelajari tentang mengakhiri dan memulai ulang game, termasuk membersihkan aset dan mengatur ulang nilai variabel                     |                                [Kondisi Akhir](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Template HTML dan Routing dalam Web App                 | Pelajari cara membuat kerangka arsitektur situs web multipage menggunakan routing dan template HTML                                  |                            [Template HTML dan Routing](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Membangun Form Login dan Registrasi                    | Pelajari tentang membangun formulir dan menangani rutinitas validasi                                                                  |                                           [Formulir](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metode Pengambilan dan Penggunaan Data                | Bagaimana data mengalir masuk dan keluar aplikasi Anda, cara mengambilnya, menyimpannya, dan membuangnya                             |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Konsep Manajemen State                             | Pelajari bagaimana aplikasi Anda menyimpan state dan cara mengelolanya secara programatik                                            |                                [Manajemen State](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan editor kode| [Gunakan Editor Kode VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membangun asisten AI Anda sendiri | [Proyek Asisten AI](./9-chat-project/README.md) | Chris |
+|     |                       Nama Proyek                       |                            Konsep yang Diajarkan                            | Tujuan Pembelajaran                                                                                                                  |                                                         Pelajaran Terkait                                                          |         Penulis         |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Memulai                               |           Pengenalan Pemrograman dan Alat Kerja           | Pelajari dasar-dasar yang mendasari sebagian besar bahasa pemrograman dan perangkat lunak yang membantu pengembang profesional melakukan pekerjaan mereka | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Memulai                               |             Dasar GitHub, termasuk bekerja dengan tim             | Cara menggunakan GitHub dalam proyek Anda, cara berkolaborasi dengan orang lain pada basis kode                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Memulai                               |                             Aksesibilitas                              | Pelajari dasar-dasar aksesibilitas web                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Dasar JS                          |                         Tipe Data JavaScript                          | Dasar-dasar tipe data JavaScript                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Dasar JS                          |                         Fungsi dan Metode                          | Pelajari tentang fungsi dan metode untuk mengelola alur logika aplikasi                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        Dasar JS                          |                        Membuat Keputusan dengan JS                        | Pelajari cara membuat kondisi dalam kode Anda menggunakan metode pengambilan keputusan                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Dasar JS                          |                            Array dan Loop                            | Bekerja dengan data menggunakan array dan loop di JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML dalam Praktek                            | Bangun HTML untuk membuat terrarium online, fokus pada membangun tata letak                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS dalam Praktek                             | Bangun CSS untuk menata terrarium online, fokus pada dasar-dasar CSS termasuk membuat halaman responsif                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Penutupan JavaScript, manipulasi DOM                  | Bangun JavaScript untuk membuat terrarium berfungsi sebagai antarmuka drag/drop, fokus pada closure dan manipulasi DOM             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Membangun Game Mengetik                           | Pelajari cara menggunakan event keyboard untuk menggerakkan logika aplikasi JavaScript Anda                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Bekerja dengan Browser                          | Pelajari bagaimana browser bekerja, sejarahnya, dan cara membuat elemen pertama dari ekstensi browser                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Membangun form, memanggil API dan menyimpan variabel di penyimpanan lokal | Bangun elemen JavaScript dari ekstensi browser Anda untuk memanggil API menggunakan variabel yang disimpan di penyimpanan lokal                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Proses latar belakang di browser, performa web          | Gunakan proses latar belakang browser untuk mengelola ikon ekstensi; pelajari tentang performa web dan beberapa optimasi untuk membuat   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Pengembangan Game Lanjutan dengan JavaScript             | Pelajari tentang Pewarisan menggunakan baik Kelas maupun Komposisi dan pola Pub/Sub, sebagai persiapan untuk membangun sebuah game              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Menggambar ke kanvas                            | Pelajari tentang Canvas API, yang digunakan untuk menggambar elemen ke layar                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Memindahkan elemen di sekitar layar                    | Temukan bagaimana elemen bisa bergerak menggunakan koordinat kartesian dan Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Deteksi tabrakan                           | Buat elemen bertabrakan dan bereaksi satu sama lain menggunakan penekanan tombol dan menyediakan fungsi cooldown untuk memastikan performa game    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Menjaga skor                              | Lakukan perhitungan matematika berdasarkan status dan performa permainan                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Mengakhiri dan memulai ulang game                     | Pelajari tentang mengakhiri dan memulai ulang game, termasuk membersihkan aset dan mereset nilai variabel                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Template HTML dan Routing dalam Aplikasi Web                 | Pelajari cara membuat kerangka arsitektur situs web multipage menggunakan routing dan template HTML                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Membangun Form Login dan Registrasi                   | Pelajari tentang membangun form dan menangani rutin validasi                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metode Mengambil dan Menggunakan Data                   | Bagaimana data mengalir masuk dan keluar dari aplikasi Anda, cara mengambilnya, menyimpannya, dan membuangnya                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Konsep Manajemen State                      | Pelajari bagaimana aplikasi Anda mempertahankan state dan cara mengelolanya secara programatis                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan editor kode| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membangun asisten AI Anda sendiri | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogi
 
-Kurikulum kami dirancang dengan dua prinsip pedagogis utama dalam pikiran:
+Kurikulum kami dirancang dengan dua prinsip pedagogis utama:
 * pembelajaran berbasis proyek
 * kuis yang sering
 
-Program ini mengajarkan dasar-dasar JavaScript, HTML, dan CSS, serta alat dan teknik terbaru yang digunakan oleh pengembang web saat ini. Siswa akan memiliki kesempatan untuk mengembangkan pengalaman langsung dengan membangun permainan mengetik, terrarium virtual, ekstensi browser ramah lingkungan, game gaya space invader, dan aplikasi perbankan untuk bisnis. Pada akhir rangkaian ini, siswa akan mendapatkan pemahaman yang solid tentang pengembangan web.
+Program ini mengajarkan dasar-dasar JavaScript, HTML, dan CSS, serta alat dan teknik terbaru yang digunakan oleh pengembang web saat ini. Siswa akan memiliki kesempatan untuk mengembangkan pengalaman langsung dengan membangun game mengetik, terrarium virtual, ekstensi browser ramah lingkungan, game gaya penyerang luar angkasa, dan aplikasi perbankan untuk bisnis. Pada akhir seri, siswa akan memiliki pemahaman mendalam tentang pengembangan web.
 
-> 🎓 Anda dapat mengikuti beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalur Belajar](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn!
+> 🎓 Anda dapat mengikuti beberapa pelajaran pertama dalam kurikulum ini sebagai [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn!
 
-Dengan memastikan bahwa konten selaras dengan proyek, proses menjadi lebih menarik bagi siswa dan retensi konsep akan ditingkatkan. Kami juga menulis beberapa pelajaran pengantar dalam dasar-dasar JavaScript untuk memperkenalkan konsep, disertai dengan video dari koleksi tutorial video "[Seri Pemula untuk: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa penulisnya berkontribusi pada kurikulum ini.
+Dengan memastikan bahwa konten selaras dengan proyek, proses menjadi lebih menarik bagi siswa dan retensi konsep akan meningkat. Kami juga menulis beberapa pelajaran pengantar dasar JavaScript untuk memperkenalkan konsep, dipasangkan dengan video dari koleksi tutorial video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", beberapa penulisnya berkontribusi untuk kurikulum ini.
 
-Selain itu, kuis dengan tingkat tekanan rendah sebelum kelas menetapkan niat siswa terhadap pembelajaran topik, sementara kuis kedua setelah kelas memastikan retensi lebih lanjut. Kurikulum ini dirancang agar fleksibel dan menyenangkan dan dapat diambil secara keseluruhan atau sebagian. Proyek dimulai dari yang sederhana dan menjadi semakin kompleks pada akhir siklus 12 minggu.
+Selain itu, kuis berkategori rendah sebelum kelas menetapkan niat siswa untuk mempelajari topik, sementara kuis kedua setelah kelas memastikan retensi lebih lanjut. Kurikulum ini dirancang agar fleksibel dan menyenangkan dan dapat diikuti secara keseluruhan atau sebagian. Proyek dimulai kecil dan menjadi semakin kompleks pada akhir siklus 12 minggu.
 
-Meskipun kami sengaja menghindari memperkenalkan kerangka kerja JavaScript untuk berkonsentrasi pada keterampilan dasar yang dibutuhkan sebagai pengembang web sebelum mengadopsi kerangka kerja, langkah selanjutnya yang baik untuk menyelesaikan kurikulum ini adalah mempelajari tentang Node.js melalui koleksi video lain: "[Seri Pemula untuk: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Meskipun kami sengaja menghindari memperkenalkan framework JavaScript untuk berkonsentrasi pada keterampilan dasar yang dibutuhkan sebagai pengembang web sebelum mengadopsi framework, langkah selanjutnya yang baik untuk menyelesaikan kurikulum ini adalah mempelajari Node.js melalui koleksi video lain: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Kunjungi pedoman [Kode Etik](CODE_OF_CONDUCT.md) dan [Kontribusi](CONTRIBUTING.md) kami. Kami menyambut umpan balik konstruktif Anda!
+> Kunjungi [Kode Etik](CODE_OF_CONDUCT.md) dan panduan [Kontribusi](CONTRIBUTING.md) kami. Kami menyambut masukan konstruktif Anda!
 
 
-## 🧭 Akses offline
+## 🧭 Akses Offline
 
-Anda dapat menjalankan dokumentasi ini secara offline dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repo ini, [pasang Docsify](https://docsify.js.org/#/quickstart) di mesin lokal Anda, dan kemudian di folder root repo ini, ketik `docsify serve`. Situs web akan dilayani di port 3000 di localhost Anda: `localhost:3000`.
+Anda dapat menjalankan dokumentasi ini secara offline dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repo ini, [pasang Docsify](https://docsify.js.org/#/quickstart) di mesin lokal Anda, lalu di folder root repo ini, ketik `docsify serve`. Situs web akan dilayani pada port 3000 di localhost Anda: `localhost:3000`.
 
 ## 📘 PDF
-
 PDF dari semua pelajaran dapat ditemukan [di sini](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Kursus Lainnya
-Tim kami memproduksi kursus lain! Lihatlah:
+
+Tim kami menghasilkan kursus lain! Cek:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -216,7 +225,7 @@ Tim kami memproduksi kursus lain! Lihatlah:
 [![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 / Agen
 [![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)
@@ -251,11 +260,11 @@ Tim kami memproduksi kursus lain! Lihatlah:
 
 ## Mendapatkan Bantuan
 
-Jika Anda mengalami kesulitan atau memiliki pertanyaan tentang membangun aplikasi AI. Bergabunglah dengan pembelajar dan pengembang berpengalaman dalam diskusi tentang MCP. Ini adalah komunitas yang mendukung di mana pertanyaan dipersilakan dan pengetahuan dibagikan secara bebas.
+Jika Anda mengalami kesulitan atau memiliki pertanyaan tentang membangun aplikasi AI. Bergabunglah dengan sesama pembelajar dan pengembang berpengalaman dalam diskusi tentang MCP. Ini adalah komunitas yang mendukung di mana pertanyaan diterima dan pengetahuan dibagikan dengan bebas.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Jika Anda memiliki umpan balik produk atau mengalami kesalahan saat membangun, kunjungi:
+Jika Anda memiliki umpan balik produk atau menemui kesalahan saat membangun, kunjungi:
 
 [![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)
 
@@ -267,5 +276,5 @@ Repositori ini dilisensikan di bawah lisensi MIT. Lihat file [LICENSE](../../LIC
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berusaha untuk akurasi, harap diketahui bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sahih. Untuk informasi penting, disarankan menggunakan jasa terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau salah tafsir yang timbul dari penggunaan terjemahan ini.
+Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Meskipun kami berupaya mencapai akurasi, harap diperhatikan bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang sahih. Untuk informasi penting, disarankan menggunakan jasa terjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau salah tafsir yang timbul dari penggunaan terjemahan ini.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/it/.co-op-translator.json b/translations/it/.co-op-translator.json
index 0af82185b..a1861a38e 100644
--- a/translations/it/.co-op-translator.json
+++ b/translations/it/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T00:21:41+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:38:37+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "it"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:00:24+00:00",
+    "translation_date": "2026-03-06T18:51:24+00:00",
     "source_file": "AGENTS.md",
     "language_code": "it"
   },
@@ -516,8 +516,8 @@
     "language_code": "it"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:56:38+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:35:20+00:00",
     "source_file": "README.md",
     "language_code": "it"
   },
diff --git a/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index e05ee0ba2..36c422071 100644
--- a/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/it/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Introduzione ai Linguaggi di Programmazione e agli Strumenti Moderni per Sviluppatori
+ 
+Ciao, futuro sviluppatore! 👋 Posso dirti qualcosa che ancora mi fa venire i brividi ogni singolo giorno? Stai per scoprire che programmare non riguarda solo i computer – è avere veri superpoteri per dare vita alle tue idee più folli!
 
-Ciao futuro sviluppatore! 👋 Posso dirti qualcosa che mi emoziona ogni giorno? Stai per scoprire che programmare non riguarda solo i computer – è come avere superpoteri per dare vita alle tue idee più folli!
+Sai quel momento in cui usi la tua app preferita e tutto funziona perfettamente? Quando premi un pulsante e succede qualcosa di assolutamente magico che ti fa dire "wow, come hanno FATTO?" Beh, qualcuno proprio come te – probabilmente seduto nel suo bar preferito alle 2 di notte con il suo terzo espresso – ha scritto il codice che ha creato quella magia. Ecco cosa ti stupirà: alla fine di questa lezione, non solo capirai come hanno fatto, ma sarai ansioso di provarci tu stesso!
 
-Sai quel momento in cui usi la tua app preferita e tutto funziona perfettamente? Quando premi un pulsante e succede qualcosa di assolutamente magico che ti fa pensare "wow, come hanno fatto a farlo?" Beh, qualcuno proprio come te – probabilmente seduto nel suo caffè preferito alle 2 di notte con il terzo espresso – ha scritto il codice che ha creato quella magia. E sai cosa ti lascerà a bocca aperta? Alla fine di questa lezione, non solo capirai come l'hanno fatto, ma avrai una voglia matta di provarci anche tu!
+Guarda, capisco benissimo se ora la programmazione ti sembra intimidatoria. Quando ho iniziato, pensavo davvero che servisse essere un genio della matematica o aver programmato da quando avevi cinque anni. Ma ecco cosa ha cambiato completamente la mia prospettiva: programmare è esattamente come imparare a conversare in una nuova lingua. Inizi con "ciao" e "grazie", poi arrivano gli ordini per il caffè, e prima che te ne accorga, stai discutendo di filosofia profonda! Solo che in questo caso, stai conversando con i computer, e sinceramente? Sono i compagni di conversazione più pazienti che tu possa mai avere – non giudicano mai i tuoi errori e sono sempre entusiasti di riprovare!
 
-Ascolta, capisco perfettamente se la programmazione ti sembra intimidatoria in questo momento. Quando ho iniziato, pensavo sinceramente che fosse necessario essere un genio della matematica o aver iniziato a programmare a cinque anni. Ma ecco cosa ha completamente cambiato la mia prospettiva: programmare è esattamente come imparare a conversare in una nuova lingua. Si inizia con "ciao" e "grazie", poi si arriva a ordinare un caffè, e prima che te ne accorga, stai facendo discussioni filosofiche profonde! Solo che in questo caso, stai conversando con i computer, e onestamente? Sono i partner di conversazione più pazienti che tu possa mai avere – non giudicano mai i tuoi errori e sono sempre pronti a riprovare!
-
-Oggi esploreremo gli incredibili strumenti che rendono possibile, e seriamente coinvolgente, lo sviluppo web moderno. Sto parlando degli stessi editor, browser e flussi di lavoro che gli sviluppatori di Netflix, Spotify e del tuo studio di app indie preferito usano ogni giorno. Ecco la parte che ti farà ballare dalla gioia: la maggior parte di questi strumenti professionali e standard del settore sono completamente gratuiti!
+Oggi esploreremo gli incredibili strumenti che rendono lo sviluppo web moderno non solo possibile, ma davvero coinvolgente. Sto parlando degli stessi editor, browser e flussi di lavoro che gli sviluppatori di Netflix, Spotify e del tuo studio indie preferito usano ogni giorno. Ecco la parte che ti farà fare un salto di gioia: la maggior parte di questi strumenti professionali e di livello industriale sono completamente gratuiti!
 
 ![Intro Programming](../../../../translated_images/it/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote di [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Il Tuo Viaggio di Programmazione Oggi
+    section Scoprire
+      Cos'è la Programmazione: 5: You
+      Linguaggi di Programmazione: 4: You
+      Panoramica Strumenti: 5: You
+    section Esplorare
+      Editor di Codice: 4: You
+      Browser & DevTools: 5: You
+      Linea di Comando: 3: You
+    section Praticare
+      Detective del Linguaggio: 4: You
+      Esplorazione Strumenti: 5: You
+      Connessione con la Comunità: 5: You
 ```
-
 ## Vediamo Cosa Sai Già!
 
-Prima di tuffarci nel divertimento, sono curioso – cosa sai già di questo mondo della programmazione? E ascolta, se stai guardando queste domande pensando "Non ho letteralmente idea di nulla", non solo va bene, è perfetto! Significa che sei esattamente nel posto giusto. Pensa a questo quiz come a uno stretching prima di un allenamento – stiamo solo riscaldando i muscoli del cervello!
+Prima di tuffarci nelle cose divertenti, sono curioso – cosa sai già di questo mondo della programmazione? E ascolta, se stai guardando queste domande pensando "non ho proprio idea di niente," non è solo ok, è perfetto! Questo significa che sei nel posto giusto. Pensa a questo quiz come a uno stretching prima di un allenamento – stiamo solo riscaldando quei muscoli cerebrali!
 
-[Fai il quiz preliminare alla lezione](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Partecipa al quiz pre-lezione](https://ff-quizzes.netlify.app/web/)
 
-## L'Avventura Che Stiamo Per Intraprendere Insieme
 
-Ok, sono davvero entusiasta di ciò che esploreremo oggi! Seriamente, vorrei poter vedere la tua faccia quando alcuni di questi concetti ti saranno chiari. Ecco l'incredibile viaggio che faremo insieme:
+## L'Avventura che Stiamo per Intraprendere Insieme
 
-- **Cos'è davvero la programmazione (e perché è la cosa più cool di sempre!)** – Scopriremo come il codice sia letteralmente la magia invisibile che alimenta tutto ciò che ti circonda, dalla sveglia che sa che è lunedì mattina all'algoritmo che seleziona perfettamente le tue raccomandazioni su Netflix.
-- **I linguaggi di programmazione e le loro personalità straordinarie** – Immagina di entrare in una festa dove ogni persona ha superpoteri completamente diversi e modi unici di risolvere i problemi. Questo è il mondo dei linguaggi di programmazione, e ti piacerà conoscerli!
-- **I mattoni fondamentali che fanno accadere la magia digitale** – Pensali come il set LEGO creativo definitivo. Una volta che capisci come questi pezzi si incastrano, ti renderai conto che puoi costruire letteralmente qualsiasi cosa la tua immaginazione sogni.
-- **Strumenti professionali che ti faranno sentire come se ti avessero consegnato una bacchetta magica** – Non sto esagerando – questi strumenti ti faranno davvero sentire come se avessi superpoteri, e la parte migliore? Sono gli stessi che usano i professionisti!
+Ok, sono davvero emozionato per quello che esploreremo oggi! Davvero, vorrei vedere la tua faccia quando alcuni concetti ti scattano. Ecco il fantastico viaggio che faremo insieme:
 
-> 💡 **Ecco il punto**: Non pensare nemmeno di cercare di memorizzare tutto oggi! In questo momento, voglio solo che tu senta quella scintilla di entusiasmo per ciò che è possibile. I dettagli si fisseranno naturalmente mentre pratichiamo insieme – è così che avviene l'apprendimento reale!
+- **Cos'è davvero la programmazione (e perché è la cosa più figa in assoluto!)** – Scopriremo come il codice sia letteralmente la magia invisibile che alimenta tutto ciò che ti circonda, dalla sveglia che in qualche modo sa che è lunedì mattina all’algoritmo che cura perfettamente le tue raccomandazioni su Netflix
+- **I linguaggi di programmazione e le loro personalità straordinarie** – Immagina di entrare in una festa dove ogni persona ha superpoteri e modi di risolvere problemi completamente diversi. Ecco com’è il mondo dei linguaggi di programmazione, e li adorerai!
+- **I mattoncini fondamentali che fanno succedere la magia digitale** – Pensali come il set LEGO creativo definitivo. Una volta capito come si incastrano, ti renderai conto di poter costruire letteralmente qualsiasi cosa la tua immaginazione sogni
+- **Strumenti professionali che ti faranno sentire come se ti avessero appena dato la bacchetta di un mago** – Non sto esagerando – questi strumenti ti faranno davvero sentire come se avessi superpoteri, e la parte migliore? Sono gli stessi che usano i professionisti!
 
-> Puoi seguire questa lezione su [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> 💡 **Ecco la cosa**: Non pensare nemmeno di dover memorizzare tutto oggi! Ora voglio solo che tu senta quella scintilla di entusiasmo per quello che è possibile fare. I dettagli verranno da soli mentre esercitiamo insieme – è così che si impara davvero!
 
-## Quindi, Cos'è Esattamente *La Programmazione*?
+> Puoi seguire questa lezione su [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-Ok, affrontiamo la domanda da un milione di dollari: cos'è davvero la programmazione?
+## Quindi, Cos'è Esattamente la Programmazione?
 
-Ti racconto una storia che ha completamente cambiato il mio modo di pensarci. La settimana scorsa stavo cercando di spiegare a mia madre come usare il nuovo telecomando della nostra smart TV. Mi sono ritrovato a dire cose tipo "Premi il pulsante rosso, ma non il grande pulsante rosso, il piccolo pulsante rosso a sinistra... no, la tua altra sinistra... ok, ora tienilo premuto per due secondi, non uno, non tre..." Ti suona familiare? 😅
+Ok, affrontiamo la domanda da un milione di dollari: cos’è davvero la programmazione?
 
-Questa è programmazione! È l'arte di dare istruzioni incredibilmente dettagliate, passo dopo passo, a qualcosa di molto potente ma che ha bisogno che tutto sia spiegato perfettamente. Solo che invece di spiegare a tua madre (che può chiedere "quale pulsante rosso?!"), stai spiegando a un computer (che fa esattamente ciò che dici, anche se ciò che hai detto non è esattamente ciò che intendevi).
+Ti racconterò una storia che ha cambiato completamente il mio modo di vedere le cose. La settimana scorsa stavo cercando di spiegare a mia mamma come usare il nostro nuovo telecomando smart per la TV. Mi sono ritrovato a dire cose come "Premi il bottone rosso, ma non il grande rosso, il piccolo rosso a sinistra... no, l’altro sinistro... ok, ora tienilo premuto per due secondi, non uno, non tre..." Ti suona familiare? 😅
 
-Ecco cosa mi ha lasciato a bocca aperta quando l'ho scoperto: i computer sono in realtà piuttosto semplici alla base. Capiscono letteralmente solo due cose – 1 e 0, che sono fondamentalmente "sì" e "no" o "acceso" e "spento". Tutto qui! Ma ecco dove diventa magico – non dobbiamo parlare in 1 e 0 come se fossimo in Matrix. È qui che entrano in gioco i **linguaggi di programmazione**. Sono come avere il miglior traduttore del mondo che prende i tuoi pensieri umani perfettamente normali e li converte in linguaggio informatico.
+Questa è la programmazione! È l’arte di dare istruzioni dettagliatissime, passo dopo passo, a qualcosa di potentissimo ma che ha bisogno che tutto sia spiegato perfettamente. Solo che invece di spiegare a tua mamma (che può chiedere "quale bottone rosso?!"), stai spiegando a un computer (che fa esattamente quello che dici, anche se quello che hai detto non è proprio quello che intendevi).
 
-Ecco cosa mi emoziona ancora ogni mattina quando mi sveglio: letteralmente *tutto* ciò che è digitale nella tua vita è iniziato con qualcuno proprio come te, probabilmente seduto in pigiama con una tazza di caffè, a scrivere codice sul suo laptop. Quel filtro Instagram che ti fa sembrare impeccabile? Qualcuno l'ha programmato. La raccomandazione che ti ha portato alla tua nuova canzone preferita? Un sviluppatore ha costruito quell'algoritmo. L'app che ti aiuta a dividere il conto della cena con gli amici? Sì, qualcuno ha pensato "questo è fastidioso, scommetto che potrei risolverlo" e poi... l'ha fatto!
+Ecco cosa mi ha lasciato a bocca aperta quando ho imparato questa cosa: i computer sono in realtà molto semplici nella loro essenza. Capiscono letteralmente solo due cose – 1 e 0, che è praticamente solo "sì" e "no" o "acceso" e "spento." Tutto qui! Ma ecco dove succede la magia – non dobbiamo parlare in 1 e 0 come se fossimo in Matrix. Qui entrano in gioco i **linguaggi di programmazione**. Sono come avere il traduttore migliore del mondo che prende i tuoi pensieri umani e li trasforma in linguaggio del computer.
 
-Quando impari a programmare, non stai solo acquisendo una nuova abilità – stai entrando a far parte di questa incredibile comunità di risolutori di problemi che passano le loro giornate a pensare: "E se potessi costruire qualcosa che renda la giornata di qualcuno un po' migliore?" Onestamente, c'è qualcosa di più bello di questo?
+Ecco cosa ancora mi fa venire i brividi tutti i giorni appena mi sveglio: letteralmente *tutto* ciò che è digitale nella tua vita è iniziato con qualcuno proprio come te, probabilmente in pigiama con una tazza di caffè, che digitava codice sul suo portatile. Quel filtro Instagram che ti fa sembrare perfetto? Qualcuno l’ha programmato. La raccomandazione che ti ha portato alla tua nuova canzone preferita? Un sviluppatore ha costruito quell’algoritmo. L’app che ti aiuta a dividere i conti della cena con gli amici? Sì, qualcuno ha pensato "questa cosa è fastidiosa, posso sistemarla" e poi... l’ha fatto!
 
-✅ **Caccia al Fatto Divertente**: Ecco qualcosa di super interessante da cercare quando hai un momento libero – chi pensi sia stato il primo programmatore al mondo? Ti do un indizio: potrebbe non essere chi ti aspetti! La storia dietro questa persona è assolutamente affascinante e dimostra che la programmazione è sempre stata una questione di risoluzione creativa dei problemi e pensiero fuori dagli schemi.
+Quando impari a programmare, non stai solo acquisendo una nuova abilità – stai diventando parte di una comunità incredibile di risolutori di problemi che ogni giorno pensano: "E se potessi costruire qualcosa che renda il giorno di qualcuno un po’ migliore?" Davvero, c’è qualcosa di più figo di questo?
 
-### 🧠 **Momento di Riflessione: Come Ti Senti?**
+✅ **Caccia al fatto curioso**: Ecco una cosa super interessante da cercare quando hai un momento libero – chi pensi sia stato il primo programmatore del mondo? Ti do un indizio: potrebbe non essere chi aspetti! La storia di questa persona è assolutamente affascinante e dimostra che la programmazione è sempre stata questione di pensiero creativo e problem solving fuori dagli schemi.
+
+### 🧠 **Momento di Verifica: Come Ti Senti?**
 
 **Prenditi un momento per riflettere:**
-- L'idea di "dare istruzioni ai computer" ti sembra più chiara ora?
+- Ora ha senso l’idea di "dare istruzioni ai computer"?
 - Riesci a pensare a un compito quotidiano che vorresti automatizzare con la programmazione?
-- Quali domande ti stanno venendo in mente su tutto questo mondo della programmazione?
+- Quali domande ti stanno venendo in mente su questo mondo della programmazione?
 
-> **Ricorda**: È assolutamente normale se alcuni concetti ti sembrano ancora confusi. Imparare a programmare è come imparare una nuova lingua – ci vuole tempo affinché il cervello costruisca quei percorsi neurali. Stai andando alla grande!
+> **Ricorda**: È completamente normale se alcuni concetti ora ti sembrano confusi. Imparare a programmare è come imparare una nuova lingua – ci vuole tempo perché il cervello costruisca quei collegamenti neurali. Stai andando alla grande!
 
 ## I Linguaggi di Programmazione Sono Come Diversi Gusti di Magia
 
-Ok, questo potrebbe sembrare strano, ma seguimi – i linguaggi di programmazione sono un po' come i diversi tipi di musica. Pensaci: hai il jazz, che è fluido e improvvisato, il rock che è potente e diretto, la musica classica che è elegante e strutturata, e l'hip-hop che è creativo ed espressivo. Ogni stile ha la sua atmosfera, la sua comunità di fan appassionati, e ognuno è perfetto per diversi stati d'animo e occasioni.
+Ok, può sembrare strano, ma seguimi – i linguaggi di programmazione sono molto simili a diversi tipi di musica. Pensaci: hai il jazz, che è fluido e improvvisato, il rock potente e diretto, la classica elegante e strutturata, e l’hip-hop creativo ed espressivo. Ogni stile ha il suo mood, la sua comunità di fan appassionati, e ognuno è perfetto per occasioni e stati d’animo diversi.
 
-I linguaggi di programmazione funzionano esattamente allo stesso modo! Non useresti lo stesso linguaggio per creare un divertente gioco mobile che useresti per analizzare enormi quantità di dati climatici, proprio come non suoneresti death metal in una lezione di yoga (beh, nella maggior parte delle lezioni di yoga! 😄).
+I linguaggi di programmazione funzionano esattamente allo stesso modo! Non useresti lo stesso linguaggio per costruire un gioco mobile divertente che per elaborare enormi quantità di dati climatici, proprio come non suoneresti death metal a una lezione di yoga (beh, quasi sempre! 😄).
 
-Ma ecco cosa mi lascia sempre a bocca aperta ogni volta che ci penso: questi linguaggi sono come avere l'interprete più paziente e brillante del mondo seduto accanto a te. Puoi esprimere le tue idee in un modo che sembra naturale per il tuo cervello umano, e loro si occupano di tutto il lavoro incredibilmente complesso di tradurle nel linguaggio dei computer. È come avere un amico perfettamente fluente sia in "creatività umana" che in "logica informatica" – e non si stanca mai, non ha bisogno di pause caffè e non ti giudica mai per aver fatto la stessa domanda due volte!
+Ma ecco cosa mi stupisce ogni volta che ci penso: questi linguaggi sono come avere il traduttore più paziente e brillante del mondo seduto proprio accanto a te. Puoi esprimere le tue idee in un modo che è naturale per il tuo cervello umano, e loro si occupano di tutto quel lavoro incredibilmente complesso di traduzione in 1 e 0 che i computer parlano davvero. È come avere un amico che parla perfettamente sia la "creatività umana" che la "logica del computer" – e non si stanca mai, non ha bisogno di pause caffè, e non ti giudica se fai la stessa domanda due volte!
 
 ### Linguaggi di Programmazione Popolari e i Loro Usi
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Linguaggi di Programmazione))
+    Sviluppo Web
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Magia Frontend
+        Siti Web Interattivi
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + Tipi
+        App Aziendali
+    Dati & IA
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Scienza dei Dati
+        Apprendimento Automatico
+        Automazione
       R
-        Statistics
-        Research
-    Mobile Apps
+        Statistica
+        Ricerca
+    App Mobili
       Java
         Android
-        Enterprise
+        Aziendale
       Swift
         iOS
-        Apple Ecosystem
+        Ecosistema Apple
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        Android Moderno
+        Multi-piattaforma
+    Sistemi & Prestazioni
       C++
-        Games
-        Performance Critical
+        Giochi
+        Critico per le Prestazioni
       Rust
-        Memory Safety
-        System Programming
+        Sicurezza della Memoria
+        Programmazione di Sistema
       Go
-        Cloud Services
-        Scalable Backend
+        Servizi Cloud
+        Backend Scalabile
 ```
-
-| Linguaggio | Migliore per | Perché è popolare |
-|------------|--------------|-------------------|
-| **JavaScript** | Sviluppo web, interfacce utente | Funziona nei browser e alimenta siti web interattivi |
+| Language | Ideale Per | Perché è Popolare |
+|----------|----------|------------------|
+| **JavaScript** | Sviluppo web, interfacce utente | Funziona nei browser e alimenta siti interattivi |
 | **Python** | Data science, automazione, AI | Facile da leggere e imparare, librerie potenti |
-| **Java** | Applicazioni aziendali, app Android | Indipendente dalla piattaforma, robusto per sistemi grandi |
-| **C#** | Applicazioni Windows, sviluppo di giochi | Forte supporto nell'ecosistema Microsoft |
+| **Java** | Applicazioni enterprise, app Android | Indipendente dalla piattaforma, robusto per grandi sistemi |
+| **C#** | Applicazioni Windows, sviluppo giochi | Forte supporto dall’ecosistema Microsoft |
 | **Go** | Servizi cloud, sistemi backend | Veloce, semplice, progettato per il computing moderno |
 
 ### Linguaggi di Alto Livello vs. Basso Livello
 
-Ok, questo è stato onestamente il concetto che mi ha mandato in tilt quando ho iniziato a imparare, quindi condividerò l'analogia che finalmente me l'ha fatto capire – e spero davvero che aiuti anche te!
+Ok, questo è stato davvero il concetto che mi ha mandato in tilt quando ho iniziato, quindi ti condivido l’analogia che alla fine mi ha fatto capire tutto – e spero davvero aiuti anche te!
 
-Immagina di visitare un paese dove non parli la lingua e hai disperatamente bisogno di trovare il bagno (ci siamo passati tutti, vero? 😅):
+Immagina di visitare un paese dove non parli la lingua e hai disperatamente bisogno di trovare il bagno più vicino (ci siamo passati tutti, giusto? 😅):
 
-- **Programmazione di basso livello** è come imparare il dialetto locale così bene da poter parlare con la nonna che vende frutta all'angolo usando riferimenti culturali, slang locale e battute interne che solo qualcuno cresciuto lì capirebbe. Super impressionante e incredibilmente efficiente... se per caso sei fluente! Ma piuttosto opprimente quando stai solo cercando di trovare un bagno.
+- **La programmazione a basso livello** è come imparare il dialetto locale così bene da poter parlare con la nonna che vende la frutta all’angolo usando riferimenti culturali, slang locale e battute interne che solo chi è cresciuto lì capirebbe. Super impressionante e incredibilmente efficiente... se sei fluente! Ma un po’ opprimente se stai solo cercando un bagno.
 
-- **Programmazione di alto livello** è come avere quell'amico locale fantastico che ti capisce. Puoi dire "Ho davvero bisogno di trovare un bagno" in italiano semplice, e lui si occupa di tutta la traduzione culturale e ti dà indicazioni in un modo che ha perfettamente senso per il tuo cervello non locale.
+- **La programmazione ad alto livello** è come avere quell’amico del posto incredibile che ti capisce subito. Puoi dire "Ho proprio bisogno di trovare un bagno" in inglese semplice, e lui si occupa di tutta la traduzione culturale e ti dà indicazioni che hanno senso per il tuo cervello da turista.
 
 In termini di programmazione:
-- **Linguaggi di basso livello** (come Assembly o C) ti permettono di avere conversazioni incredibilmente dettagliate con l'hardware effettivo del computer, ma devi pensare come una macchina, il che è... beh, diciamo che è un bel cambiamento mentale!
-- **Linguaggi di alto livello** (come JavaScript, Python o C#) ti permettono di pensare come un essere umano mentre loro si occupano di tutto il linguaggio delle macchine dietro le quinte. Inoltre, hanno comunità incredibilmente accoglienti piene di persone che ricordano com'era essere nuovi e vogliono davvero aiutarti!
+- **I linguaggi a basso livello** (come Assembly o C) ti permettono di avere conversazioni incredibilmente dettagliate con l’hardware reale del computer, ma devi pensare come una macchina, il che è… beh, diciamo che è un gran salto mentale!
+- **I linguaggi ad alto livello** (come JavaScript, Python o C#) ti permettono di pensare come un umano mentre loro gestiscono tutto il linguaggio macchina dietro le quinte. In più hanno comunità incredibilmente accoglienti piene di persone che ricordano cosa vuol dire essere nuovi e che vogliono davvero aiutarti!
 
-Indovina quali ti suggerirò di iniziare a usare? 😉 I linguaggi di alto livello sono come avere le rotelle che non vorrai mai togliere perché rendono l'intera esperienza molto più piacevole!
+Indovina con quali ti suggerirò di iniziare? 😉 I linguaggi ad alto livello sono come le rotelle di supporto che probabilmente non vorrai mai togliere perché rendono l’esperienza molto più piacevole!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Pensiero Umano:<br/>'Voglio calcolare i numeri di Fibonacci'"] --> B{Scegli il livello del linguaggio}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|High-Level| C["🌟 JavaScript/Python<br/>Facile da leggere e scrivere"]
+    B -->|Low-Level| D["⚙️ Assembly/C<br/>Controllo diretto dell'hardware"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Scrivi: fibonacci(10)"]
+    D --> F["📝 Scrivi: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Comprensione del computer:<br/>Il traduttore gestisce la complessità"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Stesso risultato:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Ti Mostro Perché i Linguaggi ad Alto Livello Sono Molto Più Amichevoli
 
-### Ti Mostro Perché i Linguaggi di Alto Livello Sono Molto Più Amichevoli
+Ok, sto per mostrarti qualcosa che dimostra perfettamente perché mi sono innamorato dei linguaggi ad alto livello, ma prima – devi promettermi una cosa. Quando vedrai il primo esempio di codice, non andare nel panico! È fatto apposta per sembrare intimidatorio. Esattamente il punto che voglio sottolineare!
 
-Ok, sto per mostrarti qualcosa che dimostra perfettamente perché mi sono innamorato dei linguaggi di alto livello, ma prima – ho bisogno che tu mi prometta una cosa. Quando vedrai il primo esempio di codice, non andare nel panico! Deve sembrare intimidatorio. È proprio questo il punto che voglio dimostrare!
-
-Guarderemo lo stesso compito scritto in due stili completamente diversi. Entrambi creano quella che si chiama sequenza di Fibonacci – è questo bellissimo schema matematico in cui ogni numero è la somma dei due precedenti: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosità: troverai questo schema letteralmente ovunque in natura – spirali di semi di girasole, schemi di pigne, persino il modo in cui si formano le galassie!)
+Esamineremo lo stesso compito scritto in due stili completamente diversi. Entrambi creano quella che si chiama sequenza di Fibonacci – è un bellissimo pattern matematico dove ogni numero è la somma dei due precedenti: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosità: trovi questo pattern ovunque in natura – le spirali dei semi di girasole, i modelli delle pigne, persino la formazione delle galassie!)
 
 Pronto a vedere la differenza? Andiamo!
 
-**Linguaggio di alto livello (JavaScript) – Amichevole per gli umani:**
+**Linguaggio ad alto livello (JavaScript) – Amichevole per gli umani:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Passo 1: Configurazione base di Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -187,30 +185,30 @@ console.log('Fibonacci sequence:');
 
 **Ecco cosa fa questo codice:**
 - **Dichiara** una costante per specificare quanti numeri di Fibonacci vogliamo generare
-- **Inizializza** due variabili per tenere traccia dei numeri attuali e successivi nella sequenza
-- **Imposta** i valori iniziali (0 e 1) che definiscono il modello Fibonacci
+- **Inizializza** due variabili per tracciare il numero attuale e il successivo nella sequenza
+- **Imposta** i valori iniziali (0 e 1) che definiscono il pattern di Fibonacci
 - **Mostra** un messaggio di intestazione per identificare il nostro output
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Passo 2: Genera la sequenza con un ciclo
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Calcola il numero successivo nella sequenza
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Analisi di ciò che accade qui:**
-- **Itera** attraverso ogni posizione nella nostra sequenza usando un ciclo `for`
-- **Mostra** ogni numero con la sua posizione usando la formattazione dei template literal
-- **Calcola** il prossimo numero di Fibonacci sommando i valori attuali e successivi
-- **Aggiorna** le nostre variabili di tracciamento per passare alla prossima iterazione
+**Analisi di quello che succede qui:**
+- **Ciclo** attraverso ogni posizione nella nostra sequenza usando un ciclo `for`
+- **Mostra** ogni numero con la sua posizione usando la formattazione template literal
+- **Calcola** il prossimo numero di Fibonacci sommando i valori attuale e successivo
+- **Aggiorna** le variabili di tracciamento per passare all’iterazione successiva
 
 ```javascript
-// Step 3: Modern functional approach
+// Passo 3: Approccio funzionale moderno
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Esempio d'uso
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
 **Nel codice sopra, abbiamo:**
-- **Creato** una funzione riutilizzabile usando la moderna sintassi delle funzioni freccia
-- **Costruito** un array per memorizzare l'intera sequenza invece di mostrarla uno per uno
-- **Usato** l'indicizzazione degli array per calcolare ogni nuovo numero dai valori precedenti
-- **Restituito** la sequenza completa per un uso flessibile in altre parti del nostro programma
+- **Creato** una funzione riutilizzabile usando la sintassi moderna delle arrow function
+- **Costruito** un array per memorizzare la sequenza completa invece di mostrarla uno per uno
+- **Usato** l’indicizzazione degli array per calcolare ogni nuovo numero dai valori precedenti
+- **Restituito** la sequenza completa per un uso flessibile in altre parti del programma
 
-**Linguaggio di basso livello (ARM Assembly) – Amichevole per i computer:**
+**Linguaggio a basso livello (ARM Assembly) – Amichevole per il computer:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,63 +257,63 @@ back add r0,r1
  end
 ```
 
-Nota come la versione JavaScript si legge quasi come istruzioni in inglese, mentre la versione Assembly utilizza comandi criptici che controllano direttamente il processore del computer. Entrambi svolgono esattamente lo stesso compito, ma il linguaggio di alto livello è molto più facile da comprendere, scrivere e mantenere.
+Nota come la versione JavaScript legge quasi come istruzioni in inglese, mentre quella Assembly usa comandi criptici che controllano direttamente il processore del computer. Entrambe realizzano lo stesso compito, ma il linguaggio ad alto livello è molto più facile da capire, scrivere e mantenere per gli umani.
 
-**Differenze principali che noterai:**
-- **Leggibilità**: JavaScript utilizza nomi descrittivi come `fibonacciCount`, mentre Assembly usa etichette criptiche come `r0`, `r1`.
-- **Commenti**: I linguaggi di alto livello incoraggiano commenti esplicativi che rendono il codice autoesplicativo
-- **Struttura**: Il flusso logico di JavaScript corrisponde al modo in cui gli esseri umani pensano ai problemi passo dopo passo
-- **Manutenzione**: Aggiornare la versione di JavaScript per soddisfare requisiti diversi è semplice e chiaro
+**Differenze chiave che noterai:**
+- **Leggibilità**: JavaScript usa nomi descrittivi come `fibonacciCount` mentre Assembly usa etichette criptiche come `r0`, `r1`
+- **Commenti**: I linguaggi di alto livello incoraggiano commenti esplicativi che rendono il codice auto-documentante
+- **Struttura**: Il flusso logico di JavaScript corrisponde a come gli umani pensano ai problemi passo dopo passo
+- **Manutenzione**: Aggiornare la versione JavaScript per requisiti diversi è semplice e chiaro
 
-✅ **A proposito della sequenza di Fibonacci**: Questo schema numerico assolutamente affascinante (dove ogni numero è la somma dei due precedenti: 0, 1, 1, 2, 3, 5, 8...) si trova letteralmente *ovunque* in natura! Lo puoi vedere nelle spirali dei girasoli, nei motivi delle pigne, nella curva delle conchiglie di nautilus e persino nel modo in cui crescono i rami degli alberi. È davvero incredibile come la matematica e il codice possano aiutarci a comprendere e ricreare i modelli che la natura utilizza per creare bellezza!
+✅ **Sulla sequenza di Fibonacci**: Questo schema numerico assolutamente stupendo (dove ogni numero è la somma dei due precedenti: 0, 1, 1, 2, 3, 5, 8...) compare letteralmente *ovunque* in natura! Lo troverai nelle spirali dei girasoli, nei modelli delle pigne, nel modo in cui si curvano le conchiglie di nautilus, e persino nella crescita dei rami degli alberi. È davvero incredibile come matematica e codice possano aiutarci a comprendere e ricreare i modelli che la natura usa per creare bellezza!
 
 
-## I Mattoni Che Fanno Accadere la Magia
+## I Mattoni Che Creano la Magia
 
-Bene, ora che hai visto come appaiono i linguaggi di programmazione in azione, analizziamo i pezzi fondamentali che compongono praticamente ogni programma mai scritto. Pensali come gli ingredienti essenziali della tua ricetta preferita – una volta che capisci cosa fa ciascuno, sarai in grado di leggere e scrivere codice praticamente in qualsiasi linguaggio!
+Bene, ora che hai visto come appaiono in azione i linguaggi di programmazione, scomponiamo i pezzi fondamentali che costituiscono letteralmente ogni programma mai scritto. Pensali come gli ingredienti essenziali nella tua ricetta preferita – una volta che capisci cosa fa ciascuno, potrai leggere e scrivere codice praticamente in qualsiasi linguaggio!
 
-È un po' come imparare la grammatica della programmazione. Ricordi a scuola quando hai imparato i nomi, i verbi e come costruire le frasi? La programmazione ha la sua versione della grammatica, e onestamente, è molto più logica e indulgente della grammatica inglese! 😄
+È un po' come imparare la grammatica della programmazione. Ricordi a scuola quando hai imparato i sostantivi, i verbi e come mettere insieme le frasi? La programmazione ha la sua versione di grammatica, e onestamente, è molto più logica e indulgente di quella inglese di una volta! 😄
 
-### Istruzioni: Le Indicazioni Passo Dopo Passo
+### Istruzioni: Le Direzioni Passo-Passo
 
-Iniziamo con le **istruzioni** – sono come frasi individuali in una conversazione con il tuo computer. Ogni istruzione dice al computer di fare una cosa specifica, un po' come dare indicazioni: "Gira a sinistra qui", "Fermati al semaforo rosso", "Parcheggia in quel posto."
+Iniziamo con le **istruzioni** – sono come singole frasi in una conversazione con il tuo computer. Ogni istruzione dice al computer di fare una cosa specifica, un po’ come dare indicazioni: "Gira a sinistra qui," "Fermati al semaforo rosso," "Parcheggia in quel posto."
 
-Quello che adoro delle istruzioni è quanto siano leggibili di solito. Guarda qui:
+Quello che adoro delle istruzioni è quanto di solito siano leggibili. Guarda questo:
 
 ```javascript
-// Basic statements that perform single actions
+// Istruzioni di base che eseguono azioni singole
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
 **Ecco cosa fa questo codice:**
-- **Dichiara** una variabile costante per memorizzare il nome di un utente
-- **Mostra** un messaggio di saluto nell'output della console
-- **Calcola** e memorizza il risultato di un'operazione matematica
+- **Dichiarare** una variabile costante per memorizzare il nome di un utente
+- **Visualizzare** un messaggio di saluto nell'output della console
+- **Calcolare** e memorizzare il risultato di un’operazione matematica
 
 ```javascript
-// Statements that interact with web pages
+// Istruzioni che interagiscono con le pagine web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
 **Passo dopo passo, ecco cosa succede:**
-- **Modifica** il titolo della pagina web che appare nella scheda del browser
-- **Cambia** il colore di sfondo dell'intera pagina
+- **Modificare** il titolo della pagina che appare nella scheda del browser
+- **Cambiare** il colore di sfondo dell’intero corpo della pagina
 
-### Variabili: Il Sistema di Memoria del Tuo Programma
+### Variabili: La Memoria del Tuo Programma
 
-Ok, le **variabili** sono onestamente uno dei miei concetti preferiti da insegnare perché sono così simili a cose che usi già ogni giorno!
+Ok, le **variabili** sono onestamente uno dei miei concetti preferiti da insegnare perché sono molto simili a cose che usi già ogni singolo giorno!
 
-Pensa alla rubrica del tuo telefono per un momento. Non memorizzi il numero di telefono di tutti – invece, salvi "Mamma", "Migliore Amico" o "Pizzeria che consegna fino alle 2 di notte" e lasci che il tuo telefono ricordi i numeri effettivi. Le variabili funzionano esattamente allo stesso modo! Sono come contenitori etichettati dove il tuo programma può memorizzare informazioni e recuperarle più tardi usando un nome che ha senso.
+Pensa per un attimo alla lista contatti del tuo telefono. Non memorizzi il numero di telefono di tutti – invece salvi "Mamma," "Migliore Amico," o "Pizzeria che consegna fino alle 2 di notte," e lasci che il telefono ricordi i numeri reali. Le variabili funzionano esattamente allo stesso modo! Sono come contenitori etichettati dove il tuo programma può memorizzare informazioni e recuperarle dopo usando un nome che ha senso.
 
-Ecco cosa è davvero interessante: le variabili possono cambiare mentre il tuo programma è in esecuzione (da qui il nome "variabile" – capito il gioco di parole?). Proprio come potresti aggiornare il contatto della pizzeria quando ne trovi una ancora migliore, le variabili possono essere aggiornate mentre il tuo programma apprende nuove informazioni o mentre le situazioni cambiano!
+E sai cosa è davvero bello: le variabili possono cambiare mentre il programma gira (da qui il nome “variabile” – hai visto cosa hanno fatto?). Proprio come potresti aggiornare quel contatto della pizzeria quando ne trovi una ancora migliore, le variabili possono essere aggiornate mentre il programma apprende nuove informazioni o le situazioni cambiano!
 
-Lascia che ti mostri quanto può essere semplice e bello:
+Lascia che ti mostri quanto può essere semplicissimo:
 
 ```javascript
-// Step 1: Creating basic variables
+// Passo 1: Creazione di variabili di base
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -323,13 +321,13 @@ let isRaining = false;
 ```
 
 **Capire questi concetti:**
-- **Memorizza** valori immutabili in variabili `const` (come il nome del sito)
-- **Usa** `let` per valori che possono cambiare durante il programma
-- **Assegna** diversi tipi di dati: stringhe (testo), numeri e booleani (vero/falso)
-- **Scegli** nomi descrittivi che spiegano cosa contiene ogni variabile
+- **Memorizzare** valori invariati in variabili `const` (come il nome del sito)
+- **Usare** `let` per valori che possono cambiare durante il programma
+- **Assegnare** tipi di dati diversi: stringhe (testo), numeri, e booleani (vero/falso)
+- **Scegliere** nomi descrittivi che spiegano cosa contiene ogni variabile
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Fase 2: Lavorare con oggetti per raggruppare dati correlati
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -337,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**In questo esempio, abbiamo:**
-- **Creato** un oggetto per raggruppare insieme informazioni meteo correlate
-- **Organizzato** più pezzi di dati sotto un unico nome di variabile
+**Nel codice sopra, abbiamo:**
+- **Creato** un oggetto per raggruppare insieme informazioni meteorologiche correlate
+- **Organizzato** più dati sotto un unico nome di variabile
 - **Usato** coppie chiave-valore per etichettare chiaramente ogni pezzo di informazione
 
 ```javascript
-// Step 3: Using and updating variables
+// Passo 3: Utilizzo e aggiornamento delle variabili
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Aggiornamento delle variabili modificabili
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
 **Capire ogni parte:**
-- **Mostra** informazioni usando i template literals con la sintassi `${}`
-- **Accedi** alle proprietà degli oggetti usando la notazione a punto (`weatherData.windSpeed`)
-- **Aggiorna** variabili dichiarate con `let` per riflettere condizioni in cambiamento
-- **Combina** più variabili per creare messaggi significativi
+- **Visualizzare** informazioni usando template literal con la sintassi `${}`
+- **Accedere** alle proprietà dell’oggetto usando la notazione a punto (`weatherData.windSpeed`)
+- **Aggiornare** variabili dichiarate con `let` per riflettere condizioni in cambiamento
+- **Combinare** più variabili per creare messaggi significativi
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Passaggio 4: Distrutturazione moderna per un codice più pulito
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Cosa devi sapere:**
-- **Estrai** proprietà specifiche dagli oggetti usando l'assegnazione destrutturante
-- **Crea** nuove variabili automaticamente con gli stessi nomi delle chiavi degli oggetti
-- **Semplifica** il codice evitando la notazione a punto ripetitiva
+- **Estrarre** proprietà specifiche dagli oggetti usando assegnazione tramite destrutturazione
+- **Creare** nuove variabili automaticamente con gli stessi nomi delle chiavi dell’oggetto
+- **Semplificare** il codice evitando ripetute notazioni a punto
 
-### Flusso di Controllo: Insegnare al Tuo Programma a Pensare
+### Controllo di Flusso: Insegnare al Programma a Pensare
 
-Ok, qui è dove la programmazione diventa assolutamente incredibile! **Flusso di controllo** significa insegnare al tuo programma come prendere decisioni intelligenti, esattamente come fai tu ogni giorno senza nemmeno pensarci.
+Ok, qui la programmazione diventa assolutamente stupefacente! Il **controllo di flusso** è sostanzialmente insegnare al tuo programma come prendere decisioni intelligenti, proprio come fai tu ogni singolo giorno senza nemmeno pensarci.
 
-Immagina questo: stamattina probabilmente hai pensato qualcosa come "Se piove, prendo un ombrello. Se fa freddo, indosso una giacca. Se sono in ritardo, salto la colazione e prendo un caffè lungo la strada." Il tuo cervello segue naturalmente questa logica if-then decine di volte ogni giorno!
+Immagina: stamattina probabilmente hai fatto qualcosa tipo "Se piove, prendo l’ombrello. Se fa freddo, metto la giacca. Se sono in ritardo, salto la colazione e prendo il caffè al volo." Il tuo cervello segue naturalmente questa logica if-then dozzine di volte ogni giorno!
 
-Questo è ciò che rende i programmi intelligenti e vivi invece di seguire semplicemente uno script noioso e prevedibile. Possono effettivamente osservare una situazione, valutare cosa sta accadendo e rispondere di conseguenza. È come dare al tuo programma un cervello che può adattarsi e fare scelte!
+Questo è ciò che fa sentire i programmi intelligenti e vivi invece di semplicemente seguire uno script noioso e prevedibile. Possono guardare una situazione, valutarla e rispondere di conseguenza. È come dare al tuo programma un cervello che può adattarsi e fare scelte!
 
-Vuoi vedere quanto funziona bene tutto questo? Lascia che ti mostri:
+Vuoi vedere quanto funziona bene? Lascia che ti mostri:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Passo 1: Logica condizionale di base
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -392,13 +390,13 @@ if (userAge >= 18) {
 ```
 
 **Ecco cosa fa questo codice:**
-- **Controlla** se l'età dell'utente soddisfa il requisito per votare
-- **Esegue** diversi blocchi di codice in base al risultato della condizione
-- **Calcola** e mostra quanto manca per l'idoneità al voto se sotto i 18 anni
+- **Controlla** se l’età dell’utente soddisfa il requisito per votare
+- **Esegue** diversi blocchi di codice basandosi sul risultato della condizione
+- **Calcola** e mostra quanto manca all’idoneità al voto se sotto i 18 anni
 - **Fornisce** feedback specifici e utili per ogni scenario
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Passo 2: Molteplici condizioni con operatori logici
 const userAge = 17;
 const hasPermission = true;
 
@@ -411,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Analizziamo cosa succede qui:**
-- **Combina** più condizioni usando l'operatore `&&` (e)
-- **Crea** una gerarchia di condizioni usando `else if` per scenari multipli
+**Spieghiamo cosa succede qui:**
+- **Combina** più condizioni usando l’operatore `&&` (e)
+- **Crea** una gerarchia di condizioni usando `else if` per più scenari
 - **Gestisce** tutti i casi possibili con una dichiarazione finale `else`
-- **Fornisce** feedback chiari e pratici per ogni situazione diversa
+- **Fornisce** feedback chiari e azionabili per ogni situazione differente
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Passo 3: Condizionale conciso con operatore ternario
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
 **Cosa devi ricordare:**
-- **Usa** l'operatore ternario (`? :`) per condizioni semplici a due opzioni
+- **Usa** l’operatore ternario (`? :`) per condizioni semplici a due opzioni
 - **Scrivi** prima la condizione, seguita da `?`, poi il risultato vero, poi `:`, poi il risultato falso
-- **Applica** questo schema quando devi assegnare valori basati su condizioni
+- **Applica** questo modello quando devi assegnare valori basati su condizioni
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Passo 4: Gestione di più casi specifici
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -449,57 +447,56 @@ switch (dayOfWeek) {
 }
 ```
 
-**Questo codice realizza quanto segue:**
-- **Confronta** il valore della variabile con più casi specifici
+**Questo codice fa le seguenti cose:**
+- **Confronta** il valore di una variabile con casi specifici multipli
 - **Raggruppa** casi simili insieme (giorni feriali vs. fine settimana)
-- **Esegue** il blocco di codice appropriato quando viene trovato un corrispondenza
-- **Include** un caso `default` per gestire valori inaspettati
-- **Usa** dichiarazioni `break` per impedire al codice di continuare al caso successivo
+- **Esegue** il blocco di codice appropriato quando trova una corrispondenza
+- **Include** un caso `default` per gestire valori inattesi
+- **Usa** istruzioni `break` per evitare che il codice prosegua al caso successivo
 
-> 💡 **Analogia nel mondo reale**: Pensa al flusso di controllo come avere il GPS più paziente del mondo che ti dà indicazioni. Potrebbe dire "Se c'è traffico su Main Street, prendi l'autostrada. Se i lavori bloccano l'autostrada, prova il percorso panoramico." I programmi usano esattamente lo stesso tipo di logica condizionale per rispondere in modo intelligente a situazioni diverse e offrire sempre agli utenti la migliore esperienza possibile.
+> 💡 **Analogia reale**: Pensa al controllo di flusso come ad avere il GPS più paziente del mondo che ti dà le indicazioni. Potrebbe dire "Se c’è traffico in Via Principale, prendi invece l’autostrada. Se i lavori bloccano l’autostrada, prova la strada panoramica." I programmi usano esattamente lo stesso tipo di logica condizionale per rispondere in modo intelligente a situazioni diverse e dare sempre agli utenti la migliore esperienza possibile.
 
-### 🎯 **Verifica dei Concetti: Padronanza dei Mattoni Fondamentali**
+### 🎯 **Controllo Concettuale: Padronanza dei Mattoni**
 
 **Vediamo come te la cavi con i fondamentali:**
-- Riesci a spiegare la differenza tra una variabile e un'istruzione con parole tue?
-- Pensa a uno scenario reale in cui useresti una decisione if-then (come il nostro esempio sul voto)
-- Qual è una cosa sulla logica di programmazione che ti ha sorpreso?
+- Riesci a spiegare la differenza tra una variabile e un’istruzione con parole tue?
+- Pensa a uno scenario reale dove useresti una decisione if-then (come nel nostro esempio del voto)
+- Qual è una cosa della logica di programmazione che ti ha sorpreso?
 
-**Piccolo incoraggiamento:**
+**Piccolo aumento di fiducia:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Istruzioni<br/>(Istruzioni)"] --> B["📦 Variabili<br/>(Archiviazione)"] --> C["🔀 Flusso di Controllo<br/>(Decisioni)"] --> D["🎉 Programma Funzionante!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-
-✅ **Cosa ci aspetta**: Ci divertiremo tantissimo approfondendo questi concetti mentre continuiamo questo incredibile viaggio insieme! Per ora, concentrati solo sull'entusiasmo per tutte le incredibili possibilità che ti aspettano. Le competenze e le tecniche specifiche si fisseranno naturalmente mentre pratichiamo insieme – ti prometto che sarà molto più divertente di quanto ti aspetti!
+✅ **Cosa verrà dopo**: Ci divertiremo un sacco ad approfondire questi concetti mentre continuiamo questo incredibile viaggio insieme! Per ora, concentrati solo sul sentire l’eccitazione per tutte le straordinarie possibilità che ti aspettano. Le competenze e le tecniche specifiche ti resteranno naturali man mano che praticheremo insieme – prometto che sarà molto più divertente di quanto ti aspetti!
 
 ## Strumenti del Mestiere
 
-Bene, questo è davvero il momento in cui mi emoziono così tanto che a malapena riesco a contenermi! 🚀 Stiamo per parlare degli strumenti incredibili che ti faranno sentire come se ti avessero appena consegnato le chiavi di un'astronave digitale.
+Ok, questa è davvero la parte in cui mi emoziono così tanto che a malapena riesco a contenermi! 🚀 Stiamo per parlare degli incredibili strumenti che ti faranno sentire come se ti avessero appena consegnato le chiavi di un’astronave digitale.
 
-Sai come uno chef ha quei coltelli perfettamente bilanciati che sembrano un'estensione delle sue mani? O come un musicista ha quella chitarra che sembra cantare nel momento in cui la tocca? Bene, gli sviluppatori hanno la nostra versione di questi strumenti magici, e ecco cosa ti lascerà a bocca aperta – la maggior parte di essi è completamente gratuita!
+Sai come uno chef ha quei coltelli perfettamente bilanciati che sembrano un’estensione delle sue mani? O come un musicista ha quella chitarra che sembra cantare nel momento in cui la tocca? Bene, gli sviluppatori hanno la nostra versione di questi strumenti magici, e ecco cosa ti lascerà a bocca aperta – la maggior parte di essi è completamente gratuita!
 
-Sto praticamente saltando sulla sedia pensando di condividerli con te perché hanno completamente rivoluzionato il modo in cui creiamo software. Stiamo parlando di assistenti di codifica alimentati dall'intelligenza artificiale che possono aiutarti a scrivere il tuo codice (non sto scherzando!), ambienti cloud in cui puoi costruire intere applicazioni da letteralmente ovunque ci sia il Wi-Fi, e strumenti di debug così sofisticati che sembrano avere una visione a raggi X per i tuoi programmi.
+Sto praticamente saltellando sulla sedia al solo pensiero di condividerli con te perché hanno completamente rivoluzionato il modo in cui costruiamo software. Stiamo parlando di assistenti di codifica alimentati dall’IA che possono aiutarti a scrivere il codice (non sto scherzando!), ambienti cloud dove puoi costruire applicazioni intere da letteralmente ovunque con una connessione Wi-Fi, e strumenti di debug così sofisticati che sono come avere la vista a raggi X per i tuoi programmi.
 
-Ecco la parte che mi dà ancora i brividi: questi non sono "strumenti per principianti" che supererai. Questi sono gli stessi strumenti di livello professionale che gli sviluppatori di Google, Netflix e quel studio di app indie che ami stanno usando proprio in questo momento. Ti sentirai un vero professionista usandoli!
+E questa è la parte che ancora mi fa venire i brividi: non sono “strumenti per principianti” da cui poi crescerai. Sono gli stessi strumenti professionali di alto livello che gli sviluppatori di Google, Netflix, e quello studio indie di app che adori stanno usando proprio in questo momento. Ti sentirai un vero professionista usandoli!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 La tua idea"] --> B["⌨️ Editor di codice<br/>(VS Code)"] 
+    B --> C["🌐 DevTools del browser<br/>(Test e debug)"]
+    C --> D["⚡ Linea di comando<br/>(Automazione e strumenti)"]
+    D --> E["📚 Documentazione<br/>(Apprendimento e riferimento)"]
+    E --> F["🚀 Applicazione web fantastica!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Assistente AI<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Test sui dispositivi<br/>(Design reattivo)"]
+    D -.-> I["📦 Gestori di pacchetti<br/>(npm, yarn)"]
+    E -.-> J["👥 Comunità<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -508,193 +505,194 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-
 ### Editor di Codice e IDE: I Tuoi Nuovi Migliori Amici Digitali
 
-Parliamo degli editor di codice – questi diventeranno seriamente i tuoi nuovi posti preferiti dove passare il tempo! Pensali come il tuo santuario personale di codifica dove trascorrerai la maggior parte del tuo tempo a creare e perfezionare le tue creazioni digitali.
+Parliamo degli editor di codice – stanno per diventare seriamente i tuoi posti preferiti dove passare il tempo! Pensali come il tuo santuario personale di codifica dove passerai la maggior parte del tempo a creare e perfezionare le tue creazioni digitali.
 
-Ma ecco cosa è assolutamente magico degli editor moderni: non sono solo editor di testo eleganti. Sono come avere il mentore di codifica più brillante e di supporto seduto accanto a te 24/7. Correggono i tuoi errori di battitura prima che tu li noti, suggeriscono miglioramenti che ti fanno sembrare un genio, ti aiutano a capire cosa fa ogni pezzo di codice, e alcuni di loro possono persino prevedere cosa stai per digitare e offrirsi di completare i tuoi pensieri!
+Ma ecco cosa è assolutamente magico negli editor moderni: non sono solo editor di testo sofisticati. Sono come avere il mentore di programmazione più brillante e di supporto seduto accanto a te 24/7. Ti correggono gli errori di battitura prima ancora che tu li noti, suggeriscono miglioramenti che ti fanno sembrare un genio, ti aiutano a capire cosa fa ogni pezzo di codice, e alcuni di loro possono persino prevedere cosa stai per digitare e offrirti di completare i tuoi pensieri!
 
-Ricordo quando ho scoperto per la prima volta l'auto-completamento – mi sono letteralmente sentito come se stessi vivendo nel futuro. Inizi a digitare qualcosa, e il tuo editor dice: "Ehi, stavi pensando a questa funzione che fa esattamente ciò di cui hai bisogno?" È come avere un lettore di mente come compagno di codifica!
+Ricordo quando ho scoperto per la prima volta l’auto-completamento – mi sembrava di vivere nel futuro. Inizi a digitare qualcosa, e il tuo editor ti dice: "Ehi, pensavi a questa funzione che fa esattamente quello di cui hai bisogno?" È come avere un lettore del pensiero come compagno di codifica!
 
 **Cosa rende questi editor così incredibili?**
 
-Gli editor di codice moderni offrono una gamma impressionante di funzionalità progettate per aumentare la tua produttività:
+Gli editor di codice moderni offrono una vasta gamma di funzionalità progettate per aumentare la tua produttività:
 
 | Funzionalità | Cosa Fa | Perché Aiuta |
 |--------------|---------|--------------|
-| **Evidenziazione della Sintassi** | Colora diverse parti del codice | Rende il codice più facile da leggere e individuare errori |
-| **Auto-completamento** | Suggerisce codice mentre digiti | Velocizza la codifica e riduce gli errori |
-| **Strumenti di Debug** | Aiuta a trovare e correggere errori | Risparmia ore di tempo per la risoluzione dei problemi |
-| **Estensioni** | Aggiunge funzionalità specializzate | Personalizza il tuo editor per qualsiasi tecnologia |
-| **Assistenti AI** | Suggerisce codice e spiegazioni | Accelera l'apprendimento e la produttività |
+| **Evidenziazione della sintassi** | Colora le parti diverse del codice | Rende il codice più facile da leggere e individuare errori |
+| **Auto-completamento** | Suggerisce il codice mentre digiti | Accelera la scrittura e riduce gli errori di battitura |
+| **Strumenti di Debug** | Aiuta a trovare e correggere errori | Fa risparmiare ore di tempo in troubleshooting |
+| **Estensioni** | Aggiungono funzionalità specializzate | Personalizza il tuo editor per qualsiasi tecnologia |
+| **Assistenti AI** | Suggeriscono codice e spiegazioni | Accelerano l’apprendimento e la produttività |
 
-> 🎥 **Risorsa Video**: Vuoi vedere questi strumenti in azione? Dai un'occhiata a questo [video sugli Strumenti del Mestiere](https://youtube.com/watch?v=69WJeXGBdxg) per una panoramica completa.
+> 🎥 **Risorsa Video**: Vuoi vedere questi strumenti in azione? Dai un’occhiata a questo [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) per una panoramica completa.
 
-#### Editor Consigliati per lo Sviluppo Web
+#### Editor Raccomandati per lo Sviluppo Web
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
 - Il più popolare tra gli sviluppatori web
-- Ecosistema di estensioni eccellente
-- Terminale integrato e integrazione con Git
+- Ecosistema eccellente di estensioni
+- Terminale integrato e integrazione Git
 - **Estensioni indispensabili**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Suggerimenti di codice alimentati dall'AI
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Suggerimenti di codice alimentati dall’IA
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Collaborazione in tempo reale
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formattazione automatica del codice
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Individua errori di battitura nel codice
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Corregge errori di battitura nel codice
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (A pagamento, gratuito per studenti)
-- Strumenti avanzati di debug e test
+- Strumenti avanzati di debug e testing
 - Completamento intelligente del codice
-- Controllo di versione integrato
+- Controllo versione integrato
 
 **IDE Basati su Cloud** (Prezzi vari)
 - [GitHub Codespaces](https://github.com/features/codespaces) - VS Code completo nel browser
 - [Replit](https://replit.com/) - Ottimo per imparare e condividere codice
 - [StackBlitz](https://stackblitz.com/) - Sviluppo web full-stack istantaneo
 
-> 💡 **Consiglio per Iniziare**: Inizia con Visual Studio Code – è gratuito, ampiamente utilizzato nel settore e ha una comunità enorme che crea tutorial e estensioni utili.
+> 💡 **Consiglio per iniziare**: Parti con Visual Studio Code – è gratuito, molto usato nell’industria, e ha una comunità enorme che crea tutorial e estensioni utili.
 
 
-### Browser Web: Il Tuo Laboratorio Segreto di Sviluppo
+### Browser Web: Il Tuo Laboratorio di Sviluppo Segreto
 
-Ok, preparati a rimanere completamente sbalordito! Sai come hai usato i browser per scorrere i social media e guardare video? Bene, si scopre che hanno nascosto questo incredibile laboratorio segreto per sviluppatori per tutto questo tempo, aspettando solo che tu lo scopra!
+Ok, preparati a rimanere totalmente sbalordito! Sai come hai usato i browser per scorrere i social media e guardare video? Beh, si scopre che per tutto questo tempo hanno nascosto un incredibile laboratorio di sviluppo segreto, solo in attesa che tu lo scopra!
 
-Ogni volta che fai clic con il tasto destro su una pagina web e selezioni "Ispeziona elemento", stai aprendo un mondo nascosto di strumenti per sviluppatori che sono onestamente più potenti di alcuni software costosi per cui una volta pagavo centinaia di euro. È come scoprire che la tua vecchia cucina nasconde un laboratorio di chef professionisti dietro un pannello segreto!
-La prima volta che qualcuno mi ha mostrato gli strumenti di sviluppo del browser, ho passato tipo tre ore a cliccare ovunque dicendo: "ASPETTA, PUÒ FARE ANCHE QUESTO?!" Puoi letteralmente modificare qualsiasi sito web in tempo reale, vedere esattamente quanto velocemente si carica tutto, testare come appare il tuo sito su dispositivi diversi e persino fare il debug di JavaScript come un vero professionista. È assolutamente incredibile!
+Ogni volta che fai clic destro su una pagina web e selezioni "Ispeziona elemento," stai aprendo un mondo nascosto di strumenti per sviluppatori che sono onestamente più potenti di alcuni software costosi per cui ho pagato centinaia di dollari. È come scoprire che la tua cucina di tutti i giorni nascondeva un laboratorio da chef professionista dietro un pannello segreto!
+La prima volta che qualcuno mi ha mostrato i DevTools del browser, ho passato tipo tre ore a cliccare qua e là dicendo "ASPETTA, FA ANCHE QUESTO?!" Puoi letteralmente modificare qualsiasi sito web in tempo reale, vedere esattamente quanto velocemente tutto si carica, testare come appare il tuo sito su dispositivi diversi, e persino fare il debug di JavaScript come un vero professionista. È assolutamente stupefacente!
 
 **Ecco perché i browser sono la tua arma segreta:**
 
-Quando crei un sito web o un'applicazione web, devi vedere come appare e si comporta nel mondo reale. I browser non solo mostrano il tuo lavoro, ma forniscono anche feedback dettagliati su prestazioni, accessibilità e potenziali problemi.
+Quando crei un sito web o un'applicazione web, devi vedere come appare e si comporta nel mondo reale. I browser non solo mostrano il tuo lavoro, ma offrono anche feedback dettagliati su prestazioni, accessibilità e possibili problemi.
 
-#### Strumenti per sviluppatori del browser (DevTools)
+#### Browser Developer Tools (DevTools)
 
 I browser moderni includono suite di sviluppo complete:
 
-| Categoria di strumenti | Cosa fa | Esempio di utilizzo |
-|-------------------------|---------|---------------------|
-| **Inspector degli elementi** | Visualizza e modifica HTML/CSS in tempo reale | Modifica lo stile per vedere risultati immediati |
-| **Console** | Visualizza messaggi di errore e testa JavaScript | Risolvi problemi e sperimenta con il codice |
-| **Monitor di rete** | Traccia il caricamento delle risorse | Ottimizza le prestazioni e i tempi di caricamento |
-| **Controllo accessibilità** | Testa il design inclusivo | Assicurati che il tuo sito funzioni per tutti gli utenti |
-| **Simulatore di dispositivi** | Anteprima su diverse dimensioni dello schermo | Testa il design responsivo senza dispositivi multipli |
+| Categoria Strumento | Cosa Fa | Esempio di Uso |
+|---------------------|---------|----------------|
+| **Element Inspector** | Visualizza e modifica HTML/CSS in tempo reale | Regola lo stile per vedere risultati immediati |
+| **Console** | Visualizza messaggi di errore e testa JavaScript | Debugga problemi e sperimenta con il codice |
+| **Network Monitor** | Monitora come si caricano le risorse | Ottimizza prestazioni e tempi di caricamento |
+| **Accessibility Checker** | Testa il design inclusivo | Assicura che il sito funzioni per tutti gli utenti |
+| **Device Simulator** | Visualizza anteprime su diverse dimensioni schermo | Testa il design responsive senza più dispositivi |
 
-#### Browser consigliati per lo sviluppo
+#### Browser Raccomandati per lo Sviluppo
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standard del settore con documentazione estesa
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Ottimi strumenti per CSS Grid e accessibilità
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Eccellenti strumenti per CSS Grid e accessibilità
 - **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Basato su Chromium con risorse per sviluppatori di Microsoft
 
-> ⚠️ **Suggerimento importante per i test**: Testa sempre i tuoi siti web su più browser! Ciò che funziona perfettamente su Chrome potrebbe apparire diverso su Safari o Firefox. Gli sviluppatori professionisti testano su tutti i principali browser per garantire esperienze utente coerenti.
+> ⚠️ **Importante consiglio di test:** Testa sempre i tuoi siti su più browser! Ciò che funziona perfettamente su Chrome potrebbe apparire diverso su Safari o Firefox. Gli sviluppatori professionisti testano su tutti i principali browser per garantire un’esperienza utente coerente.
+
 
-### Strumenti da riga di comando: il tuo accesso ai superpoteri da sviluppatore
+### Strumenti da Linea di Comando: La Tua Porta a Superpoteri da Sviluppatore
 
-Ok, parliamo onestamente della riga di comando, perché voglio che tu lo senta da qualcuno che ci è passato. Quando l'ho vista per la prima volta – solo questo schermo nero spaventoso con testo lampeggiante – ho letteralmente pensato: "No, assolutamente no! Sembra qualcosa da un film di hacker degli anni '80, e sicuramente non sono abbastanza intelligente per questo!" 😅
+Ok, facciamo un momento di onestà totale sulla linea di comando, perché voglio che tu senta questo da qualcuno che la conosce davvero. Quando l’ho vista per la prima volta – solo quella schermata nera spaventosa con il testo lampeggiante – ho letteralmente pensato, "No, assolutamente no! Sembra qualcosa di un film di hacker degli anni ’80, e non sono sicuramente abbastanza smart per questa cosa!" 😅
 
-Ma ecco cosa avrei voluto che qualcuno mi dicesse allora, e che ti sto dicendo ora: la riga di comando non è spaventosa – è in realtà come avere una conversazione diretta con il tuo computer. Pensala come la differenza tra ordinare cibo tramite un'app elegante con immagini e menu (che è carino e facile) rispetto a entrare nel tuo ristorante locale preferito dove lo chef sa esattamente cosa ti piace e può preparare qualcosa di perfetto solo dicendo "sorprendimi con qualcosa di fantastico."
+Ma ecco cosa avrei voluto che qualcuno mi dicesse allora, e cosa ti dico adesso: la linea di comando non fa paura – è come avere una conversazione diretta con il tuo computer. Pensala come la differenza tra ordinare cibo tramite un’app figa con immagini e menu (che è comodo e facile) e entrare nel tuo ristorante locale preferito dove lo chef sa esattamente cosa ti piace e può creare qualcosa di perfetto semplicemente dicendo "sorpresa con qualcosa di fantastico."
 
-La riga di comando è il luogo dove gli sviluppatori si sentono dei veri maghi. Scrivi alcune parole apparentemente magiche (ok, sono solo comandi, ma sembrano magiche!), premi invio, e BOOM – hai creato intere strutture di progetto, installato strumenti potenti da tutto il mondo, o distribuito la tua app su internet per milioni di persone. Una volta che assapori quel potere, è davvero piuttosto coinvolgente!
+La linea di comando è il posto dove gli sviluppatori si sentono maghi assoluti. Digiti qualche parola apparentemente magica (ok, sono solo comandi, ma sembrano magici!), premi invio, e BOOM – hai creato intere strutture di progetto, installato strumenti potenti da tutto il mondo, o distribuito la tua app su internet per milioni di persone da vedere. Una volta che assaggi quel potere, diventa davvero una dipendenza!
 
-**Perché la riga di comando diventerà il tuo strumento preferito:**
+**Perché la linea di comando diventerà il tuo strumento preferito:**
 
-Mentre le interfacce grafiche sono ottime per molti compiti, la riga di comando eccelle in automazione, precisione e velocità. Molti strumenti di sviluppo funzionano principalmente tramite interfacce da riga di comando, e imparare a usarle in modo efficiente può migliorare notevolmente la tua produttività.
+Mentre le interfacce grafiche sono ottime per molti compiti, la linea di comando eccelle in automazione, precisione e velocità. Molti strumenti di sviluppo funzionano principalmente tramite CLI, e imparare a usarli efficacemente può migliorare moltissimo la tua produttività.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Passo 1: Crea e naviga nella directory del progetto
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Cosa fa questo codice:**
+**Ecco cosa fa questo codice:**
 - **Crea** una nuova directory chiamata "my-awesome-website" per il tuo progetto
-- **Naviga** nella directory appena creata per iniziare a lavorare
+- **Naviga** nella nuova directory creata per iniziare a lavorare
 
 ```bash
-# Step 2: Initialize project with package.json
+# Passo 2: Inizializza il progetto con package.json
 npm init -y
 
-# Install modern development tools
+# Installa strumenti di sviluppo moderni
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Passo dopo passo, ecco cosa sta succedendo:**
+**Passo dopo passo, questo è ciò che succede:**
 - **Inizializza** un nuovo progetto Node.js con impostazioni predefinite usando `npm init -y`
-- **Installa** Vite come strumento di build moderno per sviluppo rapido e build di produzione
-- **Aggiungi** Prettier per la formattazione automatica del codice e ESLint per controlli di qualità del codice
-- **Usa** il flag `--save-dev` per segnare queste dipendenze come solo per lo sviluppo
+- **Installa** Vite come moderno strumento di build per sviluppo rapido e build di produzione
+- **Aggiunge** Prettier per il formato automatico del codice e ESLint per i controlli di qualità
+- **Usa** il flag `--save-dev` per marcare queste dipendenze come solo per lo sviluppo
 
 ```bash
-# Step 3: Create project structure and files
+# Passo 3: Crea la struttura del progetto e i file
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Avvia il server di sviluppo
 npx vite
 ```
 
-**Nel codice sopra, abbiamo:**
-- **Organizzato** il nostro progetto creando cartelle separate per il codice sorgente e le risorse
-- **Generato** un file HTML di base con una struttura del documento corretta
-- **Avviato** il server di sviluppo Vite per il ricaricamento live e la sostituzione dei moduli a caldo
+**Nel sopra, abbiamo:**
+- **Organizzato** il progetto creando cartelle separate per codice sorgente e risorse
+- **Generato** un file HTML base con struttura corretta del documento
+- **Avviato** il server di sviluppo Vite per reload live e hot module replacement
 
-#### Strumenti essenziali da riga di comando per lo sviluppo web
+#### Strumenti Essenziali da Linea di Comando per lo Sviluppo Web
 
-| Strumento | Scopo | Perché è utile |
-|-----------|-------|----------------|
-| **[Git](https://git-scm.com/)** | Controllo di versione | Tieni traccia delle modifiche, collabora con altri, fai il backup del tuo lavoro |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestione pacchetti | Esegui JavaScript fuori dai browser, installa strumenti di sviluppo moderni |
-| **[Vite](https://vitejs.dev/)** | Strumento di build & server di sviluppo | Sviluppo ultra rapido con sostituzione dei moduli a caldo |
-| **[ESLint](https://eslint.org/)** | Qualità del codice | Trova e correggi automaticamente i problemi nel tuo JavaScript |
-| **[Prettier](https://prettier.io/)** | Formattazione del codice | Mantieni il tuo codice formattato e leggibile in modo coerente |
+| Strumento | Scopo | Perché Ti Serve |
+|-----------|--------|-----------------|
+| **[Git](https://git-scm.com/)** | Controllo versione | Traccia le modifiche, collabora con altri, fai backup del lavoro |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript e gestionale pacchetti | Esegui JavaScript fuori dal browser, installa strumenti moderni |
+| **[Vite](https://vitejs.dev/)** | Strumento di build e server di sviluppo | Sviluppo ultra veloce con hot module replacement |
+| **[ESLint](https://eslint.org/)** | Qualità del codice | Trova e correggi automaticamente problemi nel tuo JavaScript |
+| **[Prettier](https://prettier.io/)** | Formattazione del codice | Mantieni il codice coerente e leggibile |
 
-#### Opzioni specifiche per piattaforma
+#### Opzioni Specifiche per Piattaforma
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminale moderno e ricco di funzionalità
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminale moderno, ricco di funzionalità
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Ambiente di scripting potente
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradizionale riga di comando di Windows
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradizionale linea di comando di Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Applicazione terminale integrata
-- **[iTerm2](https://iterm2.com/)** - Terminale avanzato con funzionalità aggiuntive
+- **[iTerm2](https://iterm2.com/)** - Terminale potenziato con funzioni avanzate
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell standard di Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulatore di terminale avanzato
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulatore terminale avanzato
 
-> 💻 = Preinstallato sul sistema operativo
+> 💻 = Preinstallato nel sistema operativo
 
-> 🎯 **Percorso di apprendimento**: Inizia con comandi base come `cd` (cambia directory), `ls` o `dir` (elenca file), e `mkdir` (crea cartella). Esercitati con comandi di flusso di lavoro moderni come `npm install`, `git status` e `code .` (apre la directory corrente in VS Code). Man mano che ti sentirai più a tuo agio, acquisirai naturalmente comandi più avanzati e tecniche di automazione.
+> 🎯 **Percorso di apprendimento**: Inizia con comandi base come `cd` (cambia directory), `ls` o `dir` (lista file), e `mkdir` (crea cartella). Pratica con comandi moderni di workflow come `npm install`, `git status`, e `code .` (apre la directory corrente in VS Code). Man mano che ti senti più a tuo agio, acquisirai naturalmente comandi più avanzati e tecniche di automazione.
 
-### Documentazione: il tuo mentore di apprendimento sempre disponibile
 
-Ok, lascia che ti condivida un piccolo segreto che ti farà sentire molto meglio riguardo all'essere un principiante: anche gli sviluppatori più esperti trascorrono una grande parte del loro tempo leggendo la documentazione. E non è perché non sanno cosa stanno facendo – è in realtà un segno di saggezza!
+### Documentazione: Il Tuo Mentore di Apprendimento Sempre Disponibile
 
-Pensa alla documentazione come avere accesso agli insegnanti più pazienti e competenti del mondo, disponibili 24/7. Bloccato su un problema alle 2 di notte? La documentazione è lì con un caldo abbraccio virtuale e la risposta esatta di cui hai bisogno. Vuoi imparare una nuova funzionalità interessante di cui tutti parlano? La documentazione ti supporta con esempi passo-passo. Stai cercando di capire perché qualcosa funziona in un certo modo? Esatto – la documentazione è pronta a spiegartelo in modo che finalmente ti sia chiaro!
+Ok, ti racconto un piccolo segreto che ti farà sentire molto meglio sul fatto di essere un principiante: anche gli sviluppatori più esperti passano tantissimo tempo a leggere la documentazione. E non perché non sappiano cosa stanno facendo – in realtà è un segno di saggezza!
 
-Ecco qualcosa che ha completamente cambiato la mia prospettiva: il mondo dello sviluppo web si muove incredibilmente veloce, e nessuno (intendo assolutamente nessuno!) tiene tutto a mente. Ho visto sviluppatori senior con oltre 15 anni di esperienza cercare sintassi di base, e sai una cosa? Non è imbarazzante – è intelligente! Non si tratta di avere una memoria perfetta; si tratta di sapere dove trovare risposte affidabili rapidamente e capire come applicarle.
+Pensala come avere accesso ai docenti più pazienti e competenti del mondo, disponibili 24/7. Bloccato su un problema alle 2 di notte? La documentazione è lì con un caldo abbraccio virtuale e esattamente la risposta di cui hai bisogno. Vuoi imparare una nuova funzione di cui si parla tanto? La documentazione ti copre con esempi passo a passo. Cerchi di capire perché qualcosa funziona come funziona? Hai indovinato – la documentazione è pronta a spiegartelo in modo che finalmente ti si accenda la lampadina!
 
-**Ecco dove avviene la vera magia:**
+Ecco qualcosa che ha completamente cambiato la mia prospettiva: il mondo dello sviluppo web si muove incredibilmente veloce, e nessuno (intendo assolutamente nessuno!) tiene tutto a memoria. Ho visto sviluppatori senior con 15+ anni di esperienza cercare sintassi base, e sai una cosa? Non è imbarazzante – è intelligente! Non si tratta di avere una memoria perfetta; si tratta di sapere dove trovare risposte affidabili in fretta e di capire come applicarle.
 
-Gli sviluppatori professionisti trascorrono una parte significativa del loro tempo leggendo la documentazione – non perché non sanno cosa stanno facendo, ma perché il panorama dello sviluppo web evolve così rapidamente che rimanere aggiornati richiede un apprendimento continuo. Una buona documentazione ti aiuta a capire non solo *come* usare qualcosa, ma anche *perché* e *quando* usarlo.
+**Qui avviene la vera magia:**
 
-#### Risorse essenziali di documentazione
+Gli sviluppatori professionisti passano una parte significativa del loro tempo a leggere la documentazione – non perché non sappiano fare il loro lavoro, ma perché il panorama dello sviluppo web cambia così rapidamente che per restare aggiornati serve apprendimento continuo. Una buona documentazione ti aiuta a capire non solo *come* usare qualcosa, ma *perché* e *quando* usarlo.
+
+#### Risorse di Documentazione Essenziali
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Lo standard d'oro per la documentazione delle tecnologie web
+- Lo standard d’oro per la documentazione delle tecnologie web
 - Guide complete per HTML, CSS e JavaScript
-- Include informazioni sulla compatibilità dei browser
+- Include informazioni di compatibilità browser
 - Presenta esempi pratici e demo interattive
 
 **[Web.dev](https://web.dev)** (di Google)
-- Best practice per lo sviluppo web moderno
-- Guide per l'ottimizzazione delle prestazioni
+- Best practice moderne per lo sviluppo web
+- Guide all’ottimizzazione delle prestazioni
 - Principi di accessibilità e design inclusivo
-- Studi di caso da progetti reali
+- Case study da progetti reali
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Risorse per lo sviluppo con il browser Edge
+- Risorse per sviluppo su browser Edge
 - Guide per Progressive Web App
 - Approfondimenti sullo sviluppo cross-platform
 
@@ -703,156 +701,156 @@ Gli sviluppatori professionisti trascorrono una parte significativa del loro tem
 - Corsi video da esperti del settore
 - Esercizi pratici di programmazione
 
-> 📚 **Strategia di studio**: Non cercare di memorizzare la documentazione – invece, impara a navigarla in modo efficiente. Salva nei segnalibri i riferimenti usati frequentemente e pratica l'uso delle funzioni di ricerca per trovare rapidamente informazioni specifiche.
+> 📚 **Strategia di studio**: Non cercare di memorizzare la documentazione – invece, impara a navigarla efficacemente. Salva come preferiti riferimenti usati frequentemente e pratica l’uso delle funzioni di ricerca per trovare info specifiche rapidamente.
 
-### 🔧 **Controllo della padronanza degli strumenti: cosa ti entusiasma?**
+### 🔧 **Verifica della Padronanza Strumenti: Cosa Ti Rispecchia?**
 
 **Prenditi un momento per riflettere:**
-- Quale strumento sei più entusiasta di provare per primo? (Non c'è una risposta sbagliata!)
-- La riga di comando ti sembra ancora intimidatoria, o ti incuriosisce?
-- Riesci a immaginare di usare i DevTools del browser per sbirciare dietro le quinte dei tuoi siti preferiti?
+- Quale strumento ti emoziona di più provare per primo? (Non c’è una risposta sbagliata!)
+- La linea di comando ti sembra ancora intimidatoria o ti incuriosisce?
+- Riesci a immaginare di usare i DevTools del browser per dare un’occhiata dietro le quinte dei tuoi siti preferiti?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Tempo Sviluppatore Trascorso con Gli Strumenti"
+    "Editor di Codice" : 40
+    "Test Browser" : 25
+    "Linea di Comando" : 15
+    "Lettura Documenti" : 15
+    "Debug" : 5
 ```
+> **Curiosità divertente**: La maggior parte degli sviluppatori passa circa il 40% del proprio tempo nell’editor di codice, ma nota quanto tempo va in test, apprendimento e risoluzione problemi. Programmare non significa solo scrivere codice – è creare esperienze!
 
-> **Curiosità divertente**: La maggior parte degli sviluppatori trascorre circa il 40% del proprio tempo nel proprio editor di codice, ma nota quanto tempo viene dedicato ai test, all'apprendimento e alla risoluzione dei problemi. La programmazione non riguarda solo scrivere codice – si tratta di creare esperienze!
-
-✅ **Spunto di riflessione**: Ecco qualcosa di interessante da considerare – secondo te, in che modo gli strumenti per costruire siti web (sviluppo) potrebbero essere diversi dagli strumenti per progettare il loro aspetto (design)? È come la differenza tra essere un architetto che progetta una casa bellissima e il costruttore che la realizza effettivamente. Entrambi sono cruciali, ma hanno bisogno di cassette degli attrezzi diverse! Questo tipo di pensiero ti aiuterà davvero a vedere il quadro generale di come i siti web prendono vita.
+✅ **Spunto di riflessione**: Ecco qualcosa interessante su cui riflettere – come pensi che gli strumenti per costruire siti (sviluppo) possano essere diversi da quelli per progettare come appaiono (design)? È come la differenza tra un architetto che progetta una casa bellissima e l’impresario che la costruisce realmente. Entrambi sono cruciali, ma hanno toolbox diversi! Questo tipo di pensiero ti aiuterà davvero a vedere il quadro più ampio di come i siti web prendono vita.
 
 ## Sfida GitHub Copilot Agent 🚀
 
 Usa la modalità Agent per completare la seguente sfida:
 
-**Descrizione:** Esplora le funzionalità di un editor di codice moderno o IDE e dimostra come può migliorare il tuo flusso di lavoro come sviluppatore web.
+**Descrizione:** Esplora le funzionalità di un editor di codice moderno o IDE e dimostra come può migliorare il tuo workflow come sviluppatore web.
 
-**Prompt:** Scegli un editor di codice o IDE (come Visual Studio Code, WebStorm o un IDE basato su cloud). Elenca tre funzionalità o estensioni che ti aiutano a scrivere, fare debug o mantenere il codice in modo più efficiente. Per ciascuna, fornisci una breve spiegazione di come migliora il tuo flusso di lavoro.
+**Prompt:** Scegli un editor di codice o IDE (come Visual Studio Code, WebStorm, o un IDE cloud-based). Elenca tre funzionalità o estensioni che ti aiutano a scrivere, fare debug, o mantenere il codice in modo più efficiente. Per ciascuna, fornisci una breve spiegazione di come beneficia il tuo workflow.
 
 ---
 
 ## 🚀 Sfida
 
-**Ok, detective, pronto per il tuo primo caso?**
+**Bene, detective, pronto per il tuo primo caso?**
 
-Ora che hai questa fantastica base, ho un'avventura che ti aiuterà a vedere quanto sia incredibilmente diversificato e affascinante il mondo della programmazione. E ascolta – non si tratta ancora di scrivere codice, quindi niente pressione! Pensati come un detective dei linguaggi di programmazione al tuo primo caso emozionante!
+Ora che hai questa fantastica base, ho un’avventura che ti aiuterà a vedere quanto è incredibilmente vario e affascinante il mondo della programmazione. E ascolta – non si tratta ancora di scrivere codice, quindi niente pressione! Pensati come un detective di linguaggi di programmazione al tuo primo emozionante caso!
 
 **La tua missione, se decidi di accettarla:**
-1. **Diventa un esploratore di linguaggi**: Scegli tre linguaggi di programmazione provenienti da universi completamente diversi – magari uno che costruisce siti web, uno che crea app mobili e uno che analizza dati per gli scienziati. Trova esempi dello stesso compito semplice scritto in ciascun linguaggio. Ti prometto che rimarrai assolutamente stupito da quanto possano essere diversi mentre fanno esattamente la stessa cosa!
+1. **Diventa un esploratore di linguaggi**: Scegli tre linguaggi di programmazione provenienti da universi completamente diversi – magari uno per costruire siti web, uno per creare app mobili, e uno che elabora dati per scienziati. Trova esempi dello stesso semplice compito scritto in ciascun linguaggio. Ti prometto che sarai assolutamente stupito di quanto possano sembrare diversi pur facendo esattamente la stessa cosa!
 
-2. **Scopri le loro storie di origine**: Cosa rende speciale ogni linguaggio? Ecco un fatto interessante – ogni singolo linguaggio di programmazione è stato creato perché qualcuno ha pensato: "Sai una cosa? Deve esserci un modo migliore per risolvere questo problema specifico." Riesci a capire quali erano quei problemi? Alcune di queste storie sono davvero affascinanti!
+2. **Scopri le loro storie di origine**: Cosa rende speciale ciascun linguaggio? Ecco un fatto interessante – ogni singolo linguaggio di programmazione è stato creato perché qualcuno ha pensato, "Sai che c’è? Deve esserci un modo migliore per risolvere questo problema specifico." Riesci a scoprire quali erano quei problemi? Alcune di queste storie sono davvero affascinanti!
 
-3. **Incontra le comunità**: Scopri quanto sono accoglienti e appassionate le comunità di ciascun linguaggio. Alcune hanno milioni di sviluppatori che condividono conoscenze e si aiutano a vicenda, altre sono più piccole ma incredibilmente unite e solidali. Ti piacerà vedere le diverse personalità che queste comunità hanno!
+3. **Incontra le comunità**: Dai un’occhiata a quanto sono accoglienti e appassionate le comunità di ciascun linguaggio. Alcune hanno milioni di sviluppatori che condividono conoscenza e si aiutano a vicenda, altre sono più piccole ma incredibilmente unite e supportive. Ti piacerà vedere le diverse personalità di queste comunità!
 
-4. **Segui il tuo istinto**: Quale linguaggio ti sembra più accessibile in questo momento? Non stressarti per fare la scelta "perfetta" – ascolta semplicemente il tuo istinto! Non c'è davvero una risposta sbagliata qui, e puoi sempre esplorarne altri in seguito.
+4. **Segui il tuo istinto**: Quale linguaggio ti sembra più accessibile al momento? Non stressarti per fare la scelta "perfetta" – ascolta semplicemente il tuo istinto! Non c’è davvero una risposta sbagliata qui, e puoi sempre esplorarne altri più avanti.
 
-**Lavoro investigativo bonus**: Scopri quali grandi siti web o app sono costruiti con ciascun linguaggio. Ti garantisco che rimarrai sorpreso nel sapere cosa alimenta Instagram, Netflix o quel gioco mobile a cui non riesci a smettere di giocare!
+**Bonus da detective**: Vedi se riesci a scoprire quali importanti siti web o app sono costruiti con ciascun linguaggio. Ti garantisco che rimarrai scioccato scoprendo cosa alimenta Instagram, Netflix, o quel gioco mobile che non riesci a smettere di giocare!
 
-> 💡 **Ricorda**: Non stai cercando di diventare un esperto in nessuno di questi linguaggi oggi. Stai solo conoscendo il quartiere prima di decidere dove vuoi stabilirti. Prenditi il tuo tempo, divertiti e lascia che la tua curiosità ti guidi!
+> 💡 **Ricorda**: Non stai cercando di diventare un esperto di uno di questi linguaggi oggi. Stai solo conoscendo il quartiere prima di decidere dove vuoi stabilirti. Prenditi il tuo tempo, divertiti, e lascia che sia la tua curiosità a guidarti!
 
-## Celebriamo ciò che hai scoperto!
+## Festeggiamo Ciò che Hai Scoperto!
 
-Accidenti, hai assorbito così tante informazioni incredibili oggi! Sono davvero entusiasta di vedere quanto di questo fantastico viaggio ti sia rimasto impresso. E ricorda – questo non è un test in cui devi ottenere tutto perfetto. È più una celebrazione di tutte le cose interessanti che hai imparato su questo mondo affascinante in cui stai per immergerti!
+Accidenti, hai assorbito un sacco di informazioni incredibili oggi! Sono davvero entusiasta di vedere quanto di questo fantastico viaggio ti sia rimasto impresso. E ricorda – non è un test in cui devi fare tutto perfetto. È più una celebrazione di tutte le cose interessanti che hai imparato su questo mondo affascinante in cui stai per immergerti!
 
-[Partecipa al quiz post-lezione](https://ff-quizzes.netlify.app/web/)
-## Revisione e Studio Autonomo
+[Fai il quiz post-lezione](https://ff-quizzes.netlify.app/web/)
 
-**Prenditi il tuo tempo per esplorare e divertirti!**
+## Revisione & Studio Autonomo
 
-Hai fatto molta strada oggi, e questo è qualcosa di cui essere orgogliosi! Ora arriva la parte divertente: esplorare gli argomenti che hanno acceso la tua curiosità. Ricorda, non è un compito – è un'avventura!
+**Prenditi il tempo per esplorare e divertirti!**
+Hai coperto molta strada oggi, ed è qualcosa di cui essere orgogliosi! Ora arriva la parte divertente – esplorare gli argomenti che hanno acceso la tua curiosità. Ricorda, questo non è un compito – è un’avventura!
 
 **Approfondisci ciò che ti entusiasma:**
 
-**Sperimenta con i linguaggi di programmazione:**
-- Visita i siti ufficiali di 2-3 linguaggi che hanno catturato la tua attenzione. Ognuno ha la sua personalità e storia!
-- Prova alcuni ambienti di programmazione online come [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) o [Replit](https://replit.com/). Non aver paura di sperimentare – non puoi rompere nulla!
-- Leggi come è nato il tuo linguaggio preferito. Seriamente, alcune di queste storie sono affascinanti e ti aiuteranno a capire perché i linguaggi funzionano nel modo in cui lo fanno.
+**Metti le mani sui linguaggi di programmazione:**
+- Visita i siti ufficiali di 2-3 linguaggi che hanno catturato la tua attenzione. Ognuno ha la propria personalità e storia!
+- Prova qualche playground di programmazione online come [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), o [Replit](https://replit.com/). Non aver paura di sperimentare – non puoi rompere nulla!
+- Leggi di come è nato il tuo linguaggio preferito. Sul serio, alcune di queste storie di origine sono affascinanti e ti aiuteranno a capire perché i linguaggi funzionano nel modo in cui lo fanno.
 
 **Familiarizza con i tuoi nuovi strumenti:**
-- Scarica Visual Studio Code se non l'hai già fatto – è gratuito e te ne innamorerai!
-- Dedica qualche minuto a esplorare il marketplace delle estensioni. È come un app store per il tuo editor di codice!
-- Apri gli strumenti per sviluppatori del tuo browser e clicca un po' ovunque. Non preoccuparti di capire tutto – basta familiarizzare con ciò che c'è.
+- Scarica Visual Studio Code se non l’hai già fatto – è gratuito e ti piacerà un sacco!
+- Trascorri qualche minuto a curiosare nel marketplace delle Estensioni. È come un app store per il tuo editor di codice!
+- Apri gli Strumenti per sviluppatori del tuo browser e clicca un po’ in giro. Non preoccuparti di capire tutto – familiarizza semplicemente con ciò che c’è.
 
-**Unisciti alla comunità:**
-- Segui alcune comunità di sviluppatori su [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) o [GitHub](https://github.com/). La comunità di programmazione è incredibilmente accogliente per i nuovi arrivati!
-- Guarda alcuni video di programmazione per principianti su YouTube. Ci sono tantissimi creatori fantastici che ricordano com'è iniziare.
-- Considera di partecipare a meetup locali o comunità online. Fidati, gli sviluppatori adorano aiutare i nuovi arrivati!
+**Unisciti alla community:**
+- Segui alcune comunità di sviluppatori su [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), o [GitHub](https://github.com/). La community della programmazione è incredibilmente accogliente con i principianti!
+- Guarda qualche video di programmazione per principianti su YouTube. Ci sono tantissimi creatori fantastici che ricordano com’è stato iniziare.
+- Considera di unirti a meetup locali o a comunità online. Fidati, agli sviluppatori piace aiutare i nuovi arrivati!
 
-> 🎯 **Ascolta, ecco cosa voglio che tu ricordi**: Non ci si aspetta che tu diventi un mago della programmazione da un giorno all'altro! In questo momento, stai solo iniziando a conoscere questo fantastico nuovo mondo di cui stai per far parte. Prenditi il tuo tempo, goditi il viaggio e ricorda – ogni singolo sviluppatore che ammiri è stato una volta seduto esattamente dove sei tu ora, sentendosi entusiasta e forse un po' sopraffatto. È assolutamente normale, e significa che stai facendo le cose nel modo giusto!
+> 🎯 **Ascolta, ecco cosa voglio che tu ricordi**: Non ti si chiede di diventare un mago del codice da un giorno all’altro! Ora stai solo iniziando a conoscere questo incredibile nuovo mondo di cui farai parte. Prenditi il tuo tempo, goditi il viaggio e ricorda – ogni singolo sviluppatore che ammiri è stato una volta esattamente dove sei tu ora, emozionato e magari un po’ sopraffatto. È del tutto normale, e significa che stai facendo la cosa giusta!
 
 
 
 ## Compito
 
-[Leggere la documentazione](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Un piccolo incoraggiamento per il tuo compito**: Mi piacerebbe davvero vederti esplorare alcuni strumenti che non abbiamo ancora trattato! Salta gli editor, i browser e gli strumenti da riga di comando di cui abbiamo già parlato – c'è un intero incredibile universo di strumenti di sviluppo straordinari là fuori che aspettano solo di essere scoperti. Cerca quelli che sono attivamente mantenuti e hanno comunità vivaci e disponibili (questi tendono ad avere i migliori tutorial e le persone più disponibili quando inevitabilmente ti blocchi e hai bisogno di una mano amica).
+> 💡 **Un piccolo incoraggiamento per il tuo compito**: Mi piacerebbe davvero vederti esplorare qualche strumento che non abbiamo ancora trattato! Salta gli editor, i browser e gli strumenti da riga di comando di cui abbiamo già parlato – c’è un intero universo incredibile di fantastici strumenti di sviluppo che aspettano solo di essere scoperti. Cerca quelli attivamente mantenuti e con comunità vivaci e disponibili (questi tendono ad avere i migliori tutorial e le persone più gentili quando inevitabilmente ti bloccherai e avrai bisogno di una mano amichevole).
 
 ---
 
-## 🚀 La tua Timeline del Viaggio nella Programmazione
+## 🚀 La tua Timeline di Viaggio nella Programmazione
 
 ### ⚡ **Cosa puoi fare nei prossimi 5 minuti**
-- [ ] Aggiungi ai segnalibri 2-3 siti web di linguaggi di programmazione che hanno catturato la tua attenzione
-- [ ] Scarica Visual Studio Code se non l'hai già fatto
-- [ ] Apri gli strumenti per sviluppatori del tuo browser (F12) e clicca un po' ovunque su un sito web
-- [ ] Unisciti a una comunità di programmazione (Dev.to, Reddit r/webdev o Stack Overflow)
+- [ ] Aggiungi ai preferiti 2-3 siti web di linguaggi di programmazione che ti hanno colpito
+- [ ] Scarica Visual Studio Code se non l’hai già fatto
+- [ ] Apri gli Strumenti per sviluppatori del browser (F12) e clicca in giro su qualsiasi sito
+- [ ] Unisciti a una community di programmatori (Dev.to, Reddit r/webdev o Stack Overflow)
 
-### ⏰ **Cosa puoi realizzare in quest'ora**
+### ⏰ **Cosa puoi realizzare in quest’ora**
 - [ ] Completa il quiz post-lezione e rifletti sulle tue risposte
-- [ ] Configura VS Code con l'estensione GitHub Copilot
+- [ ] Configura VS Code con l’estensione GitHub Copilot
 - [ ] Prova un esempio "Hello World" in 2 diversi linguaggi di programmazione online
-- [ ] Guarda un video "Una giornata nella vita di uno sviluppatore" su YouTube
+- [ ] Guarda un video “Un giorno nella vita di uno sviluppatore” su YouTube
 - [ ] Inizia il tuo lavoro da detective sui linguaggi di programmazione (dalla sfida)
 
-### 📅 **La tua avventura di una settimana**
-- [ ] Completa il compito e esplora 3 nuovi strumenti di sviluppo
+### 📅 **La tua avventura settimanale**
+- [ ] Completa il compito ed esplora 3 nuovi strumenti di sviluppo
 - [ ] Segui 5 sviluppatori o account di programmazione sui social media
-- [ ] Prova a costruire qualcosa di piccolo su CodePen o Replit (anche solo "Ciao, [Il tuo nome]!")
-- [ ] Leggi un post sul blog di uno sviluppatore riguardo al suo percorso nella programmazione
-- [ ] Partecipa a un meetup virtuale o guarda una conferenza sulla programmazione
-- [ ] Inizia a imparare il linguaggio che hai scelto con tutorial online
+- [ ] Prova a costruire qualcosa di piccolo su CodePen o Replit (anche solo “Hello, [Il tuo nome]!”)
+- [ ] Leggi un post di un blog sviluppatore su un viaggio nella programmazione
+- [ ] Partecipa a un meetup virtuale o guarda un talk sulla programmazione
+- [ ] Inizia a imparare il linguaggio scelto con tutorial online
 
-### 🗓️ **La tua trasformazione di un mese**
-- [ ] Crea il tuo primo piccolo progetto (anche una semplice pagina web va bene!)
+### 🗓️ **La tua trasformazione mensile**
+- [ ] Costruisci il tuo primo piccolo progetto (anche una semplice pagina web conta!)
 - [ ] Contribuisci a un progetto open-source (inizia con correzioni alla documentazione)
-- [ ] Fai da mentore a qualcuno che sta appena iniziando il suo percorso nella programmazione
-- [ ] Crea il tuo sito web portfolio da sviluppatore
-- [ ] Connettiti con comunità locali di sviluppatori o gruppi di studio
+- [ ] Fai da mentore a qualcuno che sta appena iniziando il suo percorso di programmazione
+- [ ] Crea il tuo sito portfolio da sviluppatore
+- [ ] Connettiti con comunità di sviluppatori locali o gruppi di studio
 - [ ] Inizia a pianificare il tuo prossimo traguardo di apprendimento
 
 ### 🎯 **Riflessione finale**
 
-**Prima di andare avanti, prenditi un momento per festeggiare:**
-- Qual è una cosa della programmazione che ti ha entusiasmato oggi?
+**Prima di andare avanti, prenditi un momento per celebrare:**
+- Qual è la cosa che oggi ti ha entusiasmato della programmazione?
 - Quale strumento o concetto vuoi esplorare per primo?
-- Come ti senti riguardo all'inizio di questo viaggio nella programmazione?
-- Qual è una domanda che vorresti fare a uno sviluppatore in questo momento?
+- Come ti senti riguardo all’inizio di questo viaggio nella programmazione?
+- Qual è una domanda che vorresti fare a uno sviluppatore proprio ora?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Il tuo percorso di costruzione della fiducia
+    section Oggi
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Questa settimana
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Il prossimo mese
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Ricorda**: Ogni esperto è stato un principiante. Ogni sviluppatore senior si è sentito esattamente come ti senti tu ora – entusiasta, forse un po' sopraffatto, e sicuramente curioso di sapere cosa è possibile. Sei in ottima compagnia, e questo viaggio sarà incredibile. Benvenuto nel meraviglioso mondo della programmazione! 🎉
+> 🌟 **Ricorda**: Ogni esperto è stato una volta un principiante. Ogni sviluppatore senior ha provato esattamente quello che provi tu ora – entusiasmo, forse un po’ di confusione, e sicuramente curiosità su ciò che è possibile. Sei in ottima compagnia, e questo viaggio sarà incredibile. Benvenuto nel meraviglioso mondo della programmazione! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:  
-Questo documento è stato tradotto utilizzando il servizio di traduzione AI [Co-op Translator](https://github.com/Azure/co-op-translator). Sebbene ci impegniamo per garantire l'accuratezza, si prega di notare che le traduzioni automatiche potrebbero contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si consiglia una traduzione professionale umana. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione.
\ No newline at end of file
+Questo documento è stato tradotto utilizzando il servizio di traduzione automatica AI [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci a garantire l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un traduttore umano. Non ci assumiamo alcuna responsabilità per eventuali incomprensioni o interpretazioni errate derivanti dall’uso di questa traduzione.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/it/AGENTS.md b/translations/it/AGENTS.md
index 20dd96678..6186cdf07 100644
--- a/translations/it/AGENTS.md
+++ b/translations/it/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Panoramica del Progetto
 
-Questo è un repository di curriculum educativo per insegnare i fondamenti dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, che propone 24 lezioni pratiche su JavaScript, CSS e HTML.
+Questo è un repository curriculum educativo per insegnare le basi dello sviluppo web ai principianti. Il curriculum è un corso completo di 12 settimane sviluppato dai Microsoft Cloud Advocates, con 24 lezioni pratiche che coprono JavaScript, CSS e HTML.
 
 ### Componenti Chiave
 
 - **Contenuti Educativi**: 24 lezioni strutturate organizzate in moduli basati su progetti
-- **Progetti Pratici**: Terrario, Gioco di Digitazione, Estensione Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI
-- **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post lezione)
-- **Supporto Multilingue**: Traduzioni automatizzate per più di 50 lingue tramite GitHub Actions
+- **Progetti Pratici**: Terrarium, Gioco di Digitazione, Estensione del Browser, Gioco Spaziale, App Bancaria, Editor di Codice e Assistente Chat AI
+- **Quiz Interattivi**: 48 quiz con 3 domande ciascuno (valutazioni pre/post-lezione)
+- **Supporto Multilingue**: Traduzioni automatiche per oltre 50 lingue tramite GitHub Actions
 - **Tecnologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (per progetti AI)
 
 ### Architettura
 
 - Repository educativo con struttura basata sulle lezioni
-- Ogni cartella lezione contiene README, esempi di codice e soluzioni
-- Progetti autonomi in directory separate (quiz-app, vari progetti delle lezioni)
-- Sistema di traduzione che usa GitHub Actions (co-op-translator)
+- Ogni cartella delle lezioni contiene README, esempi di codice e soluzioni
+- Progetti autonomi in directory separate (quiz-app, vari progetti di lezione)
+- Sistema di traduzione tramite GitHub Actions (co-op-translator)
 - Documentazione servita tramite Docsify e disponibile in PDF
 
-## Comandi di Setup
+## Comandi di Configurazione
 
-Questo repository è principalmente per fruizione di contenuti educativi. Per lavorare con progetti specifici:
+Questo repository è principalmente destinato al consumo di contenuti educativi. Per lavorare con progetti specifici:
 
-### Setup Principale del Repository
+### Configurazione Principale del Repository
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Setup Quiz App (Vue 3 + Vite)
+### Configurazione Quiz App (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -41,7 +41,7 @@ npm run build      # Compila per la produzione
 npm run lint       # Esegui ESLint
 ```
 
-### API Progetto Bancario (Node.js + Express)
+### API del Progetto Bancario (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -78,31 +78,31 @@ python api.py
 
 ## Flusso di Lavoro per lo Sviluppo
 
-### Per i Contributori di Contenuti
+### Per i Collaboratori di Contenuti
 
-1. **Forka il repository** sul tuo account GitHub
-2. **Clona il tuo fork** localmente
-3. **Crea un nuovo branch** per le tue modifiche
-4. Apporta modifiche ai contenuti delle lezioni o agli esempi di codice
-5. Testa eventuali modifiche al codice nelle directory di progetto rilevanti
-6. Invia pull request seguendo le linee guida per i contributi
+1. **Effettuare il fork del repository** sul proprio account GitHub
+2. **Clonare il fork** localmente
+3. **Creare un nuovo branch** per le modifiche
+4. Apportare modifiche ai contenuti delle lezioni o agli esempi di codice
+5. Testare eventuali modifiche al codice nelle directory di progetto rilevanti
+6. Inviare pull request seguendo le linee guida di contributo
 
 ### Per gli Studenti
 
-1. Fork o clona il repository
-2. Naviga le directory delle lezioni in sequenza
-3. Leggi i file README di ogni lezione
-4. Completa i quiz pre-lezione su https://ff-quizzes.netlify.app/web/
-5. Lavora sugli esempi di codice nelle cartelle delle lezioni
-6. Completa compiti e sfide
-7. Fai i quiz post-lezione
+1. Fare il fork o clonare il repository
+2. Navigare sequenzialmente nelle directory delle lezioni
+3. Leggere i file README di ogni lezione
+4. Completare i quiz pre-lezione su https://ff-quizzes.netlify.app/web/
+5. Lavorare sugli esempi di codice nelle cartelle delle lezioni
+6. Completare compiti e sfide
+7. Sostenere i quiz post-lezione
 
 ### Sviluppo Live
 
-- **Documentazione**: Esegui `docsify serve` nella root (porta 3000)
-- **Quiz App**: Esegui `npm run dev` nella directory quiz-app
-- **Progetti**: Usa l’estensione Live Server di VS Code per i progetti HTML
-- **Progetti API**: Esegui `npm start` nelle directory API corrispondenti
+- **Documentazione**: Eseguire `docsify serve` nella root (porta 3000)
+- **Quiz App**: Eseguire `npm run dev` nella directory quiz-app
+- **Progetti**: Usare l’estensione Live Server di VS Code per progetti HTML
+- **Progetti API**: Eseguire `npm start` nelle rispettive directory API
 
 ## Istruzioni per il Testing
 
@@ -118,65 +118,65 @@ npm run build      # Verifica che la compilazione abbia successo
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Controlla problemi di stile del codice
+npm run lint       # Controlla la presenza di problemi nello stile del codice
 node server.js     # Verifica che il server si avvii senza errori
 ```
 
 ### Approccio Generale al Testing
 
-- Questo è un repository educativo senza test automatici completi
-- Il testing manuale è focalizzato su:
-  - Esecuzione senza errori degli esempi di codice
-  - Funzionalità corretta dei link nella documentazione
-  - Completamento di build dei progetti senza errori
-  - Applicazione delle best practice negli esempi
+- Questo è un repository educativo senza test automatizzati completi
+- Il testing manuale si concentra su:
+  - Esecuzione degli esempi di codice senza errori
+  - Funzionamento corretto dei link nella documentazione
+  - Completamento con successo delle build dei progetti
+  - Aderenza degli esempi alle migliori pratiche
 
-### Controlli Prima dell’Invio
+### Controlli Pre-Invio
 
-- Esegui `npm run lint` nelle directory con package.json
-- Verifica che i link markdown siano validi
-- Testa gli esempi di codice nel browser o in Node.js
-- Controlla che le traduzioni mantengano una struttura corretta
+- Eseguire `npm run lint` nelle directory con package.json
+- Verificare che i link markdown siano validi
+- Testare gli esempi di codice nel browser o in Node.js
+- Controllare che le traduzioni mantengano la struttura corretta
 
 ## Linee Guida per lo Stile del Codice
 
 ### JavaScript
 
-- Usa sintassi moderna ES6+
-- Segui le configurazioni standard ESLint fornite nei progetti
-- Usa nomi significativi di variabili e funzioni per chiarezza educativa
-- Aggiungi commenti che spiegano i concetti agli studenti
-- Formatta con Prettier dove è configurato
+- Usare sintassi moderna ES6+
+- Seguire le configurazioni standard ESLint fornite nei progetti
+- Usare nomi di variabili e funzioni significativi per chiarezza educativa
+- Aggiungere commenti che spiegano i concetti per gli studenti
+- Formattare usando Prettier dove configurato
 
 ### HTML/CSS
 
 - Elementi semantici HTML5
 - Principi di design responsivo
-- Convenzioni chiare per nomi delle classi
+- Convenzioni chiare per la denominazione delle classi
 - Commenti che spiegano tecniche CSS per studenti
 
 ### Python
 
 - Linee guida di stile PEP 8
-- Codice chiaro ed educativo
-- Suggerimenti di tipo dove utili per l’apprendimento
+- Esempi di codice chiari ed educativi
+- Annotazioni di tipo dove utili per l’apprendimento
 
 ### Documentazione Markdown
 
-- Gerarchia chiara dei titoli
-- Blocchi di codice con specifica del linguaggio
+- Chiara gerarchia delle intestazioni
+- Blocchi di codice con specificazione del linguaggio
 - Link a risorse aggiuntive
-- Screenshot e immagini nelle cartelle `images/`
+- Screenshot e immagini nelle directory `images/`
 - Testo alternativo per le immagini per accessibilità
 
 ### Organizzazione dei File
 
-- Lezioni numerate sequenzialmente (1-getting-started-lessons, 2-js-basics, ecc.)
-- Ogni progetto ha directory `solution/` e spesso `start/` o `your-work/`
-- Immagini archiviate nelle cartelle `images/` specifiche per le lezioni
+- Lezioni numerate progressivamente (1-getting-started-lessons, 2-js-basics, ecc.)
+- Ogni progetto ha cartelle `solution/` e spesso `start/` o `your-work/`
+- Immagini conservate nelle cartelle `images/` specifiche delle lezioni
 - Traduzioni nella struttura `translations/{language-code}/`
 
-## Costruzione e Distribuzione
+## Build e Distribuzione
 
 ### Distribuzione Quiz App (Azure Static Web Apps)
 
@@ -185,7 +185,7 @@ La quiz-app è configurata per la distribuzione su Azure Static Web Apps:
 ```bash
 cd quiz-app
 npm run build      # Crea la cartella dist/
-# Esegue il deploy tramite workflow GitHub Actions al push su main
+# Effettua il deploy tramite il workflow di GitHub Actions al push su main
 ```
 
 Configurazione Azure Static Web Apps:
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Installa Docsify globalmente
 docsify serve                 # Servi su localhost:3000
 ```
 
-### Build specifici per progetto
+### Build Specifiche dei Progetti
 
 Ogni directory di progetto può avere il proprio processo di build:
 - Progetti Vue: `npm run build` crea bundle di produzione
-- Progetti statici: nessun passaggio di build, i file sono serviti direttamente
+- Progetti statici: Nessun passaggio di build, servire file direttamente
 
 ## Linee Guida per le Pull Request
 
 ### Formato del Titolo
 
-Usa titoli chiari e descrittivi che indicano l’area di modifica:
+Usare titoli chiari e descrittivi indicando l’area di modifica:
 - `[Quiz-app] Aggiungi nuovo quiz per la lezione X`
 - `[Lesson-3] Correggi errore di battitura nel progetto terrarium`
 - `[Translation] Aggiungi traduzione spagnola per la lezione 5`
-- `[Docs] Aggiorna istruzioni di setup`
+- `[Docs] Aggiorna istruzioni di configurazione`
 
 ### Controlli Richiesti
 
 Prima di inviare una PR:
 
 1. **Qualità del Codice**:
-   - Esegui `npm run lint` nelle directory di progetto coinvolte
-   - Risolvi tutti gli errori e avvisi di linting
+   - Eseguire `npm run lint` nelle directory di progetto interessate
+   - Correggere tutti gli errori e avvertimenti lint
 
-2. **Verifica Build**:
-   - Esegui `npm run build` se applicabile
-   - Assicurati che non ci siano errori di build
+2. **Verifica della Build**:
+   - Eseguire `npm run build` se applicabile
+   - Assicurarsi che non vi siano errori di build
 
 3. **Validazione Link**:
-   - Testa tutti i link markdown
-   - Verifica riferimenti alle immagini
+   - Testare tutti i link markdown
+   - Verificare che i riferimenti alle immagini funzionino
 
 4. **Revisione Contenuto**:
-   - Controlla ortografia e grammatica
-   - Verifica che esempi di codice siano corretti ed educativi
-   - Controlla che le traduzioni mantengano il significato originale
+   - Correggere ortografia e grammatica
+   - Assicurarsi che gli esempi di codice siano corretti ed educativi
+   - Verificare che le traduzioni mantengano il significato originale
 
-### Requisiti per il Contributo
+### Requisiti di Contributo
 
-- Accetta il Microsoft CLA (controllo automatico alla prima PR)
-- Segui il [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Consulta [CONTRIBUTING.md](./CONTRIBUTING.md) per linee guida dettagliate
-- Inserisci numeri issue nella descrizione della PR se applicabile
+- Accettare il CLA Microsoft (controllo automatico alla prima PR)
+- Seguire il [Codice di Condotta Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Consultare [CONTRIBUTING.md](./CONTRIBUTING.md) per linee guida dettagliate
+- Fare riferimento ai numeri delle issue nella descrizione PR se applicabile
 
 ### Processo di Revisione
 
-- Le PR sono revisionate da manutentori e dalla community
-- Priorità alla chiarezza educativa
-- Gli esempi di codice devono seguire le best practice correnti
+- Le PR sono revisionate dai responsabili e dalla community
+- Si dà priorità alla chiarezza educativa
+- Gli esempi di codice devono seguire le migliori pratiche correnti
 - Le traduzioni sono revisionate per accuratezza e adeguatezza culturale
 
 ## Sistema di Traduzione
 
-### Traduzione Automatizzata
+### Traduzione Automatica
 
 - Usa GitHub Actions con workflow co-op-translator
 - Traduce automaticamente in oltre 50 lingue
 - File sorgente nelle directory principali
-- File tradotti nelle directory `translations/{language-code}/`
+- File tradotti in directory `translations/{language-code}/`
 
-### Aggiunta di Miglioramenti Manuali
+### Aggiunta di Miglioramenti Manuali alle Traduzioni
 
-1. Trova il file in `translations/{language-code}/`
-2. Apporta miglioramenti preservando la struttura
-3. Assicurati che gli esempi di codice restino funzionanti
-4. Testa eventuali contenuti di quiz localizzati
+1. Trovare il file in `translations/{language-code}/`
+2. Apportare miglioramenti mantenendo la struttura
+3. Assicurarsi che gli esempi di codice restino funzionanti
+4. Testare eventuali contenuti del quiz localizzati
 
 ### Metadati della Traduzione
 
-I file tradotti includono header di metadati:
+I file tradotti includono intestazione metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Problemi Comuni
 
-**La quiz app non si avvia**:
-- Controlla la versione di Node.js (consigliata v14+)
-- Cancella `node_modules` e `package-lock.json`, esegui di nuovo `npm install`
-- Controlla conflitti di porta (default: Vite usa porta 5173)
+**Quiz app non si avvia**:
+- Controllare versione Node.js (consigliata v14+)
+- Cancellare `node_modules` e `package-lock.json`, eseguire di nuovo `npm install`
+- Verificare conflitti di porta (default: Vite usa porta 5173)
 
-**Il server API non parte**:
-- Verifica che la versione di Node.js sia almeno node >=10
-- Controlla se la porta è già occupata
-- Assicurati che tutte le dipendenze siano installate con `npm install`
+**Server API non si avvia**:
+- Verificare che la versione Node.js sia minima (node >=10)
+- Controllare se la porta è già in uso
+- Assicurarsi che tutte le dipendenze siano installate con `npm install`
 
-**L’estensione browser non si carica**:
-- Verifica che manifest.json sia formattato correttamente
-- Controlla la console del browser per errori
-- Segui le istruzioni specifiche del browser per l’installazione dell’estensione
+**Estensione browser non si carica**:
+- Verificare che manifest.json sia formattato correttamente
+- Controllare la console del browser per errori
+- Seguire le istruzioni specifiche del browser per l’installazione delle estensioni
 
-**Problemi con progetto chat Python**:
-- Assicurati che il pacchetto OpenAI sia installato: `pip install openai`
-- Verifica che la variabile ambiente GITHUB_TOKEN sia impostata
-- Controlla i permessi di accesso ai modelli GitHub
+**Problemi progetto chat Python**:
+- Assicurarsi che il pacchetto OpenAI sia installato: `pip install openai`
+- Verificare che la variabile d’ambiente GITHUB_TOKEN sia impostata
+- Controllare i permessi di accesso ai modelli GitHub
 
 **Docsify non serve la documentazione**:
-- Installa docsify-cli globalmente: `npm install -g docsify-cli`
-- Esegui dalla directory root del repository
-- Controlla che `docs/_sidebar.md` esista
+- Installare docsify-cli globalmente: `npm install -g docsify-cli`
+- Eseguire dalla directory root del repository
+- Verificare che `docs/_sidebar.md` esista
 
 ### Consigli per l’Ambiente di Sviluppo
 
-- Usa VS Code con l’estensione Live Server per progetti HTML
-- Installa le estensioni ESLint e Prettier per formattazione coerente
-- Usa DevTools del browser per il debug di JavaScript
-- Per progetti Vue, installa l’estensione browser Vue DevTools
+- Usare VS Code con estensione Live Server per progetti HTML
+- Installare estensioni ESLint e Prettier per formattazione coerente
+- Usare gli strumenti DevTools del browser per il debug di JavaScript
+- Per progetti Vue, installare l’estensione Vue DevTools per browser
 
 ### Considerazioni sulle Prestazioni
 
-- L’elevato numero di file tradotti (oltre 50 lingue) rende le clonazioni complete pesanti
-- Usa un clone superficiale se lavori solo sui contenuti: `git clone --depth 1`
-- Escludi le traduzioni dalle ricerche quando lavori su contenuti in inglese
+- L’elevato numero di file tradotti (oltre 50 lingue) rende le clone complete grandi
+- Usare clone superficiale se si lavora solo sui contenuti: `git clone --depth 1`
+- Escludere le traduzioni dalle ricerche quando si lavora su contenuti in inglese
 - I processi di build possono essere lenti al primo avvio (npm install, build Vite)
 
 ## Considerazioni sulla Sicurezza
 
-### Variabili d’Ambiente
+### Variabili di Ambiente
 
 - Le chiavi API non devono mai essere inserite nel repository
-- Usa file `.env` (già inclusi in `.gitignore`)
-- Documenta le variabili d’ambiente richieste nei README di progetto
+- Usare file `.env` (già inclusi in `.gitignore`)
+- Documentare le variabili di ambiente richieste nei README dei progetti
 
 ### Progetti Python
 
-- Usa ambienti virtuali: `python -m venv venv`
-- Mantieni aggiornate le dipendenze
-- I token GitHub devono avere i permessi minimi necessari
+- Usare ambienti virtuali: `python -m venv venv`
+- Mantenere aggiornate le dipendenze
+- I token GitHub devono avere permessi minimi necessari
 
-### Accesso ai Modelli GitHub
+### Accesso Modelli GitHub
 
-- Sono richiesti Personal Access Token (PAT) per i modelli GitHub
-- I token devono essere memorizzati come variabili d’ambiente
-- Mai committare token o credenziali
+- Sono necessari Personal Access Tokens (PAT) per i modelli GitHub
+- I token devono essere conservati come variabili di ambiente
+- Non commettere mai token o credenziali
 
 ## Note Aggiuntive
 
-### Pubblico Target
+### Pubblico di Destinazione
 
 - Principianti completi nello sviluppo web
 - Studenti e autodidatti
 - Insegnanti che usano il curriculum in aula
-- I contenuti sono progettati per accessibilità e apprendimento graduale
+- Contenuti progettati per accessibilità e acquisizione graduale delle competenze
 
 ### Filosofia Educativa
 
-- Approccio basato su progetti
-- Controlli frequenti della conoscenza (quiz)
-- Esercizi pratici di coding
-- Esempi di applicazioni reali
-- Attenzione ai fondamenti prima dei framework
+- Approccio di apprendimento basato su progetti
+- Verifiche frequenti delle conoscenze (quiz)
+- Esercizi di programmazione pratici
+- Esempi applicativi reali
+- Focus sui fondamenti prima dei framework
 
 ### Manutenzione del Repository
 
-- Community attiva di apprendenti e contributori
+- Comunità attiva di studenti e collaboratori
 - Aggiornamenti regolari di dipendenze e contenuti
-- Monitoraggio di issue e discussioni da parte dei manutentori
-- Aggiornamenti di traduzione automatizzati via GitHub Actions
+- Issue e discussioni monitorate dai manutentori
+- Aggiornamenti delle traduzioni automatizzati tramite GitHub Actions
 
 ### Risorse Correlate
 
 - [Moduli Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Risorse Student Hub](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) consigliato per studenti
-- Corsi aggiuntivi: curricula Generative AI, Data Science, ML, IoT disponibili
+- Corsi aggiuntivi: AI Generativa, Data Science, ML, curricoli IoT disponibili
 
 ### Lavorare con Progetti Specifici
 
-Per istruzioni dettagliate sui singoli progetti, consulta i file README in:
+Per istruzioni dettagliate su singoli progetti, consultare i file README in:
 - `quiz-app/README.md` - Applicazione quiz Vue 3
 - `7-bank-project/README.md` - Applicazione bancaria con autenticazione
 - `5-browser-extension/README.md` - Sviluppo estensione browser
-- `6-space-game/README.md` - Sviluppo gioco canvas
+- `6-space-game/README.md` - Sviluppo gioco basato su canvas
 - `9-chat-project/README.md` - Progetto assistente chat AI
 
 ### Struttura Monorepo
 
-Sebbene non sia un monorepo tradizionale, questo repository contiene più progetti indipendenti:
+Pur non essendo un monorepo tradizionale, questo repository contiene più progetti indipendenti:
 - Ogni lezione è autonoma
 - I progetti non condividono dipendenze
-- Lavora su singoli progetti senza influenzare gli altri
-- Clona l’intero repo per l’esperienza completa del curriculum
+- Lavorare su singoli progetti senza influenzare gli altri
+- Clonare l’intero repository per l’esperienza completa del curriculum
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Disclaimer**:  
-Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire accuratezza, si prega di notare che le traduzioni automatizzate possono contenere errori o imprecisioni. Il documento originale nella sua lingua originale deve essere considerato la fonte autorevole. Per informazioni critiche si raccomanda una traduzione professionale effettuata da un essere umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall’uso di questa traduzione.
+**Dichiarazione di non responsabilità**:
+Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire l’accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda la traduzione professionale effettuata da un umano. Non siamo responsabili per eventuali fraintendimenti o interpretazioni errate derivanti dall’uso di questa traduzione.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/it/README.md b/translations/it/README.md
index d15ea9962..84a36ad7a 100644
--- a/translations/it/README.md
+++ b/translations/it/README.md
@@ -12,60 +12,70 @@
 
 # Sviluppo Web per Principianti - Un Curriculum
 
-Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni esplora JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la ritenzione delle conoscenze con la nostra efficace metodologia basata su progetti. Inizia oggi il tuo percorso di coding!
+Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane offerto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni esplora JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la tua memorizzazione con la nostra efficace pedagogia basata su progetti. Inizia oggi il tuo viaggio nel coding!
 
-Unisciti alla Community Discord di Azure AI Foundry
+Unisciti alla Comunità Discord di Azure AI Foundry
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Segui questi passaggi per iniziare a usare queste risorse:
-1. **Effettua il Fork del Repository**: Clicca [![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)
+Segui questi passaggi per iniziare a utilizzare queste risorse:
+1. **Forka il Repository**: Clicca su [![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. **Clona il Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Unisciti alla Azure AI Foundry Discord e incontra esperti e altri sviluppatori**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Unisciti al Discord di The Azure AI Foundry e incontra esperti e altri sviluppatori**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Supporto Multilingua
+### 🌐 Supporto Multilingue
 
-#### Supportato tramite GitHub Action (Automatizzato e Sempre Aggiornato)
+#### Supportato tramite GitHub Action (Automatizzato e sempre aggiornato)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **Preferisci Clonare Localmente?**
-
-> Questo repository include oltre 50 traduzioni linguistiche che aumentano significativamente la dimensione del download. Per clonare senza traduzioni, usa il sparse checkout:
+> **Preferisci clonare localmente?**
+>
+> Questo repository include oltre 50 traduzioni linguistiche che aumentano significativamente la dimensione del download. Per clonare senza le traduzioni, usa il 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'
 > ```
-> Questo ti darà tutto ciò che ti serve per completare il corso con un download molto più veloce.
+>
+> **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"
+> ```
+>
+> Ti fornisce tutto il necessario per completare il corso con un download molto più veloce.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Se desideri che vengano supportate ulteriori lingue di traduzione, troverai l’elenco [qui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Se desideri altre lingue di traduzione, quelle supportate sono elencate [qui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Apri%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Sei uno studente?_
 
-Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e anche modi per ottenere un voucher gratuito per il certificato. Questa è la pagina che vuoi aggiungere ai preferiti e consultare di tanto in tanto, poiché i contenuti vengono aggiornati mensilmente.
+Visita la [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) dove troverai risorse per principianti, pacchetti per studenti e anche i modi per ottenere un voucher gratuito per il certificato. Questa è la pagina da aggiungere tra i preferiti e controllare periodicamente poiché i contenuti vengono aggiornati mensilmente.
 
-### 📣 Annuncio - Nuove sfide per la modalità GitHub Copilot Agent da completare!
+### 📣 Annuncio - Nuove sfide Modalità GitHub Copilot Agent da completare!
 
-Nuova sfida aggiunta, cerca "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare usando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, essa è in grado non solo di generare testo ma anche di creare e modificare file, eseguire comandi e altro.
+Nuova sfida aggiunta, cerca "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare usando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, questa non genera solo testo ma può anche creare e modificare file, eseguire comandi e altro.
 
-### 📣 Annuncio - _Nuovo progetto da costruire utilizzando l’IA Generativa_ 
+### 📣 Annuncio - _Nuovo Progetto da costruire usando Generative AI_ 
 
-Nuovo progetto AI Assistant appena aggiunto, dai un’occhiata al [progetto](./9-chat-project/README.md)
+Nuovo progetto Assistente AI appena aggiunto, dai un’occhiata al [progetto](./9-chat-project/README.md)
 
-### 📣 Annuncio - _Nuovo Curriculum_ sull’IA Generativa per JavaScript appena rilasciato
+### 📣 Annuncio - _Nuovo Curriculum_ sulla Generative AI per JavaScript appena pubblicato
 
-Non perdere il nostro nuovo curriculum sull’IA Generativa!
+Non perdere il nostro nuovo curriculum sulla Generative AI!
 
 Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare!
 
 ![Background](../../translated_images/it/background.148a8d43afde5730.webp)
 
-- Lezioni che coprono tutto, dalle basi fino a RAG.
+- Lezioni che coprono tutto, dalle basi al RAG.
 - Interagisci con personaggi storici usando GenAI e la nostra app companion.
 - Narrazione divertente e coinvolgente, viaggerai nel tempo!
 
@@ -73,141 +83,140 @@ Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniz
 
 
 Ogni lezione include un compito da completare, un controllo delle conoscenze e una sfida per guidarti nell’apprendimento di argomenti come:
-- Prompting e ingegneria dei prompt
-- Generazione di app testuali e di immagini
+- Prompt e prompt engineering
+- Generazione di app di testo e immagini
 - App di ricerca
 
 Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) per iniziare!
 
 
 
-## 🌱 Iniziare
+## 🌱 Per Iniziare
 
-> **Insegnanti**, abbiamo [incluso alcuni suggerimenti](for-teachers.md) su come usare questo curriculum. Ci piacerebbe ricevere il vostro feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Insegnanti**, abbiamo [incluso qualche suggerimento](for-teachers.md) su come usare questo curriculum. Ci piacerebbe avere il vostro feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione, seguite leggendo il materiale della lezione, completate le varie attività e verificate la vostra comprensione con il quiz post-lezione.
+**[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, per ogni lezione, iniziate con un quiz pre-lezione e continuate leggendo il materiale della lezione, completando le varie attività e verificando la comprensione con il quiz post-lezione.
 
-Per migliorare la tua esperienza di apprendimento, connettiti con i tuoi compagni di corso per lavorare insieme sui progetti! Le discussioni sono incoraggiate nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile per rispondere alle tue domande.
+Per migliorare la tua esperienza di apprendimento, connettiti con i tuoi compagni per lavorare insieme sui progetti! Sono incoraggiate le discussioni nel nostro [forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) dove il nostro team di moderatori sarà disponibile a rispondere alle tue domande.
 
-Per approfondire la tua formazione, ti consigliamo vivamente di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per materiali di studio aggiuntivi.
+Per approfondire la tua formazione, ti consigliamo vivamente di esplorare [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) per ulteriori materiali di studio.
 
-### 📋 Configura il tuo ambiente
+### 📋 Configurare il tuo ambiente
 
-Questo curriculum ha un ambiente di sviluppo pronto all’uso! Quando inizi puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza necessità di installazioni_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Questo curriculum ha un ambiente di sviluppo pronto all’uso! Quando inizi puoi scegliere di eseguire il curriculum in un [Codespace](https://github.com/features/codespaces/) (_un ambiente basato su browser, senza bisogno di installazioni_), oppure localmente sul tuo computer usando un editor di testo come [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Crea il tuo repository
-Per salvare facilmente il tuo lavoro, è consigliato creare una tua copia di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in cima alla pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.
+Per salvare facilmente il tuo lavoro, si consiglia di creare una copia di questo repository. Puoi farlo cliccando sul pulsante **Usa questo modello** in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.
 
 Segui questi passaggi:
-1. **Effettua il Fork del Repository**: Clicca sul pulsante "Fork" in alto a destra di questa pagina.
+1. **Forka il Repository**: Clicca sul bottone "Fork" in alto a destra di questa pagina.
 2. **Clona il Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Esecuzione del curriculum in un Codespace
+#### Eseguire il curriculum in un Codespace
 
-Nella tua copia di questo repository che hai creato, clicca sul pulsante **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace in cui lavorare.
+Nella tua copia del repository che hai creato, clicca il bottone **Code** e seleziona **Open with Codespaces**. Questo creerà un nuovo Codespace dove potrai lavorare.
 
 ![Codespace](../../translated_images/it/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Esecuzione del curriculum localmente sul tuo computer
-
-Per eseguire questo curriculum localmente sul tuo computer, avrai bisogno di un editor di testo, un browser e uno strumento da linea di comando. La nostra prima lezione, [Introduzione ai Linguaggi di Programmazione e agli Strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti in modo che tu possa scegliere ciò che funziona meglio per te.
-
-La nostra raccomandazione è di utilizzare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che include anche un [Terminale integrato](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Eseguire il curriculum localmente sul tuo computer
 
+Per eseguire questo curriculum localmente serve un editor di testo, un browser e uno strumento da riga di comando. La nostra prima lezione, [Introduzione ai linguaggi di programmazione e agli strumenti del mestiere](../../1-getting-started-lessons/1-intro-to-programming-languages), ti guiderà attraverso varie opzioni per ciascuno di questi strumenti in modo che tu possa scegliere quella che preferisci.
 
-1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante **Code** e copiando l'URL:
+La nostra raccomandazione è di usare [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) come editor, che ha anche un [Terminale](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrato. Puoi scaricare Visual Studio Code [qui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante **Code** e copiando l’URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Quindi, apri [Terminale](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all'interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il seguente comando, sostituendo `<your-repository-url>` con l'URL appena copiato:
+
+    Poi, apri [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) all’interno di [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ed esegui il comando seguente, sostituendo `<your-repository-url>` con l’URL che hai appena copiato:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su **File** > **Apri cartella** e selezionando la cartella appena clonata.
+2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su **File** > **Open Folder** e selezionando la cartella appena clonata.
 
 
->  Estensioni consigliate per Visual Studio Code:
+>  Estensioni consigliate di Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare in anteprima pagine HTML all'interno di Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - per visualizzare in anteprima pagine HTML all’interno di Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - per aiutarti a scrivere codice più velocemente
 
 ## 📂 Ogni lezione include:
 
 - sketchnote opzionale
 - video supplementare opzionale
-- quiz preparatorio alla lezione
+- quiz di riscaldamento prima della lezione
 - lezione scritta
-- per le lezioni basate su progetti, guide passo passo su come realizzare il progetto
-- verifiche della conoscenza
+- per le lezioni basate su progetti, guide passo-passo su come costruire il progetto
+- controlli delle conoscenze
 - una sfida
 - letture supplementari
 - compito
 - [quiz post-lezione](https://ff-quizzes.netlify.app/web/)
 
-> **Una nota sui quiz**: tutti i quiz si trovano nella cartella Quiz-app, 48 quiz totali di tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/). L'app dei quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`.
+> **Una nota sui quiz**: Tutti i quiz si trovano nella cartella Quiz-app, 48 quiz totali di tre domande ciascuno. Sono disponibili [qui](https://ff-quizzes.netlify.app/web/); l’app del quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella `quiz-app`.
 
 ## 🗃️ Lezioni
 
-|     |                       Nome Progetto                        |                            Concetti Insegnati                             | Obiettivi di Apprendimento                                                                                                        |                                                         Lezione Collegata                                                          |         Autore          |
-| :-: | :--------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Getting Started                        |           Introduzione alla Programmazione e Strumenti del Mestiere        | Imparare i fondamenti di base della maggior parte dei linguaggi di programmazione e del software che aiuta gli sviluppatori      | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Getting Started                        |             Nozioni base di GitHub, compreso lavorare in team             | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice                                             |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Getting Started                        |                             Accessibilità                                 | Imparare le basi dell'accessibilità web                                                                                            |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Basics                           |                         Tipi di Dati in JavaScript                        | Le basi dei tipi di dati in JavaScript                                                                                            |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Basics                           |                         Funzioni e Metodi                                | Impara a conoscere funzioni e metodi per gestire il flusso logico di un'applicazione                                              |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                           |                      Prendere decisioni con JS                           | Impara a creare condizioni nel tuo codice usando metodi decisionali                                                               |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Basics                           |                          Array e Cicli                                   | Lavora con i dati usando array e cicli in JavaScript                                                                               |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                           HTML in Pratica                                | Costruisci l'HTML per creare un terrario online, concentrandoti sulla creazione del layout                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Pratica                                | Costruisci il CSS per stilizzare il terrario online, concentrandoti sulle basi del CSS inclusa la realizzazione di una pagina responsiva |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Closure in JavaScript, manipolazione del DOM              | Costruisci il JavaScript per far funzionare il terrario come interfaccia drag/drop, concentrandoti su closure e manipolazione del DOM |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Costruire un gioco di digitazione                | Impara a usare eventi da tastiera per guidare la logica dell'app JavaScript                                                       |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Lavorare con i Browser                          | Impara come funzionano i browser, la loro storia, e come strutturare i primi elementi di un'estensione browser                     |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Costruire un form, chiamare un'API e memorizzare variabili in local storage | Costruisci gli elementi JavaScript dell'estensione browser per chiamare un'API usando variabili memorizzate in local storage        |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Processi in background nel browser, prestazioni web             | Usa i processi in background del browser per gestire l'icona dell'estensione; imparare sulle prestazioni web e alcune ottimizzazioni per migliorare |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Sviluppo di giochi avanzato con JavaScript                    | Impara l'Ereditarietà usando sia Classi che Composizione e il modello Pub/Sub, in preparazione alla costruzione di un gioco       |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Disegnare su canvas                             | Impara l'API Canvas, usata per disegnare elementi su uno schermo                                                                   |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Spostare elementi sullo schermo                        | Scopri come gli elementi possono ottenere movimento usando coordinate cartesiane e l'API Canvas                                    |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Rilevamento collisioni                          | Fai collidere gli elementi e reagire tra di loro usando i tasti premuti e fornisci una funzione di cooldown per assicurare le prestazioni del gioco |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Tenere il punteggio                           | Esegui calcoli matematici basati sullo stato e sulle prestazioni del gioco                                                        |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Terminare e riavviare il gioco                       | Impara come terminare e riavviare il gioco, inclusa la pulizia delle risorse e il reset dei valori delle variabili                |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                Template HTML e Routing in un'app web                     | Impara a creare la struttura architettonica di un sito multipagina usando routing e template HTML                                |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Costruire un form di Login e Registrazione              | Impara a costruire form e gestire routine di validazione                                                                           |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metodi per recuperare e usare dati                      | Come i dati entrano ed escono dalla tua app, come recuperarli, conservarli e smaltirli                                            |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                     Concetti di gestione dello stato                      | Impara come la tua app conserva lo stato e come gestirlo programmativamente                                                      |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Lavorare con VScode | Impara a usare un editor di codice| [Usa l’editor di codice VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Lavorare con l’AI | Impara a costruire il tuo assistente AI | [Progetto Assistente AI](./9-chat-project/README.md) | Chris |
+|     |                       Nome Progetto                       |                            Concetti Insegnati                             | Obiettivi di Apprendimento                                                                                                         |                                                         Lezione Collegata                                                          |         Autore          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                      |           Introduzione alla Programmazione e Strumenti del Mestiere           | Impara le basi comuni alla maggior parte dei linguaggi di programmazione e sul software che aiuta gli sviluppatori professionisti a svolgere il loro lavoro | [Introduzione ai Linguaggi di Programmazione e Strumenti del Mestiere](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             Nozioni base su GitHub, incluso il lavoro in team             | Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice                                              |                            [Introduzione a GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             Accessibilità                              | Impara le basi dell’accessibilità web                                                                                           |                       [Fondamenti di Accessibilità](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         Tipi di Dati JavaScript                          | Le basi dei tipi di dati in JavaScript                                                                                           |                                       [Tipi di Dati](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Funzioni e Metodi                          | Impara su funzioni e metodi per gestire il flusso logico di un’applicazione                                                       |                              [Funzioni e Metodi](./2-js-basics/2-functions-methods/README.md)                               | Jasmine e Christopher |
+| 06  |                        JS Basics                         |                        Prendere Decisioni con JS                        | Impara a creare condizioni nel tuo codice usando metodi decisionali                                                              |                                 [Prendere Decisioni](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Array e Cicli                            | Lavora con dati usando array e cicli in JavaScript                                                                                |                                   [Array e Cicli](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Pratica                            | Costruisci l’HTML per creare un terrario online, focalizzandoti sulla costruzione del layout                                      |                                 [Introduzione a HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Pratica                             | Costruisci il CSS per stilizzare il terrario online, concentrandoti sulle basi del CSS inclusa la responsività della pagina      |                                  [Introduzione a CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Chiusure JavaScript, manipolazione del DOM                  | Costruisci il JavaScript per far funzionare il terrario come interfaccia drag/drop, concentrandoti su chiusure e manipolazione del DOM |                  [Chiusure JavaScript, manipolazione del DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Costruire un Gioco di Digitazione                           | Impara a usare eventi da tastiera per guidare la logica della tua app JavaScript                                                  |                                [Programmazione Event-Driven](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Lavorare con i Browser                          | Impara come funzionano i browser, la loro storia e come strutturare i primi elementi di un’estensione del browser                 |                               [Informazioni sui Browser](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Costruzione di un form, chiamata API e memorizzazione variabili in local storage | Costruisci gli elementi JavaScript della tua estensione per chiamare un’API usando variabili memorizzate nel local storage        |                [API, Form e Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Processi in background nel browser, prestazioni web          | Usa i processi in background del browser per gestire l’icona dell’estensione; impara sulle prestazioni web e alcune ottimizzazioni per migliorare |             [Attività Background e Prestazioni](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Sviluppo di giochi più avanzato con JavaScript             | Impara sull’Ereditarietà usando sia Classi che Composizione e sul pattern Pub/Sub, in preparazione per costruire un gioco         |                      [Introduzione allo Sviluppo Avanzato di Giochi](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Disegnare su canvas                            | Impara la Canvas API, usata per disegnare elementi su uno schermo                                                                 |                                [Disegnare su Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Muovere gli elementi sullo schermo                    | Scopri come gli elementi possono muoversi usando coordinate cartesiane e la Canvas API                                            |                           [Muovere gli Elementi](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Rilevamento collisioni                           | Fai collidere elementi e reagire tra loro usando pressioni di tasti e fornisci una funzione di cooldown per assicurare le prestazioni del gioco |                              [Rilevamento Collisioni](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Mantenere il punteggio                              | Esegui calcoli matematici basati sullo stato e prestazioni del gioco                                                             |                                    [Mantenere il Punteggio](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Terminare e riavviare il gioco                     | Impara a terminare e riavviare il gioco, inclusa la pulizia delle risorse e il reset dei valori delle variabili                   |                                [La Condizione di Fine](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Template HTML e Routing in un'app web                 | Impara a creare la struttura architettonica di un sito multipagina usando routing e template HTML                                |                            [Template HTML e Routing](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Costruire un form di login e registrazione                   | Impara a costruire form e gestire routine di validazione                                                                          |                                           [Form](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metodi di Fetching e Uso dei Dati                   | Come i dati entrano e escono dalla tua app, come recuperarli, salvarli e scartarli                                              |                                            [Dati](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Concetti di Gestione dello Stato                      | Impara come la tua app mantiene lo stato e come gestirlo programmaticamente                                                    |                                [Gestione dello Stato](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Lavorare con VScode | Impara a usare un editor di codice| [Usare VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Lavorare con AI | Impara a costruire il tuo assistente AI | [Progetto Assistente AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogia
 
-Il nostro curriculum è progettato con due principi pedagogici chiave in mente:
+Il nostro curriculum è progettato secondo due principi pedagogici chiave:
 * apprendimento basato su progetti
 * quiz frequenti
 
-Il programma insegna le basi di JavaScript, HTML e CSS, così come gli strumenti più recenti e le tecniche usate dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di sviluppare esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser eco-friendly, un gioco in stile space invaders e un'app bancaria per aziende. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web.
+Il programma insegna le basi di JavaScript, HTML e CSS, così come gli strumenti e le tecniche più recenti usati dagli sviluppatori web di oggi. Gli studenti avranno l’opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un’estensione browser ecologica, un gioco in stile space-invader e un’app bancaria per aziende. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web.
 
-> 🎓 Puoi seguire le prime lezioni di questo curriculum come un [Percorso di Apprendimento](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) su Microsoft Learn!
+> 🎓 Puoi seguire le prime lezioni di questo curriculum come [Percorso di Apprendimento](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) su Microsoft Learn!
 
-Garantendo che i contenuti siano allineati ai progetti, il processo diventa più coinvolgente per gli studenti e la ritenzione dei concetti aumenterà. Abbiamo anche scritto alcune lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video della collezione di tutorial video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alcuni dei cui autori hanno contribuito a questo curriculum.
+Assicurando che il contenuto sia allineato ai progetti, il processo diventa più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video della raccolta "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alcuni dei cui autori hanno contribuito a questo curriculum.
 
-Inoltre, un quiz a bassa pressione prima di una lezione stabilisce l'intenzione dello studente verso l'apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è progettato per essere flessibile e divertente e può essere seguito interamente o in parte. I progetti partono piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane.
+Inoltre, un quiz a bassa pressione prima di una lezione pone l’intenzione dello studente verso l’apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è stato progettato per essere flessibile e divertente e può essere seguito integralmente o parzialmente. I progetti iniziano piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane.
 
-Pur avendo volutamente evitato di introdurre framework JavaScript per concentrare l'attenzione sulle competenze di base necessarie come sviluppatore web prima di adottare un framework, una buona fase successiva per completare questo curriculum sarebbe imparare Node.js tramite un'altra raccolta di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Sebbene abbiamo volutamente evitato l’introduzione di framework JavaScript per concentrarci sulle competenze di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un’altra raccolta di video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Consulta il nostro [Codice di Condotta](CODE_OF_CONDUCT.md) e le linee guida su [Come Contribuire](CONTRIBUTING.md). Accogliamo con piacere il tuo feedback costruttivo!
+> Visita le nostre linee guida [Codice di Condotta](CODE_OF_CONDUCT.md) e [Contributi](CONTRIBUTING.md). Accogliamo con piacere il tuo feedback costruttivo!
 
 
 ## 🧭 Accesso offline
 
-Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Fai il fork di questo repository, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella radice di questo repository, digita `docsify serve`. Il sito sarà servito sulla porta 3000 sul tuo localhost: `localhost:3000`.
+Puoi eseguire questa documentazione offline usando [Docsify](https://docsify.js.org/#/). Fai un fork di questo repo, [installa Docsify](https://docsify.js.org/#/quickstart) sulla tua macchina locale, e poi nella cartella principale di questo repo, digita `docsify serve`. Il sito sarà servito sulla porta 3000 del tuo localhost: `localhost:3000`.
 
 ## 📘 PDF
-
-Un PDF di tutte le lezioni può essere trovato [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+Un PDF di tutte le lezioni è disponibile [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Altri Corsi
-Il nostro team produce altri corsi! Dai un'occhiata a:
+
+Il nostro team produce altri corsi! Dai un'occhiata:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -224,7 +233,7 @@ Il nostro team produce altri corsi! Dai un'occhiata a:
 
 ---
  
-### Serie Intelligenza Artificiale Generativa
+### Serie AI Generativa
 [![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)
@@ -232,7 +241,7 @@ Il nostro team produce altri corsi! Dai un'occhiata a:
 
 ---
  
-### Apprendimento di Base
+### Apprendimento Core
 [![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)
@@ -251,11 +260,11 @@ Il nostro team produce altri corsi! Dai un'occhiata a:
 
 ## Ottenere Aiuto
 
-Se rimani bloccato o hai domande sulla creazione di app AI. Unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza viene condivisa liberamente.
+Se rimani bloccato o hai domande sulla creazione di app AI, unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza viene condivisa liberamente.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Se hai feedback sul prodotto o errori mentre costruisci, visita:
+Se hai feedback sul prodotto o incontri errori durante la creazione visita:
 
 [![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)
 
@@ -266,6 +275,6 @@ Questo repository è concesso in licenza sotto la licenza MIT. Consulta il file
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Disclaimer**:  
-Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur impegnandoci per garantire l’accuratezza, si prega di considerare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un umano. Non ci assumiamo alcuna responsabilità per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione.
+**Avvertenza**:
+Questo documento è stato tradotto utilizzando il servizio di traduzione automatica [Co-op Translator](https://github.com/Azure/co-op-translator). Pur facendo del nostro meglio per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o inesattezze. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si consiglia la traduzione professionale effettuata da un umano. Non ci assumiamo responsabilità per eventuali malintesi o interpretazioni errate derivanti dall'uso di questa traduzione.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ja/.co-op-translator.json b/translations/ja/.co-op-translator.json
index 092ed5830..25780a893 100644
--- a/translations/ja/.co-op-translator.json
+++ b/translations/ja/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T12:32:35+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T14:34:54+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ja"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:25:20+00:00",
+    "translation_date": "2026-03-06T14:50:22+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ja"
   },
@@ -516,8 +516,8 @@
     "language_code": "ja"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:21:13+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T14:29:38+00:00",
     "source_file": "README.md",
     "language_code": "ja"
   },
diff --git a/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5d0315262..8259bef2e 100644
--- a/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ja/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# プログラミング言語と現代の開発ツールの紹介
+# プログラミング言語とモダン開発ツール入門
+ 
+こんにちは、未来の開発者さん！👋 毎日これを考えると今でも鳥肌が立つんだけど言っていい？プログラミングは単なるコンピューターの話じゃないんだよ。あなたの最も奇想天外なアイデアを実現するための、まさに超能力を手に入れることなんだ！
 
-こんにちは、未来の開発者さん！👋 毎日ワクワクすることをお伝えしてもいいですか？プログラミングは単なるコンピューターの操作ではなく、自分のアイデアを形にするための実際のスーパーパワーを手に入れることなんです！
+お気に入りのアプリを使っていて、全てが完璧に噛み合う瞬間ってあるよね？ボタンをタップすると、まるで魔法みたいなことが起きて「うわー、どうやってあれやったんだろう？」って思わず感動しちゃうあの瞬間。実は、あなたみたいな誰かが—多分午前2時にお気に入りのカフェで三杯目のエスプレッソを飲みながら—その魔法を生み出すコードを書いたんだよ。そして驚くことに、このレッスンの最後には、彼らがどうやってそれを成し遂げたのか理解できるだけじゃなく、あなた自身もすぐに試してみたくなるはず！
 
-お気に入りのアプリを使っていて、すべてが完璧に動いている瞬間を感じたことはありませんか？ボタンをタップすると、魔法のようなことが起こり、「どうやってこんなことを実現したの？」と思う瞬間です。それを作ったのは、あなたと同じような人かもしれません。お気に入りのカフェで深夜2時にエスプレッソを飲みながらコードを書いていたかもしれません。そして驚くべきことに、このレッスンが終わる頃には、彼らがどうやってそれを実現したのか理解できるだけでなく、自分でも試してみたくなるでしょう！
+たしかに、今プログラミングが難しく感じる気持ちすごくわかるよ。僕も最初は、数学の天才じゃないとなれないとか、5歳からずっとコードを書いてる人じゃないと無理だと思ってたから。でも僕の考えを180度変えたのは、プログラミングはまるで新しい言語で会話を学ぶようなものだって気づいたこと。「こんにちは」「ありがとう」から始めて、コーヒーを注文するくらいになって、気づけば深い哲学的な議論もできるようになる！って感じなんだ。ただし今回は相手がコンピューターで、しかも彼らは最高に辛抱強い会話の相手なんだよ。間違えても決して責めないし、何度だって喜んで挑戦し直してくれるんだ！
 
-正直に言うと、プログラミングが今はちょっと怖いと感じるかもしれません。私が初めて始めたとき、数学の天才である必要があるとか、5歳の頃からコードを書いている必要があると思っていました。でも、私の考えを完全に変えたのはこれです：プログラミングは新しい言語で会話を学ぶのとまったく同じなんです。「こんにちは」や「ありがとう」から始めて、コーヒーを注文できるようになり、気づけば深い哲学的な議論をしているような感じです。ただし、この場合、コンピューターと会話しているわけで、正直言って、コンピューターは最も忍耐強い会話相手です。間違いを判断せず、何度でも試すことにワクワクしてくれます！
-
-今日は、現代のウェブ開発を可能にするだけでなく、夢中にさせる素晴らしいツールを探求します。NetflixやSpotify、そしてお気に入りのインディーアプリスタジオの開発者が毎日使っているエディター、ブラウザ、ワークフローについて話します。そして、これがあなたを踊りたくさせる部分です：これらのプロ仕様の業界標準ツールのほとんどが完全に無料なんです！
+今日は、モダンなウェブ開発を可能にし、しかも中毒になるほどハマってしまう素晴らしいツールを一緒に探検しよう。話しているのはNetflixやSpotify、そしてあなたの好きなインディーズアプリスタジオの開発者たちが毎日使っている、まさに同じ編集ツールやブラウザ、ワークフローのこと。そしてこれが超嬉しい話だけど、こうしたプロ仕様の業界標準ツールのほとんどは完全に無料なんだよ！
 
 ![Intro Programming](../../../../translated_images/ja/webdev101-programming.d6e3f98e61ac4bff.webp)
-> スケッチノート提供：[Tomomi Imura](https://twitter.com/girlie_mac)
+> スケッチノート： [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title あなたの今日のプログラミングの旅
+    section 発見
+      プログラミングとは何か: 5: You
+      プログラミング言語: 4: You
+      ツール概要: 5: You
+    section 探索
+      コードエディター: 4: You
+      ブラウザと開発ツール: 5: You
+      コマンドライン: 3: You
+    section 練習
+      言語探偵: 4: You
+      ツール探検: 5: You
+      コミュニティ接続: 5: You
 ```
+## あなたがすでに知っていることを見てみよう！
 
-## まずはあなたの知識をチェック！
+楽しいことに飛び込む前に気になるんだけど、あなたはこのプログラミングの世界について何を知っているかな？もしこれらの質問を見て「全くわからない！」と思ったなら、それは全然問題じゃなくて、むしろ最高のスタート場所なんだ！このクイズは運動前のストレッチみたいなもの。脳の筋肉をほぐして温めているところなんだよ！
 
-楽しい部分に入る前に、あなたがこのプログラミングの世界について何を知っているか知りたいです。そして、もしこれらの質問を見て「全然わからない」と思ったとしても、それは完璧です！それは、まさにここがあなたにぴったりの場所だということです。このクイズは、運動前のストレッチのようなものです。脳の筋肉をウォームアップしているだけです！
+[レッスン前のクイズに挑戦する](https://ff-quizzes.netlify.app/web/)
 
-[事前レッスンのクイズを受ける](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## これから始まる冒険
+## これから一緒に冒険すること
 
-さて、今日探求することについて本当にワクワクしています！正直言って、いくつかの概念が理解できたときのあなたの顔を見たいくらいです。これが私たちが一緒に進む素晴らしい旅です：
+さて、今日探求する内容に本当にワクワクしていて仕方がないんだ！このコンセプトが理解できた時のあなたの表情が見たい！こちらが私たちの素晴らしい旅の概要：
 
-- **プログラミングとは何か（そしてなぜそれが最高にクールなのか！）** – コードが目に見えない魔法のように、周りのすべてを動かしていることを発見します。月曜日の朝を知らせるアラームからNetflixのおすすめを完璧に選ぶアルゴリズムまで。
-- **プログラミング言語とその驚くべき個性** – 問題解決の方法が全く異なるスーパーパワーを持つ人々が集まるパーティーに入るようなものです。プログラミング言語の世界を知るのが楽しくなるはずです！
-- **デジタルマジックを実現する基本的な構成要素** – これらは究極のクリエイティブLEGOセットのようなものです。これらのピースがどのように組み合わさるかを理解すると、想像力が描くものを何でも作れることに気づくでしょう。
-- **プロ仕様のツールで魔法の杖を手に入れた気分に** – これは大げさではありません。このツールは本当にスーパーパワーを持っているように感じさせてくれます。そして最高なのは？プロが使っているものと同じツールです！
+- **プログラミングとは実際何か（そしてなぜ最高にクールなのか！）** – コードがどうやって目に見えない魔法となって、月曜日の朝だと分かる目覚まし時計からNetflixのおすすめを完璧にキュレーションするアルゴリズムまで、あなたの周りの全てを動かしているのかを発見しよう
+- **プログラミング言語とその個性豊かな特徴たち** – パーティーに入ったらみんながそれぞれ違うスーパーパワーと問題解決方法を持っている、そんな世界と似ていると思って。プログラミング言語の世界はそんな場所で、きっと彼らに会うのが楽しみになるはず！
+- **デジタルの魔法を実現する基本の部品たち** – これらは最高のクリエイティブなLEGOセットみたいなもの。これらのパーツの組み合わせ方が分かると、想像できるものなら何でも作れると気づくよ
+- **まるで魔法使いの杖を手に入れたように感じさせるプロフェッショナルツール** – これは大げさじゃないよ。本当になんだか超能力を持った気分になれるツールたちで、しかもプロが使うものと全く同じなんだ！
 
-> 💡 **重要なこと**: 今日すべてを暗記しようとしないでください！今は、可能性にワクワクする気持ちを感じてほしいだけです。詳細は一緒に練習するうちに自然と身につきます。それが本当の学びの方法です！
+> 💡 **覚えておくこと**：今日全部を暗記しようとしちゃだめだよ！今は、何ができるかという「ワクワク感」を感じてもらうのが目的。練習を重ねるうちに詳細は自然に身についていくからね。これが本当の学び方なんだ！
 
-> このレッスンは [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)でも受講できるよ！
 
-## では、プログラミングって何？
+## そもそもプログラミングって何？
 
-さて、百万ドルの質問に取り組みましょう：プログラミングって何でしょう？
+さて、100万ドルの疑問に挑戦しよう：プログラミングとは本当は何か？
 
-私がこの考え方を完全に変えた話をお伝えします。先週、母に新しいスマートテレビのリモコンの使い方を説明しようとしていました。「赤いボタンを押して、でも大きい赤いボタンじゃなくて、小さい赤いボタンを左側に…いや、あなたの左側じゃなくて…OK、2秒間押して、1秒でも3秒でもなく…」こんな感じです。😅
+僕の考え方を変えた話を聞いてほしい。先週、母に新しいスマートテレビのリモコンの使い方を説明しようとしてたんだ。気づいたら「赤いボタンを押して、でも大きい赤いボタンじゃなくて左側の小さい赤いボタン……いや、その左じゃなくて……はーい、今度は2秒間押して、1秒じゃなくて3秒でもない……」なんて言ってた。わかる？😅
 
-これがプログラミングです！非常に強力でありながら、すべてを完璧に説明する必要があるものに、詳細なステップバイステップの指示を与える技術です。ただし、母に説明する代わりに（「どの赤いボタン？」と聞かれるかもしれません）、コンピューターに説明します（コンピューターは言った通りに実行しますが、それが意図したことではない場合でも）。
+それがプログラミングなんだよ！非常にパワフルだけど、すべてを完全に説明しないといけない何かに、とても細かく段階的な指示を与える技術のこと。違いは、ママは「どの赤いボタン？！」って問い返せるけど、コンピューターはそのまま言われた通りに動くだけということ。
 
-これを初めて知ったときに驚いたのは、コンピューターは実際には非常にシンプルだということです。彼らが理解できるのは、1と0だけです。つまり、「はい」と「いいえ」または「オン」と「オフ」だけです。それだけです！でもここで魔法が起こります – 私たちは1と0で話す必要はありません。**プログラミング言語**が助けてくれるからです。それは、あなたの普通の人間の考えをコンピューター言語に変換してくれる世界最高の翻訳者のようなものです。
+僕が最初にこれを知った時にびっくりしたのは、実はコンピューターは本質的にはとてもシンプルだってこと。コンピューターが理解するのは文字通り1と0の2つだけで、これはつまり「はい」と「いいえ」、あるいは「オン」と「オフ」だけ。これだけなんだ！でもここからが魔法みたいなところで、マトリックスみたいに1と0の言葉だけで話す必要はないんだ。ここで登場するのが**プログラミング言語**。これは普通の人間の考えをコンピューターの言葉に変換してくれる、世界最高の通訳みたいなもの。
 
-そして、毎朝目が覚めるたびにまだ鳥肌が立つのはこれです：あなたの生活の中のすべてのデジタルなものは、パジャマを着てコーヒーを飲みながらラップトップでコードを打っていた誰かから始まったのです。あなたを完璧に見せるInstagramフィルター？誰かがそれをコード化しました。あなたの新しいお気に入りの曲に導いたおすすめ？開発者がそのアルゴリズムを作りました。友達と夕食代を分割するのを助けるアプリ？そうです、誰かが「これ面倒だな、解決できるかも」と思って…そして実現しました！
+そしてまだ毎朝鳥肌が立つのは、あなたの生活の中のすべてのデジタルなものは、あなたと同じような誰かがパジャマ姿でコーヒーを飲みながらノートパソコンに向かいコードを書き始めたことから生まれたんだってこと。完璧に見えるInstagramのフィルター？誰かがそのコードを書いた。あなたのお気に入りの新曲に導いてくれたおすすめアルゴリズム？開発者が作ったもの。友達と食事代を割るのを助けるアプリ？「面倒だな、直せるはず！」と思った誰かが本当に作ったんだ。
 
-プログラミングを学ぶとき、単に新しいスキルを身につけるだけではありません。この素晴らしい問題解決者のコミュニティの一員になるのです。彼らは毎日「何かを作って誰かの一日を少しでも良くすることができるかも」と考えています。正直言って、それ以上にクールなことってありますか？
+プログラムを学ぶことで、ただ新しいスキルを身につけるだけじゃなくて、「誰かの一日をちょっと良くできるものを作れたらどうだろう？」と考える問題解決者の素敵なコミュニティの一員になれるんだ。正直言って、それ以上にクールなことなんてある？
 
-✅ **楽しい事実を探してみよう**: 時間があるときに調べてみてください – 世界初のコンピュータープログラマーは誰だと思いますか？ヒントをあげます：意外な人物かもしれません！この人の物語は非常に興味深く、プログラミングが常に創造的な問題解決と型破りな考え方に関するものであったことを示しています。
+✅ **楽しい豆知識探し**：暇な時に調べてみてほしいことがあるよ—世界初のコンピューター・プログラマーは誰だと思う？ヒントをあげると、意外な人かもしれない！その人の話は本当に面白くて、プログラミングはいつでも創造的な問題解決と枠にとらわれない発想でできていることがわかるよ。
 
-### 🧠 **チェックインタイム：今の気持ちはどうですか？**
+### 🧠 **チェックイン：今の気持ちは？**
 
-**少し考えてみましょう：**
-- 「コンピューターに指示を与える」というアイデアは今理解できますか？
-- プログラミングで自動化したい日常のタスクを思いつきますか？
-- このプログラミングの世界についてどんな質問が湧いてきていますか？
+**少し考えてみよう：**
+- 「コンピューターに指示を出す」ことの意味はわかってきた？
+- 毎日の作業でプログラミングで自動化したいことはある？
+- 今、プログラミングのことで気になっていることや疑問は？
 
-> **覚えておいてください**: 今はまだいくつかの概念がぼんやりしているのは普通です。プログラミングを学ぶのは新しい言語を学ぶのと同じで、脳がその神経経路を作るのに時間がかかります。あなたは素晴らしいです！
+> **覚えててね**：今はまだモヤモヤしているのは普通だよ。プログラミングは新しい言語を覚えるのと同じで、脳の神経回路ができるまで時間がかかるんだ。あなたは十分すごくやっているよ！
 
-## プログラミング言語は魔法の異なるフレーバーのようなもの
+## プログラミング言語は異なる魔法の味みたいなもの
 
-ちょっと変な話に聞こえるかもしれませんが、ついてきてください – プログラミング言語は音楽のジャンルのようなものです。考えてみてください：ジャズはスムーズで即興的、ロックは力強くてストレート、クラシックは優雅で構造的、ヒップホップは創造的で表現力豊か。それぞれのスタイルには独自の雰囲気、情熱的なファンのコミュニティがあり、それぞれ異なる気分や場面にぴったりです。
+ちょっと変に聞こえるかもしれないけど、よくついてきてね—プログラミング言語は色んな種類の音楽みたいなものなんだ。例えばジャズは滑らかで即興的、ロックは力強くストレート、クラシックは優雅で構造的、ヒップホップは創造的で表現が豊か。各スタイルはそれぞれの雰囲気とファンのコミュニティがあって、気分や場面に合わせて完璧なんだよね。
 
-プログラミング言語もまったく同じです！楽しいモバイルゲームを作るのに使う言語と、大量の気候データを処理するのに使う言語は同じではありません。ちょうどヨガクラスでデスメタルを流すことがないのと同じです（まあ、ほとんどのヨガクラスでは！😄）。
+プログラミング言語も全く同じ働き方をするんだ！楽しいモバイルゲームを作るのに気候変動の大規模データを処理する言語は使わないだろうし、ヨガ教室でデスメタルを流すこともしないよね（まあ、大半のヨガクラスはそうだけど😄）。
 
-でもこれが毎回私を驚かせることです：これらの言語は、最も忍耐強くて賢い通訳が隣に座っているようなものです。人間の脳にとって自然に感じる方法でアイデアを表現でき、彼らはそのアイデアをコンピューターが実際に話す1と0に変換するという非常に複雑な作業をすべて処理してくれます。それは「人間の創造性」と「コンピューターロジック」の両方に完全に精通している友人がいるようなものです – そして彼らは疲れないし、コーヒーブレイクも必要なく、同じ質問を2回聞いても決して判断しません！
+でもいつも感動するのは、この言語たちはまるで世界で最も辛抱強い、素晴らしい通訳がそばにいるみたいだってこと。あなたは自然な人間の感覚で考えを表現できて、彼らが複雑な裏側の1と0に変換してくれる。まるで「人間の創造性」と「コンピューターの論理」を両方完璧に話す友達がいて、決して疲れず、休憩もいらず、同じ質問を何度聞いても怒らないみたいなもの！
 
 ### 人気のプログラミング言語とその用途
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((プログラミング言語))
+    Web開発
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        フロントエンドの魔法
+        インタラクティブなウェブサイト
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + 型
+        エンタープライズアプリ
+    データ＆AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        データサイエンス
+        機械学習
+        自動化
       R
-        Statistics
-        Research
-    Mobile Apps
+        統計学
+        研究
+    モバイルアプリ
       Java
         Android
-        Enterprise
+        エンタープライズ
       Swift
         iOS
-        Apple Ecosystem
+        Appleエコシステム
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        モダンAndroid
+        クロスプラットフォーム
+    システム＆パフォーマンス
       C++
-        Games
-        Performance Critical
+        ゲーム
+        パフォーマンスクリティカル
       Rust
-        Memory Safety
-        System Programming
+        メモリ安全性
+        システムプログラミング
       Go
-        Cloud Services
-        Scalable Backend
+        クラウドサービス
+        スケーラブルなバックエンド
 ```
-
-| 言語 | 最適な用途 | 人気の理由 |
+| 言語 | 得意分野 | 人気の理由 |
 |----------|----------|------------------|
-| **JavaScript** | ウェブ開発、ユーザーインターフェース | ブラウザで動作し、インタラクティブなウェブサイトを実現 |
-| **Python** | データサイエンス、自動化、AI | 読みやすく学びやすい、強力なライブラリ |
-| **Java** | エンタープライズアプリケーション、Androidアプリ | プラットフォームに依存せず、大規模システムに適している |
-| **C#** | Windowsアプリケーション、ゲーム開発 | Microsoftエコシステムの強力なサポート |
-| **Go** | クラウドサービス、バックエンドシステム | 高速でシンプル、現代のコンピューティング向けに設計 |
+| **JavaScript** | ウェブ開発、ユーザーインターフェース | ブラウザ上で動作しインタラクティブなウェブサイトを支える |
+| **Python** | データサイエンス、自動化、AI | 読みやすく学びやすい、強力なライブラリが豊富 |
+| **Java** | エンタープライズアプリ、Androidアプリ | プラットフォーム非依存、大規模システムに強力 |
+| **C#** | Windowsアプリ、ゲーム開発 | Microsoftの強力なエコシステムが支援 |
+| **Go** | クラウドサービス、バックエンドシステム | 高速でシンプル、現代のコンピューティング向け設計 |
 
-### 高レベル言語と低レベル言語
+### 高水準言語と低水準言語
 
-正直に言うと、これが私が最初に学んだときに頭が混乱した概念でした。だから、私が最終的に理解できたアナロジーを共有します – これがあなたにも役立つことを願っています！
+正直に言うと、僕が最初に学んだ時に頭が混乱したコンセプトがこれだから、僕がそれを理解できた例え話を紹介するよ。きっと君の助けにもなると思う！
 
-あなたが言語を話せない国を訪れていて、必死に最寄りのトイレを探す必要があると想像してください（誰でも経験したことありますよね？😅）：
+言語がわからない国に旅行して、どうしても近くのトイレを探さなきゃいけない場面を想像してみて（みんな経験あるでしょ？😅）：
 
-- **低レベルプログラミング**は、その国の方言を完璧に学び、文化的な参照や地元のスラング、地元の人だけが理解するジョークを使って果物を売るおばあさんと会話できるようなものです。非常に印象的で効率的ですが、流暢でない場合は圧倒されるかもしれません。
+- **低水準プログラミング**は、その国の方言を完璧に覚えて、角の果物屋のおばあちゃんと文化的参照や現地スラング、地元の冗談を交えて会話できるようになるようなもの。超すごいし効率的……もしその言葉が流暢ならね！でもただトイレを見つけたいだけなら大変すぎて困るよね。
 
-- **高レベルプログラミング**は、あなたを完全に理解してくれる素晴らしい地元の友人がいるようなものです。「トイレを探したい」と普通の英語で言うと、彼らが文化的な翻訳をすべて処理して、あなたの非地元の脳に完璧に理解できる方法で道案内をしてくれます。
+- **高水準プログラミング**は、その素晴らしい現地の友達がいて、「トイレが必要です」と普通に英語で言うだけで、文化的な解釈を全部やってくれて、非ネイティブのあなたに分かりやすい指示をくれる感じ。
 
-プログラミング用語では：
-- **低レベル言語**（例えばAssemblyやC）は、コンピューターの実際のハードウェアと非常に詳細な会話をすることができますが、機械のように考える必要があります。それは…まあ、かなり大きな精神的なシフトです！
-- **高レベル言語**（例えばJavaScript、Python、C#）は、人間のように考えることができるようにしながら、機械の言葉をすべて裏で処理してくれます。さらに、初心者だった頃を覚えている人々が集まる非常に歓迎的なコミュニティがあり、本当に助けたいと思っています！
+プログラミングで言うと：
+- **低水準言語**（AssemblyやCみたいなもの）はコンピューターの実際のハードウェアと非常に詳しい会話ができるけど、機械のように考える必要がある…心理的ハードルがかなり高い！
+- **高水準言語**（JavaScript、Python、C#など）は、あなたが人間らしく考えている間に、機械語の裏側のややこしい部分を処理してくれる。それに新参者への親切なコミュニティもあって、初心者時代を思い出して本当に助けてくれる人ばかり！
 
-どちらを最初に学ぶことをお勧めすると思いますか？😉 高レベル言語は、経験をはるかに楽しいものにしてくれる補助輪のようなものです！
+さて、どれから始めるのがおすすめか分かる？😉 高水準言語は補助輪みたいなもので、補助輪を外したくなくなるくらい快適で楽しい体験をもたらすよ！
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 人間の思考:<br/>'フィボナッチ数を計算したい'"] --> B{言語レベルを選択}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|高レベル| C["🌟 JavaScript/Python<br/>読み書きが簡単"]
+    B -->|低レベル| D["⚙️ アセンブリ/C<br/>直接ハードウェア制御"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 書く: fibonacci(10)"]
+    D --> F["📝 書く: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 コンピュータの理解:<br/>翻訳者が複雑さを処理"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 同じ結果:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### 高水準言語がなぜこんなに使いやすいのか見てみよう
 
-### 高レベル言語がなぜ親しみやすいかをお見せします
-
-さて、高レベル言語がなぜ私を魅了したのかを完璧に示すものをお見せしますが、まず – 約束してください。最初のコード例を見たときにパニックにならないでください！それは威圧的に見えるように意図されています。それが私が伝えたいポイントです！
+これから僕が高水準言語に惚れ込んだ理由を完璧に示す例をお見せするよ。でもまず約束してほしいことがある。最初のコード例を見て恐れないこと！あれは怖く見えるようにできているんだ。そこが僕が伝えたいポイント！
 
-同じタスクを完全に異なるスタイルで書いたものを見てみましょう。どちらもフィボナッチ数列を作成します – これは美しい数学的パターンで、各数値がその前の2つの数値の合計になるものです：0, 1, 1, 2, 3, 5, 8, 13...（面白い事実：このパターンは自然界の至る所で見られます – ヒマワリの種の渦巻き、松ぼっくりの模様、銀河の形成方法まで！）
+同じタスクを２つのまったく違うスタイルで書いたものを見るよ。両方ともフィボナッチ数列と呼ばれるすばらしい数学的パターンを作るもの。これは各数が前の二つの合計になる並びで、0、1、1、2、3、5、8、13…（ちなみにこのパターンは自然界のあらゆるところにあって、ヒマワリの種の渦巻きや松ぼっくりの模様、銀河の形成にも見られるんだ！）
 
-違いを見てみる準備はできましたか？行きましょう！
+さあ、違いを見てみよう！
 
-**高レベル言語（JavaScript） – 人間に優しい：**
+**高水準言語（JavaScript）– 人間に優しい：**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// ステップ1: 基本的なフィボナッチの設定
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**このコードがすること：**
-- フィボナッチ数列を生成する数を指定する定数を**宣言**
-- 数列の現在の数値と次の数値を追跡するための変数を**初期化**
-- フィボナッチパターンを定義する開始値（0と1）を**設定**
-- 出力を識別するヘッダーメッセージを**表示**
+**このコードの動きは次の通り：**
+- **定数を宣言**して生成したいフィボナッチ数の数を指定する
+- **２つの変数を初期化**して現在と次の数を追跡する
+- フィボナッチ数列の出発点となる値（0と1）を**セットアップ**
+- 出力を示すヘッダーメッセージを**表示**
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// ステップ2: ループでシーケンスを生成する
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // シーケンスの次の数を計算する
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**ここで何が起こるかを分解：**
-- `for`ループを使用して数列の各位置を**ループ**
-- テンプレートリテラルフォーマットを使用して各数値をその位置とともに**表示**
-- 現在の値と次の値を加算して次のフィボナッチ数を**計算**
-- 次のイテレーションに進むために追跡変数を**更新**
+**処理の詳しい説明：**
+- `for`ループを使い、数列のそれぞれの位置を**繰り返し処理**
+- 算出した各数を位置とともにテンプレートリテラルで**表示**
+- 現在の数と次の数を足して次のフィボナッチ数を**計算**
+- カウンタ変数を更新して次の繰り返しに備える
 
 ```javascript
-// Step 3: Modern functional approach
+// ステップ3：現代的な関数型アプローチ
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,135 +219,166 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// 使用例
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**上記では：**
-- モダンなアロー関数構文を使用して再利用可能な関数を**作成**
-- 数列全体を一つずつ表示するのではなく格納する配列を**構築**
-- 配列インデックスを使用して前の値から各新しい数値を**計算**
-- プログラムの他の部分で柔軟に使用できるように完全な数列を**返却**
+**ここでは：**
+- モダンなアロー関数で**再利用可能な関数を作成**
+- 数を1つずつ表示する代わりに、完成した数列を格納する配列を**構築**
+- 配列のインデックスを使い、前の値から新しい数を**計算**
+- 完成した数列を**返して**他の部分で柔軟に使えるようにする
+
+**低水準言語（ARMアセンブリ）– コンピューターに優しい：**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+JavaScript版はほぼ英語の指示文みたいに読めるのに対して、アセンブリ版はコンピューターのプロセッサを直接操作する難解な命令で書かれているのが分かると思う。どちらも同じタスクを達成しているけれど、高水準言語のほうが人間にずっと理解しやすく、書きやすく、メンテナンスしやすいんだ。
 
-**低
-- **コメント**: 高水準言語は、コードを自己文書化する説明的なコメントを奨励します。
-- **構造**: JavaScriptの論理的な流れは、人間が問題をステップバイステップで考える方法に一致しています。
-- **保守性**: JavaScriptのバージョンを異なる要件に合わせて更新するのは簡単で明確です。
+**主な違いはこんな感じ：**
+- **読みやすさ**: JavaScriptは`fibonacciCount`のように説明的な名前を使うのに対し、Assemblyは`r0`、`r1`のような暗号的なラベルを使います  
+- **コメント**: 高水準言語はコードを自己文書化する説明的なコメントを奨励します  
+- **構造**: JavaScriptの論理の流れは、人間が問題を段階的に考えるやり方と一致します  
+- **保守性**: JavaScriptのバージョンを異なる要件に合わせて更新するのは簡単かつ明確です  
 
-✅ **フィボナッチ数列について**: この美しい数列（各数がその前の2つの数の合計になる：0, 1, 1, 2, 3, 5, 8...）は、自然界の至る所で見られます！ひまわりの螺旋、松ぼっくりの模様、オウムガイの殻の曲線、さらには木の枝の成長の仕方にまで現れます。数学とコードが自然が美を創造するパターンを理解し再現するのに役立つなんて、本当に驚きですよね！
+✅ **フィボナッチ数列について**: これは本当に美しい数のパターンです（各数字がその前の2つの数字の合計になっている: 0, 1, 1, 2, 3, 5, 8...）。自然界のほぼ*どこにでも*現れます！ヒマワリの渦巻き、松ぼっくりのパターン、オウムガイの殻の曲線、さらには木の枝の成長の仕方にも見られます。数学とコードが、自然が美しさを作り出すために使うパターンを理解し再現する助けになるのはかなり驚きです！
 
-## 魔法を生み出す基本要素
 
-さて、プログラミング言語がどのように動作するかを見たところで、これまでに書かれたすべてのプログラムを構成する基本的な要素を分解してみましょう。これらをお気に入りのレシピの必須の材料と考えてください。各要素が何をするのか理解すれば、ほぼどんな言語でもコードを読み書きできるようになります！
+## 魔法を起こす基本要素
 
-これはプログラミングの文法を学ぶようなものです。学校で名詞や動詞、文の構成方法を学んだことを覚えていますか？プログラミングにも独自の文法があり、正直なところ英語の文法よりもずっと論理的で寛容です！😄
+さて、プログラミング言語が実際にどのように動くかを見たところで、今度は基本的な要素を分解してみましょう。これらはどんなプログラムにも絶対必要な材料だと思ってください。各要素の役割を理解すれば、ほぼどんな言語でもコードを読み書きできるようになります！
 
-### ステートメント: 一連の指示
+これはプログラミングの文法を学ぶようなものです。学校で名詞や動詞、文の作り方を習ったことを思い出してください。プログラミングにも独自の文法があり、正直言って英語の文法よりずっと論理的で親切です！😄
 
-まずは**ステートメント**から始めましょう。これらはコンピュータとの会話における個々の文のようなものです。各ステートメントはコンピュータに特定のことをするよう指示します。例えば、「ここで左に曲がる」「赤信号で止まる」「その場所に駐車する」といった具合です。
+### 文（Statements）：一歩ずつの指示
 
-ステートメントの素晴らしいところは、通常とても読みやすいことです。見てみましょう:
+まずは**文**から始めましょう。これはコンピュータとの会話における一つの文のようなものです。各文はコンピュータに対して一つの具体的なことをするよう指示します。たとえば、「ここを左に曲がって」「赤信号で止まって」「あの場所に駐車して」といった具合です。
+
+文の大好きなところは、普通とても読みやすいことです。これを見てください:
 
 ```javascript
-// Basic statements that perform single actions
+// 単一のアクションを実行する基本的な文
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**このコードがすること:**
-- ユーザーの名前を保存する定数変数を**宣言**
-- コンソール出力に挨拶メッセージを**表示**
-- 数学的な操作の結果を計算して保存
+  
+**このコードのやっていること:**  
+- ユーザーの名前を格納する定数変数を**宣言**する  
+- コンソール出力に挨拶メッセージを**表示**する  
+- 数学的計算の結果を**計算**して保存する  
 
 ```javascript
-// Statements that interact with web pages
+// ウェブページと対話するステートメント
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
+  
+**ひとつずつ、何が起こっているか:**  
+- ブラウザのタブに表示されるウェブページのタイトルを**変更**する  
+- ページ全体の背景色を**変更**する  
 
-**ステップバイステップで起こること:**
-- ブラウザタブに表示されるウェブページのタイトルを**変更**
-- ページ全体の背景色を**変更**
-
-### 変数: プログラムの記憶システム
+### 変数：プログラムの記憶システム
 
-さて、**変数**は教えるのが本当に楽しい概念の一つです。なぜなら、日常的に使っているものととても似ているからです！
+さて、**変数**は正直言って私が教えるのが大好きなコンセプトの一つです。なぜなら、皆さんが日常的に使っているものにとても似ているからです！
 
-例えば、スマートフォンの連絡先リストを考えてみてください。すべての電話番号を暗記するのではなく、「母」「親友」「深夜2時まで配達してくれるピザ屋」などの名前で保存し、実際の番号はスマホに覚えさせます。変数もまったく同じように機能します！ラベル付きのコンテナのようなもので、プログラムが情報を保存し、後で意味のある名前を使ってそれを取り出すことができます。
+少しだけスマホの連絡先リストのことを考えてみてください。みんなの電話番号を覚えているわけではありませんよね？代わりに「ママ」や「親友」や「深夜2時までやってるピザ屋」といったラベルをつけて保存して、実際の番号はスマホに覚えさせています。変数もまさにそれと同じです！プログラムが情報を保存して、あとで意味の通る名前で取り出せるようにする入れ物のようなものなんです。
 
-さらにすごいのは、プログラムが実行されるにつれて変数が変化することができる点です（だから「variable」と呼ばれるのです！）。例えば、より良いピザ屋を見つけたら連絡先を更新するように、プログラムが新しい情報を学んだり状況が変化したりするたびに変数を更新できます！
+面白いのは、変数はプログラムの実行中に変わることができるという点です（だから「variable」という名前になっているのがわかりますよね？）。たとえばもっと良いピザ屋を見つけたら、その連絡先を更新しますよね。それと同じで、変数はプログラムが新しい情報を学んだり状況が変わったりするときに更新されることがあります！
 
-これがどれほどシンプルで美しいかをお見せします:
+これがどれほど簡単か、見てみましょう:
 
 ```javascript
-// Step 1: Creating basic variables
+// ステップ1: 基本変数の作成
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**これらの概念を理解する:**
-- `const`変数に変更されない値を**保存**（例: サイト名）
-- プログラム中で値が変化する可能性がある場合は`let`を**使用**
-- さまざまなデータ型を**割り当て**: 文字列（テキスト）、数値、ブール値（true/false）
-- 各変数が含む内容を説明する**わかりやすい名前を選択**
+  
+**このコンセプトで分かること:**  
+- 変わらない値は`const`変数に**保存**する（サイト名のように）  
+- プログラム中に変わる値は`let`を**使う**  
+- 文字列、数値、ブール値（true/false）などの異なるデータ型を**代入**する  
+- 何を含むか説明するわかりやすい名前を**選ぶ**  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// ステップ2: 関連するデータをグループ化するためにオブジェクトを扱う
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**上記では以下を行っています:**
-- 関連する天気情報をまとめるためのオブジェクトを**作成**
-- 複数のデータを1つの変数名の下に**整理**
-- 各情報を明確にラベル付けするためにキーと値のペアを**使用**
+  
+**上の例でやったこと:**  
+- 関連する天気情報をまとめたオブジェクトを**作成**した  
+- 複数のデータをひとつの変数名で**整理**した  
+- キーと値のペアでそれぞれの情報をわかりやすく**ラベル付け**した  
 
 ```javascript
-// Step 3: Using and updating variables
+// ステップ3: 変数の使用と更新
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// 変更可能な変数の更新
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**各部分を理解する:**
-- `${}`構文を使用してテンプレートリテラルで情報を**表示**
-- ドット記法（`weatherData.windSpeed`）を使用してオブジェクトのプロパティに**アクセス**
-- `let`で宣言された変数を更新して変化する条件を反映
-- 複数の変数を組み合わせて意味のあるメッセージを**作成**
+  
+**ここで理解すること:**  
+- `${}`構文を使ったテンプレートリテラルで情報を**表示**する  
+- ドット表記（`weatherData.windSpeed`）でオブジェクトのプロパティに**アクセス**する  
+- `let`で宣言した変数を条件変化に合わせて**更新**する  
+- 複数の変数を組み合わせて意味のあるメッセージを**作成**する  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// ステップ4: クリーンなコードのための最新の分割代入
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**知っておきたいこと:**  
+- 分割代入でオブジェクトから特定のプロパティを**抽出**する  
+- オブジェクトのキー名と同じ名前の新しい変数を自動的に**作成**する  
+- 繰り返されるドット表記を避けてコードを**簡潔化**する  
 
-**知っておくべきこと:**
-- オブジェクトから特定のプロパティを**抽出**するために分割代入を使用
-- オブジェクトキーと同じ名前の新しい変数を自動的に**作成**
-- 繰り返しのドット記法を避けてコードを**簡素化**
-
-### 制御フロー: プログラムに考える力を教える
+### 制御フロー：プログラムに考えさせる
 
-さて、ここからプログラミングが本当に驚くべきものになります！**制御フロー**は、プログラムに賢い決定を下す方法を教えることです。これは、あなたが毎日無意識に行っていることとまったく同じです。
+さて、ここからプログラミングが本当にすごく楽しくなる部分です！**制御フロー**とは、プログラムに賢い判断の仕方を教えることです。人間が毎日何気なくやっているようなことそのものです。
 
-例えば、今朝「雨が降っていたら傘を持っていく」「寒かったらジャケットを着る」「遅刻しそうなら朝食を抜いて途中でコーヒーを買う」といったことを考えたかもしれません。あなたの脳は自然にこのようなif-thenロジックを毎日何十回も実行しています！
+たとえば今朝のことを思い出してみてください。「雨が降っているなら傘を持っていこう。寒ければジャケットを着よう。もし遅れているなら朝食は抜いて途中でコーヒーを買おう。」脳は自然とこうしたif-thenの論理を何十回も毎日繰り返しているのです！
 
-これがプログラムを単なる退屈で予測可能なスクリプトではなく、知的で生き生きとしたものにするのです。プログラムは実際に状況を見て、何が起こっているかを評価し、適切に反応することができます。これは、プログラムに適応し、選択を行う能力を与えるようなものです！
+これこそがプログラムが単なる退屈で予測可能なスクリプトではなく、知的で生きているように感じられる理由です。プログラムは状況を見て、何が起こっているか評価し、適切に応答できます。これをプログラムに「脳」を授けて選択肢を作れるようにするようなものです！
 
-これがどれほど美しく機能するか見てみましょう:
+どうやってうまく動くか見たいですか？見てみましょう:
 
 ```javascript
-// Step 1: Basic conditional logic
+// ステップ1：基本的な条件ロジック
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -359,15 +388,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**このコードがすること:**
-- ユーザーの年齢が投票要件を満たしているか**確認**
-- 条件の結果に基づいて異なるコードブロックを**実行**
-- 18歳未満の場合、投票資格までの期間を**計算**して表示
-- 各シナリオに対して具体的で役立つフィードバックを**提供**
+  
+**このコードのやっていること:**  
+- ユーザーの年齢が投票資格を満たしているか**チェック**する  
+- 条件の結果に応じて異なるコードブロックを**実行**する  
+- 18歳未満なら投票資格までの期間を**計算**して表示する  
+- ケースごとに具体的で役立つフィードバックを**提供**する  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// ステップ2: 論理演算子を使った複数条件
 const userAge = 17;
 const hasPermission = true;
 
@@ -379,26 +408,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**ここで起こることを分解すると:**
-- `&&`（and）演算子を使用して複数の条件を**組み合わせ**
-- 複数のシナリオに対して`else if`を使用して条件の階層を**作成**
-- 最後の`else`ステートメントですべての可能なケースを**処理**
-- 各異なる状況に対して明確で実用的なフィードバックを**提供**
+  
+**ここで何が起きているかの内訳:**  
+- `&&`（かつ）演算子で複数の条件を**結合**する  
+- 複数シナリオに対して`else if`で条件の階層を**作成**する  
+- 最終的な`else`ステートメントで全ての可能なケースを**処理**する  
+- 各ケースに対して明確で具体的なフィードバックを**提供**する  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// ステップ3：三項演算子を使った簡潔な条件式
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**覚えておくべきこと:**
-- 簡単な2つの選択肢の条件には三項演算子（`? :`）を**使用**
-- 条件を最初に記述し、次に`?`、その後にtrueの結果、次に`:`、最後にfalseの結果を記述
-- 条件に基づいて値を割り当てる必要がある場合にこのパターンを**適用**
+  
+**覚えておきたいこと:**  
+- 単純な2択条件には三項演算子（`? :`）を**使う**  
+- 最初に条件、その次に`?`、真の場合の結果、そのあと`:`、偽の場合の結果を書く  
+- 条件に基づいて値を割り当てる必要があるときにこのパターンを**適用**する  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// ステップ4: 複数の特定のケースを処理する
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -417,58 +446,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**このコードで達成していること:**  
+- 変数の値を複数の具体的なケースに**照合**する  
+- 似たケースをグループ分けする（平日と週末）  
+- マッチしたときに適切なコードブロックを**実行**する  
+- 予期しない値に対応する`default`ケースを**含める**  
+- `break`ステートメントで次のケースに進むのを防ぐ  
 
-**このコードが達成すること:**
-- 変数の値を複数の特定のケースと**一致**
-- 似たようなケースを（平日と週末など）**グループ化**
-- 一致が見つかった場合に適切なコードブロックを**実行**
-- 予期しない値を処理するために`default`ケースを**含める**
-- 次のケースに進むのを防ぐために`break`ステートメントを**使用**
-
-> 💡 **現実世界の例え**: 制御フローは、世界で最も忍耐強いGPSが道案内をしてくれるようなものだと考えてください。「もしメインストリートが渋滞していたら、高速道路を使う。もし高速道路が工事中なら、景色の良いルートを試してみる。」プログラムはまさにこのような条件付きロジックを使用して、異なる状況に賢く対応し、常にユーザーに最適な体験を提供します。
+> 💡 **現実の例え**: 制御フローは世界で最も辛抱強いGPSのようなものです。たとえば「メインストリートで渋滞があったら高速道路に乗れ。高速が工事で塞がれていたら景色の良い道を試せ」と指示するイメージです。プログラムは同じ種類の条件付き論理を使って、異なる状況に賢く対応し、ユーザーに最高の体験を提供します。
 
-### 🎯 **概念チェック: 基本要素の習得**
+### 🎯 **コンセプトチェック：基本要素の理解度**
 
-**基本を理解しているか確認してみましょう:**
-- 変数とステートメントの違いを自分の言葉で説明できますか？
-- if-thenの決定を使用する現実世界のシナリオを考えてみてください（例: 投票の例）
-- プログラミングロジックについて驚いたことは何ですか？
+**基本がどれくらい理解できているか見てみましょう:**  
+- 変数と文の違いを自分の言葉で説明できますか？  
+- if-thenの決定を使う実生活のシナリオを考えてみてください（投票例のような）  
+- プログラミングの論理で驚いたことは何ですか？  
 
-**自信を高めるための一言:**
+**自信をちょっとアップ:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 文<rb/>(命令)"] --> B["📦 変数<br/>(記憶)"] --> C["🔀 制御フロー<br/>(決定)"] --> D["🎉 動作中のプログラム!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
+```  
+✅ **次に来るもの**: これからこの素晴らしい旅をさらに深く掘り下げていきます！今は、これから体験する素晴らしい可能性にワクワクすることだけに集中してください。具体的なスキルやテクニックは、一緒に練習するうちに自然に身につきます。これが予想以上に楽しいことになると約束します！
 
-✅ **次に進む内容**: これからこれらの概念をさらに深く掘り下げていくのが本当に楽しみです！今は、これからの素晴らしい可能性にワクワクする気持ちを大切にしてください。具体的なスキルやテクニックは一緒に練習するうちに自然と身につきます – これが予想以上に楽しいものになることを約束します！
+## 仕事道具
 
-## 開発のためのツール
+さて、ここからが私が興奮して我慢できなくなるところです！🚀 これから、まるでデジタル宇宙船の鍵を手にしたかのように感じられる、とんでもなく素晴らしい道具について話します。
 
-さて、ここからが本当に興奮するところです！🚀 これから、デジタル宇宙船の鍵を手渡されたような気分になる素晴らしいツールについて話します。
+シェフが手の延長のように感じる完璧なバランスのナイフを持っているのを知っていますか？ミュージシャンが触れただけで歌い出すようなギターを持っているのと同じように、開発者にはこうした魔法の道具のバージョンがあります。そしてこれがあなたの度肝を抜くこと間違いなしですが、ほとんどが完全無料なのです！
 
-シェフが手に馴染む完璧なナイフを持っているように、またはミュージシャンが触れるだけで歌うようなギターを持っているように、開発者にも魔法のようなツールがあります。そして驚くべきことに、そのほとんどが完全に無料です！
+私はこれらを皆さんと共有できるのが本当に楽しみで仕方ありません。なぜならソフトウェア開発のやり方を完全に変革してしまったからです。AI搭載のコーディングアシスタントがコードを書くのを手伝ってくれたり（冗談ではなく！）、Wi-Fiがあればどこからでもアプリを作れるクラウド環境、プログラムのX線のように詳細に解析できる高度なデバッグツールなどが存在します。
 
-これらのツールを共有することに興奮している理由は、これらがソフトウェアの構築方法を完全に変革したからです。AIがコードを書くのを手伝ってくれる（冗談ではありません！）、Wi-Fiがあればどこからでもアプリケーションを構築できるクラウド環境、そしてプログラムをX線のように分析する高度なデバッグツールなどです。
-
-そしてこれがまだ鳥肌が立つ部分ですが、これらは「初心者向けツール」ではありません。これらはGoogleやNetflix、あなたが好きなインディーアプリスタジオの開発者が今まさに使用しているプロフェッショナルグレードのツールです。これらを使うことで、プロのような気分になること間違いなしです！
+そしてここが鳥肌ものなのですが、これらは「初心者ツール」ではないのです。Google、Netflix、そして皆さんが好きなインディーズアプリスタジオがまさに今使っているのと同じプロフェッショナルなツール群なのです。使いこなせば一気にプロの気分になれますよ！
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 あなたのアイデア"] --> B["⌨️ コードエディター<br/>(VS Code)"] 
+    B --> C["🌐 ブラウザ開発者ツール<br/>(テスト＆デバッグ)"]
+    C --> D["⚡ コマンドライン<br/>(自動化＆ツール)"]
+    D --> E["📚 ドキュメント<br/>(学習＆リファレンス)"]
+    E --> F["🚀 素晴らしいウェブアプリ！"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AIアシスタント<br/>(GitHub Copilot)"]
+    C -.-> H["📱 デバイステスト<br/>(レスポンシブデザイン)"]
+    D -.-> I["📦 パッケージマネージャー<br/>(npm, yarn)"]
+    E -.-> J["👥 コミュニティ<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -476,343 +504,354 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
+### コードエディターとIDE：あなたの新しいデジタル親友
 
-### コードエディタとIDE: あなたの新しいデジタル親友
+コードエディターについて話しましょう。これはあなたの新しいお気に入りの場所になるでしょう！自分だけのコーディングサンクチュアリで、そこにいる時間が一番長くなるはずです。
 
-コードエディタについて話しましょう – これらは間違いなくあなたの新しいお気に入りの場所になるでしょう！これらは、デジタル作品を作り上げ、完成させるためにほとんどの時間を過ごす個人的なコーディングの聖域のようなものです。
+でも現代のエディターには魔法のような特徴があります。ただの高機能テキストエディターではありません。まるできらりと輝く最高のメンターが24時間あなたの隣に座っているような感じです。打ち間違いをあなたが気づく前に見抜き、すごい改善案を示し、コードの意味を理解する手助けをしてくれて、さらにはあなたがこれからタイプしそうなことを予測して続きを提案してくれます！
 
-しかし、現代のエディタが本当に魔法のようなのは、単なる高機能なテキストエディタではないという点です。まるで最も賢く、支援的なコーディングメンターが24時間365日あなたの隣に座っているようなものです。タイポを見つける前に修正し、あなたを天才のように見せる改善を提案し、コードの各部分が何をするのかを理解する手助けをし、さらにはあなたが入力しようとしていることを予測して考えを完成させる提案をしてくれることもあります！
+オートコンプリートを初めて使ったときのことは今でも忘れません。本当に未来に生きている感覚でした。何かタイプし始めるとエディターが「これが欲しい関数ですか？」って感じで提案してくれるのです。まるで心を読んでくれるコーディング仲間のようです！
 
-オートコンプリートを初めて発見したときのことを覚えていますが、まるで未来に生きているような気分でした。何かを入力し始めると、エディタが「ねえ、これがあなたが必要としている機能じゃない？」と言ってくれるんです。まるで心を読んでくれるコーディング仲間のようです！
+**これらエディターがすごい理由は？**
 
-**これらのエディタが素晴らしい理由は？**
+現代のコードエディターは、生産性を爆上げする機能が満載です：
 
-現代のコードエディタは、生産性を向上させるための驚くべき機能を提供します:
+| 機能 | 役割 | 助けになる理由 |
+|---------|--------------|--------------|
+| **構文ハイライト** | コードの各部分を色分け | 読みやすくエラーを見つけやすくする |
+| **オートコンプリート** | タイプ中にコードを提案 | コーディング速度アップ＆タイプミス削減 |
+| **デバッグツール** | エラー発見と修正を支援 | 問題解決の時間を大幅短縮 |
+| **拡張機能** | 専用機能を追加可能 | あらゆる技術にカスタマイズできる |
+| **AIアシスタント** | コードや説明の提案 | 学習効率と生産性を加速する |
 
-| 機能 | 何をするか | なぜ役立つか |
-|------|------------|--------------|
-| **構文ハイライト** | コードの異なる部分を色分け | コードを読みやすくし、エラーを見つけやすくする |
-| **オートコンプリート** | タイプ中にコードを提案 | コーディングを高速化し、タイポを減らす |
-| **デバッグツール** | エラーを見つけて修正 | トラブルシューティングの時間を節約 |
-| **拡張機能** | 専門的な機能を追加 | 任意の技術に合わせてエディタをカスタマイズ |
-| **AIアシスタント** | コードと説明を提案 | 学習と生産性を加速 |
+> 🎥 **動画リソース**: これらのツールの動作を見るには、この[Tools of the Tradeビデオ](https://youtube.com/watch?v=69WJeXGBdxg)をご覧ください。
 
-> 🎥 **ビデオリソース**: これらのツールがどのように動作するかを見たいですか？[Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg)で包括的な概要をチェックしてください。
+#### Web開発におすすめのエディター
 
-#### Web開発におすすめのエディタ
+**[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) - コードの綴りミス検出  
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)**（無料）
-- Web開発者の間で最も人気
-- 優れた拡張機能エコシステム
-- 組み込みターミナルと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/)**（有料、学生無料）  
+- 高度なデバッグとテストツール  
+- インテリジェントなコード補完  
+- 組み込みバージョン管理  
 
-**[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/) - 即時のフルスタックWeb開発
+> 💡 **はじめの一歩のヒント**: 最初はVisual Studio Codeから始めましょう。無料で業界でも広く使われており、コミュニティによるチュートリアルや拡張機能が豊富です。
 
-> 💡 **始めるためのヒント**: Visual Studio Codeから始めましょう – 無料で、業界で広く使用されており、役立つチュートリアルや拡張機能を作成する巨大なコミュニティがあります。
 
-### Webブラウザ: あなたの秘密の開発実験室
+### ウェブブラウザ：秘密の開発実験室
 
-さて、完全に驚く準備をしてください！ブラウザを使ってソーシャルメディアをスクロールしたり動画を見たりしていたことがありますよね？実は、それらはこの驚くべき秘密の開発実験室をずっと隠していたのです。
-初めて誰かにブラウザのDevToolsを見せてもらったとき、3時間くらいずっとクリックして「えっ、これもできるの?!」って驚きっぱなしでした。リアルタイムでどんなウェブサイトでも編集できるし、読み込み速度を正確に確認できるし、異なるデバイスでサイトがどう見えるかテストできるし、JavaScriptのデバッグまでプロ級にできちゃうんです。本当に衝撃的でした！
+さあ、心の準備をしてください！あなたが普段ソーシャルメディアをスクロールしたり動画を見たりするのに使っているブラウザが、実はすごい秘密の開発実験室を隠していることを知っていましたか？
 
-**ブラウザが秘密兵器である理由:**
+ウェブページで右クリックして「要素を検証」を選ぶたびに、ある秘密の世界が開きます。これは、私が昔何百ドルも出していた高価なソフトよりも強力な開発者ツールです。まるで、普段使っている普通のキッチンの奥にプロのシェフの実験室が隠されていたのを発見したみたいなものです！
+誰かが初めてブラウザのDevToolsを見せてくれたとき、私はただクリックしまくって「えっ、それもできるの？！」と3時間ぐらい騒いでいました。リアルタイムでどんなウェブサイトでも編集でき、読み込み速度も正確にわかり、異なるデバイスでの見え方をテストし、さらにはJavaScriptをプロ並みにデバッグできるのです。これは本当に衝撃的です！
 
-ウェブサイトやウェブアプリを作るとき、実際の環境でどう見えるか、どう動作するかを確認する必要があります。ブラウザは単にあなたの作品を表示するだけでなく、パフォーマンス、アクセシビリティ、潜在的な問題について詳細なフィードバックを提供してくれます。
+**ブラウザがあなたの秘密兵器である理由：**
 
-#### ブラウザ開発者ツール (DevTools)
+ウェブサイトやウェブアプリケーションを作るとき、現実世界での見た目や挙動を知る必要があります。ブラウザは単に作品を表示するだけでなく、パフォーマンス、アクセシビリティ、潜在的な問題について詳しいフィードバックを提供します。
 
-現代のブラウザには包括的な開発スイートが含まれています:
+#### ブラウザの開発者ツール（DevTools）
 
-| ツールカテゴリ | 機能 | 使用例 |
-|---------------|--------------|------------------|
-| **Element Inspector** | HTML/CSSをリアルタイムで表示・編集 | スタイリングを調整して即座に結果を確認 |
-| **Console** | エラーメッセージの表示とJavaScriptのテスト | 問題をデバッグし、コードを試す |
-| **Network Monitor** | リソースの読み込み状況を追跡 | パフォーマンスと読み込み時間を最適化 |
-| **Accessibility Checker** | インクルーシブデザインのテスト | すべてのユーザーに対応するサイトを確保 |
-| **Device Simulator** | 異なる画面サイズでプレビュー | 複数のデバイスなしでレスポンシブデザインをテスト |
+モダンブラウザには包括的な開発ツールが搭載されています：
+
+| ツールカテゴリ | できること | 具体的な使い方例 |
+|---------------|-------------|------------------|
+| **Element Inspector** | HTML/CSSをリアルタイムで閲覧・編集 | スタイリングを調整して即座に結果を確認 |
+| **Console** | エラーメッセージの確認やJavaScriptのテスト | 問題をデバッグし、コードを試す |
+| **Network Monitor** | リソースの読み込み状況を追跡 | パフォーマンスや読み込み時間を最適化 |
+| **Accessibility Checker** | インクルーシブデザインのテスト | すべてのユーザーに対応しているか確認 |
+| **Device Simulator** | 様々な画面サイズでプレビュー | 複数デバイスなしでレスポンシブをテスト |
 
 #### 開発におすすめのブラウザ
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 業界標準のDevToolsと充実したドキュメント
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 業界標準のDevToolsで豊富なドキュメントあり
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - 優れたCSS Gridとアクセシビリティツール
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ChromiumベースでMicrosoftの開発者リソースを活用
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ChromiumベースでMicrosoftの開発者リソース付き
+
+> ⚠️ **重要なテストのヒント**：ウェブサイトは複数のブラウザで必ずテストしてください！Chromeで完璧に動いてもSafariやFirefoxでは見え方が違うかもしれません。プロの開発者は主要なブラウザ全てで確認し、一貫したユーザー体験を保証します。
 
-> ⚠️ **重要なテストのヒント**: ウェブサイトは必ず複数のブラウザでテストしましょう！Chromeで完璧に動作しても、SafariやFirefoxでは異なる見え方をすることがあります。プロの開発者は主要なブラウザすべてでテストを行い、一貫したユーザー体験を確保します。
 
-### コマンドラインツール: 開発者のスーパーパワーへの入り口
+### コマンドラインツール：開発者のスーパーパワーへの入り口
 
-正直に言いますね。コマンドラインを初めて見たとき、ただの黒い画面に点滅するテキストを見て、「無理、絶対無理！これって1980年代のハッカー映画みたいだし、私には絶対無理！」って思いました。😅
+では、コマンドラインについて正直に話しましょう。実は私も最初に見たとき、あの黒くて点滅する文字が怖くて、「絶対無理！1980年代のハッカームービーに出てくるみたいで、自分には到底無理だ！」と思いました 😅
 
-でも、あの時誰かが教えてくれたらよかったなと思うことを今あなたに伝えます。コマンドラインは怖いものじゃないんです。実際にはコンピュータと直接会話しているようなものなんです。例えるなら、写真やメニューがあるおしゃれなアプリで食べ物を注文するのと、地元のレストランに行ってシェフに「何か美味しいものをお願い」と言うのとの違いみたいなものです。
+でもここで言いたいのは、コマンドラインは怖いものではなく、コンピューターと直接会話しているようなものだということ。高級なアプリで写真とメニューを見ながら注文するのと、地元のレストランに行ってシェフに「何か驚くものをお願い」とだけ言う違いみたいなものです。
 
-コマンドラインは開発者が魔法使いのように感じる場所です。いくつかの魔法のような言葉（実際にはただのコマンドですが！）を入力してEnterキーを押すと、プロジェクト構造を作成したり、世界中の強力なツールをインストールしたり、アプリをインターネットに公開して何百万人もの人々に見てもらうことができます。一度その力を味わうと、正直言ってかなりクセになります！
+コマンドラインは開発者がまるで魔法使いのように感じられる場所。数語（正確にはコマンド）を打ってEnterを押すと、プロジェクト構造を作成したり、世界中から強力なツールをインストールしたり、アプリを公開したりできます。一度その力を味わうと、結構クセになります！
 
-**コマンドラインが好きになる理由:**
+**コマンドラインがあなたのお気に入りツールになる理由：**
 
-グラフィカルインターフェースは多くのタスクに便利ですが、コマンドラインは自動化、精度、速度に優れています。多くの開発ツールは主にコマンドラインインターフェースを通じて動作し、それを効率的に使いこなすことで生産性が劇的に向上します。
+グラフィカルインターフェースは多くの作業に便利ですが、コマンドラインは自動化、正確さ、速度に優れています。多くの開発ツールは主にコマンドラインで動作し、効率的に使いこなせば生産性が大幅に上がります。
 
 ```bash
-# Step 1: Create and navigate to project directory
+# ステップ1：プロジェクトディレクトリを作成し、移動する
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**このコードがすること:**
-- プロジェクト用の新しいディレクトリ「my-awesome-website」を作成
-- 作成したばかりのディレクトリに移動して作業を開始
+**このコードがやっていること：**
+- プロジェクト用の「my-awesome-website」という新しいディレクトリを作成
+- 作成したディレクトリに移動して作業開始
 
 ```bash
-# Step 2: Initialize project with package.json
+# ステップ2: package.jsonでプロジェクトを初期化する
 npm init -y
 
-# Install modern development tools
+# 最新の開発ツールをインストールする
 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
-# Step 3: Create project structure and files
+# ステップ3：プロジェクトの構造とファイルを作成する
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# 開発サーバーを起動する
 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/)** | JavaScript実行環境＆パッケージ管理 | ブラウザ外でJavaScript実行、最新開発ツールの導入 |
+| **[Vite](https://vitejs.dev/)** | ビルドツール＆開発サーバー | 高速な開発環境とホットモジュール交換 |
+| **[ESLint](https://eslint.org/)** | コード品質 | JavaScriptの問題を自動検出・修正 |
+| **[Prettier](https://prettier.io/)** | コード整形 | コードを一貫して読みやすく保つ |
 
-#### プラットフォーム別オプション
+#### プラットフォーム別のオプション
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - モダンで機能豊富なターミナル
+- **[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)** 💻 - 従来のWindowsコマンドライン
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - 伝統的なWindowsコマンドライン
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - 標準搭載のターミナルアプリ
-- **[iTerm2](https://iterm2.com/)** - 高度な機能を備えたターミナル
+- **[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)** - 高度なターミナルエミュレーター
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Linux標準シェル
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - 高機能ターミナル
 
 > 💻 = OSにプリインストール済み
 
-> 🎯 **学習パス**: `cd`（ディレクトリ変更）、`ls`または`dir`（ファイル一覧表示）、`mkdir`（フォルダ作成）などの基本コマンドから始めましょう。`npm install`、`git status`、`code .`（現在のディレクトリをVS Codeで開く）などのモダンなワークフローコマンドを練習してください。慣れてくると、より高度なコマンドや自動化技術を自然に習得できます。
+> 🎯 **学習の進め方**：`cd`（ディレクトリ移動）、`ls`や`dir`（ファイルリスト表示）、`mkdir`（フォルダ作成）など基本コマンドから始めましょう。`npm install`、`git status`、`code .`など現代的なワークフローコマンドも練習すると良いです。慣れてくると自然に高度なコマンドや自動化技術が身につきます。
+
 
-### ドキュメント: いつでも利用可能な学習メンター
+### ドキュメント：いつでも頼れる学びのメンター
 
-初心者であることに対して安心感を持てる秘密を教えますね。実は、最も経験豊富な開発者でも、作業時間のかなりの部分をドキュメントを読むことに費やしています。それは彼らが何をしているのか分からないからではなく、むしろ賢いからなんです！
+初心者であることを気楽に感じられる秘密を教えましょう。経験豊富な開発者でも時間の大部分をドキュメント読みに費やしています。これは「わからないから」ではなく、むしろ賢明な行動なのです！
 
-ドキュメントは、世界で最も忍耐強く知識豊富な教師に24時間365日アクセスできるようなものです。深夜2時に問題に行き詰まったら？ドキュメントが温かい仮想の抱擁と必要な答えを提供してくれます。みんなが話題にしている新しい機能について学びたい？ドキュメントがステップバイステップの例でサポートしてくれます。なぜ何かがそのように機能するのか理解したい？そうです、ドキュメントがそれを説明してくれます！
+ドキュメントは24時間いつでも利用可能な、世界で最も根気強くて知識豊富な教師がいるようなもの。夜中の2時に問題で詰まっても、ドキュメントは温かく正確な答えを用意しています。みんなが注目する新機能を学びたいときも、段階的な解説付きでサポートしてくれます。なぜ動くのか理解できないことも、ドキュメントが「なるほど！」と思わせる説明をしてくれます。
 
-これが私の視点を完全に変えたことです: ウェブ開発の世界は非常に速く進化しており、誰も（本当に誰も！）すべてを暗記しているわけではありません。15年以上の経験を持つシニア開発者が基本的な構文を調べるのを見たことがありますが、それは恥ずかしいことではなく、むしろ賢いことです！完璧な記憶を持つことではなく、信頼できる答えを迅速に見つけ、それを適用する方法を知ることが重要です。
+私の考え方を変えたことがあります。ウェブ開発の世界は信じられないほど速く変わり、誰も（本当に誰も）すべてを暗記しているわけではありません。15年以上の経験があるシニア開発者が基本的な構文を調べているのを見て、恥ずかしいことではなく賢いと感じました。記憶力ではなく、信頼できる答えを迅速に見つけ、使いこなせることが重要だと実感したのです。
 
-**ここが本当の魔法が起こる場所です:**
+**ここに本当の魔法が起きます：**
 
-プロの開発者は、時間の大部分をドキュメントを読むことに費やします。それは彼らが何をしているのか分からないからではなく、ウェブ開発の世界が非常に速く進化するため、最新の情報を得るには継続的な学習が必要だからです。優れたドキュメントは、単に「どうやって使うか」だけでなく、「なぜ」そして「いつ」使うべきかを理解するのに役立ちます。
+プロの開発者は多くの時間をドキュメント読みに費やします。これは知識不足ではなく、急速に進化するウェブ開発に対応するための継続的な学習です。良いドキュメントは「使い方」だけでなく「なぜ・いつ使うか」も教えてくれます。
 
-#### 必須のドキュメントリソース
+#### 必須ドキュメントリソース
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - ウェブ技術ドキュメントのゴールドスタンダード
-- HTML、CSS、JavaScriptの包括的なガイド
-- ブラウザ互換性情報を含む
-- 実用的な例やインタラクティブなデモを提供
+- HTML、CSS、JavaScriptの包括的ガイド
+- ブラウザ対応情報も掲載
+- 実用的な例やインタラクティブデモもあり
 
-**[Web.dev](https://web.dev)** (Google提供)
-- モダンなウェブ開発のベストプラクティス
+**[Web.dev](https://web.dev)** （Google提供）
+- モダンなウェブ開発ベストプラクティス
 - パフォーマンス最適化ガイド
-- アクセシビリティとインクルーシブデザインの原則
-- 実際のプロジェクトからのケーススタディ
+- アクセシビリティとインクルーシブデザイン原則
+- 実際のプロジェクトの事例研究
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edgeブラウザ開発リソース
-- プログレッシブウェブアプリガイド
+- プログレッシブウェブアプリのガイド
 - クロスプラットフォーム開発の洞察
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - 構造化された学習カリキュラム
-- 業界の専門家によるビデオコース
-- 実践的なコーディング演習
+- 業界エキスパートによるビデオコース
+- 実践的なコーディング演習付き
 
-> 📚 **学習戦略**: ドキュメントを暗記しようとせず、効率的にナビゲートする方法を学びましょう。頻繁に使用するリファレンスをブックマークし、検索機能を使って特定の情報を迅速に見つける練習をしてください。
+> 📚 **学習戦略**：ドキュメントを暗記しようとせず、効率的に検索・閲覧する方法を習得しましょう。よく使う参考資料はブックマークし、検索機能で必要な情報を素早く見つける練習を。
 
-### 🔧 **ツール習熟度チェック: あなたに響くものは？**
+### 🔧 **ツールマスタリーチェック：どれが響く？**
 
-**少し考えてみてください:**
-- 最初に試してみたいツールはどれですか？（どれを選んでも正解です！）
-- コマンドラインはまだ怖いと感じますか、それとも興味が湧いてきましたか？
-- お気に入りのウェブサイトの裏側をブラウザDevToolsで覗いてみるのを想像できますか？
+**ちょっと考えてみてください：**
+- まず試してみたいツールはどれですか？（間違いはありません！）
+- コマンドラインはまだ怖いですか？それとも興味が出てきましたか？
+- ブラウザのDevToolsを使って、お気に入りのウェブサイトの裏側を覗くイメージはできますか？
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "ツールに費やした開発者の時間"
+    "コードエディタ" : 40
+    "ブラウザテスト" : 25
+    "コマンドライン" : 15
+    "ドキュメントを読む" : 15
+    "デバッグ" : 5
 ```
+> **面白いインサイト**：多くの開発者はコードエディターで過ごす時間が約40%ですが、テストや学習、問題解決に使う時間にも注目しましょう。プログラミングは単にコードを書くことではなく、体験を作ることなのです！
 
-> **面白い洞察**: 開発者はコードエディタで約40%の時間を過ごしますが、テスト、学習、問題解決に費やす時間も注目してください。プログラミングは単にコードを書くことではなく、体験を作り上げることなのです！
+✅ **考える材料**：ウェブサイトの作成（開発）に使うツールは、見た目をデザインするツールとどう違うと思いますか？建築家が美しい家を設計し、施工業者がそれを実際に建てるのと似ています。どちらも重要ですが、必要な道具は違います。こんな考え方が、ウェブサイトがどうやって生まれるかを大きな視点で理解する助けになります。
 
-✅ **考えるべきこと**: ウェブサイトを構築するためのツール（開発）と、見た目をデザインするためのツール（デザイン）はどう違うと思いますか？美しい家を設計する建築家と実際にそれを建てる施工者の違いのようなものです。どちらも重要ですが、必要なツールボックスは異なります！このような考え方をすることで、ウェブサイトがどのように生まれるかの全体像を理解するのに役立ちます。
+## GitHub Copilot エージェントチャレンジ 🚀
 
-## GitHub Copilot Agent Challenge 🚀
+エージェントモードを使って次のチャレンジを完成させましょう：
 
-Agentモードを使用して以下のチャレンジを完了してください:
+**説明:** モダンなコードエディターまたはIDEの機能を探り、ウェブ開発者としての作業効率をどう向上できるかを示してください。
 
-**説明:** モダンなコードエディタまたはIDEの機能を探求し、それがウェブ開発者としてのワークフローをどのように改善できるかを示してください。
-
-**プロンプト:** Visual Studio Code、WebStorm、またはクラウドベースのIDEなどのコードエディタまたはIDEを選択してください。コードの記述、デバッグ、または保守を効率化する3つの機能または拡張機能を挙げ、それぞれがワークフローにどのように役立つかを簡単に説明してください。
+**プロンプト:** Visual Studio Code、WebStorm、クラウドIDEなどのコードエディターやIDEを選びましょう。コードを書く、デバッグする、コードを維持管理するのに役立つ3つの機能や拡張機能をリストアップしてください。それぞれについて、作業効率向上の理由を簡単に説明してください。
 
 ---
 
 ## 🚀 チャレンジ
 
-**さて、探偵さん、最初の事件に挑む準備はできましたか？**
+**さあ探偵さん、最初の事件に挑戦する準備はいいですか？**
+
+この素晴らしい基礎ができた今、プログラミングの世界がどれだけ多様で魅力的か知る冒険に出ましょう。なおこれはまだコードを書く話ではないので、プレッシャーは不要です！初めての案件を追うプログラミング言語探偵になったつもりで！
 
-この素晴らしい基礎を手に入れた今、プログラミングの世界がどれほど多様で魅力的かを実感できる冒険を用意しました。そして、これはまだコードを書くことではないので、プレッシャーはありません！自分をプログラミング言語探偵として、初めてのエキサイティングな事件に挑むと考えてください！
+**ミッション（受け入れる場合のみ）：**
+1. **言語探検者になる**：ウェブ構築用、モバイルアプリ用、科学者のデータ処理用など、全く違う宇宙から3つのプログラミング言語を選びましょう。同じ単純なタスクの例を各言語で見つけてください。同じことをしていても見た目が全然違うことにきっと驚きますよ！
 
-**あなたのミッション、受け入れるならば:**
-1. **言語探検家になる**: 完全に異なる世界のプログラミング言語を3つ選びましょう。例えば、ウェブサイトを作る言語、モバイルアプリを作る言語、科学者がデータを処理する言語など。同じ簡単なタスクをそれぞれの言語で書いた例を探してみてください。全く同じことをするのに、見た目がこんなに違うなんて驚くはずです！
+2. **起源を探る**：それぞれの言語の特徴は何でしょう？面白いのは、すべてのプログラミング言語は「これを解決するにはもっと良い方法があるはず」と考えた誰かが生み出したことです。その背景にある問題は何か考えてみましょう。その話は本当に魅力的ですよ！
 
-2. **起源を探る**: 各言語の特別な点は何でしょうか？面白い事実ですが、すべてのプログラミング言語は「もっと効率的にこの問題を解決する方法があるはずだ」と誰かが考えた結果生まれました。それらの問題が何だったのかを調べてみてください。これらの話は本当に興味深いものです！
+3. **コミュニティに触れる**：それぞれの言語のコミュニティがどれくらい歓迎的で情熱的か調査しましょう。何百万もの開発者が知識を共有し助け合うものもあれば、小さいけれど非常に結束の強いコミュニティもあります。多様な個性が見られて楽しいですよ！
 
-3. **コミュニティに出会う**: 各言語のコミュニティがどれほど歓迎的で情熱的かをチェックしてみてください。何百万人もの開発者が知識を共有し助け合うコミュニティもあれば、小規模だけど非常に結束力がありサポートが充実しているコミュニティもあります。それぞれのコミュニティの個性を見るのが楽しいはずです！
+4. **直感で選ぶ**：今あなたにとって一番親しみやすい言語はどれですか？「完璧な」選択を心配せず、感じるままに！誤答はありませんし、後で他も探求できます。
 
-4. **直感に従う**: 今のところどの言語が最も親しみやすく感じますか？「完璧な」選択をすることに悩む必要はありません。直感に従ってください！ここで間違った選択はありませんし、後で他の言語を探求することもできます。
+**追加探偵活動**：主なウェブサイトやアプリがどの言語で作られているか調べてみましょう。Instagram、Netflix、または止められないあのモバイルゲームの技術スタックを知れば驚くはずです！
 
-**ボーナス探偵作業**: 各言語で構築された主要なウェブサイトやアプリを発見してみてください。Instagram、Netflix、または止められないあのモバイルゲームが何で動いているかを知ったら驚くこと間違いなしです！
+> 💡 **覚えておいて**：今日はどの言語もマスターする必要はありません。まずは周辺を知って、どこに拠点を作りたいか考える準備期間です。じっくり楽しみ、好奇心の赴くままに！
 
-> 💡 **覚えておいてください**: 今日これらの言語の専門家になる必要はありません。ただ、どの言語がどんな「街並み」なのかを知ることが目的
-## レビューと自己学習
 
-**じっくり楽しみながら進めてください！**
+## 発見を祝おう！
 
-今日はたくさんのことを学びましたね。それは誇るべきことです！これからが楽しい部分です。興味を引かれたトピックを探求してみましょう。これは宿題ではありません。冒険です！
+すごいですね、今日たくさんの素晴らしい情報を吸収しました！この旅でどれだけ多くが心に残ったか楽しみです。覚えておいてください—これは完璧を求めるテストではなく、あなたがこの魅惑的な世界について学んだことすべてを祝う機会です！
 
-**興味を持ったことを深掘りしてみましょう:**
+[レッスン後クイズを受ける](https://ff-quizzes.netlify.app/web/)
 
-**プログラミング言語を実際に触ってみる:**
-- 気になった2～3つの言語の公式サイトを訪れてみましょう。それぞれ独自の個性やストーリーがあります！
-- [CodePen](https://codepen.io/)、[JSFiddle](https://jsfiddle.net/)、[Replit](https://replit.com/)のようなオンラインのコーディングプレイグラウンドを試してみてください。実験することを恐れないでください。何かを壊すことはありません！
-- お気に入りの言語がどのように誕生したかについて読んでみましょう。本当に面白い起源の話があり、言語がどのように機能するのかを理解する助けになります。
+## 復習＆自主学習
 
-**新しいツールに慣れる:**
-- まだダウンロードしていない場合は、Visual Studio Codeをダウンロードしましょう。無料で使えて、きっと気に入るはずです！
-- 拡張機能マーケットプレイスを数分間ブラウズしてみてください。コードエディタのためのアプリストアのようなものです！
-- ブラウザの開発者ツールを開いて、いろいろクリックしてみましょう。すべてを理解する必要はありません。まずは何があるのかを知ることが大切です。
+**時間をかけて楽しみながら探求してください！**
+今日はたくさんのことを学びましたね、それは誇るべきことです！さて、ここからが楽しい部分です—あなたの好奇心を刺激したトピックを探求しましょう。これが宿題ではなく、冒険だということを忘れないでください！
 
-**コミュニティに参加する:**
-- [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をダウンロードしてください—無料で、きっと気に入るはずです！
+- 数分だけエクステンションマーケットプレイスを見て回りましょう。コードエディタのためのアプリストアのようなものです！
+- ブラウザの開発者ツールを開いて、いろいろクリックしてみてください。すべてを理解する必要はありません—ただ何があるか慣れておきましょう。
+
+**コミュニティに参加しましょう：**
+- [Dev.to](https://dev.to/)、[Stack Overflow](https://stackoverflow.com/)、[GitHub](https://github.com/)のような開発者コミュニティをフォローしましょう。プログラミングコミュニティは新参者にとても親切です！
+- YouTubeで初心者向けのコーディング動画を見ましょう。始めたばかりの頃の気持ちを覚えている素晴らしいクリエイターがたくさんいます。
+- 地元のミートアップやオンラインコミュニティに参加することを検討してください。開発者は新参者を助けるのが大好きです！
+
+> 🎯 **覚えておいてほしいこと**：一晩でコーディングの達人になることは期待されていません！今は、これから参加する素晴らしい新しい世界を知りはじめているところです。時間をかけて旅を楽しみましょう。そして、あなたが尊敬するすべての開発者は、かつて今まさにあなたがいる場所で、ワクワクして少し圧倒されていたことを忘れないでください。それは全く普通のことで、あなたが正しい道を歩んでいる証拠です。
 
 
 
 ## 課題
 
-[ドキュメントを読む](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **課題へのちょっとしたヒント**: まだ触れていないツールを探求してみてほしいです！すでに話したエディタやブラウザ、コマンドラインツールはスキップして、まだ見ぬ素晴らしい開発ツールの世界を発見してください。活発にメンテナンスされていて、親切なコミュニティがあるツールを探してみましょう（こうしたツールは最高のチュートリアルがあり、困ったときに助けてくれる人がたくさんいます）。
+> 💡 **課題へのちょっとした後押し**：まだ触れていないツールをぜひ探求してみてください！これまで話したエディタ、ブラウザ、コマンドラインツールはスキップして—まだ発見されていない素晴らしい開発ツールの世界が広がっています。積極的にメンテナンスされ、活気があり助け合うコミュニティが存在するもの（こうしたツールには最高のチュートリアルがあり、つまずいても手助けしてくれる人が多いです）を探してください。
 
 ---
 
 ## 🚀 あなたのプログラミング旅のタイムライン
 
-### ⚡ **次の5分間でできること**
-- [ ] 気になったプログラミング言語の公式サイトを2～3つブックマークする
-- [ ] Visual Studio Codeをまだダウンロードしていない場合はダウンロードする
-- [ ] ブラウザの開発者ツール（F12）を開いて、どのウェブサイトでもクリックしてみる
-- [ ] プログラミングコミュニティに1つ参加する（Dev.to、Reddit r/webdev、またはStack Overflow）
+### ⚡ **次の5分でできること**
+- [ ] 気になったプログラミング言語のウェブサイトを2〜3件ブックマークする
+- [ ] まだならVisual Studio Codeをダウンロードする
+- [ ] ブラウザのDevTools（F12）を開いてどこかのウェブサイトをクリックしてみる
+- [ ] どれか1つプログラミングコミュニティに参加する（Dev.to、Reddit r/webdev、またはStack Overflow）
 
-### ⏰ **次の1時間で達成できること**
-- [ ] レッスン後のクイズを完了し、回答を振り返る
-- [ ] VS CodeにGitHub Copilot拡張機能をセットアップする
-- [ ] オンラインで2つの異なるプログラミング言語で「Hello World」を試してみる
-- [ ] YouTubeで「開発者の1日」の動画を見る
-- [ ] プログラミング言語の探求を始める（チャレンジから）
+### ⏰ **この1時間で達成できること**
+- [ ] レッスン後のクイズを終えて答えを振り返る
+- [ ] GitHub Copilot拡張機能を使ってVS Codeをセットアップする
+- [ ] 2種類のプログラミング言語で「Hello World」例をオンラインで試す
+- [ ] YouTubeで「開発者の一日」動画を視聴する
+- [ ] 課題の中のプログラミング言語探偵活動を始める
 
 ### 📅 **1週間の冒険**
-- [ ] 課題を完了し、新しい開発ツールを3つ探求する
-- [ ] ソーシャルメディアで開発者やプログラミング関連のアカウントを5つフォローする
-- [ ] CodePenやReplitで小さなものを作ってみる（「Hello, [あなたの名前]！」でもOK）
-- [ ] 開発者のブログ記事を1つ読んで、誰かのコーディングの旅について知る
-- [ ] バーチャルミートアップに参加するか、プログラミングの講演を視聴する
+- [ ] 課題を終え、3つの新しい開発ツールを探求する
+- [ ] 5人の開発者またはプログラミングアカウントをSNSでフォローする
+- [ ] CodePenやReplitで何か小さなものを作ってみる（たとえ「Hello, [あなたの名前]！」だけでも！）
+- [ ] ある開発者のコーディングの旅についてのブログ記事を読む
+- [ ] バーチャルミートアップに参加するかプログラミングトークを見る
 - [ ] 選んだ言語をオンラインチュートリアルで学び始める
 
-### 🗓️ **1か月間の変化**
-- [ ] 初めての小さなプロジェクトを作る（シンプルなウェブページでもOK！）
-- [ ] オープンソースプロジェクトに貢献する（まずはドキュメントの修正から始める）
-- [ ] プログラミングを始めたばかりの人をメンターする
-- [ ] 開発者ポートフォリオウェブサイトを作成する
-- [ ] 地元の開発者コミュニティや勉強会に参加する
-- [ ] 次の学習目標を計画し始める
+### 🗓️ **1ヶ月の変身**
+- [ ] 最初の小さなプロジェクトを作る（シンプルなウェブページでもOK！）
+- [ ] オープンソースプロジェクトに貢献する（ドキュメントの修正から始める）
+- [ ] これからプログラミングを始める誰かをメンターとして助ける
+- [ ] 自分の開発者ポートフォリオウェブサイトを作る
+- [ ] 地元の開発者コミュニティや勉強会とつながる
+- [ ] 次の学習マイルストーンの計画を始める
 
-### 🎯 **最終的な振り返りチェックイン**
+### 🎯 **最後の振り返りチェックイン**
 
-**次に進む前に、少し立ち止まって祝福しましょう:**
-- 今日、プログラミングについて何が一番ワクワクしましたか？
-- 最初に探求したいツールや概念は何ですか？
-- このプログラミングの旅を始めることについてどう感じていますか？
-- 今、開発者に聞いてみたい質問は何ですか？
+**次に進む前に、少し自分を褒めてあげてください：**
+- 今日、プログラミングでワクワクしたことは何でしたか？
+- どのツールやコンセプトを最初に探求したいですか？
+- このプログラミングの旅を始めることについてどう感じますか？
+- 今すぐ開発者に質問したいことは何ですか？
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title あなたの自信構築の旅
+    section 今日
+      好奇心旺盛: 3: You
+      圧倒されている: 4: You
+      ワクワクしている: 5: You
+    section 今週
+      探索中: 4: You
+      学習中: 5: You
+      つながりを持つ: 4: You
+    section 来月
+      構築中: 5: You
+      自信がある: 5: You
+      他者を助ける: 5: You
 ```
-
-> 🌟 **覚えておいてください**: すべての専門家もかつては初心者でした。すべてのシニア開発者も、あなたと同じように、興奮しつつ少し圧倒されていた時期がありました。あなたは素晴らしい仲間に囲まれています。この旅は素晴らしいものになるでしょう。プログラミングの素晴らしい世界へようこそ！ 🎉
+> 🌟 **覚えておいてほしいこと**：すべてのエキスパートはかつて初心者でした。すべてのシニア開発者は、かつて今あなたが感じているようなワクワクし、少し圧倒され、そして何が可能かについて好奇心でいっぱいの気持ちを経験しています。あなたは素晴らしい仲間に囲まれており、この旅は信じられないほど素敵なものになるでしょう。プログラミングの素晴らしい世界へようこそ！ 🎉
 
 ---
 
-**免責事項**:  
-この文書はAI翻訳サービス[Co-op Translator](https://github.com/Azure/co-op-translator)を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。元の言語で記載された文書を正式な情報源としてご参照ください。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤認について、当方は一切の責任を負いません。
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**免責事項**：  
+本書類はAI翻訳サービス「Co-op Translator」（https://github.com/Azure/co-op-translator）を使用して翻訳されました。正確性を期しておりますが、自動翻訳には誤りや不正確な部分が含まれる場合があります。原文書はあくまで正確な情報源としてご参照ください。重要な情報については、専門の人間による翻訳を推奨いたします。本翻訳の利用により生じた誤解や誤訳に対して、一切の責任を負いかねます。
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ja/AGENTS.md b/translations/ja/AGENTS.md
index 5c7bae787..7e3616c10 100644
--- a/translations/ja/AGENTS.md
+++ b/translations/ja/AGENTS.md
@@ -1,37 +1,37 @@
 # AGENTS.md
 
-## Project Overview
+## プロジェクト概要
 
-これは初心者にウェブ開発の基礎を教えるための教育用カリキュラムリポジトリです。Microsoft Cloud Advocatesによって開発された12週間の包括的なコースで、JavaScript、CSS、およびHTMLをカバーする24の実践的なレッスンが含まれています。
+これは初心者向けのWeb開発の基礎を教えるための教育カリキュラムリポジトリです。このカリキュラムはMicrosoft Cloud Advocatesによって開発された包括的な12週間コースで、JavaScript、CSS、HTMLをカバーする24の実践的なレッスンを含みます。
 
-### Key Components
+### 主な構成要素
 
-- **Educational Content**: プロジェクトベースのモジュールに整理された24の構造化されたレッスン
-- **Practical Projects**: テラリウム、タイピングゲーム、ブラウザ拡張機能、スペースゲーム、バンキングアプリ、コードエディター、AIチャットアシスタント
-- **Interactive Quizzes**: 各3問のクイズ48回（レッスン前後の評価）
-- **Multi-language Support**: GitHub Actionsによる50以上の言語の自動翻訳
-- **Technologies**: 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形式での利用可能
+- レッスンベースの構造をもつ教育リポジトリ
+- 各レッスンフォルダーには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 Setup (Vue 3 + Vite)
+### クイズアプリのセットアップ（Vue 3 + Vite）
 
 ```bash
 cd quiz-app
@@ -41,17 +41,17 @@ 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
@@ -59,15 +59,15 @@ npm install
 # ブラウザ固有の拡張機能読み込み手順に従ってください
 ```
 
-### Space Game Projects
+### スペースゲームプロジェクト
 
 ```bash
 cd 6-space-game/solution
 npm install
-# ブラウザでindex.htmlを開くか、Live Serverを使用してください
+# index.htmlをブラウザで開くか、Live Serverを使用してください
 ```
 
-### Chat Project (Python Backend)
+### チャットプロジェクト（Pythonバックエンド）
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,37 +76,37 @@ pip install openai
 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. リポジトリをフォークまたはクローン
+1. リポジトリをフォークまたはクローンする
 2. レッスンディレクトリを順に進む
-3. 各レッスンのREADMEを読む
-4. https://ff-quizzes.netlify.app/web/ で事前クイズを完了
-5. レッスンフォルダ内のコード例を実行
-6. 課題やチャレンジを終える
-7. 事後クイズを受ける
+3. 各レッスンのREADMEファイルを読む
+4. https://ff-quizzes.netlify.app/web/ でレッスン前のクイズを完了する
+5. レッスンフォルダ内のコード例を進める
+6. 課題やチャレンジを完了する
+7. レッスン後のクイズを受ける
 
-### Live Development
+### ライブ開発
 
-- **Documentation**: ルートで `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ディレクトリで `npm run dev` を実行
+- **プロジェクト**: HTMLプロジェクトにはVS Code Live Server拡張を使用
+- **APIプロジェクト**: 各APIディレクトリで `npm start` を実行
 
-## Testing Instructions
+## テスト手順
 
-### Quiz App Testing
+### クイズアプリのテスト
 
 ```bash
 cd quiz-app
@@ -114,78 +114,78 @@ npm run lint       # コードスタイルの問題をチェックする
 npm run build      # ビルドが成功することを確認する
 ```
 
-### Bank API Testing
+### バンクAPIのテスト
 
 ```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` を実行
-- Markdownリンクの有効性を検証
-- ブラウザやNode.jsでコード例をテスト
-- 翻訳が正しい構造を維持していることを確認
+- package.jsonのあるディレクトリで`npm run lint`を実行
+- マークダウンリンクの有効性を確認
+- ブラウザまたはNode.jsでコード例をテスト
+- 翻訳が構造を維持しているか確認
 
-## Code Style Guidelines
+## コードスタイルガイドライン
 
 ### JavaScript
 
-- モダンES6以降の構文を使用
-- プロジェクトに提供された標準のESLint設定に従う
-- 教育用に意味のある変数名、関数名を使用
+- 最新のES6+構文を使用
+- プロジェクトに提供された標準ESLint設定に従う
+- 教育のために意味のある変数・関数名を使う
 - 学習者向けにコンセプトを説明するコメントを追加
-- 設定された場合はPrettierでフォーマット
+- 設定されている場合はPrettierで整形
 
 ### HTML/CSS
 
 - セマンティックなHTML5要素を使用
-- レスポンシブデザインの原則
+- レスポンシブデザインの原則を適用
 - 明確なクラス命名規則
-- 学習者向けにCSS技術の説明コメントを付加
+- CSS技術について学習者向けにコメントを付与
 
 ### Python
 
-- PEP 8スタイルガイドラインを遵守
+- PEP 8スタイルガイドラインに従う
 - 分かりやすく教育的なコード例
-- 学習に役立つ場合は型ヒントを使用
+- 学習支援として型ヒントを使用
 
-### Markdown Documentation
+### Markdownドキュメント
 
 - 明確な見出し階層
-- 言語指定をしたコードブロック
+- 言語指定ありのコードブロック
 - 追加リソースへのリンク
 - `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)
+### クイズアプリのデプロイ（Azure Static Web Apps）
 
-quiz-appはAzure Static Web Apps向けに設定されています：
+quiz-appはAzure Static Web Appsデプロイ向けに構成されています：
 
 ```bash
 cd quiz-app
-npm run build      # dist/ フォルダを作成します
-# main ブランチへのプッシュ時に GitHub Actions ワークフローを通じてデプロイします
+npm run build      # dist/ フォルダを作成する
+# main へのプッシュ時に GitHub Actions ワークフローを通じてデプロイする
 ```
 
 Azure Static Web Appsの設定：
@@ -193,90 +193,90 @@ Azure Static Web Appsの設定：
 - **Output location**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Documentation PDF Generation
+### ドキュメントPDF生成
 
 ```bash
-npm install                    # docsify-to-pdfをインストールする
-npm run convert               # docsからPDFを生成する
+npm install                    # docsify-to-pdf をインストールする
+npm run convert               # docs から 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`で本番用バンドルを作成
+- 静的プロジェクト：ビルド不要でファイル直接配信
 
-## Pull Request Guidelines
+## プルリクエストガイドライン
 
-### Title Format
+### タイトル形式
 
-変更内容が分かりやすいタイトルを使用：
-- `[Quiz-app] レッスンX用新規クイズ追加`
-- `[Lesson-3] テラリウムプロジェクトの誤字修正`
+変更箇所が分かりやすい明確なタイトルを使う：
+- `[Quiz-app] レッスンXの新クイズ追加`
+- `[Lesson-3] Terrariumプロジェクトのタイプミス修正`
 - `[Translation] レッスン5のスペイン語翻訳追加`
 - `[Docs] セットアップ手順更新`
 
-### Required Checks
+### 必須チェック
 
 PR提出前に：
 
 1. **コード品質**：
-   - 影響のあるプロジェクトディレクトリで `npm run lint` 実行
+   - 該当プロジェクトディレクトリで`npm run lint`実行
    - すべての警告・エラーを修正
 
-2. **ビルド確認**：
-   - 該当する場合は `npm run build` 実行
+2. **ビルド検証**：
+   - 適用可能なら`npm run build`を実行
    - ビルドエラーなしを確認
 
 3. **リンク検証**：
-   - すべてのMarkdownリンクをテスト
-   - 画像参照が機能するか確認
+   - 全マークダウンリンクをテスト
+   - 画像参照が正しいか確認
 
-4. **内容チェック**：
+4. **内容レビュー**：
    - スペルや文法の校正
-   - コード例が正しく教育的であること
-   - 翻訳が原文の意味を維持していること
+   - コード例が正しく教育的であることの確認
+   - 翻訳が原文の意味を維持しているかチェック
 
-### Contribution Requirements
+### コントリビューション要件
 
-- Microsoft CLAに同意（最初のPR時に自動チェック）
-- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)に従う
-- 詳細は [CONTRIBUTING.md](./CONTRIBUTING.md) を参照
-- PR説明に関連Issue番号を記載（該当時）
+- Microsoft CLAに同意（初回PRで自動チェック）
+- [Microsoft OSS行動規範](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
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Debugging and Troubleshooting
+## デバッグとトラブルシューティング
 
-### Common Issues
+### よくある問題
 
-**Quiz appが起動しない場合**：
-- Node.jsバージョンを確認（v14+推奨）
-- `node_modules` と `package-lock.json` を削除して再度 `npm install`
+**クイズアプリが起動しない場合**：
+- Node.jsのバージョンを確認（v14以上推奨）
+- `node_modules`と`package-lock.json`を削除し再度 `npm install`
 - ポート競合を確認（デフォルトはViteのポート5173）
 
 **APIサーバーが起動しない場合**：
-- Node.jsバージョンが要件(node >=10)を満たしているか確認
+- Node.jsのバージョンが必要条件 (node >=10) を満たすか確認
 - ポートが既に使用中でないかチェック
-- 依存パッケージを `npm install` でインストール済みか確認
+- 依存関係が全て`npm install`でインストール済みか確認
 
 **ブラウザ拡張機能が読み込まれない場合**：
-- manifest.jsonの形式が正しいか検証
-- ブラウザのコンソールでエラーを確認
-- ブラウザごとの拡張機能インストール手順に従う
+- manifest.json の形式が正しいか確認
+- ブラウザコンソールのエラーをチェック
+- ブラウザ固有の拡張インストール手順に従う
 
 **Pythonチャットプロジェクトの問題**：
-- OpenAIパッケージがインストール済みか確認：`pip install openai`
+- OpenAIパッケージがインストールされているか確認：`pip install openai`
 - GITHUB_TOKEN環境変数が設定されているか確認
-- GitHub Modelsのアクセス権をチェック
+- GitHub Modelsへのアクセス許可を確認
 
-**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拡張をインストール
+- HTMLプロジェクトにはVS CodeのLive Server拡張を利用
+- ESLintとPrettier拡張をインストールして一貫したフォーマットを維持
 - JavaScriptのデバッグにブラウザのDevToolsを活用
 - VueプロジェクトにはVue DevToolsブラウザ拡張をインストール
 
-### Performance Considerations
+### パフォーマンスに関する注意
 
-- 50以上の言語の大量翻訳ファイルによりフルクローンは大きい
-- コンテンツのみ作業する場合は浅いクローンを使用：`git clone --depth 1`
-- 英語コンテンツ作業時は翻訳を検索対象から除外
-- 初回実行時はnpm installやViteビルドで遅延が発生することもある
+- 50以上の言語の翻訳ファイルが多いためフルクローンは大容量
+- コンテンツのみ作業するなら浅いクローンを使用：`git clone --depth 1`
+- 英語コンテンツ作業時は翻訳ファイルを検索から除外推奨
+- 初回実行時のビルド処理は遅い場合あり（npm install、Viteビルド）
 
-## Security Considerations
+## セキュリティに関する注意点
 
-### Environment Variables
+### 環境変数
 
-- APIキーをリポジトリにコミットしてはいけません
-- `.env` ファイルを使用（`.gitignore` に含まれています）
-- 必要な環境変数はプロジェクトのREADMEに記述
+- APIキーはリポジトリに絶対コミットしないこと
+- `.env`ファイルを利用（既に`.gitignore`に設定済み）
+- 必須の環境変数はプロジェクトREADMEに記載
 
-### Python Projects
+### Pythonプロジェクト
 
-- 仮想環境を使用する：`python -m venv venv`
-- 依存関係を最新に保つ
-- GitHubトークンは最小権限で管理
+- 仮想環境を使用推奨：`python -m venv venv`
+- 依存関係は常に最新に保つ
+- GitHubトークンは必要最小限の権限で管理
 
-### GitHub Models Access
+### GitHub Modelsアクセス
 
-- GitHub ModelsにはPersonal Access Tokens（PAT）が必要
+- GitHub Models利用には個人アクセストークン（PAT）が必要
 - トークンは環境変数として管理
-- トークンや認証情報を絶対にコミットしない
+- トークンや資格情報を絶対にコミットしない
 
-## Additional Notes
+## 追加ノート
 
-### Target Audience
+### 対象ユーザー
 
-- ウェブ開発の完全初心者
-- 学習者および自主学習者
-- 教室でカリキュラムを使用する教師
-- アクセシビリティと段階的なスキルアップを重視した内容
+- Web開発の完全な初心者
+- 学生や独学者
+- 教室でカリキュラムを使う教師
+- アクセシビリティと段階的スキル構築を重視したコンテンツ
 
-### 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、データサイエンス、機械学習、IoTカリキュラムなど
+- [Microsoft Learnモジュール](https://docs.microsoft.com/learn/)
+- [Student Hubリソース](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)（学習者に推奨）
+- 追加コース：生成AI、データサイエンス、機械学習、IoTカリキュラムなど
 
-### Working with Specific Projects
+### 各プロジェクトの作業
 
-個別プロジェクトの詳細な手順は以下のREADMEを参照：
-- `quiz-app/README.md` - Vue 3のクイズアプリ
+個別プロジェクトの詳細手順はそれぞれのREADMEを参照：
+- `quiz-app/README.md` - Vue 3クイズアプリ
 - `7-bank-project/README.md` - 認証付きバンキングアプリ
 - `5-browser-extension/README.md` - ブラウザ拡張機能開発
-- `6-space-game/README.md` - Canvasベースのゲーム開発
+- `6-space-game/README.md` - Canvasベースゲーム開発
 - `9-chat-project/README.md` - AIチャットアシスタントプロジェクト
 
-### Monorepo Structure
+### モノレポ構成
 
-伝統的なモノレポではないものの、このリポジトリは複数の独立プロジェクトを含みます：
+伝統的なモノレポではありませんが複数独立プロジェクトを含む：
 - 各レッスンは自己完結型
 - プロジェクト間で依存関係を共有しない
-- 個別プロジェクトを他に影響なく作業可能
-- カリキュラム全体を体験するにはリポジトリ全体をクローンしてください
+- それぞれ別個に作業可能
+- フルカリキュラム体験のためにはリポジトリ全体をクローン
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責事項**：  
-この文書は、AI翻訳サービス「Co-op Translator」（https://github.com/Azure/co-op-translator）を使用して翻訳されています。正確性を期しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知ください。原文が正式な情報源となります。重要な情報については、専門の人間による翻訳をお勧めします。本翻訳の利用により生じたいかなる誤解や誤訳についても、当方は責任を負いかねます。
+本書類はAI翻訳サービス「Co-op Translator」（https://github.com/Azure/co-op-translator）を使用して翻訳されました。正確性に努めておりますが、自動翻訳には誤りや不正確な部分が含まれる場合があります。原文の言語による文書を権威ある情報源としてご参照ください。重要な情報については、専門の人間による翻訳を推奨いたします。本翻訳の利用により生じた誤解や誤訳について、一切の責任を負いかねますのでご了承ください。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ja/README.md b/translations/ja/README.md
index cf279b137..21058ad5d 100644
--- a/translations/ja/README.md
+++ b/translations/ja/README.md
@@ -10,205 +10,211 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# 初心者向けウェブ開発 - カリキュラム
+# はじめてのウェブ開発 - カリキュラム
 
-Microsoft Cloud Advocatesによる12週間の総合コースでウェブ開発の基本を学びましょう。24のレッスンそれぞれで、テラリウム、ブラウザ拡張機能、宇宙ゲームなどの実践的なプロジェクトを通じてJavaScript、CSS、HTMLを掘り下げます。クイズ、ディスカッション、実践的な課題も用意。効果的なプロジェクトベースの教授法でスキルを向上し、知識の定着を最適化しましょう。今日からコーディングの旅を始めましょう！
+Microsoft Cloud Advocatesによる全12週間の包括的なコースでウェブ開発の基礎を学びましょう。24の各レッスンは、テラリウムやブラウザ拡張機能、宇宙ゲームといった実践的なプロジェクトを通じてJavaScript、CSS、HTMLを深く掘り下げます。クイズ、ディスカッション、実習課題に取り組みましょう。効果的なプロジェクトベースの教育法でスキルを向上させ、知識の定着を最大化します。今日からコーディングの旅を始めましょう！
 
-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)
-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 Actionで対応（自動かつ常に最新）
+#### GitHub Actionsでサポート（自動化＆常に最新）
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **ローカルでクローンしますか？**
-
-> このリポジトリには50以上の言語翻訳が含まれているため、ダウンロードサイズが大きくなっています。翻訳なしでクローンするにはスパースチェックアウトを使ってください：
+> **ローカルでクローンしたいですか？**
+>
+> このリポジトリには50以上の言語翻訳が含まれており、ダウンロードサイズが大幅に増加します。翻訳を含めずにクローンするには、スパースチェックアウトを使用してください：
+>
+> **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"
+> ```
+>
+> これにより、コースを完了するために必要なすべてがより高速なダウンロードで得られます。
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**追加翻訳言語の希望は[こちら](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)で確認可能です**
+**追加の翻訳言語を希望される場合は、[こちら](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)をご覧ください**
 
-[![Visual Studio Codeで開く](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _学生の方へ_
+#### 🧑‍🎓 _学生の方ですか？_
 
-[**Student Hubページ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)をご覧ください。初心者向けリソース、学生パック、無料の証明書バウチャー取得方法などがあります。月ごとにコンテンツが入れ替わるので、ブックマークして定期的にチェックすることをお勧めします。
+[**Student Hubページ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)へアクセスすると、初心者向けの教材、学生パック、無料の証明書バウチャー取得方法などが見つかります。このページをブックマークし、毎月コンテンツが更新されるので定期的にチェックしてください。
 
-### 📣 お知らせ - 新しいGitHub Copilot Agentモードのチャレンジが追加されました！
+### 📣 お知らせ - 新しいGitHub Copilot Agentモードチャレンジが追加されました！
 
-多くの章に「GitHub Copilot Agent Challenge 🚀」という新しいチャレンジがあります。GitHub CopilotとAgentモードを使って完了するチャレンジです。Agentモードはテキスト生成だけでなく、ファイル作成・編集、コマンド実行なども可能です。
+多くの章で「GitHub Copilot Agent Challenge 🚀」という新しいチャレンジが追加されています。これはGitHub CopilotとAgentモードを使って完了するチャレンジです。Agentモードを使ったことがない方は、テキスト生成だけでなく、ファイルの作成・編集やコマンドの実行なども可能な機能です。
 
-### 📣 お知らせ - _新しいGenerative AIを使ったプロジェクト_
+### 📣 お知らせ - 生成AIを使った新プロジェクト
 
-新しいAIアシスタントプロジェクトが追加されました。詳細は[プロジェクト](./9-chat-project/README.md)をご覧ください。
+新しいAIアシスタントプロジェクトが追加されました。こちらの[プロジェクト](./9-chat-project/README.md)をチェックしてください。
 
-### 📣 お知らせ - _生成AIを使ったJavaScript向けの新カリキュラムをリリース_
+### 📣 お知らせ - JavaScriptの生成AIに関する新カリキュラムがリリースされました
 
-新しい生成AIカリキュラムをぜひお見逃しなく！
+生成AIの新カリキュラムをお見逃しなく！
 
-開始はこちら：[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
+開始はこちら [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
 
 ![Background](../../translated_images/ja/background.148a8d43afde5730.webp)
 
-- 基礎からRAGまでをカバーしたレッスン
-- GenAIとコンパニオンアプリで歴史上のキャラクターと対話
-- 楽しく魅力的なストーリーでタイムトラベル！
+- 基礎からRAGまでカバーするレッスン
+- GenAIとコンパニオンアプリで歴史上の人物と対話可能
+- 楽しく引き込まれるストーリー、タイムトラベル体験！
 
 ![character](../../translated_images/ja/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)などのテキストエディターを使って実行するか選べます。
 
-#### リポジトリの作成
+#### リポジトリを作成する
+作業を簡単に保存するため、自分のコピーのリポジトリを作成することをお勧めします。ページ上部の**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/ja/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)を使うことです。VS Codeには[ターミナル](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)が内蔵されています。ダウンロードはこちら：
+カリキュラムをローカルで実行するには、テキストエディター、ブラウザー、コマンドラインツールが必要です。最初のレッスン[プログラミング言語とツールの紹介](../../1-getting-started-lessons/1-intro-to-programming-languages)で、それぞれのツールの選択肢を説明しています。自分に合ったものを選びましょう。
 
-[https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)
-
-1. リポジトリをパソコンにクローンします。**Code**ボタンをクリックし、URLをコピーしてください：
+お勧めは、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)のエディター使用で、内蔵の[ターミナル](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)が便利です。Visual Studio Codeは[こちら](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)からダウンロードできます。
+1. リポジトリをコンピューターにクローンします。これは **Code** ボタンをクリックしてURLをコピーすることで行えます：
 
     [CodeSpace](./images/createcodespace.png)
-    次に、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 内の [ターミナル](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) を開き、先ほどコピーした URL に `<your-repository-url>` を置き換えて次のコマンドを実行します:
+
+    次に、[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 内の [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) を開き、コピーした `<your-repository-url>` を置き換えて次のコマンドを実行します：
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code でフォルダーを開きます。**ファイル** > **フォルダーを開く** をクリックして、先ほどクローンしたフォルダーを選択します。
+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のクイズで各クイズは3問あります。[こちら](https://ff-quizzes.netlify.app/web/)で利用可能で、クイズアプリはローカルで実行することも Azure にデプロイすることもできます。`quiz-app` フォルダーの指示に従ってください。
+> **クイズについての注意**：すべてのクイズはQuiz-appフォルダーに収められており、合計48の3問クイズがあります。これらは[こちら](https://ff-quizzes.netlify.app/web/)から利用可能で、クイズアプリはローカルで実行するかAzureにデプロイできます。`quiz-app`フォルダー内の指示に従ってください。
 
 ## 🗃️ レッスン一覧
 
-|     |                       プロジェクト名                       |                             教える概念                             | 学習目標                                                                                                                 |                                                          リンクされたレッスン                                                           |         著者          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Getting Started                      |           プログラミング入門と業務ツールの概要           | ほとんどのプログラミング言語の基本とプロの開発者が仕事をするのに助けとなるソフトウェアについて学ぶ                 | [プログラミング言語と業務ツール入門](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Getting Started                      |             GitHubの基本、チームでの作業方法             | プロジェクトでGitHubを使う方法、コードベースでの他者とのコラボレーション方法を学ぶ                                  |                            [GitHub入門](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Getting Started                      |                             アクセシビリティ                              | Webアクセシビリティの基本を学ぶ                                                                                       |                       [アクセシビリティ基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Basics                         |                         JavaScriptのデータ型                          | JavaScriptのデータ型の基礎を学ぶ                                                                                       |                                       [データ型](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Basics                         |                         関数とメソッド                          | アプリケーションのロジックフローを管理するための関数とメソッドについて学ぶ                                           |                              [関数とメソッド](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                         |                        JavaScriptによる条件分岐                        | 条件分岐メソッドを使ってコードに条件を作成する方法を学ぶ                                                               |                                 [条件分岐](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Basics                         |                            配列とループ                            | JavaScriptで配列とループを使ってデータを扱う                                                                             |                                   [配列とループ](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTMLの実践                            | オンラインテラリウムを作るHTML構築、レイアウト構築に注力                                                               |                                 [HTML入門](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSSの実践                             | オンラインテラリウムをスタイル付けするCSS構築、レスポンシブ対応を含むCSSの基本に注力                                 |                                  [CSS入門](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScriptのクロージャ、DOM操作                  | ドラッグ＆ドロップ機能を持つテラリウムを作るJavaScript構築、クロージャとDOM操作に注力                                 |                  [JavaScriptのクロージャ、DOM操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          タイピングゲームを作る                           | キーボードイベントを使ってJavaScriptアプリのロジックを動かす方法                                                       |                                [イベント駆動プログラミング](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         ブラウザの動作                          | ブラウザの仕組み、歴史、ブラウザ拡張機能の最初の要素を作る方法を学ぶ                                                   |                               [ブラウザについて](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | フォーム構築、API呼び出し、ローカルストレージ変数保存 | APIを呼び出すためのブラウザ拡張機能のJavaScript要素構築、ローカルストレージに保存した変数を使用                          |                [API、フォーム、ローカルストレージ](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          ブラウザのバックグラウンドプロセス、ウェブパフォーマンス          | 拡張機能のアイコン管理のためブラウザのバックグラウンドプロセスを利用、ウェブパフォーマンスと最適化について学ぶ         |             [バックグラウンドタスクとパフォーマンス](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             JavaScriptによる高度なゲーム開発             | クラスとコンポジション両方を使った継承とパブ/サブパターンの理解、ゲーム作成の準備として学ぶ                           |                      [高度なゲーム開発入門](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Canvasへの描画                            | 画面に要素を描画するための Canvas API を学ぶ                                                                             |                                [Canvasへの描画](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   画面上の要素を動かす                    | 要素に動きをつけるための直交座標とCanvas APIの使い方を発見                                                              |                           [要素を動かす](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          衝突判定                           | キープレスを使った要素同士の衝突と反応、ゲーム性能向上のためのクールダウン機能を作る                                  |                              [衝突判定](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             スコア管理                              | ゲームの状態と動作に基づく数学計算を行う                                                                                   |                                    [スコア管理](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     ゲーム終了と再スタート                     | ゲームの終了と再スタートについて、アセットのクリーンアップや変数のリセットを含む方法を学ぶ                              |                                [終了条件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 WebアプリにおけるHTMLテンプレートとルーティング                 | ルーティングとHTMLテンプレートを使ってマルチページのウェブサイト構造を作る方法を学ぶ                                |                            [HTMLテンプレートとルート](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  ログインおよび登録フォームの作成                   | フォーム作成とバリデーション処理について学ぶ                                                                          |                                           [フォーム](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   データの取得と利用の方法                   | アプリへのデータの流入と流出、フェッチ、保存、破棄方法を学ぶ                                                 |                                            [データ](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      状態管理の概念                      | アプリが状態を保持し、それをプログラム的に管理する方法を学ぶ                                                              |                                [状態管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | VSCodeの使い方 | コードエディターの使い方を学ぶ| [VSCodeコードエディターの使い方](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | AIの活用 | 独自のAIアシスタントの作り方を学ぶ | [AIアシスタントプロジェクト](./9-chat-project/README.md) | Chris |
+|     |                       プロジェクト名                       |                            学習内容                             | 学習目標                                                                                                                 |                                                         関連レッスン                                                          |         著者          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                      |           プログラミングの紹介と開発ツールの基礎           | 主要なプログラミング言語の基本的な基礎知識と、プロの開発者が仕事に使うソフトウェアについて学ぶ | [プログラミング言語と開発ツールの紹介](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             GitHubの基本、チームでの作業を含む             | プロジェクトでGitHubを利用する方法とコードベースで他者と協力する方法                                                    |                            [GitHubの紹介](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             アクセシビリティ                              | ウェブアクセシビリティの基本を学ぶ                                                                                               |                       [アクセシビリティの基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScriptのデータ型                          | JavaScriptのデータ型の基本を学ぶ                                                                                                 |                                       [データ型](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         関数とメソッド                          | アプリケーションのロジックの流れを管理する関数とメソッドについて学ぶ                                                             |                              [関数とメソッド](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        JSでの条件分岐                        | コード内で条件を作る決定手法について学ぶ                                                           |                                 [条件分岐](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            配列とループ                            | JavaScriptで配列やループを使ってデータを操作する方法                                                                                 |                                   [配列とループ](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            実践的HTML                            | オンラインテラリウムを作成するためのHTMLを構築し、レイアウトを重視                                                         |                                 [HTMLの紹介](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            実践的CSS                             | オンラインテラリウムのスタイリング用CSSを構築し、ページのレスポンシブ化などCSSの基本を学ぶ                     |                                  [CSSの紹介](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScriptのクロージャーとDOM操作                  | ドラッグ＆ドロップインターフェースとして機能するテラリウムのJavaScriptを構築し、クロージャーとDOM操作に注力             |                  [クロージャーとDOM操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          タイピングゲームを作る                           | キーボードイベントを利用してJavaScriptアプリのロジックを操作する方法                                                          |                                [イベント駆動プログラミング](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         ブラウザの仕組み                          | ブラウザの動作や歴史を学び、ブラウザー拡張機能の最初の要素をスキャフォールドする方法                               |                               [ブラウザについて](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | フォーム構築、API呼び出し、ローカルストレージ変数の利用 | 変数をローカルストレージに保存しAPIを呼び出すブラウザー拡張機能のJavaScript要素を作成                      |                [API、フォーム、ローカルストレージ](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          ブラウザのバックグラウンドプロセス、ウェブパフォーマンス          | 拡張機能のアイコン管理にブラウザのバックグラウンドプロセスを使い、ウェブパフォーマンスと最適化手法を学ぶ   |             [バックグラウンドタスクとパフォーマンス](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             JavaScriptによる高度なゲーム開発             | クラスとコンポジションの継承およびPub/Subパターンについて学び、ゲーム開発の準備をする              |                      [高度なゲーム開発の紹介](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Canvasへの描画                            | 画面に要素を描画するためのCanvas APIについて学ぶ                                                                       |                                [Canvasへの描画](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   画面上での要素の動かし方                    | 要素に動きを与えるためのデカルト座標系とCanvas APIの使い方を学ぶ                                            |                           [要素の移動](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          衝突検知                           | 要素を衝突させ、互いに反応させ、パフォーマンスを維持するためのクールダウン機能を提供する方法    |                              [衝突検知](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             得点管理                              | ゲームの状態とパフォーマンスに基づいた数学的計算を行う                                                                |                                    [得点管理](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     ゲームの終了と再開                     | アセットのクリーンアップと変数値のリセットを含む、ゲームの終了と再開方法について学ぶ                              |                                [終了条件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 ウェブアプリのHTMLテンプレートとルーティング                 | 複数ページのウェブサイト構造のスキャフォールディングをルーティングとHTMLテンプレートを使って学ぶ                             |                            [HTMLテンプレートとルーティング](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  ログインと登録フォームの構築                   | フォーム作成およびバリデーション処理について学ぶ                                                                          |                                           [フォーム](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   データ取得と使用の方法                   | アプリ内でのデータの流れ、取得、保存、破棄の方法を学ぶ                                                 |                                            [データ](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      ステート管理の概念                      | アプリがステートを保持し、プログラムで管理する方法を学ぶ                                                              |                                [ステート管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeの使い方 | コードエディタの使い方を学ぶ| [VScodeコードエディタの使い方](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | AIを使う | オリジナルのAIアシスタントの作り方を学ぶ | [AIアシスタントプロジェクト](./9-chat-project/README.md) | Chris |
 
 ## 🏫 教育方針
 
-当カリキュラムは以下の2つの教育原則を軸に設計されています:
-* プロジェクトベース学習
-* 頻繁なクイズ
+当カリキュラムは次の2つの主要な教育原則を基に設計されています：
+* プロジェクトベースの学習
+* 頻繁なクイズ実施
 
-本プログラムはJavaScript、HTML、CSSの基本に加え、現代のウェブ開発者が使う最新のツールや技術を教えます。学生はタイピングゲーム、仮想テラリウム、環境にやさしいブラウザ拡張機能、スペースインベーダースタイルのゲーム、企業向けバンキングアプリ作成を通じて実践的な経験を積む機会を持てます。シリーズ終了時にはウェブ開発の確かな理解を得られます。
+プログラムはJavaScript、HTML、CSSの基本と、今日のウェブ開発者が使う最新のツールや技術を教えます。学習者はタイピングゲーム、バーチャルテラリウム、環境配慮型ブラウザー拡張機能、スペースインベーダースタイルのゲーム、ビジネス向け銀行アプリ構築を通じて実践経験を積むことができます。シリーズの終了時にはウェブ開発の確固たる理解が得られます。
 
-> 🎓 このカリキュラムの最初の数レッスンは Microsoft Learn の[ラーニングパス](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)としても学べます！
+> 🎓 このカリキュラムの最初の数レッスンはMicrosoft Learnの[Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)として受講可能です！
 
-コンテンツをプロジェクトに連動させることで、学習者の関与を高め、概念の定着を助けるように設計しています。また、JavaScript基礎のスターターレッスンをいくつか作成し、[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)動画チュートリアルコレクションの一部と組み合わせています。このシリーズの一部の著者も本カリキュラムに寄稿しています。
+内容をプロジェクトに沿わせることで学習者の興味を引きつけ、概念の定着効果を高めます。また、JavaScriptの基本を紹介するいくつかのスターターレッスンと、“[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)”の動画シリーズ（本カリキュラムの著者の一部も関わっている）も組み合わせています。
 
-さらに、低難度のクラス前クイズで学習への意識を促し、クラス後の第2回クイズで深い定着を促進。フレキシブルで楽しく取り組めるように設計されており、12週間の期間中にプロジェクトが徐々に複雑化していきます。
+さらに、クラス前の低負荷クイズで学習者の学習意欲を高め、クラス後の2回目のクイズで理解の定着を促します。このカリキュラムは柔軟かつ楽しく受講でき、全体または一部を選んで学ぶことができます。プロジェクトは小さなものから始まり、12週間コースの終わりにかけて徐々に複雑になります。
 
-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.md)および[貢献ガイドライン](CONTRIBUTING.md)をご覧ください。建設的なご意見を歓迎します！
+フレームワーク導入をあえて避けているため、まずはウェブ開発者としての基本スキルを身につけることに集中できます。次のステップとしては別の動画シリーズ「[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.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)で入手できます。
+すべてのレッスンのPDFは、[こちら](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)で入手できます。
 
 
 ## 🎒 その他のコース
-私たちのチームは他にもコースを制作しています！ぜひご覧ください：
+
+私たちのチームはその他のコースも制作しています！ぜひご覧ください：
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -225,7 +231,7 @@ JavaScriptフレームワークの導入を意図的に避け、ウェブ開発
 
 ---
  
-### 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)
@@ -233,7 +239,7 @@ JavaScriptフレームワークの導入を意図的に避け、ウェブ開発
 
 ---
  
-### 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)
@@ -244,19 +250,19 @@ JavaScriptフレームワークの導入を意図的に避け、ウェブ開発
 
 ---
  
-### Copilot Series
+### Copilotシリーズ
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## ヘルプを得る
+## ヘルプを得るには
 
-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)
 
@@ -268,5 +274,5 @@ AIアプリの構築で行き詰まったり質問がある場合は、MCPに関
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責事項**：
-本書類はAI翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性には努めておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。正確な情報は原文の原言語の書類を正式な情報源としてご参照ください。重要な情報については、専門の人間翻訳をご利用いただくことを推奨します。本翻訳の利用によって生じたいかなる誤解や誤訳に対しても、当方は一切の責任を負いかねます。
+本書類はAI翻訳サービス「Co-op Translator」(https://github.com/Azure/co-op-translator) を使用して翻訳されました。正確性の向上に努めておりますが、自動翻訳には誤りや不正確な箇所が含まれる可能性があります。正式な情報源は原文の原語版となります。重要な情報については、専門の翻訳者による人力翻訳を推奨します。本翻訳の利用により発生した誤解や誤訳について、一切の責任を負いかねます。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
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["👤 ಮಾನವ ಚಿಂತನೆ:<br/>'ನಾನು ಫಿಬೊನಾಚಿ ಸಂಖ್ಯೆಗಳ गणನೆ ಮಾಡಬೇಕಾಗಿದೆ'"] --> B{ಭಾಷಾ ಮಟ್ಟವನ್ನು ಆರಿಸಿ}
+    A["👤 ಮಾನವ ಚಿಂತನೆ:<br/>'ನನಗೆ ಫಿಬೊನಾಸಿ ಸಂಖ್ಯೆಗಳು ಗಣನೆ ಮಾಡಲು ಇಚ್ಛೆಯಿದೆ'"] --> B{ಭಾಷಾ ಮಟ್ಟವನ್ನು ಆಯ್ಕೆಮಾಡಿ}
     
-    B -->|ಹೈ-ಲೆವೆಲ್| C["🌟 ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/ಪೈಥಾನ್<br/>ಓದಲು ಮತ್ತು ಬರೆಯಲು ಸುಲಭ"]
-    B -->|ಲೋ-ಲೆವೆಲ್| D["⚙️ ಅಸೆಂಬೆಲಿ/ಸಿ<br/>ನೇರ ಹಾರ್ಡ್‌ವೇರ್ ನಿಯಂತ್ರಣ"]
+    B -->|ಉನ್ನತ-ಮಟ್ಟು| C["🌟 ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/ಪೈಥಾನ್<br/>ಊ는다ಲು ಮತ್ತು ಬರೆಯಲು ಸುಲಭ"]
+    B -->|ಕನಿಷ್ಠ-ಮಟ್ಟು| D["⚙️ ಅಸೆಂಬ್ಲಿ/C<br/>ನೇರವಾದ ಹಾರ್ಡ್‌ವೇರ್ ನಿಯಂತ್ರಣ"]
     
-    C --> E["📝 ಬರೆಯಿರಿ: fibonacci(10)"]
-    D --> F["📝 ಬರೆಯಿರಿ: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 ಬರೆಯಿ: fibonacci(10)"]
+    D --> F["📝 ಬರೆಯಿ: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 ڪمپ್ಯೂಟರ್ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆ:<br/>ಭಾಷಾಂತರಕಾರ ಜಟಿಲತೆಯನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ"]
+    E --> G["🤖 ಕಂಪ್ಯೂಟರ್ ಅರ್ಥಮಾಡಿಕೆ:<br/>ಅನುವಾದಕವು ಕಠಿಣತೆಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ"]
     F --> G
     
-    G --> H["💻 ಎಂತಹ ಫಲಿತಾಂಶ:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 ಅದೇ ಫಲಿತಾಂಶ:<br/>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["📝 ಹೇಳಿಕೆಗಳು<br/>(ಸೂಚನೆಗಳು)"] --> B["📦 ಚರಗಳು<br/>(ಸಂಗ್ರಹಣೆ)"] --> C["🔀 ನಿಯಂತ್ರಣ ಹರಿವು<br/>(ನಿರ್ಣಯಗಳು)"] --> D["🎉 ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಪ್ರೋಗ್ರಾಮ್!"]
+    A["📝 ಪ್ರಕಟಣೆಗಳು<br/>( ಸೂಚನೆಗಳು)"] --> B["📦 ಚರಗಳು<br/>(ಸಂಗ್ರಹಣೆ)"] --> C["🔀 ನಿಯಂತ್ರಣ ಹರಿವು<br/>(ನಿರ್ಧಾರಗಳು)"] --> 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["⌨️ ಕೋಡ್ ಸಂಪಾದಕ<br/>(VS ಕೋಡ್)"] 
-    B --> C["🌐 ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್‌ಗಳು<br/>(ಪರೀಕ್ಷೆ & ಡಿಬಗಿಂಗ್)"]
-    C --> D["⚡ ಆಜ್ಞಾಪತ್ರಶ್ರೀ<br/>(ಸ್ವಯಂಕ್ರಿಯ & ಸಾಧನಗಳು)"]
-    D --> E["📚 ದಾಖಲೆ<br/>(ಕಲಿಕೆ & ಉಲ್ಲೇಖ)"]
-    E --> F["🚀 ಅದ್ಭುತ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್!"]
+    A["💡 ನಿಮ್ಮ ಐಡಿಯಾ"] --> B["⌨️ ಕೋಡ್ ಎಡಿಟರ್<br/>(VS ಕೋಡ್)"] 
+    B --> C["🌐 ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್‌ಗಳು<br/>(ಪರೀಕ್ಷೆ ಮತ್ತು ಡಿಬಗ್ಗಿಂಗ್)"]
+    C --> D["⚡ ಕಮಾಂಡ್ ಲೈನ್<br/>(ಸ್ವಯಂಚಾಲನೆ ಮತ್ತು ಉಪಕರಣಗಳು)"]
+    D --> E["📚 ಡಾಕ್ಯುಮೆಂಟೇಶನ್<br/>(ಕಲಿಕೆ ಮತ್ತು ಉಲ್ಲೇಖ)"]
+    E --> F["🚀 ಅದ್ಭುತ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್!"]
     
-    B -.-> G["🤖 ಕೃತ್ರಿಮ ಬುದ್ಧಿಮತ್ತೆಯ ಸಹಾಯಕ<br/>(GitHub Copilot)"]
-    C -.-> H["📱 ಉಪಕರಣ ಪರೀಕ್ಷೆ<br/>(ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ)"]
-    D -.-> I["📦 ಪ್ಯಾಕೇಜ್ ವ್ಯವಸ್ಥಾಪಕರು<br/>(npm, yarn)"]
+    B -.-> G["🤖 AI ಸಹಾಯಕ<br/>(GitHub Copilot)"]
+    C -.-> H["📱 ಸಾಧನ ಪರೀಕ್ಷೆ<br/>(ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ)"]
+    D -.-> I["📦 ಪ್ಯಾಕೇಜ್ ನಿರ್ವಾಹಕರು<br/>(npm, yarn)"]
     E -.-> J["👥 ಸಮುದಾಯ<br/>(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 '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > 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
 ```
-> 🌟 **ನಿಮ್ಮ ನೆನಪಿಗೆ:** ಪ್ರತಿಯೊಬ್ಬ ماهರೂ ಕೂಡ ಮೊದಲಿಗೆ ಆರಂಭಿಕನಾಗಿದ್ದರೂ; ಪ್ರತಿಯೊಬ್ಬ ಹಿರಿಯ ಡೆವಲಪರ್ ಕೂಡ ನೀವು ನಿನ್ನ ಸಮಯದಲ್ಲಿ ಹಾಗೆಯೇ - ಉತ್ಸಾಹದಿಂದ, ಸ್ವಲ್ಪ ಅಲಜಲಾಗಿ ಮತ್ತು ಯಾವನು ಸಾಧ್ಯ ಎ೦ಬುದರ ಬಗ್ಗೆ ಕುತೂಹಲದಿಂದ ಇದ್ದರು. ನೀವು ಅದ್ಭುತ ಸಮುದಾಯದಲ್ಲಿ ಇದ್ದೀರಿ, ಮತ್ತು ಈ ಪ್ರಯಾಣ ಅದ್ಭುತವಾಗಿರುತ್ತದೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನ ಅದ್ಭುತ ಜಗಕ್ಕೆ ಸ್ವಾಗತ! 🎉
+> 🌟 **ನೆನಪಿಡಿ**: ಪ್ರತಿಯೊಬ್ಬ ತಜ್ಞವೂ ಮೊದಲು ಆರಂಭಿಕನಾಗಿದ್ದ. ಪ್ರತಿಯೊಬ್ಬ ಹಿರಿಯ ಡೆವಲಪರ್ ಕೂಡ ಈಗಿನ ನಿಮಗೆ ಹೋಲುವಂತೆ – ಉತ್ಸಾಹದಿಂದ, ಸ್ವಲ್ಪ ಒತ್ತಡದಿಂದ, ಮತ್ತು ಸಾಧ್ಯಗಳ ಬಗ್ಗೆ ಕುತೂಹಲದಿಂದ ತುಂಬಿದ್ದ. ನೀವು ಅದ್ಭುತ ಕಂಪನಿಯಲ್ಲಿ ಇದ್ದೀರಿ, ಮತ್ತು ಈ ಪ್ರಯಾಣ ಅದ್ಭುತವಾಗಲಿದೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನ ಅದ್ಭುತ ಲೋಕಕ್ಕೆ ಸ್ವಾಗತ! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ಅತ್ಯಾವಶ್ಯಕ ನಿರ್ಗಮನ**:  
-ಈ ದಸ್ತಾವೇಜನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಉಪಯೋಗಿಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸೀಮಿತತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ದಸ್ತಾವೇಜನ್ನು ಅದರ ಸ್ಥಳೀಯ ಭಾಷೆಯಲ್ಲಿರುವ ಮೂಲ ಪ್ರಾಮಾಣಿಕ ಆಧಾರವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಗಂಭೀರ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅಸಮರ್ಥನೆಗಳು ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳನ್ನು ಕುರಿತು ನಾವು ಹೊಣೆಗಾರರಾಗಿದ್ದೇವಲ್ಲ.
+**ಅಪವಾದ**:
+ಈ ದಸ್ತಾವೇಜು [ಕೋ-ಒಪ್ ಟ್ರಾನ್ಸ್‌ಲೇಟರ್](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸರಿಯಾಗಿರುವ ಅನುವಾದಕ್ಕಾಗಿ ಪ್ರಯತ್ನಿಸಿದೆವು, ಆದಾಗ್ಯೂ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಇರುವ ಮೂಲ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸಿದ ಪರಿಣಾಮವಾಗಿ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಲ್ಲ.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## 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
+### ಮೊನೊರೆಪೋ ರಚನೆ
 
-ಪ್ರಚಲಿತ ಮಾನೊರೆಪೊ ಅಲ್ಲ, ಆದರೆ ಈ ಸಂಗ್ರಹದಲ್ಲಿ ಹಲವಾರು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳಿವೆ:
-- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ
-- ಯೋಜನೆಗಳು ಅವಲಂಭನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತವೆಯೆಂದು ಇಲ್ಲ
-- ಇತರರಿಗೆ ವ್ಯತ್ಯಾಸವೇ ಇಲ್ಲದೆ ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಿ
-- ಸಂಪೂರ್ಣ ಪಾಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ಸಂಗ್ರಹ ಹಿಂಡಿಸಿ ಇಂದು ಪಡೆಯಿರಿ
+ಆದರೆ ಪರಂಪರাগত ಮೊನೊರೆಪೋ ಅಲ್ಲದೆ, ಈ ರೆಪೊಸಿಟರಿ ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನೊಳಗೊಂಡಿದೆ:
+- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ
+- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
+- ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೇಲೆ ಕೆಲಸಮಾಡಿ, ಇತರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಸ್ಪರ್ಶಿಸಬೇಡಿ
+- ಪೂರ್ಣ ಶಿಕ್ಷಣ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ತಿರಸ್ಕರಣೆ**:  
-ಈ ದಸ್ತಾವೇಜನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ದೃಢತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸರೆವುಗಳು ಇರಬಹುದು ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕಾಗಿದೆ. ಮಹತ್ವದ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪುಬರುವುಗಳು ಅಥವಾ ದುರ್ಬೋಧನೆಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
+**ತ್ಯಾಜ್ಯ ಸೂಚನೆ**:  
+ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುವುದರೊಂದಿಗೆ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಅಸಲು ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಧಿಕಾರಿಗಾಗಿರುವ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮೈಮರಿಕತೆಗಳಿಗಾಗಿಯೂ ಅಥವಾ ತಪ್ಪು ಗಮನებისთვის ನಾವು ಹೊಣೆ ಹೊಳ್ಳಿ ಯಲ್ಲ.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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 ಮೂಲಕ ಬೆಂಬಲಿತ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾ تازه)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](./README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **ಸ್ಥಾನಿಕವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಚ್ಛಿಸುತ್ತೀರಾ?**
-
-> ಈ ರಿಪೊಸಿಟರಿ 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 ವೇಗವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**ಹೆಚ್ಚಿನ ಅನುವಾದ ಭಾಷೆಗಳು ಬೆಂಬಲಿಸಲು ನೀವು ಬಯಸಿದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯನ್ನು ಕಾಣಬಹುದು**
+**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಬಯಸಿದರೆ ಅವುಗಳನ್ನು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯಾದೀರಾ?_
+#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯರೆ?_
 
-[**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) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಿ ಮಾಡಿಕೊಳ್ಳಿ:
+
+    ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ರನ್ ಮಾಡಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಇದೀಗ ನಕಲು ಮಾಡಲಾದ URL ನಿಂದ ಬದಲಿ ಮಾಡಿ:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಆಗು ತೆಗೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
+2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
 
 
-> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
+>  ಶಿಫಾರಸು ಮಾಡಿದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳ ಪೂರ್ವದರ್ಶನಕ್ಕೆ
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದರ್ಶನ ಮಾಡಲು
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
 
-## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರ್ಪಡೆಯಾಗಿರುವುದು:
+## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠವು ಒಳಗೊಂಡಿದೆ:
 
-- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್‌ನೋಟ್
-- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೋ
-- ಪಾಠದ ಮುಂಚಿತ ಉರಿವೀಕ್ಷಣಾತ್ಮಕ ಕ್ವಿಜ್
-- ಬರೆಯಲ್ಪಟ್ಟ ಪಾಠ
-- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗಾಗಿ, ಯೋಜನೆ ನಿರ್ಮಾಣದ ಕ್ರಮಬದ್ಧ ಮಾರ್ಗದರ್ಶಿಗಳು
+- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ ನೋಟ್
+- ಐಚ್ಛಿಕ ಸಂಯೋಜಿತ ವೀಡಿಯೊ
+- ಪಾಠಕ್ಕೆ ಮುಂಚಿತ ತಯಾರಿ ಕ್ವಿಜ್
+- ಬರೆದ ಪಾಠ
+- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣದ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶನಗಳು
 - ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
 - ಒಂದು ಸವಾಲು
-- ಪೂರಕ ಓದು
-- ನಿಯೋಜನೆ
+- ಸಂಯೋಜಿತ ಓದು
+- ಅಸೈನ್ಮೆಂಟ್
 - [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
 
-> **ಕ್ವಿಜ್‌ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್‌ಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇರಲಿದೆ, ಒಟ್ಟು 48 ಕ್ವಿಜ್‌ಗಳು, ಪ್ರತಿ ಕ್ವಿಜ್‌ನಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳಿವೆ. ಅವುಗಳನ್ನು ಇಲ್ಲಿ [ಎಲ್ಲಾ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆ ಅನುಸರಿಸಿ.
+> **ಕ್ವಿಜ್ ಗಳು ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ ಗಳು Quiz-app ಫೋಲ್ಡರ್ ಒಳಗಿವೆ, ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳ 48 ಒಟ್ಟು ಕ್ವಿಜ್ ಗಳು. ಅವುಗಳನ್ನು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿರುತ್ತವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್ ಒಳಗಿನ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ.
 
 ## 🗃️ ಪಾಠಗಳು
 
-|     |                       ಯೋಜನೆಯ ಹೆಸರು                      |                            ಕಲಿಸಿದ ಅಂಶಗಳು                             | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು                                                                                                                 |                                                         ಸಂಬಂಧಿಸಿದ ಪಾಠ                                                           |         ರಚನೆಕಾರರು          |
-| :-: | :-------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     ಪ್ರಾರಂಭಿಸುವುದು                         |           ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ            | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳ ಬಗ್ಗೆ ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         ಜಾಸ್ಮಿನ್          |
-| 02  |                     ಪ್ರಾರಂಭಿಸುವುದು                         |             ಗಿಥಬ್‌ನ ಮೂಲಭೂತಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಸೇರಿಸುತ್ತದೆ        | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡುವುದು                    |                            [GitHub ಪ್ರಾರಂಭಿಕ](./1-getting-started-lessons/2-github-basics/README.md)                             |          ಫ್ಲೋರ್          |
-| 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).
 
+## 🎒 ಇತರೆ ಕೋರ್ಸ್‌ಗಳು
 
-## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು
-ನಮ್ಮ ತಂಡವು ಇತರ 코ರ್ಸ್ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ! ಚೆಕ್ ಮಾಡಿ:
+ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸ್‌ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ನೋಡಿ:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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) ಫೈಲ್ ನೋಡಿ.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ಜಾರಿಗೊಳಿಸುವಿಕೆ**:  
-ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲ ದೃಷ್ಟಿಗೆ ಬರುವ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅದರ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಸ್ನೇಹಪೂರ್ವಕವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ವ್ಯತ್ಯಯಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗಿರುವುದಿಲ್ಲ.
+**ನಿರಾಕರಣಾ ಪ್ರಕಟಣೆ**:  
+ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದೃಷ್ಟ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ աղբಾರಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸುಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಪೂರ್ಣತೆಗೆ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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 ವೆಬ್ ಡಾಕ್ಸ್ ಮುಂಬರುವ ಆನ್ಲೈನ್ ಸಮುದಾಯಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಗಾರರಿಗೆ ಬೆಲೆಮಟ್ಟದ ಸಹಾಯ ಮತ್ತು ಸಂಪನ್ಮೂಲಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ.
+
+**ನೀವು ನಿಮ್ಮ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಪ್ರಯಾಣದಲ್ಲಿ ಈ ರಸ್ತೆ ನಕ್ಷೆ ನಿಮಗೆ ಸಹಾಯವಾಗಲಿ ಎಂದು ನಾನು ಆಶಿಸುವೆನು!**
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**ಅಸ್ವೀಕರಣ**:  
+ಈ ದಾಖಲೆ AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಯತ್ತ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳಾಗಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿನ ಹಳೆಯ ದಾಖಲೆನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾತುಗಳ ತಪ್ಪುಗಳು ಅಥವಾ ತಿರಸ್ಕರಣೆಗಳಿಗೆ ನಾವು жауапದಾರಿ ವಹಿಸುವುದಿಲ್ಲ.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ko/.co-op-translator.json b/translations/ko/.co-op-translator.json
index 002663178..5b18665d8 100644
--- a/translations/ko/.co-op-translator.json
+++ b/translations/ko/.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-06T15:45:22+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T14:41:27+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ko"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:34:37+00:00",
+    "translation_date": "2026-03-06T14:51:32+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ko"
   },
@@ -516,8 +516,8 @@
     "language_code": "ko"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:28:27+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T14:37:22+00:00",
     "source_file": "README.md",
     "language_code": "ko"
   },
diff --git a/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 0ab432dd6..e2fda8ebf 100644
--- a/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ko/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,117 +1,116 @@
-# 프로그래밍 언어와 최신 개발 도구 소개
+# 프로그래밍 언어 및 최신 개발자 도구 소개
+ 
+안녕, 미래의 개발자! 👋 매일매일 지금도 소름이 돋는 이야기를 하나 해줘도 될까? 프로그래밍은 단순히 컴퓨터에 관한 게 아니야 – 네가 가장 대담한 아이디어를 현실로 만드는 진짜 슈퍼파워를 가지게 되는 거란다!
 
-안녕하세요, 미래의 개발자님! 👋 매일매일 저를 소름 돋게 하는 이야기를 해도 될까요? 프로그래밍은 단지 컴퓨터에 관한 것이 아니라, 여러분의 가장 대담한 아이디어를 현실로 만드는 진짜 초능력을 갖게 되는 거랍니다!
+네가 좋아하는 앱을 사용하다가 모든 게 완벽하게 착착 맞아떨어지는 순간을 알지? 버튼을 누르자마자 완전 마법 같은 일이 일어나면서 “와, 그걸 어떻게 한 거야?” 싶은 순간 말이야. 그 마법을 만든 코드를 쓴 사람은 다름 아닌 너와 똑같은 사람일 거야 – 아마도 좋아하는 카페에서 새벽 2시에 세 번째 에스프레소와 함께 앉아 있었겠지. 그리고 이게 네 마음을 완전히 뒤흔들 거야: 이 수업이 끝날 때쯤이면 그들이 어떻게 했는지 이해할 뿐만 아니라, 직접 꼭 해보고 싶어질 거야!
 
-여러분이 좋아하는 앱을 사용할 때 모든 게 딱 맞아떨어지는 순간을 아시나요? 버튼을 누르자마자 “와, 어떻게 이렇게 한 거지?” 싶은 마법 같은 일이 벌어지는 순간을요. 그 마법은 바로 여러분과 같은 사람이, 아마 가장 좋아하는 카페에서 새벽 2시에 세 번째 에스프레소를 마시며 코드를 쓴 결과입니다. 그리고 여러분의 마음을 완전히 흔들어 놓을 사실이 있어요: 이 수업이 끝날 때쯤이면 그들이 어떻게 그걸 만들었는지 이해할 뿐만 아니라 여러분도 직접 시도하고 싶어 할 거예요!
+솔직히 말할게, 프로그래밍이 지금은 어렵게 느껴질 수 있다는 거 잘 알아. 내가 처음 시작할 때는 누군가는 수학 천재여야 하거나 다섯 살 때부터 코딩을 해왔어야 한다고 생각했거든. 하지만 내 관점을 완전히 바꿔준 건 이거야: 프로그래밍은 새로운 언어로 대화하는 걸 배우는 것과 똑같아. “안녕” “고마워”부터 시작해서 커피 주문하는 단계까지 가고, 어느새 깊은 철학적 토론까지 하게 되는 거야! 물론 여기서는 컴퓨터와 대화하는 셈인데, 솔직히 말해서 컴퓨터는 네가 만난 대화 상대 중 가장 인내심 많은 친구야 – 절대 실수를 비난하지 않고 언제나 다시 시도할 준비가 되어 있거든!
 
-지금 프로그래밍이 어렵게 느껴진다고 해도 완전히 이해해요. 저도 처음 시작할 때는 수학 천재거나 다섯 살 때부터 코딩하고 있어야 하는 줄 알았거든요. 그런데 제 생각을 완전히 바꾼 건 이것이었어요: 프로그래밍은 새로운 언어로 대화하는 법을 배우는 것과 똑같다는 거죠. “안녕하세요”, “감사합니다”부터 시작해 커피 주문까지 익히고, 어느새 깊은 철학적 대화를 나누는 단계로 가게 되는 거예요! 단, 이번엔 컴퓨터와 대화하는 거고 솔직히? 컴퓨터는 여러분 실수도 안 판단하고 계속 다시 시도할 수 있게 늘 참고 기다려 주는 가장 인내심 많은 대화 상대예요!
-
-오늘은 최신 웹 개발을 가능하게 할 뿐 아니라 정말 중독성 강한 놀라운 도구들을 탐험할 거예요. 넷플릭스, 스포티파이, 좋아하는 인디 앱 스튜디오의 개발자들이 매일 같이 쓰는 똑같은 편집기, 브라우저, 작업 흐름들을 말이죠. 그리고 여러분이 춤추게 만들 부분: 이 전문적인 수준의 산업 표준 도구들 대부분이 완전 무료라는 사실이에요!
+오늘은 현대 웹 개발을 가능하게 하면서도 진짜 중독성 있는 도구들을 탐험할 거야. 내가 말하는 건 Netflix, Spotify, 그리고 네가 좋아하는 인디 앱 스튜디오의 개발자들이 매일매일 사용하는 바로 그 편집기, 브라우저, 작업 흐름들이야. 그리고 네가 신나서 춤추게 할 부분은: 이 전문가용, 업계 표준 도구 대부분이 완전히 무료라는 거야!
 
 ![Intro Programming](../../../../translated_images/ko/webdev101-programming.d6e3f98e61ac4bff.webp)
-> 스케치노트 by [Tomomi Imura](https://twitter.com/girlie_mac)
+> 스케치노트 작성자: [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
     title 오늘 당신의 프로그래밍 여정
     section 발견하기
       프로그래밍이란 무엇인가: 5: You
-      프로그래밍 언어: 4: You
+      프로그래밍 언어들: 4: You
       도구 개요: 5: You
     section 탐험하기
       코드 편집기: 4: You
-      브라우저 및 개발자 도구: 5: You
-      명령어 라인: 3: You
+      브라우저 & 개발자 도구: 5: You
+      명령어 줄: 3: You
     section 연습하기
       언어 탐정: 4: You
       도구 탐험: 5: You
       커뮤니티 연결: 5: You
 ```
+## 이미 알고 있는 것을 살펴볼게요!
 
-## 여러분이 이미 알고 있는 걸 볼까요!
-
-재미있는 걸 시작하기 전에 궁금해요 – 여러분은 프로그래밍 세계에 대해 이미 무엇을 알고 있나요? 그리고 만약 이 질문들을 보면서 “전혀 모르겠는데요”라고 생각해도 괜찮아요, 완벽해요! 지금 이 순간 딱 맞는 자리에 있다는 뜻이에요. 이 퀴즈는 운동 전 스트레칭처럼, 뇌 근육을 준비시키는 워밍업이라 생각하세요!
+재미있는 부분으로 뛰어들기 전에, 궁금해요 – 프로그래밍 세계에 대해 이미 무엇을 알고 있나요? 그리고 만약 이 질문들을 보고 “사실 하나도 모르겠어”라고 생각한다면, 그건 완전 괜찮고 오히려 완벽한 상태예요! 그 말은 당신이 바로 적합한 자리에 있다는 뜻이에요. 이 퀴즈는 운동 전에 스트레칭하는 것과 같아요 – 그냥 뇌 근육을 풀어주고 있는 거랍니다!
 
-[수업 전 퀴즈 풀기](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[사전 퀴즈 풀기](https://ff-quizzes.netlify.app/web/)
 
 
 ## 우리가 함께 떠날 모험
 
-정말로 오늘 탐험할 것들이 너무 흥분돼요! 이 개념들을 이해하는 순간 여러분 표정을 직접 보고 싶을 정도예요. 우리 함께할 엄청난 여정은 다음과 같아요:
+자, 지금부터 우리가 탐험할 내용을 정말로 기대하고 있어요! 솔직히 말해서, 어떤 개념이 딱 이해되는 순간 당신 얼굴을 볼 수 있으면 좋겠어요. 우리가 함께할 멋진 여정을 소개할게요:
 
-- **프로그래밍이 실제로 무엇인지(그리고 왜 가장 멋진 일인지!)** – 알람이 어떻게 월요일 아침임을 알아챌 수 있는지, 넷플릭스 추천 알고리즘이 어떻게 완벽하게 맞춰지는지 등, 주변 모든 것을 움직이는 보이지 않는 마법 같은 코드의 힘을 발견할 거예요.
-- **프로그래밍 언어와 그 멋진 개성들** – 각기 다른 초능력과 문제 해결 방식이 있는 파티에 들어가는 걸 상상해 보세요. 프로그래밍 언어의 세계가 딱 그렇고, 여러분은 그들과 만나는 걸 좋아하게 될 거예요!
-- **디지털 마법을 만드는 기본 조각들** – 궁극의 창의적인 레고 세트라고 생각하세요. 이 조각들이 어떻게 맞물리는지 이해하면 상상하는 건 무엇이든 현실로 만들 수 있다는 걸 알게 될 거예요.
-- **마법사의 지팡이를 막 쥔 것 같은 전문 도구들** – 과장 아님! 이 도구들은 진짜 초능력을 가진 느낌을 줄 거예요. 게다가 그 도구들은 프로들이 매일 사용하는 바로 그 도구랍니다!
+- **프로그래밍이 실제로 뭔지(그리고 왜 가장 멋진 건지!)** – 왜 코드는 당신 주위 모든 것들을 움직이는 보이지 않는 마법인지를 알아볼 거예요. 그 월요일 아침임을 어떻게 아는지 모를 알람부터 넷플릭스 추천을 완벽하게 맞추는 알고리즘까지 말이에요
+- **프로그래밍 언어와 그 놀라운 개성들** – 각 사람마다 완전히 다른 슈퍼파워와 문제 해결 방식이 있는 파티에 가는 걸 상상해 보세요. 프로그래밍 언어 세계가 바로 그렇고, 당신도 그 친구들을 만나게 될 거예요!
+- **디지털 마법을 만드는 기본 빌딩 블록** – 이걸 최고의 창의적인 LEGO 세트라고 생각해 보세요. 이 조각들이 어떻게 맞춰지는지 이해하니 상상하는 거의 모든 것을 만들 수 있다는 걸 알게 될 거예요
+- **마법사의 지팡이를 받은 기분이 들게 할 전문가용 도구** – 과장하는 게 아니라, 이 도구들은 진심으로 슈퍼파워를 얻은 기분이 들게 할 거예요. 그리고 가장 좋은 점? 프로들이 실제로 쓰는 똑같은 도구들이랍니다!
 
-> 💡 **이것만 기억하세요**: 오늘 모든 걸 외우려 하지 마세요! 지금은 무엇이 가능한지에 대한 흥분의 불꽃만 느끼면 충분해요. 세부 사항은 함께 연습하며 자연스럽게 익혀질 거예요 – 그게 진짜 학습 방법이니까요!
+> 💡 **한 가지 알려줄게요**: 오늘 모든 걸 외우려고 하지 마세요! 지금은 가능성에 대한 흥분과 기대감을 느끼면 충분해요. 세부 사항은 함께 연습하면서 자연스럽게 익혀질 거예요 – 이게 진짜 학습 방법이니까요!
 
-> 이 수업은 [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)에서도 수강할 수 있어요!
 
-## 프로그래밍이 도대체 *뭘까?*
+## 그럼 프로그래밍이란 *정확히* 무엇일까요?
 
-자, 백만 달러짜리 질문을 해결해 봅시다: 프로그래밍이란 진짜 무엇일까요?
+좋아요, 이제 백만 달러짜리 질문에 대해 이야기해 볼게요: 프로그래밍이란 진짜 뭘까요?
 
-제가 프로그래밍을 생각하는 방식을 완전히 바꾼 이야기를 해 줄게요. 지난주에 엄마에게 새 스마트 TV 리모컨 쓰는 법을 설명하려 했는데, “빨간 버튼을 누르는데 큰 빨간 버튼 말고 왼쪽에 있는 작은 빨간 버튼... 아니, 그 쪽 왼쪽... 네, 2초간 누르고 1초 아니고 3초도 아니고...”라고 말하는 걸 발견했어요. 익숙하죠? 😅
+내 생각을 완전히 바꿔준 이야기를 들려줄게요. 지난주에 엄마에게 새로 산 스마트 TV 리모컨 사용법을 설명하려 했어요. “빨간 버튼 눌러, 그런데 큰 빨간 버튼 말고 왼쪽에 작은 빨간 버튼... 아니야, 그 다른 왼쪽... 알았어, 이제 2초간 누르고 있어, 1초도 아니고 3초도 아니고...” 이런 말을 계속 하게 되더라고요. 익숙한가요? 😅
 
-그게 바로 프로그래밍이에요! 엄청나게 상세하고 단계별로 강력하지만 완벽하게 설명해야 하는 예술이죠. 단지 엄마에게 설명하는 게 아니라(엄마는 “어떤 빨간 버튼?”이라고 물을 수 있지만), 컴퓨터에게 설명하는 거예요(컴퓨터는 여러분이 말한 대로 딱 그걸 하죠, 비록 여러분이 의도한 것과 다를지라도).
+바로 그게 프로그래밍이에요! 이것은 엄청나게 상세하고 단계적인 지시를 강력한 무언가에게 주는 기술입니다. 그런데 대신 엄마가 물어볼 수 있는 “어느 빨간 버튼?” 같은 질문이 아니라, 컴퓨터에게 설명하는 거예요. 컴퓨터는 말 그대로 당신이 말한 대로 정확히 실행하는데, 심지어 당신이 의도한 것과 조금 달라도 말이죠.
 
-처음 이걸 배우고 충격 받았던 건 이거예요: 컴퓨터는 본질적으로 매우 단순하다는 사실입니다. 그들은 오직 1과 0, 즉 “예” 아니면 “아니오”, “켜짐”과 “꺼짐”만 이해해요. 그것뿐이죠! 그런데 여기서 마법 같은 점은 우리에게 매트릭스처럼 1과 0으로 말할 필요가 없다는 거예요. 바로 **프로그래밍 언어**가 등장하는 이유죠. 이 언어들은 인간의 생각을 컴퓨터 언어로 변환해 주는 최고의 번역가 같은 존재랍니다.
+처음 배울 때 내 마음을 완전히 뒤흔든 게 있었어요: 컴퓨터는 본질적으로 꽤 단순하다는 거예요. 단지 두 가지, 1과 0만 이해해요 – 기본적으로 “예”와 “아니오” 또는 “켜짐”과 “꺼짐” 의미죠. 그게 전부예요! 하지만 여기서 마법 같은 점이 있는데 – 우리가 매트릭스처럼 1과 0만으로 말할 필요가 없다는 거예요. 바로 거기서 **프로그래밍 언어**가 역할을 해 줍니다. 프로그래밍 언어는 당신의 정상적인 인간적 사고를 컴퓨터 언어로 변환해 주는 세계 최고의 통역사와 같아요.
 
-그리고 아침에 일어나면 아직도 온몸에 소름 돋는 이 사실: 여러분 삶의 모든 디지털은 누군가 여러분과 똑같은 사람이 아마 파자마 차림에 커피 한 잔 들고 노트북에 코딩하며 시작했어요. 여러분을 완벽하게 만들어 주는 인스타그램 필터? 누군가 그걸 코딩했죠. 여러분을 새로운 좋아하는 노래로 안내한 추천 알고리즘? 개발자가 만들었어요. 친구들과 식사비를 나누는 앱? 누군가는 “이거 너무 불편해, 내가 고칠 수 있겠다”고 생각했고... 고친 거예요!
+그리고 매일 아침 내가 실제로 소름 돋는 것은 이거예요: 당신 생활 속의 모든 디지털은 누군가처럼, 아마 잠옷 차림에 커피 한 잔 들고 노트북 자판을 두드리던 사람이 시작했어요. 당신을 완벽하게 만들어 주는 인스타그램 필터? 누군가 만든 거예요. 당신이 좋아하는 새 노래를 추천한 알고리즘? 개발자가 만든 거죠. 친구들과 식사 비용을 나누는 앱? 네, 누군가 “이거 불편하네, 고칠 수 있겠다”고 생각하고 실제로 만들었답니다!
 
-프로그래밍을 배우면 단순한 기술을 익히는 게 아니라, “세상을 조금 더 나아지게 만드는 무언가를 만들 수 있다면?”이라고 생각하며 문제 해결에 몰두하는 놀라운 커뮤니티의 일원이 되는 거예요. 솔직히, 이보다 멋진 게 있을까요?
+프로그래밍을 배울 때, 단순히 새로운 기술을 얻는 게 아니라, 매일 “누군가의 하루를 조금이라도 더 좋게 바꿀 무언가를 만들 수 있을까?”를 고민하는 멋진 문제 해결자 공동체의 일원이 되는 거예요. 솔직히, 그보다 멋진 게 있을까요?
 
-✅ **재미있는 사실 찾기**: 잠시 짬 날 때 시도해 볼 흥미로운 퀴즈 – 세계 최초의 컴퓨터 프로그래머는 누구일까요? 힌트: 여러분이 기대하는 사람이 아닐 수도 있어요! 이 사람의 이야기는 정말 매혹적이고, 프로그래밍이 언제나 창의적 문제 해결과 자유로운 사고에 관한 것이었음을 보여줘요.
+✅ **흥미로운 사실 찾기**: 여유가 있을 때 꼭 찾아보세요 – 세계 최초의 컴퓨터 프로그래머가 누군지 아나요? 힌트를 드리자면, 당신이 기대하는 사람이 아닐 수도 있어요! 이분의 이야기는 정말 흥미진진하고 프로그래밍이 언제나 창의적 문제 해결과 발상의 전환에 관한 것임을 보여줘요.
 
-### 🧠 **중간 점검: 기분은 어떤가요?**
+### 🧠 **상태 점검: 기분이 어떤가요?**
 
-**잠시 생각해 보세요:**
-- “컴퓨터에 명령을 내리는 것”이라는 개념이 이제 이해되나요?
-- 일상에서 프로그래밍으로 자동화하고 싶은 작업이 생각나나요?
-- 프로그래밍에 대해 궁금한 점이 떠오르나요?
+**잠깐만 생각해 봐요:**
+- “컴퓨터에게 지시를 주는 것”이라는 개념이 이제 이해가 되나요?
+- 일상적인 작업 중 프로그래밍으로 자동화하고 싶은 게 있나요?
+- 프로그래밍 전체에 대해 궁금한 점이 떠오르나요?
 
-> **기억하세요**: 지금 조금 헷갈려도 괜찮아요. 프로그래밍은 새 언어 배우기와 같아서 뇌가 그 연결고리를 만들려면 시간이 걸려요. 잘하고 있어요!
+> **기억하세요**: 지금 어떤 개념이 헷갈려도 당연해요. 프로그래밍은 새로운 언어를 배우는 것과 같아서 뇌가 그 신경경로를 만들려면 시간이 걸리니까요. 당신은 잘하고 있어요!
 
-## 프로그래밍 언어는 다양한 마법의 맛과 같아요
+## 프로그래밍 언어는 마치 다양한 마법의 맛과 같아요
 
-이거 좀 이상하게 들릴 수 있지만 끝까지 들어 주세요 – 프로그래밍 언어는 음악 장르와 아주 비슷해요. 재즈는 부드럽고 즉흥적이며, 록은 강력하고 직설적이고, 클래식은 우아하고 구조적이며, 힙합은 창의적이고 표현력이 풍부하죠. 각 스타일은 자신만의 분위기와 열정적인 팬 커뮤니티가 있고, 각기 다른 기분과 상황에 맞춰져 있어요.
+이거 이상하게 들릴 수 있지만, 끝까지 들어 봐요 – 프로그래밍 언어는 다양한 음악 장르와 비슷해요. 재즈는 부드럽고 즉흥적이고, 록은 강력하고 직설적이며, 클래식은 우아하고 구조적이고, 힙합은 창의적이고 표현력이 넘치죠. 각 스타일은 고유한 분위기와 열정적인 팬층이 있으며, 다른 기분과 상황에 딱 맞는 장르겠죠.
 
-프로그래밍 언어도 똑같아요! 재미있는 모바일 게임을 만들 때와 방대한 기후 데이터 처리를 할 때 같은 언어를 쓰지 않는 것처럼, 요가 수업에 데스 메탈을 틀지 않는 것과 같아요(어쨌든 대부분의 요가 수업은요! 😄).
+프로그래밍 언어도 똑같아요! 엄청난 양의 기후 데이터를 분석하는 데 쓸 언어와 재미있는 모바일 게임을 만드는 데 쓸 언어가 다르듯, 요가 수업에 데스 메탈 음악을 틀지 않는 것과 같답니다(대부분의 요가 수업 말이에요! 😄).
 
-하지만 매번 놀라운 건, 이 언어들은 가장 인내심 많고 똑똑한 통역사가 바로 옆에 앉아 있는 것과 같다는 점이에요. 사람의 창의적인 사고를 자연스럽게 표현하면 그들이 컴퓨터가 이해하는 1과 0으로 복잡한 작업을 모두 처리해 주죠. “인간의 창의력”과 “컴퓨터 논리”에 완벽히 능통한 친구가 바로 그들이에요 – 피곤하지 않고 커피 휴식도 필요 없고, 같은 질문을 다시 해도 절대 판단하지 않는 정말 착한 친구!
+하지만 내가 매번 생각할 때마다 진짜 소름 끼치는 점은 이거예요: 이 언어들은 세상에서 가장 인내심 많고 똑똑한 통역사가 바로 옆에 있는 것과 같아요. 사람 뇌에 자연스러운 방식으로 아이디어를 표현하면, 그들이 컴퓨터가 이해하는 1과 0으로 엄청 복잡하게 번역해 줍니다. 마치 “인간의 창의성”과 “컴퓨터 논리” 둘 다 완벽하게 구사하는 친구가 있어서 지치지도 않고, 커피도 안 마시고, 똑같은 질문을 두 번 해도 절대 평가하지 않는 거예요!
 
 ### 인기 프로그래밍 언어와 용도
 
 ```mermaid
 mindmap
   root((프로그래밍 언어))
-    Web Development
+    웹 개발
       JavaScript
         프론트엔드 마법
         상호작용 웹사이트
       TypeScript
-        JavaScript + 타입
+        자바스크립트 + 타입
         엔터프라이즈 앱
-    Data & AI
+    데이터 및 AI
       Python
         데이터 과학
-        머신 러닝
+        머신러닝
         자동화
       R
-        통계학
+        통계
         연구
-    Mobile Apps
+    모바일 앱
       Java
         안드로이드
         엔터프라이즈
       Swift
         iOS
-        애플 에코시스템
+        애플 생태계
       Kotlin
         최신 안드로이드
-        크로스플랫폼
-    Systems & Performance
+        크로스 플랫폼
+    시스템 및 성능
       C++
         게임
         성능 중요
@@ -122,41 +121,41 @@ mindmap
         클라우드 서비스
         확장 가능한 백엔드
 ```
-| 언어 | 최적 용도 | 인기 이유 |
-|----------|----------|--------------|
-| **JavaScript** | 웹 개발, 사용자 인터페이스 | 브라우저에서 실행되고 인터랙티브한 웹 사이트 구현 가능 |
-| **Python** | 데이터 과학, 자동화, AI | 읽기 쉽고 배우기 쉬우며 강력한 라이브러리 존재 |
-| **Java** | 엔터프라이즈 애플리케이션, 안드로이드 앱 | 플랫폼 독립적이고 대규모 시스템에 견고함 |
-| **C#** | 윈도우 애플리케이션, 게임 개발 | 강력한 마이크로소프트 에코시스템 지원 |
-| **Go** | 클라우드 서비스, 백엔드 시스템 | 빠르고 간단하며 현대 컴퓨팅에 적합 |
+| 언어 | 최적 용도 | 인기 있는 이유 |
+|----------|----------|------------------|
+| **JavaScript** | 웹 개발, 사용자 인터페이스 | 브라우저에서 실행되고 인터랙티브 웹사이트 구동 |
+| **Python** | 데이터 과학, 자동화, AI | 배우기 쉽고 읽기 쉬우며 강력한 라이브러리 보유 |
+| **Java** | 엔터프라이즈 애플리케이션, 안드로이드 앱 | 플랫폼 독립적, 대규모 시스템에 강력함 |
+| **C#** | 윈도우 애플리케이션, 게임 개발 | 마이크로소프트 생태계 강력 지원 |
+| **Go** | 클라우드 서비스, 백엔드 시스템 | 빠르고 단순하며 현대 컴퓨팅에 최적화 |
 
-### 고급 언어 vs 저수준 언어
+### 고급 언어 vs 저급 언어
 
-솔직히 제가 처음 배울 때 가장 혼란스러웠던 개념이라, 이걸 완전히 이해할 수 있게 해 준 비유를 여러분과 나누고 싶어요 – 여러분에게도 도움이 되길 바랍니다!
+솔직히 처음 배울 때 이 개념이 내 뇌를 폭발시켰기 때문에, 이걸 나중에야 이해하게 해준 비유를 공유할게요 – 그리고 이게 여러분에게도 도움이 되길 진심으로 바랍니다!
 
-언어를 모르는 나라에 가서 화장실이 급히 필요할 때 상황을 상상해 봅시다(다들 경험 있죠? 😅):
+당신이 말을 전혀 못하는 나라에 여행 갔다고 상상해 보세요. 화장실 찾는 게 급한 상황입니다 (우리 모두 겪었죠? 😅):
 
-- **저수준 프로그래밍**은 그 나라 할머니와 문화적 참조, 지역 은어, 그곳에서 자란 사람만 아는 농담까지 섞어 가며 대화할 줄 아는 수준이라고 할 수 있어요. 매우 인상적이고 효율적이지만… 그냥 화장실 찾기엔 너무 부담스러워요.
+- **저급 프로그래밍**은 언어를 완벽히 배우고 그 지역 할머니와 문화적 참조, 현지 속어, 지역 농담까지 주고받으며 대화하는 것과 같아요. 엄청 인상적이고 효율적이지만… 화장실 찾는 데는 좀 과한 수준이죠.
 
-- **고급 프로그래밍**은 그 나라 사람처럼 여러분을 이해해 주는 멋진 현지 친구가 옆에 있는 것과 같아요. 여러분이 영어로 “화장실 좀 찾고 싶어요”라고 말하면, 친구가 문화적 번역을 하고 여러분이 이해하기 가장 쉬운 길을 안내해 주는 거죠.
+- **고급 프로그래밍**은 마치 그 지역의 멋진 친구가 대신 이해해 주는 것과 같아요. “화장실 어디야?”라고 영어로 말해도, 그 친구가 문화적 차이를 풀어주고 비현지인인 당신에게 딱 맞는 길을 알려줍니다.
 
-프로그래밍 언어 측면에서 보면:
-- **저수준 언어** (예: 어셈블리어, C)는 컴퓨터 하드웨어와 정말 상세히 대화할 수 있지만, 기계처럼 생각해야 해서 꽤 큰 사고 전환이 필요해요!
-- **고급 언어** (예: JavaScript, Python, C#)는 인간처럼 생각하면서 복잡한 기계어를 백그라운드에서 처리해 줘요. 또한 처음 배웠을 때를 기억하는 따뜻한 커뮤니티가 환영해 줘서 정말 도움돼요!
+프로그래밍 용어로 보자면:
+- **저급 언어**(예: 어셈블리, C)는 컴퓨터 하드웨어와 매우 상세하게 대화하지만, 기계처럼 생각해야 하는… 엄청 큰 사고 전환이 필요해요!
+- **고급 언어**(예: 자바스크립트, 파이썬, C#)는 당신이 인간답게 생각하면서, 그 뒤에서 기계어로 바꾸는 작업을 처리해 줍니다. 뿐만 아니라 새내기 시절을 기억하는 친절한 커뮤니티도 가득해요!
 
-어떤 언어부터 시작하길 권할까요? 😉 고급 언어는 마치 몸에 익힌 보조 바퀴 같아서, 아예 떼고 싶지 않을 만큼 훨씬 즐거운 경험을 선사하는 언어랍니다!
+어느 쪽부터 시작하라고 할지 알겠죠? 😉 고급 언어는 트레이닝 휠(보조 바퀴) 같은 거예요. 빼고 싶지도 않을 만큼 훨씬 즐거운 경험을 만듭니다!
 
 ```mermaid
 flowchart TB
     A["👤 인간의 생각:<br/>'피보나치 수를 계산하고 싶다'"] --> B{언어 수준 선택}
     
-    B -->|고수준| C["🌟 JavaScript/Python<br/>읽고 쓰기 쉬움"]
-    B -->|저수준| D["⚙️ 어셈블리/C<br/>직접 하드웨어 제어"]
+    B -->|고급 언어| C["🌟 자바스크립트/파이썬<br/>읽고 쓰기 쉬움"]
+    B -->|저급 언어| D["⚙️ 어셈블리/C<br/>직접 하드웨어 제어"]
     
     C --> E["📝 작성: fibonacci(10)"]
     D --> F["📝 작성: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 컴퓨터 이해:<br/>번역기가 복잡성 처리"]
+    E --> G["🤖 컴퓨터 이해:<br/>번역기가 복잡성을 처리함"]
     F --> G
     
     G --> H["💻 동일한 결과:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -165,14 +164,13 @@ flowchart TB
     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) – 인간 친화적:**
 
@@ -185,32 +183,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];
   
@@ -226,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**위 예시에서 우리는:**
-- 최신 화살표 함수 문법으로 재사용 가능한 함수 생성
-- 하나씩 출력하는 대신 전체 수열을 저장하는 배열 생성
-- 배열 인덱싱을 사용해 이전 값들로 새 숫자 계산
-- 프로그램 다른 부분에서 유연하게 쓸 수 있게 전체 수열 반환
+**위 코드에는 다음이 포함돼요:**
+- 최신 화살표 함수 문법으로 재사용 가능한 함수 **생성**
+- 하나하나 출력하는 대신 전체 수열을 저장하는 배열 **구축**
+- 이전 값을 기준으로 새 숫자를 계산하는 배열 인덱싱 **사용**
+- 프로그램 다른 부분에서 유연하게 사용하도록 전체 수열 **반환**
 
-**저수준 언어 (ARM 어셈블리) – 컴퓨터 친화적:**
+**저급 언어 (ARM 어셈블리) – 컴퓨터 친화적:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,62 +257,62 @@ back add r0,r1
  end
 ```
 
-JavaScript 버전은 영어 명령어처럼 읽히는 반면, 어셈블리 버전은 컴퓨터 프로세서를 직접 제어하는 암호 같은 명령어로 구성되어 있음을 눈치채셨나요? 두 버전 모두 같은 작업을 수행하지만, 고급 언어가 인간이 이해하고 작성하고 유지하는 데 훨씬 쉽다는 점이 핵심 차이입니다.
+자바스크립트 버전이 거의 영어 지침처럼 읽히는 반면, 어셈블리 버전은 컴퓨터 프로세서를 직접 제어하는 암호 같은 명령을 사용하는 것을 눈치챘나요? 둘 다 같은 작업을 수행하지만, 고급 언어가 인간이 이해하고 쓰고 유지하기 훨씬 쉽답니다.
 
-**주요 차이점:**
-- **가독성**: JavaScript는 `fibonacciCount` 같은 설명적 이름을 사용하는 반면 어셈블리는 `r0`, `r1` 같은 암호 같은 라벨을 사용합니다.
-- **주석**: 고급 언어들은 코드를 스스로 문서화하는 설명적인 주석을 권장합니다  
-- **구조**: 자바스크립트의 논리적 흐름은 사람들이 문제를 단계별로 생각하는 방식을 닮았습니다  
-- **유지보수**: 다양한 요구 사항에 맞춰 자바스크립트 버전을 업데이트하는 것이 직관적이고 명확합니다  
+**눈에 띄는 주요 차이점:**
+- **가독성**: 자바스크립트는 `fibonacciCount`와 같은 설명적인 이름을 사용하는 반면 어셈블리는 `r0`, `r1`과 같은 암호 같은 레이블을 사용합니다.  
+- **댓글**: 고급 언어는 코드를 자체 문서화할 수 있도록 설명적인 주석 작성을 장려합니다.  
+- **구조**: 자바스크립트의 논리적 흐름은 문제를 단계별로 생각하는 인간의 사고 방식과 일치합니다.  
+- **유지보수**: 다양한 요구사항에 맞게 자바스크립트 버전을 업데이트하는 것은 쉽고 명확합니다.  
 
-✅ **피보나치 수열에 관하여**: 이 정말 아름다운 숫자 패턴(각 숫자가 이전 두 수의 합인: 0, 1, 1, 2, 3, 5, 8…)은 자연에서 문자 그대로 *모든 곳*에서 나타납니다! 해바라기 소용돌이, 솔방울 패턴, 노틸러스 껍질이 구부러지는 방식, 심지어 나뭇가지가 자라는 방식에서도 발견할 수 있습니다. 수학과 코드를 통해 자연이 아름다움을 창조하는 패턴을 이해하고 재현할 수 있다는 점은 정말 놀랍습니다!  
+✅ **피보나치 수열에 대하여**: 이 절대적으로 아름다운 숫자 패턴(각 숫자가 앞의 두 숫자의 합과 같은: 0, 1, 1, 2, 3, 5, 8...)은 자연계에서 문자 그대로 *어디에나* 나타납니다! 해바라기 나선, 솔방울 패턴, 노틸러스 조개의 곡선, 심지어 나뭇가지가 자라는 방식에서도 찾을 수 있습니다. 수학과 코드를 통해 자연이 아름다움을 창조하는 패턴을 이해하고 재현할 수 있다는 사실은 정말 놀랍습니다!  
 
-## 마법을 만들어내는 기본 구성 요소들  
+## 마법을 만들어내는 기본 구성 요소  
 
-좋아요, 이제 프로그래밍 언어들이 실제로 어떻게 보이는지 봤으니, 지금까지 작성된 거의 모든 프로그램을 구성하는 근본적인 조각들을 분해해봅시다. 이를 좋아하는 요리법의 필수 재료라고 생각하세요 – 각 재료가 하는 일을 이해하면 거의 모든 언어로 코드를 읽고 쓸 수 있을 겁니다!  
+자, 이제 프로그래밍 언어가 실제로 어떻게 작동하는지 확인했으니, 지금까지 작성된 모든 프로그램을 구성하는 기본 조각들을 분해해 봅시다. 이것들을 여러분이 좋아하는 요리법의 필수 재료라고 생각하세요 – 각각이 무슨 역할을 하는지 이해하면 거의 모든 언어로 코드를 읽고 쓸 수 있게 될 것입니다!  
 
-이건 프로그래밍의 문법을 배우는 것과 비슷합니다. 학교에서 명사, 동사, 문장을 어떻게 만드는지 배웠던 기억 나죠? 프로그래밍에도 나름의 문법이 있는데, 솔직히 영어 문법보다 훨씬 논리적이고 너그럽답니다! 😄  
+이것은 일종의 프로그래밍 문법을 배우는 것과 같습니다. 학교에서 명사, 동사, 문장 구성 방법을 배웠던 기억이 나나요? 프로그래밍도 나름의 문법이 있는데 솔직히 영어 문법보다 훨씬 논리적이고 관용적입니다! 😄  
 
-### 문장: 단계별 명령  
+### 문장(Statements): 단계별 명령어  
 
-먼저 **문장(statements)** 에 대해 이야기해봅시다 – 컴퓨터와 대화하는 개별 문장과 같죠. 각 문장은 컴퓨터에 특정 작업을 수행하라고 알려주는 것으로, "여기서 좌회전해라", "빨간불에서 멈춰라", "저기 주차해라" 같은 지시입니다.  
+먼저 **문장**부터 시작해 봅시다 – 이들은 컴퓨터와 대화할 때의 개별 문장과 같습니다. 각 문장은 컴퓨터에게 특정 작업 하나를 하도록 지시하는 것이며, "여기서 왼쪽으로 돌기", "빨간불에서 멈추기", "저 공간에 주차하기"와 같은 지시를 주는 것과 비슷합니다.  
 
-문장들이 가장 멋진 점은 대개 읽기 쉽다는 거예요. 한번 보세요:  
+제가 문장에 대해 사랑하는 점은 일반적으로 읽기 쉽다는 것입니다. 한번 보세요:  
 
 ```javascript
-// 단일 동작을 수행하는 기본 명령문
+// 단일 작업을 수행하는 기본 문장들
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
   
-**이 코드가 하는 일은 다음과 같습니다:**  
-- **상수 변수 선언**하여 사용자의 이름 저장  
-- **인사 메시지를** 콘솔 출력에 표시  
-- **수학 연산 결과를** 계산하고 저장  
+**이 코드는 다음을 수행합니다:**  
+- 사용자 이름을 저장할 상수 변수 선언  
+- 콘솔 출력에 인사 메시지 표시  
+- 수학적 연산 결과 계산 및 저장  
 
 ```javascript
-// 웹 페이지와 상호작용하는 명령문
+// 웹 페이지와 상호작용하는 구문
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
   
 **단계별로 무슨 일이 일어나는지:**  
-- **브라우저 탭에 표시되는** 웹페이지 제목을 수정  
-- **전체 페이지 본문의** 배경색을 변경  
+- 브라우저 탭에 표시되는 웹페이지 제목 수정  
+- 페이지 전체 바디의 배경색 변경  
 
-### 변수: 프로그램의 메모리 시스템  
+### 변수(Variables): 프로그램의 기억 장치  
 
-좋아요, **변수(variables)** 는 내가 가르치는 것 중 가장 좋아하는 개념 중 하나인데, 일상생활에서 매일 사용하는 것과 아주 비슷하기 때문입니다!  
+자, **변수**는 정말 제가 가장 좋아하는 개념 중 하나입니다. 왜냐하면 일상에서 여러분이 이미 매일 사용하는 것과 너무 비슷하기 때문입니다!  
 
-핸드폰 연락처 목록을 생각해봐요. 모든 전화번호를 외우지 않잖아요 – 대신 "엄마", "베스트 프렌드", "새벽 2시까지 배달하는 피자집" 같은 이름을 저장하고, 핸드폰이 실제 번호를 기억하도록 하죠. 변수가 바로 그런 역할을 합니다! 프로그램이 정보를 저장하고 나중에 의미 있는 이름으로 다시 가져올 수 있는 라벨이 붙은 용기 같은 거예요.  
+휴대폰 연락처 목록을 잠시 생각해 보세요. 여러분은 모두 전화번호를 외우지 않죠 – 대신에 “엄마”, “친한 친구”, “새벽 2시까지 배달하는 피자집” 같은 이름을 저장하고 휴대폰이 실제 번호를 기억합니다. 변수도 마찬가지입니다! 변수는 프로그램이 정보를 저장하고 의미 있는 이름으로 나중에 다시 불러올 수 있는 라벨이 붙은 컨테이너와 같습니다.  
 
-진짜 멋진 점은 변수는 프로그램 실행 중에 바뀔 수 있다는 거예요 (그래서 이름이 '변수'인 거죠 – 이해하셨죠?). 마치 더 좋은 피자집을 발견하면 연락처를 업데이트하는 것처럼, 프로그램이 새로운 정보를 배우거나 상황이 변함에 따라 변수 값도 바뀔 수 있습니다!  
+정말 멋진 점은 변수는 프로그램이 실행되는 동안 변할 수 있다는 것입니다(그래서 'variable'이라는 이름이 붙었죠). 더 나은 피자집을 발견하면 연락처를 업데이트하는 것처럼, 프로그램이 새로운 정보를 배우거나 상황이 바뀌면 변수도 업데이트할 수 있습니다!  
 
-이렇게 얼마나 간단한지 보여줄게요:  
+이것이 얼마나 간단할 수 있는지 보여 드릴게요:  
 
 ```javascript
-// 1단계: 기본 변수 생성
+// 1단계: 기본 변수 생성하기
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -322,10 +320,10 @@ let isRaining = false;
 ```
   
 **이 개념들을 이해하기:**  
-- **변하지 않는 값들은** `const` 변수에 저장 (예: 사이트 이름)  
-- **변할 수 있는 값들은** `let`으로 사용  
-- **다양한 데이터 타입을 지정하기:** 문자열(텍스트), 숫자, 불리언(true/false)  
-- **각 변수명이 어떤 내용을 담고 있는지 설명하는** 명확한 이름 선택  
+- 변하지 않는 값은 `const` 변수에 저장 (예: 사이트 이름)  
+- 변할 수 있는 값은 `let` 사용  
+- 문자열(텍스트), 숫자, 불리언(true/false) 같은 다양한 데이터 유형 할당  
+- 각 변수가 포함하는 내용을 설명하는 이름 선택  
 
 ```javascript
 // 2단계: 관련 데이터를 그룹화하기 위해 객체 작업하기
@@ -336,26 +334,26 @@ 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단계: 더 깔끔한 코드를 위한 최신 구조 분해
@@ -363,20 +361,20 @@ const { location, humidity } = weatherData;
 console.log(`${location} humidity: ${humidity}%`);
 ```
   
-**꼭 알아두세요:**  
-- 구조 분해 할당을 사용하여 객체의 특정 속성 추출  
-- 객체 키 이름과 같은 이름으로 새 변수 생성  
-- 반복적인 점 표기법 사용 줄여 코드 간결화  
+**알아두어야 할 점:**  
+- 구조 분해 할당으로 객체에서 특정 프로퍼티 추출  
+- 객체 키와 동일한 이름으로 새 변수 자동 생성  
+- 반복적인 점 표기법을 피해 코드 간소화  
 
-### 제어 흐름: 프로그램에 사고하도록 가르치기  
+### 제어 흐름(Control Flow): 프로그램에게 사고하는 법 가르치기  
 
-좋아요, 이제 프로그래밍이 정말 신기해지는 순간입니다! **제어 흐름(Control Flow)** 은 기본적으로 프로그램에 스마트한 결정을 내리도록 가르치는 것이며, 여러분이 매일 무의식적으로 하는 것과 같습니다.  
+여기서 프로그래밍이 진짜 놀라워집니다! **제어 흐름**이란 프로그램에게 똑똑한 판단을 내리도록 가르치는 것으로, 여러분이 매일 생각 없이 하는 바로 그 방식과 같습니다.  
 
-예를 들어 오늘 아침에 "비 오면 우산 들고, 추우면 재킷 입고, 늦었으면 아침 건너뛰고 커피 사서 가자" 같은 루틴을 머릿속으로 따라갔겠죠? 우리의 뇌는 이런 if-then(만약 - 그러면) 논리를 하루에도 수십 번 자연스럽게 합니다!  
+아침에 "비가 오면 우산을 챙기고, 춥다면 재킷을 입고, 늦으면 아침을 거르고 길에서 커피를 산다" 같은 판단을 했을 거예요. 여러분의 두뇌는 매일 이런 if-then 논리를 수십 번 자연스럽게 따릅니다!  
 
-이게 바로 프로그램이 지루하고 예측 가능한 스크립트를 단순히 실행하는 대신, 상황을 살피고 평가해서 적절히 반응하도록 만드는 이유입니다. 프로그램에 적응하고 선택할 수 있는 두뇌를 심어주는 거죠!  
+이런 덕분에 프로그램은 단순히 지루하고 예측 가능한 명령만 수행하는 대신 상황을 보고 무슨 일이 일어나는지 평가하고 적절하게 반응할 수 있어 ‘지능적이고 살아있는’ 것처럼 느껴집니다. 프로그램에게 적응하고 선택할 수 있는 두뇌를 준 셈이죠!  
 
-이게 어떻게 멋지게 작동하는지 보고 싶나요? 보여드릴게요:  
+이게 어떻게 정말 멋지게 작동하는지 보여 드릴게요:  
 
 ```javascript
 // 1단계: 기본 조건 논리
@@ -390,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
   
-**이 코드가 하는 일:**  
-- 사용자의 나이가 투표 자격이 되는지 확인  
-- 조건 결과에 따라 서로 다른 코드 블록 실행  
-- 18세 미만이면 투표 가능 시점까지 남은 시간 계산 및 표시  
-- 각 상황에 맞는 구체적이고 유용한 피드백 제공  
+**이 코드는 다음을 수행합니다:**  
+- 사용자 나이가 투표 요건을 충족하는지 확인  
+- 조건 결과에 따라 다른 코드 블록 실행  
+- 만 18세 미만일 경우 투표 가능할 때까지 남은 기간 계산 및 표시  
+- 각 시나리오에 대해 구체적이고 유용한 피드백 제공  
 
 ```javascript
-// 단계 2: 논리 연산자를 사용한 여러 조건
+// 2단계: 논리 연산자를 사용한 여러 조건
 const userAge = 17;
 const hasPermission = true;
 
@@ -410,11 +408,11 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
   
-**무슨 일이 일어나는지 분해해보면:**  
-- `&&` (그리고 연산자)를 사용해 여러 조건 결합  
-- 여러 시나리오에 대해 `else if`로 조건 계층화  
-- 모든 경우를 처리하는 마지막 `else` 문 작성  
-- 서로 다른 상황별로 명확하고 실행 가능한 피드백 제공  
+**여기서 일어나는 일 분해:**  
+- `&&` (그리고) 연산자를 사용해 여러 조건 결합  
+- 여러 시나리오를 다루기 위해 `else if`로 조건 계층 구성  
+- 마지막 `else` 문으로 모든 경우 처리  
+- 각각의 다른 상황에 대해 명확하고 실용적인 피드백 제공  
 
 ```javascript
 // 3단계: 삼항 연산자를 사용한 간결한 조건문
@@ -422,13 +420,13 @@ const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
   
-**꼭 기억해야 할 점:**  
-- 간단한 두 옵션 조건에는 삼항 연산자(`? :`) 사용  
-- 조건 먼저 쓰고 `?`, 참 반환 값, `:`, 거짓 반환 값 순서  
-- 조건에 따른 값 할당이 필요할 때 이 패턴 적용  
+**기억해야 할 점:**  
+- 간단한 두 가지 선택 조건에 삼항 연산자(`? :`) 사용  
+- 먼저 조건 작성, 다음에 `?`, 참 결과, `:`, 거짓 결과 순서  
+- 조건에 따라 값을 할당할 때 이 패턴 적용  
 
 ```javascript
-// 4단계: 여러 특정 경우 처리하기
+// 4단계: 여러 특정 사례 처리
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -448,53 +446,53 @@ switch (dayOfWeek) {
 }
 ```
   
-**이 코드는 다음을 수행:**  
-- 변수 값을 여러 특정 케이스와 비교  
-- 유사한 케이스들을 그룹화 (평일과 주말)  
-- 일치하는 케이스가 있으면 해당 코드 블록 실행  
-- 예기치 않은 값 처리를 위한 `default` 케이스 포함  
-- `break` 문으로 다음 케이스로 코드 실행되는 걸 방지  
+**이 코드는 다음을 수행합니다:**  
+- 변수 값을 여러 특정 경우와 비교  
+- 유사한 경우를 그룹화(평일 대 주말)  
+- 일치하는 경우에 적절한 코드 블록 실행  
+- 예기치 않은 값을 처리하는 `default` 케이스 포함  
+- 다음 경우로 넘어가는 것을 방지하는 `break` 문 사용  
 
-> 💡 **실생활 비유**: 제어 흐름은 세상에서 가장 인내심 많은 GPS가 길을 알려주는 것과 같습니다. "만약 메인 스트리트에 교통 체증이 있으면 고속도로를 이용하세요. 공사가 있어 고속도로가 막히면 경치 좋은 길을 이용하세요." 프로그램도 똑같은 조건부 논리를 사용해 다양한 상황에 지능적으로 반응하고 사용자에게 항상 최고의 경험을 제공합니다.  
+> 💡 **현실 세계 비유**: 제어 흐름은 가장 인내심 많은 GPS가 길 안내를 하는 것과 같아요. “Main Street에 교통 체증이 있으면 고속도로로 가세요. 고속도로에 공사가 있으면 경치 좋은 길을 시도해 보세요.” 프로그램도 똑같은 조건부 논리를 사용해 상황에 지능적으로 대응하며 항상 사용자에게 최적의 경험을 제공합니다.  
 
-### 🎯 **개념 확인: 기본 구성 요소 숙달**  
+### 🎯 **개념 확인: 기본 구성 요소 숙달하기**  
 
-**기본 개념 이해도를 확인해봅시다:**  
+**기본 개념들을 얼마나 이해했는지 보자:**  
 - 변수와 문장의 차이를 자신만의 말로 설명할 수 있나요?  
-- if-then 결정문을 쓸 수 있는 현실 세계 시나리오를 생각해보세요 (예: 투표 조건)  
-- 프로그래밍 논리에서 놀랐던 점이 무엇인지요?  
+- if-then 결정을 사용할 수 있는 현실 상황을 생각해 봅시다(예: 투표 예시)  
+- 프로그래밍 논리에서 놀랐던 한 가지는 무엇인가요?  
 
-**빠른 자신감 충전:**  
+**빠른 자신감 부스터:**  
 ```mermaid
 flowchart LR
-    A["📝 문장<br/>(명령문)"] --> B["📦 변수<br/>(저장소)"] --> C["🔀 제어 흐름<br/>(결정)"] --> D["🎉 동작하는 프로그램!"]
+    A["📝 문장<br/>(명령어)"] --> B["📦 변수<br/>(저장소)"] --> C["🔀 제어 흐름<br/>(결정)"] --> D["🎉 작동 프로그램!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```  
-✅ **다음에 할 일**: 놀라운 여정을 계속하면서 이 개념들을 더 깊이 파고들 거예요! 지금은 앞으로 펼쳐질 모든 놀라운 가능성에 대해 설렘을 느끼는 데 집중하세요. 구체적인 기술과 기법들은 함께 연습하면서 자연스럽게 습득될 겁니다 – 기대 이상으로 재미있을 거라는 걸 약속합니다!  
+✅ **다음에 다룰 내용**: 이 엄청난 여정을 함께 계속하면서 이 개념들을 더 깊이 파고들며 정말 즐거운 시간을 보낼 거예요! 지금은 앞에 펼쳐질 놀라운 가능성들에 대한 흥분을 느끼는 데 집중하세요. 구체적인 기술과 기법들은 함께 연습하면서 자연스럽게 익힐 수 있을 거예요 – 이건 분명 기대 이상으로 재미있을 겁니다!  
 
-## 업무 도구  
+## 도구들  
 
-이번 부분은 정말 너무 신나서 감정을 주체하기 힘들 정도입니다! 🚀 이제 곧 소개할 이 놀라운 도구들은 마치 디지털 우주선의 열쇠를 손에 쥔 기분을 맛보게 해줄 거예요.  
+자, 이제 제가 감정을 주체할 수 없을 정도로 흥분하는 순간입니다! 🚀 이제 여러분에게 마치 디지털 우주선 열쇠를 막 받은 것처럼 느끼게 해줄 믿을 수 없이 멋진 도구들에 대해 이야기할 거예요.  
 
-셰프가 손의 연장처럼 완벽하게 균형 잡힌 칼들을 가지고 있듯이, 혹은 뮤지션이 만지는 순간 노래하는 기타를 가진 것처럼, 개발자들도 우리만의 마법 같은 도구들을 가지고 있는데, 그 중 대부분이 완전히 무료라는 사실!  
+요리사가 손의 연장처럼 느껴지는 완벽하게 균형 잡힌 칼을 가지고 있거나 음악가가 한 번 만지면 노래하는 기타를 가진 것처럼, 개발자도 이런 마법 같은 도구들을 가지고 있습니다. 그리고 이 도구들의 대부분이 완전히 무료라는 사실이 여러분의 마음을 완전히 뒤흔들 거예요!  
 
-이 도구들은 소프트웨어 개발 방식을 완전히 혁신했기에 여러분과 공유할 생각에 의자에서 벌떡 일어날 지경입니다. AI 기반 코딩 도우미가 코드를 작성하도록 도와주고(진짜예요!), 와이파이만 있으면 어디서든 전체 애플리케이션을 개발할 수 있는 클라우드 환경, 그리고 프로그램을 엑스레이처럼 들여다보는 디버깅 도구까지요.  
+이 도구들을 여러분과 공유하는 생각에 저는 실제로 의자에서 들썩이고 있습니다. 왜냐하면 이 도구들이 우리가 소프트웨어를 만드는 방식을 완전히 혁신했기 때문입니다. AI 기반 코딩 어시스턴트가 코드를 직접 작성해 주고(진심입니다!), 어디서든 Wi-Fi만 있으면 앱을 개발할 수 있는 클라우드 환경, 그리고 프로그램의 X-레이 비전을 제공하는 것처럼 정교한 디버깅 도구들에 대해서 이야기하고 있습니다.  
 
-그리고 아직도 소름 돋는 건 이게 초보자용 도구가 아니라는 점입니다. 지금 이 순간 구글, 넷플릭스, 그리고 여러분이 좋아하는 인디 앱 스튜디오에서 사용하는 바로 그 전문 도구들입니다. 사용하면 진짜 프로가 된 기분일 거예요!  
+그리고 아직도 소름이 돋는 부분은 이것들이 여러분이 곧 써볼 “초급 도구”가 아니라는 점입니다. 구글, 넷플릭스, 여러분이 좋아하는 인디 앱 스튜디오 같은 곳의 개발자들이 바로 지금 이 순간에도 사용하는 그 전문급 도구들이란 점입니다. 여러분도 사용하면 엄청난 프로가 된 기분을 느낄 거예요!  
 
 ```mermaid
 graph TD
-    A["💡 당신의 아이디어"] --> B["⌨️ 코드 편집기<br/>(VS Code)"] 
+    A["💡 당신의 아이디어"] --> B["⌨️ 코드 편집기<br/>(VS 코드)"] 
     B --> C["🌐 브라우저 개발자 도구<br/>(테스트 및 디버깅)"]
-    C --> D["⚡ 명령줄<br/>(자동화 및 도구)"]
+    C --> D["⚡ 명령 줄<br/>(자동화 및 도구)"]
     D --> E["📚 문서<br/>(학습 및 참조)"]
-    E --> F["🚀 놀라운 웹 앱!"]
+    E --> F["🚀 멋진 웹 앱!"]
     
-    B -.-> G["🤖 AI 어시스턴트<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 AI 도우미<br/>(GitHub 코파일럿)"]
     C -.-> H["📱 기기 테스트<br/>(반응형 디자인)"]
     D -.-> I["📦 패키지 관리자<br/>(npm, yarn)"]
     E -.-> J["👥 커뮤니티<br/>(Stack Overflow)"]
@@ -506,105 +504,106 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```  
-### 코드 편집기와 IDE: 당신의 새로운 디지털 절친  
+### 코드 편집기 및 IDE: 새로운 디지털 베스트 프렌드  
 
-이제 코드 편집기에 대해 이야기해봅시다 – 이게 곧 여러분의 가장 좋아하는 장소가 될 거예요! 개인 코딩 성역처럼, 대부분의 시간을 이곳에서 디지털 창작물을 만들고 다듬게 됩니다.  
+코드 편집기에 대해 이야기해 봅시다 – 여러분의 새로워질 가장 좋아하는 장소가 될 거예요! 여기서 대부분의 시간을 보내며 디지털 창작물을 만들고 완성하니까요.  
 
-현대 편집기의 마법은 단순한 텍스트 편집기를 넘어선다는 것입니다. 24시간 내내 당신 곁에서 가장 똑똑하고 든든한 코딩 멘토가 되어줍니다. 오타를 바로 잡아주고, 천재처럼 보이게 개선안을 제안하며, 코드가 하는 일을 이해하도록 돕고, 때론 당신이 치려는 내용을 예측해 완성까지 해줍니다!  
+하지만 현대 편집기가 가진 마법 같은 점은 이것들이 단순한 텍스트 편집기가 아니라는 것입니다. 언제나 옆에 앉아 있는 가장 똑똑하고 든든한 코딩 멘토가 있는 것 같습니다. 오타가 생기기도 전에 잡아주고, 천재처럼 보이게 해 주는 개선방안을 제안하며, 코드의 각 부분이 무슨 역할을 하는지 이해할 수 있도록 돕고, 어떤 편집기는 여러분이 타자를 치기 전에 무슨 말을 하려는지 예측해 완성해 주기까지 합니다!  
 
-자동 완성 기능을 처음 발견했을 때 미래에 살고 있는 느낌을 받았어요. 뭔가를 치기 시작하면 편집기가 "이 함수 쓰려고 생각 중 아니었니? 네가 필요로 하는 걸 딱 해주는 함수야"라고 말해주는 것 같거든요. 마치 마음을 읽는 코딩 친구가 생긴 느낌이죠!  
+제가 자동 완성 기능을 처음 발견했을 때는 진짜 미래에 살고 있는 것 같았어요. 뭔가 입력하면 편집기가 "이 함수가 필요한 거 아니야?"라고 말하는 것 같은 느낌이었죠. 마치 마음을 읽는 코딩 친구 같아요!  
 
-**이 편집기들이 놀라운 이유는 뭘까요?**  
+**이 편집기들이 이렇게 대단한 이유:**  
 
-최신 코드 편집기는 생산성을 극대화할 다양한 기능을 제공합니다:  
+현대 코드 편집기는 생산성을 높이도록 설계된 다양한 기능을 제공합니다:  
 
-| 기능 | 역할 | 왜 도움이 되는가 |  
+| 기능 | 역할 | 도움 되는 이유 |  
 |---------|--------------|--------------|  
-| **구문 강조** | 코드의 다양한 부분을 색으로 구분 | 코드를 더 쉽게 읽고 오류 탐지 가능 |  
-| **자동 완성** | 타이핑 중 코드 제안 | 코딩 속도 향상 및 오타 감소 |  
-| **디버깅 도구** | 오류 찾기 및 수정 지원 | 디버깅 시간 크게 절약 |  
-| **확장 기능** | 전문 기능 추가 가능 | 기술별로 편집기 맞춤화 |  
-| **AI 도우미** | 코드와 설명 제안 | 학습 및 생산성 가속 |  
+| **문법 강조** | 코드의 다른 부분에 색상을 입힙니다 | 코드를 읽기 쉽고 오류를 발견하기 쉽게 함 |  
+| **자동 완성** | 입력하는 코드를 제안함 | 코딩 속도를 높이고 오타를 줄임 |  
+| **디버깅 도구** | 오류를 찾고 고치는 데 도움 | 문제 해결 시간을 수 시간 단축 |  
+| **확장 기능** | 특화된 기능 추가 가능 | 어떤 기술에도 맞게 편집기 사용자화 |  
+| **AI 어시스턴트** | 코드 및 설명 제안 | 학습과 생산성 가속화 |  
 
-> 🎥 **동영상 자료**: 이 도구들이 실제로 어떻게 작동하는지 보고 싶다면, [Tools of the Trade 영상](https://youtube.com/watch?v=69WJeXGBdxg) 을 참고하세요.  
+> 🎥 **비디오 자료**: 이 도구들이 실제로 어떻게 작동하는지 보고 싶다면, [Tools of the Trade 동영상](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) - 코드 오타 잡기  
+  - [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  
+**클라우드 기반 IDE** (다양한 가격)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - 브라우저 내 완전한 VS Code  
 - [Replit](https://replit.com/) - 학습과 코드 공유에 좋음  
-- [StackBlitz](https://stackblitz.com/) - 즉시 사용 가능한 풀스택 웹 개발환경  
+- [StackBlitz](https://stackblitz.com/) - 즉시 사용 가능한 풀스택 웹 개발  
 
-> 💡 **시작 팁**: Visual Studio Code부터 시작하세요 – 무료이고 업계에서 널리 쓰이며, 방대한 커뮤니티가 튜토리얼과 확장을 만듭니다.  
+> 💡 **시작 팁**: Visual Studio Code부터 시작하세요 – 무료고 업계에서 널리 쓰이며 도움 되는 튜토리얼과 확장이 매우 많습니다.  
 
-### 웹 브라우저: 비밀스러운 개발 연구소  
 
-자, 이번엔 완전히 놀랄 준비 하세요! 평소 소셜 미디어를 보고 영상 보는 데만 쓰던 브라우저가 사실은 숨겨진 강력한 개발자 연구소 역할을 해왔다는 걸 이제 알게 될 겁니다!  
+### 웹 브라우저: 비밀 개발 실험실  
 
-웹페이지에서 우클릭하고 “요소 검사”를 선택할 때마다, 사실 여러분은 숨겨진 개발 도구 세트가 열리는 셈입니다. 제가 예전에 수백 달러 주고 샀던 비싼 소프트웨어보다도 더 강력한 도구들이죠. 마치 평범한 부엌 뒤에 전문가 셰프의 실험실이 숨겨져 있었던 걸 발견하는 기분입니다!
-처음 누군가가 브라우저 개발자 도구(DevTools)를 보여줬을 때, 저는 무려 세 시간이나 이것저것 눌러보며 "잠깐만요, 이거도 할 수 있다고?!"라고 감탄했어요. 실제로 웹사이트를 실시간으로 편집할 수 있고, 모든 것이 얼마나 빠르게 로드되는지 정확히 볼 수 있으며, 사이트가 다른 기기에서 어떻게 보이는지 테스트할 수 있고, 심지어 JavaScript를 전문가처럼 디버깅할 수 있답니다. 정말 충격적이에요!
+자, 이제 정말 놀랄 준비하세요! 여러분은 소셜 미디어를 스크롤하고 동영상을 보려고 브라우저를 사용하고 있었지만, 사실은 이 전체 시간 동안 숨겨진 놀라운 개발자 실험실이 숨어 있었다는 걸 아시나요? 그리고 여러분이 발견하기만을 기다렸죠!  
 
-**브라우저가 당신의 비밀 무기인 이유는 다음과 같습니다:**
+웹페이지에서 오른쪽 클릭 후 “요소 검사”를 선택할 때마다, 사실 저는 수백 달러를 내고 샀던 몇몇 고가 소프트웨어보다 더 강력한 개발자 도구의 숨겨진 세계를 여는 것입니다. 마치 평범한 주방 뒤에 프로 셰프의 실험실이 비밀 패널 뒤에 숨겨져 있었다는 것을 발견한 것과 같습니다!  
+누군가 처음으로 브라우저 개발자 도구(DevTools)를 보여줬을 때, 나는 세 시간이나 클릭하며 "잠깐, 이걸도 할 수 있다고?!"라고 놀랐어. 실제로 실시간으로 웹사이트를 편집할 수 있고, 모든 요소가 얼마나 빠르게 로드되는지 정확히 볼 수 있으며, 다양한 장치에서 내 사이트가 어떻게 보이는지 테스트하고, 심지어 자바스크립트를 완전 전문가처럼 디버깅할 수도 있어. 정말 놀라워!
 
-웹사이트나 웹 애플리케이션을 만들 때, 실제 환경에서 어떻게 보이고 작동하는지 확인해야 합니다. 브라우저는 당신의 작업물을 보여줄 뿐만 아니라 성능, 접근성, 잠재적인 문제에 대한 자세한 피드백도 제공합니다.
+**브라우저가 당신의 비밀 무기인 이유는 다음과 같아:**
 
-#### 브라우저 개발자 도구(DevTools)
+웹사이트나 웹 애플리케이션을 만들 때, 실제 환경에서 어떻게 보이고 작동하는지 확인해야 해. 브라우저는 당신의 작업물을 보여주는 것뿐만 아니라 성능, 접근성, 잠재적인 문제에 대해 자세한 피드백도 제공하지.
 
-현대 브라우저는 포괄적인 개발 툴을 포함합니다:
+#### 브라우저 개발자 도구 (DevTools)
 
-| 도구 분류 | 역할 | 사용 사례 |
-|---------------|--------------|------------------|
-| **요소 검사기(Element Inspector)** | HTML/CSS를 실시간으로 보고 편집 | 스타일을 조정하여 즉시 결과 확인 |
-| **콘솔(Console)** | 오류 메시지 확인 및 JavaScript 테스트 | 문제 디버그 및 코드 실험 |
-| **네트워크 모니터(Network Monitor)** | 리소스 로드 상태 추적 | 성능 및 로딩 시간 최적화 |
-| **접근성 검사기(Accessibility Checker)** | 포용적 디자인 테스트 | 모든 사용자가 사이트를 이용할 수 있도록 보장 |
-| **기기 시뮬레이터(Device Simulator)** | 다양한 화면 크기 미리보기 | 여러 기기 없이 반응형 디자인 테스트 |
+현대 브라우저는 포괄적인 개발 도구 세트를 포함하고 있어:
 
-#### 개발용으로 추천하는 브라우저
+| 도구 카테고리 | 역할 | 사용 사례 예시 |
+|---------------|--------|----------------|
+| **요소 검사기** | 실시간으로 HTML/CSS를 보고 편집 | 즉각적인 스타일 조정 결과 확인 |
+| **콘솔** | 오류 메시지 확인 및 자바스크립트 테스트 | 문제 디버깅과 코드 실험 |
+| **네트워크 모니터** | 리소스 로딩 추적 | 성능과 로딩 시간 최적화 |
+| **접근성 검사기** | 포괄적 디자인 테스트 | 모든 사용자를 위한 사이트 보장 |
+| **장치 시뮬레이터** | 다양한 화면 크기 미리보기 | 여러 장치 없이 반응형 디자인 테스트 |
+
+#### 개발용 추천 브라우저
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 업계 표준 DevTools와 방대한 문서
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 뛰어난 CSS Grid 및 접근성 도구
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium 기반의 Microsoft 개발자 리소스 제공
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 훌륭한 CSS Grid 및 접근성 도구
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - 크로미움 기반, 마이크로소프트의 개발자 리소스 제공
 
-> ⚠️ **중요 테스트 팁**: 항상 여러 브라우저에서 웹사이트를 테스트하세요! Chrome에서는 완벽하게 작동해도 Safari나 Firefox에서는 다르게 보일 수 있습니다. 전문가 개발자들은 모든 주요 브라우저에서 테스트하여 일관된 사용자 경험을 보장합니다.
+> ⚠️ **중요한 테스트 팁**: 항상 여러 브라우저에서 웹사이트를 테스트하세요! Chrome에서 완벽하게 작동해도 Safari나 Firefox에서는 다를 수 있어요. 전문가 개발자들은 모든 주요 브라우저에서 일관된 사용자 경험을 위해 테스트합니다.
 
 
-### 커맨드 라인 도구: 개발자의 초능력 게이트웨이
+### 커맨드 라인 도구: 개발자 슈퍼파워로 가는 관문
 
-자, 커맨드 라인에 대해 솔직하게 이야기해볼게요. 저처럼 진심으로 이해하는 사람에게 듣길 바라고요. 처음 봤을 때—그냥 깜빡이는 텍스트가 있는 무서운 검은 화면이었어요—저는 "아니, 절대 안 돼! 이거 1980년대 해커 영화에서나 나올 법한 거고, 나는 절대 똑똑하지 않아!"라고 생각했죠 😅
+자, 커맨드 라인에 대해 솔직한 얘기를 해보자. 내가 진짜로 느낀 걸 말하고 싶어. 처음 봤을 때 — 깜빡이는 텍스트가 있는 무서운 검은 화면 — 나는 사실 이렇게 생각했어, "절대 안 돼! 이건 1980년대 해커 영화에 나오는 거 같고, 나는 절대 이걸 다룰 만큼 똑똑하지 않아!" 😅
 
-하지만 그때 누군가가 제게 알려줬으면 좋았을 것, 지금 제가 여러분에게 말해주는 건 이겁니다: 커맨드 라인은 무서운 게 아니라, 컴퓨터와 직접 대화하는 것과 같아요. 마치 사진과 메뉴가 있는 고급 앱으로 음식을 주문하는 것(쉽고 편한)과, 당신이 좋아하는 현지 식당에 들어가서 셰프가 당신이 좋아할 완벽한 음식을 “놀라움으로 한 가지 만들어 주세요”라는 말 한 마디로 만들어주는 것의 차이 같아요.
+하지만 누군가 그때 내게 알려줬으면 좋았을 걸, 그리고 지금 내가 너에게 말하는 건: 커맨드 라인은 무섭지 않아 — 사실은 컴퓨터와 직접 대화하는 것과 같아. 마치 사진과 메뉴가 있는 세련된 앱으로 음식을 주문하는 것과, 당신이 좋아하는 걸 알고 딱 맞는 요리를 직접 만들어 주는 현지 식당에 가서 "놀라운 걸로 부탁해"라고 말하는 것의 차이라고 생각해 봐.
 
-커맨드 라인은 개발자들이 마법사가 된 것 같은 느낌을 받는 곳입니다. 몇 가지 마법 같은 단어(사실은 그냥 명령어지만 마법적인!)를 입력하고 엔터를 누르면, 프로젝트 구조를 통째로 만들거나 전 세계의 강력한 도구를 설치하거나 수백만 명이 볼 수 있도록 인터넷에 앱을 배포할 수 있죠. 그 힘을 처음 맛본다면 솔직히 중독될 거예요!
+커맨드 라인은 개발자들이 마법사처럼 느끼는 곳이야. 마법 같은 단어 몇 개를 타이핑하고 (사실 명령어지만, 마치 마법처럼 느껴져!), 엔터를 누르면, BOOM — 전체 프로젝트 구조를 만들고, 전 세계에서 강력한 도구들을 설치하며, 수백만 명에게 앱을 배포할 수도 있어. 그 힘을 한 번 맛보면, 솔직히 중독될 거야!
 
 **커맨드 라인이 당신의 가장 좋아하는 도구가 될 이유:**
 
-그래픽 인터페이스가 많은 작업에 좋지만, 커맨드 라인은 자동화, 정밀함, 속도에서 뛰어납니다. 많은 개발 도구가 주로 커맨드 라인 인터페이스로 작동하며, 이를 효율적으로 사용하는 법을 배우면 생산성이 극적으로 향상됩니다.
+그래픽 인터페이스도 훌륭하지만, 커맨드 라인은 자동화, 정밀함, 그리고 속도에서 뛰어나. 많은 개발 도구가 주로 커맨드 라인 인터페이스를 통해 작동하며, 이를 능숙하게 다루면 생산성이 크게 향상돼.
 
 ```bash
-# 1단계: 프로젝트 디렉토리를 생성하고 이동합니다
+# 1단계: 프로젝트 디렉토리를 생성하고 이동하세요
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-  
-**이 코드는 무엇을 할까요:**  
-- **my-awesome-website**라는 새 디렉토리를 만들어 프로젝트용 공간 마련  
-- 새로 만든 디렉토리로 이동하여 작업 시작
+
+**이 코드는 다음을 수행해:**
+- 프로젝트용으로 "my-awesome-website"라는 새 디렉토리를 생성
+- 새로 생성한 디렉토리로 이동하여 작업 시작
 
 ```bash
 # 2단계: package.json으로 프로젝트 초기화
@@ -614,243 +613,243 @@ npm init -y
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-  
-**단계별 진행 상황:**  
-- 기본 설정으로 새로운 Node.js 프로젝트 초기화 (`npm init -y`)  
-- 빠른 개발 및 프로덕션 빌드를 위한 최신 빌드 도구 Vite 설치  
-- 자동 코드 포맷터 Prettier와 코드 품질 검사 도구 ESLint 추가  
-- 이들을 개발용 의존성으로 표시하기 위해 `--save-dev` 플래그 사용
+
+**순서대로 무슨 일이 일어나는지:**
+- `npm init -y`로 기본 설정으로 새로운 Node.js 프로젝트 초기화
+- 빠른 개발 및 배포 빌드를 위한 최신 빌드 도구 Vite 설치
+- 자동 코드 형식을 위한 Prettier 추가 및 코드 품질 검사를 위한 ESLint 설치
+- `--save-dev` 플래그를 사용하여 개발 전용 의존성으로 표시
 
 ```bash
-# 3단계: 프로젝트 구조 및 파일 생성
+# 3단계: 프로젝트 구조와 파일 생성
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > 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:**  
-- **[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)** 💻 - 전통적인 Windows 커맨드 라인  
+**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/)** - 고급 기능을 갖춘 터미널  
+**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)** - 고급 터미널 에뮬레이터  
+**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시간 대기하는 세계 최고의 인내심 있고 해박한 선생님과 같습니다. 새벽 2시에 문제에 막혔나요? 문서는 따뜻하게 가상의 포옹과 딱 맞는 답변을 준비해줘요. 모두가 이야기하는 멋진 새 기능을 배우고 싶나요? 단계별 예제와 함께 도와줘요. 왜 이렇게 동작하는지 이해하고 싶나요? 문서가 드디어 이해시키는 법을 알려줍니다!
+문서를 세계에서 가장 인내심 많고 지식이 풍부한 선생님에게 24시간 언제든 접근할 수 있다고 생각해 봐. 새벽 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)** (Google 제공)  
-- 최신 웹 개발 모범 사례  
-- 성능 최적화 가이드  
-- 접근성 및 포용적 디자인 원칙  
-- 실제 프로젝트 케이스 스터디  
+**[Web.dev](https://web.dev)** (Google 제공)
+- 현대 웹 개발 모범 사례
+- 성능 최적화 가이드
+- 접근성 및 포괄적 디자인 원칙
+- 실제 프로젝트 사례 연구
 
-**[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)**
+- Edge 브라우저 개발 리소스
+- 프로그레시브 웹 앱 안내서
+- 크로스 플랫폼 개발 인사이트
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
-- 체계적인 학습 과정  
-- 업계 전문가의 비디오 강의  
-- 실습 코딩 연습  
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- 체계적인 학습 커리큘럼
+- 업계 전문가의 영상 강의
+- 실습 코딩 연습
 
-> 📚 **학습 전략**: 문서를 외우려 하지 말고, 효율적으로 탐색하는 법을 배우세요. 자주 참조하는 자료는 북마크하고, 검색 기능을 활용해 필요한 정보를 빠르게 찾는 연습을 하세요.
+> 📚 **학습 전략**: 문서를 외우려 하기보다는 효율적으로 탐색하는 방법을 배우세요. 자주 사용하는 참고 자료는 북마크하고, 검색 기능을 활용해 특정 정보를 빠르게 찾는 연습을 하세요.
 
-### 🔧 **도구 숙련도 점검: 무엇이 와 닿나요?**
+### 🔧 **도구 숙련도 점검: 무엇이 당신과 가장 잘 맞나요?**
 
-**잠시 생각해보세요:**  
-- 가장 먼저 사용해보고 싶은 도구는 무엇인가요? (정답은 없습니다!)  
-- 커맨드 라인은 아직도 부담스럽나요, 아니면 궁금하신가요?  
-- 브라우저 DevTools를 써서 좋아하는 웹사이트의 내부를 들여다볼 수 있을 것 같나요?
+**잠시 생각해 보세요:**
+- 가장 먼저 써보고 싶은 도구는 무엇인가요? (틀린 답은 없어요!)
+- 커맨드 라인이 아직도 어렵게 느껴지나요, 아니면 궁금한가요?
+- 브라우저 DevTools를 활용해 좋아하는 웹사이트 뒤를 들여다볼 수 있다고 상상해보나요?
 
 ```mermaid
-pie title "개발자가 도구에 소비한 시간"
+pie title "개발자가 도구와 함께 보낸 시간"
     "코드 편집기" : 40
     "브라우저 테스트" : 25
     "명령줄" : 15
     "문서 읽기" : 15
     "디버깅" : 5
-```  
-> **재미있는 통찰:** 대부분 개발자는 코드 에디터에서 약 40% 시간을 보내지만, 테스트, 학습, 문제 해결에 쏟는 시간도 엄청납니다. 프로그래밍은 단순히 코드를 쓰는 게 아니라 경험을 만드는 일이에요!
+```
+> **재미있는 통찰**: 대부분 개발자는 코드 편집기에서 약 40%의 시간을 보내지만, 테스트하고 배우고 문제를 해결하는 데 얼마나 많은 시간이 쓰이는지 눈여겨보세요. 프로그래밍은 단순히 코드를 쓰는 게 아니라 경험을 만들어 가는 일이에요!
 
-✅ **생각거리:** 웹사이트를 “개발”하는 도구와 “디자인”하는 도구는 어떻게 다를까요? 아름다운 집을 설계하는 건축가와 실제로 짓는 시공사의 차이와 같아요. 둘 다 중요하지만 도구함은 다르죠! 이런 생각이 웹사이트가 어떻게 생겨나는지 더 크게 이해하는 데 도움이 될 겁니다.
+✅ **생각거리**: 흥미로운 질문입니다 – 웹사이트를 구축하는 도구(개발)와 디자인하는 도구(디자인)는 어떻게 다를까요? 마치 아름다운 집을 설계하는 건축가와 실제 집을 짓는 시공업자의 차이 같아요. 둘 다 중요하지만 도구 상자가 달라야 하죠! 이런 시각은 웹사이트가 어떻게 탄생하는지 더 잘 이해하는 데 큰 도움이 될 거예요.
 
 ## GitHub Copilot 에이전트 챌린지 🚀
 
-에이전트 모드를 사용해 다음 챌린지를 완료하세요:
+Agent 모드를 사용해 다음 챌린지를 완료하세요:
 
-**설명:** 최신 코드 에디터나 IDE의 기능을 탐색하고, 웹 개발자로서 작업 흐름을 어떻게 개선하는지 보여주세요.
+**설명:** 현대 코드 편집기나 IDE의 기능을 탐색하고, 그것이 웹 개발자로서의 작업 흐름을 어떻게 개선하는지 시연하세요.
 
-**프롬프트:** Visual Studio Code, WebStorm, 혹은 클라우드 기반 IDE 중 하나를 선택하세요. 코드를 더 효율적으로 작성, 디버깅, 유지하는 데 도움이 되는 세 가지 기능이나 확장 기능을 나열하고, 각각이 작업 흐름에 어떻게 이득을 주는지 간략히 설명하세요.
+**프롬프트:** Visual Studio Code, WebStorm, 클라우드 기반 IDE 중 하나를 선택하세요. 코드를 더 효율적으로 작성, 디버그 또는 유지할 수 있게 해주는 세 가지 기능 또는 확장 기능을 나열하고, 각 기능이 작업 흐름에 어떤 도움을 주는지 간단히 설명하세요.
 
 ---
 
 ## 🚀 챌린지
 
-**자, 탐정님, 첫 사건 준비되셨나요?**
+**자, 탐정님, 첫 사건 준비 되셨나요?**
 
-멋진 기초를 쌓으셨으니, 프로그래밍 세계가 얼마나 다양하고 매력적인지 보여줄 모험이 기다리고 있어요. 그리고 걱정 마세요—아직 코드를 직접 쓰는 게 아니라 흥미진진한 프로그래밍 언어 탐정 역할을 하는 거예요!
+지금 훌륭한 기초를 갖췄으니, 프로그래밍 세계가 얼마나 다양하고 매력적인지를 보여줄 모험에 나설 거예요. 그리고 들어보세요 – 아직 코드를 쓰는 것이 아니라 프로그래밍 언어 탐정으로서 첫 흥미진진한 사건을 맡는 셈이니 부담 갖지 마세요!
 
-**당신의 임무, 수락한다면:**  
-1. **언어 탐험가 되기**: 완전히 다른 세 세계에서 온 세 가지 프로그래밍 언어를 골라보세요 — 웹사이트를 만드는 언어, 모바일 앱을 만드는 언어, 과학자들의 데이터 처리를 위한 언어 등등. 각 언어로 같은 간단한 작업 예제를 찾아보세요. 똑같은 일을 하는데 얼마나 달라 보이는지 정말 놀라실 거예요!  
+**당신의 임무, 받아들일 준비가 되었다면 :**
+1. **언어 탐험가가 되기**: 완전히 다른 세계에서 온 세 가지 프로그래밍 언어를 선택하세요 — 웹사이트 구축용, 모바일 앱 생성용, 과학 데이터 처리를 위한 언어 등. 각 언어로 같은 간단한 작업 예제를 찾아보세요. 같은 일을 하면서도 얼마나 다르게 생겼는지 정말 놀라울 거예요!
 
-2. **기원 이야기 밝히기**: 각 언어가 특별한 이유가 뭘까요? 모든 언어는 “이 특정 문제를 더 잘 해결할 방법이 있어야 한다”는 생각에서 만들어졌어요. 그 문제들이 무엇인지 찾아보세요. 어떤 이야기들은 정말 매력적입니다!  
+2. **기원 이야기 파헤치기**: 각각의 언어는 무엇이 특별할까요? 재미있는 사실은 모든 프로그래밍 언어는 "음, 이 특정 문제를 해결할 더 나은 방법이 있어야 해"라는 생각에서 만들어졌다는 거예요. 그 문제들이 무엇인지 찾을 수 있을까요? 어떤 이야기는 정말 흥미진진해요!
 
-3. **커뮤니티 만나기**: 각 언어 커뮤니티가 얼마나 환영하는지, 열정적인지도 살펴보세요. 수백만 명의 개발자가 지식과 도움을 나누는 곳도 있고, 작지만 끈끈하고 지원이 강한 곳도 있어요. 각 커뮤니티의 독특한 개성을 발견하는 재미가 쏠쏠할 겁니다!  
+3. **커뮤니티 만나기**: 각 언어 커뮤니티가 얼마나 환영하고 열정적인지 확인해 보세요. 몇몇은 수백만 명의 개발자가 지식을 공유하고 서로 돕지만, 다른 것은 작지만 매우 끈끈하고 지원적이에요. 다양한 커뮤니티 성격을 보는 것도 재미있을 거예요!
 
-4. **직감 따르기**: 지금 당신에게 가장 친근하게 느껴지는 언어는 무엇인가요? “완벽한” 선택을 하려 하지 말고 직감을 믿으세요! 정답도 틀림도 없고, 나중에 다른 언어도 얼마든지 탐구할 수 있답니다.
+4. **직감 따르기**: 지금 가장 친근하게 느껴지는 언어는 무엇인가요? “완벽한” 선택에 대해 스트레스 받지 마세요 — 그냥 당신의 본능을 따라가세요! 여긴 정답이 없고 나중에 언제든 다른 언어를 탐험할 수 있어요.
 
-**보너스 탐정 과제**: 각각의 언어로 만들어진 주요 웹사이트나 앱이 무엇인지 알아보세요. 인스타그램, 넷플릭스, 혹은 계속 손에서 놓을 수 없는 모바일 게임이 어떤 언어로 만들어졌는지 알면 정말 놀랄 거예요!
+**보너스 탐정 작업**: 각 언어로 만들어진 주요 웹사이트나 앱이 무엇인지 발견해 보세요. 인스타그램, 넷플릭스, 또는 당신이 못 끊는 모바일 게임이 무엇으로 만들어졌는지 알게 되면 정말 놀랄 거예요!
 
-> 💡 **기억하세요**: 오늘 당장 이 언어들을 전문가 수준으로 배우려는 게 아닙니다. 어디에 자리를 잡을지 결정하기 전, 동네를 미리 둘러보는 거예요. 천천히, 재미있게, 호기심을 따라가세요!
+> 💡 **기억하세요**: 오늘 당장 어느 언어의 전문가가 되려는 게 아니에요. 그냥 어디에 자리 잡을지 결정하기 전에 그 동네를 둘러보는 거예요. 천천히 즐기고 호기심을 따라가세요!
 
-## 여러분이 발견한 것을 축하합시다!
+## 발견한 것을 축하합시다!
 
-와우, 오늘 엄청난 정보를 흡수하셨네요! 이 놀라운 여정에서 얼마나 많은 내용을 잘 받아들였는지 정말 기대가 돼요. 그리고 기억하세요—이건 완벽해야 하는 시험이 아니에요. 여러분이 탐구하는 이 매혹적인 세계에 대해 배운 모든 멋진 사실을 축하하는 시간입니다!
+와우, 오늘 정말 엄청난 정보를 많이 흡수했네요! 이 놀라운 여정의 많은 부분이 여러분과 함께 했기를 진심으로 기대해요. 그리고 기억하세요 – 이건 완벽하게 해야 하는 시험이 아니에요. 여러분이 이 흥미로운 세계에 뛰어들기 전에 배운 모든 멋진 것을 축하하는 시간입니다!
 
 [수업 후 퀴즈 풀기](https://ff-quizzes.netlify.app/web/)
-## 복습 및 자기 주도 학습
 
-**천천히 탐색하며 재미있게 즐기세요!**
+## 복습 & 자기 학습
 
-오늘 정말 많은 것을 배웠고, 그 점을 자랑스럽게 생각하세요! 이제 재미있는 시간이 시작됩니다 – 여러분의 호기심을 자극한 주제들을 탐험해보세요. 이것은 숙제가 아니라 모험입니다!
+**천천히 탐색하며 즐기세요!**
+오늘 정말 많은 것을 배웠고, 그것만으로도 자랑스러워할 만해요! 이제 재미있는 부분이 시작됩니다 – 여러분의 호기심을 자극한 주제들을 탐험할 시간이에요. 이건 숙제가 아니라 모험이라는 걸 기억하세요!
 
-**흥미로운 주제에 더 깊이 빠져들기:**
+**흥미로운 주제를 더 깊이 탐구해보세요:**
 
-**프로그래밍 언어를 직접 경험해보기:**
-- 관심이 간 2-3개의 공식 언어 사이트를 방문해 보세요. 각 언어마다 고유한 개성과 이야기가 있답니다!
-- [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를 아직 설치하지 않았다면 지금 다운로드하세요 – 무료고 정말 좋아하게 될 거예요!
-- 확장 프로그램 마켓플레이스를 몇 분간 둘러보세요. 코드 편집기를 위한 앱 스토어 같은 곳이에요!
-- 브라우저 개발자 도구를 열고 여기저기 클릭해 보세요. 모든 걸 이해하려고 애쓰지 말고 그냥 어떤 기능들이 있는지 친숙해지세요.
+**새 도구에 익숙해지기:**
+- 아직 다운로드하지 않았다면 Visual Studio Code를 다운받으세요 – 무료고 금방 좋아하게 될 거예요!
+- 익스텐션 마켓플레이스를 몇 분 정도 둘러보세요. 코드 편집기용 앱 스토어 같은 곳이에요!
+- 브라우저의 개발자 도구(Developer Tools)를 열고 이것저것 클릭해보세요. 모두 이해하려고 애쓰지 말고, 일단 한번 익숙해지는 게 중요해요.
 
 **커뮤니티에 참여하기:**
-- [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/) 같은 개발자 커뮤니티를 팔로우하세요. 프로그래밍 커뮤니티는 새내기를 정말 환영해줘요!
+- 유튜브에서 초보자 친화적인 코딩 영상을 시청하세요. 시작할 때의 마음을 이해하는 훌륭한 크리에이터가 정말 많답니다.
+- 지역 모임이나 온라인 커뮤니티에도 참여해보세요. 개발자들은 새내기를 돕는 일을 정말 좋아해요!
 
-> 🎯 **기억하세요, 제가 드리고 싶은 말은 이겁니다**: 하루아침에 코딩 천재가 될 필요는 없어요! 지금은 이 멋진 새 세계를 알아가는 중이에요. 천천히 하면서 여정을 즐기고, 여러분이 존경하는 모든 개발자들도 처음에는 바로 여러분 자리에서 설레고 약간 부담스러웠다는 걸 기억하세요. 그건 완전히 정상이고, 여러분이 제대로 하고 있다는 의미랍니다!
+> 🎯 **중요한 점은 이겁니다**: 단번에 코딩 마법사가 될 필요는 없어요! 지금은 그저 여러분이 곧 속하게 될 멋진 새로운 세상을 천천히 알아가는 중일 뿐이에요. 시간을 갖고, 이 여정을 즐기세요. 그리고 기억하세요 – 여러분이 존경하는 모든 개발자는 한때 바로 여러분과 똑같은 자리에서 신나면서도 약간 벅찬 기분을 느꼈다는 점을요. 그건 아주 정상이고, 여러분이 제대로 하고 있다는 의미입니다!
 
 
 
-## 과제
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **과제 수행에 드리는 작은 팁**: 지금까지 다루지 않은 도구를 탐색해 보세요! 이미 알던 편집기, 브라우저, 명령줄 도구는 건너뛰고, 활발하게 유지∙관리되고 활기찬 커뮤니티가 있는 놀라운 개발 도구 세상을 탐험해 보세요(멈출 때 친절하게 도움을 받을 수 있는 좋은 튜토리얼과 사람들이 있는 곳이죠).
+> 💡 **과제에 대한 작은 격려**: 아직 다뤄보지 않은 도구를 탐험하는 걸 정말 보고 싶어요! 지금까지 얘기했던 에디터, 브라우저, 커맨드라인 도구는 건너뛰고 – 그 밖에 멋진 개발 도구들이 세상에는 엄청나게 많답니다. 꾸준히 관리되고 활발한 커뮤니티가 있는 도구를 찾아보세요(이런 곳이 가장 좋은 튜토리얼이 많고, 막힐 때 친절하게 도움을 받을 수 있어요).
 
 ---
 
-## 🚀 여러분의 프로그래밍 여정 타임라인
-
-### ⚡ **다음 5분 안에 할 수 있는 것**
-- [ ] 관심이 간 2-3개 프로그래밍 언어 사이트를 북마크하기
-- [ ] Visual Studio Code를 아직 다운로드하지 않았다면 설치하기
-- [ ] 브라우저 개발자 도구(F12)를 열고 아무 웹사이트에서 여기저기 클릭해보기
-- [ ] 프로그래밍 커뮤니티 하나 가입하기(Dev.to, Reddit r/webdev, 또는 Stack Overflow)
-
-### ⏰ **이번 시간 내에 달성할 수 있는 것**
-- [ ] 수업 후 퀴즈 완료하고 답변 깊이 생각해보기
-- [ ] GitHub Copilot 확장 프로그램으로 VS Code 설정하기
-- [ ] 온라인에서 두 가지 다른 프로그래밍 언어로 “Hello World” 예제 해보기
-- [ ] 유튜브에서 “개발자의 하루” 영상 시청하기
-- [ ] 탐험 도전 과제에서 프로그래밍 언어 탐정 활동 시작하기
-
-### 📅 **일주일간의 모험**
-- [ ] 과제를 완료하고 3가지 새로운 개발 도구 탐색하기
-- [ ] 5명의 개발자 또는 프로그래밍 관련 소셜 미디어 계정 팔로우하기
-- [ ] CodePen이나 Replit에서 작은 무언가 만들어보기(“Hello, [당신의 이름]!”라도 좋아요!)
-- [ ] 개발자의 코딩 여정에 대한 블로그 포스트 한 개 읽기
-- [ ] 가상 모임 참여하거나 프로그래밍 강연 보기
-- [ ] 온라인 튜토리얼로 선택한 언어 공부 시작하기
-
-### 🗓️ **한 달간의 변화**
-- [ ] 첫 번째 작은 프로젝트 만들기(간단한 웹페이지도 포함!)
-- [ ] 오픈소스 프로젝트에 기여하기(문서 수정부터 시작)
-- [ ] 프로그래밍을 막 시작한 누군가를 멘토링하기
+## 🚀 당신의 프로그래밍 여정 타임라인
+
+### ⚡ **다음 5분 안에 할 수 있는 일**
+- [ ] 관심이 간 프로그래밍 언어 웹사이트 2~3개 즐겨찾기 하기
+- [ ] 아직 설치하지 않았다면 Visual Studio Code 다운로드하기
+- [ ] 브라우저 개발자 도구(F12) 열고 아무 웹사이트 클릭해보기
+- [ ] 프로그래밍 커뮤니티 하나 가입하기 (Dev.to, Reddit r/webdev, Stack Overflow 중 택 1)
+
+### ⏰ **이번 한 시간 동안 해낼 수 있는 일**
+- [ ] 수업 후 퀴즈 풀고 답변에 대해 생각해보기
+- [ ] VS Code에 GitHub Copilot 익스텐션 설치하기
+- [ ] 온라인에서 서로 다른 프로그래밍 언어 2개로 "Hello World" 예제 해보기
+- [ ] 유튜브에서 "개발자의 하루" 영상 보기
+- [ ] 언어 탐정 작업 시작하기 (챌린지 참고)
+
+### 📅 **한 주 동안의 모험**
+- [ ] 과제 완성하고 새로운 개발 도구 3개 탐험하기
+- [ ] 소셜 미디어에서 개발자 또는 프로그래밍 계정 5개 팔로우하기
+- [ ] CodePen 또는 Replit에서 작은 프로젝트 만들어 보기 ("Hello, [Your Name]!"도 좋아요!)
+- [ ] 개발자 블로그 하나 읽기 (누군가의 코딩 여정 이야기)
+- [ ] 온라인 모임 참여하거나 프로그래밍 강연 시청하기
+- [ ] 선택한 언어로 온라인 튜토리얼 시작하기
+
+### 🗓️ **한 달 동안의 변화**
+- [ ] 첫 작은 프로젝트 만들기 (간단한 웹페이지도 충분해요!)
+- [ ] 오픈소스 프로젝트에 기여하기 (문서 수정부터 시작해도 좋아요)
+- [ ] 프로그래밍을 이제 막 시작하는 사람 멘토링하기
 - [ ] 개발자 포트폴리오 웹사이트 만들기
-- [ ] 지역 개발자 커뮤니티나 스터디 그룹과 연결되기
+- [ ] 지역 개발자 커뮤니티 또는 스터디 그룹과 연결하기
 - [ ] 다음 학습 목표 계획하기
 
-### 🎯 **최종 반성 및 점검**
+### 🎯 **마지막 자기 성찰 점검하기**
 
-**다음 단계로 넘어가기 전에, 잠시 스스로 축하해보세요:**
-- 오늘 프로그래밍에서 가장 설레었던 점은 무엇인가요?
-- 가장 먼저 탐색하고 싶은 도구나 개념은 무엇인가요?
-- 이 프로그래밍 여정을 시작하는 기분은 어때요?
-- 지금 당장 개발자에게 묻고 싶은 질문은 무엇인가요?
+**다음 단계로 가기 전에 잠시 축하할 시간이에요:**
+- 오늘 프로그래밍에서 가장 설레었던 한 가지는 무엇인가요?
+- 가장 먼저 탐험하고 싶은 도구나 개념은 무엇인가요?
+- 이 프로그래밍 여정을 시작하는 기분은 어떤가요?
+- 지금 당장 개발자에게 묻고 싶은 질문 하나는 무엇인가요?
 
 ```mermaid
 journey
     title 당신의 자신감 구축 여정
     section 오늘
-      호기심: 3: You
-      압도됨: 4: You
-      흥분됨: 5: You
+      궁금한: 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
 ```
-> 🌟 **기억하세요**: 모든 전문가도 처음에는 초보자였습니다. 모든 시니어 개발자도 지금 여러분과 똑같이 설레고 약간은 벅차고, 분명 가능한 일들에 대해 궁금해했었죠. 여러분은 멋진 동료들과 함께 있고, 이 여정은 놀라울 것입니다. 프로그래밍의 멋진 세계에 오신 것을 환영합니다! 🎉
+> 🌟 **기억하세요**: 모든 전문가도 한때는 초보자였어요. 모든 시니어 개발자도 지금 여러분처럼 설레었고, 조금 벅차면서도 가능성을 궁금해하는 마음이 있었답니다. 여러분은 놀라운 사람들과 함께하고 있고, 이 여정은 분명 멋진 경험이 될 거예요. 프로그래밍의 멋진 세계에 오신 걸 환영합니다! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **면책 조항**:  
-이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역에는 오류나 부정확성이 포함될 수 있음을 양해해 주시기 바랍니다. 원문 문서가 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우 전문적인 인간 번역을 권장합니다. 본 번역의 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다.
+이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역에는 오류나 부정확한 내용이 포함될 수 있음을 유의해 주십시오. 원문은 해당 언어로 작성된 원본 문서를 권위 있는 자료로 간주해야 합니다. 중요한 정보의 경우 전문적인 인적 번역을 권장합니다. 본 번역 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ko/AGENTS.md b/translations/ko/AGENTS.md
index 843912762..cf5f3b6a6 100644
--- a/translations/ko/AGENTS.md
+++ b/translations/ko/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## 프로젝트 개요
 
-이 저장소는 초보자를 위한 웹 개발 기초 교육을 위한 교육 커리큘럼 저장소입니다. 커리큘럼은 Microsoft Cloud Advocates가 개발한 종합 12주 과정으로, JavaScript, CSS, HTML을 다루는 24개의 실습 수업으로 구성되어 있습니다.
+이 저장소는 초보자에게 웹 개발 기본을 가르치기 위한 교육 커리큘럼 저장소입니다. 커리큘럼은 Microsoft Cloud Advocates가 개발한 12주 과정으로, JavaScript, CSS, HTML을 다루는 24개의 실습 중심 수업으로 구성되어 있습니다.
 
 ### 주요 구성 요소
 
-- **교육 콘텐츠**: 프로젝트 기반 모듈로 구성된 24개의 체계적인 수업
-- **실습 프로젝트**: 테라리움, 타이핑 게임, 브라우저 확장, 우주 게임, 뱅킹 앱, 코드 에디터, AI 채팅 도우미
-- **인터랙티브 퀴즈**: 각 3문항씩 48개의 퀴즈 (수업 전/후 평가)
-- **다국어 지원**: GitHub Actions를 통한 50개 이상의 언어 자동 번역
+- **교육 콘텐츠**: 프로젝트 기반 모듈로 조직된 24개의 체계적인 수업
+- **실습 프로젝트**: 테라리움, 타자 게임, 브라우저 확장, 우주 게임, 뱅킹 앱, 코드 편집기, AI 채팅 어시스턴트
+- **대화형 퀴즈**: 각 3문항씩 48개의 퀴즈 (수업 전/후 평가)
+- **다국어 지원**: GitHub Actions를 통한 50개 이상 언어 자동 번역
 - **기술 스택**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI 프로젝트용)
 
 ### 아키텍처
 
 - 수업 기반 구조의 교육 저장소
-- 각 수업 폴더에는 README, 코드 예제, 솔루션 포함
-- 별도 디렉터리에 독립 프로젝트 존재 (quiz-app, 다양한 수업 프로젝트)
-- GitHub Actions(co-op-translator) 기반 번역 시스템
-- Docsify를 통한 문서 제공 및 PDF 형식도 제공
+- 각 수업 폴더는 README, 코드 예제 및 솔루션 포함
+- 별도의 디렉터리에 독립 프로젝트 존재 (quiz-app, 다양한 수업 프로젝트)
+- GitHub Actions(co-op-translator)를 이용한 번역 시스템
+- Docsify를 통한 문서 제공 및 PDF로도 이용 가능
 
 ## 설치 명령어
 
-이 저장소는 주로 교육 콘텐츠 소비용입니다. 특정 프로젝트 작업을 위해:
+이 저장소는 주로 교육 콘텐츠 소비를 위한 것입니다. 특정 프로젝트 작업을 원할 경우:
 
-### 메인 저장소 설치
+### 메인 저장소 설정
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### 퀴즈 앱 설치 (Vue 3 + Vite)
+### 퀴즈 앱 설정 (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -56,7 +56,7 @@ npm run format     # Prettier로 포맷팅
 ```bash
 cd 5-browser-extension/solution
 npm install
-# 브라우저별 확장 프로그램 로딩 지침을 따르십시오
+# 브라우저별 확장 프로그램 로딩 지침을 따르세요
 ```
 
 ### 우주 게임 프로젝트
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# index.html을 브라우저에서 열거나 라이브 서버를 사용하세요
+# 브라우저에서 index.html을 열거나 Live Server를 사용하세요
 ```
 
 ### 채팅 프로젝트 (Python 백엔드)
@@ -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
 
 ### 콘텐츠 기여자용
 
-1. 저장소를 GitHub 계정에 **포크**합니다.
-2. 포크한 저장소를 **로컬에 클론**합니다.
-3. 변경사항을 위한 **새 브랜치 생성**합니다.
-4. 수업 콘텐츠 또는 코드 예제를 수정합니다.
-5. 관련 프로젝트 폴더 내 코드 변경 사항을 테스트합니다.
-6. 기여 가이드라인에 따라 풀 리퀘스트를 제출합니다.
+1. **저장소를 포크**하여 자신의 GitHub 계정으로 복사
+2. **포크한 저장소를 로컬에 클론**
+3. **변경 사항 작업용 브랜치 생성**
+4. 수업 콘텐츠 또는 코드 예제 변경
+5. 관련 프로젝트 디렉터리에서 코드 변경 사항 테스트
+6. 기여 지침에 따라 풀 리퀘스트 제출
 
 ### 학습자용
 
-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. 수업 후 퀴즈 응시
 
 ### 실시간 개발
 
 - **문서**: 루트에서 `docsify serve` 실행 (포트 3000)
 - **퀴즈 앱**: quiz-app 디렉터리에서 `npm run dev` 실행
 - **프로젝트**: HTML 프로젝트는 VS Code Live Server 확장 사용
-- **API 프로젝트**: 각 API 디렉터리에서 `npm start` 실행
+- **API 프로젝트**: 해당 API 디렉터리에서 `npm start` 실행
 
 ## 테스트 지침
 
@@ -110,82 +110,82 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # 코드 스타일 문제 확인
-npm run build      # 빌드 성공 여부 확인
+npm run lint       # 코드 스타일 문제를 확인하세요
+npm run build      # 빌드 성공 여부를 검증하세요
 ```
 
 ### 뱅크 API 테스트
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # 코드 스타일 문제를 확인하세요
-node server.js     # 서버가 오류 없이 시작되는지 확인하세요
+npm run lint       # 코드 스타일 문제 확인
+node server.js     # 오류 없이 서버가 시작되는지 확인
 ```
 
-### 일반 테스트 접근법
+### 일반 테스트 방식
 
-- 이 저장소는 포괄적인 자동 테스트가 없는 교육용 저장소입니다.
-- 수동 테스트는 다음에 집중합니다:
-  - 코드 예제가 오류 없이 실행되는지
-  - 문서 내 링크가 정상 작동하는지
-  - 프로젝트 빌드가 성공적으로 완료되는지
-  - 예제가 모범 사례를 따르는지
+- 이 저장소는 포괄적인 자동화 테스트가 없는 교육 저장소입니다
+- 수동 테스트는 다음에 중점:
+  - 코드 예제 오류 없이 실행
+  - 문서 내 링크 정상 작동
+  - 프로젝트 빌드 성공 완료
+  - 예제는 베스트 프랙티스 준수
 
-### 제출 전 점검 사항
+### 사전 제출 점검
 
 - package.json 있는 디렉터리에서 `npm run lint` 실행
-- 마크다운 링크가 유효한지 확인
-- 브라우저 또는 Node.js에서 코드 예제 테스트
-- 번역본이 구조를 유지하는지 확인
+- 마크다운 링크 유효성 확인
+- 브라우저나 Node.js에서 코드 예제 테스트
+- 번역 내용이 올바른 구조 유지하는지 점검
 
-## 코드 스타일 가이드
+## 코드 스타일 지침
 
-### 자바스크립트
+### JavaScript
 
 - 최신 ES6+ 문법 사용
-- 프로젝트에 제공된 표준 ESLint 설정 따름
-- 교육용 명확성을 위한 의미 있는 변수 및 함수명 사용
-- 개념 설명을 위한 주석 추가
-- 설정된 경우 Prettier로 포맷팅
+- 프로젝트에 제공된 표준 ESLint 설정 준수
+- 교육적 명확성을 위한 의미 있는 변수 및 함수명 사용
+- 학습자를 위한 개념 설명 주석 추가
+- 구성된 경우 Prettier로 포맷팅
 
 ### HTML/CSS
 
-- 의미 있는 HTML5 요소 사용
+- 시맨틱 HTML5 요소 사용
 - 반응형 디자인 원칙 적용
 - 명확한 클래스 명명 규칙
-- CSS 기술 설명 주석
+- 학습자용 CSS 기술 설명 주석
 
-### 파이썬
+### Python
 
 - PEP 8 스타일 가이드 준수
 - 명확하고 교육적인 코드 예제
-- 학습에 도움이 되는 경우 타입 힌트 사용
+- 학습에 도움이 되는 타입 힌트 추가
 
-### 마크다운 문서
+### 마크다운 문서화
 
 - 명확한 제목 계층 구조
 - 언어 지정 코드 블록
-- 추가 자료로의 링크 포함
+- 추가 자료 링크 제공
 - `images/` 디렉터리 내 스크린샷 및 이미지
-- 접근성을 위한 이미지 대체 텍스트
+- 접근성 위한 이미지 대체 텍스트 포함
 
 ### 파일 구성
 
-- 수업은 순차적으로 번호 매김 (1-getting-started-lessons, 2-js-basics 등)
+- 수업은 순차 번호 매김 (1-getting-started-lessons, 2-js-basics 등)
 - 각 프로젝트는 `solution/`과 종종 `start/` 또는 `your-work/` 디렉터리 포함
-- 이미지는 수업별 `images/` 폴더에 저장
-- 번역은 `translations/{language-code}/` 구조
+- 수업별 `images/` 폴더에 이미지 저장
+- `translations/{language-code}/` 구조의 번역 파일
 
 ## 빌드 및 배포
 
 ### 퀴즈 앱 배포 (Azure Static Web Apps)
 
-quiz-app은 Azure Static Web Apps 배포에 맞게 구성됨:
+퀴즈 앱은 Azure Static Web Apps 배포용으로 설정됨:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ 폴더를 생성합니다
-# main 브랜치에 푸시할 때 GitHub Actions 워크플로우를 통해 배포합니다
+# main 브랜치에 푸시할 때 GitHub Actions 워크플로를 통해 배포합니다
 ```
 
 Azure Static Web Apps 구성:
@@ -203,37 +203,37 @@ npm run convert               # docs에서 PDF 생성
 ### Docsify 문서
 
 ```bash
-npm install -g docsify-cli    # Docsify를 전역으로 설치
-docsify serve                 # localhost:3000에서 서비스
+npm install -g docsify-cli    # Docsify를 전역으로 설치합니다
+docsify serve                 # localhost:3000에서 서비스합니다
 ```
 
 ### 프로젝트별 빌드
 
-각 프로젝트 디렉터리에는 별도의 빌드 프로세스가 있을 수 있음:
+각 프로젝트 디렉터리는 자체 빌드 프로세스 가질 수 있음:
 - Vue 프로젝트: `npm run build`로 프로덕션 번들 생성
-- 정적 프로젝트: 빌드 단계 없이 직접 파일 제공
+- 정적 프로젝트: 빌드 단계 없이 파일 직접 서빙
 
-## 풀 리퀘스트 가이드라인
+## 풀 리퀘스트 지침
 
 ### 제목 형식
 
-변경 영역을 명확하고 서술적으로 표시:
-- `[Quiz-app] 새로운 퀴즈 추가 - 수업 X`
+변경 영역을 명확히 나타내는 제목 사용:
+- `[Quiz-app] 레슨 X용 새 퀴즈 추가`
 - `[Lesson-3] 테라리움 프로젝트 오타 수정`
-- `[Translation] 수업 5 스페인어 번역 추가`
+- `[Translation] 레슨 5 스페인어 번역 추가`
 - `[Docs] 설치 지침 업데이트`
 
-### 필요한 점검 사항
+### 필수 점검 사항
 
 PR 제출 전:
 
 1. **코드 품질**:
    - 관련 프로젝트 디렉터리에서 `npm run lint` 실행
-   - 모든 린트 오류 및 경고 수정
+   - 모든 린트 오류와 경고 수정
 
-2. **빌드 검증**:
-   - 적용 가능한 경우 `npm run build` 실행
-   - 빌드 오류 없는지 확인
+2. **빌드 확인**:
+   - 해당 시 `npm run build` 실행
+   - 빌드 오류 없음 확인
 
 3. **링크 검증**:
    - 마크다운 내 모든 링크 테스트
@@ -241,22 +241,22 @@ PR 제출 전:
 
 4. **콘텐츠 검토**:
    - 맞춤법 및 문법 교정
-   - 코드 예제가 정확하고 교육적임 확인
-   - 번역이 원문 의미 유지하는지 검증
+   - 코드 예제 정확하고 교육적임 확인
+   - 번역이 원문의 의미 유지하는지 검증
 
-### 기여 조건
+### 기여 요건
 
-- Microsoft CLA 동의 (첫 PR 시 자동 검사)
+- Microsoft CLA 동의(첫 PR 자동 검사)
 - [Microsoft 오픈 소스 행동 강령](https://opensource.microsoft.com/codeofconduct/) 준수
-- 자세한 가이드는 [CONTRIBUTING.md](./CONTRIBUTING.md) 참조
-- PR 설명에 이슈 번호 포함 시 명기
+- 상세 지침은 [CONTRIBUTING.md](./CONTRIBUTING.md) 참고
+- 가능 시 PR 설명에 이슈 번호 참조
 
-### 검토 프로세스
+### 리뷰 프로세스
 
 - PR은 유지 관리자 및 커뮤니티가 검토
 - 교육적 명확성 우선시
-- 코드 예제는 최신 모범 사례 따라야 함
-- 번역은 정확성 및 문화 적합성 검토
+- 코드 예제는 최신 베스트 프랙티스 준수 필요
+- 번역은 정확성과 문화적 적합성 검토
 
 ## 번역 시스템
 
@@ -264,19 +264,19 @@ PR 제출 전:
 
 - co-op-translator 워크플로우가 포함된 GitHub Actions 사용
 - 50개 이상의 언어로 자동 번역
-- 소스 파일은 메인 디렉터리 내
-- 번역 파일은 `translations/{language-code}/` 위치
+- 원본 파일은 메인 디렉터리에 위치
+- 번역 파일은 `translations/{language-code}/`에 위치
 
-### 수동 번역 개선 추가 방법
+### 수동 번역 개선 추가
 
-1. `translations/{language-code}/`에서 파일 위치 확인
-2. 구조를 유지하며 개선 작업 수행
-3. 코드 예제 기능 유지 확인
-4. 현지화된 퀴즈 콘텐츠 테스트
+1. `translations/{language-code}/`에서 파일 찾기
+2. 구조를 유지하며 개선 작업
+3. 코드 예제가 정상 작동 유지 확인
+4. 지역화된 퀴즈 내용 테스트
 
 ### 번역 메타데이터
 
-번역 파일은 다음과 같은 메타데이터 헤더 포함:
+번역 파일에는 메타데이터 헤더 포함:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
 
 ## 디버깅 및 문제 해결
 
-### 일반 문제
+### 흔한 문제
 
 **퀴즈 앱 실행 실패**:
-- Node.js 버전 확인 (v14+ 권장)
+- Node.js 버전 확인 (v14 이상 권장)
 - `node_modules`와 `package-lock.json` 삭제 후 `npm install` 재실행
-- 포트 충돌 확인 (기본: Vite는 5173 포트 사용)
+- 포트 충돌 확인 (기본: Vite 5173 포트 사용)
 
-**API 서버 시작 안 됨**:
-- Node.js 버전(≥10) 확인
-- 포트 사용 중인지 확인
+**API 서버 실행 안 됨**:
+- Node.js 버전 최소 요구사항 충족(node >=10) 확인
+- 포트 사용 중인지 점검
 - `npm install`로 모든 의존성 설치 여부 확인
 
-**브라우저 확장 로드 실패**:
-- manifest.json 형식 점검
-- 브라우저 콘솔 오류 확인
+**브라우저 확장 불러오기 실패**:
+- manifest.json 형식 올바른지 확인
+- 브라우저 콘솔에서 오류 점검
 - 브라우저별 확장 설치 지침 준수
 
-**파이썬 채팅 프로젝트 문제**:
+**Python 채팅 프로젝트 문제**:
 - OpenAI 패키지 설치 확인: `pip install openai`
 - GITHUB_TOKEN 환경 변수 설정 확인
 - GitHub Models 접근 권한 점검
 
-**Docsify 문서 미서빙**:
-- docsify-cli 전역 설치: `npm install -g docsify-cli`
-- 저장소 루트 디렉터리에서 실행
+**Docsify 문서 미제공**:
+- 전역 docsify-cli 설치: `npm install -g docsify-cli`
+- 저장소 루트에서 실행
 - `docs/_sidebar.md` 파일 존재 확인
 
 ### 개발 환경 팁
 
-- HTML 프로젝트에 VS Code Live Server 확장 사용
-- 일관된 포맷팅을 위해 ESLint 및 Prettier 확장 설치
-- JavaScript 디버깅에 브라우저 개발자 도구 활용
+- HTML 프로젝트는 VS Code Live Server 확장 활용
+- 일관된 포맷을 위한 ESLint 및 Prettier 확장 설치
+- JavaScript 디버깅에 브라우저 개발자 도구 사용
 - Vue 프로젝트는 Vue DevTools 브라우저 확장 설치
 
-### 성능 고려사항
+### 성능 고려 사항
 
-- 번역 파일이 50여 개 이상이라 전체 클론 시 용량 큼
-- 콘텐츠 작업만 할 경우 `git clone --depth 1` 등 얕은 클론 사용 권장
-- 영어 콘텐츠 작업 시 번역 파일 검색 제외
-- 초기 실행 시 빌드 및 설치 속도 느릴 수 있음
+- 50개 이상 언어 번역 파일 다수로 전체 클론 시 용량 큼
+- 콘텐츠 작업 시는 얕은 복제 사용 권장: `git clone --depth 1`
+- 영어 콘텐츠 작업 시 번역 파일 검색 제외 권장
+- 첫 빌드 시 (npm install, Vite 빌드) 속도 느릴 수 있음
 
 ## 보안 고려사항
 
 ### 환경 변수
 
-- API 키는 절대 저장소에 커밋하지 말 것
-- `.env` 파일 사용 (이미 `.gitignore`에 포함됨)
+- API 키는 절대 저장소에 커밋 금지
+- `.env` 파일 사용(이미 `.gitignore`에 포함)
 - 프로젝트 README에 필요한 환경 변수 문서화
 
-### 파이썬 프로젝트
+### Python 프로젝트
 
 - 가상 환경 사용: `python -m venv venv`
 - 의존성 최신 상태 유지
-- GitHub 토큰은 최소 권한 설정
+- GitHub 토큰은 최소 권한 부여
 
 ### GitHub Models 접근
 
 - 개인 액세스 토큰(PAT) 필요
 - 토큰은 환경 변수로 저장
-- 토큰이나 인증 정보를 절대 커밋하지 말 것
+- 절대 토큰이나 자격 증명 저장소 커밋 금지
 
 ## 추가 참고 사항
 
 ### 대상 사용자
 
 - 웹 개발 완전 초보자
-- 학생과 독학자
-- 교실 수업에 커리큘럼 활용하는 교사
-- 접근성 및 점진적 기술 향상을 위한 콘텐츠 설계
+- 학생 및 독학자
+- 교실에서 커리큘럼 이용하는 교사
+- 접근성과 점진적 기술 향상에 중점 둔 콘텐츠
 
 ### 교육 철학
 
-- 프로젝트 기반 학습 방식
-- 빈번한 지식 점검 (퀴즈)
+- 프로젝트 기반 학습 방법론
+- 빈번한 지식 점검(퀴즈)
 - 실습 코딩 연습
-- 실세계 적용 예제
-- 프레임워크보다 기본기 집중
+- 실제 적용 사례 예시
+- 프레임워크보다 기본기에 집중
 
 ### 저장소 유지 관리
 
 - 활발한 학습자 및 기여자 커뮤니티
-- 의존성과 콘텐츠 정기 업데이트
-- 이슈 및 토론 지속 모니터링
-- 번역 업데이트 자동화(GitHub Actions)
+- 의존성 및 콘텐츠 정기 업데이트
+- 유지관리자가 이슈 및 토론 모니터링
+- 번역 업데이트는 GitHub Actions로 자동화
 
 ### 관련 리소스
 
 - [Microsoft Learn 모듈](https://docs.microsoft.com/learn/)
-- [Student Hub 리소스](https://docs.microsoft.com/learn/student-hub/)
-- 학습자를 위한 [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) 권장
-- 추가 코스: 생성형 AI, 데이터 과학, 머신러닝, IoT 커리큘럼 제공
+- [Student Hub 자료](https://docs.microsoft.com/learn/student-hub/)
+- 학습자 추천: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- 추가 강좌: 생성 AI, 데이터 과학, ML, IoT 커리큘럼 제공
 
-### 개별 프로젝트 작업 방법
+### 개별 프로젝트 작업
 
-개별 프로젝트에 대한 자세한 지침은 다음 README 참조:
+개별 프로젝트 관련 자세한 지침은 다음 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 채팅 도우미 프로젝트
+- `9-chat-project/README.md` - AI 채팅 어시스턴트 프로젝트
 
 ### 모노레포 구조
 
-전통적인 모노레포는 아니지만, 이 저장소는 다수 독립 프로젝트 포함:
-- 각 수업은 독립적으로 구성됨
+전통적 모노레포는 아니지만, 이 저장소에는 여러 독립 프로젝트가 포함됨:
+- 각 수업은 독립적
 - 프로젝트 간 의존성 공유 없음
 - 개별 프로젝트 작업 시 다른 프로젝트에 영향 없음
-- 전체 커리큘럼 경험을 위해 저장소 전체 클론 권장
+- 전체 커리큘럼 체험을 위해 전체 저장소 클론 가능
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **면책 조항**:  
-이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역은 오류나 부정확성이 포함될 수 있음을 양지하시기 바랍니다. 원본 문서는 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우 전문적인 인간 번역을 권장합니다. 본 번역의 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다.
+이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역은 오류나 부정확성이 포함될 수 있음을 유의해 주시기 바랍니다. 원문은 해당 언어의 원본 문서가 권위 있는 자료로 간주되어야 합니다. 중요한 정보의 경우, 전문 인간 번역가의 번역을 권장합니다. 본 번역의 사용으로 인해 발생하는 오해나 잘못된 해석에 대해 당사는 책임지지 않습니다.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ko/README.md b/translations/ko/README.md
index d636e3b7d..d2a1ea620 100644
--- a/translations/ko/README.md
+++ b/translations/ko/README.md
@@ -10,70 +10,79 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# 웹 개발 초보자를 위한 커리큘럼
+# 초보자를 위한 웹 개발 - 교육과정
 
-Microsoft Cloud Advocates가 제공하는 12주간의 종합 과정을 통해 웹 개발의 기본을 배워보세요. 24개의 각 레슨은 테라리움, 브라우저 확장 기능, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, CSS, HTML을 심도 있게 다룹니다. 퀴즈, 토론, 실습 과제에 참여하세요. 효과적인 프로젝트 기반 교수법으로 실력을 향상시키고 지식 습득을 최적화할 수 있습니다. 지금 바로 코딩 여정을 시작하세요!
+Microsoft Cloud Advocates가 제공하는 12주간의 종합 과정으로 웹 개발의 기본을 배우세요. 총 24개의 수업에서 테라리움, 브라우저 확장 프로그램, 우주 게임과 같은 실습 프로젝트를 통해 JavaScript, 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 Action을 통한 지원 (자동화 및 항상 최신 상태 유지)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](./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)
+[아랍어](../ar/README.md) | [벵골어](../bn/README.md) | [불가리아어](../bg/README.md) | [버마어 (미얀마)](../my/README.md) | [중국어 (간체)](../zh-CN/README.md) | [중국어 (번체, 홍콩)](../zh-HK/README.md) | [중국어 (번체, 마카오)](../zh-MO/README.md) | [중국어 (번체, 대만)](../zh-TW/README.md) | [크로아티아어](../hr/README.md) | [체코어](../cs/README.md) | [덴마크어](../da/README.md) | [네덜란드어](../nl/README.md) | [에스토니아어](../et/README.md) | [핀란드어](../fi/README.md) | [프랑스어](../fr/README.md) | [독일어](../de/README.md) | [그리스어](../el/README.md) | [히브리어](../he/README.md) | [힌디어](../hi/README.md) | [헝가리어](../hu/README.md) | [인도네시아어](../id/README.md) | [이탈리아어](../it/README.md) | [일본어](../ja/README.md) | [칸나다어](../kn/README.md) | [한국어](./README.md) | [리투아니아어](../lt/README.md) | [말레이어](../ms/README.md) | [말라얄람어](../ml/README.md) | [마라티어](../mr/README.md) | [네팔어](../ne/README.md) | [나이지리아 피진어](../pcm/README.md) | [노르웨이어](../no/README.md) | [페르시아어 (파르시)](../fa/README.md) | [폴란드어](../pl/README.md) | [포르투갈어 (브라질)](../pt-BR/README.md) | [포르투갈어 (포르투갈)](../pt-PT/README.md) | [펀자브어 (구르무키)](../pa/README.md) | [루마니아어](../ro/README.md) | [러시아어](../ru/README.md) | [세르비아어 (키릴 문자)](../sr/README.md) | [슬로바키아어](../sk/README.md) | [슬로베니아어](../sl/README.md) | [스페인어](../es/README.md) | [스와힐리어](../sw/README.md) | [스웨덴어](../sv/README.md) | [타갈로그어 (필리피노)](../tl/README.md) | [타밀어](../ta/README.md) | [텔루구어](../te/README.md) | [태국어](../th/README.md) | [터키어](../tr/README.md) | [우크라이나어](../uk/README.md) | [우르두어](../ur/README.md) | [베트남어](../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"
+> ```
+>
+> 이 방법으로 코스를 완료하는 데 필요한 모든 것을 훨씬 빠르게 다운로드할 수 있습니다.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**추가 지원 언어를 원하시면 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)에서 확인하세요**
+**추가 번역 언어 지원을 원하시면 [여기](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)를 참조하세요**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![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)를 방문하세요. 이 페이지는 매달 콘텐츠가 교체되므로 즐겨찾기에 추가하고 가끔 방문하는 것이 좋습니다.
+[**학생 허브 페이지**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)를 방문하세요. 여기에서 초보자용 리소스, 학생용 팩, 그리고 무료 자격증 바우처를 얻는 방법 등을 찾을 수 있습니다. 월별로 콘텐츠가 교체되므로 이 페이지를 즐겨찾기에 추가해 주기적으로 확인하세요.
 
-### 📣 안내 - 완료해야 할 새로운 GitHub Copilot 에이전트 모드 챌린지!
+### 📣 공지 - 완료할 수 있는 새로운 GitHub Copilot Agent 모드 챌린지!
 
-새로운 챌린지가 업데이트 되어 대부분의 챕터에서 "GitHub Copilot Agent Challenge 🚀"를 확인하세요. 이 챌린지는 GitHub Copilot과 에이전트 모드를 사용해 완료할 수 있습니다. 에이전트 모드를 처음 사용하신다면, 텍스트 생성뿐 아니라 파일 생성, 편집, 명령 실행 등도 할 수 있습니다.
+새로운 챌린지가 추가되었습니다. 대부분의 장에서 "GitHub Copilot Agent Challenge 🚀"를 찾아보세요. 이는 GitHub Copilot과 Agent 모드를 사용하여 완료하는 새로운 도전입니다. Agent 모드를 처음 사용한다면, 텍스트 생성뿐 아니라 파일 생성 및 편집, 명령 실행 등도 할 수 있습니다.
 
-### 📣 안내 - _생성 AI를 활용한 새로운 프로젝트_ 
+### 📣 공지 - _생성 AI를 사용하여 만들 수 있는 새 프로젝트_  
 
-새로운 AI 어시스턴트 프로젝트가 추가되었습니다, [프로젝트 확인](./9-chat-project/README.md)
+새로운 AI Assistant 프로젝트가 추가되었습니다. 프로젝트를 확인하세요 [project](./9-chat-project/README.md)
 
-### 📣 안내 - _JavaScript용 생성 AI_ 새로운 커리큘럼 출시
+### 📣 공지 - _JavaScript를 위한 생성 AI 새 교육과정_ 출시
 
-새로운 생성 AI 커리큘럼을 놓치지 마세요!
+새로운 생성 AI 교육과정을 놓치지 마세요!
 
 시작하려면 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 방문하세요!
 
 ![Background](../../translated_images/ko/background.148a8d43afde5730.webp)
 
-- 기본부터 RAG까지 모든 내용을 다루는 레슨
-- 생성 AI와 동반자 앱을 사용해 역사적 인물과 상호작용
-- 재미있고 몰입감 있는 이야기, 시간 여행도 해봐요!
+- 기본부터 RAG까지 모두 다루는 수업.
+- GenAI 및 동반 앱을 이용해 역사적 인물들과 상호작용 가능.
+- 재미있고 몰입감 있는 내러티브로 시간 여행 중!
 
 ![character](../../translated_images/ko/character.5c0dd8e067ffd693.webp)
 
-
-각 레슨에는 과제, 지식 점검, 도전 과제가 포함되어 있어 다음과 같은 주제 학습을 안내합니다:
-- 프롬프트 및 프롬프트 엔지니어링
+각 수업에는 완료해야 할 과제, 지식 확인, 그리고 다음 주제를 학습하는 데 도움이 되는 챌린지가 포함되어 있습니다:
+- 프롬프트 작성 및 프롬프트 엔지니어링
 - 텍스트 및 이미지 앱 생성
 - 검색 앱
 
@@ -83,131 +92,130 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요
 
 ## 🌱 시작하기
 
-> **교사 여러분**, 이 커리큘럼 사용법에 대한 [제안](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/ko/createcodespace.0238bbf4d7a8d955.webp)
 
-#### 로컬 컴퓨터에서 커리큘럼 실행하기
+#### 컴퓨터에서 로컬로 교육과정 실행하기
 
-커리큘럼을 로컬에서 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 번째 레슨 [프로그래밍 언어와 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서는 각각의 도구 옵션을 안내해 드립니다.
+컴퓨터에서 이 교육과정을 실행하려면 텍스트 편집기, 브라우저, 명령줄 도구가 필요합니다. 첫 번째 수업인 [프로그래밍 언어 및 도구 소개](../../1-getting-started-lessons/1-intro-to-programming-languages)에서는 각 도구의 다양한 옵션을 안내하여 자신에게 맞는 것을 선택할 수 있도록 도와줍니다.
 
-추천하는 편집기는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)로, 내장 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 포함되어 있습니다. Visual Studio Code는 [여기](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)에서 다운로드할 수 있습니다.
-
-
-1. 레포지토리를 컴퓨터에 클론하세요. **Code** 버튼을 클릭해 URL을 복사하면 됩니다:
+추천 편집기는 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)로, 내장된 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)도 제공합니다. Visual Studio Code는 [여기서](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 다운로드할 수 있습니다.
+1. 저장소를 컴퓨터에 복제하세요. 이는 **Code** 버튼을 클릭하고 URL을 복사하여 할 수 있습니다:
 
     [CodeSpace](./images/createcodespace.png)
-그런 다음, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내에서 [터미널](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고, `<your-repository-url>`을 방금 복사한 URL로 대체하여 다음 명령을 실행하세요:
+
+    그런 다음, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 내에서 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)을 열고, 방금 복사한 URL을 `<your-repository-url>` 대신 사용하여 다음 명령어를 실행하세요:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code에서 폴더를 엽니다. **파일** > **폴더 열기**를 클릭하고 방금 복제한 폴더를 선택하면 됩니다.
+2. Visual Studio Code에서 폴더를 엽니다. **File** > **Open Folder**를 클릭한 후 방금 복제한 폴더를 선택하면 됩니다.
 
 
-> 추천 Visual Studio Code 확장 기능:
+>  권장 Visual Studio Code 확장 프로그램:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 내에서 HTML 페이지 미리보기
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드를 더 빠르게 작성할 수 있도록 도움
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code 내에서 HTML 페이지 미리보기용
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 코드를 더 빠르게 작성하는 데 도움
 
 ## 📂 각 수업에는 다음이 포함됩니다:
 
 - 선택적 스케치노트
-- 선택적 보조 동영상
-- 수업 전 워밍업 퀴즈
-- 서면 수업 내용
-- 프로젝트 기반 수업의 경우, 프로젝트를 단계별로 만드는 안내서
+- 선택적 보충 동영상
+- 수업 전 준비 퀴즈
+- 작성된 수업 내용
+- 프로젝트 기반 수업의 경우, 프로젝트를 구축하는 단계별 가이드
 - 지식 점검
 - 도전 과제
-- 보조 읽기 자료
+- 보충 독서 자료
 - 과제
 - [수업 후 퀴즈](https://ff-quizzes.netlify.app/web/)
 
-> **퀴즈 관련 참고:** 모든 퀴즈는 Quiz-app 폴더에 들어 있으며, 각각 세 문제로 이루어진 총 48개의 퀴즈가 있습니다. [여기](https://ff-quizzes.netlify.app/web/)에서 이용 가능하며, 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다; `quiz-app` 폴더의 지침을 따르세요.
+> **퀴즈에 대한 안내**: 모든 퀴즈는 Quiz-app 폴더에 있으며, 총 48개의 퀴즈, 각 퀴즈는 3문제로 구성되어 있습니다. 퀴즈는 [여기](https://ff-quizzes.netlify.app/web/)에서 볼 수 있으며, 퀴즈 앱은 로컬에서 실행하거나 Azure에 배포할 수 있습니다. `quiz-app` 폴더의 지침을 따르세요.
 
 ## 🗃️ 수업 목록
 
-|     |                       프로젝트 이름                        |                            학습 개념                             | 학습 목표                                                                                                                 |                                                         연결된 수업                                                          |         저자          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     시작하기                      |           프로그래밍 입문 및 개발 도구 소개           | 대부분의 프로그래밍 언어의 기본 토대와 전문 개발자들의 작업을 돕는 소프트웨어에 대해 학습                                          | [프로그래밍 언어 및 개발 도구 소개](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     시작하기                      |             GitHub 기초, 팀 작업 포함             | 프로젝트에서 GitHub 사용 방법 및 코드베이스 협업 방법                                                         |                            [GitHub 소개](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     시작하기                      |                             접근성                              | 웹 접근성의 기본 개념 학습                                                                                            |                       [접근성 기초](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS 기본                         |                         JavaScript 데이터 타입                          | JavaScript 데이터 타입의 기초                                                                                                 |                                       [데이터 타입](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS 기본                         |                         함수 및 메서드                          | 애플리케이션의 로직 흐름 관리를 위한 함수와 메서드 학습                                                             |                              [함수 및 메서드](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS 기본                         |                        JavaScript로 의사결정 하기                        | 의사결정 방법을 사용하여 코드에 조건 만들기 학습                                                           |                                 [의사결정 만들기](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS 기본                         |                            배열과 반복문                            | JavaScript에서 배열과 반복문을 사용하여 데이터 작업                                                                                 |                                   [배열과 반복문](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [테라리움](./3-terrarium/solution/README.md)       |                            실습용 HTML                            | 온라인 테라리움을 만들기 위한 HTML 구축, 레이아웃 구성에 중점                                                         |                                 [HTML 소개](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [테라리움](./3-terrarium/solution/README.md)       |                            실습용 CSS                             | 온라인 테라리움 스타일링을 위한 CSS 구축, 기본 CSS 및 반응형 페이지 만들기 포함                     |                                  [CSS 소개](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [테라리움](./3-terrarium/solution/README.md)            |                 JavaScript 클로저, DOM 조작                  | 테라리움을 드래그/드롭 인터페이스로 작동하게 만드는 JavaScript 작성, 클로저와 DOM 조작에 중점             |                  [JavaScript 클로저, DOM 조작](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [타이핑 게임](./4-typing-game/solution/README.md)          |                          타이핑 게임 만들기                           | 키보드 이벤트를 활용하여 JavaScript 앱의 로직 구동 방법 학습                                                          |                                [이벤트 기반 프로그래밍](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         브라우저 작업 이해                          | 브라우저 작동 원리, 역사 및 브라우저 확장 기능의 초기 구성 요소 설계 법 학습                               |                               [브라우저에 대해](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | API 호출, 폼 구축 및 로컬 스토리지 변수 저장 | API를 호출하는 브라우저 확장 기능의 JavaScript 요소 빌드, 로컬 스토리지에 저장된 변수 사용                      |                [API, 폼, 로컬 스토리지](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          브라우저 백그라운드 프로세스, 웹 성능          | 브라우저 백그라운드 프로세스로 확장 아이콘 관리; 웹 성능 및 최적화 학습                                               |             [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [스페이스 게임](./6-space-game/solution/README.md)           |             고급 게임 개발: 클래스, 구성, Pub/Sub 패턴             | 클래스와 구성, 퍼블리시/서브스크라이브 패턴을 통한 상속 개념 학습, 게임 만들기 준비              |                      [고급 게임 개발 소개](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [스페이스 게임](./6-space-game/solution/README.md)           |                           캔버스에 그리기                            | 화면에 요소를 그리기 위한 Canvas API 학습                                                                       |                                [캔버스에 그리기](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [스페이스 게임](./6-space-game/solution/README.md)           |                   화면 요소 이동시키기                    | Cartesian 좌표와 Canvas API를 사용해 요소에 동작 부여                                            |                           [요소 이동시키기](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [스페이스 게임](./6-space-game/solution/README.md)           |                          충돌 감지                           | 키 입력으로 서로 충돌하고 반응하는 요소 만들기, 게임 성능 확보를 위한 쿨다운 함수 제공    |                              [충돌 감지](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [스페이스 게임](./6-space-game/solution/README.md)           |                             점수 기록                              | 게임 상태와 성과에 따른 수학 계산 수행                                                                |                                    [점수 기록](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [스페이스 게임](./6-space-game/solution/README.md)           |                     게임 종료 및 재시작                     | 게임 종료 및 재시작 방법 학습, 자원 정리 및 변수 초기화 방법                              |                                [종료 조건](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                 웹 앱의 HTML 템플릿 및 라우팅                 | 멀티페이지 웹사이트 아키텍처 스캐폴딩, 라우팅 및 HTML 템플릿 생성 방법 학습                             |                            [HTML 템플릿 및 라우팅](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                  로그인 및 회원가입 폼 만들기                   | 폼 작성과 검증 처리 방법 학습                                                                          |                                           [폼](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                   데이터 가져오기 및 사용 방법                   | 앱 내 데이터 흐름, 데이터 가져오기, 저장, 폐기 방법 학습                                                 |                                            [데이터](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                      상태 관리 개념                      | 앱 상태 유지 및 프로그래밍 방식 상태 관리 방법 학습                                                              |                                [상태 관리](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode 코드](../../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 |
-
-## 🏫 교육 철학
-
-우리 교육과정은 두 가지 핵심 교육 원칙을 기반으로 설계되었습니다:
+|     |                       프로젝트 이름                       |                            학습 개념                             | 학습 목표                                                                                                                 |                                                         연결된 수업                                                          |         저자          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 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 기본에 집중                     |                                  [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  |          [타이핑 게임](./4-typing-game/solution/README.md)          |                          타이핑 게임 만들기                           | 키보드 이벤트를 사용해 JavaScript 앱 로직 제어하는 법 학습                                                          |                                [이벤트 주도 프로그래밍](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green 브라우저 확장](./5-browser-extension/solution/README.md) |                         브라우저 작동 원리                          | 브라우저 작동원리, 역사, 그리고 브라우저 확장 첫 요소 구성 학습                               |                               [브라우저에 대하여](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green 브라우저 확장](./5-browser-extension/solution/README.md) | 폼 만들기, API 호출 및 로컬 저장소 변수 저장 | 브라우저 확장을 위한 JavaScript 구축, API 호출과 로컬 저장소 변수 사용                      |                [API, 폼, 로컬 저장소](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green 브라우저 확장](./5-browser-extension/solution/README.md) |          브라우저 백그라운드 프로세스 및 웹 성능          | 브라우저 백그라운드 프로세스를 이용해 확장 아이콘 관리하기; 웹 성능 및 최적화 학습   |             [백그라운드 작업 및 성능](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [우주 게임](./6-space-game/solution/README.md)           |             JavaScript를 통한 고급 게임 개발             | 클래스와 컴포지션을 이용한 상속과 Pub/Sub 패턴 학습, 게임 개발 준비              |                      [고급 게임 개발 소개](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [우주 게임](./6-space-game/solution/README.md)           |                           캔버스에 그리기                            | 화면에 요소를 그리는 데 사용하는 Canvas API 학습                                                                       |                                [캔버스에 그리기](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [우주 게임](./6-space-game/solution/README.md)           |                   요소를 화면에서 움직이기                    | 데카르트 좌표와 Canvas API를 이용해 요소에 움직임 부여 방법 학습                                            |                           [요소 움직이기](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [우주 게임](./6-space-game/solution/README.md)           |                          충돌 감지                           | 키 입력을 이용해 요소가 충돌하고 반응하게 만들고, 게임 성능을 위한 쿨다운 함수 제공    |                              [충돌 감지](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [우주 게임](./6-space-game/solution/README.md)           |                             점수 유지                              | 게임 상태와 성능에 따라 수학적 계산 수행                                                                |                                    [점수 유지](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [우주 게임](./6-space-game/solution/README.md)           |                     게임 종료 및 재시작                     | 게임 종료 및 재시작 방법, 자산 정리 및 변수 초기화 학습                              |                                [종료 조건](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                 웹 앱의 HTML 템플릿 및 라우팅                 | 라우팅 및 HTML 템플릿을 사용한 다중 페이지 웹사이트 스캐폴드 생성 방법 학습                             |                            [HTML 템플릿 및 라우트](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                  로그인 및 회원가입 폼 만들기                   | 폼 빌드와 유효성 검사 처리 방법 학습                                                                          |                                           [폼](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                   데이터 가져오기 및 사용 방법                   | 앱 내외부의 데이터 흐름 및 가져오기, 저장, 삭제 방법 학습                                                 |                                            [데이터](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [뱅킹 앱](./7-bank-project/solution/README.md)          |                      상태 관리 개념                      | 앱이 상태를 유지하는 방법과 프로그래밍 방식으로 이를 관리하는 법 학습                                                              |                                [상태 관리](./7-bank-project/4-state-management/README.md)                                |          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 |
+
+## 🏫 교수법
+
+우리 커리큘럼은 두 가지 주요 교육 원칙을 기반으로 설계되었습니다:
 * 프로젝트 기반 학습
-* 자주 퀴즈 진행
+* 빈번한 퀴즈
 
-이 프로그램은 JavaScript, HTML, CSS의 기본 원리와 현대 웹 개발자가 사용하는 최신 도구 및 기법을 가르칩니다. 학생들은 타이핑 게임, 가상 테라리움, 친환경 브라우저 확장 기능, 스페이스 인베이더 스타일 게임, 그리고 비즈니스용 뱅킹 앱을 직접 만들어 보며 실무 경험을 쌓을 기회를 가집니다. 시리즈가 끝날 때쯤 학생들은 웹 개발에 대한 탄탄한 이해를 가지게 됩니다.
+이 프로그램은 JavaScript, HTML, CSS의 기초뿐만 아니라 오늘날 웹 개발자들이 사용하는 최신 도구와 기법을 가르칩니다. 학생들은 타이핑 게임, 가상 테라리움, 친환경 브라우저 확장, 스페이스 인베이더 스타일 게임, 비즈니스용 뱅킹 앱을 만들며 실습 경험을 쌓습니다. 시리즈 마지막에는 웹 개발에 대한 탄탄한 이해를 갖추게 됩니다.
 
-> 🎓 이 교육과정의 처음 몇 개 수업은 Microsoft Learn의 [학습 경로](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)로 수강할 수 있습니다!
+> 🎓 Microsoft Learn에서 이 커리큘럼의 첫 수업들을 [학습 경로](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)로 수강할 수 있습니다!
 
-콘텐츠가 프로젝트와 일치하여 학생들이 과정에 더 몰입할 수 있으며 개념 유지력이 향상됩니다. JavaScript 기초 개념을 소개하는 여러 기초 수업과, 이 과정에 기여한 저자들이 참여한 "[JavaScript 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"의 비디오도 함께 제공합니다.
+내용을 프로젝트와 연계함으로써 학생 참여를 높이고 개념 이해도를 향상시킵니다. 또한 JavaScript 기초 수업 몇 개는 개념 소개용으로 "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" 영상과 연계되어 있으며, 일부 저자가 본 커리큘럼에 기여했습니다.
 
-또한, 수업 전에 간단한 퀴즈를 통해 학생이 주제 학습의 의지를 다지도록 하고, 수업 후 두 번째 퀴즈로 추가 학습 효과를 보장합니다. 이 교육과정은 융통성 있고 재미있도록 설계되었으며 전체 또는 일부만 수강할 수 있습니다. 프로젝트들은 작게 시작하여 12주 과정 마지막에는 점점 복잡해집니다.
+수업 전 저위험 퀴즈로 학습 의도를 설정하고, 수업 후 두 번째 퀴즈로 이해도를 강화하도록 설계되었습니다. 본 커리큘럼은 유연하고 재미있게 진행할 수 있으며, 전체 또는 부분적으로 수강 가능하며, 프로젝트는 작게 시작해 12주 주기 말에는 점점 더 복잡해집니다.
 
-기본 웹 개발 기술에 집중하기 위해 JavaScript 프레임워크 도입은 의도적으로 피했지만, 이 교육과정을 완료한 뒤 다음 단계로 "[Node.js 초보자 시리즈](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"의 동영상을 통해 Node.js를 학습하는 것을 권장합니다.
+프레임워크 채택 전에 웹 개발 기본기를 집중하고자 JavaScript 프레임워크 도입을 피했으나, 커리큘럼 완료 후 단계로 "[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.md) 및 [기여 가이드라인](CONTRIBUTING.md)을 참고하세요. 건설적인 피드백을 환영합니다!
+> 우리의 [행동 강령](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` 명령을 입력하면 됩니다. 웹사이트는 localhost의 3000 포트(`localhost:3000`)에서 서비스됩니다.
 
 ## 📘 PDF
+모든 강의의 PDF는 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 확인할 수 있습니다.
 
-전체 수업 자료 PDF는 [여기](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)에서 확인할 수 있습니다.
 
+## 🎒 다른 강의
 
-## 🎒 기타 강의
-우리 팀은 다른 강좌도 제작합니다! 확인해 보세요:
+우리 팀은 다른 강의도 제공합니다! 확인해 보세요:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -224,7 +232,7 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요
 
 ---
  
-### 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)
@@ -232,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)
@@ -243,29 +251,29 @@ Azure AI Foundry Discord 커뮤니티에 참여하세요
 
 ---
  
-### Copilot Series
+### Copilot 시리즈
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## 도움 받기
+## 도움받기
 
-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) 파일을 참조하세요.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **면책 조항**:  
-이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 노력하고 있으나, 자동 번역은 오류나 부정확한 부분이 포함될 수 있음을 유의하시기 바랍니다. 원문 문서는 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우 전문 인간 번역을 권장합니다. 본 번역 사용으로 인해 발생하는 오해나 잘못된 해석에 대해서는 당사가 책임지지 않습니다.
+이 문서는 AI 번역 서비스 [Co-op Translator](https://github.com/Azure/co-op-translator)를 사용하여 번역되었습니다. 정확성을 위해 최선을 다하고 있으나, 자동 번역된 내용에는 오류나 부정확한 부분이 있을 수 있음을 유의해 주시기 바랍니다. 원본 문서의 원어 버전이 권위 있는 출처로 간주되어야 합니다. 중요한 정보의 경우, 전문적인 인간 번역을 권장합니다. 본 번역물의 사용으로 인한 오해나 잘못된 해석에 대해 당사는 책임을 지지 않습니다.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/lt/.co-op-translator.json b/translations/lt/.co-op-translator.json
index 569921b15..b04ee16cf 100644
--- a/translations/lt/.co-op-translator.json
+++ b/translations/lt/.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-07T12:19:52+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:16:43+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "lt"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:59:09+00:00",
+    "translation_date": "2026-03-06T17:20:47+00:00",
     "source_file": "AGENTS.md",
     "language_code": "lt"
   },
@@ -516,8 +516,8 @@
     "language_code": "lt"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:53:56+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:12:06+00:00",
     "source_file": "README.md",
     "language_code": "lt"
   },
diff --git a/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 0d8cd6755..18be5657b 100644
--- a/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/lt/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Įvadas į programavimo kalbas ir modernius kūrėjų įrankius
+ 
+Sveikas, būsimasis programuotojau! 👋 Ar galiu tau pasakyti kažką, kas man kiekvieną dieną sukelia šiurpuliukus? Tu ketini atrasti, kad programavimas nėra tik kompiuteriai – tai tikros supergalios, leidžiančios įgyvendinti tavo laukines idėjas!
 
-Sveikas, būsimasis kūrėjau! 👋 Ar galiu tau pasakyti kažką, kas vis dar kasdien sukelia man šiurpuliukus? Tu netrukus suprasi, kad programavimas – tai ne tik apie kompiuterius – tai apie tikrąsias supergalias, kurios leidžia įgyvendinti tavo laukinius sumanymus!
+Žinai tą akimirką, kai naudojiesi savo mėgstama programa ir viskas tiesiog veikia tobulai? Kai palieti mygtuką ir įvyksta kažkas stebuklingo, dėl ko sakai "oho, kaip jie TAI padarė?" Na, kažkas, panašus į tave – tikriausiai savo mėgstamoje kavinėje prie 2 val. nakties su trečiu espreso – parašė tą kodą, kuris sukūrė tą magiją. Ir štai kas tau privers sprogti protą: šios pamokos pabaigoje ne tik suprasi, kaip jie tai padarė, bet ir pats norėsi pabandyti!
 
-Žinai tą akimirką, kai naudoji savo mėgstamą programėlę ir viskas tiesiog veikia tobuloje harmonijoje? Kai paspaudi mygtuką ir įvyksta kažkas visiškai stebuklingo, dėl ko sakančiausi: „oho, kaip jie TAI padarė?“ Na, kažkas panašaus į tave – tikriausiai sėdintis savo mėgstamoje kavinėje vidurnaktį su trečiąja espresso porcija – parašė tą kodą, kuris sukūrė tą magiją. Ir štai kas privers tave nustebti: pamoko pabaigoje tu ne tik suprasi, kaip jie tai padarė, bet ir pats norėsi išbandyti!
+Žinok, suprantu, jei programavimas dabar atrodo bauginantis. Kai pradėjau, tikrai galvojau, kad reikia būti kažkokiu matematikos genijumi arba programuoti nuo penkerių metų. Tačiau štai kas visiškai pakeitė mano požiūrį: programavimas yra tarsi naujos kalbos mokymasis – pradedi nuo „labas“ ir „ačiū“, tuomet pereini prie kavos užsakymo ir netrukus jau vedi gilius filosofinius pokalbius! Tik šiuo atveju tu kalbiesi su kompiuteriais, o jie – kantriausi pašnekovai, kokius gali turėti – niekada nepeikia tavo klaidų ir visada noriai bando dar kartą!
 
-Žinau, programuoti gali atrodyti baugu. Kai aš pradėjau, man atrodė, kad turi būti kažkokiu būdu matematikos genijus arba programuoti nuo penkerių metų. Bet štai kas visiškai pakeitė mano požiūrį: programavimas yra kaip išmokti kalbėti nauja kalba. Pradedi nuo „labas“ ir „ačiū“, paskui gali užsisakyti kavos, o netrukus jau kalbiesi apie gilias filosofines temas! Tik šiuo atveju – tu kalbiesi su kompiuteriais, ir žinai ką? Jie yra kantriausi pašnekovai – niekada nenuvertina tavo klaidų ir visada entuziastingai nori pabandyti dar kartą!
-
-Šiandien pažvelgsime į neįtikėtinas priemones, kurios daro šiuolaikinį žiniatinklio kūrimą ne tik įmanomu, bet ir labai priklausomybę sukeliančiu užsiėmimu. Kalbu apie tuos pačius redaktorius, naršykles ir darbo eigas, kuriomis kasdien naudojasi kūrėjai Netflix, Spotify bei tavo mėgstamoje nepriklausomoje programėlių studijoje. Ir štai kas privers tave šokti iš džiaugsmo: dauguma šių profesionalių, pramonės standartų įrankių yra visiškai nemokami!
+Šiandien pažvelgsime į nuostabius įrankius, kurie modernią žiniatinklio kūrimą paverčia ne tik įmanoma, bet ir labai įtraukią. Kalbu apie tuos pačius redaktorius, naršykles ir darbo procesus, kuriuos kasdien naudoja „Netflix“, „Spotify“ ir tavo mėgstamos nepriklausomos programėlių studijos kūrėjai. Ir štai dalykas, kuris privers tave šokti iš laimės: dauguma šių profesionalių pramonės standartų įrankių yra visiškai nemokami!
 
 ![Intro Programming](../../../../translated_images/lt/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -18,69 +18,69 @@ journey
       Kas yra programavimas: 5: You
       Programavimo kalbos: 4: You
       Įrankių apžvalga: 5: You
-    section Tyrinėkite
+    section Ištirkite
       Kodo redaktoriai: 4: You
       Naršyklės ir kūrėjų įrankiai: 5: You
       Komandinė eilutė: 3: You
     section Praktika
-      Kalbos detektyvas: 4: You
+      Kalbų detektyvas: 4: You
       Įrankių tyrinėjimas: 5: You
       Bendruomenės ryšys: 5: You
 ```
 ## Pažiūrėkime, ką jau žinai!
 
-Prieš pereidami prie linksmybių, įdomu – ką tu jau žinai apie šį programavimo pasaulį? Ir žinok, jei žvelgi į šiuos klausimus galvodamas „Aš nieko apie tai nežinau iš viso“, tai ne tik gerai, bet puiku! Tai reiškia, kad esi būtent ten, kur reikia. Galvok apie šį testą kaip apie apšilimą prieš treniruotę – tiesiog šildome smegenų raumenis!
+Prieš tai, kai pradėsime smagų turinį, man įdomu – ką tu jau žinai apie šį programavimo pasaulį? Ir žinok, jei žiūri į šiuos klausimus ir galvoji „aš iš tiesų neturiu jokio supratimo apie tai“, tai ne tik gerai, tai puiku! Tai reiškia, kad esi tiksliai ten, kur turi būti. Įsivaizduok šį testą kaip tempimą prieš treniruotę – mes tiesiog ruošiamės raumenims!
 
-[Atlik pradžios testą](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Atlik išankstinį testą](https://ff-quizzes.netlify.app/web/)
 
 
-## Nuotykis, kurį keliausime kartu
+## Nuotykis, į kurį kartu įžengsime
 
-Gerai, aš tikrai negaliu nusėdėti iš džiaugsmo, ką šiandien tyrinėsime! Rimtai, norėčiau matyti tavo veidą, kai kai kurios iš šių sąvokų tikrai įsisavins. Štai neįtikėtina kelionė, kurią keliaujame kartu:
+Gerai, aš tikrai smarkiai džiaugiuosi tuo, ką šiandien tyrinėsime! Rimtai, norėčiau pamatyti tavo veidą, kai kai kurie iš šių koncepcijų įsižiebs. Štai nuostabi kelionė, kurią keliausime kartu:
 
-- **Kas yra programavimas iš tikrųjų (ir kodėl tai pats šauniausias dalykas!)** – Atraskime, kaip kodas yra nematoma magija, valdanti viską aplink tave, nuo to žadintuvo, kuris kaip nors žino, kad yra pirmadienio rytas, iki algoritmo, kuris idealiai atrenka tavo Netflix rekomendacijas
-- **Programavimo kalbos ir jų nuostabios asmenybės** – Įsivaizduok, kad įeini į vakarėlį, kuriame kiekvienas žmogus turi visiškai skirtingas supergalias ir problemų sprendimo būdus. Taip ir su programavimo kalbomis, ir tau patiks jas pažinti!
-- **Pagrindiniai blokai, kurie sukuria skaitmeninę magiją** – Įsivaizduok tai kaip neprilygstamą kūrybinį LEGO rinkinį. Kai suprasi, kaip šios dalys dera tarpusavyje, suprasi, kad gali statyti bet ką, ką tik įsivaizduoji
-- **Profesionalūs įrankiai, kurie privers tave jaustis lyg ką tik gavai burtininko lazdelę** – Nėra jokio perdėjimo – šie įrankiai iš tiesų privers tave pasijusti turint supergalias, o geriausia? Tai tie patys įrankiai, kuriuos naudoja profesionalai!
+- **Kas iš tikrųjų yra programavimas (ir kodėl tai be galo šaunu!)** – Atraskime, kaip kodas tiesiogiai yra nematoma magija, kuri valdo viską aplinkui, nuo to žadintuvo, kuris kaip mat žino, kad yra pirmadienio rytas, iki algoritmo, kuris tobulai parenka tavo „Netflix“ rekomendacijas
+- **Programavimo kalbos ir jų nuostabios asmenybės** – Įsivaizduok vakarėlį, kuriame kiekvienas turi skirtingas supergalias ir sprendžia problemas savaip. Būtent toks yra programavimo kalbų pasaulis, ir tu jas pamilsi!
+- **Pagrindiniai pastato blokai, kurie kuria skaitmeninę magiją** – Įsivaizduok juos kaip tobulą kūrybinį LEGO rinkinį. Kai suprasi, kaip šios dalys dera kartu, suprasi, kad gali sukurti bet ką, ką tik sugalvoji
+- **Profesionalūs įrankiai, dėl kurių jausiesi tarsi tau būtų įteikta burtininko lazdelė** – Aš čia nešališkas dramatiškumas – šie įrankiai tikrai leis tau jaustis, kad turi supergalias, o geriausia? Tai patys įrankiai, kuriuos naudoja profesionalai!
 
-> 💡 **Štai kas svarbu**: šiandien nė nebandyk įsiminti visko! Šiuo metu tiesiog noriu, kad pajustum tą susidomėjimą dėl galimų dalykų. Detalės natūraliai įsigers, kai mokysimės kartu – taip vyksta tikras mokymasis!
+> 💡 **Svarbu**: Neskubėk šiandien visko įsiminti! dabar noriu, kad pajustum tą azartą, kas įmanoma. Detalės ateis natūraliai, kai kartu praktikavsimės – taip vyksta tikras mokymasis!
 
-> Šią pamoką gali atlikti [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Šią pamoką gali rasti [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Tai kas gi iš tikrųjų yra *programavimas*?
+## Tai kas gi *yra* programavimas?
 
-Gerai, imkime milijono dolerių vertės klausimą: kas yra programavimas iš tikrųjų?
+Gerai, imkimės milijono dolerių klausimo: kas iš tiesų yra programavimas?
 
-Papasakosiu tau istoriją, kuri visiškai pakeitė mano požiūrį. Praėjusią savaitę bandžiau paaiškinti mamai, kaip naudotis mūsų naujuoju išmaniuoju televizoriaus pultu. Aš svarsčiau, sakydamas: „Paspausk raudoną mygtuką, bet ne didelį raudoną mygtuką, mažą raudoną kairėje... ne, tavo kita kairė... gerai, dabar palaikyk du sekundes, ne vieną, ne tris...“ Skamba pažįstamai? 😅
+Papasakosiu tau istoriją, kuri visiškai pakeitė mano požiūrį. Praėjusią savaitę bandžiau mamai paaiškinti, kaip naudotis mūsų nauju išmaniuoju televizoriaus nuotolinio valdymo pultu. Pagavau save sakant tokius žodžius: „Paspausk raudoną mygtuką, bet ne didįjį raudoną, o mažąjį raudoną kairėje... ne, tavo kitas kairėje... gerai, dabar laikyk du sekundes, ne vieną, ne tris...“ Skamba pažįstamai? 😅
 
-Tai yra programavimas! Tai menas duoti labai detalias, žingsnis po žingsnio instrukcijas kažkam labai galingam, bet kuriam reikia itin aiškiai viską išdėstyti. Tik vietoj to, kad aiškintum mamai (kuri gali paklausti „kuris raudonas mygtukas?!“), aiškini kompiuteriui (kuris tiksliai daro tai, ką sakai, net jei tai, ką sakei, nėra būtent tai, ką norėjai pasakyti).
+Tai yra programavimas! Tai menas duoti labai išsamius, žingsnis po žingsnio nurodymus kažkam galingam, bet kam reikia viską tiksliai išdėstyti. Tik vietoje to, kad aiškintum mamytei (kuri gali paklausti „kuri raudona mygtukė?!“), tu aiškini kompiuteriui (kuris tiesiog atlieka tai, ką sakai, net jei tai ne visiškai tas, ką turėjai omenyje).
 
-Štai kas mane nustebino, kai tik pradėjau mokytis: kompiuteriai iš esmės yra gana paprasti. Jie supranta tik du dalykus – 1 ir 0, kas iš esmės yra „taip“ ir „ne“ arba „įjungta“ ir „išjungta.“ Tai viskas! Bet štai kur prasideda magija – mes nemokame kalbėti tik 1 ir 0, tarsi būtume „Matricoje.“ Čia į pagalbą ateina **programavimo kalbos**. Jos kaip geriausias vertėjas pasaulyje, kuris tau padeda išreikšti tavo paprastus žmonių mintis kompiuterių kalba.
+Štai kas man atvertė akis, kai tik pradėjau mokytis: kompiuteriai iš tiesų yra gana paprasti savo esmėje. Jie supranta tik du dalykus – 1 ir 0, kas yra tiesiog „taip“ ir „ne“ arba „įjungta“ ir „išjungta“. Viskas! Bet štai kur prasideda magija – mums nereikia kalbėti tik 1 ir 0, tarsi būtume „Matricoje“. Čia į pagalbą ateina **programavimo kalbos**. Jos tarsi geriausias pasaulio vertėjas, kuris išverčia tavo paprastus žmogiškus mintis į kompiuterio kalbą.
 
-Ir štai kas vis dar kas rytą man kelia šiurpuliukus: pažink, kad *viskas* skaitmeniniame pasaulyje tavo gyvenime prasidėjo nuo kažkieno panašaus į tave, tikriausiai sėdinčio pižamoje su puoduku kavos, rašančio kodą į savo nešiojamąjį kompiuterį. Tas Instagram filtras, kuris padaro tave tobulą? Kas nors parašė tą kodą. Rekomendacija, kuri nuvedė tave prie naujos mėgstamos dainos? Kūrėjas sukūrė tą algoritmą. Programėlė, kuri padeda tau dalintis vakarienės sąskaitą su draugais? Taip, kažkas pagalvojo „čia erzina, aš galėčiau tai išspręsti“ ir tada… tai padarė!
+Ir štai kas man kiekvieną rytą pažadina tikrus šiurpuliukus: tiesiog *viskas* skaitmeniniame pasaulyje prasidėjo nuo kažko panašaus į tave, tikriausiai pasislėpusio pižamoje su puodeliu kavos, kuris rašė kodą savo nešiojamame kompiuteryje. Tas Instagram filtras, kuris leidžia tau atrodyti nepriekaištingai? Kažkas jį sukūrė. Rekomendacija, kuri atvedė tave iki tavo naujos mėgstamos dainos? Programuotojas sukūrė tą algoritmą. Programėlė, kuri padeda suskaidyti vakarienės sąskaitas su draugais? Taip, kažkas pagalvojo „tai erzina, tikrai galėčiau tai išspręsti“ ir tada... jis tai padarė!
 
-Kai išmoksti programuoti, tu ne tik įgyji naują įgūdį – tu tampi šios nuostabios bendruomenės dalimi, kurią sudaro problemoms spręsti skirtų žmonių grupė, kuri kasdien galvoja: „O ką, jei galėčiau sukurti kažką, kas šiek tiek pagerintų kieno nors dieną?“ Sąžiningai, ar yra kas nors šaunesnio?
+Išmokęs programuoti, ne tik įgiši naują įgūdį – tu tampi šios nuostabios problemų sprendėjų bendruomenės dalimi, kuri dienas leidžia galvodama: „O kas, jei galėčiau sukurti kažką, kas padaro kieno nors dieną bent šiek tiek geresnę?“ Svarstyk, ar yra kas nors šauniau už tai?
 
-✅ **Smagus faktas**: štai kažkas labai įdomaus, ką gali paieškoti, kai turėsi laisvą minutę – kas, tavo manymu, buvo pirmasis pasaulio kompiuterio programuotojas? Duosiu užuominą: tai gali būti ne tas, ko tikiesi! Šio žmogaus istorija yra tikrai fascinanti ir parodo, kad programavimas visada buvo kūrybiškas problemų sprendimas ir mąstymas už įprastų ribų.
+✅ **Linksmas faktų medžioklė**: Štai kas smagu paieškoti, kai turėsi laisvą minutę – kas, tavo manymu, buvo pirmasis pasaulio kompiuterių programuotojas? Pasilenksiu į užuominą: tai gali būti ne tas, ko tikėjaisi! Šios asmenybės istorija yra be galo įkvepianti ir parodo, kad programavimas visada buvo susijęs su kūrybišku problemų sprendimu ir mąstymu už ribų.
 
-### 🧠 **Patikrink save: kaip jautiesi?**
+### 🧠 **Patikrink, kaip jautiesi?**
 
-**Skirk minutėlę apmąstymams:**
-- Ar dabar tau prasminga idėja „duoti instrukcijas kompiuteriams“?
+**Skirk minutę apmąstymams:**
+- Ar dabar tau prasminga idėja „duoti nurodymus kompiuteriams“?
 - Ar gali pagalvoti apie kasdienę užduotį, kurią norėtum automatizuoti programuodamas?
-- Kokie klausimai kyla tavo galvoje apie visą tą programavimo pasaulį?
+- Kokie klausimai kyla tavo galvoje apie visą šitą programavimo dalyką?
 
-> **Prisimink**: visiškai normalu, jei kai kurios sąvokos atrodo miglotos. Programavimą mokytis yra kaip naują kalbą – smegenims reikia laiko sukurti naujus ryšius. Tu darai puikiai!
+> **Prisimink**: visiškai normalu, jei kai kurios sąvokos dabar atrodo miglotos. Programavimo mokymasis yra kaip naujos kalbos mokymasis – reikia laiko neurų keliams susiformuoti. Tu eini puikiai!
 
-## Programavimo kalbos – tai kaip skirtingi magijos skoniai
+## Programavimo kalbos – kaip skirtingi magijos skoniai
 
-Gerai, tai skambės keistai, bet lik su manimi – programavimo kalbos daug kuo panašios į skirtingų muzikos stilių rūšis. Pagalvok: turi džiazą, kuris yra švelnus ir improvizuojantis, roką, kuris yra galingas ir tiesmukas, klasiką, kuri elegantiška ir struktūruota, ir hiphopą, kuris kūrybingas ir išraiškingas. Kiekvienas stilius turi savo nuotaiką, savo aistringų gerbėjų bendruomenę, ir kiekvienas puikiai tinka skirtingiems jausmams bei progoms.
+Gerai, tai skambės keistai, bet būk su manimi – programavimo kalbos daug kuo primena skirtingų muzikos stilių. Įsivaizduok: turi džiazą, kuris yra lygus ir improvizacinis, rokenrolą, kuris galingas ir tiesmukas, klasiką, kuri elegantiška ir struktūruota, ir hip-hopą, kuris kūrybingas ir ekspresyvus. Kiekvienas stilius turi savo nuotaiką, savo aistringų gerbėjų bendruomenę, ir kiekvienas yra tinkamas skirtingoms nuotaikoms ir progoms.
 
-Programavimo kalbos veikia lygiai taip pat! Tu juk nenaudotum tos pačios kalbos kurdama linksmą mobilią žaidimą ir apdorojant milžiniškus klimato duomenis, taip pat kaip nesileisi žaisti death metalo jogų užsiėmime (na, daugelyje užsiėmimų tikrai ne! 😄).
+Programavimo kalbos veikia būtent taip! Tu nenaudotum tos pačios kalbos smagiam mobiliam žaidimui kurti, kuriai apdoroti didžiulius klimato duomenų kiekius, kaip ir nesileistum groti death metalo jogos užsiėmime (na, daugumoje jogos užsiėmimų! 😄).
 
-Bet štai kas mane visuomet stulbina: šios kalbos yra kaip kantriausias, genialiausias pasaulio vertėjas, sėdintis šalia tavęs. Tu gali išreikšti savo idėjas taip, kaip tau natūralu kaip žmogui, o jos atlieka visą sudėtingą darbą verčiant tai į kompiuterio kalbą, kurią sudaro 1 ir 0. Tai kaip turėti draugą, kuris puikiai moka tiek „žmogišką kūrybiškumą“, tiek „kompiuterinę logiką“ – jie niekada nepavargsta, niekada neprisiruošia kavos pertraukėlės, ir niekada tavęs nevertina, jei paklai aus tą patį klausimą du kartus!
+Bet štai kas kiekvieną kartą man visiškai priverčia protą suktis: šios kalbos tarsi turi kantriausią, įspūdingiausią vertėją, kuris sėdi šalia tavęs. Tu gali išreikšti savo idėjas taip, kaip tavo žmogaus smegenims natūralu, o jis rūpinasi visa labai sudėtinga vertimo dalimi į 1 ir 0 kalbą, kuria iš tikrųjų kalba kompiuteriai. Tai tarsi draugas, kuris tobulai moka tiek „žmogišką kūrybiškumą“, tiek „kompiuterinę logiką“ – ir jis niekada nepavargsta, jam nereikia kavos pertraukų, ir jis niekada nepeikia, jei tu pakartotinai klausiu tą patį!
 
-### Populiarios programavimo kalbos ir jų panaudojimas
+### Populiarios programavimo kalbos ir jų paskirtys
 
 ```mermaid
 mindmap
@@ -88,7 +88,7 @@ mindmap
     Web kūrimas
       JavaScript
         Frontendo magija
-        Interaktyvios svetainės
+        Interaktyvūs tinklalapiai
       TypeScript
         JavaScript + tipai
         Įmonių programos
@@ -103,7 +103,7 @@ mindmap
     Mobiliosios programėlės
       Java
         Android
-        Įmonės
+        Įmonių programos
       Swift
         iOS
         Apple ekosistema
@@ -113,49 +113,49 @@ mindmap
     Sistemos ir našumas
       C++
         Žaidimai
-        Našumo kritiniai
+        Našumo kritinė vieta
       Rust
-        Atminties sauga
-        Sistemų programavimas
+        Atminties saugumas
+        Sisteminė programinė įranga
       Go
         Debesų paslaugos
-        Skalabilus backendas
+        Skalaujamas backendas
 ```
-| Kalba | Geriausia naudoti | Kodėl populiari |
-|----------|----------|------------------|
-| **JavaScript** | Žiniatinklio kūrimas, vartotojo sąsajos | Veikia naršyklėse ir valdo interaktyvias svetaines |
-| **Python** | Duomenų mokslas, automatizavimas, dirbtinis intelektas | Lengva skaityti ir mokytis, galingos bibliotekos |
-| **Java** | Verslo programos, Android programėlės | Platformų nepriklausoma, stabili didelėms sistemoms |
-| **C#** | Windows programos, žaidimų kūrimas | Stipri Microsoft ekosistema |
-| **Go** | Debesų paslaugos, serverio pusės sistemos | Greita, paprasta, sukurta šiuolaikiniam skaičiavimui |
+| Kalba | Geriausiai tinka | Kodėl populiari |
+|-------|------------------|-----------------|
+| **JavaScript** | Interneto kūrimas, vartotojo sąsajos | Veikia naršyklėse, valdo interaktyvias svetaines |
+| **Python** | Duomenų mokslas, automatizavimas, DI | Lengva skaityti ir mokytis, galingos bibliotekos |
+| **Java** | Įmonių programos, Android programėlės | Platformai nepriklausoma, tvirta didelėms sistemoms |
+| **C#** | „Windows“ programos, žaidimų kūrimas | Stipri Microsoft ekosistema |
+| **Go** | Debesų paslaugos, backend sistemos | Greita, paprasta, sukurta šiuolaikinei skaičiavimams |
 
 ### Aukšto lygio ir žemo lygio kalbos
 
-Gerai, tai buvo sąvoka, kuri visiškai sudaužė mano smegenis, kai pradėjau mokytis, todėl pasidalinsiu analogija, kuri man pagaliau padėjo suprasti – ir tikiuosi, padės ir tau!
+Gerai, tai buvo tiesiog koncepcija, kuri išties sunaikino mano protą, kai pradėjau mokytis, todėl dalinsiuosi analogija, kuri pagaliau man leido tai suprasti – ir labai tikiuosi, kad ir tau padės!
 
-Įsivaizduok, kad esi svečiuose šalyje, kurios kalbos nemoki, ir desperatiškai nori rasti artimiausią tualetą (visi per gyvenimą esame buvę tokioje situacijoje, tiesa? 😅):
+Įsivaizduok, kad lankaisi šalyje, kurios kalbos nesupranti, ir desperatiškai reikia rasti artimiausią tualetą (mes visi per tą esame ėję, tiesa? 😅):
 
-- **Žemo lygio programavimas** yra kaip taip gerai išmokti vietinę tarme, kad gali kalbėtis su močiute, kuri parduoda vaisius kampe, naudodamas kultūrinius potekstes, vietinius slengus ir užkulisines anekdotų nuorodas, kurias supranta tik tas, kas užaugo ten. Labai įspūdinga ir be galo efektyvu... jei esi gimtakalbis! Bet gana baugu, kai tiesiog bandai rasti tualetą.
+- **Žemo lygio programavimas** yra tarsi mokėti vietinį dialektą taip gerai, kad gali kalbėtis su močiute, kuri prekiauja vaisiais kampe, naudodamas kultūrinius niuansus, vietinius žodžius ir vidinius juokelius, kuriuos supranta tik tie, kurie užaugo ten. Labai įspūdinga ir labai efektyvu... jei esi sklandus! Tačiau gana sudėtinga, kai tik nori rasti tualetą.
 
-- **Aukšto lygio programavimas** yra kaip turėti nuostabų vietinį draugą, kuris tave puikiai supranta. Gali pasakyti „Man tikrai reikia rasti tualetą“ paprasta anglų kalba, o jis pasirūpina visa kultūrine interpretacija ir nurodo kelią taip, kad tavo nelokalams smegenims viskas būtų aišku.
+- **Aukšto lygio programavimas** yra tarsi turėti nuostabų vietinį draugą, kuris tiesiog tave supranta. Gali pasakyti „man labai reikia surasti tualetą“ paprasta anglų kalba, o jis išverčia kultūrinius niuansus ir duoda tau nuorodas tokiu būdu, kuris tavo nenatūralioms smegenims visiškai aiškus.
 
 Programavimo terminais:
-- **Žemo lygio kalbos** (pvz., Assembly ar C) leidžia labai detaliai bendrauti su kompiuterio aparatine įranga, bet reikia galvoti kaip mašina, o tai... sakykime, didelis protinis pokytis!
-- **Aukšto lygio kalbos** (pvz., JavaScript, Python ar C#) leidžia mąstyti kaip žmogus, o jos rūpinasi visa mašinos kalba užkulisiuose. Be to, jose gyvena draugiškos bendruomenės, pilnos žmonių, kurie prisimena, kaip buvo naujokai ir tikrai nori padėti!
+- **Žemo lygio kalbos** (tokios kaip Asamblėja ar C) leidžia labai detaliai kalbėtis su kompiuterio aparatine įranga, tačiau reikalingas mašinos mąstymas, o tai... na, sakykime, didelis psichologinis šuolis!
+- **Aukšto lygio kalbos** (pavyzdžiui, JavaScript, Python ar C#) leidžia galvoti kaip žmogui, o jos pačios rūpinasi visa mašinine kalba užkulisiuose. Be to, jos turi draugiškas bendruomenes, pilnas žmonių, kurie prisimena, kas buvo mokiniai ir tikrai nori padėti!
 
-Spėk, kurias aš pasiūlysiu pradėti tau? 😉 Aukšto lygio kalbos yra kaip treniruočių ratukai, kurių tu iš tiesų niekada nenorėsi nusimesti, nes jos daro visą patirtį daug malonesnę!
+Spėk, nuo kurių aš siūlau pradėti? 😉 Aukšto lygio kalbos yra tarsi mokomieji ratai, kurių tu tikrai nenori nuimti, nes jos daro visą patirtį daug smagesnę!
 
 ```mermaid
 flowchart TB
-    A["👤 Žmogiška mintis:<br/>'Noriu apskaičiuoti Fibonačio skaičius'"] --> B{Pasirinkti kalbos lygį}
+    A["👤 Žmogiška mintis:<br/>'Noriu apskaičiuoti Fibonačio skaičius'"] --> B{Pasirinkite programavimo kalbos lygį}
     
     B -->|Aukšto lygio| C["🌟 JavaScript/Python<br/>Lengva skaityti ir rašyti"]
-    B -->|Žemo lygio| D["⚙️ Asamblėja/C<br/>Tiesioginė aparatūros kontrolė"]
+    B -->|Žemo lygio| D["⚙️ Assembly/C<br/>Tiesioginė aparatinės įrangos kontrolė"]
     
     C --> E["📝 Rašyti: fibonacci(10)"]
     D --> F["📝 Rašyti: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Kompiuterio suvokimas:<br/>Vertėjas tvarko sudėtingumą"]
+    E --> G["🤖 Kompiuterio supratimas:<br/>Vertėjas valdo sudėtingumą"]
     F --> G
     
     G --> H["💻 Tas pats rezultatas:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,13 +164,13 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Parodysiu, kodėl aukšto lygio kalbos yra kur kas draugiškesnės
+### Parodysiu, kodėl aukšto lygio kalbos tokios draugiškos
 
-Gerai, ketinu tau parodyti ką nors, kas puikiai iliustruoja, kodėl aš įsimylėjau aukšto lygio kalbas, bet pirmiausia – pažadu man kažką. Kai pamatysi pirmą kodo pavyzdį, nesijaudink! Jis turi atrodyti šiek tiek bauginantis. Būtent tai aš ir noriu parodyti!
+Gerai, rodysiu tau pavyzdį, kuris puikiai parodo, kodėl aš pamėgau aukšto lygio kalbas, bet pirmiausiai – noriu, kad pažadėtum man kažką. Kai pamatysi pirmąk kodą, nepanikuok! Jis turi atrodyti bauginančiai. Ir tai yra būtent mano taikymas!
 
-Pažiūrėsime tą pačią užduotį parašytą dviem visiškai skirtingais stiliais. Abi kuria tai, kas vadinama Fibonacci seka – gražus matematinis modelis, kuriame kiekvienas skaičius yra dviejų prieš jį esančių suma: 0, 1, 1, 2, 3, 5, 8, 13... (Smagus faktas: šį modelį rasi tiesiog visur gamtoje – saulėgrąžų sėklų spiralėse, kankorėžių raštuose, netgi galaktikų formavime!)
+Pažiūrėsime tą pačią užduotį, parašytą dviem visiškai skirtingais stiliais. Abu sukuria Fibonacci seką – tai gražus matematinis dėsnis, kai kiekvienas skaičius yra dviejų prieš jį esančių sumą: 0, 1, 1, 2, 3, 5, 8, 13... (Įdomybė: šį dėsningumą rasi tiesiog visur gamtoje – saulėgrąžų sėklų spiralėse, pušų kūgių raštuose, netgi galaktikų formavime!)
 
-Pasiruošęs pamatyti skirtumą? Pradėkime!
+Pasiruošęs pamatyti skirtumą? Eime!
 
 **Aukšto lygio kalba (JavaScript) – žmogui draugiška:**
 
@@ -183,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Štai ką daro šis kodas:**
-- **Nustato** konstantą, kiek Fibonacci skaičių norime sugeneruoti
-- **Inicijuoja** du kintamuosius, kurie seka esamą ir kitą skaičių sekoje
-- **Nustato** pradines reikšmes (0 ir 1), kurios apibrėžia Fibonacci modelį
-- **Rodo** antraštę, kad pažymėtų mūsų išvestį
+**Šis kodas daro šiuos veiksmus:**
+- **Deklaruoja** konstantą, kuri nurodo, kiek Fibonacci skaičių norime sugeneruoti
+- **Inicializuoja** du kintamuosius, sekančius dabartinį ir kitą skaičių sekoje
+- **Nustato** pradinius reikšmes (0 ir 1), kurios apibrėžia Fibonacci modelį
+- **Pateikia** antraštę, kad pažymėtų rezultatus
 
 ```javascript
-// 2 veiksmas: Sukurkite seką su kilpa
+// 2 žingsnis: Sugeneruokite seką naudodami kilpą
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Apskaičiuokite kitą sekos skaičių
+  // Apskaičiuokite kitą skaičių sekoje
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Kas vyksta čia:**
-- **Kartojame** per visą sekos ilgį naudodami `for` ciklą
-- **Rodo** kiekvieną skaičių su jo padėtimi naudodami šabloninį formatavimą
-- **Apskaičiuoja** kitą Fibonacci skaičių pridėdami dabartinį ir kitą skaičių
-- **Atnaujina** kintamuosius sekti, kad pereitume prie kitos iteracijos
+**Čia vyksta:**
+- **Kartojamas ciklas** per kiekvieną sekos elementą naudojant `for` ciklą
+- **Rodomas** kiekvienas skaičius su jo pozicija naudojant šablonines eilutes
+- **Apskaičiuojamas** kitas Fibonacci skaičius, sudedant dabartinę ir kitą reikšmes
+- **Atnaujinami** kintamieji, judant prie kitos iteracijos
 
 ```javascript
-// 3 žingsnis: Modernus funkcinis požiūris
+// 3 žingsnis: Šiuolaikinis funkcinis požiūris
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -225,12 +225,12 @@ console.log(fibSequence);
 ```
 
 **Aukščiau mes:**
-- **Sukūrėme** pakartotinai naudojamą funkciją naudodami modernią rodyklės funkcijos sintaksę
-- **Sukonstravome** masyvą, kuriame saugoma visa seka, o ne rodoma po vieną skaičių
-- **Naudojame** masyvo indeksavimą, kad apskaičiuotume kiekvieną naują skaičių iš ankstesnių
-- **Gražiname** visą seką, kad galėtume lankščiai naudoti kitose programos vietose
+- **Sukūrėme** pakartotinai naudojamą funkciją, naudojant modernią rodyklės funkciją
+- **Sukūrėme** masyvą, kuris saugo visą seką, o ne rodo skaičius pavieniui
+- **Naudojome** masyvo indeksavimą, kad apskaičiuoti kiekvieną naują skaičių iš ankstesnių reikšmių
+- **Gražiname** visą seką, kad ją būtų galima lanksčiai naudoti programos kituose vietose
 
-**Žemo lygio kalba (ARM Assembly) – kompiuteriui draugiška:**
+**Žemo lygio kalba (ARM Asamblėja) – kompiuteriui draugiška:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,77 +257,77 @@ back add r0,r1
  end
 ```
 
-Pastebėk, kaip JavaScript variantas beveik skaito kaip anglų kalbos instrukcijos, o Assembly versija naudoja paslaptimis apipintas komandas, kurios tiesiogiai valdo kompiuterio procesorių. Abi atlieka tą pačią užduotį, bet aukšto lygio kalba yra daug lengviau suprantama, parašoma ir palaikoma žmogui.
+Atkreipk dėmesį, kaip JavaScript versija skaitosi beveik kaip angliški nurodymai, o Asamblėjos versija naudoja kriptinius komandas, kurios tiesiogiai valdo kompiuterio procesorių. Abi atlieka tą pačią užduotį, bet aukšto lygio kalba gerokai lengviau suprantama, rašoma ir prižiūrima žmogui.
 
-**Svarbūs skirtumai:**
-- **Skaitomumas**: JavaScript naudoja aprašomuosius pavadinimus, tokius kaip `fibonacciCount`, o Assembly – paslėptus ženklus, tokius kaip `r0`, `r1`
-- **Komentarai**: Aukšto lygio kalbos skatina aiškius komentarus, kurie daro kodą savarankiškai aprašomu
-- **Struktūra**: JavaScript loginis srautas atitinka, kaip žmonės žingsnis po žingsnio mąsto apie problemas
+**Pagrindiniai skirtumai, kuriuos pastebėsi:**
+- **Skaitymo paprastumas**: JavaScript naudoja aprašomuosius pavadinimus, tokius kaip `fibonacciCount`, o Assembly – paslėptus žymenis, tokius kaip `r0`, `r1`
+- **Komentarai**: Aukšto lygio kalbos skatina aiškinamuosius komentarus, kurie daro kodą savidokumentuojančiu
+- **Struktūra**: JavaScript loginė eiga atitinka žmonių mąstymą problemų sprendime žingsnis po žingsnio
 - **Priežiūra**: JavaScript versijos atnaujinimas skirtingiems reikalavimams yra paprastas ir aiškus
 
-✅ **Apie Fibonačio seką**: Šis tiesiog nuostabus skaičių modelis (kai kiekvienas skaičius yra dviejų prieš jį esančių suma: 0, 1, 1, 2, 3, 5, 8...) pasitaiko tiesiog *visur* gamtoje! Jį rasite saulėgrąžų spiralėse, pušies kūgio raštuose, nukalnių kriauklių išlinkimuose, ir netgi medžių šakų augime. Tai tikrai nuostabu, kaip matematika ir kodas gali padėti mums suprasti ir atkurti modelius, kuriuos gamta naudoja kurdama grožį!
+✅ **Apie Fibonacci seką**: Šis visiškai nuostabus skaičių raštas (kur kiekvienas skaičius yra dviejų prieš jį esančių sumą: 0, 1, 1, 2, 3, 5, 8...) pasirodo tiesiog *visur* gamtoje! Jį rasite saulėgrąžų spiralėse, pušies kankorėžių raštuose, kaip vingiuoja nautilius kriauklės, net kaip auga medžių šakos. Labai įdomu, kaip matematika ir kodas gali padėti mums suprasti ir atkurti raštus, kuriuos gamta naudoja kuriant grožį!
 
 
-## Statybiniai blokai, kurie sukuria magiją
+## Kūrimo blokai, kurie daro magiją
 
-Gerai, dabar, kai matėte, kaip atrodytų programavimo kalbos veikiant, išskaidykime pagrindines dalis, kurios sudaro praktiškai kiekvieną kada nors parašytą programą. Įsivaizduokite jas kaip svarbiausias sudedamąsias jūsų mėgstamoje recepto dalyje – kai suprasite, ką kiekviena daro, galėsite skaityti ir rašyti kodą beveik bet kuria kalba!
+Gerai, dabar kai pamatėte, kaip atrodo programavimo kalbos praktiškai, suskaidykime pagrindines dalis, kurios sudaro tiesiog kiekvieną parašytą programą. Galvokite apie jas kaip esminius ingredientus savo mėgstamiausiame recepte – supratę, ką daro kiekvienas, galėsite skaityti ir rašyti kodą beveik bet kuria kalba!
 
-Tai yra tarsi mokytis programavimo gramatikos. Prisiminkite mokykloje, kai mokėtės apie daiktavardžius, veiksmus ir kaip daryti sakinius? Programavimas turi savąją gramatiką, ir tiesą sakant, ji daug logiškesnė ir atlaidesnė nei anglų kalbos gramatika! 😄
+Tai kažkas panašaus į programavimo gramatikos mokymąsi. Prisiminkite mokykloje, kai mokėtės apie daiktavardžius, veiksmažodžius ir kaip sudaryti sakinius? Programavimas turi savo gramatikos versiją, ir tiesiog įdomu, kad ji yra daug logiškesnė ir atlaidesnė nei anglų kalbos gramatika! 😄
 
-### Pareiškimai: žingsnis po žingsnio instrukcijos
+### Sakinių blokai: žingsnis po žingsnio instrukcijos
 
-Pradėkime nuo **pareiškimų** – tai tarsi atskiri sakiniai pokalbyje su jūsų kompiuteriu. Kiekvienas pareiškimas liepia kompiuteriui atlikti vieną konkretų veiksmą, panašiai kaip duodami nurodymus: „Pasukite čia į kairę“, „Sustokite prie raudono šviesoforo“, „Pastatykite automobilį šioje vietoje.“
+Pradėkime nuo **sakinių** – jie kaip atskiros pastraipos pokalbyje su jūsų kompiuteriu. Kiekvienas sakinys liepia kompiuteriui atlikti vieną konkrečią užduotį, tarsi duotų kryptis: „Čia pasuk į kairę“, „Sustok prie raudono šviesoforo“, „Pastatyk automobilį tame taške.“
 
-Man patinka pareiškimų skaitomumas. Pažiūrėkite:
+Man patinka sakiniai dėl jų skaitomumo. Pažiūrėkite:
 
 ```javascript
-// Pagrindinės komandos, kurios atlieka vienkartines veiksmus
+// Pagrindinės instrukcijos, kurios atlieka vienkartinius veiksmus
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Štai ką daro šis kodas:**
-- **Deklaruoja** konstantą kintamąjį, kuriame saugomas vartotojo vardas
-- **Rodo** pasveikinimo žinutę konsolėje
-- **Apskaičiuoja** ir saugo matematinių veiksmų rezultatą
+**Štai ką šis kodas atlieka:**
+- **Deklaruoja** konstantą kintamąjį vartotojo vardui saugoti
+- **Rodo** pasveikinimo pranešimą konsolės išvestyje
+- **Apskaičiuoja** ir išsaugo matematinės operacijos rezultatą
 
 ```javascript
-// Teiginiai, sąveikaujantys su tinklalapiais
+// Teiginiai, kurie sąveikauja su tinklalapiais
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
 **Žingsnis po žingsnio, štai kas vyksta:**
-- **Keičia** interneto svetainės puslapio pavadinimą, rodomą naršyklės skirtuke
+- **Pakeičia** tinklalapio pavadinimą, rodoma naršyklės skirtelyje
 - **Pakeičia** viso puslapio fono spalvą
 
-### Kintamieji: Jūsų programos atminties sistema
+### Kintamieji: jūsų programos atminties sistema
 
-Gerai, **kintamieji** man yra viena iš mėgstamiausių mokymo sąvokų, nes jie labai panašūs į dalykus, kuriuos kasdien naudojate!
+Taip, **kintamieji** yra tikrai viena mano mėgstamiausių mokymo sąvokų, nes jie labai panašūs į dalykus, kuriuos jau naudojate kiekvieną dieną!
 
-Pagalvokite apie savo telefono kontaktų sąrašą. Jūs neužsirašote visų numerių atmintinai – vietoj to išsaugote „Mama“, „Geriausias draugas“ ar „Picerija, kuri tiekia iki 2 val. nakties“ ir telefono telefono atmintis prisimena tikruosius numerius. Kintamieji veikia lygiai taip pat! Jie tarsi pavadintos talpyklos, kuriose programa gali saugoti informaciją ir vėliau ją rasti pagal prasmingą pavadinimą.
+Pagalvokite apie savo telefono kontaktų sąrašą. Jūs neužsirašote visų numerių atmintinai – vietoje to išsaugote „Mama“, „Geriausias draugas“ arba „Pica, kuri pristato iki 2 valandos nakties“ ir telefone išsaugomi tik tikrieji numeriai. Kintamieji veikia visai taip pat! Tai kaip pažymėtos talpos, kuriose jūsų programa gali saugoti informaciją ir vėliau ją pasiimti naudodama pavadinimą, kuris iš tikrųjų prasmingas.
 
-Štai kas išties nuostabu: kintamieji gali keistis, kai programa veikia (todėl jie ir vadinami „kintamaisiais“ – suprantate, ką jie padarė?). Kaip atnaujinate tą picerijos kontaktą, kai radote dar geresnę vietą, taip kintamieji atnaujinami, kai programa sužino naujos informacijos arba kai situacijos keičiasi!
+Čia yra tai, kas tikrai nuostabu: kintamieji gali keistis programos veikimo metu (todėl ir pavadinimas „kintamasis“ – pamatykite, ką jie padarė?). Kaip jūs galėtumėte atnaujinti tą picos kontaktą radę dar geresnį restoraną, taip kintamieji gali būti atnaujinti, kai programa sužino naujos informacijos arba keičiasi sąlygos!
 
-Leiskite parodyti, kaip tai gali būti paprasta ir gražu:
+Leiskite parodyti, kaip gražiai paprasta tai gali būti:
 
 ```javascript
-// 1 žingsnis: kuriami pagrindiniai kintamieji
+// 1 žingsnis: Kuriame pagrindinius kintamuosius
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
 
-**Šių sąvokų supratimas:**
-- **Laikykite** nekintančias reikšmes `const` kintamuosiuose (pavyzdžiui, svetainės pavadinimą)
-- **Naudokite** `let` vertėms, kurios gali keistis programos eigoje
-- **Priskirkite** skirtingų tipų duomenis: tekstus (eilutes), skaičius ir bool tipo reikšmes (true/false)
-- **Rinkitės** aiškius pavadinimus, kurie paaiškina, ką kiekvienas kintamasis saugo
+**Šios sąvokos supratimas:**
+- **Saugo** nekintamus duomenis `const` kintamuosiuose (pvz., svetainės pavadinimą)
+- **Naudoja** `let` reikšmėms, kurios gali keistis programos metu
+- **Priedija** skirtingus duomenų tipus: tekstus (string), skaičius, ir loginės reikšmės (boolean)
+- **Pasirenka** aprašomuosius pavadinimus, kurie aiškiai paaiškina, ką kiekvienas kintamasis saugo
 
 ```javascript
-// 2 žingsnis: Darbas su objektais siekiant suskirstyti susijusius duomenis
+// 2 žingsnis: Darbas su objektais susijusių duomenų grupavimui
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -336,46 +336,46 @@ const weatherData = {
 ```
 
 **Aukščiau mes:**
-- **Sukūrėme** objektą, kuris grupuoja susijusią oro sąlygų informaciją
-- **Organizavome** kelias duomenų dalis po vienu kintamuoju pavadinimu
-- **Panaudojome** raktas-reikšmė poras, kad aiškiai pažymėtume kiekvieną duomenų dalį
+- **Sukūrėme** objektą, grupuojantį susijusią orų informaciją
+- **Organizavome** kelis duomenis po vienu kintamojo pavadinimu
+- **Naudojome** raktas–reikšmė poras, kad aiškiai pažymėtume kiekvieną duomenų elementą
 
 ```javascript
-// 3 žingsnis: kintamųjų naudojimas ir atnaujinimas
+// 3 žingsnis: Kintamųjų naudojimas ir atnaujinimas
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Keičiami kintamieji atnaujinami
+// Kintamųjų, kuriuos galima keisti, atnaujinimas
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**Suvokime kiekvieną dalį:**
+**Paaiškinkime kiekvieną dalį:**
 - **Rodyti** informaciją naudojant šablonines eilutes su `${}` sintakse
-- **Pasiekti** objekto savybes naudojant taško žymėjimą (`weatherData.windSpeed`)
-- **Atnaujinti** `let` deklaruotus kintamuosius, kad atspindėtų kintančias sąlygas
-- **Derinti** kelis kintamuosius, kad sukurtumėte prasmingas žinutes
+- **Pasiekti** objekto savybes naudojant taškinę notaciją (`weatherData.windSpeed`)
+- **Atnaujinti** `let` deklaruotus kintamuosius, kad atspindėtų besikeičiančias sąlygas
+- **Sujungti** kelis kintamuosius kuriant prasmingus pranešimus
 
 ```javascript
-// 4 žingsnis: Modernus destruktūravimas švaresniam kodui
+// 4 žingsnis: Modernus destruktūrizavimas švaresniam kodui
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Tai, ką reikia žinoti:**
-- **Išskirti** specifines objekto savybes naudojant destruktuojantį priskyrimą
-- **Automatiškai kurti** naujus kintamuosius su tokiais pačiais pavadinimais kaip objekto raktai
-- **Supaprastinti** kodą vengiant pasikartojančio taško žymėjimo
+**Ką reikia žinoti:**
+- **Išskirti** tam tikras objekto savybes naudojant destruktūrizavimo priskyrimą
+- **Sukurti** naujus kintamuosius automatiškai su tokiais pat pavadinimais kaip objekto raktai
+- **Supaprastinti** kodą vengiant pasikartojančios taškinės notacijos
 
-### Valdymo eiga: mokome programą mąstyti
+### Kontrolės srautas: mokome programą galvoti
 
-Gerai, čia prasideda tikras programavimo stebuklas! **Valdymo eiga** iš esmės reiškia mokyti programą priimti protingus sprendimus, kaip darote kiekvieną dieną, net apie tai negalvodami.
+Gerai, čia programavimas tampa tikrai stulbinantis! **Kontrolės srautas** iš esmės reiškia mokyti programą priimti išmintingus sprendimus, tarsi kaip jūs darote kiekvieną dieną be jokių minčių.
 
-Įsivaizduokite: šiandien rytą turbūt pagalvojote „Jei lyja, pasiimsiu skėtį. Jei šalta – užsidėsiu striukę. Jei vėluoju, praleisiu pusryčius ir nusipirksiu kavos kelyje.“ Jūsų smegenys natūraliai seka šią jeigu-tada logiką dešimtis kartų kasdien!
+Įsivaizduokite: ryte galbūt manote „Jeigu lyja, pasiimsiu skėtį. Jei šalta, apsirengsiu striukę. Jei vėluoju, nepavalgysiu ir pasiimsiu kavos pakeliui.“ Jūsų smegenys natūraliai vykdo šią jeigu–tai logiką dešimtis kartų per dieną!
 
-Tai leidžia programoms atrodyti protingoms ir gyvoms, o ne tiesiog vykdyti nuobodžius, nuspėjamus scenarijus. Jos gali pažvelgti į situaciją, įvertinti, kas vyksta, ir tinkamai atsakyti. Lyg suteiktumėte savo programai smegenis, kurios gali prisitaikyti ir priimti sprendimus!
+Tai daro programas protingas ir gyvas, o ne tik seką nuobodžių, nuspėjamų komandų. Jos iš tiesų gali pažvelgti į situaciją, įvertinti, kas vyksta, ir tinkamai reaguoti. Tarsi suteiktumėte programai smegenis, kurios gali prisitaikyti ir priimti sprendimus!
 
-Norite pamatyti, kaip gražiai visa tai veikia? Leiskite parodyti:
+Norite pamatyti, kaip gražiai tai veikia? Leiskite parodyti:
 
 ```javascript
 // 1 žingsnis: Pagrindinė sąlyginė logika
@@ -389,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Štai ką daro šis kodas:**
-- **Patikrina**, ar vartotojo amžius atitinka balsavimo reikalavimus
-- **Vykdo** skirtingus kodo blokus pagal sąlygos rezultatą
-- **Apskaičiuoja** ir rodo, kiek liko laiko iki balsavimo teisės, jei mažiau nei 18
-- **Teikia** konkrečią ir naudingą grįžtamąją informaciją kiekvienam atvejui
+**Štai ką šis kodas daro:**
+- **Tikrina**, ar vartotojo amžius atitinka balsavimo reikalavimą
+- **Vykdo** skirtingus kodo blokus priklausomai nuo sąlygų rezultato
+- **Apskaičiuoja** ir parodo, kiek dar laiko iki balsavimo teisės, jei vartotojas jaunesnis nei 18
+- **Suteikia** konkrečią, naudingą grįžtamąją informaciją kiekvienam atvejui
 
 ```javascript
-// 2 žingsnis: kelios sąlygos su loginiais operatoriais
+// 2 žingsnis: Keli sąlygos su loginiais operatoriais
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,22 +409,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Išskaidykime, kas čia vyksta:**
-- **Sujungia** kelias sąlygas naudodama `&&` (ir) operatorių
-- **Sukuria** sąlygų hierarchiją naudodama `else if` keliems scenarijams
-- **Tvarko** visas galimas bylas naudodama galutinį `else` pareiškimą
-- **Teikia** aiškią, veiksmingą grįžtamąją informaciją kiekvienai skirtingai situacijai
+**Išskaidyti tai, kas čia vyksta:**
+- **Sujungia** kelias sąlygas naudodami `&&` (ir) operatorių
+- **Kurti** daugiapakopį sąlygų hierarchiją naudodami `else if` keliems scenarijams
+- **Apdoroti** visas galimas situacijas galutiniu `else` sakiniu
+- **Pateikti** aiškią, veiksmingą grįžtamąją informaciją kiekvienai skirtingai situacijai
 
 ```javascript
-// 3 žingsnis: Trumpa sąlyga su ternariniu operatoriumi
+// 3 žingsnis: Trumpa sąlyga su ternarinis operatoriumi
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Tai, ką verta prisiminti:**
-- **Naudokite** ternarinį operatorių (`? :`) paprastoms dvejetainėms sąlygoms
-- **Rašykite** sąlygą pirmiausia, tada `?`, po jos tiesa, tada `:`, po to melas
-- **Pritaikykite** šį modelį, kai reikia priskirti reikšmes pagal sąlygas
+**Ką reikia prisiminti:**
+- **Naudoti** ternarinį operatorių (`? :`) paprastoms dviejų galimų variantų sąlygoms
+- **Rašyti** sąlygą pirma, po to `?`, tada tiesos rezultatą, po to `:`, tada klaidos rezultatą
+- **Taikyti** šį modelį, kai reikia priskirti reikšmes pagal sąlygas
 
 ```javascript
 // 4 žingsnis: kelių specifinių atvejų tvarkymas
@@ -447,55 +447,55 @@ switch (dayOfWeek) {
 }
 ```
 
-**Šis kodas atlieka šiuos veiksmus:**
-- **Palygina** kintamojo reikšmę su keliais specifiniais atvejais
-- **Grupuoja** panašias bylas (darbo dienos prieš savaitgalius)
-- **Vykdo** tinkamą kodą, kai randamas sutapimas
-- **Įtraukia** `default` atvejį neplanuotoms reikšmėms
-- **Naudoja** `break` pareiškimus, kad nebūtų tęsiamas kodas kitam atvejui
+**Šis kodas atlieka:**
+- **Suderina** kintamojo reikšmę su keliomis konkrečiomis situacijomis
+- **Grupuoja** panašias bylas kartu (darbo dienos prieš savaitgalius)
+- **Vykdo** tinkamą kodo bloką suradus atitikimą
+- **Įtraukia** `default` atvejį netikėtoms reikšmėms apdoroti
+- **Naudoja** `break` sakinius, kad kodas nesitęstų į kitą bylą
 
-> 💡 **Tikro gyvenimo analogija**: Valdymo eigą įsivaizduokite kaip kantriausią GPS pasaulyje, kuris jums duoda nurodymus. Jis gali pasakyti „Jei Main gatvėje yra kamštis, važiuok greitkeliu. Jei greitkelį užkemša statybos, bandyk aplinkkelį.“ Programos naudoja tokią pačią sąlyginę logiką, kad išmintingai reaguotų į įvairias situacijas ir visada suteiktų geriausią patirtį vartotojams.
+> 💡 **Realus pavyzdys**: Pagalvokite apie kontrolės srautą kaip apie kantriausią pasaulyje GPS, kuris duoda jums nurodymus. Jis gali sakyti: „Jei pagrindinėje gatvėje spūstis, važiuokite automagistrale. Jei automagistralę uždaro statybos, bandykite vaizdingą maršrutą.“ Programos naudoja tokią pačią loginę sąlygų logiką, kad išmintingai reaguotų į skirtingas situacijas ir visuomet suteiktų vartotojams geriausią patirtį.
 
-### 🎯 **Patikrinimas: pagrindų valdymas**
+### 🎯 **Konceptų patikrinimas: pagrindų meistriškumas**
 
 **Pažiūrėkime, kaip sekasi su pagrindais:**
-- Ar galite savo žodžiais paaiškinti, kuo skiriasi kintamasis nuo pareiškimo?
-- Pagalvokite apie realų gyvenimo pavyzdį, kur naudotumėte jeigu-tada sprendimą (kaip balsavimo pavyzdyje)
-- Kas programavimo logikoje jus labiausiai nustebino?
+- Ar galite paaiškinti skirtumą tarp kintamojo ir sakinio savo žodžiais?
+- Sugalvokite realų scenarijų, kur panaudotumėte jeigu–tai sprendimą (kaip mūsų balsavimo pavyzdyje)
+- Kas programavimo logikoje jus nustebino?
 
-**Greitas pasitikėjimo suteikėjas:**
+**Greitas pasitikėjimo pakilimas:**
 ```mermaid
 flowchart LR
-    A["📝 Pareiškimai<br/>(Instrukcijos)"] --> B["📦 Kintamieji<br/>(Saugykla)"] --> C["🔀 Valdymo Srautas<br/>(Sprendimai)"] --> D["🎉 Veikianti Programa!"]
+    A["📝 Teiginiai<br/>(Instrukcijos)"] --> B["📦 Kintamieji<br/>(Saugojimas)"] --> C["🔀 Valdymo srautas<br/>(Sprendimai)"] --> D["🎉 Veikianti Programa!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Kas bus toliau**: Mes įdomiai gilinsimės į šias sąvokas tęsdamiesi šią nuostabią kelionę kartu! Dabar tiesiog mėgaukitės jauduliu dėl visų nuostabių galimybių priešais jus. Specifiniai įgūdžiai ir technikos natūraliai įsimins, kai mokysimės kartu – pažadu, bus daug smagiau nei tikitės!
+✅ **Ką darysime toliau**: Pradėsime smagiai gilintis į šias sąvokas ir tęsti šią nuostabią kelionę kartu! Dabar tiesiog susikoncentruokite į jaudulį dėl visų nuostabių galimybių, kurios laukia jūsų. Konkrečios įgūdžių ir technikos įsisavins natūraliai, kai praktikuosimės kartu – pažadu, tai bus daug smagiau, nei tikėjotės!
 
-## Įrankiai
+## Įrankiai darbui
 
-Gerai, čia aš išties taip jaudinuosi, kad vos susivaldau! 🚀 Kalbėsime apie neįtikėtinus įrankius, kurie leis jaustis, tarsi ką tik gautumėte skaitmeninės kosminės erdvėlaivio raktus.
+Gerai, čia aš iš tiesų labai jaudinuosi ir vos neapsiverkiu iš džiaugsmo! 🚀 Kalbėsime apie neįtikėtinus įrankius, kurie leis jums jaustis, tarsi ką tik gavote rakto nuo skaitmeninės kosminės laivo taikymo.
 
-Žinote, kaip šefas turi tobulai sureguliuotus peilius, kurie tarsi taptų jo rankų pratęsimu? Arba kaip muzikantas turi tą vienintelę gitarą, kuri atrodo kažkaip dainuoja vos tik ją palietus? Na, programuotojai turi savo magiškų įrankių versiją, ir štai kas visiškai nušluostys jums kojas – dauguma jų yra visiškai nemokami!
+Žinote, kaip virėjas turi tobulai subalansuotus peilius, kurie jaučiasi tarsi jo rankos tęsinys? O muzikantas turi gitarą, kuri atrodo ima dainuoti vos ją palietus? Na, kūrėjai turi savo versiją tų magiškų įrankių, ir štai kas jus tiesiog pribloškia – dauguma jų visai nemokami!
 
-Praktiškai šoku iš džiaugsmo galvodamas apie tai, kaip visa tai jums papasakoti, nes jie visiškai pakeitė, kaip mes kuriame programinę įrangą. Kalbame apie dirbtiniu intelektu paremtus programavimo padėjėjus, kurie gali padėti jums rašyti kodą (rimtai!), debesis, kur galite kurti visą programą tiesiog iš bet kur su Wi-Fi, bei tokius sudėtingus klaidų taisymo įrankius, kurie tarsi turi rentgeno matymą jūsų programoms.
+Negaliu nustygti vietoje, galvodamas apie galimybę dalintis jais su jumis, nes jie visiškai pakeitė, kaip kuriame programinę įrangą. Kalbame apie AI varomus kodo pagalbininkus, kurie gali padėti rašyti kodą (ir aš čia tikrai nejuokauju!), debesų aplinkas, kur galite kurti visas programas bet kur, kur yra Wi-Fi, ir tokį derinimo įrankių kompleksą, kad jie tarsi X-spinduliai jūsų programoms.
 
-Ir štai dalis, kuri vis dar man kelia šiurpuliukus: tai nėra „pradedančiųjų įrankiai“, kuriuos peraugsit. Tai yra būtent tie patys profesionalūs įrankiai, kuriuos šiuo pat metu naudoja Google, Netflix ir tas indie programų studija, kurią mylite. Jūs jausitės tikrais profesionalais juos naudodami!
+Ir štai kas man vis dar kelia šiurpuliukus: tai tikrai nėra „pradedančiųjų įrankiai“, kuriuos greitai peraugsit. Tai tie patys profesionalaus lygio įrankiai, kuriuos šiuo metu naudoja Google, Netflix ir ta indie programėlių studija, kurią dievinate. Jūs jausitės tikru profesionalu, juos naudodami!
 
 ```mermaid
 graph TD
     A["💡 Jūsų idėja"] --> B["⌨️ Kodo redaktorius<br/>(VS Code)"] 
-    B --> C["🌐 Naršyklės kūrimo įrankiai<br/>(Testavimas ir derinimas)"]
-    C --> D["⚡ Komandų eilutė<br/>(Automatizavimas ir įrankiai)"]
-    D --> E["📚 Dokumentacija<br/>(Mokymasis ir nuoroda)"]
-    E --> F["🚀 Nuostabi žiniatinklio programa!"]
+    B --> C["🌐 Naršyklės kūrėjų įrankiai<br/>(Testavimas ir derinimas)"]
+    C --> D["⚡ Komandinė eilutė<br/>(Automatizavimas ir įrankiai)"]
+    D --> E["📚 Dokumentacija<br/>(Mokymasis ir nuorodos)"]
+    E --> F["🚀 Nuostabi žiniatinklio programėlė!"]
     
     B -.-> G["🤖 DI asistentas<br/>(GitHub Copilot)"]
     C -.-> H["📱 Įrenginių testavimas<br/>(Reaguojantis dizainas)"]
-    D -.-> I["📦 Paketų tvarkyklės<br/>(npm, yarn)"]
+    D -.-> I["📦 Paketo valdytojai<br/>(npm, yarn)"]
     E -.-> J["👥 Bendruomenė<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,121 +505,121 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Kodo redaktoriai ir IDE: jūsų nauji skaitmeniniai draugai
+### Kodo redaktoriai ir IDE: jūsų naujieji skaitmeniniai draugai
 
-Kalbėkime apie kodo redaktorius – jie tikrai taps jūsų mėgstamiausiomis vietomis kurti! Įsivaizduokite juos kaip asmeninę programavimo erdvę, kur praleisite daugiausiai laiko kurdami ir tobulindami savo skaitmeninius kūrinius.
+Pakalbėkime apie kodo redaktorius – jie rimtai gali tapti jūsų mėgstamiausiomis vietomis praleisti laiką! Galvokite apie juos kaip savo asmeninę programavimo šventovę, kur praleisite daugiausia laiko, kurdami ir tobulindami savo skaitmeninius kūrinius.
 
-Bet štai kas nepaprasta apie šiuolaikinius redaktorius: tai ne tik puošnūs teksto redaktoriai. Jie tarsi genialiausi, palaikantys programavimo mentoriai, sėdintys šalia jūsų 24/7. Jie pagauna jūsų klaidas dar prieš jums jas pastebint, siūlo patobulinimus, kurie padaro jus genijumi, padeda suprasti, ką daro kiekviena kodo dalis, o kai kurie net gali nuspėti, ką ketinate rašyti ir pasiūlyti užbaigti jūsų mintis!
+Bet štai kas yra tiesiog magiška apie modernius redaktorius: jie nėra vien tik išvaizdžūs teksto redaktoriai. Jie tarsi pats šviesiausias ir palaikantis programavimo mentorius, sėdintis šalia jūsų 24/7. Jie pagauna jūsų klaidas dar anksčiau, nei jas pastebite, pasiūlo patobulinimus, kurie jus padaro genijumi, padeda suprasti, ką daro kiekvienas kodo gabalas, ir kai kurie net gali nuspėti, ką ketinate rašyti, ir pasiūlyti baigti jūsų mintis!
 
-Prisimenu, kai atradau automatinį užbaigimą – nejaučiau, kad gyvenu realybėje, tai buvo tarsi ateitis. Pradedate rašyti, o redaktorius sako: „Ei, galvojai apie šią funkciją, kuri daro būtent tai, ko tau reikia?“ Tarsi jūsų programavimo draugas, kuris skaito mintis!
+Prisimenu, kai pirmą kartą atradau automatinį užbaigimą – jaučiausi tarsi gyvenčiau ateityje. Pradedate rašyti, ir redaktorius sako: „Ei, ar galvojote apie šią funkciją, kuri daro būtent tai, ko jums reikia?“ Tarsi turėtumėte mintis skaitantį draugą!
 
-**Kas daro šiuos redaktorius tokiais nuostabiais?**
+**Kas daro šiuos redaktorius tokius neįtikėtinus?**
 
-Šiuolaikiniai kodo redaktoriai siūlo įspūdingą funkcijų sąrašą, skirtą didinti jūsų produktyvumą:
+Modernūs kodo redaktoriai siūlo įspūdingą funkcijų rinkinį, skirtą padidinti jūsų produktyvumą:
 
-| Funkcija | Ką ji daro | Kodėl ji naudinga |
+| Funkcija | Ką ji daro | Kodėl tai naudinga |
 |---------|--------------|--------------|
-| **Sintaksės paryškinimas** | Spalvina skirtingas kodo dalis | Palengvina skaitymą ir klaidų pastebėjimą |
-| **Automatinis užbaigimas** | Siūlo kodą rašant | Spartina programavimą ir mažina klaidas |
-| **Debug įrankiai** | Padeda rasti ir taisyti klaidas | Taupo valandas sprendžiant problemas |
-| **Praplėtimai** | Prideda specializuotas funkcijas | Priderina redaktorių bet kokiai technologijai |
-| **DI asistentai** | Siūlo kodo fragmentus ir paaiškinimus | Pagreitina mokymąsi ir darbą |
+| **Sintaksės paryškinimas** | Spalvina skirtingas kodo dalis | Padeda lengviau skaityti kodą ir aptikti klaidas |
+| **Automatinis užbaigimas** | Siūlo kodą rašant | Spartina kodavimą ir mažina klaidas |
+| **Derinimo įrankiai** | Padeda rasti ir taisyti klaidas | Taupo daugybę problemų sprendimo laiko |
+| **Pratęsimai** | Prideda specializuotas funkcijas | Leidžia pritaikyti redaktorių bet kokiai technologijai |
+| **AI asistentai** | Siūlo kodą ir paaiškinimus | Pagreitina mokymąsi ir produktyvumą |
 
-> 🎥 **Vaizdo įrašas**: Norite pamatyti šiuos įrankius veikiant? Peržiūrėkite [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) išsamų apžvalgą.
+> 🎥 **Vaizdo įrašo šaltinis**: Norite pamatyti šiuos įrankius veikiant? Peržiūrėkite šį [Įrankių vaizdo įrašą](https://youtube.com/watch?v=69WJeXGBdxg) dėl išsamaus apžvalgos.
 
-#### Rekomenduojami redaktoriai interneto kūrimui
+#### Rekomenduojami redaktoriai interneto plėtrai
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Nemokamas)
 - Populiariausias tarp interneto kūrėjų
-- Puikus praplėtimų ekosistema
+- Puiki plėtinių ekosistema
 - Integruotas terminalas ir Git palaikymas
-- **Būtini priedai**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - DI pagrįstos kodo rekomendacijos
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - bendradarbiavimas realiu laiku
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - automatinis kodo formatavimas
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - klaidų tikrinimas kode
+- **Būtini plėtiniai**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – AI varomi kodo pasiūlymai
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – bendradarbiavimas realiuoju laiku
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – automatinis kodo formatavimas
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – klaidų rašyboje tikrinimas kode
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Mokamas, nemokamas studentams)
-- Pažangūs klaidų taisymo ir testavimo įrankiai
+- Pažangūs derinimo ir testavimo įrankiai
 - Išmanus kodo užbaigimas
 - Integruota versijų kontrolė
 
-**Debesų pagrindu veikiantys IDE** (Įvairios kainos)
-- [GitHub Codespaces](https://github.com/features/codespaces) - pilnas VS Code naršyklėje
-- [Replit](https://replit.com/) - puikus mokymuisi ir kodo dalijimuisi
-- [StackBlitz](https://stackblitz.com/) - momentinė, pilno svorio interneto kūrimas
+**Debesyse veikiantys IDE** (Įvairios kainos)
+- [GitHub Codespaces](https://github.com/features/codespaces) – pilnas VS Code naršyklėje
+- [Replit](https://replit.com/) – puiku mokymuisi ir kodo dalinimuisi
+- [StackBlitz](https://stackblitz.com/) – momentinė pilno spektro interneto plėtra
 
-> 💡 **Pradžios patarimas**: Pradėkite nuo Visual Studio Code – jis nemokamas, plačiai naudojamas pramonėje ir turi milžinišką bendruomenę, kuri kuria naudingus mokymus ir priedus.
+> 💡 **Pradžios patarimas**: Pradėkite su Visual Studio Code – jis nemokamas, plačiai naudojamas industrijoje ir turi milžinišką bendruomenę, kuri kuria naudingas pamokas ir pratęsimus.
 
 
-### Interneto naršyklės: jūsų slaptos kūrimo laboratorijos
+### Interneto naršyklės: jūsų slaptasis kūrimo laboratorija
 
-Gerai, pasiruoškite, kad jūsų mintys bus visiškai sudaužytos! Žinote, kaip naudojate naršykles naršydami socialiniuose tinkluose ar žiūrėdami vaizdo įrašus? Paaiškėjo, kad jos visą laiką slėpė šią neįtikėtiną slaptą kūrėjų laboratoriją, tik laukdamos, kol ją atrasite!
+Gerai, pasiruoškite būti visiškai sužavėti! Žinote, kaip naršyklės naudojamos naršyti socialiniuose tinkluose ir žiūrėti vaizdo įrašus? Paaiškėjo, kad jos visą laiką slėpė nuostabią slapta kūrėjų laboratoriją, tik laukdamos, kol ją atrasite!
 
-Kiekvieną kartą, kai dešiniuoju pelės klavišu spustelite puslapį ir renkatės "Inspect Element" („Tikrinti elementą“), jūs atveriate paslėptą kūrėjų įrankių pasaulį, kuris yra tiesiog galingesnis už kai kurią brangią programinę įrangą, už kurią kažkada mokėjau šimtus dolerių. Tai tarsi atrasti, kad jūsų įprasta virtuvė slepia profesionalaus šefų laboratoriją už slaptos plokštės!
-Pirmą kartą, kai kas nors man parodė naršyklės kūrėjo įrankius (DevTools), praleidau maždaug tris valandas tiesiog spustelėdamas ir sakydamas „PALAU, JIS GALI IR TAI?!“ Tu gali tiesiogiai redaguoti bet kurią svetainę realiu laiku, matyti, kaip greitai viskas įsikrauna, testuoti, kaip tavo svetainė atrodo skirtinguose įrenginiuose, ir netgi derinti JavaScript kaip tikras profesionalas. Tai tiesiog stulbinama!
+Kiekvieną kartą, kai paspaudžiate dešinį pelės mygtuką ant tinklalapio ir pasirenkate „Peržiūrėti elementą“, jūs atidarote paslėptą kūrėjų įrankių pasaulį, kuris yra nuoširdžiai galingesnis už kai kurią brangią programinę įrangą, už kurią anksčiau mokėjau šimtus dolerių. Tai tarsi atrasti, kad jūsų paprasta virtuvė slepia profesionalaus virėjo laboratoriją už slaptos panelės!
+Pirmą kartą, kai man parodė naršyklės DevTools, praleidau maždaug tris valandas tiesiog spausdamas visur ir sakydamas „PALAU, JI TAI GALI DARYTI?!" Tu tiesiog gali realiu laiku redaguoti bet kurią svetainę, tiksliai matyti, kaip greitai viskas įsikrauna, išbandyti, kaip tavo svetainė atrodo skirtinguose įrenginiuose, ir netgi derinti JavaScript tarsi tikras profesorius. Tai absoliučiai pribloškianti patirtis!
 
 **Štai kodėl naršyklės yra tavo slaptas ginklas:**
 
-Kai kuri savo svetainę ar interneto programą, turi matyti, kaip ji atrodo ir veikia realiame pasaulyje. Naršyklės ne tik rodo tavo darbą, bet ir suteikia išsamų grįžtamąjį ryšį apie našumą, prieinamumą ir galimas problemas.
+Kai kuri svetainę ar žiniatinklio programą, reikia matyti, kaip ji atrodo ir elgiasi realiame pasaulyje. Naršyklės ne tik rodo tavo darbą, bet ir suteikia detalią informaciją apie veikimą, prieinamumą ir galimas problemas.
 
-#### Naršyklės kūrėjo įrankiai (DevTools)
+#### Naršyklės kūrėjų įrankiai (DevTools)
 
-Šiuolaikinės naršyklės apima visapusiškas kūrimo programas:
+Šiuolaikinės naršyklės apima visapusiškas kūrimo priemonių rinkinius:
 
-| Įrankio kategorija | Ką jis daro | Pavyzdinė panaudojimo sritis |
-|--------------------|-------------|------------------------------|
-| **Elementų inspektorius** | Peržiūri ir redaguoja HTML/CSS realiu laiku | Koreguoja stilių, kad iš karto matytum rezultatus |
-| **Konsolė** | Rodo klaidų pranešimus ir leidžia testuoti JavaScript | Derina klaidas ir eksperimentuoja su kodu |
-| **Tinklo monitorius** | Stebi, kaip kraunasi resursai | Optimizuoja našumą ir įkėlimo laikus |
-| **Prieinamumo tikrintuvas** | Testuoja įtraukiantį dizainą | Užtikrina, kad svetainė veiktų visiems vartotojams |
-| **Įrenginių simuliatorius** | Leidžia peržiūrėti skirtingo ekrano dydžių vaizdą | Testuoja reaguojantį dizainą be kelių įrenginių |
+| Įrankio kategorija | Ką ji daro | Naudojimo pavyzdys |
+|--------------------|------------|--------------------|
+| **Elementų inspektorius** | Realiojo laiko HTML/CSS peržiūra ir redagavimas | Koreguoti stilių, kad pamatytumėte akimirksniu rezultatus |
+| **Konsolė** | Peržiūrėti klaidų pranešimus ir testuoti JavaScript | Derinti problemas ir eksperimentuoti su kodu |
+| **Tinklo stebėjimas** | Stebėti kaip kraunasi resursai | Optimizuoti našumą ir įkėlimo laikus |
+| **Prieinamumo tikrintuvas** | Tikrinti įtraukiantį dizainą | Užtikrinti, kad svetainė veiktų visiems vartotojams |
+| **Įrenginio simuliatorius** | Peržiūra skirtingų ekranų dydžių | Išbandyti reaguojančio dizaino be kelių įrenginių |
 
 #### Rekomenduojamos naršyklės kūrimui
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – standartinis DevTools su detalia dokumentacija
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – puikūs įrankiai CSS Grid ir prieinamumui
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Chromium pagrindu su Microsoft kūrėjų ištekliais
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – pramonės standartas DevTools su išsamiomis dokumentacijomis
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – puikios CSS Grid ir prieinamumo priemonės
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – pastatytas ant Chromium, su Microsoft kūrėjų ištekliais
 
-> ⚠️ **Svarbus testavimo patarimas**: Visada testuok savo svetaines keliose naršyklėse! Tai, kas puikiai veikia Chrome, gali atrodyti kitaip Safari ar Firefox. Profesionalūs kūrėjai testuoja visuose pagrindiniuose naršyklėse, kad užtikrintų nuoseklią naudotojo patirtį.
+> ⚠️ **Svarbi testavimo patarimas**: Visada testuok savo svetaines keliuose naršyklėse! Kas puikiai veikia Chrome, gali atrodyti kitaip Safari ar Firefox. Profesionalūs kūrėjai testuoja visose pagrindinėse naršyklėse, kad užtikrintų nuoseklią vartotojo patirtį.
 
 
-### Komandų eilutės įrankiai: tavo kelias į kūrėjo supergalias
+### Komandų eilutės įrankiai: tavo kelias gauti kūrėjo supergalių
 
-Gerai, būkime visiškai atviri apie komandų eilutę, nes noriu, kad tai girdėtum iš kažko, kas tikrai supranta. Kai ją pirmą kartą pamačiau – tiesiog tą baisią juodą ekraną su mirksinčiu tekstu – aš tiesiog pagalvojau: „Ne, jokiu būdu! Atrodo kaip iš 1980-ųjų hakerių filmo, ir aš tikrai nesu pakankamai protingas tam!“ 😅
+Gerai, turime visiškai sąžiningą akimirką apie komandų eilutę, nes noriu, kad išgirstum tai iš žmogaus, kuris tikrai tai supranta. Kai pirmą kartą ją pamačiau – tik tą bauginančią juodą ekraną su mirksinčiu tekstu – aš tiesiog pagalvojau: „Ne, tikrai ne! Tai atrodo kaip kažkas iš 1980-ųjų hakerių filmo, ir aš tikrai nesu pakankamai protingas tam!“ 😅
 
-Bet štai ką būčiau norėjęs, kad kas nors man pasakytų tada, ir ką tau sakau dabar: komandų eilutė nėra baisi – tai kaip tiesioginis pokalbis su tavo kompiuteriu. Pagalvok apie tai kaip skirtumą tarp užsakymo per gražią programėlę su paveikslėliais ir meniu (kas yra miela ir paprasta) ir atėjimo į tavo mėgstamą vietinę restoraną, kur virėjas tiksliai žino, ką tu mėgsti, ir gali sukurti kažką tobulai, tiesiog išgirdęs tavo žodžius „nustebink kažkuo nuostabiu“.
+Bet štai ką norėčiau, kad kas nors man būtų pasakęs tada, ir ką sakau tau dabar: komandų eilutė nėra baisi – tai iš tikrųjų tarsi tiesioginis pokalbis su tavo kompiuteriu. Įsivaizduok tai kaip skirtumą tarp užsakymo per įmantrų programėlę su paveikslėliais ir meniu (kas yra lengva ir patogu) ir įėjimo į tavo mėgstamą vietinį restoraną, kur šefas tiksliai žino, ką tau patinka, ir gali pagaminti kažką tobulo vien sakydamas „nustebink mane kažkuo nuostabiu“.
 
-Komandų eilutė yra ta vieta, kur kūrėjai jaučiasi kaip tikri burtininkai. Tu įvedi keletą atrodančių magiškais žodžių (gerai, tai tiesiog komandos, bet jos atrodo magiškai!), paspaudi Enter, ir BAM – sukuri visą projekto struktūrą, įdiegia galingus įrankius iš viso pasaulio arba išpublikuoji savo programą internete, kad milijonai žmonių ją pamatytų. Kai tik paragauji šios galios, tai tikrai užklumpa!
+Komandų eilutė yra vieta, kur kūrėjai jaučiasi lyg tikri raganiai. Parašai keletą atrodytų magiškų žodžių (gerai, tai tik komandos, bet jos jaučiasi magiškai!), paspaudi Enter ir BUM – sukuri visą projektų struktūrą, įdiegia galingus įrankius iš viso pasaulio arba išleidžia savo programėlę į internetą, kad milijonai žmonių galėtų ją pamatyti. Kai pirmą kartą paragauji galios, tai tikrai užkrečiama!
 
 **Kodėl komandų eilutė taps tavo mėgstamiausiu įrankiu:**
 
-Nors grafinės sąsajos yra puikios daugeliui užduočių, komandų eilutė puikiai tinka automatizavimui, preciziškumui ir greičiui. Daugelis kūrimo įrankių daugiausia veikia per komandų eilutę, o jų efektyvus naudojimas gerokai padidina produktyvumą.
+Nors grafinės sąsajos yra puikios daugeliui užduočių, komandų eilutė išsiskiria automatizacija, preciziškumu ir greitumu. Daugelis kūrimo įrankių daugiausia veikia per komandų eilutės sąsajas, o išmokti jas efektyviai naudotis gali žymiai pagerinti tavo produktyvumą.
 
 ```bash
-# 1 žingsnis: Sukurkite ir pereikite į projekto katalogą
+# 1 žingsnis: Sukurkite ir eikite į projekto katalogą
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Štai ką atlieka šis kodas:**
-- **Sukuria** naują katalogą „my-awesome-website“ tavo projektui
-- **Pereina** į ką tik sukurtą katalogą, kad pradėtum darbą
+**Ką daro šis kodas:**
+- **Sukuria** naują aplanką pavadinimu „my-awesome-website“ tavo projektui
+- **Pereina** į ką tik sukurtą aplanką, kad pradėtum darbą
 
 ```bash
-# 2 žingsnis: Inicializuokite projektą su package.json
+# 2 žingsnis: inicializuoti projektą su package.json
 npm init -y
 
-# Įdiekite šiuolaikinius kūrimo įrankius
+# Įdiegti šiuolaikinius kūrimo įrankius
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Žingsnis po žingsnio vyksta štai kas:**
-- **Inicijuoja** naują Node.js projektą su numatytais nustatymais naudojant `npm init -y`
-- **Įdiegia** Vite kaip modernų statybos įrankį greitam plėtojimui ir gamybos statymams
-- **Prideda** Prettier automatinio kodo formatavimo ir ESLint kodo kokybės tikrinimui
-- **Naudoja** `--save-dev` žymeklį, kad pažymėtų juos kaip tik kūrimo priklausomybes
+**Žingsnis po žingsnio, kas vyksta:**
+- **Inicijuoja** naują Node.js projektą su numatytosiomis reikšmėmis naudojant `npm init -y`
+- **Įdiegia** Vite kaip modernų įrankį greitam kūrimui ir gamybos kompiliavimui
+- **Prideda** Prettier automatinio kodo formatavimo ir ESLint kodo kokybės tikrinimų įrankius
+- **Naudoja** `--save-dev` žymeklį, kad žymėtume tai kaip tik kūrimo priklausomybes
 
 ```bash
 # 3 žingsnis: Sukurkite projekto struktūrą ir failus
@@ -631,155 +631,155 @@ npx vite
 ```
 
 **Aukščiau mes:**
-- **Organizavome** savo projektą, sukurdami atskirus aplankus šaltinio kodui ir turiniui
+- **Organizavome** projektą sukurdami atskirus aplankus šaltinio kodui ir ištekliams
 - **Sugeneravome** bazinį HTML failą su tinkama dokumento struktūra
-- **Paleidome** Vite kūrimo serverį su gyvu perkrovimu ir karštosios modulio pakeitimo funkcija
+- **Paleidome** Vite kūrimo serverį su tiesioginiu perkrovimu ir karštu modulių pakeitimu
 
-#### Būtini komandų eilutės įrankiai interneto kūrimui
+#### Būtini komandų eilutės įrankiai žiniatinklio kūrimui
 
-| Įrankis | Paskirtis | Kodėl tau jų reikia |
+| Įrankis | Paskirtis | Kodėl tau to reikia |
 |---------|-----------|--------------------|
-| **[Git](https://git-scm.com/)** | Versijų valdymas | Sekti pakeitimus, bendradarbiauti ir kurti atsargines kopijas |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript vykdymo aplinka ir paketų valdymas | Vykdyti JavaScript už naršyklių ribų, įdiegti modernius kūrimo įrankius |
-| **[Vite](https://vitejs.dev/)** | Statybos įrankis ir kūrimo serveris | Žaibiškai greitas vystymas su karšto pakeitimo palaikymu |
-| **[ESLint](https://eslint.org/)** | Kodo kokybė | Automatiškai rasti ir ištaisyti JavaScript problemas |
-| **[Prettier](https://prettier.io/)** | Kodo formatavimas | Išlaikyti nuoseklų ir skaitomą kodo formatą |
+| **[Git](https://git-scm.com/)** | Versijų valdymas | Sekti pasikeitimus, bendradarbiauti su kitais, kurti atsargines kopijas |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript paleidimo aplinka ir paketų valdymas | Vykdyti JavaScript už naršyklių ribų, įdiegti modernius kūrimo įrankius |
+| **[Vite](https://vitejs.dev/)** | Build įrankis ir kūrimo serveris | Žaibiškai greitas kūrimas su karštu modulių pakeitimu |
+| **[ESLint](https://eslint.org/)** | Kodo kokybė | Automatiškai rasti ir taisyti problemas tavo JavaScript kode |
+| **[Prettier](https://prettier.io/)** | Kodo formatavimas | Išlaikyti kodą nuosekliai suformatuotą ir skaitomą |
 
-#### Platformai specifinės galimybės
+#### Platformai specifinės parinktys
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moderni ir funkcijų turinti terminalo programa
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – galinga scenarijų vykdymo aplinka
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moderni, pilna funkcijų terminalo programa
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – galinga scenarijų rašymo aplinka
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – tradicinė Windows komandų eilutė
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – integruota terminalo programa
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – įdiegta terminalo programa
 - **[iTerm2](https://iterm2.com/)** – patobulinta terminalo programa su pažangiomis funkcijomis
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standartinė Linux shell aplinka
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – pažangi terminalo emuliatoriaus programa
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standartinė Linux apvalkalas
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – pažangi terminalo emuliavimo programa
 
 > 💻 = Iš anksto įdiegta operacinėje sistemoje
 
-> 🎯 **Mokymosi kelias**: Pradėk nuo pagrindinių komandų, tokių kaip `cd` (keisti katalogą), `ls` arba `dir` (rodyti failus) ir `mkdir` (sukurti aplanką). Praktikuok su šiuolaikinėmis darbo eigos komandomis, tokiomis kaip `npm install`, `git status` ir `code .` (atidaryti dabartinį katalogą VS Code). Kai įgysi pasitikėjimo, natūraliai išmoksi pažangesnes komandas ir automatizavimo metodus.
+> 🎯 **Mokymosi kelias**: Pradėk nuo pagrindinių komandų kaip `cd` (keisti katalogą), `ls` arba `dir` (rodyti failų sąrašą) ir `mkdir` (sukurti aplanką). Praktikuok modernias darbo proceso komandas kaip `npm install`, `git status` ir `code .` (atidaro dabartinį aplanką VS Code). Kai tapsi labiau pasitikintis, natūraliai išmoksi sudėtingesnes komandas ir automatizavimo technikas.
 
 
-### Dokumentacija: tavo visada prieinamas mokymosi mentorius
+### Dokumentacija: tavo visada pasiekiamas mokymosi mentorius
 
-Gerai, leisk pasidalinti mažyte paslaptimi, kuri padės tau jaustis daug geriau, būnant pradedančiuoju: net patyrę kūrėjai praleidžia didžiąją dalį savo laiko skaitydami dokumentaciją. Ir tai ne todėl, kad jie nesupranta, ką daro – tai išminties ženklas!
+Gerai, leisk man atskleisti mažą paslaptį, kuri tave privers jaustis daug geriau dėl to, kad esi pradedantysis: net ir patyrę kūrėjai didžiąją dalį savo laiko praleidžia skaitydami dokumentaciją. Ir ne todėl, kad jie nežino, ką daro – tai iš tikrųjų išminties ženklas!
 
-Mąstyk apie dokumentaciją kaip apie prieigą prie kantriausių, žinojančių mokytojų pasaulyje, kurie yra prieinami 24/7. Įstringai naktį 2 val. ryto? Dokumentacija čia, tarsi šiltas virtualus apkabinimas, su būtent reikalingu atsakymu. Nori sužinoti apie kokią naują puikią funkciją, apie kurią visi kalba? Dokumentacija tau padės žingsnis po žingsnio. Nori suprasti, kodėl kažkas veikia taip, kaip veikia? Teisingai supratai – dokumentacija gali paaiškinti taip, kad pagaliau viskas susidėliotų į vietas!
+Įsivaizduok dokumentaciją kaip prieigą prie kantriausių, žinomiausių mokytojų pasaulyje, kurie yra prieinami 24/7. Įstrigai prie problemos 2 val. nakties? Dokumentacija ten kaip jaukus virtualus apkabinimas ir tiksliai su atsakymu, kurio tau reikia. Nori sužinoti apie kokią nors naują šaunią funkciją, apie kurią visi šneka? Dokumentacija padės su žingsnis po žingsnio pavyzdžiais. Bandai suprasti, kodėl kažkas veikia būtent taip? Spėjai – dokumentacija paaiškins taip, kad tau pagaliau „užsidegs“!
 
-Štai kas visiškai pakeitė mano požiūrį: interneto kūrimo pasaulis labai greitai keičiasi ir niekas (turiu omeny visiškai niekas!) nepamena visko mintinai. Mačiau vyresnius kūrėjus su 15+ metų patirtimi, kurie ieškojo pagrindinės sintaksės, ir žinai ką? Tai nėra gėda – tai yra protinga! Tai ne apie tobulą atmintį, o apie tai, kur rasti patikimus atsakymus greitai ir kaip juos pritaikyti.
+Štai kas visiškai pakeitė mano požiūrį: žiniatinklio kūrimo pasaulis juda neįtikėtinai greitai, ir niekas (turiu omenyje visai niekas!) nepamena visko mintinai. Mačiau vyresnius techninius specialistus su daugiau nei 15 metų patirtimi žiūrėti į bazinę sintaksę, ir žinai ką? Tai nėra gėdinga – tai protinga! Svarbu ne turėti tobulą atmintį, o žinoti, kur greitai rasti patikimus atsakymus ir išmokti juos pritaikyti.
 
-**Čia vyksta tikras stebuklas:**
+**Štai kur iš tiesų vyksta stebuklai:**
 
-Profesionalūs kūrėjai daug laiko skiria dokumentacijos skaitymui – ne todėl, kad jie nežino, ką daro, bet todėl, kad interneto kūrimo erdvė keičiasi taip greitai, jog norint būti ūkininku reikia nuolatinio mokymosi. Puiki dokumentacija padeda suprasti ne tik *kaip* naudoti kažką, bet ir *kodėl* bei *kada* tai naudoti.
+Profesionalūs kūrėjai daug laiko praleidžia skaitydami dokumentaciją – ne todėl, kad nežino, ką daro, tačiau todėl, kad žiniatinklio kūrimo sritis vystosi taip sparčiai, jog norint išlikti šiuolaikišku reikia nuolatinio mokymosi. Gera dokumentacija padeda suprasti ne tik *kaip* kažką naudoti, bet ir *kodėl* bei *kada* tai daryti.
 
-#### Būtini dokumentacijos ištekliai
+#### Būtiniausi dokumentacijos ištekliai
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Aukso standartas interneto technologijų dokumentacijai
-- Išsamios gairės HTML, CSS ir JavaScript
-- Įtraukiama informacija apie naršyklių suderinamumą
-- Praktiniai pavyzdžiai ir interaktyvios demonstracijos
+- Aukso standartas žiniatinklio technologijų dokumentacijai
+- Išsamūs vadovai HTML, CSS ir JavaScript temomis
+- Apima naršyklių suderinamumo informaciją
+- Praktiniai pavyzdžiai ir interaktyvūs demonstravimai
 
 **[Web.dev](https://web.dev)** (Google)
-- Modernios interneto kūrimo geriausios praktikos
-- Našumo optimizavimo gairės
-- Prieinamumo ir įtraukaus dizaino principai
-- Atvejų studijos iš realių projektų
+- Šiuolaikinės žiniatinklio kūrimo gerosios praktikos
+- Veikimo optimizavimo patarimai
+- Prieinamumo ir integruoto dizaino principai
+- Atvejų analizės iš realių projektų
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge naršyklės kūrimo ištekliai
-- Pažangių interneto programų gairės
-- Daugiaplatformio kūrimo įžvalgos
+- Progresyvios žiniatinklio programėlių vadovai
+- Kryžminės platformos kūrimo įžvalgos
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Struktūruoti mokymosi kursai
-- Vaizdo pamokos iš pramonės ekspertų
-- Praktinės programavimo užduotys
+- Struktūruotos mokymosi programos
+- Vaizdo kursai iš pramonės ekspertų
+- Praktiniai programavimo pratimai
 
-> 📚 **Mokymosi strategija**: Nesisek memorizuoti dokumentacijos – vietoj to išmok naudotis ja efektyviai. Įsidėk žymes dažnai naudojamoms nuorodoms ir praktikuok paieškos funkcijas, kad greitai surastum konkrečią informaciją.
+> 📚 **Mokymosi strategija**: Nesistenk mintinai įsiminti dokumentacijos – vietoj to išmok, kaip ja naudotis efektyviai. Išsaugok mėgstamiausius šaltinius ir praktikuoksiie naudotis paieška, kad greitai rastum reikiamą informaciją.
 
-### 🔧 **Įrankių valdos patikra: kas tau skamba?**
+### 🔧 **Įrankių meistriškumo patikra: kas tau įdomiausia?**
 
-**Pasižvalgyk ir pagalvok:**
-- Kurį įrankį labiausiai norėtum išbandyti pirmiausia? (Teisingo ar neteisingo atsakymo nėra!)
-- Ar komandų eilutė vis dar atrodo bauginanti, ar jau esi smalsus ją išmokti?
-- Ar gali įsivaizduoti, kaip naudosi naršyklės DevTools, kad pažvelgtum už savo mėgstamiausių svetainių uždangalo?
+**Skirk akimirką pagalvoti:**
+- Kurį įrankį labiausiai norėtum išbandyti pirmiausiai? (Nėra klaidingo atsakymo!)
+- Ar komandų eilutė dar atrodo bauginanti, ar jau esi smalsus ją išbandyti?
+- Ar gali įsivaizduoti naudosi naršyklės DevTools, kad pažvelgtum už tavo mėgstamiausių svetainių uždangalo?
 
 ```mermaid
-pie title "Programuotojo laikas praleistas su įrankiais"
+pie title "Laikas, kurį programuotojas praleidžia su įrankiais"
     "Kodo redaktorius" : 40
     "Naršyklės testavimas" : 25
     "Komandinė eilutė" : 15
     "Dokumentacijos skaitymas" : 15
     "Derinimas" : 5
 ```
-> **Smagus pastebėjimas**: Dauguma kūrėjų apie 40 % savo laiko praleidžia kodo redaktoriuje, bet pastebi, kiek laiko skiriama testavimui, mokymuisi ir problemų sprendimui. Programavimas nėra tik kodų rašymas – tai patirčių kūrimas!
+> **Įdomus faktas**: Dauguma kūrėjų apie 40% savo laiko praleidžia kodų redaktoriuje, bet pastebėk, kiek daug laiko skiriama testavimui, mokymuisi ir problemų sprendimui. Programavimas nėra tik kodo rašymas – tai patirčių kūrimas!
 
-✅ **Maitinantis apmąstymams**: Štai įdomus klausimas – kaip manai, kuo įrankiai tinkami svetainių kurimui (kūrimas) skiriasi nuo įrankių tinkamų jų dizainui? Tai kaip skirtumas tarp architekto, kuris kuria gražų namą, ir rangovo, kuris jį stato. Abu yra svarbūs, bet jiems reikia skirtingų įrankių rinkinų! Tokia mąstysena padės geriau suprasti, kaip gimsta svetainės.
+✅ **Apmąstymui**: Štai įdomus klausimas – kaip manai, kuo skiriasi įrankiai svetainių kūrimui (programavimui) ir įrankiai dizainui (kaip jos atrodo)? Tai kaip skirtumas tarp architekto, kuris suprojektuoja gražų namą, ir rangovo, kuris jį realiai stato. Abu yra būtini, bet jiems reikia skirtingų įrankių! Šis mąstymas tikrai padės geriau suprasti, kaip svetainės įgauna gyvybę.
 
-## GitHub Copilot Agent užduotis 🚀
+## GitHub Copilot agento iššūkis 🚀
 
-Naudok Agent režimą, kad įvykdytum šią užduotį:
+Naudok agento režimą, kad įvykdytum šį iššūkį:
 
-**Aprašymas:** Ištirk šiuolaikinio kodo redaktoriaus ar IDE funkcijas ir parodyk, kaip jos gali pagerinti tavo darbo eigą kaip interneto kūrėjo.
+**Aprašymas:** Išnagrinėk šiuolaikinio kodo redaktoriaus arba IDE galimybes ir parodyk, kaip jos pagerina tavo darbo eigą kaip žiniatinklio kūrėjo.
 
-**Užduotis:** Pasirink kodo redaktorių ar IDE (pavyzdžiui, Visual Studio Code, WebStorm ar debesimis pagrįstą IDE). Išvardink tris funkcijas ar plėtinius, kurie padeda efektyviau rašyti, derinti ar prižiūrėti kodą. Kiekvienam trumpai paaiškink, kaip tai pagerina tavo darbo eigą.
+**Užduotis:** Pasirink kodo redaktorių arba IDE (pvz., Visual Studio Code, WebStorm ar debesyje veikiantį IDE). Išvardink tris funkcijas ar plėtinius, kurie tau padeda rašyti, derinti ar prižiūrėti kodą efektyviau. Kiekvienam pateik trumpą paaiškinimą, kaip tai pagerina tavo darbo eigą.
 
 ---
 
 ## 🚀 Iššūkis
 
-**Na, detektyve, pasiruošęs pirmajam bylai?**
+**Gerai, detektyve, pasiruošęs pirmai bylai?**
 
-Dabar, kai turi šį puikų pagrindą, laukia nuotykis, padėsiantis pamatyti, kaip nuostabiai įvairus ir įdomus programavimo pasaulis išties yra. Ir klausyk – čia dar ne apie kodo rašymą, taigi jokio spaudimo! Pagalvok apie save kaip apie programavimo kalbų detektyvą tavo pirmajame įdomiame atvejyje!
+Dabar, kai turi tvirtą pagrindą, turiu nuotykį, kuris padės tau pamatyti, kokia neįtikėtinai įvairove ir įdomybe pasižymi programavimo pasaulis. Ir klausyk – čia dar nesiruoši rašyti kodo, taigi jokių nervų! Galvok apie save kaip apie programavimo kalbų detektyvą savo pirmai įdomiausiai bylai!
 
 **Tavo misija, jei sutinki ją priimti:**
-1. **Tapk kalbų tyrinėtoju**: Pasirink tris programavimo kalbas iš visiškai skirtingų pasaulių – gal vieną, kuri kuria svetaines, kitą, kuri kuria mobiliąsias programėles, ir dar vieną – kuri apdoroja mokslinius duomenis. Surask pavyzdžių, kaip kiekviena kalba atlieka tą patį paprastą uždavinį. Pažadu, tu būsi visiškai nustebęs, kiek skirtingai tai gali atrodyti vykdant visiškai tą patį veiksmą!
+1. **Tapk kalbų tyrinėtoju**: Pasirink tris programavimo kalbas iš visiškai skirtingų pasaulių – gal vieną kuriantį svetaines, kitą mobiliosioms programėlėms kurti, o trečią – mokslininkų duomenų apdorojimui. Surask pavyzdžių, kaip atliekama ta pati paprasta užduotis kiekviena kalba. Pažadu, tu būsi absoliučiai nustebintas, kaip skiriasi jų atvaizdavimas, nors užduotis ta pati!
 
-2. **Atskleisk jų kilmės istorijas**: Kas daro kiekvieną kalbą ypatingą? Štai smagus faktas – kiekviena programavimo kalba buvo sukurta todėl, kad kažkas pagalvojo: „Žinai ką? Privalo būti geresnis būdas spręsti šią konkrečią problemą.“ Ar gali atspėti, kokios tai problemos? Kai kurios istorijos yra išties intriguojančios!
+2. **Atrask jų kilmės istorijas**: Kas daro kiekvieną kalbą ypatingą? Štai šaunus faktas – kiekviena programavimo kalba buvo sukurta, nes kažkas galvojo: „Žinai ką? Turi būti geresnis būdas išspręsti šią konkretų problemą.“ Ar gali atsekti, kokios tos problemos buvo? Kai kurios istorijos tikrai žavi!
 
-3. **Susipažink su bendruomenėmis**: Pažiūrėk, kaip draugiškos ir aistringos yra kiekvienos kalbos bendruomenės. Kai kurios turi milijonus kūrėjų, dalijasi žiniomis ir padeda vieni kitiems, kitos yra mažesnės, bet labai glaudžiai susijusios ir palaikančios. Tau patiks pamatyti, kokios skirtingos yra šių bendruomenių asmenybės!
+3. **Susipažink su bendruomenėmis**: Pažiūrėk, kaip svetingos ir aistringos yra kiekvienos kalbos bendruomenės. Kai kurios turi milijonus kūrėjų, kurie dalijasi žiniomis ir padeda vieni kitiems, kitos yra mažesnės, bet nepaprastai glaudžios ir palaikančios. Tau patiks matyti skirtingus šių bendruomenių charakterius!
 
-4. **Sek savo intuicija**: Kuri kalba tau dabar atrodo lengviausiai prieinama? Nesijaudink dėl „tobulo“ pasirinkimo – klausyk savo jausmų! Tikrai nėra teisingo ar neteisingo atsakymo, o vėliau visada galėsi tyrinėti kitas.
+4. **Sek savo nuojauta**: Kuri kalba tau dabar atrodo prieinamesnė? Nesirūpink „tobulu“ pasirinkimu – tiesiog klausyk savo instinktų! Čia tikrai nėra klaidingo atsakymo ir vėliau visada gali išbandyti kitas.
 
-**Papildomas detektyvo darbas**: Pažiūrėk, ar gali sužinoti, kokios didžiausios svetainės ar programėlės sukurtos kiekviena kalba. Galiu garantuoti, kad būsi nustebęs sužinojęs, kas palaiko Instagram, Netflix ar tą mobiliąją žaidimo programėlę, kurios negali nustoti žaisti!
+**Papildomas detektyvinis darbas**: Pažiūrėk, ar sugebėsi rasti, kokios pagrindinės svetainės ar programėlės yra sukurtos kiekviena kalba. Galiu garantuoti, kad nustebsi sužinojęs, kas varo Instagram, Netflix ar tą mobilų žaidimą, kurį negali nustoti žaisti!
 
-> 💡 **Atmink**: Nekuri šiandien savęs eksperto bet kurioje iš šių kalbų. Tu tiesiog susipažįsti su apylinkėmis prieš nuspręsdamas, kur nori įsikurti. Skirk laiko, linksminkis ir leisk savo smalsumui vedžioti!
+> 💡 **Atmink:** Šiandien nenori tapti ekspertu nė vienoje iš šių kalbų. Tu tiesiog susipažįsti su kaimynyste prieš nuspręsdamas, kur įsikursi. Skirk laiko, smagiai leisk laiką ir leisk smalsumui vadovauti!
 
-## Švęskime tai, ką atradai!
+## Švęskime, ką atradai!
 
-Dieve mano, šiandien įsisavinai tiek nuostabios informacijos! Esu nuoširdžiai susidomėjęs, kiek šios įdomios kelionės su tavimi liko. Ir prisimink – čia nėra testo, kur reikia visko atlikti tobulai. Tai labiau šventė visų tų įdomybių, kurias sužinojai apie šį įdomų pasaulį, į kurį tu jau ruošiesi panerti!
+Oho, šiandien įsisavinai tiek daug nuostabios informacijos! Aš nuoširdžiai džiaugiuosi matydamas, kiek šios nuostabios kelionės liko su tavimi. Ir prisimink – tai nėra testas, kur turi būti tobulas. Tai labiau šventė visoms šaunioms žinioms, kurias sužinojai apie šį nuostabų pasaulį, į kurį pasiruošęs panerti!
 
-[Atlik baigiamąjį testą](https://ff-quizzes.netlify.app/web/)
-## Apžvalga ir savarankiškas mokymasis
+[Atlik pamokos testą](https://ff-quizzes.netlify.app/web/)
 
-**Skirk savo laiką tyrinėjimui ir linksminkis!**
+## Apžvalga ir savarankiškas mokymasis
 
-Šiandien padarei daug pažangos, ir tai yra ką parodyti! Dabar ateina smagi dalis – tyrinėti temas, kurios sužadino tavo susidomėjimą. Prisimink, tai nėra namų darbai – tai nuotykis!
+**Skirk laiko tyrinėti ir mėgautis!**
+Jūs šiandien nuėjote nemažą kelią, ir tai yra ką verta didžiuotis! Dabar ateina smagiausia dalis – tyrinėti temas, kurios sužadino jūsų smalsumą. Atminkite, tai nėra namų darbai – tai nuotykis!
 
-**Pasinerk giliau į tai, kas tave žavi:**
+**Panirkite giliau į tai, kas jus stimuliuoja:**
 
-**Įgyk praktikos su programavimo kalbomis:**
-- Aplankyk oficialias 2-3 kalbų svetaines, kurios patraukė tavo dėmesį. Kiekviena turi savo charakterį ir istoriją!
-- Išbandyk kai kurias internetines kodavimo aikšteles, kaip [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ar [Replit](https://replit.com/). Nebijok eksperimentuoti – nieko nesugadinsi!
-- Paskaityk apie tai, kaip atsirado tavo mėgstama kalba. Rimtai, kai kurios šių atsiradimo istorijų yra labai įdomios ir padės suprasti, kodėl kalbos veikia būtent taip.
+**Praktikuokitės su programavimo kalbomis:**
+- Aplankykite oficialias 2–3 kalbų svetaines, kurios patraukė jūsų dėmesį. Kiekviena turi savo asmenybę ir istoriją!
+- Išbandykite kai kuriuos internetinius kodo žaidimo aikšteles, tokius kaip [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), arba [Replit](https://replit.com/). Nebijokite eksperimentuoti – nieko nesugadinsite!
+- Perskaitykite, kaip atsirado jūsų mėgstamiausia kalba. Rimtai, kai kurios iš šių kilmės istorijų yra įdomios ir padės suprasti, kodėl kalbos veikia būtent taip.
 
-**Prisijaukink naujus įrankius:**
-- Jei dar nesate, atsisiųsk Visual Studio Code – jis nemokamas ir tau labai patiks!
-- Paskirk kelias minutes paieškai Extensions rinkoje. Tai tarsi programėlių parduotuvė tavo kodo redaktoriui!
-- Atidaryk naršyklės kūrėjo įrankius (Developer Tools) ir tiesiog spustelėk čia ir ten. Nesijaudink, jei visko nesupranti – tiesiog susipažink su tuo, kas ten yra.
+**Susipažinkite su savo naujais įrankiais:**
+- Atsisiųskite Visual Studio Code, jei dar to nepadarėte – jis nemokamas ir jums tikrai patiks!
+- Skirkite kelias minutes naršyti Extensions marketplace. Tai tarsi programėlių parduotuvė jūsų kodo redaktoriui!
+- Atidarykite naršyklės Developer Tools ir tiesiog spustelėkite čia ir ten. Nesijaudinkite, jei ne viską suprasite – tiesiog susipažinkite su tuo, kas yra.
 
-**Prisijunk prie bendruomenės:**
-- Sek keletą programuotojų bendruomenių [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) arba [GitHub](https://github.com/). Programavimo bendruomenė labai draugiška naujokams!
-- Žiūrėk pradedantiesiems skirtus kodavimo video „YouTube“. Yra daug puikių kūrėjų, kurie puikiai supranta, ką reiškia pradėti.
-- Apsvarstyk galimybę prisijungti prie vietinių susitikimų ar internetinių bendruomenių. Tik pasitikėk manimi – programuotojai mėgsta padėti naujokams!
+**Prisijunkite prie bendruomenės:**
+- Sekite keletą programuotojų bendruomenių [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ar [GitHub](https://github.com/). Programavimo bendruomenė labai draugiška naujokams!
+- Žiūrėkite lengvai pradedantiesiems skirtus kodavimo vaizdo įrašus YouTube. Yra daug puikių kūrėjų, kurie atsimena, ką reiškia pradėti.
+- Apsvarstykite galimybę prisijungti prie vietinių susitikimų ar internetinių bendruomenių. Pasitikėkite manimi, programuotojai dievina padėti naujokams!
 
-> 🎯 **Klausyk, štai ką noriu, kad atsimintum**: Nėra lūkestis tapti programavimo žinovu per naktį! Šiuo metu tu tiesiog susipažįsti su nuostabiu nauju pasauliu, kuriame tu būsi. Skirk laiko, mėgaukis kelione ir prisimink – kiekvienas programuotojas, kurį žavi, kartą sėdėjo tiksliai ten, kur ir tu dabar, susijaudinęs ir galbūt šiek tiek sutrikęs. Tai visiškai normalu ir reiškia, kad esi teisingame kelyje!
+> 🎯 **Klausykite, ką noriu, kad prisimintumėte:** Nereikia per naktį tapti programavimo žinovu! Šiuo metu jūs tiesiog pažįstate šį nuostabų naują pasaulį, kuriame būsite. Skirkite laiko, mėgaukitės kelione ir prisiminkite – kiekvienas programuotojas, kuriuo žavitės, kažkada sėdėjo būtent ten, kur esate dabar, jausdamasis susijaudinęs ir galbūt šiek tiek apimtas streso. Tai visiškai normalu ir reiškia, kad darote viską teisingai!
 
 
 
@@ -787,70 +787,70 @@ Dieve mano, šiandien įsisavinai tiek nuostabios informacijos! Esu nuoširdžia
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Mažas paskatinimas tavo užduočiai**: Norėčiau pamatyti, kaip tyrinėji kelis įrankius, kurių dar neapėmėme! Praleisk redaktorius, naršykles ir komandų eilutės įrankius, apie kuriuos jau kalbėjome – yra visas nuostabus vystymo įrankių visatas, kurios laukia būti atrastomis. Ieškok tų, kurie yra aktyviai palaikomi ir turi gyvybingas, draugiškas bendruomenes (tokie paprastai turi geriausius mokomuosius ir daugiausiai palaikančių žmonių, kai neišvengiamai užstrigi ir ieškai pagalbos).
+> 💡 **Šiek tiek paskatinimo jūsų užduočiai:** Labai norėčiau pamatyti, kaip tyrinėjate kai kuriuos įrankius, apie kuriuos dar nekalbėjome! Praleiskite redaktorius, naršykles ir komandų eilutės įrankius, apie kuriuos jau kalbėjome – už šio horizonto yra visa nuostabi kūrimo įrankių visata, laukiančia būti atrasta. Ieškokite tų, kurie yra aktyviai palaikomi ir turi gyvybingas, pagalbą siūlančias bendruomenes (jie dažnai turi geriausius pamokymus ir draugiškiausius žmones, kai neišvengiamai įstringate ir reikia draugiškos pagalbos).
 
 ---
 
-## 🚀 Tavo programavimo kelionės laiko juosta
-
-### ⚡ **Ką gali padaryti per artimiausias 5 minutes**
-- [ ] Užsirašyk 2-3 programavimo kalbų svetaines, kurios patraukė tavo dėmesį
-- [ ] Jei dar nesate, atsisiųsk Visual Studio Code
-- [ ] Atidaryk naršyklės kūrėjo įrankius (F12) ir naršyk bet kurią svetainę paspaudinėdamas
-- [ ] Prisijunk prie vienos programuotojų bendruomenės (Dev.to, Reddit r/webdev ar Stack Overflow)
-
-### ⏰ **Ką gali nuveikti šią valandą**
-- [ ] Užbaik pamokos testo klausimus ir apmąstyk savo atsakymus
-- [ ] Įsidiek VS Code su GitHub Copilot plėtiniu
-- [ ] Išbandyk „Hello World“ pavyzdį 2 skirtingose programavimo kalbose internete
-- [ ] Pažiūrėk „Vienos dienos programuotojo gyvenime“ video „YouTube“
-- [ ] Pradėk savo programavimo kalbos detektyvo darbą (pagal iššūkį)
-
-### 📅 **Savaitės trukmės nuotykis**
-- [ ] Įvykdyk užduotį ir išbandyk 3 naujus vystymo įrankius
-- [ ] Sek 5 programuotojus arba programavimo paskyras socialiniuose tinkluose
-- [ ] Pamėgink sukurti ką nors mažytį CodePen ar Replit (net ir „Hello, [Tavo Vardas]!“)
-- [ ] Perskaityk vieną programuotojo tinklaraščio įrašą apie kieno nors programavimo kelią
-- [ ] Prisijunk prie virtualaus susitikimo arba pažiūrėk programuotojų paskaitą
-- [ ] Pradėk mokytis pasirinktos kalbos su internetiniais mokymais
-
-### 🗓️ **Mėnesio trukmės pokyčiai**
-- [ ] Sukurk pirmąją mažą programėlę (net paprastas tinklapis tinka!)
-- [ ] Prisidėk prie atviro kodo projekto (pradėk nuo dokumentacijos pataisymų)
-- [ ] Mentoruok ką nors, kas tik pradeda programavimo kelią
-- [ ] Sukurk savo programuotojo portfelio svetainę
-- [ ] Užmegzk ryšius su vietinėmis programuotojų bendruomenėmis ar studijų grupėmis
-- [ ] Pradėk planuoti savo kitą mokymosi etapą
-
-### 🎯 **Galutinis apmąstymų tikrinimas**
-
-**Prieš judėdamas toliau, skirk laiko pasidžiaugti:**
-- Kas šiandien programavime tave labiausiai sužavėjo?
-- Kurį įrankį ar sąvoką nori tyrinėti pirmą?
-- Kaip jautiesi pradėdamas šią programavimo kelionę?
-- Kokį klausimą norėtum dabar užduoti programuotojui?
+## 🚀 Jūsų programavimo kelionės laiko juosta
+
+### ⚡ **Ką galite padaryti per artimiausias 5 minutes**
+- [ ] Užsirašyti 2-3 programavimo kalbų svetaines, kurios patraukė jūsų dėmesį
+- [ ] Atsisiųsti Visual Studio Code, jei dar nepadarėte
+- [ ] Atidaryti naršyklės DevTools (F12) ir naršyti bet kurią svetainę
+- [ ] Prisijungti prie vienos programavimo bendruomenės (Dev.to, Reddit r/webdev arba Stack Overflow)
+
+### ⏰ **Ką galite pasiekti per šią valandą**
+- [ ] Atlikti po pamokos testą ir peržvelgti atsakymus
+- [ ] Įdiegti VS Code su GitHub Copilot plėtiniu
+- [ ] Išbandyti „Hello World“ pavyzdį 2 skirtingose programavimo kalbose internete
+- [ ] Pažiūrėti „Programuotojo diena“ vaizdo įrašą YouTube
+- [ ] Pradėti programavimo kalbos detektyvo darbą (pagal užduotį)
+
+### 📅 **Jūsų savaitės trukmės nuotykis**
+- [ ] Atlikti užduotį ir išbandyti 3 naujus kūrimo įrankius
+- [ ] Sekti 5 kūrėjus arba programavimo paskyras socialinėje medijoje
+- [ ] Pamėginti sukurti kažką mažo CodePen arba Replit (net jei tik „Hello, [Jūsų vardas]!“)
+- [ ] Perskaityti vieną kūrėjo tinklaraščio įrašą apie kieno nors programavimo kelionę
+- [ ] Prisijungti prie virtualaus susitikimo arba pažiūrėti programavimo kalbą
+- [ ] Pradėti mokytis pasirinktos kalbos su internetiniais pamokymais
+
+### 🗓️ **Jūsų mėnesio trukmės transformacija**
+- [ ] Sukurti pirmą mažą projektą (net paprastas tinklalapis laikomas!)
+- [ ] Prisidėti prie atvirojo kodo projekto (pradėti nuo dokumentacijos taisymų)
+- [ ] Mentoriauti ką nors, kas tik pradeda programavimo kelią
+- [ ] Sukurti savo kūrėjo portfolio svetainę
+- [ ] Užmegzti ryšius su vietinėmis kūrėjų bendruomenėmis ar mokymosi grupėmis
+- [ ] Pradėti planuoti kitą mokymosi etapą
+
+### 🎯 **Galutinė refleksija**
+
+**Prieš judėdami toliau, skirkite vieną akimirką pasidžiaugti:**
+- Kas šiandien jus labiausiai sužadino programavimo srityje?
+- Kurį įrankį ar koncepciją norite ištirti pirmiausia?
+- Kaip jaučiatės pradėję šią programavimo kelionę?
+- Koks klausimas norėtumėte užduoti programuotojui būtent dabar?
 
 ```mermaid
 journey
-    title Jūsų pasitikėjimo savimi kūrimo kelionė
+    title Jūsų Pasitikėjimo Savimi Ugdymo Kelionė
     section Šiandien
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section Šią savaitę
+    section Šią Savaitę
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Kitą mėnesį
+    section Kitą Mėnesį
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **Prisimink**: Kiekvienas ekspertas kažkada buvo pradedantysis. Kiekvienas vyresnysis programuotojas kažkada jautėsi lygiai taip pat kaip tu dabar – susijaudinęs, galbūt šiek tiek sutrikęs ir tikrai smalsus dėl galimybių. Tu esi nuostabioje kompanijoje, ir ši kelionė bus nepakartojama. Sveikas atvykęs į nuostabų programavimo pasaulį! 🎉
+> 🌟 **Prisiminkite:** Kiekvienas ekspertas kadaise buvo pradedantysis. Kiekvienas vyresnysis programuotojas kažkada jautėsi būtent kaip jūs dabar – susijaudinęs, galbūt šiek tiek apimtas streso ir tikrai smalsus, kas įmanoma. Jūs esate nuostabioje kompanijoje, o ši kelionė bus nepaprasta. Sveiki atvykę į nuostabų programavimo pasaulį! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Atsakomybės apribojimas**:
-Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Pirminis dokumentas gimtąja kalba turi būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neatsakome už bet kokius nesusipratimus ar klaidingus aiškinimus, kilusius dėl šio vertimo naudojimo.
+**Atsakomybės apribojimas**:  
+Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas gimtąja kalba laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojama kreiptis į profesionalų žmogišką vertimą. Mes neatsakome už jokius nesusipratimus ar klaidingus aiškinimus, kilusius naudojantis šiuo vertimu.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/lt/AGENTS.md b/translations/lt/AGENTS.md
index 138f4bf92..b4c4244ac 100644
--- a/translations/lt/AGENTS.md
+++ b/translations/lt/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Projekto apžvalga
 
-Tai mokymo programos saugykla, skirta pradedantiesiems mokyti pagrindinius interneto plėtros pagrindus. Programa – tai išsamus 12 savaičių kursas, sukurtas Microsoft Cloud Advocates, apimantis 24 praktines pamokas apie JavaScript, CSS ir HTML.
+Tai yra edukacinio kurso saugykla, skirta pradedantiesiems mokyti pagrindų apie žiniatinklio kūrimą. Kursas yra išsamus 12 savaičių kursas, sukurtas Microsoft Cloud Advocates komandos, turintis 24 praktines pamokas, apimančias JavaScript, CSS ir HTML.
 
 ### Pagrindiniai komponentai
 
-- **Mokymo turinys**: 24 struktūruotos pamokos, organizuotos projektinėmis moduliais
-- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosmoso žaidimas, Banko programa, Kodo redaktorius ir DI pokalbių padėjėjas
-- **Interaktyvūs klausimynai**: 48 testai po 3 klausimus (prieš ir po pamokų vertinimai)
-- **Daugiakalbė palaikymas**: Automatiniai vertimai į daugiau nei 50 kalbų per GitHub Actions
+- **Edukacinis turinys**: 24 struktūruotos pamokos, organizuotos į projektinius modulius
+- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosminis žaidimas, Banko programa, Kodo redaktorius ir DI pokalbių asistentas
+- **Interaktyvūs testai**: 48 testai po 3 klausimus kiekvienas (prieš- ir po pamokos vertinimai)
+- **Daugiakalbė palaikymas**: Automatiniai vertimai į 50+ kalbų per GitHub Actions
 - **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (DI projektams)
 
 ### Architektūra
 
-- Mokomoji saugykla su pamoka pagrįsta struktūra
-- Kiekviename pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai
-- Atskirai stovintys projektai atskirose direktorijose (quiz-app, įvairūs pamokų projektai)
-- Vertimų sistema naudojant GitHub Actions (co-op-translator)
-- Dokumentacija patiekiama per Docsify ir prieinama PDF formatu
+- Edukacinė saugykla su pamokų struktūra
+- Kiekvienos pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai
+- Atskirti savarankiški projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai)
+- Vertimų sistema naudojanti GitHub Actions (co-op-translator)
+- Dokumentacija teikiama per Docsify ir prieinama PDF formatu
 
 ## Nustatymo komandos
 
-Ši saugykla skirta daugiausia mokomajam turiniui vartoti. Dirbant su konkrečiais projektais:
+Ši saugykla skirta daugiausia edukaciniam turiniui vartoti. Norint dirbti su specifiniais projektais:
 
 ### Pagrindinės saugyklos nustatymas
 
@@ -31,14 +31,14 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Quiz App nustatymas (Vue 3 + Vite)
+### Apklaustuko programėlės nustatymas (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Paleisti kūrimo serverį
-npm run build      # Kurti gamybai
-npm run lint       # Vykdyti ESLint
+npm run build      # Sukurti gamybai
+npm run lint       # Paleisti ESLint
 ```
 
 ### Banko projekto API (Node.js + Express)
@@ -56,10 +56,10 @@ npm run format     # Formatuoti su Prettier
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Vykdykite naršyklės specifines plėtinių įkėlimo instrukcijas
+# Vadovaukitės naršyklės specifinėmis plėtinių įkėlimo instrukcijomis
 ```
 
-### Kosmoso žaidimo projektai
+### Kosminio žaidimo projektai
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Atidarykite index.html naršyklėje arba naudokite Live Server
 ```
 
-### Pokalbių projekto (Python Backend) nustatymas
+### Pokalbių projekto (Python backend) nustatymai
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,42 +76,42 @@ pip install openai
 python api.py
 ```
 
-## Kūrimo darbo eiga
+## Vystymo darbo eiga
 
-### Turinį kuriantiems
+### Turinio bendradarbiams
 
-1. **Padarykite saugyklos fork'ą** į savo GitHub paskyrą
-2. **Klonuokite savo fork'ą** lokaliai
-3. **Sukurkite naują šaką** pakeitimams
+1. **Padarykite fork’ą** saugyklos į savo GitHub paskyrą
+2. **Klonuokite savo fork’ą** vietoje
+3. **Sukurkite naują šaką** savo pakeitimams
 4. Keiskite pamokų turinį arba kodo pavyzdžius
-5. Išbandykite kodo pakeitimus atitinkamų projektų direktorijose
-6. Pateikite pull request pagal bendradarbiavimo taisykles
+5. Išbandykite kodo pakeitimus atitinkamuose projekto kataloguose
+6. Pateikite pull request’us pagal indėlio taisykles
 
-### Mokinėms ir mokiniams
+### Besimokantiems
 
-1. Padarykite fork'ą arba klonuokite saugyklą
-2. Sekite pamokų direktorijas iš eilės
-3. Skaitykite kiekvienos pamokos README bylas
+1. Padarykite fork arba klonuokite saugyklą
+2. Nuosekliai pereikite per pamokų katalogus
+3. Skaitykite kiekvienos pamokos README failus
 4. Atlikite priešpamokinius testus adresu https://ff-quizzes.netlify.app/web/
 5. Dirbkite su kodo pavyzdžiais pamokų aplankuose
-6. Atlikite pratimus ir iššūkius
-7. Atlikite po pamokų testus
+6. Atlikite užduotis ir iššūkius
+7. Atlikite postpamokinius testus
 
 ### Gyvas vystymas
 
-- **Dokumentacija**: Vykdykite `docsify serve` pagrindiniame aplanke (prievadas 3000)
-- **Quiz App**: Vykdykite `npm run dev` quiz-app kataloge
+- **Dokumentacija**: Paleiskite `docsify serve` šakniniame aplanke (3000 prievadas)
+- **Apklaustuko programėlė**: Paleiskite `npm run dev` quiz-app kataloge
 - **Projektai**: Naudokite VS Code Live Server plėtinį HTML projektams
-- **API projektai**: Vykdykite `npm start` atitinkamose API direktorijose
+- **API projektai**: Paleiskite `npm start` atitinkuose API kataloguose
 
 ## Testavimo instrukcijos
 
-### Quiz App testavimas
+### Apklaustuko programėlės testavimas
 
 ```bash
 cd quiz-app
-npm run lint       # Patikrinkite kodo stiliaus problemas
-npm run build      # Patvirtinkite, kad kūrimas pavyksta
+npm run lint       # Patikrinkite kodo stiliaus klaidas
+npm run build      # Patikrinkite, ar statyba sėkminga
 ```
 
 ### Banko API testavimas
@@ -119,47 +119,47 @@ npm run build      # Patvirtinkite, kad kūrimas pavyksta
 ```bash
 cd 7-bank-project/api
 npm run lint       # Patikrinkite kodo stiliaus klaidas
-node server.js     # Patvirtinkite, kad serveris paleidžiamas be klaidų
+node server.js     # Patikrinkite, ar serveris paleidžiamas be klaidų
 ```
 
-### Bendras testavimo metodas
+### Bendras testavimo požiūris
 
-- Tai mokomoji saugykla be išsamų automatizuotų testų
-- Rankinis testavimas sutelktas į:
+- Tai edukacinė saugykla be išsamios automatizuotos testavimo sistemos
+- Rankinis testavimas apima:
   - Kodo pavyzdžiai veikia be klaidų
   - Dokumentacijos nuorodos veikia tinkamai
-  - Projektų kūrimas vyksta sklandžiai
-  - Pavyzdžiai atitinka geriausią praktiką
+  - Projektų kompiliacijos vyksta sėkmingai
+  - Pavyzdžiai atitinka gerąsias praktikas
 
-### Prieš pateikiant tikrinimai
+### Patikrinimai prieš pateikiant
 
-- Vykdykite `npm run lint` kataloguose su package.json
-- Patikrinkite ar markdown nuorodos galioja
+- Paleiskite `npm run lint` kataloguose su package.json
+- Patikrinkite markdown nuorodų galiojimą
 - Išbandykite kodo pavyzdžius naršyklėje arba Node.js
-- Užtikrinkite, kad vertimai išlaiko tinkamą struktūrą
+- Įsitikinkite, kad vertimai išlaiko tinkamą struktūrą
 
 ## Kodo stiliaus gairės
 
 ### JavaScript
 
 - Naudokite modernią ES6+ sintaksę
-- Laikykitės projektų pateiktų ESLint konfigūracijų
-- Naudokite prasmingus kintamųjų ir funkcijų pavadinimus mokymo aiškumui
-- Pridėkite komentarus, aiškinančius sąvokas mokiniams
-- Formatuokite naudojant Prettier, jei yra konfigūracijos
+- Laikykitės standartinių ESLint konfigūracijų projektuose
+- Naudokite prasmingus kintamųjų ir funkcijų pavadinimus mokymosi tikslams
+- Pridėkite komentarus, paaiškinančius koncepcijas mokiniams
+- Formatuokite naudodami Prettier, kur nustatyta
 
 ### HTML/CSS
 
-- Semantinės HTML5 žymos
-- Reaguojantis dizainas
-- Aiškios klasių vardų konvencijos
+- Semantiški HTML5 elementai
+- Responvyvaus dizaino principai
+- Aiškios klasės pavadinimų konvencijos
 - Komentarai, paaiškinantys CSS technikas mokiniams
 
 ### Python
 
 - PEP 8 stiliaus gairės
-- Aiškūs, mokomieji kodo pavyzdžiai
-- Tipų anotacijos, naudingos mokantis
+- Aiškūs, edukaciniai kodo pavyzdžiai
+- Tipų anotacijos, jei naudingos mokymuisi
 
 ### Markdown dokumentacija
 
@@ -167,116 +167,116 @@ node server.js     # Patvirtinkite, kad serveris paleidžiamas be klaidų
 - Kodo blokai su kalbos nurodymu
 - Nuorodos į papildomus išteklius
 - Ekrano nuotraukos ir paveikslėliai `images/` kataloguose
-- Paveikslėlių alt tekstai prieinamumui
+- Alt tekstas paveikslėliams prieinamumui užtikrinti
 
-### Failų organizavimas
+### Failų organizacija
 
-- Pamokos pažymėtos skaičiais (1-getting-started-lessons, 2-js-basics, ir tt)
+- Pamokos numeruojamos nuosekliai (1-getting-started-lessons, 2-js-basics ir kt.)
 - Kiekviename projekte yra `solution/` ir dažnai `start/` arba `your-work/` katalogai
-- Paveikslėliai saugomi pamoka specifiniuose `images/` aplankuose
-- Vertimai kataloguose `translations/{language-code}/`
+- Paveikslėliai saugomi pamokų specifiniuose `images/` aplankuose
+- Vertimai saugomi `translations/{language-code}/` struktūroje
 
 ## Kūrimas ir diegimas
 
-### Quiz App diegimas (Azure Static Web Apps)
+### Apklaustuko programėlės diegimas (Azure Static Web Apps)
 
-quiz-app sukonfigūruotas Azure Static Web Apps diegimui:
+quiz-app yra sukonfigūruotas Azure Static Web Apps diegimui:
 
 ```bash
 cd quiz-app
 npm run build      # Sukuria dist/ aplanką
-# Diegia per GitHub Actions darbo eigą po nurodymo į main branch
+# Diegia per GitHub Actions darbo eigą, kai pushinama į main šaką
 ```
 
 Azure Static Web Apps konfigūracija:
-- **Programos vieta**: `/quiz-app`
+- **Programėlės vieta**: `/quiz-app`
 - **Išvesties vieta**: `dist`
-- **Darbo eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Vykdymo eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Dokumentacijos PDF generavimas
+### Dokumentacijos PDF kūrimas
 
 ```bash
 npm install                    # Įdiekite docsify-to-pdf
-npm run convert               # Generuoti PDF iš docs
+npm run convert               # Sugeneruokite PDF iš docs
 ```
 
 ### Docsify dokumentacija
 
 ```bash
-npm install -g docsify-cli    # Įdiekite Docsify globally
-docsify serve                 # Tiekite localhost:3000
+npm install -g docsify-cli    # Įdiegti Docsify globaliai
+docsify serve                 # Tarnauti localhost:3000
 ```
 
-### Projektų specifiniai kūrimo procesai
+### Projektui būdingi kūrimo procesai
 
 Kiekvienas projekto katalogas gali turėti savo kūrimo procesą:
-- Vue projektai: `npm run build` sukuria gamybinius paketus
-- Statiniai projektai: nėra kūrimo žingsnio, failai patiekiami tiesiogiai
+- Vue projektai: `npm run build` sukuria produkcinius paketus
+- Statiniai projektai: be kūrimo žingsnio, failai pateikiami tiesiogiai
 
-## Pull Request gairės
+## Pull request gairės
 
-### Pavadinimų formatas
+### Pavadinimo formatas
 
-Naudokite aiškius, aprašomuosius pavadinimus, nurodančius keitimo sritį:
+Naudokite aiškius, apibūdinančius pakeitimus pavadinimus:
 - `[Quiz-app] Pridėti naują testą pamokai X`
-- `[Lesson-3] Ištaisyta rašybos klaida terariumo projekte`
-- `[Translation] Pridėtas ispanų kalbos vertimas 5 pamokai`
-- `[Docs] Atnaujintos diegimo instrukcijos`
+- `[Lesson-3] Ištaisyta rašybos klaida terrarium projekte`
+- `[Translation] Pridėtas ispanų kalbos vertimas pamokai 5`
+- `[Docs] Atnaujintos nustatymo instrukcijos`
 
 ### Būtini patikrinimai
 
 Prieš pateikiant PR:
 
 1. **Kodo kokybė**:
-   - Vykdykite `npm run lint` paveiktuose projekto kataloguose
-   - Ištaisykite visus lint klaidų ir įspėjimų pranešimus
+   - Paleiskite `npm run lint` atitinkamuose projekto kataloguose
+   - Ištaisyti visus lint klaidas ir įspėjimus
 
-2. **Kūrimo patikra**:
-   - Vykdykite `npm run build` jei taikoma
-   - Įsitikinkite, kad nėra kūrimo klaidų
+2. **Kūrimo patikrinimas**:
+   - Jei taikoma, paleiskite `npm run build`
+   - Užtikrinkite, kad nėra kūrimo klaidų
 
-3. **Nuorodų tikrinimas**:
-   - Išbandykite visas markdown nuorodas
-   - Patikrinkite, ar paveikslėlių nuorodos veikia
+3. **Nuorodų patikra**:
+   - Patikrinkite visas markdown nuorodas
+   - Patikrinkite paveikslėlių nuorodas
 
 4. **Turinio peržiūra**:
-   - Patikrinkite rašybą ir gramatiką
-   - Užtikrinkite, kad kodo pavyzdžiai yra teisingi ir mokomieji
-   - Patvirtinkite, kad vertimai išlaikė pradinę prasmę
+   - Korektūra dėl rašybos ir gramatikos
+   - Užtikrinkite, kad kodo pavyzdžiai yra teisingi ir edukaciniai
+   - Patikrinkite, kad vertimai išlaiko originalią prasmę
 
-### Bendradarbiavimo reikalavimai
+### Indėlio reikalavimai
 
-- Sutinkate su Microsoft CLA (automatinis tikrinimas pirmame PR)
-- Laikykitės [Microsoft atvirojo kodo elgesio kodekso](https://opensource.microsoft.com/codeofconduct/)
-- Žr. [CONTRIBUTING.md](./CONTRIBUTING.md) su išsamiomis gairėmis
-- Nurodykite susijusių klausimų numerius PR aprašyme, jei taikoma
+- Sutikite su Microsoft CLA (automatinis patikrinimas pirmojo PR metu)
+- Laikykitės [Microsoft atvirojo kodo elgesio taisyklių](https://opensource.microsoft.com/codeofconduct/)
+- Matykite [CONTRIBUTING.md](./CONTRIBUTING.md) išsamioms gairėms
+- Jei taikoma, nurodykite problemų numerius PR apraše
 
 ### Peržiūros procesas
 
 - PR peržiūri prižiūrėtojai ir bendruomenė
-- Skiriamas pirmenybė mokomajam aiškumui
-- Kodo pavyzdžiai turi atitikti dabartinę geriausią praktiką
-- Vertimai vertinami dėl tikslumo ir kultūrinės tinkamumo
+- Prioritetas suteikiamas edukaciniam aiškumui
+- Kodo pavyzdžiai turi atitikti šiuolaikines gerąsias praktikas
+- Vertimai peržiūrimi dėl tikslumo ir kultūrinio tinkamumo
 
-## Vertimo sistema
+## Vertimų sistema
 
 ### Automatizuotas vertimas
 
-- Naudoja GitHub Actions su co-op-translator darbo eiga
+- Naudoja GitHub Actions su co-op-translator workflow
 - Automatiškai verčia į daugiau nei 50 kalbų
-- Šaltiniai yra pagrindiniuose kataloguose
-- Išversti failai saugomi `translations/{language-code}/` kataloguose
+- Šaltinių failai pagrindiniuose kataloguose
+- Išverstieji failai saugomi `translations/{language-code}/` kataloguose
 
-### Rankinis vertimo patobulinimas
+### Rankinių vertimo patobulinimų pridėjimas
 
-1. Suraskite failą `translations/{language-code}/`
+1. Raskite failą `translations/{language-code}/` kataloge
 2. Atlikite patobulinimus išlaikydami struktūrą
-3. Užtikrinkite, kad kodo pavyzdžiai išlieka veikiantys
-4. Išbandykite vietinius testų klausimus
+3. Užtikrinkite, kad kodo pavyzdžiai lieka veikiantys
+4. Išbandykite lokalizuotą testų turinį
 
-### Vertimo metaduomenys
+### Vertimų meta duomenys
 
-Išversti failai turi metaduomenų antraštę:
+Išverstieji failai turi meta antraštę:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Dažnos problemos
 
-**Quiz app nepaleidžiamas**:
+**Apklaustuko programėlė nepaleidžiama**:
 - Patikrinkite Node.js versiją (rekomenduojama v14+)
-- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite `npm install` iš naujo
-- Patikrinkite prievado konfliktus (numatytas Vite naudoja prievadą 5173)
+- Ištrinkite `node_modules` ir `package-lock.json`, tada paleiskite `npm install` iš naujo
+- Patikrinkite, ar nėra prievado konfliktų (numatytasis: Vite naudoja prievadą 5173)
 
-**API serveris nepakraunamas**:
-- Patikrinkite, ar Node.js versija atitinka minimalų reikalavimą (node >=10)
-- Patikrinkite, ar prievadas neužimtas
-- Įsitikinkite, kad visos priklausomybės įdiegtos per `npm install`
+**API serveris nepaleidžiamas**:
+- Įsitikinkite, kad Node.js versija atitinka minimalų reikalavimą (node >=10)
+- Patikrinkite, ar prievadas nėra užimtas
+- Užtikrinkite, kad visos priklausomybės įdiegtos per `npm install`
 
-**Naršyklės plėtinys neįsikrauna**:
-- Patikrinkite, ar manifest.json tinkamai suformatuotas
-- Peržiūrėkite naršyklės konsolės klaidas
-- Laikykitės naršyklės specifinių plėtinių diegimo instrukcijų
+**Naršyklės plėtinys nesikrauna**:
+- Patikrinkite, ar manifest.json yra tinkamai suformatuotas
+- Patikrinkite naršyklės konsolę dėl klaidų
+- Sekite naršyklės specifines plėtinių diegimo instrukcijas
 
 **Python pokalbių projekto problemos**:
-- Įsitikinkite, kad įdiegtas OpenAI paketas: `pip install openai`
+- Įsitikinkite, kad įdiegta OpenAI paketas: `pip install openai`
 - Patikrinkite, ar nustatytas GITHUB_TOKEN aplinkos kintamasis
-- Patikrinkite GitHub modelių prieigos teises
+- Patikrinkite prieigą prie GitHub modelių
 
-**Docsify neaptarnauja dokumentų**:
+**Docsify neišveda dokumentacijos**:
 - Įdiekite docsify-cli globaliai: `npm install -g docsify-cli`
-- Vykdykite iš saugyklos šaknies direktorijos
-- Patikrinkite, ar yra `docs/_sidebar.md`
+- Paleiskite iš saugyklos šaknies katalogo
+- Patikrinkite, ar egzistuoja `docs/_sidebar.md`
 
 ### Vystymo aplinkos patarimai
 
 - Naudokite VS Code su Live Server plėtiniu HTML projektams
-- Įdiekite ESLint ir Prettier plėtinius vientisam formatavimui
-- Naudokite naršyklės kūrėjų įrankius JavaScript derinimui
+- Įdiekite ESLint ir Prettier plėtinius nuosekliam formatavimui
+- Naudokitės naršyklės kūrimo įrankiais JavaScript derinimui
 - Vue projektams įdiekite Vue DevTools naršyklės plėtinį
 
-### Veikimo našumo aspektai
+### Veikimo našumas
 
-- Daug vertimų failų (50+ kalbų) reiškia, kad viso repo klonavimas užima daug vietos
-- Naudokite seklaus klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
-- Išjunkite vertimų paieškas dirbant su anglų turiniu
-- Kūrimo procesai gali būti lėti pirmu paleidimu (npm install, Vite build)
+- Daug išverstų failų (50+ kalbų) reiškia dideles pilnas kopijas
+- Naudokite švelnų klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
+- Išskirkite vertimus paieškose dirbdami su anglišku turiniu
+- Kūrimo procesai gali būti lėti pirmame paleidime (npm install, Vite build)
 
-## Saugumo aspektai
+## Saugumo svarstymai
 
 ### Aplinkos kintamieji
 
-- API raktai neturėtų būti commit’inami į saugyklą
+- API raktai neturi būti įtraukti į saugyklą
 - Naudokite `.env` failus (jau įtraukti į `.gitignore`)
-- Reikalingi aplinkos kintamieji dokumentuojami projekto README
+- Dokumentuokite reikiamus aplinkos kintamuosius projektuose README
 
 ### Python projektai
 
 - Naudokite virtualias aplinkas: `python -m venv venv`
 - Laikykite priklausomybes atnaujintas
-- GitHub tokenai turi turėti minimalias reikalingas teises
+- GitHub token’ai turi turėti minimalias reikalingas teises
 
 ### GitHub modelių prieiga
 
-- Reikalingi asmeniniai prieigos tokenai (PAT) GitHub modeliams
-- Tokenai turėtų būti laikomi aplinkos kintamuosiuose
-- Niekada neįtraukti tokenų ar kredencialų į saugyklą
+- Reikalingi asmeniniai prieigos token’ai (PAT) GitHub modeliams
+- Token’ai saugomi kaip aplinkos kintamieji
+- Niekada neįtraukite token’ų ar prisijungimo duomenų į saugyklą
 
 ## Papildomos pastabos
 
 ### Tikslinė auditorija
 
-- Visiškai pradedantieji interneto kūrimo srityje
+- Visiškai pradedantieji žiniatinklio kūrime
 - Studentai ir savarankiški besimokantieji
-- Mokytojai, naudojantys programą klasėje
-- Turinys skirtas prieinamumui ir laipsniškam įgūdžių ugdymui
+- Mokytojai, naudojantys kursą klasėse
+- Turinys sukurtas prieinamumui ir palaipsniui įgūdžių tobulinimui
 
-### Mokymo filosofija
+### Edukacinė filosofija
 
-- Projektu pagrįstas mokymas
+- Mokymasis projekte pagrindu
 - Dažni žinių patikrinimai (testai)
-- Praktiniai programavimo pratimai
-- Tikros pasaulio taikymo pavyzdžiai
-- Dėmesys pagrindams prieš frameworks
+- Praktinės kodo užduotys
+- Realūs pavyzdžiai ir taikymas
+- Akcentas į pagrindus prieš karkasus
 
 ### Saugyklos priežiūra
 
-- Aktyvi mokinių ir kūrėjų bendruomenė
-- Reguliarūs priklausomybių ir turinio atnaujinimai
-- Prižiūrėtojai stebi issues ir diskusijas
+- Aktyvi besimokančiųjų ir bendradarbių bendruomenė
+- Reguliarūs atnaujinimai priklausomybėms ir turiniui
+- Problemos ir diskusijos prižiūrimos migratorių
 - Vertimų atnaujinimai automatizuoti per GitHub Actions
 
 ### Susiję ištekliai
 
 - [Microsoft Learn moduliai](https://docs.microsoft.com/learn/)
-- [Student Hub ištekliai](https://docs.microsoft.com/learn/student-hub/)
+- [Studentų centras](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomenduojamas besimokantiesiems
-- Papildomi kursai: Generatyvioji DI, Duomenų mokslas, ML, IoT mokymo programos
+- Papildomi kursai: Generatyvioji DI, Duomenų mokslas, ML, IoT kursai
 
-### Darbas su konkrečiais projektais
+### Darbas su specifiniais projektais
 
-Išsamios instrukcijos apie atskirus projektus yra README bylose:
-- `quiz-app/README.md` - Vue 3 testų aplikacija
+Išsamios instrukcijos apie atskirus projektus yra README failuose:
+- `quiz-app/README.md` - Vue 3 apklaustuko programa
 - `7-bank-project/README.md` - Banko programa su autentifikacija
 - `5-browser-extension/README.md` - Naršyklės plėtinių kūrimas
-- `6-space-game/README.md` - Žaidimo „Canvas“ technologija kūrimas
-- `9-chat-project/README.md` - DI pokalbių padėjėjo projektas
+- `6-space-game/README.md` - Canvas pagrindu sukurtas žaidimas
+- `9-chat-project/README.md` - DI pokalbių asistento projektas
 
 ### Monorepo struktūra
 
-Nors tai nėra tradicinė monorepo saugykla, ji turi kelis nepriklausomus projektus:
+Nors tai nėra tradicinis monorepo, ši saugykla apima kelis nepriklausomus projektus:
 - Kiekviena pamoka yra savarankiška
-- Projektai nesidalija priklausomybėmis
-- Dirbkite su atskirais projektais neįtakojant kitų
-- Klonuokite visą saugyklą, jei norite pilno mokymo turinio
+- Projektai nesidalina priklausomybėmis
+- Dirbkite su atskiromis projekto dalimis nesukeldami poveikio kitiems
+- Klonuokite visą saugyklą pilnam kurso patyrimui
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Atsakomybės apribojimas**:  
-Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų arba netikslumų. Pirminis dokumentas originalia kalba turi būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojamas profesionalus žmogaus atliktas vertimas. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, kylančius dėl šio vertimo naudojimo.
+Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, atkreipkite dėmesį, kad automatizuotuose vertimuose gali pasitaikyti klaidų ar netikslumų. Originalus dokumentas gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojama naudotis profesionalaus žmogaus vertimu. Mes neprisiimame atsakomybės už bet kokius nesusipratimus ar neteisingas interpretacijas, kylančias dėl šio vertimo naudojimo.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/lt/README.md b/translations/lt/README.md
index 8410f53bf..76f3d3159 100644
--- a/translations/lt/README.md
+++ b/translations/lt/README.md
@@ -10,71 +10,82 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Interneto svetainių kūrimas pradedantiesiems - mokymo programa
+# Interneto svetainių kūrimas pradedantiesiems – Mokymo programa
 
-Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates. Kiekviena iš 24 pamokų nagrinėja JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir atlikite praktiškas užduotis. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudodami mūsų veiksmingą mokymosi metodiką, pagrįstą projektais. Pradėkite savo programavimo kelionę jau šiandien!
+Išmokite interneto svetainių kūrimo pagrindus su mūsų 12 savaičių išsamiu kursu, kurį rengia Microsoft Cloud Advocates komanda. Kiekvienoje iš 24 pamokų gilinsitės į JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą efektyvios projektinės pedagogikos dėka. Pradėkite savo programavimo kelią jau šiandien!
 
 Prisijunkite prie Azure AI Foundry Discord bendruomenės
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Sekite šiuos žingsnius, kad pradėtumėte naudodami šiuos išteklius:
-1. **Padarykite sau fork’ą**: Spauskite [![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. **Klonuokite sau repozitoriją**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais kūrėjais**](https://discord.com/invite/ByRwuEEgH4)
+Vadovaukitės žemiau nurodytais žingsniais, kad pradėtumėte naudotis šiomis priemonėmis:
+1. **Padarykite šaką (“Fork”)**: Spustelėkite [![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. **Klonuokite saugyklą**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Prisijunkite prie Azure AI Foundry Discord, susipažinkite su ekspertais ir kitais programuotojais**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Daugiakalbė palaikymas
+### 🌐 Daugialypė kalbų palaikymas
 
-#### Palaikoma per GitHub Action (Automatizuota ir visada atnaujinta)
+#### Palaikoma per GitHub Action (automatizuota ir visada naujausia)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](./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)
 
-> **Pageidaujate klonuoti lokaliai?**
-
-> Ši repozitorija turi daugiau nei 50 kalbų vertimų, todėl atsisiuntimo dydis yra žymiai didesnis. Norėdami klonuoti be vertimų, naudokite sparse checkout:
+> **Norite klonuoti vietoje?**
+>
+> Ši saugykla apima daugiau nei 50 kalbų vertimų, todėl reikšmingai padidėja atsisiuntimo dydis. Norėdami klonuoti be vertimų, naudokite partial 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'
 > ```
-> Tai suteiks jums viską, ko reikia kursui baigti, su daug greitesniu atsisiuntimu.
+>
+> **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"
+> ```
+>
+> Tai suteikia viską, ko reikia kursui atlikti, žymiai greičiau atsisiunčiant.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Jei norite, kad palaikomos papildomos kalbos, jos yra išvardytos [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Jei norite, kad būtų palaikomos papildomos vertimų kalbos, jos išvardytos [čia](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)
+[![Atidaryti 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)
 
-#### 🧑‍🎓 _Esate studentas?_
+#### 🧑‍🎓 _Ar esate studentas?_
 
-Apsilankykite [**Studentų Hub puslapyje**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kuriame rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta įsiminti ir periodiškai tikrinti, nes mes kas mėnesį atnaujiname turinį.
+Apsilankykite [**Studentų centro puslapyje**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Šis puslapis verta įtraukti į žymes ir kartas nuo karto patikrinti, nes kas mėnesį atnaujinsime turinį.
 
-### 📣 Pranešimas - Nauji GitHub Copilot Agent režimo iššūkiai!
+### 📣 Pranešimas – Nauji GitHub Copilot Agent režimo iššūkiai!
 
-Pridėtas naujas iššūkis, raskite „GitHub Copilot Agent Challenge 🚀“ daugelyje skyrių. Tai naujas iššūkis, kurį turite įveikti naudodami GitHub Copilot ir Agent režimą. Jei anksčiau nenaudojote Agent režimo, jis geba ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.
+Pridėtas naujas iššūkis – ieškokite "GitHub Copilot Agent Challenge 🚀" daugelyje skyrių. Tai naujas iššūkis, kurį galite atlikti naudodami GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis ne tik generuoja tekstą, bet ir gali kurti bei redaguoti failus, vykdyti komandas ir dar daugiau.
 
-### 📣 Pranešimas - _Naujas projektas kuriamas naudojant generatyvią dirbtinį intelektą_
+### 📣 Pranešimas – _Naujas projektas, sukurtas naudojant Generatyvinį AI_
 
-Pridėtas naujas AI asistentas projektas, apžiūrėkite jį [projekte](./9-chat-project/README.md)
+Naujas AI asistentas projektas ką tik pridėtas, pažiūrėkite [projektą](./9-chat-project/README.md)
 
-### 📣 Pranešimas - _Naujasis Generatyvios DI kursas JavaScript_
+### 📣 Pranešimas – _Nauja programa_ apie Generatyvinį AI JavaScript kalbai ką tik išleista
 
-Nepraleiskite mūsų naujo Generatyvios DI kurso!
+Nepraleiskite mūsų naujo Generatyvinio AI kurso!
 
 Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite!
 
 ![Background](../../translated_images/lt/background.148a8d43afde5730.webp)
 
-- Pamokos nuo pagrindų iki RAG.
-- Bendraukite su istoriniais veikėjais naudodami GenAI ir mūsų programą.
-- Įdomi ir įtraukianti istorija, keliausite laiku!
+- Pamokos apimančios viską nuo pagrindų iki RAG.
+- Sąveika su istorinių personažų naudojant GenAI ir mūsų kompanioninę programėlę.
+- Smagi ir įtraukianti pasakojimo forma, tarsi keliautumėte laiku!
 
 ![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp)
 
-Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, padėsiantį išmokti tokių temų kaip:
-- Promptų kūrimas ir inžinerija
-- Teksto ir vaizdų programų kūrimas
-- Paieškos programos
+
+Kiekvienoje pamokoje pateikiama užduotis, žinių patikrinimas ir iššūkis, kurie nukreips jus mokytis tokių temų kaip:
+- Komandų rašymas ir jų kūrimo inžinerija
+- Teksto ir vaizdų programėlių kūrimas
+- Paieškos programėlės
 
 Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite!
 
@@ -82,188 +93,188 @@ Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) i
 
 ## 🌱 Pradžia
 
-> **Mokytojai**, mes pateikėme [keletą pasiūlymų](for-teachers.md), kaip naudoti šią mokymo programą. Lauksime jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Mokytojai**, mes [įtraukėme kelis pasiūlymus](for-teachers.md), kaip naudoti šią mokymo programą. Labai laukiame jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Mokymosi dalyviai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, perskaitykite paskaitos medžiagą, atlikite įvairias veiklas ir pasitikrinkite žinias po paskaitos viktorinoje.
+**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, po to skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir patikrinkite savo supratimą po paskaitos viktorina.
 
-Norėdami geriau išmokti, sujunkite jėgas su bendrakursiais, kad kartu dirbtumėte prie projektų! Diskusijos skatinamos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kur mūsų moderatoriai bus prieinami atsakyti į jūsų klausimus.
+Norėdami geriau mokytis, susisiekite su savo bendraklasiais ir dirbkite kartu prie projektų! Diskusijos skatinamos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kuriame mūsų moderatoriai pasiruošę atsakyti į jūsų klausimus.
 
-Norėdami gilinti žinias, labai rekomenduojame tyrinėti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) papildomoms studijų medžiagoms.
+Tolesniam mokymuisi labai rekomenduojame tyrinėti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) dėl papildomų mokymosi medžiagų.
 
-### 📋 Aplinka su parengimu darbui
+### 📋 Aplinkos paruošimas
 
-Ši mokymo programa turi jau paruoštą kūrimo aplinką! Pradėdami galite rinktis kursą vykdyti [Codespace](https://github.com/features/codespaces/) aplinkoje (_naršyklėje, nereikia jokios instaliacijos_), arba vietoje savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ši mokymo programa turi paruoštą vystymo aplinką! Pradėdami galite pasirinkti vykdyti programą [Codespace](https://github.com/features/codespaces/) aplinkoje (naršyklėje, nereikia nieko įdiegti) arba vietoje savo kompiuteryje naudodami teksto redaktorių, pvz., [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Sukurkite savo repozitoriją
-Norėdami patogiai išsaugoti savo darbą, rekomenduojama sukurti savo asmeninę šio repozitorijos kopiją. Tai galite padaryti paspausdami mygtuką **Use this template** puslapio viršuje. Taip bus sukurta nauja repozitorija jūsų GitHub paskyroje su programos kopija.
+#### Sukurkite savo saugyklą
+Kad galėtumėte lengvai išsaugoti savo darbus, rekomenduojama sukurti savo šios saugyklos kopiją. Tai galite padaryti spustelėję **Naudoti šabloną (Use this template)** mygtuką puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su šios mokymo programos kopija.
 
-Žingsniai:
-1. **Padarykite fork’ą**: paspauskite "Fork" mygtuką puslapio viršutiniame dešiniajame kampe.
-2. **Klonuokite repozitoriją**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Vadovaukitės šiais žingsniais:
+1. **Padarykite šaką (“Fork”)**: Spustelėkite mygtuką „Fork“ viršutiniame dešiniajame kampe.
+2. **Klonuokite saugyklą**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Mokymo programos paleidimas Codespace aplinkoje
+#### Vykdymas Codespace aplinkoje
 
-Jūsų sukurtos kopijos repozitorijoje paspauskite **Code** mygtuką ir pasirinkite **Open with Codespaces**. Taip bus sukurta nauja Codespace aplinka, kurioje galėsite dirbti.
+Jūsų sukurtos kopijos saugykloje spustelėkite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace aplinką darbui.
 
 ![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Mokymo programos paleidimas vietoje savo kompiuteryje
+#### Vykdymas vietoje kompiuteryje
 
-Norėdami vykdyti šią mokymo programą vietoje savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Pirmoji pamoka, [Įvadas į programavimo kalbas ir darbo įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), padės pasirinkti geriausius įrankius.
+Norėdami vykdyti šią mokymo programą vietoje savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirmoji pamoka, [Įvadas į programavimo kalbas ir darbo įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), supažindins su įvairiomis šių įrankių galimybėmis, kad galėtumėte pasirinkti, kas jums tinka geriausiai.
 
-Mes rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorių, kuris turi ir integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite atsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-1. Klonuokite savo repozitoriją į kompiuterį. Tai galite padaryti paspaudę **Code** mygtuką ir nukopijavę URL:
+Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kaip redaktorių, kuris taip pat turi integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite atsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti paspaudę mygtuką **Code** ir nukopijavę URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Tada atidarykite [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) „Visual Studio Code“ viduje ir vykdykite šią komandą, pakeisdami `<your-repository-url>` į ką tik nukopijuotą URL:
+
+    Tada atidarykite [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) aplinkoje ir paleiskite šią komandą, pakeisdami `<your-repository-url>` nukopijuotu URL:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Atidarykite aplanką „Visual Studio Code“. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkę ką tik klonuotą aplanką.
+2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti paspaudę **File** > **Open Folder** ir pasirinkę ką tik nuklonuotą aplanką.
 
 
->  Rekomenduojami „Visual Studio Code“ plėtiniai:
+>  Rekomenduojami Visual Studio Code papildiniai:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML puslapių peržiūrai „Visual Studio Code“ viduje
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - padeda greičiau rašyti kodą
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – HTML puslapių peržiūrai Visual Studio Code aplinkoje
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – skirti greičiau rašyti kodą
 
 ## 📂 Kiekviena pamoka apima:
 
-- neprivalomą eskizų užrašą
-- neprivalomą papildomą vaizdo įrašą
-- apšilimo testą prieš pamoką
+- papildomą eskizą
+- papildomą vaizdo įrašą
+- įžanginį klausimų testą prieš pamoką
 - rašytinę pamoką
-- projektinėse pamokose – žingsnis po žingsnio gidus, kaip sukurti projektą
+- projekto pagrindu sukurtas pamokas su žingsnis po žingsnio gidu, kaip sukurti projektą
 - žinių patikrinimus
 - iššūkį
-- papildomą skaitymą
-- užduotį
-- [testą po pamokos](https://ff-quizzes.netlify.app/web/)
+- papildomą literatūrą
+- namų darbą
+- [pabaigos testą](https://ff-quizzes.netlify.app/web/)
 
-> **Pastaba apie testus**: Visi testai yra „Quiz-app“ aplanke, iš viso 48 testai po tris klausimus. Jie prieinami [čia](https://ff-quizzes.netlify.app/web/), testų programėlę galima paleisti vietoje arba įdiegti „Azure“; vykdykite nurodymus `quiz-app` aplanke.
+> **Pastaba apie testus**: Visi testai yra Quiz-app aplanke, iš viso 48 testai po tris klausimus kiekviename. Jie pasiekiami [čia](https://ff-quizzes.netlify.app/web/), testų programėlę galima paleisti vietoje arba išdėstyti Azure; vykdykite nurodymus `quiz-app` aplanke.
 
 ## 🗃️ Pamokos
 
-|     |                       Projekto pavadinimas                        |                             Mokomi klausimai                              | Mokymosi tikslai                                                                                                                    |                                                        Susijusi pamoka                                                        |          Autorius         |
-| :-: | :---------------------------------------------------------------: | :------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------: |
-| 01  |                        Pradžia                                  |            Įvadas į programavimą ir darbo įrankiai                         | Suprasti pagrindus, kurie yra daugumos programavimo kalbų pagrindas, ir sužinoti apie programinę įrangą, padedančią profesionalams   | [Įvadas į programavimo kalbas ir darbo įrankius](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)       |          Jasmine          |
-| 02  |                        Pradžia                                  |                 GitHub pagrindai ir darbas komandoje                      | Kaip naudoti GitHub savo projekte, kaip bendradarbiauti su kitais prie kodo bazės                                                    |                            [GitHub pagrindai](./1-getting-started-lessons/2-github-basics/README.md)                             |           Floor           |
-| 03  |                        Pradžia                                  |                              Prieinamumas                                  | Sužinoti interneto prieinamumo pagrindus                                                                                             |                          [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md)                          |        Christopher        |
-| 04  |                        JS pagrindai                             |                         JavaScript duomenų tipai                          | JavaScript duomenų tipų pagrindai                                                                                                   |                                 [Duomenų tipai](./2-js-basics/1-data-types/README.md)                                           |          Jasmine          |
-| 05  |                        JS pagrindai                             |                        Funkcijos ir metodai                               | Sužinoti apie funkcijas ir metodus, valdančius programos logikos eigą                                                               |                           [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md)                                    | Jasmine ir Christopher    |
-| 06  |                        JS pagrindai                             |                         Sprendimų priėmimas su JS                         | Sužinoti, kaip kurti sąlygas savo kode naudojant sprendimų priėmimo metodus                                                         |                                [Sprendimų priėmimas](./2-js-basics/3-making-decisions/README.md)                                |          Jasmine          |
-| 07  |                        JS pagrindai                             |                           Masyvai ir ciklai                              | Dirbti su duomenimis naudodami masyvus ir ciklus JavaScript                                                                         |                                [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md)                                    |          Jasmine          |
-| 08  |          [Terrarium](./3-terrarium/solution/README.md)          |                            HTML praktikoje                              | Kurti HTML struktūrą internetu terariumui, dėmesys maketo kūrimui                                                                   |                               [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md)                                        |            Jen            |
-| 09  |          [Terrarium](./3-terrarium/solution/README.md)          |                            CSS praktikoje                               | Kurti CSS terariumui stilizuoti, dėmesys CSS pagrindams, įskaitant puslapio prisitaikymą                                            |                                [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md)                                         |            Jen            |
-| 10  |           [Terrarium](./3-terrarium/solution/README.md)          |              JavaScript uždarymai ir DOM manipuliacija                  | Kurti JavaScript, leidžiantį terariumui veikti kaip vilkimo-nuleidimo sąsajai, fokusas į uždarymus ir DOM manipuliaciją              |              [JavaScript uždarymai ir DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                 |            Jen            |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)       |                          Kurti rašymo žaidimą                           | Sužinoti, kaip naudoti klaviatūros įvykius JavaScript programos logikai valdyti                                                     |                               [Įvykių valdymo programavimas](./4-typing-game/typing-game/README.md)                             |        Christopher        |
-| 12  | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) |                      Darbas su naršyklėmis                              | Sužinoti, kaip veikia naršyklės, jų istorija ir kaip sukurti pirmuosius plėtinio elementus                                            |                            [Apie naršykles](./5-browser-extension/1-about-browsers/README.md)                                   |            Jen            |
-| 13  | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Formos kūrimas, API iškvietimas ir kintamųjų saugojimas vietinėje saugykloje | Kurti JavaScript naršyklės plėtinio elementus API kvietimui, naudojant vietoje saugomus kintamuosius                                |                       [API, formos ir vietinė saugykla](./5-browser-extension/2-forms-browsers-local-storage/README.md)          |            Jen            |
-| 14  | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) |                    Fono procesai naršyklėje, interneto veikimas          | Naudoti naršyklės fono procesus plėtinio ikonai valdyti; sužinoti apie interneto našumą ir kai kurias optimizacijas                   |                     [Fono užduotys ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md)              |            Jen            |
-| 15  |           [Space Game](./6-space-game/solution/README.md)         |             Pažangesnis žaidimų kūrimas su JavaScript                  | Sužinoti apie paveldėjimą naudojant klases ir kompoziciją bei Pub/Sub modelį, ruošiantis žaidimo kūrimui                             |                          [Pažangesnio žaidimų kūrimo įvadas](./6-space-game/1-introduction/README.md)                          |           Chris           |
-| 16  |           [Space Game](./6-space-game/solution/README.md)         |                        Piešimas ant drobės                             | Sužinoti apie Canvas API, naudojamą elementams ekrane piešti                                                                        |                               [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md)                                |           Chris           |
-| 17  |           [Space Game](./6-space-game/solution/README.md)         |                    Judančių elementų valdymas ekrane                   | Sužinoti, kaip elementai gali judėti, naudojant Dekarto koordinates ir Canvas API                                                    |                            [Judančių elementų valdymas](./6-space-game/3-moving-elements-around/README.md)                      |           Chris           |
-| 18  |           [Space Game](./6-space-game/solution/README.md)         |                         Susidūrimų aptikimas                          | Padaryti, kad elementai susidurtų ir reaguotų vienas į kitą, naudoti klavišų paspaudimus ir šaltinio funkciją žaidimo veikimui užtikrinti |                               [Susidūrimų aptikimas](./6-space-game/4-collision-detection/README.md)                           |           Chris           |
-| 19  |           [Space Game](./6-space-game/solution/README.md)         |                            Taškų skaičiavimas                         | Atlikti matematikos skaičiavimus, remiantis žaidimo būsena ir veikimu                                                               |                                 [Taškų skaičiavimas](./6-space-game/5-keeping-score/README.md)                                 |           Chris           |
-| 20  |           [Space Game](./6-space-game/solution/README.md)         |                      Žaidimo užbaigimas ir perkrovimas                | Sužinoti apie žaidimo užbaigimą ir restartavimą, įskaitant išteklių valymą ir kintamųjų reikšmių nustatymą                            |                              [Užbaigimo sąlyga](./6-space-game/6-end-condition/README.md)                                    |           Chris           |
-| 21  |           [Banking App](./7-bank-project/solution/README.md)      |                 HTML šablonai ir maršrutai žiniatinklio programoje    | Sužinoti, kaip sukurti daugiapusės svetainės architektūros karkasą, naudojant maršrutus ir HTML šablonus                            |                          [HTML šablonai ir maršrutai](./7-bank-project/1-template-route/README.md)                              |          Yohan            |
-| 22  |           [Banking App](./7-bank-project/solution/README.md)      |                  Prisijungimo ir registracijos formos kūrimas          | Sužinoti, kaip kurti formas ir valdyti tinkamumo patikrinimus                                                                       |                                         [Formos](./7-bank-project/2-forms/README.md)                                         |          Yohan            |
-| 23  |           [Banking App](./7-bank-project/solution/README.md)      |                   Duomenų gavimo ir naudojimo metodai                 | Kaip duomenys teka į jūsų programą ir iš jos, kaip juos gauti, saugoti, tvarkyti                                                    |                                            [Duomenys](./7-bank-project/3-data/README.md)                                       |          Yohan            |
-| 24  |           [Banking App](./7-bank-project/solution/README.md)      |                       Būsenos valdymo koncepcijos                      | Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programiškai                                                             |                               [Būsenos valdymas](./7-bank-project/4-state-management/README.md)                               |          Yohan            |
-| 25 | [Naršyklės / VScode kodas](../../8-code-editor) | Darbas su VScode | Sužinoti, kaip naudoti kodo redaktorių | [Naudoti VScode kodo redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI asistentai](./9-chat-project/README.md) | Darbas su dirbtiniu intelektu | Sužinoti, kaip sukurti savo dirbtinio intelekto asistentą | [AI asistento projektas](./9-chat-project/README.md) | Chris |
+|     |                       Projekto pavadinimas                       |                            Mokomi konceptai                             | Mokymosi tikslai                                                                                                                 |                                                         Susieta pamoka                                                          |         Autorius          |
+| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
+| 01  |                     Pradžioje                                  |           Programavimo įvadas ir naudojamos priemonės           | Sužinokite pagrindinius daugumos programavimo kalbų principus ir apie programas, kurios padeda profesionaliems kūrėjams atlikti darbą | [Programavimo kalbų ir įrankių įvadas](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine          |
+| 02  |                     Pradžioje                                  |             GitHub pagrindai, įskaitant darbą komandoje             | Kaip naudoti GitHub savo projekte, kaip bendradarbiauti su kitais prie kodo bazės                                                    |                            [GitHub įvadas](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor           |
+| 03  |                     Pradžioje                                  |                             Prieinamumas                              | Sužinokite apie interneto prieinamumo pagrindus                                                                                               |                       [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher        |
+| 04  |                        JS pagrindai                            |                         JavaScript duomenų tipai                          | JavaScript duomenų tipų pagrindai                                                                                                 |                                       [Duomenų tipai](./2-js-basics/1-data-types/README.md)                                        |         Jasmine          |
+| 05  |                        JS pagrindai                            |                         Funkcijos ir metodai                          | Sužinokite apie funkcijas ir metodus valdyti programos logiką                                                             |                              [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher  |
+| 06  |                        JS pagrindai                            |                        Sprendimų priėmimas su JS                        | Išmokite kurti sąlygas savo kode naudodami sprendimų priėmimo metodus                                                           |                                 [Sprendimų priėmimas](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine          |
+| 07  |                        JS pagrindai                            |                            Masyvai ir ciklai                            | Dirbkite su duomenimis naudodami masyvus ir ciklus JavaScript                                                                                 |                                   [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine          |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)             |                            HTML praktikoje                            | Sukurkite HTML kodo dalį internetiniam terariumui, daugiausia dėmesio skiriant išdėstymui                                                         |                                 [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen            |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)             |                            CSS praktikoje                             | Sukurkite CSS stilių internetiniam terariumui, pažindami CSS pagrindus ir kaip padaryti puslapį responsyvų                     |                                  [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen            |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript uždarymai, DOM manipuliacija                  | Sukurkite JavaScript, kad terariumas veiktų kaip drag/drop sąsaja, daugiausia dėmesio skiriant uždaromosioms funkcijoms ir DOM manipuliacijai             |                  [JavaScript uždarymai, DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen            |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Parašyk žaidimą                            | Sužinokite, kaip naudoti klaviatūros įvykius valdyti JavaScript programos logiką                                                          |                                [Įvykių valdomas programavimas](./4-typing-game/typing-game/README.md)                                |       Christopher        |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Darbas su naršyklėmis                          | Sužinokite, kaip veikia naršyklės, jų istoriją ir kaip sukurti naršyklės plėtinio pagrindinius elementus                               |                               [Apie naršykles](./5-browser-extension/1-about-browsers/README.md)                                |           Jen            |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Formos kūrimas, API iškvietimas ir kintamųjų saugojimas vietinėje atmintyje | Sukurkite naršyklės plėtinio JavaScript dalį, kuri iškviečia API, naudodama vietinėje atmintyje saugomus kintamuosius                      |                [API, formos ir vietinė atmintis](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen            |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Naršyklės fono procesai, svetainės našumas          | Naudokite naršyklės fono procesus plėtinio piktogramos valdymui; sužinokite apie svetainės našumą ir optimizacijas   |             [Fono užduotys ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen            |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Pažengęs žaidimų kūrimas su JavaScript             | Sužinokite apie paveldėjimą naudojant klases ir kompoziciją bei Pub/Sub modelį, rengiantis kurti žaidimą              |                      [Įvadas į pažangų žaidimų kūrimą](./6-space-game/1-introduction/README.md)                       |          Chris           |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Piešimas ant drobės                            | Sužinokite apie Canvas API, naudojamą elementams piešti ekrane                                                                       |                                [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris           |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Elementų judinimas ekrane                    | Sužinokite, kaip elementai gali judėti naudodami Dekarto koordinates ir Canvas API                                            |                           [Judančių elementų valdymas](./6-space-game/3-moving-elements-around/README.md)                           |          Chris           |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Susidūrimo aptikimas                           | Padarykite, kad elementai susidurtų ir reaguotų vienas į kitą naudojant klaviatūros mygtukus bei įveskite pertraukos funkciją, kad žaidimas veiktų sklandžiai    |                              [Susidūrimo aptikimas](./6-space-game/4-collision-detection/README.md)                              |          Chris           |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Rezultatų skaičiavimas                              | Atlikite matematinius skaičiavimus pagal žaidimo būseną ir rezultatus                                                                |                                    [Rezultatų skaičiavimas](./6-space-game/5-keeping-score/README.md)                                    |          Chris           |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Žaidimo užbaigimas ir paleidimas iš naujo                     | Sužinokite apie žaidimo užbaigimą ir paleidimą iš naujo, įskaitant resursų išvalymą ir kintamųjų reikšmių atstatymą                              |                                [Žaidimo pabaigos sąlyga](./6-space-game/6-end-condition/README.md)                                 |          Chris           |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML šablonai ir maršrutinimas internetinėje programoje                 | Sužinokite, kaip sukurti daugiapusės svetainės struktūrą naudojant maršrutinimą ir HTML šablonus                             |                            [HTML šablonai ir maršrutinimas](./7-bank-project/1-template-route/README.md)                             |          Yohan           |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Prisijungimo ir registracijos formos kūrimas                   | Sužinokite apie formų kūrimą ir validacijos tvarkymą                                                                          |                                           [Formos](./7-bank-project/2-forms/README.md)                                           |          Yohan           |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Duomenų gavimo ir naudojimo metodai                   | Kaip duomenys patenka į programėlę, kaip juos gauti, saugoti ir išmesti                                                 |                                            [Duomenys](./7-bank-project/3-data/README.md)                                            |          Yohan           |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Būsenos valdymo konceptai                      | Sužinokite, kaip programa išlaiko būseną ir kaip ją valdyti programuojant                                                              |                                [Būsenos valdymas](./7-bank-project/4-state-management/README.md)                                |          Yohan           |
+| 25 | [Naršyklės/VScode kodas](../../8-code-editor) | Darbas su VScode | Sužinokite, kaip naudotis kodo redaktoriumi | [Naudojant VScode redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Dirbtinio intelekto asistentai](./9-chat-project/README.md) | Darbas su DI | Sužinokite, kaip sukurti savo DI asistentą | [DI asistento projektas](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogika
 
-Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis:
-* mokymasis per projektus
+Mūsų mokymo programa sukurta atsižvelgiant į du pagrindinius pedagoginius principus:
+* projektų pagrindu mokymasis
 * dažni testai
 
-Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, naudojamų šių dienų interneto kūrėjų. Studentai turės galimybę įgyti praktinės patirties kuriant rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir verslo bankinę programėlę. Serijos pabaigoje studentai turės tvirtus interneto kūrimo pagrindus.
+Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir technikų, kurias naudoja šiandienos interneto kūrėjai. Studentai galės įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, erdvės užpuoliko stiliaus žaidimą ir verslo bankinę programėlę. Baigę šią programą studentai turės tvirtą supratimą apie interneto kūrimą.
 
-> 🎓 Pirmos kelios šios programos pamokos taip pat prieinamos kaip [Mokymosi kelias](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) platformoje Microsoft Learn!
+> 🎓 Šias pirmas kelias pamokas šioje mokymo programoje galite atlikti kaip [Mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje!
 
-Užtikrinant, kad turinys atitiktų projektus, procesas tampa labiau įtraukiantis studentams, o koncepcijų įsisavinimas geresnis. Mes taip pat parašėme keletą pradinio lygio JavaScript pamokų, skirtų įvesti pagrindines sąvokas, kartu su vaizdo įrašu iš „[Pradedančiųjų serijos apie JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ vaizdo pamokų rinkinio, kurio kai kurie autoriai prisidėjo prie šios programos.
+Užtikrindami, kad turinys atitiktų projektus, procesas tampa įdomesnis studentams ir padeda geriau įsisavinti koncepcijas. Taip pat parengėme kelias pradines pamokas apie JavaScript pagrindus, suporuotas su vaizdo įrašu iš „[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ vaizdo įrašų kolekcijos, kurių kai kurie autoriai prisidėjo prie šios programos kūrimo.
 
-Be to, žemas testas prieš klasę orientuoja studentą į mokymosi temą, o antras testas po pamokos užtikrina geresnį žinių išlaikymą. Ši programa sukurta būti lanksti ir smagi, ją galima atlikti visą arba dalimis. Projektai prasideda nuo paprastų ir palaipsniui sudėtingėja per 12 savaičių ciklą.
+Be to, žemas testas prieš pamoką nukreipia studentų dėmesį į mokymosi temą, o antras testas po pamokos užtikrina papildomą įsisavinimą. Ši mokymo programa sukurta būti lanksti ir įdomi, ją galima atlikti visą arba dalinai. Projektai prasideda nuo paprastų ir tampa vis sudėtingesni per 12 savaičių ciklą.
 
-Nors sąmoningai vengėme įtraukti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius įgūdžius kaip interneto kūrėjo pradžioje, kitas geras žingsnis baigus šią programą būtų išmokti Node.js per kitą vaizdo įrašų kolekciją: „[Pradedančiųjų serija apie Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)“.
+Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius įgūdžius, reikalingus interneto kūrėjui, geras tolesnis žingsnis baigus šią programą būtų išmokti apie Node.js per kitą vaizdo įrašų kolekciją: „[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)“.
 
-> Apsilankykite mūsų [Elgesio kodeksas](CODE_OF_CONDUCT.md) ir [Prisidėjimo](CONTRIBUTING.md) gairėse. Laukiame jūsų konstruktyvios grįžtamosios informacijos!
+> Apsilankykite mūsų [Elgesio kodekse](CODE_OF_CONDUCT.md) ir [Prisidėjimo](CONTRIBUTING.md) gairėse. Laukiame jūsų konstruktyvios grįžtamosios informacijos!
 
 
-## 🧭 Galimybė naudotis neprisijungus
+## 🧭 Offline prieiga
 
-Šią dokumentaciją galite naudoti neprisijungę naudodami [Docsify](https://docsify.js.org/#/). Šaknikite šį repo, įdiekite Docsify [čia](https://docsify.js.org/#/quickstart) savo vietiniame kompiuteryje, o tada šiame repo šakniniame aplanke įveskite `docsify serve`. Svetainė bus patiekiama 3000 prievade jūsų vietinėje mašinoje: `localhost:3000`.
+Šią dokumentaciją galite paleisti offline naudodami [Docsify](https://docsify.js.org/#/). Fork’inkite šį repo, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo kompiuteryje, tada rakto aplanke paleiskite komandą `docsify serve`. Svetainė bus pateikta per 3000 porto adresu jūsų localhost: `localhost:3000`.
 
 ## 📘 PDF
+PDF su visomis pamokomis rasite [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-Visų pamokų PDF versiją galite rasti [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Kitos Pamokos
 
-## 🎒 Kiti kursai
-Mūsų komanda kuria ir kitus kursus! Peržiūrėkite:
+Mūsų komanda kuria ir kitas pamokas! Peržiūrėkite:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j pradedantiesiems](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 pradedantiesiems](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 pradedantiesiems](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)
+[![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 / Agentai
-[![AZD pradedantiesiems](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 pradedantiesiems](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 pradedantiesiems](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 Agentai pradedantiesiems](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)
+[![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)
 
 ---
  
-### Generatyvios AI serija
-[![Generatyvioji AI pradedantiesiems](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)
-[![Generatyvioji 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)
-[![Generatyvioji 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)
-[![Generatyvioji 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)
+### Generatyvioji Dirbtinis Intelektas serija
+[![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)
 
 ---
  
-### Pagrindinis mokymasis
-[![ML pradedantiesiems](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)
-[![Duomenų mokslas pradedantiesiems](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 pradedantiesiems](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)
-[![Kibernetinė sauga pradedantiesiems](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Tinklalapių kūrimas pradedantiesiems](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT pradedantiesiems](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR kūrimas pradedantiesiems](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)
+### Pagrindinis Mokymasis
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
  
-### Copilot serija
-[![Copilot AI poriniam programavimui](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 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 nuotykiai](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+### Copilot Serija
+[![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Pagalbos gavimas
 
-Jei užstringate ar turite klausimų apie AI programėlių kūrimą, prisijunkite prie bendraminčių ir patyrusių kūrėjų diskusijų apie MCP. Tai draugiška bendruomenė, kurioje laukiami klausimai ir laisvai dalijama žiniomis.
+Jei užstringate arba turite klausimų apie DI programų kūrimą. Prisijunkite prie kitų besimokančių ir patyrusių programuotojų diskusijose apie MCP. Tai palaikanti bendruomenė, kurioje klausimai laukiami, o žinios dalijamos laisvai.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Jeigu turite atsiliepimų apie produktą ar rastumėte klaidų kūrimo metu, apsilankykite:
+Jei turite produktų atsiliepimų arba pastebite klaidų kurdami, apsilankykite:
 
 [![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)
 
 ## Licencija
 
-Šis saugyklos turinys licencijuojamas pagal MIT licenciją. Daugiau informacijos žr. faile [LICENSE](../../LICENSE).
+Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos rasite faile [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Atsakomybės apribojimas**:
-Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų arba netikslumų. Originalus dokumentas gimtąja kalba turėtų būti laikomas pagrindiniu šaltiniu. Svarbiai informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neatsakome už bet kokius nesusipratimus ar neteisingus aiškinimus, atsiradusius naudojant šį vertimą.
+**Atsakomybės ribojimas**:  
+Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Esant svarbiai informacijai, rekomenduojama pasitelkti profesionalų žmogaus vertimą. Mes neprisiimame atsakomybės už bet kokius nesusipratimus ar neteisingus aiškinimus, kylančius dėl šio vertimo naudojimo.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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["👤 മനുഷ്യന്റെ ചിന്ത:<br/>'എനിക്ക് ഫിബൊനാച്ചി സംഖ്യകൾ കണക്കാക്കണം'"] --> B{ഭാഷാ നിലവാരം തിരയുക}
+    A["👤 മാനവ ചിന്ത:<br/>'ഞാൻ ഫിബൊനാച്ചി സംഖ്യകൾ കണക്കാക്കാൻ ആഗ്രഹിക്കുന്നു'"] --> B{ഭാഷാ മട്ടം തിരഞ്ഞെടുക്കുക}
     
-    B -->|ഉയർന്ന നില| C["🌟 ജാവാസ്ക്രിപ്റ്റ്/പൈതൺ<br/>വായിക്കാനും എഴുതാനും എളുപ്പം"]
-    B -->|താഴ്ന്ന നില| D["⚙️ അസംബ്ലി/സി<br/>നേരിട്ട് ഹാർഡ്വെയർ നിയന്ത്രണം"]
+    B -->|ഉയർന്ന തലമുറ| C["🌟 ജാവാസ്ക്രിപ്റ്റ്/Python<br/>വായനയും എഴുതുകയും എളുപ്പം"]
+    B -->|താഴ്ന്ന തലമുറ| D["⚙️ അസംബ്ലി/C<br/>ഡയറക്ട് ഹാർഡ്‌വെയർ കൺട്രോള്"]
     
     C --> E["📝 എഴുതുക: fibonacci(10)"]
     D --> F["📝 എഴുതുക: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 കമ്പ്യൂട്ടർ മനസിലാക്കുന്നു:<br/>ട്രാൻസ്ലേറ്റർ സങ്കീർണ്ണത കൈകാര്യം ചെയ്യുന്നു"]
+    E --> G["🤖 കമ്പ്യൂട്ടർ മനസ്സിലാക്കൽ:<br/>ട്രാൻസ്‌ലെറ്റർ സങ്കീർണ്ണത കൈകാര്യം ചെയ്യുന്നു"]
     F --> G
     
-    G --> H["💻 അതേ ഫലം:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 ഒരേ ഫലം:<br/>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["📝 പ്രസ്താവനകൾ<br/>(നിർദ്ദേശങ്ങൾ)"] --> B["📦 വേരിയബിൾസ്<br/>(സംഭരണം)"] --> C["🔀 നിയന്ത്രണ പ്രവാഹം<br/>(മുന്നണികൾ)"] --> D["🎉 പ്രവർത്തിക്കുന്ന പ്രോഗ്രാം!"]
+    A["📝 പ്രസ്താവനകൾ<br/>(നിർദ്ദേശങ്ങൾ)"] --> B["📦 വേരിയബിളുകൾ<br/>(സൂക്ഷ്മം)"] --> C["🔀 നിയന്ത്രണ പ്രവাহം<br/>(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["⌨️ കോഡ് എഡിറ്റർ<br/>(VS കോഡ്)"] 
-    B --> C["🌐 ബ്രൗസർ ഡെവ്ടൂൾസ്<br/>(പരിശോധനയും ഡീബഗിംഗും)"]
-    C --> D["⚡ കമാൻഡ് ലൈൻ<br/>(സ്വയംചാലകവും ഉപകരണങ്ങളും)"]
-    D --> E["📚 ഡോക്യുമെന്റേഷൻ<br/>(അധ്യയനവും റഫറൻസും)"]
-    E --> F["🚀 അത്യുത്തമമായ വെബ് ആപ്!"]
+    B --> C["🌐 ബ്രസൗസർ ഡെവ് ടൂൾസ്<br/>(പരീക്ഷണവും ഡീബഗും)"]
+    C --> D["⚡ കമാൻഡ് ലైన్<br/>(ഓട്ടോമേഷൻ & ടൂൾസ്)"]
+    D --> E["📚 ഡോക്യുമെന്റേഷൻ<br/>(പഠനവും റഫറൻസും)"]
+    E --> F["🚀 അത്ഭുതകരമായ വെബ് അപ്!"]
     
-    B -.-> G["🤖 എ.ഐ സഹായി<br/>(GitHub കോപൈലറ്റ്)"]
-    C -.-> H["📱 ഉപകരണം പരിശോധന<br/>(റെസ്പോൺസീവ് ഡിസൈൻ)"]
-    D -.-> I["📦 പാക്കേജ് മാനേജർമാർ<br/>(npm, യാർൺ)"]
+    B -.-> G["🤖 എ.ഐ. അസിസ്റ്റന്റ്<br/>(GitHub കോപൈലറ്റ്)"]
+    C -.-> H["📱 ഡിവൈസ് ടെസ്റ്റിംഗ്<br/>(റെസ്പോൺസീവ് ഡിസൈൻ)"]
+    D -.-> I["📦 പാക്കേജ് മാനേജർസ്<br/>(npm, യാർൺ)"]
     E -.-> J["👥 കമ്മ്യൂണിറ്റി<br/>(സ്റ്റാക്ക് ഓവർഫ്ലോ)"]
     
     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 '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > 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 DISCLAIMER START -->
-**ബോധിപ്പിക്കൽ**:  
-ഈ ഡോക്യുമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI വിവർത്തന സേവനം ഉപയോഗിച്ച് അനുവദമായതാണ്. നമുക്ക് കൃത്യത ഉറപ്പാക്കാൻ ശ്രമിച്ചിട്ടുണ്ടെങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിഴവുകൾ അല്ലെങ്കിൽ അയോഗ്യതകൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള കാര്യപ്രമാണം കൂടുതൽ വിശ്വസനീയമായ ഉറവിടമായി പരിഗണിക്കാൻ ഉചിതമാണ്. പ്രധാനമായ വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിനാൽ ഉണ്ടാകുന്ന误വശേഷിയോ തെറ്റായ വ്യാഖ്യാനങ്ങളോ സംബന്ധിച്ച് ഞങ്ങൾ ഉത്തരവാദിത്വം ഏറ്റെടുക്കുന്നില്ല.
+**അഴ്**:
+ഈ രേഖ AI ഭാഷാന്തര സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. നമുക്ക് ശുദ്ധിയും കൃത്യതയും ഉറപ്പാക്കാൻ ശ്രമിച്ചുവെങ്കിലും, ഓട്ടോമാറ്റിക് വിവർത്തനത്തിൽ പിശകുകൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. സുഗമമായ và പ്രാമാണികമായ ഉറവിടമായി സ്ഥിതി ചെയ്യുന്ന മൗലിക രേഖ തന്നെ കാര്യക്ഷമമാണെന്ന് കണക്കാക്കുക. നിർണായക വിവരങ്ങൾക്കായി പ്രൊഫഷണൽ മാനവ വിവർത്തനം നിർദ്ദേശിക്കുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിനാൽ ഉണ്ടായേക്കാവുന്ന തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ ഗൗരവമുള്ള പിഴവുകളിലേക്കോ ഞങ്ങൾ ഉത്തരവാദികളല്ല.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Common Issues
 
-**Quiz app fails to start**:
-- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാർശ)
-- `node_modules`യും `package-lock.json`യും ഇല്ലാതാക്കി വീണ്ടും `npm install` ഓടിക്കുക
-- പോർട്ട് കോൺഫ്ലിക്റ്റുകൾ പരിശോധിക്കുക (ഡീഫോൾട്ട്: Vite വിഷയം 5173)
+**Quiz app ആരംഭിക്കാതെ നില്ക്കുന്നു**:
+- Node.js പതിപ്പ് (v14+ ശുപാർശ ചെയ്യുന്നു) പരിശോധിക്കുക
+- `node_modules`യും `package-lock.json` ഫയൽവും ഇല്ലാതാക്കുക, വീണ്ടും `npm install` ഓടിക്കുക
+- പോർട്ട് കൊന്ത്രാഫിക്‌ട് കണ്ടെത്തുക (ഡീഫോൾട്ട്: Vite പോർട്ട് 5173 ഉപയോഗിക്കുന്നു)
 
-**API server won't start**:
-- Node.js പതിപ്പ് കുറഞ്ഞത് node >=10 ആണെന്ന് ഉറപ്പാക്കുക
-- പോർട്ട് ഉപയോഗത്തിലാണ് എന്ന് പരിശോധിക്കുക
-- എല്ലാം ഡെപൻഡൻസികളും `npm install` വഴി ഇൻസ്റ്റാൾ ചെയ്തുണ്ടെന്ന് ഉറപ്പാക്കുക
+**API സർവർ സ്റ്റാർട്ടാകുന്നില്ല**:
+- Node.js പതിപ്പ് കുറഞ്ഞത് 10 അല്ലെങ്കിൽ അതിലധികമെന്ന് ഉറപ്പാക്കുക
+- പോർട്ട് 이미 ഉപയോഗത്തിലാണ് എന്ന് പരിശോധിക്കുക
+- എല്ലാ ആശ്രിതങ്ങളും ഇൻസ്റ്റാൾ ചെയ്തു എന്ന് ഉറപ്പാക്കുക `npm install`
 
-**Browser extension won't load**:
-- manifest.json ശരിയായ ഫോർമാറ്റിൽ ആണെന്ന് പരിശോധിക്കുക
-- ബ്രൗസർ കോൺസോൾ പിശകുകൾ കാണുക
-- ബ്രൗസറിനനുസരിച്ച് എക്സ്‌ടൻഷൻ ഇൻസ്റ്റലേഷൻ മാർഗനിർദേശങ്ങൾ പാലിക്കുക
+**Browser Extension ലോഡ് ചെയ്യാത്തത്**:
+- manifest.json ശരിയായി രൂപകൽപ്പന ചെയ്‌തിട്ടുണ്ടെന്ന് പരിശോധിക്കുക
+- ബ്രൗസർ കൺസോൾ പിശകുകൾ പരിശോധിക്കുക
+- ബ്ര라우സർ-സ്പെസിഫിക് എക്സ്ടൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക
 
-**Python chat project issues**:
-- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടോ പരിശോധിക്കുക: `pip install openai`
-- GITHUB_TOKEN എൻവയോണ്മെന്റ് വേരിയബിൾ സജ്ജമാണെന്ന് ഉറപ്പാക്കുക
-- GitHub മോഡൽസ് ആക്സസ് അനുമതികൾ പരിശോധിക്കുക
+**Python ചാറ്റ് പ്രോജക്ട് പ്രശ്നങ്ങൾ**:
+- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തു ഉറപ്പാക്കുക: `pip install openai`
+- GITHUB_TOKEN എന്ന പരിസ്ഥിതി വേരിയബിൾ ഉണ്ടായിരിക്കണം
+- GitHub Models ആക്‌സസ് അനുമതികൾ ശരിയാണെന്ന് പരിശോധിക്കുക
 
-**Docsify not serving docs**:
+**Docsify ഡോകസ് സർവ് ചെയ്യാത്തത്**:
 - docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`
-- റെപ്പോസിറ്ററി റൂട്ടിൽ നിന്നു ഓടിക്കുക
-- `docs/_sidebar.md` നിലവിലുണ്ടെന്ന് ഉറപ്പാക്കുക
+- റെപൊസിറ്ററി മുടിയിൽ നിന്ന് ഓടിക്കുക
+- `docs/_sidebar.md` നിലവിലുണ്ടെന്ന് പരിശോധിക്കുക
 
 ### Development Environment Tips
 
-- HTML പ്രോജക്ടുകൾക്കുള്ള VS Code Live Server എക്സ്റ്റെൻഷൻ ഉപയോഗിക്കുക
-- ഏകാസംബന്ധിതമായ ഫോർമാറ്റ്‌ക്കായി ESLint, Prettier എക്സ്റ്റൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക
-- JavaScript ഡീബഗ് ചെയ്യാൻ ബ്രൗസർ ഡെവ്ടൂൾസ് ഉപയോഗിക്കുക
-- Vue പ്രോജക്ടുകൾക്കായി Vue DevTools ബ്രൗസർ എക്സ്‌ടൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക
+- HTML പ്രോജക്ടുകൾക്ക് VS Code Live Server എക്സ്റ്റെൻഷനു ഉപയോഗിക്കുക
+- യഥാസ്ഥിതിയിലുള്ള ഫോർമാറ്റിംഗിനായി ESLint, Prettier എക്സ്റ്റെൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക
+- ജാവാസ്ക്രിപ്റ്റ് ഡീബഗ് ചെയ്യാൻ ബ്രൗസർ DevTools ഉപയോഗിക്കുക
+- Vue പ്രോജക്ടുകൾക്ക് Vue DevTools ബ്രൗസർ എക്സ്റ്റെൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക
 
 ### Performance Considerations
 
-- 50+ ഭാഷകളിലുള്ള വിവർത്തിത ഫയലുകളുടെ എണ്ണം വലിയതാണ്, ഫുൾ ക്ലോണുകൾ വലിയതാണ്
-- ഉള്ളടക്കത്തിൽ മാത്രം പ്രവർത്തിക്കുന്നവർക്ക് ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1`
-- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ നടത്തിയപ്പോൾ വിവർത്തനങ്ങൾ തിരയൽ പുറത്താകുന്നതായി ഒഴിവാക്കുക
-- ആദ്യ ഓടിയിൽ ബിൽഡ് പ്രക്രിയകൾ (npm install, Vite build) നിത്യം സാധാരണയായി ക്ഷീണാകും
+- 50+ ഭാഷകളിലുള്ള വിവർത്തിത ഫയലുകളുടെ വലിയ എണ്ണം മൂലം പൂർണ ക്ലോണുകൾ വലുതായിരിക്കും
+- ഉള്ളടക്കം മാത്രം പ്രവർത്തിക്കുന്നുവെങ്കിൽ ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1`
+- ഇംഗ്ലീഷ് ഉള്ളടക്കം പ്രവർത്തിക്കുമ്പോൾ വിവർത്തനങ്ങൾക്ക് തിരച്ചിൽ ഒഴിവാക്കുക
+- ബിൽഡ് പ്രോസസ്സുകൾ ആദ്യ ഓടിപ്പോകുമ്പോൾ സ്ലോ ആയിരിക്കാം (npm install, Vite build)
 
 ## Security Considerations
 
 ### Environment Variables
 
-- API കീകൾ രെപ്പോസിറ്ററിയിൽ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
-- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇതെല്ലാം `.gitignore`-ലുണ്ട്)
-- ആവശ്യമായ എൻ‌വയോൺമെന്റ് വേരിയബിളുകൾ പ്രോജക്ട് READMEs-ൽ രേഖപ്പെടുത്തുക
+- API കീകളെ റെപൊസിറ്ററിയിൽ പുഷ് ചെയ്യരുത്
+- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇതിനേവിടെ `.gitignore`ൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്)
+- ആവശ്യമായ പരിസ്ഥിതി വേരിയബിളുകൾ പ്രോജക്ട് README-കളിൽ രേഖപ്പെടുത്തുക
 
 ### Python Projects
 
-- വെർച്ച്വൽ എൻ‌വയോൺമെന്റ് ഉപയോഗിക്കുക: `python -m venv venv`
-- ഡെപൻഡൻസികൾ അപ്ഡേറ്റ് ചെയ്ത് വയ്ക്കുക
-- GitHub ടോക്കണുകൾക്ക് കുറഞ്ഞ ആവശ്യമായ അനുമതികൾ മാത്രം നൽകുക
+- വെർച്വൽ എന്റ്വയ്റോൺമെന്റുകൾ ഉപയോഗിക്കുക: `python -m venv venv`
+- ആശ്രിതങ്ങൾ പുതുക്കി നിലനിർത്തുക
+- GitHub ടോകണുകൾ തുടർച്ചയായ അനുമതികൾക്കായി ആകുന്നത് ഉറപ്പാക്കുക
 
 ### GitHub Models Access
 
-- GitHub മോഡലുകളിലേക്കുള്ള വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ ആവശ്യമാണ് (PAT)
-- ടോക്കണുകൾ എൻ‌വയോൺമെന്റ് വേരിയബിളുകളായി സൂക്ഷിക്കുക
-- ടോക്കണുകൾ അല്ലെങ്കിൽ ക്രെഡൻഷ്യലുകൾ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
+- GitHub Models-ൽ പ്രവേശിക്കാൻ പേഴ്സണൽ ആക്‌സസ് ടോകണുകൾ (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 പാഠ്യങ്ങള്
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) പഠിക്കവർക്ക്ഗൾക്ക് ശുപാർശ ചെയ്യപ്പെടുന്നു
+- അധിക കോഴ്സുകൾ: Generative AI, Data Science, ML, IoT പാഠ്യപദ്ധതികൾ ലഭ്യമാണ്
 
 ### Working with Specific Projects
 
-തനതു പ്രോജക്ടുകൾക്കുള്ള വിശദമായ നിർദ്ദേശങ്ങൾക്കായി വായിക്കുക:
-- `quiz-app/README.md` - Vue 3 ക്യൂvis് ആപ്പ്
-- `7-bank-project/README.md` - ബാൻക് ആപ്പ് ഓത്തന്റിക്കേഷൻ സെറ്റ് ചെയ്യപ്പെട്ടത്
-- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ വികസനം
-- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനമായ ഗെയിം വികസനം
-- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്ട്
+വിവരമായ നിർദ്ദേശങ്ങൾക്ക് ഓരോ പ്രോജക്ട് README ഫയലുകൾ കാണുക:
+- `quiz-app/README.md` - Vue 3 ക്വിസ് ആപ്പ്
+- `7-bank-project/README.md` - ബാങ്കിംഗ് ആപ്പ് ഓതന്റിക്കേഷൻ ഉള്ളത്
+- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ ഡെവലപ്പ്മെന്റ്
+- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനത്തിലുള്ള ഗെയിം ഡെവലപ്പ്മെന്റ്
+- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്റ്റ്
 
 ### Monorepo Structure
 
-പരമ്പരാഗത മോനോറിപ്പോ അല്ലെങ്കിലും, ഈ റെപ്പോസിറ്ററി പല സ്വതന്ത്ര പ്രോജക്ടുകൾ ഉൾക്കൊള്ളുന്നു:
-- ഓരോ പാഠവും സ്വതന്ത്രമാണ്
-- പ്രോജക്ടുകൾ പരസ്പരം ഡെപൻഡൻസികൾ പങ്കിടുന്നില്ല
-- മറ്റുള്ളവരെ ബാധിക്കാതെ വ്യക്തിഗത പ്രോജക്ടുകളിൽ പ്രവർത്തിക്കുക
-- മുഴുവൻ പാഠ്യപദ്ധതി അനുഭവത്തിനായി മുഴുവൻ റെപ്പോ ക്ലോൺ ചെയ്യുക
+പരമ്പരാഗത മോണോറെപ്പോ അല്ലെങ്കിലും ഈ റെപൊസിറ്ററിയിൽ പരസ്പരം സ്വതന്ത്രമായി പ്രവർത്തിക്കുന്ന നിരവധി പ്രോജക്ടുകൾ അടങ്ങിയിരിക്കുന്നു:
+- ഓരോ പാഠവും സ്വയം പരിപോഷിതമാണ്
+- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കുവെക്കില്ല
+- ഓരോ പ്രോജക്ടിലും ഒരുപക്ഷേ പ്രവർത്തിക്കാൻ സാധിക്കും മറ്റുള്ളവയെ ബാധിക്കാതെ
+- പൂർണ കോഴ്സ് അനുഭവത്തിന് മുഴുവൻ റെപൊസിറ്ററി ക്ലോൺ ചെയ്യുക
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**അസൂയാനിർദ്ദേശം**:  
-ഈ രേഖ AI വിവർത്തനം സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. ഞങ്ങൾ പരമാവധി ശരിക്കും ശ്രമിക്കുന്നുവെങ്കിലും, സ്വയംക്രമിത വിവർത്തനങ്ങളിൽ പിഴവുകളോ അസാധ്യതകളോ ഉണ്ടാകാൻ സാധ്യതയുള്ളതാണ്. അതിനാൽ, ദയവായി ശ്രദ്ധിക്കേണ്ടത്, ഈ രേഖയുടെ മുമ്ബ് ഉള്ള ഭാഷയിലുള്ള യുഗ്മം പ്രാമാണിക സ്രോതസ്സായി കണക്കാക്കണം. നിർണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തെത്തുടർന്ന് ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും അർത്ഥവിമർശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല.
+**അകറ്റുമുഖം**:  
+ഈ രേഖ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനമാക്കി. ഞങ്ങൾ കൃത്യതയ്ക്കായി ശ്രമിക്കുന്നുണ്ടെങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും തുടര്ച്ചയിലപേരുകളും ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള ഒറിജിനൽ രേഖ അധികാരപരമായ ഉറവിടമായി പരിഗണിക്കണം. അതീവ പ്രധാന വിവരങ്ങൾക്ക് വിദഗ്ധമായ മനുഷ്യ വിവർത്തനം ഉപദേശിക്കുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ ഉണ്ടായ任何误解或误释ലിനും ഞങ്ങൾ ഉത്തരവാദിത്വം ഏറ്റെടുക്കുന്നില്ല.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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 ആക്ഷൻ വഴി പിന്തുണ (സ്വയം പ്രവർത്തിക്കുന്നതും എപ്പോഴും പുതുപ്പിക്കപ്പെട്ടതും)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](./README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **സ്ഥാനീയമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുവോ?**
-
-> ഈ റിപോസിറ്ററിയിൽ 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"
+> ```
+>
+> ഈ വഴി കോഴ്സ് പൂർത്തിയാക്കുന്നതിനുവേണ്ടി നിങ്ങൾге ആവശ്യമായ എല്ലാ കാര്യങ്ങളും വേഗം ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**കൂടുതൽ ഭാഷാ പിന്തുണിക്കേണ്ടതുള്ളവർ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) കാണുക**
+**കൂടത്തന്ന് വിവർത്തന ഭാഷകൾക്ക് പിന്തുണ ലഭിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ഉണ്ട**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _നീ ഒരു വിദ്യാർത്ഥിയോ?_
+#### 🧑‍🎓 _നീங்கள் ഒരു വിദ്യാർത്ഥിയായിരുന്നോ?_
 
-[**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 `<your-repository-url>` എന്നത് മാറ്റി താഴെ കൊടുത്തിരിക്കുന്ന കമാൻഡ് റൺ ചെയ്യുക:
+
+    തുടർന്ന്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ൽ ഉള്ള [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്നു, പുതിയതായി നകലെടുത്ത URL-ന്റെ പകരം `<your-repository-url>` ടൈപ്പ് ചെയ്ത് താഴെക്കാണുന്ന കമാൻഡ് പ്രവർത്തിപ്പിക്കുക:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കൂ. ഇത് ചെയ്യാൻ **File** > **Open Folder** തിരഞ്ഞെടുത്ത് നിങ്ങൾ justo ക്ലോൺ ചെയ്‌ത ഫോൾഡർ തിരഞ്ഞെടുക്കാം.
+2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. **File** > **Open Folder** ക്ലിക്കുചെയ്ത് നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക.
 
 
->  നിര്‍ദ്ദേശിച്ച Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
+>  ശുപാർശ ചെയ്ത Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് വേഗത്തിൽ എഴുതാൻ സഹായിക്കാൻ
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതുന്നതിൽ സഹായിക്കുന്നതിന്
 
-## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:
+## 📂 ഓരോ പാഠത്തിലേക്കും ഉൾപ്പെടുന്നു:
 
-- disorder sketchnote ഒഴിവാക്കാവുന്ന
-- disorder സഹായകരമായ വീഡിയോ ഒഴിവാക്കാവുന്ന
-- പാഠത്തിന് മുമ്പുള്ള warmup quiz
+- ഐച്ഛിക സ്ക്കെച്ച്നോട്ട്
+- ഐച്ഛിക സപ്ലിമെന്റൽ വീഡിയോ
+- പാഠം മുൻ‌കാലം വാര്മപ് ക്വിസ്
 - എഴുതിയ പാഠം
-- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള ദിശാനിർദ്ദേശങ്ങൾ
+- പ്രോജക്റ്റ് ആധാരിത പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമിക്കാൻ പടിയും പടിയിലുള്ള മാർഗ്ഗനിർദ്ദേശങ്ങൾ
 - അറിവ് പരിശോധനകൾ
-- ചലഞ്ച്
-- സഹായകരമായ വായന
-- അസൈൻമെന്റ്
-- [പാഠത്തിനു ശേഷം quiz](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) ലഭ്യമാണ്.
 
+## 🎒 മറ്റു കോഴ്‌സുകൾ
 
-## 🎒 മറ്റ് കോഴ്സുകൾ
-നമ്മളുടെ സംഘം മറ്റ് കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക:
+ഞങ്ങളുടെ ടീം മറ്റു കോഴ്‌സുകളും ഒരുക്കുന്നു! പരിശോധിക്കുക:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## സഹായം നേടുക
+## സഹായം ലഭിക്കേണ്ടത് എങ്ങനെ
 
-നിങ്ങൾ കുടുങ്ങിയോ AI ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുമ്പോൾ എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടാകിയോ ചെയ്തത് ആണെങ്കിൽ. MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ അനുഭവമുള്ള ഡെവലപ്പർമാരും പഠനാർത്ഥികളും ചേർന്ന് ചർച്ചകളിൽ പങ്കുചേരുക. ചോദ്യങ്ങൾക്ക് സ്വാഗതം ഉള്ള, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്.
+AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിനിടയിൽ നിങ്ങള്ക്ക് പ്രശ്നമുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ഏതെങ്കിലും ചോദ്യം ഉണ്ടെങ്കിൽ MCP-യെ കുറിച്ച് fellow learners ഉം അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിയുള്ള ചർച്ചകളിൽ ചേരുക. ഇത് ഒരു പിന്തുണയുള്ള സമൂഹമാണ്, അവിടെ ചോദ്യങ്ങൾ സ്വാഗതികരിക്കുന്നതും അറിവ് സ്വേച്ഛയാകമായി പങ്കു വെയ്ക്കപ്പെടുന്നതുമാണ്.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-നിങ്ങൾക്ക് ഉൽപ്പന്ന ഫീഡ്ബാക്കോ നിർമ്മాణത്തിനിടെ സംഭവിക്കുന്ന പിഴവുകളോ ഉണ്ടായാൽ സന്ദർശിക്കുക:
+ഉൽപ്പന്ന ഫീഡ്‌ബാക്ക് അല്ലെങ്കിൽ എങ്ങനെ പിഴവുകൾ സംഭവിച്ചിട്ടുണ്ടോ എന്നുള്ള വിവരം നൽകേണ്ടത്:
 
 [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
 
-## അനുമതി
+## ലൈസൻസ്
 
-ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനുള്ളടിയാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക.
+ഈ റിപോസിറ്ററി MIT ലൈസൻസ് പ്രകാരമാണ് ലൈസൻസു ചെയ്തിരിക്കുന്നത്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**അക്കൗണ്ടബിലിറ്റി**:  
-ഈ ഡോക്യുമെന്റ് AI വിവർത്തനസേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. എങ്കിലും നാം ശരിയായി വിവർത്തനം ചെയ്യാൻ ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാവുന്നതാണ്. ഇതിന്റെ മൗലിക ഭാഷയിലുള്ള പ്രമാണം ഔദ്യോഗിക സ്രോതസ്സ് ആയി കണക്കാക്കിയിരിക്കണം. നിർണ്ണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യൻ നൽകുന്ന വിവർത്തനം അഭ്യർത്ഥിക്കപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്നുള്ള ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനഭ്രംശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല.
+**പ്രതിജ്ഞാപത്രം**:  
+ഈ രേഖ AI വിവർത്തന സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനംചെയ്തതാണ്. ഞങ്ങൾ ശരീയം അനുവദിക്കാൻ ശ്രമിച്ചേക്കുമ്പോഴും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും അസാധുതകളും ഉണ്ടായിരിക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷത്തിലുള്ള ആസലിൾ രേഖ കൃത്യമായ ഉറവിടമായി പരിഗണിക്കേണ്ടതാണ്. നിർണായക വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശുപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചുള്ള തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനകാര്യങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്വം ബാധകമല്ല.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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 വെബ് ഡോക്സ് പോലുള്ള ഓൺലൈൻ സമുദായങ്ങൾ വെബ് ഡെവലപ്പർമാർക്കുള്ള വിലപ്പെട്ട പിന്തുണയും വിഭവങ്ങളും നൽകുന്നു.
+
+**ജൊസ്‌ക്ക്രിപ്റ്റ് പഠന യാത്രയിൽ ഈ റോഡ്‌മാപ്പ് നിങ്ങളെ സഹായിക്കുമെന്ന് ആശംസിക്കുന്നു!**
+
+---
+
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**ഡിസ്ക്ലെയിമർ**:  
+ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചിട്ടും, ഓട്ടോമേറ്റഡ് പരിഭാഷയിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. നാടിന്റെ ഭാഷയിലെ പ്രഥമ രേഖ ആധികാരിക സ്രോതസായി പരിഗണിക്കപ്പെടണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യൻ നടത്തിയ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗിച്ചുള്ള എന്തെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും പിഴവുകളുമായി ബന്ധപ്പെട്ട് ഞങ്ങൾ ഉത്തരവാദിത്വമില്ല.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/mr/.co-op-translator.json b/translations/mr/.co-op-translator.json
index 82982a580..527f6fa89 100644
--- a/translations/mr/.co-op-translator.json
+++ b/translations/mr/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T14:20:19+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:35:28+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "mr"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:46:36+00:00",
+    "translation_date": "2026-03-06T17:44:47+00:00",
     "source_file": "AGENTS.md",
     "language_code": "mr"
   },
@@ -516,8 +516,8 @@
     "language_code": "mr"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:40:23+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:31:44+00:00",
     "source_file": "README.md",
     "language_code": "mr"
   },
diff --git a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index b99b61ebd..3375b696a 100644
--- a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,292 +1,382 @@
-# प्रोग्रामिंग भाषा आणि आधुनिक डेव्हलपर टूल्सची ओळख
+# प्रोग्रामिंग भाषा आणि आधुनिक डेव्हलपर साधनांची ओळख
 
-नमस्कार, भविष्यातील डेव्हलपर! 👋 तुम्हाला एक गोष्ट सांगू का जी मला रोज रोमांचित करते? तुम्ही आता शोध घेणार आहात की प्रोग्रामिंग ही फक्त संगणकांबद्दल नाही, तर तुमच्या सर्वात वेड्या कल्पना प्रत्यक्षात आणण्यासाठी सुपरपॉवर्स मिळवण्याबद्दल आहे!
+हाय, भावी डेव्हलपर! 👋 मला तुला काहीतरी सांगू का जे मला दररोज थरकापून टाकते? तुला लवकरच कळेल की प्रोग्रामिंग हे फक्त संगणकांबद्दल नाही – तर ही खरी सुपरपॉवर आहे ज्यामुळे तू आपल्या कल्पनांना जिवंत करू शकतोस!
 
-तुम्हाला तो क्षण आठवतो का जेव्हा तुम्ही तुमचा आवडता अ‍ॅप वापरत असता आणि सगळं अगदी परफेक्ट वाटतं? जेव्हा तुम्ही एखाद्या बटणावर टॅप करता आणि काहीतरी जादूई घडतं ज्यामुळे तुम्हाला वाटतं "अरे वा, त्यांनी हे कसं केलं?" तर, तुमच्यासारखाच कोणी तरी – कदाचित रात्री २ वाजता त्यांच्या आवडत्या कॉफी शॉपमध्ये तिसऱ्या एस्प्रेसोसोबत बसून – त्या जादूची निर्मिती करणारा कोड लिहिला. आणि आता तुम्हाला आश्चर्य वाटेल: या धड्याच्या शेवटी, तुम्हाला केवळ त्यांनी हे कसे केले ते समजेलच नाही तर तुम्हाला स्वतःच ते करण्याची इच्छा होईल!
+तू जेव्हा तुझा आवडता अ‍ॅप वापरत असतोस आणि सर्व काही परफेक्ट बसते तेव्हा तुला तो क्षण आठवतो का? जेव्हा तू एखाद्या बटणावर टॅप करतोस आणि एखादी जादू घडते जिचं तू विचार करतोस "वा, त्यांनी ते कसं केलं?" बरं, त्या जादूचा कोड मी किंवा तूसारखा कोणीतरी लिहिला आहे – कदाचित २ वाजता कॉफी शॉपमध्ये बसून तिसर्‍या एस्प्रेसो सोबत! आणि हेच गमतीदार आहे: या धड्याच्या शेवटी तू फक्त समजून घेणार नाहीस की त्यांनी कसं केलं, तर स्वतः प्रयत्न करण्याची तीव्र इच्छा होईल!
 
-पहा, जर तुम्हाला प्रोग्रामिंग सध्या थोडं कठीण वाटत असेल तर ते मी पूर्णपणे समजू शकतो. जेव्हा मी सुरुवात केली, तेव्हा मला खरंच वाटलं की तुम्हाला काही प्रकारचा गणिताचा तज्ज्ञ असायला हवा किंवा तुम्ही पाच वर्षांचे असल्यापासून कोडिंग करत असायला हवे. पण माझं मत पूर्णपणे बदललं तेव्हा मला समजलं की प्रोग्रामिंग ही नवीन भाषा शिकण्यासारखीच आहे. तुम्ही "नमस्कार" आणि "धन्यवाद" पासून सुरुवात करता, मग कॉफी ऑर्डर करण्यापर्यंत पोहोचता, आणि नंतर तुम्ही गहन तत्त्वज्ञानात्मक चर्चा करू लागता! फक्त या बाबतीत, तुम्ही संगणकांशी संवाद साधत आहात, आणि प्रामाणिकपणे? ते सर्वात संयमी संवाद भागीदार आहेत – ते तुमच्या चुका कधीच न्याय करत नाहीत आणि ते नेहमी पुन्हा प्रयत्न करण्यास उत्सुक असतात!
+बघ, मला माहिती आहे, प्रोग्रामिंग सध्या अवघड वाटत असेल. मी जेव्हा सुरुवात केली तेव्हा मला वाटायचं की गणितात मस्तच तज्ञ असावा किंवा पाच वर्षांच्या वयापासूनच कोडिंग करत असावं लागेल. पण काहीतरी बदललं: प्रोग्रामिंग म्हणजे नवीन भाषा शिकण्यासारखं आहे. तू "हॅलो" आणि "थँक यू" पासून सुरुवात करतोस, मग कॉफी कशी मागायची यावर येतोस, आणि लवकरच गप्पा मोठ्या खोलवर चालायला लागतात! इथे तू संगणकांशी संवाद करतोस, आणि ते खूप धीर धरून ऐकणारे असतात – कुठल्याही चुका पाहून कधीही रागवत नाहीत आणि नेहमी पुन्हा प्रयत्न करायला तयार असतात!
 
-आज, आपण आधुनिक वेब डेव्हलपमेंट शक्य होण्यासाठी आणि गंभीरपणे व्यसनाधीन होण्यासाठी अविश्वसनीय टूल्स एक्सप्लोर करणार आहोत. मी ज्या एडिटर्स, ब्राउझर्स आणि वर्कफ्लोजबद्दल बोलतोय, तेच टूल्स Netflix, Spotify आणि तुमच्या आवडत्या इंडी अ‍ॅप स्टुडिओचे डेव्हलपर्स दररोज वापरतात. आणि आता तुम्हाला आनंदाने नाचायला लावणारा भाग: या व्यावसायिक-ग्रेड, उद्योग-मानक टूल्सपैकी बहुतेक पूर्णपणे मोफत आहेत!
+आज आपण आधुनिक वेब डेव्हलपमेंट सुलभ आणि अत्यंत आकर्षक बनणार्‍या अविश्वसनीय साधनांचा अभ्यास करणार आहोत. मी म्हणतोय नेमके असेच एडिटर्स, ब्राउझर्स आणि कार्यप्रवाह ज्यांचा वापर Netflix, Spotify आणि तुझ्या आवडत्या इंडी अ‍ॅप स्टुडिओमध्ये दररोज केला जातो. आणि ही बाब तुला आनंदाने नाचायला लावणार आहे: बहुतेक व्यावसायिक दर्जाच्या औद्योगिक प्रमाणित साधनांवर संपूर्णपणे मोफत उपलब्ध आहेत!
 
-![प्रोग्रामिंगची ओळख](../../../../translated_images/mr/webdev101-programming.d6e3f98e61ac4bff.webp)
-> स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे
+![Intro Programming](../../../../translated_images/mr/webdev101-programming.d6e3f98e61ac4bff.webp)
+> स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) यांनी
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title तुमचा प्रोग्रामिंग प्रवास आज
+    section शोधा
+      प्रोग्रामिंग म्हणजे काय: 5: You
+      प्रोग्रामिंग भाषा: 4: You
+      उपकरणांचा आढावा: 5: You
+    section अन्वेषण करा
+      कोड संपादक: 4: You
+      ब्राउझर आणि डेव्हटूल्स: 5: You
+      कमांड लाइन: 3: You
+    section सराव करा
+      भाषा शोधक: 4: You
+      उपकरणांचा अन्वेषण: 5: You
+      समुदाय कनेक्शन: 5: You
 ```
+## चला पाहूया, तुला आधीपासून काय माहित आहे!
 
-## पाहूया तुम्हाला आधीच काय माहित आहे!
+मजेशीर गोष्टींकडे उडी मारण्याआधी, मला कुतूहल आहे – तुला या प्रोग्रामिंग जगाबद्दल आधीपासून काय माहित आहे? आणि ऐका, जर तुला या प्रश्नांकडे बघत "मला याबद्दल खरंच काहीच कल्पना नाही," असं वाटत असेल, तर ते बिलकुल ठीक आहे, अगदी परफेक्ट आहे! म्हणजे तू नक्कीच योग्य ठिकाणी आहेस. या क्विझला व्यायामापूर्वीच्या स्ट्रेचिंगसारखं समजा – आपण केवळ आपल्या मेंदूच्या स्नायूंना गरम करत आहोत!
 
-मजेदार गोष्टींमध्ये उडी मारण्यापूर्वी, मला उत्सुकता आहे – तुम्हाला या प्रोग्रामिंग जगाबद्दल आधीच काय माहित आहे? आणि ऐका, जर तुम्ही या प्रश्नांकडे पाहत असाल आणि विचार करत असाल "मला याबद्दल काहीच माहिती नाही," तर ते फक्त ठीकच नाही, तर परफेक्ट आहे! याचा अर्थ तुम्ही अगदी योग्य ठिकाणी आहात. या क्विझला वर्कआउटच्या आधी स्ट्रेचिंगसारखे समजा – आपण फक्त त्या मेंदूच्या स्नायूंना गरम करत आहोत!
+[प्रि-लेसन क्विझ घ्या](https://ff-quizzes.netlify.app/web/)
 
-[प्री-लेसन क्विझ घ्या](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+## आपण एकत्र जाणार आहोत अशी साहसी यात्रा
 
+ठीक आहे, मी खरोखरच उत्सुक आहे आपण आज काय शिकणार आहोत याबद्दल! खरंच, तुला आश्चर्य वाटेल जेव्हा काही संकल्पना तुझ्या मनात बसतील तेव्हा तुझा चेहरा कसा दिसेल. आपण एकत्र जाणार आहोत अशा अद्भुत प्रवासात:
 
-## आपण एकत्र जाणार असलेल्या साहसाची झलक
+- **प्रोग्रामिंग म्हणजे काय खरं तर (आणि हे का अतिशय छान आहे!)** – आपण शोधणार आहोत की कोड हे खरंच न दिसणं जादूचं सार आहे, जे तुझ्या आजूबाजूच्या प्रत्येक गोष्टींना ऊर्जा देतं, त्या अलार्मपासून ज्याला कळतं सोमवार आहे, तेथून ते अल्गोरिदमपर्यंत जो थेट तुझ्या Netflix शिफारशी अचूक बनवतो
+- **प्रोग्रामिंग भाषा आणि त्यांची अद्भुत वैयक्तिक वैशिष्ट्ये** – एक पार्टीसमोर उभे राहण्यासारखं, जिथे प्रत्येक व्यक्तीकडे वेगळ्या प्रकारच्या सुपरपॉवर्स आणि समस्यांना सोडवण्याच्या पद्धती असतात. प्रोग्रामिंग भाषांचा एक असाच जग आहे, आणि तू त्यांच्याशी भेटायला तयार राह!
+- **डिजिटल जादू घडवणारे मूलभूत घटक** – हे एका अतिशय क्रिएटिव्ह LEGO सेटसारखे आहेत. जेव्हा तुला कळेल की ही तुकडे कसे जुळवायचे, तेव्हा तू खरंच काहीही बांधू शकतोस जो तुझ्या कल्पनेत आला!
+- **प्रोफेशनल टूल्स जे तुला जणू काही जादूगाराची छडी हातात दिल्यासारखा अनुभव देतील** – मी दृश्यमानपणे ड्रॅमॅटिक नाही आहे – ही साधने खरंच तुला सुपरपॉवरसारखा वाटतील, आणि तीच भारी गोष्ट आहे की हेच टूल्स प्रोफेशनल्स वापरतात!
 
-ठीक आहे, मी आज आपण एक्सप्लोर करणार आहोत याबद्दल खरोखर उत्साहाने उडत आहे! खरंच, मला तुमचा चेहरा पाहायला आवडेल जेव्हा काही संकल्पना क्लिक होतील. आपण एकत्र घेत असलेल्या अविश्वसनीय प्रवासाची झलक येथे आहे:
+> 💡 **महत्त्वाचं:** आज सगळं लक्षात ठेवण्याचा विचार करूही नकोस! सध्या, मला तुला फक्त शक्यतांचा उत्साह वाटावा एव्हा हवं आहे. तपशील नैसर्गिकपणे चिकटतील जेव्हा आपण एकत्र सराव करू – तसंच खरी शिकवण होते!
 
-- **प्रोग्रामिंग म्हणजे काय (आणि ते का सर्वात थंड गोष्ट आहे!)** – आपण शोधणार आहोत की कोड हा अक्षरशः अदृश्य जादू आहे जो तुमच्याभोवती सर्वकाही चालवतो, त्या अलार्मपासून जो कसा तरी जाणतो की सोमवार सकाळ आहे ते 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) वर घेऊ शकता!
+बरं, चला हा लाखो डॉलर्सचा प्रश्न सोडवूया: प्रोग्रामिंग खरतर काय आहे?
 
-## तर प्रोग्रामिंग नेमकं *काय* आहे?
+मी एक गोष्ट सांगतो ज्यामुळे माझं याबद्दलचं विचार पूर्णपणे बदलला. गेल्या आठवड्यात मी माझ्या आईला आमच्या नवीन स्मार्ट टीव्ही रिमोट वापरायला सांगायचं प्रयत्न करत होतो. मी स्वतःला म्हणत होतो "लाल बटण दाब, पण मोठं लाल बटण नाही, डावीकडील छोटं लाल बटण... नाही, तुझा दुसरा डावा... ठीक आहे, आता ते दोन सेकंद धर, एक नाही, तीन नाही..." तुला हे सवयिनसारखं वाटलं का? 😅
 
-ठीक आहे, आपण लाखो डॉलरचा प्रश्न सोडवूया: प्रोग्रामिंग म्हणजे नेमकं काय?
+तेच आहे प्रोग्रामिंग! अतिशय तपशीलवार, चरण-दर-चरण सूचनांचा कला, जे खूप सामर्थ्यशाली असलेल्या घटकाला दिल्या जातात पण सगळं अचूक लिहावं लागतं. आईला सांगण्याऐवजी (जी विचारू शकते "कोणतं लाल बटन?!"), आपण संगणकाला सांगतो (जो फक्त तेच करतो जे आपण सांगतो, जरी ते कदाचित आपण म्हणाल ते नसेल तरी).
 
-मी तुम्हाला एक कथा सांगतो जी माझा विचार पूर्णपणे बदलून टाकली. गेल्या आठवड्यात, मी माझ्या आईला आमच्या नवीन स्मार्ट टीव्ही रिमोटचा वापर कसा करायचा ते समजावून सांगण्याचा प्रयत्न करत होतो. मी असे म्हणताना स्वतःला पकडले, "लाल बटण दाबा, पण मोठे लाल बटण नाही, डाव्या बाजूला असलेले छोटे लाल बटण... नाही, तुमचा दुसरा डावा... ठीक आहे, आता दोन सेकंदांसाठी धरून ठेवा, एक नाही, तीन नाही..." ओळखीच वाटतंय ना? 😅
+जेव्हा मी हे प्रथम शिकलो तेव्हा मला खरंच भास झालं: संगणक其实 बेसिकली फार सोपे असतात. ते फक्त दोन गोष्टी समजतात – १ आणि ०, म्हणजे "हो" आणि "नाही" किंवा "ऑन" आणि "ऑफ". इतकंच! पण जादू येथे सुरू होते – आम्हाला १ आणि ० मध्ये बोलायची गरज नाही जणू आपण मेट्रिक्समध्ये आहोत. या ठिकाणी **प्रोग्रामिंग भाषा** मदतीला येतात. त्या जणू असा जगातील सर्वोत्तम भाषांतरकार आहेत जे आपले मानवी विचार संगणकांच्या भाषेत रूपांतरित करतात.
 
-हेच प्रोग्रामिंग आहे! ही एक कला आहे ज्यामध्ये तुम्ही अत्यंत तपशीलवार, पायरी-पायरीने सूचना देत असता अशा गोष्टीला जी खूप शक्तिशाली आहे पण तिला सर्वकाही परिपूर्णपणे सांगितले गेले पाहिजे. फक्त तुमच्या आईला समजावून सांगण्याऐवजी (जी विचारू शकते "कोणते लाल बटण?!"), तुम्ही संगणकाला समजावून सांगत असता (जो फक्त तुम्ही सांगितले तेच करतो, जरी तुम्ही जे सांगितले ते नेमके तुम्हाला म्हणायचे होते ते नसले तरी).
+आणि ही गोष्ट जी दररोज सकाळी मला थरकत राहते: तुझ्या आयुष्यातील सर्व डिजिटल गोष्टी नेमक्या तुझ्यासारख्या कोणीतरी कोडिंग करत बनवल्या. तो Instagram फिल्टर जो तुला फॉललेस बनवतो? कोणी तो कोड केलेला. ती शिफारस जी तुला तुझा आवडता नवीन गाण्याकडे नेते? एक डेव्हलपरने ती अल्गोरिदम तयार केली. जी अ‍ॅप ज्यामुळे मित्रांमध्ये जेवणाचे बिल वाटायला मदत होते? होय, कोणीतरी विचार केला "हे कंटाळवाणं आहे, मी नक्की याला ठीक करू शकतो" आणि मग... त्यांनी काय केलं!
 
-जेव्हा मी हे प्रथम शिकले तेव्हा मला जेव्हा कळले तेव्हा माझे मन उडाले: संगणक प्रत्यक्षात त्यांच्या मुळात खूप सोपे आहेत. त्यांना अक्षरशः फक्त दोन गोष्टी समजतात – 1 आणि 0, जे मूलत: "होय" आणि "नाही" किंवा "चालू" आणि "बंद" आहे. एवढंच! पण जिथे जादू होते तिथे – आपल्याला 1s आणि 0s मध्ये बोलण्याची गरज नाही जणू आपण The Matrix मध्ये आहोत. तिथे **प्रोग्रामिंग भाषा** मदतीला येतात. त्या तुमच्या सामान्य मानवी विचारांना संगणकाच्या भाषेत रूपांतरित करणारा जगातील सर्वोत्तम अनुवादक असल्यासारखे आहेत.
+जेव्हा तू प्रोग्रामिंग शिकतोस, तू फक्त एक नवीन कौशल्य घेत नाहीस – तू या भव्य समस्यांवर मात करण्याऱ्या समुदायाचा भाग बनतोस ज्यांचे दिवस "जर मी काहीतरी तयार केला तर एखाद्याचा दिवस थोडासा अधिक उजळ होईल का?" म्हणून विचार करत जातात. खरंच, यापेक्षा छान काही असू शकतं का?
 
-आणि येथे एक गोष्ट जी मला दररोज सकाळी उठल्यावर खरोखर रोमांचित करते: तुमच्या जीवनातील अक्षरशः *सर्वकाही* डिजिटल एखाद्या तुमच्यासारख्या व्यक्तीने सुरू केले, कदाचित त्यांच्या पायजामामध्ये कॉफीचा कप घेऊन, त्यांच्या लॅपटॉपवर कोड टाइप करत. तो Instagram फिल्टर जो तुम्हाला निर्दोष दिसायला लावतो? कोणीतरी तो कोड केला. ती शिफारस जी तुम्हाला तुमचा नवीन आवडता गाणं ऐकायला लावते? एखाद्या डेव्हलपरने तो अल्गोरिदम तयार केला. तो अ‍ॅप जो तुम्हाला मित्रांसोबत डिनर बिल्स विभाजित करण्यात मदत करतो? होय, कोणीतरी विचार केला "हे त्रासदायक आहे, मी हे ठीक करू शकतो" आणि मग... त्यांनी ते केले!
+✅ **मजेशीर साचणी शोध:** जेव्हा तुला काही वेळ मिळेल तेव्हा ही गोष्ट शोध – जगातील पहिला संगणक प्रोग्रामर कोण होता? मी तुला एक हिन्ट देतो: तो कदाचित तुझ्या अपेक्षेप्रमाणे नसेल! त्या व्यक्तीचा कथानक खूप रोचक आहे आणि दाखवतो की प्रोग्रामिंग नेहमीच सर्जनशील समस्या सोडवण्याविषयी आणि वेगळ्या दृष्टीकोनातून विचार करण्याविषयी आहे.
 
-जेव्हा तुम्ही प्रोग्रामिंग शिकता, तेव्हा तुम्ही फक्त नवीन कौशल्य मिळवत नाही – तुम्ही समस्या सोडवणाऱ्या या अविश्वसनीय समुदायाचा भाग बनत आहात जो त्यांचा दिवस "मी काहीतरी तयार करू शकतो का जे एखाद्याचा दिवस थोडा चांगला बनवेल?" विचार करण्यात घालवतो. प्रामाणिकपणे, त्यापेक्षा थंड काही आहे का?
+### 🧠 **चेक-इन वेळ: तू कसा/कशी वाटत आहेस?**
 
-✅ **मजेदार तथ्य शोधा**: तुम्हाला मोकळ्या वेळेत शोधण्यासाठी काहीतरी खूप छान सांगतो – तुम्हाला कोण वाटतं जगातील पहिला संगणक प्रोग्रामर होता? मी तुम्हाला एक हिंट देतो: ते तुम्ही अपेक्षित करत असाल असे नाही! या व्यक्तीमागील कथा अत्यंत आकर्षक आहे आणि दाखवते की प्रोग्रामिंग नेहमीच सर्जनशील समस्या सोडवणे आणि बॉक्सच्या बाहेर विचार करणे याबद्दल आहे.
+**काही वेळ स्वतःशी विचार कर:**
+- "संगणकांना सूचना देणे" ही कल्पना आता तुला समजते का?
+- दिवसेंदिवस करावयाचे कोणते काम तुझ्या दृष्टीने प्रोग्रामिंगने स्वयंचलित करता येईल का?
+- या संपूर्ण प्रोग्रामिंग विषयावर तुला काय प्रश्न मनात येत आहेत?
 
-### 🧠 **चेक-इन वेळ: तुम्हाला कसे वाटते?**
+> **लक्षात ठेव:** काही संकल्पना सध्या अस्पष्ट वाटणे अगदी सामान्य आहे. प्रोग्रामिंग शिकणं म्हणजे नवीन भाषा शिकण्यासारखं आहे – तुझे मेंदू त्या न्यूरल मार्गांना तयार करण्यासाठी वेळ घेतो. तू मस्त करत आहेस!
 
-**थोडा वेळ घ्या आणि विचार करा:**
-- "संगणकांना सूचना देणे" ही कल्पना आता तुम्हाला समजते का?
-- तुम्ही प्रोग्रामिंगसह स्वयंचलित करू इच्छित असलेल्या दैनंदिन कामाचा विचार करू शकता का?
-- या संपूर्ण प्रोग्रामिंग गोष्टीबद्दल तुमच्या मनात कोणते प्रश्न आहेत?
+## प्रोग्रामिंग भाषा म्हणजे वेगवेगळ्या प्रकारच्या जादू सारख्या आहेत
 
-> **लक्षात ठेवा**: काही संकल्पना सध्या अस्पष्ट वाटणे पूर्णपणे सामान्य आहे. प्रोग्रामिंग शिकणे ही नवीन भाषा शिकण्यासारखी आहे – तुमच्या मेंदूला त्या न्यूरल पथ तयार करण्यासाठी वेळ लागतो. तुम्ही उत्तम करत आहात!
+ठीक आहे, हे थोडं वेगळं वाटेल पण माझ्या सोबत राहा – प्रोग्रामिंग भाषा म्हणजे वेगवेगळ्या प्रकारच्या संगीतासारखं आहे. विचार कर: तुझ्याकडे जाझ आहे, जी मृदू आणि तात्काळ संगीत स्वरूपाची आहे, रॉक जी शक्तिशाली आणि सरळ असते, क्लासिकल जी सुंदर आणि रचित आहे, आणि हिप-हॉप जी क्रिएटिव्ह आणि अभिव्यक्तीशील आहे. प्रत्येक शैलीची स्वतःची अदा, त्या समुदायातील चाहत्यांची पट्टी, आणि प्रत्येक काहीही भिन्न मूड किंवा प्रसंगी पूर्णपणे योग्य असते.
 
-## प्रोग्रामिंग भाषा म्हणजे जादूचे वेगवेगळे स्वाद
+प्रोग्रामिंग भाषा तसा कार्य करतात! एक वेगळी भाषा तेव्हा वापरली जाते जेव्हा तू मजेदार मोबाइल गेम बनवतोस आणि दुसरी भाषा मोठ्या प्रमाणातील हवामान डेटा प्रक्रिया करण्यासाठी वापरतोस, जसं आपल्याला योगा वर्गात डेथ मेटल बजवायचं नाही (बऱ्याच योगा वर्गांमध्ये तरी! 😄).
 
-ठीक आहे, हे विचित्र वाटेल, पण माझ्यासोबत राहा – प्रोग्रामिंग भाषा वेगवेगळ्या प्रकारच्या संगीतासारख्या आहेत. विचार करा: तुम्हाला जाझ आहे, जे गुळगुळीत आणि इम्प्रोव्हायझेशनल आहे, रॉक जे शक्तिशाली आणि सरळ आहे, क्लासिकल जे मोहक आणि संरचित आहे, आणि हिप-हॉप जे सर्जनशील आणि अभिव्यक्त आहे. प्रत्येक शैलीला स्वतःचा मूड आहे, स्वतःचा उत्साही चाहत्यांचा समुदाय आहे, आणि प्रत्येक वेगवेगळ्या मूड्स आणि प्रसंगांसाठी परिपूर्ण आहे.
-
-प्रोग्रामिंग भाषा अगदी तशाच प्रकारे काम करतात! तुम्ही मोठ्या प्रमाणात हवामान डेटा क्रंच करण्यासाठी वापरलेली भाषा आणि मजेदार मोबाइल गेम तयार करण्यासाठी वापरलेली भाषा एकसारखी नसते, जसे तुम्ही योगा क्लासमध्ये डेथ मेटल वाजवणार नाही (ठीक आहे, बहुतेक योगा क्लासमध्ये तरी नाही! 😄).
-
-पण जेव्हा मी याबद्दल विचार करतो तेव्हा माझे मन पूर्णपणे उडते: या भाषा तुमच्यासोबत बसलेल्या जगातील सर्वात संयमी, प्रतिभावान दुभाष्यासारख्या आहेत. तुम्ही तुमच्या मानवी मेंदूसाठी नैसर्गिक वाटेल अशा प्रकारे तुमच्या कल्पना व्यक्त करू शकता, आणि ते सर्व अत्यंत जटिल काम हाताळतात जे संगणक प्रत्यक्षात बोलतात त्या 1s आणि 0s मध्ये अनुवादित करण्याचे आहे. हे असे आहे जणू तुमच्याजवळ एक मित्र आहे जो "मानवी सर्जनशीलता" आणि "संगणक तर्कशास्त्र" या दोन्ही गोष्टींमध्ये परिपूर्ण आहे – आणि त्यांना कधीच थकवा येत नाही, कधीच कॉफी ब्रेकची गरज नसते, आणि तुम्ही एकच प्रश्न दोनदा विचारल्याबद्दल कधीच न्याय करत नाहीत!
+पण जेव्हा मी याबद्दल विचार करतो तेव्हा मला नेहमीच आश्चर्य वाटतं: या भाषा जणू सर्वात धीर धरून, प्रतिभावान अनुवादक अंगावर बसलेले आहेत. तू आपल्या नैसर्गिक मानवी मेंदूने विचार करू शकतोस आणि ते प्रचंड क्लिष्ट 1s आणि 0s मध्ये अनुवाद करतात जे संगणक स्पष्टपणे बोलतात. जणू तुझा सखा आहे जो दोन्ही "माणूस क्रिएटिव्हिटी" आणि "संगणकाचे तर्कशास्त्र" मध्ये पारंगत आहे – आणि तो/ती कधी थकते नाही, कधी कॉफी ब्रेक बाजूला ठेवत नाही आणि दोन वेळा विचारल्यावर कधीही तुझ्यावर खटाटोण करत नाही!
 
 ### लोकप्रिय प्रोग्रामिंग भाषा आणि त्यांचे उपयोग
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((प्रोग्रामिंग भाषा))
+    वेब विकास
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        फ्रंटेंड जादू
+        संवादात्मक वेबसाइट्स
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + प्रकार
+        एंटरप्राइज अॅप्स
+    डेटा आणि AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        डेटा सायन्स
+        मशीन लर्निंग
+        ऑटोमेशन
       R
-        Statistics
-        Research
-    Mobile Apps
+        सांख्यिकी
+        संशोधन
+    मोबाइल अॅप्स
       Java
-        Android
-        Enterprise
+        अँड्रॉइड
+        एंटरप्राइज
       Swift
         iOS
-        Apple Ecosystem
+        ऍपल परिसंस्था
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        आधुनिक अँड्रॉइड
+        बहु-मंच
+    प्रणाली आणि कार्यक्षमता
       C++
-        Games
-        Performance Critical
+        गेम्स
+        कार्यक्षमता महत्वाची
       Rust
-        Memory Safety
-        System Programming
+        स्मृती सुरक्षितता
+        प्रणाली प्रोग्रामिंग
       Go
-        Cloud Services
-        Scalable Backend
+        क्लाउड सेवा
+        प्रमाणक्षम बॅकएंड
 ```
+| भाषा | सर्वोत्तम वापर | का ही लोकप्रिय आहे |
+|----------|---------------------|-------------------------|
+| **JavaScript** | वेब डेव्हलपमेंट, वापरकर्ता इंटरफेस | ब्राउझरमध्ये चालतं आणि इंटरऍक्टिव्ह वेबसाईटना सामर्थ्य देतं |
+| **Python** | डेटा सायन्स, ऑटोमेशन, AI | शिकायला आणि वाचायला सोपी, सामर्थ्यशाली लायब्ररी |
+| **Java** | उद्योग अनुप्रयोग, अँड्रॉइड अ‍ॅप्स | प्लॅटफॉर्म-स्वतंत्र, मोठ्या सिस्टमसाठी मजबूत |
+| **C#** | विंडोज अनुप्रयोग, गेम डेव्हलपमेंट | स्ट्रॉंग मायक्रोसॉफ्ट इकोसिस्टम सपोर्ट |
+| **Go** | क्लाउड सेवा, बॅकएंड सिस्टम्स | जलद, साधी, आधुनिक संगणनासाठी डिझाइन केलेली |
 
-| भाषा | सर्वोत्तम उपयोग | ती लोकप्रिय का आहे |
-|------|----------------|--------------------|
-| **JavaScript** | वेब डेव्हलपमेंट, युजर इंटरफेस | ब्राउझर्समध्ये चालते आणि इंटरॅक्टिव्ह वेबसाइट्स चालवते |
-| **Python** | डेटा सायन्स, ऑटोमेशन, AI | वाचायला आणि शिकायला सोपी, शक्तिशाली लायब्ररी |
-| **Java** | एंटरप्राइज अ‍ॅप्स, अँड्रॉइड अ‍ॅप्स | प्लॅटफॉर्म-स्वतंत्र, मोठ्या सिस्टमसाठी मजबूत |
-| **C#** | विंडोज अ‍ॅप्स, गेम डेव्हलपमेंट | मजबूत Microsoft इकोसिस्टम सपोर्ट |
-| **Go** | क्लाउड सर्व्हिसेस, बॅकएंड सिस्टम्स | वेगवान, सोपी, आधुनिक संगणनासाठी डिझाइन केलेली |
+### उच्च-स्तरीय vs. नीच-स्तरीय भाषा
 
-### उच्च-स्तरीय vs. निम्न-स्तरीय भाषा
+ठीक आहे, हा खरंच मला एवढा गुंतवणारा विषय होता जेव्हा मी सुरुवात केली, म्हणून मी ती रूपक थोडक्यात शेअर करतो जी मला मग समजली – आणि मला आशा आहे ती तुलाही समजेल!
 
-ठीक आहे, हे प्रामाणिकपणे ते संकल्पना होते ज्याने मला सुरुवातीला गोंधळात टाकले, म्हणून मी शेवटी मला समजलेली उपमा शेअर करतो – आणि मला खरोखर आशा आहे की ती तुम्हाला मदत करेल!
+कल्पना कर की तू एका देशात आहेस जिथे भाषा तुझी नाही आणि तुला गर्दीतली जवळची शौचालय शोधायचं आहे (आपण सगळ्यांनी कधीतरी असं अनुभवलंय, बरोबर ना? 😅):
 
-कल्पना करा की तुम्ही अशा देशात भेट देत आहात जिथे तुम्हाला भाषा बोलता येत नाही, आणि तुम्हाला अत्यंत गरजेने जवळचा बाथरूम शोधायचा आहे (आपण सर्व तिथे गेलो आहोत, बरोबर? 😅):
+- **नीच-स्तरीय प्रोग्रामिंग** म्हणजे त्या देशातील स्थानिक बोली इतकी चांगली शिकणे की तिथल्या आजीला फळ विकणाऱ्या लोकांशी सांस्कृतिक संदर्भ, स्थानिक बोल चाल आणि त्यांचं खास विनोद वापरून गप्पा मारायला हरकत नाही. खूप प्रभावी आणि कार्यक्षम... जर तुला ती भाषा येत असेल तर! पण शौचालय शोधायचं होतं तर फारच भयंकर वाटेल.
 
-- **निम्न-स्तरीय प्रोग्रामिंग** म्हणजे स्थानिक बोलीभाषा इतकी चांगली शिकणे की तुम्ही कोपऱ्यावर फळ विकणाऱ्या आजीशी सांस्कृतिक संदर्भ, स्थानिक शब्द आणि फक्त तेथे वाढलेल्या व्यक्तीला समजतील अशा अंतर्गत विनोदांचा वापर करून गप्पा मारू शकता. खूप प्रभावी आणि अविश्वसनीयपणे कार्यक्षम... जर तुम्ही प्रवाही असाल तर! पण तुम्ही फक्त बाथरूम शोधण्याचा प्रयत्न करत असाल तर खूपच गोंधळात टाकणारे.
+- **उच्च-स्तरीय प्रोग्रामिंग** म्हणजे तो उत्तम स्थानिक मित्र ज्याला फक्त तुला हवं ते समजतं. तू "मला लगेच शौचालय हवं आहे" इंग्रजीत बोलतोस आणि तो सर्व सांस्कृतिक अनुवाद करतो आणि तुला मार्गदर्शन सोप्या भाषेत करतो.
 
-- **उच्च-स्तरीय प्रोग्रामिंग** म्हणजे तुमच्याकडे तो अद्भुत स्थानिक मित्र आहे जो तुम्हाला फक्त समजतो. तुम्ही "मला खरोखर बाथरूम शोधायचा आहे" असे साध्या इंग्रजीत सांगू शकता, आणि ते सर्व सांस्कृतिक अनुवाद हाताळतात आणि तुम्हाला अशा प्रकारे दिशा देतात जी तुमच्या गैर-स्थानिक मेंदूसाठी परिपूर्ण अर्थ देतात.
+प्रोग्रामिंग टर्म्समध्ये:
+- **नीच-स्तरीय भाषा** (Assembly किंवा C सारखी) तुला संगणकाच्या हार्डवेअरशी अत्यंत तपशीलवार संवाद साधू देतात, पण तुला मशीनसारखं विचार करणं लागतं, जे... बरं, मोठा मेंदूचा बदल आहे!
+- **उच्च-स्तरीय भाषा** (JavaScript, Python, किंवा C# सारख्या) तुला माणूस म्हणून विचार करायला देतात आणि तो संगणकांचा कान आणि आवाज होतात. तसेच, यांच्याकडे सध्या अनुभव नसलेल्या लोकांना मदत करण्यासाठी आनंदी समुदाय असतो ज्याला माहित असतं नवख्या असण्याचा अनुभव कसा असतो!
 
-प्रोग्रामिंगच्या दृष्टीने:
-- **निम्न-स्तरीय भाषा** (जसे Assembly किंवा C) तुम्हाला संगणकाच्या वास्तविक हार्डवेअरशी अविश्वसनीय तपशीलवार संवाद साधू देतात, पण तुम्हाला मशीनसारखे विचार करावे लागते, जे... ठीक आहे, आपण फक्त म्हणूया की ते एक मोठे मानसिक बदल आहे!
-- **उच्च-स्तरीय भाषा** (जसे JavaScript, Python, किंवा C#) तुम्हाला मानवी विचार करण्यास परवानगी देतात तर ते सर्व मशीन-स्पीक मागे हाताळतात. याशिवाय, त्यांच्याकडे अशा अविश्वसनीय स्वागतार्ह समुदाय आहेत जे नवीन असण्याचा अनुभव लक्षात ठेवतात आणि खरोखर मदत करू इच्छितात!
-
-तुम्ही कोणत्या भाषांपासून सुरुवात करावी असे मी सुचवणार आहे? 😉 उच्च-स्तरीय भाषा म्हणजे प्रशिक्षण चाकांसारखे आहेत जे तुम्हाला कधीच काढून टाकायचे वाटत नाही कारण ते संपूर्ण अनुभव खूपच आनंददायक बनवतात!
+काय वाटतं, मी तुला कोणत्या भाषांसह सुरुवात करण्याचा सल्ला देणार? 😉 उच्च-स्तरीय भाषा जणू ट्रेनींग व्हील्स प्रमाणे आहेत जे तू कधीही काढायचं इच्छित नाहीस कारण ते संपूर्ण अनुभव खूप मजेशीर करतात!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 मानवी विचार:<br/>'मला फिबोनाची संख्या मोजायची आहे'"] --> B{भाषा पातळी निवडा}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|उच्च-स्तरीय| C["🌟 JavaScript/Python<br/>वाचायला आणि लिहायला सोपे"]
+    B -->|खालचा स्तर| D["⚙️ Assembly/C<br/>थेट हार्डवेअर नियंत्रण"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 लिहा: fibonacci(10)"]
+    D --> F["📝 लिहा: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 संगणक समज:<br/>भाषांतरक गुंतागुंत हाताळतो"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 समान निकाल:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### तुला दाखवतो की उच्च-स्तरीय भाषा का जास्त स्नेही आहेत
 
-### उच्च-स्तरीय भाषा अधिक मैत्रीपूर्ण का आहेत हे मी तुम्हाला दाखवतो
+ठीक आहे, मी तुला काही दाखवणार आहे जे मला उच्च-स्तरीय भाषा का आवडल्या हे समजावेल, पण आधी एक वचन दे – जेव्हा तुझा पहिला कोड्स हे दाखवेल, घाबरू नकोस! हे थोडं भयंकर दिसावं असं मला वाटतं आणि हेच मुद्दा आहे!
 
-ठीक आहे, मी तुम्हाला काहीतरी दाखवणार आहे जे उच्च-स्तरीय भाषांवर प्रेम करण्याचे कारण परिपूर्णपणे दर्शवते, पण आधी – मला तुमच्याकडून काहीतरी वचन हवे आहे. जेव्हा तुम्ही पहिला कोड उदाहरण पाहता, तेव्हा घाबरू नका! ते घ
-- **टिप्पण्या**: उच्च-स्तरीय प्रोग्रामिंग भाषांमध्ये स्पष्ट स्पष्टीकरण देणाऱ्या टिप्पण्या लिहिण्याचा प्रोत्साहन दिला जातो, ज्यामुळे कोड स्वतःच दस्तऐवजीकरणासारखा वाटतो.
-- **रचना**: JavaScript चा तर्कशुद्ध प्रवाह मानवी विचारसरणीशी जुळतो, जसे समस्या चरण-दर-चरण सोडवणे.
-- **देखभाल**: वेगवेगळ्या गरजांसाठी JavaScript ची आवृत्ती अपडेट करणे सोपे आणि स्पष्ट आहे.
+आपण दोन वेगळ्या शैलींमध्ये लिहिलेला तोच फिबोनाची अनुक्रम पाहणार आहोत – तो एक सुंदर गणितीय क्रम आहे जिथे प्रत्येक संख्या मागच्या दोन संख्यांचा योग आहे: 0, 1, 1, 2, 3, 5, 8, 13... (मजेशीर गोष्ट: तू हा क्रम निसर्गात सर्वत्र पाहशील – सूर्यफुलाच्या बिया, कंसाच्या नमुन्यात, अगदी आकाशगंगांच्या निर्मितीतही!)
 
-✅ **फिबोनाची अनुक्रमाबद्दल**: हा अप्रतिम संख्यात्मक नमुना (जिथे प्रत्येक संख्या मागील दोन संख्यांच्या बेरीजसारखी असते: 0, 1, 1, 2, 3, 5, 8...) अक्षरशः *निसर्गात सर्वत्र* दिसतो! तुम्हाला तो सूर्यफुलांच्या वर्तुळांमध्ये, पाइनकोनच्या नमुन्यांमध्ये, नॉटिलस शंखाच्या वक्रांमध्ये, आणि झाडांच्या फांद्या कशा वाढतात यामध्येही सापडेल. गणित आणि कोड कसे निसर्गाच्या सौंदर्य निर्माण करण्याच्या नमुन्यांना समजून घेण्यास आणि पुन्हा तयार करण्यास मदत करू शकतात हे खरोखर आश्चर्यकारक आहे!
+तयार आहेस फरक पाहायला? चल!
 
-## जादू घडवणारे मूलभूत घटक
+**उच्च-स्तरीय भाषा (JavaScript) – माणसासाठी सुलभ:**
 
-ठीक आहे, आता तुम्ही प्रोग्रामिंग भाषांचे प्रत्यक्षात कसे दिसते ते पाहिले आहे, चला प्रत्येक प्रोग्राममध्ये असलेल्या मूलभूत तुकड्यांचे विश्लेषण करूया. यांना तुमच्या आवडत्या रेसिपीच्या आवश्यक घटकांसारखे समजा – एकदा तुम्हाला प्रत्येकाचा उपयोग समजला की, तुम्ही कोणत्याही भाषेत कोड वाचू आणि लिहू शकता!
+```javascript
+// टप्पा 1: मूलभूत फिबोनॅची सेटअप
+const fibonacciCount = 10;
+let current = 0;
+let next = 1;
 
-हे प्रोग्रामिंगच्या व्याकरणासारखे आहे. शाळेत तुम्ही नाम, क्रियापद, आणि वाक्य कसे तयार करायचे ते शिकले होते का? प्रोग्रामिंगचे स्वतःचे व्याकरण आहे, आणि प्रामाणिकपणे सांगायचे तर, इंग्रजी व्याकरणापेक्षा ते अधिक तर्कसंगत आणि सोपे आहे! 😄
+console.log('Fibonacci sequence:');
+```
 
-### स्टेटमेंट्स: चरण-दर-चरण सूचना
+**हा कोड काय करतो:**
+- **घोषणा** करतो की आपल्याला किती फिबोनाची संख्या तयार करायच्या आहेत
+- **दोन व्हेरिएबल्स** सुरू करतो जे चालू आणि पुढच्या संख्यांवर लक्ष ठेवतात
+- **सुरुवातीच्या मूल्यांना सेट** करतो (0 आणि 1) जे फिबोनाची पॅटर्न निश्चित करतात
+- **हेडर संदेश** प्रदर्शित करतो जे आपल्या आउटपुटची ओळख पटवतो
 
-चला **स्टेटमेंट्स** पासून सुरुवात करूया – हे तुमच्या संगणकाशी संवादातील वैयक्तिक वाक्यांसारखे आहेत. प्रत्येक स्टेटमेंट संगणकाला एक विशिष्ट गोष्ट करण्यास सांगते, जसे की दिशा देणे: "इथे डावीकडे वळा," "लाल दिव्यावर थांबा," "त्या जागेत पार्क करा."
+```javascript
+// टप्पा 2: लूपसह अनुक्रम तयार करा
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // अनुक्रमातील पुढचा क्रमांक गणना करा
+  const sum = current + next;
+  current = next;
+  next = sum;
+}
+```
 
-स्टेटमेंट्सबद्दल मला आवडते ते म्हणजे ते सहसा वाचण्यास सोपे असतात. हे पहा:
+**येथे काय घडत आहे याचे विश्लेषण:**
+- `for` लूप वापरून अनुक्रमातील प्रत्येक स्थानावर फेरफटका मारतो
+- टेम्प्लेट लिटरल फॉरमॅटिंगने प्रत्येक संख्या त्याच्या स्थानासहित दर्शवितो
+- चालू आणि पुढच्या मूल्यांच्या बेरीजने पुढची फिबोनाची संख्या गणना करतो
+- आपले ट्रॅकिंग व्हेरिएबल्स पुढील फेरफटक्यासाठी अपडेट करतो
 
 ```javascript
-// Basic statements that perform single actions
+// पाऊल 3: आधुनिक कार्यात्मक पध्दत
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
+
+// वापराचे उदाहरण
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**वर उल्लेखलेल्या मध्ये आपण:**
+- आधुनिक अ‍ॅरो फंक्शन सिंटॅक्स वापरून पुनर्वापर करण्यार्‍या फंक्शनची निर्मिती केली
+- संपूर्ण अनुक्रम साठवण्यासाठी एक ऍरे तयार केला, एकेका नंबरला वेगळं प्रदर्शित न करता
+- मागील मूल्यांचा वापर करून प्रत्येक नवीन नंबर गणकासाठी ऍरे इंडेक्सिंग केली
+- आमच्या प्रोग्रामच्या इतर भागांत लवचिक वापरासाठी संपूर्ण अनुक्रम परत केला
+
+**नीच-स्तरीय भाषा (ARM Assembly) – संगणकासाठी सुसंगत:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+पाहा, JavaScript आवृत्ती जवळजवळ इंग्रजी निर्देशांसारखी वाचते, तर Assembly आवृत्तीमध्ये गूढ आज्ञा आहेत ज्या थेट संगणकाच्या प्रोसेसरवर नियंत्रण ठेवतात. दोन्ही एकच काम करतात, पण उच्च-स्तरीय भाषा मानवी समजण्यासाठी, लिहिण्यासाठी आणि राखण्या साठी सोपी आहे.
+
+**मुख्य फरक जे तुला लक्षात येतील:**
+- **वाचनीयता**: JavaScript मध्ये सारखे नाव   `fibonacciCount` वापरले जाते, तर Assembly मध्ये गूढ टॅग्ज जसे `r0`, `r1` वापरले जातात  
+- **टिप्पण्या**: उच्च-स्तरीय भाषा स्पष्टीकरणात्मक टिप्पणी प्रोत्साहित करतात ज्यामुळे कोड स्वतःचा दस्तऐवज बनतो  
+- **रचना**: JavaScript चे तर्कशास्त्रीय प्रवाह माणसांच्या विचारप्रक्रियेप्रमाणे क्रमवारीतल्या टप्यांनुसार जुळतो  
+- **देखभाल**: वेगवेगळ्या गरजांसाठी JavaScript आवृत्ती अद्यतन करणे सोपे आणि स्पष्ट असते  
+
+✅ **फिबोनाची अनुक्रमाबद्दल**: हा अत्यंत सुंदर संख्या नमुना (जिथे प्रत्येक संख्या दोन मागील संख्या बेरीज असते: 0, 1, 1, 2, 3, 5, 8...) निसर्गात अक्षरशः *सर्वत्र* दिसतो! तुम्हाला तो सूर्यफूलांच्या वर्तुळात, देवदाराच्या कळीच्या नमुन्यात, नॉटिलस शंखाच्या वाकण्यात, आणि अगदी वृक्षांच्या फांद्यांच्या वाढीतही दिसेल. गणित आणि कोड कसे आपणास निसर्गात वापरलेल्या नमुन्यांना समजून घेण्यास आणि पुनरुज्जीवित करण्यास मदत करतात हे पाहणं खूप आश्चर्यकारक आहे!  
+
+## जादू घडवणारे मूलभूत घटक  
+
+ठीक आहे, आता तुम्ही प्रोग्रामिंग भाषा कसे दिसतात ते पाहिलात, तर चला अक्षरशः प्रत्येक कोडमध्ये असणाऱ्या मूलभूत तुकड्यांचा तफावत करुया. हे तुमच्या आवडत्या रेसिपीमधल्या आवश्यक घटकांसारखे समजा – जेव्हा तुम्हाला ते काय करतात हे समजेल, तेव्हा तुम्ही कुठल्याही भाषेमध्ये कोड वाचू आणि लिहू शकाल!  
+
+हे प्रोग्रामिंगची व्याकरण शिकण्यासारखे आहे. आठवा शाळेत जेव्हा तुम्ही नाम, क्रियापद, आणि वाक्य कसे तयार करायचे ते शिकलात? प्रोग्रामिंगचेही स्वतःचे व्याकरण आहे, आणि खरंच ते इंग्रजी व्याकरणापेक्षा खूप अधिक तर्कशुद्ध आणि मोकळे आहे! 😄  
+
+### विधान: टप्प्यानुसार सूचना  
+
+चला **विधानांपासून** सुरुवात करूया – हे तुमच्या संगणकाशी संवादातील वैयक्तिक वाक्यांसारखे आहेत. प्रत्येक विधान संगणकाला एक विशिष्ट काम करण्यास सांगते, जसे "येथे डावीकडे वळा," "लाल दिव्यावर थांबा," "त्या जागी पार्क करा."  
+
+मला विधानांबद्दल जे आवडते ते म्हणजे त्यांची वाचनीयता. हा पहा:  
+
+```javascript
+// मूलभूत विधान जी एकल क्रिया करतात
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**या कोडने काय केले आहे:**
-- **घोषणा करा**: वापरकर्त्याचे नाव साठवण्यासाठी स्थिर व्हेरिएबल तयार करा
-- **प्रदर्शित करा**: कन्सोल आउटपुटवर अभिवादन संदेश
-- **गणना करा**: गणितीय ऑपरेशनचा परिणाम साठवा
+  
+**हा कोड काय करतो:**  
+- वापरकर्त्याचे नाव संग्रहित करण्यासाठी एक स्थिर चल जाहीर करा  
+- कन्सोल आउटपुटमध्ये अभिवादन संदेश दर्शवा  
+- एक गणितीय क्रिया करून निकाल संग्रहित करा  
 
 ```javascript
-// Statements that interact with web pages
+// वेब पृष्ठांशी संवाद साधणारे स्टेटमेंट्स
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
+  
+**टप्प्यानुसार काय घडत आहे:**  
+- ब्राउझर टॅबमधील वेबपेज शीर्षक बदला  
+- संपूर्ण पृष्ठाच्या पार्श्वभूमीचा रंग बदला  
 
-**चरण-दर-चरण काय घडते:**
-- **वेबपेजचे शीर्षक बदला** जे ब्राउझर टॅबमध्ये दिसते
-- **पृष्ठाच्या पार्श्वभूमीचा रंग बदला**
-
-### व्हेरिएबल्स: तुमच्या प्रोग्रामचे मेमरी सिस्टम
+### चल (Variables): तुमच्या प्रोग्रॅमची स्मृती प्रणाली  
 
-ठीक आहे, **व्हेरिएबल्स** शिकवणे माझ्या आवडत्या संकल्पनांपैकी एक आहे कारण ते तुम्ही दररोज वापरत असलेल्या गोष्टींसारखे आहेत!
+ठीक आहे, **चल** हा माझ्या शिकवायच्या आवडत्या संकल्पनांपैकी एक आहे कारण ते रोज तुम्ही वापरत असलेल्या गोष्टींसारखे आहेत!  
 
-तुमच्या फोनच्या संपर्क यादीबद्दल विचार करा. तुम्ही प्रत्येकाचा फोन नंबर लक्षात ठेवत नाही – त्याऐवजी, तुम्ही "आई," "सर्वात चांगला मित्र," किंवा "पिझ्झा प्लेस जो रात्री २ वाजेपर्यंत डिलिव्हरी करतो" असे नाव सेव्ह करता आणि तुमचा फोन प्रत्यक्ष नंबर लक्षात ठेवतो. व्हेरिएबल्स अगदी तसेच काम करतात! ते लेबल असलेल्या कंटेनरसारखे आहेत जिथे तुमचा प्रोग्राम माहिती साठवू शकतो आणि नंतर अर्थपूर्ण नाव वापरून ती परत मिळवू शकतो.
+तुमच्या फोनच्या संपर्क यादीबद्दल विचार करा. तुम्ही प्रत्येकाचा फोन नंबर लक्षात ठेवत नाही – त्याऐवजी "आई," "सर्वोत्तम मित्र," किंवा "रात्री २ वाजेपर्यंत पिझ्झा देणारे ठिकाण" अशी नावे संग्रहित करता आणि फोन वास्तविक नंबर लक्षात ठेवतो. चलही अगदी तसेच कार्य करतात! ते लेबल केलेले कंटेनरसारखे असतात जेथे तुमच्या प्रोग्रॅमला माहिती संग्रहित करता येते आणि नंतर नाव वापरून ती परत मिळवू शकतो.  
 
-यात खरोखर छान गोष्ट आहे: प्रोग्राम चालू असताना व्हेरिएबल्स बदलू शकतात (म्हणूनच त्यांना "व्हेरिएबल्स" म्हणतात – पाहा त्यांनी काय केले!). जसे तुम्ही त्या पिझ्झा प्लेसचा संपर्क अपडेट करू शकता जेव्हा तुम्हाला त्यापेक्षा चांगले ठिकाण सापडते, तसेच प्रोग्राम नवीन माहिती शिकत असताना किंवा परिस्थिती बदलत असताना व्हेरिएबल्स अपडेट होऊ शकतात!
+हे खूपच छान आहे: चल प्रोग्रॅम चालू असताना बदलू शकतात (म्हणून त्यांना "variables" म्हणतात – समजले का?). जसे तुम्ही नवीन काहीतरी शोधल्यावर पिझ्झा पॅलेसचा संपर्क अपडेट करता तसेच, चल नवीन माहिती मिळाल्यावर किंवा परिस्थिती बदलल्यावर अपडेट होतील!  
 
-मला तुम्हाला हे किती सोपे असते ते दाखवू द्या:
+हे कसे सोपे आणि सुंदर आहे ते दाखवू:  
 
 ```javascript
-// Step 1: Creating basic variables
+// टप्पा 1: मूलभूत चल तयार करणे
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**या संकल्पना समजून घ्या:**
-- **स्थिर मूल्ये साठवा** `const` व्हेरिएबल्समध्ये (जसे साइटचे नाव)
-- **`let` वापरा** जेव्हा मूल्ये प्रोग्राममध्ये बदलू शकतात
-- **वेगवेगळ्या डेटा प्रकारांना असाइन करा**: स्ट्रिंग्स (मजकूर), संख्या, आणि बूलियन (सत्य/असत्य)
-- **वर्णनात्मक नावे निवडा** जी प्रत्येक व्हेरिएबलमध्ये काय आहे ते स्पष्ट करतात
+  
+**ही संकल्पना समजून घ्या:**  
+- `const` मध्ये अपरिवर्तनीय मूल्य संग्रहित करा (जसे साइट नाव)  
+- जे बदलू शकतात अशा मूल्यांसाठी `let` वापरा  
+- भिन्न डेटा प्रकार सांगा: स्ट्रिंग (टेक्स्ट), संख्या, आणि बुलियन (खरे/खोटे)  
+- वर्णनात्मक नावे निवडा जी प्रत्येक चलात काय आहे ते स्पष्ट करतात  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// पाऊल 2: संबंधित डेटाला गटबद्ध करण्यासाठी ऑब्जेक्टसह काम करणे
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**वरीलमध्ये आम्ही:**
-- **ऑब्जेक्ट तयार केला** संबंधित हवामान माहिती एकत्रित करण्यासाठी
-- **एकाच व्हेरिएबल नावाखाली** अनेक डेटा तुकडे व्यवस्थित केले
-- **की-वॅल्यू जोड्या वापरल्या** प्रत्येक माहितीचा तुकडा स्पष्टपणे लेबल करण्यासाठी
+  
+**वरील मध्ये, आम्ही:**  
+- संबंधित हवामान माहिती एकत्र करण्यासाठी एक ऑब्जेक्ट तयार केला  
+- अनेक डेटा तुकडे एका चलाखाली आयोजित केले  
+- प्रत्येक माहितीचा स्पष्ट लेबल करणारे की-वॅल्यू जोडले  
 
 ```javascript
-// Step 3: Using and updating variables
+// टप्पा 3: बदलणाऱ्या चलांचा वापर आणि अद्यतन करणे
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// बदलण्यायोग्य चल अद्यतनित करणे
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**प्रत्येक भाग समजून घेऊया:**
-- **माहिती प्रदर्शित करा** टेम्पलेट लिटरल्स वापरून `${}` सिंटॅक्ससह
-- **ऑब्जेक्ट प्रॉपर्टीज ऍक्सेस करा** डॉट नोटेशन (`weatherData.windSpeed`) वापरून
-- **`let` ने घोषित केलेल्या व्हेरिएबल्स अपडेट करा** बदलत्या परिस्थितीचे प्रतिबिंबित करण्यासाठी
-- **अनेक व्हेरिएबल्स एकत्र करा** अर्थपूर्ण संदेश तयार करण्यासाठी
+  
+**प्रत्येक भाग समजून घेऊ:**  
+- `${}` टेम्पलेट लिटरल्स वापरून माहिती दर्शवा  
+- डॉट नोटेशन (`weatherData.windSpeed`) वापरून ऑब्जेक्टच्या गुणधर्मांपर्यंत पोहोचा  
+- `let` मध्ये जाहीर केलेले चल अद्यतनित करा जे बदलत्या परिस्थिती दर्शवते  
+- अनेक चल एकत्र करून अर्थपूर्ण संदेश तयार करा  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// चरण ४: स्वच्छ कोडसाठी आधुनिक विघटन
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**तुम्हाला काय माहिती असणे आवश्यक आहे:**  
+- ऑब्जेक्टमधून विशिष्ट गुणधर्म डेस्ट्रक्चरिंग असाइनमेंट वापरून काढा  
+- ऑब्जेक्ट कींसारखी नावे असणारे नवीन चल स्वयंचलितपणे तयार करा  
+- पुनरावृत्ती होणारे डॉट नोटेशन टाळून कोड सुलभ करा  
 
-**तुम्हाला काय माहित असणे आवश्यक आहे:**
-- **ऑब्जेक्टमधून विशिष्ट प्रॉपर्टीज काढा** डीस्ट्रक्चरिंग असाइनमेंट वापरून
-- **नवीन व्हेरिएबल्स आपोआप तयार करा** ऑब्जेक्ट कीसारख्या नावांसह
-- **कोड सोपा करा** पुनरावृत्ती डॉट नोटेशन टाळून
-
-### कंट्रोल फ्लो: तुमच्या प्रोग्रामला विचार करायला शिकवा
+### नियंत्रण प्रवाह: तुमच्या प्रोग्रामला विचार करायला शिकवा  
 
-ठीक आहे, इथे प्रोग्रामिंग खरोखर आश्चर्यकारक होते! **कंट्रोल फ्लो** म्हणजे तुमच्या प्रोग्रामला हुशार निर्णय घेण्यास शिकवणे, अगदी तुम्ही दररोज विचार न करता करत असलेल्या गोष्टींसारखे.
+ठीक आहे, प्रोग्रामिंग खरोखरच आश्चर्यकारक ठरत आहे! **कंट्रोल फ्लो** म्हणजे तुमच्या प्रोग्रामला हुशार निर्णय घ्यायला शिकवणे, अगदी तुम्ही दिवसेंदिवस न विचारता जे करत असता तसंच.  
 
-कल्पना करा: आज सकाळी तुम्ही कदाचित असे काहीतरी केले असेल "जर पाऊस पडत असेल तर छत्री घेईन. जर थंडी असेल तर जॅकेट घालीन. जर उशीर होत असेल तर नाश्ता टाळीन आणि वाटेत कॉफी घेईन." तुमचा मेंदू नैसर्गिकरित्या ही if-then लॉजिक दररोज डझनभर वेळा अनुसरतो!
+या कल्पनेचा विचार करा: आज सकाळी कदाचित तुम्ही "जर पाऊस येत असेल तर मी छत्री घेईन. जर थंडी असेल तर जॅकेट घालीन. जर उशीर झाला तर नाश्ता सोडून कॉफी घेईन" असं ठरवलं असेल. तुमचा मेंदू रोज शेकडो वेळा या if-then लॉजिकचा वापर करतो!  
 
-यामुळे प्रोग्राम्स हुशार आणि जिवंत वाटतात, फक्त काही कंटाळवाण्या, अंदाजानुसार स्क्रिप्टचे अनुसरण करण्याऐवजी. ते प्रत्यक्षात परिस्थिती पाहू शकतात, काय घडत आहे ते मूल्यांकन करू शकतात, आणि योग्य प्रतिसाद देऊ शकतात. हे तुमच्या प्रोग्रामला अनुकूल होण्यास आणि निवडी करण्यास मेंदू देण्यासारखे आहे!
+हेच प्रोग्राम्सना हुशार आणि जिवंत वाटण्यास कारणीभूत ठरते, फक्त कंटाळवाणा, पूर्वकल्पित स्क्रिप्ट प्रमाणे नाही. ते प्रत्यक्षात परिस्थिती बघून, काय सुरू आहे ते मूल्यांकन करून, योग्य प्रतिसाद देतात. जणू एखाद्या मेंदूची भुमिका तुमच्या प्रोग्रामला दिली आहे जो परिस्थितीनुसार निर्णय घेतो!  
 
-हे किती सुंदरपणे कार्य करते ते पाहायचे आहे का? मला तुम्हाला दाखवू द्या:
+हे कसे सुंदर काम करते ते बघूया:  
 
 ```javascript
-// Step 1: Basic conditional logic
+// टप्पा 1: मूलभूत सशर्त तर्कशास्त्र
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -296,15 +386,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**या कोडने काय केले आहे:**
-- **तपासा** की वापरकर्त्याचे वय मतदानाच्या अटींना पूर्ण करते का
-- **वेगवेगळे कोड ब्लॉक्स चालवा** अटींच्या निकालावर आधारित
-- **गणना करा** आणि मतदानाच्या पात्रतेसाठी किती वेळ बाकी आहे ते प्रदर्शित करा (जर वय १८ पेक्षा कमी असेल)
-- **प्रत्येक परिस्थितीसाठी विशिष्ट, उपयुक्त अभिप्राय द्या**
+  
+**हा कोड काय करतो:**  
+- वापरकर्त्याच्या वयाची मतदानासाठी पात्रता तपासा  
+- अटीच्या परिणामानुसार विविध कोड ब्लॉक्स चालवा  
+- १८ पेक्षा कमी असल्यास मतदान पात्र होईपर्यंत किती वेळ लागेल हे गणना करा आणि दर्शवा  
+- प्रत्येक परिस्थितीसाठी विशेष, उपयुक्त अभिप्राय द्या  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// टप्पा 2: लॉजिकल ऑपरेटरसह अनेक अटी
 const userAge = 17;
 const hasPermission = true;
 
@@ -316,26 +406,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**इथे काय घडते ते समजून घ्या:**
-- **अनेक अटी एकत्र करा** `&&` (आणि) ऑपरेटर वापरून
-- **अटींची श्रेणी तयार करा** `else if` वापरून अनेक परिस्थितींसाठी
-- **सर्व शक्य परिस्थिती हाताळा** अंतिम `else` स्टेटमेंटसह
-- **प्रत्येक वेगळ्या परिस्थितीसाठी स्पष्ट, कृतीक्षम अभिप्राय द्या**
+  
+**येथे काय घडते ते तपासूया:**  
+- `&&` (आणि) ऑपरेटर वापरून अनेक अटी एकत्र करा  
+- अनेक परिस्थितींसाठी `else if` ने अटींचे श्रेणीकरण करा  
+- अंतिम `else` विधानाद्वारे सर्व शक्य परिस्थिती हाताळा  
+- प्रत्येक वेगवेगळ्या परिस्थितीसाठी स्पष्ट आणि कृतीक्षम अभिप्राय द्या  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// पाऊल 3: टर्नरी ऑपरेटरसह संक्षिप्त अटीसंगत विधान
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**तुम्हाला लक्षात ठेवायचे आहे:**
-- **टर्नरी ऑपरेटर (`? :`) वापरा** सोप्या दोन-पर्याय अटींसाठी
-- **अटी प्रथम लिहा**, त्यानंतर `?`, मग सत्य परिणाम, मग `:`, मग असत्य परिणाम
-- **हा नमुना लागू करा** जेव्हा तुम्हाला अटींवर आधारित मूल्ये असाइन करायची असतात
+  
+**लक्षात ठेवा:**  
+- सोप्या दोन पर्यायांसाठी टर्नरी ऑपरेटर (`? :`) वापरा  
+- प्रथम अट लिहा, त्यानंतर `?`, योग्य परिणाम, `:` आणि नकारात्मक परिणाम लिहा  
+- मूल्ये अटींवर आधारित असाइन करताना हा नमुना वापरा  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// पाऊल ४: अनेक विशिष्ट प्रकरणांचे हाताळणी
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -354,58 +444,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**हा कोड काय साध्य करतो:**  
+- चल मूल्य अनेक विशिष्ट प्रकरणांशी जुळवा  
+- समान प्रकरणे (कार्यदिवस विरुद्ध विकेंड) एकत्र करा  
+- जुळणारी कोड ब्लॉक चालवा  
+- अनपेक्षित मूल्ये हाताळण्यासाठी `default` केस समाविष्ट करा  
+- पुढील प्रकरणाकडे जाण्यास `break` वापरा  
 
-**हा कोड खालील गोष्टी साध्य करतो:**
-- **व्हेरिएबल मूल्य अनेक विशिष्ट प्रकरणांशी जुळवा**
-- **समान प्रकरणे एकत्र करा** (सप्ताहाचे दिवस विरुद्ध शनिवार व रविवार)
-- **जुळणारे कोड ब्लॉक चालवा** जेव्हा जुळणारे मूल्य सापडते
-- **अप्रत्याशित मूल्ये हाताळण्यासाठी `default` केस समाविष्ट करा**
-- **`break` स्टेटमेंट्स वापरा** पुढील प्रकरणाकडे जाणे टाळण्यासाठी
+> 💡 **खरेदारी जीवनातील उपमा:** नियंत्रण प्रवाह म्हणजे जगातील आनंदी GPS जसे तुम्हाला दिशा सांगत असते. "जर मेन स्ट्रीटवर ट्राफिक असेल तर महामार्ग घ्या. जर रस्त्यावरील बांधकामामुळे महामार्ग आवरला असेल तर नयनरम्य मार्ग वापरा." प्रोग्राम्सही याच प्रकारची अटींची लॉजिक वापरतात वेगवेगळ्या परिस्थितींसाठी हुशार प्रतिसाद देण्यासाठी आणि वापरकर्त्यांना सर्वोत्तम अनुभव देण्यासाठी.  
 
-> 💡 **वास्तविक जीवनातील उपमा**: कंट्रोल फ्लोला जगातील सर्वात संयमी जीपीएससारखे समजा जे तुम्हाला दिशा देत आहे. ते म्हणू शकते "जर मेन स्ट्रीटवर ट्रॅफिक असेल तर हायवे घ्या. जर हायवेवर बांधकाम चालू असेल तर सुंदर मार्गाने जा." प्रोग्राम्स अचूकपणे याच प्रकारच्या सशर्त लॉजिकचा वापर करतात, वेगवेगळ्या परिस्थितींना हुशारीने प्रतिसाद देण्यासाठी आणि नेहमी वापरकर्त्यांना सर्वोत्तम अनुभव देण्यासाठी.
+### 🎯 **संकल्पना तपासणी: मूलभूत घटकांची प्रावीण्य**  
 
-### 🎯 **संकल्पना तपासणी: मूलभूत घटकांची पारंगतता**
+**बघूया तुम्ही मूलभूत गोष्टी कशा करत आहात:**  
+- स्वतःच्या शब्दांत चल आणि विधान यातील फरक तुम्ही कसा स्पष्ट कराल?  
+- एक खरेदारी जीवनातील उदाहरण जोडा, जिथे तुम्ही if-then निर्णय वापराल (जसे मतदान उदाहरणात दिलेले)  
+- प्रोग्रामिंग लॉजिकमध्ये कोणती गोष्ट तुम्हाला आश्चर्यचकित केले?  
 
-**चला पाहूया की तुम्ही मूलभूत गोष्टींमध्ये कसे आहात:**
-- तुम्ही तुमच्या स्वतःच्या शब्दांत व्हेरिएबल आणि स्टेटमेंटमधील फरक स्पष्ट करू शकता का?
-- तुम्ही if-then निर्णय वापरण्यासाठी वास्तविक जीवनातील परिस्थिती विचार करू शकता का (जसे की आमचे मतदानाचे उदाहरण)?
-- प्रोग्रामिंग लॉजिकबद्दल तुम्हाला आश्चर्य वाटलेली एक गोष्ट कोणती आहे?
-
-**जलद आत्मविश्वास वाढवणारा उपाय:**
+**त्वरित आत्मविश्वास वाढवण्यासाठी:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 विधानं<br/>(सूचना)"] --> B["📦 चल क<br/>(साठवण)"] --> C["🔀 नियंत्रण प्रवाह<br/>(निर्णय)"] --> D["🎉 कार्यरत प्रोग्राम!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-
-✅ **पुढे काय येत आहे**: आम्ही या संकल्पनांमध्ये अधिक खोलवर जाऊन एक अविश्वसनीय प्रवास सुरू ठेवणार आहोत! सध्या, फक्त तुमच्यातील उत्साहावर लक्ष केंद्रित करा आणि पुढे येणाऱ्या सर्व अद्भुत शक्यतांबद्दल विचार करा. विशिष्ट कौशल्ये आणि तंत्रे सराव करताना नैसर्गिकरित्या तुमच्या लक्षात राहतील – मी वचन देतो की हे अपेक्षेपेक्षा खूप मजेदार असेल!
+```  
+✅ **पुढे काय येणार आहे:** आपण या संकल्पनांमध्ये खोलवर जाऊन एक अप्रतिम सफर सुरू करणार आहोत! आत्ता फक्त या सर्व आश्चर्यजनक शक्यता पाहून उत्साहित व्हा. आम्ही एकत्र सराव केल्याने विशेष कौशल्ये आणि तंत्र आत्मसात होतील – मला विश्वास आहे की हे अपेक्षेपेक्षा खूपच मजेशीर ठरेल!  
 
-## व्यापाराचे साधन
+## कामातील साधने  
 
-ठीक आहे, आता मी खूप उत्साहित आहे, मी स्वतःला थांबवू शकत नाही! 🚀 आपण अशा अविश्वसनीय साधनांबद्दल बोलणार आहोत ज्यामुळे तुम्हाला डिजिटल स्पेसशिपची चावी मिळाल्यासारखे वाटेल.
+ठीक आहे, खरं म्हणजे इथे मला इतकी उत्सुकता होते की मी स्वतःला रोखू शकत नाही! 🚀 आपण त्या अद्भुत साधनांविषयी बोलणार आहोत जे तुम्हाला डिजिटल अंतराळयानाची चावी दिली गेली असल्याचा अनुभव देतील.  
 
-तुम्हाला माहित आहे का की शेफकडे त्या परिपूर्ण संतुलित सुरी असतात ज्या त्यांच्या हातांचा विस्तार वाटतात? किंवा संगीतकाराकडे ती एक गिटार असते जी ते स्पर्श करताच गाते? बरं, विकसकांकडे आमच्या स्वतःच्या जादुई साधनांचा एक प्रकार आहे, आणि येथे काय आहे जे तुमचे मन पूर्णपणे उडवून देईल – त्यापैकी बहुतेक पूर्णपणे मोफत आहेत!
+तुम्हाला माहित आहे का, शेफकडे तशा परिपूर्ण संतुलित छुरी असतात ज्या त्यांच्या हातांची पुढील वाढ वाटतात? संगीतज्ञाकडे एक गिटार होत असतो जो स्पर्श करताच गाण्याची सुरुवात करतो? असंच काहीसे विकसकांकडे देखील आहे, आणि अजून काय इतर ज्ञानापेक्षा जास्त आहे — त्यातील बहुतेक पूर्णपणे मोफत!  
 
-मी तुम्हाला हे सांगण्यासाठी खूप उत्सुक आहे कारण त्यांनी सॉफ्टवेअर कसे तयार करायचे यामध्ये पूर्णपणे क्रांती केली आहे. आम्ही AI-संचालित कोडिंग सहाय्यकांबद्दल बोलत आहोत जे तुमचा कोड लिहिण्यास मदत करू शकतात (मी खोटे बोलत नाही!), क्लाउड वातावरण जिथे तुम्ही अक्षरशः कुठूनही Wi-Fi सह संपूर्ण अनुप्रयोग तयार करू शकता, आणि डिबगिंग टूल्स इतके परिष्कृत आहेत की ते तुमच्या प्रोग्रामसाठी एक्स-रे व्हिजनसारखे आहेत.
+मी या साधने तुम्हाला सांगताना खूप उत्साहित आहे कारण त्यामुळे आपण सॉफ्टवेअर तयार करण्याचा मार्ग पूर्णपणे बदलला आहे. आपण AI-चालित कोडिंग सहाय्यकांबद्दल बोलत आहोत जे तुमचा कोड लिहण्यास मदत करतात (खरंच!), क्लाऊड वातावरणांमध्ये जिथून तुम्ही कुठूनही Wi-Fi वापरून संपूर्ण अनुप्रयोग तयार करू शकता, आणि तसेच इतक्या प्रगत डिबगिंग साधनांसारखे जे तुमच्या प्रोग्रामसाठी X-ray दृष्टी देतात.  
 
-आणि येथे एक भाग आहे जो अजूनही मला रोमांचित करतो: हे "नवशिक्या साधने" नाहीत जे तुम्ही वापरणे थांबवाल. Google, Netflix, आणि तुम्हाला आवडणाऱ्या इंडी अॅप स्टुडिओमध्ये विकसक सध्या वापरत आहेत तीच व्यावसायिक-ग्रेड साधने आहेत. तुम्हाला ती वापरताना खूप प्रोफेशनल वाटेल!
+आणि हा भाग पण आहे जो अजूनही मला घाम घालतो: हे "नविन शिकणाऱ्यांचे" साधने नाहीत, जे तुम्ही लगेच सोडून द्याल. हे अगदी तेच व्यावसायिक दर्जाचे साधने आहेत जे Google, Netflix, आणि तुम्हाला आवडणाऱ्या त्या इंडी ऍप स्टुडिओमध्ये आताच वापरले जात आहेत. तुम्हाला हे वापरतांना एकदम प्रोसेसिंग अनुभव मिळेल!  
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 तुमची संकल्पना"] --> B["⌨️ कोड संपादक<br/>(VS Code)"] 
+    B --> C["🌐 ब्राउझर डेव्हटूल्स<br/>(चाचणी व डीबगिंग)"]
+    C --> D["⚡ कमांड लाइन<br/>(स्वयंचलन व साधने)"]
+    D --> E["📚 दस्तऐवजीकरण<br/>(शिक्षण व संदर्भ)"]
+    E --> F["🚀 अद्भुत वेब अॅप!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI सहाय्यक<br/>(GitHub Copilot)"]
+    C -.-> H["📱 उपकरण चाचणी<br/>(प्रतिक्रियाशील डिझाइन)"]
+    D -.-> I["📦 पॅकेज व्यवस्थापक<br/>(npm, yarn)"]
+    E -.-> J["👥 समुदाय<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -413,133 +502,152 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
+### कोड संपादक आणि IDE: तुमचे नवीन डिजिटल मित्र  
+
+आता आपण कोड संपादकांबद्दल बोलूया – हे खरंच तुमचे नवीन आवडते ठिकाण होणार आहेत! हे तुमचे खास कोडिंग मंदिर आहे जिथे तुम्ही तुमचे संपूर्ण वेळ घालवून तुमचे डिजिटल सर्जनशील काम तयार कराल आणि सुधाराल.  
+
+पण आधुनिक संपादकांच्या अद्भुत बाबी हे की ते फक्त सुंदर टेक्स्ट एडिटर नाहीत. ते तुमच्या बाजूला असलेला एक हुशार, मदत करणारा कोडिंग गुरु सारखा आहेत जो २४×७ काम करत राहतो. ते तुमच्या टायपिंगच्या चुका आगाऊ पकडतात, सुचवतात ज्यामुळे तुम्ही एक प्रतिभाशाली दिसता, समजावून सांगतात की प्रत्येक कोडचा भाग काय करतो, आणि काही तर तुम्ही काय टाइप करणार आहात हे अगोदरच ओळखून तुमची मदत करतात!  
 
-### कोड एडिटर्स आणि IDEs: तुमचे नवीन डिजिटल मित्र
+मला आठवतं जेव्हा मी पहिल्यांदा ऑटो-कम्प्लीशन सापडली – मला वाटले मी भल्या काळात आहे. तुम्ही काही टाइप करता आणि संपादक म्हणतो, "अरे, तुम्हाला ही फंक्शन हवी होती का? ती अगदी तुमच्या गरजेनुसार आहे." जणू तुम्हाला वाचणारं मन असलेला कोडिंग मित्र सोबत आहे!  
 
-चला कोड एडिटर्सबद्दल बोलूया – हे तुमचे नवीन आवडते ठिकाण बनणार आहेत! त्यांना तुमचे वैयक्तिक कोडिंग अभयारण्य समजा जिथे तुम्ही तुमची डिजिटल निर्मिती तयार करण्यात आणि परिपूर्ण करण्यात तुमचा जास्त वेळ घालवाल.
+**हे संपादक इतके अद्भुत का आहेत?**  
 
-पण आधुनिक एडिटर्सबद्दल जे खरोखर जादुई आहे ते म्हणजे ते फक्त फॅन्सी टेक्स्ट एडिटर्स नाहीत. ते तुमच्याबरोबर २४/७ बसलेले सर्वात हुशार, सहायक कोडिंग मार्गदर्शक असतात. ते तुमच्या टायपोला तुम्हाला कळण्याआधीच पकडतात, सुधारणा सुचवतात ज्या तुम्हाला हुशार वाटतात, तुम्हाला प्रत्येक कोडचा तुकडा काय करतो ते समजून घेण्यास मदत करतात, आणि त्यापैकी काही तुमच्या विचारांवर अंदाज लावू शकतात आणि तुमचे विचार पूर्ण करण्याची ऑफर देतात!
+आधुनिक कोड संपादक उत्पादनक्षमता वाढवण्यासाठी या वैशिष्ट्यांची श्रीमंती देतातः  
 
-मी पहिल्यांदा ऑटो-कम्प्लिशन शोधले तेव्हा मला अक्षरशः भविष्यामध्ये जगत असल्यासारखे वाटले. तुम्ही काहीतरी टाइप करायला सुरुवात करता, आणि तुमचा एडिटर म्हणतो, "अरे, तुम्ही नेमके काय हवे आहे ते करणाऱ्या फंक्शनबद्दल विचार करत होता का?" हे तुमच्या कोडिंग मित्रासारखे मन वाचणारे आहे!
+| वैशिष्ट्य | काय करतो | कसे मदत करते |  
+|---------|--------------|--------------|  
+| **सिंटॅक्स हायलाइटिंग** | कोडच्या वेगवेगळ्या भागांना रंगवतो | कोड वाचायला आणि चुका शोधायला सोपे करते |  
+| **ऑटो-कंप्लीशन** | टाइपिंग दरम्यान कोड सुचवतो | कोडिंग गती वाढवतो आणि टायपो कमी करतो |  
+| **डिबगिंग साधने** | चुका शोधण्यात मदत करतात | समस्या सोडवण्यात वेळ वाचवतो |  
+| **एक्सटेंशन्स** | विशेष वैशिष्ट्ये वाढवतात | कोणत्याही तंत्रज्ञानासाठी संपादक सानुकूल करा |  
+| **AI सहाय्यक** | कोड आणि स्पष्टीकरणे सुचवतात | शिक्षण आणि उत्पादनक्षमता वेगाने वाढवतो |  
 
-**हे एडिटर्स इतके अविश्वसनीय का आहेत?**
+> 🎥 **व्हिडिओ स्रोत**: हे साधने प्रत्यक्षात कशी कार्य करतात ते पाहायचे आहे का? या [Tools of the Trade व्हिडिओ](https://youtube.com/watch?v=69WJeXGBdxg) मध्ये संपूर्ण अवलोकन पहा.  
 
-आधुनिक कोड एडिटर्स उत्पादकता वाढवण्यासाठी प्रभावी वैशिष्ट्यांची श्रेणी देतात:
+#### वेब विकासासाठी शिफारस केलेले संपादक  
 
-| वैशिष्ट्य | काय करते | कसे मदत करते |
-|---------|--------------|--------------|
-| **सिंटॅक्स हायलाइटिंग** | तुमच्या कोडचे वेगवेगळे भाग रंगीत करते | कोड वाचणे सोपे करते आणि चुका शोधणे सोपे करते |
-| **ऑटो-कम्प्लिशन** | टाइप करताना कोड सुचवते | कोडिंग वेगवान करते आणि टायपो कमी करते |
-| **डिबगिंग टूल्स** | चुका शोधण्यात आणि दुरुस्त करण्यात मदत करते | तासभर त्रुटी शोधण्याचा वेळ वाचवते |
-| **एक्सटेंशन्स** | विशेष वैशिष्ट्ये जोडा | कोणत्याही तंत्रज्ञानासाठी तुमचा एडिटर सानुकूलित करा |
-| **AI सहाय्यक** | कोड आणि स्पष्टीकरण सुचवते | शिक्षण आणि उत्पादकता वेगवान करते |
+**[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) - तुमच्या कोडमधील टायपो पकडते  
 
-> 🎥 **व्हिडिओ संसाधन**: ही साधने कशी कार्य करतात ते पाहायचे आहे? [टूल्स ऑफ द ट्रेड व्हिडिओ](https://youtube.com/watch?v=69WJeXGBdxg) comprehensive overview साठी पहा.
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (सशुल्क, विद्यार्थ्यांसाठी मोफत)  
+- प्रगत डिबगिंग आणि चाचणी साधने  
+- बुद्धिमान कोड पूर्णता  
+- अंगभूत आवृत्ती नियंत्रण  
 
-#### वेब डेव्हलपमेंटसाठी शिफारस केलेले एडिटर्स
+**क्लाऊड-आधारित IDEs** (वेगवेगळी किंमती)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - तुमच्या ब्राउझरमध्ये पूर्ण VS Code  
+- [Replit](https://replit.com/) - शिकण्यासाठी आणि कोड शेअर करण्यासाठी छान  
+- [StackBlitz](https://stackblitz.com/) - त्वरित, पूर्ण-स्टॅक वेब विकास  
 
-**[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=es
-पहिल्यांदा मला कोणीतरी ब्राउझर DevTools दाखवले, तेव्हा मी तीन तास फक्त क्लिक करत बसलो आणि म्हणत होतो, "थांबा, हे सुद्धा करू शकते?!" तुम्ही प्रत्यक्षात कोणतीही वेबसाइट रिअल-टाइममध्ये संपादित करू शकता, प्रत्येक गोष्ट किती वेगाने लोड होते ते पाहू शकता, तुमची साइट वेगवेगळ्या डिव्हाइसवर कशी दिसते ते तपासू शकता आणि अगदी प्रोफेशनलप्रमाणे JavaScript डिबग करू शकता. हे पूर्णपणे आश्चर्यकारक आहे!
+> 💡 **प्रारंभ करण्याचा सल्ला:** Visual Studio Code पासून सुरुवात करा – हे मोफत आहे, उद्योगात खूप वापरले जाते, आणि मोठ्या प्रमाणात समुदाय उपयुक्त ट्युटोरियल आणि एक्सटेंशन्स तयार करतो.  
 
-**ब्राउझर का तुमचे गुप्त शस्त्र आहेत:**
+### वेब ब्राउझर: तुमची गुप्त विकास प्रयोगशाळा  
 
-वेबसाइट किंवा वेब अॅप्लिकेशन तयार करताना, तुम्हाला ते वास्तविक जगात कसे दिसते आणि वागते ते पाहणे आवश्यक आहे. ब्राउझर तुमचे काम फक्त दाखवत नाहीत तर कार्यक्षमता, ऍक्सेसिबिलिटी आणि संभाव्य समस्यांबद्दल तपशीलवार फीडबॅक देखील देतात.
+ठीक आहे, तयार व्हा तुमचे मन पूर्णपणे विस्मित होण्यासाठी! तुम्ही सोशल मिडिया ब्राउझ करण्यासाठी आणि व्हिडिओ पाहण्यासाठी ब्राउझर वापरत आहात हे समजतेच. पण ते इतकी जबरदस्त गुप्त विकास प्रयोगशाळा लपवून ठेवत होते की त्याचा तुम्हाला कधीच अंदाज नव्हता!  
+
+प्रत्येकवेळी तुम्ही वेबपेजवर राईट-क्लिक करून "Inspect Element" निवडता, तुम्ही प्रत्यक्षात अशी विकासक साधने उघडत आहात जे काही महागड्या सॉफ्टवेअरपेक्षाही जास्त सामर्थ्यशाली आहेत ज्यासाठी मी पूर्वी शंभरोण्णची फी भरत होतो. जणू तुमच्या निमित्तानं तुमच्या जुन्या घरातील स्वयंपाकघराच्या मागे व्यावसायिक स्वयंपाकशाळा उघडली गेली आहे!
+पहिल्यांदा कोणीतरी मला ब्राउझर DevTools दाखवले तेव्हा मी फक्त तीन तास क्लिक करत होतो आणि म्हणत होतो "थांब, हे पण करू शकतो का?!" तुम्ही प्रत्यक्षात कोणतीही वेबसाइट रिअल-टाइममध्ये एडिट करू शकता, अचूक पाहू शकता की सगळं किती वेगाने लोड होतंय, तुमची साइट वेगवेगळ्या उपकरणांवर कशी दिसते ते टेस्ट करू शकता, आणि अगदी प्रो प्रमाणे JavaScript देखील डीबग करू शकता. हे अगदीच दिमाखदारीचे आहे!
+
+**म्हणूनच ब्राउझर तुमचं गुपित अस्त्र आहेत:**
+
+जेव्हा तुम्ही वेबसाइट किंवा वेब अ‍ॅप्लिकेशन तयार करता, तेव्हा त्याचा रिअल वर्ल्ड मध्ये कसा दिसतो आणि कसा वागतो हे पाहणं गरजेचं असतं. ब्राउझर केवळ तुमचं काम दाखवत नाहीत तर कामगिरी, प्रवेशयोग्यता आणि संभाव्य समस्या यावर सखोल अभिप्राय देखील देतात.
 
 #### ब्राउझर डेव्हलपर टूल्स (DevTools)
 
-आधुनिक ब्राउझरमध्ये व्यापक विकास साधनांचा समावेश आहे:
+आधुनिक ब्राउझरमध्ये संपूर्ण विकास साधनसंच समाविष्ट असतात:
 
-| टूल श्रेणी | काय करते | उदाहरण वापर केस |
-|------------|-----------|------------------|
-| **एलिमेंट इन्स्पेक्टर** | HTML/CSS रिअल-टाइममध्ये पाहा आणि संपादित करा | स्टाइलिंग समायोजित करा आणि त्वरित परिणाम पहा |
-| **कन्सोल** | एरर मेसेजेस पाहा आणि JavaScript तपासा | समस्या डिबग करा आणि कोडवर प्रयोग करा |
-| **नेटवर्क मॉनिटर** | संसाधने कशी लोड होतात ते ट्रॅक करा | कार्यक्षमता आणि लोडिंग वेळा ऑप्टिमाइझ करा |
-| **ऍक्सेसिबिलिटी चेकर** | समावेशक डिझाइनसाठी चाचणी करा | तुमची साइट सर्व वापरकर्त्यांसाठी कार्य करते याची खात्री करा |
-| **डिव्हाइस सिम्युलेटर** | वेगवेगळ्या स्क्रीन साइजवर प्रीव्ह्यू करा | अनेक डिव्हाइसशिवाय रिस्पॉन्सिव्ह डिझाइन तपासा |
+| टूल श्रेणी | ते काय करतात | उदाहरण वापर प्रकरण |
+|------------|--------------|--------------------|
+| **एलिमेंट इन्स्पेक्टर** | HTML/CSS रिअल-टाइममध्ये पहा आणि संपादित करा | ताबडतोब परिणाम पाहण्यासाठी स्टाइलिंग समायोजित करा |
+| **कन्सोल** | त्रुटी संदेश पहा आणि JavaScript टेस्ट करा | समस्या डीबग करा आणि कोडसह प्रयोग करा |
+| **नेटवर्क मॉनिटर** | संसाधने कशी लोड होतात ते ट्रॅक करा | कामगिरी आणि लोडिंग वेळ ऑप्टिमाइझ करा |
+| **अ‍ॅक्सेसिबिलिटी चेकर** | सर्वसमावेशक डिझाइनसाठी टेस्ट करा | तुमची साइट सर्व वापरकर्त्यांसाठी योग्य आहे ना याची खात्री करा |
+| **डिवाइस सिम्मुलेटर** | वेगवेगळ्या स्क्रीन आकारांवर प्रिव्ह्यू करा | एकापेक्षा जास्त उपकरणे न वापरता प्रतिसादक डिझाइन टेस्ट करा |
 
 #### विकासासाठी शिफारस केलेले ब्राउझर
 
-- **[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 वर आधारित Microsoft चे डेव्हलपर संसाधने
+- **[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)** - Microsoft च्या डेव्हलपर संसाधनांसह Chromium आधारित
+
+> ⚠️ **महत्त्वाचा टेस्टिंग टीप**: नेहमी तुमच्या वेबसाइट्स अनेक ब्राउझरमध्ये टेस्ट करा! Chrome मध्ये ज्याप्रकारे काम करतं ते Safari किंवा Firefox मध्ये वेगळं दिसू शकतं. व्यावसायिक डेव्हलपर संपूर्ण मुख्य ब्राउझरवर टेस्ट करतात ज्यामुळे एकसारखा वापरकर्ता अनुभव मिळतो.
 
-> ⚠️ **महत्त्वाची चाचणी टिप**: तुमच्या वेबसाइट्सची अनेक ब्राउझरमध्ये नेहमीच चाचणी करा! Chrome मध्ये उत्तम प्रकारे कार्य करणारे Safari किंवा Firefox मध्ये वेगळे दिसू शकते. व्यावसायिक डेव्हलपर्स सर्व प्रमुख ब्राउझरमध्ये चाचणी घेतात जेणेकरून वापरकर्त्यांचा अनुभव सुसंगत राहील.
 
-### कमांड लाइन टूल्स: डेव्हलपर सुपरपॉवर्ससाठी तुमचा प्रवेशद्वार
+### कमांड लाइन टूल्स: तुमच्या डेव्हलपर सुपरपॉवर्सचे प्रवेशद्वार
 
-ठीक आहे, कमांड लाइनबद्दल प्रामाणिकपणे बोलूया, कारण मी तुम्हाला हे सांगू इच्छितो की मी हे पूर्णपणे समजतो. जेव्हा मी प्रथम ते पाहिले – फक्त एक भयानक काळा स्क्रीन आणि ब्लिंकिंग टेक्स्ट – मी अक्षरशः विचार केला, "नाही, अजिबात नाही! हे 1980 च्या हॅकर चित्रपटासारखे दिसते, आणि मी यासाठी पुरेसा हुशार नाही!" 😅
+ठीक आहे, आत्ता कमांड लाईनबद्दल पार प्रामाणिकपणे बोलूया, कारण मला तुझ्याकडून हे ऐकायचंय – ज्यांना खरोखरच समजतात त्यांच्या तोंडून. जेव्हा मी पहिल्यांदा ते पाहिलं – फक्त हा भयानक काळा स्क्रीन ज्यावर टप टपणारा मजकूर होता – मी खरंच विचारत होतो, "नाही, नक्की नाही! हे काही 1980 च्या दशकाच्या हॅकर चित्रपटातील भाग वाटतंय, आणि मी अजिबात त्यासाठी तयार नाही!" 😅
 
-पण मला तेव्हा कोणी सांगितले असते असे मला वाटते, आणि मी तुम्हाला आत्ता सांगत आहे: कमांड लाइन भीतीदायक नाही – प्रत्यक्षात तुमच्या संगणकाशी थेट संवाद साधण्यासारखे आहे. हे असे आहे की तुम्ही तुमच्या आवडत्या स्थानिक रेस्टॉरंटमध्ये जात आहात जिथे शेफला तुमच्या आवडीची अचूक माहिती आहे आणि तुम्ही फक्त "मला काहीतरी अप्रतिम सरप्राईज द्या" असे म्हणता तेव्हा तो काहीतरी परिपूर्ण बनवतो.
+पण मला पाहिजे होतं की कोणीतरी त्या काळी मला सांगीतलं असतं, आणि आत्ता तुला सांगतोय: कमांड लाइन भयानक नाही – ती तुमच्या संगणकाशी थेट संवाद साधण्यासारखी आहे. कल्पना कर की जेवण ऑर्डर करण्यासाठी सुंदर चित्र आणि मेन्यू असलेल्या अ‍ॅपद्वारे करणे (जे सोपं आणि सुबक आहे) आणि दुसरे म्हणजे तुझ्या आवडत्या स्थानिक रेस्टॉरंटमध्ये जाणे जिथे शेफला तुझ्या आवडीनुसार नेमकं काय हवं ते माहिती असतं आणि तू फक्त "मला काही आश्चर्यकारक द्या" म्हणाल्यास तो त्वरित काहीतरी परफेक्ट बनवून देतो.
 
-कमांड लाइन ही जागा आहे जिथे डेव्हलपर्स जादूगारासारखे वाटण्यासाठी जातात. तुम्ही काही जादूई शब्द टाइप करता (ठीक आहे, ते फक्त कमांड आहेत, पण ते जादूई वाटतात!), एंटर दाबा, आणि BOOM – तुम्ही संपूर्ण प्रोजेक्ट स्ट्रक्चर तयार केले आहे, जगभरातील शक्तिशाली टूल्स स्थापित केले आहेत, किंवा तुमचे अॅप इंटरनेटवर लाखो लोकांना पाहण्यासाठी तैनात केले आहे. तुम्हाला त्या शक्तीचा पहिला स्वाद मिळाल्यावर, ते खरोखरच व्यसनाधीन आहे!
+कमांड लाइन ही जागा आहे जिथे डेव्हलपर पूर्ण जादूटोणा वाटण्यासाठी जातात. तुम्ही काही जादुई शब्दं टाइप करता (ठीक आहे, ते फक्त कमांड्स आहेत, पण जादूशीर वाटतात!), एंटर दाबता, आणि धडाम – तुम्ही संपूर्ण प्रोजेक्ट स्ट्रक्चर्स तयार केलेत, जगभरातून सामर्थ्यवान टूल्स इन्स्टॉल केलेत, किंवा तुमचं अॅप इंटरनेटवर अनेक लोकांसाठी डिप्लॉय केलंय. एकदा त्याचा स्वाद घेतल्यावर, खरंच वेड लावणारा अनुभव होतो!
 
-**कमांड लाइन तुमचे आवडते टूल का बनेल:**
+**कमांड लाइन तुमचं आवडतं टूल बनेल याचे कारण:**
 
-ग्राफिकल इंटरफेस अनेक कार्यांसाठी उत्कृष्ट आहेत, परंतु कमांड लाइन ऑटोमेशन, अचूकता आणि वेगात उत्कृष्ट आहे. अनेक विकास साधने प्रामुख्याने कमांड लाइन इंटरफेसद्वारे कार्य करतात आणि त्यांचा कार्यक्षमतेने वापर करणे शिकणे तुमची उत्पादकता लक्षणीयरीत्या सुधारू शकते.
+ग्राफिकल इंटरफेस बरेच कामे साठी छान असतात, पण कमांड लाइन स्वयंचलन, अचूकता आणि वेग यामध्ये उत्कृष्ट आहे. अनेक विकास साधने प्रामुख्याने कमांड लाइन इंटरफेसद्वारे काम करतात, आणि त्याचा प्रभावी वापर शिकल्याने तुमची उत्पादकता मोठ्या प्रमाणात वाढू शकते.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# टप्पा 1: प्रकल्प संचिका तयार करा आणि त्यात जा
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **हा कोड काय करतो:**
-- **नवीन डिरेक्टरी तयार करा** "my-awesome-website" नावाची तुमच्या प्रोजेक्टसाठी
-- **नेव्हिगेट करा** नव्याने तयार केलेल्या डिरेक्टरीमध्ये काम सुरू करण्यासाठी
+- **"my-awesome-website" नावाचा नवीन निर्देशिका तयार करा** तुमच्या प्रोजेक्टसाठी
+- **नवीन तयार केलेल्या निर्देशिकेत जा** आणि काम सुरू करा
 
 ```bash
-# Step 2: Initialize project with package.json
+# टप्पा 2: package.json सह प्रकल्प प्रारंभ करा
 npm init -y
 
-# Install modern development tools
+# आधुनिक विकास साधने स्थापित करा
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**पायरी-पायरीने, येथे काय घडत आहे:**
-- **नवीन Node.js प्रोजेक्ट सुरू करा** `npm init -y` वापरून डिफॉल्ट सेटिंगसह
-- **Vite इंस्टॉल करा** आधुनिक बिल्ड टूल म्हणून जलद विकास आणि उत्पादन बिल्डसाठी
-- **Prettier जोडा** स्वयंचलित कोड फॉरमॅटिंगसाठी आणि ESLint कोड गुणवत्ता तपासण्यासाठी
-- **`--save-dev` फ्लॅग वापरा** हे विकास-फक्त डिपेंडन्सी म्हणून चिन्हांकित करण्यासाठी
+**टप्प्याटप्प्याने काय होत आहे:**
+- `npm init -y` वापरून डिफॉल्ट सेटिंग्जनसह नवीन Node.js प्रोजेक्ट प्रारंभ करा
+- वेगवान विकास आणि उत्पादन बिल्डसाठी Vite हे आधुनिक बिल्ड टूल इन्स्टॉल करा
+- कोड फॉरमॅटिंगसाठी Prettier व कोड गुणवत्ता तपासणीसाठी ESLint जोडा
+- `--save-dev` फ्लॅग वापरून हे डेव्हलपमेंट-ओनली अवलंबित्व म्हणून चिन्हांकित करा
 
 ```bash
-# Step 3: Create project structure and files
+# पाऊल 3: प्रकल्पाची रचना आणि फायली तयार करा
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# विकास सर्व्हर सुरू करा
 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/)** | JavaScript रनटाइम आणि पॅकेज व्यवस्थापन | ब्राउझर बाहेर JavaScript चालवा, आधुनिक विकास टूल्स इन्स्टॉल करा |
+| **[Vite](https://vitejs.dev/)** | बिल्ड टूल आणि विकास सर्व्हर | खूपच वेगवान विकास हॉट मॉड्यूल रिप्लेसमेंटसह |
+| **[ESLint](https://eslint.org/)** | कोड गुणवत्ता | तुमच्या JavaScript मधील समस्या स्वयंचलित शोधा व दुरुस्त करा |
+| **[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)** 💻 - पारंपरिक 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)** 💻 - पारंपारिक Windows कमांड लाइन
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - अंगभूत टर्मिनल अॅप्लिकेशन
@@ -547,184 +655,196 @@ npx vite
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - मानक Linux शेल
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - प्रगत टर्मिनल एम्युलेटर
+- **[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 वाजता समस्येत अडकलात? दस्तऐवजीकरण तुमच्यासाठी आहे, गरज असलेले उत्तर देण्यासाठी. काही नवीन वैशिष्ट्य शिकायचे आहे का ज्याबद्दल प्रत्येकजण बोलत आहे? दस्तऐवजीकरण तुमच्या पाठीशी आहे, चरण-दर-चरण उदाहरणांसह. काहीतरी का कार्य करते ते समजून घेण्याचा प्रयत्न करत आहात? तुम्ही अंदाज लावला – दस्तऐवजीकरण ते स्पष्ट करण्यासाठी तयार आहे ज्यामुळे ते शेवटी क्लिक करते!
+डोक्युमेंटेशन म्हणजे जगातील सर्वात संयमी, ज्ञानवान शिक्षकांकडे २४/७ प्रवेश असल्यासारखं आहे. सकाळी २ वाजता कुठल्या अडचणीत अडकला? डोक्युमेंटेशन थंडगार आभासी आलिंगन देत अचूक उत्तर देते. कुठल्या नवीन आणि छान वैशिष्ट्याबद्दल शिकायचंय का? डोक्युमेंटेशन ठोस उदाहरणांसह तुमचा पाठलाग करते. विशिष्ट गोष्ट का काम करते हे समजून घ्यायचंय का? डोक्युमेंटेशन तो एकदम सोप्या पद्धतीने समजावून सांगते!
 
-**खऱ्या जादूचा भाग येथे आहे:**
+माझा दृष्टीकोन पूर्णपणे बदलणारी गोष्ट: वेब विकासाचा जग फारच वेगाने बदलत असतो, आणि कुणीही (खरोखर कुणीही नाही!) सगळं लक्षात ठेऊन चालवत नाही. मी १५+ वर्षांच्या अनुभवी सिनिअर डेव्हलपरना मूलभूत सिंटॅक्स सर्च करताना पाहिलंय, आणि ठरवलंय का? हे लाजिरवाणं नाही – हे हुशारी आहे! हे अक्षरशः स्मृतीवर नव्हे, तर जलद आणि विश्वासार्ह उत्तरे कुठे शोधायची आणि कशा वापरायची हे जाणण्यात आहे.
 
-व्यावसायिक डेव्हलपर्स त्यांचा मोठा वेळ दस्तऐवजीकरण वाचण्यात घालवतात – कारण त्यांना काय करायचे आहे ते माहित नाही म्हणून नाही, तर वेब विकासाचा परिसर इतक्या वेगाने विकसित होत आहे की अद्ययावत राहण्यासाठी सतत शिकणे आवश्यक आहे. उत्कृष्ट दस्तऐवजीकरण तुम्हाला काहीतरी कसे वापरायचे आहे हे समजून घेण्यास मदत करते, परंतु ते कधी आणि का वापरायचे आहे हे देखील समजून घेण्यास मदत करते.
+**जिथे खरी जादू होते:**
 
-#### आवश्यक दस्तऐवजीकरण संसाधने
+व्यावसायिक डेव्हलपर बराच वेळ डोक्युमेंटेशन वाचण्यात घालवतात – कारण ते त्यांच्या कामातील सध्याच्या ट्रेंडसह राहण्यासाठी सातत्याने शिकत राहायचं आहे. उत्कृष्ट डोक्युमेंटेशन तुम्हाला फक्त *कसे* वापरायचं हेच नाही तर *का* आणि *केव्हा* वापरायचं हेही समजावून सांगते.
+
+#### आवश्यक डोक्युमेंटेशन संसाधने
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- वेब तंत्रज्ञान दस्तऐवजीकरणासाठी सुवर्ण मानक
-- HTML, CSS, आणि JavaScript साठी व्यापक मार्गदर्शिका
-- ब्राउझर सुसंगततेची माहिती समाविष्ट करते
-- व्यावहारिक उदाहरणे आणि इंटरएक्टिव्ह डेमो वैशिष्ट्यीकृत
+- वेब तंत्रज्ञानासाठी सुवर्ण मानक
+- HTML, CSS, आणि JavaScript साठी सखोल मार्गदर्शक
+- ब्राउझर सुसंगततेची माहिती समाविष्ट
+- व्यावहारिक उदाहरणे आणि संवादात्मक डेमो
 
-**[Web.dev](https://web.dev)** (Google द्वारे)
-- आधुनिक वेब विकास सर्वोत्तम पद्धती
-- कार्यक्षमता ऑप्टिमायझेशन मार्गदर्शिका
-- ऍक्सेसिबिलिटी आणि समावेशक डिझाइन तत्त्वे
-- वास्तविक प्रकल्पांमधील केस स्टडीज
+**[Web.dev](https://web.dev)** (Google कडून)
+- आधुनिक वेब विकास सर्वोत्तम सराव
+- कामगिरी ऑप्टिमायझेशन मार्गदर्शक
+- प्रवेशयोग्यता आणि समावेशक डिझाइन तत्त्वे
+- खऱ्या प्रकल्पांवरील केस स्टडीज
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge ब्राउझर विकास संसाधने
-- प्रोग्रेसिव्ह वेब अॅप मार्गदर्शिका
-- क्रॉस-प्लॅटफॉर्म विकास अंतर्दृष्टी
+- प्रोग्रेसिव्ह वेब अ‍ॅप मार्गदर्शक
+- मल्टी-प्लॅटफॉर्म विकास अंतर्दृष्टी
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - संरचित शिक्षण अभ्यासक्रम
 - उद्योग तज्ञांकडून व्हिडिओ कोर्सेस
-- हाताळण्यायोग्य कोडिंग सराव
+- हँड्स-ऑन कोडिंग सराव
 
-> 📚 **अभ्यास धोरण**: दस्तऐवजीकरण लक्षात ठेवण्याचा प्रयत्न करू नका – त्याऐवजी, ते कार्यक्षमतेने नेव्हिगेट करणे शिका. वारंवार वापरल्या जाणाऱ्या संदर्भांचे बुकमार्क करा आणि विशिष्ट माहिती पटकन शोधण्यासाठी शोध फंक्शन्स वापरण्याचा सराव करा.
+> 📚 **अभ्यास धोरण**: डोक्युमेंटेशन स्मृतिपटू होऊ नका – त्याऐवजी ती प्रभावीपणे कशी शोधायची ते शिका. वारंवार वापरल्या जाणाऱ्या संदर्भांना बुकमार्क करा आणि विशिष्ट माहिती पटकन शोधण्यासाठी सर्च फंक्शनचा सराव करा.
 
-### 🔧 **टूल मास्टरी चेक: तुम्हाला काय आकर्षित करते?**
+### 🔧 **टूल मास्टरी तपासणी: काय तुम्हाला भावलं?**
 
-**थोडा वेळ घ्या विचार करण्यासाठी:**
-- कोणते टूल तुम्हाला सर्वात आधी वापरून पाहण्याची उत्सुकता आहे? (यात चुकीचे उत्तर नाही!)
-- कमांड लाइन अजूनही भीतीदायक वाटते का, की तुम्हाला त्याबद्दल उत्सुकता आहे?
-- तुमच्या आवडत्या वेबसाइट्सच्या पडद्यामागे डोकावण्यासाठी ब्राउझर DevTools वापरण्याची कल्पना तुम्ही करू शकता का?
+**एक मिनिट थांबा आणि विचार करा:**
+- तुम्ही कोणत्या टूलला प्रथम वापरायला उत्सुक आहात? (चुकलेली उत्तरे नाहीत!)
+- कमांड लाइन अजून भितीदायक वाटते का, की तुम्ही त्यात रस घेऊ लागलात?
+- तुम्ही ब्राउझर DevTools वापरून तुमच्या आवडत्या वेबसाइटच्या आतल्या बाजूला जवळून पाहू शकता का?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "विकसकाचा उपकरणांसह घालवलेला वेळ"
+    "कोड संपादक" : 40
+    "ब्रााउझर चाचणी" : 25
+    "कमांड लाइन" : 15
+    "दस्तऐवज वाचन" : 15
+    "डिबगिंग" : 5
 ```
+> **मजेदार माहिती:** बहुतांश डेव्हलपर त्यांचा सुमारे ४०% वेळ कोड एडिटरमध्ये घालवतात, पण त्याला असं पाहिलं गेलं पाहिजे की किती वेळ टेस्टिंग, शिक्षण आणि समस्यांचे निराकरण करतात. प्रोग्रामिंग फक्त कोड लिहिण्याबाबत नाही – ते अनुभव तयार करण्याबाबत आहे!
 
-> **मजेदार अंतर्दृष्टी**: बहुतेक डेव्हलपर्स त्यांचा सुमारे 40% वेळ त्यांच्या कोड एडिटरमध्ये घालवतात, परंतु लक्षात घ्या की चाचणी, शिकणे आणि समस्या सोडवण्यासाठी किती वेळ जातो. प्रोग्रामिंग फक्त कोड लिहिण्याबद्दल नाही – ते अनुभव तयार करण्याबद्दल आहे!
-
-✅ **विचार करण्यासाठी खाद्य**: येथे काही मनोरंजक विचार करण्यासारखे आहे – वेबसाइट्स तयार करण्यासाठी (विकास) साधने डिझाइन करण्यासाठी (डिझाइन) साधनांपेक्षा वेगळी कशी असतील असे तुम्हाला वाटते? हे सुंदर घर डिझाइन करणाऱ्या आर्किटेक्ट आणि प्रत्यक्षात ते बांधणाऱ्या कंत्राटदारामधील फरकासारखे आहे. दोन्ही महत्त्वाचे आहेत, परंतु त्यांना वेगवेगळ्या टूलबॉक्सची आवश्यकता आहे! वेबसाइट्स कशा जिवंत होतात याचे मोठे चित्र पाहण्यासाठी ही प्रकारची विचारसरणी तुम्हाला खरोखर मदत करेल.
+✅ **विचार करण्यासाठी:** तुम्हाला काय वाटतं, वेबसाइट बांधण्यासाठी वापरल्या जाणाऱ्या टूल्स (विकास) आणि त्यांच्या देखावे कसे असावेत यासाठी वापरल्या जाणाऱ्या टूल्स (डिझाइन) यामध्ये काय फरक आहे? हे तसंच आहे म्हणून, ज्याने सुंदर घर डिझाइन केलं आणि जो कॉन्ट्रॅक्टर त्याला प्रत्यक्ष बांधतो त्यामध्ये फरक आहे. दोन्ही महत्त्वाचे आहेत, पण त्यांना वेगळ्या टूलबॉक्सची गरज आहे! असं विचार केल्याने तुम्हाला वेबसाईट तयार होण्याचा मोठा दृष्टीकोन मिळेल.
 
 ## GitHub Copilot Agent Challenge 🚀
 
-Agent मोड वापरून खालील आव्हान पूर्ण करा:
+Agent मोड वापरून पुढील आव्हान पूर्ण करा:
 
-**वर्णन:** आधुनिक कोड एडिटर किंवा IDE च्या वैशिष्ट्यांचा शोध घ्या आणि वेब डेव्हलपर म्हणून तुमच्या वर्कफ्लोमध्ये ते कसे सुधारणा करू शकतात ते दाखवा.
+**वर्णन:** आधुनिक कोड एडिटर किंवा IDE ची वैशिष्ट्ये एक्सप्लोर करा आणि वेब डेव्हलपर म्हणून तुमचा वर्कफ्लो कसा सुधारेल हे दाखवा.
 
-**प्रॉम्प्ट:** Visual Studio Code, WebStorm किंवा क्लाउड-आधारित IDE यासारखा कोड एडिटर किंवा IDE निवडा. तीन वैशिष्ट्ये किंवा एक्सटेंशन्स सूचीबद्ध करा जी तुम्हाला कोड लिहिणे, डिबग करणे किंवा अधिक कार्यक्षमतेने देखभाल करण्यात मदत करतात. प्रत्येकासाठी, ते तुमच्या वर्कफ्लोला कसे फायदेशीर ठरते याचे संक्षिप्त स्पष्टीकरण द्या.
+**प्रॉम्प्ट:** कोणत्या तरी कोड एडिटर किंवा IDE (उदा. Visual Studio Code, WebStorm, किंवा क्लाउड-आधारित IDE) निवडा. तीन वैशिष्ट्ये किंवा एक्सटेंशन्स यादी करा ज्यामुळे तुम्हाला कोड लवकर लिहिता, डीबग करता किंवा मेंटेन करता येतो. प्रत्येकासाठी, तुमच्या वर्कफ्लोला कसा फायदा होतो याचे थोडक्यात स्पष्टीकरण द्या.
 
 ---
 
 ## 🚀 आव्हान
 
-**ठीक आहे, डिटेक्टिव्ह, तुमच्या पहिल्या केससाठी तयार आहात का?**
+**ठीक आहे, तपासणीसाठी तयार आहेस का?**
 
-आता तुमच्याकडे हा अप्रतिम पाया आहे, माझ्याकडे एक साहस आहे जे तुम्हाला प्रोग्रामिंग जग किती विविध आणि आकर्षक आहे हे पाहण्यास मदत करेल. आणि ऐका – हे अजून कोड लिहिण्याबद्दल नाही, त्यामुळे त्याबद्दल कोणताही दबाव नाही! तुम्ही तुमच्या पहिल्या रोमांचक केसवर असलेल्या प्रोग्रामिंग भाषा डिटेक्टिव्हसारखे विचार करा!
+आता जे जमलेले आहे ते वापरून मला एक साहस आहे जे तुम्हाला दाखवेल की प्रोग्रामिंग जग किती विविध आणि आकर्षक आहे. आणि ऐक – अजून कोड लिहायचं नाही आहे, त्यामुळे चिंता नाही! स्वतःला एक प्रोग्रामिंग भाषा तपासणी करणारा जण समजा ज्याचा पहिला सहजगत्या रोचक प्रकरण आहे!
 
-**तुमचे मिशन, तुम्ही स्वीकारण्याचा निर्णय घेतल्यास:**
-1. **भाषा एक्सप्लोरर बना**: पूर्णपणे वेगळ्या विश्वातील तीन प्रोग्रामिंग भाषा निवडा – कदाचित एक जी वेबसाइट्स तयार करते, एक जी मोबाइल अॅप्स तयार करते, आणि एक जी वैज्ञानिकांसाठी डेटा क्रंच करते. प्रत्येक भाषेत लिहिलेल्या समान सोप्या कार्याचे उदाहरण शोधा. मी वचन देतो की ते एकाच गोष्टीसाठी किती वेगळे दिसू शकते हे पाहून तुम्ही पूर्णपणे आश्चर्यचकित व्हाल!
+**तुमची मोहिम, जर तुम्हाला स्वीकारायची असेल:**
+1. **भाषा अन्वेषक बना**: पूर्ण वेगळ्या त्रिपक्षीय जगातून तीन प्रोग्रामिंग भाषा निवडा – कदाचित एक वेबसाइट बनवते, एक मोबाइल अ‍ॅप तयार करते, आणि एक वैज्ञानिकांसाठी डेटा प्रक्रिया करते. त्याच सोप्या टास्कचे प्रत्येक भाषेमध्ये उदाहरणं शोधा. मला खात्री आहे, तुम्हाला किती वेगळं कव्हर आहे हे पाहून आश्चर्य वाटेल!
 
-2. **त्यांची उत्पत्ती कथा शोधा**: प्रत्येक भाषा विशेष का आहे? येथे एक छान तथ्य आहे – प्रत्येक प्रोग्रामिंग भाषा तयार केली गेली कारण कोणीतरी विचार केला, "तुम्हाला माहित आहे काय? हे विशिष्ट समस्या सोडवण्यासाठी चांगला मार्ग असला पाहिजे." तुम्ही त्या समस्यांचे काय होते ते शोधू शकता का? या कथांपैकी काही खरोखरच आकर्षक आहेत!
+2. **त्यांच्या मूळ कथा शोधा**: प्रत्येक भाषा खास का आहे? एक छान तथ्य आहे – प्रत्येक प्रोग्रामिंग भाषा कोणीतरी म्हणाल्यामुळे तयार झाली की, "हो, ह्या विशिष्ट समस्येचं ठीक करण्याचा आणखी एक चांगला मार्ग असायला हवा." तुम्ही काय होतं हे ओळखू शकता का? काही कथा खरोखरच रोचक आहेत!
 
-3. **समुदायांना भेटा**: प्रत्येक भाषेचा समुदाय किती स्वागतार्ह आणि उत्साही आहे ते पहा. काहींमध्ये लाखो डेव्हलपर्स आहेत जे ज्ञान सामायिक करतात आणि एकमेकांना मदत करतात, तर काही लहान आहेत पण अविश्वसनीयपणे घट्ट विणलेले आणि सहायक आहेत. तुम्हाला या समुदायांचे वेगवेगळे व्यक्त
-## पुनरावलोकन आणि स्व-अभ्यास
+3. **समुदायांना भेटा**: प्रत्येक भाषेचा समुदाय कसा स्वागतयोग्य आणि उत्साही आहे ते पहा. काही कडे लाखो डेव्हलपर ज्ञान वाटतात आणि मदत करतात, काही लहान पण अतिशय घट्ट आणि पाठबळ देणारे असतात. तुम्हाला विविध समुदायांचे व्यक्तिमत्त्वे पाहून खूप आनंद होईल!
 
-**वेळ घ्या, शोधा आणि मजा करा!**
+4. **आपल्या आतल्या भावना ऐका**: सध्या कोणती भाषा तुम्हाला सर्वात सुलभ वाटते? "परफेक्ट" निवड करण्याचा ताण घालू नका – फक्त तुमच्या अंतर्ज्ञानावर विश्वास ठेवा! खरंतर चुकलेला पर्याय नाही, आणि नंतर तुम्ही इतरही एक्सप्लोर करू शकता.
 
-आज तुम्ही खूप काही शिकलेत, आणि त्याचा अभिमान बाळगा! आता मजेदार भाग सुरू होतो – ज्या विषयांनी तुमची उत्सुकता वाढवली त्यांचा शोध घ्या. लक्षात ठेवा, हे गृहपाठ नाही – ही एक साहस आहे!
+**बोनस तपासणी काम:** पाहा, कोणत्या प्रमुख वेबसाइट्स किंवा अॅप्स कोणत्या भाषांमध्ये तयार आहेत. मला खात्री आहे की तुम्हाला आश्चर्य वाटेल Instagram, Netflix, किंवा तो मोबाइल गेम जो तुम्ही थांबवू शकत नाही, हे कुठल्या भाषेमुळे काम करते हे जाणून!
 
-**तुमच्या आवडीच्या गोष्टींमध्ये खोलवर जा:**
+> 💡 **लक्षात ठेवा:** तुम्ही आज कोणत्याही भाषेत तज्ञ होण्याचा प्रयत्न करत नाही. तुम्ही फक्त इतरत्र जाऊन स्टेशन लावण्यापूर्वी परिसर ओळखता आहात. वेळ घ्या, मजा करा, आणि तुमची कुतूहलता मार्गदर्शन करू दे!
 
-**प्रोग्रामिंग भाषांमध्ये हाताळणी करा:**
-- तुमच्या लक्षात आलेल्या 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 वर काही नवशिक्यांसाठी उपयुक्त कोडिंग व्हिडिओ पहा. खूप चांगले निर्माते आहेत जे सुरुवातीला कसे वाटते हे लक्षात ठेवतात.
-- स्थानिक मीटअप्स किंवा ऑनलाइन समुदायांमध्ये सामील होण्याचा विचार करा. विश्वास ठेवा, डेव्हलपर्स नवशिक्यांना मदत करायला खूप आवडतात!
+[पॉस्ट-लेसन क्विझ द्या](https://ff-quizzes.netlify.app/web/)
 
-> 🎯 **ऐका, मला तुम्हाला हे लक्षात ठेवायला सांगायचं आहे**: तुम्हाला एका रात्रीत कोडिंग मास्टर बनण्याची अपेक्षा नाही! सध्या, तुम्ही फक्त या अद्भुत नवीन जगाशी परिचित होत आहात ज्याचा तुम्ही भाग होणार आहात. वेळ घ्या, प्रवासाचा आनंद घ्या, आणि लक्षात ठेवा – तुम्ही ज्या प्रत्येक डेव्हलपरचे कौतुक करता ते एकदा तुमच्यासारखेच होते, उत्साही आणि कदाचित थोडेसे गोंधळलेले. हे पूर्णपणे सामान्य आहे, आणि याचा अर्थ तुम्ही योग्य दिशेने जात आहात.
+## पुनरावलोकन आणि स्वाध्याय
 
+**तुमचा वेळ घेऊन एक्सप्लोर करा आणि मजा करा!**
+आज तुम्ही खूप काही शिकलात, आणि त्याचा अभिमान असायला हवा! आता मजेदार टप्पा येतो – ज्या विषयांनी तुमची उत्सुकता वाढवली त्या विषयांचा शोध घेण्याचा. लक्षात ठेवा, हे गृहकार्य नाही – ही एक साहसकथा आहे!
 
+**तुमचे आवडते विषय अधिक खोलवर जाणून घ्या:**
 
-## असाइनमेंट
+**प्रोग्रामिंग भाषांसोबत हाताळणी करा:**
+- तुमचे लक्ष वेधून घेतलेल्या २-३ भाषांच्या अधिकृत वेबसाइट्सला भेट द्या. प्रत्येकाची वेगळी व्यक्तिमत्त्व आणि कथा आहे!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), किंवा [Replit](https://replit.com/) सारख्या ऑनलाईन कोडिंग प्लेग्राउंड्सचा वापर करा. प्रयोग करण्यास घाबरू नका – काहीच खराब होणार नाही!
+- तुमच्या आवडत्या भाषेची उगमकथा वाचा. खरंच, काही कथा खूप रोमांचक असतात आणि त्यातून तुम्हाला समजू शकते की भाषा का आणि कशी काम करतात.
 
-[डॉक्स वाचा](assignment.md)
+**तुमचे नवीन साधनं जाणून घ्या:**
+- Visual Studio Code डाउनलोड करा, जर आधी केले नसेल तर – हे फ्री आहे आणि तुम्हाला नक्कीच आवडेल!
+- एक्सटेंशन्स मार्केटप्लेस थोडा वेळ बघा. हे तुमच्या कोड एडिटरसाठी अ‍ॅप स्टोअर सारखं आहे!
+- तुमच्या ब्राउझरचे Developer Tools उघडा आणि फक्त क्लिक करा. सर्वकाही समजून घेण्याची गरज नाही – फक्त तेथे काय आहे ते जाणून घ्या.
 
-> 💡 **तुमच्या असाइनमेंटसाठी एक छोटीशी प्रेरणा**: मला खूप आवडेल की तुम्ही काही नवीन साधनांचा शोध घ्यावा ज्यांचा आपण अद्याप उल्लेख केला नाही! आपण आधीच चर्चा केलेल्या एडिटर्स, ब्राउझर्स आणि कमांड लाइन टूल्स वगळा – विकासाच्या अद्भुत साधनांचे एक संपूर्ण विश्व आहे जे शोधण्याची वाट पाहत आहे. सक्रियपणे देखभाल केली जाणारी आणि जिवंत, उपयुक्त समुदाय असलेली साधने शोधा (यामध्ये सर्वोत्तम ट्यूटोरियल्स आणि सर्वात सहायक लोक असतात जेव्हा तुम्हाला अडचण येते आणि मदतीसाठी एखाद्या मैत्रीपूर्ण व्यक्तीची गरज असते).
+**समुदायात सामील व्हा:**
+- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), किंवा [GitHub](https://github.com/) वरील काही डेव्हलपर समुदायांना फॉलो करा. प्रोग्रामिंग समुदाय नवखे सदस्यांना खूप स्वागत करतो!
+- YouTube वर काही सुरुवातीच्या सोप्या कोडिंग व्हिडिओज पहा. अनेक छान क्रिएटर्स आहेत जे सुरुवातीला असतानाचा अनुभव लक्षात ठेवतात.
+- स्थानिक मीटअप्स किंवा ऑनलाइन समुदायात सहभागी होण्याचा विचार करा. विश्वास ठेवा, डेव्हलपर नवख्या लोकांना मदत करणं आवडतात!
+
+> 🎯 **असं लक्षात ठेवा**: तुम्हाला एका रात्रीत कोडिंगचा तज्ञ व्हायचे अपेक्षित नाही! सध्या, तुम्ही फक्त या अद्भुत नव्या जगाशी ओळख होत आहात. वेळ घ्या, प्रवासाचा आनंद घ्या, आणि लक्षात ठेवा – प्रत्येक डेव्हलपर ज्याला तुम्ही कौतुक करता तोही एकवेळी तुमच्याच स्थितीत बसून उत्साहित आणि थोडा संभ्रमित झाला होता. हे पूर्णपणे सामान्य आहे, आणि याचा अर्थ तुम्ही बरोबर करत आहात!
+
+## Assignment
+
+[Reading the Docs](assignment.md)
+
+> 💡 **तुमच्या असाइनमेंटसाठी एक सूचक टिप**: आम्ही अजून न वापरलेली काही साधने तुम्ही एक्सप्लोर केलीत तर छान वाटेल! आधीच सांगितलेल्या एडिटर्स, ब्राउझर्स आणि कमांड लाइन साधनांपासून दूर राहा – विकासासाठी अशी एक विशाल आणि आश्चर्यकारक दुनिया आहे जिथे बर्‍याच अद्भुत साधने आहेत. अशा साधनांचा शोध घ्या ज्यांचा सतत देखभाल होतो आणि ज्यांच्या समुदायांमध्ये उत्साहपूर्ण लोक असतात (अशा समुदायांकडे चांगली ट्यूटोरियल्स आणि मदत करण्यासाठी लोक असतात जेव्हा तुम्हाला अडचण येते).
 
 ---
 
-## 🚀 तुमचा प्रोग्रामिंग प्रवासाचा टाइमलाइन
+## 🚀 तुमच्या प्रोग्रामिंग प्रवासाचा टाइमलाइन
 
-### ⚡ **पुढील 5 मिनिटांत तुम्ही काय करू शकता**
-- [ ] तुमच्या लक्षात आलेल्या 2-3 प्रोग्रामिंग भाषांच्या वेबसाइट्स बुकमार्क करा
-- [ ] Visual Studio Code डाउनलोड करा जर तुम्ही अजून केले नसेल
+### ⚡ **पुढील ५ मिनिटांत तुम्ही काय करू शकता**
+- [ ] तुम्हाला आवडलेल्या २-३ प्रोग्रामिंग भाषांच्या वेबसाइट्स जतन करा
+- [ ] Visual Studio Code डाउनलोड करा जर आधी केले नसेल तर
 - [ ] तुमच्या ब्राउझरचे DevTools (F12) उघडा आणि कोणत्याही वेबसाइटवर क्लिक करा
 - [ ] एक प्रोग्रामिंग समुदायात सामील व्हा (Dev.to, Reddit r/webdev, किंवा Stack Overflow)
 
-### ⏰ **तुमच्या एका तासात तुम्ही काय साध्य करू शकता**
-- [ ] पोस्ट-लेसन क्विझ पूर्ण करा आणि तुमच्या उत्तरांवर विचार करा
+### ⏰ **या तासात तुम्ही काय साध्य करू शकता**
+- [ ] पोस्ट-लेसन क्विझ पूर्ण करा आणि तुमच्या उत्तरांचा विचार करा
 - [ ] GitHub Copilot एक्सटेंशनसह VS Code सेट करा
 - [ ] दोन वेगवेगळ्या प्रोग्रामिंग भाषांमध्ये ऑनलाइन "Hello World" उदाहरण प्रयत्न करा
-- [ ] YouTube वर "डे इन द लाइफ ऑफ अ डेव्हलपर" व्हिडिओ पहा
-- [ ] तुमच्या प्रोग्रामिंग भाषेच्या शोधकार्याची सुरुवात करा (चॅलेंजमधून)
-
-### 📅 **तुमचा आठवडाभराचा प्रवास**
-- [ ] असाइनमेंट पूर्ण करा आणि 3 नवीन विकास साधनांचा शोध घ्या
-- [ ] सोशल मीडियावर 5 डेव्हलपर्स किंवा प्रोग्रामिंग अकाउंट्सचे अनुसरण करा
-- [ ] CodePen किंवा Replit वर काही छोटेसे तयार करण्याचा प्रयत्न करा (जरी "Hello, [तुमचे नाव]!" असेल तरी!)
-- [ ] एखाद्या डेव्हलपरच्या कोडिंग प्रवासाबद्दल एक ब्लॉग पोस्ट वाचा
-- [ ] व्हर्च्युअल मीटअपमध्ये सामील व्हा किंवा प्रोग्रामिंग टॉक पहा
-- [ ] तुमच्या निवडलेल्या भाषेचे ऑनलाइन ट्यूटोरियल्ससह शिकण्यास सुरुवात करा
-
-### 🗓️ **तुमचा महिनाभराचा परिवर्तन**
-- [ ] तुमचा पहिला छोटा प्रोजेक्ट तयार करा (जरी एक साधा वेबपेज असला तरी!)
-- [ ] ओपन-सोर्स प्रोजेक्टमध्ये योगदान द्या (डॉक्युमेंटेशन सुधारण्यापासून सुरुवात करा)
-- [ ] एखाद्याला मार्गदर्शन करा जो फक्त त्याचा प्रोग्रामिंग प्रवास सुरू करत आहे
-- [ ] तुमची डेव्हलपर पोर्टफोलिओ वेबसाइट तयार करा
-- [ ] स्थानिक डेव्हलपर समुदाय किंवा अभ्यास गटांशी संपर्क साधा
-- [ ] तुमच्या पुढील शिकण्याच्या टप्प्याचे नियोजन सुरू करा
-
-### 🎯 **अंतिम विचार तपासणी**
-
-**पुढे जाण्यापूर्वी, एक क्षण साजरा करा:**
-- आज प्रोग्रामिंगबद्दल तुम्हाला काय उत्साहित वाटले?
-- कोणते साधन किंवा संकल्पना तुम्ही प्रथम शोधू इच्छिता?
-- तुम्हाला हा प्रोग्रामिंग प्रवास सुरू करण्याबद्दल कसे वाटते?
-- तुम्ही सध्या एखाद्या डेव्हलपरला कोणता प्रश्न विचारू इच्छिता?
+- [ ] YouTube वर "डे इन द लाइफ ऑफ अ डेव्हलपर" व्हिडिओ पाहा
+- [ ] तुमचा प्रोग्रामिंग भाषा शोध कार्य सुरू करा (चॅलेंजमधून)
+
+### 📅 **तुमचा आठवडाभराचा साहस**
+- [ ] असाइनमेंट पूर्ण करा आणि ३ नवीन विकास साधने एक्सप्लोर करा
+- [ ] सोशल मीडियावर ५ डेव्हलपर किंवा प्रोग्रामिंग अकाउंट फॉलो करा
+- [ ] CodePen किंवा Replit मध्ये काहीतरी छोटं तयार करा (फक्त "Hello, [तुमचं नाव]!" पण चालेल!)
+- [ ] कोणत्याही डेव्हलपरच्या कोडिंग प्रवासावरील ब्लॉग पोस्ट वाचा
+- [ ] एक व्हर्च्युअल मीटअप किंवा प्रोग्रामिंग टॉक पाहा
+- [ ] ऑनलाईन ट्युटोरियल्ससोबत तुमची निवडलेली भाषा शिकायला सुरुवात करा
+
+### 🗓️ **तुमचा महिनाभराचा रूपांतर**
+- [ ] तुमचा पहिला लहान प्रोजेक्ट तयार करा (सोप्या वेबपेजसुद्धा चालेल!)
+- [ ] एखाद्या ओपन-सोर्स प्रोजेक्टमध्ये योगदान द्या (प्रारंभ डॉक्स सुधारण्याने करा)
+- [ ] ज्याने सुरुवात केली आहे अशा कोणाला मेंटर करा
+- [ ] तुमची डेव्हलपर पोर्टफोलिओ वेबसाईट तयार करा
+- [ ] स्थानिक डेव्हलपर समुदाय किंवा अभ्यास गटांशी संपर्क करा
+- [ ] पुढील शिक्षण टप्प्याचे नियोजन करा
+
+### 🎯 **अंतिम विचारमंथन तपासणी**
+
+**पुढे जाण्याआधी, थोडा वेळ साजरा करा:**
+- आज प्रोग्रामिंगमध्ये काय गोष्ट तुम्हाला उत्साहित केली?
+- कोणत्याही साधनाशी किंवा संकल्पनेस पहिल्यांदा अभ्यासायचे आहे?
+- या प्रोग्रामिंग प्रवासाची सुरुवात करताना तुम्हाला कसा वाटतो?
+- तुम्हाला सध्या कोणता प्रश्न एका डेव्हलपरला विचारायचा आहे?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title आपला आत्मविश्वास वाढीचा प्रवास
+    section आज
+      उत्सुक: 3: You
+      संभ्रमित: 4: You
+      उत्साही: 5: You
+    section हे आठवडा
+      शोधत आहे: 4: You
+      शिकत आहे: 5: You
+      जोडत आहे: 4: You
+    section पुढचा महिना
+      बांधत आहे: 5: You
+      आत्मविश्वासी: 5: You
+      इतरांना मदत करत आहे: 5: You
 ```
-
-> 🌟 **लक्षात ठेवा**: प्रत्येक तज्ञ एकदा नवशिक्या होता. प्रत्येक वरिष्ठ डेव्हलपरने एकदा तुमच्यासारखेच वाटले – उत्साही, कदाचित थोडेसे गोंधळलेले, आणि काय शक्य आहे याबद्दल नक्कीच उत्सुक. तुम्ही अद्भुत कंपनीत आहात, आणि हा प्रवास अविश्वसनीय होणार आहे. प्रोग्रामिंगच्या अद्भुत जगात तुमचे स्वागत आहे! 🎉
+> 🌟 **लक्षात ठेवा**: प्रत्येक तज्ञ एक वेळेकाळी नवशिक्या होता. प्रत्येक जुन्या डेव्हलपरला सध्या तुमच्यासारखेच वाटत होते – उत्साहाने भरलेला, कदाचित थोडा संभ्रमित पण निश्चितच काय शक्य आहे याबद्दल उत्सुक. तुम्ही अद्भुत सेवेत आहात, आणि हा प्रवास अविश्वसनीय असेल. प्रोग्रामिंगच्या अद्भुत दुनियेत स्वागत आहे! 🎉
 
 ---
 
-**अस्वीकरण**:  
-हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपयास लक्षात ठेवा की स्वयंचलित भाषांतरे त्रुटी किंवा अचूकतेच्या अभावाने युक्त असू शकतात. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी, व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार नाही.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**सूचना**:
+हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपया लक्षात ठेवा की स्वयंचलित अनुवादांमध्ये चुका किंवा अचूकतेत त्रुटी असू शकतात. मूळ दस्तऐवज त्याच्या मूळ भाषेत अधिकृत स्रोत म्हणून मानले पाहिजे. महत्त्वाची माहिती असल्यास, व्यावसायिक मानवी अनुवाद घेणे शिफारस केले आहे. या अनुवादाच्या वापरामुळे होणाऱ्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थव्याप्तीसाठी आम्ही जबाबदार आहोत असे नाही.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/mr/AGENTS.md b/translations/mr/AGENTS.md
index 86d19bc0d..b9b2e34b7 100644
--- a/translations/mr/AGENTS.md
+++ b/translations/mr/AGENTS.md
@@ -1,57 +1,57 @@
 # AGENTS.md
 
-## प्रकल्प अवलोकन
+## प्रकल्पाचा आढावा
 
-हा वेब विकासाच्या मूलभूत गोष्टी शिकवण्यासाठी तयार केलेला शैक्षणिक अभ्यासक्रमाचा संग्रह आहे. हा अभ्यासक्रम Microsoft Cloud Advocates यांनी विकसित केलेला १२ आठवड्यांचा सर्वसमावेशक कोर्स आहे, ज्यात JavaScript, CSS, आणि HTML या विषयांवर २४ हस्तांतरित धडे आहेत.
+ही सुरुवातीच्या लोकांसाठी वेब विकासाच्या मूलतत्त्वांवर शिकवण्यासाठी शैक्षणिक अभ्यासक्रमाची रेपॉजिटरी आहे. हा अभ्यासक्रम मायक्रोसॉफ्ट क्लाऊड अ‍ॅडवोकेट्सने विकसित केलेला व्याप्त 12 आठवड्यांचा कोर्स आहे, ज्यामध्ये JavaScript, CSS, आणि HTML यावर 24 प्रत्यक्ष हाताळणी असलेल्या धड्यांचा समावेश आहे.
 
 ### मुख्य घटक
 
-- **शैक्षणिक सामग्री**: प्रकल्प-आधारित मोड्यूलमध्ये संघटित २४ रचलेल्या धड्यांचा समावेश
-- **प्रायोगिक प्रकल्प**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, आणि AI Chat Assistant
-- **परस्पर संवादात्मक क्विझ**: प्रत्येकी ३ प्रश्नांसह ४८ क्विझ (धड्यांच्या आधी/नंतर मूल्यांकन)
-- **बहुभाषीय समर्थन**: GitHub Actions द्वारे ५०+ भाषांसाठी स्वयंचलित भाषांतर
-- **तंत्रज्ञान**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI प्रकल्पांसाठी)
+- **शैक्षणिक सामग्री**: प्रकल्प-आधारित माड्यूलमध्ये आयोजित 24 संरचित धडे
+- **प्रायोगिक प्रकल्प**: टेररियम, टायपिंग गेम, ब्राउझर विस्तार, स्पेस गेम, बँकिंग अॅप, कोड संपादक, आणि एआय चॅट सहाय्यक
+- **परस्पर संवादात्मक क्विझ**: प्रत्येकात 3 प्रश्न असलेल्या 48 क्विझेस (धडा आधी/नंतर मूल्यांकनासाठी)
+- **बहुभाषिक समर्थन**: GitHub Actions च्या माध्यमातून 50+ भाषा स्वचालित भाषांतर
+- **तंत्रज्ञान**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (एआय प्रकल्पांसाठी)
 
 ### आर्किटेक्चर
 
-- धड्यांच्या आधारे शैक्षणिक संच
-- प्रत्येक धड्याच्या फोल्डरमध्ये README, कोड उदाहरणे, आणि उपाय असतात
-- स्वतंत्र प्रकल्प स्वतंत्र निर्देशिकांमध्ये (quiz-app, विविध धड्यांचे प्रकल्प)
+- धड्यावर आधारित रचना असलेली शैक्षणिक रेपॉजिटरी
+- प्रत्येक धडा फोल्डरमध्ये README, कोड उदाहरणे, आणि उपाययोजना आहेत
+- स्वतंत्र प्रकल्प स्वतंत्र निर्देशिकांमध्ये (quiz-app, विविध धडा प्रकल्प)
 - GitHub Actions वापरून भाषांतर प्रणाली (co-op-translator)
-- Docsify द्वारे दस्तऐवज प्रदान आणि PDF स्वरूपात उपलब्ध
+- Docsify द्वारे दस्तऐवजीकरण सर्व्हर आणि PDF स्वरूपात उपलब्ध
 
-## सेटअप कमांड्स
+## सेटअप कमांड
 
-हा संग्रह मुख्यत्वे शैक्षणिक सामग्री वापरासाठी आहे. विशिष्ट प्रकल्पांसाठी काम करण्यासाठी:
+ही रेपॉजिटरी मुख्यतः शैक्षणिक सामग्री वापरासाठी आहे. विशिष्ट प्रकल्पांवर काम करण्यासाठी:
 
-### मुख्य संच सेटअप
+### मुख्य रेपॉजिटरी सेटअप
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Quiz App सेटअप (Vue 3 + Vite)
+### क्विझ अॅप सेटअप (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # विकास सर्व्हर सुरू करा
-npm run build      # उत्पादनासाठी तयार करा
+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 run format     # Prettier सह फॉरमॅट करा
 ```
 
-### Browser Extension प्रकल्प
+### ब्राउझर विस्तार प्रकल्प
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,15 +59,15 @@ npm install
 # ब्राउझर-विशिष्ट विस्तार लोडिंग सूचना पाळा
 ```
 
-### Space Game प्रकल्प
+### स्पेस गेम प्रकल्प
 
 ```bash
 cd 6-space-game/solution
 npm install
-# index.html ब्राउझरमध्ये उघडा किंवा Live Server वापरा
+# ब्राउझरमध्ये index.html उघडा किंवा Live Server वापरा
 ```
 
-### Chat Project (Python Backend)
+### चॅट प्रकल्प (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -80,118 +80,118 @@ python api.py
 
 ### सामग्री योगदानकर्त्यांसाठी
 
-1. आपल्या GitHub खात्यात हा संग्रह Fork करा
-2. आपला Fork स्थानिक संगणकावर Clone करा
-3. आपल्या बदलांसाठी नवीन ब्रांच Create करा
+1. **रेपॉजिटरी फोर्क करा** तुमच्या GitHub खात्यात
+2. **तुमचा फोर्क स्थानिकरित्या क्लोन करा**
+3. **तुमच्या बदलांसाठी नवीन शाखा तयार करा**
 4. धड्यांच्या सामग्री किंवा कोड उदाहरणांमध्ये बदल करा
-5. संबंधित प्रकल्प निर्देशिकांमध्ये कोणतेही कोड बदल तपासा
-6. योगदान मार्गदर्शक तत्त्वांनुसार pull requests सबमिट करा
+5. संबंधित प्रकल्प निर्देशिकांमध्ये कोणतेही कोड बदल चाचणी करा
+6. योगदान मार्गदर्शक तत्वे पाळून पुल रिक्वेस्ट सबमिट करा
 
 ### शिकणाऱ्यांसाठी
 
-1. संग्रह Fork किंवा Clone करा
-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. पाठ-धडा क्विझ घ्या
 
 ### थेट विकास
 
-- **दस्तऐवज**: मुळ निर्देशिकेत `docsify serve` चालवा (पोर्ट 3000)
-- **Quiz App**: quiz-app निर्देशिकेत `npm run dev` वापरा
-- **प्रकल्प**: HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा
+- **दस्तऐवजीकरण**: मूळ निर्देशिकेत `docsify serve` चालवा (पोर्ट 3000)
+- **क्विझ अॅप**: quiz-app निर्देशिकेत `npm run dev` चालवा
+- **प्रकल्प**: HTML प्रकल्पांसाठी VS कोड Live Server विस्तार वापरा
 - **API प्रकल्प**: संबंधित API निर्देशिकांमध्ये `npm start` चालवा
 
-## चाचणी सूचना
+## तपासणी सूचना
 
-### Quiz App चाचणी
+### क्विझ अॅप तपासणी
 
 ```bash
 cd quiz-app
-npm run lint       # कोड शैली संबंधित समस्या तपासा
-npm run build      # बिल्ड यशस्वी झाले आहे का ते पडताळा
+npm run lint       # कोड शैलीच्या समस्या तपासा
+npm run build      # बिल्ड यशस्वी होते का ते पडताळा
 ```
 
-### Bank API चाचणी
+### बँक API तपासणी
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # कोड शैलीच्या समस्यांसाठी तपासा
-node server.js     # सर्व्हर त्रुटीशिवाय सुरू होते का ते तपासा
+node server.js     # त्रुटीशिवाय सर्व्हर सुरु होतो का तपासा
 ```
 
-### सामान्य चाचणी दृष्टिकोन
+### सामान्य तपासणी पद्धत
 
-- हा शैक्षणिक संग्रह सर्वसमावेशक स्वयंचलित चाचण्या नसलेला आहे
-- मॅन्युअल चाचणीवर लक्ष:
-  - कोड उदाहरणे त्रुटीशिवाय चालतील का
-  - दस्तऐवजात दुवे बरोबर आहेत का
-  - प्रकल्पाचे बिल्ड यशस्वी आहेत का
-  - उदाहरणे सर्वोत्तम पध्दतींनुसार आहेत का
+- ही शैक्षणिक रेपॉजिटरी व्यापक स्वयंचलित चाचण्या नसलेली आहे
+- मॅन्युअल चाचणीवर लक्ष केंद्रीत:
+  - कोड उदाहरणी त्रुटीशिवाय चालू होतील
+  - दस्तऐवजीकरणातील दुवे योग्यरीत्या कार्य करतात
+  - प्रकल्पांचे बिल्ड यशस्वी पूर्ण होतात
+  - उदाहरणे उत्तम पद्धती पालन करतात
 
-### सादर करण्यापूर्वी तपासणी
+### सबमिशनपूर्व तपासण्या
 
-- package.json असलेल्या फोल्डरमध्ये `npm run lint` चालवा
-- मार्कडाउन लिंक वैध आहेत का तपासा
-- ब्राउझर किंवा Node.js मध्ये कोड उदाहरणे तपासा
-- भाषांतर योग्य रचना राखतात याची खात्री करा
+- package.json असलेल्या निर्देशिकांमध्ये `npm run lint` चालवा
+- markdown दुवे वैध आहेत याची खात्री करा
+- ब्राउझर किंवा Node.js मध्ये कोड उदाहरणे चाचणी करा
+- भाषांतर संरचनेचे योग्य पालन करते याची तपासणी करा
 
 ## कोड शैली मार्गदर्शक
 
 ### JavaScript
 
-- आधुनिक ES6+ सिंटॅक्स वापरा
-- प्रकल्पांमध्ये दिलेल्या ESLint कॉन्फिगरेशनचे पालन करा
-- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण व्हेरिएबल आणि फंक्शन नावे वापरा
-- संकल्पना स्पष्ट करणाऱ्या टिप्पण्यांचा समावेश करा
-- जेथे सेटअप केलेले आहे, तेथे Prettier वापरा
+- आधुनिक ES6+ संकलन वापरा
+- प्रकल्पांत दिलेली मानक ESLint संरचना पाळा
+- शैक्षणिक स्पष्टतेसाठी अर्थपूर्ण चल आणि फंक्शन नावे वापरा
+- शिकणाऱ्यांसाठी संकल्पना समजावणारे टिप्पणी जोडा
+- जिथे कॉन्फिगर केले आहे तिथे Prettier वापरा
 
 ### HTML/CSS
 
-- सैमान्टिक HTML5 घटक वापरा
-- प्रतिसादी डिझाइन तत्त्वे वापरा
-- क्लास नावे स्पष्ट व समजण्यास सोपी ठेवा
-- CSS तंत्रांविषयी शिकणाऱ्यांसाठी टिप्पण्या ठेवा
+- अर्थपूर्ण HTML5 घटक वापरा
+- प्रतिसादक्षम डिझाइन तत्वे पाळा
+- स्पष्ट वर्ग नावे वापरा
+- CSS तंत्रांवर शिकणाऱ्यांसाठी टिप्पणी जोडा
 
 ### Python
 
-- PEP 8 शैली मार्गदर्शकांचे पालन करा
-- स्पष्ट, शैक्षणिक कोड उदाहरणे द्या
-- शिकण्यासाठी उपयुक्त असे टाइप हिंट्स वापरा
+- PEP 8 शैली मार्गदर्शक पाळा
+- स्पष्ट, शैक्षणिक कोड उदाहरणे
+- शिकण्यासाठी उपयुक्त असलेल्या ठिकाणी टाइप हिन्ट्स वापरा
 
 ### Markdown दस्तऐवजीकरण
 
-- स्पष्ट शीर्षक आणि उपशीर्षक संरचना
-- भाषेची निर्दिष्टीसह कोड ब्लॉक्स
-- अतिरिक्त संसाधनांसाठी दुवे
-- `images/` निर्देशिकांतील स्क्रीनशॉट आणि प्रतिमा
-- पोचण्यासाठी प्रतिमांसाठी Alt टेक्स्ट द्या
+- स्पष्ट शीर्षक श्रेणी
+- भाषा निर्दिष्ट कोड ब्लॉक्स
+- अतिरिक्त स्रोतांशी दुवे
+- `images/` निर्देशिकेतील स्क्रीनशॉट्स आणि प्रतिमा
+- प्रवेशयोग्यता साठी प्रतिमांसाठी Alt टेक्स्ट
 
 ### फाइल संघटना
 
-- धडे क्रमांकानुसार (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}/` संरचनेत
 
-## बिल्ड आणि डिप्लॉयमेंट
+## बिल्ड आणि वितरण
 
-### Quiz App डिप्लॉयमेंट (Azure Static Web Apps)
+### क्विझ अॅप वितरण (Azure Static Web Apps)
 
-quiz-app Azure Static Web Apps डिप्लॉयमेंटसाठी कॉन्फिगर केलेले आहे:
+क्विझ-अॅप Azure Static Web Apps वितरणासाठी कॉन्फिगर केलेले आहे:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ फोल्डर तयार करतो
-# मुख्य शाखेत पुश केल्यावर GitHub Actions वर्कफ्लोद्वारे डिप्लॉय करतो
+# मुख्य शाखेत प्रेषणावर GitHub Actions कार्यप्रवाहाद्वारे तैनात करतो
 ```
 
 Azure Static Web Apps कॉन्फिगरेशन:
-- **App location**: `/quiz-app`
-- **Output location**: `dist`
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **अॅप स्थान**: `/quiz-app`
+- **आउटपुट स्थान**: `dist`
+- **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### दस्तऐवज PDF निर्मिती
 
@@ -200,83 +200,83 @@ npm install                    # docsify-to-pdf स्थापित करा
 npm run convert               # docs मधून PDF तयार करा
 ```
 
-### Docsify दस्तऐवज
+### Docsify दस्तऐवजीकरण
 
 ```bash
-npm install -g docsify-cli    # डॉक्सिफाय जागतिक पातळीवर स्थापित करा
-docsify serve                 # localhost:3000 वर सेवा द्या
+npm install -g docsify-cli    # Docsify जागतिक पातळीवर इन्स्टॉल करा
+docsify serve                 # localhost:3000 वर सर्व्ह करा
 ```
 
 ### प्रकल्प-विशिष्ट बिल्ड्स
 
-प्रत्येक प्रकल्प निर्देशिकेत स्वतःची बिल्ड प्रक्रिया असू शकते:
-- Vue प्रकल्प: `npm run build` उत्पादन बंडल तयार करते
-- स्थिर प्रकल्प: बिल्ड टप्पा नाही, फाईल्स थेट सर्व्ह करा
+प्रत्येक प्रकल्प निर्देशिकेकडे स्वतःचा बिल्ड प्रक्रिया असू शकते:
+- Vue प्रकल्प: `npm run build` उत्पादन बंडल तयार करतो
+- स्थिर प्रकल्प: बिल्ड टप्पा नाही, फायली थेट सर्व्ह करा
 
-## पुल विनंती मार्गदर्शक
+## पुल रिक्वेस्ट मार्गदर्शक
 
 ### शीर्षक स्वरूप
 
-बदलाचा भाग स्पष्ट करणारे स्पष्ट, वर्णनात्मक शीर्षक वापरा:
-- `[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] सेटअप सूचना अद्यतनित करा`
 
 ### आवश्यक तपासण्या
 
-PR सबमिट करण्यापूर्वी:
+पुल रिक्वेस्ट सबमिट करण्यापूर्वी:
 
 1. **कोड गुणवत्ता**:
-   - प्रभावित प्रकल्प निर्देशिकेत `npm run lint` चालवा
-   - सर्व lint त्रुटी व इशारे दुरुस्त करा
+   - प्रभावित प्रकल्प निर्देशिकांमध्ये `npm run lint` चालवा
+   - सर्व लिंट त्रुटी आणि इशारे दुरुस्त करा
 
-2. **बिल्ड पुष्टीकरण**:
+2. **बिल्ड सत्यापन**:
    - लागू असल्यास `npm run build` चालवा
-   - कोणतीही बिल्ड त्रुटी नाहीत याची खात्री करा
+   - कोणतीही बिल्ड त्रुटी नसल्याची खात्री करा
 
-3. **लिंक वैधता**:
-   - सर्व मार्कडाउन लिंक तपासा
-   - प्रतिमांचे संदर्भ कार्यरत आहेत का तपासा
+3. **दुवा पडताळणी**:
+   - सर्व markdown दुवे तपासा
+   - प्रतिमा संदर्भ कार्यरत आहेत का ते तपासा
 
 4. **सामग्री पुनरावलोकन**:
-   - स्पेलिंग आणि व्याकरण तपासा
+   - स्पेलिंग आणि व्याकरणासाठी प्रूफरीड करा
    - कोड उदाहरणे बरोबर आणि शैक्षणिक आहेत याची खात्री करा
-   - भाषांतर मूळ अर्थ राखते याची पुष्टी करा
+   - भाषांतरे मूळ अर्थ जपतात का तपासा
 
-### योगदान अटी
+### योगदान आवश्यकता
 
-- 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 मेंटेनर्स आणि समुदायाद्वारे पुनरावलोकन केले जातात
-- शैक्षणिक स्पष्टतेवर भर दिला जातो
-- कोड उदाहरणे वर्तमान सर्वोत्तम पद्धतींनुसार असावीत
-- भाषांतर अचूक आणि सांस्कृतिकदृष्ट्या योग्य याची तपासणी केली जाते
+- PR पालक आणि समुदायाकडून पुनरावलोकन केले जातात
+- शैक्षणिक स्पष्टतेला प्राधान्य दिले जाते
+- कोड उदाहरणे सध्याच्या सर्वोत्तम पद्धतींचे पालन करतात
+- भाषांतर अचूकता आणि सांस्कृतिक योग्यतेसाठी पुनरावलोकित केले जाते
 
 ## भाषांतर प्रणाली
 
 ### स्वयंचलित भाषांतर
 
-- co-op-translator कार्यप्रवाहासह GitHub Actions वापरतो
-- ५०+ भाषांमध्ये स्वयंचलित भाषांतर
-- मुख्य निर्देशिकांमधील स्त्रोत फाईल्स
-- भाषांतर फाईल्स `translations/{language-code}/` मध्ये
+- GitHub Actions सह co-op-translator वर्कफ्लो वापरते
+- 50+ भाषांमध्ये स्वयंचलित भाषांतर करते
+- मुख्य निर्देशिकांमध्ये स्त्रोत फाइल्स
+- भाषांतरित फाइल्स `translations/{language-code}/` निर्देशिकांमध्ये
 
 ### मॅन्युअल भाषांतर सुधारणा जोडणे
 
-1. `translations/{language-code}/` फाईल शोधा
-2. संरचना राखून सुधारणा करा
-3. कोड उदाहरण कार्यरत आहेत याची खात्री करा
-4. स्थानिकृत क्विझ सामग्री तपासा
+1. `translations/{language-code}/` मध्ये फाइल शोधा
+2. रचना जपून सुधारणा करा
+3. कोड उदाहरणे कार्यशील राहतील याची खात्री करा
+4. स्थानिकृत क्विझ सामग्रीची चाचणी करा
 
 ### भाषांतर मेटाडेटा
 
-भाषांतरित फाईल्समध्ये मेटाडेटा हेडर असतो:
+भाषांतरित फाइल्समध्ये मेटाडेटा शीर्षलेख समाविष्ट:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## डिबगिंग आणि समस्यांवर उपाय
+## डीबगिंग आणि समस्या निवारण
 
-### सहसा आढळणाऱ्या समस्या
+### सामान्य समस्या
 
-**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) असण्याची खात्री करा
-- पोर्ट आधीच वापरात आहे का तपासा
-- सर्व dependency इन्स्टॉल शिल्लक आहेत का पहा (`npm install`)
+- Node.js ची किमान आवश्यकता पूर्ण आहे का तपासा (node >=10)
+- पोर्ट आधीच वापरात नाही का ते पहा
+- सर्व अवलंबित्वे `npm install` वापरून इन्स्टॉल केले आहेत का तपासा
 
-**ब्राउझर एक्स्टेंशन लोड होत नाही**:
-- manifest.json योग्यरित्या फॉरमॅट आहे का तपासा
+**ब्राउझर विस्तार लोड होत नाही**:
+- manifest.json योग्यरित्या फॉरमॅट केले आहे का तपासा
 - ब्राउझर कन्सोलमधील त्रुटी तपासा
-- ब्राउझर-विशिष्ट एक्स्टेंशन इंस्टॉलेशन सूचना फॉलो करा
+- ब्राउझर-विशिष्ट विस्तार इन्स्टॉलेशन सूचना पाळा
 
-**Python chat प्रकल्प समस्या**:
-- OpenAI पॅकेज इन्स्टॉल आहे का: `pip install openai`
-- GITHUB_TOKEN पर्यावरण व्हेरिएबल सेट आहे का तपासा
-- GitHub Models प्रवेश परवानग्या बघा
+**Python चॅट प्रकल्प समस्या**:
+- OpenAI पॅकेज इन्स्टॉल केले आहे का: `pip install openai`
+- GITHUB_TOKEN पर्यावरण चल सेट आहे का तपासा
+- GitHub मॉडेल्सचा प्रवेश परवानगी तपासा
 
 **Docsify दस्तऐवज सेवा करत नाही**:
-- ग्लोबली docsify-cli इन्स्टॉल करा: `npm install -g docsify-cli`
-- संग्रहाच्या मुळ फोल्डरमधून चालवा
+- docsify-cli जागतिकरित्या इंस्टॉल करा: `npm install -g docsify-cli`
+- रेपॉजिटरी मूळ निर्देशिकेतून चालवा
 - `docs/_sidebar.md` अस्तित्वात आहे का तपासा
 
-### विकास पर्यावरण टिपा
+### विकास पर्यावरण टिप्स
 
 - HTML प्रकल्पांसाठी VS Code Live Server विस्तार वापरा
-- ESLint आणि Prettier विस्तार इन्स्टॉल करा सुसंगत स्वरूपासाठी
-- JavaScript डिबग करण्यासाठी ब्राउझर DevTools वापरा
-- Vue प्रकल्पांसाठी Vue DevTools ब्राउझर विस्तार इन्स्टॉल करा
+- सुसंगत स्वरूपासाठी ESLint आणि Prettier विस्तार इन्स्टॉल करा
+- JavaScript डीबगिंगसाठी ब्राउझर DevTools वापरा
+- Vue प्रकल्पांसाठी, Vue DevTools ब्राउझर विस्तार इन्स्टॉल करा
 
 ### कामगिरी विचार
 
-- ५०+ भाषांमधील बरेच भाषांतरित फाईल्स असल्याने संपूर्ण क्लोन मोठे असते
-- फक्त सामग्रीसाठी काम करत असल्यास shallow clone वापरा: `git clone --depth 1`
-- इंग्रजी सामग्रीवर काम करताना भाषांतर शोधांतून वगळा
-- प्रथम वेळ npm install, Vite बिल्ड इत्यादीमुळे बिल्ड प्रक्रिया संथ असू शकतात
+- भाषांतरित फाइल्सची मोठी संख्या (50+ भाषा) असल्यामुळे पुर्ण क्लोन मोठे असू शकतात
+- फक्त सामग्रीवर काम करत असल्यास, `git clone --depth 1` वापरा
+- इंग्रजी सामग्रीवर काम करताना भाषांतर शोधांमधून वगळा
+- पहिल्या चालनावर बिल्ड प्रक्रिया मंद होऊ शकते (npm install, Vite build)
 
 ## सुरक्षा विचार
 
-### पर्यावरण व्हेरिएबल्स
+### पर्यावरण चल
 
-- API की संग्रहात कधीही कमिट करू नका
-- `.env` फाईल्स वापरा (आधीच `.gitignore` मध्ये आहेत)
-- प्रकल्प READMEs मध्ये आवश्यक पर्यावरण व्हेरिएबल्स दस्तऐवजीकरण करा
+- API की रेपॉजिटरीमध्ये कधीही कमिट करू नयेत
+- `.env` फाइल्स वापरा (आधीच `.gitignore` मध्ये आहेत)
+- प्रकल्पांच्या README मध्ये आवश्यक पर्यावरण चल दस्तऐवज करा
 
 ### Python प्रकल्प
 
-- वर्च्युअल एन्व्हायर्नमेंट वापरा: `python -m venv venv`
-- Dependencies अद्ययावत ठेवा
-- GitHub टोकन्सला कमी परवानग्या द्या
+- आभासी पर्यावरण वापरा: `python -m venv venv`
+- अवलंबित्व अपडेट ठेवा
+- GitHub टोकन्सकडे कमीतकमी परवानगी द्या
 
-### GitHub Models प्रवेश
+### GitHub मॉडेल्स प्रवेश
 
-- GitHub Models साठी Personal Access Tokens (PAT) आवश्यक
-- टोकन्स पर्यावरण व्हेरिएबल्स म्हणून साठवा
-- टोकन्स किंवा क्रेडेन्शियल्स कधीही कमिट करू नका
+- GitHub मॉडेल्ससाठी व्यक्तीगत प्रवेश टोकन्स (PAT) आवश्यक
+- टोकन्स पर्यावरण चल म्हणून संग्रहित करा
+- टोकन्स किंवा कागदपत्रे कधीही कमिट करू नका
 
-## अतिरिक्त टीप
+## अतिरिक्त नोंदी
 
-### लक्षित प्रेक्षक
+### उद्दिष्ट प्रेक्षक
 
-- वेब विकासातील पूर्ण नवीन विद्यार्थी
-- विद्यार्थी आणि स्वअध्ययन करणारे
-- वर्गखोलांसाठी शिक्षक
-- सुलभता आणि हळूहळू कौशल्य निर्माणीसाठी डिझाइन केलेली सामग्री
+- वेब विकासासाठी पूर्णस्वरुपी नवशिके
+- विद्यार्थी आणि स्वयं-अभ्यासक
+- वर्गातील शिक्षक जे अभ्यासक्रम वापरतात
+- सामग्री प्रवेशयोग्य आणि क्रमशः कौशल्य वाढीसाठी डिझाइन केली आहे
 
 ### शैक्षणिक तत्त्वज्ञान
 
-- प्रकल्प-आधारित शिक्षण पद्धत
-- वारंवार ज्ञान तपासण्या (क्विझ)
-- हाताने कोडिंग सराव
-- प्रत्यक्ष जीवनातील अनुप्रयोग उदाहरणे
-- फ्रेमवर्कच्या आधी मूलभूत गोष्टींवर लक्ष
+- प्रकल्प-आधारित शिकणे
+- वारंवार ज्ञान तपासणी (क्विझ)
+- हस्तक्षेप कोडिंग सराव
+- प्रत्यक्ष अंमलबजावणी उदाहरणे
+- फ्रेमवर्कच्या आधी मूलतत्त्वांवर लक्ष देणे
 
-### संच देखभाल
+### रेपॉजिटरी देखभाल
 
-- सक्रिय शिकणाऱ्या आणि योगदानकर्त्यांचा समुदाय
-- सहाय्यक सामग्री आणि अवलंबनांचे नियमित अद्यतने
-- मेंटेनर्सने समस्या आणि चर्चांचे निरीक्षण
-- GitHub Actions द्वारे भाषांतर अद्यतने स्वयंचलित
+- शिकणाऱ्या आणि योगदान देणारे सक्रिय समुदाय
+- अवलंबित्वे आणि सामग्रीचे नियमित अद्यतने
+- समस्या आणि चर्चा तपासणारे मेंटेनर्स
+- GitHub Actions मार्फत भाषांतर अद्यतने स्वयंचलित
 
 ### संबंधित संसाधने
 
 - [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 अभ्यासक्रम उपलब्ध
+- शिकणाऱ्यांसाठी शिफारस केलेले [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- अतिरिक्त कोर्सेस: जनरेटिव्ह AI, डेटा सायन्स, ML, IoT अभ्यासक्रम उपलब्ध
 
-### विशिष्ट प्रकल्पांवर काम करणे
+### विशिष्ट प्रकल्पांसोबत काम करणे
 
-वैयक्तिक प्रकल्पांसाठी तपशीलवार सूचना पाहण्यासाठी README फाइल्स पहा:
+वैयक्तिक प्रकल्पांवरील तपशीलांसाठी README फायली पहा:
 - `quiz-app/README.md` - Vue 3 क्विझ अॅप्लिकेशन
-- `7-bank-project/README.md` - बँकिंग अॅप्लिकेशन ऑथेंटिकेशनसह
-- `5-browser-extension/README.md` - ब्राउझर एक्स्टेंशन विकास
+- `7-bank-project/README.md` - प्रमाणीकरणासह बँकिंग अॅप्लिकेशन
+- `5-browser-extension/README.md` - ब्राउझर विस्तार विकास
 - `6-space-game/README.md` - कॅनव्हास-आधारित गेम विकास
-- `9-chat-project/README.md` - AI चॅट सहाय्यक प्रकल्प
+- `9-chat-project/README.md` - एआय चॅट सहाय्यक प्रकल्प
 
-### Monorepo रचना
+### मोनोरिपॉ रचना
 
-समांतर प्रकल्प असलेले पारंपारिक मोनोरिपो नसले तरी, या संग्रहात अनेक स्वतंत्र प्रकल्प आहेत:
-- प्रत्येक धडा स्वतंत्र आहे
-- प्रकल्प एकमेकांशी dependency शेअर करत नाहीत
-- इतरांवर परिणाम न होता वैयक्तिक प्रकल्पांवर काम करा
-- पूर्ण अभ्यासक्रमाचा अनुभव घेण्यासाठी पूर्ण संग्रह क्लोन करा
+पारंपरिक मोनोरिपॉ नसेल तरी, ही रेपॉजिटरी अनेक स्वतंत्र प्रकल्पांचे समावेश आहे:
+- प्रत्येक धडा स्वतःमध्ये संपूर्ण
+- प्रकल्प एकमेकांचे अवलंबित्व शेअर करत नाहीत
+- स्वतंत्र प्रकल्पांवर काम करा, इतरांवर परिणाम न होता
+- पूर्ण अभ्यासक्रमाचा अनुभव घेण्यासाठी संपूर्ण रेपॉ क्लोन करा
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:
-हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित केला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी, कृपया लक्षात घ्या की स्वयंचलित अनुवादात चुका किंवा असमर्थने असू शकतात. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीकरिता व्यावसायिक मानवी अनुवाद करण्याची शिफारस केली जाते. या अनुवादाच्या वापरामुळे उद्भवलेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थालाबाबत आम्ही जबाबदार नाही.
+**स्पष्टीकरण**:
+हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून अनुवादित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, तरी कृपया लक्षात ठेवा की स्वयंचलित अनुवादांमध्ये त्रुटी किंवा अचूकतेत फरक असू शकतो. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्वाच्या माहितीसाठी व्यावसायिक मानवी अनुवाद शिफारस केला जातो. या अनुवादाच्या वापरामुळे उद्भवणाऱ्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थामुळे आम्ही जबाबदार नाही.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/mr/README.md b/translations/mr/README.md
index 0529a6979..419a56225 100644
--- a/translations/mr/README.md
+++ b/translations/mr/README.md
@@ -10,203 +10,212 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# सुरुवातीसाठी वेब विकास - एक अभ्यासक्रम
+# नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम
 
-Microsoft Cloud Advocates कडून दिलेल्या 12 आठवड्यांच्या सखोल अभ्यासक्रमाद्वारे वेब विकासाच्या मूलभूत गोष्टी शिकण्यासाठी. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS आणि HTML यांचा अभ्यास प्रॅक्टिकल प्रोजेक्ट्स जसे की टेरारियम, ब्राऊझर एक्सटेंशन्स आणि स्पेस गेम्स यांच्यामार्फत केला जातो. क्विझ, चर्चा आणि व्यावहारिक असाइनमेंट्समध्ये सहभागी व्हा. आमच्या प्रभावी प्रोजेक्ट-आधारित शिक्षण पद्धतीने तुमच्या कौशल्यांना वाढवा आणि ज्ञान अधिक चांगल्या प्रकारे ठेवण्यास मदत करा. आजच तुमची कोडींग यात्रा सुरू करा!
+Microsoft Cloud Advocates यांनी तयार केलेल्या 12 आठवड्यांच्या सखोल कोर्ससह वेब विकासाची मूलतत्त्वे शिका. 24 धड्यांपैकी प्रत्येकात JavaScript, 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 Action द्वारे समर्थित (स्वयंचलित व सदैव अद्यतने)
+#### GitHub Action (स्वयंचलित व सदैव अद्ययावत) द्वारे समर्थित
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](./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+ भाषा अनुवाद आहेत ज्यामुळे डाउनलोड साईज लक्षणीय वाढतो. केवळ मूळ रिपॉजिटरी क्लोन करण्यासाठी, स्पार्स चेकआउट वापरा:
+> **स्थानिक स्वरूपात क्लोन करावे का?**
+>
+> या रिपॉझिटरीमध्ये 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"
+> ```
+>
+> यामुळे आपल्याला कोर्स पूर्ण करण्यासाठी आवश्यक असलेले सर्व काही वेगाने डाउनलोड होते.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**जर तुम्हाला अतिरिक्त भाषांमध्ये समर्थन हवे असल्यास, ते [इथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) यादी रूपात दिले आहे**
+**अधिक भाषांमध्ये अनुवाद हवा असल्यास, ते [येथे](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) यादीबद्ध आहेत**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _तुम्ही विद्यार्थी आहात का?_
 
-[**विद्यार्थी हब पृष्ठ**](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 Agent मोड आव्हाने पूर्ण करायची!
 
-नवीन आव्हान जोडा, "GitHub Copilot Agent Challenge 🚀" हा बहुसंख्य अध्यायांमध्ये शोधा. हा नवीन आव्हान तुम्हाला GitHub Copilot आणि Agent मोड वापरून पूर्ण करायचा आहे. जर तुम्ही कधीही Agent मोड वापरला नसेल तर तो फक्त मजकूर तयार करणे नव्हे तर फायली तयार करणे, संपादित करणे, कमांड्स चालवणे आणि आणखी बरेच काही करू शकतो.
+नवीन आव्हान जोडले गेले आहे, बहुतेक प्रकरणांमध्ये "GitHub Copilot Agent Challenge 🚀" शोधा. GitHub Copilot आणि Agent मोड वापरून पूर्ण करायचे हे नवीन आव्हान आहे. जर तुम्ही पूर्वी Agent मोड वापरला नसेल तर तो फक्त मजकूर तयार करत नाही तर फाईल तयार करणे, संपादित करणे, कमांड चालवणे इत्यादीही करू शकतो.
 
-### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_ 
+### 📣 घोषणा - _Generative AI वापरून नवीन प्रोजेक्ट तयार करा_
 
-नवीन AI सहायक प्रोजेक्ट नुकताच जोडला गेला आहे, तपासा [प्रोजेक्ट](./9-chat-project/README.md)
+नवीन AI साहायक प्रोजेक्ट नुकताच जोडले गेले आहे, ते पाहा [प्रोजेक्ट](./9-chat-project/README.md)
 
-### 📣 घोषणा - _Generative AI साठी नवीन अभ्यासक्रम_ JavaScript साठी नुकताच रिलीज झाला आहे
+### 📣 घोषणा - _Generative AI साठी JavaScript चा नवीन अभ्यासक्रम_ नुकताच प्रकाशित झाला आहे
 
 आमचा नवीन 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)!
 
 ![Background](../../translated_images/mr/background.148a8d43afde5730.webp)
 
-- मूलभूतांसह RAG पर्यंतच्या सर्व गोष्टींचे धडे.
-- Historical characters सह संवाद करा GenAI आणि आमच्या सोबतीच्या अॅपचा वापर करून.
-- मजेदार आणि आकर्षक कथा, तुम्ही वेळ प्रवास करत असाल!
+- मूलभूत गोष्टींपासून RAG पर्यंत सर्व विषयांना स्पर्श करणारे धडे.
+- GenAI आणि आमच्या सोबतीच्या अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
+- मजेदार आणि गुंतवणूक करणारी कथा, तुम्ही काळ प्रवास कराल!
 
 ![character](../../translated_images/mr/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://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 मध्ये अभ्यासक्रम चालवणे
 
-तुमच्या तयार केलेल्या कॉपी मध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुम्हाला काम करण्यासाठी नवीन Codespace तयार होईल.
+तुमच्या तयार केलेल्या कॉपीमध्ये, **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. हे तुमच्यासाठी नवीन Codespace तयार करेल ज्यात तुम्ही काम करू शकता.
 
 ![Codespace](../../translated_images/mr/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) तुमचा एडिटर म्हणून वापरा ज्यामध्ये अंगभूत [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) देखील आहे. तुम्ही Visual Studio Code [येथे](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) डाउनलोड करू शकता.
+हा अभ्यासक्रम तुमच्या संगणकावर चालवण्यासाठी तुम्हाला टेक्स्ट एडिटर, ब्राऊझर आणि कमांड लाइन टूलची गरज आहे. आमचा पहिला धडा [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) तुम्हाला वेगवेगळ्या पर्यायांबाबत मार्गदर्शन करेल ज्यामुळे तुम्ही तुमच्यासाठी योग्य असलेल्या टूलची निवड करू शकता.
 
-
-1. तुमच्या संगणकावर तुमचा रिपॉजिटरी क्लोन करा. हे करण्यासाठी **Code** बटण क्लिक करा आणि URL कॉपी करा:
+आमची शिफारस [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) हा आहे, ज्यामध्ये एक अंतर्निर्मित [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) देखील आहे. तुम्ही Visual Studio Code [येथे डाउनलोड करू शकता](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. तुमच्या संगणकावर तुमचे रिपॉझिटरी क्लोन करा. तुम्ही हे **Code** बटणावर क्लिक करून आणि URL कॉपी करून करू शकता:
 
     [CodeSpace](./images/createcodespace.png)
-मग, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) मध्ये [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) उघडा आणि खालील आदेश चालवा, `<your-repository-url>` या स्थानावर आपण नुकतीच कॉपी केलेली URL टाका:
+
+    नंतर, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) मध्ये [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) उघडा आणि खालील आदेश चालवा, `<your-repository-url>` च्या ठिकाणी तुम्ही आत्ता कॉपी केलेले URL ठेवा:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code मध्ये फोल्डर उघडा. आपण हे **File** > **Open Folder** क्लिक करून आणि आपण नुकताच क्लोन केलेला फोल्डर निवडून करू शकता.
+2. Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही हे **File** > **Open Folder** क्लिक करून आणि तुम्ही क्लोन केलेला फोल्डर निवडून करू शकता.
 
 
-> शिफारस केलेले Visual Studio Code विस्तार:
+>  शिफारसीय Visual Studio Code विस्तार:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code मध्ये HTML पृष्ठांचे प्रीव्ह्यू करण्यासाठी
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड जलद लिहिण्यास मदत करण्यासाठी
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code मध्ये HTML पानांचे पूर्वदृश्य पाहण्यासाठी
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - कोड वेगाने लिहिण्यास मदत करण्यासाठी
 
-## 📂 प्रत्येक धड्यात समाविष्ट आहे:
+## 📂 प्रत्येक धडा यामधे आहे:
 
 - ऐच्छिक स्केचनोट
 - ऐच्छिक पूरक व्हिडिओ
-- धड्यापूर्वी गरमावा क्विझ
-- लिखित धडा
-- प्रकल्प-आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावरील टप्प्याटप्प्याने मार्गदर्शक
-- ज्ञान तपासण्या
+- धड्यापूर्वी वॉर्मअप क्विझ
+- लेखी धडा
+- प्रकल्प आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर पायरी-पायरी मार्गदर्शक
+- ज्ञान तपासणी
 - एक आव्हान
 - पूरक वाचन
 - असाइनमेंट
-- [धडा-नंतरचा क्विझ](https://ff-quizzes.netlify.app/web/)
+- [धड्यानंतर क्विझ](https://ff-quizzes.netlify.app/web/)
 
-> **क्विझ संबंधित टीप**: सर्व क्विझेस Quiz-app फोल्डरमध्ये आहेत, एकूण ४८ क्विझ, प्रत्येकी तीन प्रश्नांसह. ते [येथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत. क्विझ अॅप स्थानिकपणे चालवू शकता किंवा Azure वर तैनात करू शकता; `quiz-app` फोल्डरमधील सूचना फॉलो करा.
+> **क्विझबद्दल टिप**: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, एकूण 48 क्विझ तीन प्रश्नांसह. ते [इथे](https://ff-quizzes.netlify.app/web/) उपलब्ध आहेत, क्विझ अ‍ॅप स्थानिकरित्या चालवू शकतो किंवा Azure वर तैनात करू शकतो; `quiz-app` फोल्डरमधील सूचना पाळा.
 
 ## 🗃️ धडे
 
-|     |                       प्रकल्पाचे नाव                       |                            शिकवलेली संकल्पना                             | शैक्षणिक उद्दिष्टे                                                                                                                 |                                                         लिंक केलेला धडा                                                          |         लेखक          |
+|     |                       प्रकल्पाचे नाव                       |                            शिकवलेले संकल्पना                             | शिकण्याचे उद्दिष्टे                                                                                                                 |                                                         लिंक दिलेला धडा                                                          |         लेखक          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     सुरुवात                               |           प्रोग्रामिंगचे परिचय आणि औजारांची ओळख                      | बहुतेक प्रोग्रामिंग भाषांचे मूलभूत तत्त्वे आणि व्यावसायिक विकसकांना मदत करणाऱ्या सॉफ्टवेअरबद्दल शिका | [प्रोग्रामिंग भाषा आणि औजारांचे परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     सुरुवात                               |             GitHub ची मूलभूत माहिती, टीमसोबत काम करण्याचा समावेश           | आपल्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे                                                       |                            [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     सुरुवात                               |                             प्रवेशयोग्यता                              | वेब प्रवेशयोग्यतेचे मूलतत्त्वे शिका                                                                                               |                       [प्रवेशयोग्यता मूलभूत](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS मूलभूत                        |                         JavaScript डेटा प्रकार                          | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान                                                                                                 |                                       [डेटा प्रकार](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS मूलभूत                        |                         फंक्शन्स आणि मेथड्स                          | अ‍ॅप्लिकेशनच्या लॉजिक फ्लोसाठी फंक्शन्स आणि मेथड्सबद्दल शिका                                                             |                              [फंक्शन्स आणि मेथड्स](./2-js-basics/2-functions-methods/README.md)                               | Jasmine आणि Christopher |
-| 06  |                        JS मूलभूत                        |                        JS सह निर्णय घेणे                        | आपल्या कोडमध्ये निर्णय-निर्मिती पद्धती वापरून स्थिती कशी तयार करायची हे शिका                                                           |                                 [निर्णय घेणे](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS मूलभूत                        |                            अ‍ॅरे आणि लूप्स                            | JavaScript मध्ये अ‍ॅरे आणि लूप्स वापरून डेटा कसा हाताळायचा हे शिका                                                                                 |                                   [अ‍ॅरे आणि लूप्स](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML चा वापर                            | ऑनलाइन टेररियम तयार करण्यासाठी HTML तयार करा, लेआउट तयार करण्यावर लक्ष केंद्रित करा                                                         |                                 [HTML परिचय](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS चा वापर                             | ऑनलाइन टेररियमला स्टाइल करण्यासाठी CSS तयार करा, मूलभूत CSS सह पृष्ठ प्रतिसादक बनवण्यावर लक्ष केंद्रित करा                     |                                  [CSS परिचय](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript क्लोजर, DOM संशोधन                  | ड्रॅग/ड्रॉप इंटरफेससाठी JavaScript तयार करा, क्लोजर आणि DOM संशोधनावर लक्ष केंद्रित करा             |                  [JS क्लोजर, DOM संशोधन](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [टायपिंग गेम](./4-typing-game/solution/README.md)          |                          टायपिंग गेम तयार करणे                           | JavaScript अ‍ॅपची लॉजिक चालवण्यासाठी कीबोर्ड इव्हेंट्स कसे वापरायचे हे शिका                                                          |                                [इव्हेंट-चालित प्रोग्रामिंग](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) |                         ब्राउझर सोबत काम करणं                          | ब्राउझर्स कसे काम करतात, त्यांचा इतिहास आणि ब्राउझर विस्तारांची पहिले घटक तयार करण्याची पद्धत शिका                              |                               [ब्राउझर बद्दल](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानीय संचयात व्हेरिएबल्स साठवणे | API कॉल करण्यासाठी ब्राउझर एक्सटेंशनचे JavaScript तयार करा, स्थानीय संचयातील व्हेरिएबल्स वापरून                      |                [API, फॉर्म, आणि लोकल स्टोरेज](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [ग्रीन ब्राउझर विस्तार](./5-browser-extension/solution/README.md) |          ब्राउझरमधील पृष्ठभूमी प्रक्रिये, वेब कार्यक्षमता          | विस्तार आयकॉन व्यवस्थापित करण्यासाठी ब्राउझरच्या पृष्ठभूमी प्रक्रियांचा वापर करा; वेब कार्यक्षमता आणि काही ऑप्टिमायझेशन शिका   |             [पृष्ठभूमी कार्ये आणि कार्यक्षमता](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [स्पेस गेम](./6-space-game/solution/README.md)           |             JavaScript सह अजून प्रगत गेम डेव्हलपमेंट             | वर्ग आणि संयोजन वापरून वारसा, आणि Pub/Sub पद्धत बद्दल शिका, गेम तयार करण्यासाठी तयारी              |                      [प्रगत गेम डेव्हलपमेंट परिचय](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                           कॅनव्हासवर ड्रॉइंग                            | स्क्रीनवर घटक रेखाटण्यासाठी कॅनव्हास API बद्दल शिका                                                                       |                                [कॅनव्हास वर ड्रॉइंग](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                   स्क्रीनवर घटक हलविणे                    | घटकांना गती मिळवून देण्यासाठी Cartesian Coordinates आणि कॅनव्हास API कसा वापरायचा हे शोधा                                            |                           [घटक हलविणे](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                          संग撞 तपासणी                           | घटकांना एकमेकांशी टकराव करून कसे प्रतिक्रिया द्यायची आणि कार्यप्रदर्शनासाठी कूलडाउन फंक्शन कशी द्यायची ते शिका    |                              [संघर्ष तपासणी](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                             गुणांक ठेवणे                              | गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा                                                                |                                    [गुणांक ठेवणे](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [स्पेस गेम](./6-space-game/solution/README.md)           |                     गेम संपवणे आणि पुन्हा सुरू करणे                     | गेम संपवण्यास आणि पुनःप्रारंभ करण्यासंबंधी, संसाधने स्वच्छ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे शिका                              |                                [अंतिम स्थिती](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md)          |                 वेब अ‍ॅपमध्ये HTML साचा आणि मार्ग                 | राउटिंग आणि HTML साच्यांचा वापर करून बहुपृष्ठी वेबसाइटचे आराखडा कसा तयार करायचा हे शिका                             |                            [HTML साच्य आणि मार्ग](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md)          |                  लॉगिन आणि नोंदणी फॉर्म तयार करा                   | फॉर्म तयार करणे आणि प्रमाणीकरण प्रथांची हाताळणी कशी करायची शिका                                                                          |                                           [फॉर्म](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md)          |                   डेटा मिळवण्याच्या आणि वापरण्याच्या पद्धती                   | आपल्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, कसा मिळवायचा, साठवायचा आणि नष्ट करण्याचा मार्ग                                                 |                                            [डेटा](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [बँकिंग अ‍ॅप](./7-bank-project/solution/README.md)          |                      राज्य व्यवस्थापन संकल्पना                      | आपल्या अ‍ॅपमध्ये स्थिती कशी टिकवली जाते आणि प्रोग्रामॅटिकली कशी व्यवस्थापित केली जाते हे शिका                                                              |                                [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md)                                |          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 |
+| 01  |                     Getting Started                      |           प्रोग्रॅमिंग परिचय आणि उपकरणांची माहिती           | बहुसंख्य प्रोग्रॅमिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकसक जे काम करतात त्यासाठी मदत करणारे सॉफ्टवेअर शिकणे | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             GitHub ची मूलभूत माहिती, टीमसोबत काम करणे             | तुमच्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे याचा अभ्यास                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             प्रवेशयोग्यता                              | वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScript डेटा प्रकार                          | JavaScript डेटा प्रकारांचे मूलभूत ज्ञान                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         फंक्शन्स आणि मेथड्स                          | एका अनुप्रयोगाच्या लॉजिक फ्लोवर नियंत्रण ठेवण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिकणे                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        JSसह निर्णय घेणे                        | तुमच्या कोडमध्ये निर्णय घेण्याच्या पद्धती वापरून स्थिती कशी बनवायची हे शिकणे                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            अ‍ॅरे आणि लूप                            | JavaScript मध्ये डेटा अ‍ॅरे आणि लूपने कसा हाताळायचा                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML प्रॅक्टिस                            | ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर लक्ष केंद्रित करा                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS प्रॅक्टिस                             | ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींचा वापर करून पान प्रतिसादात्मक कसे करायचे हे शिकणे                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript क्लोजर्स, DOM हाताळणी                  | टेरारियमसाठी JavaScript तयार करा जे ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करतील, क्लोजर्स आणि DOM हाताळणीवर लक्ष देऊन             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          टायपिंग गेम बनवा                           | कीबोर्ड इव्हेंट्सचा वापर करून तुमच्या JavaScript अ‍ॅपच्या लॉजिकला कसे चालवायचे हे शिकणे                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         ब्राउझरशी काम करणे                          | ब्राउझर कसे काम करतात, त्यांचा इतिहास काय आहे, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे याचा अभ्यास                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहणात डेटा सेव्ह करणे | ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा ज्याने API कॉल करायचा आणि स्थानिक संग्रहणातील व्हेरिएबल वापरायचे                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता          | अ‍ॅप्लिकेशनची चिन्हे कशी व्यवस्थापित करावी हे ब्राउझरच्या पार्श्वभूमी प्रक्रियांद्वारे करा; वेब कार्यक्षमता आणि ऑप्टिमायझेशनच्या काही गोष्टीही शिका   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             JavaScript वापरून अधिक प्रगत गेम विकास             | क्लासेस आणि कंपोजिशन वापरून इनहेरिटन्स आणि Pub/Sub पॅटर्न बद्दल शिका, गेम तयार करण्याच्या तयारीसाठी              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           कॅनव्हासवर रेखाटन करणे                            | एक स्क्रीनवर घटक कसे रेखाटायचे हे Canvas API वापरून शिका                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   स्क्रीनवर घटक हलवणे                    | कर्टेसियन निर्देशांक आणि Canvas API वापरून घटकांना हालचाल कशी मिळवायची शोधा                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          धडक ओळखणे                           | घटक एकमेकांशी कसे धडकतात आणि कीप्रेस वापरून प्रतिसाद द्यायचा, तसेच गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाऊन फंक्शन द्या    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             स्कोअर ठेवणे                              | गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     गेमचा शेवट आणि पुन्हा सुरू करणे                     | गेमचा शेवट कसा करायचा आणि पुन्हा सुरू कसा करायचा, तसेच रीसोर्सेस साफ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 वेब अ‍ॅप्समधील HTML टेम्पलेट्स आणि रूट्स                 | मल्टिपेज वेबसाइटचे आर्किटेक्चर रूटिंग आणि HTML टेम्पलेट्स वापरून कसे तयार करायचे ते शिका                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  लॉगिन आणि नोंदणी फॉर्म तयार करा                   | फॉर्म तयार करणे आणि व्हॅलिडेशन रुटीन्स कसे हाताळायचे हे शिका                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   डेटा मिळविण्याचे आणि वापरण्याचे प्रकार                   | तुमच्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा याचा अभ्यास                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      स्टेट मॅनेजमेंटचे संकल्पना                      | तुमचा अ‍ॅप स्टेट कसा राखतो आणि प्रोग्रामिंगद्वारे त्याचे व्यवस्थापन कसे करायचे हे शिका                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सह काम करणे | कोड संपादक वापरणे शिका | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | AI सह काम करणे | तुमचा स्वतःचा AI सहाय्यक कसा तयार करायचा हे शिका | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 शिक्षणशास्त्र
 
-आमच्या अभ्यासक्रमाला दोन मुख्य अध्यापन तत्त्वे लक्षात घेऊन डिझाईन केले आहे:
-* प्रकल्प-आधारित शिक्षण
-* वारंवार क्विझेस
+आमच्या अभ्यासक्रमात दोन मुख्य शैक्षणिक तत्त्वे आहेत:
+* प्रकल्प आधारित शिक्षण
+* वारंवार क्विझ
 
-हा प्रोग्राम JavaScript, HTML, आणि CSS चे मूलभूत तत्त्वे तसेच आजच्या वेब डेव्हलपर्सद्वारे वापरल्या जाणार्‍या नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, व्हर्च्युअल टेररियम, पर्यावरणपूरक ब्राउझर विस्तार, स्पेस-इन्व्हेडर-शैलीचा गेम, आणि व्यवसायांसाठी बँकिंग अ‍ॅप तयार करून प्रत्यक्ष अनुभव मिळवतील. मालिकेच्या शेवटी, विद्यार्थ्यांना वेब डेव्हलपमेंटची मजबूत समज प्राप्त होईल.
+हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांनी वापरलेले नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, वर्च्युअल टेरारियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इन्व्हेडर-शैलीचा गेम, आणि व्यवसायांसाठी बँकिंग अ‍ॅप तयार करून व्यावहारिक अनुभव घेतील. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचा ठोस समज प्राप्त होईल.
 
-> 🎓 आपण या अभ्यासक्रमातील पहिले काही धडे [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून Microsoft Learn वर घेऊ शकता!
+> 🎓 तुम्ही या अभ्यासक्रमातील पहिले काही धडे [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) म्हणून Microsoft Learn वर घेऊ शकता!
 
-ज्या प्रकल्पांसह मजकूर संबंधित असेल त्यामुळे विद्यार्थ्यांसाठी प्रक्रिया अधिक आकर्षक होते आणि संकल्पनांचे टिकून राहणे वाढते. आम्ही 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 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात.
 
-आम्ही उद्दिष्टपूर्वक JavaScript फ्रेमवर्क परिचय देणे टाळले आहे जेणेकरून वेब डेव्हलपर म्हणून आवश्यक मूलभूत कौशल्यांवर लक्ष केंद्रित करता येईल आणि फ्रेमवर्क स्वीकारण्यापूर्वी त्याचा अभ्यास करता येईल, पुढील चांगला टप्पा Node.js बद्दल शिकणे असेल, जे "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" व्हिडिओ संग्रहाद्वारे मिळू शकते.
+आम्ही जावास्क्रिप्ट फ्रेमवर्कमध्ये प्रवेश करणे टाळले आहे जेणेकरून वेब विकसकासाठी मूलभूत कौशल्यांवर लक्ष केंद्रीत करता येईल, फ्रेमवर्क स्वीकारण्याआधी. या अभ्यासक्रमाचा पुढचा चांगला टप्पा Node.js शिकणे असेल, ज्यासाठी दुसऱ्या व्हिडिओ संग्रहाचा वापर करू शकता: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> आमचे [कोड ऑफ कंडक्ट](CODE_OF_CONDUCT.md) आणि [योगदान देणे](CONTRIBUTING.md) मार्गदर्शक पान पहा. आम्ही आपले रचनात्मक अभिप्राय स्वागत करतो!
+> आमच्या [नीती अभिवृत्ती](CODE_OF_CONDUCT.md) आणि [योगदानासाठी](CONTRIBUTING.md) मार्गदर्शक तत्त्वांचा अवलोकन करा. तुमचे रचनात्मक अभिप्राय आम्ही स्वागत करतो!
 
 
 ## 🧭 ऑफलाइन प्रवेश
 
-आपण हा दस्तऐवज ऑफलाइन [Docsify](https://docsify.js.org/#/) वापरून चालवू शकता. हा रेपो Fork करा, आपल्या स्थानिक संगणकावर [Docsify इंस्टॉल](https://docsify.js.org/#/quickstart) करा, आणि मग या रेपोच्या मुख्य फोल्डरमध्ये `docsify serve` लिहा. वेबसाइट पोर्ट 3000 वर आपल्या लोकलहोस्टवर चालेल: `localhost:3000`.
+तुम्ही [Docsify](https://docsify.js.org/#/) वापरून ही माहिती ऑफलाइन चालवू शकता. या रेपोचे फोर्क करा, स्थानिक संगणकावर [Docsify इंस्टॉल](https://docsify.js.org/#/quickstart) करा, नंतर या रेपोच्या मूळ फोल्डरमध्ये `docsify serve` टाईप करा. वेबसाईट पोर्ट 3000 वर तुमच्या लोकलहोस्टवर चालू होईल: `localhost:3000`.
 
 ## 📘 PDF
+सर्व धड्यांचा PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) सापडू शकतो.
 
-सर्व धड्यांचा PDF [येथे](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) उपलब्ध आहे.
 
+## 🎒 इतर अभ्यासक्रम
 
-## 🎒 इतर कोर्सेस
-आमची टीम इतर कोर्स तयार करते! तपासा:
+आमची टीम इतर अभ्यासक्रम तयार करते! पहा:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -223,7 +232,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा
 
 ---
  
-### 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)
@@ -231,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)
@@ -242,29 +251,29 @@ Azure AI Foundry Discord समुदायात सामील व्हा
 
 ---
  
-### Copilot Series
+### Copilot मालिका
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## मदत मिळवा
+## मदत घेणे
 
-जर तुम्हाला अडचण येत असेल किंवा AI ऍप्स तयार करताना काही प्रश्न असतील तर. इतर शिकणाऱ्यांसह आणि अनुभवी विकसकांसह MCP बाबत चर्चेमध्ये सहभागी व्हा. ही एक सहकार्यशील समुदाय आहे जिथे प्रश्न विचारले जातात आणि ज्ञान मुक्तपणे वाटले जाते.
+जर तुम्हाला अडचण किंवा एआय ऍप्स तयार करताना काही प्रश्न असतील तर. 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) फाईल पहा.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:
-हा दस्तऐवज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) चा उपयोग करून अनुवादित केलेला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, परंतु कृपया लक्षात घ्या की स्वयंचलित अनुवादांमध्ये चुका किंवा अचूकतेचा अभाव असू शकतो. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला जावा. महत्त्वपूर्ण माहितीकरिता व्यावसायिक मानवी अनुवाद शिफारसीय आहे. या अनुवादाच्या वापरामुळे होणाऱ्या कुठल्याही गैरसमजुतीक किंवा चुकीच्या अर्थ लावण्याबाबत आम्ही जबाबदार नाही.
+**सूचना**:
+हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, तरी कृपया लक्षात घ्या की स्वयंचलित भाषांतरांमध्ये चुका किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वाच्या माहिती साठी व्यावसायिक मानवी भाषांतर शिफारसीय आहे. या भाषांतराचा वापरामुळे झालेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थ लावणीसाठी आम्ही जबाबदार नाही.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ms/.co-op-translator.json b/translations/ms/.co-op-translator.json
index b386e3ed8..de1761edd 100644
--- a/translations/ms/.co-op-translator.json
+++ b/translations/ms/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T12:03:24+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:57:07+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ms"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:03:26+00:00",
+    "translation_date": "2026-03-06T13:06:45+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ms"
   },
@@ -516,8 +516,8 @@
     "language_code": "ms"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:54:17+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:53:17+00:00",
     "source_file": "README.md",
     "language_code": "ms"
   },
diff --git a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 81253d763..2d9facfff 100644
--- a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Pengenalan kepada Bahasa Pengaturcaraan dan Alat Pembangun Moden
+ 
+Hai di sana, bakal pembangun! 👋 Boleh saya beritahu sesuatu yang masih membuat saya teruja setiap hari? Anda bakal menemui bahawa pengaturcaraan bukan sekadar tentang komputer – ia tentang memiliki kuasa super sebenar untuk menghidupkan idea liar anda!
 
-Hai, bakal pembangun! 👋 Boleh saya kongsikan sesuatu yang masih membuatkan saya teruja setiap hari? Anda akan menemui bahawa pengaturcaraan bukan sekadar tentang komputer – ia adalah kuasa luar biasa untuk merealisasikan idea-idea liar anda!
+Anda tahu saat ketika anda menggunakan aplikasi kegemaran dan semuanya berjalan lancar? Bila anda tekan butang dan sesuatu yang benar-benar ajaib berlaku yang membuat anda berkata "wah, macam mana mereka BUAT itu?" Sebenarnya, seseorang seperti anda – mungkin sedang duduk di kedai kopi kegemaran mereka jam 2 pagi dengan espresso ketiga mereka – telah menulis kod yang mencipta keajaiban itu. Dan ini yang akan mengejutkan anda: menjelang akhir pelajaran ini, anda bukan sahaja akan faham bagaimana mereka melakukannya, tetapi anda akan teruja untuk mencubanya sendiri!
 
-Anda tahu saat itu apabila anda menggunakan aplikasi kegemaran anda dan semuanya berfungsi dengan sempurna? Apabila anda menekan butang dan sesuatu yang sangat ajaib berlaku sehingga membuatkan anda berkata "wow, macam mana mereka BUAT ni?" Nah, seseorang seperti anda – mungkin sedang duduk di kedai kopi kegemaran mereka pada pukul 2 pagi dengan espresso ketiga mereka – menulis kod yang mencipta keajaiban itu. Dan inilah yang akan mengejutkan anda: pada akhir pelajaran ini, anda bukan sahaja akan memahami bagaimana mereka melakukannya, tetapi anda akan teruja untuk mencubanya sendiri!
+Dengar, saya faham jika pengaturcaraan terasa mencabar sekarang. Bila saya mula-mula bermula, saya benar-benar fikir anda perlu jadi genius matematik atau sudah menulis kod sejak umur lima tahun. Tetapi inilah yang mengubah pandangan saya sepenuhnya: pengaturcaraan sebenarnya seperti belajar bercakap dalam bahasa baru. Anda mula dengan "hello" dan "terima kasih," kemudian berinjak ke memesan kopi, dan sebelum anda sedar, anda sedang berborak falsafah yang mendalam! Kecuali dalam kes ini, anda berborak dengan komputer, dan jujur? Mereka adalah rakan perbualan paling sabar yang pernah anda ada – mereka tidak pernah menghukum kesilapan anda dan mereka sentiasa teruja untuk cuba lagi!
 
-Dengar, saya faham sepenuhnya jika pengaturcaraan terasa menakutkan sekarang. Ketika saya mula-mula belajar, saya benar-benar fikir anda perlu menjadi genius matematik atau telah mula mengatur sejak kecil. Tetapi inilah yang mengubah perspektif saya sepenuhnya: pengaturcaraan sebenarnya seperti belajar bercakap dalam bahasa baru. Anda mula dengan "hello" dan "terima kasih," kemudian beralih kepada memesan kopi, dan sebelum anda sedar, anda sedang berbincang tentang falsafah yang mendalam! Kecuali dalam kes ini, anda bercakap dengan komputer, dan jujurnya? Mereka adalah rakan bicara yang paling sabar – mereka tidak pernah menghakimi kesilapan anda dan sentiasa bersedia untuk mencuba lagi!
-
-Hari ini, kita akan meneroka alat luar biasa yang menjadikan pembangunan web moden bukan sahaja mungkin, tetapi sangat menyeronokkan. Saya bercakap tentang editor, pelayar, dan aliran kerja yang sama yang digunakan oleh pembangun di Netflix, Spotify, dan studio aplikasi indie kegemaran anda setiap hari. Dan inilah bahagian yang akan membuatkan anda menari kegembiraan: kebanyakan alat profesional ini adalah percuma!
+Hari ini, kita akan teroka alat luar biasa yang menjadikan pembangunan web moden bukan sahaja mungkin, tetapi sangat ketagih. Saya bercakap tentang editor, pelayar, dan aliran kerja yang sama yang digunakan oleh pembangun di Netflix, Spotify, dan studio aplikasi indie kegemaran anda setiap hari. Dan ini bahagian yang akan membuat anda menari kegembiraan: kebanyakan alat profesional ini adalah PERCUMA!
 
 ![Intro Programming](../../../../translated_images/ms/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
+    title Perjalanan Pengaturcaraan Anda Hari Ini
     section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
+      Apa itu Pengaturcaraan: 5: You
+      Bahasa Pengaturcaraan: 4: You
+      Gambaran Alat: 5: You
     section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
+      Penyunting Kod: 4: You
+      Pelayar & Alat Pembangun: 5: You
+      Baris Perintah: 3: You
     section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+      Detektif Bahasa: 4: You
+      Eksplorasi Alat: 5: You
+      Sambungan Komuniti: 5: You
 ```
+## Mari Kita Lihat Apa Yang Anda Sudah Tahu!
 
-## Mari Lihat Apa yang Anda Sudah Tahu!
+Sebelum kita melompat ke perkara menyeronokkan, saya ingin tahu – apa yang sudah anda tahu tentang dunia pengaturcaraan ini? Dan dengar, jika anda melihat soalan-soalan ini dan fikir "Saya betul-betul langsung tak faham apa-apa," itu bukan sahaja okay, ia sempurna! Itu bermaksud anda berada di tempat yang betul. Anggap kuiz ini seperti regangan sebelum senaman – kita cuma memanaskan otot otak!
 
-Sebelum kita melompat ke bahagian yang menyeronokkan, saya ingin tahu – apa yang anda sudah tahu tentang dunia pengaturcaraan ini? Dan dengar, jika anda melihat soalan-soalan ini dan berfikir "Saya benar-benar tidak tahu apa-apa tentang ini," itu bukan sahaja okay, tetapi sempurna! Itu bermakna anda berada di tempat yang betul. Anggap kuiz ini seperti regangan sebelum bersenam – kita hanya memanaskan otak!
+[Ambil kuiz pra-pelajaran](https://ff-quizzes.netlify.app/web/)
 
-[Ambil kuiz pra-pelajaran](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Pengembaraan yang Akan Kita Lalui Bersama
+## Pengembaraan Yang Akan Kita Jalani Bersama
 
-Baiklah, saya benar-benar teruja tentang apa yang akan kita terokai hari ini! Serius, saya berharap saya dapat melihat wajah anda apabila beberapa konsep ini mula masuk akal. Inilah perjalanan luar biasa yang akan kita lalui bersama:
+Baiklah, saya betul-betul teruja dengan apa yang akan kita teroka hari ini! Serius, saya harap saya dapat lihat wajah anda bila beberapa konsep ini klik. Ini perjalanan luar biasa yang akan kita lalui bersama:
 
-- **Apa sebenarnya pengaturcaraan (dan kenapa ia perkara paling hebat!)** – Kita akan menemui bagaimana kod adalah sihir yang tidak kelihatan yang menggerakkan segala-galanya di sekeliling anda, daripada penggera yang tahu ia pagi Isnin hingga algoritma yang menyusun cadangan Netflix anda dengan sempurna
-- **Bahasa pengaturcaraan dan keperibadian mereka yang menakjubkan** – Bayangkan anda masuk ke pesta di mana setiap orang mempunyai kuasa luar biasa dan cara menyelesaikan masalah yang berbeza. Itulah dunia bahasa pengaturcaraan, dan anda akan suka mengenali mereka!
-- **Blok asas yang membuat keajaiban digital berlaku** – Anggap ini sebagai set LEGO kreatif yang terbaik. Setelah anda memahami bagaimana kepingan ini sesuai bersama, anda akan sedar bahawa anda boleh membina apa sahaja yang anda impikan
-- **Alat profesional yang akan membuatkan anda rasa seperti mendapat tongkat sihir** – Saya tidak berlebihan di sini – alat ini akan membuatkan anda rasa seperti mempunyai kuasa luar biasa, dan bahagian terbaik? Ia adalah alat yang sama digunakan oleh profesional!
+- **Apa sebenarnya pengaturcaraan itu (dan kenapa ia paling hebat!)** – Kita akan terokai bagaimana kod sebenarnya adalah sihir tidak kelihatan yang memacu segala-galanya di sekitar anda, dari loceng penggera yang entah bagaimana tahu ini pagi Isnin ke algoritma yang secara sempurna menyusun cadangan Netflix anda
+- **Bahasa pengaturcaraan dan personalitinya yang menakjubkan** – Bayangkan masuk ke parti di mana setiap orang mempunyai kuasa super dan cara menyelesaikan masalah yang berbeza-beza. Begitulah dunia bahasa pengaturcaraan, dan anda akan suka berjumpa mereka!
+- **Blok binaan asas yang menjadikan sihir digital berlaku** – Bayangkan ini sebagai set LEGO kreatif utama. Setelah anda faham bagaimana bahagian ini bergabung, anda akan sedar anda boleh bina apa sahaja yang anda bayangkan
+- **Alat profesional yang akan membuat anda rasa seperti baru diberi tongkat ahli sihir** – Saya tidak berlebih-lebihan – alat ini benar-benar akan membuat anda rasa seperti mempunyai kuasa super, dan bahagian terbaik? Ia sama yang digunakan oleh para pro!
 
-> 💡 **Inilah perkara penting**: Jangan fikir untuk menghafal semuanya hari ini! Sekarang, saya hanya mahu anda merasakan semangat tentang apa yang mungkin. Perincian akan melekat secara semula jadi apabila kita berlatih bersama – begitulah cara pembelajaran sebenar berlaku!
+> 💡 **Ini sebenarnya:** Jangan cuba hafal semua hari ini! Sekarang ini, saya cuma mahu anda rasa percikan teruja tentang apa yang mungkin berlaku. Butiran akan melekat secara semula jadi bila kita berlatih bersama – begitulah pembelajaran sebenar terjadi!
 
-> Anda boleh mengambil pelajaran ini di [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Anda boleh ambil pelajaran ini di [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Jadi Apa Sebenarnya *Pengaturcaraan*?
+## Jadi Apa Sebenarnya *Pengaturcaraan* Itu?
 
-Baiklah, mari kita jawab soalan bernilai jutaan dolar: apa sebenarnya pengaturcaraan?
+Baiklah, mari kita jawab soalan bernilai juta dolar ini: apa itu pengaturcaraan sebenarnya?
 
-Saya akan kongsikan cerita yang mengubah cara saya berfikir tentang ini. Minggu lepas, saya cuba menerangkan kepada ibu saya bagaimana menggunakan alat kawalan jauh TV pintar baru kami. Saya mendapati diri saya berkata perkara seperti "Tekan butang merah, tetapi bukan butang merah besar, butang merah kecil di sebelah kiri... bukan, kiri anda yang satu lagi... okay, sekarang tahan selama dua saat, bukan satu, bukan tiga..." Kedengaran biasa? 😅
+Saya akan beritahu cerita yang mengubah cara saya fikir tentang ini. Minggu lepas, saya cuba terangkan kepada ibu saya cara guna alat kawalan jauh TV pintar baru kami. Saya dapati saya berkata "Tekan butang merah, tapi bukan butang merah besar, butang merah kecil di sebelah kiri... tidak, sebelah kiri yang lain... okay, sekarang tahan selama dua saat, bukan satu, bukan tiga..." Kedengaran akrab? 😅
 
-Itulah pengaturcaraan! Ia adalah seni memberikan arahan yang sangat terperinci, langkah demi langkah kepada sesuatu yang sangat berkuasa tetapi memerlukan segalanya dijelaskan dengan sempurna. Kecuali bukannya menerangkan kepada ibu anda (yang boleh bertanya "butang merah yang mana?!"), anda menerangkan kepada komputer (yang hanya melakukan apa yang anda katakan, walaupun apa yang anda katakan tidak betul-betul seperti yang anda maksudkan).
+Itulah pengaturcaraan! Ia seni memberikan arahan yang sangat terperinci, langkah demi langkah kepada sesuatu yang sangat kuat tetapi perlu semuanya dijelaskan dengan lengkap. Kecuali, bukan menerangkan kepada ibu anda (yang boleh tanya "butang merah yang mana?!"), anda menerangkan kepada komputer (yang hanya buat tepat apa yang anda suruh, walaupun apa yang anda kata bukan apa yang anda maksudkan).
 
-Inilah yang mengejutkan saya apabila saya mula belajar: komputer sebenarnya sangat mudah pada dasarnya. Mereka hanya memahami dua perkara – 1 dan 0, yang pada dasarnya hanya "ya" dan "tidak" atau "hidup" dan "mati." Itu sahaja! Tetapi inilah yang menjadikannya ajaib – kita tidak perlu bercakap dalam 1s dan 0s seperti dalam The Matrix. Di sinilah **bahasa pengaturcaraan** datang untuk menyelamatkan. Mereka seperti mempunyai penterjemah terbaik di dunia yang mengambil pemikiran manusia biasa anda dan menukarkannya kepada bahasa komputer.
+Ini yang buat saya terkejut bila mula belajar: komputer sebenarnya sangat mudah dari segi asasnya. Mereka hanya faham dua perkara – 1 dan 0, yang asasnya adalah "ya" dan "tidak" atau "hidup" dan "mati." Itu sahaja! Tapi inilah yang jadi magik – kita tidak perlu bercakap dalam 1 dan 0 seperti dalam The Matrix. Di sinilah **bahasa pengaturcaraan** membantu. Ia seperti mempunyai penterjemah terbaik dunia yang mengambil pemikiran manusia biasa anda dan tukar jadi bahasa komputer.
 
-Dan inilah yang masih membuatkan saya teruja setiap pagi apabila saya bangun: secara literal *segala-galanya* digital dalam hidup anda bermula dengan seseorang seperti anda, mungkin sedang duduk dalam pakaian tidur dengan secawan kopi, menaip kod di laptop mereka. Penapis Instagram yang membuatkan anda kelihatan sempurna? Seseorang mengatur itu. Cadangan yang membawa anda kepada lagu kegemaran baru anda? Seorang pembangun membina algoritma itu. Aplikasi yang membantu anda membahagikan bil makan malam dengan rakan? Ya, seseorang berfikir "ini menjengkelkan, saya rasa saya boleh menyelesaikan ini" dan kemudian... mereka melakukannya!
+Dan ini yang masih buat saya teruja setiap pagi bila bangun: hampir *segala-galanya* digital dalam hidup anda bermula dengan seseorang seperti anda, mungkin sedang duduk dalam baju tidur dengan secawan kopi, menaip kod di laptop mereka. Penapis Instagram yang buat anda nampak sempurna? Seseorang yang tulis kod itu. Cadangan yang membawa anda ke lagu kegemaran baru? Pembangun yang bina algoritma itu. Aplikasi yang bantu anda pecah bil makan malam dengan kawan? Ya, seseorang fikir "ini menyusahkan, saya percaya saya boleh baikinya" dan kemudian... mereka buat!
 
-Apabila anda belajar mengatur, anda bukan sahaja mempelajari kemahiran baru – anda menjadi sebahagian daripada komuniti luar biasa penyelesai masalah yang menghabiskan hari mereka berfikir, "Bagaimana jika saya boleh membina sesuatu yang membuatkan hari seseorang menjadi lebih baik?" Jujurnya, adakah perkara yang lebih hebat daripada itu?
+Bila anda belajar pengaturcaraan, anda bukan sekadar belajar kemahiran baru – anda menjadi sebahagian daripada komuniti hebat penyelesai masalah yang habiskan masa mereka berfikir, "Bagaimana kalau saya boleh bina sesuatu yang buat hari seseorang jadi lebih baik sikit?" Jujur, ada apa yang lebih hebat daripada itu?
 
-✅ **Fakta Menarik**: Inilah sesuatu yang sangat menarik untuk anda cari apabila ada masa lapang – siapa yang anda fikir adalah pengaturcara komputer pertama di dunia? Saya akan beri petunjuk: ia mungkin bukan orang yang anda jangkakan! Cerita di sebalik orang ini sangat menarik dan menunjukkan bahawa pengaturcaraan sentiasa tentang penyelesaian masalah kreatif dan berfikir di luar kotak.
+✅ **Cari Fakta Menarik**: Ini sesuatu yang sangat menarik untuk dicari bila ada masa lapang – siapa yang anda fikir adalah pengaturcara komputer pertama dunia? Saya akan beri petunjuk: mungkin bukan yang anda jangkakan! Cerita tentang orang ini sangat menarik dan tunjuk pengaturcaraan sentiasa tentang kreativiti menyelesaikan masalah dan berfikir di luar kotak.
 
-### 🧠 **Masa Semak: Bagaimana Perasaan Anda?**
+### 🧠 **Masa Semakan: Bagaimana Perasaan Anda?**
 
-**Luangkan masa untuk merenung:**
-- Adakah idea "memberi arahan kepada komputer" masuk akal kepada anda sekarang?
-- Bolehkah anda fikirkan tugas harian yang anda ingin automasikan dengan pengaturcaraan?
-- Apa soalan yang muncul dalam fikiran anda tentang pengaturcaraan ini?
+**Luangkan masa untuk fikir:**
+- Adakah idea "memberi arahan kepada komputer" kini masuk akal?
+- Boleh kah anda fikirkan tugas harian yang ingin anda automatikkan dengan pengaturcaraan?
+- Apa soalan yang muncul dalam fikiran anda tentang perkara pengaturcaraan ini?
 
-> **Ingat**: Ia sangat normal jika beberapa konsep masih kabur sekarang. Belajar pengaturcaraan adalah seperti belajar bahasa baru – ia mengambil masa untuk otak anda membina laluan neural tersebut. Anda sedang melakukan yang terbaik!
+> **Ingat:** Normal sahaja jika beberapa konsep rasa keliru sekarang. Belajar pengaturcaraan seperti belajar bahasa baru – ambil masa untuk otak bina laluan saraf. Anda buat dengan baik!
 
-## Bahasa Pengaturcaraan Seperti Pelbagai Rasa Magik
+## Bahasa Pengaturcaraan Seperti Rasa-Rasa Sihir Berbeza
 
-Baiklah, ini mungkin kedengaran pelik, tetapi ikut saya – bahasa pengaturcaraan adalah seperti pelbagai jenis muzik. Fikirkan: anda ada jazz, yang lancar dan improvisasi, rock yang kuat dan langsung, klasik yang elegan dan terstruktur, dan hip-hop yang kreatif dan ekspresif. Setiap gaya mempunyai suasana tersendiri, komuniti peminat yang bersemangat, dan setiap satu sesuai untuk mood dan keadaan yang berbeza.
+Baiklah, ini mungkin kedengaran pelik, tetapi ikut saya – bahasa pengaturcaraan banyak seperti genre muzik yang berbeza. Fikirkan: ada jazz yang lancar dan spontan, rock yang kuat dan terus-terang, klasik yang anggun dan teratur, dan hip-hop yang kreatif dan ekspresif. Setiap gaya ada suasana sendiri, komuniti peminat yang bersemangat, dan setiap satu sesuai untuk mood dan acara berbeza.
 
-Bahasa pengaturcaraan berfungsi dengan cara yang sama! Anda tidak akan menggunakan bahasa yang sama untuk membina permainan mudah alih yang menyeronokkan seperti yang anda gunakan untuk menganalisis data iklim yang besar, sama seperti anda tidak akan memainkan muzik death metal di kelas yoga (baik, kebanyakan kelas yoga! 😄).
+Bahasa pengaturcaraan berfungsi sama! Anda tak akan guna bahasa yang sama untuk bina permainan mudah alih yang menyeronokkan dengan bahasa yang anda guna untuk analisis data iklim yang besar, sama seperti anda tak akan main death metal dalam kelas yoga (baiklah, kebanyakan kelas yoga! 😄).
 
-Tetapi inilah yang benar-benar mengejutkan saya setiap kali saya memikirkannya: bahasa-bahasa ini seperti mempunyai penterjemah yang paling sabar dan bijak di dunia duduk di sebelah anda. Anda boleh menyatakan idea anda dengan cara yang terasa semula jadi kepada otak manusia anda, dan mereka mengendalikan semua kerja kompleks untuk menukarkannya kepada 1s dan 0s yang sebenarnya difahami oleh komputer. Ia seperti mempunyai rakan yang fasih dalam kedua-dua "kreativiti manusia" dan "logik komputer" – dan mereka tidak pernah letih, tidak pernah memerlukan rehat kopi, dan tidak pernah menghakimi anda kerana bertanya soalan yang sama dua kali!
+Tapi ini yang betul-betul buat saya kagum setiap kali saya fikir: bahasa-bahasa ini seperti ada penterjemah paling sabar dan bijak di dunia duduk di sebelah anda. Anda boleh ungkap idea dengan cara yang semula jadi pada otak manusia anda, dan mereka uruskan kerja kompleks menterjemah itu ke dalam 1 dan 0 yang komputer faham. Macam ada kawan yang fasih kedua-dua "kreativiti manusia" dan "logik komputer" – dan mereka tak pernah penat, tak perlu rehat kopi, dan tak pernah marah bila anda tanya soalan sama dua kali!
 
 ### Bahasa Pengaturcaraan Popular dan Kegunaannya
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((Bahasa Pengaturcaraan))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Magik Frontend
+        Laman Web Interaktif
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Jenis
+        Aplikasi Perusahaan
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Sains Data
+        Pembelajaran Mesin
+        Automasi
       R
-        Statistics
-        Research
+        Statistik
+        Penyelidikan
     Mobile Apps
       Java
         Android
-        Enterprise
+        Perusahaan
       Swift
         iOS
-        Apple Ecosystem
+        Ekosistem Apple
       Kotlin
-        Modern Android
-        Cross-platform
+        Android Moden
+        Rentas Platform
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        Permainan
+        Kritikal Prestasi
       Rust
-        Memory Safety
-        System Programming
+        Keselamatan Memori
+        Pengaturcaraan Sistem
       Go
-        Cloud Services
-        Scalable Backend
+        Perkhidmatan Awan
+        Backend Skala Besar
 ```
-
 | Bahasa | Terbaik Untuk | Kenapa Ia Popular |
-|--------|---------------|-------------------|
-| **JavaScript** | Pembangunan web, antara muka pengguna | Berfungsi dalam pelayar dan menggerakkan laman web interaktif |
+|----------|----------|------------------|
+| **JavaScript** | Pembangunan web, antara muka pengguna | Berjalan dalam pelayar dan menggerakkan laman web interaktif |
 | **Python** | Sains data, automasi, AI | Mudah dibaca dan dipelajari, perpustakaan yang kuat |
-| **Java** | Aplikasi perusahaan, aplikasi Android | Bebas platform, kukuh untuk sistem besar |
+| **Java** | Aplikasi perusahaan, aplikasi Android | Platform-independen, kukuh untuk sistem besar |
 | **C#** | Aplikasi Windows, pembangunan permainan | Sokongan ekosistem Microsoft yang kuat |
 | **Go** | Perkhidmatan awan, sistem backend | Pantas, mudah, direka untuk pengkomputeran moden |
 
-### Bahasa Tingkat Tinggi vs. Tingkat Rendah
+### Bahasa Tahap Tinggi vs Tahap Rendah
 
-Baiklah, ini adalah konsep yang benar-benar membuatkan otak saya bingung apabila saya mula belajar, jadi saya akan kongsikan analogi yang akhirnya membuatkan saya faham – dan saya benar-benar berharap ia membantu anda juga!
+Baiklah, ini sebenarnya konsep yang buat minda saya 'pecah' bila mula belajar, jadi saya nak kongsi analogi yang akhirnya buat saya faham – dan saya harap ia membantu anda juga!
 
-Bayangkan anda melawat negara di mana anda tidak bercakap bahasa tersebut, dan anda sangat perlu mencari tandas terdekat (kita semua pernah mengalami ini, kan? 😅):
+Bayangkan anda melawat negara yang bahasa mereka anda tak tahu, dan anda sangat perlu cari tandas terdekat (kita semua pernah lalui, kan? 😅):
 
-- **Pengaturcaraan tingkat rendah** adalah seperti belajar dialek tempatan dengan sangat baik sehingga anda boleh berbual dengan nenek yang menjual buah di sudut jalan menggunakan rujukan budaya, slang tempatan, dan jenaka dalaman yang hanya difahami oleh seseorang yang membesar di sana. Sangat mengagumkan dan sangat efisien... jika anda kebetulan fasih! Tetapi agak mengelirukan apabila anda hanya cuba mencari tandas.
+- **Pengaturcaraan tahap rendah** macam belajar dialek tempatan sehingga anda boleh berborak dengan nenek yang jual buah di sudut menggunakan rujukan budaya, bahasa pasar, dan jenaka dalaman yang hanya orang tempatan faham. Sangat mengagumkan dan sangat cekap... jika anda memang fasih! Tapi agak memeningkan bila anda cuma mahu cari tandas.
 
-- **Pengaturcaraan tingkat tinggi** adalah seperti mempunyai rakan tempatan yang hebat yang benar-benar memahami anda. Anda boleh berkata "Saya sangat perlu mencari tandas" dalam bahasa Inggeris biasa, dan mereka mengendalikan semua terjemahan budaya dan memberikan arahan dengan cara yang masuk akal kepada otak bukan tempatan anda.
+- **Pengaturcaraan tahap tinggi** macam ada kawan tempatan yang faham anda betul-betul. Anda cakap "Saya betul-betul perlu cari tandas" dalam Bahasa Inggeris biasa, dan mereka uruskan semua terjemahan budaya dan bagi arah yang masuk akal untuk otak bukan tempatan anda.
 
 Dalam istilah pengaturcaraan:
-- **Bahasa tingkat rendah** (seperti Assembly atau C) membolehkan anda berbual dengan sangat terperinci dengan perkakasan komputer sebenar, tetapi anda perlu berfikir seperti mesin, yang... baiklah, mari kita katakan ia adalah perubahan mental yang besar!
-- **Bahasa tingkat tinggi** (seperti JavaScript, Python, atau C#) membolehkan anda berfikir seperti manusia sementara mereka mengendalikan semua bahasa mesin di belakang tabir. Tambahan pula, mereka mempunyai komuniti yang sangat mesra penuh dengan orang yang ingat bagaimana rasanya menjadi baru dan benar-benar ingin membantu!
+- **Bahasa tahap rendah** (seperti Assembly atau C) membenarkan anda berinteraksi secara sangat terperinci dengan perkakasan sebenar komputer, tetapi anda perlu fikir macam mesin, yang... mari kita kata satu perubahan mental yang besar!
+- **Bahasa tahap tinggi** (seperti JavaScript, Python, atau C#) membenarkan anda berfikir macam manusia sementara mereka uruskan bahasa mesin di belakang tabir. Selain itu, mereka ada komuniti sangat mesra yang pernah jadi pemula dan benar-benar mahu membantu!
 
-Agak jelas yang mana satu saya akan cadangkan anda mulakan, kan? 😉 Bahasa tingkat tinggi adalah seperti mempunyai roda latihan yang anda tidak pernah mahu tanggalkan kerana ia menjadikan keseluruhan pengalaman lebih menyeronokkan!
+Teka bahasa mana saya cadangkan anda mula dengan? 😉 Bahasa tahap tinggi macam roda latihan yang anda tak mahu tanggalkan sebab ia buat pengalaman belajar lebih menyeronokkan!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Pemikiran Manusia:<br/>'Saya mahu mengira nombor Fibonacci'"] --> B{Pilih Tahap Bahasa}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Tahap Tinggi| C["🌟 JavaScript/Python<br/>Mudah dibaca dan ditulis"]
+    B -->|Tahap Rendah| D["⚙️ Assembly/C<br/>Kawalan terus perkakasan"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Tulis: fibonacci(10)"]
+    D --> F["📝 Tulis: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Pemahaman Komputer:<br/>Penterjemah mengendalikan kerumitan"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Keputusan Sama:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Saya Nak Tunjukkan Kenapa Bahasa Tahap Tinggi Lebih Mesra
 
-### Biarkan Saya Tunjukkan Kenapa Bahasa Tingkat Tinggi Lebih Mesra
-
-Baiklah, saya akan tunjukkan sesuatu yang sempurna untuk menunjukkan kenapa saya jatuh cinta dengan bahasa tingkat tinggi, tetapi pertama – saya perlukan anda berjanji sesuatu. Apabila anda melihat contoh kod pertama itu, jangan panik! Ia sepatutnya kelihatan menakutkan. Itulah intipati yang saya cuba sampaikan!
+Baiklah, saya nak tunjuk sesuatu yang jelas menunjukkan kenapa saya jatuh cinta pada bahasa tahap tinggi, tapi dulu – saya perlukan anda janji sesuatu. Bila lihat contoh kod pertama, jangan panik! Ia sepatutnya nampak menakutkan. Itu memang poin saya!
 
-Kita akan melihat tugas yang sama ditulis dalam dua gaya yang berbeza. Kedua-duanya mencipta apa yang dipanggil urutan Fibonacci – ia adalah corak matematik yang indah di mana setiap nombor adalah jumlah dua nombor sebelumnya: 0, 1, 1, 2, 3, 5, 8, 13... (Fakta menarik: anda akan menemui corak ini di mana-mana dalam alam semula jadi – lingkaran biji bunga matahari, corak kon pain, malah cara galaksi terbentuk!)
+Kita akan lihat tugasan yang sama ditulis dalam dua gaya berbeza. Kedua-duanya cipta apa yang dipanggil urutan Fibonacci – pola matematik indah di mana setiap nombor adalah jumlah dua nombor sebelum itu: 0, 1, 1, 2, 3, 5, 8, 13... (Fakta menarik: pola ini ada di mana-mana dalam alam semula jadi – putaran biji bunga matahari, corak buah pinus, malah cara galaksi terbentuk!)
 
-Bersedia untuk melihat perbezaannya? Mari kita mulakan!
+Sedia nak lihat perbezaannya? Mari!
 
-**Bahasa tingkat tinggi (JavaScript) – Mesra manusia:**
+**Bahasa tahap tinggi (JavaScript) – Mesra manusia:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Langkah 1: Persediaan asas Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Inilah yang dilakukan oleh kod ini:**
-- **Mengisytiharkan** satu constant untuk menentukan berapa banyak nombor Fibonacci yang kita mahu hasilkan
-- **Memulakan** dua pembolehubah untuk menjejaki nombor semasa dan seterusnya dalam urutan
-- **Menetapkan** nilai permulaan (0 dan 1) yang menentukan corak Fibonacci
-- **Memaparkan** mesej tajuk untuk mengenal pasti output kita
+**Ini yang kod ini lakukan:**
+- **Isytiharkan** satu tetap untuk tentukan berapa banyak nombor Fibonacci kita nak hasilkan
+- **Mula** dengan dua pembolehubah untuk jejak nombor sekarang dan seterusnya dalam urutan
+- **Tetapkan** nilai permulaan (0 dan 1) yang menentukan pola Fibonacci
+- **Papar** mesej header untuk kenal pasti output kita
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Langkah 2: Jana urutan dengan gelung
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Kira nombor seterusnya dalam urutan
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Memecahkan apa yang berlaku di sini:**
-- **Mengulang** setiap kedudukan dalam urutan kita menggunakan `for` loop
-- **Memaparkan** setiap nombor dengan kedudukannya menggunakan format literal templat
-- **Mengira** nombor Fibonacci seterusnya dengan menambah nilai semasa dan seterusnya
-- **Mengemas kini** pembolehubah penjejakan kita untuk bergerak ke iterasi seterusnya
+**Terangkan apa yang berlaku di sini:**
+- **Ulang** untuk setiap kedudukan dalam urutan menggunakan gelung `for`
+- **Papar** setiap nombor dengan kedudukannya menggunakan format template literal
+- **Kira** nombor Fibonacci seterusnya dengan tambah nilai sekarang dan seterusnya
+- **Kemas kini** pembolehubah untuk bergerak ke iterasi seterusnya
 
 ```javascript
-// Step 3: Modern functional approach
+// Langkah 3: Pendekatan fungsional moden
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Contoh penggunaan
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Dalam kod di atas, kita telah:**
-- **Mencipta** fungsi boleh guna semula menggunakan sintaks fungsi anak panah moden
-- **Membina** array untuk menyimpan urutan lengkap daripada memaparkan satu persatu
-- **Menggunakan** pengindeksan array untuk mengira setiap nombor baru daripada nilai sebelumnya
-- **Mengembalikan** urutan lengkap untuk kegunaan fleksibel dalam bahagian lain program kita
+**Dalam contoh di atas, kita:**
+- **Cipta** fungsi boleh guna semula menggunakan sintaks fungsi anak panah moden
+- **Bina** senarai untuk simpan urutan penuh daripada hanya paparkan satu demi satu
+- **Guna** indeks senarai untuk kira setiap nombor baru dari nilai sebelum
+- **Pulangkan** urutan penuh untuk kegunaan fleksibel dalam bahagian lain program kita
 
-**Bahasa tingkat rendah (ARM Assembly) – Mesra komputer:**
+**Bahasa tahap rendah (ARM Assembly) – Mesra komputer:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,63 +257,63 @@ back add r0,r1
  end
 ```
 
-Perhatikan bagaimana versi JavaScript hampir seperti arahan dalam bahasa Inggeris, sementara versi Assembly menggunakan arahan yang sukar difahami yang secara langsung mengawal pemproses komputer. Kedua-duanya menyelesaikan tugas yang sama, tetapi bahasa tingkat tinggi jauh lebih mudah untuk manusia fahami, tulis, dan selenggara.
+Perhatikan bagaimana versi JavaScript baca hampir seperti arahan dalam Bahasa Inggeris, manakala versi Assembly menggunakan arahan cryptic yang mengawal terus pemproses komputer. Kedua-duanya capai tugas yang sama, tetapi bahasa tahap tinggi jauh lebih mudah difahami, ditulis, dan diselenggara oleh manusia.
 
-**Perbezaan utama yang anda akan perhatikan:**
-- **Kebolehbacaan**: JavaScript menggunakan nama deskriptif seperti `fibonacciCount` sementara Assembly menggunakan label yang sukar difahami seperti `r0`, `r1`
-- **Komen**: Bahasa pengaturcaraan tahap tinggi menggalakkan komen penjelasan yang menjadikan kod lebih mudah difahami
-- **Struktur**: Aliran logik JavaScript sepadan dengan cara manusia berfikir tentang masalah secara langkah demi langkah
-- **Penyelenggaraan**: Mengemas kini versi JavaScript untuk keperluan yang berbeza adalah mudah dan jelas
+**Perbezaan utama yang anda perhatikan:**
+- **Kebolehbacaan**: JavaScript menggunakan nama yang deskriptif seperti `fibonacciCount` manakala Assembly menggunakan label yang sukar difahami seperti `r0`, `r1`
+- **Komen**: Bahasa aras tinggi menggalakkan komen penerangan yang menjadikan kod itu sendiri sebagai dokumentasi
+- **Struktur**: Aliran logik JavaScript sepadan dengan cara manusia berfikir tentang masalah satu demi satu
+- **Penyelenggaraan**: Mengemas kini versi JavaScript untuk keperluan berbeza adalah mudah dan jelas
 
-✅ **Tentang urutan Fibonacci**: Corak nombor yang sangat cantik ini (di mana setiap nombor adalah jumlah dua nombor sebelumnya: 0, 1, 1, 2, 3, 5, 8...) muncul *di mana-mana* dalam alam semula jadi! Anda boleh menemukannya dalam lingkaran bunga matahari, corak kon pain, cara cengkerang nautilus melengkung, dan bahkan dalam cara cabang pokok tumbuh. Sangat menakjubkan bagaimana matematik dan kod dapat membantu kita memahami dan mencipta semula corak yang digunakan alam untuk mencipta keindahan!
+✅ **Mengenai siri Fibonacci**: Corak nombor yang sangat indah ini (di mana setiap nombor adalah jumlah dua nombor sebelumnya: 0, 1, 1, 2, 3, 5, 8...) muncul secara harfiah *di mana-mana* dalam alam semula jadi! Anda akan menjumpainya dalam lingkaran bunga matahari, corak biji pinus, cara cengkerang nautilus melengkung, dan malah dalam cara dahan pokok tumbuh. Memang menakjubkan bagaimana matematik dan kod boleh membantu kita memahami dan menghasilkan semula corak yang digunakan alam untuk mencipta keindahan!
 
 
-## Blok Asas yang Membuat Keajaiban Terjadi
+## Blok Bangunan Yang Membuat Keajaiban Berlaku
 
-Baiklah, sekarang setelah anda melihat bagaimana bahasa pengaturcaraan berfungsi, mari kita pecahkan bahagian asas yang membentuk setiap program yang pernah ditulis. Anggaplah ini sebagai bahan penting dalam resipi kegemaran anda – setelah anda memahami apa yang dilakukan oleh setiap satu, anda akan dapat membaca dan menulis kod dalam hampir semua bahasa!
+Baiklah, sekarang anda telah melihat bagaimana bahasa pengaturcaraan berfungsi dalam tindakan, mari kita pecahkan bahagian asas yang membentuk hampir setiap program yang pernah ditulis. Anggaplah ini sebagai bahan penting dalam resipi kegemaran anda – apabila anda memahami apa yang setiap satu lakukan, anda akan dapat membaca dan menulis kod dalam hampir mana-mana bahasa!
 
-Ini seperti belajar tatabahasa pengaturcaraan. Ingat semasa di sekolah anda belajar tentang kata nama, kata kerja, dan cara menyusun ayat? Pengaturcaraan mempunyai versi tatabahasa sendiri, dan jujurnya, ia jauh lebih logik dan mudah daripada tatabahasa Bahasa Inggeris! 😄
+Ini agak seperti belajar tatabahasa pengaturcaraan. Ingat masa di sekolah apabila anda belajar tentang kata nama, kata kerja, dan bagaimana menyusun ayat? Pengaturcaraan mempunyai versi tatabahasa sendiri, dan jujurnya, ia jauh lebih logik dan memaafkan berbanding tatabahasa Bahasa Inggeris! 😄
 
-### Pernyataan: Arahan Langkah Demi Langkah
+### Penyataan: Arahan Langkah demi Langkah
 
-Mari kita mulakan dengan **pernyataan** – ini seperti ayat individu dalam perbualan dengan komputer anda. Setiap pernyataan memberitahu komputer untuk melakukan satu perkara tertentu, seperti memberikan arahan: "Belok kiri di sini," "Berhenti di lampu merah," "Parkir di tempat itu."
+Mari mulakan dengan **penyataan** – ini seperti ayat tunggal dalam perbualan dengan komputer anda. Setiap penyataan memberitahu komputer untuk melakukan satu perkara tertentu, seperti memberi arahan: "Belok kiri di sini," "Berhenti di lampu merah," "Parkir di tempat itu."
 
-Apa yang saya suka tentang pernyataan adalah betapa mudah dibacanya. Lihat ini:
+Apa yang saya suka tentang penyataan adalah betapa biasanya mudah dibaca. Lihat ini:
 
 ```javascript
-// Basic statements that perform single actions
+// Pernyataan asas yang melaksanakan tindakan tunggal
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Inilah yang dilakukan oleh kod ini:**
-- **Mengisytiharkan** pembolehubah tetap untuk menyimpan nama pengguna
-- **Memaparkan** mesej ucapan ke output konsol
-- **Mengira** dan menyimpan hasil operasi matematik
+**Ini yang dibuat oleh kod ini:**
+- **Isytihar** pembolehubah tetap untuk menyimpan nama pengguna
+- **Paparkan** mesej salam ke output konsol
+- **Kira** dan simpan hasil operasi matematik
 
 ```javascript
-// Statements that interact with web pages
+// Kenyataan yang berinteraksi dengan halaman web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Langkah demi langkah, inilah yang berlaku:**
-- **Mengubah** tajuk laman web yang muncul di tab pelayar
-- **Menukar** warna latar belakang keseluruhan badan halaman
+**Langkah demi langkah, ini yang berlaku:**
+- **Ubah** tajuk halaman web yang muncul di tab pelayar
+- **Tukar** warna latar belakang seluruh badan halaman
 
 ### Pembolehubah: Sistem Memori Program Anda
 
-Baiklah, **pembolehubah** adalah salah satu konsep kegemaran saya untuk diajar kerana ia sangat mirip dengan perkara yang anda gunakan setiap hari!
+Baiklah, **pembolehubah** sebenarnya adalah salah satu konsep kegemaran saya untuk diajar kerana ia sangat mirip dengan perkara yang anda gunakan setiap hari!
 
-Fikirkan senarai kenalan telefon anda sebentar. Anda tidak menghafal nombor telefon semua orang – sebaliknya, anda menyimpan "Ibu," "Kawan Baik," atau "Tempat Pizza Yang Hantar Sampai 2 Pagi" dan biarkan telefon anda mengingat nombor sebenar. Pembolehubah berfungsi dengan cara yang sama! Ia seperti bekas berlabel di mana program anda boleh menyimpan maklumat dan mengambilnya kemudian menggunakan nama yang masuk akal.
+Fikirkan tentang senarai kontak telefon anda seketika. Anda tidak menghafal nombor telefon setiap orang – sebaliknya, anda menyimpan "Ibu," "Kawan Baik," atau "Tempat Pizza Yang Menghantar Sehingga 2 Pagi" dan biar telefon anda mengingat nombor sebenar. Pembolehubah berfungsi dengan cara yang sama! Mereka seperti bekas berlabel di mana program anda boleh menyimpan maklumat dan mengambilnya semula menggunakan nama yang sebenar bermakna.
 
-Inilah yang sangat menarik: pembolehubah boleh berubah semasa program anda berjalan (itulah sebabnya ia dipanggil "pembolehubah" – faham maksudnya?). Sama seperti anda mungkin mengemas kini kenalan tempat pizza itu apabila anda menemui tempat yang lebih baik, pembolehubah boleh dikemas kini apabila program anda mempelajari maklumat baru atau apabila keadaan berubah!
+Ini yang sangat menarik: pembolehubah boleh berubah sewaktu program anda berjalan (oleh itu nama "pembolehubah" – nampak tak apa yang mereka buat?). Sama seperti anda mungkin mengemas kini kontak tempat pizza itu apabila anda temui tempat yang lebih baik, pembolehubah boleh dikemas kini apabila program anda mempelajari maklumat baru atau apabila keadaan berubah!
 
-Biar saya tunjukkan betapa mudahnya ini:
+Biarkan saya tunjukkan betapa mudahnya ini:
 
 ```javascript
-// Step 1: Creating basic variables
+// Langkah 1: Mewujudkan pembolehubah asas
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -323,13 +321,13 @@ let isRaining = false;
 ```
 
 **Memahami konsep ini:**
-- **Simpan** nilai yang tidak berubah dalam pembolehubah `const` (seperti nama laman web)
+- **Simpan** nilai yang tidak berubah dalam pembolehubah `const` (seperti nama tapak)
 - **Gunakan** `let` untuk nilai yang boleh berubah sepanjang program anda
-- **Tetapkan** jenis data yang berbeza: teks (string), nombor, dan boolean (benar/palsu)
-- **Pilih** nama deskriptif yang menjelaskan apa yang terkandung dalam setiap pembolehubah
+- **Tugaskan** jenis data berbeza: rentetan (teks), nombor, dan boolean (betul/salah)
+- **Pilih** nama yang deskriptif yang menjelaskan apa yang setiap pembolehubah simpan
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Langkah 2: Bekerja dengan objek untuk mengelompokkan data berkaitan
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -337,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**Dalam kod di atas, kita telah:**
-- **Mencipta** objek untuk mengelompokkan maklumat cuaca yang berkaitan
-- **Mengatur** beberapa bahagian data di bawah satu nama pembolehubah
-- **Menggunakan** pasangan kunci-nilai untuk melabelkan setiap bahagian maklumat dengan jelas
+**Dalam contoh di atas, kita telah:**
+- **Buat** objek untuk mengumpul maklumat cuaca berkaitan
+- **Susun** pelbagai data di bawah satu nama pembolehubah
+- **Gunakan** pasangan kunci-nilai untuk memberi label setiap maklumat dengan jelas
 
 ```javascript
-// Step 3: Using and updating variables
+// Langkah 3: Menggunakan dan mengemas kini pembolehubah
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Mengemas kini pembolehubah yang boleh diubah
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**Mari kita fahami setiap bahagian:**
+**Mari fahami setiap bahagian:**
 - **Paparkan** maklumat menggunakan literal templat dengan sintaks `${}`
 - **Akses** sifat objek menggunakan notasi titik (`weatherData.windSpeed`)
 - **Kemas kini** pembolehubah yang diisytiharkan dengan `let` untuk mencerminkan keadaan yang berubah
-- **Gabungkan** beberapa pembolehubah untuk mencipta mesej yang bermakna
+- **Gabungkan** beberapa pembolehubah untuk membuat mesej yang bermakna
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Langkah 4: Pemecahan moden untuk kod yang lebih kemas
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Apa yang perlu anda tahu:**
-- **Ekstrak** sifat tertentu daripada objek menggunakan penugasan destruktur
-- **Cipta** pembolehubah baru secara automatik dengan nama yang sama seperti kunci objek
-- **Permudahkan** kod dengan mengelakkan notasi titik berulang
+**Apa yang anda perlu tahu:**
+- **Ekstrak** sifat tertentu dari objek menggunakan penugasan destruktur
+- **Buat** pembolehubah baru secara automatik dengan nama yang sama seperti kunci objek
+- **Permudahkan** kod dengan mengelakkan penggunaan notasi titik berulang
 
 ### Aliran Kawalan: Mengajar Program Anda Berfikir
 
-Baiklah, di sinilah pengaturcaraan menjadi sangat menakjubkan! **Aliran kawalan** pada dasarnya mengajar program anda bagaimana membuat keputusan pintar, sama seperti yang anda lakukan setiap hari tanpa berfikir.
+Baiklah, di sinilah pengaturcaraan jadi sangat menakjubkan! **Aliran kawalan** adalah mengajar program anda bagaimana membuat keputusan bijak, sama seperti yang anda lakukan setiap hari tanpa perlu berfikir.
 
-Bayangkan ini: pagi tadi anda mungkin melalui sesuatu seperti "Jika hujan, saya akan ambil payung. Jika sejuk, saya akan pakai jaket. Jika saya terlambat, saya akan abaikan sarapan dan ambil kopi dalam perjalanan." Otak anda secara semula jadi mengikuti logik jika-maka ini berpuluh-puluh kali setiap hari!
+Bayangkan ini: pagi ini anda mungkin melalui sesuatu seperti "Jika hujan, saya akan ambil payung. Jika sejuk, saya akan pakai jaket. Jika lambat, saya akan tinggalkan sarapan dan ambil kopi dalam perjalanan." Otak anda secara semula jadi mengikuti logik jika-kemudian ini berpuluh kali setiap hari!
 
-Inilah yang membuat program terasa pintar dan hidup daripada hanya mengikuti skrip yang membosankan dan boleh diramal. Mereka sebenarnya boleh melihat situasi, menilai apa yang sedang berlaku, dan bertindak balas dengan sewajarnya. Ia seperti memberikan program anda otak yang boleh menyesuaikan diri dan membuat pilihan!
+Ini yang membuat program rasa pintar dan hidup, bukannya hanya mengikuti skrip membosankan dan boleh dijangka. Mereka sebenarnya boleh melihat keadaan, menilai apa yang sedang berlaku, dan memberi tindak balas yang sesuai. Ia seperti memberi program anda otak yang boleh menyesuaikan diri dan membuat pilihan!
 
-Mahukan contoh bagaimana ini berfungsi dengan indah? Biar saya tunjukkan:
+Nak tengok betapa hebatnya ini berfungsi? Mari saya tunjukkan:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Langkah 1: Logik bersyarat asas
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -391,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Inilah yang dilakukan oleh kod ini:**
+**Ini yang dibuat oleh kod ini:**
 - **Periksa** jika umur pengguna memenuhi syarat mengundi
-- **Laksanakan** blok kod yang berbeza berdasarkan hasil keadaan
-- **Kira** dan paparkan berapa lama sehingga layak mengundi jika di bawah 18 tahun
-- **Berikan** maklum balas yang spesifik dan berguna untuk setiap senario
+- **Jalankan** blok kod berbeza berdasarkan hasil keadaan
+- **Kira** dan paparkan berapa lama lagi sehingga layak mengundi jika bawah 18
+- **Berikan** maklum balas khusus yang membantu untuk setiap senario
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Langkah 2: Pelbagai syarat dengan operator logik
 const userAge = 17;
 const hasPermission = true;
 
@@ -412,24 +410,24 @@ if (userAge >= 18 && hasPermission) {
 ```
 
 **Memecahkan apa yang berlaku di sini:**
-- **Gabungkan** beberapa keadaan menggunakan operator `&&` (dan)
-- **Cipta** hierarki keadaan menggunakan `else if` untuk beberapa senario
-- **Tangani** semua kes yang mungkin dengan pernyataan `else` terakhir
-- **Berikan** maklum balas yang jelas dan boleh diambil tindakan untuk setiap situasi yang berbeza
+- **Gabungkan** pelbagai syarat menggunakan operator `&&` (dan)
+- **Bina** hierarki syarat menggunakan `else if` untuk berbilang senario
+- **Tangani** semua kemungkinan dengan penyataan `else` terakhir
+- **Berikan** maklum balas yang jelas dan boleh bertindak untuk setiap situasi berbeza
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Langkah 3: Syarat ringkas dengan operator ternari
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Apa yang perlu anda ingat:**
-- **Gunakan** operator ternari (`? :`) untuk keadaan dua pilihan yang mudah
-- **Tulis** keadaan terlebih dahulu, diikuti oleh `?`, kemudian hasil benar, kemudian `:`, kemudian hasil palsu
-- **Gunakan** corak ini apabila anda perlu menetapkan nilai berdasarkan keadaan
+**Apa yang anda perlu ingat:**
+- **Gunakan** operator terner (`? :`) untuk syarat dua pilihan mudah
+- **Tulis** syarat dulu, ikut dengan `?`, kemudian hasil benar, kemudian `:`, kemudian hasil salah
+- **Gunakan** corak ini apabila mahu tugaskan nilai berdasarkan syarat
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Langkah 4: Mengendalikan pelbagai kes khusus
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -450,56 +448,55 @@ switch (dayOfWeek) {
 ```
 
 **Kod ini mencapai perkara berikut:**
-- **Padankan** nilai pembolehubah dengan beberapa kes tertentu
-- **Kelompokkan** kes yang serupa bersama-sama (hari kerja vs. hujung minggu)
-- **Laksanakan** blok kod yang sesuai apabila padanan ditemui
+- **Padankan** nilai pembolehubah dengan beberapa kes spesifik
+- **Kumpulkan** kes yang serupa (hari bekerja lawan hujung minggu)
+- **Jalankan** blok kod yang tepat apabila ada padanan
 - **Sertakan** kes `default` untuk menangani nilai yang tidak dijangka
-- **Gunakan** pernyataan `break` untuk mengelakkan kod terus ke kes seterusnya
+- **Gunakan** penyataan `break` untuk mengelakkan kod terus ke kes seterusnya
 
-> 💡 **Analogi dunia nyata**: Fikirkan aliran kawalan seperti mempunyai GPS yang paling sabar di dunia memberikan anda arahan. Ia mungkin berkata "Jika ada trafik di Jalan Utama, ambil lebuh raya sebagai gantinya. Jika pembinaan menghalang lebuh raya, cuba laluan pemandangan." Program menggunakan logik bersyarat yang sama untuk bertindak balas dengan bijak terhadap situasi yang berbeza dan sentiasa memberikan pengalaman terbaik kepada pengguna.
+> 💡 **Analogi dunia sebenar**: Fikirkan aliran kawalan seperti mempunyai GPS yang paling sabar di dunia memberi arahan. Ia mungkin berkata "Jika ada trafik di Jalan Utama, ambil lebuh raya sebagai gantinya. Jika pembinaan menghalang lebuh raya, cuba laluan yang indah." Program menggunakan jenis logik bersyarat yang sama untuk memberi maklum balas secara bijak kepada pelbagai situasi dan sentiasa memberikan pengguna pengalaman terbaik.
 
-### 🎯 **Semakan Konsep: Penguasaan Blok Asas**
+### 🎯 **Semakan Konsep: Penguasaan Blok Bangunan**
 
-**Mari lihat sejauh mana anda memahami asas-asas ini:**
-- Bolehkah anda menerangkan perbezaan antara pembolehubah dan pernyataan dengan kata-kata anda sendiri?
-- Fikirkan senario dunia nyata di mana anda akan menggunakan keputusan jika-maka (seperti contoh mengundi kita)
-- Apa satu perkara tentang logik pengaturcaraan yang mengejutkan anda?
+**Mari kita lihat sejauh mana pemahaman anda tentang asas:**
+- Boleh tak terangkan perbezaan antara pembolehubah dan penyataan dengan kata-kata anda sendiri?
+- Fikirkan satu senario dunia sebenar di mana anda akan gunakan keputusan if-then (seperti contoh pengundian kita)
+- Apa satu perkara mengenai logik pengaturcaraan yang buat anda terkejut?
 
-**Peningkatan keyakinan cepat:**
+**Peningkat keyakinan cepat:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Pernyataan<br/>(Arahan)"] --> B["📦 Pembolehubah<br/>(Simpanan)"] --> C["🔀 Aliran Kawalan<br/>(Keputusan)"] --> D["🎉 Program Berfungsi!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **Apa yang akan datang**: Kita akan berseronok meneroka lebih mendalam tentang konsep ini sambil meneruskan perjalanan luar biasa ini bersama! Sekarang, fokus saja pada rasa keterujaan tentang semua kemungkinan menakjubkan yang menanti anda. Kemahiran dan teknik khusus akan terhasil secara semula jadi apabila kita berlatih bersama – saya janji ini akan jadi lebih menyeronokkan dari yang anda sangka!
 
-✅ **Apa yang akan datang**: Kita akan berseronok mendalami konsep-konsep ini semasa kita meneruskan perjalanan luar biasa ini bersama-sama! Buat masa ini, fokuslah pada perasaan teruja tentang semua kemungkinan hebat yang menanti anda. Kemahiran dan teknik khusus akan melekat secara semula jadi semasa kita berlatih bersama – saya janji ini akan jauh lebih menyeronokkan daripada yang anda jangkakan!
-
-## Alat yang Digunakan
+## Alat Perdagangan
 
-Baiklah, ini adalah bahagian di mana saya sangat teruja sehingga hampir tidak dapat mengawal diri saya! 🚀 Kita akan bercakap tentang alat luar biasa yang akan membuatkan anda merasa seperti baru sahaja diberikan kunci kepada kapal angkasa digital.
+Baiklah, ini sebenarnya buat saya sangat teruja sampai tak sabar nak berkongsi! 🚀 Kita akan bercakap tentang alat luar biasa yang akan buat anda rasa seolah-olah baru saja diberi kunci ke kapal angkasa digital.
 
-Anda tahu bagaimana seorang chef mempunyai pisau yang seimbang dengan sempurna yang terasa seperti lanjutan tangan mereka? Atau bagaimana seorang pemuzik mempunyai gitar yang seolah-olah menyanyi sebaik sahaja mereka menyentuhnya? Nah, pembangun mempunyai versi alat ajaib ini, dan inilah yang akan membuatkan anda kagum – kebanyakannya adalah percuma!
+Anda tahu bagaimana chef ada pisau yang seimbang sempurna yang terasa seperti sambungan tangan mereka? Atau bagaimana pemuzik ada gitar yang seolah-olah bernyanyi sebaik sahaja disentuh? Baiklah, pembangun ada versi alat ajaib mereka sendiri, dan inilah yang akan benar-benar mengejutkan anda – kebanyakannya percuma sepenuhnya!
 
-Saya hampir melompat dari kerusi saya memikirkan untuk berkongsi ini dengan anda kerana ia telah merevolusikan cara kita membina perisian. Kita bercakap tentang pembantu pengkodan berkuasa AI yang boleh membantu menulis kod anda (saya tidak bergurau!), persekitaran awan di mana anda boleh membina aplikasi sepenuhnya dari mana-mana sahaja dengan Wi-Fi, dan alat debugging yang sangat canggih sehingga ia seperti mempunyai penglihatan X-ray untuk program anda.
+Saya secara harfiah teruja untuk berkongsi ini dengan anda kerana ia telah merevolusikan cara kita membina perisian. Kita bercakap tentang pembantu pengekodan berkuasa AI yang boleh membantu menulis kod anda (saya tak bergurau!), persekitaran awan di mana anda boleh bina aplikasi penuh dari mana-mana sahaja dengan Wi-Fi, dan alat menyahpepijat yang sangat canggih seolah-olah ada penglihatan sinar-X untuk program anda.
 
-Dan inilah bahagian yang masih membuatkan saya meremang: ini bukan "alat pemula" yang akan anda tinggalkan. Ini adalah alat profesional yang sama yang digunakan oleh pembangun di Google, Netflix, dan studio aplikasi indie yang anda suka pada saat ini. Anda akan merasa seperti seorang profesional menggunakannya!
+Dan bahagian yang masih membuat saya berdebar: ini bukan "alat untuk pemula" yang akan anda tinggalkan bila dah maju. Ini adalah alat profesional yang sama yang digunakan oleh pembangun di Google, Netflix, dan studio aplikasi indie kegemaran anda ketika ini. Anda akan rasa sangat pro menggunakan mereka!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Idea Anda"] --> B["⌨️ Penyunting Kod<br/>(VS Code)"] 
+    B --> C["🌐 Alat Pembangun Pelayar<br/>(Ujian & Penyahpepijatan)"]
+    C --> D["⚡ Baris Arahan<br/>(Automasi & Alat)"]
+    D --> E["📚 Dokumentasi<br/>(Pembelajaran & Rujukan)"]
+    E --> F["🚀 Apl Web Luar Biasa!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Pembantu AI<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Ujian Peranti<br/>(Reka Bentuk Responsif)"]
+    D -.-> I["📦 Pengurus Pakej<br/>(npm, yarn)"]
+    E -.-> J["👥 Komuniti<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -508,176 +505,177 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
+### Penyunting Kod dan IDE: Sahabat Digital Baru Anda
 
-### Editor Kod dan IDE: Sahabat Digital Baru Anda
+Mari kita bercakap tentang penyunting kod – ini benar-benar akan jadi tempat kegemaran baru anda untuk melepak! Anggapkan mereka sebagai sanctuary pengaturcaraan peribadi di mana anda akan habiskan masa paling banyak hasilkan dan sempurnakan ciptaan digital anda.
 
-Mari kita bercakap tentang editor kod – ini akan menjadi tempat kegemaran baru anda untuk menghabiskan masa! Anggaplah mereka sebagai tempat perlindungan pengkodan peribadi anda di mana anda akan menghabiskan sebahagian besar masa anda mencipta dan menyempurnakan ciptaan digital anda.
+Tapi inilah yang sangat ajaib tentang penyunting moden: mereka bukan sahaja editor teks biasa. Mereka seperti mempunyai mentor pengekodan yang paling bijak dan penyokong sentiasa di sebelah anda 24/7. Mereka tangkap kesilapan taip sebelum anda sedar, cadangkan penambahbaikan yang membuat anda kelihatan genius, bantu anda faham apa yang setiap bahagian kod buat, dan sesetengahnya boleh jangka apa yang anda mahu taip dan tawarkan habiskan fikiran anda!
 
-Tetapi inilah yang benar-benar ajaib tentang editor moden: mereka bukan sekadar editor teks mewah. Mereka seperti mempunyai mentor pengkodan yang paling bijak dan menyokong duduk di sebelah anda 24/7. Mereka menangkap kesalahan ketik anda sebelum anda menyedarinya, mencadangkan penambahbaikan yang membuatkan anda kelihatan seperti seorang genius, membantu anda memahami apa yang dilakukan oleh setiap bahagian kod, dan beberapa daripadanya bahkan boleh meramalkan apa yang akan anda taip dan menawarkan untuk menyelesaikan pemikiran anda!
+Saya ingat bila pertama kali saya jumpa auto-completion – saya rasa macam hidup dalam masa depan. Anda mula taip sesuatu, penyunting anda kata, "Eh, adakah anda fikir tentang fungsi ini yang buat apa yang anda perlukan?" Macam ada pembaca fikiran sebagai rakan pengekodan!
 
-Saya masih ingat ketika pertama kali menemui auto-completion – saya benar-benar merasa seperti hidup di masa depan. Anda mula menaip sesuatu, dan editor anda berkata, "Hei, adakah anda memikirkan fungsi ini yang melakukan apa yang anda perlukan?" Ia seperti mempunyai pembaca fikiran sebagai rakan pengkodan anda!
+**Apa yang buat penyunting ini sangat hebat?**
 
-**Apa yang membuatkan editor ini begitu luar biasa?**
+Penyunting kod moden menawarkan pelbagai ciri yang mengagumkan direka untuk meningkatkan produktiviti anda:
 
-Editor kod moden menawarkan pelbagai ciri yang mengagumkan yang direka untuk meningkatkan produktiviti anda:
+| Ciri | Apa Yang Dilakukan | Kenapa Ia Membantu |
+|---------|--------------|--------------|
+| **Penyorotan Sintaks** | Warnakan bahagian kod berbeza | Memudahkan baca kod dan kesilapan dikesan |
+| **Auto-selesaian** | Cadangkan kod semasa taip | Mempercepat pengekodan dan kurangkan kesilapan taip |
+| **Alat Penyahpepijatan** | Bantu cari dan betulkan kesilapan | Jimatkan jam penyelesaian masalah |
+| **Sambungan** | Tambah ciri khusus | Sesuaikan penyunting untuk teknologi apa pun |
+| **Pembantu AI** | Cadangkan kod dan penerangan | Mempercepat pembelajaran dan produktiviti |
 
-| Ciri | Apa yang Dilakukan | Mengapa Ia Membantu |
-|------|---------------------|---------------------|
-| **Penyorotan Sintaks** | Mewarnakan bahagian kod yang berbeza | Memudahkan kod dibaca dan kesalahan dikesan |
-| **Auto-completion** | Mencadangkan kod semasa anda menaip | Mempercepat pengkodan dan mengurangkan kesalahan ketik |
-| **Alat Debugging** | Membantu anda mencari dan membetulkan kesalahan | Menjimatkan masa penyelesaian masalah |
-| **Sambungan** | Menambah ciri khusus | Menyesuaikan editor anda untuk sebarang teknologi |
-| **Pembantu AI** | Mencadangkan kod dan penjelasan | Mempercepat pembelajaran dan produktiviti |
+> 🎥 **Sumber Video**: Nak tengok alat-alat ini beraksi? Tonton [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) untuk gambaran menyeluruh.
 
-> 🎥 **Sumber Video**: Mahu melihat alat ini beraksi? Lihat [video Alat yang Digunakan](https://youtube.com/watch?v=69WJeXGBdxg) untuk gambaran keseluruhan yang komprehensif.
-
-#### Editor yang Disyorkan untuk Pembangunan Web
+#### Penyunting Disyorkan untuk Pembangunan Web
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Percuma)
 - Paling popular di kalangan pembangun web
-- Ekosistem sambungan yang sangat baik
+- Ekosistem sambungan yang cemerlang
 - Terminal terbina dalam dan integrasi Git
-- **Sambungan yang mesti ada**:
+- **Sambungan wajib ada**:
   - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Cadangan kod berkuasa AI
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Kolaborasi masa nyata
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Pemformatan kod automatik
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Menangkap kesalahan ketik dalam kod anda
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Format kod automatik
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Tangkap salah eja dalam kod anda
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Berbayar, percuma untuk pelajar)
-- Alat debugging dan pengujian yang canggih
-- Penyelesaian kod pintar
+- Alat penyahpepijatan dan ujian lanjutan
+- Penyiapan kod pintar
 - Kawalan versi terbina dalam
 
-**IDE Berasaskan Awan** (Pelbagai harga)
+**IDE Berasaskan Awan** (Harga pelbagai)
 - [GitHub Codespaces](https://github.com/features/codespaces) - VS Code penuh dalam pelayar anda
-- [Replit](https://replit.com/) - Hebat untuk belajar dan berkongsi kod
-- [StackBlitz](https://stackblitz.com/) - Pembangunan web full-stack segera
+- [Replit](https://replit.com/) - Bagus untuk belajar dan berkongsi kod
+- [StackBlitz](https://stackblitz.com/) - Pembangunan web penuh serta-merta
 
-> 💡 **Tip Memulakan**: Mulakan dengan Visual Studio Code – ia percuma, digunakan secara meluas dalam industri, dan mempunyai komuniti besar yang mencipta tutorial dan sambungan yang berguna.
+> 💡 **Tip Memulakan**: Mula dengan Visual Studio Code – ia percuma, digunakan secara meluas dalam industri, dan mempunyai komuniti besar yang menghasilkan tutorial dan sambungan berguna.
 
 
 ### Pelayar Web: Makmal Pembangunan Rahsia Anda
 
-Baiklah, bersiaplah untuk terkejut sepenuhnya! Anda tahu bagaimana anda menggunakan pelayar untuk menatal media sosial dan menonton video? Nah, ternyata mereka telah menyembunyikan makmal rahsia pembangun yang luar biasa ini sepanjang masa, hanya menunggu anda untuk menemukannya!
+Baiklah, bersiaplah untuk minda anda benar-benar dikejutkan! Anda tahu bagaimana anda gunakan pelayar untuk tatal media sosial dan tonton video? Sebenarnya mereka menyembunyikan makmal pembangun rahsia yang luar biasa ini sepanjang masa, hanya menunggu anda untuk temui!
 
-Setiap kali anda klik kanan pada halaman web dan memilih "Inspect Element," anda membuka dunia alat pembangun tersembunyi yang sebenarnya lebih kuat daripada beberapa perisian mahal yang pernah saya bayar ratusan dolar untuk. Ia seperti menemui bahawa dapur biasa anda telah menyembunyikan makmal chef profesional di belakang panel rahsia!
-Kali pertama seseorang tunjukkan saya DevTools pelayar, saya habiskan masa tiga jam hanya klik sana sini sambil berkata, "TUNGGU, IA BOLEH BUAT ITU JUGA?!" Anda boleh edit mana-mana laman web secara langsung, lihat betapa pantas semuanya dimuatkan, uji bagaimana laman anda kelihatan pada pelbagai peranti, dan bahkan debug JavaScript seperti seorang profesional. Ia benar-benar mengagumkan!
+Setiap kali anda klik kanan pada halaman web dan pilih "Inspect Element," anda membuka dunia tersembunyi alat pembangun yang sebenarnya lebih kuat daripada beberapa perisian mahal yang saya pernah bayar ratusan ringgit. Ia seperti menemui bahawa dapur lama anda rupanya menyembunyikan makmal chef profesional di belakang panel rahsia!
+Pertama kali seseorang menunjukkan saya DevTools pelayar, saya menghabiskan kira-kira tiga jam hanya klik-keliling dan berkata "TUNGGU, IA BOLEH BUAT ITU JUGA?!" Anda boleh secara literal mengedit mana-mana laman web secara masa nyata, melihat dengan tepat betapa cepatnya segala-galanya dimuatkan, menguji bagaimana rupa tapak anda pada peranti yang berbeza, dan bahkan debug JavaScript seperti seorang profesional total. Ia sungguh menakjubkan!
 
-**Kenapa pelayar adalah senjata rahsia anda:**
+**Inilah sebab mengapa pelayar adalah senjata rahsia anda:**
 
-Apabila anda mencipta laman web atau aplikasi web, anda perlu melihat bagaimana ia kelihatan dan berfungsi di dunia sebenar. Pelayar bukan sahaja memaparkan hasil kerja anda tetapi juga memberikan maklum balas terperinci tentang prestasi, kebolehaksesan, dan isu-isu yang berpotensi.
+Apabila anda mencipta laman web atau aplikasi web, anda perlu melihat bagaimana rupa dan kelakuannya di dunia sebenar. Pelayar bukan sahaja memaparkan hasil kerja anda tetapi juga memberikan maklum balas terperinci tentang prestasi, aksesibiliti, dan isu-isu yang berpotensi.
 
 #### Alat Pembangun Pelayar (DevTools)
 
-Pelayar moden dilengkapi dengan suite pembangunan yang komprehensif:
+Pelayar moden termasuk suite pembangunan yang menyeluruh:
 
-| Kategori Alat | Apa yang Dilakukan | Contoh Penggunaan |
-|---------------|--------------------|------------------|
-| **Element Inspector** | Lihat dan edit HTML/CSS secara langsung | Laraskan gaya untuk melihat hasil segera |
-| **Console** | Lihat mesej ralat dan uji JavaScript | Debug masalah dan bereksperimen dengan kod |
-| **Network Monitor** | Jejak bagaimana sumber dimuatkan | Optimumkan prestasi dan masa pemuatan |
-| **Accessibility Checker** | Uji reka bentuk inklusif | Pastikan laman anda berfungsi untuk semua pengguna |
-| **Device Simulator** | Pratonton pada pelbagai saiz skrin | Uji reka bentuk responsif tanpa banyak peranti |
+| Kategori Alat | Apa Yang Ia Lakukan | Contoh Kes Penggunaan |
+|---------------|--------------------|----------------------|
+| **Pemeriksa Elemen** | Lihat dan sunting HTML/CSS secara masa nyata | Laraskan gaya untuk melihat keputusan serta-merta |
+| **Konsol** | Lihat mesej ralat dan uji JavaScript | Debug masalah dan cuba kod |
+| **Pemantau Rangkaian** | Jejak bagaimana sumber dimuat | Optimumkan prestasi dan masa memuat |
+| **Pemeriksa Aksesibiliti** | Uji reka bentuk inklusif | Pastikan tapak anda berfungsi untuk semua pengguna |
+| **Simulator Peranti** | Pratonton pada saiz skrin yang berbeza | Uji reka bentuk responsif tanpa perlu banyak peranti |
 
-#### Pelayar yang Disyorkan untuk Pembangunan
+#### Pelayar Disyorkan untuk Pembangunan
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standard industri dengan dokumentasi yang luas
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Alat CSS Grid dan kebolehaksesan yang cemerlang
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dibina atas Chromium dengan sumber pembangunan Microsoft
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Alat hebat untuk CSS Grid dan aksesibiliti
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dibina atas Chromium dengan sumber pembangun Microsoft
+
+> ⚠️ **Petua Ujian Penting**: Sentiasa uji laman web anda dalam pelbagai pelayar! Apa yang berfungsi dengan sempurna di Chrome mungkin kelihatan berbeza di Safari atau Firefox. Pembangun profesional menguji merentas semua pelayar utama untuk memastikan pengalaman pengguna yang konsisten.
 
-> ⚠️ **Tip Penting untuk Ujian**: Sentiasa uji laman web anda dalam pelbagai pelayar! Apa yang berfungsi dengan sempurna dalam Chrome mungkin kelihatan berbeza dalam Safari atau Firefox. Pembangun profesional menguji di semua pelayar utama untuk memastikan pengalaman pengguna yang konsisten.
 
-### Alat Baris Perintah: Gerbang Anda ke Kuasa Pembangun
+### Alat Baris Perintah: Pintu Masuk Anda Kepada Kuasa Super Pembangun
 
-Baiklah, mari kita jujur tentang baris perintah, kerana saya mahu anda dengar ini daripada seseorang yang benar-benar faham. Kali pertama saya melihatnya – hanya skrin hitam yang menakutkan dengan teks berkelip – saya benar-benar fikir, "Tidak, tidak sama sekali! Ini kelihatan seperti sesuatu dari filem penggodam tahun 1980-an, dan saya pasti tidak cukup bijak untuk ini!" 😅
+Baiklah, mari kita jujur di sini tentang baris perintah, kerana saya mahu anda dengar ini dari seseorang yang benar-benar faham. Apabila saya pertama kali melihatnya – hanya skrin hitam menakutkan dengan teks berkedip – saya secara literal fikir, "Tidak, langsung tidak! Ini nampak macam dari filem penggodam 1980-an, dan saya memang tidak cukup bijak untuk ini!" 😅
 
-Tetapi inilah yang saya harap seseorang beritahu saya dahulu, dan apa yang saya beritahu anda sekarang: baris perintah tidak menakutkan – ia sebenarnya seperti berbual secara langsung dengan komputer anda. Fikirkan ia seperti perbezaan antara memesan makanan melalui aplikasi mewah dengan gambar dan menu (yang mudah dan senang) berbanding masuk ke restoran tempatan kegemaran anda di mana chef tahu apa yang anda suka dan boleh menyediakan sesuatu yang sempurna hanya dengan anda berkata "kejutan saya dengan sesuatu yang hebat."
+Tetapi inilah yang saya harap seseorang beritahu saya dulu, dan yang saya beritahu anda sekarang: baris perintah tidak menakutkan – ia sebenarnya seperti berbual secara langsung dengan komputer anda. Fikirkan ia seperti perbezaan antara memesan makanan melalui aplikasi mewah dengan gambar dan menu (yang mudah dan senang) berbanding berjalan masuk ke restoran tempatan kegemaran anda di mana cef tahu dengan tepat apa yang anda suka dan boleh menghidangkan sesuatu yang sempurna hanya dengan anda berkata "kejutan saya dengan sesuatu yang hebat."
 
-Baris perintah adalah tempat pembangun pergi untuk merasa seperti ahli sihir sebenar. Anda taip beberapa perkataan yang kelihatan ajaib (baiklah, mereka hanya arahan, tetapi mereka terasa ajaib!), tekan enter, dan BOOM – anda telah mencipta struktur projek keseluruhan, memasang alat yang hebat dari seluruh dunia, atau melancarkan aplikasi anda ke internet untuk dilihat oleh jutaan orang. Setelah anda merasai kuasa itu, ia benar-benar ketagihan!
+Baris perintah adalah tempat pembangun merasa seperti ahli sihir sebenar. Anda taip beberapa perkataan yang kelihatan ajaib (baiklah, ia cuma arahan, tetapi ia terasa ajaib!), tekan enter, dan BOOM – anda telah mencipta struktur projek keseluruhan, memasang alat berkuasa dari seluruh dunia, atau melancarkan aplikasi anda ke internet untuk berjuta-juta orang lihat. Setelah anda merasai kuasa itu buat kali pertama, secara jujur sangat ketagihan!
 
 **Kenapa baris perintah akan menjadi alat kegemaran anda:**
 
-Walaupun antara muka grafik hebat untuk banyak tugas, baris perintah cemerlang dalam automasi, ketepatan, dan kelajuan. Banyak alat pembangunan berfungsi terutamanya melalui antara muka baris perintah, dan belajar menggunakannya dengan cekap boleh meningkatkan produktiviti anda secara dramatik.
+Walaupun antara muka grafik bagus untuk banyak tugas, baris perintah unggul dalam automasi, ketepatan, dan kelajuan. Banyak alat pembangunan berfungsi terutamanya melalui antara muka baris perintah, dan mempelajari cara menggunakannya dengan cekap boleh meningkat produktiviti anda secara mendadak.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Langkah 1: Cipta dan navigasi ke direktori projek
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Apa yang kod ini lakukan:**
+**Ini yang kod ini lakukan:**
 - **Cipta** direktori baru bernama "my-awesome-website" untuk projek anda
 - **Navigasi** ke dalam direktori yang baru dicipta untuk mula bekerja
 
 ```bash
-# Step 2: Initialize project with package.json
+# Langkah 2: Inisialisasi projek dengan package.json
 npm init -y
 
-# Install modern development tools
+# Pasang alat pembangunan moden
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Langkah demi langkah, inilah yang berlaku:**
+**Langkah demi langkah, ini yang berlaku:**
 - **Inisialisasi** projek Node.js baru dengan tetapan lalai menggunakan `npm init -y`
-- **Pasang** Vite sebagai alat binaan moden untuk pembangunan dan binaan produksi yang pantas
+- **Pasang** Vite sebagai alat bina moden untuk pembangunan dan binaan produksi cepat
 - **Tambah** Prettier untuk pemformatan kod automatik dan ESLint untuk pemeriksaan kualiti kod
-- **Gunakan** flag `--save-dev` untuk menandakan ini sebagai kebergantungan pembangunan sahaja
+- **Gunakan** bendera `--save-dev` untuk menandakan ini sebagai kebergantungan khusus pembangunan
 
 ```bash
-# Step 3: Create project structure and files
+# Langkah 3: Cipta struktur projek dan fail
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Mulakan server pembangunan
 npx vite
 ```
 
-**Dalam kod di atas, kami telah:**
+**Dalam di atas, kami telah:**
 - **Susun** projek kami dengan mencipta folder berasingan untuk kod sumber dan aset
-- **Hasilkan** fail HTML asas dengan struktur dokumen yang betul
-- **Mulakan** pelayan pembangunan Vite untuk pemuatan semula langsung dan penggantian modul panas
+- **Jana** fail HTML asas dengan struktur dokumen yang betul
+- **Mulakan** pelayan pembangunan Vite untuk pengecasan semula langsung dan penggantian modul panas
 
 #### Alat Baris Perintah Penting untuk Pembangunan Web
 
-| Alat | Tujuan | Kenapa Anda Perlukan |
-|------|--------|-----------------------|
+| Alat | Tujuan | Kenapa Anda Perlu Ia |
+|------|--------|---------------------|
 | **[Git](https://git-scm.com/)** | Kawalan versi | Jejak perubahan, bekerjasama dengan orang lain, sandarkan kerja anda |
 | **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & pengurusan pakej | Jalankan JavaScript di luar pelayar, pasang alat pembangunan moden |
-| **[Vite](https://vitejs.dev/)** | Alat binaan & pelayan pembangunan | Pembangunan pantas dengan penggantian modul panas |
-| **[ESLint](https://eslint.org/)** | Kualiti kod | Cari dan baiki masalah dalam JavaScript anda secara automatik |
-| **[Prettier](https://prettier.io/)** | Pemformatan kod | Pastikan kod anda diformat secara konsisten dan mudah dibaca |
+| **[Vite](https://vitejs.dev/)** | Alat bina & pelayan pembangunan | Pembangunan pantas dengan penggantian modul panas |
+| **[ESLint](https://eslint.org/)** | Kualiti kod | Cari dan betulkan masalah dalam JavaScript anda secara automatik |
+| **[Prettier](https://prettier.io/)** | Pemformatan kod | Kekalkan kod anda sentiasa format dan mudah dibaca |
 
-#### Pilihan Khusus Platform
+#### Pilihan Spesifik Platform
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moden yang kaya dengan ciri
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moden, kaya ciri
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Persekitaran skrip yang berkuasa
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Baris perintah tradisional Windows
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Baris perintah Windows tradisional
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplikasi terminal terbina dalam
-- **[iTerm2](https://iterm2.com/)** - Terminal yang dipertingkatkan dengan ciri-ciri maju
+- **[iTerm2](https://iterm2.com/)** - Terminal dipertingkat dengan ciri lanjutan
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell standard Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator terminal yang maju
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell Linux standard
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator terminal canggih
+
+> 💻 = Terpasang secara lalai dalam sistem operasi
 
-> 💻 = Pra-pasang pada sistem operasi
+> 🎯 **Jalur Pembelajaran**: Mula dengan arahan asas seperti `cd` (tukar direktori), `ls` atau `dir` (senaraikan fail), dan `mkdir` (cipta folder). Amalkan dengan arahan aliran kerja moden seperti `npm install`, `git status`, dan `code .` (buka direktori semasa dalam VS Code). Apabila anda semakin selesa, anda akan secara semula jadi mempelajari arahan lebih maju dan teknik automasi.
 
-> 🎯 **Laluan Pembelajaran**: Mulakan dengan arahan asas seperti `cd` (tukar direktori), `ls` atau `dir` (senarai fail), dan `mkdir` (cipta folder). Berlatih dengan arahan aliran kerja moden seperti `npm install`, `git status`, dan `code .` (buka direktori semasa dalam VS Code). Apabila anda semakin selesa, anda akan secara semula jadi mempelajari arahan yang lebih maju dan teknik automasi.
 
-### Dokumentasi: Mentor Pembelajaran Anda yang Sentiasa Ada
+### Dokumentasi: Mentor Pembelajaran Anda Yang Sentiasa Ada
 
-Baiklah, saya ingin berkongsi satu rahsia kecil yang akan membuatkan anda berasa lebih baik sebagai seorang pemula: walaupun pembangun yang paling berpengalaman menghabiskan sebahagian besar masa mereka membaca dokumentasi. Dan itu bukan kerana mereka tidak tahu apa yang mereka lakukan – ia sebenarnya tanda kebijaksanaan!
+Baiklah, saya nak kongsi rahsia kecil yang akan buat anda rasa lebih baik tentang menjadi seorang pemula: malah pembangun yang paling berpengalaman menghabiskan sebahagian besar masa mereka membaca dokumentasi. Dan itu bukan kerana mereka tidak tahu apa yang mereka buat – sebenarnya itu tanda kebijaksanaan!
 
-Fikirkan dokumentasi sebagai mempunyai akses kepada guru yang paling sabar dan berpengetahuan di dunia yang tersedia 24/7. Terperangkap dengan masalah pada pukul 2 pagi? Dokumentasi ada dengan pelukan maya yang hangat dan jawapan yang tepat yang anda perlukan. Mahu belajar tentang beberapa ciri baru yang menarik yang semua orang bicarakan? Dokumentasi menyokong anda dengan contoh langkah demi langkah. Cuba memahami mengapa sesuatu berfungsi seperti itu? Anda tahu – dokumentasi sedia untuk menerangkannya dengan cara yang akhirnya membuatkan anda faham!
+Fikirkan dokumentasi sebagai akses kepada guru paling penyabar dan berpengetahuan di dunia yang sentiasa tersedia 24/7. Terperangkap dengan masalah jam 2 pagi? Dokumentasi ada dengan pelukan maya hangat dan jawapan tepat yang anda perlukan. Nak belajar tentang ciri baru yang semua orang bercakap? Dokumentasi sentiasa membantu dengan contoh langkah demi langkah. Cuba faham kenapa sesuatu berfungsi seperti itu? Anda dah teka – dokumentasi bersedia menerangkannya dengan cara yang akhirnya buat anda faham!
 
-Inilah sesuatu yang benar-benar mengubah perspektif saya: dunia pembangunan web bergerak dengan sangat pantas, dan tiada siapa (saya maksudkan benar-benar tiada siapa!) menghafal semuanya. Saya pernah melihat pembangun senior dengan pengalaman lebih dari 15 tahun mencari sintaks asas, dan anda tahu apa? Itu bukan memalukan – itu bijak! Ia bukan tentang mempunyai ingatan yang sempurna; ia tentang mengetahui di mana untuk mencari jawapan yang boleh dipercayai dengan cepat dan memahami bagaimana untuk menggunakannya.
+Ini sesuatu yang benar-benar mengubah perspektif saya: dunia pembangunan web bergerak sangat pantas, dan tiada siapa (saya maksudkan langsung tiada!) yang menghafal semua perkara. Saya lihat pembangun senior dengan pengalaman lebih 15 tahun mencari semula sintaks asas, dan anda tahu apa? Itu bukan memalukan – itu pintar! Ia bukan tentang ingatan yang sempurna; ia tentang tahu di mana untuk cari jawapan boleh dipercayai dengan cepat dan faham cara nak guna.
 
-**Di sinilah keajaiban sebenar berlaku:**
+**Inilah tempat magik sebenar berlaku:**
 
-Pembangun profesional menghabiskan sebahagian besar masa mereka membaca dokumentasi – bukan kerana mereka tidak tahu apa yang mereka lakukan, tetapi kerana landskap pembangunan web berkembang dengan begitu pesat sehingga untuk kekal terkini memerlukan pembelajaran berterusan. Dokumentasi yang hebat membantu anda memahami bukan sahaja *bagaimana* menggunakan sesuatu, tetapi juga *kenapa* dan *bila* menggunakannya.
+Pembangun profesional menghabiskan sebahagian besar masa mereka membaca dokumentasi – bukan sebab mereka tidak tahu apa yang mereka buat, tetapi kerana lanskap pembangunan web berkembang begitu pantas sehingga untuk kekal terkini memerlukan pembelajaran berterusan. Dokumentasi yang baik membantu anda faham bukan sahaja *bagaimana* menggunakan sesuatu, tetapi *kenapa* dan *bila* nak gunakannya.
 
 #### Sumber Dokumentasi Penting
 
@@ -685,174 +683,174 @@ Pembangun profesional menghabiskan sebahagian besar masa mereka membaca dokument
 - Standard emas untuk dokumentasi teknologi web
 - Panduan komprehensif untuk HTML, CSS, dan JavaScript
 - Termasuk maklumat keserasian pelayar
-- Menampilkan contoh praktikal dan demo interaktif
+- Mempunyai contoh praktikal dan demo interaktif
 
 **[Web.dev](https://web.dev)** (oleh Google)
 - Amalan terbaik pembangunan web moden
 - Panduan pengoptimuman prestasi
-- Prinsip reka bentuk inklusif dan kebolehaksesan
+- Prinsip aksesibiliti dan reka bentuk inklusif
 - Kajian kes dari projek dunia sebenar
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Sumber pembangunan pelayar Edge
 - Panduan Progressive Web App
-- Wawasan pembangunan merentas platform
+- Wawasan pembangunan lintas platform
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Kurikulum pembelajaran yang terstruktur
+- Kurikulum pembelajaran terstruktur
 - Kursus video dari pakar industri
-- Latihan pengekodan secara langsung
+- Latihan pengkodan praktikal
 
-> 📚 **Strategi Belajar**: Jangan cuba menghafal dokumentasi – sebaliknya, belajar bagaimana untuk menavigasinya dengan cekap. Tandakan rujukan yang sering digunakan dan berlatih menggunakan fungsi carian untuk mencari maklumat tertentu dengan cepat.
+> 📚 **Strategi Belajar**: Jangan cuba menghafal dokumentasi – sebaliknya, pelajari cara melayarinya dengan cekap. Tandai rujukan yang kerap digunakan dan amalkan menggunakan fungsi carian untuk mencari maklumat spesifik dengan cepat.
 
-### 🔧 **Semakan Penguasaan Alat: Apa yang Menarik Minat Anda?**
+### 🔧 **Semak Kemahiran Alat: Apa Yang Resonates Dengan Anda?**
 
-**Luangkan masa untuk mempertimbangkan:**
-- Alat mana yang paling anda teruja untuk cuba dahulu? (Tiada jawapan yang salah!)
-- Adakah baris perintah masih terasa menakutkan, atau anda mula ingin tahu tentangnya?
-- Bolehkah anda bayangkan menggunakan DevTools pelayar untuk mengintip di sebalik tabir laman web kegemaran anda?
+**Luangkan masa untuk fikirkan:**
+- Alat mana yang paling anda teruja untuk cuba dahulu? (Tiada jawapan salah!)
+- Adakah baris perintah masih rasa menakutkan, atau anda jadi ingin tahu tentangnya?
+- Bolehkah anda bayangkan menggunakan DevTools pelayar untuk mengintip di sebalik tirai laman web kegemaran anda?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Masa Pembangun Dihabiskan Dengan Alat"
+    "Penyunting Kod" : 40
+    "Ujian Pelayar" : 25
+    "Baris Perintah" : 15
+    "Membaca Dokumen" : 15
+    "Mengesan Ralat" : 5
 ```
+> **Info menarik**: Kebanyakan pembangun menghabiskan kira-kira 40% masa mereka dalam editor kod mereka, tapi perhatikan berapa banyak masa yang digunakan untuk ujian, pembelajaran, dan penyelesaian masalah. Pengaturcaraan bukan hanya menulis kod – ia tentang mereka pengalaman!
 
-> **Pandangan menarik**: Kebanyakan pembangun menghabiskan kira-kira 40% masa mereka dalam editor kod mereka, tetapi perhatikan berapa banyak masa yang digunakan untuk ujian, pembelajaran, dan penyelesaian masalah. Pengaturcaraan bukan hanya tentang menulis kod – ia tentang mencipta pengalaman!
-
-✅ **Makanan untuk difikirkan**: Inilah sesuatu yang menarik untuk direnungkan – bagaimana anda fikir alat untuk membina laman web (pembangunan) mungkin berbeza daripada alat untuk mereka bentuk bagaimana ia kelihatan (reka bentuk)? Ia seperti perbezaan antara menjadi arkitek yang mereka bentuk rumah yang indah dan kontraktor yang sebenarnya membinanya. Kedua-duanya penting, tetapi mereka memerlukan kotak alat yang berbeza! Pemikiran seperti ini benar-benar akan membantu anda melihat gambaran besar bagaimana laman web dihidupkan.
+✅ **Makanan untuk difikirkan**: Ini sesuatu yang menarik untuk direnungkan – bagaimana anda fikir alat untuk membina laman web (pembangunan) mungkin berbeza dari alat untuk mereka bagaimana ia nampak (reka bentuk)? Ia seperti perbezaan antara seorang arkitek yang mereka rumah cantik dan kontraktor yang sebenarnya membinanya. Kedua-duanya penting, tapi mereka perlukan kotak alat yang berbeza! Cara berfikir ini akan sangat membantu anda melihat gambaran besar bagaimana laman web menjadi hidup.
 
 ## Cabaran Ejen GitHub Copilot 🚀
 
-Gunakan mod Ejen untuk menyelesaikan cabaran berikut:
+Gunakan mod Ejen untuk melengkapkan cabaran berikut:
 
-**Deskripsi:** Terokai ciri-ciri editor kod moden atau IDE dan tunjukkan bagaimana ia boleh meningkatkan aliran kerja anda sebagai pembangun web.
+**Deskripsi:** Terokai ciri-ciri editor kod moden atau IDE dan tunjukkan bagaimana ia boleh memperbaiki aliran kerja anda sebagai pembangun web.
 
-**Arahan:** Pilih editor kod atau IDE (seperti Visual Studio Code, WebStorm, atau IDE berasaskan awan). Senaraikan tiga ciri atau sambungan yang membantu anda menulis, debug, atau menyelenggara kod dengan lebih cekap. Untuk setiap satu, berikan penjelasan ringkas tentang bagaimana ia memberi manfaat kepada aliran kerja anda.
+**Arahan:** Pilih editor kod atau IDE (seperti Visual Studio Code, WebStorm, atau IDE berasaskan awan). Senaraikan tiga ciri atau sambungan yang membantu anda menulis, debug, atau menyelenggara kod dengan lebih cekap. Untuk setiap satu, berikan penjelasan ringkas bagaimana ia menguntungkan aliran kerja anda.
 
 ---
 
 ## 🚀 Cabaran
 
-**Baiklah, detektif, bersedia untuk kes pertama anda?**
+**Baiklah, detektif, sedia untuk kes pertama anda?**
 
-Sekarang setelah anda mempunyai asas yang hebat ini, saya ada satu pengembaraan yang akan membantu anda melihat betapa pelbagai dan menariknya dunia pengaturcaraan. Dan dengar – ini bukan tentang menulis kod lagi, jadi tiada tekanan di situ! Anggap diri anda sebagai detektif bahasa pengaturcaraan dalam kes pertama yang menarik!
+Kini anda sudah mempunyai asas hebat ini, saya ada pengembaraan yang akan membantu anda lihat betapa pelbagai dan menariknya dunia pengaturcaraan sebenarnya. Dan dengar – ini bukan tentang menulis kod lagi, jadi jangan risau! Anggap diri anda sebagai detektif bahasa pengaturcaraan dalam kes pertama yang sangat menarik!
 
-**Misi anda, jika anda memilih untuk menerimanya:**
-1. **Jadi penjelajah bahasa**: Pilih tiga bahasa pengaturcaraan dari alam semesta yang berbeza – mungkin satu yang membina laman web, satu yang mencipta aplikasi mudah alih, dan satu yang menganalisis data untuk saintis. Cari contoh tugas mudah yang sama ditulis dalam setiap bahasa. Saya janji anda akan kagum melihat betapa berbezanya mereka walaupun melakukan perkara yang sama!
+**Misi anda, jika anda setuju menerimanya:**
+1. **Jadilah peneroka bahasa**: Pilih tiga bahasa pengaturcaraan dari alam berbeza sama sekali – mungkin satu yang bina laman web, satu yang cipta aplikasi mudah alih, dan satu yang mengira data untuk saintis. Cari contoh tugasan sama yang ditulis dalam setiap bahasa. Saya janji anda akan sangat kagum bagaimana berbeza rupa mereka walaupun buat perkara tepat sama!
 
-2. **Selidik asal usul mereka**: Apa yang membuatkan setiap bahasa istimewa? Inilah fakta menarik – setiap bahasa pengaturcaraan dicipta kerana seseorang berfikir, "Anda tahu apa? Pasti ada cara yang lebih baik untuk menyelesaikan masalah ini." Bolehkah anda cari apa masalah itu? Beberapa cerita ini benar-benar menarik!
+2. **Dedahkan cerita asal usul mereka**: Apa yang buat setiap bahasa istimewa? Ini fakta menarik – setiap bahasa pengaturcaraan dicipta kerana ada orang fikir, "Tahu tak? Pasti ada cara yang lebih baik untuk selesaikan masalah tertentu ini." Bolehkah anda cari apa masalah itu? Sesetengah cerita ini memang sangat menarik!
 
-3. **Kenali komuniti mereka**: Lihat bagaimana mesra dan bersemangat setiap komuniti bahasa. Ada yang mempunyai jutaan pembangun yang berkongsi pengetahuan dan saling membantu, ada yang lebih kecil tetapi sangat erat dan menyokong. Anda pasti akan suka melihat keperibadian berbeza yang dimiliki oleh komuniti ini!
+3. **Kenali komuniti mereka**: Lihat betapa mesra dan bersemangat komuniti setiap bahasa. Ada yang mempunyai berjuta pembangun berkongsi ilmu dan saling membantu, ada yang lebih kecil tapi sangat rapat dan menyokong. Anda pasti suka lihat personaliti berbeza setiap komuniti!
 
-4. **Ikut gerak hati anda**: Bahasa mana yang paling mudah didekati untuk anda sekarang? Jangan stres tentang membuat pilihan "sempurna" – hanya dengar naluri anda! Tiada jawapan yang salah di sini, dan anda sentiasa boleh meneroka yang lain kemudian.
+4. **Ikut gerak hati anda**: Bahasa mana yang rasa paling mesra untuk anda sekarang? Jangan stres nak buat pilihan "sempurna" – ikut sahaja naluri! Tiada jawapan salah di sini, dan anda boleh selidik yang lain kemudian.
 
-**Kerja detektif bonus**: Lihat jika anda boleh mengetahui laman web atau aplikasi utama yang dibina dengan setiap bahasa. Saya jamin anda akan terkejut mengetahui apa yang menggerakkan Instagram, Netflix, atau permainan mudah alih yang tidak boleh anda berhenti mainkan!
+**Kerja detektif tambahan**: Cuba cari laman web atau aplikasi utama yang dibina dengan setiap bahasa. Saya jamin anda akan terkejut belajar apa yang memacu Instagram, Netflix, atau permainan mudah alih yang anda tak boleh berhenti main tu!
 
-> 💡 **Ingat**: Anda tidak cuba menjadi pakar dalam mana-mana bahasa ini hari ini. Anda hanya mengenali kawasan itu sebelum anda memutuskan di mana anda mahu menetap. Luangkan masa anda, berseronoklah dengannya, dan biarkan rasa ingin tahu anda memandu anda!
+> 💡 **Ingat**: Anda tidak cuba jadi pakar dalam mana-mana bahasa hari ini. Anda cuma nak kenal kawasan sekitar sebelum buat keputusan nak mulakan di mana. Ambil masa, berseronok, dan biar keingintahuan memandu anda!
 
-## Mari Raikan Apa yang Anda Temui!
+## Mari Raikan Apa Yang Anda Telah Temui!
 
-Wah, anda telah menyerap begitu banyak maklumat yang luar biasa hari ini! Saya benar-benar teruja untuk melihat berapa banyak perjalanan hebat ini yang melekat dengan anda. Dan ingat – ini bukan ujian di mana anda perlu mendapatkan semuanya dengan sempurna. Ini lebih seperti perayaan semua perkara hebat yang telah anda pelajari tentang dunia yang menarik ini yang akan anda terokai!
+Wah, anda telah menyerap begitu banyak maklumat hebat hari ini! Saya sungguh teruja nak lihat berapa banyak daripada perjalanan menakjubkan ini yang melekat dalam fikiran anda. Dan ingat – ini bukan ujian di mana anda perlu sempurna semuanya. Ini lebih kepada sambutan semua perkara hebat yang anda telah pelajari tentang dunia menarik yang bakal anda ceburi ini!
 
 [Ambil kuiz selepas pelajaran](https://ff-quizzes.netlify.app/web/)
-## Kajian & Pembelajaran Sendiri
 
-**Luangkan masa untuk meneroka dan berseronok dengannya!**
+## Ulasan & Belajar Sendiri
 
-Anda telah belajar banyak hari ini, dan itu sesuatu yang patut dibanggakan! Sekarang tiba bahagian yang menyeronokkan – meneroka topik yang menarik minat anda. Ingat, ini bukan kerja rumah – ini adalah satu pengembaraan!
+**Ambil masa anda untuk menjelajah dan berseronokwith it!**
+Anda telah menempuh banyak perkara hari ini, dan itu sesuatu yang patut dibanggakan! Kini tiba bahagian yang menyeronokkan – meneroka topik yang mencetuskan rasa ingin tahu anda. Ingat, ini bukan kerja rumah – ini adalah pengembaraan!
 
-**Selami lebih dalam apa yang menarik minat anda:**
+**Selami lebih dalam apa yang menggembirakan anda:**
 
-**Cuba sendiri dengan bahasa pengaturcaraan:**
-- Lawati laman web rasmi 2-3 bahasa yang menarik perhatian anda. Setiap satu mempunyai keunikan dan ceritanya sendiri!
-- Cuba beberapa platform kod dalam talian seperti [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), atau [Replit](https://replit.com/). Jangan takut untuk mencuba – anda tidak akan merosakkan apa-apa!
-- Baca tentang bagaimana bahasa kegemaran anda dicipta. Serius, beberapa cerita asal ini sangat menarik dan akan membantu anda memahami mengapa bahasa berfungsi seperti yang mereka lakukan.
+**Berinteraksi dengan bahasa pengaturcaraan:**
+- Lawati laman web rasmi 2-3 bahasa yang menarik perhatian anda. Setiap satu mempunyai personaliti dan cerita tersendiri!
+- Cuba beberapa padang permainan pengaturcaraan dalam talian seperti [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), atau [Replit](https://replit.com/). Jangan takut untuk bereksperimen – anda tidak akan memecahkan apa-apa!
+- Baca tentang bagaimana bahasa kegemaran anda tercipta. Serius, sesetengah cerita asal ini sangat menarik dan akan membantu anda memahami mengapa bahasa berfungsi seperti yang mereka lakukan.
 
 **Biasakan diri dengan alat baru anda:**
 - Muat turun Visual Studio Code jika anda belum melakukannya – ia percuma dan anda pasti akan menyukainya!
-- Luangkan beberapa minit melayari pasaran Extensions. Ia seperti kedai aplikasi untuk editor kod anda!
-- Buka Alat Pembangun di pelayar anda dan klik sekitar. Jangan risau tentang memahami semuanya – hanya biasakan diri dengan apa yang ada.
+- Luangkan beberapa minit melayari pasaran Extensions. Ia seperti kedai aplikasi untuk penyunting kod anda!
+- Buka Alat Pembangun penyemak imbas anda dan klik sahaja sekeliling. Jangan risau jika anda tidak memahami semuanya – biasakan diri dengan apa yang ada di sana.
 
-**Sertai komuniti:**
+**Bergabung dengan komuniti:**
 - Ikuti beberapa komuniti pembangun di [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), atau [GitHub](https://github.com/). Komuniti pengaturcaraan sangat mesra kepada pendatang baru!
-- Tonton beberapa video pengaturcaraan mesra pemula di YouTube. Terdapat begitu banyak pencipta hebat di luar sana yang ingat bagaimana rasanya baru bermula.
-- Pertimbangkan untuk menyertai pertemuan tempatan atau komuniti dalam talian. Percayalah, pembangun suka membantu pendatang baru!
+- Tonton beberapa video pengaturcaraan mesra pemula di YouTube. Terdapat banyak pencipta hebat di luar sana yang masih mengingati bagaimana rasanya mula belajar.
+- Pertimbangkan untuk menyertai perjumpaan tempatan atau komuniti dalam talian. Percayalah, pembangun suka membantu pendatang baru!
 
-> 🎯 **Dengar, ini yang saya mahu anda ingat**: Anda tidak dijangka menjadi pakar pengaturcaraan dalam sekelip mata! Sekarang, anda hanya mula mengenali dunia baru yang menakjubkan ini yang akan anda sertai. Luangkan masa anda, nikmati perjalanan ini, dan ingat – setiap pembangun yang anda kagumi pernah berada di tempat yang sama seperti anda sekarang, merasa teruja dan mungkin sedikit keliru. Itu sangat normal, dan itu bermakna anda sedang melakukannya dengan betul!
+> 🎯 **Dengar, ini yang saya mahu anda ingat**: Anda tidak dijangka menjadi ahli sihir pengaturcaraan dalam semalam! Sekarang, anda hanya sedang mengenali dunia baru yang menakjubkan yang akan anda sertai. Ambil masa anda, nikmati perjalanan ini, dan ingat – setiap pembangun yang anda kagumi suatu masa dahulu duduk di tempat yang sama seperti anda sekarang, berasa teruja dan mungkin sedikit terbeban. Itu adalah normal, dan itu bermakna anda sedang melakukan dengan betul!
 
 
 
 ## Tugasan
 
-[Reading the Docs](assignment.md)
+[Membaca Dokumen](assignment.md)
 
-> 💡 **Sedikit dorongan untuk tugasan anda**: Saya sangat ingin melihat anda meneroka beberapa alat yang belum kita bincangkan! Abaikan editor, pelayar, dan alat baris perintah yang telah kita bincangkan – terdapat seluruh alam semesta alat pembangunan yang luar biasa di luar sana yang menunggu untuk diterokai. Cari yang aktif dikemas kini dan mempunyai komuniti yang meriah dan membantu (ini biasanya mempunyai tutorial terbaik dan orang yang paling menyokong apabila anda menghadapi masalah dan memerlukan bantuan mesra).
+> 💡 **Sedikit dorongan untuk tugasan anda**: Saya sangat ingin melihat anda meneroka beberapa alat yang belum kita bincangkan! Langkau penyunting, penyemak imbas, dan alat baris arahan yang telah kita bincangkan – ada sebuah alam yang sangat hebat dengan alat pembangunan yang menunggu untuk diterokai. Cari yang sentiasa dikemaskini dan mempunyai komuniti yang aktif dan membantu (mereka biasanya ada tutorial terbaik dan orang paling sokong apabila anda menghadapi masalah dan memerlukan bantuan mesra).
 
 ---
 
 ## 🚀 Garis Masa Perjalanan Pengaturcaraan Anda
 
-### ⚡ **Apa Yang Boleh Anda Lakukan Dalam 5 Minit Seterusnya**
-- [ ] Tandakan laman web 2-3 bahasa pengaturcaraan yang menarik perhatian anda
+### ⚡ **Apa Yang Boleh Anda Lakukan Dalam 5 Minit Akan Datang**
+- [ ] Tandakan 2-3 laman web bahasa pengaturcaraan yang menarik perhatian anda
 - [ ] Muat turun Visual Studio Code jika anda belum melakukannya
-- [ ] Buka DevTools pelayar anda (F12) dan klik sekitar mana-mana laman web
+- [ ] Buka DevTools penyemak imbas anda (F12) dan klik sekeliling mana-mana laman web
 - [ ] Sertai satu komuniti pengaturcaraan (Dev.to, Reddit r/webdev, atau Stack Overflow)
 
-### ⏰ **Apa Yang Boleh Anda Capai Dalam Satu Jam**
+### ⏰ **Apa Yang Boleh Anda Capai Dalam Jam Ini**
 - [ ] Lengkapkan kuiz selepas pelajaran dan renungkan jawapan anda
-- [ ] Pasang VS Code dengan sambungan GitHub Copilot
-- [ ] Cuba contoh "Hello World" dalam 2 bahasa pengaturcaraan secara dalam talian
-- [ ] Tonton video "Sehari dalam Kehidupan Seorang Pembangun" di YouTube
-- [ ] Mulakan penyelidikan detektif bahasa pengaturcaraan anda (daripada cabaran)
+- [ ] Pasang sambungan GitHub Copilot dalam VS Code
+- [ ] Cuba contoh "Hello World" dalam 2 bahasa pengaturcaraan berbeza secara dalam talian
+- [ ] Tonton video "Sehari Dalam Kehidupan Seorang Pembangun" di YouTube
+- [ ] Mulakan kerja penyiasatan bahasa pengaturcaraan anda (daripada cabaran)
 
-### 📅 **Pengembaraan Sepanjang Minggu Anda**
-- [ ] Lengkapkan tugasan dan terokai 3 alat pembangunan baru
+### 📅 **Pengembaraan Anda Sepanjang Minggu**
+- [ ] Lengkapkan tugasan dan teroka 3 alat pembangunan baru
 - [ ] Ikuti 5 pembangun atau akaun pengaturcaraan di media sosial
 - [ ] Cuba bina sesuatu yang kecil di CodePen atau Replit (walaupun hanya "Hello, [Nama Anda]!")
-- [ ] Baca satu pos blog pembangun tentang perjalanan pengaturcaraan seseorang
-- [ ] Sertai pertemuan maya atau tonton ceramah pengaturcaraan
-- [ ] Mulakan pembelajaran bahasa pilihan anda dengan tutorial dalam talian
-
-### 🗓️ **Transformasi Sepanjang Bulan Anda**
-- [ ] Bina projek kecil pertama anda (walaupun laman web mudah dikira!)
-- [ ] Sumbang kepada projek sumber terbuka (mulakan dengan pembaikan dokumentasi)
-- [ ] Mentor seseorang yang baru memulakan perjalanan pengaturcaraan mereka
+- [ ] Baca satu catatan blog pembangun tentang perjalanan pengaturcaraan seseorang
+- [ ] Sertai perjumpaan maya atau tonton ceramah pengaturcaraan
+- [ ] Mula belajar bahasa pilihan anda dengan tutorial dalam talian
+
+### 🗓️ **Transformasi Anda Sepanjang Sebulan**
+- [ ] Bina projek kecil pertama anda (walaupun sekadar halaman web mudah!)
+- [ ] Sumbang kepada projek sumber terbuka (mula dengan pembaikan dokumentasi)
+- [ ] Bimbing seseorang yang baru bermula perjalanan pengaturcaraan mereka
 - [ ] Cipta laman web portfolio pembangun anda
-- [ ] Berhubung dengan komuniti pembangun tempatan atau kumpulan belajar
-- [ ] Mulakan perancangan untuk pencapaian pembelajaran seterusnya
+- [ ] Sambungkan dengan komuniti pembangun tempatan atau kumpulan belajar
+- [ ] Mulakan perancangan penanda aras pembelajaran seterusnya
 
 ### 🎯 **Pemeriksaan Refleksi Akhir**
 
 **Sebelum anda teruskan, luangkan masa untuk meraikan:**
 - Apa satu perkara tentang pengaturcaraan yang membuat anda teruja hari ini?
-- Alat atau konsep mana yang ingin anda terokai dahulu?
-- Bagaimana perasaan anda tentang memulakan perjalanan pengaturcaraan ini?
-- Apa satu soalan yang ingin anda tanyakan kepada seorang pembangun sekarang?
+- Alat atau konsep mana yang anda ingin terokai dahulu?
+- Bagaimana perasaan anda mengenai permulaan perjalanan pengaturcaraan ini?
+- Apa satu soalan yang anda ingin tanya kepada pembangun sekarang?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Perjalanan Membina Keyakinan Anda
+    section Hari Ini
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Minggu Ini
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Bulan Depan
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Ingat**: Setiap pakar pernah menjadi pemula. Setiap pembangun senior pernah merasa seperti anda sekarang – teruja, mungkin sedikit keliru, dan pasti ingin tahu tentang apa yang mungkin. Anda berada dalam syarikat yang hebat, dan perjalanan ini akan menjadi luar biasa. Selamat datang ke dunia pengaturcaraan yang menakjubkan! 🎉
+> 🌟 **Ingat**: Setiap pakar pernah menjadi pemula. Setiap pembangun kanan pernah berasa seperti anda sekarang – teruja, mungkin sedikit terbeban, dan pasti ingin tahu tentang apa yang mungkin dilakukan. Anda berada dalam syarikat yang hebat, dan perjalanan ini akan menjadi luar biasa. Selamat datang ke dunia pengaturcaraan yang menakjubkan! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang berwibawa. Untuk maklumat yang kritikal, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
\ No newline at end of file
+Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan profesional oleh manusia adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ms/AGENTS.md b/translations/ms/AGENTS.md
index a251e98a5..82372c7a2 100644
--- a/translations/ms/AGENTS.md
+++ b/translations/ms/AGENTS.md
@@ -2,46 +2,46 @@
 
 ## Gambaran Projek
 
-Ini adalah repositori kurikulum pendidikan untuk mengajar asas pembangunan web kepada pemula. Kurikulum ini adalah kursus komprehensif selama 12 minggu yang dibangunkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktikal yang merangkumi JavaScript, CSS, dan HTML.
+Ini adalah repositori kurikulum pendidikan untuk mengajar asas pembangunan web kepada pemula. Kurikulum ini merupakan kursus komprehensif selama 12 minggu yang dibangunkan oleh Microsoft Cloud Advocates, menampilkan 24 pelajaran praktikal yang merangkumi JavaScript, CSS, dan HTML.
 
 ### Komponen Utama
 
-- **Kandungan Pendidikan**: 24 pelajaran tersusun yang diatur dalam modul berasaskan projek  
-- **Projek Praktikal**: Terrarium, Permainan Mengetik, Sambungan Pelayar, Permainan Angkasa, Aplikasi Perbankan, Penyunting Kod, dan Pembantu Sembang AI  
-- **Kuiz Interaktif**: 48 kuiz dengan 3 soalan setiap satu (penilaian sebelum/selepas pelajaran)  
-- **Sokongan Pelbagai Bahasa**: Terjemahan automatik untuk lebih 50+ bahasa melalui GitHub Actions  
-- **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk projek AI)  
+- **Kandungan Pendidikan**: 24 pelajaran terstruktur yang dianjurkan dalam modul berasaskan projek
+- **Projek Praktikal**: Terrarium, Permainan Mengetik, Sambungan Penyemak Imbas, Permainan Angkasa, Aplikasi Perbankan, Penyunting Kod, dan Pembantu Sembang AI
+- **Kuis Interaktif**: 48 kuis dengan 3 soalan setiap satu (penilaian pra/sesudah pelajaran)
+- **Sokongan Pelbagai Bahasa**: Terjemahan automatik untuk lebih 50 bahasa melalui GitHub Actions
+- **Teknologi**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (untuk projek AI)
 
 ### Seni Bina
 
-- Repositori pendidikan dengan struktur berasaskan pelajaran  
-- Setiap folder pelajaran mengandungi README, contoh kod, dan penyelesaian  
-- Projek berdiri sendiri dalam direktori berasingan (quiz-app, pelbagai projek pelajaran)  
-- Sistem terjemahan menggunakan GitHub Actions (co-op-translator)  
-- Dokumentasi disediakan melalui Docsify dan tersedia dalam format PDF  
+- Repositori pendidikan dengan struktur berasaskan pelajaran
+- Setiap folder pelajaran mengandungi README, contoh kod, dan penyelesaian
+- Projek berdiri sendiri dalam direktori berasingan (quiz-app, pelbagai projek pelajaran)
+- Sistem terjemahan menggunakan GitHub Actions (co-op-translator)
+- Dokumentasi disajikan melalui Docsify dan boleh didapati sebagai PDF
 
-## Perintah Penyediaan
+## Arahan Persediaan
 
-Repositori ini utamanya untuk penggunaan kandungan pendidikan. Untuk bekerja dengan projek tertentu:
+Repositori ini terutama untuk penggunaan kandungan pendidikan. Untuk bekerja dengan projek tertentu:
 
-### Penyediaan Repositori Utama
+### Persediaan Repositori Utama
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Penyediaan Aplikasi Kuiz (Vue 3 + Vite)
+### Persediaan Aplikasi Kuis (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Mula pelayan pembangunan
+npm run dev        # Mulakan pelayan pembangunan
 npm run build      # Bina untuk pengeluaran
 npm run lint       # Jalankan ESLint
 ```
 
-### API Projek Perbankan (Node.js + Express)
+### API Projek Bank (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -51,7 +51,7 @@ npm run lint       # Jalankan ESLint
 npm run format     # Format dengan Prettier
 ```
 
-### Projek Sambungan Pelayar
+### Projek Sambungan Penyemak Imbas
 
 ```bash
 cd 5-browser-extension/solution
@@ -80,37 +80,37 @@ python api.py
 
 ### Untuk Penyumbang Kandungan
 
-1. **Fork repositori** ke akaun GitHub anda  
-2. **Clone fork anda** secara tempatan  
-3. **Cipta cawangan baru** untuk perubahan anda  
-4. Buat perubahan pada kandungan pelajaran atau contoh kod  
-5. Uji sebarang perubahan kod dalam direktori projek berkaitan  
-6. Hantar permintaan tarik mengikut garis panduan sumbangan  
+1. **Fork repositori** ke akaun GitHub anda
+2. **Clone fork anda** secara tempatan
+3. **Buat cawangan baru** untuk perubahan anda
+4. Buat perubahan pada kandungan pelajaran atau contoh kod
+5. Uji sebarang perubahan kod dalam direktori projek yang berkaitan
+6. Hantar permintaan tarik (pull requests) mengikut garis panduan sumbangan
 
 ### Untuk Pelajar
 
-1. Fork atau clone repositori  
-2. Navigasi ke direktori pelajaran secara berurutan  
-3. Baca fail README untuk setiap pelajaran  
-4. Lengkapkan kuiz pra-pelajaran di https://ff-quizzes.netlify.app/web/  
-5. Ikuti contoh kod dalam folder pelajaran  
-6. Selesaikan tugasan dan cabaran  
-7. Ambil kuiz pasca-pelajaran  
+1. Fork atau clone repositori
+2. Navigasi ke direktori pelajaran secara berurutan
+3. Baca fail README untuk setiap pelajaran
+4. Lengkapkan kuis pra-pelajaran di https://ff-quizzes.netlify.app/web/
+5. Kerjakan contoh kod dalam folder pelajaran
+6. Lengkapkan tugasan dan cabaran
+7. Ambil kuis pasca-pelajaran
 
-### Pembangunan Secara Langsung
+### Pembangunan Masa Nyata
 
-- **Dokumentasi**: Jalankan `docsify serve` di root (port 3000)  
-- **Aplikasi Kuiz**: Jalankan `npm run dev` dalam direktori quiz-app  
-- **Projek**: Gunakan sambungan VS Code Live Server untuk projek HTML  
-- **Projek API**: Jalankan `npm start` dalam direktori API yang sesuai  
+- **Dokumentasi**: Jalankan `docsify serve` di direktori root (port 3000)
+- **Aplikasi Kuis**: Jalankan `npm run dev` di direktori quiz-app
+- **Projek**: Gunakan sambungan VS Code Live Server untuk projek HTML
+- **Projek API**: Jalankan `npm start` di direktori API masing-masing
 
 ## Arahan Ujian
 
-### Ujian Aplikasi Kuiz
+### Ujian Aplikasi Kuis
 
 ```bash
 cd quiz-app
-npm run lint       # Periksa isu gaya kod
+npm run lint       # Semak masalah gaya kod
 npm run build      # Sahkan binaan berjaya
 ```
 
@@ -118,86 +118,86 @@ npm run build      # Sahkan binaan berjaya
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Periksa isu gaya kod
-node server.js     # Sahkan server bermula tanpa ralat
+npm run lint       # Semak isu gaya kod
+node server.js     # Sahkan pelayan bermula tanpa ralat
 ```
 
-### Pendekatan Ujian Am
+### Pendekatan Ujian Umum
 
-- Ini adalah repositori pendidikan tanpa ujian automatik menyeluruh  
-- Ujian manual fokus pada:  
-  - Contoh kod berjalan tanpa ralat  
-  - Pautan dalam dokumentasi berfungsi dengan betul  
-  - Pembinaan projek selesai dengan jayanya  
-  - Contoh mengikuti amalan terbaik  
+- Ini adalah repositori pendidikan tanpa ujian automatik menyeluruh
+- Ujian manual memberi tumpuan kepada:
+  - Contoh kod berjalan tanpa ralat
+  - Pautan dalam dokumentasi berfungsi dengan betul
+  - Pembinaan projek selesai dengan berjaya
+  - Contoh mengikuti amalan terbaik
 
-### Semakan Pra-Hantar
+### Pemeriksaan Pra-Penghantaran
 
-- Jalankan `npm run lint` dalam direktori yang mempunyai package.json  
-- Sahkan pautan markdown sah  
-- Uji contoh kod dalam pelayar atau Node.js  
-- Periksa bahawa terjemahan mengekalkan struktur yang betul  
+- Jalankan `npm run lint` dalam direktori dengan package.json
+- Sahkan pautan markdown adalah sah
+- Uji contoh kod dalam pelayar atau Node.js
+- Semak bahawa terjemahan mengekalkan struktur yang betul
 
 ## Garis Panduan Gaya Kod
 
 ### JavaScript
 
-- Gunakan sintaks moden ES6+  
-- Ikuti konfigurasi ESLint standard yang disediakan dalam projek  
-- Gunakan nama pemboleh ubah dan fungsi yang bermakna untuk kejelasan pendidikan  
-- Tambah komen yang menerangkan konsep untuk pelajar  
-- Format menggunakan Prettier jika dikonfigurasikan  
+- Gunakan sintaks ES6+ moden
+- Ikuti konfigurasi ESLint standard yang disediakan dalam projek
+- Gunakan nama pembolehubah dan fungsi yang bermakna untuk kejelasan pendidikan
+- Tambah komen yang menerangkan konsep untuk pelajar
+- Format menggunakan Prettier jika dipasang
 
 ### HTML/CSS
 
-- Elemen semantic HTML5  
-- Prinsip reka bentuk responsif  
-- Konvensyen penamaan kelas yang jelas  
-- Komen yang menerangkan teknik CSS untuk pelajar  
+- Elemen HTML5 semantik
+- Prinsip reka bentuk responsif
+- Konvensyen penamaan kelas yang jelas
+- Komen yang menerangkan teknik CSS untuk pelajar
 
 ### Python
 
-- Garis panduan gaya PEP 8  
-- Contoh kod yang jelas dan pendidikan  
-- Petunjuk jenis (type hints) di mana berguna untuk pembelajaran  
+- Garis panduan gaya PEP 8
+- Contoh kod yang jelas dan pendidikan
+- Petunjuk jenis (type hints) jika berguna untuk pembelajaran
 
 ### Dokumentasi Markdown
 
-- Hierarki tajuk yang jelas  
-- Blok kod dengan spesifikasi bahasa  
-- Pautan kepada sumber tambahan  
-- Tangkapan layar dan imej dalam direktori `images/`  
-- Teks alt untuk imej bagi aksesibiliti  
+- Hirarki tajuk yang jelas
+- Blok kod dengan penentuan bahasa
+- Pautan ke sumber tambahan
+- Tangkapan skrin dan gambar di direktori `images/`
+- Teks alt untuk imej untuk aksesibiliti
 
-### Penyusunan Fail
+### Organisasi Fail
 
-- Pelajaran dinomborkan secara berurutan (1-getting-started-lessons, 2-js-basics, dll.)  
-- Setiap projek ada direktori `solution/` dan sering `start/` atau `your-work/`  
-- Imej disimpan dalam folder `images/` khusus pelajaran  
-- Terjemahan dalam struktur `translations/{language-code}/`  
+- Pelajaran bernombor secara berurutan (1-getting-started-lessons, 2-js-basics, dll.)
+- Setiap projek mempunyai direktori `solution/` dan selalunya `start/` atau `your-work/`
+- Gambar disimpan dalam folder `images/` khusus pelajaran
+- Terjemahan dalam struktur `translations/{language-code}/`
 
-## Pembinaan dan Penghantaran
+## Pembinaan dan Penerapan
 
-### Penghantaran Aplikasi Kuiz (Azure Static Web Apps)
+### Penerapan Aplikasi Kuis (Azure Static Web Apps)
 
-Aplikasi kuiz dikonfigurasikan untuk penghantaran Azure Static Web Apps:
+quiz-app dikonfigurasikan untuk penerapan Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Membuat folder dist/
-# Melakukan penyebaran melalui aliran kerja GitHub Actions apabila tolak ke main
+# Menghantar melalui aliran kerja GitHub Actions pada tolak ke main
 ```
 
-Konfigurasi Azure Static Web Apps:  
-- **Lokasi aplikasi**: `/quiz-app`  
-- **Lokasi output**: `dist`  
-- **Aliran kerja**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+Konfigurasi Azure Static Web Apps:
+- **Lokasi App**: `/quiz-app`
+- **Lokasi Output**: `dist`
+- **Aliran Kerja**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Penjanaan PDF Dokumentasi
 
 ```bash
 npm install                    # Pasang docsify-to-pdf
-npm run convert               # Hasilkan PDF daripada docs
+npm run convert               # Jana PDF dari docs
 ```
 
 ### Dokumentasi Docsify
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Pasang Docsify secara global
 docsify serve                 # Hidangkan pada localhost:3000
 ```
 
-### Pembinaan Projek-Spesifik
+### Pembinaan Khusus Projek
 
-Setiap direktori projek mungkin mempunyai proses pembinaan sendiri:  
-- Projek Vue: `npm run build` menghasilkan bundel untuk pengeluaran  
-- Projek statik: Tiada langkah pembinaan, fail dihidangkan terus  
+Setiap direktori projek mungkin mempunyai proses pembinaan tersendiri:
+- Projek Vue: `npm run build` menghasilkan bundel produksi
+- Projek statik: Tiada langkah pembinaan, fail terus disajikan
 
 ## Garis Panduan Permintaan Tarik
 
 ### Format Tajuk
 
-Gunakan tajuk yang jelas dan deskriptif yang menunjukkan bidang perubahan:  
-- `[Quiz-app] Tambah kuiz baru untuk pelajaran X`  
-- `[Lesson-3] Betulkan kesalahan taip dalam projek terrarium`  
-- `[Translation] Tambah terjemahan Sepanyol untuk pelajaran 5`  
-- `[Docs] Kemas kini arahan penyediaan`  
+Gunakan tajuk yang jelas dan deskriptif yang menunjukkan kawasan perubahan:
+- `[Quiz-app] Tambah kuis baru untuk pelajaran X`
+- `[Lesson-3] Betulkan salah eja dalam projek terrarium`
+- `[Translation] Tambah terjemahan Sepanyol untuk pelajaran 5`
+- `[Docs] Kemas kini arahan persediaan`
 
-### Semakan Wajib
+### Pemeriksaan Diperlukan
 
 Sebelum menghantar PR:
 
-1. **Kualiti Kod**:  
-   - Jalankan `npm run lint` dalam direktori projek berkaitan  
-   - Betulkan semua ralat dan amaran linting  
+1. **Kualiti Kod**:
+   - Jalankan `npm run lint` dalam direktori projek yang terjejas
+   - Betulkan semua ralat dan amaran lint
 
-2. **Pengesahan Pembinaan**:  
-   - Jalankan `npm run build` jika berkenaan  
-   - Pastikan tiada ralat pembinaan  
+2. **Pengesahan Pembinaan**:
+   - Jalankan `npm run build` jika sesuai
+   - Pastikan tiada ralat pembinaan
 
-3. **Pengesahan Pautan**:  
-   - Uji semua pautan markdown  
-   - Sahkan rujukan imej berfungsi  
+3. **Pemeriksaan Pautan**:
+   - Uji semua pautan markdown
+   - Sahkan rujukan imej berfungsi
 
-4. **Semakan Kandungan**:  
-   - Semak ejaan dan tatabahasa  
-   - Pastikan contoh kod betul dan pendidikan  
-   - Sahkan terjemahan mengekalkan makna asal  
+4. **Semakan Kandungan**:
+   - Semak ejaan dan tatabahasa
+   - Pastikan contoh kod betul dan pendidikan
+   - Sahkan terjemahan mengekalkan makna asal
 
 ### Keperluan Sumbangan
 
-- Setuju dengan Microsoft CLA (semakan automatik pada PR pertama)  
-- Ikuti [Kod Etika Sumber Terbuka Microsoft](https://opensource.microsoft.com/codeofconduct/)  
-- Rujuk [CONTRIBUTING.md](./CONTRIBUTING.md) untuk garis panduan terperinci  
-- Rujukkan nombor isu dalam penerangan PR jika sesuai  
+- Bersetuju dengan Microsoft CLA (semakan automatik pada PR pertama)
+- Ikuti [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Lihat [CONTRIBUTING.md](./CONTRIBUTING.md) untuk garis panduan terperinci
+- Rujuk nombor isu dalam penerangan PR jika berkenaan
 
 ### Proses Semakan
 
-- PR disemak oleh penyelenggara dan komuniti  
-- Kejelasan pendidikan diutamakan  
-- Contoh kod harus mengikuti amalan terbaik semasa  
-- Terjemahan disemak untuk ketepatan dan kesesuaian budaya  
+- PR disemak oleh penyelenggara dan komuniti
+- Kejelasan pendidikan diprioritikan
+- Contoh kod harus mengikuti amalan terbaik semasa
+- Terjemahan disemak untuk ketepatan dan kesesuaian budaya
 
 ## Sistem Terjemahan
 
 ### Terjemahan Automatik
 
-- Menggunakan GitHub Actions dengan aliran kerja co-op-translator  
-- Menerjemah ke 50+ bahasa secara automatik  
-- Fail sumber dalam direktori utama  
-- Fail terjemahan dalam direktori `translations/{language-code}/`  
+- Menggunakan GitHub Actions dengan aliran kerja co-op-translator
+- Menterjemah ke 50+ bahasa secara automatik
+- Fail sumber dalam direktori utama
+- Fail terjemahan dalam direktori `translations/{language-code}/`
 
 ### Menambah Penambahbaikan Terjemahan Manual
 
-1. Cari fail dalam `translations/{language-code}/`  
-2. Buat penambahbaikan sambil mengekalkan struktur  
-3. Pastikan contoh kod kekal berfungsi  
-4. Uji sebarang kandungan kuiz berlokalisasi  
+1. Cari fail dalam `translations/{language-code}/`
+2. Buat penambahbaikan sambil mengekalkan struktur
+3. Pastikan contoh kod kekal berfungsi
+4. Uji sebarang kandungan kuis berlokal
 
 ### Metadata Terjemahan
 
-Fail terjemahan termasuk pengepala metadata:  
+Fail terjemahan termasuk pengepala metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Pengesanan Ralat dan Penyelesaian Masalah
+## Penyahpepijatan dan Penyelesaian Masalah
 
-### Isu Lazim
+### Isu Biasa
 
-**Aplikasi kuiz gagal bermula**:  
-- Semak versi Node.js (disarankan v14+)  
-- Padam `node_modules` dan `package-lock.json`, jalankan `npm install` lagi  
-- Semak konflik port (default: Vite guna port 5173)  
+**Aplikasi kuis gagal bermula**:
+- Semak versi Node.js (disyorkan v14+)
+- Padamkan `node_modules` dan `package-lock.json`, kemudian jalankan `npm install` semula
+- Semak konflik port (lalai: Vite menggunakan port 5173)
 
-**Pelayan API tidak bermula**:  
-- Sahkan versi Node.js memenuhi minimum (node >=10)  
-- Semak jika port sudah digunakan  
-- Pastikan semua kebergantungan dipasang dengan `npm install`  
+**Pelayan API tidak bermula**:
+- Pastikan versi Node.js memenuhi minimum (node >=10)
+- Semak jika port sudah digunakan
+- Pastikan semua pergantungan dipasang dengan `npm install`
 
-**Sambungan pelayar tidak dimuat**:  
-- Sahkan manifest.json diformat dengan betul  
-- Periksa konsol pelayar untuk ralat  
-- Ikuti arahan pemasangan sambungan khusus pelayar  
+**Sambungan penyemak imbas tidak dimuatkan**:
+- Pastikan manifest.json diformat dengan betul
+- Semak konsol penyemak imbas untuk ralat
+- Ikuti arahan pemasangan sambungan khusus pelayar
 
-**Isu projek sembang Python**:  
-- Pastikan pakej OpenAI dipasang: `pip install openai`  
-- Sahkan pembolehubah persekitaran GITHUB_TOKEN diset  
-- Semak kebenaran akses Model GitHub  
+**Isu projek sembang Python**:
+- Pastikan pakej OpenAI dipasang: `pip install openai`
+- Semak pembolehubah persekitaran GITHUB_TOKEN disetkan
+- Semak kebenaran akses GitHub Models
 
-**Docsify tidak menghidangkan dokumen**:  
-- Pasang docsify-cli secara global: `npm install -g docsify-cli`  
-- Jalankan dari direktori root repositori  
-- Pastikan `docs/_sidebar.md` wujud  
+**Docsify tidak memaparkan dokumentasi**:
+- Pasang docsify-cli secara global: `npm install -g docsify-cli`
+- Jalankan dari direktori root repositori
+- Semak bahawa `docs/_sidebar.md` wujud
 
 ### Petua Persekitaran Pembangunan
 
-- Gunakan VS Code dengan sambungan Live Server untuk projek HTML  
-- Pasang sambungan ESLint dan Prettier untuk format konsisten  
-- Gunakan DevTools pelayar untuk debug JavaScript  
-- Untuk projek Vue, pasang sambungan Vue DevTools pelayar  
+- Gunakan VS Code dengan sambungan Live Server untuk projek HTML
+- Pasang sambungan ESLint dan Prettier untuk format konsisten
+- Gunakan DevTools penyemak imbas untuk penyahpepijatan JavaScript
+- Untuk projek Vue, pasang sambungan Vue DevTools penyemak imbas
 
 ### Pertimbangan Prestasi
 
-- Bilangan fail terjemahan besar (50+ bahasa) menjadikan klon penuh besar  
-- Gunakan klon cetek jika hanya bekerja pada kandungan: `git clone --depth 1`  
-- Kecualikan terjemahan dari carian semasa bekerja pada kandungan Bahasa Inggeris  
-- Proses pembinaan mungkin lambat pada run pertama (npm install, bina Vite)  
+- Bilangan fail terjemahan yang banyak (50+ bahasa) menyebabkan klon penuh besar
+- Gunakan shallow clone jika hanya bekerja pada kandungan: `git clone --depth 1`
+- Kecualikan terjemahan dari carian ketika bekerja pada kandungan Inggeris
+- Proses pembinaan mungkin perlahan pada larian pertama (npm install, binaan Vite)
 
 ## Pertimbangan Keselamatan
 
 ### Pembolehubah Persekitaran
 
-- Kunci API tidak harus dikomit ke repositori  
-- Gunakan fail `.env` (sudah ada dalam `.gitignore`)  
-- Dokumentasikan pembolehubah persekitaran yang diperlukan dalam README projek  
+- Kekunci API tidak harus dimasukkan ke repositori
+- Gunakan fail `.env` (sudah dalam `.gitignore`)
+- Dokumentasikan pembolehubah persekitaran yang diperlukan dalam README projek
 
 ### Projek Python
 
-- Gunakan persekitaran maya: `python -m venv venv`  
-- Kekalkan kebergantungan dikemas kini  
-- Token GitHub harus mempunyai kebenaran minimum yang diperlukan  
+- Gunakan persekitaran maya: `python -m venv venv`
+- Kemas kini pergantungan secara berkala
+- Token GitHub harus mempunyai kebenaran minimum yang diperlukan
 
-### Akses Model GitHub
+### Akses GitHub Models
 
-- Personal Access Tokens (PAT) diperlukan untuk Model GitHub  
-- Token perlu disimpan sebagai pembolehubah persekitaran  
-- Jangan sekali-kali komit token atau kelayakan  
+- Token Akses Peribadi (PAT) diperlukan untuk GitHub Models
+- Token harus disimpan sebagai pembolehubah persekitaran
+- Jangan sekali-kali masukkan token atau kelayakan ke repositori
 
 ## Nota Tambahan
 
 ### Sasaran Audiens
 
-- Pemula sepenuhnya dalam pembangunan web  
-- Pelajar dan pembelajar kendiri  
-- Guru menggunakan kurikulum dalam bilik darjah  
-- Kandungan direka untuk kebolehaksesan dan pembinaan kemahiran secara berperingkat  
+- Pemula sepenuhnya dalam pembangunan web
+- Pelajar dan pembelajar kendiri
+- Guru yang menggunakan kurikulum dalam kelas
+- Kandungan direka untuk kebolehaksesan dan pembinaan kemahiran secara berperingkat
 
 ### Falsafah Pendidikan
 
-- Pendekatan pembelajaran berasaskan projek  
-- Pemeriksaan ilmu kerap (kuiz)  
-- Latihan pengkodan secara praktikal  
-- Contoh aplikasi dunia sebenar  
-- Tumpuan pada asas sebelum kerangka  
+- Pendekatan pembelajaran berasaskan projek
+- Semakan pengetahuan berkala (kuis)
+- Latihan pengkodan praktikal
+- Contoh aplikasi dunia sebenar
+- Fokus pada asas sebelum menggunakan rangka kerja
 
 ### Penyelenggaraan Repositori
 
-- Komuniti aktif pelajar dan penyumbang  
-- Kemas kini berkala ke kebergantungan dan kandungan  
-- Isu dan perbincangan dipantau oleh penyelenggara  
-- Kemas kini terjemahan automatik melalui GitHub Actions  
+- Komuniti pelajar dan penyumbang yang aktif
+- Kemas kini berkala pada pergantungan dan kandungan
+- Isu dan perbincangan dipantau oleh penyelenggara
+- Kemas kini terjemahan automatik melalui GitHub Actions
 
 ### Sumber Berkaitan
 
-- [Modul Microsoft Learn](https://docs.microsoft.com/learn/)  
-- [Sumber Student Hub](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) disyorkan untuk pelajar  
-- Kursus tambahan: AI Generatif, Sains Data, ML, kurikulum IoT tersedia  
+- [Modul Microsoft Learn](https://docs.microsoft.com/learn/)
+- [Sumber Student Hub](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) disyorkan untuk pelajar
+- Kursus tambahan: AI Generatif, Sains Data, ML, kurikulum IoT tersedia
 
-### Bekerja Dengan Projek Spesifik
+### Bekerja dengan Projek Tertentu
 
-Untuk arahan terperinci mengenai projek individu, lihat fail README dalam:  
-- `quiz-app/README.md` - Aplikasi kuiz Vue 3  
-- `7-bank-project/README.md` - Aplikasi perbankan dengan pengesahan  
-- `5-browser-extension/README.md` - Pembangunan sambungan pelayar  
-- `6-space-game/README.md` - Pembangunan permainan berasaskan canvas  
-- `9-chat-project/README.md` - Projek pembantu sembang AI  
+Untuk arahan terperinci projek individu, rujuk fail README di:
+- `quiz-app/README.md` - aplikasi kuis Vue 3
+- `7-bank-project/README.md` - aplikasi perbankan dengan pengesahan
+- `5-browser-extension/README.md` - pembangunan sambungan penyemak imbas
+- `6-space-game/README.md` - pembangunan permainan berasaskan kanvas
+- `9-chat-project/README.md` - projek pembantu sembang AI
 
 ### Struktur Monorepo
 
-Walaupun bukan monorepo tradisional, repositori ini mengandungi beberapa projek bebas:  
-- Setiap pelajaran berdiri sendiri  
-- Projek tidak berkongsi kebergantungan  
-- Bekerja pada projek individu tanpa menjejaskan yang lain  
-- Klon keseluruhan repo untuk pengalaman kurikulum penuh  
+Walaupun bukan monorepo tradisional, repositori ini mengandungi pelbagai projek berdikari:
+- Setiap pelajaran berdiri sendiri
+- Projek tidak berkongsi pergantungan
+- Kerja pada projek individu tanpa menjejaskan yang lain
+- Klon keseluruhan repo untuk pengalaman kurikulum penuh
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber rujukan yang sah. Untuk maklumat penting, terjemahan profesional oleh manusia adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
+**Penafian**:
+Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila maklum bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidakakuratan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber rujukan yang sah. Untuk maklumat kritikal, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ms/README.md b/translations/ms/README.md
index 11093ca0d..fb76cf51f 100644
--- a/translations/ms/README.md
+++ b/translations/ms/README.md
@@ -12,202 +12,206 @@
 
 # Pembangunan Web untuk Pemula - Kurikulum
 
-Pelajari asas-asas pembangunan web dengan kursus komprehensif 12 minggu kami oleh Microsoft Cloud Advocates. Setiap 24 pelajaran menelusuri JavaScript, CSS, dan HTML melalui projek praktikal seperti terrarium, peluasan pelayar, dan permainan angkasa lepas. Sertai kuiz, perbincangan, dan tugasan praktikal. Tingkatkan kemahiran anda dan optimakan pengekalan ilmu dengan pedagogi berasaskan projek yang berkesan. Mulakan perjalanan pengkodan anda hari ini!
+Pelajari asas-asas pembangunan web dengan kursus komprehensif 12-minggu oleh Microsoft Cloud Advocates. Setiap 24 pelajaran menyelami JavaScript, CSS, dan HTML melalui projek praktikal seperti terrarium, sambungan pelayar, dan permainan angkasa lepas. Sertai kuiz, perbincangan, dan tugasan praktikal. Tingkatkan kemahiran anda dan optimalkan penyerapan pengetahuan dengan pedagogi berasaskan projek kami yang efektif. Mula perjalanan pengkodan anda hari ini!
 
 Sertai Komuniti Discord Azure AI Foundry
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Ikuti langkah ini untuk mula menggunakan sumber ini:
+Ikuti langkah-langkah berikut untuk bermula menggunakan sumber ini:
 1. **Fork Repositori**: Klik [![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. **Clone Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Sertai Azure AI Foundry Discord dan temui pakar serta pembangun rakan sebaya**](https://discord.com/invite/ByRwuEEgH4)
+2. **Klon Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Sertai Discord Azure AI Foundry dan jumpa pakar serta pembangun lain**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Sokongan Pelbagai Bahasa
 
-#### Disokong melalui GitHub Action (Automatik & Sentiasa Dikemas Kini)
+#### Disokong melalui GitHub Action (Automatik & Sentiasa Terkini)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](./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)
 
-> **Lebih Suka Clone Secara Tempatan?**
-
-> Repositori ini merangkumi lebih 50 terjemahan bahasa yang secara signifikan menambah saiz muat turun. Untuk clone tanpa terjemahan, gunakan sparse checkout:
+> **Lebih suka Klon Secara Tempatan?**
+>
+> Repositori ini termasuk lebih 50+ terjemahan bahasa yang secara signifikan meningkatkan saiz muat turun. Untuk klon tanpa terjemahan, gunakan 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'
 > ```
-> Ini memberikan anda segala yang diperlukan untuk menamatkan kursus dengan muat turun yang lebih pantas.
+>
+> **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"
+> ```
+>
+> Ini memberikan anda segala yang anda perlukan untuk menyelesaikan kursus dengan muat turun yang jauh lebih pantas.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Jika anda ingin mempunyai bahasa terjemahan tambahan yang disokong, senarai terdapat [di sini](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Jika anda ingin menambah bahasa terjemahan tambahan yang disokong disenaraikan [di sini](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)
 
 #### 🧑‍🎓 _Adakah anda seorang pelajar?_
 
-Lawati [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana anda akan menemui sumber untuk pemula, pek Pelajar dan juga cara untuk mendapatkan baucar sijil percuma. Ini adalah halaman yang anda mahu tandakan dan semak dari masa ke masa kerana kami menukar kandungan setiap bulan.
+Lawati [**halaman Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) di mana anda akan menemui sumber pemula, pek Pelajar dan juga cara untuk mendapatkan baucar sijil percuma. Ini adalah halaman yang anda patut tandakan dan semak dari semasa ke semasa kerana kandungan akan ditukar setiap bulan.
 
-### 📣 Pengumuman - Cabaran Mod Agen GitHub Copilot Baru untuk disiapkan!
+### 📣 Pengumuman - Cabaran mod Agen GitHub Copilot baru untuk diselesaikan!
 
-Cabaran Baru ditambah, cari "GitHub Copilot Agent Challenge 🚀" di kebanyakan bab. Itu adalah cabaran baru untuk anda selesaikan menggunakan GitHub Copilot dan mod Agen. Jika anda belum pernah menggunakan mod Agen sebelum ini, ia bukan sahaja mampu menjana teks tetapi juga boleh membuat dan mengedit fail, menjalankan arahan dan banyak lagi.
+Cabaran Baru ditambah, cari "GitHub Copilot Agent Challenge 🚀" dalam kebanyakan bab. Itu adalah cabaran baru untuk anda selesaikan menggunakan GitHub Copilot dan mod Agen. Jika anda belum pernah menggunakan mod Agen, ia bukan sahaja mampu menjana teks tetapi juga boleh mencipta dan menyunting fail, menjalankan arahan dan banyak lagi.
 
-### 📣 Pengumuman - _Projek Baharu untuk dibina menggunakan Generative AI_
+### 📣 Pengumuman - _Projek Baru untuk dibina menggunakan Generative AI_ 
 
-Projek Pembantu AI baharu baru saja ditambah, lihat [projek](./9-chat-project/README.md)
+Projek Pembantu AI baru telah ditambah, semak [projek](./9-chat-project/README.md)
 
-### 📣 Pengumuman - _Kurikulum Baharu_ tentang Generative AI untuk JavaScript baru dikeluarkan
+### 📣 Pengumuman - _Kurikulum Baru_ mengenai Generative AI untuk JavaScript baru sahaja dikeluarkan
 
-Jangan terlepas kurikulum Generative AI baharu kami!
+Jangan terlepas kurikulum Generative AI baru kami!
 
-Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk mula!
+Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk bermula!
 
 ![Background](../../translated_images/ms/background.148a8d43afde5730.webp)
 
-- Pelajaran merangkumi segala dari asas hingga RAG.
-- Berinteraksi dengan watak sejarah menggunakan GenAI dan aplikasi teman kami.
-- Naratif yang menyeronokkan dan menarik, anda akan mengembara masa!
+- Pelajaran merangkumi segala-galanya dari asas hingga RAG.
+- Berinteraksi dengan watak sejarah menggunakan GenAI dan aplikasi pendamping kami.
+- Naratif yang menyeronokkan dan menarik, anda akan 'mengembara masa'!
 
 ![character](../../translated_images/ms/character.5c0dd8e067ffd693.webp)
 
-
-Setiap pelajaran termasuk tugasan untuk disiapkan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda dalam topik seperti:
+Setiap pelajaran termasuk tugasan untuk diselesaikan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda mempelajari topik seperti:
 - Prompting dan kejuruteraan prompt
-- Penjanaan aplikasi teks dan gambar
-- Aplikasi carian
+- Penjanaan aplikasi teks dan imej
+- Aplikasi pencarian
 
-Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk mula!
+Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk bermula!
 
+## 🌱 Memulakan
 
+> **Guru-guru**, kami telah [sertakan beberapa cadangan](for-teachers.md) tentang cara menggunakan kurikulum ini. Kami sangat mengalu-alukan maklum balas anda [di forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-## 🌱 Mula Bermula
+**[Pelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulakan dengan kuiz pra-ceramah dan teruskan dengan membaca bahan ceramah, melengkapkan pelbagai aktiviti dan periksa kefahaman anda dengan kuiz pasca-ceramah.
 
-> **Guru**, kami telah [menyertakan beberapa cadangan](for-teachers.md) tentang bagaimana menggunakan kurikulum ini. Kami ingin menerima maklum balas anda [di forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+Untuk meningkatkan pengalaman pembelajaran anda, berhubung dengan rakan sekelas untuk bekerjasama dalam projek bersama! Perbincangan digalakkan di [forum perbincangan kami](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) di mana pasukan moderator kami akan tersedia untuk menjawab soalan anda.
 
-**[Pelajar](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, untuk setiap pelajaran, mulakan dengan kuiz pra-ceramah dan teruskan dengan membaca bahan kuliah, menyelesaikan pelbagai aktiviti dan periksa pemahaman anda dengan kuiz pasca-ceramah.
-
-Untuk meningkatkan pengalaman pembelajaran anda, berhubung dengan rakan sekelas anda untuk bekerja pada projek bersama! Perbincangan digalakkan di [forum perbincangan](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kami di mana pasukan moderator kami akan tersedia untuk menjawab soalan anda.
-
-Untuk melanjutkan pendidikan anda, kami sangat mengesyorkan meneroka [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) untuk bahan kajian tambahan.
+Untuk melanjutkan pendidikan anda, kami sangat mengesyorkan meneroka [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) bagi bahan pembelajaran tambahan.
 
 ### 📋 Menyediakan persekitaran anda
 
-Kurikulum ini mempunyai persekitaran pembangunan yang sudah siap! Semasa anda bermula, anda boleh memilih untuk menjalankan kurikulum dalam [Codespace](https://github.com/features/codespaces/) (_persekitaran berasaskan pelayar, tiada pemasangan diperlukan_), atau secara tempatan di komputer anda menggunakan penyunting teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Kurikulum ini telah menyediakan persekitaran pembangunan siap sedia! Apabila anda bermula anda boleh memilih untuk menjalankan kurikulum dalam [Codespace](https://github.com/features/codespaces/) (_persekitaran berasaskan pelayar tanpa perlu pasang apa-apa_), atau secara tempatan pada komputer anda menggunakan penyunting teks seperti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Buat repositori anda
-Untuk memudahkan anda menyimpan kerja anda, adalah disarankan agar anda membuat salinan repositori ini sendiri. Anda boleh melakukannya dengan mengklik butang **Use this template** di bahagian atas halaman. Ini akan membuat repositori baru dalam akaun GitHub anda dengan salinan kurikulum.
+#### Cipta repositori anda
+Untuk memudahkan anda menyimpan kerja anda, disyorkan anda mencipta salinan anda sendiri repositori ini. Anda boleh lakukan ini dengan mengklik butang **Use this template** di atas halaman ini. Ini akan mencipta repositori baru dalam akaun GitHub anda dengan salinan kurikulum.
 
-Ikuti langkah ini:
+Ikuti langkah berikut:
 1. **Fork Repositori**: Klik pada butang "Fork" di sudut atas-kanan halaman ini.
-2. **Clone Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+2. **Klon Repositori**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Menjalankan kurikulum dalam Codespace
 
-Dalam salinan repositori yang anda buat, klik butang **Code** dan pilih **Open with Codespaces**. Ini akan mencipta Codespace baharu untuk anda bekerja.
+Dalam salinan repositori ini yang anda cipta, klik butang **Code** dan pilih **Open with Codespaces**. Ini akan mencipta Codespace baru untuk anda bekerja.
 
 ![Codespace](../../translated_images/ms/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Menjalankan kurikulum secara tempatan di komputer anda
-
-Untuk menjalankan kurikulum ini secara tempatan di komputer anda, anda memerlukan penyunting teks, pelayar dan alat baris perintah. Pelajaran pertama kami, [Pengenalan kepada Bahasa Pengaturcaraan dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan membimbing anda melalui pelbagai pilihan untuk setiap alat ini supaya anda boleh memilih yang paling sesuai untuk anda.
+#### Menjalankan kurikulum secara tempatan pada komputer anda
 
-Cadangan kami ialah menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai editor anda, yang juga memiliki [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) terbina dalam. Anda boleh muat turun Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Untuk menjalankan kurikulum ini secara tempatan pada komputer anda, anda memerlukan penyunting teks, pelayar dan alat baris perintah. Pelajaran pertama kami, [Pengenalan kepada Bahasa Pengaturcaraan dan Alat Perdagangan](../../1-getting-started-lessons/1-intro-to-programming-languages), akan membimbing anda melalui pelbagai pilihan bagi setiap alat ini supaya anda boleh pilih yang paling sesuai.
 
-
-1. Clone repositori anda ke komputer anda. Anda boleh melakukannya dengan mengklik butang **Code** dan menyalin URL:
+Cadangan kami adalah untuk menggunakan [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) sebagai penyunting anda, yang juga mempunyai [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) terbina dalam. Anda boleh muat turun Visual Studio Code [di sini](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klon repositori anda ke komputer anda. Anda boleh melakukannya dengan mengklik butang **Code** dan menyalin URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan perintah berikut, gantikan `<your-repository-url>` dengan URL yang baru anda salin:
+
+    Kemudian, buka [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dalam [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) dan jalankan arahan berikut, menggantikan `<your-repository-url>` dengan URL yang baru anda salin:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Buka folder dalam Visual Studio Code. Anda boleh melakukan ini dengan mengklik **File** > **Open Folder** dan memilih folder yang baru anda klon.
-
+2. Buka folder tersebut dalam Visual Studio Code. Anda boleh melakukannya dengan mengklik **File** > **Open Folder** dan memilih folder yang baru sahaja anda klon.
 
 >  Sambungan Visual Studio Code yang disyorkan:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - untuk pratonton halaman HTML dalam Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - untuk membantu anda menulis kod dengan lebih cepat
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - untuk membantu anda menulis kod dengan lebih pantas
 
-## 📂 Setiap pelajaran termasuk:
+## 📂 Setiap pelajaran merangkumi:
 
 - sketchnote pilihan
 - video tambahan pilihan
 - kuiz pemanasan sebelum pelajaran
 - pelajaran bertulis
-- untuk pelajaran berasaskan projek, panduan langkah demi langkah untuk membina projek
-- pemeriksaan pengetahuan
+- untuk pelajaran berasaskan projek, panduan langkah demi langkah tentang cara membina projek
+- semakan pengetahuan
 - cabaran
 - bacaan tambahan
 - tugasan
 - [kuiz selepas pelajaran](https://ff-quizzes.netlify.app/web/)
 
-> **Nota tentang kuiz**: Semua kuiz terkandung dalam folder Quiz-app, 48 kuiz keseluruhan dengan tiga soalan setiap satu. Ia tersedia [di sini](https://ff-quizzes.netlify.app/web/) aplikasi kuiz boleh dijalankan secara tempatan atau diterapkan ke Azure; ikuti arahan dalam folder `quiz-app`.
+> **Nota tentang kuiz**: Semua kuiz terkandung dalam folder Quiz-app, 48 kuiz keseluruhan dengan tiga soalan setiap satu. Ia tersedia [di sini](https://ff-quizzes.netlify.app/web/). aplikasi kuiz boleh dijalankan secara tempatan atau dipasang di Azure; ikut arahan dalam folder `quiz-app`.
 
 ## 🗃️ Pelajaran
 
-|     |                      Nama Projek                       |                            Konsep Diajarkan                             | Objektif Pembelajaran                                                                                                               |                                                         Pelajaran Berkaitan                                                          |         Pengarang         |
-| :-: | :----------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
-| 01  |                     Memulakan                         |          Pengenalan kepada Pengaturcaraan dan Alat-alat Kerja          | Pelajari asas di sebalik kebanyakan bahasa pengaturcaraan dan tentang perisian yang membantu pembangun profesional melakukan kerja mereka | [Pengenalan kepada Bahasa Pengaturcaraan dan Alat-alat Kerja](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |          Jasmine           |
-| 02  |                     Memulakan                         |             Asas GitHub, termasuk bekerjasama dalam kumpulan            | Cara menggunakan GitHub dalam projek anda, cara berkolaborasi dengan orang lain dalam kod                                           |                            [Pengenalan kepada GitHub](./1-getting-started-lessons/2-github-basics/README.md)                            |           Floor            |
-| 03  |                     Memulakan                         |                            Kebolehcapaian                             | Pelajari asas kebolehcapaian web                                                                                                |                       [Asas Kebolehcapaian](./1-getting-started-lessons/3-accessibility/README.md)                         |        Christopher         |
-| 04  |                        Asas JS                        |                         Jenis Data JavaScript                         | Asas jenis data JavaScript                                                                                                        |                                   [Jenis Data](./2-js-basics/1-data-types/README.md)                                    |          Jasmine           |
-| 05  |                        Asas JS                        |                        Fungsi dan Kaedah                             | Pelajari tentang fungsi dan kaedah untuk mengurus aliran logik aplikasi                                                            |                                [Fungsi dan Kaedah](./2-js-basics/2-functions-methods/README.md)                                 |       Jasmine dan Christopher       |
-| 06  |                        Asas JS                        |                      Membuat Keputusan dengan JS                      | Pelajari cara membuat syarat dalam kod anda menggunakan kaedah membuat keputusan                                                    |                                 [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md)                                |          Jasmine           |
-| 07  |                        Asas JS                        |                          Array dan Gelung                            | Bekerja dengan data menggunakan array dan gelung dalam JavaScript                                                                   |                                  [Array dan Gelung](./2-js-basics/4-arrays-loops/README.md)                                   |          Jasmine           |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                         HTML dalam Amalan                            | Bina HTML untuk membuat terrarium dalam talian, fokus pada membina susun atur                                                      |                                  [Pengenalan kepada HTML](./3-terrarium/1-intro-to-html/README.md)                                |           Jen             |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                         CSS dalam Amalan                             | Bina CSS untuk menghias terrarium dalam talian, fokus pada asas CSS termasuk membuat halaman responsif                            |                                   [Pengenalan kepada CSS](./3-terrarium/2-intro-to-css/README.md)                                 |           Jen             |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |            Penutupan JavaScript, manipulasi DOM                     | Bina JavaScript untuk menjadikan terrarium berfungsi sebagai antara muka seret/jatuh, fokus pada penutupan dan manipulasi DOM        |                  [Penutupan JavaScript, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                  |           Jen             |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bina Permainan Mengetik                       | Pelajari cara menggunakan acara papan kekunci untuk mengendalikan logik aplikasi JavaScript anda                                     |                                [Pengaturcaraan Berasaskan Acara](./4-typing-game/typing-game/README.md)                             |        Christopher        |
-| 12  | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) |                        Bekerja dengan Pelayar                         | Pelajari cara pelayar berfungsi, sejarahnya, dan cara membina elemen pertama sambungan pelayar                                    |                               [Mengenai Pelayar](./5-browser-extension/1-about-browsers/README.md)                                 |           Jen             |
-| 13  | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) |        Membina borang, memanggil API dan menyimpan pemboleh ubah dalam storan tempatan        | Bina elemen JavaScript sambungan pelayar anda untuk memanggil API menggunakan pemboleh ubah yang disimpan dalam storan tempatan     |                  [API, Borang, dan Storan Tempatan](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen             |
-| 14  | [Sambungan Pelayar Hijau](./5-browser-extension/solution/README.md) |           Proses latar belakang dalam pelayar, prestasi web           | Gunakan proses latar belakang pelayar untuk mengurus ikon sambungan; pelajari tentang prestasi web dan beberapa pengoptimuman untuk meningkatkan |            [Tugas Latar Belakang dan Prestasi](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen             |
-| 15  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |         Pembangunan Permainan Lanjutan dengan JavaScript            | Pelajari tentang Pewarisan menggunakan kedua-dua Kelas dan Komposisi serta corak Pub/Sub, sebagai persediaan untuk membina permainan |                  [Pengenalan kepada Pembangunan Permainan Lanjutan](./6-space-game/1-introduction/README.md)                   |          Chris            |
-| 16  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |                             Melukis pada kanvas                        | Pelajari tentang API Canvas, yang digunakan untuk melukis elemen pada skrin                                                        |                               [Melukis pada Kanvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris            |
-| 17  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |                           Menggerakkan elemen di sekeliling skrin      | Ketahui bagaimana elemen boleh bergerak menggunakan koordinat cartesian dan API Canvas                                               |                           [Menggerakkan Elemen](./6-space-game/3-moving-elements-around/README.md)                              |          Chris            |
-| 18  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |                            Pengesanan perlanggaran                     | Buat elemen bertembung dan bertindak antara satu sama lain menggunakan tekan kekunci dan menyediakan fungsi cooldown untuk memastikan prestasi permainan |                            [Pengesanan Perlanggaran](./6-space-game/4-collision-detection/README.md)                              |          Chris            |
-| 19  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |                              Menjaga skor                              | Lakukan pengiraan matematik berdasarkan status dan prestasi permainan                                                               |                                  [Menjaga Skor](./6-space-game/5-keeping-score/README.md)                                   |          Chris            |
-| 20  |           [Permainan Angkasa](./6-space-game/solution/README.md)           |                     Mengakhiri dan memulakan semula permainan         | Pelajari tentang mengakhiri dan memulakan semula permainan, termasuk membersihkan aset dan menetapkan semula nilai pemboleh ubah    |                              [Syarat Pengakhiran](./6-space-game/6-end-condition/README.md)                                   |          Chris            |
-| 21  |         [Aplikasi Perbankan](./7-bank-project/solution/README.md)         |                   Templat HTML dan Laluan dalam Aplikasi Web          | Pelajari cara membuat struktur asas laman web berbilang halaman menggunakan laluan dan templat HTML                                 |                            [Templat HTML dan Laluan](./7-bank-project/1-template-route/README.md)                             |          Yohan            |
-| 22  |         [Aplikasi Perbankan](./7-bank-project/solution/README.md)         |               Bina Borang Log Masuk dan Pendaftaran                   | Pelajari tentang membina borang dan mengendalikan rutin pengesahan                                                               |                                       [Borang](./7-bank-project/2-forms/README.md)                                           |          Yohan            |
-| 23  |         [Aplikasi Perbankan](./7-bank-project/solution/README.md)         |                Kaedah Mendapat dan Menggunakan Data                    | Cara data mengalir masuk dan keluar dari aplikasi anda, cara mendapatkannya, menyimpannya, dan memusnahkannya                       |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan            |
-| 24  |         [Aplikasi Perbankan](./7-bank-project/solution/README.md)         |                       Konsep Pengurusan Keadaan                       | Pelajari cara aplikasi anda mengekalkan keadaan dan cara mengurusnya secara program                                                 |                                    [Pengurusan Keadaan](./7-bank-project/4-state-management/README.md)                         |          Yohan            |
-| 25 | [Kod Penyemak Imbas/VScode](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan penyunting kod| [Gunakan Penyunting Kod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Pembantu AI](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membina pembantu AI anda sendiri | [Projek Pembantu AI](./9-chat-project/README.md) | Chris |
+|     |                       Nama Projek                       |                            Konsep yang Diajarkan                             | Objektif Pembelajaran                                                                                                                 |                                                         Pelajaran Berkaitan                                                          |         Pengarang          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Memulakan                          |           Pengenalan kepada Pengaturcaraan dan Alat Perdagangan           | Pelajari asas berdasarkan kebanyakan bahasa pengaturcaraan dan tentang perisian yang membantu pembangun profesional melakukan kerja mereka | [Pengenalan kepada Bahasa Pengaturcaraan dan Alat Perdagangan](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Memulakan                          |             Asas GitHub, termasuk bekerja dalam pasukan             | Cara menggunakan GitHub dalam projek anda, cara bekerjasama dengan orang lain dalam asas kod                                                    |                            [Pengenalan kepada GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Memulakan                          |                             Kebolehaksesan                              | Pelajari asas kebolehaksesan web                                                                                               |                       [Asas Kebolehaksesan](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Asas JS                         |                         Jenis Data JavaScript                          | Asas jenis data JavaScript                                                                                                 |                                       [Jenis Data](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Asas JS                         |                         Fungsi dan Kaedah                          | Pelajari tentang fungsi dan kaedah untuk mengurus aliran logik aplikasi                                                             |                              [Fungsi dan Kaedah](./2-js-basics/2-functions-methods/README.md)                               | Jasmine dan Christopher |
+| 06  |                        Asas JS                         |                        Membuat Keputusan dengan JS                        | Pelajari cara membuat syarat dalam kod anda menggunakan kaedah membuat keputusan                                                           |                                 [Membuat Keputusan](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Asas JS                         |                            Tatasusunan dan Gelung                            | Bekerja dengan data menggunakan tatasusunan dan gelung dalam JavaScript                                                                                 |                                   [Tatasusunan dan Gelung](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML dalam Amalan                            | Bina HTML untuk membuat terrarium dalam talian, menumpukan pada membina susun atur                                                         |                                 [Pengenalan kepada HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS dalam Amalan                             | Bina CSS untuk menyerlahkan terrarium dalam talian, menumpukan pada asas CSS termasuk membuat halaman responsif                     |                                  [Pengenalan kepada CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Penutupan JavaScript, manipulasi DOM                  | Bina JavaScript untuk menjadikan terrarium berfungsi sebagai antara muka seret/lepas, menumpukan pada penutupan dan manipulasi DOM             |                  [Penutupan JavaScript, manipulasi DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bina Permainan Mengetik                           | Pelajari cara menggunakan acara papan kekunci untuk mendorong logik aplikasi JavaScript anda                                                          |                                [Pengaturcaraan Berasaskan Acara](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Bekerja dengan Pelayar                          | Pelajari cara pelayar berfungsi, sejarahnya, dan cara membina elemen pertama pelanjutan pelayar                               |                               [Mengenai Pelayar](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Membina borang, memanggil API dan menyimpan pemboleh ubah dalam storan tempatan | Bina elemen JavaScript pelanjutan pelayar anda untuk memanggil API menggunakan pemboleh ubah yang disimpan dalam storan tempatan                      |                [API, Borang, dan Storan Tempatan](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Proses latar belakang dalam pelayar, prestasi web          | Gunakan proses latar belakang pelayar untuk mengurus ikon pelanjutan; pelajari tentang prestasi web dan beberapa pengoptimuman untuk menjadikan   |             [Tugas Latar Belakang dan Prestasi](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Pembangunan Permainan Lanjutan dengan JavaScript             | Pelajari tentang Warisan menggunakan kedua-dua Kelas dan Komposisi serta corak Pub/Sub, sebagai persediaan untuk membina permainan              |                      [Pengenalan kepada Pembangunan Permainan Lanjutan](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Melukis ke kanvas                            | Pelajari tentang API Kanvas, digunakan untuk melukis elemen ke skrin                                                                       |                                [Melukis ke Kanvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Menggerakkan elemen di sekeliling skrin                    | Temui bagaimana elemen boleh mendapat pergerakan menggunakan koordinat kartesian dan API Kanvas                                            |                           [Menggerakkan Elemen](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Pengesanan pertembungan                           | Membuat elemen bertembung dan bertindak balas antara satu sama lain menggunakan kekunci tekan dan menyediakan fungsi penyejukkan untuk memastikan prestasi permainan    |                              [Pengesanan Pertembungan](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Menjaga skor                              | Melakukan pengiraan matematik berdasarkan status dan prestasi permainan                                                                |                                    [Menjaga Skor](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Menamatkan dan memulakan semula permainan                     | Pelajari tentang menamatkan dan memulakan semula permainan, termasuk membersihkan aset dan menetapkan semula nilai pemboleh ubah                              |                                [Keadaan Tamat](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Templat HTML dan Laluan dalam Aplikasi Web                 | Pelajari cara membuat kerangka seni bina laman web berbilang halaman menggunakan laluan dan templat HTML                             |                            [Templat HTML dan Laluan](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Bina Borang Log Masuk dan Pendaftaran                   | Pelajari tentang membina borang dan mengendalikan rutin pengesahan                                                                          |                                           [Borang](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Kaedah Mendapat dan Menggunakan Data                   | Bagaimana data mengalir masuk dan keluar dari aplikasi anda, bagaimana untuk mendapatkannya, menyimpan, dan membuangnya                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Konsep Pengurusan Keadaan                      | Pelajari bagaimana aplikasi anda mengekalkan keadaan dan bagaimana menguruskannya secara program                                                              |                                [Pengurusan Keadaan](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Bekerja dengan VScode | Pelajari cara menggunakan penyunting kod| [Gunakan Penyunting Kod VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Bekerja dengan AI | Pelajari cara membina pembantu AI anda sendiri | [Projek Pembantu AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogi
 
-Kurikulum kami direka dengan dua prinsip pedagogi utama dalam fikiran:
+Kurikulum kami direka dengan dua prinsip pedagogi utama:
 * pembelajaran berasaskan projek
 * kuiz kerap
 
-Program ini mengajar asas JavaScript, HTML, dan CSS, serta alat dan teknik terkini yang digunakan oleh pembangun web hari ini. Pelajar akan berpeluang mendapat pengalaman praktikal dengan membina permainan menaip, terrarium maya, sambungan pelayar mesra alam, permainan gaya penyerang angkasa, dan aplikasi perbankan untuk perniagaan. Pada akhir siri ini, pelajar akan mempunyai pemahaman yang kukuh tentang pembangunan web.
-
-> 🎓 Anda boleh mengambil beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalur Pembelajaran](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn!
+Program ini mengajarkan asas JavaScript, HTML, dan CSS, serta alat dan teknik terkini yang digunakan oleh pembangun web masa kini. Pelajar akan berpeluang mengembangkan pengalaman secara langsung dengan membina permainan menaip, terrarium maya, pelanjutan pelayar mesra alam, permainan gaya penyerang angkasa, dan aplikasi perbankan untuk perniagaan. Pada akhir siri ini, pelajar akan memperoleh pemahaman yang kukuh mengenai pembangunan web.
 
-Dengan memastikan kandungan selari dengan projek, proses menjadi lebih menarik untuk pelajar dan pemahaman konsep akan dipertingkatkan. Kami juga menulis beberapa pelajaran permulaan dalam asas JavaScript untuk memperkenalkan konsep, dipadankan dengan video dari koleksi tutorial video "[Siri Pemula kepada: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", yang beberapa pengarangnya menyumbang kepada kurikulum ini.
+> 🎓 Anda boleh mengikuti beberapa pelajaran pertama dalam kurikulum ini sebagai [Jalan Pembelajaran](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) di Microsoft Learn!
 
-Selain itu, kuiz berisiko rendah sebelum kelas menetapkan niat pelajar untuk mempelajari topik, manakala kuiz kedua selepas kelas memastikan pengekalan lanjut. Kurikulum ini direka untuk menjadi fleksibel dan menyeronokkan dan boleh diambil secara keseluruhan atau sebahagian. Projek bermula kecil dan menjadi semakin kompleks menjelang pengakhiran kitar 12 minggu.
+Dengan memastikan bahawa kandungan selaras dengan projek, proses pembelajaran menjadi lebih menarik untuk pelajar dan daya ingatan konsep akan dipertingkatkan. Kami juga menulis beberapa pelajaran permulaan dalam asas JavaScript untuk memperkenalkan konsep, dipadankan dengan video dari koleksi tutorial video "[Siri Pemula kepada: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", yang mana beberapa pengarangnya menyumbang kepada kurikulum ini.
 
-Walaupun kami sengaja mengelakkan memperkenalkan rangka kerja JavaScript untuk menumpukan pada kemahiran asas yang diperlukan sebagai pembangun web sebelum mengadopsi rangka kerja, satu langkah seterusnya yang baik untuk melengkapkan kurikulum ini ialah belajar tentang Node.js melalui satu lagi koleksi video: "[Siri Pemula kepada: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Selain itu, kuiz sama ada ringkas sebelum kelas menetapkan niat pelajar terhadap pembelajaran topik, sementara kuiz kedua selepas kelas memastikan pemahaman lebih lanjut. Kurikulum ini direka untuk menjadi fleksibel dan menyeronokkan serta boleh diambil secara keseluruhan atau sebahagian. Projek bermula kecil dan menjadi semakin rumit pada penghujung kitaran 12 minggu.
 
-> Lawati [Kod Etika](CODE_OF_CONDUCT.md) dan garis panduan [Menyumbang](CONTRIBUTING.md) kami. Kami mengalu-alukan maklum balas membina anda!
+Walaupun kami sengaja mengelakkan pengenalan rangka kerja JavaScript untuk menumpukan pada kemahiran asas yang diperlukan sebagai pembangun web sebelum menggunakan rangka kerja, langkah seterusnya yang baik selepas melengkapkan kurikulum ini adalah mempelajari tentang Node.js melalui koleksi video lain: "[Siri Pemula kepada: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Lawati [Kod Etika](CODE_OF_CONDUCT.md) dan panduan [Menyumbang](CONTRIBUTING.md) kami. Kami mengalu-alukan maklum balas membina anda!
 
 ## 🧭 Akses luar talian
 
-Anda boleh menjalankan dokumentasi ini secara luar talian dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repositori ini, [pasang Docsify](https://docsify.js.org/#/quickstart) pada mesin tempatan anda, dan kemudian di folder root repositori ini, taip `docsify serve`. Laman web akan dihidangkan pada port 3000 di localhost anda: `localhost:3000`.
+Anda boleh menjalankan dokumentasi ini secara luar talian dengan menggunakan [Docsify](https://docsify.js.org/#/). Fork repo ini, [pasang Docsify](https://docsify.js.org/#/quickstart) pada mesin tempatan anda, dan kemudian di folder akar repo ini, taip `docsify serve`. Laman web akan dihidangkan pada port 3000 pada lokalhos anda: `localhost:3000`.
 
 ## 📘 PDF
-
-PDF untuk semua pelajaran boleh didapati [di sini](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+PDF bagi semua pelajaran boleh didapati [di sini](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Kursus Lain
-Pasukan kami menghasilkan kursus lain! Lihatlah:
+
+Pasukan kami menghasilkan kursus lain! Lihat:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -251,11 +255,11 @@ Pasukan kami menghasilkan kursus lain! Lihatlah:
 
 ## Mendapatkan Bantuan
 
-Jika anda tersekat atau mempunyai sebarang soalan tentang membina aplikasi AI. Sertai pelajar lain dan pemaju berpengalaman dalam perbincangan mengenai MCP. Ia adalah komuniti yang menyokong di mana soalan dialu-alukan dan pengetahuan dikongsi dengan bebas.
+Jika anda tersekat atau mempunyai sebarang pertanyaan tentang membina aplikasi AI. Sertai pelajar lain dan pembangun berpengalaman dalam perbincangan tentang MCP. Ia adalah komuniti sokongan di mana soalan dialu-alukan dan pengetahuan dikongsi dengan bebas.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Jika anda mempunyai maklum balas produk atau kesilapan semasa membina, lawati:
+Jika anda mempunyai maklum balas produk atau ralat semasa membina, lawati:
 
 [![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)
 
@@ -267,5 +271,5 @@ Repositori ini dilesenkan di bawah lesen MIT. Lihat fail [LICENSE](../../LICENSE
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Penafian**:  
-Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya hendaklah dianggap sebagai sumber yang sah. Untuk maklumat penting, terjemahan profesional oleh manusia adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
+Dokumen ini telah diterjemahkan menggunakan perkhidmatan terjemahan AI [Co-op Translator](https://github.com/Azure/co-op-translator). Walaupun kami berusaha untuk ketepatan, sila ambil perhatian bahawa terjemahan automatik mungkin mengandungi kesilapan atau ketidaktepatan. Dokumen asal dalam bahasa asalnya harus dianggap sebagai sumber yang sahih. Untuk maklumat penting, terjemahan manusia profesional adalah disyorkan. Kami tidak bertanggungjawab atas sebarang salah faham atau salah tafsir yang timbul daripada penggunaan terjemahan ini.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/my/.co-op-translator.json b/translations/my/.co-op-translator.json
index fac43a768..6b394b508 100644
--- a/translations/my/.co-op-translator.json
+++ b/translations/my/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T14:13:11+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:02:28+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "my"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:48:34+00:00",
+    "translation_date": "2026-03-06T17:18:23+00:00",
     "source_file": "AGENTS.md",
     "language_code": "my"
   },
@@ -516,8 +516,8 @@
     "language_code": "my"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:43:48+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:56:19+00:00",
     "source_file": "README.md",
     "language_code": "my"
   },
diff --git a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5c6f4b6b9..64e1a7b28 100644
--- a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,87 +1,86 @@
-# ပရိုဂရမ်မင်းဘာသာစကားများနှင့် ခေတ်မီ Developer Tools မိတ်ဆက်
+# Programming Languages နှင့် မော်ဒန်း Developer ကိရိယာများအကြောင်းအကျဉ်း ပြန်လည်မိတ်ဆက်ခြင်း
+ 
+မင်္ဂလာပါ ရင်ခုန်နေရသော developer ရှင်! 👋 အချိန်တိုင်းငါ့ကိုအံ့သြစရာပေးတဲ့တစ်ခုခု ပြောပါရစေ။ programming က ကွန်ပျူတာတွေရဲ့အကြောင်းပဲမဟုတ်ပါဘူး – သင့်ရဲ့ရူးသွပ်စရာစိတ်ကူးတွေကို အသက်ဝင်စေဖို့ အမှန်တကယ်ေသာ အထူးကျွမ်းကျင်မှုတွေ ရရှိမယ်ဆိုတာကို သင်တွေ့မြင်တော့မှာပါ!
 
-ဟေး၊ အနာဂတ် Developer! 👋 တစ်ခုခုပြောပါရစေ၊ အခုချိန်မှာတောင် ကျွန်တော်ကို အတော်လေးလှုပ်ရှားစေတဲ့အရာတစ်ခုရှိတယ်။ သင်ဟာ Programming ဆိုတာက ကွန်ပျူတာတွေနဲ့ပဲ မသက်ဆိုင်ဘူးဆိုတာ ရှာဖွေတွေ့ရှိတော့မှာပါ – ဒါဟာ သင်ရဲ့ အကြမ်းဆုံးအတွေးအခေါ်တွေကို အကောင်အထည်ဖော်နိုင်တဲ့ အစွမ်းထက်စွမ်းရည်တစ်ခုပါ!
+သင်သည့်အချိန်မှာ သင်အကြိုက်ဆုံး app ကို အသုံးပြုပြီး အရာအားလုံး ထိတွေ့လွယ်ကူစွာကိုက်ညီသွားတဲ့ခံစားချက်ရခဲ့ဖူးပါသလား? ခလုတ်တစ်ခုကို နှိပ်လိုက်တဲ့အခါ "wow, ဘယ်လိုလုပ်ခဲ့တာလဲ?" ဆိုတဲ့အံ့ဩဖွယ် ကိစ္စတွေ ဖြစ်ပေါ်ခဲ့ဖူးလား? ဟုတ်ကဲ့၊ သင်နှင့် တူတဲ့ လူတစ်ဦးက – အကြိုက်ဆုံးကော်ဖီဆိုင်မှာ မနက် ၂ နာရီမှာ Espresso တတိယလုံးကို နေထိုင်ပြီး အဲဒီဆန်းသစ်မှုကို ရေးသားခဲ့တာပါ။ ဒီသင်ခန်းစာကုန်ဆုတ်ချိန်မှာတော့ သင့်စိတ်ကို ဖြေလျော့ပေးမယ့် အရာက အဲဒီသူတွေ ဘယ်လိုလုပ်ခဲ့တယ်ဆိုတာ နားလည်လာမှာပဲမဟုတ်ဘဲ စိတ်လှုပ်ရှားစွာ ပြင်လုပ်ကြည့်ရမဲ့ စိတ်နှောင့်ယှက်ပြုမှု လည်းဖြစ်လာမှာပါ!
 
-သင်အကြိုက်ဆုံး App ကိုသုံးနေတဲ့အချိန်မှာ အားလုံးက Perfect ဖြစ်နေတဲ့အချိန်ကို သတိရပါ။ Button တစ်ခုကိုနှိပ်လိုက်တာနဲ့ အံ့ဩစရာအရာတစ်ခုဖြစ်လာပြီး "အင်း၊ သူတို့က ဒီလိုလုပ်နိုင်တာဘယ်လိုလဲ?" ဆိုပြီး အံ့ဩသွားတဲ့အချိန်။ အဲဒီ Magic ကို ဖန်တီးခဲ့တဲ့ Code ကို ရေးခဲ့တဲ့သူက သင်လိုပဲ – အချိန် ၂ နာရီမှာ သူ့အကြိုက်ဆုံး ကော်ဖီဆိုင်မှာ Espresso သုံးခွက်နဲ့ ထိုင်နေတဲ့သူတစ်ယောက်။ အခုတော့ သင့်ကို အံ့ဩစေမယ့်အရာက – ဒီသင်ခန်းစာအဆုံးမှာ သူတို့ဘယ်လိုလုပ်ခဲ့တယ်ဆိုတာ နားလည်သွားမယ်၊ သင်ကိုယ်တိုင်လည်း လုပ်ကြည့်ချင်စိတ်ဖြစ်လာမယ်!
+ကြည့်ပါ၊ programming က အခုတလောမှာ စိတ်မချရင်နားလည်ပါတယ်။ ငါစတင်လေ့လာတဲ့အချိန်မှာ တကယ်ကို အထူးဂဏန်းရွှင်တို့လို ဖြစ်ရမယ်လို့ ထင်ခဲ့တယ်။ ဒါ့အပြင် ငါ့တွေးမြင်ခဲ့တာက programming က အသစ်တစ်ခုသောဘာသာစကားမှန်သလို စကားပြောနည်းကို သင်ယူနေသလိုပဲ။ "မင်္ဂလာပါ" နဲ့ "ကျေးဇူးတင်ပါတယ်" ဆိုတာကနေ စတင်ပြီး ကော်ဖီမှာမှာဖို့ အသုံးပြုမှုပုံစံကို မျှော်လင့်နိုင်ပါတယ်။ နောက်ပြီးတော့ သင်က ပြင်းထန်တဲ့ ရှုထောင့်ဆိုင်ရာ ဆွေးနွေးချက်တွေ ပြောဆိုနိုင်ပါပြီ။ ဒါပေမယ့် ဒီအချိန်မှာ သင်က ကွန်ပျူတာတွေနဲ့ ပြောဆိုနေတယ်၊ ငြင်းဆန်မှုမရှိတဲ့ ဆွေးနွေးသူတွေ အများဆုံး ဖြစ်လို့ သင့် အမှားတွေအပေါ် သုံးသပ်မှုမရှိဘဲ ထပ်မံကြိုးစားဖို့ အမြဲ စိတ်အားထက်သန်နေတဲ့သူတွေပဲ ဖြစ်ပါတယ်!
 
-Programming ကို စတင်လေ့လာတဲ့အချိန်မှာ အတော်လေးကြောက်မက်ဖွယ်ရှိတယ်ဆိုတာ ကျွန်တော်နားလည်တယ်။ ကျွန်တော်စတင်တဲ့အချိန်မှာတော့ Math Genius တစ်ယောက်ဖြစ်ရမယ်၊ သို့မဟုတ် ၅ နှစ်အရွယ်ကတည်းက Coding လုပ်ခဲ့ရမယ်လို့ ထင်ခဲ့တယ်။ ဒါပေမယ့် ကျွန်တော်ရဲ့အမြင်ကို ပြောင်းလဲစေတဲ့အရာက – Programming ဆိုတာ အသစ်သောဘာသာစကားတစ်ခုကို စကားပြောတတ်လာဖို့ လေ့လာရတာနဲ့ တူတယ်။ "ဟယ်လို" နဲ့ "ကျေးဇူးတင်ပါတယ်" ကို စတင်ပြီး ကော်ဖီမှာတတ်လာပြီးနောက်မှာတော့ အနက်နက်သော အတွေးအခေါ်တွေကို ဆွေးနွေးနိုင်တဲ့အထိ ရောက်လာတယ်! ဒါပေမယ့် ဒီအခါမှာတော့ သင်ဟာ ကွန်ပျူတာတွေနဲ့ စကားပြောနေပြီး အမှားတွေကို မစီရင်ဘဲ ပြန်လုပ်ဖို့ အမြဲတမ်းအဆင်သင့်ဖြစ်နေတဲ့ အတော်လေး သည်းခံတဲ့ စကားပြောဖော်တွေပါ!
-
-ဒီနေ့မှာတော့ ခေတ်မီ Web Development ကို မဖြစ်မနေဖြစ်စေတဲ့ Tools တွေကို ရှာဖွေတွေ့ရှိကြမယ်။ Netflix, Spotify, သင့်အကြိုက်ဆုံး Indie App Studio တွေမှာ Developer တွေက နေ့စဉ်အသုံးပြုနေတဲ့ Editors, Browsers, Workflows တွေကို ပြောတာပါ။ အခုတော့ သင့်ကို Dance လုပ်ချင်စေမယ့်အပိုင်းက – ဒီ Professional-grade, Industry-standard Tools တွေက အခမဲ့ပဲဆိုတာပါ!
+ယနေ့မှာ မော်ဒန်းဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုကို ဖြစ်ရပ်မှန် ဖြစ်စေတဲ့ ကိရိယာအသစ်တွေကို လေ့လာမယ်။ Netflix, Spotify နှင့် သင်စိတ်ကြိုက် indie app စတူဒီယိုတွေအပေါ်မှာ တည်ဆောက်တဲ့ editor, browser, workflow တွေကို သင်တွေ့မြင်ပါလိမ့်မယ်။ ဒီအရာတွေ ပိုများတဲ့ အနက်ဖြစ်တာကတော့ ကမ္ဘာကြီးခရီးသွားဖြတ်သန်းနေတဲ့သူတွေ အသုံးပြုတဲ့ professional-grade ကိရိယာတွေ အများစုဟာ အခမဲ့ပဲဆိုတာ ဖြစ်ပါတယ်!
 
 ![Intro Programming](../../../../translated_images/my/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title သင်၏ပရိုဂရမ်းမင်းခရီးစဉ်ယနေ့
+    section ရှာဖွေမယ်
+      ပရိုဂရမ်းမင်းဆိုတာဘာလဲ: 5: You
+      ပရိုဂရမ်းမင်းဘာသာစကားများ: 4: You
+      ကိရိယာများအနှစ်ချုပ်: 5: You
+    section စူးစမ်းမယ်
+      ကုဒ်တည်းဖြတ်သူများ: 4: You
+      ဘရောက်ဇာများနှင့် DevTools: 5: You
+      အမိန့်လိုင်း: 3: You
+    section လေ့ကျင့်မယ်
+      ဘာသာစကားရှာဖွေရေး: 4: You
+      ကိရိယာစူးစမ်းခြင်း: 5: You
+      အသိုင်းအဝိုင်းဆက်သွယ်မှု: 5: You
 ```
+## သင်မှာ ဘာတွေသိပြီးသားလဲ ချက်ချင်းကြည့်ကြမယ်!
 
-## သင့်မှာ ရှိပြီးသား အတတ်ပညာတွေကို ကြည့်ကြမယ်!
-
-ပျော်ရွှင်စရာအပိုင်းတွေကို စတင်မလုပ်ခင်မှာတော့ Programming ကမ္ဘာကြီးအကြောင်း သင့်မှာ ရှိပြီးသား အတတ်ပညာတွေကို သိချင်ပါတယ်။ ဒီမေးခွန်းတွေကို ကြည့်ပြီး "အဲဒီအကြောင်းကို ဘာမှ မသိဘူး" လို့ ထင်ရင်လည်း အဆင်ပြေပါတယ်၊ Perfect ပါပဲ! ဒါက သင့်အတွက် အတော်လေးမှန်ကန်တဲ့နေရာမှာ ရောက်နေတယ်ဆိုတာကို ပြသပါတယ်။ ဒီ Quiz ကို Workout မလုပ်ခင် Stretch လုပ်တဲ့အတိုင်း Brain Muscle တွေကို အပူပေးနေတဲ့အချိန်လို့ ထင်ပါ!
+စိတ်လှုပ်ရှားဖွယ်တွေ ဝင်ရောက်မလို့မတိုင်ခင် အကြိုသိထားမှုကို သိချင်တယ် – programming ကမ္ဘာက ဘာတွေလဲဆိုတာ မင်းက ဘယ်လောက်သိတယ်? နားဆင်ပါ၊ ဒီမေးခွန်းတွေကို ကြည့်ပြီး "ဒီအရာတွေကို ဘာမှမသိဘူး" ထင်လာမယ်ဆိုရင်တော့ အဲဒါကအဆင်ပြေပါတယ်၊ အရာရာခပ်သိမ်း ပိုပါတယ်! ဒါဆိုရင် သင့်ရဲ့နေရာက အတိအကျမှန်ကန်နေပြီ။ ဒီ quiz ကို workout ပြင်ဆင်ခြင်းလို စိတ်ထိန်းချုပ်ခြင်းအဖြစ် ထင်ပါ၊ ဦးနှောက်ကြံ့ခိုင်မှုများကို ချိန်ဆဖြစ်ပါတယ်!
 
-[Pre-lesson Quiz ကို လုပ်ပါ](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Take the pre-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
 
-## ကျွန်တော်တို့အတူတူ သွားမယ့် စွန့်စားခန်း
+## အတူတကွ သွားမယ့် စွန့်စားခန်း
 
-အိုကေ၊ ကျွန်တော် အခုတင်တင်လှုပ်ရှားနေပါတယ်၊ ဒီနေ့မှာ ကျွန်တော်တို့ ရှာဖွေတွေ့ရှိမယ့်အရာတွေကို ပြောရတာ အတော်လေး စိတ်လှုပ်ရှားစေပါတယ်! တကယ်လို့ ဒီ Concept တွေကို နားလည်တဲ့အချိန်မှာ သင့်မျက်နှာကို မြင်နိုင်ရင် ကျွန်တော် အတော်လေးပျော်ရွှင်မယ်။ ဒီနေ့ ကျွန်တော်တို့အတူတူ သွားမယ့် စွန့်စားခန်းကတော့ -
+ရယ်ဖြန်ကြတယ်၊ ဒီနေ့ငါတို့ လေ့လာကြမယ့် အရာတွေကို ဟာသဖြင့် စိတ်ကူးယဉ်ရင်း ရူးသွပ်နေတယ်! တကယ်လို့၊ သင်အဲ့ဒီခံစားချက်တွေကို ခံစားရဦးမယ့်အခါ မျက်နှာကိုမြင်ချင်ပါတယ်။ ဒီအံ့ဖွယ်ခရီးလမ်းအမှန်ကတော့ -
 
-- **Programming ဆိုတာ ဘာလဲ (အတော်လေးအမိုက်ဆုံးအရာ!)** – Code က သင့်အနားမှာရှိတဲ့ အရာအားလုံးကို Invisible Magic နဲ့ Power လုပ်ပေးနေတဲ့အရာဆိုတာကို ရှာဖွေတွေ့ရှိကြမယ်။
-- **Programming Languages နဲ့ သူတို့ရဲ့ Amazing Personality တွေ** – Party တစ်ခုကို Imagine လုပ်ပါ၊ လူတိုင်းက အထူးစွမ်းရည်နဲ့ ပြဿနာတွေကို ဖြေရှင်းနိုင်တဲ့ အတော်လေးစွမ်းရည်ရှိတယ်။ Programming Language ကမ္ဘာကြီးက ဒီလိုပဲ၊ သင့်အကြိုက်ဆုံး Language ကို တွေ့ရမှာပါ!
-- **Digital Magic ကို ဖန်တီးပေးတဲ့ အခြေခံအဆောက်အအုံတွေ** – Creative LEGO Set တစ်ခုလိုပဲ၊ ဒီ Pieces တွေကို နားလည်ပြီးရင် သင့်စိတ်ကူးအတွေးအခေါ်တွေကို အကောင်အထည်ဖော်နိုင်တယ်။
-- **Professional Tools တွေ** – Wizard's Wand ကို လက်ခံရသလို ခံစားရမယ့် Tools တွေကို ရှာဖွေတွေ့ရှိကြမယ်။
+- **Programming ဆိုတာ ဘာလဲ (ဘာကြောင့် အကောင်းဆုံး ဆန်းသစ်မှုတစ်ခုလည်းဆိုတာ!)** – အဲဒီ ကုဒ်က သင့်ဘယ်ဘက်မှာမဆို လက်ရှိရှိသော အရာအားလုံးကို ခေါ်ဆောင်သွားတဲ့ မမြင်ရသော မတ်တပ်ရပ်သော ဝိညာဉ်ဆန်သော စွမ်းအားဖြစ်နေကြောင်း သိရှိသွားမယ်၊ အဲဒါက တနင်္လာနေ့ မနက်ဖြန်ဒီဇင်ဘာလ ကျောင်းတက်ဖို့သိသော အချိန်၊ Netflix တင်ဆက်မှုများကို အကြံပြုတဲ့ အယ်လိုရစ်သမာတွေပါ။
+- **Programming ဘာသာစကားများနှင့် ၎င်းတို့၏ အံ့ဩဖွယ်ဂုဏ်သတ္တိများ** – လူတိုင်းက အထူးစွမ်းအားများနှင့် ပြဿနာဖြေရှင်းနည်းတစ်ခုချင်းစီကို ရှိပြီး အဲဒါကို သင်လုပ်ဖို့ ခွင့်ပြုတာလိုလားကြည့်ပါ။ အဲဒါက programming ဘာသာစကားကမ္ဘာက အခြေအနေတစ်ခုပါ၊ အဲဒီသူတွေနဲ့ တွေ့ဖို့ သင်ကြိုက်နို်င်ပါတယ်!
+- **ဒစ်ဂျစ်တယ်အံ့ဖွယ်ဆန်းသစ်မှုဖြစ်စေတဲ့ အခြေခံအုတ်တောင်ကျောက်များ** – ဒါတွေကို အကောင်းဆုံးဖြစ်သွားပြီး LEGO အဖွဲ့အစည်းလို ထက်မြက်ပါစေ။ ဤအစိတ်အပိုင်းများကို နားလည်သွားရင် သင်၏ စိတ်ကူးတွင် ထည့်ထားသော တော်တော်အားလုံးကို တည်ဆောက်နိုင်ပါပြီ။
+- **စွမ်းအင်ဆန်းသစ်မှုတစ်ခုလို ခံစားမယ့် professional tools** – ငါပြောတာ မဟုတ်ဘူး၊ အဲဒီ tools တွေက သင့်တွင် အထူးစွမ်းအားရိပ်သာ စွမ်းရည်တွေကို ဖြစ်စေပါလိမ့်မယ်၊ နှင့် အကောင်းဆုံး အပိုင်းက သူတို့ဟာ အပရော်ဖက်ရှင်နယ်တွေသုံးတဲ့ ဆော့ဖ်ဝဲတွေနဲ့တူတဲ့အရာပဲ။
 
-> 💡 **အရေးကြီးတာက**: ဒီနေ့မှာ အားလုံးကို မှတ်မိဖို့ မကြိုးစားပါနဲ့! အခုချိန်မှာ သင့်ကို စိတ်လှုပ်ရှားစေတဲ့ Spark ကို ခံစားစေချင်ပါတယ်။ အချက်အလက်တွေက ကျွန်တော်တို့အတူတူ လေ့ကျင့်တဲ့အခါမှာ သဘာဝအတိုင်း Stick ဖြစ်လာမယ် – အမှန်တကယ် လေ့လာမှုဆိုတာ ဒီလိုပဲ ဖြစ်ပါတယ်!
+> 💡 **အခုလိုပဲ:** ဒီနေ့မှာ အရာအားလုံးကို မွတ်သိပ်ထားဖို့ မရိုက်ထည့်ပါနဲ့! အခုကျတော့ ငါသင်ကို အခုလိုမျိုး စိတ်ပေါ်လာအောင် ဆန်းစစ်ချင်တာပဲ။ အကြောင်းကြောင်း အသေးစိတ်တွေဟာ ပဲ့တင်ပို့ဆောင်မှုတွေနဲ့ သင်ယူရင်း သိမြင်လာမယ် – ဒါမျိုးမျိုး ပိုမိုနိုင်ပြီဖြစ်တယ်။
 
-> 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) မှာလည်း လေ့လာနိုင်ပါတယ်။
 
-## Programming ဆိုတာ တိတိ ဘာလဲ?
+## Programming ဆိုတာ *ဘာလဲ*?
 
-အိုကေ၊ Million-dollar Question ကို ဖြေကြည့်ရအောင် – Programming ဆိုတာ တကယ် ဘာလဲ?
+အိုကေ၊ ဒီသင်ခန်းစာထဲမှာ အဓိက မေးခွန်း တစ်ခုကို ဖြေကြားကြမယ် – programming ဆိုတာ ဘာလဲ?
 
-ကျွန်တော့်အမြင်ကို ပြောင်းလဲစေတဲ့ Story တစ်ခုကို ပြောပါရစေ။ အတိတ်တစ်ပတ်က ကျွန်တော့်မိခင်ကို Smart TV Remote အသုံးပြုနည်းကို ရှင်းပြနေတဲ့အချိန်မှာ "အနီရောင် Button ကို နှိပ်ပါ၊ ဒါပေမယ့် အကြီးဆုံး Button မဟုတ်ဘူး၊ ဘယ်ဘက်မှာရှိတဲ့ အနီရောင် Button ကို နှိပ်ပါ... သင့်ဘယ်ဘက်မဟုတ်ဘူး... အိုကေ၊ အခုတော့ ၂ စက္ကန့်အထိ ဖိထားပါ၊ ၁ စက္ကန့်မဟုတ်ဘူး၊ ၃ စက္ကန့်လည်း မဟုတ်ဘူး..." ဆိုပြီး ပြောနေရတာကို တွေ့ရတယ်။ 😅
+ငါ့အတွေးကို ချဲ့ထွင်အောင် ဘာသာပြန်ပေးမယ့် မိခင်ကို လမ်းညွှန်ဖို့ ကြိုးစားချိန်မှာ ဖြစ်တယ်။ ငါဘာသာပြန်ပြီး၊ "အနီလက်မကိုနဲ့ နှိပ်ပါ၊ ဒါပေမယ့် ကြီးမားတဲ့ အနီလက်မမဟုတ်ပါဘူး၊ ဘယ်ဘက်က အနီလက်မ သေးငယ်တဲ့လက်မပါ... အိုကေ၊ ယခု နှစ်စက္ကန့်အထိ ဖိထားပါ၊ တစ်စက္ကန့်မဟုတ်ပါ၊ သုံးစက္ကန့်မဟုတ်ပါ..." ဆိုတာတွေ ပြောဆိုတယ်။ နားလည်သလား? 😅
 
-ဒါက Programming ပါ! အတော်လေးအစွမ်းထက်တဲ့အရာကို အလွန်အသေးစိတ်၊ အဆင့်ဆင့် အညွှန်းတွေကို ပေးတဲ့ အနုပညာပါ။ ဒါပေမယ့် မိခင်ကို ရှင်းပြတာမဟုတ်ဘဲ (မိခင်က "ဘယ် Button လဲ?!" လို့ မေးနိုင်တယ်) ကွန်ပျူတာကို ရှင်းပြတာ (ကွန်ပျူတာက သင်ပြောတာကို တိတိကျကျ လုပ်ပေးတယ်၊ သင်ပြောတာက သင့်ရဲ့ အဓိပ္ပာယ်နဲ့ မတူဘဲ ဖြစ်နေတယ်ဆိုရင်တောင်).
+ဒါပဲ programming။ အတိအကျ ပြောရရင် အင်အားကြီးတဲ့ တစ်ခုခုကို နောက်တစ်ဆင့်ချင်းစီအားလုံးကို စနစ်တကျဆက်သွယ်ရန် အနုပညာပဲဖြစ်တယ်။ သင့်မိခင်မှာ ("ဘယ်အနီလက်မလဲ?" မေးနိုင်တဲ့သူ) နဲ့မတူဘူး၊ ကွန်ပျူတာမှာတော့ ("သင်ပြောတာ အချိန်တိုင်း ပြောသိပ်မတတ်ရင်" အနက် မရှိဘဲ တိတိ ကျကျ ဆောင်ရွက်ပါတယ်) ဖြစ်ပါတယ်။
 
-ဒီအချက်ကို ကျွန်တော် ပထမဆုံး သိခဲ့တဲ့အခါမှာ အံ့ဩသွားတဲ့အရာက – ကွန်ပျူတာတွေဟာ အခြေခံမှာ တကယ်လွယ်ကူတယ်။ သူတို့ Literally ၂ ခုပဲ နားလည်တယ် – 1 နဲ့ 0, ဒါဟာ "ဟုတ်" နဲ့ "မဟုတ်" သို့မဟုတ် "ဖွင့်" နဲ့ "ပိတ်" ဆိုတာပဲ။ ဒါပေမယ့် Magic ဖြစ်တဲ့အချက်က – ကျွန်တော်တို့ 1s နဲ့ 0s ကို မပြောရဘူး၊ The Matrix ထဲမှာလိုပဲ။ **Programming Languages** တွေက ကူညီပေးတဲ့အရာပါ။ ဒါဟာ သင့်ရဲ့ လူသားအတွေးအခေါ်တွေကို ကွန်ပျူတာဘာသာစကားအဖြစ် Translate လုပ်ပေးတဲ့ World's Best Translator တစ်ယောက်လိုပါပဲ။
+ပထမဆုံးသင်ယူသမိုင်းမှာငါ့ကို အံ့ဩစေခဲ့တာက ကွန်ပျူတာတွေဟာ အရင်ဆုံး အရိုးရှင်းပြီးဖြစ်တယ်။ ၁ နဲ့ ၀ အတွက်တွေ့နိုင်တာဖြစ်ပြီး "ဟုတ်" နဲ့ "မဟုတ်"၊ ဒါမှမဟုတ် "ဖွင့်" နဲ့ "ပိတ်" ဆိုတဲ့ အဓိပ္ပါယ်ပဲ။ ဒါပေမယ့် ဆိုရာမှာ အံ့ဖွယ်ကောင်းတဲ့အချက်က ၁ နဲ့ ၀ တွေကို Matrix ကဲ့သို့ပြောဖို့ မလိုတော့ပါဘူး။ အဲဒါကို ဖော်ပြတဲ့ စကားလုံးတွေက **programming languages** တွေပါ။ သူတို့က သင့်ရဲ့ လူသားတွေးခေါ်မှုပုံစံကို ကွန်ပျူတာများတွက် ဘာသာပြန်ပေးတဲ့ အကောင်းဆုံးဘာသာပြန်သူပဲဖြစ်ပါတယ်။
 
-ဒီအချိန်မှာ ကျွန်တော်ကို အတော်လေးလှုပ်ရှားစေတဲ့အရာက – Literally *အရာအားလုံး* Digital ဖြစ်တဲ့အရာတွေဟာ သင်လိုပဲ တစ်ယောက်က စတင်ခဲ့တာပါ၊ သူ့ Pajamas နဲ့ ကော်ဖီတစ်ခွက်ကိုင်ပြီး Laptop ပေါ်မှာ Code ရိုက်နေတဲ့သူတစ်ယောက်။ Instagram Filter က သင့်ကို Flawless ဖြစ်စေတဲ့အရာကို? တစ်ယောက်က Code ရေးခဲ့တယ်။ သင့်အကြိုက်ဆုံး သီချင်းကို ရှာဖွေစေတဲ့ Recommendation Algorithm ကို? Developer တစ်ယောက်က Build လုပ်ခဲ့တယ်။ Dinner Bill ကို သူငယ်ချင်းတွေနဲ့ ခွဲစေတဲ့ App ကို? ဟုတ်ပါတယ်၊ တစ်ယောက်က "ဒီအရာက အရမ်းအဆင်မပြေဘူး၊ ကျွန်တော် ဒီကို ပြင်နိုင်မယ်ထင်တယ်" လို့ ထင်ပြီး... ပြင်လိုက်တယ်!
+နောက်ပြီး နံနက်တိုင်း သင့်စိတ်ကြောက်မက်စေတယ်ဆိုတာကတော့ ဒစ်ဂျစ်တယ်ရှိရာ အရာအားလုံးဟာ လူတစ်ယောက်လို တစ်ဖက်ကနေ mass နှုတ်ဆက်ပြီး laptop များစွာပေါ် typing လုပ်ပြီးဖန်တီးခဲ့တာပါ။ Instagram filter တစ်ခုက သင့်ရဲ့ မသိသေးတဲ့ အနုပညာလက်ရာ၊ ကိုယ်ပိုင်သီချင်းပြသမှု အယ်လိုရစ်သမာတွေ၊ ယနေ့ညဟာပိတ်ပွဲဝင်အချုပ်ကို ကိုင်တွယ်ဖို့ ကူညီတယ်တဲ့ app – ဆိုတော့ ဒီအရာတွေမှာ လူတစ်ယောက်ဦးတည်ထားတာ။
 
-Programming ကို သင်လေ့လာတဲ့အခါမှာ သင်ဟာ အသစ်သော Skill တစ်ခုကို ရယူတာမဟုတ်ဘူး – သင်ဟာ "တစ်ယောက်ရဲ့နေ့ကို အနည်းငယ်ကောင်းမွန်စေမယ့် အရာတစ်ခုကို ဖန်တီးနိုင်မလား?" လို့ အမြဲတမ်းတွေးနေတဲ့ ပြဿနာဖြေရှင်းသူတွေ့အဖွဲ့ထဲကို ပါဝင်လာတာပါ။ အဲဒါထက် အမိုက်ဆုံးအရာတစ်ခု ရှိနိုင်မလား?
+programming သင်ယူတဲ့အချိန်မှာ သင်က အသစ်တစ်ခုတင်မဟုတ်ဘဲ စိတ်လှုပ်ရှားစရာ၊ ပွန်းပွားစွာ စဉ်းစားတဲ့ လူမှုအသိုင်းအဝိုင်းတွဲဖက်နေတဲ့ အဖွဲ့ဝင် ဖြစ်လာတာပဲ။ သူတို့က တစ်နေ့တာအတွင်း စဉ်းစားနေတယ်၊ "မတူတဲ့လူတစ်ယောက်ရဲ့နေ့ကို နည်းနည်း ပိုကောင်းစေရန် ဘာတည်ဆောက်လို့ရမလဲ?" ဆိုတာ။ တကယ်တော့၊ ငါးညာမွန်တာဆိုတော့ ဒီထက် ပိုကောင်းသေးတာ ရှိတယ်လား?
 
-✅ **အံ့ဩစရာအချက်ရှာဖွေမှု**: Spare Moment ရှိတဲ့အခါမှာ အတော်လေးအမိုက်ဆုံးအချက်တစ်ခုကို ရှာဖွေကြည့်ပါ – ကမ္ဘာ့ပထမဆုံး Computer Programmer က ဘယ်သူလဲထင်ပါသလား? Hint တစ်ခုပေးမယ် – သင့်အနောက်မှန်းမထားမိတဲ့သူဖြစ်နိုင်ပါတယ်! ဒီသူ့အကြောင်း Story က အတော်လေးစိတ်ဝင်စားစရာကောင်းပြီး Programming ဟာ အမြဲတမ်း Creative Problem-solving နဲ့ Thinking Outside the Box ဖြစ်တယ်ဆိုတာကို ပြသပါတယ်။
+✅ **ကောင့်တွန့်မေးခွန်း**: အချိန်ပေး စူးစမ်းကြည့်ပါ – ကမ္ဘာ့ ပထမဆုံးကွန်ပျူတာ programmer ဖြစ်သူ ဘယ်သူလဲ? အကြံပေးတယ် – သူကို မမျှော်လင့်ထားသည့် ပုံစံတစ်ရပ်ဖြစ်နိုင်တယ်! သူ့နောက်ကွယ်ဇာတ်လမ်းဟာ လွန်စွာစိတ်ဝင်စားဖွယ်ကောင်းပြီး programming ဟာ ပြတ္တိဖြေရှင်းမှုနဲ့ ကန့်သတ်မှုအပြင်အဆင်များကို အမြဲတမ်းတွေးထားကြောင်း ပြောပြတယ်။
 
-### 🧠 **Check-in Time: သင့်ခံစားချက်က ဘယ်လိုလဲ?**
+### 🧠 **စစ်ဆေးကြည့်ခန်း: သင့်ခံစားချက်**
 
-**အချိန်ယူပြီး အတွေးအခေါ်တွေကို ပြန်လည်သုံးသပ်ပါ:**
-- "ကွန်ပျူတာတွေကို အညွှန်းပေးတာ" ဆိုတဲ့အကြောင်းအရာကို အခုနားလည်သွားပြီလား?
-- Programming နဲ့ Automation လုပ်ချင်တဲ့ နေ့စဉ်လုပ်ငန်းတစ်ခုကို စဉ်းစားနိုင်ပြီလား?
-- Programming အကြောင်းအရာတွေနဲ့ ပတ်သက်ပြီး သင့်စိတ်ထဲမှာ ဘာတွေ မေးခွန်းထွက်လာနေလဲ?
+**အချိန်နားလည်ပါ:**
+- "ကွန်ပျူတာတွေကို လမ်းညွှန်ချက်ပြောခြင်း" အကြောင်းနားလည်သလား?
+- နေ့စဉ်လုပ်ဆောင်ချက်တွေကို programming ဖြင့် автоматတပ်ပြီး ပိုအဆင်ပြေစေချင်တာ ရှိမလား?
+- programming ပတ်သက်ပြီး စိတ်ထဲမှာ မေးခွန်းများ ရှိသေးပါသလား?
 
-> **သတိထားပါ**: အချို့ Concept တွေက အခုချိန်မှာ မရှင်းလင်းသေးတာ သဘာဝအတိုင်းပါပဲ။ Programming ကို လေ့လာတာဟာ ဘာသာစကားအသစ်တစ်ခုကို လေ့လာတာနဲ့ တူတယ် – သင့် Brain က Neural Pathways တွေကို တည်ဆောက်ဖို့ အချိန်ယူရတယ်။ သင် အတော်လေးကောင်းပါတယ်!
+> **မှတ်သားပါ**: အချို့စာပေများကို သက်ဆိုင်ရာညို့မှုပြုစေခြင်း ganzလေ့လာတဲ့အခါ နားလည်တော့မှာ မဖြစ်နိုင်ပါ။ Programming သင်ယူရတာ သမားရိုးကျ ဘာသာစကားသင်ယူခြင်းလိုပါ – ဦးနှောက်မှာ စနစ်ကျ ဦးတည်ချက်များ ဖန်တီးဖို့ အချိန်လိုပါတယ်။ သင်ကောင်းနေပါတယ်။
 
-## Programming Languages တွေက Magic အမျိုးမျိုးလိုပဲ
+## Programming ဘာသာစကားတွေဟာ မတူညီတဲ့ ကြက်သွန်နီအဆီများလိုပဲ
 
-အိုကေ၊ ဒီအကြောင်းကို ပြောရင် အနည်းငယ်ထူးဆန်းနေမယ်၊ ဒါပေမယ့် Stick လုပ်ပါ – Programming Languages တွေဟာ Music အမျိုးမျိုးလိုပဲ။ စဉ်းစားကြည့်ပါ – Jazz, Rock, Classical, Hip-hop တွေလိုပဲ၊ Language တစ်ခုစီမှာ သူ့ရဲ့ Vibe, Community, Mood နဲ့ Occasion တွေရှိတယ်။
+အိုကေ၊ ဒီဟာက ဗဟုသုတဖြစ်စေချင်ပါတယ်၊ programming ဘာသာစကားတွေဟာ ဂီတအမျိုးအစား မတူညီခြင်းနဲ့ တူတယ်။ သင်ကြားလိုက်ပါ – jazz က ကြမ်းတမ်းပြီး စတူးတစ်လို ရှုထောင့်ရှိတဲ့၊ rock က ပါဝါအပြည့်၊ classical က တိက်ပြီး စနစ်တကျ၊ hip-hop က ပြည့်စုံပြီး ရိုးရာစဉ်အဆက်အမြဲဖြစ်။ အသီးသီး ချစ်သူများ၊ သူတို့ရဲ့ထူးခြားသော သဘောတရားတစ်ခုစီရှိပြီး ကာလအမျိုးအစားအလိုက် သင့်တော်ပါတယ်။
 
-Programming Languages တွေက ဒီလိုပဲ! Climate Data အများကြီးကို Crunch လုပ်ဖို့ Language တစ်ခုကို သုံးမှာမဟုတ်ဘူး၊ Fun Mobile Game တစ်ခုကို Build လုပ်ဖို့ Language တစ်ခုကို သုံးမှာမဟုတ်ဘူး၊ Yoga Class မှာ Death Metal တီးတာလိုပဲ (အများစု Yoga Class မှာတော့ မဟုတ်ဘူး 😄).
+Programming ဘာသာစကားတွေကလည်း တူတယ်! နာမ်ဘာနဲ့ သီချင်းတစ်ပုဒ်ထဲမှာ အသုံးပြုပြီး mobile game တစ်ခုက ဖန်တီးရင် သင့်အကြိုက်ဆုံး အသင်းအစစ်အမှန်တို့ ကို စုပေါင်းလိုက်ပါ။
 
-ဒါပေမယ့် ကျွန်တော့်ကို အတော်လေးအံ့ဩစေတဲ့အချက်က – Language တွေဟာ အတော်လေး သည်းခံပြီး Brilliant Interpreter တစ်ယောက်လိုပါပဲ။ သင့် Human Brain အတွက် သဘာဝအတိုင်း Feel ဖြစ်တဲ့အတိုင်း Idea တွေကို ပြောနိုင်ပြီး Computer Logic ကို Translate လုပ်ပေးတယ်။ "Human Creativity" နဲ့ "Computer Logic" နှစ်ခုလုံးကို Perfect Fluent ဖြစ်တဲ့ သူငယ်ချင်းတစ်ယောက်လိုပါပဲ – သူတို့က အပန်းမလွတ်ဘူး၊ Coffee Break မလိုဘူး၊ တစ်ခါတစ်ခါ မေးတဲ့မေးခွန်းကို ပြန်မေးတာကိုလည်း မစီရင်ဘူး!
+ဒါပေမယ့် ငါအမြဲဘယ်တော့မှ မပျက်နေတာက ဒီဘာသာစကားတွေက ကမ္ဘာမှာ အကောင်းဆုံး အာရုံစိုက်ဆွေးနွေးသူတစ်ယောက်ကို သင့်ဘက်ကစားစေတယ်။ သင့်ရဲ့ လူသားစိတ်ကူးတွေကို နားလည်သလို ပြောကြားနိုင်ပြီး အဲဒီလို ပြောဆိုမှုတွေကို ၁ နဲ့ ၀ ထဲမှာ ပြန်လည်လိုက်စားပေးတယ်။ သင့်နှင့် အတူရှိတဲ့ သူငယ်ချင်းက "လူ့ဖန်တီးမှု" နဲ့ "ကွန်ပျူတာ သံသရာ" ကွဲပြားမှုကို အပြည့်အဝ နားလည်မြင်မြင်နေပြီး ကောင်းမွန်စွာ အားထုတ်ပေးတယ်။ သူတို့က မပင်ပန်း သောက်ရေ မလိုအပ်ဘဲ ထပ်ညွှန်ကြားမှု မှန်မှန် မရလည်လျှင်စာမေးခွန်းတစ်ခုအား မေးတာလည်း စီမံကြပါဘူး။
 
-### လူကြိုက်များတဲ့ Programming Languages နဲ့ သူတို့ရဲ့ အသုံးအများဆုံးနေရာ
+### လူကြိုက်များတဲ့ Programming ဘာသာစကားများနှင့် အသုံးများမှု
 
 ```mermaid
 mindmap
@@ -89,171 +88,296 @@ mindmap
     Web Development
       JavaScript
         Frontend Magic
-        Interactive Websites
+        အပြန်အလှန် ဝဘ်ဆိုက်များ
       TypeScript
         JavaScript + Types
-        Enterprise Apps
+        စီးပွားရေး လျှပ်စစ်
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        အချက်အလက် သိပ္ပံ
+        စက်ရုပ် သင်ယူမှု
+        အလိုအလျောက်လုပ်ဆောင်မှု
       R
-        Statistics
-        Research
+        စံနှုန်းများ
+        သုတေသန
     Mobile Apps
       Java
         Android
-        Enterprise
+        စီးပွားရေး
       Swift
         iOS
         Apple Ecosystem
       Kotlin
-        Modern Android
-        Cross-platform
+        ခေတ်မီ Android
+        ပလက်ဖောင်းအလွှာများ
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        ဂိမ်းများ
+        အကျိုးသက်ရောက်မှု အရေးကြီး
       Rust
-        Memory Safety
-        System Programming
+        မှတ်ဥာဏ် လုံခြုံမှု
+        စနစ် ပရိုဂရမ်မင်း
       Go
         Cloud Services
-        Scalable Backend
+        လာမည့် ဘက်အင်ဒ်
 ```
-
-| Language | Best For | Why It's Popular |
+| ဘာသာစကား | သင့်တော်သော နယ်ပယ် | ဘာကြောင့် လူကြိုက်များတာလဲ |
 |----------|----------|------------------|
-| **JavaScript** | Web development, user interfaces | Browsers မှာ Run လုပ်ပြီး Interactive Websites တွေကို Power လုပ်ပေးတယ် |
-| **Python** | Data science, automation, AI | လွယ်ကူပြီး Powerful Libraries တွေရှိတယ် |
-| **Java** | Enterprise applications, Android apps | Platform-independent ဖြစ်ပြီး Large Systems တွေအတွက် အတော်လေး Robust ဖြစ်တယ် |
-| **C#** | Windows applications, game development | Microsoft Ecosystem အတွက် Support အတော်လေး Strong ဖြစ်တယ် |
-| **Go** | Cloud services, backend systems | Fast, Simple ဖြစ်ပြီး Modern Computing အတွက် Design လုပ်ထားတယ် |
+| **JavaScript** | ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု၊ အသုံးပြုသူအင်တာဖေ့ | Browser များတွင် စက်ခံအသွင့်ဖြစ်ပြီး အပြန်အလှန် ဆက်သွယ်မှုရှိသော ဝက်ဘ်ဆိုဒ်များ ဖန်တီးနိုင်သည် |
+| **Python** | ဒေတာ သိပ္ပံ၊ အော်တိုမေရှင်၊ AI | လွယ်ကူပြတ်သားစွာ ဖတ်နိုင်ပြီး စွမ်းအားသာသနာတရားရှိသော စာကြည့်တိုက်များရှိသည် |
+| **Java** | စက်မှုလုပ်ငန်းတို့၏ application များ၊ Android apps | အသုံးပြုနိုင်သည့် ပလက်ဖောင်းပေါ်မူတည်မှုမဟုတ်ပြီး ဂရုတစိုက်ကြီးမားသော စနစ်များအတွက် သင့်တော်သည် |
+| **C#** | Windows application များ၊ ဂိမ်းဖွံ့ဖြိုးတိုးတက်မှု | Microsoft ပတ်ဝန်းကျင်အတွက် အားကောင်းသော ရရှိမှုရှိသည် |
+| **Go** | Cloud ဝန်ဆောင်မှုများ၊ backend စနစ်များ | မြန်ဆန်ပြီး သောကများမရှိဘဲ မော်ဒန် ကွန်ပျူတာ အတွက် ဒီဇိုင်း ပြုလုပ်ထားသည် |
+
+### အဆင့်မြင့် နှင့် နိမ့်အဆင့် ဘာသာစကားများ
+
+ဒါက အမှန်တကယ် ငါစတင်သင်ယူတဲ့အချိန်မှာ ဦးနှောက်ပျက်စီးမှု ရှိခဲ့တဲ့ အကြောင်းအရာဖြစ်လို့၊ ငါ မှီဝဲပေးမယ့် အချက်မှာ ဒီလိုဖြစ်တယ် – နားလည်ဖို့ အနားမလွတ်ပါနဲ့!
+
+နိုင်ငံအသစ်တစ်ခုသို့ သင်သွားလာပြီးဘာသာစကား မတတ်တဲ့အချိန်မှာ အနီးဆုံး ရေချိုးခန်း ရှာဖွေဖို့လိုပါတယ် (ကျွန်တော်တို့အားလုံး ဒီအတွေ့အကြုံရှိဖူးကြတယ်မဟုတ်လား? 😅):
+
+- **နိမ့်အဆင့် programming** ဆိုတာ ဒေသခံစကားလုံးကို အလွန်အကျွံသိပြီး ကမ်းခြေဖျတ်ရာမှာ အရွယ်ရင့်ကြီးမားတဲ့အမျိုးသမီးနှင့် ဆက်ဆံနေသလို ဖြစ်ပါတယ်၊ ဒေသဆိုင်ရာ ရိုးရာစကားများ၊ ဝေါဟာရများနှင့် ယဥ်ကျေးမှု ရယ်သံများ အားလုံးကို သိကောင်းပြီး ထိရောက်စွာ ဆက်နွယ်နေနိုင်ပါတယ်... ကျွမ်းကျင်မှုရှိရင် တကယ်ပဲ နိုင်ပါတယ်! ဘာသာစကား မသိရင် အိမ်သာရှာဖို့ ပြဿနာတွေဖြစ်တတ်ပါတယ်။
+
+- **အဆင့်မြင့် programming** ဆိုတာ ဒေသခံ သူငယ်ချင်းက နားလည်သလိုရှိရင်သေချာပါစေ။ "ကျွန်တော် အိမ်သာလိုအပ်နေတယ်" ဆိုပြီး အင်္ဂလိပ်နဲ့ ပြောပြလိုက်ရင် တစ်ဖက်က ကောင်းမွန်စွာ ဘာသာပြန်ပေးပြီး၊ နားမလည်တဲ့ ဦးနှောက်ကို ကြည်ဖြူစေပြီး လမ်းညွှန်ပေးပါမယ်။
+
+Programming စကားဖြင့်။
+- **နိမ့်အဆင့် ဘာသာစကားများ** (Assembly သို့မဟုတ် C ကဲ့သို့) က ကွန်ပျူတာရဲ့ Hardware နဲ့ အလွန်အသေးစိတ် စကားပြောခွင့် ပေးပေမယ့် စက်လို ကျွမ်းကျင် ရှိရမယ်ဆိုတဲ့ စိတ်ဖြေဦး အလိုရှိပါတယ်။
+- **အဆင့်မြင့် ဘာသာစကားများ** (JavaScript, Python, C#) က သင့်ကို လူတစ်ယောက်လို သဘောထားနိုင်စေလို့၊ နောက်ကွယ်မှာ စက်စကားပြောဆိုမှုကို ကိုင်တွယ်နေပါတယ်။ ဤဘာသာစကားတွေမှာ လူအသစ်တွေအတွက် နုံလမ်းကောင်း ကူညီပေးသူတွေ့ရှိနိုင်ပါတယ်။
+
+ငါ Suggest လုပ်မယ့် သင်စတင်သင်ယူဖို့ ဘာသာစကားက ဘယ်ဟာလဲ သိချင်လား? 😉 အဆင့်မြင့် ဘာသာစကားများက ကိုယ့်ကိုတတ်မြောက်မှုပိုအဆင်ပြေသလို ဟန်ချက်မှန်တဲ့ training wheels ဖြစ်ပါတယ်။
+
+```mermaid
+flowchart TB
+    A["👤 လူ၏အတွေး:<br/>'ကျွန်တော် Fibonacci ကိန်းဂဏန်းတွေတွက်ချင်တယ်'"] --> B{ဘာသာစကားအဆင့် ရွေးချယ်ပါ}
+    
+    B -->|အဆင့်မြင့်| C["🌟 JavaScript/Python<br/>ဖတ်ရလွယ်ကူပြီး ရေးရလွယ်"]
+    B -->|အဆင့်နိမ့်| D["⚙️ Assembly/C<br/>တိုက်ရိုက်ဟာ့ဒ်ဝဲထိန်းချုပ်ခြင်း"]
+    
+    C --> E["📝 ရေးပါ: fibonacci(10)"]
+    D --> F["📝 ရေးပါ: mov r0,#00<br/>sub r0,r0,#01"]
+    
+    E --> G["🤖 ကွန်ပျူတာနားလည်မှု:<br/>ဘာသာပြန်သည်ရှုပ်ထွေးမှုကိုကိုင်တွယ်သည်"]
+    F --> G
+    
+    G --> H["💻 ထိုက်တန်သော ရလဒ်:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    
+    style C fill:#e1f5fe
+    style D fill:#fff3e0
+    style H fill:#e8f5e8
+```
+###အဆင့်မြင့် ဘာသာစကားများ ဘာကြောင့် လူကြိုက်များတယ်ဆိုတာ ငါပြမယ်
+
+ကောင်းပြီ၊ ငါ သင့်ကို အဆင့်မြင့် ဘာသာစကားကြောင့် စိတ်ပျော်ရွှင်ခဲ့တာကို ပုံမှန်ဖော်ပြထားတဲ့ နမူနာတစ်ခု ပြမယ့်အခါ စိတ်ညစ်မိသွားစေမှာ မဟုတ်ပါနဲ့။ ငါ့ကို တစ်ချက် ကတိပေးပါ။ ပထမဆုံးအချို့ code ကို မြင်ရင် စိုးရိမ်မထားပါနဲ့! ဒီအရာက စိတ်ဖိစီးမှု ဖြစ်စေလိုလို့ပါ။
+
+ငါတို့ နှစ်မျိုး ကွဲပြားတာနဲ့ ရေးထားတဲ့ ပထမ Fibonacci စာရင်း ကို ကြည့်ပါမယ် – အကြိမ်ရေ သင်္ချာ ရုပ်သဖွယ်ပုံစံ ဖြစ်ပြီး နံပါတ်တစ်ခုက အရင်နံပါတ် နှစ်ခု ပေါင်းထုတ်ထားတာပါ – 0, 1, 1, 2, 3, 5, 8, 13... (ရှစ်ရှည်သတင်းတစ်ခု – ဒီပုံစံတွေဟာ သဘာဝမှာ အပြည့်အဝ တွေ့ရှိနိုင်တယ် – နေကြာစေ့များ၊ ရေပန်းပျိုး များ၊ ကြယ်စု သဘာဝဖွဲ့စည်းမှုများစသဖြစ်!)
+
+ကွဲပြားချက်ကို ကြည့်ဖို့ ပြင်ဆင်ပါ!
+
+**အဆင့်မြင့် ဘာသာစကား (JavaScript) – လူသားအတွက် ရိုးရှင်းချောမွေ့:**
+
+```javascript
+// အဆင့် ၁: အခြေခံ Fibonacci ပြင်ဆင်မှု
+const fibonacciCount = 10;
+let current = 0;
+let next = 1;
+
+console.log('Fibonacci sequence:');
+```
+
+**ဒီကုဒ်က ဘာလုပ်တယ်ဆိုတာ:**
+- **fixed constant** တစ်ခု သတ်မှတ်သည်။ ထို constant က ကျွန်တော်တို့ လိုအပ်သည့် Fibonacci နံပါတ်အရေအတွက်ဖြစ်သည်။
+- **variables နှစ်ခု စတင်ပြီး** လက်ရှိနံပါတ်နှင့် နောက်နံပါတ်ကို ချိန်ညှိထားသည်။
+- **စတင်တန်ဖိုးများ** (0 နှင့် 1) ကို Fibonacci ပုံစံအတိုင်း သတ်မှတ်ထားသည်။
+- **output အထွက်စာသားကို** Header အဖြစ် ပြသသည်။
+
+```javascript
+// အဆင့် ၂: Loop ဖြင့် အလိုက်လိုက်စဉ်ကို ဖန်တီးပါ
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // စဉ်ထဲရှိ နောက်ထပ် နံပါတ်ကို တွက်ချက်ပါ
+  const sum = current + next;
+  current = next;
+  next = sum;
+}
+```
 
-### High-Level vs. Low-Level Languages
+**ဒီမှာ ဖြစ်ပျက်တာကို ခွဲခြမ်းတော့:**
+- **for loop** ဖြင့် လုပ်ဆောင်ချက်ထိတိုင် စဥ်စားသည်။
+- **number နှင့် position** တို့ကို Template literal ဖြင့် ပြသသည်။
+- **နောက်ထပ် Fibonacci နံပါတ်ကို** လက်ရှိနံပါတ်နှင့် နောက်နံပါတ် ပေါင်းပြီးတွက်ချက်သည်။
+- **variables ကို update** ပြုလုပ်၍ အောက်တန်းဟန်ပြုနေသည်။
+
+```javascript
+// အဆင့် ၃: ခေတ်မီသော လုပ်ဆောင်မှုနည်းလမ်း
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
 
-အိုကေ၊ ကျွန်တော် Programming ကို စတင်လေ့လာတဲ့အချိန်မှာ Brain Break ဖြစ်စေတဲ့ Concept တစ်ခုက ဒီပါ၊ ဒါကြောင့် ကျွန်တော့်ကို အတော်လေးအထောက်အကူဖြစ်စေတဲ့ Analogy ကို မျှဝေပါမယ် – သင့်အတွက်လည်း အထောက်အကူဖြစ်မယ်လို့ မျှော်လင့်ပါတယ်!
+// အသုံးပြုမှုဥပမာ
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
 
-Imagine လုပ်ပါ – သင် ဘာသာစကားမပြောတတ်တဲ့ နိုင်ငံတစ်ခုကို သွားရောက်ပြီး အရေးကြီး Bathroom ရှာဖွေရတဲ့အချိန် (အားလုံးက ဒီလိုဖြစ်ဖူးတယ်၊ ဟုတ်လား? 😅):
+**အထက်ပါနမူနာမှာ:**
+- **Modern arrow function syntax** ကို အသုံးပြု၍ ပြန်လည်သုံးနိုင်သော function တစ်ခု ဖန်တီးထားသည်။
+- **Array တစ်ခုဆောက်ပြီး** နံပါတ်များစွာကို တစ်ခါတည်း တစ်ခုစီပြရန်တင်မထားဘဲ သိမ်းဆည်းထားသည်။
+- **Array index ကို အသုံးပြု၍** နောက်ဆုံးနံပါတ်များမှ အသစ်ထုတ်ယူသည်။
+- **ပြန်လည် Return** လုပ်၍ application တစ်ခုတွင် အလွယ်တကူအသုံးပြုနိုင်သည်။
+
+**နိမ့်အဆင့် ဘာသာစကား (ARM Assembly) – ကွန်ပျူတာအတွက် သင့်တော်:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
 
-- **Low-level programming** ကတော့ ဒေသခံ Dialect ကို အတော်လေး Fluently ပြောတတ်ပြီး Cultural References, Local Slang, Inside Jokes တွေကို အသုံးပြုနိုင်တဲ့အတိုင်း ဖြစ်တယ်။ အတော်လေး Impression ဖြစ်ပြီး အလွန်အကျွမ်းကျင်တယ်... ဒါပေမယ့် Bathroom ရှာဖွေရတဲ့အချိန်မှာတော့ အတော်လေး Overwhelming ဖြစ်တယ်။
+JavaScript ဗားရှင်းဟာ အင်္ဂလိပ်လို ပုံမှန် နည်းလမ်းနဲ့ ဖတ်ရပြီး Assembly ဗားရှင်းကတော့ ကွန်ပျူတာ processor ကို တိုက်ရိုက် ထိန်းချုပ်ဖို့ မျိုးစုံ ကုတ်များမှာ စာလုံးပေါင်းတွေ အသုံးပြုထားတာ တွေ့ရတယ်။ နှစ်ခုလုံးက တစ်ခုတည်းတဲ့ အလုပ်လုပ်ပေးတာဖြစ်ပေမယ့် အဆင့်မြင့် ဘာသာစကားက လူသားတွေအတွက် ပိုလွယ်ကူ နားလည်ရေး၊ ရေးဖွဲ့ရေးနဲ့ ပြုပြင်ပြောင်းလဲရေး အဆင်ပြေပါတယ်။
 
-- **High-level programming** ကတော့ Amazing Local Friend တစ်ယောက်လိုပါပဲ။ "ကျွန်တော် Bathroom ရှာဖွေနေ
-- **မှတ်ချက်များ**: အဆင့်မြင့်ဘာသာစကားများသည် ကုဒ်ကို ကိုယ်တိုင်ရှင်းပြနိုင်သော အကြောင်းအရာများကို ရှင်းလင်းစွာ ရေးသားရန်အားပေးသည်။
-- **ဖွဲ့စည်းမှု**: JavaScript ၏ သဘောတရားစဉ်ဆက်လက်မှုသည် လူသားများက ပြဿနာများကို အဆင့်ဆင့်တွေးဆလိုက်သည့် နည်းလမ်းနှင့် ကိုက်ညီသည်။
-- **ထိန်းသိမ်းမှု**: အခြေအနေအမျိုးမျိုးအတွက် JavaScript ဗားရှင်းကို အဆင်ပြေစွာ ပြင်ဆင်နိုင်သည်။
+**အဓိက ကွာခြားချက်များကို သင်တွေ့ရှိမှာ**:
+- **ဖတ်ရှုရလွယ်မှု**: JavaScript သည် `fibonacciCount` ကဲ့သို့ ဖော်ပြချက်ပြည့်ဝသော နာမည်များကို အသုံးပြုသောအခါ Assembly သည် `r0`, `r1` ကဲ့သို့ လျှို့ဝှက် အမှတ်အသားများကို အသုံးပြုသည်
+- **မှတ်ချက်များ**: အဆင့်မြင့် ဘာသာစကားများတွင် ကိုးကားချက်ရှင်းလင်းမှုများအား စွမ်းအားပေးကာ ကုဒ်ကို ကိုယ်တိုင်စာရွက်စာတမ်းဖြစ်လာစေသည်
+- **ဖွဲ့စည်းပုံ**: JavaScript ၏ ယောဂျနည်းလိုင်းသည် လူတစ်ယောက်သည် ပြဿနာများကို တစ်ဆင့်ချင်းစီ အတွေးအခေါ်ပုံစံနှင့် ကိုက်ညီသည်
+- **စောင့်ရှောက်မှု**: မတူညီသော လိုအပ်ချက်များအတွက် JavaScript ဗားရှင်းကို အဆင်ပြေစွာ နှင့်ရှင်းလင်းစွာ ပြင်ဆင်နိုင်သည်
 
-✅ **Fibonacci အစဉ်အတိုင်းအတာအကြောင်း**: ဒီအလှပဆုံးနံပါတ်ပုံစံ (နံပါတ်တစ်ခုစီသည် အရင်နံပါတ်နှစ်ခု၏ စုစုပေါင်းဖြစ်သည်: 0, 1, 1, 2, 3, 5, 8...) သဘာဝတွင် *အရမ်း* တွေ့ရပါတယ်! သင်သည် ဒါကို နေကြာပန်းပုံစံများ၊ ပိတောက်ပန်းပုံစံများ၊ nautilus အခွံပုံစံများ၊ နှင့် သစ်ပင်အခွံပုံစံများတွင် တွေ့ရပါမည်။ သဘာဝ၏ အလှတရားကို ဖန်တီးရန် သင်္ချာနှင့် ကုဒ်က အကြောင်းအရာများကို နားလည်စေပြီး ပြန်ဖန်တီးနိုင်သည်ဟု တွေးမိတာ အရမ်းအံ့ဩစရာပါပဲ!
+✅ **Fibonacci အစဉ်အလာအကြောင်း**: ဒီအလွန်အမင်းလှပသော အရေအတွက်ပုံစံ (အရေအတွက်တစ်ခုချင်းစီသည် ၎င်းမတိုင်မှီနှစ်ခု၏ စုစုပေါင်းနှင့်တူသည်: 0, 1, 1, 2, 3, 5, 8...) သဘာဝတွင် တကယ်အချိန်တိုင်း မြင်တွေ့ရသည်! သင့်သည် နေကြာပန်းပန်းသီးများ၏ စနစ်, ရှေးဟောင်းပင်ပန်းပုံစံများ, nautilus သားလိပ်များ၏လွှမ်းမိုးပုံ, သစ်ပင်ခွံပေါ်နည်းလမ်းများတွင် လည်းတွေ့ရှိနိုင်သည်။ သင်္ချာနှင့် ကုဒ်က သဘာဝ၌ အလှတရားဖန်တီးရန်အသုံးပြုသည့် ပုံစံများကို နားလည်၍ ပြန်လည်ဖန်တီးနိုင်မှု မျှော်လင့်စရာအကြီးကောင်းပါတယ်!
 
-## မျိုးစုံအံ့ဩမှုကို ဖန်တီးပေးသော အခြေခံအဆောက်အအုံများ
+## သို့သော အခြေခံအစိတ်အပိုင်းများ
 
-အိုကေ၊ programming languages တွေကို လုပ်ဆောင်ပုံကို ကြည့်ပြီးပြီဆိုတော့ အခုတော့ ဘာသာစကားတိုင်းမှာပါဝင်တဲ့ အခြေခံအစိတ်အပိုင်းတွေကို ခွဲခြမ်းရှင်းလင်းကြည့်ရအောင်။ ဒါတွေကို သင်အကြိုက်ဆုံးဟင်းချက်နည်းမှာပါဝင်တဲ့ အရေးကြီးအပစ္စည်းတွေလို တွေးပါ – တစ်ခုချင်းစီက ဘာလုပ်ပေးနိုင်တယ်ဆိုတာ နားလည်ပြီးရင် ဘာသာစကားမဆို ကုဒ်ကို ဖတ်နိုင်၊ ရေးနိုင်ဖြစ်သွားပါလိမ့်မယ်!
+အိုကေ၊ လက်ရှိ programming ဘာသာစကားများက ဘယ်လို ရှိနေတယ်ဆိုတာတွေ့ပြီးပြီဆိုတော့၊ ကြည့်ပြီးသော အခြေခံအပိုင်းများကို သွားကြည့်ကြမယ်။ သင်နှစ်သက်သည့် ဟင်းချက်ချက်နည်းမှာ မည်သည့်ပစ္စည်းတစ်ခုချင်းစီသည် ဘယ်လိုလုပ်သလဲ တွေ့ရတာလိုမျိုး - အဲဒါကို နားလည်ပြီးပါက ဘာသာစကား မဆို ကိုးကားရေးသားနိုင်ပြီဖြစ်သည်။
 
-ဒါဟာ programming ၏ သဒ္ဒါကို သင်ယူနေသလိုပါပဲ။ ကျောင်းမှာ နာမ်၊ ကြိယာ၊ စာကြောင်းတွေကို ဘယ်လိုချိတ်ဆက်ရမယ်ဆိုတာ သင်ယူခဲ့တဲ့အခါကို သတိရပါ။ Programming က သူ့သဒ္ဒါကိုယ်စီရှိပြီး အင်္ဂလိပ်သဒ္ဒါထက် အလွန်လွယ်ကူပြီး အလွန်လက်ခံနိုင်စွမ်းရှိပါတယ် 😄
+ဒါဟာ programming ရဲ့ ဝေါဟာရကို သင်ယူနေသလိုပါ။ ကျောင်းတုန်းက နာမ်၊ ကြိယာနဲ့ စာကြောင်းဖွဲ့စည်းပုံကို သင်ဖတ်ခဲ့တဲ့အခါ ကြားဖူးပါလား။ programming ရဲ့ ကိုယ်ပိုင် grammar ရှိပြီး၊ တကယ်說ဘာသာ စကားgrammarထက် ပိုသေချာပြတ်သားပြီး ကောင်းတာပါ! 😄
 
-### Statements: အဆင့်ဆင့်ညွှန်ကြားချက်များ
+### ကြေညာချက်များ: အဆင့်လိုက် အချက်ပြချက်များ
 
-**Statements** တွေက သင့်ကွန်ပျူတာနဲ့ စကားပြောတဲ့ စာကြောင်းတစ်ကြောင်းလိုပါပဲ။ Statement တစ်ခုစီက ကွန်ပျူတာကို တစ်ခုခုလုပ်ဖို့ ညွှန်ကြားပါတယ်၊ ဥပမာ "ဒီမှာ ဘယ်ဘက်ကိုလှည့်ပါ," "အနီရောင်မီးမှာရပ်ပါ," "ဒီနေရာမှာ ကားရပ်ပါ" လိုမျိုး။
+**ကြေညာချက်များ** ဆိုတာက ကွန်ပျူတာနဲ့ စကားပြော တစ်ကြောင်းလိုပါပဲ။ ကြေညာချက်တိုင်းက ကွန်ပျူတာကို တစ်ချက်လောက် အလုပ်လုပ်စေဖို့ လိုက်နာစေသည်။ ဥပမာ- "ဒီမှာဘယ်ဘက်ကို သွားပါ", "နီရောင်မီးမှာ ရပ်ပါ", "ဒီနေရာမှာ ကားရပ်ပါ။"
 
-Statements တွေက အရမ်းဖတ်လွယ်တဲ့အချက်ကို သင်ကြိုက်မိမှာပါ။ ဒီကိုကြည့်ပါ:
+ကြေညာချက်တွေရဲ့ ဖတ်ရှုရလွယ်မှုက ကောင်းတဲ့အရာပါ။ ဒီကို ကြည့်ပါ:
 
 ```javascript
-// Basic statements that perform single actions
+// တစ်ခုတည်းသော လုပ်ဆောင်ချက်များ ပြုလုပ်သော အခြေခံ ပြောကြားချက်များ
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**ဒီကုဒ်က ဘာလုပ်သလဲဆိုရင်:**
-- **Constant variable** တစ်ခုကို အသုံးပြုသူရဲ့နာမည်ကို သိမ်းဆည်းရန် ကြေညာပါ။
-- **Console output** မှာ အကြိုဆိုစာကို ပြပါ။
-- **သင်္ချာဆိုင်ရာ လုပ်ဆောင်ချက်** ရလဒ်ကို တွက်ချက်ပြီး သိမ်းဆည်းပါ။
+  
+**ဒီကုဒ်ရဲ့ လုပ်ဆောင်ချက်များ:**  
+- အသုံးပြုသူနာမည်ကို သိမ်းဆည်းရန် တည်ငြိမ်သော မရေပြားတစ်ခုကို ကြေညာသည်  
+- စာလုံးဖတ်ထွက်ထံ အကြောင်းကြားစာတစ်ခု ပြသသည်  
+- သင်္ချာဆိုင်ရာ လုပ်ဆောင်ချက်ရလဒ်ကိုတွက်ချက်ပြီး သိမ်းဆည်းသည်  
 
 ```javascript
-// Statements that interact with web pages
+// ဝက်ဘ်စာမျက်နှာများနှင့် အပြန်အလှန်ဆက်ဆံသော ကြေညာချက်များ
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
+  
+**အဆင့်လိုက် အကြောင်းအရာများ:**  
+- ဝဘ်စာမျက်နှာ၏ ခေါင်းစဉ်ကို ပြင်ဆင်သည် (ဘရောက်ဇာတဘ်တွင် ပြသသော)  
+- စာမျက်နှာ၏ နောက်ခံအရောင်ကို ပြောင်းသည်  
 
-**အဆင့်ဆင့်လုပ်ဆောင်မှု:**
-- **Webpage title** ကို ပြောင်းလဲပါ။
-- **Page body** ရဲ့ နောက်ခံအရောင်ကို ပြောင်းလဲပါ။
+### အမျိုးအစားများ: သင့်ကိုယ်ပိုင် မှတ်ဉာဏ်စနစ်
 
-### Variables: သင့်ကုဒ်ရဲ့ မှတ်ဉာဏ်စနစ်
+အိုကေ၊ **အမျိုးအစားများ** ဟာ ကျွန်ုပ်အတွက် သင်ကြားရတာ အရမ်းနှစ်သက်တဲ့အကြောင်းအရာတစ်ခုပါ၊ ဒါဟာ သင့်နေ့စဉ်အသုံးပြုတာတွေနဲ့ သက်ဆိုင်တယ်ဆိုတော့!
 
-**Variables** တွေက သင်နေ့စဉ်အသုံးပြုနေတဲ့ အရာတွေနဲ့ အလွန်တူတဲ့အတွက် သင်ယူရတာ အရမ်းပျော်စရာကောင်းပါတယ်!
+လူမှုဆက်သွယ်ရေးနံပါတ်စာရင်းကို စဉ်းစားကြည့်ပါ။ မင်း `မိခင်`, `အကောင်းဆုံးသူငယ်ချင်း`, ဒါမှမဟုတ် `နောက်နေ့၂နာရီထိ ပို့ဆောင်တဲ့ ပီဇာဆိုင်` စတဲ့ နာမ်များသိမ်းဆည်းထားပြီး နံပါတ်တွေကို မမှတ်မိဘဲ ဖုန်းကို ယူထားတယ်။ အမျိုးအစားတွေကလည်း ဒီလိုပါပဲ။ ဒါတွေက သင့်အစီအစဉ်မှာ ဒေတာများကို သိမ်းဆည်းပြီး နောက်မှ အမှန်တကယ် နာမည်နဲ့ ခေါ်ယူနိုင်တဲ့ labeled container တွေပဲ။
 
-သင့်ဖုန်းရဲ့ ဆက်သွယ်ရန်စာရင်းကို စဉ်းစားပါ။ လူတိုင်းရဲ့ဖုန်းနံပါတ်ကို မှတ်မထားဘဲ "မေမေ," "အကောင်းဆုံးသူငယ်ချင်း," "Pizza ဆိုင်" လို့ သိမ်းထားပြီး ဖုန်းက အမှန်တကယ်နံပါတ်ကို မှတ်ထားပေးပါတယ်။ Variables တွေက အတိအကျ ဒီလိုပဲ လုပ်ပါတယ်! Variables တွေက သင့်ကုဒ်မှာ အချက်အလက်တွေကို သိမ်းဆည်းပြီး နောက်ပိုင်းမှာ အလွယ်တကူ ပြန်ယူနိုင်တဲ့ အမည်တစ်ခုနဲ့ label လုပ်ထားတဲ့ အထုပ်တွေလိုပါပဲ။
+အလွန် အထူးသဖြင့်- အမျိုးအစားတွေ ပြောင်းလဲနိုင်တာကြောင့် အလွယ်တကူ အသစ် ပြင်ဆင်ပေးလို့ရတယ် (အဲဒီမှ "variable" ဆိုတဲ့အမည်မျိုးပဲ)။ မင်းအသစ်ကောင်းတဲ့ ပီဇာဆိုင်ကို ရှာတွေ့ရင် အလွယ်တကူ အမျိုးအစားတူ ပြင်နိုင်တယ်။
 
-Variables တွေက သင့်ကုဒ်အတွင်းမှာ အခြေအနေအလိုက် ပြောင်းလဲနိုင်ပါတယ်။ Pizza ဆိုင်ကို အကောင်းဆုံးဆိုင်တစ်ခုကို ရှာတွေ့တဲ့အခါ update လုပ်သလိုပဲ၊ Variables တွေက သင့်ကုဒ်မှာ အချက်အလက်အသစ်တွေကို update လုပ်နိုင်ပါတယ်။
-
-ဒီလိုရိုးရှင်းတဲ့အရာကို ကြည့်ပါ:
+ဒီအတိုင်း လွယ်ကူစွာရှင်းပြမယ်:
 
 ```javascript
-// Step 1: Creating basic variables
+// အဆင့် ၁: အခြေခံရင်းနှီးသတ်မှတ်ချက်များ ဖန်တီးခြင်း
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**ဒီအချက်တွေကို နားလည်ပါ:**
-- **Const variables** တွေကို unchanging values သိမ်းဆည်းရန် အသုံးပြုပါ။
-- **Let** ကို သင့်ကုဒ်အတွင်းမှာ ပြောင်းလဲနိုင်တဲ့ values တွေအတွက် အသုံးပြုပါ။
-- **Strings, numbers, booleans** စတဲ့ data types တွေကို assign လုပ်ပါ။
-- **Descriptive names** တွေကို အသုံးပြုပါ။
+  
+**သဘောထားများ သဘောပေါက်ခြင်း:**  
+- `const` ကို အသုံးပြုပြီး မပြောင်းလဲနိုင်သော တန်ဖိုးများ သိမ်းဆည်းခြင်း  
+- `let` ကို အသုံးပြုပြီး အလုပ်အပြောင်းအလဲရှိဉာဏ်ပညာတန်ဖိုးများကို သိမ်းဆည်းခြင်း  
+- အမျိုးအစား များ ချိန်ညှိခြင်း: စာသားများ, နံပါတ်များ, boolean (true/false)  
+- အကြောင်းဖော်ပြသော နာမည်များ ရွေးချယ်ခြင်း  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// အဆင့် ၂: သက်ဆိုင်ရာဒေတာများကို အုပ်စုဖွဲ့ရန် အရာဝတ္ထုများနှင့် အလုပ်လုပ်ခြင်း
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**ဒီမှာ:**
-- **Object** တစ်ခုကို ဖန်တီးပြီး သက်ဆိုင်ရာ အချက်အလက်တွေကို အုပ်စုဖွဲ့ထားပါ။
-- **Key-value pairs** တွေကို အသုံးပြုပြီး အချက်အလက်တွေကို ရှင်းလင်းစွာ label လုပ်ပါ။
+  
+**အထက်ပါ၌:**  
+- ဆက်စပ်သော ရာသီဥတုဆိုင်ရာ ဥပမာတစ်ခုကို အသုံးပြုအရာအား ဆောက်လုပ်သည်  
+- အချက်အလက်များစွာကို တစ်ခုတည်းသော အမျိုးအစား အောက်တွင် စုစည်းသည်  
+- key-value စနစ်ဖြင့် တစ်စိတ်တစ်ပိုင်း ငြင်းသာတပ်၍ ဖော်ပြသည်  
 
 ```javascript
-// Step 3: Using and updating variables
+// အဆင့် ၃: မျဉ်းပြောင်းများကို အသုံးပြုခြင်းနှင့် အပ်ဒိတ်လုပ်ခြင်း
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// ပြောင်းလဲနိုင်သော မျဉ်းပြောင်းများကို အပ်ဒိတ်တင်ခြင်း
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**ဒီအပိုင်းကို နားလည်ပါ:**
-- **Template literals** ကို `${}` syntax နဲ့ အသုံးပြုပါ။
-- **Dot notation** ကို အသုံးပြုပြီး object properties တွေကို access လုပ်ပါ။
-- **Let variables** တွေကို update လုပ်ပါ။
-- **Multiple variables** တွေကို ပေါင်းစပ်ပြီး အဓိပ္ပါယ်ရှိတဲ့ messages ဖန်တီးပါ။
+  
+**အပိုင်းတစ်ခုချင်းစီ နားလည်ခြင်း:**  
+- template literals `${}` နယ်နိမိတ်များဖြင့် သတင်းအချက်အလက် ပြသခြင်း  
+- dot notation (`weatherData.windSpeed`) ဖြင့် object property များ ထိန်းသိမ်းတွက်ချက်ရန်  
+- `let` ဖြင့် ကြေညာထားတဲ့ variable များကို ပြင်ဆင်ခြင်း  
+- မျိုးကြီးတူ variable များ ပေါင်းစပ်ပြီး ဆက်စပ်တန်ဖိုးများ ဖန်တီးခြင်း  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// ခြေလှမ်း ၄: ပိုသန့်ရှင်းသောကုဒ်အတွက်ခေတ်မီသောပျိုးပင်ခြင်း
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**သိထားရန်လိုအပ်ချက်များ:**  
+- destructuring assignment ဖြင့် object-properties ထွက်ယူခြင်း  
+- object keys နာမည်များနှင့် အလိုအလျောက် variable အသစ် ဖန်တီးခြင်း  
+- dot notation အလွန် မကြာခဏ သုံးခြင်း မလိုအပ်အောင် code ရိုးရှင်းစေခြင်း  
 
-**သင်သိထားရမယ့်အချက်များ:**
-- **Destructuring assignment** ကို အသုံးပြုပြီး object properties တွေကို extract လုပ်ပါ။
-- **Object keys** နဲ့ အမည်တူတဲ့ variables တွေကို auto-create လုပ်ပါ။
-- **Dot notation** ကို မကြာခဏအသုံးပြုရတာကို ရှောင်ရှားပါ။
+### ထိန်းချုပ်မှု လည်ပတ်မှု: သင့်အစီအစဉ်ကို စဉ်းစားကောင်းစေခြင်း
 
-### Control Flow: သင့်ကုဒ်ကို စဉ်းစားစေခြင်း
+အိုကေ၊ ဒီမှာ programming က အံ့သြစရာအမြင့်ဆုံး ဖြစ်တာပါပဲ! **ထိန်းချုပ်မှု လည်ပတ်မှု** ဆိုတာ သင့်အစီအစဉ်ကို သင်လုန့်တဲ့အတိုင်း ဖြစ်ထွန်းအောင် စဉ်းစားသော နည်းလမ်းများ သင်ကြားပေးခြင်းပါ။
 
-ဒီမှာတော့ programming က အရမ်းအံ့ဩစရာကောင်းတဲ့နေရာကို ရောက်လာပါပြီ! **Control flow** က သင့်ကုဒ်ကို အတိအကျဆုံးဆုံးဖြတ်ချက်တွေကို လုပ်နိုင်အောင် သင်ပေးတာပါ။
+မနက်ဖြန်မိုးရွာရင် ထီးယူမယ်။ အေးမြေလို့ ဇက်ကတ်ဝတ်မယ်။ နောက်ကျသွားရင် ထမင်းမစားဘဲ ကော်ဖီယူမယ်ဆိုတဲ့ logic ကို စဉ်းစားပါ။ မိမိဘက်ဝဲတွင် ထို if-then လိုက်နာမှု ပုံစံများကို နေ့စဉ် ဒါရိုက်စရာမရှိဘဲ အလုပ်လုပ်နေတယ်!
 
-ဥပမာ၊ ဒီမနက်မှာ သင် "မိုးရွာရင် ထီးယူမယ်။ အေးရင် အင်္ကျီဝတ်မယ်။ နောက်ကျနေရင် မနက်စာကျော်ပြီး coffee ယူမယ်" လို့ စဉ်းစားခဲ့ရတယ်ဆိုပါစို့။ သင့်ဦးနှောက်က ဒီလို if-then logic ကို အလိုအလျောက် လိုက်နာပါတယ်။
+ဒါကြောင့် ကုဒ်များက ရိုးစွဲသော စာရိုက်မှု မဟုတ်ဘဲ တကယ်သိပ္ပံရပ်မှန်ပြီး အသက်ရှင်လှုပ်ရှားသော ဇာတ်ကောင်တွေလို ဖြစ်စေတယ်။ အချက်အလက်များကို တွက်ချက်ပြီး ရလဒ်ထွက်အောင် လုပ်ဆောင်တယ်! သင့်အစီအစဉ်ကို စိတ်ဥာဏ်ရှိသော နက်နဲတဲ့ ဦးနှောက်တစ်ခု ပေးပြီး ပြောင်းလဲမှုများနှင့် ဆုံးဖြတ်ချက်များ လုပ်နိုင်စေပါတယ်။
 
-ဒီလို conditional logic တွေက သင့်ကုဒ်ကို အသုံးပြုသူအတွက် အကောင်းဆုံးအတွေ့အကြုံပေးနိုင်အောင် အခြေအနေအလိုက် ပြောင်းလဲနိုင်စေပါတယ်။
+အဲဒါက ဘယ်လိုကောင်းမြတ်နိုင်မလဲ၊ ကြည့်ပါ:
 
 ```javascript
-// Step 1: Basic conditional logic
+// အဆင့် ၁: မူလအခြေအနေဆိုင်ရာ ရွေးချယ်မှုရေးရာ ထောက်ခံချက်
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -263,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**ဒီကုဒ်က ဘာလုပ်သလဲဆိုရင်:**
-- **Age** ကို စစ်ဆေးပြီး မဲပေးနိုင်မှုကို စစ်ဆေးပါ။
-- **Condition result** အပေါ်မူတည်ပြီး ကုဒ်အပိုင်းတွေကို run လုပ်ပါ။
-- **Voting eligibility** အတွက် ကျန်ရှိတဲ့အချိန်ကို တွက်ချက်ပြီး ပြပါ။
-- **Scenario တစ်ခုစီအတွက် feedback** ပေးပါ။
+  
+**ဒီကုဒ်လုပ်တာက:**  
+- အသုံးပြုသူအသက်ကို မဲပေးခွင့်လိုအပ်ချက်နှင့် စစ်ဆေးသည်  
+- နောက်ဆုံးရလဒ်အပေါ် အခြေခံကာ ကွဲပြားသည့် code block များ ကို လုပ်ဆောင်သည်  
+- အသက် ၁၈ နှုတ်မပြည့်လျှင် မဲပေးခွင့် ရရှိမည့် အချိန်ကို တွက်ပြီး ပြသသည်  
+- တခြားအခြေအနေများအတွက် ထိရောက်သော အကြံပြုချက်များ ထောက်ပံ့ပေးသည်  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// အဆင့် ၂: ဆိုက်ငံ့လှည့်ခြင်းများနှင့်အတူ မျိုးစုံထားသော အခြေအနေများ
 const userAge = 17;
 const hasPermission = true;
 
@@ -283,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**ဒီမှာဖြစ်ပျက်တာကို ခွဲခြမ်းကြည့်ပါ:**
-- **Conditions** တွေကို `&&` operator နဲ့ ပေါင်းစပ်ပါ။
-- **Else if** ကို အသုံးပြုပြီး အခြေအနေအမျိုးမျိုးကို စီမံပါ။
-- **Final else statement** ကို အသုံးပြုပြီး မျှော်လင့်မထားတဲ့အခြေအနေကို handle လုပ်ပါ။
-- **Feedback** ကို scenario တစ်ခုစီအတွက် ရှင်းလင်းစွာပေးပါ။
+  
+**မှတ်ချက်များ:**  
+- `&&` (နှင့်) ရိုးရာ operator ဖြင့် အခြေအနေများ ပေါင်းစပ်ခြင်း  
+- မျိုးစုံအခြေအနေများအတွက် `else if` ဖြင့် အဆင့်တန်းဖွဲ့ခြင်း  
+- နောက်ဆုံးတွင် `else` ဖြင့် အခြေအနေ မမှတ်သားဘဲ ဖြစ်နိုင်ခြေ ချုပ်ဆိုခြင်း  
+- အခြေအနေတစ်ခုချင်းစီအတွက် အကြောင်းပြချက်အသေးစိတ်ပေးခြင်း  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// အဆင့် ၃: သုံးလမ်းရွေးချယ်ခြင်းနဲ့ စည်းကမ်းပြည့်စုံတဲ့ အခြေအနေစစ်တမ်း
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**သင်သိထားရမယ့်အချက်များ:**
-- **Ternary operator (`? :`)** ကို အသုံးပြုပြီး simple conditions တွေကို handle လုပ်ပါ။
-- **Condition** ကို ရေးပြီး `?` နောက်မှာ true result, `:` နောက်မှာ false result ကို ရေးပါ။
-- **Assign values** ကို conditions အပေါ်မူတည်ပြီး လုပ်ပါ။
+  
+**သတိထားရန်:**  
+- အခြေအနေ ရိုးရှင်းသော နှစ်ရွေးစရာအတွက် ternary operator (`? :`) အသုံးပြုသည်  
+- ပထမဦးဆုံး အခက်အခဲရေးပြီး `?` ဖြင့်စ၍ true မျာ့နှင့် false ရလဒ်များကိုထည့်သည်  
+- အခြေအနေအပေါ်တွင် ထောက်ခံတန်ဖိုး ပေးသည့်အခါ အသုံးပြုရန်  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// အဆင့် ၄: အထူးအမှုအခြေအနေများစွာကို ကောင်းစွာကျင့်သုံးခြင်း
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -321,56 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**ဒီကုဒ်အလုပ်ဖြစ်စေသောအချက်များ:**  
+- variable တန်ဖိုးကို မတူညီသော ဥပမာများနှင့် ကိုက်ညီမှု ပြုစေသည်  
+- ဆက်စပ်သည့် ဥပမာများ (အလုပ်ရက်နေ့များ နှင့် အပတ်ကုန်များ) ကိုစုစည်းသည်  
+- ကိုက်ညီမှု မြင်သာသောအခါ သင့်လျော်သော code block ကို ဆောင်ရွက်သည်  
+- မမျှော်လင့်သော တန်ဖိုးများကို ထိန်းသိမ်းရန် `default` case ပါထည့်သည်  
+- နောက်မှဖြစ်လာရင် မလုပ်ဆောင်အောင် `break` ဖြင့် ရပ်ဆိုင်းသည်  
 
-**ဒီကုဒ်က ဘာလုပ်သလဲဆိုရင်:**
-- **Variable value** ကို specific cases တွေနဲ့ match လုပ်ပါ။
-- **Similar cases** တွေကို အုပ်စုဖွဲ့ပါ။
-- **Code block** ကို match တွေ့တဲ့အခါ run လုပ်ပါ။
-- **Default case** ကို အသုံးပြုပြီး unexpected values ကို handle လုပ်ပါ။
-- **Break statements** ကို အသုံးပြုပြီး နောက်ထပ် case ကို မဆက်လက်လုပ်ဆောင်စေပါ။
+> 💡 **နမူနာနက်နဲတယ်**: ထိန်းချုပ်မှု လည်ပတ်မှုကို သဘာဝနှင့် လူကြီးဆုံး GPS တစ်ခုလို ထင်နိုင်ပါသည်။ "Main သာလမ်းတွင် ယာဉ်တာရွေ့နေပါက အမြန်ဆုံးလမ်းကို သွားပါ၊ အမြန်လမ်းပိတ်နေပါက ကျေးလက်လမ်းကို စမ်းကြည့်ပါ" ဆိုသလိုဖြစ်သည်။ ကြားနာတတ်သော logic များဖြင့် အခြေအနေများကို အသိပညာနဲ့ တုံ့ပြန်ပေးသည်။
 
-> 💡 **အမှန်တကယ်နမူနာ**: Control flow ကို GPS လမ်းညွှန်စနစ်လို တွေးပါ။ "Main Street မှာ traffic ရှိရင် highway ကို သွားပါ။ Highway မှာ ဆောက်လုပ်ရေးရှိရင် scenic route ကို သွားပါ" လို့ GPS က ပြောသလိုပဲ၊ Programs တွေက conditional logic ကို အသုံးပြုပြီး အခြေအနေအလိုက် အကောင်းဆုံးဆုံးဖြတ်ချက်တွေကို လုပ်နိုင်ပါတယ်။
+### 🎯 **အကြောင်းအရာ စစ်ဆေးခြင်း: အခြေခံကိရိယာ ကျွမ်းကျင်မှု**
 
-### 🎯 **Concept Check: အခြေခံအဆောက်အအုံများကို ကျွမ်းကျင်မှုစစ်ဆေးခြင်း**
+**အခြေခံများမှာ မင်း ဘယ်လိုလုပ်နေတာလဲ ကြည့်ရအောင်:**  
+- မင်းရဲ့စကားဖြင့် variable နဲ့ statement ကြားက ကြားခံချက်ကို ရှင်းပြနိုင်မလား?  
+- ကျွန်ုပ်တို့ voting ဥပမာကဲ့သို့ if-then ဆုံးဖြတ်ချက် များ အသုံးပြုမယ့် ရဲ့ နေ့စဉ်ဘဝ အခန်းကဏ္ဍတစ်ခု ဆိုလိုက်ပါ  
+- programming logic မှာ မင်း အံ့ဩသွားတဲ့ အချက်တစ်ချက် ပြောပါ  
 
-**သင့်အခြေခံအဆောက်အအုံများကို စစ်ဆေးကြည့်ပါ:**
-- Variable နဲ့ statement တစ်ခုချင်းစီရဲ့ ကွာခြားချက်ကို သင့်စကားနဲ့ ရှင်းပြနိုင်ပါသလား?
-- If-then decision ကို သင့်နေ့စဉ်ဘဝမှာ အသုံးပြုမယ့် နမူနာတစ်ခုကို တွေးနိုင်ပါသလား?
-- Programming logic အကြောင်းမှာ သင့်ကို အံ့ဩစေတဲ့အရာတစ်ခုက ဘာလဲ?
-
-**Quick confidence booster:**
+**မြန်စွာ ယုံကြည်မှု တိုးမြှင့်ကမ့်:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 မက်ဆေ့ချ်များ<br/>(ညွှန်ကြားချက်များ)"] --> B["📦 အမျိုးအစားများ<br/>(သိုလှောင်မှု)"] --> C["🔀 ထိန်းချုပ်မှုစီးဆင်းမှု<br/>(ဆုံးဖြတ်ချက်များ)"] --> D["🎉 လုပ်ဆောင်နိုင်သောပရိုဂရမ်!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
+```  
+✅ **နောက်တစ်ခုပြီးတော့ မျှော်လင့်သောအရာ**: ဒီအံ့သြဖွယ် concepts တွေကို နက်နဲစွာ အသိပညာရရှိအောင် ကူညီဖို့ ဒီခရီးကို ဆက်လုပ်မှာပါ! လက်ရှိမှာ တစ်ခုချင်းစီအတွက် စိတ်လှုပ်ရှားမှုကိုသာ ဖမ်းဆီးထားပါ။ အတော်များများသော ကျွမ်းကျင်မှုများနှင့် နည်းပညာများမှာ သင်ယူလေ့ကျင့်မှုတွေနဲ့ အလိုအလျောက် ရွေးချယ်ဖြစ်လာမှာ သေချာပါတယ်။ ဒီခရီး သင့်အတွက်အတော်ပင် စိတ်ဝင်စားစရာဖြစ်မယ်!
 
-✅ **နောက်တစ်ခုမှာ ဘာတွေရှိမလဲ**: ဒီ concepts တွေကို နက်နက်ရှိုင်းရှိုင်း သင်ယူရင်း အရမ်းပျော်စရာကောင်းတဲ့ ခရီးကို ဆက်လက်လုပ်ဆောင်မှာပါ! အခုတော့ အနာဂတ်မှာ ဖြစ်နိုင်တဲ့ အံ့ဩစရာတွေကို စိတ်လှုပ်ရှားမှုနဲ့ အာရုံစိုက်ပါ။ အတိအကျ skills တွေက ကျွန်တော်တို့အတူတူ practice လုပ်ရင်း အလိုအလျောက် သင့်မှာ ကျန်ရှိသွားပါလိမ့်မယ် – ဒီခရီးက သင်မျှော်လင့်ထားတာထက် ပိုပျော်စရာကောင်းမှာပါလို့ ကတိပေးပါတယ်!
+## ကိရိယာများ
 
-## Tools of the Trade
+အိုကေ၊ ဒီနေရာမှာ ကျွန်တော် တကယ် စိတ်လှုပ်ရှားစရာ ဖြစ်သွားတာပါ! 🚀 ဒီကား ဝန်းရံပေးမယ့် အံ့ဖွယ်ကိရိယာတွေကို ပြောပြတော့မယ်။
 
-အိုကေ၊ ဒီမှာတော့ excitement အပြည့်နဲ့ မနားနိုင်တော့ဘူး! 🚀 အခုတော့ သင့်ကို digital spaceship ရဲ့ key တွေကို လက်ထဲမှာပေးလိုက်သလို tools တွေကို ပြောပြမှာပါ။
+ဟင်းချက်သမားတစ်ယောက်မှာ လက်မောင်းတစ်မောင်းလို မကျေမနပ် စိတ်ချရသောဓားတွေ ရှိသလို၊ သာမန်တေးသမားတစ်ယောက်မှာ ဂီတတီးတစ်လုံးကို လက်တည်သာချိန်မှာသာ သီဆိုနိုင်သလို၊ developer တွေမှာလည်း ဒီစွမ်းအားရှိတဲ့ ကိရိယာတွေရှိတယ်။ အဲဒါတွေက တကယ့်အဖိုးအတန်ကိရိယာတွေဖြစ်ပြီး ထူးခြားစိတျကြီးစွာမှာ ရေးသားရေးလုပ်အားကို ပေးနိုင်စေတယ်။ 
 
-Chef တစ်ယောက်ရဲ့ လက်ကို extension လိုခံစားရတဲ့ balance ကောင်းတဲ့ ဓားတွေ၊ သို့မဟုတ် ဂီတသမားရဲ့ သီချင်းတွေကို အလွယ်တကူဖန်တီးနိုင်တဲ့ guitar တစ်လက်လို tools တွေကို developers တွေမှာလည်း ရှိပါတယ်။ အခုတော့ အံ့ဩစရာကောင်းတဲ့အချက်က – ဒီ tools တွေက အများစုအခမဲ့ပါ!
+အဲ့ဒီထဲမှာ AI ကို အသုံးပြု၍ ကုဒ်ရေးရာမှ ကူညီပေးတဲ့ အကူအညီပေးသူတွေ၊ Wi-Fi ရရှိသည့်နေရာဘယ်နေရာကမှ ကုဒ်ပြုလုပ်နိုင်မယ့် cloud ဖိနပ်တွေ၊ X-ray vision လို debug လုပ်နိုင်တဲ့ ကိရိယာတွေ ပါဝင်တယ်။
 
-AI-powered coding assistants, cloud environments, debugging tools စတဲ့ tools တွေက software ဖန်တီးပုံကို ပြောင်းလဲပေးခဲ့ပါတယ်။ ဒီ tools တွေက beginner tools မဟုတ်ပါဘူး – Google, Netflix, indie app studio တွေမှာ အသုံးပြုနေတဲ့ tools တွေပါပဲ။ 
+နှလုံးသားထဲက လှုပ်ရှားဖွယ်ကောင်းတာကတော့ အဲဒီကိရိယာတွေအများစုက ဝမ်းသာစရာအမျိုးအစား "အစပိုင်းသင်ယူသူကိရိယာ" မဟုတ်ပဲ၊ Google, Netflix, သင့်အကြိုက် အင်ဒီအက်ပ်စတူဒီယိုတွေရဲ့ ပြင်ပတွင်လည်း ပါဝင် အသုံးပြုနေကြတဲ့ နောက်ဆုံးပေါ် professional-grade ကိရိယာတွေ ဖြစ်တာပါ။ မင်းလုံးဝ အရမ်းကျွမ်းကျင်ပြီးသားလိုခံစားရလိမ့်မယ်!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 သင်၏အယူအဆ"] --> B["⌨️ ကုဒ်တည်းဖြတ်ဆော့ဖ်ဝဲ<br/>(VS Code)"] 
+    B --> C["🌐 ဘရောက်ဇာ DevTools<br/>(စမ်းသပ်ခြင်းနှင့်အမွှန်းဖော်ခြင်း)"]
+    C --> D["⚡ Command Line<br/>(အလိုအလျောက်လုပ်ဆောင်ခြင်းနှင့်ကိရိယာများ)"]
+    D --> E["📚 စာရွက်စာတမ်းများ<br/>(သင်ယူခြင်းနှင့်ကိုးကားရန်)"]
+    E --> F["🚀 အံ့သြဖွယ် Web App!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI အကူအညီ<br/>(GitHub Copilot)"]
+    C -.-> H["📱 စက်ပစ္စည်းစမ်းသပ်ခြင်း<br/>(တုံ့ပြန်နိုင်မှုဒီဇိုင်း)"]
+    D -.-> I["📦 အထုပ်စီမံခန့်ခွဲသူများ<br/>(npm, yarn)"]
+    E -.-> J["👥 အသိုင်းအဝိုင်း<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -378,323 +503,345 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
+### ကုဒ် ဆောင်းပါးရေးတည်းဖြတ်သူများ နဲ့ IDE များ: သင့်အသစ်ရ digitaal ကျွန်မိတ်ဆွေများ
+
+ကုဒ် ဆောင်းပါးရေးတည်းဖြတ်ရာတွင်ပေါ်ပေါက်လာပါစို့ – ဒီနေရာတွေက သင့်အကြိုက်ဆုံး အသင်းအဖွဲ့ ဝင်နေရာတွေ ဖြစ်တော့မှာပါ! ဒီနေရာမှာ သင် digital ဖန်တီးမှုများ ကိုက်ညီစွာ ဖန်တီးတော်မူမယ်။
 
-### Code Editors and IDEs: သင့်ရဲ့ digital အကောင်းဆုံးသူငယ်ချင်း
+အခုခေတ် အဆင့်မြင့် Editors တွေက ဆောင်းပါးရေးတည်းဖြတ်သူ အဖြစ်သာမက 24/7 ဘေးနားမှာ ထိုင်နေတဲ့ brilliant, support ပေးမယ့် coding mentor တွေလည်း ဖြစ်တယ်။ သင်ရိုက်လို့ ယူမယ်ဆိုသောအတိုင်း typing error များကို စောင့်ကြည့်ပေး၊ coding ကို ပိုမိုထူးချွန်အောင် ကူညီ၊ ဘယ်လို code တစ်ခုစီ အလုပ်လုပ်သလဲကို ကြားနားပေးတယ်။ တချို့ကတော့ မင်းရိုက်ဖြစ်မှာကို ထင်ရှားစေရန် ပျမ်းမျှထက်ပြီး အသုံးပြုမယ့် အရာကို အပြီးလိုက် ပြောပြတတ်ကြတယ်!
 
-Code editors တွေက သင့်ရဲ့ coding sanctuary ဖြစ်လာမှာပါ။ Modern editors တွေက သင့်ကို coding mentor တစ်ယောက်လို support ပေးပါတယ်။ Typos တွေကို အလိုအလျောက်ဖမ်းပြီး၊ သင့်ကို genius လိုခံစားရစေတဲ့ suggestions တွေ၊ code ကို နားလည်စေတဲ့ explanations တွေ၊ auto-completion feature တွေက သင့်ကို future မှာနေတဲ့သူလို ခံစားရစေပါတယ်။
+ဥပမာ အလိုအလျောက် ဖြည့်စွက်မှု (auto-completion) ကို စတင်တွေ့မြင်တဲ့အခါ အနာဂတျနေ့သားမှာ နေထိုင်နေသလိုခံစားခဲ့ရတယ်။ မင်းဟာ function တစ်ခု ခန့်မှန်းပြီး ရိုက်ရင်း editor က "ဒီ function လုပ်ဆောင်မယ်ဆိုတာ မင်းစဉ်းစားထားသလား?" လို့ ပြောပေးတယ်။ mind-reader တစ်ဦးလို ပေါ့!
 
-**Modern editors တွေက ဘာတွေကောင်းလဲ?**
+**ဘာပဲလို့ editor တွေပြောင်းလဲနေသလဲ?**
 
-| Feature | ဘာလုပ်ပေးသလဲ | ဘာလို့အကျိုးရှိလဲ |
+ခေတ်သစ် code editor တွေမှာ productivity တိုးတက်စေဖို့ feature များစွာ ပါဝင်တယ်:
+
+| Function | အကြောင်း | အကျိုးသက်ရောက်မှု |
 |---------|--------------|--------------|
-| **Syntax Highlighting** | Code ကို အရောင်အသွေးနဲ့ ဖော်ပြ | Code ကို ဖတ်ရလွယ်ပြီး error တွေကို အလွယ်တကူတွေ့နိုင် |
-| **Auto-completion** | Code ကို type လုပ်ရင်း suggestion ပေး | Coding ကို မြန်ဆန်စေပြီး typos တွေကို လျှော့ချ |
-| **Debugging Tools** | Error တွေကို ရှာပြီး ပြင်ဆင် | Troubleshooting အချိန်ကို လျှော့ချ |
-| **Extensions** | Specialized features တွေကို ထည့်သွင်း | Editor ကို သင့်နည်းပညာအလိုက် customize လုပ်နိုင် |
-| **AI Assistants** | Code နဲ့ explanations တွေကို suggest | Learning နဲ့ productivity ကို မြှင့်တင် |
+| **Syntax Highlighting** | code ၏ အပိုင်းများကို အရောင်ပေးသည် | ကုဒ်ဖတ်ရှုရလွယ်ကူပြီး အမှားတွေရှာဖွေချင်ရလွယ်စေသည် |
+| **Auto-completion** | မင်းရိုက်နေသူအတိုင်း ကုဒ်ကို အကြံပေးသည် | coding အမြန်မြှင့်ပြီး စာလုံးမှားမှု လျော့ချပေးသည် |
+| **Debugging Tools** | error တွေရှာ ဖယ်ရှားရာကူညီသည် | ဆင့်ကဲခြင်းနာရီများ လျှော့ချပေးသည် |
+| **Extensions** | အထူးပြု feature များ ထည့်သွင်းနိုင်သည် | သင်၏ editor ကို နည်းပညာ အမျိုးမျိုး အတွက် ကိုက်ညီစေသည် |
+| **AI Assistants** | ကုဒ်နှင့် ရှင်းလင်းချက်များ အကြံပေးသည် | သင်ယူမှုနှင့် လုပ်ငန်းဆောင်တာ ပိုမိုမြန်ဆန်စေသည် |
+
+> 🎥 **ဗွီဒီယို အရင်းအမြစ်**: ဒီကိရိယာတွေ အသုံးပြုပုံ ကြည့်ရှုချင်ရင် [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) ကို ကြည့်လိုက်ပါ။
 
-> 🎥 **ဗီဒီယိုအရင်းအမြစ်**: Tools တွေကို လုပ်ဆောင်ပုံကို ကြည့်ချင်ပါသလား? ဒီ [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) ကို ကြည့်ပါ။
+#### ဝက်ဘ်ဖန်တီးမှုအတွက် အကြံပြု editor များ
 
-#### Web Development အတွက် အကြံပြုထားတဲ့ Editors
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (အခမဲ့)  
+- ဝက်ဘ်ဖန်တီးသူများအကြား အလွန်နာမည်ကြီးသော editor  
+- Extension ecosystem ကောင်းမှုပြည့်ဝသည်  
+- terminal နှင့် Git ပါဝင်သည်  
+- **လိုအပ်သော extension များ**:  
+  - [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) - ကုဒ်လုံးပေါက်မှားရေးစစ်ခြင်း  
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (အခမဲ့)
-- Web developers တွေကြားမှာ အလွန်လူကြိုက်များ
-- Extension ecosystem ကောင်း
-- Built-in terminal နဲ့ Git integration
-- **Must-have extensions**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered code suggestions
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Catch typos in your code
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (စာရင်းပေးဆောင်ရပြီး၊ ကျောင်းသားများအခမဲ့)  
+- တိုးတက်သော ပြန်လည်စစ်ဆေးမှုနှင့် စမ်းသပ်စက်ကိရိယာများ  
+- အတှကျဆင့်-ကုဒ်ပြည့်စုံစနစ်  
+- ဖွဲ့စည်းထားသော ရုပ်ပိုင်းများနှင့် အပြောင်းအလဲစီမံခန့်ခွဲမှု  
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Paid, free for students)
-- Debugging နဲ့ testing tools အဆင့်မြင့်
-- Intelligent code completion
-- Built-in version control
+**Cloud-Based IDEs** (စျေးနှုန်းကွဲပြားမှုများ)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - browser ထဲတွင် VS Code အပြည့်အစုံ  
+- [Replit](https://replit.com/) - သင်ယူရေးနှင့် မျှဝေရေးအတွက်ကောင်းမှု  
+- [StackBlitz](https://stackblitz.com/) - အမြန်ဆုံး၊ full-stack ဝက်ဘ်ဖန်တီးမှု  
 
-**Cloud-Based IDEs** (Various pricing)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Browser မှာ VS Code အပြည့်အသုံးပြုနိုင်
-- [Replit](https://replit.com/) - Learning နဲ့ code ကို share လုပ်ဖို့ကောင်း
-- [StackBlitz](https://stackblitz.com/) - Instant, full-stack web development
+> 💡 **စတင်သုံးစွဲခြင်း အကြံပြုချက်**: Visual Studio Code နဲ့ စတင်ပါ – အခမဲ့၊ များစွာ အသုံးပြုတယ်၊ များစွာသော အဖွဲ့အစည်းများ သင်ကြားမှုနဲ့ Extension များ ဖန်တီးနေပြီဖြစ်တာကြောင့် အရမ်းအထောက်အကူဖြစ်လိမ့်မယ်။  
 
-> 💡 **စတင်ရန်အကြံပြုချက်**: Visual Studio Code ကို စတင်ပါ – အခမဲ့၊ စက်မှုလုပ်ငန်းမှာ အများဆုံးအသုံးပြုပြီး tutorials နဲ့ extensions တွေကို ရှာဖွေဖို့ community ကြီးတစ်ခုရှိပါတယ်။
+### ဝက်ဘ် ဘရောက်ဇာ: သင်၏လျှို့ဝှက် ဖန်တီးမှုလေ့လာခန်း
 
-### Web Browsers: သင့်ရဲ့လျှို့ဝှက် Developer Laboratory
+အိုကေ၊ စိတ်အမြန်အမြင့်တက်ဖို့ ပြင်ဆင်ထားပါ! နဲ့ ကမ့်သည် နောက်ဖက်မှာ developer tools လျှို့ဝှက်ခန်းတစ်ခုကို ဖုံးကွယ်ထားခဲ့တဲ့ ဘရောက်ဇာကို သင်အသုံးပြုနေပါသလား? အခုထိ ဖော်ထုတ်ဖော်ပြဖို့ စောင့်ဆိုင်းနေခဲ့တာပါ!
 
-အိုကေ၊ သင့်စိတ်ကို အပြည့်အဝ အံ့ဩစေဖို့ ပြင်ဆင်ထားပါ
-တစ်ဦးတစ်ယောက် Browser DevTools ကို ပထမဆုံး ပြသခဲ့တဲ့အခါ၊ ကျွန်တော်/ကျွန်မ သုံးနာရီလောက် အဲဒီမှာပဲ ကလစ်လုပ်ပြီး "WAIT, ဒါလည်းလုပ်နိုင်တာလား?!" လို့ အံ့ဩနေခဲ့တယ်။ သင်တစ်ခုခု website ကို အချိန်နှင့်တပြေးညီ ပြင်ဆင်နိုင်တယ်၊ အားလုံး ဘယ်လောက်မြန်မြန်တင်တင်ဖြစ်တယ်ဆိုတာ မြင်နိုင်တယ်၊ သင့် site ကို အခြား device တွေမှာ ဘယ်လိုပုံစံနဲ့ မြင်ရမလဲ စမ်းသပ်နိုင်တယ်၊ JavaScript ကိုလည်း အတော်လေးကျွမ်းကျင်တဲ့ပုံစံနဲ့ debug လုပ်နိုင်တယ်။ အဲဒါက အံ့ဩစရာကောင်းလှပါတယ်!
+ဝက်ဘ်စာမျက်နှာဘက်ကို ဖက်နှိပ်၍ "Inspect Element" ရွေးချယ်တိုင်း၊ သင့်ရှေ့တွင် developer tools များ၏ ပြတင်းပေါက်ပိတ်မခံနိုင်စိတ်ကူးတစ်ခု ပေါ်ပေါက်လာပါသည်။ ဒီကိရိယာတွေက ကျွန်ုပ်တို့ဟာ တစ်ကြိမ်မှာ ရေတွက်ကြည့်ရင် ဒေါ်လာရာနဲ့ ပဲ စျေးထားတဲ့ software တွေထက် ပို စွမ်းဆောင်ရည်မြင့်တယ်။ စားသောက်ခန်းလက်ငင်းမျှော်မှန်းမရသော စီမံခန့်ခွဲမှု ခန်းမဖြစ်ပါတယ်!
+ပထမဆုံးတစ်ယောက်ယောက်က browser DevTools ကိုပြသပေးတဲ့အခါမှာ၊ ကျွန်တော် သုံးနာရီလောက် တိုးတိုးမြှောက်မြှောက်နှိပ်ကာ "သတိရပါဦး၊ ဒါကိုပါ လုပ်လို့ရမယ်လား?!" လို့ထင်ခဲ့ပါတယ်။ သင်ဟာ တကယ်တမ်းအားဖြင့် မည်သည့်ဝက်ဘ်ဆိုဒ်မဆို တိုက်ရိုက်ပြင်ဆင်နိုင်တယ်၊ အရာရာဘယ်လောက်မြန်မြန် ကွန်တိန်းလုပ်ဆောင်နေသလဲ ချက်ချင်းကြည့်ရှုနိုင်တယ်၊ သင့်ဆိုဒ်ကို အမျိုးမျိုးသောစက်ပစ္စည်းများပေါ်မှာ ဘယ်လိုကြည့်ရမလဲ စမ်းသပ်နိုင်တယ်၊ နောက်ပြီး JavaScript ကိုလည်း လုံးဝကျွမ်းကျင်သူလို မှတ်ပုံတင်ပြင်ဆင်နိုင်တယ်။ ဒါက တကယ်အံ့ဩစရာပါပဲ!
 
-**Browser တွေက သင့်ရဲ့ လျှို့ဝှက်လက်နက်ဖြစ်တဲ့အကြောင်း:**
+**အဲ့ဒါကြောင့် browser တွေက သင့်ရဲ့လျှို့ဝှက်လက်နက်ဖြစ်တယ်ဆိုတာ ဖြစ်တာက ဒီတော့ပါ:**
 
-Website သို့မဟုတ် web application တစ်ခုကို ဖန်တီးတဲ့အခါ၊ အဲဒါကို အမှန်တကယ်ကမ္ဘာမှာ ဘယ်လိုပုံစံနဲ့ မြင်ရမလဲ၊ ဘယ်လိုအပြုအမူရှိမလဲဆိုတာ သိဖို့လိုပါတယ်။ Browser တွေက သင့်အလုပ်ကို ပြသပေးရုံသာမက၊ performance, accessibility, နဲ့ ဖြစ်နိုင်တဲ့ပြဿနာတွေကို အသေးစိတ် feedback ပေးနိုင်ပါတယ်။
+ဝက်ဘ်ဆိုဒ် သို့မဟုတ် ဝက်ဘ်အက်ပ်လိကေးရှင်းတစ်ခု ဖန်တီးတဲ့အခါမှာ၊ ကမ္ဘာလောကမှာ ဘယ်လိုပုံပေါ်တယ်၊ ဘယ်လိုသဘောထားပြုလုပ်တယ်ဆိုတာ ကြည့်ရှုဖို့လိုပါတယ်။ Browser များက သင့်လုပ်ဆောင်မှုကို ပြသပေးတာကပဲ မဟုတ်ပဲ၊ စွမ်းဆောင်ရည်၊ အသုံးပြုနိုင်မှုနှင့် ဖြစ်နိုင်တဲ့ ပြဿနာများအကြောင်း အသေးစိတ်တုံ့ပြန်ချက်များကိုပါပံ့ပိုးပေးပါတယ်။
 
 #### Browser Developer Tools (DevTools)
 
-ခေတ်မီ Browser တွေမှာ Comprehensive Development Suite တွေ ပါဝင်ပါတယ်။
+ခေတ်မှီ browser များဟာ ဖန်တီးသူဆော့ဖ်ဝဲများ အပြည့်အဝပါဝင်ပါတယ်-
 
-| Tool Category | ဘာလုပ်ပေးသလဲ | အသုံးပြုမှု ဥပမာ |
+| ကိရိယာ အမျိုးအစား | အလုပ်လုပ်ပုံ | သုံးစွဲမှုဥပမာ |
 |---------------|--------------|------------------|
-| **Element Inspector** | HTML/CSS ကို အချိန်နှင့်တပြေးညီ ကြည့်ရှုပြီး ပြင်ဆင်နိုင် | Styling ကို ပြင်ပြီး ချက်ချင်းရလဒ်တွေကို မြင်နိုင် |
-| **Console** | Error message တွေကို ကြည့်ပြီး JavaScript ကို စမ်းသပ်နိုင် | ပြဿနာတွေကို debug လုပ်ပြီး code ကို စမ်းသပ် |
-| **Network Monitor** | Resource တွေ ဘယ်လို load ဖြစ်တယ်ဆိုတာကို ကြည့်ရှု | Performance နဲ့ loading time တွေကို optimize လုပ် |
-| **Accessibility Checker** | Inclusive design အတွက် စမ်းသပ် | သင့် site ကို လူတိုင်းအတွက် အလုပ်လုပ်စေဖို့ သေချာစေ |
-| **Device Simulator** | အခြား screen size တွေမှာ preview လုပ် | Responsive design ကို စမ်းသပ်ဖို့ များစွာသော device မလိုအပ်တော့ဘူး |
+| **Element Inspector** | HTML/CSS ကို အချိန်နှင့်တပြေးညီ ကြည့်ရှု ပြင်ဆင်နိုင် | တိုက်ရိုက်မကြာခဏ ပုံစံပြင်ဆင်ခြင်း |
+| **Console** | အမှားစာတန်းများအား ကြည့်ရှု သပ်မတ် JavaScript ကို စမ်းသပ် | ပြဿနာများ ဖြေရှင်းခြင်းနှင့် ကုဒ် စမ်းသပ်မှု |
+| **Network Monitor** | အရင်းအမြစ်ဘယ်လိုပေါက်ကြောင်း စောင့်ကြည့်ခြင်း | စွမ်းဆောင်ရည်နှင့် ယခုပြန်ဘယ်လောက်လျှော့ချရန် စမ်းသပ်ခြင်း |
+| **Accessibility Checker** | ကာမရှင်ဖက်ဆိုင် ဒီဇိုင်း စစ်ဆေးခြင်း | အသုံးပြုသူအားလုံးအတွက် သင့်ဆိုဒ် အလုပ်လုပ်စေလိုချက် |
+| **Device Simulator** | မျိုးစုံသော စကင်းအရွယ်အစားပေါ်မှာ ကြည့်ရှုရန် | စကင်းလှုပ်ရှားမှုဒီဇိုင်း စမ်းသပ်ခြင်း |
 
-#### Development အတွက် အကြံပြု Browser တွေ
+#### ဖန်တီးမှုအတွက် အကြံပြု browser များ
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Documentation အပြည့်အစုံနဲ့ Industry-standard DevTools
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - CSS Grid နဲ့ accessibility tools အတွက် အထူးကောင်းမွန်
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium ပေါ်မှာ Microsoft ရဲ့ developer resources တွေနဲ့ တည်ဆောက်ထား
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - စံချိန်စံညွှန်း DevTools နှင့် အသေးစိတ်စာရွက်စာတမ်းများ
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - CSS Grid နှင့် အသုံးပြုနိုင်မှုကိရိယာ အထူးကောင်းမွန်
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium အခြေခံပြီး Microsoft ၏ဖန်တီးသူရင်းမြစ်များပါရှိ
 
-> ⚠️ **အရေးကြီး Testing အကြံပေးချက်**: သင့် website တွေကို Browser အမျိုးမျိုးမှာ စမ်းသပ်ပါ! Chrome မှာ အလုံးစုံအလုပ်လုပ်တဲ့အရာတွေ Safari သို့မဟုတ် Firefox မှာ မတူနိုင်ပါတယ်။ Professional developer တွေက Browser ใหญ่တွေမှာ အားလုံးကို စမ်းသပ်ပြီး consistent user experience ရရှိစေဖို့ ကြိုးစားကြပါတယ်။
+> ⚠️ **အသိပေး စမ်းသပ်မှု အကြံပြုချက်**: မိမိ ဝက်ဘ်ဆိုဒ်များကို browser အမျိုးမျိုးမှာ စမ်းသပ်ဖို့ အမြဲတမ်းလိုသည်! Chrome မှာ ပြီးပြည့်စုံတဲ့အရာတွေဟာ Safari ဒါမှမဟုတ် Firefox မှာ ကွာခြား ကြည့်ပါလိမ့်မယ်။ အတန်းစား ဖန်တီးသူများက major browser ကြီးများအားလုံးမှာ စမ်းသပ်ပြီး အသုံးပြုသူတွေ စိတ်ကျေနပ်မှုကို သေချာဆောင်ရွက်ကြပါတယ်။
 
-### Command Line Tools: Developer Superpowers ရောက်ဖို့ Gateway
+### Command Line Tools: Developer Superpowers များသို့ ရောက်ရှိဖို့ သင့်လမ်းဝင်
 
-အခုတော့ Command Line အကြောင်းကို အပြည့်အဝ အမှန်တရားနဲ့ ပြောပြချင်ပါတယ်၊ အကြောင်းက ကျွန်တော်/ကျွန်မလည်း အဲဒီအရာကို အရင်ဆုံးတွေ့တဲ့အခါ "အင်း၊ မလုပ်နိုင်ဘူး! ၁၉၈၀ ခုနှစ် hacker movie ကနေ ထွက်လာတဲ့အရာလိုပဲ၊ ကျွန်တော်/ကျွန်မ အဲဒီအရာကို လုပ်နိုင်အောင် smart မဟုတ်ဘူး!" 😅 လို့ literal ထင်ခဲ့တယ်။
+ကောင်းပြီ၊ Command line ကို ပိုမိုရင်းနှီးစွာ သတိထားလေ့လာဖို့၊ ရိုးသားစွာ ပြောရရင်၊ ပထမဆုံး Command line ကို တွေ့သမျှပြောရရင် - အဲဒါက မျက်စိထဲ တောက်ပသောစာသားလိပ်ရူပါသော အနက်ရောင် စာမျက်နှာတစ်မျက်နဲ့ တူတဲ့ကြောက်စရာတစ်ခုလို ပြရတယ်။ ကျွန်တော် "မဖြစ်ပါ၊ ကောင်းကောင်းလူမဟုတ်ပါဘူး! 1980s hacker ရုပ်ရှင်ကနေထွက်လာတဲ့ အရာတစ်ခုလိုတယ်!" ဆိုပြီး စိတ်ချန်နေတာပါ။ 😅
 
-ဒါပေမယ့် အဲဒီအချိန်မှာ တစ်ဦးတစ်ယောက်က ပြောပြပေးခဲ့ရမယ့်အရာကို အခုတော့ ကျွန်တော်/ကျွန်မ ပြောပြချင်ပါတယ်။ Command Line က စိတ်လှုပ်ရှားစရာကောင်းတဲ့အရာမဟုတ်ဘူး – အဲဒါက သင့် computer နဲ့ တိုက်ရိုက် စကားပြောနေတဲ့အရာပါပဲ။ Fancy app တွေမှာ menu နဲ့ picture တွေကို သုံးပြီး အစားအစာ order လုပ်တာနဲ့ သင့်အကြိုက်ကို chef က သိပြီး "အံ့ဩစရာကောင်းတဲ့အရာတစ်ခု surprise လုပ်ပေးပါ" လို့ ပြောလိုက်တာနဲ့ တိုက်ရိုက် အစားအစာရတဲ့အရာနဲ့ တူပါတယ်။
+ဒါပေမယ့်၊ တချို့သူငယ်ချင်းတွေက ပြောခဲ့ရင် အခုမှာ သင့်ကို ပြောချင်တာကတော့ အဲ့ဒါက ကြောက်စရာမဟုတ်ဘူး – တကယ်တော့ကွန်ပျူတာနဲ့ ပြောဆိုတာလိုတယ်။ အစားအသောက်မှာ ဓာတ်ပုံနဲ့ မီနူးပါတဲ့ fancy app မှာ အော်ဒါပေးတာနဲ့ (နူးညံ့ပြေပြစ်) သင်ကြိုက်တဲ့အရာကောင်းတစ်ခုကို သိတဲ့ မီးဖိုချောင်မှာတစ်ကိုယ်တော်ဝင်ပြီး "အံ့ဩစရာ တစ်ခု လုပ်ပေးပါ" လို့ ပြောတဲ့ကွာခြားချက်အတိုင်းပါ။
 
-Command Line က developer တွေ wizard လိုခံစားရတဲ့နေရာပါပဲ။ စကားလုံးအနည်းငယ် (အိုကေ၊ အဲဒါက command တွေပါပဲ၊ ဒါပေမယ့် magic လိုခံစားရတယ်!) ရိုက်ပြီး enter ကို နှိပ်လိုက်တာနဲ့ BOOM – project structure အပြည့်ကို ဖန်တီးလိုက်တယ်၊ ကမ္ဘာတစ်ဝှမ်းက powerful tools တွေ install လုပ်လိုက်တယ်၊ သို့မဟုတ် သင့် app ကို internet ပေါ်တင်ပြီး လူသန်းပေါင်းများစွာကို မြင်နိုင်အောင်လုပ်လိုက်တယ်။ အဲဒီ power ကို ပထမဆုံး ခံစားလိုက်တဲ့အခါ၊ အဲဒါက အတော်လေး စွဲလမ်းစရာကောင်းပါတယ်!
+Command line က အဲ့ဒီ့အရာကို Developer တွေကိုအံ့ဖွယ်ဆန်းသစ်ချက်တွေ လုံးဝမီးမောင်းကစားသလို ဖြစ်စေပါတယ်။ တချို့ စကားလုံးများကို ရိုက်ထည့်ပြီး (အိုကေ၊ အဲ့ဒါက command တွေပဲ ဖြစ်ပေမယ့် စိတ်ကူးယဉ်ဆန်စေပါတယ်) enter နှိပ်လိုက်တာနဲ့ BOOM – လုံးဝပရောဂျက်ဖွဲ့စည်းမှုတွေ ဖန်တီးသွားတယ်၊ ကမ္ဘာအနှံ့က စွမ်းအားကြီးတဲ့ကိရိယာတွေကို တပ်ဆင်လိုက်တယ်၊ သို့မဟုတ် သင့် app ကို အင်တာနက်ပေါ် မီလျံပေါင်းကြီးတွေ ကြည့်ရှုနိုင်ဖို့ ထုတ်ဝေသွားတယ်။ ဒီစွမ်းအားကို ပထမဆုံးခံစားလိုက်ရင်၊ အရမ်းလေးစားဖို့ဖြစ်ပါတယ်!
 
-**Command Line ကို သင့်အကြိုက် tool ဖြစ်စေမယ့်အကြောင်း:**
+**Command line ကို ဘာကြောင့် သင်၏သဘောကျဆုံးသော ကိရိယာဖြစ်လာမည်နည်း**
 
-Graphical interface တွေက အလုပ်အမျိုးမျိုးအတွက် အကောင်းဆုံးဖြစ်ပေမယ့် Command Line က automation, precision, နဲ့ speed အတွက် အထူးကောင်းပါတယ်။ Development tool အများစုက Command Line Interface တွေကို အဓိကအခြေခံထားပြီး၊ အဲဒီ tool တွေကို ထိရောက်စွာ အသုံးပြုတတ်ခြင်းက productivity ကို အလွန်မြှင့်တင်ပေးနိုင်ပါတယ်။
+ဂရပ်ဖစ်အင်တာဖေ့စ်များဟာ အများပြည်သူအတွက်ကောင်းခဲတယ်။ ဒါပေမယ့် command line က အလိုအလျောက်လုပ်သက်၊ တိကျမှု၊ နာရီအရှိန်မှာထူးခြားပါတယ်။ ဖန်တီးမှုကိရိယာအများစုက command line မှာ သည်းခံနေရပြီး၊ အဲဒီကို တည့်တည့်အသုံးပြုပြီး သင် ရလဒ်တွေကို ထူးခြားစွာ တိုးတက်မှုရှိစေပါတယ်။
 
 ```bash
-# Step 1: Create and navigate to project directory
+# အဆင့် ၁: ပရောဂျက်ဖိုဒါကို ဖန်တီးပြီး သွားရောက်ရန်
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**ဒီ code က ဘာလုပ်သလဲ:**
-- **Create** "my-awesome-website" လို့ခေါ်တဲ့ directory အသစ်တစ်ခု ဖန်တီးပြီး project အတွက် အသုံးပြု
-- **Navigate** အသစ်ဖန်တီးထားတဲ့ directory ထဲကို ဝင်ပြီး အလုပ်လုပ်စတင်
+**ဒီကုဒ်က ဘာလုပ်တယ်ဆိုတာ:**
+- **"my-awesome-website"** ဆိုတဲ့ directory အသစ်တစ်ခု ဖန်တီးသည်
+- အသစ်ဖန်တီးထားတဲ့ directory ထဲကို ဝင်ရောက်ကုဒ်ရေးစမည်
 
 ```bash
-# Step 2: Initialize project with package.json
+# အဆင့် ၂: package.json ဖြင့် ပရောဂျက်စတင်ဖွင့်ပါ
 npm init -y
 
-# Install modern development tools
+# ခေတ်သစ် တိုးတက်ဖွံ့ဖြိုးရေးကိရိယာများ ထည့်သွင်းတပ်ဆင်ပါ
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**အဆင့်ဆင့်ဖြင့် ဘာတွေဖြစ်နေသလဲ:**
-- **Initialize** Node.js project အသစ်တစ်ခုကို default settings နဲ့ `npm init -y` ကို သုံးပြီး စတင်
-- **Install** Vite ကို modern build tool အဖြစ် အသုံးပြုဖို့
-- **Add** Prettier ကို automatic code formatting အတွက်၊ ESLint ကို code quality check အတွက်
-- **Use** `--save-dev` flag ကို development-only dependencies အဖြစ် သတ်မှတ်ဖို့
+**တစ်ဆင့်ချင်း အဖြစ်ဖြစ်ပုံများ:**
+- `npm init -y` နဲ့ Node.js ပရောဂျက်အသစ်ကို မူလဖွဲ့စည်းမှုဖြင့် စတင်သည်
+- အဆင့်မြင့်အဆောက်အအုံ Vite ကို တပ်ဆင်သည်၊ ဖွံ့ဖြိုးမှုနှင့် ထုတ်လုပ်မှုအတွက် အကောင်းဆုံးကိရိယာ
+- Prettier ကို ကုဒ်အလိုအလျော့ ဖော်မက်ဖို့၊ ESLint ကို ကုဒ်အရည်အသွေး စစ်ဆေးရန် ထည့်သွင်းသည်
+- `--save-dev` flag နဲ့ ဤကိရိယာများကို ဖန်တီးသူအဆင့် မဟုတ်သော dependencies အဖြစ် မှတ်သားသည်
 
 ```bash
-# Step 3: Create project structure and files
+# အဆင့် ၃: ပရောဂျက်ဖွဲ့စည်းမှုနှင့်ဖိုင်များ ဖန်တီးပါ
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# ဖွံ့ဖြိုးတိုးတက်မှုဆာဗာကို စတင်ပါ
 npx vite
 ```
 
-**အထက်ပါအရာတွေမှာ:**
-- **Organized** project ကို source code နဲ့ assets အတွက် folder တွေ ခွဲခြားဖန်တီး
-- **Generated** basic HTML file တစ်ခုကို proper document structure နဲ့
-- **Started** Vite development server ကို live reloading နဲ့ hot module replacement အတွက်
+**အထက်မှာ ကျွန်တော်တို့:**
+- မူလကုဒ်နှင့် ပစ္စည်းများအတွက် အထူးဖိုင်ပေါက်များ ဖန်တီး၍ ပရောဂျက် စနစ်တကျ စီစဉ်သည်။
+- မှန်ကန်သော စာရွက်စနစ်အတိုင်း မူလ HTML ဖိုင် တစ်ခု ဖန်တီးသည်
+- Vite ဖွံ့ဖြိုးရေးဆာဗာကို စတင်ပြီး Live Reloading နှင့် Hot Module Replacement ကိုအသုံးပြုသည်
 
-#### Web Development အတွက် အရေးကြီး Command Line Tools
+#### ဝက်ဘ်ဖန်တီးမှုအတွက် မဖြစ်မနေနဲ့ Command Line ကိရိယာများ
 
-| Tool | ရည်ရွယ်ချက် | ဘာကြောင့်လိုအပ်သလဲ |
+| ကိရိယာ | ရည်ရွယ်ချက် | ဘာကြောင့်လိုသလဲ |
 |------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Version control | Changes တွေကို track လုပ်၊ အခြားသူတွေနဲ့ ပူးပေါင်းလုပ်ဆောင်၊ အလုပ်တွေကို backup လုပ် |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Browser အပြင်မှာ JavaScript ကို run လုပ်၊ modern development tools တွေ install လုပ် |
-| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Lightning-fast development နဲ့ hot module replacement |
-| **[ESLint](https://eslint.org/)** | Code quality | JavaScript မှာ ပြဿနာတွေကို အလိုအလျောက် ရှာပြီး ပြင် |
-| **[Prettier](https://prettier.io/)** | Code formatting | Code ကို အမြဲတမ်း readable နဲ့ consistent ဖြစ်အောင် format လုပ် |
+| **[Git](https://git-scm.com/)** | ဗားရှင်းထိန်းချုပ်မှု | ပြောင်းလဲမှုများ စောကြည့်နည်း၊ အဖွဲ့လိုက်လုပ်ဆောင်ခြင်း၊ အလုပ်စာရွက်များ ကူးယူခြင်း |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime နှင့် package စီမံခန့်ခွဲမှု | Browser ပြင်ပတွင် JavaScript ဆားပင်ဘက် အသုံးပြုခြင်း၊ နောက်ဆုံးပေါ် ဖန်တီးမှုကိရိယာများ ထည့်သွင်းခြင်း |
+| **[Vite](https://vitejs.dev/)** | Build ကိရိယာနှင့် dev ဆာဗာ | အလွန်မြန်ဆန်သော ဖွံ့ဖြိုးမှု၊ Hot Module Replacement ပါဝင်သည် |
+| **[ESLint](https://eslint.org/)** | ကုဒ်အရည်အသွေးစစ်ဆေးခြင်း | JavaScript မှာ ပြဿနာများကိုကိုယ်တိုင် ရှာဖွေပြင်ဆင်ပါသည် |
+| **[Prettier](https://prettier.io/)** | ကုဒ်ဖော်မတ်ရေး | ကုဒ်ကို အမြဲတမ်း တိကျချောမွေ့ စေပြီး ဖတ်ရှုရလွယ်ကူအောင်ထားသည် |
 
-#### Platform-Specific Options
+#### စနစ်ပလက်ဖောင်းအလိုက် ရွေးချယ်မှုများ
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ခေတ်မီ feature-rich terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Powerful scripting environment
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditional Windows command line
+- **[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)** 💻 - စွမ်းအားပြင်းသော scripting ပတ်ဝန်းကျင်
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - ရိုးရိုး Windows command line
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Built-in terminal application
-- **[iTerm2](https://iterm2.com/)** - Advanced features ပါဝင်တဲ့ terminal
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - စနစ်တစ်ခုအတွင်း ပါရှိသော terminal app
+- **[iTerm2](https://iterm2.com/)** - ထူးခြားစွာ တိုးတက်တင်မြှောက်ထားသော terminal
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Advanced terminal emulator
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - ရိုးရာ Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - အဆင့်မြင့် terminal emulator
+
+> 💻 = စနစ်တပ်ဆင်ပြီးသော
 
-> 💻 = Operating system မှာ အလိုအလျောက် ပါဝင်ပြီးသား
+> 🎯 **သင်ယူမှုလမ်းညွှန်**: အခြေခံ command များဖြစ်တဲ့ `cd` (directory ပြောင်းရန်), `ls` ဒါမှမဟုတ် `dir` (ဖိုင်စာရင်းဖော်ရန်), `mkdir` (ဖိုင်ပေါက်ဖန်တီးရန်) ကို စတင်လေ့ကျင့်ပါ။ `npm install`, `git status` နှင့် `code .` (အဲဒီနေရာ VS Code ဖြင့်ဖွင့်ရန်) စတဲ့ နောက်ဆုံးပေါ် workflow command များကိုလည်း အသုံးပြုရန် လေ့လာပါ။ နောက်ပိုင်းမှာ ပိုမိုကျွမ်းကျင်လာချိန်မှာ advanced command များနှင့် automation နည်းလမ်းများကို သဘာဝတရားလို တစ်ဆင့်တိုးလေ့လာပါလိမ့်မယ်။
 
-> 🎯 **Learning Path**: `cd` (directory ပြောင်း), `ls` သို့မဟုတ် `dir` (file list), `mkdir` (folder ဖန်တီး) လို basic command တွေကို စတင်ပါ။ `npm install`, `git status`, `code .` (VS Code မှာ current directory ကို ဖွင့်) လို modern workflow command တွေကို လေ့ကျင့်ပါ။ အဆင့်မြင့် command တွေ နဲ့ automation technique တွေကို သင်တတ်လာမှာပါ။
+###စာရွက်စာတမ်းများ: သင်၏ အမြဲရရှိနိုင်သော သင်ယူမှုလမ်းညွှန်
 
-### Documentation: သင့်ရဲ့ အမြဲရရှိနိုင်တဲ့ သင်ကြားမှု Mentor
+အိုကေ၊ စိတ်တိုင်းကျ beginner ဖြစ်နေတဲ့ မိမိကိုယ်ကိုပိုမိုသက်သာစေဖို့ လျှို့ဝှက်ချက်တစ်ခုမျှဝေရမယ်။ အတွေ့အကြုံရှိတဲ့ Developer အများစုဟာ အချိန်အများစုကို Documentation ဖတ်ခြင်းဆီမှာဖြတ်သိမ်းကြတယ်။ ဒါဟာ သူတို့ဘာလုပ်နေလဲ မသိတာမဟုတ်ပါဘူး – အတက်ပညာကြီးမှု လက္ခဏာတစ်ခုပါပဲ!
 
-အိုကေ၊ beginner ဖြစ်တဲ့အခါ သင့်ကို ပိုကောင်းစေမယ့် လျှို့ဝှက်ချက်လေးကို မျှဝေချင်ပါတယ် – အတွေ့အကြုံရှိ developer တွေက documentation ကို ဖတ်ဖို့ အချိန်အများကြီး သုံးတယ်။ ဒါက သူတို့ မသိတာကြောင့် မဟုတ်ဘူး – အဲဒါက တကယ့်ပညာရှိမှုရဲ့ အမှတ်အသားပါ!
+Documentation ကို ကမ္ဘာ့အကြင်နာဆုံး၊ ပညာရှင်အကောင်းဆုံး ဆရာတွေကို 24/7 ရနိုင်သလို စဉ်ဆက်မပြတ်မှာနေရတဲ့အတိုင်း ယူဆကြပါ။ မနက် ၂ နာရီမှာ ပြဿနာတစ်ခုတွင်ကြုံရလျှင် Documentation က လှပတဲ့ virtual ဖမ်းခေါင်းနဲ့ သင့်အတွက်လိုအပ်တဲ့ ဖြေဆိုချက်ကိုပေးပါတယ်။ အသစ်ထွက်သန့်စင်သည့် လုပ်ဆောင်ချက်တစ်ခုလေ့လာချင်လျှင် Documentation ကို သင့်ပြီးခဲ့တဲ့အတိုင်း အဆင့်ဆင့် ဥပမာတွေနဲ့ ရှင်းပြပေးပါတယ်။ ဘာဖြစ်လို့ အဲ့ဒီအခြေအနေ လုပ်ဆောင်နေတာလဲဆိုတာ နားလည်ဖို့ ကြိုးစားရင် - ဖြေရှင်းပုံကတော့ documentation ဖြစ်ပါတယ်။
 
-Documentation ကို 24/7 ရရှိနိုင်တဲ့ အတော်လေး သည်းခံပြီး ပညာရှိတဲ့ ဆရာတွေလို ထင်ပါ။ 2 AM မှာ ပြဿနာတစ်ခုမှာ ပိတ်မိနေတယ်လို့ ထင်ပါစေ – Documentation က virtual hug နဲ့ သင့်လိုအပ်တဲ့ အဖြေကို ပေးနိုင်ပါတယ်။ လူတိုင်းပြောနေတဲ့ အလန်းစား feature တစ်ခုကို သင်ယူချင်တယ်လို့ ထင်ပါစေ – Documentation က step-by-step ဥပမာတွေနဲ့ သင့်ကို ကူညီနိုင်ပါတယ်။ တစ်ခုခု ဘာကြောင့် အလုပ်လုပ်တယ်ဆိုတာ နားလည်ချင်တယ်လို့ ထင်ပါစေ – Documentation က အဲဒီအရာကို သင့်အတွက် ရှင်းပြနိုင်ပါတယ်။
+ကျွန်ုပ် ကိုယ်တိုင်အတွေ့အကြုံလည်း ပြောင်းလဲမှုကြီးဖြစ်ခဲ့ပါတယ်။ ဝက်ဘ်ဖန်တီးမှုကမ္ဘာလောကက အလွန်မြန်မြန်တိုးတက်နေပြီး၊ တစိတ်တပိုင်းအားလုံးကို မှတ်မိထားတာ မရှိပါဘူး။ Senior developer ၁၅ နှစ်ကျော်အတွေ့အကြုံရှိသူတွေကိုလည်း အခြေခံ syntax ကို အချိန်ပေးရှာဖွေနေကြတာတွေ မြင်ခဲ့တယ်။ ဒါက အရမ်းနောက်ကျတာရော မဟုတ်ပါဘူး သေချာပါပြီ။ မှတ်ဉာဏ်ကောင်းတာကို မဟုတ်ပါဘူး၊ အဆင်ပြေတဲ့ ဖြေရှင်းချက်တွေကို ပြီးမြောက်မြန်ဆန်စွာ ရှာဖွေချင်တာပါ။
 
-**အမှန်တရားက ဒီမှာပဲ:**
+**အမှန်တကယ် စွမ်းအားတူးဖော်ရာမှာ:**
 
-Professional developer တွေက documentation ကို အများကြီး ဖတ်တယ် – သူတို့ မသိတာကြောင့် မဟုတ်ဘူး၊ web development က မြန်မြန်ဆန်ဆန် ရှေ့ဆက်နေတဲ့အတွက် current ဖြစ်ဖို့ အမြဲလေ့လာရတာပါ။ Documentation က သင့်ကို *ဘယ်လို* အသုံးပြုရမလဲဆိုတာသာမက၊ *ဘာကြောင့်* နဲ့ *ဘယ်အချိန်မှာ* အသုံးပြုရမလဲဆိုတာကိုလည်း နားလည်စေပါတယ်။
+Professional developer တွေ Documentation ကို အချိန်အတော်များစွာ ဖတ်ကြတယ် - ဘာလုပ်နေလည်း မသိသူတွေမဟုတ်ပေမယ့်၊ ဝက်ဘ်ဖန်တီးမှုလောက ပြောင်းလဲနေတဲ့အတွက် အဆက်မပြတ် သင်ယူလိုနေရတာပါ။ ကောင်းမွန်တဲ့ Documentation က သင်ကို ဘယ်လိုအသုံးပြုရမယ်ဆိုတာသာမက ဘာကြောင့်၊ ဘယ်အခါအသုံးပြုရမလဲ ဆိုတာကိုလည်း နားဆင်ရန် ကူညီပေးပါတယ်။
 
-#### အရေးကြီး Documentation Resources
+#### အရေးကြီး Documentation ရင်းမြစ်များ
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Web technology documentation အတွက် gold standard
-- HTML, CSS, JavaScript အတွက် comprehensive guide
-- Browser compatibility အချက်အလက်တွေ ပါဝင်
-- Practical examples နဲ့ interactive demos တွေ ပါဝင်
+- ဝက်ဘ်နည်းပညာ Documentation ၏ ရွှေစံချိန်စံညွှန်း
+- HTML၊ CSS၊ JavaScript အတွက် ကျယ်ပြန့်သော လမ်းညွှန်များ
+- Browser compatibility အချက်အလက်များ ပါဝင်သည်
+- လက်တွေ့ ဥပမာများနှင့် interactive demo များ ပါရှိသည်
 
 **[Web.dev](https://web.dev)** (Google မှ)
-- Modern web development best practices
-- Performance optimization guide
-- Accessibility နဲ့ inclusive design principle
-- Real-world project case studies
+- ခေတ်မှီ ဝက်ဘ်ဖန်တီးမှု လုပ်ထုံးလုပ်နည်းများ
+- စွမ်းဆောင်ရည် တိုးတက်အောင်လမ်းညွှန်ချက်များ
+- စားေပွဲဖက်နှင့် ပါဝင်မှု ဖန်တီးမှုစည်းမျဉ်းများ
+- အိမ်တတ်သော စမ်းသပ်မှုများ
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Edge browser development resources
-- Progressive Web App guide
-- Cross-platform development insights
+- Edge browser အတွက် ဖန်တီးမှုအရင်းအမြစ်များ
+- Progressive Web App လမ်းညွှန်ချက်များ
+- Cross-platform ဖန်တီးမှု သဘောတူညီချက်များ
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Structured learning curricula
-- Industry expert တွေက video course
-- Hands-on coding exercise
+- သီးသန့်သင်ယူမှု သင်တန်းများ
+- စက်မှုလုပ်ငန်းပညာရှင်များမှ ဗီဒီယိုသင့်ဘွဲ့များ
+- လက်တွေ့ကုဒ်ရေးမှု လေ့ကျင့်ခန်းများ
 
-> 📚 **Study Strategy**: Documentation ကို မှတ်မထားဖို့ ကြိုးစားမနေပါနဲ့ – အစား Documentation ကို ထိရောက်စွာ navigate လုပ်တတ်ဖို့ လေ့လာပါ။ အမြဲအသုံးပြု references တွေကို bookmark လုပ်ပြီး အချက်အလက်ကို မြန်မြန်ရှာဖွေဖို့ search function တွေကို လေ့ကျင့်ပါ။
+> 📚 **လေ့လာမှုနည်းဗျူဟာ**: Documentation ကို မှတ်မိရန် မကြိုးစားပါနှင့် - သာမန်အားဖြင့် သင်နည်းတူလမ်းညွှန်များအား စနစ်တကျ သွားရေးနိုင်ရန် သင်ယူပါ။ အမြဲအသုံးများသော သတင်းအချက်အလက်များကို Bookmark လုပ်ပြီး ရှာဖွေမှုအင်္ဂါရပ်များကူညီမှုပြုရာ သာမာန်သုံးပါ။
 
-### 🔧 **Tool Mastery Check: သင့်အတွက် အဓိကအရာက ဘာလဲ?**
+### 🔧 **Tool Mastery Check: သင်နှစ်သက်တဲ့ Tool ဘာလဲ?**
 
-**အချိန်ယူပြီး စဉ်းစားပါ:**
-- သင့်အတွက် စမ်းသပ်ချင်တဲ့ tool က ဘာလဲ? (မှားတဲ့အဖြေမရှိပါ!)
-- Command Line က အခုထိ ကြောက်စရာကောင်းသေးလား၊ ဒါမှမဟုတ် စိတ်ဝင်စားနေပါသလား?
-- Browser DevTools ကို သင့်အကြိုက် website တွေမှာ စမ်းသပ်ကြည့်ဖို့ စိတ်ကူးရနိုင်ပါသလား?
+**အချိန်ယူပြီး အောက်ပါတို့ရေတွက်ကြည့်ပါ:**
+- ဘယ် tool ကို မျှော်လင့်စရာအရ ပထမဆုံးစမ်းသပ်လိုပါသလဲ? (မှားတဲ့အဖြေ မရှိပါ)
+- Command line ဟာ ကျွန်တော်/ကျွန်မကို ကြောက်ရွံ့စေတယ်? ဒါမှမဟုတ် စူးစမ်းလိုက်ချင်ပါသလား?
+- Browser DevTools ကို သင်ကြိုက်တဲ့ ဝက်ဘ်ဆိုဒ်များနောက်ကွယ် ကြည့်ရှုဖို့ စိတ်ဝင်စားလား?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "တီထွင်သူအချိန်ကိရိယာများနှင့်ဖြုန်းပွားမှု"
+    "ကုဒ်အယ်ဒီတာ" : 40
+    "ဘရောက်ဆာစမ်းသပ်ခြင်း" : 25
+    "ကမမ်ဒ်လိုင်း" : 15
+    "စာရွက်စာတမ်းဖတ်ခြင်း" : 15
+    "ဒက်ဘတ်" : 5
 ```
+> **ပျော်စရာ ကပ်လီနက်**: အများဆုံး developer တွေဟာ သူတို့ကုဒ် editor မှာ အချိန် ၄၀% ခန့် ခဏစောင့်ကြည့်တယ်၊ ဒါပေမယ့် စမ်းသပ်ခြင်း၊ သင်ယူခြင်း၊ ပြဿနာဖြေရှင်းခြင်းများမှာ အချိန်အများကြီးသုံးတယ်။ Programming လုပ်တာ ကုဒ်ရေးခြင်းပဲ မဟုတ်ပါဘူး၊ အတွေ့အကြုံဖန်တီးခြင်း ဖြစ်ပါတယ်!
 
-> **စိတ်ဝင်စားစရာအချက်**: Developer တွေက သူတို့ရဲ့ code editor မှာ အချိန် 40% လောက် သုံးတယ်၊ ဒါပေမယ့် testing, learning, နဲ့ problem-solving အတွက် အချိန်အများကြီး သုံးတယ်။ Programming က code ရေးတာပဲ မဟုတ်ဘူး – အတွေ့အကြုံတွေကို ဖန်တီးတာပါ!
-
-✅ **စဉ်းစားစရာအချက်**: Website တွေကို ဖန်တီးတဲ့ tool တွေ (development) နဲ့ အဲဒီ website တွေကို ဒီဇိုင်းဆွဲတဲ့ tool တွေ (design) ဘယ်လိုကွာခြားမလဲလို့ သင်ထင်ပါသလဲ? အလှပဆုံးအိမ်ကို ဒီဇိုင်းဆွဲတဲ့ architect နဲ့ အဲဒီအိမ်ကို တကယ်တည်ဆောက်တဲ့ contractor တို့လိုပါပဲ။ နှစ်ခုလုံး အရေးကြီးပေမယ့် tool box က မတူပါဘူး! Website တွေ ဘယ်လိုပုံစံနဲ့ အသက်ဝင်လာတယ်ဆိုတာကို ကြီးကျယ်တဲ့အမြင်နဲ့ မြင်နိုင်စေမှာပါ။
+✅ **စိတ်ထဲတွင် စဉ်းစားရန်**: ဝက်ဘ်ဆိုဒ်ဖန်တီးရန် ကိရိယာများနဲ့ နေရာပြောင်းမှု ဒီဇိုင်းကိရိယာများ ဘာကွာခြားကြမလဲ ဆိုတာ စဉ်းစားကြည့်ပါ။ ဒါဟာ လှပတဲ့ အိမ်တစ်လုံး ဒီဇိုင်းရေးတဲ့ ဘဏ္ဍာရေးဆရာနဲ့ အဲဒီအိမ်ကို တည်ဆောက်နေတဲ့ လုပ်သားပန်းချီကြီးကြားက ကွာခြားချက်လိုပါပဲ။ နှစ်ခုလုံးလိုအပ်တယ်၊ ဒါပေမယ့် ကိရိယာကိုလည်း မတူပါဘူး! အဲဒီစဥ်းစားခြင်းက သင့်အား ဝက်ဘ်ဆိုဒ်တွေ ဘယ်လိုဖန်တီးကြတာကို ကျယ်ကျယ်ပြန့်ပြန့် မြင်ရဖို့ ကူညီလိမ့်မယ်။
 
 ## GitHub Copilot Agent Challenge 🚀
 
-Agent mode ကို အသုံးပြုပြီး အောက်ပါ challenge ကို ပြီးမြောက်ပါ:
+Agent mode ကို အသုံးပြု၍ အောက်ပါ စိန်ခေါ်မှုကို ပြီးမြောက်ပါ:
 
-**ဖော်ပြချက်:** Modern code editor သို့မဟုတ် IDE ရဲ့ feature တွေကို စူးစမ်းပြီး Web Developer အနေနဲ့ workflow ကို ဘယ်လိုတိုးတက်စေမလဲဆိုတာ ပြသပါ။
+**ဖော်ပြချက်:** ခေတ်မှီ code editor သို့မဟုတ် IDE ၏ လက္ခဏာများကို ရှာဖွေပြီး ဝက်ဘ်ဖန်တီးမှု အလုပ်လုပ်စဥ်အား တိုးတက်စေသည့် နည်းလမ်းများ ချပြပါ။
 
-**Prompt:** Visual Studio Code, WebStorm, သို့မဟုတ် cloud-based IDE တစ်ခုကို ရွေးပါ။ Code ရေး, debug လုပ်, သို့မဟုတ် code ကို maintain လုပ်ဖို့ အထောက်အကူပြု feature သို့မဟုတ် extension သုံးခုကို ရွေးပါ။ တစ်ခုချင်းစီအတွက် workflow ကို ဘယ်လိုအကျိုးရှိစေမလဲဆိုတာ အကျဉ်းချုပ် ရေးပါ။
+**Prompt:** Code editor သို့ IDE (Visual Studio Code, WebStorm, ဒါမှမဟုတ် cloud-based IDE တို့မလိုအပ်သည်) တစ်ခု ရွေးပါ။ ကုဒ်ရေးခြင်း၊ debug လုပ်ခြင်း သို့မဟုတ် ကုဒ်ထိန်းသိမ်းမှုကို ပိုမိုမြန်ဆန်စေသော လက္ခဏာ သုံးခု သို့မဟုတ် extension သုံးခုကို ပြပါ။ တစ်ခုစီအတွက် သင့် workflow အတွက် ဘယ်လိုအကျိုးရှိသလဲ ဆိုတာ အကျဥ်းတင်ရှင်းပြပါ။
 
 ---
 
 ## 🚀 Challenge
 
-**အိုကေ၊ စုံထောက်၊ သင့်ရဲ့ ပထမဆုံး case အတွက် အဆင်သင့်ဖြစ်ပြီလား?**
+**အခု detective ရေ၊ ပထမဆုံးကိစ္စကြီးအတွက် ပြင်ဆင်ပါပြီလား?**
+
+အခု သင်မှာ အဲဒီ အံ့သြစရာ အထောက်အကူပေး အခြေခံများ ရနေပြီ။ သူတို့ရဲ့ အံ့ဩစရာ programming ကမ္ဘာက တကယ်မျိုးစုံနှင့်စိတ်ဝင်စားဖွယ် ဖြစ်တယ်ဆိုတာ သင်သိနိုင်ဖို့ ကူညီဖို့ စွန့်စားမှုတစ်ခု ကြိုတင်ပြင်ဆင်ထားပါတယ်။ နားထောင်ပါ - အခု code မရေးသေးပါဘူး၊ ဖိအားတစ်ခုမှ မရှိပါဘူး! သင်ဟာ programming language စုံစမ်းသူ တစ်ယောက်တည်းဖြစ်ပြီး ပထမဆုံး စွန့်စားမှုကို တွန်းအားပေးမှာပါ!
+
+**သင့်တာဝန်၊ လက်ခံပါက:**
+1. **ဘာသာစကားစူးစမ်းသူ ဖြစ်ပါ:** တကယ်ကို အလုပ်လုပ်နေရတဲ့ programming languages သုံးခုကို ရွေးချယ်ပါ – ဝက်ဘ်ဆိုဒ်တစ်ခုဖန်တီးတဲ့၊ မိုဘိုင်းအက်ပ်တစ်ခုဖန်တီးတဲ့၊ သိပ္ပံပညာရှင်တွေအတွက်ဒေတာကိုခွဲခြမ်းစိတ်ဖြာတဲ့ တစ်ခုစီ။ တူညီတဲ့ လုပ်ဆောင်ချက် လုပ်နည်း အတွက် မတူညီသော ဥပမာများကို ရှာဖွေပါ။ သုံးသပ်ကြည့်ပါ! ဘယ်လောက် ကွဲပြားနိုင်သလဲဆိုတာ မှတ်မိမယ်!
+2. **မူလဇာတ်လမ်းများ ကို ရှာဖွေပါ:** ဘာသာစကား တစ်ခုချင်းစီ မူလမှာ အထူးပြုရာဘာလဲ? အဲဒါက အထူးပါးပျံ့ချနေတာ – programming language တစ်ခုစီကို ဘာဖြေရှင်းဖို့ ဖြစ်လာတာလဲဆိုတာဟာ သိထားဖို့စိတ်ဝင်စားစရာကောင်းပါတယ်။
+3. **အသိုင်းအဝိုင်းများနှင့် တွေ့ဆုံပါ:** ဘာသာစကားအသိုင်းအဝိုင်းတွေအကြောင်း ကြည့်ရှုပါ။ အချို့တွေအလွန်ကြီးမားပြီး developerပေါင်းများစွာ သိရှိဝေစုသလို၊ တချို့က အလွန်ငယ်ငယ်ပြီးလည်း သဲကြားမှုရှိသည်။ သင်နှစ်သက်တဲ့ အသိုင်းအဝိုင်းကို ကြည့်ရှုပါ။
+4. **အသိပေးခံစားချက်နဲ့ လိုက်ပါ:** လက်ရှိအချိန်မှာ သင့်အား အကောင်းဆုံး လက်ခံရရှိသော ဘာသာစကား ဘယ်ဟာလဲ? “ပေါက်ကွဲ” ရွေးချယ်မှုမရှိပါဘူး၊ သင့်ခံစားချက်ကိုသာ လိုက်ပါ! ဘာမှမှား မဟုတ်ပါဘူး၊ နောက်မှ နောက်ထပ် လေ့လာ ကြည့်လို့ရပါတယ်။
+
+**အပို detective စွန့်စားမှု**: ဘာသာစကားတစ်ခုချင်းစီက major websites သို့မဟုတ် apps ဘယ်လောက် ဖန်တီးရာ ရှိသလဲ ရှာဖွေပါ။ Instagram, Netflix, သင်မရပ်နိုင်တဲ့ မိုဘိုင်းဂိမ်း ဘယ်လို ဘာသာစကားနဲ့ ဖန်တီးထားတာလဲဆိုတာ သိပြီး အံ့အားသင့်မှာ သေချာပါပဲ!
 
-အခု သင့်မှာ အခြေခံအချက်တွေ ရှိပြီးသားဖြစ်တဲ့အတွက်၊ Programming ကမ္ဘာကြီးရဲ့ အမျိုးမျိုးနဲ့ စိတ်ဝင်စားစရာကောင်းတဲ့အရာတွေကို မြင်နိုင်ဖို့ အခွင့်အရေးတစ်ခု ရှိပါတယ်။ ဒီတော့ – အခုတော့ code ရေးတာမဟုတ်ဘူး၊ ဒါကြောင့် စိတ်ဖိစီးမှုမရှိပါဘူး! သင့်ကို Programming Language Detective အဖြစ် သင့်ရဲ့ ပထမဆုံး စိတ်လှုပ်ရှားစရာ case ကို လုပ်ဆောင်ဖို့ ဖိတ်ခေါ်ပါတယ်!
+> 💡 **မေ့မလားနဲ့**: ဒီဘာသာစကားတွေမှာ တကယ် ကျွမ်းကျင်သူ ဖြစ်ဖို့ မဟုတ်ပါဘူး။ ဘာသာစကားတွေရှိရာ အသိုင်းအဝိုင်းကို မိမိအကျဆုံးနေရာရှာဖွေဖို့၊ အကောင်းဆုံးနေရာမှာ ဆုံးဖြတ်တိုင်ပတ်ဖို့ နေရာရှာဖွေတဲ့မှု ဖြစ်ပါတယ်။ အချိန်ယူပြီး ပျော်ပါစေ၊ စူးစမ်းဖို့စေ!
 
-**သင့် mission, သင်လက်ခံဖို့ ဆုံးဖြတ်လျှင်:**
-1. **Language Explorer ဖြစ်ပါ**: Website တွေကို ဖန်တီးတဲ့ language တစ်ခု၊ Mobile app တွေကို ဖန်တီးတဲ့ language တစ်ခု၊ Scientist တွေအတွက် data crunching လုပ်တဲ့ language တစ်ခု – အဲဒီ language သုံးခုကို ရွေးပါ။ တစ်ခုချင်းစီမှာ အလွယ်ဆုံး task တစ်ခုကို ဘယ်လိုရေးထားတယ်ဆိုတာကို ရှာပါ။ အဲဒီ task တွေက တူတူလုပ်ပေမယ့် ဘ
-## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာခြင်း
+## သင့်ရှာဖွေတွေ့ရှိမှုကို ကျေနပ်အောင် အတူပျော်ကြရအောင်!
 
-**အချိန်ယူပြီး စူးစမ်းလေ့လာပါ၊ ပျော်ရွှင်ပါစေ!**
+မင်း ဒီနေ့ အံ့ဖွယ်အချက်အလက်တွေကို များစွာ သိရှိသွားပြီ! ကျွန်တော် အမှန်တကယ် ဝမ်းမြောက်မိပြီး ဒီ အံ့ဩဖွယ်ခရီးစဉ်ကို ကောင်းစွာ ကျင့်သုံးမိကြောင်း မျှော်လင့်ပါတယ်။ စမ်းသပ်ချက်လေးမျိုး မဟုတ်ပါဘူး၊ အမှားကင်းစင်ပြီး ရှင်းလင်းစွာ သင်ယူဖို့ အခမ်းအနားတစ်ခုလိုပါပဲ။
 
-ဒီနေ့မှာ သင်အများကြီးလေ့လာပြီးဖြစ်ပါတယ်၊ အဲဒါက သင်ဂုဏ်ယူဖို့အကြောင်းပါ! အခုတော့ စိတ်ဝင်စားမှုကိုဖြစ်စေတဲ့အကြောင်းအရာတွေကို စူးစမ်းဖို့အချိန်ရောက်ပါပြီ။ ဒီဟာက အိမ်စာမဟုတ်ပါဘူး – ဒါက စွန့်စားမှုပါ!
+[စာသင်ပြီးနောက် စမ်းသပ်မေးခွန်းများ](https://ff-quizzes.netlify.app/web/)
 
-**သင့်ကို စိတ်လှုပ်ရှားစေတဲ့အရာတွေကို ပိုမိုနက်နက်ရှိုင်းရှိုင်းလေ့လာပါ:**
+## ပြန်ကြားခြင်းနှင့် ကိုယ်တိုင်လေ့လာမှု
 
-**Programming Language တွေနဲ့ လက်တွေ့လုပ်ဆောင်ပါ:**
-- သင့်စိတ်ဝင်စားမှုကိုဖြစ်စေတဲ့ ဘာသာစကား ၂-၃ ခုရဲ့ တရားဝင်ဝက်ဘ်ဆိုဒ်တွေကို သွားလေ့လာပါ။ ဘာသာစကားတိုင်းမှာ သူ့ရဲ့ပုံစံနဲ့ သမိုင်းကြောင်းရှိပါတယ်!
-- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), [Replit](https://replit.com/) တို့လို online coding playground တွေကို စမ်းကြည့်ပါ။ စမ်းသပ်ဖို့မကြောက်ပါနဲ့ – ဘာမှမပျက်စီးနိုင်ပါဘူး!
-- သင့်အကြိုက်ဆုံး programming language ရဲ့ သမိုင်းကြောင်းကို ဖတ်ရှုပါ။ တကယ်လို့ စိတ်ဝင်စားဖွယ်ကောင်းပြီး ဘာသာစကားတွေ ဘာကြောင့် ဒီလိုအလုပ်လုပ်ရလဲဆိုတာကို နားလည်စေမှာပါ။
+**အချိန်ယူ ကျွမ်းကျင်လာရန် နှင့် ပျော်ပါစေ!**
+နေ့တစ်နေ့မှာ အများကြီး လေ့လာခဲ့ပြီ၊ အဲဒါက မျက်နှာမောင်း တစ်ခုပါပဲ! ယခုကော ဘယ်လို စိတ်ဝင်စားစရာရှိလဲ ဆိုတဲ့ ခေါင်းစဉ်တွေကို ရှာဖွေကြည့်ဖို့ ပိုစိတ်လှုပ်ရှားစရာပဲ။ မှတ်ထားပါ၊ ဒါက စာသင်ခန်းအလုပ်မဟုတ်ပါဘူး၊ စွန့်စားခန်းတစ်ခုပါပဲ!
 
-**သင့်ရဲ့ Tools အသစ်တွေနဲ့ ရင်းနှီးပါ:**
-- Visual Studio Code ကို ဒေါင်းလုပ်လုပ်ပါ (မလုပ်ရသေးရင်) – အခမဲ့ဖြစ်ပြီး သင်အကြိုက်တွေ့ပါလိမ့်မယ်!
-- Extensions marketplace ကို အချိန်အနည်းငယ်ကြာ browse လုပ်ပါ။ ဒါက သင့် code editor အတွက် app store လိုပါပဲ!
-- သင့် browser ရဲ့ Developer Tools ကို ဖွင့်ပြီး အဲဒီမှာ click လုပ်ကြည့်ပါ။ အားလုံးကို နားလည်ဖို့မလိုပါဘူး – အဲဒီမှာ ဘာတွေရှိလဲဆိုတာကို ရင်းနှီးဖို့သာ လုပ်ပါ။
+**သင့်စိတ်အားထက်သန်မှုကို နက်ရှိုင်းစွာ ထည့်သွင်းကြည့်ပါ။**
 
-**Community ကို ဝင်ပါ:**
-- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), [GitHub](https://github.com/) တို့မှာ developer communities တွေကို follow လုပ်ပါ။ Programming community က အသစ်ဝင်လာသူတွေကို အလွန်ကြိုဆိုပါတယ်!
-- YouTube မှာ beginner-friendly coding video တွေကို ကြည့်ပါ။ စတင်နေတဲ့အချိန်က ဘယ်လိုဖြစ်တယ်ဆိုတာကို သတိရတဲ့ creators တွေ အများကြီးရှိပါတယ်။
-- ဒေသခံ meetups တွေကို ဝင်ပါ၊ ဒါမှမဟုတ် online communities တွေကို join လုပ်ပါ။ Developer တွေက အသစ်ဝင်လာသူတွေကို ကူညီဖို့အကြိုက်ဆုံးပါ!
+**ပရိုဂရမ်မင်းဘာသာစကားတွေနဲ့ လက်တွေ့ကျကျ လုပ်ဆောင်ပါ။**
+- သင့်စိတ်ဝင်စားမှုကို ဖမ်းဆီးထားတဲ့ ဘာသာစကား ၂-၃ ခုရဲ့ တရားဝင် ဝက်ဘ်ဆိုဒ်တွေကို လည်ပတ်ကြည့်ပါ။ တစ်ခုချင်းစီမှာ ကိုယ့်ဘာသာ စတိုင်နဲ့ အကြောင်းအရာသီးသန့်တွေ ရှိပါတယ်!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ဒါမှမဟုတ် [Replit](https://replit.com/) ကဲ့သို့ အွန်လိုင်းကုဒ် ရေးနိုင်တဲ့နေရာတွေကို စမ်းကြည့်ပါ။ စမ်းသပ်ဖို့ မကြောက်ပါနဲ့ – ဘာမှ မဖျက်ရင် မိမိကောင်းမှုမျိုးမျိုးလည်း ရနိုင်ပါတယ်!
+- သင်နှစ်သက်တဲ့ ဘာသာစကား ဘယ်လို တည်ရှိလာခဲ့တာလဲ ဆိုတာကို ဖတ်ရှုလိုက်ပါ။ တကယ်ပါပဲ၊ ဒီအစပြုမှုများက အလွန်စိတ်ဝင်စားဖွယ်ဖြစ်ပြီး ဘာသာစကားတွေ ဘာကြောင့် ဒီလို အသုံးပြုကြတာလဲ ကို နားလည်စေပါတယ်။
 
-> 🎯 **နောက်ဆုံး သတိပေးချင်တာက**: သင် coding wizard ဖြစ်ဖို့ တစ်ညလုံးမှာ မျှော်လင့်ထားတာမဟုတ်ပါဘူး! အခုတော့ သင်ဝင်ရောက်ဖို့ရှိတဲ့ အံ့မခန်းတဲ့ကမ္ဘာကို သိရှိဖို့သာ ဖြစ်ပါတယ်။ အချိန်ယူပါ၊ ခရီးကို ပျော်ရွှင်ပါ၊ သတိထားပါ – သင်ဂုဏ်ပြုတဲ့ developer တစ်ဦးချင်းစီဟာ သင်အခုရှိနေတဲ့နေရာမှာ တစ်ချိန်ကရှိခဲ့ပြီး စိတ်လှုပ်ရှားမှုနဲ့ အနည်းငယ်မူးမူးမောမောဖြစ်ခဲ့ပါတယ်။ ဒါက အလွန်ပုံမှန်ဖြစ်ပြီး သင်မှန်ကန်စွာလုပ်ဆောင်နေတယ်ဆိုတာကို ဆိုလိုပါတယ်။
+**သင့် အသုံးပြုမည့်ကိရိယာ အသစ်များနဲ့ သဘာဝကျစွာ နေထိုင်ကြည့်ပါ။**
+- Visual Studio Code ကို ဒေါင်းလုပ်မလုပ်ဖူးရင် ဒေါင်းလုပ်ဆွဲပါ – အခမဲ့ပါ၊ သင့်အတွက် အရမ်းကြိုက်မယ်။
+- Extensions Marketplace ကို မိနစ်ပိုင်းကြည့်ကြည့်ပါ။ ဒါဟာ ကိုယ်ရဲ့ ကုဒ်ရေးစက်အတွက် အက်ပ်ဆိုင်လို့တူပါတယ်!
+- သင့် ဘရောက်ဇာ Developer Tools ကို ဖွင့်ပြီး တစ်ချို့နေရာတွေ ဆလတ်ဆလတ် နှိပ်ကြည့်ပါ။ အားလုံးကို နားလည်ဖို့ မလိုပါဘူး – ရှိတဲ့ အရာတွေကို သဘောကျဖို့ လေ့လာပါ။
 
-## အိမ်စာ
+**အသိုင်းအဝိုင်းမှာ ပါဝင်ပါ။**
+- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ဒါမှမဟုတ် [GitHub](https://github.com/) မှာ Developer အသိုင်းအဝိုင်းတွေကို ချီးမြှင့်လိုက်ပါ။ ပရိုဂရမ်မင်းအသိုင်းအဝိုင်းက အတွေ့အကြုံ မရှိသေးသူတွေကို ဂရုစိုက် တက်ကြွစွာ လက်ခံတတ်ပါတယ်!
+- YouTube ပေါ်မှာ စကင်းစရိုက် ကုဒ်ရေး ဖွင့်ကြည့် videos တွေကို ကြည့်ပါ။ စတင်၍ ပြောင်းလဲနေသူများ ခံစားရသလို အဖြစ်မှတ်ထားသူ အသက်ဝင်သူများ အများကြီး ရှိတယ်။
+- ဒေသခံ Meetup များ သို့မဟုတ် အွန်လိုင်းအသိုင်းအဝိုင်းတွေကို ပါဝင်စဉ်းစားပါ။ Developer များက လူအသစ်တွေကို ကူညီပေးဖို့ ကြိုက်နှစ်သက်တယ်။
+
+> 🎯 **နားဆင်ထည့်သွင်းပါ၊ ကျွန်တော်/သူ မေတ္တာရပ်ခံချင်တာမှာ**: တစ်ညအတွင်း ကုဒ်ရေး ဘာမော့မဆိုသမား ဖြစ်ဖို့ မမျှော်လင့်ပါနဲ့! ယခုအချိန်မှာတော့ သင် ပါဝင်ဖို့ရှိတဲ့ ဒီ အံ့သြဖွယ် ကမ္ဘာအသစ်နဲ့ မိတ်ဆက်နေတယ်။ အချိန်ယူပြီး ခရီးစဉ်ကို ပျော်ရွှင်ပါ၊ နှလုံးထားပါ – သင်ကို မျှော်လင့်ကြည့်ရတဲ့ Developer တစ်ယောက်ချင်းစီဟာ ဒီနေရာမှာရောက်တုန်းက သင့်လိုပဲ စိတ်လှုပ်ရှားမှုတွေနဲ့ အနည်းငယ် စိတ်မသာမှုတွေနဲ့ ရှိခဲ့ကြတာပါ။ ဒါက လုံးဝ သာမာန်ဖြစ်ခြင်းဖြစ်ပြီး သင်ဟာ မှန်ကန်စွာ လုပ်ဆောင်နေပြီဆိုရတာပါ။
+
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **အိမ်စာအတွက် အနည်းငယ်သတိပေးချက်**: ကျွန်တော်အရမ်းကြိုက်မိတာက သင်မလေ့လာရသေးတဲ့ tools တွေကို စူးစမ်းဖို့ပါ! ကျွန်တော်တို့ပြောခဲ့တဲ့ editors, browsers, command line tools တွေကို ကျော်သွားပါ – အံ့မခန်းတဲ့ development tools တွေရှိပြီး အဲဒီမှာ စူးစမ်းဖို့အချိန်ရောက်ပါပြီ။ အလုပ်လုပ်နေဆဲဖြစ်ပြီး community တွေက အလွန်ကူညီတတ်တဲ့ tools တွေကို ရှာဖွေပါ (tutorials တွေက အကောင်းဆုံးဖြစ်ပြီး သင်အခက်အခဲတွေ့တဲ့အခါမှာ ကူညီပေးမယ့်သူတွေရှိပါတယ်။)
+> 💡 **သင့် အလုပ်အပ်တာအတွက် ငြိမ်သက်မှုချေးချက်**: မကျွန်တော်တို့ မဖော်ပြဖူးသေးတဲ့ ကိရိယာတွေကို ရှာဖွေကြည့်တာကို အရမ်းချစ်လိမ့်မယ်! ကျွန်တော်တို့ အကြောင်းပြောထားတဲ့ Editor, Browser, Command line tools များကို ရပ်ပါ – ထူးခြား အံ့သြဖွယ် Development tools တွေက ထပ်ပြီး ရှာဖွေရန် စောင့်ကြည့်နေပါတယ်။ ဖြစ်နိုင်ရင် တီထွင်ပြုပြင်မှု အမြဲတမ်းရှိပြီး လန်းဆန်းတဲ့ အသိုင်းအဝိုင်းပါဝင်သော ကိရိယာတွေကို ရွေးချယ်ပါ (ဒီလူတွေဟာ သင် ပံ့ပိုးမှုလိုအပ်တဲ့အခါမှာ ကူညီပေးဖို့ အကောင်းဆုံး Tutorial တွေနဲ့ လူတွေ ဖြစ်လေ့ရှိပါတယ်)။
 
 ---
 
-## 🚀 သင့် Programming ခရီးစဉ် အချိန်ဇယား
+## 🚀 သင့် ပရိုဂရမ်းမင်း ခရီးစဉ် အချိန်ဇယား
 
 ### ⚡ **နောက် ၅ မိနစ်အတွင်း လုပ်နိုင်တာ**
-- [ ] သင့်စိတ်ဝင်စားမှုကိုဖြစ်စေတဲ့ programming language websites ၂-၃ ခုကို bookmark လုပ်ပါ
-- [ ] Visual Studio Code ကို ဒေါင်းလုပ်လုပ်ပါ (မလုပ်ရသေးရင်)
-- [ ] သင့် browser ရဲ့ DevTools (F12) ကို ဖွင့်ပြီး website တစ်ခုခုမှာ click လုပ်ကြည့်ပါ
-- [ ] Programming community တစ်ခုကို join လုပ်ပါ (Dev.to, Reddit r/webdev, Stack Overflow)
+- [ ] စိတ်ဝင်စားဖွယ်ကောင်းတဲ့ ပရိုဂရမ်းမင်းဘာသာစကား ဝက်ဘ်ဆိုဒ် ၂-၃ ခု Bookmark လုပ်ပါ
+- [ ] Visual Studio Code ကို ဒေါင်းလုပ်ဆွဲပါ (မလုပ်ဖူးရင်)
+- [ ] ဘရောက်ဇာ DevTools (F12) ဖွင့်ပြီး မည်သည့် ဝက်ဘ်ဆိုဒ် မဆို လှည့်ယှဉ်ကြည့်ပါ
+- [ ] တစ်ခုသော ပရိုဂရမ်းမင်း အသိုင်းအဝိုင်း (Dev.to, Reddit r/webdev, Stack Overflow) ကို ပါဝင်ဆက်သွယ်ပါ
 
 ### ⏰ **ဒီနာရီအတွင်း ပြီးမြောက်နိုင်တာ**
-- [ ] Post-lesson quiz ကို ပြီးမြောက်ပြီး သင့်အဖြေတွေကို ပြန်လည်သုံးသပ်ပါ
-- [ ] VS Code ကို GitHub Copilot extension နဲ့ setup လုပ်ပါ
-- [ ] Programming language ၂ ခုမှာ "Hello World" ဥပမာကို online မှာ စမ်းကြည့်ပါ
-- [ ] YouTube မှာ "Day in the Life of a Developer" video တစ်ခုကို ကြည့်ပါ
-- [ ] Programming language detective work ကို စတင်ပါ (challenge မှာ)
-
-### 📅 **သင့်ရဲ့ တစ်ပတ်တာ စွန့်စားမှု**
-- [ ] အိမ်စာကို ပြီးမြောက်ပြီး development tools အသစ် ၃ ခုကို စူးစမ်းပါ
-- [ ] Developer ၅ ဦး ဒါမှမဟုတ် programming accounts တွေကို social media မှာ follow လုပ်ပါ
-- [ ] CodePen ဒါမှမဟုတ် Replit မှာ တစ်ခုခုကို တည်ဆောက်ကြည့်ပါ (တောင် "Hello, [Your Name]!" ဆိုပြီး)
-- [ ] Developer blog post တစ်ခုကို ဖတ်ရှုပါ (coding journey အကြောင်း)
-- [ ] Virtual meetup တစ်ခုကို join လုပ်ပါ ဒါမှမဟုတ် programming talk တစ်ခုကို ကြည့်ပါ
-- [ ] Online tutorials တွေနဲ့ သင်ရွေးချယ်ထားတဲ့ ဘာသာစကားကို စတင်လေ့လာပါ
-
-### 🗓️ **တစ်လတာ ပြောင်းလဲမှု**
-- [ ] ပထမဆုံး project သေးသေးလေးကို တည်ဆောက်ပါ (တစ်ခုခုရိုးရိုးလေး webpage တစ်ခုတောင် ရပါပြီ!)
-- [ ] Open-source project တစ်ခုကို ပါဝင်ပါ (documentation fixes နဲ့ စတင်ပါ)
-- [ ] Programming journey ကို စတင်နေတဲ့သူတစ်ဦးကို mentor လုပ်ပါ
-- [ ] Developer portfolio website ကို ဖန်တီးပါ
-- [ ] ဒေသခံ developer communities ဒါမှမဟုတ် study groups တွေနဲ့ ဆက်သွယ်ပါ
-- [ ] သင့်ရဲ့ နောက် learning milestone ကို စတင်စီစဉ်ပါ
-
-### 🎯 **နောက်ဆုံး Reflection Check-in**
-
-**သင့်ခရီးစဉ်ကို ဆက်လက်လုပ်ဆောင်မတိုင်မီ ခဏတာဂုဏ်ပြုပါ:**
-- ဒီနေ့ programming အကြောင်းမှာ စိတ်လှုပ်ရှားစေတဲ့အရာတစ်ခုက ဘာလဲ?
-- Tools ဒါမှမဟုတ် concept တစ်ခုကို ပထမဆုံး စူးစမ်းချင်တာက ဘာလဲ?
-- ဒီ programming ခရီးစဉ်ကို စတင်ဖို့ သင့်ခံစားချက်က ဘယ်လိုလဲ?
-- Developer တစ်ဦးကို အခုချိန်မှာ မေးချင်တဲ့မေးခွန်းတစ်ခုက ဘာလဲ?
+- [ ] သင်ခန်းစာပြီးနောက် စစ်တမ်း ဖြေပြီး မဟာဗျူဟာတွေအပေါ် ပြန်လည်စဉ်းစားပါ
+- [ ] VS Code ကို GitHub Copilot extension ဖြင့် ပြင်ဆင်ပါ
+- [ ] အွန်လိုင်းမှာ ဘာသာစကား ၂ မျိုးနဲ့ "Hello World" နမူနာ လုပ်ကြည့်ပါ
+- [ ] YouTube ပေါ်မှာ "Day in the Life of a Developer" ဗီဒီယို ကြည့်ပါ
+- [ ] ဘာသာစကား စုံစမ်းဖော်ထုတ်မှုများ (ချန်လှပ်) စတင်ပါ
+
+### 📅 **သင့် အပတ်တစ်ပတ် ခရီးစဉ်**
+- [ ] အလုပ်အပ်တာ ပြီးစီးပြီး နောက် ၃ မျိုး Development tools ရှာဖွေပါ
+- [ ] Developer များ သို့မဟုတ် programming အကောင့် ၅ ခု follower လုပ်ပါ
+- [ ] CodePen ဒါမှမဟုတ် Replit မှာ သေးငယ်တဲ့ တည်ဆောက်မှုတစ်ခုစမ်းဆောင်ပါ ("Hello, [Your Name]!" ပါ)
+- [ ] Developer ဘလော့ဂ် တစ်ခုကို တစ်ခုဖတ်ပါ၊ တစ်ယောက်ရဲ့ ကုဒ်ရေး ခရီးစဉ်ကို ဖတ်ရှု့
+- [ ] Virtual meetup တစ်ခု သို့မဟုတ် programming စကားဝိုင်းတစ်ခု ဝင်ပါ
+- [ ] သင် ရွေးချယ်ထားတဲ့ ဘာသာစကားကို အွန်လိုင်းသင်ခန်းစာဖြင့် သင်ယူပါ
+
+### 🗓️ **သင့် လ ပြည့် ခရီးစဉ် ပြောင်းလဲမှု**
+- [ ] ပထမဆုံး သေးငယ်တဲ့ Project တစ်ခု တည်ဆောက်ပါ (လွယ်ကူတဲ့ ဝက်ဘ်စာမျက်နှာတစ်ခုပါ)
+- [ ] Open-source project တစ်ခုတွင် လှည့်လည်ပါ (အများအားဖြင့် စာရွက်စာတမ်း အသေးစိတ် ပြင်ဆင်ခြင်း)
+- [ ] ပရိုဂရမ်းမင်း ခရီးစဉ် စတင်သူ ခေါ်သူတစ်ယောက်ကို မန်တော် ဒ်ဖြစ်ပါ
+- [ ] သင့် Developer Portfolio Website တည်ဆောက်ပါ
+- [ ] ဒေသခံ Developer အဖွဲ့များ သို့ Study Group များနှင့် ဆက်သွယ်ပါ
+- [ ] နောက်ထပ် သင်ယူမည့် အဆင့်စီမံကိန်းများ စီစဉ်ပါ
+
+### 🎯 **နောက်ဆုံး ပြန်လည် မေးမြန်းခြင်း**
+
+**ရှေ့ဆက်ရန်မပြီးခင်၊ ချီးမွမ်းချိန်တစ်ခု တွေ့ပါလား:**
+- ဒီနေ့ သင့်ကို စိတ်လှုပ်ရှားစေတဲ့ Programming အချက်တစ်ခုက ဘာလဲ။
+- အရင်ဆုံး ရှာဖွေလိုတဲ့ ကိရိယာ သို့မဟုတ် သဘောတရား ဘာလဲ။
+- ဒီ ပရိုဂရမ်းမင်း ခရီးစဉ် စတင်ဖို့ ဘယ်လို ခံစားနေရပါသလဲ။
+- ယခုလက်ရှိ Developer တစ်ယောက်ကို မေးချင်တဲ့ မေးခွန်း တစ်ခု ရှိပါသလား။
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title သင့်ယုံကြည်မှုတည်ဆောက်ခြင်းခရီး
+    section ယနေ့
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section ဒီအပတ်
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section နောက်လ
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **သတိထားပါ**: ကျွမ်းကျင်သူတိုင်းဟာ တစ်ချိန်က beginner ဖြစ်ခဲ့ပါတယ်။ Senior developer တစ်ဦးချင်းစီဟာ သင်အခုခံစားနေရတဲ့အတိုင်း စိတ်လှုပ်ရှားမှုနဲ့ အနည်းငယ်မူးမူးမောမောဖြစ်ခဲ့ပါတယ် – အဲဒါက အံ့မခန်းတဲ့အရာတွေကို စူးစမ်းဖို့ စိတ်ဝင်စားမှုကို ဆိုလိုပါတယ်။ သင်အံ့မခန်းတဲ့ company မှာ ရှိနေပြီး ဒီခရီးစဉ်က အလွန်အမင်းအံ့မခန်းတဲ့အရာဖြစ်မှာပါ။ Programming ရဲ့ အံ့မခန်းတဲ့ကမ္ဘာကို ကြိုဆိုပါတယ်! 🎉
+> 🌟 **မေ့မလားနဲ့**: တစ်ဦးချင်းစီ က ပညာရှင် ဖြစ်ရန် အစက စတင်သူတစ်ယောက်ပါပဲ။ ကြီးမားတဲ့ Developer များ ဘာကြောင့်လဲဆိုတော့ သင့်လိုပဲ စိတ်လှုပ်ရှားပြီး၊ အနည်းငယ် စိတ်ရှုပ်ထွေးမှုတွေကို ခံစားခဲ့ကြတယ်။ သင်ဟာ စပျစ်တဲ့ပေါင်းကောင်းတဲ့ လူပတ်ဝန်းကျင်ထဲမှာ ရှိပြီး ဒီခရီးစဉ်ဟာ အံ့သြဖွယ် ဖြစ်တော့မှာပါ။ ပရိုဂရမ်းမင်းကမ္ဘာလုံလောက်တဲ့ နေရာကြီးသို့ ကြိုဆိုပါတယ်! 🎉
 
 ---
 
-**အကြောင်းကြားချက်**:  
-ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားနေသော်လည်း အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတရားရှိသော အရင်းအမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များကို အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော အလွဲအမှားများ သို့မဟုတ် အနားလွဲမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**အလြန္စိုးရိမ္ခ်က္**  
+ဤစာတမ္း၌ [Co-op Translator](https://github.com/Azure/co-op-translator) ဟုေခၚေသာ AI ဘာသာျပန္ဝန္ေဆာင္မွုကို အသံုးျပဳျပီး ဘာသာျပန္ထားျခင္းျဖစ္သည္။ စိစစ္မွန္ကန္မႈအတြက္ႀကိဳးစားေနၾကေသာ္လည္း၊ စက္ယန္႔ဘာသာျပန္မ်ားတြင္ အမွားမ်ား သို႔မဟုတ္မွားယြင္းခ်က္မ်ား ပါဝင္ႏိုင္ေၾကာင္း သတိျပဳၾကပါေစ။ မူရင္းစာတမ္းသည္ မိခင္ဘာသာစကားျဖင့္ ရွိျခင္းေၾကာင့္ အတည္ၿပဳရမည့္ စာတမ္းျဖစ္သည္။ အေရးႀကီးေသာ အခ်က္အလက္မ်ားအတြက္ ပရဖက္ရွင္နယ္ လူသားဘာသာျပန္ေရာက္ခြင့္ယူသင့္ပါသည္။ ဤဘာသာျပန္ခ်က္ကို အသံုးျပဳလ်က္ျဖစ္ေသာ တြယ္တမ္း သို႔မဟုတ္ မမွန္ကန္မႈမ်ားအတြက္ ေတာင္းပန္ျခင္းမရွိပါ။
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/my/AGENTS.md b/translations/my/AGENTS.md
index 335ae27fa..908aef3d4 100644
--- a/translations/my/AGENTS.md
+++ b/translations/my/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Project Overview
 
-ဤသည်မှာ ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို စတင်သူများအား သင်ကြားပေးရန် အတွက် ပညာပေး သင်ရိုးညွှန်းတမ်း စုစည်းမှု ဖြစ်သည်။ သင်ရိုးညွှန်းတမ်းသည် Microsoft Cloud Advocates မှ တီထွင်ထားသော ၁၂ ပတ်ကြာ သင်တန်း အပြည့်အစုံဖြစ်ပြီး၊ JavaScript၊ CSS နှင့် HTML を ကိုက်ညီသော လက်တွေ့ သင်ခန်းစာ ၂၄ ခု ပါဝင်သည်။
+ဤအရာသည် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို စတင္ရင်းနှီးသူများကို သင်ကြားပေးရန် ရည်ရွယ်ထားသော ပညာရေးသင်ရိုးအစီအစဉ်၏ ဂိုဒေါင်ဖြစ်သည်။ သင်ရိုးအစီအစဉ်သည် Microsoft Cloud Advocates များမှ ဖန်တီးထားသော ၁၂ အပတ် ကြာသည့် အဝန်းလည်းပြည့်သည့် သင်ခန်းစာများပါဝင်ပြီး JavaScript၊ CSS နှင့် HTML ကို လက်တွေ့ လေ့ကျင့်ခန်း ၂၄ ခုအပါအဝင်ဖြစ်သည်။
 
 ### Key Components
 
-- **ပညာရေး အကြောင်းအရာများ**: ပရောဂျက် အခြေပြု မော်ဂျူး များ အပြည့်အစုံဖြင့် စီစဉ်ထားသော သင်ခန်းစာ ၂၄ ခု
-- **လက်တွေ့ ပရောဂျက်များ**: Terrarium၊ Typing Game၊ Browser Extension၊ Space Game၊ Banking App၊ Code Editor နှင့် AI Chat Assistant
-- **အပြန်အလှန် ဖြေဆိုမေးခွန်းများ**: မေးခွန်း ၃ မျိုး ပါဝင်သည့် ၄၈ ပတ်လည် စစ်တမ်းများ (သင်ခန်းစာ မတိုင်မီ/ပြီးနောက် အကဲဖြတ်ရန်)
-- **ဘာသာစကားစုံ ထောက်ခံမှု**: GitHub Actions မှ တက်အလိုက် ဘာသာစကား ၅၀ ကျော်အတွက် အလိုအလျှောက် ဘာသာပြန်ချက်များ
-- **နည်းပညာများ**: HTML၊ CSS၊ JavaScript၊ Vue.js 3၊ Vite၊ Node.js၊ Express၊ Python (AI ပရောဂျက်များအတွက်)
+- **ပညာရေး အကြောင်းအရာ**: စီမံကိန်းအခြေခံ မော်ဂျူးများ အတွင်း ဖွဲ့စည်းထားသော ၂၄ ခု သင်ခန်းစာ
+- **လက်တွေ့ စီမံကိန်းများ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, နှင့် AI Chat Assistant
+- **အပြန်အလှန် စစ်ဆေးမေးခွန်းများ**: မေးခွန်း ၃ ခုနှင့် ၄၈ ခု (သင်ခန်းစာမတိုင်မှီ/ပြီးနောက်သုံးသပ်မှုများ)
+- **ဘာသာစကား များစွာ ပံ့ပိုးမှု**: GitHub Actions မှတစ်ဆင့် ၅၀ ကျော်ဘာသာစကား အလိုအလျောက် ဘာသာပြန်ခြင်း
+- **နည်းပညာများ**: 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
 
-ဤ repository သည် မူလက ပညာရေး အကြောင်းအရာ အသုံးပြုမှု အတွက် ဖြစ်သည်။ အထူးပြု ပရောဂျက်များနှင့် တွဲဖက် အသုံးပြုရန်အတွက်:
+ဤဂိုဒေါင်ကို အဓိကအားဖြင့် ပညာရေးအကြောင်းအရာ အသုံးပြုမှုနှင့် ရည်ရွယ်သည်။ သီးခြား စီမံကိန်းများတွင် အလုပ်လုပ်ရန်:
 
 ### 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 ကို chạyပါ
 ```
 
 ### Bank Project API (Node.js + Express)
@@ -46,9 +46,9 @@ npm run lint       # ESLint ကို အလုပ်လုပ်ပါ
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # API ဆာဗာ စတင်ပါ
+npm start          # API ဆာဗာကို စတင်ပါ
 npm run lint       # ESLint ကို လုပ်ဆောင်ပါ
-npm run format     # Prettier ဖြင့် အမျိုးအစား ပြုပြင်ပါ
+npm run format     # Prettier ဖြင့် ဖော်မတ်လုပ်ပါ
 ```
 
 ### Browser Extension Projects
@@ -56,7 +56,7 @@ npm run format     # Prettier ဖြင့် အမျိုးအစား ပ
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Browser အမျိုးအစားကို သတ်မှတ်သည့် extension တွေကို တင်သွင်းနည်းကို လိုက်နာပါ။
+# ဘရောက်ဇာအထူးတိကျသော extension ပေါင်းထည့်နည်းလမ်းညွှန်များကိုလိုက်နာပါ
 ```
 
 ### Space Game Projects
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# browser တွင် index.html ကိုဖွင့်ပါ သို့မဟုတ် Live Server ကိုအသုံးပြုပါ
+# index.html ကို browser တွင်ဖွင့်ပါ သို့မဟုတ် Live Server ကို အသုံးပြုပါ
 ```
 
 ### Chat Project (Python Backend)
@@ -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. **တင်သွင်းသူအနေဖြင့် repository ကို fork ပြုလုပ်ပါ**
-2. **ထို fork ကို လုပ်ငန်းစဉ်တစ်ခုအနေဖြင့် clone ပြုလုပ်ပါ**
-3. **ပြောင်းလဲမှုများအတွက် အဆင့်အသစ် တည်ဆောက်ပါ**
-4. သင်ခန်းစာ အကြောင်းအရာ သို့မဟုတ် ကုဒ် နမူနာများ ပြင်ဆင်ပါ
-5. သက်ဆိုင်ရာ ပရောဂျက် လမ်းကြောင်းများတွင် ကုဒ်ပြင်ဆင်မှုများ စမ်းသပ်ပါ
-6. ဆောင်ရွက်မှု လမ်းညွှန်ချက်များနှင့်ကိုက်ညီစွာ pull request တင်ပြပါ
+1. သင့် GitHub အကောင့်သို့ လှည်းရိုက်ပါ
+2. သင့်လှည်းကို ဒေသခံတွင် ကွန်ပျူတာသို့ကလုဏ်းလုပ်ပါ
+3. မိမိပြင်ဆင်မည့်အတွက် ဘရင့်အသစ်တစ်ခု ဖန်တီးပါ
+4. သင်ခန်းစာအကြောင်းအရာ သို့မဟုတ် ကုဒ်ဥပမာများ ပြုပြင်ပါ
+5. သင့်အပြောင်းအလဲများကို သက်ဆိုင်ရာ စီမံကိန်း ဒိုင်ရေးတရီများတွင် စမ်းသပ်ပါ
+6. ထောက်ပံ့မှုလမ်းညွှန်များကို လိုက်နာ၍ Pull Request တင်ပါ
 
 ### For Learners
 
-1. Repository ကို fork သို့ clone ပြုလုပ်ပါ
-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
 
-- **စာရွက်စာတမ်းများ**: မွမ်းမံရေးရာ root တွင် `docsify serve` လုပ်ပါ (port 3000)
-- **Quiz App**: quiz-app လမ်းကြောင်း၌ `npm run dev` လုပ်ပါ
-- **ပရောဂျက်များ**: HTML ပရောဂျက်များအတွက် VS Code Live Server extension ကို အသုံးပြုပါ
-- **API ပရောဂျက်များ**: အသီးသီး API လမ်းကြောင်းများတွင် `npm start` လုပ်ပါ
+- **စာတမ်းများ**: root မှ `docsify serve` အမိန့် ဖွင့်ပါ (port 3000)
+- **Quiz App**: quiz-app ဒိုင်ရေးတရီတွင် `npm run dev` ဖြင့် သက်ဝင်အောင်လုပ်ပါ
+- **စီမံကိန်းများ**: HTML စီမံကိန်းများအတွက် VS Code Live Server extension အသုံးပြုပါ
+- **API စီမံကိန်းများ**: သက်ဆိုင်ရာ API ဒိုင်ရေးတရီတွင် `npm start` ပြုလုပ်ပါ
 
 ## Testing Instructions
 
@@ -110,85 +110,85 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # ကုဒ်စတိုင်ပြဿနာများကို စစ်ဆေးပါ
-npm run build      # ဆောက်လုပ်မှု အောင်မြင်မှုကို စစ်ဆေးပါ
+npm run lint       # ကုဒ်ပုံစံပြဿနာများကိုစစ်ဆေးပါ
+npm run build      # ဆောက်လုပ်မှုအောင်မြင်မှုကိုအတည်ပြုပါ
 ```
 
 ### Bank API Testing
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # ကုတ်စံနှုန်းပြဿနာများကို စစ်ဆေးပါ
-node server.js     # အမှားမရှိဘဲ ဆာဗာစတင်သည်ကို စစ်ဆေးပါ
+npm run lint       # ကုဒ်ပုံစံပြဿနာများကိုစစ်ဆေးပါ
+node server.js     # ပြတ်မှုများမရှိဘဲ ဆာဗာစတင်မှုကိုအတည်ပြုပါ
 ```
 
 ### General Testing Approach
 
-- ဤသည် ပညာရေး စုဆောင်းမှုဖြစ်ကာ အလိုအလျောက် စမ်းသပ်မှု မပြည့်စုံပါ
-- လက်လုပ်စမ်းသပ်မှု အများအားဖြင့် အောက်ပါများကို ဦးတည်သည် -
-  - ကုဒ်နမူနာများ အမှားကင်းစွာ လည်ပတ်နိုင်ခြင်း
-  - စာရွက်စာတမ်းများရှိ link များ မှန်ကန်မှုရှိခြင်း
-  - ပရောဂျက် များ အောင်မြင်စွာ တည်ဆောက်ခြင်း
-  - နမူနာများသည် ထိရောက်ဆုံးနည်းလမ်းများကို လိုက်နာခြင်း
+- ဤသည်မှာ စုံလုံသော အလိုအလျောက် စမ်းသပ်မှုများ မပါဝင်သည့် ပညာရေးဂိုဒေါင်ဖြစ်သည်
+- လက်တွေ့စမ်းသပ်မှုတွင် အာရုံစိုက်ရန်
+  - ကုဒ်ဥပမာများ အမှားမရှိပြေးနိုင်ခြင်း
+  - စာတမ်း တွင် လင့်ခ်များ သင့်တော်စွာ လည်ပတ်ခြင်း
+  - စီမံကိန်း အောင်မြင်စွာ တည်ဆောက်ခြင်း
+  - ဥပမာများသည် အကောင်းဆုံး လေ့လာသင်ယူနည်းများကို လိုက်နာခြင်း
 
 ### Pre-submission Checks
 
-- package.json ပါဝင်သည့် လမ်းကြောင်းများတွင် `npm run lint` လုပ်ပါ
-- markdown link များ မှန်ကန်ကြောင်း စစ်ဆေးပါ
-- ဘရိုက်ဇာသို့ node.js တွင် ကုဒ်နမူနာများ စမ်းသပ်ပါ
-- ဘာသာပြန်ချက်များ၏ ဖွဲ့စည်းမှု ကို ထိန်းသိမ်းထားမှုကို စစ်ဆေးပါ
+- package.json ပါဝင်သည့် ဒိုင်ရေးတရီများတွင် `npm run lint` အလုပ်လုပ်ပါ
+- markdown link များ သေချာစွာ စစ်ဆေးပါ
+- ကုဒ်ဥပမာများအား browser သို့မဟုတ် Node.js တွင် စမ်းသပ်ပါ
+- ဘာသာပြန်မှုသိမ်းထားမှု တိကျမှန်ကန်ကြောင်း စစ်ဆေးပါ
 
 ## Code Style Guidelines
 
 ### JavaScript
 
-- အခေတ်သစ် ES6+ စနစ် အသုံးပြုပါ
-- ပရောဂျက်များတွင် ပါဝင်သည့် standard ESLint ဖိုင်များကို လိုက်နာပါ
-- ပညာရေးအတွက် သိသာသော variable နှင့် function နာမည်များ အသုံးပြုပါ
-- သင်ယူသူများအတွက် လေ့လာရန် မှတ်ချက်များ ထည့်သွင်းပါ
-- Prettier ဖြင့် ဖော်မတ်လုပ်ခြင်း
+- ယနေ့ခေတ် ES6+ စတိုင်များ အသုံးပြုပါ
+- စီမံကိန်းများတွင် ပေးထားသော အခြေခံ ESLint ဖိုင်များကို လိုက်နာပါ
+- ပညာရေးအတွက် မျက်မှောက်နားလည်မှုလွယ်ကူရန် သေချာသည့် အမျိုးအမည်များ အသုံးပြုပါ
+- သင်ယူလိုသူများအတွက် အကြောင်းပြုချက်များ ထည့်သွင်းရေးသားပါ
+- Prettier ဖြင့် ပုံစံချိန်ညှိထားသောနေရာများတွင် အသုံးပြုပါ
 
 ### HTML/CSS
 
-- Semantic HTML5 element များ အသုံးပြုပါ
-- ပြန်လည်တုံ့ပြန်မှု ဒီဇိုင်း အရေးပါသည်
-- သန့်ရှင်းသော class နာမည်ပုံစံများ
-- CSS နည်းလမ်းများကို သင်ယူသူများအတွက် ရှင်းလင်း ဖော်ပြထားသော မှတ်ချက်များ
+- Semantic HTML5 အကြောင်းအရာအသုံးပြုပါ
+- ရွေ့လျားတုံ့ပြန်မှု ဒီဇိုင်း ကို ထည့်သွင်းပါ
+- ကလပ်အမည် များ ဖေါ်ပြပုံကွက်ကျစွာရေးသားပါ
+- CSS နည်းပညာများကို သင်ယူသူများအတွက် ရှင်းလင်းဖေါ်ပြမှု များ ထည့်ပါ
 
 ### Python
 
-- PEP 8 စတိုင်လ် လမ်းညွှန်ချက်များ
-- ပညာရေးအတွက် ရှင်းလင်းသော ကုဒ် နမူနာများ
-- သင်ယူမှု အတွက် အချို့နေရာများတွင် type hints ထည့်သွင်းထားသည်
+- PEP 8 စတိုင် လမ်းညွှန်များ လိုက်နာပါ
+- ပညာရေးအတွက် သေချာရှင်းလင်းသော ကုဒ်ဥပမာများ
+- သင်ယူမှုအတွက် အထောက်အကူဖြစ်စေရန် Type hints အသုံးပြုပါ
 
 ### Markdown Documentation
 
-- အကြောင်းအရာ ဖော်ပြရာတွင် ခေါင်းစဉ်သွေးကြောင်း ထားရှိခြင်း
-- ဘာသာပြန်မှု ရှိသော code block များ
-- နောက်ထပ် အရင်းအမြစ်များ သို့လင့်ခ်များ
-- `images/` ဖိုလ်ဒါများတွင် ရှုပ်ထွေးချက်နှင့် ပုံများ
-- သက်ဆိုင်ရာ Accessiblity အတွက် ပုံများ၏ Alt စာသားများ
+- ခေါင်းစဉ်များ ဖော်ပြမှု တိကျရှင်းလင်းမှု
+- ဘာသာပြန်ဖြစ်သည့် ကုဒ်ဘလော့များနှင့် ဘာသာဖော်ပြမှု
+- အပိုဆောင်း ရင်းမြစ်များအား လင့်ခ်များပါဝင်သည်
+- `images/` ဒိုင်ရေးတရီပြည့်စုံအပါအဝင် ပုံများနှင့် ရုပ်ပုံများ
+- အားလုံးလက်လှမ်းမီစေရန် ဗဟိုသတ်မှတ် Alt texts များ
 
 ### 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 များတွင် တည်ဆောက်ရန် စံချိန်တင်ထားသည်-
 
 ```bash
 cd quiz-app
-npm run build      # dist/ ဖိုလ်ဒါကို ဖန်တီးသည်
-# main သို့ ပို့ပြီးနောက် GitHub Actions workflow ဖြင့် တပ်ဆင်သည်
+npm run build      # dist/ ဖိုလဒါကို ဖန်တီးသည်
+# main တွင် push လုပ်သည့်အခါ GitHub Actions workflow ဖြင့် Deploy လုပ်သည်
 ```
 
-Azure Static Web Apps စနစ်:
+Azure Static Web Apps စနစ်ဖောင့်ကွက်များ-
 - **App location**: `/quiz-app`
 - **Output location**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
@@ -197,86 +197,85 @@ Azure Static Web Apps စနစ်:
 
 ```bash
 npm install                    # docsify-to-pdf ကို ထည့်သွင်းပါ
-npm run convert               # docs မှ PDF ဖိုင် ပေါ်ထွက်ပါ
+npm run convert               # docs မှ PDF ကို ဖန်တီးပါ
 ```
 
 ### 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
 
-ပရောဂျက်တိုင်းမှာ ကိုယ်ပိုင် build လုပ်စနစ် ရှိနိုင်သည် -
-- Vue ပရောဂျက်များ: `npm run build` ဖြင့် production bundle များ ဖန်တီးသည်
-- Static ပရောဂျက်များ: build လုပ်စဉ် မရှိ၊ ဖိုင်များကို တိုက်ရိုက် ပေးဆောင်သည်
+စီမံကိန်းတိုင်းတွင် ကိုယ်ပိုင် တည်ဆောက်မှု လုပ်ငန်းစဉ်များ ရှိနိုင်သည်-
+- Vue စီမံကိန်းများ: `npm run build` ဖြင့် ထုတ်လုပ်မှု bundle များ ပြုလုပ်ခြင်း
+- Static စီမံကိန်းများ: တည်ဆောက်မှုပြုလုပ်မှု လိုအပ်မှု မရှိပါ၊ ဖိုင်များကို တိုက်ရိုက် ဝန်ဆောင်မှုပေးခြင်း
 
 ## 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 အတွက် Quiz အသစ် ထည့်ရန်`
+- `[Lesson-3] Terrarium စီမံကိန်းတွင် အမှားစာလုံးပြင်ဆင်ခြင်း`
+- `[Translation] သင်ခန်းစာ ၅ အတွက် စပိန်ဘာသာပြန်ထည့်ခြင်း`
+- `[Docs] Setup လမ်းညွှန်ချက်များ ပြင်ဆင်ခြင်း`
 
 ### Required Checks
 
-PR တင်ပြမည်မဆို အောက်ပါများကို အရင်စစ်ဆေးရန် -
+PR တင်ပြီးမတိုင်မီ-
 
 1. **ကုဒ်အရည်အသွေး**:
-   - သက်ဆိုင်ရာ ပရောဂျက် လမ်းကြောင်းများတွင် `npm run lint` လုပ်ပါ
-   - အမှားများ နှင့် သတိပေးချက်များကို ပြင်ဆင်ပါ
+   - သက်ဆိုင်ရာ စီမံကိန်း ဒိုင်ရေးတရီတွင် `npm run lint` ကို အသုံးပြု၍ အမှားများ ဖော်ထုတ်ရန်
+   - လုံးလုံးမကျန် အမှား နှင့် သတိပေးချက် များ ပြင်ဆင်ပါ
 
-2. **Build စစ်ဆေးခြင်း**:
-   - လိုအပ်လျှင် `npm run build` လုပ်ပါ
-   - Build အမှား မရှိကြောင်း သေချာပါစေ
+2. **တည်ဆောက်မှု စစ်ဆေးခြင်း**:
+   - `npm run build` (လိုအပ်ပါက) အလုပ်လုပ်၍ အမှားမရှိစေရန်
 
-3. **Link များ စစ်ဆေးခြင်း**:
-   - markdown link များအားလုံး စစ်ဆေးပါ
-   - ပုံ ရှိ/မရှိကို စစ်ဆေးပါ
+3. **လင့်ခ် စစ်ဆေးမှု**:
+   - markdown link များအားလုံး ရှင်းလင်းမှန်ကန်စွာ လည်ပတ်ခြင်း
+   - ဓာတ်ပုံ နှင့် ရုပ်ပုံများ ရောက်ရှိမှု
 
-4. **အကြောင်းအရာ သုံးသပ်ခြင်း**:
-   - သရုပ်ဖော်ချက် နှင့် သဒ္ဒါ ပြင်ဆင်ပါ
-   - ကုဒ်နမူနာများမှန်ကန်၍ ပညာရေး အတွက် အသုံးဝင်မှုရှိကြောင်း သေချာပါစေ
-   - ဘာသာပြန်ချက် မူလ အနက်ရည်ကို ထိန်းသိမ်းထားသည်
+4. **အကြောင်းအရာ ပြန်လည် သုံးသပ်ခြင်း**:
+   - စကားလုံးမှား၊ သဒ္ဒါမှားများကို စစ်ချက်ပေးခြင်း
+   - ကုဒ်ဥပမာများ သင်ယူရန်တိကျမှန်ကန်စွာ ရှိခြင်း
+   - ဘာသာပြန်များသည် မူလ အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားခြင်း
 
 ### Contribution Requirements
 
-- Microsoft CLA ကို သဘောတူမှတ်ချက် ပြုလုပ်ထားရမည် (ပထမဆုံး PR မှာ အလိုအလျောက် စစ်ဆေးသည်)
-- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကို လိုက်နာရမည်
-- အသေးစိတ် လမ်းညွှန်ချက်များအတွက် [CONTRIBUTING.md](./CONTRIBUTING.md) ကို ကြည့်ရှုပါ
-- PR ဖော်ပြချက်တွင် issue နံပါတ်များ ပါဝင်မှု ရှိသင့်သည်
+- 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 workflow ဖြင့် အသုံးပြုသည်
-- ၅၀ ကျော် ဘာသာစကားများကို အလိုအလျောက် ဘာသာပြန်သည်
-- မူလ ဖိုင်များသည် ပဋိညာဉ် လမ်းကြောင်းများတွင် ရှိသည်
-- ဘာသာပြန်ထုတ်ဖိုင်များကို `translations/{language-code}/` တွင် သိမ်းဆည်းသည်
+- GitHub Actions တွင် နေရာယူထားသည့် co-op-translator workflow ကို အသုံးပြုသည်
+- ၅၀ ကျော်ဘာသာစကားသို့ အလိုအလျောက် ဘာသာပြန်သည်
+- မူရင်းဖိုင်များသည် မူလ ဒိုင်ရေးတရီများတွင်
+- ဘာသာပြန်ထားသောဖိုင်များသည် `translations/{language-code}/` တွင်
 
 ### Adding Manual Translation Improvements
 
-1. `translations/{language-code}/` ထဲမှ ဖိုင်ကို ရှာဖွေပါ
-2. ဖွဲ့စည်းမှုကို ထိန်းသိမ်း၍ တိုးတက်အောင် ပြင်ဆင်ပါ
-3. ကုဒ် နမူနာများ လုပ်ငန်းမှန်ကြောင်း သေချာပါစေ
-4. ဒေသိယ quiz အကြောင်းအရာများကို စမ်းသပ်ပါ
+1. `translations/{language-code}/` တွင် ဖိုင် ရှာပါ
+2. ဖွဲ့စည်းပုံကို ထိန်းသိမ်းပြီး တိုးတက်အောင် ပြုပြင်ပါ
+3. ကုဒ်ဥပမာများ အသုံးပြုနိုင်မှု ရှိသည်ကို သေချာစေရန်
+4. ဒေသဆိုင်ရာ Quiz အကြောင်းအရာ စမ်းသပ်ပါ
 
 ### Translation Metadata
 
-ဘာသာပြန် ဖိုင်များတွင် မီတာဒေတာ ခေါင်းစီးများ ပါဝင်သည် -
+ဘာသာပြန် ဖိုင်များတွင် metadata ခေါင်းစဉ်ပါရှိသည်-
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +292,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Common Issues
 
-**Quiz app မစတင်နိုင်ခြင်း**:
-- Node.js ဗားရှင်း (v14+) ဖြစ်ကြောင်း စစ်ဆေးပါ
-- `node_modules` နှင့် `package-lock.json` ကို ဖျက်ပြီး `npm install` ပြန်မှတ်ပါ
-- port တွေအပြိုင်အဆိုင် ဖြစ်ခြင်းကို စစ်ဆေးပါ (Vite သည် default အနေနဲ့ port 5173 ကို အသုံးပြုသည်)
+**Quiz app မတက်အောင် ရှုပ်ထွေးမှုများ**:
+- Node.js ဗားရှင်း (v14+ အကြံပြု)
+- `node_modules` နှင့် `package-lock.json` ဖိုင်များ ဖျက်ပြီး `npm install` ပြန်လည်ပြုလုပ်ပါ
+- Vite သည် အခြား port 5173 ကိုသုံးပြီး ရပ်တန့်မှုရှိမရှိ စစ်ဆေးပါ
 
-**API စာပို့ဆာဗာ မစတင်နိုင်ခြင်း**:
-- Node.js ဗားရှင်း လုံလောက်သည် (node >=10) ခုနှစ် ဖြစ်ကြောင်း ချက်ချင်း စစ်ဆေးပါ
-- port မဟုတ်မဖြစ် ဘယ်သူမှ အသုံးမပြုနေပါစေ
-- ကျန်ရှိသော မလိုက်လျောညီထွေ dependency များကို `npm install` ဖြင့် ထည့်သွင်းပါ
+**API server မစခင်**:
+- Node.js ဗားရှင်း (node >=10) ဖြစ်ကြောင်း အတည်ပြုပါ
+- Port လုပ်ဆောင်မှု ရှိ/မရှိ စစ်ပါ
+- `npm install` ဖြင့် အားလုံး dependency များထည့်သွင်းထားခြင်း
 
-**Browser extension မလုပ်ဆောင်နိုင်ခြင်း**:
-- manifest.json သည် မှန်ကန်စွာ ဖော်ပြထားသည်ကို စစ်ဆေးပါ
-- browser console မှ အမှားများ စစ်ဆေးပါ
-- browser အသီးသီး၏ extension 설치 လမ်းညွှန်ချက်များကို လိုက်နာပါ
+**Browser extension မတက်တာ**:
+- manifest.json အသေးစိတ် ပုံစံ မှန်ကန်မှု စစ်ဆေးပါ
+- Browser console တွင် အမှား ရှိ မရှိ စစ်ပါ
+- Browser-specific extension installation လမ်းညွှန်ချက်များ လိုက်နာပါ
 
 **Python chat project ပြဿနာများ**:
-- OpenAI package ထည့်သွင်းထားသည်: `pip install openai`
-- GITHUB_TOKEN environment variable သတ်မှတ်ထားရန်
-- GitHub Models access သတ်မှတ်ချက်များ စစ်ဆေးပါ
+- OpenAI package ကို ထည့်သွင်းထားခြင်း - `pip install openai`
+- GITHUB_TOKEN environment variable မှန်ကန်စွာ သတ်မှတ်ထားခြင်း
+- GitHub Models ၏ လုပ်ဆောင်ခွင့် ရှိစေရန် စစ်ဆေးပါ
 
-**Docsify မှ စာရွက်စာတမ်း မပြသခြင်း**:
-- docsify-cli ကို ကမ္ဘာ့အဆင့်တွင် ထည့်သွင်းထားရန်: `npm install -g docsify-cli`
-- repository root directory မှ run လုပ်ပါ
-- `docs/_sidebar.md` ဖိုင် ရှိမှုကို ကောက်ချက်ထုတ်ပါ
+**Docsify docs မပေးဆောင်တာ**:
+- docsify-cli ကို ကမ္ဘာလုံးဆိုင်ရာ ထည့်သွင်းထားရန် - `npm install -g docsify-cli`
+- ဂိုဒေါင် root ဒိုင်ရေးတရီမှ မိမိ အမိန့်ပြုလုပ်ပါ
+- `docs/_sidebar.md` ရှိ/မရှိ စစ်ဆေးပါ
 
 ### Development Environment Tips
 
-- HTML ပရောဂျက်များအတွက် VS Code Live Server extension အသုံးပြုပါ
+- VS Code Live Server extension ဖြင့် HTML စီမံကိန်းများ အတွက် အသုံးပြုပါ
 - ESLint နှင့် Prettier extension များ ထည့်သွင်းပါ
-- JavaScript debugging အတွက် browser DevTools အသုံးပြုပါ
-- Vue ပရောဂျက်များအတွက် Vue DevTools browser extension ထည့်သွင်းပါ
+- Browser DevTools ဖြင့် JavaScript နဲ့အတူ debugging လုပ်ပါ
+- Vue စီမံကိန်းများအတွက် Vue DevTools browser extension ထည့်သွင်းပါ
 
 ### Performance Considerations
 
-- ဘာသာပြန်ဖိုင် အရေအတွက်များသောကြောင့် (ဘာသာစကား ၅၀+), clone အပြည့်အဝ ကြီးမားလိမ့်မည်
-- မကြီးမားသော clone အတွက် `git clone --depth 1` ကို အသုံးပြုပါ
-- English content အတွက် လုပ်ရာတွင် ဘာသာပြန်ချက်များကို ရှာဖွေမှုမှ ရုပ်သိမ်းပါ
-- ပထမဆုံးစတင် run တွင် build လုပ်ငန်းများ နှေးကွေးနိုင်သည် (npm install, Vite build)
+- ဘာသာပြန်ဖိုင် အရေအတွက် မာနကျွန်းကြီး ဖြစ်လို့ (၅၀+ ဘာသာစကား) full clone များ ကြီးတယ်
+- အချက်အလက်များပဲ အလုပ်လုပ်မည်ဆို shallow clone ကို အသုံးပါ - `git clone --depth 1`
+- အင်္ဂလိပ်အကြောင်းအရာတွင် လုပ်နေစဉ် ဘာသာပြန်များကို ရှာဖွေမှုမှ ထုတ်ပယ်ပါ
+- ပထမဆုံးအသုံးပြုမှုတွင် build လုပ်ခြင်းဟာ ကြာမြင့်နိုင်သည် (npm install, Vite build)
 
 ## Security Considerations
 
 ### Environment Variables
 
-- API key များကို repository ထဲတွင် မသိမ်းဆည်းရ။
-- `.env` ဖိုင်များ အသုံးပြုပါ (.gitignore တွင် ကျော်လွန်ထားပြီး)
-- လိုအပ်သော environment variable များကို project README များတွင် ဖော်ပြထားသည်
+- API keys ကို ဂိုဒေါင်ထဲ မထည့်သွင်းကြပါနှင့်
+- `.env` ဖိုင်များကို အသုံးပြုပါ (.gitignore ထဲတွင် ပါရှိပြီး)
+- စီမံကိန်း README များတွင် လိုအပ်သည့် Environment Variables များ ဖော်ပြပါ
 
 ### Python Projects
 
-- virtual environments အသုံးပြုပါ: `python -m venv venv`
-- dependency များကို update လုပ်ထားပါ
-- GitHub tokens များသည် လိုအပ်သည့် permission အနည်းဆုံးသာ ရှိရမည်
+- virtual environments အသုံးပြုပါ - `python -m venv venv`
+- dependency များကို အသစ်တင် ကျင်းပပေးပါ
+- GitHub tokens များသည် လိုအပ်သော မူလ ခွင့်ပြုချက်များသာရှိစေရန်
 
 ### GitHub Models Access
 
-- GitHub Models အတွက် Personal Access Tokens (PAT) လို
-- token များကို environment variable များအဖြစ် သိမ်းဆည်းပါ
-- token များ သို့မဟုတ် credentials များကို repository တွင် commit မလုပ်ရ
+- GitHub Models အတွက် Personal Access Tokens (PAT) လိုအပ်သည်
+- ကုဒ်များကို environment variables အဖြစ် သိမ်းဆည်းထားပါ
+- Tokens သို့မဟုတ် လျှို့ဝှက်ချက်များကို ရိုးရိုး GitHub repo ထဲ မသိမ်းပါနှင့်
 
 ## Additional Notes
 
 ### Target Audience
 
-- ဝက်ဘ် ဖွံ့ဖြိုးတိုးတက်မှု အတွက် စတင်သူများ
-- ကျောင်းသားများနှင့် ကိုယ်တိုင်သင်ယူလိုသူများ
-- ကျောင်းအတွင်း သင်ရိုးညွှန်းတမ်း အသုံးပြုသူ ဆရာ/ဆရာမများ
-- ချိတ်ဆက်ရလွယ်ကူပြီး အဆင့်လိုက် ကျွမ်းကျင်မှု တိုးတက်မှုအတွက် ဒီဇိုင်းဆွဲထားသည်
+- ဝက်ဘ်ဖွံ့ဖြိုးမှု စပြိုင်သူ အသစ်များအတွက်
+- ကျောင်းသားများနှင့် ကိုယ်တိုင် သင်ယူလိုသူများ
+- သင်တန်းဆရာများ သင်တန်းတွင် အသုံးပြုရန်
+- မည်သူ့အတွက်မျှ ဝင်ရောက်လွယ်ကူစေနိုင်တယ်၊ တန်ဖိုးရှိစွာ ကျွမ်းကျင်မှု တိုးတတ်အောင် ဆောင်ရွက်ခြင်း
 
 ### Educational Philosophy
 
-- ပရောဂျက် အခြေပြု သင်ယူမှု နည်းစနစ်
-- ပုံမှန် စစ်ဆေးပေးမှုများ (quizzes)
-- လက်တွေ့ ကုဒ်ရေးခြင်း လေ့ကျင့်မှုများ
-- ဘာသာရပ်နှင့် သက်ဆိုင်သော အကောင်အထည်ဖော်နည်းများ
-- Framework မတိုင်မီ အခြေခံအတိုးအကျယ်ကို အလေးထားသည်
+- စီမံကိန်းအခြေခံ သင်ယူမှု နည်းစနစ်
+- မကြာခဏ အသိပညာ စစ်ဆေးမှုများ (quiz များ)
+- လက်တွေ့ သင်ကြားရေး ရေးသားကိုယ်တိုင်လုပ်ခြင်း
+- အမှန်တကယ် အသုံးချနိုင်သော ဥပမာများ
+- Framework များ မသတ်မှတ်ခင် အခြေခံကို အလေးထား ဆောင်ရွက်ခြင်း
 
 ### Repository Maintenance
 
-- တက်ကြွသော သင်ယူသူများနှင့် တင်သွင်းသူများ အသိုင်းအဝိုင်းရှိသည်
-- dependency များနှင့် အကြောင်းအရာများကို သက်ဆိုင်ရာ အချိန်နှင့်အမျှ ပြင်ဆင်နေသည်
-- အဆင်မပြေမှုများနှင့် ဆွေးနွေးမှုများကို ထိန်းသိမ်းသူများ ကြီးကြပ်သည်
-- ဘာသာပြန်သွင်းချက်များကို GitHub Actions ဖြင့် အလိုအလျောက် ပြုလုပ်သည်
+- လေ့လာသူများနှင့် ပံ့ပိုးသူများ၏ လှုပ်ရှားမှု မြင့်မားခြင်း
+- dependency များနှင့် အကြောင်းအရာများအား ပုံမှန် အပ်ဒိတ်လုပ်ခြင်း
+- ပြဿနာများနှင့် ဆွေးနွေးချက်များကို အသိအမှတ်ပြုသူများက လိုက်ပါစောင့်ကြည့်ခြင်း
+- ဘာသာပြန်အပ်ဒိတ်များ ကို 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 သင်ရိုးညွှန်းတမ်းများ ရှိသည်
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ကို သင်ယူသူများအတွက် အကြံပြုပါသည်
+- အပိုသင်တန်းများ: Generative AI, Data Science, ML, IoT သင်ရိုးအစီအစဉ်များ ရရှိနိုင်သည်
 
 ### Working with Specific Projects
 
-ပရောဂျက် သီးသန့် အသေးစိတ် လမ်းညွှန်ချက်များအတွက် README ဖိုင်များ ကိုကြည့်ရှုပါ -
-- `quiz-app/README.md` - Vue 3 quiz application
-- `7-bank-project/README.md` - Banking application with authentication
-- `5-browser-extension/README.md` - Browser extension development
-- `6-space-game/README.md` - Canvas-based game development
-- `9-chat-project/README.md` - AI chat assistant project
+တစ်ဦးချင်းစီ စီမံကိန်းများအတွက် အသေးစိတ် ဖော်ပြချက်များကို README ဖိုင်များတွင် ကြည့်ရှုနိုင်ပါသည်-
+- `quiz-app/README.md` - Vue 3 quiz အပ်လီကေးရှင်း
+- `7-bank-project/README.md` - အခြေခံအတည်ပြုမှု ပါဝင်သည့် ဘဏ်လုပ်ငန်း အက်ပ်
+- `5-browser-extension/README.md` - Browser extension ဖန်တီးခြင်း
+- `6-space-game/README.md` - ကမ်းဗတ်အခြေခံ ဂိမ်းဖန်တီးခြင်း
+- `9-chat-project/README.md` - AI စကားပြော အကူအညီ နှင့် ဆော့ဖ်ဝဲ
 
 ### Monorepo Structure
 
-ဤ repository သည် ပုံမှန် monorepo မဟုတ်ပေမယ့် ပရောဂျက် အများအပြား ကိုယ်ပိုင်ထားရှိသည် -
-- သင်ခန်းစာ တစ်ခုချင်းစီ ကိုယ်တိုင် ပြီးစီးသည်
-- ပရောဂျက်များမှာ dependency များကို မမျှဝေကြပါ
-- တစ်ခုချင်း ပရောဂျက် များတွင် လုပ်ငန်းဆက် ဆက်လုပ်နိုင်သည်
-- သင့်အတွက် ပညာရေး အပြည့်အစုံ ကို လိုအပ်လျှင် အကုန်တစ်ခုပြီး Clone ပြုလုပ်နိုင်သည်
+ယခု ဂိုဒေါင်သည် စံထုံးမရှိသော်လည်း သီးခြား စီမံကိန်းများများ ပါဝင်သည်-
+- သင်ခန်းစာ တစ်ခုချင်းစီသည် ကိုယ်ပိုင် အပိုင်းဖြစ်သည်
+- စီမံကိန်းများက dependency များ မမျှဝေပဲ သီးခြားလုပ်ဆောင်ထားသည်
+- တစ်စီတစ်ရာ အပေါ် မသက်ရောက်စေရန် သီးခြားစီမံကိန်းများကို လုပ်ဆောင်နိုင်သည်
+- အပြည့်အစုံသော သင်ရိုးကို အတွေ့အကြုံယူရန် ဂိုဒေါင်တခုလုံးကို clone လုပ်ပါ။
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**မူရင်းအကြောင်းကြားချက်**  
-ဤစာတမ်းကို AI ဘာသာပြန်ဆော့ဖ်ဝဲဖြစ်သော [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြုပြီး ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် မှန်ကန်မှုကို မျှော်လင့်နေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်ချက်များတွင် မှားယွင်းမှု သို့မဟုတ် အတိအကျမမှန်ကန်မှုများ ရှိနိုင်သည်ကို သတိပြုပါရန် မေတ္တာရပ်ခံအပ်ပါသည်။ မူရင်းစာတမ်းကို စနစ်တကျ အသုံးပြုခဲ့သင့်သော အကြောင်းအရာ အရင်းအမြစ်အဖြစ် ယူဆရမည်။ အရေးကြီးသော သတင်းအချက်အလက်များအတွက် သင့်လျော်သည့် လူမှုဆက်ဆံရေး ဘာသာပြန်ဌာနမှ အတည်ပြုခြင်း လိုအပ်ပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုခြင်းကြောင့် ဖြစ်ပေါ်လာနိုင်သည့် နားမလည်မှုများ သို့မဟုတ် မှားယွင်းသောဖော်ပြချက်များအတွက် ကျွန်ုပ်တို့သည် တာဝန်မပေးပါ။
+**သတိပြုချက်**  
+ဤစာရွက်ကို AI ဘာသာပြန်ခြင်းဆော့ဖ်ဝဲဖြစ်သော [Co-op Translator](https://github.com/Azure/co-op-translator) ဖြင့် ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည်တိကျမှန်ကန်မှုအတွက် ကြိုးပမ်းနေသော်လည်း အလိုအလျောက် ဘာသာပြန်ခြင်းတွင် အမှားများ သို့မဟုတ် မှားယွင်းချက်များ ရှိနိုင်သည်ကို သိရှိထားရန် မေတ္တာရပ်ခံအပ်ပါသည်။ မူရင်းစာရွက်ကို မူလဘာသာဖြင့်သာ မှန်ကန်သည့် မူရင်းအရင်းအမြစ်အဖြစ်ယူဆသင့်ပါသည်။ အရေးကြီးသည့် သတင်းအချက်အလက်များအတွက် ကျွမ်းကျင်သော လူသားဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုမှုကြောင့် ဖြစ်ပေါ်လာသော မည်သည့် ပဋိပက္ခ သို့မဟုတ် မှားနေမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မကောက်ခံပါ။
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/my/README.md b/translations/my/README.md
index 1677b72f6..85e05fc2a 100644
--- a/translations/my/README.md
+++ b/translations/my/README.md
@@ -1,207 +1,222 @@
-# Web Development for Beginners - A Curriculum
+[![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) 
 
-Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ ပြည့်စုံသော သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို လေ့လာပါ။ ၂၄ ပါး သင်ခန်းစာတစ်ခုချင်းစီမှာ JavaScript၊ CSS နှင့် HTML ကို terrariums၊ browser extensions နှင့် space games တို့ကဲ့သို့ လက်တွေ့ပရောဂျက်များဖြင့် ဆွေးနွေးသွားပါသည်။ မေးမြန်းခွင့်များ၊ ဆွေးနွေးချက်များနှင့် လက်တွေ့တာဝန်များတွင် ပါဝင်ပါ။ ကျွန်ုပ်တို့၏ ထိရောက်သော ပရောဂျက်အခြေပြု သင်ကြားနည်းဖြင့် သင့်ကျွမ်းကျင်မှုများ တိုးတက်စေပြီး စွမ်းရည်သိမြင်မှုများကို တိုးမြှင့်ပါ။ ယခုခေတ်မှာ သင့်ကုဒ်ရေးသားခြင်း ခရီးစဉ်ကို စတင်ပါ!
+[![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 ပြည်သူ့အသိုင်းအဝိုင်းတွင် ပါဝင်ဆက်သွယ်ပါ
-
-Web Development for Beginners - A Curriculum
-
-Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ ပြည့်စုံသော သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို လေ့လာပါ။ ၂၄ ပါး သင်ခန်းစာတစ်ခုချင်းစီမှာ JavaScript၊ CSS နှင့် HTML ကို terrariums၊ browser extensions နှင့် space games တို့ကဲ့သို့ လက်တွေ့ပရောဂျက်များဖြင့် ဆွေးနွေးသွားပါသည်။ မေးမြန်းခွင့်များ၊ ဆွေးနွေးချက်များနှင့် လက်တွေ့တာဝန်များတွင် ပါဝင်ပါ။ ကျွန်ုပ်တို့၏ ထိရောက်သော ပရောဂျက်အခြေပြု သင်ကြားနည်းဖြင့် သင့်ကျွမ်းကျင်မှုများ တိုးတက်စေပြီး စွမ်းရည်သိမြင်မှုများကို တိုးမြှင့်ပါ။ ယခုခေတ်မှာ သင့်ကုဒ်ရေးသားခြင်း ခရီးစဉ်ကို စတင်ပါ!
-
-Azure AI Foundry Discord အဖွဲ့အစည်းတွင် ပါဝင်ဆက်သွယ်ပါ
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Web Development for Beginners - A Curriculum
+# စတင်လေ့လာသူများအတွက် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု - သင်ရိုးအစီအစဉ်
 
-Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ ပြည့်စုံသော သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို လေ့လာပါ။ ၂၄ ပါး သင်ခန်းစာတစ်ခုချင်းစီမှာ JavaScript၊ CSS နှင့် HTML ကို terrariums၊ browser extensions နှင့် space games တို့ကဲ့သို့ လက်တွေ့ပရောဂျက်များဖြင့် ဆွေးနွေးသွားပါသည်။ မေးမြန်းခွင့်များ၊ ဆွေးနွေးချက်များနှင့် လက်တွေ့တာဝန်များတွင် ပါဝင်ပါ။ ကျွန်ုပ်တို့၏ ထိရောက်သော ပရောဂျက်အခြေပြု သင်ကြားနည်းဖြင့် သင့်ကျွမ်းကျင်မှုများ တိုးတက်စေပြီး စွမ်းရည်သိမြင်မှုများကို တိုးမြှင့်ပါ။ ယခုခေတ်မှာ သင့်ကုဒ်ရေးသားခြင်း ခရီးစဉ်ကို စတင်ပါ!
+Microsoft Cloud Advocates မှ ၁၂ အပတ်ကြာ စုံလင်အောင် စီစဉ်ထားသော ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို သင်ယူလိုက်ပါ။ ၂၄ ခန်းစာတိုင်း၌ JavaScript, CSS, နှင့် HTML ကို terrariums, browser extensions, နှင့် space games ကဲ့သို့ လက်တွေ့လုပ်ငန်းစီမံချက်များဖြင့် အာရုံစိုက်လေ့လာပါ။ စာမေးပွဲများ၊ ဆွေးနွေးပြောဆိုမှုများနှင့် လက်တွေ့အလုပ်များနှင့် ပါဝင်ဆောင်ရွက်ပါ။ ကျွမ်းကျင်မှုကို တိုးတက်စေပြီး အသိပညာကို ကောင်းမွန်စွာ သွင်းယူနိုင်ရန် လမ်းညွှန်ချက်အပြည့်အစုံဖြင့် သင်ကြားပေးပါသည်။ ယခု နည်းပညာလမ်းစဥ်ကို စတင်လိုက်ပါ!
 
-Azure AI Foundry Discord အဖွဲ့အစည်းတွင် ပါဝင်ဆက်သွယ်ပါ
+Azure AI Foundry Discord အသိုင်းအဝိုင်းတွင် ပါဝင်ဆက်သွယ်ပါ။
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-ဒီအရင်းအမြစ်များကို အသုံးပြုကာ စတင်ရန်အတွက် အောက်ပါ အဆင့်ဆင့်အတိုင်း လုပ်ဆောင်ပါ-
-1. **Repository ကို Fork လုပ်ပါ**- Click [![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. **Repository ကို Clone လုပ်ပါ**-  `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Azure AI Foundry Discord တွင် ပါဝင်၍ ကျွမ်းကျင်သူများနှင့် သမားတန်း Developer များကို တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
+ဤအရင်းအမြစ်များကို အသုံးပြုစတင်ရန် အောက်ပါအဆင့်များကို လိုက်နာလိုက်ပါ။
+1. **Repository ကို 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. **Repository ကို Clone လုပ်ပါ**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Azure AI Foundry Discord ထဲကို ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် အတူတူ Developer များနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 ဘာသာစကားများ အများအပြားကို ထောက်ပံ့ခြင်း
+### 🌐 ဘာသာစကားစွမ်းဆောင်ရည်အမျိုးမျိုး
 
-#### GitHub Action (အလိုအလျောက် & အမြဲသက်တမ်းရှိ) မှတဆင့် ထောက်ပံ့ထားပါသည်
+#### GitHub Action ဖြင့် ထောက်ပံ့သည် (အလိုအလျောက် လုပ်ဆောင်ပြီး အမြဲအသစ်အဆန်းဖြစ်နေသည်)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **ဒေသတွင်းတွင် Clone လုပ် သုံးသင့်သလား?**
-
-> ဤ repository တွင် ဘာသာစကား ၅၀ ကျော်သည့် ဘာသာပြန်အသုံးအနှုန်းများ ပါဝင်ပြီး ဒေါင်းလုပ် အရွယ်အစားကို မှန်ကန်စွာ တိုးမြှင့်သည်။ ဘာသာပြန်များ မပါပဲ Clone လုပ်ရန် sparse checkout ကို အသုံးပြုပါ-
+> **ဒေသအလို local သို့ Clone လုပ်ချင်ပါသလား?**
+>
+> ဒီ repository တွင် ဘာသာစကား ၅၀ ကျော်အပြောင်းအလဲများ ပါဝင်ပြီး ဒေါင်းလုပ်အရွယ်အစားကို ကွဲပြားစေပါသည်။ ဘာသာပြန် ထည့်မထားပဲ clone လုပ်ရန် 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"
+> ```
+>
+> ဒီနည်းလမ်းက သင့်ကို သင်ခန်းစာအပေါ် မှန်ကန်ပြီး ပိုမိုမြန်ဆန်စွာ လုပ်ဆောင်နိုင်မှာ ဖြစ်ပါတယ်။
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**ထောက်ပံ့လိုသော ဘာသာတစ်ခြား အပိုများကို [ဤနေရာတွင်](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ကြည့်ရှုနိုင်ပါသည်**
+**ထပ်မံ ဘာသာစကားများကို ထောက်ပံ့လိုပါက [ဒီမှာ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ဖတ်ရှုနိုင်ပါသည်။**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _သင်သည် ကျောင်းသားတစ်ဦးဖြစ်ပါသလား?_
+#### 🧑‍🎓 _သင်တန်းသားလား?_
 
-[**Student Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) သို့ ဝင်ရောက်ကြည့်ရှုပါ၊ ဒီမှာ စတင်လေ့လာသူများအတွက် အရင်းအမြစ်များ၊ ကျောင်းသား ပက်(များ)နှင့် အခမဲ့ အသိမှတ်ပြုလက်မှတ် ဝေါချက်ရရှိနိုင်သော နည်းလမ်းများကို တွေ့နိုင်သည်။ လစဉ်အကြောင်းအရာများကို ပြောင်းလဲ၍ သင်ကြားမှု များပြားလာသည့်အတွက် ဒီစာမျက်နှာကို Bookmark ထား၍ လေ့လာပြီး ကြည့်ရှုရန် အကြံပြုသည်။
+[**Student Hub စာမျက်နှာကို သွားရောက်ပါ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)။ ဒီနေရာမှာ စတင်လေ့လာသူ အသုံးများ, သင်တန်းသားပက်ကေ့များ၊ နှင့် အခမဲ့ စာမေးပွဲရေးသူ လက်မှတ်ဗောင်ချာလက်ချပေး နည်းလမ်းများတွေ့ရပါမယ်။ လစဉ် အကြောင်းအရာများ ပြောင်းလဲလာတဲ့အခါ ဒီစာမျက်နှာကို bookmark လုပ်ထားဖို့ အကြံပြုပါတယ်။
 
-### 📣 ကြေညာချက် - GitHub Copilot Agent mode အသုံးပြု၍ ပြီးစီးရန် လုပ်ဆောင်ရမည့် စိန်ခေါ်မှုအသစ်များ!
+### 📣 ကြေညာချက် - GitHub Copilot Agent mode အစီအစဉ်အသစ်များ ပြီးမြောက်ရန်
 
-အသစ် ထပ်ထည့်ပြီးသား စိန်ခေါ်မှုများကို "GitHub Copilot Agent Challenge 🚀" ဟု မဟုတ်တော့မှုစာမျက်နှာများတွင် ရှာဖွေကြည့်ပါ။ ဤသည်မှာ GitHub Copilot နှင့် Agent mode အသုံးပြု၍ ပြီးစီးရမည့် စိန်ခေါ်မှုအသစ်တစ်ခု ဖြစ်သည်။ Agent mode ကို မသုံးဖူးပါက၊ ၎င်းသည် စာသား ဖန်တီးခြင်းသာမက ဖိုင်တွေ ဖန်တီး၊ ပြင်ဆင်ခြင်း၊ command များ ဆောင်ရွက်ခြင်း စသည်ဖြင့် ထပ်ဆင့် အလုပ်လုပ်နိုင်သည်။
+အသစ်ထည့်သွင်းထားသော စိန်ခေါ်မှုများ, အများဆုံးခန်းများတွင် “GitHub Copilot Agent Challenge 🚀” စိန်ခေါ်မှု ကို ရှာဖွေကြည့်ပါ။ GitHub Copilot နဲ့ Agent mode ကို အသုံးပြုပြီး ပြီးမြောက်စေတဲ့ စိန်ခေါ်မှုအသစ်ဖြစ်ပါတယ်။ Agent mode ကို မသုံးဖူးသူများအတွက် ပြောရရင် စာသားထုတ်ပေးခြင်းအပြင် ဖိုင်ဖန်တီးခြင်း၊ ဖိုင်တည်းဖြတ်ခြင်း ၊ command များ run လုပ်ခြင်း စသည့် လုပ်ဆောင်ချက်များလည်း လုပ်နိုင်ပါတယ်။
 
-### 📣 ကြေညာချက် - _Generative AI ကို အသုံးပြု၍ တည်ဆောက်မည့် ပရောဂျက် အသစ်_
+### 📣 ကြေညာချက် - _Generative AI ကို အသုံးပြု၍ လုပ်ဆောင်နိုင်မယ့် ပရောဂျက်အသစ်_
 
-Generative AI နည်းပညာ အသုံးပြု၍ AI အကူအညီပရောဂျက် အသစ် ထပ်ထည့်ပြီး ဖြစ်ပါသည်၊ [project](./9-chat-project/README.md) ကို ကြည့်ပါ။
+AI Assistant ပရောဂျက်အသစ် ထပ်မံတိုးချဲ့ပြီးသားဖြစ်သည်၊ သွားနေရေးကြည့်ပါ [project](./9-chat-project/README.md)
 
-### 📣 ကြေညာချက် - _JavaScript အတွက် Generative AI သင်ခန်းစာအသစ်_ အသစ် ထွက်ရှိခဲ့ပါပြီ
+### 📣 ကြေညာချက် - _JavaScript အတွက် Generative AI နဲ့ ပတ်သတ်သည့် သင်ရိုးအစီအစဉ်အသစ်_
 
-ကျွန်ုပ်တို့၏ Generative 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) သို့ သွားရောက်ကြည့်ရှုလိုက်ပါ!
 
 ![Background](../../translated_images/my/background.148a8d43afde5730.webp)
 
-- အခြေခံမှ RAG အထိ ကိုယ်ပိုင်သင်ခန်းစာများ။
-- GenAI နှင့် ကျွန်ုပ်တို့၏ companion app ကို အသုံးပြု၍ သမိုင်းတုန်းက ဇာတ်ကောင်များနှင့် အပြန်အလှန် ဆက်သွယ်နိုင်ပါသည်။
-- နှစ်သက်ဖွယ်ကောင်းသော ဝတ္ထုဖော်ပြချက်၊ အချိန်ခရီးစဉ် ပြုလုပ်ပါ။
+- အခြေခံမှ RAG အထိ သင်ကြားမှုများပါရှိသည်။
+- သမိုင်းကျန်_characters_ နှင့် GenAI နှင့် ကျွန်ုပ်တို့ app တို့ဖြင့် ဆက်သွယ်နိုင်သည်။
+- ပျော်စရာပါဝင်ပြီး ဇာတ်လမ်းတစ်ခုလို အချိန်ခရီးသွားနိုင်ပါသည်။
 
 ![character](../../translated_images/my/character.5c0dd8e067ffd693.webp)
 
-သင်ခန်းစာတစ်ခုချင်းစီတွင် လုပ်ဆောင်ရမည့်တာဝန်၊ အသိပညာ စစ်ဆေးခြင်းနှင့် စိန်ခေါ်မှုတစ်ခု ပါဝင်သည်။ လေ့လာနေစဉ်မှာ -
+
+ခန်းစာတိုင်းတွင် အလုပ်ကိုထပ်မံပြီးမြောက်ရေးတာဝန်၊ နားလည်မှုစစ်ဆေးမှုနှင့် စိန်ခေါ်မှုတစ်ခုပါဝင်ပြီး အောက်ဖော်ပြပါအကြောင်းအရာများကိုလေ့လာဖို့လမ်းညွှန်ပေးပါသည်။
 - Prompting နှင့် prompt engineering
-- စာသားနှင့် ပုံများ ဖန်တီးခြင်း app များ
-- ရှာဖွေရေး app များ
+- စာသားနှင့် ပုံများ ဆော့ဖ်ဝဲ ဖန်တီးခြင်း
+- ရှာဖွေရေးဆော့ဖ်ဝဲများ
 
-စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ။
+စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ!
 
-## 🌱 စတင်ရန်
 
-> **ကျောင်းဆရာများအတွက်**, ကျွန်ုပ်တို့သည် [ဒီသင်ခန်းစာကို အသုံးပြုနည်းအကြံပြုချက်](for-teachers.md) များကို ထည့်သွင်းပေးထားပါသည်။ သင်၏တုံ့ပြန်ချက်များကို [ကျွနု်ပ်တို့၏ ဆွေးနွေးပွဲ ဖိုရမ်တွင်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) လက်ခံရရှိမည် ဖြစ်ပါသည်!
 
-**[လေ့လာသူများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**၊ သင်ခန်းစာတိုင်း အစမှာ pre-lecture quiz ဖြင့် စတင်ပြီး၊ စာသင်ခန်းစာစာရင်းကို ဖတ်ရှုခြင်း၊ လုပ်ဆောင်မှုများ ပြီးမြောက်ခြင်းနှင့် post-lecture quiz ဖြင့် နားလည်မှုကို စစ်ဆေးပါ။
+## 🌱 စတင်ခြင်း
 
-သင်၏ သင်ကြားမှု အတွေ့အကြုံကို ပိုမိုတိုးတက်စေရန် အချင်းချင်း ပူးပေါင်းဆောင်ရွက် ရန် အကြံပြုပါသည်။ ကျွန်ုပ်တို့၏ [ဆွေးနွေးပွဲ ဖိုရမ်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) တွင် ဆွေးနွေးမှုများပြုလုပ်ရန် နှင့် မေးခွန်းများကို မော်ဒရိတ် အဖွဲ့ဝင်များမှ ဖြေကြားပေးမည် ဖြစ်ပါသည်။
+> **ဆရာ/ဆရာမများ** အတွက် သင့်သင်တန်းတွင်ဤသင်ရိုးအစီအစဉ်ကို ဘယ်လိုသုံးလို့ရမည်ဆိုသည်ကို [အကြံပြုချက်များ](for-teachers.md) ထည့်သွင်းပေးထားပါသည်။ သင်၏တုံ့ပြန်ချက်များကို ကျွန်ုပ်တို့၏ [ဆွေးနွေးပွဲကွင်း](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) တွင် ဖော်ပြနိုင်ပါသည်။
 
-သင်ယူမှုကို အများကြီး တန်းတိုးစေရန် Microsoft Learn ကို လေ့လာကြည့်ရန် အကြံပြုပါသည်။ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?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) တွင် ကြိုဆိုပါသည်၊ မေးမြန်းလိုချက်များအတွက် moderator များထံမှ အကူအညီရပါမည်။
 
-ဤ သင်ခန်းစာတွင် အလုပ်လုပ်စေဖို့ သင့်တင့်သော ဖန်တီးမှု ပတ်ဝန်းကျင် ရှိပြီးသား ဖြစ်သည်! စတင်သောအခါ သင်သည် [Codespace](https://github.com/features/codespaces/) (_browser-based, installs မလိုအပ်သော ပတ်ဝန်းကျင်_) သို့မဟုတ် သင့်ကွန်ပျူတာ ပေါ်တွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော စာသားတည်းဖြတ်ရေးကိရိယာဖြင့် ပြုလုပ်နိုင်သည်။
+ပညာသင်ယူမှုကိုပိုမိုတိုးတက်စေဖို့ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) တွင် ထပ်မံ သင်ယူနိုင်သောပစ္စည်းများကို အကြံပြုပါသည်။
 
-#### သင့် Repository ကို ဖန်တီးခြင်း  
-အလုပ်များကို လွယ်ကူစွာ သိမ်းဆည်းနိုင်ရန် သင်၏ ကိုယ်ပိုင် Repository ပုံစံသစ်ကို ဖန်တီးရန် အကြံပြုသည်။ ဒီစာမျက်နှာ အပေါ်တွင်ရှိသည့် **Use this template** ခလုတ်ကို နှိပ်၍ ပြုလုပ်နိုင်သည်။ ၎င်းက GitHub အကောင့်တွင် သင်၏ ကိုယ်ပိုင် Repository အသစ်တစ်ခု အတွက် သင်ခန်းစာ පිölဲတူပုံစံကို ဖန်တီးပေးမည် ဖြစ်သည်။
+### 📋 သင်၏ ပတ်ဝန်းကျင်ကို ဆက်တင်ခြင်း
 
-အောက်ပါအဆင့်များကို လိုက်နာပါ  
-1. **Repository ကို Fork လုပ်ပါ**- ဒီစာမျက်နှာ အပေါ်ညာဘက်ထောင့်ရှိ "Fork" ခလုတ်ကို နှိပ်ပါ။  
-2. **Repository ကို Clone လုပ်ပါ**-  `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+ဤ သင်ရိုးအစီအစဉ်သည် ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင်တစ်ခု ဆောက်လုပ်ပြီးသားဖြစ်သည်! စတင်သည့်အခါ [Codespace](https://github.com/features/codespaces/) (ဘရောက်ဇာတွင် အသုံးပြုနိုင်ပြီး install မလိုအပ်သောပတ်ဝန်းကျင်) ကို လိုက်ရွေးနိုင်သလို သင်၏ကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော စာသားတည်းဖြတ်ကိရိယာဖြင့် လည်း ဆောင်ရွက်နိုင်သည်။
 
-#### Codespace တွင် သင်ခန်းစာကို ပြုလုပ်ခြင်း
+#### သင်၏ Repository ကို ဖန်တီးခြင်း
+သင်၏ အလုပ်များကို လွယ်ကူစွာ သိမ်းဆည်းနိုင်ရန် ကျွန်ုပ်တို့၏ repository ၏ သင့်ကိုယ်ပိုင် မိတ္တူကို ဖန်တီးရန် အကြံပြုသည်။ ဒီလုပ်ဆောင်မှုကို စာမျက်နှာအပေါ်တွင် ရှိသော **Use this template** ခလုတ်ကို နှိပ်ခြင်းဖြင့် ပြုလုပ်နိုင်သည်။ ဒါဟာ သင်၏ GitHub အကောင့်တွင် သင်ရိုးအစီအစဉ်  မိတ္တူအသစ်တစ်ခု ဖန်တီးပေးပါသည်။
 
-သင့် ဖန်တီးထားသော Repository ထဲ တွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးသည်။ ဒီလိုလုပ်ခြင်းအားဖြင့် အသစ်တစ်ခု Codespace ဖန်တီးပေးမည် ဖြစ်သည်။
+အောက်ပါအဆင့်များကို လိုက်နာပါ။
+1. **Repository ကို Fork လုပ်ပါ**: ဤစာမျက်နှာ၏ ညာဘက်အပေါ်ထိပ်တွင်ရှိသည့် "Fork" ခလုတ်ကို နှိပ်ပါ။
+2. **Repository ကို Clone လုပ်ပါ**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-![Codespace](../../translated_images/my/createcodespace.0238bbf4d7a8d955.webp)
+#### Codespace တွင် သင်ရိုးအစီအစဉ်ကို ဆောင်ရွက်ခြင်း
 
-#### သင်ခန်းစာကို သင့်ကွန်ပျူတာ ပေါ်တွင် အခြားတည်းဖြတ်ရေးကိရိယာနှင့် နှုတ်ခမ်းပြင်ဆင်ခြင်း
+သင်ဖန်တီးထားသော repository မိတ္တူတွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ ဒီနည်းဖြင့် သင်အလုပ်လုပ်နိုင်ရန် Codespace အသစ်တစ်ခု ဖန်တီးပေးပါမည်။
+
+![Codespace](../../translated_images/my/createcodespace.0238bbf4d7a8d955.webp)
 
-သင့်ကွန်ပျူတာတွင် သင်ခန်းစာကိုထည့်ပြီး လေ့လာရန် စာသားတည်းဖြတ်ရေးကိရိယာ၊ browser နှင့် command line ကိရိယာ တို့ လိုအပ်ပါသည်။ ကျွန်ုပ်တို့၏ ပထမဆုံး သင်ခန်းစာဖြစ်သော [Programming Languages and Tools of the Trade အောက်ဒေါင်းရန်မိတ်ဆက်](../../1-getting-started-lessons/1-intro-to-programming-languages) သင်ခန်းစာက သင့်လိုအပ်ချက်အတွက် အမျိုးမျိုးသော ရွေးချယ်စရာများကို ကူညီ လမ်းညွှန်ပေးပါလိမ့်မည်။
+#### သင်ရိုးအစီအစဉ်ကို သင်၏ ကွန်ပျူတာပေါ်တွင် ဒေသစံပြ run ချခြင်း
 
-ကျွန်ုပ်တို့ အကြံပြုလိုသည်မှာ သင့်တည်းဖြတ်ရေးကိရိယာအဖြစ် [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) ဒေါင်းလုပ်လုပ်နိုင်ပါသည်။
+ဤသင်ရိုးအစီအစဉ်ကို သင့်ကွန်ပျူတာပေါ်တွင် လည်ပတ်ရန်အတွက် စာသားတည်းဖြတ်ကိရိယာ၊ ဘရောက်ဇာ နှင့် command line ကိရိယာ တို့ လိုတယ်။ ကျွန်ုပ်တို့၏ ပထမ ခန်းစာ인 [Programming Languages and Tools of the Trade အကြောင်းနိဒါန်း](../../1-getting-started-lessons/1-intro-to-programming-languages) သည် ရွေးချယ်နိုင်သော ကိရိယာများနှင့် ညွှန်ပြချက်များကို သင်ကြားပေးပါမည်။
 
-1. သင့် Repository ကို သင့် ကွန်ပျူတာထံ Clone လုပ်ပါ။ ဤအရာလုပ်ရန် **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 ကို ဒီနေရာမှ ဒေါင်းလုဒ်ဆွဲနိုင်ပါသည် [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)။
+1. Clone your repository to your computer. You can do this by clicking the **Code** button and copying the URL:
 
     [CodeSpace](./images/createcodespace.png)
-ပြီးမှ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) အတွင်းရှိ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကိုဖွင့်ပြီး၊ သင်ဧည့်ပေးပြီးကူးယူထားသော URL ကို `<your-repository-url>` နေရာတွင်ထား၍ အောက်ပါ command ကိုမှန်ကန်စွာရိုက်ထည့်ပါ။
+
+    Then, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) within [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) and run the following command, replacing `<your-repository-url>` with the URL you just copied:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code တွင် ဖိုလ်ဒါကို ဖွင့်ပါ။ ဒါကို **File** > **Open Folder** ကိုနှိပ်၍ သင်ကူးယူထားသောဖိုလ်ဒါကို ရွေးချယ်ခြင်းဖြင့် လုပ်ဆောင်နိုင်ပါသည်။
+2. Open the folder in Visual Studio Code. You can do this by clicking **File** > **Open Folder** and selecting the folder you just cloned.
 
->  တိုက်တွန်းချက် Visual Studio Code extension များ-
->
-> * [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) - ကုဒ်ရေးသားရာတွင် ပိုမြန်ဆန်စေလိုသူများအတွက်
 
-## 📂 များစွာ သင်ခန်းစာများတွင် ပါဝင်သည့်အချက်များ -
+>  Recommended Visual Studio Code extensions:
+>
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages within Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code faster
 
-- ရွေးချယ်နိုင်သည့် စကက်ချ်မှတ်စု
-- ရွေးချယ်နိုင်သည့် အိမ်စာပုံလေ့လာမှု ဗွီဒီယို
-- သင်ခန်းစာမတိုင်မီ ပြင်ဆင်ရန် ပြိုင်ဆိုင်မေးခွန်း
-- စာအုပ်သင်ခန်းစာ
-- ပရောဂျက်-အခြေခံသင်ခန်းစာများအတွက် ပရောဂျက်တည်ဆောက်ပုံအဆင့်ဆင့်လမ်းညွှန်ချက်များ
-- ဗဟုသုတစစ်ဆေးချက်များ
-- စိန်ခေါ်မှု
-- အပိုဖတ်စာမျက်နှာများ
-- အလုပ်ခွင့်
+## 📂 Each lesson includes:
 
-- [သင်ခန်းစာပြီးနောက် ပြိုင်ဆိုင်မေးခွန်း](https://ff-quizzes.netlify.app/web/)
+- optional sketchnote
+- optional supplemental video
+- pre-lesson warmup quiz
+- written lesson
+- for project-based lessons, step-by-step guides on how to build the project
+- knowledge checks
+- a challenge
+- supplemental reading
+- assignment
+- [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-> **ပြိုင်ဆိုင်မေးခွန်းများအကြောင်း မှတ်ချက်** - မေးခွန်းများအားလုံးကို Quiz-app ဖိုလ်ဒါတွင်ထားရှိပြီး မေးခွန်းသုံးခုပါဝင်သည့် စုစုပေါင်း ၄၈ မေးခွန်းပါဝင်သည်။ ၎င်းတို့ကို [ဤမှာ](https://ff-quizzes.netlify.app/web/) တွင်ကြည့်ရူနိုင်ပြီး၊ quiz app ကို ဒေသတွင်း စက်ထဲတွင်_run_ ထားနိုင်သလို Azure တွင်လည်း ထားနိုင်သည်။ `quiz-app` ဖိုလ်ဒါထဲရှိ လမ်းညွှန်ချက်များကို လိုက်နာပါ။
+> **A note about quizzes**: All quizzes are contained in the Quiz-app folder, 48 total quizzes of three questions each. They are available [here](https://ff-quizzes.netlify.app/web/) the quiz app can be run locally or deployed to Azure; follow the instruction in the `quiz-app` folder.
 
-## 🗃️ သင်ခန်းစာများ
+## 🗃️ Lessons
 
-|     |                       ပရောဂျက်အမည်                       |                            သင်ကြားမည့်အကြောင်းအရာများ                             | သင်ယူရမည့်ရည်မှန်းချက်များ                                                                                                                 |                                                         ဆက်သွယ်ထားသော သင်ခန်းစာ                                                          |         ဆရာ/ဆရာမ          |
+|     |                       Project Name                       |                            Concepts Taught                             | Learning Objectives                                                                                                                 |                                                         Linked Lesson                                                          |         Author          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     စတင်ခြင်း                      |           ပရိုဂရမ်းမင်းခြင်းနှင့် အသုံးပြုသော ကိရိယာများမိတ်ဆက်           | အများအပြား programming ဘာသာစကားများ၏ အခြေခံ နားလည်မှုများနှင့် လုပ်ငန်းအတွက် ကုဒ်ရေးသူများအတွက် အထောက်အကူဖြစ်သော ဆော့ဖ်ဝဲများအကြောင်း သင်ယူရန် | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     စတင်ခြင်း                      |             GitHub အခြေခံများ၊ အဖွဲ့ဖြင့်နှီးနင်းခြင်းပါရှိသည်             | GitHub ကိုသင့်ပရောဂျက်တွင် မည်သို့အသုံးပြုရမည်၊ ကုဒ် အခြေခံပေါ်တွင် အဖွဲ့လိုက်‌လုပ်ဆောင်ရမည့်နည်းလမ်းများ                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     စတင်ခြင်း                      |                             ဝက်ဘ်ထိန်းသိမ်းမှု                              | ဝက်ဘ်အက်ဆက်စ္ဘီလတစ်ရိတီ အခြေခံများကို သင်ယူပါ                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS အခြေခံများ                         |                         JavaScript ဒေတာအမျိုးအစား                          | JavaScript ဒေတာအမျိုးအစား အခြေခံများ                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS အခြေခံများ                         |                         function နှင့် method များ                          | လုပ်ငန်းစဉ်စီမံခန့်ခွဲရန် function နှင့် method များအကြောင်း သင်ယူရန်                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS အခြေခံများ                         |                        JS ဖြင့် ဆုံးဖြတ်ချက်လုပ်ခြင်း                        | သင်၏ကုဒ်တွင် သတ်မှတ်ချက်များ ဖန်တီးနည်းများကို လေ့လာရန်                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS အခြေခံများ                         |                            Array နှင့် Loop များ                            | JavaScript တွင် ဒေတာများကို အယ်ရေးနှင့် loop များဖြင့် စီမံလုပ်ဆောင်ခြင်း                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML လက်တွေ့အတွက်                            | အွန်လိုင်း တဲရာရီးယမ် ဖန်တီးရန် HTML ဖောင်တည်ဆောက်ခြင်း၊ layout တည်ဆောက်ပုံ အထူးဂရုစိုက်ခြင်း                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS လက်တွေ့အတွက်                             | အွန်လိုင်း တဲရာရီးယမ် အတွက် CSS ဖန်တီးခြင်း၊ CSS အခြေခံနှင့် หน้า responsive ပြုလုပ်ခြင်းပုံစံများ အထူးဂရုစိုက်ခြင်း                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript နှင့် DOM ကိုင်တွယ်ခြင်း                  | တဲရာရီယမ်တွင် drag/drop အင်တာဖေ့စ် အဖြစ် လုပ်ဆောင်စေဖို့ JavaScript ဖန်တီးခြင်း၊ closure နှင့် DOM ကိုင်တွယ်မှု အထူးဂရုစိုက်ခြင်း             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          လက်ရေးဂိမ်း တည်ဆောက်ခြင်း                           | keyboard event များကို အသုံးပြုပြီး သင်၏ JavaScript app ၏ လုပ်ဆောင်ချက် ကို တိုးတက်စေခြင်း                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         ဘရောက်ဇာများနှင့် အလုပ်လုပ်ခြင်း                          | ဘရောက်ဇာများ မည်သို့ လုပ်ဆောင်သည်၊ ၎င်းတို့၏ သမိုင်းနှင့် ဘရောက်ဇာ အထောက်အပံ့ ပထမဆုံး အစိတ်အပိုင်းများ ဖန်တီးနည်း                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | ဖောင်တစ်ခု တည်ဆောက်ခြင်း၊ API ခေါ်ယူခြင်းနှင့် ဒေတာ ဒေသတွင်းသိုလှောင်ခြင်း | ဒေတာ ဒေသတွင်းသိုလှောင်ရာတွင် သိုလှောင်ထားသော မူရင်း များအသုံးပြု၍ API ခေါ်ယူရန် ဘရောက်ဇာ အထောက်အပံ့ JavaScript အရေးဆွဲခြင်း                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          ဘရောက်ဇာအတွင်း ပင်မလုပ်ငန်းများ၊ ဝက်ဘ် လုပ်ဆောင်မှု          | Extension icon ကို အစီအစဉ်ကျကျ စီမံခြင်းအတွက် ဘရောက်ဇာ၏ ပင်မလုပ်ငန်းများကို အသုံးပြု၍ ဝက်ဘ် လုပ်ဆောင်မှုနှင့် တိုးတက်မှုများ ဆိုင်ရာ သင်ယူရန်   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             JavaScript ဖြင့် ကစားဂိမ်း ပိုမိုအဆင့်မြင့် တည်ဆောက်ခြင်း             | Inheritance ကို Classes နှင့် Composition နှင့် Pub/Sub pattern အသုံးပြု၍ သင်ယူခြင်း၊ ဂိမ်း တည်ဆောက်ရန် အတွက် ပြင်ဆင်ခြင်း              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           canvas ပေါ်တွင် ရေးဆွဲခြင်း                            | Canvas API အကြောင်း သင်ယူပါ၊ မျက်နှာပြင်ပေါ်တွင် တဆွဲချရန် အသုံးပြုသည်                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   မျက်နှာပြင်ပေါ်တွင် အရာဝတ္ထုများ ရွှေ့လျားခြင်း                    | ကိလိုင်နိတ်စနစ်နှင့် Canvas API ကို အသုံးပြု၍ အရာဝတ္ထုများကို ရွှေ့လျားစေခြင်း                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          အပြန်အလှန် ထိတွေ့မှု ဆန်းစစ်ခြင်း                           | keypress များ အသုံးပြုပြီး အရာဝတ္ထုများ ထိတွေ့မှု ဖြစ်စေခြင်းနှင့် ဂိမ်း လုပ်ဆောင်မှုကို စိတ်ချအောင် cooldown function တစ်ခု ထည့်သွင်းခြင်း    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             စာရင်းတင်ခြင်း                              | ဂိမ်း၏ အခြေအနေနှင့် လုပ်ဆောင်မှု အပေါ် အခြေခံ၍ သင်္ကေတတွက်ချက်ချက်လုပ်ခြင်း                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     ဂိမ်းပြီးဆုံးခြင်းနှင့် ပြန်စတင်ခြင်း                     | ဂိမ်းပြီးဆုံးခြင်းနှင့် ပြန်စတင်ခြင်း အကြောင်း၊ assets များဖျက်သိမ်းခြင်းနှင့် variable တန်ဖိုးများ ပြန်စစ်ဆေးခြင်း                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 ဝက်ဘ် အက်ပ်တွင် HTML template များနှင့် မောင်းနှင်မှုများ                 | မူလှည့်အမျိုးမျိုးပါရှိသည့် ဝက်ဘ်ဆိုဒ်တွင် routing နှင့် HTML template များသုံးပြီး အလေ့အထလာ ဖန်တီးပုံသင်ယူရန်                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  အကောင့်ဝင်ခြင်းနှင့် မှတ်ပုံတင်ဖောင်တည်ဆောက်ခြင်း                   | ဖောင်တည်ဆောက်ခြင်းနှင့် အတည်ပြုချက်စနစ်များ အသုံးပြုပုံ သင်ယူရန်                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   ဒေတာ ပြန်လည်ရယူခြင်းနှင့် အသုံးပြုခြင်းနည်းများ                   | သင်၏အက်ပ်တွင် ဒေတာ လှိုင်းများသွားလာပုံ၊ ဒေတာ ရယူခြင်း၊ သိမ်းဆည်းခြင်းနှင့် ဖျက်ပစ်ခြင်း ပုံစံများ                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      အဆင့်အတန်း စီမံခန့်ခွဲမှု အကြောင်း                      | သင်၏အက်ပ်သည် အဆင့်အတန်း (state) များကို မည်သို့ ထိန်းသိမ်းထားပြီး ပရိုဂရမ်ဖြင့် စီမံခန့်ခွဲရမည်ကို သင်ယူရန်                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | VScode နှင့် အလုပ်လုပ်ခြင်း | code editor အသုံးပြုနည်း သင်ယူရန် | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | AI နှင့်အလုပ်လုပ်ခြင်း | ကိုယ်ပိုင် AI အကူအညီတစ်ခု တည်ဆောက်ရန် သင်ယူရန် | [AI Assistant project](./9-chat-project/README.md) | Chris |
-
-## 🏫 သင်ကြားမှု ကိရိယာများ
-
-ကျွန်ုပ်တို့၏ဘာသာရပ်မွေ့လျော်မှုသည် အောက်ပါ သင်ကြားရေးဆိုင်ရာအယူအဆနှစ်ချက်ကို အခြေခံထားပါသည်-
-* ပရောဂျက်မှုပေါ်မူတည်သောသင်ယူမှု
-* မကြာခဏ ပြိုင်ဆိုင်မေးခွန်းများ
-
-ဒီအစီအစဉ်သည် JavaScript, HTML နှင့် CSS ၏ အခြေခံအချက်များကိုသာမက ယနေ့ခေတ် ဝက်ဘ်ဒီဗဲလပ်များ အသုံးပြုသော နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းလမ်းများကိုလည်း သင်ကြားပေးသည်။ ကျောင်းသားများသည် လက်တွေ့ အတွေ့အကြုံ ရရှိရန် အတွက် လက်ရေးဂိမ်း၊ ဗ်ကျူးချား တဲရာရီယမ်၊ အနာဂတ်အတွက် သက်သာရေး ဘရောက်ဇာ အကူအညီ၊ အာကာသ ဂိမ်းနှင့် စီးပွားရေး အတွက် ဘဏ်ဆိုင်ရာ အက်ပ် တို့ကို တည်ဆောက်ပြီး လေ့လာသင်ယူနိုင်ကာ ဟိုင်းနားရာ ပညာရပ်အား ပြေလည်စွာ သိရှိလာမည်ဖြစ်သည်။
-
-> 🎓 ဤဘာသာရပ်ကိစ္စ၏ စတင်သင်ခန်းစာများကို Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ်လည်း ကောက်ယူနိုင်ပါသည်။
-
-အကြောင်းအရာများ အား ပရောဂျက်များနှင့် ကိုက်ညီစေရန် ဆောင်ရွက်ခြင်းအားဖြင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားဖွယ်ရာ ဖြစ်လာ၍ သင်ယူမှု သိသိသာသာ တိုးတက်လာပါမည်။ ကျွန်ုပ်တို့သည် JavaScript အခြေခံ အကြောင်းအရာများကို ဗီဒီယို တစ်ခုဖြင့် တွဲဖက်၍ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုသင်ခန်းစာများတွင် ပါ၀င်ခဲ့သော တချို့ မူရင်းရေးသားသူတို့၏ အကူအညီဖြင့် ဖန်တီးထားသည့် သင်ခန်းစာမိတ်ဆက်များလည်း ပါဝင်သည်။
-
-ထို့အပြင် သင်တန်းမတိုင်မီ သေးငယ်သည့် ပြိုင်ဆိုင်မေးခွန်းတစ်ခုကနေကျောင်းသားများကို သင်ယူမှုမည်သို့ ရည်ရွယ်ထားကြောင်း သတ်မှတ်ပေးပြီး သင်တန်းပြီးနောက် ပြိုင်ဆိုင်မေးခွန်းတစ်ခုက သင်ယူမှု ကိုပိုမိုသိမ်းဆည်းရန် အထောက်အကူ ဖြစ်စေသည်။ ဤဘာသာရပ်ကိစ္စသင်ရိုးအစီအစဉ်မှာ ပြောင်းလဲနိုင်ပြီး ပျော်ရွှင်စရာလည်း ဖြစ်သည်။ ပရောဂျက်များမှာ ကလေးသင်ယူရန်လွယ်ကူသည့်အတိုင်း စတင်ကာ ၁၂ ပတ်ကြာ လေ့လာပတ်သက်မှုအဆုံးတွင် ပိုမိုရှုပ်ထွေးလာမည် ဖြစ်သည်။
-
-JavaScript framework များမကျတော့ဘဲ ဝက်ဘ်ဒီဗဲလပ်တစ်ဦး အနေဖြင့် လိုအပ်သည့် အခြေခံကျွမ်းကျင်မှုများပေါ် အထူးကွပ်မျက်အာရုံစိုက်လိုက်၍ ဒီဘာသာရပ်ကိစ္စကို ဖွံ့ဖြိုးစေခဲ့သော်လည်း၊ ဤသင်ခန်းစာအစီအစဉ် ပြီးဆုံးရန် နောက်တစ်ဆင့်ကောင်းတစ်ခုမှာ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုများစုမှ နိုဒ် jez ၌ သင်ယူခြင်း ဖြစ်ပါသည်။
-
-> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်ချက်များကို လေ့လာနိုင်ပြီး၊ သင်၏တည်ဆောက်မှု မျှလင့်ချက်များကို ကြိုဆိုပါတယ်။
-
-## 🧭 အော့ဖ်လိုင်း ဝင်ရောက်ခြင်း
-
-[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဤစာတမ်းကို အော့ဖ်လိုင်း၌ ပြေးဆွဲနိုင်ပါသည်။ ဤ repo ကို fork ပြီး၊ [Docsify ကို တပ်ဆင်ရန်](https://docsify.js.org/#/quickstart) သင့်ဒေသୀစက်ပေါ်တွင် ပြုလုပ်ပြီး ပြီးလျှင် ဤ repo ၏ root ဖိုလ်ဒါတွင် `docsify serve` ဟုရိုက်ထည့်ပါ။ ဝက်ဘ်ဆိုဒ်ကို ရိုးရိုး localhost ၏ port 3000 တွင် ဆက်တင်ဖြင့် ဝင္ရောက်ကြည့်ရှုနိုင်ပါမည် - `localhost:3000`။
+| 01  |                     Getting Started                      |           Introduction to Programming and Tools of the Trade           | Learn the basic underpinnings behind most programming languages and about software that helps professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             Basics of GitHub, includes working with a team             | How to use GitHub in your project, how to collaborate with others on a code base                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             Accessibility                              | Learn the basics of web accessibility                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScript Data Types                          | The basics of JavaScript data types                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage an application's logic flow                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create conditions in your code using decision-making methods                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build the HTML to create an online terrarium, focusing on building a layout                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build the JavaScript to make the terrarium function as a drag/drop interface, focusing on closures and DOM manipulation             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers work, their history, and how to scaffold the first elements of a browser extension                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build the JavaScript elements of your browser extension to call an API using variables stored in local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Background processes in the browser, web performance          | Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and the Pub/Sub pattern, in preparation for building a game              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about the Canvas API, used to draw elements to a screen                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Moving elements around the screen                    | Discover how elements can gain motion using the cartesian coordinates and the Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Keeping score                              | Perform math calculations based on the game's status and performance                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ending and restarting the game                     | Learn about ending and restarting the game, including cleaning up assets and resetting variable values                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML Templates and Routes in a Web App                 | Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Build a Login and Registration Form                   | Learn about building forms and handling validation routines                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data flows in and out of your app, how to fetch it, store it, and dispose of it                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Concepts of State Management                      | Learn how your app retains state and how to manage it programmatically                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to Using a code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
+
+## 🏫 Pedagogy
+
+Our curriculum is designed with two key pedagogical principles in mind:
+* project-based learning
+* frequent quizzes
+
+The program teaches the fundamentals of JavaScript, HTML, and CSS, as well as the latest tools and techniques used by today's web developers. Students will have the opportunity to develop hands-on experience by building a typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and a banking app for businesses. By the end of the series, students will have gained a solid understanding of web development.
+
+> 🎓 You can take the first few lessons in this curriculum as a [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) on Microsoft Learn!
+
+By ensuring that the content aligns with projects, the process is made more engaging for students and retention of concepts will be augmented. We also wrote several starter lessons in JavaScript basics to introduce concepts, paired with a video from the "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some of whose authors contributed to this curriculum.
+
+In addition, a low-stakes quiz before a class sets the intention of the student towards learning a topic, while a second quiz after class ensures further retention. This curriculum was designed to be flexible and fun and can be taken in whole or in part. The projects start small and become increasingly complex by the end of the 12-week cycle.
+
+While we have purposefully avoided introducing JavaScript frameworks to concentrate on the basic skills needed as a web developer before adopting a framework, a good next step to completing this curriculum would be learning about Node.js via another collection of videos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+
+> Visit our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback!
+
+
+## 🧭 Offline access
+
+You can run this documentation offline by using [Docsify](https://docsify.js.org/#/). Fork this repo, [install Docsify](https://docsify.js.org/#/quickstart) on your local machine, and then in the root folder of this repo, type `docsify serve`. The website will be served on port 3000 on your localhost: `localhost:3000`.
 
 ## 📘 PDF
+စာသင်ခန်းအားလုံးအတွက် PDF ကို [ဒီမှာ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) တွေ့နိုင်သည်။
+
 
-သင်ခန်းစာအားလုံးသော PDF ကို [ဤနေရာတွင်](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) တွေ့နိုင်ပါသည်။
+## 🎒 အခြားဘာသာရပ်များ
 
-## 🎒 အခြား သင်တန်းများ
-ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်လျက်ရှိသည်။ လေ့လာကြည့်ပါ:
+ကျွန်တော်တို့အသင်းက အခြားဘာသာရပ်တွေ ထုတ်လုပ်ပါတယ်! တစ်ခါကြည့်ပါ:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -243,23 +258,23 @@ JavaScript framework များမကျတော့ဘဲ ဝက်ဘ်ဒ
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## အကူအညီရယူခြင်း
+## ကူညီမှု ရယူခြင်း
 
-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) ဖိုင်ဖတ်ရှုပါ။
+ဤ repository သည် MIT လိုင်စင်ဖြင့် လိုင်စင်ပြုထားပါသည်။ ပိုမိုသိရှိရန် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**အရေးမကြီးချက်**  
-ဤစာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) မှတဆင့် ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားသည်မှာမှန်ပါသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်ခြင်းများတွင် အမှားများ သို့မဟုတ် တိကျမှုမရှိမှုများ ဖြစ်ပေါ်နိုင်ပါကြောင်း သတိပြုပါရန်။ မူရင်းစာတမ်းကို မူရင်းဘာသာဖြင့် အတည်ပြုအရင်းအမြစ်အဖြစ် သတ်မှတ်ရမည်ဖြစ်သည်။ အရေးကြီးသော သတင်းအချက်အလက်များအတွက် နယ်ပယ်အတော်လေးရှိ လူမှုပညာရှင်၏ ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်အသုံးပြုရာမှ ဖြစ်ပေါ်နိုင်သည့် မမှန်ကန်မှုများ သို့မဟုတ် မှားယွင်းသဘောထားများအတွက် ကျွန်ုပ်တို့ အာမခံမှုမရှိပါ။
+**သတိပေးချက်**:
+ဤစာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြုပြီး ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် မှန်ကန်မှုအတွက် ကြိုးစားပေမယ့် အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မှားယွင်းချက်များ ပါဝင်နိုင်ကြောင်း သိရှိထားရမည်။ မူလစာတမ်းသည် မူရင်းဘာသာစကားဖြင့် သက်ဆိုင်ရာအာဏာရှိသော အချက်အလက်အရင်းအမြစ်အနေဖြင့် ယူဆရပါမည်။ အရေးကြီးသော အချက်အလက်များအတွက် အသက်မွေးဝမ်းမွေး သက်ဆိုင်ရာ လူ့ဘာသာပြန် ဝန်ဆောင်မှုကို အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုမှုကြောင့် ဖြစ်ပေါ်လာနိုင်သည့် နားလည်မှုမှားယွင်းမှုများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မခံပါ။
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ne/.co-op-translator.json b/translations/ne/.co-op-translator.json
index 5af16342e..b761953e1 100644
--- a/translations/ne/.co-op-translator.json
+++ b/translations/ne/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T15:19:18+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:42:16+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ne"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:47:57+00:00",
+    "translation_date": "2026-03-06T17:46:03+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ne"
   },
@@ -516,8 +516,8 @@
     "language_code": "ne"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:42:12+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:37:35+00:00",
     "source_file": "README.md",
     "language_code": "ne"
   },
diff --git a/translations/ne/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ne/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index b334dacc3..b60b2fe61 100644
--- a/translations/ne/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ne/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,184 +1,181 @@
-# प्रोग्रामिङ भाषा र आधुनिक डेभलपर उपकरणहरूको परिचय
+# परिचय प्रोग्रामिङ भाषाहरू र आधुनिक विकासकर्ता उपकरणहरू
 
-नमस्ते, भविष्यका डेभलपर! 👋 के म तपाईंलाई केही भन्न सक्छु जसले मलाई हरेक दिन रोमाञ्चित बनाउँछ? तपाईंले पत्ता लगाउन लाग्नुभएको छ कि प्रोग्रामिङ केवल कम्प्युटरको बारेमा मात्र होइन – यो तपाईंको सबैभन्दा पागल विचारहरूलाई जीवनमा ल्याउन सक्ने वास्तविक सुपरपावर हो!
+नमस्ते, भविष्यका विकासकर्ता! 👋 के म तिमीलाई केही भन्न सक्छु जुन हरेक दिन मलाई अझै पनि रोमाञ्चित बनाउँछ? तिमीले थाहा पाउनु हुनेछ कि प्रोग्रामिङ केवल कम्प्युटरहरूका बारेमा मात्र होइन – यो तिम्रा अति जादुई शक्तिहरू हो जुनले तिम्रा सबैभन्दा पागल विचारहरूलाई जीवन्त बनाउँछ!
 
-तपाईंलाई थाहा छ त्यो क्षण जब तपाईं आफ्नो मनपर्ने एप प्रयोग गर्दै हुनुहुन्छ र सबै कुरा पूर्ण रूपमा मिल्छ? जब तपाईं एउटा बटन थिच्नुहुन्छ र केही जादुई हुन्छ जसले तपाईंलाई "वाह, उनीहरूले यो कसरी गरे?" भन्न बाध्य बनाउँछ। खैर, तपाईं जस्तै कोही – सम्भवतः रातको २ बजे आफ्नो मनपर्ने कफी शपमा तेस्रो एस्प्रेसोको साथ बसेर – त्यो जादु सिर्जना गर्ने कोड लेखेका थिए। र यहाँ तपाईंलाई चकित पार्ने कुरा छ: यो पाठको अन्त्यसम्ममा, तपाईंले उनीहरूले कसरी गरे भनेर मात्र बुझ्नुहुने छैन, तर तपाईं आफैंले प्रयास गर्न उत्सुक हुनुहुनेछ!
+तिमीलाई त्यो क्षण थाहा छ जुन तिमी तिम्रो मनपर्ने एप्लिकेशन प्रयोग गरिरहेका हुन्छौ र सबै कुरा बिल्कुलै मेल खान्छ? जब तिमीले एउटा बटन थिच्छौ र केही बिल्कुलै जादुई हुन्छ जसले तिमीलाई "वा, तिनीहरूले कसरी गरे?" भन्न लगाउँछ? त्यस्तो कुनै मानिस जसरी तिमी जस्तै – सम्भवत: आफ्नो मनपर्ने कफि पसलमा राति २ बजे आफ्नो तेस्रो एस्प्रेसो लिएर बसेको – त्यो जादू सिर्जना गर्ने कोड लेखेको थियो। र यहाँ तिम्रो मन उडाउने कुरा छ: यो पाठ समाप्त हुँदा, तिमी बुझ्नेछौ तिनीहरूले कसरी गर्नुभयो, र आफैंले पनि गर्ने उत्सुकता हुनेछ!
 
-हेर्नुहोस्, यदि प्रोग्रामिङ अहिले डर लाग्दो लाग्छ भने म पूर्ण रूपमा बुझ्छु। जब मैले सुरु गरें, मैले इमानदारीपूर्वक सोचेको थिए कि तपाईंलाई कुनै प्रकारको गणितको जीनियस हुनुपर्छ वा पाँच वर्षको उमेरदेखि कोडिङ गरिरहेको हुनुपर्छ। तर यहाँ के कुराले मेरो दृष्टिकोणलाई पूर्ण रूपमा परिवर्तन गर्यो: प्रोग्रामिङ नयाँ भाषामा संवाद गर्न सिक्ने जस्तै हो। तपाईं "नमस्ते" र "धन्यवाद" बाट सुरु गर्नुहुन्छ, त्यसपछि कफी अर्डर गर्न सिक्नुहुन्छ, र थाहा पाउनुहुन्छ, तपाईं गहिरो दार्शनिक छलफल गर्दै हुनुहुन्छ! तर यस अवस्थामा, तपाईं कम्प्युटरसँग संवाद गर्दै हुनुहुन्छ, र इमानदारीपूर्वक? तिनीहरू तपाईंले कहिल्यै गरेको सबैभन्दा धैर्यवान संवाद साझेदार हुन् – तिनीहरूले कहिल्यै तपाईंको गल्तीको न्याय गर्दैनन् र तिनीहरू सँधै फेरि प्रयास गर्न उत्साहित हुन्छन्!
+हेर्नु, म पूर्ण रूपमा बुझ्छु यदि प्रोग्रामिङ अहिले डर लाग्ने जस्तो लागिरहेको छ भने। जब म सुरु गरेको थिएँ, म साँच्चिकै सोचेको थिएँ तिमीलाई गणितको जीनियस हुनुपर्छ वा पाँच वर्ष उमेरदेखि कोडिङ गर्दै आएको हुनुपर्छ। तर यो कुरा जसले मेरो दृष्टिकोण पूर्ण रूपमा परिवर्तन गर्यो: प्रोग्रामिङ बिल्कुलै नयाँ भाषामा कुरा सिक्ने जस्तो हो। तिमी "नमस्ते" र "धन्यवाद" बाट सुरु गर्छौ, त्यसपछि कफि अर्डर गर्न सिक्छौ, र अचेल तिमी गहिरो दार्शनिक छलफल गरिरहेका हुनेछौ! तर यो अवस्थामा, तिमी कम्प्युटरहरूसँग कुरा गरिरहेका छौ, र साँच्चिकै? उनीहरू सबैभन्दा धैर्यवान कुराकानी गर्ने साथीहरू हुन् – कहिल्यै तिम्रा गल्तीहरूलाई न्याय गर्दैनन् र सधैं पुनः प्रयास गर्न उत्साहित हुन्छन्!
 
-आज, हामी ती अद्भुत उपकरणहरूको अन्वेषण गर्नेछौं जसले आधुनिक वेब विकासलाई सम्भव मात्र होइन, गम्भीर रूपमा लत लाग्ने बनाउँछ। म त्यही सम्पादकहरू, ब्राउजरहरू, र वर्कफ्लोहरूको कुरा गर्दैछु जुन नेटफ्लिक्स, स्पोटिफाई, र तपाईंको मनपर्ने इन्डी एप स्टुडियोका डेभलपरहरूले हरेक दिन प्रयोग गर्छन्। र यहाँ तपाईंलाई खुशीको नाच गर्न बनाउने भाग छ: यी पेशेवर-ग्रेड, उद्योग-मानक उपकरणहरूको अधिकांश पूर्ण रूपमा निःशुल्क छन्!
+आज, हामी ती अद्भुत उपकरणहरू पत्ता लगाउने छौं जसले आधुनिक वेब विकासलाई सम्भव मात्र होइन, साँच्चिकै लत लाग्ने बनाउँछ। म ती नै सम्पादक, ब्राउजर, र काम गर्ने प्रक्रियाहरूको कुरा गर्दैछु जुन Netflix, Spotify, र तिम्रो मनपर्ने स्वतन्त्र एप स्टुडियोका विकासकर्ताहरू हरेक दिन प्रयोग गर्छन्। र यो भागले तिमीलाई खुशीले नाच्न लगाउने छ: यी धेरै व्यावसायिक स्तरका, उद्योग-मानक उपकरणहरू प्रायः पूर्ण रूपमा निःशुल्क छन्!
 
-![प्रोग्रामिङ परिचय](../../../../translated_images/ne/webdev101-programming.d6e3f98e61ac4bff.webp)
-> स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा
+![Intro Programming](../../../../translated_images/ne/webdev101-programming.d6e3f98e61ac4bff.webp)
+> स्केचनोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title आजको तपाईंको प्रोग्रामिङ यात्रा
+    section पत्ता लगाउने
+      प्रोग्रामिङ के हो: 5: You
+      प्रोग्रामिङ भाषाहरू: 4: You
+      उपकरणहरूको अवलोकन: 5: You
+    section अन्वेषण गर्ने
+      कोड सम्पादकहरू: 4: You
+      ब्राउजरहरू र विकास उपकरणहरू: 5: You
+      आदेश पंक्ति: 3: You
+    section अभ्यास गर्ने
+      भाषा जासूस: 4: You
+      उपकरण अन्वेषण: 5: You
+      समुदाय सम्बन्ध: 5: You
 ```
+## तिमीले पहिले नै के जान्दछौ हेर्नुहोस्!
 
-## तपाईंले पहिले नै के जान्नुहुन्छ हेर्नुहोस्!
+मज़ा कुराहरूमा जानुअघि, मलाई जिज्ञासा छ – यो प्रोग्रामिङ संसारबारे तिमी पहिले नै के जान्दछौ? अनि सुन, यदि तिमी यी प्रश्नहरूलाई हेरेर सोच्दै छौ "मलाई यसबारे एकदमै थाहा छैन," त्यो मात्र ठीक छैन, यो उत्तम हो! यसको अर्थ तिमी बिल्कुल सही ठाउँमा छौ। यस क्विजलाई एउटा व्यायामअघि शरीर तान्ने जस्तै सोच – हामी दिमागका मांसपेशीहरू तातो गरिरहेको छौं!
 
-मजाको कुरामा जानु अघि, म उत्सुक छु – तपाईंले यस प्रोग्रामिङ संसारको बारेमा पहिले नै के जान्नुहुन्छ? र सुन्नुहोस्, यदि तपाईं यी प्रश्नहरू हेर्दै हुनुहुन्छ र सोच्दै हुनुहुन्छ "मलाई यसको बारेमा शून्य थाहा छ," त्यो मात्र ठीक छैन, यो उत्तम छ! यसको मतलब तपाईं बिल्कुल सही ठाउँमा हुनुहुन्छ। यो क्विजलाई व्यायाम अघि स्ट्रेचिङ जस्तै सोच्नुहोस् – हामी ती मस्तिष्क मांसपेशीहरूलाई मात्र तातो बनाउँदैछौं!
+[पाठ अघि क्विज लिनुहोस्](https://ff-quizzes.netlify.app/web/)
 
-[पाठ अघि क्विज लिनुहोस्](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
+## हामी एउटैसाथ जाने साहसिक यात्रा
 
-## हामी सँगै जान लागेका साहसिक यात्रा
+ठीक छ, म साँच्चै उत्साहित छु हामीले आज के अन्वेषण गर्ने छौं! गम्भीर रूपमा, मलाई तिम्रो अनुहार देख्न मन छ जब यी केही अवधारणाहरू क्लिक हुन्छन्। हामीले गर्ने यो अद्भुत यात्रा यस्ता छ:
 
-ठीक छ, म साँच्चै उत्साहित छु कि हामी आज के अन्वेषण गर्न जाँदैछौं! गम्भीर रूपमा, म तपाईंको अनुहार देख्न चाहन्छु जब यी अवधारणाहरू क्लिक हुन्छन्। यहाँ हामी सँगै लिने अविश्वसनीय यात्रा छ:
+- **प्रोग्रामिङ के हो वास्तवमा (र किन यो सबैभन्दा कूल कुरा हो!)** – हामी पत्ता लगाउने छौं कसरी कोड तिमी वरिपरि भएका सबै कुरा चलाउने अदृश्य जादू हो, त्यो अलार्म जसले सोमबार बिहान हो भनी कसरी थाहा पाउँछ देखि लिएर नेटफ्लिक्स सुझावहरूको अल्गोरिथ्मसम्म
+- **प्रोग्रामिङ भाषाहरू र तिनीहरूको अद्भुत व्यक्तित्वहरू** – एउटा पार्टीमा सोच जहाँ प्रत्येक व्यक्तिसँग फरक-फरक सुपरपावरहरू र समस्या समाधान गर्ने तरिकाहरू छन्। प्रोग्रामिङ भाषा संसार त्यस्तै हो, र तिमी तिनीहरूलाई भेट्न मन पराउने छौ!
+- **डिजिटल जादू गराउने आधारभूत निर्माण ब्लकहरू** – यसलाई अन्तिम सिर्जनात्मक LEGO सेट जस्तो सोच। एकपटक तिमीले यी टुक्राहरू कसरी मिल्छन् बुझेपछि, तिमी ले आफूले कल्पना गरेका कुनै पनि कुरा बनाउन सक्छौ
+- **व्यावसायिक उपकरणहरू जसले तिमीलाई जादूगरको छडी पाएको जस्तो महसुस गराउनेछ** – म नाटकीय भएर भनेको होइन – यी उपकरणहरूले साँच्चै तिमीलाई सुपरपावर भएको महसुस गराउनेछन्, र सबैभन्दा राम्रो कुरा? यी नै उपकरणहरू प्रोहरूले प्रयोग गर्छन्!
 
-- **प्रोग्रामिङ वास्तवमा के हो (र यो किन सबैभन्दा चिसो कुरा हो!)** – हामी पत्ता लगाउनेछौं कि कोड वास्तवमा तपाईंको वरिपरि सबै कुरालाई शक्ति दिने अदृश्य जादु हो, त्यो अलार्मबाट जसले कसरी सोमबार बिहान हो भनेर थाहा पाउँछदेखि तपाईंको नेटफ्लिक्स सिफारिसहरूलाई पूर्ण रूपमा क्युरेट गर्ने एल्गोरिदमसम्म
-- **प्रोग्रामिङ भाषाहरू र तिनीहरूको अद्भुत व्यक्तित्वहरू** – कल्पना गर्नुहोस् कि तपाईं एउटा पार्टीमा हिँड्दै हुनुहुन्छ जहाँ प्रत्येक व्यक्तिसँग समस्या समाधान गर्ने पूर्ण रूपमा फरक सुपरपावरहरू छन्। प्रोग्रामिङ भाषा संसार यस्तै हो, र तपाईं तिनीहरूलाई भेट्न मन पराउनुहुनेछ!
-- **डिजिटल जादु बनाउनका लागि आधारभूत निर्माण ब्लकहरू** – यीलाई अन्तिम रचनात्मक 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) मा लिन सक्नुहुन्छ!
+## त त्यसोभए प्रोग्रामिङ *के* हो?
 
-## त प्रोग्रामिङ वास्तवमा *के हो*?
+ठीक छ, अब करोडौंको प्रश्न समाधान गरौं: प्रोग्रामिङ के हो साँच्चै?
 
-ठीक छ, हामी लाखौं डलरको प्रश्नलाई सम्बोधन गरौं: प्रोग्रामिङ वास्तवमा के हो?
+म तिमीलाई एउटा कथा सुनाउँछु जसले मेरो सोचाइ पूर्ण रूपमा परिवर्तन गर्‍यो। गत हप्ता म आमालाई हाम्रो नयाँ स्मार्ट टीभी रिमोट कसरी चलाउने हो भनेर देखाउँदै थिएँ। मैले आफैलाई यस्ता कुरा भन्ठानेँ "रातो बटन थिच्नू, तर त्यो ठूलो रातो होइन, बाँया साइडको सानो रातो बटन... होइन, तिम्रो अर्को बाँया... ठीक छ, अब दुई सेकेन्ड सम्म थिच्नू, एक होइन, तीन होइन..." थाहा छ यो ठ्याक्कै त्यस्तो छैन? 😅
 
-म तपाईंलाई एउटा कथा दिनेछु जसले मेरो सोच्ने तरिका पूर्ण रूपमा परिवर्तन गर्यो। गत हप्ता, म मेरी आमालाई हाम्रो नयाँ स्मार्ट टिभी रिमोट कसरी प्रयोग गर्ने भनेर व्याख्या गर्ने प्रयास गर्दै थिएँ। मैले आफैंलाई यस्तो कुरा भन्दै गरेको पाएँ "रातो बटन थिच्नुहोस्, तर ठूलो रातो बटन होइन, सानो रातो बटन बायाँतिर... होइन, तपाईंको अर्को बायाँ... ठीक छ, अब यसलाई दुई सेकेन्डको लागि थिच्नुहोस्, एक होइन, तीन होइन..." परिचित लाग्छ? 😅
+त्यै हो प्रोग्रामिङ! यो बहु-विस्तृत, चरण-दर-चरण निर्देशनहरू दिनेको कला हो जुन धेरै शक्तिशाली छ तर सबै कुरा स्पष्ट रूपमा भन्नुपर्छ। तर यहाँ, आमालाई (जो सोध्न सक्छ "कुन रातो बटन?!") बुझाउनुभन्दा कम्प्युटरलाई बुझाउनुपर्छ (जसले मात्र ठीक त्यसै गर्छ जुन तिमी भन्छौ, अर्थात् जुन तिमीले भन्न खोज्यौ त्यो होइन भने पनि)।
 
-त्यो प्रोग्रामिङ हो! यो धेरै शक्तिशाली तर सबै कुरा पूर्ण रूपमा व्याख्या गर्न आवश्यक पर्ने चीजलाई अत्यन्त विस्तृत, चरण-दर-चरण निर्देशनहरू दिने कला हो। तर तपाईंको आमालाई व्याख्या गर्ने सट्टा (जो "कुन रातो बटन?!" सोध्न सक्छ), तपाईं कम्प्युटरलाई व्याख्या गर्दै हुनुहुन्छ (जसले तपाईंले भनेको कुरा ठीक गर्छ, तपाईंले भनेको कुरा तपाईंले भन्न चाहनुभएको कुरा होइन भने पनि)।
+जब मैले यो पहिलोपटक सिकें, मेरो दिमाग उडायो: कम्प्युटरहरू वास्तवमै आफ्नै मूलमा धेरै सरल हुन्छन्। तिनीहरू केवल दुई कुरा बुझ्छन् – १ र ०, जुन तै हो “हो” र “होइन” वा “चालु” र “बन्द।” त्यहि हो! तर जादू के छ – हामीलाई म्याट्रिक्स जस्तो 1 र 0 मा कुरा गर्नु पर्दैन। त्यहि ठाउँमा **प्रोग्रामिङ भाषाहरू** मद्दत गर्छन्। तिनीहरू तिमीलाई विश्वकै सबैभन्दा उत्कृष्ट अनुवादक जस्तै हुन् जसले तिम्रा आदर्श मानव विचारहरूलाई कम्प्युटर भाषामा रूपान्तरण गर्छ।
 
-जब मैले यो पहिलो पटक सिकें, यो मेरो दिमागलाई उडाएको कुरा यहाँ छ: कम्प्युटरहरू वास्तवमा आफ्नो मूलमा धेरै सरल छन्। तिनीहरूले शाब्दिक रूपमा केवल दुई चीजहरू बुझ्छन् – १ र ०, जुन मूल रूपमा "हो" र "होइन" वा "अन" र "अफ" मात्र हो। बस यति! तर यहाँ यो जादुई हुन्छ – हामीलाई १ र ० मा बोल्न आवश्यक छैन जस्तो कि हामी म्याट्रिक्समा छौं। त्यहाँ **प्रोग्रामिङ भाषाहरू** उद्धार गर्न आउँछन्। तिनीहरू संसारको सबैभन्दा राम्रो अनुवादक भएको जस्तै हुन् जसले तपाईंको पूर्ण रूपमा सामान्य मानव विचारहरूलाई कम्प्युटर भाषामा रूपान्तरण गर्दछ।
+र मलाई अझै बिहान उठ्दा वास्तविक रूपमा रोमाञ्चित बनाउने कुरा छ: तिम्रो जीवनमा सबै कुरा डिजिटलमा कसैले तिमी जस्तै कपडामा बस्दै, कफीको कप बोकेर, आफ्नो ल्यापटपमा कोड टाइप गर्दै सुरू गरेको हो। त्यो Instagram फिल्टर जसले तिमीलाई निखार्छ? कसैले बनायो। त्यो सिफारिस जसले तिमीलाई तिमी नयाँ मनपर्ने गीतमा पुर्‍यायो? एक विकासकर्ताले त्यो अल्गोरिथ्म बनायो। त्यो एप जसले तिमीलाई साथीहरूसँग खानेकुरा बिल बाँड्न मद्दत गर्छ? हो, कसैले सोच्यो "यो झन्झटिलो छ, मैले यसलाई सुधार्न सक्छु" र त्यसपछि गरे!
 
-र यहाँ के कुरा छ जसले मलाई हरेक बिहान वास्तविक झिल्को दिन्छ: तपाईंको जीवनमा शाब्दिक *सबै* डिजिटल कुरा तपाईं जस्तै कोहीबाट सुरु भएको थियो, सम्भवतः आफ्नो पजामा लगाएर कफीको कपको साथ, आफ्नो ल्यापटपमा कोड टाइप गर्दै। त्यो इन्स्टाग्राम फिल्टर जसले तपाईंलाई निर्दोष देखिन्छ? कसैले त्यो कोड गर्यो। सिफारिस जसले तपाईंलाई तपाईंको नयाँ मनपर्ने गीतमा पुर्‍यायो? डेभलपरले त्यो एल्गोरिदम निर्माण गर्यो। एप जसले तपाईंलाई साथीहरूसँग डिनर बिल विभाजन गर्न मद्दत गर्दछ? हो, कसैले सोच्यो "यो झन्झट छ, म यसलाई ठीक गर्न सक्छु जस्तो लाग्छ" र त्यसपछि... तिनीहरूले गरे!
+जब तिमी प्रोग्राम गर्न सिक्छौ, तिमी केवल नयाँ सिप मात्र सिक्ने होइनौ – तिमी समस्याहरू समाधान गर्ने यो अद्भुत समुदायको भाग बन्नुभयो जसले आफ्नो दिन यसो सोचेर बिताउँछ, "म केहि यस्तो बनाउन सक्छु जुन कसैको दिन अलिअलि राम्रो बनाओस्?" साँच्चिकै, यो भन्दा कूल के छ?
 
-जब तपाईंले प्रोग्राम गर्न सिक्नुहुन्छ, तपाईंले केवल नयाँ सीप उठाउनुहुन्न – तपाईं समस्या समाधान गर्नेहरूको यो अविश्वसनीय समुदायको हिस्सा बन्नुहुन्छ जसले आफ्नो दिन सोच्दै बिताउँछन्, "यदि मैले केही निर्माण गर्न सकें जसले कसैको दिनलाई अलिकति राम्रो बनाउँछ भने के हुन्छ?" इमानदारीपूर्वक, त्यो भन्दा चिसो केहि छ?
+✅ **रोचक तथ्य खोजी**: खाली समय हुँदा एउटा धेरै रोचक कुरा खोज्नु - विश्वकै पहिलो कम्प्युटर प्रोग्रामर को हुन सक्छ? म तिमीलाई एउटा हिंट दिन्छु: त्यो व्यक्ति तिमीले सोचेकै नहुन सक्छ! यसको कथा साँच्चिकै आकर्षक छ र देखाउँछ कि प्रोग्रामिङ सधैं सिर्जनात्मक समस्याहरू समाधान गर्ने कला रही आएको छ।
 
-✅ **मजाको तथ्य खोज**: यहाँ केही सुपर कूल छ जब तपाईंसँग खाली समय छ – तपाईंलाई लाग्छ कि संसारको पहिलो कम्प्युटर प्रोग्रामर को थियो? म तपाईंलाई संकेत दिनेछु: यो तपाईंले अपेक्षा गरेको व्यक्ति नहुन सक्छ! यस व्यक्तिको पछाडि कथा बिल्कुल आकर्षक छ र देखाउँछ कि प्रोग्रामिङ सधैं रचनात्मक समस्या समाधान र बक्स बाहिर सोच्ने बारेमा भएको छ।
+### 🧠 **चेक-इन समय: तिमीलाई कस्तो लागिरहेको छ?**
 
-### 🧠 **जाँच समय: तपाईं कस्तो महसुस गर्दै हुनुहुन्छ?**
+**एकछिन सोच:**  
+- "कम्प्युटरलाई निर्देशन दिनु" को विचार अहिले तिमीलाई बुझिन्छ?  
+- के तिमी कुनै दैनिक काम प्रोग्रामिङले स्वचालन गर्न चाहन्छौ?  
+- यो पुरै प्रोग्रामिङ बारे कुन प्रश्नहरू तिम्रो मनमा छन्?
 
-**एक क्षणको लागि विचार गर्नुहोस्:**
-- "कम्प्युटरलाई निर्देशन दिनु" भन्ने विचार अब तपाईंलाई अर्थपूर्ण लाग्छ?
-- के तपाईं कुनै दैनिक कार्यको बारेमा सोच्न सक्नुहुन्छ जुन तपाईं प्रोग्रामिङको साथ स्वचालित गर्न चाहनुहुन्छ?
-- यस सम्पूर्ण प्रोग्रामिङ कुराको बारेमा तपाईंको दिमागमा के प्रश्नहरू उठिरहेका छन्?
+> **स्मरण रहोस्**: केही अवधारणाहरू अहिले अलि अस्पष्ट लाग्नु सामान्य कुरा हो। प्रोग्रामिङ सिक्नु नयाँ भाषा सिक्ने जस्तो छ – तिम्रो दिमागले समयसँग नयाँ न्यूरो नेटवर्क निर्माण गर्छ। तिमी राम्रो गर्दैछौ!
 
-> **स्मरण गर्नुहोस्**: यदि केही अवधारणाहरू अहिले अस्पष्ट लाग्छ भने यो पूर्ण रूपमा सामान्य हो। प्रोग्रामिङ सिक्नु नयाँ भाषा सिक्न जस्तै हो – तपाईंको मस्तिष्कले ती न्युरल मार्गहरू निर्माण गर्न समय लाग्छ। तपाईं राम्रो गर्दै हुनुहुन्छ!
+## प्रोग्रामिङ भाषाहरू विभिन्न प्रकारका जादूका स्वादहरू जस्तै
 
-## प्रोग्रामिङ भाषाहरू जादुको विभिन्न स्वादहरू जस्तै छन्
+ठीक छ, यो अलि अजब लाग्न सक्छ तर जोडिदै जानु – प्रोग्रामिङ भाषाहरू धेरै फरक प्रकारका संगीतजस्तै छन्। सोच, तिमीलाई जाज छ, जुन न्यून र सहज छ, रक छ, जुन शक्तिशाली र सोझो छ, क्लासिकल छ, जुन सुरुचिपूर्ण र संरचित छ, र हिपहप छ, जुन रचनात्मक र अभिव्यक्तिशील छ। प्रत्येक शैलीको आफ्नै माहोल हुन्छ, उसका आफ्नै उत्साही समर्थकहरू हुन्छन्, र प्रत्येक फरक-फरक मनोदशा र अवसरका लागि उपयुक्त हुन्छ।
 
-ठीक छ, यो अजीब लाग्न सक्छ, तर मेरो साथमा रहनुहोस् – प्रोग्रामिङ भाषाहरू विभिन्न प्रकारका संगीत जस्तै छन्। सोच्नुहोस्: तपाईंसँग जाज छ, जुन स्मूथ र इम्प्रोभाइजेशनल छ, रक जुन शक्तिशाली र सरल छ, क्लासिकल जुन सुरुचिपूर्ण र संरचित छ, र हिप-हप जुन रचनात्मक र अभिव्यक्तिपूर्ण छ। प्रत्येक शैलीको आफ्नै माहोल छ, आफ्नै उत्साही प्रशंसकहरूको समुदाय छ, र प्रत्येक विभिन्न मूड र अवसरहरूको लागि उत्तम छ।
+प्रोग्रामिङ भाषाहरू पनि ठीक त्यही काम गर्छन्! तिमी एकै भाषा प्रयोग गरेर रमाइलो मोबाइल खेल बनाउँदैनौ जसले जलवायु डाटा मापन गर्छ, ठीक त्यसैगरी तिमी योग कक्षामा डेथ मेटल बजाउन चाहँदैनौ (ठिकै छ, अधिकांश योग कक्षाहरुमा भने! 😄)।
 
-प्रोग्रामिङ भाषाहरू ठीक त्यस्तै काम गर्छन्! तपाईंले जलवायु डाटा ठूलो मात्रामा क्रन्च गर्न प्रयोग गर्ने भाषा र मजाको मोबाइल गेम निर्माण गर्न प्रयोग गर्ने भाषा एउटै हुँदैन, जस्तै तपाईं योग क्लासमा डेथ मेटल बजाउनुहुन्न (खैर, अधिकांश योग क्लासहरूमा! 😄)।
-
-तर यहाँ के कुरा छ जसले मलाई हरेक पटक सोच्दा मेरो दिमागलाई उडाउँछ: यी भाषाहरू संसारको सबैभन्दा धैर्यवान, प्रतिभाशाली अनुवादक भएको जस्तै छन्। तपाईं आफ्नो मानव मस्तिष्कलाई प्राकृतिक लाग्ने तरिकामा आफ्नो विचारहरू व्यक्त गर्न सक्नुहुन्छ, र तिनीहरूले त्यो कम्प्युटरले वास्तवमा बोल्ने १ र ० मा अनुवाद गर्ने अत्यन्त जटिल कामलाई ह्यान्डल गर्छन्। यो जस्तो छ कि तपाईंको साथमा "मानव रचनात्मकता" र "कम्प्युटर तर्क" मा पूर्ण रूपमा धाराप्रवाह भएको साथी छ – र तिनीहरू कहिल्यै थाक्दैनन्, कहिल्यै कफी ब्रेकको आवश्यकता पर्दैन, र तपाईंले सोधेको प्रश्नको लागि तपाईंलाई कहिल्यै न्याय गर्दैनन्!
+तर हरेक पटक म सोच्दा मलाई अचम्म लाग्छ: यी भाषाहरू संसारकै सबैभन्दा धैर्यवान, प्रतिभाशाली दुभाषेलाई जस्तै छन् जुन तिम्रो छेउमा बसेर तिम्रा विचारहरूलाई सहज रूपमा बुझ्छ र कम्प्युटरको भाषा 1 र 0 मा रूपान्तरण गर्छ। यो एकदमै त्यस्तो साथी हो जो "मानव सिर्जनशीलता" र "कम्प्युटर तर्क" दुवैमा निपूर्ण छ – र कहिल्यै थाक्दैन, कहिल्यै कफि ब्रेक लिन पर्दैन, र तिमीलाई उस्तै प्रश्न दोहोर्याउन भन्दिन!
 
 ### लोकप्रिय प्रोग्रामिङ भाषाहरू र तिनीहरूको प्रयोग
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
-      JavaScript
-        Frontend Magic
-        Interactive Websites
-      TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
-      Python
-        Data Science
-        Machine Learning
-        Automation
-      R
-        Statistics
-        Research
-    Mobile Apps
-      Java
-        Android
-        Enterprise
-      Swift
+  root((प्रोग्रामिङ भाषा))
+    वेब विकास
+      जाभास्क्रिप्ट
+        फ्रन्टेंड जादू
+        अन्तरक्रियात्मक वेबसाइटहरू
+      टाइपस्क्रिप्ट
+        जाभास्क्रिप्ट + प्रकारहरू
+        उद्यम अनुप्रयोगहरू
+    डेटा र एआई
+      पाइथन
+        डेटा विज्ञान
+        मेसिन लर्निङ
+        स्वचालन
+      आर
+        तथ्याङ्क
+        अनुसन्धान
+    मोबाइल अनुप्रयोगहरू
+      जाभा
+        एन्ड्रोइड
+        उद्यम
+      स्विफ्ट
         iOS
-        Apple Ecosystem
-      Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        एप्पल ईकोसिस्टम
+      कोटलिन
+        आधुनिक एन्ड्रोइड
+        क्रस-प्लाटफर्म
+    प्रणाली र प्रदर्शन
       C++
-        Games
-        Performance Critical
-      Rust
-        Memory Safety
-        System Programming
-      Go
-        Cloud Services
-        Scalable Backend
+        खेलहरू
+        प्रदर्शन महत्त्वपूर्ण
+      रस्टी
+        मेमोरी सुरक्षा
+        प्रणाली प्रोग्रामिङ
+      गो
+        क्लाउड सेवाहरू
+        स्केलेबल ब्याकएन्ड
 ```
-
-| भाषा | उत्तम प्रयोग | किन यो लोकप्रिय छ |
+| भाषा | उत्कृष्ट प्रयोग | किन लोकप्रिय छ |
 |----------|----------|------------------|
-| **जाभास्क्रिप्ट** | वेब विकास, प्रयोगकर्ता इन्टरफेस | ब्राउजरमा चल्छ र अन्तरक्रियात्मक वेबसाइटहरूलाई शक्ति दिन्छ |
-| **पाइथन** | डाटा विज्ञान, स्वचालन, एआई | पढ्न र सिक्न सजिलो, शक्तिशाली लाइब्रेरीहरू |
-| **जाभा** | उद्यम एप्लिकेसनहरू, एन्ड्रोइड एप्स | प्लेटफर्म-स्वतन्त्र, ठूला प्रणालीहरूको लागि बलियो |
-| **C#** | विन्डोज एप्लिकेसनहरू, खेल विकास | माइक्रोसफ्ट इकोसिस्टमको बलियो समर्थन |
-| **Go** | क्लाउड सेवाहरू, ब्याकएन्ड प्रणालीहरू | छिटो, सरल, आधुनिक कम्प्युटिङको लागि डिजाइन गरिएको |
+| **JavaScript** | वेब विकास, उपयोगकर्ता अन्तरफलकहरू | ब्राउजरमा चल्छ र अन्तरक्रियात्मक वेबसाइटहरू सन्चालन गर्दछ |
+| **Python** | डाटा विज्ञान, स्वचालन, AI | सजिलै पढ्न र सिक्न सकिन्छ, शक्तिशाली पुस्तकालयहरू |
+| **Java** | उद्यम अनुप्रयोगहरू, Android एपहरू | प्लेटफर्म-स्वतन्त्र, ठूलो प्रणालीका लागि बलियो |
+| **C#** | विन्डोज एप्लिकेशन, खेल विकास | मजबूत माइक्रोसफ्ट इकोसिस्टम समर्थन |
+| **Go** | क्लाउड सेवा, ब्याकएन्ड प्रणालीहरू | छिटो, सरल, आधुनिक कम्प्युटिङका लागि डिजाइन गरिएको |
 
-### उच्च-स्तर बनाम निम्न-स्तर भाषाहरू
+### उच्च-स्तर र तल्लो-स्तर भाषाहरू
 
-ठीक छ, यो इमानदारीपूर्वक अवधारणा थियो जसले मलाई पहिलो पटक सिक्दा मेरो दिमागलाई तोड्यो, त्यसैले म तपाईंलाई त्यो उपमा साझा गर्न जाँदैछु जसले अन्ततः मलाई क्लिक गरायो – र म साँच्चै आशा गर्दछु कि यसले तपाईंलाई पनि मद्दत गर्दछ!
+ठीक छ, यो साँच्चै त्यो अवधारणा थियो जसले मेरो दिमाग फुटायो जब मैले सुरु गरेको थिएँ, त्यसैले म त्यो उपमा साझा गर्न जाँदैछु जसले अन्ततः मलाई बुझायो – र मलाई आशा छ तिमीलाई पनि सहयोग पुग्नेछ!
 
-कल्पना गर्नुहोस् कि तपाईं एउटा देशमा भ्रमण गर्दै हुनुहुन्छ जहाँ तपाईंले भाषा बोल्नुहुन्न, र तपाईंलाई नजिकको बाथरूम खोज्न अत्यन्त आवश्यक छ (हामी सबै त्यहाँ पुगेका छौं, हैन? 😅):
+कल्पना गर – तिमी एउटा देश भ्रमण गर्दैछौ जहाँ तिमी भाषा बोल्दैनौ, र तुरुन्त शौचालय खोज्नुपर्छ (हामी सबै त्यो अवस्थामा पुगेका छौँ, होइन? 😅):
 
-- **निम्न-स्तर प्रोग्रामिङ** स्थानीय बोलीलाई यति राम्रोसँग सिक्न जस्तै हो कि तपाईं कुनामा फल बेच्ने हजुरआमासँग सांस्कृतिक सन्दर्भहरू, स्थानीय स्ल्याङ, र भित्री मजाकहरू प्रयोग गरेर कुरा गर्न सक्नुहुन्छ जुन केवल त्यहाँ हुर्केका व्यक्तिले मात्र बुझ्न सक्छ। सुपर प्रभावशाली र अविश्वसनीय रूपमा कुशल... यदि तपाईं धाराप्रवाह हुनुहुन्छ भने! तर तपाईं केवल बाथरूम खोज्न प्रयास गर्दै हुनुहुन्छ भने धेरै भारी।
+- **तल्लो-स्तर प्रोग्रामिङ** त्यस्तो हो जस्तै स्थानीय बोली यती राम्रोसँग सिक्नु कि तिमी त्यहाँ फल बेच्ने हजुरआमासँग साँस्कृतिक सन्दर्भ, स्थानीय बोलचाल, र भित्री हास्य प्रयोग गरी कुराकानी गर्न सक्दछौ जुन केवल त्यहाँ पलाएका मान्छेले बुझ्छन्। अत्यन्त प्रभावशाली र धेरै प्रभावकारी... यदि तिमी त्यो भाषामा दिर्घकालीक रूपमा दक्ष छौ भने! तर शौचालय खोज्ने बेला भने अलि भारी हुन्छ।
 
-- **उच्च-स्तर प्रोग्रामिङ** त्यो अद्भुत स्थानीय साथी भएको जस्तै हो जसले तपाईंलाई मात्र बुझ्छ। तपाईं "मलाई साँच्चै शौचालय खोज्न आवश्यक छ" सामान्य अंग्रेजीमा भन्न सक्नुहुन्छ, र तिनीहरूले सबै सांस्कृतिक अनुवादलाई ह्यान्डल गर्छन् र तपाईंलाई यस्तो तरिकामा निर्देशन दिन्छन् जुन तपाईंको गैर-स्थानीय मस्तिष्कमा पूर्ण रूपमा अर्थपूर्ण हुन्छ।
+- **उच्च-स्तर प्रोग्रामिङ** त्यस्तो हो जस्तो त्यो अद्भुत स्थानीय साथी जसले तिमीलाई बुझ्छ। तिमीले "मलाई शौचालय फेला पार्न जरुरी छ" सरल अंग्रेजीमा भनें, र उनी सबै सांस्कृतिक अनुवाद गर्छन् र तिमीलाई यस्तो तरिकामा निर्देशन दिन्छन् जुन तिम्रो व्यक्ति-मूलक मस्तिष्कलाई पूर्ण रूपमा बुझिन्छ।
 
-प्रोग्रामिङ सर्तहरूमा:
-- **निम्न-स्तर भाषाहरू** (जस्तै Assembly वा C) तपाईंलाई कम्प्युटरको वास्तविक हार्डवेयरसँग अविश्वसनीय रूपमा विस्तृत कुराकानी गर्न दिन्छ, तर तपाईंलाई मेसिन जस्तै सोच्न आवश्यक छ, जुन... खैर, हामी केवल यो ठूलो मानसिक परिवर्तन हो भनेर भनौं!
-- **उच्च-स्तर भाषाहरू** (जस्तै जाभास्क्रिप्ट, पाइथन, वा C#) तपाईंलाई मानव जस्तै सोच्न दिन्छ जबकि तिनीहरूले दृश्य पछाडि सबै मेसिन-भाषा ह्यान्डल गर्छन्। साथै, तिनीहरूसँग यी अविश्वसनीय स्वागतयोग्य समुदायहरू छन् जसले नयाँ भएको कस्तो महसुस हुन्छ भनेर सम्झन्छन् र वास्तवमा मद्दत गर्न चाहन्छन्!
+प्रोग्रामिङमा:  
+- **तल्लो-स्तर भाषाहरू** (जस्तै Assembly वा C) तिमीलाई कम्प्युटरको वास्तविक हार्डवेयरसँग धेरै विस्तारपूर्वक कुराकानी गर्न अनुमति दिन्छ, तर तिमीले मेसिन झैँ सोच्नुपर्छ, जुन... खैर, ठूलो मानसिक परिवर्तन हो!  
+- **उच्च-स्तर भाषाहरू** (जस्तै JavaScript, Python, वा C#) तिमीलाई मान्छेसँग जस्तै सोच्न दिन्छ जब तिनीहरू पृष्ठभूमिमा मेसिन भाषामा सबै जटिल काम गर्छन्। साथै, यिनका अत्यन्त स्वागतयोग्य समुदायहरू छन् जो आफ्नै नयाँ अनुभव सम्झन्छन् र साँच्चिकै सहयोग गर्न चाहन्छन्!
 
-तपाईंलाई सुरु गर्न म कुन सुझाव दिनेछु भनेर अनुमान गर्नुहोस्? 😉 उच्च-स्तर भाषाहरू प्रशिक्षण पाङ्ग्राहरू भएको जस्तै छन् जुन तपाईं वास्तवमा कहिल्यै हटाउन चाहनुहुन्न किनभने तिनीहरूले सम्पूर्ण अनुभवलाई धेरै रमाइलो बनाउँछन्!
+तिमी जे सोच्यौ? 😉 म तिमीलाई कुनबाट सुरु गर्न सल्लाह दिनेछु? उच्च-स्तर भाषाहरू तिमीलाई यस्तो प्रशिक्षण पाङ्ग्रा जस्तै हो जुन तिमी कहिल्यै हटाउन चाहँदैनौ किनभने तिनीहरूले अनुभवलाई धेरै रमाइलो बनाउँछन्!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 मान्छेको सोच:<br/>'म फिबोनाची सङ्ख्याहरू गणना गर्न चाहन्छु'"] --> B{भाषा स्तर चयन गर्नुहोस्}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|उच्च स्तर| C["🌟 जाभास्क्रिप्ट/पाइथन<br/>पढ्न र लेख्न सजिलो"]
+    B -->|तल्लो स्तर| D["⚙️ असेम्ब्ली/सी<br/>प्रत्यक्ष हार्डवेयर नियन्त्रण"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 लेख्नुहोस्: fibonacci(10)"]
+    D --> F["📝 लेख्नुहोस्: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 कम्प्युटरको बुझाइ:<br/>अनुवादकले जटिलता सम्हाल्छ"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 उस्तै परिणाम:<br/>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... (रोचक कुरा: तिमी यो ढाँचा प्रकृतिमा पनि सबैत्र पाउनेछौ – सूर्यफूलका बीउका घुम्ती, पाइन्कोनका ढाँचाहरू, यहाँसम्म कि आकाशगंगाहरूको निर्माण!)
 
-तयार हुनुहुन्छ फरक देख्न? सुरु गरौं!
+तयार छौं भिन्नता हेर्न? सुरु गरौं!
 
-**उच्च-स्तर भाषा (जाभास्क्रिप्ट) – मानव-मैत्रीपूर्ण:**
+**उच्च-स्तर भाषा (JavaScript) – मान्छे-मित्रवत:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// चरण १: आधारभूत फिबोनाची सेटअप
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -186,127 +183,201 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**यो कोडले के गर्छ:**
-- **घोषणा गर्नुहोस्** कि हामी कति फिबोनाच्ची संख्या उत्पन्न गर्न चाहन्छौं
-- **आरम्भ गर्नुहोस्** दुई भेरिएबलहरू अनुक्रममा हालको र अर्को संख्याहरू ट्र्याक गर्न
-- **सेट अप गर्नुहोस्** फिबोनाच्ची ढ
-- **टिप्पणीहरू**: उच्च-स्तरीय भाषाहरूले व्याख्यात्मक टिप्पणीहरूलाई प्रोत्साहन गर्छन् जसले कोडलाई आफैंले बुझ्न सक्ने बनाउँछ।  
-- **संरचना**: जाभास्क्रिप्टको तार्किक प्रवाहले मानिसहरूले समस्याहरूलाई चरण-दर-चरण सोच्ने तरिकासँग मेल खान्छ।  
-- **मर्मतसम्भार**: विभिन्न आवश्यकताहरूका लागि जाभास्क्रिप्ट संस्करण अद्यावधिक गर्नु सरल र स्पष्ट छ।  
+**यो कोड के गर्छ:**
+- **घोषणा** स्थायी मान जसले कति वटा फारबोनाच्ची संख्या उत्पन्न गर्ने छ भनेर जनाउँछ
+- **शुरूवात** दुई भेरिएबलमार्फत अनुक्रमका हाल र अर्को संख्या ट्र्याक गर्छ
+- **सेटअप** सुरुका मानहरू (0 र 1) जसले फारबोनाच्ची नमूना परिभाषित गर्छ
+- **प्रदर्शन** आउटपुटको लागि एक शीर्षक सन्देश देखाउँछ
+
+```javascript
+// चरण २: लूपको साथ अनुक्रम उत्पन्न गर्नुहोस्
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // अनुक्रममा अर्को संख्या गणना गर्नुहोस्
+  const sum = current + next;
+  current = next;
+  next = sum;
+}
+```
+
+**यहाँ के हुन्छ भाँच्दै:**
+- **पर्खाल** हरेक अनुक्रम स्थानमा `for` लूप प्रयोग गरेर घुम्छ
+- **प्रदर्शन** प्रत्येक सङ्ख्या र यसको स्थान टेम्प्लेट लिटरल फारम्याटिङ्गले देखाउँछ
+- **गणना** वर्तमान र अर्को मानहरू जोडेर अर्को फारबोनाच्ची संख्या बनाउँछ
+- **अद्यावधिक** हाम्रो ट्र्याकिङ भेरिएबलहरू अर्को चरणमा लाग्छ
+
+```javascript
+// चरण ३: आधुनिक कार्यात्मक दृष्टिकोण
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
+
+// उपयोग उदाहण
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**माथि, हामीले:**
+- **बनेको** आधुनिक एरो फङ्सन सिन्ट्याक्स प्रयोग गरेर पुन: प्रयोग गर्न मिल्ने फंक्शन
+- **बनायो** सम्पूर्ण अनुक्रम भण्डारण गर्नको लागि एरे एकल एकल देखाउनुभन्दा
+- **एरे इन्डेक्सिङ** प्रयोग गरेर हरेक नयाँ संख्या पहिलेका मानबाट गणना गर्‍यो
+- **फिर्ता गर्‍यो** पूर्ण अनुक्रम लचिलो प्रयोगको लागि प्रोग्रामका अन्य भागहरूमा
+
+**तल्लो-स्तर भाषा (ARM Assembly) – कम्प्युटर-मित्रवत:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+JavaScript संस्करण लगभग अंग्रेजी निर्देश जस्तै पढिन्छ, जबकि Assembly संस्करण कम्प्युटरको प्रोसेसरलाई सिधै नियन्त्रण गर्ने गूढ आदेशहरू प्रयोग गर्छ। दुबैले ठ्याक्कै उही काम गर्दछन्, तर उच्च-स्तर भाषा मान्छेलाई बुझ्न, लेख्न, र मर्मत गर्न सजिलो हुन्छ।
+
+**तिमीले देख्ने मुख्य फरकहरू:**
+- **पढ्न सजिलो**: JavaScript मा `fibonacciCount` जस्ता वर्णनात्मक नामहरू प्रयोग गरिन्छ जबकि Assembly ले `r0`, `r1` जस्ता रहस्यमय लेबलहरू प्रयोग गर्दछ
+- **टिप्पणीहरू**: उच्च-स्तरीय भाषाहरू व्याख्यात्मक टिप्पणीहरूलाई प्रोत्साहन गर्छन् जसले कोडलाई आत्म-दस्तावेजी बनाउँछ
+- **संरचना**: JavaScript को तार्किक प्रवाहले मानिसहरू समस्याहरूलाई चरण-दर-चरण कसरी सोच्दछन् त्यो अनुसार मेल खान्छ
+- **मर्मतसम्भार**: फरक आवश्यकताहरूको लागि JavaScript संस्करण अद्यावधिक गर्नु सरल र स्पष्ट हुन्छ
 
-✅ **फिबोनाची अनुक्रमको बारेमा**: यो अत्यन्तै सुन्दर संख्याको ढाँचा (जहाँ प्रत्येक संख्या अघिल्लो दुईको योग बराबर हुन्छ: ०, १, १, २, ३, ५, ८...) प्रकृतिमा *जताततै* देखिन्छ! तपाईंले यसलाई सूर्यफूलको घुमाउरो, सल्लाको शंकुका ढाँचाहरू, नौटिलस खोलको घुमाउरो, र यहाँसम्म कि रुखका हाँगाहरू बढ्ने तरिकामा पनि पाउनुहुनेछ। गणित र कोडले प्रकृतिले सौन्दर्य सिर्जना गर्न प्रयोग गर्ने ढाँचाहरूलाई बुझ्न र पुनः सिर्जना गर्न मद्दत गर्न सक्छ भन्ने कुरा साँच्चै चमत्कारी छ!  
+✅ **Fibonacci अनुक्रम बारे**: यो अत्यन्त आकर्षक संख्या ढाँचा (जहाँ प्रत्येक संख्या अघिल्लो दुईको योग बराबर हुन्छ: 0, 1, 1, 2, 3, 5, 8...) प्रकृतिमा शब्दशः *सबै ठाउँमा* पाईन्छ! तपाईं यसलाई सूर्यगुलाबी फुलका घुमाउरोहरू, पाइनकोन ढाँचाहरू, नटिलस खोलाहरू कसरी घुम्छन् र रुखका हाँगाहरू कसरी बढ्छन् त्यसमाथि पनि पाउनुहुनेछ। कति अचम्म लाग्दो छ कि गणित र कोडले हामीलाई प्राकृतिक सुन्दरताका ढाँचाहरू बुझ्न र पुनःनिर्माण गर्न सहयोग पुर्‍याउँछन्!
 
-## जादू सिर्जना गर्ने आधारभूत तत्वहरू  
+## जादु हुने आधारभूत पाटाहरू
 
-ठिक छ, अब तपाईंले प्रोग्रामिङ भाषाहरूलाई काममा देख्नुभयो, आउनुहोस् ती आधारभूत टुक्राहरूलाई तोडौं जसले अहिलेसम्म लेखिएको प्रत्येक प्रोग्राम बनाउँछ। यीलाई तपाईंको मनपर्ने रेसिपीका आवश्यक सामग्रीहरू जस्तै सोच्नुहोस् – एकपटक तपाईंले प्रत्येकले के गर्छ बुझ्नुभयो भने, तपाईंले लगभग कुनै पनि भाषामा कोड पढ्न र लेख्न सक्नुहुन्छ!  
+ठिक छ, अब तपाईंले कार्यक्रम भाषाहरू क्रियाशील रूपमा कस्तो देखिन्छ भनेर हेर्नुभयो, आउनुहोस् ती मुलभूत अंशहरूलाई टुक्र्याएर हेयरौं जसले शब्दशः हरेक लेखिएको प्रोग्राम बनाउँछन्। यीलाई तपाईंको मनपर्ने पाक विधिमामा आवश्यक सामग्रीहरू जस्तो सम्झनुहोस् – एकपटक तपाईंले प्रत्येक अंशको काम बुझ्नुभयो भने, तपाईं लगभग कुनै पनि भाषामा कोड पढ्न र लेख्न सक्षम हुनुहुनेछ!
 
-यो प्रोग्रामिङको व्याकरण सिक्ने जस्तै हो। विद्यालयमा तपाईंले संज्ञा, क्रियापद, र वाक्यहरू कसरी मिलाउने भनेर सिक्नुभएको सम्झनुहुन्छ? प्रोग्रामिङको आफ्नै व्याकरण छ, र इमानदारीपूर्वक भन्नुपर्दा, यो अंग्रेजी व्याकरणभन्दा धेरै तार्किक र क्षमाशील छ! 😄  
+यो प्रोग्रामिङको व्याकरण सिक्ने जस्तो हो। स्कूलमा जब तपाईंले नाम, क्रिया र वाक्य कसरी बनाएँ भन्ने कुरा सिक्नु भयो? प्रोग्रामिङको आफ्नै व्याकरण छ, र साँच्चै भन्नुपर्दा, त्यो अंग्रेजी व्याकरण भन्दा धेरै तार्किक र माफालु छ! 😄
 
-### स्टेटमेन्टहरू: चरण-दर-चरण निर्देशनहरू  
+### बयानहरू: कदम-दर-कदम निर्देशनहरू
 
-आउनुहोस् **स्टेटमेन्टहरू**बाट सुरु गरौं – यी तपाईंको कम्प्युटरसँगको कुराकानीका व्यक्तिगत वाक्यहरू जस्तै हुन्। प्रत्येक स्टेटमेन्टले कम्प्युटरलाई एक विशिष्ट काम गर्न भन्छ, जस्तै निर्देशन दिनु: "यहाँ बायाँ मोड्नुहोस्," "रातो बत्तीमा रोक्नुहोस्," "त्यो ठाउँमा पार्क गर्नुहोस्।"  
+हाम्रा सुरु गरौं **बयानहरू** बाट – यी तपाईंको कम्प्युटरसँग कुराकानी गर्ने व्यक्तिगत वाक्य जस्तै हुन्छन्। हरेक बयानले कम्प्युटरलाई कुनै एउटा विशेष काम गर्न आदेश दिन्छ, जस्तै दिशानिर्देशनहरू दिने: "यहाँबाट बायाँ घुम," "रातो बत्तीमा रोकिनु," "त्यो ठाउँमा पार्क गर्नु।"
 
-मलाई स्टेटमेन्टहरू मनपर्छ किनभने ती सामान्यतया पढ्न सजिलो हुन्छन्। यो हेर्नुहोस्:  
+बयानहरूको सबैभन्दा राम्रो कुरा तिनीहरू धेरै पढ्न सजिला हुन्छन्। यो हेरौँ:
 
 ```javascript
-// Basic statements that perform single actions
+// एकल कार्यहरू गर्ने आधारभूत कथनहरू
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**यो कोडले के गर्छ:**  
-- **घोषणा गर्नुहोस्** स्थिर भेरिएबल प्रयोगकर्ताको नाम भण्डारण गर्न।  
-- **देखाउनुहोस्** अभिवादन सन्देश कन्सोल आउटपुटमा।  
-- **गणना गर्नुहोस्** र गणितीय अपरेशनको नतिजा भण्डारण गर्नुहोस्।  
+
+**यस कोडले के गर्छ:**
+- प्रयोगकर्ताको नाम भण्डारण गर्न स्थिर चर घोषणा गर्नुहोस्
+- कन्सोल आउटपुटमा अभिवादन सन्देश देखाउनुहोस्
+- गणितीय अपरेसनको परिणाम गणना र भण्डारण गर्नुहोस्
 
 ```javascript
-// Statements that interact with web pages
+// वेब पृष्ठहरूसँग अन्तरक्रिया गर्ने वक्तव्यहरू
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**चरण-दर-चरण, यहाँ के भइरहेको छ:**  
-- **परिवर्तन गर्नुहोस्** ब्राउजर ट्याबमा देखिने वेबपेजको शीर्षक।  
-- **बदल्नुहोस्** सम्पूर्ण पृष्ठको पृष्ठभूमि रंग।  
 
-### भेरिएबलहरू: तपाईंको प्रोग्रामको मेमोरी प्रणाली  
+**क्रमशः, यसरी हुन्छ:**
+- ब्राउजर ट्याबमा देखा पर्ने वेबपेजको शीर्षक परिवर्तन गर्नुहोस्
+- सम्पूर्ण पृष्ठको पृष्ठभूमि रङ परिवर्तन गर्नुहोस्
 
-ठिक छ, **भेरिएबलहरू** इमानदारीपूर्वक मेरो मनपर्ने अवधारणाहरू मध्ये एक हो किनभने ती तपाईंले दैनिक जीवनमा प्रयोग गर्ने चीजहरू जस्तै छन्!  
+### चरहरू: तपाईंको प्रोग्रामको स्मृति प्रणाली
 
-तपाईंको फोनको सम्पर्क सूचीको बारेमा सोच्नुहोस्। तपाईंले सबैको फोन नम्बर याद गर्नुहुन्न – यसको सट्टा, तपाईं "आमा," "सबैभन्दा राम्रो साथी," वा "पिज्जा स्थान जसले रातको २ बजेसम्म डेलिभर गर्छ" बचत गर्नुहुन्छ र तपाईंको फोनले वास्तविक नम्बरहरू सम्झन्छ। भेरिएबलहरू ठीक त्यस्तै काम गर्छन्! ती लेबल गरिएको कन्टेनरहरू जस्तै हुन् जहाँ तपाईंको प्रोग्रामले जानकारी भण्डारण गर्न सक्छ र पछि नाम प्रयोग गरेर पुनः प्राप्त गर्न सक्छ।  
+ठीक छ, **चरहरू** मेरो सबैभन्दा मनपर्ने अवधारणाहरू मध्ये एक हुन् किनभने तिनीहरू तपाईंले दैनिक रूपमा प्रयोग गर्ने वस्तुहरू जस्तै हुन्!
 
-यहाँ के साँच्चै चाखलाग्दो छ: भेरिएबलहरू तपाईंको प्रोग्राम चल्दा परिवर्तन गर्न सक्छन् (त्यसैले नाम "भेरिएबल" – हेर्नुहोस् उनीहरूले के गरे?)। जस्तै तपाईंले त्यो पिज्जा स्थान सम्पर्क अपडेट गर्न सक्नुहुन्छ जब तपाईंले अझ राम्रो ठाउँ पत्ता लगाउनुहुन्छ, भेरिएबलहरू तपाईंको प्रोग्रामले नयाँ जानकारी सिक्दा वा परिस्थितिहरू परिवर्तन हुँदा अपडेट गर्न सकिन्छ!  
+तपाईंको फोनको सम्पर्क सूचीलाई सोच्नुहोस्। तपाईं सबैको नम्बर याद गर्नुहुन्न – बरु "आमा," "सबैभन्दा राम्रो साथी," वा "रात्री २ बजेसम्म पिज्जा डेलिभरी गर्ने ठाउँ" सुरक्षित गर्नुहुन्छ र तपाईंको फोनले वास्तविक नम्बरहरू याद गर्छ। चरहरू त्यस्तै हुन्छन्! तिनीहरू लेबल गरिएका कन्टेनरहरू हुन् जहाँ तपाईंको प्रोग्रामले जानकारी भण्डारण गर्न र पछि नाम प्रयोग गरी पुन: प्राप्त गर्न सक्छ।
 
-म तपाईंलाई यो कति सुन्दर सरल हुन सक्छ भनेर देखाउँछु:  
+यो साँच्चिकै राम्रो कुरा हो: चरहरू प्रोग्राम चलिरहेको बेला परिवर्तन हुन सक्छन् (त्यसैले तिनीहरूलाई "चर" भनिन्छ – के हेर्नुभएको?). जस्तै तपाईं तेस्रो पक्ष पिज्जा स्थल परिवर्तन गर्नुहुन्छ जब राम्रो ठाउँ भेट्टाउनुहुन्छ, प्रोग्रामले नयाँ जानकारी सिक्दा वा अवस्था परिवर्तन हुँदा चरहरू अद्यावधिक गर्न सकिन्छ!
+
+यहाँ कति सरल र सुन्दर हुने देखाउन तयार छु:
 
 ```javascript
-// Step 1: Creating basic variables
+// चरण 1: आधारभूत चरहरू सिर्जना गर्दै
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**यी अवधारणाहरू बुझ्दै:**  
-- **भण्डारण गर्नुहोस्** स्थिर मानहरू `const` भेरिएबलहरूमा (जस्तै साइट नाम)।  
-- **प्रयोग गर्नुहोस्** `let` मानहरूको लागि जुन तपाईंको प्रोग्राममा परिवर्तन हुन सक्छ।  
-- **असाइन गर्नुहोस्** विभिन्न डेटा प्रकारहरू: स्ट्रिङहरू (पाठ), नम्बरहरू, र बूलियनहरू (सत्य/झुटो)।  
-- **चयन गर्नुहोस्** वर्णनात्मक नामहरू जसले प्रत्येक भेरिएबलले के समावेश गर्छ व्याख्या गर्छ।  
+
+**यी अवधारणाहरू बुझ्दै:**
+- `const` चरहरूमा अपरिवर्तनीय मानहरू भण्डारण गर्नुहोस् (जस्तै साइट नाम)
+- प्रोग्रामभर परिवर्तन हुन सक्ने मानहरूका लागि `let` प्रयोग गर्नुहोस्
+- विभिन्न प्रकारका डेटा जस्तै स्ट्रिङ (पाठ), संख्या, र बूलियन (सत्य/असत्य) निर्धारण गर्नुहोस्
+- प्रत्येक चरले के चाहन्छ भन्ने वर्णन गर्ने नामहरू रोज्नुहोस्
 
 ```javascript
-// Step 2: Working with objects to group related data
+// चरण २: सम्बन्धित डाटा समूह गर्न वस्तुहरूसँग काम गर्ने
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**माथिको कोडमा, हामीले:**  
-- **सिर्जना गर्यौं** सम्बन्धित मौसम जानकारीलाई एकसाथ समूह गर्न एक वस्तु।  
-- **व्यवस्थित गर्यौं** एक भेरिएबल नाम अन्तर्गत धेरै डेटा टुक्राहरू।  
-- **प्रयोग गर्यौं** प्रत्येक टुक्रालाई स्पष्ट रूपमा लेबल गर्न कुञ्जी-मूल्य जोडीहरू।  
+
+**माथिको ठाउँमा हामीले:**
+- सम्बन्धित मौसम सूचना समूहबद्ध गर्न वस्तु बनायौं
+- धेरै डेटा एउटै चर नाम अन्तर्गत सङगठित गर्यौं
+- प्रत्येक जानकारीलाई स्पष्ट रूपमा लेबल गर्न कुञ्जी-मूल्य जोडीहरू प्रयोग गर्यौं
 
 ```javascript
-// Step 3: Using and updating variables
+// चरण ३: चलहरू प्रयोग र अद्यावधिक गर्दै
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// परिवर्तनशील चलहरू अद्यावधिक गर्दै
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**प्रत्येक भाग बुझौं:**  
-- **देखाउनुहोस्** जानकारी टेम्प्लेट लिटरलहरू प्रयोग गरेर `${}` सिन्ट्याक्स।  
-- **पहुंच गर्नुहोस्** वस्तु गुणहरू डट नोटेशन (`weatherData.windSpeed`) प्रयोग गरेर।  
-- **अपडेट गर्नुहोस्** `let` भेरिएबलहरू बदलिने अवस्थाहरू प्रतिबिम्बित गर्न।  
-- **संयोजन गर्नुहोस्** धेरै भेरिएबलहरू अर्थपूर्ण सन्देशहरू सिर्जना गर्न।  
+
+**प्रत्येक भाग बुझौं:**
+- `${}` प्रयोग गरी टेम्प्लेट लिटरल्स मार्फत जानकारी प्रदर्शन गर्नुहोस्
+- डट नोटेशन (`weatherData.windSpeed`) ले वस्तुको गुणहरू पहुँच गर्नुहोस्
+- `let` संग घोषित चरहरूलाई हालको अवस्थाहरू प्रतिबिम्बित गर्न अद्यावधिक गर्नुहोस्
+- धेरै चरहरू मिलाएर अर्थपूर्ण सन्देशहरू सिर्जना गर्नुहोस्
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// चरण ४: सफा कोडको लागि आधुनिक डेस्ट्रक्चरिङ्ग
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**तपाईंलाई थाहा हुनुपर्ने कुरा:**  
-- **निकाल्नुहोस्** वस्तुहरूबाट विशिष्ट गुणहरू डेस्ट्रक्चरिङ असाइनमेन्ट प्रयोग गरेर।  
-- **सिर्जना गर्नुहोस्** नयाँ भेरिएबलहरू स्वतः वस्तु कुञ्जीहरूको समान नामहरू प्रयोग गरेर।  
-- **सरल बनाउनुहोस्** कोड दोहोरिने डट नोटेशनबाट बचेर।  
 
-### नियन्त्रण प्रवाह: तपाईंको प्रोग्रामलाई सोच्न सिकाउँदै  
+**जान्न आवश्यक कुरा:**
+- वस्तुबाट विशिष्ट गुणहरू निकाल्न संरचना (destructuring) असाइनमेन्ट प्रयोग गर्नुहोस्
+- वस्तु कुञ्जीहरू जस्तै नामका नयाँ चरहरू स्वतः सिर्जना गर्नुहोस्
+- केवल डट नोटेशन दोहोर्याउने टाढा गरेर कोड सरल बनाउनुहोस्
 
-ठिक छ, यहाँ प्रोग्रामिङ साँच्चै चमत्कारी हुन्छ! **नियन्त्रण प्रवाह** भनेको तपाईंको प्रोग्रामलाई स्मार्ट निर्णय गर्न सिकाउनु हो, ठीक तपाईंले दैनिक जीवनमा सोच्नुभएको जस्तै।  
+### नियन्त्रण प्रवाह: तपाईँको प्रोग्रामलाई सोच्न सिकाउनु
 
-कल्पना गर्नुहोस्: आज बिहान तपाईंले सम्भवतः यस्तो सोच्नुभयो "यदि पानी परिरहेको छ भने, म छाता लिन्छु। यदि चिसो छ भने, म ज्याकेट लगाउँछु। यदि म ढिलो छु भने, म नास्ता छोड्छु र बाटोमा कफी लिन्छु।" तपाईंको मस्तिष्कले यो यदि-त्यसपछि तर्क स्वाभाविक रूपमा दैनिक जीवनमा दर्जनौं पटक अनुसरण गर्छ!  
+ठिक छ, यहाँ प्रोग्रामिङ पूर्णतया रोमाञ्चक बन्न थाल्छ! **नियन्त्रण प्रवाह** तपाईंको प्रोग्रामलाई बुद्धिमानी निर्णय गर्न सिकाउने प्रक्रिया हो, ठीक तपाईंले दैनिक जीवनमा बिना सोचाइ गर्ने जस्तो।
 
-यसले प्रोग्रामहरूलाई बोरिंग, पूर्वानुमानित स्क्रिप्टको सट्टा बौद्धिक र जीवित महसुस गराउँछ। तिनीहरूले वास्तवमा स्थिति हेर्न सक्छन्, के भइरहेको छ मूल्याङ्कन गर्न सक्छन्, र उपयुक्त रूपमा प्रतिक्रिया दिन सक्छन्। यो तपाईंको प्रोग्रामलाई अनुकूलन गर्न र निर्णय गर्न सक्ने मस्तिष्क दिने जस्तै हो!  
+कल्पना गर्नुहोस्: आज बिहान तपाईंले " यदि पानी पर्दैछ भने छाता लिएर जान्छु। यदि चिसो छ भने ज्याकेट लगाउँछु। यदि म ढिला छु भने बिहानको खाना छोडेर बाटोमा कफी लिन्छु।" तपाईंको दिमाग स्वतः यो यदि-त्यसो हो त-त्यसो सम्बन्धित तर्कलाई पटक-पटक पालना गर्छ!
 
-यो कति सुन्दर काम गर्छ हेर्न चाहनुहुन्छ? म तपाईंलाई देखाउँछु:  
+यसले प्रोग्रामहरूलाई बुद्धिमानी र जीवन्त महसुस गराउँछ, केवल कुनै एकरस, कडाइपूर्ण स्क्रिप्ट चलाउने नभई। तिनीहरूले अवस्था मूल्यांकन गरेर उपयुक्त प्रतिक्रिया दिन सक्छन्। यो तपाईंको प्रोग्रामलाई अनुकूलन र निर्णय गर्ने मष्तिष्क दिने जस्तो हो!
+
+यो कति असाधारण काम गर्छ भनेर देख्न चाहनुहुन्छ? हेरौँ:
 
 ```javascript
-// Step 1: Basic conditional logic
+// चरण १: आधारभूत सशर्त तर्क
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -316,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**यो कोडले के गर्छ:**  
-- **जाँच गर्नुहोस्** प्रयोगकर्ताको उमेर मतदान आवश्यकतासँग मेल खान्छ कि छैन।  
-- **कार्यान्वयन गर्नुहोस्** विभिन्न कोड ब्लकहरू सर्तको परिणामको आधारमा।  
-- **गणना गर्नुहोस्** र मतदान योग्यता प्राप्त गर्न कति समय बाँकी छ देखाउनुहोस्।  
-- **प्रदान गर्नुहोस्** प्रत्येक परिदृश्यको लागि विशिष्ट, उपयोगी प्रतिक्रिया।  
+
+**यस कोडले के गर्छ:**
+- प्रयोगकर्ताको उमेर मतदान योग्यता पूरा गरेको छ कि छैन जाँच्नुहोस्
+- अवस्थाको परिणाम अनुसार विभिन्न कोड ब्लकहरू चलाउनुहोस्
+- १८ वर्ष मुनिको भए मतदान योग्यता सम्म कति समय बाँकी छ गणना गरी देखाउनुहोस्
+- प्रत्येक परिदृश्यका लागि विशेष, उपयोगी प्रतिक्रिया दिनुहोस्
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// चरण २: तार्किक अपरेटरहरूसँग बहु सर्तहरू
 const userAge = 17;
 const hasPermission = true;
 
@@ -336,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**यहाँ के भइरहेको छ तोड्दै:**  
-- **संयोजन गर्नुहोस्** धेरै सर्तहरू `&&` (र) अपरेटर प्रयोग गरेर।  
-- **सिर्जना गर्नुहोस्** सर्तहरूको पदानुक्रम `else if` प्रयोग गरेर धेरै परिदृश्यहरूको लागि।  
-- **सम्भावित सबै केसहरू ह्यान्डल गर्नुहोस्** अन्तिम `else` स्टेटमेन्टसँग।  
-- **प्रदान गर्नुहोस्** प्रत्येक फरक परिस्थितिको लागि स्पष्ट, कार्ययोग्य प्रतिक्रिया।  
+
+**यहाँ के हुन्छ टूटेर बुझौं:**
+- `&&` (र) अपरेटर प्रयोग गरी धेरै अवस्था संयोजन गर्नुहोस्
+- `else if` प्रयोग गरी विभिन्न परिदृश्यहरूको श्रेणी बनाउनुहोस्
+- अन्तिम `else` बयानले सबै सम्भावित केसहरू सम्हाल्छ
+- प्रत्येक फरक अवस्थाका लागि स्पष्ट, उपयोगी प्रतिक्रिया दिनुहोस्
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// चरण ३: टर्नरी अपरेटरसँग संक्षिप्त सर्तीय अभिव्यक्ति
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**तपाईंले सम्झनुपर्ने कुरा:**  
-- **प्रयोग गर्नुहोस्** टर्नरी अपरेटर (`? :`) सरल दुई-विकल्प सर्तहरूको लागि।  
-- **लेख्नुहोस्** सर्त पहिले, त्यसपछि `?`, त्यसपछि सत्य परिणाम, त्यसपछि `:`, त्यसपछि झुटो परिणाम।  
-- **लागू गर्नुहोस्** यो ढाँचा जब तपाईंलाई सर्तहरूको आधारमा मानहरू असाइन गर्न आवश्यक छ।  
+
+**स्मरण गर्नु पर्ने कुरा:**
+- सरल दुइ विकल्प अवस्थाहरूका लागि ternary अपरेटर (`? :`) प्रयोग गर्नुहोस्
+- पहिले अवस्था लेख्नुहोस्, त्यसपछि `?`, त्यसपछि सत्य परिणाम, त्यसपछि `:`, त्यसपछि झूठ परिणाम लेख्नुहोस्
+- अवस्था अनुसार मानहरु निर्धारित गर्न यो ढाँचाको प्रयोग गर्नुहोस्
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// चरण ४: धेरै विशिष्ट केसहरूको व्यवस्थापन
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -374,58 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**यो कोडले निम्न कार्यहरू पूरा गर्छ:**  
-- **मिलाउनुहोस्** भेरिएबल मानलाई धेरै विशिष्ट केसहरूसँग।  
-- **समूह बनाउनुहोस्** समान केसहरू (सप्ताहका दिन बनाम सप्ताहन्त)।  
-- **कार्यान्वयन गर्नुहोस्** उपयुक्त कोड ब्लक जब मिलान भेटिन्छ।  
-- **समावेश गर्नुहोस्** अप्रत्याशित मानहरू ह्यान्डल गर्न `default` केस।  
-- **प्रयोग गर्नुहोस्** `break` स्टेटमेन्टहरू कोडलाई अर्को केसमा जारी राख्नबाट रोक्न।  
 
-> 💡 **वास्तविक जीवनको उपमा**: नियन्त्रण प्रवाहलाई संसारकै सबैभन्दा धैर्यवान जीपीएसले तपाईंलाई निर्देशन दिइरहेको जस्तै सोच्नुहोस्। यो भन्न सक्छ "यदि मेन स्ट्रीटमा ट्राफिक छ भने, राजमार्ग लिनुहोस्। यदि राजमार्गमा निर्माण भइरहेको छ भने, रमणीय मार्ग प्रयास गर्नुहोस्।" प्रोग्रामहरूले ठीक त्यस्तै प्रकारको सर्तात्मक तर्क प्रयोग गर्छन् विभिन्न परिस्थितिहरूमा बुद्धिमानीपूर्वक प्रतिक्रिया दिन र सधैं प्रयोगकर्ताहरूलाई उत्तम सम्भावित अनुभव दिन।  
+**यस कोडले के गर्छ:**
+- चरको मानलाई धेरै विशिष्ट केसहरूसँग मिलाउनुहोस्
+- समान केसहरूलाई समूहबद्ध गर्नुहोस् (हप्तापछि र सप्ताहन्त)
+- मिलेको बेला उचित कोड ब्लक कार्यान्वयन गर्नुहोस्
+- अप्रत्याशित मानहरूका लागि `default` केस समावेश गर्नुहोस्
+- अर्को केसमा नजाने गरि `break` स्टेटमेन्टहरू प्रयोग गर्नुहोस्
 
-### 🎯 **अवधारणाको जाँच: आधारभूत तत्वहरूको मास्टरी**  
+> 💡 **वास्तविक-विश्व तुलना**: नियन्त्रण प्रवाहलाई संसारकै सबैभन्दा धैर्यशील GPS समान सम्झनुहोस् जुन तपाईंलाई दिशानिर्देश दिन्छ। यसले भन्न सक्छ "यदि मेन स्ट्रीटमा ट्राफिक छ भने, सट्टा हाइवे लिनुहोस्। यदि हाइवेमा निर्माण कार्य अवरुद्ध छ भने, रमणीय मार्ग प्रयोग गर्नुहोस्।" प्रोग्रामहरूले पनि यस्ता प्रकारका स्थिति अनुसार प्रतिक्रिया दिन बुद्धिमानी निर्णय तर्कहरू प्रयोग गर्छन् र सधैं प्रयोगकर्तालाई उत्तम अनुभव दिन्छन्।
 
-**आउनुहोस् हेर्नुहोस् तपाईं आधारभूत कुराहरूमा कत्तिको राम्रो गर्दै हुनुहुन्छ:**  
-- के तपाईं आफ्नो शब्दमा भेरिएबल र स्टेटमेन्टको बीचको फरक व्याख्या गर्न सक्नुहुन्छ?  
-- तपाईंले यदि-त्यसपछि निर्णय प्रयोग गर्ने वास्तविक जीवनको परिदृश्य सोच्न सक्नुहुन्छ (जस्तै हाम्रो मतदान उदाहरण)?  
-- प्रोग्रामिङ तर्कको बारेमा तपाईंलाई चकित पार्ने एउटा कुरा के हो?  
+### 🎯 **अवधारणा जाँच: आधारभूत तत्वहरूमा दक्षता**
 
-**छिटो आत्मविश्वास बूस्टर:**  
+**मूलभूत कुराहरूमा तपाईं कति सक्षम हुनुहुन्छ जाँचौं:**
+- तपाईं आफ्नै शब्दमा चर र बयानको बीच के फरक छ भन्न सक्नुहुन्छ?
+- एउटा वास्तविक-विश्व परिस्थिति सोच्नुहोस् जहाँ तपाईंले यदि-त्यसो निर्णय प्रयोग गर्नुहुन्छ (जस्तै हामीले मतदान उदाहरणमा गर्यौं)
+- प्रोग्रामिङ तर्कको बारेमा के कुराले तपाईंलाई अचम्मित पार्‍यो?
+
+**छिटो आत्मविश्वास बढाउने कुरा:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 कथनहरू<br/>(निर्देशनहरू)"] --> B["📦 चरहरू<br/>(भण्डारण)"] --> C["🔀 नियन्त्रण प्रवाह<br/>(निर्णयहरू)"] --> D["🎉 काम गर्ने कार्यक्रम!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-  
-✅ **अर्को के आउँदैछ**: हामी यी अवधारणाहरूमा अझ गहिरो डुब्न जाँदैछौं र यो अविश्वसनीय यात्रामा सँगै अगाडि बढ्दै जाँदा पूर्ण रूपमा रमाइलो गर्नेछौं! अहिले, तपाईंले अगाडि रहेका सबै अद्भुत सम्भावनाहरूको बारेमा उत्साहित महसुस गर्न ध्यान दिनुहोस्। विशिष्ट सीपहरू र प्रविधिहरू अभ्यास गर्दा स्वाभाविक रूपमा अडिनेछन् – म वाचा गर्छु यो तपाईंले अपेक्षा गर्नुभएको भन्दा धेरै रमाइलो हुनेछ!  
+✅ **आगामी के छ**: हामी यी अवधारणाहरू अझ गहिराइमा अध्ययन गर्नेछौं र यो अनौंठो यात्रा सँगै रमाइलो गर्ने छौं! अहिले त केवल भविष्यका सबै अद्भुत सम्भावनाहरूको लागि उत्साह महसुस गर्न केन्द्रित हुनुहोस्। विशेष सीप र प्रविधिहरू अभ्यासका साथ स्वाभाविक रूपमा टाँसिनेछन् – म वाचा गर्छु यो तपाईंले आशा गर्नुभन्दा धेरै रमाइलो हुनेछ!
 
-## व्यापारका उपकरणहरू  
+## उपकरणहरूको संसार
 
-ठिक छ, यो इमानदारीपूर्वक जहाँ म यति उत्साहित हुन्छु कि म आफूलाई सम्हाल्न सक्दिन! 🚀 हामी ती अविश्वसनीय उपकरणहरूको बारेमा कुरा गर्न जाँदैछौं जसले तपाईंलाई डिजिटल अन्तरिक्ष यानको चाबी दिइएको जस्तो महसुस गराउनेछ।  
+ठिक छ, यहाँ म साँच्चै उत्साहित छु र आफूलाई रोक्न गाह्रो छ! 🚀 हामी ती अविश्वसनीय उपकरणहरू बारे कुरा गर्न जाँदैछौं जसले तपाईंलाई जस्तो लाग्छ डिजिटल अन्तरिक्ष यानका साँचाहरू पाउँदा जस्तो महसुस हुन सक्दछ।
 
-तपाईंलाई थाहा छ कसरी शेफसँग ती पूर्ण रूपमा सन्तुलित चक्कुहरू हुन्छन् जसले उनीहरूको हातको विस्तार जस्तो महसुस गराउँछ? वा कसरी संगीतकारसँग त्यो एक गिटार हुन्छ जसले उनीहरूले छोएपछि गाउन जस्तो देखिन्छ? ठिक छ, विकासकर्ताहरूको आफ्नै संस्करणका यी जादुई उपकरणहरू छन्, र यहाँ के तपाईंलाई पूर्ण रूपमा चकित पार्नेछ – ती मध्ये अधिकांश पूर्ण रूपमा निःशुल्क छन्!  
+तपाईं कसरी रसोइया सन्तुलित छुरा प्रयोग गर्छ जुन हातको विस्तार जस्तो लाग्छ भनेर थाहा छ? वा कसरी संगीतकारसँग त्यो एक गितार हुन्छ जुन त्यसलाई छोएपछिको छिनमै गीत गाउन थाल्छ? खैर, विकासकर्ताहरूका आफ्नै जादुगर उपकरणहरू छन्, र यहाँ के छ जसले तपाईंको मन पूर्णतया उडाउनेछ – अधिकांश पूर्णतया निःशुल्क छन्!
 
-म तपाईंलाई यी उपकरणहरू साझा गर्न सोच्दै मेरो कुर्सीमा उफ्रिरहेको छु किनभने तिनीहरूले हामीले सफ्टवेयर निर्माण गर्ने तरिकालाई पूर्ण रूपमा क्रान्तिकारी बनाएका छन्। हामी एआई-संचालित कोडिङ सहायकहरूको बारेमा कुरा गर्दैछौं जसले तपाईंको कोड लेख्न मद्दत गर्न सक्छ (म मजाक गरिरहेको छैन!), क्लाउड वातावरण जहाँ तपाईं शाब्दिक रूपमा वाइफाइ भएको कुनै पनि ठाउँबाट सम्पूर्ण एप्लिकेसनहरू निर्माण गर्न सक्नुहुन्छ, र डिबगिङ उपकरणहरू यति परिष्कृत छन् कि तिनीहरू तपाईंको प्रोग्रामहरूको लागि एक्स-रे दृष्टि भएको जस्तो छन्।  
+म भन्दाभन्दै खुशीले उफ्रिरहेको छु यी साझा गर्न किनभने तिनीहरूले सफ्टवेयर बनाउने तरिका पूर्ण रूपमा परिवर्तन गरिदिएका छन्। हामी AI-सञ्चालित कोडिङ सहयोगीहरूको बारेमा कुरा गर्दैछौं जसले तपाईंको कोड लेख्न मद्दत गर्छ (म ठट्टा गरिरहेको छैन!), क्लाउड वातावरणहरू जहाँ तपाईं जुनसुकै स्थानबाट Wi-Fi सँग सम्पूर्ण एप्लिकेसनहरू निर्माण गर्न सक्नुहुन्छ, र डिबगिङ उपकरणहरू जसले तपाईंको प्रोग्रामहरूका लागि X-ray दृष्टि भएको जस्तो सहायता दिन्छ।
 
-र यहाँ भाग छ जसले अझै मलाई चिसो दिन्छ: यी "सुरुवात उपकरणहरू" होइनन् जुन तपाईंले बढ्दै जानुहुन्छ। यी Google, Netflix, र तपाईंले मन पराउने त्यो इन्डी एप स्टुडियोका विकासकर्ताहरूले अहिलेको क्षणमा प्रयोग गरिरहेका ठ्याक्कै समान व्यावसायिक-ग्रेड उपकरणहरू हुन्। तिनीहरू प्रयोग गर्दा तपाईंलाई यति धेरै प्रो महसुस हुनेछ!  
+र यहाँ त्यो भाग छ जसले अझै पनि मलाई चिसो छाप दिन्छ: यी "सुरु गर्नेलाई मात्र" उपकरणहरू होइनन् जुन तपाईंले छोड्ने कुरा हो। यी Google, Netflix, र तपाईंले मन पराउने त्यस स्वतन्त्र एप स्टुडियोका विकासकर्ताहरूले अहिले नै प्रयोग गरिरहेको ठ्याक्कै त्यही व्यावसायिक उपकरणहरू हुन्। तपाईंलाई यिनीहरू प्रयोग गर्दा असाधारण पेशेवर महसुस हुनेछ!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 तपाईंको विचार"] --> B["⌨️ कोड सम्पादक<br/>(VS Code)"] 
+    B --> C["🌐 ब्राउजर डेभटुल्स<br/>(टेस्टिङ र डिबगिङ)"]
+    C --> D["⚡ कमाण्ड लाइन<br/>(स्वचालन र उपकरणहरू)"]
+    D --> E["📚 कागजातहरू<br/>(अध्ययन र सन्दर्भ)"]
+    E --> F["🚀 शानदार वेब एप!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 एआई सहायक<br/>(GitHub Copilot)"]
+    C -.-> H["📱 उपकरण परीक्षण<br/>(उत्तरदायी डिजाइन)"]
+    D -.-> I["📦 प्याकेज म्यानेजरहरू<br/>(npm, yarn)"]
+    E -.-> J["👥 समुदाय<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -434,324 +504,344 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-  
-### कोड सम्पादकहरू र IDEs: तपाईंको नयाँ डिजिटल सबैभन्दा राम्रो साथीहरू  
+### कोड सम्पादकहरू र IDE: तपाईंका नयाँ डिजिटल सबैभन्दा राम्रो साथीहरू
+
+आउनुहोस् कोड सम्पादकहरूको कुरा गरौं – यी साँच्चिकै तपाईंका नयाँ मनपर्ने ठाउँ बन्ने छन्! तिनीहरूलाई तपाईंको व्यक्तिगत कोडिङ आश्रय स्थलको रूपमा सोच्नुहोस् जहाँ तपाईंले आफ्नो डिजिटल सिर्जनाहरू बनाउने र पूरा गर्ने अधिकांश समय बिताउनेछ।
+
+तर यहाँ आधुनिक सम्पादकहरूको जादु छ: तिनीहरू केवल सामान्य टेक्स्ट सम्पादकहरू मात्र होइनन्। ती तपाईंको सबभन्दा प्रतिभाशाली, सहयोगी कोडिङ गुरु तपार्इंसँग २४/७ बसेको जस्तो हुन्छ। तिनीहरूले तपाईंको टाइपोहरू तपाईंलाई थाहा हुनु अघि नै समात्छन्, सुधार सुझावहरू दिन्छन् जसले तपाईंलाई दिमागी खतरनाक देखाउँछन्, हरेक टुक्रा कोड काय हुन्छ भनेर बुझ्न मद्दत गर्छन्, र केही त तपाईंले के टाइप गर्न लाग्नु भएको छ अन्दाज लगाएर तपाईंलाई विचार पुरा गर्ने प्रस्ताव पनि गर्छन्!
+
+म याद गर्छु जब म पहिलो पटक अटोकम्प्लिशन भेटें – मलाई लाग्थ्यो म भविष्यमा रहेको छु। तपाईं केही टाइप गर्न थाल्नुहुन्छ र तपाईंको सम्पादक भन्छ, "हे, तपाईं केहि यस्तै प्रकारको फङ्सन सोच्दै हुनुहुन्थ्यो जुन तपाईंलाई चाहिन्छ?" यो तपाईंको कोडिङ साथीको रूपमा मष्तिष्क पढ्ने जस्तो हो!
 
-आउनुहोस् कोड सम्पादकहरूको बारेमा कुरा गरौं – यी गम्भीर रूपमा तपाईंको नयाँ मनपर्ने ठाउँहरू बन्न जाँदैछन्! तिनीहरूलाई तपाईंको व्यक्तिगत कोडिङ अभयारण्य जस्तै सोच्नुहोस् जहाँ तपाईं आफ्नो डिजिटल सिर्जनाहरू निर्माण र परिष्कृत गर्न अधिकांश समय बिताउनुहुनेछ।  
+**यी सम्पादकहरूलाई किन यति अद्भुत बनाउँछ?**
 
-तर यहाँ के पूर्ण रूपमा जादुई छ आधुनिक सम्पादकहरूको बारेमा: तिनीहरू केवल फ्यान्सी पाठ सम्पादकहरू मात्र होइनन्। तिनीहरू जस्तै छन् कि तपाईंको छेउमा २४/७ बस्ने सबैभन्दा प्रतिभाशाली, सहयोगी कोडिङ गुरु। तिनीहरूले तपाईंको टाइपोहरू तपाईंले नोटिस गर्नु अघि नै समात्छन्, सुधारहरूको सुझाव दिन्छन् जसले तपाईंलाई प्रतिभाशाली जस्तो देखाउँछ, तपाईंलाई प्रत्येक कोडको टुक्राले के गर्छ बुझ्न मद्दत गर्छ, र तिनीहरू मध्ये केहीले तपाईंले टाइप गर्न लागेको कुरा भविष्यवाणी गर्न सक्छन् र तपाईंको विचारहरू समाप्त गर्न प्रस्ताव गर्न सक्छन्!  
+आधुनिक कोड सम्पादकहरूले तपाईंको उत्पादकत्व बढाउने विविध सुविधा प्रदान गर्छन्:
 
-मलाई याद छ जब मैले पहिलो पटक अटो-कम्प्लिसन पत्ता लगाएँ – म शाब्दिक रूपमा भविष्यमा बाँचिरहेको जस्तो महसुस गरें। तपाईंले केही टाइप गर्न सुरु गर्नुहुन्छ, र तपाईंको सम्पादकले भन्छ, "हेर्नुहोस्, के तपाईंलाई यो फङ्सन चाहिएको थियो जसले तपाईंलाई चाहिएको कुरा ठीक गर्छ?" यो तपाईंको कोडिङ साथीको रूपमा मन पढ्ने जस्तो छ!  
+| सुविधा | के गर्छ | किन मद्दत गर्छ |
+|---------|----------|----------------|
+| **सिन्ट्याक्स हाइलाइटिङ** | तपाईंको कोडका विभिन्न भागहरूलाई रंगीन बनाउँछ | कोड पढ्न सजिलो र त्रुटि पत्ता लगाउन मद्दत गर्छ |
+| **अटोकम्प्लिशन** | तपाईंले टाइप गर्दा कोड सुझाव दिन्छ | कोड लेख्न छिटो र टाइपो कम गर्छ |
+| **डिबगिङ उपकरणहरू** | त्रुटिहरू पत्ता लगाउन र सुधार गर्न मद्दत गर्छ | अनुसन्धानमा धेरै समय बचत गर्छ |
+| **एक्सटेन्सनहरू** | विशेष सुविधा थप्छ | तपाईंको सम्पादकलाई कुनै पनि प्रविधिको लागि अनुकूल बनाउनुहोस् |
+| **AI सहायकहरू** | कोड र व्याख्या सुझाव दिन्छ | सिकाइ र उत्पादकत्व तीव्र बनाउँछ |
 
-**यी सम्पादकहरूलाई यति अविश्वसनीय बनाउने के हो?**  
+> 🎥 **भिडियो स्रोत**: यी उपकरणहरू कसरी काम गर्छन् देख्न चाहनुहुन्छ? यो [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) - यथार्थ-समयको सहकार्य
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - स्वचालित कोड फर्म्याटिङ
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - तपाईंको कोडको टाइपो पत्ता लगाउने
 
-> 🎥 **भिडियो स्रोत**: यी उपकरणहरूलाई काममा देख्न चाहनुहुन्छ? [टूल्स अफ द ट्रेड भिडियो](https://youtube.com/watch?v=69WJeXGBdxg) हेर्नुहोस् विस्तृत अवलोकनको लागि।  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (पेड, विद्यार्थीहरूका लागि निःशुल्क)
+- उच्च स्तरीय डिबगिङ र परीक्षण उपकरणहरू
+- बौद्धिक कोड पूर्णता
+- इनबिल्ट भर्सन कन्ट्रोल
 
-#### वेब विकासका लागि सिफारिस गरिएका सम्पादकहरू  
+**क्लाउड-आधारित IDEs** (विभिन्न मूल्यहरू)
+- [GitHub Codespaces](https://github.com/features/codespaces) - ब्राउजरमा पूर्ण VS Code
+- [Replit](https://replit.com/) - सिक्न र कोड साझा गर्न उत्कृष्ट
+- [StackBlitz](https://stackblitz.com/) - छिटो, पूर्ण-स्ट्याक वेब विकास
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (निःशुल्क)  
-- वेब विकासकर्ताहरू बीच सबैभन्दा लोकप्रिय।  
-- उत्कृष्ट एक्सटेन्सन इकोसिस्टम।  
-- बिल्ट-इन टर्मिनल र Git एकीकरण।  
-- **आवश्यक एक्सटेन्सनहरू**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - एआई-संचालित कोड सुझावहरू।  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - वास्तविक
-पहिलो पटक कसैले मलाई ब्राउजरको DevTools देखाएको थियो, म तीन घण्टा जति क्लिक गर्दै "पर्खिनुहोस्, यसले यो पनि गर्न सक्छ?!" भन्दै बिताएँ। तपाईं कुनै पनि वेबसाइटलाई वास्तविक समयमा सम्पादन गर्न सक्नुहुन्छ, सबै कुरा कति छिटो लोड हुन्छ भनेर हेर्न सक्नुहुन्छ, विभिन्न उपकरणहरूमा तपाईंको साइट कस्तो देखिन्छ भनेर परीक्षण गर्न सक्नुहुन्छ, र JavaScript लाई पूर्ण प्रो जस्तै डिबग गर्न सक्नुहुन्छ। यो साँच्चै अचम्मको कुरा हो!
+> 💡 **सुरु गर्ने सुझाव**: Visual Studio Code बाट सुरु गर्नुहोस् – यो निःशुल्क, उद्योगमा व्यापक प्रयोग हुने, र ठूलो समुदायले सहयोगी ट्युटोरियलहरू र एक्सटेन्सनहरू बनाइरहेको छ।
 
-**किन ब्राउजरहरू तपाईंको गोप्य हतियार हुन्:**
+### वेब ब्राउजरहरू: तपाईंको गोप्य विकास प्रयोगशाला
 
-जब तपाईं वेबसाइट वा वेब एप्लिकेसन बनाउनुहुन्छ, तपाईंलाई यो वास्तविक संसारमा कस्तो देखिन्छ र कस्तो व्यवहार गर्छ भनेर हेर्न आवश्यक छ। ब्राउजरहरूले तपाईंको काम मात्र देखाउँदैनन्, तर प्रदर्शन, पहुँचयोग्यता, र सम्भावित समस्याहरूको विस्तृत प्रतिक्रिया पनि प्रदान गर्छन्।
+ठीक छ, तपाईंको मन पूर्णतया उडाउन तयार हुनुहोस्! तपाईं सामाजिक मिडिया स्क्रोल गर्न र भिडियो हेर्न ब्राउजरहरू प्रयोग गर्दै आइरहनुभएको छ। तर उनीहरू सधैं तपाईंलाई पत्ता लगाउन बाँकी रहेको अविश्वसनीय गोप्य विकास प्रयोगशाला लुकाइरहेका थिए!
 
-#### ब्राउजर डेभलपर टूल्स (DevTools)
+हरेक पटक तपाईंले वेबपेजमा राईट-क्लिक गरी "Inspect Element" छान्नुहुन्छ, तपाईं विकासकर्ता उपकरणहरूको एउटा लुकाइएको संसार खोल्नुहुन्छ जुन साँच्चिकै मैले पहिले सयौं डलर तिरेर किन्ने महँगो सफ्टवेयरहरू भन्दा बढी शक्तिशाली छन्। यो ठ्याक्कै तपाईंको पुरानो भान्सा पछाडि एउटा व्यावसायिक रसोइया प्रयोगशाला लुकिरहेको पत्ता लगाउनुजस्तो हो!
+पहिलो पटक कसैले मलाई ब्राउजर DevTools देखाएको बेला, म लगभग तीन घन्टा मात्र क्लिक गर्दै र "पर्ख, त्यो पनि गर्न सक्छ?!" भन्दै बिताएँ। तपाईं साँच्चिकै कुनै पनि वेबसाइटलाई वास्तविक समयमा सम्पादन गर्न सक्नुहुन्छ, सबै कुरा कति छिटो लोड हुन्छ भनेर ठीकै देख्न सक्नुहुन्छ, तपाईंको साइट विभिन्न उपकरणहरूमा कस्तो देखिन्छ भनेर परीक्षण गर्न सक्नुहुन्छ, र जाभास्क्रिप्टलाई पूर्ण प्रो जस्तै डिबग गर्न सक्नुहुन्छ। यो पूर्ण रूपमा मनमोहक छ!
 
-आधुनिक ब्राउजरहरूले व्यापक विकास उपकरणहरू समावेश गर्छन्:
+**ब्राउजरहरू किन तपाईंको गोप्य हतियार हुन् भनेको यहाँ छ:**
 
-| टूल श्रेणी | यसले के गर्छ | उदाहरण प्रयोग केस |
-|------------|--------------|--------------------|
-| **Element Inspector** | HTML/CSS लाई वास्तविक समयमा हेर्न र सम्पादन गर्न | स्टाइल समायोजन गरेर तत्काल परिणाम हेर्नुहोस् |
-| **Console** | त्रुटि सन्देशहरू हेर्नुहोस् र JavaScript परीक्षण गर्नुहोस् | समस्याहरू डिबग गर्नुहोस् र कोडमा प्रयोग गर्नुहोस् |
-| **Network Monitor** | स्रोतहरू कसरी लोड हुन्छन् ट्र्याक गर्नुहोस् | प्रदर्शन र लोड समय अनुकूलित गर्नुहोस् |
-| **Accessibility Checker** | समावेशी डिजाइनको लागि परीक्षण गर्नुहोस् | सुनिश्चित गर्नुहोस् कि तपाईंको साइट सबै प्रयोगकर्ताहरूको लागि काम गर्छ |
-| **Device Simulator** | विभिन्न स्क्रिन साइजहरूमा पूर्वावलोकन गर्नुहोस् | धेरै उपकरणहरू बिना उत्तरदायी डिजाइन परीक्षण गर्नुहोस् |
+जब तपाईं वेबसाइट वा वेब एप्लिकेसन बनाउनुहुन्छ, तपाईंले वास्तविक दुनियाँमा यसले कस्तो देखिन्छ र कसरी व्यवहार गर्छ भनेर देख्नुपर्छ। ब्राउजरहरूले तपाईंको काम मात्र देखाउने होइनन्, प्रदर्शन, पहुँचयोग्यता, र सम्भावित समस्याहरूको विस्तृत प्रतिक्रिया पनि प्रदान गर्छन्।
 
-#### विकासको लागि सिफारिस गरिएका ब्राउजरहरू
+#### ब्राउजर डेवलपर टुल्स (DevTools)
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - विस्तृत दस्तावेजसहित उद्योग-मानक DevTools
+आधुनिक ब्राउजरहरूले व्यापक विकास सूटहरू समावेश गर्छन्:
+
+| उपकरण वर्ग | के गर्छ | प्रयोग गर्ने उदाहरण |
+|------------|---------|--------------------|
+| **एलिमेन्ट इन्स्पेक्टर** | HTML/CSS वास्तविक समयमा हेर्न र सम्पादन गर्न | तुरुन्त नतिजा हेर्न शैली समायोजन गर्न |
+| **कन्सोल** | त्रुटि सन्देशहरू हेर्न र जाभास्क्रिप्ट परीक्षण गर्न | समस्याहरू डिबग गर्न र कोडसँग प्रयोग गर्न |
+| **नेटवर्क मनिटर** | स्रोतहरू कसरी लोड हुन्छन् ट्र्याक गर्न | प्रदर्शन र लोडिङ समयहरू अनुकूलन गर्न |
+| **पहुँचयोग्यता चेकर** | समावेशी डिजाइन परीक्षण गर्न | सुनिश्चित गर्न कि तपाईंको साइट सबै प्रयोगकर्ताहरूको लागि काम गर्छ |
+| **डिभाइस सिम्युलेटर** | विभिन्न स्क्रिन आकारहरूमा पूर्वावलोकन गर्न | धेरै उपकरण बिना नै रेस्पोन्सिभ डिजाइन परीक्षण गर्न |
+
+#### विकासका लागि सिफारिस गरिएका ब्राउजरहरू
+
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - उद्योग-मानक DevTools व्यापक दस्तावेजीकरणसहित
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - उत्कृष्ट CSS Grid र पहुँचयोग्यता उपकरणहरू
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium मा आधारित Microsoft को विकास स्रोतहरूसँग
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Microsoft को विकास स्रोतहरूसहित Chromium मा आधारित
 
-> ⚠️ **महत्वपूर्ण परीक्षण सुझाव**: तपाईंको वेबसाइटहरू धेरै ब्राउजरहरूमा सधैं परीक्षण गर्नुहोस्! Chrome मा पूर्ण रूपमा काम गर्ने कुरा Safari वा Firefox मा फरक देखिन सक्छ। व्यावसायिक विकासकर्ताहरूले सबै प्रमुख ब्राउजरहरूमा परीक्षण गर्छन् ताकि प्रयोगकर्ताको अनुभव सुसंगत होस्।
+> ⚠️ **महत्वपूर्ण परीक्षण सुझाव**: तपाईंको वेबसाइटहरू सधैं बहु ब्राउजरहरूमा परीक्षण गर्नुहोस्! जुन कुरा Chrome मा उत्तम काम गर्छ त्यो Safari वा Firefox मा फरक देखिन सक्छ। व्यावसायिक विकासकर्ताहरू सबै प्रमुख ब्राउजरहरूमा प्रयोगकर्ता अनुभव सुसंगत बनाउन टेस्ट गर्छन्।
 
-### कमाण्ड लाइन टूल्स: विकासकर्ताको सुपरपावरको प्रवेशद्वार
+### कमाण्ड लाइन उपकरणहरू: तपाईंको विकासकर्ता उच्च क्षमता प्रवेशद्वार
 
-ठिक छ, कमाण्ड लाइनको बारेमा यहाँ एकदम इमानदार क्षण राखौं, किनकि म चाहन्छु तपाईंले यो कुरा कसैबाट सुन्नुहोस् जसले यो वास्तवमै बुझ्छ। जब मैले पहिलो पटक देखेँ – बस यो डर लाग्दो कालो स्क्रिन झिल्किरहेको पाठसँग – मैले शाब्दिक रूपमा सोचेँ, "होइन, बिल्कुल होइन! यो 1980 को ह्याकर फिल्मबाट केही जस्तो देखिन्छ, र म यसका लागि पर्याप्त स्मार्ट छैन!" 😅
+ठीक छ, कमाण्ड लाइन बारे पूर्ण ईमान्दार क्षण यहाँ छ किनकि म चाहन्छु तपाईं यो कसैबाट सुन्नुहोस् जसले साँच्चिकै बुझ्छ। जब मैले पहिलो पटक देखेँ – त्यो मात्र डराउने कालो स्क्रिन ब्लिंक गर्ने टेक्स्टसहित – मैले साँच्चिकै सोचें, "होइन, बिल्कुल होइन! यो 1980 को दशकको ह्याकर चलचित्र जस्तो देखिन्छ, र म यो लागि स्मार्ट छैन!" 😅
 
-तर यहाँ के हो जुन म चाहन्छु कसैले मलाई त्यतिबेला भनेको होस्, र म तपाईंलाई अहिले बताउँदैछु: कमाण्ड लाइन डर लाग्दो छैन – यो वास्तवमा तपाईंको कम्प्युटरसँग प्रत्यक्ष कुराकानी जस्तै हो। यसलाई सोच्नुहोस् कि तपाईंको मनपर्ने स्थानीय रेस्टुरेन्टमा जानु जहाँ शेफलाई तपाईंले के मन पराउनुहुन्छ भन्ने थाहा छ र तपाईंले "मलाई केही अद्भुत चिजले आश्चर्यचकित बनाउनुहोस्" भनेको मात्रले केही उत्तम तयार गर्न सक्छ।
+तर यहाँ त्यो कुरा हो जुन म चाहन्थेँ कसैले मलाई त्यो बेला भनिदिएको होस्, र जुन म अहिले तपाईंलाई भनिरहेको छु: कमाण्ड लाइन डराउने कुरा होइन – यो साँच्चिकै तपाईंको कम्प्युटरसँग प्रत्यक्ष संवाद जस्तो हो। यो त्यो फरक जस्तो हो जुन एक सुन्दर ऐप मार्फत तस्वीर र मेनुका साथ खाना अर्डर गर्ने (जसले सजिलो बनाउँछ) बनाम तपाईंको मनपर्ने स्थानीय रेस्टुरेन्टमा जानु जहाँ सेफले तपाईं के मन पराउनुहुन्छ भनी थाहा पाउँछन् र "कसरी मलाई अचम्मको कुरा दिनुहोस्" मात्र भनी केहि बनाई दिन्छ।
 
-कमाण्ड लाइन त्यहाँ हो जहाँ विकासकर्ताहरू पूर्ण जादूगर जस्तो महसुस गर्न जान्छन्। तपाईं केही जादुई शब्दहरू टाइप गर्नुहुन्छ (ठिक छ, तिनीहरू केवल कमाण्डहरू हुन्, तर तिनीहरू जादुई महसुस हुन्छन्!), इन्टर थिच्नुहोस्, र BOOM – तपाईंले सम्पूर्ण परियोजना संरचनाहरू सिर्जना गर्नुभएको छ, संसारभरका शक्तिशाली उपकरणहरू स्थापना गर्नुभएको छ, वा तपाईंको एपलाई इन्टरनेटमा लाखौं मानिसहरूले हेर्नका लागि तैनात गर्नुभएको छ। तपाईंले त्यो शक्ति पहिलो पटक अनुभव गरेपछि, यो वास्तवमै धेरै नशालु हुन्छ!
+कमाण्ड लाइन त्यही स्थान हो जहाँ विकासकर्ताहरूले आफूलाई पूर्ण जादूगर महसुस गर्छन्। तपाईंले केही जादूजस्तो लाग्ने शब्दहरू टाइप गर्नुहुन्छ (ठीक छ, ती केवल कमाण्ड हुन्, तर जादुईजस्तो महसुस हुन्छ!), इन्टर थिच्नुहोस्, र बूम – तपाईंले पूरा परियोजना संरचनाहरू तयार पार्नुभयो, विश्वभरिका शक्तिशाली उपकरणहरू इन्स्टल गर्नुभयो, वा तपाईंको एपलाई इन्टरनेटमा करोडौँ मानिसहरूले हेर्नका लागि डिप्लोय गर्नुभयो। एक पटक त्यो शक्ति अनुभव गरेपछि, यो साँच्चिकै आदी हुन सक्छ!
 
-**किन कमाण्ड लाइन तपाईंको मनपर्ने उपकरण बन्नेछ:**
+**किन कमाण्ड लाइन तपाईंको मनपर्ने उपकरण हुनेछ:**
 
-ग्राफिकल इन्टरफेसहरू धेरै कार्यहरूको लागि उत्कृष्ट छन्, तर कमाण्ड लाइन स्वचालन, सटीकता, र गति मा उत्कृष्ट छ। धेरै विकास उपकरणहरू मुख्य रूपमा कमाण्ड लाइन इन्टरफेसहरू मार्फत काम गर्छन्, र तिनीहरूलाई कुशलतापूर्वक प्रयोग गर्न सिक्नाले तपाईंको उत्पादकता नाटकीय रूपमा सुधार गर्न सक्छ।
+ग्राफिकल इन्टरफेसहरू धेरै कार्यहरूको लागि राम्रो भए तापनि कमाण्ड लाइन अटोमेशन, परिशुद्धता, र छिटोमा उत्कृष्ट हुन्छ। धेरै विकास उपकरणहरू प्रायः कमाण्ड लाइन इन्टरफेस मार्फत काम गर्छन्, र ती प्रभावकारी प्रयोग गर्न सिक्नुले तपाईंको उत्पादकत्वलाई नाटकीय रूपमा सुधार गर्न सक्छ।
 
 ```bash
-# Step 1: Create and navigate to project directory
+# चरण १: परियोजना निर्देशिका सिर्जना गर्नुहोस् र त्यहाँ जानुहोस्
 mkdir my-awesome-website
 cd my-awesome-website
 ```
-
-**यो कोडले के गर्छ:**
-- **नयाँ डाइरेक्टरी सिर्जना गर्नुहोस्** "my-awesome-website" नामक तपाईंको परियोजनाको लागि
-- **नयाँ सिर्जित डाइरेक्टरीमा जानुहोस्** काम सुरु गर्न
+  
+**यो कोडले के गर्छ:**  
+- **नयाँ** डिरेक्टरी "my-awesome-website" तपाईंको परियोजनाको लागि बनाउँछ  
+- **नयाँ बनाइएको डिरेक्टरीमा प्रवेश** गरेर काम सुरु गर्छ  
 
 ```bash
-# Step 2: Initialize project with package.json
+# चरण २: package.json सहित परियोजना सुरु गर्नुहोस्
 npm init -y
 
-# Install modern development tools
+# आधुनिक विकास उपकरणहरू स्थापना गर्नुहोस्
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
-
-**चरणबद्ध रूपमा, यहाँ के भइरहेको छ:**
-- **नयाँ Node.js परियोजना आरम्भ गर्नुहोस्** डिफल्ट सेटिङ्सको साथ `npm init -y` प्रयोग गरेर
-- **Vite स्थापना गर्नुहोस्** आधुनिक निर्माण उपकरणको रूपमा छिटो विकास र उत्पादन निर्माणहरूको लागि
-- **Prettier थप्नुहोस्** स्वचालित कोड फर्म्याटिङको लागि र ESLint कोड गुणस्तर जाँचको लागि
-- **`--save-dev` फ्ल्याग प्रयोग गर्नुहोस्** यीलाई विकास-केवल निर्भरता रूपमा चिन्हित गर्न
+  
+**क्रमशः के भइरहेको छ:**  
+- `npm init -y` प्रयोग गरी डिफल्ट सेटिङसहित नयाँ Node.js परियोजना आरम्भ गर्न  
+- छिटो विकास र उत्पादन बिल्डका लागि आधुनिक बिल्ड उपकरण Vite इन्स्टल गर्न  
+- स्वचालित कोड फर्म्याटिङको लागि Prettier र कोड गुणस्तर जाँचका लागि ESLint थप्न  
+- `--save-dev` झण्डा प्रयोग गरी यी केवल विकास-सम्बन्धित निर्भरता भनेर मार्क गर्न  
 
 ```bash
-# Step 3: Create project structure and files
+# चरण ३: परियोजना संरचना र फाइलहरू सिर्जना गर्नुहोस्
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# विकास सर्भर सुरु गर्नुहोस्
 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:**
-- **[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)** 💻 - परम्परागत Windows कमाण्ड लाइन
+**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)** 💻 - पारम्परिक Windows कमाण्ड लाइन  
 
-**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - बिल्ट-इन टर्मिनल एप्लिकेसन
-- **[iTerm2](https://iterm2.com/)** - उन्नत सुविधाहरू भएको टर्मिनल
+**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)** - उन्नत टर्मिनल इम्युलेटर
+**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 Code मा हालको डाइरेक्टरी खोल्छ) अभ्यास गर्नुहोस्। तपाईं अधिक सहज हुँदै जानुहुन्छ, तपाईं स्वाभाविक रूपमा अधिक उन्नत कमाण्डहरू र स्वचालन प्रविधिहरू सिक्नुहुनेछ।
+> 🎯 **शिक्षण मार्ग:** `cd` (डिरेक्टरी परिवर्तन), `ls` वा `dir` (फाइल सूची), र `mkdir` (फोल्डर बनाउने) जस्ता आधारभूत कमाण्डहरूबाट सुरु गर्नुहोस्। `npm install`, `git status`, र `code .` (हालको डिरेक्टरी VS Code मा खोल्ने) जस्ता आधुनिक वर्कफ्लो कमाण्डहरूसँग अभ्यास गर्नुहोस्। जति बढी आराम महसुस गर्ने हुँदै जानुहुन्छ, त्यति नै तपाईंले उन्नत कमाण्डहरू र अटोमेशन प्रविधिहरू स्वाभाविक रूपमा सिक्नेछ।
 
-### दस्तावेज: तपाईंको सधैं उपलब्ध सिकाइ गुरु
+### दस्तावेजीकरण: सधैं उपलब्ध सिकाइ गुरु
 
-ठिक छ, म एउटा सानो रहस्य साझा गर्न चाहन्छु जसले तपाईंलाई नयाँ सिक्नेमा धेरै राम्रो महसुस गराउनेछ: सबैभन्दा अनुभवी विकासकर्ताहरूले आफ्नो समयको ठूलो हिस्सा दस्तावेज पढ्नमा बिताउँछन्। र त्यो किनभने उनीहरूलाई थाहा छैन भन्ने होइन – यो वास्तवमा बुद्धिमताको संकेत हो!
+ठीक छ, म तपाईंलाई एउटा सानो रहस्य बताउन चाहन्छु जसले तपाईंलाई शुरुवाती भएर धेरै राम्रो महसुस गराउनेछ: सबैभन्दा अनुभवी विकासकर्ताहरू पनि आफ्नो समयको ठूलो भाग दस्तावेज पढ्नमा बिताउँछन्। त्यो यसकारण हैन कि उनीहरूलाई के गर्दैछन् थाहा छैन – यो त बुद्धिमत्ताको चिन्ह हो!
 
-दस्तावेजलाई २४/७ उपलब्ध विश्वको सबैभन्दा धैर्यवान, जानकार शिक्षकहरूको पहुँच भएको जस्तो सोच्नुहोस्। रातको २ बजे समस्यामा अड्किनु भयो? दस्तावेज त्यहाँ छ न्यानो भर्चुअल अँगालो र तपाईंलाई चाहिएको उत्तरको साथ। सबैले कुरा गरिरहेको नयाँ सुविधाको बारेमा सिक्न चाहनुहुन्छ? दस्तावेजले तपाईंलाई चरणबद्ध उदाहरणहरूको साथ समर्थन गरेको छ। केहि किन काम गर्छ भनेर बुझ्न प्रयास गर्दै हुनुहुन्छ? तपाईंले अनुमान गर्नुभयो – दस्तावेजले यसलाई अन्ततः क्लिक गराउने तरिकामा व्याख्या गर्न तयार छ!
+दस्तावेजीकरणलाई तपाईंले संसारकै सबैभन्दा धैर्यशील, ज्ञानवान शिक्षकहरूलाई २४/७ पहुँच भएको जस्तो सोच्नुहोस्। बिहान २ बजे समस्यामा पर्नुभयो? दस्तावेजीकरण त्यही जान्दोजान न्यानो भर्चुअल अँगालो र ठ्याक्कै आवश्यक उत्तरसहित हुन्छ। सबैले कुरा गरिरहेका शीत नयाँ सुविधाबारे जान्न चाहनुहुन्छ? दस्तावेजीकरण तपाईंका लागि कदम-दर-कदम उदाहरणहरू सहित छ। किन केहि यसरी काम गर्छ भनेर बुझ्न खोज्दै हुनुहुन्छ? तपाईंले अनुमान लगाउनुभयो - दस्तावेजीकरण यसलाई अन्ततः बुझ्ने तरिकाले व्याख्या गर्न तयार छ!
 
-#### आवश्यक दस्तावेज स्रोतहरू
+यहाँ एउटाले मेरो दृष्टिकोण पूर्ण रूपमा परिवर्तन गर्‍यो: वेब विकासको दुनियाँ अत्यन्तै छिटो चल्छ, र कोही पनि सबै कुरा याद राख्दैन (म भन्छु निश्चितै केही पनि होइन)! मैले १५+ वर्ष अनुभव भएका वरिष्ठ विकासकर्तालाई आधारभूत सिन्ट्याक्स खोज्दै देखेको छु, र थाहा छ के? त्यो लाजको कुरा हैन – त्यो स्मार्ट हो! यो उत्कृष्ट स्मरण शक्ति हुनुको कुरा होइन; यो छिटो भरपर्दो उत्तरहरू कहाँ फेला पार्ने र तीलाई कसरी लागू गर्ने बुझ्नको कुरा हो।
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- वेब प्रविधि दस्तावेजको सुनौलो मानक
-- HTML, CSS, र JavaScript का लागि व्यापक मार्गदर्शकहरू
-- ब्राउजर अनुकूलता जानकारी समावेश गर्दछ
-- व्यावहारिक उदाहरणहरू र अन्तरक्रियात्मक डेमोहरू समावेश गर्दछ
+**यहाँ साँच्चिकै जादू हुन्छ:**
 
-**[Web.dev](https://web.dev)** (Google द्वारा)
-- आधुनिक वेब विकासका उत्कृष्ट अभ्यासहरू
-- प्रदर्शन अनुकूलन मार्गदर्शकहरू
-- पहुँचयोग्यता र समावेशी डिजाइन सिद्धान्तहरू
-- वास्तविक परियोजनाहरूबाट केस अध्ययनहरू
+व्यावसायिक विकासकर्ताहरू आफ्नो धेरै समय दस्तावेजीकरण पढ्नमा बिताउँछन् – त्यसका लागि होइन कि उनीहरूको के गर्दैछन् थाहा छैन, तर यो किनभने वेब विकासको परिदृश्य यति छिटो विकास हुँदैछ कि नवीनतम रहन लगातार सिकाइ आवश्यक छ। उत्कृष्ट दस्तावेजीकरणले तपाईंलाई मात्र *कसरी* प्रयोग गर्ने देखाउँदैन, तर *किन* र *कहिले* प्रयोग गर्ने बुझ्न मद्दत गर्छ।
 
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Edge ब्राउजर विकास स्रोतहरू
-- प्रोग्रेसिभ वेब एप मार्गदर्शकहरू
-- क्रस-प्लेटफर्म विकास अन्तर्दृष्टिहरू
+#### आवश्यक दस्तावेजीकरण स्रोतहरू
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- संरचित सिकाइ पाठ्यक्रमहरू
-- उद्योग विशेषज्ञहरूबाट भिडियो पाठहरू
-- हातमा कोडिङ अभ्यासहरू
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
+- वेब प्रविधि दस्तावेजका लागि सुनौलो मानक  
+- HTML, CSS, र जाभास्क्रिप्टका लागि व्यापक मार्गनिर्देशन  
+- ब्राउजर संगतता जानकारी समावेश  
+- व्यवहारिक उदाहरणहरू र अन्तरक्रियात्मक डेमोहरूसहित  
 
-> 📚 **अध्ययन रणनीति**: दस्तावेजलाई याद गर्न प्रयास नगर्नुहोस् – यसको सट्टा, यसलाई कुशलतापूर्वक नेभिगेट गर्न सिक्नुहोस्। बारम्बार प्रयोग गरिएका सन्दर्भहरू बुकमार्क गर्नुहोस् र विशिष्ट जानकारी छिटो फेला पार्न खोज कार्यहरू प्रयोग गर्ने अभ्यास गर्नुहोस्।
+**[Web.dev](https://web.dev)** (Google द्वारा)  
+- आधुनिक वेब विकास उत्तम अभ्यासहरू  
+- प्रदर्शन अनुकूलन मार्गदर्शन  
+- पहुँचयोग्यता र समावेशी डिजाइन सिद्धान्तहरू  
+- वास्तविक परियोजनाहरूबाट केस स्टडीहरू  
 
-### 🔧 **टूल मास्टरी चेक: तपाईंलाई के आकर्षित गर्छ?**
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
+- Edge ब्राउजर विकास स्रोतहरू  
+- प्रोग्रेसिभ वेब एप मार्गनिर्देशन  
+- क्रस-प्लेटफर्म विकास अन्तर्दृष्टिहरू  
 
-**एक क्षण लिनुहोस् विचार गर्न:**
-- कुन उपकरण तपाईंलाई पहिलो पटक प्रयास गर्न सबैभन्दा उत्साहित बनाउँछ? (यहाँ कुनै गलत उत्तर छैन!)
-- के कमाण्ड लाइन अझै डर लाग्दो महसुस हुन्छ, वा तपाईं यसमा जिज्ञासु हुनुहुन्छ?
-- के तपाईं आफ्नो मनपर्ने वेबसाइटहरूको पर्दा पछाडि हेर्न ब्राउजर DevTools प्रयोग गर्ने कल्पना गर्न सक्नुहुन्छ?
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- संरचित सिकाइ पाठ्यक्रमहरू  
+- उद्योग विशेषज्ञहरूबाट भिडियो कोर्सहरू  
+- हातमा लिएर पढ्ने कोडिङ अभ्यासहरू  
 
-```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
-```
+> 📚 **अध्ययन रणनीति:** दस्तावेजीकरण याद गर्न प्रयास नगर्नुहोस् – यसको सट्टा, यसमा कसरी प्रभावकारी रूपमा नेभिगेट गर्ने सिक्नुहोस्। बारम्बार प्रयोग गरिने संदर्भहरू बुकमार्क गर्नुहोस् र विशेष जानकारी छिटो फेला पार्न खोजी कार्यहरू प्रयोग गरेर अभ्यास गर्नुहोस्।
 
-> **मजाको जानकारी**: अधिकांश विकासकर्ताहरू आफ्नो समयको लगभग ४०% आफ्नो कोड सम्पादकमा बिताउँछन्, तर ध्यान दिनुहोस् कि परीक्षण, सिकाइ, र समस्या समाधानमा कति समय जान्छ। प्रोग्रामिङ केवल कोड लेख्ने बारे होइन – यो अनुभवहरू सिर्जना गर्ने बारे हो!
+### 🔧 **उपकरण विशेषज्ञता जाँच: तपाईंलाई के मन पर्यो?**
 
-✅ **विचारको लागि खाना**: यहाँ केहि रोचक सोच्नको लागि छ – वेबसाइटहरू निर्माण गर्नका लागि उपकरणहरू (विकास) वेबसाइटहरू कस्तो देखिन्छ भनेर डिजाइन गर्नका लागि उपकरणहरू (डिजाइन) भन्दा कसरी फरक हुन सक्छन्? यो सुन्दर घर डिजाइन गर्ने आर्किटेक्ट र वास्तवमा यसलाई निर्माण गर्ने ठेकेदारको बीचको फरक जस्तै हो। दुवै महत्त्वपूर्ण छन्, तर तिनीहरूलाई फरक उपकरण बक्सहरू चाहिन्छ! यस प्रकारको सोचले तपाईंलाई वेबसाइटहरू कसरी जीवनमा आउँछन् भन्ने ठूलो चित्र देख्न वास्तवमै मद्दत गर्नेछ।
+**एउटा पल लिनुहोस् र विचार गर्नुहोस्:**  
+- कुन उपकरण तपाईं पहिलो पटक प्रयास गर्न सबैभन्दा उत्साहित हुनुहुन्छ? (गलत जवाफ छैन!)  
+- कमाण्ड लाइन अझै पनि डर लाग्छ कि तपाईंको जिज्ञासा छ?  
+- तपाईंले आफ्नो मनपर्ने वेबसाइटहरूको पर्दा पछाडिको दृष्य हेर्न ब्राउजर DevTools प्रयोग गर्ने कल्पना गर्न सक्नुहुन्छ?
+
+```mermaid
+pie title "उन्नतकर्ताले उपकरणहरूसँग बिताएको समय"
+    "कोड सम्पादक" : 40
+    "ब्राउजर परीक्षण" : 25
+    "कमाण्ड लाइन" : 15
+    "कागजात पढ्ने" : 15
+    "डिबगिङ" : 5
+```  
+> **रोचक तथ्य:** अधिकांश विकासकर्ताहरू आफ्नो कोड सम्पादकमा लगभग ४०% समय बिताउँछन्, तर ध्यान दिनुहोस् कति समय परीक्षण, सिकाइ, र समस्याहरू समाधान गर्न जान्छ। प्रोग्रामिङ केवल कोड लेख्ने कुरा होइन – यो अनुभव सिर्जना गर्ने कुरा हो!
+
+✅ **विचारका लागि खानेकुरा:** यो रमाइलो कुरा विचार गर्नुहोस् – तपाईंलाई के लाग्छ वेबसाइट निर्माण (विकास) उपकरणहरू र त्यसले कस्तो देखिन्छ डिजाइन गर्ने उपकरणहरूमा के फरक हुन्छ? यो त्यही फरक हो जुन एक आर्किटेक्टले सुन्दर घर डिजाइन गर्ने र ठेकेदारले वास्तवमा त्यसलाई निर्माण गर्नेबीच हुन्छ। दुवै अत्यावश्यक छन्, तर तिनीहरूले फरक उपकरणहरू चाहिन्छ! यो प्रकारको सोचले तपाईंलाई वेबसाइटहरू जीवन्त कसरी हुन्छन् भन्ने ठूलो चित्र देख्न धेरै मद्दत गर्नेछ।
 
 ## GitHub Copilot Agent Challenge 🚀
 
-Agent मोड प्रयोग गरेर निम्न चुनौती पूरा गर्नुहोस्:
+एजेन्ट मोड प्रयोग गरी निम्न चुनौती पूरा गर्नुहोस्:
 
-**विवरण:** आधुनिक कोड सम्पादक वा IDE को सुविधाहरू अन्वेषण गर्नुहोस् र यसले वेब विकासकर्ताको रूपमा तपाईंको वर्कफ्लो सुधार गर्न कसरी सक्छ भनेर प्रदर्शन गर्नुहोस्।
+**विवरण:** कुनै आधुनिक कोड सम्पादक वा IDE का विशेषताहरू अन्वेषण गर्नुहोस् र कसरी यसले वेब विकासकर्ता रुपमा तपाईंको वर्कफ्लो सुधार गर्न सक्छ भन्ने प्रदर्शन गर्नुहोस्।
 
-**प्रेरणा:** कोड सम्पादक वा IDE (जस्तै Visual Studio Code, WebStorm, वा क्लाउड-आधारित IDE) चयन गर्नुहोस्। तीन सुविधाहरू वा एक्सटेन्सनहरूको सूची बनाउनुहोस् जसले तपाईंलाई कोड लेख्न, डिबग गर्न, वा कुशलतापूर्वक मर्मत गर्न मद्दत गर्छ। प्रत्येकको लागि, यसले तपाईंको वर्कफ्लोमा कसरी फाइदा पुर्‍याउँछ भन्ने संक्षिप्त व्याख्या प्रदान गर्नुहोस्।
+**प्रम्प्ट:** कुनै कोड सम्पादक वा IDE (जस्तै Visual Studio Code, WebStorm, वा क्लाउड-आधारित IDE) चयन गर्नुहोस्। तीनवटा सुविधाहरू वा एक्सटेन्सनहरूले तपाईंलाई कोड लेख्न, डिबग गर्न, वा मर्मत गर्न कसरी सहयोग गर्छ भन्ने छोटकरीमा व्याख्या सहित सूचीबद्ध गर्नुहोस्।
 
 ---
 
 ## 🚀 चुनौती
 
-**ठिक छ, जासूस, तपाईंको पहिलो केसको लागि तयार?**
-
-अब तपाईंले यो अद्भुत आधार प्राप्त गर्नुभएको छ, मसँग एउटा साहसिक कार्य छ जसले तपाईंलाई प्रोग्रामिङ संसार कति विविध र आकर्षक छ भनेर देख्न मद्दत गर्नेछ। र सुन्नुहोस् – यो कोड लेख्ने बारे होइन, त्यसैले यहाँ कुनै दबाब छैन! तपाईंलाई आफ्नो पहिलो रोमाञ्चक केसमा प्रोग्रामिङ भाषा जासूसको रूपमा सोच्नुहोस्!
-
-**तपाईंको मिशन, यदि तपाईंले स्वीकार गर्नुभयो भने:**
-1. **भाषा अन्वेषक बन्नुहोस्**: तीन प्रोग्रामिङ भाषाहरू चयन गर्नुहोस् जुन पूर्ण रूपमा फरक ब्रह्माण्डबाट आउँछन् – सायद एउटा वेबसाइटहरू निर्माण गर्ने, एउटा मोबाइल एपहरू बनाउने, र एउटा वैज्ञानिकहरूको लागि डेटा विश्लेषण गर्ने। प्रत्येक भाषामा लेखिएको एउटै साधारण कार्यको उदाहरणहरू फेला पार्नुहोस्। म वाचा गर्छु तपाईं पूर्ण रूपमा चकित हुनुहुनेछ कि तिनीहरूले एकै काम गर्न कति फरक देखिन्छन्!
+**ठीक छ, जासूस, तपाईंको पहिलो केसका लागि तयार हुनुहुन्छ?**
 
-2. **तिनीहरूको उत्पत्ति कथाहरू पत्ता लगाउनुहोस्**: प्रत्येक भाषा विशेष के बनाउँछ? यहाँ एउटा चाखलाग्दो तथ्य छ – प्रत्येक प्रोग्रामिङ भाषा सिर्जना गरिएको थियो किनभने कसैले सोचे, "तपाईंलाई थाहा छ के? यो विशिष्ट समस्या समाधान गर्नको लागि राम्रो तरिका हुनुपर्छ।" के तपाईं ती समस्याहरू के थिए भनेर पत्ता लगाउन सक्नुहुन्छ? यी कथाहरू साँच्चै आकर्षक छन्!
+अब तपाईंले यो जबरजस्त आधार पाउनुभयो, म एउटा साहसिक कथा छ जुन तपाईंलाई प्रोग्रामिङ विश्व कति विविध र रोचक छ भन्ने देखाउन मद्दत गर्नेछ। र सुनुहोस् – यो अझै कोड लेख्ने बारे होइन, त्यसैले कुनै दबाब छैन! आफूलाई एक प्रोग्रामिङ भाषा जासूसको रूपमा सोच्नुहोस् तपाईंको पहिलो रोमाञ्चक केसमा!
 
-3. **समुदायहरू भेट्नुहोस्**: प्रत्येक भाषाको समुदाय कत्तिको स्वागतयोग्य र उत्साही छ हेर्नुहोस्। केहीसँग लाखौं विकासकर्ताहरू छन् जो ज्ञान साझा गर्दै र एकअर्कालाई मद्दत गर्दैछन्, अरू साना तर अविश्वसनीय रूपमा नजिक र सहयोगी छन्। तपाईंलाई यी समुदायहरूको फरक व्यक्तित्व देख्न मनपर्नेछ!
+**तपाईंको मिशन, यदि तपाईं स्वीकार गर्नुहुन्छ भने:**  
+1. **भाषा अन्वेषक बन्नुहोस्:** एकदमै फरक-फरक विश्वबाट तीन प्रोग्रामिङ भाषा छान्नुहोस् – सम्भवतया एउटा वेबसाइटहरु बनाउने, एउटा मोबाइल एप्स बनाउने, र अर्को वैज्ञानिकहरूको लागि डेटा विश्लेषण गर्ने। प्रत्येक भाषामा एउटै साधारण कार्यको उदाहरणहरू खोज्नुहोस्। मलाई विश्वास गर्नुहोस् तपाईं तिनका देखिने भिन्नताहरूले पूर्ण रूपमा अचम्मित हुनुहुनेछ!  
+2. **उनीहरूको उत्पत्तिको कथा पत्ता लगाउनुहोस्:** प्रत्येक भाषा के विशेष बनाउँछ? यहाँ एउटा रमाइलो तथ्य छ – प्रत्येक प्रोग्रामिङ भाषा त्यसकारण बन्यो किनकि कसैले सोच्यो, "यो विशेष समस्याको समाधानका लागि अझ राम्रो तरिका हुनुपर्छ।" तपाईं त्यो समस्याहरू के थिए पत्ता लगाउन सक्नुहुन्छ? केही कथाहरू साँच्चिकै रोचक छन्!  
+3. **समुदायहरू भेट्नुहोस्:** जाँच गर्नुहोस् प्रत्येक भाषाको समुदाय कति स्वागतयोग्य र उत्साही छ। केहीमा लाखौं विकासकर्ताहरू ज्ञान साझेदारी गर्छन् र एक अर्कालाई मद्दत गर्छन्, केही साना तर अत्यन्तै घनिष्ठ र सहयोगी छन्। तपाईं ती समुदायहरूको फरक व्यक्तित्वहरू हेर्न मन पराउने हुनुहुन्छ!  
+4. **आफ्नो Gut फेरी अनुसरण गर्नुहोस्:** अहिले सबैभन्दा सहज लाग्ने भाषा कुन हो? "सही" छनोट बारे चिन्ता नगर्नुहोस् – केवल आफ्नो आन्तरिक आवाज सुन्नुहोस्! यहाँ साँच्चै कुनै गलत उत्तर छैन, र तपाईं पछि अन्य भाषाहरू पनि अन्वेषण गर्न सक्नुहुन्छ।
 
-4. **आफ्नो आन्तरिक भावना पछ्याउनुहोस्**: कुन भाषा अहिले तपाईंलाई सबैभन्दा पहुँचयोग्य लाग्छ? "सही" छनोट गर्ने बारे तनाव नगर्नुहोस् – केवल आफ्नो अन्तर्ज्ञान सुन्नुहोस्! यहाँ कुनै गलत उत्तर छैन, र तपाईं पछि अरू अन्वेषण गर्न सक्नुहुन्छ।
+**बोनस जासूसी कार्य:** पत्ता लगाउन कोसिस गर्नुहोस् कुन प्रमुख वेबसाइट वा एपहरू प्रत्येक भाषाले बनाएको छ। म ग्यारेन्टी गर्छु तपाईं Instagram, Netflix, वा त्यो मोबाइल खेल जुन रोक्न सक्नुहुन्न कसले बनाएको थाहा पाउँदा अचम्मित हुनुहुनेछ!
 
-**बोनस जासूस कार्य**: प्रत्येक भाषाले कुन प्रमुख वेबसाइटहरू वा एपहरू निर्माण गरेको छ पत्ता लगाउन प्रयास गर्नुहोस्। म ग्यारेन्टी दिन्छु तपाईं चकित हुनुहुनेछ कि Instagram, Netflix, वा त्यो मोबाइल गेम जसलाई तपाईं रोक्न सक्नुहुन्न केले शक्ति दिन्छ!
+> 💡 **स्मरण रहोस:** तपाईं आज कुनै भाषा विशेषज्ञ बन्न खोज्दै हुनुहुन्न। तपाईं केवल आफू बस्न चाहनु भएको ठाउँ निश्चित गर्नुभन्दा पहिले छिमेक जान्दै हुनुहुन्छ। समय लिनुहोस्, रमाइलो गर्नुहोस्, र जिज्ञासा तपाईंको मार्गदर्शक बन्न दिनुहोस्!
 
-> 💡 **स्मरण गर्नुहोस्**: तपाईं आज यी भाषाहरूको कुनै पनि मा विशेषज्ञ बन्न प्रयास गर्दै हुनुहुन्न। तपाईं केवल छिमेकलाई चिन्न प्रयास गर्दै हुनुहुन्छ अघि तपाईंले कहाँ पसल स्थापना गर्न चाहनुहुन्छ निर्णय गर्नुहोस्। आफ्नो समय लिनुहोस्, यससँग रमाइलो गर्नुहोस्, र तपाईंको जिज्ञासाले तपाईंलाई मार्गदर्शन गर्न दिनुहोस्!
+## तपाईंले के पत्ता लगाउनुभयो त्यसको उत्सव मनाऔं!
 
-## तपाईंले पत्ता लगाउनुभएको कुरा मनाउन तयार हुनुहोस्!
+हेर, तपाईंले आज यति धेरै अविश्वसनीय जानकारी ग्रहण गर्नुभयो! म साँच्चिकै उत्साहित छु तपाईंले कति राम्रो सिक्नुभएको छ भनेर हेर्न। र सम्झनुहोस् – यो कुनै परीक्षण होइन जहाँ सबै कुरा perfect हुनुपर्छ। यो तपाईंले यो रोचक संसारका बारेमा सिकेका सबै रमाइला कुरा मनाउने उत्सव जस्तो छ जुन तपाईंमा पसेको छ!
 
-हे भगवान, तपाईंले आज कति अविश्वसनीय जानकारी अवशोषित गर्नुभएको छ! म साँच्चै उत्साहित छु कि तपाईंले यस अद्भुत यात्राको कति भाग सम्झनुभएको छ। र सम्झनुहोस् – यो कुनै परीक्षा होइन जहाँ तपाईंले सबै कुरा सही गर्न आवश्यक छ। यो तपाईंले सिक्नुभएको सबै चाखलाग्दो कुराको उत्सव जस्तै हो!
+[पाठपछिको क्विज लिने](https://ff-quizzes.netlify.app/web/)
 
-[पाठ-पछिको क्विज लिनुहोस्](https://ff-quizzes.netlify.app/web/)
-## समीक्षा र आत्म अध्ययन
+## समीक्षा र स्व-अध्ययन
 
-**आफ्नो समय लिनुहोस् र यसलाई रमाइलो बनाउनुहोस्!**
+**आफ्नो समय लिई एक्सप्लोर गर्नुहोस् र रमाइलो गर्नुहोस्!**
+तपाईंले आज धेरै कुरा सिक्नुभएको छ, र त्यो गर्व गर्ने कुरा हो! अब रमाइलो भाग आउँछ – ती विषयहरू अन्वेषण गर्ने जुनले तपाईंको जिज्ञासा जगाएको छ। याद गर्नुहोस्, यो गृहकार्य होइन – यो एक साहसिक यात्रा हो!
 
-तपाईंले आज धेरै कुरा सिक्नुभएको छ, र यो गर्व गर्न लायक कुरा हो! अब रमाइलो भाग आउँछ – ती विषयहरू अन्वेषण गर्नुहोस् जसले तपाईंको जिज्ञासा जगायो। सम्झनुहोस्, यो गृहकार्य होइन – यो एउटा साहसिक यात्रा हो!
+**तपाईंलाई उत्साहित गर्ने कुरामा गहिराईमा जानुहोस्:**
 
-**तपाईंलाई उत्साहित गर्ने कुरामा गहिरो डुबुल्की मार्नुहोस्:**
+**प्रोग्रामिङ भाषासँग हातेमालो गर्नुहोस्:**
+- २-३ भाषाको आधिकारिक वेबसाइटहरू भ्रमण गर्नुहोस् जुनले तपाईंको ध्यान तानेको छ। प्रत्येकको आफ्नै व्यक्तित्व र कथा हुन्छ!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), वा [Replit](https://replit.com/) जस्ता अनलाइन कोडिङ प्लेटफर्महरू प्रयोग गर्नुहोस्। प्रयोग गर्न नडराउनुहोस् – तपाईं केही बिग्रन सक्नुहुन्न!
+- तपाईंको मनपर्ने भाषाको उद्भवबारे पढ्नुहोस्। साँच्चिकै, यी केही उत्पत्ति कथाहरू अचम्मका हुन्छन् र तपाईंलाई भाषाहरू किन त्यस्तै काम गर्छन् बुझ्न मद्दत गर्नेछन्।
 
-**प्रोग्रामिङ भाषाहरूमा व्यावहारिक अनुभव लिनुहोस्:**
-- तपाईंलाई मन परेको २-३ भाषाहरूको आधिकारिक वेबसाइटहरूमा जानुहोस्। प्रत्येकको आफ्नै विशेषता र कथा छ!
-- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), वा [Replit](https://replit.com/) जस्ता अनलाइन कोडिङ प्लेग्राउन्डहरू प्रयास गर्नुहोस्। प्रयोग गर्न डराउनुहोस् – तपाईंले केही बिगार्न सक्नुहुन्न!
-- तपाईंको मनपर्ने भाषाको उत्पत्ति कसरी भयो भन्नेबारे पढ्नुहोस्। साँच्चै, यी उत्पत्ति कथाहरू रोचक छन् र तपाईंलाई भाषाहरू किन यसरी काम गर्छन् भन्ने बुझ्न मद्दत गर्नेछन्।
+**तपाईंका नयाँ उपकरणहरूसँग परिचित हुनुहोस्:**
+- यदि तपाईंले भिजुअल स्टुडियो कोड डाउनलोड गर्नुभएको छैन भने डाउनलोड गर्नुहोस् – यो निःशुल्क छ र तपाईंलाई मन पर्नेछ!
+- एक्सटेन्सन बजार एक दुई मिनेट हेरौं। यो तपाईंको कोड सम्पादकको लागि एप स्टोर जस्तो छ!
+- आफ्नो ब्राउजरको डेभलपर टूल्स खोल्नुहोस् र केही क्लिक गर्नुहोस्। सबै कुरा बुझ्ने चिन्ता गर्नु पर्दैन – के के छ भनेर परिचित हुनुहोस्।
 
-**आफ्नो नयाँ उपकरणहरूसँग सहज हुनुहोस्:**
-- Visual Studio Code डाउनलोड गर्नुहोस् यदि तपाईंले अझै डाउनलोड गर्नुभएको छैन भने – यो निःशुल्क छ र तपाईंलाई यो मनपर्नेछ!
-- Extensions marketplace ब्राउज गर्न केही मिनेट खर्च गर्नुहोस्। यो तपाईंको कोड एडिटरको लागि एप स्टोर जस्तै हो!
-- तपाईंको ब्राउजरको Developer Tools खोल्नुहोस् र क्लिक गर्न सुरु गर्नुहोस्। सबै कुरा बुझ्न चिन्ता नगर्नुहोस् – त्यहाँ के छ भनेर परिचित हुनुहोस्।
+**समुदायमा सहभागी हुनुहोस्:**
+- केही डेभलपर समुदायहरूको पछ्याउनुहोस् [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 मा केही शुरुआती मैत्री कोडिङ भिडियोहरू हेर्नुहोस्। त्यहाँ धेरै उत्कृष्ट सिर्जनाकर्ताहरू छन् जसले सुरु गर्दा कस्तो महसुस हुन्छ भन्ने सम्झन्छन्।
-- स्थानीय मिटअपहरू वा अनलाइन समुदायहरूमा सामेल हुने विचार गर्नुहोस्। विश्वास गर्नुहोस्, डेभलपरहरू नयाँ व्यक्तिहरूलाई मद्दत गर्न मन पराउँछन्!
+> 🎯 **सुनुहोस्, मैले तपाईंलाई याद गर्न चाहेको कुरा यो हो**: तपाईंलाई एक रातमै कोडिङ विजार्ड बन्ने अपेक्षा गरिएको छैन! अहिले तपाईं यस अद्भुत नयाँ संसारलाई चिन्दै हुनुहुन्छ जुन तपाईंको हिस्सा बन्नेछ। समय लिनुहोस्, यात्राको मजा लिनुहोस्, र याद गर्नुहोस् – तपाईंले जसलाई सम्मान गर्नुहुन्छ हरेक डेभलपर पनि यस्तै ठाउँमा बसेका थिए, उत्साहित र सायद अलि तनावमा। यो पूर्ण रूपमा सामान्य हो, र यसले तपाईं ठीक गर्दै हुनुहुन्छ भन्ने देखाउँछ।
 
-> 🎯 **सुन्नुहोस्, यहाँ म तपाईंलाई सम्झाउन चाहन्छु**: तपाईंलाई रातारात कोडिङ विशेषज्ञ बन्ने अपेक्षा गरिएको छैन! अहिले, तपाईं यो अद्भुत नयाँ संसारलाई चिन्न सुरु गर्दै हुनुहुन्छ जसको तपाईं भाग बन्न लाग्नुभएको छ। आफ्नो समय लिनुहोस्, यात्रा रमाइलो बनाउनुहोस्, र सम्झनुहोस् – तपाईंले प्रशंसा गर्ने प्रत्येक डेभलपर एकपटक तपाईं जस्तै स्थानमा बसेका थिए, उत्साहित र सायद अलि अलमलमा परेका। यो पूर्ण रूपमा सामान्य हो, र यसको मतलब तपाईं सही गरिरहनुभएको छ।
-
-
-
-## असाइनमेन्ट
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **तपाईंको असाइनमेन्टको लागि सानो प्रेरणा**: म तपाईंलाई केही उपकरणहरू अन्वेषण गर्न देख्न चाहन्छु जुन हामीले अझै कभर गरेका छैनौं! हामीले पहिले नै चर्चा गरेका एडिटरहरू, ब्राउजरहरू, र कमाण्ड लाइन उपकरणहरू छोड्नुहोस् – त्यहाँ विकासका लागि अद्भुत उपकरणहरूको सम्पूर्ण ब्रह्माण्ड छ जुन पत्ता लगाउन तपाईंलाई पर्खिरहेको छ। ती उपकरणहरू खोज्नुहोस् जुन सक्रिय रूपमा मर्मत गरिन्छ र जीवंत, सहयोगी समुदायहरू छन् (यीसँग उत्कृष्ट ट्यूटोरियलहरू र सहयोगी व्यक्तिहरू हुने सम्भावना बढी हुन्छ जब तपाईं अनिवार्य रूपमा अड्किनुहुन्छ र सहयोगी हातको आवश्यकता हुन्छ)।
+> 💡 **तपाईंको असाइन्मेन्टको लागि एउटा सानो प्रोत्साहन**: मैले अझै समेट्न नसकेका केही उपकरणहरू अन्वेषण गर्ने कुरा देख्न मन लाग्छ! हामीले पहिले नै कुरा गरेका सम्पादक, ब्राउजर, र कमाण्ड लाइन उपकरणहरूलाई छोड्नुहोस् – त्यहाँ बाहिर एक विशाल अद्भुत विकास उपकरणहरूको ब्रह्माण्ड छ जुन पत्ता लगाउन बाँकी छ। ती उपकरणहरू खोज्नुहोस् जुन सक्रिय रूपमा मर्मतसम्भार हुन्छन् र जीवित, सहयोगी समुदायहरू छन् (यीमा सबैभन्दा राम्रो ट्युटोरियल हुन्छन् र जब तपाईं अड्किनुहुन्छ र मद्दत चाहिन्छ तब सबैभन्दा सहयोगी मानिसहरू हुन्छन्)।
 
 ---
 
 ## 🚀 तपाईंको प्रोग्रामिङ यात्रा समयरेखा
 
 ### ⚡ **अर्को ५ मिनेटमा तपाईं के गर्न सक्नुहुन्छ**
-- [ ] तपाईंलाई मन परेको २-३ प्रोग्रामिङ भाषाको वेबसाइट बुकमार्क गर्नुहोस्
-- [ ] Visual Studio Code डाउनलोड गर्नुहोस् यदि तपाईंले अझै डाउनलोड गर्नुभएको छैन भने
-- [ ] तपाईंको ब्राउजरको DevTools (F12) खोल्नुहोस् र कुनै पनि वेबसाइटमा क्लिक गर्नुहोस्
-- [ ] एउटा प्रोग्रामिङ समुदायमा सामेल हुनुहोस् (Dev.to, Reddit r/webdev, वा Stack Overflow)
-
-### ⏰ **यो घण्टामा तपाईं के हासिल गर्न सक्नुहुन्छ**
-- [ ] पाठपछिको क्विज पूरा गर्नुहोस् र तपाईंको उत्तरहरूमा विचार गर्नुहोस्
-- [ ] GitHub Copilot एक्सटेन्सनको साथ VS Code सेटअप गर्नुहोस्
-- [ ] अनलाइनमा २ फरक प्रोग्रामिङ भाषाहरूमा "Hello World" उदाहरण प्रयास गर्नुहोस्
-- [ ] YouTube मा "Day in the Life of a Developer" भिडियो हेर्नुहोस्
-- [ ] तपाईंको प्रोग्रामिङ भाषा डिटेक्टिभ कार्य सुरु गर्नुहोस् (चुनौतीबाट)
-
-### 📅 **तपाईंको हप्ताको साहसिक यात्रा**
-- [ ] असाइनमेन्ट पूरा गर्नुहोस् र ३ नयाँ विकास उपकरणहरू अन्वेषण गर्नुहोस्
-- [ ] सामाजिक सञ्जालमा ५ डेभलपरहरू वा प्रोग्रामिङ खाताहरू फलो गर्नुहोस्
-- [ ] CodePen वा Replit मा केही सानो निर्माण प्रयास गर्नुहोस् (यहाँसम्म कि "Hello, [तपाईंको नाम]!")
-- [ ] कसैको कोडिङ यात्राबारे एक डेभलपर ब्लग पोस्ट पढ्नुहोस्
-- [ ] भर्चुअल मिटअपमा सामेल हुनुहोस् वा प्रोग्रामिङ टक हेर्नुहोस्
-- [ ] अनलाइन ट्यूटोरियलहरूसँग तपाईंले रोजेको भाषा सिक्न सुरु गर्नुहोस्
-
-### 🗓️ **तपाईंको महिनाको रूपान्तरण**
-- [ ] तपाईंको पहिलो सानो प्रोजेक्ट निर्माण गर्नुहोस् (यहाँसम्म कि एउटा साधारण वेबपेज पनि गनिन्छ!)
-- [ ] ओपन-सोर्स प्रोजेक्टमा योगदान गर्नुहोस् (डकुमेन्टेसन सुधारबाट सुरु गर्नुहोस्)
-- [ ] कोहीलाई मार्गदर्शन गर्नुहोस् जो आफ्नो प्रोग्रामिङ यात्रा सुरु गर्दैछ
+- [ ] २-३ प्रोग्रामिङ भाषा वेबसाइटहरू बुकमार्क गर्नुहोस् जुनले तपाईंको ध्यान तानेको छ
+- [ ] यदि भिजुअल स्टुडियो कोड डाउनलोड गर्नुभएको छैन भने डाउनलोड गर्नुहोस्
+- [ ] आफ्नो ब्राउजरको DevTools (F12) खोल्नुहोस् र कुनै पनि वेबसाइटमा क्लिक गर्नुहोस्
+- [ ] एउटा प्रोग्रामिङ समुदायमा सहभागी हुनुहोस् (Dev.to, Reddit r/webdev, वा Stack Overflow)
+
+### ⏰ **यस घण्टामा तपाईं के पूरा गर्न सक्नुहुन्छ**
+- [ ] पाठपछि गरिएको क्विज पूरा गर्नुहोस् र आफ्नो उत्तरहरूमा प्रतिबिम्बित हुनुहोस्
+- [ ] VS Code मा GitHub Copilot एक्सटेन्सन सेटअप गर्नुहोस्
+- [ ] दुई फरक प्रोग्रामिङ भाषामा अनलाइन "Hello World" उदाहरण प्रयास गर्नुहोस्
+- [ ] युट्युबमा "Developer को एक दिन" भिडियो हेर्नुहोस्
+- [ ] प्रोग्रामिङ भाषा जासूस काम सुरु गर्नुहोस् (चुनौतीबाट)
+
+### 📅 **तपाईंको हप्तादेखि थलो रोमाञ्चक यात्रा**
+- [ ] असाइन्मेन्ट पूरा गर्नुहोस् र ३ नयाँ विकास उपकरणहरू अन्वेषण गर्नुहोस्
+- [ ] सामाजिक संजालमा ५ जना डेभलपर वा प्रोग्रामिङ खाता फलो गर्नुहोस्
+- [ ] CodePen वा Replit मा केही साना कुरा बनाउने प्रयास गर्नुहोस् (जति सानो भए पनि "Hello, [तपाईंको नाम]!" ठिकै छ)
+- [ ] कसैको कोडिङ यात्रामा एक डेभलपर ब्लग पोस्ट पढ्नुहोस्
+- [ ] भर्चुअल मिटअपमा सहभागी हुनुहोस् वा प्रोग्रामिङ सम्बन्धि टक वार्ता हेर्नुहोस्
+- [ ] तपाईंले रोजेको भाषाको अनलाइन ट्युटोरियलहरूबाट सिक्न सुरु गर्नुहोस्
+
+### 🗓️ **तपाईंको महिनादेखि लामो रूपान्तरण**
+- [ ] आफ्नो पहिलो सानो प्रोजेक्ट निर्माण गर्नुहोस् (सजिलो वेबपेज पनि ठीकै छ)
+- [ ] खुल्ला स्रोत प्रोजेक्टमा योगदान दिनुहोस् (सर्वप्रथम कागजात सुधारहरूबाट सुरु गर्नुहोस्)
+- [ ] कसैलाई मार्गदर्शन गर्नुहोस् जो प्रोग्रामिङ यात्रा शुरु गर्दैछ
 - [ ] तपाईंको डेभलपर पोर्टफोलियो वेबसाइट बनाउनुहोस्
-- [ ] स्थानीय डेभलपर समुदायहरू वा अध्ययन समूहहरूसँग जडान गर्नुहोस्
-- [ ] तपाईंको अर्को सिकाइको लक्ष्य योजना गर्न सुरु गर्नुहोस्
+- [ ] स्थानीय डेभलपर समुदाय वा अध्ययन समूहमा जडान हुनुहोस्
+- [ ] अर्को सिकाइ लक्ष्य योजना बनाउन सुरु गर्नुहोस्
 
 ### 🎯 **अन्तिम प्रतिबिम्ब जाँच**
 
-**अगाडि बढ्नु अघि, एक क्षण लिनुहोस् र उत्सव मनाउनुहोस्:**
-- आज प्रोग्रामिङको बारेमा तपाईंलाई उत्साहित गर्ने एउटा कुरा के हो?
-- कुन उपकरण वा अवधारणा तपाईंले पहिलो अन्वेषण गर्न चाहनुहुन्छ?
-- यो प्रोग्रामिङ यात्रा सुरु गर्दा तपाईंलाई कस्तो महसुस भइरहेको छ?
-- अहिले तपाईंले डेभलपरलाई सोध्न चाहनुभएको एउटा प्रश्न के हो?
+**अगाडि बढ्नु अघि, एक क्षण लिएर उत्सव मनाउनुहोस्:**
+- आज प्रोग्रामिङमा के कुराले तपाईंलाई उत्साहित गरायो?
+- कुन उपकरण वा अवधारणा पहिलो अन्वेषण गर्न चाहनुहुन्छ?
+- यो प्रोग्रामिङ यात्रा सुरु गर्ने बारेमा तपाईंको भावना कस्तो छ?
+- अहिले तपाईंले डेभलपरलाई सोध्न चाहेको एउटा प्रश्न के हो?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title तपाईको आत्मविश्वास निर्माण यात्रा
+    section आज
+      जिज्ञासु: 3: You
+      अभिभूत: 4: You
+      उत्साहित: 5: You
+    section यस हप्ता
+      अन्वेषण गर्दै: 4: You
+      सिक्दै: 5: You
+      जोड्दै: 4: You
+    section अर्को महिना
+      निर्माण गर्दै: 5: You
+      विश्वस्त: 5: You
+      अरुलाई मद्दत गर्दै: 5: You
 ```
-
-> 🌟 **सम्झनुहोस्**: प्रत्येक विशेषज्ञ एकपटक नयाँ सिक्ने व्यक्ति थिए। प्रत्येक वरिष्ठ डेभलपरले एकपटक तपाईं जस्तै महसुस गरेका थिए – उत्साहित, सायद अलि अलमलमा, र के सम्भव छ भन्ने बारेमा निश्चित रूपमा जिज्ञासु। तपाईं अद्भुत कम्पनीमा हुनुहुन्छ, र यो यात्रा अविश्वसनीय हुने छ। प्रोग्रामिङको अद्भुत संसारमा स्वागत छ! 🎉
+> 🌟 **याद गर्नुहोस्**: प्रत्येक विशेषज्ञ पनि कहिल्यै शुरुवाती थिए। हरेक वरिष्ठ डेभलपरले पनि अहिले तपाइँ जस्तै अनुभव गरेका थिए – उत्साहित, सायद अलि तनावग्रस्त, र के सम्भव छ भनेर जिज्ञासु। तपाईं अचम्मको समूहमा हुनुहुन्छ, र यो यात्रा अविश्वसनीय हुनेछ। प्रोग्रामिङको रमणीय संसारमा स्वागत छ! 🎉
 
 ---
 
-**अस्वीकरण**:  
-यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको छ। हामी शुद्धताको लागि प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छ। यसको मूल भाषा मा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीको लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**अस्वीकरण**:
+यो दस्तावेज AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी सटीकताको लागि प्रयास गर्छौं, तर कृपया जानकार हुनुहोस् कि स्वचालित अनुवादमा त्रुटि वा अनिश्चितताहरू हुन सक्छन्। मूल दस्तावेज यसको मूल भाषामा नै अधिकारप्राप्त स्रोत मानिनु पर्छ। महत्वपूर्ण जानकारीका लागि व्यावसायिक मानवीय अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै भ्रम वा गलत बुझाइका लागि हामी जिम्मेवार छैनौं।
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ne/AGENTS.md b/translations/ne/AGENTS.md
index 7e48d3ebd..5d3beca9e 100644
--- a/translations/ne/AGENTS.md
+++ b/translations/ne/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## परियोजना अवलोकन
 
-यो शुरुआतीहरूलाई वेब विकासका आधारहरू सिकाउनको लागि शैक्षिक पाठ्यक्रम भण्डार हो। पाठ्यक्रम माइक्रोसफ्ट क्लाउड एड्भोकेट्सद्वारा विकास गरिएको एक व्यापक १२ हप्ते कोर्स हो, जसमा जाभास्क्रिप्ट, CSS, र HTML समेटिएका २४ वटा व्यावहारिक पाठहरू समावेश छन्।
+यो शुरुवातीहरूलाई वेब विकासको आधारहरू सिकाउनका लागि शैक्षिक पाठ्यक्रम रिपोजिटरी हो। यो पाठ्यक्रम Microsoft Cloud Advocates द्वारा विकास गरिएको व्यापक १२ हप्ता लामो कोर्स हो, जसमा JavaScript, CSS, र HTML समेटिएका २४ व्यावहारिक पाठहरू समावेश छन्।
 
-### मुख्य कम्पोनेन्टहरू
+### मुख्य तत्वहरू
 
-- **शैक्षिक सामग्री**: परियोजना-आधारित मोड्युलहरूमा व्यवस्थित २४ संरचित पाठहरू
-- **व्यावहारिक परियोजनाहरू**: टेरारियम, टाइपिंग खेल, ब्राउजर एक्सटेन्सन, स्पेस खेल, बैंकिङ एप, कोड सम्पादक, र AI चैट सहायक
-- **इन्टरएक्टिभ क्विजहरू**: प्रत्येकमा ३ प्रश्न सहित ४८ क्विजहरू (पाठ अघि/पछिको मूल्याङ्कनहरू)
-- **बहुभाषी समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूमा स्वतः अनुवाद
-- **प्रविधिहरू**: HTML, CSS, JavaScript, Vue.js ३, Vite, Node.js, Express, Python (AI परियोजनाहरूको लागि)
+- **शैक्षिक सामग्री**: परियोजना-आधारित मोड्युलहरूमा आयोजित २४ संरचित पाठहरू
+- **व्यावहारिक परियोजनाहरू**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, र AI Chat Assistant
+- **इंटरएक्टिभ क्विजहरू**: प्रत्येकमा ३ प्रश्न सहित ४८ क्विजहरू (पाठ अघि/पछि मूल्याङ्कन)
+- **बहुभाषी समर्थन**: GitHub Actions मार्फत ५०+ भाषाहरूमा स्वचालित अनुवादहरू
+- **प्रविधिहरू**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI परियोजनाहरूका लागि)
 
 ### वास्तुकला
 
-- पाठमा आधारित संरचनासहित शैक्षिक भण्डार
+- पाठ आधारित संरचनामा शैक्षिक रिपोजिटरी
 - प्रत्येक पाठ फोल्डरमा README, कोड उदाहरणहरू, र समाधानहरू हुन्छन्
-- अलग-अलग डाइरेक्टरीहरूमा स्वतन्त्र परियोजनाहरू (quiz-app, विभिन्न पाठ परियोजनाहरू)
-- GitHub Actions (co-op-translator) प्रयोग गरेर अनुवाद प्रणाली
-- Docsify मार्फत डकुमेन्टेसन सेवा र PDF रूपमा उपलब्ध
+- अलग-अलग डाइरेक्टरीहरूमा स्ट्यान्डअलोन परियोजनाहरू (quiz-app, विभिन्न पाठ परियोजनाहरू)
+- GitHub Actions (co-op-translator) प्रयोग गरी अनुवाद प्रणाली
+- Docsify मार्फत सेवा गरिएको दस्तावेज र PDF रूपमा उपलब्ध
 
 ## सेटअप आदेशहरू
 
-यो भण्डार प्रायः शैक्षिक सामग्री उपभोगका लागि हो। विशिष्ट परियोजनाहरूमा काम गर्नको लागि:
+यो रिपोजिटरी मुख्य रूपमा शैक्षिक सामग्री उपभोगका लागि हो। विशेष परियोजनाहरूमा काम गर्नका लागि:
 
-### मुख्य भण्डार सेटअप
+### मुख्य रिपोजिटरी सेटअप
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### क्विज एप सेटअप (Vue 3 + Vite)
+### Quiz App सेटअप (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -48,7 +48,7 @@ cd 7-bank-project/api
 npm install
 npm start          # API सर्भर सुरु गर्नुहोस्
 npm run lint       # ESLint चलाउनुहोस्
-npm run format     # Prettier सँग फर्म्याट गर्नुहोस्
+npm run format     # Prettier सँग स्वरूपित गर्नुहोस्
 ```
 
 ### ब्राउजर एक्सटेन्सन परियोजनाहरू
@@ -56,15 +56,15 @@ npm run format     # Prettier सँग फर्म्याट गर्नु
 ```bash
 cd 5-browser-extension/solution
 npm install
-# ब्राउजर-विशेष विस्तार लोड गर्ने निर्देशनहरू पालना गर्नुहोस्
+# ब्राउजर-विशिष्ट विस्तार लोड गर्ने निर्देशनहरू पालना गर्नुहोस्
 ```
 
-### स्पेस खेल परियोजनाहरू
+### स्पेस गेम परियोजनाहरू
 
 ```bash
 cd 6-space-game/solution
 npm install
-# ब्राउजरमा index.html खोल्नुहोस् वा Live Server प्रयोग गर्नुहोस्
+# index.html ब्राउजरमा खोल्नुहोस् वा Live Server प्रयोग गर्नुहोस्
 ```
 
 ### चैट परियोजना (Python ब्याकएन्ड)
@@ -78,205 +78,205 @@ python api.py
 
 ## विकास कार्यप्रवाह
 
-### सामग्री योगदानकर्ताहरूको लागि
+### सामग्री योगदानकर्ताका लागि
 
-1. आफ्नो GitHub खातामा **भण्डार उपशाखा (fork)** गर्नुहोस्
-2. आफ्नो उपशाखा **स्थानीय रूपमा क्लोन** गर्नुहोस्
-3. आफ्नो परिवर्तनहरूको लागि **नयाँ शाखा सिर्जना** गर्नुहोस्
-4. पाठ सामग्री वा कोड उदाहरणहरूमा परिवर्तनहरू गर्नुहोस्
-5. सम्बन्धित परियोजना डाइरेक्टरीहरूमा कुनै पनि कोड परिवर्तनको परीक्षण गर्नुहोस्
-6. योगदान दिशानिर्देशहरू अनुसरण गर्दै पुल अनुरोधहरू पेश गर्नुहोस्
+1. आफ्नो GitHub खातामा रिपोजिटरी फोर्क गर्नुहोस्
+2. फोर्क स्थानीय रूपमा क्लोन गर्नुहोस्
+3. परिवर्तनहरूका लागि नयाँ शाखा बनाउनुहोस्
+4. पाठ सामग्री वा कोड उदाहरणहरूमा परिवर्तन गर्नुहोस्
+5. सम्बन्धित परियोजना डाइरेक्टरीहरूमा कोड परिवर्तन परीक्षण गर्नुहोस्
+6. योगदान दिशानिर्देश अनुसार पुल रिक्वेस्ट पठाउनुहोस्
 
-### सिक्नेहरूको लागि
+### सिक्नेहरूका लागि
 
-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. पोस्ट-लेसन क्विजहरू लिनुहोस्
 
 ### प्रत्यक्ष विकास
 
-- **डकुमेन्टेसन**: मूलमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००)
-- **क्विज एप**: quiz-app डाइरेक्टरीमा `npm run dev` चलाउनुहोस्
-- **परियोजनाहरू**: HTML परियोजनाहरूका लागि VS Code Live Server एक्सटेन्सन प्रयोग गर्नुहोस्
+- **दस्तावेजहरू**: रुटमा `docsify serve` चलाउनुहोस् (पोर्ट ३०००)
+- **Quiz App**: quiz-app डाइरेक्टरीमा `npm run dev` चलाउनुहोस्
+- **परियोजनाहरू**: HTML परियोजनाहरूका लागि VS Code Live Server विस्तार प्रयोग गर्नुहोस्
 - **API परियोजनाहरू**: सम्बन्धित API डाइरेक्टरीहरूमा `npm start` चलाउनुहोस्
 
 ## परीक्षण निर्देशनहरू
 
-### क्विज एप परीक्षण
+### Quiz App परीक्षण
 
 ```bash
 cd quiz-app
-npm run lint       # कोड शैली समस्याहरू जाँच गर्नुहोस्
-npm run build      # निर्माण सफल भयो कि भनी जाँच गर्नुहोस्
+npm run lint       # कोड शैली सम्बन्धी समस्याहरू जाँच गर्नुहोस्
+npm run build      # निर्माण सफल हुन्छ कि छैन भेरिफाई गर्नुहोस्
 ```
 
 ### बैंक API परीक्षण
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # कोड शैली समस्याहरू जाँच गर्नुहोस्
-node server.js     # सर्भर त्रुटिहरू बिना सुरु हुन्छ कि छैन भेरिफाइ गर्नुहोस्
+npm run lint       # कोड शैली सम्बन्धी समस्याहरू जाँच गर्नुहोस्
+node server.js     # सर्भर बिना त्रुटिहरू सुरु हुन्छ कि भनेर प्रमाणित गर्नुहोस्
 ```
 
 ### सामान्य परीक्षण दृष्टिकोण
 
-- यो शैक्षिक भण्डार हो, व्यापक स्वचालित परीक्षणहरू छैनन्
-- म्यानुअल परीक्षणमा ध्यान केन्द्रित:
-  - कोड उदाहरणहरू त्रुटिविहीन चल्नुपर्ने
-  - डकुमेन्टेसनमा लिङ्कहरू ठीक काम गर्ने
-  - परियोजना सफलतापूर्वक बर्न्ड बन्ने
-  - उदाहरणहरूले उत्तम अभ्यासहरू पालन गर्ने
+- यो शैक्षिक रिपोजिटरी व्यापक स्वचालित परीक्षणहरूसहित छैन
+- म्यानुअल परीक्षण केन्द्रित हुन्छ:
+  - कोड उदाहरणहरू त्रुटिविना चल्ने
+  - दस्तावेजीकरणका लिङ्कहरू ठीक काम गर्ने
+  - परियोजना बिल्डहरू सफलतापूर्वक पूरा हुने
+  - उदाहरणहरूले उत्तम अभ्यासहरू अनुसरण गर्ने
 
-### पूर्व-प्रस्तुतीकरण जाँचहरू
+### पेश गर्नु अघि जाँचहरू
 
-- package.json भएका डाइरेक्टरीहरूमा `npm run lint` चलाउनुहोस्
-- मार्कडाउन लिङ्कहरू सही छन् कि छैनन् जाँच गर्नुहोस्
-- ब्राउजर वा Node.js मा कोड उदाहरणहरू परीक्षण गर्नुहोस्
-- अनुवादहरूले उचित संरचना कायम राखेको छ कि छैन जाँच गर्नुहोस्
+- `package.json` भएका डाइरेक्टरीहरूमा `npm run lint` चलाउनुहोस्
+- मार्कडाउन लिङ्कहरू मान्य छन् भनी पुष्टि गर्नुहोस्
+- कोड उदाहरणहरू ब्राउजर वा Node.js मा परीक्षण गर्नुहोस्
+- अनुवादहरूले उचित संरचना कायम राखेका छन् भनी जाँच गर्नुहोस्
 
 ## कोड शैली दिशानिर्देशहरू
 
 ### JavaScript
 
 - आधुनिक ES6+ सिन्ट्याक्स प्रयोग गर्नुहोस्
-- परियोजनाहरूमा दिइएका मानक ESLint कन्फिगरेसनहरू पालना गर्नुहोस्
+- परियोजनाहरूमा उपलब्ध मानक ESLint कन्फिगरेसनहरू अनुसरण गर्नुहोस्
 - शैक्षिक स्पष्टताका लागि अर्थपूर्ण भेरिएबल र फंक्शन नामहरू प्रयोग गर्नुहोस्
-- सिक्नेहरूको लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस्
-- जहाँ कन्फिगर गरिएको छ, Prettier प्रयोग गरी फर्म्याट गर्नुहोस्
+- सिक्नेहरूका लागि अवधारणाहरू व्याख्या गर्ने टिप्पणीहरू थप्नुहोस्
+- Prettier प्रयोग गरिएको ठाउँमा फर्म्याट गर्नुहोस्
 
 ### HTML/CSS
 
-- सेम्यान्टिक HTML5 एलिमेन्टहरू
-- प्रत्युत्तरात्मक डिजाइन सिद्धान्तहरू
-- स्पष्ट क्लास नामकरण परम्पराहरू
-- CSS प्रविधिहरू सिक्नेको लागि व्याख्यात्मक टिप्पणीहरू
+- सेमेन्टिक HTML5 तत्वहरू
+- प्रतिक्रिया डिजाइनको सिद्धान्तहरू
+- स्पष्ट क्लास नामकरण कन्वेन्सनहरू
+- CSS प्रविधिहरू सिकाउने टिप्पणीहरू
 
 ### Python
 
 - PEP 8 शैली दिशानिर्देशहरू
 - स्पष्ट, शैक्षिक कोड उदाहरणहरू
-- सिकाइका लागि आवश्यक परे टाइप हिंटहरू
+- सिक्न सहयोगी हुने ठाउँमा टाइप संकेतहरू
 
-### मार्कडाउन डकुमेन्टेसन
+### Markdown दस्तावेजीकरण
 
-- स्पष्ट शीर्षक संरचना
+- स्पष्ट हेडिङ संरचना
 - भाषा निर्दिष्ट सहित कोड ब्लकहरू
 - अतिरिक्त स्रोतहरूका लागि लिङ्कहरू
-- `images/` डाइरेक्टरीमा स्क्रिनशट र छविहरू
-- पहुँचयोग्यताका लागि छविहरूमा वैकल्पिक पाठ
+- `images/` निर्देशिकाहरूमा स्क्रीनशटहरू र छविहरू
+- पहुँचयोग्यताका लागि छविहरूमा Alt टेक्स्ट
 
 ### फाइल संगठन
 
-- पाठहरू अनुक्रमिक सङ्ख्यामा संकेत गरिएको (1-getting-started-lessons, 2-js-basics, आदि)
-- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` फोल्डरहरू
+- पाठहरू अनुक्रमिक नम्बरमा (1-getting-started-lessons, 2-js-basics, आदि)
+- प्रत्येक परियोजनामा `solution/` र प्रायः `start/` वा `your-work/` निर्देशिका हुन्छन्
 - पाठ-विशिष्ट `images/` फोल्डरहरूमा छविहरू संग्रहित
 - अनुवादहरू `translations/{language-code}/` संरचनामा
 
 ## बिल्ड र डिप्लोयमेन्ट
 
-### क्विज एप डिप्लोयमेन्ट (Azure Static Web Apps)
+### Quiz App डिप्लोयमेन्ट (Azure Static Web Apps)
 
-क्विज एप Azure Static Web Apps डिप्लोयमेन्टको लागि कन्फिगर गरिएको छ:
+quiz-app Azure Static Web Apps डिप्लोयमेन्टका लागि कन्फिगर गरिएको छ:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ फोल्डर सिर्जना गर्दछ
-# मुख्यमा पुश गर्दा GitHub Actions कार्यप्रवाह मार्फत तैनाथ गर्दछ
+# मुख्य शाखामा push गर्दा GitHub Actions workflow मार्फत वितरण गर्दछ
 ```
 
 Azure Static Web Apps कन्फिगरेसन:
-- **एप स्थान**: `/quiz-app`
+- **एप्स स्थान**: `/quiz-app`
 - **आउटपुट स्थान**: `dist`
 - **वर्कफ्लो**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### डकुमेन्टेसन PDF निर्माण
+### दस्तावेज PDF उत्पादन
 
 ```bash
 npm install                    # docsify-to-pdf स्थापना गर्नुहोस्
 npm run convert               # docs बाट PDF उत्पादन गर्नुहोस्
 ```
 
-### Docsify डकुमेन्टेसन
+### Docsify दस्तावेजीकरण
 
 ```bash
-npm install -g docsify-cli    # Docsify लाई विश्वव्यापी रूपमा स्थापना गर्नुहोस्
+npm install -g docsify-cli    # Docsify लाई ग्लोबली इन्स्टल गर्नुहोस्
 docsify serve                 # localhost:3000 मा सेवा गर्नुहोस्
 ```
 
 ### परियोजना-विशिष्ट बिल्डहरू
 
-प्रत्येक परियोजना डाइरेक्टरीको आफ्नो बिल्ड प्रक्रिया हुन सक्छ:
-- Vue परियोजनाहरू: `npm run build` ले उत्पादन बन्डलहरू सिर्जना गर्छ
-- स्थिर परियोजनाहरू: कुनै बिल्ड चरण छैन, फाइलहरू सिधै सेवा गर्नुपर्छ
+हरेक परियोजना निर्देशिकाले आफ्नो बिल्ड प्रक्रिया हुन सक्छ:
+- Vue परियोजनाहरू: `npm run build` प्रयोग गरी उत्पादन बन्डलहरू सिर्जना
+- स्थिर परियोजनाहरू: बिल्ड चरण बिना, फाइलहरू प्रत्यक्ष सेवा
 
-## पुल अनुरोध दिशानिर्देशहरू
+## पुल रिक्वेस्ट दिशानिर्देशहरू
 
 ### शीर्षक ढाँचा
 
-परिवर्तन क्षेत्र स्पष्ट जनाउने शीर्षकहरू प्रयोग गर्नुहोस्:
-- `[Quiz-app] पाठ X को लागि नयाँ क्विज थप्नुहोस्`
-- `[Lesson-3] टेरारियम परियोजनामा टाइपो सुधार्नुहोस्`
-- `[Translation] पाठ 5 को लागि स्पेनिश अनुवाद थप्नुहोस्`
-- `[Docs] सेटअप निर्देशनहरू अद्यावधिक गर्नुहोस्`
+परिवर्तन क्षेत्र स्पष्ट जनाउने शीर्षक प्रयोग गर्नुहोस्:
+- `[Quiz-app] पाठ X का लागि नयाँ क्विज थप्नुहोस्`
+- `[Lesson-3] terrarium परियोजनामा टाइपो सच्याउनुहोस्`
+- `[Translation] पाठ 5 का लागि स्पेनिश अनुवाद थप्नुहोस्`
+- `[Docs] सेटअप निर्देशन अद्यावधिक गर्नुहोस्`
 
 ### आवश्यक जाँचहरू
 
 PR पेश गर्नु अघि:
 
 1. **कोड गुणस्तर**:
-   - प्रभावित परियोजना डाइरेक्टरीहरूमा `npm run lint` चलाउनुहोस्
-   - सबै लिन्टिङ त्रुटि र चेतावनीहरू सुधार्नुहोस्
+   - प्रभावित परियोजना निर्देशिकाहरूमा `npm run lint` चलाउनुहोस्
+   - सबै लिन्टिङ त्रुटि र चेतावनीहरू सच्याउनुहोस्
 
 2. **बिल्ड प्रमाणीकरण**:
-   - लागू परे `npm run build` चलाउनुहोस्
-   - कुनै बिल्ड त्रुटि नभएको सुनिश्चित गर्नुहोस्
+   - लागू भएमा `npm run build` चलाउनुहोस्
+   - कुनै बिल्ड त्रुटि नहोस् पुष्टि गर्नुहोस्
 
 3. **लिङ्क प्रमाणीकरण**:
    - सबै मार्कडाउन लिङ्कहरू परीक्षण गर्नुहोस्
-   - छवि सन्दर्भहरू काम गर्ने जाँच गर्नुहोस्
+   - छवि सन्दर्भहरू काम गर्छन् भनी सुनिश्चित गर्नुहोस्
 
 4. **सामग्री समीक्षा**:
-   - वर्तनी र व्याकरणका लागि प्रूफरीड गर्नुहोस्
-   - कोड उदाहरणहरू सही र शैक्षिक छन् भन्ने सुनिश्चित गर्नुहोस्
-   - अनुवादहरूले मूल अर्थ कायम राखेको जाँच गर्नुहोस्
+   - वर्तनी र व्याकरण जाँच्नुहोस्
+   - कोड उदाहरणहरू शैक्षिक र सहि छन् भनी सुनिश्चित गर्नुहोस्
+   - अनुवादहरूले मूल अर्थ कायम राखेका छन् भनी पुष्टि गर्नुहोस्
 
 ### योगदान आवश्यकताहरू
 
-- 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 विवरणमा समावेश गर्नुहोस्
 
 ### समीक्षा प्रक्रिया
 
-- PR हरू मर्मतकर्ताहरू र समुदाय द्वारा समीक्षा गरिन्छ
-- शैक्षिक स्पष्टता प्राथमिकता दिइन्छ
-- कोड उदाहरणहरूले वर्तमान उत्तम अभ्यासहरू पालना गर्नुपर्छ
-- अनुवादहरू शुद्धता र सांस्कृतिक उपयुक्तताका लागि समीक्षा गरिन्छ
+- PR लाई मर्मतकर्ताहरू र समुदायले समीक्षा गर्छन्
+- शैक्षिक स्पष्टतामा जोड दिइन्छ
+- कोड उदाहरणहरूले वर्तमान उत्तम अभ्यासहरू अनुसरण गर्नुपर्छ
+- अनुवादहरू यथार्थ र सांस्कृतिक उपयुक्तताका लागि समीक्षा गरिन्छ
 
 ## अनुवाद प्रणाली
 
 ### स्वतः अनुवाद
 
-- GitHub Actions मा co-op-translator वर्कफ्लो प्रयोग गर्दछ
-- ५०+ भाषाहरूमा स्वचालित अनुवाद गर्दछ
-- मुख्य डाइरेक्टरीहरूमा स्रोत फाइलहरू
-- अनुवादित फाइलहरू `translations/{language-code}/` डाइरेक्टरीहरूमा
+- GitHub Actions सँग co-op-translator workflow प्रयोग
+- ५०+ भाषाहरूमा स्वचालित अनुवाद
+- मुख्य निर्देशिकाहरूमा स्रोत फाइलहरू
+- अनुवादित फाइलहरू `translations/{language-code}/` निर्देशिकामा
 
-### म्यानुअल अनुवाद सुधारहरू थप्ने
+### म्यानुअल अनुवाद सुधार थप
 
-1. `translations/{language-code}/` मा फाइल पत्ता लगाउनुहोस्
-2. संरचना कायम राख्दै सुधारहरू गर्नुहोस्
-3. कोड उदाहरणहरू कार्यशील रहन्छन् सुनिश्चित गर्नुहोस्
+1. `translations/{language-code}/` मा फाइल खोज्नुहोस्
+2. संरचना कायम राख्दै सुधार गर्नुहोस्
+3. कोड उदाहरणहरू काम गर्दैछन् भनी सुनिश्चित गर्नुहोस्
 4. स्थानीयकृत क्विज सामग्री परीक्षण गर्नुहोस्
 
-### अनुवाद मेटाडाटा
+### अनुवाद मेटाडेटा
 
-अनुवादित फाइलहरूमा मेटाडाटा हेडर समावेश हुन्छ:
+अनुवादित फाइलहरूमा मेटाडेटा हेडर हुन्छ:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### सामान्य समस्या
 
-**क्विज एप सुरु हुँदैन**:
-- Node.js संस्करण (v14+ सिफारिस)
-- `node_modules` र `package-lock.json` मेटाएर पुनः `npm install` चलाउनुहोस्
-- पोर्ट द्वन्द्व जाँच (डिफल्ट: Vite ले पोर्ट 5173 प्रयोग गर्छ)
+**Quiz app सुरु हुँदैन**:
+- Node.js संस्करण जाँच्नुहोस् (v14+ सिफारिस)
+- `node_modules` र `package-lock.json` मेटेर फेरि `npm install` चलाउनुहोस्
+- पोर्ट द्वन्द्व जाँच्नुहोस् (डिफल्ट: Vite ले पोर्ट ५१७३ प्रयोग गर्छ)
 
 **API सर्भर सुरु हुँदैन**:
-- Node.js संस्करण ≥10 हुनु आवश्यक
-- पोर्ट पहिले नै प्रयोगमा छ कि छैन जाँच गर्नुहोस्
-- सबै निर्भरताहरू `npm install` द्वारा स्थापना भएको सुनिश्चित गर्नुहोस्
+- Node.js संस्करण कम्तिमा node >=10 हो भनी पुष्टि गर्नुहोस्
+- पोर्ट पहिले प्रयोगमा छ कि छैन जाँच्नुहोस्
+- सबै निर्भरताहरू `npm install` द्वारा स्थापना गर्नुहोस्
 
 **ब्राउजर एक्सटेन्सन लोड हुँदैन**:
-- manifest.json सही ढंगले फर्म्याट गरिएको छ कि छैन जाँच गर्नुहोस्
-- ब्राउजर कन्सोलमा त्रुटिहरू जाँच गर्नुहोस्
-- ब्राउजर-विशिष्ट एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस्
+- manifest.json ठीक ढङ्गले बनाइएको छ कि छैन जाँच्नुहोस्
+- ब्राउजर कन्सोलमा त्रुटिहरू हेर्नुहोस्
+- ब्राउजर-विशेष एक्सटेन्सन स्थापना निर्देशनहरू पालना गर्नुहोस्
 
 **Python चैट परियोजनामा समस्या**:
-- OpenAI प्याकेज स्थापित छ: `pip install openai`
-- GITHUB_TOKEN वातावरण चर सेट छ कि छैन जाँच गर्नुहोस्
-- GitHub मोडेल पहुँच अनुमतिहरू जाँच गर्नुहोस्
+- OpenAI प्याकेज इन्स्टल गरिएको छ: `pip install openai`
+- GITHUB_TOKEN वातावरण भेरिएबल सेट गरिएको छ भन्ने सुनिश्चित गर्नुहोस्
+- GitHub Models पहुँच अनुमति जाँच्नुहोस्
 
-**Docsify डकुमेन्टेशन सेवा हुँदैन**:
-- docsify-cli ग्लोबली स्थापना गर्नुहोस्: `npm install -g docsify-cli`
-- भण्डार मूल डाइरेक्टरीबाट चलाउनुहोस्
-- `docs/_sidebar.md` फाइल छन् कि छैन भन्ने जाँच गर्नुहोस्
+**Docsify ले दस्तावेज सेर्भ गर्दैन**:
+- docsify-cli ग्लोबली इन्स्टल गर्नुहोस्: `npm install -g docsify-cli`
+- रिपोजिटरी रुट डाइरेक्टरीबाट चलाउनुहोस्
+- `docs/_sidebar.md` अवस्थित छ भनी जाँच गर्नुहोस्
 
-### विकास वातावरण टिप्स
+### विकास वातावरण सुझावहरू
 
-- HTML परियोजनाहरूका लागि VS Code मा Live Server एक्सटेन्सन प्रयोग गर्नुहोस्
-- ESLint र Prettier एक्सटेन्सनहरू सहज र भरपर्दो फर्म्याटिङका लागि स्थापना गर्नुहोस्
-- जाभास्क्रिप्ट डिबगिङको लागि ब्राउजर DevTools प्रयोग गर्नुहोस्
-- Vue परियोजनाहरूका लागि Vue DevTools ब्राउजर एक्सटेन्सन स्थापना गर्नुहोस्
+- HTML परियोजनाहरूको लागि VS Code Live Server विस्तार प्रयोग गर्नुहोस्
+- स्थिर फर्म्याटका लागि ESLint र Prettier विस्तारहरू इन्स्टल गर्नुहोस्
+- JavaScript डिबगिङका लागि ब्राउजर DevTools प्रयोग गर्नुहोस्
+- Vue परियोजनाहरूको लागि Vue DevTools ब्राउजर विस्तार इन्स्टल गर्नुहोस्
 
-### प्रदर्शन सम्बन्धी विचारहरू
+### प्रदर्शन विचारहरू
 
-- अनुवादित धेरै फाइलहरू (५०+ भाषाहरू) को कारण पूर्ण क्लोनहरू ठूलो हुन्छन्
-- मात्र सामग्रीमा काम गर्दा shallow clone प्रयोग गर्नुहोस्: `git clone --depth 1`
-- अंग्रेजी सामग्रीमा काम गर्दा अनुवादलाई खोजबाट अलग पार्नुहोस्
-- बिल्ड प्रक्रिया पहिलो पटक सुस्त हुन सक्छ (npm install, Vite build)
+- धेरै अनुवादित फाइलहरू (५०+ भाषाहरू) हुँदा पूर्ण क्लोन ठूलो हुन्छ
+- सामग्रीमा मात्र काम गर्दा shallow clone प्रयोग गर्नुहोस्: `git clone --depth 1`
+- अंग्रेजी सामग्रीमा काम गर्दा अनुवादहरू खोजबाट बाहिर राख्नुहोस्
+- पहिलो पटक चलाउँदा बिल्ड प्रक्रिया ढिलो हुन सक्छ (npm install, Vite build)
 
-## सुरक्षा सम्बन्धी विचारहरू
+## सुरक्षा विचारहरू
 
-### वातावरण चरहरू
+### वातावरण भेरिएबलहरू
 
-- API कुञ्जीहरू कहिल्यै भण्डारमा कमिट नगर्नुहोस्
+- API कुञ्जीहरू रिपोजिटरीमा कहिल्यै कमिट नगर्नुहोस्
 - `.env` फाइलहरू प्रयोग गर्नुहोस् (पहिले नै `.gitignore` मा छन्)
-- परियोजना README मा आवश्यक वातावरण चरहरू कागजात गर्नुहोस्
+- आवश्यक वातावरण भेरिएबलहरू परियोजना README मा उल्लेख गर्नुहोस्
 
 ### Python परियोजनाहरू
 
-- भर्चुअल वातावरणहरू प्रयोग गर्नुहोस्: `python -m venv venv`
+- virtual environments प्रयोग गर्नुहोस्: `python -m venv venv`
 - निर्भरताहरू अपडेट राख्नुहोस्
-- GitHub टोकनहरू न्यूनतम आवश्यक अनुमतिहरूका साथ हुनु पर्छ
+- GitHub टोकनहरू न्यूनतम आवश्यक अनुमति सहित हुनुपर्छ
 
-### GitHub मोडेल पहुँच
+### GitHub Models पहुँच
 
-- GitHub मोडेलहरूका लागि व्यक्तिगत पहुँच टोकनहरू (PAT) आवश्यक
-- टोकनहरू वातावरण चरको रूपमा सुरक्षित गर्नुहोस्
-- कहिल्यै टोकन वा प्रमाणपत्र कमिट नगर्नुहोस्
+- GitHub Models का लागि Personal Access Tokens (PAT) आवश्यक
+- टोकनहरू वातावरण भेरिएबलको रूपमा राख्नुहोस्
+- टोकन वा क्रेडेन्सियल कहिल्यै कमिट नगर्नुहोस्
 
 ## अतिरिक्त नोटहरू
 
-### लक्ष्य दर्शक
+### लक्षित दर्शक
 
-- वेब विकासमा पूर्ण प्रारम्भिकहरू
-- विद्यार्थीहरू र आत्म-अध्ययन गर्नेहरू
+- वेब विकासका पूर्ण शुरुवातीहरू
+- विद्यार्थी र आत्म-शिक्षार्थीहरू
 - कक्षामा पाठ्यक्रम प्रयोग गर्ने शिक्षकहरू
-- पहुँचयोग्यता र क्रमिक कौशल विकासका लागि डिजाइन गरिएको सामग्री
+- सामग्री पहुँचयोग्य र क्रमिक सीप निर्माणका लागि डिजाइन गरिएको
 
 ### शैक्षिक दर्शन
 
-- परियोजना-आधारित सिकाइ दृष्टिकोण
-- बारम्बार ज्ञान परीक्षण (क्विजहरू)
-- व्यावहारिक कोडिङ अभ्यासहरू
+- परियोजना आधारित सिकाइ विधि
+- बारम्बार ज्ञान जाँच (क्विजहरू)
+- व्यावहारिक कोड अभ्यासहरू
 - वास्तविक संसारका अनुप्रयोग उदाहरणहरू
-- फ्रेमवर्क पहिले आधारहरूमा ध्यान केन्द्रित
+- फ्रेमवर्क अगाडि आधारभूत कुरामा केन्द्रित
 
-### भण्डार मर्मत
+### रिपोजिटरी मर्मत
 
-- सिक्नेहरू र योगदानकर्ताहरूको सक्रिय समुदाय
-- निर्भरताहरू र सामग्रीको नियमित अद्यावधिक
-- मर्मतकर्ताहरूले मुद्दा र छलफलहरू अनुगमन गर्दछन्
+- सिक्ने र योगदानकर्ताहरूको सक्रिय समुदाय
+- निर्भरताहरू र सामग्रीमा नियमित अपडेट
+- मर्मतकर्ताहरूले मुद्दा र छलफलहरू हेरिरहेका छन्
 - अनुवाद अपडेटहरू GitHub Actions द्वारा स्वचालित
 
 ### सम्बन्धित स्रोतहरू
 
-- [Microsoft Learn मोड्युलहरू](https://docs.microsoft.com/learn/)
-- [Student Hub स्रोतहरू](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) सिक्नेहरूको लागि सिफारिस गरिएको
-- अतिरिक्त कोर्सहरू: जेनेरेटिभ AI, डेटा साइन्स, 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) सिफारिस गरिएको
+- अतिरिक्त कोर्सहरू: Generative AI, Data Science, ML, IoT पाठ्यक्रमहरू उपलब्ध
 
-### विशिष्ट परियोजनाहरूसँग काम
+### विशेष परियोजनासँग काम गर्ने
 
-विस्तृत निर्देशनहरूको लागि परियोजना README फाइलहरू हेर्नुहोस्:
+व्यक्तिगत परियोजनामा विस्तृत निर्देशनका लागि हेर्नुहोस् 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 चैट सहायक परियोजना
 
 ### मोनोरेपो संरचना
 
-पारम्परिक मोनोरेपो नभए पनि, यो भण्डारमा धेरै स्वतन्त्र परियोजनाहरू छन्:
-- प्रत्येक पाठ स्वतन्त्र रूपमा व्यवस्थित
-- परियोजनाहरूले निर्भरता साझा गर्दैनन्
-- व्यक्तिगत परियोजनामा काम गर्दा अरूलाई असर नगर्ने
-- पूर्ण पाठ्यक्रम अनुभवका लागि सम्पूर्ण भण्डार क्लोन गर्नुहोस्
+यो पारंपरिक मोनोरेपो नभए पनि, यस रिपोजिटरीमा थुप्रै स्वतन्त्र परियोजनाहरू छन्:
+- प्रत्येक पाठ स्वयंस्मित छ
+- परियोजनाहरू साझा निर्भरता छैनन्
+- व्यक्तिगत परियोजनाहरूमा काम गर्दा अन्यमा असर पर्दैन
+- पूर्ण पाठ्यक्रम अनुभवका लागि पुरै रिपोजिटरी क्लोन गर्नुहोस्
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:
-यो दस्तावेज़लाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरेर अनुवाद गरिएको हो। हामी सही अनुवादका लागि प्रयासरत छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादमा त्रुटि वा असत्यताहरू हुन सक्छन्। मूल दस्तावेज़लाई यसको मूल भाषामा आधिकारिक स्रोत मान्नु पर्नेछ। महत्वपूर्ण जानकारीका लागि पेशेवर मानवीय अनुवाद सिफारिस गरिन्छ। यस अनुवाद प्रयोगबाट हुने कुनै गलतफहमी वा अर्थ निरूपणका लागि हामी जिम्मेवार छैनौं।
+**अस्वीकरण**:  
+यस दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) को प्रयोग गरी अनुवाद गरिएको हो। हामी शुद्धताको प्रयास गर्छौं, तर कृपया बुझ्नुस् कि स्वचालित अनुवादमा त्रुटि वा अशुद्धता हुन सक्दछ। मूल भाषा मा भएको दस्तावेजलाई अधिकारिक स्रोतको रूपमा मान्नुपर्छ। महत्वपूर्ण जानकारीहरूको लागि व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट हुने कुनै पनि गलतफहमी वा गलत व्याख्याका लागि हामी जिम्मेवार छैनौं।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ne/README.md b/translations/ne/README.md
index e61334dc9..0ca218df6 100644
--- a/translations/ne/README.md
+++ b/translations/ne/README.md
@@ -1,195 +1,219 @@
-# सुरु गर्नको लागि वेब विकास - एक पाठ्यक्रम
+[![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) 
 
-Microsoft क्लाउड एड्भोकेट्स द्वारा तयार पारिएको हाम्रो १२ हप्ता लामो सम्पूर्ण कोर्ससँग वेब विकासका आधारहरू सिक्नुहोस्। २४ पाठहरू प्रत्येकले JavaScript, 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/)
+
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+
+# शुरुवातीहरूको लागि वेब विकास - एक पाठ्यक्रम
+
+Microsoft Cloud Advocates द्वारा संचालित हाम्रो १२ हप्ता लामो समग्र पाठ्यक्रमसँग वेब विकासका आधारभूत कुराहरू सिक्नुहोस्। हरेक २४ पाठहरूमा terrariums, browser extensions, र space games जस्ता अभ्यास परियोजनाहरू मार्फत JavaScript, 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. **Repository 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. **Repository Clone गर्नुहोस्**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Azure AI Foundry Discord मा सामेल हुनुहोस् र विशेषज्ञ र अन्य विकासकर्ताहरूसँग भेट्नुहोस्**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 बहुभाषी समर्थन
+### 🌐 बहुभाषीय समर्थन
 
-#### GitHub Action मार्फत समर्थन गरिएको (स्वचालित र सँधै अद्यावधिक)
+#### GitHub Action मार्फत समर्थित (स्वचालित र सधैं अद्यावधिक)
 
-> **स्थानीय रूपमा क्लोन गर्न रुचाउनुहुन्छ?**
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](./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)
 
-> यो रेपोजिटोरीमा ५०+ भाषाका अनुवादहरू समावेश गरिएको छ जसले डाउनलोड आकार उल्लेखनीय रूपमा बढाउँछ। अनुवादहरू बिना क्लोन गर्न, sparse checkout प्रयोग गर्नुहोस्:
+> **स्थानीय रूपमा क्लोन गर्न प्राथमिकता दिनुहुन्छ?**
+>
+> यस repository मा ५०+ भाषा अनुवादहरू छन् जुन डाउनलोड आकार धेरै बढाउँछ। अनुवादहरू बिना क्लोन गर्न 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"
+> ```
+>
+> यसले तपाईंलाई पाठ्यक्रम पूरा गर्न आवश्यक सबै कुरा छिटो डाउनलोड गराउँछ।
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**यदि थप अनुवाद भाषाहरू समर्थन चाहनुहुन्छ भने, ती [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) सूचीबद्ध छन्**
+**यदि तपाईं थप अनुवाद भाषाहरू चाहानुहुन्छ भने ती यहाँ सूचीबद्ध छन् [यहाँ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Visual Studio Code मा खोल्नुहोस्](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Visual%20Studio%20Code%20मा%20खोल्नुहोस्&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _के तपाईं विद्यार्थी हुनुहुन्छ?_
+#### 🧑‍🎓 _तपाईं विद्यार्थी हो?_
 
-[**विद्यार्थी हब पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईंले शुरुवाती स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर प्राप्त गर्ने तरिकाहरू पाउनुहुनेछ। यो पृष्ठ तपाईंले समय-समयमा हेर्दै जानुपर्ने हो किनकि हामी प्रत्येक महिना सामग्री अद्यावधिक गर्छौं।
+[**विद्यार्थी हब पृष्ठ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) भ्रमण गर्नुहोस् जहाँ तपाईंले शुरुवातीहरूको लागि स्रोतहरू, विद्यार्थी प्याकहरू र निशुल्क प्रमाणपत्र भौचर कसरी पाउने तरिकाहरू पाउनुहुनेछ। यो पृष्ठ तपाईंले बुकमार्क गर्नु पर्ने पृष्ठ हो र हामी मासिक रूपमा सामग्री परिवर्तन गर्दा समय समयमा जाँच गर्नुहोस्।
 
-### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्न!
+### 📣 घोषणा - नयाँ GitHub Copilot Agent मोड चुनौतीहरू पूरा गर्नुहोस्!
 
-नयाँ चुनौती थपिएको छ, धेरै अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो तपाईंलाई GitHub Copilot र Agent मोड प्रयोग गरेर पूरा गर्न नयाँ चुनौती हो। यदि अहिलेसम्म Agent मोड प्रयोग गर्नुभएको छैन भने, यसले मात्र टेक्स्ट सिर्जना गर्ने होइन, फाइलहरू सिर्जना र सम्पादन गर्ने, कमाण्डहरू चलाउने लगायतका कामहरू गर्न सक्छ।
+नयाँ चुनौती थपियो, धेरै अध्यायहरूमा "GitHub Copilot Agent Challenge 🚀" खोज्नुहोस्। यो GitHub Copilot र Agent मोडको प्रयोग गरेर तपाईंले पूरा गर्न सक्ने नयाँ चुनौती हो। यदि तपाईंले पहिले Agent मोड प्रयोग गर्नुभएन भने यो केवल पाठ बनाउने मात्र नभई फाइलहरू सिर्जना गर्न, सम्पादन गर्न, आदेशहरू चलाउन र अझ धेरै गर्न सक्षम छ।
 
-### 📣 घोषणा - _Generative AI प्रयोग गरेर नयाँ परियोजना निर्माण_
+### 📣 घोषणा - _Generative AI प्रयोग गरेर नयाँ परियोजना बनाउने_ 
 
-नयाँ AI सहायक परियोजना थपिएको छ, जाँच गर्नुहोस् [परियोजना](./9-chat-project/README.md)
+नयाँ AI सहायक परियोजना थपियो, यहाँ हेरौं [परियोजना](./9-chat-project/README.md)
 
-### 📣 घोषणा - _Generative AI का लागि नयाँ पाठ्यक्रम_ हालै रिलिज गरिएको छ
+### 📣 घोषणा - _Generative AI को लागि नयाँ पाठ्यक्रम_ JavaScript मा जारी भएको छ
 
-हामीले नयाँ Generative 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)
 
 ![Background](../../translated_images/ne/background.148a8d43afde5730.webp)
 
-- आधारहरूदेखि RAG सम्म सबै विषयहरू समेटिएका पाठहरू।
-- GenAI र हाम्रो साथी एप प्रयोग गरेर ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
-- रमाइलो र आकर्षक कथा, तपाईं समयको यात्रा गर्दै हुनुहुनेछ!
+- आधारभूतदेखि RAG सम्म सबै विषयहरू समेटिएको पाठहरू।
+- GenAI र हाम्रो साथीसँग ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्।
+- रमाईलो र रोचक कथावाचन, तपाईं समय यात्रा गर्दै हुनुहुन्छ!
 
 ![character](../../translated_images/ne/character.5c0dd8e067ffd693.webp)
 
-प्रत्येक पाठमा पूरा गर्नको लागि कार्य, ज्ञान जाँच र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्दछ:
-- प्रॉम्प्टिङ र प्रॉम्प्ट इन्जिनियरिङ
-- टेक्स्ट र छवि एप निर्माण
-- खोज एपहरू
+हरेक पाठसँग एउटा कार्य पूरा गर्ने, ज्ञान जाँच्ने र चुनौती समावेश छ जसले तपाईंलाई यी विषयहरूमा मार्गदर्शन गर्छ:
+- Prompting र prompt engineering
+- पाठ र छवि एप् उत्पादन
+- खोजी एप्लिकेसनहरू
 
-सुरु गर्न [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** बटन थिचेर यो गर्न सक्नुहुन्छ। यसले सहपाठ्यक्रमको प्रतिलिपि सहित नयाँ रेपोजिटोरी बनाउनेछ।
+#### आफ्नो repository सिर्जना गर्नुहोस्
+आफ्नो काम सजिलै सुरक्षित गर्न, तपाईंले यो repository को आफ्नै प्रति सिर्जना गर्ने सिफारिस गरिन्छ। तपाईं यसलाई पृष्ठको माथिल्लो भागमा रहेको **Use this template** बटनमा क्लिक गरेर गर्न सक्नुहुन्छ। यसले Github खातामा पाठ्यक्रमको प्रति भएको नयाँ repository सिर्जना गर्नेछ।
 
-यी चरणहरू अनुसरण गर्नुहोस्:
-1. **रेपोजिटोरी फोर्क गर्नुहोस्**: पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटन थिच्नुहोस्।
-2. **रेपोजिटोरी क्लोन गर्नुहोस्**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+यी चरणहरू पालना गर्नुहोस्:
+1. **Repository Fork गर्नुहोस्**: यस पृष्ठको माथि-दायाँ कुनामा रहेको "Fork" बटनमा क्लिक गर्नुहोस्।
+2. **Repository Clone गर्नुहोस्**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Codespace मा पाठ्यक्रम चलाउने तरिका
+#### Codespace मा पाठ्यक्रम चलाउनुहोस्
 
-तपाईंले सिर्जना गरेको आफ्नो रेपोजिटोरीमा **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंको लागि नयाँ Codespace सिर्जना गर्नेछ।
+तपाईंले सिर्जना गरेको आफ्नो repository प्रतिमा, **Code** बटन थिच्नुहोस् र **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईंलाई कार्य गर्न नयाँ Codespace सिर्जना गर्नेछ।
 
 ![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.webp)
 
-#### आफ्नै कम्प्युटरमा पाठ्यक्रम चलाउने तरिका
+#### आफ्नो कम्प्युटरमा स्थानीय रूपमा पाठ्यक्रम चलाउनुहोस्
 
-यस पाठ्यक्रमलाई स्थानीय रूपमा चलाउन, तपाईंलाई एउटा टेक्ट्स एडिटर, ब्राउजर, र कमाण्ड लाइन उपकरण चाहिन्छ। हाम्रो पहिलो पाठ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), यी उपकरणहरूको विभिन्न विकल्पहरू मार्फत तपाईंलाई मार्गदर्शन गर्नेछ ताकि तपाईंलाई सबैभन्दा उपयुक्त छान्न सकियोस्।
+तपाईंको कम्प्युटरमा यस पाठ्यक्रमलाई स्थानीय रूपमा चलाउन, तपाईलाई एक टेक्स्ट सम्पादक, एउटा ब्राउजर, र कमाण्ड लाइन उपकरण आवश्यक पर्नेछ। हाम्रो पहिलो पाठ, [प्रोग्रामिङ भाषा र उपकरणहरूको परिचय](../../1-getting-started-lessons/1-intro-to-programming-languages), तपाईंलाई सबै उपकरणहरूको विभिन्न विकल्पहरूमा हिँडेर आफूलाई उपयुक्त छानेर छनोट गर्न मद्दत गर्नेछ।
 
-हामी सिफारिस गर्छौं कि तपाईं [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) प्रयोग गर्नुहोस्, जसमा इनबिल्ट [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) पनि छ। तपाईं Visual Studio Code यहाँबाट डाउनलोड गर्न सक्नुहुन्छ: [यहाँ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
-
-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)
-    त्यसपछि, भित्र [टर्मिनल](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् [भिजुअल स्टुडियो कोड](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) र तलको आदेश चलाउनुहोस्, `<your-repository-url>` सँग तपाईले भर्खरै कपी गर्नुभयो URL प्रतिस्थापन गर्दै:
+
+    त्यसपछि, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) भित्र [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) खोल्नुहोस् र तलको आदेश चलाउनुहोस्, जहाँ `<your-repository-url>` साटासाट तपाईंले कपी गरेको URL राख्नुहोस्:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. भिजुअल स्टुडियो कोडमा फोल्डर खोल्नुहोस्। तपाईं यो **File** > **Open Folder** क्लिक गरेर र भर्खरै क्लोन गरेको फोल्डर चयन गरेर गर्न सक्नुहुन्छ।
+2. Visual Studio Code मा फोल्डर खोल्नुहोस्। तपाईंले यो **File** > **Open Folder** क्लिक गरेर र हालै क्लोन गरेको फोल्डर चयन गरेर गर्न सक्नुहुन्छ।
 
-
->  सिफारिस गरिएको भिजुअल स्टुडियो कोड विस्तारहरू:
+>  सिफारिस गरिएको Visual Studio Code एक्सटेन्सनहरू:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - भिजुअल स्टुडियो कोड भित्र 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 फोल्डरमा छन्, ४८ कुल क्विजहरू प्रत्येक तीन प्रश्नका साथ। तपाई यहाँबाट उपलब्ध छन् [यहाँ](https://ff-quizzes.netlify.app/web/); क्विज एप स्थानीय रूपमा चलाउन सकिन्छ वा Azure मा परिनियोजन गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशनहरू पालन गर्नुहोस्।
+> **क्वीजहरूबारे सूचना**: सबै क्वीजहरू Quiz-app फोल्डरमा रहेका छन्, कुल ४८ क्वीजहरू हरेकमा तीन प्रश्नहरू हुन्छन्। तिनीहरू [यहाँ](https://ff-quizzes.netlify.app/web/) उपलब्ध छन्। क्वीज एप स्थानीय रूपमा चलाउन वा Azure मा डिप्लोय गर्न सकिन्छ; `quiz-app` फोल्डरमा निर्देशहरू पछ्याउनुहोस्।
 
 ## 🗃️ पाठहरू
 
-|     |                       परियोजनाको नाम                       |                             सिकाइ जाने अवधारणाहरू                             | सिकाइ उद्देश्यहरू                                                                                                                   |                                                         सम्बद्ध पाठ                                                          |         लेखक          |
-| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
-| 01  |                     सुरु गर्दै                      |           प्रोग्रामिङ परिचय र व्यापारका उपकरणहरू           | प्रायः प्रोग्रामिङ भाषाहरूको आधारभूत सिद्धान्तहरू र पेशेवर विकासकर्ताहरूलाई मद्दत गर्ने सफ्टवेयर बारे जान्नुहोस् | [प्रोग्रामिङ भाषाहरू र उपकरणहरूको परिचय](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     सुरु गर्दै                      |             GitHub का आधार, टिमसँग काम गर्ने समावेश             | तपाईंको परियोजनामा GitHub कसरी प्रयोग गर्ने, कोड बेसमा अरूसँग कसरी सहकार्य गर्ने    |                            [GitHub परिचय](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     सुरु गर्दै                      |                             पहुँचयोग्यता                            | वेब पहुँचयोग्यताको आधारभूत कुरा सिक्नुहोस्                                                                                             |                       [पहुँचयोग्यता आधारभूत कुरा](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS आधारहरू                         |                         Javascript डाटा प्रकारहरू                          | Javascript डाटा प्रकारहरूको आधारभूत कुरा                                                                                                 |                                       [डाटा प्रकारहरू](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS आधारहरू                         |                         फङ्सनहरू र मेथडहरू                          | अनुप्रयोगको लॉजिक प्रवाह व्यवस्थापन गर्न फङ्सन र मेथडहरूबारे जान्नुहोस्                                                             |                              [फङ्सनहरू र मेथडहरू](./2-js-basics/2-functions-methods/README.md)                               | Jasmine र Christopher |
-| 06  |                        JS आधारहरू                         |                        JS संग निर्णयहरू गर्ने                        | निर्णय-निर्माण विधिहरू प्रयोग गरी तपाईंको कोडमा शर्तहरू कसरी सिर्जना गर्ने जान्नुहोस्                                                           |                                 [निर्णय लिनु](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS आधारहरू                         |                            एरेहरू र लूपहरू                            | Javascript मा एरेहरू र लूपमार्फत डाटासँग काम गर्नुहोस्                                                                                 |                                   [एरेहरू र लूपहरू](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML अभ्यासमा                            | अनलाइन टेरारियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट निर्माणमा ध्यान दिँदै                                                         |                                 [HTML परिचय](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS अभ्यासमा                             | अनलाइन टेरारियमको शैली बनाउन CSS निर्माण गर्नुहोस्, CSS का आधारभूत कुरा समावेश गर्दै पृष्ठलाई प्रतिक्रिया दिने बनाउने                     |                                  [CSS परिचय](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Javascript क्लोजरहरू, DOM हेरफेर                  | टेरारियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन Javascript तयार पार्नुहोस्, क्लोजर र DOM हेरफेरमा ध्यान केन्द्रित गर्दै             |                  [Javascript क्लोजरहरू, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          टाइपिंग खेल बनाउनुहोस्                           | तपाईंको Javascript अनुप्रयोगको लॉजिक चलाउन किबोर्ड इभेन्टहरू प्रयोग कसरी गर्ने जान्नुहोस्                                                          |                                [इभेन्ट-चलित प्रोग्रामिङ](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                          ब्राउजरहरूसँग काम गर्दै                          | ब्राउजरले कसरी काम गर्छ, यसको इतिहास, र ब्राउजर एक्सटेन्सनका पहिलो तत्वहरू कसरी तयार गर्ने जान्नुहोस्                               |                               [ब्राउजरहरूबारे](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानीय भण्डारणमा चरहरू भण्डारण गर्ने | तपाईंको ब्राउजर एक्सटेन्सनका Javascript तत्वहरू निर्माण गर्नुहोस्, स्थानीय भण्डारणमा राखिएका चरहरू प्रयोग गरी API कल गर्न                      |                [API, फारमहरू, र स्थानीय भण्डारण](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          ब्राउजरमा ब्याकग्राउण्ड प्रक्रियाहरू, वेब प्रदर्शन          | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको ब्याकग्राउण्ड प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र केही अनुकूलनहरू बारे जान्नुहोस्   |             [ब्याकग्राउण्ड कार्य र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Javascript सँग अझ उन्नत खेल विकास             | वर्गहरू र सङ्गठन दुवै प्रयोग गरेर इनहेरिटेन्स र पब/सब् ढाँचाबारे जान्नुहोस्, खेल निर्माणको तयारीका लागि              |                      [उन्नत खेल विकास परिचय](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           क्यानभासमा चित्रण                            | स्क्रिनमा तत्वहरू तान्न प्रयोग हुने क्यानभास एपीआईबारे जान्नुहोस्                                                                       |                                [क्यानभासमा चित्रण](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   स्क्रिनमा तत्वहरू सर्नु                    | कार्टेसियन निर्देशांक र क्यानभास एपीआई प्रयोग गरी तत्वहरू कसरी गति लिन सक्छन् पत्ता लगाउनुहोस्                                            |                           [तत्वहरू सार्न](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          टक्कर पत्ता लगाउने                           | प्रमुख थिच्ने प्रयोग गरी तत्वहरूलाई टक्कर गराउने र एकअर्कामा प्रतिक्रिया दिने बनाउनुहोस् र खेलको प्रदर्शन सुनिश्चित गर्न कूलडाउन फङ्सन प्रदान गर्नुहोस्    |                              [टक्कर पत्ता लगाउने](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             स्कोर राख्ने                              | खेलको स्थिति र प्रदर्शनमा आधारित गणितीय गणना गर्नुहोस्                                                                |                                    [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     खेल अन्त्य र पुनः सुरु गर्ने                     | खेल अन्त्य र पुनः सुरु गर्ने, संसाधनहरू सफा गर्ने र चर मानहरू रिसेट गर्ने बारे जान्नुहोस्                              |                                [अन्त्य सर्त](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 वेब अनुप्रयोगमा HTML टेम्प्लेट र मार्गहरू                 | मल्टिपेज वेबसाइटको वास्तुकला तयार गर्न मार्गनिर्देशन र HTML टेम्प्लेटहरू कसरी सिर्जना गर्ने जान्नुहोस्                             |                            [HTML टेम्प्लेट र मार्गहरू](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  लगइन र दर्ता फारम बनाउने                   | फारमहरू बनाउन र प्रमाणिकरण प्रक्रिया कसरी गर्ने जान्नुहोस्                                                                          |                                           [फारमहरू](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   डाटा प्राप्त र प्रयोग गर्ने तरिकाहरू                   | तपाईंको अनुप्रयोगमा डाटा कसरी आउँछ र जान्छ, कसरि प्राप्त गर्ने, भण्डारण गर्ने, र नष्ट गर्ने जान्नुहोस्                                                 |                                            [डाटा](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      राज्य व्यवस्थापनका सिद्धान्तहरू                      | तपाईंको अनुप्रयोगले कसरी राज्य राख्छ र यसलाई प्रोग्रामिङमार्फत कसरी व्यवस्थापन गर्ने जान्नुहोस्                                                              |                                [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | VScode सँग काम गर्दै | कोड सम्पादक प्रयोग कसरी गर्ने जान्नुहोस् | [VScode कोड सम्पादक प्रयोग](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | AI सँग काम गर्दै | आफ्नै AI सहायक कसरी बनाउने जान्नुहोस् | [AI सहायक परियोजना](./9-chat-project/README.md) | Chris |
-
-## 🏫 शिक्षाशास्त्र
-
-हाम्रो पाठ्यक्रम दुई प्रमुख शिक्षाशास्त्रीय सिद्वान्तहरूलाई ध्यानमा राखेर डिजाइन गरिएको छ:
-* परियोजना-आधारित सिकाइ
-* बारम्बार क्विजहरू
-
-कार्यक्रमले Javascript, HTML, र CSS का आधारभूत कुरा सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले उपयोग गर्ने नवीनतम उपकरण र प्रविधिहरू पनि। विद्यार्थीहरूले टाइपिंग खेल, भर्चुअल टेरारियम, वातावरणमैत्री ब्राउजर एक्सटेन्सन, स्पेस-इनभेडर-शैलीको खेल, र व्यवसायहरूको लागि बैंकिङ्ग अनुप्रयोग बनाएर व्यावहारिक अनुभव गर्न पाउनेछन्। सिरीजको अन्त्यसम्म, विद्यार्थीहरूले वेब विकासको एक दृढ समझ पाउनेछन्।
-
-> 🎓 तपाईं यस पाठ्यक्रमको पहिलो केही पाठहरूलाई Microsoft Learn मा [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ!
-
-सामग्री परियोजनाहरूसँग मेल खान सुनिश्चित गर्दा, प्रक्रिया विद्यार्थीहरूका लागि अझ रोचक हुन्छ र अवधारणाहरूको सम्झनामा सुधार हुन्छ। हामीले केही शुरुवाती पाठहरू Javascript आधारहरूमा लेखेका छौं अवधारणाहरू परिचय गराउन, जुन "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" भिडियो शृंखलाबाट एक भिडियोसँग जोडिएको छ, जसका केही लेखकहरूले यस पाठ्यक्रममा योगदान दिएका छन्।
-
-थप रूपमा, कक्षाको लागि पहिले एक कम जोखिम क्विजले विद्यार्थीहरूको विषय सिकाइमा चाहना सेट गर्दछ, जबकि कक्षापछि दोस्रो क्विजले थप सम्झना सुनिश्चित गर्दछ। यो पाठ्यक्रम लचिलो र रमाइलो बनाउन डिजाइन गरिएको छ र पूरै वा भागमा लिन सकिन्छ। परियोजनाहरू सानाबाट सुरु हुन्छन् र १२ हप्ता चक्रको अन्त्यमा क्रमशः जटिल हुँदै जान्छन्।
-
-हामीले सचेत रूपमा 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.md) र [योगदान गर्ने तरिका](CONTRIBUTING.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 र Christopher |
+| 06  |                        JS आधारभूत                        |                        JS सँग निर्णय बनाउने                        | निर्णय गर्ने तरिका प्रयोग गरी तपाईंको कोडमा सर्तहरू कसरी बनाउन सिक्नुहोस्                                                           |                                 [निर्णय बनाउने](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS आधारभूत                        |                            एर्रेहरू र लूपहरू                            | JavaScript मा एर्रे र लूपहरूको प्रयोग गरी डाटासँग काम गर्नुहोस्                                                                                 |                                   [एर्रे र लूपहरू](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            प्रायोगमा HTML                            | अनलाइन टेरियम बनाउन HTML निर्माण गर्नुहोस्, लेआउट बनाउनमा केन्द्रित                                                         |                                 [HTML परिचय](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            प्रायोगमा CSS                             | अनलाइन टेरियमलाई स्टाइल दिन CSS बनाउनुहोस्, पृष्ठले प्रतिक्रिया जनाउने गरी CSS का आधारहरू सहित                     |                                  [CSS परिचय](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript क्लोजरहरू, DOM हेरफेर                  | टेरियमलाई ड्र्याग/ड्रप इन्टरफेस बनाउन JavaScript लेख्नुहोस्, क्लोजर र DOM हेरफेरमा केन्द्रित             |                  [JavaScript क्लोजरहरू, DOM हेरफेर](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [टाइपिङ गेम](./4-typing-game/solution/README.md)          |                          टाइपिङ गेम बनाउने                           | कीबोर्ड इभेन्टहरू प्रयोग गरेर तपाईंको JavaScript अनुप्रयोगको तर्क चलाउन सिक्नुहोस्                                                          |                                [इभेन्ट-चालित प्रोग्रामिङ](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) |                         ब्राउजरहरूसँग काम                          | ब्राउजरहरू कसरी काम गर्छन्, तिनको इतिहास र ब्राउजर एक्सटेन्सनका पहिलो तत्वहरू कसरी बनाउने                                       |                               [ब्राउजरहरूबारे](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) | फारम बनाउने, API कल गर्ने र स्थानीय संग्रहमा भेरिएबल राख्ने | आफ्नो ब्राउजर एक्सटेन्सनका JavaScript तत्वहरू बनाउन, स्थानीय संग्रहमा राखिएका भेरिएबल छन् API कल गर्न                                    |                [API, फारम र स्थानीय संग्रह](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [हरियो ब्राउजर एक्सटेन्सन](./5-browser-extension/solution/README.md) |          ब्राउजरको पृष्ठभूमि प्रक्रियाहरू, वेब प्रदर्शन          | एक्सटेन्सनको आइकन व्यवस्थापन गर्न ब्राउजरको पृष्ठभूमि प्रक्रियाहरू प्रयोग गर्नुहोस्; वेब प्रदर्शन र सुधार गर्न सिक्नुहोस्   |             [पृष्ठभूमि कार्यहरू र प्रदर्शन](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [सपेस गेम](./6-space-game/solution/README.md)           |             JavaScript सँग अझ उन्नत गेम विकास             | Inheritance बारे क्लासहरू र Composition दुवै र Pub/Sub ढाँचाबारे सिक्नुहोस्, गेम विकासको तयारीका लागि              |                      [उन्नत गेम विकास परिचय](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [सपेस गेम](./6-space-game/solution/README.md)           |                           क्यानभासमा चित्र बनाउने                            | स्क्रीनमा तन्काउन क्यानभास API को बारेमा सिक्नुहोस्                                                                       |                                [क्यानभासमा चित्र बनाउने](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [सपेस गेम](./6-space-game/solution/README.md)           |                   स्क्रिनमा तत्वहरू सार्ने                    | तत्वहरू गति पाउन कार्टेशियन समन्वय प्रणाली र क्यानभास API प्रयोग कसरी गर्ने पत्ता लगाउनुहोस्                                            |                           [तत्वहरू सार्ने](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [सपेस गेम](./6-space-game/solution/README.md)           |                          टक्कर पत्ता लगाउने                           | कुञ्जी थिच्नेहरू प्रयोग गरी तत्वहरू कसरी आपसमा ठोक्किन्छन् र प्रतिक्रिया दिन्छन् र प्रदर्शन सुनिश्चित गर्न कोलडाउन फंक्शन दिने    |                              [टक्कर पत्ता लगाउने](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [सपेस गेम](./6-space-game/solution/README.md)           |                             स्कोर राख्ने                              | गेमको स्थिति र प्रदर्शन आधारमा गणितीय हिसाबकिताब गर्नुहोस्                                                                |                                    [स्कोर राख्ने](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [सपेस गेम](./6-space-game/solution/README.md)           |                     गेम अन्त्य र पुनः सुरु गर्ने                     | गेम अन्त्य र पुनः सुरु गर्न सिक्नुहोस्, जसमा स्रोतहरू सफा गर्ने र भेरिएबल मानहरू रिसेट गर्ने पनि समावेश छ                              |                                [अन्त्य अवस्था](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [बैंकिङ एप](./7-bank-project/solution/README.md)          |                 वेब एपमा HTML टेम्प्लेट र मार्गहरू                 | बहुपृष्ठ वेबसाइटको संरचना सिर्जना गर्न रुटिङ र HTML टेम्प्लेट प्रयोग कसरी गर्ने सिक्नुहोस्                             |                            [HTML टेम्प्लेट र मार्गहरू](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [बैंकिङ एप](./7-bank-project/solution/README.md)          |                  लग इन र दर्ता फारम बनाउने                   | फारम निर्माण र प्रमाणीकरण प्रक्रिया व्यवस्थापनको बारेमा जान्नुहोस्                                                                          |                                           [फारमहरू](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [बैंकिङ एप](./7-bank-project/solution/README.md)          |                   डेटा ल्याउने र प्रयोग गर्ने तरिकाहरू                   | तपाईंको एपमा डेटा कसरी आउँछ र जान्छ, कसरी तानिन्छ, भण्डारण गरिन्छ र हटाइन्छ                                                 |                                            [डेटा](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [बैंकिङ एप](./7-bank-project/solution/README.md)          |                      राज्य व्यवस्थापनका अवधारणाहरू                      | तपाईंको एपले कसरी राज्य सम्हाल्छ र यसलाई प्रोग्रामले कसरी व्यवस्थापन गर्ने सिक्नुहोस्                                                              |                                [राज्य व्यवस्थापन](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [ब्राउजर/VScode कोड](../../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 |
+
+## 🏫 पठनशास्त्र
+
+हाम्रो पाठ्यक्रम दुई प्रमुख पठनशास्त्रीय सिद्धान्तहरूसँग डिजाइन गरिएको छ:
+* प्रोजेक्ट-आधारित सिकाइ
+* बारम्बार क्वीज
+
+कार्यक्रमले JavaScript, HTML, र CSS का आधारभूत कुराहरू सिकाउँछ, साथै आजका वेब विकासकर्ताहरूले प्रयोग गर्ने नवीनतम उपकरणहरू र प्रविधिहरू पनि। विद्यार्थीहरूले टाइपिङ गेम, भर्चुअल टेरियम, इको-मैत्री ब्राउजर एक्सटेन्सन, स्पेस-इन्वेडर शैलीको गेम, र व्यवसायहरूका लागि बैंकिङ एप जस्ता परियोजनाहरू बनाउन व्यावहारिक अनुभव प्राप्त गर्ने अवसर पाउनेछन्। श्रृंखलाको अन्त्यसम्म, विद्यार्थीहरूले वेब विकासको राम्रो समझ हासिल गर्नेछन्।
+
+> 🎓 तपाईं यो पाठ्यक्रमका केही पहिलो पाठहरू Microsoft Learn मा [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) को रूपमा लिन सक्नुहुन्छ!
+
+सामग्री प्रोजेक्टहरूसँग मेल खाने सुनिश्चित गर्दा, प्रक्रिया विद्यार्थीहरूका लागि अझ रोचक हुन्छ र अवधारणाहरूको ज्ञान वृद्धिमा मद्दत पुग्छ। हामीले JavaScript आधारभूत कुराहरू सिकाउन धेरै प्रारम्भिक पाठहरू लेखेका छौं, जसमा "[JavaScript को लागि बिगिनर्स सिरिज](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" भिडियो ट्युटोरियलहरूबाट एक भिडियो पनि समावेश छ, जसका केही लेखकहरूले यो पाठ्यक्रममा योगदान दिएका छन्।
+
+थप रूपमा, कक्षा सुरु हुनुअघि सजिलो क्वीजले विद्यार्थीलाई विषय सिक्न तयार पार्छ, भने कक्षा पछि दोस्रो क्वीजले अवधारणा अझ राम्रोसँग सम्झन मद्दत गर्छ। यो पाठ्यक्रम लचिलो र रमाइलो बनाउन डिजाइन गरिएको हो र पूर्ण रूपमा वा आंशिक रूपमा लिन सकिन्छ। परियोजनाहरू साना बाट सुरु भएर १२ हप्ता अवधिको अन्त्यसम्म बुझ्न कठिन हुँदै जान्छ।
+
+हामीले जानाजानी JavaScript फ्रेमवर्कहरू समावेश गर्नबाट बचेका छौं ताकि आधारभूत वेब विकास कौशलहरूमा केन्द्रित रहिऊस्, फ्रेमवर्क अपनाउनु अघि। यस पाठ्यक्रम पूरा गरेपछि अर्को राम्रो चरण 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` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट ३००० मा सेवा हुनेछ: `localhost:3000`।
+तपाईं [Docsify](https://docsify.js.org/#/) प्रयोग गरी यो दस्तावेज अफलाइन रूपमा चलाउन सक्नुहुन्छ। यस रिपोमा फोर्क गर्नुहोस्, [Docsify स्थापना](https://docsify.js.org/#/quickstart) गर्नुहोस् आफ्नो स्थानीय कम्प्युटरमा, र त्यसपछि यो रिपोको मूल फोल्डरमा `docsify serve` टाइप गर्नुहोस्। वेबसाइट तपाईंको लोकलहोस्टमा पोर्ट 3000 मा सेवा हुनेछ: `localhost:3000`।
 
 ## 📘 PDF
-
-सबै पाठहरूको PDF [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) फेला पार्न सकिन्छ।
-
+सबै पाठहरूको PDF फाइल [यहाँ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) फेला पार्न सकिन्छ।
 
 ## 🎒 अन्य कोर्सहरू
-हाम्रो टोलीले अन्य कोर्सहरू पनि उत्पादन गर्दछ! जाँच गर्नुहोस्:
+
+हाम्रो टोलीले अन्य कोर्सहरू पनि उत्पादन गर्छ! जाँच गर्नुहोस्:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -206,7 +230,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु
 
 ---
  
-### Generative AI Series
+### Generative 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)
@@ -214,7 +238,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)
@@ -225,29 +249,29 @@ 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## सहायता प्राप्त गर्दै
+## सहायता पाउने तरिका
 
-यदि तपाइँ अल्झनु हुन्छ वा 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) फाइल हेर्नुहोस्।
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**अस्वीकरण**:  
-यस दस्तावेजलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) द्वारा अनुवाद गरिएको हो। हामी सही अनुवाद गर्न प्रयास गरिरहेका छौँ भने पनि, कृपया ध्यान दिनुहोस् कि स्वत: अनुवादमा त्रुटि वा अशुद्धता हुन सक्छ। मूल दस्तावेज यसको मूल भाषामा नै प्रामाणिक स्रोत मानिनु पर्छ। महत्वपूर्ण जानकारीको लागि व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न भएका कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार छैनौं।
+**अस्वीकरण**:
+यस कागजातलाई AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरी अनुवाद गरिएको हो। हामी सबै प्रयासका बावजुद, कृपया जान्नुहोस् कि स्वचालित अनुवादमा त्रुटिहरू वा अशुद्धता हुन सक्छ। मूल भाषा मा रहेको कागजातलाई आधिकारिक स्रोतको रूपमा मानिनु पर्छ। महत्वपूर्ण जानकारीको लागि व्यावसायिक मानव अनुवाद सल्लाह दिइन्छ। यस अनुवादको प्रयोगबाट हुने कुनै पनि गलतफहमी वा गलत अर्थ लगाउन हामी उत्तरदायी छैनौं।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/nl/.co-op-translator.json b/translations/nl/.co-op-translator.json
index 3541b2556..db1723649 100644
--- a/translations/nl/.co-op-translator.json
+++ b/translations/nl/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T01:51:13+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:39:14+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "nl"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:38:09+00:00",
+    "translation_date": "2026-03-06T13:50:56+00:00",
     "source_file": "AGENTS.md",
     "language_code": "nl"
   },
@@ -516,8 +516,8 @@
     "language_code": "nl"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:33:51+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:36:25+00:00",
     "source_file": "README.md",
     "language_code": "nl"
   },
diff --git a/translations/nl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/nl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index d611eeef9..3867a7f3b 100644
--- a/translations/nl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/nl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# Introductie tot programmeertalen en moderne ontwikkeltools
+# Introductie tot Programmeertalen en Moderne Ontwikkelaarstools
+ 
+Hey daar, toekomstige ontwikkelaar! 👋 Mag ik je iets vertellen dat me elke dag nog kippenvel geeft? Je staat op het punt te ontdekken dat programmeren niet alleen over computers gaat – het gaat erom dat je echte superkrachten hebt om je wildste ideeën tot leven te brengen!
 
-Hoi daar, toekomstige ontwikkelaar! 👋 Mag ik je iets vertellen dat me elke dag weer kippenvel bezorgt? Je staat op het punt te ontdekken dat programmeren niet alleen over computers gaat – het is alsof je superkrachten krijgt om je wildste ideeën tot leven te brengen!
+Je kent dat moment wel wanneer je je favoriete app gebruikt en alles gewoon perfect klikt? Wanneer je op een knop tikt en er iets magisch gebeurt waardoor je denkt "wow, hoe hebben ze DAT gedaan?" Wel, iemand net zoals jij – waarschijnlijk om 2 uur ’s nachts in zijn favoriete koffietent met zijn derde espresso – heeft de code geschreven die die magie creëerde. En hier komt het deel dat je versteld zal doen staan: aan het einde van deze les begrijp je niet alleen hoe ze het deden, maar je staat te popelen om het zelf te proberen!
 
-Ken je dat moment waarop je je favoriete app gebruikt en alles gewoon perfect werkt? Wanneer je op een knop drukt en er iets magisch gebeurt waardoor je denkt: "Wow, hoe hebben ze DAT gedaan?" Nou, iemand zoals jij – waarschijnlijk zittend in hun favoriete koffietentje om 2 uur 's nachts met hun derde espresso – heeft de code geschreven die die magie creëerde. En hier komt het: aan het einde van deze les begrijp je niet alleen hoe ze dat deden, maar sta je te popelen om het zelf te proberen!
+Kijk, ik snap helemaal dat programmeren nu misschien intimiderend aanvoelt. Toen ik net begon, dacht ik eerlijk gezegd dat je een soort rekenwonder moest zijn of al aan het coderen moest zijn sinds je vijf jaar was. Maar hier is wat mijn perspectief compleet veranderde: programmeren is precies als het leren voeren van gesprekken in een nieuwe taal. Je begint met "hallo" en "dank je," dan werk je toe naar het bestellen van koffie, en voor je het weet, voer je diepe filosofische gesprekken! Maar in dit geval heb je gesprekken met computers, en eerlijk? Zij zijn de meest geduldige gesprekspartners die je ooit zult hebben – ze beoordelen je fouten nooit en ze zijn altijd enthousiast om het opnieuw te proberen!
 
-Luister, ik snap het helemaal als programmeren nu nog intimiderend lijkt. Toen ik begon, dacht ik eerlijk gezegd dat je een soort wiskundig genie moest zijn of al vanaf je vijfde aan het coderen moest zijn. Maar dit veranderde mijn hele kijk: programmeren is precies zoals het leren van een nieuwe taal. Je begint met "hallo" en "dank je," werkt toe naar het bestellen van koffie, en voor je het weet voer je diepe filosofische gesprekken! Alleen in dit geval voer je gesprekken met computers, en eerlijk? Ze zijn de meest geduldige gesprekspartners die je ooit zult hebben – ze oordelen nooit over je fouten en zijn altijd bereid om opnieuw te proberen!
+Vandaag gaan we de ongelooflijke tools verkennen die moderne webontwikkeling niet alleen mogelijk maken, maar ook ronduit verslavend. Ik heb het over precies dezelfde editors, browsers en workflows die ontwikkelaars bij Netflix, Spotify en je favoriete indie-appstudio elke dag gebruiken. En hier komt het deel waar je een vreugdedansje van gaat doen: de meeste van deze professionele, industriestandaardtools zijn helemaal gratis!
 
-Vandaag gaan we de geweldige tools verkennen die moderne webontwikkeling niet alleen mogelijk maken, maar ook verslavend leuk. Ik heb het over dezelfde editors, browsers en workflows die ontwikkelaars bij Netflix, Spotify en je favoriete indie-appstudio elke dag gebruiken. En hier komt het deel dat je een vreugdedansje laat doen: de meeste van deze professionele, industrienorm-tools zijn helemaal gratis!
-
-![Intro Programmering](../../../../translated_images/nl/webdev101-programming.d6e3f98e61ac4bff.webp)
+![Intro Programming](../../../../translated_images/nl/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
+    title Je Programmeerreis Vandaag
+    section Ontdekken
+      Wat is Programmeren: 5: You
+      Programmeertalen: 4: You
+      Overzicht Hulpmiddelen: 5: You
+    section Verkennen
       Code Editors: 4: You
       Browsers & DevTools: 5: You
       Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    section Oefenen
+      Taal Detective: 4: You
+      Hulpmiddel Verkenning: 5: You
+      Community Connectie: 5: You
 ```
+## Laten We Kijken Wat Je Al Weet!
 
-## Laten we kijken wat je al weet!
+Voordat we aan het leuke gedeelte beginnen, ben ik benieuwd – wat weet jij al over deze programmeerwereld? En luister, mocht je naar deze vragen kijken en denken "ik heb er letterlijk geen idee van," dan is dat niet alleen prima, het is perfect! Dat betekent dat je precies op de juiste plek bent. Zie deze quiz als een warming-up voor een workout – we maken die breinspieren alvast los!
 
-Voordat we in de leuke dingen duiken, ben ik benieuwd – wat weet je al over deze programmeerwereld? En luister, als je naar deze vragen kijkt en denkt "Ik heb echt geen idee," dan is dat niet alleen oké, het is perfect! Dat betekent dat je precies op de juiste plek bent. Zie deze quiz als een warming-up voor een workout – we maken gewoon die hersenspieren warm!
+[Neem de pre-les quiz](https://ff-quizzes.netlify.app/web/)
 
-[Doe de pre-les quiz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Het avontuur dat we samen gaan beleven
+## Het Avontuur Waar We Samen Aan Gaan
 
-Oké, ik ben echt super enthousiast over wat we vandaag gaan verkennen! Serieus, ik wou dat ik je gezicht kon zien wanneer sommige van deze concepten duidelijk worden. Hier is de geweldige reis die we samen gaan maken:
+Oké, ik ben echt super enthousiast over wat we vandaag gaan ontdekken! Serieus, ik wou dat ik je gezicht kon zien als sommige van deze concepten ineens klikken. Dit is de ongelooflijke reis die we samen gaan maken:
 
-- **Wat programmeren eigenlijk is (en waarom het het coolste ooit is!)** – We gaan ontdekken hoe code letterlijk de onzichtbare magie is achter alles om je heen, van dat alarm dat weet dat het maandagochtend is tot het algoritme dat je perfecte Netflix-aanbevelingen samenstelt.
-- **Programmeertalen en hun geweldige persoonlijkheden** – Stel je voor dat je een feestje binnenloopt waar iedereen compleet verschillende superkrachten en manieren heeft om problemen op te lossen. Dat is hoe de wereld van programmeertalen is, en je gaat ervan genieten om ze te leren kennen!
-- **De fundamentele bouwstenen die digitale magie mogelijk maken** – Zie dit als de ultieme creatieve LEGO-set. Zodra je begrijpt hoe deze stukken in elkaar passen, realiseer je je dat je letterlijk alles kunt bouwen wat je fantasie bedenkt.
-- **Professionele tools die je het gevoel geven dat je een toverstok hebt gekregen** – Ik overdrijf niet – deze tools geven je echt het gevoel dat je superkrachten hebt, en het beste deel? Het zijn dezelfde tools die de professionals gebruiken!
+- **Wat programmeren eigenlijk is (en waarom het het coolste ooit is!)** – We gaan ontdekken hoe code letterlijk de onzichtbare magie is die alles om je heen aandrijft, van dat alarm dat op de een of andere manier weet dat het maandagochtend is tot het algoritme dat perfect je Netflix-aanbevelingen samenstelt
+- **Programmeertalen en hun geweldige persoonlijkheden** – Stel je eens voor dat je een feest binnenloopt waar iedereen compleet verschillende superkrachten en manieren heeft om problemen op te lossen. Zo is de wereld van programmeertalen, en je zult ze geweldig vinden om te ontmoeten!
+- **De fundamentele bouwstenen die digitale magie mogelijk maken** – Zie deze als het ultieme creatieve LEGO-set. Zodra je begrijpt hoe deze stukjes in elkaar passen, besef je dat je letterlijk alles kunt bouwen wat je verbeelding maar kan bedenken
+- **Professionele tools die je het gevoel geven alsof je zojuist een toverstaf hebt gekregen** – Ik overdrijf niet – deze tools geven je echt het gevoel dat je superkrachten hebt, en het beste deel? Het zijn dezelfde tools die de professionals gebruiken!
 
-> 💡 **Hier is het ding**: Denk er niet eens aan om vandaag alles te proberen te onthouden! Voor nu wil ik alleen dat je die vonk van opwinding voelt over wat mogelijk is. De details blijven vanzelf hangen terwijl we samen oefenen – zo gebeurt echt leren!
+> 💡 **Dit is het punt:** Probeer vandaag niet alles te memoriseren! Op dit moment wil ik alleen dat je die vonk van opwinding voelt over wat er mogelijk is. De details blijven vanzelf hangen terwijl we samen oefenen – zo leer je echt!
 
-> Je kunt deze les volgen op [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Je kunt deze les volgen op [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Dus wat *is* programmeren eigenlijk?
+## Dus Wat *Is* Programmering Eigenlijk?
 
-Oké, laten we de miljoen-dollar vraag aanpakken: wat is programmeren nou echt?
+Oké, laten we de miljoen-dollar-vraag aanpakken: wat is programmeren nu eigenlijk?
 
-Ik geef je een verhaal dat mijn kijk hierop compleet veranderde. Vorige week probeerde ik mijn moeder uit te leggen hoe ze onze nieuwe afstandsbediening van de smart-tv moest gebruiken. Ik hoorde mezelf dingen zeggen zoals "Druk op de rode knop, maar niet de grote rode knop, de kleine rode knop aan de linkerkant... nee, je andere links... oké, houd hem nu twee seconden ingedrukt, niet één, niet drie..." Klinkt bekend? 😅
+Ik vertel je een verhaal dat mijn kijk hierop compleet veranderde. Vorige week probeerde ik mijn moeder uit te leggen hoe ze onze nieuwe smart TV-afstandsbediening moest gebruiken. Ik betrapte mezelf erop dat ik zei: "Druk op de rode knop, maar niet de grote rode knop, de kleine rode knop links... nee, je andere links... oké, hou ‘m nu twee seconden ingedrukt, niet één, niet drie..." Klinkt bekend? 😅
 
-Dat is programmeren! Het is de kunst van het geven van ongelooflijk gedetailleerde, stap-voor-stap instructies aan iets dat heel krachtig is maar alles perfect uitgelegd moet krijgen. Alleen in plaats van het uitleggen aan je moeder (die kan vragen "welke rode knop?!"), leg je het uit aan een computer (die precies doet wat je zegt, zelfs als wat je zei niet helemaal is wat je bedoelde).
+Dat is programmeren! Het is de kunst om ongelooflijk gedetailleerde, stapsgewijze instructies te geven aan iets dat heel krachtig is maar alles perfect uitgelegd moet krijgen. Alleen leg je het niet uit aan je moeder (die kan vragen "welke rode knop?!"), maar aan een computer (die precies doet wat je zegt, ook als wat je zei niet helemaal is wat je bedoelde).
 
-Wat mijn gedachten compleet veranderde toen ik dit leerde: computers zijn eigenlijk vrij simpel in hun kern. Ze begrijpen letterlijk maar twee dingen – 1 en 0, wat in feite gewoon "ja" en "nee" of "aan" en "uit" is. Dat is alles! Maar hier wordt het magisch – we hoeven niet in 1-en en 0-en te spreken alsof we in The Matrix zitten. Dat is waar **programmeertalen** ons te hulp schieten. Ze zijn als de beste vertaler ter wereld die je normale menselijke gedachten omzet in computertaal.
+Dit blies mijn geest helemaal weg toen ik het voor het eerst leerde: computers zijn eigenlijk best eenvoudig van binnenuit. Ze begrijpen letterlijk maar twee dingen – 1 en 0, wat in feite gewoon "ja" en "nee" of "aan" en "uit" is. Dat is het! Maar hier wordt het magisch – we hoeven niet in 1’ en 0’s te praten alsof we in The Matrix zitten. Daar komen **programmeertalen** om de hoek kijken. Die zijn als de beste vertaler ter wereld die je volkomen normale menselijke gedachten vertaalt naar computertaal.
 
-En hier is wat me elke ochtend nog steeds kippenvel bezorgt: letterlijk *alles* digitaal in je leven begon met iemand zoals jij, waarschijnlijk zittend in hun pyjama met een kop koffie, code typend op hun laptop. Dat Instagram-filter dat je er perfect uit laat zien? Iemand heeft dat gecodeerd. De aanbeveling die je naar je nieuwe favoriete nummer leidde? Een ontwikkelaar heeft dat algoritme gebouwd. De app die je helpt om de rekening van het diner met vrienden te splitsen? Ja, iemand dacht "dit is irritant, ik wed dat ik dit kan oplossen" en toen... deden ze het!
+En dit geeft me nog steeds echte kippenvel elke ochtend als ik wakker word: letterlijk *alles* digitaal in je leven begon met iemand net zoals jij, waarschijnlijk in pyjama met een kop koffie, code typend op zijn laptop. Die Instagram-filter die je er perfect uit laat zien? Iemand heeft die gecodeerd. Die aanbeveling die je naar je nieuwe favoriete nummer leidde? Een ontwikkelaar heeft dat algoritme gebouwd. De app die je helpt om de rekening met vrienden te splitsen? Ja, iemand dacht "dit is vervelend, dat kan ik wel fixen" en toen... deden ze het!
 
-Wanneer je leert programmeren, leer je niet alleen een nieuwe vaardigheid – je wordt onderdeel van deze geweldige gemeenschap van probleemoplossers die hun dagen doorbrengen met denken: "Wat als ik iets kon bouwen dat iemands dag net een beetje beter maakt?" Eerlijk, is er iets coolers dan dat?
+Als je leert programmeren, leer je niet alleen een nieuwe vaardigheid – je wordt onderdeel van een ongelooflijke gemeenschap van probleemoplossers die hun dagen doorbrengen met denken: "Wat als ik iets kon bouwen dat iemands dag net een beetje beter maakt?" Eerlijk, is er iets cooler dan dat?
 
-✅ **Leuk weetje om op te zoeken**: Hier is iets supergaafs om op te zoeken als je een momentje vrij hebt – wie denk je dat de eerste computerprogrammeur ter wereld was? Ik geef je een hint: het is misschien niet wie je verwacht! Het verhaal achter deze persoon is absoluut fascinerend en laat zien dat programmeren altijd al draaide om creatief problemen oplossen en buiten de gebaande paden denken.
+✅ **Leuk weetje**: Hier is iets supergaafs om op te zoeken als je even tijd hebt – wie denk je dat ’s werelds eerste computerprogrammeur was? Ik geef je een hint: het is misschien niet wie je verwacht! Het verhaal achter deze persoon is absoluut fascinerend en laat zien dat programmeren altijd al ging over creatief problemen oplossen en buiten de gebaande paden denken.
 
-### 🧠 **Check-in tijd: Hoe voel je je?**
+### 🧠 **Check-in: Hoe Voel Je Je?**
 
 **Neem even de tijd om na te denken:**
-- Begrijp je nu het idee van "instructies geven aan computers"?
-- Kun je een dagelijkse taak bedenken die je zou willen automatiseren met programmeren?
-- Welke vragen borrelen er op in je hoofd over dit hele programmeerconcept?
+- Maakt het idee van "instructies geven aan computers" nu voor jou zin?
+- Kun je een dagelijkse taak bedenken die je met programmeren zou willen automatiseren?
+- Welke vragen borrelen er op in je hoofd over die hele programmeerwereld?
 
-> **Onthoud**: Het is helemaal normaal als sommige concepten nu nog vaag aanvoelen. Programmeren leren is zoals het leren van een nieuwe taal – het kost tijd voordat je hersenen die neurale verbindingen opbouwen. Je doet het geweldig!
+> **Onthoud:** Het is volkomen normaal als sommige concepten nu nog wazig aanvoelen. Programmeren leren is net zoals een nieuwe taal leren – het kost tijd om je hersenen die neurale paden te laten bouwen. Je doet het geweldig!
 
-## Programmeertalen zijn als verschillende smaken van magie
+## Programmeertalen Zijn Net Verschillende Smaken Magie
 
-Oké, dit klinkt misschien een beetje vreemd, maar blijf bij me – programmeertalen zijn een beetje zoals verschillende soorten muziek. Denk er eens over na: je hebt jazz, dat soepel en improviserend is, rock dat krachtig en rechttoe rechtaan is, klassiek dat elegant en gestructureerd is, en hip-hop dat creatief en expressief is. Elke stijl heeft zijn eigen vibe, zijn eigen gemeenschap van gepassioneerde fans, en elke stijl is perfect voor verschillende stemmingen en gelegenheden.
+Oké, dit klinkt raar, maar blijf even bij me – programmeertalen zijn net als verschillende soorten muziek. Denk er eens over na: je hebt jazz, wat soepel en improviserend is, rock die krachtig en rechttoe-rechtaan is, klassiek dat elegant en gestructureerd is, en hip-hop dat creatief en expressief is. Elke stijl heeft zijn eigen vibe, zijn eigen gemeenschap van gepassioneerde fans, en elke is perfect voor verschillende stemmingen en gelegenheden.
 
-Programmeertalen werken precies hetzelfde! Je zou niet dezelfde taal gebruiken om een leuke mobiele game te bouwen als om enorme hoeveelheden klimaatdata te verwerken, net zoals je geen death metal zou spelen tijdens een yogales (nou ja, de meeste yogalessen! 😄).
+Programmeertalen werken precies zo! Je zou niet dezelfde taal gebruiken om een leuk mobiel spel te bouwen als om enorme hoeveelheden klimaatdata te verwerken, net zoals je bij een yogales waarschijnlijk geen death metal afspeelt (nou ja, in de meeste yogalessen dan! 😄).
 
-Maar hier is wat me elke keer weer verbaast: deze talen zijn als de meest geduldige, briljante tolk ter wereld die naast je zit. Je kunt je ideeën uiten op een manier die natuurlijk voelt voor je menselijke brein, en zij doen al het ongelooflijk complexe werk om dat te vertalen naar de 1-en en 0-en die computers daadwerkelijk spreken. Het is alsof je een vriend hebt die perfect vloeiend is in zowel "menselijke creativiteit" als "computerlogica" – en ze worden nooit moe, hebben nooit koffiepauzes nodig, en oordelen nooit als je dezelfde vraag twee keer stelt!
+Maar hier gaat mijn verstand keer op keer stuk: deze talen zijn als de meest geduldige, briljante tolk ter wereld die naast je zit. Je kunt je ideeën uitdrukken op een manier die natuurlijk aanvoelt voor je menselijke brein, en zij regelen al het ongelooflijk complexe werk om dat te vertalen naar de 1’en en 0’en waar computers echt mee communiceren. Het is alsof je een vriend hebt die perfect vloeiend is in zowel "menselijke creativiteit" als "computerlogica" – en die nooit moe wordt, nooit koffiepauzes nodig heeft, en je nooit veroordeelt als je dezelfde vraag twee keer stelt!
 
-### Populaire programmeertalen en hun toepassingen
+### Populaire Programmeertalen en Waar Ze Voor Worden Gebruikt
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Programmeertalen))
+    Webontwikkeling
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Frontend Magie
+        Interactieve Websites
       TypeScript
         JavaScript + Types
         Enterprise Apps
     Data & AI
       Python
-        Data Science
+        Datawetenschap
         Machine Learning
-        Automation
+        Automatisering
       R
-        Statistics
-        Research
-    Mobile Apps
+        Statistiek
+        Onderzoek
+    Mobiele Apps
       Java
         Android
         Enterprise
       Swift
         iOS
-        Apple Ecosystem
+        Apple Ecosysteem
       Kotlin
         Modern Android
         Cross-platform
-    Systems & Performance
+    Systemen & Prestaties
       C++
         Games
-        Performance Critical
+        Prestatiekritisch
       Rust
-        Memory Safety
-        System Programming
+        Geheugenveiligheid
+        Systeemprogrammering
       Go
         Cloud Services
-        Scalable Backend
+        Schaalbare Backend
 ```
-
-| Taal | Beste voor | Waarom populair |
-|------|------------|-----------------|
-| **JavaScript** | Webontwikkeling, gebruikersinterfaces | Draait in browsers en maakt interactieve websites mogelijk |
-| **Python** | Data science, automatisering, AI | Makkelijk te lezen en te leren, krachtige bibliotheken |
+| Language | Best For | Why It's Popular |
+|----------|----------|------------------|
+| **JavaScript** | Webontwikkeling, gebruikersinterfaces | Draait in browsers en ondersteunt interactieve websites |
+| **Python** | Datawetenschap, automatisering, AI | Makkelijk te lezen en te leren, krachtige bibliotheken |
 | **Java** | Enterprise-applicaties, Android-apps | Platformonafhankelijk, robuust voor grote systemen |
-| **C#** | Windows-applicaties, gameontwikkeling | Sterke ondersteuning vanuit het Microsoft-ecosysteem |
-| **Go** | Cloudservices, backendsystemen | Snel, simpel, ontworpen voor moderne computing |
+| **C#** | Windows-applicaties, game-ontwikkeling | Sterke ondersteuning van het Microsoft-ecosysteem |
+| **Go** | Cloud-services, backendsystemen | Snel, simpel, ontworpen voor moderne computing |
 
-### High-level vs. Low-level talen
+### High-Level versus Low-Level Talen
 
-Oké, dit was eerlijk gezegd het concept dat mijn brein brak toen ik begon met leren, dus ik ga de analogie delen die het eindelijk duidelijk maakte voor mij – en ik hoop echt dat het jou ook helpt!
+Oké, dit was eerlijk gezegd het concept dat mijn brein brak toen ik begon, dus ik deel de analogie die het voor mij uiteindelijk duidelijk maakte – en hopelijk helpt het jou ook!
 
-Stel je voor dat je een land bezoekt waar je de taal niet spreekt, en je moet dringend de dichtstbijzijnde wc vinden (we hebben het allemaal meegemaakt, toch? 😅):
+Stel je voor dat je in een land bent waar je de taal niet spreekt en je dringend het dichtstbijzijnde toilet moet vinden (we zijn allemaal wel eens zo geweest, toch? 😅):
 
-- **Low-level programmeren** is alsof je de lokale dialecten zo goed leert dat je kunt praten met de oma die fruit verkoopt op de hoek, met culturele verwijzingen, lokale slang en inside jokes die alleen iemand die daar is opgegroeid begrijpt. Super indrukwekkend en ongelooflijk efficiënt... als je toevallig vloeiend bent! Maar behoorlijk overweldigend als je gewoon een wc probeert te vinden.
+- **Low-level programmeren** is alsof je de lokale dialect zo goed leert dat je een praatje kan maken met de oma die fruit verkoopt op de hoek, met culturele verwijzingen, lokale straattaal en inside jokes die alleen iemand die daar is opgegroeid zou begrijpen. Supper indrukwekkend en ongelooflijk efficiënt... als je toevallig vloeiend bent! Maar best overweldigend als je alleen een wc zoekt.
 
-- **High-level programmeren** is alsof je die geweldige lokale vriend hebt die je gewoon begrijpt. Je kunt zeggen "Ik moet echt een wc vinden" in gewoon Nederlands, en zij regelen alle culturele vertaling en geven je aanwijzingen op een manier die perfect logisch is voor jouw niet-lokale brein.
+- **High-level programmeren** is alsof je die geweldige lokale vriend hebt die je gewoon begrijpt. Je zegt "ik moet echt een wc vinden" in gewoon Engels, en die regelt dan alle culturele vertaling en geeft je aanwijzingen die voor jouw niet-lokale brein helemaal logisch zijn.
 
-In programmeertermen:
-- **Low-level talen** (zoals Assembly of C) laten je ongelooflijk gedetailleerde gesprekken voeren met de daadwerkelijke hardware van de computer, maar je moet denken als een machine, wat... nou ja, laten we zeggen dat het een behoorlijke mentale verschuiving is!
-- **High-level talen** (zoals JavaScript, Python of C#) laten je denken als een mens terwijl zij alle machine-taal achter de schermen afhandelen. Plus, ze hebben ongelooflijk gastvrije gemeenschappen vol mensen die zich herinneren hoe het was om nieuw te zijn en echt willen helpen!
+In programmeertaal:
+- **Low-level talen** (zoals Assembly of C) laten je heel gedetailleerd praten met de hardware van de computer, maar je moet denken als een machine, wat... nou ja, zeg maar een behoorlijke mentale omschakeling is!
+- **High-level talen** (zoals JavaScript, Python of C#) laten je denken als een mens terwijl zij het machine-taaltje achter de schermen regelen. Bovendien hebben ze ongelooflijk gastvrije communities vol mensen die zich herinneren hoe het was om nieuw te zijn en die je echt willen helpen!
 
-Raad eens welke ik ga voorstellen om mee te beginnen? 😉 High-level talen zijn als zijwieltjes die je eigenlijk nooit wilt afnemen omdat ze de hele ervaring zoveel leuker maken!
+Raad eens met welke talen ik zou aanraden te beginnen? 😉 High-level talen zijn zoals zijwieltjes die je eigenlijk nooit wilt afdoen omdat ze alles zoveel leuker maken!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Menselijke Gedachte:<br/>'Ik wil Fibonacci-getallen berekenen'"] --> B{Kies Taalniveau}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Hoog Niveau| C["🌟 JavaScript/Python<br/>Makkelijk te lezen en schrijven"]
+    B -->|Laag Niveau| D["⚙️ Assembly/C<br/>Directe hardwarecontrole"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Schrijf: fibonacci(10)"]
+    D --> F["📝 Schrijf: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Computer Begrip:<br/>Vertaler handelt complexiteit af"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Zelfde Resultaat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Ik Laat Je Zien Waarom High-Level Talen Veel Vriendelijker Zijn
 
-### Laat me je laten zien waarom high-level talen zoveel vriendelijker zijn
-
-Oké, ik ga je iets laten zien dat perfect laat zien waarom ik verliefd werd op high-level talen, maar eerst – ik wil dat je me iets belooft. Wanneer je dat eerste codevoorbeeld ziet, niet in paniek raken! Het is bedoeld om intimiderend te lijken. Dat is precies het punt dat ik wil maken!
+Oké, ik ga je iets laten zien dat perfect illustreert waarom ik verliefd werd op high-level talen, maar eerst – beloof me iets. Als je die eerste codevoorbeelden ziet, raak niet in paniek! Het hoort er een beetje intimiderend uit te zien. Dat is precies het punt dat ik maak!
 
-We gaan naar dezelfde taak kijken, geschreven in twee compleet verschillende stijlen. Beide creëren wat de Fibonacci-reeks wordt genoemd – het is een prachtige wiskundige patroon waarbij elk getal de som is van de twee ervoor: 0, 1, 1, 2, 3, 5, 8, 13... (Leuk weetje: je vindt dit patroon letterlijk overal in de natuur – zonnebloemzaadspiralen, dennenappels, zelfs de manier waarop sterrenstelsels worden gevormd!)
+We gaan naar exact dezelfde taak kijken, geschreven in twee totaal verschillende stijlen. Beide maken wat men de Fibonacci-reeks noemt – het is zo’n prachtig wiskundig patroon waarbij elk getal de som is van de twee voorgaande: 0, 1, 1, 2, 3, 5, 8, 13... (Leuk weetje: je vindt dit patroon letterlijk overal in de natuur – in zonnebloemzaadspiraaltjes, dennenappelpatronen en zelfs in de vorming van sterrenstelsels!)
 
-Klaar om het verschil te zien? Laten we gaan!
+Klaar om het verschil te zien? Let’s go!
 
 **High-level taal (JavaScript) – Mensvriendelijk:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Stap 1: Basisopzet van Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Wat deze code doet:**
+**Dit doet deze code:**
 - **Declareert** een constante om aan te geven hoeveel Fibonacci-getallen we willen genereren
-- **Initialiseert** twee variabelen om de huidige en volgende getallen in de reeks bij te houden
-- **Stelt in** de startwaarden (0 en 1) die het Fibonacci-patroon definiëren
-- **Toont** een koptekst om onze uitvoer te identificeren
+- **Initialiseert** twee variabelen om het huidige en volgende nummer in de reeks bij te houden
+- **Stelt in** de beginwaarden (0 en 1) die het Fibonacci-patroon definiëren
+- **Laat zien** een koptekstbericht om onze output te identificeren
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Stap 2: Genereer de reeks met een lus
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Bereken het volgende nummer in de reeks
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Wat hier gebeurt:**
-- **Loopt** door elke positie in onze reeks met een `for`-lus
-- **Toont** elk getal met zijn positie met behulp van template literal formatting
-- **Bereken** het volgende Fibonacci-getal door huidige en volgende waarden op te tellen
-- **Update** onze trackingvariabelen om door te gaan naar de volgende iteratie
+**Wat hier gebeurt, uitgelegd:**
+- **Loop** door elke positie in onze reeks met een `for`-lus
+- **Toon** elk getal met zijn positie met behulp van template literals
+- **Bereken** het volgende Fibonacci-getal door huidige en volgende waardes op te tellen
+- **Update** onze variabelen om naar de volgende iteratie te gaan
 
 ```javascript
-// Step 3: Modern functional approach
+// Stap 3: Moderne functionele benadering
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Voorbeeld van gebruik
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Hier hebben we:**
-- **Een herbruikbare functie gemaakt** met moderne arrow function syntax
-- **Een array gebouwd** om de volledige reeks op te slaan in plaats van één voor één weer te geven
-- **Array-indexering gebruikt** om elk nieuw getal te berekenen op basis van eerdere waarden
-- **De volledige reeks geretourneerd** voor flexibel gebruik in andere delen van ons programma
+**In de bovenstaande hebben we:**
+- **Een herbruikbare functie gemaakt** met moderne arrow function-syntaxis
+- **Een array gebouwd** om de hele reeks op te slaan in plaats van één voor één weer te geven
+- **Array-indexering gebruikt** om elk nieuw getal uit vorige waardes te berekenen
+- **De volledige reeks teruggegeven** voor flexibel gebruik in andere delen van ons programma
 
 **Low-level taal (ARM Assembly) – Computer-vriendelijk:**
 
@@ -259,127 +257,128 @@ back add r0,r1
  end
 ```
 
-Merk op hoe de JavaScript-versie bijna leest als Engelse instructies, terwijl de Assembly-versie cryptische commando's gebruikt die direct de processor van de computer aansturen. Beide bereiken exact dezelfde taak, maar de high-level taal is veel gemakkelijker voor mensen om te begrijpen, te schrijven en te onderhouden.
+Merk op hoe de JavaScript-versie bijna leest als Engelse instructies, terwijl de Assembly-versie cryptische commando’s gebruikt die direct de processor van de computer aansturen. Beide bereiken exact dezelfde taak, maar de high-level taal is veel makkelijker voor mensen om te begrijpen, schrijven en onderhouden.
 
-**Belangrijke verschillen die je zult opmerken:**
-- **Leesbaarheid**: JavaScript gebruikt beschrijvende namen zoals `fibonacciCount`, terwijl Assembly cryptische labels gebruikt zoals `r0`, `r1`.
-- **Opmerkingen**: Hoogwaardige programmeertalen moedigen verklarende opmerkingen aan die de code zelf documenterend maken  
-- **Structuur**: De logische opbouw van JavaScript sluit aan bij hoe mensen problemen stap voor stap benaderen  
-- **Onderhoud**: Het bijwerken van de JavaScript-versie voor verschillende vereisten is eenvoudig en duidelijk  
+**Belangrijkste verschillen die je zult zien:**
+- **Leesbaarheid**: JavaScript gebruikt beschrijvende namen zoals `fibonacciCount` terwijl Assembly cryptische labels gebruikt zoals `r0`, `r1`
+- **Commentaar**: Hoog-niveau talen moedigen verklarende commentaren aan die de code zelf-documenterend maken
+- **Structuur**: De logische stroom van JavaScript komt overeen met hoe mensen stap voor stap over problemen nadenken
+- **Onderhoud**: Het bijwerken van de JavaScript-versie voor verschillende vereisten is eenvoudig en duidelijk
 
-✅ **Over de Fibonacci-reeks**: Dit absoluut prachtige getallenpatroon (waarbij elk getal gelijk is aan de som van de twee voorgaande: 0, 1, 1, 2, 3, 5, 8...) komt letterlijk *overal* in de natuur voor! Je vindt het in zonnebloemspiralen, patronen op dennenappels, de kromming van nautilusschelpen en zelfs in de manier waarop boomtakken groeien. Het is echt ongelooflijk hoe wiskunde en code ons kunnen helpen de patronen te begrijpen en te recreëren die de natuur gebruikt om schoonheid te creëren!  
+✅ **Over de Fibonacci-reeks**: Dit absoluut prachtige getallenpatroon (waarbij elk getal gelijk is aan de som van de twee ervoor: 0, 1, 1, 2, 3, 5, 8...) komt letterlijk *overal* in de natuur voor! Je vindt het in zonnebloemspiralen, dennenappels, de manier waarop nautilusschelpen krullen, en zelfs in hoe boomtakken groeien. Het is best verbluffend hoe wiskunde en code ons kunnen helpen de patronen die de natuur gebruikt om schoonheid te creëren te begrijpen en na te bootsen!
 
-## De bouwstenen die de magie mogelijk maken  
 
-Oké, nu je hebt gezien hoe programmeertalen eruitzien in actie, laten we de fundamentele onderdelen bekijken die letterlijk elk programma ooit geschreven vormen. Zie deze als de essentiële ingrediënten in je favoriete recept – zodra je begrijpt wat elk onderdeel doet, kun je code lezen en schrijven in vrijwel elke taal!  
+## De Bouwstenen Die De Magie Maken
 
-Dit is een beetje zoals het leren van de grammatica van programmeren. Herinner je je nog dat je op school leerde over zelfstandige naamwoorden, werkwoorden en hoe je zinnen samenstelt? Programmeren heeft zijn eigen versie van grammatica, en eerlijk gezegd is het veel logischer en vergevingsgezinder dan de Engelse grammatica ooit was! 😄  
+Oké, nu je hebt gezien hoe programmeertalen er in actie uitzien, laten we de fundamentele stukjes ontleden die letterlijk elk programma ooit geschreven vormen. Zie deze als de essentiële ingrediënten in je favoriete recept – zodra je begrijpt wat elk ervan doet, kun je vrijwel elke taal lezen en schrijven!
 
-### Statements: De stap-voor-stap instructies  
+Dit is een beetje als het leren van de grammatica van programmeren. Weet je nog op school toen je leerde over zelfstandige naamwoorden, werkwoorden, en hoe je zinnen in elkaar zet? Programmeren heeft zijn eigen versie van grammatica, en eerlijk gezegd is die veel logischer en vergevingsgezinder dan de Engelse grammatica ooit was! 😄
 
-Laten we beginnen met **statements** – dit zijn als individuele zinnen in een gesprek met je computer. Elk statement vertelt de computer om één specifieke taak uit te voeren, een beetje zoals het geven van aanwijzingen: "Sla hier linksaf," "Stop bij het rode licht," "Parkeer op die plek."  
+### Statements: De Stapsgewijze Instructies
 
-Wat ik geweldig vind aan statements is hoe leesbaar ze meestal zijn. Kijk maar:  
+Laten we beginnen met **statements** – deze zijn als individuele zinnen in een gesprek met je computer. Elk statement vertelt de computer om één specifiek ding te doen, een beetje als het geven van aanwijzingen: "Sla hier linksaf," "Stop bij het rode licht," "Parkeer op die plek."
+
+Wat ik leuk vind aan statements is hoe leesbaar ze meestal zijn. Kijk hier eens naar:
 
 ```javascript
-// Basic statements that perform single actions
+// Basisverklaringen die enkele acties uitvoeren
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**Wat deze code doet:**  
-- **Declareer** een constante variabele om de naam van een gebruiker op te slaan  
-- **Toon** een begroetingsbericht in de console-output  
-- **Bereken** en sla het resultaat van een wiskundige bewerking op  
+
+**Dit is wat deze code doet:**
+- **Declareer** een constante variabele om de naam van een gebruiker op te slaan
+- **Toon** een begroetingsbericht in de console-uitvoer
+- **Bereken** en sla het resultaat van een wiskundige bewerking op
 
 ```javascript
-// Statements that interact with web pages
+// Instructies die interageren met webpagina's
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**Stap voor stap, wat er gebeurt:**  
-- **Wijzig** de titel van de webpagina die in het browsertabblad verschijnt  
-- **Verander** de achtergrondkleur van de hele pagina  
 
-### Variabelen: Het geheugensysteem van je programma  
+**Stap voor stap, dit gebeurt er:**
+- **Wijzig** de titel van de webpagina die in het browsertabblad verschijnt
+- **Verander** de achtergrondkleur van de hele pagina
 
-Oké, **variabelen** zijn eerlijk gezegd een van mijn absolute favoriete concepten om uit te leggen, omdat ze zo veel lijken op dingen die je elke dag al gebruikt!  
+### Variabelen: Het Geheugensysteem van Je Programma
 
-Denk eens aan de contactenlijst op je telefoon. Je onthoudt niet ieders telefoonnummer – in plaats daarvan sla je "Mama," "Beste Vriend" of "Pizzeria die tot 2 uur 's nachts bezorgt" op en laat je telefoon de daadwerkelijke nummers onthouden. Variabelen werken precies hetzelfde! Ze zijn als gelabelde containers waarin je programma informatie kan opslaan en later kan ophalen met een naam die daadwerkelijk logisch is.  
+Oké, **variabelen** zijn eerlijk gezegd een van mijn allerfavoriete concepten om uit te leggen omdat ze zo erg lijken op dingen die je elke dag al gebruikt!
 
-Wat echt cool is: variabelen kunnen veranderen terwijl je programma draait (vandaar de naam "variabel" – snap je wat ze gedaan hebben?). Net zoals je dat contact van de pizzeria bijwerkt wanneer je een nog betere plek ontdekt, kunnen variabelen worden bijgewerkt terwijl je programma nieuwe informatie leert of wanneer situaties veranderen!  
+Denk even aan je telefooncontactenlijst. Je onthoudt niet het telefoonnummer van iedereen – in plaats daarvan sla je op "Mama," "Beste Vriend," of "Pizzaria Die Tot 2 uur 's nachts Bezorgen" en laat je telefoon de nummers onthouden. Variabelen werken precies hetzelfde! Ze zijn als gelabelde containers waarin je programma informatie kan opslaan en later kan ophalen met een naam die echt logisch is.
 
-Laat me je laten zien hoe prachtig eenvoudig dit kan zijn:  
+Wat echt gaaf is: variabelen kunnen veranderen terwijl je programma draait (vandaar de naam "variabele" – zie wat ze daar deden?). Net als dat je misschien dat pizzaria-contact bijwerkt wanneer je ergens nog beter ontdekt, kunnen variabelen worden bijgewerkt als je programma nieuwe informatie leert of als situaties veranderen!
+
+Laat me je laten zien hoe mooi simpel dit kan zijn:
 
 ```javascript
-// Step 1: Creating basic variables
+// Stap 1: Basisvariabelen aanmaken
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Deze concepten begrijpen:**  
-- **Sla** onveranderlijke waarden op in `const`-variabelen (zoals de naam van een site)  
-- **Gebruik** `let` voor waarden die tijdens je programma kunnen veranderen  
-- **Ken** verschillende datatypes toe: strings (tekst), nummers en booleans (waar/onwaar)  
-- **Kies** beschrijvende namen die uitleggen wat elke variabele bevat  
+
+**Deze concepten begrijpen:**
+- **Sla** onveranderlijke waarden op in `const`-variabelen (zoals een sitenaam)
+- **Gebruik** `let` voor waarden die gedurende je programma kunnen veranderen
+- **Ken** verschillende datatypes toe: strings (tekst), nummers, en booleans (waar/onwaar)
+- **Kies** beschrijvende namen die uitleggen wat elke variabele bevat
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Stap 2: Werken met objecten om gerelateerde gegevens te groeperen
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**In het bovenstaande hebben we:**  
-- **Een object gemaakt** om gerelateerde weersinformatie te groeperen  
-- **Meerdere gegevens georganiseerd** onder één variabelenaam  
-- **Key-value paren gebruikt** om elk stukje informatie duidelijk te labelen  
+
+**Hierboven hebben we:**
+- **Een object gemaakt** om gerelateerde weersinformatie te groeperen
+- **Meerdere stukjes data georganiseerd** onder één variabelenaam
+- **Sleutel-waarde paren gebruikt** om elk stuk informatie duidelijk te labelen
 
 ```javascript
-// Step 3: Using and updating variables
+// Stap 3: Variabelen gebruiken en bijwerken
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Veranderbare variabelen bijwerken
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Laten we elk onderdeel begrijpen:**  
-- **Toon** informatie met behulp van template literals met `${}`-syntax  
-- **Toegang krijgen tot** objecteigenschappen met puntnotatie (`weatherData.windSpeed`)  
-- **Update** variabelen gedeclareerd met `let` om veranderende omstandigheden weer te geven  
-- **Combineer** meerdere variabelen om betekenisvolle berichten te maken  
+
+**Laten we elk onderdeel begrijpen:**
+- **Toon** informatie met template-literals met `${}` syntax
+- **Benader** objecteigenschappen met dot notatie (`weatherData.windSpeed`)
+- **Werk** variabelen die met `let` zijn gedeclareerd bij om veranderende omstandigheden weer te geven
+- **Combineer** meerdere variabelen om betekenisvolle berichten te maken
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Stap 4: Moderne destructurering voor schonere code
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Wat je moet weten:**  
-- **Haal** specifieke eigenschappen uit objecten met destructuring assignment  
-- **Maak** automatisch nieuwe variabelen met dezelfde namen als objectkeys  
-- **Vereenvoudig** code door herhaalde puntnotatie te vermijden  
 
-### Control Flow: Je programma leren denken  
+**Wat je moet weten:**
+- **Pak** specifieke eigenschappen uit objecten met destructuring assignment
+- **Maak** automatisch nieuwe variabelen aan met dezelfde namen als de sleutels van het object
+- **Vereenvoudig** code door repetitief gebruik van dot notatie te vermijden
 
-Oké, hier wordt programmeren echt ongelooflijk! **Control flow** is in feite je programma leren hoe het slimme beslissingen kan nemen, precies zoals jij dat elke dag doet zonder er zelfs maar over na te denken.  
+### Control Flow: Je Programma Leren Denken
 
-Stel je dit voor: vanmorgen ging je waarschijnlijk door iets als "Als het regent, pak ik een paraplu. Als het koud is, trek ik een jas aan. Als ik haast heb, sla ik het ontbijt over en haal ik koffie onderweg." Je brein volgt natuurlijk deze if-then logica tientallen keren per dag!  
+Oké, dit is waar programmeren echt verbluffend wordt! **Control flow** is in feite je programma leren slimme beslissingen te nemen, precies zoals jij elke dag doet zonder erbij na te denken.
 
-Dit is wat programma's intelligent en levendig maakt in plaats van gewoon een saaie, voorspelbare script te volgen. Ze kunnen daadwerkelijk naar een situatie kijken, evalueren wat er gebeurt en gepast reageren. Het is alsof je je programma een brein geeft dat kan aanpassen en keuzes kan maken!  
+Stel je voor: vanmorgen dacht je waarschijnlijk iets als "Als het regent, pak ik een paraplu. Als het koud is, doe ik een jas aan. Als ik te laat ben, sla ik het ontbijt over en pak ik koffie onderweg." Je brein volgt deze als-dan-logica tientallen keren per dag automatisch!
 
-Wil je zien hoe prachtig dit werkt? Laat me het je laten zien:  
+Dit maakt programma's intelligent en levendig in plaats van alleen maar een saaie, voorspelbare script te volgen. Ze kunnen echt naar een situatie kijken, evalueren wat er gebeurt, en gepast reageren. Het is alsof je je programma een brein geeft dat zich kan aanpassen en keuzes kan maken!
+
+Wil je zien hoe prachtig dit werkt? Laat me je laten zien:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Stap 1: Basis voorwaardelijke logica
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,15 +388,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Wat deze code doet:**  
-- **Controleer** of de leeftijd van de gebruiker voldoet aan de stemvereiste  
-- **Voer** verschillende codeblokken uit op basis van het resultaat van de voorwaarde  
-- **Bereken** en toon hoe lang het nog duurt tot stemgerechtigheid als de gebruiker jonger is dan 18  
-- **Geef** specifieke, nuttige feedback voor elk scenario  
+
+**Dit is wat deze code doet:**
+- **Controleer** of de leeftijd van de gebruiker aan de stemgerechtigde eis voldoet
+- **Voer** verschillende codeblokken uit op basis van het resultaat van de conditie
+- **Bereken** en toon hoe lang het duurt tot stemgerechtigdheid als onder de 18
+- **Geef** specifieke, behulpzame feedback voor elk scenario
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Stap 2: Meerdere voorwaarden met logische operatoren
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,26 +408,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Wat hier gebeurt, uitgelegd:**  
-- **Combineer** meerdere voorwaarden met de `&&` (en) operator  
-- **Creëer** een hiërarchie van voorwaarden met `else if` voor meerdere scenario's  
-- **Behandel** alle mogelijke gevallen met een laatste `else`-statement  
-- **Geef** duidelijke, uitvoerbare feedback voor elke verschillende situatie  
+
+**Hier is een analyse van wat er gebeurt:**
+- **Combineer** meerdere voorwaarden met de `&&` (en) operator
+- **Maak** een hiërarchie van voorwaarden met `else if` voor meerdere scenario's
+- **Behandel** alle mogelijke gevallen met een laatste `else` statement
+- **Geef** duidelijke, bruikbare feedback voor elke verschillende situatie
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Stap 3: Bondige voorwaarde met ternary-operator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Wat je moet onthouden:**  
-- **Gebruik** de ternary operator (`? :`) voor eenvoudige twee-optie voorwaarden  
-- **Schrijf** eerst de voorwaarde, gevolgd door `?`, dan het resultaat bij true, dan `:`, dan het resultaat bij false  
-- **Pas** dit patroon toe wanneer je waarden moet toewijzen op basis van voorwaarden  
+
+**Dit moet je onthouden:**
+- **Gebruik** de ternary-operator (`? :`) voor eenvoudige twee-keuze voorwaarden
+- **Schrijf** eerst de conditie, gevolgd door `?`, dan het resultaat als waar, dan `:`, gevolgd door het resultaat als onwaar
+- **Pas** dit patroon toe wanneer je waarden wilt toewijzen op basis van voorwaarden
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Stap 4: Omgaan met meerdere specifieke gevallen
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,58 +446,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Wat deze code bereikt:**  
-- **Vergelijk** de waarde van de variabele met meerdere specifieke gevallen  
-- **Groepeer** vergelijkbare gevallen samen (weekdagen vs. weekenden)  
-- **Voer** het juiste codeblok uit wanneer er een match wordt gevonden  
-- **Voeg** een `default`-geval toe om onverwachte waarden te behandelen  
-- **Gebruik** `break`-statements om te voorkomen dat de code doorgaat naar het volgende geval  
 
-> 💡 **Echte wereld analogie**: Denk aan control flow als het hebben van 's werelds meest geduldige GPS die je aanwijzingen geeft. Het kan zeggen: "Als er verkeer is op Main Street, neem dan de snelweg. Als er constructie is op de snelweg, probeer dan de schilderachtige route." Programma's gebruiken precies hetzelfde soort logica om intelligent te reageren op verschillende situaties en gebruikers altijd de best mogelijke ervaring te bieden.  
+**Deze code doet het volgende:**
+- **Vergelijk** de variabele waarde met meerdere specifieke gevallen
+- **Groeperen** soortgelijke gevallen (weekdagen versus weekend)
+- **Voer** het juiste codeblok uit wanneer er een match is
+- **Gebruik** een `default`-case om onverwachte waarden te behandelen
+- **Gebruik** `break` statements om te voorkomen dat code doorgaat naar het volgende geval
 
-### 🎯 **Concept Check: Beheersing van de bouwstenen**  
+> 💡 **Reële analogie**: Denk aan control flow als de meest geduldige GPS ter wereld die je aanwijzingen geeft. Hij zegt misschien "Als er file is op de Hoofdstraat, neem dan de snelweg. Als er wegwerkzaamheden zijn op de snelweg, probeer dan de schilderachtige route." Programma's gebruiken precies hetzelfde soort conditionele logica om intelligent op verschillende situaties te reageren en altijd de beste gebruikerservaring te bieden.
 
-**Laten we kijken hoe je het doet met de basisprincipes:**  
-- Kun je in je eigen woorden het verschil uitleggen tussen een variabele en een statement?  
-- Denk aan een scenario uit de echte wereld waarin je een if-then beslissing zou gebruiken (zoals ons stemvoorbeeld)  
-- Wat is één ding over programmeerlogica dat je heeft verrast?  
+### 🎯 **Conceptcheck: Meesterschap van Bouwstenen**
 
-**Snelle zelfvertrouwen boost:**  
+**Laten we kijken hoe het gaat met de basis:**
+- Kun je het verschil uitleggen tussen een variabele en een statement in je eigen woorden?
+- Bedenk een scenario uit de echte wereld waarin je een als-dan beslissing zou gebruiken (zoals ons stemvoorbeeld)
+- Wat verbaasde je het meest aan programmeerlogica?
+
+**Snelle zelfvertrouwenboost:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Verklaringen<br/>(Instructies)"] --> B["📦 Variabelen<br/>(Opslag)"] --> C["🔀 Stroomregeling<br/>(Beslissingen)"] --> D["🎉 Werkend Programma!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-  
-✅ **Wat er hierna komt**: We gaan ontzettend veel plezier hebben met het verder verdiepen in deze concepten terwijl we samen deze geweldige reis voortzetten! Focus nu gewoon op het voelen van die opwinding over alle geweldige mogelijkheden die voor je liggen. De specifieke vaardigheden en technieken zullen vanzelf blijven hangen terwijl we samen oefenen – ik beloof dat dit zoveel leuker gaat zijn dan je misschien verwacht!  
+✅ **Wat staat er hierna te wachten?** We gaan samen ontzettend veel plezier beleven als we dieper ingaan op deze concepten tijdens onze geweldige reis! Focus nu gewoon op het opbouwen van dat gevoel van opwinding over alle fantastische mogelijkheden die voor je liggen. De specifieke vaardigheden en technieken zullen vanzelf blijven hangen als we samen oefenen – ik beloof dat dit veel leuker gaat worden dan je misschien verwacht!
 
-## Tools van het vak  
+## Tools of the Trade
 
-Oké, dit is eerlijk gezegd waar ik zo enthousiast van word dat ik mezelf nauwelijks kan bedwingen! 🚀 We gaan het hebben over de ongelooflijke tools die je het gevoel gaan geven alsof je net de sleutels van een digitale ruimteschip hebt gekregen.  
+Oké, hier word ik eerlijk gezegd zo enthousiast dat ik mezelf bijna niet kan bedwingen! 🚀 We gaan het hebben over de geweldige tools die je het gevoel gaan geven alsof je zojuist de sleutels van een digitale ruimteschip hebt gekregen.
 
-Weet je hoe een chef die perfect uitgebalanceerde messen heeft die aanvoelen als verlengstukken van hun handen? Of hoe een muzikant die ene gitaar heeft die lijkt te zingen zodra ze hem aanraken? Nou, ontwikkelaars hebben onze eigen versie van deze magische tools, en hier is wat je absoluut zal verbazen – de meeste zijn helemaal gratis!  
+Je weet hoe een chef die perfect uitgebalanceerde messen heeft die voelen als een verlengstuk van zijn handen? Of hoe een muzikant die ene gitaar heeft die lijkt te zingen zodra hij hem aanraakt? Nou, ontwikkelaars hebben onze eigen versie van deze magische tools, en hier komt iets wat je helemaal omver gaat blazen – de meeste zijn helemaal gratis!
 
-Ik zit praktisch te stuiteren op mijn stoel bij het idee om deze met je te delen, omdat ze volledig hebben veranderd hoe we software bouwen. We hebben het over AI-gestuurde code-assistenten die je kunnen helpen je code te schrijven (ik maak geen grapje!), cloudomgevingen waar je volledige applicaties kunt bouwen vanaf letterlijk elke plek met Wi-Fi, en debuggingtools die zo geavanceerd zijn dat ze aanvoelen als röntgenzicht voor je programma's.  
+Ik zit praktisch te stuiteren in mijn stoel als ik aan het delen hiervan denk omdat ze de manier waarop we software bouwen totaal hebben veranderd. We hebben het over AI-gestuurde code-assistenten die je kunnen helpen met coderen (ik maak geen grapje!), cloudomgevingen waar je complete applicaties kunt bouwen vanaf letterlijk overal met Wi-Fi, en debugtools zo geavanceerd dat ze net röntgenvisie voor je programma's zijn.
 
-En hier is het deel dat me nog steeds kippenvel geeft: dit zijn geen "beginners-tools" die je ontgroeit. Dit zijn precies dezelfde professionele tools die ontwikkelaars bij Google, Netflix en dat indie-appstudio die je geweldig vindt op dit moment gebruiken. Je gaat je zo'n pro voelen als je ze gebruikt!  
+En hier komt het deel dat me nog steeds kippenvel bezorgt: dit zijn niet "beginners-tools" waar je overheen groeit. Dit zijn precies dezelfde professionele tools die ontwikkelaars bij Google, Netflix en die indie app studio die jij leuk vindt op dit moment gebruiken. Je gaat je zo’n pro voelen als je ze gebruikt!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Jouw Idee"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
+    B --> C["🌐 Browser DevTools<br/>(Testen & Debuggen)"]
+    C --> D["⚡ Command Line<br/>(Automatisering & Gereedschap)"]
+    D --> E["📚 Documentatie<br/>(Leren & Referentie)"]
+    E --> F["🚀 Geweldige Web App!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI Assistent<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Apparaattesten<br/>(Responsief Ontwerp)"]
+    D -.-> I["📦 Pakketbeheerders<br/>(npm, yarn)"]
+    E -.-> J["👥 Gemeenschap<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -507,229 +505,230 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-  
-### Code-editors en IDE's: Je nieuwe digitale beste vrienden  
+### Code Editors en IDE's: Je Nieuwe Digitale Beste Vrienden
+
+Laten we praten over code editors – die gaan serieus je nieuwe favoriete plekken worden om te hangen! Zie ze als je persoonlijke codingsanctuarium waar je het grootste deel van je tijd zult doorbrengen om je digitale creaties te ontwerpen en perfectioneren.
 
-Laten we het hebben over code-editors – deze gaan serieus je nieuwe favoriete plekken worden om rond te hangen! Zie ze als je persoonlijke code-heiligdom waar je de meeste tijd zult doorbrengen met het maken en perfectioneren van je digitale creaties.  
+Maar hier komt het magische van moderne editors: ze zijn niet zomaar chique teksteditors. Ze zijn alsof de meest briljante, ondersteunende code-mentor 24/7 naast je zit. Ze vangen je tikfouten voordat jij ze doorhebt, suggereren verbeteringen die je als een genie doen lijken, helpen je te begrijpen wat elk stuk code doet, en sommige kunnen zelfs voorspellen wat je gaat typen en bieden aan je gedachte af te maken!
 
-Maar hier is wat absoluut magisch is aan moderne editors: ze zijn niet alleen fancy teksteditors. Ze zijn als het hebben van de meest briljante, ondersteunende code-mentor die 24/7 naast je zit. Ze vangen je typefouten op voordat je ze zelfs maar opmerkt, stellen verbeteringen voor die je eruit laten zien als een genie, helpen je te begrijpen wat elk stukje code doet, en sommige kunnen zelfs voorspellen wat je gaat typen en aanbieden om je gedachten af te maken!  
+Ik herinner me nog toen ik auto-completion ontdekte – ik voelde me letterlijk alsof ik in de toekomst leefde. Je begint iets te typen en je editor zegt: "Hé, dacht je aan deze functie die precies doet wat je nodig hebt?" Het is alsof je een gedachtenlezer als code buddy hebt!
 
-Ik herinner me nog toen ik voor het eerst autocompletion ontdekte – ik voelde me letterlijk alsof ik in de toekomst leefde. Je begint iets te typen, en je editor zegt: "Hé, dacht je aan deze functie die precies doet wat je nodig hebt?" Het is alsof je een gedachtenlezer hebt als je code-buddy!  
+**Wat maakt deze editors zo ongelooflijk?**
 
-**Wat maakt deze editors zo geweldig?**  
+Moderne code editors bieden een indrukwekkende reeks functies die je productiviteit verhogen:
 
-Moderne code-editors bieden een indrukwekkende reeks functies die zijn ontworpen om je productiviteit te verhogen:  
+| Functie | Wat het Doet | Waarom Het Helpt |
+|---------|--------------|------------------|
+| **Syntax Highlighting** | Kleurt verschillende delen van je code | Maakt code makkelijker leesbaar en fouten sneller zichtbaar |
+| **Auto-completion** | Sugereert code terwijl je typt | Versnelt coderen en vermindert tikfouten |
+| **Debugging Tools** | Helpt je fouten te vinden en op te lossen | Bespaart uren aan probleemoplossing |
+| **Extensions** | Voegt gespecialiseerde functies toe | Maak je editor op maat voor elke technologie |
+| **AI Assistants** | Sugereert code en uitleg | Versnelt leren en productiviteit |
 
-| Functie | Wat het doet | Waarom het helpt |  
-|---------|--------------|------------------|  
-| **Syntax Highlighting** | Kleurt verschillende delen van je code | Maakt code gemakkelijker te lezen en fouten te spotten |  
-| **Auto-completion** | Stelt code voor terwijl je typt | Versnelt coderen en vermindert typefouten |  
-| **Debugging Tools** | Helpt je fouten te vinden en op te lossen | Bespaart uren aan probleemoplossing |  
-| **Extensions** | Voegt gespecialiseerde functies toe | Past je editor aan voor elke technologie |  
-| **AI Assistants** | Stelt code en uitleg voor | Versnelt leren en productiviteit |  
+> 🎥 **Video Resource**: Wil je deze tools in actie zien? Bekijk deze [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) voor een uitgebreide overzicht.
 
-> 🎥 **Video Resource**: Wil je deze tools in actie zien? Bekijk deze [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) voor een uitgebreide uitleg.  
+#### Aanbevolen Editors voor Web Development
 
-#### Aanbevolen editors voor webontwikkeling  
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
+- Meest populair onder webontwikkelaars
+- Uitstekend ecosysteem van extensies
+- Ingebouwde terminal en Git-integratie
+- **Onmisbare extensies**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-aangedreven code suggesties
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time samenwerking
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatische code-opmaak
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Vang tikfouten in je code
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)  
-- Meest populair onder webontwikkelaars  
-- Uitstekend extensie-ecosysteem  
-- Ingebouwde terminal en Git-integratie  
-- **Must-have extensies**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-gestuurde codevoorstellen  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time samenwerking  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatische code-opmaak  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Vang typefouten in je code  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betaald, gratis voor studenten)
+- Geavanceerde debug- en testtools
+- Intelligente code-aanvulling
+- Ingebouwde versiecontrole
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betaald, gratis voor studenten)  
-- Geavanceerde debugging- en testtools  
-- Intelligente code-completion  
-- Ingebouwde versiebeheer  
+**Cloud-Based IDEs** (Verschillende prijzen)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Volledige VS Code in je browser
+- [Replit](https://replit.com/) - Geweldig om te leren en code te delen
+- [StackBlitz](https://stackblitz.com/) - Directe full-stack webontwikkeling
 
-**Cloud-gebaseerde IDE's** (Verschillende prijzen)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - Volledige VS Code in je browser  
-- [Replit](https://replit.com/) - Geweldig om te leren en code te delen  
-- [StackBlitz](https://stackblitz.com/) - Directe, full-stack webontwikkeling  
+> 💡 **Begintip**: Begin met Visual Studio Code – het is gratis, wordt veel gebruikt in de industrie en heeft een enorme community die handige tutorials en extensies maakt.
 
-> 💡 **Beginnerstip**: Begin met Visual Studio Code – het is gratis, veel gebruikt in de industrie en heeft een enorme community die nuttige tutorials en extensies maakt.  
 
-### Webbrowsers: Je geheime ontwikkellaboratorium  
+### Web Browsers: Je Geheime Ontwikkellabo
 
-Oké, bereid je voor om compleet verbaasd te zijn! Weet je hoe je browsers gebruikt om door sociale media te scrollen en video's te bekijken? Nou, het blijkt dat ze al die tijd een ongelooflijk geheim ontwikkellaboratorium verborgen hebben, gewoon wachtend om door jou ontdekt te worden!  
+Oké, bereid je voor om je geest compleet te laten verbazen! Je weet hoe je browsers hebt gebruikt om door sociale media te scrollen en video's te kijken? Het blijkt dat ze al die tijd een ongelooflijk geheim ontwikkellaboratorium verborgen hebben, gewoon wachtend op jouw ontdekking!
 
-Elke keer dat je met de rechtermuisknop op een webpagina klikt en "Element inspecteren" selecteert, open je een verborgen wereld van ontwikkelaarstools die eerlijk gezegd krachtiger zijn dan sommige dure software waar ik vroeger honderden euro's voor betaalde. Het is alsof je ontdekt dat je gewone keuken een professioneel laboratorium voor chef-koks verbergt achter een geheime deur!  
-De eerste keer dat iemand mij de browser DevTools liet zien, heb ik ongeveer drie uur lang rondgeklikt en gedacht: "WACHT, DAT KAN HET OOK?!" Je kunt letterlijk elke website in real-time bewerken, precies zien hoe snel alles laadt, testen hoe je site eruitziet op verschillende apparaten, en zelfs JavaScript debuggen als een echte professional. Het is echt verbluffend!
+Elke keer als je met de rechtermuisknop op een webpagina klikt en "Element inspecteren" kiest, open je een verborgen wereld van ontwikkelaarstools die eerlijk gezegd krachtiger zijn dan sommige dure software waarvoor ik vroeger honderden euro's betaalde. Het is alsof je ontdekt dat je gewone keuken achter een geheime paneel een professionele cheflaboratorium heeft verborgen!
+De eerste keer dat iemand mij browser DevTools liet zien, heb ik ongeveer drie uur rondgeklikt en gezegd: "WACHT, DAT KAN HET OOK?!" Je kunt letterlijk elke website in realtime bewerken, precies zien hoe snel alles laadt, testen hoe je site eruitziet op verschillende apparaten, en zelfs JavaScript debuggen als een echte pro. Het is gewoonweg verbluffend!
 
-**Waarom browsers jouw geheime wapen zijn:**
+**Dit is waarom browsers je geheime wapen zijn:**
 
-Wanneer je een website of webapplicatie maakt, moet je zien hoe het eruitziet en functioneert in de echte wereld. Browsers tonen niet alleen je werk, maar geven ook gedetailleerde feedback over prestaties, toegankelijkheid en mogelijke problemen.
+Wanneer je een website of webapplicatie maakt, moet je zien hoe die eruitziet en werkt in de echte wereld. Browsers tonen niet alleen je werk, maar geven ook gedetailleerde feedback over prestaties, toegankelijkheid en mogelijke problemen.
 
 #### Browser Developer Tools (DevTools)
 
 Moderne browsers bevatten uitgebreide ontwikkelsuites:
 
-| Categorie Tool | Wat het doet | Voorbeeldgebruik |
-|----------------|--------------|------------------|
-| **Element Inspector** | Bekijk en bewerk HTML/CSS in real-time | Pas styling aan en zie directe resultaten |
+| Toolcategorie | Wat Het Doet | Voorbeeld Gebruik |
+|---------------|--------------|------------------|
+| **Element Inspector** | Bekijk en bewerk HTML/CSS in realtime | Pas styling aan om direct resultaat te zien |
 | **Console** | Bekijk foutmeldingen en test JavaScript | Debug problemen en experimenteer met code |
 | **Network Monitor** | Volg hoe bronnen laden | Optimaliseer prestaties en laadtijden |
-| **Accessibility Checker** | Test op inclusieve ontwerpen | Zorg dat je site werkt voor alle gebruikers |
-| **Device Simulator** | Bekijk hoe je site eruitziet op verschillende schermformaten | Test responsief ontwerp zonder meerdere apparaten |
+| **Accessibility Checker** | Test op inclusief ontwerp | Zorg dat je site voor alle gebruikers werkt |
+| **Device Simulator** | Bekijk op verschillende schermformaten | Test responsief ontwerp zonder meerdere apparaten |
 
-#### Aanbevolen browsers voor ontwikkeling
+#### Aanbevolen Browsers voor Ontwikkeling
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools van industriestandaard met uitgebreide documentatie
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Uitstekende CSS Grid- en toegankelijkheidstools
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Gebouwd op Chromium met Microsofts ontwikkelaarsbronnen
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industriestandaard DevTools met uitgebreide documentatie
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Uitstekende CSS Grid en toegankelijkheidstools
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Gebouwd op Chromium met Microsofts ontwikkelaarsmiddelen
 
-> ⚠️ **Belangrijke testtip**: Test je websites altijd in meerdere browsers! Wat perfect werkt in Chrome kan er anders uitzien in Safari of Firefox. Professionele ontwikkelaars testen in alle grote browsers om een consistente gebruikerservaring te garanderen.
+> ⚠️ **Belangrijke Testtip**: Test je websites altijd in meerdere browsers! Wat perfect werkt in Chrome kan er anders uitzien in Safari of Firefox. Professionele ontwikkelaars testen in alle grote browsers om consistente gebruikerservaring te garanderen.
 
-### Command Line Tools: Jouw toegangspoort tot ontwikkelaars-superkrachten
 
-Oké, laten we even eerlijk zijn over de command line, want ik wil dat je dit hoort van iemand die het echt begrijpt. De eerste keer dat ik het zag – gewoon dat enge zwarte scherm met knipperende tekst – dacht ik letterlijk: "Nee, absoluut niet! Dit lijkt op iets uit een hackerfilm uit de jaren 80, en ik ben hier zeker niet slim genoeg voor!" 😅
+### Command Line Tools: Jouw Toegang tot Ontwikkelaarskracht
 
-Maar hier is wat ik toen had willen weten, en wat ik je nu vertel: de command line is niet eng – het is eigenlijk alsof je een direct gesprek hebt met je computer. Zie het als het verschil tussen eten bestellen via een fancy app met plaatjes en menu's (wat leuk en makkelijk is) versus binnenlopen bij je favoriete lokale restaurant waar de chef precies weet wat je lekker vindt en iets perfects kan maken door gewoon te zeggen: "verras me met iets geweldigs."
+Oké, laten we even eerlijk zijn over de command line, want ik wil dat je dit hoort van iemand die het echt begrijpt. Toen ik het voor het eerst zag – zo’n enge zwarte scherm met knipperende tekst – dacht ik letterlijk: "Nee, absoluut niet! Dit lijkt wel iets uit een hackerfilm uit de jaren ’80, en ik ben zeker niet slim genoeg hiervoor!" 😅
 
-De command line is waar ontwikkelaars zich als echte tovenaars voelen. Je typt een paar schijnbaar magische woorden (oké, het zijn gewoon commando's, maar ze voelen magisch!), drukt op enter, en BOEM – je hebt complete projectstructuren gemaakt, krachtige tools van over de hele wereld geïnstalleerd, of je app op internet gezet voor miljoenen mensen om te zien. Zodra je een voorproefje krijgt van die kracht, is het eerlijk gezegd best verslavend!
+Maar hier is wat ik wenste dat iemand me toen had verteld, en wat ik je nu vertel: de command line is niet eng – het is eigenlijk alsof je een direct gesprek hebt met je computer. Zie het als het verschil tussen eten bestellen via een chique app met plaatjes en menu’s (wat makkelijk en fijn is), versus binnenlopen in je favoriete lokale restaurant waar de chef precies weet wat je lekker vindt en iets perfects klaarmaakt als jij zegt "verras me maar met iets geweldigs."
 
-**Waarom de command line je favoriete tool wordt:**
+De command line is waar ontwikkelaars zich echte tovenaars voelen. Je typt een paar ogenschijnlijk magische woorden (oké, het zijn gewoon opdrachten, maar het voelt magisch!), drukt op enter, en BOEM – je hebt complete projectstructuren gemaakt, krachtige tools van over de hele wereld geïnstalleerd, of je app online gezet zodat miljoenen mensen het kunnen zien. Zodra je die kracht eenmaal proeft, is het eerlijk gezegd best verslavend!
 
-Hoewel grafische interfaces geweldig zijn voor veel taken, blinkt de command line uit in automatisering, precisie en snelheid. Veel ontwikkeltools werken voornamelijk via command line interfaces, en leren hoe je ze efficiënt kunt gebruiken kan je productiviteit enorm verbeteren.
+**Waarom de command line jouw favoriete tool wordt:**
+
+Hoewel grafische interfaces fantastisch zijn voor veel taken, blinkt de command line uit in automatisering, precisie en snelheid. Veel ontwikkeltools werken voornamelijk via command line interfaces, en leren hoe je die efficiënt gebruikt, kan je productiviteit enorm verhogen.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Stap 1: Maak de projectmap aan en ga er naartoe
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Wat deze code doet:**
-- **Maak** een nieuwe map genaamd "my-awesome-website" voor je project
-- **Navigeer** naar de nieuw aangemaakte map om te beginnen met werken
+**Dit is wat deze code doet:**
+- **Maak** een nieuwe map genaamd "my-awesome-website" aan voor je project
+- **Ga** naar de nieuw aangemaakte map om te beginnen met werken
 
 ```bash
-# Step 2: Initialize project with package.json
+# Stap 2: Initialiseer het project met package.json
 npm init -y
 
-# Install modern development tools
+# Installeer moderne ontwikkeltools
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Stap voor stap, wat er gebeurt:**
+**Stap voor stap, dit gebeurt er:**
 - **Initialiseer** een nieuw Node.js-project met standaardinstellingen via `npm init -y`
-- **Installeer** Vite als een moderne buildtool voor snelle ontwikkeling en productie-builds
-- **Voeg** Prettier toe voor automatische codeformattering en ESLint voor codekwaliteitscontroles
-- **Gebruik** de `--save-dev` vlag om deze als alleen-ontwikkelingsafhankelijkheden te markeren
+- **Installeer** Vite als moderne build tool voor snelle ontwikkeling en productie builds
+- **Voeg toe** Prettier voor automatische codeformattering en ESLint voor codekwaliteitschecks
+- **Gebruik** de `--save-dev` vlag om deze als alleen voor ontwikkeling te markeren
 
 ```bash
-# Step 3: Create project structure and files
+# Stap 3: Maak projectstructuur en bestanden aan
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Start de ontwikkelserver
 npx vite
 ```
 
-**Hier hebben we:**
-- **Georganiseerd** ons project door aparte mappen te maken voor broncode en assets
-- **Een basis HTML-bestand gegenereerd** met een correcte documentstructuur
-- **De Vite ontwikkelserver gestart** voor live herladen en hot module replacement
+**Hierboven hebben we:**
+- **Georganiseerd** door aparte mappen te maken voor broncode en assets
+- **Gegenereerd** een basis HTML-bestand met correcte documentstructuur
+- **Gestart** de Vite ontwikkelserver voor live herladen en hot module replacement
 
 #### Essentiële Command Line Tools voor Webontwikkeling
 
-| Tool | Doel | Waarom je het nodig hebt |
-|------|------|--------------------------|
-| **[Git](https://git-scm.com/)** | Versiebeheer | Volg wijzigingen, werk samen met anderen, maak een back-up van je werk |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & pakketbeheer | Voer JavaScript buiten browsers uit, installeer moderne ontwikkeltools |
-| **[Vite](https://vitejs.dev/)** | Buildtool & ontwikkelserver | Razendsnelle ontwikkeling met hot module replacement |
-| **[ESLint](https://eslint.org/)** | Codekwaliteit | Vind en los automatisch problemen in je JavaScript op |
-| **[Prettier](https://prettier.io/)** | Codeformattering | Houd je code consistent geformatteerd en leesbaar |
+| Tool | Doel | Waarom Je Het Nodig Hebt |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Versiebeheer | Wijzigingen bijhouden, samenwerken en back-ups maken |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript-runtime & pakketbeheer | JavaScript buiten browsers draaien, moderne ontwikkeltools installeren |
+| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Supersnelle ontwikkeling met hot module replacement |
+| **[ESLint](https://eslint.org/)** | Codekwaliteit | Automatisch problemen vinden en oplossen in je JavaScript |
+| **[Prettier](https://prettier.io/)** | Codeformattering | Houd je code consistent en leesbaar opgemaakt |
 
-#### Platformspecifieke opties
+#### Platform-specifieke Opties
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderne, uitgebreide terminal
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderne, feature-rijke terminal
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Krachtige scriptingomgeving
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditionele Windows command line
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ingebouwde terminalapplicatie
-- **[iTerm2](https://iterm2.com/)** - Geavanceerde terminal met extra functies
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ingebouwde terminal applicatie
+- **[iTerm2](https://iterm2.com/)** - Verbeterde terminal met geavanceerde functies
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standaard Linux shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Geavanceerde terminalemulator
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Geavanceerde terminal emulator
+
+> 💻 = Voorgeïnstalleerd op het besturingssysteem
 
-> 💻 = Vooraf geïnstalleerd op het besturingssysteem
+> 🎯 **Leerroute**: Begin met basiscommando’s zoals `cd` (directory veranderen), `ls` of `dir` (bestanden weergeven), en `mkdir` (map maken). Oefen met moderne workflowcommando’s zoals `npm install`, `git status` en `code .` (opent de huidige map in VS Code). Naarmate je meer vertrouwd raakt, pak je vanzelf geavanceerdere opdrachten en automatiseringstechnieken op.
 
-> 🎯 **Leerpad**: Begin met basiscommando's zoals `cd` (verander map), `ls` of `dir` (lijst bestanden), en `mkdir` (maak map). Oefen met moderne workflowcommando's zoals `npm install`, `git status`, en `code .` (opent huidige map in VS Code). Naarmate je meer vertrouwd raakt, leer je vanzelf meer geavanceerde commando's en automatiseringstechnieken.
 
-### Documentatie: Jouw altijd beschikbare leermentor
+### Documentatie: Jouw 24/7 Leermentor
 
-Oké, laat me een klein geheim delen dat je een stuk beter laat voelen over het zijn van een beginner: zelfs de meest ervaren ontwikkelaars besteden een groot deel van hun tijd aan het lezen van documentatie. En dat is niet omdat ze niet weten wat ze doen – het is eigenlijk een teken van wijsheid!
+Oké, ik deel een klein geheim dat je echt een stuk beter laat voelen over beginner zijn: zelfs de meest ervaren ontwikkelaars besteden een groot deel van hun tijd aan het lezen van documentatie. En dat is niet omdat ze niet weten wat ze doen – het is juist een teken van wijsheid!
 
-Zie documentatie als toegang tot de meest geduldige, deskundige leraren ter wereld die 24/7 beschikbaar zijn. Vastlopen op een probleem om 2 uur 's nachts? Documentatie is er met een warme virtuele knuffel en precies het antwoord dat je nodig hebt. Wil je leren over een coole nieuwe functie waar iedereen over praat? Documentatie helpt je met stapsgewijze voorbeelden. Probeer je te begrijpen waarom iets werkt zoals het werkt? Je raadt het al – documentatie staat klaar om het uit te leggen op een manier die eindelijk duidelijk wordt!
+Zie documentatie als de meest geduldige, deskundige leraren ter wereld die 24/7 voor je klaarstaan. Zit je om 2 uur ’s nachts vast met een probleem? Documentatie is er met een virtuele warme knuffel en precies het antwoord dat je nodig hebt. Wil je leren over een coole nieuwe feature waar iedereen het over heeft? Documentatie staat voor je klaar met stapsgewijze voorbeelden. Probeer je te begrijpen waarom iets werkt zoals het werkt? Je raadt het al – documentatie legt het uit op een manier waardoor het eindelijk klikt!
 
-Hier is iets dat mijn perspectief volledig veranderde: de wereld van webontwikkeling beweegt ongelooflijk snel, en niemand (ik bedoel echt niemand!) onthoudt alles. Ik heb senior ontwikkelaars met meer dan 15 jaar ervaring basis-syntaxis zien opzoeken, en weet je wat? Dat is niet gênant – dat is slim! Het gaat niet om een perfect geheugen hebben; het gaat erom snel betrouwbare antwoorden te vinden en te begrijpen hoe je ze kunt toepassen.
+Hier is iets dat mijn kijk compleet heeft veranderd: de wereld van webontwikkeling beweegt ongelooflijk snel, en niemand (ik bedoel echt NIEMAND!) onthoudt alles uit zijn hoofd. Ik heb senior developers met meer dan 15 jaar ervaring basale syntax zien opzoeken, en weet je? Dat is niet beschamend – dat is slim! Het gaat niet om het hebben van een perfect geheugen, maar om weten waar je snel betrouwbare antwoorden vindt en hoe je die toepast.
 
 **Hier gebeurt de echte magie:**
 
-Professionele ontwikkelaars besteden een aanzienlijk deel van hun tijd aan het lezen van documentatie – niet omdat ze niet weten wat ze doen, maar omdat het webontwikkelingslandschap zo snel evolueert dat up-to-date blijven continu leren vereist. Goede documentatie helpt je niet alleen te begrijpen *hoe* je iets gebruikt, maar ook *waarom* en *wanneer* je het moet gebruiken.
+Professionele ontwikkelaars besteden een flink deel van hun tijd aan documentatie – niet omdat ze niet weten wat ze doen, maar omdat het landschap van webontwikkeling zo snel verandert dat je up-to-date blijven continu moet bijleren. Goede documentatie helpt je niet alleen te begrijpen *hoe* je iets gebruikt, maar ook *waarom* en *wanneer* je het moet gebruiken.
 
-#### Essentiële documentatiebronnen
+#### Essentiële Documentatiebronnen
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- De gouden standaard voor webtechnologie-documentatie
+- De gouden standaard voor webtechnologie documentatie
 - Uitgebreide gidsen voor HTML, CSS en JavaScript
-- Inclusief browsercompatibiliteitsinformatie
-- Bevat praktische voorbeelden en interactieve demo's
+- Bevat informatie over browsercompatibiliteit
+- Beschikt over praktische voorbeelden en interactieve demo’s
 
 **[Web.dev](https://web.dev)** (door Google)
-- Moderne webontwikkelingsbest practices
+- Moderne best practices in webontwikkeling
 - Gidsen voor prestatieoptimalisatie
-- Principes van toegankelijkheid en inclusief ontwerp
-- Case studies van echte projecten
+- Principes voor toegankelijkheid en inclusief ontwerp
+- Case-studies uit de praktijk
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Edge browser ontwikkelingsbronnen
-- Progressive Web App gidsen
-- Inzichten in cross-platform ontwikkeling
+- Ontwikkelbronnen voor de Edge browser
+- Progressive Web App handleidingen
+- Inzichten over cross-platform ontwikkeling
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Gestructureerde leerprogramma's
-- Videocursussen van industrie-experts
-- Hands-on codeeropdrachten
+- Gestructureerde leertrajecten
+- Videocursussen van experts uit de industrie
+- Praktische codeeroefeningen
 
-> 📚 **Studie strategie**: Probeer documentatie niet te onthouden – leer in plaats daarvan hoe je het efficiënt kunt navigeren. Maak bladwijzers van vaak gebruikte referenties en oefen met de zoekfuncties om snel specifieke informatie te vinden.
+> 📚 **Studie-strategie**: Probeer documentatie niet te onthouden – leer in plaats daarvan hoe je er efficiënt in navigeert. Zet vaak gebruikte referenties als bladwijzer en oefen het zoeken om snel specifieke informatie te vinden.
 
-### 🔧 **Tool Mastery Check: Wat spreekt je aan?**
+### 🔧 **Check Jouw Toolbeheersing: Wat Spreekt Jou Aan?**
 
-**Neem een moment om te overwegen:**
+**Neem even de tijd om na te denken:**
 - Welke tool wil je als eerste proberen? (Er is geen fout antwoord!)
 - Voelt de command line nog steeds intimiderend, of ben je er nieuwsgierig naar?
-- Kun je je voorstellen dat je browser DevTools gebruikt om achter de schermen van je favoriete websites te kijken?
+- Kun je je voorstellen browser DevTools te gebruiken om achter de schermen van je favoriete websites te kijken?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
+pie title "Ontwikkelaarstijd Besteed aan Hulpmiddelen"
     "Code Editor" : 40
     "Browser Testing" : 25
     "Command Line" : 15
     "Reading Docs" : 15
     "Debugging" : 5
 ```
+> **Leuke tip**: De meeste ontwikkelaars besteden ongeveer 40% van hun tijd in hun code-editor, maar merk op hoeveel tijd naar testen, leren en probleemoplossing gaat. Programmeren gaat niet alleen over code schrijven – het gaat over het creëren van ervaringen!
 
-> **Leuke inzicht**: De meeste ontwikkelaars besteden ongeveer 40% van hun tijd in hun code-editor, maar let op hoeveel tijd gaat naar testen, leren en probleemoplossing. Programmeren gaat niet alleen over code schrijven – het gaat over het creëren van ervaringen!
-
-✅ **Om over na te denken**: Hier is iets interessants om over na te denken – hoe denk je dat de tools voor het bouwen van websites (ontwikkeling) verschillen van de tools voor het ontwerpen van hoe ze eruitzien (ontwerp)? Het is zoals het verschil tussen een architect die een prachtig huis ontwerpt en de aannemer die het daadwerkelijk bouwt. Beide zijn cruciaal, maar ze hebben verschillende gereedschapskisten nodig! Dit soort denken helpt je echt om het grotere plaatje te zien van hoe websites tot leven komen.
+✅ **Denkstof**: Hier is iets om over na te denken – hoe denk je dat tools voor het bouwen van websites (ontwikkeling) verschillen van tools voor het ontwerpen van hoe ze eruitzien (design)? Het is als het verschil tussen een architect die een mooi huis ontwerpt en de aannemer die het daadwerkelijk bouwt. Beiden zijn cruciaal, maar ze hebben verschillende gereedschapskisten nodig! Dit soort denken helpt je echt het grotere geheel te zien van hoe websites tot leven komen.
 
 ## GitHub Copilot Agent Challenge 🚀
 
 Gebruik de Agent-modus om de volgende uitdaging te voltooien:
 
-**Beschrijving:** Verken de functies van een moderne code-editor of IDE en demonstreer hoe deze je workflow als webontwikkelaar kan verbeteren.
+**Beschrijving:** Verken de functies van een moderne code-editor of IDE en demonstreer hoe dit je workflow als webontwikkelaar kan verbeteren.
 
-**Prompt:** Kies een code-editor of IDE (zoals Visual Studio Code, WebStorm of een cloud-gebaseerde IDE). Noem drie functies of extensies die je helpen om efficiënter code te schrijven, debuggen of onderhouden. Geef voor elk een korte uitleg over hoe het je workflow ten goede komt.
+**Prompt:** Kies een code-editor of IDE (zoals Visual Studio Code, WebStorm, of een cloud-gebaseerde IDE). Noem drie functies of extensies die je helpen efficiënter code te schrijven, debuggen of onderhouden. Geef bij elk een korte uitleg hoe het je workflow verbetert.
 
 ---
 
@@ -737,93 +736,94 @@ Gebruik de Agent-modus om de volgende uitdaging te voltooien:
 
 **Oké, detective, klaar voor je eerste zaak?**
 
-Nu je deze geweldige basis hebt, heb ik een avontuur dat je helpt te zien hoe ongelooflijk divers en fascinerend de programmeerwereld echt is. En luister – dit gaat nog niet over code schrijven, dus geen druk daar! Zie jezelf als een programmeertaal-detective op je allereerste spannende zaak!
+Nu je deze geweldige basis hebt, heb ik een avontuur voor je dat je gaat laten zien hoe ongelooflijk divers en fascinerend de wereld van programmeren eigenlijk is. En onthoud – dit gaat nog niet over code schrijven, dus geen druk! Zie jezelf als een programmeertale detective bij je allereerste spannende zaak!
 
-**Je missie, als je ervoor kiest om deze te accepteren:**
-1. **Word een taalverkenner**: Kies drie programmeertalen uit totaal verschillende werelden – misschien één die websites bouwt, één die mobiele apps maakt, en één die data verwerkt voor wetenschappers. Zoek voorbeelden van dezelfde eenvoudige taak geschreven in elke taal. Ik beloof je dat je versteld zult staan van hoe verschillend ze eruit kunnen zien terwijl ze precies hetzelfde doen!
+**Je missie, als je die accepteert:**
+1. **Word een taalontdekker**: Kies drie programmeertalen uit totaal verschillende werelden – misschien één die websites bouwt, één die mobiele apps maakt, en één die data verwerkt voor wetenschappers. Zoek voorbeelden van dezelfde eenvoudige taak geschreven in elke taal. Ik beloof je dat je versteld zult staan hoe verschillend ze eruit kunnen zien terwijl ze precies hetzelfde doen!
 
-2. **Ontdek hun oorsprongsverhalen**: Wat maakt elke taal speciaal? Hier is een cool feit – elke programmeertaal is gemaakt omdat iemand dacht: "Weet je wat? Er moet een betere manier zijn om dit specifieke probleem op te lossen." Kun je achterhalen wat die problemen waren? Sommige van deze verhalen zijn echt fascinerend!
+2. **Ontdek hun ontstaan**: Wat maakt elke taal speciaal? Hier is een leuk feit – elke programmeertaal is gemaakt omdat iemand dacht: "Weet je wat? Er moet een betere manier zijn om dit specifieke probleem op te lossen." Kun je uitzoeken wat die problemen waren? Sommige van deze verhalen zijn echt fascinerend!
 
-3. **Ontmoet de gemeenschappen**: Bekijk hoe gastvrij en gepassioneerd de gemeenschap van elke taal is. Sommige hebben miljoenen ontwikkelaars die kennis delen en elkaar helpen, andere zijn kleiner maar ongelooflijk hecht en ondersteunend. Je zult het geweldig vinden om de verschillende persoonlijkheden van deze gemeenschappen te zien!
+3. **Leer de communities kennen**: Kijk hoe gastvrij en gepassioneerd elke taal-community is. Sommige hebben miljoenen ontwikkelaars die kennis delen en elkaar helpen, anderen zijn kleiner maar ontzettend hecht en ondersteunend. Je gaat het leuk vinden om de verschillende persoonlijkheden te zien!
 
-4. **Volg je gevoel**: Welke taal voelt op dit moment het meest toegankelijk voor jou? Maak je geen zorgen over het maken van de "perfecte" keuze – luister gewoon naar je instinct! Er is hier echt geen fout antwoord, en je kunt later altijd andere talen verkennen.
+4. **Volg je intuïtie**: Welke taal voelt op dit moment het meest toegankelijk voor jou? Maak je geen zorgen over de "perfecte" keuze – luister gewoon naar je instinct! Er is echt geen fout antwoord, en je kunt altijd later andere talen ontdekken.
 
-**Bonus detectivewerk**: Kijk of je kunt ontdekken welke grote websites of apps met elke taal zijn gebouwd. Ik garandeer je dat je versteld zult staan als je ontdekt wat Instagram, Netflix of die mobiele game die je niet kunt stoppen met spelen aandrijft!
+**Bonus detectivewerk**: Kijk of je kunt ontdekken welke grote websites of apps met elke taal zijn gebouwd. Ik garandeer dat je versteld zult staan van wat Instagram, Netflix of dat mobiele spelletje dat je niet kunt stoppen met spelen, aandrijft!
 
-> 💡 **Onthoud**: Je probeert vandaag niet een expert te worden in een van deze talen. Je leert gewoon de buurt kennen voordat je besluit waar je wilt gaan wonen. Neem je tijd, geniet ervan, en laat je nieuwsgierigheid je leiden!
+> 💡 **Onthoud**: Je probeert vandaag geen expert te worden in deze talen. Je leert alleen de buurt kennen voordat je beslist waar je wilt gaan wonen. Neem je tijd, heb plezier, en laat je nieuwsgierigheid je leiden!
 
 ## Laten we vieren wat je hebt ontdekt!
 
-Wauw, je hebt vandaag zoveel geweldige informatie opgenomen! Ik ben echt enthousiast om te zien hoeveel van deze geweldige reis bij je is blijven hangen. En onthoud – dit is geen test waar je alles perfect moet doen. Dit is meer een viering van alle coole dingen die je hebt geleerd over deze fascinerende wereld waarin je je gaat verdiepen!
+Jeetje mina, je hebt vandaag zo veel geweldige informatie in je opgenomen! Ik ben echt benieuwd hoeveel van deze geweldige reis je is bijgebleven. En onthoud – dit is geen toets waar je alles perfect moet doen. Dit is meer een viering van alle toffe dingen die je hebt geleerd over deze fascinerende wereld waar je zo in gaat duiken!
+
+[Neem de post-les quiz](https://ff-quizzes.netlify.app/web/)
 
-[Doe de quiz na de les](https://ff-quizzes.netlify.app/web/)
 ## Review & Zelfstudie
 
-**Neem de tijd om te verkennen en er plezier in te hebben!**
+**Neem de tijd om te ontdekken en plezier te hebben!**
 
-Je hebt vandaag veel geleerd, en daar mag je trots op zijn! Nu komt het leuke gedeelte – de onderwerpen verkennen die je nieuwsgierigheid hebben gewekt. Onthoud, dit is geen huiswerk – het is een avontuur!
+Je hebt vandaag veel geleerd, en dat is iets om trots op te zijn! Nu komt het leukste deel – het verkennen van de onderwerpen die je nieuwsgierigheid hebben gewekt. Onthoud, dit is geen huiswerk – het is een avontuur!
 
-**Duik dieper in wat je interesseert:**
+**Verdiep je in wat jou enthousiast maakt:**
 
-**Ga aan de slag met programmeertalen:**
-- Bezoek de officiële websites van 2-3 talen die je aandacht hebben getrokken. Elke taal heeft zijn eigen persoonlijkheid en verhaal!
-- Probeer enkele online coding playgrounds zoals [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) of [Replit](https://replit.com/). Wees niet bang om te experimenteren – je kunt niets kapot maken!
-- Lees over hoe jouw favoriete programmeertaal is ontstaan. Echt waar, sommige van deze verhalen zijn fascinerend en helpen je te begrijpen waarom talen werken zoals ze doen.
+**Ga praktisch aan de slag met programmeertalen:**
+- Bezoek de officiële websites van 2-3 talen die je aandacht trokken. Elke taal heeft zijn eigen persoonlijkheid en verhaal!
+- Probeer wat online codeerplatforms zoals [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), of [Replit](https://replit.com/). Wees niet bang om te experimenteren – je kunt niets stuk maken!
+- Lees over hoe jouw favoriete taal is ontstaan. Echt, sommige van deze oorsprongsverhalen zijn fascinerend en helpen je te begrijpen waarom talen werken zoals ze doen.
 
 **Word vertrouwd met je nieuwe tools:**
-- Download Visual Studio Code als je dat nog niet hebt gedaan – het is gratis en je gaat het geweldig vinden!
-- Besteed een paar minuten aan het bladeren door de Extensions-marktplaats. Het is net een app store voor je code-editor!
-- Open de Developer Tools van je browser en klik gewoon rond. Maak je geen zorgen over alles begrijpen – raak gewoon vertrouwd met wat er is.
+- Download Visual Studio Code als je dat nog niet gedaan hebt – het is gratis en je gaat het geweldig vinden!
+- Neem een paar minuten de tijd om de extensiemarkt te verkennen. Het is als een appwinkel voor je code-editor!
+- Open de ontwikkelaarstools van je browser en klik wat rond. Maak je geen zorgen als je niet alles begrijpt – raak gewoon vertrouwd met wat er is.
 
 **Sluit je aan bij de community:**
-- Volg enkele ontwikkelaarsgemeenschappen op [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) of [GitHub](https://github.com/). De programmeergemeenschap is ongelooflijk gastvrij voor nieuwkomers!
-- Bekijk enkele beginnersvriendelijke programmeervideo's op YouTube. Er zijn zoveel geweldige makers die zich herinneren hoe het is om net te beginnen.
-- Overweeg om deel te nemen aan lokale meetups of online gemeenschappen. Geloof me, ontwikkelaars helpen graag nieuwkomers!
+- Volg enkele ontwikkelaarscommunity’s op [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), of [GitHub](https://github.com/). De programmeergemeenschap verwelkomt nieuwkomers ontzettend graag!
+- Bekijk beginner-vriendelijke codeervideo’s op YouTube. Er zijn zoveel geweldige makers die zich herinneren hoe het is om te beginnen.
+- Overweeg om deel te nemen aan lokale meetups of online communities. Geloof me, ontwikkelaars helpen nieuwkomers graag!
 
-> 🎯 **Luister, dit wil ik dat je onthoudt**: Je wordt niet verwacht om van de ene op de andere dag een programmeerexpert te worden! Op dit moment leer je gewoon deze geweldige nieuwe wereld kennen waar je deel van gaat uitmaken. Neem de tijd, geniet van de reis, en onthoud – elke ontwikkelaar die je bewondert, zat ooit precies waar jij nu zit, enthousiast en misschien een beetje overweldigd. Dat is helemaal normaal, en het betekent dat je het goed doet!
+> 🎯 **Luister, dit wil ik dat je onthoudt**: Je hoeft niet van de ene op de andere dag een programmeer-expert te worden! Op dit moment leer je alleen deze geweldige nieuwe wereld kennen waar je deel van gaat uitmaken. Neem je tijd, geniet van de reis, en onthoud – elke ontwikkelaar die je bewondert zat ooit precies waar jij nu zit, voelde zich enthousiast en misschien een beetje overweldigd. Dat is heel normaal, en het betekent dat je het goed doet!
 
 
 
 ## Opdracht
 
-[De documentatie lezen](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Een kleine aanmoediging voor je opdracht**: Ik zou het geweldig vinden om te zien dat je enkele tools verkent die we nog niet hebben behandeld! Sla de editors, browsers en commandoregeltools over waar we het al over hebben gehad – er is een hele ongelooflijke wereld van geweldige ontwikkeltools die erop wachten om ontdekt te worden. Zoek naar tools die actief worden onderhouden en een levendige, behulpzame community hebben (deze hebben meestal de beste tutorials en de meest ondersteunende mensen wanneer je onvermijdelijk vastloopt en een helpende hand nodig hebt).
+> 💡 **Een kleine hint voor je opdracht**: Ik zou het fantastisch vinden als je tools gaat ontdekken die we nog niet behandeld hebben! Sla de editors, browsers en commandline-tools over waar we het al over gehad hebben – er is een hele geweldige wereld van ontwikkeltools die wachten om ontdekt te worden. Zoek naar tools die actief worden onderhouden en levendige, behulpzame communities hebben (deze hebben meestal de beste tutorials en de meest ondersteunende mensen wanneer je vastloopt en een helpende hand nodig hebt).
 
 ---
 
-## 🚀 Jouw Programmeerreis Tijdlijn
+## 🚀 Je Programmeerreis Tijdlijn
 
-### ⚡ **Wat Je Binnen 5 Minuten Kunt Doen**
-- [ ] Bookmark 2-3 websites van programmeertalen die je interessant vindt
+### ⚡ **Wat je in de volgende 5 minuten kunt doen**
+- [ ] Bookmark 2-3 websites van programmeertalen die je aandacht trokken
 - [ ] Download Visual Studio Code als je dat nog niet hebt gedaan
-- [ ] Open de DevTools van je browser (F12) en klik rond op een willekeurige website
-- [ ] Sluit je aan bij één programmeergemeenschap (Dev.to, Reddit r/webdev, of Stack Overflow)
+- [ ] Open de DevTools van je browser (F12) en klik wat rond op een website
+- [ ] Sluit je aan bij een programmeergemeenschap (Dev.to, Reddit r/webdev, of Stack Overflow)
 
-### ⏰ **Wat Je Binnen Een Uur Kunt Bereiken**
+### ⏰ **Wat je dit uur kunt bereiken**
 - [ ] Maak de quiz na de les en reflecteer op je antwoorden
 - [ ] Stel VS Code in met de GitHub Copilot-extensie
-- [ ] Probeer een "Hello World"-voorbeeld in 2 verschillende programmeertalen online
-- [ ] Bekijk een "Dag uit het leven van een ontwikkelaar"-video op YouTube
-- [ ] Begin met je programmeertaal-detectivewerk (uit de uitdaging)
+- [ ] Probeer een "Hello World" voorbeeld in 2 verschillende programmeertalen online
+- [ ] Bekijk een video “Dag uit het leven van een ontwikkelaar” op YouTube
+- [ ] Begin je detectivewerk voor programmeertalen (uit de uitdaging)
 
-### 📅 **Je Weeklange Avontuur**
-- [ ] Maak de opdracht af en verken 3 nieuwe ontwikkeltools
+### 📅 **Je weeklange avontuur**
+- [ ] Maak de opdracht af en ontdek 3 nieuwe ontwikkeltools
 - [ ] Volg 5 ontwikkelaars of programmeeraccounts op sociale media
-- [ ] Probeer iets kleins te bouwen in CodePen of Replit (zelfs "Hallo, [Jouw Naam]!")
-- [ ] Lees een blogpost van een ontwikkelaar over hun programmeerreis
-- [ ] Neem deel aan een virtuele meetup of bekijk een programmeerpresentatie
-- [ ] Begin met het leren van je gekozen programmeertaal via online tutorials
-
-### 🗓️ **Je Maandlange Transformatie**
-- [ ] Bouw je eerste kleine project (zelfs een eenvoudige webpagina telt!)
-- [ ] Draag bij aan een open-sourceproject (begin met documentatiefixes)
-- [ ] Begeleid iemand die net begint met programmeren
-- [ ] Maak je ontwikkelaarsportfolio-website
-- [ ] Maak contact met lokale ontwikkelaarsgemeenschappen of studiegroepen
+- [ ] Probeer iets kleins te bouwen in CodePen of Replit (zelfs maar “Hello, [Je Naam]!”)
+- [ ] Lees een blogpost van een ontwikkelaar over iemands codeerreis
+- [ ] Doe mee aan een virtuele meetup of bekijk een programmeertalk
+- [ ] Begin je gekozen programmeertaal te leren met online tutorials
+
+### 🗓️ **Je maandlange transformatie**
+- [ ] Bouw je eerste kleine project (zelfs een simpele webpagina telt!)
+- [ ] Draag bij aan een open-sourceproject (begin met documentatie-aanpassingen)
+- [ ] Word mentor van iemand die net begint met programmeren
+- [ ] Maak je eigen ontwikkelaarsportfolio-website
+- [ ] Verbind met lokale ontwikkelaarsgemeenschappen of studiegroepen
 - [ ] Begin met het plannen van je volgende leerdoel
 
-### 🎯 **Eindreflectie Check-in**
+### 🎯 **Laatste reflectiecontrole**
 
 **Voordat je verder gaat, neem een moment om te vieren:**
 - Wat is één ding aan programmeren dat je vandaag enthousiast maakte?
@@ -833,24 +833,25 @@ Je hebt vandaag veel geleerd, en daar mag je trots op zijn! Nu komt het leuke ge
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title Jouw Zelfvertrouwen Opbouw Reis
+    section Vandaag
+      Nieuwsgierig: 3: You
+      Overweldigd: 4: You
+      Enthousiast: 5: You
+    section Deze Week
+      Verkennen: 4: You
+      Leren: 5: You
+      Verbinden: 4: You
+    section Volgende Maand
+      Bouwen: 5: You
+      Zelfverzekerd: 5: You
+      Anderen Helpen: 5: You
 ```
-
-> 🌟 **Onthoud**: Elke expert was ooit een beginner. Elke senior ontwikkelaar heeft zich ooit precies zo gevoeld als jij nu – enthousiast, misschien een beetje overweldigd, en zeker nieuwsgierig naar wat mogelijk is. Je bent in geweldig gezelschap, en deze reis gaat ongelooflijk worden. Welkom in de prachtige wereld van programmeren! 🎉
+> 🌟 **Onthoud**: Elke expert was ooit een beginner. Elke senior developer voelde zich ooit precies zoals jij je nu voelt – enthousiast, misschien een beetje overweldigd, en zeker nieuwsgierig naar wat er mogelijk is. Je bent in geweldig gezelschap, en deze reis gaat geweldig worden. Welkom in de prachtige wereld van programmeren! 🎉
 
 ---
 
-**Disclaimer**:  
-Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel we streven naar nauwkeurigheid, dient u zich ervan bewust te zijn dat geautomatiseerde vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in de oorspronkelijke taal moet worden beschouwd als de gezaghebbende bron. Voor kritieke informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor eventuele misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Disclaimer**:
+Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel we streven naar nauwkeurigheid, kan het voorkomen dat geautomatiseerde vertalingen fouten of onnauwkeurigheden bevatten. Het oorspronkelijke document in de oorspronkelijke taal dient als de gezaghebbende bron te worden beschouwd. Voor cruciale informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/nl/AGENTS.md b/translations/nl/AGENTS.md
index 7a774d3c7..929e39c37 100644
--- a/translations/nl/AGENTS.md
+++ b/translations/nl/AGENTS.md
@@ -2,25 +2,25 @@
 
 ## Projectoverzicht
 
-Dit is een educatieve curriculumrepository voor het onderwijzen van webontwikkeling aan beginners. Het curriculum is een uitgebreide cursus van 12 weken ontwikkeld door Microsoft Cloud Advocates, met 24 hands-on lessen over JavaScript, CSS en HTML.
+Dit is een educatieve curriculumrepository voor het onderwijzen van basisprincipes van webontwikkeling aan beginners. Het curriculum is een uitgebreide cursus van 12 weken ontwikkeld door Microsoft Cloud Advocates, met 24 praktische lessen die JavaScript, CSS en HTML behandelen.
 
-### Belangrijkste Onderdelen
+### Belangrijke Componenten
 
-- **Educatieve inhoud**: 24 gestructureerde lessen georganiseerd in projectgebaseerde modules
-- **Praktische projecten**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor en AI Chat Assistant
-- **Interactieve quizzen**: 48 quizzen met elk 3 vragen (pre/post-les beoordelingen)
-- **Meertalige ondersteuning**: Geautomatiseerde vertalingen voor 50+ talen via GitHub Actions
+- **Educatieve Inhoud**: 24 gestructureerde lessen georganiseerd in projectgebaseerde modules
+- **Praktische Projecten**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor en AI Chat Assistant
+- **Interactieve Quizzen**: 48 quizzen met elk 3 vragen (voor/na lesbeoordelingen)
+- **Meertalige Ondersteuning**: Automatische vertalingen voor 50+ talen via GitHub Actions
 - **Technologieën**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (voor AI-projecten)
 
 ### Architectuur
 
 - Educatieve repository met lesgebaseerde structuur
 - Elke lesmap bevat README, codevoorbeelden en oplossingen
-- Losstaande projecten in aparte directories (quiz-app, diverse lesprojecten)
-- Vertalingssysteem via GitHub Actions (co-op-translator)
-- Documentatie geserveerd via Docsify en beschikbaar als PDF
+- Onafhankelijke projecten in aparte mappen (quiz-app, diverse lesprojecten)
+- Vertalingssysteem met GitHub Actions (co-op-translator)
+- Documentatie geleverd via Docsify en beschikbaar als PDF
 
-## Setup Commando's
+## Installatiecommando's
 
 Deze repository is primair bedoeld voor het consumeren van educatieve inhoud. Voor het werken met specifieke projecten:
 
@@ -48,7 +48,7 @@ cd 7-bank-project/api
 npm install
 npm start          # Start API-server
 npm run lint       # Voer ESLint uit
-npm run format     # Opmaak met Prettier
+npm run format     # Format met Prettier
 ```
 
 ### Browser Extension Projecten
@@ -72,87 +72,87 @@ npm install
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Stel de omgevingsvariabele GITHUB_TOKEN in
+# Stel de GITHUB_TOKEN omgevingsvariabele in
 python api.py
 ```
 
 ## Ontwikkelworkflow
 
-### Voor Inhoud Bijdragers
+### Voor Inhoudbijdragers
 
 1. **Fork de repository** naar je GitHub-account
 2. **Clone je fork** lokaal
-3. **Maak een nieuwe branch** aan voor je wijzigingen
-4. Breng wijzigingen aan in lesinhoud of codevoorbeelden
-5. Test eventuele codewijzigingen in relevante projectdirectories
+3. **Maak een nieuwe branch** voor je wijzigingen
+4. Pas lesinhoud of codevoorbeelden aan
+5. Test codewijzigingen in relevante projectmappen
 6. Dien pull requests in volgens de bijdrage-richtlijnen
 
 ### Voor Leerlingen
 
 1. Fork of clone de repository
-2. Navigeer sequentieel naar lesdirectories
-3. Lees README-bestanden voor iedere les
-4. Maak de pre-les quizzen op https://ff-quizzes.netlify.app/web/
-5. Werk door codevoorbeelden in lesmappen
-6. Voltooi opdrachten en uitdagingen
+2. Navigeer sequentieel door de lesmappen
+3. Lees de README-bestanden van elke les
+4. Maak pre-les quizzen op https://ff-quizzes.netlify.app/web/
+5. Werk door codevoorbeelden in de lesmappen
+6. Maak opdrachten en uitdagingen af
 7. Maak post-les quizzen
 
 ### Live Ontwikkeling
 
-- **Documentatie**: Run `docsify serve` in root (poort 3000)
-- **Quiz App**: Run `npm run dev` in quiz-app directory
+- **Documentatie**: Voer `docsify serve` uit in de root (poort 3000)
+- **Quiz App**: Voer `npm run dev` uit in quiz-app map
 - **Projecten**: Gebruik VS Code Live Server extensie voor HTML-projecten
-- **API Projecten**: Run `npm start` in respectievelijke API directories
+- **API Projecten**: Voer `npm start` uit in respectievelijke API-mappen
 
 ## Testinstructies
 
-### Quiz App Testing
+### Quiz App Testen
 
 ```bash
 cd quiz-app
-npm run lint       # Controleer op problemen met code-stijl
-npm run build      # Verifieer dat de build slaagt
+npm run lint       # Controleer op code stijlproblemen
+npm run build      # Controleer of de build slaagt
 ```
 
-### Bank API Testing
+### Bank API Testen
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Controleren op problemen met de code stijl
-node server.js     # Controleren of de server zonder fouten start
+npm run lint       # Controleer op problemen met code stijl
+node server.js     # Controleer of de server zonder fouten start
 ```
 
 ### Algemene Testaanpak
 
 - Dit is een educatieve repository zonder uitgebreide geautomatiseerde tests
-- Handmatig testen focust op:
-  - Codevoorbeelden draaien zonder fouten
-  - Links in documentatie werken correct
-  - Project builds verlopen succesvol
-  - Voorbeelden volgen best practices
+- Handmatig testen richt zich op:
+  - Codevoorbeelden die foutloos draaien
+  - Links in documentatie die werken
+  - Project builds die succesvol afronden
+  - Voorbeelden die best practices volgen
 
-### Pre-Submission Checks
+### Pre-submissie Checks
 
-- Run `npm run lint` in directories met package.json
-- Verifieer dat markdown links geldig zijn
+- Voer `npm run lint` uit in mappen met package.json
+- Controleer of markdown links geldig zijn
 - Test codevoorbeelden in browser of Node.js
-- Controleer dat vertalingen juiste structuur behouden
+- Controleer dat vertalingen structuur behouden
 
-## Code Style Richtlijnen
+## Code Stijlrichtlijnen
 
 ### JavaScript
 
 - Gebruik moderne ES6+ syntax
-- Volg standaard ESLint configuraties zoals in projecten opgegeven
+- Volg standaard ESLint-configuraties in projecten
 - Gebruik betekenisvolle variabele- en functienamen voor educatieve duidelijkheid
-- Voeg commentaar toe die concepten uitlegt voor leerlingen
+- Voeg commentaar toe dat concepten uitlegt voor leerlingen
 - Format met Prettier waar geconfigureerd
 
 ### HTML/CSS
 
-- Semantische HTML5-elementen
-- Responsive design principes
-- Duidelijke class naming conventies
+- Semantische HTML5 elementen
+- Responsieve designprincipes
+- Duidelijke klassennamenconventies
 - Commentaar dat CSS-technieken uitlegt voor leerlingen
 
 ### Python
@@ -166,13 +166,13 @@ node server.js     # Controleren of de server zonder fouten start
 - Duidelijke koppenhiërarchie
 - Codeblokken met taalspecificatie
 - Links naar aanvullende bronnen
-- Screenshots en afbeeldingen in `images/` directories
+- Screenshots en afbeeldingen in `images/` mappen
 - Alt-tekst voor afbeeldingen voor toegankelijkheid
 
 ### Bestandsorganisatie
 
-- Lessen oplopend genummerd (1-getting-started-lessons, 2-js-basics, etc.)
-- Elk project heeft `solution/` en vaak `start/` of `your-work/` directories
+- Lessen genummerd in volgorde (1-getting-started-lessons, 2-js-basics, enz.)
+- Elk project heeft `solution/` en vaak `start/` of `your-work/` mappen
 - Afbeeldingen opgeslagen in les-specifieke `images/` mappen
 - Vertalingen in `translations/{language-code}/` structuur
 
@@ -184,7 +184,7 @@ De quiz-app is geconfigureerd voor Azure Static Web Apps deployment:
 
 ```bash
 cd quiz-app
-npm run build      # Maakt map dist/ aan
+npm run build      # Maakt dist/ map aan
 # Zet uit via GitHub Actions workflow bij push naar main
 ```
 
@@ -193,7 +193,7 @@ Azure Static Web Apps configuratie:
 - **Output locatie**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generatie van Documentatie PDF
+### PDF Generatie Documentatie
 
 ```bash
 npm install                    # Installeer docsify-to-pdf
@@ -204,14 +204,14 @@ npm run convert               # Genereer PDF van docs
 
 ```bash
 npm install -g docsify-cli    # Installeer Docsify wereldwijd
-docsify serve                 # Server op localhost:3000
+docsify serve                 # Serveer op localhost:3000
 ```
 
 ### Projectspecifieke Builds
 
-Elke projectdirectory kan zijn eigen buildproces hebben:
-- Vue projecten: `npm run build` creëert productie bundles
-- Statische projecten: Geen buildstap, serveer bestanden direct
+Elke projectmap kan een eigen buildproces hebben:
+- Vue projecten: `npm run build` maakt productie bundles
+- Statische projecten: Geen build stap, serveer bestanden direct
 
 ## Pull Request Richtlijnen
 
@@ -219,64 +219,64 @@ Elke projectdirectory kan zijn eigen buildproces hebben:
 
 Gebruik duidelijke, beschrijvende titels die het wijzigingsgebied aangeven:
 - `[Quiz-app] Voeg nieuwe quiz toe voor les X`
-- `[Lesson-3] Corrigeer typefout in terrarium project`
-- `[Translation] Voeg Spaanse vertaling toe voor les 5`
-- `[Docs] Werk setup-instructies bij`
+- `[Les-3] Corrigeer typefout in terrarium project`
+- `[Vertaling] Voeg Spaanse vertaling toe voor les 5`
+- `[Docs] Update installatie-instructies`
 
 ### Vereiste Checks
 
 Voor het indienen van een PR:
 
 1. **Codekwaliteit**:
-   - Run `npm run lint` in de betrokken projectdirectories
-   - Los alle linting-fouten en waarschuwingen op
+   - Voer `npm run lint` uit in getroffen projectmappen
+   - Los alle lintfouten en waarschuwingen op
 
-2. **Build-verificatie**:
-   - Run `npm run build` indien van toepassing
+2. **Build Verificatie**:
+   - Voer `npm run build` uit indien van toepassing
    - Zorg dat er geen buildfouten zijn
 
-3. **Link validatie**:
+3. **Link Validatie**:
    - Test alle markdown links
-   - Verifieer dat afbeeldingsreferenties werken
+   - Verifieer dat afbeeldingen correct verwijzen
 
 4. **Inhoud Review**:
-   - Corrigeer spelling en grammatica
+   - Controleer spelling en grammatica
    - Zorg dat codevoorbeelden correct en educatief zijn
    - Controleer dat vertalingen oorspronkelijke betekenis behouden
 
-### Bijdrage Vereisten
+### Bijdragereisen
 
-- Ga akkoord met Microsoft CLA (automatische check bij eerste PR)
-- Volg de [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Ga akkoord met Microsoft CLA (geautomatiseerde check bij eerste PR)
+- Volg de [Microsoft Open Source Gedragscode](https://opensource.microsoft.com/codeofconduct/)
 - Zie [CONTRIBUTING.md](./CONTRIBUTING.md) voor gedetailleerde richtlijnen
-- Verwijs naar issuetickets in PR-beschrijving indien relevant
+- Verwijs naar issue nummers in PR omschrijving indien van toepassing
 
 ### Review Proces
 
-- PR's worden beoordeeld door maintainers en community
-- Educatieve duidelijkheid wordt prioriteit gegeven
-- Codevoorbeelden moeten huidige best practices volgen
-- Vertalingen worden beoordeeld op nauwkeurigheid en culturele passendheid
+- PR's worden beoordeeld door maintainers en de gemeenschap
+- Educatieve helderheid heeft prioriteit
+- Codevoorbeelden dienen best practices te volgen
+- Vertalingen worden gecontroleerd op nauwkeurigheid en culturele relevantie
 
 ## Vertalingssysteem
 
 ### Geautomatiseerde Vertaling
 
-- Gebruikt GitHub Actions met co-op-translator workflow
-- Vertalingen naar 50+ talen automatisch
-- Bronbestanden in hoofddirectories
-- Vertaalde bestanden in `translations/{language-code}/` directories
+- Maakt gebruik van GitHub Actions met co-op-translator workflow
+- Verzamelt vertalingen in 50+ talen automatisch
+- Bronbestanden in hoofdmappen
+- Vertaalde bestanden in `translations/{language-code}/` mappen
 
 ### Handmatige Vertaalverbeteringen Toevoegen
 
-1. Zoek bestand op in `translations/{language-code}/`
-2. Breng verbeteringen aan met behoud van structuur
+1. Zoek bestand in `translations/{language-code}/`
+2. Breng verbeteringen aan terwijl de structuur behouden blijft
 3. Zorg dat codevoorbeelden functioneel blijven
-4. Test eventuele gelokaliseerde quizinhoud
+4. Test gelokaliseerde quizcontent
 
 ### Vertaal Metadata
 
-Vertaalde bestanden bevatten metadata header:
+Vertaalde bestanden bevatten metadata-header:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,56 +289,56 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Debugging en Probleemoplossing
+## Debuggen en Probleemoplossing
 
 ### Veelvoorkomende Problemen
 
 **Quiz app start niet**:
 - Controleer Node.js versie (v14+ aanbevolen)
-- Verwijder `node_modules` en `package-lock.json`, run `npm install` opnieuw
+- Verwijder `node_modules` en `package-lock.json`, voer `npm install` opnieuw uit
 - Controleer op poortconflicten (standaard: Vite gebruikt poort 5173)
 
 **API server start niet**:
-- Verifieer dat Node.js versie minimaal is (node >=10)
+- Controleer Node.js versie (node >=10)
 - Controleer of poort al in gebruik is
-- Zorg dat alle dependencies geïnstalleerd zijn met `npm install`
+- Zorg dat alle dependencies zijn geïnstalleerd met `npm install`
 
 **Browser extensie laadt niet**:
 - Controleer of manifest.json correct is geformatteerd
-- Bekijk browserconsole op fouten
-- Volg browser-specifieke installatie-instructies voor extensies
+- Check browser console op fouten
+- Volg browser-specifieke installatie-instructies
 
 **Python chat project problemen**:
-- Zorg dat OpenAI pakket geïnstalleerd is: `pip install openai`
-- Controleer of GITHUB_TOKEN omgevingsvariabele ingesteld is
+- Zorg dat OpenAI package geïnstalleerd is: `pip install openai`
+- Controleer of GITHUB_TOKEN omgevingvariabele is ingesteld
 - Controleer GitHub Models toegangsrechten
 
-**Docsify serveert geen documentatie**:
+**Docsify serveert geen docs**:
 - Installeer docsify-cli globaal: `npm install -g docsify-cli`
-- Run vanuit root van repository
+- Voer uit vanuit root van repository
 - Controleer dat `docs/_sidebar.md` bestaat
 
-### Tips voor Ontwikkelomgeving
+### Ontwikkelomgeving Tips
 
-- Gebruik VS Code met Live Server-extensie voor HTML-projecten
-- Installeer ESLint en Prettier extensies voor consistente formattering
-- Gebruik browser DevTools voor debugging van JavaScript
-- Voor Vue projecten, installeer Vue DevTools browserextensie
+- Gebruik VS Code met Live Server extensie voor HTML-projecten
+- Installeer ESLint en Prettier extensies voor consistente formatting
+- Gebruik browser DevTools voor JavaScript debugging
+- Installeer Vue DevTools browser extensie voor Vue projecten
 
 ### Prestatie Overwegingen
 
-- Groot aantal vertaalde bestanden (50+ talen) betekent grote volledige clones
+- Groot aantal vertaalde bestanden (50+ talen) maakt volledige clones groot
 - Gebruik shallow clone als je alleen aan inhoud werkt: `git clone --depth 1`
-- Sluit vertalingen uit van zoekopdrachten bij werken in Engelse inhoud
-- Buildprocessen kunnen traag zijn bij eerste run (npm install, Vite build)
+- Sluit vertalingen uit in zoekopdrachten wanneer je aan Engelse inhoud werkt
+- Build processen kunnen traag zijn bij eerste run (npm install, Vite build)
 
 ## Beveiligingsoverwegingen
 
 ### Omgevingsvariabelen
 
-- API-sleutels mogen nooit in de repository gecommit worden
-- Gebruik `.env` bestanden (staan al in `.gitignore`)
-- Documenteer vereiste omgevingsvariabelen in project READMEs
+- API-sleutels mogen nooit gecommit worden in repository
+- Gebruik `.env` bestanden (al opgenomen in `.gitignore`)
+- Documenteer vereiste omgevingsvariabelen in project README's
 
 ### Python Projecten
 
@@ -348,61 +348,61 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### GitHub Models Toegang
 
-- Persoonlijke toegangs-token (PAT) vereist voor GitHub Models
+- Personal Access Tokens (PAT) zijn vereist voor GitHub Models
 - Tokens moeten als omgevingsvariabelen worden opgeslagen
-- Tokens en inloggegevens nooit comitten
+- Tokens of credentials nooit commiten
 
 ## Aanvullende Notities
 
 ### Doelgroep
 
-- Complete beginners in webontwikkeling
-- Studenten en zelflerenden
+- Volledige beginners in webontwikkeling
+- Studenten en zelfstudie
 - Docenten die curriculum in klaslokalen gebruiken
-- Inhoud is ontworpen voor toegankelijkheid en geleidelijke vaardighedenopbouw
+- Inhoud is ontworpen voor toegankelijkheid en geleidelijke vaardigheidsopbouw
 
 ### Educatieve Filosofie
 
-- Projectgebaseerde leerbenadering
-- Regelmatige kennischecks (quizzen)
-- Hands-on programmeeroefeningen
-- Voorbeelden met echte toepassingen
-- Focus op basisprincipes vóór frameworks
+- Project-gebaseerde leerbenadering
+- Frequent kenniscontroles (quizzen)
+- Praktische codeer oefeningen
+- Voorbeelden uit de echte wereld
+- Focus op basisprincipes voor frameworks
 
 ### Repository Onderhoud
 
-- Actieve gemeenschap van leerlingen en bijdragers
+- Actieve community van leerlingen en bijdragers
 - Regelmatige updates van dependencies en inhoud
-- Issues en discussies worden gemonitord door maintainers
-- Vertaalupdates geautomatiseerd via GitHub Actions
+- Issues en discussies worden door maintainers gemonitord
+- Vertalingsupdates geautomatiseerd via GitHub Actions
 
 ### Gerelateerde Bronnen
 
 - [Microsoft Learn modules](https://docs.microsoft.com/learn/)
 - [Student Hub bronnen](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) aanbevolen voor leerlingen
-- Extra cursussen: Generatieve AI, Data Science, ML, IoT curricula beschikbaar
+- Extra cursussen: generatieve AI, data science, ML, IoT curricula beschikbaar
 
 ### Werken met Specifieke Projecten
 
-Voor gedetailleerde instructies per individueel project, zie de README-bestanden in:
+Voor gedetailleerde instructies over individuele projecten, zie de README-bestanden in:
 - `quiz-app/README.md` - Vue 3 quizapplicatie
-- `7-bank-project/README.md` - Banking applicatie met authenticatie
+- `7-bank-project/README.md` - Bankapplicatie met authenticatie
 - `5-browser-extension/README.md` - Browser extensie ontwikkeling
 - `6-space-game/README.md` - Canvas-gebaseerde game ontwikkeling
-- `9-chat-project/README.md` - AI chat assistent project
+- `9-chat-project/README.md` - AI chatassistent project
 
 ### Monorepo Structuur
 
 Hoewel dit geen traditionele monorepo is, bevat deze repository meerdere onafhankelijke projecten:
-- Elke les is op zichzelf staand
+- Elke les staat op zichzelf
 - Projecten delen geen dependencies
-- Werk aan individuele projecten zonder anderen te beïnvloeden
-- Clone de hele repo voor de volledige curriculumervaring
+- Werk aan afzonderlijke projecten zonder impact op anderen
+- Clone de gehele repo voor de volledige curriculumervaring
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:
-Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel wij streven naar nauwkeurigheid, dient u er rekening mee te houden dat automatische vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in de oorspronkelijke taal wordt beschouwd als de gezaghebbende bron. Voor kritieke informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor eventuele misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
+Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel we streven naar nauwkeurigheid, verzoeken wij u er rekening mee te houden dat geautomatiseerde vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in de oorspronkelijke taal dient als de gezaghebbende bron te worden beschouwd. Voor cruciale informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor eventuele misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/nl/README.md b/translations/nl/README.md
index 6a1cd466d..14343d343 100644
--- a/translations/nl/README.md
+++ b/translations/nl/README.md
@@ -12,71 +12,82 @@
 
 # Webontwikkeling voor Beginners - Een Curriculum
 
-Leer de basisprincipes van webontwikkeling met onze 12 weken durende uitgebreide cursus door Microsoft Cloud Advocates. Elke van de 24 lessen duikt in JavaScript, CSS en HTML via praktische projecten zoals terrariums, browserextensies en ruimtespellen. Doe mee met quizzen, discussies en praktische opdrachten. Versterk je vaardigheden en optimaliseer je kennisretentie met onze effectieve projectgerichte didactiek. Begin vandaag nog met coderen!
+Leer de basisprincipes van webontwikkeling met onze 12-weken durende uitgebreide cursus van Microsoft Cloud Advocates. Elk van de 24 lessen verdiept zich in JavaScript, CSS en HTML via hands-on projecten zoals terrariums, browserextensies en ruimtegames. Doe mee met quizzen, discussies en praktische opdrachten. Verbeter je vaardigheden en optimaliseer je kennisretentie met onze effectieve projectgebaseerde didactiek. Begin vandaag nog met coderen!
 
 Word lid van de Azure AI Foundry Discord Community
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Volg deze stappen om aan de slag te gaan met deze resources:
-1. **Fork de Repository**: Klik op [![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. **Clone de Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Word lid van de Azure AI Foundry Discord en ontmoet experts en medeontwikkelaars**](https://discord.com/invite/ByRwuEEgH4)
+Volg deze stappen om aan de slag te gaan met deze bronnen:
+1. **Fork de repository**: Klik op [![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. **Clone de repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Word lid van de Azure AI Foundry Discord en ontmoet experts en mede-ontwikkelaars**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Meertalige Ondersteuning
 
-#### Ondersteund via GitHub Action (Geautomatiseerd & Altijd Up-to-date)
+#### Ondersteund via GitHub Actie (Geautomatiseerd & Altijd Actueel)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
 > **Liever lokaal clonen?**
-
-> Deze repository bevat meer dan 50 taalvertalingen, wat de downloadgrootte aanzienlijk vergroot. Om zonder vertalingen te clonen, gebruik dan sparse checkout:
+>
+> Deze repository bevat meer dan 50 taalvertalingen, wat de downloadgrootte aanzienlijk vergroot. Om zonder vertalingen te clonen, gebruik 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"
+> ```
+>
 > Dit geeft je alles wat je nodig hebt om de cursus te voltooien met een veel snellere download.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Als je wenst dat extra vertalingen ondersteund worden, zijn die hier te vinden [hier](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Als je wilt dat er extra vertaaltalen worden ondersteund, zijn die te vinden [hier](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)
 
 #### 🧑‍🎓 _Ben je een student?_
 
-Bezoek de [**Student Hub pagina**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) waar je beginnersbronnen, studentpakketten en zelfs manieren vindt om een gratis certificaatvoucher te bemachtigen. Dit is de pagina die je wilt bookmarken en af en toe bezoeken, aangezien we maandelijks content wisselen.
+Bezoek de [**Student Hub-pagina**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) waar je beginnersmateriaal, studentenpakketten en zelfs manieren om een gratis certificaatvoucher te verkrijgen zult vinden. Dit is de pagina die je wilt bookmarken en van tijd tot tijd bekijken omdat we maandelijks de inhoud wisselen.
 
-### 📣 Aankondiging - Nieuwe GitHub Copilot Agent-modus uitdagingen om te voltooien!
+### 📣 Aankondiging - Nieuwe GitHub Copilot Agent modus uitdagingen om te voltooien!
 
-Nieuwe uitdaging toegevoegd, zoek naar "GitHub Copilot Agent Challenge 🚀" in de meeste hoofdstukken. Dit is een nieuwe uitdaging om te voltooien met behulp van GitHub Copilot en Agent-modus. Als je Agent-modus nog niet hebt gebruikt: het kan niet alleen tekst genereren, maar ook bestanden creëren en bewerken, opdrachten uitvoeren en meer.
+Nieuwe uitdaging toegevoegd, zoek naar "GitHub Copilot Agent Challenge 🚀" in de meeste hoofdstukken. Dit is een nieuwe uitdaging voor jou om te voltooien met behulp van GitHub Copilot en Agent modus. Als je Agent modus nog niet hebt gebruikt, kan deze niet alleen tekst genereren, maar ook bestanden maken en bewerken, commando's uitvoeren en meer.
 
-### 📣 Aankondiging - _Nieuw Project te bouwen met Generatieve AI_ 
+### 📣 Aankondiging - _Nieuw project om te bouwen met Generatieve AI_ 
 
-Nieuw AI-assistentproject toegevoegd, bekijk het [project](./9-chat-project/README.md)
+Nieuw AI-assistent project zojuist toegevoegd, bekijk het [project](./9-chat-project/README.md)
 
-### 📣 Aankondiging - _Nieuw Curriculum_ over Generatieve AI voor JavaScript is zojuist uitgebracht
+### 📣 Aankondiging - _Nieuw curriculum_ over Generatieve AI voor JavaScript is zojuist uitgebracht
 
-Mis ons nieuwe Generatieve AI-curriculum niet!
+Mis ons nieuwe Generatieve AI curriculum niet!
 
 Bezoek [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) om te beginnen!
 
 ![Background](../../translated_images/nl/background.148a8d43afde5730.webp)
 
 - Lessen die alles behandelen van basisprincipes tot RAG.
-- Interactie met historische personages via GenAI en onze compagnon-app.
-- Leuk en boeiend verhaal, je reist door de tijd!
+- Interageer met historische figuren met GenAI en onze begeleidende app.
+- Leuk en boeiend verhaal, je gaat tijdreizen!
 
 ![character](../../translated_images/nl/character.5c0dd8e067ffd693.webp)
 
-Elke les omvat een opdracht om te voltooien, een kennischeck en een uitdaging om je te begeleiden bij het leren van onderwerpen zoals:
-- Prompting en promptengineering
-- Tekst- en afbeeldingsapp-generatie
+
+Elke les bevat een opdracht om te voltooien, een kenniscontrole en een uitdaging om je te begeleiden bij het leren over onderwerpen zoals:
+- Prompting en prompt engineering
+- Generatie van tekst- en afbeeldingsapps
 - Zoekapps
 
-Bezoek [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) om te beginnen!
+Bezoek [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) om te starten!
 
 
 
@@ -84,128 +95,128 @@ Bezoek [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) om te be
 
 > **Docenten**, we hebben [enkele suggesties opgenomen](for-teachers.md) over hoe je dit curriculum kunt gebruiken. We horen graag je feedback [in ons discussieforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Leerlingen](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, voor elke les begin je met een pre-lecture quiz en ga je door met het lezen van het lesmateriaal, het voltooien van de verschillende activiteiten en controleer je je begrip met de post-lecture quiz.
+**[Leerlingen](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, begin bij elke les met een pre-lecture quiz en volg deze op door het leesmateriaal van de les door te nemen, de verschillende activiteiten te voltooien en je begrip te controleren met de post-lecture quiz.
 
-Om je leerervaring te verbeteren, verbind je met je medestudenten om samen aan de projecten te werken! Discussies worden aangemoedigd in ons [discussieforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) waar ons team van moderator beschikbaar zal zijn om je vragen te beantwoorden.
+Om je leerervaring te verbeteren, verbind je met je medeleerlingen om samen aan de projecten te werken! Discussies worden aangemoedigd in ons [discussieforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) waar ons team van moderatoren beschikbaar is om je vragen te beantwoorden.
 
-Om je educatie verder te bevorderen, raden we ten zeerste aan Microsoft Learn te verkennen voor aanvullende studiematerialen: [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon).
+Om je opleiding verder te brengen, raden we sterk aan de [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) te verkennen voor aanvullende studiematerialen.
 
 ### 📋 Je omgeving instellen
 
-Dit curriculum heeft een ontwikkelomgeving die klaar is om te gebruiken! Terwijl je begint, kun je ervoor kiezen de cursus uit te voeren in een [Codespace](https://github.com/features/codespaces/) (_een browsergebaseerde, geen installatie benodigde omgeving_), of lokaal op je computer met een teksteditor zoals [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Dit curriculum heeft een ontwikkelomgeving die klaar is om te gebruiken! Als je begint, kun je ervoor kiezen om het curriculum te draaien in een [Codespace](https://github.com/features/codespaces/) (_een browser gebaseerde omgeving zonder installatie nodig_), of lokaal op je computer met een teksteditor zoals [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Maak je repository aan
-Om je werk makkelijk op te slaan, is het aanbevolen een eigen kopie van deze repository te maken. Dit kan je doen door op de knop **Use this template** bovenaan de pagina te klikken. Dit maakt een nieuwe repository aan in je GitHub-account met een kopie van het curriculum.
+Om je werk gemakkelijk op te slaan, wordt aangeraden om je eigen kopie van deze repository te maken. Dit kun je doen door op de knop **Use this template** bovenaan de pagina te klikken. Dit maakt een nieuwe repository in je GitHub-account met een kopie van het curriculum.
 
 Volg deze stappen:
-1. **Fork de Repository**: Klik op de "Fork"-knop rechtsboven op deze pagina.
+1. **Fork de Repository**: Klik op de "Fork" knop rechtsboven op deze pagina.
 2. **Clone de Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### De cursus draaien in een Codespace
+#### Het curriculum draaien in een Codespace
 
-In je kopie van deze repository die je hebt aangemaakt, klik je de knop **Code** en selecteer je **Open with Codespaces**. Dit maakt een nieuwe Codespace aan waarin je kunt werken.
+In je eigen kopie van deze repository die je hebt gemaakt, klik op de **Code** knop en selecteer **Open with Codespaces**. Dit maakt een nieuwe Codespace voor je aan om in te werken.
 
 ![Codespace](../../translated_images/nl/createcodespace.0238bbf4d7a8d955.webp)
 
-#### De cursus lokaal draaien op je computer
-
-Om deze cursus lokaal op je computer te draaien, heb je een teksteditor, een browser en een opdrachtregeltool nodig. Onze eerste les, [Introductie tot programmeertalen en tools van het vak](../../1-getting-started-lessons/1-intro-to-programming-languages), zal je door verschillende opties voor elk van deze tools leiden zodat je kunt kiezen wat het beste bij jou past.
+#### Het curriculum lokaal op je computer draaien
 
-We raden aan om [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als editor te gebruiken, die ook een ingebouwde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) heeft. Je kunt Visual Studio Code [hier downloaden](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Om dit curriculum lokaal op je computer te draaien, heb je een teksteditor, een browser en een command line tool nodig. Onze eerste les, [Introductie tot Programmeertalen en Gereedschappen van het Vak](../../1-getting-started-lessons/1-intro-to-programming-languages), zal je door verschillende opties voor elk van deze tools leiden zodat je kunt kiezen wat het beste voor jou werkt.
 
-1. Clone je repository naar je computer. Dit kan door op de knop **Code** te klikken en de URL te kopiëren:
+Onze aanbeveling is om [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) als editor te gebruiken, die ook een ingebouwde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) heeft. Je kunt Visual Studio Code [hier](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) downloaden.
+1. Clone je repository naar je computer. Dit kun je doen door op de **Code** knop te klikken en de URL te kopiëren:
 
     [CodeSpace](./images/createcodespace.png)
-    Open dan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) binnen [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) en voer het volgende commando uit, waarbij u `<your-repository-url>` vervangt door de URL die u zojuist hebt gekopieerd:
+
+    Open vervolgens [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) binnen [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) en voer het volgende commando uit, waarbij je `<your-repository-url>` vervangt door de URL die je zojuist hebt gekopieerd:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Open de map in Visual Studio Code. Dit kan door te klikken op **File** > **Open Folder** en de map te selecteren die u zojuist hebt gekloond.
+2. Open de map in Visual Studio Code. Dit doe je door te klikken op **File** > **Open Folder** en de map te selecteren die je zojuist hebt gekloond.
 
 
 >  Aanbevolen Visual Studio Code-extensies:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - om HTML-pagina's te bekijken binnen Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - om u te helpen sneller code te schrijven
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - om HTML-pagina's binnen Visual Studio Code te bekijken
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - om je te helpen sneller code te schrijven
 
 ## 📂 Elke les bevat:
 
 - optionele sketchnote
 - optionele aanvullende video
-- warming-up quiz voor de les
+- warming-up quiz vóór de les
 - geschreven les
-- voor projectgebaseerde lessen, stapsgewijze handleidingen over hoe het project te bouwen
-- kennistests
+- voor projectgerichte lessen, stapsgewijze handleidingen om het project te bouwen
+- kenniscontroles
 - een uitdaging
 - aanvullende lectuur
 - opdracht
 - [quiz na de les](https://ff-quizzes.netlify.app/web/)
 
-> **Een opmerking over quizzen**: Alle quizzen bevinden zich in de Quiz-app map, in totaal 48 quizzen van elk drie vragen. Ze zijn beschikbaar [hier](https://ff-quizzes.netlify.app/web/); de quiz-app kan lokaal worden uitgevoerd of worden gedeployed naar Azure; volg de instructies in de `quiz-app` map.
+> **Een opmerking over quizzen**: Alle quizzen bevinden zich in de Quiz-app map, in totaal 48 quizzen met elk drie vragen. Ze zijn beschikbaar [hier](https://ff-quizzes.netlify.app/web/). De quiz-app kan lokaal worden uitgevoerd of naar Azure worden gedeployed; volg de instructies in de `quiz-app` map.
 
 ## 🗃️ Lessen
 
-|     |                       Projectnaam                        |                            Aangeleerde Concepten                             | Leerdoelen                                                                                                                 |                                                         Gelinkte Les                                                          |         Auteur          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Aan de slag                         |           Introductie in programmeren en tools van het vak                  | Leer de basisprincipes achter de meeste programmeertalen en over software die professionele ontwikkelaars helpt           | [Introductie in programmeertalen en tools van het vak](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Aan de slag                         |             Basiskennis van GitHub, inclusief samenwerken in een team       | Hoe GitHub te gebruiken in jouw project, hoe samen te werken met anderen aan een codebase                                    |                            [Introductie in GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Aan de slag                         |                             Toegankelijkheid                                | Leer de basis van webtoegankelijkheid                                                                                       |                       [Fundamentals Toegankelijkheid](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Grundlagen                     |                         JavaScript Datatypes                                | De basis van JavaScript datatypes                                                                                           |                                       [Datatypes](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Grundlagen                     |                         Functies en Methoden                                | Leer over functies en methoden om de logica van een applicatie te beheren                                                   |                              [Functies en Methodes](./2-js-basics/2-functions-methods/README.md)                               | Jasmine en Christopher  |
-| 06  |                        JS Grundlagen                     |                        Beslissingen maken met JS                            | Leer hoe je voorwaarden maakt in je code met besluitvormingsmethoden                                                        |                                 [Beslissingen maken](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Grundlagen                     |                            Arrays en Lussen                                 | Werk met data via arrays en lussen in JavaScript                                                                             |                                   [Arrays en lussen](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in de praktijk                              | Bouw de HTML om een online terrarium te maken, met focus op het bouwen van een layout                                        |                                 [Introductie in HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in de praktijk                               | Bouw de CSS om het online terrarium te stylen, met basiskennis van CSS, inclusief het responsief maken van de pagina         |                                  [Introductie in CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-manipulatie                       | Bouw de JavaScript om het terrarium als een sleep-en-zet-interface te laten functioneren, met focus op closures en DOM-manipulatie |                  [JavaScript Closures, DOM-manipulatie](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                    |           Jen           |
-| 11  |          [Typwedstrijd](./4-typing-game/solution/README.md)          |                          Bouw een Typwedstrijd                             | Leer hoe je toetsenbordgebeurtenissen gebruikt om de logica van je JavaScript-app aan te sturen                             |                                [Gebeurtenisgestuurd programmeren](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Groene Browserextensie](./5-browser-extension/solution/README.md) |                         Werken met browsers                               | Leer hoe browsers werken, hun geschiedenis, en hoe je de eerste elementen van een browserextensie bouwt                    |                               [Over Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Groene Browserextensie](./5-browser-extension/solution/README.md) | Formulier bouwen, API aanroepen en variabelen opslaan in local storage    | Bouw de JavaScript-elementen van je browserextensie om een API aan te roepen met variabelen opgeslagen in local storage   |                [APIs, formulieren en local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Groene Browserextensie](./5-browser-extension/solution/README.md) |          Achtergrondprocessen in de browser, webprestaties                 | Gebruik de achtergrondprocessen van de browser om het pictogram van de extensie te beheren; leer over webprestaties en optimalisaties |             [Achtergrondtaken en prestaties](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Ruimte Spel](./6-space-game/solution/README.md)           |             Geavanceerde spelontwikkeling met JavaScript                    | Leer over overerving met zowel klassen als compositie en het Pub/Sub-patroon, ter voorbereiding op het bouwen van een spel  |                      [Introductie in geavanceerde spelontwikkeling](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                           Tekenen op canvas                              | Leer over de Canvas API, gebruikt om elementen op een scherm te tekenen                                                     |                                [Tekenen op Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                   Elementen rond het scherm bewegen                     | Ontdek hoe elementen beweging krijgen met behulp van kartesische coördinaten en de Canvas API                               |                           [Elementen bewegen](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                          Detectie van botsingen                          | Laat elementen botsen en op elkaar reageren via toetsaanslagen en zorg voor een cooldown-functie om prestaties te waarborgen |                              [Botsingsdetectie](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                             Score bijhouden                              | Voer wiskundige berekeningen uit op basis van de status en prestaties van het spel                                          |                                    [Score bijhouden](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                     Het spel beëindigen en herstarten                   | Leer over het beëindigen en herstarten van het spel, inclusief opruimen van middelen en resetten van variabelen             |                                [De eindvoorwaarde](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Bankapp](./7-bank-project/solution/README.md)          |                 HTML-sjablonen en routes in een webapp                   | Leer hoe je de opbouw van een meerpaginawebsite architectuur maakt met routing en HTML-sjablonen                           |                            [HTML-sjablonen en routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Bankapp](./7-bank-project/solution/README.md)          |                  Bouw een inlog- en registratieformulier                | Leer over het bouwen van formulieren en het afhandelen van validatieroutines                                                |                                           [Formulieren](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Bankapp](./7-bank-project/solution/README.md)          |                   Methoden voor ophalen en gebruiken van data            | Hoe data in en uit je app stroomt, hoe je het ophaalt, opslaat en verwijdert                                               |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Bankapp](./7-bank-project/solution/README.md)          |                      Concepten van State Management                     | Leer hoe je app state behoudt en hoe je die programmatisch beheert                                                       |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Werken met VScode | Leer hoe je een code-editor gebruikt | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Werken met AI | Leer hoe je je eigen AI-assistent bouwt | [AI Assistant project](./9-chat-project/README.md) | Chris |
+|     |                       Projectnaam                       |                            Behandelde Concepten                             | Leerdoelen                                                                                                                |                                                         Gekoppelde Les                                                          |         Auteur          |
+| :-: | :------------------------------------------------------: | :-------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Aan de slag                      |           Introductie tot programmeren en tools van het vak           | Leer de basisprincipes achter de meeste programmeertalen en over software die professionele ontwikkelaars helpt hun werk te doen | [Intro tot Programmeertalen en Tools van het Vak](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Aan de slag                      |             Basisprincipes van GitHub, inclusief samenwerken in een team             | Hoe je GitHub gebruikt in je project, hoe je samenwerkt met anderen aan een codebase                                       |                            [Intro tot GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Aan de slag                      |                             Toegankelijkheid                              | Leer de basis van webtoegankelijkheid                                                                                     |                       [Toegankelijkheidsfundamentals](./1-getting-started-lessons/3-accessibility/README.md)                     |       Christopher       |
+| 04  |                        JS Basisprincipes                         |                         JavaScript Datatypes                          | De basis van JavaScript-datatypes                                                                                          |                                       [Datatypes](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basisprincipes                         |                         Functies en Methoden                          | Leer over functies en methoden om de logica van een applicatie te beheren                                                  |                              [Functies en Methoden](./2-js-basics/2-functions-methods/README.md)                               | Jasmine en Christopher |
+| 06  |                        JS Basisprincipes                         |                        Beslissingen nemen met JS                        | Leer hoe je voorwaarden maakt in je code met behulp van besluitvormingsmethoden                                            |                                 [Beslissingen nemen](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basisprincipes                         |                            Arrays en Lussen                            | Werk met data met behulp van arrays en lussen in JavaScript                                                               |                                   [Arrays en Lussen](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in de praktijk                            | Bouw de HTML om een online terrarium te creëren, met focus op het maken van een lay-out                                     |                                 [Introductie tot HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in de praktijk                             | Bouw de CSS om het online terrarium te stylen, met focus op de basis van CSS inclusief het responsief maken van de pagina  |                                  [Introductie tot CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-manipulatie                  | Bouw de JavaScript om het terrarium te laten functioneren als drag/drop-interface, met focus op closures en DOM-manipulatie |                  [JavaScript Closures, DOM-manipulatie](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typen Spel](./4-typing-game/solution/README.md)          |                          Bouw een Typingspel                           | Leer hoe je toetsenbord-events gebruikt om de logica van je JavaScript-app aan te sturen                                   |                                [Event-Driven Programmeren](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Groene Browser Extensie](./5-browser-extension/solution/README.md) |                         Werken met Browsers                          | Leer hoe browsers werken, hun geschiedenis en hoe je de eerste elementen van een browserextensie maakt                     |                               [Over Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Groene Browser Extensie](./5-browser-extension/solution/README.md) | Bouw een formulier, bellen van een API en opslaan van variabelen in lokale opslag | Bouw de JavaScript-elementen van je browserextensie om een API aan te roepen met variabelen die in lokale opslag zijn opgeslagen |                [APIs, Formulieren en Lokale Opslag](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Groene Browser Extensie](./5-browser-extension/solution/README.md) |          Achtergrondprocessen in de browser, webprestaties          | Gebruik de achtergrondprocessen van de browser om het pictogram van de extensie te beheren; leer over webprestaties en optimalisaties |             [Achtergrondtaken en Prestaties](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Ruimte Spel](./6-space-game/solution/README.md)           |             Geavanceerdere spelontwikkeling met JavaScript             | Leer over overerving met behulp van klassen en compositie en het Pub/Sub-patroon, ter voorbereiding op het bouwen van een spel |                      [Introductie tot Geavanceerde Spelontwikkeling](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                           Tekenen op canvas                            | Leer over de Canvas API, gebruikt om elementen op een scherm te tekenen                                                      |                                [Tekenen op Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                   Elementen verplaatsen over het scherm                | Ontdek hoe elementen beweging krijgen met behulp van cartesiaanse coördinaten en de Canvas API                             |                           [Elementen Verplaatsen](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                          Botsingsdetectie                             | Laat elementen botsen en op elkaar reageren met toetsdrukken en voorzie in een afkoelfunctie om de prestaties van het spel te waarborgen |                              [Botsingsdetectie](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                             Puntentelling                             | Voer wiskundige berekeningen uit op basis van de status en prestaties van het spel                                          |                                    [Puntentelling](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Ruimte Spel](./6-space-game/solution/README.md)           |                     Het spel beëindigen en opnieuw starten             | Leer over het beëindigen en opnieuw starten van het spel, inclusief het opruimen van assets en het resetten van variabelen   |                                [De Eindvoorwaarde](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Bankieren App](./7-bank-project/solution/README.md)          |                 HTML Templates en Routes in een Web App                 | Leer hoe je de opbouw van een multi-page website maakt met routing en HTML-templates                                       |                            [HTML Templates en Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Bankieren App](./7-bank-project/solution/README.md)          |                  Bouw een Login- en Registratieformulier               | Leer over het bouwen van formulieren en het afhandelen van validatieroutines                                                |                                           [Formulieren](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Bankieren App](./7-bank-project/solution/README.md)          |                   Methoden om data op te halen en te gebruiken          | Hoe data in en uit je app stroomt, hoe je het ophaalt, opslaat en opruimt                                                   |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Bankieren App](./7-bank-project/solution/README.md)          |                      Concepten van State Management                     | Leer hoe je app status behoudt en hoe je dat programmeerbaar beheert                                                       |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Werken met VScode | Leer hoe je een code-editor gebruikt| [Gebruik VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistenten](./9-chat-project/README.md) | Werken met AI | Leer hoe je je eigen AI-assistent bouwt | [AI Assistent project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogiek
 
-Onze lesmethode is ontworpen met twee belangrijke pedagogische principes in gedachten:
+Onze curriculum is ontworpen met twee belangrijke pedagogische principes in gedachten:
 * projectgebaseerd leren
 * frequente quizzen
 
-Het programma onderwijst de basisprincipes van JavaScript, HTML en CSS, evenals de nieuwste tools en technieken die tegenwoordig door webontwikkelaars worden gebruikt. Studenten krijgen de kans om praktische ervaring op te doen door het bouwen van een typwedstrijd, virtueel terrarium, milieuvriendelijke browserextensie, space-invader-stijl spel en een bankapp voor bedrijven. Aan het einde van de serie hebben studenten een solide begrip van webontwikkeling opgebouwd.
+Het programma leert de basisprincipes van JavaScript, HTML en CSS, evenals de nieuwste tools en technieken die tegenwoordig door webontwikkelaars worden gebruikt. Studenten krijgen de kans om praktische ervaring op te doen door het bouwen van een typingspel, virtueel terrarium, milieuvriendelijke browserextensie, space-invader-stijl spel en een bankapp voor bedrijven. Aan het einde van de serie hebben studenten een solide begrip van webontwikkeling opgedaan.
 
-> 🎓 Je kunt de eerste paar lessen van deze cursus volgen als een [Leerpad](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) op Microsoft Learn!
+> 🎓 Je kunt de eerste lessen van dit curriculum volgen als een [Leerroute](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) op Microsoft Learn!
 
-Doordat de inhoud aansluit bij projecten, wordt het proces voor studenten boeiender en wordt het onthouden van concepten vergroot. We hebben ook verschillende startlessen in JavaScript basics geschreven om de concepten te introduceren, gekoppeld aan een video uit de "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collectie van videotutorials, waarvan sommige auteurs hebben bijgedragen aan deze cursus.
+Door te zorgen dat de inhoud aansluit bij projecten wordt het leerproces boeiender voor studenten en wordt het vasthouden van concepten vergroot. We schreven ook enkele starterlessen in JavaScript-basisprincipes om concepten te introduceren, gecombineerd met een video uit de "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collectie van videotutorials, waarvan enkele auteurs aan dit curriculum hebben bijgedragen.
 
-Daarnaast zet een quiz met weinig inzet voor een les de intentie van de student om een onderwerp te leren, terwijl een tweede quiz na de les zorgt voor verdere retentie. Deze cursus is ontworpen om flexibel en leuk te zijn en kan geheel of gedeeltelijk worden gevolgd. De projecten beginnen klein en worden steeds complexer aan het einde van de 12-weekse cyclus.
+Daarnaast zet een quiz met lage druk vóór de les de intentie van de student om een onderwerp te leren, terwijl een tweede quiz na de les verdere retentie waarborgt. Dit curriculum is ontworpen om flexibel en leuk te zijn en kan geheel of gedeeltelijk worden gevolgd. De projecten beginnen klein en worden steeds complexer aan het einde van de 12-weekse cyclus.
 
-Hoewel we er bewust voor hebben gekozen om geen JavaScript-frameworks te introduceren, om ons te concentreren op de basisvaardigheden die nodig zijn als webontwikkelaar voordat je een framework adopteert, zou een goede vervolgstap na deze cursus het leren van Node.js zijn via een andere collectie video’s: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Hoewel we bewust hebben vermeden om JavaScript-frameworks te introduceren om ons te concentreren op de basisvaardigheden die nodig zijn als webontwikkelaar vóór het adopteren van een framework, zou een goede volgende stap na het voltooien van dit curriculum het leren over Node.js zijn via een andere collectie video's: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Bezoek onze [Gedragscode](CODE_OF_CONDUCT.md) en [Bijdragen](CONTRIBUTING.md) richtlijnen. We verwelkomen je constructieve feedback!
+> Bezoek onze [Gedragscode](CODE_OF_CONDUCT.md) en [Bijdragen](CONTRIBUTING.md) richtlijnen. We stellen je constructieve feedback op prijs!
 
 
 ## 🧭 Offline toegang
 
-Je kunt deze documentatie offline gebruiken met [Docsify](https://docsify.js.org/#/). Fork deze repository, [installeer Docsify](https://docsify.js.org/#/quickstart) op je lokale machine, en typ vervolgens in de hoofdmap van deze repository `docsify serve`. De website wordt geserveerd op poort 3000 op je localhost: `localhost:3000`.
+Je kunt deze documentatie offline gebruiken door gebruik te maken van [Docsify](https://docsify.js.org/#/). Fork deze repo, [installeer Docsify](https://docsify.js.org/#/quickstart) op je lokale machine, en typ vervolgens in de root-map van deze repo `docsify serve`. De website zal worden geserveerd op poort 3000 op je localhost: `localhost:3000`.
 
 ## 📘 PDF
-
-Een PDF van alle lessen is te vinden [hier](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+Een PDF van alle lessen is hier te vinden [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Andere Cursussen
-Ons team maakt ook andere cursussen! Bekijk:
+
+Ons team produceert ook andere cursussen! Neem een kijkje bij:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -247,13 +258,13 @@ Ons team maakt ook andere cursussen! Bekijk:
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Hulp krijgen
+## Hulp Krijgen
 
-Als je vastloopt of vragen hebt over het bouwen van AI-apps. Doe mee aan discussies met mede-leerlingen en ervaren ontwikkelaars over MCP. Het is een ondersteunende gemeenschap waar vragen welkom zijn en kennis vrij wordt gedeeld.
+Als je vastloopt of vragen hebt over het bouwen van AI-apps, doe mee met andere leerlingen en ervaren ontwikkelaars in discussies over MCP. Het is een ondersteunende gemeenschap waar vragen welkom zijn en kennis vrij wordt gedeeld.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Als je productfeedback hebt of fouten tegenkomt tijdens het bouwen, bezoek dan:
+Als je productfeedback hebt of fouten tegenkomt tijdens het bouwen, bezoek:
 
 [![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)
 
@@ -264,6 +275,6 @@ Deze repository is gelicentieerd onder de MIT-licentie. Zie het [LICENSE](../../
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Disclaimer**:  
-Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel wij streven naar nauwkeurigheid, dient u er rekening mee te houden dat automatische vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in de oorspronkelijke taal moet worden beschouwd als de gezaghebbende bron. Voor kritieke informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
+**Disclaimer**:
+Dit document is vertaald met behulp van de AI-vertalingsservice [Co-op Translator](https://github.com/Azure/co-op-translator). Hoewel we streven naar nauwkeurigheid, dient u er rekening mee te houden dat geautomatiseerde vertalingen fouten of onnauwkeurigheden kunnen bevatten. Het originele document in de oorspronkelijke taal dient als gezaghebbende bron te worden beschouwd. Voor cruciale informatie wordt professionele menselijke vertaling aanbevolen. Wij zijn niet aansprakelijk voor eventuele misverstanden of verkeerde interpretaties die voortvloeien uit het gebruik van deze vertaling.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/no/.co-op-translator.json b/translations/no/.co-op-translator.json
index e4e16a3c5..8d3c0a00a 100644
--- a/translations/no/.co-op-translator.json
+++ b/translations/no/.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-07T00:56:37+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:23:07+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "no"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:35:49+00:00",
+    "translation_date": "2026-03-06T18:31:13+00:00",
     "source_file": "AGENTS.md",
     "language_code": "no"
   },
@@ -516,8 +516,8 @@
     "language_code": "no"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:29:49+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:19:02+00:00",
     "source_file": "README.md",
     "language_code": "no"
   },
diff --git a/translations/no/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/no/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 43727b95e..15541812a 100644
--- a/translations/no/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/no/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Introduksjon til programmeringsspråk og moderne utviklerverktøy
+ 
+Hei der, fremtidige utvikler! 👋 Kan jeg fortelle deg noe som fortsatt gir meg frysninger hver eneste dag? Du er i ferd med å oppdage at programmering ikke bare handler om datamaskiner – det handler om å ha faktiske superkrefter for å bringe dine villeste ideer til live!
 
-Hei der, fremtidige utvikler! 👋 Kan jeg fortelle deg noe som fortsatt gir meg gåsehud hver eneste dag? Du er i ferd med å oppdage at programmering ikke bare handler om datamaskiner – det handler om å ha ekte superkrefter til å bringe dine villeste ideer til live!
+Du vet det øyeblikket når du bruker favorittappen din og alt bare klikker perfekt? Når du trykker på en knapp og noe helt magisk skjer som får deg til å si "wow, hvordan klarte de DET?" Vel, noen akkurat som deg – sannsynligvis sittende på sin favorittkafé klokken 2 om natten med sin tredje espresso – skrev koden som skapte den magien. Og her er det som kommer til å blåse deg av banen: innen slutten av denne leksjonen vil du ikke bare forstå hvordan de gjorde det, men du vil være ivrig etter å prøve det selv!
 
-Du vet det øyeblikket når du bruker din favorittapp og alt bare klikker perfekt? Når du trykker på en knapp og noe helt magisk skjer som får deg til å si "wow, hvordan FIKK de til det?" Vel, noen akkurat som deg – sannsynligvis sittende på sin favorittkafé klokken 2 om natten med sin tredje espresso – skrev koden som skapte den magien. Og her er noe som kommer til å blåse deg av banen: innen slutten av denne leksjonen vil du ikke bare forstå hvordan de gjorde det, men du vil være ivrig etter å prøve det selv!
+Se, jeg skjønner helt om programmering føles skremmende akkurat nå. Da jeg begynte, trodde jeg ærlig talt at man måtte være et slags mattegeni eller ha programmert siden man var fem år gammel. Men her er hva som helt endret perspektivet mitt: programmering er akkurat som å lære å føre samtaler på et nytt språk. Du begynner med "hei" og "takk," så jobber du deg opp til å bestille kaffe, og før du vet ordet av det, har du dype filosofiske diskusjoner! Bortsett fra at i dette tilfellet fører du samtaler med datamaskiner, og ærlig talt? De er de mest tålmodige samtalepartnerne du noen gang vil møte – de dømmer aldri feilene dine og er alltid gira på å prøve igjen!
 
-Se, jeg skjønner helt hvis programmering føles skremmende akkurat nå. Da jeg først begynte, trodde jeg ærlig talt at du måtte være en slags matematikkgeni eller ha programmert siden du var fem år gammel. Men her er det som helt endret perspektivet mitt: programmering er akkurat som å lære å ha samtaler på et nytt språk. Du begynner med "hei" og "takk," så jobber du deg opp til å bestille kaffe, og før du vet ordet av det, har du dype filosofiske diskusjoner! Bortsett fra at i dette tilfellet har du samtaler med datamaskiner, og ærlig talt? De er de mest tålmodige samtalepartnerne du noensinne vil ha – de dømmer aldri feilene dine og er alltid glade for å prøve igjen!
-
-I dag skal vi utforske de utrolige verktøyene som gjør moderne webutvikling ikke bare mulig, men virkelig vanedannende. Jeg snakker om de samme redaktørene, nettleserne og arbeidsflytene som utviklere hos Netflix, Spotify og ditt favoritt indie app-studio bruker hver eneste dag. Og her er delen som får deg til å danse av glede: de fleste av disse profesjonelle, industristandard verktøyene er helt gratis!
+I dag skal vi utforske de utrolige verktøyene som gjør moderne webutvikling ikke bare mulig, men også skikkelig vanedannende. Jeg snakker om de eksakte samme editorene, nettleserne og arbeidsflytene som utviklere hos Netflix, Spotify og ditt favoritt indie app-studio bruker hver eneste dag. Og her er delen som kommer til å få deg til å gjøre en gledessang: de fleste av disse profesjonelle, industristandard verktøyene er helt gratis!
 
 ![Intro Programming](../../../../translated_images/no/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -20,65 +20,65 @@ journey
       Verktøyoversikt: 5: You
     section Utforsk
       Kodeeditorer: 4: You
-      Nettlesere og utviklerverktøy: 5: You
+      Nettlesere & utviklerverktøy: 5: You
       Kommandolinje: 3: You
     section Øv
-      Språkdettektiv: 4: You
+      Språketektiv: 4: You
       Verktøyutforskning: 5: You
-      Fellesskapskontakt: 5: You
+      Fellesskapskobling: 5: You
 ```
 ## La oss se hva du allerede kan!
 
-Før vi hopper inn i det morsomme, er jeg nysgjerrig – hva vet du allerede om denne programmeringsverdenen? Og hør her, hvis du ser på disse spørsmålene og tenker "jeg har bokstavelig talt null peiling på noe av dette," så er det ikke bare greit, det er perfekt! Det betyr at du er akkurat på rett sted. Se på denne quizen som å varme opp før trening – vi varmer bare opp de hjerne-musklene!
+Før vi kaster oss ut i de morsomme tingene, er jeg nysgjerrig – hva vet du allerede om denne programmeringsverdenen? Og hør her, hvis du ser på disse spørsmålene og tenker "jeg har virkelig null peiling på noe av dette," så er det ikke bare greit, det er perfekt! Det betyr at du er nøyaktig på rett plass. Tenk på denne quizen som oppvarming før trening – vi varmer bare opp de hjerne-musklene!
 
-[Ta forprøve quizen](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Ta før-leksjons quiz](https://ff-quizzes.netlify.app/web/)
 
 
-## Eventyret vi skal begi oss ut på sammen
+## Eventyret vi skal gå på sammen
 
-Ok, jeg spretter virkelig av begeistring for hva vi skal utforske i dag! Ærlig, jeg skulle ønske jeg kunne se ansiktet ditt når noen av disse konseptene klikker. Her er den utrolige reisen vi skal ta sammen:
+Ok, jeg er virkelig gira på det vi skal utforske i dag! Seriøst, jeg skulle bare ønske jeg kunne se ansiktet ditt når noen av disse konseptene klikker. Her er den utrolige reisen vi tar sammen:
 
-- **Hva programmering faktisk er (og hvorfor det er det kuleste som finnes!)** – Vi skal oppdage hvordan kode bokstavelig talt er den usynlige magien som driver alt rundt deg, fra den alarmen som på en eller annen måte vet at det er mandag morgen til algoritmen som perfekt kuraterer Netflix-anbefalingene dine
-- **Programmeringsspråk og deres fantastiske personligheter** – Tenk deg å gå inn i en fest der hver person har helt forskjellige superkrefter og måter å løse problemer på. Det er akkurat slik programmeringsspråkverdenen er, og du kommer til å elske å møte dem!
-- **De grunnleggende byggeklossene som skaper digital magi** – Tenk på disse som det ultimate kreative LEGO-settet. Når du forstår hvordan disse bitene passer sammen, vil du innse at du bokstavelig talt kan bygge hva som helst fantasien din drømmer om
-- **Profesjonelle verktøy som får deg til å føle at du akkurat har fått tildelt en trollmanns stav** – Jeg overdriver ikke – disse verktøyene vil virkelig få deg til å føle at du har superkrefter, og det beste? Det er de samme proffene bruker!
+- **Hva programmering faktisk er (og hvorfor det er det kuleste som finnes!)** – Vi skal oppdage hvordan kode bokstavelig talt er den usynlige magien som driver alt rundt deg, fra den alarmen som på mystisk vis vet at det er mandag morgen til algoritmen som perfekt kuraterer Netflix-anbefalingene dine
+- **Programmeringsspråk og deres fantastiske personligheter** – Tenk deg å gå inn i en fest hvor hver person har helt forskjellige superkrefter og måter å løse problemer på. Slik er programmeringsspråkverdenen, og du kommer til å elske å bli kjent med dem!
+- **De grunnleggende byggeklossene som får digital magi til å skje** – Tenk på disse som det ultimate kreative LEGO-settet. Når du forstår hvordan disse bitene passer sammen, vil du innse at du bokstavelig talt kan bygge hva som helst fantasien din drømmer om
+- **Profesjonelle verktøy som får deg til å føle at du akkurat har fått overlevert en trollmanns tryllestav** – Jeg overdriver ikke – disse verktøyene vil virkelig få deg til å føle at du har superkrefter, og det beste? De er de samme proffene bruker!
 
-> 💡 **Her er greia**: Ikke engang tenk på å prøve å huske alt i dag! Akkurat nå vil jeg bare at du skal kjenne på den gnisten av spenning over hva som er mulig. Detaljene vil feste seg naturlig når vi øver sammen – det er slik ekte læring skjer!
+> 💡 **Her er saken**: Ikke engang tenk på å prøve å huske alt i dag! Akkurat nå vil jeg bare at du skal kjenne gnisten av spenning for hva som er mulig. Detaljene sitter naturlig når vi øver sammen – det er slik ekte læring skjer!
 
-> Du kan ta denne leksjonen på [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Du kan ta denne leksjonen på [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Så hva *er* egentlig programmering?
+## Hva er egentlig *programmering*?
 
-Alright, la oss ta for oss milliondollerspørsmålet: hva er programmering, egentlig?
+Ok, la oss ta million-spørsmålet: hva er programmering, egentlig?
 
-Jeg skal gi deg en historie som helt endret hvordan jeg tenker om dette. Forrige uke prøvde jeg å forklare til mamma hvordan hun skal bruke den nye fjernkontrollen til smart-TV-en vår. Jeg fanget meg selv i å si ting som "Trykk på den røde knappen, men ikke den store røde knappen, den lille røde knappen til venstre... nei, din andre venstre... ok, hold den i to sekunder nå, ikke ett, ikke tre..." Kjenner du deg igjen? 😅
+Jeg skal fortelle deg en historie som helt endret hvordan jeg tenker på dette. Forrige uke prøvde jeg å forklare til mamma hvordan hun skulle bruke vår nye smarte TV-fjernkontroll. Jeg fanget meg selv i å si ting som "Trykk på den røde knappen, men ikke den store røde knappen, den lille røde knappen på venstre side... nei, den andre venstre... ok, hold den nå i to sekunder, ikke ett, ikke tre..." Kjenner du deg igjen? 😅
 
-Det er programmering! Det er kunsten å gi utrolig detaljerte, trinnvise instruksjoner til noe som er veldig kraftfullt men som må ha alt forklart perfekt. Bortsett fra at i stedet for å forklare til mamma (som kan spørre "hvilken røde knapp?!"), forklarer du til en datamaskin (som bare gjør akkurat det du sier, selv om det du sa ikke helt var det du mente).
+Det er programmering! Det er kunsten å gi utrolig detaljerte, trinn-for-trinn instruksjoner til noe som er veldig kraftfullt men som trenger at alt blir forklart helt presist. Bortsett fra at i stedet for å forklare til mamma (som kan spørre "hvilken rød knapp?!"), forklarer du til en datamaskin (som bare gjør akkurat det du sier, selv om det du sa ikke helt var det du mente).
 
-Her er noe som blåste meg av banen da jeg først lærte det: datamaskiner er faktisk ganske enkle innerst inne. De forstår bokstavelig talt kun to ting – 1 og 0, som egentlig bare betyr "ja" og "nei" eller "på" og "av." Det er det! Men her blir det magisk – vi trenger ikke snakke i 1-ere og 0-ere som i Matrix. Det er her **programmeringsspråk** kommer til unnsetning. De er som verdens beste oversetter som tar dine helt normale mennesketanker og oversetter dem til datamaskinens språk.
+Her er det som blåste meg av banen da jeg først lærte det: datamaskiner er faktisk ganske enkle i kjernen. De forstår bokstavelig talt bare to ting – 1 og 0, som egentlig bare betyr "ja" og "nei" eller "på" og "av." Det er det! Men der det blir magisk – vi trenger ikke å snakke i 1 og 0 som om vi er i The Matrix. Det er der **programmeringsspråkene** kommer til unnsetning. De er som verdens beste tolk som tar dine helt vanlige menneskelige tanker og oversetter dem til datamaskinens språk.
 
-Og her er noe som fortsatt gir meg ekte gåsehud hver morgen jeg våkner: bokstavelig talt *alt* digitalt i livet ditt startet med noen akkurat som deg, sannsynligvis sittende i pysjen med en kopp kaffe, og skrev kode på sin bærbare PC. Den Instagram-filteret som får deg til å se feilfri ut? Noen programmerte det. Anbefalingen som førte deg til din nye favorittsang? En utvikler bygde den algoritmen. Appen som hjelper deg å dele regningen på middag med venner? Jep, noen tenkte "dette er irriterende, jeg tror jeg kan fikse det" og så... gjorde de det!
+Og her er det som fortsatt gir meg ekte frysninger hver morgen når jeg våkner: bokstavelig talt *alt* digitalt i livet ditt startet med noen akkurat som deg, sannsynligvis sittende i pysjamas med en kopp kaffe, og skrev kode på sin laptop. Det Instagram-filteret som får deg til å se feilfri ut? Noen har kodet det. Anbefalingen som ledet deg til din nye favorittsang? En utvikler bygde den algoritmen. Appen som hjelper deg med å splitte middagsregningen med venner? Jepp, noen tenkte "dette er irriterende, jeg tror jeg kan fikse dette" og så... gjorde de det!
 
-Når du lærer å programmere, plukker du ikke bare opp en ny ferdighet – du blir en del av dette utrolige fellesskapet av problemløsere som tilbringer dagene sine med å tenke, "Hva om jeg kunne lage noe som gjør noens dag bare litt bedre?" Ærlig talt, finnes det noe kulere enn det?
+Når du lærer å programmere, plukker du ikke bare opp en ny ferdighet – du blir en del av dette utrolige fellesskapet av problemløsere som tilbringer dagene sine med å tenke, "Hva om jeg kunne lage noe som gjør noens dag litt bedre?" Ærlig talt, finnes det noe kulere enn det?
 
-✅ **Morsom faktajakt**: Her er noe skikkelig kult å sjekke ut når du har et ledig øyeblikk – hvem tror du var verdens første dataprogrammerer? Jeg gir deg et hint: det er kanskje ikke den du forventer! Historien bak denne personen er helt fascinerende og viser at programmering alltid har handlet om kreativ problemløsning og å tenke utenfor boksen.
+✅ **Morsom fakta-jakt**: Her er noe superkult du kan se opp når du har en ledig stund – hvem tror du var verdens første dataprogrammerer? Jeg gir deg et hint: det er kanskje ikke den du forventer! Historien bak denne personen er helt fascinerende og viser at programmering alltid har handlet om kreativ problemløsning og å tenke utenfor boksen.
 
-### 🧠 **Sjekk-inn tid: Hvordan har du det?**
+### 🧠 **Sjekk inn: Hvordan har du det?**
 
-**Ta et øyeblikk til å reflektere:**
+**Ta et øyeblikk for refleksjon:**
 - Gir ideen om "å gi instruksjoner til datamaskiner" mening for deg nå?
-- Kan du tenke deg en daglig oppgave du gjerne vil automatisere med programmering?
-- Hvilke spørsmål maler seg opp i hodet ditt om hele dette programmeringstemaet?
+- Kan du tenke på en daglig oppgave du gjerne vil automatisere med programmering?
+- Hvilke spørsmål bobler opp i hodet ditt om hele dette programmeringsgreiene?
 
-> **Husk**: Det er helt normalt om noen konsepter føles uklare akkurat nå. Å lære programmering er som å lære et nytt språk – det tar tid for hjernen å bygge de nevronale stiene. Du gjør det kjempebra!
+> **Husk**: Det er helt normalt om noen konsepter føles uklare nå. Å lære programmering er som å lære et nytt språk – det tar tid for hjernen å bygge de nevrale forbindelsene. Du gjør det kjempebra!
 
-## Programmeringsspråk er som forskjellige smaker av magi
+## Programmeringsspråk er som forskjellige magisorter
 
-Ok, dette kommer til å høres rart ut, men heng med – programmeringsspråk er mye som forskjellige musikksjangre. Tenk på det: du har jazz, som er smooth og improvisasjonspreget, rock som er kraftfull og rett fram, klassisk som er elegant og strukturert, og hip-hop som er kreativ og uttrykksfull. Hver stil har sin egen stemning, sitt eget fellesskap av lidenskapelige fans, og hver passer perfekt til forskjellige humør og anledninger.
+Ok, dette kommer til å høres rart ut, men heng med – programmeringsspråk er veldig lik forskjellige typer musikk. Tenk på det: du har jazz, som er smooth og improvisatorisk, rock som er kraftfull og rett fram, klassisk som er elegant og strukturert, og hip-hop som er kreativ og uttrykksfull. Hver stil har sin egen stemning, sitt eget fellesskap av lidenskapelige fans, og hver er perfekt for forskjellige stemninger og anledninger.
 
-Programmeringsspråk fungerer helt likt! Du ville ikke brukt det samme språket til å lage et morsomt mobilspill som du ville brukt til å analysere enorme mengder klimadata, akkurat som du ikke ville spilt death metal på en yogatime (vel, de fleste yogatimer iallfall! 😄).
+Programmeringsspråk fungerer akkurat på samme måte! Du ville ikke brukt det samme språket til å lage et morsomt mobilspill som du ville brukt til å bearbeide store mengder klimadata, akkurat slik du ikke ville spilt death metal på en yogatime (vel, kanskje ikke på de fleste yogatimene i hvert fall! 😄).
 
-Men her er noe som virkelig blåser meg av banen hver gang jeg tenker på det: disse språkene er som å ha verdens mest tålmodige, briljante tolk sittende rett ved siden av deg. Du kan uttrykke ideene dine på en måte som føles naturlig for din menneskehjerne, og de ordner alt det utrolig komplekse arbeidet med å oversette det til 1-ere og 0-ere som datamaskiner faktisk snakker. Det er som å ha en venn som er helt flytende i både "menneskelig kreativitet" og "datamaskinlogikk" – og som aldri blir trøtt, aldri trenger kaffepauser, og aldri dømmer deg for å stille samme spørsmål to ganger!
+Men her er det som blåser meg av banen hver gang jeg tenker på det: disse språkene er som å ha den mest tålmodige, geniale tolken i verden sittende rett ved siden av deg. Du kan uttrykke ideene dine på en måte som føles naturlig for din menneskehjerne, og de håndterer alt det utrolig komplekse arbeidet med å oversette det til 1 og 0 som datamaskiner faktisk forstår. Det er som å ha en venn som er perfekt flytende i både "menneskelig kreativitet" og "datamaskinlogikk" – og de blir aldri slitne, trenger aldri kaffepauser og dømmer deg aldri for å stille samme spørsmål to ganger!
 
 ### Populære programmeringsspråk og deres bruksområder
 
@@ -88,11 +88,11 @@ mindmap
     Webutvikling
       JavaScript
         Frontend Magi
-        Interaktive Nettsteder
+        Interaktive Nettsider
       TypeScript
         JavaScript + Typer
         Bedriftsapper
-    Data & AI
+    Data & KI
       Python
         Datavitenskap
         Maskinlæring
@@ -106,69 +106,69 @@ mindmap
         Bedrift
       Swift
         iOS
-        Apple-økosystem
+        Apple Økosystem
       Kotlin
         Moderne Android
-        Plattformuavhengig
+        Kryssplattform
     Systemer & Ytelse
       C++
         Spill
-        Ytelseskritisk
+        Kritisk Ytelse
       Rust
-        Minnesikkerhet
+        Minne Sikkerhet
         Systemprogrammering
       Go
-        Skybaserte Tjenester
+        Sky Tjenester
         Skalerbar Backend
 ```
-| Språk | Best til | Hvorfor det er populært |
+| Språk | Best for | Hvorfor det er populært |
 |----------|----------|------------------|
 | **JavaScript** | Webutvikling, brukergrensesnitt | Kjører i nettlesere og driver interaktive nettsider |
-| **Python** | Dataanalyse, automatisering, AI | Lett å lese og lære, kraftige biblioteker |
-| **Java** | Enterprise-applikasjoner, Android-apper | Plattformuavhengig, robust for store systemer |
-| **C#** | Windows-programmer, spillutvikling | Sterk støtte fra Microsoft-økosystemet |
-| **Go** | Skytjenester, backendsystemer | Raskt, enkelt, designet for moderne databehandling |
+| **Python** | Data science, automatisering, AI | Lett å lese og lære, kraftige biblioteker |
+| **Java** | Forretningsapplikasjoner, Android-apper | Plattformuavhengig, robust for store systemer |
+| **C#** | Windows-applikasjoner, spillutvikling | Sterk støtte i Microsoft-økosystemet |
+| **Go** | Sky-tjenester, backend-systemer | Rask, enkel, designet for moderne databehandling |
 
-### Høynivå- vs. lavnivåspråk
+### Høynivå- kontra lavnivåspråk
 
-Ok, dette var ærlig talt konseptet som knuste hjernen min første gang jeg lærte det, så jeg deler analogien som endelig fikk det til å klikke for meg – og jeg håper virkelig den hjelper deg også!
+Ok, dette var ærlig talt konseptet som knuste hjernen min da jeg først begynte å lære, så jeg skal dele analogien som endelig fikk det til å klikke for meg – og jeg håper virkelig det hjelper deg også!
 
-Se for deg at du besøker et land hvor du ikke snakker språket, og du desperat trenger å finne nærmeste toalett (det har vi alle vært ute for, ikke sant? 😅):
+Tenk deg at du besøker et land hvor du ikke snakker språket, og du desperat trenger å finne nærmeste toalett (vi har alle vært der, ikke sant? 😅):
 
-- **Lavnivå-programmering** er som å lære lokal dialekt så godt at du kan prate med bestemoren som selger frukt i hjørnet, med kulturelle referanser, lokal slang, og interne vitser som bare noen oppvokst der forstår. Superimponerende og utrolig effektivt... hvis du tilfeldigvis er flytende! Men ganske overveldende når du bare prøver å finne et toalett.
+- **Lavnivå-programmering** er som å lære den lokale dialekten så godt at du kan prate med bestemoren som selger frukt i hjørnet ved å bruke kulturelle referanser, lokal slang og interne vitser som bare noen som har vokst opp der ville forstå. Superimponerende og utrolig effektivt... om du tilfeldigvis er flytende! Men ganske overveldende når du bare prøver å finne et toalett.
 
-- **Høynivå-programmering** er som å ha den fantastiske lokalvennen som bare forstår deg. Du kan si "Jeg trenger virkelig å finne et toalett" på vanlig engelsk, og de ordner all kulturell oversettelse og gir deg veibeskrivelse på en måte som gir perfekt mening for din ikke-lokale hjerne.
+- **Høynivå-programmering** er som å ha den fantastiske lokale vennen som bare forstår deg. Du kan si "Jeg trenger virkelig å finne et toalett" på vanlig engelsk, og de tar seg av all kulturell oversettelse og gir deg veibeskrivelse på en måte som gir perfekt mening for din ikke-lokale hjerne.
 
 I programmering betyr det:
-- **Lavnivåspråk** (som Assembly eller C) lar deg ha utrolig detaljerte samtaler med datamaskinens egentlige maskinvare, men du må tenke som en maskin, som er... la oss si det: en ganske stor mental omstilling!
-- **Høynivåspråk** (som JavaScript, Python eller C#) lar deg tenke som et menneske mens de tar seg av maskinspråket i kulissene. I tillegg har de ekstremt inkluderende fellesskap fulle av folk som husker hvordan det var å være ny og som virkelig ønsker å hjelpe!
+- **Lavnivåspråk** (som Assembly eller C) lar deg ha utrolig detaljerte samtaler med datamaskinens faktiske maskinvare, men du må tenke som en maskin, noe som er... vel, la oss bare si det er et ganske stort mentalt skifte!
+- **Høynivåspråk** (som JavaScript, Python eller C#) lar deg tenke som et menneske mens de håndterer all maskinspråket i bakgrunnen. Pluss, de har disse utrolig innbydende fellesskapene fulle av folk som husker hvordan det var å være ny og virkelig ønsker å hjelpe!
 
-Gjett hvilke jeg anbefaler at du begynner med? 😉 Høynivåspråk er som å ha støttehjul som du aldri egentlig vil ta av fordi de gjør hele opplevelsen mye mer behagelig!
+Gjett hvilke jeg kommer til å foreslå du starter med? 😉 Høynivåspråk er som å ha støttehjul på sykkelen som du aldri egentlig vil ta av fordi de gjør hele opplevelsen så mye mer hyggelig!
 
 ```mermaid
 flowchart TB
-    A["👤 Menneskelig tanke:<br/>'Jeg vil beregne Fibonacci-tall'"] --> B{Velg språknivå}
+    A["👤 Menneskelig Tanke:<br/>'Jeg vil beregne Fibonacci-tall'"] --> B{Velg Språknivå}
     
     B -->|High-Level| C["🌟 JavaScript/Python<br/>Lett å lese og skrive"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direkte maskinvarestyring"]
+    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direkte maskinvarekontroll"]
     
     C --> E["📝 Skriv: fibonacci(10)"]
     D --> F["📝 Skriv: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Datamaskinforståelse:<br/>Oversetter håndterer kompleksitet"]
+    E --> G["🤖 Datamaskinforståelse:<br/>Oversetter håndterer kompleksiteten"]
     F --> G
     
-    G --> H["💻 Samme resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Samme Resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### La meg vise deg hvorfor høynivåspråk er så mye mer vennlige
+### La meg vise deg hvorfor høynivåspråk er mye vennligere
 
-Ok, jeg skal vise deg noe som perfekt demonstrerer hvorfor jeg forelsket meg i høynivåspråk, men først – jeg trenger at du lover meg noe. Når du ser det første kodeeksempelet, ikke få panikk! Det skal se skremmende ut. Det er poenget mitt!
+Ok, jeg er i ferd med å vise deg noe som perfekt demonstrerer hvorfor jeg forelsket meg i høynivåspråk, men først – jeg trenger at du lover meg noe. Når du ser det første kode-eksemplet, ikke få panikk! Det skal se skremmende ut. Det er akkurat poenget mitt!
 
-Vi skal se på den samme oppgaven skrevet i to helt ulike stiler. Begge lager det som kalles Fibonacci-sekvensen – det er et vakkert matematisk mønster der hvert tall er summen av de to forrige: 0, 1, 1, 2, 3, 5, 8, 13... (Morsom fakta: du finner dette mønsteret bokstavelig talt overalt i naturen – solsikkefrøspiraler, konglestrukturer, til og med hvordan galakser dannes!)
+Vi skal se på den nøyaktige samme oppgaven skrevet i to helt forskjellige stiler. Begge lager det som kalles Fibonacci-sekvensen – det er et vakkert matematisk mønster hvor hvert tall er summen av de to foregående: 0, 1, 1, 2, 3, 5, 8, 13... (Morsomt faktum: du finner dette mønsteret bokstavelig talt overalt i naturen – solsikkefrøspiraler, konglekroner, til og med måten galakser formes på!)
 
 Klar til å se forskjellen? La oss gå!
 
@@ -184,10 +184,10 @@ console.log('Fibonacci sequence:');
 ```
 
 **Dette gjør koden:**
-- **Deklarerer** en konstant som spesifiserer hvor mange Fibonacci-tall vi vil generere
-- **Initialiserer** to variabler som følger med det nåværende og neste tallet i sekvensen
+- **Deklarerer** en konstant for å spesifisere hvor mange Fibonacci-tall vi vil generere
+- **Initialiserer** to variabler for å holde styr på nåværende og neste tall i sekvensen
 - **Setter opp** startverdiene (0 og 1) som definerer Fibonacci-mønsteret
-- **Viser** en overskrift for å identifisere vår utdata
+- **Viser** en overskriftsmelding for å identifisere vår utdata
 
 ```javascript
 // Trinn 2: Generer sekvensen med en løkke
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Her bryter vi ned hva som skjer:**
-- **Looper** gjennom hver posisjon i sekvensen ved hjelp av en `for`-løkke
-- **Viser** hvert tall med sin posisjon ved hjelp av malstrengformattering
-- **Beregner** neste Fibonacci-tall ved å legge sammen nåværende og neste verdi
-- **Oppdaterer** våre sporingsvariabler for å gå videre til neste iterasjon
+**Bryter ned hva som skjer her:**
+- **Looper** gjennom hver posisjon i sekvensen med en `for`-løkke
+- **Viser** hvert tall med posisjonen sin ved bruk av template literals
+- **Beregner** det neste Fibonacci-tallet ved å legge sammen nåværende og neste verdi
+- **Oppdaterer** våre variabler for å gå videre til neste iterasjon
 
 ```javascript
 // Trinn 3: Moderne funksjonell tilnærming
@@ -224,11 +224,11 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**I koden ovenfor har vi:**
+**I det over har vi:**
 - **Laget** en gjenbrukbar funksjon med moderne pilfunksjon-syntaks
-- **Bygget** et array for å lagre hele sekvensen i stedet for å vise tallene ett og ett
+- **Bygget** en array for å lagre hele sekvensen istedenfor å vise ett og ett tall
 - **Brukt** array-indeksering for å beregne hvert nytt tall fra tidligere verdier
-- **Returnert** hele sekvensen for fleksibel bruk i andre deler av programmet vårt
+- **Returnert** hele sekvensen for fleksibel bruk i andre deler av programmet
 
 **Lavnivåspråk (ARM Assembly) – Datamaskinvennlig:**
 
@@ -257,31 +257,31 @@ back add r0,r1
  end
 ```
 
-Legg merke til hvordan JavaScript-versjonen nesten leser som engelske instruksjoner, mens Assembly-versjonen bruker kryptiske kommandoer som direkte styrer datamaskinens prosessor. Begge gjør akkurat den samme oppgaven, men høynivåspråket er mye enklere for mennesker å forstå, skrive og vedlikeholde.
+Legg merke til hvordan JavaScript-versjonen leses nesten som engelskinstruksjoner, mens Assembly-versjonen bruker kryptiske kommandoer som styrer datamaskinens prosessor direkte. Begge oppnår den nøyaktige samme oppgaven, men høynivåspråket er mye enklere for mennesker å forstå, skrive og vedlikeholde.
 
 **Viktige forskjeller du vil legge merke til:**
 - **Lesbarhet**: JavaScript bruker beskrivende navn som `fibonacciCount` mens Assembly bruker kryptiske etiketter som `r0`, `r1`
-- **Kommentarer**: Høynivåspråk oppmuntrer til forklarende kommentarer som gjør koden selvforklarende
-- **Struktur**: JavaScripts logiske flyt samsvarer med hvordan mennesker tenker på problemer steg for steg
-- **Vedlikehold**: Oppdatering av JavaScript-versjonen for ulike krav er enkelt og tydelig
+- **Kommentarer**: Høynivåspråk oppfordrer til forklarende kommentarer som gjør koden selvforklarende
+- **Struktur**: JavaScripts logiske flyt matcher hvordan mennesker tenker på problemer trinn for trinn
+- **Vedlikehold**: Å oppdatere JavaScript-versjonen for ulike krav er enkelt og klart
 
-✅ **Om Fibonacci-sekvensen**: Dette absolutt praktfulle tallmønsteret (der hvert tall er summen av de to foregående: 0, 1, 1, 2, 3, 5, 8...) dukker bokstavelig talt opp *overalt* i naturen! Du finner det i solsikkespiraler, konglemønstre, måten nautilusskjell krummer seg på, og til og med i hvordan greiner på trær vokser. Det er ganske forbløffende hvordan matte og kode kan hjelpe oss å forstå og gjenskape mønstrene som naturen bruker for å skape skjønnhet!
+✅ **Om Fibonacci-sekvensen**: Dette helt fantastiske tallmønsteret (hvor hvert tall er summen av de to foregående: 0, 1, 1, 2, 3, 5, 8...) dukker bokstavelig talt opp *overalt* i naturen! Du finner det i solsikkespiraler, konglemønstre, hvordan nautilusskall krummer seg og til og med i hvordan tregrener vokser. Det er ganske utrolig hvordan matematikk og kode kan hjelpe oss med å forstå og gjenskape mønstrene naturen bruker for å skape skjønnhet!
 
 
-## Byggeklossene som får magien til å skje
+## Byggesteinene som får magien til å skje
 
-Ok, nå som du har sett hvordan programmeringsspråk ser ut i praksis, la oss bryte ned de grunnleggende delene som utgjør bokstavelig talt ethvert program som noen gang er skrevet. Tenk på disse som de essensielle ingrediensene i din favorittoppskrift – når du forstår hva hver enkelt gjør, kan du lese og skrive kode i stort sett ethvert språk!
+Ok, nå som du har sett hvordan programmeringsspråk ser ut i praksis, la oss bryte ned de grunnleggende delene som utgjør bokstavelig talt hvert program som noen gang er skrevet. Tenk på disse som de essensielle ingrediensene i din favorittoppskrift – når du forstår hva hver enkelt gjør, vil du kunne lese og skrive kode i omtrent hvilket som helst språk!
 
-Dette er litt som å lære programmeringens grammatikk. Husker du på skolen da du lærte om substantiv, verb, og hvordan du setter sammen setninger? Programmering har sin egen versjon av grammatikk, og ærlig talt er den mye mer logisk og tilgivende enn engelsk grammatikk noen gang var! 😄
+Dette er litt som å lære programmeringens grammatikk. Husker du da du gikk på skolen og lærte om substantiv, verb og hvordan sette sammen setninger? Programmering har sin egen versjon av grammatikk, og ærlig talt, den er mye mer logisk og tilgivende enn engelsk grammatikk noen gang var! 😄
 
-### Setninger: Instruksjonene steg for steg
+### Setninger: Steg-for-steg-instruksjoner
 
-La oss starte med **setninger** – disse er som individuelle setninger i en samtale med datamaskinen din. Hver setning forteller datamaskinen å gjøre én bestemt ting, litt som å gi veibeskrivelser: "Ta til venstre her," "Stopp ved rødt lys," "Parker på den plassen."
+La oss starte med **setninger** – disse er som enkeltsetninger i en samtale med datamaskinen din. Hver setning forteller datamaskinen å gjøre en spesifikk ting, omtrent som å gi veibeskrivelser: "Sving til venstre her," "Stopp ved det røde lyset," "Parkér på det stedet."
 
-Det jeg elsker med setninger, er hvor lesbare de vanligvis er. Se her:
+Det jeg elsker med setninger er hvor lesbare de vanligvis er. Se på dette:
 
 ```javascript
-// Grunnleggende utsagn som utfører enkelt handlinger
+// Grunnleggende uttalelser som utfører enkelthandlinger
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
@@ -289,26 +289,26 @@ const sum = 5 + 3;
 
 **Slik fungerer denne koden:**
 - **Deklarer** en konstant variabel for å lagre en brukers navn
-- **Viser** en hilsen i konsollutskriften
+- **Viser** en hilsen til konsollutgangen
 - **Beregner** og lagrer resultatet av en matematisk operasjon
 
 ```javascript
-// Setninger som samhandler med nettsider
+// Utsagn som samhandler med nettsider
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Steg for steg, slik skjer det:**
+**Trinn for trinn, slik skjer det:**
 - **Endrer** nettsidens tittel som vises i nettleserfanen
-- **Endrer** bakgrunnsfargen for hele sideskroppen
+- **Endrer** bakgrunnsfargen på hele sidens kropp
 
 ### Variabler: Programmets minnesystem
 
 Ok, **variabler** er ærlig talt et av mine absolutte favorittkonsepter å lære bort fordi de er så mye som ting du allerede bruker hver eneste dag!
 
-Tenk på kontaktlisten på telefonen din et øyeblikk. Du husker ikke folks telefonnumre – i stedet lagrer du "Mamma," "Bestevenn," eller "Pizza-stedet som leverer til klokka 2 om natta" og lar telefonen huske de faktiske numrene. Variabler fungerer på akkurat samme måte! De er som merkede beholdere hvor programmet ditt kan lagre informasjon og hente det igjen senere ved hjelp av et navn som faktisk gir mening.
+Tenk på kontaktlisten på telefonen din et øyeblikk. Du husker ikke alles telefonnummer – du lagrer i stedet "Mamma," "Bestevenn," eller "Pizzastedet som leverer til kl. 2" og lar telefonen huske de faktiske numrene. Variabler fungerer akkurat på samme måte! De er som merkede beholdere hvor programmet ditt kan lagre informasjon og hente den senere ved å bruke et navn som faktisk gir mening.
 
-Det som er skikkelig kult: variabler kan endre seg mens programmet kjører (derfor navnet "variabel" – ser du hva de gjorde der?). Akkurat som du kanskje oppdaterer kontakten til pizzastedet når du finner et enda bedre sted, kan variabler oppdateres når programmet lærer ny informasjon eller når situasjoner endrer seg!
+Det som er skikkelig kult: variabler kan endres mens programmet kjører (derfor navnet "variabel" – ser du hva de gjorde der?). Akkurat som du kanskje oppdaterer pizzakontakten når du finner et enda bedre sted, kan variablene oppdateres når programmet ditt lærer ny informasjon eller situasjoner endres!
 
 La meg vise deg hvor vakkert enkelt dette kan være:
 
@@ -321,10 +321,10 @@ let isRaining = false;
 ```
 
 **Å forstå disse konseptene:**
-- **Lagrer** uforanderlige verdier i `const`-variabler (som nettstedets navn)
-- **Bruker** `let` for verdier som kan endre seg gjennom programmet
-- **Tildeler** ulike datatyper: strenger (tekst), tall og booleans (sant/usant)
-- **Velger** beskrivende navn som forklarer hva hver variabel inneholder
+- **Lagre** uforanderlige verdier i `const`-variabler (som nettstedets navn)
+- **Bruke** `let` for verdier som kan endre seg gjennom programmet
+- **Tilordne** forskjellige datatyper: strenger (tekst), tall og booleans (true/false)
+- **Velge** beskrivende navn som forklarer hva hver variabel inneholder
 
 ```javascript
 // Trinn 2: Arbeide med objekter for å gruppere relatert data
@@ -335,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**I eksempelet over har vi:**
+**I eksemplet over har vi:**
 - **Opprettet** et objekt for å gruppere relatert værinformasjon
 - **Organisert** flere datadeler under ett variabelnavn
-- **Brukt** nøkkel-verdi-par for tydelig å merke hver informasjon
+- **Brukt** nøkkel-verdi-par for å tydelig merke hver informasjonsbit
 
 ```javascript
 // Trinn 3: Bruke og oppdatere variabler
@@ -351,10 +351,10 @@ temperature = 68;
 ```
 
 **La oss forstå hver del:**
-- **Viser** informasjon ved hjelp av template-literals med `${}`-syntaks
-- **Tilgang** til objektets egenskaper med punktnotation (`weatherData.windSpeed`)
-- **Oppdaterer** variabler deklarert med `let` for å reflektere endrede forhold
-- **Kombinerer** flere variabler for å lage meningsfulle meldinger
+- **Vis** informasjon ved hjelp av mal-litteraler med `${}`-syntaks
+- **Tilgang** til objektets egenskaper med dot-notasjon (`weatherData.windSpeed`)
+- **Oppdater** variabler deklarert med `let` for å gjenspeile endrede forhold
+- **Kombiner** flere variabler for å lage meningsfulle meldinger
 
 ```javascript
 // Trinn 4: Moderne destrukturering for renere kode
@@ -362,23 +362,23 @@ const { location, humidity } = weatherData;
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Det du trenger å vite:**
-- **Eksktrakter** spesifikke egenskaper fra objekter ved hjelp av destrukturering
-- **Oppretter** nye variabler automatisk med samme navn som objektets nøkler
-- **Forenkler** kode ved å unngå repeterende punktnotation
+**Det du må vite:**
+- **Hent ut** spesifikke egenskaper fra objekter med destrukturering
+- **Opprette** nye variabler automatisk med samme navn som objektets nøkler
+- **Forenkle** koden ved å unngå gjentatt dot-notasjon
 
-### Kontrollflyt: Lærer programmet ditt å tenke
+### Kontrollflyt: Lær programmet ditt å tenke
 
-Ok, nå blir programmering helt sinnssykt spennende! **Kontrollflyt** handler i bunn og grunn om å lære programmet ditt å ta smarte valg, akkurat som du gjør hver eneste dag uten å tenke på det.
+Ok, dette er der programmering blir helt sinnssykt! **Kontrollflyt** er i bunn og grunn å lære programmet ditt å ta smarte avgjørelser, akkurat som du gjør hver eneste dag uten engang å tenke over det.
 
-Se for deg: i dag morges gikk du sikkert gjennom noe som "Hvis det regner, tar jeg med paraply. Hvis det er kaldt, tar jeg på jakke. Hvis jeg er sen, hopper jeg over frokost og tar kaffe på veien." Hjernen din følger naturlig denne hvis-så-logikken dusinvis av ganger hver dag!
+Se for deg: i dag tidlig gikk du sannsynligvis gjennom noe som "Hvis det regner, tar jeg med paraply. Hvis det er kaldt, tar jeg på jakke. Hvis jeg er sen, hopper jeg over frokost og tar med kaffe." Hjernen din følger naturlig denne hvis-da-logikken dusinvis av ganger hver dag!
 
-Dette er det som gjør at programmer føles intelligente og levende i stedet for bare å følge et kjedelig, forutsigbart manus. De kan faktisk se på en situasjon, vurdere hva som skjer, og svare passende. Det er som å gi programmet ditt en hjerne som kan tilpasse seg og ta valg!
+Dette gjør at programmer føles intelligente og levende, i stedet for bare å følge noen kjedelige, forutsigbare skript. De kan faktisk se på en situasjon, vurdere hva som skjer, og reagere passende. Det er som å gi programmet ditt en hjerne som kan tilpasse seg og ta valg!
 
-Vil du se hvor vakkert dette fungerer? La meg vise deg:
+Vil du se hvor fint dette fungerer? La meg vise deg:
 
 ```javascript
-// Trinn 1: Grunnleggende betingelseslogikk
+// Trinn 1: Grunnleggende betinget logikk
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -390,13 +390,13 @@ if (userAge >= 18) {
 ```
 
 **Dette gjør koden:**
-- **Sjekker** om brukerens alder møter kravene for å stemme
-- **Utfører** ulike kodeblokker basert på betingelsens resultat
-- **Beregner** og viser hvor lenge det er til stemmeretten oppnås hvis under 18
-- **Gir** spesifikk, hjelpsom tilbakemelding for hvert scenario
+- **Sjekker** om brukerens alder møter stemmerettskravet
+- **Utfører** forskjellige kodeblokker basert på resultatet
+- **Beregner** og viser hvor lenge til stemmerettelighet hvis under 18
+- **Gir** spesifikke, hjelpsomme tilbakemeldinger for hver situasjon
 
 ```javascript
-// Trinn 2: Flere betingelser med logiske operatorer
+// Steg 2: Flere betingelser med logiske operatorer
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,22 +409,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Bryter ned hva som skjer her:**
+**Slik brytes det ned:**
 - **Kombinerer** flere betingelser med `&&` (og)-operatoren
-- **Oppretter** et hierarki av betingelser med `else if` for flere scenarier
-- **Håndterer** alle mulige tilfeller med en avsluttende `else`-setning
-- **Gir** klare, handlingsorienterte tilbakemeldinger for hver ulik situasjon
+- **Oppretter** et hierarki av betingelser med `else if` for flere scenarioer
+- **Håndterer** alle mulige tilfeller med en siste `else`-setning
+- **Gir** klare og handlingsrettede tilbakemeldinger for hver situasjon
 
 ```javascript
-// Steg 3: Kortfattet betingelse med ternær operator
+// Trinn 3: Konsis betingelse med ternæroperator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
 **Det du må huske:**
-- **Bruker** ternæroperatoren (`? :`) for enkle to-vals-betingelser
-- **Skriver** betingelsen først, så `?`, så sant-resultat, deretter `:`, og til slutt usant-resultat
-- **Bruker** dette mønsteret når du trenger å tildele verdier basert på betingelser
+- **Bruk** den ternære operatoren (`? :`) for enkle to-alternativ-betingelser
+- **Skriv** betingelse først, etterfulgt av `?`, så sant resultat, deretter `:`, og så usant resultat
+- **Bruk** dette mønsteret når du trenger å tilordne verdier basert på betingelser
 
 ```javascript
 // Trinn 4: Håndtering av flere spesifikke tilfeller
@@ -448,54 +448,54 @@ switch (dayOfWeek) {
 ```
 
 **Denne koden gjør følgende:**
-- **Sammenligner** variabelverdien med flere spesifikke tilfeller
-- **Grupperer** lignende tilfeller (ukedager vs. helger)
-- **Utfører** riktig blokkkode når en samsvar finnes
-- **Inkluderer** en `default`-case for uventede verdier
-- **Bruker** `break` for å forhindre koden i å fortsette til neste case
+- **Matcher** variabelverdien mot flere spesifikke tilfeller
+- **Grupperer** lignende tilfeller sammen (ukedager vs. helger)
+- **Utfører** passende kodeblokk når en match finnes
+- **Inkluderer** en `default`-tilfelle for å håndtere uventede verdier
+- **Bruker** `break`-setninger for å forhindre at koden fortsetter til neste tilfelle
 
-> 💡 **Virkelighetsanalogien**: Tenk på kontrollflyt som å ha verdens mest tålmodige GPS som gir deg veibeskrivelser. Den kan si "Hvis det er trafikk i Main Street, ta motorveien i stedet. Hvis veiarbeid blokkerer motorveien, prøv den naturskjønne veien." Programmer bruker nøyaktig samme type betinget logikk for å svare intelligent på forskjellige situasjoner og alltid gi brukerne den beste mulige opplevelsen.
+> 💡 **Virkelighetsanalog**: Tenk på kontrollflyt som verdens mest tålmodige GPS som gir deg veibeskrivelser. Den kan si "Hvis det er trafikk i Main Street, ta motorveien i stedet. Hvis veiarbeid blokkerer motorveien, prøv den naturskjønne ruten." Programmer bruker akkurat samme type betingede logikk for å svare intelligent på ulike situasjoner og alltid gi brukerne den best mulige opplevelsen.
 
-### 🎯 **Konsept-sjekk: Behersk byggeklossene**
+### 🎯 **Konsept-sjekk: Mester i byggesteiner**
 
 **La oss se hvordan det går med det grunnleggende:**
-- Kan du forklare forskjellen på en variabel og en setning med egne ord?
-- Tenk på et virkelig scenario hvor du ville brukt en hvis-så-beslutning (som i vårt stemme-eksempel)
-- Hva er én ting ved programmeringslogikk som overrasket deg?
+- Kan du forklare forskjellen mellom en variabel og en setning med egne ord?
+- Tenk på et virkelig scenario hvor du ville brukt en hvis-da-beslutning (som stemmeeksemplet vårt)
+- Hva er én ting om programmeringslogikk som overrasket deg?
 
-**Rask selvtillits-boost:**
+**Rask selvtillitsboost:**
 ```mermaid
 flowchart LR
-    A["📝 Utsagn<br/>(Instruksjoner)"] --> B["📦 Variabler<br/>(Lagring)"] --> C["🔀 Kontrollflyt<br/>(Beslutninger)"] --> D["🎉 Fungerende program!"]
+    A["📝 Setninger<br/>(Instruksjoner)"] --> B["📦 Variabler<br/>(Lagring)"] --> C["🔀 Kontrollflyt<br/>(Beslutninger)"] --> D["🎉 Fungert program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Hva som kommer nå**: Vi skal ha det utrolig gøy med å dykke dypere inn i disse konseptene mens vi fortsetter denne utrolige reisen sammen! Akkurat nå, fokuser bare på å kjenne på spenningen over alle de fantastiske mulighetene som ligger foran deg. De spesifikke ferdighetene og teknikkene vil naturlig feste seg når vi øver sammen – jeg lover dette kommer til å bli så mye morsommere enn du kanskje forventer!
+✅ **Hva som kommer nå**: Vi skal ha det utrolig gøy med å dykke dypere inn i disse konseptene mens vi fortsetter denne utrolige reisen sammen! For nå, bare fokuser på å kjenne spenningen for alle de fantastiske mulighetene foran deg. De spesifikke ferdighetene og teknikkene vil komme naturlig ettersom vi øver sammen – jeg lover dette blir mye mer moro enn du kanskje forventer!
 
-## Verktøyene for jobben
+## Verktøyene i faget
 
-Ok, her blir jeg faktisk så gira at jeg nesten ikke klarer å holde meg! 🚀 Vi skal snakke om de utrolige verktøyene som får deg til å føle at du akkurat har fått nøklene til et digitalt romskip.
+Ok, ærlig talt, her blir jeg så gira at jeg nesten ikke klarer å holde meg! 🚀 Vi skal snakke om de utrolige verktøyene som kommer til å få deg til å føle at du nettopp har fått nøklene til et digitalt romskip.
 
-Du vet hvordan en kokk har de perfekt balanserte knivene som føles som en forlengelse av hendene? Eller hvordan en musiker har den ene gitaren som nesten synger fra første berøring? Vel, utviklere har sin egen versjon av slike magiske verktøy, og her er det som virkelig kommer til å blåse deg av banen – de fleste av dem er helt gratis!
+Vet du hvordan en kokk har de perfekte balanseknivene som føles som en forlengelse av hendene? Eller hvordan en musiker har den ene gitaren som virker som den synger i det de tar på den? Vel, utviklere har vår egen versjon av disse magiske verktøyene, og her kommer det som kommer til å blåse deg av banen – de fleste av dem er helt gratis!
 
-Jeg sitter nesten og hopper i stolen bare ved tanken på å dele disse med deg, fordi de har fullstendig revolusjonert hvordan vi bygger programvare. Vi snakker AI-drevne kodeassistenter som kan hjelpe deg å skrive koden (jeg tuller ikke engang!), skybaserte miljøer hvor du bokstavelig talt kan bygge hele applikasjoner hvor som helst med Wi-Fi, og feilsøkingsverktøy så avanserte at det er som å ha røntgensyn for programmene dine.
+Jeg hopper nesten i stolen av begeistring over å dele disse med deg fordi de har revolusjonert hvordan vi bygger programvare. Vi snakker om AI-drevne kodeassistenter som kan hjelpe deg med å skrive kode (jeg tuller ikke!), cloud-miljøer hvor du kan bygge hele applikasjoner fra bokstavelig talt hvor som helst med Wi-Fi, og feilsøkingsverktøy så avanserte at de føles som røntgensyn for programmene dine.
 
-Og her er delen som fortsatt gir meg gåsehud: dette er ikke "begynnerverktøy" som du vil vokse fra. Dette er akkurat de samme profesjonelle verktøyene som utviklere hos Google, Netflix og indie-appstudioet du digger bruker akkurat nå. Du kommer til å føle deg som en proff når du bruker dem!
+Og her er den delen som fortsatt gir meg frysninger: dette er ikke "begynnerverktøy" du vokser fra. Dette er de samme profesjonelle verktøyene som utviklere i Google, Netflix, og det indie app-studioet du elsker bruker akkurat nå. Du kommer til å føle deg som en proff ved å bruke dem!
 
 ```mermaid
 graph TD
-    A["💡 Din Idé"] --> B["⌨️ Kodeeditor<br/>(VS Code)"] 
-    B --> C["🌐 Nettleser DevTools<br/>(Testing & Feilsøking)"]
-    C --> D["⚡ Kommandolinje<br/>(Automatisering & Verktøy)"]
-    D --> E["📚 Dokumentasjon<br/>(Læring & Referanse)"]
-    E --> F["🚀 Fantastisk Nettapp!"]
+    A["💡 Din ide"] --> B["⌨️ Kodeeditor<br/>(VS Code)"] 
+    B --> C["🌐 Nettleser DevTools<br/>(Testing og feilsøking)"]
+    C --> D["⚡ Kommandolinje<br/>(Automatisering og verktøy)"]
+    D --> E["📚 Dokumentasjon<br/>(Læring og referanse)"]
+    E --> F["🚀 Fantastisk nettapp!"]
     
-    B -.-> G["🤖 AI Assistent<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Enhetstesting<br/>(Responsivt Design)"]
-    D -.-> I["📦 Pakkebehandlere<br/>(npm, yarn)"]
+    B -.-> G["🤖 AI-assistent<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Enhetstesting<br/>(Responsivt design)"]
+    D -.-> I["📦 Pakkehåndterere<br/>(npm, yarn)"]
     E -.-> J["👥 Fellesskap<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,96 +505,96 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Kodeeditorer og IDEer: Dine nye digitale bestevenner
+### Kodeeditorer og IDE-er: Dine nye digitale bestevenner
 
-La oss snakke om kodeeditorer – disse kommer seriøst til å bli dine nye favorittsteder å henge! Tenk på dem som ditt personlige kodefristed hvor du kommer til å tilbringe mesteparten av tiden din med å skape og perfeksjonere dine digitale kreasjoner.
+La oss snakke om kodeeditorer – disse kommer seriøst til å bli dine nye favorittsteder å henge! Tenk på dem som din personlige kodebastion hvor du tilbringer mesteparten av tiden din på å lage og perfeksjonere dine digitale kreasjoner.
 
-Men det som er helt magisk med moderne editorer: de er ikke bare fancy tekstredigerere. Det er som å ha den mest briljante og støttende kode-mentoren sittende rett ved siden av deg 24/7. De fanger opp skrivefeil før du engang legger merke til dem, foreslår forbedringer som får deg til å se ut som et geni, hjelper deg å forstå hva hver bit av koden gjør, og noen av dem kan til og med forutsi hva du kommer til å skrive og tilby å fullføre tankene dine!
+Men det som er helt magisk med moderne editorer: de er ikke bare fancy tekstredigerere. De er som å ha den mest briljante, støttende kodeveilederen som sitter rett ved siden av deg 24/7. De fanger opp skrivefeil før du merker dem, foreslår forbedringer som får deg til å se ut som et geni, hjelper deg å forstå hva hver liten del av koden gjør, og noen av dem kan til og med forutsi hva du holder på å skrive og tilby å fullføre tankene dine!
 
-Jeg husker da jeg først oppdaget auto-fullføring – jeg følte bokstavelig talt at jeg levde i fremtiden. Du begynner å skrive noe, og redigereren sier, "Hei, tenkte du på denne funksjonen som gjør akkurat det du trenger?" Det er som å ha en tankeleser som kodekompis!
+Jeg husker da jeg først oppdaget autfullføring – jeg følte bokstavelig talt at jeg levde i framtiden. Du begynner å skrive noe, og editoren sier, "Hei, tenkte du på denne funksjonen som gjør akkurat det du trenger?" Det er som å ha en tankeleser som kodekompis!
 
 **Hva gjør disse editorene så utrolige?**
 
-Moderne kodeeditorer tilbyr et imponerende sett med funksjoner designet for å øke produktiviteten din:
+Moderne kodeeditorer tilbyr en imponerende rekke funksjoner designet for å øke produktiviteten din:
 
 | Funksjon | Hva den gjør | Hvorfor det hjelper |
-|----------|--------------|---------------------|
-| **Syntax highlighting** | Farger ulike deler av koden din | Gjør koden enklere å lese og oppdage feil |
-| **Autofullføring** | Foreslår kode mens du skriver | Farter opp koding og reduserer skrivefeil |
-| **Feilsøkingsverktøy** | Hjelper deg å finne og fikse feil | Spar timer med feilsøking |
-| **Utvidelser** | Legger til spesialfunksjoner | Tilpass editoren for hvilken som helst teknologi |
-| **AI-assistenter** | Foreslår kode og forklaringer | Akselererer læring og produktivitet |
+|---------|--------------|--------------|
+| **Syntaksutheving** | Farger forskjellige deler av koden din | Gjør koden lettere å lese og oppdage feil |
+| **Autocompletion** | Foreslår kode mens du skriver | Øker hastigheten på koding og reduserer skrivefeil |
+| **Feilsøkingsverktøy** | Hjelper deg finne og fikse feil | Spar timer med feilsøking |
+| **Utvidelser** | Legg til spesialiserte funksjoner | Tilpass editoren for hvilken som helst teknologi |
+| **AI-assistenter** | Foreslår kode og forklaringer | Øker læring og produktivitet |
 
-> 🎥 **Videoressurs**: Vil du se disse verktøyene i aksjon? Sjå denne [Tools of the Trade videoen](https://youtube.com/watch?v=69WJeXGBdxg) for en grundig oversikt.
+> 🎥 **Videoressurs**: Vil du se disse verktøyene i aksjon? Sjekk ut denne [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for en omfattende oversikt.
 
 #### Anbefalte editorer for webutvikling
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
-- Mest populær blant webutviklere
-- Fantastisk økosystem av utvidelser
+- Mest brukt blant webutviklere
+- Utmerket økosystem for utvidelser
 - Innebygd terminal og Git-integrasjon
-- **Må-ha-utvidelser**:
+- **Må ha-utvidelser**:
   - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-drevne kodeforslag
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Samarbeid i sanntid
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Sanntidssamarbeid
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatisk kodeformatering
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fanger skrivefeil i koden
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fanger skrivefeil i koden din
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betalt, gratis for studenter)
 - Avanserte feilsøkings- og testverktøy
 - Intelligent kodefullføring
 - Innebygd versjonskontroll
 
-**Skybaserte IDEer** (Ulike priser)
+**Cloud-baserte IDE-er** (Forskjellige prisklasser)
 - [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code i nettleseren
 - [Replit](https://replit.com/) - Flott for læring og deling av kode
 - [StackBlitz](https://stackblitz.com/) - Umiddelbar full-stack webutvikling
 
-> 💡 **Kom i gang-tipset**: Start med Visual Studio Code – det er gratis, mye brukt i bransjen, og har et enormt fellesskap som lager hjelpsomme tutorials og utvidelser.
+> 💡 **Kom i gang-tips**: Start med Visual Studio Code – det er gratis, mye brukt i bransjen, og har et enormt fellesskap som lager hjelpsomme tutorials og utvidelser.
 
 
 ### Nettlesere: Ditt hemmelige utviklingslaboratorium
 
-Ok, gjør deg klar til å få helt hodet blåst av! Du vet hvordan du har brukt nettlesere til å scrolle gjennom sosiale medier og se videoer? Vel, det viser seg at de har gjemt på dette utrolige hemmelige utviklingslaboratoriet hele tiden, bare ventet på at du skulle oppdage det!
+Ok, gjør deg klar til å bli helt overveldet! Du vet hvordan du har brukt nettlesere til å bla gjennom sosiale medier og se videoer? Vel, det viser seg at de har skjult dette utrolige hemmelige utviklingslaboratoriet hele tiden, bare ventende på at du skal oppdage det!
 
-Hver gang du høyreklikker på en nettside og velger "Inspiser element," åpner du en skjult verden av utviklerverktøy som ærlig talt er kraftigere enn noen dyr programvare jeg pleide å betale hundrevis av dollar for. Det er som å oppdage at ditt vanlige kjøkken har gjemt et profesjonelt kokkelaboratorium bak en hemmelig luke!
-Første gang noen viste meg nettleserens DevTools, brukte jeg omtrent tre timer bare på å klikke rundt og si "VENT, KAN DEN GJØRE DET OGSÅ?!" Du kan bokstavelig talt redigere hvilken som helst nettside i sanntid, se nøyaktig hvor raskt alt laster, teste hvordan siden din ser ut på forskjellige enheter, og til og med feilsøke JavaScript som en proff. Det er helt fantastisk!
+Hver eneste gang du høyreklikker på en nettside og velger "Inspiser element," åpner du en skjult verden av utviklerverktøy som ærlig talt er kraftigere enn noe dyrt programvare jeg pleide å betale hundrevis av kroner for. Det er som å oppdage at ditt vanlige kjøkken har skjult et profesjonelt kokkelaboratorium bak en hemmelig luke!
+Første gang noen viste meg nettleserens DevTools, brukte jeg omtrent tre timer bare på å klikke rundt og si "VENT, KAN DEN GJØRE DETTE OGSÅ?!" Du kan bokstavelig talt redigere hvilken som helst nettside i sanntid, se nøyaktig hvor raskt alt lastes, teste hvordan siden din ser ut på forskjellige enheter, og til og med feilsøke JavaScript som en ekte proff. Det er helt utrolig!
 
 **Her er hvorfor nettlesere er ditt hemmelige våpen:**
 
-Når du lager en nettside eller webapplikasjon, må du se hvordan den ser ut og oppfører seg i den virkelige verden. Nettlesere viser ikke bare arbeidet ditt, men gir også detaljert tilbakemelding om ytelse, tilgjengelighet og potensielle problemer.
+Når du lager en nettside eller webapplikasjon, trenger du å se hvordan den ser ut og oppfører seg i virkeligheten. Nettlesere viser ikke bare arbeidet ditt, men gir også detaljert tilbakemelding om ytelse, tilgjengelighet og potensielle problemer.
 
-#### Nettleserens utviklerverktøy (DevTools)
+#### Browser Developer Tools (DevTools)
 
-Moderne nettlesere inkluderer omfattende utviklingspakker:
+Moderne nettlesere inkluderer omfattende utviklingsverktøy:
 
 | Verktøykategori | Hva det gjør | Eksempelbruk |
 |-----------------|--------------|--------------|
-| **Elementinspektør** | Se og rediger HTML/CSS i sanntid | Juster styling for å se umiddelbare resultater |
-| **Konsoll** | Se feilmeldinger og test JavaScript | Feilsøk problemer og eksperimenter med kode |
-| **Nettverksovervåker** | Følg hvordan ressurser lastes | Optimaliser ytelse og lastetider |
-| **Tilgjengelighetssjekker** | Test for inkluderende design | Sikre at siden din fungerer for alle brukere |
-| **Enhetssimulator** | Forhåndsvis på forskjellige skjermstørrelser | Test responsivt design uten flere enheter |
+| **Elementinspektør** | Se og redigere HTML/CSS i sanntid | Justere stil for å se resultater umiddelbart |
+| **Konsoll** | Se feilmeldinger og teste JavaScript | Feilsøke problemer og eksperimentere med kode |
+| **Nettverksmonitor** | Spore hvordan ressurser lastes | Optimalisere ytelse og lastetider |
+| **Tilgjengelighetstester** | Teste for inkluderende design | Sikre at siden fungerer for alle brukere |
+| **Enhetssimulator** | Forhåndsvise på forskjellige skjermstørrelser | Teste responsivt design uten flere enheter |
 
 #### Anbefalte nettlesere for utvikling
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industriens standard DevTools med omfattende dokumentasjon
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Fremragende CSS Grid og tilgjengelighetsverktøy
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Bygget på Chromium med Microsofts utviklerressurser
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Bransjestandard DevTools med omfattende dokumentasjon
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Utmerkede CSS Grid- og tilgjengelighetsverktøy
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Basert på Chromium med Microsofts utviklerressurser
 
-> ⚠️ **Viktig testingstips**: Test alltid nettsidene dine i flere nettlesere! Det som fungerer perfekt i Chrome kan se annerledes ut i Safari eller Firefox. Profesjonelle utviklere tester på tvers av alle større nettlesere for å sikre konsistente brukeropplevelser.
+> ⚠️ **Viktig testtips**: Test alltid nettsidene dine i flere nettlesere! Det som fungerer perfekt i Chrome, kan se annerledes ut i Safari eller Firefox. Profesjonelle utviklere tester på tvers av alle store nettlesere for å sikre en jevn brukeropplevelse.
 
 
 ### Kommandolinjeverktøy: Din inngangsport til utviklersuperkrefter
 
-Ok, la oss ha et helt ærlig øyeblikk her om kommandolinjen, fordi jeg vil at du skal høre dette fra noen som virkelig forstår det. Da jeg først så den – bare denne skumle svarte skjermen med blinkende tekst – tenkte jeg bokstavelig talt, "Nei, absolutt ikke! Dette ser ut som noe fra en hackerfilm på 1980-tallet, og jeg er definitivt ikke smart nok for dette!" 😅
+Ok, la oss ha et ærlig øyeblikk her om kommandolinjen, for jeg vil at du skal høre dette fra noen som virkelig forstår det. Da jeg først så den – bare denne skumle svarte skjermen med blinkende tekst – tenkte jeg bokstavelig talt, "Nei, absolutt ikke! Dette ser ut som noe fra en hackerfilm på 80-tallet, og jeg er definitivt ikke smart nok for dette!" 😅
 
-Men her er hva jeg skulle ønske noen hadde fortalt meg da, og hva jeg forteller deg akkurat nå: kommandolinjen er ikke skummel – det er faktisk som å ha en direkte samtale med datamaskinen din. Tenk på det som forskjellen mellom å bestille mat gjennom en fancy app med bilder og menyer (som er greit og enkelt) versus å gå inn i din favoritt lokale restaurant der kokken vet nøyaktig hva du liker og kan trylle fram noe perfekt bare ved at du sier "overrask meg med noe fantastisk."
+Men her er det jeg skulle ønske noen hadde fortalt meg den gang, og det jeg sier til deg nå: kommandolinjen er ikke skummel – det er faktisk som å ha en direkte samtale med datamaskinen din. Tenk på det som forskjellen mellom å bestille mat via en fancy app med bilder og menyer (som er enkelt og greit) versus å gå inn på din favorittlokale restaurant hvor kokken vet nøyaktig hva du liker og kan lage noe perfekt bare ved at du sier "overrask meg med noe fantastisk."
 
-Kommandolinjen er stedet hvor utviklere føler seg som ekte trollmenn. Du skriver noen tilsynelatende magiske ord (ok, det er bare kommandoer, men de føles magiske!), trykker enter, og BOOM – du har laget hele prosjektstrukturer, installert kraftige verktøy fra hele verden, eller rullet ut appen din på internett for millioner å se. Når du først kjenner på den kraften, er det faktisk ganske vanedannende!
+Kommandolinjen er stedet hvor utviklere føler seg som ekte trollmenn. Du skriver noen tilsynelatende magiske ord (ok, det er bare kommandoer, men de føles magiske!), trykker enter, og BOOM – du har opprettet hele prosjektstrukturer, installert kraftige verktøy fra hele verden, eller publisert appen din på Internett slik at millioner kan se den. Når du først smaker på den kraften, blir det ærlig talt ganske avhengighetsskapende!
 
-**Hvorfor kommandolinjen blir ditt favorittverktøy:**
+**Hvorfor kommandolinjen vil bli ditt favorittverktøy:**
 
-Mens grafiske grensesnitt er flotte for mange oppgaver, utmerker kommandolinjen seg på automatisering, presisjon og fart. Mange utviklingsverktøy fungerer primært gjennom kommandolinjegrensesnitt, og å lære å bruke dem effektivt kan forbedre produktiviteten din dramatisk.
+Mens grafiske grensesnitt er flotte for mange oppgaver, utmerker kommandolinjen seg på automatisering, presisjon og fart. Mange utviklingsverktøy fungerer primært gjennom kommandolinjegrensesnitt, og å lære å bruke dem effektivt kan dramatisk forbedre produktiviteten din.
 
 ```bash
 # Trinn 1: Opprett og naviger til prosjektmappen
@@ -603,11 +603,11 @@ cd my-awesome-website
 ```
 
 **Dette gjør koden:**
-- **Oppretter** en ny katalog kalt "my-awesome-website" for prosjektet ditt
-- **Går inn** i den nylig opprettede katalogen for å begynne å jobbe
+- **Oppretter** en ny mappe kalt "my-awesome-website" for prosjektet ditt
+- **Går inn** i den nylig opprettede mappen for å begynne arbeidet
 
 ```bash
-# Trinn 2: Initialiser prosjektet med package.json
+# Trinn 2: Initialiser prosjekt med package.json
 npm init -y
 
 # Installer moderne utviklingsverktøy
@@ -616,10 +616,10 @@ npm install --save-dev @eslint/js
 ```
 
 **Steg for steg, dette skjer:**
-- **Initierer** et nytt Node.js-prosjekt med standardinnstillinger via `npm init -y`
-- **Installerer** Vite som et moderne byggeverktøy for rask utvikling og produksjonsbygging
-- **Legger til** Prettier for automatisk kodeformatering og ESLint for kvalitetskontroll av kode
-- **Bruker** flagget `--save-dev` for å markere dem som utviklingsavhengigheter
+- **Initialiserer** et nytt Node.js-prosjekt med standardinnstillinger via `npm init -y`
+- **Installerer** Vite som et moderne byggverktøy for rask utvikling og produksjonsbygg
+- **Legger til** Prettier for automatisk kodingformattering og ESLint for kodekvalitetssjekker
+- **Bruker** flagget `--save-dev` for å merke disse som kun utviklingsavhengigheter
 
 ```bash
 # Trinn 3: Opprett prosjektstruktur og filer
@@ -630,26 +630,26 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**I det ovenfor har vi:**
-- **Organisert** prosjektet ved å lage separate mapper for kildekode og ressurser
-- **Generert** en enkel HTML-fil med korrekt dokumentstruktur
+**Her har vi:**
+- **Organisert** prosjektet ved å lage egne mapper for kildekode og ressurser
+- **Generert** en grunnleggende HTML-fil med riktig dokumentstruktur
 - **Startet** Vite utviklingsserver for live reload og hot module replacement
 
-#### Viktige kommandolinjeverktøy for webutvikling
+#### Essensielle kommandolinjeverktøy for webutvikling
 
 | Verktøy | Formål | Hvorfor du trenger det |
 |---------|--------|-----------------------|
-| **[Git](https://git-scm.com/)** | Versjonskontroll | Følg endringer, samarbeid med andre, sikkerhetskopier arbeidet ditt |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript-runtime & pakkebehandling | Kjør JavaScript utenfor nettlesere, installer moderne utviklingsverktøy |
-| **[Vite](https://vitejs.dev/)** | Byggeverktøy & utviklingsserver | Lynrask utvikling med hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kodekvalitet | Finn og fiks problemer i JavaScript automatisk |
-| **[Prettier](https://prettier.io/)** | Kodeformatering | Hold koden din konsekvent formatert og lesbar |
+| **[Git](https://git-scm.com/)** | Versjonskontroll | Spore endringer, samarbeide med andre, sikkerhetskopiere arbeidet |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript-runtime & pakkebehandling | Kjøre JavaScript utenfor nettlesere, installere moderne utviklingsverktøy |
+| **[Vite](https://vitejs.dev/)** | Byggverktøy & utviklingsserver | Lynrask utvikling med hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kvalitetskontroll på kode | Finn og fikse problemer automatisk i JavaScript-koden |
+| **[Prettier](https://prettier.io/)** | Kodeformattering | Holde koden din konsekvent formatert og lett å lese |
 
 #### Plattformspesifikke alternativer
 
 **Windows:**
 - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderne, funksjonsrik terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Kraftig skriptmiljø
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Kraftig skriptemiljø
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradisjonell Windows kommandolinje
 
 **macOS:**
@@ -657,78 +657,78 @@ npx vite
 - **[iTerm2](https://iterm2.com/)** - Forbedret terminal med avanserte funksjoner
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux-shell
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux-skall
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Avansert terminalemulator
 
-> 💻 = Forhåndsinstallert i operativsystemet
+> 💻 = Forhåndsinstallert på operativsystemet
 
-> 🎯 **Læringsvei**: Start med grunnleggende kommandoer som `cd` (bytt katalog), `ls` eller `dir` (list filer), og `mkdir` (lag mappe). Øv på moderne arbeidsflytkommandoer som `npm install`, `git status` og `code .` (åpner gjeldende katalog i VS Code). Når du blir mer komfortabel, vil du naturlig plukke opp mer avanserte kommandoer og automatiseringsteknikker.
+> 🎯 **Læringsvei**: Start med grunnleggende kommandoer som `cd` (endre mappe), `ls` eller `dir` (liste filer) og `mkdir` (lage mappe). Øv med moderne arbeidsflytkommandoer som `npm install`, `git status` og `code .` (åpner gjeldende mappe i VS Code). Når du blir tryggere, lærer du naturlig mer avanserte kommandoer og automatiseringsteknikker.
 
 
 ### Dokumentasjon: Din alltid tilgjengelige læringsmentor
 
-Ok, la meg dele en liten hemmelighet som kommer til å få deg til å føle deg mye bedre med å være nybegynner: selv de mest erfarne utviklerne bruker en stor del av tiden sin på å lese dokumentasjon. Og det er ikke fordi de ikke vet hva de gjør – det er faktisk et tegn på visdom!
+Ok, la meg dele en liten hemmelighet som vil få deg til å føle deg mye bedre som nybegynner: selv de mest erfarne utviklerne bruker store deler av tiden sin på å lese dokumentasjon. Og det er ikke fordi de ikke vet hva de gjør – det er faktisk et tegn på klokskap!
 
-Tenk på dokumentasjon som å ha tilgang til verdens mest tålmodige, kunnskapsrike lærere som er tilgjengelige 24/7. Står du fast på et problem klokka 2 om natten? Dokumentasjonen er der med en varm virtuell klem og akkurat det svaret du trenger. Vil du lære om en kul ny funksjon alle snakker om? Dokumentasjonen har ryggen din med trinnvise eksempler. Prøver du å forstå hvorfor noe fungerer som det gjør? Du gjettet det – dokumentasjonen er klar til å forklare det på en måte som endelig får det til å klaffe!
+Tenk på dokumentasjon som å ha tilgang til verdens mest tålmodige, kunnskapsrike lærere som er tilgjengelige 24/7. Står du fast på et problem klokken 2 om natten? Dokumentasjon er der med en varm virtuell klem og akkurat det svaret du trenger. Vil du lære om en kul ny funksjon alle snakker om? Dokumentasjonen hjelper deg med trinnvise eksempler. Prøver du å forstå hvorfor noe fungerer som det gjør? Gjett hva – dokumentasjonen forklarer det på en måte som endelig får det til å “klikke”!
 
-Her er noe som helt endret mitt perspektiv: webutviklingsverdenen beveger seg utrolig raskt, og ingen (jeg mener absolutt ingen!) har alt i hodet. Jeg har sett seniorutviklere med over 15 års erfaring slå opp grunnleggende syntaks, og vet du hva? Det er ikke flaut – det er smart! Det handler ikke om å huske alt perfekt; det handler om å vite hvor du finner pålitelige svar raskt og hvordan bruke dem.
+Her er noe som helt forandret perspektivet mitt: webutvikling beveger seg utrolig raskt, og ingen (jeg mener absolutt ingen!) husker alt i hodet. Jeg har sett seniorutviklere med 15+ år erfaring slå opp grunnleggende syntaks, og vet du hva? Det er ikke flaut – det er smart! Det handler ikke om perfekt hukommelse; det handler om å vite hvor man finner pålitelige svar raskt og hvordan man bruker dem.
 
 **Her skjer den virkelige magien:**
 
-Profesjonelle utviklere bruker mye tid på å lese dokumentasjon – ikke fordi de ikke vet hva de gjør, men fordi webutviklingslandskapet utvikler seg så fort at det krever kontinuerlig læring for å holde seg oppdatert. God dokumentasjon hjelper deg å forstå ikke bare *hvordan* man bruker noe, men *hvorfor* og *når* man skal bruke det.
+Profesjonelle utviklere bruker en betydelig del av tiden sin på å lese dokumentasjon – ikke fordi de ikke kan, men fordi webutviklingslandskapet endrer seg så raskt at kontinuerlig læring er nødvendig for å henge med. God dokumentasjon hjelper deg å forstå ikke bare *hvordan* du bruker noe, men også *hvorfor* og *når* det skal brukes.
 
-#### Viktige dokumentasjonsressurser
+#### Essensielle dokumentasjonsressurser
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Gullstandarden for webteknologidokumentasjon
+- Gullstandarden for dokumentasjon om webteknologi
 - Omfattende guider for HTML, CSS og JavaScript
-- Inkluderer nettleserkompatibilitetsinformasjon
-- Har praktiske eksempler og interaktive demoer
+- Inkluderer informasjon om nettleserkompatibilitet
+- Har praktiske eksempler og interaktive demos
 
-**[Web.dev](https://web.dev)** (av Google)
+**[Web.dev](https://web.dev)** (fra Google)
 - Moderne beste praksis for webutvikling
 - Veiledninger for ytelsesoptimalisering
-- Tilgjengelighets- og inkluderende designprinsipper
+- Tilgjengelighet og prinsipper for inkluderende design
 - Casestudier fra virkelige prosjekter
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Utviklerressurser for Edge-nettleser
+- Ressurser for Edge-nettleserutvikling
 - Veiledninger for Progressive Web Apps
-- Innsikt om kryssplattformutvikling
+- Innsikt i tverrplattformutvikling
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Strukturerte læringsplaner
+- Strukturerte læringsløp
 - Videokurs fra bransjeeksperter
-- Praktiske kodingøvelser
+- Hands-on kodeøvelser
 
-> 📚 **Studietips**: Ikke prøv å memorer dokumentasjonen – lær heller hvordan du navigerer den effektivt. Bokmerk ofte brukte referanser og øv på å bruke søkefunksjonene for å finne spesifikk informasjon raskt.
+> 📚 **Studieteknikk**: Ikke prøv å memorere dokumentasjonen – lær heller hvordan du effektivt navigerer i den. Bokmerk ofte brukte referanser og øv på å bruke søkefunksjoner for å finne spesifikk informasjon raskt.
 
-### 🔧 **Verktøymestertest: Hva treffer deg mest?**
+### 🔧 **Verktøymester-sjekk: Hva klinger med deg?**
 
-**Ta et øyeblikk til å tenke på:**
-- Hvilket verktøy gleder du deg mest til å prøve først? (Det finnes ikke incorrect svar!)
+**Ta et øyeblikk og tenk over:**
+- Hvilket verktøy gleder du deg mest til å prøve først? (Det finnes ikke noe feil svar!)
 - Føles kommandolinjen fortsatt skummel, eller er du nysgjerrig på den?
-- Kan du se for deg å bruke nettleserens DevTools for å titte bak kulissene på dine favorittnettsider?
+- Kan du forestille deg å bruke nettleserens DevTools for å kikke bak kulissene på favorittnettsidene dine?
 
 ```mermaid
-pie title "Utviklertid Brukt med Verktøy"
+pie title "Utviklertid brukt med verktøy"
     "Kodeeditor" : 40
     "Nettlesertesting" : 25
     "Kommandolinje" : 15
-    "Leser Dokumentasjon" : 15
+    "Leser dokumentasjon" : 15
     "Feilsøking" : 5
 ```
-> **Morsomt innblikk**: De fleste utviklere bruker omtrent 40 % av tiden sin i kodeeditoren, men legg merke til hvor mye tid som går til testing, læring og problemløsning. Programmering handler ikke bare om å skrive kode – det handler om å skape opplevelser!
+> **Morsom innsikt**: De fleste utviklere bruker omtrent 40 % av tiden i kodeeditoren, men legg merke til hvor mye tid som går til testing, læring og problemløsning. Programmering handler ikke bare om å skrive kode – det handler om å skape opplevelser!
 
-✅ **En tanke å tygge på**: Her er noe interessant å fundere over – hvordan tror du verktøyene for å bygge nettsider (utvikling) kan være annerledes enn verktøyene for å designe hvordan de ser ut (design)? Det er som forskjellen mellom en arkitekt som designer et vakkert hus og entreprenøren som faktisk bygger det. Begge er viktige, men de trenger forskjellige verktøykasser! Denne typen tenking vil virkelig hjelpe deg å se det større bildet av hvordan nettsider blir til.
+✅ **Noe å tenke på**: Her er noe interessant å gruble på – hvordan tror du verktøyene for å bygge nettsider (utvikling) kan være annerledes enn verktøyene for å designe hvordan de ser ut (design)? Det er som forskjellen mellom en arkitekt som tegner et vakkert hus og entreprenøren som faktisk bygger det. Begge er viktige, men trenger forskjellige verktøykasser! Denne typen tenkning vil virkelig hjelpe deg å se hele bildet av hvordan nettsider blir til.
 
-## GitHub Copilot Agent-utfordring 🚀
+## GitHub Copilot Agent Challenge 🚀
 
-Bruk Agent-modusen til å fullføre følgende utfordring:
+Bruk Agent-modus til å fullføre følgende utfordring:
 
 **Beskrivelse:** Utforsk funksjonene til en moderne kodeeditor eller IDE og vis hvordan den kan forbedre arbeidsflyten din som webutvikler.
 
-**Prompt:** Velg en kodeeditor eller IDE (for eksempel Visual Studio Code, WebStorm eller en skybasert IDE). List opp tre funksjoner eller utvidelser som hjelper deg å skrive, feilsøke eller vedlikeholde kode mer effektivt. For hver, gi en kort forklaring på hvordan det gagner arbeidsflyten din.
+**Oppgave:** Velg en kodeeditor eller IDE (som Visual Studio Code, WebStorm, eller en skybasert IDE). List opp tre funksjoner eller utvidelser som hjelper deg med å skrive, feilsøke eller vedlikeholde kode mer effektivt. For hver, gi en kort forklaring på hvordan det gagner arbeidsflyten din.
 
 ---
 
@@ -736,50 +736,50 @@ Bruk Agent-modusen til å fullføre følgende utfordring:
 
 **Ok, detektiv, klar for din første sak?**
 
-Nå som du har dette fantastiske grunnlaget, har jeg et eventyr som skal hjelpe deg å se hvor utrolig mangfoldig og fascinerende programmeringsverdenen virkelig er. Og hør her – dette handler ikke om å skrive kode ennå, så ingen press! Tenk på deg selv som en programmeringsspråkdetektiv på din aller første spennende sak!
+Nå som du har dette fantastiske grunnlaget, har jeg et eventyr som skal hjelpe deg å se hvor utrolig variert og fascinerende programmeringsverdenen virkelig er. Og hør her – dette handler ikke om å skrive kode ennå, så ingen press! Tenk på deg selv som en programmeringsspråkdetektiv med din aller første spennende sak!
 
-**Din oppgave, hvis du velger å akseptere den:**
-1. **Bli en språkutforsker**: Velg tre programmeringsspråk fra helt forskjellige verdener – kanskje ett som bygger nettsider, ett som lager mobilapper, og ett som bearbeider data for forskere. Finn eksempler på samme enkle oppgave skrevet i hvert språk. Jeg lover du kommer til å bli helt forbløffet over hvor forskjellige de kan se ut mens de gjør akkurat det samme!
+**Ditt oppdrag, hvis du velger å akseptere det:**
+1. **Bli en språkutforsker**: Velg tre programmeringsspråk fra helt forskjellige univers – kanskje ett som lager nettsider, ett som lager mobilapper og ett som bearbeider data for vitenskapsfolk. Finn eksempler på samme enkle oppgave skrevet i hvert språk. Jeg lover du blir helt forbløffet over hvor forskjellige de kan se ut, selv om de gjør akkurat det samme!
 
-2. **Avdekk deres opprinnelseshistorier**: Hva gjør hvert språk spesielt? Her er en kul fakta – hvert eneste programmeringsspråk ble laget fordi noen tenkte, "Vet du hva? Det må finnes en bedre måte å løse akkurat dette spesifikke problemet på." Kan du finne ut hva disse problemene var? Noen av disse historiene er genuint fascinerende!
+2. **Avdekk opprinnelseshistoriene**: Hva gjør hvert språk unikt? Her er en kul fakta – hvert eneste programmeringsspråk ble skapt fordi noen tenkte, "Vet du hva? Det må finnes en bedre måte å løse dette spesifikke problemet på." Kan du finne ut hvilke problemer de var? Noen av disse historiene er virkelig fascinerende!
 
-3. **Møt fellesskapene**: Sjekk hvor imøtekommende og engasjert hvert språk sitt fellesskap er. Noen har millioner av utviklere som deler kunnskap og hjelper hverandre, andre er mindre, men utrolig sammensveiset og støttende. Du kommer til å elske å se de forskjellige personlighetene disse fellesskapene har!
+3. **Møt fellesskapene**: Se hvor inkluderende og lidenskapelige hvert språks fellesskap er. Noen har millioner av utviklere som deler kunnskap og hjelper hverandre, andre er mindre men utrolig sammensveiset og støttende. Du kommer til å elske å se de forskjellige personlighetene i disse fellesskapene!
 
-4. **Følg magefølelsen**: Hvilket språk føles mest tilgjengelig for deg akkurat nå? Ikke stress med å ta det "perfekte" valget – bare lytt til instinktene dine! Det finnes ærlig talt ikke noe feil svar her, og du kan alltid utforske andre senere.
+4. **Følg magefølelsen**: Hvilket språk føles mest tilgjengelig for deg akkurat nå? Ikke stress over å velge det "perfekte" – bare stol på instinktene dine! Det finnes ærlig talt ingen feil svar her, og du kan alltid utforske flere senere.
 
-**Bonus etterforskning**: Se om du kan oppdage hvilke store nettsider eller apper som er bygget med hvert språk. Jeg garanterer at du vil bli sjokkert over å lære hva som driver Instagram, Netflix eller det mobilspillet du ikke klarer å slutte å spille!
+**Bonusdetektivarbeid**: Se om du kan finne ut hvilke store nettsteder eller apper som er laget med hvert språk. Jeg lover at du blir sjokkert over å lære hva som driver Instagram, Netflix eller det mobilspillet du ikke klarer å legge fra deg!
 
-> 💡 **Husk**: Du prøver ikke å bli ekspert i noe av disse språkene i dag. Du blir bare kjent med nabolaget før du bestemmer deg for hvor du vil slå deg ned. Ta deg tid, ha det gøy med det, og la nysgjerrigheten lede deg!
+> 💡 **Husk**: Du trenger ikke bli ekspert i noen av disse språkene i dag. Du blir bare kjent med "nabolaget" før du bestemmer deg for hvor du vil slå deg ned. Ta deg tid, ha det gøy, og la nysgjerrigheten lede deg!
 
 ## La oss feire det du har oppdaget!
 
-Herregud, du har absorbert så mye utrolig informasjon i dag! Jeg gleder meg oppriktig til å se hvor mye av denne fantastiske reisen som har satt seg hos deg. Og husk – dette er ikke en test hvor du må få alt perfekt. Dette er mer som en feiring av alt det kule du har lært om denne fascinerende verdenen du snart skal dykke inn i!
+Herregud, du har sugd til deg så mye utrolig informasjon i dag! Jeg er virkelig spent på å se hvor mye av denne fantastiske reisen som har festet seg hos deg. Og husk – dette er ikke en test hvor du må få alt perfekt. Dette er mer som en feiring av alt det kule du har lært om denne fascinerende verdenen du er i ferd med å dykke ned i!
 
 [Ta quizzen etter leksjonen](https://ff-quizzes.netlify.app/web/)
-## Gjennomgang & Selvlæring
 
-**Ta deg tid til å utforske og ha det gøy med det!**
+## Gjennomgang & Selvstudium
 
-Du har dekket mye i dag, og det er noe du kan være stolt av! Nå kommer den morsomme delen – å utforske emnene som vekket nysgjerrigheten din. Husk, dette er ikke lekser – det er et eventyr!
+**Ta deg tid til å utforske og ha det gøy med det!**
+Du har dekket mye i dag, og det er noe å være stolt av! Nå kommer den morsomme delen – å utforske de temaene som vekket din nysgjerrighet. Husk, dette er ikke lekser – det er et eventyr!
 
-**Dyk dypere inn i det som begeistrer deg:**
+**Dykk dypere inn i det som begeistrer deg:**
 
-**Prøv deg på programmeringsspråk:**
+**Bli praktisk med programmeringsspråk:**
 - Besøk de offisielle nettsidene til 2-3 språk som fanget oppmerksomheten din. Hvert språk har sin egen personlighet og historie!
-- Prøv noen nettbaserte kodeleker som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Ikke vær redd for å eksperimentere – du kan ikke ødelegge noe!
-- Les om hvordan ditt favorittspråk ble til. Seriøst, noen av disse opprinnelseshistoriene er fascinerende og vil hjelpe deg å forstå hvorfor språk fungerer slik de gjør.
+- Prøv noen nettbaserte kodelekeplasser som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Ikke vær redd for å eksperimentere – du kan ikke ødelegge noe!
+- Les om hvordan favorittspråket ditt ble til. Seriøst, noen av disse opprinnelseshistoriene er fascinerende og vil hjelpe deg å forstå hvorfor språk fungerer slik de gjør.
 
 **Bli komfortabel med dine nye verktøy:**
-- Last ned Visual Studio Code hvis du ikke har gjort det allerede – det er gratis og du kommer til å elske det!
+- Last ned Visual Studio Code hvis du ikke allerede har det – det er gratis, og du kommer til å elske det!
 - Bruk noen minutter på å bla gjennom Extensions-markedet. Det er som en app-butikk for kodeeditoren din!
-- Åpne nettleserens Developer Tools og klikk litt rundt. Ikke bekymre deg for å forstå alt – bli bare kjent med hva som finnes.
+- Åpne nettleserens Utviklerverktøy og klikk rundt. Ikke bekymre deg for å forstå alt – bli bare kjent med hva som finnes der.
 
 **Bli med i fellesskapet:**
-- Følg noen utviklerfellesskap på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringsmiljøet er utrolig imøtekommende for nybegynnere!
-- Se på noen nybegynnervennlige kodingsvideoer på YouTube. Det finnes så mange flinke skapere der ute som husker hvordan det er å begynne.
+- Følg noen utviklerfellesskap på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringsfellesskapet er utrolig imøtekommende for nykommere!
+- Se noen nybegynnervennlige kodevideoer på YouTube. Det finnes mange flinke skapere der ute som husker hvordan det er å være i starten.
 - Vurder å bli med på lokale meetups eller nettbaserte fellesskap. Tro meg, utviklere elsker å hjelpe nykommere!
 
-> 🎯 **Hør her, dette vil jeg at du skal huske**: Du forventes ikke å bli en kodeekspert over natten! Akkurat nå blir du bare kjent med denne fantastiske nye verdenen du skal bli en del av. Ta deg tid, nyt reisen, og husk – hver eneste utvikler du beundrer satt en gang nøyaktig der du er nå, full av spenning og kanskje litt overveldet. Det er helt normalt, og betyr at du gjør det riktig!
+> 🎯 **Hør her, dette vil jeg at du skal huske**: Du forventes ikke å bli en kodeekspert over natten! Akkurat nå blir du bare kjent med denne fantastiske nye verdenen du er i ferd med å bli en del av. Ta deg tid, nyt reisen, og husk – hver eneste utvikler du beundrer satt en gang akkurat der du er nå, følte seg spent og kanskje litt overveldet. Det er helt normalt, og det betyr at du gjør det riktig!
 
 
 
@@ -787,70 +787,70 @@ Du har dekket mye i dag, og det er noe du kan være stolt av! Nå kommer den mor
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Et lite dytt for oppgaven din**: Jeg vil virkelig gjerne se at du utforsker noen verktøy vi ikke har dekket ennå! Hopp over editorene, nettleserne og kommandolinjeverktøyene vi allerede har snakket om – det finnes et helt utrolig univers av fantastiske utviklingsverktøy der ute som bare venter på å bli oppdaget. Se etter de som aktivt blir vedlikeholdt og har livlige, hjelpsomme fellesskap (disse har ofte de beste veiledningene og de mest støttende menneskene når du uunngåelig står fast og trenger en vennlig hånd).
+> 💡 **Et lite dytt for oppgaven din**: Jeg vil virkelig gjerne se at du utforsker noen verktøy vi ikke har dekket ennå! Hopp over editorer, nettlesere og kommandolinjeverktøy vi allerede har snakket om – det finnes et helt utrolig univers av fantastiske utviklingsverktøy der ute som bare venter på å bli oppdaget. Se etter de som aktivt vedlikeholdes og har levende, hjelpsomme fellesskap (disse pleier å ha de beste veiledningene og de mest støttende menneskene når du uunngåelig står fast og trenger en vennlig hånd).
 
 ---
 
-## 🚀 Din programmeringsreise Tidslinje
+## 🚀 Din programmeringsreise tidslinje
 
 ### ⚡ **Hva du kan gjøre de neste 5 minuttene**
-- [ ] Bokmerk 2-3 programmeringsspråks-nettsider som fanget din interesse
-- [ ] Last ned Visual Studio Code hvis du ikke har gjort det allerede
-- [ ] Åpne nettleserens DevTools (F12) og klikk rundt på en nettside
-- [ ] Bli med i et programmeringsfellesskap (Dev.to, Reddit r/webdev, eller Stack Overflow)
+- [ ] Bokmerke 2-3 programmeringsspråk-nettsider som fanget oppmerksomheten din
+- [ ] Last ned Visual Studio Code hvis du ikke allerede har det
+- [ ] Åpne nettleserens DevTools (F12) og klikk rundt på en hvilken som helst nettside
+- [ ] Bli med i ett programmeringsfellesskap (Dev.to, Reddit r/webdev, eller Stack Overflow)
 
-### ⏰ **Hva du kan oppnå denne timen**
-- [ ] Fullfør quizen etter leksjonen og reflekter over svarene dine
+### ⏰ **Hva du kan få til denne timen**
+- [ ] Fullfør quizzen etter leksjonen og reflekter over svarene dine
 - [ ] Sett opp VS Code med GitHub Copilot-utvidelsen
 - [ ] Prøv et "Hello World"-eksempel i 2 forskjellige programmeringsspråk på nett
-- [ ] Se en «En dag i livet til en utvikler»-video på YouTube
-- [ ] Start din programmeringsspråks-detektivforskning (fra utfordringen)
+- [ ] Se en "En dag i en utviklers liv"-video på YouTube
+- [ ] Start detektivarbeidet ditt med programmeringsspråk (fra utfordringen)
 
-### 📅 **Ditt ukeslange eventyr**
+### 📅 **Ditt eventyr denne uken**
 - [ ] Fullfør oppgaven og utforsk 3 nye utviklingsverktøy
-- [ ] Følg 5 utviklere eller programmeringskontoer i sosiale medier
-- [ ] Prøv å bygge noe lite i CodePen eller Replit (selv bare "Hei, [Ditt Navn]!")
-- [ ] Les et utviklerblogginnlegg om noens programmeringsreise
-- [ ] Bli med på en virtuelt meetup eller se et programmeringsforedrag
-- [ ] Begynn å lære ditt valgte språk med nettbaserte tutorials
+- [ ] Følg 5 utviklere eller programmeringskontoer på sosiale medier
+- [ ] Prøv å bygge noe lite i CodePen eller Replit (selv bare "Hello, [Ditt navn]!")
+- [ ] Les et blogginnlegg fra en utvikler om noens kode-reise
+- [ ] Bli med på et virtuelt meetup eller se et programmeringsforedrag
+- [ ] Begynn å lære ditt valgte språk med nettbaserte veiledninger
 
-### 🗓️ **Din månedslange transformasjon**
+### 🗓️ **Din transformasjon denne måneden**
 - [ ] Bygg ditt første lille prosjekt (selv en enkel nettside teller!)
-- [ ] Bidra til et åpen kildekode-prosjekt (start med dokumentasjonsfikser)
-- [ ] Veiled noen som nettopp har begynt sin programmeringsreise
-- [ ] Lag din utviklerportefølje-nettside
+- [ ] Bidra til et open source-prosjekt (start med dokumentasjonsfikser)
+- [ ] Mentor noen som nettopp har startet sin programmeringsreise
+- [ ] Lag din egen utviklerporteføljenettside
 - [ ] Knytt kontakt med lokale utviklerfellesskap eller studiegrupper
-- [ ] Begynn å planlegge ditt neste læringsmål
+- [ ] Begynn å planlegge din neste læringsmilepæl
 
-### 🎯 **Endelig refleksjon**
+### 🎯 **Sluttrefleksjon**
 
 **Før du går videre, ta et øyeblikk til å feire:**
 - Hva er én ting ved programmering som begeistret deg i dag?
 - Hvilket verktøy eller konsept vil du utforske først?
-- Hvordan føler du om å starte denne programmeringsreisen?
+- Hvordan føler du deg ved å starte denne programmeringsreisen?
 - Hva er ett spørsmål du gjerne vil stille en utvikler akkurat nå?
 
 ```mermaid
 journey
-    title Din Reise for Å Bygge Selvtillit
+    title Din Selvtillitsbyggingsreise
     section I dag
       Nysgjerrig: 3: You
       Overveldet: 4: You
       Spent: 5: You
-    section Denne Uken
+    section Denne uken
       Utforsker: 4: You
       Lærer: 5: You
-      Knytter Kontakter: 4: You
-    section Neste Måned
+      Knytter kontakter: 4: You
+    section Neste måned
       Bygger: 5: You
       Selvsikker: 5: You
-      Hjelper Andre: 5: You
+      Hjelper andre: 5: You
 ```
-> 🌟 **Husk**: Hver ekspert var en gang en nybegynner. Hver seniorutvikler har følt akkurat det samme som du gjør nå – spent, kanskje litt overveldet, og definitivt nysgjerrig på hva som er mulig. Du er i fantastisk selskap, og denne reisen kommer til å bli utrolig. Velkommen til den fantastiske verdenen av programmering! 🎉
+> 🌟 **Husk**: Hver ekspert har vært nybegynner. Hver seniorutvikler har en gang følt akkurat det du føler nå – spent, kanskje litt overveldet, og definitivt nysgjerrig på hva som er mulig. Du er i fantastisk selskap, og denne reisen kommer til å bli utrolig. Velkommen til den herlige verden av programmering! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Ansvarsfraskrivelse**:
-Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vær oppmerksom på at automatiserte oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på morsmålet skal betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.
+Dette dokumentet har blitt oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst merk at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på dets opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/no/AGENTS.md b/translations/no/AGENTS.md
index d66690106..5c8bee463 100644
--- a/translations/no/AGENTS.md
+++ b/translations/no/AGENTS.md
@@ -2,14 +2,14 @@
 
 ## Prosjektoversikt
 
-Dette er et utdanningsrepository for å lære bort grunnleggende webutvikling til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML.
+Dette er et utdanningspensum-repositorium for å lære webutviklingsgrunnlag til nybegynnere. Pensumet er et omfattende 12-ukers kurs utviklet av Microsoft Cloud Advocates, med 24 praktiske leksjoner som dekker JavaScript, CSS og HTML.
 
-### Nøkkelkomponenter
+### Hovedkomponenter
 
 - **Utdanningsinnhold**: 24 strukturerte leksjoner organisert i prosjektbaserte moduler
-- **Praktiske prosjekter**: Terrarium, Typing Game, Nettleserutvidelse, Space Game, Banking App, Code Editor og AI Chat Assistant
-- **Interaktive quizzer**: 48 quizzer med 3 spørsmål hver (før og etter leksjon)
-- **Flerspråklig støtte**: Automatiserte oversettelser for 50+ språk via GitHub Actions
+- **Praktiske prosjekter**: Terrarium, Typing Game, Nettleserutvidelse, Space Game, Bankapp, Kodeeditor og AI Chat-assistent
+- **Interaktive quizzer**: 48 quizzer med 3 spørsmål hver (før- og etterleksjon vurderinger)
+- **Flerspråklig støtte**: Automatiske oversettelser til 50+ språk via GitHub Actions
 - **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI-prosjekter)
 
 ### Arkitektur
@@ -17,14 +17,14 @@ Dette er et utdanningsrepository for å lære bort grunnleggende webutvikling ti
 - Utdanningsrepository med leksjonsbasert struktur
 - Hver leksjonsmappe inneholder README, kodeeksempler og løsninger
 - Frittstående prosjekter i egne kataloger (quiz-app, ulike leksjonsprosjekter)
-- Oversettelsessystem ved bruk av GitHub Actions (co-op-translator)
-- Dokumentasjon levert via Docsify og tilgjengelig som PDF
+- Oversettelsessystem med GitHub Actions (co-op-translator)
+- Dokumentasjon servert via Docsify og tilgjengelig som PDF
 
 ## Oppsettskommandoer
 
-Dette repositoryet er primært for konsumering av utdanningsinnhold. For arbeid med spesifikke prosjekter:
+Dette repositoriet er primært for konsumering av utdanningsinnhold. For arbeid med spesifikke prosjekter:
 
-### Hovedrepository Oppsett
+### Hovedrepository-oppsett
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -56,7 +56,7 @@ npm run format     # Formater med Prettier
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Følg nettleserspesifikke instruksjoner for lasting av utvidelser
+# Følg nettleserspesifikke instruksjoner for utvidelsesinnlasting
 ```
 
 ### Space Game Prosjekter
@@ -67,7 +67,7 @@ npm install
 # Åpne index.html i nettleser eller bruk Live Server
 ```
 
-### Chat Prosjekt (Python Backend)
+### Chat-prosjekt (Python backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -78,57 +78,57 @@ python api.py
 
 ## Utviklingsarbeidsflyt
 
-### For innholdsleverandører
+### For innholdsbidragsytere
 
-1. **Fork repositoryet** til din GitHub-konto
+1. **Fork repositoriet** til din GitHub-konto
 2. **Klon din fork** lokalt
-3. **Opprett en ny branch** for endringene dine
+3. **Opprett en ny gren** for endringene dine
 4. Gjør endringer i leksjonsinnhold eller kodeeksempler
-5. Test eventuelle kodeendringer i relevante prosjektkataloger
-6. Send pull requests i henhold til retningslinjene for bidrag
+5. Test eventuelle kodeendringer i relevante prosjektmapper
+6. Send inn pull requests i henhold til retningslinjer for bidrag
 
 ### For lærende
 
-1. Fork eller klon repositoryet
-2. Naviger til leksjonskatalogene i rekkefølge
-3. Les README-filene for hver leksjon
-4. Fullfør før-leksjon quizzer på https://ff-quizzes.netlify.app/web/
-5. Jobb gjennom kodeeksempler i leksjonsmappene
+1. Fork eller klon repositoriet
+2. Naviger gjennom leksjonsmapper sekvensielt
+3. Les README-filer for hver leksjon
+4. Fullfør før-leksjons-quizzer på https://ff-quizzes.netlify.app/web/
+5. Arbeid gjennom kodeeksempler i leksjonsmapper
 6. Fullfør oppgaver og utfordringer
-7. Ta etter-leksjon quizzer
+7. Ta etter-leksjons-quizzer
 
 ### Live utvikling
 
-- **Dokumentasjon**: Kjør `docsify serve` i roten (port 3000)
+- **Dokumentasjon**: Kjør `docsify serve` i root (port 3000)
 - **Quiz App**: Kjør `npm run dev` i quiz-app katalogen
 - **Prosjekter**: Bruk VS Code Live Server extension for HTML-prosjekter
 - **API-prosjekter**: Kjør `npm start` i respektive API-kataloger
 
 ## Testinstruksjoner
 
-### Testing av Quiz App
+### Quiz App testing
 
 ```bash
 cd quiz-app
-npm run lint       # Sjekk for kode stil problemer
-npm run build      # Bekreft at byggingen lykkes
+npm run lint       # Sjekk for problemer med kodeformat
+npm run build      # Verifiser at byggingen lykkes
 ```
 
-### Testing av Bank API
+### Bank API testing
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Sjekk for kode stil problemer
-node server.js     # Bekreft at server starter uten feil
+npm run lint       # Sjekk for kodesstilproblemer
+node server.js     # Bekreft at serveren starter uten feil
 ```
 
 ### Generell testtilnærming
 
-- Dette er et utdanningsrepository uten omfattende automatiserte tester
+- Dette er et utdanningsrepository uten omfattende automatiske tester
 - Manuell testing fokuserer på:
   - Kodeeksempler kjører uten feil
-  - Lenker i dokumentasjonen fungerer riktig
-  - Prosjektbyggeoperasjoner fullføres uten feil
+  - Lenker i dokumentasjonen fungerer som de skal
+  - Prosjektbygg fullføres suksessfullt
   - Eksempler følger beste praksis
 
 ### Sjekk før innsending
@@ -136,126 +136,126 @@ node server.js     # Bekreft at server starter uten feil
 - Kjør `npm run lint` i kataloger med package.json
 - Verifiser at markdown-lenker er gyldige
 - Test kodeeksempler i nettleser eller Node.js
-- Sjekk at oversettelser opprettholder korrekt struktur
+- Sjekk at oversettelser opprettholder riktig struktur
 
-## Kode stil retningslinjer
+## Retningslinjer for kodestil
 
 ### JavaScript
 
-- Bruk moderne ES6+ syntax
-- Følg standard ESLint-konfigurasjoner gitt i prosjektene
-- Bruk meningsfulle variabel- og funksjonsnavn for utdanningsklarhet
+- Bruk moderne ES6+ syntaks
+- Følg standard ESLint-konfigurasjoner levert i prosjektene
+- Bruk meningsfulle variable- og funksjonsnavn for pedagogisk klarhet
 - Legg til kommentarer som forklarer konsepter for lærende
-- Formater med Prettier der dette er konfigurert
+- Formater med Prettier der det er konfigurert
 
 ### HTML/CSS
 
 - Semantiske HTML5-elementer
-- Responsive designprinsipper
-- Klare klasse-navnekonvensjoner
+- Responsivt designprinsipper
+- Klare klassenavnkonvensjoner
 - Kommentarer som forklarer CSS-teknikker for lærende
 
 ### Python
 
-- PEP 8 stilretningslinjer
-- Tydelige, pedagogiske kodeeksempler
-- Type hints hvor hjelpsomt for læring
+- PEP 8 stil retningslinjer
+- Klare, pedagogiske kodeeksempler
+- Typehinting der det er nyttig for læring
 
-### Markdown-dokumentasjon
+### Markdown Dokumentasjon
 
-- Klar overskriftsstruktur
-- Kodeblokker med språkspesifikasjon
-- Lenker til tilleggsmateriale
-- Skjermbilder og bilder i `images/` kataloger
+- Klar overskriftshierarki
+- Kodeblokker med spesifisering av språk
+- Lenker til ytterligere ressurser
+- Skjermbilder og bilder i `images/` mapper
 - Alt-tekst for bilder for tilgjengelighet
 
 ### Filorganisering
 
 - Leksjoner nummerert sekvensielt (1-getting-started-lessons, 2-js-basics, osv.)
-- Hvert prosjekt har `solution/` og ofte `start/` eller `your-work/` kataloger
-- Bilder lagres i leksjon-spesifikke `images/` mapper
-- Oversettelser lagres i `translations/{language-code}/` struktur
+- Hvert prosjekt har `solution/` og ofte `start/` eller `your-work/` mapper
+- Bilder lagres i leksjonsspesifikke `images/` mapper
+- Oversettelser i `translations/{language-code}/` struktur
 
 ## Bygging og distribusjon
 
-### Distribusjon av Quiz App (Azure Static Web Apps)
+### Quiz App distribusjon (Azure Static Web Apps)
 
-quiz-app er konfigurert for distribusjon til Azure Static Web Apps:
+Quiz-appen er konfigurert for distribusjon på Azure Static Web Apps:
 
 ```bash
 cd quiz-app
-npm run build      # Oppretter dist/-mappen
+npm run build      # Oppretter dist/-mappe
 # Distribuerer via GitHub Actions-arbeidsflyt ved push til main
 ```
 
 Azure Static Web Apps konfigurasjon:
-- **App-plassering**: `/quiz-app`
-- **Output-plassering**: `dist`
+- **App-lokasjon**: `/quiz-app`
+- **Output-lokasjon**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generering av PDF-dokumentasjon
+### Dokumentasjon PDF-generering
 
 ```bash
 npm install                    # Installer docsify-to-pdf
 npm run convert               # Generer PDF fra docs
 ```
 
-### Docsify-dokumentasjon
+### Docsify dokumentasjon
 
 ```bash
 npm install -g docsify-cli    # Installer Docsify globalt
-docsify serve                 # Tjen på localhost:3000
+docsify serve                 # Server på localhost:3000
 ```
 
 ### Prosjektspesifikke bygg
 
 Hver prosjektkatalog kan ha egen byggeprosess:
 - Vue-prosjekter: `npm run build` lager produksjonspakker
-- Statisk prosjekter: Ingen byggeprosess, server filer direkte
+- Statiske prosjekter: Ingen byggeprosess, server filer direkte
 
-## Retningslinjer for pull requests
+## Retningslinjer for pull-forespørsler
 
 ### Tittelformat
 
-Bruk klare, beskrivende titler som angir område for endring:
+Bruk klare, beskrivende titler som angir endringsområdet:
 - `[Quiz-app] Legg til ny quiz for leksjon X`
-- `[Lesson-3] Rett skrivefeil i terrarium-prosjekt`
+- `[Lesson-3] Fiks skrivefeil i terrarium-prosjekt`
 - `[Translation] Legg til spansk oversettelse for leksjon 5`
 - `[Docs] Oppdater oppsettinstruksjoner`
 
-### Nødvendige sjekker
+### Krav til sjekker
 
-Før du sender en PR:
+Før innsending av PR:
 
 1. **Kodekvalitet**:
-   - Kjør `npm run lint` i berørte prosjektkataloger
+   - Kjør `npm run lint` i berørte prosjektmapper
    - Rett opp alle lint-feil og advarsler
 
 2. **Byggeverifisering**:
-   - Kjør `npm run build` om relevant
-   - Sørg for at det ikke er byggefeil
+   - Kjør `npm run build` hvis aktuelt
+   - Sørg for ingen byggefeil
 
-3. **Lenkekontroll**:
+3. **Lenkevalidering**:
    - Test alle markdown-lenker
-   - Verifiser at bildehenvisninger fungerer
+   - Verifiser at bildefreferanser fungerer
 
-4. **Innholdsgjennomgang**:
-   - Korrekturles for stavefeil og grammatikk
-   - Sørg for at kodeeksempler er riktige og pedagogiske
-   - Dobbeltsjekk at oversettelser beholder opprinnelig betydning
+4. **Innholdsgranskning**:
+   - Korrekturles for stave- og grammatikkfeil
+   - Sørg for at kodeeksempler er korrekte og pedagogiske
+   - Verifiser at oversettelser opprettholder original betydning
 
 ### Bidragskrav
 
-- Aksepter Microsoft CLA (automatisk sjekk på første PR)
+- Aksepter Microsoft CLA (automatisk sjekk ved første PR)
 - Følg [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
 - Se [CONTRIBUTING.md](./CONTRIBUTING.md) for detaljerte retningslinjer
-- Referer til issue-numre i PR-beskrivelse om relevant
+- Referer til issues i PR-beskrivelse ved behov
 
 ### Gjennomgangsprosess
 
-- PRer gjennomgås av vedlikeholdere og fellesskap
-- Utdanningsklarhet prioriteres
-- Kodeeksempler skal følge gjeldende beste praksis
+- PRs granskes av vedlikeholdere og community
+- Pedagogisk klarhet prioriteres
+- Kodeeksempler bør følge gjeldende beste praksis
 - Oversettelser vurderes for nøyaktighet og kulturell tilpasning
 
 ## Oversettelsessystem
@@ -265,18 +265,18 @@ Før du sender en PR:
 - Bruker GitHub Actions med co-op-translator workflow
 - Oversetter automatisk til 50+ språk
 - Kildefiler i hovedkataloger
-- Oversatte filer i `translations/{language-code}/` kataloger
+- Oversatte filer i `translations/{language-code}/` mapper
 
 ### Legge til manuelle oversettelsesforbedringer
 
 1. Finn fil i `translations/{language-code}/`
 2. Gjør forbedringer samtidig som struktur bevares
-3. Sørg for at kodeeksempler forblir funksjonelle
-4. Test eventuelt lokaliserte quizinnhold
+3. Sørg for at kodeeksempler fortsatt fungerer
+4. Test eventuelt lokalisert quiz-innhold
 
 ### Oversettelsesmetadata
 
-Oversatte filer inkluderer metadata header:
+Oversatte filer inkluderer metadata-overskrift:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Vanlige problemer
 
-**Quiz app starter ikke**:
+**Quiz-appen starter ikke**:
 - Sjekk Node.js versjon (v14+ anbefalt)
 - Slett `node_modules` og `package-lock.json`, kjør `npm install` på nytt
-- Sjekk porter for konflikt (standard: Vite bruker port 5173)
+- Sjekk portkonflikter (standard: Vite bruker port 5173)
 
-**API server starter ikke**:
-- Verifiser Node.js versjon minimum (node >=10)
-- Sjekk at port ikke er i bruk
+**API-server starter ikke**:
+- Verifiser at Node.js versjon tilfredsstiller minimum (node >=10)
+- Sjekk om port allerede er i bruk
 - Sørg for at alle avhengigheter er installert med `npm install`
 
 **Nettleserutvidelse lastes ikke**:
-- Verifiser at manifest.json er korrekt formatert
-- Sjekk nettleserkonsoll for feil
+- Kontroller at manifest.json er korrekt formatert
+- Sjekk nettleserkonsollen for feil
 - Følg nettleserspesifikke installasjonsinstruksjoner
 
-**Problemer med Python chat prosjekt**:
+**Problemer med Python chat-prosjekt**:
 - Sørg for at OpenAI-pakken er installert: `pip install openai`
-- Verifiser at GITHUB_TOKEN miljøvariabel er satt
-- Sjekk rettigheter for GitHub Models
+- Verifiser at GITHUB_TOKEN miljøvariabelen er satt
+- Kontroller tilgangsrettigheter til GitHub Models
 
-**Docsify serverer ikke dokumentasjonen**:
+**Docsify serverer ikke dokumentasjon**:
 - Installer docsify-cli globalt: `npm install -g docsify-cli`
-- Kjør fra repository root-mappe
+- Kjør fra repository root-katalogen
 - Sjekk at `docs/_sidebar.md` eksisterer
 
-### Utviklingsmiljø tips
+### Tips for utviklingsmiljø
 
 - Bruk VS Code med Live Server extension for HTML-prosjekter
 - Installer ESLint og Prettier extensions for konsistent formatering
-- Bruk nettleserens DevTools for feilsøking av JavaScript
+- Bruk nettleserens DevTools for å feilsøke JavaScript
 - For Vue-prosjekter, installer Vue DevTools nettleserutvidelse
 
-### Ytelseshensyn
+### Ytelsesbetraktninger
 
-- Mange oversatte filer (50+ språk) gjør at hele kloner blir store
-- Bruk shallow clone hvis du kun jobber med innhold: `git clone --depth 1`
+- Stort antall oversatte filer (50+ språk) gjør at full kloning er stor
+- Bruk shallow clone dersom du kun jobber med innhold: `git clone --depth 1`
 - Ekskluder oversettelser fra søk når du jobber med engelsk innhold
-- Byggeprosesser kan være treg ved første kjøring (npm install, Vite build)
+- Byggeprosesser kan være trege ved første kjøring (npm install, Vite build)
 
-## Sikkerhetshensyn
+## Sikkerhetsbetraktninger
 
 ### Miljøvariabler
 
-- API-nøkler bør aldri legges inn i repository
+- API-nøkler skal aldri sjekkes inn i repository
 - Bruk `.env` filer (allerede i `.gitignore`)
-- Dokumenter nødvendige miljøvariabler i prosjekt README-filer
+- Dokumenter nødvendige miljøvariabler i prosjektets README-filer
 
 ### Python-prosjekter
 
 - Bruk virtuelle miljøer: `python -m venv venv`
 - Hold avhengigheter oppdatert
-- GitHub-tokener skal ha minimale nødvendige rettigheter
+- GitHub-tokens skal ha minimale nødvendige tillatelser
 
 ### GitHub Models-tilgang
 
 - Personlige tilgangstokener (PAT) kreves for GitHub Models
-- Tokens skal lagres som miljøvariabler
-- Aldri legg tokens eller legitimasjon i repository
+- Tokens bør lagres som miljøvariabler
+- Aldri sjekk inn tokens eller legitimasjon
 
 ## Tilleggsnotater
 
 ### Målgruppe
 
-- Komplett nybegynnere i webutvikling
-- Studenter og selvlærende
+- Fullstendige nybegynnere innen webutvikling
+- Studenter og selvstudenter
 - Lærere som bruker pensum i klasserom
-- Innholdet er utformet for tilgjengelighet og gradvis ferdighetsbygging
+- Innholdet er designet for tilgjengelighet og gradvis ferdighetsbygging
 
 ### Pedagogisk filosofi
 
-- Prosjektbasert læringstilnærming
+- Prosjektbasert læringsmetode
 - Hyppige kunnskapskontroller (quizzer)
-- Praktiske kodingsøvelser
-- Virkelige applikasjonseksempler
+- Praktiske kodingoppgaver
+- Virkelighetsnære anvendelseksempler
 - Fokus på grunnleggende før rammeverk
 
-### Repository vedlikehold
+### Repository-vedlikehold
 
-- Aktivt fellesskap av lærende og bidragsytere
-- Regelmessige oppdateringer av avhengigheter og innhold
+- Aktivt community av lærende og bidragsytere
+- Jevnlige oppdateringer av avhengigheter og innhold
 - Issues og diskusjoner overvåkes av vedlikeholdere
-- Oversettelsesoppdateringer automatiseres via GitHub Actions
+- Oversettelsesoppdateringer automatisert via GitHub Actions
 
-### Relatert ressurser
+### Relaterte ressurser
 
 - [Microsoft Learn moduler](https://docs.microsoft.com/learn/)
 - [Student Hub ressurser](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) anbefalt for lærende
-- Ytterligere kurs: Generativ AI, Data Science, ML, IoT pensum tilgjengelig
+- Tilleggs kurs: Generativ AI, Data Science, ML, IoT pensum tilgjengelig
 
-### Arbeide med spesifikke prosjekter
+### Arbeid med spesifikke prosjekter
 
 For detaljerte instruksjoner om individuelle prosjekter, se README-filene i:
-- `quiz-app/README.md` - Vue 3 quiz applikasjon
+- `quiz-app/README.md` - Vue 3 quiz-applikasjon
 - `7-bank-project/README.md` - Bankapplikasjon med autentisering
 - `5-browser-extension/README.md` - Nettleserutvidelsesutvikling
 - `6-space-game/README.md` - Canvas-basert spillutvikling
-- `9-chat-project/README.md` - AI chat assistent prosjekt
+- `9-chat-project/README.md` - AI chat-assistent prosjekt
 
 ### Monorepo-struktur
 
-Selv om det ikke er et tradisjonelt monorepo, inneholder dette repository flere uavhengige prosjekter:
+Selv om dette ikke er et tradisjonelt monorepo, inneholder dette repositoriet flere uavhengige prosjekter:
 - Hver leksjon er selvstendig
 - Prosjektene deler ikke avhengigheter
-- Jobb med individuelle prosjekter uten å påvirke andre
+- Arbeid på individuelle prosjekter uten å påvirke andre
 - Klon hele repo for full pensumopplevelse
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Ansvarsfraskrivelse**:
-Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på dets opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.
+Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på dets originale språk bør betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/no/README.md b/translations/no/README.md
index 99014091b..b4b8ba6b6 100644
--- a/translations/no/README.md
+++ b/translations/no/README.md
@@ -10,71 +10,81 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Webutvikling for nybegynnere - en læreplan
+# Webutvikling for nybegynnere - Et læreplan
 
-Lær det grunnleggende om webutvikling med vårt 12-ukers omfattende kurs av Microsoft Cloud Advocates. Hver av de 24 leksjonene dykker ned i JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Delta i quizzer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsbevaringen med vår effektive prosjektbaserte pedagogikk. Start din kodingreise i dag!
+Lær grunnleggende webutvikling med vårt 12-ukers omfattende kurs av Microsoft Cloud Advocates. Hver av de 24 leksjonene dykker ned i JavaScript, CSS og HTML gjennom praktiske prosjekter som terrarier, nettleserutvidelser og romspill. Delta i quizer, diskusjoner og praktiske oppgaver. Forbedre ferdighetene dine og optimaliser kunnskapsretensjonen med vår effektive prosjektbaserte pedagogikk. Start din kode-reise i dag!
 
 Bli med i Azure AI Foundry Discord-fellesskapet
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Følg disse trinnene for å komme i gang med disse ressursene:
-1. **Lag en gaffel av repositoriet**: Klikk [![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. **Klon repositoriet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Bli med i Azure AI Foundry Discord og møt eksperter og andre utviklere**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fork repoet**: Klikk [![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. **Klon repoet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Bli med i Azure AI Foundry Discord og møt eksperter og medutviklere**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Flerspråklig støtte
 
-#### Støttet via GitHub Action (Automatisk og alltid oppdatert)
+#### Støttes via GitHub Action (Automatisk og alltid oppdatert)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](./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)
 
 > **Foretrekker du å klone lokalt?**
-
-> Dette repositoriet inkluderer 50+ språkoversettelser som øker nedlastningsstørrelsen betydelig. For å klone uten oversettelser, bruk sparse checkout:
+>
+> Dette repoet inkluderer 50+ språkoversettelser som øker nedlastingsstørrelsen betydelig. For å klone uten oversettelser, bruk 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'
 > ```
-> Dette gir deg alt du trenger for å fullføre kurset med en mye raskere nedlasting.
+>
+> **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"
+> ```
+>
+> Dette gir deg alt du trenger for å fullføre kurset med mye raskere nedlasting.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Hvis du ønsker at flere oversettelsesspråk skal støttes, er de oppført [her](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Hvis du ønsker at flere oversettelsesspråk skal støttes, er disse oppført [her](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)
 
 #### 🧑‍🎓 _Er du student?_
 
-Besøk [**Student Hub-side**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner nybegynnerressurser, studentpakker og til og med måter å få et gratis sertifikatkupong på. Dette er siden du vil bokmerke og sjekke fra tid til annen ettersom vi bytter ut innhold månedlig.
+Besøk [**Student Hub-siden**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) hvor du finner nybegynnerressurser, studentpakker og til og med måter å få en gratis sertifikatkupong på. Dette er siden du bør bokmerke og sjekke fra tid til annen da vi bytter ut innhold månedlig.
 
-### 📣 Kunngjøring - Nye GitHub Copilot Agent modus utfordringer å fullføre!
+### 📣 Annonsering - Nye utfordringer i GitHub Copilot Agent-modus å fullføre!
 
-Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitler. Det er en ny utfordring for deg å fullføre ved hjelp av GitHub Copilot og Agent-modus. Om du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også lage og redigere filer, kjøre kommandoer og mer.
+Ny utfordring lagt til, se etter "GitHub Copilot Agent Challenge 🚀" i de fleste kapitlene. Det er en ny utfordring du kan fullføre ved å bruke GitHub Copilot og Agent-modus. Hvis du ikke har brukt Agent-modus før, kan den ikke bare generere tekst, men også opprette og redigere filer, kjøre kommandoer og mer.
 
-### 📣 Kunngjøring - _Nytt prosjekt å bygge med Generativ AI_
+### 📣 Annonsering - _Nytt prosjekt å bygge med Generativ AI_
 
-Nytt AI Assistant-prosjekt nettopp lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md)
+Nytt AI-assistentprosjekt nettopp lagt til, sjekk det ut [prosjekt](./9-chat-project/README.md)
 
-### 📣 Kunngjøring - _Ny læreplan_ om Generativ AI for JavaScript er nettopp lansert
+### 📣 Annonsering - _Ny læreplan_ om Generativ AI for JavaScript ble nettopp utgitt
 
-Ikke gå glipp av vår nye Generativ AI læreplan!
+Ikke gå glipp av vår nye læreplan for Generativ AI!
 
 Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang!
 
 ![Background](../../translated_images/no/background.148a8d43afde5730.webp)
 
 - Leksjoner som dekker alt fra grunnleggende til RAG.
-- Kommuniser med historiske karakterer med GenAI og vår følgesvenn-app.
-- Morsom og engasjerende fortelling, du vil reise i tid!
+- Samhandle med historiske personer ved hjelp av GenAI og vår følgesvenn-app.
+- Moro og engasjerende fortelling, du vil reise i tid!
 
 ![character](../../translated_images/no/character.5c0dd8e067ffd693.webp)
 
 
-Hver leksjon inkluderer en oppgave å fullføre, en kunnskapstest og en utfordring for å veilede deg gjennom læringsemner som:
-- Prompting og prompt-engineering
-- Tekst- og bildeapp-generering
+Hver leksjon inkluderer en oppgave å fullføre, en kunnskapskontroll og en utfordring for å veilede deg i læring av temaer som:
+- Prompting og prompt engineering
+- Tekst- og bildeappgenerering
 - Søkeapper
 
 Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang!
@@ -83,131 +93,130 @@ Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å k
 
 ## 🌱 Komme i gang
 
-> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) til hvordan bruke denne læreplanen. Vi setter stor pris på din tilbakemelding [i vår diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Lærere**, vi har [inkludert noen forslag](for-teachers.md) til hvordan du kan bruke denne læreplanen. Vi vil gjerne ha tilbakemeldinger [i vårt diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Lærende](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en pre-forelesningsquiz og følg deretter med å lese forelesningsmaterialet, fullføre de ulike aktivitetene og sjekk forståelsen din med post-forelesningsquizen.
+**[Elever](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for hver leksjon, start med en for-forelesningsquiz og følg opp med å lese forelesningsmaterialet, fullføre de ulike aktivitetene og sjekke forståelsen med etter-forelesningsquiz.
 
-For å forbedre læringsopplevelsen din, koble deg sammen med dine jevnaldrende for å jobbe med prosjektene sammen! Diskusjoner oppfordres i vårt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) hvor vårt team av moderatorer vil være tilgjengelig for å svare på dine spørsmål.
+For å forbedre læringsopplevelsen, koble deg sammen med dine medstudenter for å jobbe på prosjektene sammen! Diskusjoner oppfordres i vårt [diskusjonsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) hvor vårt team av moderatorer vil være tilgjengelig for å svare på spørsmålene dine.
 
-For å videreutvikle utdannelsen din, anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for tilleggsmateriell.
+For å utvide utdannelsen anbefaler vi sterkt å utforske [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for ekstra studiemateriell.
 
 ### 📋 Sette opp miljøet ditt
 
-Denne læreplanen har et utviklingsmiljø klart til bruk! Når du kommer i gang kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på din datamaskin ved bruk av en tekstredigerer som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Denne læreplanen har et utviklingsmiljø klart til bruk! Når du kommer i gang kan du velge å kjøre læreplanen i en [Codespace](https://github.com/features/codespaces/) (_et nettleserbasert miljø uten behov for installasjoner_), eller lokalt på datamaskinen din ved å bruke en teksteditor som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Opprett ditt eget repository
-For at du enkelt skal kunne lagre arbeidet ditt, anbefales det at du oppretter din egen kopi av dette repositoriet. Du kan gjøre dette ved å klikke på **Use this template** knappen øverst på siden. Dette vil opprette et nytt repository i din GitHub-konto med en kopi av læreplanen.
+For at du enkelt skal kunne lagre arbeidet ditt, anbefales det at du oppretter din egen kopi av dette repoet. Du kan gjøre dette ved å klikke på **Use this template**-knappen øverst på siden. Dette vil lage et nytt repository i din GitHub-konto med en kopi av læreplanen.
 
 Følg disse trinnene:
-1. **Lag en gaffel av repositoriet**: Klikk på "Fork"-knappen øverst til høyre på denne siden.
-2. **Klon repositoriet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fork repoet**: Klikk på "Fork"-knappen øverst til høyre på denne siden.
+2. **Klon repoet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Kjøre læreplanen i en Codespace
 
-I din kopi av dette repositoriet du opprettet, klikk på **Code**-knappen og velg **Open with Codespaces**. Dette vil opprette en ny Codespace for deg å jobbe i.
+I din kopi av repoet som du opprettet, klikk på **Code**-knappen og velg **Open with Codespaces**. Dette vil opprette en ny Codespace for deg å jobbe i.
 
 ![Codespace](../../translated_images/no/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Kjøre læreplanen lokalt på din datamaskin
 
-For å kjøre denne læreplanen lokalt på datamaskinen din trenger du en tekstredigerer, en nettleser og et kommandolinjeverktøy. Vår første leksjon, [Introduksjon til programmeringsspråk og verktøy](../../1-getting-started-lessons/1-intro-to-programming-languages), vil guide deg gjennom ulike alternativer for hver av disse verktøyene slik at du kan velge det som passer best for deg.
-
-Vår anbefaling er å bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som redigerer, som også har en innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
+For å kjøre denne læreplanen lokalt på din datamaskin trenger du en teksteditor, en nettleser og et kommandolinjeverktøy. Vår første leksjon, [Introduksjon til programmeringsspråk og verktøy](../../1-getting-started-lessons/1-intro-to-programming-languages), vil lede deg gjennom ulike valg for hvert av disse verktøyene slik at du kan velge det som passer best for deg.
 
+Vi anbefaler å bruke [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din editor, som også har en innebygd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan laste ned Visual Studio Code [her](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 1. Klon ditt repository til din datamaskin. Du kan gjøre dette ved å klikke på **Code**-knappen og kopiere URL-en:
 
     [CodeSpace](./images/createcodespace.png)
-Deretter åpner du [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kjører følgende kommando, og erstatter `<your-repository-url>` med URL-en du nettopp kopierte:
+
+    Åpne deretter [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) og kjør følgende kommando, erstatt `<your-repository-url>` med URL-en du nettopp kopierte:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Åpne mappen i Visual Studio Code. Du kan gjøre dette ved å klikke **Fil** > **Åpne mappe** og velge mappen du nettopp klonet.
+2. Åpne mappen i Visual Studio Code. Du kan gjøre dette ved å klikke **File** > **Open Folder** og velge mappen du nettopp klonet.
 
 
 >  Anbefalte Visual Studio Code-utvidelser:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for å forhåndsvise HTML-sider i Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for å hjelpe deg å skrive kode raskere
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - for å hjelpe deg skrive kode raskere
 
-## 📂 Hver leksjon inneholder:
+## 📂 Hver leksjon inkluderer:
 
-- valgfri skisse
-- valgfri supplerende video
+- valgfri skisse-notat
+- valgfri tilleggsvideo
 - oppvarmingsquiz før leksjonen
 - skriftlig leksjon
-- for prosjektbaserte leksjoner, trinnvise guider for hvordan du bygger prosjektet
+- for prosjektrelaterte leksjoner, steg-for-steg guider for hvordan bygge prosjektet
 - kunnskapstester
 - en utfordring
-- supplerende lesing
+- tilleggslesning
 - oppgave
 - [quiz etter leksjonen](https://ff-quizzes.netlify.app/web/)
 
-> **En merknad om quizer**: Alle quizer er samlet i Quiz-app mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/). quiz-appen kan kjøres lokalt eller deployeres til Azure; følg instruksjonene i `quiz-app`-mappen.
+> **En merknad om quizer**: Alle quizer ligger i Quiz-app-mappen, totalt 48 quizer med tre spørsmål hver. De er tilgjengelige [her](https://ff-quizzes.netlify.app/web/) quiz-appen kan kjøres lokalt eller distribueres til Azure; følg instruksjonene i `quiz-app`-mappen.
 
 ## 🗃️ Leksjoner
 
-|     |                       Prosjektnavn                       |                            Konsepter som læres                            | Læringsmål                                                                                                                         |                                                         Tilknyttet leksjon                                                          |         Forfatter         |
-| :-: | :------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
-| 01  |                     Komme i gang                       |           Introduksjon til programmering og verktøy for faget           | Lær det grunnleggende bak de fleste programmeringsspråk og om programvare som hjelper profesjonelle utviklere å gjøre jobben sin | [Introduksjon til programmeringsspråk og verktøy](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine           |
-| 02  |                     Komme i gang                       |             Grunnleggende om GitHub, inkludert samarbeid i team             | Hvordan bruke GitHub i prosjektet ditt, hvordan samarbeide med andre på en kodebase                                               |                            [Introduksjon til GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor            |
-| 03  |                     Komme i gang                       |                             Tilgjengelighet                              | Lær det grunnleggende om nettside-tilgjengelighet                                                                                 |                       [Tilgjengelighet Grunnleggende](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher         |
-| 04  |                        JS Grunnleggende                  |                         JavaScript-datatyper                          | Grunnleggende om JavaScript-datatyper                                                                                             |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                        |         Jasmine           |
-| 05  |                        JS Grunnleggende                  |                         Funksjoner og metoder                          | Lær om funksjoner og metoder for å håndtere et applikasjons logikkflyt                                                           |                              [Funksjoner og Metoder](./2-js-basics/2-functions-methods/README.md)                               | Jasmine og Christopher    |
-| 06  |                        JS Grunnleggende                  |                        Å ta beslutninger med JS                        | Lær hvordan du lager betingelser i koden din ved å bruke beslutningsmetoder                                                       |                                 [Ta beslutninger](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine           |
-| 07  |                        JS Grunnleggende                  |                            Arrays og løkker                            | Arbeide med data ved bruk av arrays og løkker i JavaScript                                                                       |                                   [Arrays og løkker](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine           |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML i praksis                            | Bygg HTML for å lage et virtuelt terrarium, med fokus på å bygge en layout                                                        |                                 [Introduksjon til HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen             |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS i praksis                             | Bygg CSS for å style det virtuelle terrariet, med fokus på grunnleggende CSS inkludert making siden responsiv                    |                                  [Introduksjon til CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen             |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript closures, DOM-manipulering                  | Bygg JavaScript for å gjøre terrariet funksjonelt som et dra/slipp-grensesnitt, med fokus på closures og DOM-manipulering       |                  [JavaScript closures, DOM-manipulering](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen             |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Lag et Skrivespill                           | Lær hvordan du bruker tastaturhendelser for å drive logikken i JavaScript-appen din                                               |                                [Hendelsesdrevet Programmering](./4-typing-game/typing-game/README.md)                                |       Christopher         |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbeide med nettlesere                          | Lær hvordan nettlesere fungerer, deres historie, og hvordan du bygger opp de første elementene i en nettleserutvidelse           |                               [Om nettlesere](./5-browser-extension/1-about-browsers/README.md)                                |           Jen             |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lage et skjema, kalle et API og lagre variabler i lokal lagring | Bygg JavaScript-elementene til nettleserutvidelsen din for å kalle et API ved bruk av variabler lagret i lokal lagring           |                [APIer, skjemautfylling og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen             |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Bakgrunnsprosesser i nettleseren, web-ytelse          | Bruk nettleserens bakgrunnsprosesser for å administrere utvidelsens ikon; lær om web-ytelse og noen optimaliseringer for å gjøre |             [Bakgrunnsoppgaver og ytelse](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen             |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mer avansert spillutvikling med JavaScript             | Lær om arv ved å bruke både klasser og komposisjon og Pub/Sub-mønsteret, som en forberedelse til å lage et spill                |                      [Introduksjon til avansert spillutvikling](./6-space-game/1-introduction/README.md)                       |          Chris            |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Tegning til lerret                            | Lær om Canvas API, som brukes til å tegne elementer på skjermen                                                                  |                                [Tegning til lerret](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris            |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flytte elementer rundt på skjermen                    | Oppdag hvordan elementer kan få bevegelse ved hjelp av kartesiske koordinater og Canvas API                                        |                           [Flytte elementer rundt](./6-space-game/3-moving-elements-around/README.md)                           |          Chris            |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisjonsdeteksjon                           | La elementer kollidere og reagere på hverandre ved hjelp av tastetrykk og implementer en cooldown-funksjon for å sikre spillytelse |                              [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md)                              |          Chris            |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Hold styr på poeng                           | Utfør matematiske beregninger basert på spillets status og ytelse                                                                |                                    [Poengtelling](./6-space-game/5-keeping-score/README.md)                                    |          Chris            |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Avslutte og starte spillet på nytt                   | Lær om å avslutte og restarte spillet, inkludert å rydde opp ressurser og tilbakestille variabelverdier                           |                                [Avslutningsbetingelsen](./6-space-game/6-end-condition/README.md)                                 |          Chris            |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-maler og ruter i et webapp                         | Lær hvordan du lager grunnstrukturen til en flersidig nettsides arkitektur ved bruk av routing og HTML-maler                     |                            [HTML-maler og ruter](./7-bank-project/1-template-route/README.md)                             |          Yohan            |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Lag en innloggings- og registreringsskjema              | Lær om å lage skjemaer og håndtere valideringsrutiner                                                                             |                                           [Skjemaer](./7-bank-project/2-forms/README.md)                                           |          Yohan            |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metoder for å hente og bruke data                     | Hvordan data flyter inn og ut av appen din, hvordan hente det, lagre det, og kvitte seg med det                                    |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan            |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Begreper om tilstandsadministrasjon                | Lær hvordan appen din beholder tilstand og hvordan du kan styre den programmessig                                                 |                                [Tilstandsadministrasjon](./7-bank-project/4-state-management/README.md)                                |          Yohan            |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeider med VScode | Lær hvordan du bruker en kode-editor| [Bruk VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeider med AI | Lær hvordan du bygger din egen AI-assistent | [AI Assistent prosjekt](./9-chat-project/README.md) | Chris |
+|     |                       Prosjektnavn                       |                            Konsepter som læres                            | Læringsmål                                                                                                                        |                                                         Lenket leksjon                                                           |         Forfatter         |
+| :-: | :------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
+| 01  |                     Komme i gang                         |           Introduksjon til programmering og verktøy i faget              | Lær grunnlaget bak de fleste programmeringsspråk og programvare som hjelper profesjonelle utviklere                             | [Introduksjon til programmeringsspråk og verktøy i faget](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine           |
+| 02  |                     Komme i gang                         |             Grunnleggende GitHub, inkludert arbeid i teamet              | Hvordan bruke GitHub i ditt prosjekt, og hvordan samarbeide med andre på en kodebase                                              |                            [Introduksjon til GitHub](./1-getting-started-lessons/2-github-basics/README.md)                      |          Floor            |
+| 03  |                     Komme i gang                         |                             Tilgjengelighet                              | Lær det grunnleggende om nettilgjengelighet                                                                                      |                       [Grunnleggende tilgjengelighet](./1-getting-started-lessons/3-accessibility/README.md)                      |       Christopher         |
+| 04  |                        JS Grunnleggende                  |                         JavaScript datatype                              | Grunnleggende om JavaScript-datatyper                                                                                            |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                       |         Jasmine           |
+| 05  |                        JS Grunnleggende                  |                         Funksjoner og metoder                            | Lær om funksjoner og metoder for å styre en applikasjons logikk                                                                  |                              [Funksjoner og metoder](./2-js-basics/2-functions-methods/README.md)                               | Jasmine og Christopher    |
+| 06  |                        JS Grunnleggende                  |                        Å ta beslutninger med JS                         | Lær hvordan lage betingelser i koden din ved hjelp av beslutningsmetoder                                                        |                                 [Beslutningstaking](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine           |
+| 07  |                        JS Grunnleggende                  |                            Lister og løkker                             | Arbeid med data ved bruk av lister og løkker i JavaScript                                                                        |                                   [Lister og løkker](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine           |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML i praksis                              | Bygg HTML for å lage et online terrarium, med fokus på layout                                                                    |                                 [Introduksjon til HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen             |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS i praksis                               | Bygg CSS for å style det online terrariet, med fokus på grunnleggende CSS inkludert responsiv side                               |                                  [Introduksjon til CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen             |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM-manipulasjon                   | Bygg JavaScript for å gjøre terrariet til en drag/drop-grensesnitt, med fokus på closures og DOM-manipulasjon                   |                  [JavaScript Closures, DOM-manipulasjon](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen             |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bygg et skrive-spill                           | Lær hvordan du bruker tastaturevents for å styre logikken i ditt JavaScript-app                                                  |                                [Event-drevet programmering](./4-typing-game/typing-game/README.md)                               |       Christopher         |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbeide med nettlesere                         | Lær hvordan nettlesere fungerer, deres historie og hvordan skissere de første elementene i en nettleserutvidelse                 |                               [Om nettlesere](./5-browser-extension/1-about-browsers/README.md)                                 |           Jen             |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygging av skjema, kalle et API og lagre variabler i lokal lagring      | Bygg JavaScript-elementer i nettleserutvidelsen din som kaller et API ved bruk av variabler lagret i lokal lagring              |                [API-er, skjemaer og lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)              |           Jen             |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Bakgrunnsprosesser i nettleseren, web-ytelse                   | Bruk nettleserens bakgrunnsprosesser til å styre utvidelsens ikon; lær om web-ytelse og noen optimaliseringer                  |             [Bakgrunnsoppgaver og ytelse](./5-browser-extension/3-background-tasks-and-performance/README.md)                  |           Jen             |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mer avansert spillutvikling med JavaScript                | Lær om arv ved bruk av både klasser og komposisjon og Pub/Sub-mønsteret, som forberedelse til å bygge et spill                   |                      [Introduksjon til avansert spillutvikling](./6-space-game/1-introduction/README.md)                        |          Chris            |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Tegning til canvas                           | Lær om Canvas API, brukt for å tegne elementer på en skjerm                                                                    |                                [Tegning til Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris            |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flytte elementer rundt på skjermen                   | Oppdag hvordan elementer kan få bevegelse ved hjelp av kartesiske koordinater og Canvas API                                      |                           [Flytte elementer rundt](./6-space-game/3-moving-elements-around/README.md)                            |          Chris            |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisjonsdeteksjon                          | Få elementer til å kollidere og reagere på hverandre ved hjelp av tastetrykk og tilby en cooldown-funksjon for å sikre ytelse |                              [Kollisjonsdeteksjon](./6-space-game/4-collision-detection/README.md)                              |          Chris            |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Holde styr på poeng                        | Utfør matematiske beregninger basert på spillets status og ytelse                                                                |                                    [Holde styr på poeng](./6-space-game/5-keeping-score/README.md)                                 |          Chris            |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Avslutte og starte spillet på nytt                | Lær om å avslutte og starte spillet på nytt, inkludert opprydding av ressurser og tilbakestilling av variabler                   |                                [Sluttbetingelsen](./6-space-game/6-end-condition/README.md)                                     |          Chris            |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-maler og ruter i en webapp                       | Lær hvordan lage strukturen for en nettsides arkitektur med routing og HTML-maler                                               |                            [HTML-maler og ruter](./7-bank-project/1-template-route/README.md)                                   |          Yohan            |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Bygge påloggings- og registreringsskjema            | Lær om bygging av skjemaer og håndtering av valideringsrutiner                                                                   |                                           [Skjemaer](./7-bank-project/2-forms/README.md)                                      |          Yohan            |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metoder for henting og bruk av data                 | Hvordan data flyter inn og ut av appen din, hvordan hente, lagre og kvitte seg med den                                           |                                            [Data](./7-bank-project/3-data/README.md)                                           |          Yohan            |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Konsepter innen tilstandshåndtering              | Lær hvordan appen din beholder tilstand og hvordan styre den programmatisk                                                      |                                [Tilstandshåndtering](./7-bank-project/4-state-management/README.md)                             |          Yohan            |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeide med VScode | Lær hvordan du bruker en kodeeditor| [Bruk VScode kodeeditor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeide med AI | Lær hvordan bygge din egen AI-assistent | [AI Assistant-prosjekt](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogikk
 
-Vårt pensum er designet med to viktige pedagogiske prinsipper i tankene:
+Vårt pensum er utformet med to viktige pedagogiske prinsipper i tankene:
 * prosjektbasert læring
 * hyppige quizer
 
-Programmet lærer grunnleggende JavaScript, HTML og CSS, samt de nyeste verktøyene og teknikkene som dagens webutviklere bruker. Studentene vil få muligheten til å utvikle praktisk erfaring ved å bygge et skrivespill, virtuelt terrarium, miljøvennlig nettleserutvidelse, rom-invader-stil spill og en bankapp for bedrifter. Ved slutten av serien vil studentene ha oppnådd en solid forståelse av webutvikling.
+Programmet lærer grunnleggende JavaScript, HTML, og CSS, samt de nyeste verktøyene og teknikkene som dagens webutviklere bruker. Studenter får muligheten til å utvikle praktisk erfaring ved å bygge et skrive-spill, virtuelt terrarium, miljøvennlig nettleserutvidelse, et Space Invaders-inspirert spill og en bank-app for bedrifter. Ved slutten av serien vil studentene ha oppnådd en solid forståelse av webutvikling.
 
 > 🎓 Du kan ta de første leksjonene i dette pensumet som en [Læringssti](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn!
 
-Ved å sikre at innholdet stemmer overens med prosjektene, gjøres prosessen mer engasjerende for studentene og lagring av konsepter vil bli forbedret. Vi skrev også flere startleksjoner i JavaScript-grunnleggende for å introdusere konsepter, koblet med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen av videotutorials, noen av forfatterne bidro til dette pensumet.
+Ved å sikre at innholdet stemmer overens med prosjektene, blir prosessen mer engasjerende for studentene og konseptene blir bedre husket. Vi skrev også flere oppstartleksjoner i JavaScript-grunnleggende for å introdusere konsepter, kombinert med en video fra "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"-samlingen av videotutorials, hvor noen av forfatterne bidro til dette pensumet.
 
-I tillegg setter en lavterskelquiz før en time intensjonen til studenten om å lære et tema, mens en andre quiz etter timen sikrer ytterligere lagring. Dette pensumet er designet for å være fleksibelt og morsomt og kan tas i sin helhet eller delvis. Prosjektene starter smått og blir stadig mer komplekse innen slutten av 12-ukers syklusen.
+I tillegg setter en lavterskel-quiz før en klasse intensjonen for studenten mot å lære et tema, mens en andre quiz etter klassen sikrer videre hukommelse. Dette pensumet er designet for å være fleksibelt og morsomt, og kan tas i sin helhet eller delvis. Prosjektene starter smått og blir stadig mer komplekse innen slutten av en 12-ukers syklus.
 
-Selv om vi med vilje har unngått å introdusere JavaScript-rammeverk for å fokusere på grunnleggende ferdigheter som trengs som webutvikler før man tar i bruk et rammeverk, vil et godt neste steg etter å ha fullført dette pensumet være å lære om Node.js via en annen samling videoer: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Selv om vi bevisst har unngått å introdusere JavaScript-rammeverk for å fokusere på grunnleggende ferdigheter som kreves som webutvikler før du tar i bruk et rammeverk, vil et godt neste steg etter dette pensumet være å lære om Node.js via en annen videosamling: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Besøk våre retningslinjer for [Atferdskodeks](CODE_OF_CONDUCT.md) og [Bidra](CONTRIBUTING.md). Vi ønsker din konstruktive tilbakemelding velkommen!
+> Besøk våre retningslinjer for [Adferdskodeks](CODE_OF_CONDUCT.md) og [Bidrag](CONTRIBUTING.md). Vi setter pris på din konstruktive tilbakemelding!
 
 
-## 🧭 Offline-tilgang
+## 🧭 Frakoblet tilgang
 
-Du kan kjøre denne dokumentasjonen offline ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og deretter i rotmappen til dette repoet, skriv `docsify serve`. Nettstedet vil serveres på port 3000 på din localhost: `localhost:3000`.
+Du kan kjøre denne dokumentasjonen frakoblet ved å bruke [Docsify](https://docsify.js.org/#/). Fork dette repoet, [installer Docsify](https://docsify.js.org/#/quickstart) på din lokale maskin, og så i rotmappen av dette repoet, skriv `docsify serve`. Nettstedet vil bli servert på port 3000 på din localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 En PDF av alle leksjonene kan finnes [her](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Andre Kurs
-Teamet vårt produserer andre kurs! Sjekk ut:
+## 🎒 Andre kurs
+
+Vårt team produserer andre kurs! Sjekk ut:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -216,7 +225,7 @@ Teamet vårt produserer andre kurs! Sjekk ut:
 [![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 / Agenter
+### Azure / Edge / MCP / Agents
 [![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)
@@ -224,7 +233,7 @@ Teamet vårt produserer andre kurs! Sjekk ut:
 
 ---
  
-### Generativ AI-serie
+### Generative AI Series
 [![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)
@@ -232,7 +241,7 @@ Teamet vårt produserer andre kurs! Sjekk ut:
 
 ---
  
-### Kjerneopplæring
+### 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)
@@ -243,7 +252,7 @@ Teamet vårt produserer andre kurs! Sjekk ut:
 
 ---
  
-### Copilot-serie
+### 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)
@@ -251,21 +260,21 @@ Teamet vårt produserer andre kurs! Sjekk ut:
 
 ## Få hjelp
 
-Hvis du sitter fast eller har noen spørsmål om å bygge AI-apper. Bli med andre lærende og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne og kunnskap deles fritt.
+Hvis du sitter fast eller har spørsmål om å bygge AI-apper. Bli med andre elever og erfarne utviklere i diskusjoner om MCP. Det er et støttende fellesskap hvor spørsmål er velkomne, og kunnskap deles fritt.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Hvis du har produktfeedback eller finner feil mens du bygger, besøk:
+Hvis du har produktinnspill eller feil under bygging, besøk:
 
 [![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)
 
 ## Lisens
 
-Dette depotet er lisensiert under MIT-lisensen. Se [LICENSE](../../LICENSE)-filen for mer informasjon.
+Dette depotet er lisensiert under MIT-lisensen. Se [LICENSE](../../LICENSE) filen for mer informasjon.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Ansvarsfraskrivelse**:
-Dette dokumentet er oversatt ved bruk av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på dets opprinnelige språk skal betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.
+Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten [Co-op Translator](https://github.com/Azure/co-op-translator). Selv om vi streber etter nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det opprinnelige dokumentet på dets opprinnelige språk skal betraktes som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi påtar oss ikke ansvar for eventuelle misforståelser eller feiltolkninger som følge av bruken av denne oversettelsen.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pa/.co-op-translator.json b/translations/pa/.co-op-translator.json
index 453b66af2..ac60b8374 100644
--- a/translations/pa/.co-op-translator.json
+++ b/translations/pa/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T16:13:57+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:30:42+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "pa"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:49:30+00:00",
+    "translation_date": "2026-03-06T12:42:53+00:00",
     "source_file": "AGENTS.md",
     "language_code": "pa"
   },
@@ -516,8 +516,8 @@
     "language_code": "pa"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:44:35+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:24:47+00:00",
     "source_file": "README.md",
     "language_code": "pa"
   },
diff --git a/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 3b5abe8ab..48fbfd1b8 100644
--- a/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,125 +1,332 @@
-# ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਆਧੁਨਿਕ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਦਾ ਪਰਿਚਯ
+# ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਆਧੁਨਿਕ ਡਿਵੈਲਪਰ ਟੂਲਾਂ ਦਾ ਪਰਿਚਇ
+ 
+ਹੈਲੋ, ਭਵਿੱਖ ਦਾ ਡਿਵੈਲਪਰ! 👋 ਕੀ ਮੈਂ ਤੁਹਾਨੂੰ ਕੁਝ ਐਸਾ ਦੱਸਾਂ ਜੋ ਹਰ ਰੋਜ਼ ਮੈਨੂੰ ਸਿਰਮੌਰ ਕਰਦਾ ਹੈ? ਤੁਸੀਂ ਇਹ ਜਾਣਨ ਵਾਲੇ ਹੋ ਕਿ ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਿਰਫ ਕੰਪਿਊਟਰਾਂ ਬਾਰੇ ਹੀ ਨਹੀਂ ਹੈ – ਇਹ ਆਪਣੇ ਸਭ ਤੋਂ ਜ਼ਬਰਦਸਤ ਖਿਆਲਾਂ ਨੂੰ ਜੀਵੰਤ ਕਰਨ ਵਾਸਤੇ ਅਸਲ ਦੀਆਂ ਸੂਪਰਪਾਵਰ ਹੋਣ ਬਾਰੇ ਹੈ!
 
-ਹੈਲੋ, ਭਵਿੱਖ ਦੇ ਡਿਵੈਲਪਰ! 👋 ਕੀ ਮੈਂ ਤੁਹਾਨੂੰ ਕੁਝ ਦੱਸ ਸਕਦਾ ਹਾਂ ਜੋ ਹਰ ਰੋਜ਼ ਮੈਨੂੰ ਰੋਮਾਂਚਿਤ ਕਰਦਾ ਹੈ? ਤੁਸੀਂ ਜਲਦੀ ਹੀ ਪਤਾ ਲਗਾਉਣ ਵਾਲੇ ਹੋ ਕਿ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਿਰਫ ਕੰਪਿਊਟਰਾਂ ਬਾਰੇ ਨਹੀਂ ਹੈ - ਇਹ ਤੁਹਾਡੇ ਸਭ ਤੋਂ ਜੰਗਲੀ ਵਿਚਾਰਾਂ ਨੂੰ ਹਕੀਕਤ ਵਿੱਚ ਬਦਲਣ ਲਈ ਅਸਲ ਤਾਕਤਾਂ ਬਾਰੇ ਹੈ!
+ਤੁਹਾਨੂੰ ਉਹ ਲਹਜ਼ਾ ਪਤਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੀ ਮਨਪਸੰਦ ਐਪ ਵਰਤ ਰਹੇ ਹੋ ਅਤੇ ਸਭ ਕੁਝ ਬਿਲਕੁਲ ਸਹੀ ਢੰਗ ਨਾਲ ਕਲਿੱਕ ਹੋ ਜਾਂਦਾ ਹੈ? ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਬਟਨ ਨੂੰ ਟੈਪ ਕਰਦੇ ਹੋ ਅਤੇ ਕੋਈ ਜਾਦੂਈ ਗੱਲ ਹੁੰਦੀ ਹੈ ਜਿਸ ਨੂੰ ਦੇਖ ਕੇ ਤੁਸੀਂ ਕਹਿੰਦੇ ਹੋ "ਵਾਹ, ਉਹਨਾਂ ਨੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ?" ਖੈਰ, ਕੋਈ ਇੰਝ ਜਿਹਾ ਹੀ ਸੀ – ਸ਼ਾਇਦ ਆਪਣੀ ਮਨਪਸੰਦ ਕੌਫੀ ਸ਼ਾਪ ’ਚ 2 ਵਜੇ ਤੀਜੀ ਐਸਪ੍ਰੈੱਸੋ ਪੀ ਰਹੇ ਹੋਂਦਿਆਂ – ਜਿਸਨੇ ਉਕੋਡ ਕੀਤਾ ਜੋ ਉਹ ਜਾਦੂ ਪੈਦਾ ਕਰਦਾ ਹੈ। ਅਤੇ ਇਹ ਗੱਲ ਤੁਹਾਨੂੰ ਹੈਰਾਨ ਕਰ ਦੇਵੇਗੀ: ਇਸ ਪਾਠ ਦੇ ਅੰਤ ਵਿੱਚ, ਤੁਸੀਂ ਸਮਝੋਂਗੇ ਕਿ ਉਹਨਾਂ ਨੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ, ਸਾਥ ਹੀ ਤੁਸੀਂ ਖੁਦ ਇਸਨੂੰ ਅਜ਼ਮਾਉਣ ਲਈ ਉਤਸ਼ੁਕ ਹੋ ਜਾਉਗੇ!
 
-ਤੁਹਾਨੂੰ ਉਹ ਪਲ ਯਾਦ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੀ ਮਨਪਸੰਦ ਐਪ ਵਰਤ ਰਹੇ ਹੋ ਅਤੇ ਸਭ ਕੁਝ ਬਿਲਕੁਲ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ? ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਬਟਨ ਨੂੰ ਦਬਾਉਂਦੇ ਹੋ ਅਤੇ ਕੁਝ ਬਿਲਕੁਲ ਜਾਦੂਈ ਹੁੰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ "ਵਾਹ, ਉਹਨਾਂ ਨੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ?" ਕਹਿਣ ਲਈ ਮਜਬੂਰ ਕਰਦਾ ਹੈ। ਖੈਰ, ਕੋਈ ਤੁਹਾਡੇ ਵਰਗਾ - ਸ਼ਾਇਦ ਰਾਤ ਦੇ 2 ਵਜੇ ਆਪਣੇ ਮਨਪਸੰਦ ਕਾਫੀ ਸ਼ਾਪ ਵਿੱਚ ਬੈਠਾ ਹੋਵੇ - ਉਸ ਜਾਦੂ ਨੂੰ ਬਣਾਉਣ ਲਈ ਕੋਡ ਲਿਖਿਆ। ਅਤੇ ਇਹ ਹੈ ਜੋ ਤੁਹਾਡੇ ਮਨ ਨੂੰ ਉਡਾ ਦੇਵੇਗਾ: ਇਸ ਪਾਠ ਦੇ ਅੰਤ ਤੱਕ, ਤੁਸੀਂ ਸਿਰਫ ਸਮਝ ਨਹੀਂ ਪਾਵੋਗੇ ਕਿ ਉਹਨਾਂ ਨੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ, ਪਰ ਤੁਸੀਂ ਖੁਦ ਇਸਨੂੰ ਅਜ਼ਮਾਉਣ ਲਈ ਬੇਚੈਨ ਹੋਵੋਗੇ!
+ਸुनੋ, ਮੈਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝ ਹੈ ਕਿ ਹੁਣ ਪ੍ਰੋਗਰਾਮਿੰਗ ਤੁਹਾਨੂੰ ਭਿਆਨਕ ਲੱਗ ਸਕਦੀ ਹੈ। ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰੀ ਸ਼ੁਰੂ ਕੀਤਾ ਸੀ, ਮੈਨੂੰ ਅਸਲ ਵਿੱਚ ਲੱਗਦਾ ਸੀ ਕਿ ਤੁਹਾਨੂੰ ਕੋਈ ਗਣਿਤ ਦਾ ਜਾਦੂਗਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਤੁਸੀਂ ਪੰਜ ਸਾਲ ਦੀ ਉਮਰ ਤੋਂ ਕੋਡ ਕਰ ਰਹੇ ਹੋ। ਪਰ ਇਹ ਗੱਲ ਜੋ ਮੇਰੀ ਸੋਚ ਬਦਲ ਦਿੰਦੀ ਹੈ: ਪ੍ਰੋਗਰਾਮਿੰਗ ਬਿਲਕੁਲ ਵੱਖ-ਵੱਖ ਭਾਸ਼ਾ ਵਿੱਚ ਗੱਲਾਂ ਕਰਨ ਵਾਂਗ ਹੈ। ਤੁਸੀਂ "ਹੈਲੋ" ਅਤੇ "ਥੈਂਕ ਯੂ" ਨਾਲ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਫਿਰ ਕੌਫੀ ਮੰਗਦੇ ਹੋ, ਅਤੇ ਜਲਦੀ ਹੀ ਤੂੰ ਗੰਭੀਰ ਦਰਸ਼ਨਿਕ ਚਰਚਾ ਕਰਦੇ ਹੋ! ਇਸ ਮਾਮਲੇ ਵਿੱਚ, ਤੁਸੀਂ ਕੰਪਿਊਟਰ ਨਾਲ ਗੱਲ ਕਰ ਰਹੇ ਹੋ, ਅਤੇ ਸਚ ਪੁੱਛੋ ਤਾਂ? ਉਹ ਸਭ ਤੋਂ ਧੀਰਜ ਵਾਲੇ ਗੱਲਬਾਤ ਕਰਤਾ ਹਨ ਜੋ ਤੁਸੀਂ ਕਦੇ ਵੱਖਰੀ ਦੇਖੋਗੇ – ਉਹ ਤੁਹਾਡੇ ਗਲਤੀਆਂ ਦਾ ਕਦੇ ਅੰਦਾਜ਼ਾ ਨਹੀਂ ਲਗਾਉਂਦੇ ਅਤੇ ਹਮੇਸ਼ਾ ਓਹ ਪੁੜਕਣ ਲਈ ਤੇਯਾਰ ਹੁੰਦੇ ਹਨ!
 
-ਵੇਖੋ, ਜੇ ਤੁਹਾਨੂੰ ਹੁਣ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਡਰਾਉਣ ਵਾਲੀ ਲੱਗਦੀ ਹੈ ਤਾਂ ਮੈਂ ਇਸਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝਦਾ ਹਾਂ। ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰ ਸ਼ੁਰੂ ਕੀਤਾ ਸੀ, ਮੈਂ ਸੱਚਮੁੱਚ ਸੋਚਿਆ ਕਿ ਤੁਹਾਨੂੰ ਕਿਸੇ ਕਿਸਮ ਦੇ ਗਣਿਤ ਦੇ ਜ਼ਹਾਨੀ ਜਾਂ ਪੰਜ ਸਾਲ ਦੀ ਉਮਰ ਤੋਂ ਕੋਡਿੰਗ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਪਰ ਇਹ ਹੈ ਜੋ ਮੇਰੇ ਨਜ਼ਰੀਏ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਦਲ ਦਿੰਦਾ ਹੈ: ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਬਿਲਕੁਲ ਇੱਕ ਨਵੀਂ ਭਾਸ਼ਾ ਵਿੱਚ ਗੱਲਬਾਤ ਕਰਨਾ ਸਿੱਖਣ ਵਰਗਾ ਹੈ। ਤੁਸੀਂ "ਹੈਲੋ" ਅਤੇ "ਧੰਨਵਾਦ" ਨਾਲ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਫਿਰ ਕਾਫੀ ਮੰਗਣ ਲਈ ਕੰਮ ਕਰਦੇ ਹੋ, ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਕਿ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ, ਤੁਸੀਂ ਡੂੰਘੀਆਂ ਦਾਰਸ਼ਨਿਕ ਚਰਚਾਵਾਂ ਕਰ ਰਹੇ ਹੋ! ਇਸ ਦੇ ਬਦਲੇ ਵਿੱਚ, ਤੁਸੀਂ ਕੰਪਿਊਟਰਾਂ ਨਾਲ ਗੱਲਬਾਤ ਕਰ ਰਹੇ ਹੋ, ਅਤੇ ਸੱਚਮੁੱਚ? ਉਹ ਸਭ ਤੋਂ ਧੀਰਜਵਾਨ ਗੱਲਬਾਤ ਸਾਥੀ ਹਨ ਜੋ ਤੁਸੀਂ ਕਦੇ ਵੀ ਮਿਲੇ ਹੋਵੋਗੇ - ਉਹ ਕਦੇ ਵੀ ਤੁਹਾਡੇ ਗਲਤੀਆਂ ਦਾ ਨਿਰਣੇ ਨਹੀਂ ਕਰਦੇ ਅਤੇ ਉਹ ਹਮੇਸ਼ਾ ਮੁੜ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਲਈ ਉਤਸੁਕ ਰਹਿੰਦੇ ਹਨ!
-
-ਅੱਜ, ਅਸੀਂ ਉਹ ਸ਼ਾਨਦਾਰ ਟੂਲਜ਼ ਦੀ ਖੋਜ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ ਜੋ ਆਧੁਨਿਕ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਨੂੰ ਸਿਰਫ ਸੰਭਵ ਹੀ ਨਹੀਂ ਬਲਕਿ ਗੰਭੀਰ ਤੌਰ 'ਤੇ ਆਕਰਸ਼ਕ ਬਣਾਉਂਦੇ ਹਨ। ਮੈਂ ਉਹੀ ਸੰਪਾਦਕਾਂ, ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਵਰਕਫਲੋਜ਼ ਬਾਰੇ ਗੱਲ ਕਰ ਰਿਹਾ ਹਾਂ ਜੋ Netflix, Spotify, ਅਤੇ ਤੁਹਾਡੇ ਮਨਪਸੰਦ ਇੰਡੀ ਐਪ ਸਟੂਡੀਓ ਦੇ ਡਿਵੈਲਪਰ ਹਰ ਰੋਜ਼ ਵਰਤਦੇ ਹਨ। ਅਤੇ ਇਹ ਹੈ ਉਹ ਹਿੱਸਾ ਜੋ ਤੁਹਾਨੂੰ ਖੁਸ਼ੀ ਨਾਲ ਨੱਚਣ ਲਈ ਮਜਬੂਰ ਕਰੇਗਾ: ਇਹਨਾਂ ਵਿੱਚੋਂ ਜ਼ਿਆਦਾਤਰ ਪੇਸ਼ੇਵਰ-ਗਰੇਡ, ਉਦਯੋਗ-ਮਿਆਰੀ ਟੂਲਜ਼ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫ਼ਤ ਹਨ!
+ਅੱਜ, ਅਸੀਂ ਉਹ ਸ਼ਾਨਦਾਰ ਟੂਲਾਂ ਦਾ ਪਤਾ ਲਗਾਣ ਜਾ ਰਹੇ ਹਾਂ ਜਿਹੜੇ ਆਧੁਨਿਕ ਵੈੱਬ ਵਿਕਾਸ ਨੂੰ ਨਾ ਸਿਰਫ ਸੰਭਵ ਬਣਾਉਂਦੇ ਹਨ, ਬਲਕਿ ਬੜੀ ਖੁਸ਼ੀਦਾਇਕ ਬਣਾਉਂਦੇ ਹਨ। ਮੈਂ ਉਹੀ ਠੀਕ ਸੋਫਟਵੇਅਰ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਵਰਕਫਲੋਜ਼ ਦੀ ਗੱਲ ਕਰ ਰਿਹਾ ਹਾਂ ਜੋ Netflix, Spotify ਅਤੇ ਤੁਹਾਡੇ ਮਨਪਸੰਦ ਇੰਡੀ ਐਪ ਸਟੂਡਿਓ ਵਿੱਚ ਡਿਵੈਲਪਰ ਹਰੇਕ ਦਿਨ ਵਰਤਦੇ ਹਨ। ਅਤੇ ਇਹ ਗੱਲ ਤੁਹਾਨੂੰ ਖੁਸ਼ ਕਰ ਦੇਵੇਗੀ: ਜਿਆਦਾਤਰ ਇਹ ਪੇਸ਼ਾਵਰ ਦਰਜੇ ਦੇ, ਉਦਯੋਗ ਮਿਆਰੀ ਟੂਲ ਬਿਲਕੁਲ ਮੁਫ਼ਤ ਹਨ!
 
 ![Intro Programming](../../../../translated_images/pa/webdev101-programming.d6e3f98e61ac4bff.webp)
-> ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਦੁਆਰਾ
+> ਸਕੇਚਨੋਟ by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title ਤੁਹਾਡਾ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦਾ ਸਫਰ ਅੱਜ
+    section ਖੋਜੋ
+      ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਕੀ ਹੈ: 5: You
+      ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ: 4: You
+      ਟੂਲਜ਼ ਦਾ ਜਾਇਜ਼ਾ: 5: You
+    section ਖੋਜ ਕਰੋ
+      ਕੋਡ ਐਡੀਟਰਸ: 4: You
+      ਬ੍ਰਾਉਜ਼ਰ ਅਤੇ ਡੈਵਟੂਲਜ਼: 5: You
+      ਕਮਾਂਡ ਲਾਈਨ: 3: You
+    section ਅਭਿਆਸ
+      ਭਾਸ਼ਾ ਡਿਟੈਕਟਿਵ: 4: You
+      ਟੂਲ ਐਕਸਪਲੋਰੇਸ਼ਨ: 5: You
+      ਕਮਿਊਨਿਟੀ ਕਨੈਕਸ਼ਨ: 5: You
 ```
+## ਆਓ ਵੇਖੀਏ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਕੀ ਜਾਣਦੇ ਹੋ!
+
+ਮਜ਼ੇਦਾਰ ਚੀਜ਼ਾਂ ਵਿੱਚ ਦਾਖਲ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ, ਮੈਂ ਦਿਲਚਸਪੀ ਰੱਖਦਾ ਹਾਂ – ਇਸ ਪ੍ਰੋਗਰਾਮਿੰਗ ਦੀ ਦੁਨੀਆ ਬਾਰੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਕੀ ਜਾਣਦੇ ਹੋ? ਤੇ ਵੇਖੋ, ਜੇ ਤੁਸੀਂ ਇਹ ਸવાલ ਵੇਖ ਕੇ ਸੋਚ ਰਹੇ ਹੋ "ਮੈਨੂੰ ਇਹ ਸਭ ਬਾਰੇ ਕੋਈ ਖਾਸ ਸਮਝ ਨਹੀਂ," ਤਾਂ ਇਹ ਨਾ ਸਿਰਫ ਠੀਕ ਹੈ, ਬਲਕਿ ਬਹੁਤ ਵਧੀਆ ਹੈ! ਇਹ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਠੀਕ ਜਗ੍ਹਾ ਤੇ ਹੋ। ਇਸ ਕਵਿਜ਼ ਨੂੰ ਵਰਕਆਉਟ ਤੋਂ ਪਹਿਲਾਂ ਸਟਰੇਚਿੰਗ ਵਾਂਗ ਸਮਝੋ – ਅਸੀਂ ਆਪਣੇ ਦਿਮਾਗੀ ਮਾਸਪੇਸ਼ੀਆਂ ਨੂੰ ਗਰਮ ਕਰਨ ਵਾਲੇ ਹਾਂ!
+
+[ਪ्री-ਪਾਠ ਕਵਿਜ਼ ਲਓ](https://ff-quizzes.netlify.app/web/)
+
+
+## ਸਾਥੀ ਮੁਹਿੰਮ ਜਿਸ ‘ਤੇ ਅਸੀਂ ਇਕੱਠੇ ਨਿਕਲ ਰਹੇ ਹਾਂ
+
+ਠੀਕ ਹੈ, ਮੈਂ ਸੱਚਮੁੱਚ ਇਸ ਗੱਲ ਨਾਲ ਬੜੀ ਉਤਸ਼ਾਹਿਤ ਹਾਂ ਕਿ ਅਸੀਂ ਅੱਜ ਕੀ ਖੋਜ ਕਰਨ ਵਾਲੇ ਹਾਂ! ਵਿਚਾਰ ਕਰੋ, ਕਦੋਂ ਤੁਸੀਂ ਕਈ ਗੱਲਾਂ ਦੇ ਮਤਲਬ ਨੂੰ ਸਮਝੋਗੇ ਤਾਂ ਮੈਂ ਤੁਹਾਡੇ ਚਿਹਰੇ ਨੂੰ ਵੇਖਣਾ ਚਾਹੁੰਦਾ ਹਾਂ। ਅਸੀ ਇੱਕ ਸ਼ਾਨਦਾਰ ਯਾਤਰਾ ‘ਤੇ ਹਾਂ:
+
+- **ਪ੍ਰੋਗਰਾਮਿੰਗ ਅਸਲ ਵਿੱਚ ਕੀ ਹੈ (ਅਤੇ ਇਹ ਕਿਉਂ ਸਭ ਤੋਂ ਕੂਲ ਚੀਜ਼ ਹੈ!)** – ਅਸੀਂ ਜਾਣਾਂਗੇ ਕਿ ਕੋਡ ਇਸ ਅਦ੍ਰਿਸ਼ਯ ਜਾਦੂ ਵਰਗਾ ਹੈ ਜੋ ਤੁਹਾਡੇ ਆਲੇ-ਦੁਆਲੇ ਹਰ ਚੀਜ਼ ਨੂੰ ਚਲਾਉਂਦਾ ਹੈ, ਉਸ ਆਲਾਰਮ ਤੋਂ ਲੈ ਕੇ ਜੋ ਸੋਮਵਾਰ ਦੀ ਸਵੇਰ ਨੂੰ ਜਾਣਦਾ ਹੈ, ਤੱਕ algorithm ਜੋ ਟਾਈਟ netflix ਦੀ ਸਿਫਾਰਿਸ਼ ਕਰਦਾ ਹੈ।
+- **ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਉਹਨਾਂ ਦੀਆਂ ਸ਼ਾਨਦਾਰ ਵਿਅਕਤਿਤਵਾਂ** – ਕਲਪਨਾ ਕਰੋ ਕਿ ਤੁਸੀਂ ਇੱਕ ਪਾਰਟੀ ਵਿੱਚ ਜਾ ਰਹੇ ਹੋ ਜਿੱਥੇ ਹਰ ਵਿਅਕਤੀ ਦੇ ਵੱਖਰੇ ਸੂਪਰਪਾਵਰ ਅਤੇ ਸਮੱਸਿਆਵਾਂ ਦੇ ਹੱਲ ਕਰਨ ਦੇ ਢੰਗ ਹਨ। ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੀ ਦੁਨੀਆ ਇੰਝ ਹੀ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਮਿਲ ਕੇ ਮਸਤੀ ਕਰੋਗੇ!
+- **ਉਹ ਮੂਲਭੂਤ ਕੰਮ ਦਾ ਸਾਜੋ-ਸਮਾਨ ਜੋ ਡਿਜੀਟਲ ਜਾਦੂ ਪੈਦਾ ਕਰਦਾ ਹੈ** – ਇਹਨਾਂ ਨੂੰ ਸਭ ਤੋਂ ਸ਼ਾਨਦਾਰ ਬਣਾਉਣ ਵਾਲੇ 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 ਵਿੱਚ ਗੱਲ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ ਜਿਵੇਂ 'ਦ ਮੈਟਰਿਕਸ' ਵਿੱਚ ਹੁੰਦਾ ਹੈ। ਇੱਥੇ ਆਉਂਦੇ ਹਨ **ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ** ਜੋ ਤੁਹਾਡੇ ਸਮਾਨ ਜਗਤ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਅਨੁਵਾਦਕ ਹਨ ਜੋ ਤੁਹਾਡੇ ਸਧਾਰਣ ਵਚਨ ਨੂੰ ਕੰਪਿਊਟਰ ਦੀ ਭਾਸ਼ਾ ਵਿੱਚ ਬਦਲ ਦੇਂਦੇ ਹਨ।
 
-## ਆਓ ਵੇਖੀਏ ਕਿ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਕੀ ਜਾਣਦੇ ਹੋ!
+ਅਤੇ ਇਹ ਗੱਲ ਹਰ ਸਵੇਰੇ ਮੈਨੂੰ ਹਿਲਾ ਦਿੰਦੀ ਹੈ: ਤੁਹਾਡੇ ਜੀਵਨ ਦੀ ਹਰ ਡਿਜੀਟਲ ਚੀਜ਼ ਕਿਸੇ ਤੇਰੇ ਵਰਗੇ ਹੀ ਕਿਸੇ ਨੇ ਸ਼ੁਰੂ ਕੀਤੀ ਸੀ, ਸ਼ਾਇਦ ਪੀਜਾਮੇ ਪਹਿਨੇ ਕੌਫੀ ਦਾ ਕੱਪ ਹੱਥ ਵਿੱਚ ਲੇ ਕੇ, ਆਪਣੇ ਲੈਪਟਾਪ ਤੇ ਕੋਡ ਟਾਈਪ ਕਰਦਾ। ਉਹ Instagram ਫਿਲਟਰ ਜੋ ਤੁਹਾਨੂੰ ਬੇਦਾਗ ਦਿਖਾਉਂਦਾ ਹੈ? ਕਿਸੇ ਨੇ ਕੋਡ ਕੀਤਾ। ਉਹ ਸਿਫਾਰਸ਼ ਜੋ ਤੁਹਾਨੂੰ ਤੇਰਾ ਮਨਪਸੰਦ ਗੀਤ ਸੁਣਾਇਆ? ਇੱਕ ਡਿਵੈਲਪਰ ਨੇ ਉਹ algorithm ਬਣਾਇਆ। ਉਹ ਐਪ ਜੋ ਤੁਹਾਨੂੰ ਦੋਸਤਾਂ ਨਾਲ ਬਿੱਲ ਵੰਡਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ? ਹਾਂ, ਕਿਸੇ ਨੇ ਸੋਚਿਆ "ਇਹ ਤੰਗ ਕਰਦਾ ਹੈ, ਮੈਂ ਇਹ ਠੀਕ ਕਰ ਸਕਦਾ ਹਾਂ" ਅਤੇ ਫਿਰ... ਕੀਤਾ!
 
-ਮਜ਼ੇਦਾਰ ਚੀਜ਼ਾਂ ਵਿੱਚ ਛਾਲ ਮਾਰਨ ਤੋਂ ਪਹਿਲਾਂ, ਮੈਂ ਜਾਨਣਾ ਚਾਹੁੰਦਾ ਹਾਂ - ਕੀ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਇਸ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੁਨੀਆ ਬਾਰੇ ਕੁਝ ਜਾਣਦੇ ਹੋ? ਅਤੇ ਸੁਣੋ, ਜੇ ਤੁਸੀਂ ਇਹ ਸਵਾਲਾਂ ਦੇਖ ਰਹੇ ਹੋ ਅਤੇ ਸੋਚ ਰਹੇ ਹੋ "ਮੈਨੂੰ ਇਸ ਬਾਰੇ ਬਿਲਕੁਲ ਕੁਝ ਪਤਾ ਨਹੀਂ," ਇਹ ਸਿਰਫ ਠੀਕ ਨਹੀਂ ਹੈ, ਇਹ ਬਿਲਕੁਲ ਸਹੀ ਹੈ! ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਬਿਲਕੁਲ ਸਹੀ ਜਗ੍ਹਾ 'ਤੇ ਹੋ। ਇਸ ਕਵਿਜ਼ ਨੂੰ ਇੱਕ ਵਰਕਆਉਟ ਤੋਂ ਪਹਿਲਾਂ ਖਿੱਚਣ ਵਾਂਗ ਸੋਚੋ - ਅਸੀਂ ਸਿਰਫ ਉਹਨਾਂ ਦਿਮਾਗੀ ਮਾਸਪੇਸ਼ੀਆਂ ਨੂੰ ਗਰਮ ਕਰ ਰਹੇ ਹਾਂ!
+ਜਦੋਂ ਤੁਸੀਂ ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਿੱਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸਿਰਫ਼ ਨਵੀਂ ਯੋਗਤਾ ਨਹੀਂ ਹਾਸਲ ਕਰ ਰਹੇ, ਤੁਸੀਂ ਉਸ ਅਦਭੁਤ ਸਮੁਦਾਇ ਦਾ ਹਿੱਸਾ ਬਣ ਰਹੇ ਹੋ ਜੋ ਸਮੱਸਿਆਵਾਂ ਦਾ ਹੱਲ ਲੱਭਣ ਵਿੱਚ ਲੱਗਿਆ ਹੈ ਜੋ ਇਹ ਸੋਚਦੇ ਹਨ, "ਜੇ ਮੈਂ ਕੁਝ ਐਸਾ ਬਣਾ ਸਕਾਂ ਜੋ ਕਿਸੇ ਦਾ ਦਿਨ ਥੋੜ੍ਹਾ ਬਿਹਤਰ ਕਰ ਦੇਵੇ?" ਖ਼ਰਚੀ, ਕੀ ਇਸ ਤੋਂ ਕੂਲ ਕੁਝ ਹੋ ਸਕਦਾ ਹੈ?
 
-[ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਵਿਜ਼ ਲਵੋ](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+✅ **ਮਜ਼ੇਦਾਰ ਤੱਥ ਖੋਜ**: ਜਦੋਂ ਤੁਹਾਡੇ ਕੋਲ ਕੁਝ ਖਾਲੀ ਸਮਾਂ ਹੋਵੇ ਤਾਂ ਇਹ ਗੱਲ ਵੇਖੋ – ਦੁਨੀਆ ਦਾ ਪਹਿਲਾ ਕੰਪਿਊਟਰ ਪ੍ਰੋਗਰਾਮਰ ਕੌਣ ਸੀ? ਮੈਂ ਤੁਹਾਨੂੰ ਸੰਕੇਤ ਦਿੰਦਾ ਹਾਂ: ਇਹ ਉਸ ਉਮੀਦ ਵਾਲੇ ਵਿਅਕਤੀ ਤੋਂ ਵੱਖਰਾ ਹੋ ਸਕਦਾ ਹੈ! ਉਸ ਵਿਅਕਤੀ ਦੀ ਕਹਾਣੀ ਬਹੁਤ ਦਿਲਚਸਪ ਹੈ ਅਤੇ ਦਰਸਾਉਂਦੀ ਹੈ ਕਿ ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਦਾ ਹੀ ਰਚਨਾਤਮਕ ਸਮੱਸਿਆ ਹੱਲ ਅਤੇ ਨਵੇਂ ਤਰੀਕੇ ਸੋਚਣ ਬਾਰੇ ਰਹੀ ਹੈ।
 
-## ਸਫ਼ਰ ਜੋ ਅਸੀਂ ਇਕੱਠੇ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ
+### 🧠 **ਚੈਕ-ਇਨ ਸਮਾਂ: ਤੁਹਾਡੇ ਕੀ ਅਹਿਸਾਸ ਹਨ?**
 
-ਠੀਕ ਹੈ, ਮੈਂ ਸੱਚਮੁੱਚ ਉਸ ਬਾਰੇ ਉਤਸਾਹਿਤ ਹਾਂ ਜੋ ਅਸੀਂ ਅੱਜ ਖੋਜਣ ਜਾ ਰਹੇ ਹਾਂ! ਸੱਚਮੁੱਚ, ਮੈਂ ਕਾਸ਼ ਤੁਹਾਡਾ ਚਿਹਰਾ ਦੇਖ ਸਕਦਾ ਜਦੋਂ ਕੁਝ ਸੰਕਲਪ ਸਪਸ਼ਟ ਹੁੰਦੇ ਹਨ। ਇਹ ਹੈ ਸ਼ਾਨਦਾਰ ਯਾਤਰਾ ਜੋ ਅਸੀਂ ਇਕੱਠੇ ਕਰ ਰਹੇ ਹਾਂ:
+**ਇੱਕ ਪਲ ਲਈ ਸੋਚੋ:**
+- ਕੀ ਤੁਸੀਂ ਹੁਣ "ਕੰਪਿਊਟਰਾਂ ਨੂੰ ਹਦਾਇਤਾਂ ਦੇਣ" ਦਾ ਮਤਲਬ ਸਮਝਦੇ ਹੋ?
+- ਕੀ ਤੁਸੀਂ ਕੋਈ ਰੋਜ਼ਾਨਾ ਕੰਮ ਸੋਚ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਪ੍ਰੋਗਰਾਮਿੰਗ ਨਾਲ ਸੁਚਾਰੂ ਬਣਾ ਸਕਦੇ ਹੋ?
+- ਇਸ ਸਾਰੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਮਾਮਲੇ ਵਾਰੇ ਤੁਹਾਡੇ ਮਨ ਵਿੱਚ ਕਿਹੜੇ ਸਵਾਲ ਉੱਠ ਰਹੇ ਹਨ?
 
-- **ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਸਲ ਵਿੱਚ ਕੀ ਹੈ (ਅਤੇ ਇਹ ਕਿਉਂ ਸਭ ਤੋਂ ਵਧੀਆ ਚੀਜ਼ ਹੈ!)** - ਅਸੀਂ ਪਤਾ ਲਗਾਉਣ ਜਾ ਰਹੇ ਹਾਂ ਕਿ ਕੋਡ ਬਿਲਕੁਲ ਅਦ੍ਰਿਸ਼ ਜਾਦੂ ਹੈ ਜੋ ਤੁਹਾਡੇ ਆਲੇ ਦੁਆਲੇ ਸਭ ਕੁਝ ਚਲਾਉਂਦਾ ਹੈ, ਉਸ ਅਲਾਰਮ ਤੋਂ ਜੋ ਕਿਸੇ ਤਰੀਕੇ ਨਾਲ ਜਾਣਦਾ ਹੈ ਕਿ ਇਹ ਸੋਮਵਾਰ ਸਵੇਰ ਹੈ, Netflix ਦੀਆਂ ਸਿਫਾਰਸ਼ਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੁਰੇਟ ਕਰਨ ਵਾਲੇ ਐਲਗੋਰਿਦਮ ਤੱਕ
-- **ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਉਹਨਾਂ ਦੇ ਸ਼ਾਨਦਾਰ ਵਿਅਕਤੀਗਤ ਗੁਣ** - ਕਲਪਨਾ ਕਰੋ ਕਿ ਤੁਸੀਂ ਇੱਕ ਪਾਰਟੀ ਵਿੱਚ ਜਾ ਰਹੇ ਹੋ ਜਿੱਥੇ ਹਰ ਵਿਅਕਤੀ ਦੇ ਬਿਲਕੁਲ ਵੱਖਰੇ ਤਾਕਤਾਂ ਅਤੇ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਹੱਲ ਕਰਨ ਦੇ ਤਰੀਕੇ ਹਨ। ਇਹ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾ ਦੀ ਦੁਨੀਆ ਵਰਗੀ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਮਿਲਣ ਵਿੱਚ ਮਜ਼ਾ ਆਵੇਗਾ!
-- **ਡਿਜੀਟਲ ਜਾਦੂ ਬਣਾਉਣ ਵਾਲੇ ਮੂਲ ਬਲਾਕ** - ਇਹਨਾਂ ਨੂੰ ਅੰਤਮ ਰਚਨਾਤਮਕ LEGO ਸੈਟ ਵਾਂਗ ਸੋਚੋ। ਜਦੋਂ ਤੁਸੀਂ ਸਮਝਦੇ ਹੋ ਕਿ ਇਹ ਟੁਕੜੇ ਕਿਵੇਂ ਇਕੱਠੇ ਹੁੰਦੇ ਹਨ, ਤਾਂ ਤੁਸੀਂ ਅਹਿਸਾਸ ਕਰੋਗੇ ਕਿ ਤੁਸੀਂ ਬਿਲਕੁਲ ਕੁਝ ਵੀ ਬਣਾਉਣ ਲਈ ਯੋਗ ਹੋ ਜੋ ਤੁਹਾਡੀ ਕਲਪਨਾ ਕਰਦੀ ਹੈ
-- **ਪੇਸ਼ੇਵਰ ਟੂਲ ਜੋ ਤੁਹਾਨੂੰ ਮਹਿਸੂ ਕਰਵਾਉਂਦੇ ਹਨ ਕਿ ਤੁਹਾਨੂੰ ਇੱਕ ਜਾਦੂਗਰ ਦੀ ਛੜੀ ਦਿੱਤੀ ਗਈ ਹੈ** - ਮੈਂ ਇੱਥੇ ਨਾਟਕ ਨਹੀਂ ਕਰ ਰਿਹਾ - ਇਹ ਟੂਲ ਸੱਚਮੁੱਚ ਤੁਹਾਨੂੰ ਮਹਿਸੂ ਕਰਵਾਉਣਗੇ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਤਾਕਤਾਂ ਹਨ, ਅਤੇ ਸਭ ਤੋਂ ਵਧੀਆ ਹਿੱਸਾ? ਇਹ ਉਹੀ ਹਨ ਜੋ ਪੇਸ਼ੇਵਰ ਵਰਤਦੇ ਹਨ!
+> **ਯਾਦ ਰੱਖੋ**: ਇਹ ਬਿਲਕੁਲ ਸਧਾਰਣ ਗੱਲ ਹੈ ਕਿ ਕੁਝ ਧਾਰਣਾਵਾਂ ਅਜੇ ਸਪਸ਼ਟ ਨਾ ਹੋਣ। ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਿੱਖਣਾ ਨਵੀਂ ਭਾਸ਼ਾ ਸਿੱਖਣ ਵਾਂਗ ਹੈ – ਇਹ ਤੁਹਾਡੇ ਦਿਮਾਗ ਨੂੰ ਉਹ ਨਿਊਰਲ ਰਾਹ ਬਣਾਉਣ ਲਈ ਸਮਾਂ ਲੈਂਦਾ ਹੈ। ਤੁਸੀਂ ਬੜੀਆ ਕੰਮ ਕਰ ਰਹੇ ਹੋ!
 
-> 💡 **ਇਹ ਗੱਲ ਹੈ**: ਅੱਜ ਸਭ ਕੁਝ ਯਾਦ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਬਾਰੇ ਸੋਚੋ ਵੀ ਨਾ! ਇਸ ਸਮੇਂ, ਮੈਂ ਸਿਰਫ ਇਹ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਜੋ ਸੰਭਵ ਹੈ ਉਸ ਬਾਰੇ ਉਤਸਾਹ ਮਹਿਸੂ ਕਰੋ। ਜਿਵੇਂ ਅਸੀਂ ਇਕੱਠੇ ਅਭਿਆਸ ਕਰਦੇ ਹਾਂ, ਵੇਰਵੇ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਚਿਪਕ ਜਾਣਗੇ - ਅਸਲ ਸਿੱਖਣ ਇਸ ਤਰੀਕੇ ਨਾਲ ਹੁੰਦਾ ਹੈ!
+## ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਵੱਖ-ਵੱਖ ਜਾਦੂਆਂ ਦੇ ਸਵਾਦ ਵਾਂਗ ਹਨ
 
-> ਤੁਸੀਂ ਇਹ ਪਾਠ [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!
+ਠੀਕ ਹੈ, ਇਹ ਅਜੀਬ ਲੱਗ ਸਕਦਾ ਹੈ ਪਰ ਮੇਰੇ ਨਾਲ ਰਹੋ – ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਬਹੁਤ ਵੱਖਰੇ ਸੰਗੀਤ ਦੀਆਂ ਸ਼ੈਲੀਆਂ ਵਾਂਗ ਹਨ। ਸੋਚੋ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਜੈਜ਼ ਹੈ, ਜੋ ਸਹਜ ਅਤੇ ਇਮਪ੍ਰੋਵਾਈਜ਼ੇਸ਼ਨ ਵਾਲਾ ਹੈ, ਰਾਕ ਜੋ ਸ਼ਕਤੀਸ਼ਾਲੀ ਅਤੇ ਸਿੱਧਾ ਹੈ, ਕਲਾਸਿਕ ਜੋ ਸੁੰਦਰ ਅਤੇ ਸੰਰਚਿਤ ਹੈ ਅਤੇ ਹਿਪ-ਹੌਪ ਜੋ ਰਚਨਾਤਮਕ ਅਤੇ ਪ੍ਰਗਟਾਵਾ ਵਾਲਾ ਹੈ। ਹਰ ਸ਼ੈਲੀ ਦਾ ਆਪਣਾ ਮਹਿਸੂਸ, ਉਸਦਾ ਆਪਣੇ ਉਤਸ਼ਾਹੀ ਭਗਤਾਂ ਦਾ ਸਮੂਹ ਹੈ, ਅਤੇ ਹਰ ਇੱਕ ਮੁੱਖ ਵੱਖ-ਵੱਖ ਮੂਡ ਅਤੇ ਮੌਕਿਆਂ ਲਈ ਵਧੀਆ ਹੈ।
 
-## ਤਾਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਸਲ ਵਿੱਚ *ਕੀ* ਹੈ?
+ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਬਿਲਕੁਲ ਇਨ੍ਹਾਂ ਵਾਂਗ ਹੀ ਕੰਮ ਕਰਦੀਆਂ ਹਨ! ਤੁਸੀਂ ਇੱਕੋ ਭਾਸ਼ਾ ਨੂੰ ਇੱਕ ਮਜ਼ੇਦਾਰ ਮੋਬਾਇਲ ਖੇਡ ਬਣਾਉਣ ਲਈ ਵਰਤੋਂ ਵਿੱਚ ਨਹੀਂ ਲਿਆਉਗੇ ਜੋ ਤੁਸੀਂ ਵੱਡੇ ਪੱਧਰ ਦੇ ਕੁਲਿਤੀ ਡੇਟਾ ਦਾ ਹਿਸਾਬ ਕਿਤਾਬ ਕਰਨ ਲਈ ਵਰਤੋਂ ਹੋਵੇਗਾ, ਬਿਲਕੁਲ ਜਿਵੇਂ ਤੁਸੀਂ ਯੋਗਾ ਕਲਾਸ ਵਿੱਚ ਡੈਥ ਮੈਟਲ ਨਹੀਂ ਬਜਾਉਂਦੇ (ਅੱਛਾ, ਅਕਸਰ ਯੋਗਾ ਕਲਾਸਾਂ ਵਿੱਚ! 😄).
 
-ਚਲੋ, ਮਿਲੀਅਨ-ਡਾਲਰ ਸਵਾਲ ਦਾ ਜਵਾਬ ਦਿੰਦੇ ਹਾਂ: ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਸਲ ਵਿੱਚ ਕੀ ਹੈ?
+ਪਰ ਜੋ ਗੱਲ ਹਰ ਵਾਰੀ ਮੇਰੇ ਮਨ ਨੂੰ ਹਿਲਾ ਦਿੰਦੀ ਹੈ ਉਹ ਇਹ ਹੈ: ਇਹ ਭਾਸ਼ਾਵਾਂ ਤੁਹਾਡੇ ਬगल ਵਿੱਚ ਬੈਠੇ ਦੁਨੀਆ ਦੇ ਸਭ ਤੋਂ ਧੀਰਜਵਾਂ, ਬਹੁਤ ਤੇਜ਼ ਅਨੁਵਾਦਕ ਵਰਗੀ ਹਨ। ਤੁਸੀਂ ਆਪਣੇ ਮਨੁੱਖੀ ਦਿਮਾਗ ਲਈ ਸਵਭਾਵਿਕ ਢੰਗ ਨਾਲ ਆਪਣੇ ਵਿਚਾਰ ਪ੍ਰਗਟ ਕਰੋ, ਅਤੇ ਉਹ ਸਾਰਾ ਜਟਿਲ ਕੰਮ ਕਰਦੇ ਹਨ ਜੋ ਉਸਨੂੰ 1 ਅਤੇ 0 ਵਿੱਚ ਬਦਲ ਦੇਂਦਾ ਹੈ ਜੋ ਕੰਪਿਊਟਰ ਸੱਚਮੁਚ ਬੋਲਦੇ ਹਨ। ਇਹ ਬਿਲਕੁਲ ਉਹੋ ਜਿਹਾ ਹੈ ਜਿਵੇਂ ਕੋਈ ਦੋਸਤ ਜੋ "ਮਨੁੱਖੀ ਰਚਨਾਤਮਕਤਾ" ਅਤੇ "ਕੰਪਿਊਟਰ ਤਰਕ" ਦੋਹਾਂ ਵਿੱਚ ਪਰਫੈਕਟ ਫਲੂਐਂਟ ਹੋਵੇ – ਉਹ ਕਦੇ ਥੱਕਦੇ ਨਹੀਂ, ਕਦੇ ਕੌਫੀ ਬ੍ਰੇਕ ਨਹੀਂ ਲੈਂਦੇ ਅਤੇ ਉਹ ਕਦੇ ਤੁਹਾਡੇ ਮੈਂਪ੍ਰਸ਼ਨਾਂ ਦਾ ਦੋਹਰਾਅ ਕਰਨ ’ਤੇ ਨਿੱਡਰ ਨਹੀਂ ਹੁੰਦੇ!
+
+### ਪ੍ਰਸਿੱਧ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਉਹਨਾਂ ਦੇ ਉਪਯੋਗ
+
+```mermaid
+mindmap
+  root((ਕੋਡਿੰਗ ਭਾਸ਼ਾਵਾਂ))
+    Web Development
+      JavaScript
+        ਅੱਗੇ ਦਾ ਜਾਦੂ
+        ਇੰਟਰਐਕਟਿਵ ਵੈੱਬਸਾਈਟਸ
+      TypeScript
+        ਜਾਵਾਸਕ੍ਰਿਪਟ + ਟਾਈਪਸ
+        ਉਦਯੋਗਿਕ ਐਪਸ
+    Data & AI
+      Python
+        ਡਾਟਾ ਵਿਗਿਆਨ
+        ਮਸ਼ੀਨ ਲਰਨਿੰਗ
+        ਆਟੋਮੇਸ਼ਨ
+      R
+        ਅੰਕੜੇ
+        ਖੋਜ
+    Mobile Apps
+      Java
+        ਐਂਡਰੌਇਡ
+        ਉਦਯੋਗਿਕ
+      Swift
+        iOS
+        ਐਪਲ ਐਕੋਸਿਸਟਮ
+      Kotlin
+        ਆਧੁਨਿਕ ਐਂਡਰੌਇਡ
+        ਕ੍ਰਾਸ-ਪਲੇਟਫਾਰਮ
+    Systems & Performance
+      C++
+        ਖੇਡਾਂ
+        ਪ੍ਰਦਰਸ਼ਨ ਸੰਵੇਦਨਸ਼ੀਲ
+      Rust
+        ਮੈਮੋਰੀ ਸੁਰੱਖਿਆ
+        ਪ੍ਰਣਾਲੀ ਕੋਡਿੰਗ
+      Go
+        ਕਲਾਉਡ ਸੇਵਾਵਾਂ
+        ਸਕੇਲਬਲ ਬੈਕਐਂਡ
+```
+| ਭਾਸ਼ਾ      | ਸਭ ਤੋਂ ਵਧੀਆ | ਕਿਉਂ ਇਹ ਪ੍ਰਸਿੱਧ ਹੈ                   |
+|------------|---------------|--------------------------------------|
+| **JavaScript** | ਵੈੱਬ ਵਿਕਾਸ, ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ | ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਵੈੱਬਸਾਈਟਸ ਚਲਾਉਂਦੀ ਹੈ |
+| **Python**     | ਡੇਟਾ ਸਾਇੰਸ, ਆਟੋਮੇਸ਼ਨ, ਏਆਈ | ਪੜ੍ਹਨ ਅਤੇ ਸਿੱਖਣ ਵਿੱਚ آسان, ਸ਼ਕਤੀਸ਼ਾਲੀ ਲਾਇਬ੍ਰੇਰੀਜ਼ |
+| **Java**       | ਐਨਟਰਪਰਾਈਜ਼ ਐਪਲੀਕੇਸ਼ਨ, ਐਂਡਰਾਇਡ ਐਪਸ | ਪਲੇਟਫੌਰਮ-ਅਜ਼ਾਦ, ਵੱਡੇ ਸਿਸਟਮਾਂ ਲਈ ਮਜ਼ਬੂਤ |
+| **C#**         | ਵਿੰਡੋਜ਼ ਐਪਲੀਕੇਸ਼ਨ, ਗੇਮ ਡਿਵੈਲਪਮੈਂਟ | ਮਾਈਕ੍ਰੋਸਾਫਟ ਸਿਸਟਮਾਂ ਦਾ ਧਾਰਮਿਕ ਸਹਿਯੋਗ |
+| **Go**         | ਕਲਾਉਡ ਸੇਵਾਵਾਂ, ਬੈਕਐਂਡ ਸਿਸਟਮ | ਤੇਜ਼, ਸਧਾਰਨ, ਆਧੁਨਿਕ ਕੰਪਿਊਟਿੰਗ ਲਈ डिजाइन ਕੀਤੀ ਗਈ |
+
+### ਹਾਈ-ਲੈਵਲ ਵਸੁਲ ਲੋ-ਲੈਵਲ ਭਾਸ਼ਾਵਾਂ
+
+ਠੀਕ ਹੈ, ਇਹ ਵਾਕਈ ਉਹ ਧਾਰਣਾ ਸੀ ਜੋ ਮੇਰਾ ਦਿਮਾਗ ਤੋੜਦਾ ਸੀ ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰੀ ਸਿੱਖ ਰਿਹਾ ਸੀ, ਇਸ ਲਈ ਮੈਂ ਉਹ ਉਦਾਹਰਨ ਸਾਂਝੀ ਕਰਾਂਗਾ ਜਿਸ ਨੇ ਮੈਨੂੰ ਇਹ ਸਮਝਾਇਆ – ਅਤੇ ਮੈਂ ਆਸ ਕਰਦਾ ਹਾਂ ਕਿ ਤੁਹਾਨੂੰ ਵੀ ਸਮਝ ਆਏਗੀ!
+
+ਕਲਪਨਾ ਕਰੋ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਅਜਿਹੇ ਦੇਸ਼ ਵਿਚ ਜਾ ਰਹੇ ਹੋ ਜਿੱਥੇ ਤੁਸੀਂ ਭਾਸ਼ਾ ਨਹੀਂ ਬੋਲਦੇ ਅਤੇ ਤੁਹਾਨੂੰ ਬਹੁਤ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਸਭ ਤੋਂ ਨੇੜੇ ਵਾਲਾ ਬਾਥਰੂਮ ਕਿੱਥੇ ਹੈ (ਸਾਨੂੰ ਸਾਰਿਆਂ ਨੇ ਇਹ ਸੈਨ! 😅):
+
+- **ਲੋ-ਲੇਵਲ ਪ੍ਰੋਗਰਾਮਿੰਗ** ਬਿਲਕੁਲ ਉਸ ਜਿਹੀ ਹੈ ਜਿਵੇਂ ਤੁਸੀਂ ਸਥਾਨਕ ਬੋਲੀ ਅਜਿਹੀ ਚੰਗੀ ਤਰ੍ਹਾਂ ਸਿੱਖ ਲئی ਹੈ ਕਿ ਤੁਸੀਂ ਫਲ ਵੇਚ ਰਹੀ ਦਾਦੀ ਨਾਲ ਬੜੀ ਗੱਲ-ਬਾਤ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਸ ਵਿੱਚ ਸਾਂਝੇ ਸੱਭਿਆਚਾਰਕ ਹਵਾਲੇ, ਸਥਾਨਕ ਭਾਸ਼ਾਵਾਂ ਅਤੇ ਮਜ਼ਾਕ ਹਨ ਜੋ ਸਿਰਫ ਉਸ ਜਗ੍ਹਾ ਦੇ ਲੋਕ ਸਮਝਦੇ ਹਨ। ਬਹੁਤ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਅਤੇ ਬੇਹਦ ਪ੍ਰਭਾਵੀ... ਜੇ ਤੁਸੀਂ ਇਹ ਜਾਣਦੇ ਹੋ! ਪਰ ਬਾਥਰੂਮ ਲੱਭਣ ਸਮੇਂ ਇਹ ਉਲਝਣ ਵਾਲੀ ਗੱਲ ਹੋ ਸਕਦੀ ਹੈ।
+
+- **ਹਾਈ-ਲੇਵਲ ਪ੍ਰੋਗਰਾਮਿੰਗ** ਉਸੇ ਜਿਹੀ ਹੈ ਜਿਵੇਂ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਸਥਾਨਕ ਦੋਸਤ ਹੋਵੇ ਜੋ ਤੁਹਾਡੇ ਮਤਲਬ ਨੂੰ ਸਮਝਦਾ ਹੋਵੇ। ਤੁਸੀਂ ਸਾਫ਼ ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ ਕਹ ਸਕਦੇ ਹੋ "ਮੈਨੂੰ ਬਾਥਰੂਮ ਲੱਭਣਾ ਹੈ," ਅਤੇ ਉਹ ਸਾਰੇ ਸੱਭਿਆਚਾਰਕ ਅਨੁਵਾਦ ਕਰਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਲਈ ਛੇਤੀ ਤੇਸਰੀ ਸਮਝ ਵਾਲੇ ਹਵਾਲੇ ਦਿੰਦਾ ਹੈ।
+
+ਪ੍ਰੋਗਰਾਮਿੰਗ ਦੇ ਟਰਮਾਂ ਵਿੱਚ:
+- **ਲੋ-ਲੇਵਲ ਭਾਸ਼ਾਵਾਂ** (ਜਿਵੇਂ Assembly ਜਾਂ C) ਤੁਹਾਨੂੰ ਕੰਪਿਊਟਰ ਦੇ ਹਾਰਡਵੇਅਰ ਨਾਲ ਬਹੁਤ ਵਿਸਥਾਰਿਤ ਗੱਲਬਾਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀਆਂ ਹਨ, ਪਰ ਤੁਹਾਨੂੰ ਮਸ਼ੀਨ ਵਿਚਾਰ ਕਰਨਾ ਪੈਂਦਾ ਹੈ, ਜੋ… ਚਲੋ ਕਹੀਏ ਇਹ ਇਕ ਵੱਡਾ ਮਨੋਵੈਜ্ঞানਿਕ ਬਦਲਾਅ ਹੈ!
+- **ਹਾਈ-ਲੇਵਲ ਭਾਸ਼ਾਵਾਂ** (ਜਿਵੇਂ JavaScript, Python, ਜਾਂ C#) ਤੁਹਾਨੂੰ ਮਨੁੱਖੀ ਤਰ੍ਹਾਂ ਸੋਚਣ ਦਿੰਦੀਆਂ ਹਨ ਜਦੋਂਕਿ ਉਹ ਸਾਰੇ ਮਸ਼ੀਨੀ ਗੱਲਬਾਤਾਂ ਦਾ ਕੰਮ ਛੁਪੇ ਤਰੀਕੇ ਨਾਲ ਸਹਿਣ ਲੈਂਦੀਆਂ ਹਨ। ਇਨ੍ਹਾਂ ਦੇ ਕਮਿਊਨਿਟੀ ਬਹੁਤ ਸਹਿਯੋਗੀ ਹੁੰਦੇ ਹਨ ਜੋ ਯਾਦ ਰੱਖਦੇ ਹਨ ਕਿ ਨਵੇਂ ਸੀ ਕਿਵੇਂ ਮਹਿਸੂਸ ਕਰਦੇ ਹਨ ਅਤੇ ਸਾਫ਼ਦਿਲੀ ਨਾਲ ਮਦਦ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਨ!
+
+ਸੋਚੋ ਮੈਂ ਤੁਹਾਨੂੰ ਕਿਹੜੀਆਂ ਭਾਸ਼ਾਵਾਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੰਦਾ ਹਾਂ? 😉 ਹਾਈ-ਲੈਵਲ ਭਾਸ਼ਾਵਾਂ ਉਹ ਪ੍ਰਸ਼ਿਖਣ ਵਾਹਨੇ ਵਰਗੀ ਹੁੰਦੀਆਂ ਹਨ ਜੋ ਤੁਸੀਂ ਕਦੇ ਨਹੀਂ ਹਟਾਉਂਦੇ ਕਿਉਂਕਿ ਉਹ ਸਾਰਾ ਅਨੁਭਵ ਬਹੁਤ ਹੀ ਆਸਾਨ ਅਤੇ ਮਨੋਹਰ ਬਣਾ ਦਿੱਂਦੀਆਂ ਹਨ!
+
+```mermaid
+flowchart TB
+    A["👤 ਮਨੁੱਖੀ ਸੋਚ:<br/>'ਮੈਂ ਫਿਬੋਨਾਚੀ ਨੰਬਰ ਗਿਣਣੇ ਚਾਹੁੰਦਾ ਹਾਂ'"] --> B{ਭਾਸ਼ਾ ਪੱਧਰ ਚੁਣੋ}
+    
+    B -->|ਉੱਚ-ਪੱਧਰ| C["🌟 ਜਾਵਾਸਕ੍ਰਿਪਟ/ਪਾਈਥਨ<br/>ਆਸਾਨ ਪੜ੍ਹਨ ਅਤੇ ਲਿਖਣ ਲਈ"]
+    B -->|ਹੇਠਾਂ-ਪੱਧਰ| D["⚙️ ਅਸੈਂਬਲੀ/ਸੀ<br/>ਸਿੱਧਾ ਹਾਰਡਵੇਅਰ ਕੰਟਰੋਲ"]
+    
+    C --> E["📝 ਲਿਖੋ: fibonacci(10)"]
+    D --> F["📝 ਲਿਖੋ: mov r0,#00<br/>sub r0,r0,#01"]
+    
+    E --> G["🤖 ਕੰਪਿਊਟਰ ਸਮਝ:<br/>ਅਨੁਵਾਦਕ ਜਟਿਲਤਾ ਸੰਭਾਲਦਾ ਹੈ"]
+    F --> G
+    
+    G --> H["💻 ਇੱਕੋ ਨਤੀਜਾ:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    
+    style C fill:#e1f5fe
+    style D fill:#fff3e0
+    style H fill:#e8f5e8
+```
+### ਆਓ ਮੈਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂ ਕਿ ਹਾਈ-ਲੈਵਲ ਭਾਸ਼ਾਵਾਂ ਕਿਵੇਂ ਜ਼ਿਆਦਾ ਦੋਸਤਾਨਾ ਹੁੰਦੀਆਂ ਹਨ
 
-ਮੈਂ ਤੁਹਾਨੂੰ ਇੱਕ ਕਹਾਣੀ ਦਿੰਦਾ ਹਾਂ ਜਿਸ ਨੇ ਮੇਰੇ ਸੋਚਣ ਦੇ ਤਰੀਕੇ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਦਲ ਦਿੱਤਾ। ਪਿਛਲੇ ਹਫ਼ਤੇ, ਮੈਂ ਆਪਣੀ ਮਾਂ ਨੂੰ ਸਾਡੇ ਨਵੇਂ ਸਮਾਰਟ ਟੀਵੀ ਰਿਮੋਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਸਮਝਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਿਹਾ ਸੀ। ਮੈਂ ਆਪਣੇ ਆਪ ਨੂੰ ਇਹ ਕਹਿੰਦੇ ਹੋਏ ਪਾਇਆ "ਲਾਲ ਬਟਨ ਦਬਾਓ, ਪਰ ਵੱਡਾ ਲਾਲ ਬਟਨ ਨਹੀਂ, ਛੋਟਾ ਲਾਲ ਬਟਨ ਖੱਬੇ ਪਾਸੇ... ਨਹੀਂ, ਤੁਹਾਡਾ ਦੂਜਾ ਖੱਬਾ... ਠੀਕ ਹੈ, ਹੁਣ ਇਸਨੂੰ ਦੋ ਸਕਿੰਟ ਲਈ ਰੱਖੋ, ਇੱਕ ਨਹੀਂ, ਤਿੰਨ ਨਹੀਂ..." ਜਾਣ ਪਛਾਣ ਲੱਗਦਾ ਹੈ? 😅
+ਠੀਕ ਹੈ, ਮੈਂ ਤੁਹਾਨੂੰ ਕੁਝ ਅਜਿਹਾ ਦੇਖਾਉਣ ਜਾ ਰਿਹਾ ਹਾਂ ਜੋ ਸਹੀ ਤਰ੍ਹਾਂ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਮੈਂ ਹਾਈ-ਲੈਵਲ ਭਾਸ਼ਾਵਾਂ ਨਾਲ ਕਿਵੇਂ ਪਿਆਰ ਕਰ ਬੈਠਿਆ, ਪਰ ਪਹਿਲਾਂ – ਤੁਸੀਂ ਮੈਨੂੰ ਇੱਕ ਵਾਅਦਾ ਕਰੋ। ਜਦੋਂ ਤੁਸੀਂ ਪਹਿਲਾ ਕੋਡ ਉਦਾਹਰਨ ਵੇਖੋਗੇ, ਤਾਂ ਘਬਰਾਓ ਨਹੀਂ! ਇਹ ਉਦਾਹਰਨ ਅਸਲ ਵਿੱਚ ਭਿਆਨਕ ਲੱਗਣ ਲਈ ਹੈ। ਇਹੀ ਗੱਲ ਮੈਂ ਦਰਸਾਉਂਣਾ ਚਾਹੁੰਦਾ ਹਾਂ!
 
-ਇਹ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਹੈ! ਇਹ ਕੁਝ ਬਹੁਤ ਸ਼ਕਤੀਸ਼ਾਲੀ ਨੂੰ ਬਹੁਤ ਹੀ ਵਿਸਥਾਰਵਾਦੀ, ਕਦਮ-ਦਰ-ਕਦਮ ਹਦਾਇਤਾਂ ਦੇਣ ਦੀ ਕਲਾ ਹੈ ਪਰ ਇਸਨੂੰ ਸਭ ਕੁਝ ਬਿਲਕੁਲ ਸਪਸ਼ਟ ਤਰੀਕੇ ਨਾਲ ਦੱਸਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
-- **ਟਿੱਪਣੀਆਂ**: ਉੱਚ-ਸਤਹ ਦੀਆਂ ਭਾਸ਼ਾਵਾਂ ਵਿਆਖਿਆਤਮਕ ਟਿੱਪਣੀਆਂ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕਰਦੀਆਂ ਹਨ ਜੋ ਕੋਡ ਨੂੰ ਆਪ ਹੀ ਦਸਤਾਵੇਜ਼ ਬਣਾਉਣ ਵਾਲਾ ਬਣਾਉਂਦੀਆਂ ਹਨ  
-- **ਸੰਰਚਨਾ**: JavaScript ਦੀ ਤਰਕਸ਼ੀਲ ਲਹਿਰਵਾਹੀ ਉਸ ਤਰੀਕੇ ਨਾਲ ਮਿਲਦੀ ਹੈ ਜਿਵੇਂ ਮਨੁੱਖ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਕਦਮ-ਦਰ-ਕਦਮ ਸੋਚਦੇ ਹਨ  
-- **ਰੱਖ-ਰਖਾਵ**: ਵੱਖ-ਵੱਖ ਜ਼ਰੂਰਤਾਂ ਲਈ JavaScript ਵਰਜਨ ਨੂੰ ਅਪਡੇਟ ਕਰਨਾ ਸਿੱਧਾ ਅਤੇ ਸਪਸ਼ਟ ਹੈ  
+ਅਸੀਂ ਇੱਕੋ ਕੰਮ ਨੂੰ ਦੋ ਬਿਲਕੁਲ ਵੱਖ-ਵੱਖ ਅੰਦਾਜ਼ਾਂ ਵਿੱਚ ਲਿਖਿਆ ਵੇਖਾਂਗੇ। ਦੋਵੇਂ Fibonacci ਕ੍ਰਮ ਬਣਾ ਰਹੇ ਹਨ – ਇਹ ਇੱਕ ਸੁੰਦਰ ਗਣਿਤੀਕ ਢਾਂਚਾ ਹੈ ਜਿਸ ਵਿੱਚ ਹਰ ਨੰਬਰ ਪਿਛਲੇ ਦੋ ਨੰਬਰਾਂ ਦਾ ਜੋੜ ਹੁੰਦਾ ਹੈ: 0, 1, 1, 2, 3, 5, 8, 13... (ਮਜ਼ੇਦਾਰ ਤੱਥ: ਤੁਸੀਂ ਇਹ ਪੈਟਰਨ ਵਿੱਚ ਕੁਦਰਤ ਵਿੱਚ ਹਰ ਥਾਂ ਲੱਭੋਗੇ – ਸੂਰਜਮੁਖੀ ਦੇ ਬੀਜ ਵਾਲੀਆਂ ਘੁੰਬਦੀਆਂ, ਚੀੜ ਦੇਸ਼ ਦੇ ਨਮੂਨੇ, ਅਤੇ ਗੈਲੈਕਸੀ ਦੇ ਬਣਤਰਾਂ ਵਿੱਚ!)
 
-✅ **ਫਿਬੋਨਾਚੀ ਸੀਰੀਜ਼ ਬਾਰੇ**: ਇਹ ਬੇਹੱਦ ਸੁੰਦਰ ਗਿਣਤੀ ਦਾ ਪੈਟਰਨ (ਜਿੱਥੇ ਹਰ ਗਿਣਤੀ ਪਿਛਲੇ ਦੋ ਗਿਣਤੀਆਂ ਦੇ ਜੋੜ ਦੇ ਬਰਾਬਰ ਹੁੰਦੀ ਹੈ: 0, 1, 1, 2, 3, 5, 8...) ਕੁਦਰਤ ਵਿੱਚ ਹਰ ਜਗ੍ਹਾ ਮਿਲਦਾ ਹੈ! ਤੁਸੀਂ ਇਸਨੂੰ ਸੂਰਜਮੁਖੀ ਦੇ ਘੁੰਮਾਓ, ਪਾਈਨਕੋਨ ਦੇ ਪੈਟਰਨ, ਨੌਟਿਲਸ ਸ਼ੈਲ ਦੇ ਵਕਰ ਅਤੇ ਇੱਥੋਂ ਤੱਕ ਕਿ ਦਰੱਖਤਾਂ ਦੀਆਂ ਟਾਹਣੀਆਂ ਦੇ ਵਧਣ ਦੇ ਤਰੀਕੇ ਵਿੱਚ ਵੀ ਪਾਓਗੇ। ਇਹ ਵਾਕਈ ਹੈਰਾਨੀਜਨਕ ਹੈ ਕਿ ਗਣਿਤ ਅਤੇ ਕੋਡ ਸਾਨੂੰ ਸਮਝਣ ਅਤੇ ਦੁਬਾਰਾ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ ਜੋ ਕੁਦਰਤ ਸੁੰਦਰਤਾ ਬਣਾਉਣ ਲਈ ਵਰਤਦੀ ਹੈ!  
+ਤਿਆਰ ਹੋ ਇਸ ਅੰਤਰ ਨੂੰ ਵੇਖਣ ਲਈ? ਚਲੋ ਚੱਲੀਏ!
 
-## ਜਾਦੂ ਬਣਾਉਣ ਵਾਲੇ ਬੁਨਿਆਦੀ ਹਿੱਸੇ  
+**ਹਾਈ-ਲੈਵਲ ਭਾਸ਼ਾ (JavaScript) – ਮਨੁੱਖੀ-ਮਿੱਤਰ:**
 
-ਚੰਗਾ, ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਦੇਖ ਲਿਆ ਕਿ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ, ਆਓ ਉਹ ਬੁਨਿਆਦੀ ਹਿੱਸੇ ਤੋੜੀਏ ਜੋ ਲਗਭਗ ਹਰ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਬਣਾਉਂਦੇ ਹਨ। ਇਹਨਾਂ ਨੂੰ ਤੁਹਾਡੇ ਮਨਪਸੰਦ ਰਸੋਈ ਦੇ ਅਵਸ਼ਕ ਅੰਗਾਂ ਵਾਂਗ ਸੋਚੋ – ਜਦੋਂ ਤੁਸੀਂ ਸਮਝ ਲੈਂਦੇ ਹੋ ਕਿ ਹਰ ਇੱਕ ਕੀ ਕਰਦਾ ਹੈ, ਤੁਸੀਂ ਲਗਭਗ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਵਿੱਚ ਕੋਡ ਪੜ੍ਹ ਅਤੇ ਲਿਖ ਸਕਦੇ ਹੋ!  
+```javascript
+// ਕਦਮ 1: ਮੁਢਲਾ ਫਿਬੋਨਾਚੀ ਸੈਟਅਪ
+const fibonacciCount = 10;
+let current = 0;
+let next = 1;
 
-ਇਹ ਕੁਝ ਪ੍ਰੋਗਰਾਮਿੰਗ ਦੇ ਵਿਆਕਰਨ ਨੂੰ ਸਿੱਖਣ ਵਾਂਗ ਹੈ। ਯਾਦ ਕਰੋ ਸਕੂਲ ਵਿੱਚ ਜਦੋਂ ਤੁਸੀਂ ਨਾਉਨ, ਵਰਬ ਅਤੇ ਵਾਕ ਬਣਾਉਣ ਦੇ ਤਰੀਕੇ ਬਾਰੇ ਸਿੱਖਿਆ ਸੀ? ਪ੍ਰੋਗਰਾਮਿੰਗ ਦਾ ਆਪਣਾ ਵਿਆਕਰਨ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਸੱਚਮੁੱਚ, ਇਹ ਅੰਗਰੇਜ਼ੀ ਵਿਆਕਰਨ ਤੋਂ ਕਾਫੀ ਜ਼ਿਆਦਾ ਤਰਕਸ਼ੀਲ ਅਤੇ ਮਾਫ਼ ਕਰਨ ਵਾਲਾ ਹੁੰਦਾ ਹੈ! 😄  
+console.log('Fibonacci sequence:');
+```
 
-### ਸਟੇਟਮੈਂਟ: ਕਦਮ-ਦਰ-ਕਦਮ ਹਦਾਇਤਾਂ  
+**ਇਹ ਕੋਡ ਕੀ ਕਰਦਾ ਹੈ:**
+- **ਇੱਕ ਨਿਸ਼ਚਿਤ ਕਿੰਨ੍ਹਾ Fibonacci ਅੰਕ ਬਣਾਉਣ ਹਨ, ਇਹ ਦੱਸਣ ਲਈ ਇੱਕ constant ঘোষণা ਕਰੋ**
+- **ਦੋ ਵਰिएਬਲਸ ਸ਼ੁਰੂ ਕਰੋ ਜੋ ਵਰਤਮਾਨ ਅਤੇ ਅੱਗਲੇ ਨੰਬਰ ਨੂੰ ਟਰੈਕ ਕਰਨਗੇ**
+- **ਸ਼ੁਰੂਆਤੀ ਕੀਮਤਾਂ (0 ਅਤੇ 1) ਸੈੱਟ ਕਰੋ ਜੋ Fibonacci ਪੈਟਰਨ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀਆਂ ਹਨ**
+- **ਆਪਣੇ ਨਤੀਜੇ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਹੈਡਰ ਸੁਨੇਹਾ ਦਿਖਾਓ**
 
-ਆਓ **ਸਟੇਟਮੈਂਟ** ਨਾਲ ਸ਼ੁਰੂ ਕਰੀਏ – ਇਹ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਨਾਲ ਗੱਲਬਾਤ ਵਿੱਚ ਵਿਅਕਤੀਗਤ ਵਾਕਾਂ ਵਾਂਗ ਹੁੰਦੇ ਹਨ। ਹਰ ਸਟੇਟਮੈਂਟ ਕੰਪਿਊਟਰ ਨੂੰ ਇੱਕ ਖਾਸ ਕੰਮ ਕਰਨ ਲਈ ਕਹਿੰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਦਿਸ਼ਾਵਾਂ ਦੇਣਾ: "ਇੱਥੇ ਖੱਬੇ ਮੁੜੋ," "ਲਾਲ ਬੱਤੀ 'ਤੇ ਰੁਕੋ," "ਉਸ ਜਗ੍ਹਾ 'ਤੇ ਪਾਰਕ ਕਰੋ।"  
+```javascript
+// ਕਦਮ 2: ਲੂਪ ਨਾਲ ਕ੍ਰਮ ਤਿਆਰ ਕਰੋ
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // ਕ੍ਰਮ ਵਿੱਚ ਅਗਲਾ ਨੰਬਰ ਗਣਨਾ ਕਰੋ
+  const sum = current + next;
+  current = next;
+  next = sum;
+}
+```
 
-ਮੈਨੂੰ ਸਟੇਟਮੈਂਟ ਬਾਰੇ ਇਹ ਚੰਗਾ ਲੱਗਦਾ ਹੈ ਕਿ ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਕਿੰਨੇ ਪੜ੍ਹਨ ਯੋਗ ਹੁੰਦੇ ਹਨ। ਇਹ ਦੇਖੋ:  
+**ਅਤੇ ਇਹ ਜਿਹੜਾ ਹੁੰਦਾ ਹੈ:**
+- **ਸਾਡੀ ਲੜੀ ਵਿੱਚ ਹਰ ਸਥਾਨ ਲਈ `for` ਲੂਪ ਚਲਾਓ**
+- **ਹਰ ਨੰਬਰ ਨੂੰ ਉਸਦੀ ਸਥਿਤੀ ਦੇ ਨਾਲ template literal ਫਾਰਮੈਟ ਵਿੱਚ ਦਿਖਾਓ**
+- **ਵਰਤਮਾਨ ਅਤੇ ਅਗਲੇ ਨੰਬਰਾਂ ਨੂੰ ਜੋੜ ਕੇ ਅਗਲਾ Fibonacci ਨੰਬਰ ਗਣਨਾ ਕਰੋ**
+- **ਅਗਲੀ ਦੌੜ ਲਈ ਵਰੀਏਬਲਸ ਨੂੰ ਅਪਡੇਟ ਕਰੋ**
 
 ```javascript
-// Basic statements that perform single actions
+// ਕਦਮ 3: ਆਧੁਨਿਕ ਕਾਰਯਕਾਰੀ ਪਹੁੰਚ
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
+
+// ਵਰਤੋਂ ਦਾ ਉਦਾਹਰਨ
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**ਉਪਰਲੇ ਕੋਡ ਵਿੱਚ, ਅਸੀਂ:**
+- **ਆਧੁਨਿਕ arrow function syntax ਵਰਤ ਕੇ ਇੱਕ ਪਾਠ ਬਣਾਉਂਦਾ ਕਾਰਜਕਾਰੀ function ਬਣਾਇਆ**
+- **ਸਾਰੀ ਲੜੀ ਨੂੰ ਇੱਕ ਐਰੇ ਵਿੱਚ ਸਟੋਰ ਕੀਤਾ ਬਜਾਏ ਹਰ ਨੰਬਰ ਦਿਖਾਉਣ ਦੇ**
+- **ਪਿਛਲੇ ਨੰਬਰਾਂ ਤੋਂ ਨਵਾਂ ਨੰਬਰ ਕੈਲਕੁਲੇਟ ਕਰਨ ਲਈ ਐਰੇ ਇੰਡੈਕਸਿੰਗ ਵਰਤੀ**
+- **ਪੂਰੀ ਲੜੀ ਨੂੰ ਵਾਪਸ ਕੀਤਾ, ਜੋ ਸਾਡੀ ਕਾਰਜਕਾਰੀ ਦੇ ਹੋਰ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ**
+
+**ਲੋ-ਲੇਵਲ ਭਾਸ਼ਾ (ARM Assembly) – ਕੰਪਿਊਟਰ-ਮਿੱਤਰ:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਜਨ ਲਗਭਗ ਅੰਗਰੇਜ਼ੀ ਹਦਾਇਤਾਂ ਵਾਂਗ ਪੜ੍ਹਦਾ ਹੈ, ਜਦਕਿ Assembly ਵਰਜਨ ਰਾਜ਼ਦਾਰ ਹੁਕਮਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦਾਂ ਜੋ ਸਿੱਧਾ ਕੰਪਿਊਟਰ ਦੇ ਪ੍ਰੋਸੈਸਰ ਨੂੰ ਕંટ੍ਰੋਲ ਕਰਦਾ ਹੈ। ਦੋਹਾਂ ਨੇ ਇਕੋ ਕੰਮ ਕੀਤਾ, ਪਰ ਹਾਈ-ਲੈਵਲ ਭਾਸ਼ਾ ਮਨੁੱਖਾਂ ਲਈ ਸਮਝਣ, ਲਿਖਣ ਅਤੇ ਸੰਭਾਲਣ ਵਿੱਚ ਬਹੁਤ ਸੌਖੀ ਹੁੰਦੀ ਹੈ।
+
+**ਤੁਹਾਨੂੰ ਜੋ ਮੁੱਖ ਅੰਤਰ ਨਜ਼ਰ ਆਉਂਦੇ ਹਨ:**
+- **ਵਾਚੀਯਤਾ**: ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਣਨਾਤਮਕ ਨਾਮ ਵਰਤਦਾ ਹੈ ਜਿਵੇਂ ਕਿ `fibonacciCount` ਜਦਕਿ ਐਸੈਂਬਲੀ ਰਾਜ਼ੀ ਨਾਂ ਜਿਵੇਂ `r0`, `r1` ਵਰਤਦਾ ਹੈ  
+- **ਟਿੱਪਣੀਆਂ**: ਉੱਚ-ਸਤ੍ਹਰ ਦੀਆਂ ਭਾਸ਼ਾਵਾਂ ਵਿਆਖਿਆਤਮਕ ਟਿੱਪਣੀਆਂ ਦੀ ਹੌਂਸਲਾਬੱਦੀ ਕਰਦੀਆਂ ਹਨ ਜੋ ਕੋਡ ਨੂੰ ਖੁਦ-ਦਸਤਾਵੇਜ਼ ਬਣਾਉਂਦੀਆਂ ਹਨ  
+- **ਸੰਰਚਨਾ**: ਜਾਵਾਸਕ੍ਰਿਪਟ ਦਾ ਤਰਕੀਬੀ ਪ੍ਰਵਾਹ ਇੰਨਾ ਸਵਭਾਵਿਕ ਹੈ ਜਿਵੇਂ ਮਨੁੱਖ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਕਦਮ-ਬੰਦ ਤਰੀਕੇ ਨਾਲ ਸੋਚਦੇ ਹਨ  
+- **ਰਖ-ਰਖਾਵ**: ਵੱਖ-ਵੱਖ ਲੋੜਾਂ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਰਜਨ ਨੂੰ ਅਪਡੇਟ ਕਰਨਾ ਸਾਡੇ ਲਈ ਸਿਧਾ ਅਤੇ ਸਪਸ਼ਟ ਹੈ  
+
+✅ **ਫਿਬੋਨਾਚੀ ਕ੍ਰਮ ਬਾਰੇ**: ਇਹ ਬਿਲਕੁਲ ਸੁੰਦਰ ਨੰਬਰਾਂ ਦਾ ਪੈਟਰਨ (ਜਿੱਥੇ ਹਰ ਨੰਬਰ ਪਿਛਲੇ ਦੋ ਨੰਬਰਾਂ ਦੇ ਜੋੜ ਦੇ ਬਰਾਬਰ ਹੁੰਦਾ ਹੈ: 0, 1, 1, 2, 3, 5, 8...) ਕੁਦਰਤ ਵਿੱਚ ਹਰੇਕ ਥਾਂ ਸੰਜੀਦਗੀ ਨਾਲ ਮਿਲਦਾ ਹੈ! ਤੁਸੀਂ ਇਹ ਸੂਰਜਮੁਖੀ ਦੇ ਸੁਤਰਾਂਵਾਂ, ਪਾਈਨਕੋਨ ਦੇ ਨਮੂਨੇ, ਨੌਟਿਲਸ ਖੋਲ੍ਹਾਂ ਦੇ ਮੁੜਨ ਦੇ ਤਰੀਕੇ ਅਤੇ ਦਰੱਖਤ ਦੀਆਂ ਸ਼ਾਖਾਂ ਦੀ ਵਧੌਤ ਵਿੱਚ ਵੀ ਦੇਖੋਗੇ। ਇਹ ਕਿਤਨਾ ਅਦਭੁਤ ਗੱਲ ਹੈ ਕਿ ਗਣਿਤ ਅਤੇ ਕੋਡ ਸਾਡੇ ਲਈ ਕੁਦਰਤੀ ਸੁੰਦਰਤਾ ਬਣਾਉਣ ਵਾਲੇ ਪੈਟਰਨ ਨੂੰ ਸਮਝਣ ਅਤੇ ਦੁਹਰਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ!  
+
+## ਬਿਲਡਿੰਗ ਬਲਾਕ ਜੋ ਜਾਦੂ ਬਣਾਉਂਦੇ ਹਨ  
+
+ਚਲੋ, ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਦੇਖ ਚੁੱਕੇ ਹੋ ਕਿ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਅਮਲ ਵਿੱਚ ਕੀਹ ਲੱਗਦੀਆਂ ਹਨ, ਚਲੋ ਉਹ ਮੂਲਭੂਤ ਤੱਤ ਤੋੜਦੇ ਹਾਂ ਜੋ ਹਰੇਕ ਲਿਖੇ ਪ੍ਰੋਗ੍ਰਾਮ ਨੂੰ ਬਣਾਉਂਦੇ ਹਨ। ਇਹਨਾਂ ਨੂੰ ਆਪਣੇ ਮਨਪਸੰਦ ਰੇਸੀਪੀ ਦੇ ਜਰੂਰੀ ਸਮਗਰੀ ਜਿਵੇਂ ਸੋਚੋ – ਜਦੋਂ ਤੁਸੀਂ ਜਾਣ ਲਵੋਗੇ ਕਿ ਹਰ ਇੱਕ ਕੀ ਕਰਦਾ ਹੈ ਤਾਂ ਤੁਸੀਂ ਲਗਭਗ ਕਿਸੇ ਭਾਸ਼ਾ ਵਿੱਚ ਕੋਡ ਨੂੰ ਪੜ੍ਹ ਅਤੇ ਲਿਖ ਸਕੋਗੇ!  
+
+ਇਹ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਹੈ ਜਿਵੇਂ ਤੁਸੀਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੀ ਵਿਸ਼ੇਸ਼ ਭਾਸ਼ਾ ਸਿਖ ਰਹੇ ਹੋ। ਸਕੂਲ ਵਿੱਚ ਜਦੋਂ ਤੁਸੀਂ ਨਾਂਉਂ, ਕਿਰਿਆਵਾਂ ਅਤੇ ਵਾਕਾਂ ਦੀ ਬਣਤਰ ਸਿੱਖੀ ਸੀ, ਤਾਂ ਇਹ ਵੀ ਉਸੇ ਤਰ੍ਹਾਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੀ ਆਪਣੀ ਗ੍ਰਾਮਰ ਹੈ, ਜੋ ਇੰਗਲਿਸ਼ ਦੀ ਗ੍ਰਾਮਰ ਨਾਲੋਂ ਕਾਫੀ ਜ਼ਿਆਦਾ ਤਰਕਸ਼ੀਲ ਅਤੇ ਮਾਫ਼ ਕਰਣ ਵਾਲੀ ਹੈ! 😄  
+
+### ਬਿਆਨ: ਕਦਮ-ਬਦ ਕਦਮ ਨਿਰਦੇਸ਼  
+
+ਆਓ **ਬਿਆਨਾਂ** ਨਾਲ ਸ਼ੁਰੂ ਕਰੀਏ – ਇਹ ਬਿਲਕੁਲ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਨਾਲ ਸਾਂਝੀ ਗੱਲਬਾਤ ਵਿੱਚ ਵਾਕਾਂ ਵਾਂਗ ਹਨ। ਹਰ ਬਿਆਨ ਕੰਪਿਊਟਰ ਨੂੰ ਇੱਕ ਖਾਸ ਕੰਮ ਕਰਨ ਲਈ ਕਹਿੰਦਾ ਹੈ, ਹੋਰ ਥਾਂ ਨਾਲ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਦੇਣ ਵਰਗਾ: "ਇੱਥੇ ਖੱਬੇ ਮੁੜੋ," "ਲਾਲ ਬੱਤੀ ਤੇ ਰੁਕੋ," "ਉਸ ਥਾਂ ਗੱਡੀ ਖੜੀ ਕਰੋ।"  
+
+ਮੈਨੂੰ ਬਿਆਨਾਂ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਬਹੁਤ ਪਸੰਦ ਹੈ ਕਿਉਂਕਿ ਇਹ ਆਮ ਤੌਰ ਤੇ ਕਾਫੀ ਸਮਝਣਯੋਗ ਹੁੰਦੇ ਹਨ। ਏਹ ਵੇਖੋ:  
+
+```javascript
+// ਮੂਲ ਬਿਆਨ ਜੋ ਇਕੱਲੀ ਕਾਰਵਾਈ ਕਰਦੇ ਹਨ
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
   
 **ਇਹ ਕੋਡ ਕੀ ਕਰਦਾ ਹੈ:**  
-- **ਘੋਸ਼ਣਾ** ਕਰੋ ਇੱਕ constant variable ਨੂੰ ਵਰਤੋਂਕਾਰ ਦੇ ਨਾਮ ਨੂੰ ਸਟੋਰ ਕਰਨ ਲਈ  
-- **ਦਿਖਾਓ** ਇੱਕ ਸਵਾਗਤ ਸੰਦੇਸ਼ ਨੂੰ console output 'ਤੇ  
-- **ਗਣਨਾ ਕਰੋ** ਅਤੇ ਇੱਕ ਗਣਿਤੀਕ ਕਾਰਵਾਈ ਦੇ ਨਤੀਜੇ ਨੂੰ ਸਟੋਰ ਕਰੋ  
+- ਇੱਕ ਯੂਜ਼ਰ ਦੇ ਨਾਮ ਨੂੰ ਸਟੋਰ ਕਰਨ ਲਈ ਇੱਕ ਅਸਥਿਰ ਵੈਰੀਏਬਲ ਘੋਸ਼ਿਤ ਕਰੋ  
+- ਕਨਸੋਲ ਆઉਟਪੁੱਟ ’ਤੇ ਸਲਾਮੀ ਸੁਨੇਹੁ ਦਿਖਾਓ  
+- ਗਣਿਤੀ ਕਾਰਵਾਈ ਦਾ ਨਤੀਜਾ ਕੈਲਕੁਲੇਟ ਕਰੋ ਅਤੇ ਸਟੋਰ ਕਰੋ  
 
 ```javascript
-// Statements that interact with web pages
+// ਬਿਆਨ ਜੋ ਵੈੱਬ ਪੰਨਿਆਂ ਨਾਲ ਇੰਟਰਏਕਟ ਕਰਦੇ ਹਨ
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
   
-**ਕਦਮ-ਦਰ-ਕਦਮ, ਇਹ ਹੈ ਕਿ ਕੀ ਹੋ ਰਿਹਾ ਹੈ:**  
-- **ਸੋਧੋ** ਵੈਬਪੇਜ ਦਾ ਸਿਰਲੇਖ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ  
-- **ਬਦਲੋ** ਪੂਰੇ ਪੇਜ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦਾ ਰੰਗ  
+**ਕਦਮ-ਦਰ-ਕਦਮ ਇਹ ਹੋ ਰਿਹਾ ਹੈ:**  
+- ਬਰਾਊਜ਼ਰ ਟੈਬ ਵਿੱਚ ਵੇਬਪੇਜ ਦਾ ਸਿਰਲੇਖ ਬਦਲੋ  
+- ਪੂਰੇ ਪੇਜ ਬਾਡੀ ਦਾ ਪਿਛੋਕੜ ਰੰਗ ਬਦਲੋ  
 
-### ਵੈਰੀਏਬਲ: ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਦਾ ਮੈਮੋਰੀ ਸਿਸਟਮ  
+### ਵੈਰੀਏਬਲ: ਤੁਹਾਡੇ ਪ੍ਰੋਗ੍ਰਾਮ ਦੀ ਯਾਦਦਾਸ਼ਤ ਪ੍ਰਣਾਲੀ  
 
-ਚੰਗਾ, **ਵੈਰੀਏਬਲ** ਸੱਚਮੁੱਚ ਮੇਰੇ ਮਨਪਸੰਦ ਸੰਕਲਪਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹਨ ਸਿੱਖਾਉਣ ਲਈ ਕਿਉਂਕਿ ਇਹ ਉਹਨਾਂ ਚੀਜ਼ਾਂ ਵਾਂਗ ਹਨ ਜੋ ਤੁਸੀਂ ਹਰ ਰੋਜ਼ ਵਰਤਦੇ ਹੋ!  
+ਠੀਕ ਹੈ, **ਵੈਰੀਏਬਲ** ਮੇਰੇ ਮਨਪਸੰਦ ਤੱਤਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹਨ ਕਿਉਂਕਿ ਇਹ ਹਰ ਰੋਜ਼ ਵਰਤੇ ਜਾਂਦੇ ਚੀਜ਼ਾਂ ਵਾਂਗ ਹਨ!  
 
-ਤੁਹਾਡੇ ਫੋਨ ਦੇ ਸੰਪਰਕ ਸੂਚੀ ਬਾਰੇ ਇੱਕ ਸਕਿੰਟ ਲਈ ਸੋਚੋ। ਤੁਸੀਂ ਹਰ ਕਿਸੇ ਦਾ ਫੋਨ ਨੰਬਰ ਯਾਦ ਨਹੀਂ ਕਰਦੇ – ਇਸਦੀ ਬਜਾਏ, ਤੁਸੀਂ "ਮਾਂ," "ਸਰਬੋਤਮ ਦੋਸਤ," ਜਾਂ "ਪਿਜ਼ਾ ਸਥਾਨ ਜੋ 2 AM ਤੱਕ ਡਿਲਿਵਰੀ ਕਰਦਾ ਹੈ" ਸੇਵ ਕਰਦੇ ਹੋ ਅਤੇ ਆਪਣੇ ਫੋਨ ਨੂੰ ਅਸਲ ਨੰਬਰ ਯਾਦ ਕਰਨ ਦਿੰਦੇ ਹੋ। ਵੈਰੀਏਬਲ ਬਿਲਕੁਲ ਇਸੇ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ! ਇਹ ਲੇਬਲ ਵਾਲੇ ਕੰਟੇਨਰਾਂ ਵਾਂਗ ਹੁੰਦੇ ਹਨ ਜਿੱਥੇ ਤੁਹਾਡਾ ਪ੍ਰੋਗਰਾਮ ਜਾਣਕਾਰੀ ਸਟੋਰ ਕਰ ਸਕਦਾ ਹੈ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਇੱਕ ਨਾਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸਨੂੰ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦਾ ਹੈ ਜੋ ਵਾਸਤਵ ਵਿੱਚ ਮਾਨਸੂਬੀ ਬਣਾਉਂਦਾ ਹੈ।  
+ਆਪਣੇ ਫੋਨ ਦੇ ਕਾਂਟੈਕਟ ਲਿਸਟ ਬਾਰੇ ਸੋਚੋ। ਤੁਸੀਂ ਹਰ ਕਿਸੇ ਦਾ ਨੰਬਰ ਯਾਦ ਨਹੀਂ ਰੱਖਦੇ – ਤੁਸੀਂ "ਮਾਂ," "ਸਭ ਤੋਂ ਚੰਗਾ ਮਿੱਤਰ," ਜਾਂ "ਉਹ ਪੀਜ਼ਾ ਵਾਲਾ ਜਿਹੜਾ ਰਾਤ 2 ਵਜੇ ਤੱਕ ਡਿਲਿਵਰੀ ਕਰਦਾ ਹੈ" ਵਰਗੇ ਨਾਮ ਸੇਵ ਕਰ ਲੈਂਦੇ ਹੋ ਅਤੇ ਫੋਨ ਅਸਲੀ ਨੰਬਰ ਯਾਦ ਰੱਖਦਾ ਹੈ। ਵੈਰੀਏਬਲ ਵੀ ਏਸੇ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੇ ਹਨ! ਇਹ ਲੇਬਲ ਕੀਤੇ ਹੋਏ ਕੰਟੇਨਰ ਵਾਂਗ ਹਨ ਜਿੱਥੇ ਤੁਹਾਡਾ ਪ੍ਰੋਗ੍ਰਾਮ ਜਾਣਕਾਰੀ ਸਟੋਰ ਕਰ ਸਕਦਾ ਹੈ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਉਸਨੂੰ ਇਕ ਸੂਚਿਤ ਨਾਮ ਨਾਲ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦਾ ਹੈ।  
 
-ਇਹ ਹੈ ਕਿ ਕੀ ਚੰਗਾ ਹੈ: ਵੈਰੀਏਬਲ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਦੇ ਚਲਣ ਦੇ ਨਾਲ ਬਦਲ ਸਕਦੇ ਹਨ (ਇਸ ਲਈ ਨਾਮ "ਵੈਰੀਏਬਲ" – ਦੇਖੋ ਉਹਨਾਂ ਨੇ ਕੀ ਕੀਤਾ?). ਜਿਵੇਂ ਤੁਸੀਂ ਉਸ ਪਿਜ਼ਾ ਸਥਾਨ ਸੰਪਰਕ ਨੂੰ ਅਪਡੇਟ ਕਰਦੇ ਹੋ ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਹੋਰ ਬਿਹਤਰ ਸਥਾਨ ਲੱਭਦੇ ਹੋ, ਵੈਰੀਏਬਲ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਦੇ ਨਵੀਂ ਜਾਣਕਾਰੀ ਸਿੱਖਣ ਜਾਂ ਸਥਿਤੀਆਂ ਦੇ ਬਦਲਣ ਦੇ ਨਾਲ ਅਪਡੇਟ ਹੋ ਸਕਦੇ ਹਨ!  
+ਇਹ ਗੱਲ ਵਧੀਆ ਹੈ ਕਿ ਵੈਰੀਏਬਲ ਆਪਣੇ ਨੂੰ ਚਲਦੇ ਸਮੇਂ ਬਦਲ ਸਕਦੇ ਹਨ (ਇਸ ਲਈ ਨਾਮ "ਵੈਰੀਏਬਲ" ਰੱਖਿਆ ਗਿਆ ਹੈ – ਵੇਖੋ ਕਿਵੇਂ ਖੇਡ ਰਹੇ ਹਨ)। ਜਿਵੇਂ ਤੁਸੀਂ ਉਹ ਪੀਜ਼ਾ ਠੇਕਣਾ ਅਪਡੇਟ ਕਰਦੇ ਹੋ ਜਦ ਤੁਹਾਨੂੰ ਕੋਈ ਹੋਰ ਚੰਗਾ ਜਗ੍ਹਾ ਮਿਲ ਜਾਂਦੀ ਹੈ, ਵੈਰੀਏਬਲ ਵੀ ਪ੍ਰੋਗ੍ਰਾਮ ਵਿਚ ਨਵਾਂ ਡੇਟਾ ਆਉਣ ਜਾਂ ਹਾਲਾਤ ਬਦਲਣ ਤੇ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ!  
 
-ਮੈਨੂੰ ਤੁਹਾਨੂੰ ਦਿਖਾਉਣ ਦਿਓ ਕਿ ਇਹ ਕਿੰਨਾ ਸੁੰਦਰ ਅਤੇ ਸਧਾਰਨ ਹੋ ਸਕਦਾ ਹੈ:  
+ਹੇਠਾਂ ਵਿਖਾਉਂਦਾ ਹਾਂ ਕਿ ਇਹ ਕਿਵੇਂ ਸੁੰਦਰ ਅਤੇ ਸਧਾਰਨ ਹੋ ਸਕਦਾ ਹੈ:  
 
 ```javascript
-// Step 1: Creating basic variables
+// ਕਦਮ 1: ਮੁਢਲੀ ਵੈਰੀਏਬਲ ਬਣਾਉਣਾ
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
   
-**ਇਹ ਸੰਕਲਪਾਂ ਨੂੰ ਸਮਝਣਾ:**  
-- **ਸਟੋਰ** ਅਸਥਿਰ ਮੁੱਲਾਂ ਨੂੰ `const` ਵੈਰੀਏਬਲਾਂ ਵਿੱਚ (ਜਿਵੇਂ ਸਾਈਟ ਦਾ ਨਾਮ)  
-- **ਵਰਤੋਂ** `let` ਉਹ ਮੁੱਲਾਂ ਲਈ ਜੋ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਦੇ ਦੌਰਾਨ ਬਦਲ ਸਕਦੇ ਹਨ  
-- **ਅਸਾਈਨ** ਵੱਖ-ਵੱਖ ਡੇਟਾ ਕਿਸਮਾਂ: strings (ਟੈਕਸਟ), numbers, ਅਤੇ booleans (true/false)  
-- **ਚੁਣੋ** ਵਿਆਖਿਆਤਮਕ ਨਾਮ ਜੋ ਹਰ ਵੈਰੀਏਬਲ ਵਿੱਚ ਕੀ ਹੈ ਇਹ ਸਮਝਾਉਂਦੇ ਹਨ  
+**ਇਹ ਅਸੂਲ ਸਮਝੋ:**  
+- `const` ਵੈਰੀਏਬਲਾਂ ਵਿੱਚ ਅਟੱਲ ਮੁੱਲ ਸਟੋਰ ਕਰੋ (ਜਿਵੇਂ ਸਾਈਟ ਦਾ ਨਾਮ)  
+- `let` ਦਾ ਉਪਯੋਗ ਕਰੋ ਉਹ ਮੁੱਲ ਜਿਹੜੇ ਤੁਹਾਡੇ ਪ੍ਰੋਗ੍ਰਾਮ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹਨ  
+- ਵੱਖ ਵੱਖ ਡਾਟਾ ਕਿਸਮਾਂ ਨਿਰਧਾਰਿਤ ਕਰੋ: ਸਤਰਾਂ (ਟੈਕਸਟ), ਸੰਖਿਆਵਾਂ ਅਤੇ ਬੂਲੀਅਨ (ਸੱਚ/ਝੂਠ)  
+- ਵਿਆਖਿਆਤਮਕ ਨਾਮ ਚੁਣੋ ਜੋ ਦੱਸਣ ਕਿ ਹਰ ਵੈਰੀਏਬਲ ਵਿੱਚ ਕੀ ਹੈ  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// ਕਦਮ 2: ਸੰਬੰਧਤ ਡਾਟਾ ਨੂੰ ਇਕੱਠਾ ਕਰਨ ਲਈ ਆਬਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -127,50 +334,50 @@ const weatherData = {
 };
 ```
   
-**ਉਪਰੋਕਤ ਵਿੱਚ, ਅਸੀਂ:**  
-- **ਬਣਾਇਆ** ਇੱਕ object ਜੋ ਸੰਬੰਧਿਤ ਮੌਸਮ ਜਾਣਕਾਰੀ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ  
-- **ਸੰਗਠਿਤ** ਕਈ ਡੇਟਾ ਟੁਕੜੇ ਇੱਕ ਵੈਰੀਏਬਲ ਨਾਮ ਦੇ ਹੇਠਾਂ  
-- **ਵਰਤੋਂ** key-value ਜੋੜੇ ਹਰ ਜਾਣਕਾਰੀ ਦੇ ਟੁਕੜੇ ਨੂੰ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਲੇਬਲ ਕਰਨ ਲਈ  
+**ਉੱਪਰ ਦਿੱਤਾ ਗਿਆ:**  
+- ਇੱਕ ਓਬਜੈਕਟ ਬਣਾਇਆ ਜੋ ਸਬੰਧਤ ਮੌਸਮੀ ਜਾਣਕਾਰੀ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ  
+- ਕਈ ਜਾਣਕਾਰੀ ਨੂੰ ਇੱਕ ਵੈਰੀਏਬਲ ਨਾਮ ਹੇਠ ਇਕਟਠਾ ਕੀਤਾ  
+- ਲੇਬਲ ਕਰਨ ਲਈ ਕੀ-ਮੁੱਲ ਜੋੜਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ  
 
 ```javascript
-// Step 3: Using and updating variables
+// ਕਦਮ 3: ਵేరੀਏਬਲ ਵਰਤੋਂ ਅਤੇ ਅਪਡੇਟ ਕਰਨਾ
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// ਬਦਲਣਯੋਗ ਵేరੀਏਬਲ ਨੂੰ ਅਪਡੇਟ ਕਰਨਾ
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
   
-**ਆਓ ਹਰ ਹਿੱਸੇ ਨੂੰ ਸਮਝੀਏ:**  
-- **ਦਿਖਾਓ** ਜਾਣਕਾਰੀ ਨੂੰ template literals ਦੇ ਨਾਲ `${}` syntax ਵਰਤ ਕੇ  
-- **ਪਹੁੰਚੋ** object properties ਨੂੰ dot notation (`weatherData.windSpeed`) ਨਾਲ  
-- **ਅਪਡੇਟ ਕਰੋ** `let` ਨਾਲ ਘੋਸ਼ਿਤ ਵੈਰੀਏਬਲ ਨੂੰ ਬਦਲ ਰਹੀਆਂ ਸਥਿਤੀਆਂ ਨੂੰ ਦਰਸਾਉਣ ਲਈ  
-- **ਜੋੜੋ** ਕਈ ਵੈਰੀਏਬਲਾਂ ਨੂੰ ਅਰਥਪੂਰਨ ਸੰਦੇਸ਼ ਬਣਾਉਣ ਲਈ  
+**ਹਰੇਕ ਹਿੱਸੇ ਨੂੰ ਸਮਝੋ:**  
+- ਇੰਫੋ ਲਈ ਟੈਂਪਲੇਟ ਲਿਟਰਲ `${}` ਸਿੰਟੈਕਸ ਨਾਲ ਜਾਣਕਾਰੀ ਦਿਖਾਓ  
+- ਡਾਟ ਨੋਟੇਸ਼ਨ (`weatherData.windSpeed`) ਨਾਲ ਓਬਜੈਕਟ ਦੀਆਂ ਸੰਪਤੀਆਂ ਨੂੰ ਐਕਸੈੱਸ ਕਰੋ  
+- ਬਦਲ ਸਕਣ ਵਾਲੇ `let` ਵੈਰੀਏਬਲ ਬਦਲੋ ਤਸ਼ਦੀਕ ਲਈ  
+- ਅਰਥਪੂਰਨ ਸੁਨੇਹੇ ਬਣਾਉਣ ਲਈ ਕਈ ਵੈਰੀਏਬਲ ਮਿਲਾਓ  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// ਕਦਮ 4: ਸਾਫ ਸੂਥਰੇ ਕੋਡ ਲਈ ਆਧੁਨਿਕ ਵਿਘਟਨ
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
   
-**ਤੁਹਾਨੂੰ ਕੀ ਜਾਣਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ:**  
-- **ਨਿਕਾਲੋ** ਖਾਸ properties ਨੂੰ objects ਤੋਂ destructuring assignment ਦੀ ਵਰਤੋਂ ਕਰਕੇ  
-- **ਬਣਾਓ** ਨਵੇਂ ਵੈਰੀਏਬਲ ਆਪਣੇ ਆਪ object keys ਦੇ ਨਾਮਾਂ ਦੇ ਨਾਲ  
-- **ਸਰਲ ਕਰੋ** ਕੋਡ ਨੂੰ ਦੁਹਰਾਉਣ ਵਾਲੀ dot notation ਤੋਂ ਬਚ ਕੇ  
+**ਤੁਹਾਨੂੰ ਕੀ ਜਾਣਨਾ ਚਾਹੀਦਾ ਹੈ:**  
+- ਵਿਖੰਡਨ ਅਸਾਈਨਮੈਂਟ ਨਾਲ ਓਬਜੈਕਟਾਂ ਤੋਂ ਖਾਸ ਸੰਪਤੀਆਂ ਕੱਢੋ  
+- ਓਬਜੈਕਟ ਕੀ ਕੀ ਜਾਂਨਾਂ ਵਾਂਗ ਖੁਦ-ਬ-ਖੁਦ ਨਵਾਂ ਵੈਰੀਏਬਲ ਬਣਾਓ  
+- ਡਾਟ ਨੋਟੇਸ਼ਨ ਬਾਰੰਬਾਰ ਕਰਨ ਤੋਂ ਬਚਾਉਣ ਨਾਲ ਕੋਡ ਸੀਧਾ ਕਰੋ  
 
-### ਕੰਟਰੋਲ ਫਲੋ: ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਸੋਚਣਾ ਸਿਖਾਉਣਾ  
+### ਕੰਟਰੋਲ ਫਲੋ: ਆਪਣੇ ਪ੍ਰੋਗ੍ਰਾਮ ਨੂੰ ਸੋਚਣਾ ਸਿਖਾਉਣਾ  
 
-ਚੰਗਾ, ਇਹ ਜਿੱਥੇ ਪ੍ਰੋਗਰਾਮਿੰਗ ਬਿਲਕੁਲ ਹੈਰਾਨੀਜਨਕ ਹੋ ਜਾਂਦੀ ਹੈ! **ਕੰਟਰੋਲ ਫਲੋ** ਮੂਲ ਤੌਰ 'ਤੇ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਸਮਾਰਟ ਫੈਸਲੇ ਲੈਣਾ ਸਿਖਾਉਣਾ ਹੈ, ਬਿਲਕੁਲ ਜਿਵੇਂ ਤੁਸੀਂ ਹਰ ਰੋਜ਼ ਬਿਨਾਂ ਸੋਚੇ ਸਮਝਦੇ ਹੋ।  
+ਠੀਕ ਹੈ, ਇੱਥੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਬਿਲਕੁਲ ਅਤੇ ਬਿਲਕੁਲ ਮਨ ਨੂੰ ਘੇਰ ਲੈਣ ਵਾਲੀ ਹੋ ਜਾਂਦੀ ਹੈ! **ਕੰਟਰੋਲ ਫਲੋ** ਹੈ ਉਹ ਤਰੀਕਾ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਗ੍ਰਾਮ ਨੂੰ ਸਮਾਰਟ ਫ਼ੈਸਲੇ ਕਰਨਾ ਸਿਖਾਉਂਦੇ ਹੋ, ਜਿਵੇਂ ਤੁਸੀਂ ਹਰ ਰੋਜ਼ ਬਿਨਾਂ ਸੋਚੇ ਕੀਤਾ ਕਰੋ।  
 
-ਇਸਨੂੰ ਸੋਚੋ: ਅੱਜ ਸਵੇਰੇ ਤੁਸੀਂ ਸ਼ਾਇਦ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਕੀਤਾ ਹੋਵੇਗਾ "ਜੇ ਬਾਰਿਸ਼ ਹੋ ਰਹੀ ਹੈ, ਤਾਂ ਮੈਂ ਛਤਰੀ ਲਵਾਂਗਾ। ਜੇ ਠੰਢ ਹੈ, ਤਾਂ ਮੈਂ ਜੈਕਟ ਪਹਿਨਾਂਗਾ। ਜੇ ਮੈਂ ਦੇਰ ਕਰ ਰਿਹਾ ਹਾਂ, ਤਾਂ ਮੈਂ ਨਾਸ਼ਤਾ ਛੱਡ ਦਿਆਂਗਾ ਅਤੇ ਰਾਹ ਵਿੱਚ ਕੌਫੀ ਲਵਾਂਗਾ।" ਤੁਹਾਡਾ ਦਿਮਾਗ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਇਸ if-then ਤਰਕ ਨੂੰ ਹਰ ਰੋਜ਼ ਦਜਨਾਂ ਵਾਰ ਫਾਲੋ ਕਰਦਾ ਹੈ!  
+ਕਲਪਨਾ ਕਰੋ: ਸਵੇਰੇ ਤੁਸੀਂ ਸੋਚਿਆ "ਜੇ ਬਾਰਿਸ਼ ਹੋ ਰਹੀ ਹੈ ਤਾਂ ਛਤਰੀ ਲਵਾਂਗਾ। ਜੇ ਠੰਢ ਹੈ ਤਾਂ ਜੈਕਟ ਪਹਿਨਾਂਗਾ। ਜੇ ਦੇਰ ਹੋ ਰਹੀ ਹੈ ਤਾਂ ਨਾਸ਼ਤਾ ਛੱਡ ਕੇ ਕੌਫੀ ਲਵਾਂਗਾ।" ਤੁਹਾਡਾ ਦਿਮਾਗ ਹਰ ਰੋਜ਼ ਇਸ ਤਰ੍ਹਾਂ ਦੀ 'ਜੇ-ਤਦ' ਤਰਕਸੰਗਤ ਲਾਜਿਕ ਕਈ ਵਾਰ ਅਮਲ ਕਰਦਾ ਹੈ!  
 
-ਇਹ ਉਹ ਹੈ ਜੋ ਪ੍ਰੋਗਰਾਮਾਂ ਨੂੰ ਬੇਵਕੂਫ਼, ਪੇਸ਼ਕਸ਼ੀਲ ਸਕ੍ਰਿਪਟ ਦੀ ਪਾਲਣਾ ਕਰਨ ਦੀ ਬਜਾਏ ਸਮਾਰਟ ਅਤੇ ਜ਼ਿੰਦਾ ਮਹਿਸੂਸ ਕਰਦਾ ਹੈ। ਉਹ ਵਾਸਤਵ ਵਿੱਚ ਇੱਕ ਸਥਿਤੀ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹਨ, ਜੋ ਹੋ ਰਿਹਾ ਹੈ ਉਸਦਾ ਅਨੁਮਾਨ ਲਗਾ ਸਕਦੇ ਹਨ, ਅਤੇ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰ ਸਕਦੇ ਹਨ। ਇਹ ਤੁਹਾਡੇ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਇੱਕ ਦਿਮਾਗ ਦੇਣ ਵਾਂਗ ਹੈ ਜੋ ਅਨੁਕੂਲ ਹੋ ਸਕਦਾ ਹੈ ਅਤੇ ਚੋਣਾਂ ਕਰ ਸਕਦਾ ਹੈ!  
+ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ ਪ੍ਰੋਗ੍ਰਾਮ ਭੁੱਲੋ-ਭੁੱਲਾਈ ਸਮਝਦਾਰ ਅਤੇ ਜ਼ਿੰਦਾ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ ਨਾ ਕਿ ਕੋਈ ਇਕ ਰੁਟੀਨੀ ਕਥਾ ਬਣਾ ਕੇ ਦਿਓ। ਇਹ ਹਾਲਾਤ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹਨ, ਮੂਲਾਂਕਣ ਕਰ ਸਕਦੇ ਹਨ, ਅਤੇ ਉਚਿਤ ਜਵਾਬ ਦੇ ਸਕਦੇ ਹਨ। ਇਹ ਤੁਹਾਡੇ ਪ੍ਰੋਗ੍ਰਾਮ ਨੂੰ ਇੱਕ ਅਜਿਹਾ ਦਿਮਾਗ ਦਿੰਦਾ ਹੈ ਜੋ ਅਨੁਕੂਲਨ ਅਤੇ ਚੋਣਾਂ ਕਰ ਸਕਦਾ ਹੈ!  
 
-ਤੁਹਾਨੂੰ ਦਿਖਾਉਣ ਦਿਓ ਕਿ ਇਹ ਕਿੰਨਾ ਸੁੰਦਰ ਕੰਮ ਕਰਦਾ ਹੈ:  
+ਚਾਹੁੰਦੇ ਹੋ ਵੇਖਣਾ ਕਿ ਇਹ ਕਿਵੇਂ ਸੁੰਦਰ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦਾ ਹੈ? ਮੈਨੂੰ ਦਿਖਾਉਣ ਦਿਓ:  
 
 ```javascript
-// Step 1: Basic conditional logic
+// ਕਦਮ 1: ਮੂਲ ਸ਼ਰਤੀ ਤਰਕ
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -182,13 +389,13 @@ if (userAge >= 18) {
 ```
   
 **ਇਹ ਕੋਡ ਕੀ ਕਰਦਾ ਹੈ:**  
-- **ਜਾਂਚੋ** ਕਿ ਵਰਤੋਂਕਾਰ ਦੀ ਉਮਰ ਵੋਟਿੰਗ ਦੀ ਲੋੜ ਨੂੰ ਪੂਰਾ ਕਰਦੀ ਹੈ ਜਾਂ ਨਹੀਂ  
-- **ਅਮਲ ਕਰੋ** ਵੱਖ-ਵੱਖ ਕੋਡ ਬਲਾਕ ਸਥਿਤੀ ਦੇ ਨਤੀਜੇ ਦੇ ਆਧਾਰ 'ਤੇ  
-- **ਗਣਨਾ ਕਰੋ** ਅਤੇ ਦਿਖਾਓ ਕਿ ਵੋਟਿੰਗ ਯੋਗਤਾ ਤੱਕ ਕਿੰਨਾ ਸਮਾਂ ਬਾਕੀ ਹੈ ਜੇ 18 ਤੋਂ ਘੱਟ ਹੈ  
-- **ਪ੍ਰਦਾਨ ਕਰੋ** ਹਰ ਸਥਿਤੀ ਲਈ ਖਾਸ, ਮਦਦਗਾਰ ਫੀਡਬੈਕ  
+- ਜਾਂਚ ਕਰਦਾ ਹੈ ਕਿ ਯੂਜ਼ਰ ਦੀ ਉਮਰ ਵੋਟਿੰਗ ਦੀ ਯੋਗਤਾ ਨੂੰ ਪੂਰਾ ਕਰਦੀ ਹੈ  
+- ਸਥਿਤੀ ਦੇ ਨਤੀਜੇ ਅਨੁਸਾਰ ਵੱਖਰੇ ਕੋਡ ਬਲਾਕ ਚਲਾਉਂਦਾ ਹੈ  
+- 18 ਤੋਂ ਘੱਟ ਹਲਾਤ ਵਿੱਚ ਵੋਟਿੰਗ ਅਧਿਕਾਰ ਤੱਕ ਕਿੰਨੀ ਦੇਰ ਹੈ ਕੈਲਕੁਲੇਟ ਕਰਦਾ ਹੈ ਅਤੇ ਦਿਖਾਉਂਦਾ ਹੈ  
+- ਹਰ ਸਥਿਤੀ ਲਈ ਖਾਸ ਅਤੇ ਮਦਦਗਾਰ ਫੀਡਬੈਕ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// ਕਦਮ 2: ਤਰਕਿਕ ਓਪਰੇਟਰਾਂ ਨਾਲ ਕਈ ਸ਼ਰਤਾਂ
 const userAge = 17;
 const hasPermission = true;
 
@@ -201,25 +408,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
   
-**ਇੱਥੇ ਕੀ ਹੁੰਦਾ ਹੈ ਇਸਨੂੰ ਤੋੜ ਕੇ ਸਮਝੋ:**  
-- **ਜੋੜੋ** ਕਈ ਸਥਿਤੀਆਂ ਨੂੰ `&&` (and) operator ਦੀ ਵਰਤੋਂ ਕਰਕੇ  
-- **ਬਣਾਓ** ਸਥਿਤੀਆਂ ਦੀ ਇੱਕ hierarchy `else if` ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਈ ਸਥਿਤੀਆਂ ਲਈ  
-- **ਸੰਭਾਲੋ** ਸਾਰੀਆਂ ਸੰਭਾਵਿਤ ਸਥਿਤੀਆਂ ਨੂੰ ਇੱਕ ਅੰਤਮ `else` ਸਟੇਟਮ ਨਾਲ  
-- **ਪ੍ਰਦਾਨ ਕਰੋ** ਸਪਸ਼ਟ, ਕਾਰਵਾਈਯੋਗ ਫੀਡਬੈਕ ਹਰ ਵੱਖ-ਵੱਖ ਸਥਿਤੀ ਲਈ  
+**ਇੱਥੇ ਕੀ ਹੋ ਰਿਹਾ ਹੈ:**  
+- ਕਈ ਸਥਿਤੀਆਂ ਨੂੰ `&&` (ਅਤੇ) ਓਪਰੇਟਰ ਨਾਲ ਜੋੜਦਾ ਹੈ  
+- ਕਈ ਹਾਲਾਤਾਂ ਲਈ `else if` ਨਾਲ ਸਥਿਤੀ ਦੀ ਸ਼੍ਰੇਣੀ ਬਣਾਉਂਦਾ ਹੈ  
+- ਸਭ ਸੰਭਾਵਿਤ ਹਾਲਾਤਾਂ ਨੂੰ ਇੱਕ ਆਖਰੀ `else` ਨਾਲ ਸੰਭਾਲਦਾ ਹੈ  
+- ਹਰ ਵੱਖਰੀ ਸਥਿਤੀ ਲਈ ਸਪਸ਼ਟ ਫੀਡਬੈਕ ਦਿੰਦਾ ਹੈ  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// ਕਦਮ 3: ਤਿਨ-ਅਪਰੇਟਰ ਨਾਲ ਸੰਖੇਪ ਸਥਿਤੀਕਸ਼ਰ
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
   
-**ਤੁਹਾਨੂੰ ਕੀ ਯਾਦ ਰੱਖਣਾ ਹੈ:**  
-- **ਵਰਤੋਂ** ternary operator (`? :`) ਸਧਾਰਨ ਦੋ-ਵਿਕਲਪ ਸਥਿਤੀਆਂ ਲਈ  
-- **ਲਿਖੋ** ਸਥਿਤੀ ਪਹਿਲਾਂ, ਫਿਰ `?`, ਫਿਰ ਸੱਚਾ ਨਤੀਜਾ, ਫਿਰ `:`, ਫਿਰ ਗਲਤ ਨਤੀਜਾ  
-- **ਲਾਗੂ ਕਰੋ** ਇਹ ਪੈਟਰਨ ਜਦੋਂ ਤੁਹਾਨੂੰ ਸਥਿਤੀਆਂ ਦੇ ਆਧਾਰ 'ਤੇ ਮੁੱਲਾਂ ਅਸਾਈਨ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਵੇ  
+**ਸਮਝਣ ਦੀ ਗੱਲ:**  
+- ਆਸਾਨ ਦੋ-ਵਿਕਲਪ ਵਾਲੀਆਂ ਸਥਿਤੀਆਂ ਲਈ ਟਰਨਰੀ ਓਪਰੇਟਰ (`? :`) ਨਾਲ ਵਰਤੋਂ ਕਰੋ  
+- ਪਹਿਲਾਂ ਸਥਿਤੀ ਲਿਖੋ, ਫਿਰ `?`, ਫਿਰ ਸੱਚ ਨਤੀਜਾ, ਫਿਰ `:`, ਫਿਰ ਝੂਠ ਨਤੀਜਾ  
+- ਜਦ ਤੁਹਾਨੂੰ ਸਥਿਤੀ ਅਨੁਸਾਰ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਨੇ ਹੋਣ ਤਦ ਇਹ ਪੈਟਰਨ ਵਰਤੋਂ  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// ਕਦਮ 4: ਕਈ ਵਿਸ਼ੇਸ਼ ਮਾਮਲਿਆਂ ਨੂੰ ਸੰਭਾਲਣਾ
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -239,261 +446,406 @@ switch (dayOfWeek) {
 }
 ```
   
-**ਇਹ ਕੋਡ ਹਾਸਲ ਕਰਦਾ ਹੈ:**  
-- **ਮਿਲਾਓ** ਵੈਰੀਏਬਲ ਮੁੱਲ ਨੂੰ ਕਈ ਖਾਸ ਕੇਸਾਂ ਦੇ ਖਿਲਾਫ  
-- **ਗਰੁੱਪ ਕਰੋ** ਸਮਾਨ ਕੇਸਾਂ ਨੂੰ ਇਕੱਠੇ (ਹਫ਼ਤੇ ਦੇ ਦਿਨ ਵਸ. ਹਫ਼ਤੇ ਦੇ ਅੰਤ)  
-- **ਅਮਲ ਕਰੋ** ਸਹੀ ਕੋਡ ਬਲਾਕ ਜਦੋਂ ਇੱਕ ਮੈਚ ਮਿਲਦਾ ਹੈ  
-- **ਸ਼ਾਮਲ ਕਰੋ** ਇੱਕ `default` ਕੇਸ ਅਣਪਛਾਤੇ ਮੁੱਲਾਂ ਨੂੰ ਸੰਭਾਲਣ ਲਈ  
-- **ਵਰਤੋਂ** `break` ਸਟੇਟਮਾਂ ਕੋਡ ਨੂੰ ਅਗਲੇ ਕੇਸ ਵਿੱਚ ਜਾਰੀ ਰੱਖਣ ਤੋਂ ਰੋਕਣ ਲਈ  
+**ਇਹ ਕੋਡ ਇਹ ਕਰਦਾ ਹੈ:**  
+- ਵੈਰੀਏਬਲ ਦੇ ਮੁੱਲ ਨੂੰ ਕਈ ਵਿਸ਼ੇਸ਼ ਕੇਸਾਂ ਨਾਲ ਮੈਚ ਕਰਦਾ ਹੈ  
+- ਸਮਾਨ ਕੇਸਾਂ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ (ਹਫਤੇ ਦੇ ਦਿਨਾਂ ਅਤੇ ਹਫਤੇ ਦੇ ਅੰਤ)  
+- ਮੈਚ ਮਿਲਣ ਤੇ ਉਚਿਤ ਕੋਡ ਚਲਾਉਂਦਾ ਹੈ  
+- ਅਣਉਮੀਦ ਮੁੱਲਾਂ ਲਈ `default` ਕੇਸ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ  
+- ਅਗਲੇ ਕੇਸ 'ਤੇ ਨਾ ਜਾਣ ਲਈ `break` ਬਿਆਨ ਵਰਤਦਾ ਹੈ  
 
-> 💡 **ਅਸਲ-ਦੁਨੀਆ ਦੀ ਮਿਸਾਲ**: ਕੰਟਰੋਲ ਫਲੋ ਨੂੰ ਦੁਨੀਆ ਦੇ ਸਭ ਤੋਂ ਧੀਰਜ ਵਾਲੇ GPS ਵਾਂਗ ਸੋਚੋ ਜੋ ਤੁਹਾਨੂੰ ਦਿਸ਼ਾਵਾਂ ਦਿੰਦਾ ਹੈ। ਇਹ ਸ਼ਾਇਦ ਕਹੇ "ਜੇ ਮੈਨ ਸਟ੍ਰੀਟ 'ਤੇ ਟ੍ਰੈਫਿਕ ਹੈ, ਤਾਂ ਇਸਦੀ ਬਜਾਏ ਹਾਈਵੇ ਲਵੋ। ਜੇ ਹਾਈਵੇ 'ਤੇ ਕੰਸਟਰਕਸ਼ਨ ਰੁਕਾਵਟ ਪੈਦਾ ਕਰ ਰਿਹਾ ਹੈ, ਤਾਂ ਦ੍ਰਿਸ਼ਯਮਾਰਗ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ।" ਪ੍ਰੋਗਰਾਮ ਬਿਲਕੁਲ ਇਸੇ ਤਰ੍ਹਾਂ ਦੀ ਸਥਿਤੀਕ ਤਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਵੱਖ-ਵੱਖ ਸਥਿਤੀਆਂ ਨੂੰ ਸਮਰਥਨਯੋਗ ਤਰੀਕੇ ਨਾਲ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਰਨ ਲਈ ਅਤੇ ਹਮੇਸ਼ਾ ਵਰਤੋਂਕਾਰਾਂ ਨੂੰ ਸਭ ਤੋਂ ਵਧੀਆ ਅਨੁਭਵ ਦਿੰਦੇ ਹਨ।  
+> 💡 **ਅਸਲੀ ਜ਼ਿੰਦਗੀ ਦੀ ਉਦਾਹਰਣ**: ਕੰਟਰੋਲ ਫਲੋ ਨੂੰ ਇਹੋ ਜਿਹਾ ਸੋਚੋ ਜਿਵੇਂ ਦੁਨੀਆ ਦਾ ਸਭ ਤੋਂ ਧੀਰਜਵਾਨ GPS ਤੁਹਾਨੂੰ ਰਸਤੇ ਦਿਖਾ ਰਿਹਾ ਹੈ। "ਜੇ ਮੇਨ ਸਟ੍ਰੀਟ ਤੇ ਟ੍ਰੈਫਿਕ ਹੈ ਤਾਂ ਹਾਈਵੇ ਤੇ ਜਾਓ। ਜੇ ਹਾਈਵੇ ਬੰਦ ਹੈ ਤਾਂ ਖੂਬਸੂਰਤ ਰਸਤਾ ਲਵੋ।" ਪ੍ਰੋਗ੍ਰਾਮ ਵੀ ਅਗਲੇ ਸਥਿਤੀਆਂ ਲਈ ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਸ਼ਰਤੀ ਲਾਜਿਕ ਵਰਤਕੇ ਸਮਾਰਟ ਜਵਾਬ ਦਿੰਦੇ ਹਨ ਅਤੇ ਸਦੀਵ ਅਨੁਭਵ ਬਿਹਤਰ ਬਣਾਉਂਦੇ ਹਨ।  
 
-### 🎯 **ਸੰਕਲਪ ਚੈੱਕ: ਬੁਨਿਆਦੀ ਹਿੱਸਿਆਂ ਦੀ ਮਾਹਰਤਾ**  
+### 🎯 **ਅਸੂਲਾਂ ਦੀ ਜਾਂਚ: ਬਿਲਡਿੰਗ ਬਲਾਕ ਮਾਹਰਤਾ**  
 
-**ਆਓ ਦੇਖੀਏ ਕਿ ਤੁਸੀਂ ਬੁਨਿਆਦੀਆਂ ਨਾਲ ਕਿਵੇਂ ਕਰ ਰਹੇ ਹੋ:**  
-- ਕੀ ਤੁਸੀਂ ਆਪਣੇ ਸ਼ਬਦਾਂ ਵਿੱਚ ਵੈਰੀਏਬਲ ਅਤੇ ਸਟੇਟਮੈਂਟ ਦੇ ਵਿਚਕਾਰ ਅੰਤਰ ਨੂੰ ਸਮਝਾ ਸਕਦੇ ਹੋ?  
-- ਇੱਕ ਅਸਲ-ਦੁਨੀਆ ਦੀ ਸਥਿਤੀ ਬਾਰੇ ਸੋਚੋ ਜਿੱਥੇ ਤੁਸੀਂ ਇੱਕ if-then ਫੈਸਲਾ ਲਗਾਉਂਦੇ ਹੋ (ਜਿਵੇਂ ਸਾਡਾ ਵੋਟਿੰਗ ਉਦਾਹਰਨ)  
-- ਪ੍ਰੋਗਰਾਮਿੰਗ ਤਰਕ ਬਾਰੇ ਇੱਕ ਚੀਜ਼ ਜੋ ਤੁਹਾਨੂੰ ਹੈਰਾਨ ਕਰ ਗਈ?  
+**ਆਓ ਵੇਖੀਏ ਤੁਸੀਂ ਮੂਲ ਅਸੂਲ ਕਿਵੇਂ ਸਮਝੇ ਹੋ:**  
+- ਕੀ ਤੁਸੀਂ ਆਪਣੇ ਸ਼ਬਦਾਂ ਵਿੱਚ ਬਿਆਨ ਅਤੇ ਵੈਰੀਏਬਲ ਵਿਚਕਾਰ ਫਰਕ ਸਮਝਾ ਸਕਦੇ ਹੋ?  
+- ਕਿਸੇ ਅਸਲੀ ਦੁਨੀਆ ਦੀ ਸਥਿਤੀ ਸੋਚੋ ਜਿੱਥੇ ਤੁਸੀਂ ਜੇ-ਤਦ ਫੈਸਲਾ ਲਿਆ ਹੋਵੇ (ਸਾਡੇ ਵੋਟਿੰਗ ਉਦਾਹਰਣ ਵਰਗਾ)  
+- ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੀ ਲਾਜਿਕ ਬਾਰੇ ਇਕ ਗੱਲ ਜੋ ਤੁਹਾਨੂੰ ਹੈਰਾਨ ਕਰ ਗਈ ਕੀ ਹੈ?  
 
-**ਤੁਰੰਤ ਭਰੋਸਾ ਵਧਾਉਣ ਵਾਲਾ:**  
+**ਦੇਰ ਨਾ ਕਰੋ ਆਪਣਾ ਬਿਸਵਾਸ ਵਧਾਉਣ ਲਈ:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 ਬਿਆਨ<br/>(ਹੁਕਮ)"] --> B["📦 ਚਲਾਕ<br/>(ਭੰਡਾਰ)"] --> C["🔀 ਕੰਟਰੋਲ ਫਲੋ<br/>(ਫੈਸਲੇ)"] --> D["🎉 ਕੰਮ ਕਰ ਰਿਹਾ ਪ੍ਰੋਗਰਾਮ!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-  
-✅ **ਅਗਲਾ ਕੀ ਆ ਰਿਹਾ ਹੈ**: ਅਸੀਂ ਇਹਨਾਂ ਸੰਕਲਪਾਂ ਵਿੱਚ ਹੋਰ ਡੂੰਘਾਈ ਵਿੱਚ ਜਾਣ ਲਈ ਬਿਲਕੁਲ ਮਜ਼ੇਦਾਰ ਸਮਾਂ ਬਿਤਾਉਣ ਵਾਲੇ ਹਾਂ ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਇਹ ਸ਼ਾਨਦਾਰ ਯਾਤਰਾ ਇਕੱਠੇ ਜਾਰੀ ਰੱਖਦੇ ਹਾਂ! ਇਸ ਸਮੇਂ, ਸਿਰਫ਼ ਉਹ ਸਾਰਾ ਉਤਸ਼ਾਹ ਮਹਿਸੂਸ ਕਰਨ 'ਤੇ ਧਿਆਨ ਦਿਓ ਜੋ ਤੁਹਾਡੇ ਅੱਗੇ ਸਾਰੇ ਸ਼ਾਨਦਾਰ ਸੰਭਾਵਨਾਵਾਂ ਬਾਰੇ ਹੈ। ਖਾਸ ਹੁਨਰ ਅਤੇ ਤਕਨੀਕਾਂ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਚਿਪਕ ਜਾਣਗੀਆਂ ਜਿਵੇਂ ਅਸੀਂ ਇਕੱਠੇ ਅਭਿਆਸ ਕਰਦੇ ਹਾਂ – ਮੈਂ ਵਾਅਦਾ ਕਰਦਾ ਹਾਂ ਕਿ ਇਹ ਤੁਹਾਡੇ ਸੋਚਣ ਤੋਂ ਕਾਫ਼ੀ ਜ਼ਿਆਦਾ ਮਜ਼ੇਦਾਰ ਹੋਵੇਗਾ!  
+```  
+✅ **ਅੱਗੇ ਕੀ ਆ ਰਿਹਾ ਹੈ**: ਅਸੀਂ ਨਾਲ ਮਿਲਕੇ ਇਹ ਨਵੀਂਆਂ ਯਾਤਰਾਵਾਂ ਵਿੱਚ ਡੁੱਬਕੀ ਲਗਾਉਣ ਲਈ ਬੜਾ ਮਜ਼ਾ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ! ਹੁਣ ਫਿਲਹਾਲ ਸਿਰਫ ਉਹ ਉਤਸ਼ਾਹ ਮਹਿਸੂਸ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਅੱਗੇ ਸ਼ਾਨਦਾਰ ਸੰਭਾਵਨਾਵਾਂ ਨੂੰ ਲੈ ਕੇ ਆ ਰਿਹਾ ਹੈ। ਵਿਸ਼ੇਸ਼ ਹੁਨਰਾਂ ਅਤੇ ਤਕਨੀਕਾਂ ਕੁਦਰਤੀ ਰੂਪ ਵਿੱਚ ਜੁੜ ਜਾਣਗੇ ਜਿਵੇਂ ਅਸੀਂ ਮਿਲਕੇ ਅਭਿਆਸ ਕਰਾਂਗੇ – ਇਹ ਇੱਕ ਬਹੁਤ ਹੀ ਯਾਦਗਾਰ ਸਮਾਂ ਹੋਵੇਗਾ!  
+
+## ਸਾਜ-ਸਾਮਾਨ  
 
-## ਵਪਾਰ ਦੇ ਸਾਧਨ  
+ਠੀਕ ਹੈ, ਇਹ ਮੇਰੇ ਲਈ ਬਹੁਤ ਹੀ ਉਤਸ਼ਾਹਿਤ ਕਰਨ ਵਾਲੀ ਗੱਲ ਹੈ! 🚀 ਅਸੀਂ ਗੱਲ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ ਉਹ ਸ਼ਾਨਦਾਰ ਸਾਧਨਾਂ ਬਾਰੇ ਜੋ ਤੁਹਾਨੂੰ ਲੱਗੇਗਾ ਕਿ ਤੁਸੀਂ ਵਿੱਚ ਡਿਜ਼ਿਟਲ ਸਪੇਸਸ਼ਿਪ ਦੀ ਚਾਬੀ ਮਿਲ ਗਈ ਹੈ।  
+
+ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਇੱਕ ਰਸੋਈਆ ਕੋਲ ਸਧਾਰਨ ਅਤੇ ਬਰਾਬਰ ਤੌਰ 'ਤੇ ਆਪਣੇ ਹੱਥਾਂ ਦੀ ਵਧੀਆ ਕਟਾਰੀ ਹੁੰਦੀ ਹੈ? ਜਾਂ ਕਿ ਇੱਕ ਸੰਗੀਤਕਾਰ ਕੋਲ ਉਹ ਗਿਟਾਰ ਹੁੰਦਾ ਹੈ ਜੋ ਜਦੋਂ ਛੁਹਿਆ ਜਾਵੇ ਮੱਤਜਾ ਹੋ ਜਾਂਦਾ ਹੈ? ਠੀਕ ਹੈ, ਡਿਵੈਲਪਰਾਂ ਕੋਲ ਵੀ ਅਜਿਹੇ ਜਾਦੂਈ ਸਾਧਨ ਹੁੰਦੇ ਹਨ, ਤੇ ਇਹ ਗੱਲ ਤੁਹਾਡੇ ਦਿਮਾਗ ਨੂੰ ਪੱਕੀ ਤਰ੍ਹਾਂ ਹਿਲਾ ਦੇਵੇਗੀ – ਮੋਸਟ ਸਾਧਨ ਮੁਫ਼ਤ ਹਨ!  
+
+ਮੈਂ ਆਪਣੀ ਕਰਸੀ 'ਤੇ ਬੈਠ ਕੇ ਉਤਸ਼ਾਹਿਤ ਹਾਂ ਇਹ ਸਾਧਨ ਤੁਹਾਡੇ ਨਾਲ ਸਾਂਝੇ ਕਰਨ ਲਈ ਕਿਉਂਕਿ ਇਹ ਸਾਡੇ ਸੌਫਟਵੇਅਰ ਬਨਾਉਣ ਦੇ ਤਰੀਕਿਆਂ ਵਿੱਚ ਕ੍ਰਾਂਤੀ ਲੈ ਕੇ ਆਏ ਹਨ। ਅਸੀਂ ਗੱਲ ਕਰ ਰਹੇ ਹਾਂ AI ਸਮਰਥਿਤ ਕੋਡਿੰਗ ਸਹਾਇਕਾਂ ਦੀ ਜੋ ਤੁਹਾਡਾ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ (ਸੱਚੀ ਮੈਨੂੰ ਕਦੇ ਵੀ ਬਹੁਤ ਲੱਗਾ ਨਹੀਂ!), ਕਲਾਉਡ ਭਰੂਣ ਵਾਲੇ ਵਾਤਾਵਰਨ ਜਿੱਥੇ ਤੁਸੀਂ Wi-Fi ਨਾਲ ਕਿਥੇ ਵੀ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾ ਸਕਦੇ ਹੋ, ਅਤੇ ਡਿਬੱਗ ਕਰਨ ਵਾਲੇ ਸਾਧਨ ਜਿਹੜੇ X-ਰੇ ਵਿਜ਼ਨ ਵਰਗੇ ਹਨ ਤੁਹਾਡੇ ਪ੍ਰੋਗ੍ਰਾਮਾਂ ਲਈ।  
+
+ਅਤੇ ਇਹ ਗੱਲ ਜੋ ਮੈਨੂੰ ਅਜੇ ਵੀ ਸਿਰ ਕੁੰਮ੍ਹਾ ਦੇਂਦੀ ਹੈ: ਇਹ "ਨਵੇਂ ਸ਼ੁਰੂਆਤੀ" ਸਾਧਨ ਨਹੀਂ ਹਨ ਜਿਹੜੇ ਤੁਸੀਂ ਤੇਜ਼ੀ ਨਾਲ ਛੱਡ ਦੋਗੇ। ਇਹ ਉਹੀ ਪੇਸ਼ੇਵਰ ਗਰੇਡ ਸਾਧਨ ਹਨ ਜੋ ਗੂਗਲ, ਨੈਟਫਲਿਕਸ, ਅਤੇ ਉਹ ਇੰਡੀ ਐਪ ਸਟੂਡੀਓ ਜਿਹੜਾ ਤੁਸੀਂ ਪਿਆਰ ਕਰਦੇ ਹੋ, ਇਸ ਸਮੇਂ ਵਰਤ ਰਹੇ ਹਨ। ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਖੁਦ ਨੂੰ ਬਹੁਤ ਪ੍ਰੋ ਮਹਿਸੂਸ ਕਰੋਂਗੇ!  
+
+```mermaid
+graph TD
+    A["💡 ਤੁਹਾਡਾ ਖ਼ਿਆਲ"] --> B["⌨️ ਕੋਡ ਸੰਪਾਦਕ<br/>(VS ਕੋਡ)"] 
+    B --> C["🌐 ਬ੍ਰਾਊਜ਼ਰ ਡਿਵਟੂਲਜ਼<br/>(ਟੈਸਟਿੰਗ ਅਤੇ ਡਿਬੱਗਿੰਗ)"]
+    C --> D["⚡ ਕਮਾਂਡ ਲਾਈਨ<br/>(ਆਟੋਮੈਸ਼ਨ ਅਤੇ ਟੂਲਸ)"]
+    D --> E["📚 ਦਸਤਾਵੇਜ਼<br/>(ਸਿੱਖਣ ਅਤੇ ਸੰਦਰਭ)"]
+    E --> F["🚀 ਸ਼ਾਨਦਾਰ ਵੈੱਬ ਐਪ!"]
+    
+    B -.-> G["🤖 ਏਆਈ ਸਹਾਇਕ<br/>(GitHub ਕੋਪਾਇਲਟ)"]
+    C -.-> H["📱 ਡਿਵਾਈਸ ਟੈਸਟਿੰਗ<br/>(ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ)"]
+    D -.-> I["📦 ਪੈਕেজ ਮੈਨੇਜਰ<br/>(npm, yarn)"]
+    E -.-> J["👥 ਕਮਿਊਨਿਟੀ<br/>(Stack Overflow)"]
+    
+    style A fill:#fff59d
+    style F fill:#c8e6c9
+    style G fill:#e1f5fe
+    style H fill:#f3e5f5
+    style I fill:#ffccbc
+    style J fill:#e8eaf6
+```  
+### ਕੋਡ ਐਡੀਟਰ ਅਤੇ IDEs: ਤੁਹਾਡੇ ਨਵੇਂ ਡਿਜੀਟਲ ਸਭ ਤੋਂ ਚੰਗੇ ਦੋਸਤ  
 
-ਚੰਗਾ, ਇਹ ਸੱਚਮੁੱਚ ਜਿੱਥੇ ਮੈਂ ਬਹੁਤ ਉਤਸ਼ਾਹਿਤ ਹੋ ਜਾਂਦਾ ਹਾਂ ਮੈਂ ਆਪਣੇ ਆਪ ਨੂੰ ਮੁਸ਼ਕਿਲ ਨਾਲ ਕਾਬੂ ਕਰ ਸਕਦਾ ਹਾਂ! 🚀 ਅਸੀਂ ਉਹ ਸ਼ਾਨਦਾਰ ਸਾਧਨਾਂ ਬਾਰੇ ਗੱਲ ਕਰਨ ਵਾਲੇ ਹਾਂ ਜੋ ਤੁਹਾਨੂੰ ਇਹ ਮਹਿਸੂਸ ਕਰਨ ਲਈ ਮਜਬੂਰ ਕਰਨ ਵਾਲੇ ਹਨ ਕਿ ਤੁਹਾਨੂੰ ਇੱਕ ਡਿਜ਼ੀਟਲ ਸਪੇਸਸ਼ਿਪ ਦੀਆਂ ਕੁੰਜੀਆਂ ਦਿੱਤੀਆਂ ਗਈਆਂ ਹਨ।  
+ਆਓ ਗੱਲ ਕਰੀਏ ਕੋਡ ਐਡੀਟਰਾਂ ਬਾਰੇ – ਇਹ ਸੱਚਮੁਚ ਤੁਹਾਡੇ ਨਵੇਂ ਮਨਪਸੰਦ ਸਥਾਨ ਹੋ ਜਾ ਰਹੇ ਹਨ! ਇਹ ਤੁਹਾਡਾ ਨਿੱਜੀ ਕੋਡਿੰਗ ਸੈਂਚੁਰੀ ਹੋਣਗੇ ਜਿਥੇ ਤੁਸੀਂ ਆਪਣਾ ਵਧੀਆ ਕੰਮ ਬਣਾ ਕੇ ਬਹਿਤ ਕੀਤਾ ਕਰੋਗੇ।  
+
+ਪਰ ਇੱਥੇ ਇੱਕ ਮਾਹਰ ਚੀਜ਼ ਹੈ ਆਧੁਨਿਕ ਐਡੀਟਰਾਂ ਦੀ: ਇਹ ਸਿਰਫ ਸਧਾਰਣ ਟੈਕਸਟ ਐਡੀਟਰ ਨਹੀਂ। ਇਹ ਬਿਲਕੁਲ ਹਰ ਵੇਲੇ ਤੁਹਾਡੇ ਨਾਲ ਬੈਠੇ ਸਭ ਤੋਂ ਤੇਜ਼, ਸਮਰਥਿਤ ਕੋਡਿੰਗ ਮੈਨਟਰ ਵਰਗੇ ਹਨ। ਇਹ ਤੁਹਾਡੇ ਟਾਈਪਿੰਗ ਦੀਆਂ ਗਲਤੀਆਂ ਫੜ ਲੈਂਦੇ ਹਨ ਪਹਿਲਾਂ ਹੀ ਤੁਸੀਂ ਖ਼ਬਰ ਹੁੰਦੀ, ਸੁਝਾਵ ਦਿੰਦੇ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਜੀਂਅਸ ਵਰਗਾ ਲਗਾਊਂਦੇ ਹਨ, ਸਮਝਾਉਂਦੇ ਹਨ ਕਿ ਹਰ ਹਿੱਸਾ ਕੀ ਕਰਦਾ ਹੈ, ਅਤੇ ਕੁਝ ਤਾਂ ਤੁਹਾਡੇ ਸੋਚੇ ਸਿੱਧੇ ਹੀ ਪੂਰੇ ਕਰਕੇ ਖ਼ਤਮ ਕਰ ਦੇਂਦੇ ਹਨ!  
+
+ਮੈਨੂੰ ਯਾਦ ਹੈ ਜਦ ਮੈਂ ਪਹਿਲੀ ਵਾਰੀ ਆਟੋ-ਕੰਪਲੀਸ਼ਨ ਲੱਭੀ – ਮੈਨੂੰ ਅਜੇ ਵੀ ਮਹਿਸੂਸ ਹੁੰਦਾ ਜਿਵੇਂ ਮੈਂ ਭਵਿੱਖ ਵਿੱਚ ਜੀ ਰਿਹਾ ਹਾਂ। ਤੁਸੀਂ ਕੁਝ ਲਿਖਣਾ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੇ ਤੁਹਾਡਾ ਐਡੀਟਰ ਕਹਿੰਦਾ ਹੈ "ਹੇ, ਕੀ ਤੁਸੀਂ ਉਸ ਫੰਕਸ਼ਨ ਬਾਰੇ ਸੋਚ ਰਹੇ ਸੀ ਜੋ ਤੁਹਾਡੇ ਕੰਮ ਆਉਂਦਾ?" ਇਹ ਤੁਹਾਡਾ ਮਾਈਂਡ ਰੀਡਰ ਜਿਵੇਂ ਹੈ ਜੋ ਤੁਹਾਡਾ ਕੋਡਿੰਗ ਸਾਥੀ ਹੈ!  
+
+**ਇਹ ਐਡੀਟਰਾਂ ਨੂੰ ਇੰਨਾ ਸ਼ਾਨਦਾਰ ਕੀ ਬਣਾਉਂਦਾ ਹੈ?**  
+
+ਆਧੁਨਿਕ ਕੋਡ ਐਡੀਟਰ ਇੱਕ ਲੰਬੀ ਸੂਚੀ ਫੀਚਰ ਲੈ ਕੇ ਆਉਂਦੇ ਹਨ ਜੋ ਤੁਹਾਡੀ ਉਤਪਾਦਕਤਾ ਵਧਾਉਂਦੇ ਹਨ:  
+
+| ਵਿਸ਼ੇਸ਼ਤਾ | ਇਹ ਕੀ ਕਰਦੀ ਹੈ | ਇਹ ਕਿਉਂ ਮਦਦਗਾਰ ਹੈ |  
+|---------|--------------|--------------|  
+| **ਸਿੰਟੈਕਸ ਹਾਈਲਾਈਟਿੰਗ** | ਤੁਹਾਡੇ ਕੋਡ ਦੇ ਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ ਨੂੰ ਰੰਗ ਬਣਾਉਂਦੀ ਹੈ | ਕੋਡ ਪੜ੍ਹਨਯੋਗ ਅਤੇ ਗਲਤੀਆਂ ਆਪਣੀਆਂ ਸਮਝ ਨੂੰ ਸੁਲਝਾਉਂਦਾ ਹੈ |  
+| **ਆਟੋ-ਕੰਪਲੀਸ਼ਨ** | ਜਦ ਤੁਸੀਂ ਲਿਖਦੇ ਹੋ ਤਾਂ ਸੁਝਾਵ ਦਿੰਦਾ ਹੈ | ਕੋਡਿੰਗ ਤੇਜ਼ ਅਤੇ ਗਲਤੀਆਂ ਘਟਾਉਂਦਾ ਹੈ |  
+| **ਡਿਬੱਗਿੰਗ ਸਾਧਨ** | ਗਲਤੀਆਂ ਲੱਭਣ ਅਤੇ ਠੀਕ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ | ਟਰਬਲਸ਼ੂਟਿੰਗ ਦਾ ਸਮਾਂ ਬਚਾਉਂਦਾ ਹੈ |  
+| **ਐਕਸਟੈਂਸ਼ਨਜ਼** | ਵਿਸ਼ੇਸ਼ ਫੀਚਰ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ | ਕਿਸੇ ਵੀ ਤਕਨਾਲੋਜੀ ਲਈ ਐਡੀਟਰ ਨੂੰ ਕਸਟਮਾਈਜ਼ ਕਰਦਾ ਹੈ |  
+| **AI ਸਹਾਇਕਾਂ** | ਕੋਡ ਅਤੇ ਵਿਆਖਿਆਵਾਂ ਦਾ ਸੁਝਾਅ ਕਰਦੇ ਹਨ | ਸਿਖਣ ਅਤੇ ਲਾਜ਼मी ਤੇਜ਼ੀ ਵਧਾਉਂਦੇ ਹਨ |  
+
+> 🎥 **ਵੀਡੀਓ ਸਰੋਤ**: ਇਹ ਸਾਰੇ ਸਾਧਨ ਕਾਰਜ ਵਿੱਚ ਦੇਖਣ ਲਈ ਇਹ [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) - ਤੁਰੰਤ ਸਾਂਝਾ ਕਿਰਿਆ  
+  - [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/)** (ਪੈਡ, ਵਿਦਿਆਰਥੀਆਂ ਲਈ ਮੁਫ਼ਤ)  
+- ਅਗੇਤਰ ਡਿਬੱਗਿੰਗ ਅਤੇ ਟੈਸਟਿੰਗ ਸਾਧਨ  
+- ਸਮਾਰਥ ਕੋਡ ਪੂਰਨਤਾ  
+- ਬਿਲਟ-ਇਨ ਵਰਜ਼ਨ ਕੰਟਰੋਲ  
+
+**ਕਲਾਉਡ-ਆਧਾਰਿਤ IDEs** (ਵੱਖ-ਵੱਖ ਕੀਮਤ)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਪੂਰਾ VS ਕੋਡ  
+- [Replit](https://replit.com/) - ਸਿੱਖਣ ਅਤੇ ਕੋਡ ਸਾਂਝਾ ਕਰਨ ਲਈ ਵਧੀਆ  
+- [StackBlitz](https://stackblitz.com/) - ਤੁਰੰਤ, ਪੂਰਾ-ਸਟੈਕ ਵੈੱਬ ਵਿਕਾਸ  
+
+> 💡 **ਸ਼ੁਰੂਆਤੀ ਸਲਾਹ**: Visual Studio Code ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ – ਇਹ ਮੁਫ਼ਤ ਹੈ, ਉਦਯੋਗ ਵਿੱਚ ਵਿਆਪਕ ਤੌਰ ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਇਸਦਾ ਇਕ ਵੱਡਾ ਕਮਿਊਨਟੀ ਹੈ ਜੋ ਮਦਦਗਾਰ ਟਿਊਟੋਰਿਯਲ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ।  
+
+### ਵੈੱਬ ਬ੍ਰਾਉਜ਼ਰ: ਤੁਹਾਡਾ ਗੁਪਤ ਵਿਕਾਸ ਲੈਬ  
+  
+ਠੀਕ ਹੈ, ਆਪਣਾ ਦਿਮਾਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਘੁਮਾ ਲੈਣ ਲਈ ਤਿਆਰ ਰਹੋ! ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਬ੍ਰਾਉਜ਼ਰਾਂ ਨੂੰ ਸੋਸ਼ਲ ਮੀਡੀਆ ਸਕ੍ਰੋਲ ਕਰਣ ਅਤੇ ਵੀਡੀਓ ਦੇਖਣ ਲਈ ਵਰਤਦੇ ਰਹੇ ਹੋ? ਪਰ ਇਹ ਪਤਾ ਲੱਗਾ ਹੈ ਕਿ ਸਾਰੀ ਸਮਾਂ ਇਹ ਅਦਭੁਤ ਗੁਪਿਤ ਵਿਕਾਸ ਲੈਬ੍ਰੇਟਰੀ ਲੁਕਾਈ ਹੋਈ ਸੀ, ਸਿਰਫ ਤੁਹਾਡੇ ਦੁਆਰਾ ਖੋਜ ਲਈ ਉਡੀਕ ਰਹੀ ਸੀ!  
 
-ਤੁਹਾਨੂੰ ਪਤਾ ਹੈ ਕਿ ਇੱਕ ਸ਼ੈਫ਼ ਕੋਲ ਉਹਨਾਂ ਦੇ ਹੱਥਾਂ ਦੇ ਵਧਾਏ ਹੋਏ ਹਿੱਸਿਆਂ ਵਾਂਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੰਤੁਲਿਤ ਚਾਕੂ ਹੁੰਦੇ ਹਨ? ਜਾਂ ਇੱਕ ਸੰਗੀਤਕਾਰ ਕੋਲ ਉਹ ਇੱਕ ਗਿਟਾਰ ਹੁੰਦੀ ਹੈ ਜੋ ਉਹਨਾਂ ਦੇ ਛੂਹਣ ਦੇ ਸਮੇਂ ਗਾਉਂਦੀ ਹੈ? ਚੰਗਾ, ਡਿਵੈਲਪਰਾਂ ਕੋਲ ਇਹਨਾਂ ਜਾਦੂਈ ਸਾਧਨਾਂ ਦਾ ਆਪਣਾ ਸੰਸਕਰਣ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਇਹ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਬਿਲਕੁਲ ਹੈਰਾਨ ਕਰ ਦੇਵੇਗਾ – ਇਹਨਾਂ ਵਿੱਚੋਂ ਜ਼ਿਆਦਾਤਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫ਼ਤ ਹਨ!  
+ਹਰ ਵਾਰੀ ਜਦ ਤੁਸੀਂ ਵੈੱਬਪੇਜ਼ 'ਤੇ Right-click ਕਰਕੇ "Inspect Element" ਛਾਂਟੀਏ ਹੋ, ਤੁਸੀਂ ਇੱਕ ਛੁਪਿਆ ਹੋਇਆ ਵਿਕਾਸ ਟੂਲਜ਼ ਦਾ ਜਗਤ ਖੋਲ੍ਹ ਰਹੇ ਹੋ ਜੋ ਇੱਥੇ ਤੱਕ ਕਿ ਕਈ ਮਹਿੰਗੇ ਸਾਫਟਵੇਅਰਾਂ ਨਾਲੋਂ ਵੀ ਵੱਧ ਸ਼ਕਤੀਸ਼ਾਲੀ ਹੈ ਜਿਸ ਲਈ ਮੈਨੂੰ ਕਈ ਸੌ ਡਾਲਰ ਖਰਚਣੇ ਪਏ। ਇਹ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਹੈ ਜਿਵੇਂ ਤੁਹਾਡੀ ਆਮ ਪੱਕੀ ਰਸੋਈ ਵਿੱਚ ਛੁਪਿਆ ਇੱਕ ਪ੍ਰੋਫੈਸ਼ਨਲ ਰਸੋਈਆ ਦਾ ਲੈਬ ਹੋਵੇ ਕਿ ਜਿਸਦਾ ਦਰਵਾਜ਼ਾ ਕੋਈ ਦ੍ਰਿਸ਼ਟੀ ਨਹੀਂ ਕਰਦਾ!  
+ਜਦੋਂ ਕਿਸੇ ਨੇ ਪਹਿਲੀ ਵਾਰ ਮੈਨੂੰ browser DevTools ਦਿਖਾਏ, ਮੈਂ ਤਿੰਨ ਘੰਟੇ ਸਿਰਫ ਕਲਿੱਕ ਕਰਦਾ ਰਹਿੰਦਾ ਅਤੇ ਕਹਿੰਦਾ "ਰੁਕੋ, ਇਹ ਵੀ ਕਰ ਸਕਦਾ ਹੈ?!" ਤੁਸੀਂ ਹਕੀਕਤ ਵਿੱਚ ਕਿਸੇ ਵੀ ਵੈੱਬਸਾਈਟ ਨੂੰ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਸੋਧ ਸਕਦੇ ਹੋ, ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਸਾਰਾ ਕੁਝ ਕਿੰਨਾ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਆਪਣੇ ਸਾਈਟ ਨੂੰ ਵੱਖ-ਵੱਖ ਡਿਵਾਈਸਾਂ 'ਤੇ ਕਿਵੇਂ ਲੱਗਦਾ ਹੈ ਟੈਸਟ ਕਰ ਸਕਦੇ ਹੋ, ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਪੂਰੀ ਮਾਹਰਤਾ ਨਾਲ ਡਿਬੱਗ ਵੀ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਬਿਲਕੁਲ ਹੈਰਾਨ ਕਰਨ ਵਾਲਾ ਹੈ!
 
-@@CODE
-ਜਦੋਂ ਪਹਿਲੀ ਵਾਰ ਕਿਸੇ ਨੇ ਮੈਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਦੇਵਟੂਲਸ ਦਿਖਾਏ, ਮੈਂ ਤਿੰਨ ਘੰਟੇ ਸਿਰਫ਼ ਕਲਿੱਕ ਕਰਦਾ ਰਿਹਾ ਅਤੇ "ਰੁਕੋ, ਇਹ ਵੀ ਕਰ ਸਕਦਾ ਹੈ?!" ਕਹਿੰਦਾ ਰਿਹਾ। ਤੁਸੀਂ ਹਰੇਕ ਵੈਬਸਾਈਟ ਨੂੰ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ, ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਸਭ ਕੁਝ ਕਿੰਨੀ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਵੱਖ-ਵੱਖ ਡਿਵਾਈਸਾਂ 'ਤੇ ਆਪਣੀ ਸਾਈਟ ਕਿਵੇਂ ਦਿਖਦੀ ਹੈ, ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨੂੰ ਪੂਰੇ ਪ੍ਰੋਫੈਸ਼ਨਲ ਦੀ ਤਰ੍ਹਾਂ ਡੀਬੱਗ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਬਿਲਕੁਲ ਹੈਰਾਨੀਜਨਕ ਹੈ!
+**ਇਹ ਹੈ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਡੇ ਗੁਪਤ ਹਥਿਆਰ ਕਿਉਂ ਹਨ:**
 
-**ਇਸ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਡੇ ਗੁਪਤ ਹਥਿਆਰ ਹਨ:**
+ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਵੈੱਬਸਾਈਟ ਜਾਂ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਹ ਦੇਖਣਾ ਪੈਂਦਾ ਹੈ ਕਿ ਇਹ ਅਸਲੀ ਦੁਨੀਆਂ ਵਿੱਚ ਕਿਵੇਂ ਦਿਖਦਾ ਹੈ ਅਤੇ ਕਿਵੇਂ ਵਰਤਦਾ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ ਸਿਰਫ ਤੁਹਾਡੇ ਕੰਮ ਨੂੰ ਵਿਖਾਉਂਦੇ ਨਹੀਂ, ਸਗੋਂ ਪ੍ਰਦਰਸ਼ਨ, ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਸੰਭਾਵਿਤ ਸਮੱਸਿਆਵਾਂ ਬਾਰੇ ਵਿਸਥਾਰ ਨਾਲ ਫੀਡਬੈਕ ਵੀ ਦਿੰਦੇ ਹਨ।
 
-ਜਦੋਂ ਤੁਸੀਂ ਵੈਬਸਾਈਟ ਜਾਂ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਦੇਖਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਕਿ ਇਹ ਅਸਲ ਦੁਨੀਆ ਵਿੱਚ ਕਿਵੇਂ ਦਿਖਦੀ ਹੈ ਅਤੇ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ। ਬ੍ਰਾਊਜ਼ਰ ਸਿਰਫ਼ ਤੁਹਾਡਾ ਕੰਮ ਦਿਖਾਉਂਦੇ ਹੀ ਨਹੀਂ, ਸਗੋਂ ਪ੍ਰਦਰਸ਼ਨ, ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਸੰਭਾਵਿਤ ਸਮੱਸਿਆਵਾਂ ਬਾਰੇ ਵਿਸਥਾਰ ਵਿੱਚ ਫੀਡਬੈਕ ਵੀ ਦਿੰਦੇ ਹਨ।
+#### ਬ੍ਰਾਊਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ (DevTools)
 
-#### ਬ੍ਰਾਊਜ਼ਰ ਡਿਵੈਲਪਰ ਟੂਲਸ (DevTools)
+ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਵੱਡੇ ਵਿਕਾਸ ਸੂਟਸ਼ਾਮਿਲ ਕਰਦੇ ਹਨ:
 
-ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿਸਥਾਰਤ ਵਿਕਾਸ ਸੂਟ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ:
+| ਟੂਲ ਸ਼੍ਰੇਣੀ | ਇਹ ਕੀ ਕਰਦਾ ਹੈ | ਉਦਾਹਰਨ ਵਰਤੋਂ ਮਾਮਲਾ |
+|-------------|-----------------|---------------------|
+| **ਏਲੀਮੈਂਟ ਇੰਸਪੈਕਟਰ** | ਹਟਮਲ/ਸੀਐੱਸਐੱਸ ਨੂੰ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਵੇਖੋ ਅਤੇ ਸੋਧੋ | ਤੁਰੰਤ ਨਤੀਜੇ ਵੇਖਣ ਲਈ ਸਟਾਈਲਿੰਗ ਬਦਲੋ |
+| **ਕਨਸੋਲ** | ਗਲਤੀ ਸੰਦਰਭ ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਟੈਸਟ ਕਰੋ | ਮੁਸ਼ਕਿਲਾਂ ਡੀਬੱਗ ਕਰੋ ਅਤੇ ਕੋਡ ਨਾਲ ਅਜ਼ਮਾਇਸ਼ ਕਰੋ |
+| **ਨੈੱਟਵਰਕ ਮਾਨੀਟਰ** | ਕਿਵੇਂ ਸਾਧਨ ਲੋਡ ਹੁੰਦੇ ਹਨ ਟਰੈਕ ਕਰੋ | ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਲੋਡਿੰਗ ਸਮੇਂ ਨੂੰ ਠੀਕ ਕਰੋ |
+| **ਪਹੁੰਚਯੋਗਤਾ ਚੈਕਰ** | ਸਮਾਵੇਸ਼ੀ ਡਿਜ਼ਾਈਨ ਲਈ ਟੈਸਟ ਕਰੋ | ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੀ ਸਾਈਟ ਸਾਰੇ ਉਪਭੋਗਤਿਆਂ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ |
+| **ਡਿਵਾਈਸ ਸਿਮੁਲੇਟਰ** | ਵੱਖ-ਵੱਖ ਸਕਰੀਨ ਆਕਾਰਾਂ 'ਤੇ ਪ੍ਰੀਵਿਊ ਕਰੋ | ਬਿਨਾਂ ਵੱਖ-ਵੱਖ ਡਿਵਾਈਸਾਂ ਦੇ ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ ਟੈਸਟ ਕਰੋ |
 
-| ਟੂਲ ਸ਼੍ਰੇਣੀ | ਇਹ ਕੀ ਕਰਦਾ ਹੈ | ਉਦਾਹਰਨ ਵਰਤੋਂ |
-|---------------|--------------|------------------|
-| **ਐਲਿਮੈਂਟ ਇੰਸਪੈਕਟਰ** | 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)** - Microsoft ਦੇ ਡਿਵੈਲਪਰ ਸੰਜੋਨੀਆਂ ਦੇ ਨਾਲ Chromium 'ਤੇ ਬਣਾਇਆ ਗਿਆ
 
-- **[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 'ਤੇ ਬਣਿਆ ਹੋਇਆ Microsoft ਦੇ ਡਿਵੈਲਪਰ ਸਰੋਤਾਂ ਨਾਲ
+> ⚠️ **ਮਹੱਤਵਪੂਰਨ ਟੈਸਟਿੰਗ ਸੁਝਾਅ**: ਹਮੇਸ਼ਾ ਆਪਣੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਨੂੰ ਕਈ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿਚ ਟੈਸਟ ਕਰੋ! ਜੋ Chrome ਵਿੱਚ ਬਿਲਕੁਲ ਠੀਕ ਕੰਮ ਕਰਦਾ ਹੈ, ਉਸਦੀ ਲੁੱਕ Safari ਜਾਂ Firefox ਵਿੱਚ ਵੱਖਰੀ ਹੋ ਸਕਦੀ ਹੈ। ਪ੍ਰੋਫੈਸ਼ਨਲ ਵਿਕਾਸਕਾਰ ਸਾਰੇ ਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਟੈਸਟ ਕਰਦੇ ਹਨ ਤਾਂ ਜੋ ਉਪਯੋਗਤਾ ਅਨੁਭਵ ਸਥਿਰ ਰਹੇ।
 
-> ⚠️ **ਮਹੱਤਵਪੂਰਨ ਟੈਸਟਿੰਗ ਟਿਪ**: ਹਮੇਸ਼ਾ ਆਪਣੀਆਂ ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਕਈ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਟੈਸਟ ਕਰੋ! Chrome ਵਿੱਚ ਜੋ ਬਿਲਕੁਲ ਸਹੀ ਕੰਮ ਕਰਦਾ ਹੈ, Safari ਜਾਂ Firefox ਵਿੱਚ ਵੱਖਰਾ ਦਿਖ ਸਕਦਾ ਹੈ। ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰ ਸਾਰੇ ਮੁੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਟੈਸਟ ਕਰਦੇ ਹਨ ਤਾਂ ਜੋ ਸਥਿਰ ਯੂਜ਼ਰ ਅਨੁਭਵ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ।
 
-### ਕਮਾਂਡ ਲਾਈਨ ਟੂਲਸ: ਡਿਵੈਲਪਰ ਸੂਪਰਪਾਵਰਜ਼ ਦਾ ਗੇਟਵੇ
+### ਕਮਾਂਡ ਲਾਈਨ ਟੂਲਜ਼: ਤੁਹਾਡੇ ਡਿਵੈਲਪਰ ਮਹਾਓਗਤ ਦੇ ਦਰਵਾਜ਼ੇ
 
-ਚੰਗਾ, ਆਓ ਕਮਾਂਡ ਲਾਈਨ ਬਾਰੇ ਇੱਕ ਬਿਲਕੁਲ ਇਮਾਨਦਾਰ ਪਲ ਬਿਤਾਈਏ, ਕਿਉਂਕਿ ਮੈਂ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਇਹ ਕਿਸੇ ਅਜਿਹੇ ਵਿਅਕਤੀ ਤੋਂ ਸੁਣੋ ਜੋ ਇਸਨੂੰ ਸੱਚਮੁੱਚ ਸਮਝਦਾ ਹੈ। ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰ ਇਸਨੂੰ ਵੇਖਿਆ – ਸਿਰਫ਼ ਇਹ ਡਰਾਉਣਾ ਕਾਲਾ ਸਕ੍ਰੀਨ ਜਿਸ 'ਤੇ ਟੈਕਸਟ ਚਮਕ ਰਿਹਾ ਸੀ – ਮੈਂ ਸੱਚਮੁੱਚ ਸੋਚਿਆ, "ਨਹੀਂ, ਬਿਲਕੁਲ ਨਹੀਂ! ਇਹ ਕੁਝ 1980 ਦੇ ਹੈਕਰ ਫਿਲਮ ਤੋਂ ਲੱਗਦਾ ਹੈ, ਅਤੇ ਮੈਂ ਇਸ ਲਈ ਬਿਲਕੁਲ ਕਾਬਲ ਨਹੀਂ ਹਾਂ!" 😅
+ਚਲੋ, ਕਮਾਂਡ ਲਾਈਨ ਬਾਰੇ ਬਿਲਕੁਲ ਸਚਿਆਈ ਨਾਲ ਗੱਲ ਕਰੀਏ, ਕਿਉਂਕਿ ਮੈਂ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਇਹ ਕਿਸੇ ਅਜੇਹੇ ਵਿਅਕਤੀ ਤੋਂ ਸੁਣੋ ਜੋ ਤੇਰੇ ਸਹੀ ਮਾਇਨੇ ਵਿੱਚ ਇਸਨੂੰ ਸਮਝਦਾ ਹੈ। ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰ ਇਸਨੂੰ ਦੇਖਿਆ – ਇੱਕ ਡਰਾਉਣਾ ਕਾਲਾ ਸਕਰੀਨ ਚਮਕਦੇ ਲਿਖਤ ਨਾਲ – ਮੈਂ ਵਾਕਈ ਸੋਚਿਆ, "ਨਹੀਂ, ਬਿਲਕੁਲ ਨਹੀਂ! ਇਹ ਕਿਸੇ 1980 ਦੇ ਦਹਾਕੇ ਦੇ ਹੈਕਰ ਫਿਲਮ ਵਰਗਾ ਲੱਗਦਾ ਹੈ, ਅਤੇ ਮੈਂ ਇਸ ਲਈ ਬਿਲਕੁਲ ਸਮਾਰਟ ਨਹੀਂ ਹਾਂ!" 😅
 
-ਪਰ ਇਹ ਹੈ ਜੋ ਮੈਂ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਕਿਸੇ ਨੇ ਮੈਨੂੰ ਉਸ ਸਮੇਂ ਦੱਸਿਆ ਹੋਵੇ, ਅਤੇ ਜੋ ਮੈਂ ਤੁਹਾਨੂੰ ਹੁਣ ਦੱਸ ਰਿਹਾ ਹਾਂ: ਕਮਾਂਡ ਲਾਈਨ ਡਰਾਉਣੀ ਨਹੀਂ ਹੈ – ਇਹ ਅਸਲ ਵਿੱਚ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਨਾਲ ਸਿੱਧੀ ਗੱਲਬਾਤ ਕਰਨ ਵਰਗਾ ਹੈ। ਇਸਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੋਚੋ ਕਿ ਖਾਣਾ ਆਰਡਰ ਕਰਨ ਦਾ ਤਰੀਕਾ ਇੱਕ ਸ਼ਾਨਦਾਰ ਐਪ ਦੇ ਜ਼ਰੀਏ ਹੈ ਜਿਸ ਵਿੱਚ ਤਸਵੀਰਾਂ ਅਤੇ ਮੈਨੂ ਹਨ (ਜੋ ਸੁਹਜ ਅਤੇ ਆਸਾਨ ਹੈ) ਬਨਾਮ ਤੁਹਾਡੇ ਮਨਪਸੰਦ ਸਥਾਨਕ ਰੈਸਟੋਰੈਂਟ ਵਿੱਚ ਜਾਣਾ ਜਿੱਥੇ ਸ਼ੈਫ਼ ਨੂੰ ਪਤਾ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਕੀ ਪਸੰਦ ਹੈ ਅਤੇ ਸਿਰਫ਼ ਤੁਹਾਡੇ "ਮੈਨੂੰ ਕੁਝ ਸ਼ਾਨਦਾਰ ਨਾਲ ਹੈਰਾਨ ਕਰੋ" ਕਹਿਣ 'ਤੇ ਕੁਝ ਪੂਰਨ ਬਣਾਉਣ ਲਈ ਤਿਆਰ ਹੈ।
+ਪਰ ਇਹ ਹੈ ਜੋ ਕਾਸ਼ ਕਿਸੇ ਨੇ ਮੈਨੂੰ ਉਸ ਸਮੇਂ ਦੱਸਿਆ ਹੁੰਦਾ, ਅਤੇ ਹੁਣ ਮੈਂ ਤੁਹਾਨੂੰ ਦੱਸ ਰਿਹਾ ਹਾਂ: ਕਮਾਂਡ ਲਾਈਨ ਡਰਾਉਣਾ ਨਹੀਂ ਹੈ – ਇਹ ਵਾਸਤਵ ਵਿੱਚ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ ਨਾਲ ਸਿੱਧੀ ਗੱਲਬਾਤ ਕਰਨ ਵਰਗਾ ਹੈ। ਇਸਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਸੋਚੋ ਜਿਵੇਂ ਫੋਟੋਆਂ ਅਤੇ ਮੇਨੂਜ਼ ਨਾਲ ਇੱਕ ਸਜਾਇਆ ਗਿਆ ਐਪ ਦੁਆਰਾ ਖਾਣਾ ਮੰਗਾਉਣਾ (ਜੋ ਸੁਗਮ ਅਤੇ ਆਸਾਨ ਹੈ) ਅਤੇ ਆਪਣੇ ਮਨਪਸੰਦ ਸਥਾਨਕ ਰੈਸਟੋਰੈਂਟ ਵਿੱਚ ਜਾਣਾ ਜਿੱਥੇ ਖਾਣਾਢ ਦਾ ਕੁੱਕ ਜਾਣਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕੀ ਪਸੰਦ ਕਰਦੇ ਹੋ ਅਤੇ ਤੁਸੀਂ "ਕੁਝ ਅਜਿਹਾ ਹੈਰਾਨੀਜਨਕ ਬਣਾਓ" ਕਹਿਣ ਨਾਲ ਹੀ ਕੁਝ ਲਾਜਵਾਬ ਤਿਆਰ ਕਰਦਾ ਹੈ।
 
-ਕਮਾਂਡ ਲਾਈਨ ਉਹ ਜਗ੍ਹਾ ਹੈ ਜਿੱਥੇ ਡਿਵੈਲਪਰ ਜਾਦੂਗਰਾਂ ਵਰਗਾ ਮਹਿਸੂਸ ਕਰਨ ਲਈ ਜਾਂਦੇ ਹਨ। ਤੁਸੀਂ ਕੁਝ ਜਾਦੂਈ ਸ਼ਬਦ (ਠੀਕ ਹੈ, ਇਹ ਸਿਰਫ਼ ਕਮਾਂਡ ਹਨ, ਪਰ ਇਹ ਜਾਦੂਈ ਮਹਿਸੂਸ ਹੁੰਦੀਆਂ ਹਨ!) ਟਾਈਪ ਕਰਦੇ ਹੋ, ਐਂਟਰ ਦਬਾਉਂਦੇ ਹੋ, ਅਤੇ ਬੂਮ – ਤੁਸੀਂ ਪੂਰੇ ਪ੍ਰੋਜੈਕਟ ਸਟ੍ਰਕਚਰ ਬਣਾਏ, ਦੁਨੀਆ ਭਰ ਤੋਂ ਸ਼ਕਤੀਸ਼ਾਲੀ ਟੂਲਸ ਇੰਸਟਾਲ ਕੀਤੇ, ਜਾਂ ਆਪਣਾ ਐਪ ਇੰਟਰਨੈਟ 'ਤੇ ਲੋੜੀਂਦੇ ਲੋਕਾਂ ਲਈ ਡਿਪਲੌਇ ਕੀਤਾ। ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਸ਼ਕਤੀ ਦਾ ਪਹਿਲਾ ਸਵਾਦ ਲੈਂਦੇ ਹੋ, ਇਹ ਸੱਚਮੁੱਚ ਕਾਫ਼ੀ ਆਕਰਸ਼ਕ ਹੁੰਦਾ ਹੈ!
+ਕਮਾਂਡ ਲਾਈਨ ਉਹ ਜਗ੍ਹਾ ਹੈ ਜਿੱਥੇ ਡਿਵੈਲਪਰ ਆਪ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਜਾਦੂਗਰ ਮਹਸੂਸ ਕਰਦੇ ਹਨ। ਤੁਸੀਂ ਕੁਝ ਜਾਦੂਈ ਸ਼ਬਦ (ਠੀਕ ਹੈ, ਇਹ ਸਿਰਫ ਹੁਕਮ ਹਨ, ਪਰ ਇਹ ਜਾਦੂਈ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ!) ਟਾਇਪ ਕਰਦੇ ਹੋ, ਐਂਟਰ ਦਬਾਉਂਦੇ ਹੋ, ਅਤੇ ਬੂਮ – ਤੁਸੀਂ ਪੂਰੇ ਪ੍ਰੋਜੈਕਟ ਸੰਰਚਨਾਵਾਂ ਬਣਾ ਦਿਤੇ, ਸੰਸਾਰ ਭਰ ਤੋਂ ਤਾਕਤਵਰ ਟੂਲ ਇੰਸਟਾਲ ਕੀਤੇ, ਜਾਂ ਆਪਣਾ ਐਪ ਇੰਟਰਨੈੱਟ 'ਤੇ ਲੱਖਾਂ ਲੋਕਾਂ ਨੂੰ ਵੇਖਣ ਲਈ ਡਿਪਲੋਇ ਕੀਤਾ। ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਤਕਤ ਦਾ ਪਹਿਲਾ ਜ਼ਾਇਕਾ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਇਹ ਸੱਚਮੁੱਚ ਆਦਤ ਬਣ ਜਾਂਦਾ ਹੈ!
 
-**ਕਮਾਂਡ ਲਾਈਨ ਤੁਹਾਡਾ ਮਨਪਸੰਦ ਟੂਲ ਕਿਉਂ ਬਣ ਜਾਵੇਗਾ:**
+**ਕਮਾਂਡ ਲਾਈਨ ਤੁਹਾਡਾ ਪਸੰਦੀਦਾ ਟੂਲ ਕਿਉਂ ਬਣੇਗਾ:**
 
-ਜਦੋਂ ਕਿ ਗ੍ਰਾਫਿਕਲ ਇੰਟਰਫੇਸ ਕਈ ਕੰਮਾਂ ਲਈ ਸ਼ਾਨਦਾਰ ਹਨ, ਕਮਾਂਡ ਲਾਈਨ ਆਟੋਮੇਸ਼ਨ, ਸਹੀਤਾ ਅਤੇ ਗਤੀ ਵਿੱਚ ਸ਼ਾਨਦਾਰ ਹੈ। ਕਈ ਵਿਕਾਸ ਟੂਲਸ ਮੁੱਖ ਤੌਰ 'ਤੇ ਕਮਾਂਡ ਲਾਈਨ ਇੰਟਰਫੇਸਾਂ ਦੇ ਜ਼ਰੀਏ ਕੰਮ ਕਰਦੇ ਹਨ, ਅਤੇ ਇਨ੍ਹਾਂ ਨੂੰ ਕੁਸ਼ਲਤਾਪੂਰਵਕ ਵਰਤਣ ਦੀ ਸਿੱਖਿਆ ਤੁਹਾਡੀ ਉਤਪਾਦਕਤਾ ਨੂੰ ਬਹੁਤ ਵਧਾ ਸਕਦੀ ਹੈ।
+ਜਦੋਂ ਕਿ ਗ੍ਰਾਫਿਕਲ ਇੰਟਰਫੇਸ ਬਹੁਤ ਸਾਰੇ ਕੰਮਾਂ ਲਈ ਵਧੀਆ ਹਨ, ਕਮਾਂਡ ਲਾਈਨ ਸੁਚਜਤਾ, ਨੈਪਕਤਾ ਅਤੇ ਗਤੀ ਵਿੱਚ ਕਮਾਲ ਕਰਦੀ ਹੈ। ਬਹੁਤ ਸਾਰੇ ਵਿਕਾਸ ਟੂਲ ਮੁੱਖ ਤੌਰ 'ਤੇ ਕਮਾਂਡ ਲਾਈਨ ਇੰਟਰਫੇਸਾਂ ਰਾਹੀਂ ਕੰਮ ਕਰਦੇ ਹਨ, ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਵਰਤਣਾ ਸਿਖਣਾ ਤੁਹਾਡੀ ਉਤਪਾਦਕਤਾ ਵਿੱਚ ਬਹੁਤ ਸੁਧਾਰ ਕਰ ਸਕਦਾ ਹੈ।
 
 ```bash
-# Step 1: Create and navigate to project directory
+# ਕਦਮ 1: ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਬਣਾਓ ਅਤੇ ਨੇਵੀਗੇਟ ਕਰੋ
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **ਇਹ ਕੋਡ ਕੀ ਕਰਦਾ ਹੈ:**
-- **ਨਵਾਂ ਡਾਇਰੈਕਟਰੀ ਬਣਾਓ** "my-awesome-website" ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਲਈ
-- **ਨਵੇਂ ਬਣਾਏ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓ** ਕੰਮ ਸ਼ੁਰੂ ਕਰਨ ਲਈ
+- ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਲਈ "my-awesome-website" ਨਾਮਕ ਇੱਕ ਨਵਾਂ ਡਾਇਰੈਕਟਰੀ ਬਣਾਓ
+- ਕੰਮ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਨਵੀਂ ਬਣਾਈ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓ
 
 ```bash
-# Step 2: Initialize project with package.json
+# ਕਦਮ 2: package.json ਨਾਲ ਪ੍ਰੋਜੈਕਟ ਸ਼ੁਰੂ ਕਰੋ
 npm init -y
 
-# Install modern development tools
+# ਆਧੁਨਿਕ ਵਿਕਾਸ ਟੂਲਸ ਇੰਸਟਾਲ ਕਰੋ
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **ਕਦਮ-ਦਰ-ਕਦਮ, ਇਹ ਕੀ ਹੋ ਰਿਹਾ ਹੈ:**
-- **ਨਵਾਂ Node.js ਪ੍ਰੋਜੈਕਟ ਸ਼ੁਰੂ ਕਰੋ** ਡਿਫਾਲਟ ਸੈਟਿੰਗਾਂ ਨਾਲ `npm init -y` ਦੀ ਵਰਤੋਂ ਕਰਕੇ
-- **Vite ਇੰਸਟਾਲ ਕਰੋ** ਇੱਕ ਆਧੁਨਿਕ ਬਿਲਡ ਟੂਲ ਵਧੀਆ ਵਿਕਾਸ ਅਤੇ ਉਤਪਾਦਨ ਬਿਲਡ ਲਈ
-- **Prettier ਸ਼ਾਮਲ ਕਰੋ** ਆਟੋਮੈਟਿਕ ਕੋਡ ਫਾਰਮੈਟਿੰਗ ਲਈ ਅਤੇ ESLint ਕੋਡ ਗੁਣਵੱਤਾ ਚੈੱਕ ਲਈ
-- **ਵਰਤੋਂ ਕਰੋ** `--save-dev` ਫਲੈਗ ਇਨ੍ਹਾਂ ਨੂੰ ਸਿਰਫ਼ ਵਿਕਾਸ-ਮਾਤਰ ਡਿਪੈਂਡੈਂਸੀਜ਼ ਵਜੋਂ ਮਾਰਕ ਕਰਨ ਲਈ
+- ਮੂਲ ਸੈਟਿੰਗਾਂ ਨਾਲ ਇੱਕ ਨਵਾਂ Node.js ਪ੍ਰੋਜੈਕਟ `$ npm init -y` ਦੇ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ
+- ਤੇਜ਼ ਵਿਕਾਸ ਅਤੇ ਉਤਪਾਦਨ ਬਣਾਵਟ ਲਈ Vite ਇੰਸਟਾਲ ਕਰੋ
+- ਆਟੋਮੈਟਿਕ ਕੋਡ ਫਾਰਮੈਟਿੰਗ ਲਈ Prettier ਅਤੇ ਕੋਡ ਗੁਣਵੱਤਾ ਜਾਂਚ ਲਈ ESLint ਸ਼ਾਮਿਲ ਕਰੋ
+- ਇਹਨਾਂ ਨੂੰ ਵਿਕਾਸ-ਕੇਵਲ ਨਿਰਭਰਤਾਵਾਂ ਵਜੋਂ ਮਾਰਕ ਕਰਨ ਲਈ `--save-dev` ਝੰਡਾ ਵਰਤੋਂ
 
 ```bash
-# Step 3: Create project structure and files
+# ਕਦਮ 3: ਪ੍ਰੋਜੈਕਟ ਦਾ ਢਾਂਚਾ ਅਤੇ ਫਾਈਲਾਂ ਬਣਾਓ
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# ਵਿਕਾਸ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ
 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/)** | ਕੋਡ ਫਾਰਮੈਟਿੰਗ | ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਸਥਿਰ ਤੌਰ 'ਤੇ ਫਾਰਮੈਟ ਅਤੇ ਪੜ੍ਹਨਯੋਗ ਰੱਖੋ |
+| ਟੂਲ | ਮਕਸਦ | ਤੁਹਾਨੂੰ ਇਸ ਦੀ ਕੀ ਲੋੜ ਹੈ |
+|-------|---------|--------------------------|
+| **[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)** - ਆਧੁਨਿਕ, ਵਿਸਥਾਰਤ ਟਰਮੀਨਲ
+- **[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)** 💻 - ਪਰੰਪਰਾਗਤ Windows ਕਮਾਂਡ ਲਾਈਨ
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - ਪਰੰਪਰਾਤਮਕ Windows ਕਮਾਂਡ ਲਾਈਨ
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - ਬਿਲਟ-ਇਨ ਟਰਮੀਨਲ ਐਪਲੀਕੇਸ਼ਨ
-- **[iTerm2](https://iterm2.com/)** - ਵਿਸਥਾਰਤ ਟਰਮੀਨਲ ਉੱਨਤ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ
+- **[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)** - ਉੱਨਤ ਟਰਮੀਨਲ ਇਮੀਲੇਟਰ
+- **[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 Code ਵਿੱਚ ਖੋਲ੍ਹੋ) ਨਾਲ ਅਭਿਆਸ ਕਰੋ। ਜਿਵੇਂ ਤੁਸੀਂ ਹੋਰ ਆਰਾਮਦਾਇਕ ਹੋ ਜਾਂਦੇ ਹੋ, ਤੁਸੀਂ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਹੋਰ ਉੱਨਤ ਕਮਾਂਡਾਂ ਅਤੇ ਆਟੋਮੇਸ਼ਨ ਤਕਨੀਕਾਂ ਨੂੰ ਸਿੱਖ ਲਵੋਗੇ।
+> 🎯 **ਸਿੱਖਣ ਦਾ ਰਸਤਾ**: ਮੂਲ ਕਮਾਂਡਾਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਜਿਵੇਂ ਕਿ `cd` (ਡਾਇਰੈਕਟਰੀ ਬਦਲਣ ਲਈ), `ls` ਜਾਂ `dir` (ਫਾਇਲਾਂ ਦੀ ਸੂਚੀ), ਅਤੇ `mkdir` (ਫੋਲਡਰ ਬਣਾਉਣ ਲਈ)। ਮੁਕਤਦਮ ਵਰਕਫ਼ਲੋ ਕਮਾਂਡਾਂ ਜਿਵੇਂ ਕਿ `npm install`, `git status`, ਅਤੇ `code .` (ਮੌਜੂਦਾ ਡਾਇਰੈਕਟਰੀ VS ਕੋਡ ਵਿੱਚ ਖੋਲ੍ਹਣ ਲਈ) ਨਾਲ ਅਭਿਆਸ ਕਰੋ। ਜਿਵੇਂ ਜਿਵੇਂ ਤੁਸੀਂ ਆਰਾਮਦਾਇਕ ਹੋਵੋਗੇ, ਤੁਸੀਂ ਕੁਦਰਤੀ ਤੌਰ ਤੇ ਹੌਲੀ-ਹੌਲੀ ਵਧੀਆ ਕਮਾਂਡਾਂ ਅਤੇ ਆਟੋਮੇਸ਼ਨ ਤਕਨੀਕਾਂ ਸਿੱਖੋਗੇ।
 
-### ਦਸਤਾਵੇਜ਼ੀਕਰਨ: ਤੁਹਾਡਾ ਹਮੇਸ਼ਾ-ਉਪਲਬਧ ਸਿੱਖਣ ਵਾਲਾ ਮੰਤਰ
 
-ਚੰਗਾ, ਆਓ ਇੱਕ ਛੋਟਾ ਰਾਜ਼ ਸਾਂਝਾ ਕਰੀਏ ਜੋ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਹੋਣ ਬਾਰੇ ਬਹੁਤ ਬਿਹਤਰ ਮਹਿਸੂਸ ਕਰੇਗਾ: ਸਭ ਤੋਂ ਅਨੁਭਵੀ ਡਿਵੈਲਪਰ ਆਪਣਾ ਬਹੁਤ ਸਾਰਾ ਸਮਾਂ ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਪੜ੍ਹਨ ਵਿੱਚ ਬਿਤਾਉਂਦੇ ਹਨ। ਅਤੇ ਇਹ ਇਸ ਲਈ ਨਹੀਂ ਕਿ ਉਹ ਨਹੀਂ ਜਾਣਦੇ ਕਿ ਉਹ ਕੀ ਕਰ ਰਹੇ ਹਨ – ਇਹ ਅਸਲ ਵਿੱਚ ਬੁੱਧੀਮਾਨ ਹੋਣ ਦੀ ਨਿਸ਼ਾਨੀ ਹੈ!
+### ਦਸਤਾਵੇਜ਼ੀਕਰਨ: ਤੁਹਾਡਾ ਹਮੇਸ਼ਾ ਉਪਲਬਧ ਸਿੱਖਣ ਵਾਲਾ ਗੁਰੂ
 
-ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਨੂੰ 24/7 ਉਪਲਬਧ ਦੁਨੀਆ ਦੇ ਸਭ ਤੋਂ ਧੀਰਜਵਾਨ, ਗਿਆਨਵਾਨ ਅਧਿਆਪਕਾਂ ਤੱਕ ਪਹੁੰਚ ਹੋਣ ਵਜੋਂ ਸੋਚੋ। 2 AM 'ਤੇ ਸਮੱਸਿਆ 'ਤੇ ਫਸੇ ਹੋ? ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਗਰਮ ਵਰਚੁਅਲ ਹੱਗ ਅਤੇ ਬਿਲਕੁਲ ਉਹ ਜਵਾਬ ਹੈ ਜਿਸ ਦੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੈ। ਕੁਝ ਠੰਡੇ ਨਵੇਂ ਫੀਚਰ ਬਾਰੇ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਜਿਸ ਬਾਰੇ ਹਰ ਕੋਈ ਗੱਲ ਕਰ ਰਿਹਾ ਹੈ? ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਤੁਹਾਡੇ ਲਈ ਪਿੱਠ ਹੈ ਸਟੈਪ-ਬਾਈ-ਸਟੈਪ ਉਦਾਹਰਨਾਂ ਨਾਲ। ਸਮਝਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ ਕਿ ਕੁਝ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ? ਤੁਸੀਂ ਅਨੁਮਾਨ ਲਗਾਇਆ – ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਇਸਨੂੰ ਇਸ ਤਰੀਕੇ ਨਾਲ ਸਮਝਾਉਣ ਲਈ ਤਿਆਰ ਹੈ ਜੋ ਅੰਤ ਵਿੱਚ ਇਸਨੂੰ ਕਲਿੱਕ ਕਰਦਾ ਹੈ!
+ਠੀਕ ਹੈ, ਮੈਂ ਇੱਕ ਛੋਟਾ ਸਿਕੰਦਰ ਸਾਂਝਾ ਕਰਦਾ ਹਾਂ ਜੋ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂਆਤੀ ਹੋਣ ਦੇ ਬਾਵਜੂਦ ਬਹੁਤ ਠੀਕ ਮਹਿਸੂਸ ਕਰਵਾਏਗਾ: ਸਭ ਤੋਂ ਤਜਰਬੇਕਾਰ ਡਿਵੈਲਪਰ ਵੀ ਆਪਣੇ ਸਮੇਂ ਦਾ ਵੱਡਾ ਹਿੱਸਾ ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਪੜ੍ਹਨ ਵਿੱਚ ਬਿਤਾਂਦੇ ਹਨ। ਅਤੇ ਇਹ ਇਸ ਲਈ ਨਹੀਂ ਕਿ ਉਹ ਨਹੀਂ ਜਾਣਦੇ ਕਿ ਉਹ ਕੀ ਕਰ ਰਹੇ ਹਨ – ਇਹ ਦਰਅਸਲ ਬੁੱਧੀਮੱਤਾ ਦੀ ਨਿਸ਼ਾਨੀ ਹੈ!
 
-ਇਹ ਕੁਝ ਹੈ ਜਿਸ ਨੇ ਮੇਰੇ ਨਜ਼ਰੀਏ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਦਲ ਦਿੱਤਾ: ਵੈਬ ਵਿਕਾਸ ਦੀ ਦੁਨੀਆ ਬਹੁਤ ਤੇਜ਼ੀ ਨਾਲ ਅੱਗੇ ਵਧਦੀ ਹੈ, ਅਤੇ ਕੋਈ ਵੀ (ਮੈਂ ਬਿਲਕੁਲ ਕੋਈ ਵੀ ਨਹੀਂ!) ਸਭ ਕੁਝ ਯਾਦ ਨਹੀਂ ਰੱਖਦਾ। ਮੈਂ 15+ ਸਾਲਾਂ ਦੇ ਅਨੁਭਵ ਵਾਲੇ ਸੀਨੀਅਰ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਬੁਨਿਆਦੀ ਸਿੰਟੈਕਸ ਦੀ ਖੋਜ ਕਰਦੇ ਦੇਖਿਆ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਕੀ? ਇਹ ਸ਼ਰਮਨਾਕ ਨਹੀਂ ਹੈ – ਇਹ ਸਮਾਰਟ ਹੈ! ਇਹ ਪੂਰੀ ਯਾਦਸ਼ਤ ਹੋਣ ਬਾਰੇ ਨਹੀਂ ਹੈ; ਇਹ ਤੇਜ਼ੀ ਨਾਲ ਭਰੋਸੇਮੰਦ ਜਵਾਬ ਲੱਭਣ ਅਤੇ ਇਹ ਸਮਝਣ ਬਾਰੇ ਹੈ ਕਿ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਵੇਂ ਅਤੇ ਕਦੋਂ ਲਾਗੂ ਕਰਨਾ ਹੈ।
+ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਨੂੰ ਧਿਆਨ ਨਾਲ ਸੋਚੋ ਕਿ ਇਹ ਦੁਨੀਆ ਦੇ ਸਭ ਤੋਂ ਧੀਰੀ, ਗਿਆਨਵਾਨ ਅਧਿਆਪਕਾਂ ਦੀ ਪਹੁੰਚਾਂਵਾਲਾ ਹੈ ਜੋ 24/7 ਉਪਲਬਧ ਹਨ। 2 ਵਜੇ ਰਾਤ ਨੂੰ ਕਿਸੇ ਸਮੱਸਿਆ 'ਤੇ ਫਸ ਗਏ? ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਗਰਮਜੋਸ਼ੀ ਨਾਲ ਵਰਚੁਅਲ ਗਲੇ ਲਗਾਉਂਦਾ ਹੈ ਅਤੇ ਬਿਲਕੁਲ ਉਹੀ ਜਵਾਬ ਦਿੰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਚਾਹੀਦਾ ਹੈ। ਕੁਝ ਨਵੀਂ ਖੂਬਸੂਰਤ ਫੀਚਰ ਬਾਰੇ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਜੋ ਹਰ ਕੋਈ ਗੱਲ ਕਰ ਰਿਹਾ ਹੈ? ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਤੁਹਾਡੇ ਨਾਲ ਕਦਮ-ਦਰ-कਦਮ ਉਦਾਹਰਨਾਂ ਦੇ ਕੇ ਹੈ। ਸਮਝਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ ਕਿ ਕੁਝ ਕਿਉਂ ਕੰਮ ਕਰਦਾ ਹੈ ਜਿਵੇਂ ਕਰਦਾ ਹੈ? ਤੁਸੀਂ ਸਹੀ ਸਮਝੇ – ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਇਸਨੂੰ ਅਜਿਹੇ ਢੰਗ ਨਾਲ ਸਮਝਾਉਣ ਲਈ ਤਤਪਰ ਹੈ ਜਿਸ ਨਾਲ ਸਹੀ ਸਮਝ ਆਉਂਦੀ ਹੈ!
 
-**ਇਥੇ ਹੈ ਜਿੱਥੇ ਅਸਲ ਜਾਦੂ ਹੁੰਦਾ ਹੈ:**
+ਇੱਕ ਚੀਜ਼ ਜਿਸ ਨੇ ਮੇਰਾ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਬਿਲਕੁਲ ਬਦਲ ਦਿੱਤਾ ਹੈ: ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਦੁਨੀਆਂ ਬੜੀ ਤੇਜ਼ੀ ਨਾਲ ਹਿਲਦੀ ਹੈ, ਅਤੇ ਕੋਈ ਵੀ (ਸਿਰਫ ਕੋਈ ਵੀ ਨਹੀਂ!) ਸਭ ਕੁਝ ਯਾਦ ਨਹੀਂ ਕਰ ਸਕਦਾ। ਮੈਂ 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)** (ਗੂਗਲ ਵੱਲੋਂ)  
+- ਆਧੁਨਿਕ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਸਰਵੋਤਮ ਅਮਲ  
+- ਪ੍ਰਦਰਸ਼ਨ ਵਧਾਇਆਣ ਦੇ ਮਾਰਗਦਰਸ਼ਨ  
+- ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਸਮਾਵੇਸ਼ੀ ਡਿਜ਼ਾਈਨ ਸਿਧਾਂਤ  
+- ਅਸਲ-ਦੁਨੀਆਂ ਪ੍ਰੋਜੈਕਟਾਂ ਤੋਂ ਕੇਸ ਸਟਡੀਜ਼
 
-**ਜੋ ਤੁਹਾਨੂੰ ਰੁਝਾਉਂਦਾ ਹੈ ਉਸ ਵਿੱਚ ਡੁੱਬੋ:**
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
+- Edge ਬ੍ਰਾਊਜ਼ਰ ਵਿਕਾਸ ਸਰੋਤ  
+- ਪ੍ਰੋਗਰੇਸਿਵ ਵੈੱਬ ਐਪ ਗਾਈਡ  
+- ਕਰਾਸ-ਪਲੇਟਫਾਰਮ ਵਿਕਾਸ ਦੀ ਜਾਣਕਾਰੀ
 
-**ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਨਾਲ ਹੱਥ-ਪੈਰ ਮਾਰੋ:**
-- ਉਹ 2-3 ਭਾਸ਼ਾਵਾਂ ਦੀਆਂ ਅਧਿਕਾਰਤ ਵੈਬਸਾਈਟਾਂ 'ਤੇ ਜਾਓ ਜਿਨ੍ਹਾਂ ਨੇ ਤੁਹਾਡਾ ਧਿਆਨ ਖਿੱਚਿਆ। ਹਰ ਇੱਕ ਦੀ ਆਪਣੀ ਵਿਸ਼ੇਸ਼ਤਾ ਅਤੇ ਕਹਾਣੀ ਹੁੰਦੀ ਹੈ!
-- ਕੁਝ ਆਨਲਾਈਨ ਕੋਡਿੰਗ ਪਲੇਗਰਾਊਂਡ ਜਿਵੇਂ [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ਜਾਂ [Replit](https://replit.com/) ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ। ਪ੍ਰਯੋਗ ਕਰਨ ਤੋਂ ਡਰੋ ਨਾ – ਤੁਸੀਂ ਕੁਝ ਵੀ ਖਰਾਬ ਨਹੀਂ ਕਰ ਸਕਦੇ!
-- ਪੜ੍ਹੋ ਕਿ ਤੁਹਾਡੀ ਮਨਪਸੰਦ ਭਾਸ਼ਾ ਕਿਵੇਂ ਬਣੀ। ਸੱਚਮੁੱਚ, ਕੁਝ ਕਹਾਣੀਆਂ ਬਹੁਤ ਦਿਲਚਸਪ ਹੁੰਦੀਆਂ ਹਨ ਅਤੇ ਇਹ ਤੁਹਾਨੂੰ ਸਮਝਣ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ ਕਿ ਭਾਸ਼ਾਵਾਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ।
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- ਸੰਰਚਿਤ ਸਿੱਖਣ ਵਾਲੇ ਕੋਰਸ  
+- ਉਦਯੋਗ ਕੇ ਮਾਹਿਰਾਂ ਤੋਂ ਵੀਡੀਓ ਕੋਰਸ  
+- ਹੱਥੋਂ-ਹੱਥ ਕੋਡਿੰਗ ਕਸਰਤਾਂ
 
-**ਆਪਣੇ ਨਵੇਂ ਟੂਲਾਂ ਨਾਲ ਆਰਾਮਦਾਇਕ ਹੋਵੋ:**
-- Visual Studio Code ਡਾਊਨਲੋਡ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਅਜੇ ਤੱਕ ਨਹੀਂ ਕੀਤਾ – ਇਹ ਮੁਫ਼ਤ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਪਸੰਦ ਆਵੇਗਾ!
-- Extensions marketplace 'ਤੇ ਕੁਝ ਮਿੰਟ ਬਿਤਾਓ। ਇਹ ਤੁਹਾਡੇ ਕੋਡ ਐਡੀਟਰ ਲਈ ਇੱਕ ਐਪ ਸਟੋਰ ਵਰਗਾ ਹੈ!
-- ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ Developer Tools ਖੋਲ੍ਹੋ ਅਤੇ ਸਿਰਫ਼ ਕਲਿਕ ਕਰੋ। ਹਰ ਚੀਜ਼ ਨੂੰ ਸਮਝਣ ਦੀ ਚਿੰਤਾ ਨਾ ਕਰੋ – ਸਿਰਫ਼ ਇਸ ਨਾਲ ਜਾਣੂ ਹੋਵੋ ਕਿ ਉੱਥੇ ਕੀ ਹੈ।
+> 📚 **ਅਧਿਐਨ ਰਣਨੀਤੀ**: ਦਸਤਾਵੇਜ਼ੀਕਰਨ ਯਾਦ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਨਾ ਕਰੋ – ਇਸ ਦੀ ਜਗ੍ਹਾ ਇਸਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਕਿਵੇਂ ਖੋਜਣਾ ਹੈ, ਇਹ ਸਿੱਖੋ। ਅਕਸਰ ਵਰਤੇ ਜਾਂਦੇ ਸਰੋਤਾਂ ਨੂੰ ਬੁੱਕਮਾਰਕ ਕਰੋ ਅਤੇ ਲਾਂਭੇ ਸਮੇਂ ਵਿੱਚ ਖੋਜ ਕਾਰਜਾਂ ਦੀ ਵਰਤੋਂ ਨਾਲ ਟੁੱਟੇ ਹੋਏ ਪ੍ਰਸ਼ਨਾਂ ਦਾ ਜਵਾਬ ਤੇਜ਼ੀ ਨਾਲ ਲੱਭਣਾ ਅਭਿਆਸ ਕਰੋ। 
+
+### 🔧 **ਟੂਲ ਮਾਸਟਰੀ ਚੈੱਕ: ਤੁਹਾਡੇ ਨਾਲ ਕਿਹੜੀ ਗੱਲ ਜ਼ਿਆਦਾ ਜੁੜਦੀ ਹੈ?**
+
+**ਇੱਕ ਪਲ ਲਈ ਸੋਚੋ:**  
+- ਤੁਹਾਨੂੰ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਕਿਸ ਟੂਲ ਨੂੰ ਅਜ਼ਮਾਉਣ ਵਿੱਚ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਰੁਚੀ ਹੈ? (ਕੋਈ ਗਲਤ ਜਵਾਬ ਨਹੀਂ!)  
+- ਕਮਾਂਡ ਲਾਈਨ ਤੁਹਾਨੂੰ ਅਜੇ ਵੀ ਡਰਾਵਣੀ ਲੱਗਦੀ ਹੈ ਜਾਂ ਤੁਹਾਨੂੰ ਇਸ ਵਿਚ ਦਿਲਚਸਪੀ ਹੈ?  
+- ਕੀ ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ DevTools ਨੂੰ ਵਰਤ ਕੇ ਆਪਣੀਆਂ ਮਨਪਸੰਦ ਵੈੱਬਸਾਈਟਾਂ ਦੇ ਪਿੱਛੇ ਵਾਲਾ ਪਰਦਾਰੁਸ ਤਕਨੀਕੀ ਜ਼ਰੂਰਤਾਂ ਦਾ ਅੰਦਾਜ਼ਾ ਲਗਾ ਸਕਦੇ ਹੋ?
+
+```mermaid
+pie title "ਡਿਵੈਲਪਰ ਦਾ ਸੰਦਾਂ ਨਾਲ ਲੱਗਾਇਆ ਸਮਾਂ"
+    "ਕੋਡ ਐਡੀਟਰ" : 40
+    "ਬ੍ਰਾਉਜ਼ਰ ਟੈਸਟਿੰਗ" : 25
+    "ਕਮਾਂਡ ਲਾਈਨ" : 15
+    "ਦਸਤਾਵੇਜ਼ ਪੜ੍ਹਨਾ" : 15
+    "ਡਿਬੱਗਿੰਗ" : 5
+```  
+> **ਮਜ਼ੇਦਾਰ ਜਾਣਕਾਰੀ**: ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਆਪਣੇ ਸਮੇਂ ਦਾ ਲਗਭਗ 40% ਸਮਾਂ ਆਪਣੇ ਕੋਡ ਐਡੀਟਰ ਵਿੱਚ ਬਿਤਾਂਦੇ ਹਨ, ਪਰ ਧਿਆਨ ਦਿਓ ਕਿ ਟੈਸਟਿੰਗ, ਸਿੱਖਣ ਅਤੇ ਸਮੱਸਿਆ ਹੱਲ ਕਰਨ ਵਿੱਚ ਕਿੰਨਾ ਸਮਾਂ ਲਗਦਾ ਹੈ। ਪ੍ਰੋਗਰਾਮਿੰਗ ਸਿਰਫ ਕੋਡ ਲਿਖਣ ਬਾਰੇ ਨਹੀਂ – ਇਹ ਤਜ਼ਰਬੇ ਬਣਾਉਣ ਬਾਰੇ ਹੈ!
+
+✅ **ਵਿਚਾਰ ਲਈ ਕੁਝ ਖੁਰਾਕ**: ਇੱਥੇ ਇੱਕ ਦਿਲਚਸਪ ਗੱਲ ਹੈ – ਤੁਹਾਡੇ ਖ਼ਿਆਲ ਵਿੱਚ ਵੈੱਬਸਾਈਟਾਂ ਬਨਾਉਣ (ਡਿਵੈਲਪਮੈਂਟ) ਲਈ ਟੂਲ ਅਤੇ ਉਨ੍ਹਾਂ ਦੇ ਲੁੱਕ (ਡਿਜ਼ਾਈਨ) ਲਈ ਟੂਲ ਵਿੱਚ ਕੀ ਫਰਕ ਹੋ ਸਕਦਾ ਹੈ? ਇਹ ਕੁਝ ਫਰਕ ਵਾਂਗ ਹੈ ਜਿਵੇਂ ਕਿ ਇੱਕ ਆਰਕੀਟੈਕਟ ਸੁੰਦਰ ਘਰ ਡਿਜ਼ਾਈਨ ਕਰਦਾ ਹੈ ਅਤੇ ਇੱਕ ਠੇਕਦਾਰ ਉਸਨੂੰ ਬਣਾਉਂਦਾ ਹੈ। ਦੋਹਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ, ਪਰ ਉਨ੍ਹਾਂ ਦੀਆਂ ਟੂਲਬਾਕਸਾਂ ਵੱਖ-ਵੱਖ ਹੁੰਦੀਆਂ ਹਨ! ਇਹ ਸੋਚ ਤੁਹਾਡੇ ਲਈ ਵੱਡਾ ਚਿੱਤਰ ਦੇਖਣ ਵਿੱਚ ਸਹਾਇਕ ਹੋਵੇਗੀ ਕਿ ਵੈੱਬਸਾਈਟਾਂ ਕਿਵੇਂ ਜੀਵੰਤ ਹੁੰਦੀਆਂ ਹਨ।
+
+## GitHub Copilot Agent ਚੈਲੇਂਜ 🚀
+
+Agent ਮੋਡ ਨੂੰ ਵਰਤ ਕੇ ਹੇਠਾਂ ਦਿੱਤਾ ਚੈਲੇਂਜ ਪੂਰਾ ਕਰੋ:
+
+**ਵੇਰਵਾ:** ਇੱਕ ਆਧੁਨਿਕ ਕੋਡ ਐਡੀਟਰ ਜਾਂ IDE ਦੀਆਂ ਖੂਬੀਵਾਂ ਨੂੰ ਖੋਜੋ ਅਤੇ ਦਰਸਾਓ ਕਿ ਇਹ ਕਿਵੇਂ ਤੁਹਾਡੀ ਵੈੱਬ ਵਿਕਾਸ ਵਰਕਫਲੋ ਨੂੰ ਬਹਿਤਰ ਬਣਾਉਂਦਾ ਹੈ।
+
+**ਪ੍ਰੌਂਪਟ:** ਇੱਕ ਕੋਡ ਐਡੀਟਰ ਜਾਂ IDE ਚੁਣੋ (ਜਿਵੇਂ Visual Studio Code, WebStorm, ਜਾਂ ਕਲਾਊਡ-ਆਧਾਰਤ IDE)। ਤਿੰਨ ਖੂਬੀਆਂ ਜਾਂ ਵਿਸਥਾਰ ਦਿੱਤੇ ਜੋ ਤੁਹਾਨੂੰ ਜ਼ਿਆਦਾ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਕੋਡ ਲਿਖਣ, ਡਿਬੱਗ ਕਰਨ ਜਾਂ ਸੰਭਾਲਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀਆਂ ਹਨ। ਹਰ ਇੱਕ ਲਈ, ਇੱਕ ਛੋਟਾ ਵਰਨਨ ਦਿਓ ਕਿ ਇਹ ਤੁਹਾਡੇ ਵਰਕਫਲੋ ਲਈ ਕਿਵੇਂ ਲਾਭਦਾਇਕ ਹੈ।
+
+---
+
+## 🚀 ਚੈਲੇਂਜ
+
+**ਠੀਕ ਹੈ, ਜਾਸੂਸ, ਕੀ ਤੁਸੀਂ ਆਪਣੇ ਪਹਿਲੇ ਮਾਮਲੇ ਲਈ ਤਿਆਰ ਹੋ?**
+
+ਹੁਣ ਜਦੋਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇਹ ਸ਼ਾਨਦਾਰ ਅਧਾਰ ਹੈ, ਮੈਂ ਇੱਕ ਐਸਾ ਸਫ਼ਰ ਤੁਹਾਡੀ ਲਈ ਲੈ ਕੇ ਆਇਆ ਹਾਂ ਜੋ ਤੁਹਾਨੂੰ ਵੇਖਾਉਂਦਾ ਹੈ ਕਿ ਪ੍ਰੋਗਰਾਮਿੰਗ ਦੀ ਦੁਨੀਆ ਕਿੰਨੀ ਬਹੁਵਿਧ ਅਤੇ ਮਨੋਹਰ ਹੈ। ਅਤੇ ਸੁਣੋ – ਇਹ ਅਜੇ ਕੋਡ ਲਿਖਣ ਬਾਰੇ ਨਹੀਂ ਹੈ, ਇਸ ਲਈ ਕੋਈ ਦਬਾਅ ਨਹੀਂ! ਖਿੱਚੋ ਆਪਣੇ ਆਪ ਨੂੰ ਇੱਕ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਦਾ ਜਾਸੂਸ ਸਮਝੋ ਜੋ ਆਪਣੇ ਪਹਿਲੇ ਦਿਲਚਸਪ ਮਾਮਲੇ 'ਤੇ ਹੈ!
+
+**ਤੁਹਾਡਾ ਮਿਸ਼ਨ, ਜੇ ਤੁਸੀਂ ਇਹ ਸਵੀਕਾਰ ਕਰੋ:**
+1. **ਭਾਸ਼ਾ ਖੋਜਕਰਤਾ ਬਣੋ**: ਬਿਲਕੁਲ ਵੱਖ-ਵੱਖ ਬ੍ਰਹਿਮੰਡਾਂ ਦੀਆਂ ਤਿੰਨ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਚੁਣੋ – ਸ਼ਾਇਦ ਇੱਕ ਵੈੱਬਸਾਈਟ ਬਣਾਉਂਣ ਲਈ, ਇੱਕ ਮੋਬਾਈਲ ਐਪ ਬਣਾਉਣ ਲਈ, ਅਤੇ ਇੱਕ ਵਿਗਿਆਨੀਆਂ ਲਈ ਡਾਟਾ ਪ੍ਰੋਸੈਸ ਕਰਨ ਲਈ। ਹਰ ਇਕ ਵਿੱਚ ਇੱਕੋ ਸਧਾਰਨ ਕੰਮ ਦੇ ਉਦਾਹਰਨ ਲੱਭੋ। ਮੈਂ ਵਾਅਦਾ ਕਰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਦੇਖ ਕੇ ਬਿਲਕੁਲ ਹੈਰਾਨ ਹੋ ਜਾਵੋਗੇ ਕਿ ਇੱਕੋ ਕੰਮ ਅਜੇ ਵੀ ਕਿੰਨਾ ਵੱਖਰਾ ਲੱਗਦਾ ਹੈ!  
+2. **ਉਹਨਾਂ ਦੀਆਂ ਮੂਲ ਕਹਾਣੀਆਂ ਖੋਜੋ**: ਹਰ ਇੱਕ ਭਾਸ਼ਾ ਵਿਲੱਖਣ ਕਿਵੇਂ ਹੈ? ਇਕ ਮਜ਼ੇਦਾਰ ਗੱਲ ਇਹ ਹੈ – ਹਰੇਕ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾ ਇਸ ਲਈ ਬਣਾਈ ਗਈ ਸੀ ਕਿਉਂਕਿ ਕਿਸੇ ਨੇ ਸੋਚਿਆ, "ਮੈਨੂੰ ਲੱਗਦਾ ਹੈ ਇਸ ਖਾਸ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਇੱਕ ਵਧੀਆ ਤਰੀਕਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।" ਕੀ ਤੁਸੀਂ ਪਤਾ ਲਗਾ ਸਕਦੇ ਹੋ ਉਹ ਸਮੱਸਿਆਵਾਂ ਕੀ ਸਨ? ਇਹਨਾਂ ਵਿੱਚੋਂ ਕੁਝ ਕਹਾਣੀਆਂ ਸੱਚਮੁੱਚ ਦਿਲਚਸਪ ਹਨ!  
+3. **ਕਮਿਊਨਿਟੀ ਨਾਲ ਮਿਲੋ**: ਵੇਖੋ ਕਿ ਹਰ ਇੱਕ ਭਾਸ਼ਾ ਦਾ ਕਮਿਊਨਿਟੀ ਕਿੰਨਾ ਸਵਾਗਤਯੋਗ ਅਤੇ ਜੁਸ਼ੀਲਾ ਹੈ। ਕੁਝ ਕੋਡਰਾਂ ਦੀ ਲੱਖਾਂ ਦੀ ਗਿਣਤੀ ਹੈ ਜੋ ਗਿਆਨ ਸਾਂਝਾ ਕਰਦੇ ਹਨ ਅਤੇ ਇਕ ਦੂਜੇ ਦੀ ਮਦਦ ਕਰਦੇ ਹਨ, ਕੁਝ ਛੋਟੇ ਪਰ ਬੜੇ ਘਰਾਨਾ ਅਤੇ ਸਹਾਇਕ ਹਨ। ਤੁਸੀਂ ਇਹ ਵੱਖ-ਵੱਖ ਨਰਸੁੰਗੀਆਂ ਦੇਖ ਕੇ ਬਹੁਤ ਖੁਸ਼ ਹੋਵੋਗੇ!  
+4. **ਆਪਣੇ ਦਿਲ ਦੀ ਸੁਣੋ**: ਤੁਹਾਨੂੰ ਕਿਹੜੀ ਭਾਸ਼ਾ ਇਸ ਸਮੇਂ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਸਮਝਦਾਰ ਲੱਗਦੀ ਹੈ? "ਪਰਫੈਕਟ" ਚੋਣ ਕਰਨ ਦਾ ਦਬਾਅ ਨਾ ਲਵੋ – ਸਿਰਫ਼ ਆਪਣੇ ਹਾਵ-ਭਾਵ ਨੂੰ ਸੁਣੋ! ਸੱਚਮੁੱਚ ਇੱਥੇ ਕੋਈ ਗਲਤ ਜਵਾਬ ਨਹੀਂ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਬਾਅਦ ਵਿੱਚ ਹੋਰਾਂ ਨੂੰ ਵੀ ਖੋਜ ਸਕਦੇ ਹੋ।
+
+**ਬੋਨਸ ਜਾਸੂਸੀ ਕਾਰਜ**: ਵੇਖੋ ਕਿ ਕੀ ਤੁਸੀਂ ਲੱਭ ਸਕਦੇ ਹੋ ਕਿ ਮੁੱਖ ਵੈੱਬਸਾਈਟਾਂ ਜਾਂ ਐਪਸ ਕਿਸ ਭਾਸ਼ਾ ਨਾਲ ਬਣੇ ਹਨ। ਮੈਂ ਗੈਰੰਟੀ ਦਿੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਚੌਕ ਜਾਓਗੇ ਇਹ ਜਾਣ ਕੇ ਕਿ ਇੰਸਟਾਗ੍ਰਾਮ, ਨੈਟਫਲਿਕਸ, ਜਾਂ ਉਹ ਮੋਬਾਈਲ ਗੇਮ ਜਿਸਨੂੰ ਤੁਸੀਂ ਰੋਕ ਨਹੀਂ ਸਕਦੇ, ਕਿਹੜੀ ਭਾਸ਼ਾ ਤੇ ਚੱਲਦੇ ਹਨ!
+
+> 💡 **ਯਾਦ ਰੱਖੋ**: ਤੁਹਾਡਾ ਇਰਾਦਾ ਨਹੀਂ ਹੈ ਕਿ ਅੱਜ ਕਿਸੇ ਭਾਸ਼ਾ ਦੇ ਮਾਹਿਰ ਬਣਨਾ। ਤੁਸੀਂ ਸਿਰਫ਼ ਇਲਾਕਾ ਜਾਣ ਰਹੇ ਹੋ ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਕਿ ਤੁਸੀਂ ਸੋਚੋ ਕਿ ਕਿੱਥੇ ਆਪਣਾ ਦਫ਼ਤਰ ਕਾਇਮ ਕਰਨਾ ਹੈ। ਆਪਣੇ ਵਕਤ ਲਵੋ, ਮਜ਼ੇ ਕਰੋ, ਅਤੇ ਕੁਤੂਹਲ ਨੂੰ ਮਾਰਗਦਰਸ਼ਨ ਬਨਾਉਣ ਦਿਓ!
+
+## ਆਓ ਜਸ਼ਨ ਮਨਾਈਏ ਜੋ ਤੁਸੀਂ ਸਿੱਖਿਆ ਹੈ!
+
+ਹੋਲਿ ਮੋਲੀ, ਤੁਸੀਂ ਅੱਜ ਜਿੰਨੀ ਵਧੀਆ ਜਾਣਕਾਰੀ ਸਿੱਖੀ ਹੈ ਉਹ ਬਹੁਤ ਪ੍ਰੇਰਣਾਦਾਇਕ ਹੈ! ਮੈਂ ਸੱਚਮੁੱਚ ਉਮੀਦਵਾਰ ਹਾਂ ਕਿ ਇਸ ਅਸਧਾਰਨ ਯਾਤਰਾ ਵਿੱਚੋਂ ਕਿਨਾ ਜ਼ਿਆਦਾ ਤੁਹਾਡੇ ਵਿੱਚ ਟਿਕਿਆ ਹੋਵੇਗਾ। ਤੇ ਯਾਦ ਰੱਖੋ – ਇਹ ਕੋਈ ਟੈਸਟ ਨਹੀਂ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਸਾਰਾ ਕੁਝ ਪੂਰੀ ਤਰ੍ਹਾਂ ਠੀਕ ਕਰਨਾ ਹੈ। ਇਹ ਵਧੀਆ ਕੁਝ ਸਿੱਖਣ ਬਾਰੇ ਜਸ਼ਨ ਮਨਾਉਣ ਵਰਗਾ ਹੈ ਜੋ ਤੁਸੀਂ ਇਸ ਦਿਲਚਸਪ ਦੁਨੀਆਂ ਬਾਰੇ ਜਾਣਿਆ ਹੈ ਜੋ ਤੁਸੀਂ ਖੋਜ ਰਹੇ ਹੋ!
+
+[ਪੋਸਟ-ਪਾਠ ਕਈਜ਼ ਲਓ](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 'ਤੇ ਕੁਝ ਸ਼ੁਰੂਆਤੀ-ਦੋਸਤਾਨਾ ਕੋਡਿੰਗ ਵੀਡੀਓਜ਼ ਦੇਖੋ। ਉੱਥੇ ਬਹੁਤ ਸਾਰੇ ਵਧੀਆ ਕ੍ਰੀਏਟਰ ਹਨ ਜੋ ਯਾਦ ਕਰਦੇ ਹਨ ਕਿ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਾ ਹੋਣਾ ਕਿਵੇਂ ਹੁੰਦਾ ਹੈ।
-- ਸਥਾਨਕ ਮੀਟਅੱਪਸ ਜਾਂ ਆਨਲਾਈਨ ਕਮਿਊਨਿਟੀਆਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਬਾਰੇ ਸੋਚੋ। ਮੈਨੂੰ ਵਿਸ਼ਵਾਸ ਹੈ, ਡਿਵੈਲਪਰ ਨਵਾਂ ਸ਼ੁਰੂ ਕਰਨ ਵਾਲਿਆਂ ਦੀ ਮਦਦ ਕਰਨਾ ਪਸੰਦ ਕਰਦੇ ਹਨ!
+- ਕੁਝ ਡਿਵੈਲਪਰ ਕਮਿਊਨਿਟੀਆਂ ਦੇ ਫਾਲੋ ਕਰੋ ਜਿਵੇਂ ਕਿ [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ਜਾਂ [GitHub](https://github.com/)। ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਕਮਿਊਨਿਟੀ ਨਵੇਂ ਆਏ ਲੋਕਾਂ ਲਈ ਬਹੁਤ ਸੁਆਗਤਯੋਗ ਹੈ!
+- YouTube 'ਤੇ ਕੁਝ ਬਿਗਿਨਰ-ਫ੍ਰੈਂਡਲੀ ਕੋਡਿੰਗ ਵੀਡੀਓਜ਼ ਦੇਖੋ। ਬਹੁਤ ਸਾਰੇ ਵਧੀਆ ਸਿਰਜਣਹਾਰ ਹਨ ਜੋ ਯਾਦ ਰੱਖਦੇ ਹਨ ਕਿ ਨਵੀਂ ਸ਼ੁਰੂਆਤ ਕਿੰਨੀ ਮੁਸ਼ਕਿਲ ਹੁੰਦੀ ਹੈ।
+- ਸਥਾਨਕ ਮੀਟਅੱਪ ਜਾਂ ਆਨਲਾਈਨ ਕਮਿਊਨਿਟੀਆਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਤੇ ਵੀ ਵਿਚਾਰ ਕਰੋ। ਮੇਰੀ ਗੱਲ ਮਾਨੋ, ਡਿਵੈਲਪਰ ਨਵੇਂ ਲੋਕਾਂ ਦੀ ਮਦਦ ਕਰਨਾ ਪਸੰਦ ਕਰਦੇ ਹਨ!
 
-> 🎯 **ਸੁਣੋ, ਇਹ ਹੈ ਜੋ ਮੈਂ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਯਾਦ ਰੱਖੋ**: ਤੁਹਾਨੂੰ ਇੱਕ ਰਾਤ ਵਿੱਚ ਕੋਡਿੰਗ ਦੇ ਮਾਹਰ ਬਣਨ ਦੀ ਉਮੀਦ ਨਹੀਂ ਹੈ! ਇਸ ਸਮੇਂ, ਤੁਸੀਂ ਸਿਰਫ਼ ਇਸ ਸ਼ਾਨਦਾਰ ਨਵੇਂ ਸੰਸਾਰ ਨੂੰ ਜਾਣ ਰਹੇ ਹੋ ਜਿਸਦਾ ਤੁਸੀਂ ਹਿੱਸਾ ਬਣਨ ਵਾਲੇ ਹੋ। ਆਪਣਾ ਸਮਾਂ ਲਓ, ਸਫ਼ਰ ਦਾ ਆਨੰਦ ਮਾਣੋ, ਅਤੇ ਯਾਦ ਰੱਖੋ – ਹਰ ਇੱਕ ਡਿਵੈਲਪਰ ਜਿਸਦੀ ਤੁਸੀਂ ਪ੍ਰਸ਼ੰਸਾ ਕਰਦੇ ਹੋ, ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਜਿਵੇਂ ਹੀ ਸੀ, ਉਤਸ਼ਾਹਿਤ ਅਤੇ ਸ਼ਾਇਦ ਥੋੜਾ ਜਿਹਾ ਘਬਰਾਇਆ ਹੋਇਆ। ਇਹ ਬਿਲਕੁਲ ਸਧਾਰਨ ਹੈ, ਅਤੇ ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਸਹੀ ਕਰ ਰਹੇ ਹੋ।
+> 🎯 **ਸੁਣੋ, ਇਹ ਗੱਲ ਮੈਂ ਤੁਹਾਨੂੰ ਯਾਦ ਰਹੇਗੀ:** ਤੁਸੀਂ ਇੱਕ ਰਾਤ ਵਿੱਚ ਕੋਡਿੰਗ ਮਾਹਿਰ ਬਣਨ ਦੀ ਉਮੀਦ ਨਾ ਰੱਖੋ! ਇਸ ਵੇਲੇ, ਤੁਸੀਂ ਸਿਰਫ਼ ਇਸ ਅਚੰਭੇ ਨਵੇਂ ਸੰਸਾਰ ਨੂੰ ਜਾਣ ਰਹੇ ਹੋ ਜਿਸ ਦਾ ਹਿੱਸਾ ਤੁਸੀਂ ਬਣਨ ਵਾਲੇ ਹੋ। ਆਪਣਾ ਸਮਾਂ ਲਵੋ, ਸਫਰ ਦਾ ਮਜ਼ਾ ਲਵੋ, ਅਤੇ ਯਾਦ ਰੱਖੋ – ਹਰ ਇਕ ਡਿਵੈਲਪਰ ਜਿਸ ਦੀ ਤੁਸੀਂ ਪ੍ਰਸ਼ੰਸਾ ਕਰਦੇ ਹੋ, ਉਹ ਇਕ ਸਮੇਂ ਤੁਹਾਡੇ ਵਰਗੇ ਬਿਲਕੁਲ ਇਸੀ ਥਾਂ ਬੈਠਾ ਸੀ, ਜਿੰਨਾ ਐਕਸਾਇਟ ਅਤੇ ਸ਼ਾਇਦ ਕੁਝ ਘਬਰਾਇਆ ਹੋਇਆ। ਇਹ ਬਿਲਕੁਲ ਸਧਾਰਨ ਗੱਲ ਹੈ, ਅਤੇ ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਸਹੀ ਕਰ ਰਹੇ ਹੋ!
 
 
 
 ## ਅਸਾਈਨਮੈਂਟ
 
-[Docs ਪੜ੍ਹਨਾ](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **ਤੁਹਾਡੇ ਅਸਾਈਨਮੈਂਟ ਲਈ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਇਸ਼ਾਰਾ**: ਮੈਂ ਬਿਲਕੁਲ ਪਸੰਦ ਕਰਾਂਗਾ ਕਿ ਤੁਸੀਂ ਕੁਝ ਟੂਲਾਂ ਦੀ ਖੋਜ ਕਰੋ ਜੋ ਅਸੀਂ ਅਜੇ ਤੱਕ ਕਵਰ ਨਹੀਂ ਕੀਤੇ! ਉਹ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ, ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲਾਂ ਨੂੰ ਛੱਡ ਦਿਓ ਜਿਨ੍ਹਾਂ ਬਾਰੇ ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਗੱਲ ਕੀਤੀ ਹੈ – ਉੱਥੇ ਇੱਕ ਪੂਰਾ ਸ਼ਾਨਦਾਰ ਬ੍ਰਹਿਮੰਡ ਹੈ ਜੋ ਅਦਭੁਤ ਵਿਕਾਸ ਟੂਲਾਂ ਨਾਲ ਭਰਿਆ ਹੋਇਆ ਹੈ ਜੋ ਸਿਰਫ਼ ਖੋਜੇ ਜਾਣ ਦੀ ਉਡੀਕ ਕਰ ਰਹੇ ਹਨ। ਉਹਨਾਂ ਦੀ ਭਾਲ ਕਰੋ ਜੋ ਸਰਗਰਮ ਤੌਰ 'ਤੇ ਰੱਖੇ ਗਏ ਹਨ ਅਤੇ ਜ਼ਿੰਦਾਦਿਲ, ਮਦਦਗਾਰ ਕਮਿਊਨਿਟੀਆਂ ਹਨ (ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਸਭ ਤੋਂ ਵਧੀਆ ਟਿਊਟੋਰਿਅਲ ਅਤੇ ਸਭ ਤੋਂ ਸਹਾਇਕ ਲੋਕਾਂ ਵਾਲੇ ਹੁੰਦੇ ਹਨ ਜਦੋਂ ਤੁਸੀਂ ਅਣਮੁੱਲ ਹੋ ਜਾਂਦੇ ਹੋ ਅਤੇ ਤੁਹਾਨੂੰ ਇੱਕ ਦੋਸਤਾਨਾ ਹੱਥ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ)।
+> 💡 **ਤੁਹਾਡੇ ਅਸਾਈਨਮੈਂਟ ਲਈ ਥੋੜ੍ਹਾ ਜਿਹਾ ਪ੍ਰੇਰਣਾ:** ਮੈਂ ਬੇਹਦ ਚਾਹੁੰਦਾ ਹਾਂ ਕਿ ਤੁਸੀਂ ਕੁਝ ਐਸੇ ਟੂਲ ਕੱਢ ਕੇ ਵੇਖੋ ਜਿਨ੍ਹਾਂ ਬਾਰੇ ਅਸੀਂ ਅੱਜ ਤੱਕ ਗੱਲ ਨਹੀਂ ਕੀਤੀ! ਉਹ ਐਡੀਟਰ, ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਜੋ ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਚਰਚਾ ਕੀਤੇ ਹਨ, ਉਹ ਛੱਡੋ – ਇੱਥੇ ਬਹੁਤ ਵਧੀਆ ਵਿਕਾਸ ਟੂਲਾਂ ਦੀ ਦੁਨੀਆ ਹੈ ਜੋ ਤੁਹਾਡੇ ਲਈ ਖੁੱਲ੍ਹੀ ਹੈ। ਅਜੇਦਰ ਰੱਖਣ ਵਾਲੇ ਅਤੇ ਜੀਵੰਤ ਕਮਿਊਨਿਟੀਆਂ ਵਾਲੇ ਟੂਲ ਲੱਭੋ (ਇਹ ਹੋਰਾਂ ਦਾ ਸਹਿਯੋਗ ਅਤੇ ਸਭ ਤੋਂ ਵਧੀਆ ਟਿਊਟੋਰਿਅਲ ਦਿੰਦੇ ਹਨ, ਜਦੋਂ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਅਤੇ ਮਦਦ ਚਾਹੀਦੀ ਹੈ)।
 
 ---
 
-## 🚀 ਤੁਹਾਡਾ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫ਼ਰ ਦਾ ਟਾਈਮਲਾਈਨ
+## 🚀 ਤੁਹਾਡਾ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫਰ ਦੀ ਟਾਈਮਲਾਈਨ
 
 ### ⚡ **ਅਗਲੇ 5 ਮਿੰਟਾਂ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਕਰ ਸਕਦੇ ਹੋ**
-- [ ] ਉਹ 2-3 ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੀਆਂ ਵੈਬਸਾਈਟਾਂ ਬੁੱਕਮਾਰਕ ਕਰੋ ਜਿਨ੍ਹਾਂ ਨੇ ਤੁਹਾਡਾ ਧਿਆਨ ਖਿੱਚਿਆ
-- [ ] Visual Studio Code ਡਾਊਨਲੋਡ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਅਜੇ ਤੱਕ ਨਹੀਂ ਕੀਤਾ
-- [ ] ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ DevTools (F12) ਖੋਲ੍ਹੋ ਅਤੇ ਕਿਸੇ ਵੀ ਵੈਬਸਾਈਟ 'ਤੇ ਕਲਿਕ ਕਰੋ
+- [ ] 2-3 ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਨੂੰ ਬੁੱਕਮਾਰਕ ਕਰੋ ਜਿਹੜੀਆਂ ਤੁਹਾਡੇ ਧਿਆਨ ਵਿੱਚ ਆਈਆਂ
+- [ ] ਜੇ ਤੁਸੀਂ ਹਾਲੇ ਤੱਕ ਕੀਤਾ ਨਹੀਂ, ਤਾਂ Visual Studio Code ਡਾਊਨਲੋਡ ਕਰੋ
+- [ ] ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ DevTools (F12) ਖੋਲ੍ਹੋ ਅਤੇ ਕਿਸੇ ਵੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
 - [ ] ਇੱਕ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ (Dev.to, Reddit r/webdev, ਜਾਂ Stack Overflow)
 
-### ⏰ **ਇਸ ਘੰਟੇ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਹਾਸਲ ਕਰ ਸਕਦੇ ਹੋ**
-- [ ] ਪੋਸਟ-ਪਾਠ ਕਵੀਜ਼ ਪੂਰਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਜਵਾਬਾਂ 'ਤੇ ਵਿਚਾਰ ਕਰੋ
-- [ ] GitHub Copilot ਐਕਸਟੈਂਸ਼ਨ ਨਾਲ VS Code ਸੈਟਅੱਪ ਕਰੋ
-- [ ] 2 ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਆਨਲਾਈਨ "Hello World" ਉਦਾਹਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ
-- [ ] YouTube 'ਤੇ "Day in the Life of a Developer" ਵੀਡੀਓ ਦੇਖੋ
-- [ ] ਆਪਣੀ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾ ਡਿਟੈਕਟਿਵ ਵਰਕ ਸ਼ੁਰੂ ਕਰੋ (ਚੁਣੌਤੀ ਤੋਂ)
+### ⏰ **ਇਸ ਘੰਟੇ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹੋ**
+- [ ] ਪੋਸਟ-ਕਲਾਸ ਕੁਇਜ਼ ਪੂਰਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਜਵਾਬਾਂ ਬਾਰੇ ਸੋਚੋ
+- [ ] VS Code ਨੂੰ GitHub Copilot ਐਕਸਟੇਨਸ਼ਨ ਨਾਲ ਸੈੱਟਅੱਪ ਕਰੋ
+- [ ] ਅਨਲਾਈਨ 2 ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ "Hello World" ਦਾ ਉਦਾਹਰਨ ਕੋਸ਼ਿਸ਼ ਕਰੋ
+- [ ] YouTube 'ਤੇ "ਡੇ ਇਨ ਦ ਲਾਈਫ ਆਫ ਅ ਡਿਵੈਲਪਰ" ਵੀਡੀਓ ਦੇਖੋ
+- [ ] ਆਪਣੇ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾ ਦੀ ਖੋਜ ਸ਼ੁਰੂ ਕਰੋ (ਚੈਲੈਂਜ ਤੋਂ)
 
-### 📅 **ਤੁਹਾਡਾ ਇੱਕ ਹਫ਼ਤੇ ਦਾ ਸਫ਼ਰ**
-- [ ] ਅਸਾਈਨਮੈਂਟ ਪੂਰਾ ਕਰੋ ਅਤੇ 3 ਨਵੇਂ ਵਿਕਾਸ ਟੂਲਾਂ ਦੀ ਖੋਜ ਕਰੋ
+### 📅 **ਤੁਹਾਡਾ ਇੱਕ ਹਫ਼ਤਾ ਲੰਬਾ ਸਫ਼ਰ**
+- [ ] ਅਸਾਈਨਮੈਂਟ ਪੂਰਾ ਕਰੋ ਅਤੇ 3 ਨਵੇਂ ਵਿਕਾਸ ਟੂਲ ਖੋਜੋ
 - [ ] 5 ਡਿਵੈਲਪਰਾਂ ਜਾਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਖਾਤਿਆਂ ਨੂੰ ਸੋਸ਼ਲ ਮੀਡੀਆ 'ਤੇ ਫਾਲੋ ਕਰੋ
-- [ ] CodePen ਜਾਂ Replit 'ਤੇ ਕੁਝ ਛੋਟਾ ਬਣਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ (ਭਾਵੇਂ ਸਿਰਫ਼ "Hello, [ਤੁਹਾਡਾ ਨਾਮ]!" ਹੋਵੇ!)
-- [ ] ਕਿਸੇ ਡਿਵੈਲਪਰ ਦੇ ਬਲੌਗ ਪੋਸਟ ਨੂੰ ਪੜ੍ਹੋ ਜਿਸ ਵਿੱਚ ਉਹਨਾਂ ਦੇ ਕੋਡਿੰਗ ਸਫ਼ਰ ਬਾਰੇ ਦੱਸਿਆ ਗਿਆ ਹੋਵੇ
-- [ ] ਇੱਕ ਵਰਚੁਅਲ ਮੀਟਅੱਪ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਜਾਂ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਟਾਕ ਦੇਖੋ
-- [ ] ਆਨਲਾਈਨ ਟਿਊਟੋਰਿਅਲ ਨਾਲ ਆਪਣੀ ਚੁਣੀ ਹੋਈ ਭਾਸ਼ਾ ਸਿੱਖਣ ਸ਼ੁਰੂ ਕਰੋ
-
-### 🗓️ **ਤੁਹਾਡਾ ਇੱਕ ਮਹੀਨੇ ਦਾ ਬਦਲਾਅ**
-- [ ] ਆਪਣਾ ਪਹਿਲਾ ਛੋਟਾ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ (ਭਾਵੇਂ ਇੱਕ ਸਧਾਰਨ ਵੈਬਪੇਜ ਹੀ ਕਿਉਂ ਨਾ ਹੋਵੇ!)
-- [ ] ਇੱਕ ਓਪਨ-ਸੋਰਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਯੋਗਦਾਨ ਦਿਓ (ਡਾਕੂਮੈਂਟੇਸ਼ਨ ਫਿਕਸਾਂ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰੋ)
-- [ ] ਕਿਸੇ ਨੂੰ ਮਦਦ ਦਿਓ ਜੋ ਸਿਰਫ਼ ਆਪਣਾ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫ਼ਰ ਸ਼ੁਰੂ ਕਰ ਰਿਹਾ ਹੈ
-- [ ] ਆਪਣੀ ਡਿਵੈਲਪਰ ਪੋਰਟਫੋਲਿਓ ਵੈਬਸਾਈਟ ਬਣਾਓ
-- [ ] ਸਥਾਨਕ ਡਿਵੈਲਪਰ ਕਮਿਊਨਿਟੀਆਂ ਜਾਂ ਅਧਿਐਨ ਸਮੂਹਾਂ ਨਾਲ ਜੁੜੋ
-- [ ] ਆਪਣਾ ਅਗਲਾ ਸਿੱਖਣ ਦਾ ਮੀਲ ਪੱਥਰ ਯੋਜਨਾ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੋ
-
-### 🎯 **ਅੰਤਮ ਵਿਚਾਰ-ਵਿਮਰਸ਼ ਚੈੱਕ-ਇਨ**
-
-**ਅੱਗੇ ਵਧਣ ਤੋਂ ਪਹਿਲਾਂ, ਇੱਕ ਪਲ ਲਓ ਮਨਾਉਣ ਲਈ:**
-- ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਬਾਰੇ ਅੱਜ ਤੁਹਾਨੂੰ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਰੁਝਾਉਣ ਵਾਲੀ ਗੱਲ ਕੀ ਸੀ?
-- ਕਿਹੜਾ ਟੂਲ ਜਾਂ ਧਾਰਨਾ ਤੁਸੀਂ ਪਹਿਲਾਂ ਖੋਜਣਾ ਚਾਹੁੰਦੇ ਹੋ?
-- ਇਸ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫ਼ਰ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਬਾਰੇ ਤੁਹਾਨੂੰ ਕਿਵੇਂ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ?
-- ਇੱਕ ਸਵਾਲ ਜੋ ਤੁਸੀਂ ਇਸ ਸਮੇਂ ਕਿਸੇ ਡਿਵੈਲਪਰ ਨੂੰ ਪੁੱਛਣਾ ਚਾਹੁੰਦੇ ਹੋ?
+- [ ] CodePen ਜਾਂ Replit 'ਚ ਕੁਝ ਛੋਟਾ ਬਣਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ (ਇਹ ਜਿਹਾ “Hello, [ਤੁਹਾਡਾ ਨਾਮ]!” ਵੀ ਹੋ ਸਕਦਾ ਹੈ)
+- [ ] ਕਿਸੇ ਡਿਵੈਲਪਰ ਦੇ ਕੋਡਿੰਗ ਯਾਤਰਾ ਬਾਰੇ ਇਕ ਬ੍ਲੌਗ ਪੋਸਟ ਪੜ੍ਹੋ
+- [ ] ਇੱਕ ਵਰਚੁਅਲ ਮੀਟਅੱਪ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਜਾਂ ਕੋਈ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਟਾਕ ਦੇਖੋ
+- [ ] ਆਪਣੇ ਚੁਣੇ ਹੋਏ ਭਾਸ਼ਾ ਨੂੰ ਆਨਲਾਈਨ ਟਿਊਟੋਰਿਅਲ ਨਾਲ ਸਿੱਖਣਾ ਸ਼ੁਰੂ ਕਰੋ
+
+### 🗓️ **ਤੁਹਾਡੀ ਮਹੀਨੇ ਲੰਬੀ ਤਬਦੀਲੀ**
+- [ ] ਆਪਣਾ ਪਹਿਲਾ ਛੋਟਾ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ (ਇੱਕ ਸਧਾਰਣ ਵੈੱਬਪੇਜ ਵੀ ਗਿਣਤੀ ਵਿਚ ਆਉਂਦਾ ਹੈ!)
+- [ ] ਕਿਸੇ ਓਪਨ-ਸੋਰਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਯੋਗਦਾਨ ਪਾਓ (ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਸੁਧਾਰ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ)
+- [ ] ਕਿਸੇ ਨਵੇਂ ਆਏ ਵਿਅਕਤੀ ਦਾ ਮੈਨਟਰ ਬਣੋ ਜੋ ਆਪਣਾ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫਰ ਸ਼ੁਰੂ ਕਰ ਰਿਹਾ ਹੈ
+- [ ] ਆਪਣੀ ਡਿਵੈਲਪਰ ਪੋਰਟਫੋਲਿਓ ਵੈੱਬਸਾਈਟ ਬਣਾਓ
+- [ ] ਸਥਾਨਕ ਡਿਵੈਲਪਰ ਕਮਿਊਨਿਟੀ ਜਾਂ ਅਧਿਐਨ ਸਮੂਹਾਂ ਨਾਲ ਕਨੈਕਟ ਕਰੋ
+- [ ] ਆਪਣਾ ਅਗਲਾ ਸਿਖਲਾਈ ਮੀਲ ਦਾ ਪੱਥਰ ਯੋਜਨਾ ਬਣਾਓ
+
+### 🎯 **ਅੰਤਿਮ ਵਿਚਾਰਾਂ ਲਈ ਜाँच-ਪੜਤਾਲ**
+
+**ਅੱਗੇ ਵਧਣ ਤੋਂ ਪਹਿਲਾਂ, ਮਨਾਉਣ ਲਈ ਇਕ ਪਲ ਲਵੋ:**
+- ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਵਿੱਚ ਅੱਜ ਤੁਹਾਨੂੰ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਕੀ ਚੀਜ਼ ਉਤਸ਼ਾਹਿਤ ਕਰਦੀ ਹੈ?
+- ਕਿਹੜਾ ਟੂਲ ਜਾਂ ਧਾਰਣਾ ਤੁਸੀਂ ਪਹਿਲਾਂ ਖੋਜਣਾ ਚਾਹੁੰਦੇ ਹੋ?
+- ਇਸ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਸਫਰ ਦੀ ਸ਼ੁਰੂਆਤ ਬਾਰੇ ਤੁਹਾਡੇ ਵਿਚ ਕਿਵੇਂ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ?
+- ਅੱਜ ਤੁਸੀਂ ਕਿਸੇ ਡਿਵੈਲਪਰ ਨੂੰ ਕਿਹੜਾ سوال ਪੁੱਛਣਾ ਚਾਹੋਗੇ?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title ਤੁਹਾਡਾ ਆਤਮਵਿਸ਼ਵਾਸ ਬਣਾਉਣ ਯਾਤਰਾ
+    section ਅੱਜ
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section ਇਸ ਹਫਤੇ
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section ਅਗਲਾ ਮਹੀਨਾ
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **ਯਾਦ ਰੱਖੋ**: ਹਰ ਮਾਹਰ ਇੱਕ ਵਾਰ ਸ਼ੁਰੂਆਤੀ ਸੀ। ਹਰ ਸੀਨੀਅਰ ਡਿਵੈਲਪਰ ਇੱਕ ਵਾਰ ਬਿਲਕੁਲ ਤੁਹਾਡੇ ਜਿਵੇਂ ਮਹਿਸੂਸ ਕਰਦਾ ਸੀ – ਉਤਸ਼ਾਹਿਤ, ਸ਼ਾਇਦ ਥੋੜਾ ਜਿਹਾ ਘਬਰਾਇਆ ਹੋਇਆ, ਅਤੇ ਨਿਸ਼ਚਿਤ ਤੌਰ 'ਤੇ ਇਹ ਜਾਣਨ ਲਈ ਉਤਸੁਕ ਕਿ ਕੀ ਸੰਭਵ ਹੈ। ਤੁਸੀਂ ਸ਼ਾਨਦਾਰ ਸੰਗਤ ਵਿੱਚ ਹੋ, ਅਤੇ ਇਹ ਸਫ਼ਰ ਅਦਭੁਤ ਹੋਣ ਵਾਲਾ ਹੈ। ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੀ ਸ਼ਾਨਦਾਰ ਦੁਨੀਆ ਵਿੱਚ ਤੁਹਾਡਾ ਸਵਾਗਤ ਹੈ! 🎉
+> 🌟 **ਯਾਦ ਰੱਖੋ**: ਹਰ ਮਾਹਿਰ ਇੱਕ ਸਮੇਂ ਬਿਗਿਨਰ ਸੀ। ਹਰ ਇੱਕ ਸੀਨੀਅਰ ਡਿਵੈਲਪਰ ਨੇ ਵੀ ਅਜੇਹੀ ਠਾਹਰੀ ਹੋਈ ਭਾਵਨਾ ਮਹਿਸੂਸ ਕੀਤੀ ਹੈ ਜੋ ਤੁਸੀਂ ਹੁਣ ਕਰ ਰਹੇ ਹੋ – ਉਤਸ਼ਾਹਿਤ, ਸ਼ਾਇਦ ਥੋੜ੍ਹਾ ਘਬਰਾਇਆ ਹੋਇਆ, ਅਤੇ ਪਤਾ ਲਗਾਉਣ ਲਈ ਤਤ્પਰ। ਤੁਸੀਂ ਸ਼ਾਨਦਾਰ ਸਾਥੀ-ਹੰਗਾਮੇ ਵਿੱਚ ਹੋ, ਅਤੇ ਇਹ ਸਫਰ ਬੇਹੱਦ ਅੱਨੰਦਮਯ ਹੋਣ ਵਾਲਾ ਹੈ। ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਦੀ ਸ਼ਾਨਦਾਰ ਦੁਨੀਆ ਵਿੱਚ ਤੁਹਾਡਾ ਸਵਾਗਤ ਹੈ! 🎉
 
 ---
 
-**ਅਸਵੀਕਰਤੀ**:  
-ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦਾ ਯਤਨ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁਚੀਤਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**ਅਸਵੀਕਾਰਨ**:  
+ਇਹ ਦਸਤਾਵੇਜ਼ [Co-op Translator](https://github.com/Azure/co-op-translator) ਨਾਮਕ AI ਅਨੁਵਾਦ ਸੇਵਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਸਵੈਚਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਮਰਥਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੇ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੀ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ ਪੇਸ਼ਾਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉੱਪਜਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀਆਂ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆਵਾਂ ਲਈ ਜੁੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pa/AGENTS.md b/translations/pa/AGENTS.md
index 6adc0da97..f461b69dd 100644
--- a/translations/pa/AGENTS.md
+++ b/translations/pa/AGENTS.md
@@ -1,43 +1,43 @@
 # AGENTS.md
 
-## ਪ੍ਰੋਜੈਕਟ ਝਲਕ
+## ਪ੍ਰੋਜੈਕਟ ਓਵਰਵਿਊ
 
-ਇਹ ਸ਼ੁਰੂਆਤੀਆਂ ਲਈ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੁਢਲੇ ਸਿਧਾਂਤ ਸਿਖਾਉਣ ਲਈ ਇੱਕ ਸਿੱਖਿਆਤਮਕ ਪਾਠਕ੍ਰਮ ਰిపੋਜਿਟਰੀ ਹੈ। ਇਹ ਪਾਠਕ੍ਰਮ ਮਾਈਕ੍ਰੋਸਾਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਵਿਕਸਿਤ 12 ਹਫ਼ਤਿਆਂ ਦਾ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ 24 ਹੱਥੋਂ-ਹੱਥ ਸਬਕ ਹਨ ਜੋ JavaScript, CSS, ਅਤੇ HTML ਨੂੰ ਕਵਰ ਕਰਦੇ ਹਨ।
+ਇਹ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਨੂੰ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੁਢਲਾ ਤੱਤ ਸਿਖਾਣ ਲਈ ਇੱਕ ਸਿੱਖਿਆਤਮਕ ਕੋਰਸ-ਪਾਠ ਰੀਪੋਜ਼ਟਰੀ ਹੈ। ਇਸ ਕੋਰਸ-ਪਾਠ ਨੂੰ ਮਾਈਕਰੋਸੌਫਟ ਕਲਾਉਡ ਅਡਵੋਕੇਟਸ ਵੱਲੋਂ ਵਿਕਸਤ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ 12 ਹਫ਼ਤਿਆਂ ਦਾ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਹੈ, ਜਿਸ ਵਿੱਚ 24 ਹਥਿਆਰਵੰਦ ਸਬਕ ਹਨ ਜੋ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS ਅਤੇ HTML ਨੂੰ ਕਵਰ ਕਰਦੇ ਹਨ।
 
-### ਮੁੱਖ ਘਟਕ
+### ਮੁੱਖ ਹਿੱਸੇ
 
-- **ਸਿੱਖਿਆਤਮਕ ਸਮੱਗਰੀ**: ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਮੋਡਿਊਲਾਂ ਵਿੱਚ 24 ਸੰਰਚਿਤ ਸਬਕ
-- **ਵਿਵਹਾਰਕ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਰੀਅਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬਰਾਉਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ ਅਤੇ AI ਚੈਟ ਸਹਾਇਕ
-- **ਇੰਟਰਐਕਟਿਵ ਕਵਿਜ਼**: 48 ਕਵਿਜ਼ ਹਰ ਇੱਕ ਵਿੱਚ 3 ਪ੍ਰਸ਼ਨ (ਪੂਰਵ/ਪ੍ਰਤੀ ਸਬਕ ਮੁਲਾਂਕਣ)
-- **ਬਹੁਭਾਸ਼ੀ ਸਮਰਥਨ**: GitHub ਐਕਸ਼ਨਾਂ ਰਾਹੀਂ 50+ ਭਾਸ਼ਾਵਾਂ ਦੇ ਲਿਆ ਅਧਿਕਾਰੀ ਤਰਜਮੇ
-- **ਟੈਕਨੋਲੋਜੀਆਂ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ਪ੍ਰੋਜੈਕਟ ਲਈ)
+- **ਸਿੱਖਿਆਤਮਕ ਸਮੱਗਰੀ**: 24 ਸੰਜੋਏ ਹੋਏ ਸਬਕ ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਮੋਡੀਊਲਾਂ ਵਿੱਚ ਵੰਡੇ ਹੋਏ
+- **ਵਿਆਹਰਕ ਪ੍ਰੋਜੈਕਟ**: ਟੈਰੀਅਰੀਅਮ, ਟਾਈਪਿੰਗ ਗੇਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ ਗੇਮ, ਬੈਂਕਿੰਗ ਐਪ, ਕੋਡ ਐਡੀਟਰ ਅਤੇ AI ਚੈਟ ਸਹਾਇਕ
+- **ਇੰਟਰਐਕਟਿਵ ਕਵਿਜ਼**: 48 ਕਵਿਜ਼, ਹਰ ਇੱਕ ਵਿੱਚ 3 ਪ੍ਰਸ਼ਨ (ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਦੇ ਸਬਕ ਮੁਲਾਂਕਣ)
+- **ਬਹੁ-ਭਾਸ਼ਾ ਸਹਾਇਤਾ**: 50+ ਭਾਸ਼ਾਵਾਂ ਲਈ ਗਿਟਹਬ ਐਕਸ਼ਨਾਂ ਰਾਹੀਂ ਆਟੋਮੇਟਿਕ ਅਨੁਵਾਦ
+- **ਤਕਨਾਲੋਜੀਜ਼**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ਪ੍ਰੋਜੈਕਟ ਲਈ)
 
-### ਵਿਸ਼ਲੇਸ਼ਣੀ ਢਾਂਚਾ
+### ਆਰਕੀਟੈਕਚਰ
 
-- ਸਿੱਖਣੀ ਰਿਪੋਜਿਟਰੀ ਸਬਕ-ਆਧਾਰਿਤ ਢਾਂਚੇ ਨਾਲ
-- ਹਰ ਸਬਕ ਫੋਲਡਰ ਵਿੱਚ README, ਕੋਡ ਉਦਾਹਰਣਾਂ ਅਤੇ ਹੱਲ ਹਨ
-- ਅਲੱਗ ਅਲੱਗ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ ਖੁਦਮੁਖਤਿਆਰ ਪ੍ਰੋਜੈਕਟ (quiz-app, ਵੱਖ ਵੱਖ ਸਬਕ ਪ੍ਰੋਜੈਕਟ)
-- GitHub ਐਕਸ਼ਨਾਵਾਂ ਨਾਲ ਤਰਜਮੇ ਲਈ ਸਿਸਟਮ (co-op-translator)
-- ਡੌਕਸਿਫਾਈ ਰਾਹੀਂ ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਅਤੇ PDF ਦੇ ਤੌਰ 'ਤੇ ਉਪਲਬਧ
+- ਸਿੱਖਿਆਤਮਕ ਰੀਪੋਜ਼ਟਰੀ ਸਬਕ ਅਧਾਰਤ ਢਾਂਚੇ ਨਾਲ
+- ਹਰ ਸਬਕ ਫੋਲਡਰ ਵਿੱਚ README, ਕੋਡ ਉਦਾਹਰਨ ਅਤੇ ਸਮਾਧਾਨ ਹਨ
+- ਵੱਖ-ਵੱਖ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ ਅਲੱਗ-ਅਲੱਗ ਪ੍ਰੋਜੈਕਟ (quiz-app, ਵੱਖ-ਵੱਖ ਸਬਕ ਪ੍ਰੋਜੈਕਟ)
+- ਅਨੁਵਾਦ ਸਿਸਟਮ ਜੋ ਗਿਟਹਬ ਐਕਸ਼ਨਾਂ (co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ
+- ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ Docsify ਰਾਹੀਂ ਪਰੋਵਾਈਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਅਤੇ PDF ਵਜੋਂ ਉਪਲਬਧ ਹੈ
 
-## ਸੈਟਅੱਪ ਹੁਕਮ
+## ਸੈਟਅਪ ਕਮਾਂਡਾਂ
 
-ਇਹ ਰਿਪੋਜਿਟਰੀ ਮੁੱਖ ਤੌਰ 'ਤੇ ਸਿੱਖਿਆਤਮਕ ਸਮੱਗਰੀ ਦੀ ਖਪਤ ਲਈ ਹੈ। ਖਾਸ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰਨ ਲਈ:
+ਇਹ ਰੀਪੋਜ਼ਟਰੀ ਮੁੱਖ ਤੌਰ 'ਤੇ ਸਿੱਖਿਆਤਮਕ ਸਮੱਗਰੀ ਨੂੰ ਵਰਤਣ ਲਈ ਹੈ। ਖਾਸ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ:
 
-### ਮੁੱਖ ਰਿਪੋਜਿਟਰੀ ਸੈਟਅੱਪ
+### ਮੁੱਖ ਰੀਪੋਜ਼ਟਰੀ ਸੈਟਅਪ
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### ਕਵਿਜ਼ ਐਪ ਸੈਟਅੱਪ (Vue 3 + Vite)
+### ਕਵਿਜ਼ ਐਪ ਸੈਟਅਪ (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # ਵਿਕਾਸ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ
-npm run build      # ਪ੍ਰੋਡਕਸ਼ਨ ਲਈ ਬਣਾਓ
+npm run build      # ਉਤਪਾਦਨ ਲਈ ਬਣਾਓ
 npm run lint       # ESLint ਚਲਾਓ
 ```
 
@@ -46,17 +46,17 @@ npm run lint       # ESLint ਚਲਾਓ
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # ਏਪੀਆਈ ਸਰਵਰ ਚਾਲੂ ਕਰੋ
+npm start          # ਏਪੀਆਈ ਸਰਵਰ ਸ਼ੁਰੂ ਕਰੋ
 npm run lint       # ESLint ਚਲਾਓ
-npm run format     # Prettier ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ
+npm run format     # ਪ੍ਰਿਟੀਅਰ ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ
 ```
 
-### ਬਰਾਉਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਪ੍ਰੋਜੈਕਟ
+### ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਪ੍ਰੋਜੈਕਟ
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# ਬ੍ਰਾਊਜ਼ਰ-ਖਾਸ ਐਕਸਟেনਸ਼ਨ ਲੋਡ ਕਰਨ ਦੇ ਹੁਕਮਾਂ ਦਾ ਪਾਲਣ ਕਰੋ
+# ਬ੍ਰਾਉਜ਼ਰ-ਖਾਸ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡਿੰਗ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਪਾਲਣ ਕਰੋ
 ```
 
 ### ਸਪੇਸ ਗੇਮ ਪ੍ਰੋਜੈਕਟ
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ index.html ਖੋਲ੍ਹੋ ਜਾਂ Live Server ਦੀ ਵਰਤੋਂ ਕਰੋ
+# index.html ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਖੋਲ੍ਹੋ ਜਾਂ ਲਾਈਵ ਸਰਵਰ ਦੀ ਵਰਤੋਂ ਕਰੋ
 ```
 
 ### ਚੈਟ ਪ੍ਰੋਜੈਕਟ (Python ਬੈਕਐਂਡ)
@@ -72,120 +72,120 @@ npm install
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# GITHUB_TOKEN ਵਾਤਾਵਰਣ ਚਰ ਨੂੰ ਸੈੱਟ ਕਰੋ
+# GITHUB_TOKEN ਵਾਤਾਵਰਨ ਵੈਰੀਏਬਲ ਸੈੱਟ ਕਰੋ
 python api.py
 ```
 
-## ਵਿਕਾਸ ਵਰਕਫ਼ਲੋ
+## ਵਿਕਾਸ ਵਰਕਫਲੋ
 
-### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਰਤਾਵਾਂ ਲਈ
+### ਸਮੱਗਰੀ ਯੋਗਦਾਨਕਾਰਾਂ ਲਈ
 
-1. ਆਪਣੀ GitHub ਖਾਤੇ ਵਿੱਚ ਰਿਪੋਜਿਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ
-2. ਆਪਣੀ ਫੋਰਕ ਨੂੰ ਲੋਕਲ ਕਲੋਨ ਕਰੋ
-3. ਆਪਣੇ ਬਦਲਾਵਾਂ ਲਈ ਨਵੀਂ ਸ਼ਾਖਾ ਬਣਾਓ
-4. ਸਬਕ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਣਾਂ ਵਿੱਚ ਬਦਲਾਅ ਕਰੋ
-5. ਸੰਬੰਧਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ ਕੋਈ ਵੀ ਕੋਡ ਬਦਲਾਅ ਟੈਸਟ ਕਰੋ
-6. ਯੋਗਦਾਨ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਤਹਿਤ ਪੁਲ ਰਿਕਵੈਸਟ ਭੇਜੋ
+1. ਆਪਣੀ GitHub ਖਾਤੇ ਵਿੱਚ ਰੀਪੋਜ਼ਟਰੀ ਨੂੰ ਫੋਰਕ ਕਰੋ
+2. ਆਪਣੇ ਫੋਰਕ ਨੂੰ ਲੋਕਲ ਕਲੋਨ ਕਰੋ
+3. ਆਪਣੇ ਬਦਲਾਅ ਲਈ ਨਵਾਂ ਬ੍ਰਾਂਚ ਬਣਾਓ
+4. ਸਬਕ ਸਮੱਗਰੀ ਜਾਂ ਕੋਡ ਉਦਾਹਰਨਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਕਰੋ
+5. ਸੰਬੰਧਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਕੋਈ ਵੀ ਕੋਡ ਤਬਦੀਲੀਆਂ ਟੈਸਟ ਕਰੋ
+6. ਯੋਗਦਾਨ ਨਿਯਮਾਂ ਦੇ ਅਨੁਸਾਰ ਪੁਲ ਰਿਕਵੇਸਟ ਭੇਜੋ
 
-### ਸਿਖਿਆਰਥੀਆਂ ਲਈ
+### ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ
 
-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. ਸਬਕ ਬਾਅਦ ਦੇ ਕਵਿਜ਼ ਕਰ ਲਵੋ
 
-### ਲਾਈਵ ਵਿਕਾਸ
+### ਲਾਈਵ ਡਿਵੈਲਪਮੈਂਟ
 
-- **ਡੌਕੂਮੈਂਟੇਸ਼ਨ**: ਰੂਟ ਵਿੱਚ `docsify serve` ਚਲਾਓ (ਪੋਰਟ 3000)
-- **ਕਵਿਜ਼ ਐਪ**: `quiz-app` ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ
-- **ਪ੍ਰੋਜੈਕਟ**: HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS ਕੋਡ ਲਾਈਵ ਸਰਵਰ ਐਕਸਟੇਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ
-- **API ਪ੍ਰੋਜੈਕਟ**: ਸੰਬੰਧਤ API ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ `npm start` ਚਲਾਓ
+- **ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ**: ਮੁੱਖ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `docsify serve` ਦੌੜਾਓ (ਪੋਰਟ 3000)
+- **ਕਵਿਜ਼ ਐਪ**: quiz-app ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `npm run dev` ਚਲਾਓ
+- **ਪ੍ਰੋਜੈਕਟਸ**: VS ਕੋਡ ਲਾਈਵ ਸਰਵਰ ਐਕਸਟੈਂਸ਼ਨ ਨਾਲ HTML ਪ੍ਰੋਜੈਕਟ ਚਲਾਓ
+- **API ਪ੍ਰੋਜੈਕਟਸ**: ਸੰਬੰਧਤ API ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ `npm start` ਚਲਾਓ
 
-## ਟੈਸਟਿੰਗ ਨਿਰਦੇਸ਼
+## ਟੈਸਟਿੰਗ ਦੇ ਨਿਰਦੇਸ਼
 
 ### ਕਵਿਜ਼ ਐਪ ਟੈਸਟਿੰਗ
 
 ```bash
 cd quiz-app
-npm run lint       # ਕੋਡ ਸਟਾਈਲ ਮੁੱਦਿਆਂ ਲਈ ਜਾਂਚ ਕਰੋ
-npm run build      # ਨਿਰਮਾਣ ਸਫਲਤਾ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
+npm run lint       # ਕੋਡ ਸਟਾਈਲ ਮੁੱਦੇ ਚੈੱਕ ਕਰੋ
+npm run build      # ਬਣावट ਸਫਲ ਹੋਣ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
 ```
 
 ### ਬੈਂਕ API ਟੈਸਟਿੰਗ
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # ਕੋਡ ਸਟਾਈਲ ਸਮੱਸਿਆਵਾਂ ਦੀ ਜਾਂਚ ਕਰੋ
-node server.js     # ਜਾਂਚੋ ਕਿ ਸਰਵਰ ਬਿਨਾਂ ਕਿਸੇ ਗਲਤੀ ਦੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ
+npm run lint       # ਕੋਡ ਸ਼ੈਲੀ ਸਮੱਸਿਆਵਾਂ ਲਈ ਜਾਂਚ ਕਰੋ
+node server.js     # ਯਕੀਨੀ ਬਣਾਉ ਕਿ ਸਰਵਰ ਬਿਨਾਂ ਗਲਤੀਆਂ ਦੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ
 ```
 
 ### ਆਮ ਟੈਸਟਿੰਗ ਪਹੁੰਚ
 
-- ਇਹ ਸਿੱਖਿਆਤਮਕ ਰਿਪੋਜਿਟਰੀ ਹੈ ਜਿਸ ਵਿੱਚ ਵਿਸਤ੍ਰਿਤ ਆਟੋਮੇਟਿਕ ਟੈਸਟ ਨਹੀਂ ਹਨ
-- ਮੈਨੂਅਲ ਟੈਸਟਿੰਗ ਉੱਪਰ ਧਿਆਨ:
-  - ਕੋਡ ਉਦਾਹਰਣਾਂ ਬਿਨਾਂ ਗਲਤੀਆਂ ਚੱਲਦੀਆਂ ਹਨ
-  - ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਵਿਚ ਲਿੰਕ ਸਹੀ ਕੰਮ ਕਰਦੇ ਹਨ
-  - ਪ੍ਰੋਜੈਕਟ ਸਫਲਤਾਪੂਰਵਕ ਬਣਦੇ ਹਨ
-  - ਉਦਾਹਰਣਾਂ ਨੇ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ ਅਨੁਸਰਣ ਕਰਦੇ ਹਨ
+- ਇਹ ਸਿੱਖਿਆਤਮਕ ਰੀਪੋਜ਼ਟਰੀ ਹੈ ਜਿਸ ਵਿੱਚ ਵਿਸਤ੍ਰਿਤ ਆਟੋਮੇਟਿਕ ਟੈਸਟ ਨਹੀਂ ਹਨ
+- ਹੱਥੋਂ ਟੈਸਟਿੰਗ ਤੇ ਧਿਆਨ:
+  - ਕੋਡ ਉਦਾਹਰਨ ਬਿਨਾਂ ਗਲਤੀ ਦੇ ਚੱਲਣ
+  - ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ ਵਿੱਚ ਦਿੱਤੇ ਲਿੰਕ ਸਹੀ ਕੰਮ ਕਰਦੇ ਹਨ
+  - ਪ੍ਰੋਜੈਕਟ ਬਿਲਡ ਸਫਲ ਰਹਿਣ
+  - ਉਦਾਹਰਨਾਂ ਵਧੀਆ ਅਮਲਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨ
 
-### ਪੇਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਚੈੱਕ
+### ਪੇਸ਼ਕੀ ਤੱਯਾਰੀ ਜਾਂਚ
 
-- `package.json` ਵਾਲੀਆਂ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ `npm run lint` ਚਲਾਓ
-- ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਸਹੀ ਹਨ ਜਾਂ ਨਹੀਂ ਇਹ ਪੜਤਾਲੋ
-- ਕੋਡ ਉਦਾਹਰਣਾਂ ਨੂੰ ਬਰਾਊਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ
-- ਤਰਜਮਿਆਂ ਦੀ ਸੰਰਚਨਾ ਸਹੀ ਰਹਿੰਦੀ ਹੈ ਜਾਂ ਨਹੀਂ ਦੇਖੋ
+- ਉਹਨਾਂ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ ਜਿੱਥੇ package.json ਹੈ, `npm run lint` ਚਲਾਓ
+- ਮਾਰਕਡਾਊਨ ਲਿੰਕਾਂ ਦੀ ਜਾਂਚ ਕਰੋ
+- ਕੋਡ ਉਦਾਹਰਨਾਂ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਜਾਂ Node.js ਵਿੱਚ ਟੈਸਟ ਕਰੋ
+- ਅਨੁਵਾਦਾਂ ਦੀ ਸਹੀ ਬਣਤਰ ਨੂੰ ਜਾਂਚੋ
 
-## ਕੋਡ ਅੰਦਾਜ਼ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼
+## ਕੋਡ ਸ਼ੈਲੀ ਦੇ ਨਿਰਦੇਸ਼
 
-### JavaScript
+### ਜਾਵਾਸਕ੍ਰਿਪਟ
 
-- ਆਧੁਨਿਕ ES6+ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰੋ
-- ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਮਨਮਾਫਿਕ ESLint ਵਿਵਸਥਾ ਨੂੰ ਫੋਲੋ ਕਰੋ
-- ਸਿੱਖਿਆ ਲਈ ਅਰਥਪੂਰਨ ਵੈਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਮ ਵਰਤੋ
-- ਸਿਖਣ ਵਾਲਿਆਂ ਲਈ ਸੰਕਲਪ ਸਮਝਾਉਂਦੇ ਟਿੱਪਣੀਆਂ ਸ਼ਾਮਿਲ ਕਰੋ
-- ਜਿੱਥੇ Prettier ਲਾਗੂ ਹੈ, ਫਾਰਮੇਟਿੰਗ ਕਰੋ
+- ਆਧੁਨਿਕ ES6+ ਵਾਕਯਾਂਸ਼ ਵਰਤੋਂ
+- ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਦਿੱਤੇ standaard ESLint ਸੰਰਚਨਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ
+- ਸਿੱਖਣ ਲਈ ਸਮਝਦਾਰ ਵੈਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨ ਨਾਮ ਵਰਤੋਂ
+- ਸਿੱਖਣ ਵਾਲਿਆਂ ਲਈ ਸਿਧਾਂਤ ਸਮਝਾਉਣ ਵਾਲੇ ਕਮੈਂਟ ਸ਼ਾਮਲ ਕਰੋ
+- ਜਿੱਥੇ ਲੋੜ ਹੋਵੇ Prettier ਨਾਲ ਫਾਰਮੈਟ ਕਰੋ
 
 ### HTML/CSS
 
-- ਸਮੇਂਟਿਕ HTML5 ਤੱਤ
-- ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ ਦੇ ਸਿਧਾਂਤ
-- ਸਾਫ਼ ਕਲਾਸ ਨਾਮਕਰਨ ਕੰਵੇਂਸ਼ਨ
-- CSS ਤਕਨੀਕਾਂ ਲਈ ਸਿੱਖਣ-ਯੋਗ ਟਿੱਪਣੀਆਂ
+- ਸੈਂਟਮੈਟਿਕ HTML5 ਤੱਤਾਂ ਦੀ ਵਰਤੋਂ
+- ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ ਸਿਧਾਂਤਾਂ ਦੀ ਪਾਲਣਾ
+- ਸਾਫ ਕਲਾਸ ਨਾਂਮਕਰਨ ਪ੍ਰਣਾਲੀ
+- CSS ਤਕਨੀਕਾਂ ਨੂੰ ਸਮਝਾਉਂਦੇ ਕਮੈਂਟ
 
-### Python
+### ਪਾਇਥਨ
 
-- PEP 8 ਅੰਦਾਜ਼ ਦੇ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼
-- ਸਾਫ, ਸਿੱਖਣਯੋਗ ਕੋਡ ਉਦਾਹਰਣ
-- ਸਿੱਖਣ ਵਿੱਚ ਸਹਾਇਤਾ ਲਈ ਟਾਈਪ ਹਿੰਟ
+- PEP 8 ਸ਼ੈਲੀ ਨਿਰਦੇਸ਼
+- ਸਪਸ਼ਟ ਅਤੇ ਸਿੱਖਿਆਤਮਕ ਕੋਡ ਉਦਾਹਰਨਾਂ
+- ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਲਈ ਟਾਈਪ ਹਿੰਟਸ
 
-### ਮਾਰਕਡਾਊਨ ਡੌਕੂਮੈਂਟੇਸ਼ਨ
+### ਮਾਰਕਡਾਊਨ ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ
 
-- ਸਪਸ਼ਟ ਸਿਰਲੇਖ ਦਰਜਾ
-- ਭਾਸ਼ਾ ਵਿਸ਼ੇਸ਼ ਕੋਡ ਬਲਾਕ
-- ਵਾਧੂ ਸਾਂਝੇ ਸਾਧਨਾਂ ਲਈ ਲਿੰਕ
-- `images/` ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਸਕਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ
-- ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਤਸਵੀਰਾਂ ਲਈ Alt ਟੈਕਸਟ
+- ਸਾਫ਼ ਸਿਰਲੇਖ ਅਨੁਕ੍ਰਮ
+- ਭਾਸ਼ਾ ਗਿਆਤ ਕੋਡ ਬਲਾਕ
+- ਵਾਧੂ ਸਰੋਤਾਂ ਲਈ ਲਿੰਕ
+- `images/` ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ ਸਕ੍ਰੀਨਸ਼ਾਟ ਅਤੇ ਚਿੱਤਰ
+- ਅਕਸੇਸੀਬਿਲਿਟੀ ਲਈ ਚਿੱਤਰਾਂ ਦਾ Alt ਟੈਕਸਟ
 
-### ਫਾਇਲ ਅਕਠ
+### ਫਾਇਲ ਸੰਗਠਨ
 
-- ਸਬਕ ਲਗਾਤਾਰ ਨੰਬਰੀਕ੍ਰਿਤ (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}/` ਢਾਂਚੇ ਵਿੱਚ
 
-## ਬਿਲਡ ਅਤੇ ਤਾਇਨਾਤ
+## ਬਿਲਡ ਅਤੇ ਡਿਪਲੌਇਮੈਂਟ
 
-### ਕਵਿਜ਼ ਐਪ ਤਾਇਨਾਤ (Azure Static Web Apps)
+### ਕਵਿਜ਼ ਐਪ ਡਿਪਲੌਇਮੈਂਟ (Azure Static Web Apps)
 
-ਕਵਿਜ਼ ਐਪ Azure Static Web Apps ਲਈ ਸੰਰਚਿਤ ਹੈ:
+ਕਵਿਜ਼-ਐਪ ਲਈ Azure Static Web Apps ਡਿਪਲੌਇਮੈਂਟ ਸੰਰਚਤ ਹੈ:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ ਫੋਲਡਰ ਬਣਾਉਂਦਾ ਹੈ
-# main 'ਤੇ ਪੁਸ਼ ਕਰਨ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਡਿਪਲੋਅ ਕਰਦਾ ਹੈ
+# ਮੁੱਖ 'ਤੇ ਪੁਸ਼ ਕਰਨ 'ਤੇ GitHub Actions ਵਰਕਫਲੋ ਰਾਹੀਂ ਡਿਪਲॉय ਕਰਦਾ ਹੈ
 ```
 
 Azure Static Web Apps ਸੰਰਚਨਾ:
@@ -193,90 +193,90 @@ Azure Static Web Apps ਸੰਰਚਨਾ:
 - **ਆਉਟਪੁੱਟ ਸਥਾਨ**: `dist`
 - **ਵਰਕਫਲੋ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ PDF ਬਣਾਣਾ
+### ਡੌਕਯੂਮੇਂਟੇਸ਼ਨ PDF ਬਣਾਉਣਾ
 
 ```bash
-npm install                    # docsify-to-pdf ਇਨਸਟਾਲ ਕਰੋ
+npm install                    # docsify-to-pdf ਇੰਸਟਾਲ ਕਰੋ
 npm run convert               # docs ਤੋਂ PDF ਬਣਾਓ
 ```
 
-### ਡੌਕਸਿਫਾਈ ਡੌਕੂਮੈਂਟੇਸ਼ਨ
+### Docsify ਡੌਕਯੂਮੈਂਟੇਸ਼ਨ
 
 ```bash
 npm install -g docsify-cli    # ਡੌਕਸਿਫਾਈ ਨੂੰ ਗਲੋਬਲੀ ਇੰਸਟਾਲ ਕਰੋ
-docsify serve                 # localhost:3000 'ਤੇ ਸੇਵਾ ਦਿਓ
+docsify serve                 # ਲੋਕਲਹੋਸਟ:3000 'ਤੇ ਸਰਵ ਕਰੋ
 ```
 
-### ਪ੍ਰੋਜੈਕਟ-ਖਾਸ ਬਿਲਡ
+### ਪ੍ਰੋਜੈਕਟ-ਵਿਸ਼ੇਸ਼ ਬਿਲਡ
 
-ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਦੀ ਆਪਣੀ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਹੋ ਸਕਦੀ ਹੈ:
-- Vue ਪ੍ਰੋਜੈਕਟ: `npm run build` ਸੰਗ੍ਰਹਿਤ ਪ੍ਰੋਡਕਸ਼ਨ ਬੰਡਲ ਬਣਾਉਂਦਾ ਹੈ
-- ਸਟੈਟਿਕ ਪ੍ਰੋਜੈਕਟ: ਕੋਈ ਬਿਲਡ ਕਦਮ ਨਹੀਂ, ਫਾਇਲਾਂ ਸਿੱਧਾ ਸੇਵਾ ਕਰੋ
+ਹਰ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਦਾ ਆਪਣਾ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਹੋ ਸਕਦਾ ਹੈ:
+- Vue ਪ੍ਰੋਜੈਕਟ: `npm run build` ਦੁਆਰਾ ਪ੍ਰੋਡਕਸ਼ਨ ਬਣਡਲ ਬਣਦਾ ਹੈ
+- ਸਟੈਟਿਕ ਪ੍ਰੋਜੈਕਟ: ਕੋਈ ਬਿਲਡ ਕਦਮ ਨਹੀਂ, ਸਿੱਧੇ ਫਾਇਲ ਸਰਵ ਕਰੋ
 
-## ਪੁਲ ਰਿਕਵੈਸਟ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼
+## ਪੁਲ ਰਿਕਵੇਸਟ ਦੇ ਨਿਰਦੇਸ਼
 
 ### ਸਿਰਲੇਖ ਫਾਰਮੈਟ
 
-ਸਾਫ਼, ਵਰਣਨਾਤਮਕ ਟਾਈਟਲ ਵਰਤੋਂ ਜੋ ਬਦਲਾਅ ਖੇਤਰ ਦਰਸਾਉਂਦੇ ਹਨ:
-- `[Quiz-app] ਨਵਾਂ ਕਵਿਜ਼ ਸ਼ਾਮਲ ਕਰੋ ਸਬਕ X ਲਈ`
-- `[Lesson-3] ਟੈਰੀਰੀਅਮ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਟਾਇਪੋ ਸਹੀ ਕਰੋ`
-- `[Translation] ਸਬਕ 5 ਲਈ ਸਪੇਨੀ ਤਰਜਮਾ ਸ਼ਾਮਲ ਕਰੋ`
-- `[Docs] ਸੈਟਅੱਪ ਨਿਰਦੇਸ਼ ਅਪਡੇਟ ਕਰੋ`
+ਸੁਥਰੇ ਤੇ ਵੇਰਵੇ ਵਾਲੇ ਸਿਰਲੇਖ ਵਰਤੋ ਜੋ ਬਦਲਾਅ ਦੇ ਖੇਤਰ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ:
+- `[Quiz-app] ਨਵਾਂ ਕਵਿਜ਼ ਸਬਕ X ਲਈ ਸ਼ਾਮਲ ਕਰੋ`
+- `[Lesson-3] ਟੈਰੀਅਰੀਅਮ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਟਾਈਪੋ ਠੀਕ ਕਰੋ`
+- `[Translation] ਸਬਕ 5 ਲਈ ਸਪੇਨਿਸ਼ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਕਰੋ`
+- `[Docs] ਸੈਟਅਪ ਨਿਰਦੇਸ਼ ਅਪਡੇਟ ਕਰੋ`
 
-### ਜ਼ਰੂਰੀ ਚੈੱਕ
+### ਲੋੜੀਂਦੇ ਜਾਂਚ
 
 PR ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ:
 
-1. **ਕੋਡ ਦਰੁਸਤਗੀ**:
+1. **ਕੋਡ ਗੁਣਵੱਤਾ**:
    - ਪ੍ਰਭਾਵਿਤ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ `npm run lint` ਚਲਾਓ
-   - ਸਾਰੀਆਂ ਲਿੰਟਿੰਗ ਗਲਤੀਆਂ ਅਤੇ ਚੇਤਾਵਨੀਆਂ ਸੁਧਾਰੋ
+   - ਸਾਰੇ ਲਿੰਟਿੰਗ ਗਲਤੀਆਂ ਅਤੇ ਚੇਤਾਵਨੀਆਂ ਠੀਕ ਕਰੋ
 
-2. **ਬਿਲਡ ਜਾਂਚ**:
+2. **ਬਿਲਡ ਪੁਸ਼ਟੀਕਰਨ**:
    - ਜੇ ਲਾਗੂ ਹੋਵੇ ਤਾਂ `npm run build` ਚਲਾਓ
-   - ਕੋਈ ਬਿਲਡ ਗਲਤੀ ਨਾ ਹੋਵੇ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ
+   - ਕੋਈ ਬਿਲਡ ਗਲਤੀ ਨਾ ਹੋਵੇ
 
-3. **ਲਿੰਕ ਪ੍ਰਮਾਣਿਕਤਾ**:
+3. **ਲਿੰਕ ਜਾਂਚ**:
    - ਸਾਰੇ ਮਾਰਕਡਾਊਨ ਲਿੰਕ ਟੈਸਟ ਕਰੋ
-   - ਤਸਵੀਰਾਂ ਦੇ ਹਵਾਲੇ ਚੰਗੇ ਹਨ ਜਾਂ ਨਹੀਂ ਦੇਖੋ
+   - ਚਿੱਤਰਾਂ ਦੇ ਰਿਫਰੈਂਸਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ
 
 4. **ਸਮੱਗਰੀ ਸਮੀਖਿਆ**:
-   - ਸਪੈਲਿੰਗ ਅਤੇ ਗ੍ਰੈਮਰ ਲਈ ਪ੍ਰੂਫਰੀਡ ਕਰੋ
-   - ਕੋਡ ਉਦਾਹਰਣ ਸਹੀ ਅਤੇ ਸਿੱਖਣਯੋਗ ਹਨ
-   - ਤਰਜਮੇ ਮੂਲ ਅਰਥ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹਨ
+   - ਵਿਰਾਮ ਅਤੇ ਵਿਅਾਕਰਣ ਲਈ ਪ੍ਰੂਫਰੀਡ ਕਰੋ
+   - ਕੋਡ ਉਦਾਹਰਨਾਂ ਦੀ ਸ਼ੁੱਧਤਾ ਅਤੇ ਸਿੱਖਿਆਤਮਕਤਾ ਨਿਸ਼ਚਿਤ ਕਰੋ
+   - ਅਨੁਵਾਦਾਂ ਦੀ ਮੂਲ ਮਤਲਬ ਦੀ ਸਹੀ ਪਾਲਣਾ ਜਾਚੋ
 
-### ਯੋਗਦਾਨ ਦੀਆਂ ਸ਼ਰਤਾਂ
+### ਯੋਗਦਾਨ ਦੀਆਂ ਲੋੜਾਂ
 
-- Microsoft CLA ਸਹਿਮਤੀ (ਪਹਿਲੀ PR 'ਤੇ ਆਟੋਮੈਟਿਕ ਜਾਂਚ)
-- [Microsoft ਖੁੱਲ੍ਹਾ ਰੂਪ ਕੋਡ ਆਫ ਕੋਨਡਕਟ](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 ਵਿਚ ਇਸ਼ੂ ਨੰਬਰ ਦਰਜ ਕਰੋ
 
 ### ਸਮੀਖਿਆ ਪ੍ਰਕਿਰਿਆ
 
-- PRs ਨੂੰ ਵਿੱਚੋ ਲੋਕਾਂ ਅਤੇ ਕਮਿਊਨਿਟੀ ਵੱਲੋਂ ਜ<tag>ਾਂਚ ਕੀਤਾ ਜਾਂਦਾ ਹੈ</tag>
-- ਸਿੱਖਿਆਤਮਕ ਸਪਸ਼ਟਤਾ ਨੂੰ ਪ੍ਰਾਥਮਿਕਤਾ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ
-- ਕੋਡ ਉਦਾਹਰਣਾਂ ਦੌਰਾਨ ਵਧੀਆ ਅਸਲ ਸਿਧਾਂਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ
-- ਤਰਜਮੇ ਸਹੀ ਅਤੇ ਸੱਭਿਆਚਾਰਕ ਤੌਰ 'ਤੇ ਠੀਕ ਹਨ ਜਾਂ ਨਹੀਂ ਇਸ ਦੀ ਸਮੀਖਿਆ ਹੁੰਦੀ ਹੈ
+- PR ਨੂੰ ਮੈਨਟੇਨਰ ਅਤੇ ਸਮੁਦਾਇ ਵੱਲੋਂ ਸਮੀਖਿਆ ਕੀਤਾ ਜਾਂਦਾ ਹੈ
+- ਸਿੱਖਿਆਤਮਕ ਸਪਸ਼ਟਤਾ ਨੂੰ ਪ੍ਰਾਥਮਿਕਤਾ
+- ਕੋਡ ਉਦਾਹਰਨ ਇਸ ਸਮੇਂ ਦੀਆਂ ਵਧੀਆਂ ਅਮਲਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨ
+- ਅਨੁਵਾਦਾਂ ਨੂੰ ਸਹੀ ਤੇ ਸੱਭਿਆਚਾਰਕ ਤੌਰ 'ਤੇ ਢੁਕਵੇਂ ਹੋਣ ਲਈ ਸਮੀਖਿਆ
 
-## ਤਰਜਮਾਈ ਸਿਸਟਮ
+## ਅਨੁਵਾਦ ਸਿਸਟਮ
 
-### ਆਟੋਮੇਟਿਕ ਤਰਜਮਾ
+### ਆਟੋਮੇਟਿਕ ਅਨੁਵਾਦ
 
-- GitHub Actions ਨਾਲ co-op-translator ਵਰਕਫਲੋ ਵਰਤਦਾ ਹੈ
-- 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਖੁਦਕਾਰ ਤਰਜਮੇ ਕਰਦਾ ਹੈ
-- ਮੁੱਖ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਸਰੋਤ ਫਾਇਲਾਂ
-- ਤਰਜਮੇ ਫਾਇਲਾਂ `translations/{language-code}/` ਡਾਇਰੈਕਟਰੀਜ਼ ਵਿੱਚ
+- ਗਿਟਹਬ ਐਕਸ਼ਨਾਂ ਤੇ co-op-translator ਵਰਕਫਲੋ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ
+- 50+ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ ਕਰਦਾ ਹੈ
+- ਮੂਲ ਫਾਇਲਾਂ ਮੁੱਖ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਹਨ
+- ਅਨੁਵਾਦਿਤ ਫਾਇਲਾਂ `translations/{language-code}/` ਵਿੱਚ
 
-### ਮੈਨੂਅਲ ਤਰਜਮਾ ਸੁਧਾਰ
+### ਮੈਨੁਅਲ ਅਨੁਵਾਦ ਸੁਧਾਰ ਸ਼ਾਮਲ ਕਰਨਾ
 
 1. `translations/{language-code}/` ਵਿੱਚ ਫਾਇਲ ਲੱਭੋ
-2. ਬਿਨਾਂ ਢਾਂਚਾ ਤੋੜੇ ਸੁਧਾਰ ਕਰੋ
-3. ਕੋਡ ਉਦਾਹਰਣ ਕਾਰਗਰ ਬਣੇ ਰਹਿਣ
-4. ਕਿਸੇ ਵੀ ਸਥਾਨਕ ਕਵਿਜ਼ ਸਮੱਗਰੀ ਟੈਸਟ ਕਰੋ
+2. ਬਣਤਰ ਨੁਕਸਾਨ ਨਾ ਪੁੱਜਾਉਂਦਿਆਂ ਸੁਧਾਰ ਕਰੋ
+3. ਕੋਡ ਉਦਾਹਰਨ ਸਹੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਨ ਯੋਗ ਰੱਖੋ
+4. ਸੀਮਤ ਕਵਿਜ਼ ਸਮੱਗਰੀ ਦੀ ਜਾਂਚ ਕਰੋ
 
-### ਤਰਜਮਾਈ ਮੈਟਾਡੇਟਾ
+### ਅਨੁਵਾਦ ਮੈਟਾਡੇਟਾ
 
-ਤਰਜਮੇ ਫਾਇਲਾਂ ਵਿੱਚ ਮੈਟਾਡੇਟਾ ਹੈਡਰ ਸ਼ਾਮਿਲ ਹੈ:
+ਅਨੁਵਾਦਿਤ ਫਾਇਲਾਂ ਵਿੱਚ ਮੈਟਾਡੇਟਾ ਹੈਡਰ ਸ਼ਾਮਿਲ ਹੁੰਦਾ ਹੈ:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## ਡੀਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆ ਨਿਵਾਰਨ
+## ਡੀਬੱਗਿੰਗ ਅਤੇ ਸਮੱਸਿਆ ਨਿਵਾਰਣ
 
 ### ਆਮ ਸਮੱਸਿਆਵਾਂ
 
-**ਕਵਿਜ਼ ਐਪ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦਾ**:
-- 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` ਨਾਲ ਲਾਇਆ ਜਾਣ ਝਾਂਚ ਕਰੋ
 
-**ਬਰਾਉਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦੀ**:
-- manifest.json ਦਾ ਢਾਂਚਾ ਠੀਕ ਹੈ ਜਾਂ ਨਹੀਂ ਦੇਖੋ
-- ਬਰਾਉਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਚੈੱਕ ਕਰੋ
-- ਬਰਾਉਜ਼ਰ ਖਾਸ ਐਕਸਟੇਂਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਮੰਨੋ
+**ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਨਹੀਂ ਹੁੰਦੀ**:
+- manifest.json ਸਹੀ ਫਾਰਮੈਟ ਵਿੱਚ ਹੈ ਜਾਂ ਨਹੀਂ ਵੇਖੋ
+- ਬ੍ਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਗਲਤੀਆਂ ਦੀ ਜਾਂਚ ਕਰੋ
+- ਬ੍ਰਾਊਜ਼ਰ ਦੀਆਂ ਨਿਰਦਿਸ਼ਟ ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲੇਸ਼ਨ ਹਦਾਇਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ
 
 **ਪਾਇਥਨ ਚੈਟ ਪ੍ਰੋਜੈਕਟ ਸਮੱਸਿਆਵਾਂ**:
-- OpenAI ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ: `pip install openai`
-- GITHUB_TOKEN ਪਰਿਵੇਸ਼ ਵੈਰੀਏਬਲ ਸੈਟ ਹੈ ਜਾਂ ਨਹੀਂ ਜਾਂਚੋ
-- GitHub ਮਾਡਲਾਂ ਦੀ ਐਕਸੈਸ ਪਰਮਿਸ਼ਨ ਵੇਖੋ
+- OpenAI ਪੈਕੇਜ ਲਗਾਇਆ ਹੋਵੇ: `pip install openai`
+- GITHUB_TOKEN ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਸੈੱਟ ਹੋਵੇ
+- GitHub ਮਾਡਲਾਂ ਦੀ ਪਹੁੰਚ ਅਧਿਕਾਰਾਂ ਦੀ ਜਾਂਚ ਕਰੋ
 
-**ਡੌਕਸਿਫਾਈ ਡੌਕਸ ਸੇਵਾ ਨਹੀਂ ਕਰਦਾ**:
-- ਗ੍ਰਹਿ ਵਿੱਚ docsify-cli ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli`
-- ਰਿਪੋਜਿਟਰੀ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ
-- `docs/_sidebar.md` ਮੌਜੂਦ ਹੈ ਜਾਂ ਨਹੀਂ ਵੇਖੋ
+**Docsify ਡੌਕਸ ਸੇਵਾ ਨਹੀਂ ਕਰ ਰਹੇ**:
+- docsify-cli ਗਲੋਬਲ ਤੌਰ 'ਤੇ ਇੰਸਟਾਲ ਕਰੋ: `npm install -g docsify-cli`
+- ਰੀਪੋਜ਼ਟਰੀ ਰੂਟ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਚਲਾਓ
+- ਜਾਂਚ ਕਰੋ ਕਿ `docs/_sidebar.md` ਮੌਜੂਦ ਹੈ
 
-### ਵਿਕਾਸ ਮੁਹੌਲ ਸਲਾਹਾਂ
+### ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸੁਝਾਅ
 
-- HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS ਕੋਡ ਲਾਈਵ ਸਰਵਰ ਐਕਸਟੇਂਸ਼ਨ ਵਰਤੋਂ
-- ESLint ਅਤੇ Prettier ਐਕਸਟੇਂਸ਼ਨ ਇੰਸਟਾਲ ਕਰੋ ਵਧੀਆ ਫਾਰਮੇਟਿੰਗ ਲਈ
-- ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੀਬੱਗਿੰਗ ਲਈ ਬਰਾਊਜ਼ਰ ਡੈਵਟੂਲ ਵਰਤੋ
-- Vue ਪ੍ਰੋਜੈਕਟ ਲਈ Vue DevTools ਬਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਇੰਸਟਾਲ ਕਰੋ
+- HTML ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ VS ਕੋਡ ਵਿੱਚ Live Server ਐਕਸਟੈਂਸ਼ਨ ਵਰਤੋਂ
+- ESLint ਅਤੇ Prettier ਐਕਸਟੈਂਸ਼ਨ ਇੰਸਟਾਲ ਕਰੋ
+- ਜਾਵਾਸਕ੍ਰਿਪਟ ਡੀਬੱਗ ਲਈ ਬ੍ਰਾਊਜ਼ਰ DevTools ਉਪਯੋਗ ਕਰੋ
+- Vue ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ Vue DevTools ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਲਗਾਓ
 
-### ਕਾਰਗੁਜ਼ਾਰੀ ਦੇ ਵਿਚਾਰ
+### ਪ੍ਰਦਰਸ਼ਨ ਸਬੰਧੀ ਵਿਚਾਰ
 
-- ਬਹੁਤ ਸਾਰੇ ਤਰਜਮੇ ਫਾਇਲਾਂ (50+ ਭਾਸ਼ਾਵਾਂ) ਕਾਰਨ ਪੂਰਨ ਕਲੋਨ ਵੱਡਾ ਹੁੰਦਾ ਹੈ
-- ਕੇਵਲ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਸ਼ੈਲੋ ਕਲੋਨ ਵਰਤੋਂ: `git clone --depth 1`
-- ਅੰਗਰੇਜ਼ੀ ਸਮੱਗਰੀ ਲਈ ਖੋਜੋਂ ਵਿੱਚ ਤਰਜਮੇ ਬਾਹਰ ਰੱਖੋ
-- ਪਹਿਲੀ ਵਾਰੀ npm install ਅਤੇ Vite ਬਿਲਡ ਵਿੱਚ ਪ੍ਰਕਿਰਿਆ ਹੌਲੀ ਹੋ ਸਕਦੀ ਹੈ
+- 50+ ਭਾਸ਼ਾਵਾਂ ਦੇ ਅਨੁਵਾਦਾਂ ਨਾਲ ਫੁੱਲ ਕਲੋਨ ਵੱਡਾ ਹੋ ਜਾਂਦਾ ਹੈ
+- ਕੇਵਲ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹਾਂ ਤਾਂ ਸ਼ੈਲੋ ਕਲੋਨ ਕਰੋ: `git clone --depth 1`
+- ਅੰਗਰੇਜ਼ੀ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਦੌਰਾਨ ਅਨੁਵਾਦਾਂ ਨੂੰ ਖੋਜੋਂ ਤੋਂ ਬਾਹਰ ਰੱਖੋ
+- ਪਹਿਲੀ ਵਾਰੀ npm install ਅਤੇ Vite build ਦੇ ਸਮੇਂ ਬਿਲਡ ਪ੍ਰਕਿਰਿਆ ਸੁਸਤ ਹੋ ਸਕਦੀ ਹੈ
 
-## ਸੁਰੱਖਿਆ ਦੇ ਵਿਚਾਰ
+## ਸੁਰੱਖਿਆ ਵਿਚਾਰ
 
-### ਵਾਤਾਵਰਨ ਵੈਰੀਏਬਲ
+### ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ
 
-- API ਕੰਡੀਡੇਟਾਂ ਨੂੰ ਕਦੇ ਵੀ ਰਿਪੋਜਿਟਰੀ ਵਿੱਚ ਨਹੀਂ ਧਕੋ
-- `.env` ਫਾਇਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ (ਜੋ `.gitignore` ਵਿੱਚ ਹਨ ਪਹਿਲਾਂ ਤੋਂ)
-- ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਨ ਵੈਰੀਏਬਲ ਪ੍ਰੋਜੈਕਟ README ਵਿੱਚ ਦਰਜ ਕਰੋ
+- API ਕੀਆਂ ਕਦੇ ਵੀ ਰੀਪੋਜ਼ਟਰੀ ਵਿੱਚ ਸੰਰਕਸ਼ਿਤ ਨਾ ਕਰੋ
+- `.env` ਫਾਇਲਾਂ ਵਰਤੋਂ (ਜੋ ਪਹਿਲਾਂ ਹੀ `.gitignore` ਵਿੱਚ ਹਨ)
+- ਪ੍ਰੋਜੈਕਟ READMEਜ਼ ਵਿੱਚ ਲੋੜੀਂਦੇ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਬਿਆਨ ਕਰੋ
 
 ### ਪਾਇਥਨ ਪ੍ਰੋਜੈਕਟ
 
-- ਵਰਚੁਅਲ ਵਾਤਾਵਰਨ ਦੀ ਵਰਤੋਂ ਕਰੋ: `python -m venv venv`
-- ਨਿਰਭਰਤਾਵਾਂ ਅਪਡੇਟ ਰੱਖੋ
-- GitHub ਟੋਕਨ ਦੀ ਘੱਟੋ ਘੱਟ ਲੋੜ ਸੀਮਾ ਵਾਲੇ ਅਧਿਕਾਰ ਹੋਣ
+- ਵਰਚੁਅਲ ਵਾਤਾਵਰਣ ਵਰਤੋਂ: `python -m venv venv`
+- ਡੀਪੈਂਡੇੰਸੀਜ਼ ਨੂੰ ਹਮੇਸ਼ਾ ਅਪਡੇਟ ਰੱਖੋ
+- GitHub ਟੋਕਨ ਨੂੰ ਘੱਟੋ-ਘੱਟ ਲੋੜੀਂਦੇ ਅਧਿਕਾਰ ਦੇ ਨਾਲ ਰੱਖੋ
 
 ### GitHub ਮਾਡਲਾਂ ਪਹੁੰਚ
 
-- GitHub ਮਾਡਲਾਂ ਲਈ ਨਿੱਜੀ ਐਕਸੈਸ ਟੋਕਨ (PAT) ਦੀ ਲੋੜ ਹੈ
-- ਟੋਕਨ ਵਾਤਾਵਰਨ ਵੈਰੀਏਬਲਾਂ ਦੇ ਤੌਰ 'ਤੇ ਸੁਰੱਖਿਅਤ ਰੱਖੋ
-- ਕਦੇ ਵੀ ਟੋਕਨ ਜਾਂ ਪ੍ਰਮਾਣਿਕਤਾ ਜਨਤਾ ਵਿੱਚ ਪ੍ਰਕਾਸ਼ਿਤ ਨਾ ਕਰੋ
+- GitHub ਮਾਡਲਾਂ ਲਈ ਨਿੱਜੀ ਪਹੁੰਚ ਟੋਕਨ (PAT) ਜ਼ਰੂਰੀ ਹਨ
+- ਟੋਕਨਾਂ ਨੂੰ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵਜੋਂ ਰੱਖੋ
+- ਕਦੇ ਵੀ ਟੋਕਨਾਂ ਜਾਂ ਪਾਸਵਰਡ ਕਮਿੱਟ ਨਾ ਕਰੋ
 
 ## ਵਾਧੂ ਨੋਟਸ
 
-### ਲਕੜੀ ਦਰਸ਼ਕ
+### ਲਕੜਾਂ ਦੀ ਟੀਮ
 
-- ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਵੇਂ
+- ਪੂਰੇ ਸ਼ੁਰੂਆਤੀ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਲਈ
 - ਵਿਦਿਆਰਥੀ ਅਤੇ ਖੁਦ ਸਿੱਖਣ ਵਾਲੇ
-- ਕਲਾਸਰੂਮ ਵਿਚ ਪਾਠਕ੍ਰਮ ਵਰਤ ਰਹੇ ਅਧਿਆਪਕ
-- ਸਮੱਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਕਦਮੀਕ ਉਸਾਰੀ ਵਾਸਤੇ ਬਣਾਈ ਗਈ
+- ਵਿਰੋਧੀ ਕਲਾਸਰੂਮ ਵਿੱਚ ਕੋਰਸ ਵਰਤਣ ਵਾਲੇ ਅਧਿਆਪਕ
+- ਸਮੱਗਰੀ ਸਹੂਲਤਦਾਇਕ ਅਤੇ ਹੌਲੀ ਹੌਲੀ ਸਿਪਲਾਈ ਕਰਨ ਵਾਲੀ ਹੈ
 
 ### ਸਿੱਖਿਆਤਮਕ ਦਰਸ਼ਨ
 
-- ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਸਿਖਲਾਈ ਅਭਿਗਮ
-- ਬਾਰੰਬਾਰ ਗਿਆਨ ਦੀ ਜਾਂਚ (ਕਵਿਜ਼ਾਂ)
-- ਹੱਥੋਂ-ਹੱਥ ਕੋਡਿੰਗ ਅਭਿਆਸ
-- ਹਕੀਕਤੀ ਜਗਤ ਐਪਲੀਕੇਸ਼ਨ ਉਦਾਹਰਣ
-- ਫਰੇਮਵਰਕ ਤੋਂ ਪਹਿਲਾਂ ਮੂਲ ਸਿਧਾਂਤਾਂ 'ਤੇ ਧਿਆਨ
+- ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਿੱਖਣਾ
+- ਯਥਾਰਥ ਕਵਿਜ਼
+- ਹੱਥੋਂ ਕੋਡਿੰਗ ਅਭਿਆਸ
+- ਅਸਲੀ ਦੁਨੀਆ ਦੇ ਉਦਾਹਰਨ
+- ਫਰੇਮਵਰਕ ਤੋਂ ਪਹਿਲਾਂ ਮੂਢਲੇ ਤੱਤਾਂ ਤੇ ਧਿਆਨ
 
-### ਰਿਪੋਜਿਟਰੀ ਰਖੜਕ
+### ਰੀਪੋਜ਼ਟਰੀ ਦੇ ਸੰਭਾਲ
 
-- ਸਿੱਖਣ ਵਾਲਿਆਂ ਅਤੇ ਯੋਗਦਾਨਕਰਤਿਆਂ ਦੀ ਸਰਗਰਮ ਕਮਿਊਨਿਟੀ
-- ਨਿਰਭਰਤਾਵਾਂ ਅਤੇ ਸਮੱਗਰੀ ਦੇ ਨਿਯਮਤ ਅਪਡੇਟ
-- ਮੈਨੇਜਰਾਂ ਵੱਲੋਂ ਮੁੱਦੇ ਤੇ ਚਰਚਾ ਦੀ ਨਿਗਰਾਨੀ
-- GitHub ਐਕਸ਼ਨਾਂ ਨਾਲ ਤਰਜਮਿਆਂ ਦੇ ਅਪਡੇਟ ਆਟੋਮੇਟਿਕ
+- ਸਰਗਰਮ ਸਿੱਖਣ ਅਤੇ ਯੋਗਦਾਨ ਦੇਣ ਵਾਲਿਆਂ ਦੀ ਕਮਿਊਨਿਟੀ
+- ਨਿਰੀਖਣਯੋਗ ਤਰੀਕੇ ਨਾਲ ਡੀਪੈਂਡੇਂਸੀਜ਼ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਅਪਡੇਟ ਕਰਨਾ
+- ਮੈਨਟੇਨਰਾਂ ਵੱਲੋਂ ਮੁੱਦੇ ਤੇ ਵਿਚਾਰ-ਵਟਾਂਦਰਾ ਬਰਕਰਾਰ
+- GitHub ਐਕਸ਼ਨਾਂ ਰਾਹੀਂ ਅਨੁਵਾਦ ਆਟੋਮੇਟਿਕ ਅਪਡੇਟ
 
-### ਸਬੰਧਤ ਸਾਧਨ
+### ਜੁੜੇ ਸਰੋਤ
 
-- [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 ਪਾਠਕ੍ਰਮ ਉਪਲਬਧ
+- [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 ਕੋਰਸ
 
-### ਖਾਸ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ
+### ਖਾਸ ਪ੍ਰੋਜੈਕਟਾਂ ਨਾਲ ਕੰਮ
 
-ਵਿਅਕਤੀਗਤ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਵਿਸਥਾਰ ਨਿਰਦੇਸ਼ ਲਈ ਹਵਾਲਾ README ਫਾਇਲਾਂ ਨੂੰ ਦੇਖੋ:
+ਵਿਸਤ੍ਰਿਤ ਹਦਾਇਤਾਂ ਲਈ ਹਰ ਪ੍ਰੋਜੈਕਟ ਦੀ README ਵਿੱਚ ਦੇਖੋ:
 - `quiz-app/README.md` - Vue 3 ਕਵਿਜ਼ ਐਪਲੀਕੇਸ਼ਨ
 - `7-bank-project/README.md` - ਪ੍ਰਮਾਣੀਕਰਨ ਨਾਲ ਬੈਂਕਿੰਗ ਐਪਲੀਕੇਸ਼ਨ
-- `5-browser-extension/README.md` - ਬਰਾਊਜ਼ਰ ਐਕਸਟੇਂਸ਼ਨ ਵਿਕਾਸ
-- `6-space-game/README.md` - ਕੈਨਵੱਸ-ਆਧਾਰਿਤ ਗੇਮ ਵਿਕਾਸ
+- `5-browser-extension/README.md` - ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਵਿਕਾਸ
+- `6-space-game/README.md` - ਕੈਂਵਾਸ-ਆਧਾਰਿਤ ਗੇਮ
 - `9-chat-project/README.md` - AI ਚੈਟ ਸਹਾਇਕ ਪ੍ਰੋਜੈਕਟ
 
-### ਮੋਨੋਰਿਪੋ ਢਾਂਚਾ
+### ਮੋਨੋਰੀਪੋ ਸ਼ੈਲੀ
 
-ਇਹ ਪ੍ਰੰਪਰਾ ਬਰਕਰਾਰ ਮੋਨੋਰਿਪੋ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਵਿੱਚ ਕਈ ਸੁਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਹਨ:
-- ਹਰ ਸਬਕ ਆਪਣਾ ਹੈ
-- ਪ੍ਰੋਜੈਕਟ ਸਾਂਝੇ ਨਿਰਭਰਤਾ ਨਹੀਂ ਕਰਦੇ
-- ਵੱਖ-ਵੱਖ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰੋ ਬਿਨਾਂ ਇੱਕ ਦੂਜੇ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕੀਤਾ
-- ਪੂਰੇ ਪਾਠਕ੍ਰਮ ਅਨੁਭਵ ਲਈ ਪੂਰੀ ਰਿਪੋ ਕਲੋਨ ਕਰੋ
+ਇਹ ਰੀਪੋਜ਼ਟਰੀ ਇੱਕ ਪਰੰਪਰਾਗਤ ਮੋਨੋਰੀਪੋ ਨਹੀਂ, ਪਰ ਇਸ ਵਿੱਚ ਕਈ ਸੁਤੰਤਰ ਪ੍ਰੋਜੈਕਟ ਸ਼ਾਮਿਲ ਹਨ:
+- ਹਰ ਸਬਕ ਆਪਣੇ ਆਪ ਵਿੱਚ ਖ਼ਤਮ
+- ਪ੍ਰੋਜੈਕਟ_DEPENDENCY_ਸ਼ੇਅਰ ਨਹੀਂ ਕਰਦੇ
+- ਇਕੱਲੇ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰੋ ਬਿਨਾ ਹੋਰਾਂ 'ਤੇ ਅਸਰ ਪਾਇਏ
+- ਪੂਰੇ ਕੋਰਸ-ਪਾਠ ਲਈ ਪੂਰੇ ਰੀਪੋਜ਼ਟਰੀ ਨੂੰ ਕਲੋਨ ਕਰੋ
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ਅਸਵੀਕਾਰੋ изучение**:  
-ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਅਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਆਪਣੇ-ਆਪ ਹੀ ਕੀਤੇ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਧਾਰਨਤਾ ਹੋ ਸਕਦੀ ਹੈ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਇਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਧਿਕਾਰਕ ਸਰੋਤ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਰੂਰੀ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ਾਵਰੀ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੇ ਉਪਯੋਗ ਤੋਂ ਉਤਪੰਨ ਕਿਸੇ ਵੀ ਗਲਤ ਫਹਮੀ ਜਾਂ ਗਲਤ ਸਮਝ ਲਈ ਅਸੀਂ ਜਵਾਬਦੇਹ ਨਹੀਂ ਹਾਂ।
+**ਜਾਣਕਾਰੀ ਸੂਚਨਾ**:
+ਇਸ ਦਸਤਾਵੇਜ਼ ਦਾ ਅਨੁਵਾਦ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਸਵੈਚਲਿਤ ਅਨੁਵਾਦ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਹੀਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਆਧਿਕਾਰਕ ਸੂਤਰ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਣ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ਾਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉਤਪੰਨ ਕਿਸੇ ਵੀ ਗਲਤਫਹਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਜਵਾਬਦੇਹ ਨਹੀਂ ਹਾਂ।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pa/README.md b/translations/pa/README.md
index 40469d631..5d9aef4eb 100644
--- a/translations/pa/README.md
+++ b/translations/pa/README.md
@@ -10,204 +10,213 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# ਬਿਗਿਨਰਜ਼ ਲਈ ਵੈੱਬ ਵਿਕਾਸ - ਇੱਕ ਕਰਿਕੁਲਮ
+# ਬਿਗਿਨਰਾਂ ਲਈ ਵੈੱਬ ਵਿਕਾਸ - ਇੱਕ ਕੋਰਸ
 
-Microsoft Cloud Advocates ਵਲੋਂ ਸਾਡਾ 12 ਹਫ਼ਤੇ ਦਾ ਵਿਸ਼ਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਮੂਲ ਤੱਤ ਸਿੱਖੋ। 24 ਪਾਠਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਜਾਵਾਸਕ੍ਰਿਪਟ, CSS, ਅਤੇ HTML ਨੂੰ ਹੱਥ-ਵਾਲੇ ਪ੍ਰੋਜੈਕਟਸ ਜਿਵੇਂ ਕਿ ਟੈਰੇਰੀਅਮ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਅਤੇ ਸਪੇਸ ਗੇਮਜ਼ ਦੇ ਜ਼ਰੀਏ ਗਹਿਰਾਈ ਨਾਲ ਸਮਝਾਉਂਦਾ ਹੈ। ਕਵਿਜ਼, ਚਰਚਾ ਅਤੇ ਕਾਰਗਰ ਅਸਾਈਨਮੈਂਟਸ ਨਾਲ ਗਤੀਸ਼ੀਲ ਰੁਜ਼ਗਾਰ ਕਰੋ। ਆਪਣੀਆਂ ਹੁਨਰਾਂ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋ ਅਤੇ ਸਾਡੀ ਪ੍ਰਭਾਵਸ਼ালী ਪ੍ਰੋਜੈਕਟ-ਆਧਾਰਿਤ ਪੈਡਾਗੋਜੀ ਨਾਲ ਆਪਣੀ ਜਾਣਕਾਰੀ ਦਾ ਰੀਟੇਂਸ਼ਨ ਵਧਾਓ। ਆਪਣਾ ਕੋਡਿੰਗ ਜ਼ਿੰਦਗੀ ਅੱਜ ਤੋਂ ਸ਼ੁਰੂ ਕਰੋ!
+ਮਾਇਕਰੋਸਾਫਟ ਕਲਾਊਡ ਅਡਵੋਕੇਟਸ ਦੀ 12 ਹਫ਼ਤਿਆਂ ਦੀ ਵਿਸਤ੍ਰਿਤ ਕੋਰਸ ਨਾਲ ਵੈੱਬ ਵਿਕਾਸ ਦੇ ਮੂਲ-bੁੱਤਾਂ ਸਿੱਖੋ। 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. [**ਅਜ਼ੂਰ ਏਆਈ ਫਾਊਂਡਰੀ ਡਿਸਕੋਰਡ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੋ ਅਤੇ ਮਾਹਿਰਾਂ ਅਤੇ ਹੋਰ ਵਿਕਾਸਕਾਰਾਂ ਨਾਲ ਮਿਲੋ**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 ਬਹੁਭਾਸ਼ੀ ਸਹਾਇਤਾ
+### 🌐 ਬਹੁ-ਭਾਸ਼ਾ ਸਮਰਥਨ
 
-#### GitHub Action ਰਾਹੀਂ ਸਮਰਥਿਤ (ਆਟੋਮੈਟਿਕ ਅਤੇ ਹਮੇਸ਼ਾਂ ਅਪ-ਟੂ-ਡੇਟ)
+#### GitHub ਐਕਸ਼ਨ ਰਾਹੀਂ ਸਮਰਥਿਤ (ਆਟੋਮੇਟਿਕ ਅਤੇ ਹਮੇਸ਼ਾ ਅੱਪ-ਟੂ-ਡੇਟ)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](./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+ ਭਾਸ਼ਾ ਅਨੁਵਾਦ ਸ਼ਾਮਲ ਹਨ ਜੋ ਡਾਊਨਲੋਡ ਸਾਈਜ਼ ਨੂੰ ਬਹੁਤ ਵਧਾ ਦਿੰਦੇ ਹਨ। ਬਿਨਾਂ ਅਨੁਵਾਦਾਂ ਦੇ ਕਲੋਨ ਕਰਨ ਲਈ ਸਪਾਰਸ ਚੈੱਕਆਊਟ ਵਰਤੋ:
+>
+> **ਬਾਸ਼ / ਮੈਕਓਐਸ / ਲਿਨਕਸ:**
 > ```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
+> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
+> cd Web-Dev-For-Beginners
+> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
+> ```
+>
+> ਇਹ ਤੁਹਾਨੂੰ ਇੱਕ ਤੇਜ਼ ਡਾਊਨਲੋਡ ਨਾਲ ਪੂਰਾ ਕੋਰਸ ਮੁਹੱਈਆ ਕਰਵਾਉਂਦਾ ਹੈ।
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਭਾਸ਼ਾਵਾਂ ਚਾਹੁੰਦੇ ਹੋ ਜੋ ਸਮਰਥਿਤ ਹਨ ਉਹ [ਇੱਥੇ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ਦਿੱਖਾਈ ਗਈਆਂ ਹਨ**
+**ਜੇ ਤੁਸੀਂ ਹੋਰ ਅਨੁਵਾਦ ਭਾਸ਼ਾਵਾਂ ਦਾ ਸਮਰਥਨ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਇਹਥੇ ਲਿਸਟ ਕੀਤਾ ਗਿਆ ਹੈ [https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md](https://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 Agent ਮੋਡ ਚੈਲੈਂਜ ਮੁਕੰਮਲ ਕਰਨ ਲਈ!
 
-ਨਵਾਂ ਚੈਲੰਜ ਸ਼ਾਮਿਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇਆਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਲੱਭੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਵਰਤ ਕੇ ਪੂਰਾ ਕਰਨ ਲਈ ਨਵਾਂ ਚੈਲੰਜ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਨਹੀਂ ਵਰਤਿਆ ਤਾਂ ਇਹ ਸਿਰਫ ਟੈਕਸਟ ਤਿਆਰ ਕਰਨ ਵਾਲਾ ਹੀ ਨਹੀਂ, ਸਗੋਂ ਫਾਈਲਾਂ ਬਣਾਉਣ ਅਤੇ ਸੋਧਣ, ਕਮਾਂਡ ਰਨ ਕਰਨ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।
+ਨਵਾਂ ਚੈਲੈਂਜ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ, ਜ਼ਿਆਦਾਤਰ ਅਧਿਆਇਆਂ ਵਿੱਚ "GitHub Copilot Agent Challenge 🚀" ਖੋਜੋ। ਇਹ ਇੱਕ ਨਵਾਂ ਚੈਲੈਂਜ ਹੈ ਜੋ ਤੁਹਾਨੂੰ GitHub Copilot ਅਤੇ Agent ਮੋਡ ਵਰਤ ਕੇ ਮੁਕੰਮਲ ਕਰਨਾ ਹੈ। ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ Agent ਮੋਡ ਨਹੀਂ ਵਰਤੀ, ਇਹ ਕੇਵਲ ਟੈਕਸਟ ਤਿਆਰ ਨਹੀਂ ਕਰਦਾ ਪਰ ਫਾਇਲਾਂ ਬਣਾਉਣ, ਸੋਧਣ, ਕਮਾਂਡ ਚਲਾਉਣ ਅਤੇ ਹੋਰ ਵੀ ਕਰ ਸਕਦਾ ਹੈ।
 
-### 📣 ਐਲਾਨ - _Generative AI ਵਰਤ ਕੇ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ_
+### 📣 ਸੂਚਨਾ - _ਨਵਾਂ ਪ੍ਰਾਜੈਕਟ Generative AI ਦੀ ਵਰਤੋਂ ਨਾਲ ਬਣਾਉਣ ਲਈ_ 
 
-ਨਵਾਂ AI Assistant ਪ੍ਰੋਜੈਕਟ ਅਬ ਸ਼ਾਮਿਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜਾਓ ਅਤੇ ਦੇਖੋ [project](./9-chat-project/README.md)
+ਨਵਾਂ AI ਸਹਾਇਕ ਪ੍ਰਾਜੈਕਟ ਹਾਲ ਹੀ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ, ਇਸ ਪ੍ਰਾਜੈਕਟ ਨੂੰ ਦੇਖੋ [project](./9-chat-project/README.md)
 
-### 📣 ਐਲਾਨ - _JavaScript ਲਈ ਨਵਾਂ Generative AI ਕਰਿਕੁਲਮ ਜਾਰੀ ਹੋਇਆ ਹੈ_
+### 📣 ਸੂਚਨਾ - _Generative AI ਲਈ ਨਵਾਂ ਕੋਰਸ_ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ ਹੁਣ ਜਾਰੀ
 
-ਸਾਡਾ ਨਵਾਂ Generative AI ਕਰਿਕੁਲਮ ਨਾ ਗਵਾਓ!
+ਸਾਡੇ ਨਵੇਂ Generative AI ਕੋਰਸ ਨੂੰ ਨਾ ਗਵਾਓ!
 
 ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
-![Background](../../translated_images/pa/background.148a8d43afde5730.webp)
+![ਪਿਛੋਕੜ](../../translated_images/pa/background.148a8d43afde5730.webp)
 
-- ਬੇਸਿਕ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਸਭ ਕੁਝ ਸਮੇਤ ਪਾਠ।
-- ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗੱਲਬਾਤ ਕਰੋ।
-- ਮਜ਼ੇਦਾਰ ਅਤੇ ਮਨੋਹਰ ਕਥਾ, ਤੁਸੀਂ ਸਮਾਂ ਯਾਤਰਾ ਕਰ ਰਹੇ ਹੋਗੇ!
+- ਬੁਨਿਆਦੀ ਤੋਂ ਲੈ ਕੇ RAG ਤੱਕ ਹਰ ਗੱਲ ਕਵਰ ਕੀਤੀ ਗਈ ਹੈ।
+- ਇਤਿਹਾਸਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਰਾਹੀਂ ਇੰਟਰੈਕਟ ਕਰੋ।
+- ਮਜ਼ੇਦਾਰ ਅਤੇ ਰੁਚਿਕਰ ਕਥਾਵਾਂ, ਤੁਸੀਂ ਸਮੇਂ ਦੀ ਯਾਤਰਾ ਕਰੋਗੇ!
 
-![character](../../translated_images/pa/character.5c0dd8e067ffd693.webp)
+![ਪਾਤਰ](../../translated_images/pa/character.5c0dd8e067ffd693.webp)
 
 
-ਹਰ ਪਾਠ ਵਿੱਚ ਇੱਕ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਚੈਕ ਅਤੇ ਚੈਲੰਜ ਸ਼ਾਮਿਲ ਹੁੰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਇਹ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਕਿ:
-- ਪ੍ਰਾਮਪਟਿੰਗ ਅਤੇ ਪ੍ਰਾਮਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
+ਹਰ ਪਾਠ ਵਿੱਚ ਇਕ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਚੈੱਕ ਅਤੇ ਚੈਲੈਂਜ ਸ਼ਾਮਲ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਸਿਖਾਉਂਦਾ ਹੈ:
+- ਪ੍ਰੰਪਟਿੰਗ ਅਤੇ ਪ੍ਰੰਪਟ ਇੰਜੀਨੀਅਰਿੰਗ
 - ਟੈਕਸਟ ਅਤੇ ਚਿੱਤਰ ਐਪ ਤਿਆਰ ਕਰਨਾ
-- ਖੋਜ ਐਪਸ
+- ਖੋਜ ਐਪ
 
 ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਜਾਓ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
 
 
 
-## 🌱 ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ
+## 🌱 ਸ਼ੁਰੂਆਤ
 
-> **ਅਧਿਆਪਕਾਂ ਲਈ**, ਅਸੀਂ [ਕੁਝ ਸੁਧਾਰ](for-teachers.md) ਸ਼ਾਮਿਲ ਕੀਤੇ ਹਨ ਕਿ ਇਸ ਕਰਿਕੁਲਮ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ। ਅਸੀਂ ਤੁਹਾਡੇ ਫੀਡਬੈਕ ਦਾ ਇੰਤਜ਼ਾਰ ਕਰਾਂਗੇ [ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ਵਿੱਚ)!
+> **ਅਧਿਆਪਕ**, ਅਸੀਂ [ਕੁਝ ਸੁਝਾਵ](for-teachers.md) ਦਿੱਤੇ ਹਨ ਕਿ ਇਸ ਕੋਰਸ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ। ਤੁਹਾਡੀ ਰਾਇ ਦੀ ਉਡੀਕ ਹੈ [ਸਾਡੇ ਚਰਚਾ ਫੋਰਮ ਵਿੱਚ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[ਸਿੱਖਣ ਵਾਲੇ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪਹਿਲਾਂ ਪ੍ਰੀ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਫਿਰ ਲੈਕਚਰ ਸਮੱਗਰੀ ਪੜ੍ਹੋ, ਵੱਖ-ਵੱਖ ਗਤੀਵਿਧੀਆਂ ਪੂਰੀਆਂ ਕਰੋ ਅਤੇ ਪੋਸਟ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਆਪਣੀ ਸਮਝ ਦੀ ਜਾਂਚ ਕਰੋ।
+**[ਵਿਦਿਆਰਥੀ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ਹਰ ਪਾਠ ਲਈ, ਪਹਿਲਾਂ ਪ੍ਰੀ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਲੈਕਚਰ ਦਿੱਤੀ ਸਮੱਗਰੀ ਪੜ੍ਹੋ, ਵੱਖ-ਵੱਖ ਕਿਰਿਆਵਾਂ ਪੂਰੀਆਂ ਕਰੋ ਅਤੇ ਪੋਸਟ-ਲੈਕਚਰ ਕਵਿਜ਼ ਨਾਲ ਆਪਣੀ ਸਮਝ ਨੂੰ ਪਰਖੋ।
 
-ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਤਜ਼ਰਬੇ ਨੂੰ ਬਹਿਤਰ ਬਣਾਉਣ ਲਈ, ਆਪਣਿਆਂ ਸਾਥੀਆਂ ਨਾਲ ਮਿਲ ਕੇ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰੋ! ਚਰਚਾ ਲਈ ਸਾਡੇ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਦਾ ਸਦਕਾ ਲਵੋ ਜਿੱਥੇ ਸਾਡੇ ਮਾਡਰੇਟਰ ਟੀਮ ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਲਈ ਉਪਲਬਧ ਹੋਵੇਗੀ।
+ਆਪਣੇ ਸਿੱਖਣ ਦੇ ਤਜ਼ੁਰਬੇ ਨੂੰ ਬਿਹਤਰ ਕਰਨ ਲਈ, ਆਪਣੇ ਸਾਥੀਆਂ ਨਾਲ ਮਿਲ ਕੇ ਪ੍ਰਾਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰੋ! ਚਰਚਾ ਲਈ ਸਾਡਾ [ਚਰਚਾ ਫੋਰਮ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ਵਰਤੋ ਜਿੱਥੇ ਸਾਡੇ ਮੋਡਰੇਟਰ ਤੁਹਾਡੇ ਸਵਾਲਾਂ ਦੇ ਜਵਾਬ ਦੇਣ ਦੇ ਲਈ ਉਪਲਬਧ ਹੋਣਗੇ।
 
-ਆਪਣੀ ਸਿੱਖਿਆ ਨੂੰ ਅਗੇ ਵਧਾਉਣ ਲਈ, ਅਸੀਂ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) 'ਤੇ ਹੋਰ ਅਧਿਐਨ ਸਮੱਗਰੀ ਖੋਜਣ ਦੀ ਬਲੈਕ ਸਿਫ਼ਾਰਸ਼ ਕਰਦੇ ਹਾਂ।
+ਆਪਣੀ ਸਿੱਖਿਆ ਨੂੰ ਹੋਰ ਅੱਗੇ ਵਧਾਉਣ ਲਈ, ਅਸੀਂ ਸਿਫਾਰਿਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ਤੋਂ ਵਾਧੂ ਪਾਠ-ਸਮੱਗਰੀ ਖੋਜੋ।
 
-### 📋 ਆਪਣਾ ਵਾਤਾਵਰਣ ਸੈਟ ਅਪ ਕਰਨਾ
+### 📋 ਆਪਣੇ ਮਾਹੌਲ ਦੀ ਸੈਟਅਪਿੰਗ
 
-ਇਸ ਕਰਿਕੁਲਮ ਲਈ ਇੱਕ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਤਿਆਰ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਇਸ ਕਰਿਕੁਲਮ ਨੂੰ [Codespace](https://github.com/features/codespaces/) (ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ, ਬਿਨਾ ਸਥਾਪਨਾ ਵਾਲਾ ਵਾਤਾਵਰਣ) ਵਿੱਚ ਜਾਂ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕਿਸੇ ਟੈਕਸਟ ਐਡੀਟਰ ਜਿਵੇਂ ਕਿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਨਾਲ ਹਲ ਕਰ ਸਕਦੇ ਹੋ।
+ਇਸ ਕੋਰਸ ਲਈ ਇੱਕ ਵਿਕਾਸ ਮਾਹੌਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ! ਜਦੋਂ ਤੁਸੀਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ ਕੋਰਸ ਨੂੰ [Codespace](https://github.com/features/codespaces/) ਵਿੱਚ ਚਲਾ ਸਕਦੇ ਹੋ (_ਇੱਕ ਬ੍ਰਾਉਜ਼ਰ-ਆਧਾਰਿਤ, ਕੋਈ ਇੰਸਟਾਲੇਸ਼ਨ ਨਾ ਚਾਹੀਦੀ ਮਾਹੌਲ_), ਜਾਂ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਰਗੇ ਟੈਕਸਟ ਐਡੀਟਰ ਨਾਲ ਚਲਾ ਸਕਦੇ ਹੋ।
 
-#### ਆਪਣਾ ਰੀਪੋਜ਼ਟਰੀ ਬਣਾਓ
-ਆਪਣਾ ਕੰਮ ਬਚਾਉਣ ਲਈ, ਸਿਫ਼ਾਰਸ਼ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਰੀਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਓ। ਤੁਸੀਂ ਇਹ ਕਰ ਸਕਦੇ ਹੋ ਸਫ਼ੇ ਦੇ ਉੱਪਰ ਦਿੱਖ ਰਹੇ **Use this template** ਬਟਨ ਨੂੰ ਦਬਾ ਕੇ। ਇਸ ਨਾਲ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਇਸ ਕਰਿਕੁਲਮ ਦੀ ਕਾਪੀ ਨਾਲ ਇੱਕ ਨਵਾਂ ਰੀਪੋਜ਼ਟਰੀ ਬਣੇਗਾ।
+#### ਆਪਣਾ ਰਿਪੋਜ਼ਟਰੀ ਬਣਾਓ
+ਆਪਣਾ ਕੰਮ ਬਚਾਉਣ ਲਈ, ਤੁਹਾਨੂੰ ਆਪਣੇ ਲਈ ਇਸ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਆਪਣੀ ਕਾਪੀ ਬਣਾਉਣੀ ਚਾਹੀਦੀ ਹੈ। ਇਹ ਤੁਸੀਂ ਸਫੇ ਦੇ ਉੱਪਰ "Use this template" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰ ਕੇ ਕਰ ਸਕਦੇ ਹੋ। ਇਸ ਨਾਲ ਤੁਹਾਡੇ GitHub ਖਾਤੇ ਵਿੱਚ ਕੋਰਸ ਦੀ ਇੱਕ ਕਾਪੀ ਨਾਲ ਨਵੀਂ ਰਿਪੋਜ਼ਟਰੀ ਬਣ ਜਾਵੇਗੀ।
 
-ਇਹ ਕਦਮ ਫੋਲੋ ਕਰੋ:
-1. **ਰੀਪੋਜ਼ਟਰੀ ਫੋਰਕ ਕਰੋ**: ਇੱਥੇ ਸਫ਼ੇ ਦੇ ਸੱਜੇ-ਧਰ ਕੌਨੇ ਵਿੱਚ "Fork" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
-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/pa/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) ਤੋਂ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ।
+ਇਸ ਕੋਰਸ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਚਲਾਉਣ ਲਈ ਤੁਹਾਨੂੰ ਇੱਕ ਟੈਕਸਟ ਐਡੀਟਰ, ਬ੍ਰਾਉਜ਼ਰ ਅਤੇ ਕਮਾਂਡ ਲਾਈਨ ਟੂਲ ਦੀ ਲੋੜ ਪਵੇਗੀ। ਸਾਡੀ ਪਹਿਲੀ ਪਾਠ, [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) ਵਰਤੋਂ, ਜਿਸ ਵਿੱਚ ਇਕ ਇੱਕीक੍ਰਿਤ [ਟਰਮੀਨਲ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਵੀ ਹੈ। ਤੁਸੀਂ Visual Studio Code ਨੂੰ [ਇੱਥੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)।
+1. ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਆਪਣਾ ਰਿਪੋਜ਼ਿਟਰੀ ਕਲੋਨ ਕਰੋ। ਤੁਸੀਂ ਇਹ **Code** ਬਟਨ ਤੇ ਕਲਿਕ ਕਰਕੇ ਅਤੇ URL ਕਾਪੀ ਕਰਕੇ ਕਰ ਸਕਦੇ ਹੋ:
 
     [CodeSpace](./images/createcodespace.png)
-    ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, `<your-repository-url>` ਨੂੰ ਉਸ URL ਨਾਲ ਬਦਲਦੇ ਹੋਏ ਜੋ ਤੁਸੀਂ ਹੁਣੀ ਕਾਪੀ ਕੀਤਾ ਹੈ:
+
+    ਫਿਰ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠਾਂ ਦਿੱਤਾ ਕਮਾਂਡ ਚਲਾਓ, ਆਪਣੀ ਕਾਪੀ ਕੀਤੀ URL, `<your-repository-url>` ਨਾਲ ਬਦਲਦਿਆਂ:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code ਵਿੱਚ ਫੋਲਡਰ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਤੁਸੀਂ ਹੁਣੀ ਕਲੋਨ ਕੀਤਾ ਫੋਲਡਰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ।
+2. Visual Studio Code ਵਿੱਚ ਫੋਲਡਰ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇਹ **File** > **Open Folder** 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਅਤੇ ਹੁਣੇ ਕਲੋਨ ਕੀਤਾ ਫੋਲਡਰ ਚੁਣ ਕੇ ਕਰ ਸਕਦੇ ਹੋ।
 
 
->  ਸਿਫਾਰਸ਼ੀ Visual Studio Code ਐਕਸਟੈਂਸ਼ਨ:
+>  ਸਿਫਾਰਸ਼ ਕੀਤੀਆਂ 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) - ਤੁਹਾਡੀ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਤੇਜ਼ੀ ਲਈ ਸਹਾਇਤਾ ਕਰਨ ਲਈ
 
-## 📂 ਹਰ ਸਬਕ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ:
+## 📂 ਹਰ ਪਾਠ ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੈ:
 
 - ਵਿਕਲਪਿਕ ਸਕੈਚਨੋਟ
 - ਵਿਕਲਪਿਕ ਸਹਾਇਕ ਵੀਡੀਓ
-- ਪੂਰਵ ਸਬਕ ਵਾਰਮਅਪ ਕੁਇਜ਼
-- ਲਿਖਤੀ ਸਬਕ
-- ਪ੍ਰੋਜੈਕਟ ਅਧਾਰਿਤ ਸਬਕਾਂ ਲਈ ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣ ਬਾਰੇ ਕਦਮ-ਦਰ-ਕਦਮ ਗਾਈਡਜ਼
-- ਗਿਆਨ ਜਾਂਚਾਂ
-- ਇੱਕ ਚੈਲੈਂਜ
-- ਸਹਾਇਕ ਪੜ੍ਹਾਈ
+- ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਵਾਲਾ ਵਾਰਮਅਪ ਕਵਿਜ਼
+- ਲਿਖਿਤ ਪਾਠ
+- ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਿਤ ਪਾਠਾਂ ਲਈ, ਪ੍ਰਾਜੈਕਟ ਬਣਾਉਣ ਲਈ ਕਦਮ-ਦਰ-कਦਮ ਮਾਰਗਦਰਸ਼ਿਕਾਵਾਂ
+- ਗਿਆਨ ਦੀ ਜਾਂਚ
+- ਇੱਕ ਚੁਣੌਤੀ
+- ਸਹਾਇਕ ਪਾਠਨ
 - ਅਸਾਈਨਮੈਂਟ
-- [ਪੋਸਟ-ਸਬਕ ਕੁਇਜ਼](https://ff-quizzes.netlify.app/web/)
+- [ਪਾਠ ਤੋਂ ਬਾਅਦ ਕਵਿਜ਼](https://ff-quizzes.netlify.app/web/)
 
-> **ਕੁਇਜ਼ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕੁਇਜ਼ Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਟੋਟਲ 48 ਕੁਇਜ਼ ਪ੍ਰਤੀ ਕਿੱਸੇ 3 ਸਵਾਲਾਂ ਨਾਲ। ਇਹ [ਇਥੇ](https://ff-quizzes.netlify.app/web/) ਉਪਲਬਧ ਹਨ। ਕੁਇਜ਼ ਐਪ ਨੂੰ ਲੋਕਲੀ ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ Azure 'ਤੇ ਡਿਪਲੌਇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੀਆਂ ਹਦਾਇਤਾਂ ਦਾ ਪਾਲਣ ਕਰੋ।
+> **ਕਵਿਜ਼ ਬਾਰੇ ਇੱਕ ਨੋਟ**: ਸਾਰੇ ਕਵਿਜ਼, Quiz-app ਫੋਲਡਰ ਵਿੱਚ ਹਨ, ਜਿਸ ਵਿੱਚ ਹਰ ਇੱਕ ਵਿੱਚ 3 ਸਵਾਲਾਂ ਦੇ 48 ਕੁੱਲ ਕਵਿਜ਼ ਹਨ। ਉਹ ਉਪਲਬਧ ਹਨ [ਇੱਥੇ](https://ff-quizzes.netlify.app/web/)। ਕਵਿਜ਼ ਐਪ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਚਲਾਇਆ ਜਾਂ ਸਕਦਾ ਹੈ ਜਾਂ Azure ਤੇ ਤਾਇਨਾਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ; `quiz-app` ਫੋਲਡਰ ਵਿੱਚ ਦਿੱਤੇ ਹਿਦਾਇਤਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ।
 
-## 🗃️ ਸਬਕ
+## 🗃️ ਪਾਠ
 
-|     |                       ਪ੍ਰੋਜੈਕਟ ਦਾ ਨਾਮ                       |                            ਸਿੱਖਾਏ ਗਏ ਸਿਧਾਂਤ                             | ਸਿੱਖਣ ਦੇ ਲਕੜੇ                                                                                                                 |                                                         ਲਿੰਕਡ ਸਬਕ                                                          |         ਲੇਖਕ          |
-| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     ਸ਼ੁਰੂਆਤ ਕਰਨਾ                      |           ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਅਤੇ ਉਪਕਰਣਾਂ ਦਾ ਪਰਚਿਆ                              | ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਗ੍ਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਮੂਲ ਸਿਧਾਂਤ ਅਤੇ ਸਾਫਟਵੇਅਰ ਬਾਰੇ ਸਿੱਖੋ ਜੋ ਪ੍ਰੋਫੈਸ਼ਨਲ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਕੰਮ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         ਜੈਸਮੀਨ         |
-| 02  |                     ਸ਼ੁਰੂਆਤ ਕਰਨਾ                      |             GitHub ਦਾ ਮੂਲ, ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਨ ਸਮੇਤ                       | ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ GitHub ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ, ਵੱਖ-ਵੱਖ ਲੋਕਾਂ ਨਾਲ ਕੋਡ ਬੇਸ ਤੇ ਸਹਿਯੋਗ ਕਿਵੇਂ ਕਰਨਾ ਹੈ                                   |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          ਫਲੋਰ          |
-| 03  |                     ਸ਼ੁਰੂਆਤ ਕਰਨਾ                      |                             ਪਹੁੰਚਯੋਗਤਾ                                 | ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦੀਆਂ ਬੁਨਿਆਦੀ ਜਾਣਕਾਰੀਆਂ ਸਿੱਖੋ                                                                                 |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       ਕ੍ਰਿਸਟੋਫਰ       |
-| 04  |                        JS ਬੁਨਿਆਦੀ                        |                         ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਕਿਸਮਾਂ                           | ਜਾਵਾਸਕ੍ਰਿਪਟ ਡਾਟਾ ਕਿਸਮਾਂ ਦੀ ਬੁਨਿਆਦ                                                                                              |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         ਜੈਸਮੀਨ         |
-| 05  |                        JS ਬੁਨਿਆਦੀ                        |                         ਫੰਕਸ਼ਨ ਅਤੇ ਮੈਥਡ                                | ਫੰਕਸ਼ਨਾਂ ਅਤੇ ਮੈਥਡਾਂ ਬਾਰੇ ਸਿੱਖੋ ਜਿਹੜੇ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਲਾਜਿਕ ਫ਼ਲੋ ਨੂੰ ਸੰਭਾਲਦੇ ਹਨ                                                      |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | ਜੈਸਮੀਨ ਅਤੇ ਕ੍ਰਿਸਟੋਫਰ  |
-| 06  |                        JS ਬੁਨਿਆਦੀ                        |                        JS ਨਾਲ ਫੈਸਲੇ ਲੈਣਾ                                | ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਫੈਸਲੇ ਲੈਣ ਵਾਲੀਆਂ ਸ਼ਰਤਾਂ ਬਣਾਉਣਾ ਸਿੱਖੋ                                                                               |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         ਜੈਸਮੀਨ         |
-| 07  |                        JS ਬੁਨਿਆਦੀ                        |                            ਐਰੇ ਅਤੇ ਲੂਪ                               | ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਐਰੇ ਅਤੇ ਲੂਪ ਵਰਤ ਕੇ ਡਾਟਾ ਨਾਲ ਕੰਮ ਕਰਨਾ                                                                           |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         ਜੈਸਮੀਨ         |
-| 08  |       [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 ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਦਿੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਸੀਐਸਐਸ ਦੀਆਂ ਮੂਲ ਗੱਲਾਂ ਸ਼ਾਮਲ ਹਨ ਅਤੇ ਪੇਜ ਨੂੰ ਜਵਾਬਦੇਹ ਬਣਾਉਣਾ ਹੁੰਦਾ ਹੈ   |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           ਜਿਨ           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, ਡੋਮ ਮੈਨਿਪੂਲੇਸ਼ਨ                      | ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ ਜੋ ਟੇਰਾਰਿਯਮ ਨੂੰ ਡ੍ਰੈਗ/ਡ੍ਰਾਪ ਇੰਟਰਫੇਸ ਵਾਂਗ ਕੰਮ ਕਰਵਾਏ, ਕਲੋਜ਼ਰ ਅਤੇ ਡੋਮ ਮੈਨਿਪੂਲੇਸ਼ਨ 'ਤੇ ਧਿਆਨ                                                                             |                  [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) | ਕ੍ਰਿਸ |
+|     |                       ਪ੍ਰਾਜੈਕਟ ਦਾ ਨਾਮ                       |                            ਸਿੱਖਾਏ ਗਏ ਸੰਕਲਪ                             | ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼                                                                                                                 |                                                         ਲਿੰਕ ਕੀਤਾ ਪਾਠ                                                          |         ਲੇਖਕ          |
+| :-: | :---------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 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)            |                 ਜਾਵਾਸਕ੍ਰਿਪਟ ਕਲੋਜ਼ਰ, 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)           |             ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ ਪ੍ਰਗਟੀ ਖੇਡ ਵਿਕਾਸ ਦਾ ਅਗਲਾ ਪੜਾਅ             | ਕਲਾਸਾਂ ਅਤੇ ਕੰਪੋਜ਼ੀਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਿਰਾਸਤ ਅਤੇ ਪਬ/ਸਬ ਪੈਟਰਨ ਬਾਰੇ ਜਾਣੋ, ਖੇਡ ਬਣਾਉਣ ਦੀ ਤਿਆਰੀ ਲਈ              |                      [ਪ੍ਰਗਟੀ ਖੇਡ ਵਿਕਾਸ ਦਾ ਪਾਰਚਾਰਿਕ ਜਾਇਜ਼ਾ](./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 Code](../../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) | ਕ੍ਰਿਸ |
 
-## 🏫 ਪੈਡਾਗੋਗੀ
+## 🏫 ਸਿੱਖਣ ਦੀ ਵਿਧੀ
 
-ਸਾਡਾ ਪਾਠਕ੍ਰਮ ਦੋ ਮੁੱਖ ਪੈਡਾਗੋਗੀਕਲ ਸਿਧਾਂਤਾਂ ਤੇ ਆਧਾਰਿਤ ਹੈ:
-* ਪ੍ਰੋਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਿਆ
-* ਬਾਰੰਬਾਰ ਕੁਇਜ਼
+ਸਾਡਾ ਕਰਿਕੁਲਮ ਦੋ ਪ੍ਰਮੁੱਖ ਸਿੱਖਣ-ਸੰਬੰਧੀ ਸਿਧਾਂਤਾਂ ਦੇ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ:
+* ਪ੍ਰਾਜੈਕਟ-ਅਧਾਰਿਤ ਸਿੱਖਣ
+* ਬਾਰੰਬਾਰ ਕਵਿਜ਼
 
-ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML ਅਤੇ CSS ਦੇ ਬੁਨਿਆਦੀ ਸਿਧਾਂਤ ਸਿਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਵਿਕਾਸਕਾਰਾਂ ਵੱਲੋਂ ਵਰਤੇ ਜਾਂਦੇ ਨਵੇਂ ਉਪਕਰਣ ਅਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਹੱਥਾਂ-ਹੱਥ ਤਜ਼ਰਬਾ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ ਜਿਵੇਂ ਕਿ ਟਾਈਪਿੰਗ ਗੇਮ, ਵਰਚੂਅਲ ਟੇਰਾਰਿਯਮ, ਪਰਿਆਵਰਣ-ਦੋਸਤ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸਟਾਈਲ ਗੇਮ ਅਤੇ ਕਾਰੋਬਾਰ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣਾ। ਲੜੀ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀਆਂ ਕੋਲ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਪਕੜ ਹੋ ਜਾਵੇਗੀ।
+ਇਹ ਪ੍ਰੋਗਰਾਮ ਜਾਵਾਸਕ੍ਰਿਪਟ, HTML ਅਤੇ CSS ਦੇ ਮੂਲ ਭਾਗ ਸਿੱਖਾਉਂਦਾ ਹੈ, ਨਾਲ ਹੀ ਅੱਜ ਦੇ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਵੱਲੋਂ ਵਰਤੇ ਜਾਂਦੇ ਸਾਬਕਾ ਸੰਦ ਤੇ ਤਕਨੀਕਾਂ। ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਟਾਈਪਿੰਗ ਖੇਡ, ਵਰਚੁਅਲ ਟੈਰਾਰਿਯਮ, ਇੰਨੀ-ਮਿਤ੍ਰ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ, ਸਪੇਸ-ਇਨਵੇਡਰ-ਸ਼ੈਲੀ ਖੇਡ ਅਤੇ ਕਾਰੋਬਾਰ ਲਈ ਬੈਂਕਿੰਗ ਐਪ ਬਣਾਉਣ ਦੇ ਜ਼ਰੀਏ ਹੱਥ-ਅਨੁਭਵ ਦੇਣ ਦਾ ਮੌਕਾ ਮਿਲੇਗਾ। ਸੀਰੀਜ਼ ਦੇ ਅੰਤ ਤੱਕ, ਵਿਦਿਆਰਥੀ ਵੈੱਬ ਵਿਕਾਸ ਦਾ ਇੱਕ ਮਜ਼ਬੂਤ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰ ਲੈਣਗੇ।
 
-> 🎓 ਤੁਸੀਂ ਇਸ ਪਾਠਕ੍ਰਮ ਦੇ ਪਹਿਲੇ ਕੁਝ ਸਬਕਾਂ ਨੂੰ ਮਾਈਕ੍ਰੋਸਾਫਟ ਲਰਨ ਉੱਤੇ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ਵਜੋਂ ਕਰ ਸਕਦੇ ਹੋ!
+> 🎓 ਤੁਸੀਂ ਇਸ ਕਰਿਕੁਲਮ ਵਿੱਚ ਪਹਿਲੇ ਕੁਝ ਪਾਠ 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 ਹਫਤਿਆਂ ਦੀ ਚੱਕਰ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ-ਵੱਧ ਜਟਿਲ ਹੋ ਜਾਂਦੇ ਹਨ।
+ਇਸ ਤੋਂ ਇਲਾਵਾ, ਇੱਕ ਨੀਵਣ-ਦਰਜੇ ਦਾ ਕਵਿਜ਼ ਕਲਾਸ ਤੋਂ ਪਹਿਲਾਂ ਵਿਦਿਆਰਥੀ ਦੀ ਇੱਕ ਟਾਪਿਕ ਵੱਲ ਇਰਾਦਾ ਬਣਾਉਂਦਾ ਹੈ, ਜਦਕਿ ਦੂਜਾ ਕਵਿਜ਼ ਕਲਾਸ ਤੋਂ ਬਾਅਦ ਹੋਰ ਯਾਦਦਾਸ਼ਤ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ। ਇਸ ਕਰਿਕੁਲਮ ਨੂੰ ਲਚਕੀਲਾ ਅਤੇ ਮਨੋਰੰਜਕ ਬਣਾਉਣ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਪੂਰੇ ਜਾਂ ਹਿੱਸਾ ਵਜੋਂ ਲਿਆ ਜਾ ਸਕਦਾ ਹੈ। ਪ੍ਰਾਜੈਕਟ ਛੋਟੇ ਹੁੰਦੇ ਹਨ ਅਤੇ 12 ਹਫ਼ਤੇ ਦੀ ਸਾਈਕਲ ਦੇ ਅੰਤ ਤੱਕ ਵੱਧ ਕੇ ਪੇਚੀਦਾ ਹੁੰਦੇ ਜਾਂਦੇ ਹਨ।
 
-ਜਦੋਂ ਕਿ ਅਸੀਂ ਜਾਣਬੂਝ ਕੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕ ਜਾਣੂ ਕਰਨ ਤੋਂ ਗੁਰੇਜ਼ ਕੀਤਾ ਹੈ ਤਾਂ ਜੋ ਵੈੱਬ ਡਿਵੈਲਪਰ ਬਣਨ ਲਈ ਬੁਨਿਆਦੀ ਹੁਨਰਾਂ 'ਤੇ ਧਿਆਨ ਦਿੱਤਾ ਜਾਵੇ, ਇਸ ਪਾਠਕ੍ਰਮ ਨੂੰ ਪੂਰਾ ਕਰਨ ਦਾ ਅਗਲਾ ਵਧੀਆ ਕਦਮ Node.js ਬਾਰੇ ਸਿੱਖਣਾ ਹੋਵੇਗਾ, ਜੋ ਇਨ੍ਹਾਂ ਵੀਡੀਓ ਸੰਗ੍ਰਹਿ ਵੱਲੋਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+ਜਦ ਕਿ ਅਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕਾਂ ਨੂੰ ਬੁਨਿਆਦੀ ਹੁਨਰਾਂ 'ਤੇ ਫੋਕਸ ਕਰਨ ਲਈ ਇੱਛਾ ਸਹਿਤ ਨਹੀਂ ਸ਼ਾਮਿਲ ਕੀਤਾ ਹੈ, ਪਰ ਇਸ ਕਰਿਕੁਲਮ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਅਗਲਾ ਚੰਗਾ ਕਦਮ ਹੋਵੇਗਾ Node.js ਬਾਰੇ ਹੋਰ ਵੀਡੀਓਜ਼ ਦੀ ਇੱਕ ਕਲੈਕਸ਼ਨ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ਰਾਹੀਂ ਸਿੱਖਣਾ।
 
-> ਸਾਡੀ [Code of Conduct](CODE_OF_CONDUCT.md) ਅਤੇ [Contributing](CONTRIBUTING.md) ਹਦਾਇਤਾਂ ਦਾ ਪਠਨ ਕਰੋ। ਅਸੀਂ ਤੁਹਾਡੇ ਸੰਰਚਨਾਤਮਕ ਪ੍ਰਤੀਕਰਮ ਦੀ ਸਵਾਗਤ ਕਰਦੇ ਹਾਂ！
+> ਸਾਡੇ [ਸੰਚਾਲਨ ਕੋਡ](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) ਮਿਲ ਸਕਦੀ ਹੈ।
 
-ਸਾਰੇ ਸਬਕਾਂ ਦੀ ਇੱਕ PDF [ਇਥੇ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ਮਿਲ ਸਕਦੀ ਹੈ।
 
+## 🎒 ਹੋਰ ਕੋਰਸ
 
-## 🎒 ਹੋਰ ਕੋਰਸز
-ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਵੀ ਤਿਆਰ ਕਰਦੀ ਹੈ! ਵੇਖੋ:
+ਸਾਡੀ ਟੀਮ ਹੋਰ ਕੋਰਸ ਤਿਆਰ ਕਰਦੀ ਹੈ! ਦੇਖੋ:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -249,23 +258,23 @@ Azure AI Foundry Discord ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਸ਼ਾਮਲ 
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## ਮਦਦ ਪ੍ਰਾਪਤ ਕਰਨਾ
+## ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਕਰਨਾ
 
-ਜੇ ਤੁਸੀਂ ਫਸ ਜਾਂਦੇ ਹੋ ਜਾਂ 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) ਫਾਈਲ ਵੇਖੋ।
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ਅਸਵੀਕਾਰਿਆ ਗਿਆ**:  
-ਇਹ ਦਸਤਾਵੇਜ਼ ਏਆਈ ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹੀਤ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਰੱਖੋ ਕਿ ਆਪਣੇ ਆਪ ਹੋਣ ਵਾਲੇ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਣਸਹੀਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਆਪਣੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਪ੍ਰਮੁੱਖ ਸਰੋਤ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜ਼ਰੂਰੀ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਸਿਫਾਰਸ਼ੀ ਹੈ। ਅਸੀਂ ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੈਦਾ ਹੋਣ ਵਾਲੀਆਂ ਕਿਸੇ ਵੀ ਗਲਤ ਸਮਝ ਜਾਂ ਭ੍ਰਮ ਲਈ ਜਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
+**ਅਸਵੀਕਾਰੋਪਣ**:
+ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਕਿ ਅਸੀਂ ਸ਼ੁੱਧਤਾ ਲਈ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਇਹ ਜਾਣੋ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸਟੀਕਤਾਵਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਉਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਅਥਾਰਟੀਟੇਟ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਜ਼ਰੂਰੀ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਿਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੇ ਉਪਯੋਗ ਤੋਂ ਉਤਪੰਨ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਭ੍ਰਮ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pcm/.co-op-translator.json b/translations/pcm/.co-op-translator.json
index 567fc2b98..c3cb706ef 100644
--- a/translations/pcm/.co-op-translator.json
+++ b/translations/pcm/.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:01:06+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:37:07+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "pcm"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T19:11:09+00:00",
+    "translation_date": "2026-03-06T15:40:35+00:00",
     "source_file": "AGENTS.md",
     "language_code": "pcm"
   },
@@ -516,8 +516,8 @@
     "language_code": "pcm"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T19:06:35+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:33:54+00:00",
     "source_file": "README.md",
     "language_code": "pcm"
   },
diff --git a/translations/pcm/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pcm/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 583d31624..48fd3d9a5 100644
--- a/translations/pcm/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/pcm/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Introduction to Programming Languages and Modern Developer Tools
  
-Hey deh, future developer! 👋 Make I yan you wetin dey always give me goosebumps every single day? You dey ready to sabi say programming no be only about computers – e be like say you get actual superpowers to bring your wildest ideas come life!
+Hey deh, oga developer wey go be! 👋 Make I yan you sometin wey dey always give me goosebumps everyday? You dey go discover say programming no be just about computers – na like you get real superpowers to make your wildest ideas come alive!
 
-You sabi dat moment wen you dey use your favorite app and e just dey work perfectly? Wen you tap one button and something magical happen wey go make you talk "wow, how dem take DO am?" Well, na person just like you – fit be wey dey sit for dem favorite coffee shop for 2 AM with their third espresso – na im write the code wey create that magic. And make I yan you wetin go scatter your brain: by the end of this lesson, you no go only understand how dem take do am, you go dey excited to try am yourself!
+You sabi dat moment wen you dey use your favourite app and everytin just dey work perfectly? Wen you tap button and sometin magical happen wey make you yan "wow, how dem take DO am?" Well, pesin wey be like you – fit dey their favourite coffee shop for 2 AM with their third espresso – na im write di code wey make dat magic happen. And dis one go scatter your brain: by di end of dis lesson, you no go only sabi how dem do am, but you go dey itching to try am by yourself!
 
-Look, I understand am if programming fit dey scare you now. When I first start, I really believe say you need to be some kind math genius or say you don dey code since you be small pikin. But wetin change my mind completely be say: programming na just like learning how to talk for new language. You go start with "hello" and "thank you," then you go move go ordering coffee, and before you know am, you dey talk serious tori! But for this case, na computer you dey talk to, and honestly? Dem be the most patient padi wey you fit get – dem no dey judge your mistake and dem dey ready to try again anytime!
+Look, I totally understand if programming dey scary now. Wen I first start, I truth truth believe say you need to be some kind math genius or don dey code since you be pikin. But dis one change my mind: programming na like how you dey learn to yarn for new language. You start with "hello" and "thank you," then you fit order coffee, and before you know am, you dey yarn serious deep philosophical talk! But for here, you dey yarn with computers, and truth be say? Dem be the most patient people wey you get – dem no dey judge your mistake and dem dey always happy to try again!
 
-Today, we go explore the correct tools wey dey make modern web development no be only possible, but e also dey very addictive. I dey talk about the same editors, browsers, and workflows wey developers for Netflix, Spotify, and your favorite indie app studio dey use every single day. And here na the part wey go make you dance with joy: most of these professional-grade, industry-standard tools na totally free!
+Today, we go explore the beta tools wey make modern web development no just possible, but e dey addictive serious. I dey talk about the exact editors, browsers, and workflows wey developers for Netflix, Spotify, and your favourite indie app studio dey use everyday. And here be di part wey go make you do happy dance: most of dis professional-grade, industry-standard tools na free!
 
 ![Intro Programming](../../../../translated_images/pcm/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -27,58 +27,58 @@ journey
       Tool Exploration: 5: You
       Community Connection: 5: You
 ```
-## Make We See Wetin You Sabi Before!
+## Make We See Wetin You Don Sabi!
 
-Before we jump enter di fun matter dem, I dey curious – wetin you don sabi about dis programming world? And make you hear me, if you dey look these questions dey think "I no understand anything about any of dis," no wahala at all, e perfect! That one mean say you dey exactly the correct place. Make you think of dis quiz like exercise before workout – we dey just warm up brain muscles!
+Before we jump enter di fun tin dem, I dey curious – wetin you don sabi about dis programming world? And listen, if you dey look these question dem dey think "I no get any clue at all about any of dis," dat no be problem, e perfect! E mean say you dey exactly the right place. Treat this quiz like warm up before workout – na to ginger those brain muscles!
 
-[Take the pre-lesson quiz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Take the pre-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
 
-## The Adventure We Dey Go Together
+## The Adventure Wey We Dey Go Enter Together
 
-Okay, I dey really happy for wetin we go explore today! Seriously, I wish say I fit see your face wen some of these things go click for your head. Here na the amazing journey we go take together:
+Okay, I full ground with excitement for wetin we go explore today! Seriously, I wish I fit see your face wen some of these concepts click. Here na the beta journey we dey go together:
 
-- **Wetin programming really be (and why e be the coolest thing ever!)** – We go learn how code na the invisible magic wey dey power everything for your side, from that alarm wey sabi say na Monday morning be this, to the algorithm wey beta arrange your Netflix recommendations
-- **Programming languages and their different personalities** – Imagine say you dey waka enter party and everybody get different superpowers and ways to solve problem. That na how programming language world dey be, and you go enjoy to meet dem!
-- **The basic building blocks wey make digital magic happen** – Think am like the best creative LEGO set. Once you sabi how these parts join together, you go realize say you fit build anything way your imagination talk
-- **Professional tools wey go make you feel like person wey get wizard wand** – I no dey exaggerate here – these tools go really make you feel say you get superpowers, and the best part? Na the same ones pros dey use!
+- **Wetn programming really be (and why e be the coolest tins ever!)** – We go discover how code be the invisible magic wey power everytin around you, from that alarm wey sabi say na Monday morning, to the algorithm wey dey select correct Netflix recommendations for you
+- **Programming languages and their amazing personalities** – Imagine say you enter party wey every pesin get different superpowers and ways to solve problem. Dat na how programming language world be, and you go enjoy to meet dem!
+- **The fundamental building blocks wey make digital magic happen** – Think of dem like ultimate creative LEGO set. Once you sabi how dem pieces take join, you go realize say you fit build anything wey your imagination fit dream up
+- **Professional tools wey go make you feel like say dem give you wizard wand** – I no dey exaggerate here – these tools go really make you feel like say you get superpowers, and di beta part? Na the same ones pros dey use!
 
-> 💡 **Here na the mata**: No even try memorize everything today! Now now, I just want make you see the excitement about wetin fit happen. The small small details go sure naturally as we dey practice together – na so real learning dey happen!
+> 💡 **Listen here**: No try memorise everytin today! Right now, I just want make you feel that excitement spark about wetin fit happen. The details go stick naturally as we dey practice – na so real learning dey happen!
 
-> You fit do this lesson for [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> You fit do this lesson for [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
 ## So Wetin Exactly *Be* Programming?
 
-Alright, make we tackle the big question: wetin be programming, really?
+Alright, make we handle di million-dollar question: wetin be programming, really?
 
-I go tell you story wey totally change how I dey see this matter. Last week, I dey try explain to my mama how to use our new smart TV remote. I catch myself dey talk like "Press the red button, but no be the big red button, na the small red button for left... no, your other left... okay, hold am for two seconds, no be one, no be three..." E sound familiar? 😅
+I go tell you story wey change how I take think. Last week, I try tell my mama how to use our new smart TV remote. I catch myself yan like "Press di red button, but no di big red button, na di small red button for left... no, your oda left... okay, now hold am for two seconds, no be one, no be three..." You don ever hear dat kain tin? 😅
 
-That na programming! Na art of giving very detailed, step by step instructions to something wey powerful but need make you talk am well well. Except say no be to your mama you dey explain (wey fit ask "which red button?!"), na computer you dey talk to (wey just dey do exactly wetin you talk, even if wetin you talk no be wetin you mean).
+Dat na programming! Na art of giving extra-detailed instructions, step-by-step to somtin wey powerful but dem need say everytin suppose clear like dat. But instead of tell your mama (wey fit ask "which red button?!"), you dey explain to computer (wey go do exactly wetin you talk, even if na small mistake you make).
 
-Make I talk wetin scatter my mind when I first learn this: computers be actually pretty simple for inside. Dem only sabi two things – 1 and 0, wey be basically "yes" and "no" or "on" and "off." Na im e be! But the magic come be say – we no need talk 1 and 0 like say we dey The Matrix. Na so programming languages enter the matter. Dem be like say you get the best translator wey dey take your normal human brain talk and turn am to computer language.
+The thing wey shock me when I first learn dis: computers na simple tins for inside. Dem only sabi two tins – 1 and 0, wey be like “yes” and “no” or “on” and “off.” Na dat one! But e get the magic part – we no need talk 1 and 0 like we dey for The Matrix. Na so **programming languages** dey help. Dem be like best translator wey fit take your normal human talk, convert am to computer language.
 
-And the thing wey still dey give me goosebumps every morning when I wake up be say: everything digital for your life start from person wey just like you, fit dey with pajamas, sip coffee, dey type code for laptop. That Instagram filter wey make you fine? Somebody code am. The recommendation wey bring your new favorite song? Developer build that algorithm. The app wey help you divide dinner bills with your padi dem? Ehn, person talk say "this one dey bother, I fit fix am" and then... dem fix am!
+And dis one still dey give me chills every morning wen I wake up: literally *everytin* digital for your life start with pesin wey be like you, fit dey pajamas with cup of coffee, dey type code for laptop. That Instagram filter wey make you fine? Somebody code am. The recommendation wey show you new favourite song? Developer build dat algorithm. The app wey help you share dinner bill? Yes o, person think "dis one dey annoying, I fit fix am" and dem do am!
 
-When you learn programming, you no dey just gain new skill – you join one amazing community of people wey dey solve problem. Dem dey spend dia days dey think, "Wetin if I fit build something wey go make person day better small?" Honestly, e get anything wey sweet pass that?
+When you learn programming, you no dey just pick new skill – you dey join amazing community of problem-solvers wey dey think, "Wetin if I build sometin to make somebody day better small?" Honestly, nothing beta pass dat.
 
-✅ **Fun Fact Hunt**: Here na some beta tins to check when you get free time – who you think na the world’s first computer programmer? I go give you hint: e no fit be who you expect! The story behind this person na fascinating one and e show say programming don always be about creative problem-solving and thinking outside the box.
+✅ **Fun Fact Hunt**: Make you find time look this one – who you think be world first computer programmer? I go give you hint: e fit no be who you dey expect! The story behind dis pesin na jara gidigba, e show say programming don always be about creative problem-solving and thinking outside the box.
 
 ### 🧠 **Check-in Time: How You Dey Feel?**
 
-**Take small time to think:**
-- E make sense to you now say "giving instructions to computers" mean?
-- You fit think of one daily work wey you fit automate with programming?
-- Wetin questions dey your mind about this whole programming matter?
+**Take little time reflect:**
+- The idea say "you dey give instructions to computers" make sense to you so?
+- Fit think daily task wey you go like automate with programming?
+- Wetin questions dey your mind about dis whole programming thing?
 
-> **Remember**: E normal if some of the ideas dey confuse you now. Learning programming na like learning new language – e take time make your brain build the pathways. You dey do well!
+> **Remember**: E normal make some tin dem dey fuzzy for now. Learning programming na like learning new language – e go take your brain time to build those neural pathway dem. You dey do well!
 
-## Programming Languages Be Like Different Flavors Of Magic
+## Programming Languages Na Different Flavors of Magic
 
-Okay, this one go sound funny, but stay with me – programming languages dey like different types of music. Think am: you get jazz wey smooth and free style, rock wey powerful and straight forward, classical wey sophisticated and arranged well, plus hip-hop wey creative and expressive. Each style get dia own vibe, dia own fans wey full passion, and each one perfect for different mood and occasion.
+Okay, dis one go sound strange small, but abeg follow me – programming languages dem resemble different kinds music. Think about am: you get jazz wey smooth and spontaneous, rock wey powerful and straightforward, classical wey elegant and arranged, and hip-hop wey creative and expressive. Every style get im own vibe, community of fans wey like am, and every one beta for different mood and occasion.
 
-Programming languages dey work same way! You no go use the same language to build fun mobile game wey you go use to process plenty climate data, just like you no go play death metal for yoga class (well, most yoga classes sef! 😄).
+Programming languages dey work same way! You no go use the same language build mobile game wey go be fun as you go use take crunch heavy climate data, same way you no go play death metal for yoga class (well, most yoga classes o! 😄).
 
-But wetin dey scatter my mind every time I think about am be say: these languages be like say you get the patientst, smartest interpreter for di world wey sidon gidigba beside you. You fit express your ideas naturally as human, and dem go do all the waka to turn am into 1s and 0s wey computer sabi talk. E be like say you get padi wey fluent for both "human creativity" and "computer logic" – and dem no dey tire, no dey need coffee break, and dem no ever dey judge you if you ask same question two times!
+But this one dey always blow my mind: these languages be like the most patient, smartest interpreter for world dey beside you. You fit express your idea in way wey go feel natural to your human brain, and dem go do all the complex work to change am to 1s and 0s wey computers sabi. E be like friend wey sabi both “human creativity” and “computer logic” well well – and dem no ever tire, dem no need coffee break, and dem no go shout you if you ask same question twice!
 
 ### Popular Programming Languages and Their Uses
 
@@ -123,31 +123,31 @@ mindmap
 ```
 | Language | Best For | Why It's Popular |
 |----------|----------|------------------|
-| **JavaScript** | Web development, user interfaces | E dey run for browsers and e dey power interactive websites |
-| **Python** | Data science, automation, AI | Easy to read and sabi, powerful libraries |
-| **Java** | Enterprise applications, Android apps | E no depend on platform, e strong for big big systems |
-| **C#** | Windows applications, game development | E get strong Microsoft ecosystem support |
-| **Go** | Cloud services, backend systems | Fast, simple, e design for modern computing |
+| **JavaScript** | Web development, user interfaces | Makes browsers run and builds interactive website dem |
+| **Python** | Data science, automation, AI | Easy to read and learn, power libraries |
+| **Java** | Enterprise applications, Android apps | Works anywhere, strong for big systems |
+| **C#** | Windows applications, game development | Strong Microsoft support |
+| **Go** | Cloud services, backend systems | Fast, simple, made for modern computing |
 
 ### High-Level vs. Low-Level Languages
 
-Okay, this one na the concept wey scatter my brain when I first start learning, so I go tell you analogy wey make am clear for me – I hope e help you also!
+Okay, dis one be the concept wey confuse me well when I first start learning, so I go share analogy wey finally make am clear for me – I hope e still help you!
 
-Imagine say you dey visit country wey you no sabi language, and you really need find nearest toilet (everybodi don waka this road, abi? 😅):
+Imagine say you dey visit country wey you no sabi language, and you basically need find bathroom quick quick (everybody don haf been there, abi? 😅):
 
-- **Low-level programming** na like say you sabi the local dialect well well, so you fit yan the old woman wey dey sell fruit corner this corner wit cultural things, local slang, and inside jokes wey only person wey grow there go understand. E sweet and very efficient... if you fluent! But e go just stress you if na only restroom you dey find.
+- **Low-level programming** be like you sabi local language well, so you fit yarn with old woman wey dey sell fruit for corner, with inside jokes, local slang wey only person wey grow inside country go understand. Na beta level and dey quick if you sabi well! But e heavy if na only bathroom you dey find.
 
-- **High-level programming** na like say you get beta local padi wey understand you well. You fit talk "I really need to find restroom" for plain English, and e go translate everything and carry you go the toilet in way wey your non-local brain go understand.
+- **High-level programming** be like that your local friend wey just dey understand you well well. You fit talk "I need find bathroom" for plain English, and dem go translate everything and give you direction wey your non-local brain go understand.
 
 For programming:
-- **Low-level languages** (like Assembly or C) dey allow you talk detailed talk with computer actual hardware, but you must reason like machine, which be... ehn, make we just say e big mental adjustment!
-- **High-level languages** (like JavaScript, Python, or C#) dey let you think like human while dem dey do all the machine talk for back scenes. Plus, dem get communities full of people wey remember when dem be new and dey really ready to help!
+- **Low-level languages** (like Assembly or C) let you yarn detailed talk with computer hardware, but you gats think like machine, which be big change for brain!
+- **High-level languages** (like JavaScript, Python, or C#) let you think like human as dem handle machine talk for background. Plus, dem get huge communities wey remember say dem bi newb and dem dey willing to help!
 
-Guess which one I go tell you make you start with? 😉 High-level languages na like training wheels wey you no even want remove because dem just dey make am better to learn!
+Guess which ones I go recommend you start with? 😉 High-level languages na like training wheels wey you no go ever want remove because dem make everything beta!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I wan calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Human Tink:<br/>'I wan calculate Fibonacci number dem'"] --> B{Choose Language Level}
     
     B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
     B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Make I Show You Why High-Level Languages Dey More Friendly
+### Make I Show You Why High-Level Languages Dey Friendlier
 
-Alright, I go show you something wey go show why I fall in love with high-level languages, but first – make you promise me one thing. When you see that first code example, no fear! E suppose look like say e heavy. Na exactly wetin I dey yan be that!
+Alright, I go show you something where e clear why I fall in love with high-level languages, but first – make you promise me one tin. When you see the first code example, no panic! E suppose look scary. Na exactly wetin I dey try show!
 
-We go look the same task wey write for two complete different styles. Both go create wetin dem dey call Fibonacci sequence – na beautiful mathematical pattern wey every number na the sum of the two number before am: 0, 1, 1, 2, 3, 5, 8, 13... (Fun fact: you go find this pattern everywhere for nature – like sunflower seed spirals, pine cone shapes, even galaxy way dem form!)
+We go look same task wey dem write for two different styles. Both na to create Fibonacci sequence – na beta mathematical pattern wey every number na sum of two previous: 0, 1, 1, 2, 3, 5, 8, 13... (Fun fact: you fit find this pattern everywhere for nature – sunflower seed spirals, pinecone patterns, even galaxy shape!)
 
-Ready to see di difference? Make we go!
+Ready to see difference? Make we go!
 
 **High-level language (JavaScript) – Human-friendly:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup na so we go start Fibonacci setup
+// Step 1: Simple Fibonacci arrangement
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Dis code dey do this:**
-- **Declare** constant wey go talk how many Fibonacci number we go generate
-- **Initialize** two variables to track current and next number for sequence
+**Wetin this code dey do:**
+- **Declare** constant to show how many Fibonacci numbers we wan generate
+- **Initialize** two variables to dey track current and next numbers inside sequence
 - **Set up** starting values (0 and 1) wey define Fibonacci pattern
-- **Show** one header message to identify our output
+- **Display** header message to show our output
 
 ```javascript
-// Step 2: Make di sequence wit loop
+// Step 2: Make di sequence wit one loop
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate di next number for di sequence
+  // Find di next number for di sequence
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Make we break down wetin dey happen here:**
-- **Loop** through every position for our sequence using `for` loop
-- **Show** each number with im position using template literal formatting
+**Break down wetin dey happen here:**
+- **Loop** through every position for our sequence with `for` loop
+- **Display** every number plus im position with template literal format
 - **Calculate** next Fibonacci number by adding current and next values
-- **Update** our tracking variables to move to next number
+- **Update** our tracking variables to move to next round
 
 ```javascript
-// Step 3: How we dey do am wit new style
+// Step 3: Modern functional way to do am
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -219,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// How you go take use am example
+// How to take use am example
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**For this one, we:**
-- **Create** reusable function using modern arrow function syntax
-- **Build** array to store complete sequence instead of showing one by one
-- **Use** array indexing to calculate each new number from previous ones
-- **Return** complete sequence to use anyhow for other parts of program
+**Inside dis one, we don:**
+- **Create** reusable function with modern arrow syntax
+- **Build** array to keep full sequence instead of showing one by one
+- **Use** array indexing to calculate new number from previous ones
+- **Return** full sequence for flexible use for other parts of program
 
 **Low-level language (ARM Assembly) – Computer-friendly:**
 
@@ -257,128 +257,127 @@ back add r0,r1
  end
 ```
 
-Notice how JavaScript version read like English instructions, but Assembly version get secret commands wey control computer processor directly. Both do the exact same work, but the high-level language easy for humans to understand, write, and maintain.
+Notice say JavaScript version read like English instruction, while Assembly version use secret commands to control processor directly. Both dey do same work, but high-level language easy for humans to understand, write, and maintain.
 
-**Key difference wey you go notice:**
-- **Readability**: JavaScript dey use names like `fibonacciCount` wey clear, but Assembly dey use codes like `r0`, `r1`
+**Main differences wey you go notice:**
+- **Readability**: JavaScript dey use descriptive names like `fibonacciCount` while Assembly dey use cryptic labels like `r0`, `r1`
 - **Comments**: High-level languages dey encourage explanatory comments wey dey make code self-documenting
-- **Structure**: JavaScript logical flow dey match how humans dey think about problems step-by-step
-- **Maintenance**: Updating the JavaScript version for different requirements easy and clear
-
-✅ **About the Fibonacci sequence**: Dis absolutely beautiful number pattern (where each number equals di sum of di two before am: 0, 1, 1, 2, 3, 5, 8...) dey show up literally *everywhere* for nature! You go find am for sunflower spirals, pinecone patterns, di way nautilus shells dey curve, and even for how tree branches grow. E dey pretty mind-blowing how math and code fit help us understand and recreate di patterns wey nature dey use to create beauty!
+- **Structure**: JavaScript logical flow dey match how human being dey think about problems step-by-step
+- **Maintenance**: Updating the JavaScript version for different requirements na straightforward and clear
 
+✅ **About the Fibonacci sequence**: Dis absolutely beautiful number pattern (wey each number be di sum of di two wey dey before am: 0, 1, 1, 2, 3, 5, 8...) dey show up literally *everywhere* for nature! You go find am for sunflower spirals, pinecone patterns, how nautilus shells curve, and even how tree branches dey grow. E sure me die how math and code fit help us understand and recreate di patterns wey nature dey use take create beauty!
 
 ## The Building Blocks That Make the Magic Happen
 
-Alright, now wey you don see how programming languages dey act, make we break down di fundamental pieces wey dey make up literally every program wey dem don write. Think of these as di essential ingredients for your favorite recipe – once you sabi wetin each one dey do, you go fit read and write code for almost any language!
+Alright, now wey you don see how programming languages dey work, make we break down di fundamental pieces wey dey make literally every program wey dem don write. Think of dem as di essential ingredients for your favorite recipe – once you understand wetin each one dey do, you go fit read and write code for almost any language!
 
-Dis na like learning di grammar of programming. Remember for school when you learn about nouns, verbs, and how to put sentences together? Programming get him own version of grammar, and honestly, e dey way more logical and forgiving pass English grammar! 😄
+Dis one be like learning di grammar of programming. You remember back when you for school wey you learn about nouns, verbs, and how to put sentences together? Programming get e own version of grammar, and honestly, e dey way more logical and forgiving than English grammar ever be! 😄
 
 ### Statements: The Step-by-Step Instructions
 
-Make we start with **statements** – dem be like individual sentences wey you dey yarn with your computer. Each statement dey tell di computer to do one specific thing, just like giving directions: "Turn left here," "Stop for di red light," "Park for that spot."
+Make we start with **statements** – dem be like individual sentences for conversation with your computer. Each statement dey tell computer to do one specific tin, like to give directions: "Turn left here," "Stop at the red light," "Park for dat spot."
 
-Wetin I like about statements na how dem dey readable most times. Check dis out:
+Wetin I like about statements be how dem dey readable mostly. Check dis out:
 
 ```javascript
-// Simple talk wey dey do one kain work only
+// Basic talk wey dey do one kine action only
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**Dis na wetin dis code dey do:**
-- **Declare** one constant variable to store user name
-- **Display** greeting message for di console output
-- **Calculate** and store di result of one mathematical operation
+  
+**Dis na wetin dis code dey do:**  
+- **Declare** constant variable to store person name  
+- **Display** greeting message to di console output  
+- **Calculate** and store di result of mathematical operation
 
 ```javascript
-// Di talk dem wey dey interact wit web pages
+// Statements wey dey interact wit web pages
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-
-**Step by step, dis na wetin dey happen:**
-- **Modify** di webpage title wey dey appear for di browser tab
+  
+**Step by step, dis na wetin dey happen:**  
+- **Modify** di webpage title wey dey show for browser tab  
 - **Change** di background color of di whole page body
 
 ### Variables: Your Program's Memory System
 
-Okay, **variables** be one of my absolute favorite concepts to teach because dem dey just like things you dey use everyday!
+Okay, **variables** be one of my absolute favorite concepts to teach because dem dey so much like tins wey you dey use every single day!
 
-Think about your phone contact list for one second. You no dey memorize everybody phone numbers – you dey save "Mom," "Best Friend," or "Pizza Place Wey Dey Deliver Till 2 AM" and your phone dey remember di actual numbers. Variables dey work like dat! Dem be like labeled containers where your program fit store info and retrieve am later with one name wey make sense.
+Think about your phone contact list for small. You no dey memorize everybody phone number – you go save "Mom," "Best Friend," or "Pizza Place Wey Dey Deliver Till 2 AM" and make your phone remember the real numbers. Variables dey work exactly like dat! Dem be like labelled containers where your program fit store information and later use name wey make sense take find am.
 
-Wetin make am really cool: variables fit change as your program dey run (na why dem call am "variable" – you see wetin dem do there?). Just like how you fit update dat pizza place contact if you find better one, variables fit dey updated as your program learn new info or as situation change!
+Wetin dey really cool be say variables fit change as your program dey run (na why dem call am "variable" – you see wetin dem do?). Just like you fit update that pizza place contact when you find better place, variables fit update as your program learn new tins or as situation change!
 
-Make I show you how simple e fit be:
+Make I show you how e simple:
 
 ```javascript
-// Step 1: Di creating basic variables
+// Step 1: Make di basic variable dem
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**Make you understand dis concepts:**
-- **Store** values wey no go change for `const` variables (like site name)
-- **Use** `let` for values wey fit change during your program
-- **Assign** different data types: strings (text), numbers, and booleans (true/false)
+  
+**Understanding dis concepts:**  
+- **Store** unchanging values for `const` variables (like site name)  
+- **Use** `let` for values wey fit change for your program  
+- **Assign** different data types: strings (text), numbers, and booleans (true/false)  
 - **Choose** descriptive names wey explain wetin each variable get inside
 
 ```javascript
-// Step 2: Dey wok wit objects to group tings wey relate togeda
+// Step 2: Di work wit object dem to group related data
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**For di above, we:**
-- **Create** one object to group related weather information
-- **Organize** plenty pieces of data under one variable name
-- **Use** key-value pairs to label each info clearly
+  
+**For above, we don:**  
+- **Create** object to group related weather information together  
+- **Organize** many pieces of data under one variable name  
+- **Use** key-value pairs to label each piece of information clear clear
 
 ```javascript
-// Step 3: Di way wey you go take use an update di variables
+// Step 3: De use and update di variables
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// How to update di variables wey fit change
+// Update di variables wey fit change
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**Make we understand each part:**
-- **Display** info with template literals using `${}` syntax
-- **Access** object properties with dot notation (`weatherData.windSpeed`)
-- **Update** variables wey dem declare with `let` to show changing conditions
+  
+**Make we understand each part:**  
+- **Display** information using template literals with `${}` syntax  
+- **Access** object properties using dot notation (`weatherData.windSpeed`)  
+- **Update** variables wey declare with `let` as conditions change  
 - **Combine** multiple variables to create meaningful messages
 
 ```javascript
-// Step 4: Modern destructuring make di code clean well well
+// Step 4: Modern destructuring make code dey clean well well
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-
-**Wetin you need sabi:**
-- **Extract** specific properties from objects with destructuring assignment
-- **Create** new variables automatically wey get same names as object keys
+  
+**Wetin you need sabi:**  
+- **Extract** specific properties from objects with destructuring assignment  
+- **Create** new variables automatically with same names as object keys  
 - **Simplify** code by avoiding repetitive dot notation
 
 ### Control Flow: Teaching Your Program to Think
 
-Okay, na here programming go dey mind-blowing! **Control flow** na teaching your program how to make smart decisions, just like how you dey do every day without even think.
+Okay, dis na where programming go mind-blow you! **Control flow** na basically to teach your program how to make correct decisions, just like you dey do every day without even dey reason am.
 
-Imagine dis: this morning you for do something like "If e dey rain, I go carry umbrella. If e cold, I go wear jacket. If I late, I go skip breakfast and grab coffee on di way." Your brain naturally dey follow dis if-then logic many times every day!
+Imagine this one: dis morning you probably do like "If e dey rain, I go carry umbrella. If e cold, I go wear jacket. If I dey late, I go skip breakfast, carry coffee for road." Your brain dey naturally follow dis if-then logic plenty times every day!
 
-Dis na wetin dey make programs dey feel intelligent and alive, no be only to follow boring, predictable script. Dem fit look situation, reason wetin dey happen, and respond well well. E be like giving your program brain wey fit adapt and make choices!
+Dis na wetin make programs dey feel like dem get intelligence and life, no be like some boring predictable script. Dem fit look situation, sabi wetin dey happen, and respond well well. E be like you give your program brain wey fit adapt and make choices!
 
-You want see how dis work nicely? Make I show you:
+You want see how e sweet? Make I show you:
 
 ```javascript
-// Step 1: Simple if-else ting dem
+// Step 1: Simple condition ting wey dey check
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -388,12 +387,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**Dis na wetin dis code dey do:**
-- **Check** if user age reach di voting requirement
-- **Execute** different code blocks based on condition result
-- **Calculate** and display how long before dem fit vote if dem still under 18
-- **Provide** specific, helpful feedback for each case
+  
+**Dis na wetin dis code dey do:**  
+- **Check** if user's age reach voting age  
+- **Run** different code blocks based on the condition result  
+- **Calculate** and show how long dem go wait if dem no reach 18  
+- **Give** specific, helpful feedback for each case
 
 ```javascript
 // Step 2: Plenty conditions wit logical operators
@@ -408,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**Break down wetin dey happen:**
-- **Combine** multiple conditions with `&&` (and) operator
-- **Create** hierarchy of conditions with `else if` for many scenarios
-- **Handle** all possible cases with final `else` statement
-- **Provide** clear and actionable feedback for each different situation
+  
+**Break down wetin dey happen:**  
+- **Join** multiple conditions with `&&` (and) operator  
+- **Create** hierarchy with `else if` for multiple scenarios  
+- **Handle** all possible cases with `else` statement  
+- **Give** clear, actionable feedback for each different situation
 
 ```javascript
-// Step 3: Short condition wit ternary operator
+// Step 3: Short conditional wit ternary operator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**Wetin you need remember:**
-- **Use** ternary operator (`? :`) for simple two-option conditions
-- **Write** condition first, then `?`, then true result, then `:`, then false result
-- **Apply** dis pattern when you want assign values based on conditions
+  
+**Wetin to remember:**  
+- **Use** ternary operator (`? :`) for simple two-option choice  
+- **Write** condition first, then `?`, then true result, then `:`, then false result  
+- **Apply** this pattern when you want assign values based on conditions
 
 ```javascript
-// Step 4: Dealing wit plenti particular kain cases
+// Step 4: Dealing wit many spesific tins dem
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,52 +445,52 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**Dis code dey do dis:**  
+- **Match** variable values with multiple specific cases  
+- **Group** similar cases (weekdays vs. weekends)  
+- **Run** correct code block when match found  
+- **Use** `default` case to handle unexpected values  
+- **Use** `break` make code no run go next case
 
-**Dis code dey do:**
-- **Match** variable value against multiple specific cases
-- **Group** similar cases together (weekdays vs weekends)
-- **Execute** correct code block when match dey
-- **Include** `default` case to handle unexpected values
-- **Use** `break` statements to prevent code from running to next case
-
-> 💡 **Real-world analogy**: Think of control flow like di world most patient GPS wey dey gimme directions. E go talk "If traffic dey Main Street, take highway instead. If construction block highway, try scenic route." Programs dey use same conditional logic make dem respond smartly to different things and always give user di best experience.
+> 💡 **Real-world analogy**: Think of control flow like make GPS wey patient well-well dey give you directions. E fit talk "If traffic dey for Main Street, use highway instead. If highway block, try scenic route." Programs dey use same kind of conditional logic take respond smartly to different cases and always give users best experience.
 
 ### 🎯 **Concept Check: Building Blocks Mastery**
 
-**Make we see how you dey with fundamentals:**
-- Fit explain difference between variable and statement with your own words?
-- Think of real-world place where you fit use if-then decision (like our voting example)
-- Wetin one thing about programming logic wey surprise you?
+**Make we check how you dey do for fundamentals:**  
+- Fit explain difference between variable and statement with your own words?  
+- Think of real life case wey you go use if-then decision (like our voting example)  
+- Wetin surprise you about programming logic?
 
-**Quick confidence booster:**
+**Small confidence booster:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions dem)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-✅ **Wet tin dey come next**: We go enjoy as we dive deeper into these concepts for this incredible journey! Right now, just focus on that excitement about all di amazing possibilities wey dey front of you. Di specific skills and techniques go naturally stick as we practice together – I promise say dis go sweet pass wetin you expect!
+```  
+✅ **Wetin go happen next**: We go enjoy as we dive deeper into these concepts as we continue this amazing journey together! For now, focus on the excitement for all the wonderful possibilities ahead. Di specific skills and techniques go naturally stick as we practice together – I promise dis go more fun than you expect!
 
 ## Tools of the Trade
 
-Okay, na here I dey really excited wey I fit barely contain! 🚀 We go talk about the amazing tools wey go make you feel like say dem don give you di keys to digital spaceship.
+Alright, dis na where I nearly dey burst with excitement! 🚀 We dey talk about di incredible tools wey go make you feel like sey dem don give you keys to digital spaceship.
 
-You sabi how chef get knives wey balance well well wey feel like part of im hand? Or how musician get guitar wey dey sing the moment dem touch am? Well, developers get our own magical tools, and here na wetin go blow your mind – most of dem dey free!
+You sabi how chef get those perfectly balanced knives wey feel like extension of their hands? Or how musician get one guitar wey sound as dem touch am? Well, developers get our own magical tools and here be wetin go blow your mind – most of dem na free free!
 
-I dey bounce for my chair just dey think about to share this with you because dem don change how we dey build software completely. We dey talk about AI-powered coding assistants wey fit help write your code (I no dey joke!), cloud environments where you fit build complete applications from anywhere with Wi-Fi, and debugging tools so waka deep dem be like X-ray vision for your programs.
+I dey almost jump for joy dey think about to share these because dem don totally change how we build software. We dey talk AI-powered coding assistants wey fit help write your code (no be joke!), cloud environments wey you fit build whole apps anywhere wey get Wi-Fi, and debugging tools so powerful, e be like say you get X-ray vision for your programs.
 
-And this one still get me chills: these no be beginner tools wey you go soon comot. Na the exact professional-grade tools wey developers for Google, Netflix, and that indie app studio wey you like dey use now now. You go feel like real pro using them!
+And dis one still dey give me shivers: these no be "beginner tools" wey you go soon stop to use. Na exact same correct professional tools wey developers for Google, Netflix, and that indie app studio you love dey use now now. You go feel like pro when you start use dem!
 
 ```mermaid
 graph TD
     A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
+    B --> C["🌐 Browser DevTools<br/>(Testin & Debuggin)"]
     C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    D --> E["📚 Documentation<br/>(Learnin & Reference)"]
+    E --> F["🚀 Kain Web App Wey Dey Wow!"]
     
     B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
     C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
@@ -504,109 +503,108 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
 ### Code Editors and IDEs: Your New Digital Best Friends
 
-Make we talk about code editors – dem go soon become your favorite places to hang out! Think of dem as your personal coding sanctuary where you go spend most of your time crafting and perfecting your digital work.
+Make we talk about code editors – dem go soon be your favorite places to chill! Think of dem as personal coding sanctuary where you go spend most time dey create and improve your digital projects.
 
-But dis one dey magical about modern editors: no be only fine text editors. Dem be like having best, most supportive coding mentor sit right beside you 24/7. Dem go catch your typo before you even sabi dem, suggest ways to make you look genius, help you understand every piece of code, and some even fit predict wetin you wan type next and offer to finish your mind!
+But wetin dey magical about modern editors be say dem no be ordinary text editors. Dem be like di smartest, most supportive coding mentor wey dey sit beside you 24/7. Dem dey catch your typos before you notice, suggest improvements wey make you look like genius, dey help you understand wetin every piece of code dey do, and some fit even guess wetin you wan type and finish your thoughts for you!
 
-I remember when I first find auto-completion – I feel like I dey live for future. You go start to type, then your editor go talk, "Hey, you dey think about dis function wey go do wetin you need?" E be like say your coding buddy sabi your mind before you talk am!
+I remember the first time I see auto-completion – I literally feel like say I dey live for future. You start to type, and your editor go be like, "Hey, were you thinking about dis function wey do exactly wetin you need?" E be like have mind reader as your coding buddy!
 
-**Wetin make these editors so incredible?**
+**Wetyn make these editors special?**
 
-Modern code editors get plenty features wey go boost your work productivity:
+Modern code editors get plenty features wey dey boost your productivity:
 
-| Feature | What E Dey Do | Why E Dey Help |
-|---------|--------------|--------------|
-| **Syntax Highlighting** | Dey color different parts of your code | Make code easier to read and spot mistakes |
-| **Auto-completion** | Dey suggest code as you type | Speed coding and reduce typos |
-| **Debugging Tools** | Dey help find and fix errors | Save you many hours of troubleshooting |
+| Feature | Wetin E Dey Do | Why E Dey Help |
+|---------|----------------|----------------|
+| **Syntax Highlighting** | Color different parts of your code | Make code easy to read and spot errors |
+| **Auto-completion** | Suggest code as you type | Make coding faster and reduce typos |
+| **Debugging Tools** | Help find and fix errors | Save time for troubleshooting |
 | **Extensions** | Add special features | Customize your editor for any technology |
-| **AI Assistants** | Suggest code and explanations | Fast learning and better productivity |
+| **AI Assistants** | Suggest code and explanations | Boost learning and productivity |
 
-> 🎥 **Video Resource**: Want see these tools for action? Check dis [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for full overview.
+> 🎥 **Video Resource**: You want see these tools for action? Check dis [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for detailed overview.
 
 #### Recommended Editors for Web Development
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Free)
-- Most popular for web developers
-- Excellent extension ecosystem
-- Built-in terminal and Git integration
-- **Must-have extensions**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered code suggestions
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Catch typos inside your code
-
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Paid, free for students)
-- Advanced debugging and testing tools
-- Intelligent code completion
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Free)  
+- Na popular choice for web developers  
+- Plenty extensions  
+- Built-in terminal and Git support  
+- **Must-have extensions**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI powered code suggestions  
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration  
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting  
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Catch typos in your code
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Paid, free for students)  
+- Advanced debugging and testing tools  
+- Intelligent code completion  
 - Built-in version control
 
-**Cloud-Based IDEs** (Different pricing)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code for your browser
-- [Replit](https://replit.com/) - Great for learning and sharing code
+**Cloud-Based IDEs** (Various pricing)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code for your browser  
+- [Replit](https://replit.com/) - Great for learning and sharing code  
 - [StackBlitz](https://stackblitz.com/) - Instant, full-stack web development
 
-> 💡 **Getting Started Tip**: Start with Visual Studio Code – e free, e dey widely used for industry, and get big community wey dey create helpful tutorials and extensions.
-
+> 💡 **Getting Started Tip**: Start with Visual Studio Code – e free, widely used for industry, and get huge community wey dey create tutorials and extensions.
 
 ### Web Browsers: Your Secret Development Laboratory
 
-Okay, get ready to get your mind blow! You know how you dey use browsers to scroll social media and watch videos? Well, e turn out say browsers hide incredible secret developer laboratory all dis time, just dey wait make you find am!
+Okay, prepare for your mind to bubble full ground! You sabi how you dey use browsers to scroll social media and watch videos? Well, e turn say dem dey hide one correct secret developer laboratory all dis time, just waiting gidigba for you to discover!
 
-Every time you right-click on webpage and choose "Inspect Element," na so you dey open one hidden world of developer tools wey really powerful pass some expensive software wey I use pay hundreds of dollars for before. E be like say your normal kitchen get professional chef laboratory behind secret panel!
-Di fọs taim pesin show me browser DevTools, ah spent like three awas jus dey click around an dey talk "WAIT, E FIT DO DAT TOO?!" You fit edit any website for real-time, see exactly how fast everytin dey load, test how your site dey look for different devices, an even debug JavaScript like total pro. E really blow mind!
+Every time you right-click on webpage and choose "Inspect Element," you dey open hidden world of developer tools wey seriously powerful pass some expensive software wey I dey pay hundreds dollars for before. E be like say your normal kitchen dey hide professional chef laboratory behind secret panel!
+Di first time oly person show me browser DevTools, I spend like three wata dem hours just dey click everywhere and dey shout "WAIT, E FIT DO DAT TOO?!" You fit edit any website for real-time, see how fast everytin dey load, test how your site dey look for different kain devices, and even debug JavaScript like certified pro. E too much for brain!
 
 **Na why browsers be your secret weapon:**
 
-When you dey create website or web application, you go need see how e dey look an behave for real life. Browsers no just show your work, dem dey give you detailed feedback about performance, accessibility, an potential wahala.
+When you make website or web app, you go need see how e go look and behave for real world. Browsers no just dey show your work but e go also give detailed feedback about performance, accessibility, and any wahala wey fit dey.
 
 #### Browser Developer Tools (DevTools)
 
-Modern browsers get full development suite:
+Modern browsers get full set of development tools:
 
 | Tool Category | Wetin E Dey Do | Example Use Case |
-|---------------|----------------|------------------|
-| **Element Inspector** | View an edit HTML/CSS for real-time | Change style make you see quick result |
-| **Console** | View error messages an test JavaScript | Debug gbege an try code |
-| **Network Monitor** | Track how resources dey load | Make performance an loading sharp |
+|---------------|----------------|-----------------|
+| **Element Inspector** | View and edit HTML/CSS for real-time | Adjust styling make you see result sharp-sharp |
+| **Console** | View error messages and test JavaScript | Debug problems and try code experiments |
+| **Network Monitor** | Track how resources dey load | Make performance and loading times better |
 | **Accessibility Checker** | Test for inclusive design | Make sure say your site dey work for everybody |
 | **Device Simulator** | Preview on different screen sizes | Test responsive design without many devices |
 
-#### Recommended Browsers for Development
+#### Browsers Wey Dem Recommend for Development
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industry-standard DevTools wit full documentation
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Beta CSS Grid an accessibility tools
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Build on Chromium wit Microsoft developer resources
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industry-standard DevTools with plenty documentation
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Better CSS Grid and accessibility tools
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Based on Chromium with Microsoft developer resources
 
-> ⚠️ **Important Testing Tip**: Always test your websites inside multiple browsers! Wetin work well for Chrome fit look different for Safari or Firefox. Professional developers dey test for all major browsers so user experience go dey consistent.
+> ⚠️ **Important Testing Tip**: Always test your websites for different browsers! Wetin dey perfect for Chrome fit look different for Safari or Firefox. Pro developers test for all big browsers to make sure user experience dey consistent.
 
-### Command Line Tools: Your Gateway to Developer Superpowers
+### Command Line Tools: Na Your Gateway to Developer Superpowers
 
-Okay, mek we dey real here about command line, because I want make you hear from person wey understand am well well. When I first see am – just dis scary black screen with blinking text – I really think, "Nope, no way! E be like witchcraft from 1980s hacker movie, and I no smart reach dat level!" 😅
+Make we yarn honest talk about command line because I want make you hear am from person wey really sabi. The first time I see am – na scary black screen wey dey blink text – I come think, "No way, e no be for me! E dey look like 1980s hacker movie, and I no too sabi this one!" 😅
 
-But na wetin I wish person don tell me back then an wat I dey tell you now be: command line no dey scary – e be like direct talk with your computer. E be like differenc between ordering food from fancy app wit picture an menu (wey sweet an easy) versus enter your local restaurant where chef sabi wetin you like an fit make correct food when you just say "surprise me with something great."
+But wetin I wish dem tell me then, and wetin I dey tell you now be dis: command line no scary – na like you dey talk direct with your computer. E be like the difference between order food using app wey get pictures and menu (wey easy) versus waka enter your local restaurant where the chef sabi wetin you like, and fit make better food with just you say "surprise me something sweet."
 
-Command line na where developers go feel like real wizards. You just type few magic words (okay na commands, but e dey feel magic!), press enter, an BOOM – you don create whole project structure, install strong tools from anywhere, or deploy your app to internet for millions people to see. When you get first taste of dat power, e be like chain wey no fit break!
+Command line na where developers feel like total wizards. You type some magical words (okay, na commands but dem dey feel magical!), press enter, and BOOM – you fit create whole project structure, install powerful tools from anywhere, or deploy your app for internet make millions people see. Once you taste that power, e sweet well-well!
 
-**Why command line go be your best tool:**
+**Why command line go be your favorite tool:**
 
-Even though GUI dey good for many tasks, command line dey excel for automation, precision, an speed. Plenty dev tools dey work mainly with command line interface, an learning how to use dem well fit boost your productivity no be small.
+While graphical interfaces better for many work, command line sharp for automation, precision, and speed. Many development tools dey use am first, and to sabi use am well fit boost your productivity low-low.
 
 ```bash
-# Step 1: Make and waka go project folder
+# Step 1: Make and waka go the project folder
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Dis code dey do:**
-- **Create** one new directory wey dem call "my-awesome-website" for your project
-- **Navigate** inside dat new directory to start work
+**Wetin dis code dey do:**
+- **Create** new directory wey dem call "my-awesome-website" for your project
+- **Navigate** go inside the new directory to start work
 
 ```bash
-# Step 2: Start di project wit package.json
+# Step 2: Begin project wit package.json
 npm init -y
 
 # Install beta development tools
@@ -617,11 +615,11 @@ npm install --save-dev @eslint/js
 **Step by step, dis na wetin dey happen:**
 - **Initialize** new Node.js project with default settings using `npm init -y`
 - **Install** Vite as modern build tool for fast development and production build
-- **Add** Prettier for automatic code formatting an ESLint for code quality check
-- **Use** `--save-dev` flag to mark these as development-only dependencies
+- **Add** Prettier for automatic code formatting and ESLint for code quality check
+- **Use** `--save-dev` flag to mark dem as development-only dependencies
 
 ```bash
-# Step 3: Build di project structure and files
+# Step 3: Make di project structure and files
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -630,83 +628,83 @@ npx vite
 ```
 
 **For above, we don:**
-- **Organize** our project by creating separate folders for source code an assets
-- **Generate** basic HTML file wit correct document structure
-- **Start** Vite development server for live reload an hot module replacement
+- **Organize** our project by creating separate folders for source code and assets
+- **Generate** basic HTML file with proper document structure
+- **Start** Vite development server for live reload and hot module replacement
 
 #### Essential Command Line Tools for Web Development
 
 | Tool | Purpose | Why You Need Am |
 |------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | Version control | Track changes, collaborate an backup work |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Run JavaScript outside browser, install modern dev tools |
-| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Fast development wit hot module replacement |
-| **[ESLint](https://eslint.org/)** | Code quality | Automatically find an fix problems for your JavaScript |
-| **[Prettier](https://prettier.io/)** | Code formatting | Keep code consistent an easy to read |
+| **[Git](https://git-scm.com/)** | Version control | Track changes, collaborate with others, backup your work |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Run JavaScript outside browsers, install modern development tools |
+| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Lightning-fast development with hot module replacement |
+| **[ESLint](https://eslint.org/)** | Code quality | Automatically find and fix problems for your JavaScript |
+| **[Prettier](https://prettier.io/)** | Code formatting | Keep your code consistently formatted and easy to read |
 
 #### Platform-Specific Options
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern, feature-rich terminal
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern, features full terminal
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Powerful scripting environment
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditional Windows command line
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Old school Windows command line
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Built-in terminal app
-- **[iTerm2](https://iterm2.com/)** - Enhanced terminal wit advanced features
+- **[iTerm2](https://iterm2.com/)** - Better terminal with more features
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux shell
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Advanced terminal emulator
 
-> 💻 = Pre-installed for operating system
+> 💻 = Pre-installed for the operating system
 
-> 🎯 **Learning Path**: Start wit basic commands like `cd` (change directory), `ls` or `dir` (list files), an `mkdir` (create folder). Practice wit modern workflow commands like `npm install`, `git status`, an `code .` (opens current directory in VS Code). As you dey comfortable, you go naturally learn advanced commands an automation techniques.
+> 🎯 **Learning Path**: Start with simple commands like `cd` (change directory), `ls` or `dir` (list files), and `mkdir` (create folder). Practice with modern workflow commands like `npm install`, `git status`, and `code .` (open current directory for VS Code). As you sabi well, you go naturally sabi advanced commands and automation tricks.
 
 ### Documentation: Your Always-Available Learning Mentor
 
-Okay, mek I share small secret wey go make you feel better about being beginner: even the most experienced developers spend plenty time dey read documentation. An no be because dem no sabi wetin dem dey do – e mean say dem dey wise!
+Okay, make I share small secret wey go make you feel better as beginner: even the pro developers spend big time dey read documentation. Na no be because dem no sabi, na because e mean say dem dey wise!
 
-Think documentation like you get access to world most patient, knowledgeable teacher wey dey available 24/7. You jam gbege for 2 AM? Documentation dey give you warm virtual hug an exactly di answer wey you need. You want learn about beta new thing wey everybody dey talk? Documentation get your back wit step-by-step example. You dey try sabi why something dey work like dat? You don guess am – documentation ready to explain am so e go clear finally!
+Think documentation like say na world most patient, sabi teachers wey dey available 24/7. You catch problem for 2 AM? Documentation go give you warm virtual hug plus answer wey you need. You wan learn about new feature wey everybody dey talk? Documentation get your back with step-by-step example. You dey try understand why something dey work like that? You don guess am – documentation dey ready to explain am so e go make sense!
 
-Here na wetin change my mind: web development world dey move sharp sharp, an nobody (I mean nobody!) fit remember everything. I don watch senior devs with 15+ years experience dey look basic syntax, and you know? E no shame – na smart thing be dat! E no mean say memory perfect; na to sabi where to find correct answer fast an understand how to apply am.
+Wetin change my mind: web development world dey move fast gan, and nobody (I mean nobody!) dey keep everything for memory. I don see senior developers wey get 15+ years of experience dey look up basic syntax, and you know wetin? E no shame – e be smart move! E no be about perfect memory but to sabi where to find correct answer fast and sabi how to apply am.
 
-**Na here di real magic dey:**
+**Na here real magic dey happen:**
 
-Professional developers spend big part of their time dey read documentation – no be because dem no sabi, but because web development landscape dey change fast so dem need dey learn continuously. Great documentation go help you understand not just *how* to use somtin, but *why* an *when* to use am.
+Pro developers spend plenty time dey read documentation – no be because dem no sabi, but because web development dey change quick and to dey up to date you must dey learn well well. Better documentation go help you understand not just *how* to use something, but *why* and *when* to use am.
 
 #### Essential Documentation Resources
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Gold standard for web technology documentation
-- Comprehensive guides for HTML, CSS an JavaScript
-- Browser compatibility info inside
-- Get practical examples an interactive demos
+- The gold standard for web technology documentation
+- Complete guides for HTML, CSS, and JavaScript
+- Include browser compatibility info
+- Get practical examples and interactive demos
 
 **[Web.dev](https://web.dev)** (by Google)
 - Modern web development best practices
-- Performance optimization guides
-- Accessibility an inclusive design principles
-- Case studies from real projects
+- Guides for performance optimization
+- Accessibility and inclusive design principles
+- Real-world project case studies
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge browser development resources
 - Progressive Web App guides
-- Cross-platform dev insights
+- Cross-platform development insights
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Structured learning curricula
+- Structured learning curriculum
 - Video courses from industry experts
 - Hands-on coding exercises
 
-> 📚 **Study Strategy**: No try memorize documentation – better learn how to navigate am well. Bookmark references you use dey-time to time an practice to find info fast with search.
+> 📚 **Study Strategy**: No try to memorize documentation – instead, learn how to use am well. Bookmark your frequently-used references and sabi how to search quick quick for info.
 
-### 🔧 **Tool Mastery Check: Wetin Dey Resonate With You?**
+### 🔧 **Tool Mastery Check: Wetin De Resonate With You?**
 
-**Take small time to think:**
-- Which tool you dey excited to try first? (No wrong answer!)
-- Command line still dey scare you or you get curiosity about am?
-- You go fit use browser DevTools to peek behind curtain for your favorite websites?
+**Take small time think:**
+- Which tool you dey most eager try first? (No wrong answer here!)
+- Command line still dey fear you, or you dey curious?
+- You fit imagine using browser DevTools to look behind your favorite websites curtain?
 
 ```mermaid
 pie title "How Developer Dey Spend Time Wit Tools"
@@ -716,68 +714,68 @@ pie title "How Developer Dey Spend Time Wit Tools"
     "Reading Docs" : 15
     "Debugging" : 5
 ```
-> **Fun insight**: Majority developers spend about 40% of their time for their code editor, but observe how much time dey go for testing, learning, an problem-solving. Programming no be only to write code – na to create experience!
+> **Fun insight**: Most developers spend about 40% of their time for their code editor, but dem go spend plenty time dey test, learn, and solve problems. Programming no be just writing code – na about crafting experiences!
 
-✅ **Food for thought**: Think about dis – how tools for building websites (development) dey different from tools for designing how dem go look (design)? E be like differenc between architect wey design beautiful house an contractor wey build am. Both important, but need different tools! Dis kind thinking go help you see bigger picture of how websites dem come alive.
+✅ **Food for thought**: This one interesting to reason – how you think say tools for building websites (development) fit differ from tools for designing how e go look (design)? E be like the difference between architect wey design fine house and contractor wey actually build am. Both important, but dem need different toolboxes! This kind thinking go help you see big picture of how websites dey come alive.
 
 ## GitHub Copilot Agent Challenge 🚀
 
-Use Agent mode complete dis challenge:
+Use Agent mode to complete dis challenge:
 
-**Description:** Explore features of modern code editor or IDE an show how e fit improve your workflow as web developer.
+**Description:** Explore features of modern code editor or IDE and show how e fit improve your workflow as web developer.
 
-**Prompt:** Choose code editor or IDE (like Visual Studio Code, WebStorm, or cloud-based IDE). List three features or extensions wey help you write, debug, or maintain code fast. For each, give short explanation how e benefit your workflow.
+**Prompt:** Choose code editor or IDE (like Visual Studio Code, WebStorm, or cloud-based IDE). List three features or extensions wey dey help you write, debug, or maintain code better. For each, give short explanation how e benefit your workflow.
 
 ---
 
 ## 🚀 Challenge
 
-**Alright detective, you ready for your first case?**
+**Alright, detective, you ready for your first case?**
 
-Now wey you get this solid foundation, I get adventure wey go help you see how diverse an fascinating programming world be. And listen – no be to write code yet, so no pressure! Think of yourself as programming language detective on your first exciting case!
+Now wey you get this solid foundation, I get adventure wey go help you see how diverse and interesting programming world really be. And listen – no be to write code yet, so no pressure! Think of yourself as programming language detective for your first interesting case!
 
-**Your mission, if you accept am:**
-1. **Become language explorer**: Pick three programming languages wey from different worlds – maybe one for building websites, one for mobile apps, an one for crunching scientific data. Find example of same simple task written for every language. I promise you go shock how different dem go look but e still do same tins!
+**Your mission, if you want accept am:**
+1. **Become language explorer**: Pick three programming languages from completely different world – maybe one wey build websites, one wey create mobile apps, and one wey dey crunch data for scientists. Find examples of same simple task for each language. I promise you go shock to see how different dem fit be but still dey do same tin!
 
-2. **Discover dem origin story**: Wetin make each language special? One cool fact – every programming language come because pesin believe “I think sey beta way dey solve dis kind problem.” Fit you know wetin those problems be? Some story dey really interesting!
+2. **Uncover their origin stories**: Wetin make each language special? Here na cool fact – every programming language create because person think, "I think say better way dey to solve this problem." Fit try find wetin those problems be! Some stories beta well-well!
 
-3. **Meet the communities**: Check how friendly an passionate each language community be. Some get millions dev dey share knowledge an help each other, others small but tight an supportive. You go enjoy see dem different personalities!
+3. **Meet the communities**: Check how friendly and passionate each language community be. Some get millions developers wey dey share knowledge and help each other, some small but tight and supportive. You go enjoy to see their different personalities!
 
-4. **Follow your gut feeling**: Which language you feel more comfortable wit? No stress to pick perfect one – just listen to your heart! No wrong answer here, you fit explore more later.
+4. **Follow your gut feeling**: Which language you feel say e dey easy for you now? No need stress to choose perfect one – just follow your instinct! No wrong answer here, and you fit explore others later too.
 
-**Bonus detective work**: Try find out which big websites or apps dem build with each language. I garranty sey you go shock to sabi wetin power Instagram, Netflix, or that mobile game wey you no fit stop to play!
+**Bonus detective work**: Try find out which big websites or apps dem build with each language. I sure say you go shock to find out what dey power Instagram, Netflix, or that mobile game you no fit stop to play!
 
-> 💡 **Remember**: You no dey try become expert for any language today. You just dey sabi neighborhood before you choose where you want build. Take your time, enjoy am, an follow your curiosity!
+> 💡 **Remember**: You no try become expert today. You just dey waka around the neighborhood before you decide where you want settle. Take your time, enjoy am, and make curiosity guide you!
 
-## Make We Celebrate Wetin You Don Learn!
+## Make We Celebrate Wetin You Don Discover!
 
-Holy moly, you don absorb plenty correct info today! I happy to see how much of this journey don stick for your head. And remember – no be test wey you must get everything correct. Na celebration of all the beta tins you don learn about dis beautiful world you dey prepare to enter!
+Holy moly, you don learn plenti amazing tins today! I dey happy to see how much of this journey don stick for your mind. And remember – no be test where you need get everything perfect. Na celebration of all the cool tins wey you don learn about this interesting world wey you dey enter!
 
 [Take the post-lesson quiz](https://ff-quizzes.netlify.app/web/)
-## Review & Self Study
 
-**Take your time to explore and have fun with it!**
+## Review & Self Study
 
-You don cover beta tins today, and dat one na beta tins to dey proud of! Now na di fun part – to explore di tins wey catch your mind. Make you remember, dis no be homework – na adventure!
+**Take your time explore and enjoy am!**
+You don cover plenti ground today, an dat na sometin to dey proud of! Now na di fun part – to explore di topics wey spark your curiosity. Make you remember, dis no be homework – na adventure!
 
-**Dive deeper into what excites you:**
+**Deep dive into wetin dey excite you:**
 
-**Make you try di programming languages:**
-- Visit di official websites of 2-3 languages wey catch your eye. Each get im own character and story!
-- Try some online coding playgrounds like [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Replit](https://replit.com/). No fear to try – you no fit spoil anything!
-- Read how your favorite language take start. True true, some origin stories beta well well and e go help you understand why languages dey work like dat.
+**Try hands-on with programming languages:**
+- Visit di official websites of 2-3 languages wey catch your eye. Each one get im own personality and story!
+- Try some online coding playgrounds like [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), or [Replit](https://replit.com/). No fear to experiment – you no fit spoil anytin!
+- Read about how your favourite language start. Seriously, some of dis origin stories dey fascinating and e go help you understand why languages dey work the way dem dey.
 
-**Make you sabi di new tools:**
-- Download Visual Studio Code if you never download – e free and you go like am!
-- Spend small time to waka inside di Extensions marketplace. E bi like app store for your code editor!
-- Open your browser Developer Tools and just dey click around. No worry to sabi everything – just dey familiar with wetin dey.
+**Make yourself comfortable with your new tools:**
+- Download Visual Studio Code if you never do am – e free and you go like am!
+- Spend few minutes dey browse di Extensions marketplace. E be like app store for your code editor!
+- Open your browser Developer Tools and just click everywhere. No worry to understand everything – just make you familiar with wetin dey dia.
 
 **Join di community:**
-- Follow some developer communities for [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), or [GitHub](https://github.com/). Di programming community dey very friendly to new people!
-- Watch beginner coding videos for YouTube. Plenty beta creators wey sabi how e be to just start.
-- Think about to join local meetups or online communities. Believe me, developers love to help new pipo!
+- Follow some developer communities on [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), or [GitHub](https://github.com/). Di programming community dey very welcoming to newcomers!
+- Watch some beginner-friendly coding videos for YouTube. Plenty great creators dey dia wey remember how e be to just dey start.
+- Think about to join local meetups or online communities. Trust me, developers love to help beginners!
 
-> 🎯 **Listen, na wetin I want you to remember be dis**: No expect to become coding wizard overnight! Now, you just dey know dis amazing new world wey you about enter. Take your time, enjoy di journey, and remember – every developer wey you sabi dey admire, dem bin dey your same place before, excited and maybe small confuse. E normal, and e mean say you dey do well! 
+> 🎯 **Listen, wetin I want make you remember be dis**: Nobody expect you go become coding wizard overnight! Right now, you just dey get to know dis amazing new world wey you about join. Take your time, enjoy di journey, and remember – every single developer wey you admire bin dey where you dey now, dey feel excited and maybe small confuse. Dat na normal, an e mean say you dey do am well!
 
 
 
@@ -785,7 +783,7 @@ You don cover beta tins today, and dat one na beta tins to dey proud of! Now na
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Small push for your assignment**: I go like see you explore some tools we never talk before! No look editors, browsers, and command line tools wey we don yam – plenty beta development tools dey wey you fit discover. Find ones wey dey actively maintained and get strong, helpful communities (dem get best tutorials and most supportive pipo when you jam problem and need help).
+> 💡 **Small push for your assignment**: I go really like to see you explore tools we never talk about before! No go use editors, browsers, and command line tools we don yarn about – dis one get whole world of amazing development tools wey dey wait make you discover dem. Find ones wey still dey maintained well and get plenty active, helpful communities (dem get best tutorials and di most supportive people wen you get stuck and need friendly hand).
 
 ---
 
@@ -793,40 +791,40 @@ You don cover beta tins today, and dat one na beta tins to dey proud of! Now na
 
 ### ⚡ **Wetin you fit do for next 5 minutes**
 - [ ] Bookmark 2-3 programming language websites wey catch your eye
-- [ ] Download Visual Studio Code if you never download
-- [ ] Open your browser DevTools (F12) and just click around any website
+- [ ] Download Visual Studio Code if you never do am yet
+- [ ] Open your browser DevTools (F12) and click everywhere for any website
 - [ ] Join one programming community (Dev.to, Reddit r/webdev, or Stack Overflow)
 
-### ⏰ **Wetin you fit complete this hour**
-- [ ] Finish di post-lesson quiz and think about your answers
-- [ ] Set up VS Code with di GitHub Copilot extension
+### ⏰ **Wetin you fit achieve dis hour**
+- [ ] Complete di post-lesson quiz and reflect on your answers
+- [ ] Set up VS Code wit di GitHub Copilot extension
 - [ ] Try "Hello World" example for 2 different programming languages online
 - [ ] Watch "Day in the Life of a Developer" video for YouTube
 - [ ] Start your programming language detective work (from di challenge)
 
 ### 📅 **Your week-long adventure**
-- [ ] Finish di assignment and explore 3 new development tools
-- [ ] Follow 5 developers or programming accounts for social media
-- [ ] Try build small tin for CodePen or Replit (even just "Hello, [Your Name]!")
-- [ ] Read one developer blog post about coding journey
-- [ ] Join virtual meetup or watch one programming talk
-- [ ] Start learning your chosen language with online tutorials
+- [ ] Complete di assignment and explore 3 new development tools
+- [ ] Follow 5 developers or programming accounts on social media
+- [ ] Try build sometin small for CodePen or Replit (even just "Hello, [Your Name]!")
+- [ ] Read one developer blog post about person coding journey
+- [ ] Join virtual meetup or watch programming talk
+- [ ] Start learning your chosen language wit online tutorials
 
 ### 🗓️ **Your month-long transformation**
-- [ ] Build your first small project (even simple webpage counts!)
-- [ ] Contribute to open-source project (start with documentation fixes)
-- [ ] Mentor person wey just start their programming journey
+- [ ] Build your first small project (even simple webpage count!)
+- [ ] Contribute to open-source project (start wit documentation fixes)
+- [ ] Mentor person wey just dey start their programming journey
 - [ ] Create your developer portfolio website
-- [ ] Connect with local developer communities or study groups
-- [ ] Start to plan your next learning milestone
+- [ ] Connect wit local developer communities or study groups
+- [ ] Start planning your next learning milestone
 
 ### 🎯 **Final reflection check-in**
 
-**Before you move on, celebrate small:**  
-- Wetin be one thing about programming wey excited you today?  
-- Which tool or concept you want explore first?  
-- How you feel about starting dis programming journey?  
-- Wetin be one question you go like ask developer now?
+**Before you move on, take moment to celebrate:**
+- Wetin be one tin about programming wey excite you today?
+- Which tool or concept you wan explore first?
+- How you feel about to start dis programming journey?
+- Wetin be one question wey you like ask developer right now?
 
 ```mermaid
 journey
@@ -843,12 +841,12 @@ journey
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
-```  
-> 🌟 **Remember**: Every expert bin be beginner once. Every senior developer bin feel just like you dey feel now – excited, maybe small confuse, and sure about wetin fit happen. You dey beta company, and dis journey go sweet well well. Welcome to di wonderful world of programming! 🎉
+```
+> 🌟 **Remember**: Every expert bin once be beginner. Every senior developer bin feel just like you feel now – excited, maybe small overwhelmed, and definitely curious about wetin fit happen. You dey correct company, and dis journey go be amazing. Welcome to di wonderful world of programming! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:
-Dis document don get AI translation from [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we try make e correct, abeg sabi say automated translation fit get mistake or no proper. Di original document for dia language na di correct one to trust. If na serious information, better make professional human person translate am. We no gree take responsibility if person no understand well or if person miss the meaning because of dis translation.
+Dis document don translate wit AI translation service wey dem call [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automated translation fit get mistakes or no too correct. Di original document wey e dey for im own language na im be di correct source. If na important info, e good make professional human translation do am. We no go take responsibility if pesin no understand well or misinterpret anytin wey come from dis translation.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pcm/AGENTS.md b/translations/pcm/AGENTS.md
index 7000a81ea..b8f9a9e81 100644
--- a/translations/pcm/AGENTS.md
+++ b/translations/pcm/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Project Overview
 
-Dis na educational curriculum repository wey dey teach web development basics to beginners. Di curriculum na comprehensive 12-week course wey Microsoft Cloud Advocates develop, e get 24 hand-on lessons wey cover JavaScript, CSS, and HTML.
+Dis na educational curriculum repository wey dem use teach web development fundamentals to pipul wey never sabi before. Di curriculum na beta 12-week course wey Microsoft Cloud Advocates develop, e get 24 hands-on lessons wey dey cover JavaScript, CSS, and HTML.
 
 ### Key Components
 
-- **Educational Content**: 24 structured lessons wey dem arrange inside project-based modules
+- **Educational Content**: 24 structured lessons wey dem organize inside project-based modules
 - **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
-- **Interactive Quizzes**: 48 quizzes wit 3 questions each (before and after lesson assessments)
-- **Multi-language Support**: Automated translations for 50+ languages through GitHub Actions
+- **Interactive Quizzes**: 48 quizzes wey get 3 questions each (before and after lesson assessments)
+- **Multi-language Support**: Automatic translations for 50+ languages using GitHub Actions
 - **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI projects)
 
 ### Architecture
 
-- Educational repository wit lesson-based structure
+- Educational repository get lesson-based structure
 - Every lesson folder get README, code examples, and solutions
-- Standalone projects dey separate directories (quiz-app, various lesson projects)
-- Translation system dey use GitHub Actions (co-op-translator)
-- Documentation dey served via Docsify and e available as PDF
+- Standalone projects dey for separate directories (quiz-app, different lesson projects)
+- Translation system wey use GitHub Actions (co-op-translator)
+- Documentation dey serve via Docsify and e dey available as PDF
 
 ## Setup Commands
 
-Dis repository na mainly for educational content use. For work wit specific projects:
+Dis repository na mainly for educational content consumption. If you wan work with particular projects:
 
 ### Main Repository Setup
 
@@ -36,7 +36,7 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Start di development server
+npm run dev        # Start de development server
 npm run build      # Build for production
 npm run lint       # Run ESLint
 ```
@@ -48,7 +48,7 @@ cd 7-bank-project/api
 npm install
 npm start          # Start di API server
 npm run lint       # Run ESLint
-npm run format     # Format wit Prettier
+npm run format     # Arrange wit Prettier
 ```
 
 ### Browser Extension Projects
@@ -72,7 +72,7 @@ npm install
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Set GITHUB_TOKEN environment variable
+# Set GITHUB_TOKEN environment variable na im
 python api.py
 ```
 
@@ -82,27 +82,27 @@ python api.py
 
 1. **Fork di repository** go your GitHub account
 2. **Clone your fork** for your local machine
-3. **Create new branch** for your changes
-4. Make changes for lesson content or code examples
-5. Test any code changes for relevant project directories
-6. Submit pull requests follow contribution guidelines
+3. **Create new branch** for the changes wey you wan do
+4. Make changes to lesson content or code examples
+5. Test any code changes inside the project directories wey concern am
+6. Submit pull requests based on contribution guidelines
 
 ### For Learners
 
 1. Fork or clone di repository
-2. Go lesson directories one by one
-3. Read README files for every lesson
-4. Complete pre-lesson quizzes for https://ff-quizzes.netlify.app/web/
-5. Work through code examples for lesson folders
+2. Go through lesson directories one by one
+3. Read README files for each lesson
+4. Do pre-lesson quizzes for https://ff-quizzes.netlify.app/web/
+5. Work through code examples inside lesson folders
 6. Complete assignments and challenges
 7. Take post-lesson quizzes
 
 ### Live Development
 
 - **Documentation**: Run `docsify serve` for root (port 3000)
-- **Quiz App**: Run `npm run dev` for quiz-app directory
+- **Quiz App**: Run `npm run dev` inside quiz-app directory
 - **Projects**: Use VS Code Live Server extension for HTML projects
-- **API Projects**: Run `npm start` for respective API directories
+- **API Projects**: Run `npm start` inside the API directories wey concern am
 
 ## Testing Instructions
 
@@ -118,74 +118,74 @@ npm run build      # Make sure say build go succeed
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Check for code style mata
-node server.js     # Make sure say server start without wahala
+npm run lint       # Check for code style wahala
+node server.js     # Make sure server start without gbege
 ```
 
 ### General Testing Approach
 
-- Dis na educational repository wey no get full automated tests
-- Manual testing focus on:
-  - Code examples run without errors
-  - Links for documentation dey work correct
-  - Project builds finish well
-  - Examples follow best practices
+- Na educational repository dis, e no get full automated tests
+- Manual testing dey focus on:
+  - Code examples dey run without error
+  - Links for documentation dey work well
+  - Projects dey build successful
+  - Examples follow beta practices
 
 ### Pre-submission Checks
 
-- Run `npm run lint` for directories wey get package.json
-- Make sure markdown links valid
+- Run `npm run lint` inside directories wey get package.json
+- Make sure markdown links dey valid
 - Test code examples for browser or Node.js
-- Check sey translations keep the proper structure
+- Make sure translations keep proper structure
 
 ## Code Style Guidelines
 
 ### JavaScript
 
 - Use modern ES6+ syntax
-- Follow standard ESLint configs wey dey projects
-- Use meaningful variable and function names for educational clarity
-- Add comments wey explain concepts for learners
-- Format using Prettier if e dey configured
+- Follow standard ESLint configurations wey dey projects
+- Use correct variable and function names so that e clear for education
+- Add comments to explain concepts for learners
+- Use Prettier for formatting where e configure
 
 ### HTML/CSS
 
-- Semantic HTML5 elements
+- Use semantic HTML5 elements
 - Responsive design principles
 - Clear class naming conventions
-- Comments wey explain CSS techniques for learners
+- Comments to explain CSS techniques for learners
 
 ### Python
 
-- PEP 8 style guidelines
-- Clear, educational code examples
-- Type hints where e fit help learning
+- Follow PEP 8 style guidelines
+- Clear and educational code examples
+- Use type hints when e go help learning
 
 ### Markdown Documentation
 
 - Clear heading hierarchy
-- Code blocks wey get language specification
+- Code blocks with language specification
 - Links to extra resources
-- Screenshots and images inside `images/` folders
+- Screenshots and images dey for `images/` directories
 - Alt text for images for accessibility
 
 ### File Organization
 
-- Lessons number one by one (1-getting-started-lessons, 2-js-basics, and so on)
-- Every project get `solution/` and most times `start/` or `your-work/` folders
-- Images dey inside lesson-specific `images/` folders
-- Translations dey `translations/{language-code}/` folder arrangement
+- Lessons dey numbered in order (1-getting-started-lessons, 2-js-basics, etc.)
+- Every project get `solution/` and sometimes `start/` or `your-work/` directories
+- Images dey for lesson-specific `images/` folders
+- Translations dey inside `translations/{language-code}/` folder structure
 
 ## Build and Deployment
 
 ### Quiz App Deployment (Azure Static Web Apps)
 
-Di quiz-app configured for Azure Static Web Apps deployment:
+Di quiz-app e configure for Azure Static Web Apps deployment:
 
 ```bash
 cd quiz-app
 npm run build      # Dey create dist/ folder
-# Dey deploy wit GitHub Actions workflow wen dem push for main
+# Dey deploy with GitHub Actions workflow when you push to main
 ```
 
 Azure Static Web Apps configuration:
@@ -203,23 +203,23 @@ npm run convert               # Make PDF from docs
 ### Docsify Documentation
 
 ```bash
-npm install -g docsify-cli    # Install Docsify for everywhere for di system
+npm install -g docsify-cli    # Install Docsify everywhere for your system
 docsify serve                 # Run am for localhost:3000
 ```
 
 ### Project-specific Builds
 
 Every project directory fit get im own build process:
-- Vue projects: `npm run build` dey create production bundles
-- Static projects: No build step, dem just serve files directly
+- Vue projects: run `npm run build` to create production bundles
+- Static projects: no build step, just serve files directly
 
 ## Pull Request Guidelines
 
 ### Title Format
 
-Use clear, descriptive titles wey show the change area:
+Use clear, descriptive titles wey show the area wey you change:
 - `[Quiz-app] Add new quiz for lesson X`
-- `[Lesson-3] Fix typo for terrarium project`
+- `[Lesson-3] Fix typo in terrarium project`
 - `[Translation] Add Spanish translation for lesson 5`
 - `[Docs] Update setup instructions`
 
@@ -228,49 +228,49 @@ Use clear, descriptive titles wey show the change area:
 Before you submit PR:
 
 1. **Code Quality**:
-   - Run `npm run lint` for projects wey di change affect
-   - Fix all lint errors and warnings
+   - Run `npm run lint` in affected project directories
+   - Fix all linting errors and warnings
 
 2. **Build Verification**:
-   - Run `npm run build` if e dey necessary
+   - Run `npm run build` if e dey needed
    - Make sure no build errors
 
 3. **Link Validation**:
    - Test all markdown links
-   - Confirm image references dey work
+   - Verify image references dey work
 
 4. **Content Review**:
-   - Proofread grammar and spelling
-   - Make sure code examples correct and educational
-   - Confirm translations keep original meaning
+   - Check for spelling and grammar
+   - Make sure code examples dey correct and educational
+   - Verify translations dey keep original meaning
 
 ### Contribution Requirements
 
-- Agree to Microsoft CLA (di check na automatic for first PR)
-- Follow [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- See [CONTRIBUTING.md](./CONTRIBUTING.md) for full guidelines
-- Mention issue numbers for PR description if e apply
+- Agree to Microsoft CLA (automatic check for first PR)
+- Follow the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Check [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines
+- Reference issue numbers inside PR description if e dey
 
 ### Review Process
 
-- PR dem dey reviewed by maintainers and community
-- Educational clarity na top priority
-- Code examples suppose follow correct best practices
-- Translations dey reviewed for accuracy and cultural fit
+- PRs go dey reviewed by maintainers and community
+- Educational clarity na priority
+- Code examples suppose follow current best practices
+- Translations go dey reviewed for accuracy and cultural fit
 
 ## Translation System
 
 ### Automated Translation
 
-- Uses GitHub Actions wit co-op-translator workflow
-- Translates automatically to 50+ languages
+- Use GitHub Actions with co-op-translator workflow
+- Translates to 50+ languages automatically
 - Source files dey main directories
-- Translated files dey `translations/{language-code}/` directories
+- Translated files dey inside `translations/{language-code}/` folders
 
 ### Adding Manual Translation Improvements
 
-1. Find di file for `translations/{language-code}/`
-2. Make improvements but keep structure
+1. Find file inside `translations/{language-code}/`
+2. Make improvements but no disturb structure
 3. Make sure code examples still dey work
 4. Test any localized quiz content
 
@@ -294,63 +294,63 @@ CO_OP_TRANSLATOR_METADATA:
 ### Common Issues
 
 **Quiz app no dey start**:
-- Check Node.js version (v14+ na recommended)
+- Check Node.js version (v14+ recommended)
 - Delete `node_modules` and `package-lock.json`, run `npm install` again
-- Check for port conflicts (default: Vite dey use port 5173)
+- Check if port dey in use (Vite default dey port 5173)
 
-**API server no go start**:
-- Confirm Node.js version dey okay (node >=10)
-- Check if port don already dey used
-- Make sure all dependencies install with `npm install`
+**API server no fit start**:
+- Make sure Node.js version pass minimum (node >=10)
+- Check if port already dey used
+- Make sure all dependencies install finish with `npm install`
 
-**Browser extension no go load**:
-- Make sure manifest.json get correct format
+**Browser extension no dey load**:
+- Check manifest.json well make e correct
 - Check browser console for errors
 - Follow browser-specific extension installation instructions
 
 **Python chat project wahala**:
 - Make sure OpenAI package install: `pip install openai`
-- Confirm sey GITHUB_TOKEN environment variable dey set
+- Check say GITHUB_TOKEN environment variable dey set
 - Check GitHub Models access permissions
 
 **Docsify no dey serve docs**:
 - Install docsify-cli globally: `npm install -g docsify-cli`
-- Run from repository root directory
-- Check sey `docs/_sidebar.md` dey
+- Run am from repository root directory
+- Check that `docs/_sidebar.md` dey there
 
 ### Development Environment Tips
 
-- Use VS Code wit Live Server extension for HTML projects
+- Use VS Code with Live Server extension for HTML projects
 - Install ESLint and Prettier extensions for consistent formatting
 - Use browser DevTools for debugging JavaScript
 - For Vue projects, install Vue DevTools browser extension
 
 ### Performance Considerations
 
-- Plenty translated files (50+ languages) go make full clones big
-- Use shallow clone if you dey only work on content: `git clone --depth 1`
-- Exclude translations from searches when you dey work on English content
-- Build processes fit be slow for first run (npm install, Vite build)
+- Plenty translated files (50+ languages) mean full clones dey big
+- Use shallow clone if na only content you dey work on: `git clone --depth 1`
+- Exclude translations from searches when you dey do English content
+- Build processes fit slow for first run (npm install, Vite build)
 
 ## Security Considerations
 
 ### Environment Variables
 
-- API keys no suppose ever commit to repository
-- Use `.env` files (dem don already put am for `.gitignore`)
-- Document the required environment variables in project READMEs
+- API keys no suppose ever commit go repository
+- Use `.env` files (dem dey already inside `.gitignore`)
+- Document the environment variables wey project README dem require
 
 ### Python Projects
 
 - Use virtual environments: `python -m venv venv`
-- Keep dependencies updated
-- GitHub tokens suppose get only minimum permissions
+- Keep dependencies up to date
+- GitHub tokens suppose get only minimal needed permissions
 
 ### GitHub Models Access
 
-- Personal Access Tokens (PAT) na requirement for GitHub Models
-- Store tokens as environment variables
-- Never commit tokens or credentials
+- Personal Access Tokens (PAT) dey required for GitHub Models
+- Tokens suppose store as environment variables
+- No ever commit tokens or credentials
 
 ## Additional Notes
 
@@ -358,15 +358,15 @@ CO_OP_TRANSLATOR_METADATA:
 
 - Complete beginners to web development
 - Students and self-learners
-- Teachers wey dey use di curriculum for classrooms
-- Content dey designed for accessibility and gradual skill building
+- Teachers wey dey use curriculum for classroom
+- Content designed for accessibility and gradual skill building
 
 ### Educational Philosophy
 
-- Project-based learning approach
+- Project-based learning way
 - Frequent knowledge checks (quizzes)
 - Hands-on coding exercises
-- Real-world example applications
+- Real-world application examples
 - Focus on fundamentals before frameworks
 
 ### Repository Maintenance
@@ -374,35 +374,35 @@ CO_OP_TRANSLATOR_METADATA:
 - Active community of learners and contributors
 - Regular updates to dependencies and content
 - Issues and discussions dey monitored by maintainers
-- Translation updates automated with GitHub Actions
+- Translation updates dey automated via 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) recommended for learners
-- Additional courses: Generative AI, Data Science, ML, IoT curricula dey available
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) wey people recommend for learners
+- Other courses: Generative AI, Data Science, ML, IoT curricula dey available
 
 ### Working with Specific Projects
 
-For detailed instructions on individual projects, check README files for:
+For detailed instructions on individual projects, check README files inside:
 - `quiz-app/README.md` - Vue 3 quiz application
-- `7-bank-project/README.md` - Banking application wit authentication
+- `7-bank-project/README.md` - Banking application with authentication
 - `5-browser-extension/README.md` - Browser extension development
 - `6-space-game/README.md` - Canvas-based game development
 - `9-chat-project/README.md` - AI chat assistant project
 
 ### Monorepo Structure
 
-Even though no be traditional monorepo, dis repository get many independent projects:
-- Every lesson na self-contained
+Although dis no be traditional monorepo, dis repository get plenty independent projects:
+- Every lesson dey self-contained
 - Projects no dey share dependencies
-- You fit work on individual projects without affecting others
-- Clone di whole repo if you want full curriculum experience
+- You fit work on projects separately without affecting others
+- Clone full repo if you want the complete curriculum experience
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:
-Dis document don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg sabi say automated translations fit get mistakes or no be 100% accurate. Di original document wey e be for im own language na di correct one. For important info, e better make human professional translate am. We no go take any blame if person no understand well or if dem misunderstand tins wey come from dis translation.
+Dis document don translate by AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg sabi say automated translations fit get mistakes or wrong parts. Di original document wey dey im correct language na im be di real correct source. For important matter, make you use professional human translation. We no go take any blame if person no understand well or interpret am wrong because of dis translation.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pcm/README.md b/translations/pcm/README.md
index a0f3f375b..ecffe844b 100644
--- a/translations/pcm/README.md
+++ b/translations/pcm/README.md
@@ -1,37 +1,47 @@
 # Web Development for Beginners - A Curriculum
 
-Learn di fundamentals of web development wit our 12-week complete course by Microsoft Cloud Advocates. Each of di 24 lessons go deep into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage wit quizzes, discussions, and practical assignments. Improve your skills and make sure sey you sabi well wit our good project-based way to learn. Start your coding journey today!
+Learn di fundamentals of web development wit our 12-week complete course by Microsoft Cloud Advocates. Each of di 24 lessons dey dive into JavaScript, CSS, an HTML through hands-on projects like terrariums, browser extensions, an space games. Engage wit quizzes, discussions, an practical assignments. Enhance your skills an optimize your knowledge retention wit our effective project-based way wey we teach. Start your coding journey today!
 
 Join di Azure AI Foundry Discord Community
 
-Follow these steps to start to use these resources:
+Follow these steps to get started using these resources:
 1. **Fork di Repository**: Click [![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. **Clone di Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Join Di Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Join The Azure AI Foundry Discord an meet experts an fellow developers**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Multi-Language Support
 
 #### Supported via GitHub Action (Automated & Always Up-to-Date)
 
 > **Prefer to Clone Locally?**
-
-> Dis repository get 50+ language translations wey go make di download size big. To clone without translations, use sparse checkout:
+>
+> Dis repository get 50+ language translations wey dey increase di download size well well. To clone without translations, use 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'
 > ```
-> Dis go give you everything you need to finish di course faster.
+>
+> **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"
+> ```
+>
+> Dis go give you everything you need to complete di course wit better faster download.
 
-**If you want make we add more translation languages, dem dey listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**If you wan get more language translations wey support dey listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 #### 🧑‍🎓 _You be student?_
 
-Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey get beginner resources, Student packs and even ways to get free certificate voucher. This na the page wey you go want bookmark and check every time because we dey change content every month.
+Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey you go find beginner resources, Student packs an even ways to get free certificate voucher. Dis na di page you for bookmark an dey check sometimes as we dey switch content monthly.
 
 ### 📣 Announcement - New GitHub Copilot Agent mode challenges to complete!
 
-New Challenge don add, look for "GitHub Copilot Agent Challenge 🚀" for most chapters. Na new challenge for you to complete using GitHub Copilot and Agent mode. If you never use Agent mode before e fit no only generate text but also fit create and edit files, run commands and more.
+New Challenge add, look for "GitHub Copilot Agent Challenge 🚀" inside plenty chapters. Na new challenge you fit complete using GitHub Copilot an Agent mode. If you never use Agent mode before, e fit not only generate text but fit also create an edit files, run commands an more.
 
 ### 📣 Announcement - _New Project to build using Generative AI_ 
 
@@ -43,18 +53,13 @@ No miss our new Generative AI curriculum!
 
 Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start!
 
-![Background](../../translated_images/pcm/background.148a8d43afde5730.webp)
-
-- Lessons wey cover everything from basics to RAG.
-- Talk to historical characters using GenAI and our companion app.
-- Fun and interesting story, you go dey time travel!
-
-![character](../../translated_images/pcm/character.5c0dd8e067ffd693.webp)
+- Lessons wey cover everything from basics go RAG.
+- Interact wit historical characters usin GenAI an our companion app.
+- Fun an engaging story, you go dey time travel!
 
-
-Every lesson get assignment to finish, knowledge check and challenge to guide you for learning topics like:
-- Prompting and prompt engineering
-- Text and image app generation
+Each lesson get assignment to complete, knowledge check an challenge to guide you for learning topics like:
+- Prompting an prompt engineering
+- Text an image app generation
 - Search apps
 
 Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start!
@@ -63,130 +68,126 @@ Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start!
 
 ## 🌱 Getting Started
 
-> **Teachers**, we get [some suggestions](for-teachers.md) on how to take use this curriculum. We go like make you give feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Teachers**, wey don [put some suggestions](for-teachers.md) on how to use dis curriculum. We go like hear your feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for each lesson, start wit pre-lecture quiz and follow am to read di lecture material, finish di activities and check your understanding wit post-lecture quiz.
+**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for every lesson, start wit pre-lecture quiz an follow through by reading di lecture material, complete di different activities an check your understanding wit di post-lecture quiz.
 
-To make your learning better, join wit your peers to work on projects together! Discussions dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators go dey available to answer your questions.
+To better your learning experience, connect wit your peers make una work on di projects together! Discussions dem dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators go dey ready to answer your questions.
 
-To continue your education, we dey recommend say you check [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for more study materials.
+To go further your education, we highly recommend say you explore [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for extra study materials.
 
 ### 📋 Setting up your environment
 
-Dis curriculum get development environment ready! As you start, you fit choose run di curriculum for [Codespace](https://github.com/features/codespaces/) (_na browser-based, no need install environment_), or locally for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Dis curriculum get development environment ready! As you start you fit choose to run di curriculum in a [Codespace](https://github.com/features/codespaces/) (_na browser-based, no installation environment_), or locally for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Create your repository
-To make am easy for you to save your work, e good make you create your own copy of dis repository. You fit do am by clicking di **Use this template** button at di top of di page. E go create new repository for your GitHub account with copy of di curriculum.
+Make you fit save your work well well, e good make you create your own copy of this repository. You fit do am by clicking **Use this template** button wey dey top of di page. E go create new repository inside your GitHub account wit copy of di curriculum.
 
 Follow these steps:
-1. **Fork the Repository**: Click on di "Fork" button for top-right corner of dis page.
-2. **Clone the Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-
-#### Running di curriculum in a Codespace
+1. **Fork di Repository**: Click di "Fork" button wey dey top-right corner of this page.
+2. **Clone di Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-For your copy of dis repository wey you create, click di **Code** button and select **Open with Codespaces**. E go create new Codespace for you to work.
+#### Running di curriculum inside Codespace
 
-![Codespace](../../translated_images/pcm/createcodespace.0238bbf4d7a8d955.webp)
+For your copy of dis repository wey you create, click di **Code** button then select **Open with Codespaces**. E go create new Codespace for you work.
 
 #### Running di curriculum locally on your computer
 
-To run dis curriculum locally for your computer, you go need text editor, browser and command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you options for each of these tools to pick wey fit you best.
+To run dis curriculum locally for your computer, you need text editor, browser an command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you different options for all these tools make you choose wetin best for you.
 
-Our advice na to use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor, wey get inside [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-1. Clone your repository to your computer. You fit do am by clicking di **Code** button and copy di URL:
+We recommend say you use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor, wey get built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Copy yor repository go yor computer. You fit do dis by klik di **Code** button den copy di URL:
 
     [CodeSpace](./images/createcodespace.png)
-Then, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) inside [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) and run dis command, replace `<your-repository-url>` with di URL wey you just copy:
+
+    Den, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) for [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) den run dis command, change `<your-repository-url>` wit di URL wey you just copy:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Open di folder for Visual Studio Code. You fit do dis by click **File** > **Open Folder** and choose di folder wey you just clone.
+2. Open di folder inside Visual Studio Code. You fit do dis by clicking **File** > **Open Folder** den select di folder wey you just clone.
 
-
-> Recommended Visual Studio Code extensions:
+>  Recommended Visual Studio Code extensions:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - for preview HTML pages inside Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages inside Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code quick quick
 
 ## 📂 Each lesson get:
 
-- optional sketchnote
-- optional supplemental video
-- pre-lesson warmup quiz
-- written lesson
-- for project-based lessons, step-by-step guides on how to build di project
+- sketchnote if you want
+- extra video if you want
+- quiz to prepare for lesson
+- di lesson wey dem write
+- for project-based lessons, guide step by step how to build di project
 - knowledge checks
 - challenge
-- supplemental reading
+- extra reading
 - assignment
 - [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-> **One note about quizzes**: All quizzes dey inside Quiz-app folder, total na 48 quizzes with three questions each. Dem dey available [here](https://ff-quizzes.netlify.app/web/), di quiz app fit run locally or you fit deploy am for Azure; follow di instruction inside `quiz-app` folder.
+> **Note about quizzes**: All di quizzes dey inside Quiz-app folder, 48 quizzes total and every one get three questions. You fit find dem [here](https://ff-quizzes.netlify.app/web/) quiz app fit run for your own machine or you fit deploy am for Azure; follow instruction for di `quiz-app` folder.
 
 ## 🗃️ Lessons
 
 |     |                       Project Name                       |                            Concepts Taught                             | Learning Objectives                                                                                                                 |                                                         Linked Lesson                                                          |         Author          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Getting Started                      |           Introduction to Programming and Tools of the Trade           | Learn di basic foundation wey most programming languages get and about software wey dey help professional developers do dia work | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Getting Started                      |             Basics of GitHub, including how to work with team          | How to use GitHub for your project, how to collaborate with others on code base                                                     |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 01  |                     Getting Started                      |           Introduction to Programming and Tools of the Trade           | Learn di basic foundation behind most programming languages and software wey dey help pro developers do their work                 | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             Basics of GitHub, dey include work with team               | How to use GitHub for your project, how to collaborate wit others for code base                                                     |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
 | 03  |                     Getting Started                      |                             Accessibility                              | Learn di basics of web accessibility                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Basics                         |                         JavaScript Data Types                          | Basics of JavaScript data types                                                                                                    |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage how application logic dey flow                                                           |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create condition inside your code using decision-making methods                                                        |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Basics                         |                            Arrays and Loops                            | Work with data using arrays and loops in JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build di HTML to create online terrarium, dey focus on building layout                                                              |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build di CSS to style di online terrarium, focus on basics of CSS including making di page responsive                               |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build di JavaScript to make terrarium work as drag/drop interface, focus on closures and DOM manipulation                           |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to run the logic of your JavaScript app                                                           |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers work, dia history, and how to scaffold di first elements of a browser extension                                   |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building form, dey call API and storing variables inside local storage | Build JavaScript elements of your browser extension to call API using variables wey dey store inside local storage                   |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Background processes for browser, web performance             | Use browser background processes to manage extension icon; learn about web performance and some optimization to improve am       |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using both Classes and Composition and Pub/Sub pattern, to prepare for building game                          |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about di Canvas API wey dem dey use to draw elements for screen                                                               |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Moving elements around di screen                     | Discover how elements fit move using Cartesian coordinates and di Canvas API                                                        |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other with keypresses and put cooldown function to make sure game performance pep           |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Keeping score                              | Do math calculations based on di game status and performance                                                                         |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ending and restarting di game                      | Learn about ending and restarting game, including cleaning up assets and resetting variable values                                  |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML Templates and Routes for Web App                 | Learn how to create scaffold of multipage website architecture using routing and HTML templates                                       |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Build Login and Registration Form                    | Learn how to build forms and handle validation routines                                                                              |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data dey flow in and out of your app, how to fetch am, store am, and discard am                                                  |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 04  |                        JS Basics                         |                         JavaScript Data Types                          | Di basics of JavaScript data types                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Functions and Methods                          | Learn about functions and methods to manage an app logic flow                                                                      |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        Making Decisions with JS                        | Learn how to create conditions for your code using decision-making methods                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Arrays and Loops                            | Work wit data using arrays and loops inside JavaScript                                                                              |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML in Practice                            | Build di HTML to create online terrarium, focus on building layout                                                                  |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS in Practice                             | Build di CSS to style the online terrarium, focus on basics of CSS including how to make di page responsive                          |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Build di JavaScript to make di terrarium work as drag/drop interface, focus on closures and DOM manipulation                         |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Build a Typing Game                           | Learn how to use keyboard events to drive the logic of your JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Working with Browsers                          | Learn how browsers dey work, their history, and how to scaffold first elements of browser extension                                 |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Build form, call API and store variables for local storage             | Build di JavaScript elements for your browser extension to call API using variables wey dey inside local storage                    |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Background processes inside browser, web performance          | Use browser background processes to manage extension icon; learn about web performance and optimizations                            |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             More Advanced Game Development with JavaScript             | Learn about Inheritance using Classes and Composition and Pub/Sub pattern, prepare for building a game                              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Drawing to canvas                            | Learn about Canvas API, wey dem use to draw elements for screen                                                                      |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Moving elements around screen                        | Find out how elements fit move using cartesian coordinates and Canvas API                                                             |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Make elements collide and react to each other using keypress and provide cooldown to keep game performance                           |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Keeping score                              | Do maths calculations based on game's status and performance                                                                        |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Ending and restarting game                        | Learn about how to end and restart game, including cleaning up assets and reseting variables                                          |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML Templates and Routes for Web App                 | Learn how to create scaffold for multipage website architecture using routing and HTML templates                                      |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Build Login and Registration Form                    | Learn about building forms and how to handle validation routines                                                                     |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Methods of Fetching and Using Data                   | How data go inside and outside your app, how to fetch, store am, and clear am                                                        |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
 | 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Concepts of State Management                      | Learn how your app dey keep state and how to manage am programmatically                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to Using code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to use code editor | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
 | 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogy
 
-Our curriculum design take two main pedagogy principles seriously:
+Our curriculum design get two important pedagogical principles in mind:
 * project-based learning
 * frequent quizzes
 
-Di program dey teach fundamentals of JavaScript, HTML, and CSS, plus di latest tools and techniques wey web developers dey use now. Students go fit develop hands-on experience by building typing game, virtual terrarium, eco-friendly browser extension, space-invader style game, and banking app for businesses. By the end of the course, students go get solid understanding of web development.
-
-> 🎓 You fit take di first few lessons in dis curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn!
+Di program dey teach fundamentals of JavaScript, HTML, and CSS, plus di latest tools and techniques wey web developers dey use today. Students go get chance to build hands-on experience by making typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and banking app for business dem. By end of di series, students go sabi web development well well.
 
-By making sure content match projects, the process go make learning more interesting for students and concepts go remain for mind well well. We also write some starter lessons for JavaScript basics to introduce concepts, plus video from "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some authors from the videos join to help design this curriculum.
+> 🎓 You fit take di first few lessons for dis curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn!
 
-Plus, low-stakes quiz before class dey set student mindset for learning topic, and second quiz after class make sure say dem remember well. This curriculum na flexible and fun one wey you fit do as whole or part. Projects start small and go get more complex by 12-week cycle end.
+By making sure say di content match projects, e make di process beta and more interesting for students and e go help dem remember concepts well. We self write some starter lessons for JavaScript basics to introduce concepts, plus video from "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video collection, wey some authors contribute to this curriculum.
 
-Even though we no bother to introduce JavaScript frameworks so that we go focus on basic skills wey web developers need before use framework, good next step after dis curriculum na to learn Node.js with another video series: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Plus, a low-stakes quiz before class dey set student mind to learn topic, while second quiz after class go help dem remember am pass. This curriculum design to be flexible and fun and fit be taken as whole or part. The projects start small and go dey more complex by end of 12-week cycle.
 
-> Visit our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback!
+Even though we no include JavaScript frameworks purposely to focus on basic skills wey web developer suppose get before using framework, next step wey fit make sense after dis curriculum na to learn about Node.js via another video collection: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Check our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We dey welcome your constructive feedback!
 
 ## 🧭 Offline access
 
-You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork this repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for root folder of dis repo, type `docsify serve`. Di website go dey serve for port 3000 for your localhost: `localhost:3000`.
+You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork dis repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for root folder of this repo, type `docsify serve`. Di website go run for port 3000 on your localhost: `localhost:3000`.
 
 ## 📘 PDF
-
-PDF of all di lessons fit find [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+A PDF of all of the lessons fit find [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Other Courses
-Our team dey produce oda courses! Make you check am out:
+
+Our team dey produce other courses! Check am out:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -230,21 +231,21 @@ Our team dey produce oda courses! Make you check am out:
 
 ## Getting Help
 
-If you jam or get any question about how to build AI apps. Come join other learners and developers wey sabi well well for talks about MCP. Na supportive community wey dey welcome questions and dem share knowledge freely.
+If you jam or get any questions about how to build AI apps, join other learners and experienced developers for discussions about MCP. Na supportive community where questions dey welcome and knowledge dey shared freely.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-If you get product feedback or you see error as you dey build, visit:
+If you get product feedback or find errors while you dey build, visit:
 
 [![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)
 
 ## License
 
-Dis repository get MIT license. See the [LICENSE](../../LICENSE) file for more info.
+This repository get MIT license. See the [LICENSE](../../LICENSE) file for more info.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Disclaimer**:
-Dis document don translate wit AI translation service wey dem dey call [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg mek you sabi say machine translation fit get some errors or wrong tins. The og document for im original language na di correct one wey you suppose trust. If na important info, better make person wey sabi translate am well do the work. We no go take responsibility if pesin no understand or misunderstand tins because of dis translation.
+Dis document e been translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automatic translation fit get some mistakes or no too correct. Di original document wey e dey for im correct language na di correct one. For important tins, make person wey sabi translate do di work. We no go responsible if pipo no understand well or if dem misinterpret tins because of dis translation.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pl/.co-op-translator.json b/translations/pl/.co-op-translator.json
index da21d6a9b..2c7c296df 100644
--- a/translations/pl/.co-op-translator.json
+++ b/translations/pl/.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-06T19:58:04+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:44:39+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "pl"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:09:47+00:00",
+    "translation_date": "2026-03-06T18:52:39+00:00",
     "source_file": "AGENTS.md",
     "language_code": "pl"
   },
@@ -516,8 +516,8 @@
     "language_code": "pl"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:03:37+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:40:41+00:00",
     "source_file": "README.md",
     "language_code": "pl"
   },
diff --git a/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 33c12e69a..a5d3570ca 100644
--- a/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,98 +1,98 @@
 # Wprowadzenie do języków programowania i nowoczesnych narzędzi dla programistów
- 
-Cześć, przyszły programisto! 👋 Czy mogę Ci powiedzieć coś, co wciąż przyprawia mnie o dreszcze za każdym razem? Zaraz odkryjesz, że programowanie to nie tylko komputery – to prawdziwe supermoce pozwalające wcielić w życie najbardziej dzikie pomysły!
 
-Znacie ten moment, gdy korzystacie ze swojej ulubionej aplikacji i wszystko działa idealnie? Gdy stukacie w przycisk i dzieje się coś absolutnie magicznego, co sprawia, że mówicie „wow, jak oni to zrobili?” Cóż, ktoś taki jak Ty – pewnie siedząc w swojej ulubionej kawiarni o 2 w nocy przy trzecim espresso – napisał kod, który stworzył tę magię. A teraz coś, co Cię zaskoczy: na końcu tej lekcji nie tylko zrozumiesz, jak to działa, ale będziesz wręcz chcę to sam wypróbować!
+Cześć, przyszły programisto! 👋 Mogę Ci powiedzieć coś, co codziennie przyprawia mnie o dreszcze? Za chwilę odkryjesz, że programowanie to nie tylko komputery – to posiadanie prawdziwych supermocy, które pozwalają ożywić Twoje najdziksze pomysły!
 
-Słuchaj, całkowicie rozumiem, jeśli programowanie wydaje się teraz przerażające. Kiedy zaczynałem, szczerze myślałem, że trzeba być geniuszem matematycznym albo kodować od piątego roku życia. Ale oto, co całkowicie zmieniło moje podejście: programowanie to dokładnie jak nauka prowadzenia rozmów w nowym języku. Zaczynasz od „cześć” i „dziękuję”, potem potrafisz zamówić kawę, a zanim się obejrzysz, prowadzisz głębokie filozoficzne dyskusje! Tyle że w tym przypadku rozmawiasz z komputerami, a one? One są najbardziej cierpliwymi rozmówcami, jakich poznasz – nigdy nie oceniają Twoich błędów i zawsze chętnie próbują ponownie!
+Znasz ten moment, gdy korzystasz ze swojej ulubionej aplikacji i wszystko po prostu działa idealnie? Kiedy naciskasz przycisk i dzieje się coś magicznego, co sprawia, że mówisz „wow, jak oni to ZROBILI?” Cóż, ktoś dokładnie taki jak Ty – prawdopodobnie siedzący w swoim ulubionym kawiarni o 2 w nocy, pijąc trzeci espresso – napisał kod, który stworzył tę magię. A teraz coś, co zwali Cię z nóg: pod koniec tej lekcji nie tylko będziesz wiedzieć, jak to zrobili, ale zaczniesz sam z niecierpliwością próbować!
 
-Dziś poznamy niesamowite narzędzia, które sprawiają, że nowoczesne tworzenie stron internetowych jest nie tylko możliwe, ale też niesamowicie wciągające. Mówię o tych samych edytorach, przeglądarkach i przepływach pracy, z których korzystają programiści Netflixa, Spotify oraz Twojego ulubionego studia indie tworzącego aplikacje każdego dnia. I oto część, która sprawi, że zatańczysz z radości: większość tych profesjonalnych, standardowych narzędzi jest całkowicie darmowa!
+Słuchaj, doskonale rozumiem, jeśli programowanie wyda Ci się teraz onieśmielające. Kiedy zaczynałem, naprawdę myślałem, że trzeba być jakimś matematycznym geniuszem albo programować od piątego roku życia. Ale oto co całkowicie zmieniło mój punkt widzenia: programowanie jest dokładnie jak nauka rozmów w nowym języku. Zaczynasz od „cześć” i „dziękuję”, potem uczysz się zamawiać kawę, a zanim się obejrzysz, prowadzisz głębokie, filozoficzne dyskusje! Z tą różnicą, że tutaj rozmawiasz z komputerami, a szczerze? To najbardziej cierpliwi rozmówcy, jakich spotkasz – nigdy nie oceniają Twoich błędów i zawsze chętnie próbują ponownie!
+
+Dzisiaj poznamy niesamowite narzędzia, które sprawiają, że nowoczesny rozwój sieciowy jest nie tylko możliwy, ale naprawdę uzależniający. Mówię o dokładnie tych samych edytorach, przeglądarkach i przepływach pracy, których używają programiści w Netflix, Spotify i Twoim ulubionym niezależnym studiu aplikacji każdego dnia. A teraz najlepsze: większość tych profesjonalnych, standardowych w branży narzędzi jest całkowicie darmowa!
 
 ![Intro Programming](../../../../translated_images/pl/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Twoja dzisiejsza podróż programistyczna
+    title Twoja Podróż Programistyczna Dziś
     section Odkryj
-      Czym jest programowanie: 5: You
-      Języki programowania: 4: You
-      Przegląd narzędzi: 5: You
+      Czym jest Programowanie: 5: You
+      Języki Programowania: 4: You
+      Przegląd Narzędzi: 5: You
     section Eksploruj
-      Edytory kodu: 4: You
-      Przeglądarki i narzędzia deweloperskie: 5: You
-      Wiersz poleceń: 3: You
+      Edytory Kodów: 4: You
+      Przeglądarki i Narzędzia Deweloperskie: 5: You
+      Wiersz Poleceń: 3: You
     section Ćwicz
-      Detektyw języków: 4: You
-      Eksploracja narzędzi: 5: You
-      Połączenia społecznościowe: 5: You
+      Detektyw Językowy: 4: You
+      Eksploracja Narzędzi: 5: You
+      Połączenie ze Społecznością: 5: You
 ```
-## Sprawdź, co już wiesz!
+## Sprawdźmy, co już wiesz!
 
-Zanim przejdziemy do zabawy, jestem ciekaw – co już wiesz o tym świecie programowania? I słuchaj, jeśli patrzysz na te pytania myśląc „dosłownie nic o tym nie wiem”, to nie tylko w porządku, to idealnie! To znaczy, że jesteś dokładnie tam, gdzie powinieneś być. Traktuj ten quiz jak rozgrzewkę przed treningiem – po prostu rozgrzewamy mięśnie mózgu!
+Zanim przejdziemy do zabawy, jestem ciekawy – co już wiesz o tym świecie programowania? I słuchaj, jeśli patrzysz na te pytania myśląc „nie mam o tym kompletnie pojęcia”, to nie tylko w porządku, to jest idealne! To oznacza, że jesteś dokładnie w odpowiednim miejscu. Pomyśl o tym quizie jak o rozgrzewce przed treningiem – po prostu rozciągamy mięśnie mózgu!
 
-[Weź udział w quizie wstępnym](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Przejdź do quizu przed lekcją](https://ff-quizzes.netlify.app/web/)
 
 
-## Przygoda, w którą zaraz wyruszymy razem
+## Przygoda, na którą zaraz ruszamy razem
 
-Dobra, naprawdę nie mogę się doczekać, co dziś odkryjemy! Naprawdę, chciałbym widzieć Twoją minę, gdy niektóre z tych koncepcji wreszcie zaczną do Ciebie trafiać. Oto niesamowita podróż, na którą ruszamy razem:
+Ok, naprawdę się ekscytuję tym, co dziś odkryjemy! Naprawdę chciałbym widzieć Twoją minę, gdy niektóre z tych koncepcji zaczną do Ciebie trafiać. Oto niesamowita podróż, którą odbywamy razem:
 
-- **Czym tak naprawdę jest programowanie (i dlaczego to najfajniejsza rzecz na świecie!)** – Poznamy, jak kod jest dosłownie niewidzialną magią napędzającą wszystko wokół ciebie, od tego alarmu, który jakoś wie, że jest poniedziałek rano, po algorytm, który idealnie dopasowuje rekomendacje na Netflixie
-- **Języki programowania i ich niesamowite osobowości** – Wyobraź sobie imprezę, na którą każdy człowiek przynosi zupełnie inne supermoce i sposoby rozwiązywania problemów. Tak wygląda świat języków programowania, a ty pokochasz je poznawać!
-- **Fundamentalne elementy, które tworzą cyfrową magię** – Pomyśl o nich jak o ostatecznym kreatywnym zestawie LEGO. Kiedy zrozumiesz, jak pasują do siebie te elementy, uświadomisz sobie, że możesz dosłownie zbudować wszystko, co tylko wymyśli twoja wyobraźnia
-- **Profesjonalne narzędzia, które sprawią, że poczujesz się jakbyś dostał różdżkę czarodzieja** – Nie przesadzam – te narzędzia naprawdę sprawią, że poczujesz się jak posiadający supermoce, a najlepsze jest to, że to dokładnie te same, z których korzystają profesjonaliści!
+- **Czym tak naprawdę jest programowanie (i dlaczego to najfajniejsza rzecz na świecie!)** – Odkryjemy, jak kod jest dosłownie niewidzialną magią napędzającą wszystko wokół Ciebie, od budzika, który jakoś wie, że to poranek poniedziałku, po algorytm, który idealnie dobiera Twoje rekomendacje na Netflixie
+- **Języki programowania i ich niesamowite osobowości** – Wyobraź sobie imprezę, gdzie każdy z gości ma zupełnie inne supermoce i sposoby rozwiązywania problemów. Tak właśnie wygląda świat języków programowania i zakochasz się w poznawaniu ich!
+- **Podstawowe elementy, które sprawiają, że cyfrowa magia działa** – Pomyśl o nich jak o najlepszym kreatywnym zestawie LEGO. Kiedy zrozumiesz, jak te elementy ze sobą współgrają, zrozumiesz, że możesz zbudować dosłownie wszystko, o czym marzy Twoja wyobraźnia
+- **Profesjonalne narzędzia, które sprawią, że poczujesz się jak z czarodziejską różdżką** – Nie przesadzam – te narzędzia naprawdę pozwolą Ci poczuć, że masz supermoce, a najlepsze jest to, że używają ich profesjonaliści!
 
-> 💡 **Tylko jedna sprawa**: Nie próbuj dzisiaj wszystkiego zapamiętać! Teraz chcę tylko, żebyś poczuł ten błysk ekscytacji tym, co jest możliwe. Szczegóły wbiją się naturalnie, gdy będziemy ćwiczyć – tak naprawdę uczy się najlepiej!
+> 💡 **Ważne**: Nie próbuj zapamiętać wszystkiego od razu! Teraz chcę tylko, żebyś poczuł iskrę ekscytacji związaną z tym, co jest możliwe. Szczegóły pojawią się naturalnie, gdy będziemy ćwiczyć razem – tak właśnie wygląda prawdziwa nauka!
 
-> Możesz wykonać tę lekcję na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Możesz przerabiać tę lekcję na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Czym dokładnie *jest* programowanie?
+## To czym dokładnie *jest* programowanie?
 
-Dobra, zajmijmy się milionowym pytaniem: czym właściwie jest programowanie?
+Dobra, zmierzmy się z milionowym pytaniem: czym tak naprawdę jest programowanie?
 
-Opowiem Ci historię, która całkowicie zmieniła moje podejście. W zeszłym tygodniu próbowałem wytłumaczyć mamie, jak korzystać z naszego nowego pilota do smart TV. Złapałem się na tym, że mówię rzeczy typu „Naciśnij czerwony przycisk, ale nie ten duży czerwony, ten mały czerwony po lewej... nie, tamta twoja lewa... ok, teraz przytrzymaj przez dwie sekundy, nie jedną, nie trzy...” Brzmi znajomo? 😅
+Opowiem Ci historię, która całkowicie zmieniła moje podejście. W zeszłym tygodniu próbowałem wytłumaczyć mamie, jak korzystać z naszego nowego pilota do smart TV. Złapałem się na tym, że mówię rzeczy typu „Naciśnij czerwony przycisk, ale nie ten duży czerwony, tylko ten mały po lewej... nie, Twojej drugiej lewej... dobra, teraz trzymaj przez dwie sekundy, nie jedną, nie trzy...” Brzmi znajomo? 😅
 
-To jest właśnie programowanie! To sztuka dawania niezwykle szczegółowych, krok po kroku instrukcji czemuś, co jest bardzo potężne, ale wymaga, by wszystko było dosłownie napisane dokładnie. Tyle że zamiast tłumaczyć to mamie (która może zapytać „który czerwony przycisk?!”), tłumaczysz to komputerowi (który robi dokładnie to, co mu powiesz, nawet jeśli to nie do końca to, co miałeś na myśli).
+To jest programowanie! To sztuka dawania niezwykle szczegółowych, krok po kroku instrukcji czemuś, co jest bardzo potężne, ale potrzebuje, żeby wszystko było dokładnie wyjaśnione. Tyle że zamiast tłumaczyć mamie (która może zapytać „który czerwony przycisk?!”), tłumaczysz komputerowi (który po prostu robi dokładnie to, co mu polecisz, nawet jeśli nie do końca o to Ci chodziło).
 
-Oto co mnie oszołomiło, gdy się tego nauczyłem: komputery są w gruncie rzeczy dość proste. Dosłownie rozumieją tylko dwie rzeczy – 1 i 0, co jest w zasadzie "tak" i "nie" albo "włączone" i "wyłączone". To wszystko! Ale tutaj zaczyna się magia – nie musimy mówić w 1 i 0 jak w Matrixie. Wtedy pojawiają się na ratunek **języki programowania**. To jak posiadanie najlepszego tłumacza na świecie, który bierze twoje zwykłe ludzkie myśli i przekłada je na język komputera.
+Co mnie zaskoczyło, gdy to odkryłem: komputery są w gruncie rzeczy całkiem proste. One dosłownie rozumieją tylko dwie rzeczy – 1 i 0, co w zasadzie oznacza „tak” i „nie” lub „włączone” i „wyłączone.” To wszystko! Ale teraz zaczyna się magia – nie musimy mówić w 1 i 0 jak w Matrixie. Tutaj na ratunek przychodzą **języki programowania**. Są jak najlepszy na świecie tłumacz, który bierze Twoje zupełnie normalne, ludzkie myśli i przekształca je na język komputera.
 
-I oto co nadal przyprawia mnie o dreszcze każdego ranka, gdy się budzę: dosłownie *wszystko* cyfrowe w twoim życiu zaczęło się od kogoś takiego jak ty, pewnie siedzącego w piżamie z kubkiem kawy, piszącego kod na laptopie. Ten filtr na Instagramie, który sprawia, że wyglądasz perfekcyjnie? Ktoś go zaprogramował. Rekomendacja, która doprowadziła cię do twojej nowej ulubionej piosenki? Algorytm stworzył developer. Aplikacja, która pomaga dzielić rachunki za obiad z przyjaciółmi? Tak, ktoś pomyślał „to jest irytujące, pewnie mógłbym to naprawić” i... zrobił!
+I oto, co nadal daje mi dreszcze każdego ranka, gdy się budzę: dosłownie *wszystko* cyfrowe w Twoim życiu zaczęło się od kogoś takiego jak Ty, siedzącego w pidżamie z filiżanką kawy, piszącego kod na laptopie. Ten filtr na Instagramie, który sprawia, że wyglądasz bezbłędnie? Ktoś go zakodował. Rekomendacja, która zaprowadziła Cię do nowej ulubionej piosenki? Programista stworzył ten algorytm. Aplikacja, która pomaga dzielić rachunki za kolację z przyjaciółmi? Tak, ktoś pomyślał „to denerwujące, chyba to naprawię” i... zrobił to!
 
-Kiedy uczysz się programować, nie tylko zdobywasz nową umiejętność – stajesz się częścią niesamowitej społeczności rozwiązywaczy problemów, którzy spędzają dni myśląc „A co jeśli mógłbym zbudować coś, co sprawi, że czyjś dzień będzie choć odrobinę lepszy?” Szczerze, czy jest coś fajniejszego?
+Kiedy uczysz się programować, nie zdobywasz tylko nowej umiejętności – stajesz się częścią niesamowitej społeczności rozwiązywaczy problemów, którzy spędzają dni myśląc „A co jeśli mógłbym zbudować coś, co sprawi, że czyjś dzień będzie choć trochę lepszy?” Szczerze, czy jest coś fajniejszego?
 
-✅ **Zabawa Faktami**: Oto coś super ciekawego do sprawdzenia, gdy będziesz miał chwilę – kto był pierwszym na świecie programistą? Dam Ci wskazówkę: może to nie być ta osoba, której się spodziewasz! Historia tej osoby jest absolutnie fascynująca i pokazuje, że programowanie od zawsze było o kreatywnym rozwiązywaniu problemów i myśleniu poza schematem.
+✅ **Ciekawostka do sprawdzenia**: Poszukaj sobie w wolnej chwili – kto był pierwszym na świecie programistą? Podpowiem: może nie jest to osoba, którą byś się spodziewał! Historia tej osoby jest absolutnie fascynująca i pokazuje, że programowanie od zawsze było o kreatywnym rozwiązywaniu problemów i myśleniu nieszablonowym.
 
-### 🧠 **Czas na refleksję: Jak się czujesz?**
+### 🧠 **Sprawdzenie samopoczucia: Jak się czujesz?**
 
-**Zatrzymaj się na chwilę i pomyśl:**
-- Czy teraz idea „dawania instrukcji komputerom” ma dla Ciebie sens?
-- Czy potrafisz wymyślić jakąś codzienną czynność, którą chciałbyś zautomatyzować programowaniem?
-- Jakie pytania pojawiają się w Twojej głowie o całym tym programowaniu?
+**Zatrzymaj się na chwilę i zastanów:**
+- Czy teraz rozumiesz, co oznacza „dawanie instrukcji komputerom”?
+- Czy potrafisz pomyśleć o jakimś codziennym zadaniu, które chciałbyś zautomatyzować programowaniem?
+- Jakie pytania rodzą się w Twojej głowie na temat tego całego programowania?
 
-> **Pamiętaj**: to całkowicie normalne, jeśli niektóre koncepcje wydają się teraz niejasne. Nauka programowania to jak nauka nowego języka – mózg potrzebuje czasu, by zbudować odpowiednie połączenia nerwowe. Radzisz sobie świetnie!
+> **Pamiętaj**: To całkiem normalne, jeśli niektóre koncepcje są teraz niejasne. Nauka programowania jest jak nauka nowego języka – potrzeba czasu, by mózg zbudował odpowiednie ścieżki nerwowe. Świetnie Ci idzie!
 
 ## Języki programowania są jak różne smaki magii
 
-Dobra, to zabrzmi dziwnie, ale zostań ze mną – języki programowania są jak różne gatunki muzyki. Pomyśl: masz jazz, który jest gładki i improwizowany, rock, który jest mocny i prosty, klasykę, która jest elegancka i uporządkowana, oraz hip-hop, który jest kreatywny i ekspresyjny. Każdy styl ma swój klimat, swoją społeczność fanów i każdy jest idealny na inne nastroje i okazje.
+Dobra, to zabrzmi dziwnie, ale zostań ze mną – języki programowania są trochę jak różne rodzaje muzyki. Pomyśl: jest jazz, który jest gładki i improwizowany, rock potężny i bezpośredni, muzyka klasyczna elegancka i uporządkowana oraz hip-hop kreatywny i ekspresyjny. Każdy styl ma swój klimat, swoją społeczność fanów i jest idealny na różne okazje i nastroje.
 
-Języki programowania działają dokładnie tak samo! Nie użyłbyś tego samego języka do zbudowania zabawnej gry mobilnej, którego użyłbyś do przetwarzania ogromnej ilości danych klimatycznych, tak jak nie zagrałbyś death metalu na zajęciach z jogi (no, chyba że w większości zajęć z jogi! 😄).
+Języki programowania działają dokładnie tak samo! Nie użyłbyś tego samego języka do budowy zabawnej gry mobilnej, którego użyłbyś do przetwarzania ogromnych ilości danych klimatycznych, tak samo jak nie zagrałbyś death metalu na zajęciach jogi (no, przynajmniej na większości zajęć! 😄).
 
-Ale to, co mnie za każdym razem zachwyca: te języki to jak mieć najcierpliwszego, genialnego tłumacza świata siedzącego tuż obok ciebie. Możesz wyrażać swoje pomysły w sposób naturalny dla twojego ludzkiego mózgu, a on zajmuje się całym tym niesamowicie skomplikowanym procesem tłumaczenia ich na 1 i 0, którymi naprawdę mówią komputery. To jak mieć przyjaciela, który perfekcyjnie zna zarówno „ludzką kreatywność”, jak i „komputerową logikę” – nigdy się nie męczy, nigdy nie potrzebuje przerw na kawę i nigdy nie ocenia, gdy pytasz o to samo dwa razy!
+Ale co mnie za każdym razem powala na kolana, to to: te języki są jak najbardziej cierpliwy, genialny tłumacz świata siedzący tuż obok Ciebie. Możesz wyrazić swoje pomysły w sposób naturalny dla ludzkiego mózgu, a one zajmują się skomplikowanym tłumaczeniem na 1 i 0, które komputery naprawdę rozumieją. To jak mieć przyjaciela, który perfekcyjnie zna zarówno „ludzką kreatywność”, jak i „logikę komputera” – nigdy się nie męczy, nie robi przerw na kawę i nigdy nie ocenia, gdy pytasz to samo dwa razy!
 
 ### Popularne języki programowania i ich zastosowania
 
 ```mermaid
 mindmap
   root((Języki Programowania))
-    Web Development
+    Tworzenie Stron WWW
       JavaScript
         Magia Frontendu
-        Interaktywne Strony WWW
+        Interaktywne Strony
       TypeScript
         JavaScript + Typy
         Aplikacje Korporacyjne
-    Data & AI
+    Dane i AI
       Python
         Nauka o Danych
         Uczenie Maszynowe
@@ -100,7 +100,7 @@ mindmap
       R
         Statystyka
         Badania
-    Mobile Apps
+    Aplikacje Mobilne
       Java
         Android
         Korporacyjne
@@ -110,10 +110,10 @@ mindmap
       Kotlin
         Nowoczesny Android
         Wieloplatformowy
-    Systems & Performance
+    Systemy i Wydajność
       C++
         Gry
-        Krytyczne Dla Wydajności
+        Krytyczne dla Wydajności
       Rust
         Bezpieczeństwo Pamięci
         Programowanie Systemowe
@@ -121,41 +121,41 @@ mindmap
         Usługi w Chmurze
         Skalowalny Backend
 ```
-| Język | Do czego najlepszy | Dlaczego jest popularny |
-|----------|----------|------------------|
-| **JavaScript** | Tworzenie stron, interfejsy użytkownika | Działa w przeglądarkach i napędza interaktywne strony |
-| **Python** | Nauka o danych, automatyzacja, AI | Łatwy do nauki i czytania, potężne biblioteki |
-| **Java** | Aplikacje korporacyjne, aplikacje Android | Niezależny od platformy, solidny dla dużych systemów |
-| **C#** | Aplikacje Windows, tworzenie gier | Silne wsparcie w ekosystemie Microsoft |
+| Język | Najlepszy do | Dlaczego jest popularny |
+|-------|--------------|------------------------|
+| **JavaScript** | Tworzenie stron internetowych, interfejsy użytkownika | Działa w przeglądarkach i napędza interaktywne strony |
+| **Python** | Nauka o danych, automatyzacja, sztuczna inteligencja | Łatwy do czytania i nauki, potężne biblioteki |
+| **Java** | Aplikacje korporacyjne, aplikacje na Androida | Niezależny od platformy, solidny dla dużych systemów |
+| **C#** | Aplikacje na Windows, tworzenie gier | Silne wsparcie ekosystemu Microsoft |
 | **Go** | Usługi w chmurze, systemy backendowe | Szybki, prosty, zaprojektowany dla nowoczesnych komputerów |
 
-### Języki wysokiego vs niskiego poziomu
+### Języki wysokiego poziomu vs niskiego poziomu
 
-Dobra, to był szczerze koncept, który mnie złamał, gdy zaczynałem się uczyć, więc podzielę się analogią, która w końcu mi to wyjaśniła – mam nadzieję, że Tobie też pomoże!
+Ok, to chyba była koncepcja, która złamała mój mózg kiedy zaczynałem, więc podzielę się analogią, która w końcu pozwoliła mi to zrozumieć – i mam nadzieję, że Tobie też pomoże!
 
-Wyobraź sobie, że odwiedzasz kraj, w którym nie mówisz w lokalnym języku i bardzo musisz znaleźć najbliższą toaletę (każdy to zna, prawda? 😅):
+Wyobraź sobie, że odwiedzasz kraj, gdzie nie znasz języka i desperacko musisz znaleźć najbliższą toaletę (wszyscy to znamy, prawda? 😅):
 
-- **Programowanie niskiego poziomu** to jak nauka lokalnego dialektu tak dobrze, że możesz rozmawiać z babcią sprzedającą owoce na rogu, używając odniesień kulturowych, lokalnego slangu i żartów zrozumiałych tylko dla osób wychowanych tam. Super imponujące i niezwykle efektywne... jeśli akurat jesteś biegły! Ale raczej przytłaczające, gdy próbujesz tylko znaleźć toaletę.
+- **Programowanie niskiego poziomu** to jak nauka lokalnego dialektu tak dobrze, że możesz rozmawiać z babcią sprzedającą owoce na rogu, używając odniesień kulturowych, lokalnego slangu i powiedzonek, które zna tylko ktoś, kto tam dorastał. Super imponujące i bardzo efektywne... jeśli akurat mówisz płynnie! Ale dość przytłaczające, gdy po prostu chcesz znaleźć toaletę.
 
-- **Programowanie wysokiego poziomu** to jak mieć niesamowitego lokalnego przyjaciela, który cię rozumie. Możesz powiedzieć „Naprawdę muszę znaleźć toaletę” po angielsku, a on załatwi całą tłumaczą i poda wskazówki, które mają sens dla Twojego mózgu.
+- **Programowanie wysokiego poziomu** to jak mieć tego niesamowitego lokalnego przyjaciela, który Cię rozumie. Możesz powiedzieć „Naprawdę potrzebuję znaleźć łazienkę” prosto po angielsku, a on zajmie się tłumaczeniem kulturowym i poda Ci wskazówki, które Twój nie-miejscowy mózg doskonale zrozumie.
 
 W programowaniu:
-- **Języki niskiego poziomu** (np. asembler czy C) pozwalają na bardzo szczegółowe rozmowy ze sprzętem komputera, ale musisz myśleć jak maszyna, co... powiedzmy, wymaga dużej zmiany mentalnej!
-- **Języki wysokiego poziomu** (np. JavaScript, Python czy C#) pozwalają myśleć jak człowiek, podczas gdy one zajmują się całą maszynową mową w tle. A do tego mają te niesamowicie gościnne społeczności pełne ludzi, którzy pamiętają, jak to jest być początkującym i naprawdę chcą pomóc!
+- **Języki niskiego poziomu** (jak Assembly czy C) pozwalają na bardzo szczegółowe rozmowy z faktycznym sprzętem komputera, ale trzeba myśleć jak maszyna, co... powiedzmy, wymaga sporej zmiany sposobu myślenia!
+- **Języki wysokiego poziomu** (jak JavaScript, Python czy C#) pozwalają myśleć jak człowiek, podczas gdy one zajmują się maszynowym językiem w tle. Dodatkowo mają niesamowicie przyjazne społeczności ludzi, którzy pamiętają, jak to jest być nowym i naprawdę chcą pomóc!
 
-Zgadnij, które polecam na start? 😉 Języki wysokiego poziomu to jak kółka treningowe, których nigdy nie chcesz ściągać, bo cały proces jest o wiele przyjemniejszy!
+Zgadnij, jakie polecę na start? 😉 Języki wysokiego poziomu są jak kółka treningowe, których tak naprawdę nigdy nie chcesz zdjąć, bo sprawiają, że nauka jest dużo przyjemniejsza!
 
 ```mermaid
 flowchart TB
     A["👤 Myśl ludzka:<br/>'Chcę obliczyć liczby Fibonacciego'"] --> B{Wybierz poziom języka}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Łatwe do czytania i pisania"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Bezpośrednia kontrola sprzętu"]
+    B -->|Wysoki poziom| C["🌟 JavaScript/Python<br/>Łatwe do czytania i pisania"]
+    B -->|Niski poziom| D["⚙️ Assembler/C<br/>Bezpośrednia kontrola sprzętu"]
     
     C --> E["📝 Napisz: fibonacci(10)"]
     D --> F["📝 Napisz: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Zrozumienie komputera:<br/>Tłumacz radzi sobie z złożonością"]
+    E --> G["🤖 Zrozumienie komputera:<br/>Tłumacz radzi sobie ze złożonością"]
     F --> G
     
     G --> H["💻 Ten sam wynik:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Pokażę Ci, dlaczego języki wysokiego poziomu są o wiele przyjaźniejsze
+### Pokażę Ci, dlaczego języki wysokiego poziomu są dużo przyjaźniejsze
 
-Dobra, zaraz pokażę Ci coś, co idealnie pokazuje, dlaczego zakochałem się w językach wysokiego poziomu, ale najpierw musisz mi obiecać jedną rzecz. Gdy zobaczysz pierwszy przykład kodu, nie panikuj! Ma wyglądać na przerażający. Dokładnie o to mi chodzi!
+Dobra, pokażę Ci coś, co doskonale pokazuje, dlaczego zakochałem się w językach wysokiego poziomu, ale najpierw musisz mi coś obiecać. Gdy zobaczysz pierwszy przykład kodu, nie panikuj! Ma wyglądać na onieśmielający. Dokładnie o to chodzi!
 
-Zobaczymy dokładnie to samo zadanie napisane w dwóch zupełnie innych stylach. Oba tworzą tzw. ciąg Fibonacciego – to piękny wzór matematyczny, w którym każda liczba jest sumą dwóch poprzednich: 0, 1, 1, 2, 3, 5, 8, 13... (Ciekawostka: ten wzór występuje dosłownie wszędzie w przyrodzie – spiralach nasion słonecznika, wzorach szyszek, nawet tworzeniu się galaktyk!)
+Zobaczymy to samo zadanie napisane w dwóch zupełnie różnych stylach. Oba tworzą tzw. ciąg Fibonacciego – to piękny matematyczny wzór, gdzie każda liczba jest sumą dwóch poprzednich: 0, 1, 1, 2, 3, 5, 8, 13... (Ciekawostka: można tę sekwencję znaleźć dosłownie wszędzie w naturze – spirale nasion słonecznika, układy szyszek, nawet sposób tworzenia się galaktyk!)
 
-Gotowy zobaczyć różnicę? Zaczynamy!
+Gotowy zobaczyć różnicę? Zaczynajmy!
 
-**Język wysokiego poziomu (JavaScript) – przyjazny dla ludzi:**
+**Język wysokiego poziomu (JavaScript) – Przyjazny człowiekowi:**
 
 ```javascript
-// Krok 1: Podstawowa konfiguracja Fibonnaciego
+// Krok 1: Podstawowa konfiguracja Fibonacciego
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Co robi ten kod:**
-- **Deklaruje** stałą, która określa, ile liczb Fibonacciego chcemy wygenerować
-- **Inicjalizuje** dwie zmienne, które śledzą aktualną i następną liczbę w sekwencji
-- **Ustawia** wartości startowe (0 i 1), które definiują wzór Fibonacciego
-- **Wyświetla** nagłówek identyfikujący nasz wynik
+**Co ten kod robi:**
+- **Deklaruje** stałą określającą, ile liczb Fibonacciego chcemy wygenerować
+- **Inicjalizuje** dwie zmienne do śledzenia bieżącej i następnej liczby w ciągu
+- **Ustawia** wartości początkowe (0 i 1) definiujące wzór Fibonacciego
+- **Wyświetla** nagłówek identyfikujący nasze wyjście
 
 ```javascript
 // Krok 2: Wygeneruj sekwencję za pomocą pętli
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Oblicz następny numer w sekwencji
+  // Oblicz kolejny numer w sekwencji
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Rozbicie na części:**
-- **Pętla** przechodzi przez każdą pozycję w naszej sekwencji za pomocą pętli `for`
+**Rozbijając, co się tutaj dzieje:**
+- **Pętla** przechodzi przez każdą pozycję w ciągu za pomocą pętli `for`
 - **Wyświetla** każdą liczbę z jej pozycją, używając formatowania szablonowego
-- **Oblicza** następną liczbę Fibonacciego, dodając aktualną i następną wartość
-- **Aktualizuje** zmienne śledzące, by przejść do następnej iteracji
+- **Oblicza** następną liczbę Fibonacciego przez dodanie bieżącej i następnej wartości
+- **Aktualizuje** zmienne śledzące do przejścia do następnej iteracji
 
 ```javascript
-// Krok 3: Nowoczesne podejście funkcyjne
+// Krok 3: Nowoczesne funkcjonalne podejście
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**W powyższym:**
-- **Utworzyliśmy** wielokrotnego użytku funkcję, korzystając z nowoczesnej składni funkcji strzałkowej
-- **Zbudowaliśmy** tablicę do przechowywania całej sekwencji zamiast wyświetlania po kolei
-- **Użyliśmy** indeksowania tablicy, aby obliczyć każdą nową liczbę na podstawie poprzednich
-- **Zwróciliśmy** pełną sekwencję, by móc ją elastycznie wykorzystywać gdzie indziej w programie
+**W powyższym stworzyliśmy:**
+- **Funkcję** wielokrotnego użytku z użyciem nowoczesnej składni funkcji strzałkowej
+- **Tablicę**, by przechować cały ciąg zamiast wyświetlać liczby pojedynczo
+- **Indeksowanie tablicy**, by obliczyć każdą nową liczbę na podstawie poprzednich wartości
+- **Zwrócenie** pełnego ciągu dla elastycznego użycia w innych częściach programu
 
-**Język niskiego poziomu (ARM Assembly) – przyjazny dla komputera:**
+**Język niskiego poziomu (ARM Assembly) – Przyjazny komputerowi:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,28 +257,28 @@ back add r0,r1
  end
 ```
 
-Zauważ, jak wersja JavaScript czyta się prawie jak instrukcje po angielsku, podczas gdy wersja Assembly używa zakodowanych poleceń, które bezpośrednio sterują procesorem komputera. Obie wykonują dokładnie to samo zadanie, ale język wysokiego poziomu jest znacznie łatwiejszy do zrozumienia, pisania i utrzymania przez ludzi.
+Zauważ, że wersja JavaScript czyta się prawie jak instrukcje w języku angielskim, podczas gdy wersja Assembly używa kryptograficznych poleceń, które bezpośrednio sterują procesorem komputera. Oba wykonują dokładnie to samo zadanie, ale język wysokiego poziomu jest dużo łatwiejszy dla ludzi do zrozumienia, pisania i utrzymania.
 
 **Kluczowe różnice, które zauważysz:**
-- **Czytelność**: JavaScript używa opisowych nazw jak `fibonacciCount`, natomiast Assembly używa tajemniczych etykiet jak `r0`, `r1`
-- **Komentarze**: Języki wysokiego poziomu zachęcają do dodawania wyjaśniających komentarzy, które sprawiają, że kod jest samodokumentujący się
-- **Struktura**: Logiczny przepływ JavaScript odpowiada sposobowi myślenia ludzi o problemach krok po kroku
-- **Konserwacja**: Aktualizacja wersji JavaScript dla różnych wymagań jest prosta i jasna
+- **Czytelność**: JavaScript używa opisowych nazw, takich jak `fibonacciCount`, podczas gdy Assembly korzysta z krypticznych etykiet typu `r0`, `r1`
+- **Komentarze**: Języki wysokiego poziomu zachęcają do pisania wyjaśniających komentarzy, które sprawiają, że kod jest samodokumentujący się
+- **Struktura**: Logiczny przepływ w JavaScript odpowiada temu, jak ludzie myślą o problemach krok po kroku
+- **Konserwacja**: Aktualizacja wersji JavaScript dla różnych wymagań jest prosta i klarowna
 
-✅ **O ciągu Fibonacciego**: Ten absolutnie przepiękny wzór liczbowy (gdzie każda liczba jest sumą dwóch poprzednich: 0, 1, 1, 2, 3, 5, 8...) pojawia się dosłownie *wszędzie* w przyrodzie! Znajdziesz go w spiralach słoneczników, wzorach na szyszkach, w sposobie, w jaki krzywią się muszle nautilusa, a nawet w tym, jak rosną gałęzie drzew. To naprawdę niesamowite, jak matematyka i kod pomagają nam rozumieć i odtwarzać wzory, które natura wykorzystuje do tworzenia piękna!
+✅ **O ciągu Fibonacciego**: Ten absolutnie przepiękny wzór liczbowy (gdzie każda liczba równa się sumie dwóch poprzednich: 0, 1, 1, 2, 3, 5, 8...) pojawia się dosłownie *wszędzie* w przyrodzie! Znajdziesz go w spiralach słoneczników, wzorach szyszek, sposobie krzywizny muszli nautilusa, a nawet w tym, jak rosną gałęzie drzew. To naprawdę oszałamiające, jak matematyka i kod mogą pomóc nam zrozumieć i odtworzyć wzory, których natura używa do tworzenia piękna!
 
 
-## Elementy Budulcowe, Które Tworzą Magię
+## Klocki, które tworzą magię
 
-Dobra, skoro już widziałeś, jak wyglądają języki programowania w akcji, rozłóżmy na części pierwsze podstawowe elementy, które tworzą dosłownie każdy kiedykolwiek napisany program. Pomyśl o nich jak o niezbędnych składnikach w twoim ulubionym przepisie – gdy zrozumiesz, do czego służy każdy z nich, będziesz mógł czytać i pisać kod w praktycznie każdym języku!
+Dobra, skoro już widziałeś, jak wyglądają języki programowania w praktyce, rozłóżmy na czynniki pierwsze podstawowe elementy, które tworzą dosłownie każdy napisany program. Pomyśl o nich jak o niezbędnych składnikach twojego ulubionego przepisu – kiedy zrozumiesz, do czego służy każdy z nich, będziesz w stanie czytać i pisać kod w praktycznie każdym języku!
 
-To trochę jak nauka gramatyki programowania. Pamiętasz, jak w szkole uczyłeś się o rzeczownikach, czasownikach i jak budować zdania? Programowanie ma własną wersję gramatyki i szczerze mówiąc, jest ona dużo bardziej logiczna i wyrozumiała niż kiedykolwiek była angielska gramatyka! 😄
+To trochę jak nauka gramatyki programowania. Pamiętasz, jak w szkole uczyłeś się o rzeczownikach, czasownikach i jak układać zdania? Programowanie ma swoją własną wersję gramatyki i szczerze mówiąc, jest ona o wiele bardziej logiczna i wyrozumiała niż gramatyka angielskiego! 😄
 
-### Instrukcje: Krok po Kroku
+### Instrukcje: Krok po kroku
 
-Zacznijmy od **instrukcji** – to jak pojedyncze zdania w rozmowie z twoim komputerem. Każda instrukcja mówi komputerowi, by wykonał jedną konkretną rzecz, trochę jak dawanie wskazówek: „Skręć tutaj w lewo”, „Zatrzymaj się na czerwonym świetle”, „Zaparkuj na tym miejscu”.
+Zacznijmy od **instrukcji** – to jak pojedyncze zdania w rozmowie z twoim komputerem. Każda instrukcja mówi komputerowi, żeby wykonał jedną konkretną czynność, trochę jak podawanie wskazówek: „Skręć w lewo tutaj”, „Zatrzymaj się na czerwonym świetle”, „Zaparkuj w tym miejscu”. 
 
-To, co kocham w instrukcjach, to to, jak zazwyczaj są czytelne. Spójrz na to:
+To, co kocham w instrukcjach, to jak są zazwyczaj czytelne. Spójrz na to:
 
 ```javascript
 // Podstawowe instrukcje wykonujące pojedyncze akcje
@@ -287,30 +287,30 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**Oto, co robi ten kod:**
-- **Deklaruje** stałą zmienną do przechowywania nazwy użytkownika
-- **Wyświetla** wiadomość powitalną w konsoli
-- **Oblicza** i przechowuje wynik operacji matematycznej
+**Oto co robi ten kod:**
+- **Deklaruje** stałą zmienną do przechowywania imienia użytkownika
+- **Wyświetla** powitanie w konsoli
+- **Oblicza** i przechowuje wynik działania matematycznego
 
 ```javascript
-// Instrukcje, które wchodzą w interakcję ze stronami internetowymi
+// Instrukcje współdziałające ze stronami internetowymi
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
 **Krok po kroku, oto co się dzieje:**
-- **Modyfikuje** tytuł strony, który pojawia się na karcie przeglądarki
-- **Zmienia** kolor tła całego ciała strony
+- **Modyfikuje** tytuł strony wyświetlany na karcie przeglądarki
+- **Zmienia** kolor tła całej strony
 
-### Zmienne: System Pamięci Twojego Programu
+### Zmienne: System pamięci twojego programu
 
-Dobra, **zmienne** to naprawdę jeden z moich ulubionych konceptów, bo są tak bardzo podobne do rzeczy, których używasz codziennie!
+Dobra, **zmienne** to naprawdę jeden z moich ulubionych konceptów do nauczania, ponieważ są bardzo podobne do rzeczy, których używasz codziennie!
 
-Pomyśl przez chwilę o liście kontaktów w telefonie. Nie zapamiętujesz wszystkich numerów – zamiast tego zapisujesz „Mama”, „Najlepszy przyjaciel” czy „Pizzeria, która dowozi do 2 w nocy” i pozwalasz telefonowi pamiętać same numery. Zmienne działają dokładnie tak samo! To jak oznakowane pojemniki, w których twój program może przechowywać informacje i potem je odczytywać za pomocą nazwy, która ma sens.
+Pomyśl przez chwilę o liście kontaktów w telefonie. Nie zapamiętujesz numeru każdej osoby – zamiast tego zapisujesz „Mama”, „Najlepszy przyjaciel” czy „Pizzeria, która działa do 2 w nocy” i pozwalasz telefonowi pamiętać faktyczne numery. Zmienne działają dokładnie tak samo! Są jak oznaczone pojemniki, gdzie twój program może przechowywać informacje i później je odzyskiwać za pomocą nazwy, która faktycznie ma sens.
 
-Co jest naprawdę fajne: zmienne mogą się zmieniać podczas działania programu (stąd nazwa „zmienna” – widzisz, co tu zrobili?). Tak jak możesz zaktualizować kontakt do pizzerii, gdy znajdziesz lepszą, zmienne mogą być aktualizowane w miarę zdobywania nowych informacji lub zmian sytuacji!
+Oto co jest naprawdę fajne: zmienne mogą się zmieniać podczas działania programu (stąd nazwa „zmienna” – widzisz, co tu zrobili?). Tak jak możesz aktualizować kontakt do pizzerii, gdy znajdziesz lepsze miejsce, zmienne mogą być aktualizowane, gdy program poznaje nowe informacje lub gdy sytuacja się zmienia!
 
-Pokażę ci, jak to może być przepięknie proste:
+Pokażę ci, jak to może być pięknie proste:
 
 ```javascript
 // Krok 1: Tworzenie podstawowych zmiennych
@@ -321,10 +321,10 @@ let isRaining = false;
 ```
 
 **Zrozumienie tych koncepcji:**
-- **Przechowuj** wartości niezmienne w zmiennych `const` (np. nazwa strony)
-- **Używaj** `let` dla wartości, które mogą się zmieniać w trakcie działania programu
-- **Przypisuj** różne typy danych: łańcuchy znaków (tekst), liczby i boolowskie (true/false)
-- **Wybieraj** opisowe nazwy tłumaczące, co przechowuje każda zmienna
+- **Przechowywanie** niezmiennych wartości w zmiennych `const` (np. nazwa strony)
+- **Używanie** `let` dla wartości, które mogą się zmieniać podczas działania programu
+- **Przypisywanie** różnych typów danych: stringów (tekstów), liczb oraz booleanów (true/false)
+- **Wybieranie** opisowych nazw, które wyjaśniają, co zawiera każda zmienna
 
 ```javascript
 // Krok 2: Praca z obiektami w celu grupowania powiązanych danych
@@ -335,26 +335,26 @@ const weatherData = {
 };
 ```
 
-**W powyższym:**
-- **Utworzyliśmy** obiekt do grupowania powiązanych informacji o pogodzie
-- **Zorganizowaliśmy** wiele danych pod jedną nazwą zmiennej
-- **Użyliśmy** par klucz-wartość do jasnego oznaczenia każdej informacji
+**W powyższym przykładzie:**
+- **Utworzyliśmy** obiekt do grupowania powiązanych informacji pogodowych
+- **Zorganizowaliśmy** wiele kawałków danych pod jedną nazwą zmiennej
+- **Użyliśmy** par klucz-wartość, aby wyraźnie oznaczyć każdą informację
 
 ```javascript
 // Krok 3: Używanie i aktualizowanie zmiennych
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Aktualizowanie zmiennych, które mogą się zmieniać
+// Aktualizowanie zmiennych podlegających zmianom
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
 **Zrozummy każdą część:**
-- **Wyświetlaj** informacje używając literałów szablonowych z składnią `${}`
+- **Wyświetlamy** informacje używając literałów szablonowych z składnią `${}`
 - **Dostęp** do właściwości obiektu za pomocą notacji kropkowej (`weatherData.windSpeed`)
-- **Aktualizuj** zmienne deklarowane przez `let`, by odzwierciedlić zmieniające się warunki
-- **Łącz** wiele zmiennych, by tworzyć znaczące komunikaty
+- **Aktualizacja** zmiennych zadeklarowanych przy użyciu `let` w celu odzwierciedlenia zmieniających się warunków
+- **Łączenie** wielu zmiennych, aby tworzyć znaczące komunikaty
 
 ```javascript
 // Krok 4: Nowoczesne destrukturyzowanie dla czyściejszego kodu
@@ -362,20 +362,20 @@ const { location, humidity } = weatherData;
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Co musisz wiedzieć:**
-- **Wyodrębniaj** konkretne właściwości z obiektów za pomocą destrukturyzacji
-- **Twórz** nowe zmienne automatycznie o tych samo nazwach, co klucze obiektu
-- **Uprość** kod, unikając powtarzalnej notacji kropkowej
+**Co trzeba wiedzieć:**
+- **Wyodrębniać** konkretne właściwości obiektów za pomocą destrukturyzacji
+- **Tworzyć** nowe zmienne automatycznie o tych samych nazwach co klucze obiektu
+- **Uprościć** kod, unikając powtarzającej się notacji kropkowej
 
-### Sterowanie Przepływem: Nauka Programu Myślenia
+### Kierowanie przepływem: Uczymy program myśleć
 
-Dobra, tutaj programowanie staje się absolutnie zdumiewające! **Sterowanie przepływem** to zasadniczo uczenie programu podejmowania mądrych decyzji, dokładnie tak jak robisz to codziennie, nawet o tym nie myśląc.
+Okej, tutaj programowanie staje się naprawdę niesamowite! **Kierowanie przepływem** to zasadniczo nauczenie twojego programu, jak podejmować mądre decyzje, dokładnie tak jak robisz to na co dzień, często nawet o tym nie myśląc.
 
-Wyobraź sobie: dziś rano prawdopodobnie przeszedłeś przez coś w stylu „Jeśli pada deszcz, wezmę parasol. Jeśli jest zimno, założę kurtkę. Jeśli się spóźniam, pominę śniadanie i kupię kawę po drodze.” Twój mózg naturalnie stosuje tę logikę jeśli-wtedy dziesiątki razy każdego dnia!
+Wyobraź sobie, że dziś rano prawdopodobnie przeżyłeś coś w stylu „Jeśli pada, wezmę parasol. Jeśli jest zimno, założę kurtkę. Jeśli się spóźniam, pomijam śniadanie i biorę kawę w drodze.” Twój mózg naturalnie stosuje tę logikę if-then dziesiątki razy dziennie!
 
-To właśnie sprawia, że programy wydają się inteligentne i żywe, zamiast po prostu podążać za nudnym, przewidywalnym scenariuszem. Mogą spojrzeć na sytuację, ocenić, co się dzieje i odpowiednio zareagować. To jak nadanie programowi mózgu, który potrafi się dostosować i dokonywać wyborów!
+To właśnie sprawia, że programy wydają się inteligentne i żywe, a nie tylko wykonujące nudny, przewidywalny skrypt. One faktycznie patrzą na sytuację, oceniają, co się dzieje i odpowiednio reagują. To tak, jakby dać programowi mózg, który potrafi się dopasować i podejmować decyzje!
 
-Chcesz zobaczyć, jak to pięknie działa? Pokażę ci:
+Chcesz zobaczyć, jak pięknie to działa? Pokażę ci:
 
 ```javascript
 // Krok 1: Podstawowa logika warunkowa
@@ -389,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Oto, co robi ten kod:**
+**Co robi ten kod:**
 - **Sprawdza**, czy wiek użytkownika spełnia wymóg głosowania
 - **Wykonuje** różne bloki kodu w zależności od wyniku warunku
-- **Oblicza** i wyświetla, ile zostało do uzyskania prawa do głosowania, jeśli mniej niż 18 lat
-- **Zapewnia** konkretne, pomocne komunikaty dla każdej sytuacji
+- **Oblicza** i wyświetla, jak długo brakuje do możliwości głosowania, jeśli użytkownik ma mniej niż 18 lat
+- **Daje** konkretne, pomocne informacje w każdej sytuacji
 
 ```javascript
-// Krok 2: Wiele warunków z operatorami logicznymi
+// Krok 2: Wielokrotne warunki z operatorami logicznymi
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,22 +409,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Rozkład tego, co się tutaj dzieje:**
-- **Łączy** kilka warunków za pomocą operatora `&&` (i)
-- **Tworzy** hierarchię warunków stosując `else if` dla wielu scenariuszy
-- **Obsługuje** wszystkie możliwe przypadki kończąc na `else`
-- **Daje** jasne, praktyczne wskazówki dla każdej różnej sytuacji
+**Analiza tego, co się dzieje:**
+- **Łączy** wiele warunków za pomocą operatora `&&` (i)
+- **Tworzy** hierarchię warunków za pomocą `else if`, by obsłużyć wiele scenariuszy
+- **Obsługuje** wszystkie możliwe przypadki za pomocą końcowego `else`
+- **Daje** jasne i konkretne informacje dla każdej sytuacji
 
 ```javascript
-// Krok 3: Zwięzły warunek za pomocą operatora trójargumentowego
+// Krok 3: Zwięzły warunek z użyciem operatora trójargumentowego
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Co trzeba zapamiętać:**
-- **Używaj** operatora warunkowego (`? :`) dla prostych warunków z dwoma opcjami
-- **Najpierw** napisz warunek, potem `?`, następnie wynik, gdy prawda, potem `:`, a potem wynik, gdy fałsz
-- **Stosuj** ten wzorzec, gdy musisz przypisać wartości warunkowo
+**Co musisz zapamiętać:**
+- **Używaj** operatora trójargumentowego (`? :`) do prostych warunków dwuwartościowych
+- **Napisz** najpierw warunek, potem `?`, następnie wynik prawdy, dalej `:`, a na końcu wynik fałszu
+- **Stosuj** ten wzorzec, gdy chcesz przypisać wartości na podstawie warunków
 
 ```javascript
 // Krok 4: Obsługa wielu specyficznych przypadków
@@ -447,54 +447,54 @@ switch (dayOfWeek) {
 }
 ```
 
-**Ten kod realizuje:**
-- **Porównuje** wartość zmiennej z wieloma konkretnymi przypadkami
-- **Grupuje** podobne przypadki (dni powszednie vs. weekendy)
-- **Wykonuje** odpowiedni blok kodu po znalezieniu dopasowania
-- **Zawiera** przypadek `default` na nieoczekiwane wartości
-- **Używa** `break` by zapobiec kontynuacji do następnego przypadku
+**Ten kod robi następujące rzeczy:**
+- **Dopasowuje** wartość zmiennej do wielu konkretnych przypadków
+- **Grupuje** podobne przypadki razem (dni robocze kontra weekendy)
+- **Wykonuje** właściwy blok kodu, gdy znajdzie dopasowanie
+- **Zawiera** przypadek `default` do obsługi nieoczekiwanych wartości
+- **Używa** instrukcji `break` by zapobiec kontynuacji do następnego przypadku
 
-> 💡 **Analogicznie w świecie rzeczywistym**: Pomyśl o sterowaniu przepływem jak o najbardziej cierpliwym GPS na świecie, który daje ci wskazówki. Może powiedzieć „Jeśli jest korek na Main Street, to jedź autostradą. Jeśli budowa blokuje autostradę, spróbuj trasy widokowej.” Programy używają dokładnie tego samego rodzaju logiki warunkowej, by inteligentnie reagować na różne sytuacje i zawsze dawać użytkownikom najlepsze możliwe doświadczenie.
+> 💡 **Analogia z życia codziennego**: Pomyśl o kierowaniu przepływem jak o najcierpliwszym GPS na świecie, który podaje ci wskazówki. Może powiedzieć „Jeśli na Main Street jest korek, jedź autostradą. Jeśli budowa blokuje autostradę, spróbuj trasy widokowej.” Programy stosują dokładnie taką samą logiczną konstrukcję warunkową, by inteligentnie reagować na różne sytuacje i zawsze zapewniać użytkownikom najlepsze doświadczenie.
 
-### 🎯 **Sprawdzenie wiedzy: Opanowanie podstaw**
+### 🎯 **Sprawdzenie pojęć: Mistrzostwo w klockach budulcowych**
 
-**Zobaczmy, jak radzisz sobie z podstawami:**
+**Zobaczmy, jak sobie radzisz z podstawami:**
 - Czy potrafisz własnymi słowami wyjaśnić różnicę między zmienną a instrukcją?
-- Pomyśl o sytuacji z życia, w której użyłbyś decyzji jeśli-wtedy (jak w naszym przykładzie z głosowaniem)
-- Co w logice programowania najbardziej cię zaskoczyło?
+- Pomyśl o realnym scenariuszu, gdzie użyłbyś decyzji typu if-then (jak w naszym przykładzie o głosowaniu)
+- Co z logiki programowania najbardziej cię zaskoczyło?
 
 **Szybki zastrzyk pewności siebie:**
 ```mermaid
 flowchart LR
-    A["📝 Instrukcje<br/>(Polecenia)"] --> B["📦 Zmienne<br/>(Pamięć)"] --> C["🔀 Sterowanie<br/>(Decyzje)"] --> D["🎉 Działający Program!"]
+    A["📝 Instrukcje<br/>(Polecenia)"] --> B["📦 Zmienne<br/>(Pamięć)"] --> C["🔀 Sterowanie przepływem<br/>(Decyzje)"] --> D["🎉 Działający program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Co dalej**: Będziemy mieli absolutną frajdę, zagłębiając się głębiej w te koncepcje podczas naszej wspólnej niesamowitej podróży! Teraz skup się na ekscytacji wszystkimi niesamowitymi możliwościami, które masz przed sobą. Konkretne umiejętności i techniki przyjdą naturalnie podczas wspólnej praktyki – obiecuję, że to będzie o wiele fajniejsze niż się spodziewasz!
+✅ **Co będzie dalej**: Będziemy się świetnie bawić, zagłębiając się w te pojęcia, gdy będziemy kontynuować tę niesamowitą podróż razem! Teraz po prostu skup się na podekscytowaniu wszystkimi niesamowitymi możliwościami, które masz przed sobą. Konkretne umiejętności i techniki w naturalny sposób utrwalą się podczas wspólnych ćwiczeń – obiecuję, że to będzie dużo bardziej zabawne, niż się spodziewasz!
 
-## Narzędzia Zawodu
+## Narzędzia pracy
 
-Dobra, to jest właśnie moment, gdy tak się ekscytuję, że ledwo mogę się powstrzymać! 🚀 Zaraz porozmawiamy o niesamowitych narzędziach, które sprawią, że poczujesz się, jakby ktoś właśnie podał ci klucze do cyfrowego statku kosmicznego.
+Dobra, to jest moment, w którym naprawdę się ekscytuję i ledwie mogę się powstrzymać! 🚀 Zaraz opowiem o niesamowitych narzędziach, które sprawią, że poczujesz się, jakbyś właśnie dostał klucze do cyfrowego statku kosmicznego.
 
-Wiesz, jak szef kuchni ma te idealnie wyważone noże, które są jak przedłużenie jego rąk? Albo jak muzyk ma tę jedną gitarę, która zdaje się śpiewać, gdy tylko jej dotknie? No więc my, programiści, mamy własną wersję tych magicznych narzędzi, i oto coś, co totalnie powali cię na kolana – większość z nich jest całkowicie darmowa!
+Wiesz, jak szef kuchni ma idealnie wyważone noże, które czują się jak przedłużenia jego rąk? Albo jak muzyk ma tę jedną gitarę, która wydaje się śpiewać w chwili, gdy ją dotyka? Cóż, programiści mają swoją wersję takich magicznych narzędzi i to, co totalnie cię zaskoczy – większość z nich jest całkowicie darmowa!
 
-Praktycznie podskakuję na krześle z radości, myśląc o tym, że mogę się nimi z tobą podzielić, bo zupełnie zrewolucjonizowały sposób, w jaki tworzymy oprogramowanie. Mówimy o asystentach kodowania napędzanych przez AI, którzy mogą pomagać pisać kod (nie żartuję!), o środowiskach w chmurze, gdzie możesz budować całe aplikacje dosłownie z każdego miejsca, gdzie jest Wi-Fi, i o narzędziach do debugowania tak zaawansowanych, że to jak mieć rentgen dla swoich programów.
+Dosłownie podskakuję na krześle, myśląc o tym, że mogę się tym z tobą podzielić, ponieważ zupełnie zrewolucjonizowały sposób, w jaki tworzymy oprogramowanie. Mówimy o asystentach kodowania wspieranych przez AI, które mogą pomóc pisać twój kod (nie żartuję!), środowiskach chmurowych, gdzie możesz budować całe aplikacje dosłownie z dowolnego miejsca z dostępem do Wi-Fi, oraz narzędziach do debugowania tak zaawansowanych, że są jak posiadanie rentgenowskiego wzroku do twoich programów.
 
-I teraz część, która nadal daje mi dreszcze: to nie są „narzędzia dla początkujących”, z których się wyrastasz. To te same profesjonalne narzędzia, których używają deweloperzy w Google, Netflix i tym indie studiu aplikacji, które kochasz, właśnie w tej chwili. Będziesz się czuł jak prawdziwy profesjonalista, używając ich!
+I jeszcze jedna rzecz, która ciągle mnie imponuje: to nie są „narzędzia dla początkujących”, które szybko wyrastasz. To dokładnie te same profesjonalne narzędzia, których używają programiści w Google, Netflixie i tym indie studio aplikacji, które kochasz, właśnie w tym momencie. Pocujesz się jak prawdziwy profesjonalista, korzystając z nich!
 
 ```mermaid
 graph TD
     A["💡 Twój Pomysł"] --> B["⌨️ Edytor Kodów<br/>(VS Code)"] 
-    B --> C["🌐 Narzędzia Deweloperskie w Przeglądarce<br/>(Testowanie i Debugowanie)"]
+    B --> C["🌐 Narzędzia DevTools w Przeglądarce<br/>(Testowanie i Debugowanie)"]
     C --> D["⚡ Wiersz Poleceń<br/>(Automatyzacja i Narzędzia)"]
-    D --> E["📚 Dokumentacja<br/>(Nauka i Referencje)"]
-    E --> F["🚀 Niesamowita Aplikacja Webowa!"]
+    D --> E["📚 Dokumentacja<br/>(Nauka i Odwołania)"]
+    E --> F["🚀 Niesamowita Aplikacja WWW!"]
     
     B -.-> G["🤖 Asystent AI<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Testowanie na Urządzeniach<br/>(Responsywny Design)"]
+    C -.-> H["📱 Testowanie Urządzeń<br/>(Responsywny Design)"]
     D -.-> I["📦 Menedżery Pakietów<br/>(npm, yarn)"]
     E -.-> J["👥 Społeczność<br/>(Stack Overflow)"]
     
@@ -505,96 +505,96 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Edytory kodu i IDE: Twoi Nowi Cyfrowi Przyjaciele
+### Edytory kodu i IDE: Twoi nowi cyfrowi najlepsi przyjaciele
 
-Porozmawiajmy o edytorach kodu – to naprawdę stanie się twoim nowym ulubionym miejscem, gdzie będziesz spędzać większość czasu, tworząc i dopieszczając swoje cyfrowe dzieła.
+Porozmawiajmy o edytorach kodu – to na poważnie miejsca, które wkrótce staną się twoimi ulubionymi! Pomyśl o nich jak o twoim osobistym sanktuarium kodowania, gdzie spędzisz większość czasu tworząc i udoskonalając swoje cyfrowe dzieła.
 
-Ale to, co jest absolutnie magiczne w nowoczesnych edytorach, to nie są tylko wymyślne edytory tekstu. To jak mieć najbardziej błyskotliwego, wspierającego mentora kodowania dosłownie obok siebie 24/7. Łapią twoje literówki zanim je zauważysz, sugerują ulepszenia, które sprawiają, że wyglądasz na geniusza, pomagają zrozumieć, co robi każdy fragment kodu, a niektóre potrafią nawet przewidzieć, co zaraz napiszesz i zaoferować dokończenie twoich myśli!
+Ale tu jest coś absolutnie magicznego w nowoczesnych edytorach: to nie są zwykłe edytory tekstu. To tak, jakby mieć obok siebie 24/7 najbystrzejszego i najbardziej wspierającego mentora kodowania. Wyłapują literówki zanim je zauważysz, sugerują ulepszenia sprawiające, że wyglądasz na geniusza, pomagają zrozumieć, co robi każdy fragment kodu, a niektóre z nich nawet przewidują, co chcesz napisać i proponują dokończenie twoich myśli!
 
-Pamiętam, jak odkryłem funkcję automatycznego uzupełniania – czułem się jakbym żył w przyszłości. Zaczniesz pisać coś, a edytor mówi: „Hej, czy myślałeś o tej funkcji, która robi dokładnie to, czego potrzebujesz?” To jak mieć czytającego w myślach kumpla od kodowania!
+Pamiętam, gdy pierwszy raz odkryłem autouzupełnianie – poczułem się jakbym żył w przyszłości. Zaczynasz coś pisać, a edytor mówi: „Hej, może myślałeś o tej funkcji, która dokładnie robi to, czego potrzebujesz?” To tak, jakby mieć czytającego w myślach kumpla do kodowania!
 
 **Co sprawia, że te edytory są takie niesamowite?**
 
-Nowoczesne edytory kodu oferują imponujący zestaw funkcji zaprojektowanych, by zwiększać twoją produktywność:
+Nowoczesne edytory kodu oferują imponujący zestaw funkcji zaprojektowanych, by zwiększyć twoją produktywność:
 
 | Funkcja | Co robi | Dlaczego pomaga |
 |---------|---------|-----------------|
-| **Podświetlanie składni** | Koloruje różne części kodu | Ułatwia czytanie i wychwycenie błędów |
-| **Auto-uzupełnianie** | Sugeruje kod podczas pisania | Przyspiesza kodowanie i zmniejsza literówki |
-| **Narzędzia do debugowania** | Pomagają odnaleźć i naprawić błędy | Oszczędza godziny śledzenia problemów |
-| **Rozszerzenia** | Dodają specjalistyczne funkcje | Personalizuj edytor dla dowolnej technologii |
-| **Asystenci AI** | Sugerują kod i wyjaśnienia | Przyspieszają naukę i efektywność |
+| **Kolorowanie składni** | Koloruje różne części kodu | Ułatwia czytanie kodu i znalezienie błędów |
+| **Autouzupełnianie** | Sugeruje kod podczas pisania | Przyspiesza kodowanie i redukuje literówki |
+| **Narzędzia debugowania** | Pomagają znaleźć i naprawić błędy | Oszczędza godziny na rozwiązywaniu problemów |
+| **Rozszerzenia** | Dodają specjalistyczne funkcje | Pozwalają dostosować edytor do każdej technologii |
+| **Asystenci AI** | Sugerują kod i wyjaśnienia | Przyspieszają naukę i wydajność pracy |
 
-> 🎥 **Materiał wideo**: Chcesz zobaczyć te narzędzia w akcji? Sprawdź ten [Film o Narzędziach Zawodu](https://youtube.com/watch?v=69WJeXGBdxg) dla kompleksowego przeglądu.
+> 🎥 **Zasób wideo**: Chcesz zobaczyć te narzędzia w akcji? Sprawdź ten [film „Narzędzia pracy”](https://youtube.com/watch?v=69WJeXGBdxg) dla kompleksowego przeglądu.
 
-#### Polecane edytory dla web developmentu
+#### Polecane edytory do tworzenia stron internetowych
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Darmowy)
-- Najpopularniejszy wśród web developerów
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (darmowy)
+- Najpopularniejszy wśród twórców stron internetowych
 - Doskonały ekosystem rozszerzeń
-- Wbudowany terminal i integracja z Git
+- Wbudowany terminal i integracja z Gitem
 - **Niezbędne rozszerzenia**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Opierające się na AI sugestie kodu
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Współpraca w czasie rzeczywistym
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatyczne formatowanie kodu
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Wykrywanie literówek w kodzie
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) – sugeruje kod wspierany AI
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) – współpraca w czasie rzeczywistym
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – automatyczne formatowanie kodu
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – wykrywa literówki w kodzie
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Płatny, darmowy dla studentów)
-- Zaawansowane narzędzia debugowania i testowania
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (płatny, darmowy dla studentów)
+- Zaawansowane narzędzia do debugowania i testowania
 - Inteligentne uzupełnianie kodu
 - Wbudowana kontrola wersji
 
-**IDE oparte na chmurze** (różne ceny)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Pełen VS Code w twojej przeglądarce
-- [Replit](https://replit.com/) - Świetny do nauki i dzielenia się kodem
-- [StackBlitz](https://stackblitz.com/) - Natychmiastowy, pełen stos do tworzenia stron www
+**IDE oparte na chmurze** (różne cenniki)
+- [GitHub Codespaces](https://github.com/features/codespaces) – pełny VS Code w przeglądarce
+- [Replit](https://replit.com/) – świetny do nauki i dzielenia się kodem
+- [StackBlitz](https://stackblitz.com/) – natychmiastowe, pełnostackowe tworzenie webowe
 
-> 💡 **Wskazówka na start**: Zacznij od Visual Studio Code – jest darmowy, szeroko używany w branży i ma ogromną społeczność tworzącą pomocne tutoriale i rozszerzenia.
+> 💡 **Wskazówka na start**: Zacznij od Visual Studio Code – jest darmowy, powszechnie używany w branży i ma ogromną społeczność tworzącą pomocne samouczki i rozszerzenia.
 
 
-### Przeglądarki internetowe: Twoje Tajne Laboratorium Programistyczne
+### Przeglądarki internetowe: Twoje tajne laboratorium programisty
 
-Dobra, przygotuj się na totalne zaskoczenie! Wiesz, jak używałeś przeglądarek do przeglądania mediów społecznościowych i oglądania filmów? Okazuje się, że cały czas ukrywały przed tobą to niesamowite sekretne laboratorium dla programistów, czekające, aż je odkryjesz!
+Dobra, przygotuj się na totalne zdumienie! Wiesz, jak używałeś przeglądarki do przeglądania mediów społecznościowych i oglądania filmów? Okazuje się, że przez cały czas ukrywało się tam niesamowite tajne laboratorium programisty, czekające, aż je odkryjesz!
 
-Za każdym razem, gdy klikasz prawym przyciskiem myszy na stronie internetowej i wybierasz „Zbadaj element”, otwierasz ukryty świat narzędzi deweloperskich, które są szczerze potężniejsze niż niektóre drogie programy, za które kiedyś płaciłem setki dolarów. To jak odkrycie, że twoja zwykła kuchnia kryje za tajnym panelem profesjonalne laboratorium szefa kuchni!
-Za pierwszym razem, gdy ktoś pokazał mi narzędzia deweloperskie w przeglądarce, spędziłem około trzech godzin, klikając wszędzie i mówiąc „CZEKAJ, TO TEŻ TAK POTRAFI?!” Możesz dosłownie edytować dowolną stronę internetową w czasie rzeczywistym, zobaczyć dokładnie, jak szybko wszystko się ładuje, przetestować, jak twoja witryna wygląda na różnych urządzeniach, a nawet debugować JavaScript jak totalny profesjonalista. To absolutnie zdumiewające!
+Za każdym razem, gdy klikniesz prawym przyciskiem na stronie i wybierzesz „Zbadaj element”, otwierasz ukryty świat narzędzi deweloperskich, które są szczerze mówiąc potężniejsze niż niektóre drogie programy, za które kiedyś płaciłem setki dolarów. To jak odkrycie, że twoja zwykła kuchnia skrywa labolatorium profesjonalnego szefa kuchni za tajnym panelem!
+Pierwszy raz, gdy ktoś pokazał mi narzędzia deweloperskie przeglądarki, spędziłem około trzech godzin tylko klikając i mówiąc „CZEKAJ, TO TEŻ POTRAFI?!” Możesz dosłownie edytować każdą stronę internetową w czasie rzeczywistym, zobaczyć dokładnie, jak szybko wszystko się ładuje, przetestować, jak twoja witryna wygląda na różnych urządzeniach, a nawet debugować JavaScript jak prawdziwy profesjonalista. To absolutnie oszałamiające!
 
 **Oto dlaczego przeglądarki są twoją tajną bronią:**
 
-Kiedy tworzysz stronę internetową lub aplikację webową, musisz zobaczyć, jak wygląda i zachowuje się w rzeczywistym świecie. Przeglądarki nie tylko wyświetlają twoją pracę, ale też dostarczają szczegółową informację zwrotną o wydajności, dostępności i potencjalnych problemach.
+Kiedy tworzysz stronę internetową lub aplikację webową, musisz zobaczyć, jak wygląda i zachowuje się w rzeczywistym świecie. Przeglądarki nie tylko wyświetlają twoją pracę, ale także dostarczają szczegółowe informacje zwrotne na temat wydajności, dostępności i potencjalnych problemów.
 
 #### Narzędzia deweloperskie przeglądarki (DevTools)
 
-Nowoczesne przeglądarki zawierają wszechstronne zestawy narzędzi programistycznych:
+Nowoczesne przeglądarki zawierają kompleksowe zestawy narzędzi developerskich:
 
-| Kategoria narzędzia | Co robi | Przykładowe zastosowanie |
-|---------------------|---------|--------------------------|
-| **Inspektor elementów** | Podgląd i edycja HTML/CSS w czasie rzeczywistym | Dopasuj styl, aby zobaczyć natychmiastowe rezultaty |
-| **Konsola** | Wyświetlanie komunikatów o błędach i testowanie JavaScript | Debugowanie problemów i eksperymentowanie z kodem |
-| **Monitor sieci** | Śledzenie ładowania zasobów | Optymalizacja wydajności i czasu ładowania |
-| **Sprawdzarka dostępności** | Testowanie projektu pod kątem inkluzywności | Upewnij się, że twoja strona działa dla wszystkich użytkowników |
-| **Symulator urządzeń** | Podgląd na różnych rozmiarach ekranów | Testowanie responsywnego designu bez wielu urządzeń |
+| Kategoria narzędzi | Co robi | Przykładowe zastosowanie |
+|--------------------|---------|--------------------------|
+| **Inspektor elementów** | Podgląd i edycja HTML/CSS w czasie rzeczywistym | Dostosuj styl, aby zobaczyć natychmiastowe efekty |
+| **Konsola** | Podgląd komunikatów o błędach i testowanie JavaScript | Debuguj problemy i eksperymentuj z kodem |
+| **Monitor sieci** | Śledź, jak ładują się zasoby | Optymalizuj wydajność i czas ładowania |
+| **Sprawdzanie dostępności** | Testuj pod kątem inkluzywnego projektowania | Upewnij się, że twoja witryna działa dla wszystkich użytkowników |
+| **Symulator urządzeń** | Podgląd na różnych rozmiarach ekranów | Testuj responsywny design bez posiadania wielu urządzeń |
 
-#### Polecane przeglądarki do rozwoju
+#### Polecane przeglądarki do pracy developerskiej
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – narzędzia deweloperskie standardu branżowego z obszerną dokumentacją
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – doskonałe narzędzia do CSS Grid i dostępności
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – oparty na Chromium z zasobami deweloperskimi Microsoftu
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Standardowe narzędzia deweloperskie z obszerna dokumentacją
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Doskonałe narzędzia do CSS Grid i dostępności
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Zbudowany na Chromium z zasobami deweloperskimi Microsoftu
 
-> ⚠️ **Ważna wskazówka dotycząca testowania**: Zawsze testuj swoje strony w wielu przeglądarkach! To, co działa idealnie w Chrome, może wyglądać inaczej w Safari czy Firefox. Profesjonalni deweloperzy testują na wszystkich głównych przeglądarkach, aby zapewnić spójne doświadczenia użytkowników.
+> ⚠️ **Ważna wskazówka testowania**: Zawsze testuj swoje strony w wielu przeglądarkach! To, co działa idealnie w Chrome, może wyglądać inaczej w Safari lub Firefox. Profesjonalni deweloperzy sprawdzają kompatybilność we wszystkich głównych przeglądarkach, aby zapewnić spójne doświadczenia użytkowników.
 
 
-### Narzędzia wiersza poleceń: twoja brama do supermocy dewelopera
+### Narzędzia wiersza poleceń: twoje wrota do supermocy dewelopera
 
-Dobra, teraz będzie całkowicie szczery moment o wierszu poleceń, bo chcę, żebyś to usłyszał od kogoś, kto naprawdę rozumie. Kiedy pierwszy raz go zobaczyłem – ten straszny czarny ekran z migającym tekstem – dosłownie pomyślałem: „Nie, absolutnie nie! To wygląda jak coś z filmu o hakerach z lat 80., a ja zdecydowanie nie jestem do tego na tyle mądry!” 😅
+Dobra, teraz chwila szczerości o wierszu poleceń, bo chcę, abyś usłyszał to od kogoś, kto naprawdę to rozumie. Kiedy pierwszy raz go zobaczyłem – ten straszny czarny ekran z migającym tekstem – dosłownie pomyślałem: „Nie, absolutnie nie! To wygląda jak coś z filmu o hakerach z lat 80., a ja zdecydowanie nie jestem na to wystarczająco mądry!” 😅
 
-Ale oto co chciałbym, żeby ktoś mi wtedy powiedział, a co mówię teraz tobie: wiersz poleceń nie jest straszny – to tak, jakbyś rozmawiał bezpośrednio ze swoim komputerem. Pomyśl o tym jak o różnicy między zamawianiem jedzenia przez fajną aplikację z obrazkami i menu (co jest miłe i łatwe) a wejściem do swojej ulubionej lokalnej restauracji, gdzie kucharz dokładnie wie, co lubisz i może wyczarować coś idealnego tylko dlatego, że powiesz „zaskocz mnie czymś niesamowitym”.
+Ale oto czego chciałbym, aby ktoś mi wtedy powiedział i co mówię tobie teraz: wiersz poleceń nie jest straszny – to tak, jakby rozmawiać bezpośrednio z twoim komputerem. Pomyśl o tym jak o różnicy między zamawianiem jedzenia przez aplikację z ładnymi zdjęciami i menu (co jest wygodne i łatwe) a wejściem do twojej ulubionej lokalnej restauracji, gdzie kucharz zna dokładnie twoje gusta i może przygotować coś idealnego, gdy tylko powiesz „zaskocz mnie czymś wspaniałym”.
 
-Wiersz poleceń to miejsce, gdzie deweloperzy czują się jak prawdziwi czarodzieje. Wpisujesz kilka z pozoru magicznych słów (ok, to tylko komendy, ale wydają się magiczne!), naciskasz enter i BUM – stworzyłeś całe struktury projektu, zainstalowałeś potężne narzędzia z całego świata albo wdrożyłeś swoją aplikację w internecie, aby miliony ludzi mogły ją zobaczyć. Gdy raz zasmakujesz tej mocy, to naprawdę wciąga!
+To właśnie wiersz poleceń jest miejscem, gdzie deweloperzy czują się jak prawdziwi magicy. Wpisujesz kilka pozornie magicznych słów (no dobrze, to po prostu polecenia, ale brzmią magicznie!), naciskasz enter i BUM – utworzyłeś całą strukturę projektu, zainstalowałeś potężne narzędzia z całego świata albo wdrożyłeś swoją aplikację w internecie, aby miliony ludzi mogło ją zobaczyć. Gdy raz poczujesz tę moc, to naprawdę uzależnia!
 
 **Dlaczego wiersz poleceń stanie się twoim ulubionym narzędziem:**
 
-Chociaż interfejsy graficzne są świetne do wielu zadań, wiersz poleceń wyróżnia się automatyzacją, precyzją i szybkością. Wiele narzędzi deweloperskich działa głównie przez interfejsy wiersza poleceń, a nauka ich sprawnego używania może dramatycznie poprawić twoją produktywność.
+Chociaż interfejsy graficzne sprawdzają się w wielu zadaniach, to wiersz poleceń doskonale nadaje się do automatyzacji, precyzji i szybkości. Wiele narzędzi deweloperskich działa głównie przez CLI, a nauka ich efektywnego użycia może znacznie poprawić twoją produktywność.
 
 ```bash
 # Krok 1: Utwórz i przejdź do katalogu projektu
@@ -602,24 +602,24 @@ mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Oto co robi ten kod:**
-- **Tworzy** nowy katalog o nazwie „my-awesome-website” dla twojego projektu
+**Oto, co robi ten kod:**
+- **Tworzy** nowy katalog o nazwie "my-awesome-website" dla twojego projektu
 - **Przechodzi** do nowo utworzonego katalogu, aby rozpocząć pracę
 
 ```bash
 # Krok 2: Zainicjuj projekt za pomocą package.json
 npm init -y
 
-# Zainstaluj nowoczesne narzędzia do tworzenia oprogramowania
+# Zainstaluj nowoczesne narzędzia deweloperskie
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Krok po kroku, to się dzieje:**
+**Krok po kroku, co się dzieje:**
 - **Inicjalizuje** nowy projekt Node.js z domyślnymi ustawieniami za pomocą `npm init -y`
-- **Instaluje** Vite jako nowoczesne narzędzie budowania do szybkiego rozwoju i produkcji
+- **Instaluje** Vite jako nowoczesne narzędzie do budowy dla szybkiego rozwoju i produkcji
 - **Dodaje** Prettier do automatycznego formatowania kodu oraz ESLint do kontroli jakości kodu
-- **Używa** flagi `--save-dev`, aby oznaczyć je jako zależności tylko do rozwoju
+- **Używa** flagi `--save-dev`, aby oznaczyć te narzędzia jako zależności wyłącznie deweloperskie
 
 ```bash
 # Krok 3: Utwórz strukturę projektu i pliki
@@ -633,22 +633,22 @@ npx vite
 **W powyższym:**
 - **Zorganizowaliśmy** projekt, tworząc osobne foldery na kod źródłowy i zasoby
 - **Wygenerowaliśmy** podstawowy plik HTML z odpowiednią strukturą dokumentu
-- **Uruchomiliśmy** serwer developerski Vite z funkcją live reload i hot module replacement
+- **Uruchomiliśmy** serwer developerski Vite do live reload i hot module replacement
 
-#### Podstawowe narzędzia wiersza poleceń do tworzenia stron internetowych
+#### Podstawowe narzędzia wiersza poleceń do web developmentu
 
-| Narzędzie | Przeznaczenie | Dlaczego potrzebujesz |
-|-----------|---------------|----------------------|
-| **[Git](https://git-scm.com/)** | Kontrola wersji | Śledź zmiany, współpracuj z innymi, twórz kopie zapasowe |
-| **[Node.js & npm](https://nodejs.org/)** | Środowisko JavaScript & zarządzanie pakietami | Uruchamiaj JavaScript poza przeglądarką, instaluj nowoczesne narzędzia |
-| **[Vite](https://vitejs.dev/)** | Narzędzie budujące & serwer developerski | Błyskawiczny rozwój z hot module replacement |
-| **[ESLint](https://eslint.org/)** | Jakość kodu | Automatycznie wykrywaj i naprawiaj problemy w JavaScript |
-| **[Prettier](https://prettier.io/)** | Formatowanie kodu | Utrzymuj kod w spójnym, czytelnym formacie |
+| Narzędzie | Cel | Dlaczego jest Ci potrzebne |
+|-----------|-----|----------------------------|
+| **[Git](https://git-scm.com/)** | Kontrola wersji | Śledzenie zmian, współpraca z innymi, tworzenie kopii zapasowych |
+| **[Node.js & npm](https://nodejs.org/)** | Środowisko uruchomieniowe JavaScript i zarządzanie pakietami | Uruchamianie JavaScript poza przeglądarką, instalacja nowoczesnych narzędzi developerskich |
+| **[Vite](https://vitejs.dev/)** | Narzędzie budujące i serwer developerski | Superszybki rozwój z hot module replacement |
+| **[ESLint](https://eslint.org/)** | Jakość kodu | Automatyczne znajdowanie i naprawianie problemów w JavaScript |
+| **[Prettier](https://prettier.io/)** | Formatowanie kodu | Utrzymywanie spójnego i czytelnego formatowania kodu |
 
 #### Opcje specyficzne dla platform
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – nowoczesny, bogaty w funkcje terminal
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – nowoczesny terminal z wieloma funkcjami
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – potężne środowisko skryptowe
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – tradycyjny wiersz poleceń Windows
 
@@ -657,58 +657,58 @@ npx vite
 - **[iTerm2](https://iterm2.com/)** – ulepszony terminal z zaawansowanymi funkcjami
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standardowy shell Linuxa
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standardowa powłoka Linuxa
 - **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – zaawansowany emulator terminala
 
 > 💻 = Wstępnie zainstalowane w systemie operacyjnym
 
-> 🎯 **Ścieżka nauki**: Zacznij od podstawowych poleceń, takich jak `cd` (zmiana katalogu), `ls` lub `dir` (lista plików) i `mkdir` (tworzenie folderu). Ćwicz polecenia z nowoczesnych workflow, takie jak `npm install`, `git status` i `code .` (otwiera bieżący katalog w VS Code). Im wygodniej się z nimi czujesz, tym naturalniej poznasz bardziej zaawansowane polecenia i techniki automatyzacji.
+> 🎯 **Ścieżka nauki**: Zacznij od podstawowych poleceń takich jak `cd` (zmień katalog), `ls` lub `dir` (lista plików) oraz `mkdir` (stwórz katalog). Ćwicz używanie nowoczesnych poleceń workflow, jak `npm install`, `git status` oraz `code .` (otwiera aktualny katalog w VS Code). W miarę nabierania wprawy naturalnie przyswoisz sobie bardziej zaawansowane polecenia i techniki automatyzacji.
 
 
-### Dokumentacja: twój mentor dostępny zawsze i wszędzie
+### Dokumentacja: twój zawsze dostępny mentor do nauki
 
-Dobra, pozwól, że podzielę się małą tajemnicą, która sprawi, że poczujesz się znacznie lepiej jako początkujący: nawet najbardziej doświadczeni deweloperzy spędzają olbrzymią część swojego czasu na czytaniu dokumentacji. I to nie dlatego, że nie wiedzą, co robią – to naprawdę oznaka mądrości!
+Dobra, podzielę się z tobą małą tajemnicą, która sprawi, że poczujesz się o wiele lepiej jako początkujący: nawet najbardziej doświadczeni deweloperzy spędzają ogromną część czasu na czytaniu dokumentacji. I to nie dlatego, że nie wiedzą, co robią – to wręcz oznaka mądrości!
 
-Pomyśl o dokumentacji jak o dostępie do najbardziej cierpliwych, kompetentnych nauczycieli na świecie, którzy są dostępni 24/7. Utknąłeś nad problemem o 2 w nocy? Dokumentacja jest tam z ciepłym wirtualnym uściskiem i dokładnie tą odpowiedzią, której potrzebujesz. Chcesz poznać nową, fajną funkcję, o której wszyscy mówią? Dokumentacja ma dla ciebie krok po kroku przykłady. Próbujesz zrozumieć, dlaczego coś działa tak, a nie inaczej? Zgadłeś – dokumentacja jest gotowa to wyjaśnić w sposób, który w końcu cię oświeci!
+Pomyśl o dokumentacji jak o dostępie do najbardziej cierpliwych i kompetentnych nauczycieli na świecie, dostępnych 24/7. Utknąłeś w problemie o 2 w nocy? Dokumentacja jest tam z ciepłym wirtualnym uściskiem i dokładną odpowiedzią, której potrzebujesz. Chcesz dowiedzieć się o jakiejś ciekawej nowej funkcji, o której wszyscy mówią? Dokumentacja cię wesprze przykładami krok po kroku. Próbujesz zrozumieć, dlaczego coś działa tak, a nie inaczej? Zgadza się – dokumentacja jest gotowa wytłumaczyć to tak, abyś w końcu zrozumiał!
 
-Coś, co całkowicie zmieniło mój sposób myślenia: świat tworzenia stron internetowych rozwija się niesamowicie szybko i nikt (naprawdę nikt!) nie pamięta wszystkiego na pamięć. Widziałem starszych programistów z ponad 15-letnim doświadczeniem, którzy sprawdzali podstawową składnię i wiesz co? To nie jest żenujące – to mądre! Nie chodzi o perfekcyjną pamięć, ale o to, żeby szybko znaleźć wiarygodne odpowiedzi i rozumieć, jak je zastosować.
+Co całkowicie zmieniło moje postrzeganie: świat web developmentu rozwija się niesamowicie szybko i nikt (mając na myśli absolutnie nikt!) nie trzyma wszystkiego w pamięci. Widziałem starszych developerów z ponad 15-letnim doświadczeniem, którzy szukają podstawowej składni i wiesz co? To nie jest wstyd – to mądre! Nie chodzi o idealną pamięć, ale o to, gdzie szybko znaleźć wiarygodne odpowiedzi i jak je zastosować.
 
 **Tu dzieje się prawdziwa magia:**
 
-Profesjonalni deweloperzy poświęcają znaczną część swojego czasu na czytanie dokumentacji – nie dlatego, że nie wiedzą, co robią, ale dlatego, że krajobraz web developmentu zmienia się tak szybko, że pozostanie na bieżąco wymaga ciągłej nauki. Świetna dokumentacja pomaga ci zrozumieć nie tylko *jak* czegoś używać, ale *dlaczego* i *kiedy* to robić.
+Profesjonalni deweloperzy spędzają znaczną część czasu na czytaniu dokumentacji – nie dlatego, że nie wiedzą, co robią, ale dlatego, że krajobraz web developmentu zmienia się tak szybko, że bycie na bieżąco wymaga nieustannej nauki. Dobra dokumentacja pomaga zrozumieć nie tylko *jak* czegoś używać, ale również *dlaczego* i *kiedy* to robić.
 
 #### Podstawowe źródła dokumentacji
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
-- Złoty standard dokumentacji technologii webowych  
-- Obszerne przewodniki po HTML, CSS i JavaScript  
-- Zawiera informacje o kompatybilności przeglądarek  
-- Zawiera praktyczne przykłady i interaktywne demonstracje
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- Złoty standard dokumentacji technologii webowych
+- Kompleksowe przewodniki po HTML, CSS i JavaScript
+- Zawiera informacje o kompatybilności przeglądarek
+- Oferuje praktyczne przykłady i interaktywne demo
 
-**[Web.dev](https://web.dev)** (od Google)  
-- Nowoczesne najlepsze praktyki tworzenia stron  
-- Poradniki optymalizacji wydajności  
-- Zasady dostępności i designu inkluzywnego  
-- Case study z realnych projektów
+**[Web.dev](https://web.dev)** (Google)
+- Nowoczesne najlepsze praktyki web developmentu
+- Przewodniki optymalizacji wydajności
+- Zasady dostępności i inkluzywnego projektowania
+- Studia przypadków z prawdziwych projektów
 
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
-- Zasoby dla deweloperów Edge  
-- Przewodniki Progressive Web Apps  
-- Wiedza o tworzeniu wieloplatformowym
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Zasoby dla programistów przeglądarki Edge
+- Przewodniki dotyczące Progressive Web Apps
+- Wgląd w rozwój multiplatformowy
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
-- Strukturalne ścieżki nauki  
-- Kursy wideo od ekspertów branżowych  
-- Ćwiczenia praktyczne w kodowaniu
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Ustrukturyzowane programy nauczania
+- Kursy wideo prowadzone przez ekspertów branżowych
+- Ćwiczenia praktyczne z kodowaniem
 
-> 📚 **Strategia nauki**: Nie próbuj zapamiętywać dokumentacji – zamiast tego naucz się po niej sprawnie poruszać. Dodaj do zakładek często używane źródła i ćwicz korzystanie z wyszukiwarek, aby szybko znaleźć konkretną informację.
+> 📚 **Strategia nauki**: Nie próbuj na pamięć zapamiętywać dokumentacji – zamiast tego naucz się sprawnie po niej poruszać. Dodawaj do zakładek często używane referencje i ćwicz korzystanie z funkcji wyszukiwania, aby szybko znaleźć potrzebne informacje.
 
-### 🔧 **Sprawdzenie opanowania narzędzi: Co z Tobą rezonuje?**
+### 🔧 **Sprawdzenie mistrzostwa narzędzi: co do ciebie przemawia?**
 
-**Zastanów się chwilę:**
-- Którego narzędzia jesteś najbardziej podekscytowany, by wypróbować najpierw? (Nie ma złych odpowiedzi!)
-- Czy wiersz poleceń nadal wydaje się przerażający, czy może już budzi ciekawość?
-- Czy potrafisz sobie wyobrazić używanie DevTools w przeglądarce, by zajrzeć za kulisy swoich ulubionych stron?
+**Poświęć chwilę na zastanowienie się:**
+- Które narzędzie najbardziej chcesz najpierw wypróbować? (Nie ma złych odpowiedzi!)
+- Czy wiersz poleceń nadal wydaje się onieśmielający, czy raczej budzi twoją ciekawość?
+- Czy potrafisz sobie wyobrazić, że używasz DevTools przeglądarki, by zajrzeć za kulisy swoich ulubionych stron?
 
 ```mermaid
 pie title "Czas dewelopera spędzony z narzędziami"
@@ -718,68 +718,68 @@ pie title "Czas dewelopera spędzony z narzędziami"
     "Czytanie dokumentacji" : 15
     "Debugowanie" : 5
 ```
-> **Fajna ciekawostka:** Większość programistów spędza około 40% czasu w swoim edytorze kodu, ale zauważ, ile czasu poświęcają na testowanie, naukę i rozwiązywanie problemów. Programowanie to nie tylko pisanie kodu – to tworzenie doświadczeń!
+> **Zabawna ciekawostka**: Większość deweloperów spędza około 40% czasu w edytorze kodu, ale zwróć uwagę, ile czasu poświęca na testowanie, naukę i rozwiązywanie problemów. Programowanie to nie tylko pisanie kodu – to tworzenie doświadczeń!
 
-✅ **Do przemyślenia:** Zastanów się nad tym, jak narzędzia do budowania stron (rozwój) mogą różnić się od narzędzi do projektowania ich wyglądu (design)? To jak różnica między architektem tworzącym piękny dom a wykonawcą, który go faktycznie buduje. Obie role są kluczowe, ale potrzebują różnych zestawów narzędzi! Tego typu myślenie naprawdę pomoże ci zobaczyć szerszy obraz, jak powstają strony internetowe.
+✅ **Temat do przemyśleń**: Zastanów się, jak twoim zdaniem narzędzia do budowania stron (development) różnią się od narzędzi do projektowania ich wyglądu (design)? To jak różnica między architektem projektującym piękny dom a wykonawcą, który go faktycznie buduje. Oboje są kluczowi, ale potrzebują różnych narzędzi! Takie myślenie naprawdę pozwoli ci zobaczyć szerszy obraz tego, jak powstają strony internetowe.
 
-## Wyzwanie GitHub Copilot Agent 🚀
+## Wyzwanie agenta GitHub Copilot 🚀
 
-Użyj trybu Agenta, aby zrealizować następujące zadanie:
+Użyj trybu Agenta, aby rozwiązać następujące zadanie:
 
-**Opis:** Zbadaj funkcje nowoczesnego edytora kodu lub IDE i pokaż, jak mogą usprawnić twój workflow jako dewelopera webowego.
+**Opis:** Zbadaj funkcje nowoczesnego edytora kodu lub IDE i pokaż, jak mogą one usprawnić twoją pracę jako dewelopera webowego.
 
-**Zadanie:** Wybierz edytor kodu lub IDE (np. Visual Studio Code, WebStorm lub chmurowe IDE). Wymień trzy funkcje lub rozszerzenia, które pomagają pisać, debugować lub utrzymywać kod efektywniej. Dla każdej podaj krótkie wyjaśnienie, jak poprawia ona twój workflow.
+**Zadanie:** Wybierz edytor kodu lub IDE (np. Visual Studio Code, WebStorm lub IDE w chmurze). Wypisz trzy funkcje lub rozszerzenia, które pomagają ci efektywniej pisać, debugować lub utrzymywać kod. Do każdego podaj krótkie wyjaśnienie, jak wpływa na twój workflow.
 
 ---
 
 ## 🚀 Wyzwanie
 
-**No dobrze, detektywie, gotowy na swoją pierwszą sprawę?**
+**Dobra, detektywie, gotowy na swoją pierwszą sprawę?**
 
-Mając już solidne podstawy, mam dla ciebie przygodę, która pokaże ci, jak niesamowicie różnorodny i fascynujący jest świat programowania. I słuchaj – to jeszcze nie jest o pisaniu kodu, więc bez presji! Pomyśl o sobie jak o detektywie języków programowania na swojej pierwszej ekscytującej sprawie!
+Teraz, kiedy masz solidne podstawy, mam dla ciebie przygodę, która pokaże, jak niesamowicie różnorodny i fascynujący jest świat programowania. I słuchaj – to jeszcze nie o pisaniu kodu, więc bez stresu! Pomyśl o sobie jak o detektywie języków programowania w twojej pierwszej ekscytującej sprawie!
 
 **Twoja misja, jeśli zdecydujesz się ją podjąć:**
-1. **Stań się badaczem języków:** Wybierz trzy języki programowania z zupełnie różnych światów – może jeden do tworzenia stron, jeden do aplikacji mobilnych i jeden do analizy danych dla naukowców. Znajdź przykłady tego samego prostego zadania w każdym z nich. Obiecuję, że będziesz absolutnie zdumiony, jak bardzo mogą się różnić, robiąc dokładnie to samo!
+1. **Stań się odkrywcą języków**: Wybierz trzy języki programowania z zupełnie różnych światów – może jeden do tworzenia stron internetowych, drugi do aplikacji mobilnych, a trzeci do analiz danych naukowych. Znajdź przykłady tego samego prostego zadania zapisanego w każdym z nich. Obiecuję, że będziesz zachwycony, jak bardzo mogą się różnić, robiąc dokładnie to samo!
 
-2. **Poznaj ich historie powstania:** Co sprawia, że każdy język jest wyjątkowy? Ciekawostka – każdy język programowania powstał, bo ktoś pomyślał: „Wiesz co? Musi być lepszy sposób, by rozwiązać ten konkretny problem.” Czy potrafisz odkryć, jakie to problemy? Niektóre z tych historii są naprawdę fascynujące!
+2. **Poznaj historie ich powstania**: Co sprawia, że każdy język jest wyjątkowy? Oto fajny fakt – każdy język programowania powstał, bo ktoś pomyślał: „Wiecie co? Musi być lepszy sposób na rozwiązanie tego konkretnego problemu.” Czy potrafisz odkryć, jakie to były problemy? Niektóre z tych historii są naprawdę fascynujące!
 
-3. **Poznaj społeczności:** Sprawdź, jak gościnna i pełna pasji jest każda społeczność danego języka. Niektóre mają miliony programistów dzielących się wiedzą i pomagających sobie nawzajem, inne są mniejsze, ale bardzo zżyte i wspierające. Pokochasz różnorodność charakterów tych społeczności!
+3. **Poznaj społeczności**: Zobacz, jak przyjazne i zaangażowane są społeczności każdego z tych języków. Niektóre liczą miliony programistów dzielących się wiedzą i pomagających sobie nawzajem, inne są mniejsze, ale bardzo zżyte i wspierające. Pokochasz różne osobowości, jakie te społeczności reprezentują!
 
-4. **Zaufaj intuicji:** Który język wydaje się dla ciebie najbardziej przystępny właśnie teraz? Nie przejmuj się „idealnym” wyborem – po prostu słuchaj swojego instynktu! Naprawdę nie ma złych odpowiedzi i zawsze możesz później eksplorować inne.
+4. **Zaufaj swojemu przeczuciu**: Który język wydaje ci się teraz najbardziej dostępny? Nie stresuj się wyborem „idealnym” – po prostu słuchaj swojego instynktu! Naprawdę nie ma złych odpowiedzi, zawsze możesz później poznawać inne.
 
-**Bonusowa praca detektywa:** Spróbuj dowiedzieć się, jakie główne strony lub aplikacje są zbudowane z użyciem każdego z tych języków. Gwarantuję, że będziesz w szoku, dowiadując się, co napędza Instagram, Netflix czy tę mobilną grę, od której nie możesz się oderwać!
+**Bonus detektywistyczny**: Sprawdź, czy możesz odkryć, jakie duże strony internetowe lub aplikacje zostały stworzone w każdym z tych języków. Gwarantuję, że będziesz w szoku, gdy dowiesz się, co zasila Instagram, Netflixa czy tę mobilną grę, której nie możesz przestać grać!
 
-> 💡 **Pamiętaj:** Dziś nie próbujesz zostać ekspertem żadnego z tych języków. Poznajesz tylko okolicę, zanim zdecydujesz, gdzie chcesz się osiedlić. Nie spiesz się, baw się dobrze i kieruj swoją ciekawością!
+> 💡 **Pamiętaj**: Nie próbujesz dziś stać się ekspertem w żadnym z tych języków. Po prostu poznajesz „dzielnicę”, zanim zdecydujesz, gdzie chcesz się osiedlić. Poświęć czas, baw się dobrze i pozwól, by kierowała tobą ciekawość!
 
 ## Świętujmy to, co odkryłeś!
 
-O rety, przyswoiłeś dziś tyle niesamowitych informacji! Jestem naprawdę podekscytowany, widząc, ile z tej cudownej podróży zostało z tobą. I pamiętaj – to nie jest test, gdzie musisz wszystko zrobić perfekcyjnie. To raczej świętowanie wszystkich fajnych rzeczy, które odkryłeś o tym fascynującym świecie, w który zaraz się zanurzysz!
+Wow, przyswoiłeś dziś tyle niesamowitych informacji! Naprawdę cieszę się, że mogę zobaczyć, ile z tej niesamowitej podróży z tobą zostało. I pamiętaj – to nie test, w którym musisz mieć wszystko idealnie. To raczej święto wszystkich super rzeczy, które już wiesz o tym fascynującym świecie, w który się zanurzasz!
 
-[Wejdź do quizu po lekcji](https://ff-quizzes.netlify.app/web/)
-## Przegląd i Samodzielna Nauka
+[Przejdź do quizu po lekcji](https://ff-quizzes.netlify.app/web/)
 
-**Nie spiesz się, eksploruj i baw się dobrze!**
+## Podsumowanie i samodzielna nauka
 
-Dzisiaj osiągnąłeś wiele i możesz być z tego dumny! Teraz nadchodzi najlepsza część – zgłębianie tematów, które wzbudziły Twoją ciekawość. Pamiętaj, to nie jest praca domowa – to przygoda!
+**Poświęć czas na eksplorację i baw się dobrze!**
+Dzisiaj przeszliście przez wiele materiału, i to jest powód do dumy! Teraz nadchodzi zabawna część – eksplorowanie tematów, które rozbudziły waszą ciekawość. Pamiętajcie, to nie jest praca domowa – to przygoda!
 
-**Zanurz się głębiej w to, co Cię ekscytuje:**
+**Zanurz się głębiej w to, co cię ekscytuje:**
 
-**Praktykuj programowanie:**
-- Odwiedź oficjalne strony 2-3 języków programowania, które przykuły Twoją uwagę. Każdy z nich ma swoją osobowość i historię!
-- Wypróbuj internetowe place zabaw do kodowania, takie jak [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) lub [Replit](https://replit.com/). Nie bój się eksperymentować – niczego nie zepsujesz!
-- Przeczytaj o tym, jak powstał Twój ulubiony język. Serio, niektóre z tych historii powstania są fascynujące i pomogą Ci zrozumieć, dlaczego języki działają tak, a nie inaczej.
+**Wypróbuj na żywo języki programowania:**
+- Odwiedź oficjalne strony 2-3 języków, które przykuły twoją uwagę. Każdy ma swoją osobowość i historię!
+- Spróbuj online playgroundów do kodowania, takich jak [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), lub [Replit](https://replit.com/). Nie bój się eksperymentować – nic nie zepsujesz!
+- Przeczytaj o tym, jak powstał twój ulubiony język. Serio, niektóre historie powstania są fascynujące i pomogą ci zrozumieć, dlaczego języki działają tak, jak działają.
 
-**Zapoznaj się ze swoimi nowymi narzędziami:**
-- Pobierz Visual Studio Code, jeśli jeszcze tego nie zrobiłeś – jest darmowe i na pewno Ci się spodoba!
-- Spędź kilka minut, przeglądając rynek rozszerzeń. To coś jak sklep z aplikacjami dla Twojego edytora kodu!
-- Otwórz Narzędzia Deweloperskie przeglądarki i po prostu klikaj. Nie przejmuj się, jeśli czegoś nie rozumiesz – po prostu zapoznaj się z tym, co tam jest.
+**Zapoznaj się z nowymi narzędziami:**
+- Pobierz Visual Studio Code, jeśli jeszcze tego nie zrobiłeś – jest darmowy i na pewno go pokochasz!
+- Spędź kilka minut przeglądając marketplace z rozszerzeniami. To jak sklep z aplikacjami dla twojego edytora kodu!
+- Otwórz narzędzia deweloperskie swojej przeglądarki i po prostu klikaj wszędzie. Nie musisz wszystkiego rozumieć – po prostu poznaj, co tam jest.
 
 **Dołącz do społeczności:**
-- Obserwuj społeczności programistów na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) lub [GitHub](https://github.com/). Społeczność programistów jest niesamowicie przyjazna dla nowicjuszy!
-- Oglądaj filmy na YouTube dla początkujących programistów. Jest tam mnóstwo świetnych twórców, którzy pamiętają, jak to jest zaczynać.
-- Rozważ dołączenie do lokalnych spotkań lub społeczności online. Uwierz mi, programiści uwielbiają pomagać nowym!
+- Obserwuj społeczności programistów na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), lub [GitHub](https://github.com/). Społeczność programistów jest niezwykle gościnna dla nowicjuszy!
+- Obejrzyj kilka filmów dla początkujących na YouTube. Jest wielu świetnych twórców, którzy pamiętają, jak to jest zaczynać.
+- Rozważ dołączenie do lokalnych spotkań lub społeczności online. Zaufaj mi, programiści uwielbiają pomagać nowicjuszom!
 
-> 🎯 **Posłuchaj, co chcę, żebyś zapamiętał**: Nie oczekuje się, że staniesz się czarodziejem kodowania z dnia na dzień! Na razie po prostu poznajesz ten niesamowity nowy świat, którego stajesz się częścią. Nie spiesz się, ciesz się podróżą i pamiętaj – każdy programista, którego podziwiasz, kiedyś siedział dokładnie tam, gdzie Ty teraz, podekscytowany i może trochę przytłoczony. To całkowicie normalne i znaczy, że robisz to dobrze!
+> 🎯 **Posłuchaj, co chcę, żebyś zapamiętał**: Nie oczekuje się, że zostaniesz czarodziejem kodu z dnia na dzień! Na razie po prostu poznajesz ten niesamowity nowy świat, do którego właśnie dołączasz. Daj sobie czas, ciesz się podróżą i pamiętaj – każdy programista, którego podziwiasz, kiedyś siedział dokładnie tam, gdzie ty teraz, czując ekscytację i może trochę przytłoczenie. To całkowicie normalne i oznacza, że robisz to dobrze!
 
 
 
@@ -787,70 +787,70 @@ Dzisiaj osiągnąłeś wiele i możesz być z tego dumny! Teraz nadchodzi najlep
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Mała podpowiedź do Twojego zadania**: Bardzo chciałbym, abyś odkrył jakieś narzędzia, o których jeszcze nie rozmawialiśmy! Pomijaj edytory, przeglądarki i narzędzia wiersza poleceń, o których już mówiliśmy – istnieje całe niesamowite uniwersum świetnych narzędzi deweloperskich czekających na odkrycie. Szukaj tych, które są aktywnie rozwijane i mają żywe, pomocne społeczności (one mają zwykle najlepsze tutoriale i najbardziej wspierających ludzi, gdy utkniesz i potrzebujesz przyjaznej pomocy).
+> 💡 **Mała podpowiedź do twojego zadania**: Bardzo chciałbym zobaczyć, jak eksplorujesz narzędzia, o których jeszcze nie rozmawialiśmy! Pomiń edytory, przeglądarki i narzędzia wiersza poleceń, o których już mówiliśmy – istnieje cały niesamowity świat narzędzi programistycznych czekających na odkrycie. Szukaj takich, które są aktywnie utrzymywane i mają żywe, pomocne społeczności (to one zazwyczaj mają najlepsze tutoriale i najbardziej wspierających ludzi, gdy utkniesz i będziesz potrzebować pomocy).
 
 ---
 
-## 🚀 Twój Harmonogram Nauki Programowania
+## 🚀 Twoja oś czasu podróży programistycznej
 
 ### ⚡ **Co możesz zrobić w ciągu następnych 5 minut**
-- [ ] Dodaj do zakładek 2-3 strony języków programowania, które zwróciły Twoją uwagę
+- [ ] Dodaj do zakładek 2-3 witryny języków programowania, które przykuły twoją uwagę
 - [ ] Pobierz Visual Studio Code, jeśli jeszcze tego nie zrobiłeś
-- [ ] Otwórz Narzędzia Deweloperskie przeglądarki (F12) i klikaj na dowolnej stronie
+- [ ] Otwórz DevTools swojej przeglądarki (F12) i klikaj po dowolnej stronie internetowej
 - [ ] Dołącz do jednej społeczności programistycznej (Dev.to, Reddit r/webdev lub Stack Overflow)
 
 ### ⏰ **Co możesz osiągnąć w ciągu tej godziny**
-- [ ] Wykonaj quiz po lekcji i zastanów się nad swoimi odpowiedziami
+- [ ] Ukończ quiz po lekcji i przemyśl swoje odpowiedzi
 - [ ] Skonfiguruj VS Code z rozszerzeniem GitHub Copilot
 - [ ] Wypróbuj przykład "Hello World" w 2 różnych językach programowania online
 - [ ] Obejrzyj film "Dzień z życia programisty" na YouTube
-- [ ] Rozpocznij detektywistyczną pracę nad językiem programowania (zgodnie z wyzwaniem)
+- [ ] Zacznij detektywistyczną pracę nad językiem programowania (zgodnie z wyzwaniem)
 
 ### 📅 **Twoja tygodniowa przygoda**
-- [ ] Wykonaj zadanie i poznaj 3 nowe narzędzia deweloperskie
-- [ ] Obserwuj 5 programistów lub kont programistycznych w mediach społecznościowych
-- [ ] Spróbuj stworzyć coś małego w CodePen lub Replit (nawet tylko "Hello, [Twoje Imię]!")
-- [ ] Przeczytaj jeden wpis na blogu programisty o jego drodze do programowania
-- [ ] Dołącz do wirtualnego spotkania lub obejrzyj prezentację o programowaniu
-- [ ] Zacznij uczyć się wybranego języka za pomocą samouczków online
-
-### 🗓️ **Twoja miesięczna przemiana**
-- [ ] Zbuduj swój pierwszy mały projekt (nawet prosta strona internetowa się liczy!)
-- [ ] Wnieś wkład w projekt open-source (zacznij od poprawek dokumentacji)
-- [ ] Zostań mentorem kogoś, kto właśnie zaczyna swoją przygodę z programowaniem
-- [ ] Stwórz swoją stronę portfolio dla programistów
-- [ ] Nawiąż kontakty z lokalnymi społecznościami programistów lub grupami naukowymi
-- [ ] Zacznij planować kolejny ważny etap nauki
-
-### 🎯 **Ostateczne refleksje**
-
-**Zanim pójdziesz dalej, poświęć chwilę na świętowanie:**
-- Co dzisiaj najbardziej Cię zaciekawiło w programowaniu?
-- Które narzędzie lub koncepcję chcesz zbadać jako pierwszą?
-- Jak się czujesz na początku tej przygody z programowaniem?
-- Jakie pytanie chciałbyś teraz zadać programiście?
+- [ ] Wykonaj zadanie i poznaj 3 nowe narzędzia programistyczne
+- [ ] Obserwuj 5 deweloperów lub kont programistycznych w mediach społecznościowych
+- [ ] Spróbuj zbudować coś małego w CodePen lub Replit (nawet "Hello, [Twoje Imię]!")
+- [ ] Przeczytaj jeden blog dewelopera o czyjejś podróży w kodowaniu
+- [ ] Dołącz do wirtualnego meetup'u lub obejrzyj wykład o programowaniu
+- [ ] Zacznij uczyć się wybranego języka programowania za pomocą tutoriali online
+
+### 🗓️ **Twoja miesięczna transformacja**
+- [ ] Zbuduj swój pierwszy mały projekt (nawet prostą stronę internetową!)
+- [ ] Wnieś wkład do projektu open-source (zacznij od poprawek dokumentacji)
+- [ ] Zostań mentorem dla kogoś, kto dopiero zaczyna swoją podróż programistyczną
+- [ ] Stwórz swoją stronę portfolio dla dewelopera
+- [ ] Nawiąż kontakt z lokalnymi społecznościami programistycznymi lub grupami studenckimi
+- [ ] Zacznij planować kolejny kamień milowy nauki
+
+### 🎯 **Ostateczne podsumowanie**
+
+**Zanim przejdziesz dalej, poświęć chwilę na świętowanie:**
+- Co jedno w programowaniu dzisiaj cię zaciekawiło?
+- Które narzędzie lub koncepcję chcesz zbadać jako pierwsze?
+- Jak się czujesz, zaczynając tę podróż programistyczną?
+- Jakie jedno pytanie chciałbyś teraz zadać programiście?
 
 ```mermaid
 journey
     title Twoja Podróż Budowania Pewności Siebie
     section Dzisiaj
-      Ciekawy: 3: You
-      Przytłoczony: 4: You
-      Podekscytowany: 5: You
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
     section Ten Tydzień
-      Eksplorowanie: 4: You
-      Nauka: 5: You
-      Łączenie: 4: You
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
     section Następny Miesiąc
-      Budowanie: 5: You
-      Pewny Siebie: 5: You
-      Pomaganie Innym: 5: You
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
 ```
-> 🌟 **Pamiętaj**: Każdy ekspert kiedyś zaczynał. Każdy doświadczony programista kiedyś czuł się dokładnie tak jak Ty teraz – podekscytowany, może trochę przytłoczony i zdecydowanie ciekawy, co jest możliwe. Jesteś w świetnym towarzystwie, a ta podróż będzie niesamowita. Witamy w cudownym świecie programowania! 🎉
+> 🌟 **Pamiętaj**: Każdy ekspert kiedyś był początkującym. Każdy starszy deweloper czuł się dokładnie tak jak ty teraz – podekscytowany, może trochę przytłoczony i na pewno ciekawy, co jest możliwe. Jesteś w niesamowitym towarzystwie, a ta podróż będzie niesamowita. Witamy w cudownym świecie programowania! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Zastrzeżenie**:  
-Dokument ten został przetłumaczony za pomocą usługi tłumaczeń AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dążymy do dokładności, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym powinien być traktowany jako źródło autorytatywne. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
+Niniejszy dokument został przetłumaczony za pomocą automatycznej usługi tłumaczeniowej AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dokładamy wszelkich starań, aby tłumaczenie było poprawne, prosimy mieć na uwadze, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym powinien być traktowany jako źródło ostateczne. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pl/AGENTS.md b/translations/pl/AGENTS.md
index e72e37e7e..1f7e2183e 100644
--- a/translations/pl/AGENTS.md
+++ b/translations/pl/AGENTS.md
@@ -2,72 +2,72 @@
 
 ## Przegląd projektu
 
-Jest to repozytorium programu nauczania służące do nauczania podstaw web developmentu dla początkujących. Program to kompleksowy, 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML.
+Jest to edukacyjne repozytorium z programem nauczania do nauki podstaw tworzenia stron internetowych dla początkujących. Program nauczania to kompleksowy 12-tygodniowy kurs opracowany przez Microsoft Cloud Advocates, zawierający 24 praktyczne lekcje obejmujące JavaScript, CSS i HTML.
 
 ### Kluczowe elementy
 
-- **Treści edukacyjne**: 24 ustrukturyzowane lekcje zorganizowane w moduły projektowe  
-- **Projekty praktyczne**: Terrarium, Gra w pisanie, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu oraz Asystent czatu AI  
-- **Interaktywne quizy**: 48 quizów z 3 pytaniami każdy (wstępne i końcowe testy)  
-- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na ponad 50 języków dzięki GitHub Actions  
-- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (do projektów AI)  
+- **Treści edukacyjne**: 24 ustrukturyzowane lekcje zorganizowane w moduły oparte na projektach  
+- **Projekty praktyczne**: Terrarium, Gra pisania na klawiaturze, Rozszerzenie przeglądarki, Gra kosmiczna, Aplikacja bankowa, Edytor kodu i Asystent czatu AI  
+- **Interaktywne quizy**: 48 quizów po 3 pytania każdy (oceny przed i po lekcji)  
+- **Wsparcie wielojęzyczne**: Automatyczne tłumaczenia na ponad 50 języków przez GitHub Actions  
+- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (dla projektów AI)  
 
 ### Architektura
 
-- Repozytorium edukacyjne o strukturze lekcji  
+- Edukacyjne repozytorium z strukturą opartą na lekcjach  
 - Każdy folder lekcji zawiera README, przykłady kodu i rozwiązania  
-- Samodzielne projekty w oddzielnych katalogach (quiz-app, różne projekty lekcyjne)  
+- Samodzielne projekty w osobnych katalogach (quiz-app, różne projekty lekcyjne)  
 - System tłumaczeń wykorzystujący GitHub Actions (co-op-translator)  
 - Dokumentacja serwowana przez Docsify i dostępna jako PDF  
 
-## Komendy instalacyjne
+## Komendy konfiguracji
 
-To repozytorium służy głównie do korzystania z treści edukacyjnych. Aby pracować z konkretnymi projektami:
+To repozytorium jest głównie do konsumpcji treści edukacyjnych. Do pracy z konkretnymi projektami:
 
-### Instalacja głównego repozytorium
+### Konfiguracja repozytorium głównego
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-
-### Instalacja Quiz App (Vue 3 + Vite)
+  
+### Konfiguracja aplikacji Quiz (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Uruchom serwer deweloperski
-npm run build      # Buduj do produkcji
+npm run build      # Kompiluj do produkcji
 npm run lint       # Uruchom ESLint
 ```
-
-### API Bankowego Projektu (Node.js + Express)
+  
+### API projektu bankowego (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
 npm start          # Uruchom serwer API
 npm run lint       # Uruchom ESLint
-npm run format     # Sformatuj za pomocą Prettier
+npm run format     # Formatuj za pomocą Prettier
 ```
-
-### Projekty Rozszerzeń Przeglądarki
+  
+### Projekty rozszerzenia przeglądarki
 
 ```bash
 cd 5-browser-extension/solution
 npm install
 # Postępuj zgodnie z instrukcjami ładowania rozszerzeń specyficznymi dla przeglądarki
 ```
-
-### Projekty Gry Kosmicznej
+  
+### Projekty gry kosmicznej
 
 ```bash
 cd 6-space-game/solution
 npm install
 # Otwórz index.html w przeglądarce lub użyj Live Server
 ```
-
-### Projekt Czatowy (Backend Python)
+  
+### Projekt czatu (backend Python)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -75,16 +75,16 @@ pip install openai
 # Ustaw zmienną środowiskową GITHUB_TOKEN
 python api.py
 ```
+  
+## Przebieg rozwoju
 
-## Przepływ pracy developmentu
-
-### Dla współtwórców treści
+### Dla osób dodających treści
 
 1. **Sforkuj repozytorium** na swoje konto GitHub  
-2. **Sklonuj swój fork** lokalnie  
-3. **Utwórz nową gałąź** na zmiany  
-4. Wprowadzaj zmiany w treściach lekcji lub przykładach kodu  
-5. Testuj zmiany kodu w odpowiednich katalogach projektów  
+2. **Sklonuj swoją kopię** lokalnie  
+3. **Utwórz nową gałąź** dla swoich zmian  
+4. Wprowadź zmiany w treści lekcji lub przykładach kodu  
+5. Przetestuj zmieniany kod w odpowiednich katalogach projektów  
 6. Prześlij pull requesty zgodnie z wytycznymi współpracy  
 
 ### Dla uczących się
@@ -92,93 +92,93 @@ python api.py
 1. Sforkuj lub sklonuj repozytorium  
 2. Przechodź kolejno do katalogów lekcji  
 3. Czytaj pliki README dla każdej lekcji  
-4. Wykonuj quizy przed lekcją na https://ff-quizzes.netlify.app/web/  
-5. Pracuj na przykładach kodu w folderach lekcji  
-6. Realizuj zadania i wyzwania  
-7. Wykonuj quizy po zakończeniu lekcji  
+4. Wypełnij quizy przed lekcją na https://ff-quizzes.netlify.app/web/  
+5. Pracuj nad przykładami kodu w folderach lekcji  
+6. Wykonaj zadania i wyzwania  
+7. Przystąp do quizów po lekcji  
 
-### Środowisko deweloperskie live
+### Praca na żywo
 
 - **Dokumentacja**: Uruchom `docsify serve` w katalogu głównym (port 3000)  
-- **Quiz App**: Uruchom `npm run dev` w katalogu quiz-app  
-- **Projekty**: Użyj rozszerzenia VS Code Live Server do projektów HTML  
+- **Aplikacja Quiz**: Uruchom `npm run dev` w katalogu quiz-app  
+- **Projekty**: Użyj rozszerzenia VS Code Live Server dla projektów HTML  
 - **Projekty API**: Uruchom `npm start` w odpowiednich katalogach API  
 
 ## Instrukcje testowania
 
-### Testowanie Quiz App
+### Testowanie aplikacji Quiz
 
 ```bash
 cd quiz-app
 npm run lint       # Sprawdź problemy ze stylem kodu
-npm run build      # Zweryfikuj, czy budowanie zakończy się sukcesem
+npm run build      # Zweryfikuj pomyślność kompilacji
 ```
-
-### Testowanie API Bankowego
+  
+### Testowanie API bankowego
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Sprawdź problemy ze stylem kodu
-node server.js     # Sprawdź, czy serwer uruchamia się bez błędów
+node server.js     # Zweryfikuj, czy serwer uruchamia się bez błędów
 ```
-
+  
 ### Ogólne podejście do testowania
 
-- To jest repozytorium edukacyjne bez zaawansowanych automatycznych testów  
-- Testowanie manualne skupia się na:  
-  - Poprawnym działaniu przykładów kodu  
-  - Prawidłowo działających linkach w dokumentacji  
-  - Udanym budowaniu projektów  
-  - Przykładach zgodnych z dobrymi praktykami  
+- To jest repozytorium edukacyjne bez kompleksowych testów automatycznych  
+- Testowanie manualne koncentruje się na:  
+  - Przykłady kodu działają bez błędów  
+  - Linki w dokumentacji działają prawidłowo  
+  - Budowy projektów wykonują się poprawnie  
+  - Przykłady przestrzegają najlepszych praktyk  
 
-### Sprawdzenia przed wysłaniem
+### Sprawdzenia przed zatwierdzeniem
 
-- Uruchom `npm run lint` w katalogach zawierających package.json  
+- Uruchom w katalogach z package.json `npm run lint`  
 - Zweryfikuj poprawność linków markdown  
-- Przetestuj przykłady kodu w przeglądarce lub Node.js  
-- Sprawdź, czy tłumaczenia zachowują odpowiednią strukturę  
+- Testuj przykłady kodu w przeglądarce lub Node.js  
+- Sprawdź czy tłumaczenia zachowują odpowiednią strukturę  
 
-## Wytyczne dotyczące stylu kodu
+## Wytyczne stylu kodu
 
 ### JavaScript
 
-- Stosuj nowoczesną składnię ES6+  
-- Przestrzegaj standardowych konfiguracji ESLint dostarczonych w projektach  
-- Używaj znaczących nazw zmiennych i funkcji dla jasności edukacyjnej  
-- Dodawaj komentarze tłumaczące koncepcje dla uczących się  
-- Formatowanie przy użyciu Prettier tam, gdzie to skonfigurowane  
+- Używaj nowoczesnej składni ES6+  
+- Przestrzegaj standardowej konfiguracji ESLint oferowanej w projektach  
+- Nadawaj znaczące nazwy zmiennym i funkcjom dla czytelności edukacyjnej  
+- Dodawaj komentarze tłumaczące koncepcje dla uczniów  
+- Formatowanie używaj Prettier tam, gdzie jest skonfigurowany  
 
 ### HTML/CSS
 
 - Semantyczne elementy HTML5  
 - Zasady responsywnego designu  
-- Jasne konwencje nazewnictwa klas  
-- Komentarze wyjaśniające techniki CSS dla uczących się  
+- Jasne nazewnictwo klas  
+- Komentarze tłumaczące techniki CSS dla uczniów  
 
 ### Python
 
-- Wytyczne stylu PEP 8  
+- Zasady stylu PEP 8  
 - Jasne, edukacyjne przykłady kodu  
-- Adnotacje typów tam, gdzie pomagają w nauce  
+- W razie potrzeby wskazówki typów dla nauki  
 
 ### Dokumentacja Markdown
 
-- Przejrzysta hierarchia nagłówków  
-- Bloki kodu z określeniem języka  
+- Jasna hierarchia nagłówków  
+- Bloki kodu z podaniem języka  
 - Linki do dodatkowych zasobów  
 - Zrzuty ekranu i obrazy w katalogach `images/`  
-- Tekst alternatywny dla obrazów, dla dostępności  
+- Teksty alternatywne dla obrazów zapewniające dostępność  
 
 ### Organizacja plików
 
-- Lekcje ponumerowane po kolei (1-getting-started-lessons, 2-js-basics, itd.)  
-- Każdy projekt ma katalog `solution/` i często `start/` lub `your-work/`  
-- Obrazy w folderach `images/` specyficznych dla lekcji  
-- Tłumaczenia w strukturze `translations/{kod-języka}/`  
+- Lekcje ponumerowane kolejno (1-getting-started-lessons, 2-js-basics itd.)  
+- Każdy projekt ma katalogi `solution/` i często `start/` lub `your-work/`  
+- Obrazy przechowywane w folderach `images/` specyficznych dla lekcji  
+- Tłumaczenia w strukturze `translations/{language-code}/`  
 
-## Budowa i wdrożenie
+## Budowanie i wdrażanie
 
-### Wdrożenie Quiz App (Azure Static Web Apps)
+### Wdrażanie aplikacji Quiz (Azure Static Web Apps)
 
 quiz-app jest skonfigurowany do wdrożenia na Azure Static Web Apps:
 
@@ -187,92 +187,92 @@ cd quiz-app
 npm run build      # Tworzy folder dist/
 # Wdraża za pomocą workflow GitHub Actions przy pushu do main
 ```
-
+  
 Konfiguracja Azure Static Web Apps:  
 - **Lokalizacja aplikacji**: `/quiz-app`  
 - **Lokalizacja wynikowa**: `dist`  
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
 
-### Generowanie PDF dokumentacji
+### Generowanie dokumentacji PDF
 
 ```bash
 npm install                    # Zainstaluj docsify-to-pdf
-npm run convert               # Wygeneruj PDF z docs
+npm run convert               # Wygeneruj plik PDF z dokumentów
 ```
-
+  
 ### Dokumentacja Docsify
 
 ```bash
 npm install -g docsify-cli    # Zainstaluj Docsify globalnie
 docsify serve                 # Serwuj na localhost:3000
 ```
+  
+### Budowy specyficzne dla projektów
 
-### Budowa poszczególnych projektów
-
-Każdy katalog projektu może mieć własny proces budowy:  
-- Projekty Vue: `npm run build` tworzy produkcyjne bundlery  
-- Projekty statyczne: brak kroku budowy, pliki podawane bezpośrednio  
+Każdy katalog projektowy może mieć własny proces budowy:  
+- Projekty Vue: `npm run build` tworzy paczki produkcyjne  
+- Projekty statyczne: brak kroku budowy, służenie plików bezpośrednio  
 
-## Wytyczne dotyczące pull requestów
+## Wytyczne do pull requestów
 
 ### Format tytułu
 
 Używaj jasnych, opisowych tytułów wskazujących obszar zmian:  
-- `[Quiz-app] Dodaj nowy quiz do lekcji X`  
+- `[Quiz-app] Dodaj nowy quiz dla lekcji X`  
 - `[Lesson-3] Popraw literówkę w projekcie terrarium`  
 - `[Translation] Dodaj tłumaczenie na hiszpański dla lekcji 5`  
-- `[Docs] Aktualizuj instrukcje instalacji`  
+- `[Docs] Aktualizuj instrukcje konfiguracji`  
 
 ### Wymagane sprawdzenia
 
-Przed wysłaniem PR:  
+Przed przesłaniem PR:  
 
 1. **Jakość kodu**:  
    - Uruchom `npm run lint` w dotkniętych katalogach projektów  
-   - Napraw wszystkie błędy i ostrzeżenia lint  
+   - Napraw wszystkie błędy i ostrzeżenia  
 
 2. **Weryfikacja budowy**:  
-   - Uruchom `npm run build` jeśli dotyczy  
-   - Upewnij się, że nie ma błędów podczas kompilacji  
+   - Uruchom `npm run build`, jeśli dotyczy  
+   - Upewnij się, że nie występują błędy budowy  
 
-3. **Weryfikacja linków**:  
+3. **Walidacja linków**:  
    - Przetestuj wszystkie linki markdown  
-   - Sprawdź odwołania do obrazów  
+   - Zweryfikuj, czy odwołania do obrazów działają  
 
 4. **Przegląd treści**:  
    - Sprawdź pisownię i gramatykę  
    - Upewnij się, że przykłady kodu są poprawne i edukacyjne  
-   - Zweryfikuj, czy tłumaczenia zachowują oryginalne znaczenie  
+   - Zweryfikuj, że tłumaczenia zachowują oryginalne znaczenie  
 
 ### Wymagania dotyczące współpracy
 
-- Zaakceptuj Microsoft CLA (automatyczna weryfikacja podczas pierwszego PR)  
-- Przestrzegaj [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)  
-- Zobacz [CONTRIBUTING.md](./CONTRIBUTING.md) po szczegółowe wytyczne  
-- Odwołuj się do numerów issue w opisie PR, jeśli dotyczy  
+- Zgoda na Microsoft CLA (automatyczna kontrola przy pierwszym PR)  
+- Przestrzeganie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)  
+- Szczegóły w [CONTRIBUTING.md](./CONTRIBUTING.md)  
+- Jeśli stosowne, uwzględniaj numery issue w opisie PR  
 
 ### Proces przeglądu
 
-- PR-y są przeglądane przez opiekunów i społeczność  
-- Priorytetem jest przejrzystość edukacyjna  
-- Przykłady kodu powinny stosować aktualne najlepsze praktyki  
-- Tłumaczenia są weryfikowane pod kątem dokładności i kulturowej adekwatności  
+- PRy przeglądane przez opiekunów i społeczność  
+- Priorytetem jest jasność edukacyjna  
+- Przykłady kodu powinny przestrzegać aktualnych najlepszych praktyk  
+- Tłumaczenia poddawane przeglądowi pod kątem dokładności i adekwatności kulturowej  
 
 ## System tłumaczeń
 
-### Automatyczne tłumaczenia
+### Tłumaczenia automatyczne
 
-- Używa GitHub Actions z workflow co-op-translator  
-- Automatycznie tłumaczy na ponad 50 języków  
+- Wykorzystuje GitHub Actions z workflow co-op-translator  
+- Automatyczne tłumaczenia na ponad 50 języków  
 - Pliki źródłowe w głównych katalogach  
-- Pliki tłumaczone w katalogach `translations/{kod-języka}/`  
+- Przetłumaczone pliki w folderach `translations/{language-code}/`  
 
-### Dodawanie ręcznych poprawek tłumaczeń
+### Dodawanie ręcznych ulepszeń tłumaczeń
 
-1. Znajdź plik w `translations/{kod-języka}/`  
-2. Wprowadź poprawki zachowując strukturę  
+1. Znajdź plik w `translations/{language-code}/`  
+2. Wprowadź poprawki, zachowując strukturę  
 3. Upewnij się, że przykłady kodu działają poprawnie  
-4. Przetestuj lokalizowane treści quizów  
+4. Przetestuj przetłumaczone treści quizów  
 
 ### Metadane tłumaczeń
 
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-
+  
 ## Debugowanie i rozwiązywanie problemów
 
 ### Typowe problemy
 
-**Quiz app nie startuje**:  
-- Sprawdź wersję Node.js (zalecane v14+)  
+**Aplikacja quiz nie uruchamia się:**  
+- Sprawdź wersję Node.js (zalecana v14+)  
 - Usuń `node_modules` i `package-lock.json`, uruchom ponownie `npm install`  
 - Sprawdź konflikty portów (domyślnie Vite używa portu 5173)  
 
-**Serwer API nie startuje**:  
-- Zweryfikuj wersję Node.js (node >=10)  
+**Serwer API nie startuje:**  
+- Upewnij się, że wersja Node.js jest co najmniej 10  
 - Sprawdź, czy port nie jest zajęty  
-- Upewnij się, że wszystkie zależności zainstalowane (`npm install`)  
+- Zweryfikuj instalację wszystkich zależności (`npm install`)  
 
-**Rozszerzenie przeglądarki się nie ładuje**:  
-- Sprawdź poprawność pliku manifest.json  
+**Rozszerzenie przeglądarki się nie ładuje:**  
+- Sprawdź poprawność manifest.json  
 - Sprawdź konsolę przeglądarki pod kątem błędów  
-- Postępuj zgodnie z instrukcjami instalacji specyficznymi dla przeglądarki  
+- Postępuj zgodnie z instrukcjami instalacji dla konkretnej przeglądarki  
 
-**Problemy z projektem czatu w Pythonie**:  
-- Upewnij się, że pakiet OpenAI jest zainstalowany: `pip install openai`  
-- Sprawdź, czy zmienna środowiskowa GITHUB_TOKEN jest ustawiona  
-- Zweryfikuj uprawnienia dostępu do GitHub Models  
+**Problemy z projektem czatu Python:**  
+- Sprawdź, czy pakiet OpenAI jest zainstalowany: `pip install openai`  
+- Upewnij się, że zmienna środowiskowa GITHUB_TOKEN jest ustawiona  
+- Zweryfikuj uprawnienia dostępu do modeli GitHub  
 
-**Docsify nie serwuje dokumentacji**:  
+**Docsify nie serwuje dokumentacji:**  
 - Zainstaluj docsify-cli globalnie: `npm install -g docsify-cli`  
 - Uruchom z katalogu głównego repozytorium  
-- Sprawdź, czy istnieje `docs/_sidebar.md`  
+- Sprawdź, czy istnieje plik `docs/_sidebar.md`  
 
-### Wskazówki dotyczące środowiska developerskiego
+### Wskazówki dotyczące środowiska deweloperskiego
 
-- Używaj VS Code z rozszerzeniem Live Server do projektów HTML  
+- Używaj VS Code z rozszerzeniem Live Server dla projektów HTML  
 - Zainstaluj rozszerzenia ESLint i Prettier dla spójnego formatowania  
-- Używaj DevTools przeglądarki do debugowania JavaScript  
-- W projektach Vue zainstaluj rozszerzenie Vue DevTools do przeglądarki  
+- Korzystaj z narzędzi DevTools w przeglądarce do debugowania JavaScript  
+- Dla projektów Vue zainstaluj Vue DevTools jako rozszerzenie przeglądarki  
 
-### Aspekty wydajności
+### Wydajność
 
-- Duża liczba przetłumaczonych plików (50+ języków) oznacza duże klony pełne  
-- Używaj płytkiego klonu, jeśli pracujesz tylko na treści: `git clone --depth 1`  
-- Wyklucz tłumaczenia z wyszukiwań podczas pracy nad angielską zawartością  
-- Procesy budowy mogą być wolne przy pierwszym uruchomieniu (npm install, budowa Vite)  
+- Duża liczba tłumaczonych plików (50+ języków) powoduje duże pełne klony  
+- Używaj klonowania płytkiego, jeśli pracujesz tylko nad treścią: `git clone --depth 1`  
+- Wyłącz tłumaczenia w wyszukiwaniu podczas pracy nad treściami angielskimi  
+- Procesy budowy mogą być powolne przy pierwszym uruchomieniu (npm install, build Vite)  
 
 ## Aspekty bezpieczeństwa
 
 ### Zmienne środowiskowe
 
-- Klucze API nigdy nie powinny być commitowane do repozytorium  
+- Klucze API nigdy nie powinny być zatwierdzane do repozytorium  
 - Używaj plików `.env` (już w `.gitignore`)  
-- Udokumentuj wymagane zmienne środowiskowe w README projektów  
+- Wymagane zmienne środowiskowe dokumentuj w README projektów  
 
 ### Projekty Python
 
 - Używaj środowisk wirtualnych: `python -m venv venv`  
 - Aktualizuj zależności  
-- Tokeny GitHub powinny mieć minimalne potrzebne uprawnienia  
+- Tokeny GitHub powinny mieć minimalne wymagane uprawnienia  
 
-### Dostęp do GitHub Models
+### Dostęp do modeli GitHub
 
-- Wymagane Personal Access Tokens (PAT) do GitHub Models  
+- Wymagane osobiste tokeny dostępu (PAT) dla modeli GitHub  
 - Tokeny przechowuj jako zmienne środowiskowe  
-- Nigdy nie commituj tokenów ani danych uwierzytelniających  
+- Nigdy nie zatwierdzaj tokenów ani haseł  
 
 ## Dodatkowe uwagi
 
 ### Grupa docelowa
 
-- Całkowicie początkujący w web development  
-- Studenci i samoucy  
-- Nauczyciele korzystający z programu w klasach  
-- Treści zaprojektowane z myślą o dostępności i stopniowym rozwijaniu umiejętności  
+- Kompletnych początkujących w tworzeniu stron internetowych  
+- Studentów i samouków  
+- Nauczycieli wykorzystujących program w klasach  
+- Treści zaprojektowane z myślą o dostępności i stopniowym budowaniu umiejętności  
 
 ### Filozofia edukacyjna
 
-- Podejście oparte na projektach  
-- Częste sprawdzanie wiedzy (quizy)  
-- Ćwiczenia praktyczne z kodowaniem  
-- Przykłady zastosowań z rzeczywistego świata  
+- Podejście oparte na nauce przez projekty  
+- Częste sprawdziany wiedzy (quizy)  
+- Praktyczne ćwiczenia kodowania  
+- Przykłady zastosowań w rzeczywistych sytuacjach  
 - Skupienie na podstawach przed frameworkami  
 
 ### Utrzymanie repozytorium
 
 - Aktywna społeczność uczących się i współtwórców  
 - Regularne aktualizacje zależności i treści  
-- Monitorowanie zgłoszeń i dyskusji przez opiekunów  
+- Monitorowanie issue i dyskusji przez opiekunów  
 - Automatyczne aktualizacje tłumaczeń przez GitHub Actions  
 
 ### Powiązane zasoby
 
-- [Microsoft Learn modules](https://docs.microsoft.com/learn/)  
-- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)  
+- [Moduły Microsoft Learn](https://docs.microsoft.com/learn/)  
+- [Zasoby Student Hub](https://docs.microsoft.com/learn/student-hub/)  
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) polecany dla uczących się  
-- Dodatkowe kursy: Generative AI, Data Science, ML, IoT dostępne  
+- Dodatkowe kursy: Generatywna AI, Data Science, ML, IoT  
 
 ### Praca z konkretnymi projektami
 
-Szczegółowe instrukcje dotyczące pojedynczych projektów dostępne w plikach README w:  
+Szczegółowe instrukcje dotyczące konkretnych projektów znajdują się w README:  
 - `quiz-app/README.md` - aplikacja quizowa Vue 3  
 - `7-bank-project/README.md` - aplikacja bankowa z uwierzytelnianiem  
-- `5-browser-extension/README.md` - rozwój rozszerzeń przeglądarki  
-- `6-space-game/README.md` - tworzenie gry na Canvas  
+- `5-browser-extension/README.md` - rozwój rozszerzenia przeglądarki  
+- `6-space-game/README.md` - gra oparta na canvas  
 - `9-chat-project/README.md` - projekt asystenta czatu AI  
 
 ### Struktura monorepo
 
-Chociaż nie jest to tradycyjne monorepo, to repozytorium zawiera wiele niezależnych projektów:  
+Choć to nie tradycyjne monorepo, repozytorium zawiera wiele niezależnych projektów:  
 - Każda lekcja jest samodzielna  
-- Projekty nie współdzielą zależności  
-- Pracuj nad pojedynczymi projektami bez wpływu na inne  
-- Sklonuj całe repo dla pełnego doświadczenia programu nauczania  
+- Projekty nie dzielą zależności  
+- Pracuj nad indywidualnymi projektami bez wpływu na inne  
+- Sklonuj całe repo dla pełnego doświadczenia programu nauczania
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Zastrzeżenie**:  
-Niniejszy dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mimo że dążymy do dokładności, prosimy mieć na uwadze, że tłumaczenia automatyczne mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego rodzimym języku powinien być uznawany za źródło wiarygodne. W przypadku informacji krytycznych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
+**Zastrzeżenie**:
+Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczeń AI [Co-op Translator](https://github.com/Azure/co-op-translator). Choć dokładamy wszelkich starań, aby tłumaczenie było precyzyjne, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym należy traktować jako źródło autorytatywne. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pl/README.md b/translations/pl/README.md
index e8350b25e..3284d6e09 100644
--- a/translations/pl/README.md
+++ b/translations/pl/README.md
@@ -10,35 +10,45 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Tworzenie stron internetowych dla początkujących - program nauczania
+# Tworzenie stron internetowych dla początkujących - Program nauczania
 
-Poznaj podstawy tworzenia stron internetowych dzięki naszemu 12-tygodniowemu kompleksowemu kursowi prowadzonemu przez Microsoft Cloud Advocates. Każda z 24 lekcji zanurza się w JavaScript, CSS i HTML poprzez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Angażuj się w quizy, dyskusje i zadania praktyczne. Rozwijaj swoje umiejętności i optymalizuj utrwalanie wiedzy dzięki naszej efektywnej pedagogice opartej na projektach. Rozpocznij swoją przygodę z kodowaniem już dziś!
+Naucz się podstaw tworzenia stron internetowych z naszym 12-tygodniowym, kompleksowym kursem prowadzonym przez Microsoft Cloud Advocates. Każda z 24 lekcji zagłębia się w JavaScript, CSS i HTML przez praktyczne projekty, takie jak terraria, rozszerzenia przeglądarki i gry kosmiczne. Weź udział w quizach, dyskusjach i praktycznych zadaniach. Zwiększ swoje umiejętności i zoptymalizuj przyswajanie wiedzy dzięki naszej skutecznej metodzie nauczania opartej na projektach. Rozpocznij swoją przygodę z kodowaniem już dziś!
 
 Dołącz do społeczności Azure AI Foundry na Discordzie
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Wykonaj te kroki, aby zacząć korzystać z tych zasobów:
-1. **Utwórz forka repozytorium**: Kliknij [![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)
+Wykonaj poniższe kroki, aby rozpocząć korzystanie z tych zasobów:
+1. **Zrób fork repozytorium**: Kliknij [![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. **Sklonuj repozytorium**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Dołącz do Azure AI Foundry na Discordzie i spotkaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Dołącz do Discorda Azure AI Foundry i spotkaj ekspertów oraz innych programistów**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Obsługa wielu języków
 
 #### Wsparcie poprzez GitHub Action (automatyczne i zawsze aktualne)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](./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)
+[Arabski](../ar/README.md) | [Bengalski](../bn/README.md) | [Bułgarski](../bg/README.md) | [Birmański (Myanmar)](../my/README.md) | [Chiński (uproszczony)](../zh-CN/README.md) | [Chiński (tradycyjny, Hong Kong)](../zh-HK/README.md) | [Chiński (tradycyjny, Makau)](../zh-MO/README.md) | [Chiński (tradycyjny, Tajwan)](../zh-TW/README.md) | [Chorwacki](../hr/README.md) | [Czeski](../cs/README.md) | [Duński](../da/README.md) | [Niderlandzki](../nl/README.md) | [Estoński](../et/README.md) | [Fiński](../fi/README.md) | [Francuski](../fr/README.md) | [Niemiecki](../de/README.md) | [Grecki](../el/README.md) | [Hebrajski](../he/README.md) | [Hindi](../hi/README.md) | [Węgierski](../hu/README.md) | [Indonezyjski](../id/README.md) | [Włoski](../it/README.md) | [Japoński](../ja/README.md) | [Kannada](../kn/README.md) | [Koreański](../ko/README.md) | [Litewski](../lt/README.md) | [Malajski](../ms/README.md) | [Malajalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalski](../ne/README.md) | [Nigeryjski pidgin](../pcm/README.md) | [Norweski](../no/README.md) | [Perski (Farsi)](../fa/README.md) | [Polski](./README.md) | [Portugalski (Brazylia)](../pt-BR/README.md) | [Portugalski (Portugalia)](../pt-PT/README.md) | [Pendżabski (Gurmukhi)](../pa/README.md) | [Rumuński](../ro/README.md) | [Rosyjski](../ru/README.md) | [Serbski (cyrylica)](../sr/README.md) | [Słowacki](../sk/README.md) | [Słoweński](../sl/README.md) | [Hiszpański](../es/README.md) | [Suahili](../sw/README.md) | [Szwedzki](../sv/README.md) | [Tagalog (filipiński)](../tl/README.md) | [Tamilski](../ta/README.md) | [Telugu](../te/README.md) | [Tajski](../th/README.md) | [Turecki](../tr/README.md) | [Ukraiński](../uk/README.md) | [Urdu](../ur/README.md) | [Wietnamski](../vi/README.md)
 
 > **Wolisz klonować lokalnie?**
-
-> To repozytorium zawiera ponad 50 tłumaczeń językowych, co znacznie zwiększa rozmiar pobierania. Aby klonować bez tłumaczeń, użyj sparse checkout:
+>
+> To repozytorium zawiera ponad 50 tłumaczeń, co znacznie zwiększa rozmiar pobierania. Aby sklonować bez tłumaczeń, użyj 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'
 > ```
-> To da Ci wszystko, czego potrzebujesz do ukończenia kursu z dużo szybszym pobieraniem.
+>
+> **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"
+> ```
+>
+> Dzięki temu otrzymasz wszystko, czego potrzebujesz, aby ukończyć kurs, z dużo szybszym pobieraniem.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
 **Jeśli chcesz, aby obsługiwane były dodatkowe języki tłumaczeń, są one wymienione [tutaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
@@ -47,32 +57,32 @@ Wykonaj te kroki, aby zacząć korzystać z tych zasobów:
 
 #### 🧑‍🎓 _Jesteś studentem?_
 
-Odwiedź [**Stronę Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz zasoby dla początkujących, pakiety dla studentów, a nawet sposoby na uzyskanie darmowego vouchera na certyfikat. To jest strona, którą warto dodać do zakładek i od czasu do czasu sprawdzać, ponieważ co miesiąc zmieniamy zawartość.
+Odwiedź [**Stronę Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), gdzie znajdziesz materiały dla początkujących, pakiety dla studentów, a nawet sposoby na zdobycie darmowego vouchera na certyfikat. To strona, którą warto mieć w zakładkach i odwiedzać od czasu do czasu, ponieważ co miesiąc wymieniamy jej zawartość.
 
-### 📣 Ogłoszenie - Nowe wyzwania trybu GitHub Copilot Agent do wykonania!
+### 📣 Ogłoszenie - nowe wyzwania trybu agenta GitHub Copilot do wykonania!
 
-Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania przy użyciu GitHub Copilot i trybu Agenta. Jeśli nie korzystałeś wcześniej z trybu Agenta, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i więcej.
+Dodano nowe wyzwanie, szukaj "GitHub Copilot Agent Challenge 🚀" w większości rozdziałów. To nowe wyzwanie do wykonania za pomocą GitHub Copilot i trybu agenta. Jeśli jeszcze nie korzystałeś z trybu agenta, potrafi on nie tylko generować tekst, ale także tworzyć i edytować pliki, uruchamiać polecenia i wiele więcej.
 
-### 📣 Ogłoszenie - _Nowy projekt do realizacji z wykorzystaniem Generatywnej AI_
+### 📣 Ogłoszenie - _Nowy projekt do zbudowania za pomocą Generative AI_ 
 
 Dodano nowy projekt AI Assistant, sprawdź [projekt](./9-chat-project/README.md)
 
-### 📣 Ogłoszenie - _Nowy program nauczania_ o Generatywnej AI dla JavaScript właśnie został wydany
+### 📣 Ogłoszenie - _Nowy program nauczania_ dotyczący Generative AI dla JavaScript właśnie został wydany
 
-Nie przegap naszego nowego programu nauczania Generatywnej AI!
+Nie przegap naszego nowego kursu Generative AI!
 
 Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć!
 
 ![Background](../../translated_images/pl/background.148a8d43afde5730.webp)
 
-- Lekcje obejmujące wszystko od podstaw po RAG.
+- Lekcje obejmujące wszystko, od podstaw po RAG.
 - Interakcja z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej.
-- Zabawa i angażująca narracja, będziesz podróżować w czasie!
+- Zabawa i wciągająca narracja, będziesz podróżować w czasie!
 
 ![character](../../translated_images/pl/character.5c0dd8e067ffd693.webp)
 
 
-Każda lekcja zawiera zadanie do wykonania, test wiedzy i wyzwanie, które pokierują Cię w nauce tematów takich jak:
+Każda lekcja zawiera zadanie do wykonania, sprawdzenie wiedzy i wyzwanie, które pomoże Ci w nauce tematów takich jak:
 - Promptowanie i inżynieria promptów
 - Generowanie aplikacji tekstowych i obrazkowych
 - Aplikacje wyszukujące
@@ -81,133 +91,132 @@ Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby z
 
 
 
-## 🌱 Rozpoczęcie
+## 🌱 Rozpoczęcie pracy
 
-> **Nauczyciele**, przygotowaliśmy [kilka sugestii](for-teachers.md) dotyczących korzystania z tego programu nauczania. Liczymy na Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Nauczyciele**, zamieściliśmy [kilka sugestii](for-teachers.md) na temat wykorzystania tego programu nauczania. Chętnie poznamy Wasze opinie [na naszym forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, do każdej lekcji zacznij od quizu wstępnego, a następnie przeczytaj materiał wykładu, wykonaj różne aktywności i sprawdź swoje rozumienie w quizie podsumowującym.
+**[Uczniowie](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, do każdej lekcji zacznijcie od quizu przed wykładem, następnie przeczytajcie materiał wykładowy, wykonajcie różne zadania i sprawdźcie swoją wiedzę za pomocą quizu po wykładzie.
 
-Aby wzmocnić swoją naukę, łącz się z kolegami i koleżankami, aby pracować nad projektami razem! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie nasz zespół moderatorów jest dostępny, aby odpowiadać na Wasze pytania.
+Aby wzbogacić swoje doświadczenie edukacyjne, łączcie się z rówieśnikami, aby wspólnie pracować nad projektami! Zachęcamy do dyskusji na naszym [forum dyskusyjnym](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), gdzie nasz zespół moderatorów chętnie odpowie na Wasze pytania.
 
-Aby pogłębić edukację, zdecydowanie polecamy zapoznanie się z [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) po dodatkowe materiały do nauki.
+Dla pogłębienia wiedzy zdecydowanie polecamy zapoznanie się z [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) i dodatkowymi materiałami edukacyjnymi.
 
 ### 📋 Konfiguracja środowiska
 
-Ten program nauczania ma gotowe środowisko do programowania! Na start możesz wybrać uruchomienie go w [Codespace](https://github.com/features/codespaces/) (_środowisku przeglądarkowym, bez konieczności instalacji_), lub lokalnie na swoim komputerze z użyciem edytora tekstu, takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ten program nauczania ma gotowe do użycia środowisko programistyczne! Podczas rozpoczęcia możesz wybrać uruchomienie kursu w [Codespace](https://github.com/features/codespaces/) (_środowisko działające w przeglądarce, bez potrzeby instalacji_), lub lokalnie na komputerze, używając edytora tekstu takiego jak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Utwórz własne repozytorium
-Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić klikając przycisk **Use this template** na górze strony. Spowoduje to utworzenie nowego repozytorium na Twoim koncie GitHub z kopią programu nauczania.
+Aby łatwo zapisywać swoją pracę, zalecamy utworzenie własnej kopii tego repozytorium. Możesz to zrobić, klikając przycisk **Use this template** na górze strony. Stworzy to nowe repozytorium na Twoim koncie GitHub z kopią programu nauczania.
 
 Wykonaj następujące kroki:
-1. **Utwórz forka repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony.
+1. **Zrób fork repozytorium**: Kliknij przycisk "Fork" w prawym górnym rogu tej strony.
 2. **Sklonuj repozytorium**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Uruchamianie programu nauczania w Codespace
+#### Uruchamianie kursu w Codespace
 
-W swojej kopii tego repozytorium, które utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. Spowoduje to utworzenie nowego Codespace do pracy.
+W swojej kopii repozytorium, którą utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. Utworzy to dla Ciebie nowe środowisko Codespace do pracy.
 
 ![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Uruchamianie programu nauczania lokalnie na komputerze
-
-Aby uruchomić ten program nauczania lokalnie na swoim komputerze, potrzebujesz edytora tekstu, przeglądarki oraz narzędzia wiersza polecenia. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), poprowadzi Cię przez różne opcje tych narzędzi, abyś mógł wybrać najlepsze dla siebie.
-
-Polecamy używać [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który ma również wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Możesz pobrać Visual Studio Code [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Uruchamianie kursu lokalnie na swoim komputerze
 
+Aby uruchomić ten kurs lokalnie na komputerze, będziesz potrzebować edytora tekstu, przeglądarki oraz narzędzia wiersza poleceń. Nasza pierwsza lekcja, [Wprowadzenie do języków programowania i narzędzi](../../1-getting-started-lessons/1-intro-to-programming-languages), przeprowadzi cię przez różne opcje każdego z tych narzędzi, abyś mógł wybrać to, co najlepiej ci odpowiada.
 
+Naszą rekomendacją jest używanie [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako edytora, który zawiera również wbudowany [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code możesz pobrać [tutaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 1. Sklonuj swoje repozytorium na komputer. Możesz to zrobić, klikając przycisk **Code** i kopiując URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Następnie otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `<your-repository-url>` adresem URL, który właśnie skopiowałeś:
+
+    Następnie, otwórz [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) w [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i uruchom następujące polecenie, zastępując `<your-repository-url>` URL-em, który właśnie skopiowałeś:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **Plik** > **Otwórz folder** i wybierając właśnie sklonowany folder.
+2. Otwórz folder w Visual Studio Code. Możesz to zrobić, klikając **File** > **Open Folder** i wybierając właśnie sklonowany folder.
 
 
 >  Zalecane rozszerzenia Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - do podglądu stron HTML w Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pomaga pisać kod szybciej
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aby pomóc pisać kod szybciej
 
 ## 📂 Każda lekcja zawiera:
 
-- opcjonalną sketchnotkę
-- opcjonalne uzupełniające wideo
+- opcjonalną szkicówkę
+- opcjonalne dodatkowe wideo
 - quiz rozgrzewkowy przed lekcją
-- lekcję tekstową
-- w lekcjach opartych na projekcie, szczegółowe przewodniki krok po kroku jak zbudować projekt
-- testy wiedzy
+- lekcję pisaną
+- w lekcjach projektowych, przewodniki krok po kroku jak zbudować projekt
+- sprawdziany wiedzy
 - wyzwanie
-- uzupełniającą lekturę
+- dodatkowe materiały do czytania
 - zadanie domowe
 - [quiz po lekcji](https://ff-quizzes.netlify.app/web/)
 
-> **Uwagi o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikację quizową można uruchomić lokalnie lub wdrożyć do Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`.
+> **Informacja o quizach**: Wszystkie quizy znajdują się w folderze Quiz-app, łącznie 48 quizów po trzy pytania każdy. Są dostępne [tutaj](https://ff-quizzes.netlify.app/web/), aplikację quizową można uruchomić lokalnie lub wdrożyć na Azure; postępuj zgodnie z instrukcjami w folderze `quiz-app`.
 
 ## 🗃️ Lekcje
 
-|     |                       Nazwa projektu                      |                            Nauczane koncepcje                             | Cele nauki                                                                                                                     |                                                         Powiązana lekcja                                                          |         Autor          |
-| :-: | :-------------------------------------------------------: | :----------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Zacznijmy                            |           Wprowadzenie do programowania i narzędzi używanych w branży           | Poznaj podstawy programowania oraz oprogramowanie pomagające profesjonalnym programistom w pracy                               | [Wprowadzenie do języków programowania i narzędzi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)      |         Jasmine         |
-| 02  |                     Zacznijmy                            |             Podstawy GitHuba, praca zespołowa            | Jak używać GitHuba w projekcie, jak współpracować z innymi nad kodem                                                           |                            [Wprowadzenie do GitHuba](./1-getting-started-lessons/2-github-basics/README.md)                          |          Floor          |
-| 03  |                     Zacznijmy                            |                             Dostępność                              | Naucz się podstaw dostępności stron internetowych                                                                              |                       [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md)                                 |       Christopher       |
-| 04  |                        Podstawy JS                        |                         Typy danych w JavaScript                          | Podstawy typów danych w JavaScript                                                                                              |                                       [Typy danych](./2-js-basics/1-data-types/README.md)                                          |         Jasmine         |
-| 05  |                        Podstawy JS                        |                         Funkcje i metody                              | Poznaj funkcje i metody służące do zarządzania logiką aplikacji                                                                |                              [Funkcje i metody](./2-js-basics/2-functions-methods/README.md)                                        | Jasmine i Christopher   |
-| 06  |                        Podstawy JS                        |                        Podejmowanie decyzji z JS                       | Naucz się tworzyć warunki w swoim kodzie przy użyciu metod podejmowania decyzji                                                 |                                 [Podejmowanie decyzji](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Podstawy JS                        |                            Tablice i pętle                             | Pracuj z danymi za pomocą tablic i pętli w JavaScript                                                                           |                                   [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md)                                      |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)      |                            HTML w praktyce                            | Zbuduj HTML potrzebny do stworzenia online terrarium, skupiając się na układzie strony                                            |                                 [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md)                                    |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)      |                            CSS w praktyce                             | Zbuduj CSS, by wystylizować online terrarium, skupiając się na podstawach CSS i responsywności                                   |                                  [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md)                                    |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript closures, manipulacja DOM                  | Zbuduj JavaScript, który pozwoli terrarium działać z funkcją przeciągnij upuść, skupiając się na closures i manipulacji DOM      |                  [JavaScript closures, manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                      |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Zbuduj grę w pisanie na klawiaturze            | Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript                                                   |                                [Programowanie zdarzeniowe](./4-typing-game/typing-game/README.md)                                  |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Praca z przeglądarkami                        | Naucz się, jak działają przeglądarki, ich historię oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki                |                               [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md)                                   |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularzy, wywoływanie API i przechowywanie zmiennych w local storage | Stwórz elementy JavaScript rozszerzenia przeglądarki do wywoływania API, korzystając ze zmiennych przechowywanych lokalnie       |                [API, formularze i local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                  |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Procesy tła w przeglądarce, wydajność www         | Użyj procesów tła przeglądarki do zarządzania ikoną rozszerzenia; poznaj optymalizacje poprawiające wydajność                    |             [Procesy tła i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md)                       |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Zaawansowane tworzenie gier w JavaScript           | Poznaj dziedziczenie wykorzystujące klasy i kompozycję oraz wzorzec Pub/Sub, w przygotowaniu do budowy gry                     |                      [Wprowadzenie do zaawansowanego tworzenia gier](./6-space-game/1-introduction/README.md)                   |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Rysowanie na kanwie                            | Poznaj API Canvas do rysowania elementów na ekranie                                                                             |                                [Rysowanie na kanwie](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Poruszanie elementów na ekranie                    | Dowiedz się, jak elementy mogą się poruszać, używając współrzędnych kartezjańskich i API Canvas                                 |                           [Poruszanie elementami](./6-space-game/3-moving-elements-around/README.md)                            |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Wykrywanie kolizji                           | Spraw, aby elementy zderzały się i reagowały na siebie, używając naciśnięć klawiszy oraz funkcji cooldown dla wydajności gry   |                              [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Liczenie punktów                             | Wykonuj obliczenia matematyczne na podstawie stanu i wyniku gry                                                                 |                                    [Liczenie punktów](./6-space-game/5-keeping-score/README.md)                                   |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                    Kończenie i restartowanie gry                      | Naucz się kończyć i restartować grę, w tym sprzątać zasoby i resetować wartości zmiennych                                        |                                [Warunek zakończenia](./6-space-game/6-end-condition/README.md)                                   |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Szablony HTML i trasy w aplikacji webowej             | Naucz się tworzyć szkielet architektury multipage site za pomocą routingu i szablonów HTML                                       |                            [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md)                                 |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Tworzenie formularzy logowania i rejestracji          | Dowiedz się, jak budować formularze i obsługiwać walidację                                                                       |                                           [Formularze](./7-bank-project/2-forms/README.md)                                       |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metody pobierania i używania danych                   | Jak wyglądają przepływy danych w Twojej aplikacji, jak je pobierać, przechowywać i usuwać                                          |                                            [Dane](./7-bank-project/3-data/README.md)                                           |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Koncepcje zarządzania stanem                      | Naucz się, jak Twoja aplikacja przechowuje stan i jak nim programowo zarządzać                                                  |                                [Zarządzanie stanem](./7-bank-project/4-state-management/README.md)                               |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Praca z VScode | Naucz się korzystać z edytora kodu | [Używaj edytora kodu VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Praca z AI | Naucz się tworzyć własnego asystenta AI | [Projekt AI Assistant](./9-chat-project/README.md) | Chris |
+|     |                       Nazwa Projektu                       |                            Nauczane Koncepcje                            | Cele Edukacyjne                                                                                                                    |                                                         Powiązana Lekcja                                                          |         Autor          |
+| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                      |           Wprowadzenie do programowania i narzędzi                      | Poznaj podstawy większości języków programowania oraz oprogramowanie, które pomaga profesjonalnym programistom w pracy             | [Wprowadzenie do języków programowania i narzędzi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)     |         Jasmine         |
+| 02  |                     Getting Started                      |             Podstawy GitHub, praca zespołowa                            | Jak używać GitHub w projekcie, jak współpracować z innymi nad kodem                                                               |                            [Wprowadzenie do GitHub](./1-getting-started-lessons/2-github-basics/README.md)                          |          Floor          |
+| 03  |                     Getting Started                      |                             Dostępność                                  | Poznaj podstawy dostępności stron internetowych                                                                                    |                       [Podstawy dostępności](./1-getting-started-lessons/3-accessibility/README.md)                               |       Christopher       |
+| 04  |                        JS Basics                         |                         Typy danych w JavaScript                        | Podstawy typów danych w JavaScript                                                                                               |                                       [Typy danych](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         Funkcje i metody                                | Poznaj funkcje i metody do zarządzania logiką aplikacji                                                                          |                              [Funkcje i metody](./2-js-basics/2-functions-methods/README.md)                                       | Jasmine i Christopher   |
+| 06  |                        JS Basics                         |                        Podejmowanie decyzji w JS                        | Naucz się tworzyć warunki w kodzie używając metod podejmowania decyzji                                                            |                                 [Podejmowanie decyzji](./2-js-basics/3-making-decisions/README.md)                                |         Jasmine         |
+| 07  |                        JS Basics                         |                            Tablice i pętle                              | Pracuj z danymi używając tablic i pętli w JavaScript                                                                             |                                   [Tablice i pętle](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                         HTML w praktyce                                | Zbuduj HTML, aby stworzyć internetowe terrarium, koncentrując się na układzie                                                      |                                 [Wprowadzenie do HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                          CSS w praktyce                                | Zbuduj CSS dla stylizacji internetowego terrarium, koncentrując się na podstawach CSS, w tym responsywności                      |                                  [Wprowadzenie do CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript - closury, manipulacja DOM                 | Zbuduj JavaScript, aby terrarium działało jako interfejs drag/drop, koncentrując się na closurach i manipulacji DOM               |                  [Closury JS i manipulacja DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                            |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                         Tworzenie gry pisania na klawiaturze          | Naucz się używać zdarzeń klawiatury do sterowania logiką aplikacji JavaScript                                                     |                                [Programowanie sterowane zdarzeniami](./4-typing-game/typing-game/README.md)                        |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Praca z przeglądarkami                         | Poznaj działanie przeglądarek, ich historię oraz jak stworzyć pierwsze elementy rozszerzenia przeglądarki                          |                               [O przeglądarkach](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Tworzenie formularza, wywoływanie API oraz przechowywanie zmiennych    | Zbuduj elementy JS swojego rozszerzenia przeglądarki, wywołujące API i korzystające ze zmiennych przechowywanych lokalnie          |                [API, formularze i lokalna pamięć](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |         Procesy w tle w przeglądarce, wydajność sieciowa              | Wykorzystaj procesy w tle do zarządzania ikoną rozszerzenia; poznaj optymalizacje i wydajność sieciową                             |             [Zadania w tle i wydajność](./5-browser-extension/3-background-tasks-and-performance/README.md)                    |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |            Zaawansowany rozwój gier JavaScript                        | Poznaj dziedziczenie używając klas i kompozycji oraz wzorzec Pub/Sub na potrzeby tworzenia gry                                     |                      [Wprowadzenie do zaawansowanego rozwoju gier](./6-space-game/1-introduction/README.md)                     |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                          Rysowanie na canvas                            | Poznaj API canvas używane do rysowania elementów na ekranie                                                                       |                                [Rysowanie na canvas](./6-space-game/2-drawing-to-canvas/README.md)                               |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                      Przemieszczanie elementów ekranowych             | Odkryj jak elementy mogą nabierać ruchu korzystając ze współrzędnych kartezjańskich i API Canvas                                  |                           [Przemieszczanie elementów](./6-space-game/3-moving-elements-around/README.md)                        |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                         Wykrywanie kolizji                            | Spraw, aby elementy ze sobą kolidowały i reagowały na siebie przy pomocy klawiszy, dodaj funkcję cooldown w celu optymalizacji gry |                              [Wykrywanie kolizji](./6-space-game/4-collision-detection/README.md)                                 |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                          Prowadzenie punktacji                         | Wykonuj obliczenia matematyczne na podstawie stanu i wyników gry                                                                   |                                    [Prowadzenie wyników](./6-space-game/5-keeping-score/README.md)                              |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                      Zakończenie i restart gry                        | Poznaj zakończenie i restart gry, w tym czyszczenie zasobów i resetowanie wartości zmiennych                                       |                                [Warunek zakończenia](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |               Szablony HTML i trasy w aplikacji webowej              | Naucz się jak tworzyć szkielet architektury wielostronicowej strony internetowej używając tras i szablonów HTML                   |                            [Szablony HTML i trasy](./7-bank-project/1-template-route/README.md)                                   |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                Budowa formularza logowania i rejestracji              | Dowiedz się jak budować formularze i obsługiwać walidację                                                                            |                                           [Formularze](./7-bank-project/2-forms/README.md)                                     |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                Metody pobierania i używania danych                    | Jak dane przepływają do i z aplikacji, jak je pobierać, przechowywać i usuwać                                                       |                                            [Dane](./7-bank-project/3-data/README.md)                                          |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                       Koncepcje zarządzania stanem                   | Naucz się jak aplikacja przechowuje stan i jak nim zarządzać programowo                                                          |                                [Zarządzanie stanem](./7-bank-project/4-state-management/README.md)                              |          Yohan          |
+| 25 | [Kod przeglądarki / VScode](../../8-code-editor) | Praca z VScode | Naucz się jak używać edytora kodu | [Korzystanie z edytora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Asystenci AI](./9-chat-project/README.md) | Praca z AI | Naucz się jak zbudować własnego asystenta AI | [Projekt Asystent AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogika
 
-Nasz program nauczania opiera się na dwóch kluczowych zasadach pedagogicznych:
-* nauka oparta na projektach
+Nasz program nauczania opiera się na dwóch kluczowych zasadach:
+* nauka przez projekty
 * częste quizy
 
-Program uczy podstaw JavaScript, HTML i CSS oraz najnowszych narzędzi i technik stosowanych przez dzisiejszych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie, tworząc grę do nauki pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Do końca serii uczniowie zdobędą solidną wiedzę z zakresu tworzenia stron internetowych.
+Program uczy podstaw JavaScript, HTML i CSS oraz najnowszych narzędzi i technik używanych przez współczesnych programistów webowych. Studenci będą mieli okazję zdobyć praktyczne doświadczenie budując grę pisania na klawiaturze, wirtualne terrarium, ekologiczne rozszerzenie przeglądarki, grę w stylu Space Invaders oraz aplikację bankową dla firm. Pod koniec cyklu studenci zdobędą solidną wiedzę o tworzeniu stron internetowych.
 
-> 🎓 Możesz zacząć od pierwszych kilku lekcji tego programu jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Pierwsze lekcje tego programu możesz wziąć jako [Ścieżkę nauki](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na platformie Microsoft Learn!
 
-Zapewnienie zgodności treści z projektami sprawia, że proces nauki jest dla uczniów bardziej angażujący, a utrwalenie koncepcji zostanie wzmocnione. Napisaliśmy też kilka lekcji wprowadzających do podstaw JavaScript, które prezentują koncepcje, a także dołączyliśmy wideo z kolekcji "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których autorzy przyczynili się do tego programu nauczania.
+Dzięki dopasowaniu treści do projektów proces nauki staje się bardziej angażujący dla uczniów, a przyswajanie koncepcji jest skuteczniejsze. Przygotowaliśmy również kilka lekcji wprowadzających do podstaw JavaScript wraz z wideo z kolekcji "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", których autorzy przyczynili się do powstania tego programu nauczania.
 
-Ponadto quiz niskiego ryzyka przed lekcją ustawia intencję ucznia w kierunku nauki tematu, a drugi quiz po zajęciach zapewnia dalsze utrwalenie. Program ma charakter elastyczny i zabawowy i można z niego korzystać w całości lub częściowo. Projekty zaczynają się od prostych i stają się coraz bardziej złożone pod koniec 12-tygodniowego cyklu.
+Dodatkowo quiz o niskiej stawce przed zajęciami nastawia ucznia na naukę tematu, a drugi quiz po zajęciach wspiera dalsze utrwalenie materiału. Program został zaprojektowany tak, by był elastyczny i przyjemny, można go realizować w całości lub częściowo. Projekty zaczynają się od małych, prostych i stopniowo stają się coraz bardziej złożone pod koniec 12-tygodniowego cyklu.
 
-Ponieważ świadomie unikamy wprowadzania frameworków JavaScript, koncentrując się na podstawowych umiejętnościach potrzebnych jako programista webowy przed przyjęciem frameworka, dobrym następnym krokiem po ukończeniu tego programu będzie nauka Node.js za pomocą innej kolekcji wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Świadomie unikaliśmy wprowadzania frameworków JavaScript, koncentrując się na podstawowych umiejętnościach potrzebnych programiście webowemu przed przyswojeniem frameworka. Dobrą kolejną lekcją po ukończeniu tego programu będzie nauka Node.js za pomocą innej kolekcji wideo: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Odwiedź nasze wytyczne [Kodeks Postępowania](CODE_OF_CONDUCT.md) oraz [Wkład](CONTRIBUTING.md). Zachęcamy do konstruktywnej opinii!
+> Zapoznaj się z naszym [Kodeksem postępowania](CODE_OF_CONDUCT.md) oraz wytycznymi [Contributing](CONTRIBUTING.md). Czekamy na Twoje konstruktywne uwagi!
 
 
 ## 🧭 Dostęp offline
 
-Możesz uruchomić tę dokumentację offline, używając [Docsify](https://docsify.js.org/#/). Rozgałęź ten repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim lokalnym komputerze, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona będzie dostępna na porcie 3000 na localhost: `localhost:3000`.
+Możesz uruchomić tę dokumentację offline, korzystając z [Docsify](https://docsify.js.org/#/). Utwórz fork tego repozytorium, [zainstaluj Docsify](https://docsify.js.org/#/quickstart) na swoim komputerze, a następnie w katalogu głównym repozytorium wpisz `docsify serve`. Strona zostanie udostępniona na porcie 3000 na twoim localhost: `localhost:3000`.
 
 ## 📘 PDF
-
-Plik PDF ze wszystkimi lekcjami jest dostępny [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+PDF wszystkich lekcji znajduje się [tutaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Inne kursy
-Nasz zespół tworzy inne kursy! Sprawdź:
+
+Nasz zespół tworzy również inne kursy! Sprawdź:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -216,7 +225,7 @@ Nasz zespół tworzy inne kursy! Sprawdź:
 [![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 / Agenci
 [![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)
@@ -224,7 +233,7 @@ Nasz zespół tworzy inne kursy! Sprawdź:
 
 ---
  
-### Generative AI Series
+### Seria Generative 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)
@@ -232,7 +241,7 @@ Nasz zespół tworzy inne kursy! Sprawdź:
 
 ---
  
-### Core Learning
+### Podstawowe nauczanie
 [![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)
@@ -243,15 +252,15 @@ Nasz zespół tworzy inne kursy! Sprawdź:
 
 ---
  
-### Copilot Series
+### Seria Copilot
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Uzyskanie pomocy
+## Uzyskiwanie pomocy
 
-Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI. Dołącz do innych uczących się i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, gdzie pytania są mile widziane, a wiedza jest swobodnie dzielona.
+Jeśli utkniesz lub masz pytania dotyczące tworzenia aplikacji AI, dołącz do innych uczących się i doświadczonych programistów w dyskusjach o MCP. To wspierająca społeczność, w której pytania są mile widziane, a wiedza dzielona jest swobodnie.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
@@ -261,11 +270,11 @@ Jeśli masz uwagi dotyczące produktu lub napotkasz błędy podczas tworzenia, o
 
 ## Licencja
 
-To repozytorium jest licencjonowane na warunkach licencji MIT. Szczegóły znajdziesz w pliku [LICENSE](../../LICENSE).
+To repozytorium jest objęte licencją MIT. Zobacz plik [LICENSE](../../LICENSE) po więcej informacji.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Zastrzeżenie**:  
-Dokument ten został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż staramy się zapewnić dokładność, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub nieścisłości. Oryginalny dokument w języku źródłowym powinien być uznawany za źródło wiarygodne. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
+Niniejszy dokument został przetłumaczony przy użyciu usługi tłumaczeń AI [Co-op Translator](https://github.com/Azure/co-op-translator). Chociaż dążymy do dokładności, prosimy pamiętać, że tłumaczenia automatyczne mogą zawierać błędy lub niedokładności. Oryginalny dokument w języku źródłowym należy traktować jako źródło autorytatywne. W przypadku informacji istotnych zalecane jest skorzystanie z profesjonalnego tłumaczenia wykonanego przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z korzystania z tego tłumaczenia.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-BR/.co-op-translator.json b/translations/pt-BR/.co-op-translator.json
index cc0f94bd1..b15508f3d 100644
--- a/translations/pt-BR/.co-op-translator.json
+++ b/translations/pt-BR/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T00:01:01+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:41:10+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "pt-BR"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:59:18+00:00",
+    "translation_date": "2026-03-06T12:44:44+00:00",
     "source_file": "AGENTS.md",
     "language_code": "pt-BR"
   },
@@ -516,8 +516,8 @@
     "language_code": "pt-BR"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:54:39+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:37:46+00:00",
     "source_file": "README.md",
     "language_code": "pt-BR"
   },
diff --git a/translations/pt-BR/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pt-BR/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4a4f52ac9..1c17a19c8 100644
--- a/translations/pt-BR/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/pt-BR/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
-# Introdução às Linguagens de Programação e Ferramentas Modernas para Desenvolvedores
+# Introdução a Linguagens de Programação e Ferramentas Modernas para Desenvolvedores
 
-Olá, futuro desenvolvedor! 👋 Posso te contar algo que ainda me dá arrepios todos os dias? Você está prestes a descobrir que programar não é apenas sobre computadores – é sobre ter superpoderes reais para dar vida às suas ideias mais malucas!
+Ei, futuro desenvolvedor! 👋 Posso te contar uma coisa que ainda me arrepia todos os dias? Você está prestes a descobrir que programar não é apenas sobre computadores – é sobre ter superpoderes reais para transformar suas ideias mais loucas em realidade!
 
-Sabe aquele momento em que você está usando seu aplicativo favorito e tudo simplesmente funciona perfeitamente? Quando você toca em um botão e algo absolutamente mágico acontece, fazendo você pensar "uau, como eles fizeram isso?" Bem, alguém como você – provavelmente sentado em sua cafeteria favorita às 2 da manhã com seu terceiro espresso – escreveu o código que criou essa mágica. E aqui está o que vai te surpreender: até o final desta lição, você não apenas entenderá como eles fizeram isso, mas estará ansioso para tentar você mesmo!
+Sabe aquele momento em que você está usando seu app favorito e tudo simplesmente funciona perfeitamente? Quando você toca em um botão e algo absolutamente mágico acontece que te faz pensar "uau, como eles FIZERAM isso?" Bem, alguém muito parecido com você – provavelmente sentado na sua cafeteria favorita às 2 da manhã tomando o terceiro espresso – escreveu o código que criou essa magia. E aqui vai algo que vai explodir sua mente: até o final desta aula, você não só vai entender como eles fizeram isso, mas vai estar morrendo de vontade de tentar você mesmo!
 
-Olha, eu entendo totalmente se programar parece intimidante agora. Quando comecei, honestamente pensei que você precisava ser algum tipo de gênio da matemática ou ter programado desde os cinco anos de idade. Mas aqui está o que mudou completamente minha perspectiva: programar é exatamente como aprender a conversar em um novo idioma. Você começa com "olá" e "obrigado", depois aprende a pedir um café, e antes que perceba, está tendo discussões filosóficas profundas! Exceto que, neste caso, você está conversando com computadores, e honestamente? Eles são os parceiros de conversa mais pacientes que você já teve – nunca julgam seus erros e estão sempre prontos para tentar de novo!
+Olha, eu entendo perfeitamente se programação parecer intimidadora agora. Quando comecei, eu honestamente pensei que você precisava ser um gênio da matemática ou estar codando desde os cinco anos de idade. Mas aqui está o que mudou completamente minha perspectiva: programar é exatamente como aprender a ter conversas em uma nova língua. Você começa com "olá" e "obrigado", depois evolui para pedir um café, e antes que perceba, está tendo discussões filosóficas profundas! Só que, neste caso, você está conversando com computadores, e sinceramente? Eles são os interlocutores mais pacientes que você vai ter – nunca julgam seus erros e estão sempre animados para tentar de novo!
 
-Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não apenas possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que os desenvolvedores da Netflix, Spotify e do seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai te fazer dançar de felicidade: a maioria dessas ferramentas profissionais e padrão da indústria são completamente gratuitas!
+Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não só possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que desenvolvedores da Netflix, Spotify e seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai fazer você querer dançar de alegria: a maioria dessas ferramentas profissionais, padrão da indústria, é totalmente gratuita!
 
-![Introdução à Programação](../../../../translated_images/pt-BR/webdev101-programming.d6e3f98e61ac4bff.webp)
+![Intro Programming](../../../../translated_images/pt-BR/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Sua Jornada de Programação Hoje
+    section Descobrir
+      O que é Programação: 5: You
+      Linguagens de Programação: 4: You
+      Visão Geral das Ferramentas: 5: You
+    section Explorar
+      Editores de Código: 4: You
+      Navegadores & DevTools: 5: You
+      Linha de Comando: 3: You
+    section Praticar
+      Detetive de Linguagem: 4: You
+      Exploração de Ferramentas: 5: You
+      Conexão com a Comunidade: 5: You
 ```
+## Vamos Ver o Que Você Já Sabe!
 
-## Vamos ver o que você já sabe!
+Antes de pular para as coisas divertidas, estou curioso – o que você já sabe sobre esse mundo da programação? E escuta, se ao olhar essas perguntas você está pensando "eu literalmente não faço ideia de nada disso," isso não é só ok, é perfeito! Isso significa que você está no lugar exato. Pense neste quiz como um alongamento antes do treino – estamos apenas aquecendo esses músculos do cérebro!
 
-Antes de mergulharmos na parte divertida, estou curioso – o que você já sabe sobre esse mundo da programação? E olha, se você está olhando para essas perguntas pensando "Eu literalmente não faço ideia de nada disso", isso não é apenas ok, é perfeito! Isso significa que você está exatamente no lugar certo. Pense neste quiz como um aquecimento antes de começar – estamos apenas preparando os músculos do cérebro!
+[Faça o quiz pré-aula](https://ff-quizzes.netlify.app/web/)
 
-[Faça o quiz pré-aula](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## A aventura que vamos embarcar juntos
+## A Aventura Que Vamos Fazer Juntos
 
-Ok, estou genuinamente empolgado com o que vamos explorar hoje! Sério, eu gostaria de ver sua reação quando alguns desses conceitos fizerem sentido. Aqui está a jornada incrível que vamos fazer juntos:
+Ok, estou realmente ansioso com o que vamos explorar hoje! Sério, queria poder ver sua cara quando alguns desses conceitos fizerem sentido. Aqui está a jornada incrível que vamos fazer juntos:
 
-- **O que é programação (e por que é a coisa mais incrível de todas!)** – Vamos descobrir como o código é literalmente a mágica invisível que alimenta tudo ao seu redor, desde aquele alarme que de alguma forma sabe que é segunda-feira até o algoritmo que escolhe as recomendações perfeitas para você no Netflix.
-- **Linguagens de programação e suas personalidades incríveis** – Imagine entrar em uma festa onde cada pessoa tem superpoderes completamente diferentes e maneiras únicas de resolver problemas. É assim que o mundo das linguagens de programação é, e você vai adorar conhecê-las!
-- **Os blocos fundamentais que fazem a mágica digital acontecer** – Pense nisso como o conjunto definitivo de LEGO criativo. Quando você entender como essas peças se encaixam, perceberá que pode literalmente construir qualquer coisa que sua imaginação sonhar.
-- **Ferramentas profissionais que vão fazer você se sentir como se tivesse recebido uma varinha mágica** – Não estou sendo dramático aqui – essas ferramentas realmente vão fazer você se sentir como se tivesse superpoderes, e o melhor de tudo? São as mesmas que os profissionais usam!
+- **O que programação realmente é (e por que é a coisa mais legal do mundo!)** – Vamos descobrir como código é literalmente a mágica invisível que faz tudo ao seu redor funcionar, desde aquele despertador que de alguma forma sabe que é segunda-feira de manhã até o algoritmo que cria suas recomendações perfeitas na Netflix
+- **Linguagens de programação e suas personalidades incríveis** – Imagine chegar numa festa onde cada pessoa tem superpoderes completamente diferentes e jeitos únicos de resolver problemas. É assim que é o mundo das linguagens de programação, e você vai amar conhecê-las!
+- **Os blocos fundamentais que fazem a mágica digital acontecer** – Pense neles como o kit LEGO criativo definitivo. Depois que você entender como essas peças se encaixam, vai perceber que pode literalmente construir qualquer coisa que sua imaginação sonhar
+- **Ferramentas profissionais que vão fazer você sentir que ganhou uma varinha de mágico** – Não estou exagerando – essas ferramentas vão mesmo fazer você se sentir com superpoderes, e o melhor? São as mesmas que os profissionais usam!
 
-> 💡 **Aqui está o ponto**: Nem pense em tentar memorizar tudo hoje! Por enquanto, eu só quero que você sinta aquela faísca de empolgação sobre o que é possível. Os detalhes vão grudar naturalmente enquanto praticamos juntos – é assim que o aprendizado real acontece!
+> 💡 **Aqui vai o segredo**: Não pense nem em tentar memorizar tudo hoje! Agora, eu só quero que você sinta aquela faísca de empolgação sobre o que é possível. Os detalhes vão fixar naturalmente à medida que praticarmos juntos – é assim que o aprendizado de verdade acontece!
 
-> Você pode fazer esta lição no [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Você pode fazer esta aula no [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Então, o que exatamente *é* programação?
+## Então, O Que Realmente *É* Programação?
 
-Certo, vamos abordar a pergunta de um milhão de dólares: o que é programação, afinal?
+Certo, vamos encarar a pergunta de um milhão de dólares: o que é programação, afinal?
 
-Vou te contar uma história que mudou completamente minha forma de pensar sobre isso. Semana passada, eu estava tentando explicar para minha mãe como usar o controle remoto da nossa nova TV inteligente. Me peguei dizendo coisas como "Pressione o botão vermelho, mas não o botão vermelho grande, o botão vermelho pequeno à esquerda... não, sua outra esquerda... ok, agora segure por dois segundos, não um, não três..." Parece familiar? 😅
+Vou te contar uma história que mudou completamente a maneira como eu penso sobre isso. Semana passada, tentei explicar para minha mãe como usar o controle remoto inteligente da nossa nova TV. Me peguei dizendo coisas tipo "Aperte o botão vermelho, mas não o botão vermelho grande, o botão vermelho pequeno do lado esquerdo... não, o seu outro lado esquerdo... ok, agora segure por dois segundos, não um, não três..." Soa familiar? 😅
 
-Isso é programação! É a arte de dar instruções incrivelmente detalhadas e passo a passo para algo que é muito poderoso, mas precisa que tudo seja explicado perfeitamente. Exceto que, em vez de explicar para sua mãe (que pode perguntar "qual botão vermelho?!"), você está explicando para um computador (que faz exatamente o que você diz, mesmo que o que você disse não seja exatamente o que você quis dizer).
+Isso é programação! É a arte de dar instruções incrivelmente detalhadas, passo a passo, para algo muito poderoso, mas que precisa que tudo seja explicado perfeitamente. Só que, em vez de explicar pra sua mãe (que pode perguntar "qual botão vermelho?!"), você está explicando para um computador (que faz exatamente o que você diz, mesmo que o que você disse não seja exatamente o que você quis dizer).
 
-Aqui está o que me surpreendeu quando aprendi isso: computadores são, na verdade, bem simples no fundo. Eles literalmente só entendem duas coisas – 1 e 0, que basicamente é "sim" e "não" ou "ligado" e "desligado". É isso! Mas aqui é onde fica mágico – não precisamos falar em 1s e 0s como se estivéssemos em Matrix. É aí que as **linguagens de programação** entram em cena. Elas são como ter o melhor tradutor do mundo que pega seus pensamentos perfeitamente normais de humano e os converte em linguagem de computador.
+O que me surpreendeu quando aprendi isso: computadores, na verdade, são bastante simples em seu núcleo. Eles só entendem duas coisas – 1 e 0, que basicamente significam "sim" e "não" ou "ligado" e "desligado". Só isso! Mas aqui é onde fica mágico – não precisamos falar em 1s e 0s como se estivéssemos na Matrix. É aí que entram as **linguagens de programação**. Elas são como ter o melhor tradutor do mundo, que pega seus pensamentos humanos perfeitamente normais e os converte para a linguagem do computador.
 
-E aqui está o que ainda me dá arrepios todas as manhãs quando acordo: literalmente *tudo* digital na sua vida começou com alguém como você, provavelmente sentado de pijama com uma xícara de café, digitando código no laptop. Aquele filtro do Instagram que te deixa impecável? Alguém codificou isso. A recomendação que te levou à sua nova música favorita? Um desenvolvedor criou esse algoritmo. O aplicativo que ajuda você a dividir a conta do jantar com os amigos? Sim, alguém pensou "isso é chato, aposto que consigo resolver" e então... resolveu!
+E aqui está o que ainda me arrepia todas as manhãs quando acordo: literalmente *tudo* digital na sua vida começou com alguém como você, provavelmente de pijama, com uma xícara de café, digitando código no laptop. Aquele filtro do Instagram que te deixa impecável? Alguém codificou isso. A recomendação que te levou à sua música nova favorita? Um desenvolvedor criou aquele algoritmo. O app que ajuda você a dividir a conta do jantar com os amigos? Sim, alguém pensou "isso é chato, aposto que posso consertar isso" e então... fez!
 
-Quando você aprende a programar, não está apenas adquirindo uma nova habilidade – está se tornando parte dessa comunidade incrível de solucionadores de problemas que passam os dias pensando: "E se eu pudesse construir algo que tornasse o dia de alguém um pouco melhor?" Honestamente, existe algo mais legal do que isso?
+Quando você aprende a programar, não está só adquirindo uma nova habilidade – está entrando para uma comunidade incrível de solucionadores de problemas que passam o dia pensando, "E se eu pudesse construir algo que deixasse o dia de alguém um pouco melhor?" Sério, existe coisa mais legal que isso?
 
-✅ **Caça ao Fato Divertido**: Aqui está algo super legal para pesquisar quando tiver um momento livre – quem você acha que foi o primeiro programador de computadores do mundo? Vou te dar uma dica: pode não ser quem você está esperando! A história por trás dessa pessoa é absolutamente fascinante e mostra que programar sempre foi sobre resolver problemas criativos e pensar fora da caixa.
+✅ **Caça ao Fato Curioso**: Aqui vai algo super legal para pesquisar quando tiver um tempinho livre – quem você acha que foi o primeiro programador de computadores do mundo? Vou te dar uma dica: pode não ser quem você espera! A história dessa pessoa é absolutamente fascinante e mostra que programação sempre foi sobre criatividade, solucionar problemas e pensar fora da caixa.
 
-### 🧠 **Hora de Checar: Como Você Está Se Sentindo?**
+### 🧠 **Hora do Check-in: Como Você Está Se Sentindo?**
 
-**Tire um momento para refletir:**
-- A ideia de "dar instruções para computadores" faz sentido para você agora?
-- Consegue pensar em uma tarefa diária que gostaria de automatizar com programação?
-- Quais perguntas estão surgindo na sua mente sobre esse mundo da programação?
+**Reserve um momento para refletir:**
+- A ideia de "dar instruções a computadores" faz sentido para você agora?
+- Você consegue pensar em uma tarefa diária que gostaria de automatizar com programação?
+- Quais perguntas estão surgindo na sua cabeça sobre essa coisa toda de programação?
 
-> **Lembre-se**: É totalmente normal se alguns conceitos ainda parecerem confusos agora. Aprender a programar é como aprender um novo idioma – leva tempo para o cérebro construir essas conexões neurais. Você está indo muito bem!
+> **Lembre-se**: É totalmente normal se alguns conceitos parecerem confusos agora. Aprender programação é como aprender uma nova língua – leva tempo para seu cérebro criar essas conexões neurais. Você está indo muito bem!
 
 ## Linguagens de Programação São Como Diferentes Sabores de Magia
 
-Ok, isso vai soar estranho, mas fique comigo – linguagens de programação são muito parecidas com diferentes tipos de música. Pense nisso: você tem jazz, que é suave e improvisado, rock que é poderoso e direto, clássico que é elegante e estruturado, e hip-hop que é criativo e expressivo. Cada estilo tem sua própria vibe, sua própria comunidade de fãs apaixonados, e cada um é perfeito para diferentes momentos e ocasiões.
+Ok, isso vai parecer estranho, mas fique comigo – linguagens de programação são muito parecidas com diferentes estilos de música. Pense nisso: você tem jazz, que é suave e improvisado; rock, que é poderoso e direto; clássico, elegante e estruturado; e hip-hop, criativo e expressivo. Cada estilo tem sua vibe, sua comunidade de fãs apaixonados, e cada um é perfeito para diferentes humores e ocasiões.
 
-As linguagens de programação funcionam exatamente da mesma forma! Você não usaria a mesma linguagem para criar um jogo divertido para celular que usaria para analisar grandes quantidades de dados climáticos, assim como você não tocaria death metal em uma aula de yoga (bem, na maioria das aulas de yoga! 😄).
+Linguagens de programação funcionam exatamente assim! Você não usaria a mesma língua para criar um jogo mobile divertido e para processar massa enorme de dados climáticos, assim como você não tocaria death metal numa aula de yoga (bem, na maioria delas pelo menos! 😄).
 
-Mas aqui está o que absolutamente me surpreende toda vez que penso nisso: essas linguagens são como ter o intérprete mais paciente e brilhante do mundo sentado ao seu lado. Você pode expressar suas ideias de uma forma que parece natural para o seu cérebro humano, e elas lidam com todo o trabalho incrivelmente complexo de traduzir isso para os 1s e 0s que os computadores realmente entendem. É como ter um amigo que é perfeitamente fluente em "criatividade humana" e "lógica de computador" – e eles nunca se cansam, nunca precisam de pausas para café e nunca te julgam por fazer a mesma pergunta duas vezes!
+Mas aqui está o que me impressiona toda vez que penso nisso: essas linguagens são como ter o intérprete mais paciente e brilhante do mundo sentado bem do seu lado. Você pode expressar suas ideias de um jeito que faça sentido para seu cérebro humano, e elas cuidam de todo o trabalho incrivelmente complexo de traduzir isso para os 1s e 0s que os computadores realmente falam. É como ter um amigo fluente em "criatividade humana" e "lógica computacional" – e ele nunca se cansa, nunca precisa de pausas para café, e nunca te julga por perguntar a mesma coisa duas vezes!
 
 ### Linguagens de Programação Populares e Seus Usos
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Linguagens de Programação))
+    Desenvolvimento Web
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Mágica Frontend
+        Sites Interativos
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + Tipos
+        Apps Corporativos
+    Dados & IA
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Ciência de Dados
+        Aprendizado de Máquina
+        Automação
       R
-        Statistics
-        Research
-    Mobile Apps
+        Estatística
+        Pesquisa
+    Aplicativos Móveis
       Java
         Android
-        Enterprise
+        Corporativo
       Swift
         iOS
-        Apple Ecosystem
+        Ecossistema Apple
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        Android Moderno
+        Multiplataforma
+    Sistemas & Performance
       C++
-        Games
-        Performance Critical
+        Jogos
+        Crítico para Performance
       Rust
-        Memory Safety
-        System Programming
+        Segurança de Memória
+        Programação de Sistemas
       Go
-        Cloud Services
-        Scalable Backend
+        Serviços na Nuvem
+        Backend Escalável
 ```
-
 | Linguagem | Melhor Para | Por Que É Popular |
-|-----------|-------------|-------------------|
+|----------|----------|------------------|
 | **JavaScript** | Desenvolvimento web, interfaces de usuário | Roda em navegadores e alimenta sites interativos |
 | **Python** | Ciência de dados, automação, IA | Fácil de ler e aprender, bibliotecas poderosas |
 | **Java** | Aplicações empresariais, apps Android | Independente de plataforma, robusto para sistemas grandes |
-| **C#** | Aplicações Windows, desenvolvimento de jogos | Forte suporte ao ecossistema Microsoft |
+| **C#** | Aplicações Windows, desenvolvimento de jogos | Forte suporte do ecossistema Microsoft |
 | **Go** | Serviços em nuvem, sistemas backend | Rápido, simples, projetado para computação moderna |
 
-### Linguagens de Alto Nível vs. Baixo Nível
+### Linguagens de Alto e Baixo Nível
 
-Ok, este foi honestamente o conceito que me deixou confuso quando comecei a aprender, então vou compartilhar a analogia que finalmente fez sentido para mim – e espero que ajude você também!
+Ok, esse foi sinceramente o conceito que me deixou confuso quando comecei a aprender, então vou compartilhar a analogia que finalmente fez tudo fazer sentido pra mim – e espero que ajude você também!
 
-Imagine que você está visitando um país onde não fala o idioma, e precisa desesperadamente encontrar o banheiro mais próximo (todos já passamos por isso, certo? 😅):
+Imagine que você está visitando um país onde não fala o idioma e precisa desesperadamente achar o banheiro mais próximo (todos nós já passamos por isso, né? 😅):
 
-- **Programação de baixo nível** é como aprender o dialeto local tão bem que você pode conversar com a avó vendendo frutas na esquina usando referências culturais, gírias locais e piadas internas que só alguém que cresceu lá entenderia. Super impressionante e incrivelmente eficiente... se você for fluente! Mas bastante esmagador quando você só está tentando encontrar um banheiro.
+- **Programação de baixo nível** é como aprender o dialeto local tão bem que você consegue conversar com a avó que vende frutas na esquina usando referências culturais, gírias locais e piadas internas que só quem cresceu lá entenderia. Super impressionante e muito eficiente... se você for fluente! Mas bem complicado quando só quer achar um banheiro.
 
-- **Programação de alto nível** é como ter aquele amigo local incrível que simplesmente entende você. Você pode dizer "Eu realmente preciso encontrar um banheiro" em português, e eles lidam com toda a tradução cultural e te dão direções de uma forma que faz sentido para sua mente não nativa.
+- **Programação de alto nível** é como ter aquele amigo local incrível que simplesmente te entende. Você pode dizer "Preciso muito encontrar um banheiro" em inglês simples, e ele faz toda a tradução cultural e te dá as direções de um jeito que seu cérebro não local entende perfeitamente.
 
 Em termos de programação:
-- **Linguagens de baixo nível** (como Assembly ou C) permitem que você tenha conversas incrivelmente detalhadas com o hardware real do computador, mas você precisa pensar como uma máquina, o que é... bem, digamos que é uma mudança mental bem grande!
-- **Linguagens de alto nível** (como JavaScript, Python ou C#) permitem que você pense como um humano enquanto elas lidam com toda a linguagem da máquina nos bastidores. Além disso, elas têm comunidades incrivelmente acolhedoras cheias de pessoas que lembram como foi ser novo e realmente querem ajudar!
+- **Linguagens de baixo nível** (como Assembly ou C) deixam você falar com o hardware do computador em detalhes incrivelmente precisos, mas você precisa pensar como uma máquina, o que é... digamos que é uma mudança mental enorme!
+- **Linguagens de alto nível** (como JavaScript, Python ou C#) deixam você pensar como um humano enquanto elas cuidam da linguagem da máquina nos bastidores. Além disso, essas linguagens têm comunidades super acolhedoras, cheias de gente que lembra como era ser iniciante e que realmente quer ajudar!
 
-Adivinha quais eu vou sugerir que você comece? 😉 Linguagens de alto nível são como ter rodinhas de treinamento que você nunca realmente quer tirar porque tornam toda a experiência muito mais agradável!
+Adivinha por quais eu vou sugerir que você comece? 😉 Linguagens de alto nível são como rodinhas de treinamento que você nunca vai querer tirar porque deixam toda a experiência muito mais agradável!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Pensamento Humano:<br/>'Quero calcular números de Fibonacci'"] --> B{Escolher Nível de Linguagem}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Alto Nível| C["🌟 JavaScript/Python<br/>Fácil de ler e escrever"]
+    B -->|Baixo Nível| D["⚙️ Assembly/C<br/>Controle direto do hardware"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Escrever: fibonacci(10)"]
+    D --> F["📝 Escrever: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Entendimento do Computador:<br/>O tradutor lida com a complexidade"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Mesmo Resultado:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-
 ### Deixe-me Mostrar Por Que Linguagens de Alto Nível São Muito Mais Amigáveis
 
-Certo, estou prestes a mostrar algo que demonstra perfeitamente por que me apaixonei pelas linguagens de alto nível, mas primeiro – preciso que você me prometa uma coisa. Quando você vir o primeiro exemplo de código, não entre em pânico! É para parecer intimidante. Esse é exatamente o ponto que estou fazendo!
+Certo, vou te mostrar algo que demonstra perfeitamente por que me apaixonei pelas linguagens de alto nível, mas antes – preciso que me prometa uma coisa. Quando você ver esse primeiro exemplo de código, não entre em pânico! Ele é para parecer intimidador. Esse é exatamente o ponto!
 
-Vamos olhar para a mesma tarefa escrita em dois estilos completamente diferentes. Ambos criam o que é chamado de sequência de Fibonacci – é esse padrão matemático lindo onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosidade: você encontrará esse padrão literalmente em toda parte na natureza – espirais de sementes de girassol, padrões de pinhas, até na forma como as galáxias se formam!)
+Vamos ver a mesma tarefa escrita em dois estilos completamente diferentes. Ambas criam a chamada sequência de Fibonacci – um padrão matemático lindo onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosidade: você encontra esse padrão literalmente em toda a natureza – espirais de sementes de girassol, padrões de pinhas, até a forma como as galáxias se formam!)
 
 Pronto para ver a diferença? Vamos lá!
 
 **Linguagem de alto nível (JavaScript) – Amigável para humanos:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Passo 1: Configuração básica de Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**O que este código faz:**
-- **Declara** uma constante para especificar quantos números de Fibonacci queremos gerar
-- **Inicializa** duas variáveis para acompanhar os números atuais e próximos na sequência
-- **Define** os valores iniciais (0 e 1) que definem o padrão Fibonacci
+**Veja o que esse código faz:**
+- **Declara** uma constante para especificar quantos números da sequência Fibonacci queremos gerar
+- **Inicializa** duas variáveis para acompanhar o número atual e o próximo na sequência
+- **Configura** os valores iniciais (0 e 1) que definem o padrão de Fibonacci
 - **Exibe** uma mensagem de cabeçalho para identificar nossa saída
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Passo 2: Gere a sequência com um loop
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Calcule o próximo número na sequência
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Desmembrando o que acontece aqui:**
-- **Percorre** cada posição na sequência usando um `for` loop
-- **Exibe** cada número com sua posição usando formatação de template literal
-- **Calcula** o próximo número de Fibonacci somando os valores atuais e próximos
-- **Atualiza** nossas variáveis de acompanhamento para passar para a próxima iteração
+**Entendendo o que acontece aqui:**
+- **Percorre** cada posição da sequência usando um loop `for`
+- **Mostra** cada número com sua posição usando formatação de template literals
+- **Calcula** o próximo número Fibonacci somando os valores atual e próximo
+- **Atualiza** as variáveis de acompanhamento para passar à próxima iteração
 
 ```javascript
-// Step 3: Modern functional approach
+// Passo 3: Abordagem funcional moderna
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Exemplo de uso
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
 **No código acima, nós:**
-- **Criamos** uma função reutilizável usando sintaxe moderna de função de seta
-- **Construímos** um array para armazenar a sequência completa em vez de exibir um por um
-- **Usamos** indexação de array para calcular cada novo número a partir dos valores anteriores
+- **Criamos** uma função reutilizável usando a sintaxe moderna de arrow function
+- **Construímos** um array para armazenar a sequência completa em vez de mostrar número por número
+- **Usamos** indexação de array para calcular cada novo número a partir dos anteriores
 - **Retornamos** a sequência completa para uso flexível em outras partes do programa
 
-**Linguagem de baixo nível (ARM Assembly) – Amigável para computadores:**
+**Linguagem de baixo nível (Assembly ARM) – Amigável para computadores:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,63 +257,63 @@ back add r0,r1
  end
 ```
 
-Perceba como a versão em JavaScript se lê quase como instruções em inglês, enquanto a versão em Assembly usa comandos criptográficos que controlam diretamente o processador do computador. Ambos realizam exatamente a mesma tarefa, mas a linguagem de alto nível é muito mais fácil para humanos entenderem, escreverem e manterem.
+Repare como a versão em JavaScript parece quase uma instrução em inglês, enquanto a versão em Assembly usa comandos criptografados que controlam diretamente o processador do computador. Ambos realizam exatamente a mesma tarefa, mas a linguagem de alto nível é muito mais fácil para humanos entenderem, escreverem e manterem.
 
-**Diferenças principais que você notará:**
-- **Legibilidade**: JavaScript usa nomes descritivos como `fibonacciCount`, enquanto Assembly usa rótulos criptográficos como `r0`, `r1`
-- **Comentários**: Linguagens de alto nível incentivam comentários explicativos que tornam o código autoexplicativo.
-- **Estrutura**: O fluxo lógico do JavaScript combina com a forma como os humanos pensam sobre problemas passo a passo.
-- **Manutenção**: Atualizar a versão do JavaScript para diferentes requisitos é simples e direto.
+**Diferenças chave que você vai notar:**
+- **Legibilidade**: JavaScript usa nomes descritivos como `fibonacciCount`, enquanto Assembly usa rótulos criptografados como `r0`, `r1`
+- **Comentários**: Linguagens de alto nível incentivam comentários explicativos que tornam o código auto-documentado
+- **Estrutura**: O fluxo lógico do JavaScript corresponde a como os humanos pensam sobre problemas passo a passo
+- **Manutenção**: Atualizar a versão JavaScript para diferentes requisitos é direto e claro
 
-✅ **Sobre a sequência de Fibonacci**: Esse padrão numérico absolutamente incrível (onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *em todos os lugares* na natureza! Você o encontra nas espirais dos girassóis, nos padrões das pinhas, na curvatura das conchas de náutilo e até na forma como os galhos das árvores crescem. É impressionante como a matemática e o código podem nos ajudar a entender e recriar os padrões que a natureza usa para criar beleza!
+✅ **Sobre a sequência de Fibonacci**: Este padrão de números absolutamente lindo (onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *em todo lugar* na natureza! Você o encontrará nas espirais dos girassóis, nos padrões das pinhas, na forma como as conchas de náutilos se curvam e até mesmo no crescimento dos galhos das árvores. É realmente impressionante como a matemática e o código podem nos ajudar a entender e recriar os padrões que a natureza usa para criar beleza!
 
 
-## Os Blocos de Construção Que Fazem a Mágica Acontecer
+## Os Blocos de Construção Que Fazem a Magia Acontecer
 
-Certo, agora que você viu como as linguagens de programação funcionam na prática, vamos analisar as peças fundamentais que compõem literalmente todos os programas já escritos. Pense nisso como os ingredientes essenciais da sua receita favorita – uma vez que você entender o que cada um faz, será capaz de ler e escrever código em praticamente qualquer linguagem!
+Certo, agora que você viu como as linguagens de programação funcionam na prática, vamos dividir as peças fundamentais que compõem literalmente todo programa já escrito. Pense nelas como os ingredientes essenciais da sua receita favorita – uma vez que você entender o que cada um faz, poderá ler e escrever código em praticamente qualquer linguagem!
 
-Isso é como aprender a gramática da programação. Lembra quando você aprendeu na escola sobre substantivos, verbos e como formar frases? A programação tem sua própria versão de gramática e, honestamente, é muito mais lógica e indulgente do que a gramática do português! 😄
+Isso é meio que aprender a gramática da programação. Lembra quando na escola você aprendeu sobre substantivos, verbos e como montar frases? Programação tem sua própria versão de gramática e, honestamente, é muito mais lógica e tolerante do que a gramática do inglês já foi! 😄
 
 ### Declarações: As Instruções Passo a Passo
 
-Vamos começar com **declarações** – elas são como frases individuais em uma conversa com o seu computador. Cada declaração diz ao computador para fazer uma coisa específica, como dar instruções: "Vire à esquerda aqui", "Pare no semáforo vermelho", "Estacione naquele lugar."
+Vamos começar com **declarações** – elas são como frases individuais em uma conversa com seu computador. Cada declaração diz ao computador para fazer uma coisa específica, tipo dar instruções: "Vire à esquerda aqui", "Pare no sinal vermelho", "Estacione naquele lugar."
 
-O que eu adoro nas declarações é como elas geralmente são fáceis de ler. Veja só:
+O que eu adoro nas declarações é o quão legíveis elas geralmente são. Veja só:
 
 ```javascript
-// Basic statements that perform single actions
+// Declarações básicas que realizam ações únicas
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**O que este código faz:**
-- **Declara** uma variável constante para armazenar o nome de um usuário
-- **Exibe** uma mensagem de saudação no console
-- **Calcula** e armazena o resultado de uma operação matemática
+**Isto é o que este código faz:**
+- **Declarar** uma variável constante para armazenar o nome de um usuário
+- **Exibir** uma mensagem de saudação no console
+- **Calcular** e armazenar o resultado de uma operação matemática
 
 ```javascript
-// Statements that interact with web pages
+// Declarações que interagem com páginas web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Passo a passo, o que está acontecendo:**
-- **Modifica** o título da página que aparece na aba do navegador
-- **Altera** a cor de fundo de todo o corpo da página
+**Passo a passo, veja o que está acontecendo:**
+- **Modificar** o título da página que aparece na aba do navegador
+- **Alterar** a cor de fundo de todo o corpo da página
 
 ### Variáveis: O Sistema de Memória do Seu Programa
 
-Ok, **variáveis** são, honestamente, um dos meus conceitos favoritos para ensinar porque elas são muito parecidas com coisas que você já usa todos os dias!
+Beleza, **variáveis** são honestamente um dos meus conceitos favoritos de ensinar porque são muito parecidas com coisas que você já usa todo dia!
 
-Pense na lista de contatos do seu celular por um momento. Você não memoriza o número de todo mundo – em vez disso, salva "Mãe", "Melhor Amigo" ou "Pizzaria Que Entrega Até 2h" e deixa o celular lembrar os números reais. Variáveis funcionam exatamente da mesma forma! Elas são como recipientes rotulados onde seu programa pode armazenar informações e recuperá-las mais tarde usando um nome que realmente faz sentido.
+Pense na sua lista de contatos do telefone por um segundo. Você não memoriza o número de telefone de todo mundo – ao invés disso, você salva "Mamãe", "Melhor Amigo" ou "Pizzaria que Entrega Até 2 da Manhã" e deixa o telefone lembrar os números reais. Variáveis funcionam exatamente da mesma forma! São como recipientes rotulados onde seu programa pode armazenar informações e recuperá-las depois usando um nome que realmente faz sentido.
 
-Aqui está o que é realmente legal: variáveis podem mudar enquanto seu programa está sendo executado (daí o nome "variável" – entendeu?). Assim como você pode atualizar o contato da pizzaria quando descobre um lugar ainda melhor, as variáveis podem ser atualizadas conforme seu programa aprende novas informações ou conforme as situações mudam!
+Aqui está o que é realmente legal: as variáveis podem mudar conforme seu programa roda (daí o nome "variável" – sacou?). Assim como você atualiza o contato da pizzaria quando descobre um lugar melhor, as variáveis podem ser atualizadas conforme seu programa aprende novas informações ou quando as situações mudam!
 
-Deixe-me mostrar como isso pode ser incrivelmente simples:
+Deixe eu te mostrar como isso pode ser lindamente simples:
 
 ```javascript
-// Step 1: Creating basic variables
+// Passo 1: Criando variáveis básicas
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -323,13 +321,13 @@ let isRaining = false;
 ```
 
 **Entendendo esses conceitos:**
-- **Armazene** valores imutáveis em variáveis `const` (como o nome do site)
-- **Use** `let` para valores que podem mudar ao longo do programa
-- **Atribua** diferentes tipos de dados: strings (texto), números e booleanos (verdadeiro/falso)
-- **Escolha** nomes descritivos que expliquem o que cada variável contém
+- **Armazenar** valores constantes em variáveis `const` (como o nome do site)
+- **Usar** `let` para valores que podem mudar durante o programa
+- **Atribuir** diferentes tipos de dados: strings (texto), números e booleanos (verdadeiro/falso)
+- **Escolher** nomes descritivos que expliquem o que cada variável contém
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Etapa 2: Trabalhando com objetos para agrupar dados relacionados
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -339,48 +337,48 @@ const weatherData = {
 
 **No exemplo acima, nós:**
 - **Criamos** um objeto para agrupar informações relacionadas ao clima
-- **Organizamos** vários dados sob um único nome de variável
-- **Usamos** pares chave-valor para rotular claramente cada informação
+- **Organizamos** vários dados sob um nome de variável
+- **Usamos** pares de chave-valor para rotular claramente cada informação
 
 ```javascript
-// Step 3: Using and updating variables
+// Etapa 3: Usando e atualizando variáveis
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Atualizando variáveis mutáveis
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
 **Vamos entender cada parte:**
-- **Exibe** informações usando literais de template com a sintaxe `${}`
-- **Acessa** propriedades de objetos usando notação de ponto (`weatherData.windSpeed`)
-- **Atualiza** variáveis declaradas com `let` para refletir condições em mudança
-- **Combina** várias variáveis para criar mensagens significativas
+- **Exibir** informações usando template literals com a sintaxe `${}`
+- **Acessar** propriedades do objeto usando a notação de ponto (`weatherData.windSpeed`)
+- **Atualizar** variáveis declaradas com `let` para refletir condições que mudam
+- **Combinar** múltiplas variáveis para criar mensagens significativas
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Etapa 4: Desestruturação moderna para um código mais limpo
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **O que você precisa saber:**
-- **Extrai** propriedades específicas de objetos usando atribuição por desestruturação
-- **Cria** novas variáveis automaticamente com os mesmos nomes das chaves do objeto
-- **Simplifica** o código evitando notação de ponto repetitiva
+- **Extrair** propriedades específicas de objetos usando desestruturação
+- **Criar** variáveis novas automaticamente com os mesmos nomes das chaves do objeto
+- **Simplificar** o código evitando repetir a notação de ponto
 
 ### Fluxo de Controle: Ensinando Seu Programa a Pensar
 
-Ok, aqui é onde a programação fica absolutamente fascinante! **Fluxo de controle** é basicamente ensinar seu programa a tomar decisões inteligentes, exatamente como você faz todos os dias sem nem pensar nisso.
+Beleza, aqui é onde a programação fica absolutamente impressionante! **Fluxo de controle** é basicamente ensinar seu programa a tomar decisões inteligentes, exatamente como você faz todo dia sem nem pensar.
 
-Imagine isso: hoje de manhã você provavelmente passou por algo como "Se estiver chovendo, vou pegar um guarda-chuva. Se estiver frio, vou vestir um casaco. Se eu estiver atrasado, vou pular o café da manhã e pegar um café no caminho." Seu cérebro naturalmente segue essa lógica de "se-então" dezenas de vezes por dia!
+Imagine isso: hoje de manhã você provavelmente fez algo como "Se estiver chovendo, eu pego um guarda-chuva. Se estiver frio, eu visto um casaco. Se estiver atrasado, pulo o café da manhã e pego um café no caminho." Seu cérebro segue essa lógica if-then dezenas de vezes todos os dias!
 
-Isso é o que faz os programas parecerem inteligentes e vivos, em vez de apenas seguir um roteiro chato e previsível. Eles podem realmente olhar para uma situação, avaliar o que está acontecendo e responder de forma apropriada. É como dar ao seu programa um cérebro que pode se adaptar e fazer escolhas!
+É isso que faz os programas parecerem inteligentes e vivos em vez de apenas seguirem um script chato e previsível. Eles podem realmente olhar a situação, avaliar o que está acontecendo e responder adequadamente. É como dar um cérebro para seu programa que pode se adaptar e fazer escolhas!
 
-Quer ver como isso funciona lindamente? Deixe-me mostrar:
+Quer ver como isso funciona lindamente? Deixe eu te mostrar:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Etapa 1: Lógica condicional básica
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -391,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**O que este código faz:**
+**Este código faz o seguinte:**
 - **Verifica** se a idade do usuário atende ao requisito para votar
-- **Executa** diferentes blocos de código com base no resultado da condição
-- **Calcula** e exibe quanto tempo falta para a elegibilidade de voto, se menor de 18 anos
+- **Executa** blocos de código diferentes com base no resultado da condição
+- **Calcula** e exibe quanto tempo falta para a elegibilidade ao voto caso seja menor de 18
 - **Fornece** feedback específico e útil para cada cenário
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Passo 2: Múltiplas condições com operadores lógicos
 const userAge = 17;
 const hasPermission = true;
 
@@ -411,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Desmembrando o que acontece aqui:**
-- **Combina** várias condições usando o operador `&&` (e)
-- **Cria** uma hierarquia de condições usando `else if` para múltiplos cenários
-- **Lida** com todos os casos possíveis com uma declaração final `else`
-- **Fornece** feedback claro e acionável para cada situação diferente
+**Analisando o que acontece aqui:**
+- **Combina** múltiplas condições usando o operador `&&` (e)
+- **Cria** uma hierarquia de condições usando `else if` para vários cenários
+- **Trata** todos os casos possíveis com uma declaração `else` final
+- **Oferece** feedback claro e prático para cada situação diferente
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Passo 3: Condicional concisa com operador ternário
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
 **O que você precisa lembrar:**
-- **Use** o operador ternário (`? :`) para condições simples de duas opções
-- **Escreva** a condição primeiro, seguida por `?`, depois o resultado verdadeiro, depois `:`, e então o resultado falso
-- **Aplique** esse padrão quando precisar atribuir valores com base em condições
+- **Use** o operador ternário (`? :`) para condições simples com duas opções
+- **Escreva** a condição primeiro, seguida de `?`, depois o resultado verdadeiro, em seguida `:`, e por fim o resultado falso
+- **Aplique** esse padrão quando precisar atribuir valores conforme condições
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Passo 4: Lidando com múltiplos casos específicos
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -451,55 +449,54 @@ switch (dayOfWeek) {
 
 **Este código realiza o seguinte:**
 - **Compara** o valor da variável com vários casos específicos
-- **Agrupa** casos semelhantes (dias úteis vs. finais de semana)
-- **Executa** o bloco de código apropriado quando um caso é encontrado
+- **Agrupa** casos semelhantes (dias de semana vs. finais de semana)
+- **Executa** o bloco de código apropriado quando encontra uma correspondência
 - **Inclui** um caso `default` para lidar com valores inesperados
-- **Usa** declarações `break` para evitar que o código continue para o próximo caso
+- **Usa** instruções `break` para evitar que o código continue para o próximo caso
 
-> 💡 **Analogia do mundo real**: Pense no fluxo de controle como ter o GPS mais paciente do mundo te dando direções. Ele pode dizer "Se houver trânsito na Rua Principal, pegue a rodovia. Se houver obras na rodovia, tente a rota panorâmica." Os programas usam exatamente o mesmo tipo de lógica condicional para responder inteligentemente a diferentes situações e sempre oferecer aos usuários a melhor experiência possível.
+> 💡 **Analogia no mundo real**: Pense no fluxo de controle como ter o GPS mais paciente do mundo te dando instruções. Ele pode dizer "Se houver trânsito na Rua Principal, pegue a rodovia. Se a construção bloquear a rodovia, tente o caminho cênico." Programas usam exatamente esse tipo de lógica condicional para responder de forma inteligente a diferentes situações e sempre oferecer a melhor experiência aos usuários.
 
 ### 🎯 **Verificação de Conceitos: Domínio dos Blocos de Construção**
 
 **Vamos ver como você está indo com os fundamentos:**
-- Você consegue explicar a diferença entre uma variável e uma declaração com suas próprias palavras?
-- Pense em um cenário do mundo real onde você usaria uma decisão "se-então" (como o exemplo de votação).
-- Qual é uma coisa sobre lógica de programação que te surpreendeu?
+- Consegue explicar, com suas próprias palavras, a diferença entre uma variável e uma declaração?
+- Pense em um cenário do mundo real onde você usaria uma decisão if-then (como no nosso exemplo de votação)
+- Qual foi uma coisa sobre a lógica de programação que te surpreendeu?
 
-**Rápido incentivo de confiança:**
+**Pequeno impulso de confiança:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Declarações<br/>(Instruções)"] --> B["📦 Variáveis<br/>(Armazenamento)"] --> C["🔀 Fluxo de Controle<br/>(Decisões)"] --> D["🎉 Programa Funcionando!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-
-✅ **O que vem a seguir**: Vamos nos divertir muito mergulhando mais fundo nesses conceitos enquanto continuamos essa jornada incrível juntos! Por enquanto, concentre-se em sentir a empolgação sobre todas as possibilidades incríveis que estão à sua frente. As habilidades e técnicas específicas vão se fixar naturalmente enquanto praticamos juntos – prometo que isso vai ser muito mais divertido do que você imagina!
+✅ **O que vem a seguir**: Vamos nos divertir muito mergulhando mais fundo nesses conceitos enquanto continuamos essa incrível jornada juntos! Por enquanto, foque em sentir essa empolgação sobre todas as possibilidades incríveis à sua frente. As habilidades e técnicas específicas vão surgir naturalmente conforme praticamos juntos – prometo que vai ser muito mais divertido do que você imagina!
 
 ## Ferramentas do Ofício
 
-Certo, aqui é onde eu fico tão empolgado que mal consigo me conter! 🚀 Vamos falar sobre as ferramentas incríveis que vão fazer você se sentir como se tivesse acabado de receber as chaves de uma nave espacial digital.
+Certo, aqui é onde eu fico tão empolgado que mal consigo me controlar! 🚀 Vamos falar sobre as ferramentas incríveis que vão fazer você se sentir como se tivesse acabado de receber as chaves de uma nave espacial digital.
 
-Sabe como um chef tem aquelas facas perfeitamente equilibradas que parecem extensões de suas mãos? Ou como um músico tem aquele violão que parece cantar no momento em que o toca? Bem, os desenvolvedores têm nossa própria versão dessas ferramentas mágicas, e aqui está o que vai te deixar de queixo caído – a maioria delas é completamente gratuita!
+Sabe como um chef tem aquelas facas perfeitamente equilibradas que parecem extensões das mãos dele? Ou como um músico tem aquela guitarra que parece cantar no instante que ele a toca? Bem, desenvolvedores têm nossa própria versão dessas ferramentas mágicas, e aqui vai o que vai te impressionar de verdade – a maioria delas é completamente gratuita!
 
-Estou praticamente pulando na cadeira pensando em compartilhar isso com você porque elas revolucionaram completamente a forma como construímos software. Estamos falando de assistentes de codificação com inteligência artificial que podem ajudar a escrever seu código (não estou brincando!), ambientes na nuvem onde você pode construir aplicativos inteiros de literalmente qualquer lugar com Wi-Fi, e ferramentas de depuração tão sofisticadas que são como ter visão de raio-X para seus programas.
+Estou praticamente pulando na cadeira pensando em compartilhar isso com você porque elas revolucionaram completamente a forma como construímos software. Estamos falando de assistentes de codificação com inteligência artificial que ajudam a escrever seu código (não estou brincando!), ambientes em nuvem onde você pode construir apps inteiros de literalmente qualquer lugar com Wi-Fi, e ferramentas de depuração tão sofisticadas que são como ter visão de raio-x para seus programas.
 
-E aqui está a parte que ainda me dá arrepios: essas não são "ferramentas para iniciantes" que você vai superar. Estas são exatamente as mesmas ferramentas de nível profissional que desenvolvedores do Google, Netflix e daquele estúdio indie de aplicativos que você adora estão usando neste exato momento. Você vai se sentir como um verdadeiro profissional usando elas!
+E aqui está a parte que ainda me arrepia: essas não são ferramentas "para iniciantes" que você vai superar rápido. São exatamente as mesmas ferramentas profissionais que desenvolvedores do Google, Netflix e daquele estúdio indie de apps que você adora estão usando neste exato momento. Você vai se sentir um fera usando elas!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Sua Ideia"] --> B["⌨️ Editor de Código<br/>(VS Code)"] 
+    B --> C["🌐 Ferramentas do Navegador<br/>(Testes & Depuração)"]
+    C --> D["⚡ Linha de Comando<br/>(Automação & Ferramentas)"]
+    D --> E["📚 Documentação<br/>(Aprendizado & Referência)"]
+    E --> F["🚀 Aplicativo Web Incrível!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Assistente de IA<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Teste em Dispositivos<br/>(Design Responsivo)"]
+    D -.-> I["📦 Gerenciadores de Pacotes<br/>(npm, yarn)"]
+    E -.-> J["👥 Comunidade<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -508,152 +505,151 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-
 ### Editores de Código e IDEs: Seus Novos Melhores Amigos Digitais
 
-Vamos falar sobre editores de código – eles estão prestes a se tornar seus novos lugares favoritos para passar o tempo! Pense neles como seu santuário pessoal de codificação, onde você passará a maior parte do tempo criando e aperfeiçoando suas criações digitais.
+Vamos falar sobre editores de código – eles estão prestes a se tornar seus lugares favoritos para passar o tempo! Pense neles como seu santuário pessoal de programação onde você vai passar a maior parte do tempo criando e aprimorando suas criações digitais.
 
-Mas aqui está o que é absolutamente mágico sobre os editores modernos: eles não são apenas editores de texto sofisticados. Eles são como ter o mentor de codificação mais brilhante e solidário sentado ao seu lado 24 horas por dia, 7 dias por semana. Eles corrigem seus erros de digitação antes mesmo de você perceber, sugerem melhorias que fazem você parecer um gênio, ajudam você a entender o que cada pedaço de código faz, e alguns deles podem até prever o que você está prestes a digitar e oferecer para terminar seus pensamentos!
+Mas aqui está o que é absolutamente mágico nos editores modernos: eles não são apenas editores de texto sofisticados. São como ter o mentor de codificação mais brilhante e solidário sentado ao seu lado 24/7. Eles capturam seus erros de digitação antes que você os perceba, sugerem melhorias que fazem você parecer um gênio, ajudam você a entender o que cada pedaço de código faz e alguns até conseguem prever o que você vai digitar e oferecer para terminar seus pensamentos!
 
-Eu me lembro quando descobri o auto-completar pela primeira vez – literalmente me senti vivendo no futuro. Você começa a digitar algo, e seu editor diz: "Ei, você estava pensando nesta função que faz exatamente o que você precisa?" É como ter um leitor de mentes como seu parceiro de codificação!
+Lembro da primeira vez que descobri a auto-completação – me senti vivendo no futuro. Você começa a digitar algo, e seu editor fala: "Ei, você estava pensando nesta função que faz exatamente o que você precisa?" É como ter um leitor de mentes como seu parceiro de programação!
 
-**O que torna esses editores tão incríveis?**
+**O que faz esses editores serem tão incríveis?**
 
-Os editores de código modernos oferecem uma impressionante variedade de recursos projetados para aumentar sua produtividade:
+Editores de código modernos oferecem uma variedade impressionante de recursos para aumentar sua produtividade:
 
 | Recurso | O que Faz | Por que Ajuda |
 |---------|-----------|--------------|
-| **Realce de Sintaxe** | Colore diferentes partes do código | Facilita a leitura e a identificação de erros |
-| **Auto-completar** | Sugere código enquanto você digita | Acelera a codificação e reduz erros de digitação |
+| **Realce de Sintaxe** | Colore diferentes partes do seu código | Facilita a leitura do código e a identificação de erros |
+| **Auto-completação** | Sugere código enquanto você digita | Acelera a codificação e reduz erros de digitação |
 | **Ferramentas de Depuração** | Ajuda a encontrar e corrigir erros | Economiza horas de solução de problemas |
-| **Extensões** | Adiciona recursos especializados | Personaliza o editor para qualquer tecnologia |
-| **Assistentes de IA** | Sugere código e explicações | Acelera o aprendizado e a produtividade |
+| **Extensões** | Adicionam funcionalidades especializadas | Personalize seu editor para qualquer tecnologia |
+| **Assistentes de IA** | Sugerem código e explicações | Acelera o aprendizado e a produtividade |
 
-> 🎥 **Recurso em Vídeo**: Quer ver essas ferramentas em ação? Confira este [vídeo sobre Ferramentas do Ofício](https://youtube.com/watch?v=69WJeXGBdxg) para uma visão geral completa.
+> 🎥 **Recurso em Vídeo**: Quer ver essas ferramentas em ação? Confira este [vídeo Ferramentas do Ofício](https://youtube.com/watch?v=69WJeXGBdxg) para uma visão abrangente.
 
 #### Editores Recomendados para Desenvolvimento Web
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuito)
-- O mais popular entre os desenvolvedores web
+- O mais popular entre desenvolvedores web
 - Excelente ecossistema de extensões
-- Terminal integrado e integração com Git
-- **Extensões indispensáveis**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugestões de código com IA
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaboração em tempo real
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatação automática de código
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Detecta erros de digitação no código
+- Terminal embutido e integração com Git
+- **Extensões essenciais**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - sugestões de código com IA
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - colaboração em tempo real
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - formatação automática de código
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - detecta erros de digitação no código
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Pago, gratuito para estudantes)
-- Ferramentas avançadas de depuração e teste
+- Ferramentas avançadas de depuração e testes
 - Auto-completar inteligente
-- Controle de versão integrado
+- Controle de versão embutido
 
-**IDEs Baseados na Nuvem** (Preços variados)
+**IDEs Baseadas em Nuvem** (Diferentes preços)
 - [GitHub Codespaces](https://github.com/features/codespaces) - VS Code completo no navegador
-- [Replit](https://replit.com/) - Ótimo para aprender e compartilhar código
-- [StackBlitz](https://stackblitz.com/) - Desenvolvimento web full-stack instantâneo
+- [Replit](https://replit.com/) - ótimo para aprender e compartilhar código
+- [StackBlitz](https://stackblitz.com/) - desenvolvimento web full-stack instantâneo
 
-> 💡 **Dica para Começar**: Comece com o Visual Studio Code – é gratuito, amplamente utilizado na indústria e tem uma enorme comunidade criando tutoriais e extensões úteis.
+> 💡 **Dica para Começar**: Comece com o Visual Studio Code – é gratuito, amplamente usado na indústria e tem uma comunidade enorme criando tutoriais e extensões úteis.
 
 
 ### Navegadores Web: Seu Laboratório Secreto de Desenvolvimento
 
-Ok, prepare-se para ter sua mente completamente explodida! Sabe como você tem usado navegadores para rolar pelas redes sociais e assistir vídeos? Bem, acontece que eles têm escondido este incrível laboratório secreto de desenvolvimento o tempo todo, apenas esperando que você o descubra!
+Ok, prepare-se para ficar de queixo caído! Sabe como você tem usado os navegadores para passar pelas redes sociais e assistir vídeos? Bem, eles estavam escondendo esse laboratório secreto de desenvolvimento o tempo todo, só esperando você descobrir!
 
-Toda vez que você clica com o botão direito em uma página da web e seleciona "Inspecionar Elemento", está abrindo um mundo oculto de ferramentas de desenvolvedor que são honestamente mais poderosas do que alguns softwares caros que eu costumava pagar centenas de reais. É como descobrir que sua cozinha comum estava escondendo um laboratório de chef profissional atrás de um painel secreto!
-A primeira vez que alguém me mostrou as DevTools do navegador, eu passei umas três horas clicando em tudo e pensando "ESPERA, ELE FAZ ISSO TAMBÉM?!" Você literalmente pode editar qualquer site em tempo real, ver exatamente a velocidade de carregamento de tudo, testar como seu site fica em diferentes dispositivos e até depurar JavaScript como um verdadeiro profissional. É absolutamente incrível!
+Toda vez que você clica com o botão direito em uma página e seleciona "Inspecionar Elemento," você abre um mundo oculto de ferramentas de desenvolvedor que são honestamente mais poderosas do que alguns softwares caros pelos quais eu costumava pagar centenas de dólares. É como descobrir que sua cozinha comum estava escondendo um laboratório de chef profissional atrás de um painel secreto!
+A primeira vez que alguém me mostrou as DevTools do navegador, passei tipo três horas clicando em tudo e dizendo "ESPERA, ISSO TAMBÉM PODE?!" Você pode literalmente editar qualquer site em tempo real, ver exatamente a velocidade de carregamento de tudo, testar como seu site aparece em diferentes dispositivos e até debugar JavaScript como um profissional de verdade. É absolutamente impressionante!
 
-**Por que os navegadores são sua arma secreta:**
+**Aqui está o porquê dos navegadores serem sua arma secreta:**
 
-Quando você cria um site ou aplicativo web, precisa ver como ele se parece e se comporta no mundo real. Os navegadores não apenas exibem seu trabalho, mas também fornecem feedback detalhado sobre desempenho, acessibilidade e possíveis problemas.
+Quando você cria um site ou uma aplicação web, precisa ver como ele se parece e se comporta no mundo real. Os navegadores não só exibem seu trabalho, como também fornecem feedback detalhado sobre desempenho, acessibilidade e possíveis problemas.
 
-#### Ferramentas de Desenvolvimento do Navegador (DevTools)
+#### Ferramentas de Desenvolvedor do Navegador (DevTools)
 
-Os navegadores modernos incluem suítes de desenvolvimento completas:
+Navegadores modernos incluem suítes de desenvolvimento completas:
 
-| Categoria de Ferramenta | O que Faz | Exemplo de Uso |
-|--------------------------|-----------|----------------|
-| **Inspector de Elementos** | Visualizar e editar HTML/CSS em tempo real | Ajustar estilos e ver resultados imediatos |
-| **Console** | Ver mensagens de erro e testar JavaScript | Depurar problemas e experimentar código |
+| Categoria da Ferramenta | O Que Ela Faz | Exemplo de Uso |
+|---------------|--------------|------------------|
+| **Inspetor de Elementos** | Ver e editar HTML/CSS em tempo real | Ajustar estilos para ver resultados imediatos |
+| **Console** | Visualizar mensagens de erro e testar JavaScript | Depurar problemas e experimentar com código |
 | **Monitor de Rede** | Acompanhar o carregamento de recursos | Otimizar desempenho e tempos de carregamento |
 | **Verificador de Acessibilidade** | Testar design inclusivo | Garantir que seu site funcione para todos os usuários |
-| **Simulador de Dispositivos** | Visualizar em diferentes tamanhos de tela | Testar design responsivo sem vários dispositivos |
+| **Simulador de Dispositivo** | Visualizar em diferentes tamanhos de tela | Testar design responsivo sem múltiplos dispositivos |
 
 #### Navegadores Recomendados para Desenvolvimento
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools padrão da indústria com documentação extensa
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excelentes ferramentas para CSS Grid e acessibilidade
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Baseado no Chromium com recursos de desenvolvimento da Microsoft
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Baseado no Chromium com recursos para desenvolvedores da Microsoft
 
-> ⚠️ **Dica Importante de Teste**: Sempre teste seus sites em vários navegadores! O que funciona perfeitamente no Chrome pode parecer diferente no Safari ou Firefox. Desenvolvedores profissionais testam em todos os navegadores principais para garantir experiências consistentes para os usuários.
+> ⚠️ **Dica Importante para Testes:** Sempre teste seus sites em múltiplos navegadores! O que funciona perfeitamente no Chrome pode parecer diferente no Safari ou Firefox. Desenvolvedores profissionais testam em todos os principais navegadores para garantir experiências consistentes.
 
-### Ferramentas de Linha de Comando: Seu Portal para Superpoderes de Desenvolvedor
+### Ferramentas de Linha de Comando: Sua Porta para Superpoderes de Desenvolvedor
 
-Ok, vamos ter um momento completamente honesto sobre a linha de comando, porque quero que você ouça isso de alguém que realmente entende. Quando eu vi pela primeira vez – aquela tela preta assustadora com texto piscando – eu literalmente pensei: "Não, de jeito nenhum! Isso parece algo de um filme de hacker dos anos 80, e eu definitivamente não sou inteligente o suficiente para isso!" 😅
+Beleza, vamos ter um momento totalmente honesto sobre a linha de comando, porque eu quero que você ouça isso de alguém que realmente entende. Quando eu a vi pela primeira vez – só aquela tela preta assustadora com texto piscando – eu literalmente pensei: "Não, de jeito nenhum! Isso parece coisa de filme de hacker dos anos 80, e eu definitivamente não sou inteligente o suficiente para isso!" 😅
 
-Mas aqui está o que eu gostaria que alguém tivesse me dito naquela época, e o que estou te dizendo agora: a linha de comando não é assustadora – na verdade, é como ter uma conversa direta com seu computador. Pense nisso como a diferença entre pedir comida por um aplicativo sofisticado com fotos e menus (que é legal e fácil) versus entrar no seu restaurante local favorito onde o chef sabe exatamente o que você gosta e pode preparar algo perfeito só com você dizendo "me surpreenda com algo incrível."
+Mas aqui está o que eu gostaria que alguém tivesse me dito naquela época, e estou te dizendo agora: a linha de comando não é assustadora – é como ter uma conversa direta com seu computador. Pense nisso como a diferença entre pedir comida por um app sofisticado com fotos e menus (que é legal e fácil) versus entrar no seu restaurante favorito onde o chef sabe exatamente o que você gosta e prepara algo perfeito só porque você disse "surpreenda-me com algo incrível."
 
-A linha de comando é onde os desenvolvedores vão para se sentir como verdadeiros magos. Você digita algumas palavras aparentemente mágicas (ok, são apenas comandos, mas parecem mágicos!), aperta enter, e BOOM – você criou estruturas inteiras de projetos, instalou ferramentas poderosas de todo o mundo ou implantou seu aplicativo na internet para milhões de pessoas verem. Depois que você experimenta esse poder pela primeira vez, é realmente viciante!
+A linha de comando é onde os desenvolvedores se sentem como verdadeiros magos. Você digita algumas palavras que parecem mágicas (ok, são apenas comandos, mas parecem mágicas!), aperta enter, e PAH – você criou toda a estrutura de um projeto, instalou ferramentas poderosas do mundo todo ou lançou seu app na internet para milhões verem. Quando você experimenta esse poder pela primeira vez, é sinceramente viciante!
 
 **Por que a linha de comando vai se tornar sua ferramenta favorita:**
 
-Embora as interfaces gráficas sejam ótimas para muitas tarefas, a linha de comando se destaca em automação, precisão e velocidade. Muitas ferramentas de desenvolvimento funcionam principalmente por meio de interfaces de linha de comando, e aprender a usá-las de forma eficiente pode melhorar drasticamente sua produtividade.
+Enquanto interfaces gráficas são ótimas para muitas tarefas, a linha de comando se destaca em automação, precisão e velocidade. Muitas ferramentas de desenvolvimento funcionam principalmente via linha de comando, e aprender a usá-las eficientemente pode melhorar muito sua produtividade.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Etapa 1: Crie e navegue até o diretório do projeto
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**O que este código faz:**
+**Aqui está o que esse código faz:**
 - **Cria** um novo diretório chamado "my-awesome-website" para seu projeto
-- **Navega** para o diretório recém-criado para começar a trabalhar
+- **Navega** para dentro do diretório recém-criado para começar a trabalhar
 
 ```bash
-# Step 2: Initialize project with package.json
+# Etapa 2: Inicialize o projeto com package.json
 npm init -y
 
-# Install modern development tools
+# Instale ferramentas modernas de desenvolvimento
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Passo a passo, aqui está o que está acontecendo:**
-- **Inicializa** um novo projeto Node.js com configurações padrão usando `npm init -y`
+**Passo a passo, veja o que está acontecendo:**
+- **Inicializa** um novo projeto Node.js com as configurações padrão usando `npm init -y`
 - **Instala** o Vite como uma ferramenta moderna de build para desenvolvimento rápido e builds de produção
-- **Adiciona** o Prettier para formatação automática de código e o ESLint para verificação de qualidade de código
-- **Usa** a flag `--save-dev` para marcar essas dependências como exclusivas de desenvolvimento
+- **Adiciona** o Prettier para formatação automática de código e o ESLint para verificações de qualidade
+- **Usa** a flag `--save-dev` para marcar essas dependências como apenas para desenvolvimento
 
 ```bash
-# Step 3: Create project structure and files
+# Etapa 3: Crie a estrutura e os arquivos do projeto
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Iniciar servidor de desenvolvimento
 npx vite
 ```
 
 **No exemplo acima, nós:**
 - **Organizamos** nosso projeto criando pastas separadas para código-fonte e recursos
-- **Geramos** um arquivo HTML básico com estrutura de documento adequada
-- **Iniciamos** o servidor de desenvolvimento do Vite para recarregamento ao vivo e substituição de módulos em tempo real
+- **Geramos** um arquivo HTML básico com a estrutura correta do documento
+- **Iniciamos** o servidor de desenvolvimento do Vite para recarga ao vivo e substituição a quente de módulos
 
 #### Ferramentas Essenciais de Linha de Comando para Desenvolvimento Web
 
-| Ferramenta | Propósito | Por que Você Precisa |
-|------------|-----------|----------------------|
-| **[Git](https://git-scm.com/)** | Controle de versão | Acompanhar mudanças, colaborar com outros, fazer backup do seu trabalho |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime de JavaScript & gerenciamento de pacotes | Executar JavaScript fora dos navegadores, instalar ferramentas modernas de desenvolvimento |
-| **[Vite](https://vitejs.dev/)** | Ferramenta de build & servidor de desenvolvimento | Desenvolvimento super rápido com substituição de módulos em tempo real |
-| **[ESLint](https://eslint.org/)** | Qualidade de código | Encontrar e corrigir problemas automaticamente no seu JavaScript |
-| **[Prettier](https://prettier.io/)** | Formatação de código | Manter seu código consistentemente formatado e legível |
+| Ferramenta | Propósito | Por Que Você Precisa |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Controle de versão | Rastrear mudanças, colaborar, fazer backup do seu trabalho |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gerenciador de pacotes | Executar JavaScript fora do navegador, instalar ferramentas modernas |
+| **[Vite](https://vitejs.dev/)** | Ferramenta de build & servidor de desenvolvimento | Desenvolvimento super-rápido com hot module replacement |
+| **[ESLint](https://eslint.org/)** | Qualidade de código | Encontrar e corrigir problemas automaticamente no JavaScript |
+| **[Prettier](https://prettier.io/)** | Formatação de código | Manter o código consistente e legível |
 
-#### Opções Específicas para Cada Plataforma
+#### Opções Específicas para Plataformas
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno e rico em recursos
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Ambiente de script poderoso
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Linha de comando tradicional do Windows
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno com muitos recursos
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Ambiente poderoso para scripts
+- **[Prompt de Comando](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Linha de comando tradicional do Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicativo de terminal embutido
@@ -665,194 +661,194 @@ npx vite
 
 > 💻 = Pré-instalado no sistema operacional
 
-> 🎯 **Caminho de Aprendizado**: Comece com comandos básicos como `cd` (mudar diretório), `ls` ou `dir` (listar arquivos) e `mkdir` (criar pasta). Pratique com comandos de fluxo de trabalho modernos como `npm install`, `git status` e `code .` (abre o diretório atual no VS Code). Conforme você se sentir mais confortável, naturalmente aprenderá comandos mais avançados e técnicas de automação.
+> 🎯 **Caminho de Aprendizagem:** Comece com comandos básicos como `cd` (mudar diretório), `ls` ou `dir` (listar arquivos) e `mkdir` (criar pasta). Pratique com comandos modernos de fluxo de trabalho como `npm install`, `git status` e `code .` (abre o diretório atual no VS Code). À medida que ganhar confiança, você naturalmente aprenderá comandos avançados e técnicas de automação.
 
 ### Documentação: Seu Mentor de Aprendizado Sempre Disponível
 
-Ok, vou compartilhar um pequeno segredo que vai te fazer sentir muito melhor sobre ser iniciante: até os desenvolvedores mais experientes passam uma grande parte do tempo lendo documentação. E isso não é porque eles não sabem o que estão fazendo – na verdade, é um sinal de sabedoria!
+Ok, deixe eu contar um segredinho que vai te fazer se sentir muito melhor por ser iniciante: até os desenvolvedores mais experientes gastam uma boa parte do tempo lendo documentação. E não é porque eles não sabem o que estão fazendo – na verdade, isso é sinal de sabedoria!
 
-Pense na documentação como ter acesso aos professores mais pacientes e experientes do mundo, disponíveis 24 horas por dia, 7 dias por semana. Está com um problema às 2 da manhã? A documentação está lá com um abraço virtual caloroso e exatamente a resposta que você precisa. Quer aprender sobre algum recurso novo e legal que todo mundo está comentando? A documentação está lá com exemplos passo a passo. Tentando entender por que algo funciona do jeito que funciona? Isso mesmo – a documentação está pronta para explicar de uma forma que finalmente faz sentido!
+Pense na documentação como ter acesso aos professores mais pacientes e conhecedores do mundo, disponíveis 24 horas por dia. Travado num problema às 2 da manhã? A documentação está lá com um abraço virtual e exatamente a resposta que você precisa. Quer aprender sobre algum recurso novo que todo mundo está comentando? A documentação te ajuda com exemplos passo a passo. Tentando entender por que algo funciona de determinada forma? Você já sabe – a documentação está pronta para explicar de um jeito que finalmente faça sentido!
 
-Aqui está algo que mudou completamente minha perspectiva: o mundo do desenvolvimento web avança incrivelmente rápido, e ninguém (eu quero dizer absolutamente ninguém!) mantém tudo memorizado. Já vi desenvolvedores seniores com mais de 15 anos de experiência pesquisarem sintaxes básicas, e sabe de uma coisa? Isso não é vergonhoso – é inteligente! Não se trata de ter uma memória perfeita; trata-se de saber onde encontrar respostas confiáveis rapidamente e entender como aplicá-las.
+Aqui vai algo que mudou completamente minha visão: o mundo do desenvolvimento web se move muito rápido, e ninguém (absolutamente ninguém!) decorou tudo. Já vi desenvolvedores seniores com mais de 15 anos de experiência consultar a sintaxe básica, e quer saber? Isso não é vergonhoso – é inteligente! Não é sobre ter memória perfeita; é sobre saber onde achar respostas confiáveis rapidamente e entender como aplicá-las.
 
-**Aqui está onde a verdadeira mágica acontece:**
+**É aqui que a verdadeira mágica acontece:**
 
-Desenvolvedores profissionais passam uma parte significativa do tempo lendo documentação – não porque não sabem o que estão fazendo, mas porque o cenário do desenvolvimento web evolui tão rapidamente que se manter atualizado exige aprendizado contínuo. Uma boa documentação ajuda você a entender não apenas *como* usar algo, mas *por que* e *quando* usá-lo.
+Desenvolvedores profissionais gastam uma parte significativa do tempo lendo documentação – não porque não sabem o que estão fazendo, mas porque o cenário do desenvolvimento web evolui tão rápido que se manter atualizado exige aprendizado contínuo. Uma boa documentação ajuda a entender não apenas *como* usar algo, mas *por que* e *quando* usá-lo.
 
 #### Recursos Essenciais de Documentação
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- O padrão ouro para documentação de tecnologias web
-- Guias abrangentes para HTML, CSS e JavaScript
-- Inclui informações de compatibilidade entre navegadores
-- Apresenta exemplos práticos e demos interativas
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
+- O padrão ouro para documentação de tecnologias web  
+- Guias completos para HTML, CSS e JavaScript  
+- Inclui informações sobre compatibilidade com navegadores  
+- Oferece exemplos práticos e demos interativas  
 
-**[Web.dev](https://web.dev)** (por Google)
-- Melhores práticas modernas de desenvolvimento web
-- Guias de otimização de desempenho
-- Princípios de acessibilidade e design inclusivo
-- Estudos de caso de projetos reais
+**[Web.dev](https://web.dev)** (do Google)  
+- Melhores práticas modernas de desenvolvimento web  
+- Guias de otimização de desempenho  
+- Princípios de acessibilidade e design inclusivo  
+- Estudos de caso de projetos reais  
 
-**[Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Recursos de desenvolvimento para o navegador Edge
-- Guias de Progressive Web Apps
-- Insights sobre desenvolvimento multiplataforma
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
+- Recursos para desenvolvimento no navegador Edge  
+- Guias de Progressive Web Apps  
+- Insights para desenvolvimento multiplataforma  
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Currículos de aprendizado estruturados
-- Cursos em vídeo com especialistas da indústria
-- Exercícios práticos de codificação
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
+- Currículos estruturados de aprendizagem  
+- Cursos em vídeo com especialistas do setor  
+- Exercícios práticos de programação  
 
-> 📚 **Estratégia de Estudo**: Não tente memorizar a documentação – em vez disso, aprenda a navegar por ela de forma eficiente. Salve nos favoritos as referências mais usadas e pratique usar as funções de busca para encontrar informações específicas rapidamente.
+> 📚 **Estratégia de Estudo:** Não tente decorar a documentação – em vez disso, aprenda a navegar nela eficientemente. Salve referências usadas com frequência e pratique usar a função de busca para encontrar informações específicas rapidamente.
 
-### 🔧 **Verificação de Domínio de Ferramentas: O que te interessa?**
+### 🔧 **Cheque de Domínio das Ferramentas: Com o Que Você Se Identifica?**
 
-**Tire um momento para refletir:**
-- Qual ferramenta você está mais animado para experimentar primeiro? (Não há resposta errada!)
-- A linha de comando ainda parece intimidante ou você está curioso sobre ela?
-- Você consegue imaginar usar as DevTools do navegador para explorar os bastidores dos seus sites favoritos?
+**Tire um momento para pensar:**
+- Qual ferramenta você está mais animado para experimentar primeiro? (Não existe resposta errada!)
+- A linha de comando ainda parece intimidante, ou você está curioso para ela?
+- Você consegue imaginar usar as DevTools do navegador para espiar por trás da cortina dos seus sites favoritos?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Tempo do Desenvolvedor Gasto com Ferramentas"
+    "Editor de Código" : 40
+    "Teste no Navegador" : 25
+    "Linha de Comando" : 15
+    "Lendo Documentação" : 15
+    "Depuração" : 5
 ```
+> **Curiosidade divertida**: A maioria dos desenvolvedores passa cerca de 40% do tempo no editor de código, mas repare quanto tempo vai para testes, aprendizado e resolução de problemas. Programar não é só escrever código – é criar experiências!
 
-> **Insight divertido**: A maioria dos desenvolvedores passa cerca de 40% do tempo no editor de código, mas perceba quanto tempo é dedicado a testes, aprendizado e resolução de problemas. Programar não é apenas escrever código – é criar experiências!
-
-✅ **Para pensar**: Aqui está algo interessante para refletir – como você acha que as ferramentas para construir sites (desenvolvimento) podem ser diferentes das ferramentas para projetar como eles se parecem (design)? É como a diferença entre ser um arquiteto que projeta uma casa bonita e o construtor que realmente a constrói. Ambos são cruciais, mas precisam de caixas de ferramentas diferentes! Esse tipo de pensamento realmente ajuda a ver o panorama geral de como os sites ganham vida.
+✅ **Para refletir**: Aqui vai uma questão interessante – como você acha que as ferramentas para construir sites (desenvolvimento) podem ser diferentes das ferramentas para projetar sua aparência (design)? É como a diferença entre um arquiteto que projeta uma casa bonita e o empreiteiro que realmente a constrói. Ambos são cruciais, mas precisam de caixas de ferramentas diferentes! Esse tipo de pensamento vai te ajudar a enxergar o panorama geral de como os sites ganham vida.
 
-## Desafio do Agente GitHub Copilot 🚀
+## Desafio Agente GitHub Copilot 🚀
 
-Use o modo Agent para completar o seguinte desafio:
+Use o modo Agente para completar o seguinte desafio:
 
-**Descrição:** Explore os recursos de um editor de código moderno ou IDE e demonstre como ele pode melhorar seu fluxo de trabalho como desenvolvedor web.
+**Descrição:** Explore as funcionalidades de um editor de código moderno ou IDE e demonstre como ele pode melhorar seu fluxo de trabalho como desenvolvedor web.
 
-**Prompt:** Escolha um editor de código ou IDE (como Visual Studio Code, WebStorm ou um IDE baseado em nuvem). Liste três recursos ou extensões que ajudam você a escrever, depurar ou manter o código de forma mais eficiente. Para cada um, forneça uma breve explicação de como ele beneficia seu fluxo de trabalho.
+**Prompt:** Escolha um editor de código ou IDE (como Visual Studio Code, WebStorm ou um IDE baseado na nuvem). Liste três recursos ou extensões que te ajudam a escrever, depurar ou manter código com mais eficiência. Para cada um, forneça uma breve explicação de como beneficia seu fluxo de trabalho.
 
 ---
 
 ## 🚀 Desafio
 
-**Pronto para o seu primeiro caso, detetive?**
+**Beleza, detetive, pronto para seu primeiro caso?**
 
-Agora que você tem essa base incrível, tenho uma aventura que vai te ajudar a ver como o mundo da programação é incrivelmente diverso e fascinante. E ouça – isso não é sobre escrever código ainda, então sem pressão! Pense em si mesmo como um detetive de linguagens de programação em seu primeiro caso emocionante!
+Agora que você tem essa base incrível, tenho uma aventura que vai te ajudar a ver o quão incrivelmente diverso e fascinante o mundo da programação realmente é. E escute – isso não é sobre escrever código ainda, então nada de pressão! Pense em você como um detetive de linguagens de programação no seu primeiro caso emocionante!
 
-**Sua missão, caso decida aceitá-la:**
-1. **Torne-se um explorador de linguagens**: Escolha três linguagens de programação de universos completamente diferentes – talvez uma que construa sites, outra que crie aplicativos móveis e outra que analise dados para cientistas. Encontre exemplos da mesma tarefa simples escrita em cada linguagem. Prometo que você vai ficar absolutamente impressionado com o quão diferentes elas podem parecer enquanto fazem exatamente a mesma coisa!
+**Sua missão, caso aceite:**
+1. **Se torne um explorador de linguagens**: Escolha três linguagens de programação de universos completamente diferentes – talvez uma para construir sites, outra para criar apps móveis e outra para analisar dados para cientistas. Encontre exemplos da mesma tarefa simples escritos em cada linguagem. Eu prometo que você vai ficar absolutamente impressionado como podem ser tão diferentes e ainda fazer exatamente a mesma coisa!
 
-2. **Descubra suas histórias de origem**: O que torna cada linguagem especial? Aqui está um fato interessante – cada linguagem de programação foi criada porque alguém pensou: "Sabe de uma coisa? Deve haver uma maneira melhor de resolver este problema específico." Você consegue descobrir quais eram esses problemas? Algumas dessas histórias são genuinamente fascinantes!
+2. **Descubra suas histórias de origem**: O que torna cada linguagem especial? Aqui vai um fato legal – toda linguagem de programação foi criada porque alguém pensou, "Sabe de uma coisa? Precisa haver uma forma melhor de resolver esse problema específico." Consegue descobrir quais eram esses problemas? Algumas dessas histórias são realmente fascinantes!
 
-3. **Conheça as comunidades**: Veja como cada comunidade de linguagem é acolhedora e apaixonada. Algumas têm milhões de desenvolvedores compartilhando conhecimento e ajudando uns aos outros, outras são menores, mas incrivelmente unidas e solidárias. Você vai adorar ver as diferentes personalidades dessas comunidades!
+3. **Conheça as comunidades**: Confira como é a recepção e o entusiasmo das comunidades de cada linguagem. Algumas têm milhões de desenvolvedores compartilhando conhecimento e ajudando uns aos outros, outras são menores mas super unidas e apoiadoras. Você vai adorar conhecer as diferentes personalidades dessas comunidades!
 
-4. **Siga sua intuição**: Qual linguagem parece mais acessível para você agora? Não se preocupe em fazer a escolha "perfeita" – apenas ouça seus instintos! Não há resposta errada aqui, e você sempre pode explorar outras mais tarde.
+4. **Siga seu instinto**: Qual linguagem parece mais acessível para você agora? Não se preocupe em fazer a escolha "perfeita" – ouça seu feeling! Não existe resposta errada aqui, e você sempre pode explorar outras depois.
 
-**Trabalho de detetive bônus**: Veja se consegue descobrir quais grandes sites ou aplicativos são construídos com cada linguagem. Garanto que você ficará surpreso ao saber o que alimenta o Instagram, Netflix ou aquele jogo móvel que você não consegue parar de jogar!
+**Trabalho extra do detetive:** Veja se consegue descobrir quais grandes sites ou apps são construídos com cada linguagem. Garanto que vai se surpreender ao saber o que move Instagram, Netflix ou aquele jogo mobile que você não para de jogar!
 
-> 💡 **Lembre-se**: Você não está tentando se tornar um especialista em nenhuma dessas linguagens hoje. Você está apenas conhecendo o bairro antes de decidir onde quer se estabelecer. Vá com calma, divirta-se e deixe sua curiosidade te guiar!
+> 💡 **Lembre-se**: Você não está tentando se tornar um expert em nenhuma dessas linguagens hoje. Você está apenas conhecendo a vizinhança antes de decidir onde quer se estabelecer. Vá com calma, divirta-se e deixe sua curiosidade te guiar!
 
-## Vamos Celebrar o que Você Descobriu!
+## Vamos Celebrar Tudo o Que Você Descobriu!
 
-Uau, você absorveu tanta informação incrível hoje! Estou genuinamente animado para ver o quanto dessa jornada incrível ficou com você. E lembre-se – isso não é um teste onde você precisa acertar tudo. É mais como uma celebração de todas as coisas legais que você aprendeu sobre esse mundo fascinante no qual está prestes a mergulhar!
+Nossa, você absorveu tanta informação incrível hoje! Estou genuinamente animado para ver quanto dessa jornada maravilhosa ficou com você. E lembre-se – isso não é uma prova em que você precisa acertar tudo. É mais uma celebração de tudo o que você aprendeu sobre esse mundo fascinante que está prestes a explorar!
 
-[Faça o quiz pós-aula](https://ff-quizzes.netlify.app/web/)
-## Revisão e Autoestudo
+[Faça o quiz após a aula](https://ff-quizzes.netlify.app/web/)
 
-**Tire um tempo para explorar e se divertir com isso!**
+## Revisão & Autoestudo
 
-Você cobriu muita coisa hoje, e isso é algo para se orgulhar! Agora vem a parte divertida – explorar os tópicos que despertaram sua curiosidade. Lembre-se, isso não é tarefa de casa – é uma aventura!
+**Tire seu tempo para explorar e se divertir!**
+Você percorreu um longo caminho hoje, e isso é algo para se orgulhar! Agora vem a parte divertida – explorar os tópicos que despertaram sua curiosidade. Lembre-se, isso não é dever de casa – é uma aventura!
 
-**Aprofunde-se no que te empolga:**
+**Aprofunde-se no que te anima:**
 
-**Coloque a mão na massa com linguagens de programação:**
+**Comece a usar as linguagens de programação:**
 - Visite os sites oficiais de 2-3 linguagens que chamaram sua atenção. Cada uma tem sua própria personalidade e história!
-- Experimente alguns playgrounds de código online como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ou [Replit](https://replit.com/). Não tenha medo de experimentar – você não vai quebrar nada!
-- Leia sobre como sua linguagem favorita surgiu. Sério, algumas dessas histórias de origem são fascinantes e vão te ajudar a entender por que as linguagens funcionam do jeito que funcionam.
+- Experimente alguns playgrounds de código online como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ou [Replit](https://replit.com/). Não tenha medo de experimentar – você não vai quebrar nada!
+- Leia sobre como sua linguagem favorita surgiu. Sério, algumas dessas histórias de origem são fascinantes e vão ajudar você a entender por que as linguagens funcionam do jeito que funcionam.
 
-**Fique confortável com suas novas ferramentas:**
-- Baixe o Visual Studio Code, se ainda não fez isso – é gratuito e você vai adorar!
-- Passe alguns minutos navegando no marketplace de Extensões. É como uma loja de aplicativos para seu editor de código!
-- Abra as Ferramentas de Desenvolvedor do seu navegador e clique por aí. Não se preocupe em entender tudo – apenas familiarize-se com o que está lá.
+**Fique familiarizado com suas novas ferramentas:**
+- Baixe o Visual Studio Code se ainda não o fez – é gratuito e você vai adorar!
+- Passe alguns minutos navegando pelo marketplace de Extensões. É como uma loja de apps para seu editor de código!
+- Abra as Ferramentas de Desenvolvedor do seu navegador e explore um pouco. Não se preocupe em entender tudo – apenas familiarize-se com o que está lá.
 
-**Participe da comunidade:**
-- Siga algumas comunidades de desenvolvedores no [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ou [GitHub](https://github.com/). A comunidade de programação é incrivelmente acolhedora para iniciantes!
-- Assista a alguns vídeos de programação para iniciantes no YouTube. Há muitos criadores incríveis que se lembram de como é estar começando.
-- Considere participar de encontros locais ou comunidades online. Acredite, desenvolvedores adoram ajudar iniciantes!
+**Junte-se à comunidade:**
+- Siga algumas comunidades de desenvolvedores no [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ou [GitHub](https://github.com/). A comunidade de programação é extremamente receptiva a iniciantes!
+- Assista a vídeos de programação para iniciantes no YouTube. Existem muitos criadores excelentes que lembram como é começar do zero.
+- Considere participar de meetups locais ou comunidades online. Acredite, desenvolvedores adoram ajudar quem está começando!
 
-> 🎯 **Ouça, aqui está o que eu quero que você lembre**: Não se espera que você se torne um mestre em programação da noite para o dia! Agora, você está apenas conhecendo este mundo incrível do qual está prestes a fazer parte. Vá com calma, aproveite a jornada e lembre-se – todo desenvolvedor que você admira já esteve exatamente onde você está agora, sentindo-se empolgado e talvez um pouco sobrecarregado. Isso é totalmente normal e significa que você está no caminho certo!
+> 🎯 **Ouça, aqui está o que quero que você lembre**: Você não precisa se tornar um mago da programação da noite para o dia! Agora, você está apenas conhecendo esse mundo incrível que está prestes a fazer parte. Vá com calma, aproveite a jornada e lembre-se – todo desenvolvedor que você admira já esteve exatamente onde você está agora, sentindo-se empolgado e talvez um pouco sobrecarregado. Isso é totalmente normal, e significa que você está no caminho certo!
 
 
 
-## Tarefa
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Um pequeno empurrão para sua tarefa**: Eu adoraria ver você explorar algumas ferramentas que ainda não abordamos! Pule os editores, navegadores e ferramentas de linha de comando que já discutimos – existe todo um universo incrível de ferramentas de desenvolvimento esperando para ser descoberto. Procure por aquelas que são ativamente mantidas e têm comunidades vibrantes e úteis (essas tendem a ter os melhores tutoriais e as pessoas mais solidárias quando você inevitavelmente ficar preso e precisar de uma mão amiga).
+> 💡 **Um pequeno empurrão para sua tarefa**: Eu adoraria ver você explorar algumas ferramentas que ainda não cobrimos! Pule os editores, navegadores e ferramentas de linha de comando de que já falamos – existe um universo incrível de ferramentas de desenvolvimento esperando para ser descoberto. Procure aquelas que são ativamente mantidas e têm comunidades vibrantes e prestativas (essas tendem a ter os melhores tutoriais e as pessoas mais solidárias quando você inevitavelmente ficar travado e precisar de uma ajuda amigável).
 
 ---
 
-## 🚀 Sua Linha do Tempo na Jornada de Programação
+## 🚀 Seu Cronograma de Jornada na Programação
 
 ### ⚡ **O que você pode fazer nos próximos 5 minutos**
-- [ ] Adicione aos favoritos os sites de 2-3 linguagens de programação que chamaram sua atenção
-- [ ] Baixe o Visual Studio Code, se ainda não fez isso
-- [ ] Abra as DevTools do seu navegador (F12) e clique por aí em qualquer site
-- [ ] Participe de uma comunidade de programação (Dev.to, Reddit r/webdev ou Stack Overflow)
+- [ ] Salvar nos favoritos 2-3 sites de linguagens de programação que chamaram sua atenção
+- [ ] Baixar o Visual Studio Code se ainda não fez
+- [ ] Abrir as DevTools do navegador (F12) e clicar por qualquer site
+- [ ] Entrar em uma comunidade de programação (Dev.to, Reddit r/webdev, ou Stack Overflow)
 
 ### ⏰ **O que você pode realizar nesta hora**
-- [ ] Complete o quiz pós-aula e reflita sobre suas respostas
-- [ ] Configure o VS Code com a extensão GitHub Copilot
-- [ ] Experimente um exemplo de "Hello World" em 2 linguagens de programação diferentes online
-- [ ] Assista a um vídeo "Um dia na vida de um desenvolvedor" no YouTube
-- [ ] Comece sua investigação sobre linguagens de programação (do desafio)
+- [ ] Completar o quiz pós-aula e refletir sobre suas respostas
+- [ ] Configurar o VS Code com a extensão GitHub Copilot
+- [ ] Experimentar um exemplo "Hello World" em 2 linguagens de programação online
+- [ ] Assistir a um vídeo "Um dia na vida de um desenvolvedor" no YouTube
+- [ ] Começar sua investigação sobre linguagens de programação (do desafio)
 
 ### 📅 **Sua aventura de uma semana**
-- [ ] Complete a tarefa e explore 3 novas ferramentas de desenvolvimento
-- [ ] Siga 5 desenvolvedores ou contas de programação nas redes sociais
-- [ ] Experimente criar algo pequeno no CodePen ou Replit (mesmo que seja só "Olá, [Seu Nome]!")
-- [ ] Leia um post de blog de um desenvolvedor sobre a jornada dele na programação
-- [ ] Participe de um encontro virtual ou assista a uma palestra sobre programação
-- [ ] Comece a aprender a linguagem escolhida com tutoriais online
-
-### 🗓️ **Sua transformação de um mês**
-- [ ] Construa seu primeiro projeto pequeno (mesmo uma página simples conta!)
-- [ ] Contribua para um projeto de código aberto (comece com correções de documentação)
-- [ ] Mentore alguém que está começando sua jornada de programação
-- [ ] Crie seu site de portfólio de desenvolvedor
-- [ ] Conecte-se com comunidades locais de desenvolvedores ou grupos de estudo
-- [ ] Comece a planejar seu próximo marco de aprendizado
-
-### 🎯 **Reflexão Final**
-
-**Antes de seguir em frente, tire um momento para celebrar:**
+- [ ] Completar a tarefa e explorar 3 novas ferramentas de desenvolvimento
+- [ ] Seguir 5 desenvolvedores ou contas de programação nas redes sociais
+- [ ] Tentar criar algo pequeno no CodePen ou Replit (mesmo que seja só "Olá, [Seu Nome]!")
+- [ ] Ler um post de blog de um desenvolvedor sobre a jornada de codificação dele
+- [ ] Participar de um meetup virtual ou assistir a uma palestra sobre programação
+- [ ] Começar a aprender sua linguagem escolhida com tutoriais online
+
+### 🗓️ **Sua transformação em um mês**
+- [ ] Construir seu primeiro projeto pequeno (mesmo uma página web simples conta!)
+- [ ] Contribuir para um projeto open-source (comece com correções na documentação)
+- [ ] Mentorar alguém que está começando a jornada de programação
+- [ ] Criar seu site portfólio de desenvolvedor
+- [ ] Conectar-se com comunidades locais de desenvolvedores ou grupos de estudo
+- [ ] Começar a planejar seu próximo marco de aprendizado
+
+### 🎯 **Checagem final de reflexão**
+
+**Antes de continuar, reserve um momento para celebrar:**
 - Qual foi uma coisa sobre programação que te empolgou hoje?
 - Qual ferramenta ou conceito você quer explorar primeiro?
-- Como você se sente ao começar essa jornada de programação?
-- Qual pergunta você gostaria de fazer a um desenvolvedor agora?
+- Como você se sente ao começar essa jornada na programação?
+- Qual é uma pergunta que você gostaria de fazer a um desenvolvedor agora?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title Sua Jornada de Construção de Confiança
+    section Hoje
+      Curioso: 3: Você
+      Sobrecarregado: 4: Você
+      Animado: 5: Você
+    section Esta Semana
+      Explorando: 4: Você
+      Aprendendo: 5: Você
+      Conectando: 4: Você
+    section Próximo Mês
+      Construindo: 5: Você
+      Confiante: 5: Você
+      Ajudando os Outros: 5: Você
 ```
-
-> 🌟 **Lembre-se**: Todo especialista já foi um iniciante. Todo desenvolvedor sênior já se sentiu exatamente como você agora – empolgado, talvez um pouco sobrecarregado, e definitivamente curioso sobre o que é possível. Você está em ótima companhia, e essa jornada vai ser incrível. Bem-vindo ao maravilhoso mundo da programação! 🎉
+> 🌟 **Lembre-se**: Todo especialista já foi um iniciante. Todo desenvolvedor sênior já sentiu exatamente o que você sente agora – empolgado, talvez um pouco sobrecarregado, e definitivamente curioso sobre o que é possível. Você está em uma companhia incrível, e essa jornada vai ser sensacional. Bem-vindo ao maravilhoso mundo da programação! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Aviso Legal**:  
-Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
\ No newline at end of file
+Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional feita por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-BR/AGENTS.md b/translations/pt-BR/AGENTS.md
index 19223ad5a..30203ec52 100644
--- a/translations/pt-BR/AGENTS.md
+++ b/translations/pt-BR/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Visão Geral do Projeto
 
-Este é um repositório curricular educacional para ensinar os fundamentos do desenvolvimento web para iniciantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas cobrindo JavaScript, CSS e HTML.
+Este é um repositório de currículo educacional para ensinar fundamentos de desenvolvimento web para iniciantes. O currículo é um curso completo de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas cobrindo JavaScript, CSS e HTML.
 
 ### Componentes Principais
 
-- **Conteúdo Educacional**: 24 aulas estruturadas organizadas em módulos baseados em projetos  
-- **Projetos Práticos**: Terrarium, Typing Game, Extensão de Navegador, Space Game, Aplicativo Bancário, Editor de Código e Assistente de Chat com IA  
-- **Quizzes Interativos**: 48 quizzes com 3 perguntas cada (avaliações pré/pós-aula)  
-- **Suporte Multilíngue**: Traduções automáticas para 50+ idiomas via GitHub Actions  
-- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA)  
+- **Conteúdo Educacional**: 24 lições estruturadas organizadas em módulos baseados em projetos
+- **Projetos Práticos**: Terrário, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicativo Bancário, Editor de Código e Assistente de Chat com IA
+- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré e pós-lição)
+- **Suporte Multilíngue**: Traduções automáticas para mais de 50 idiomas via GitHub Actions
+- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA)
 
 ### Arquitetura
 
-- Repositório educacional com estrutura baseada em aulas  
-- Cada pasta de aula contém README, exemplos de código e soluções  
-- Projetos independentes em diretórios separados (quiz-app, vários projetos de aula)  
-- Sistema de tradução usando GitHub Actions (co-op-translator)  
-- Documentação servida via Docsify e disponível em PDF  
+- Repositório educacional com estrutura baseada em lições
+- Cada pasta de lição contém README, exemplos de código e soluções
+- Projetos independentes em diretórios separados (quiz-app, vários projetos de lição)
+- Sistema de tradução usando GitHub Actions (co-op-translator)
+- Documentação servida via Docsify e disponível em PDF
 
 ## Comandos de Configuração
 
-Este repositório é destinado principalmente para consumo de conteúdo educacional. Para trabalhar com projetos específicos:
+Este repositório é destinado principalmente ao consumo de conteúdo educacional. Para trabalhar com projetos específicos:
 
 ### Configuração Principal do Repositório
 
@@ -37,7 +37,7 @@ cd Web-Dev-For-Beginners
 cd quiz-app
 npm install
 npm run dev        # Iniciar servidor de desenvolvimento
-npm run build      # Compilar para produção
+npm run build      # Construir para produção
 npm run lint       # Executar ESLint
 ```
 
@@ -59,7 +59,7 @@ npm install
 # Siga as instruções específicas do navegador para carregar extensões
 ```
 
-### Projetos de Space Game
+### Projetos de Jogo Espacial
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Abra index.html no navegador ou use o Live Server
 ```
 
-### Projeto de Chat (Backend Python)
+### Projeto de Chat (Backend em Python)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -78,31 +78,31 @@ python api.py
 
 ## Fluxo de Desenvolvimento
 
-### Para Colaboradores de Conteúdo
+### Para Contribuidores de Conteúdo
 
-1. **Faça um fork** do repositório para sua conta no GitHub  
-2. **Clone seu fork** localmente  
-3. **Crie uma nova branch** para suas alterações  
-4. Faça mudanças no conteúdo das aulas ou exemplos de código  
-5. Teste qualquer alteração de código nos diretórios dos projetos relevantes  
-6. Envie pull requests seguindo as diretrizes de contribuição  
+1. **Faça um fork do repositório** para sua conta do GitHub
+2. **Clone seu fork** localmente
+3. **Crie uma nova branch** para suas alterações
+4. Faça mudanças no conteúdo das lições ou exemplos de código
+5. Teste quaisquer alterações de código nos diretórios dos projetos relevantes
+6. Envie pull requests seguindo as diretrizes de contribuição
 
-### Para Aprendizes
+### Para Estudantes
 
-1. Faça fork ou clone o repositório  
-2. Navegue sequencialmente pelas pastas das aulas  
-3. Leia os arquivos README de cada aula  
-4. Complete os quizzes pré-aula em https://ff-quizzes.netlify.app/web/  
-5. Trabalhe nos exemplos de código nas pastas das aulas  
-6. Complete tarefas e desafios  
-7. Realize os quizzes pós-aula  
+1. Faça fork ou clone o repositório
+2. Navegue pelas pastas das lições sequencialmente
+3. Leia os arquivos README de cada lição
+4. Complete os questionários pré-lição em https://ff-quizzes.netlify.app/web/
+5. Trabalhe nos exemplos de código nas pastas das lições
+6. Complete tarefas e desafios
+7. Faça os questionários pós-lição
 
-### Desenvolvimento Ao Vivo
+### Desenvolvimento ao Vivo
 
-- **Documentação**: Execute `docsify serve` na raiz (porta 3000)  
-- **Quiz App**: Execute `npm run dev` no diretório quiz-app  
-- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML  
-- **Projetos API**: Execute `npm start` nos diretórios das APIs respectivas  
+- **Documentação**: Execute `docsify serve` na raiz (porta 3000)
+- **Quiz App**: Execute `npm run dev` no diretório quiz-app
+- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML
+- **Projetos de API**: Execute `npm start` nos respectivos diretórios de API
 
 ## Instruções de Teste
 
@@ -110,71 +110,71 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # Verificar problemas de estilo de código
-npm run build      # Verificar se a compilação foi bem-sucedida
+npm run lint       # Verifique problemas no estilo do código
+npm run build      # Verifique se a compilação foi bem-sucedida
 ```
 
 ### Teste da API Bancária
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Verificar problemas no estilo do código
-node server.js     # Verificar se o servidor inicia sem erros
+npm run lint       # Verifique problemas de estilo de código
+node server.js     # Verifique se o servidor inicia sem erros
 ```
 
 ### Abordagem Geral de Testes
 
-- Este é um repositório educacional sem testes automatizados abrangentes  
-- Testes manuais focam em:  
-  - Exemplos de código executando sem erros  
-  - Links na documentação funcionando corretamente  
-  - Builds dos projetos completando com sucesso  
-  - Exemplos seguindo boas práticas  
+- Este é um repositório educacional sem testes automatizados abrangentes
+- Os testes manuais focam em:
+  - Exemplos de código executam sem erros
+  - Links na documentação funcionam corretamente
+  - Builds dos projetos completam com sucesso
+  - Exemplos seguem boas práticas
 
-### Verificações Pré-envio
+### Verificações Antes de Enviar
 
-- Execute `npm run lint` nos diretórios com package.json  
-- Verifique se os links markdown são válidos  
-- Teste exemplos de código no navegador ou Node.js  
-- Confira se as traduções mantêm a estrutura adequada  
+- Execute `npm run lint` em diretórios com package.json
+- Verifique se os links markdown são válidos
+- Teste exemplos de código no navegador ou Node.js
+- Confira se as traduções mantêm estrutura adequada
 
 ## Diretrizes de Estilo de Código
 
 ### JavaScript
 
-- Use sintaxe moderna ES6+  
-- Siga as configurações padrão do ESLint fornecidas nos projetos  
-- Use nomes significativos para variáveis e funções para clareza educacional  
-- Adicione comentários explicando conceitos para os aprendizes  
-- Formate usando Prettier onde configurado  
+- Use sintaxe moderna ES6+
+- Siga as configurações padrão do ESLint fornecidas nos projetos
+- Use nomes de variáveis e funções significativos para clareza educacional
+- Adicione comentários explicando conceitos para os estudantes
+- Formate usando Prettier onde configurado
 
 ### HTML/CSS
 
-- Elementos semânticos HTML5  
-- Princípios de design responsivo  
-- Convenções claras de nomes de classes  
-- Comentários explicando técnicas de CSS para os aprendizes  
+- Elementos semânticos HTML5
+- Princípios de design responsivo
+- Convenções claras para nomes de classes
+- Comentários explicando técnicas CSS para os estudantes
 
 ### Python
 
-- Diretrizes de estilo PEP 8  
-- Exemplos claros e educacionais de código  
-- Dicas de tipo onde forem úteis para o aprendizado  
+- Diretrizes de estilo PEP 8
+- Exemplos de código claros e educativos
+- Anotações de tipo onde forem úteis para aprendizagem
 
 ### Documentação Markdown
 
-- Hierarquia clara de títulos  
-- Blocos de código com especificação de linguagem  
-- Links para recursos adicionais  
-- Capturas de tela e imagens nas pastas `images/`  
-- Texto alternativo para imagens para acessibilidade  
+- Hierarquia clara de títulos
+- Blocos de código com especificação de linguagem
+- Links para recursos adicionais
+- Capturas de tela e imagens em diretórios `images/`
+- Texto alternativo para imagens para acessibilidade
 
 ### Organização de Arquivos
 
-- Aulas numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)  
-- Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/`  
-- Imagens armazenadas em pastas `images/` específicas da aula  
-- Traduções em estrutura `translations/{language-code}/`  
+- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)
+- Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/`
+- Imagens armazenadas em pastas `images/` específicas das lições
+- Traduções na estrutura `translations/{language-code}/`
 
 ## Build e Implantação
 
@@ -185,13 +185,13 @@ O quiz-app está configurado para implantação no Azure Static Web Apps:
 ```bash
 cd quiz-app
 npm run build      # Cria a pasta dist/
-# Faz o deploy via workflow do GitHub Actions ao fazer push na branch main
+# Faz o deploy via workflow do GitHub Actions em push para main
 ```
-  
-Configuração do Azure Static Web Apps:  
-- **Localização do app**: `/quiz-app`  
-- **Localização do output**: `dist`  
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+
+Configuração do Azure Static Web Apps:
+- **Localização do app**: `/quiz-app`
+- **Localização de output**: `dist`
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Geração de PDF da Documentação
 
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Instalar Docsify globalmente
 docsify serve                 # Servir em localhost:3000
 ```
 
-### Builds Específicos de Projeto
+### Builds Específicos de Projetos
 
-Cada diretório de projeto pode ter seu próprio processo de build:  
-- Projetos Vue: `npm run build` cria pacotes de produção  
-- Projetos estáticos: Sem etapa de build, servir arquivos diretamente  
+Cada diretório de projeto pode ter seu próprio processo de build:
+- Projetos Vue: `npm run build` cria bundles de produção
+- Projetos estáticos: Nenhuma etapa de build, sirva arquivos diretamente
 
 ## Diretrizes para Pull Requests
 
 ### Formato do Título
 
-Use títulos claros e descritivos indicando a área da mudança:  
-- `[Quiz-app] Adiciona novo quiz para aula X`  
-- `[Lesson-3] Corrige erro de digitação no projeto terrarium`  
-- `[Translation] Adiciona tradução para espanhol na aula 5`  
-- `[Docs] Atualiza instruções de configuração`  
+Use títulos claros e descritivos indicando a área da alteração:
+- `[Quiz-app] Adicionar novo quiz para a lição X`
+- `[Lesson-3] Corrigir erro de digitação no projeto terrarium`
+- `[Translation] Adicionar tradução para espanhol da lição 5`
+- `[Docs] Atualizar instruções de configuração`
 
-### Verificações Necessárias
+### Verificações Obrigatórias
 
 Antes de enviar um PR:
 
-1. **Qualidade do Código**:  
-   - Execute `npm run lint` nos diretórios dos projetos afetados  
-   - Corrija todos os erros e avisos do lint  
+1. **Qualidade do Código**:
+   - Execute `npm run lint` nos diretórios dos projetos afetados
+   - Corrija todos os erros e avisos de lint
 
-2. **Verificação do Build**:  
-   - Execute `npm run build` se aplicável  
-   - Garanta que não haja erros no build  
+2. **Verificação de Build**:
+   - Execute `npm run build`, se aplicável
+   - Garanta que não haja erros no build
 
-3. **Validação de Links**:  
-   - Teste todos os links markdown  
-   - Verifique se referências de imagens funcionam  
+3. **Validação de Links**:
+   - Teste todos os links markdown
+   - Verifique referências de imagens funcionando
 
-4. **Revisão de Conteúdo**:  
-   - Revise ortografia e gramática  
-   - Garanta que exemplos de código estão corretos e educativos  
-   - Verifique se as traduções mantêm o significado original  
+4. **Revisão de Conteúdo**:
+   - Faça revisão ortográfica e gramatical
+   - Confirme que exemplos de código estão corretos e educativos
+   - Verifique se traduções mantêm o significado original
 
-### Requisitos de Contribuição
+### Requisitos para Contribuição
 
-- Aceitar o Microsoft CLA (verificação automática no primeiro PR)  
-- Seguir o [Código de Conduta de Código Aberto da Microsoft](https://opensource.microsoft.com/codeofconduct/)  
-- Consulte [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas  
-- Referencie números de issues na descrição do PR se aplicável  
+- Aceitar o Microsoft CLA (verificação automática no primeiro PR)
+- Seguir o [Código de Conduta de Código Aberto da Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Ver [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas
+- Referenciar números de issues na descrição do PR se aplicável
 
 ### Processo de Revisão
 
-- PRs são revisados por mantenedores e comunidade  
-- Clareza educacional é priorizada  
-- Exemplos de código devem seguir as melhores práticas atuais  
-- Traduções são revisadas para precisão e adequação cultural  
+- PRs revisados por mantenedores e comunidade
+- Clareza educacional é prioridade
+- Exemplos de código devem seguir as melhores práticas atuais
+- Traduções são revisadas para precisão e adequação cultural
 
 ## Sistema de Tradução
 
-### Tradução Automática
+### Tradução Automatizada
 
-- Utiliza GitHub Actions com workflow co-op-translator  
-- Tradução automática para 50+ idiomas  
-- Arquivos fonte nos diretórios principais  
-- Arquivos traduzidos em diretórios `translations/{language-code}/`  
+- Usa GitHub Actions com workflow co-op-translator
+- Tradução para mais de 50 idiomas automaticamente
+- Arquivos fonte nos diretórios principais
+- Arquivos traduzidos em diretórios `translations/{language-code}/`
 
-### Adicionando Melhorias Manuais à Tradução
+### Adicionando Melhorias Manuais de Tradução
 
-1. Localize o arquivo em `translations/{language-code}/`  
-2. Faça melhorias preservando a estrutura  
-3. Assegure que exemplos de código continuem funcionais  
-4. Teste qualquer conteúdo de quiz localizado  
+1. Encontre o arquivo em `translations/{language-code}/`
+2. Faça melhorias preservando a estrutura
+3. Garanta que exemplos de código permaneçam funcionais
+4. Teste qualquer conteúdo localizado de quizzes
 
 ### Metadados da Tradução
 
-Arquivos traduzidos incluem cabeçalho de metadados:  
+Arquivos traduzidos incluem cabeçalho metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
+
 ## Depuração e Solução de Problemas
 
 ### Problemas Comuns
 
-**Quiz app não inicia**:  
-- Verifique a versão do Node.js (recomendado v14+)  
-- Exclua `node_modules` e `package-lock.json`, rode `npm install` novamente  
-- Verifique conflitos de porta (padrão: Vite usa porta 5173)  
+**Quiz app não inicia**:
+- Verifique a versão do Node.js (recomendado v14+)
+- Delete `node_modules` e `package-lock.json`, execute `npm install` novamente
+- Cheque conflitos de porta (padrão: Vite usa porta 5173)
 
-**Servidor API não inicia**:  
-- Confirme que a versão do Node.js atende o mínimo (node >=10)  
-- Verifique se a porta já está em uso  
-- Garanta que todas as dependências estejam instaladas com `npm install`  
+**Servidor API não inicia**:
+- Verifique se versão do Node.js é mínima (node >=10)
+- Verifique se a porta já está em uso
+- Confirme todas as dependências instaladas com `npm install`
 
-**Extensão de navegador não carrega**:  
-- Verifique se o manifest.json está formatado corretamente  
-- Cheque o console do navegador para erros  
-- Siga instruções específicas para instalação da extensão no navegador  
+**Extensão do navegador não carrega**:
+- Verifique se manifest.json está formatado corretamente
+- Cheque console do navegador para erros
+- Siga instruções específicas do navegador para instalação da extensão
 
-**Problemas no projeto de chat Python**:  
-- Certifique-se que o pacote OpenAI esteja instalado: `pip install openai`  
-- Verifique se a variável de ambiente GITHUB_TOKEN está configurada  
-- Confira permissões de acesso ao GitHub Models  
+**Problemas no projeto de chat em Python**:
+- Certifique-se que o pacote OpenAI está instalado: `pip install openai`
+- Verifique se a variável de ambiente GITHUB_TOKEN está configurada
+- Cheque permissões de acesso ao GitHub Models
 
-**Docsify não serve a documentação**:  
-- Instale docsify-cli globalmente: `npm install -g docsify-cli`  
-- Execute a partir do diretório raiz do repositório  
-- Verifique se `docs/_sidebar.md` existe  
+**Docsify não serve documentação**:
+- Instale docsify-cli globalmente: `npm install -g docsify-cli`
+- Rode a partir do diretório raiz do repositório
+- Verifique se `docs/_sidebar.md` existe
 
 ### Dicas para Ambiente de Desenvolvimento
 
-- Use VS Code com extensão Live Server para projetos HTML  
-- Instale as extensões ESLint e Prettier para formatação consistente  
-- Use DevTools do navegador para depuração de JavaScript  
-- Para projetos Vue, instale a extensão Vue DevTools no navegador  
+- Use VS Code com extensão Live Server para projetos HTML
+- Instale extensões ESLint e Prettier para formatação consistente
+- Use DevTools do navegador para depurar JavaScript
+- Para projetos Vue, instale extensão Vue DevTools no navegador
 
 ### Considerações de Performance
 
-- Grande número de arquivos traduzidos (50+ idiomas) torna clones completos grandes  
-- Use clone superficial se trabalhar apenas com conteúdo: `git clone --depth 1`  
-- Exclua traduções das buscas ao trabalhar com conteúdo em inglês  
-- Processos de build podem ser lentos na primeira execução (npm install, build do Vite)  
+- Grande número de arquivos traduzidos (50+ idiomas) torna clones completos grandes
+- Use clone superficial se trabalhar só com conteúdo: `git clone --depth 1`
+- Exclua traduções de buscas ao trabalhar com conteúdo em inglês
+- Processos de build podem ser lentos na primeira execução (npm install, build Vite)
 
 ## Considerações de Segurança
 
 ### Variáveis de Ambiente
 
-- Chaves API nunca devem ser commitadas no repositório  
-- Use arquivos `.env` (já no `.gitignore`)  
-- Documente variáveis de ambiente necessárias nos READMEs dos projetos  
+- Chaves de API nunca devem ser commitadas no repositório
+- Use arquivos `.env` (já no `.gitignore`)
+- Documente variáveis de ambiente necessárias nos READMEs dos projetos
 
 ### Projetos Python
 
-- Use ambientes virtuais: `python -m venv venv`  
-- Mantenha dependências atualizadas  
-- Tokens GitHub devem ter permissões mínimas necessárias  
+- Use ambientes virtuais: `python -m venv venv`
+- Mantenha dependências atualizadas
+- Tokens do GitHub devem ter permissões mínimas necessárias
 
 ### Acesso aos GitHub Models
 
-- Tokens de Acesso Pessoal (PAT) são necessários para GitHub Models  
-- Tokens devem ser armazenados como variáveis de ambiente  
-- Nunca commit tokens ou credenciais  
+- Tokens de acesso pessoal (PAT) são necessários para GitHub Models
+- Tokens devem ser armazenados como variáveis de ambiente
+- Nunca commit tokens ou credenciais
 
 ## Notas Adicionais
 
-### Público-Alvo
+### Público Alvo
 
-- Começantes completos em desenvolvimento web  
-- Estudantes e autodidatas  
-- Professores usando o currículo em salas de aula  
-- Conteúdo projetado para acessibilidade e desenvolvimento gradual de habilidades  
+- Iniciantes completos em desenvolvimento web
+- Estudantes e autodidatas
+- Professores usando o currículo em salas de aula
+- Conteúdo projetado para acessibilidade e aprendizado gradual
 
 ### Filosofia Educacional
 
-- Aprendizado baseado em projetos  
-- Verificações frequentes de conhecimento (quizzes)  
-- Exercícios práticos de codificação  
-- Exemplos de aplicações do mundo real  
-- Foco em fundamentos antes de frameworks  
+- Abordagem baseada em projetos
+- Verificações frequentes de conhecimento (quizzes)
+- Exercícios práticos de codificação
+- Exemplos de aplicação reais
+- Foco em fundamentos antes de frameworks
 
 ### Manutenção do Repositório
 
-- Comunidade ativa de aprendizes e colaboradores  
-- Atualizações regulares em dependências e conteúdo  
-- Issues e discussões monitoradas por mantenedores  
-- Atualizações de tradução automatizadas via GitHub Actions  
+- Comunidade ativa de estudantes e contribuidores
+- Atualizações regulares de dependências e conteúdo
+- Issues e discussões monitoradas por mantenedores
+- Atualizações de tradução automatizadas via GitHub Actions
 
 ### Recursos Relacionados
 
-- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)  
-- [Recursos do Student Hub](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes  
-- Cursos adicionais: Currículos de IA Generativa, Ciência de Dados, ML, IoT disponíveis  
+- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)
+- [Recursos do Student Hub](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para estudantes
+- Cursos adicionais: IA Generativa, Ciência de Dados, ML, currículos de IoT disponíveis
 
 ### Trabalhando com Projetos Específicos
 
-Para instruções detalhadas sobre projetos individuais, veja os arquivos README em:  
-- `quiz-app/README.md` - Aplicação quiz Vue 3  
-- `7-bank-project/README.md` - Aplicativo bancário com autenticação  
-- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador  
-- `6-space-game/README.md` - Desenvolvimento de jogo baseado em canvas  
-- `9-chat-project/README.md` - Projeto de assistente de chat AI  
+Para instruções detalhadas sobre projetos individuais, consulte os arquivos README em:
+- `quiz-app/README.md` - Aplicativo de quiz Vue 3
+- `7-bank-project/README.md` - Aplicativo bancário com autenticação
+- `5-browser-extension/README.md` - Desenvolvimento de extensão de navegador
+- `6-space-game/README.md` - Desenvolvimento de jogo em canvas
+- `9-chat-project/README.md` - Projeto de assistente de chat com IA
 
-### Estrutura do Monorepo
+### Estrutura Monorepo
 
-Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:  
-- Cada aula é autônoma  
-- Projetos não compartilham dependências  
-- Trabalhe em projetos individuais sem afetar os outros  
-- Clone o repositório completo para a experiência curricular completa  
+Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:
+- Cada lição é autocontida
+- Projetos não compartilham dependências
+- Trabalhe em projetos individuais sem afetar os outros
+- Clone o repositório inteiro para a experiência completa do currículo
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Aviso Legal**:
-Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, por favor, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional feita por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.
+**Aviso Legal**:  
+Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por um tradutor humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-BR/README.md b/translations/pt-BR/README.md
index ead0442d0..0f88146bf 100644
--- a/translations/pt-BR/README.md
+++ b/translations/pt-BR/README.md
@@ -1,8 +1,8 @@
 [![Licença GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
 [![Contribuidores GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
 [![Issues GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
-[![Pull-requests GitHub](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) 
+[![Pull requests GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![PRs Bem-vindos](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
 
 [![Observadores GitHub](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/)
 [![Forks GitHub](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/)
@@ -12,70 +12,80 @@
 
 # Desenvolvimento Web para Iniciantes - Um Currículo
 
-Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda-se em JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos no espaço. Participe de quizzes, discussões e tarefas práticas. Melhore suas habilidades e otimize sua retenção de conhecimento com nossa pedagogia eficaz baseada em projetos. Comece sua jornada de programação hoje!
+Aprenda os fundamentos do desenvolvimento web com nosso curso abrangente de 12 semanas ministrado pelos Microsoft Cloud Advocates. Cada uma das 24 aulas mergulha em JavaScript, CSS e HTML por meio de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe de quizzes, discussões e tarefas práticas. Aprimore suas habilidades e otimize a retenção do conhecimento com nossa eficaz pedagogia baseada em projetos. Comece sua jornada de programação hoje!
 
-Junte-se à Comunidade Azure AI Foundry no Discord
+Participe da Comunidade Azure AI Foundry no Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Siga estes passos para começar a usar esses recursos:
+Siga estas etapas para começar a usar esses recursos:
 1. **Faça um Fork do Repositório**: Clique em [![Forks GitHub](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. **Clone o Repositório**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Junte-se ao Azure AI Foundry Discord e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4)
+3. [**Junte-se ao Azure AI Foundry no Discord e conheça especialistas e outros desenvolvedores**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Suporte Multilíngue
+### 🌐 Suporte a Múltiplos Idiomas
 
-#### Suportado via GitHub Action (Automatizado e Sempre Atualizado)
+#### Suportado via GitHub Action (Automatizado & Sempre Atualizado)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Burmês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marati](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md)
+[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Tcheco](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estoniano](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marata](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polonês](../pl/README.md) | [Português (Brasil)](./README.md) | [Português (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md)
 
 > **Prefere Clonar Localmente?**
-
-> Este repositório inclui mais de 50 traduções de idiomas, o que aumenta significativamente o tamanho do download. Para clonar sem traduções, use o sparse checkout:
+>
+> Este repositório contém mais de 50 traduções de idiomas que aumentam significativamente o tamanho do download. Para clonar sem traduções, use 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'
 > ```
-> Isso te dá tudo o que precisa para completar o curso com um download muito mais rápido.
+>
+> **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"
+> ```
+>
+> Isso fornece tudo o que você precisa para completar o curso com um download muito mais rápido.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Se desejar que idiomas adicionais de tradução sejam suportados, eles estão listados [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Se você deseja que línguas adicionais sejam suportadas, elas estão listadas [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Abrir no Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Abrir%20no%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Abrir no 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)
 
 #### 🧑‍🎓 _Você é estudante?_
 
-Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes para estudantes e até maneiras de obter um voucher de certificado gratuito. Esta é a página que você vai querer adicionar aos favoritos e visitar de tempos em tempos, pois atualizamos o conteúdo mensalmente.
+Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde você encontrará recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher de certificado gratuito. Esta é a página que você deve adicionar aos favoritos e consultar de tempos em tempos, pois atualizamos o conteúdo mensalmente.
 
-### 📣 Anúncio - Novos desafios com modo Agente do GitHub Copilot para completar!
+### 📣 Anúncio - Novos desafios no modo GitHub Copilot Agent para completar!
 
-Novo desafio adicionado, procure por "Desafio GitHub Copilot Agent 🚀" na maioria dos capítulos. É um novo desafio para você completar usando o GitHub Copilot e o modo Agente. Se você nunca usou o modo Agente antes, ele é capaz não só de gerar texto, mas também criar e editar arquivos, executar comandos e mais.
+Novo desafio adicionado, procure por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para você completar usando GitHub Copilot e o modo Agent. Se você nunca usou o modo Agent, ele é capaz não apenas de gerar texto, mas também criar e editar arquivos, executar comandos e muito mais.
 
 ### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_
 
-Novo projeto Assistente AI acaba de ser adicionado, confira o [projeto](./9-chat-project/README.md)
+Novo projeto de Assistente de IA adicionado, confira o [projeto](./9-chat-project/README.md)
 
-### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado
+### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript foi lançado
 
-Não perca nosso novo currículo sobre IA Generativa!
+Não perca nosso novo currículo de IA Generativa!
 
 Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
 
 ![Fundo](../../translated_images/pt-BR/background.148a8d43afde5730.webp)
 
-- Lições cobrindo tudo, do básico até RAG.
-- Interaja com personagens históricos usando GenAI e nosso aplicativo acompanhante.
+- Aulas cobrindo desde os fundamentos até RAG.
+- Interaja com personagens históricos usando GenAI e nosso app companion.
 - Narrativa divertida e envolvente, você vai viajar no tempo!
 
 ![personagem](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp)
 
 
-Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiar seu aprendizado em tópicos como:
+Cada aula inclui uma tarefa para completar, um teste de conhecimento e um desafio para guiar você em temas como:
 - Prompting e engenharia de prompt
-- Geração de aplicativos de texto e imagem
-- Aplicativos de busca
+- Geração de apps de texto e imagem
+- Apps de busca
 
 Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
 
@@ -83,20 +93,20 @@ Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com
 
 ## 🌱 Começando
 
-> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos receber seu feedback [em nosso fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Professores**, incluímos [algumas sugestões](for-teachers.md) de como usar este currículo. Adoraríamos seu feedback [em nosso fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um quiz pré-aula e siga lendo o material da aula, completando as diversas atividades e verifique sua compreensão com o quiz pós-aula.
+**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada aula, comece com um quiz pré-aula e siga com a leitura do material da aula, completando as diversas atividades e verifique seu entendimento com o quiz pós-aula.
 
-Para aprimorar sua experiência de aprendizado, conecte-se com seus colegas para trabalhar nos projetos juntos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde nossa equipe de moderadores estará disponível para responder às suas perguntas.
+Para aprimorar sua experiência de aprendizado, conecte-se com seus colegas para trabalhar nos projetos juntos! Discussões são incentivadas em nosso [fórum de discussões](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde nossa equipe de moderadores estará disponível para responder suas perguntas.
 
-Para aprofundar sua educação, recomendamos fortemente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais adicionais de estudo.
+Para avançar em seus estudos, recomendamos fortemente explorar [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais.
 
 ### 📋 Configurando seu ambiente
 
-Este currículo já tem o ambiente de desenvolvimento pronto para uso! Ao começar, você pode escolher executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalações_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Este currículo já possui um ambiente de desenvolvimento pronto para usar! Ao começar, você pode optar por executar o currículo em um [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em navegador, sem necessidade de instalação_), ou localmente em seu computador usando um editor de texto como [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Crie seu repositório
-Para facilitar salvar seu trabalho, recomenda-se que você crie sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Usar este modelo** no topo da página. Isso criará um novo repositório na sua conta do GitHub com uma cópia do currículo.
+Para que você possa salvar seu trabalho facilmente, é recomendado que crie sua própria cópia deste repositório. Você pode fazer isso clicando no botão **Use this template** no topo da página. Isso criará um novo repositório em sua conta do GitHub com uma cópia do currículo.
 
 Siga estes passos:
 1. **Faça um Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página.
@@ -104,158 +114,156 @@ Siga estes passos:
 
 #### Executando o currículo em um Codespace
 
-Na sua cópia deste repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isto criará um novo Codespace para você trabalhar.
+Na sua cópia deste repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para você trabalhar.
 
 ![Codespace](../../translated_images/pt-BR/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Executando o currículo localmente no seu computador
 
-Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira lição, [Introdução a Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), mostrará várias opções para cada uma dessas ferramentas para você escolher o que funciona melhor.
+Para executar este currículo localmente no seu computador, você precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. Nossa primeira aula, [Introdução a Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), orientará você por várias opções para cada uma dessas ferramentas para você escolher o que melhor funciona para você.
 
 Nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também possui um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) embutido. Você pode baixar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. Clone seu repositório para seu computador. Você pode fazer isso clicando no botão **Code** e copiando a URL:
+1. Clone o seu repositório para o seu computador. Você pode fazer isso clicando no botão **Code** e copiando a URL:
 
     [CodeSpace](./images/createcodespace.png)
-    Então, abra o [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro do [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) e execute o seguinte comando, substituindo `<your-repository-url>` pela URL que você acabou de copiar:
+
+    Em seguida, abra o [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro do [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) e execute o seguinte comando, substituindo `<your-repository-url>` pela URL que você acabou de copiar:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Abra a pasta no Visual Studio Code. Você pode fazer isso clicando em **File** > **Open Folder** e selecionando a pasta que você acabou de clonar.
+2. Abra a pasta no Visual Studio Code. Você pode fazer isso clicando em **File** > **Open Folder** e selecionando a pasta que acabou de clonar.
 
 
->  Extensões recomendadas para o Visual Studio Code:
+>  Extensões recomendadas para Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para visualizar páginas HTML dentro do Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para pré-visualizar páginas HTML dentro do Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar você a escrever código mais rápido
 
-## 📂 Cada lição inclui:
+## 📂 Cada aula inclui:
 
 - sketchnote opcional
 - vídeo suplementar opcional
-- quiz de aquecimento pré-lição
-- lição escrita
-- para lições baseadas em projetos, guias passo a passo sobre como construir o projeto
+- quiz de aquecimento pré-aula
+- aula escrita
+- para aulas baseadas em projeto, guias passo a passo sobre como construir o projeto
 - verificações de conhecimento
 - um desafio
 - leitura suplementar
 - tarefa
-- [quiz pós-lição](https://ff-quizzes.netlify.app/web/)
-
-> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, totalizando 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/) e o aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`.
-
-## 🗃️ Lições
-
-|     |                       Nome do Projeto                      |                            Conceitos Ensinados                             | Objetivos de Aprendizagem                                                                                                                 |                                                         Lição Vinculada                                                          |         Autor          |
-| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------ | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Começando                              |           Introdução à Programação e Ferramentas do Ofício               | Aprenda os fundamentos básicos por trás da maioria das linguagens de programação e sobre softwares que ajudam desenvolvedores profissionais  | [Intro às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Começando                              |             Noções básicas do GitHub, inclui trabalho em equipe          | Como usar o GitHub em seu projeto, como colaborar com outros em uma base de código                                                          |                            [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Começando                              |                             Acessibilidade                               | Aprenda o básico sobre acessibilidade na web                                                                                                |                       [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Fundamentos JS                      |                         Tipos de Dados em JavaScript                     | Os conceitos básicos dos tipos de dados em JavaScript                                                                                      |                                       [Tipos de Dados](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Fundamentos JS                      |                         Funções e Métodos                                | Aprenda sobre funções e métodos para gerenciar o fluxo lógico de uma aplicação                                                               |                              [Funções e Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine e Christopher |
-| 06  |                        Fundamentos JS                      |                        Tomando Decisões com JS                           | Aprenda a criar condições no seu código usando métodos de tomada de decisão                                                                 |                                 [Tomando Decisões](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Fundamentos JS                      |                            Arrays e Loops                                | Trabalhe com dados usando arrays e loops em JavaScript                                                                                     |                                   [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrário](./3-terrarium/solution/README.md)         |                            HTML na Prática                              | Construa o HTML para criar um terrário online, focando na construção de um layout                                                         |                                 [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrário](./3-terrarium/solution/README.md)         |                            CSS na Prática                               | Construa o CSS para estilizar o terrário online, focando no básico do CSS incluindo tornar a página responsiva                           |                                  [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrário](./3-terrarium/solution/README.md)          |                 Closures em JavaScript, manipulação do DOM               | Construa o JavaScript para fazer o terrário funcionar como uma interface drag/drop, com foco em closures e manipulação do DOM             |                  [Closures em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Jogo de Digitação](./4-typing-game/solution/README.md)      |                          Construindo um Jogo de Digitação                | Aprenda a usar eventos de teclado para dirigir a lógica do seu app JavaScript                                                               |                                [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |                         Trabalhando com Navegadores                      | Aprenda como os navegadores funcionam, sua história e como estruturar os primeiros elementos de uma extensão de navegador                  |                               [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Construindo um formulário, chamando uma API e armazenando variáveis no armazenamento local | Construa os elementos JavaScript da sua extensão de navegador para chamar uma API usando variáveis armazenadas localmente                   |                [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |          Processos em segundo plano no navegador, desempenho web        | Use os processos em segundo plano do navegador para gerenciar o ícone da extensão; aprenda sobre desempenho web e algumas otimizações      |             [Tarefas em Segundo Plano e Desempenho](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Jogo Espacial](./6-space-game/solution/README.md)           |             Desenvolvimento de Jogos Avançado com JavaScript            | Aprenda sobre Herança usando Classes e Composição e o padrão Pub/Sub, preparando-se para construir um jogo                               |                      [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                           Desenho no canvas                             | Aprenda sobre a API Canvas, usada para desenhar elementos na tela                                                                        |                                [Desenho no Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                   Movendo elementos na tela                             | Descubra como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas                                          |                           [Movendo Elementos](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                          Detecção de colisão                            | Faça elementos colidirem e reagirem uns aos outros usando pressionamento de teclas e forneça uma função de cooldown para garantir o desempenho do jogo |                              [Detecção de Colisão](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                             Mantendo a pontuação                         | Realize cálculos matemáticos baseados no status e desempenho do jogo                                                                     |                                    [Mantendo a Pontuação](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                     Finalizando e reiniciando o jogo                    | Aprenda sobre como finalizar e reiniciar o jogo, incluindo limpar ativos e redefinir valores de variáveis                                  |                                [A Condição de Termino](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [App Bancário](./7-bank-project/solution/README.md)          |                 Templates HTML e Rotas em um App Web                    | Aprenda a criar a estrutura arquitetônica de um site multipágina usando rotas e templates HTML                                           |                            [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [App Bancário](./7-bank-project/solution/README.md)          |                  Construindo um Formulário de Login e Registro         | Aprenda a construir formulários e lidar com rotinas de validação                                                                          |                                           [Formulários](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [App Bancário](./7-bank-project/solution/README.md)          |                   Métodos para Buscar e Usar Dados                     | Como os dados fluem dentro e fora do seu app, como buscá-los, armazená-los e descartá-los                                                 |                                            [Dados](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [App Bancário](./7-bank-project/solution/README.md)          |                      Conceitos de Gerenciamento de Estado              | Aprenda como seu app mantém estado e como gerenciá-lo programaticamente                                                                  |                                [Gerenciamento de Estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Trabalhando com VScode | Aprenda a usar um editor de código | [Uso do Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhando com IA | Aprenda a construir seu próprio assistente de IA | [Projeto de Assistente de IA](./9-chat-project/README.md) | Chris |
+- [quiz pós-aula](https://ff-quizzes.netlify.app/web/)
+
+> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, totalizando 48 quizzes com três perguntas cada. Eles estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/). O aplicativo de quiz pode ser executado localmente ou implantado no Azure; siga as instruções na pasta `quiz-app`.
+
+## 🗃️ Aulas
+
+|     |                       Nome do Projeto                       |                            Conceitos Ensinados                             | Objetivos de Aprendizagem                                                                                                                 |                                                         Aula Correspondente                                                          |         Autor          |
+| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Começando                              |           Introdução à Programação e Ferramentas da Área                   | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre softwares que ajudam desenvolvedores profissionais | [Introdução a Linguagens de Programação e Ferramentas da Área](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Começando                              |             Noções básicas de GitHub, incluindo trabalho em equipe        | Como usar o GitHub em seu projeto, como colaborar com outros em uma base de código                                                           |                            [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Começando                              |                             Acessibilidade                                 | Aprender o básico sobre acessibilidade na web                                                                                                |                       [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Fundamentos de JS                  |                         Tipos de Dados em JavaScript                        | O básico sobre tipos de dados em JavaScript                                                                                                  |                                       [Tipos de Dados](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Fundamentos de JS                  |                         Funções e Métodos                                  | Aprender sobre funções e métodos para gerenciar o fluxo lógico de uma aplicação                                                             |                              [Funções e Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine e Christopher |
+| 06  |                        Fundamentos de JS                  |                        Tomando Decisões com JS                             | Aprender como criar condições no código usando métodos de tomada de decisão                                                                   |                                 [Tomando Decisões](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Fundamentos de JS                  |                            Arrays e Loops                                  | Trabalhar com dados usando arrays e loops em JavaScript                                                                                      |                                   [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrário](./3-terrarium/solution/README.md)       |                            HTML na Prática                                 | Construir o HTML para criar um terrário online, com foco em construção de layout                                                            |                                 [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrário](./3-terrarium/solution/README.md)       |                            CSS na Prática                                  | Construir o CSS para estilizar o terrário online, focando no básico do CSS, incluindo tornar a página responsiva                           |                                  [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrário](./3-terrarium/solution/README.md)            |                 Closures em JavaScript, manipulação do DOM                 | Construir o JavaScript para fazer o terrário funcionar como uma interface drag/drop, focando em closures e manipulação do DOM               |                  [Closures em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Jogo de Digitação](./4-typing-game/solution/README.md)          |                          Construindo um Jogo de Digitação                  | Aprender a usar eventos de teclado para controlar a lógica do seu aplicativo em JavaScript                                                  |                                [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |                         Trabalhando com Navegadores                        | Aprender como os navegadores funcionam, sua história e como estruturar os primeiros elementos de uma extensão de navegador                 |                               [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Construindo um formulário, chamando uma API e armazenando variáveis no armazenamento local | Construir os elementos JavaScript da sua extensão de navegador para chamar uma API usando variáveis armazenadas no armazenamento local     |                [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |           Processos em segundo plano no navegador, desempenho da web       | Usar os processos em segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre desempenho web e algumas otimizações   |             [Tarefas em Segundo Plano e Desempenho](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Jogo Espacial](./6-space-game/solution/README.md)           |             Desenvolvimento de Jogos mais Avançado com JavaScript          | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo                                |                      [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                           Desenhando na tela                              | Aprender sobre a API Canvas, usada para desenhar elementos na tela                                                                         |                                [Desenhando na Tela](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                   Movendo elementos na tela                               | Descobrir como elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas                                              |                           [Movendo Elementos na Tela](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                          Detecção de colisões                             | Fazer elementos colidirem e reagirem uns aos outros usando pressionamentos de tecla e fornecer uma função cooldown para garantir desempenho |                              [Detecção de Colisões](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                             Manter a pontuação                             | Realizar cálculos matemáticos com base no status e desempenho do jogo                                                                      |                                    [Mantendo a Pontuação](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                     Encerrar e reiniciar o jogo                            | Aprender sobre encerrar e reiniciar o jogo, incluindo limpeza de ativos e reinicialização de valores das variáveis                        |                                [Condição de Encerramento](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Aplicativo Bancário](./7-bank-project/solution/README.md)          |                 Templates HTML e Rotas em um Aplicativo Web               | Aprender a criar a estrutura arquitetônica de um site multipágina usando roteamento e templates HTML                                     |                            [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Aplicativo Bancário](./7-bank-project/solution/README.md)          |                  Construir Formulário de Login e Registro                 | Aprender sobre construção de formulários e rotinas de validação                                                                           |                                           [Formulários](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Aplicativo Bancário](./7-bank-project/solution/README.md)          |                  Métodos de Obtenção e Uso de Dados                        | Como os dados fluem dentro e fora do seu app, como buscá-los, armazená-los e descartá-los                                                 |                                            [Dados](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Aplicativo Bancário](./7-bank-project/solution/README.md)          |                      Conceitos de Gerenciamento de Estado                 | Aprender como seu aplicativo retém o estado e como gerenciá-lo programaticamente                                                          |                                [Gerenciamento de Estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Código Browser/VScode](../../8-code-editor) | Trabalhando com VScode | Aprender a usar um editor de código | [Usar Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhando com IA | Aprender a construir seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogia
 
-Nosso currículo foi projetado com dois princípios pedagógicos-chave em mente:
-* aprendizado baseado em projetos
+Nosso currículo é projetado com dois princípios pedagógicos-chave:
+* aprendizagem baseada em projetos
 * quizzes frequentes
 
-O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web de hoje. Os estudantes terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo no estilo Space Invader e um aplicativo bancário para empresas. Ao final da série, os alunos terão adquirido uma compreensão sólida do desenvolvimento web.
+O programa ensina os fundamentos de JavaScript, HTML e CSS, assim como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web hoje. Os estudantes terão a oportunidade de adquirir experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo estilo invasores espaciais e um aplicativo bancário para negócios. Ao final da série, os alunos terão uma compreensão sólida do desenvolvimento web.
 
-> 🎓 Você pode fazer as primeiras lições deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn!
+> 🎓 Você pode realizar as primeiras aulas deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn!
 
-Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os estudantes e a retenção dos conceitos será aumentada. Também escrevemos várias lições introdutórias sobre fundamentos do JavaScript para apresentar conceitos, combinadas com um vídeo da coleção "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos autores da qual contribuíram para este currículo.
+Ao garantir que o conteúdo esteja alinhado a projetos, o processo se torna mais envolvente para os alunos e a retenção de conceitos será aprimorada. Também escrevemos várias aulas iniciais sobre os fundamentos de JavaScript para introduzir conceitos, acompanhadas de um vídeo da coleção "[Série para Iniciantes em: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos quais tiveram autores que contribuíram com este currículo.
 
-Além disso, um quiz de baixa pressão antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula garante maior retenção. Este currículo foi projetado para ser flexível e divertido, podendo ser realizado no todo ou em parte. Os projetos começam pequenos e tornam-se cada vez mais complexos até o final do ciclo de 12 semanas.
+Além disso, um quiz de baixa pressão antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura retenção adicional. Este currículo foi projetado para ser flexível e divertido, podendo ser realizado na íntegra ou em partes. Os projetos começam pequenos e se tornam progressivamente mais complexos ao longo do ciclo de 12 semanas.
 
-Embora tenhamos evitado intencionalmente introduzir frameworks JavaScript para nos concentrarmos nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, uma boa próxima etapa para completar este currículo seria aprender sobre Node.js por meio de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
-
-> Visite nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos seu feedback construtivo!
+Embora tenhamos evitado propositalmente introduzir frameworks JavaScript para concentrar nas habilidades básicas necessárias para um desenvolvedor web antes de adotar um framework, um próximo passo adequado para completar este currículo seria aprender sobre Node.js por meio de outra coleção de vídeos: "[Série para Iniciantes em: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Visite nosso [Código de Conduta](CODE_OF_CONDUCT.md) e as diretrizes de [Contribuição](CONTRIBUTING.md). Agradecemos seu feedback construtivo!
 
 ## 🧭 Acesso offline
 
-Você pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então, na pasta raiz deste repositório, digite `docsify serve`. O site será servido na porta 3000 em seu localhost: `localhost:3000`.
+Você pode executar esta documentação offline usando [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) em sua máquina local e então na pasta raiz deste repositório digite `docsify serve`. O site será servido na porta 3000 no seu localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Outros Cursos
+
 Nossa equipe produz outros cursos! Confira:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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)
+[![LangChain4j para Iniciantes](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 para Iniciantes](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 para Iniciantes](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
-[![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)
+[![AZD para Iniciantes](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 para Iniciantes](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 para Iniciantes](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)
+[![Agentes de IA para Iniciantes](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)
 
 ---
  
 ### Série de IA Generativa
-[![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)
+[![IA Generativa para Iniciantes](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)
+[![IA Generativa (.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)
+[![IA Generativa (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)
+[![IA Generativa (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)
 
 ---
  
 ### Aprendizado Básico
-[![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)
-[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+[![ML para Iniciantes](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)
+[![Ciência de Dados para Iniciantes](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)
+[![IA para Iniciantes](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)
+[![Cibersegurança para Iniciantes](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Desenvolvimento Web para Iniciantes](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT para Iniciantes](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![Desenvolvimento XR para Iniciantes](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)
 
 ---
  
 ### Série Copilot
-[![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)
+[![Copilot para Programação em Par com IA](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 para 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)
+[![Aventura Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Obtenha Ajuda
+## Obter Ajuda
 
-Se você ficar preso ou tiver alguma dúvida sobre como criar aplicativos de IA. Participe de discussões com outros alunos e desenvolvedores experientes sobre MCP. É uma comunidade acolhedora onde perguntas são bem-vindas e o conhecimento é compartilhado livremente.
+Se você ficar travado ou tiver alguma dúvida sobre como criar aplicativos de IA, junte-se a outros alunos e desenvolvedores experientes em discussões sobre MCP. É uma comunidade acolhedora onde perguntas são bem-vindas e o conhecimento é compartilhado livremente.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Se você tiver feedback sobre o produto ou erros durante a criação, visite:
+Se você tiver feedback sobre o produto ou erros durante o desenvolvimento, visite:
 
 [![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)
 
@@ -267,5 +275,5 @@ Este repositório está licenciado sob a licença MIT. Veja o arquivo [LICENSE](
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Aviso Legal**:
-Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional por um tradutor humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
+Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original, em sua língua nativa, deve ser considerado a fonte autoritária. Para informações críticas, recomenda-se tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-PT/.co-op-translator.json b/translations/pt-PT/.co-op-translator.json
index 23faefcb7..ce3b4e666 100644
--- a/translations/pt-PT/.co-op-translator.json
+++ b/translations/pt-PT/.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-06T18:31:44+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:35:48+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "pt-PT"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:58:13+00:00",
+    "translation_date": "2026-03-06T12:43:50+00:00",
     "source_file": "AGENTS.md",
     "language_code": "pt-PT"
   },
@@ -516,8 +516,8 @@
     "language_code": "pt-PT"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:52:32+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:32:31+00:00",
     "source_file": "README.md",
     "language_code": "pt-PT"
   },
diff --git a/translations/pt-PT/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pt-PT/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 1b6d17064..879cc67a8 100644
--- a/translations/pt-PT/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/pt-PT/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Introdução às Linguagens de Programação e Ferramentas Modernas para Desenvolvedores
+ 
+Olá, futuro desenvolvedor! 👋 Posso contar-te algo que ainda me dá arrepios todos os dias? Estás prestes a descobrir que programar não é só sobre computadores – é sobre ter superpoderes para dar vida às tuas ideias mais loucas!
 
-Olá, futuro programador! 👋 Posso contar-te algo que ainda me arrepia todos os dias? Estás prestes a descobrir que programar não é só sobre computadores – é sobre ter superpoderes reais para dar vida às tuas ideias mais malucas!
+Conheces aquele momento em que estás a usar a tua app favorita e tudo encaixa na perfeição? Quando tocas num botão e acontece algo absolutamente mágico que te faz pensar "uau, como é que eles fizeram ISTO?" Pois bem, alguém exatamente como tu – provavelmente sentado no seu café preferido às 2 da manhã com o seu terceiro expresso – escreveu o código que criou essa magia. E aqui está algo que vai explodir a tua mente: no final desta lição, não só vais entender como eles fizeram isso, mas vais querer experimentar por ti mesmo!
 
-Sabes aquele momento em que estás a usar a tua app favorita e tudo se encaixa na perfeição? Quando tocas num botão e acontece algo absolutamente mágico que te faz pensar "uau, como é que fizeram ISTO?" Bem, alguém exatamente como tu – provavelmente a trabalhar no seu café preferido às 2 da manhã com o seu terceiro espresso – escreveu o código que criou essa magia. E aqui está algo que vai arrebatar-te a mente: no final desta lição, não só vais entender como o fizeram, mas vais estar ansioso para tentar por ti próprio!
+Olha, percebo perfeitamente se programar te parece intimidante agora. Quando comecei, pensei honestamente que precisavas de ser algum génio da matemática ou estar a programar desde os cinco anos. Mas aqui está o que mudou completamente a minha perspetiva: programar é exatamente como aprender a ter conversas numa nova língua. Começas com "olá" e "obrigado", depois vais até pedir café, e antes que percebas, estás a ter discussões filosóficas profundas! Exceto que, neste caso, estás a conversar com computadores, e sabes? Eles são os interlocutores mais pacientes de sempre – nunca julgam os teus erros e estão sempre entusiasmados para tentares novamente!
 
-Olha, eu entendo perfeitamente se a programação te parecer intimidante neste momento. Quando comecei, pensava honestamente que precisavas de ser um génio da matemática ou de programar desde os cinco anos. Mas aqui está o que mudou completamente a minha perspetiva: programar é exatamente como aprender a ter conversas numa nova língua. Começas com "olá" e "obrigado," depois passas a pedir café, e antes que percebas, estás a discutir filosofia profundamente! Só que neste caso, estás a conversar com computadores, e honestamente? São os parceiros de conversa mais pacientes que alguma vez vais ter – nunca julgam os teus erros e estão sempre entusiasmados para tentar de novo!
-
-Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não só possível, mas mesmo viciante. Estou a falar dos mesmos editores, browsers e fluxos de trabalho que os programadores da Netflix, Spotify e do teu estúdio indie favorito usam todos os dias. E aqui está a parte que te vai fazer dançar de alegria: a maioria destas ferramentas profissionais e padrão na indústria é completamente gratuita!
+Hoje, vamos explorar as ferramentas incríveis que fazem o desenvolvimento web moderno não só possível, mas mesmo viciante. Estou a falar dos mesmos editores, navegadores e fluxos de trabalho que os programadores da Netflix, Spotify e do teu estúdio de apps indie favorito usam todos os dias. E aqui está a parte que vai fazer-te dançar de alegria: a maioria destas ferramentas profissionais, padrão da indústria, são completamente gratuitas!
 
 ![Intro Programming](../../../../translated_images/pt-PT/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -15,69 +15,70 @@ Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web
 journey
     title A Sua Jornada de Programação Hoje
     section Descobrir
-      O Que é Programação: 5: You
+      O que é Programação: 5: You
       Linguagens de Programação: 4: You
       Visão Geral das Ferramentas: 5: You
     section Explorar
       Editores de Código: 4: You
-      Navegadores & Ferramentas de Desenvolvimento: 5: You
-      Linha de Comandos: 3: You
+      Navegadores & Ferramentas de Dev: 5: You
+      Linha de Comando: 3: You
     section Praticar
-      Detetive da Linguagem: 4: You
+      Detetive de Linguagens: 4: You
       Exploração de Ferramentas: 5: You
       Conexão com a Comunidade: 5: You
 ```
-## Vamos Ver O Que Já Sabes!
+## Vamos Ver o Que Já Sabes!
+
+Antes de entrarmos nas coisas divertidas, estou curioso – o que é que já sabes sobre este mundo da programação? E olha, se estás a olhar para estas perguntas a pensar "eu literalmente não faço a mínima ideia disto tudo," isso não é só aceitável, é perfeito! Isso significa que estás exatamente no sítio certo. Pensa neste quiz como o aquecimento antes de um treino – estamos só a preparar os músculos do cérebro!
 
-Antes de começarmos com a parte divertida, estou curioso – o que já sabes sobre este mundo da programação? E olha, se estás a olhar para estas perguntas a pensar "Eu literalmente não faço a mínima ideia sobre isto," isso não é só aceitável, é perfeito! Isso significa que estás exatamente no lugar certo. Pensa neste quiz como um alongamento antes de um treino – estamos só a aquecer esses músculos cerebrais!
+[Faz o quiz pré-lição](https://ff-quizzes.netlify.app/web/)
 
-[Faz o quiz pré-lição](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
 ## A Aventura Que Vamos Fazer Juntos
 
-Ok, estou genuinamente empolgado com o que vamos explorar hoje! A sério, gostava mesmo de ver a tua cara quando alguns destes conceitos fizerem sentido. Aqui está a incrível viagem que vamos fazer juntos:
+Ok, estou mesmo entusiasmado com o que vamos explorar hoje! A sério, adorava poder ver a tua cara quando alguns destes conceitos fizerem sentido. Aqui está a incrível jornada que vamos fazer juntos:
 
-- **O que é realmente programação (e porque é a coisa mais fixe de sempre!)** – Vamos descobrir como o código é literalmente a magia invisível que alimenta tudo à tua volta, desde o alarme que de algum modo sabe que é segunda-feira de manhã até ao algoritmo que cria as recomendações perfeitas da Netflix
-- **Linguagens de programação e as suas personalidades incríveis** – Imagina entrar numa festa onde cada pessoa tem superpoderes completamente diferentes e formas distintas de resolver problemas. É assim o mundo das linguagens de programação, e vais adorar conhecê-las!
-- **Os blocos fundamentais que fazem a magia digital acontecer** – Pensa nisto como o conjunto de peças LEGO criativas supremo. Quando perceberes como estas peças se encaixam, vais perceber que podes literalmente construir tudo o que a tua imaginação sonhar
-- **Ferramentas profissionais que te vão fazer sentir como se te tivessem dado a varinha de um feiticeiro** – Não estou a exagerar – estas ferramentas vão genuinamente fazer-te sentir que tens superpoderes, e a melhor parte? São as mesmas que os profissionais usam!
+- **O que é realmente a programação (e porque é a coisa mais fixe de sempre!)** – Vamos descobrir como o código é literalmente a magia invisível que alimenta tudo à tua volta, desde o alarme que sabe que é segunda-feira de manhã até ao algoritmo que seleciona perfeitamente as tuas recomendações na Netflix
+- **Linguagens de programação e as suas personalidades incríveis** – Imagina entrares numa festa onde cada pessoa tem superpoderes completamente diferentes e formas únicas de resolver problemas. É assim o mundo das linguagens de programação, e vais adorar conhecê-las!
+- **Os blocos fundamentais que fazem a magia digital acontecer** – Pensa neles como o LEGO criativo supremo. Quando perceberes como estas peças se encaixam, vais entender que podes literalmente construir tudo o que a tua imaginação sonhar
+- **Ferramentas profissionais que vão fazer-te sentir como se te tivessem dado a varinha de um feiticeiro** – Não estou a dramatizar aqui – estas ferramentas vão realmente fazer-te sentir superpoderoso, e o melhor? São as mesmas que os profissionais usam!
 
-> 💡 **Eis a verdade**: Não tentes memorizar tudo hoje! Agora, só quero que sintas essa faísca de entusiasmo sobre o que é possível. Os detalhes vão ficar naturalmente enquanto praticamos juntos – é assim que a aprendizagem real acontece!
+> 💡 **Aqui está a coisa**: Não penses sequer em decorar tudo hoje! Agora, quero só que sintas essa faísca de entusiasmo sobre o que é possível. Os detalhes vão ficar naturalmente enquanto praticamos juntos – é assim que se aprende mesmo!
 
-> Podes fazer esta lição no [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Podes fazer esta lição no [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Então, O Que É Exatamente *Programação*?
+## Então, O Que É *Realmente* Programar?
 
-Ok, vamos abordar a pergunta milionária: o que é mesmo programação?
+Ora bem, vamos enfrentar a questão do milhão: o que é realmente programar?
 
-Vou contar-te uma história que mudou completamente a minha forma de pensar sobre isto. Na semana passada, estava a tentar explicar à minha mãe como usar o nosso novo comando de TV inteligente. Apanhei-me a dizer coisas como "Carrega no botão vermelho, mas não no botão vermelho grande, no botão vermelho pequeno à esquerda... não, no teu outro lado esquerdo... está bem, agora segura por dois segundos, não um, não três..." Soa-te familiar? 😅
+Vou contar-te uma história que mudou completamente a minha forma de pensar sobre isto. Na semana passada, estava a tentar explicar à minha mãe como usar o telecomando da nossa nova smart TV. Apanhei-me a dizer coisas como "Carrega no botão vermelho, mas não no botão vermelho grande, no botão vermelho pequeno à esquerda... não, na tua outra esquerda... ok, agora mantém carregado durante dois segundos, não um, não três..." Soa familiar? 😅
 
-Isso é programação! É a arte de dar instruções incrivelmente detalhadas, passo a passo, a algo que é muito poderoso mas que precisa que tudo seja explicado perfeitamente. Só que em vez de explicares à tua mãe (que pode perguntar "qual botão vermelho?!"), estás a explicar a um computador (que faz exatamente o que dizes, mesmo que o que disseste não seja exatamente o que querias dizer).
+Isto é programação! É a arte de dar instruções incrivelmente detalhadas, passo a passo, a algo que é muito poderoso mas que precisa que tudo esteja perfeitamente explicado. Exceto que, em vez de explicar à tua mãe (que pode perguntar "qual botão vermelho?!"), estás a explicar a um computador (que simplesmente faz exatamente o que lhe dizes, mesmo que o que disseste não seja bem o que querias).
 
-Aqui está o que me deixou de boca aberta quando aprendi isto pela primeira vez: os computadores são na verdade bastante simples no seu núcleo. Eles literalmente só entendem duas coisas – 1 e 0, que é basicamente "sim" e "não" ou "ligado" e "desligado." É tudo! Mas aqui está onde fica mágico – não precisamos de falar em 1s e 0s como se estivéssemos no The Matrix. É aqui que as **linguagens de programação** entram em ação. São como ter o melhor tradutor do mundo que pega nos teus pensamentos perfeitamente normais de humano e os converte para linguagem de computador.
+Isto é o que me deixou arrepiado quando aprendi pela primeira vez: os computadores são na verdade bastante simples na essência. Eles literalmente só entendem duas coisas – 1 e 0, que basicamente significa "sim" e "não" ou "ligado" e "desligado." É só isso! Mas aqui é onde a magia acontece – não precisamos de falar em 1s e 0s como se estivéssemos no Matrix. É para isso que existem as **linguagens de programação**. Elas são como ter o melhor tradutor do mundo que pega nos teus pensamentos perfeitamente humanos e converte-os para a linguagem do computador.
 
-E aqui está algo que ainda me arrepia todas as manhãs quando acordo: literalmente *tudo* o que há de digital na tua vida começou com alguém exatamente como tu, provavelmente sentado de pijama com uma chávena de café, a escrever código no portátil. Aquele filtro do Instagram que te deixa impecável? Alguém o programou. A recomendação que te levou à tua nova música favorita? Um programador criou esse algoritmo. A app que te ajuda a dividir as contas do jantar com amigos? Sim, alguém pensou "isto é chato, aposto que posso resolver isto" e depois... resolveu!
+E aqui está o que ainda me dá arrepios todas as manhãs quando acordo: literalmente *tudo* o que é digital na tua vida começou com alguém exatamente como tu, provavelmente sentado de pijama com uma chávena de café, a escrever código no portátil. Esse filtro do Instagram que te faz parecer impecável? Alguém o programou. A recomendação que te levou à tua nova música favorita? Um programador criou esse algoritmo. A app que te ajuda a dividir contas com os amigos? Pois, alguém pensou "isto é chato, posso resolver isto" e depois... resolveu!
 
-Quando aprendes a programar, não estás só a adquirir uma nova competência – estás a tornar-te parte desta comunidade incrível de solucionadores de problemas que passam os dias a pensar: "E se eu pudesse criar algo que torna o dia de alguém um bocadinho melhor?" Honestamente, existe coisa mais fixe do que isso?
+Quando aprendes a programar, não estás só a adquirir uma nova competência – estás a tornar-te parte de uma comunidade incrível de solucionadores de problemas que passam os dias a pensar, "E se eu pudesse criar algo que tornasse o dia de alguém um bocadinho melhor?" Honestamente, existe algo mais fixe do que isso?
 
-✅ **Caça ao Facto Divertido**: Aqui está algo super giro para procurares quando tiveres um momento livre – quem achas que foi o primeiro programador do mundo? Dou-te uma pista: talvez não seja quem esperas! A história desta pessoa é absolutamente fascinante e mostra que a programação sempre foi sobre resolução criativa de problemas e pensar fora da caixa.
+✅ **Caça ao Facto Divertido**: Aqui vai algo super fixe para pesquisares quando tiveres um momento livre – quem achas que foi o primeiro programador do mundo? Dou-te uma pista: pode não ser quem estás à espera! A história dessa pessoa é absolutamente fascinante e mostra que programar tem sempre sido sobre criatividade na resolução de problemas e pensar fora da caixa.
 
-### 🧠 **Hora da Reflexão: Como Te Sentes?**
+### 🧠 **Momento de Reflexão: Como Estás a Sentir-te?**
 
 **Tira um momento para refletir:**
-- Faz sentido para ti agora a ideia de "dar instruções aos computadores"?
-- Consegues pensar numa tarefa diária que gostarias de automatizar com programação?
-- Que perguntas é que te estão a surgir sobre toda esta coisa da programação?
+- Faz sentido agora a ideia de "dar instruções a computadores"?
+- Consegues pensar numa tarefa do dia a dia que gostarias de automatizar com programação?
+- Que perguntas é que te estão a ocorrer sobre tudo isto da programação?
 
-> **Lembra-te**: É totalmente normal que alguns conceitos pareçam confusos agora. Aprender a programar é como aprender uma nova língua – o teu cérebro precisa de tempo para criar essas vias neurais. Estás a fazer um ótimo trabalho!
+> **Lembra-te**: É completamente normal se alguns conceitos parecerem confusos agora. Aprender programação é como aprender uma nova língua – o cérebro precisa de tempo para formar esses caminhos neurais. Estás a ir muito bem!
 
-## Linguagens de Programação São Como Diferentes Sabores de Magia
+## As Linguagens de Programação São Como Diferentes Sabores de Magia
 
-Ok, isto vaia soar estranho, mas fica comigo – as linguagens de programação são muito parecidas com diferentes tipos de música. Pensa nisso: tens o jazz, que é suave e improvisado, o rock que é poderoso e direto, a música clássica que é elegante e estruturada, e o hip-hop que é criativo e expressivo. Cada estilo tem a sua vibe, a sua comunidade de fãs apaixonados, e cada um é perfeito para diferentes estados de espírito e ocasiões.
+Ok, isto vai parecer estranho, mas fica comigo – as linguagens de programação são muito como diferentes tipos de música. Pensa nisto: tens jazz, que é suave e improvisado, rock que é poderoso e direto, clássico que é elegante e estruturado, e hip-hop que é criativo e expressivo. Cada estilo tem a sua vibe, a sua comunidade apaixonada, e cada um é perfeito para diferentes estados de espírito e ocasiões.
 
-As linguagens de programação funcionam exatamente da mesma maneira! Não usarias a mesma linguagem para criar um jogo móvel divertido que usarias para processar enormes quantidades de dados climáticos, tal como não ias ouvir death metal numa aula de yoga (bem, na maioria das aulas de yoga pelo menos! 😄).
+As linguagens de programação funcionam exatamente da mesma maneira! Não irias usar a mesma linguagem para criar um jogo móvel divertido que para processar enormes quantidades de dados climáticos, assim como não ias tocar death metal numa aula de yoga (bem, na maioria das aulas de yoga! 😄).
 
-Mas aqui está o que me surpreende sempre que penso nisso: estas linguagens são como ter o intérprete mais paciente e brilhante do mundo sentado mesmo ao teu lado. Podes expressar as tuas ideias de uma forma que faz sentido ao teu cérebro humano, e eles tratam de todo o trabalho incrivelmente complexo de traduzir isso para os 1s e 0s que os computadores realmente falam. É como ter um amigo que é perfeitamente fluente em "criatividade humana" e "lógica computacional" – e que nunca se cansa, nunca precisa de pausas para café, e nunca te julga por repetires a mesma pergunta!
+Mas aqui está algo que me deixa de boca aberta sempre que penso nisso: estas linguagens são como ter o intérprete mais paciente e brilhante do mundo sentado mesmo ao teu lado. Podes expressar as tuas ideias de um modo que é natural para o teu cérebro humano, e elas tratam de todo o trabalho incrivelmente complexo de traduzir isso para os 1s e 0s que os computadores realmente entendem. É como ter um amigo que domina perfeitamente tanto a "criatividade humana" como a "lógica do computador" – e que nunca se cansa, nunca precisa de pausas para café, e nunca te julga por perguntar a mesma coisa duas vezes!
 
 ### Linguagens de Programação Populares e os Seus Usos
 
@@ -90,19 +91,19 @@ mindmap
         Websites Interativos
       TypeScript
         JavaScript + Tipos
-        Apps Empresariais
+        Aplicações Empresariais
     Dados & IA
       Python
         Ciência de Dados
         Aprendizagem Automática
         Automação
       R
-        Estatísticas
+        Estatística
         Investigação
-    Apps Móveis
+    Aplicações Móveis
       Java
         Android
-        Empresa
+        Empresarial
       Swift
         iOS
         Ecossistema Apple
@@ -120,33 +121,33 @@ mindmap
         Serviços Cloud
         Backend Escalável
 ```
-| Linguagem | Melhor Para | Por que É Popular |
-|-----------|-------------|-------------------|
-| **JavaScript** | Desenvolvimento web, interfaces de utilizador | Corre em navegadores e alimenta sites interativos |
+| Language | Best For | Why It's Popular |
+|----------|----------|------------------|
+| **JavaScript** | Desenvolvimento web, interfaces de utilizador | Corre em navegadores e alimenta websites interativos |
 | **Python** | Ciência de dados, automação, IA | Fácil de ler e aprender, bibliotecas poderosas |
-| **Java** | Aplicações empresariais, apps Android | Independente de plataforma, robusta para sistemas grandes |
+| **Java** | Aplicações empresariais, apps Android | Independente de plataforma, robusto para sistemas grandes |
 | **C#** | Aplicações Windows, desenvolvimento de jogos | Forte suporte no ecossistema Microsoft |
-| **Go** | Serviços de cloud, sistemas backend | Rápida, simples, desenhada para computação moderna |
+| **Go** | Serviços na cloud, sistemas backend | Rápido, simples, desenhado para computação moderna |
 
 ### Linguagens de Alto Nível vs. Baixo Nível
 
-Ok, este foi honestamente o conceito que me partiu o cérebro quando comecei, por isso vou partilhar a analogia que finalmente me fez perceber – e espero que te ajude também!
+Ok, este foi honestamente o conceito que me deixou confuso quando comecei, por isso vou partilhar a analogia que finalmente me fez perceber – e espero mesmo que te ajude também!
 
 Imagina que estás a visitar um país onde não falas a língua e precisas desesperadamente de encontrar a casa de banho mais próxima (todos já passámos por isso, certo? 😅):
 
-- **Programação de baixo nível** é como aprender tão bem o dialeto local que consegues conversar com a avó a vender fruta na esquina usando referências culturais, gírias locais e piadas internas que só quem cresceu ali entende. Muito impressionante e incrivelmente eficiente... se por acaso fores fluente! Mas bastante assustador quando só queres achar a casa de banho.
+- **Programação de baixo nível** é como aprender o dialeto local tão bem que consegues conversar com a avó que vende fruta na esquina usando referências culturais, calão local e piadas internas que só quem cresceu ali entende. Super impressionante e incrivelmente eficiente... se fores fluente! Mas bastante esmagador quando só queres encontrar uma casa de banho.
 
-- **Programação de alto nível** é como ter aquele amigo local incrível que simplesmente te entende. Podes dizer "Preciso mesmo de encontrar uma casa de banho" em inglês simples, e ele trata de toda a tradução cultural e dá-te direções que fazem perfeito sentido para o teu cérebro de forasteiro.
+- **Programação de alto nível** é como ter aquele amigo local incrível que te entende perfeitamente. Podes dizer "Preciso mesmo de encontrar uma casa de banho" em inglês simples, e ele cuida de toda a tradução cultural e dá-te indicações que fazem perfeito sentido para o teu cérebro não local.
 
 Em termos de programação:
-- **Linguagens de baixo nível** (como Assembly ou C) permitem-te ter conversas extremamente detalhadas com o hardware real do computador, mas tens que pensar como uma máquina, o que é... bem, digamos que é uma mudança mental grande!
-- **Linguagens de alto nível** (como JavaScript, Python ou C#) deixam-te pensar como humano enquanto elas se responsabilizam por toda a linguagem da máquina nos bastidores. Além disso, têm comunidades incrivelmente acolhedoras cheias de pessoas que se lembram como é ser novato e querem genuinamente ajudar!
+- **Linguagens de baixo nível** (como Assembly ou C) permitem-te ter conversas incrivelmente detalhadas com o hardware real do computador, mas precisas pensar como uma máquina, o que é... bem, digamos que é uma grande mudança mental!
+- **Linguagens de alto nível** (como JavaScript, Python ou C#) deixam-te pensar como um humano enquanto elas cuidam de toda a linguagem da máquina nos bastidores. Além disso, têm comunidades extremamente acolhedoras cheias de pessoas que se lembram como era ser novato e genuinamente querem ajudar!
 
-Adivinha com quais vou sugerir que comeces? 😉 As linguagens de alto nível são como rodinhas de treino que nem queres tirar porque tornam toda a experiência tão mais agradável!
+Adivinha com quais vou sugerir que comeces? 😉 As linguagens de alto nível são como rodinhas de treino que nunca na vida vais querer tirar porque tornam toda a experiência muito mais agradável!
 
 ```mermaid
 flowchart TB
-    A["👤 Pensamento Humano:<br/>'Quero calcular números de Fibonacci'"] --> B{Escolher Nível de Linguagem}
+    A["👤 Pensamento Humano:<br/>'Quero calcular números de Fibonacci'"] --> B{Escolher Nível da Linguagem}
     
     B -->|Alto Nível| C["🌟 JavaScript/Python<br/>Fácil de ler e escrever"]
     B -->|Baixo Nível| D["⚙️ Assembly/C<br/>Controlo direto do hardware"]
@@ -154,7 +155,7 @@ flowchart TB
     C --> E["📝 Escrever: fibonacci(10)"]
     D --> F["📝 Escrever: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Compreensão do Computador:<br/>O tradutor lida com a complexidade"]
+    E --> G["🤖 Compreensão do Computador:<br/>O tradutor trata da complexidade"]
     F --> G
     
     G --> H["💻 Mesmo Resultado:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -163,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Deixa-me Mostrar-te Por Que as Linguagens de Alto Nível São Tão Mais Amigáveis
+### Deixa-me Mostrar Por Que as Linguagens de Alto Nível São Muito Mais Amigáveis
 
-Ok, vou mostrar-te algo que demonstra na perfeição por que me apaixonei pelas linguagens de alto nível, mas primeiro – preciso que me prometas uma coisa. Quando vires esse primeiro exemplo de código, não entres em pânico! É suposto parecer intimidante. Esse é exatamente o ponto que quero mostrar!
+Ok, vou mostrar-te algo que demonstra na perfeição porque me apaixonei pelas linguagens de alto nível, mas primeiro – preciso que me prometas uma coisa. Quando vires esse primeiro exemplo de código, não penses em pânico! Supõe-se que ele pareça intimidante. É mesmo esse o ponto que quero mostrar!
 
-Vamos ver a mesma tarefa escrita em dois estilos completamente diferentes. Ambos criam o que se chama a sequência de Fibonacci – é um padrão matemático lindo onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosidade: vais encontrar este padrão literalmente em toda a natureza – nos espirais das sementes de girassol, nos padrões dos pinheiros, até na formação das galáxias!)
+Vamos olhar para a mesma tarefa escrita em dois estilos completamente diferentes. Ambos criam o que se chama a sequência de Fibonacci – é um padrão matemático lindo onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8, 13... (Curiosidade: vais encontrar este padrão literalmente em toda a natureza – espirais das sementes do girassol, padrões de pinhas, até a forma como as galáxias se formam!)
 
-Pronto para ver a diferença? Vamos lá!
+Pronto para ver a diferença? Vamos a isso!
 
 **Linguagem de alto nível (JavaScript) – Amigável para humanos:**
 
 ```javascript
-// Passo 1: Configuração básica de Fibonacci
+// Passo 1: Configuração básica do Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,10 +184,10 @@ console.log('Fibonacci sequence:');
 ```
 
 **Isto é o que este código faz:**
-- **Declara** uma constante para especificar quantos números Fibonacci queremos gerar
-- **Inicializa** duas variáveis para controlar o número atual e o próximo na sequência
-- **Define** os valores iniciais (0 e 1) que definem o padrão Fibonacci
-- **Mostra** uma mensagem de cabeçalho para identificar o output
+- **Declara** uma constante para especificar quantos números de Fibonacci queremos gerar
+- **Inicializa** duas variáveis para acompanhar o número atual e o próximo da sequência
+- **Define** os valores iniciais (0 e 1) que estabelecem o padrão Fibonacci
+- **Mostra** uma mensagem de cabeçalho para identificar a nossa saída
 
 ```javascript
 // Passo 2: Gerar a sequência com um ciclo
@@ -200,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Analisando o que acontece aqui:**
+**Explicando o que acontece aqui:**
 - **Percorre** cada posição na nossa sequência usando um ciclo `for`
-- **Exibe** cada número com a sua posição usando formatação de template literals
-- **Calcula** o próximo número Fibonacci somando os valores atual e próximo
-- **Atualiza** as variáveis para passar à próxima iteração
+- **Mostra** cada número com a sua posição usando formatação com template literals
+- **Calcula** o próximo número de Fibonacci somando os valores atual e seguinte
+- **Atualiza** as variáveis para avançar para a próxima iteração
 
 ```javascript
 // Passo 3: Abordagem funcional moderna
@@ -223,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**No exemplo acima, nós:**
-- **Criámos** uma função reutilizável usando sintaxe moderna de arrow function
+**No código acima, nós:**
+- **Criámos** uma função reutilizável usando a sintaxe moderna de arrow functions
 - **Construímos** um array para guardar a sequência completa em vez de mostrar número a número
-- **Usámos** indexação de array para calcular cada novo número a partir dos anteriores
-- **Devolvemos** a sequência completa para uso flexível noutras partes do programa
+- **Usámos** indexação de array para calcular cada novo número a partir dos valores anteriores
+- **Retornámos** a sequência completa para permitir uso flexível noutras partes do programa
 
-**Linguagem de baixo nível (ARM Assembly) – Amigável para computadores:**
+**Linguagem de baixo nível (ARM Assembly) – Amiga do computador:**
 
 ```assembly
  area ascen,code,readonly
@@ -256,28 +257,28 @@ back add r0,r1
  end
 ```
 
-Repara como a versão em JavaScript lê quase como instruções em inglês, enquanto a versão em Assembly usa comandos crípticos que controlam diretamente o processador do computador. Ambas fazem exatamente a mesma tarefa, mas a linguagem de alto nível é muito mais fácil para os humanos compreenderem, escreverem e manterem.
+Repara como a versão em JavaScript lê quase como instruções em inglês, enquanto a versão Assembly usa comandos crípticos que controlam diretamente o processador do computador. Ambos fazem exatamente a mesma tarefa, mas a linguagem de alto nível é muito mais fácil para humanos compreenderem, escreverem e manterem.
 
 **Diferenças chave que vais notar:**
-- **Legibilidade**: JavaScript usa nomes descritivos como `fibonacciCount` enquanto Assembly usa rótulos enigmáticos como `r0`, `r1`
-- **Comentários**: Linguagens de alto nível incentivam comentários explicativos que tornam o código autoexplicativo  
-- **Estrutura**: O fluxo lógico do JavaScript corresponde a como os humanos pensam sobre problemas passo a passo  
-- **Manutenção**: Atualizar a versão JavaScript para diferentes requisitos é simples e claro  
+- **Legibilidade**: JavaScript usa nomes descritivos como `fibonacciCount` enquanto Assembly usa rótulos crípticos como `r0`, `r1`
+- **Comentários**: Linguagens de alto nível incentivam comentários explicativos que tornam o código auto-documentado
+- **Estrutura**: O fluxo lógico do JavaScript corresponde à forma como os humanos pensam em problemas passo a passo
+- **Manutenção**: Atualizar a versão JavaScript para diferentes requisitos é direto e claro
 
-✅ **Sobre a sequência de Fibonacci**: Este padrão numérico absolutamente lindo (onde cada número é a soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *por toda a parte* na natureza! Vai encontrá-lo nas espirais das flores de girassol, nos padrões dos pinhões, na forma como as conchas dos náutilos se curvam, e até no crescimento dos ramos das árvores. É impressionante como a matemática e o código podem ajudar-nos a entender e recriar os padrões que a natureza usa para criar beleza!  
+✅ **Sobre a sequência de Fibonacci**: Este padrão numérico absolutamente lindo (onde cada número é igual à soma dos dois anteriores: 0, 1, 1, 2, 3, 5, 8...) aparece literalmente *por toda a parte* na natureza! Você vai encontrá-lo nas espirais dos girassóis, nos padrões dos pinhas, na forma como as conchas de náutilo se curvam, e até na forma como os ramos das árvores crescem. É realmente impressionante como a matemática e o código podem ajudar-nos a entender e recriar os padrões que a natureza usa para criar a beleza!
 
 
-## Os Blocos de Construção que Fazem a Magia Acontecer
+## Os Blocos de Construção Que Fazem a Magia Acontecer
 
-Ok, agora que viu como as linguagens de programação funcionam na prática, vamos descrever as peças fundamentais que compõem literalmente todos os programas já escritos. Pense neles como os ingredientes essenciais na sua receita favorita – uma vez que entenda o que cada um faz, será capaz de ler e escrever código em praticamente qualquer linguagem!
+Certo, agora que viste como as linguagens de programação funcionam na prática, vamos decompor as peças fundamentais que compõem literalmente todos os programas já escritos. Pensa neles como os ingredientes essenciais da tua receita favorita – uma vez que entendas o que cada um faz, vais conseguir ler e escrever código em praticamente qualquer linguagem!
 
-Isto é como aprender a gramática da programação. Lembra-se de quando estava na escola e aprendeu sobre substantivos, verbos e como construir frases? A programação tem a sua própria versão de gramática, e honestamente, é muito mais lógica e permissiva do que a gramática do inglês alguma vez foi! 😄
+Isto é tipo aprender a gramática da programação. Lembras-te de quando na escola aprendeste sobre substantivos, verbos e como construir frases? A programação tem a sua própria versão de gramática, e honestamente, é muito mais lógica e perdoadora do que a gramática inglesa alguma vez foi! 😄
 
-### Instruções: Os Passos a Passo
+### Sentenças: As Instruções Passo a Passo
 
-Vamos começar com **instruções** – são como frases individuais numa conversa com o seu computador. Cada instrução diz ao computador para fazer uma coisa específica, como dar direções: "Vira à esquerda aqui", "Para no semáforo vermelho", "Estaciona naquele lugar".
+Vamos começar com **sentenças** – são como frases individuais numa conversa com o teu computador. Cada sentença diz ao computador para fazer uma coisa específica, tipo dar instruções: "Vira à esquerda aqui," "Para no semáforo vermelho," "Estaciona naquele lugar."
 
-O que adoro nas instruções é a forma como normalmente são legíveis. Veja isto:
+O que adoro nas sentenças é como normalmente são fáceis de ler. Vê isto:
 
 ```javascript
 // Declarações básicas que executam ações únicas
@@ -286,30 +287,30 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**Isto é o que este código faz:**  
-- **Declara** uma variável constante para guardar o nome do utilizador  
-- **Exibe** uma mensagem de saudação na consola de saída  
-- **Calcula** e guarda o resultado de uma operação matemática  
+**Isto é o que este código faz:**
+- **Declara** uma variável constante para guardar o nome de um utilizador
+- **Exibe** uma mensagem de saudação na consola
+- **Calcula** e guarda o resultado de uma operação matemática
 
 ```javascript
-// Declarações que interagem com páginas web
+// Instruções que interagem com páginas web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Passo a passo, isto é o que está a acontecer:**  
-- **Modifica** o título da página que aparece no separador do navegador  
-- **Muda** a cor de fundo de todo o corpo da página  
+**Passo a passo, isto é o que está a acontecer:**
+- **Modifica** o título da página que aparece no separador do navegador
+- **Muda** a cor de fundo de todo o corpo da página
 
-### Variáveis: O Sistema de Memória do Seu Programa
+### Variáveis: O Sistema de Memória do Teu Programa
 
-Ok, **variáveis** são, honestamente, um dos meus conceitos favoritos para ensinar porque são tão parecidas com coisas que já usa todos os dias!
+Ok, as **variáveis** são honestamente um dos meus conceitos favoritos para ensinar porque são tão parecidas com coisas que já usas todos os dias!
 
-Pense na sua lista de contactos do telefone por um momento. Não decoras o número de telefone de toda a gente – em vez disso, guardas "Mãe", "Melhor Amiga" ou "Pizzaria que entrega até às 2 da manhã" e deixas o telefone lembrar-se dos números reais. As variáveis funcionam exatamente da mesma forma! São como recipientes com etiquetas onde o seu programa pode guardar informação e recuperá-la mais tarde usando um nome que realmente faça sentido.
+Pensa na tua lista de contactos do telemóvel por um segundo. Não decoras o número de telefone de toda a gente – em vez disso, guardas "Mãe," "Melhor Amiga," ou "Pizzaria Que Entrega Até Às 2 da Manhã" e deixas o teu telemóvel lembrar os números reais. As variáveis funcionam exatamente da mesma forma! São como recipientes rotulados onde o teu programa pode guardar informação e recuperá-la mais tarde usando um nome que realmente faça sentido.
 
-Aqui está o que é realmente fixe: as variáveis podem mudar enquanto o seu programa corre (daí o nome "variável" – percebeu a brincadeira?). Tal como pode atualizar o contacto da pizzaria quando descobre um sítio ainda melhor, as variáveis podem ser atualizadas à medida que o seu programa aprende nova informação ou conforme as situações mudam!
+O que é realmente fixe: as variáveis podem mudar enquanto o teu programa está a correr (daí o nome "variável" – percebes a brincadeira?). Tal como atualizas o contacto da pizzaria quando descobres um sítio ainda melhor, as variáveis podem ser atualizadas à medida que o teu programa aprende novas informações ou as situações mudam!
 
-Deixe-me mostrar como isto pode ser maravilhosamente simples:
+Deixa-me mostrar-te como isto pode ser lindamente simples:
 
 ```javascript
 // Passo 1: Criar variáveis básicas
@@ -319,11 +320,11 @@ let temperature = 75;
 let isRaining = false;                      
 ```
 
-**Compreender estes conceitos:**  
-- **Guardar** valores imutáveis em variáveis `const` (como o nome do site)  
-- **Usar** `let` para valores que podem mudar ao longo do programa  
-- **Atribuir** diferentes tipos de dados: strings (texto), números e booleanos (verdadeiro/falso)  
-- **Escolher** nomes descritivos que expliquem o que cada variável contém  
+**Compreender estes conceitos:**
+- **Guardar** valores imutáveis em variáveis `const` (como o nome do site)
+- **Usar** `let` para valores que podem mudar ao longo do programa
+- **Atribuir** diferentes tipos de dados: strings (texto), números e booleanos (verdadeiro/falso)
+- **Escolher** nomes descritivos que expliquem o conteúdo de cada variável
 
 ```javascript
 // Passo 2: Trabalhar com objetos para agrupar dados relacionados
@@ -334,13 +335,13 @@ const weatherData = {
 };
 ```
 
-**No exemplo acima, nós:**  
-- **Criámos** um objeto para agrupar informações meteorológicas relacionadas  
-- **Organizámos** múltiplos dados sob um único nome de variável  
-- **Usámos** pares chave-valor para etiquetar claramente cada dado  
+**No exemplo acima, nós:**
+- **Criámos** um objeto para agrupar informações relacionadas com o tempo
+- **Organizámos** múltiplos dados sob um só nome de variável
+- **Usámos** pares chave-valor para rotular claramente cada informação
 
 ```javascript
-// Passo 3: Usar e atualizar variáveis
+// Passo 3: Utilizar e atualizar variáveis
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
@@ -349,32 +350,32 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
 
-**Vamos entender cada parte:**  
-- **Exibir** informação usando template literals com a sintaxe `${}`  
-- **Aceder** às propriedades do objeto usando notação de ponto (`weatherData.windSpeed`)  
-- **Atualizar** variáveis declaradas com `let` para refletir condições em mudança  
-- **Combinar** múltiplas variáveis para criar mensagens significativas  
+**Vamos entender cada parte:**
+- **Exibir** informação usando template literals com a sintaxe `${}`
+- **Aceder** às propriedades do objeto usando notação de ponto (`weatherData.windSpeed`)
+- **Atualizar** variáveis declaradas com `let` para refletir condições mutáveis
+- **Combinar** múltiplas variáveis para criar mensagens significativas
 
 ```javascript
-// Passo 4: Destruturação moderna para código mais limpo
+// Passo 4: Desestruturação moderna para código mais limpo
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**O que precisa de saber:**  
-- **Extrair** propriedades específicas de objetos usando atribuição por destruturação  
-- **Criar** novas variáveis automaticamente com os mesmos nomes das chaves do objeto  
-- **Simplificar** o código evitando notação repetitiva de ponto  
+**O que precisas de saber:**
+- **Extrair** propriedades específicas de objetos usando atribuição por desestruturação
+- **Criar** novas variáveis automaticamente com os mesmos nomes das chaves do objeto
+- **Simplificar** o código evitando repetição da notação de ponto
 
-### Fluxo de Controlo: Ensinar o Seu Programa a Pensar
+### Fluxo de Controlo: Ensinando o Teu Programa a Pensar
 
-Ok, aqui é onde a programação fica absolutamente fascinante! **Fluxo de controlo** é basicamente ensinar o seu programa a tomar decisões inteligentes, exatamente como você faz todos os dias sem sequer pensar.
+Ok, aqui é onde a programação fica completamente incrível! **Fluxo de controlo** é basicamente ensinar o teu programa a tomar decisões inteligentes, exatamente como tu fazes todos os dias sem sequer pensar.
 
-Imagine isto: esta manhã provavelmente seguiu algo como "Se está a chover, pego no guarda-chuva. Se está frio, visto um casaco. Se estou atrasado, salto o pequeno-almoço e pego num café pelo caminho." O seu cérebro naturalmente segue esta lógica if-then dezenas de vezes por dia!
+Imagina isto: esta manhã provavelmente passaste por algo tipo "Se estiver a chover, vou levar um guarda-chuva. Se estiver frio, vou usar um casaco. Se estiver atrasado, vou saltar o pequeno-almoço e apanhar café pelo caminho." O teu cérebro segue naturalmente esta lógica if-então dezenas de vezes por dia!
 
-Isto é o que faz os programas parecerem inteligentes e vivos em vez de simplesmente seguirem um guião chato e previsível. Eles podem realmente observar uma situação, avaliar o que está a acontecer, e responder de forma adequada. É como dar ao seu programa um cérebro que pode adaptar-se e fazer escolhas!
+Isto é o que faz com que os programas pareçam inteligentes e vivos em vez de apenas seguir um guião aborrecido e previsível. Eles podem realmente olhar para uma situação, avaliar o que está a acontecer e responder apropriadamente. É como dar um cérebro ao teu programa que pode adaptar-se e fazer escolhas!
 
-Quer ver como isto funciona lindamente? Deixe-me mostrar-lhe:
+Queres ver como isto funciona lindamente? Deixa-me mostrar-te:
 
 ```javascript
 // Passo 1: Lógica condicional básica
@@ -388,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Isto é o que este código faz:**  
-- **Verifica** se a idade do utilizador cumpre o requisito para votar  
-- **Executa** diferentes blocos de código com base no resultado da condição  
-- **Calcula** e exibe quanto tempo falta até poder votar se tiver menos de 18 anos  
-- **Fornece** feedback específico e útil para cada cenário  
+**Isto é o que este código faz:**
+- **Verifica** se a idade do utilizador cumpre o requisito para votar
+- **Executa** blocos de código diferentes com base no resultado da condição
+- **Calcula** e exibe quanto tempo falta para ser elegível para votar se for menor de 18
+- **Fornece** feedback específico e útil para cada cenário
 
 ```javascript
-// Passo 2: Múltiplas condições com operadores lógicos
+// Passo 2: Várias condições com operadores lógicos
 const userAge = 17;
 const hasPermission = true;
 
@@ -408,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Analisando o que acontece aqui:**  
-- **Combina** múltiplas condições usando o operador `&&` (e)  
-- **Cria** uma hierarquia de condições usando `else if` para múltiplos cenários  
-- **Trata** todos os casos possíveis com uma última instrução `else`  
-- **Oferece** feedback claro e acionável para cada situação diferente  
+**A decompor o que acontece aqui:**
+- **Combina** várias condições usando o operador `&&` (e)
+- **Cria** uma hierarquia de condições usando `else if` para vários cenários
+- **Lida** com todos os casos possíveis com uma última instrução `else`
+- **Fornece** feedback claro e prático para cada situação diferente
 
 ```javascript
-// Passo 3: Condicional conciso com operador ternário
+// Passo 3: Condicional concisa com operador ternário
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**O que precisa de lembrar:**  
-- **Usar** o operador ternário (`? :`) para condições simples com duas opções  
-- **Escrever** a condição primeiro, seguida por `?`, depois o resultado verdadeiro, depois `:`, e depois o resultado falso  
-- **Aplicar** este padrão quando precisar de atribuir valores com base em condições  
+**O que precisas de lembrar:**
+- **Usa** o operador ternário (`? :`) para condições simples com duas opções
+- **Escreve** a condição primeiro, seguida de `?`, depois o resultado verdadeiro, depois `:`, e finalmente o resultado falso
+- **Aplica** este padrão quando precisas de atribuir valores baseados em condições
 
 ```javascript
-// Passo 4: Tratamento de vários casos específicos
+// Passo 4: Tratamento de múltiplos casos específicos
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,53 +447,53 @@ switch (dayOfWeek) {
 }
 ```
 
-**Este código realiza o seguinte:**  
-- **Compara** o valor da variável com múltiplos casos específicos  
-- **Agrupa** casos semelhantes (dias úteis vs fins de semana)  
-- **Executa** o bloco de código apropriado quando encontra uma correspondência  
-- **Inclui** um caso `default` para tratar valores inesperados  
-- **Usa** declarações `break` para evitar que o código continue para o próximo caso  
+**Este código realiza o seguinte:**
+- **Compara** o valor da variável com múltiplos casos específicos
+- **Agrupa** casos semelhantes juntos (dias úteis versus fins de semana)
+- **Executa** o bloco de código apropriado quando encontra correspondência
+- **Inclui** um caso `default` para lidar com valores inesperados
+- **Usa** instruções `break` para impedir o código de continuar para o próximo caso
 
-> 💡 **Analogia do mundo real**: Pense no fluxo de controlo como ter o GPS mais paciente do mundo a dar-lhe direções. Pode dizer "Se houver trânsito na Rua Principal, vá pela autoestrada. Se a construção bloquear a autoestrada, tente o percurso panorâmico." Os programas usam exatamente o mesmo tipo de lógica condicional para responder inteligentemente a situações diferentes e sempre oferecer aos utilizadores a melhor experiência possível.
+> 💡 **Analogia do mundo real**: Pensa no fluxo de controlo como ter o GPS mais paciente do mundo a dar-te direções. Pode dizer "Se houver trânsito na Rua Principal, pega na autoestrada em vez disso. Se a construção bloquear a autoestrada, tenta a rota panorâmica." Os programas usam exatamente este tipo de lógica condicional para responder inteligentemente a diferentes situações e dar sempre aos utilizadores a melhor experiência possível.
 
-### 🎯 **Verificação de Conceitos: Domínio dos Blocos de Construção**
+### 🎯 **Verificação do Conceito: Domínio dos Blocos de Construção**
 
-**Vamos ver como está com os fundamentos:**  
-- Consegue explicar a diferença entre uma variável e uma instrução com as suas próprias palavras?  
-- Pense num cenário real em que usaria uma decisão if-then (como o nosso exemplo do voto)  
-- Qual é uma coisa na lógica de programação que o surpreendeu?  
+**Vamos ver como estás a ir com os fundamentos:**
+- Consegues explicar a diferença entre uma variável e uma sentença com as tuas próprias palavras?
+- Pensa num cenário do mundo real onde usarias uma decisão if-then (como no exemplo do voto)
+- Qual é uma coisa sobre a lógica de programação que te surpreendeu?
 
-**Impulso rápido de confiança:**  
+**Impulso rápido de confiança:**
 ```mermaid
 flowchart LR
-    A["📝 Instruções<br/>(Instruções)"] --> B["📦 Variáveis<br/>(Armazenamento)"] --> C["🔀 Fluxo de Controlo<br/>(Decisões)"] --> D["🎉 Programa a Funcionar!"]
+    A["📝 Declarações<br/>(Instruções)"] --> B["📦 Variáveis<br/>(Armazenamento)"] --> C["🔀 Fluxo de Controlo<br/>(Decisões)"] --> D["🎉 Programa a Funcionar!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **O que vem a seguir**: Vamos divertir-nos imenso ao mergulhar mais a fundo nestes conceitos enquanto continuamos esta incrível jornada juntos! Por agora, concentre-se em sentir a excitação sobre todas as possibilidades incríveis que tem pela frente. As competências e técnicas específicas vão fixar-se naturalmente à medida que praticarmos juntos – prometo que vai ser muito mais divertido do que possa imaginar!
+✅ **O que vem a seguir**: Vamos divertir-nos imenso a aprofundar estes conceitos enquanto continuamos esta viagem incrível juntos! Por agora, concentra-te só em sentir esse entusiasmo por todas as possibilidades incríveis que tens pela frente. As competências e técnicas específicas vão entrar naturalmente à medida que praticamos juntos – prometo que vai ser muito mais divertido do que possas imaginar!
 
 ## Ferramentas do Ofício
 
-Ok, sinceramente aqui é onde fico tão entusiasmado que mal me consigo conter! 🚀 Vamos falar sobre as ferramentas incríveis que vão fazer com que se sinta como se lhe tivessem acabado de entregar as chaves de uma nave espacial digital.
+Certo, esta é honestamente a parte onde fico tão entusiasmado que mal me consigo conter! 🚀 Vamos falar das ferramentas incríveis que vão fazer-te sentir como se acabasses de receber as chaves de uma nave espacial digital.
 
-Sabe como um chef tem aquelas facas perfeitamente equilibradas que parecem extensões das suas mãos? Ou como um músico tem aquela guitarra que parece cantar no momento em que a toca? Pois bem, os programadores têm a nossa própria versão destas ferramentas mágicas, e aqui está algo que vai ficar absolutamente maravilhado – a maioria delas é totalmente grátis!
+Sabes como um chef tem aquelas facas perfeitamente equilibradas que parecem extensões das suas mãos? Ou como um músico tem aquela guitarra que parece cantar no momento em que a toca? Bem, os programadores têm a sua própria versão destas ferramentas mágicas, e aqui está algo que vai impressionar-te – a maioria delas é completamente gratuita!
 
-Estou quase a saltar na cadeira a pensar em partilhar isto consigo porque revolucionaram completamente a forma como construímos software. Estamos a falar de assistentes de codificação com IA que ajudam a escrever código (não estou a brincar!), ambientes na nuvem onde pode criar aplicações completas literalmente de qualquer lugar com Wi-Fi, e ferramentas de depuração tão sofisticadas que são como ter visão de raio-x para os seus programas.
+Estou praticamente a saltar na cadeira a pensar em partilhar isto contigo porque revolucionaram completamente a forma como construímos software. Estamos a falar de assistentes de codificação movidos a IA que podem ajudar a escrever o teu código (não estou a brincar!), ambientes cloud onde podes construir aplicações inteiras literalmente de qualquer lugar com Wi-Fi, e ferramentas de depuração tão sofisticadas que são como ter visão raio-X para os teus programas.
 
-E aqui está a parte que ainda me arrepia: estas não são ferramentas "para iniciantes" que vai ultrapassar rapidamente. São exatamente as mesmas ferramentas de nível profissional que programadores do Google, Netflix, e aquele estúdio indie de apps que tanto gosta estão a usar neste preciso momento. Vai sentir-se um verdadeiro profissional a usá-las!
+E aqui está a parte que ainda me arrepia: estas não são "ferramentas para iniciantes" que vais ultrapassar rapidamente. São exatamente as ferramentas profissionais que os programadores do Google, Netflix e daquele estúdio indie de apps que adoras estão a usar neste preciso momento. Vais sentir-te um verdadeiro profissional a usá-las!
 
 ```mermaid
 graph TD
     A["💡 A Sua Ideia"] --> B["⌨️ Editor de Código<br/>(VS Code)"] 
-    B --> C["🌐 Ferramentas de Desenvolvimento do Navegador<br/>(Testar & Depurar)"]
+    B --> C["🌐 DevTools do Navegador<br/>(Testes & Depuração)"]
     C --> D["⚡ Linha de Comando<br/>(Automação & Ferramentas)"]
     D --> E["📚 Documentação<br/>(Aprendizagem & Referência)"]
     E --> F["🚀 Aplicação Web Incrível!"]
     
-    B -.-> G["🤖 Assistente AI<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 Assistente IA<br/>(GitHub Copilot)"]
     C -.-> H["📱 Teste de Dispositivos<br/>(Design Responsivo)"]
     D -.-> I["📦 Gestores de Pacotes<br/>(npm, yarn)"]
     E -.-> J["👥 Comunidade<br/>(Stack Overflow)"]
@@ -504,106 +505,106 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Editores de Código e IDEs: Os Seus Novos Melhores Amigos Digitais
+### Editores de Código e IDEs: Os Teus Novos Melhores Amigos Digitais
 
-Vamos falar sobre editores de código – estes vão mesmo tornar-se os seus novos lugares favoritos para passar tempo! Pense neles como o seu santuário pessoal de programação onde vai passar a maior parte do tempo a criar e aperfeiçoar as suas criações digitais.
+Vamos falar sobre editores de código – estes estão mesmo prestes a tornar-se os teus novos locais favoritos para passar tempo! Pensa neles como o teu santuário pessoal de programação onde vais passar a maior parte do tempo a criar e aperfeiçoar as tuas criações digitais.
 
-Mas aqui está o que é absolutamente mágico nos editores modernos: eles não são apenas editores de texto sofisticados. São como ter o mentor de programação mais brilhante e apoiador sentado ao seu lado 24/7. Detetam os seus erros de digitação antes de os notar, sugerem melhorias que o fazem parecer um génio, ajudam-no a perceber o que cada pedaço de código faz, e alguns até conseguem prever o que vai escrever e oferecem-se para terminar os seus pensamentos!
+Mas aqui está o que é absolutamente mágico nos editores modernos: eles não são apenas editores de texto sofisticados. São como ter o mentor de programação mais brilhante e prestável sentado ao teu lado 24/7. Apanham os teus erros de digitação antes mesmo de os notares, sugerem melhorias que te fazem parecer um génio, ajudam-te a entender o que cada pedaço de código faz, e alguns até conseguem prever o que estás para digitar e oferecem-se para completar os teus pensamentos!
 
-Lembro-me quando descobri a auto-completação pela primeira vez – senti literalmente que estava a viver no futuro. Começa a escrever algo e o editor diz: "Ei, estavas a pensar nesta função que faz exatamente o que precisas?" É como ter um adivinho da mente como seu companheiro de programação!
+Lembro-me da primeira vez que descobri a autocompletação – senti literalmente que estava a viver no futuro. Começas a digitar algo, e o teu editor diz, "Ei, estavas a pensar nesta função que faz exatamente o que precisas?" É como ter um leitor de pensamentos como parceiro de codificação!
 
 **O que torna estes editores tão incríveis?**
 
-Os editores de código modernos oferecem um impressionante conjunto de funcionalidades pensadas para aumentar a sua produtividade:
+Os editores modernos oferecem um impressionante conjunto de funcionalidades desenhadas para aumentar a tua produtividade:
 
-| Funcionalidade | O que Faz | Porquê Ser Útil |
-|----------------|-----------|----------------|
-| **Realce de Sintaxe** | Colore diferentes partes do código | Facilita a leitura e a deteção de erros |
-| **Auto-completação** | Sugere código enquanto escreve | Acelera a programação e reduz erros de digitação |
-| **Ferramentas de Depuração** | Ajuda a encontrar e corrigir erros | Poupa horas de resolução de problemas |
+| Funcionalidade | O Que Faz | Porquê Que Ajuda |
+|---------|--------------|--------------|
+| **Destaque de Sintaxe** | Colore diferentes partes do teu código | Facilita a leitura do código e a deteção de erros |
+| **Autocompletação** | Sugere código enquanto digitamos | Acelera a codificação e reduz erros de digitação |
+| **Ferramentas de Depuração** | Ajuda a encontrar e corrigir erros | Poupa horas de tempo em resolução de problemas |
 | **Extensões** | Adiciona funcionalidades especializadas | Personaliza o editor para qualquer tecnologia |
 | **Assistentes de IA** | Sugere código e explicações | Acelera o aprendizado e a produtividade |
 
-> 🎥 **Recurso em Vídeo**: Quer ver estas ferramentas em ação? Veja este [vídeo Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) para uma visão geral completa.
+> 🎥 **Recurso em Vídeo**: Quer ver estas ferramentas em ação? Vê este [vídeo Ferramentas do Ofício](https://youtube.com/watch?v=69WJeXGBdxg) para uma visão geral completa.
 
 #### Editores Recomendados para Desenvolvimento Web
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Grátis)  
-- O mais popular entre os programadores web  
-- Excelente ecossistema de extensões  
-- Terminal incorporado e integração com Git  
-- **Extensões obrigatórias**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugestões de código com IA  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaboração em tempo real  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatação automática de código  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Detetar erros de ortografia no código  
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Grátis)
+- O mais popular entre programadores web
+- Excelente ecossistema de extensões
+- Terminal integrado e integração com Git
+- **Extensões imperdíveis**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugestões de código movidas a IA
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaboração em tempo real
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatação automática de código
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Deteta erros ortográficos no código
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Pago, grátis para estudantes)  
-- Ferramentas avançadas de depuração e testes  
-- Auto-completação inteligente  
-- Controlo de versão incorporado  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Pago, grátis para estudantes)
+- Ferramentas avançadas de depuração e testes
+- Autocompletação inteligente de código
+- Controlo de versões integrado
 
-**IDEs Baseadas na Nuvem** (Vários preços)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code completo no seu navegador  
-- [Replit](https://replit.com/) - Excelente para aprender e partilhar código  
-- [StackBlitz](https://stackblitz.com/) - Desenvolvimento web full-stack instantâneo  
+**IDEs Baseadas em Cloud** (Vários preços)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code completo no teu navegador
+- [Replit](https://replit.com/) - Ótimo para aprender e partilhar código
+- [StackBlitz](https://stackblitz.com/) - Desenvolvimento web full-stack instantâneo
 
-> 💡 **Dica para Começar**: Comece com o Visual Studio Code – é gratuito, amplamente usado na indústria, e tem uma enorme comunidade a criar tutoriais e extensões úteis.  
+> 💡 **Dica para Começar**: Começa com o Visual Studio Code – é grátis, amplamente usado na indústria, e tem uma comunidade enorme a criar tutoriais e extensões úteis.
 
 
-### Navegadores Web: O Seu Laboratório Secreto de Desenvolvimento
+### Navegadores Web: O Teu Laboratório Secreto de Desenvolvimento
 
-Ok, prepare-se para ficar completamente maravilhado! Sabe como tem usado os navegadores para navegar nas redes sociais e ver vídeos? Pois, eles têm estado a esconder este incrível laboratório secreto de desenvolvimento o tempo todo, só à espera de ser descoberto por si!
+Ok, prepara-te para ficar completamente maravilhado! Sabes como tens usado os navegadores para navegar nas redes sociais e ver vídeos? Pois afinal eles têm estado a esconder este incrível laboratório secreto de desenvolvimento o tempo todo, só à espera que o descubras!
 
-Cada vez que clica com o botão direito numa página web e seleciona "Inspecionar Elemento", está a abrir um mundo oculto de ferramentas de desenvolvimento que são honestamente mais poderosas do que algum software caro que eu costumava pagar centenas de euros antes. É como descobrir que a sua cozinha comum esconde um laboratório profissional de chef atrás de um painel secreto!
-A primeira vez que alguém me mostrou as DevTools do navegador, passei tipo três horas só a clicar por todo o lado e a pensar "ESPERA, ISTO TAMBÉM FAZ ISSO?!" Literalmente podes editar qualquer site em tempo real, ver exatamente a velocidade de carregamento de tudo, testar como o teu site aparece em dispositivos diferentes, e até fazer debug de JavaScript como um verdadeiro profissional. É absolutamente incrível!
+Cada vez que clicas com o botão direito numa página web e selecionas "Inspecionar Elemento", estás a abrir um mundo escondido de ferramentas para desenvolvedores que são honestamente mais poderosas do que algum software caro que eu antigamente pagava centenas de euros para usar. É como descobrir que a tua velha cozinha tem um laboratório de chef profissional escondido atrás de um painel secreto!
+A primeira vez que alguém me mostrou as DevTools do navegador, passei cerca de três horas só a clicar por tudo e a dizer "ESPERA, ISTO TAMBÉM FAZ ISSO?!" Literalmente, podes editar qualquer site em tempo real, ver exatamente a velocidade de carregamento de tudo, testar como o teu site fica em diferentes dispositivos, e até depurar JavaScript como um verdadeiro profissional. É absolutamente incrível!
 
-**Aqui está o motivo pelo qual os navegadores são a tua arma secreta:**
+**Aqui está porque os navegadores são a tua arma secreta:**
 
-Quando crias um site ou aplicação web, precisas de ver como ele fica e se comporta no mundo real. Os navegadores não só mostram o teu trabalho como também fornecem feedback detalhado sobre desempenho, acessibilidade e possíveis problemas.
+Quando crias um site ou aplicação web, precisas de ver como ele fica e se comporta no mundo real. Os navegadores não só exibem o teu trabalho, como também fornecem feedback detalhado sobre desempenho, acessibilidade e potenciais problemas.
 
 #### Ferramentas de Desenvolvimento do Navegador (DevTools)
 
-Os navegadores modernos incluem suítes de desenvolvimento completas:
+Navegadores modernos incluem suítes completas de desenvolvimento:
 
-| Categoria da Ferramenta | O que faz | Exemplo de uso |
+| Categoria da Ferramenta | O que faz | Exemplo de Uso |
 |------------------------|-----------|----------------|
 | **Inspetor de Elementos** | Ver e editar HTML/CSS em tempo real | Ajustar estilos para ver resultados imediatos |
-| **Console** | Ver mensagens de erro e testar JavaScript | Debug de problemas e experimentar código |
-| **Monitor de Rede** | Acompanhar o carregamento de recursos | Otimizar desempenho e tempos de carregamento |
+| **Console** | Ver mensagens de erro e testar JavaScript | Depurar problemas e experimentar código |
+| **Monitor de Rede** | Acompanhar o carregamento dos recursos | Otimizar desempenho e tempos de carregamento |
 | **Verificador de Acessibilidade** | Testar design inclusivo | Garantir que o site funciona para todos os utilizadores |
-| **Simulador de Dispositivo** | Pré-visualizar em diferentes tamanhos de ecrã | Testar design responsivo sem múltiplos dispositivos |
+| **Simulador de Dispositivos** | Pré-visualizar em diferentes tamanhos de ecrã | Testar design responsivo sem múltiplos dispositivos |
 
 #### Navegadores Recomendados para Desenvolvimento
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools padrão da indústria com documentação extensa
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excelentes ferramentas para CSS Grid e acessibilidade
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Baseado no Chromium com recursos da Microsoft para desenvolvedores
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Construído sobre Chromium com recursos para desenvolvedores da Microsoft
 
-> ⚠️ **Dica Importante para Testes**: Testa sempre os teus sites em vários navegadores! O que funciona na perfeição no Chrome pode apresentar diferenças no Safari ou Firefox. Programadores profissionais testam em todos os principais browsers para garantir experiências de utilizador consistentes.
+> ⚠️ **Dica Importante de Testes**: Testa sempre os teus sites em vários browsers! O que funciona perfeitamente no Chrome pode parecer diferente no Safari ou Firefox. Desenvolvedores profissionais testam em todos os browsers principais para garantir experiências de utilizador consistentes.
 
 
-### Ferramentas de Linha de Comando: A tua Porta para Superpoderes de Desenvolvedor
+### Ferramentas de Linha de Comando: A tua Porta de Entrada para Superpoderes de Desenvolvedor
 
-Ok, vamos ter um momento completamente honesto sobre a linha de comando, porque quero que escuches isto de alguém que realmente percebe. Quando a vi pela primeira vez – só aquela tela preta assustadora com texto a piscar – pensei literalmente, "Não, absolutamente não! Isto parece algo de um filme de hackers dos anos 80 e definitivamente não sou suficientemente inteligente para isto!" 😅
+Ok, vamos ter um momento completamente honesto sobre a linha de comando, porque quero que ouças isto de alguém que realmente percebe. Quando a vi pela primeira vez – só aquela assustadora tela preta com texto a piscar – pensei literalmente: "Nem pensar, absolutamente não! Isto parece coisa de filme de hackers dos anos 80, e eu definitivamente não sou suficientemente inteligente para isto!" 😅
 
-Mas aqui está o que gostaria que alguém me tivesse dito naquela altura, e o que te digo agora: a linha de comando não é assustadora – é na verdade como ter uma conversa direta com o teu computador. Pensa nisso como a diferença entre pedir comida através de uma app elegante com fotos e menus (o que é fácil e confortável) versus entrar no teu restaurante local preferido onde o chef sabe exatamente o que gostas e prepara algo perfeito só com um "surpreende-me com algo incrível."
+Mas aqui está o que gostava que alguém me tivesse dito na altura, e que agora te estou a dizer: a linha de comando não é assustadora – é na verdade como ter uma conversa direta com o teu computador. Pensa nisso como a diferença entre encomendar comida numa app chique com imagens e menus (que é agradável e fácil) e entrar no teu restaurante local favorito onde o chef sabe exatamente o que gostas e pode preparar algo perfeito só por ouvires dizer "surpreende-me com algo incrível."
 
-A linha de comando é onde os desenvolvedores se sentem verdadeiros magos. Escreves algumas palavras que parecem mágicas (ok, são só comandos, mas parecem mágicas!), carregas Enter, e PÁ – criaste estruturas inteiras de projetos, instalaste ferramentas poderosas do mundo inteiro, ou puseste a tua app na internet para milhões verem. Quando provas esse poder pela primeira vez, é simplesmente viciante!
+A linha de comando é onde os desenvolvedores se sentem verdadeiros magos. Digitas umas palavras que parecem mágicas (ok, são só comandos, mas sentem-se mágicos!), carregas enter, e PÁ – criaste estruturas inteiras de projeto, instalaste ferramentas poderosas de todo o mundo, ou colocaste a tua app na internet para milhões de pessoas verem. Depois de provas esse poder pela primeira vez, é sinceramente viciante!
 
-**Por que a linha de comando vai tornar-se a tua ferramenta favorita:**
+**Por que a linha de comando será a tua ferramenta favorita:**
 
-Embora interfaces gráficas sejam ótimas para muitas tarefas, a linha de comando destaca-se em automatização, precisão e velocidade. Muitas ferramentas de desenvolvimento funcionam principalmente através da linha de comando, e aprender a usá-las eficientemente pode melhorar muito a tua produtividade.
+Enquanto interfaces gráficas são ótimas para muitas tarefas, a linha de comando destaca-se na automação, precisão e velocidade. Muitas ferramentas de desenvolvimento funcionam principalmente por interfaces de linha de comando, e aprender a usá-las eficientemente pode melhorar dramaticamente a tua produtividade.
 
 ```bash
-# Passo 1: Criar e navegar até ao diretório do projeto
+# Passo 1: Criar e navegar para o diretório do projeto
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **Isto é o que este código faz:**
-- **Criar** uma nova diretoria chamada "my-awesome-website" para o teu projeto
-- **Navegar** para dentro da diretoria criada para começares a trabalhar
+- **Criar** uma nova pasta chamada "my-awesome-website" para o teu projeto
+- **Navegar** para dentro da pasta recém-criada para começar a trabalhar
 
 ```bash
 # Passo 2: Inicializar o projeto com package.json
@@ -614,11 +615,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Passo a passo, isto está a acontecer:**
-- **Inicializar** um novo projeto Node.js com as definições padrão usando `npm init -y`
-- **Instalar** o Vite como uma ferramenta moderna de build para desenvolvimento rápido e builds de produção
-- **Adicionar** Prettier para formatação automática do código e ESLint para verificar a qualidade do código
-- **Usar** o flag `--save-dev` para marcar estas dependências como apenas para desenvolvimento
+**Passo a passo, isto é o que está a acontecer:**
+- **Inicializar** um novo projeto Node.js com configurações padrão usando `npm init -y`
+- **Instalar** o Vite como ferramenta moderna de build para desenvolvimento rápido e builds de produção
+- **Adicionar** Prettier para formatação automática e ESLint para verificações de qualidade de código
+- **Usar** a flag `--save-dev` para marcar estas dependências como apenas para desenvolvimento
 
 ```bash
 # Passo 3: Criar estrutura e ficheiros do projeto
@@ -629,31 +630,31 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**No exemplo acima, fizemos:**
-- **Organizámos** o projeto criando pastas separadas para código fonte e assets
-- **Gerámos** um ficheiro HTML básico com estrutura documental apropriada
-- **Iniciámos** o servidor de desenvolvimento Vite para recarregamento ao vivo e substituição de módulos em quente
+**No exemplo acima, nós:**
+- **Organizámos** o projeto criando pastas separadas para código-fonte e assets
+- **Gerámos** um ficheiro HTML básico com estrutura adequada
+- **Iniciámos** o servidor de desenvolvimento do Vite para recarregamentos ao vivo e hot module replacement
 
 #### Ferramentas Essenciais de Linha de Comando para Desenvolvimento Web
 
 | Ferramenta | Propósito | Porquê que precisas |
 |------------|-----------|---------------------|
-| **[Git](https://git-scm.com/)** | Controlo de versões | Rastrear alterações, colaborar com outros, fazer backups do trabalho |
-| **[Node.js & npm](https://nodejs.org/)** | Ambiente de execução JavaScript & gestão de pacotes | Executar JavaScript fora dos navegadores, instalar ferramentas modernas de desenvolvimento |
-| **[Vite](https://vitejs.dev/)** | Ferramenta de build & servidor de desenvolvimento | Desenvolvimento super rápido com substituição de módulos em quente |
-| **[ESLint](https://eslint.org/)** | Qualidade do código | Encontrar e corrigir automaticamente problemas no JavaScript |
-| **[Prettier](https://prettier.io/)** | Formatação de código | Manter o código consistentemente formatado e legível |
+| **[Git](https://git-scm.com/)** | Controlo de versões | Rastrear alterações, colaborar com outros, fazer backup do trabalho |
+| **[Node.js & npm](https://nodejs.org/)** | Ambiente de execução JavaScript & gestão de pacotes | Executar JavaScript fora dos browsers, instalar ferramentas modernas |
+| **[Vite](https://vitejs.dev/)** | Ferramenta de build & servidor de dev | Desenvolvimento ultrarrápido com hot module replacement |
+| **[ESLint](https://eslint.org/)** | Qualidade de código | Encontrar e corrigir automaticamente problemas no JavaScript |
+| **[Prettier](https://prettier.io/)** | Formatação de código | Manter o código formatado de forma consistente e legível |
 
-#### Opções Específicas de Plataforma
+#### Opções Específicas por Plataforma
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno e completo
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal moderno e rico em funcionalidades
 - **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Ambiente de scripting poderoso
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Linha de comando tradicional do Windows
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicação de terminal integrada
-- **[iTerm2](https://iterm2.com/)** - Terminal avançado com funcionalidades melhoradas
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicação terminal integrada
+- **[iTerm2](https://iterm2.com/)** - Terminal avançado com funcionalidades adicionais
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell padrão do Linux
@@ -661,195 +662,195 @@ npx vite
 
 > 💻 = Pré-instalado no sistema operativo
 
-> 🎯 **Caminho de Aprendizagem**: Começa com comandos básicos como `cd` (mudar diretoria), `ls` ou `dir` (listar ficheiros), e `mkdir` (criar pasta). Pratica comandos do fluxo de trabalho moderno como `npm install`, `git status`, e `code .` (abre a diretoria atual no VS Code). À medida que te conseguires familiarizar, vais naturalmente aprender comandos mais avançados e técnicas de automatização.
+> 🎯 **Caminho de Aprendizagem**: Começa com comandos básicos como `cd` (mudar diretório), `ls` ou `dir` (listar ficheiros), e `mkdir` (criar pasta). Pratica com comandos do fluxo de trabalho moderno como `npm install`, `git status`, e `code .` (abre a pasta atual no VS Code). À medida que fica mais confortável, irás naturalmente aprender comandos mais avançados e técnicas de automação.
 
 
 ### Documentação: O teu Mentor de Aprendizagem Sempre Disponível
 
-Ok, deixa-me partilhar um pequeno segredo que vai fazer com que te sintas muito melhor por seres um principiante: até os programadores mais experientes passam uma grande parte do tempo a ler documentação. E não é porque não sabem o que estão a fazer – é na verdade um sinal de sabedoria!
+Ok, vou partilhar um pequeno segredo que vai fazer-te sentir muito melhor sobre seres principiante: até os desenvolvedores mais experientes passam uma grande parte do seu tempo a ler documentação. E isso não é porque eles não sabem o que estão a fazer – na verdade, é um sinal de sabedoria!
 
-Pensa na documentação como ter acesso aos professores mais pacientes e experientes do mundo 24/7. Atolado num problema às 2 da manhã? A documentação está lá, com um abraço virtual caloroso e exatamente a resposta que precisas. Quer aprender sobre uma funcionalidade nova e popular? A documentação apoia-te com exemplos passo a passo. Estás a tentar perceber porque é que algo funciona de certa forma? Adivinha – a documentação está pronta para explicar isso de uma maneira que finalmente faz sentido!
+Pensa na documentação como ter acesso aos professores mais pacientes e conhecedores do mundo, disponíveis 24/7. Preso num problema às 2 da manhã? A documentação está lá com um abraço virtual quente e a resposta exata que precisas. Queres aprender sobre alguma funcionalidade nova da qual toda a gente fala? A documentação está do teu lado com exemplos passo a passo. Tentando perceber porque é que algo funciona daquela maneira? Acertaste – a documentação está pronta a explicar de forma que finalmente faz sentido!
 
-Aqui está algo que mudou completamente a minha perspetiva: o mundo do desenvolvimento web evolui incrivelmente rápido, e ninguém (repito, ninguém mesmo!) sabe tudo de cor. Já vi programadores seniores com mais de 15 anos de experiência a consultar sintaxe básica, e sabes o quê? Isso não é embaraçoso – é inteligente! Não se trata de ter uma memória perfeita; trata-se de saber onde encontrar respostas confiáveis rapidamente e entender como aplicá-las.
+Aqui está algo que mudou completamente a minha perspetiva: o mundo do desenvolvimento web move-se incrivelmente rápido e ninguém (digo, absolutamente ninguém!) decorou tudo. Já vi desenvolvedores séniores com mais de 15 anos de experiência a consultar sintaxe básica e sabes o quê? Isto não é embaraçoso – é inteligente! Não é sobre ter uma memória perfeita; é sobre saber onde encontrar respostas confiáveis rapidamente e como aplicá-las.
 
-**É aqui que a verdadeira magia acontece:**
+**Aqui é onde a verdadeira magia acontece:**
 
-Programadores profissionais passam uma parte significativa do tempo a ler documentação – não porque não saibam o que fazem, mas porque o universo do desenvolvimento web muda tão depressa que estar a par das novidades requer aprendizagem contínua. Uma boa documentação ajuda-te a perceber não só *como* usar algo, mas *porquê* e *quando* o deves usar.
+Desenvolvedores profissionais passam uma porção significativa do seu tempo a ler documentação – não porque não saibam o que fazem, mas porque o panorama do desenvolvimento web evolui tão rápido que manter-se atualizado requer aprendizagem contínua. A boa documentação ajuda-te a perceber não só *como* usar algo, mas *porque* e *quando* usar.
 
 #### Recursos Essenciais de Documentação
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - O padrão ouro para documentação de tecnologias web
-- Guias abrangentes para HTML, CSS e JavaScript
-- Inclui informações de compatibilidade entre navegadores
-- Traz exemplos práticos e demos interativos
+- Guias completos para HTML, CSS e JavaScript
+- Inclui informações sobre compatibilidade entre navegadores
+- Traz exemplos práticos e demos interativas
 
 **[Web.dev](https://web.dev)** (da Google)
-- Melhores práticas modernas para desenvolvimento web
-- Guias para otimização de desempenho
+- Melhores práticas modernas de desenvolvimento web
+- Guias de otimização de desempenho
 - Princípios de acessibilidade e design inclusivo
-- Estudo de casos de projetos reais
+- Estudos de caso de projetos reais
 
-**[Documentação para Desenvolvedores Microsoft](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Recursos para desenvolvimento no browser Edge
-- Guias para Progressive Web Apps
-- Insights para desenvolvimento multiplataforma
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Recursos para desenvolvimento no navegador Edge
+- Guias de Progressive Web Apps
+- Insights sobre desenvolvimento multiplataforma
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Currículos de aprendizagem estruturados
-- Cursos em vídeo com especialistas da indústria
+- Currículos estruturados de aprendizagem
+- Cursos em vídeo por especialistas da indústria
 - Exercícios práticos de codificação
 
-> 📚 **Estratégia de Estudo**: Não tentes memorizar a documentação – aprende sim a navegar nela de forma eficiente. Marca como favoritos as referências mais usadas e pratica usar as funções de pesquisa para encontrares informação específica rapidamente.
+> 📚 **Estratégia de Estudo**: Não tentes decorar a documentação – em vez disso, aprende a navegar eficazmente por ela. Coloca nos favoritos referências usadas frequentemente e pratica usar as funções de pesquisa para encontrar rapidamente o que precisas.
 
-### 🔧 **Verificação de Maestria nas Ferramentas: O que mais te interessa?**
+### 🔧 **Verificação do Domínio da Ferramenta: O que mais te atrai?**
 
-**Tira um momento para considerar:**
-- Qual a ferramenta que estás mais entusiasmado para experimentar primeiro? (Não há resposta errada!)
-- Continua a linha de comando a parecer intimidante ou já estás curioso?
-- Consegues imaginar-te a usar as DevTools do navegador para espreitares atrás do ecrã dos teus sites favoritos?
+**Pensa um pouco sobre:**
+- Qual ferramenta tens mais vontade de experimentar primeiro? (Não há resposta errada!)
+- A linha de comando ainda te assusta, ou estás curioso sobre ela?
+- Consegues imaginar usar as DevTools para espreitar por trás da cortina dos teus sites favoritos?
 
 ```mermaid
-pie title "Tempo de Desenvolvedor Despendido com Ferramentas"
+pie title "Tempo de Desenvolvedor Gasto com Ferramentas"
     "Editor de Código" : 40
-    "Testes no Navegador" : 25
+    "Teste no Navegador" : 25
     "Linha de Comandos" : 15
     "Leitura de Documentação" : 15
     "Depuração" : 5
 ```
-> **Curiosidade divertida**: A maioria dos programadores passa cerca de 40% do seu tempo no editor de código, mas repara no tempo que gastam em testes, aprendizagem e resolução de problemas. Programar não é só escrever código – é criar experiências!
+> **Curiosidade divertida**: A maioria dos desenvolvedores passa cerca de 40% do tempo no editor de código, mas repara quanto tempo vai para testes, aprendizagem e resolução de problemas. Programar não é só escrever código – é criar experiências!
 
-✅ **Para refletir**: Aqui vai algo interessante para ponderares – como achas que as ferramentas para construir websites (desenvolvimento) podem ser diferentes das ferramentas para desenhar a sua aparência (design)? É como a diferença entre ser um arquiteto que projeta uma casa bonita e o empreiteiro que de facto a constrói. Ambos são cruciais, mas precisam de caixas de ferramentas diferentes! Este tipo de pensamento vai ajudar-te a ver o quadro completo de como os sites ganham vida.
+✅ **Ponto para refletir**: Aqui está algo interessante para pensar – como achas que as ferramentas para construir sites (desenvolvimento) podem ser diferentes das ferramentas para desenhar como eles ficam (design)? É como a diferença entre ser um arquiteto que desenha uma casa bonita e o empreiteiro que realmente a constrói. Ambos são cruciais, mas precisam de diferentes conjuntos de ferramentas! Este tipo de pensamento vai ajudar-te mesmo a ver o quadro geral de como os sites ganham vida.
 
-## Desafio do Agente GitHub Copilot 🚀
+## Desafio GitHub Copilot Agent 🚀
 
-Usa o modo Agente para completar o desafio seguinte:
+Usa o modo Agent para completar o seguinte desafio:
 
 **Descrição:** Explora as funcionalidades de um editor de código moderno ou IDE e demonstra como pode melhorar o teu fluxo de trabalho como desenvolvedor web.
 
-**Prompt:** Escolhe um editor de código ou IDE (como Visual Studio Code, WebStorm, ou um IDE baseado na cloud). Lista três funcionalidades ou extensões que te ajudam a escrever, depurar ou manter o código mais eficientemente. Para cada uma, dá uma breve explicação de como beneficia o teu fluxo de trabalho.
+**Prompt:** Escolhe um editor de código ou IDE (como Visual Studio Code, WebStorm, ou um IDE baseado na cloud). Lista três funcionalidades ou extensões que ajudam a escrever, depurar ou manter código de forma mais eficiente. Para cada uma, fornece uma breve explicação de como beneficia o teu fluxo de trabalho.
 
 ---
 
 ## 🚀 Desafio
 
-**Ok, detetive, pronto para o teu primeiro caso?**
+**Então, detetive, pronto para o teu primeiro caso?**
 
-Agora que tens esta base fantástica, tenho uma aventura que te vai ajudar a ver quão incrivelmente diversa e fascinante é realmente a programação. E ouve bem – isto não é ainda para escrever código, por isso sem pressão! Imagina-te a ser um detetive de linguagens de programação no teu primeiro caso emocionante!
+Agora que tens esta base incrível, tenho uma aventura que vai ajudar-te a ver o quão incrivelmente diversa e fascinante é a programação. E ouve bem – isto ainda não é sobre escrever código, portanto não te sintas pressionado! Pensa em ti como um detetive de linguagens de programação no teu primeiro caso excitante!
 
-**A tua missão, caso aceites:**
-1. **Torna-te um explorador de linguagens**: Escolhe três linguagens de programação de universos completamente diferentes – talvez uma que constrói websites, outra que cria apps móveis, e outra que analisa dados para cientistas. Encontra exemplos da mesma tarefa simples escrita em cada linguagem. Prometo que vais ficar tão surpreendido com as diferenças, mesmo fazendo exatamente a mesma coisa!
+**A tua missão, se decidires aceitá-la:**
+1. **Torna-te explorador de linguagens**: Escolhe três linguagens de programação de universos completamente diferentes – talvez uma que construa websites, outra que crie apps móveis, e uma que processe dados para cientistas. Encontra exemplos da mesma tarefa simples escrita em cada linguagem. Prometo que vais ficar absolutamente maravilhado com o quão diferentes podem ser enquanto fazem exatamente a mesma coisa!
 
-2. **Descobre as histórias de origem**: O que torna cada linguagem especial? Aqui vai um facto interessante – cada linguagem de programação foi criada porque alguém pensou, "Sabes que mais? Deve haver uma forma melhor de resolver este problema específico." Consegues perceber quais eram esses problemas? Algumas destas histórias são mesmo fascinantes!
+2. **Descobre as suas histórias de origem**: O que torna cada linguagem especial? Aqui vai um facto giro – todas as linguagens de programação foram criadas porque alguém pensou: "Sabes que mais? Tem de haver uma melhor forma de resolver este problema específico." Consegues perceber quais eram esses problemas? Algumas destas histórias são realmente fascinantes!
 
-3. **Conhece as comunidades**: Vê quão acolhedora e apaixonada é a comunidade de cada linguagem. Algumas têm milhões de desenvolvedores a partilharem conhecimento e a ajudarem-se, outras são mais pequenas mas extremamente unidas e de apoio. Vais adorar perceber as diferentes personalidades destas comunidades!
+3. **Conhece as comunidades**: Vê como é a receção e a paixão de cada comunidade de linguagens. Algumas têm milhões de desenvolvedores a partilhar conhecimento e ajudar-se uns aos outros, outras são mais pequenas mas incrivelmente unidas e solidárias. Vais adorar ver as diferentes personalidades destas comunidades!
 
-4. **Segue o teu instinto**: Qual linguagem te parece mais acessível agora? Não stresses em fazer a “escolha perfeita” – apenas ouve os teus instintos! Honestamente, não existe resposta errada aqui, e podes sempre explorar outras depois.
+4. **Segue a tua intuição**: Qual linguagem te parece mais acessível agora? Não te preocupes em fazer a escolha "perfeita" – só ouve os teus instintos! Honestamente, não há resposta errada, e podes sempre explorar outras mais tarde.
 
-**Bónus de detetive**: Se conseguires, descobre com que linguagens são construídos grandes sites ou apps. Garanto que vais ficar chocado ao saber o que está por trás do Instagram, Netflix, ou daquele jogo móvel que não consegues parar de jogar!
+**Trabalho de detetive extra**: Vê se consegues descobrir que grandes websites ou apps são construídos com cada linguagem. Garanto que vais ficar chocado ao saber o que move o Instagram, Netflix, ou aquele jogo móvel do qual não te consegues desligar!
 
-> 💡 **Lembra-te**: Não estás a tentar tornar-te expert em nenhuma destas linguagens hoje. Estás só a conhecer o bairro antes de decidir onde queres instalar-te. Vai com calma, diverte-te, e deixa a tua curiosidade guiar-te!
+> 💡 **Lembra-te**: Não estás a tentar tornar-te um especialista em nenhuma destas linguagens hoje. Estás só a conhecer a vizinhança antes de decidires onde queres estabelecer-te. Vai com calma, diverte-te, e deixa a tua curiosidade guiar-te!
 
-## Vamos Celebrar o que Descobriste!
+## Vamos Celebrar o que Descobristes!
 
-Por amor de Deus, absorveste tanto conhecimento incrível hoje! Estou mesmo entusiasmado para ver o quanto desta viagem fantástica ficou contigo. E lembra-te – isto não é um teste onde precisas de acertar tudo. É mais uma celebração de todas as coisas fixe que aprendeste sobre o fascinante mundo onde estás prestes a mergulhar!
+Caramba, absorveste tanta informação incrível hoje! Estou genuinamente entusiasmado para ver quanto deste incrível percurso ficou contigo. E lembra-te – isto não é um teste onde tens de acertar em tudo. Isto é mais uma celebração de todas as coisas fixes que aprendeste sobre este fascinante mundo para onde estás a caminhar!
 
 [Faz o quiz pós-aula](https://ff-quizzes.netlify.app/web/)
-## Revisão & Autoestudo
 
-**Leve o seu tempo para explorar e divertir-se com isto!**
+## Revisão & Autoestudo
 
-Hoje já percorreu muito caminho, e isso é motivo de orgulho! Agora vem a parte divertida – explorar os tópicos que despertaram a sua curiosidade. Lembre-se, isto não é trabalho de casa – é uma aventura!
+**Toma o teu tempo para explorar e diverte-te com isso!**
+Cobriste muito terreno hoje, e isso é algo de que deves orgulhar-te! Agora vem a parte divertida – explorar os tópicos que despertaram a tua curiosidade. Lembra-te, isto não é trabalho de casa – é uma aventura!
 
-**Aprofunde-se naquilo que mais o entusiasma:**
+**Mergulha mais fundo no que te entusiasma:**
 
-**Experimente na prática as linguagens de programação:**
-- Visite os sites oficiais de 2-3 linguagens que chamaram a sua atenção. Cada uma tem a sua própria personalidade e história!
-- Experimente alguns playgrounds de código online como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ou [Replit](https://replit.com/). Não tenha medo de experimentar – não vai partir nada!
-- Leia sobre como surgiu a sua linguagem favorita. A sério, algumas dessas histórias de origem são fascinantes e vão ajudá-lo a entender porque é que as linguagens funcionam da forma como funcionam.
+**Experimenta linguagens de programação:**
+- Visita os sites oficiais de 2-3 linguagens que te chamaram a atenção. Cada uma tem a sua própria personalidade e história!
+- Experimenta alguns playgrounds de código online como [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ou [Replit](https://replit.com/). Não tenhas medo de experimentar – não vais estragar nada!
+- Lê sobre como a tua linguagem favorita foi criada. A sério, algumas destas histórias de origem são fascinantes e vão ajudar-te a perceber por que as linguagens funcionam da forma como funcionam.
 
-**Familiarize-se com as suas novas ferramentas:**
-- Descarregue o Visual Studio Code se ainda não o fez – é grátis e vai adorar!
-- Passe alguns minutos a explorar o mercado de Extensões. É como uma loja de aplicações para o seu editor de código!
-- Abra as Ferramentas de Desenvolvedor do seu navegador e vá clicando por aí. Não se preocupe em entender tudo – apenas familiarize-se com o que está lá.
+**Fica confortável com as tuas novas ferramentas:**
+- Descarrega o Visual Studio Code se ainda não o fizeste – é grátis e vais adorar!
+- Passa alguns minutos a explorar o marketplace de Extensões. É como uma loja de apps para o teu editor de código!
+- Abre as Ferramentas de Desenvolvedor do teu browser e explora. Não te preocupes em perceber tudo – apenas familiariza-te com o que lá está.
 
-**Junte-se à comunidade:**
-- Siga algumas comunidades de programadores em [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ou [GitHub](https://github.com/). A comunidade de programação é incrivelmente acolhedora para os novos membros!
-- Veja alguns vídeos de programação para iniciantes no YouTube. Há tantos criadores excelentes que se lembram de como é começar do zero.
-- Considere participar em encontros locais ou comunidades online. Acredite, os programadores adoram ajudar quem está a começar!
+**Junta-te à comunidade:**
+- Segue algumas comunidades de programadores em [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ou [GitHub](https://github.com/). A comunidade de programação é incrivelmente acolhedora para novatos!
+- Vê vídeos de programação para iniciantes no YouTube. Há tantos grandes criadores que se lembram de como é começar do zero.
+- Considera juntar-te a encontros locais ou comunidades online. Confia em mim, os programadores adoram ajudar quem está a começar!
 
-> 🎯 **Ouça, quero que se lembre disto**: Não se espera que se torne num especialista em programação da noite para o dia! Agora, está apenas a conhecer este mundo incrível de que vai passar a fazer parte. Leve o seu tempo, desfrute da jornada, e lembre-se – todos os programadores que admira já estiveram exatamente onde está agora, entusiasmados e talvez um pouco sobrecarregados. Isso é totalmente normal, e significa que está a fazer tudo bem!
+> 🎯 **Escuta, aqui está o que quero que lembres**: Não se espera que te tornes num mago da programação da noite para o dia! Neste momento, estás só a conhecer este mundo incrível de que vais passar a fazer parte. Vai com calma, desfruta a viagem, e lembra-te – todos os programadores que admiras estiveram exatamente onde tu estás agora, entusiasmados e talvez um pouco sobrecarregados. Isso é totalmente normal, e significa que estás a fazer bem!
 
 
 
 ## Tarefa
 
-[Reading the Docs](assignment.md)
+[Ler a Documentação](assignment.md)
 
-> 💡 **Um pequeno incentivo para a sua tarefa**: Gostaria muito de ver você explorar algumas ferramentas que ainda não abordámos! Ignore os editores, navegadores e ferramentas de linha de comando que já mencionámos – existe todo um universo incrível de ferramentas de desenvolvimento à espera de ser descoberto. Procure aquelas que são mantidas ativamente e têm comunidades vibrantes e prestativas (essas tendem a ter os melhores tutoriais e as pessoas mais solidárias quando inevitavelmente ficar preso e precisar de uma ajuda amiga).
+> 💡 **Um pequeno incentivo para a tua tarefa**: Adoraria ver-te explorar algumas ferramentas que ainda não abordámos! Pula os editores, browsers e ferramentas de linha de comando de que já falámos – existe todo um universo incrível de ferramentas de desenvolvimento à espera de seres descobertas. Procura aquelas que são ativamente mantidas e têm comunidades vibrantes e prestáveis (estas tendem a ter os melhores tutoriais e as pessoas mais disponíveis para ajudar quando ficares bloqueado e precisares de uma mão amiga).
 
 ---
 
-## 🚀 A Sua Linha Temporal de Aprendizagem em Programação
+## 🚀 O Teu Roteiro de Programação
 
-### ⚡ **O que pode fazer nos próximos 5 minutos**
-- [ ] Guardar nos favoritos 2-3 sites de linguagens de programação que lhe chamaram a atenção
-- [ ] Descarregar o Visual Studio Code se ainda não o fez
-- [ ] Abrir as DevTools do navegador (F12) e clicar em qualquer site
-- [ ] Entrar numa comunidade de programação (Dev.to, Reddit r/webdev, ou Stack Overflow)
+### ⚡ **O que podes fazer nos próximos 5 minutos**
+- [ ] Guardar nos favoritos 2-3 websites de linguagens de programação que chamaram a tua atenção
+- [ ] Descarregar o Visual Studio Code se ainda não o fizeste
+- [ ] Abrir as Ferramentas de Desenvolvedor do browser (F12) e clicar em qualquer website
+- [ ] Juntar-te a uma comunidade de programadores (Dev.to, Reddit r/webdev, ou Stack Overflow)
 
-### ⏰ **O que pode concretizar nesta hora**
-- [ ] Completar o quiz pós-aula e refletir sobre as suas respostas
+### ⏰ **O que podes realizar nesta hora**
+- [ ] Completar o quiz pós-aula e refletir sobre as tuas respostas
 - [ ] Configurar o VS Code com a extensão GitHub Copilot
-- [ ] Experimentar um exemplo "Hello World" em 2 linguagens de programação diferentes online
-- [ ] Ver um vídeo "Um dia na vida de um programador" no YouTube
-- [ ] Começar a investigar as linguagens de programação escolhidas (desafio)
+- [ ] Experimentar um exemplo "Hello World" em 2 linguagens diferentes online
+- [ ] Ver um vídeo “Um Dia na Vida de um Programador” no YouTube
+- [ ] Começar a tua investigação sobre linguagens de programação (do desafio)
 
-### 📅 **A sua aventura de uma semana**
+### 📅 **A tua aventura semanal**
 - [ ] Completar a tarefa e explorar 3 novas ferramentas de desenvolvimento
-- [ ] Seguir 5 programadores ou contas relacionadas em redes sociais
-- [ ] Tentar construir algo pequeno no CodePen ou Replit (mesmo que seja só "Hola, [O Seu Nome]!")
-- [ ] Ler um artigo de blog de um programador sobre a sua trajetória em programação
-- [ ] Participar num meetup virtual ou assistir a uma palestra de programação
-- [ ] Começar a aprender a sua linguagem escolhida com tutoriais online
-
-### 🗓️ **A sua transformação de um mês**
-- [ ] Construir o seu primeiro projeto pequeno (até uma página web simples conta!)
-- [ ] Contribuir para um projeto open-source (começar por corrigir documentação)
+- [ ] Seguir 5 programadores ou contas de programação nas redes sociais
+- [ ] Tentar criar algo pequeno no CodePen ou Replit (mesmo que seja só "Olá, [O Teu Nome]!")
+- [ ] Ler um post de blog de programador sobre a sua jornada de codificação
+- [ ] Participar numa meetup virtual ou ver uma palestra sobre programação
+- [ ] Começar a aprender a tua linguagem escolhida com tutoriais online
+
+### 🗓️ **A tua transformação mensal**
+- [ ] Construir o teu primeiro pequeno projeto (mesmo uma página web simples conta!)
+- [ ] Contribuir para um projeto open-source (começa por corrigir documentação)
 - [ ] Ser mentor de alguém que está a iniciar-se na programação
-- [ ] Criar o seu website de portfólio de programador
-- [ ] Conectar-se a comunidades locais de programadores ou grupos de estudo
-- [ ] Começar a planear o seu próximo marco de aprendizagem
+- [ ] Criar o teu website de portfólio de programador
+- [ ] Ligar-te a comunidades locais de programadores ou grupos de estudo
+- [ ] Começar a planear o teu próximo desafio de aprendizagem
 
-### 🎯 **Reflexão Final**
+### 🎯 **Reflexão final**
 
-**Antes de avançar, reserve um momento para celebrar:**
-- O que foi a coisa que mais o entusiasmou hoje na programação?
-- Qual ferramenta ou conceito quer explorar primeiro?
-- Como se sente ao começar esta jornada em programação?
-- Qual é a pergunta que gostaria de fazer a um programador neste momento?
+**Antes de continuares, tira um momento para celebrar:**
+- Qual foi uma coisa sobre programação que te entusiasmou hoje?
+- Qual ferramenta ou conceito queres explorar primeiro?
+- Como te sentes ao começares esta jornada de programação?
+- Qual é uma pergunta que gostarias de fazer a um programador agora?
 
 ```mermaid
 journey
     title A Sua Jornada de Construção de Confiança
     section Hoje
-      Curioso: 3: You
-      Sobrecarregado: 4: You
-      Entusiasmado: 5: You
+      Curious: 3: You
+      Overwhelmed: 4: You
+      Excited: 5: You
     section Esta Semana
-      A Explorar: 4: You
-      A Aprender: 5: You
-      A Conectar: 4: You
+      Exploring: 4: You
+      Learning: 5: You
+      Connecting: 4: You
     section Próximo Mês
-      A Construir: 5: You
-      Confiante: 5: You
-      A Ajudar os Outros: 5: You
+      Building: 5: You
+      Confident: 5: You
+      Helping Others: 5: You
 ```
-> 🌟 **Lembre-se**: Todo especialista já foi um principiante. Todo programador sénior já se sentiu exatamente como você se sente agora – entusiasmado, talvez um pouco sobrecarregado, e definitivamente curioso sobre o que é possível. Está em excelente companhia, e esta jornada vai ser incrível. Bem-vindo ao maravilhoso mundo da programação! 🎉
+> 🌟 **Lembra-te**: Todo especialista já foi um principiante. Todo programador sénior já se sentiu exatamente como tu te sentes agora – entusiasmado, talvez um pouco sobrecarregado, e definitivamente curioso sobre o que é possível. Estás em excelente companhia, e esta jornada vai ser incrível. Bem-vindo ao maravilhoso mundo da programação! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Aviso Legal**:  
-Este documento foi traduzido usando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se tradução profissional por um ser humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas decorrentes do uso desta tradução.
+Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos por garantir a precisão, esteja ciente de que as traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional feita por um humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-PT/AGENTS.md b/translations/pt-PT/AGENTS.md
index 71541cfd6..4f1661dda 100644
--- a/translations/pt-PT/AGENTS.md
+++ b/translations/pt-PT/AGENTS.md
@@ -1,24 +1,24 @@
-# AGENTS.md
+# AGENTES.md
 
 ## Visão Geral do Projeto
 
-Este é um repositório de currículo educativo para o ensino dos fundamentos do desenvolvimento web a principiantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, com 24 aulas práticas cobrindo JavaScript, CSS e HTML.
+Este é um repositório curricular educativo para o ensino dos fundamentos do desenvolvimento web a principiantes. O currículo é um curso abrangente de 12 semanas desenvolvido pelos Microsoft Cloud Advocates, contendo 24 aulas práticas que abrangem JavaScript, CSS e HTML.
 
 ### Componentes Principais
 
-- **Conteúdo Educativo**: 24 lições estruturadas organizadas em módulos baseados em projetos  
-- **Projetos Práticos**: Terrarium, Jogo de Digitação, Extensão de Navegador, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat AI  
-- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-aula)  
-- **Suporte Multilíngue**: Traduções automáticas para 50+ idiomas via GitHub Actions  
-- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos AI)  
+- **Conteúdo Educativo**: 24 lições estruturadas organizadas em módulos baseados em projetos
+- **Projetos Práticos**: Terrário, Jogo de Digitação, Extensão de Browser, Jogo Espacial, Aplicação Bancária, Editor de Código e Assistente de Chat IA
+- **Questionários Interativos**: 48 questionários com 3 perguntas cada (avaliações pré/pós-aula)
+- **Suporte Multilíngue**: Traduções automáticas para 50+ idiomas via GitHub Actions
+- **Tecnologias**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para projetos de IA)
 
 ### Arquitetura
 
-- Repositório educativo com estrutura baseada em aulas  
-- Cada pasta de aula contém README, exemplos de código e soluções  
-- Projetos independentes em diretórios separados (quiz-app, vários projetos de aulas)  
-- Sistema de tradução usando GitHub Actions (co-op-translator)  
-- Documentação servida via Docsify e disponível em PDF  
+- Repositório educativo com estrutura baseada em aulas
+- Cada pasta de aula contém README, exemplos de código e soluções
+- Projetos independentes em diretórios separados (quiz-app, vários projetos das aulas)
+- Sistema de tradução usando GitHub Actions (co-op-translator)
+- Documentação servida via Docsify e disponível em PDF
 
 ## Comandos de Configuração
 
@@ -30,7 +30,7 @@ Este repositório é principalmente para consumo de conteúdo educativo. Para tr
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-  
+
 ### Configuração do Quiz App (Vue 3 + Vite)
 
 ```bash
@@ -40,7 +40,7 @@ npm run dev        # Iniciar servidor de desenvolvimento
 npm run build      # Construir para produção
 npm run lint       # Executar ESLint
 ```
-  
+
 ### API do Projeto Bancário (Node.js + Express)
 
 ```bash
@@ -50,23 +50,23 @@ npm start          # Iniciar servidor API
 npm run lint       # Executar ESLint
 npm run format     # Formatar com Prettier
 ```
-  
-### Projetos de Extensão de Navegador
+
+### Projetos de Extensão de Browser
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Siga as instruções específicas do navegador para carregar extensões
+# Siga as instruções específicas do navegador para carregar a extensão
 ```
-  
-### Projetos de Jogo Espacial
+
+### Projetos do Jogo Espacial
 
 ```bash
 cd 6-space-game/solution
 npm install
-# Abra o index.html no navegador ou use o Live Server
+# Abra index.html no navegador ou use o Live Server
 ```
-  
+
 ### Projeto de Chat (Backend Python)
 
 ```bash
@@ -75,208 +75,208 @@ pip install openai
 # Definir a variável de ambiente GITHUB_TOKEN
 python api.py
 ```
-  
-## Fluxo de Trabalho em Desenvolvimento
 
-### Para Contribuintes de Conteúdo
+## Fluxo de Desenvolvimento
+
+### Para Contribuidores de Conteúdo
 
-1. **Faça fork do repositório** para a sua conta GitHub  
-2. **Clone o seu fork** localmente  
-3. **Crie uma nova branch** para as suas alterações  
-4. Faça alterações no conteúdo da aula ou exemplos de código  
-5. Teste quaisquer alterações de código nos diretórios dos projetos relevantes  
-6. Submeta pull requests seguindo as diretrizes de contribuição  
+1. **Faça fork do repositório** para a sua conta GitHub
+2. **Clone seu fork** localmente
+3. **Crie uma nova branch** para suas alterações
+4. Faça alterações no conteúdo das aulas ou exemplos de código
+5. Teste quaisquer alterações de código nas pastas dos projetos relevantes
+6. Submeta pull requests seguindo as diretrizes de contribuição
 
-### Para Estudantes
+### Para Aprendizes
 
-1. Faça fork ou clone do repositório  
-2. Navegue pelos diretórios das aulas sequencialmente  
-3. Leia os ficheiros README de cada aula  
-4. Complete os questionários pré-aula em https://ff-quizzes.netlify.app/web/  
-5. Execute os exemplos de código nas pastas das aulas  
-6. Complete tarefas e desafios  
-7. Realize os questionários pós-aula  
+1. Faça fork ou clone o repositório
+2. Navegue sequencialmente pelas pastas das aulas
+3. Leia os ficheiros README de cada aula
+4. Complete os questionários pré-aula em https://ff-quizzes.netlify.app/web/
+5. Trabalhe nos exemplos de código nas pastas das aulas
+6. Complete os trabalhos e desafios
+7. Realize os questionários pós-aula
 
-### Desenvolvimento ao Vivo
+### Desenvolvimento em Tempo Real
 
-- **Documentação**: Execute `docsify serve` na raiz (porta 3000)  
-- **Quiz App**: Execute `npm run dev` no diretório quiz-app  
-- **Projetos**: Use a extensão Live Server do VS Code para projetos HTML  
-- **Projetos API**: Execute `npm start` nos respetivos diretórios das APIs  
+- **Documentação**: Execute `docsify serve` na raiz (porta 3000)
+- **Quiz App**: Execute `npm run dev` na pasta quiz-app
+- **Projetos**: Utilize a extensão VS Code Live Server para projetos HTML
+- **Projetos API**: Execute `npm start` nas respetivas pastas API
 
-## Instruções de Teste
+## Instruções para Testes
 
-### Teste do Quiz App
+### Testes do Quiz App
 
 ```bash
 cd quiz-app
 npm run lint       # Verificar problemas de estilo de código
 npm run build      # Verificar se a compilação é bem-sucedida
 ```
-  
-### Teste da API Bancária
+
+### Testes da API Bancária
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Verificar problemas de estilo de código
 node server.js     # Verificar se o servidor inicia sem erros
 ```
-  
-### Abordagem Geral de Teste
 
-- Este é um repositório educativo sem testes automáticos completos  
-- Testes manuais focam em:  
-  - Exemplos de código executarem sem erros  
-  - Links na documentação funcionarem corretamente  
-  - Builds dos projetos concluírem com sucesso  
-  - Exemplos seguirem boas práticas  
+### Abordagem Geral de Testes
+
+- Este é um repositório educativo sem testes automatizados completos
+- Testes manuais focam em:
+  - Exemplos de código executados sem erros
+  - Links na documentação funcionam corretamente
+  - Builds dos projetos completam sem falhas
+  - Exemplos seguem as melhores práticas
 
 ### Verificações Antes da Submissão
 
-- Execute `npm run lint` em diretórios com package.json  
-- Verifique se os links markdown são válidos  
-- Teste exemplos de código no navegador ou Node.js  
-- Confirme que as traduções mantêm a estrutura correta  
+- Execute `npm run lint` nas pastas com package.json
+- Verifique se os links markdown são válidos
+- Teste exemplos de código no navegador ou Node.js
+- Confira se as traduções mantêm a estrutura correta
 
-## Guia de Estilo de Código
+## Diretrizes de Estilo de Código
 
 ### JavaScript
 
-- Use sintaxe moderna ES6+  
-- Siga configurações padrão ESLint fornecidas nos projetos  
-- Use nomes de variáveis e funções significativos para clareza educativa  
-- Adicione comentários explicando conceitos para os estudantes  
-- Utilize Prettier para formatação onde configurado  
+- Utilize sintaxe moderna ES6+
+- Siga as configurações padrão de ESLint fornecidas nos projetos
+- Use nomes de variáveis e funções significativos para clareza educativa
+- Adicione comentários explicativos para os aprendizes
+- Formate com Prettier onde configurado
 
 ### HTML/CSS
 
-- Elementos semânticos HTML5  
-- Princípios de design responsivo  
-- Convenções claras de nomenclatura de classes  
-- Comentários explicativos para técnicas CSS voltados para aprendizes  
+- Utilize elementos semânticos HTML5
+- Princípios de design responsivo
+- Convenções claras de nomenclatura de classes
+- Comentários explicando técnicas CSS para aprendizes
 
 ### Python
 
-- Diretrizes de estilo PEP 8  
-- Exemplos claros e educativos  
-- Anotações de tipo para ajudar na aprendizagem  
+- Diretrizes de estilo PEP 8
+- Código claro e educativo
+- Anotações de tipo quando úteis para aprendizado
 
 ### Documentação Markdown
 
-- Hierarquia clara de títulos  
-- Blocos de código com especificação da linguagem  
-- Links para recursos adicionais  
-- Capturas de ecrã e imagens nas pastas `images/`  
-- Texto alternativo para imagens visando acessibilidade  
+- Hierarquia clara de cabeçalhos
+- Blocos de código com especificação de linguagem
+- Links para recursos adicionais
+- Capturas de ecrã e imagens nas pastas `images/`
+- Texto alternativo para imagens para acessibilidade
 
-### Organização dos Ficheiros
+### Organização de Ficheiros
 
-- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)  
-- Cada projeto tem pastas `solution/` e frequentemente `start/` ou `your-work/`  
-- Imagens armazenadas em pastas `images/` específicas das aulas  
-- Traduções em estrutura `translations/{language-code}/`  
+- Lições numeradas sequencialmente (1-getting-started-lessons, 2-js-basics, etc.)
+- Cada projeto tem diretórios `solution/` e frequentemente `start/` ou `your-work/`
+- Imagens guardadas em pastas `images/` específicas das lições
+- Traduções na estrutura `translations/{language-code}/`
 
 ## Construção e Implementação
 
 ### Implementação do Quiz App (Azure Static Web Apps)
 
-O quiz-app está configurado para implementação em Azure Static Web Apps:
+O quiz-app está configurado para implementação no Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Cria a pasta dist/
-# Faz deploy através do fluxo de trabalho GitHub Actions ao enviar para main
+# Faz deploy via workflow do GitHub Actions ao fazer push para o main
 ```
-  
-Configuração Azure Static Web Apps:  
-- **Localização da App**: `/quiz-app`  
-- **Localização da saída**: `dist`  
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
 
-### Geração de PDF para Documentação
+Configuração do Azure Static Web Apps:
+- **Local da app**: `/quiz-app`
+- **Local de saída**: `dist`
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+
+### Geração de PDF da Documentação
 
 ```bash
 npm install                    # Instalar docsify-to-pdf
-npm run convert               # Gerar PDF a partir de docs
+npm run convert               # Gerar PDF a partir do docs
 ```
-  
+
 ### Documentação Docsify
 
 ```bash
-npm install -g docsify-cli    # Instalar o Docsify globalmente
+npm install -g docsify-cli    # Instalar Docsify globalmente
 docsify serve                 # Servir em localhost:3000
 ```
-  
-### Builds Específicos de Cada Projeto
 
-Cada diretório de projeto pode ter o seu próprio processo de build:  
-- Projetos Vue: `npm run build` cria bundles para produção  
-- Projetos estáticos: Sem etapa de build, servir ficheiros diretamente  
+### Builds Específicos de Projetos
+
+Cada diretório de projeto pode ter seu próprio processo de build:
+- Projetos Vue: `npm run build` cria bundles para produção
+- Projetos estáticos: Sem etapa de build, servem ficheiros diretamente
 
 ## Diretrizes para Pull Requests
 
 ### Formato do Título
 
-Use títulos claros e descritivos indicando a área da alteração:  
-- `[Quiz-app] Adicionar novo quiz para a lição X`  
-- `[Lesson-3] Corrigir erro tipográfico no projeto terrarium`  
-- `[Translation] Adicionar tradução em espanhol para a lição 5`  
-- `[Docs] Atualizar instruções de configuração`  
+Use títulos claros e descritivos indicando a área da alteração:
+- `[Quiz-app] Adicionar novo quiz para a lição X`
+- `[Lesson-3] Corrigir erro tipográfico no projeto terrarium`
+- `[Translation] Adicionar tradução em Espanhol para a lição 5`
+- `[Docs] Atualizar instruções de configuração`
 
-### Verificações Obrigatórias
+### Verificações Necessárias
 
 Antes de submeter um PR:
 
-1. **Qualidade do Código**:  
-   - Execute `npm run lint` nos diretórios dos projetos afetados  
-   - Corrija todos os erros e avisos de lint  
+1. **Qualidade do Código**:
+   - Execute `npm run lint` nas pastas dos projetos afetados
+   - Corrija todos os erros e avisos reportados
 
-2. **Verificação de Build**:  
-   - Execute `npm run build` se aplicável  
-   - Garanta que não há erros no build  
+2. **Verificação do Build**:
+   - Execute `npm run build` se aplicável
+   - Certifique-se que não haja erros de build
 
-3. **Validação de Links**:  
-   - Teste todos os links markdown  
-   - Verifique referências a imagens  
+3. **Validação de Links**:
+   - Teste todos os links markdown
+   - Verifique se referências de imagens funcionam
 
-4. **Revisão de Conteúdo**:  
-   - Revise ortografia e gramática  
-   - Assegure que exemplos de código estão corretos e educativos  
-   - Verifique traduções para manter sentido original  
+4. **Revisão de Conteúdo**:
+   - Revise ortografia e gramática
+   - Garanta que os exemplos de código estão corretos e educativos
+   - Verifique se traduções mantêm o significado original
 
 ### Requisitos para Contribuição
 
-- Aceitar o CLA da Microsoft (verificação automática no primeiro PR)  
-- Seguir o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/)  
-- Ver [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas  
-- Referenciar números de issues na descrição do PR quando aplicável  
+- Aceitar o CLA da Microsoft (verificação automática no primeiro PR)
+- Seguir o [Código de Conduta Open Source da Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Consulte o [CONTRIBUTING.md](./CONTRIBUTING.md) para diretrizes detalhadas
+- Referencie números de issues na descrição do PR se aplicável
 
 ### Processo de Revisão
 
-- PRs revistos por mantenedores e comunidade  
-- Clareza educativa é prioritária  
-- Exemplos de código devem seguir as melhores práticas atuais  
-- Traduções são revistas para precisão e adequação cultural  
+- PRs são revistos por mantenedores e comunidade
+- Clareza educativa é priorizada
+- Exemplos de código devem seguir as melhores práticas atuais
+- Traduções são revistas para precisão e adequação cultural
 
 ## Sistema de Tradução
 
 ### Tradução Automática
 
-- Utiliza GitHub Actions com workflow co-op-translator  
-- Traduz para 50+ idiomas automaticamente  
-- Ficheiros fonte nas pastas principais  
-- Ficheiros traduzidos em diretórios `translations/{language-code}/`  
+- Utiliza GitHub Actions com workflow co-op-translator
+- Traduz automaticamente para 50+ idiomas
+- Ficheiros fonte nas pastas principais
+- Ficheiros traduzidos nas pastas `translations/{language-code}/`
 
-### Adicionar Melhorias Manuais nas Traduções
+### Adição de Melhorias Manuais na Tradução
 
-1. Localize o ficheiro em `translations/{language-code}/`  
-2. Faça melhorias preservando a estrutura  
-3. Assegure que exemplos de código permanecem funcionais  
-4. Teste qualquer conteúdo de quiz localizado  
+1. Localize o ficheiro em `translations/{language-code}/`
+2. Faça melhorias preservando a estrutura
+3. Assegure que exemplos de código continuam funcionais
+4. Teste qualquer conteúdo de quiz localizado
 
-### Metadados da Tradução
+### Metadados de Tradução
 
-Ficheiros traduzidos incluem cabeçalho de metadados:  
+Os ficheiros traduzidos incluem cabeçalho de metadados:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
+
 ## Depuração e Resolução de Problemas
 
 ### Problemas Comuns
 
-**Quiz app não começa**:  
-- Verifique a versão do Node.js (v14+ recomendado)  
-- Apague `node_modules` e `package-lock.json`, execute `npm install` novamente  
-- Verifique conflitos de porta (padrão: Vite usa porta 5173)  
+**Quiz app não inicia**:
+- Verifique a versão do Node.js (recomendado v14+)
+- Apague `node_modules` e `package-lock.json`, execute `npm install` novamente
+- Verifique conflitos de porta (padrão: Vite usa porta 5173)
 
-**Servidor API não inicia**:  
-- Confirme versão mínima do Node.js (node >=10)  
-- Verifique se a porta já está em uso  
-- Assegure que todas as dependências estão instaladas com `npm install`  
+**Servidor API não inicia**:
+- Confirme se o Node.js está na versão mínima (node >=10)
+- Veja se a porta já está em uso
+- Assegure que todas as dependências estão instaladas com `npm install`
 
-**Extensão do navegador não carrega**:  
-- Verifique se o manifest.json está corretamente formatado  
-- Confira console do navegador para erros  
-- Siga instruções específicas do navegador para instalação da extensão  
+**Extensão de browser não carrega**:
+- Verifique se o manifest.json está formatado corretamente
+- Confira erros na consola do browser
+- Siga as instruções específicas do browser para instalação da extensão
 
-**Problemas no projeto de chat Python**:  
-- Assegure que o pacote OpenAI está instalado: `pip install openai`  
-- Verifique se a variável ambiente GITHUB_TOKEN está definida  
-- Cheque permissões de acesso a GitHub Models  
+**Problemas no projeto de chat Python**:
+- Verifique se o pacote OpenAI está instalado: `pip install openai`
+- Confirme se a variável de ambiente GITHUB_TOKEN está definida
+- Verifique permissões de acesso aos GitHub Models
 
-**Docsify não serve a documentação**:  
-- Instale docsify-cli globalmente: `npm install -g docsify-cli`  
-- Execute a partir da raiz do repositório  
-- Confirme que o ficheiro `docs/_sidebar.md` existe  
+**Docsify não serve a documentação**:
+- Instale docsify-cli globalmente: `npm install -g docsify-cli`
+- Execute a partir da raiz do repositório
+- Verifique se `docs/_sidebar.md` existe
 
 ### Dicas para Ambiente de Desenvolvimento
 
-- Use VS Code com extensão Live Server para projetos HTML  
-- Instale extensões ESLint e Prettier para formatação consistente  
-- Use DevTools do navegador para depurar JavaScript  
-- Para projetos Vue, instale a extensão Vue DevTools no navegador  
+- Use VS Code com a extensão Live Server para projetos HTML
+- Instale extensões ESLint e Prettier para formatação consistente
+- Use as DevTools do browser para depurar JavaScript
+- Para projetos Vue, instale a extensão Vue DevTools para browser
 
 ### Considerações de Performance
 
-- Grande número de ficheiros traduzidos (50+ idiomas) torna clones completos grandes  
-- Use clone raso se só trabalhar com conteúdo: `git clone --depth 1`  
-- Exclua traduções das pesquisas quando trabalhar com conteúdo em inglês  
-- Processos de build podem ser lentos na primeira execução (npm install, build Vite)  
+- Grande número de ficheiros traduzidos (50+ idiomas) faz os clones completos serem grandes
+- Use clone superficial se estiver a trabalhar apenas no conteúdo: `git clone --depth 1`
+- Exclua traduções das pesquisas quando trabalhar no conteúdo em inglês
+- Processos de build podem ser lentos na primeira execução (npm install, build Vite)
 
 ## Considerações de Segurança
 
 ### Variáveis de Ambiente
 
-- Chaves API nunca devem ser commitadas no repositório  
-- Use ficheiros `.env` (já incluídos em `.gitignore`)  
-- Documente as variáveis de ambiente necessárias nos READMEs dos projetos  
+- Chaves API nunca devem ser cometidas no repositório
+- Use ficheiros `.env` (já listados em `.gitignore`)
+- Documente variáveis de ambiente necessárias nos READMEs dos projetos
 
 ### Projetos Python
 
-- Utilize ambientes virtuais: `python -m venv venv`  
-- Mantenha dependências atualizadas  
-- Tokens do GitHub devem ter permissões mínimas necessárias  
+- Use ambientes virtuais: `python -m venv venv`
+- Mantenha dependências atualizadas
+- Tokens GitHub devem ter permissões mínimas necessárias
 
-### Acesso ao GitHub Models
+### Acesso aos GitHub Models
 
-- Tokens de Acesso Pessoal (PAT) são necessários para GitHub Models  
-- Tokens devem ser guardados como variáveis ambiente  
-- Nunca commit tokens ou credenciais  
+- Tokens de Acesso Pessoal (PAT) são necessários para GitHub Models
+- Tokens devem ser guardados como variáveis de ambiente
+- Nunca cometa tokens ou credenciais no repositório
 
 ## Notas Adicionais
 
 ### Público-Alvo
 
-- Principiantes completos no desenvolvimento web  
-- Estudantes e autodidatas  
-- Professores usando o currículo em salas de aula  
-- Conteúdo desenhado para acessibilidade e construção gradual de competências  
+- Principiantes completos em desenvolvimento web
+- Estudantes e autodidatas
+- Professores a usar o currículo em sala de aula
+- Conteúdo desenhado para acessibilidade e construção gradual de competências
 
 ### Filosofia Educativa
 
-- Abordagem de aprendizagem baseada em projetos  
-- Verificações frequentes de conhecimento (questionários)  
-- Exercícios práticos de programação  
-- Exemplos de aplicações do mundo real  
-- Foco nos fundamentos antes dos frameworks  
+- Aproximação baseada em projetos
+- Verificações frequentes de conhecimento (quizzes)
+- Exercícios práticos de programação
+- Exemplos de aplicação no mundo real
+- Foco nos fundamentos antes dos frameworks
 
 ### Manutenção do Repositório
 
-- Comunidade ativa de aprendizes e contribuidores  
-- Atualizações regulares de dependências e conteúdo  
-- Issues e discussões monitorizadas pelos mantenedores  
-- Atualizações de tradução automatizadas via GitHub Actions  
+- Comunidade ativa de aprendizes e contribuidores
+- Atualizações regulares de dependências e conteúdo
+- Issues e discussões monitorizadas pelos mantenedores
+- Atualizações de tradução automatizadas via GitHub Actions
 
 ### Recursos Relacionados
 
-- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)  
-- [Recursos Student Hub](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes  
-- Cursos adicionais: IA generativa, Ciência de Dados, ML, currículos IoT disponíveis  
+- [Módulos Microsoft Learn](https://docs.microsoft.com/learn/)
+- [Recursos no Student Hub](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomendado para aprendizes
+- Cursos adicionais: IA Generativa, Ciência de Dados, ML, currículos IoT disponíveis
 
 ### Trabalhar com Projetos Específicos
 
-Para instruções detalhadas sobre projetos individuais, consulte os ficheiros README em:  
-- `quiz-app/README.md` - Aplicação de quiz Vue 3  
-- `7-bank-project/README.md` - Aplicação bancária com autenticação  
-- `5-browser-extension/README.md` - Desenvolvimento de extensão para navegador  
-- `6-space-game/README.md` - Desenvolvimento de jogo baseado em Canvas  
-- `9-chat-project/README.md` - Projeto de assistente chat AI  
+Para instruções detalhadas de projetos individuais, consulte os ficheiros README em:
+- `quiz-app/README.md` - Aplicação quiz em Vue 3
+- `7-bank-project/README.md` - Aplicação bancária com autenticação
+- `5-browser-extension/README.md` - Desenvolvimento de extensão de browser
+- `6-space-game/README.md` - Desenvolvimento de jogo baseado em canvas
+- `9-chat-project/README.md` - Projeto de assistente de chat IA
 
-### Estrutura Monorepo
+### Estrutura de Monorepo
 
-Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:  
-- Cada aula é autónoma  
-- Projetos não partilham dependências  
-- Trabalhe em projetos individuais sem afetar outros  
-- Clone o repositório completo para a experiência do currículo completo  
+Embora não seja um monorepo tradicional, este repositório contém múltiplos projetos independentes:
+- Cada aula é autónoma
+- Projetos não partilham dependências
+- Trabalhe em projetos individuais sem afetar os outros
+- Clone o repositório completo para ter a experiência do currículo completo
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Aviso Legal**:  
-Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, por favor tenha em atenção que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional realizada por um humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes da utilização desta tradução.
+**Aviso Legal**:
+Este documento foi traduzido utilizando o serviço de tradução por IA [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritária. Para informações críticas, recomenda-se a tradução profissional por um humano. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/pt-PT/README.md b/translations/pt-PT/README.md
index ccfbc353a..8bbf36511 100644
--- a/translations/pt-PT/README.md
+++ b/translations/pt-PT/README.md
@@ -12,52 +12,62 @@
 
 # Desenvolvimento Web para Iniciantes - Um Currículo
 
-Aprenda os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe em questionários, discussões e tarefas práticas. Melhore as suas competências e otimize a retenção do conhecimento com a nossa eficaz pedagogia baseada em projetos. Comece hoje a sua jornada de programação!
+Aprenda os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 aulas mergulha em JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe em questionários, discussões e tarefas práticas. Melhore as suas competências e otimize a retenção do seu conhecimento com a nossa pedagógica eficaz baseada em projetos. Comece hoje mesmo a sua jornada de programação!
 
-Junte-se à Comunidade Discord Azure AI Foundry
+Junte-se à Comunidade Azure AI Foundry no Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Siga estes passos para começar a utilizar estes recursos:
-1. **Faça um Fork do Repositório**: Clique [![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)
+Siga estes passos para começar a usar estes recursos:
+1. **Faça Fork do Repositório**: Clique [![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. **Clone o Repositório**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 3. [**Junte-se ao Azure AI Foundry Discord e conheça especialistas e outros programadores**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Suporte Multilíngue
 
-#### Suportado através de GitHub Action (Automatizado e Sempre Atualizado)
+#### Suportado via GitHub Action (Automatizado e Sempre Atualizado)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](./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)
+[Árabe](../ar/README.md) | [Bengali](../bn/README.md) | [Búlgaro](../bg/README.md) | [Birmanês (Myanmar)](../my/README.md) | [Chinês (Simplificado)](../zh-CN/README.md) | [Chinês (Tradicional, Hong Kong)](../zh-HK/README.md) | [Chinês (Tradicional, Macau)](../zh-MO/README.md) | [Chinês (Tradicional, Taiwan)](../zh-TW/README.md) | [Croata](../hr/README.md) | [Checo](../cs/README.md) | [Dinamarquês](../da/README.md) | [Holandês](../nl/README.md) | [Estónio](../et/README.md) | [Finlandês](../fi/README.md) | [Francês](../fr/README.md) | [Alemão](../de/README.md) | [Grego](../el/README.md) | [Hebraico](../he/README.md) | [Hindi](../hi/README.md) | [Húngaro](../hu/README.md) | [Indonésio](../id/README.md) | [Italiano](../it/README.md) | [Japonês](../ja/README.md) | [Kannada](../kn/README.md) | [Coreano](../ko/README.md) | [Lituano](../lt/README.md) | [Malaio](../ms/README.md) | [Malaiala](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Pidgin Nigeriano](../pcm/README.md) | [Norueguês](../no/README.md) | [Persa (Farsi)](../fa/README.md) | [Polaco](../pl/README.md) | [Português (Brasil)](../pt-BR/README.md) | [Português (Portugal)](./README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romeno](../ro/README.md) | [Russo](../ru/README.md) | [Sérvio (Cirílico)](../sr/README.md) | [Eslovaco](../sk/README.md) | [Esloveno](../sl/README.md) | [Espanhol](../es/README.md) | [Suaíli](../sw/README.md) | [Sueco](../sv/README.md) | [Tagalo (Filipino)](../tl/README.md) | [Tâmil](../ta/README.md) | [Telugu](../te/README.md) | [Tailandês](../th/README.md) | [Turco](../tr/README.md) | [Ucraniano](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamita](../vi/README.md)
 
 > **Prefere Clonar Localmente?**
-
-> Este repositório inclui mais de 50 traduções que aumentam significativamente o tamanho do download. Para clonar sem traduções, utilize o sparse checkout:
+>
+> Este repositório inclui traduções em mais de 50 idiomas o que aumenta significativamente o tamanho do download. Para clonar sem traduções, utilize o 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'
 > ```
-> Isto oferece tudo o que precisa para completar o curso com um download muito mais rápido.
+>
+> **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"
+> ```
+>
+> Isto fornece tudo o que precisa para completar o curso com um download muito mais rápido.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Se desejar ter idiomas de tradução adicionais, os suportados estão listados [aqui](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Se desejar que sejam suportados idiomas adicionais, estes encontram-se listados [aqui](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)
+[![Abrir no 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)
 
 #### 🧑‍🎓 _É estudante?_
 
-Visite a [**página do Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrará recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher para certificado gratuito. Esta é a página que deve adicionar aos favoritos e consultar regularmente pois alteramos o conteúdo mensalmente.
+Visite a [**página Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) onde encontrará recursos para principiantes, pacotes para estudantes e até formas de obter um voucher de certificado gratuito. Esta é a página que deve guardar nos favoritos e consultar de vez em quando, pois atualizamos o conteúdo mensalmente.
 
-### 📣 Anúncio - Novos desafios do modo GitHub Copilot Agent para completar!
+### 📣 Anúncio - Novos desafios do modo Agente GitHub Copilot para completar!
 
-Novo desafio adicionado, procure "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. Este é um novo desafio para completar utilizando o GitHub Copilot e o modo Agent. Se nunca usou o modo Agent, ele é capaz não só de gerar texto mas também de criar e editar ficheiros, executar comandos e muito mais.
+Novo desafio adicionado, procure "GitHub Copilot Agent Challenge 🚀" em maioria dos capítulos. É um novo desafio para completar usando o GitHub Copilot e o modo Agente. Se nunca usou o modo Agente antes, ele é capaz não só de gerar texto, mas também criar e editar ficheiros, executar comandos e muito mais.
 
 ### 📣 Anúncio - _Novo Projeto para construir usando IA Generativa_
 
-Novo projeto de Assistente AI acabou de ser adicionado, veja o [projeto](./9-chat-project/README.md)
+Novo projeto de Assistente AI acabado de adicionar, veja o [projeto](./9-chat-project/README.md)
 
-### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acaba de ser lançado
+### 📣 Anúncio - _Novo Currículo_ sobre IA Generativa para JavaScript acabou de ser lançado
 
 Não perca o nosso novo currículo de IA Generativa!
 
@@ -65,14 +75,13 @@ Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com
 
 ![Background](../../translated_images/pt-PT/background.148a8d43afde5730.webp)
 
-- Lições cobrindo tudo, desde o básico até RAG.
-- Interaja com personagens históricos usando GenAI e a nossa aplicação acompanhante.
-- Narrativa divertida e envolvente, vai viajar no tempo!
+- Aulas que abrangem tudo desde os conceitos básicos até RAG.
+- Interaja com personagens históricos usando GenAI e a nossa app acompanhante.
+- Narrativa divertida e envolvente, viaje no tempo!
 
 ![character](../../translated_images/pt-PT/character.5c0dd8e067ffd693.webp)
 
-
-Cada lição inclui uma tarefa a completar, um teste de conhecimento e um desafio para o guiar na aprendizagem de tópicos como:
+Cada aula inclui uma tarefa para completar, um controlo de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como:
 - Prompting e engenharia de prompts
 - Geração de aplicações de texto e imagem
 - Aplicações de pesquisa
@@ -83,41 +92,40 @@ Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para com
 
 ## 🌱 Começar
 
-> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como usar este currículo. Adoraríamos o seu feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Professores**, incluímos [algumas sugestões](for-teachers.md) sobre como utilizar este currículo. Adoraríamos o seu feedback [no nosso fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Estudantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada lição, comece com um questionário pré-aula e avance lendo o material da aula, completando as várias atividades e verificando a sua compreensão com o questionário pós-aula.
+**[Alunos](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para cada aula, comece com um questionário pré-aula, siga lendo o material da aula, complete as várias atividades e verifique a sua compreensão com o questionário pós-aula.
 
-Para melhorar a sua experiência de aprendizagem, conecte-se com os seus colegas para trabalharem juntos nos projetos! As discussões são encorajadas no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às suas perguntas.
+Para melhorar a sua experiência de aprendizagem, conecte-se com seus colegas para trabalharem juntos nos projetos! Discussões são incentivadas no nosso [fórum de discussão](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) onde a nossa equipa de moderadores estará disponível para responder às suas perguntas.
 
 Para aprofundar a sua educação, recomendamos vivamente explorar o [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para materiais de estudo adicionais.
 
 ### 📋 Configurar o seu ambiente
 
-Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começar pode optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em browser, sem necessidade de instalações_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Este currículo tem um ambiente de desenvolvimento pronto a usar! À medida que começa pode optar por executar o currículo num [Codespace](https://github.com/features/codespaces/) (_um ambiente baseado em browser, sem necessidade de instalações_), ou localmente no seu computador usando um editor de texto como o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Crie o seu repositório
-Para guardar facilmente o seu trabalho, recomenda-se criar a sua própria cópia deste repositório. Pode fazer isto clicando no botão **Use this template** no topo da página. Isto criará um novo repositório na sua conta GitHub com uma cópia do currículo.
+Para guardar facilmente o seu trabalho, é recomendado que crie a sua própria cópia deste repositório. Pode fazê-lo clicando no botão **Usar este modelo** no topo da página. Isto criará um novo repositório na sua conta GitHub com uma cópia do currículo.
 
 Siga estes passos:
-1. **Faça um Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página.
+1. **Faça Fork do Repositório**: Clique no botão "Fork" no canto superior direito desta página.
 2. **Clone o Repositório**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Executar o currículo num Codespace
 
-Na sua cópia do repositório que criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para trabalhar.
+Na sua cópia deste repositório que criou, clique no botão **Code** e selecione **Open with Codespaces**. Isto criará um novo Codespace para trabalhar.
 
 ![Codespace](../../translated_images/pt-PT/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Executar o currículo localmente no seu computador
 
-Para executar este currículo localmente no seu computador, vai precisar de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), irá guiá-lo por várias opções para cada uma destas ferramentas para seleccionar o que funcionar melhor para si.
-
-Recomendamos usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como editor, que também inclui um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Pode descarregar o Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
+Para executar este currículo localmente no seu computador, vai precisar de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira aula, [Introdução às Linguagens de Programação e Ferramentas do Ofício](../../1-getting-started-lessons/1-intro-to-programming-languages), orienta-o através das várias opções para cada uma destas ferramentas para que escolha a que funciona melhor para si.
 
-1. Clone o seu repositório para o seu computador. Pode fazer isto clicando no botão **Code** e copiando a URL:
+A nossa recomendação é usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) como seu editor, que também tem um [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) incorporado. Pode fazer o download do Visual Studio Code [aqui](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clone o seu repositório para o seu computador. Pode fazer isto clicando no botão **Code** e copiando o URL:
 
     [CodeSpace](./images/createcodespace.png)
+
     Depois, abra o [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) dentro do [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) e execute o seguinte comando, substituindo `<your-repository-url>` pelo URL que acabou de copiar:
 
     ```bash 
@@ -127,87 +135,87 @@ Recomendamos usar o [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id
 2. Abra a pasta no Visual Studio Code. Pode fazer isto clicando em **File** > **Open Folder** e selecionando a pasta que acabou de clonar.
 
 
-> Extensões recomendadas para o Visual Studio Code:
+>  Extensões recomendadas do Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para pré-visualizar páginas HTML dentro do Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar a escrever código mais rápido
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para ajudar a escrever código mais rapidamente
 
 ## 📂 Cada lição inclui:
 
 - sketchnote opcional
 - vídeo suplementar opcional
-- quiz de aquecimento pré-lição
+- questionário pré-aula
 - lição escrita
 - para lições baseadas em projetos, guias passo a passo para construir o projeto
 - verificações de conhecimento
 - um desafio
 - leitura suplementar
 - tarefa
-- [quiz pós-lição](https://ff-quizzes.netlify.app/web/)
+- [questionário pós-aula](https://ff-quizzes.netlify.app/web/)
 
-> **Uma nota sobre quizzes**: Todos os quizzes estão contidos na pasta Quiz-app, 48 quizzes no total com três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/); a aplicação do quiz pode ser executada localmente ou implementada no Azure; siga as instruções na pasta `quiz-app`.
+> **Uma nota sobre os questionários**: Todos os questionários estão contidos na pasta Quiz-app, totalizando 48 questionários com três perguntas cada. Estão disponíveis [aqui](https://ff-quizzes.netlify.app/web/), a aplicação de questionários pode ser executada localmente ou implantada no Azure; siga as instruções na pasta `quiz-app`.
 
 ## 🗃️ Lições
 
-|     |                       Nome do Projeto                       |                            Conceitos Ensinados                             | Objetivos de Aprendizagem                                                                                                                 |                                                         Lição Ligada                                                          |         Autor          |
-| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     A Começar                              |           Introdução à Programação e Ferramentas do Ofício                 | Aprender os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda desenvolvedores profissionais | [Introdução às Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     A Começar                              |             Noções Básicas de GitHub, inclui trabalho em equipa            | Como usar o GitHub no seu projeto, como colaborar com outros numa base de código                                                         |                            [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     A Começar                              |                             Acessibilidade                                | Aprender os conceitos básicos de acessibilidade web                                                                                        |                       [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Noções Básicas de JS                |                         Tipos de Dados em JavaScript                      | Os conceitos básicos dos tipos de dados em JavaScript                                                                                     |                                       [Tipos de Dados](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Noções Básicas de JS                |                         Funções e Métodos                                | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação                                                               |                              [Funções e Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine e Christopher   |
-| 06  |                        Noções Básicas de JS                |                        Tomar Decisões com JS                             | Aprender a criar condições no seu código usando métodos de tomada de decisão                                                              |                                 [Tomar Decisões](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Noções Básicas de JS                |                            Arrays e Loops                                | Trabalhar com dados usando arrays e ciclos em JavaScript                                                                                 |                                   [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML na Prática                              | Construir o HTML para criar um terrário online, focando na construção de um layout                                                        |                                 [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS na Prática                               | Construir o CSS para estilizar o terrário online, focando nos conceitos básicos de CSS incluindo tornar a página responsiva              |                                  [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Closures em JavaScript, manipulação do DOM                | Construir o JavaScript para que o terrário funcione como uma interface de arrastar/soltar, focando em closures e manipulação do DOM      |                  [Closures em JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Construir um Jogo de Digitação                  | Aprender como usar eventos do teclado para conduzir a lógica da sua aplicação JavaScript                                                  |                                [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |                         Trabalhar com Navegadores                       | Aprender como os navegadores funcionam, a sua história, e como esboçar os primeiros elementos de uma extensão para navegador             |                               [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis no local storage | Construir os elementos JavaScript da sua extensão para navegador para chamar uma API usando variáveis armazenadas localmente              |                [APIs, Formulários, e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Extensão Verde para Navegador](./5-browser-extension/solution/README.md) |          Processos em segundo plano no navegador, performance web       | Usar processos em segundo plano do navegador para gerir o ícone da extensão; aprender sobre performance web e algumas otimizações para melhorar |             [Tarefas em Segundo Plano e Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Jogo Espacial](./6-space-game/solution/README.md)           |             Desenvolvimento de Jogos Mais Avançado em JavaScript       | Aprender sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para construir um jogo                              |                      [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                           Desenhar no canvas                            | Aprender sobre a API Canvas, usada para desenhar elementos no ecrã                                                                     |                                [Desenhar no Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                   Mover elementos no ecrã                              | Descobrir como elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas                                           |                           [Mover Elementos](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                          Detecção de colisões                         | Fazer elementos colidirem e reagirem entre si usando teclas e providenciar uma função de cooldown para assegurar o desempenho do jogo  |                              [Detecção de Colisões](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                             Manter pontuação                           | Realizar cálculos matemáticos baseados no estado e desempenho do jogo                                                                  |                                    [Manter Pontuação](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                     Finalizar e reiniciar o jogo                       | Aprender sobre terminar e reiniciar o jogo, incluindo limpar recursos e redefinir valores de variáveis                                  |                                [Condição de Fim](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [App Bancário](./7-bank-project/solution/README.md)          |                 Templates HTML e Rotas numa Aplicação Web              | Aprender como criar o esqueleto da arquitetura de um site multipágina usando roteamento e templates HTML                              |                            [Templates HTML e Rotas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [App Bancário](./7-bank-project/solution/README.md)          |                  Construir um Formulário de Login e Registo            | Aprender sobre construção de formulários e rotinas de validação                                                                        |                                           [Formulários](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [App Bancário](./7-bank-project/solution/README.md)          |                   Métodos de Recolha e Uso de Dados                    | Como os dados fluem para dentro e para fora da sua aplicação, como buscar, armazenar e dispensar deles                                |                                            [Dados](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [App Bancário](./7-bank-project/solution/README.md)          |                      Conceitos de Gestão de Estado                     | Aprender como a sua aplicação retém estado e como gerir isso programaticamente                                                        |                                [Gestão de Estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Código Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código | [Usar o Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [Assistentes de IA](./9-chat-project/README.md) | Trabalhar com IA | Aprender a construir o seu próprio assistente de IA | [Projeto Assistente de IA](./9-chat-project/README.md) | Chris |
+|     |                       Nome do Projeto                       |                            Conceitos Ensinados                             | Objetivos de Aprendizagem                                                                                                               |                                                         Lição Ligada                                                          |         Autor          |
+| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                         |           Introdução à Programação e Ferramentas do Ofício                  | Aprender os fundamentos básicos da maioria das linguagens de programação e sobre o software que ajuda os programadores profissionais     | [Introdução a Linguagens de Programação e Ferramentas do Ofício](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                         |             Noções básicas de GitHub, inclui trabalho em equipa            | Como usar o GitHub no seu projeto, como colaborar com outros numa base de código                                                        |                            [Introdução ao GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                         |                             Acessibilidade                                 | Aprender os conceitos básicos de acessibilidade na web                                                                                   |                       [Fundamentos de Acessibilidade](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                            |                         Tipos de Dados em JavaScript                        | Os conceitos básicos dos tipos de dados em JavaScript                                                                                     |                                       [Tipos de Dados](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                            |                         Funções e Métodos                                  | Aprender sobre funções e métodos para gerir o fluxo lógico de uma aplicação                                                             |                              [Funções e Métodos](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                            |                        Tomar Decisões com JS                               | Aprender a criar condições no seu código usando métodos de tomada de decisão                                                             |                                 [Tomar Decisões](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                            |                            Arrays e Loops                                  | Trabalhar com dados utilizando arrays e loops em JavaScript                                                                              |                                   [Arrays e Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)         |                            HTML na Prática                                | Construir o HTML para criar um terrário online, focando na criação de um layout                                                          |                                 [Introdução ao HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)         |                            CSS na Prática                                 | Construir o CSS para estilizar o terrário online, focando nos conceitos básicos de CSS incluindo tornar a página responsiva             |                                  [Introdução ao CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Fechos JavaScript, manipulação do DOM                       | Construir o JavaScript para fazer o terrário funcionar como uma interface drag/drop, focando em fechamentos e manipulação do DOM          |                  [Fechos JavaScript, manipulação do DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Construir um Jogo de Digitação                      | Aprender a usar eventos do teclado para conduzir a lógica da sua app em JavaScript                                                       |                                [Programação Orientada a Eventos](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) |                         Trabalhar com Navegadores                         | Aprender como os navegadores funcionam, a sua história e como criar os primeiros elementos de uma extensão para navegador                |                               [Sobre Navegadores](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) | Construir um formulário, chamar uma API e armazenar variáveis em armazenamento local | Construir os elementos JavaScript da sua extensão para navegador para chamar uma API usando variáveis armazenadas localmente             |                [APIs, Formulários e Armazenamento Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Extensão de Navegador Verde](./5-browser-extension/solution/README.md) |          Processos em segundo plano no navegador, desempenho web          | Usar os processos em segundo plano do navegador para gerir o ícone da extensão; aprender sobre desempenho web e algumas otimizações      |             [Tarefas em Segundo Plano e Desempenho](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Jogo Espacial](./6-space-game/solution/README.md)           |             Desenvolvimento de Jogos Mais Avançado em JavaScript          | Aprender sobre Herança utilizando Classes e Composição e o padrão Pub/Sub, em preparação para criar um jogo                              |                      [Introdução ao Desenvolvimento Avançado de Jogos](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                           Desenhar no canvas                              | Aprender sobre a API Canvas, usada para desenhar elementos num ecrã                                                                     |                                [Desenhar no Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                     Mover elementos pelo ecrã                             | Descobrir como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas                                         |                           [Mover Elementos](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                          Detetar colisões                               | Fazer elementos colidirem e reagirem entre si usando pressionar de teclas e fornecer uma função de cooldown para garantir o desempenho |                              [Deteção de Colisões](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                             Manter a pontuação                            | Realizar cálculos matemáticos baseados no estado e desempenho do jogo                                                                   |                                    [Manter Pontuação](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Jogo Espacial](./6-space-game/solution/README.md)           |                     Terminar e reiniciar o jogo                          | Aprender sobre terminar e reiniciar o jogo, incluindo limpeza de recursos e reposição de valores de variáveis                           |                                [A Condição de Fim](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [App Bancária](./7-bank-project/solution/README.md)          |                 Modelos HTML e Rotas numa Aplicação Web                   | Aprender a criar a estrutura de arquitetura de um site multipágina usando roteamento e modelos HTML                                      |                            [Modelos HTML e Rotas](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [App Bancária](./7-bank-project/solution/README.md)          |                  Construir um Formulário de Login e Registo              | Aprender sobre construção de formulários e rotinas de validação                                                                         |                                           [Formulários](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [App Bancária](./7-bank-project/solution/README.md)          |                   Métodos de Obtenção e Uso de Dados                     | Como os dados entram e saem da sua aplicação, como os obter, armazenar e descartar                                                       |                                            [Dados](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [App Bancária](./7-bank-project/solution/README.md)          |                      Conceitos de Gestão de Estado                      | Aprender como a sua app mantém o estado e como geri-lo programaticamente                                                                |                                [Gestão de Estado](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Código Browser/VScode](../../8-code-editor) | Trabalhar com VScode | Aprender a usar um editor de código| [Usar Editor de Código VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Assistentes AI](./9-chat-project/README.md) | Trabalhar com AI | Aprender a construir o seu próprio assistente AI | [Projeto Assistente AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogia
 
-O nosso currículo foi concebido com dois princípios pedagógicos chave em mente:
+O nosso currículo foi desenhado com dois princípios pedagógicos chave em mente:
 * aprendizagem baseada em projetos
-* quizzes frequentes
+* questionários frequentes
 
-O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos desenvolvedores web atuais. Os alunos terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, terrário virtual, extensão de navegador ecológica, jogo estilo space-invader, e uma aplicação bancária para negócios. No final da série, os alunos terão adquirido uma compreensão sólida do desenvolvimento web.
+O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes usadas pelos programadores web atuais. Os estudantes terão a oportunidade de adquirir experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de navegador amiga do ambiente, um jogo ao estilo space-invader e uma app bancária para negócios. Ao final da série, os estudantes terão adquirido uma compreensão sólida do desenvolvimento web.
 
-> 🎓 Pode fazer as primeiras lições deste currículo como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Pode fazer as primeiras lições deste currículo como um [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
 
-Garantindo que o conteúdo está alinhado com os projetos, o processo torna-se mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições introdutórias sobre noções básicas de JavaScript para introduzir conceitos, acompanhadas de um vídeo da coleção de tutoriais em vídeo “[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)”, alguns dos cujos autores contribuíram para este currículo.
+Ao garantir que o conteúdo está alinhado com os projetos, o processo torna-se mais envolvente para os estudantes e a retenção dos conceitos será aumentada. Também escrevemos várias lições introdutórias de JavaScript para introduzir conceitos, acompanhadas por um vídeo da coleção de tutoriais "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", alguns dos autores dos quais contribuíram para este currículo.
 
-Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura uma retenção adicional. Este currículo foi desenhado para ser flexível e divertido e pode ser feito na totalidade ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao final do ciclo de 12 semanas.
+Além disso, um questionário de baixo risco antes da aula estabelece a intenção do estudante em aprender um tema, enquanto um segundo questionário após a aula assegura uma maior retenção. Este currículo foi desenhado para ser flexível e divertido e pode ser seguido na íntegra ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao final do ciclo de 12 semanas.
 
-Embora tenhamos evitado intencionalmente a introdução de frameworks JavaScript para nos concentrarmos nas competências básicas necessárias como desenvolvedor web antes de adotar um framework, um bom próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: “[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”.
+Embora tenhamos evitado intencionalmente introduzir frameworks de JavaScript para nos concentrarmos nas competências básicas necessárias como programador web antes de adotar um framework, um bom próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Visite as nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Agradecemos o seu feedback construtivo!
+> Visite as nossas diretrizes de [Código de Conduta](CODE_OF_CONDUCT.md) e [Contribuição](CONTRIBUTING.md). Apreciamos o seu feedback construtivo!
 
 
-## 🧭 Acesso Offline
+## 🧭 Acesso offline
 
-Pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois, na pasta raiz deste repositório, digite `docsify serve`. O website será servido na porta 3000 no seu localhost: `localhost:3000`.
+Pode executar esta documentação offline usando o [Docsify](https://docsify.js.org/#/). Faça um fork deste repositório, [instale o Docsify](https://docsify.js.org/#/quickstart) na sua máquina local e depois na pasta raiz deste repositório digite `docsify serve`. O website será servido na porta 3000 no seu localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Outros Cursos
-A nossa equipa produz outros cursos! Veja:
+
+A nossa equipa produz outros cursos! Confira:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -216,7 +224,7 @@ A nossa equipa produz outros cursos! Veja:
 [![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 / Agentes
+### Azure / Edge / MCP / Agents
 [![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)
@@ -251,21 +259,21 @@ A nossa equipa produz outros cursos! Veja:
 
 ## Obter Ajuda
 
-Se ficar preso ou tiver alguma dúvida sobre como criar aplicações de IA. Junte-se a outros estudantes e programadores experientes em discussões sobre MCP. É uma comunidade de apoio onde as perguntas são bem-vindas e o conhecimento é partilhado livremente.
+Se ficar bloqueado ou tiver alguma dúvida sobre como construir aplicações de IA. Junte-se a outros aprendizes e desenvolvedores experientes nas discussões sobre MCP. É uma comunidade solidária onde as perguntas são bem-vindas e o conhecimento é partilhado livremente.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Se tiver feedback sobre o produto ou erros durante a construção, visite:
+Se tiver feedback sobre produtos ou erros durante a construção, visite:
 
 [![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)
 
 ## Licença
 
-Este repositório é licenciado sob a licença MIT. Veja o ficheiro [LICENSE](../../LICENSE) para mais informações.
+Este repositório está licenciado sob a licença MIT. Consulte o ficheiro [LICENSE](../../LICENSE) para mais informações.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Aviso Legal**:
-Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, por favor tenha em atenção que as traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional humana. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes da utilização desta tradução.
+Este documento foi traduzido utilizando o serviço de tradução automática [Co-op Translator](https://github.com/Azure/co-op-translator). Embora nos esforcemos pela precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se a tradução profissional por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes da utilização desta tradução.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ro/.co-op-translator.json b/translations/ro/.co-op-translator.json
index 8cc94ff6e..a105f2335 100644
--- a/translations/ro/.co-op-translator.json
+++ b/translations/ro/.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-07T06:18:32+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:21:56+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ro"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:31:13+00:00",
+    "translation_date": "2026-03-06T13:32:45+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ro"
   },
@@ -516,8 +516,8 @@
     "language_code": "ro"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:23:04+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:17:57+00:00",
     "source_file": "README.md",
     "language_code": "ro"
   },
diff --git a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5112bbc33..3a5437bc9 100644
--- a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,100 +1,100 @@
-# Introducere în Limbaje de Programare și Unelte Moderne pentru Dezvoltatori
+# Introducere în limbajele de programare și instrumentele moderne pentru dezvoltatori
+ 
+Salut, viitor dezvoltator! 👋 Pot să-ți spun ceva care încă îmi provoacă fiori în fiecare zi? Ești pe cale să descoperi că programarea nu este doar despre calculatoare – este despre a avea adevărate superputeri pentru a da viață celor mai nebunești idei ale tale!
 
-Salut, viitorule dezvoltator! 👋 Pot să-ți spun ceva care încă îmi dă fiori în fiecare zi? Ești pe cale să descoperi că programarea nu este doar despre calculatoare – este despre a avea puteri reale ca să aduci la viață cele mai sălbatice idei ale tale!
+Știi momentul acela când folosești aplicația ta preferată și totul se potrivește perfect? Când apeși un buton și se întâmplă ceva absolut magic care te face să spui „wow, cum ORICINE A FĂCUT ASTA?” Ei bine, cineva chiar ca tine – probabil stând în cafeneaua lor preferată la ora 2 dimineața cu al treilea espresso – a scris codul care a creat acea magie. Și iată ce o să te uimească: la finalul acestei lecții, nu doar că vei înțelege cum au făcut asta, dar vei fi nerăbdător să încerci chiar tu!
 
-Știi momentul acela când folosești aplicația ta preferată și totul funcționează perfect? Când apeși un buton și se întâmplă ceva absolut magic care te face să spui „wow, cum au FĂCUT asta?” Ei bine, cineva chiar ca tine – probabil stând în cafeneaua lui preferată la 2 dimineața cu al treilea espresso – a scris codul care a creat acea magie. Și iată ce o să-ți dea pe spate: până la finalul acestei lecții, nu doar că vei înțelege cum au făcut asta, dar vei fi nerăbdător să încerci și tu!
+Uite, înțeleg perfect dacă programarea ți se pare intimidantă acum. Când am început eu, sincer credeam că trebuie să fii un geniu la matematică sau să fi programat de când aveai cinci ani. Dar iată ce mi-a schimbat complet perspectiva: programarea este exact ca învățarea să porți conversații într-o limbă nouă. Începi cu „bună” și „mulțumesc,” apoi ajungi la comandarea unei cafele și, înainte să-ți dai seama, ai discuții profunde filosofice! Doar că în cazul ăsta vorbești cu calculatoarele și, sincer? Sunt cei mai răbdători parteneri de conversație pe care îi vei avea vreodată – nu-ți judecă greșelile și întotdeauna sunt bucuroase să încerce din nou!
 
-Uite, înțeleg perfect dacă programarea pare intimidantă acum. Când am început eu, sincer am crezut că trebuie să fii vreun geniu la matematică sau să codezi de când aveai cinci ani. Dar iată ce mi-a schimbat complet perspectiva: programarea este exact ca învățarea de a purta conversații într-o limbă nouă. Începi cu „bună” și „mulțumesc”, apoi treci la a comanda cafea și înainte să-ți dai seama, ai discuții filozofice adânci! Doar că în acest caz, porți conversații cu calculatoarele și, sincer? Sunt cei mai răbdători parteneri de conversație – nu judecă greșelile tale și sunt mereu entuziasmați să încerce din nou!
-
-Astăzi, vom explora uneltele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci și foarte captivantă. Vorbesc despre exact aceiași editori, browsere și workflow-uri pe care le folosesc zilnic dezvoltatorii de la Netflix, Spotify și studioul tău indie preferat de aplicații. Și iată partea care te va face să dansezi de bucurie: majoritatea acestor unelte profesionale, standard în industrie, sunt complet gratuite!
+Astăzi vom explora instrumentele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci serios captivantă. Vorbesc despre aceiași editori, browsere și fluxuri de lucru pe care dezvoltatorii de la Netflix, Spotify și studioul tău indie favorit le folosesc în fiecare zi. Și iată partea care o să-ți declanșeze dansul fericirii: majoritatea acestor instrumente profesionale, standard în industrie, sunt complet gratuite!
 
 ![Intro Programming](../../../../translated_images/ro/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Călătoria ta în programare astăzi
+    title Călătoria Ta în Programare Azi
     section Descoperă
-      Ce este programarea: 5: You
-      Limbaje de programare: 4: You
-      Prezentare unelte: 5: You
+      Ce este Programarea: 5: You
+      Limbaje de Programare: 4: You
+      Privire de Ansamblu asupra Uneltelor: 5: You
     section Explorează
-      Editoare de cod: 4: You
+      Editorii de Cod: 4: You
       Browsere & DevTools: 5: You
-      Linia de comandă: 3: You
-    section Exersează
-      Detectiv de limbaje: 4: You
-      Explorarea uneltelor: 5: You
-      Conexiune comunitară: 5: You
+      Linia de Comandă: 3: You
+    section Practică
+      Detectiv de Limbaje: 4: You
+      Explorarea Uneltelor: 5: You
+      Conexiune cu Comunitatea: 5: You
 ```
-## Hai să Vedem Ce Știi Deja!
+## Hai să vedem ce știi deja!
 
-Înainte să trecem la partea distractivă, sunt curios – ce știi deja despre lumea asta a programării? Și ascultă, dacă te uiți la aceste întrebări gândind „nu am absolut niciun habar despre nimic din toate acestea,” nu doar că e în regulă, e perfect! Înseamnă că ești în locul potrivit. Gândește-te la acest quiz ca la o încălzire înainte de antrenament – doar ne pregătim mușchii creierului!
+Înainte să ne aruncăm în lucrurile distractive, sunt curios – ce știi deja despre această lume a programării? Și ascultă, dacă te uiți la aceste întrebări gândind „nu am nici cea mai mică idee despre nimic din toate astea,” nu doar că e în regulă, e perfect! Asta înseamnă că ești în locul exact potrivit. Gândește-te la acest quiz ca la o sesiune de stretching înainte de antrenament – doar încălzim mușchii creierului!
 
-[Participă la quiz-ul pre-lecție](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Fă quiz-ul pre-lectură](https://ff-quizzes.netlify.app/web/)
 
 
-## Aventura pe care Urmează să o Parcurgem Împreună
+## Aventura pe care o vom parcurge împreună
 
-Ok, sunt cu adevărat entuziasmat de ceea ce vom explora azi! Serios, aș vrea să văd fața ta când unele dintre aceste concepte îți vor face clic. Iată călătoria incredibilă pe care o vom face împreună:
+Ok, sunt cu adevărat entuziasmat de ceea ce vom explora azi! Serios, mi-aș dori să văd fața ta când unele dintre aceste concepte se vor potrivi perfect. Iată această călătorie incredibilă pe care o facem împreună:
 
-- **Ce este cu adevărat programarea (și de ce e cel mai tare lucru din lume!)** – Vom descoperi cum codul este literalmente magia invizibilă care alimentează tot ce te înconjoară, de la alarma care știe că e luni dimineața până la algoritmul care-ți recomandă perfect seriale pe Netflix
-- **Limbajele de programare și personalitățile lor uimitoare** – Imaginează-ți că intri la o petrecere unde fiecare persoană are puteri speciale diferite și moduri unice de a rezolva probleme. Așa este lumea limbajelor de programare, și îți va plăcea să le cunoști!
-- **Elementele fundamentale care fac să se întâmple magia digitală** – Consideră-le ca pe setul suprem de LEGO creativ. Odată ce înțelegi cum se potrivesc aceste piese, vei realiza că poți construi practic orice îți imaginezi
-- **Unelte profesionale care te vor face să simți că ți s-a dat o baghetă de vrăjitor** – Nu exagerez aici – aceste unelte îți vor da cu adevărat senzația că ai superputeri, și partea cea mai bună? Sunt aceleași unelte pe care le folosesc profesioniștii!
+- **Ce este cu adevărat programarea (și de ce e cel mai tare lucru din lume!)** – Vom descoperi cum codul este literalmente magia invizibilă care alimentează tot ce te înconjoară, de la acea alarmă care cumva știe că e luni dimineață până la algoritmul care îți oferă recomandările perfecte pe Netflix
+- **Limbajele de programare și personalitățile lor uimitoare** – Imaginează-ți că intri la o petrecere unde fiecare persoană are puteri supranaturale complet diferite și feluri diferite de a rezolva probleme. Așa e lumea limbajelor de programare și o să-ți placă să le cunoști!
+- **Blocurile fundamentale care fac magia digitală posibilă** – Gândește-te la ele ca la setul suprem de LEGO creativ. Odată ce înțelegi cum se potrivesc aceste piese, realizezi că poți construi literalmente orice visează imaginația ta
+- **Instrumentele profesionale care te vor face să simți că tocmai ți s-a înmânat bagheta unui vrăjitor** – Nu exagerez – aceste instrumente chiar te vor face să simți că ai superputeri, și partea cea mai bună? Sunt aceleași pe care le folosesc profesioniștii!
 
-> 💡 **Iată chestia**: Nu încerca nici măcar să memorezi totul astăzi! Acum vreau doar să simți scânteia de entuziasm despre ceea ce este posibil. Detaliile se vor fixa natural pe măsură ce practicăm împreună – așa se întâmplă învățarea reală!
+> 💡 **Uite chestia:** Nu te gândi nici măcar să încerci să memorezi totul azi! Acum, vreau doar să simți acea scânteie de entuziasm față de ce e posibil. Detaliile vor rămâne natural pe măsură ce vom exersa împreună – așa se întâmplă învățarea reală!
 
-> Poți parcurge această lecție pe [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Poți lua această lecție pe [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Deci Ce Este Exact *Programarea*?
+## Deci ce este *exact* Programarea?
 
-Bine, să abordăm întrebarea de un milion de dolari: ce este programarea, cu adevărat?
+Bine, să abordăm întrebarea de un milion de dolari: ce este programarea cu adevărat?
 
-Îți voi spune o poveste care mi-a schimbat complet modul de a gândi. Săptămâna trecută, încercam să-i explic mamei mele cum să folosească noua telecomandă smart pentru televizor. M-am prins vorbind așa: „Apasă butonul roșu, dar nu butonul mare roșu, butonul mic roșu din stânga... nu, cealaltă stânga... ok, acum ține apăsat două secunde, nu una, nici trei...” Sună cunoscut? 😅
+O să-ți spun o poveste care mi-a schimbat complet modul în care gândesc asta. Săptămâna trecută încercam să explic mamei cum să folosească telecomanda noastră nouă pentru smart TV. M-am surprins spunând lucruri ca „Apasă butonul roșu, dar nu pe butonul mare roșu, pe cel mic roșu din stânga... nu, pe cealaltă stânga... ok, acum ține-l apăsat două secunde, nu una, nu trei...” Ți se pare cunoscut? 😅
 
-Asta este programarea! Este arta de a da instrucțiuni extrem de detaliate, pas cu pas, către ceva foarte puternic, dar care are nevoie să îi spui totul exact și clar. Doar că, în loc să-i explici mamei (care poate întreabă „care buton roșu?!”), îi explici unui calculator (care face exact ce-i spui, chiar dacă ceea ce ai spus nu e tocmai ce ai vrut).
+Asta e programarea! Este arta de a da instrucțiuni incredibil de detaliate, pas cu pas, către ceva foarte puternic dar care are nevoie să i se explice totul perfect. Doar că în loc să explici mamei (care poate întreba „care buton roșu?!”), îi explici unui calculator (care face exact ce îi spui, chiar dacă ce ai spus nu e chiar ce ai vrut să spui).
 
-Ce m-a uimit când am învățat asta prima dată: calculatoarele sunt de fapt destul de simple la bază. Ele înțeleg literalmente doar două lucruri – 1 și 0, ceea ce înseamnă practic „da” și „nu” sau „pornit” și „oprit.” Atât! Dar aici intervine magia – nu trebuie să vorbim în 1 și 0 ca în filmul Matrix. Aici vin în ajutor **limbajele de programare**. Ele sunt ca cei mai buni traducători din lume care iau gândurile tale perfect normale și le convertesc în limbajul calculatoarelor.
+Iată ce m-a uimit când am învățat asta prima dată: calculatoarele sunt, de fapt, destul de simple la bază. Ele înțeleg literalmente doar două lucruri – 1 și 0, care în esență sunt „da” și „nu” sau „pornit” și „oprit.” Atât! Dar aici devine magic – nu trebuie să vorbim în 1 și 0 ca în Matrix. Aici vin în ajutor **limbajele de programare**. Sunt ca un traducător genial care îți ia gândurile normale, umane, și le convertește în limbajul computerelor.
 
-Și iată ce încă îmi dă fiori în fiecare dimineață când mă trezesc: practic *tot* ce există digital în viața ta a pornit de la cineva ca tine, probabil stând în pijamale cu o ceașcă de cafea, tastând cod pe laptop. Filtrul Instagram care te face să arăți perfect? Cineva a creat acel cod. Recomandarea care te-a dus la melodia ta preferată? Un dezvoltator a construit acel algoritm. Aplicația care te ajută să împarți nota de cină cu prietenii? Da, cineva s-a gândit „asta e enervant, sigur pot să rezolv asta” și apoi... a făcut-o!
+Și iată ce încă îmi provoacă fiori adevărați în fiecare dimineață când mă trezesc: literalmente *tot* ceea ce e digital în viața ta a început cu cineva ca tine, probabil în pijamale cu o cană de cafea, tastând cod pe laptop. Filtrul de Instagram care te face să arăți perfect? Cineva l-a programat. Recomandarea care te-a dus la melodia ta preferată? Un dezvoltator a făcut acel algoritm. Aplicația care te ajută să împarți nota la cină cu prietenii? Da, cineva a zis „asta e enervant, pariez că pot să rezolv asta” și apoi... a făcut-o!
 
-Când înveți să programezi, nu doar că înveți o nouă abilitate – devii parte din această comunitate incredibilă de rezolvatori de probleme care își petrec zilele gândindu-se „Ce-ar fi dacă aș putea construi ceva care să-i facă ziua cuiva puțin mai bună?” Sincer, există ceva mai tare de atât?
+Când înveți să programezi, nu înveți doar o abilitate nouă – devii parte dintr-o comunitate incredibilă de rezolvatori de probleme care își petrec zilele gândind „ce-ar fi dacă aș putea construi ceva care face ziua cuiva puțin mai bună?” Sincer, există ceva mai tare de atât?
 
-✅ **Vânătoare de Fapte Amuzante**: Iată ceva super interesant de căutat când ai un moment liber – cine crezi că a fost primul programator din lume? Îți dau un indiciu: nu este cine te-ai aștepta! Povestea din spatele acestei persoane este absolut fascinantă și arată că programarea a fost întotdeauna despre gândire creativă și rezolvare de probleme în mod inedit.
+✅ **Descoperire amuzantă**: Uite ceva super interesant de căutat când ai un moment liber – cine crezi că a fost primul programator din lume? Îți dau un indiciu: s-ar putea să nu fie cine te aștepți! Povestea din spatele acestei persoane este absolut fascinantă și arată că programarea a fost întotdeauna despre creativitate și gândire în afara tiparelor.
 
-### 🧠 **Moment de Reflectare: Cum Te Simți?**
+### 🧠 **Verificare: Cum te simți?**
 
 **Ia-ți un moment să reflectezi:**
-- Îți face acum sens ideea de „a da instrucțiuni calculatoarelor”?
-- Poți să te gândești la o sarcină zilnică pe care ai vrea să o automatizezi prin programare?
-- Ce întrebări îți vin în minte despre toată treaba asta cu programarea?
+- Are acum sens pentru tine ideea de a „da instrucțiuni calculatoarelor”?
+- Te gândești la o activitate zilnică pe care ai vrea să o automatizezi cu programarea?
+- Ce întrebări îți vin în minte despre toată această treabă cu programarea?
 
-> **Amintește-ți**: Este complet normal dacă unele concepte par confuze acum. Învățarea programării este ca învățarea unei limbi noi – creierul tău are nevoie de timp să-și construiască acele căi neuronale. Ești grozav!
+> **Amintește-ți:** E perfect normal dacă unele concepte par încă neclare acum. Învațarea programării e ca învățarea unei limbi noi – creierul are nevoie de timp să formeze acele căi neuronale. O faci grozav!
 
-## Limbajele de Programare Sunt ca Diferite Arome de Magie
+## Limbajele de programare sunt ca diferite tipuri de magie
 
-Ok, asta poate suna ciudat, dar rămâi cu mine – limbajele de programare sunt foarte asemănătoare cu diferite tipuri de muzică. Gândește-te: ai jazz, care este lin și improvizat, rock care este puternic și direct, clasică care este elegantă și structurată și hip-hop care este creativ și expresiv. Fiecare stil are propria vibrație, propria comunitate de fani pasionați și fiecare este perfect pentru stări și ocazii diferite.
+Ok, o să sune ciudat, dar ține-te bine – limbajele de programare sunt foarte asemănătoare cu diferite genuri muzicale. Gândește-te: ai jazz, care e fluid și improvizat, rock, care e puternic și direct, clasică, elegantă și structurată, și hip-hop, creativ și expresiv. Fiecare stil are propria atmosferă, propria comunitate de fani pasionați și fiecare e perfect pentru dispoziții și ocazii diferite.
 
-Limbajele de programare funcționează la fel! Nu ai folosi același limbaj pentru a crea un joc mobil distractiv pe care l-ai folosi pentru a procesa cantități uriașe de date climatice, la fel cum nu ai da death metal la o clasă de yoga (bine, în cele mai multe clase de yoga oricum! 😄).
+Limbajele de programare funcționează exact la fel! Nu ai folosi același limbaj ca să construiești un joc distractiv pentru mobil și pentru a analiza cantități uriașe de date climatice, la fel cum nu ai pune death metal la ora de yoga (bine, cel puțin la majoritatea orelor! 😄).
 
-Dar iată ce mă uimește de fiecare dată când mă gândesc la asta: aceste limbaje sunt ca un interpret extrem de răbdător și de genial din lume stând chiar lângă tine. Poți exprima ideile într-un mod care pare natural pentru creierul tău uman, iar ele fac toată treaba incredibil de complexă de a traduce asta în 1 și 0, limbajul pe care calculatoarele îl înțeleg. E ca și cum ai avea un prieten perfect fluent atât în „creativitatea umană” cât și în „logica calculatoarelor” – și care nu se obosește niciodată, nu are nevoie de pauze de cafea și nu te judecă niciodată dacă întrebi același lucru de două ori!
+Dar iată ce mă uimește mereu când mă gândesc la asta: aceste limbaje sunt ca și cum ai avea un interpret extrem de răbdător și de inteligent stând chiar lângă tine. Poți exprima ideile în mod natural pentru creierul tău uman și ei preiau toată munca incredibil de complexă de a traduce asta în 1 și 0, limbajul real al calculatorului. E ca și cum ai avea un prieten care stăpânește perfect ambele lumi, „creativitatea umană” și „logica computațională” – și care n-are nevoie niciodată de pauză de cafea și nu te judecă dacă întrebi același lucru de două ori!
 
-### Limbaje de Programare Populare și Utilizările Lor
+### Limbaje populare de programare și utilizările lor
 
 ```mermaid
 mindmap
-  root((Limbaje de Programare))
+  root((Limbaje de programare))
     Dezvoltare Web
       JavaScript
         Magie Frontend
-        Site-uri Interactive
+        Website-uri Interactive
       TypeScript
         JavaScript + Tipuri
         Aplicații Enterprise
     Date & AI
       Python
-        Știința Datelor
+        Știința datelor
         Învățare Automată
         Automatizare
       R
@@ -113,7 +113,7 @@ mindmap
     Sisteme & Performanță
       C++
         Jocuri
-        Critic pentru Performanță
+        Performanță Critică
       Rust
         Siguranța Memoriei
         Programare de Sistem
@@ -121,41 +121,41 @@ mindmap
         Servicii Cloud
         Backend Scalabil
 ```
-| Limbaj | Cel Mai Potrivit Pentru | De Ce Este Popular |
-|--------|-------------------------|-------------------|
+| Limbaj | Cea mai bună utilizare | De ce este popular |
+|--------|-----------------------|------------------|
 | **JavaScript** | Dezvoltare web, interfețe utilizator | Rulează în browsere și alimentează site-uri interactive |
 | **Python** | Știința datelor, automatizare, AI | Ușor de citit și învățat, biblioteci puternice |
-| **Java** | Aplicații enterprise, aplicații Android | Independent de platformă, robust pentru sisteme mari |
-| **C#** | Aplicații Windows, dezvoltare jocuri | Suport puternic din ecosistemul Microsoft |
-| **Go** | Servicii cloud, sisteme backend | Rapid, simplu, proiectat pentru calcul modern |
+| **Java** | Aplicații enterprise, aplicații Android | Independență de platformă, robust pentru sisteme mari |
+| **C#** | Aplicații Windows, dezvoltare jocuri | Suport puternic în ecosistemul Microsoft |
+| **Go** | Servicii cloud, sisteme backend | Rapid, simplu, conceput pentru computație modernă |
 
-### Limbaje de Nivel Înalt vs. Nivel Jos
+### Limbaje de nivel înalt vs. nivel jos
 
-Ok, acesta a fost sincer conceptul care mi-a frânt creierul când am început să învăț, așa că o să-ți împărtășesc analogia care în final m-a făcut să înțeleg – și sper să te ajute și pe tine!
+Ok, sincer ăsta a fost conceptul care mi-a „rupt” creierul când am început să învăț, așa că o să-ți împărtășesc analogia care în cele din urmă mi-a făcut click – și sper să te ajute și pe tine!
 
-Imaginează-ți că vizitezi o țară unde nu vorbești limba și ai mare nevoie să găsești cea mai apropiată toaletă (am trecut cu toții prin asta, nu? 😅):
+Imaginează-ți că vizitezi o țară unde nu vorbești limba și ai nevoie disperată să găsești cea mai apropiată toaletă (am trecut toți prin asta, nu? 😅):
 
-- **Programarea la nivel jos** este ca și cum ai învăța dialectul local atât de bine încât poți sta de vorbă cu bunica care vinde fructe pe colț, folosind referințe culturale, argou local și glume pe care le înțelege doar cine a crescut acolo. Super impresionant și incredibil de eficient... dacă ești fluent! Dar destul de copleșitor când încerci doar să găsești o toaletă.
+- **Programarea la nivel jos** e ca și cum ai învăța dialectul local atât de bine încât poți vorbi cu bunica care vinde fructe în colț folosind referințe culturale, argou local și glume pe care doar cineva născut acolo le înțelege. Super impresionant și incredibil de eficient... dacă vorbești fluent! Dar destul de copleșitor dacă doar încerci să găsești o toaletă.
 
-- **Programarea la nivel înalt** este ca și cum ai avea un prieten local minunat care te înțelege. Poți spune „Am mare nevoie să găsesc o toaletă” în engleză simplă, iar el se ocupă de toată traducerea culturală și îți dă indicații într-un mod care are sens perfect pentru creierul tău ne-local.
+- **Programarea la nivel înalt** este ca și cum ai avea acel prieten local minunat care te înțelege perfect. Poți spune simplu „Trebuie să găsesc o toaletă” în engleză și el se ocupă de traducerea culturală și îți dă indicații într-un mod care are sens pentru creierul tău non-local.
 
 În termeni de programare:
-- **Limbajele de nivel jos** (ca Assembly sau C) îți permit să ai conversații extrem de detaliate cu hardware-ul calculatorului, dar trebuie să gândești ca o mașină, ceea ce este... ei bine, să spunem că este o schimbare mentală mare!
-- **Limbajele de nivel înalt** (ca JavaScript, Python sau C#) îți permit să gândești ca un om în timp ce ele se ocupă de tot limbajul mașinii pe fundal. Plus că au comunități incredibil de primitoare pline de oameni care își amintesc cum e să fii începător și vor sincer să te ajute!
+- **Limbajele de nivel jos** (ca Assembly sau C) îți permit să ai conversații extrem de detaliate cu hardware-ul real al calculatorului, dar trebuie să gândești ca o mașină, ceea ce... ei bine, hai să spunem că e o schimbare mentală uriașă!
+- **Limbajele de nivel înalt** (ca JavaScript, Python sau C#) îți permit să gândești ca un om în timp ce ei se ocupă de toată vorbirea mașinii în fundal. Plus, au comunități incredibil de primitoare pline de oameni care își amintesc cum era să fii începător și chiar vor să te ajute!
 
-Ghici cu ce limbaje îți sugerez să începi? 😉 Limbajele de nivel înalt sunt ca niște roți de antrenament pe care nu vrei să le dai jos niciodată pentru că fac toată experiența mult mai plăcută!
+Ghici ce limbaje o să-ți sugerez să începi? 😉 Limbajele de nivel înalt sunt ca niște roți suplimentare pe bicicletă pe care nu vrei să le dai jos niciodată pentru că fac toată experiența mult mai plăcută!
 
 ```mermaid
 flowchart TB
     A["👤 Gândirea umană:<br/>'Vreau să calculez numerele Fibonacci'"] --> B{Alege nivelul limbajului}
     
     B -->|Nivel înalt| C["🌟 JavaScript/Python<br/>Ușor de citit și scris"]
-    B -->|Nivel jos| D["⚙️ Assembly/C<br/>Control direct al hardware-ului"]
+    B -->|Nivel jos| D["⚙️ Asamblare/C<br/>Control direct al hardware-ului"]
     
     C --> E["📝 Scrie: fibonacci(10)"]
     D --> F["📝 Scrie: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Înțelegerea calculatorului:<br/>Translatorul se ocupă de complexitate"]
+    E --> G["🤖 Înțelegerea computerului:<br/>Translatorul gestionează complexitatea"]
     F --> G
     
     G --> H["💻 Același rezultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,15 +164,15 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Lasă-mă să-ți Arăt De Ce Limbajele de Nivel Înalt Sunt Atât de Prietenoase
+### Lasă-mă să-ți arăt de ce limbajele de nivel înalt sunt mult mai prietenoase
 
-Ok, urmează să-ți arăt ceva care demonstrează perfect de ce m-am îndrăgostit de limbajele de nivel înalt, dar mai întâi – vreau să-mi promiți ceva. Când vezi primul exemplu de cod, nu te panica! Este făcut să arate intimidant. Exact asta vreau să-ți arăt!
+Ok, urmează să-ți arăt ceva care demonstrează perfect de ce m-am îndrăgostit de limbajele de nivel înalt, dar mai întâi – am nevoie să-mi promită ceva. Când vezi primul exemplu de cod, nu te panica! E normal să arate intimidant. Exact asta vreau să subliniez!
 
-Vom vedea aceeași sarcină scrisă în două stiluri complet diferite. Ambele creează ceea ce se numește secvența Fibonacci – este un model matematic frumos unde fiecare număr este suma celor două precedente: 0, 1, 1, 2, 3, 5, 8, 13... (Fapt amuzant: vei găsi acest model literalmente peste tot în natură – spiralele semințelor de floarea-soarelui, modelele de con de pin, chiar și modul în care se formează galaxii!)
+Vom vedea aceeași sarcină scrisă în două stiluri complet diferite. Ambele creează ceea ce se numește secvența Fibonacci – un model matematic frumos unde fiecare număr este suma celor două anterioare: 0, 1, 1, 2, 3, 5, 8, 13... (Curiozitate: vei găsi acest tipar literalmente peste tot în natură – în spiralele semințelor de floarea soarelui, în modelele conurilor de pin, chiar și în forma galaxiilor!)
 
 Gata să vezi diferența? Hai să începem!
 
-**Limbaj de nivel înalt (JavaScript) – Prietenos pentru oameni:**
+**Limbaj de nivel înalt (JavaScript) – Prietenos cu oamenii:**
 
 ```javascript
 // Pasul 1: Configurarea de bază Fibonacci
@@ -184,10 +184,10 @@ console.log('Fibonacci sequence:');
 ```
 
 **Iată ce face acest cod:**
-- **Declară** o constantă pentru a specifica câte numere Fibonacci vrem să generăm
-- **Inițializează** două variabile pentru a urmări numărul curent și următorul din secvență
-- **Setează** valorile de început (0 și 1) care definesc tiparul Fibonacci
-- **Afișează** un mesaj de titlu pentru a identifica rezultatul
+- **Declară** o constantă pentru a specifica câți termeni Fibonacci vrem să generăm
+- **Inițializează** două variabile pentru a urmări numărul curent și următorul în secvență
+- **Setează** valorile de pornire (0 și 1) care definesc modelul Fibonacci
+- **Afișează** un mesaj antet pentru a identifica rezultatul
 
 ```javascript
 // Pasul 2: Generează secvența cu un ciclu
@@ -202,10 +202,10 @@ for (let i = 0; i < fibonacciCount; i++) {
 ```
 
 **Descompunem ce se întâmplă aici:**
-- **Parcurge** fiecare poziție din secvența noastră folosind un `for` loop
-- **Afișează** fiecare număr cu poziția sa folosind formatul template literal
-- **Calculează** următorul număr Fibonacci adunând valorile curente și următoare
-- **Actualizează** variabilele de urmărire pentru a avansa la următoarea iterare
+- **Parcurge** fiecare poziție în secvență folosind un ciclu `for`
+- **Afișează** fiecare număr cu poziția sa folosind formatare template literal
+- **Calculează** numărul Fibonacci următor adunând valorile curente și următoare
+- **Actualizează** variabilele pentru a trece la următoarea iterație
 
 ```javascript
 // Pasul 3: Abordare funcțională modernă
@@ -225,12 +225,12 @@ console.log(fibSequence);
 ```
 
 **În exemplul de mai sus am:**
-- **Creat** o funcție reutilizabilă folosind sintaxa modernă de funcție săgeată
-- **Construim** un array pentru a stoca întreaga secvență în loc să afișăm element cu element
-- **Folosim** indexarea în array pentru a calcula fiecare număr nou din valorile precedente
-- **Returnăm** secvența completă pentru a o putea folosi flexibil în alte părți ale programului
+- **Creat** o funcție reutilizabilă folosind sintaxa modernă de săgeată
+- **Construim** un array pentru a stoca întreaga secvență, în loc să afișăm unul câte unul
+- **Folosim** indexarea vectorului pentru a calcula fiecare număr nou pornind de la cei anteriori
+- **Returnăm** secvența completă pentru flexibilitate în alte părți ale programului
 
-**Limbaj de nivel jos (ARM Assembly) – Prietenos pentru computer:**
+**Limbaj de nivel jos (ARM Assembly) – Prietenos cu calculatorul:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,59 +257,60 @@ back add r0,r1
  end
 ```
 
-Observă cum versiunea în JavaScript se citește aproape ca niște instrucțiuni în engleză, în timp ce versiunea Assembly folosește comenzi criptice care controlează direct procesorul calculatorului. Ambele realizează exact aceeași sarcină, dar limbajul de nivel înalt este mult mai ușor pentru oameni să-l înțeleagă, scrie și întrețină.
+Observi cum versiunea JavaScript se citește aproape ca instrucțiuni în engleză, în timp ce versiunea Assembly folosește comenzi criptice care controlează direct procesorul calculatorului. Ambele realizează aceeași sarcină, dar limbajul de nivel înalt este mult mai ușor de înțeles, scris și întreținut de oameni.
 
 **Diferențele cheie pe care le vei observa:**
-- **Lizibilitate**: JavaScript folosește nume descriptive precum `fibonacciCount` în timp ce Assembly folosește etichete criptice precum `r0`, `r1`
-- **Comentarii**: Limbajele de nivel înalt încurajează comentariile explicative care fac codul să fie auto-documentat  
-- **Structură**: Fluxul logic al JavaScript se potrivește cu modul în care oamenii gândesc problemele pas cu pas  
-- **Mentenanță**: Actualizarea versiunii JavaScript pentru cerințe diferite este simplă și clară  
+- **Claritate**: JavaScript folosește nume descriptive precum `fibonacciCount`, în timp ce Assembly folosește etichete criptice ca `r0`, `r1`
+- **Comentarii**: Limbajele de nivel înalt încurajează comentarii explicative care fac codul auto-documentat
+- **Structură**: Fluxul logic din JavaScript corespunde modului în care oamenii gândesc problemele pas cu pas
+- **Mentenanță**: Actualizarea versiunii JavaScript pentru cerințe diferite este simplă și clară
+
+✅ **Despre șirul Fibonacci**: Acest tipar numeric absolut superb (unde fiecare număr este egal cu suma celor două precedente: 0, 1, 1, 2, 3, 5, 8...) apare literalmente *peste tot* în natură! Îl vei găsi în spiralele florilor de floarea-soarelui, în modelele conurilor de pin, în modul în care se curbează cochiliile nautilus, și chiar în modul în care cresc ramurile copacilor. Este cu adevărat uimitor cum matematica și codul ne pot ajuta să înțelegem și să recreăm tiparele pe care natura le folosește pentru a crea frumusețe!
 
-✅ **Despre secvența Fibonacci**: Această secvență absolut superbă de numere (unde fiecare număr este egal cu suma celor doi precedenți: 0, 1, 1, 2, 3, 5, 8...) apare literalmente *peste tot* în natură! O vei găsi în spiralele florilor de floarea-soarelui, în modelele conurilor de pin, în felul în care cochiliile de nautilus se curbează și chiar în modul în care cresc ramurile copacilor. Este uimitor cum matematica și codul ne pot ajuta să înțelegem și să recreăm modelele pe care natura le folosește pentru a crea frumusețe!
 
-## Blocurile de bază care fac magia să se întâmple
+## Componentele de Bază Care Fac Magia Posibilă
 
-Bine, acum că ai văzut cum arată limbajele de programare în acțiune, haide să descompunem elementele fundamentale care alcătuiesc literalmente orice program vreodată scris. Gândește-te la ele ca la ingredientele esențiale din rețeta ta preferată – odată ce înțelegi ce face fiecare, vei putea citi și scrie cod în aproape orice limbaj!
+Bine, acum că ai văzut cum arată limbajele de programare în acțiune, să descompunem piesele fundamentale care alcătuiesc literalmente fiecare program scris vreodată. Gândește-le ca ingredientele esențiale din rețeta ta preferată – odată ce înțelegi ce face fiecare, vei putea citi și scrie cod aproape în orice limbaj!
 
-Este cam ca și cum ai învăța gramatica programării. Îți amintești cum ai învățat la școală despre substantive, verbe și cum să alcătuiești propoziții? Programarea are propria sa versiune de gramatică și, sincer, este mult mai logică și mai permisivă decât gramatica engleză vreodată a fost! 😄
+Este cam ca să înveți gramatica programării. Îți amintești când erai la școală și învățai despre substantive, verbe și cum să pui propoziții împreună? Programarea are propria versiune de gramatică și, sincer, este mult mai logică și mai permisivă decât gramatica limbii engleze! 😄
 
-### Instrucțiuni: Pașii de urmat
+### Instrucțiuni: Pașii de Urmat
 
-Să începem cu **instrucțiunile** – acestea sunt ca propoziții individuale într-o conversație cu calculatorul tău. Fiecare instrucțiune îi spune calculatorului să facă un lucru specific, cam ca atunci când dai indicații: „Ia-o la stânga aici,” „Oprește-te la semaforul roșu,” „Parchează în acel loc.”
+Să începem cu **instrucțiunile** – acestea sunt ca propozițiile dintr-o conversație cu calculatorul tău. Fiecare instrucțiune spune calculatorului să facă un lucru specific, cam ca și cum ai da indicații: „Ia-o la stânga aici,” „Oprește-te la semaforul roșu,” „Parchează în acel loc.”
 
-Ce îmi place la instrucțiuni este cât de ușor de citit sunt de obicei. Uită-te la asta:
+Ce-mi place la instrucțiuni este cât de ușor de citit sunt de obicei. Uită-te la asta:
 
 ```javascript
-// Instrucțiuni de bază care efectuează acțiuni unice
+// Instrucțiuni de bază care efectuază acțiuni unice
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**Iată ce face acest cod:**  
-- **Declară** o variabilă constantă pentru a stoca numele unui utilizator  
-- **Afișează** un mesaj de salut în consola de ieșire  
-- **Calculează** și stochează rezultatul unei operațiuni matematice  
+
+**Iată ce face acest cod:**
+- **Declară** o variabilă constantă pentru a stoca numele unui utilizator
+- **Afișează** un mesaj de salut în consola de ieșire
+- **Calculează** și stochează rezultatul unei operații matematice
 
 ```javascript
 // Instrucțiuni care interacționează cu paginile web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**Pas cu pas, iată ce se întâmplă:**  
-- **Modifică** titlul paginii web care apare în fila browserului  
-- **Schimbă** culoarea de fundal a întregului corp al paginii  
 
-### Variabile: Sistemul de memorie al programului tău
+**Pas cu pas, iată ce se întâmplă:**
+- **Modifică** titlul paginii web care apare în fila browserului
+- **Schimbă** culoarea de fundal a întregului corp al paginii
 
-Ok, **variabilele** sunt, sincer, unul dintre conceptele mele preferate de predat pentru că sunt atât de asemănătoare cu lucrurile pe care le folosești deja în fiecare zi!
+### Variabile: Sistemul de Memorie al Programului Tău
 
-Gândește-te pentru o clipă la lista de contacte de pe telefonul tău. Nu memorezi numerele de telefon ale tuturor – în schimb, salvezi „Mama,” „Cel mai bun prieten” sau „Pizzerie care livrează până la 2 noaptea” și lași telefonul să țină minte numerele reale. Variabilele funcționează exact așa! Sunt ca niște recipiente etichetate unde programul tău poate stoca informații și le poate accesa mai târziu folosind un nume care chiar are sens.
+Ok, **variabilele** sunt, sincer, unul dintre conceptele mele absolut preferate de predat deoarece sunt foarte asemănătoare cu lucrurile pe care le folosești deja în fiecare zi!
 
-Ce este cu adevărat grozav: variabilele se pot schimba pe măsură ce programul rulează (de aici vine și numele „variabilă” – vezi ce au făcut acolo?). La fel cum poți actualiza contactul de la pizzerie când descoperi o opțiune mai bună, variabilele pot fi actualizate pe măsură ce programul învață informații noi sau condițiile se schimbă!
+Gândește-te la lista ta de contacte de pe telefon pentru o secundă. Nu memorezi numărul de telefon al tuturor – în schimb, salvezi „Mama”, „Cel mai bun prieten” sau „Pizzerie care livrează până la ora 2 AM” și lași telefonul să-și amintească numerele reale. Variabilele funcționează exact la fel! Sunt ca recipiente etichetate unde programul tău poate stoca informații și le poate recupera mai târziu folosind un nume care chiar are sens.
 
-Lasă-mă să-ți arăt cât de simplu poate fi acest lucru:
+Iată ce e cu adevărat cool: variabilele se pot schimba pe măsură ce rulează programul tău (de unde și numele „variabilă” – înțelegi ce au făcut?). La fel cum ai putea actualiza contactul pizzeriei când descoperi un loc chiar mai bun, variabilele pot fi actualizate pe măsură ce programul tău învață informații noi sau pe măsură ce situațiile se schimbă!
+
+Lasă-mă să-ți arăt cât de simplu poate fi asta:
 
 ```javascript
 // Pasul 1: Crearea variabilelor de bază
@@ -318,12 +319,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Înțelegerea acestor concepte:**  
-- **Stochează** valori neschimbătoare în variabile `const` (ca numele site-ului)  
-- **Folosește** `let` pentru valori care se pot schimba pe parcursul programului  
-- **Atribuie** diferite tipuri de date: șiruri de caractere (text), numere și booleeni (adevărat/fals)  
-- **Alege** nume descriptive care să explice ce conține fiecare variabilă  
+
+**Înțelegerea acestor concepte:**
+- **Stochează** valori nemodificabile în variabile `const` (cum ar fi numele site-ului)
+- **Folosește** `let` pentru valori care se pot schimba pe parcursul programului
+- **Atribuie** tipuri de date diferite: șiruri de caractere (text), numere și booleeni (adevărat/fals)
+- **Alege** nume descriptive care explică ce conține fiecare variabilă
 
 ```javascript
 // Pasul 2: Lucrul cu obiecte pentru a grupa datele aferente
@@ -333,51 +334,51 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**În exemplul de mai sus, am:**  
-- **Creat** un obiect pentru a grupa împreună informații legate de vreme  
-- **Organizat** mai multe bucăți de date sub un singur nume de variabilă  
-- **Folosit** perechi cheie-valoare pentru a eticheta clar fiecare informație  
+
+**În exemplul de mai sus, am:**
+- **Creat** un obiect pentru a grupa informații meteo conexe
+- **Organizat** mai multe date sub un singur nume de variabilă
+- **Folosit** perechi cheie-valoare pentru a eticheta clar fiecare informație
 
 ```javascript
 // Pasul 3: Utilizarea și actualizarea variabilelor
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Actualizarea variabilelor care se pot schimba
+// Actualizarea variabilelor schimbabile
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Să înțelegem fiecare parte:**  
-- **Afișează** informații folosind șabloane literale cu sintaxa `${}`  
-- **Accesează** proprietățile obiectului folosind notația cu punct (`weatherData.windSpeed`)  
-- **Actualizează** variabile declarate cu `let` pentru a reflecta condițiile în schimbare  
-- **Combină** mai multe variabile pentru a crea mesaje cu sens  
+
+**Să înțelegem fiecare parte:**
+- **Afișează** informații folosind șabloane literale cu sintaxa `${}`
+- **Accesează** proprietățile obiectului folosind notația cu punct (`weatherData.windSpeed`)
+- **Actualizează** variabile declarate cu `let` pentru a reflecta condițiile schimbătoare
+- **Combină** mai multe variabile pentru a crea mesaje semnificative
 
 ```javascript
-// Pasul 4: Destructurarea modernă pentru un cod mai curat
+// Pasul 4: Destructurare modernă pentru cod mai curat
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Ce trebuie să știi:**  
-- **Extrage** proprietăți specifice din obiecte folosind atribuirea prin destructurare  
-- **Creează** variabile noi automat cu aceleași nume ca și cheile obiectului  
-- **Simplifică** codul evitând utilizarea repetitivă a notației cu punct  
 
-### Flux de control: Învățarea programului tău să gândească
+**Ce trebuie să știi:**
+- **Extrage** proprietăți specifice din obiecte folosind destructurarea
+- **Creează** variabile noi automat cu aceleași nume ca și cheile obiectului
+- **Simplifică** codul evitând notația cu punct repetitivă
 
-Ok, aici programarea devine cu adevărat uimitoare! **Fluxul de control** înseamnă practic să înveți programul să ia decizii inteligente, la fel cum faci tu în fiecare zi fără să te gândești.
+### Controlul Fluxului: Învățarea Programului Tău să Gândească
 
-Imaginează-ți: în această dimineață probabil ai gândit ceva de genul „Dacă plouă, iau umbrelă. Dacă e frig, port o geacă. Dacă întârzii, sar peste micul dejun și iau cafea pe drum.” Creierul tău aplică logică condițională „dacă – atunci” de zeci de ori pe zi!
+Ok, aici programarea devine absolut uluitoare! **Controlul fluxului** este practic să înveți programul cum să ia decizii inteligente, exact ca și cum faci tu în fiecare zi fără să te gândești prea mult.
 
-Acesta este motivul pentru care programele par inteligente și vii, în loc să urmeze doar un scenariu plictisitor și previzibil. Ele pot de fapt să privească o situație, să evalueze ce se întâmplă și să răspundă corespunzător. Este ca și cum ai da programului tău un creier care poate să se adapteze și să ia decizii!
+Imaginează-ți asta: azi dimineață probabil ai trecut prin ceva de genul „Dacă plouă, iau umbrelă. Dacă e frig, port jachetă. Dacă întârzii, sar peste mic dejun și iau o cafea pe drum.” Creierul tău urmează această logică if-then zeci de ori pe zi!
 
-Vrei să vezi cât de frumos funcționează? Lasă-mă să-ți arăt:
+Acesta este motivul pentru care programele par inteligente și vii, în loc să urmeze un scenariu plictisitor și previzibil. Ele pot analiza o situație, evalua ce se întâmplă și răspunde corespunzător. Este ca și cum dai programului tău un creier care se poate adapta și face alegeri!
+
+Vrei să vezi cât de frumos funcționează asta? Lasă-mă să-ți arăt:
 
 ```javascript
-// Pasul 1: Logica condițională de bază
+// Pasul 1: Logică condițională de bază
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -387,12 +388,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Iată ce face acest cod:**  
-- **Verifică** dacă vârsta utilizatorului îndeplinește cerința pentru vot  
-- **Execută** blocuri diferite de cod în funcție de rezultat  
-- **Calculează** și afișează cât timp mai este până la eligibilitatea pentru vot dacă are sub 18 ani  
-- **Oferă** feedback specific și util pentru fiecare scenariu  
+
+**Iată ce face acest cod:**
+- **Verifică** dacă utilizatorul are vârsta necesară pentru a vota
+- **Execută** diferite blocuri de cod în funcție de rezultat
+- **Calculează** și afișează cât mai este până la eligibilitate dacă are sub 18 ani
+- **Oferă** feedback specific și util pentru fiecare scenariu
 
 ```javascript
 // Pasul 2: Condiții multiple cu operatori logici
@@ -407,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Să descompunem ce se întâmplă aici:**  
-- **Combină** mai multe condiții folosind operatorul `&&` (și)  
-- **Creează** o ierarhie de condiții folosind `else if` pentru mai multe scenarii  
-- **Gestionează** toate cazurile posibile cu o ultimă instrucțiune `else`  
-- **Oferă** feedback clar și acționabil pentru fiecare situație diferită  
+
+**Împărțind ceea ce se întâmplă aici:**
+- **Combină** mai multe condiții folosind operatorul `&&` (și)
+- **Creează** o ierarhie de condiții folosind `else if` pentru scenarii multiple
+- **Tratează** toate cazurile posibile cu o instrucțiune finală `else`
+- **Oferă** feedback clar și acțiuni pentru fiecare situație diferită
 
 ```javascript
 // Pasul 3: Condițional concis cu operator ternar
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Ce trebuie să ții minte:**  
-- **Folosește** operatorul ternar (`? :`) pentru condiții simple cu două opțiuni  
-- **Scrie** întâi condiția, urmată de `?`, apoi rezultatul adevărat, apoi `:`, apoi rezultatul fals  
-- **Aplică** acest model când vrei să atribui valori pe baza condițiilor  
+
+**Ce trebuie să ții minte:**
+- **Folosește** operatorul ternar (`? :`) pentru condiții simple cu două opțiuni
+- **Scrie** mai întâi condiția, urmată de `?`, apoi rezultatul dacă e adevărat, apoi `:`, apoi rezultatul dacă e fals
+- **Aplică** acest model când trebuie să atribui valori pe baza condițiilor
 
 ```javascript
 // Pasul 4: Gestionarea mai multor cazuri specifice
@@ -445,24 +446,24 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Acest cod realizează următoarele:**  
-- **Potrivește** valoarea variabilei cu mai multe cazuri specifice  
-- **Grupează** cazurile similare împreună (zile lucrătoare vs. weekend)  
-- **Execută** blocul de cod corespunzător când găsește o potrivire  
-- **Include** un caz `default` pentru a gestiona valori neașteptate  
-- **Folosește** instrucțiuni `break` pentru a preveni continuarea codului către următorul caz  
 
-> 💡 **Analogie din viața reală**: Gândește-te la fluxul de control ca la cel mai răbdător GPS din lume care îți dă indicații. Ar putea spune „Dacă este trafic pe strada Principală, ia autostrada. Dacă construcția blochează autostrada, încearcă ruta scenică.” Programele folosesc exact același tip de logică condițională pentru a răspunde inteligent situațiilor diferite și pentru a oferi utilizatorilor cea mai bună experiență posibilă.
+**Acest cod realizează următoarele:**
+- **Potrivește** valoarea variabilei cu mai multe cazuri specifice
+- **Grupă** cazuri similare împreună (zile lucrătoare vs. weekend)
+- **Execută** blocul de cod potrivit când se găsește o potrivire
+- **Include** un caz `default` pentru a trata valori neașteptate
+- **Folosește** instrucțiuni `break` pentru a preveni continuarea spre cazul următor
+
+> 💡 **Analogie din viața reală**: Gândește-te la controlul fluxului ca la cel mai răbdător GPS din lume care-ți dă indicații. S-ar putea să zică „Dacă există trafic pe strada Principală, ia autostrada în schimb. Dacă autostrada este blocată de lucrări, încearcă ruta pitorească.” Programele folosesc exact acest tip de logică condițională pentru a răspunde inteligent la situații diferite și să ofere utilizatorilor cea mai bună experiență posibilă.
 
-### 🎯 **Verificare de concept: Stăpânirea blocurilor de bază**
+### 🎯 **Verificare de Concept: Stăpânirea Componentele de Bază**
 
-**Să vedem cum te descurci cu elementele fundamentale:**  
-- Poți explica diferența dintre o variabilă și o instrucțiune în cuvintele tale?  
-- Gândește-te la un scenariu din viața reală unde ai utiliza o decizie if-then (cum e exemplul nostru cu votul)  
-- Care este un lucru despre logica programării care te-a surprins?  
+**Să vedem cum te descurci cu elementele fundamentale:**
+- Poți să explici în cuvintele tale diferența dintre o variabilă și o instrucțiune?
+- Gândește-te la un scenariu real unde ai folosi o decizie if-then (precum exemplul nostru cu votul)
+- Ce te-a surprins cel mai mult legat de logica programării?
 
-**Un mic impuls de încredere:**  
+**Un mic impuls de încredere:**
 ```mermaid
 flowchart LR
     A["📝 Instrucțiuni<br/>(Instrucțiuni)"] --> B["📦 Variabile<br/>(Stocare)"] --> C["🔀 Flux de control<br/>(Decizii)"] --> D["🎉 Program funcțional!"]
@@ -471,30 +472,30 @@ flowchart LR
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Ce urmează:** Vom avea un adevărat moment de distracție aprofundând aceste concepte pe măsură ce continuăm această călătorie incredibilă împreună! Acum, concentrează-te să simți entuziasmul față de toate posibilitățile uimitoare care te așteaptă. Abilitățile și tehnicile specifice se vor fixa natural pe măsură ce exersăm împreună – promit că va fi mult mai distractiv decât te aștepți!
+```
+✅ **Ce urmează**: Ne vom distra de minune explorând mai în profunzime aceste concepte pe măsură ce continuăm această călătorie incredibilă împreună! Deocamdată, concentrează-te doar pe entuziasmul pentru toate posibilitățile uimitoare care te așteaptă. Abilitățile și tehnicile specifice vor veni natural pe măsură ce exersăm împreună – îți promit că va fi mult mai distractiv decât te-ai aștepta!
 
-## Uneltele meseriei
+## Uneltele Meseriei
 
-Bine, aici chiar mă entuziasmez foarte tare, aproape că nu mă pot stăpâni! 🚀 Suntem pe punctul de a vorbi despre instrumentele incredibile care o să te facă să simți că tocmai ți s-au dat cheile unei nave spațiale digitale.
+Bine, sincer, aici mă entuziasmez atât de mult încât abia mă pot stăpâni! 🚀 Urmează să vorbim despre uneltele incredibile care te vor face să te simți ca și cum tocmai ai primit cheile unei nave spațiale digitale.
 
-Știi cum un chef are acele cuțite perfect echilibrate care par o extensie a mâinilor lui? Sau cum un muzician are acea chitară care pare că începe să cânte încă de când o atinge? Ei bine, dezvoltatorii au propria lor versiune a acestor unelte magice, și iată ce o să te uimească total – majoritatea sunt complet gratuite!
+Știi cum un bucătar are acele cuțite perfect echilibrate care par extensii ale mâinilor lui? Sau cum un muzician are acea chitară care pare să cânte în momentul în care o atinge? Ei bine, dezvoltatorii avem propria versiune a acestor unelte magice, iar ceea ce îți va da pe spate este faptul că majoritatea sunt complet gratuite!
 
-Practic salt pe scaun de bucurie gândindu-mă să le împărtășesc cu tine pentru că au revoluționat complet modul în care construim software. Vorbim despre asistenți de codare alimentați de AI care te pot ajuta să scrii cod (serios!), medii în cloud în care poți construi aplicații întregi de oriunde ai Wi-Fi, și unelte de depanare atât de sofisticate încât par că au vedere cu raze X pentru programele tale.
+Practic, sar în sus în scaunul meu gândindu-mă să ți le împărtășesc pentru că au revoluționat complet modul în care construim software. Vorbim despre asistenți de codare alimentați de AI care te pot ajuta să scrii codul (nu glumesc!), medii în cloud unde poți crea aplicații întregi de oriunde ai Wi-Fi, și unelte de depanare atât de sofisticate încât sunt ca o vedere cu raze X pentru programele tale.
 
-Și partea care încă îmi dă fiori: acestea nu sunt „unelte pentru începători” pe care le vei depăși. Sunt aceleași unelte profesionale pe care dezvoltatorii de la Google, Netflix și studioul indie de aplicații pe care îl iubești le folosesc chiar în acest moment. O să te simți ca un profesionist folosindu-le!
+Și partea care încă îmi dă fiori: acestea nu sunt „unelte de începător” pe care le vei depăși. Sunt exact aceleași unelte profesionale folosite de dezvoltatorii de la Google, Netflix și studioul acela indie de aplicații pe care îl iubești chiar acum. O să te simți un profesionist adevărat folosindu-le!
 
 ```mermaid
 graph TD
-    A["💡 Ideea ta"] --> B["⌨️ Editor de cod<br/>(VS Code)"] 
-    B --> C["🌐 DevTools Browser<br/>(Testare & Depanare)"]
-    C --> D["⚡ Linia de comandă<br/>(Automatizare & Unelte)"]
+    A["💡 Ideea Ta"] --> B["⌨️ Editor de Cod<br/>(VS Code)"] 
+    B --> C["🌐 Instrumente Dev ale Browserului<br/>(Testare & Debugging)"]
+    C --> D["⚡ Linia de Comandă<br/>(Automatizare & Unelte)"]
     D --> E["📚 Documentație<br/>(Învățare & Referință)"]
-    E --> F["🚀 Aplicație web uimitoare!"]
+    E --> F["🚀 Aplicatie Web Uimitoare!"]
     
     B -.-> G["🤖 Asistent AI<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Testare dispozitive<br/>(Design Responsiv)"]
-    D -.-> I["📦 Manageri de pachete<br/>(npm, yarn)"]
+    C -.-> H["📱 Testare pe Dispozitive<br/>(Design Responsiv)"]
+    D -.-> I["📦 Manageri de Pachete<br/>(npm, yarn)"]
     E -.-> J["👥 Comunitate<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -503,120 +504,122 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### Editoare de cod și IDE-uri: Noii tăi cei mai buni prieteni digitali
+```
+### Editorii de Cod și IDE-urile: Noii Tăi Cele Mai Buni Prieteni Digitali
 
-Hai să vorbim despre editarea codului – acestea urmează să devină locurile tale preferate unde petreci timpul! Gândește-te la ele ca la sanctuarul tău personal de codare unde vei petrece majoritatea timpului creând și perfecționând creațiile tale digitale.
+Să vorbim despre editori de cod – aceștia vor deveni cu adevărat locurile tale favorite de stat! Gândește-te la ei ca la sanctuarul tău personal de programare unde petreci cea mai mare parte a timpului creând și perfecționând creațiile digitale.
 
-Dar iată ce este absolut magic la editările moderne: nu sunt doar editoare de text sofisticate. Sunt ca și cum ai avea cel mai strălucit și mai susținător mentor în codare stând lângă tine 24/7. Corectează greșelile tale înainte să le observi, sugerează îmbunătățiri care te fac să pari un geniu, te ajută să înțelegi ce face fiecare bucată de cod, iar unele pot chiar să prezică ce urmează să scrii și să ofere să îți termine gândurile!
+Dar iată ce este cu adevărat magic la editorii moderni: nu sunt doar editoare fancy de text. Sunt ca și cum ai avea cel mai strălucit, susținător mentor de programare stând chiar lângă tine 24/7. Ei prind greșelile tale înainte să le observi, sugerează îmbunătățiri care te fac să pari un geniu, te ajută să înțelegi ce face fiecare bucățică de cod, și unii chiar pot să prevadă ce vrei să scrii și să-ți ofere să-ți termine gândurile!
 
-Îmi amintesc când am descoperit prima oară completarea automată – chiar am simțit că trăiesc în viitor. Începi să tastezi ceva, iar editorul zice „Hei, te gândeai la această funcție care face exact ce ai nevoie?” Este ca și cum ai avea un cititor de gânduri ca și coleg de codare!
+Îmi amintesc când am descoperit prima oară auto-completarea – chiar simțeam că trăiesc în viitor. Începi să tastezi ceva și editorul zice: „Hei, te gândeai la funcția asta care face exact ce ai nevoie?” E ca și cum ai avea un cititor de minți ca partener de codare!
 
-**Ce face aceste editoare atât de incredibile?**
+**Ce face acești editori atât de incredibili?**
 
-Editoarele moderne oferă o gamă impresionantă de caracteristici proiectate să-ți sporească productivitatea:
+Editorii moderni oferă o gamă impresionantă de funcții concepute să-ți crească productivitatea:
 
-| Caracteristică        | Ce face                         | De ce ajută                           |
-|----------------------|--------------------------------|-------------------------------------|
-| **Evidențiere sintaxă** | Colorează diferite părți din cod | Face codul mai ușor de citit și de găsit erori |
-| **Completare automată**  | Sugerează cod pe măsură ce tastezi | Accelerează scrierea codului și reduce greșelile de tastare |
-| **Unelte de depanare**    | Te ajută să găsești și să repari erori | Economisește ore întregi de depanare |
-| **Extensii**             | Adaugă funcții specializate    | Personalizează editorul pentru orice tehnologie |
-| **Asistenți AI**         | Sugerează cod și explicații    | Accelerează învățarea și productivitatea |
+| Funcție | Ce face | De ce ajută |
+|---------|---------|-------------|
+| **Evidențierea sintaxei** | Colorează diferite părți ale codului tău | Face codul mai ușor de citit și de identificat erorile |
+| **Auto-completare** | Sugerează cod pe măsură ce tastezi | Accelerază codarea și reduce greșelile de tastare |
+| **Unelte de depanare** | Te ajută să găsești și să corectezi erorile | Economisește ore întregi de depanare |
+| **Extensii** | Adaugă funcții specializate | Personalizează editorul pentru orice tehnologie |
+| **Asistenți AI** | Sugerează cod și explicații | Accelerează învățarea și productivitatea |
 
-> 🎥 **Resursă video**: Vrei să vezi aceste unelte în acțiune? Aruncă o privire la acest [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) pentru o prezentare cuprinzătoare.
+> 🎥 **Resursă video**: Vrei să vezi aceste unelte în acțiune? Vezi acest [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) pentru o prezentare cuprinzătoare.
 
-#### Editoare recomandate pentru dezvoltare web
+#### Editorii Recomandați pentru Dezvoltare Web
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuit)  
-- Cel mai popular printre dezvoltatorii web  
-- Ecosistem excelent de extensii  
-- Terminal integrat și integrare Git  
-- **Extensii esențiale**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugestii de cod alimentate de AI  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaborare în timp real  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatare automată a codului  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Detectează greșeli de scriere în cod  
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuit)
+- Cel mai popular printre dezvoltatorii web
+- Ecosistem excelent de extensii
+- Terminal încorporat și integrare Git
+- **Extensii obligatorii**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - sugestii de cod alimentate de AI
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - colaborare în timp real
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - formatare automată a codului
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - prinde greșelile de scriere în codul tău
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plătit, gratuit pentru studenți)  
-- Unelte avansate de depanare și testare  
-- Completare inteligentă a codului  
-- Control al versiunilor integrat  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plătit, gratuit pentru studenți)
+- Unelte avansate de depanare și testare
+- Auto-completare inteligentă a codului
+- Control al versiunilor integrat
 
-**IDE-uri bazate pe cloud** (Diferite prețuri)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code complet în browserul tău  
-- [Replit](https://replit.com/) - Grozav pentru învățare și partajare de cod  
-- [StackBlitz](https://stackblitz.com/) - Dezvoltare web full-stack instant  
+**IDE-uri în cloud** (Diverse prețuri)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code complet în browserul tău
+- [Replit](https://replit.com/) - grozav pentru învățare și partajare de cod
+- [StackBlitz](https://stackblitz.com/) - dezvoltare web full-stack instantanee
 
-> 💡 **Sfat pentru început**: Începe cu Visual Studio Code – este gratuit, folosit pe scară largă în industrie și are o comunitate enormă care creează tutoriale și extensii utile.
+> 💡 **Sfat pentru început**: Începe cu Visual Studio Code – este gratuit, utilizat pe scară largă în industrie și are o comunitate uriașă care creează tutoriale și extensii utile.
 
-### Browsere web: Laboratorul tău secret de dezvoltare
 
-Ok, pregătește-te să fii uimit total! Știi cum ai folosit browserele ca să navighezi pe rețele sociale și să te uiți la videoclipuri? Ei bine, se pare că au ascuns tot acest timp un laborator incredibil de dezvoltare, doar așteptând să îl descoperi!
+### Browsere Web: Laboratorul Tău Secret de Dezvoltare
 
-De fiecare dată când faci clic dreapta pe o pagină web și selectezi „Inspect Element,” deschizi o lume ascunsă de unelte pentru dezvoltatori care sunt sincer mai puternice decât unele programe costisitoare la care eu plăteam sute de dolari. Este ca și cum ai descoperi că bucătăria ta veche și obișnuită ascunde un laborator profesional de bucătar în spatele unui panou secret!
-Prima dată când cineva mi-a arătat DevTools din browser, am petrecut vreo trei ore doar făcând clic pe diverse chestii și spunând „STAI, ȘI ASTA POATE FACE?!” Poți literalmente edita orice site web în timp real, să vezi exact cât de repede se încarcă totul, să testezi cum arată site-ul tău pe diferite dispozitive și chiar să depanezi JavaScript ca un profesionist adevărat. E absolut uluitor!
+Ok, pregătește-te să fii complet uimit! Știi cum ai folosit browserele ca să răsfoiești rețele sociale și să te uiți la videoclipuri? Ei bine, se pare că au ascuns acest laborator incredibil de dezvoltare tot timpul, doar așteptând să-l descoperi!
+
+De fiecare dată când dai click dreapta pe o pagină web și selectezi „Inspectează Element”, deschizi o lume ascunsă de unelte pentru dezvoltatori care, sincer, sunt mai puternice decât unele softuri scumpe pentru care obișnuiam să plătesc sute de dolari. E ca și cum ai descoperi că bucătăria ta obișnuită ascunde în spatele unui panou secret un laborator profesionist de bucătar!
+Prima dată când cineva mi-a arătat DevTools în browser, am petrecut cam trei ore doar făcând clic peste tot și spunând „STAI, CHIAR POATE ȘI ASTA?!” Practic, poți edita orice site web în timp real, vedea exact cât de rapid se încarcă totul, testa cum arată site-ul tău pe diferite dispozitive și chiar să depanezi JavaScript ca un adevărat profesionist. Este absolut uluitor!
 
 **Iată de ce browserele sunt arma ta secretă:**
 
-Când creezi un site web sau o aplicație web, trebuie să vezi cum arată și cum se comportă în lumea reală. Browserele nu doar afișează munca ta, ci oferă și feedback detaliat despre performanță, accesibilitate și posibile probleme.
+Când creezi un site sau o aplicație web, trebuie să vezi cum arată și cum se comportă în lumea reală. Browserele nu doar afișează munca ta, ci oferă și feedback detaliat despre performanță, accesibilitate și potențiale probleme.
 
-#### Unelte pentru dezvoltatori în browser (DevTools)
+#### Instrumentele pentru dezvoltatori din browser (DevTools)
 
 Browserele moderne includ suite complete de dezvoltare:
 
-| Categoria uneltei | Ce face | Exemplu de utilizare |
-|-------------------|---------|---------------------|
-| **Inspector de elemente** | Vizualizează și editează HTML/CSS în timp real | Ajustează stilurile pentru a vedea rezultatele imediat |
+| Categorii de unelte | Ce face | Exemplu de utilizare |
+|--------------------|---------|---------------------|
+| **Inspector Element** | Vizualizează și editează HTML/CSS în timp real | Ajustează stilizarea pentru a vedea rezultate imediate |
 | **Consolă** | Vizualizează mesaje de eroare și testează JavaScript | Depanează probleme și experimentează cu codul |
-| **Monitor de rețea** | Urmărește încărcarea resurselor | Optimizează performanța și timpii de încărcare |
-| **Verificator de accesibilitate** | Testează designul incluziv | Asigură-te că site-ul funcționează pentru toți utilizatorii |
-| **Simulator de dispozitive** | Previzionează pe diferite dimensiuni de ecran | Testează designul responsiv fără multiple dispozitive |
+| **Monitor de rețea** | Urmărește cum se încarcă resursele | Optimizează performanța și timpii de încărcare |
+| **Verificator de accesibilitate** | Testează design-ul incluziv | Asigură-te că site-ul funcționează pentru toți utilizatorii |
+| **Simulator de dispozitiv** | Previzualizează pe diferite dimensiuni de ecran | Testează designul responsive fără mai multe dispozitive |
 
 #### Browsere recomandate pentru dezvoltare
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standard în industrie cu documentație extensivă  
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Instrumente excelente pentru CSS Grid și accesibilitate  
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Bazat pe Chromium cu resurse de la Microsoft pentru dezvoltatori  
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – DevTools standard în industrie cu documentație extinsă
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Instrumente excelente pentru CSS Grid și accesibilitate
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Bazat pe Chromium cu resurse Microsoft pentru dezvoltatori
+
+> ⚠️ **Sfat important pentru testare**: Testează întotdeauna site-urile în mai multe browsere! Ce funcționează perfect în Chrome poate arăta diferit în Safari sau Firefox. Dezvoltatorii profesioniști testează în toate browserele majore pentru a asigura o experiență utilizator constantă.
 
-> ⚠️ **Sfat important pentru testare**: Testează-ți întotdeauna site-urile în mai multe browsere! Ce funcționează perfect în Chrome poate arăta diferit în Safari sau Firefox. Dezvoltatorii profesioniști testează pe toate browserele majore pentru a asigura experiențe consistente utilizatorilor.
 
-### Unelte de linie de comandă: Poarta ta către superputeri de dezvoltator
+### Instrumentele liniei de comandă: poarta ta către superputeri de dezvoltator
 
-Bine, să fim complet sinceri aici despre linia de comandă, pentru că vreau să auzi asta de la cineva care chiar înțelege. Când am văzut-o prima dată – doar un ecran negru înspăimântător cu text clipind – am gândit literalmente: „Nu, nici vorbă! Arată ca ceva dintr-un film cu hackeri din anii 80, și cu siguranță nu sunt destul de deștept pentru asta!” 😅
+Bine, să fim sinceri acum despre linia de comandă, pentru că vreau să auzi asta de la cineva care chiar înțelege. Când am văzut-o prima dată – acea ecran negru înfricoșător cu text care clipoceste – chiar am gândit: „Nu, nu, absolut nu! Arată ca ceva dintr-un film cu hackeri din anii ‘80 și clar nu sunt destul de deștept pentru asta!” 😅
 
-Dar iată ce mi-aș fi dorit să mi se spună atunci și îți spun ție acum: linia de comandă nu e înfricoșătoare – e, de fapt, ca o conversație directă cu calculatorul tău. Gândește-te la diferența dintre a comanda mâncare printr-o aplicație fancy cu poze și meniuri (care e drăguță și ușoară) versus a intra în restaurantul tău local preferat unde bucătarul știe exact ce-ți place și poate face ceva perfect doar pentru că spui „surprinde-mă cu ceva uimitor.”
+Dar iată ce aș fi vrut să-mi spună cineva atunci, și ce îți spun acum: linia de comandă nu e înfricoșătoare – e ca o conversație directă cu calculatorul tău. Gândește-te la diferența dintre a comanda mâncare printr-o aplicație sofisticată cu poze și meniuri (care e simplă și ușoară) versus a intra într-un restaurant local preferat unde bucătarul știe exact ce-ți place și poate să-ți pregătească ceva perfect doar spunând „surprinde-mă cu ceva incredibil.”
 
-Linia de comandă este locul unde dezvoltatorii se simt ca niște vrăjitori absoluți. Tastezi câteva cuvinte care par magice (okay, sunt doar comenzi, dar se simt magice!), apeși enter și BOOM – ai creat structuri întregi de proiecte, ai instalat unelte puternice din toată lumea sau ți-ai lansat aplicația pe internet ca milioane de oameni să o vadă. Odată ce simți puterea asta, e sincer destul de captivant!
+Linia de comandă e locul unde dezvoltatorii se simt ca niște magicieni adevărați. Tastezi câteva cuvinte aparent magice (ok, sunt doar comenzi, dar par magice!), apeși enter și BOOM – ai creat structuri întregi de proiect, ai instalat unelte puternice din toată lumea sau ai urcat aplicația ta pe internet pentru milioane de oameni să o vadă. Odată ce gusti din puterea asta, devine destul de adictiv!
 
 **De ce linia de comandă va deveni unealta ta preferată:**
 
-Deși interfețele grafice sunt grozave pentru multe sarcini, linia de comandă excelează la automatizare, precizie și viteză. Multe unelte de dezvoltare funcționează în primul rând prin interfețe de linie de comandă, iar învățarea lor eficientă îți poate îmbunătăți dramatic productivitatea.
+În timp ce interfețele grafice sunt grozave pentru multe sarcini, linia de comandă excelează la automatizare, precizie și viteză. Multe unelte de dezvoltare funcționează în primul rând prin interfețe de linie de comandă și a învăța să le folosești eficient îți poate crește productivitatea dramatic.
 
 ```bash
-# Pasul 1: Creează și navighează către directorul proiectului
+# Pasul 1: Creează și navighează în directorul proiectului
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Ce face acest cod:**
-- **Creează** un nou director numit "my-awesome-website" pentru proiectul tău  
-- **Intra** în directorul nou creat ca să începi să lucrezi  
+**Iată ce face acest cod:**
+- **Creează** un nou director numit "my-awesome-website" pentru proiectul tău
+- **Navighează** în directorul proaspăt creat pentru a începe lucrul
 
 ```bash
-# Pasul 2: Inițializează proiectul cu package.json
+# Pasul 2: Inițializați proiectul cu package.json
 npm init -y
 
-# Instalează unelte moderne de dezvoltare
+# Instalați unelte moderne de dezvoltare
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Pas cu pas, ce se întâmplă aici:**
-- **Inițializează** un proiect Node.js nou cu setările implicite folosind `npm init -y`  
-- **Instalează** Vite ca o unealtă modernă de build pentru dezvoltare rapidă și build-uri de producție  
-- **Adaugă** Prettier pentru formatare automată a codului și ESLint pentru verificări de calitate a codului  
-- **Folosește** flag-ul `--save-dev` pentru a marca aceste dependențe doar pentru dezvoltare  
+**Pas cu pas, iată ce se întâmplă:**
+- **Inițializează** un nou proiect Node.js cu setările implicite folosind `npm init -y`
+- **Instalează** Vite ca unealtă modernă de build pentru dezvoltare rapidă și build-uri de producție
+- **Adaugă** Prettier pentru formatare automată a codului și ESLint pentru verificări de calitate a codului
+- **Folosește** flag-ul `--save-dev` pentru a marca aceste pachete ca fiind doar pentru dezvoltare
 
 ```bash
 # Pasul 3: Creează structura proiectului și fișierele
@@ -627,226 +630,227 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**Mai sus am:**
-- **Organizat** proiectul creând foldere separate pentru cod sursă și resurse  
-- **Generat** un fișier HTML de bază cu structură corectă  
-- **Pornit** serverul de dezvoltare Vite pentru reîncărcare live și înlocuire la cald a modulelor  
+**În exemplul de mai sus, am:**
+- **Organizat** proiectul prin crearea unor foldere separate pentru codul sursă și resurse
+- **Generat** un fișier HTML de bază cu structură corectă a documentului
+- **Pornit** serverul de dezvoltare Vite pentru reîncărcare live și înlocuire de module la cald
 
 #### Unelte esențiale de linie de comandă pentru dezvoltare web
 
 | Unealtă | Scop | De ce ai nevoie de ea |
 |---------|------|-----------------------|
 | **[Git](https://git-scm.com/)** | Controlul versiunilor | Urmărește modificările, colaborează cu alții, fă backup la munca ta |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestionare pachete | Rulează JavaScript în afara browserului, instalează unelte moderne de dezvoltare |
-| **[Vite](https://vitejs.dev/)** | Unealtă de build & server de dezvoltare | Dezvoltare ultra-rapidă cu înlocuire la cald a modulelor |
-| **[ESLint](https://eslint.org/)** | Calitatea codului | Găsește și repară automat probleme în JavaScript-ul tău |
-| **[Prettier](https://prettier.io/)** | Formatarea codului | Menține codul tău consistent formatat și ușor de citit |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestionare pachete | Rulează JavaScript în afara browserelor, instalează unelte moderne de dezvoltare |
+| **[Vite](https://vitejs.dev/)** | Unealtă de build & server dev | Dezvoltare fulger cu înlocuire de module la cald |
+| **[ESLint](https://eslint.org/)** | Calitatea codului | Găsește și corectează automat problemele din JavaScript |
+| **[Prettier](https://prettier.io/)** | Formatare cod | Menține codul consistent formatat și ușor de citit |
 
 #### Opțiuni specifice platformei
 
-**Windows:**  
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal modern, cu multe funcții  
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mediu puternic de scripting  
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Linia de comandă tradițională Windows  
+**Windows:**
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Terminal modern, cu multe funcții
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Mediu puternic pentru scripting
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Linia de comandă tradițională Windows
 
-**macOS:**  
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicație terminal încorporată  
-- **[iTerm2](https://iterm2.com/)** - Terminal îmbunătățit cu funcții avansate  
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Aplicația terminal încorporată
+- **[iTerm2](https://iterm2.com/)** – Terminal îmbunătățit cu funcții avansate
 
-**Linux:**  
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell-ul standard Linux  
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator de terminal avansat  
+**Linux:**
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Shell standard Linux
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Emulator de terminal avansat
 
 > 💻 = Preinstalat în sistemul de operare
 
-> 🎯 **Calea de învățare**: Începe cu comenzi de bază ca `cd` (schimbă director), `ls` sau `dir` (listează fișiere), și `mkdir` (crează folder). Exersează cu comenzi moderne de workflow ca `npm install`, `git status` și `code .` (deschide directorul curent în VS Code). Pe măsură ce te simți mai confortabil, vei învăța natural comenzi mai avansate și tehnici de automatizare.
+> 🎯 **Calea de învățare**: Începe cu comenzi de bază precum `cd` (schimbă director), `ls` sau `dir` (listează fișiere), și `mkdir` (creează folder). Exersează cu comenzi moderne de workflow ca `npm install`, `git status` și `code .` (deschide directorul curent în VS Code). Pe măsură ce te simți mai confortabil, vei prelua natural comenzi mai avansate și tehnici de automatizare.
+
 
-### Documentația: Mentorul tău disponibil mereu pentru învățare
+### Documentația: mentorul tău de învățare mereu disponibil
 
-Ok, lasă-mă să-ți împărtășesc un mic secret care te va face să te simți mult mai bine că ești la început: chiar și cei mai experimentați dezvoltatori petrec o mare parte din timp citind documentația. Și asta nu pentru că nu știu ce fac – este de fapt un semn de înțelepciune!
+Ok, lasă-mă să-ți împărtășesc un mic secret care te va face să te simți mult mai bine că ești începător: chiar și cei mai experimentați dezvoltatori petrec o mare parte din timp citind documentație. Și nu pentru că nu știu ce fac – este de fapt un semn de înțelepciune!
 
-Gândește-te la documentație ca la accesul la cei mai răbdători, cei mai bine informați profesori din lume, disponibili 24/7. Ești blocat la o problemă la 2 dimineața? Documentația e acolo cu o îmbrățișare virtuală caldă și exact răspunsul de care ai nevoie. Vrei să înveți despre o caracteristică nouă tare despre care toată lumea vorbește? Documentația te acoperă cu exemple pas cu pas. Încerci să înțelegi de ce ceva funcționează așa cum face? Ai ghicit – documentația este gata să explice într-un mod care în sfârșit te lămurește!
+Gândește-te la documentație ca la accesul la cei mai răbdători și deștepți profesori din lume, disponibili 24/7. Blocat la o problemă la 2 dimineața? Documentația e acolo cu o îmbrățișare virtuală caldă și exact răspunsul de care ai nevoie. Vrei să înveți despre o funcție nouă tare despre care toată lumea vorbește? Documentația te susține cu exemple pas cu pas. Încerci să înțelegi de ce ceva funcționează așa cum funcționează? Ai ghicit – documentația e pregătită să explice într-un mod care în final să te ajute să înțelegi!
 
-Iată ceva care mi-a schimbat complet perspectiva: lumea dezvoltării web se mișcă incredibil de repede, și nimeni (dar chiar nimeni!) nu ține totul în memorie. Am văzut dezvoltatori seniori cu peste 15 ani experiență căutând sintaxa de bază, și știi ce? Nu e rușinos – e inteligent! Nu e despre o memorie perfectă; e despre a ști unde să găsești răspunsuri de încredere rapid și cum să le aplici.
+Iată ceva care mi-a schimbat complet perspectiva: lumea dezvoltării web se mișcă incredibil de repede și nimeni (dar nimeni absolut!) nu are totul memorat. Am văzut dezvoltatori seniori cu peste 15 ani experiență căutând sintaxă de bază, și știi ceva? Nu e rușinos – e inteligent! Nu e vorba despre o memorie perfectă; ci despre a ști unde să găsești rapid răspunsuri de încredere și cum să le aplici.
 
-**Aici vine adevărata magie:**
+**Aici se întâmplă adevărata magie:**
 
-Dezvoltatorii profesioniști petrec o parte semnificativă din timp citind documentația – nu pentru că nu știu ce fac, ci pentru că peisajul dezvoltării web evoluează atât de rapid încât a rămâne la curent cere învățare continuă. Documentația excelentă te ajută să înțelegi nu doar *cum* să folosești ceva, ci și *de ce* și *când* să îl folosești.
+Dezvoltatorii profesioniști petrec o parte semnificativă din timp citind documentație – nu pentru că nu știu ce fac, ci pentru că peisajul dezvoltării web evoluează atât de rapid încât să fii la curent necesită învățare continuă. Documentația excelentă te ajută să înțelegi nu doar *cum* să folosești ceva, ci *de ce* și *când* să îl folosești.
 
 #### Resurse esențiale de documentație
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**  
-- Standardul de aur pentru documentația tehnologiilor web  
-- Ghiduri cuprinzătoare pentru HTML, CSS și JavaScript  
-- Include informații despre compatibilitatea cu browserele  
-- Oferă exemple practice și demo-uri interactive  
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- Standardul de aur pentru documentația tehnologiilor web
+- Ghiduri cuprinzătoare pentru HTML, CSS și JavaScript
+- Include informații despre compatibilitatea în browsere
+- Oferă exemple practice și demo-uri interactive
 
-**[Web.dev](https://web.dev)** (de Google)  
-- Cele mai bune practici moderne pentru dezvoltare web  
-- Ghiduri de optimizare a performanței  
-- Principii de accesibilitate și design incluziv  
-- Studii de caz din proiecte reale  
+**[Web.dev](https://web.dev)** (de Google)
+- Cele mai bune practici moderne pentru dezvoltarea web
+- Ghiduri pentru optimizarea performanței
+- Principii de accesibilitate și design incluziv
+- Studii de caz din proiecte reale
 
-**[Documentația Microsoft pentru dezvoltatori](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**  
-- Resurse pentru dezvoltarea browserului Edge  
-- Ghiduri pentru Progressive Web Apps  
-- Perspective pentru dezvoltarea cross-platform  
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Resurse pentru dezvoltarea cu browserul Edge
+- Ghiduri pentru Progressive Web Apps
+- Perspective pentru dezvoltare cross-platform
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**  
-- Curricula de învățare structurată  
-- Cursuri video oferite de experți din industrie  
-- Exerciții practice de codare  
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Curricula structurate de învățare
+- Cursuri video de la experți din industrie
+- Exerciții practice de programare
 
-> 📚 **Strategie de studiu**: Nu încerca să memorezi documentația – învață în schimb cum să o navighezi eficient. Marchează ca favorite referințele folosite frecvent și exersează folosirea funcțiilor de căutare pentru a găsi rapid informații specifice.
+> 📚 **Strategie de studiu**: Nu încerca să memorezi documentația – în schimb, învață să o navighezi eficient. Marchează referințele utilizate frecvent și exersează funcțiile de căutare pentru a găsi rapid informații specifice.
 
-### 🔧 **Verificare a stăpânirii uneltelor: Ce rezonează cu tine?**
+### 🔧 **Verificarea stăpânirii uneltelor: Ce rezonează cu tine?**
 
-**Ia un moment să te gândești:**  
-- Care unealtă ești cel mai entuziasmat să o încerci prima? (Nu există răspuns greșit!)  
-- Încă simți linia de comandă intimidantă sau ești curios să o explorezi?  
-- Îți poți imagina să folosești DevTools din browser pentru a arunca o privire în culisele site-urilor tale favorite?
+**Ia un moment să reflectezi:**
+- Ce unealtă ești cel mai entuziasmat să încerci prima oară? (Nu există răspuns greșit!)
+- Linia de comandă încă ți se pare intimidantă sau ești curios să o explorezi?
+- Te poți imagina folosind DevTools din browser pentru a arunca o privire în spatele cortinei site-urilor tale preferate?
 
 ```mermaid
-pie title "Timpul Dezvoltatorului Petrecut cu Unelte"
-    "Editor de Cod" : 40
+pie title "Timp petrecut de dezvoltator cu uneltele"
+    "Editor Cod" : 40
     "Testare Browser" : 25
     "Linie de Comandă" : 15
-    "Citirea Documentației" : 15
+    "Citire Documentație" : 15
     "Depanare" : 5
-```  
-> **Informație amuzantă**: Majoritatea dezvoltatorilor petrec în jur de 40% din timp în editorul de cod, dar observă cât timp merge pe testare, învățare și rezolvare de probleme. Programarea nu înseamnă doar scris cod – înseamnă crearea de experiențe!
+```
+> **Informație amuzantă**: Majoritatea dezvoltatorilor petrec aproximativ 40% din timp în editorul de cod, dar observă cât de mult timp se duce pe testare, învățare și rezolvare de probleme. Programarea nu înseamnă doar scris cod – înseamnă crearea de experiențe!
 
-✅ **De gândit**: Iată ceva interesant de analizat – cum crezi că uneltele pentru construirea site-urilor (dezvoltare) ar putea fi diferite față de uneltele pentru design-ul lor (design)? E ca diferența dintre un arhitect care proiectează o casă frumoasă și un constructor care o ridică efectiv. Ambele sunt cruciale, dar au nevoie de truse de unelte diferite! Gândirea asta te va ajuta cu adevărat să vezi imaginea de ansamblu despre cum prind viață site-urile web.
+✅ **De meditat**: Iată ceva interesant de reflectat – cum crezi că uneltele pentru construcția site-urilor (dezvoltare) se diferențiază de cele pentru designul aspectului lor (design)? E ca diferența dintre arhitect care proiectează o casă frumoasă și constructorul care efectiv o construiește. Ambele sunt cruciale, dar au nevoie de truse de unelte diferite! Acest mod de gândire te va ajuta cu adevărat să vezi imaginea de ansamblu a modului în care iau viață site-urile.
 
 ## Provocarea Agentului GitHub Copilot 🚀
 
-Folosește modul Agent pentru a îndeplini următoarea provocare:
+Folosește modul Agent pentru a finaliza următoarea provocare:
 
-**Descriere:** Explorează funcțiile unui editor de cod modern sau IDE și demonstrează cum îți poate îmbunătăți fluxul de lucru ca dezvoltator web.
+**Descriere:** Explorează caracteristicile unui editor de cod sau IDE modern și demonstrează cum îți poate îmbunătăți fluxul de lucru ca dezvoltator web.
 
-**Sarcină:** Alege un editor de cod sau IDE (cum ar fi Visual Studio Code, WebStorm sau un IDE bazat pe cloud). Enumeră trei funcții sau extensii care te ajută să scrii, depanezi sau să menții codul mai eficient. Pentru fiecare, oferă o scurtă explicație despre cum îți beneficiează fluxul de lucru.
+**Sarcină:** Alege un editor de cod sau IDE (cum ar fi Visual Studio Code, WebStorm sau un IDE bazat pe cloud). Enumeră trei caracteristici sau extensii care te ajută să scrii, depanezi sau menții codul mai eficient. Pentru fiecare, oferă o scurtă explicație a beneficiului adus fluxului tău de lucru.
 
 ---
 
 ## 🚀 Provocare
 
-**Bine, detectivule, gata pentru primul tău caz?**
+**Bine, detectiv, gata pentru primul tău caz?**
 
-Acum că ai această bază grozavă, am o aventură care te va ajuta să vezi cât de incredibil de diversă și fascinantă este cu adevărat lumea programării. Și ascultă – nu e vorba încă de scris cod, deci fără presiune! Gândește-te la tine ca la un detectiv de limbaje de programare în primul tău caz palpitant!
+Acum că ai această fundație grozavă, am o aventură care te va ajuta să vezi cât de incredibil de diversă și fascinantă e lumea programării. Și ascultă – încă nu e vorba să scrii cod, deci fără presiune! Gândește-te ca un detectiv al limbajelor de programare la primul caz palpitant!
 
-**Misiunea ta, dacă accepți:**
-1. **Devino explorator de limbaje**: Alege trei limbaje de programare din universuri complet diferite – poate unul care construiește site-uri, unul care creează aplicații mobile și unul care face calcule pentru oameni de știință. Găsește exemple cu aceeași sarcină simplă scrisă în fiecare limbaj. Promit că vei fi absolut uimit cât de diferit pot arăta, făcând exact același lucru!
+**Misiunea ta, dacă alegi să o accepți:**
+1. **Devino explorator de limbaje:** Alege trei limbaje de programare din universuri complet diferite – poate unul pentru site-uri web, unul pentru aplicații mobile și unul care procesează date pentru oameni de știință. Găsește exemple ale aceleiași sarcini simple scrise în fiecare limbaj. Îți promit că vei fi absolut uimit cât de diferit pot arăta deși fac exact același lucru!
 
-2. **Descoperă poveștile lor de origine**: Ce face fiecare limbaj special? Iată un fapt interesant – fiecare limbaj de programare a fost creat pentru că cineva s-a gândit: „Știi ce? Trebuie să fie o cale mai bună de a rezolva această problemă specifică.” Poți să descoperi care au fost aceste probleme? Unele dintre povești sunt cu adevărat fascinante!
+2. **Descoperă poveștile lor de origine:** Ce face fiecare limbaj special? Iată un fapt interesant – fiecare limbaj de programare a fost creat pentru că cineva s-a gândit „Știi ce? Trebuie să existe o modalitate mai bună de a rezolva această problemă specifică.” Poți afla care au fost acele probleme? Unele povești sunt cu adevărat fascinante!
 
-3. **Cunoaște comunitățile**: Vezi cât de primitoare și pasionată este comunitatea fiecărui limbaj. Unele au milioane de dezvoltatori care împărtășesc cunoștințe și se ajută reciproc, altele sunt mai mici dar incredibil de strânse și supportive. O să-ți placă să vezi diferitele personalități ale acestor comunități!
+3. **Cunoaște comunitățile:** Vezi cât de primitoare și pasionată este comunitatea fiecărui limbaj. Unele au milioane de dezvoltatori care împărtășesc cunoștințe și se ajută reciproc, altele sunt mai mici, dar foarte unite și suportive. Îți va plăcea să vezi personalitățile diferite ale acestor comunități!
 
-4. **Ascultă-ți instinctul**: Care limbaj ți se pare cel mai accesibil acum? Nu te stresa că trebuie să faci alegerea „perfectă” – doar ascultă-ți instinctele! Nu există un răspuns greșit aici, și poți oricând să le explorezi pe celelalte mai târziu.
+4. **Urmărește-ți intuiția:** Care limbaj ți se pare cel mai abordabil acum? Nu te stresa să faci alegerea „perfectă” – ascultă-ți instinctele! Nu există răspuns greșit aici și poți explora oricând altele mai târziu.
 
-**Bonus de detectiv:** Vezi dacă poți descoperi ce site-uri sau aplicații mari sunt construite cu fiecare limbaj. Îți garantez că vei fi șocat să afli ce alimentează Instagram, Netflix sau jocul mobil pe care nu te poți opri să îl joci!
+**Temă bonus de detectiv:** Vezi dacă poți descoperi ce site-uri sau aplicații majore sunt construite cu fiecare limbaj. Îți garantez că vei fi șocat să afli ce stă în spatele Instagram, Netflix sau acel joc mobil la care nu poți renunța!
 
-> 💡 **Amintește-ți**: Nu încerci să devii expert în niciunul dintre aceste limbaje azi. Doar te familiarizezi cu zona înainte să decizi unde vrei să te stabilești. Ia-ți timp, distrează-te și lasă-ți curiozitatea să te ghideze!
+> 💡 **Amintește-ți:** Nu încerci să devii expert în niciunul dintre aceste limbaje astăzi. Doar faci cunoștință cu vecinătatea înainte să decizi unde vrei să te stabilești. Ia-ți timp, distrează-te și lasă-ți curiozitatea să te ghideze!
 
 ## Să sărbătorim ce ai descoperit!
 
-Vai de mine, ai absorbit atât de multe informații incredibile azi! Sunt sincer entuziasmat să văd cât din această călătorie uimitoare a rămas cu tine. Și amintește-ți – asta nu e un test la care trebuie să fii perfect. E mai degrabă o sărbătoare a tuturor lucrurilor grozave pe care le-ai învățat despre această lume fascinantă în care urmează să te avânți!
+Doamne, câtă informație incredibilă ai absorbit astăzi! Sunt cu adevărat entuziasmat să văd cât din această călătorie uimitoare ți-a rămas. Și amintește-ți – asta nu e un test unde trebuie să nimerești totul perfect. E mai degrabă o celebrare a tuturor lucrurilor grozave pe care le-ai învățat despre această lume fascinantă în care urmează să te aventurezi!
 
-[Participă la quiz-ul post-lectură](https://ff-quizzes.netlify.app/web/)
-## Recenzie & Auto-studiu
+[Participă la quiz-ul post-lecție](https://ff-quizzes.netlify.app/web/)
 
-**Ia-ți timp să explorezi și să te distrezi cu asta!**
+## Recapitulare & Studiu individual
 
-Ai acoperit multe astăzi, și asta e ceva de care să fii mândru! Acum vine partea distractivă – explorarea subiectelor care ți-au stârnit curiozitatea. Amintește-ți, asta nu e teme pentru acasă – e o aventură!
+**Ia-ți timpul să explorezi și să te distrezi!**
+Ai parcurs mult astăzi și este ceva de care să fii mândru! Acum urmează partea distractivă – explorarea subiectelor care ți-au stârnit curiozitatea. Ține minte, asta nu este temă – este o aventură!
 
-**Aprofundează ceea ce te entuziasmează:**
+**Cufundă-te mai adânc în ceea ce te pasionează:**
 
-**Pune mâna pe limbaje de programare:**
+**Pune-ți mâinile pe limbajele de programare:**
 - Vizitează site-urile oficiale a 2-3 limbaje care ți-au atras atenția. Fiecare are propria personalitate și poveste!
-- Încearcă câteva playground-uri de programare online precum [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), sau [Replit](https://replit.com/). Nu te teme să experimentezi – nu poți strica nimic!
-- Citește despre cum a apărut limbajul tău preferat. Serios, unele dintre aceste povești de origine sunt fascinante și te vor ajuta să înțelegi de ce limbajele funcționează cum funcționează.
+- Încearcă câteva platforme online de programare, cum ar fi [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), sau [Replit](https://replit.com/). Nu te teme să experimentezi – nu poți strica nimic!
+- Citește despre cum a apărut limbajul tău preferat. Serios, unele dintre aceste povești de origine sunt fascinante și te vor ajuta să înțelegi de ce limbajele funcționează așa cum o fac.
 
-**Familiarizează-te cu noile tale unelte:**
-- Descarcă Visual Studio Code dacă nu ai făcut-o deja – este gratuit și o să-ți placă!
-- Petrece câteva minute explorând piața de extensii. E ca un magazin de aplicații pentru editorul tău de cod!
-- Deschide uneltele pentru dezvoltatori din browserul tău și doar dă click în jur. Nu te îngrijora să înțelegi totul – doar obișnuiește-te cu ceea ce există.
+**Familiarizează-te cu noile unelte:**
+- Descarcă Visual Studio Code dacă nu ai făcut-o deja – este gratuit și o să îți placă foarte mult!
+- Petrece câteva minute răsfoind piața de extensii. E ca un magazin de aplicații pentru editorul tău de cod!
+- Deschide Instrumentele pentru Dezvoltatori din browserul tău și fă clic pe diverse elemente. Nu te îngrijora să înțelegi totul – doar obișnuiește-te cu ce ai acolo.
 
 **Alătură-te comunității:**
-- Urmărește comunități de dezvoltatori pe [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) sau [GitHub](https://github.com/). Comunitatea programatorilor este incredibil de primitoare cu începătorii!
-- Urmărește videoclipuri de programare pentru începători pe YouTube. Sunt atât de mulți creatori grozavi care își amintesc cum e să începi.
-- Ia în considerare să participi la întâlniri locale sau comunități online. Crede-mă, dezvoltatorii iubesc să îi ajute pe cei noi!
+- Urmărește comunități de dezvoltatori pe [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), sau [GitHub](https://github.com/). Comunitatea de programare este extrem de primitoare cu începătorii!
+- Uite câteva videoclipuri prietenoase pentru începători pe YouTube. Există mulți creatori grozavi care își amintesc cum e să fii la început.
+- Ia în considerare participarea la întâlniri locale sau comunități online. Crede-mă, dezvoltatorii adoră să ajute pe cei aflați la început!
 
-> 🎯 **Ascultă, iată ce vreau să reții**: Nu te așteaptă nimeni să devii un vrăjitor al codului peste noapte! Acum faci doar primii pași în această lume uimitoare din care urmează să faci parte. Ia-ți timp, bucură-te de călătorie și amintește-ți – fiecare dezvoltator pe care îl admiri a fost odată exact în locul în care ești tu acum, entuziasmat și poate puțin copleșit. E perfect normal și înseamnă că faci bine!
+> 🎯 **Ascultă, iată ce vreau să reții**: Nu te aștept să devii un vrăjitor al codului peste noapte! Acum abia începi să cunoști această lume uimitoare din care urmează să faci parte. Ia-ți timp, bucură-te de călătorie și amintește-ți – fiecare dezvoltator pe care-l admiri a fost odată exact unde ești acum, entuziasmat și poate puțin copleșit. Este total normal și înseamnă că faci totul bine!
 
 
 
-## Tema
+## Temă
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Un mic impuls pentru tema ta**: Mi-ar plăcea foarte mult să te văd explorând unele unelte pe care încă nu le-am acoperit! Sari peste editoare, browsere și unelte de linie de comandă despre care am vorbit deja – există un univers întreg de unelte uimitoare pentru dezvoltare care așteaptă să fie descoperite. Caută unele care sunt menținute activ și au comunități vibrante și ajutătoare (acestea tind să aibă cele mai bune tutoriale și cele mai suportive persoane când te blochezi și ai nevoie de o mână prietenoasă).
+> 💡 **Un mic impuls pentru tema ta**: Mi-ar plăcea tare mult să te văd explorând niște unelte pe care încă nu le-am acoperit! Sari peste editoare, browsere și uneltele de linie de comandă despre care am vorbit deja – există un întreg univers incredibil de unelte de dezvoltare care așteaptă să fie descoperite. Caută unele care sunt întreținute activ și au comunități vibrante, de ajutor (acestea tind să aibă cele mai bune tutoriale și cele mai susținătoare persoane când inevitabil vei rămâne blocat și vei avea nevoie de o mână prietenoasă).
 
 ---
 
 ## 🚀 Cronologia Călătoriei Tale în Programare
 
 ### ⚡ **Ce poți face în următoarele 5 minute**
-- [ ] Salvează la favorite 2-3 site-uri ale limbajelor de programare care ți-au atras atenția
+- [ ] Adaugă la favorite 2-3 site-uri oficiale ale limbajelor de programare care ți-au atras atenția
 - [ ] Descarcă Visual Studio Code dacă nu ai făcut-o deja
-- [ ] Deschide DevTools în browser (F12) și dă click pe orice site
-- [ ] Alătură-te unei comunități de programatori (Dev.to, Reddit r/webdev sau Stack Overflow)
+- [ ] Deschide DevTools din browser (F12) și fă clic pe orice site web
+- [ ] Alătură-te unei comunități de programare (Dev.to, Reddit r/webdev sau Stack Overflow)
 
 ### ⏰ **Ce poți realiza în această oră**
-- [ ] Completează quiz-ul post-lecție și reflectează asupra răspunsurilor tale
+- [ ] Completează testul după lecție și reflectă asupra răspunsurilor tale
 - [ ] Configurează VS Code cu extensia GitHub Copilot
 - [ ] Încearcă un exemplu "Hello World" în 2 limbaje de programare diferite online
-- [ ] Urmărește un videoclip „O zi în viața unui dezvoltator” pe YouTube
-- [ ] Începe-ți investigația despre limbajul de programare ales (din provocare)
-
-### 📅 **Aventura ta de o săptămână**
-- [ ] Completează tema și explorează 3 unelte noi de dezvoltare
-- [ ] Urmărește 5 dezvoltatori sau conturi de programare pe rețele sociale
-- [ ] Încearcă să construiești ceva mic în CodePen sau Replit (chiar și doar „Hello, [Numele tău]!”)
-- [ ] Citește o postare pe un blog de dezvoltare despre călătoria cuiva în programare
-- [ ] Participă la un meetup virtual sau urmărește un talk despre programare
-- [ ] Începe să înveți limbajul ales cu tutoriale online
-
-### 🗓️ **Transformarea ta de o lună**
+- [ ] Uite un videoclip "O zi din viața unui dezvoltator" pe YouTube
+- [ ] Începe munca de detectiv pentru limbajul de programare (din provocare)
+
+### 📅 **Aventura ta pe o săptămână**
+- [ ] Finalizează tema și explorează 3 unelte noi de dezvoltare
+- [ ] Urmărește 5 dezvoltatori sau conturi de programare pe rețelele sociale
+- [ ] Încearcă să construiești ceva mic în CodePen sau Replit (chiar și un simplu „Hello, [Numele Tău]!”)
+- [ ] Citește o postare de blog a unui dezvoltator despre călătoria lui în programare
+- [ ] Alătură-te unui meetup virtual sau urmărește o prezentare despre programare
+- [ ] Începe să înveți limbajul ales folosind tutoriale online
+
+### 🗓️ **Transformarea ta pe o lună**
 - [ ] Construiește primul tău proiect mic (chiar și o pagină web simplă contează!)
 - [ ] Contribuie la un proiect open-source (începe cu corecturi de documentație)
-- [ ] Fii mentor pentru cineva care abia începe să programeze
-- [ ] Creează-ți site-ul de portofoliu de dezvoltator
-- [ ] Connectează-te cu comunități locale de dezvoltatori sau grupuri de studiu
+- [ ] Fii mentor pentru cineva care tocmai începe călătoria în programare
+- [ ] Creează-ți site-ul portofoliu de dezvoltator
+- [ ] Conectează-te cu comunități locale de dezvoltatori sau grupuri de studiu
 - [ ] Începe să planifici următorul tău obiectiv de învățare
 
-### 🎯 **Verificarea reflecției finale**
+### 🎯 **Reflecția finală**
 
-**Înainte să treci mai departe, ia un moment să sărbătorești:**
-- Care este un lucru despre programare care te-a entuziasmat astăzi?
-- Ce unealtă sau concept vrei să explorezi prima dată?
-- Cum te simți în legătură cu începerea acestei călătorii în programare?
+**Înainte să continui, ia-ți câteva momente să sărbătorești:**
+- Ce lucru din programare te-a entuziasmat azi?
+- Ce unealtă sau concept vrei să explorezi primul?
+- Cum te simți privind începutul acestei călătorii de programare?
 - Ce întrebare ai vrea să pui unui dezvoltator chiar acum?
 
 ```mermaid
 journey
-    title Călătoria Ta de Construire a Încrederii
+    title Călătoria ta spre Construirea Încrederii
     section Astăzi
       Curios: 3: You
       Copleșit: 4: You
       Entuziasmat: 5: You
-    section Săptămâna Aceasta
+    section Săptămâna aceasta
       Explorând: 4: You
       Învățând: 5: You
       Conectându-te: 4: You
-    section Luna Viitoare
+    section Luna viitoare
       Construind: 5: You
       Încrezător: 5: You
-      Ajutând Pe Alții: 5: You
+      Ajudând pe alții: 5: You
 ```
-> 🌟 **Amintește-ți**: Fiecare expert a fost odată începător. Fiecare dezvoltator senior s-a simțit exact ca tine acum – entuziasmat, poate puțin copleșit și cu siguranță curios despre ce este posibil. Ești în companie minunată, iar această călătorie va fi incredibilă. Bine ai venit în minunata lume a programării! 🎉
+> 🌟 **Amintește-ți**: Fiecare expert a fost odată începător. Fiecare dezvoltator senior s-a simțit exact ca tine acum – entuziasmat, poate puțin copleșit și cu siguranță curios despre ce este posibil. Ești în companie minunată și această călătorie va fi incredibilă. Bine ai venit în minunata lume a programării! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Declinare de responsabilitate**:  
-Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri.
+**Declinare de responsabilitate**:
+Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritativă. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ro/AGENTS.md b/translations/ro/AGENTS.md
index 52997efec..170e9859f 100644
--- a/translations/ro/AGENTS.md
+++ b/translations/ro/AGENTS.md
@@ -1,26 +1,26 @@
 # AGENTS.md
 
-## Prezentare generală a proiectului
+## Prezentarea Proiectului
 
-Acesta este un depozit educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, cuprinzând 24 de lecții practice despre JavaScript, CSS și HTML.
+Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, cuprinzând 24 de lecții practice care acoperă JavaScript, CSS și HTML.
 
-### Componente cheie
+### Componente Cheie
 
 - **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
-- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI pentru chat
-- **Teste interactive**: 48 de teste cu câte 3 întrebări fiecare (evaluări pre/post-lesson)
-- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions
+- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI chat
+- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
+- **Suport multilingv**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
 - **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiecte AI)
 
 ### Arhitectură
 
-- Depozit educațional cu structură bazată pe lecții
-- Fiecare folder de lecție conține README, exemple de cod și soluții
-- Proiecte autonome în directoare separate (quiz-app, diverse proiecte de lecții)
+- Depozit educațional cu structură pe bază de lecții
+- Fiecare dosar de lecție conține README, exemple de cod și soluții
+- Proiecte autonome în directoare separate (quiz-app, diverse proiecte de lecție)
 - Sistem de traducere folosind GitHub Actions (co-op-translator)
-- Documentația este servită prin Docsify și disponibilă ca PDF
+- Documentație servită prin Docsify și disponibilă ca PDF
 
-## Comenzi de configurare
+## Comenzi de Configurare
 
 Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucru cu proiecte specifice:
 
@@ -41,7 +41,7 @@ npm run build      # Construiește pentru producție
 npm run lint       # Rulează ESLint
 ```
 
-### API pentru proiectul bancar (Node.js + Express)
+### API Proiect Bancar (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -51,7 +51,7 @@ npm run lint       # Rulează ESLint
 npm run format     # Formatează cu Prettier
 ```
 
-### Proiecte extensii de browser
+### Proiecte Extensie Browser
 
 ```bash
 cd 5-browser-extension/solution
@@ -59,7 +59,7 @@ npm install
 # Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor
 ```
 
-### Proiecte joc spațial
+### Proiecte Joc Spațial
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Deschide index.html în browser sau folosește Live Server
 ```
 
-### Proiect chat (backend Python)
+### Proiect Chat (Backend Python)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,90 +76,90 @@ pip install openai
 python api.py
 ```
 
-## Flux de dezvoltare
+## Flux de Dezvoltare
 
-### Pentru contribuitorii de conținut
+### Pentru Contribuitori de Conținut
 
-1. **Fă fork al depozitului** în contul tău GitHub
+1. **Fork la depozit** în contul tău GitHub
 2. **Clonează fork-ul** local
-3. **Crează un branch nou** pentru modificările tale
-4. Modifică conținutul lecțiilor sau exemplele de cod
-5. Testează orice modificare de cod în directoarele proiectelor relevante
-6. Trimite pull requests conform ghidurilor de contribuție
+3. **Creează un branch nou** pentru modificările tale
+4. Fă modificări în conținutul lecțiilor sau în exemplele de cod
+5. Testează orice modificări de cod în directoarele proiectelor relevante
+6. Trimite pull request-uri urmând ghidurile de contribuție
 
-### Pentru cursanți
+### Pentru Învățăcei
 
 1. Fă fork sau clonează depozitul
-2. Navighează în ordine prin directoarele lecțiilor
+2. Navighează secvențial prin directoarele lecțiilor
 3. Citește fișierele README pentru fiecare lecție
-4. Completează testele pre-lesson la https://ff-quizzes.netlify.app/web/
-5. Lucrează prin exemplele de cod din folderele lecțiilor
-6. Finalizează temele și provocările
-7. Susține testele post-lesson
+4. Completează chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/
+5. Parcurge exemplele de cod din dosarele lecțiilor
+6. Realizează temele și provocările
+7. Completează chestionarele post-lecție
 
-### Dezvoltare live
+### Dezvoltare Live
 
-- **Documentație**: Rulează `docsify serve` din directorul rădăcină (port 3000)
+- **Documentație**: Rulează `docsify serve` la rădăcină (port 3000)
 - **Quiz App**: Rulează `npm run dev` în directorul quiz-app
 - **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML
 - **Proiecte API**: Rulează `npm start` în directoarele API respective
 
-## Instrucțiuni de testare
+## Instrucțiuni de Testare
 
-### Testare Quiz App
+### Testarea Quiz App
 
 ```bash
 cd quiz-app
-npm run lint       # Verifică problemele de stil ale codului
-npm run build      # Verifică dacă compilarea reușește
+npm run lint       # Verifică problemele legate de stilul codului
+npm run build      # Verifică dacă build-ul reușește
 ```
 
-### Testare API Bancar
+### Testarea API Bancar
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Verificați problemele legate de stilul codului
-node server.js     # Verificați dacă serverul pornește fără erori
+npm run lint       # Verifica problemele de stil ale codului
+node server.js     # Verifică dacă serverul pornește fără erori
 ```
 
-### Abordare generală de testare
+### Abordare Generală de Testare
 
 - Acesta este un depozit educațional fără teste automate complete
 - Testarea manuală se concentrează pe:
-  - Exemplele de cod rulează fără erori
-  - Legăturile din documentație funcționează corect
-  - Construirea proiectului se finalizează cu succes
-  - Exemplele respectă bunele practici
+  - Executarea corectă a exemplelor de cod fără erori
+  - Funcționarea corectă a linkurilor în documentație
+  - Finalizarea cu succes a construziunilor proiectelor
+  - Urmarea celor mai bune practici în exemple
 
-### Verificări înainte de trimitere
+### Verificări înainte de Trimitere
 
 - Rulează `npm run lint` în directoarele cu package.json
-- Verifică dacă linkurile markdown sunt valide
+- Verifică validitatea linkurilor markdown
 - Testează exemplele de cod în browser sau Node.js
-- Verifică dacă traducerile păstrează structura corectă
+- Verifică că traducerile păstrează structura corectă
 
-## Ghid de stil pentru cod
+## Ghid de Stil pentru Cod
 
 ### JavaScript
 
 - Folosește sintaxa modernă ES6+
-- Urmează configurațiile ESLint standard oferite în proiecte
+- Respectă configurațiile standard ESLint oferite în proiecte
 - Folosește nume semnificative de variabile și funcții pentru claritate educațională
-- Adaugă comentarii care explică conceptele pentru cursanți
-- Formatează folosind Prettier unde este configurat
+- Adaugă comentarii care explică conceptele pentru învățăcei
+- Formatează cu Prettier unde este configurat
 
 ### HTML/CSS
 
 - Elemente semantice HTML5
 - Principii de design responsive
 - Convenții clare de denumire a claselor
-- Comentarii care explică tehnicile CSS pentru cursanți
+- Comentarii care explică tehnicile CSS pentru învățăcei
 
 ### Python
 
-- Urmează ghidul de stil PEP 8
-- Exemple clare, educaționale de cod
-- Hint-uri de tip unde sunt utile pentru învățare
+- Respectă ghidurile stil PEP 8
+- Exemple clare și educaționale de cod
+- Hinturi de tipuri acolo unde sunt utile pentru învățare
 
 ### Documentație Markdown
 
@@ -169,34 +169,34 @@ node server.js     # Verificați dacă serverul pornește fără erori
 - Capturi de ecran și imagini în directoarele `images/`
 - Text alternativ pentru imagini pentru accesibilitate
 
-### Organizarea fișierelor
+### Organizarea Fișierelor
 
-- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.)
-- Fiecare proiect are directoare `solution/` și deseori `start/` sau `your-work/`
-- Imaginile stocate în foldere specifice lecțiilor `images/`
+- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics, etc.)
+- Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/`
+- Imaginile stocate în foldere specifice lecțiilor, `images/`
 - Traduceri în structura `translations/{language-code}/`
 
-## Construire și distribuire
+## Construire și Desfășurare
 
-### Distribuire Quiz App (Azure Static Web Apps)
+### Desfășurarea Quiz App (Azure Static Web Apps)
 
-quiz-app este configurat pentru distribuire pe Azure Static Web Apps:
+quiz-app este configurat pentru desfășurare în Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Creează folderul dist/
-# Depune prin workflow-ul GitHub Actions la push în main
+# Desfășoară prin fluxul de lucru GitHub Actions la push către main
 ```
 
-Configurație Azure Static Web Apps:
-- **Locație aplicație**: `/quiz-app`
-- **Locație output**: `dist`
+Configurare Azure Static Web Apps:
+- **Locația aplicației**: `/quiz-app`
+- **Locația outputului**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generare PDF pentru documentație
+### Generare PDF Documentație
 
 ```bash
-npm install                    # Instalare docsify-to-pdf
+npm install                    # Instalează docsify-to-pdf
 npm run convert               # Generează PDF din docs
 ```
 
@@ -207,76 +207,76 @@ npm install -g docsify-cli    # Instalează Docsify global
 docsify serve                 # Servește pe localhost:3000
 ```
 
-### Build-uri specifice proiectelor
+### Construiri specifice proiectului
 
-Fiecare director de proiect poate avea propriul proces de build:
-- Proiecte Vue: `npm run build` creează pachete pentru producție
-- Proiecte statice: Fără pas de build, se servesc fișierele direct
+Fiecare director de proiect poate avea propriul proces de construire:
+- Proiecte Vue: `npm run build` creează bundle-uri de producție
+- Proiecte statice: fără pas de construire, fișiere servite direct
 
-## Ghid pentru Pull Request-uri
+## Ghid pentru Pull Requests
 
-### Format titlu
+### Formatul Titlului
 
-Folosește titluri clare, descriptive care indică aria de modificare:
-- `[Quiz-app] Adaugă noul quiz pentru lecția X`
-- `[Lesson-3] Corectează typo în proiectul terrarium`
-- `[Translation] Adaugă traducere în spaniolă pentru lecția 5`
+Folosește titluri clare, descriptive care indică aria modificării:
+- `[Quiz-app] Adaugă chestionar nou pentru lecția X`
+- `[Lesson-3] Corectează greșeală în proiectul terrarium`
+- `[Translation] Adaugă traducerea în spaniolă pentru lecția 5`
 - `[Docs] Actualizează instrucțiunile de configurare`
 
-### Verificări necesare
+### Verificări Necesare
 
 Înainte de a trimite un PR:
 
-1. **Calitatea codului**:
+1. **Calitate cod**:
    - Rulează `npm run lint` în directoarele proiectelor afectate
-   - Corectează toate erorile și avertismentele
+   - Rezolvă toate erorile și avertismentele lint
 
-2. **Verificare build**:
+2. **Verificare construire**:
    - Rulează `npm run build` dacă este cazul
-   - Asigură-te că nu există erori la build
+   - Asigură-te că nu apar erori la construire
 
 3. **Validare linkuri**:
    - Testează toate linkurile markdown
-   - Verifică dacă referințele la imagini funcționează
+   - Verifică referințele imaginii funcționează
 
-4. **Revizuirea conținutului**:
-   - Corectează gramatica și ortografia
-   - Asigură-te că exemplele de cod sunt corecte și educaționale
-   - Verifică dacă traducerile păstrează sensul original
+4. **Revizuire conținut**:
+   - Corectează ortografia și gramatica
+   - Asigură integritatea și claritatea educațională a exemplelor
+   - Verifică că traducerile păstrează sensul original
 
-### Cerințe pentru contribuție
+### Cerințe de Contribuție
 
 - Acceptă Microsoft CLA (verificare automată la primul PR)
-- Urmează [Codul de conduită pentru surse deschise Microsoft](https://opensource.microsoft.com/codeofconduct/)
-- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
-- Referințe numerele issue-urilor în descrierea PR-ului dacă este cazul
+- Respectă [Codul de Conduită Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Consultă [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
+- Referințează numere de issue în descrierea PR-ului dacă este cazul
 
-### Proces de revizuire
+### Procesul de Revizuire
 
 - PR-urile sunt revizuite de mentori și comunitate
-- Claritatea educațională este prioritară
+- Se prioritizează claritatea educațională
 - Exemplele de cod trebuie să urmeze cele mai bune practici actuale
 - Traducerile sunt revizuite pentru acuratețe și adecvare culturală
 
-## Sistem de traducere
+## Sistemul de Traducere
 
-### Traducere automată
+### Traducere Automată
 
 - Folosește GitHub Actions cu workflow-ul co-op-translator
 - Traduce automat în peste 50 de limbi
-- Fișierele sursă sunt în directoarele principale
-- Fișierele traduse sunt în directoarele `translations/{language-code}/`
+- Fișiere sursă în directoarele principale
+- Fișiere traduse în structura `translations/{language-code}/`
 
-### Adăugarea îmbunătățirilor manuale de traducere
+### Adăugarea Îmbunătățirilor Manuale la Traducere
 
 1. Localizează fișierul în `translations/{language-code}/`
 2. Fă îmbunătățiri păstrând structura
 3. Asigură-te că exemplele de cod rămân funcționale
-4. Testează orice conținut localizat pentru quiz
+4. Testează orice conținut localizat de chestionar
 
-### Metadata traducere
+### Metadate Traducere
 
-Fișierele traduse includ antet cu metadata:
+Fișierele traduse includ antet cu metadate:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,110 +289,110 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Depanare și rezolvare probleme
+## Depanare și Rezolvare Probleme
 
-### Probleme comune
+### Probleme Comune
 
 **Quiz app nu pornește**:
 - Verifică versiunea Node.js (recomandat v14+)
 - Șterge `node_modules` și `package-lock.json`, rulează din nou `npm install`
-- Verifică dacă există conflicte de port (implicit: Vite folosește port 5173)
+- Verifică conflicte de port (implicit: Vite folosește port 5173)
 
-**Serverul API nu pornește**:
-- Verifică dacă versiunea Node.js este minimă (node >=10)
-- Verifică dacă portul este deja ocupat
-- Asigură-te că toate dependențele sunt instalate cu `npm install`
+**Server API nu pornește**:
+- Asigură versiunea minimă Node.js (node >=10)
+- Verifică dacă portul este deja folosit
+- Asigură instalarea dependențelor cu `npm install`
 
 **Extensia browser nu se încarcă**:
-- Verifică dacă manifest.json este corect formatat
-- Verifică consola browserului pentru erori
-- Urmează instrucțiunile specifice browserului pentru instalarea extensiei
+- Verifică formatul corect al manifest.json
+- Verifică consola browser pentru erori
+- Urmează instrucțiunile specifice browser-ului pentru instalare extensie
 
 **Probleme proiect chat Python**:
-- Asigură-te că pachetul OpenAI este instalat: `pip install openai`
-- Verifică dacă variabila de mediu GITHUB_TOKEN este setată
-- Verifică permisiunile de acces la GitHub Models
+- Asigură pachetul OpenAI instalat: `pip install openai`
+- Verifică că variabila de mediu GITHUB_TOKEN este setată
+- Verifică permisiunile de acces GitHub Models
 
 **Docsify nu servește documentația**:
 - Instalează docsify-cli global: `npm install -g docsify-cli`
 - Rulează din directorul rădăcină al depozitului
-- Verifică dacă există `docs/_sidebar.md`
+- Verifică existența fișierului `docs/_sidebar.md`
 
-### Sfaturi pentru mediul de dezvoltare
+### Sfaturi pentru Mediu de Dezvoltare
 
-- Folosește VS Code cu extensia Live Server pentru proiecte HTML
-- Instalează extensiile ESLint și Prettier pentru formatări consecvente
+- Folosește VS Code cu extensia Live Server pentru proiectele HTML
+- Instalează extensiile ESLint și Prettier pentru formatare constantă
 - Folosește DevTools din browser pentru depanare JavaScript
 - Pentru proiecte Vue, instalează extensia Vue DevTools pentru browser
 
-### Considerații de performanță
+### Considerații de Performanță
 
-- Numărul mare de fișiere traduse (50+ limbi) înseamnă clone complete mari
-- Folosește clone superficial dacă lucrezi doar pe conținut: `git clone --depth 1`
+- Numărul mare de fișiere traduse (peste 50 de limbi) înseamnă că clonările complete sunt mari
+- Folosește shallow clone dacă lucrezi doar pe conținut: `git clone --depth 1`
 - Exclude traducerile din căutări când lucrezi pe conținut în engleză
-- Procesele de build pot fi lente la prima rulare (npm install, build Vite)
+- Procesele de construire pot fi lente la prima execuție (npm install, construcție Vite)
 
-## Considerații de securitate
+## Considerații de Securitate
 
-### Variabile de mediu
+### Variabile de Mediu
 
 - Cheile API nu trebuie niciodată comise în depozit
-- Folosește fișiere `.env` (inclus deja în `.gitignore`)
+- Folosește fișiere `.env` (deja incluse în `.gitignore`)
 - Documentează variabilele de mediu necesare în README-urile proiectelor
 
 ### Proiecte Python
 
 - Folosește medii virtuale: `python -m venv venv`
-- Păstrează dependențele actualizate
-- Token-urile GitHub trebuie să aibă permisiuni minime necesare
+- Menține dependențele actualizate
+- Tokenii GitHub trebuie să aibă permisiuni minime necesare
 
 ### Acces GitHub Models
 
-- Sunt necesare Personal Access Tokens (PAT) pentru GitHub Models
-- Token-urile trebuie stocate ca variabile de mediu
-- Nu comite niciodată token-uri sau credențiale
+- Se cer Tokenuri Personale de Acces (PAT) pentru GitHub Models
+- Tokenii trebuie stocați ca variabile de mediu
+- Nu comite niciodată tokenuri sau credențiale
 
-## Note suplimentare
+## Note Suplimentare
 
-### Public țintă
+### Public Țintă
 
-- Începători compleți în dezvoltarea web
+- Începători compleți în dezvoltare web
 - Studenți și autodidacți
 - Profesori care folosesc curriculumul în săli de clasă
-- Conținut pentru accesibilitate și dezvoltarea graduală a abilităților
+- Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților
 
-### Filosofie educațională
+### Filosofie Educațională
 
-- Abordare bazată pe învățare prin proiecte
-- Verificări frecvente ale cunoștințelor (teste)
-- Exerciții practice de codare
-- Exemple de aplicații din lumea reală
-- Accent pe baze înainte de framework-uri
+- Abordare bazată pe învățarea prin proiecte
+- Verificări frecvente ale cunoștințelor (chestionare)
+- Exerciții practice de programare
+- Exemple de aplicare în lumea reală
+- Accent pe fundamente înainte de framework-uri
 
-### Mentenanță depozit
+### Mentenanța Depozitului
 
-- Comunitate activă de cursanți și contribuitori
-- Actualizări regulate ale dependențelor și conținutului
+- Comunitate activă de învățăcei și contribuitori
+- Actualizări regulate la dependențe și conținut
 - Probleme și discuții monitorizate de mentori
-- Actualizări automate ale traducerilor prin GitHub Actions
+- Actualizări traduceri automate prin GitHub Actions
 
-### Resurse conexe
+### Resurse Relatate
 
 - [Module Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Resurse Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți
-- Cursuri adiționale: AI generativă, Data Science, ML, IoT
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru învățăcei
+- Cursuri suplimentare: AI Generativ, Data Science, ML, curricula IoT disponibile
 
-### Lucrul cu proiecte specifice
+### Lucrul cu Proiecte Specifice
 
-Pentru instrucțiuni detaliate privind proiectele individuale, consultă fișierele README din:
-- `quiz-app/README.md` - aplicație de quiz Vue 3
+Pentru instrucțiuni detaliate despre proiecte individuale, consultă fișierele README în:
+- `quiz-app/README.md` - aplicație quiz Vue 3
 - `7-bank-project/README.md` - aplicație bancară cu autentificare
-- `5-browser-extension/README.md` - dezvoltare extensii browser
+- `5-browser-extension/README.md` - dezvoltare extensie browser
 - `6-space-game/README.md` - dezvoltare joc pe canvas
 - `9-chat-project/README.md` - proiect asistent AI chat
 
-### Structura monorepo
+### Structura Monorepo
 
 Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
 - Fiecare lecție este autonomă
@@ -404,5 +404,5 @@ Deși nu este un monorepo tradițional, acest depozit conține mai multe proiect
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Declinare de responsabilitate**:
-Acest document a fost tradus folosind serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să oferim o traducere corectă, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite ce pot rezulta din utilizarea acestei traduceri.
+Acest document a fost tradus folosind serviciul de traducere automată [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ro/README.md b/translations/ro/README.md
index 9146c8037..2b5535c2f 100644
--- a/translations/ro/README.md
+++ b/translations/ro/README.md
@@ -12,69 +12,79 @@
 
 # Dezvoltare Web pentru Începători - Un Curriculum
 
-Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participă la chestionare, discuții și teme practice. Îmbunătățește-ți competențele și optimizează retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!
+Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare din cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Implică-te în quizuri, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare chiar azi!
 
 Alătură-te Comunității Azure AI Foundry pe Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Urmează acești pași pentru a începe să folosești aceste resurse:
-1. **Fork-uiește Repositorul**: Click pe [![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. **Clonează Repositorul**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Alătură-te Azure AI Foundry Discord și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fă Fork la Repozitoriu**: Apasă [![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. **Clonează Repozitoriul**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Suport Multi-Limbaj
+### 🌐 Suport Multilingv
 
-#### Suportat prin GitHub Action (Automatizat și Întotdeauna Actualizat)
+#### Suportat prin GitHub Action (Automat și Întotdeauna Actualizat)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./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)
+[Arabă](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgară](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chineză (Simplificată)](../zh-CN/README.md) | [Chineză (Tradițională, Hong Kong)](../zh-HK/README.md) | [Chineză (Tradițională, Macau)](../zh-MO/README.md) | [Chineză (Tradițională, Taiwan)](../zh-TW/README.md) | [Croată](../hr/README.md) | [Cehă](../cs/README.md) | [Daneză](../da/README.md) | [Olandeză](../nl/README.md) | [Estoniană](../et/README.md) | [Finlandeză](../fi/README.md) | [Franceză](../fr/README.md) | [Germană](../de/README.md) | [Greacă](../el/README.md) | [Ebraică](../he/README.md) | [Hindi](../hi/README.md) | [Maghiară](../hu/README.md) | [Indoneziană](../id/README.md) | [Italiană](../it/README.md) | [Japoneză](../ja/README.md) | [Kannada](../kn/README.md) | [Coreeană](../ko/README.md) | [Lituaniană](../lt/README.md) | [Malaieză](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepaleză](../ne/README.md) | [Pidgin Nigerian](../pcm/README.md) | [Norvegiană](../no/README.md) | [Persană (Farsi)](../fa/README.md) | [Poloneză](../pl/README.md) | [Portugheză (Brazilia)](../pt-BR/README.md) | [Portugheză (Portugalia)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Română](./README.md) | [Rusă](../ru/README.md) | [Sârbă (Chirilică)](../sr/README.md) | [Slovacă](../sk/README.md) | [Slovenă](../sl/README.md) | [Spaniolă](../es/README.md) | [Swahili](../sw/README.md) | [Suedeză](../sv/README.md) | [Tagalog (Filipineză)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailandeză](../th/README.md) | [Turcă](../tr/README.md) | [Ucraineană](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnameză](../vi/README.md)
 
 > **Preferi să Clonezi Local?**
-
-> Acest repository include traduceri în peste 50 de limbi, ceea ce crește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout:
+>
+> Acest repo include traduceri în peste 50 de limbi ceea ce mărește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește 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'
 > ```
-> Acesta îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
+>
+> **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"
+> ```
+>
+> Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Dacă dorești să fie susținute limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Dacă dorești să ai suport pentru limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Deschide%20în%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Ești student?_
 
-Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar metode de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o adaugi la favorite și să o verifici din când în când deoarece conținutul este schimbat lunar.
+Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar metode de a obține un voucher gratuit pentru certificare. Aceasta este pagina pe care dorești să o adaugi la favorite și să o verifici din când în când deoarece conținutul se schimbă lunar.
 
-### 📣 Anunț - Noi provocări GitHub Copilot Agent mode de completat!
+### 📣 Anunț - Provocări noi de tip GitHub Copilot Agent de completat!
 
-Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o nouă provocare pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta poate nu doar să genereze text, ci și să creeze și editeze fișiere, să ruleze comenzi și multe altele.
+Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, dar și să creeze și să editeze fișiere, să ruleze comenzi și altele.
 
-### 📣 Anunț - _Proiect nou de construit folosind Generative AI_
+### 📣 Anunț - _Proiect Nou de construit folosind AI Generativ_
 
-Proiect nou cu Asistent AI tocmai adăugat, vezi proiectul [aici](./9-chat-project/README.md)
+Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l [proiect](./9-chat-project/README.md)
 
-### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent
+### 📣 Anunț - _Curriculum Nou_ despre AI Generativ pentru JavaScript a fost lansat
 
-Nu rata noul nostru curriculum Generative AI!
+Nu rata noul nostru curriculum de AI Generativ!
 
 Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
 
 ![Background](../../translated_images/ro/background.148a8d43afde5730.webp)
 
-- Lecții care acoperă totul de la elementele de bază până la RAG.
+- Lecții acoperind totul de la bază până la RAG.
 - Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
 - Narațiune distractivă și captivantă, vei călători în timp!
 
 ![character](../../translated_images/ro/character.5c0dd8e067ffd693.webp)
 
 
-Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care te ghidează în învățarea subiectelor precum:
-- Promptarea și ingineria de prompturi
-- Generarea de aplicații text și imagini
+Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care să te ghideze în subiecte precum:
+- Prompting și ingineria prompturilor
+- Generarea de aplicații text și imagine
 - Aplicații de căutare
 
 Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
@@ -83,130 +93,129 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent
 
 ## 🌱 Începutul
 
-> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lectură, continuați cu citirea materialului de curs, efectuarea diverselor activități și verificați-vă înțelegerea cu chestionarul post-lectură.
+**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un quiz înainte de lecție și continuați citind materialul lecției, completând diversele activități și verificați-vă înțelegerea cu un quiz după lecție.
 
-Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă să răspundă întrebărilor voastre.
+Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre.
 
-Pentru a vă continua educația, vă recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
+Pentru a vă continua educația, recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
 
 ### 📋 Configurarea mediului tău
 
-Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi poți alege să rulezi curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalării_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără instalări necesare_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Creează-ți propriul repository
-Pentru a-ți salva ușor munca, se recomandă să îți creezi o copie a acestui repository. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău GitHub cu o copie a curriculumului.
+#### Creează-ți propriul repo
+Pentru a-ți salva ușor lucrările, este recomandat să-ți creezi o copie proprie a acestui repo. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Acest lucru va crea un nou repo în contul tău de GitHub cu o copie a curriculum-ului.
 
 Urmează acești pași:
-1. **Fork-uiește Repositorul**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
-2. **Clonează Repositorul**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fă Fork la Repozitoriu**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
+2. **Clonează Repozitoriul**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Rularea curriculumului într-un Codespace
+#### Rularea curriculum-ului într-un Codespace
 
-În copia ta de repository pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrezi.
+În copia ta a acestui repo pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Acest lucru va crea un nou Codespace pentru tine în care să lucrezi.
 
 ![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Rularea curriculumului local pe calculatorul tău
-
-Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în Limbajele de Programare și Unelte de Bază](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare dintre aceste instrumente, pentru a-ți putea alege ce funcționează cel mai bine pentru tine.
-
-Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) încorporat. Poți descărca Visual Studio Code de [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Rularea curriculum-ului local pe calculatorul tău
 
+Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele uzuale](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare din aceste instrumente pentru a alege ce funcționează cel mai bine pentru tine.
 
-1. Clonează repository-ul pe calculatorul tău. Poți face asta apăsând butonul **Code** și copiind URL-ul:
+Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru dând click pe butonul **Code** și copiind URL-ul:
 
     [CodeSpace](./images/createcodespace.png)
-Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și execută comanda următoare, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
+
+    Apoi, deschide [Terminalul](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `<your-repository-url>` cu URL-ul pe care tocmai l-ai copiat:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **Fișier** > **Deschide folder** și selectând folderul pe care tocmai l-ai clonat.
+2. Deschide folderul în Visual Studio Code. Poți face acest lucru dând click pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat.
 
 
 >  Extensii recomandate pentru Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza paginile HTML în Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza pagini HTML în Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid
 
 ## 📂 Fiecare lecție include:
 
 - schiță opțională
-- videoclip suplimentar opțional
+- video suplimentar opțional
 - quiz de încălzire înainte de lecție
 - lecție scrisă
-- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas despre cum să construiești proiectul
+- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului
 - verificări de cunoștințe
 - o provocare
-- lecturi suplimentare
+- lectură suplimentară
 - temă
-- [quiz post-lecție](https://ff-quizzes.netlify.app/web/)
+- [quiz post-lectie](https://ff-quizzes.netlify.app/web/)
 
-> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, un total de 48 de quiz-uri cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/), aplicația pentru quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
+> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/) aplicația de quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
 
 ## 🗃️ Lecții
 
-|     |                       Numele Proiectului                       |                           Concepte Predate                            | Obiective de Învățare                                                                                                                 |                                                         Lecția Legată                                                          |         Autor          |
-| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Începutul                                  |           Introducere în programare și uneltele meseriei              | Învață fundamentele de bază din spatele majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în limbajele de programare și uneltele meseriei](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Începutul                                  |             Noțiuni de bază GitHub, inclusiv lucru în echipă          | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă                                                 |                            [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Începutul                                  |                             Accesibilitate                            | Învață elementele de bază ale accesibilității web                                                                                      |                       [Fundamentele accesibilității](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Bazele JS                               |                         Tipuri de date în JavaScript                  | Noțiunile de bază despre tipurile de date JavaScript                                                                                  |                                       [Tipuri de date](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Bazele JS                               |                         Funcții și Metode                             | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații                                                       |                              [Funcții și Metode](./2-js-basics/2-functions-methods/README.md)                               | Jasmine și Christopher  |
-| 06  |                        Bazele JS                               |                        Luarea Deciziilor cu JS                        | Învață cum să creezi condiții în cod folosind metode de luare a deciziilor                                                            |                                 [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Bazele JS                               |                            Array-uri și Buclă                          | Lucrează cu date folosind array-uri și bucle în JavaScript                                                                             |                                   [Array-uri și bucle](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)            |                            HTML în practică                           | Construiește HTML-ul pentru a crea un terrarium online, concentrându-te pe realizarea unui layout                                      |                                 [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)            |                            CSS în practică                            | Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe elementele de bază CSS, inclusiv cum să faci pagina responsive |                                  [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)       |                 Closures în JavaScript, manipularea DOM               | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe closures și manipularea DOM-ului |                  [Closures JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)      |                          Construirea unui joc de tastare             | Învață cum să folosești evenimentele de tastatură pentru a condimenta logica aplicației tale JavaScript                                |                                [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Lucrul cu browsere                            | Învață cum funcționează browserele, istoria lor și cum să stabilești elementele de bază ale unei extensii pentru browser              |                               [Despre browsere](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei browserului pentru a apela un API folosind variabile stocate local                   |                [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesarea în fundal în browser, performanța web                      | Folosește procesele în fundal ale browserului pentru a gestiona pictograma extensiei; învață despre performanța web și optimizări pentru a face |             [Task-uri de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)       |             Dezvoltare avansată a jocurilor cu JavaScript            | Învață despre moștenire folosind atât Clase, cât și Compoziție și modelul Pub/Sub, în pregătirea pentru construire unui joc            |                      [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)       |                           Desenarea pe canvas                         | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran                                                                |                                [Desenarea pe canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)       |                   Mișcarea elementelor pe ecran                       | Descoperă cum elementele pot obține mișcare folosind coordonatele carteziene și API-ul Canvas                                         |                           [Mișcarea elementelor](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)       |                          Detectarea coliziunilor                      | Fă elementele să se ciocnească și să reacționeze unul la altul folosind apăsări de taste și oferă o funcție de cooldown pentru a asigura performanța jocului |                              [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)       |                             Ținerea scorului                          | Realizează calcule matematice în funcție de starea și performanța jocului                                                             |                                    [Ținerea scorului](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)       |                     Terminarea și repornirea jocului                  | Învață despre terminarea și repornirea jocului, inclusiv curățarea asset-urilor și resetarea valorilor variabile                      |                                [Condiția de terminare](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)      |                 Șabloane HTML și Rute într-o aplicație web            | Învață cum să creezi scheletul arhitecturii unui site multipagină folosind rutare și șabloane HTML                                    |                            [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)      |                  Construirea unui formular de autentificare și înregistrare                  | Învață despre construirea formularelor și gestionarea rutinei de validare                                                              |                                           [Formulare](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)      |                   Metode de obținere și utilizare a datelor           | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini                                          |                                            [Date](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)      |                      Concepte de gestionare a stării                   | Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic                                                         |                                [Gestionarea stării](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+|     |                        Numele Proiectului                        |                             Concepte Predate                              | Obiective de Învățare                                                                                                             |                                                        Lecția Legată                                                         |         Autor          |
+| :-: | :--------------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Getting Started                              |          Introducere în Programare și Unelte Utilizate                      | Învață bazele comune celor mai multe limbaje de programare și despre software-ul ce ajută dezvoltatorii profesioniști să lucreze | [Intro la Limbaje de Programare și Unelte Utilizate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)     |         Jasmine         |
+| 02  |                     Getting Started                              |                Bazele GitHub, inclusiv lucrul în echipă                     | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă                                              |                            [Intro la GitHub](./1-getting-started-lessons/2-github-basics/README.md)                              |          Floor          |
+| 03  |                     Getting Started                              |                           Accesibilitate                                   | Învață bazele accesibilității web                                                                                                 |                         [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md)                    |       Christopher       |
+| 04  |                        JS Basics                               |                        Tipuri de Date în JavaScript                         | Bazele tipurilor de date în JavaScript                                                                                            |                                       [Tipuri de Date](./2-js-basics/1-data-types/README.md)                                    |         Jasmine         |
+| 05  |                        JS Basics                               |                         Funcții și Metode                                  | Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației                                                  |                              [Funcții și Metode](./2-js-basics/2-functions-methods/README.md)                                  | Jasmine și Christopher  |
+| 06  |                        JS Basics                               |                     Luarea deciziilor cu JS                                | Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor                                                  |                                 [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md)                                |         Jasmine         |
+| 07  |                        JS Basics                               |                          Arrays și Buclă                                   | Lucrează cu date folosind array-uri și bucle în JavaScript                                                                       |                                   [Arrays și Buclă](./2-js-basics/4-arrays-loops/README.md)                                  |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)             |                           HTML în Practică                                 | Construiește HTML-ul pentru a crea un terariu online, concentrându-te pe crearea unei structuri                                   |                                 [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md)                                |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)             |                            CSS în Practică                                 | Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS și pe realizarea unei pagini responsive          |                                  [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md)                                 |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)              |                Închideri JavaScript, manipularea DOM                       | Construiește JavaScript pentru a face ca terariul să funcționeze cu interfață drag/drop, concentrându-te pe închideri și manipularea DOM |                  [Închideri JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Construiește un joc de tastare                   | Învață cum să folosești evenimentele de la tastatură pentru a conduce logica aplicației tale JavaScript                          |                              [Programare condusă de evenimente](./4-typing-game/typing-game/README.md)                         |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Lucrează cu browsere                              | Învață cum funcționează browserele, istoria lor și cum să scaffoldezi primele elemente ale unei extensii de browser              |                                [Despre browsere](./5-browser-extension/1-about-browsers/README.md)                              |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor      | Construiește elementele JavaScript ale extensiei tale pentru a apela un API folosind variabile stocate local                      |                       [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md)    |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |           Procesele de fundal ale browserului, performanța web            | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări   |               [Sarcini de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md)           |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)            |           Dezvoltare mai avansată de jocuri cu JavaScript                 | Învață despre Moștenire folosind atât Clase cât și Compoziție și tiparul Pub/Sub, pregătindu-te pentru construirea unui joc       |                      [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md)               |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)            |                          Desenarea pe canvas                              | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran                                                           |                               [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md)                             |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)            |                   Mutarea elementelor pe ecran                            | Descoperă cum elementele pot căpăta mișcare folosind coordonatele carteziene și API-ul Canvas                                    |                           [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md)                            |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)            |                          Detectarea coliziunilor                          | Fă elementele să se ciocnească și să reacționeze folosind apăsări de tastă și adaugă o funcție de cooldown pentru performanța jocului |                              [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md)                          |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)            |                             Ținerea scorului                              | Efectuează calcule matematice bazate pe starea și performanța jocului                                                            |                                    [Ținerea scorului](./6-space-game/5-keeping-score/README.md)                              |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)            |                     Terminarea și reluarea jocului                        | Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile                      |                                [Condiția de final](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)           |                Șabloane HTML și Rute într-o aplicație web                 | Învață cum să creezi scheletul arhitecturii unui website multipaginar folosind rutare și șabloane HTML                           |                             [Șabloane HTML și Rute](./7-bank-project/1-template-route/README.md)                              |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)           |                 Construiește un formular de autentificare                 | Învață cum să construiești formulare și să gestionezi rutinele de validare                                                       |                                           [Formulare](./7-bank-project/2-forms/README.md)                                  |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)           |                Metode de preluare și utilizare a datelor                  | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini                                       |                                            [Date](./7-bank-project/3-data/README.md)                                        |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)           |                       Concepte de gestionare a stării                     | Învață cum aplicația ta reține starea și cum să o gestionezi programatic                                                         |                                [Gestionarea stării](./7-bank-project/4-state-management/README.md)                            |          Yohan          |
 | 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosește editorul VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să construiești propriul asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să îți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogie
 
-Curriculumul nostru este proiectat având în minte două principii pedagogice esențiale:  
-* învățarea bazată pe proiecte  
-* quizuri frecvente  
+Curriculumul nostru este conceput având în vedere două principii pedagogice cheie:
+* învățarea bazată pe proiecte
+* quiz-uri frecvente
 
-Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai recente unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea de a dezvolta experiență practică construind un joc de tastare, un terrarium virtual, o extensie de browser eco-friendly, un joc tip space invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
+Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea să acumuleze experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc stil Space Invaders și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
 
-> 🎓 Poți parcurge primele lecții din acest curriculum ca [Cale de Învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
+> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
 
-Asigurându-ne că conținutul se aliniază cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este amplificată. De asemenea, am scris mai multe lecții introductive despre bazele JavaScript pentru a introduce conceptele, însoțite de un videoclip din colecția de tutoriale video "[Seria pentru începători la: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", al căror autori au contribuit și la acest curriculum.
+Asigurând că conținutul este aliniat cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor este crescută. Am scris, de asemenea, câteva lecții introductive în bazele JavaScript, însoțite de un video din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ale cărei autorii au contribuit la acest curriculum.
 
-În plus, un quiz cu miză scăzută înainte de clasă setează intenția studentului spre învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o reținere suplimentară. Acest curriculum a fost proiectat să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni.
+În plus, un quiz cu miză redusă înainte de o clasă setează intenția studentului spre învățare a unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la sfârșitul ciclului de 12 săptămâni.
 
-Deși am evitat intenționat să introducem cadrele JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un bun pas următor după finalizarea acestui curriculum ar fi învățarea despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru începători la: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Deși am evitat în mod intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Vizitează [Codul nostru de conduită](CODE_OF_CONDUCT.md) și liniile directoare pentru [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
+> Vizitează regulile noastre din [Codul de conduită](CODE_OF_CONDUCT.md) și [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
 
 
 ## 🧭 Acces offline
 
-Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork acestui repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo tastează `docsify serve`. Site-ul va fi servit pe portul 3000 pe localhost-ul tău: `localhost:3000`.
+Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă fork la acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală și apoi în folderul rădăcină al repo-ului tastează `docsify serve`. Site-ul va fi servit la portul 3000 pe localhost-ul tău: `localhost:3000`.
 
 ## 📘 PDF
-
 Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Alte cursuri
+
 Echipa noastră produce și alte cursuri! Verifică:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -216,7 +225,7 @@ Echipa noastră produce și alte cursuri! Verifică:
 [![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 / Agenți
+### Azure / Edge / MCP / Agents
 [![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)
@@ -224,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică:
 
 ---
  
-### Seria AI Generativă
+### Seria Generative 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)
@@ -251,21 +260,21 @@ Echipa noastră produce și alte cursuri! Verifică:
 
 ## Obținerea ajutorului
 
-Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI, alătură-te colegilor cursanți și dezvoltatorilor experimentați în discuții despre MCP. Este o comunitate de susținere unde întrebările sunt binevenite iar cunoștințele sunt împărtășite liber.
+Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Dacă ai feedback despre produs sau întâmpini erori în timp ce construiești, vizitează:
+Dacă ai feedback despre produse sau întâmpini erori în timpul dezvoltării, vizitează:
 
 [![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)
 
 ## Licență
 
-Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
+Acest depozit este licențiat sub licența MIT. Consultă fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Declinare de responsabilitate**:
-Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
+Acest document a fost tradus utilizând serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă o traducere profesională realizată de un traducător uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ru/.co-op-translator.json b/translations/ru/.co-op-translator.json
index 8b04da455..e750716fd 100644
--- a/translations/ru/.co-op-translator.json
+++ b/translations/ru/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T23:14:20+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:43:56+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ru"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T15:57:30+00:00",
+    "translation_date": "2026-03-06T16:51:51+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ru"
   },
@@ -516,8 +516,8 @@
     "language_code": "ru"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T15:50:50+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:39:46+00:00",
     "source_file": "README.md",
     "language_code": "ru"
   },
diff --git a/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4ee27682a..d0fb3a11c 100644
--- a/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Введение в языки программирования и современные инструменты разработчика
+ 
+Привет, будущий разработчик! 👋 Могу я рассказать тебе кое-что, что до сих пор каждый божий день заставляет меня испытывать трепет? Ты вот-вот откроешь для себя, что программирование — это не просто про компьютеры, это про настоящие суперспособности, с помощью которых можно воплотить в жизнь самые сумасшедшие идеи!
 
-Привет, будущий разработчик! 👋 Могу я рассказать тебе кое-что, что до сих пор вызывает у меня мурашки каждый день? Ты собираешься узнать, что программирование — это не просто работа с компьютерами, это настоящая суперсила, которая позволяет воплощать в жизнь самые смелые идеи!
+Ты знаешь тот момент, когда пользуешься своим любимым приложением, и всё просто складывается идеально? Когда нажимаешь кнопку, и происходит нечто волшебное, из-за чего думаешь: «Вау, а как они ЭТО сделали?» Так вот, кто-то, такой же как ты — вероятно, сидящий в своём любимом кафе в 2 часа ночи с третьим эспрессо — написал код, который создаёт эту магию. И сейчас тебя поразит вот что: к концу этого урока ты не только поймёшь, как это было сделано, но ещё и зажжёшься попробовать сделать это сам!
 
-Ты знаешь тот момент, когда пользуешься любимым приложением, и все работает идеально? Когда нажимаешь кнопку, и происходит что-то абсолютно волшебное, заставляющее тебя задуматься: «Вау, как они ЭТО сделали?» Так вот, кто-то, возможно, такой же, как ты — сидя в любимой кофейне в два часа ночи с третьим эспрессо — написал код, который создал эту магию. И вот что тебя удивит: к концу этого урока ты не только поймешь, как они это сделали, но и захочешь попробовать сам!
+Послушай, я отлично понимаю, если программирование сейчас кажется пугающим. Когда я начал, честно думал, что нужно быть каким-то математическим гением или кодить с пяти лет. Но вот что полностью изменило моё восприятие: программирование — это как учиться разговаривать на новом языке. Сначала «привет» и «спасибо», потом уже можешь заказать кофе, а через некоторое время ведёшь глубокие философские беседы! Только в этом случае ты разговариваешь с компьютерами, и, честно? Они самые терпеливые собеседники, которых ты когда-либо встречал — они никогда не осуждают ошибки и всегда рады попробовать снова!
 
-Слушай, я прекрасно понимаю, если программирование кажется тебе пугающим прямо сейчас. Когда я только начинал, я честно думал, что для этого нужно быть каким-то математическим гением или заниматься кодированием с пяти лет. Но вот что полностью изменило мое представление: программирование — это как изучение нового языка. Ты начинаешь с «привет» и «спасибо», затем переходишь к заказу кофе, а потом, не успеешь оглянуться, как уже ведешь глубокие философские беседы! Только в данном случае ты разговариваешь с компьютерами, и, честно говоря, они самые терпеливые собеседники — они никогда не осуждают твои ошибки и всегда готовы попробовать снова!
+Сегодня мы познакомимся с невероятными инструментами, которые делают современную веб-разработку не просто возможной, а по-настоящему увлекательной. Речь идёт именно о тех редакторах, браузерах и рабочих процессах, которыми ежедневно пользуются разработчики Netflix, Spotify и твоей любимой инди-студии. И вот что заставит тебя танцевать от счастья: большинство этих профессиональных, отраслевых инструментов совершенно бесплатны!
 
-Сегодня мы изучим невероятные инструменты, которые делают современную веб-разработку не только возможной, но и по-настоящему увлекательной. Я говорю о тех же редакторах, браузерах и рабочих процессах, которые разработчики Netflix, Spotify и твоей любимой студии приложений используют каждый день. И вот что заставит тебя пуститься в пляс от радости: большинство этих профессиональных инструментов, которые являются стандартом в индустрии, абсолютно бесплатны!
-
-![Введение в программирование](../../../../translated_images/ru/webdev101-programming.d6e3f98e61ac4bff.webp)
+![Intro Programming](../../../../translated_images/ru/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Ваш путь в программировании сегодня
+    section Открывать
+      Что такое программирование: 5: You
+      Языки программирования: 4: You
+      Обзор инструментов: 5: You
+    section Изучать
+      Редакторы кода: 4: You
+      Браузеры и инструменты разработчика: 5: You
+      Командная строка: 3: You
+    section Практиковаться
+      Детектив языков: 4: You
+      Исследование инструментов: 5: You
+      Связь с сообществом: 5: You
 ```
+## Давай узнаем, что ты уже знаешь!
 
-## Давайте узнаем, что вы уже знаете!
+Прежде чем перейти к развлечениям, мне интересно — что ты уже знаешь о мире программирования? И слушай, если при взгляде на эти вопросы ты думаешь: «У меня абсолютно ноль понятия обо всём этом», это не просто нормально, это идеально! Значит, ты в самом правильном месте. Считай этот тест как разминку перед тренировкой — просто разогреваем мозговые мышцы!
 
-Прежде чем мы перейдем к интересным вещам, мне любопытно — что вы уже знаете о мире программирования? И слушайте, если вы смотрите на эти вопросы и думаете: «Я вообще ничего об этом не знаю», это не просто нормально, это идеально! Это значит, что вы находитесь в правильном месте. Подумайте об этом тесте как о разминке перед тренировкой — мы просто разогреваем мозг!
+[Пройти пре-уроковый тест](https://ff-quizzes.netlify.app/web/)
 
-[Пройдите предварительный тест](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Приключение, которое мы начнем вместе
+## Приключение, которое мы начинаем вместе
 
-Окей, я искренне в восторге от того, что мы будем изучать сегодня! Честно, я бы хотел видеть ваше лицо, когда некоторые из этих концепций станут понятны. Вот невероятное путешествие, которое мы совершим вместе:
+Хорошо, я действительно радуюсь и бьюсь в дрожь от того, что мы сегодня будем изучать! Серьёзно, хотел бы я видеть твоё лицо, когда какие-то концепции прямо «щелкнут». Вот наше невероятное путешествие:
 
-- **Что такое программирование (и почему это самое крутое занятие!)** — Мы узнаем, как код буквально является невидимой магией, которая управляет всем вокруг нас, от будильника, который знает, что наступило утро понедельника, до алгоритма, который идеально подбирает рекомендации на Netflix.
-- **Языки программирования и их удивительные особенности** — Представьте, что вы пришли на вечеринку, где каждый человек обладает уникальными суперспособностями и способами решения задач. Именно так выглядит мир языков программирования, и вам понравится знакомиться с ними!
-- **Основные строительные блоки, которые создают цифровую магию** — Подумайте о них как о самом креативном наборе LEGO. Как только вы поймете, как эти элементы соединяются, вы осознаете, что можете построить буквально все, что придет вам в голову.
-- **Профессиональные инструменты, которые заставят вас почувствовать себя волшебником** — Я не преувеличиваю — эти инструменты действительно дадут вам ощущение суперсилы, и самое лучшее? Это те же инструменты, которые используют профессионалы!
+- **Что такое программирование на самом деле (и почему это самая крутая вещь!)** — мы узнаем, как код — это буквально невидимая магия, которая запускает всё вокруг, начиная от будильника, который почему-то знает, что сегодня понедельник, и заканчивая алгоритмом, который подбирает тебе идеальные рекомендации Netflix.
+- **Языки программирования и их удивительные личности** — представь, что ты приходишь на вечеринку, где каждый человек обладает совершенно разными суперспособностями и способами решения проблем. Таков мир языков программирования, и тебе понравится их знакомство!
+- **Основные строительные блоки, создающие цифровую магию** — подумай об этом, как об идеальном творческом наборе LEGO. Когда ты поймёшь, как эти элементы сочетаются, осознаешь, что можешь построить буквально всё, что вздумается воображению.
+- **Профессиональные инструменты, которые заставят тебя почувствовать, что тебе только что вручили волшебную палочку** — я не шучу — эти инструменты действительно заставят тебя почувствовать, что у тебя суперспособности, и самое классное? Это те же самые инструменты, что используют профи!
 
-> 💡 **Вот что важно**: Даже не думайте пытаться запомнить все сегодня! Сейчас я просто хочу, чтобы вы почувствовали искру вдохновения о том, что возможно. Детали запомнятся сами собой, когда мы будем практиковаться вместе — именно так происходит настоящее обучение!
+> 💡 **Вот в чём дело**: даже не пытайся сегодня всё запомнить! Сейчас я лишь хочу, чтобы тебя вдохновило то, что возможно. Детали закрепятся сами собой, когда мы будем практиковаться вместе — именно так происходит настоящее обучение!
 
-> Вы можете пройти этот урок на [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, что по сути означает «да» и «нет» или «включено» и «выключено». И все! Но вот где начинается магия — нам не нужно говорить на языке 1 и 0, как будто мы в «Матрице». Здесь на помощь приходят **языки программирования**. Они как лучшие переводчики в мире, которые берут ваши совершенно нормальные человеческие мысли и переводят их на язык компьютера.
+Вот что ошеломило меня, когда я впервые это понял: компьютеры на самом деле довольно просты в своей основе. Они буквально понимают только две вещи — 1 и 0, что по сути значит «да» и «нет» или «вкл» и «выкл». Вот и всё! Но вот где начинается магия — нам не нужно говорить на 1 и 0, как в Матрице. Здесь на помощь приходят **языки программирования**. Это словно лучший переводчик в мире, который берёт твои вполне обычные человеческие мысли и переводит их на язык компьютера.
 
-И вот что до сих пор вызывает у меня мурашки каждое утро, когда я просыпаюсь: буквально *все* цифровое в вашей жизни началось с кого-то, возможно, сидящего в пижаме с чашкой кофе, печатающего код на своем ноутбуке. Тот фильтр в Instagram, который делает вас безупречным? Кто-то закодировал это. Рекомендация, которая привела вас к вашей новой любимой песне? Разработчик создал этот алгоритм. Приложение, которое помогает вам делить счет за ужин с друзьями? Да, кто-то подумал: «Это неудобно, я могу это исправить», и затем... они сделали это!
+И вот что до сих пор будоражит меня каждое утро: буквально *всё* цифровое в твоей жизни началось с кого-то такого же, как ты, наверное, сидящего в пижаме с чашкой кофе и печатающего код на ноутбуке. Тот фильтр в Instagram, который делает тебя безупречным? Кто-то написал этот код. Рекомендация, которая привела тебя к новой любимой песне? Разработчик создал этот алгоритм. Приложение, которое помогает делить счёт в ресторане с друзьями? Да, кто-то подумал: «Это неудобно, я могу это исправить» — и сделал это!
 
-Когда вы учитесь программировать, вы не просто осваиваете новый навык — вы становитесь частью этого невероятного сообщества решателей проблем, которые каждый день думают: «А что, если я смогу создать что-то, что сделает чей-то день немного лучше?» Честно, есть ли что-то круче этого?
+Когда ты учишься программировать, ты не просто осваиваешь новый навык — ты становишься частью потрясающего сообщества решателей задач, которые тратят свои дни на размышления: «А что, если я создам что-то, что сделает чей-то день чуточку лучше?» Честно, разве может быть что-то круче?
 
-✅ **Интересный факт**: Вот что стоит поискать, когда у вас будет свободная минутка — как вы думаете, кто был первым программистом в мире? Подскажу: это может быть не тот, кого вы ожидаете! История этого человека абсолютно увлекательна и показывает, что программирование всегда было связано с творческим решением задач и нестандартным мышлением.
+✅ **Задачка для ума**: Вот что здорово поискать, когда будет свободная минутка — кто, по твоему мнению, был первым программистом в мире? Дам подсказку: это может быть не тот человек, кого ты ожидаешь! История этого человека совершенно потрясающая и показывает, что программирование всегда было про творческое решение задач и нестандартное мышление.
 
-### 🧠 **Время проверки: как вы себя чувствуете?**
+### 🧠 **Проверочные вопросы: Как ты себя чувствуешь?**
 
-**Возьмите минутку, чтобы подумать:**
-- Идея «давать инструкции компьютерам» теперь понятна?
-- Можете ли вы придумать ежедневную задачу, которую хотели бы автоматизировать с помощью программирования?
-- Какие вопросы у вас возникают о программировании?
+**Подумай на минутку:**
+- Понятна ли тебе теперь идея «давать инструкции компьютерам»?
+- Можешь ли ты представить какую-нибудь повседневную задачу, которую хотел бы автоматизировать с помощью программирования?
+- Какие вопросы пока вертятся у тебя в голове про этот мир программирования?
 
-> **Помните**: Это совершенно нормально, если некоторые концепции пока кажутся вам неясными. Изучение программирования — это как изучение нового языка, вашему мозгу нужно время, чтобы построить эти нейронные связи. Вы молодцы!
+> **Помни**: это абсолютно нормально, если некоторые понятия кажутся размытыми сейчас. Учиться программировать — это как учить новый язык — мозгу нужно время, чтобы построить новые нейронные связи. Ты делаешь отлично!
 
-## Языки программирования — как разные вкусы магии
+## Языки программирования похожи на разные вкусы магии
 
-Окей, это может звучать странно, но доверьтесь мне — языки программирования очень похожи на разные жанры музыки. Подумайте: есть джаз, который плавный и импровизационный, рок — мощный и прямолинейный, классика — элегантная и структурированная, и хип-хоп — креативный и выразительный. У каждого стиля есть своя атмосфера, свое сообщество страстных поклонников, и каждый из них идеально подходит для разных настроений и случаев.
+Ладно, это прозвучит странно, но держись — языки программирования очень похожи на разные типы музыки. Представь: у тебя есть джаз — гладкий и импровизационный, рок — мощный и прямолинейный, классика — элегантная и структурированная, и хип-хоп — креативный и выразительный. Каждый стиль имеет свой вайб, своё сообщество страстных поклонников, и каждый идеально подходит под разное настроение и случаи.
 
-Языки программирования работают точно так же! Вы не будете использовать один и тот же язык для создания веселой мобильной игры и для обработки огромных объемов климатических данных, так же как вы не будете включать дэт-метал на занятии йогой (ну, на большинстве занятий йогой! 😄).
+Языки программирования работают точно так же! Ты бы не стал использовать тот же язык для создания забавной мобильной игры и для обработки громадного массива климатических данных, так же как ты бы не стал играть дэт-метал на занятиях йогой (ну, по крайней мере на большинстве из них! 😄).
 
-Но вот что меня поражает каждый раз, когда я думаю об этом: эти языки — как самый терпеливый и блестящий переводчик в мире, сидящий рядом с вами. Вы можете выражать свои идеи так, как это естественно для вашего человеческого мозга, а они берут на себя всю невероятно сложную работу по переводу этого на язык 1 и 0, который понимают компьютеры. Это как иметь друга, который идеально владеет и «человеческим творчеством», и «компьютерной логикой» — и он никогда не устает, не нуждается в перерывах на кофе и не осуждает вас за то, что вы задаете один и тот же вопрос дважды!
+А вот что меня каждый раз поражает до глубины души: эти языки — это как самый терпеливый и блестящий переводчик в мире, который сидит рядом с тобой. Ты можешь выражать свои идеи так, как удобно твоему человеческому мозгу, а он берёт на себя всю невероятно сложную работу по переводу на 1 и 0, на которых на самом деле говорит компьютер. Это как иметь друга, который идеально владеет и «человеческим творчеством», и «компьютерной логикой» — и он никогда не устает, не берёт перерыв на кофе и не осуждает тебя за повторные вопросы!
 
-### Популярные языки программирования и их применение
+### Популярные языки программирования и их применения
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((Языки программирования))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Магия фронтенда
+        Интерактивные веб-сайты
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Типы
+        Корпоративные приложения
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Наука о данных
+        Машинное обучение
+        Автоматизация
       R
-        Statistics
-        Research
+        Статистика
+        Исследования
     Mobile Apps
       Java
         Android
-        Enterprise
+        Корпоративные
       Swift
         iOS
-        Apple Ecosystem
+        Экосистема Apple
       Kotlin
-        Modern Android
-        Cross-platform
+        Современный Android
+        Кроссплатформенность
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        Игры
+        Критичные по производительности
       Rust
-        Memory Safety
-        System Programming
+        Безопасность памяти
+        Системное программирование
       Go
-        Cloud Services
-        Scalable Backend
+        Облачные сервисы
+        Масштабируемый бэкенд
 ```
-
-| Язык | Лучшее применение | Почему он популярен |
-|------|-------------------|---------------------|
-| **JavaScript** | Веб-разработка, пользовательские интерфейсы | Работает в браузерах и обеспечивает интерактивность сайтов |
-| **Python** | Наука о данных, автоматизация, ИИ | Легкий для чтения и изучения, мощные библиотеки |
-| **Java** | Корпоративные приложения, Android-приложения | Независимость от платформы, надежность для крупных систем |
+| Язык | Лучшее применение | Почему популярен |
+|----------|----------|------------------|
+| **JavaScript** | Веб-разработка, пользовательские интерфейсы | Работает в браузерах и поддерживает интерактивные сайты |
+| **Python** | Наука о данных, автоматизация, ИИ | Легко читать и учить, мощные библиотеки |
+| **Java** | Корпоративные приложения, Android-приложения | Независим от платформы, надёжен для крупных систем |
 | **C#** | Windows-приложения, разработка игр | Сильная поддержка экосистемы Microsoft |
-| **Go** | Облачные сервисы, серверные системы | Быстрый, простой, создан для современных вычислений |
+| **Go** | Облачные сервисы, серверная часть | Быстрый, простой, создан для современной вычислительной техники |
 
-### Высокоуровневые и низкоуровневые языки
+### Языки высокого и низкого уровня
 
-Окей, это была концепция, которая буквально взорвала мой мозг, когда я только начинал учиться, поэтому я поделюсь аналогией, которая наконец помогла мне понять — и надеюсь, она поможет и вам!
+Честно, именно эта концепция взорвала мне мозг при первом знакомстве с программированием, так что расскажу аналогию, которая помогла мне её понять — надеюсь, она поможет и тебе!
 
-Представьте, что вы посещаете страну, где не говорите на местном языке, и вам срочно нужно найти ближайший туалет (мы все были в такой ситуации, правда? 😅):
+Представь, что ты приехал в страну, где не говоришь на языке, и отчаянно пытаешься найти туалет (мы туда все попадали, правда? 😅):
 
-- **Низкоуровневое программирование** — это как изучение местного диалекта настолько хорошо, что вы можете общаться с бабушкой, продающей фрукты на углу, используя культурные отсылки, местный сленг и внутренние шутки, которые понимают только те, кто вырос там. Очень впечатляюще и невероятно эффективно... если вы случайно владеете языком! Но довольно сложно, если вы просто пытаетесь найти туалет.
+- **Языки низкого уровня** — это как если бы ты так хорошо изучил местный диалект, что можешь общаться с бабушкой, что торгует фруктами на углу, используя культурные отсылки, местный сленг и внутренние шутки, понятные только местным. Супер впечатляет и очень эффективно… если ты действительно свободно говоришь! Но довольно сложно, когда ты просто пытаешься найти туалет.
 
-- **Высокоуровневое программирование** — это как иметь того удивительного местного друга, который просто понимает вас. Вы можете сказать: «Мне действительно нужно найти туалет» на обычном английском, и он берет на себя весь культурный перевод и дает вам инструкции, которые имеют смысл для вашего не местного мозга.
+- **Языки высокого уровня** — это как если бы рядом был замечательный местный друг, который просто понимает тебя. Ты можешь сказать «Мне очень нужен туалет» на обычном английском, а он позаботится о культурном переводе и даст тебе понятные указания, подходящие для твоего неродного ума.
 
-В терминах программирования:
-- **Низкоуровневые языки** (например, Assembly или C) позволяют вести невероятно детализированные разговоры с аппаратным обеспечением компьютера, но вам нужно думать как машина, что... ну, скажем так, это довольно серьезный сдвиг в мышлении!
-- **Высокоуровневые языки** (например, JavaScript, Python или C#) позволяют вам думать как человек, пока они берут на себя всю машинную речь. Кроме того, у них есть невероятно дружелюбные сообщества, полные людей, которые помнят, каково это быть новичком, и искренне хотят помочь!
+На языке программирования:
+- **Языки низкого уровня** (например, Assembly или C) позволяют говорить с самим оборудованием компьютера невероятно подробно, но для этого нужно мыслить как машина, что... скажем так, довольно сильный сдвиг в мышлении!
+- **Языки высокого уровня** (такие как JavaScript, Python или C#) позволяют думать как человек, в то время как они решают всю «машинную речь» за кулисами. Плюс у них есть невероятно дружелюбные сообщества, где много людей, которые помнят, каким страшным было быть новеньким, и искренне хотят помочь!
 
-Угадайте, с каких я предложу вам начать? 😉 Высокоуровневые языки — это как тренировочные колеса, которые вы никогда не захотите снимать, потому что они делают весь процесс намного приятнее!
+Угадай, с чего я советую тебе начинать? 😉 Языки высокого уровня — как тренировочные колёса, которые ты на самом деле никогда не захочешь снимать, потому что они делают весь опыт намного приятнее!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Человеческая мысль:<br/>'Я хочу вычислить числа Фибоначчи'"] --> B{Выбрать уровень языка}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Высокий уровень| C["🌟 JavaScript/Python<br/>Легко читать и писать"]
+    B -->|Низкий уровень| D["⚙️ Ассемблер/C<br/>Прямое управление аппаратурой"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Написать: fibonacci(10)"]
+    D --> F["📝 Написать: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Понимание компьютера:<br/>Транслятор справляется со сложностью"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Тот же результат:<br/>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
-// Step 1: Basic Fibonacci setup
+// Шаг 1: Основная настройка Фибоначчи
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Что делает этот код:**
-- **Объявляет** константу для указания количества чисел Фибоначчи, которые мы хотим сгенерировать
+**Вот что делает этот код:**
+- **Объявляет** константу, чтобы указать, сколько чисел Фибоначчи мы хотим сгенерировать
 - **Инициализирует** две переменные для отслеживания текущего и следующего чисел в последовательности
-- **Устанавливает** начальные значения (0 и 1), которые определяют узор Фибоначчи
-- **Выводит** заголовок, чтобы обозначить наш результат
+- **Устанавливает** стартовые значения (0 и 1), которые задают паттерн Фибоначчи
+- **Выводит** заголовок для идентификации нашего результата
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Шаг 2: Сгенерировать последовательность с помощью цикла
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Вычислить следующее число в последовательности
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Разберем, что здесь происходит:**
-- **Цикл** проходит по каждой позиции в нашей последовательности, используя цикл `for`
-- **Выводит** каждое число с его позицией, используя форматирование шаблонных строк
-- **Вычисляет** следующее число Фибоначчи, складывая текущие и следующие значения
-- **Обновляет** наши переменные для отслеживания, чтобы перейти к следующей итерации
+**Разбор того, что происходит далее:**
+- **Перебирает** каждую позицию в последовательности с помощью цикла `for`
+- **Выводит** каждое число с его позицией с использованием шаблонной строки
+- **Вычисляет** следующее число Фибоначчи как сумму текущего и следующего
+- **Обновляет** переменные для перехода к следующей итерации
 
 ```javascript
-// Step 3: Modern functional approach
+// Шаг 3: Современный функциональный подход
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Пример использования
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**В приведенном выше коде мы:**
-- **Создали** многоразовую функцию, используя современный синтаксис стрелочных функций
-- **Построили** массив для хранения всей последовательности вместо вывода по одному числу
-- **Использовали** индексацию массива для вычисления каждого нового числа на основе предыдущих значений
+**В приведённом выше коде мы:**
+- **Создали** переиспользуемую функцию, используя современный синтаксис стрелочных функций
+- **Построили** массив для хранения всей последовательности вместо показа по одному числу
+- **Использовали** индексацию массива, чтобы вычислять новое число на основе предыдущих
 - **Вернули** полную последовательность для гибкого использования в других частях программы
 
-**Низкоуровневый язык (ARM Assembly) — дружелюбный для компьютера:**
+**Язык низкого уровня (ARM Assembly) — компьютеро-дружелюбный:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,63 +257,63 @@ back add r0,r1
  end
 ```
 
-Обратите внимание, как версия на JavaScript читается почти как инструкции на английском языке, в то время как версия на Assembly использует загадочные команды, которые напрямую управляют процессором компьютера. Оба выполняют одну и ту же задачу, но высокоуровневый язык гораздо проще для понимания, написания и поддержки.
+Обрати внимание, как версия на JavaScript читается почти как инструкция на английском, а версия на Assembly использует загадочные команды, которые управляют процессором напрямую. Оба решают одну и ту же задачу, но язык высокого уровня намного удобнее для понимания, написания и поддержки человеком.
 
-**Основные различия, которые вы заметите:**
-- **Читаемость**: JavaScript использует описательные названия, такие как `fibonacciCount`, в то время как Assembly использует загадочные метки, такие как `r0`, `r1`.
-- **Комментарии**: Высокоуровневые языки программирования поощряют пояснительные комментарии, которые делают код самодокументируемым.
-- **Структура**: Логика JavaScript соответствует тому, как люди мыслят о решении задач шаг за шагом.
-- **Поддержка**: Обновление версии JavaScript для различных требований выполняется просто и понятно.
+**Ключевые различия, которые ты заметишь:**
+- **Читаемость**: JavaScript использует описательные имена, такие как `fibonacciCount`, в то время как Assembly использует загадочные метки, такие как `r0`, `r1`
+- **Комментарии**: Языки высокого уровня поощряют объяснительные комментарии, которые делают код самодокументируемым
+- **Структура**: Логический поток JavaScript совпадает с тем, как люди думают о проблемах шаг за шагом
+- **Поддержка**: Обновление версии на JavaScript для разных требований простое и понятное
 
-✅ **О последовательности Фибоначчи**: Этот невероятно красивый числовой узор (где каждое число равно сумме двух предыдущих: 0, 1, 1, 2, 3, 5, 8...) встречается буквально *везде* в природе! Вы найдете его в спиралях подсолнухов, узорах шишек, изгибах раковин наутилуса и даже в том, как растут ветви деревьев. Просто потрясающе, как математика и код помогают нам понять и воссоздать узоры, которые природа использует для создания красоты!
+✅ **О последовательности Фибоначчи**: Эта абсолютно красивая числовая последовательность (где каждое число равно сумме двух предыдущих: 0, 1, 1, 2, 3, 5, 8...) встречается буквально *везде* в природе! Вы найдете её в спиралях подсолнуха, узорах шишек, изгибах раковины наутилуса и даже в том, как растут ветви деревьев. Впечатляет, как математика и код могут помочь нам понять и воссоздать узоры, которые природа использует для создания красоты!
 
 
-## Основные элементы, которые создают магию
+## Строительные блоки, которые создают магию
 
-Хорошо, теперь, когда вы увидели, как выглядят языки программирования в действии, давайте разберем фундаментальные части, которые составляют буквально каждую программу, когда-либо написанную. Представьте их как основные ингредиенты вашего любимого рецепта – как только вы поймете, что делает каждый из них, вы сможете читать и писать код практически на любом языке!
+Итак, теперь, когда вы увидели, как выглядят языки программирования на практике, давайте разберём основные элементы, которые составляют буквально каждую написанную программу. Представьте их как базовые ингредиенты вашего любимого рецепта – как только вы поймёте, что делает каждый из них, вы сможете читать и писать код практически на любом языке!
 
-Это похоже на изучение грамматики программирования. Помните, как в школе вы изучали существительные, глаголы и то, как составлять предложения? У программирования есть своя версия грамматики, и честно говоря, она намного логичнее и проще, чем грамматика английского языка! 😄
+Это похоже на изучение грамматики программирования. Помните, как в школе учили существительные, глаголы и как строить предложения? Программирование имеет свою грамматику, и честно говоря, она намного логичнее и снисходительнее, чем английская! 😄
 
-### Операторы: Пошаговые инструкции
+### Инструкции: пошаговые команды
 
-Начнем с **операторов** – это как отдельные предложения в разговоре с вашим компьютером. Каждый оператор говорит компьютеру выполнить одно конкретное действие, как будто вы даете указания: "Поверни налево здесь", "Остановись на красный свет", "Припаркуйся на этом месте".
+Начнём с **инструкций** — это как отдельные предложения в разговоре с вашим компьютером. Каждая инструкция говорит компьютеру сделать одну конкретную вещь, почти как указания: «Поверни налево здесь», «Стой на красный свет», «Запаркуйся там».
 
-Мне нравится, насколько читаемыми обычно бывают операторы. Смотрите:
+Мне нравится, как обычно читается код с инструкциями. Посмотрите:
 
 ```javascript
-// Basic statements that perform single actions
+// Основные операторы, выполняющие отдельные действия
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Что делает этот код:**
-- **Объявляет** постоянную переменную для хранения имени пользователя.
-- **Выводит** приветственное сообщение в консоль.
-- **Вычисляет** и сохраняет результат математической операции.
+**Вот что делает этот код:**
+- **Объявляет** константную переменную для хранения имени пользователя
+- **Отображает** приветственное сообщение в консоли
+- **Вычисляет** и сохраняет результат математической операции
 
 ```javascript
-// Statements that interact with web pages
+// Операторы, взаимодействующие с веб-страницами
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Шаг за шагом, что происходит:**
-- **Изменяет** заголовок веб-страницы, который отображается на вкладке браузера.
-- **Меняет** цвет фона всего тела страницы.
+**Шаг за шагом, вот что происходит:**
+- **Изменяет** заголовок страницы, который отображается во вкладке браузера
+- **Меняет** цвет фона всего тела страницы
 
-### Переменные: Система памяти вашей программы
+### Переменные: память вашей программы
 
-Хорошо, **переменные** – это, честно говоря, одна из моих любимых концепций для объяснения, потому что они так похожи на вещи, которые вы уже используете каждый день!
+Хорошо, **переменные** — честно, одна из моих абсолютных любимых концепций для обучения, потому что они очень похожи на вещи, которые вы уже используете каждый день!
 
-Подумайте о списке контактов в вашем телефоне. Вы не запоминаете номера всех – вместо этого вы сохраняете "Мама", "Лучший друг" или "Пиццерия, которая доставляет до 2 ночи", и ваш телефон запоминает сами номера. Переменные работают точно так же! Они как подписанные контейнеры, где ваша программа может хранить информацию и извлекать ее позже, используя имя, которое действительно имеет смысл.
+Подумайте о списке контактов на вашем телефоне. Вы не запоминаете номера всех — вместо этого сохраняете «Мама», «Лучший друг» или «Пиццерия, которая доставляет до 2 ночи», а телефон запоминает номера. Переменные работают точно так же! Они – как подписанные контейнеры, где ваша программа может хранить информацию и потом получать к ней доступ по понятному имени.
 
-Вот что действительно круто: переменные могут изменяться по мере выполнения вашей программы (отсюда и название "переменная" – видите, что они сделали?). Точно так же, как вы можете обновить контакт пиццерии, когда найдете место получше, переменные могут обновляться, когда ваша программа узнает новую информацию или когда ситуация меняется!
+Вот что действительно круто: переменные могут изменяться во время выполнения программы (отсюда и название «переменная» – видите, что сделали?). Так же, как вы можете обновить контакт пиццерии, когда находите место получше, переменные могут обновляться, когда программа узнаёт новую информацию или ситуация меняется!
 
-Позвольте показать, как это просто и красиво:
+Позвольте показать, насколько это просто:
 
 ```javascript
-// Step 1: Creating basic variables
+// Шаг 1: Создание основных переменных
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -323,13 +321,13 @@ let isRaining = false;
 ```
 
 **Понимание этих концепций:**
-- **Храните** неизменяемые значения в переменных `const` (например, название сайта).
-- **Используйте** `let` для значений, которые могут изменяться в ходе программы.
-- **Присваивайте** разные типы данных: строки (текст), числа и логические значения (true/false).
-- **Выбирайте** описательные имена, которые объясняют, что содержит каждая переменная.
+- **Храните** неизменяемые значения в `const` переменных (например, название сайта)
+- **Используйте** `let` для значений, которые могут меняться в процессе работы программы
+- **Присваивайте** разные типы данных: строки (текст), числа и булевы значения (true/false)
+- **Выбирайте** описательные имена, которые объясняют, что хранит каждая переменная
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Шаг 2: Работа с объектами для группировки связанных данных
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -337,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**В приведенном выше примере мы:**
-- **Создали** объект для группировки связанных данных о погоде.
-- **Организовали** несколько частей данных под одним именем переменной.
-- **Использовали** пары ключ-значение для четкой маркировки каждой части информации.
+**В приведённом выше примере мы:**
+- **Создали** объект для группировки связанных данных о погоде
+- **Организовали** несколько кусков данных под одним именем переменной
+- **Использовали** пары ключ-значение для чёткого обозначения каждой информации
 
 ```javascript
-// Step 3: Using and updating variables
+// Шаг 3: Использование и обновление переменных
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Обновление изменяемых переменных
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**Давайте разберем каждую часть:**
-- **Отображение** информации с использованием шаблонных строк с синтаксисом `${}`.
-- **Доступ** к свойствам объекта с помощью точечной нотации (`weatherData.windSpeed`).
-- **Обновление** переменных, объявленных с `let`, чтобы отразить изменения условий.
-- **Комбинирование** нескольких переменных для создания значимых сообщений.
+**Давайте разберём каждую часть:**
+- **Отображаем** информацию с помощью шаблонных строк и синтаксиса `${}`
+- **Получаем доступ** к свойствам объекта через точечную нотацию (`weatherData.windSpeed`)
+- **Обновляем** переменные, объявленные с помощью `let`, чтобы отражать меняющиеся условия
+- **Объединяем** несколько переменных для создания осмысленных сообщений
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Шаг 4: Современное деструктурирование для более чистого кода
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Что нужно знать:**
-- **Извлечение** конкретных свойств из объектов с помощью деструктурирующего присваивания.
-- **Создание** новых переменных автоматически с теми же именами, что и ключи объекта.
-- **Упрощение** кода, избегая повторяющейся точечной нотации.
+- **Извлекайтe** конкретные свойства из объектов с помощью деструктуризации
+- **Создавайте** новые переменные автоматически с теми же именами, что и ключи объекта
+- **Упрощайте** код, избегая повторяющейся точечной нотации
 
-### Управление потоком: Учим программу думать
+### Управление потоком: учим программу думать
 
-Хорошо, вот где программирование становится абсолютно потрясающим! **Управление потоком** – это, по сути, обучение вашей программы принимать умные решения, точно так же, как вы делаете это каждый день, даже не задумываясь.
+Хорошо, здесь программирование становится по-настоящему удивительным! **Управление потоком** — это, по сути, обучение вашей программы принимать умные решения, именно так, как вы делаете это каждый день, не задумываясь.
 
-Представьте: сегодня утром вы, вероятно, прошли через что-то вроде "Если идет дождь, я возьму зонт. Если холодно, я надену куртку. Если я опаздываю, я пропущу завтрак и возьму кофе по пути." Ваш мозг естественным образом следует этой логике "если-то" десятки раз каждый день!
+Представьте, что сегодня утром вы скорее всего подумали: «Если идёт дождь, возьму зонт. Если холодно — надену куртку. Если опаздываю — пропущу завтрак и возьму кофе по пути». Ваш мозг естественным образом следует этой логике «если-то» десятки раз в день!
 
-Это то, что делает программы умными и живыми, а не просто следующими скучному, предсказуемому сценарию. Они могут действительно смотреть на ситуацию, оценивать, что происходит, и реагировать соответствующим образом. Это как дать вашей программе мозг, который может адаптироваться и принимать решения!
+Вот что делает программы умными и живыми, а не просто скучным исполнением предсказуемого сценария. Они могут реально смотреть на ситуацию, оценивать происходящее и отвечать соответственно. Это как дать программе мозг, который может адаптироваться и принимать решения!
 
-Хотите увидеть, как это работает? Позвольте показать:
+Хотите увидеть, как это здорово работает? Позвольте показать:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Шаг 1: Основная условная логика
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -391,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Что делает этот код:**
-- **Проверяет**, соответствует ли возраст пользователя требованиям для голосования.
-- **Выполняет** разные блоки кода в зависимости от результата условия.
-- **Вычисляет** и отображает, сколько времени осталось до возможности голосования, если возраст меньше 18.
-- **Предоставляет** конкретную, полезную обратную связь для каждого сценария.
+**Этот код делает следующее:**
+- **Проверяет**, соответствует ли возраст пользователя требованиям для голосования
+- **Выполняет** разные блоки кода в зависимости от результата условия
+- **Рассчитывает** и показывает, сколько осталось до возможности голосовать, если пользователь младше 18
+- **Предоставляет** конкретную, полезную обратную связь для каждой ситуации
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Шаг 2: Несколько условий с логическими операторами
 const userAge = 17;
 const hasPermission = true;
 
@@ -411,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Разберем, что здесь происходит:**
-- **Комбинирует** несколько условий с помощью оператора `&&` (и).
-- **Создает** иерархию условий с помощью `else if` для нескольких сценариев.
-- **Обрабатывает** все возможные случаи с финальным оператором `else`.
-- **Предоставляет** четкую, действенную обратную связь для каждой ситуации.
+**Разберём, что происходит здесь:**
+- **Комбинирует** несколько условий с помощью оператора `&&` (и)
+- **Создаёт** иерархию условий с использованием `else if` для нескольких сценариев
+- **Обрабатывает** все возможные случаи с помощью финального `else`
+- **Предоставляет** ясную и полезную обратную связь для каждой ситуации
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Шаг 3: Краткое условие с тернарным оператором
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Что нужно помнить:**
-- **Используйте** тернарный оператор (`? :`) для простых условий с двумя вариантами.
-- **Пишите** условие сначала, затем `?`, затем результат для true, затем `:`, затем результат для false.
-- **Применяйте** этот шаблон, когда нужно присвоить значения на основе условий.
+**Что надо запомнить:**
+- **Используйте** тернарный оператор (`? :`) для простых условий с двумя вариантами
+- **Пишите** условие сначала, затем `?`, потом результат для true, потом `:`, затем результат для false
+- **Применяйте** этот шаблон для присвоения значений на основе условий
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Шаг 4: Обработка нескольких конкретных случаев
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -450,56 +448,55 @@ switch (dayOfWeek) {
 ```
 
 **Этот код выполняет следующее:**
-- **Сравнивает** значение переменной с несколькими конкретными случаями.
-- **Группирует** похожие случаи вместе (будни против выходных).
-- **Выполняет** соответствующий блок кода, когда найдено совпадение.
-- **Включает** случай `default` для обработки неожиданных значений.
-- **Использует** операторы `break`, чтобы предотвратить выполнение следующего случая.
+- **Сравнивает** значение переменной с несколькими конкретными случаями
+- **Группирует** похожие случаи вместе (будние дни против выходных)
+- **Выполняет** соответствующий блок кода при совпадении
+- **Включает** `default` для обработки неожиданных значений
+- **Использует** `break` для предотвращения продолжения к следующему случаю
 
-> 💡 **Аналогия из реального мира**: Представьте управление потоком как самый терпеливый GPS, который дает вам указания. Он может сказать: "Если на Main Street пробка, поезжайте по шоссе. Если на шоссе идет ремонт, попробуйте живописный маршрут." Программы используют точно такую же условную логику, чтобы реагировать разумно на разные ситуации и всегда предоставлять пользователям лучший возможный опыт.
+> 💡 **Реальный пример**: Представьте, что управление потоком — это как самый терпеливый GPS в мире, который даёт вам указания. Он может сказать: «Если на Главной улице пробка, езжайте по шоссе. Если шоссе перекрыто строительством, выберите живописный маршрут». Программы используют тот же тип условной логики, чтобы умно реагировать на разные ситуации и всегда обеспечивать лучший пользовательский опыт.
 
-### 🎯 **Проверка концепции: освоение основ**
+### 🎯 **Проверка знаний: Мастерство строительных блоков**
 
-**Давайте проверим, как вы справляетесь с основами:**
-- Можете ли вы объяснить разницу между переменной и оператором своими словами?
-- Придумайте реальную ситуацию, где вы бы использовали решение "если-то" (например, наш пример с голосованием).
-- Что вас удивило в логике программирования?
+**Давайте проверим, как вы усвоили основы:**
+- Можете ли вы своими словами объяснить разницу между переменной и инструкцией?
+- Придумайте реальный пример, где бы вы использовали условие if-then (как в нашем примере с голосованием)
+- Что из логики программирования вас удивило больше всего?
 
 **Быстрый заряд уверенности:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Операторы<br/>(Инструкции)"] --> B["📦 Переменные<br/>(Хранение)"] --> C["🔀 Управление потоком<br/>(Решения)"] --> D["🎉 Рабочая программа!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **Что будет дальше**: Мы с огромным удовольствием погрузимся глубже в эти концепции, продолжая это невероятное путешествие вместе! А пока просто сосредоточьтесь на том волнении от всех удивительных возможностей впереди. Специфические навыки и техники придут естественно по мере практики — обещаю, это будет гораздо веселее, чем вы ожидаете!
 
-✅ **Что будет дальше**: Мы будем с огромным удовольствием углубляться в эти концепции, продолжая это невероятное путешествие вместе! Сейчас просто сосредоточьтесь на том, чтобы почувствовать волнение от всех удивительных возможностей, которые вас ждут впереди. Конкретные навыки и техники запомнятся естественным образом, когда мы будем практиковаться вместе – обещаю, это будет намного веселее, чем вы могли ожидать!
-
-## Инструменты для работы
+## Инструменты профессии
 
-Хорошо, вот здесь я действительно так взволнован, что едва могу сдержаться! 🚀 Мы собираемся поговорить об удивительных инструментах, которые заставят вас почувствовать, будто вам только что вручили ключи от цифрового космического корабля.
+Итак, честно говоря, сейчас я так взволнован, что еле сдерживаюсь! 🚀 Сейчас мы поговорим о невероятных инструментах, которые заставят вас почувствовать, будто вам только что вручили ключи от цифрового космического корабля.
 
-Знаете, как у шеф-повара есть идеально сбалансированные ножи, которые ощущаются как продолжение его рук? Или как у музыканта есть та самая гитара, которая начинает "петь", как только он касается ее? У разработчиков есть своя версия этих волшебных инструментов, и вот что вас абсолютно поразит – большинство из них совершенно бесплатны!
+Вы знаете, как у шеф-повара есть идеально сбалансированные ножи, которые кажутся продолжением его рук? Или как у музыканта есть гитара, которая начинает петь, как только он к ней прикасается? У разработчиков тоже есть свои волшебные инструменты, и вот что вас по-настоящему ошеломит — большая часть из них абсолютно бесплатна!
 
-Я буквально подпрыгиваю на стуле, думая о том, чтобы поделиться ими с вами, потому что они полностью революционизировали то, как мы создаем программное обеспечение. Мы говорим о помощниках программирования с искусственным интеллектом, которые могут помочь писать ваш код (я не шучу!), облачных средах, где вы можете создавать целые приложения буквально из любого места с Wi-Fi, и инструментах отладки, настолько сложных, что они похожи на рентгеновское зрение для ваших программ.
+Я буквально подпрыгиваю от нетерпения поделиться ими с вами, потому что эти инструменты полностью изменили то, как мы создаём софт. Речь идёт об помощниках на основе ИИ, которые помогают писать код (и это не шутка!), облачных средах, где можно создавать целые приложения буквально из любой точки с Wi-Fi, и инструментах отладки настолько продвинутых, что это как иметь рентгеновское зрение для ваших программ.
 
-И вот часть, которая до сих пор вызывает у меня мурашки: это не "инструменты для начинающих", которые вы перерастете. Это те же самые профессиональные инструменты, которые разработчики Google, Netflix и той инди-студии приложений, которую вы любите, используют прямо сейчас. Вы будете чувствовать себя настоящим профессионалом, используя их!
+И вот что до сих пор приводит меня в восторг: это не просто «начинающие» инструменты, которые вы перерастёте. Это те же профессиональные средства, что используют разработчики из Google, Netflix и той независимой студии, что вам нравится, здесь и сейчас. Вы почувствуете себя настоящим профи, используя их!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ваша Идея"] --> B["⌨️ Редактор Кода<br/>(VS Code)"] 
+    B --> C["🌐 Инструменты Браузера<br/>(Тестирование и Отладка)"]
+    C --> D["⚡ Командная Строка<br/>(Автоматизация и Инструменты)"]
+    D --> E["📚 Документация<br/>(Обучение и Справка)"]
+    E --> F["🚀 Потрясающее Веб-приложение!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI Ассистент<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Тестирование Устройств<br/>(Адаптивный Дизайн)"]
+    D -.-> I["📦 Менеджеры Пакетов<br/>(npm, yarn)"]
+    E -.-> J["👥 Сообщество<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -508,176 +505,177 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-
 ### Редакторы кода и IDE: ваши новые цифровые лучшие друзья
 
-Давайте поговорим о редакторах кода – они серьезно станут вашими новыми любимыми местами для работы! Представьте их как ваше личное убежище для кодирования, где вы будете проводить большую часть времени, создавая и совершенствуя свои цифровые творения.
+Поговорим о редакторах кода — они буквально станут вашим новым любимым местом! Представьте их как личное святилище программирования, где вы будете проводить большую часть времени, создавая и совершенствуя свои цифровые творения.
 
-Но вот что абсолютно волшебно в современных редакторах: это не просто красивые текстовые редакторы. Это как если бы рядом с вами 24/7 сидел самый блестящий и поддерживающий наставник по программированию. Они ловят ваши опечатки, прежде чем вы их заметите, предлагают улучшения, которые заставляют вас выглядеть гением, помогают понять, что делает каждый кусочек кода, и некоторые из них даже предсказывают, что вы собираетесь написать, и предлагают закончить ваши мысли!
+Но вот что по-настоящему волшебно в современных редакторах: это не просто красивые текстовые редакторы. Это как самый блестящий и поддерживающий наставник по программированию, сидящий рядом с вами круглосуточно. Они ловят опечатки ещё до того, как вы их заметите, предлагают улучшения, которые заставят вас выглядеть гением, помогают понять, что делает каждая строчка кода, а некоторые даже предугадывают, что вы собираетесь написать, и предлагают дополнить ваши мысли!
 
-Я помню, когда впервые открыл для себя автодополнение – я буквально почувствовал, что живу в будущем. Вы начинаете писать что-то, и ваш редактор говорит: "Эй, вы думали об этой функции, которая делает именно то, что вам нужно?" Это как если бы у вас был читающий мысли напарник по кодированию!
+Я помню, как впервые открыл для себя автодополнение — я буквально почувствовал, что живу в будущем. Начинаешь печатать, и редактор такой: «Эй, ты, наверное, хотел использовать эту функцию, которая делает как раз то, что нужно?» Это как иметь друга, который читает мысли во время кодинга!
 
 **Что делает эти редакторы такими невероятными?**
 
-Современные редакторы кода предлагают впечатляющий набор функций, разработанных для повышения вашей продуктивности:
+Современные редакторы предлагают впечатляющий набор функций, направленных на повышение вашей продуктивности:
 
-| Функция | Что она делает | Почему это помогает |
-|---------|----------------|---------------------|
-| **Подсветка синтаксиса** | Раскрашивает разные части вашего кода | Упрощает чтение кода и поиск ошибок |
-| **Автодополнение** | Предлагает код, пока вы печатаете | Ускоряет кодирование и уменьшает количество опечаток |
-| **Инструменты отладки** | Помогают находить и исправлять ошибки | Экономят часы на устранение неполадок |
-| **Расширения** | Добавляют специализированные функции | Настраивают редактор для любой технологии |
-| **AI-помощники** | Предлагают код и объяснения | Ускоряют обучение и продуктивность |
+| Функция | Что делает | Зачем нужна |
+|---------|------------|-------------|
+| **Подсветка синтаксиса** | Красит разные части кода | Делает код проще для чтения и поиска ошибок |
+| **Автодополнение** | Предлагает код по мере набора | Ускоряет программирование и снижает количество опечаток |
+| **Инструменты отладки** | Помогают находить и исправлять ошибки | Экономит часы на поиске проблем |
+| **Расширения** | Добавляют специализированные функции | Настраивают редактор под любую технологию |
+| **Ассистенты на базе ИИ** | Предлагают код и объяснения | Ускоряют обучение и повышают эффективность |
 
-> 🎥 **Видео-ресурс**: Хотите увидеть эти инструменты в действии? Посмотрите [видео о инструментах для работы](https://youtube.com/watch?v=69WJeXGBdxg) для подробного обзора.
+> 🎥 **Видео ресурс**: Хотите увидеть эти инструменты в действии? Посмотрите [видео “Tools of the Trade”](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) — предложения кода на базе ИИ
+  - [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/) — мгновенная разработка веб-приложений full-stack
 
-> 💡 **Совет для начала**: Начните с Visual Studio Code – он бесплатный, широко используется в индустрии и имеет огромное сообщество, создающее полезные учебные материалы и расширения.
+> 💡 **Совет для начала**: Начинайте с Visual Studio Code — это бесплатно, широко используется в индустрии и имеет огромную сообщество с полезными туториалами и расширениями.
 
 
-### Веб-браузеры: ваша секретная лаборатория для разработки
+### Веб-браузеры: ваша секретная лаборатория разработки
 
-Хорошо, приготовьтесь к тому, чтобы ваш разум был полностью поражен! Знаете, как вы использовали браузеры для прокрутки социальных сетей и просмотра видео? Оказывается, они скрывали эту невероятную секретную лабораторию разработчика все это время, просто ожидая, когда вы ее откроете!
+Хорошо, приготовьтесь к тому, что ваш мозг будет взорван! Вы знаете, что вы используете браузеры, чтобы листать соцсети и смотреть видео? Оказывается, они всё это время прятали невероятную секретную лабораторию разработчика, которая просто ждала, чтобы вы её обнаружили!
 
-Каждый раз, когда вы нажимаете правой кнопкой мыши на веб-странице и выбираете "Inspect Element", вы открываете скрытый мир инструментов разработчика, которые, честно говоря, мощнее, чем некоторые дорогие программы, за которые я раньше платил сотни долларов. Это как обнаружить, что ваша обычная кухня скрывает профессиональную лабораторию шеф-повара за секретной панелью!
-Когда мне впервые показали инструменты разработчика в браузере, я провел около трех часов, просто нажимая на разные кнопки и восклицая: "ПОДОЖДИ, ОН МОЖЕТ ДЕЛАТЬ И ЭТО?!" Вы буквально можете редактировать любой сайт в реальном времени, видеть, как быстро загружается каждая его часть, тестировать, как ваш сайт выглядит на разных устройствах, и даже отлаживать JavaScript, как настоящий профессионал. Это просто потрясающе!
+Каждый раз, когда вы кликаете правой кнопкой мыши на веб-странице и выбираете «Просмотр кода» или «Инспектировать элемент», вы открываете скрытый мир инструментов разработчика, которые честно говоря мощнее, чем некоторые дорогие программы, за которые я раньше платил сотни долларов. Это как понять, что ваша обычная кухня на самом деле скрывает лабораторию профессионального шефа за тайной дверью!
+Впервые, когда кто-то показал мне DevTools в браузере, я потратил около трёх часов просто кликая и восклицая: «ПОДОЖДИ, ОН ЕЩЁ И ЭТО МОЖЕТ?!» Ты буквально можешь редактировать любой сайт в реальном времени, видеть, как быстро всё загружается, тестировать, как твой сайт выглядит на разных устройствах, и даже отлаживать JavaScript, как настоящий профи. Это просто потрясающе!
 
-**Почему браузеры — ваш секретное оружие:**
+**Вот почему браузеры — ваше секретное оружие:**
 
-Когда вы создаете сайт или веб-приложение, вам нужно увидеть, как оно выглядит и работает в реальном мире. Браузеры не только отображают вашу работу, но и предоставляют подробную информацию о производительности, доступности и возможных проблемах.
+Когда вы создаёте сайт или веб-приложение, вам нужно видеть, как оно выглядит и ведёт себя в реальной среде. Браузеры не только отображают вашу работу, но и предоставляют подробную обратную связь о производительности, доступности и возможных проблемах.
 
-#### Инструменты разработчика в браузере (DevTools)
+#### Инструменты разработчика браузера (DevTools)
 
-Современные браузеры включают в себя комплексные наборы инструментов для разработчиков:
+Современные браузеры включают комплексные наборы инструментов:
 
-| Категория инструмента | Что он делает | Пример использования |
-|------------------------|---------------|-----------------------|
-| **Инспектор элементов** | Просмотр и редактирование HTML/CSS в реальном времени | Настройка стилей с мгновенным результатом |
+| Категория инструмента | Что делает | Пример использования |
+|-----------------------|------------|---------------------|
+| **Инспектор элементов** | Просмотр и редактирование HTML/CSS в реальном времени | Настройка стиля с мгновенным результатом |
 | **Консоль** | Просмотр сообщений об ошибках и тестирование JavaScript | Отладка проблем и эксперименты с кодом |
 | **Монитор сети** | Отслеживание загрузки ресурсов | Оптимизация производительности и времени загрузки |
-| **Проверка доступности** | Тестирование инклюзивного дизайна | Убедитесь, что ваш сайт доступен для всех пользователей |
-| **Симулятор устройств** | Предварительный просмотр на экранах разных размеров | Тестирование адаптивного дизайна без множества устройств |
+| **Проверка доступности** | Тестирование инклюзивного дизайна | Гарантия работы сайта для всех пользователей |
+| **Симулятор устройств** | Просмотр на разных размерах экранов | Тестирование отзывчивого дизайна без нескольких устройств |
 
 #### Рекомендуемые браузеры для разработки
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Инструменты разработчика, ставшие стандартом в индустрии, с обширной документацией
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Отличные инструменты для работы с CSS Grid и доступностью
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Основан на Chromium, с ресурсами для разработчиков от Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** — отраслевой стандарт DevTools с обширной документацией
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** — отличные инструменты для CSS Grid и доступности
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** — построен на Chromium с ресурсами для разработчиков от Microsoft
+
+> ⚠️ **Важный совет по тестированию**: всегда проверяйте свои сайты в нескольких браузерах! То, что идеально работает в Chrome, может выглядеть иначе в Safari или Firefox. Профессиональные разработчики тестируют во всех основных браузерах, чтобы обеспечить одинаковый пользовательский опыт.
 
-> ⚠️ **Важный совет по тестированию**: Всегда тестируйте свои сайты в нескольких браузерах! То, что идеально работает в Chrome, может выглядеть иначе в Safari или Firefox. Профессиональные разработчики тестируют свои проекты во всех основных браузерах, чтобы обеспечить единообразный пользовательский опыт.
 
-### Инструменты командной строки: ваш путь к суперспособностям разработчика
+### Командная строка: ваш путь к суперспособностям разработчика
 
-Давайте будем честными: когда я впервые увидел командную строку — этот пугающий черный экран с мигающим текстом — я буквально подумал: "Нет, ни за что! Это выглядит как что-то из хакерского фильма 80-х, и я точно недостаточно умён для этого!" 😅
+Хорошо, давайте честно поговорим о командной строке, потому что я хочу, чтобы вы услышали это от человека, который действительно это понимает. Когда я впервые увидел её — этот страшный чёрный экран с мигающим текстом — я буквально подумал: «Нет, ни в коем случае! Выглядит как что-то из хакерского фильма 80-х, и я определённо не настолько умный для этого!» 😅
 
-Но вот что я хотел бы знать тогда, и что я говорю вам сейчас: командная строка не страшная — на самом деле, это как прямой разговор с вашим компьютером. Представьте, что это как разница между заказом еды через модное приложение с картинками и меню (что, конечно, удобно) и походом в любимый местный ресторан, где шеф-повар знает, что вам нравится, и может приготовить что-то идеальное, просто услышав "удивите меня чем-нибудь вкусным".
+Но вот что я хотел бы, чтобы мне сказали тогда, и что говорю вам сейчас: командная строка не страшна — это как прямой разговор с вашим компьютером. Представьте, что это разница между заказом еды через крутое приложение с картинками и меню (что удобно и просто) и походом в ваш любимый местный ресторан, где шеф знает точно, что вы любите, и может приготовить что-то идеальное, просто сказав «удиви меня чем-то потрясающим».
 
-Командная строка — это место, где разработчики чувствуют себя настоящими волшебниками. Вы вводите несколько, казалось бы, магических слов (хорошо, это просто команды, но они действительно кажутся магическими!), нажимаете Enter, и БАЦ — вы создаете целые структуры проектов, устанавливаете мощные инструменты со всего мира или размещаете свое приложение в интернете для миллионов пользователей. Как только вы почувствуете эту силу, это становится действительно увлекательным!
+Командная строка — это место, куда разработчики приходят, чтобы почувствовать себя настоящими волшебниками. Вы вводите несколько, казалось бы, волшебных слов (ну, это просто команды, но они кажутся волшебными!), нажимаете Enter, и БА-БАХ — вы создали целые структуры проектов, установили мощные инструменты со всего мира или развернули своё приложение в интернете для миллионов людей. Как только попробуете эту мощь, она становится по-настоящему затягивающей!
 
 **Почему командная строка станет вашим любимым инструментом:**
 
-Хотя графические интерфейсы отлично подходят для многих задач, командная строка превосходит их в автоматизации, точности и скорости. Многие инструменты для разработки работают преимущественно через интерфейсы командной строки, и умение эффективно ими пользоваться может значительно повысить вашу продуктивность.
+Хотя графические интерфейсы хороши для многих задач, командная строка превосходна в автоматизации, точности и скорости. Многие инструменты разработки работают именно через командную строку, и изучение эффективного использования значительно повысит вашу продуктивность.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Шаг 1: Создайте и перейдите в каталог проекта
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **Что делает этот код:**
-- **Создает** новую директорию под названием "my-awesome-website" для вашего проекта
-- **Переходит** в только что созданную директорию, чтобы начать работу
+- **Создаёт** новую папку с именем "my-awesome-website" для вашего проекта
+- **Переходит** в только что созданную папку для начала работы
 
 ```bash
-# Step 2: Initialize project with package.json
+# Шаг 2: Инициализируйте проект с package.json
 npm init -y
 
-# Install modern development tools
+# Установите современные инструменты разработки
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **Пошагово, что происходит:**
-- **Инициализирует** новый проект Node.js с настройками по умолчанию, используя `npm init -y`
-- **Устанавливает** Vite как современный инструмент сборки для быстрой разработки и сборки
+- **Инициализирует** новый проект Node.js с настройками по умолчанию через `npm init -y`
+- **Устанавливает** Vite как современный инструмент сборки для быстрой разработки и продакшн-сборок
 - **Добавляет** Prettier для автоматического форматирования кода и ESLint для проверки качества кода
-- **Использует** флаг `--save-dev`, чтобы отметить их как зависимости только для разработки
+- **Использует** флаг `--save-dev` для обозначения зависимостей только для разработки
 
 ```bash
-# Step 3: Create project structure and files
+# Шаг 3: Создать структуру проекта и файлы
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Запустить сервер разработки
 npx vite
 ```
 
-**В приведенном выше примере мы:**
-- **Организовали** наш проект, создав отдельные папки для исходного кода и ресурсов
+**В итоге мы:**
+- **Организовали** проект, создав отдельные папки для исходного кода и ресурсов
 - **Сгенерировали** базовый HTML-файл с правильной структурой документа
-- **Запустили** сервер разработки Vite для живого обновления и замены модулей на лету
+- **Запустили** сервер разработки Vite для живой перезагрузки и горячей замены модулей
 
-#### Основные инструменты командной строки для веб-разработки
+#### Необходимые инструменты командной строки для веб-разработки
 
-| Инструмент | Назначение | Зачем он нужен |
-|------------|------------|----------------|
+| Инструмент | Назначение | Зачем нужен |
+|------------|------------|-------------|
 | **[Git](https://git-scm.com/)** | Контроль версий | Отслеживание изменений, совместная работа, резервное копирование |
-| **[Node.js & npm](https://nodejs.org/)** | Среда выполнения JavaScript и управление пакетами | Запуск JavaScript вне браузеров, установка современных инструментов разработки |
-| **[Vite](https://vitejs.dev/)** | Инструмент сборки и сервер разработки | Молниеносная разработка с заменой модулей на лету |
+| **[Node.js & npm](https://nodejs.org/)** | Среда выполнения JavaScript и менеджер пакетов | Запуск JavaScript вне браузера, установка современных инструментов разработки |
+| **[Vite](https://vitejs.dev/)** | Инструмент сборки и dev-сервер | Молниеносная разработка с горячей заменой модулей |
 | **[ESLint](https://eslint.org/)** | Качество кода | Автоматический поиск и исправление проблем в JavaScript |
-| **[Prettier](https://prettier.io/)** | Форматирование кода | Поддержание кода в едином формате и удобочитаемости |
+| **[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)** 💻 - Традиционная командная строка 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)** 💻 — мощная среда для скриптов
+- **[Командная строка](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 — традиционная командная строка Windows
 
 **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/)** 💻 - Стандартная оболочка Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Продвинутый эмулятор терминала
+- **[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 Code). По мере того, как вы будете чувствовать себя более уверенно, вы естественным образом освоите более сложные команды и техники автоматизации.
+> 🎯 **Путь обучения**: начните с базовых команд, таких как `cd` (смена каталога), `ls` или `dir` (список файлов) и `mkdir` (создание папки). Практикуйтесь с современными командами рабочего процесса, такими как `npm install`, `git status` и `code .` (открыть текущую папку в VS Code). По мере уверенного освоения вы естественно освоите более продвинутые команды и методы автоматизации.
 
-### Документация: ваш всегда доступный наставник
 
-Позвольте мне поделиться небольшим секретом, который заставит вас почувствовать себя намного лучше в роли новичка: даже самые опытные разработчики проводят огромное количество времени, читая документацию. И это не потому, что они не знают, что делают – это на самом деле признак мудрости!
+### Документация: ваш всегда доступный наставник по обучению
 
-Думайте о документации как о доступе к самым терпеливым и знающим учителям, которые доступны 24/7. Застряли с проблемой в 2 часа ночи? Документация всегда рядом с теплым виртуальным объятием и точным ответом, который вам нужен. Хотите узнать о какой-то крутой новой функции, о которой все говорят? Документация поможет вам с пошаговыми примерами. Пытаетесь понять, почему что-то работает именно так? Угадайте что – документация готова объяснить это так, что наконец-то станет понятно!
+Хорошо, расскажу маленький секрет, который поможет вам не переживать из-за того, что вы новичок: даже самые опытные разработчики тратят огромное количество времени на чтение документации. И это не потому, что они не знают, что делают — это признак мудрости!
 
-Вот что полностью изменило мое восприятие: мир веб-разработки движется невероятно быстро, и никто (абсолютно никто!) не держит все в памяти. Я видел, как старшие разработчики с опытом более 15 лет искали базовый синтаксис, и знаете что? Это не стыдно – это умно! Дело не в идеальной памяти, а в умении быстро находить надежные ответы и понимать, как их применять.
+Думайте о документации как о доступе к самым терпеливым, знающим учителям в мире, которые всегда на связи. Застряли над проблемой в 2 часа ночи? Документация там, чтобы обнять виртуальным теплом и дать именно тот ответ, который вам нужен. Хотите узнать про какую-то новую крутецкую функцию, о которой все говорят? Документация поддержит вас пошаговыми примерами. Пытаетесь понять, почему что-то работает именно так? Вы угадали — документация объяснит это так, что наконец-то всё станет ясно!
+
+Вот что кардинально изменило мой взгляд: мир веб-разработки развивается бешеными темпами, и никто (никто!) не держит всё в памяти. Я видел, как старшие разработчики с опытом 15+ лет ищут базовый синтаксис, и знаете что? Это не стыдно — это умно! Дело не в совершенной памяти, а в умении быстро находить надёжные ответы и понимании, как их применять.
 
 **Вот где происходит настоящая магия:**
 
-Профессиональные разработчики значительную часть времени проводят за чтением документации – не потому, что они не знают, что делают, а потому что мир веб-разработки развивается так быстро, что для того, чтобы быть в курсе, требуется постоянное обучение. Хорошая документация помогает понять не только *как* использовать что-то, но и *почему* и *когда* это использовать.
+Профессиональные разработчики проводят много времени за чтением документации — не потому что не знают, что делают, а потому что в быстро меняющемся мире веб-разработки нужно постоянно учиться. Хорошая документация помогает понять не только *как* использовать что-то, но и *почему* и *когда* это делать.
 
 #### Основные ресурсы документации
 
@@ -685,174 +683,174 @@ npx vite
 - Золотой стандарт документации по веб-технологиям
 - Полные руководства по HTML, CSS и JavaScript
 - Включает информацию о совместимости с браузерами
-- Содержит практические примеры и интерактивные демонстрации
+- Практические примеры и интерактивные демо
 
 **[Web.dev](https://web.dev)** (от Google)
-- Лучшие практики современной веб-разработки
+- Современные лучшие практики веб-разработки
 - Руководства по оптимизации производительности
 - Принципы доступности и инклюзивного дизайна
 - Кейсы из реальных проектов
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Ресурсы для разработки в браузере Edge
-- Руководства по прогрессивным веб-приложениям
-- Инсайты по кросс-платформенной разработке
+- Руководства по Progressive Web App
+- Информация по кроссплатформенной разработке
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структурированные учебные программы
-- Видеокурсы от экспертов индустрии
-- Практические упражнения по программированию
+- Структурированные учебные курсы
+- Видео от экспертов отрасли
+- Практические задания по программированию
 
-> 📚 **Стратегия обучения**: Не пытайтесь запомнить документацию – вместо этого научитесь эффективно ориентироваться в ней. Сохраняйте закладки на часто используемые ссылки и практикуйтесь в использовании функций поиска для быстрого нахождения нужной информации.
+> 📚 **Стратегия изучения**: не пытайтесь запомнить документацию — учитесь эффективно её использовать. Добавляйте в закладки часто используемые ссылки и учитесь быстро находить конкретную информацию через поиск.
 
-### 🔧 **Проверка мастерства инструментов: что вам откликается?**
+### 🔧 **Проверка мастерства: что вас больше всего заинтересовало?**
 
-**Подумайте:**
-- Какой инструмент вам больше всего хочется попробовать в первую очередь? (Нет неправильных ответов!)
-- Командная строка все еще кажется пугающей, или вы уже заинтересованы?
-- Можете ли вы представить, как используете инструменты разработчика браузера, чтобы заглянуть за кулисы ваших любимых сайтов?
+**Подумайте немного:**
+- Какой инструмент вы больше всего хотите опробовать первым? (Правильного или неправильного ответа нет!)
+- Командная строка всё ещё кажется пугающей или вы уже заинтересованы?
+- Можете ли вы представить, как использовать DevTools браузера, чтобы заглянуть за кулисы ваших любимых сайтов?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Время разработчика, проведённое с инструментами"
+    "Редактор кода" : 40
+    "Тестирование в браузере" : 25
+    "Командная строка" : 15
+    "Чтение документации" : 15
+    "Отладка" : 5
 ```
+> **Забавный факт**: большинство разработчиков проводят около 40% времени в своём редакторе кода, но обратите внимание, сколько времени уходит на тестирование, обучение и решение проблем. Программирование — это не только написание кода, это создание впечатлений!
 
-> **Интересный факт**: Большинство разработчиков проводят около 40% своего времени в редакторе кода, но обратите внимание, сколько времени уходит на тестирование, обучение и решение проблем. Программирование – это не только написание кода, но и создание впечатлений!
-
-✅ **Пища для размышлений**: Вот что интересно – как вы думаете, чем инструменты для создания сайтов (разработка) могут отличаться от инструментов для проектирования их внешнего вида (дизайн)? Это как разница между архитектором, который проектирует красивый дом, и подрядчиком, который его строит. Оба важны, но им нужны разные наборы инструментов! Такой подход поможет вам увидеть общую картину того, как создаются сайты.
+✅ **Пища для размышлений**: вот интересный вопрос — как вы думаете, чем инструменты для создания сайтов (разработка) отличаются от инструментов для их дизайна? Это как разница между архитектором, который проектирует красивый дом, и подрядчиком, который его строит. Оба важны, но у них разные наборы инструментов! Такое мышление поможет вам увидеть общую картину того, как рождаются сайты.
 
 ## Вызов GitHub Copilot Agent 🚀
 
-Используйте режим Agent, чтобы выполнить следующий вызов:
+Используйте режим Агент для выполнения следующего задания:
 
-**Описание:** Исследуйте функции современного редактора кода или IDE и продемонстрируйте, как он может улучшить ваш рабочий процесс как веб-разработчика.
+**Описание:** Изучите функции современного редактора кода или IDE и покажите, как он может улучшить ваш рабочий процесс веб-разработчика.
 
-**Задание:** Выберите редактор кода или IDE (например, Visual Studio Code, WebStorm или облачный IDE). Перечислите три функции или расширения, которые помогают вам писать, отлаживать или поддерживать код более эффективно. Для каждого предоставьте краткое объяснение, как оно улучшает ваш рабочий процесс.
+**Задание:** Выберите редактор кода или IDE (например Visual Studio Code, WebStorm или облачную IDE). Перечислите три функции или расширения, которые помогают писать, отлаживать или поддерживать код более эффективно. Для каждой дайте краткое объяснение, как это улучшает ваш рабочий процесс.
 
 ---
 
 ## 🚀 Вызов
 
-**Ну что, детектив, готовы к первому делу?**
+**Ну что, детектив, готовы к вашему первому делу?**
 
-Теперь, когда у вас есть эта потрясающая база, у меня есть задание, которое поможет вам увидеть, насколько разнообразным и увлекательным может быть мир программирования. И послушайте – это не про написание кода, так что никакого давления! Представьте, что вы детектив, исследующий языки программирования, на своем первом захватывающем деле!
+Теперь, когда у вас есть отличная база, у меня для вас приключение, которое поможет увидеть, насколько разнообразен и увлекателен мир программирования. И слушайте — пока что это не про написание кода, так что без давления! Представьте себя детективом в мире языков программирования с вашим первым захватывающим делом!
 
-**Ваша миссия, если вы решите ее принять:**
-1. **Станьте исследователем языков**: Выберите три языка программирования из совершенно разных областей – возможно, один для создания сайтов, другой для разработки мобильных приложений, и третий для анализа данных для ученых. Найдите примеры выполнения одной и той же простой задачи на каждом языке. Обещаю, вы будете поражены, насколько они могут отличаться, выполняя одну и ту же задачу!
+**Ваша миссия, если вы решите её принять:**
+1. **Станьте исследователем языков**: выберите три языка программирования из совершенно разных областей — может быть, один для создания сайтов, другой для мобильных приложений и третий для анализа данных учёными. Найдите примеры простейшей задачи, написанные на каждом из этих языков. Обещаю, вы будете поражены, как по-разному они выглядят, выполняя одну и ту же функцию!
 
-2. **Раскройте их истории происхождения**: Что делает каждый язык особенным? Вот интересный факт – каждый язык программирования был создан, потому что кто-то подумал: "Знаете что? Должен быть лучший способ решить эту конкретную проблему." Можете ли вы выяснить, какие это были проблемы? Некоторые из этих историй действительно увлекательны!
+2. **Раскройте их истории создания**: что делает каждый язык особенным? Вот интересный факт — каждый язык программирования был создан, потому что кто-то подумал: «Знаете что? Должен быть лучший способ решить эту конкретную проблему.» Сможете понять, какие были эти проблемы? Некоторые истории действительно увлекательны!
 
-3. **Познакомьтесь с сообществами**: Узнайте, насколько приветливы и увлечены сообщества каждого языка. У некоторых миллионы разработчиков делятся знаниями и помогают друг другу, другие меньше, но невероятно сплоченные и поддерживающие. Вам понравится видеть разные "личности" этих сообществ!
+3. **Познакомьтесь с сообществами**: посмотрите, насколько дружелюбны и страстны сообщества каждого языка. У одних миллионы разработчиков, которые делятся знаниями и помогают друг другу, у других — меньше, но очень сплочённые и поддерживающие. Вам понравится увидеть разнообразие характеров этих сообществ!
 
-4. **Прислушайтесь к своим ощущениям**: Какой язык кажется вам наиболее доступным на данный момент? Не переживайте о "идеальном" выборе – просто доверьтесь своим инстинктам! Здесь нет неправильных ответов, и вы всегда можете изучить другие позже.
+4. **Доверьтесь своей интуиции**: какой язык вам кажется самым доступным прямо сейчас? Не переживайте о «идеальном» выборе — просто прислушайтесь к своим ощущениям! Правильного или неправильного здесь нет, и вы всегда сможете изучить другие позже.
 
-**Бонусное задание детектива**: Узнайте, какие крупные сайты или приложения созданы на каждом языке. Гарантирую, вы будете удивлены, узнав, что стоит за Instagram, Netflix или той мобильной игрой, от которой вы не можете оторваться!
+**Бонусное детективное задание**: попробуйте узнать, какие крупные сайты или приложения созданы с помощью каждого языка. Гарантирую, вас поразит, что стоит за Instagram, Netflix или той мобильной игрой, в которую вы не можете перестать играть!
 
-> 💡 **Помните**: Вы не пытаетесь стать экспертом в этих языках сегодня. Вы просто знакомитесь с "районом", прежде чем решить, где хотите обосноваться. Не торопитесь, получайте удовольствие и позвольте вашему любопытству вести вас!
+> 💡 **Помните**: вы не пытаетесь стать экспертом в этих языках сегодня. Вы просто знакомитесь с окружающим миром, прежде чем выбрать, где хотите остановиться. Не торопитесь, получайте удовольствие и позвольте своему любопытству вести вас!
 
 ## Давайте отпразднуем ваши открытия!
 
-Ого, вы узнали столько невероятной информации сегодня! Я искренне рад видеть, сколько из этого удивительного путешествия осталось с вами. И помните – это не тест, где нужно все сделать идеально. Это скорее праздник всего того классного, что вы узнали о этом увлекательном мире, в который вы собираетесь погрузиться!
+Ничего себе, вы усвоили столько удивительной информации сегодня! Я искренне рад видеть, сколько вы уже впитали в этом невероятном путешествии. И помните — это не экзамен с необходимостью быть безупречным. Это своего рода праздник всех классных вещей, которые вы узнали о захватывающем мире, в который собираетесь погрузиться!
 
-[Пройдите тест после урока](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/). Не бойтесь экспериментировать – вы ничего не сломаете!
-- Почитайте о том, как появился ваш любимый язык программирования. Серьезно, некоторые из этих историй очень увлекательны и помогут вам понять, почему языки работают именно так.
+**Работайте с языками программирования на практике:**
+- Посетите официальные сайты 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/). Сообщество программистов невероятно дружелюбно к новичкам!
-- Посмотрите обучающие видео по программированию на YouTube. Есть множество отличных авторов, которые помнят, каково это – быть новичком.
-- Подумайте о том, чтобы присоединиться к местным встречам или онлайн-сообществам. Поверьте, разработчики любят помогать новичкам!
+**Вступайте в сообщество:**
+- Подписывайтесь на сообщества разработчиков на [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Сообщество программистов очень дружелюбно к новичкам!
+- Смотрите обучающие видео для начинающих на YouTube. Там много отличных авторов, которые помнят, каково это — начинать.
+- Рассмотрите возможность присоединиться к местным митапам или онлайн-сообществам. Поверьте, разработчики любят помогать новичкам!
 
-> 🎯 **Запомните, что важно**: От вас не ожидают, что вы станете мастером программирования за одну ночь! Сейчас вы просто знакомитесь с этим удивительным миром, частью которого вам предстоит стать. Не торопитесь, наслаждайтесь процессом и помните – каждый разработчик, которым вы восхищаетесь, когда-то был на вашем месте, испытывая волнение и, возможно, немного растерянность. Это абсолютно нормально, и это значит, что вы на правильном пути!
+> 🎯 **Слушайте, что я хочу, чтобы вы запомнили**: от вас не ждут, что вы станете мастером программирования за одну ночь! Сейчас вы только знакомитесь с удивительным новым миром, частью которого скоро станете. Не спешите, наслаждайтесь путешествием и помните – каждый разработчик, которым вы восхищаетесь, когда-то сидел ровно там же, где и вы сейчас, чувствуя восторг и, возможно, немного растерянности. Это совершенно нормально и значит, что вы всё делаете правильно!
 
 
 
 ## Задание
 
-[Чтение документации](assignment.md)
+[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)
 
-### ⏰ **Что можно достичь за час**
-- [ ] Пройдите тест после урока и проанализируйте свои ответы
-- [ ] Настройте VS Code с расширением GitHub Copilot
-- [ ] Попробуйте пример "Hello World" на 2 разных языках программирования онлайн
-- [ ] Посмотрите видео "День из жизни разработчика" на YouTube
-- [ ] Начните исследование выбранного языка программирования (из задания)
+### ⏰ **Что вы можете успеть сделать за этот час**
+- [ ] Пройти постурочное тестирование и обдумать полученные ответы
+- [ ] Настроить VS Code с расширением GitHub Copilot
+- [ ] Попробовать пример «Hello World» на 2 разных языках программирования онлайн
+- [ ] Посмотреть видео «День из жизни программиста» на YouTube
+- [ ] Начать расследование по языкам программирования (из челленджа)
 
 ### 📅 **Ваше недельное приключение**
-- [ ] Выполните задание и изучите 3 новых инструмента для разработки
-- [ ] Подпишитесь на 5 разработчиков или аккаунтов о программировании в социальных сетях
-- [ ] Попробуйте создать что-то небольшое в CodePen или Replit (хотя бы "Привет, [Ваше имя]!")
-- [ ] Прочитайте блог разработчика о его пути в программировании
-- [ ] Присоединитесь к виртуальной встрече или посмотрите доклад о программировании
-- [ ] Начните изучение выбранного языка с помощью онлайн-уроков
+- [ ] Выполнить задание и изучить 3 новых инструмента для разработки
+- [ ] Подписаться на 5 разработчиков или программных аккаунтов в соцсетях
+- [ ] Попробовать создать что-то простое в CodePen или Replit (даже просто «Hello, [Ваше имя]!»)
+- [ ] Прочитать один блог пост разработчика о его пути в программировании
+- [ ] Присоединиться к виртуальному митапу или посмотреть доклад о программировании
+- [ ] Начать изучать выбранный язык с помощью онлайн-уроков
 
 ### 🗓️ **Ваше месячное преобразование**
-- [ ] Создайте свой первый небольшой проект (даже простой веб-сайт подойдет!)
-- [ ] Внесите вклад в проект с открытым исходным кодом (начните с исправления документации)
-- [ ] Станьте наставником для кого-то, кто только начинает изучать программирование
-- [ ] Создайте свой сайт-портфолио разработчика
-- [ ] Свяжитесь с местными сообществами разработчиков или учебными группами
-- [ ] Начните планировать свою следующую учебную цель
+- [ ] Создать свой первый небольшой проект (даже простая веб-страница считается!)
+- [ ] Внести вклад в проект с открытым исходным кодом (начните с исправления документации)
+- [ ] Наставлять того, кто только начал путь в программировании
+- [ ] Создать свой сайт-портфолио разработчика
+- [ ] Связаться с местными сообществами разработчиков или учебными группами
+- [ ] Начать планировать следующую цель обучения
 
-### 🎯 **Итоговая рефлексия**
+### 🎯 **Итоговое размышление**
 
-**Прежде чем двигаться дальше, сделайте паузу и отпразднуйте:**
-- Что вас больше всего вдохновило в программировании сегодня?
+**Прежде чем продолжить, уделите минуту празднованию:**
+- Что в программировании сегодня вас больше всего вдохновило?
 - Какой инструмент или концепцию вы хотите изучить в первую очередь?
-- Как вы себя чувствуете, начиная этот путь в программировании?
-- Какой вопрос вы бы хотели задать разработчику прямо сейчас?
+- Какие у вас чувства по поводу начала этого пути в программировании?
+- Какой вопрос вы хотели бы сейчас задать разработчику?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Ваш путь к уверенности
+    section Сегодня
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Эта неделя
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Следующий месяц
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Помните**: Каждый эксперт когда-то был новичком. Каждый опытный разработчик когда-то чувствовал себя так же, как вы сейчас – вдохновленным, возможно, немного растерянным, но определенно любопытным к тому, что возможно. Вы в отличной компании, и это путешествие будет невероятным. Добро пожаловать в удивительный мир программирования! 🎉
+> 🌟 **Помните**: каждый эксперт когда-то был новичком. Каждый опытный разработчик когда-то чувствовал то же, что и вы сейчас – волнение, возможно, небольшое замешательство и определённый интерес к возможностям. Вы в отличной компании, и это путешествие будет невероятным. Добро пожаловать в удивительный мир программирования! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Отказ от ответственности**:  
-Этот документ был переведен с использованием сервиса автоматического перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Хотя мы стремимся к точности, пожалуйста, учитывайте, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на его родном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется профессиональный перевод человеком. Мы не несем ответственности за любые недоразумения или неправильные интерпретации, возникающие в результате использования данного перевода.
\ No newline at end of file
+Этот документ был переведен с помощью службы автоматического перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Несмотря на наши усилия по обеспечению точности, просим учитывать, что автоматический перевод может содержать ошибки или неточности. Оригинальный документ на его родном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется воспользоваться профессиональным переводом, выполненным человеком. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ru/AGENTS.md b/translations/ru/AGENTS.md
index b90184e53..46993503b 100644
--- a/translations/ru/AGENTS.md
+++ b/translations/ru/AGENTS.md
@@ -2,46 +2,46 @@
 
 ## Обзор проекта
 
-Это репозиторий учебной программы для обучения основам веб-разработки для начинающих. Учебная программа представляет собой всесторонний 12-недельный курс, разработанный командой Microsoft Cloud Advocates, включающий 24 практических урока, охватывающих JavaScript, CSS и HTML.
+Это репозиторий учебной программы для обучения основам веб-разработки для начинающих. Учебная программа — это комплексный 12-недельный курс, разработанный Microsoft Cloud Advocates, включающий 24 практических урока по JavaScript, CSS и HTML.
 
 ### Ключевые компоненты
 
-- **Образовательный контент**: 24 структурированных урока, организованных в модули на основе проектов
-- **Практические проекты**: Террариум, Игра на скорость печати, Расширение для браузера, Космическая игра, Банковское приложение, Редактор кода и AI чат-ассистент
-- **Интерактивные викторины**: 48 викторин с 3 вопросами каждая (оценка до и после урока)
-- **Многоязычная поддержка**: Автоматические переводы на 50+ языков с помощью GitHub Actions
-- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проектов)
+- **Образовательный контент**: 24 структурированных урока, организованных в проектно-ориентированные модули  
+- **Практические проекты**: Террариум, Игра на набор текста, Расширение для браузера, Космическая игра, Банковское приложение, Редактор кода и чат-ассистент с ИИ  
+- **Интерактивные викторины**: 48 викторин с 3 вопросами каждая (оценка до и после урока)  
+- **Многоязычная поддержка**: Автоматические переводы на 50+ языков с использованием GitHub Actions  
+- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для ИИ-проектов)
 
 ### Архитектура
 
-- Образовательный репозиторий с уроковой структурой
-- Каждая папка урока содержит README, примеры кода и решения
-- Отдельные проекты в отдельных директориях (quiz-app, различные проекты уроков)
-- Система перевода с использованием GitHub Actions (co-op-translator)
-- Документация подается через Docsify и доступна в формате PDF
+- Образовательный репозиторий со структурой на основе уроков  
+- В каждой папке урока содержатся README, примеры кода и решения  
+- Отдельные проекты в отдельных директориях (quiz-app, различные проекты из уроков)  
+- Система перевода с использованием GitHub Actions (co-op-translator)  
+- Документация доступна через Docsify и в формате PDF
 
 ## Команды для настройки
 
-Этот репозиторий предназначен в основном для изучения образовательного контента. Для работы с конкретными проектами:
+Этот репозиторий предназначен в первую очередь для изучения образовательного контента. Для работы с конкретными проектами:
 
-### Настройка основного репозитория
+### Основная настройка репозитория
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-
+  
 ### Настройка Quiz App (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Запустить сервер разработки
-npm run build      # Сборка для продакшена
+npm run build      # Собрать для продакшена
 npm run lint       # Запустить ESLint
 ```
-
-### Bank Project API (Node.js + Express)
+  
+### API банковского проекта (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -50,15 +50,15 @@ npm start          # Запустить сервер API
 npm run lint       # Запустить ESLint
 npm run format     # Отформатировать с помощью Prettier
 ```
-
+  
 ### Проекты расширений для браузера
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Следуйте инструкциям по загрузке расширений для конкретного браузера
+# Следуйте инструкциям по загрузке расширения, специфичным для браузера
 ```
-
+  
 ### Проекты космической игры
 
 ```bash
@@ -66,8 +66,8 @@ cd 6-space-game/solution
 npm install
 # Откройте index.html в браузере или используйте Live Server
 ```
-
-### Чат-проект (бэкенд на Python)
+  
+### Проект чата (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -75,33 +75,33 @@ pip install openai
 # Установите переменную окружения GITHUB_TOKEN
 python api.py
 ```
-
+  
 ## Рабочий процесс разработки
 
-### Для авторов контента
+### Для контрибьюторов контента
 
-1. **Сделайте fork репозитория** в свой аккаунт GitHub
-2. **Клонируйте ваш fork** локально
-3. **Создайте новую ветку** для ваших изменений
-4. Внесите изменения в учебный контент или примеры кода
-5. Тестируйте любые изменения кода в соответствующих каталогах проектов
-6. Отправляйте pull request согласно правилам вклада
+1. **Сделайте форк репозитория** в свой аккаунт GitHub  
+2. **Склонируйте форк** локально  
+3. **Создайте новую ветку** для своих изменений  
+4. Внесите изменения в содержимое уроков или примеры кода  
+5. Проверьте изменения кода в соответствующих директориях проектов  
+6. Отправьте pull requests в соответствии с руководством по вкладам
 
 ### Для обучающихся
 
-1. Сделайте fork или клон репозитория
-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. Пройдите пост-урочные викторины
 
-### Живое развитие
+### Живая разработка
 
-- **Документация**: Запустите `docsify serve` в корне (порт 3000)
-- **Quiz App**: Запустите `npm run dev` в директории quiz-app
-- **Проекты**: Используйте расширение Live Server в VS Code для HTML проектов
+- **Документация**: Запустите `docsify serve` в корне (порт 3000)  
+- **Quiz App**: Запустите `npm run dev` в директории quiz-app  
+- **Проекты**: Используйте расширение VS Code Live Server для HTML-проектов  
 - **API проекты**: Запустите `npm start` в соответствующих API директориях
 
 ## Инструкции по тестированию
@@ -113,170 +113,170 @@ cd quiz-app
 npm run lint       # Проверить проблемы со стилем кода
 npm run build      # Проверить успешность сборки
 ```
-
+  
 ### Тестирование Bank API
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Проверить наличие проблем со стилем кода
+npm run lint       # Проверить проблемы со стилем кода
 node server.js     # Проверить, что сервер запускается без ошибок
 ```
-
+  
 ### Общий подход к тестированию
 
-- Это образовательный репозиторий без комплексных автоматизированных тестов
-- Ручное тестирование сосредоточено на:
-  - Запуске примеров кода без ошибок
-  - Работе ссылок в документации
-  - Успешном завершении сборки проектов
-  - Следовании примеров лучшим практикам
+- Это образовательный репозиторий без комплексных автоматизированных тестов  
+- Ручное тестирование ориентировано на:  
+  - Запуск примеров кода без ошибок  
+  - Проверку работоспособности ссылок в документации  
+  - Успешную сборку проектов  
+  - Следование примеров лучшим практикам
 
 ### Проверки перед отправкой
 
-- Запустите `npm run lint` в папках с package.json
-- Проверьте валидность ссылок в markdown
-- Тестируйте примеры кода в браузере или Node.js
-- Убедитесь, что переводы сохраняют правильную структуру
+- Запустите `npm run lint` в директориях с package.json  
+- Проверьте валидность ссылок markdown  
+- Протестируйте примеры кода в браузере или Node.js  
+- Убедитесь, что переводы сохраняют корректную структуру
 
 ## Руководство по стилю кода
 
 ### JavaScript
 
-- Используйте современный синтаксис ES6+
-- Следуйте стандартным конфигурациям ESLint в проектах
-- Используйте осмысленные имена переменных и функций для образовательной ясности
-- Добавляйте комментарии, объясняющие концепции для учеников
-- Форматируйте с помощью Prettier, где настроено
+- Используйте современный синтаксис ES6+  
+- Следуйте стандартным конфигурациям ESLint в проектах  
+- Используйте осмысленные имена переменных и функций для образовательной ясности  
+- Добавляйте комментарии с объяснениями концепций для обучающихся  
+- Форматируйте код с помощью Prettier, если это настроено
 
 ### HTML/CSS
 
-- Семантические элементы HTML5
-- Принципы адаптивного дизайна
-- Чёткие соглашения по именованию классов
-- Комментарии, объясняющие CSS техники для обучения
+- Семантические элементы HTML5  
+- Принципы адаптивного дизайна  
+- Четкие соглашения по именованию классов  
+- Комментарии с объяснениями CSS-техник для обучающихся
 
 ### Python
 
-- Руководство по стилю PEP 8
-- Чистые, образовательные примеры кода
-- Подсказки типов там, где помогают обучению
+- Руководство по стилю PEP 8  
+- Четкие, образовательные примеры кода  
+- Аннотации типов, где это полезно для обучения
 
 ### Документация Markdown
 
-- Чёткая иерархия заголовков
-- Блоки кода с указанием языка
-- Ссылки на дополнительные ресурсы
-- Скриншоты и изображения в каталогах `images/`
-- Alt-текст для изображений для доступности
+- Четкая иерархия заголовков  
+- Блоки кода с указанием языка  
+- Ссылки на дополнительные ресурсы  
+- Скриншоты и изображения в папках `images/`  
+- Alt-тексты для изображений для доступности
 
 ### Организация файлов
 
-- Уроки пронумерованы последовательно (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}/`
 
-## Сборка и развертывание
+## Сборка и деплоймент
 
 ### Развертывание 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 при пуше в main
 ```
-
-Конфигурация Azure Static Web Apps:
-- **Расположение приложения**: `/quiz-app`
-- **Расположение вывода**: `dist`
-- **Рабочий процесс**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+  
+Конфигурация Azure Static Web Apps:  
+- **Путь приложения**: `/quiz-app`  
+- **Путь вывода**: `dist`  
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Генерация PDF документации
 
 ```bash
 npm install                    # Установить docsify-to-pdf
-npm run convert               # Сгенерировать PDF из docs
+npm run convert               # Генерировать PDF из docs
 ```
-
+  
 ### Документация Docsify
 
 ```bash
 npm install -g docsify-cli    # Установите Docsify глобально
 docsify serve                 # Запустить на localhost:3000
 ```
+  
+### Сборка для отдельных проектов
 
-### Сборки по проектам
-
-Каждая директория проекта может иметь собственный процесс сборки:
-- Vue проекты: `npm run build` создаёт production сборки
-- Статические проекты: Без шага сборки, файлы подаются напрямую
+В каждой директории проекта может быть свой процесс сборки:  
+- Vue проекты: `npm run build` создает продакшен-сборки  
+- Статические проекты: сборка не требуется, файлы подаются напрямую
 
-## Правила Pull Request
+## Руководство по pull request
 
 ### Формат заголовка
 
-Используйте ясные, описательные заголовки, указывающие область изменений:
-- `[Quiz-app] Добавить новую викторину для урока X`
-- `[Lesson-3] Исправить опечатку в проекте террариума`
-- `[Translation] Добавить испанский перевод для урока 5`
+Используйте понятные, описательные заголовки, указывающие область изменений:  
+- `[Quiz-app] Добавить новую викторину для урока X`  
+- `[Lesson-3] Исправить опечатку в проекте Террариум`  
+- `[Translation] Добавить испанский перевод для урока 5`  
 - `[Docs] Обновить инструкции по настройке`
 
-### Обязательные проверки
+### Необходимые проверки
 
-Перед отправкой PR:
+Перед отправкой PR:  
 
-1. **Качество кода**:
-   - Запустите `npm run lint` в затронутых директориях проектов
-   - Исправьте все ошибки и предупреждения линтера
+1. **Качество кода**:  
+   - Запустите `npm run lint` в затронутых директориях  
+   - Исправьте все ошибки и предупреждения lint
 
-2. **Проверка сборки**:
-   - Запустите `npm run build` если применимо
-   - Убедитесь, что нет ошибок сборки
+2. **Проверка сборки**:  
+   - Запустите `npm run build` при необходимости  
+   - Убедитесь в отсутствии ошибок сборки
 
-3. **Проверка ссылок**:
-   - Проверьте все markdown ссылки
+3. **Валидация ссылок**:  
+   - Проверьте все markdown-ссылки  
    - Убедитесь, что ссылки на изображения работают
 
-4. **Проверка контента**:
-   - Вычитайте орфографию и грамматику
-   - Убедитесь, что примеры кода корректны и образовательны
-   - Проверьте, что переводы сохраняют оригинальный смысл
+4. **Проверка содержимого**:  
+   - Проверьте орфографию и грамматику  
+   - Убедитесь в правильности и образовательной ценности примеров кода  
+   - Проверьте точность переводов
 
-### Требования к вкладу
+### Требования к внесению вклада
 
-- Согласие с Microsoft CLA (автоматическая проверка при первом PR)
-- Следование [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Смотрите подробные инструкции в [CONTRIBUTING.md](./CONTRIBUTING.md)
-- Укажите номера issues в описании PR, если применимо
+- Согласие с Microsoft CLA (автоматическая проверка при первом PR)  
+- Соблюдение [Кодекса поведения Microsoft Open Source](https://opensource.microsoft.com/codeofconduct/)  
+- Подробные инструкции в [CONTRIBUTING.md](./CONTRIBUTING.md)  
+- Упоминание номеров задач в описании PR при наличии
 
-### Процесс ревью
+### Процесс проверки
 
-- PR проверяются ответственными и сообществом
-- Приоритет — образовательная ясность
-- Примеры кода должны соответствовать действующим лучшим практикам
+- PR проверяются поддерживающими и сообществом  
+- Приоритет на образовательную ясность  
+- Примеры кода должны соответствовать текущим лучшим практикам  
 - Переводы проверяются на точность и культурную адекватность
 
 ## Система перевода
 
 ### Автоматический перевод
 
-- Использует GitHub Actions с workflow co-op-translator
-- Автоматический перевод на 50+ языков
-- Исходные файлы в главных каталогах
-- Переведённые файлы в каталогах `translations/{language-code}/`
+- Использует GitHub Actions с workflow co-op-translator  
+- Автоматический перевод на 50+ языков  
+- Исходные файлы в основных директориях  
+- Переведённые файлы в директориях `translations/{language-code}/`
 
-### Добавление ручных улучшений перевода
+### Добавление улучшений в ручной перевод
 
-1. Найдите файл в `translations/{language-code}/`
-2. Внесите улучшения, сохраняя структуру
-3. Убедитесь, что примеры кода остаются работоспособными
-4. Проверьте любой локализованный викторинный контент
+1. Найдите файл в `translations/{language-code}/`  
+2. Внесите улучшения, сохраняя структуру  
+3. Убедитесь, что примеры кода остаются работоспособными  
+4. Проверьте локализованный контент викторин
 
 ### Метаданные перевода
 
-Переведённые файлы включают заголовок с метаданными:
+Переведённые файлы содержат заголовок с метаданными:  
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-
+  
 ## Отладка и устранение неполадок
 
 ### Распространённые проблемы
 
-**Приложение викторины не запускается**:
-- Проверьте версию Node.js (рекомендуется v14+)
-- Удалите `node_modules` и `package-lock.json`, затем запустите `npm install` заново
+**Quiz app не запускается**:  
+- Проверьте версию Node.js (рекомендуется v14+)  
+- Удалите `node_modules` и `package-lock.json`, затем снова выполните `npm install`  
 - Проверьте конфликты портов (по умолчанию Vite использует порт 5173)
 
-**Сервер API не запускается**:
-- Убедитесь, что версия Node.js не ниже 10
-- Проверьте, что порт не занят
-- Убедитесь, что все зависимости установлены (`npm install`)
+**API сервер не запускается**:  
+- Убедитесь, что версия Node.js не ниже 10  
+- Проверьте, не занят ли порт  
+- Установите все зависимости через `npm install`
 
-**Расширение браузера не загружается**:
-- Проверьте правильность формата manifest.json
-- Проверьте консоль браузера на ошибки
-- Следуйте инструкциям по установке расширений в вашем браузере
+**Расширение браузера не загружается**:  
+- Проверьте правильность формата manifest.json  
+- Смотрите ошибки в консоли браузера  
+- Следуйте инструкциям по установке расширения для конкретного браузера
 
-**Проблемы с чат-проектом на Python**:
-- Убедитесь, что установлен пакет OpenAI: `pip install openai`
-- Проверьте, что переменная окружения GITHUB_TOKEN установлена
-- Проверьте разрешения доступа GitHub Models
+**Проблемы с Python чат-проектом**:  
+- Убедитесь, что пакет OpenAI установлен: `pip install openai`  
+- Проверьте, что установлен GITHUB_TOKEN в переменных среды  
+- Проверьте разрешения доступа к GitHub Models
 
-**Docsify не обслуживает документацию**:
-- Установите docsify-cli глобально: `npm install -g docsify-cli`
-- Запускайте из корневой директории репозитория
-- Убедитесь, что файл `docs/_sidebar.md` существует
+**Docsify не обслуживает документацию**:  
+- Установите docsify-cli глобально: `npm install -g docsify-cli`  
+- Запускайте из корня репозитория  
+- Убедитесь, что `docs/_sidebar.md` существует
 
 ### Советы по среде разработки
 
-- Используйте VS Code с расширением Live Server для HTML проектов
-- Установите расширения ESLint и Prettier для единообразного форматирования
-- Используйте инструменты разработчика в браузере для отладки JavaScript
-- Для Vue проектов установите Vue DevTools расширение браузера
+- Используйте VS Code с расширением Live Server для HTML проектов  
+- Устанавливайте расширения ESLint и Prettier для согласованного форматирования  
+- Используйте DevTools браузера для отладки JavaScript  
+- Для проектов Vue установите расширение Vue DevTools
 
 ### Особенности производительности
 
-- Большое количество переведённых файлов (50+ языков) увеличивает размер полного клона
-- Используйте неглубокий клон, если работаете только с контентом: `git clone --depth 1`
-- Исключайте переводы из поиска при работе с английским контентом
+- Большое количество переведённых файлов (50+ языков) делает полные клонирования тяжелыми  
+- Используйте shallow clone, если работаете только с контентом: `git clone --depth 1`  
+- Исключите переводы из поиска при работе с английским контентом  
 - Процессы сборки могут быть медленными при первом запуске (npm install, сборка Vite)
 
 ## Вопросы безопасности
 
 ### Переменные окружения
 
-- Ключи API никогда не должны попадать в репозиторий
-- Используйте `.env` файлы (уже в `.gitignore`)
+- Ключи API никогда не должны попадать в репозиторий  
+- Используйте `.env` файлы (уже внесены в `.gitignore`)  
 - Документируйте необходимые переменные окружения в README проектов
 
 ### Python проекты
 
-- Используйте виртуальные окружения: `python -m venv venv`
-- Обновляйте зависимости
-- Токены GitHub должны иметь минимально необходимые права
+- Используйте виртуальные окружения: `python -m venv venv`  
+- Обновляйте зависимости  
+- Токены GitHub должны иметь минимально необходимые разрешения
 
 ### Доступ к GitHub Models
 
-- Требуются персональные токены доступа (PAT)
-- Токены нужно хранить как переменные окружения
-- Никогда не коммитите токены или учетные данные
+- Для GitHub Models требуются Personal Access Tokens (PAT)  
+- Токены следует хранить в переменных среды  
+- Никогда не коммитьте токены или учетные данные
 
 ## Дополнительные заметки
 
 ### Целевая аудитория
 
-- Абсолютные новички в веб-разработке
-- Студенты и самоучки
-- Преподаватели, использующие курс в классе
-- Контент разработан с учётом доступности и постепенного обучения
+- Абсолютные новички в веб-разработке  
+- Студенты и самоучки  
+- Преподаватели, использующие программу в классе  
+- Контент разработан с учетом доступности и постепенного освоения навыков
 
 ### Образовательная философия
 
-- Проектно-ориентированный подход к обучению
-- Частые проверки знаний (викторины)
-- Практические упражнения по программированию
-- Примеры применения в реальных задачах
-- Акцент на фундаментальных знаниях до изучения фреймворков
+- Проектно-ориентированное обучение  
+- Частые проверки знаний (викторины)  
+- Практические упражнения по программированию  
+- Примеры реальных приложений  
+- Сфокусированность на основах до изучения фреймворков
 
 ### Поддержка репозитория
 
-- Активное сообщество обучающихся и участников
-- Регулярные обновления зависимостей и контента
-- Мониторинг issues и обсуждений ответственными
+- Активное сообщество обучающихся и контрибьюторов  
+- Регулярные обновления зависимостей и контента  
+- Мониторинг тикетов и дискуссий со стороны поддерживающих  
 - Автоматическое обновление переводов через GitHub Actions
 
 ### Связанные ресурсы
 
-- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
-- [Ресурсы Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендован для обучающихся
-- Дополнительные курсы: Генеративный AI, Data Science, ML, IoT учебные программы
+- [Модули Microsoft Learn](https://docs.microsoft.com/learn/)  
+- [Ресурсы Student Hub](https://docs.microsoft.com/learn/student-hub/)  
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендуется для обучающихся  
+- Дополнительные курсы: Generative AI, Data Science, ML, IoT
 
 ### Работа с конкретными проектами
 
-Для подробных инструкций по отдельным проектам смотрите README файлы в:
-- `quiz-app/README.md` - Vue 3 приложение викторины
-- `7-bank-project/README.md` - Банковское приложение с аутентификацией
-- `5-browser-extension/README.md` - Разработка расширения для браузера
-- `6-space-game/README.md` - Разработка игры на Canvas
-- `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` - Разработка игры на Canvas  
+- `9-chat-project/README.md` - Проект чат-ассистента с ИИ
 
 ### Структура монорепозитория
 
-Хотя это не традиционный монорепозиторий, этот репозиторий содержит несколько независимых проектов:
-- Каждый урок автономен
-- Проекты не разделяют зависимости
-- Работа с отдельными проектами не влияет на другие
-- Клонируйте весь репозиторий для полного опыта курсовой программы
+Хотя это не традиционный монорепозиторий, он содержит несколько независимых проектов:  
+- Каждый урок автономен  
+- Проекты не делят зависимости  
+- Работайте с отдельными проектами без влияния на другие  
+- Клонируйте весь репозиторий для полного опыта обучения
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Отказ от ответственности**:  
-Этот документ был переведён с помощью сервиса автоматического перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Несмотря на наши усилия по обеспечению точности, просим учитывать, что автоматический перевод может содержать ошибки или неточности. Оригинальный документ на его исходном языке следует считать авторитетным источником. Для критически важной информации рекомендуется использовать профессиональный человеческий перевод. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.
+**Отказ от ответственности**:
+Этот документ был переведен с помощью сервиса AI-перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Несмотря на наши усилия обеспечить точность, пожалуйста, учитывайте, что автоматический перевод может содержать ошибки или неточности. Оригинальный документ на исходном языке следует считать авторитетным источником. Для важной информации рекомендуется обращаться к профессиональному переводу, выполненному человеком. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ru/README.md b/translations/ru/README.md
index f89a07076..6078c0ddb 100644
--- a/translations/ru/README.md
+++ b/translations/ru/README.md
@@ -10,20 +10,20 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Веб-разработка для начинающих — Учебная программа
+# Веб-разработка для начинающих - учебная программа
 
-Освойте основы веб-разработки с нашим 12-недельным комплексным курсом от Microsoft Cloud Advocates. Каждое из 24 занятий подробно изучает JavaScript, CSS и HTML через практические проекты, такие как террариумы, расширения для браузера и космические игры. Участвуйте в викторинах, обсуждениях и выполняйте практические задания. Повышайте свои навыки и оптимизируйте запоминание с помощью нашей эффективной проектно-ориентированной методики. Начните свой путь в программировании уже сегодня!
+Изучите основы веб-разработки с нашим 12-недельным комплексным курсом от Microsoft Cloud Advocates. Каждое из 24 занятий посвящено JavaScript, CSS и HTML через практические проекты, такие как террариумы, расширения для браузера и космические игры. Участвуйте в викторинах, обсуждениях и практических заданиях. Повышайте свои навыки и оптимизируйте усвоение знаний с помощью нашей эффективной проектной педагогики. Начните свой путь в программировании уже сегодня!
 
-Присоединяйтесь к сообществу 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)
-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 Action (автоматически и всегда актуально)
 
@@ -31,183 +31,192 @@
 [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](./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"
+> ```
+>
+> Это даст вам все необходимое для прохождения курса с гораздо более быстрой загрузкой.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Если вы хотите, чтобы были добавлены дополнительные языки перевода, они перечислены [здесь](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Если вы хотите, чтобы были поддержаны дополнительные языки переводов, список которых доступен [здесь](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Вы студент?_
 
-Посетите страницу [**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 Agent mode!
 
-Добавлено новое задание, ищите «GitHub Copilot Agent Challenge 🚀» в большинстве разделов. Это новое задание для вас, используя GitHub Copilot и режим Agent. Если вы ранее не пользовались режимом Agent, он не только генерирует текст, но и может создавать и редактировать файлы, выполнять команды и многое другое.
+Добавлено новое задание, ищите "GitHub Copilot Agent Challenge 🚀" в большинстве глав. Это новая задача для вас с использованием GitHub Copilot и режима агента. Если вы ранее не использовали режим агента, он способен не только генерировать текст, но и создавать и редактировать файлы, запускать команды и многое другое.
 
-### 📣 Объявление — _Новый проект с использованием генеративного ИИ_
+### 📣 Объявление - _Новый проект с использованием Generative AI_
 
-Недавно добавлен новый проект AI Assistant, посмотрите его [проект](./9-chat-project/README.md)
+Новый проект AI Assistant только что добавлен, ознакомьтесь с [проектом](./9-chat-project/README.md)
 
-### 📣 Объявление — _Новая учебная программа_ по генеративному ИИ для JavaScript только что выпущена
+### 📣 Объявление - _Новая учебная программа_ по Generative AI для JavaScript уже выпущена
 
-Не пропустите нашу новую программу по генеративному ИИ!
+Не пропустите нашу новую учебную программу по 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/ru/background.148a8d43afde5730.webp)
+![Background](../../translated_images/ru/background.148a8d43afde5730.webp)
 
-- Уроки от основ до RAG.
-- Взаимодействуйте с историческими персонажами, используя GenAI и наше сопутствующее приложение.
-- Веселый и увлекательный сюжет, вы будете путешествовать во времени!
+- Уроки охватывают все от основ до RAG.
+- Взаимодействуйте с историческими персонажами с помощью GenAI и нашего сопутствующего приложения.
+- Веселый и увлекательный рассказ, вы путешествуете во времени!
 
-![персонаж](../../translated_images/ru/character.5c0dd8e067ffd693.webp)
+![character](../../translated_images/ru/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).
 
-#### Создайте свой репозиторий
-Для удобства сохранения своей работы рекомендуется создать собственную копию этого репозитория. Вы можете сделать это, нажав кнопку **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
 
-В вашей копии этого репозитория нажмите кнопку **Code** и выберите **Open with Codespaces**. Это создаст новый Codespace для работы.
+В созданной вами копии репозитория нажмите кнопку **Code** и выберите **Open with Codespaces**. Это создаст для вас новый Codespace для работы.
 
 ![Codespace](../../translated_images/ru/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) как редактор, который также имеет встроенный [терминал](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)
-Затем откройте [Терминал](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) и выполните следующую команду, заменив `<your-repository-url>` на URL, который вы только что скопировали:
+
+    Затем откройте [Терминал](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) и выполните следующую команду, заменив `<your-repository-url>` на только что скопированный URL:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Откройте папку в Visual Studio Code. Вы можете сделать это, кликнув **Файл** > **Открыть папку** и выбрав только что клонированную папку.
+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) — для предварительного просмотра HTML-страниц в Visual Studio Code
-> * [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) — для предпросмотра HTML-страниц прямо в Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) — для помощи в более быстром написании кода
 
 ## 📂 Каждый урок включает:
 
 - необязательные скетчноуты
 - необязательное дополнительное видео
-- разогревающий квиз перед уроком
+- разминка-квиз перед уроком
 - письменный урок
-- для уроков с проектами — пошаговые руководства по созданию проекта
+- для проектных уроков — пошаговые руководства по созданию проекта
 - проверки знаний
-- челлендж
-- дополнительное чтение
+- вызов/челлендж
+- дополнительные материалы для чтения
 - задание
 - [квиз после урока](https://ff-quizzes.netlify.app/web/)
 
-> **Примечание о квизах**: Все квизы находятся в папке Quiz-app, всего 48 квизов по три вопроса в каждом. Они доступны [здесь](https://ff-quizzes.netlify.app/web/), приложение квизов можно запускать локально или развёртывать в Azure; следуйте инструкциям в папке `quiz-app`.
+> **Примечание о квизах**: Все квизы находятся в папке Quiz-app, всего 48 квизов по три вопроса. Они доступны [здесь](https://ff-quizzes.netlify.app/web/), приложение для квизов можно запустить локально или развернуть в Azure; следуйте инструкциям в папке `quiz-app`.
 
 ## 🗃️ Уроки
 
-|     |                       Название проекта                      |                            Осваиваемые концепции                             | Цели обучения                                                                                                                    |                                                         Связанный урок                                                          |         Автор           |
-| :-: | :---------------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Начинаем работу                          |        Введение в программирование и инструменты профессии                 | Ознакомиться с базовыми понятиями большинства языков программирования и программным обеспечением, помогающим профессионалам | [Введение в языки программирования и инструменты](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)          |         Jasmine         |
-| 02  |                     Начинаем работу                          |                    Основы GitHub, работа в команде                          | Узнать, как использовать GitHub в проекте, как сотрудничать с другими над кодом                                                |                            [Введение в GitHub](./1-getting-started-lessons/2-github-basics/README.md)                               |          Floor          |
-| 03  |                     Начинаем работу                          |                                Доступность                                 | Изучить основы веб-доступности                                                                                                  |                       [Основы доступности](./1-getting-started-lessons/3-accessibility/README.md)                                  |       Christopher       |
-| 04  |                       Основы JS                              |                         Типы данных JavaScript                            | Основы работы с типами данных в JavaScript                                                                                        |                                       [Типы данных](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                       Основы JS                              |                        Функции и методы                                   | Узнать о функциях и методах для управления логикой приложения                                                                   |                              [Функции и методы](./2-js-basics/2-functions-methods/README.md)                                       | Jasmine и Christopher   |
-| 06  |                       Основы JS                              |                      Принятие решений в JS                                | Научиться создавать условия в коде с помощью конструкций принятия решений                                                       |                                 [Принятие решений](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                       Основы JS                              |                          Массивы и циклы                                 | Работа с данными используя массивы и циклы в JavaScript                                                                         |                                   [Массивы и циклы](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Террариум](./3-terrarium/solution/README.md)         |                            Практика HTML                                  | Создать HTML для онлайн-террариума, сосредоточившись на создании разметки                                                      |                                 [Введение в HTML](./3-terrarium/1-intro-to-html/README.md)                                     |           Jen           |
-| 09  |       [Террариум](./3-terrarium/solution/README.md)         |                            Практика CSS                                   | Создать CSS для стилизации онлайн-террариума, акцент на основах CSS и адаптивности страницы                                     |                                  [Введение в CSS](./3-terrarium/2-intro-to-css/README.md)                                      |           Jen           |
-| 10  |             [Террариум](./3-terrarium/solution/README.md)             |             Замыкания JavaScript, работа с DOM                            | Написать JavaScript для реализации функционала перетаскивания в террариуме, акцент на замыкания и манипуляции DOM                |                  [Замыкания JS и работа с DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                             |           Jen           |
-| 11  |           [Игра на скорость набора](./4-typing-game/solution/README.md)           |                       Создание игры для набора текста                     | Научиться использовать события клавиатуры для управления логикой JS приложения                                                 |                                [Событийно-ориентированное программирование](./4-typing-game/typing-game/README.md)             |       Christopher       |
-| 12  | [Расширение зеленого браузера](./5-browser-extension/solution/README.md) |                          Работа с браузерами                             | Узнать, как работают браузеры, их историю и как построить первые элементы расширения                                             |                              [О браузерах](./5-browser-extension/1-about-browsers/README.md)                                     |           Jen           |
-| 13  | [Расширение зеленого браузера](./5-browser-extension/solution/README.md) |       Создание формы, вызов API и хранение переменных в localStorage      | Написать JavaScript для расширения браузера для вызова API с использованием переменных из локального хранилища                  |                  [API, формы и локальное хранилище](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
-| 14  | [Расширение зеленого браузера](./5-browser-extension/solution/README.md) |         Фоновые процессы в браузере, производительность веба             | Использовать фоновые процессы браузера для управления иконкой расширения; изучить веб-производительность и оптимизации          |                 [Фоновые задачи и производительность](./5-browser-extension/3-background-tasks-and-performance/README.md)       |           Jen           |
-| 15  |            [Космическая игра](./6-space-game/solution/README.md)            |          Продвинутая разработка игр на JavaScript                        | Изучить наследование с помощью классов и композиции, а также паттерн Pub/Sub перед созданием игры                                |                      [Введение в продвинутую разработку игр](./6-space-game/1-introduction/README.md)                             |          Chris          |
-| 16  |            [Космическая игра](./6-space-game/solution/README.md)            |                        Рисование на canvas                               | Познакомиться с Canvas API, используемым для рисования на экране                                                                |                                [Рисование на canvas](./6-space-game/2-drawing-to-canvas/README.md)                               |          Chris          |
-| 17  |            [Космическая игра](./6-space-game/solution/README.md)            |                    Перемещение элементов по экрану                      | Узнать, как элементы могут двигаться с использованием декартовых координат и Canvas API                                         |                              [Перемещение элементов](./6-space-game/3-moving-elements-around/README.md)                          |          Chris          |
-| 18  |            [Космическая игра](./6-space-game/solution/README.md)            |                       Обнаружение столкновений                          | Сделать чтобы элементы сталкивались и реагировали друг на друга при нажатии клавиш, добавить функцию охлаждения для производительности |                                [Обнаружение столкновений](./6-space-game/4-collision-detection/README.md)                          |          Chris          |
-| 19  |            [Космическая игра](./6-space-game/solution/README.md)            |                             Ведение счета                                | Выполнять математические вычисления, основываясь на статусе и производительности игры                                             |                                    [Ведение счета](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |            [Космическая игра](./6-space-game/solution/README.md)            |                          Завершение и перезапуск игры                   | Узнать, как завершить и перезапустить игру, включая очистку ресурсов и сброс переменных                                          |                                 [Условие завершения](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
-| 21  |            [Банковское приложение](./7-bank-project/solution/README.md)            |                   HTML-шаблоны и маршрутизация в веб-приложении          | Научиться создавать основу архитектуры многостраничного сайта с использованием маршрутизации и HTML-шаблонов                   |                           [HTML-шаблоны и маршруты](./7-bank-project/1-template-route/README.md)                              |          Yohan          |
-| 22  |            [Банковское приложение](./7-bank-project/solution/README.md)            |                     Создание форм входа и регистрации                   | Изучить построение форм и обработку процедур валидации                                                                           |                                            [Формы](./7-bank-project/2-forms/README.md)                                       |          Yohan          |
-| 23  |            [Банковское приложение](./7-bank-project/solution/README.md)            |                    Методы получения и использования данных              | Понять, как данные поступают в приложение и как их получать, хранить и удалять                                                  |                                                [Данные](./7-bank-project/3-data/README.md)                                    |          Yohan          |
-| 24  |            [Банковское приложение](./7-bank-project/solution/README.md)            |                         Концепции управления состоянием                 | Узнать, как приложение хранит состояние и как управлять им программно                                                          |                                         [Управление состоянием](./7-bank-project/4-state-management/README.md)                   |          Yohan          |
-| 25 | [Код браузера/VSCode](../../8-code-editor) | Работа с VScode | Научиться использовать редактор кода | [Использование редактора VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Ассистенты](./9-chat-project/README.md) | Работа с ИИ | Научиться создавать собственного ИИ-ассистента | [Проект AI Ассистент](./9-chat-project/README.md) | Chris |
+|     |                       Название проекта                       |                            Изучаемые концепции                            | Цели обучения                                                                                                                     |                                                         Связанный урок                                                          |         Автор          |
+| :-: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                      Начало работы                           |           Введение в программирование и инструменты профессии           | Изучить базовые основы большинства языков программирования и программы, которые помогают профессиональным разработчикам         | [Введение в языки программирования и инструменты](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)        |         Jasmine         |
+| 02  |                      Начало работы                           |             Основы GitHub, работа с командой                             | Как использовать GitHub в проекте, как сотрудничать с другими над кодом                                                           |                            [Введение в GitHub](./1-getting-started-lessons/2-github-basics/README.md)                                |          Floor          |
+| 03  |                      Начало работы                           |                             Доступность                                   | Основы веб-доступности                                                                                                            |                       [Основы доступности](./1-getting-started-lessons/3-accessibility/README.md)                                  |       Christopher       |
+| 04  |                        Основы JS                             |                          Типы данных JavaScript                          | Основы типов данных в JavaScript                                                                                                 |                                       [Типы данных](./2-js-basics/1-data-types/README.md)                                          |         Jasmine         |
+| 05  |                        Основы JS                             |                         Функции и методы                                | Узнать о функциях и методах для управления логикой приложения                                                                      |                              [Функции и методы](./2-js-basics/2-functions-methods/README.md)                                       | Jasmine и Christopher   |
+| 06  |                        Основы JS                             |                          Принятие решений в JS                          | Научиться создавать условия в коде с помощью методов принятия решений                                                             |                                 [Принятие решений](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine         |
+| 07  |                        Основы JS                             |                          Массивы и циклы                               | Работа с данными с помощью массивов и циклов в JavaScript                                                                         |                                   [Массивы и циклы](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Террариум](./3-terrarium/solution/README.md)          |                            Практика HTML                              | Создать HTML для онлайн-террариума, с акцентом на построение разметки                                                             |                                 [Введение в HTML](./3-terrarium/1-intro-to-html/README.md)                                        |           Jen           |
+| 09  |       [Террариум](./3-terrarium/solution/README.md)          |                             Практика CSS                              | Создать CSS для стилизации онлайн-террариума, включая основы CSS и адаптивную верстку                                              |                                  [Введение в CSS](./3-terrarium/2-intro-to-css/README.md)                                         |           Jen           |
+| 10  |            [Террариум](./3-terrarium/solution/README.md)            |             Замыкания JavaScript, работа с DOM                     | Написать JavaScript, чтобы сделать террариум интерфейсом drag/drop, с фокусом на замыкания и манипуляции DOM                        |                  [Замыкания и DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                                          |           Jen           |
+| 11  |          [Игра на набор текста](./4-typing-game/solution/README.md)          |                   Создание игры на набор текста                          | Научиться использовать события клавиатуры для управления логикой приложения на JavaScript                                         |                           [Программирование на событиях](./4-typing-game/typing-game/README.md)                                    |       Christopher       |
+| 12  | [Расширение для браузера Green](./5-browser-extension/solution/README.md) |                        Работа с браузерами                             | Узнать, как работают браузеры, их историю и как создать первые элементы расширения для браузера                                   |                               [О браузерах](./5-browser-extension/1-about-browsers/README.md)                                     |           Jen           |
+| 13  | [Расширение для браузера Green](./5-browser-extension/solution/README.md) |     Создание формы, вызов API и сохранение данных в локальном хранилище | Создать JavaScript компоненты расширения для вызова API с использованием переменных в локальном хранилище                        |                [API, формы и локальное хранилище](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
+| 14  | [Расширение для браузера Green](./5-browser-extension/solution/README.md) |         Фоновые процессы в браузере, производительность веба          | Использовать фоновые процессы браузера для управления иконкой расширения; изучить веб-производительность и оптимизации           |             [Фоновые задачи и производительность](./5-browser-extension/3-background-tasks-and-performance/README.md)          |           Jen           |
+| 15  |           [Космическая игра](./6-space-game/solution/README.md)           |            Продвинутая разработка игр на JavaScript                  | Узнать об наследовании с помощью классов и композиции, а также о паттерне Pub/Sub, в подготовке к созданию игры                   |                      [Введение в продвинутую разработку игр](./6-space-game/1-introduction/README.md)                             |          Chris          |
+| 16  |           [Космическая игра](./6-space-game/solution/README.md)           |                             Рисование на canvas                      | Изучить Canvas API для рисования элементов на экране                                                                              |                                [Рисование на Canvas](./6-space-game/2-drawing-to-canvas/README.md)                               |          Chris          |
+| 17  |           [Космическая игра](./6-space-game/solution/README.md)           |                      Перемещение элементов по экрану                 | Узнать, как элементы движутся с помощью декартовых координат и Canvas API                                                          |                           [Перемещение элементов](./6-space-game/3-moving-elements-around/README.md)                            |          Chris          |
+| 18  |           [Космическая игра](./6-space-game/solution/README.md)           |                      Обнаружение столкновений                        | Сделать так, чтобы элементы сталкивались и реагировали друг на друга с помощью нажатий клавиш и функции восстановления            |                              [Обнаружение столкновений](./6-space-game/4-collision-detection/README.md)                           |          Chris          |
+| 19  |           [Космическая игра](./6-space-game/solution/README.md)           |                              Ведение счета                            | Выполнять математические вычисления на основе статуса и прогресса игры                                                              |                                    [Ведение счета](./6-space-game/5-keeping-score/README.md)                                     |          Chris          |
+| 20  |           [Космическая игра](./6-space-game/solution/README.md)           |                    Завершение и перезапуск игры                       | Узнать о завершении и перезапуске игры, включая очистку ресурсов и сброс значений переменных                                         |                                [Условие завершения](./6-space-game/6-end-condition/README.md)                                    |          Chris          |
+| 21  |         [Банковское приложение](./7-bank-project/solution/README.md)          |               HTML-шаблоны и маршруты в веб-приложении              | Изучить создание основы архитектуры многстраничного сайта с использованием маршрутизации и HTML-шаблонов                        |                            [HTML-шаблоны и маршруты](./7-bank-project/1-template-route/README.md)                              |          Yohan          |
+| 22  |         [Банковское приложение](./7-bank-project/solution/README.md)          |                  Создание форм входа и регистрации                 | Изучить создание форм и обработку валидации                                                                                      |                                           [Формы](./7-bank-project/2-forms/README.md)                                          |          Yohan          |
+| 23  |         [Банковское приложение](./7-bank-project/solution/README.md)          |                  Методы получения и использования данных           | Понять, как данные приходят в приложение и выходят из него, как их получать, хранить и удалять                                    |                                            [Данные](./7-bank-project/3-data/README.md)                                          |          Yohan          |
+| 24  |         [Банковское приложение](./7-bank-project/solution/README.md)          |                       Концепции управления состоянием              | Изучить, как приложение сохраняет состояние и как управлять им программно                                                        |                                [Управление состоянием](./7-bank-project/4-state-management/README.md)                            |          Yohan          |
+| 25 | [Код для браузера/VScode](../../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 ассистента](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Педагогика
 
 Наша учебная программа разработана с учётом двух ключевых педагогических принципов:
-* обучение через проекты
+* обучение на основе проектов
 * частые квизы
 
-Программа обучает основам JavaScript, HTML и CSS, а также современным инструментам и методам, используемым современными веб-разработчиками. Студенты получат возможность получить практический опыт, создавая игру на набор текста, виртуальный террариум, экологичное расширение для браузера, игру в стиле космических захватчиков и банковское приложение для бизнеса. К концу серии студенты приобретут прочное понимание веб-разработки.
+Программа обучает основам JavaScript, HTML и CSS, а также последним инструментам и методикам, используемым современными веб-разработчиками. Студенты получат возможность получить практический опыт, создавая игру на набор текста, виртуальный террариум, экологичное расширение для браузера, игру в стиле space-invader и банковское приложение для бизнеса. К концу курса студенты будут уверенно владеть основами веб-разработки.
 
-> 🎓 Вы можете пройти первые несколько уроков этой программы как [Обучающий путь](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) на Microsoft Learn!
 
-Обеспечение соответствия содержания проектам делает процесс более увлекательным для студентов и способствует лучшему усвоению концепций. Мы также написали несколько вводных уроков по основам JavaScript с видео из серии "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", авторы которых внесли вклад в эту программу.
+Обеспечивая соответствие содержимого проектам, процесс становится более увлекательным для студентов, а усвоение концепций усиливается. Мы также подготовили несколько вводных уроков по основам JavaScript, сопровождаемых видео из серии "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", авторы которых частично участвовали в создании этой программы.
 
-Кроме того, небольшой квиз перед занятием задаёт настрой учащегося на изучение темы, а второй квиз после класса обеспечивает лучшее закрепление материала. Эта учебная программа разработана быть гибкой и интересной, её можно пройти полностью или частично. Проекты начинаются с простых и усложняются к концу 12-недельного цикла.
+Кроме того, низкоценностный квиз перед занятием задаёт студенту намерение изучать тему, а второй квиз после занятия способствует дальнейшему запоминанию. Эта программа была разработана, чтобы быть гибкой и увлекательной и может проходиться целиком или частично. Проекты начинаются с малого и становятся всё более сложными к концу 12-недельного цикла.
 
-Хотя мы сознательно избегали внедрения JavaScript-фреймворков, чтобы сосредоточиться на базовых навыках веб-разработчика перед изучением фреймворков, хорошим следующим шагом после этой программы будет изучение Node.js через другую видеосерию: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Хотя мы сознательно избегали введения 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.md) и [Как внести вклад](CONTRIBUTING.md). Мы рады вашим конструктивным отзывам!
+> Посетите наши руководства [Кодекс поведения](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: `localhost:3000`.
 
 ## 📘 PDF
-
-PDF со всеми уроками доступен [здесь](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+PDF со всеми уроками можно найти [здесь](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Другие курсы
-Наша команда выпускает и другие курсы! Посмотрите:
+
+Наша команда выпускает и другие курсы! Ознакомьтесь:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -216,7 +225,7 @@ PDF со всеми уроками доступен [здесь](https://microso
 [![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)
@@ -232,7 +241,7 @@ PDF со всеми уроками доступен [здесь](https://microso
 
 ---
  
-### Основы обучения
+### Базовое обучение
 [![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)
@@ -251,7 +260,7 @@ PDF со всеми уроками доступен [здесь](https://microso
 
 ## Получение помощи
 
-Если вы застряли или у вас есть вопросы по созданию ИИ-приложений, присоединяйтесь к другим учащимся и опытным разработчикам в обсуждениях на тему MCP. Это поддерживающее сообщество, где вопросы приветствуются, а знания свободно распространяются.
+Если вы застряли или у вас есть вопросы по созданию AI-приложений, присоединяйтесь к обсуждениям вместе с другими учащимися и опытными разработчиками о MCP. Это поддерживающее сообщество, где приветствуются вопросы и свободно делятся знаниями.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
@@ -261,11 +270,11 @@ PDF со всеми уроками доступен [здесь](https://microso
 
 ## Лицензия
 
-Этот репозиторий лицензирован по лицензии MIT. Дополнительную информацию смотрите в файле [LICENSE](../../LICENSE).
+Этот репозиторий лицензирован по лицензии MIT. Подробнее см. в файле [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Отказ от ответственности**:  
-Данный документ был переведен с помощью автоматического сервиса перевода искусственного интеллекта [Co-op Translator](https://github.com/Azure/co-op-translator). Несмотря на наши усилия по обеспечению точности, имейте в виду, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на его исходном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется обращаться к профессиональному переводчику. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.
+Этот документ был переведен с помощью автоматического сервиса перевода [Co-op Translator](https://github.com/Azure/co-op-translator). Несмотря на наши усилия обеспечить точность, имейте в виду, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на языке оригинала следует считать главным и официальным источником. Для получения критически важной информации рекомендуется обращаться к профессиональному человеческому переводу. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sk/.co-op-translator.json b/translations/sk/.co-op-translator.json
index a98ea30a9..f0f811c9a 100644
--- a/translations/sk/.co-op-translator.json
+++ b/translations/sk/.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-07T05:15:33+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:15:58+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "sk"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:19:51+00:00",
+    "translation_date": "2026-03-06T13:31:42+00:00",
     "source_file": "AGENTS.md",
     "language_code": "sk"
   },
@@ -516,8 +516,8 @@
     "language_code": "sk"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:15:16+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:12:17+00:00",
     "source_file": "README.md",
     "language_code": "sk"
   },
diff --git a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 6d288d6c0..55ac9138d 100644
--- a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,116 +1,116 @@
-# Úvod do programovacích jazykov a moderných nástrojov pre vývojárov
+# Úvod do programovacích jazykov a moderných vývojárskych nástrojov
+ 
+Ahoj, budúci vývojár! 👋 Môžem ti povedať niečo, čo mi každý deň spôsobuje zimomriavky? Chystáš sa objaviť, že programovanie nie je len o počítačoch – je to o skutočných super schopnostiach prebudiť tvoje najdivokejšie nápady k životu!
 
-Ahoj, budúci vývojár! 👋 Môžem ti povedať niečo, čo mi stále dvíha zimomriavky každý jeden deň? Práve sa chystáš objaviť, že programovanie nie je len o počítačoch – je to o tom, mať skutočné supermocnosti, aby si oživil svoje najdivokejšie nápady!
+Vieš ten moment, keď používaš svoju obľúbenú aplikáciu a všetko na seba dokonale nadväzuje? Keď klikneš na tlačidlo a stane sa niečo úplne magické, čo ťa donúti povedať „wau, ako TO urobili?“ Nuž, niekto presne ako ty – pravdepodobne sediaci vo svojej obľúbenej kaviarni o druhej ráno pri treťom espresse – napísal kód, ktorý túto mágiu vytvoril. A tu je niečo, čo ťa úplne ohromí: na konci tejto lekcie nielen pochopíš, ako to urobili, ale budeš sa veľmi chcieť do toho pustiť sám!
 
-Poznáš ten moment, keď používaš svoju obľúbenú aplikáciu a všetko jednoducho dohromady perfektne sedí? Keď klikneš na tlačidlo a stane sa niečo absolútne magické, čo ťa donúti povedať „wow, ako to urobili?“ No, niekto presne ako ty – pravdepodobne sediaci vo svojej obľúbenej kaviarni o 2 ráno s tretím espresom – napísal kód, ktorý vytvoril túto mágiu. A tu je niečo, čo ti vyrazí dych: na konci tejto lekcie nielenže pochopíš, ako to urobili, ale budeš mať obrovskú chuť to vyskúšať sám!
+Pozri, úplne chápem, ak sa ti programovanie teraz zdá zastrašujúce. Keď som začínal, úprimne som si myslel, že musíš byť nejaký matematik génius alebo kódovať od svojich piatich rokov. Ale toto mi úplne zmenilo pohľad: programovanie je presne ako učenie sa viesť rozhovory v novom jazyku. Začínaš s „ahoj“ a „ďakujem“, potom si objednáš kávu a skôr než sa spamätáš, vedieš hlboké filozofické diskusie! Lenže v tomto prípade vedieš rozhovory s počítačmi, a úprimne? Sú to najtrpezlivejší partneri na rozhovor, akých kedy stretneš – nikdy ti nevyčítajú chyby a vždy majú radosť skúsiť to znova!
 
-Pozri, úplne chápem, ak sa ti programovanie teraz zdá zastrašujúce. Keď som začínal ja, úprimne som si myslel, že musíš byť nejaký matematik-genius alebo programovať od svojich piatich rokov. Ale toto mi úplne zmenilo pohľad: programovanie je presne ako naučiť sa viesť rozhovory v novom jazyku. Začneš „ahoj“ a „ďakujem,“ potom si objednáš kávu a skôr ako sa nadáš, vedieš hlboké filozofické debaty! Lenže v tomto prípade vedieš rozhovor s počítačmi a úprimne? Sú to najtrpezlivejší partneri na rozhovor, akých kedy budeš mať – nikdy neodsudzujú tvoje chyby a vždy sa tešia, že môžu skúsiť znova!
-
-Dnes preskúmame úžasné nástroje, ktoré robia moderný webový vývoj nielen možným, ale aj vážne návykovým. Hovorím o presne tých editorech, prehliadačoch a pracovných postupoch, ktoré denno-denne používajú vývojári v Netflixe, Spotify a tvojej obľúbenej indie app štúdiu. A tu je časť, ktorá ťa rozveselí: väčšina týchto profesionálnych, priemyselných nástrojov je úplne zadarmo!
+Dnes si preskúmame neuveriteľné nástroje, ktoré robia moderný vývoj webu nielen možným, ale doslova návykovým. Hovorím o rovnakých editoroch, prehliadačoch a pracovných postupoch, ktoré používajú vývojári v Netflixe, Spotify a tvojom obľúbenom indie štúdiu každý deň. A tu je časť, čo ťa rozveselí: väčšina z týchto profesionálnych, priemyselných štandardných nástrojov je úplne zadarmo!
 
 ![Intro Programming](../../../../translated_images/sk/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Vaša programátorská cesta dnes
+    title Vaša dnešná cesta programovaním
     section Objavovanie
       Čo je programovanie: 5: You
       Programovacie jazyky: 4: You
       Prehľad nástrojov: 5: You
     section Preskúmanie
       Editory kódu: 4: You
-      Prehliadače a vývojárske nástroje: 5: You
+      Prehliadače a DevTools: 5: You
       Príkazový riadok: 3: You
-    section Precvičovanie
+    section Prax
       Jazykový detektív: 4: You
       Preskúmanie nástrojov: 5: You
       Spojenie s komunitou: 5: You
 ```
 ## Poďme sa pozrieť, čo už vieš!
 
-Predtým, než skočíme do zábavy, som zvedavý – čo už vieš o tomto programátorskom svete? A pozri, ak sa na tieto otázky pozeráš a myslíš si „takmer nič o tom neviem,“ to je nielen v poriadku, je to perfektné! Znamená to, že si na presne správnom mieste. Predstav si tento kvíz ako rozcvičku pred tréningom – len zahrejeme tie mozgové svaly!
+Predtým než sa pustíme do zábavy, som zvedavý – čo už vieš o tomto svete programovania? A počúvaj, ak sa pozeráš na tieto otázky a myslíš si „o tom nič netuším,“ to nie je len v poriadku, to je perfektné! To znamená, že si presne tam, kde máš byť. Predstav si tento kvíz ako rozcvičku pred tréningom – len zahrievame tie mozgové svaly!
 
-[Vykonaj predbežný kvíz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Zúčastni sa prednáškového kvízu](https://ff-quizzes.netlify.app/web/)
 
 
 ## Dobrodružstvo, na ktoré sa spolu vydáme
 
-Dobre, naozaj skáčem od nadšenia z toho, čo dnes preskúmame! Fakt, prajem si vidieť tvoju tvár, keď ti niektoré z týchto konceptov do seba zapadnú. Toto je neuveriteľná cesta, ktorou spolu pôjdeme:
+Dobre, som naozaj nadšený z toho, čo dnes preskúmame! Úprimne, prial by som si vidieť tvoj výraz, keď ti niektoré z týchto konceptov zaklikajú. Tu je úžasná cesta, na ktorú sa spolu vydávame:
 
-- **Čo programovanie vlastne je (a prečo je to najcoolovejšia vec vôbec!)** – Objavíme, ako je kód doslova neviditeľná mágia, ktorá poháňa všetko okolo teba, od toho budíka, ktorý nejako vie, že je pondelok ráno, po algoritmus, ktorý dokonale kurátorsky zoraďuje tvoje odporúčania na Netflixe
-- **Programovacie jazyky a ich úžasné osobnosti** – Predstav si párty, kde každý človek má úplne iné supermocnosti a spôsoby riešenia problémov. Taký je svet programovacích jazykov a ty si ich zamiluješ!
-- **Základné stavebné kamene, ktoré umožňujú digitálnu mágiu** – Predstav si ich ako ultimátnu kreatívnu LEGO stavebnicu. Keď pochopíš, ako tieto kúsky do seba zapadajú, uvedomíš si, že doslova môžeš postaviť čokoľvek, čo si tvoja predstavivosť vysníva
-- **Profesionálne nástroje, ktoré ťa budú cítiť ako keby ti práve predali čarodejnícku paličku** – Nie som dramatický – tieto nástroje ťa naozaj presvedčia, že máš supermocnosti, a najlepšie na tom je to, že sú to tie isté nástroje, ktoré používajú profesionáli!
+- **Čo je programovanie vlastne (a prečo je to najúžasnejšia vec vôbec!)** – Objavíme, ako je kód doslova neviditeľná mágia poháňajúca všetko okolo teba, od budíka, ktorý nejako vie, že je pondelok ráno, až po algoritmus, ktorý dokonale vyberá tvoje odporúčania na Netflixe
+- **Programovacie jazyky a ich úžasné osobnosti** – Predstav si, že vstúpiš na párty, kde má každý úplne iné super schopnosti a spôsoby riešenia problémov. Taký je svet programovacích jazykov a budeš ich mať rád!
+- **Základné stavebné kocky, ktoré vytvárajú digitálnu mágiu** – Predstav si ich ako ultimátnu kreatívnu LEGO sadu. Keď pochopíš, ako sa tieto kúsky skladajú dohromady, uvedomíš si, že môžeš postaviť hocičo, na čo si len pomyslíš
+- **Profesionálne nástroje, ktoré ťa prinútia cítiť sa, akoby si dostal čarodejnícku paličku** – Nie som dramatický – tieto nástroje ťa skutočne budú nútiť cítiť sa ako keby si mal super schopnosti, a čo je najlepšie? Sú to tie isté, ktoré používajú profesionáli!
 
-> 💡 **Tu je vec**: Dnes sa nesnaž snažiť si všetko pamätať! Teraz chcem, aby si pocítil iskru nadšenia z toho, čo je možné. Detaily si prirodzene zapamätáš, keď si to spolu vyskúšame – takto sa skutočne učíme!
+> 💡 **Tu je vec:** Nesnaž sa dnes všetko naučiť naspamäť! Teraz chcem len, aby si pocítil iskru nadšenia z toho, čo je možné. Detaily si zapamätáš prirodzene, ako budeme spoločne cvičiť – takto prebieha skutočné učenie!
 
-> Túto lekciu môžeš absolvovať na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Túto lekciu môžeš absolvovať aj na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Čo teda vlastne *je* programovanie?
+## Čo vlastne programovanie *je*?
 
-Dobre, pustime sa do miliónovej otázky: čo vlastne programovanie je?
+Dobre, poďme vyriešiť otázku za milión dolárov: čo je programovanie naozaj?
 
-Dám ti príbeh, ktorý úplne zmenil môj pohľad na to. Minulý týždeň som skúšal vysvetliť mame, ako používať náš nový ovládač na smart TV. Chytil som sa, že hovorím veci ako „Stlač červené tlačidlo, ale nie veľké červené, malé červené naľavo... nie, tvoje druhé ľavé... dobre, teraz podrž dve sekundy, nie jednu, nie tri...“ Znie to povedome? 😅
+Poviem ti príbeh, ktorý úplne zmenil môj pohľad na to. Minulý týždeň som sa snažil vysvetliť mame, ako používať náš nový diaľkový ovládač k smart TV. Zachytil som sa, že hovorím veci ako „Stlač červené tlačidlo, ale nie veľké červené, malé červené naľavo... nie, tvoj druhý ľavý... dobre, teraz drž dve sekundy, nie jednu, nie tri...“ Znie to povedome? 😅
 
-To je programovanie! Je to umenie dávať neuveriteľne detailné, krok za krokom pokyny niečomu, čo je veľmi mocné, ale potrebuje, aby bolo všetko presne vysvetlené. Lenže namiesto toho, aby si vysvetľoval mame (ktorá sa môže opýtať „ktoré červené tlačidlo?!“), hovoríš počítaču (ktorý presne urobí, čo povieš, aj keď to nie je úplne to, čo si myslel).
+To je programovanie! Je to umenie dávať neuveriteľne podrobné, krok za krokom inštrukcie niečomu, čo je veľmi výkonné, ale potrebuje, aby bolo všetko dokonale vysvetlené. Lenže namiesto vysvetľovania mame (ktorá sa môže opýtať „ktoré červené tlačidlo?!“) vysvetľuješ počítaču (ktorý presne robí to, čo povieš, aj keď to nie je presne to, čo si myslel).
 
-Tu mi rozum vyletel, keď som sa to prvýkrát naučil: počítače sú vlastne dosť jednoduché vo svojom základe. Rozumejú doslova len dvom veciam – 1 a 0, čo je v podstate len „áno“ a „nie“ alebo „zapnuté“ a „vypnuté.“ To je všetko! Ale tu prichádza tá mágia – nemusíme hovoriť v 1 a 0 ako v Matrixe. Prichádzajú na pomoc **programovacie jazyky**. Sú ako mať najlepšieho prekladateľa na svete, ktorý vezme tvoje úplne normálne ľudské myšlienky a premení ich do počítačového jazyka.
+Tu ma úplne ohromilo, keď som sa to prvýkrát naučil: počítače sú v podstate veľmi jednoduché. Rozumejú len dvom veciam – 1 a 0, čo je v podstate „áno“ a „nie“ alebo „zapnuté“ a „vypnuté.“ To je všetko! Ale tu prichádza mágia – nemáme hovoriť v 1 a 0 ako vo filme Matrix. Preto prichádzajú na scénu **programovacie jazyky**. Sú ako najlepší prekladateľ na svete, ktorý prekladá tvoje úplne normálne ľudské myšlienky do jazyka počítača.
 
-A toto mi stále každý deň ráno dvíha zimomriavky: doslova *všetko* digitálne vo tvojom živote začalo u niekoho ako si ty, pravdepodobne sediaceho v pyžame s šálkou kávy a píšuceho kód na svojom notebooku. Ten Instagramový filter, ktorý ťa robí dokonalým? Niektorý niekto to naprogramoval. Odporúčanie, ktoré ťa dovedie k tvojej novej obľúbenej pesničke? Developer vytvoril tento algoritmus. Aplikácia, ktorá ti pomáha rozdeliť účet za večeru s kamarátmi? Áno, niekto si povedal „toto je otravné, to by som mohol opraviť“ a potom... to spravil!
+A toto mi stále každé ráno spôsobuje zimomriavky: doslova *všetko* digitálne vo tvojom živote začalo u niekoho ako ty, pravdepodobne sediaceho v pyžame s pohárom kávy, píšuceho kód na svojom laptope. Ten Instagram filter, čo ťa robí dokonalým? Niektorý niekto ho naprogramoval. Odporúčanie, ktoré ťa priviedlo k novej obľúbenej pesničke? Developer vytvoril ten algoritmus. Aplikácia, ktorá ti pomáha medziľudsky rozdeliť účty za večeru? Áno, niekto si povedal „to je otravné, ja to spravím lepšie“ a potom... to spravil!
 
-Keď sa naučíš programovať, nezískavaš len novú zručnosť – stávaš sa súčasťou tejto neuveriteľnej komunity riešiteľov problémov, ktorí trávia dni premýšľaním, „Čo keby som mohol vytvoriť niečo, čo niekomu spraví deň o niečo lepším?“ Úprimne, je niečo krajšie?
+Keď sa naučíš programovať, neosvojíš si len novú zručnosť – staneš sa súčasťou úžasnej komunity riešiteľov problémov, ktorí trávia dni tým, že rozmýšľajú: „Čo keby som mohol vytvoriť niečo, čo niekomu trochu zlepší deň?“ Úprimne, je niečo lepšie?
 
-✅ **Zábavná úloha**: Tu je niečo super zaujímavé, čo si môžeš vyhľadať, keď budeš mať chvíľu voľna – kto myslíš, že bol prvým programátorom na svete? Dám ti nápovedu: možno to nie je ten, koho očakávaš! Príbeh tejto osoby je absolútne fascinujúci a ukazuje, že programovanie bolo vždy o kreatívnom riešení problémov a myslení „mimo rámca“.
+✅ **Zábavný fakt:** Tu je niečo super na vyhľadanie, keď budeš mať chvíľku voľna – kto podľa teba bol prvý programátor na svete? Dám ti nápovedu: možno to nie je ten, koho očakávaš! Príbeh tejto osoby je úplne fascinujúci a ukazuje, že programovanie vždy znamenalo kreatívne riešenie problémov a myslenie mimo štandardných rámcov.
 
-### 🧠 **Skontroluj sa: Ako sa cítiš?**
+### 🧠 **Kontrola: Ako sa cítiš?**
 
-**Vezmi si chvíľku na zamyslenie:**
-- Má teraz zmysel predstava „dávať pokyny počítačom“?
-- Vieš si predstaviť nejaký bežný úkon, ktorý by si chcel automatizovať programovaním?
-- Aké otázky ti prichádzajú na um o celom tom programovaní?
+**Zastav sa na chvíľu a zamysli sa:**
+- Dá ti teraz zmysel idea „dávať inštrukcie počítačom“?
+- Vieš si predstaviť nejakú každodennú úlohu, ktorú by si chcel programovaním automatizovať?
+- Aké otázky ti behajú hlavou ohľadom celého programovania?
 
-> **Pamätaj**: Je úplne normálne, ak ti niektoré koncepty teraz prídu zahmlené. Učenie programovania je ako učenie sa nového jazyka – mozog potrebuje čas, aby vybudoval tie neurónové spojenia. Robíš to skvele!
+> **Pamätaj:** Je úplne normálne, ak sa ti niektoré koncepty zdajú teraz nejasné. Učenie sa programovania je ako učenie nového jazyka – tvoj mozog si musí vytvoriť nové neurónové spoje. Robíš to super!
 
-## Programovacie jazyky sú ako rôzne druhy mágie
+## Programovacie jazyky sú ako rôzne chute mágie
 
-Dobre, toto bude znieť divne, ale drž sa ma – programovacie jazyky sú veľmi podobné rôznym typom hudby. Predstav si: máš jazz, ktorý je hladký a improvizačný, rock, ktorý je silný a priamy, klasiku, ktorá je elegantná a štruktúrovaná, a hip-hop, ktorý je kreatívny a expresívny. Každý štýl má svoju atmosféru, svoju komunitu zanietených fanúšikov a každý je perfektný na iné nálady a príležitosti.
+Dobre, toto bude znieť čudne, ale vydrž so mnou – programovacie jazyky sú veľmi podobné rôznym druhom hudby. Premysli si to: máš jazz, ktorý je hladký a improvizačný, rock, čo je silný a priamočiary, klasickú hudbu, ktorá je elegantná a štruktúrovaná, a hip-hop, čo je kreatívny a expresívny. Každý štýl má svoju atmosféru, svoju komunitu zapálených fanúšikov a každý je perfektný na rôzne nálady a príležitosti.
 
-Programovacie jazyky fungujú úplne rovnako! Nepoužil by si rovnaký jazyk na vytvorenie zábavnej mobilnej hry ako na spracovanie obrovského množstva dát o klíme, rovnako ako by si na jogu nehral death metal (no, aspoň tie väčšie jogové hodiny nie! 😄).
+Programovacie jazyky fungujú úplne rovnako! Nepoužil by si ten istý jazyk na vytvorenie zábavnej mobilnej hry, aký by si použil na spracovanie obrovského množstva klimatických dát, rovnako ako by si nehral death metal na jogovej hodine (no, aspoň na väčšine jogových hodín 😄).
 
-Ale toto mi stále vyrazí dych zakaždým, keď na to myslím: tieto jazyky sú ako mať najtrpezlivejšieho a najbystrejšieho tlmočníka na svete sedieť priamo vedľa teba. Môžeš vyjadriť svoje myšlienky spôsobom, ktorý je tvojmu ľudskému mozgu prirodzený a on zvládne všetku neuveriteľne zložitú prácu prevodu do 1 a 0, ktorými počítače skutočne hovoria. Je to ako mať priateľa, ktorý je dokonale plynulý v „ľudskej kreativite“ aj „logike počítača“ – a nikdy sa neunaví, nikdy nepotrebuje prestávky na kávu a nikdy ťa nezačne súdiť, keď sa spýtaš tu istú otázku dvakrát!
+Ale tu je niečo, čo ma zakaždým úplne dostane: tieto jazyky sú ako mať najtrpezlivejšieho, najbystrejšieho tlmočníka sveta sedieť hneď vedľa teba. Môžeš vyjadriť svoje myšlienky spôsobom, ktorý je pre tvoj ľudský mozog prirodzený, a oni zvládnu všetko neuveriteľne zložité preložiť do 1 a 0, ktorým počítače naozaj rozumejú. Je to ako mať priateľa, ktorý je dokonale plynulý v „ľudskej tvorivosti“ aj „počítačovej logike“ – a nikdy nie je unavený, nikdy nepotrebuje pauzu na kávu a nikdy ti nevyčíta, že sa pýtaš na to isté dvakrát!
 
-### Populárne programovacie jazyky a ich využitie
+### Populárne programovacie jazyky a ich použitie
 
 ```mermaid
 mindmap
   root((Programovacie jazyky))
-    Webový vývoj
+    Web Development
       JavaScript
         Frontendová mágia
-        Interaktívne webstránky
+        Interaktívne webové stránky
       TypeScript
-        JavaScript + typy
+        JavaScript + Typy
         Podnikové aplikácie
-    Dáta a AI
+    Data & AI
       Python
-        Dáta a veda
+        Dátová veda
         Strojové učenie
         Automatizácia
       R
         Štatistika
         Výskum
-    Mobilné aplikácie
+    Mobile Apps
       Java
         Android
-        Podnikový
+        Podnikové
       Swift
         iOS
         Apple ekosystém
       Kotlin
         Moderný Android
         Multiplatformový
-    Systémy a výkon
+    Systems & Performance
       C++
         Hry
         Výkonovo kritické
@@ -118,44 +118,44 @@ mindmap
         Bezpečnosť pamäte
         Systémové programovanie
       Go
-        Cloud služby
+        Cloudové služby
         Škálovateľný backend
 ```
 | Jazyk | Najlepšie pre | Prečo je populárny |
 |----------|----------|------------------|
-| **JavaScript** | Webový vývoj, používateľské rozhrania | Beží v prehliadačoch a poháňa interaktívne webové stránky |
-| **Python** | Dáta, automatizácia, AI | Ľahko sa číta a učí, výkonné knižnice |
+| **JavaScript** | Vývoj webu, používateľské rozhrania | Beží v prehliadačoch a poháňa interaktívne weby |
+| **Python** | Dáta, automatizácia, AI | Ľahko čitateľný a naučiteľný, silné knižnice |
 | **Java** | Podnikové aplikácie, Android aplikácie | Nezávislý na platforme, robustný pre veľké systémy |
 | **C#** | Windows aplikácie, vývoj hier | Silná podpora Microsoft ekosystému |
-| **Go** | Cloudové služby, backend systémy | Rýchly, jednoduchý, navrhnutý pre moderné počítanie |
+| **Go** | Cloudové služby, backend systémy | Rýchly, jednoduchý, navrhnutý pre moderné výpočty |
 
-### Vysokoúrovňové vs. nízkoúrovňové jazyky
+### Jazyky na vysokej úrovni vs. nízkej úrovni
 
-Dobre, toto bola úprimne tá idea, ktorá mi pri učení prvýkrát úplne zrušila mozog, tak ti podelím sa o analógiu, ktorá mi to konečne vysvetlila – a naozaj dúfam, že pomôže aj tebe!
+Dobre, toto bola úprimne koncepcia, ktorá mi keď som začínal, úplne rozsypala mozog, tak sa podelím o analógiu, ktorá mi to konečne vysvetlila – a dúfam, že pomôže aj tebe!
 
-Predstav si, že cestuješ do krajiny, kde nehovoríš miestnym jazykom a zúfalo potrebuješ nájsť najbližšie WC (všetci sme tam už boli, však? 😅):
+Predstav si, že navštíviš krajinu, kde nehovoríš jazykom a zúfalo potrebuješ nájsť najbližšie WC (všetci sme tam už boli, že? 😅):
 
-- **Nízkoúrovňové programovanie** je ako tak dobre sa naučiť miestny dialekt, že môžeš rozprávať so starou mamou predávajúcou ovocie na rohu, používajúc kultúrne odkazy, miestny slang a vnútorné vtipy, ktoré pochopí len niekto, kto tam vyrastal. Super impresívne a neuveriteľne efektívne... ak náhodou vieš plynule! Ale dosť mätúce, keď len chceš nájsť WC.
+- **Programovanie nízkej úrovne** je ako naučiť sa miestny dialekt tak dobre, aby si mohol rozprávať s babičkou predávajúcou ovocie na rohu, používať kultúrne odkazy, miestne slangy a vnútorné vtipy, ktoré rozumie len niekto, kto tam vyrastal. Super pôsobivé a veľmi efektívne... keď vieš plynule hovoriť! Ale dosť náročné, keď sa iba snažíš nájsť WC.
 
-- **Vysokoúrovňové programovanie** je ako mať úžasného miestneho kamoša, ktorý ťa dokonale chápe. Môžeš povedať „Naozaj potrebujem nájsť toaletu“ v jednoduchom angličtine a on vyrieši všetky kultúrne rozdiely a dá ti presné, zrozumiteľné smerovanie.
+- **Programovanie vysokej úrovne** je ako mať úžasného miestneho kamaráta, ktorý ťa jednoducho chápe. Povieš „Naozaj potrebujem nájsť toaletu“ v obyčajnej angličtine a on spraví celý kultúrny preklad a dá ti presné smerovanie, ktoré tvoj ne-miestoverständlich mozog pochopí.
 
-V programátorských termínoch:
-- **Nízkoúrovňové jazyky** (ako Assembly alebo C) ti umožnujú mať neuveriteľne detailné rozhovory s priamo hardvérom počítača, ale musíš myslieť ako stroj, čo je... no, povedzme, že to je veľký mentálny presun!
-- **Vysokoúrovňové jazyky** (ako JavaScript, Python alebo C#) ti umožňujú myslieť ako človek, zatiaľ čo ony sa starajú o všetký strojový jazyk v pozadí. Plus majú neuveriteľne priateľské komunity plné ľudí, ktorí nezabudli, aké je to byť nováčikom a naozaj chcú pomôcť!
+V programovaní platí:
+- **Jazyky nízkej úrovne** (ako Assembly alebo C) ti umožňujú viesť neuveriteľne podrobné rozhovory so skutočným hardvérom počítača, ale musíš myslieť ako stroj, čo je... povedzme veľký mentálny presun!
+- **Jazyky vysokej úrovne** (ako JavaScript, Python alebo C#) ti umožňujú myslieť ako človek, zatiaľ čo oni zvládajú všetku strojnú reč v pozadí. Plus majú neuveriteľne priateľské komunity plné ľudí, ktorí si pamätajú, aké to bolo byť nováčikom a skutočne chcú pomôcť!
 
-Tipni si, ktoré ti navrhnem na začiatok? 😉 Vysokoúrovňové jazyky sú ako pomocné kolieska, ktoré vlastne nikdy nechceš dať dole, pretože ti robia celý zážitok oveľa príjemnejším!
+Tipneš si, s ktorými jazykmi ti navrhnem začať? 😉 Jazyky vysokej úrovne sú ako tréningové kolieska, ktoré nikdy vlastne nechceš odložiť, pretože celý zážitok robia oveľa príjemnejším!
 
 ```mermaid
 flowchart TB
     A["👤 Ľudská myšlienka:<br/>'Chcem vypočítať Fibonacciho čísla'"] --> B{Vyberte úroveň jazyka}
     
-    B -->|Vysoká úroveň| C["🌟 JavaScript/Python<br/>Jednoduché na čítanie a písanie"]
-    B -->|Nízka úroveň| D["⚙️ Assembler/C<br/>Priama kontrola hardvéru"]
+    B -->|Vysoká úroveň| C["🌟 JavaScript/Python<br/>Ľahko čitateľné a píšiteľné"]
+    B -->|Nízka úroveň| D["⚙️ Assembly/C<br/>Priama kontrola hardvéru"]
     
     C --> E["📝 Napísať: fibonacci(10)"]
     D --> F["📝 Napísať: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Počítačové porozumenie:<br/>Prekladač zvláda zložitosť"]
+    E --> G["🤖 Porozumenie počítača:<br/>Prekladač zvláda zložitosť"]
     F --> G
     
     G --> H["💻 Rovnaký výsledok:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Ukážem ti, prečo sú vysokoúrovňové jazyky oveľa priateľskejšie
+### Ukážem ti prečo sú jazyky vysokej úrovne také priateľské
 
-Dobre, chystám sa ti ukázať niečo, čo dokonale ilustruje, prečo som sa zamiloval do vysokoúrovňových jazykov, ale najprv – sľúb mi niečo. Keď uvidíš prvý príklad kódu, nezľakni sa! Má vyzerať trochu zastrašujúco. Práve o to ide!
+Dobre, chystám sa ti ukázať niečo, čo dokonale ilustruje, prečo som sa zamiloval do jazykov vysokej úrovne, ale najskôr – sľúb mi niečo. Keď uvidíš prvý kód, nepanikár! Má vyzerať zastrašujúco. Presne o tom hovorím!
 
-Pozrieme sa na rovnakú úlohu napísanú v dvoch úplne odlišných štýloch. Oba vytvárajú takzvanú Fibonacciho postupnosť – krásny matematický vzor, kde každé číslo je súčtom predchádzajúcich dvoch: 0, 1, 1, 2, 3, 5, 8, 13... (Zábavný fakt: tento vzor nájdeš doslova všade v prírode – špirály slnečnicových semien, vzory šišiek, dokonca aj tvarovanie galaxií!)
+Pozrieme sa na úplne rovnaký úkol napísaný v dvoch úplne odlišných štýloch. Oba vytvárajú tzv. Fibonacciho postupnosť – je to krásny matematický vzorec, kde každé číslo je súčtom dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8, 13... (Zábavný fakt: tento vzorec nájdeš doslova všade v prírode – špirály slnečnicových semien, vzory šišiek, dokonca formovanie galaxií!)
 
 Pripravený vidieť rozdiel? Poďme na to!
 
-**Vysokoúrovňový jazyk (JavaScript) – Ľudsky priateľský:**
+**Jazyk vysokej úrovne (JavaScript) – priateľský pre ľudí:**
 
 ```javascript
-// Krok 1: Základné nastavenie Fibonacciho posloupnosti
+// Krok 1: Základné nastavenie Fibonacciho</code>
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,11 +183,11 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Tento kód robí toto:**
-- **Deklaruje** konštantu, ktorá špecifikuje, koľko Fibonacciho čísel chceme vygenerovať
-- **Inicializuje** dve premenné na sledovanie aktuálneho a nasledujúceho čísla v postupnosti
-- **Nastaví** počiatočné hodnoty (0 a 1), ktoré definujú Fibonacciho vzor
-- **Zobrazí** hlavičkovú správu na označenie nášho výstupu
+**Čo tento kód robí:**
+- **Deklaruje** konštantu na určenie, koľko Fibonacciho čísel chceme vytvoriť
+- **Inicializuje** dve premenné, ktoré sledujú aktuálne a nasledujúce číslo v postupnosti
+- **Nastaví** počiatočné hodnoty (0 a 1), ktoré definujú Fibonacciho vzorec
+- **Zobrazí** hlavičkovú správu pre identifikáciu výstupu
 
 ```javascript
 // Krok 2: Vygenerujte postupnosť pomocou slučky
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Rozklad toho, čo sa tu deje:**
-- **Prechádza** každý index v postupnosti pomocou cyklu `for`
-- **Zobrazuje** každé číslo s jeho pozíciou pomocou formátovania šablónového reťazca
-- **Vypočíta** ďalšie Fibonacciho číslo pridaním aktuálnych a nasledujúcich hodnôt
-- **Aktualizuje** sledovacie premenné pre ďalšiu iteráciu
+**Čo sa tu deje po krokoch:**
+- **Prejde** každý prvok postupnosti pomocou cyklu `for`
+- **Zobrazí** každé číslo s jeho pozíciou pomocou formátovania textového reťazca
+- **Vypočíta** ďalšie Fibonacciho číslo sčítaním aktuálneho a nasledujúceho
+- **Aktualizuje** premenné sledovania, aby prešiel na ďalšiu iteráciu
 
 ```javascript
 // Krok 3: Moderný funkčný prístup
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**V uvedenom kóde sme:**
+**V tomto kóde sme:**
 - **Vytvorili** znovupoužiteľnú funkciu pomocou modernej syntaxe šípky
 - **Vytvorili** pole na uloženie celej postupnosti namiesto zobrazenia po jednom
 - **Použili** indexovanie poľa na výpočet každého nového čísla z predchádzajúcich hodnôt
-- **Vrátili** kompletnú postupnosť na flexibilné použitie v iných častiach nášho programu
+- **Vracia** celú postupnosť pre flexibilné použitie v iných častiach programu
 
-**Nízkoúrovňový jazyk (ARM Assembly) – Počítačový:**
+**Jazyk nízkej úrovne (ARM Assembly) – priateľský pre počítač:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,60 +257,60 @@ back add r0,r1
  end
 ```
 
-Všimni si, ako verzia v JavaScripte číta takmer ako anglické inštrukcie, zatiaľ čo Assembly verzia používa záhadné príkazy, ktoré priamo riadia procesor počítača. Obe dosahujú tú istú úlohu, ale vysokoúrovňový jazyk je pre ľudí oveľa jednoduchšie pochopiť, písať a udržiavať.
+Všimni si, ako verzia JavaScriptu číta takmer ako anglické inštrukcie, zatiaľ čo Assembly verzia používa kryptické príkazy, ktoré priamo ovládajú procesor počítača. Obe vykonávajú tú istú úlohu, ale jazyk vysokej úrovne je oveľa ľahší na pochopenie, písanie a údržbu pre ľudí.
 
 **Kľúčové rozdiely, ktoré si všimneš:**
-- **Čitateľnosť**: JavaScript používa popisné názvy ako `fibonacciCount`, zatiaľ čo Assembly používa záhadné označenia ako `r0`, `r1`
-- **Komentáre**: Vysokoúrovňové jazyky podporujú vysvetľujúce komentáre, ktoré robia kód samodokumentujúcim sa
-- **Štruktúra**: Logický tok JavaScriptu zodpovedá spôsobu, ako ľudia premýšľajú o problémoch krok za krokom
+- **Čitateľnosť**: JavaScript používa opisné názvy ako `fibonacciCount`, zatiaľ čo Assembly používa kryptické označenia ako `r0`, `r1`
+- **Komentáre**: Vyššie programovacie jazyky podporujú vysvetľujúce komentáre, ktoré robia kód samodokumentujúcim
+- **Štruktúra**: Logický tok JavaScriptu zodpovedá tomu, ako ľudia rozmýšľajú o problémoch krok za krokom
 - **Údržba**: Aktualizácia verzie JavaScriptu pre rôzne požiadavky je priamočiara a jasná
 
-✅ **O Fibonacciho postupnosti**: Tento absolútne nádherný číselný vzor (kde každé číslo je súčtom dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8...) sa doslova objavuje *všade* v prírode! Nájdete ho v špirálach slnečníc, vzoroch šišiek, v raste ulít nautilov a dokonca aj v tom, ako rastú konáre stromov. Je dosť úžasné, ako nám matematika a kód môžu pomôcť pochopiť a znovu vytvoriť vzory, ktoré príroda používa na tvorbu krásy!
+✅ **O Fibonacciho postupnosti**: Tento absolútne nádherný číselný vzor (kde každé číslo je súčtom tých dvoch pred ním: 0, 1, 1, 2, 3, 5, 8...) sa objavuje doslova *všade* v prírode! Nájdete ho v špirále slnečnice, v usporiadaní šišiek, v krivkách ulít naplavo a dokonca aj v raste vetiev stromov. Je dosť ohromujúce, ako matematika a kód môžu pomôcť pochopiť a znovu vytvoriť vzory, ktoré príroda používa na vytváranie krásy!
 
 
-## Stavebné kamene, ktoré vytvárajú tú mágiu
+## Stavebné kamene, ktoré vytvárajú magické výsledky
 
-Dobre, teraz keď ste videli, ako vyzerajú programovacie jazyky v akcii, poďme si rozobrať základné kusy, ktoré tvoria doslova každý program, ktorý bol kedy napísaný. Myslite na ne ako na nevyhnutné ingrediencie vo vašom obľúbenom recepte – keď pochopíte, čo každý jeden robí, budete schopní čítať a písať kód v podstate v ktoromkoľvek jazyku!
+Dobre, teraz keď ste videli, ako vyzerajú programovacie jazyky v praxi, rozoberme si základné časti, ktoré tvoria doslova každý napísaný program. Predstavte si ich ako základné ingrediencie vo vašom obľúbenom recepte – keď pochopíte, čo každá robí, budete schopní čítať a písať kód v takmer akomkoľvek jazyku!
 
-Je to niečo ako učiť sa gramatiku programovania. Pamätáte si, keď ste v škole učili o podstatných menách, slovesách a ako skladať vety? Programovanie má svoju vlastnú verziu gramatiky, a úprimne, je oveľa logickejšia a zhovievavejšia než anglická gramatika! 😄
+Je to niečo ako učenie sa gramatiky programovania. Pamätáte si, keď ste sa v škole učili o podstatných menách, slovesách a o tom, ako skladať vety? Programovanie má vlastnú verziu gramatiky a úprimne, je oveľa logickejšia a zhovievavejšia ako anglická gramatika! 😄
 
-### Výrazy: Krok za krokom inštrukcie
+### Príkazy: Pokyny krok za krokom
 
-Začnime s **výrazmi** – tie sú ako jednotlivé vety v rozhovore s vaším počítačom. Každý výraz hovorí počítaču, aby urobil jednu konkrétnu vec, podobne ako dávanie pokynov: „Zatoč tu doľava,“ „Zastav na červenú,“ „Zaparkuj na tom mieste.“
+Začnime s **príkazmi** – tie sú ako jednotlivé vety v rozhovore s vaším počítačom. Každý príkaz hovorí počítaču, aby vykonal jednu konkrétnu vec, niečo ako dávanie pokynov: "Zatoč tu doľava," "Zastav na červenej," "Zaparkuj na tom mieste."
 
-Čo sa mi na výrazoch páči, je ich čitateľnosť. Pozrite sa na toto:
+Čo na príkazoch milujem, je to, aké sú obyčajne čitateľné. Pozrite sa na toto:
 
 ```javascript
-// Základné príkazy, ktoré vykonávajú jednorázové akcie
+// Základné príkazy, ktoré vykonávajú jednotlivé akcie
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Tu je, čo tento kód robí:**
-- **Deklaruje** konštantnú premennú na uloženie mena používateľa
-- **Zobrazí** uvítaciu správu do konzoly
+**Tento kód robí toto:**
+- **Deklaruje** konštantnú premennú pre uloženie mena používateľa
+- **Zobrazuje** privítaciu správu v konzole
 - **Vypočíta** a uloží výsledok matematickej operácie
 
 ```javascript
-// Výrazy, ktoré interagujú s webovými stránkami
+// Príkazy, ktoré komunikujú s webovými stránkami
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Krok po kroku, toto sa deje:**
-- **Upraví** názov webovej stránky, ktorý sa zobrazuje na záložke prehliadača
-- **Zmení** farbu pozadia celého tela stránky
+**Krok za krokom, toto sa deje:**
+- **Upravuje** názov stránky, ktorý sa zobrazí na záložke prehliadača
+- **Mení** farbu pozadia celého tela stránky
 
 ### Premenné: Pamäťový systém vášho programu
 
-Dobre, **premenné** sú úprimne jeden z mojich úplne najobľúbenejších konceptov na vyučovanie, pretože sú veľmi podobné veciam, ktoré už denne používate!
+Dobre, **premenné** sú úprimne jedno z mojich úplne najobľúbenejších tém učiť, pretože sú tak veľmi podobné veciam, ktoré používate každý deň!
 
-Pozrite sa na zoznam kontaktov vo vašom telefóne. Nepamätáte si telefónne čísla všetkých – namiesto toho ukladáte „Mama“, „Najlepší priateľ“ alebo „Pizzeria, ktorá doručuje do 2 rána“ a telefón si zapamätá skutočné čísla. Premenné fungujú presne takto! Sú ako označené nádoby, kde váš program môže uložiť informácie a neskôr ich podľa mena vyhľadať.
+Predstavte si na chvíľu zoznam kontaktov v telefóne. Nepamätáte si telefónne čísla na všetkých – namiesto toho si uložíte "Mamička", "Najlepší kamarát" alebo "Pizzéria, ktorá rozváža do 2 rána" a necháte telefón, aby si pamätal skutočné čísla. Premenné fungujú presne tak isto! Sú ako označené nádoby, kde váš program môže uložiť informácie a neskôr ich vyhľadať podľa názvu, ktorý dáva zmysel.
 
-Čo je na tom skutočne úžasné: premenné sa môžu meniť počas behu programu (odtiaľ názov „premenná“ – vidíte, čo urobili?). Rovnako ako by ste mohli aktualizovať kontakt na pizzeriu, keď objavíte niečo lepšie, premenné sa môžu meniť, keď sa program dozvie nové informácie alebo keď sa situácie zmenia!
+To, čo je na tom naozaj úžasné: premenné sa môžu počas behu programu meniť (odtiaľ ten názov "premenná" – vidíte, čo spravili?). Rovnako ako možno aktualizujete kontakt v pizzérii, keď objavíte lepšiu, premenné môžu byť aktualizované, keď sa program dozvie nové informácie alebo sa situácia zmení!
 
-Ukážem vám, ako to môže byť krásne jednoduché:
+Ukážem vám, aké to môže byť nádherne jednoduché:
 
 ```javascript
 // Krok 1: Vytváranie základných premenných
@@ -320,11 +320,11 @@ let temperature = 75;
 let isRaining = false;                      
 ```
 
-**Porozumenie týmto konceptom:**
-- **Ukladať** nemenné hodnoty do premenných `const` (napríklad názov stránky)
+**Pochopenie týchto konceptov:**
+- **Ukladať** nemenné hodnoty v `const` premenných (napríklad názov stránky)
 - **Používať** `let` pre hodnoty, ktoré sa môžu počas programu meniť
-- **Priraďovať** rôzne dátové typy: reťazce (text), čísla a booleovské hodnoty (true/false)
-- **Vybrať** popisné mená, ktoré vysvetľujú, čo každá premenná obsahuje
+- **Priradiť** rôzne dátové typy: reťazce (text), čísla a booleovské hodnoty (pravda/nepravda)
+- **Vybrať** opisné názvy, ktoré vysvetľujú, čo každá premenná obsahuje
 
 ```javascript
 // Krok 2: Práca s objektmi na zoskupenie súvisiacich údajov
@@ -335,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**V predchádzajúcom sme:**
+**Vyššie sme:**
 - **Vytvorili** objekt na zoskupenie súvisiacich informácií o počasí
-- **Zorganizovali** viacero údajov pod jedným názvom premennej
-- **Použili** kľúč-hodnota páry na jasné označenie každej informácie
+- **Usporiadali** viacero dát pod jedným názvom premennej
+- **Použili** páry kľúč-hodnota na jasné označenie každej informácie
 
 ```javascript
 // Krok 3: Používanie a aktualizácia premenných
@@ -350,32 +350,32 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
 
-**Pochopme každú časť:**
+**Pochopenie každej časti:**
 - **Zobraziť** informácie pomocou šablónových literálov so syntaxou `${}`
 - **Pristupovať** k vlastnostiam objektu cez bodkovú notáciu (`weatherData.windSpeed`)
-- **Aktualizovať** premenné deklarované s `let`, aby odrážali meniace sa podmienky
-- **Kombinovať** viac premenných na vytvorenie zmysluplných správ
+- **Aktualizovať** premenné deklarované cez `let` na základe meniacich sa podmienok
+- **Kombinovať** viacero premenných na tvorbu zmysluplných správ
 
 ```javascript
-// Krok 4: Moderné deštrukturalizovanie pre čistejší kód
+// Krok 4: Moderné rozkladanie pre čistejší kód
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Čo potrebujete vedieť:**
-- **Extrahovať** konkrétne vlastnosti z objektov pomocou destrukturalizačného priradenia
-- **Vytvoriť** nové premenné automaticky so rovnakými názvami ako kľúče objektu
-- **Zjednodušiť** kód vyhýbaním sa opakovanej bodkovej notácii
+**Čo by ste mali vedieť:**
+- **Extrahovať** konkrétne vlastnosti z objektov pomocou destrukturalizácie
+- **Vytvoriť** nové premenné automaticky s rovnakými názvami ako kľúče objektu
+- **Zjednodušiť** kód vyhnutím sa opakovanej bodkovej notácii
 
-### Riadenie toku: Naučiť váš program myslieť
+### Riadenie toku: Naučte váš program myslieť
 
-Dobre, tu programovanie začne byť absolútne ohromujúce! **Riadenie toku** je v podstate naučiť váš program, ako robiť múdre rozhodnutia, presne tak, ako to robíte vy každý deň, a ani o tom neuvážite.
+Dobre, toto je miesto, kde programovanie naozaj začína ohromovať! **Riadenie toku** je vlastne učenie vášho programu, ako robiť múdre rozhodnutia, presne tak, ako to robíte vy každý deň bez rozmýšľania.
 
-Predstavte si toto: dnes ráno ste asi prešli niečím ako „Ak prší, vezmem si dáždnik. Ak je zima, oblečiem si bundu. Ak meškám, vynechám raňajky a vezmem si kávu na cestu.“ Váš mozog prirodzene nasleduje túto logiku if-then desiatky krát denne!
+Predstavte si toto: dnes ráno ste pravdepodobne prešli niečím ako "Ak prší, vezmem si dáždnik. Ak je zima, oblečiem si bundu. Ak meškám, vynechám raňajky a vezmem si kávu na cestu." Váš mozog prirodzene nasleduje túto if-then logiku desiatky krát denne!
 
-Toto robí programy inteligentnými a živými namiesto toho, aby len nasledovali nudný a predvídateľný scenár. Môžu skutočne pozrieť na situáciu, vyhodnotiť, čo sa deje, a správne zareagovať. Je to ako dať programu mozog, ktorý sa dokáže prispôsobiť a robiť rozhodnutia!
+Toto robí programy inteligentnými a živými, namiesto toho, aby len slepo nasledovali nejaký nudný, predvídateľný scenár. Dokážu sa pozrieť na situáciu, vyhodnotiť, čo sa deje, a primerane zareagovať. Je to ako dať vášmu programu mozog, ktorý sa dokáže prispôsobiť a rozhodovať!
 
-Chcete vidieť, ako krásne to funguje? Ukážem vám to:
+Chcete vidieť, ako krásne to funguje? Pozrite sa:
 
 ```javascript
 // Krok 1: Základná podmienená logika
@@ -389,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Čo tento kód robí:**
-- **Skontroluje**, či vek používateľa spĺňa požiadavky na hlasovanie
+**Tento kód robí toto:**
+- **Skontroluje**, či vek používateľa spĺňa požiadavku na hlasovanie
 - **Vykoná** rôzne bloky kódu podľa výsledku podmienky
-- **Vypočíta** a zobrazí, ako dlho zostáva do spôsobilosti na hlasovanie, ak je používateľ mladší ako 18
-- **Poskytne** konkrétnu, užitočnú spätnú väzbu pre každú situáciu
+- **Vypočíta** a zobrazí čas do dosiahnutia veku spôsobilosti hlasovať, ak je pod 18
+- **Poskytne** špecifickú, užitočnú spätnú väzbu pre každú situáciu
 
 ```javascript
 // Krok 2: Viacero podmienok s logickými operátormi
@@ -410,24 +410,24 @@ if (userAge >= 18 && hasPermission) {
 ```
 
 **Rozbor toho, čo sa deje:**
-- **Spojí** viacero podmienok pomocou operátora `&&` (a)
-- **Vytvorí** hierarchiu podmienok pomocou `else if` pre viacero scenárov
-- **Zvládne** všetky možné prípady pomocou záverečného `else` výrazu
-- **Poskytne** jasnú a konateľnú spätnú väzbu pre každú zvláštnu situáciu
+- **Kombinuje** viacero podmienok pomocou operátora `&&` (a)
+- **Vytvára** hierarchiu podmienok pomocou `else if` pre viacero scénarov
+- **Zaobchádza** so všetkými možnosťami pomocou záverečného `else`
+- **Poskytuje** jasnú, praktickú spätnú väzbu pre každú situáciu
 
 ```javascript
-// Krok 3: Stručná podmienka s ternárnym operátorom
+// Krok 3: Stručný podmienkový výraz s ternárnym operátorom
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Čo si treba zapamätať:**
-- **Použiť** ternárny operátor (`? :`) pre jednoduché dve-option podmienky
-- **Napísať** podmienku najprv, potom `?`, potom pravdivý výsledok, potom `:`, potom nepravdivý výsledok
-- **Použiť** tento vzorec, keď potrebujete priradiť hodnoty na základe podmienok
+**Dôležité si zapamätať:**
+- **Používať** ternárny operátor (`? :`) pre jednoduché podmienky s dvoma možnosťami
+- **Napísať** podmienku, potom `?`, následne výsledok pre pravdu, potom `:`, výsledok pre nepravdu
+- **Použiť** tento vzor, keď potrebujete priradiť hodnoty na základe podmienok
 
 ```javascript
-// Krok 4: Spracovanie viacerých konkrétnych prípadov
+// Krok 4: Riešenie viacerých konkrétnych prípadov
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,55 +447,55 @@ switch (dayOfWeek) {
 }
 ```
 
-**Tento kód dosahuje nasledovné:**
+**Tento kód robí nasledovné:**
 - **Porovná** hodnotu premennej s viacerými špecifickými prípadmi
-- **Zoskupí** podobné prípady (pracovné dni vs. víkendy)
-- **Spustí** príslušný blok kódu, keď nájde zhodu
-- **Obsahuje** `default` prípady na zvládnutie neočakávaných hodnôt
-- **Používa** príkazy `break` na zabránenie pokračovania do ďalšieho prípadu
+- **Zoskupí** podobné prípady dohromady (pracovné dni vs. víkendy)
+- **Vykoná** príslušný blok kódu, keď nájde zhodu
+- **Obsahuje** `default` prípad na spracovanie neočakávaných hodnôt
+- **Používa** `break`, aby zabránil pokračovaniu kódu do ďalšieho prípadu
 
-> 💡 **Analógia zo skutočného sveta**: Predstavte si riadenie toku ako najtrpezlivejší GPS na svete, ktorý vám dáva pokyny. Možno povie: „Ak je zápcha na Main Street, choď diaľnicou. Ak je na diaľnici stavebná uzávera, skúste scenickú cestu.“ Programy používajú presne tento typ podmienkovej logiky, aby inteligentne reagovali na rôzne situácie a vždy poskytli používateľom čo najlepšiu skúsenosť.
+> 💡 **Reálna analógia**: Predstavte si riadenie toku ako trpezlivý GPS, ktorý vám dáva pokyny. Môže povedať: "Ak je na Main Street dopravná zápcha, choď po diaľnici. Ak je diaľnica zablokovaná výstavbou, skúste panoramatickú cestu." Programy používajú rovnaký typ podmienkovej logiky na inteligentnú reakciu na rôzne situácie a vždy poskytujú používateľom ten najlepší zážitok.
 
-### 🎯 **Kontrola pochopenia: Majstrovstvo stavebných kameňov**
+### 🎯 **Kontrola konceptov: Majstrovstvo stavebných kameňov**
 
-**Pozrime sa, ako vám to ide so základmi:**
-- Viete svojimi slovami vysvetliť rozdiel medzi premennou a výrazom?
-- Vymyslite si reálnu situáciu, kde by ste použili rozhodnutie if-then (napríklad náš príklad s hlasovaním)
-- Čo vás na logike programovania najviac prekvapilo?
+**Pozrime sa, ako to zvládate so základmi:**
+- Dokážete vlastnými slovami vysvetliť rozdiel medzi premennou a príkazom?
+- Premyslite si reálnu situáciu, kde by ste použili rozhodnutie typu if-then (napríklad naše hlasovacie príklad)
+- Čo vás v logike programovania najviac prekvapilo?
 
-**Rýchly posilňovač sebavedomia:**
+**Rýchle povzbudenie:**
 ```mermaid
 flowchart LR
-    A["📝 Príkazy<br/>(Inštrukcie)"] --> B["📦 Premenné<br/>(Ukladanie)"] --> C["🔀 Riadenie priebehu<br/>(Rozhodnutia)"] --> D["🎉 Fungujúci program!"]
+    A["📝 Príkazy<br/>(Inštrukcie)"] --> B["📦 Premenné<br/>(Ukladanie)"] --> C["🔀 Riadenie toku<br/>(Rozhodnutia)"] --> D["🎉 Fungujúci program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Čo príde ďalej**: Čaká nás absolútny zážitok, keď sa do týchto konceptov ponoríme hlbšie v rámci pokračovania našej neuveriteľnej cesty! Teraz sa sústreďte len na vzrušenie z úžasných možností, ktoré máte pred sebou. Konkrétne zručnosti a techniky si osvojíte prirodzene, keď budeme trénovať spolu – sľubujem, že to bude oveľa zábavnejšie, než možno očakávate!
+✅ **Čo príde ďalej**: Budeme sa skutočne zabávať pri hlbšom ponore do týchto konceptov počas pokračovania tejto neuveriteľnej cesty! Pre teraz sa len zamerajte na to, aby ste cítili nadšenie z množstva úžasných možností pred vami. Konkrétne zručnosti a techniky prídu prirodzene, keď budeme spolu cvičiť – sľubujem, že to bude oveľa zábavnejšie, ako ste čakali!
 
 ## Nástroje remesla
 
-Dobre, toto je úprimne chvíľa, keď sa tak nadchnem, že sa takmer neviem udržať! 🚀 Chystáme sa hovoriť o neuveriteľných nástrojoch, ktoré vám dajú pocit, akoby ste práve dostali kľúče od digitálnej kozmickej lode.
+Dobre, toto je skutočne miesto, kde sa neviem dočkať, som z toho taký nadšený! 🚀 Priblížime si neuveriteľné nástroje, ktoré vám dajú pocit, že máte práve kľúče od digitálnej vesmírnej lode.
 
-Viete, ako má kuchár tie dokonale vyvážené nože, ktoré sú akoby predĺžením jeho rúk? Alebo ako má hudobník tú jednu gitaru, ktorá akonáhle ju vezme do rúk, akoby začala spievať? No, vývojári majú svoju vlastnú verziu týchto magických nástrojov a tu je niečo, čo vám úplne vyrazí dych – väčšina z nich je úplne zadarmo!
+Viete, ako kuchár má tie perfektne vyvážené nože, ktoré sú ako predĺžením jeho ruky? Alebo ako hudobník má tú svoju gitaru, ktorá akoby spievala od momentu, keď sa jej dotkne? Nuž, vývojári majú svoju vlastnú verziu týchto magických nástrojov a tu je to, čo vás úplne prekvapí – väčšina z nich je úplne zadarmo!
 
-Doslova sa vrtím na stoličke, keď o tom hovorím, lebo úplne zmenili spôsob, ako tvoríme softvér. Hovoríme o asistente kódu poháňanom AI, ktorý vám môže pomôcť písať kód (nemyslím si to len tak!), cloudových prostrediach, kde môžete budovať celé aplikácie doslova odkiaľkoľvek s Wi-Fi, a debugovacích nástrojoch tak sofistikovaných, že sú ako mať röntgenový pohľad na vaše programy.
+Doslova sa vrtím na stoličke, keď si predstavujem, že sa s vami o to podelím, lebo tieto nástroje úplne zmenili spôsob, akým tvoríme software. Hovoríme o AI-asistovaných programovacích pomocníkoch, ktorí vám môžu pomôcť písať kód (nie som si ju žartoval!), cloudových prostrediach, kde môžete budovať celé aplikácie doslova odkiaľkoľvek s Wi-Fi, a debugovacích nástrojoch tak sofistikovaných, že sú ako mať röntgenové videnie pre vaše programy.
 
-A tu je časť, ktorá mi stále dvíha zimomriavky: toto nie sú „nástroje pre začiatočníkov“, ktoré prerastiete. Sú to presne tie isté profesionálne nástroje, ktoré používajú developeri v Google, Netflixe a v tom indie štúdiu aplikácií, ktoré milujete, práve teraz. Budete sa cítiť ako profík, keď ich budete používať!
+A toto je časť, ktorá mi stále dáva zimomriavky: nie sú to "nástroje pre začiatočníkov", ktorým čoskoro prerastiete cez hlavu. Sú to úplne rovnaké profesionálne nástroje, aké používajú vývojári v Google, Netflixe a v tom indie štúdiu, ktoré milujete, práve v tejto chvíli. Budete sa cítiť ako profík, keď ich budete používať!
 
 ```mermaid
 graph TD
-    A["💡 Váš Nápad"] --> B["⌨️ Kódovací Editor<br/>(VS Code)"] 
-    B --> C["🌐 Nástroje Prehliadača<br/>(Testovanie a Ladenie)"]
-    C --> D["⚡ Príkazový Riadok<br/>(Automatizácia a Nástroje)"]
-    D --> E["📚 Dokumentácia<br/>(Učenie a Referencie)"]
+    A["💡 Váš Nápad"] --> B["⌨️ Editor Kódu<br/>(VS Code)"] 
+    B --> C["🌐 Vývojárske Nástroje Prehliadača<br/>(Testovanie & Ladenie)"]
+    C --> D["⚡ Príkazový Riadok<br/>(Automatizácia & Nástroje)"]
+    D --> E["📚 Dokumentácia<br/>(Vzdelávanie & Referencia)"]
     E --> F["🚀 Úžasná Webová Aplikácia!"]
     
     B -.-> G["🤖 AI Asistent<br/>(GitHub Copilot)"]
     C -.-> H["📱 Testovanie Zariadení<br/>(Responzívny Dizajn)"]
-    D -.-> I["📦 Správca Balíkov<br/>(npm, yarn)"]
+    D -.-> I["📦 Správcovia Balíčkov<br/>(npm, yarn)"]
     E -.-> J["👥 Komunita<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -507,94 +507,93 @@ graph TD
 ```
 ### Editory kódu a IDE: Vaši noví digitálni najlepší priatelia
 
-Povedzme si o editoroch kódu – tieto sa majú vážne stať vašimi novými obľúbenými miestami na tvorenie! Myslite na ne ako na vaše osobné útočisko pre kódovanie, kde budete tráviť väčšinu času tvorbou a vylepšovaním vašich digitálnych výtvorov.
+Povedzme si o editoroch kódu – tieto sa stanú vašimi úplne novými obľúbenými miestami na tvorbu! Predstavte si ich ako vaše osobné útočisko kódovania, kde strávite väčšinu svojho času vytváraním a zdokonaľovaním digitálnych diel.
 
-Ale tu je to úplne magické na moderných editoroch: nie sú to len obyčajné textové editory. Sú to ako mať najbystrejšieho, najpodpornejšieho mentora kódovania sediaceho vedľa vás 24/7. Chytia vám preklepy ešte skôr, než si ich všimnete, navrhnú vylepšenia, ktoré vás urobia géniom, pomôžu vám pochopiť, čo každý kúsok kódu robí, a niektoré vám dokážu predpovedať, čo chcete napísať, a ponúknu vám dokončenie myšlienky!
+Ale tu je to, čo je na moderných editoroch úplne magické: nie sú to len pekné textové editory. Sú ako najbystrejší, najpodpornejší mentor programovania sediaci pri vás 24 hodín denne. Opravujú vaše preklepy skôr, ako si ich vôbec všimnete, navrhujú zlepšenia, aby ste vyzerali ako génius, pomáhajú vám pochopiť, čo každý kúsok kódu robí, a niektoré vám dokonca dokážu predpovedať, čo chcete napísať, a ponúknu vám dokončenie!
 
-Pamätám si, keď som objavil automatické dopĺňanie – mal som pocit, že žijem v budúcnosti. Začnete niečo písať a editor povie: „Hej, nechceli ste použiť túto funkciu, ktorá presne robí to, čo potrebujete?“ Je to, akoby ste mali čitateľa myšlienok ako kódovacieho kamaráta!
+Pamätám si, keď som objavil automatické dokončovanie – doslova som mal pocit, že žijem v budúcnosti. Začnete písať niečo a editor povie: "Hej, chcel si použiť túto funkciu, ktorá robí presne to, čo potrebuješ?" Je to ako mať čitateľa myšlienok ako kamaráta na kódovanie!
 
-**Čo robí tieto editory také neuveriteľné?**
+**Čo robí tieto editory tak úžasnými?**
 
-Moderné editory kódu ponúkajú impozantný súbor funkcií navrhnutých na zvýšenie vašej produktivity:
+Moderné editory kódu ponúkajú ohromujúci súbor funkcií na zvýšenie produktivity:
 
 | Funkcia | Čo robí | Prečo pomáha |
 |---------|---------|--------------|
-| **Zvýrazňovanie syntaxe** | Farbenie rôznych častí vášho kódu | Uľahčuje čítanie kódu a odhaľovanie chýb |
-| **Automatické dopĺňanie** | Navrhuje kód počas písania | Urýchľuje kódovanie a znižuje preklepy |
-| **Nástroje na ladenie** | Pomáhajú nájsť a opraviť chyby | Šetria hodiny na hľadaní problémov |
-| **Rozšírenia** | Pridávajú špecializované funkcie | Prispôsobte editor pre akúkoľvek technológiu |
+| **Zvýraznenie syntaxe** | Farebne oddeľuje časti kódu | Uľahčuje čítanie kódu a hľadanie chýb |
+| **Automatické dokončovanie** | Navrhuje kód počas písania | Urýchľuje kódovanie a znižuje preklepy |
+| **Nástroje na ladenie** | Pomáhajú nájsť a opraviť chyby | Šetria hodiny hľadania chýb |
+| **Rozšírenia** | Pridávajú špecializované funkcie | Prispôsobujú editor pre akúkoľvek technológiu |
 | **AI asistenti** | Navrhujú kód a vysvetlenia | Urýchľujú učenie a produktivitu |
 
-> 🎥 **Video zdroj**: Chcete vidieť tieto nástroje v akcii? Pozrite si toto [Video Nástroje remesla](https://youtube.com/watch?v=69WJeXGBdxg) pre komplexný prehľad.
+> 🎥 **Video zdroj**: Chcete vidieť tieto nástroje v akcii? Pozrite si toto [Video Nástrojov remesla](https://youtube.com/watch?v=69WJeXGBdxg) pre komplexný prehľad.
 
-#### Odporúčané editory pre webový vývoj
+#### Odporúčané editory pre vývoj webu
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (zadarmo)
 - Najpopulárnejší medzi webovými vývojármi
-- Vynikajúci ekosystém rozšírení
-- Vstavaný terminál a integrácia Git
-- **Nezabudnuteľné rozšírenia**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-poháňané návrhy kódu
+- Výborný ekosystém rozšírení
+- Integrovaný terminál a správa Git
+- **Povinné rozšírenia**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI poháňané návrhy kódu
   - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Spolupráca v reálnom čase
   - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatické formátovanie kódu
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Odhaľovanie preklepov v kóde
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Odhaľuje preklepy v kóde
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (platený, zadarmo pre študentov)
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (platené, zadarmo pre študentov)
 - Pokročilé nástroje na ladenie a testovanie
-- Inteligentné dopĺňanie kódu
-- Vstavaná správa verzií
+- Inteligentné dokončovanie kódu
+- Integrovaná verzovací kontrola
 
 **Cloudové IDE** (rôzne ceny)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Plná verzia VS Code vo vašom prehliadači
+- [GitHub Codespaces](https://github.com/features/codespaces) - Plný VS Code vo vašom prehliadači
 - [Replit](https://replit.com/) - Skvelé na učenie a zdieľanie kódu
 - [StackBlitz](https://stackblitz.com/) - Okamžitý full-stack webový vývoj
 
-> 💡 **Tip na začiatok**: Začnite s Visual Studio Code – je zadarmo, široko používaný v priemysle a má obrovskú komunitu tvoriacu užitočné návody a rozšírenia.
+> 💡 **Tip na začiatok**: Začnite s Visual Studio Code – je zadarmo, široko používaný v priemysle a má obrovskú komunitu vytvárajúcu užitočné tutoriály a rozšírenia.
 
 
 ### Webové prehliadače: Vaša tajná vývojárska laboratórium
 
-Dobre, pripravte sa, že vám úplne vyrazí dych! Viete, ako ste používali prehliadače na prechádzanie sociálnych sietí a sledovanie videí? Ukazuje sa, že celú dobu skrývajú neuveriteľnú tajnú vývojársku laboratórium, ktoré čaká len na to, kým ho objavíte!
+Dobre, pripravte sa nechať kompletne ohromiť! Viete, ako ste používali prehliadače na prechádzanie sociálnych sietí a pozeranie videí? Ukazuje sa, že celý čas ukrývali toto neuveriteľné tajné vývojárske laboratórium, len čakajúce na to, kým ho objavíte!
 
-Kedykoľvek kliknete pravým tlačidlom myši na webovú stránku a vyberiete „Preskúmať prvok“, otvárate skrytý svet vývojárskych nástrojov, ktoré sú úprimne výkonnejšie než niektorý drahý softvér, za ktorý som kedysi platil stovky dolárov. Je to, akoby ste zistili, že vaša obyčajná kuchyňa skrýva za tajnou stenou profesionálnu šéfkuchársku laboratóriu!
-Prvýkrát, keď mi niekto ukázal DevTools v prehliadači, strávil som asi tri hodiny iba klikaním a hovoril som si: „POČKAJ, TOTO TIEŽ VIE?!” Môžete doslova upravovať akúkoľvek webovú stránku v reálnom čase, vidieť presne, ako rýchlo sa všetko načítava, testovať, ako vaša stránka vyzerá na rôznych zariadeniach, a dokonca debugovať JavaScript ako úplný profesionál. Je to úplne ohromujúce!
+Vždy, keď kliknete pravým tlačidlom myši na webovú stránku a vyberiete "Inšpektovať prvok," otvárate skrytý svet vývojárskych nástrojov, ktoré sú úprimne výkonnejšie než niektorý drahý softvér, za ktorý som platil stovky dolárov. Je to ako objaviť, že vaša stará kuchyňa skrýva profesionálnu laboratórium šéfkuchára za tajným panelom!
+Prvýkrát, keď mi niekto ukázal prehliadačové DevTools, som strávil asi tri hodiny len klikajúc a hovoril som si: „POČKAJ, ŽE TO TO MÔŽE AJ TAKTO?!“ Doslova môžete upravovať akúkoľvek webovú stránku v reálnom čase, vidieť presne, ako rýchlo sa všetko načítava, testovať, ako vaša stránka vyzerá na rôznych zariadeniach, a dokonca ladíte JavaScript ako úplný profesionál. Je to proste neuveriteľné!
 
 **Prečo sú prehliadače vašou tajnou zbraňou:**
 
-Keď vytvárate webovú stránku alebo webovú aplikáciu, potrebujete vidieť, ako vyzerá a správa sa vo svete. Prehliadače nielen zobrazujú vašu prácu, ale poskytujú aj podrobné informácie o výkone, prístupnosti a potenciálnych problémoch.
+Keď vytvárate webovú stránku alebo webovú aplikáciu, potrebujete vidieť, ako vyzerá a správa sa v reálnom svete. Prehliadače nielen zobrazujú vašu prácu, ale poskytujú aj podrobné informácie o výkonnosti, prístupnosti a potenciálnych problémoch.
 
 #### Vývojárske nástroje prehliadača (DevTools)
 
-Moderné prehliadače obsahujú komplexné sady nástrojov:
+Moderné prehliadače obsahujú komplexné sady nástrojov pre vývoj:
 
-| Kategória nástroja | Čo robí | Príklad použitia |
-|--------------------|----------|-------------------|
-| **Inšpektor elementov** | Prezerá a upravuje HTML/CSS v reálnom čase | Úprava štýlov pre okamžité výsledky |
+| Kategória nástrojov | Čo robí | Príklad použitia |
+|---------------------|---------|------------------|
+| **Inspektor prvkov** | Zobrazuje a upravuje HTML/CSS v reálnom čase | Upraviť štýl a vidieť okamžité výsledky |
 | **Konzola** | Zobrazuje chybové hlásenia a testuje JavaScript | Ladenie problémov a experimentovanie s kódom |
-| **Monitor siete** | Sleduje načítavanie zdrojov | Optimalizácia výkonu a času načítania |
-| **Kontrola prístupnosti** | Testuje inkluzívny dizajn | Zabezpečuje, aby stránka fungovala pre všetkých |
-| **Simulator zariadenia** | Náhľad na rôznych veľkostiach obrazoviek | Testovanie responzívneho dizajnu bez viacerých zariadení |
+| **Sieťový monitor** | Sleduje načítavanie zdrojov | Optimalizovať výkon a dobu načítania |
+| **Kontrola prístupnosti** | Testuje inkluzívny dizajn | Zabezpečiť, že stránka funguje pre všetkých používateľov |
+| **Simulátor zariadení** | Náhľad na rôzne veľkosti obrazoviek | Testovanie responzívneho dizajnu bez viacerých zariadení |
 
 #### Odporúčané prehliadače na vývoj
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Priemyselný štandard DevTools s rozsiahlymi dokumentáciami
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Výborné nástroje pre CSS Grid a prístupnosť
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Postavený na Chromium s vývojárskymi zdrojmi Microsoftu
-
-> ⚠️ **Dôležitý tip na testovanie**: Vždy testujte svoje webové stránky vo viacerých prehliadačoch! To, čo funguje perfektne v Chrome, môže vyzerať inak v Safari alebo Firefox. Profesionálni vývojári testujú vo všetkých hlavných prehliadačoch, aby zabezpečili konzistentný používateľský zážitok.
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – priemyselný štandard DevTools s rozsiahlymi dokumentáciami
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – vynikajúce nástroje pre CSS Grid a prístupnosť
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – postavený na Chromium s Microsoftovými zdrojmi pre vývojárov
 
+> ⚠️ **Dôležitá rada pri testovaní**: Vždy testujte svoje weby vo viacerých prehliadačoch! Čo funguje perfektne v Chrome, môže vyzerať inak v Safari alebo Firefoxe. Profesionálni vývojári testujú vo všetkých hlavných prehliadačoch, aby zabezpečili konzistentný používateľský zážitok.
 
-### Príkazové riadky: Vstupná brána k vývojárskym superschopnostiam
+### Nástroje príkazového riadku: Vaša brána k super schopnostiam vývojára
 
-Dobre, poďme na úplne úprimný moment ohľadom príkazového riadku, pretože chcem, aby ste to počuli od niekoho, kto tomu naozaj rozumie. Keď som ho prvýkrát videl – iba tú desivú čiernu obrazovku s blikajúcim textom – doslova som si pomyslel: „Nie, rozhodne nie! Vyzerá to ako niečo z hackerovského filmu z 80. rokov, a určite na to nie som dosť šikovný!” 😅
+Dobre, poďme si úprimne povedať pár vecí o príkazovom riadku, pretože chcem, aby ste to počuli od niekoho, kto tomu naozaj rozumie. Keď som ho prvýkrát videl – čierna obrazovka so blikajúcim textom – doslova som si hovoril: „Nie, určite nie! Vyzerá to ako z nejakej hackerovskej 80-tych filmovej scény a ja rozhodne nie som dosť šikovný na toto!“ 😅
 
-Ale tu je to, čo by mi mal niekto povedať vtedy a čo vám hovorím teraz: príkazový riadok nie je strašidelný – je ako priama konverzácia s vaším počítačom. Predstavte si to ako rozdiel medzi objednaním jedla cez peknú aplikáciu s obrázkami a menu (čo je fajn a jednoduché) a vstúpením do vašej obľúbenej miestnej reštaurácie, kde kuchár presne vie, čo máte radi, a môže vám pripraviť niečo dokonalé len tým, že poviete „prekvap ma niečím úžasným“.
+Ale tu je vec, ktorú by som si prial, aby mi niekto vtedy povedal a čo vám hovorím práve teraz: príkazový riadok nie je strašidelný – je to vlastne ako mať priamy rozhovor so svojim počítačom. Predstavte si, že je to rozdiel medzi objednaním jedla cez peknú aplikáciu s obrázkami a menu (čo je pekné a jednoduché) a tým, že vojdete do svojej obľúbenej miestnej reštaurácie, kde kuchár presne vie, čo máte radi a dokáže pripraviť niečo perfektné len na základe vášho „prekvapte ma niečím úžasným“.
 
-Príkazový riadok je miesto, kam vývojári chodia, aby sa cítili ako kúzelníci. Napíšete pár zdanlivo magických slov (dobre, sú to len príkazy, ale pôsobia magicky!), stlačíte enter a BAM – vytvorili ste celú štruktúru projektu, nainštalovali výkonné nástroje z celého sveta alebo nasadili svoju aplikáciu na internet, aby ju videli milióny ľudí. Keď ochutnáte túto silu prvýkrát, je to naozaj návykové!
+Príkazový riadok je miesto, kde sa vývojári cítia ako čarodejníci. Napíšete pár zdanlivo magických slov (dobre, sú to len príkazy, ale pôsobia magicky!), stlačíte enter a BAM – vytvorili ste celú štruktúru projektu, nainštalovali výkonné nástroje z celého sveta alebo nasadili svoju aplikáciu na internet pre milióny ľudí na zobrazenie. Keď prvýkrát pocítite tú moc, je to úprimne dosť návykové!
 
 **Prečo sa príkazový riadok stane vaším obľúbeným nástrojom:**
 
-Kým grafické rozhrania sú skvelé pre mnoho úloh, príkazový riadok vyniká automatizáciou, presnosťou a rýchlosťou. Mnohé vývojárske nástroje fungujú hlavne cez príkazový riadok a naučiť sa ich efektívne používať môže výrazne zvýšiť vašu produktivitu.
+Zatiaľ čo grafické rozhrania sú super pre mnohé úlohy, príkazový riadok exceluje v automatizácii, presnosti a rýchlosti. Mnoho vývojárskych nástrojov funguje primárne cez príkazový riadok, a naučiť sa ich efektívne používať môže výrazne zlepšiť vašu produktivitu.
 
 ```bash
 # Krok 1: Vytvorte a prejdite do adresára projektu
@@ -603,8 +602,8 @@ cd my-awesome-website
 ```
 
 **Čo tento kód robí:**
-- **Vytvorí** nový adresár s názvom „my-awesome-website“ pre váš projekt
-- **Presunie sa** do novo vytvoreného adresára, aby ste mohli začať pracovať
+- **Vytvorí** nový adresár s názvom "my-awesome-website" pre váš projekt
+- **Prezrie** sa do novo vytvoreného adresára, aby ste mohli začať pracovať
 
 ```bash
 # Krok 2: Inicializujte projekt s package.json
@@ -617,9 +616,9 @@ npm install --save-dev @eslint/js
 
 **Krok za krokom, čo sa deje:**
 - **Inicializuje** nový Node.js projekt s predvolenými nastaveniami pomocou `npm init -y`
-- **Nainštaluje** Vite ako moderný build tool pre rýchly vývoj a produkčné zostavy
+- **Nainštaluje** Vite ako moderný build nástroj pre rýchly vývoj a produkčné zostavenia
 - **Pridá** Prettier pre automatické formátovanie kódu a ESLint pre kontrolu kvality kódu
-- **Použije** príznak `--save-dev`, aby označil tieto závislosti ako vývojové
+- **Použije** príznak `--save-dev` na označenie týchto závislostí ako iba pre vývoj
 
 ```bash
 # Krok 3: Vytvorte štruktúru projektu a súbory
@@ -630,85 +629,84 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**Čo sme v tom vyššie urobili:**
-- **Usporiadali** náš projekt vytvorením samostatných priečinkov pre zdrojový kód a zdroje
-- **Vygenerovali** základný HTML súbor so správnou štruktúrou dokumentu
-- **Spustili** vývojový server Vite pre živé znovunačítanie a horúcu výmenu modulov
+**Čo sme dosiahli:**
+- **Usporiadali** sme projekt vytvorením samostatných priečinkov pre zdrojový kód a zdroje
+- **Vygenerovali** základný HTML súbor s správnou štruktúrou dokumentu
+- **Spustili** Vite vývojový server pre živé obnovenie a výmenu modulov za behu
 
-#### Zásadné príkazové nástroje pre webový vývoj
+#### Kľúčové nástroje príkazového riadku pre webový vývoj
 
 | Nástroj | Účel | Prečo ho potrebujete |
 |---------|-------|---------------------|
-| **[Git](https://git-scm.com/)** | Verzionovanie | Sledovanie zmien, spolupráca, zálohovanie práce |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & správca balíčkov | Spúšťanie JavaScriptu mimo prehliadačov, inštalácia moderných vývojárskych nástrojov |
-| **[Vite](https://vitejs.dev/)** | Build tool & vývojový server | Bleskurýchly vývoj s hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automatické zisťovanie a oprava problémov v JavaScripte |
-| **[Prettier](https://prettier.io/)** | Formátovanie kódu | Zachovanie jednotného formátovania a čitateľnosti kódu |
+| **[Git](https://git-scm.com/)** | Riadenie verzií | Sledujte zmeny, spolupracujte a zálohujte prácu |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScriptu a správa balíkov | Spúšťajte JavaScript mimo prehliadačov, inštalujte moderné nástroje |
+| **[Vite](https://vitejs.dev/)** | Build nástroj a vývojový server | Bleskurýchly vývoj s hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automaticky nájde a opraví chyby v JavaScript kóde |
+| **[Prettier](https://prettier.io/)** | Formátovanie kódu | Udržiavajte kód konzistentne naformátovaný a čitateľný |
 
-#### Platformovo špecifické možnosti
+#### Možnosti pre rôzne platformy
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderný, bohatý terminál
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Výkonné skriptovacie prostredie
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradičný príkazový riadok Windows
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moderný, bohato vybavený terminál
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – výkonné prostredie pre skripty
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – tradičný príkazový riadok Windows
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Vstavaná terminálová aplikácia
-- **[iTerm2](https://iterm2.com/)** - Vylepšený terminál s pokročilými funkciami
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – vstavaná terminálová aplikácia
+- **[iTerm2](https://iterm2.com/)** – rozšírený terminál s pokročilými funkciami
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Štandardná Linuxová shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Pokročilý terminálový emulátor
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – štandardný Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – pokročilý terminálový emulátor
 
 > 💻 = Predinštalované v operačnom systéme
 
-> 🎯 **Cesta učenia**: Začnite so základnými príkazmi ako `cd` (zmena adresára), `ls` alebo `dir` (zobrazenie súborov) a `mkdir` (vytvorenie priečinka). Cvičte s modernými príkazmi pracovného toku ako `npm install`, `git status` a `code .` (otvorí aktuálny adresár vo VS Code). Ako sa budete cítiť istejší, prirodzene sa naučíte pokročilejšie príkazy a techniky automatizácie.
-
+> 🎯 **Cesta učenia**: Začnite so základnými príkazmi ako `cd` (zmena adresára), `ls` alebo `dir` (zobrazenie súborov) a `mkdir` (vytvorenie priečinka). Cvičte moderné príkazy pracovného postupu ako `npm install`, `git status` a `code .` (otvára aktuálny adresár vo VS Code). Ako si budete viac istí, prirodzene si osvojíte aj pokročilejšie príkazy a automatizačné techniky.
 
-### Dokumentácia: Váš neustále dostupný mentor učenia
+### Dokumentácia: Váš vždy dostupný učiteľ
 
-Dobre, prezradím vám malé tajomstvo, ktoré vám pomôže cítiť sa oveľa lepšie ako začiatočník: aj tí najskúsenejší vývojári trávia veľkú časť svojho času čítaním dokumentácie. A nie je to preto, že by nevedeli, čo robia – je to vlastne znak múdrosti!
+Dobre, prezradím vám malý tajný tip, ktorý vám spraví oveľa lepšie pocity z toho, že ste začiatočník: aj tí najskúsenejší vývojári trávia obrovské množstvo času čítaním dokumentácie. A nie je to preto, že by nevedeli, čo robia – je to vlastne znak múdrosti!
 
-Myslite na dokumentáciu ako na prístup k najtrpezlivejším a najschopnejším učiteľom na svete, ktorí sú k dispozícii 24/7. Ste zaseknutý pri probléme o druhej ráno? Dokumentácia je tu s virtuálnym teplým objatím a presne s tou odpoveďou, ktorú potrebujete. Chcete sa naučiť niečo nové, o čom všetci hovoria? Dokumentácia vám pomôže s krok za krokom príkladmi. Snažíte sa pochopiť, prečo niečo funguje tak, ako funguje? Uhádli ste – dokumentácia vám to vysvetlí spôsobom, ktorý vám konečne dá zmysel!
+Dokumentácia je ako prístup k najtrpezlivejším a najpovolanejším učiteľom na svete, ktorí sú vám k dispozícii 24/7. Máte problém o druhej ráno? Dokumentácia je tu s virtuálnym teplým objatím a presne tou odpoveďou, ktorú potrebujete. Chcete sa dozvedieť o nejakej novej úžasnej funkcii, o ktorej všetci hovoria? Dokumentácia vám poskytne podrobné príklady krok za krokom. Snažíte sa pochopiť, prečo niečo funguje tak, ako funguje? Tušili ste to – dokumentácia vám to vysvetlí spôsobom, ktorý úplne pochopíte!
 
-Niečo, čo úplne zmenilo môj pohľad: svet webového vývoja sa pohybuje neuveriteľne rýchlo a nikto (myslím absolútne nikto!) si všetko nezapamätá. Viděl som skúsených vývojárov s viac ako 15-ročnou praxou, ako si vyhľadávajú základnú syntax, a viete čo? Nie je to trápne – je to múdre! Nie je to o dokonalom pamätaní si, ale o tom, vedieť rýchlo nájsť spoľahlivé odpovede a vedieť ich aplikovať.
+Niečo, čo mi úplne zmenilo uhol pohľadu: svet webového vývoja sa pohybuje neuveriteľne rýchlo a nikto (myslím skutočne nikto!) nemá všetko z hlavy. Pozeral som senior vývojárov s 15+ rokmi praxe, ako si vyhľadávajú základnú syntax, a viete čo? Nije to trápne – je to múdre! Nejde o perfektnú pamäť; ide o vedomie, kde rýchlo nájsť spoľahlivé odpovede a vedieť ich aplikovať.
 
 **Tu sa deje tá pravá mágia:**
 
-Profesionálni vývojári venujú značnú časť svojho času čítaniu dokumentácie – nie preto, že by nevedeli, čo robia, ale preto, že svet webového vývoja sa tak rýchlo vyvíja, že zostať aktuálnym vyžaduje neustále učenie. Skvelá dokumentácia vám pomôže pochopiť nielen *ako* niečo používať, ale *prečo* a *kedy* to používať.
+Profesionálni vývojári trávia veľkú časť času čítaním dokumentácie – nie preto, že by nevedeli, čo robia, ale preto, že oblasť webového vývoja sa vyvíja tak rýchlo, že zostať v obraze vyžaduje neustále učenie. Skvelá dokumentácia vám pomôže pochopiť nie len *ako* niečo použiť, ale aj *prečo* a *kedy* to použiť.
 
-#### Základné zdroje dokumentácie
+#### Kľúčové zdroje dokumentácie
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Zlatý štandard dokumentácie pre webové technológie
-- Obsiahle návody pre HTML, CSS a JavaScript
+- Zlatý štandard pre dokumentáciu webových technológií
+- Komplexné návody pre HTML, CSS a JavaScript
 - Obsahuje informácie o kompatibilite prehliadačov
 - Ponúka praktické príklady a interaktívne ukážky
 
 **[Web.dev](https://web.dev)** (od Google)
-- Najlepšie praktiky moderného webového vývoja
+- Najlepšie postupy moderného webového vývoja
 - Návody na optimalizáciu výkonu
 - Princípy prístupnosti a inkluzívneho dizajnu
-- Prípadové štúdie z reálnych projektov
+- Prípady použitia z reálnych projektov
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Vývojárske zdroje pre prehliadač Edge
-- Návody pre progresívne webové aplikácie
-- Prehľady o multiplatformovom vývoji
+- Zdroje pre vývoj v Edge prehliadači
+- Návody na progresívne webové aplikácie
+- Postrehy o multiplatformovom vývoji
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - Štruktúrované učebné plány
-- Videokurzy od expertov v odbore
-- Praktické cvičenia s kódovaním
+- Video kurzy od odborníkov z praxe
+- Praktické cvičenia s kódom
 
-> 📚 **Študijná stratégia**: Nesnažte sa dokumentáciu pamätať naspamäť – namiesto toho sa naučte, ako ju efektívne prechádzať. Ukladajte si často používané odkazy a cvičte vyhľadávanie, aby ste rýchlo našli konkrétne informácie.
+> 📚 **Študijná taktika**: Nesnažte sa dokumentáciu pamätať naspamäť – radšej sa naučte, ako v nej efektívne vyhľadávať. Vytvorte si záložky často používaných odkazov a cvičte vyhľadávanie presných informácií.
 
-### 🔧 **Kontrola ovládania nástrojov: Čo na vás zapôsobilo?**
+### 🔧 **Kontrola ovládania nástrojov: Čo na vás najviac zapôsobilo?**
 
-**Zamyslite sa na chvíľu:**
-- Ktorý nástroj vás najviac zaujíma vyskúšať ako prvý? (Nemôžete sa pomýliť!)
-- Zdá sa vám príkazový riadok stále zastrašujúci, alebo ste zvedaví?
-- Viete si predstaviť, že by ste použili DevTools prehliadača na nazretie „za oponu“ vašich obľúbených stránok?
+**Zamyslite sa:**
+- Ktorý nástroj chcete vyskúšať ako prvý? (Nie je správna ani nesprávna odpoveď!)
+- Stále sa vám príkazový riadok zdá zastrašujúci, alebo ste už zvedaví?
+- Viete si predstaviť, že by ste používali DevTools na „nahliadnutie za oponu“ vašich obľúbených webov?
 
 ```mermaid
 pie title "Čas vývojára strávený s nástrojmi"
@@ -718,17 +716,17 @@ pie title "Čas vývojára strávený s nástrojmi"
     "Čítanie dokumentácie" : 15
     "Ladenie" : 5
 ```
-> **Zaujímavý fakt**: Väčšina vývojárov trávi asi 40 % svojho času v editore kódu, no všimnite si, koľko času ide na testovanie, učenie a riešenie problémov. Programovanie nie je len o písaní kódu – je to o tvorbe zážitkov!
+> **Zaujímavý postreh**: Väčšina vývojárov trávi asi 40 % svojho času v editore kódu, ale všimnite si, koľko času ide na testovanie, učenie sa a riešenie problémov. Programovanie nie je len o písaní kódu – je to o tvorbe zážitkov!
 
-✅ **Na zamyslenie**: Tu je zaujímavá otázka – ako si myslíte, že sa nástroje na tvorbu webov (vývoj) líšia od nástrojov na dizajn ich vzhľadu (dizajn)? Je to ako rozdiel medzi architektom, ktorý navrhuje krásny dom, a stavebným dodávateľom, ktorý ho naozaj postaví. Obe sú kľúčové, no vyžadujú rôzne súpravy nástrojov! Toto myslenie vám skutočne pomôže vidieť širší obraz toho, ako weby ožívajú.
+✅ **Na zamyslenie**: Tu je niečo zaujímavé – ako si myslíte, že sa líšia nástroje na vývoj webu (vývoj) od nástrojov na dizajn vzhľadu? Je to ako rozdiel medzi architektom, ktorý navrhuje krásny dom, a stavebným dodávateľom, ktorý ho naozaj postaví. Obidve sú dôležité, ale potrebujú rôzne sady nástrojov! Takéto myslenie vám pomôže vidieť širší obraz toho, ako weby ožívajú.
 
 ## Výzva GitHub Copilot Agenta 🚀
 
 Použite režim Agenta na splnenie nasledujúcej výzvy:
 
-**Popis:** Preskúmajte funkcie moderného editora kódu alebo IDE a demonštrujte, ako môže zlepšiť váš pracovný tok ako webového vývojára.
+**Popis:** Preskúmajte funkcie moderného kódového editora alebo IDE a ukážte, ako môže zlepšiť váš pracovný proces ako webového vývojára.
 
-**Návod:** Vyberte si editor kódu alebo IDE (napríklad Visual Studio Code, WebStorm alebo cloudové IDE). Uveďte tri funkcie alebo rozšírenia, ktoré vám pomáhajú efektívnejšie písať, ladiť alebo udržiavať kód. Ku každej krátko vysvetlite, ako zlepšuje váš pracovný tok.
+**Úloha:** Vyberte si kódový editor alebo IDE (napríklad Visual Studio Code, WebStorm alebo cloudové IDE). Uveďte tri funkcie alebo rozšírenia, ktoré vám pomáhajú efektívnejšie písať, ladiť alebo spravovať kód. Ku každej krátko vysvetlite, ako zlepšuje váš pracovný proces.
 
 ---
 
@@ -736,101 +734,103 @@ Použite režim Agenta na splnenie nasledujúcej výzvy:
 
 **Dobre, detektív, pripravený na svoj prvý prípad?**
 
-Teraz, keď máte tento skvelý základ, mám pre vás dobrodružstvo, ktoré vám pomôže vidieť, aký neuveriteľne rôznorodý a fascinujúci svet programovania je. A počúvajte – nejde zatiaľ o písanie kódu, takže žiadny tlak! Predstavte si, že ste detektív programovacích jazykov na vašom úplne prvom vzrušujúcom prípade!
+Teraz, keď máte tento úžasný základ, mám pre vás dobrodružstvo, ktoré vám pomôže vidieť, aký neuveriteľne rozmanitý a fascinujúci je programátorský svet. A počúvajte – ešte to nie je o písaní kódu, tak žiadny stres! Predstavte si, že ste detektív programovacích jazykov na svojom úplne prvom vzrušujúcom prípade!
 
-**Vaša misia, ak ju prijmete:**
-1. **Staňte sa prieskumníkom jazykov**: Vyberte tri programovacie jazyky z úplne odlišných svetov – možno jeden na tvorbu webov, druhý na mobilné aplikácie a tretí na spracovanie dát pre vedcov. Nájdite príklady toho istého jednoduchého úlohy napísanej v každom jazyku. Sľubujem, že budete úplne ohromený, ako veľmi sa môžu líšiť, aj keď robia presne to isté!
+**Vaša misia, ak sa rozhodnete ju prijať:**
+1. **Staňte sa prieskumníkom jazykov**: Vyberte si tri programovacie jazyky z úplne odlišných svetov – napríklad jeden na tvorbu webov, jeden na mobilné aplikácie a jeden na vedeckú prácu s dátami. Nájdite príklady toho istého jednoduchého úlohy vo všetkých troch jazykoch. Sľubujem, že budete úplne ohromení, ako veľmi sa môžu líšiť, pritom robia presne to isté!
 
-2. **Objavte ich pôvodné príbehy:** Čo robí každý jazyk špeciálnym? Tu je zaujímavý fakt – každý jediný programovací jazyk vznikol, pretože si niekto povedal: „Vieš čo? Musí existovať lepší spôsob, ako vyriešiť tento konkrétny problém.“ Dokážete prísť na to, aké problémy to boli? Niektoré z týchto príbehov sú naozaj fascinujúce!
+2. **Odhaľte ich pôvodné príbehy**: Čo robí každý jazyk špeciálnym? Tu je zaujímavosť – každý programovací jazyk vznikol, pretože niekto si povedal: „Vieš čo? Musí byť lepší spôsob, ako vyriešiť tento konkrétny problém.“ Dokážete zistiť, aké problémy to boli? Niektoré z týchto príbehov sú naozaj fascinujúce!
 
-3. **Spoznajte komunity:** Pozrite sa, ako priateľské a vášnivé sú komunity okolo každého jazyka. Niektoré majú milióny vývojárov, ktorí zdieľajú vedomosti a pomáhajú si navzájom, iné sú menšie, ale nesmierne zjednotené a podporujúce. Určite vás bude baviť spoznávať rôzne osobnosti týchto komunít!
+3. **Spoznajte komunity**: Pozrite sa, ako priateľská a vášnivá je komunita každého jazyka. Niektoré majú milióny vývojárov, ktorí si vymieňajú znalosti a pomáhajú si navzájom, iné sú menšie, ale veľmi zblížené a podporné. Určite vás bude baviť vidieť rozdielne osobnosti týchto komunít!
 
-4. **Nasledujte svoje pocity:** Ktorý jazyk sa vám teraz zdá najprístupnejší? Nesnažte sa urobiť „dokonalú“ voľbu – len počúvajte svoju intuíciu! Naozaj tu nie je zlý výber a kedykoľvek sa môžete pozrieť aj na iné.
+4. **Nasledujte svoj pocit**: Ktorý jazyk vám teraz pripadá najprístupnejší? Nezabúdajte, že neexistuje „správna“ voľba – stačí počúvať svoju intuíciu! A vždy môžete skúmať aj iné jazyky neskôr.
 
-**Bonusová detektívna úloha:** Skúste zistiť, ktoré hlavné weby alebo aplikácie sú vytvorené s každým jazykom. Zaručujem, že budete šokovaní, čo poháňa Instagram, Netflix alebo tú mobilnú hru, ktorú neviete prestať hrať!
+**Bonusová detektívna úloha:** Skúste zistiť, ktoré veľké weby alebo aplikácie sú postavené v každom z týchto jazykov. Garantujem, že budete šokovaní, keď zistíte, čo poháňa Instagram, Netflix alebo tú mobilnú hru, ktorú nemôžete prestať hrať!
 
-> 💡 **Pamätajte:** Nepokúšate sa dnes stať odborníkom v žiadnom z týchto jazykov. Len spoznávate okolie, než sa rozhodnete, kde si založíte pôsobisko. Dajte si čas, bavte sa a nechajte sa viesť svojou zvedavosťou!
+> 💡 **Pamätajte:** Nemusíte sa dnes stať expertom v žiadnom z týchto jazykov. Len spoznávate okolie, predtým než si vyberiete, kde chcete „postaviť svoj obchod“. Dajte si na čas, bavte sa a nechajte svoje zvedavé ja viesť vás!
 
-## Oslávme to, čo ste objavili!
+## Oslávme, čo ste objavili!
 
-Panečku, dnes ste načerpali toľko neuveriteľných informácií! Som naozaj nadšený, koľko z tejto úžasnej cesty vám zostalo v pamäti. A nezabudnite – toto nie je test, kde musíte všetko vedieť na sto percent. Toto je skôr oslava všetkého super, čo ste sa dozvedeli o tomto fascinujúcom svete, do ktorého sa chystáte ponoriť!
+Sakra, dnes ste nasali toľko úžasných informácií! Úprimne sa teším, koľko z tejto úžasnej cesty vám zostalo v pamäti. A nezabudnite – toto nie je test, kde musíte byť dokonalí. Je to skôr oslava všetkého toho super, čo ste sa o tomto fascinujúcom svete, do ktorého sa chystáte ponoriť, dozvedeli!
 
-[Otestujte sa v poprednom kvíze](https://ff-quizzes.netlify.app/web/)
-## Review & Self Study
+[Prejdite si kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
 
-**Neponáhľajte sa a užívajte si to!**
+## Prehľad a samostatné štúdium
 
-Dnes ste prešli veľa a na to môžete byť hrdí! Teraz prichádza tá zábavná časť – objavovanie tém, ktoré vzbudili vašu zvedavosť. Pamätajte, toto nie je domáca úloha – je to dobrodružstvo!
+**Dajte si čas na preskúmanie a bavte sa pri tom!**
+Dnes ste toho prešli naozaj veľa, a to je niečo, na čo môžete byť hrdí! Teraz prichádza zábavná časť – skúmanie tém, ktoré vo vás vzbudili zvedavosť. Pamätajte, že toto nie je domáca úloha – je to dobrodružstvo!
 
-**Ponorte sa hlbšie do toho, čo vás zaujíma:**
+**Ponorte sa hlbšie do toho, čo vás nadchýna:**
 
-**Vyskúšajte programovacie jazyky prakticky:**
-- Navštívte oficiálne webové stránky 2 až 3 jazykov, ktoré vás zaujali. Každý z nich má svoju vlastnú osobnosť a príbeh!
-- Vyskúšajte online kódovacie „pieskoviská“ ako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) alebo [Replit](https://replit.com/). Nebojte sa experimentovať – nič nepokazíte!
-- Prečítajte si o tom, ako váš obľúbený jazyk vznikol. Niektoré z týchto príbehov pôvodu sú naozaj fascinujúce a pomôžu vám pochopiť, prečo jazyky fungujú tak, ako fungujú.
+**Vyskúšajte si programovacie jazyky prakticky:**
+- Navštívte oficiálne webové stránky 2-3 jazykov, ktoré vás zaujali. Každý má svoju vlastnú osobnosť a príbeh!
+- Vyskúšajte online kódovacie hračkárske prostredia ako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) alebo [Replit](https://replit.com/). Nebojte sa experimentovať – nič nepokazíte!
+- Prečítajte si, ako váš obľúbený jazyk vznikol. Naozaj, niektoré z týchto príbehov pôvodu sú fascinujúce a pomôžu vám pochopiť, prečo jazyky fungujú tak, ako fungujú.
 
-**Zoznámte sa s vašimi novými nástrojmi:**
-- Ak ste tak ešte nespravili, stiahnite si Visual Studio Code – je zadarmo a určite si ho zamilujete!
-- Strávte pár minút prehliadaním trhu rozšírení. Je to ako obchod s aplikáciami pre váš kódový editor!
-- Otvorte si nástroje pre vývojárov vo vašom prehliadači a klikajte. Nemusíte všetko rozumieť – len sa zoznámte s tým, čo tam je.
+**Zozoznámte sa s novými nástrojmi:**
+- Stiahnite si Visual Studio Code, ak ste tak ešte nespravili – je zadarmo a bude sa vám páčiť!
+- Strávte pár minút prehliadaním marketplace rozšírení. Je to ako obchod s aplikáciami pre váš kódový editor!
+- Otvorte si vývojárske nástroje vo vašom prehliadači a klikajte. Nemusíte všetko rozumieť – len sa zoznámte s tým, čo tam je.
 
 **Pridajte sa ku komunite:**
-- Sledujte niektoré vývojárske komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) alebo [GitHub](https://github.com/). Programátorská komunita je veľmi priateľská k nováčikom!
-- Pozrite si začiatočnícke video návody na YouTube. Existuje veľa skvelých tvorcov, ktorí vedia, aké to je začínať.
-- Zvážte pripojenie k lokálnym meet-upom alebo online komunitám. Verím, že vývojári milujú pomáhať nováčikom!
+- Sledujte niektoré vývojárske komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) alebo [GitHub](https://github.com/). Programátorská komunita je nesmierne priateľská k nováčikom!
+- Pozerajte videá na YouTube určené pre začiatočníkov. Existuje veľa skvelých tvorcov, ktorí si pamätajú, aké to je začínať.
+- Zvážte účasť na miestnych stretnutiach alebo online komunitách. Verte, vývojári radi pomáhajú nováčikom!
+
+> 🎯 **Počúvajte, toto si chcem, aby ste si zapamätali**: Neočakáva sa od vás, že sa zo dňa na deň stanete kúzelníkom programovania! Práve teraz sa iba zoznamujete s týmto úžasným novým svetom, ktorého súčasťou sa čoskoro stanete. Dajte si čas, užite si cestu a pamätajte – každý jeden vývojár, ktorého obdivujete, sedel raz presne tam, kde ste teraz vy, cítil sa nadšene a možno aj trochu preťažený. To je úplne normálne a znamená to, že to robíte správne!
+
 
-> 🎯 **Počúvajte, toto si pamätajte**: Neočakáva sa od vás, že sa zo dňa na deň stanete kódovacím mágom! Práve teraz sa iba zoznamujete s týmto úžasným novým svetom, do ktorého sa chystáte vstúpiť. Neponáhľajte sa, užívajte si cestu a pamätajte – každý jeden vývojár, ktorého obdivujete, kedysi sedel presne tam, kde ste vy, cítil sa nadšene a možno trochu zahltený. To je úplne normálne a znamená to, že to robíte správne!
 
-## Assignment
+## Úloha
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Malé povzbudenie k zadaniu**: Veľmi rád by som vás videl, ako objavujete nástroje, o ktorých sme ešte nerozprávali! Preskočte editory, prehliadače a príkazové nástroje, o ktorých sme už hovorili – existuje celý úžasný vesmír vývojárskych nástrojov, ktoré čakajú na objavenie. Hľadajte také, ktoré sa aktívne udržiavajú a majú živé, ochotné komunity (tie majú zvyčajne tie najlepšie návody a najpodpornejších ľudí, keď sa náhodou zaseknete a potrebujete priateľskú pomoc).
+> 💡 **Malý impulz pre vašu úlohu**: Veľmi rád by som vás videl objavovať niektoré nástroje, o ktorých sme ešte nehovorili! Vynechajte editory, prehliadače a príkazové nástroje, o ktorých sme už hovorili – existuje celý tento úžasný vesmír skvelých vývojárskych nástrojov, ktoré čakajú, aby ste ich objavili. Hľadajte tie, ktoré sú aktívne udržiavané a majú živé, užitočné komunity (tie majú zvyčajne tie najlepšie návody a najpodpornejších ľudí, keď sa zaseknete a potrebujete pomocnú ruku).
 
 ---
 
-## 🚀 Your Programming Journey Timeline
+## 🚀 Váš časový plán programovacej cesty
 
-### ⚡ **Čo môžete spraviť v najbližších 5 minútach**
-- [ ] Záložkujte 2-3 webové stránky programovacích jazykov, ktoré vás zaujali
-- [ ] Stiahnite si Visual Studio Code, ak ste tak ešte nespravili
-- [ ] Otvorte si DevTools vo vašom prehliadači (F12) a klikajte na ľubovoľnú stránku
-- [ ] Pridajte sa k nejakej programátorskej komunite (Dev.to, Reddit r/webdev alebo Stack Overflow)
+### ⚡ **Čo môžete urobiť v nasledujúcich 5 minútach**
+- [ ] Pridať do záložiek 2-3 webové stránky programovacích jazykov, ktoré vás zaujali
+- [ ] Stiahnuť Visual Studio Code, ak ste tak ešte nespravili
+- [ ] Otvoriť vo vašom prehliadači DevTools (F12) a kliknúť okolo akéhokoľvek webu
+- [ ] Pridať sa do jednej programátorskej komunity (Dev.to, Reddit r/webdev alebo Stack Overflow)
 
-### ⏰ **Čo môžete dosiahnuť za túto hodinu**
-- [ ] Dokončite kvíz po lekcii a zamyslite sa nad svojimi odpoveďami
-- [ ] Nastavte VS Code s rozšírením GitHub Copilot
-- [ ] Vyskúšajte "Hello World" príklad v 2 rôznych programovacích jazykoch online
-- [ ] Pozrite si video "Deň v živote vývojára" na YouTube
-- [ ] Začnite s detektívnou prácou o programovacích jazykoch (z výzvy)
+### ⏰ **Čo môžete dosiahnuť v tomto hodine**
+- [ ] Dokončiť kvíz po lekcii a zamyslieť sa nad odpoveďami
+- [ ] Nastaviť VS Code s rozšírením GitHub Copilot
+- [ ] Vyskúšať si príklad "Hello World" v 2 rôznych programovacích jazykoch online
+- [ ] Pozrieť si video "Deň v živote vývojára" na YouTube
+- [ ] Začať vašu detektívnu prácu so zvoleným programovacím jazykom (z výzvy)
 
 ### 📅 **Vaše týždenné dobrodružstvo**
-- [ ] Dokončite zadanie a preskúmajte 3 nové vývojárske nástroje
-- [ ] Sledujte 5 vývojárov alebo programátorské účty na sociálnych sieťach
-- [ ] Skúste niečo malé postaviť v CodePen alebo Replit (aj len “Hello, [vaše meno]!”)
-- [ ] Prečítajte si jeden blogový príspevok o ceste nejakého vývojára
-- [ ] Pridajte sa k virtuálnemu meetup-u alebo si pozrite programátorské prednášky
-- [ ] Začnite sa učiť vybraný jazyk cez online tutoriály
-
-### 🗓️ **Vaša mesačná transformácia**
-- [ ] Vybudujte svoj prvý malý projekt (aj jednoduchá webová stránka sa počíta!)
-- [ ] Prispievajte do open-source projektu (začnite napríklad opravou dokumentácie)
-- [ ] Mentorujte niekoho, kto práve začína svoju programátorskú cestu
-- [ ] Vytvorte si vlastné portfólio vývojára na webe
-- [ ] Spojte sa s lokálnymi vývojárskymi komunitami alebo študijnými skupinami
-- [ ] Začnite plánovať svoj ďalší vzdelávací míľnik
-
-### 🎯 **Záverečné zamyslenie**
-
-**Predtým, než budete pokračovať, oslávte to:**
-- Čo vás dnes na programovaní najviac nadchlo?
-- Ktorý nástroj alebo koncept chcete skúmať ako prvý?
-- Ako sa cítite pri štarte tejto programátorskej cesty?
-- Akú jednu otázku by ste teraz chceli položiť vývojárovi?
+- [ ] Dokončiť úlohu a preskúmať 3 nové vývojárske nástroje
+- [ ] Sledovať 5 vývojárov alebo účtov o programovaní na sociálnych sieťach
+- [ ] Pokúsiť sa vytvoriť niečo drobné v CodePen alebo Replit (aj len "Hello, [Vaše Meno]!")
+- [ ] Prečítať si jeden vývojársky blog o niečej programátorskej ceste
+- [ ] Pridať sa na virtuálne stretnutie alebo pozrieť programátorskú prednášku
+- [ ] Začať sa učiť váš zvolený jazyk cez online tutoriály
+
+### 🗓️ **Vaša mesačná premena**
+- [ ] Vytvoriť svoj prvý malý projekt (aj jednoduchá webstránka sa počíta!)
+- [ ] Prispieť do open-source projektu (začnite opravou dokumentácie)
+- [ ] Mentorovať niekoho, kto práve začína s programovaním
+- [ ] Vytvoriť si vlastnú webovú stránku portfólia
+- [ ] Spojiť sa s miestnymi vývojárskymi komunitami alebo študijnými skupinami
+- [ ] Začať plánovať svoju ďalšiu vzdelávaciu métu
+
+### 🎯 **Záverečné reflexné overenie**
+
+**Predtým, než budete pokračovať, dajte si chvíľu na oslavu:**
+- Čo je jedna vec o programovaní, ktorá vás dnes nadchla?
+- Ktorý nástroj alebo koncept chcete preskúmať ako prvý?
+- Ako sa cítite na začiatku tejto programátorskej cesty?
+- Akú jednu otázku by ste chceli práve teraz položiť vývojárovi?
 
 ```mermaid
 journey
-    title Vaša cesta k budovaniu sebavedomia
+    title Tvoja cesta k budovaniu sebadôvery
     section Dnes
       Curious: 3: You
       Overwhelmed: 4: You
@@ -844,11 +844,11 @@ journey
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **Pamätajte**: Každý expert bol raz začiatočníkom. Každý seniorský vývojár sa kedysi cítil presne ako vy teraz – nadšene, možno trochu zahltený, a určite zvedavý na to, čo všetko je možné. Ste v úžasnej spoločnosti a táto cesta bude fantastická. Vitajte v nádhernom svete programovania! 🎉
+> 🌟 **Pamätajte**: Každý odborník bol raz začiatočník. Každý senior vývojár sa kedysi cítil presne tak, ako sa cítite vy – nadšene, možno trochu preťažený, a určite zvedavý, čo je možné. Ste v úžasnej spoločnosti a táto cesta bude neuveriteľná. Vitajte v nádhernom svete programovania! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Zrieknutie sa zodpovednosti**:
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, vezmite prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Za akékoľvek nedorozumenia alebo nesprávne interpretácie vzniknuté použitím tohto prekladu nenesieme zodpovednosť.
+**Zrieknutie sa zodpovednosti**:  
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, mali by ste mať na vedomí, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre dôležité informácie sa odporúča profesionálny ľudský preklad. Nezodpovedáme za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sk/AGENTS.md b/translations/sk/AGENTS.md
index af9212a9b..5903a60a1 100644
--- a/translations/sk/AGENTS.md
+++ b/translations/sk/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Prehľad projektu
 
-Toto je vzdelávacia učebná osnova na výučbu základov webového vývoja pre začiatočníkov. Učebná osnova je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
+Toto je edukačné úložisko kurikula určené na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, zahŕňajúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
 
-### Kľúčové komponenty
+### Hlavné komponenty
 
-- **Vzdelávací obsah**: 24 štruktúrovaných lekcií organizovaných do projektovo orientovaných modulov
-- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Hra v priestore, Banková aplikácia, Kódovací editor a AI Chat asistent
-- **Interaktívne kvízy**: 48 kvízov s 3 otázkami v každom (pred a po lekcii)
-- **Podpora viacerých jazykov**: Automatizované preklady do viac než 50 jazykov prostredníctvom GitHub Actions
+- **Edukačný obsah**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
+- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Kódový editor a AI Chat asistent
+- **Interaktívne kvízy**: 48 kvízov so 3 otázkami každý (pred a po lekcii)
+- **Viacjazyčná podpora**: Automatické preklady do 50+ jazykov pomocou GitHub Actions
 - **Technológie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty)
 
 ### Architektúra
 
-- Vzdelávacie úložisko so štruktúrou založenou na lekciách
-- Každá zložka lekcie obsahuje README, príklady kódu a riešenia
-- Samostatné projekty v samostatných adresároch (quiz-app, rôzne lekčné projekty)
+- Edukačné úložisko so štruktúrou založenou na lekciách
+- Každá lekcia obsahuje README, ukážky kódu a riešenia
+- Samostatné projekty v oddelených adresároch (quiz-app, rôzne lekčné projekty)
 - Prekladový systém využívajúci GitHub Actions (co-op-translator)
-- Dokumentácia poskytovaná cez Docsify a dostupná ako PDF
+- Dokumentácia poskytovaná cez Docsify a dostupná aj vo formáte PDF
 
 ## Príkazy na nastavenie
 
-Toto úložisko je primárne na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi:
+Toto úložisko je primárne určené na štúdium edukačného obsahu. Pre prácu so špecifickými projektmi:
 
 ### Nastavenie hlavného úložiska
 
@@ -31,24 +31,24 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Nastavenie quiz aplikácie (Vue 3 + Vite)
+### Nastavenie Quiz App (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # Spustiť vývojový server
-npm run build      # Vytvoriť zostavu pre produkciu
+npm run build      # Vytvoriť produkčnú verziu
 npm run lint       # Spustiť ESLint
 ```
 
-### API banka projekt (Node.js + Express)
+### Bankový projekt API (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
 npm start          # Spustiť API server
 npm run lint       # Spustiť ESLint
-npm run format     # Formátovať pomocou Prettier
+npm run format     # Naformátovať pomocou Prettier
 ```
 
 ### Projekty rozšírení prehliadača
@@ -59,7 +59,7 @@ npm install
 # Postupujte podľa pokynov na načítanie rozšírení špecifických pre prehliadač
 ```
 
-### Projekty hry v priestore
+### Projekty vesmírnej hry
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Otvorte index.html v prehliadači alebo použite Live Server
 ```
 
-### Chat projekt (Python Backend)
+### Chat projekt (Python backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,37 +76,37 @@ pip install openai
 python api.py
 ```
 
-## Vývojový workflow
+## Vývojový pracovný tok
 
 ### Pre prispievateľov obsahu
 
-1. **Forknite úložisko** do svojho GitHub účtu
+1. **Vytvorte fork úložiska** na svoj GitHub účet
 2. **Naklonujte svoj fork** lokálne
-3. **Vytvorte nový branch** pre svoje zmeny
-4. Upravujte obsah lekcií alebo príklady kódu
-5. Testujte akékoľvek kódové zmeny v príslušných projektových adresároch
-6. Podajte pull requesty podľa smerníc pre prispievanie
+3. **Vytvorte novú vetvu** pre svoje zmeny
+4. Upraviť obsah lekcií alebo ukážky kódu
+5. Otestujte zmeny kódu v relevantných projektových adresároch
+6. Odoslať pull requesty podľa pravidiel prispievania
 
 ### Pre študentov
 
-1. Forknite alebo naklonujte úložisko
-2. Postupujte sekvenčne do adresárov lekcií
+1. Forknite alebo klonujte úložisko
+2. Postupujte sekvenčne adresáre s lekciami
 3. Čítajte README súbory ku každej lekcii
-4. Vyplňte predlekčné kvízy na https://ff-quizzes.netlify.app/web/
-5. Pracujte na príkladoch v adresároch lekcií
-6. Dokončite úlohy a výzvy
-7. Vyplňte post-lekčné kvízy
+4. Vykonajte predlekcné kvízy na https://ff-quizzes.netlify.app/web/
+5. Prejdite si kódové ukážky vo vnútri lekčných adresárov
+6. Splňte zadania a výzvy
+7. Vykonajte po lekcii kvízy
 
-### Živý vývoj
+### Live vývoj
 
 - **Dokumentácia**: Spustite `docsify serve` v koreňovom adresári (port 3000)
-- **Quiz aplikácia**: Spustite `npm run dev` v adresári quiz-app
-- **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty
-- **API projekty**: Spustite `npm start` v príslušných API adresároch
+- **Quiz App**: Spustite `npm run dev` v adresári quiz-app
+- **Projekty**: Použite VS Code rozšírenie Live Server pre HTML projekty
+- **API projekty**: Spustite `npm start` v príslušných adresároch API
 
-## Testovacie pokyny
+## Inštrukcie na testovanie
 
-### Testovanie quiz aplikácie
+### Testovanie Quiz App
 
 ```bash
 cd quiz-app
@@ -114,78 +114,78 @@ npm run lint       # Skontrolujte problémy so štýlom kódu
 npm run build      # Overte úspešnosť zostavenia
 ```
 
-### Testovanie bankového API
+### Testovanie Bank API
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Skontrolujte problémy so štýlom kódu
-node server.js     # Overte, či server štartuje bez chýb
+node server.js     # Overte, či sa server spustí bez chýb
 ```
 
-### Všeobecný prístup k testovaniu
+### Všeobecný testovací postup
 
-- Toto je vzdelávacie úložisko bez komplexných automatizovaných testov
+- Ide o edukačné úložisko bez komplexných automatizovaných testov
 - Manuálne testovanie sa zameriava na:
-  - Spustenie príkladov kódu bez chýb
-  - Funkčnosť odkazov v dokumentácii
-  - Úspešné zostavenie projektov
-  - Dodržiavanie najlepších praktík v príkladoch
+  - Kódové ukážky sa spúšťajú bez chybných hlásení
+  - Odkazy v dokumentácii fungujú správne
+  - Projekty sa úspešne zostavujú
+  - Ukážky dodržiavajú osvedčené postupy
 
-### Kontroly pred zaslaním PR
+### Kontroly pred odoslaním
 
-- Spustite `npm run lint` v adresároch s package.json
-- Overte platnosť markdown odkazov
-- Otestujte príklady kódu v prehliadači alebo Node.js
+- Spustite `npm run lint` v adresároch, kde je package.json
+- Overte, že markdown odkazy sú platné
+- Otestujte ukážky kódu v prehliadači alebo Node.js
 - Skontrolujte, či preklady zachovávajú správnu štruktúru
 
-## Návody na štýl kódu
+## Pravidlá štýlu kódu
 
 ### JavaScript
 
-- Používajte modernú ES6+ syntax
-- Dodržiavajte štandardné ESLint konfigurácie poskytnuté v projektoch
-- Používajte významné mená premenných a funkcií pre vzdelávaciu jasnosť
+- Používajte moderný ES6+ syntax
+- Dodržiavajte štandardné ESLint konfigurácie definované v projektoch
+- Používajte zrozumiteľné názvy premenných a funkcií pre lepšie pochopenie
 - Pridávajte komentáre vysvetľujúce koncepty pre študentov
-- Formátujte pomocou Prettier tam, kde je nastavený
+- Formátujte kód pomocou Prettier tam, kde je nastavený
 
 ### HTML/CSS
 
-- Sémantické HTML5 elementy
-- Zásady responzívneho dizajnu
-- Jasné pomenovanie tried
+- Používajte sémantické HTML5 prvky
+- Dodržiavajte princípy responzívneho dizajnu
+- Jasné pomenovanie CSS tried
 - Komentáre vysvetľujúce CSS techniky pre študentov
 
 ### Python
 
-- Štýlové smernice PEP 8
-- Jasné, vzdelávacie príklady kódu
-- Používanie typových anotácií tam, kde pomáhajú výučbe
+- Dodržiavajte štandard PEP 8
+- Jasné, edukačné ukážky kódu
+- Používajte typové anotácie tam, kde sú užitočné pre učenie
 
 ### Markdown dokumentácia
 
 - Jasná hierarchia nadpisov
-- Kódové bloky so špecifikáciou jazyka
+- Bloky kódu so špecifikáciou jazyka
 - Odkazy na ďalšie zdroje
-- Snímky obrazovky a obrázky v `images/` adresároch
-- Alternatívny text pre obrázky na prístupnosť
+- Screenshoty a obrázky v adresároch `images/`
+- Alt text pre obrázky pre zlepšenie prístupnosti
 
 ### Organizácia súborov
 
-- Lekcie číslované sekvenčne (1-getting-started-lessons, 2-js-basics a pod.)
-- Každý projekt má `solution/` a často `start/` alebo `your-work/` adresáre
-- Obrázky uložené v špecifických `images/` priečinkoch lekcií
-- Preklady v štruktúre `translations/{language-code}/`
+- Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics atď.)
+- Každý projekt má adresáre `solution/` a často aj `start/` alebo `your-work/`
+- Obrázky uložené v lekciových `images/` zložkách
+- Preklady v štruktúre `translations/{jazykový-kód}/`
 
-## Zostavenie a nasadenie
+## Sestavenie a nasadenie
 
-### Nasadenie quiz aplikácie (Azure Static Web Apps)
+### Nasadenie Quiz App (Azure Static Web Apps)
 
-Quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps:
+Quiz-app je nakonfigurovaná pre nasadenie na Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Vytvára priečinok dist/
-# Nasadzuje pomocou workflow GitHub Actions pri pushnutí do main
+# Nasadzuje cez workflow GitHub Actions pri pushi do main
 ```
 
 Konfigurácia Azure Static Web Apps:
@@ -200,83 +200,83 @@ npm install                    # Nainštalujte docsify-to-pdf
 npm run convert               # Vygenerujte PDF z docs
 ```
 
-### Docsify dokumentácia
+### Dokumentácia cez Docsify
 
 ```bash
 npm install -g docsify-cli    # Nainštalujte Docsify globálne
 docsify serve                 # Spustiť na localhost:3000
 ```
 
-### Zostavenie špecifické pre projekt
+### Špecifické zostavenia projektov
 
-Každý projektový adresár môže mať vlastný proces zostavenia:
-- Vue projekty: `npm run build` vytvára produkčné balíčky
-- Statické projekty: Žiadny build krok, súbory sa poskytujú priamo
+Každý projektový adresár môže mať vlastný build proces:
+- Vue projekty: `npm run build` vytvára produkčné balíky
+- Statické projekty: Bez build kroku, súbory servované priamo
 
-## Smernice pre pull requesty
+## Pravidlá pre pull requesty
 
-### Formát názvu
+### Formát nadpisu
 
-Používajte jasné, popisné názvy označujúce oblasť zmeny:
+Používajte jasné, popisné názvy vyjadrujúce oblasť zmeny:
 - `[Quiz-app] Pridanie nového kvízu pre lekciu X`
-- `[Lesson-3] Oprava preklepu v projekte terrarium`
+- `[Lesson-3] Oprava preklepu v projekte terrárium`
 - `[Translation] Pridanie španielskeho prekladu pre lekciu 5`
 - `[Docs] Aktualizácia inštrukcií na nastavenie`
 
-### Povinné kontroly
+### Požadované kontroly
 
 Pred odoslaním PR:
 
 1. **Kvalita kódu**:
-   - Spustite `npm run lint` v ovplyvnených projektových adresároch
-   - Opravte všetky chyby a varovania lintera
+   - Spustite `npm run lint` v dotknutých projektových adresároch
+   - Opravte všetky linting chyby a varovania
 
-2. **Overenie build-u**:
+2. **Overenie buildu**:
    - Spustite `npm run build`, ak je to relevantné
-   - Uistite sa, že nie sú žiadne chyby zostavenia
+   - Uistite sa, že nie sú chyby v build procese
 
 3. **Validácia odkazov**:
    - Otestujte všetky markdown odkazy
-   - Overte fungovanie referencií na obrázky
+   - Overte správne fungovanie odkazov na obrázky
 
 4. **Kontrola obsahu**:
    - Korektúra pravopisu a gramatiky
-   - Overenie správnosti a vzdelávacieho aspektu príkladov kódu
-   - Kontrola, či preklady zachovávajú pôvodný význam
+   - Overenie správnosti a edukačnej hodnoty kódových príkladov
+   - Overenie, že preklady zachovávajú pôvodný význam
 
-### Požiadavky na príspevok
+### Požiadavky na prispievateľov
 
-- Súhlas so zmluvou Microsoft CLA (automatická kontrola pri prvom PR)
-- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Viac detailov v [CONTRIBUTING.md](./CONTRIBUTING.md)
-- Referencia na čísla issue v popise PR, ak je to relevantné
+- Súhlas s Microsoft CLA (automatická kontrola pri prvom PR)
+- Dodržiavať [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Viac info v [CONTRIBUTING.md](./CONTRIBUTING.md)
+- Uvádzať čísla issues v popise PR, ak sa to týka
 
-### Proces preskúmania
+### Proces revízie
 
-- PR prehliadajú správci a komunita
-- Prioritou je vzdelávacia zrozumiteľnosť
-- Príklady kódu by mali dodržiavať súčasné najlepšie praktiky
-- Preklady sú preskúmavané na presnosť a kultúrnu vhodnosť
+- PR prehliadajú správcovia a komunita
+- Priorita je edukačná zrozumiteľnosť
+- Kódové príklady by mali dodržiavať aktuálne osvedčené postupy
+- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti
 
 ## Prekladový systém
 
 ### Automatizovaný preklad
 
-- Používa GitHub Actions so workflow co-op-translator
-- Prekladá do viac než 50 jazykov automaticky
-- Zdrojové súbory sú v hlavných adresároch
-- Preložené súbory sú v `translations/{language-code}/` adresároch
+- Využíva GitHub Actions so workflow co-op-translator
+- Automaticky prekladá do 50+ jazykov
+- Zdrojové súbory v hlavných adresároch
+- Preložené súbory v `translations/{jazykový-kód}/`
 
-### Pridávanie manuálnych zlepšení prekladu
+### Pridávanie manuálnych vylepšení prekladu
 
-1. Nájdite súbor v `translations/{language-code}/`
-2. Zlepšite obsah pri zachovaní štruktúry
-3. Zabezpečte, že príklady kódu zostanú funkčné
-4. Otestujte lokalizovaný obsah kvízov
+1. Nájdite súbor v `translations/{jazykový-kód}/`
+2. Vykonajte úpravy pri zachovaní štruktúry
+3. Uistite sa, že kódové príklady zostávajú funkčné
+4. Otestujte lokalizovaný obsah kvízu
 
 ### Metadata prekladu
 
-Preložené súbory obsahujú hlavičku s metadátami:
+Preložené súbory obsahujú hlavičku metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,100 +293,100 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Bežné problémy
 
-**Quiz aplikácia sa nespustí**:
-- Skontrolujte verziu Node.js (odporúča sa v14+)
-- Vymažte `node_modules` a `package-lock.json`, znovu spustite `npm install`
-- Overte konflikty portov (predvolené: Vite používa port 5173)
+**Quiz app sa nespúšťa**:
+- Skontrolujte verziu Node.js (odporúčaná v14+)
+- Odstráňte `node_modules` a `package-lock.json`, spustite `npm install` znova
+- Skontrolujte konflikt portov (predvolené: Vite používa port 5173)
 
-**API server sa nespustí**:
-- Skontrolujte, či verzia Node.js spĺňa minimálne požiadavky (node >=10)
-- Overte, či port nie je už obsadený
+**API server sa nespúšťa**:
+- Overte minimálnu požadovanú verziu Node.js (node >=10)
+- Skontrolujte, či port nie je už obsadený
 - Uistite sa, že všetky závislosti sú nainštalované cez `npm install`
 
 **Rozšírenie prehliadača sa nenačíta**:
-- Overte správne formátovanie manifest.json
-- Skontrolujte konzolu prehliadača na chyby
-- Postupujte podľa inštrukcií pre inštaláciu rozšírení špecifických pre prehliadač
+- Skontrolujte správne formátovanie manifest.json
+- Prezrite konzolu prehliadača kvôli chybám
+- Dodržiavajte inštrukcie inštalácie rozšírení pre daný prehliadač
 
 **Problémy s Python chat projektom**:
 - Overte, či je nainštalovaný balík OpenAI: `pip install openai`
-- Skontrolujte nastavenie environmentálnej premennej GITHUB_TOKEN
-- Skontrolujte prístupové práva k GitHub Models
+- Skontrolujte, či je nastavená premenná prostredia GITHUB_TOKEN
+- Overte prístupové práva k GitHub Models
 
-**Docsify neposkytuje dokumentáciu**:
+**Docsify neservíruje dokumentáciu**:
 - Nainštalujte docsify-cli globálne: `npm install -g docsify-cli`
-- Spustite z koreňového adresára úložiska
-- Overte, že existuje `docs/_sidebar.md`
+- Spúšťajte z koreňového adresára repo
+- Overte, že existuje súbor `docs/_sidebar.md`
 
 ### Tipy pre vývojové prostredie
 
 - Používajte VS Code s rozšírením Live Server pre HTML projekty
-- Nainštalujte rozšírenia ESLint a Prettier pre konzistentné formátovanie
-- Používajte DevTools prehliadača na ladenie JavaScriptu
-- Pre Vue projekty nainštalujte rozšírenie Vue DevTools do prehliadača
+- Inštalujte ESLint a Prettier rozšírenia pre konzistentné formátovanie
+- Používajte prehliadačové DevTools na ladenie JavaScriptu
+- Pre Vue projekty nainštalujte Vue DevTools rozšírenie prehliadača
 
 ### Výkonnostné úvahy
 
-- Veľké množstvo preložených súborov (50+ jazykov) znamená, že úplné klony sú veľké
-- Používajte shallow clone, ak pracujete iba s obsahom: `git clone --depth 1`
-- Pri práci s anglickým obsahom vylúčte preklady z vyhľadávania
-- Build procesy môžu byť pri prvom spustení pomalé (npm install, Vite build)
+- Veľké množstvo prekladaných súborov (50+ jazykov) spôsobuje veľké clone repozitára
+- Používajte shallow clone, ak pracujete len s obsahom: `git clone --depth 1`
+- Vynechávajte preklady z vyhľadávania pri práci v angličtine
+- Sestavovacie procesy môžu byť pomalé pri prvom spustení (npm install, Vite build)
 
-## Bezpečnostné upozornenia
+## Bezpečnostné opatrenia
 
-### Environmentálne premenne
+### Premenné prostredia
 
-- API kľúče by nikdy nemali byť commitnuté do repozitára
+- API kľúče by nikdy nemali byť commitované do úložiska
 - Používajte `.env` súbory (už v `.gitignore`)
-- Dokumentujte potrebné environmentálne premenne v README projektov
+- Dokumentujte požadované premenné prostredia v README projektov
 
 ### Python projekty
 
 - Používajte virtuálne prostredia: `python -m venv venv`
-- Udržiavajte závislosti aktualizované
-- GitHub tokeny by mali mať minimálne potrebné povolenia
+- Udržiavajte závislosti aktuálne
+- GitHub tokeny by mali mať minimálne potrebné oprávnenia
 
 ### Prístup k GitHub Models
 
-- Osobné prístupové tokeny (PAT) sú vyžadované pre GitHub Models
-- Tokeny by mali byť uložené ako environmentálne premenne
+- Potrebné sú Personal Access Tokens (PAT)
+- Tokeny ukladajte ako environmentálne premenné
 - Nikdy necommitujte tokeny alebo prihlasovacie údaje
 
-## Dodatočné poznámky
+## Ďalšie poznámky
 
-### Cieľové publikum
+### Cieľová skupina
 
 - Úplní začiatočníci vo webovom vývoji
 - Študenti a samoukovia
-- Učitelia používajúci osnovu vo vyučovaní
-- Obsah navrhnutý pre prístupnosť a postupné budovanie zručností
+- Učitelia používajúci kurikulum v triedach
+- Obsah navrhnutý pre prístupnosť a postupné nadobúdanie zručností
 
-### Vzdelávacia filozofia
+### Edukačná filozofia
 
-- Projektovo orientované učenie
-- Časté kontroly poznatkov (kvízy)
-- Praktické kódovacie cvičenia
-- Príklady aplikácií z reálneho sveta
-- Dôraz na základy pred frameworkmi
+- Prístup založený na projektoch
+- Časté kontrolné otázky (kvízy)
+- Praktické programovacie cvičenia
+- Príklady z reálneho sveta
+- Dôraz na základy pred frameworkami
 
 ### Údržba úložiska
 
 - Aktívna komunita študentov a prispievateľov
 - Pravidelné aktualizácie závislostí a obsahu
-- Issue a diskusie monitorované správcom
-- Aktualizácie prekladov automatizované cez GitHub Actions
+- Správa issues a diskusií od správcov
+- Automatické aktualizácie prekladov cez GitHub Actions
 
 ### Súvisiace zdroje
 
 - [Microsoft Learn moduly](https://docs.microsoft.com/learn/)
 - [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) odporúčaný pre študentov
-- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT učebné osnovy dostupné
+- Ďalšie kurzy: Generatívna AI, Data Science, ML, IoT kurikulum dostupné
 
-### Práca s konkrétnymi projektmi
+### Práca so špecifickými projektmi
 
 Pre podrobné inštrukcie k jednotlivým projektom si pozrite README súbory v:
-- `quiz-app/README.md` - Vue 3 quiz aplikácia
+- `quiz-app/README.md` - Vue 3 kvízová aplikácia
 - `7-bank-project/README.md` - Banková aplikácia s autentifikáciou
 - `5-browser-extension/README.md` - Vývoj rozšírení prehliadača
 - `6-space-game/README.md` - Vývoj hry založenej na Canvas
@@ -394,15 +394,15 @@ Pre podrobné inštrukcie k jednotlivým projektom si pozrite README súbory v:
 
 ### Štruktúra monorepa
 
-Aj keď nejde o tradičné monorepo, toto úložisko obsahuje niekoľko nezávislých projektov:
+Aj keď nejde o tradičné monorepo, toto úložisko obsahuje viacero nezávislých projektov:
 - Každá lekcia je samostatná
 - Projekty nezdieľajú závislosti
-- Pracujte na jednotlivých projektoch bez vplyvu na ostatné
-- Naklonujte celé repozitárum pre kompletný zážitok z osnovy
+- Pracujte na jednotlivých projektoch bez ovplyvnenia ostatných
+- Naklonujte celé repo pre plné kurikulumové skúsenosti
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Vymedzenie zodpovednosti**:  
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme zabezpečiť presnosť, majte prosím na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu nenesieme zodpovednosť.
+**Upozornenie**:  
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, treba mať na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vzniknuté z použitia tohto prekladu.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sk/README.md b/translations/sk/README.md
index 8cbaf9ff3..3e66a575b 100644
--- a/translations/sk/README.md
+++ b/translations/sk/README.md
@@ -1,250 +1,254 @@
-# Webový vývoj pre začiatočníkov - učebný plán
+# Vývoj webu pre začiatočníkov - Učebný plán
 
-Naučte sa základy webového vývoja s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si zapamätanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu kódovania už dnes!
+Naučte sa základy vývoja webu s naším 12-týždňovým komplexným kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte uchovávanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu programovania ešte dnes!
 
-Pridajte sa do komunity Azure AI Foundry na Discorde
+Pripojte sa ku komunite Azure AI Foundry na Discorde
 
-Nasledujte tieto kroky, aby ste mohli začať používať tieto zdroje:
-1. **Vytvorte fork repozitára**: Kliknite na [![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. **Naklonujte repozitár**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Pridajte sa do Azure AI Foundry Discordu a stretnite expertov a ďalších vývojárov**](https://discord.com/invite/ByRwuEEgH4)
+Nasledujte tieto kroky, aby ste začali používať tieto zdroje:  
+1. **Forknite si repozitár**: Kliknite na [![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. **Klónujte repozitár**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`  
+3. [**Pripojte sa ku komunite Azure AI Foundry na Discorde a spoznajte odborníkov a kolegov vývojárov**](https://discord.com/invite/ByRwuEEgH4)  
 
 ### 🌐 Podpora viacerých jazykov
 
 #### Podporované cez GitHub Action (automatizované a vždy aktuálne)
 
-> **Uprednostňujete lokálne klonovanie?**
-
-> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zvyšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite sparse checkout:
-> ```bash
+> **Preferujete klonovanie lokálne?**  
+>  
+> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite 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'
 > ```
-> Tým získate všetko, čo potrebujete na absolvovanie kurzu s oveľa rýchlejším sťahovaním.
+>  
+> **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"
+> ```
+>  
+>  
+> Toto vám poskytne všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním.
 
-**Ak chcete, aby boli podporované ďalšie jazyky prekladov, nájdete ich [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Ak chcete podporu ďalších jazykov prekladov, nájdete ich zoznam [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 #### 🧑‍🎓 _Ste študent?_
 
-Navštívte [**študentskú stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca spôsoby, ako získať bezplatný certifikát. Toto je stránka, ktorú si chcete uložiť do záložiek a občas si ju pozrieť, pretože obsah sa mení každý mesiac.
-
-### 📣 Oznámenie - nové výzvy režimu GitHub Copilot Agent na dokončenie!
-
-Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v najväčšine kapitol. To je nová výzva na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie.
+Navštívte [**študentskú stránku Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca spôsoby, ako získať bezplatný certifikátový poukaz. Toto je stránka, ktorú si chcete uložiť medzi záložky a čas od času ju skontrolovať, pretože obsah sa mení každý mesiac.
 
-### 📣 Oznámenie - _nový projekt na vybudovanie pomocou generatívnej AI_
+### 📣 Oznámenie - Nové výzvy režimu GitHub Copilot Agent na dokončenie!
 
-Práve bol pridaný nový projekt AI asistenta, pozrite si [projekt](./9-chat-project/README.md)
+Pridaná nová výzva, nájdite "GitHub Copilot Agent Challenge 🚀" v väčšine kapitol. Je to nová výzva pre vás na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj tvoriť a upravovať súbory, spúšťať príkazy a ďalšie.
 
-### 📣 Oznámenie - _nový učebný plán_ o generatívnej AI pre JavaScript práve vydaný
+### 📣 Oznámenie - _Nový projekt postavený pomocou generatívnej AI_ 
 
-Nezmeškajte náš nový učebný plán o generatívnej AI!
+Pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md)
 
-Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby ste mohli začať!
+### 📣 Oznámenie - _Nový učebný plán_ na Generatívnu AI pre JavaScript práve vydaný
 
-![Background](../../translated_images/sk/background.148a8d43afde5730.webp)
+Nezmeškajte náš nový učebný plán Generatívnej AI!
 
-- Lekcie pokrývajú všetko od základov po RAG.
-- Interagujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie.
-- Zábavný a pútavý príbeh, budete cestovať časom!
+Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
 
-![character](../../translated_images/sk/character.5c0dd8e067ffd693.webp)
+- Lekcie pokrývajú všetko od základov po RAG.  
+- Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie.  
+- Zábavný a pútavý príbeh, budete cestovať časom!  
 
-Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktoré vás prevedú témami ako:
-- Promptovanie a prompt engineering
-- Generovanie textových a obrazových aplikácií
-- Vyhľadávacie aplikácie
+Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie učením tém ako:  
+- Promptovanie a návrh promptov  
+- Generovanie textových a obrazových aplikácií  
+- Vyhľadávacie aplikácie  
 
-Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby ste mohli začať!
+Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
 
 
 
 ## 🌱 Začíname
 
-> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Radi uvítame vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Budeme radi za vašu spätnú väzbu [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pre každú lekciu začnite kvízom pred prednáškou, pokračujte čítaním prednáškového materiálu, dokončite rôzne aktivity a overte si svoje porozumenie pomocou kvízu po prednáške.
+**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite prednáškovým kvízom a pokračujte čítaním prednáškového materiálu, dokončovaním rôznych aktivít a overte si pochopenie pomocou povykaného kvízu.
 
-Pre zlepšenie vášho učenia sa spojte so svojimi rovesníkmi a pracujte spoločne na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde vám bude k dispozícii náš tím moderátorov na zodpovedanie otázok.
+Pre lepší zážitok z učenia sa spojte so svojimi spolužiakmi, aby ste mohli spoločne pracovať na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde bude tím moderátorov pripravený odpovedať na vaše otázky.
 
-Pre rozšírenie vašich vedomostí dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
+Pre ďalšie vzdelávanie dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
 
 ### 📋 Nastavenie vášho prostredia
 
-Tento učebný plán má pripravené vývojové prostredie! Keď začnete, môžete si vybrať spustenie kurzu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, ktoré nevyžaduje inštaláciu_), alebo lokálne na vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Tento učebný plán má pripravené vývojové prostredie! Na začiatku môžete vybrať spustenie učebného plánu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, nie je potrebná inštalácia_) alebo lokálne vo vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Vytvorte si svoj repozitár
-Pre jednoduché uloženie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Tým sa vytvorí nový repozitár vo vašom GitHub účte s kópiou učebného plánu.
+#### Vytvorte si vlastný repozitár  
+Pre jednoduché ukladanie svojej práce odporúčame vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Toto vytvorí nový repozitár vo vašom účte GitHub s kópiou učebného plánu.
 
-Postupujte podľa týchto krokov:
-1. **Vytvorte fork repozitára**: Kliknite na tlačidlo "Fork" v pravom hornom rohu tejto stránky.
-2. **Naklonujte repozitár**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Postupujte podľa týchto krokov:  
+1. **Forknite si repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky.  
+2. **Klónujte repozitár**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`  
 
-#### Spustenie kurzu v Codespace
+#### Spustenie učebného plánu v Codespace
 
-Vo vašej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
+Vo vašej vlastnej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
 
-![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.webp)
+#### Spustenie učebného plánu lokálne na vašom počítači
 
-#### Spustenie kurzu lokálne na vašom počítači
+Ak chcete spustiť učebný plán lokálne, budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje.
 
-Na spustenie tohto kurzu lokálne potrebujete textový editor, prehliadač a nástroj príkazového riadka. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje.
-
-Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. Naklonujte svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
+Našou odporúčanou voľbou je použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klonujte si svoj repozitár do svojho počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
 
     [CodeSpace](./images/createcodespace.png)
-Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) vo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `<your-repository-url>` nahraďte URL, ktorú ste práve skopírovali:
+
+    Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `<your-repository-url>` nahraďte URL, ktorú ste práve skopírovali:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **Súbor** > **Otvoriť priečinok** a vybratím priečinka, ktorý ste práve naklonovali.
+2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve sklonovaného priečinka.
 
 
-> Odporúčané rozšírenia Visual Studio Code:
+>  Odporúčané rozšírenia Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - na náhľad HTML stránok priamo vo Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na pomoc pri rýchlejšom písaní kódu
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na rýchlejšie písanie kódu
 
 ## 📂 Každá lekcia obsahuje:
 
-- voliteľnú sketchnotku
+- voliteľnú náčrtovú poznámku (sketchnote)
 - voliteľné doplnkové video
-- rozcvičku pred lekciou formou kvízu
-- napísanú lekciu
-- pre projektové lekcie krok za krokom návody, ako projekt vybudovať
-- kontroly vedomostí
+- rozcvičujúci kvíz pred lekciou
+- písanú lekciu
+- pre lekcie založené na projekte, podrobné návody krok za krokom ako projekt zostrojiť
+- overenia vedomostí
 - výzvu
 - doplnkové čítanie
 - zadanie
 - [kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
 
-> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov po troch otázkach. Nájdete ich [tu](https://ff-quizzes.netlify.app/web/). Kvízová aplikácia môže byť spustená lokálne alebo nasadená na Azure; postupujte podľa inštrukcií v priečinku `quiz-app`.
+> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov so zloženými z troch otázok. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/) a aplikáciu kvízov môžeš spustiť lokálne alebo nasadiť do Azure; postupuj podľa pokynov v priečinku `quiz-app`.
 
 ## 🗃️ Lekcie
 
-|     |                       Názov projektu                       |                            Prebrané koncepty                             | Ciele učenia                                                                                                                      |                                                         Prepojená lekcia                                                          |         Autor          |
-| :-: | :---------------------------------------------------------: | :-----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Začíname                               |           Úvod do programovania a nástroje remesla                      | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri pomáhajúcom profesionálnym vývojárom                      | [Úvod do programovacích jazykov a nástrojov remesla](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)       |         Jasmine         |
-| 02  |                     Začíname                               |             Základy GitHub, vrátane práce v tíme                        | Ako používať GitHub vo vašom projekte, ako spolupracovať s ostatnými na kóde                                                      |                            [Úvod do GitHub](./1-getting-started-lessons/2-github-basics/README.md)                                   |          Floor          |
-| 03  |                     Začíname                               |                             Prístupnosť                                  | Naučte sa základy prístupnosti na webe                                                                                            |                       [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md)                                  |       Christopher       |
-| 04  |                        Základy JS                          |                         Dátové typy JavaScriptu                         | Základy dátových typov v JavaScripte                                                                                              |                                       [Dátové typy](./2-js-basics/1-data-types/README.md)                                          |         Jasmine         |
-| 05  |                        Základy JS                          |                         Funkcie a metódy                               | Naučte sa o funkciách a metódach na riadenie logiky aplikácie                                                                    |                              [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md)                                       | Jasmine a Christopher   |
-| 06  |                        Základy JS                          |                        Rozhodovanie v JS                                | Naučte sa, ako vytvárať podmienky vo vašom kóde pomocou rozhodovacích metód                                                       |                                 [Rozhodovanie](./2-js-basics/3-making-decisions/README.md)                                       |         Jasmine         |
-| 07  |                        Základy JS                          |                            Polia a cykly                                | Práca s dátami pomocou polí a cyklov v JavaScripte                                                                               |                                   [Polia a cykly](./2-js-basics/4-arrays-loops/README.md)                                        |         Jasmine         |
-| 08  |       [Terrárium](./3-terrarium/solution/README.md)        |                            HTML v praxi                                | Postavte HTML pre online terrárium, zamerané na tvorbu rozloženia stránky                                                        |                                 [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md)                                         |           Jen           |
-| 09  |       [Terrárium](./3-terrarium/solution/README.md)        |                            CSS v praxi                                 | Postavte CSS na štýlovanie online terrária, zamerajte sa na základy CSS vrátane responzívneho dizajnu                            |                                  [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md)                                          |           Jen           |
-| 10  |            [Terrárium](./3-terrarium/solution/README.md)   |                 JavaScript Closure, manipulácia s DOM                 | Vybudujte JavaScript, ktorý umožní drag/drop rozhranie terrária, zamerajte sa na closure a manipuláciu s DOM                    |                  [JavaScript Closure, manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                    |           Jen           |
-| 11  |          [Hra na písanie](./4-typing-game/solution/README.md)  |                          Vytvorenie hry na písanie                     | Naučte sa používať udalosti klávesnice na riadenie logiky JavaScriptovej aplikácie                                              |                                [Programovanie riadené udalosťami](./4-typing-game/typing-game/README.md)                            |       Christopher       |
-| 12  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) |                         Práca s prehliadačmi                          | Naučte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základy rozšírenia prehliadača                                   |                               [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md)                                  |           Jen           |
-| 13  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných             | Vytvorte JavaScriptové prvky rozšírenia prehliadača, ktoré volajú API a používajú premenné uložené v lokálnom úložisku           |                [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) |       Pozadie procesov v prehliadači, webový výkon                   | Použite pozadné procesy prehliadača na správu ikony rozšírenia; naučte sa o webovom výkone a optimalizáciách                    |             [Pozadné úlohy a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md)                         |           Jen           |
-| 15  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |        Pokročilejšie vývoj hier v JavaScripte                        | Naučte sa o dedičnosti cez triedy aj kompozíciu a o vzore Pub/Sub, v príprave na vytvorenie hry                                 |                      [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md)                                    |          Chris          |
-| 16  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |                            Kreslenie na canvas                        | Naučte sa o Canvas API, ktoré sa používa na kreslenie prvkov na obrazovku                                                      |                                [Kreslenie na Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |                    Pohyb prvkov na obrazovke                         | Objavte, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API                                                 |                           [Pohyb prvkov](./6-space-game/3-moving-elements-around/README.md)                                        |          Chris          |
-| 18  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |                          Detekcia kolízií                            | Urobte, aby sa prvky zrážali a reagovali navzájom pomocou stlačení klávesov; pridajte cooldown funkciu na zabezpečenie výkonu   |                              [Detekcia kolízií](./6-space-game/4-collision-detection/README.md)                                   |          Chris          |
-| 19  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |                             Udržiavanie skóre                         | Vykonávajte matematické výpočty na základe stavu a výkonu hry                                                                  |                                    [Udržiavanie skóre](./6-space-game/5-keeping-score/README.md)                                  |          Chris          |
-| 20  |           [Hra vo vesmíre](./6-space-game/solution/README.md)           |                      Ukončenie a reštart hry                         | Naučte sa o ukončení a reštartovaní hry vrátane čistenia zdrojov a resetovania premenných                                      |                                [Podmienka ukončenia](./6-space-game/6-end-condition/README.md)                                     |          Chris          |
-| 21  |         [Banková aplikácia](./7-bank-project/solution/README.md)         |              HTML šablóny a trasy vo webovej aplikácii               | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón                                   |                            [HTML šablóny a trasy](./7-bank-project/1-template-route/README.md)                                   |          Yohan          |
-| 22  |         [Banková aplikácia](./7-bank-project/solution/README.md)         |               Vytvorenie prihlasovacieho a registračného formulára    | Naučte sa vytvárať formuláre a spracovávať validačné rutiny                                                                     |                                           [Formuláre](./7-bank-project/2-forms/README.md)                                       |          Yohan          |
-| 23  |         [Banková aplikácia](./7-bank-project/solution/README.md)         |                Spôsoby získavania a využívania dát                    | Ako do vašej aplikácie vstupujú a z nej vychádzajú dáta, ako ich získavať, ukladať a likvidovať                                  |                                            [Dáta](./7-bank-project/3-data/README.md)                                          |          Yohan          |
-| 24  |         [Banková aplikácia](./7-bank-project/solution/README.md)         |                    Koncepty správy stavu                             | Naučte sa, ako si vaša aplikácia udržiava stav a ako s ním manažovať programovo                                                |                                [Správa stavu](./7-bank-project/4-state-management/README.md)                                    |          Yohan          |
-| 25 | [Kód prehliadača/VScode](../../8-code-editor) | Práca s VScode | Naučte sa používať editor kódu | [Použitie VScode Editora](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučte sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
-
-## 🏫 Pedagógia
-
-Náš učebný plán je navrhnutý s ohľadom na dve kľúčové pedagogické princípy:
+|     |                       Názov projektu                       |                            Naučené koncepty                             | Učebné ciele                                                                                                                 |                                                         Prepojená lekcia                                                          |         Autor          |
+| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Začíname                              |           Úvod do programovania a nástrojov remesla                    | Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom                   | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)         |         Jasmine         |
+| 02  |                     Začíname                              |             Základy GitHubu, vrátane práce v tíme                      | Ako používať GitHub v projekte, ako spolupracovať s ostatnými na zdrojovom kóde                                               |                            [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Začíname                              |                              Prístupnosť                               | Naučiť sa základy webovej prístupnosti                                                                                       |                       [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md)                             |       Christopher       |
+| 04  |                        Základy JS                         |                      Dátové typy v JavaScripte                        | Základy dátových typov v JavaScripte                                                                                          |                                       [Dátové typy](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Základy JS                         |                       Funkcie a metódy                                | Naučiť sa o funkciách a metódach na riadenie logiky aplikácie                                                                |                              [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md)                               | Jasmine a Christopher   |
+| 06  |                        Základy JS                         |                      Rozhodovanie s JS                                | Naučiť sa vytvárať podmienky v kóde pomocou rozhodovacích metód                                                              |                                 [Rozhodovanie](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Základy JS                         |                        Pole a cykly                                  | Práca s dátami pomocou polí a cyklov v JavaScripte                                                                           |                                   [Pole a cykly](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrárium](./3-terrarium/solution/README.md)       |                            HTML v praxi                              | Vytvoriť HTML pre online terrárium so zameraním na rozloženie                                                                |                                 [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md)                                         |           Jen           |
+| 09  |       [Terrárium](./3-terrarium/solution/README.md)       |                            CSS v praxi                               | Vytvoriť CSS pre štýlovanie online terrária, so zameraním na základy CSS vrátane responzívneho dizajnu                        |                                  [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md)                                        |           Jen           |
+| 10  |            [Terrárium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, manipulácia s DOM               | Vytvoriť JavaScript pre funkčný drag/drop rozhranie terrária, so zameraním na closures a manipuláciu s DOM                    |                  [JavaScript Closures, manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                  |           Jen           |
+| 11  |          [Hra na písanie](./4-typing-game/solution/README.md)       |                          Vytvorenie hry na písanie                    | Naučiť sa používať klávesnicové udalosti pre ovládanie logiky JavaScript aplikácie                                            |                                [Programovanie na základe udalostí](./4-typing-game/typing-game/README.md)                       |       Christopher       |
+| 12  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) |                         Práca s prehliadačmi                         | Naučiť sa ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky prehliadačového rozšírenia                       |                               [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md)                               |           Jen           |
+| 13  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných do lokálneho ukladiska | Vytvoriť JavaScript prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom ukladisku              |                [API, formuláre a lokálne ukladisko](./5-browser-extension/2-forms-browsers-local-storage/README.md)               |           Jen           |
+| 14  | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) |          Procesy na pozadí v prehliadači, výkon webu                  | Použiť procesy na pozadí pre správu ikony rozšírenia, naučiť sa o výkone webu a optimalizáciách                                |             [Procesy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md)                   |           Jen           |
+| 15  |           [Hra v priestore](./6-space-game/solution/README.md)           |             Pokročilejšie vývoj hier v JavaScripte                   | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry                                |                      [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md)                                |          Chris          |
+| 16  |           [Hra v priestore](./6-space-game/solution/README.md)           |                           Kreslenie na plátno                         | Naučiť sa o Canvas API, používanom na kreslenie prvkov na obrazovke                                                           |                                [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md)                             |          Chris          |
+| 17  |           [Hra v priestore](./6-space-game/solution/README.md)           |                   Pohybovanie prvkov po obrazovke                    | Zistiť, ako prvky získavajú pohyb pomocou karteziánskych súradníc a Canvas API                                                |                           [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md)                              |          Chris          |
+| 18  |           [Hra v priestore](./6-space-game/solution/README.md)           |                          Detekcia kolízie                             | Vytvoriť kolízie medzi prvkami a reakcie na seba prostredníctvom stlačení klávesov a poskytnúť cooldown funkciu pre výkon hry  |                              [Detekcia kolízie](./6-space-game/4-collision-detection/README.md)                               |          Chris          |
+| 19  |           [Hra v priestore](./6-space-game/solution/README.md)           |                             Sledovanie skóre                          | Vykonávať matematické výpočty podľa stavu a výkonu hry                                                                       |                                    [Sledovanie skóre](./6-space-game/5-keeping-score/README.md)                              |          Chris          |
+| 20  |           [Hra v priestore](./6-space-game/solution/README.md)           |                     Končenie a reštart hry                            | Naučiť sa o ukončení a reštartovaní hry, vrátane čistenia zdrojov a resetovania premenných                                    |                                [Podmienka ukončenia](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banková aplikácia](./7-bank-project/solution/README.md)          |                 Šablóny HTML a routovanie v webovej aplikácii        | Naučiť sa vytvoriť rozvrhnutie viacstránkového webu pomocou routovania a HTML šablón                                            |                            [HTML Šablóny a routovanie](./7-bank-project/1-template-route/README.md)                           |          Yohan          |
+| 22  |         [Banková aplikácia](./7-bank-project/solution/README.md)          |                  Vytvorenie prihlasovacieho a registračného formulára | Naučiť sa o tvorbe formulárov a spracovaní validácie                                                                          |                                           [Formuláre](./7-bank-project/2-forms/README.md)                                  |          Yohan          |
+| 23  |         [Banková aplikácia](./7-bank-project/solution/README.md)          |                   Spôsoby získavania a používania dát                 | Ako do aplikácie prenikajú dáta, ako ich načítať, uložiť a odstrániť                                                         |                                            [Dáta](./7-bank-project/3-data/README.md)                                       |          Yohan          |
+| 24  |         [Banková aplikácia](./7-bank-project/solution/README.md)          |                      Koncepty riadenia stavu                         | Naučiť sa, ako aplikácia uchováva stav a ako ho programovo riadiť                                                            |                                [Riadenie stavu](./7-bank-project/4-state-management/README.md)                               |          Yohan          |
+| 25  | [Kód editor/Brower/VScode](../../8-code-editor) | Práca s VScode | Naučiť sa používať editor kódu | [Použitie editora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26  | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučiť sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
+
+## 🏫 Pedagogika
+
+Naše učebné osnovy sú navrhnuté s dvoma kľúčovými pedagogickými princípmi na pamäti:
 * učenie založené na projektoch
 * časté kvízy
 
-Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať možnosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terrária, ekologického rozšírenia prehliadača, hry typu space invaders a bankovej aplikácie pre podniky. Na konci série získajú študenti pevné základy vo webovom vývoji.
+Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať príležitosť získať praktické skúsenosti vytvorením hry na písanie, virtuálneho terária, ekologicky šetrného rozšírenia prehliadača, hry v štýle Space Invader a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja.
 
-> 🎓 Môžete absolvovať prvé lekcie tohto učebného plánu ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Môžete absolvovať prvých niekoľko lekcií z tohto učebného plánu ako [Cestu učenia](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
 
-Zaradením obsahu do projektov sa celý proces stáva pre študentov atraktívnejším a zvyšuje sa udržanie naučených konceptov. Tiež sme pripravili niekoľko úvodných lekcií o základoch JavaScriptu, ktoré vysvetľujú koncepty, doplnených videom z kolekcie "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorých niektorí autori prispeli k tomuto učebnému plánu.
+Zabezpečením souladu obsahu s projektmi je proces pre študentov atraktívnejší a dochádza k lepšiemu zapamätaniu si konceptov. Napísali sme takisto niekoľko úvodných lekcií k základom JavaScriptu na predstavenie konceptov, sprevádzané videom zo série "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli aj k týmto osnovám.
 
-Okrem toho nízko-stresový kvíz pred vyučovaním nastaví študentovi zámer učiť sa tému, zatiaľ čo druhý kvíz po vyučovaní zabezpečuje ďalšie upevnenie vedomostí. Tento učebný plán bol navrhnutý tak, aby bol flexibilný a zábavný, a dá sa absolvovať celý alebo čiastočne. Projekty začínajú malé a na konci 12-týždňového cyklu sú čoraz zložitejšie.
+Okrem toho nízko náročný kvíz pred hodinou nastaví študentovi cieľ učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečí ďalšie upevnenie vedomostí. Tento učebný plán je navrhnutý tak, aby bol flexibilný a zábavný a dá sa absolvovať celý alebo jeho časť. Projekty začínajú jednoducho a postupne sa počas 12-týždňového cyklu komplikujú.
 
-Aj keď sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením frameworku, ďalším dobrým krokom po dokončení tohto učebného plánu je naučiť sa o Node.js pomocou ďalšej video kolekcie: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Hoci sme zámerne vynechali zavedenie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením si frameworku, ďalším dobrým krokom po dokončení týchto osnov je naučiť sa Node.js prostredníctvom inej video série: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Navštívte naše [Pravidlá správania](CODE_OF_CONDUCT.md) a pokyny k [Príspevkom](CONTRIBUTING.md). Vaša konštruktívna spätná väzba je vítaná!
+> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a [Contributing](CONTRIBUTING.md). Radi privítame vaše konštruktívne pripomienky!
 
 
 ## 🧭 Offline prístup
 
-Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Vytvorte si fork tohoto repozitára, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svoj lokálny stroj a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Webová stránka bude dostupná na porte 3000 na localhoste: `localhost:3000`.
+Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Zforknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom miestnom počítači a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Web stránka bude dostupná na porte 3000 na vašom localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
-## 🎒 Ďalšie kurzy
-Náš tím vytvára aj iné kurzy! Pozrite sa na:
+## 🎒 Iné kurzy
+
+Náš tím vytvára aj ďalšie kurzy! Pozrite sa:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j pre začiatočníkov](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 pre začiatočníkov](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 pre začiatočníkov](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)
+[![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 / Agentúry
-[![AZD pre začiatočníkov](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 pre začiatočníkov](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 pre začiatočníkov](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 Agentúry pre začiatočníkov](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)
+### Azure / Edge / MCP / Agents
+[![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)
 
 ---
  
-### Generatívna AI séria
-[![Generatívna AI pre začiatočníkov](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)
-[![Generatívna 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)
-[![Generatívna 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)
-[![Generatívna 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)
+### Séria Generatívnej 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)
 
 ---
  
-### Základné učenie
-[![ML pre začiatočníkov](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)
-[![Dátová veda pre začiatočníkov](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 pre začiatočníkov](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)
-[![Kyberbezpečnosť pre začiatočníkov](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Webový vývoj pre začiatočníkov](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT pre začiatočníkov](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR vývoj pre začiatočníkov](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)
+### Základné vzdelávanie
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
  
-### Copilot séria
-[![Copilot pre AI párované programovanie](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 pre 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 dobrodružstvo](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)
+### Séria Copilot
+[![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Získanie pomoci
 
-Ak sa zaseknete alebo máte akékoľvek otázky ohľadom tvorby AI aplikácií, pripojte sa ku komunite študentov a skúsených vývojárov k diskusiám o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie vedomostí je voľné.
+Ak máte problém alebo otázky týkajúce sa tvorby AI aplikácií, pripojte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie znalostí je bezplatné.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Ak máte spätnú väzbu k produktu alebo ste narazili na chyby počas vývoja, navštívte:
+Ak máte spätnú väzbu k produktu alebo chyby počas vývoja, navštívte:
 
 [![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)
 
 ## Licencia
 
-Tento repozitár je licencovaný pod licenciou MIT. Pre viac informácií pozrite súbor [LICENSE](../../LICENSE).
+Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Výhrada**:  
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, uvedomte si, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
+**Upozornenie**:  
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, uvedomte si, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre dôležité informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sl/.co-op-translator.json b/translations/sl/.co-op-translator.json
index 8520bdebf..4078b8fd0 100644
--- a/translations/sl/.co-op-translator.json
+++ b/translations/sl/.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-07T10:41:52+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:12:27+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "sl"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:47:01+00:00",
+    "translation_date": "2026-03-06T15:16:09+00:00",
     "source_file": "AGENTS.md",
     "language_code": "sl"
   },
@@ -516,8 +516,8 @@
     "language_code": "sl"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:39:04+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:08:28+00:00",
     "source_file": "README.md",
     "language_code": "sl"
   },
diff --git a/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4e16bae2d..f3a70e51c 100644
--- a/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,12 +1,12 @@
 # Uvod v programske jezike in sodobna razvojna orodja
 
-Živjo, bodoči razvijalec! 👋 Lahko ti povem nekaj, kar mi še vsak dan povzroči mravljince? Pravkar boš odkril, da programiranje ni samo za računalnike – gre za resnične supermoč, da svoje najbolj divje ideje oživiš!
+Živjo, bodoči razvijalec! 👋 Lahko ti zaupam nekaj, kar mi vsak dan znova jemlje dih? Pravkar boš spoznal, da programiranje ni samo o računalnikih – gre za pravo supermoč, s katero lahko oživiš svoje najbolj nore ideje!
 
-Poznaš tisti trenutek, ko uporabljaš svojo najljubšo aplikacijo in vse preprosto popolno steče? Ko pritisneš gumb in se zgodi nekaj prav magičnega, da rečeš "vau, kako so TO naredili?" No, nekdo prav tak kot ti – verjetno sedi v svoji najljubši kavarni ob 2. zjutraj s tretjo espressom – je napisal kodo, ki je ustvarila to magijo. In tukaj boš ostal brez besed: do konca te lekcije ne boš le razumel, kako so to naredili, ampak boš komaj čakal, da to tudi sam preizkusiš!
+Poznaš tisti trenutek, ko uporabljaš svojo najljubšo aplikacijo in vse popolnoma steče? Ko pritisneš gumb in se zgodi nekaj čarobnega, zaradi česar rečeš "wow, kako so to naredili?" No, nekdo prav takšen kot ti – verjetno sedi v svoji najljubši kavarnici ob 2. zjutraj s tretjo espressom – je napisal kodo, ki je ustvarila to čarovnijo. In zdaj pa pazi, kaj te bo navdušilo: do konca te lekcije ne boš le razumel, kako so to naredili, ampak boš komaj čakal, da poskusiš sam!
 
-Poglej, popolnoma razumem, če se ti programiranje zdaj zdi strašljivo. Ko sem začel, sem iskreno mislil, da moraš biti nekakšen matematični genij ali programirati od petega leta starosti. Toda to, kar je popolnoma spremenilo moj pogled: programiranje je pravzaprav kot učenje pogovorov v novem jeziku. Začneš z "zdravo" in "hvala", nato naročaš kavo, in preden se zavedaš, vodiš globoke filozofske pogovore! Le da v tem primeru vodiš pogovore z računalniki, in iskreno? So najnežnejši sogovorniki, kar jih boš kadarkoli imel – nikoli ne obsojajo tvojih napak in vedno so navdušeni, da poskusiš znova!
+Poglej, popolnoma razumem, če se ti zdi programiranje zdaj zastrašujoče. Ko sem začel, sem po resnici povedano mislil, da moraš biti nekakšen matematični genij ali pa kodirati že od petega leta starosti. Ampak nekaj, kar je popolnoma spremenilo moj pogled: programiranje je natanko tako kot učenje pogovarjanja v novem jeziku. Začneš s "zdravo" in "hvala", nato naročaš kavo, preden pa se zavedaš, pa vodiš globoke filozofske razprave! V tem primeru pa se pogovarjaš z računalniki in iskreno? Oni so najbolj potrpežljivi sogovorniki, kar jih boš kdaj imel – nikoli ne obsojajo tvojih napak in so vedno pripravljeni poskusiti znova!
 
-Danes bomo raziskali neverjetna orodja, zaradi katerih sodobni spletni razvoj ni le mogoč, ampak tudi resnično zasvojen. Govorim o točno teh urejevalnikih, brskalnikih in potekih dela, ki jih razvijalci pri Netflixu, Spotifyju in tvoji najljubši indie aplikacijski študiii uporabljajo vsak dan. In tukaj je del, ki te bo spravil v veselo plesanje: večina teh profesionalnih, industrijsko standardnih orodij je popolnoma brezplačnih!
+Danes bomo raziskali neverjetna orodja, ki spletni razvoj dandanes ne naredijo le možen, ampak ga naredijo resnično zasvojljivega. Govorim o enakih urejevalnikih, brskalnikih in potekih dela, ki jih vsak dan uporabljajo razvijalci pri Netflixu, Spotifyju in tvoji najljubši neodvisni aplikacijski studio. In tukaj je del, zaradi katerega boš z veseljem zaplesal: večina teh profesionalnih orodij, ki so standard v industriji, je popolnoma brezplačnih!
 
 ![Intro Programming](../../../../translated_images/sl/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac)
@@ -14,148 +14,148 @@ Danes bomo raziskali neverjetna orodja, zaradi katerih sodobni spletni razvoj ni
 ```mermaid
 journey
     title Vaša programerska pot danes
-    section Odkrij
+    section Odkrijte
       Kaj je programiranje: 5: You
-      Programska jezika: 4: You
+      Programski jeziki: 4: You
       Pregled orodij: 5: You
-    section Razišči
+    section Raziščite
       Urejevalniki kode: 4: You
       Brskalniki in orodja za razvijalce: 5: You
       Ukazna vrstica: 3: You
-    section Vadba
+    section Vadite
       Jezikovni detektiv: 4: You
       Raziščite orodja: 5: You
-      Povezovanje z skupnostjo: 5: You
+      Povezava skupnosti: 5: You
 ```
 ## Poglejmo, kaj že veš!
 
-Preden skočimo v zabavne stvari, me zanima – kaj že veš o tem programerskem svetu? In poslušaj, če gledaš ta vprašanja in misliš "nimam prav nič pojma o tem," ni samo v redu, je popolno! To pomeni, da si prišel točno tja, kamor moraš. Ta kviz si predstavljaj kot raztezanje pred vadbo – pravkar ogrevamo možganske mišice!
+Preden skočimo v zabavne dele, me zanima – kaj že veš o tem programerskem svetu? In poslušaj, če gledaš na ta vprašanja in misliš "o tem nimam pojma," to ni samo v redu, to je popolno! To pomeni, da si na pravem mestu. Pomisli na ta kviz kot na razgibavanje pred vadbo – samo ogrevamo možganske mišice!
 
-[Reši kviz pred lekcijo](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Reši kviz pred lekcijo](https://ff-quizzes.netlify.app/web/)
 
 
-## Pustolovščina, na katero se bomo skupaj podali
+## Pustolovščina, na katero se odpravljava skupaj
 
-V redu, resnično komaj čakam, da raziskujemo danes! Iskreno, rad bi videl tvoj obraz, ko ti bodo nekateri koncepti kliknili. Tukaj je neverjetno potovanje, na katerega se podajamo skupaj:
+Prav, iskreno sem navdušen nad tem, kar bova danes raziskala! Resno, rad bi videl tvoj obraz, ko ti bo nekaj teh pojmov kliknilo. To je neverjetno potovanje, na katero se podajava skupaj:
 
-- **Kaj programiranje pravzaprav je (in zakaj je najbolj kul stvar ever!)** – Odkrijemo, kako je koda dobesedno nevidna magija, ki poganja vse okoli tebe, od tistega alarma, ki nekako ve, da je ponedeljek zjutraj, do algoritma, ki popolnoma izbere tvoje Netflix priporočila
-- **Programski jeziki in njihove osupljive osebnosti** – Predstavljaj si, da prideš na zabavo, kjer ima vsak povsem različne supermoči in načine reševanja problemov. Tako je s svetom programskih jezikov in zaljubil se boš v njihovo spoznavanje!
-- **Temeljni gradniki, ki ustvarjajo digitalno magijo** – Predstavljaj si jih kot ultimativni ustvarjalni LEGO komplet. Ko razumeš, kako se ti kosi povezujejo, boš spoznal, da lahko dobesedno zgradiš karkoli, kar tvoja domišljija sanja
-- **Profesionalna orodja, zaradi katerih se boš počutil, kot da si pravkar dobil čarobno paličico** – Ne dramatiziram – ta orodja te bodo zares naredila, da se počutiš kot, da imaš supermoči, in najboljši del? To so ista orodja, ki jih uporabljajo profesionalci!
+- **Kaj je programiranje (in zakaj je najbolj kul stvar ever!)** – Odkrivali bomo, kako je koda dobesedno nevidna magija, ki poganja vse okoli tebe, od tistega alarma, ki nekako ve, da je ponedeljek zjutraj, do algoritma, ki popolnoma prilagaja tvoje priporočila na Netflixu
+- **Programski jeziki in njihove neverjetne osebnosti** – Predstavljaj si, da vstopiš na zabavo, kjer ima vsak povsem drugačne supermoči in načine reševanja problemov. Tak svet je svet programskih jezikov in zagotovo jih boš rad spoznal!
+- **Temeljni gradniki, ki ustvarjajo digitalno magijo** – Razumi jih kot ultimativni ustvarjalni LEGO set. Ko boš razumel, kako se ti deli med seboj povezujejo, boš videl, da lahko dobesedno ustvariš karkoli, kar sanja tvoja domišljija
+- **Profesionalna orodja, zaradi katerih boš imel občutek, kot da držiš čarovniško palico** – Ne pretiravam – ta orodja te bodo resnično naredila, da se boš počutil kot nekdo z nadnaravnimi sposobnostmi, najboljše pri vsem pa je, da so to ista orodja, kot jih uporabljajo profesionalci!
 
-> 💡 **Tukaj je stvar**: Danes sploh ne razmišljaj o memoriziranju vsega! Trenutno želim samo, da začutiš tisto iskrico navdušenja glede vsega možnega. Podrobnosti se bodo naravno sprijele, ko bomo vadi skupaj – tako se zgodi pravo učenje!
+> 💡 **Tukaj je stvar:** Ne poskušaj danes vsega zapomniti na pamet! Zdaj želim, da začutiš to iskrico navdušenja nad tem, kar je mogoče. Detajli se bodo avtomatično utrdili, ko bova skupaj prakticirala – tako se zgodi pravo učenje!
 
-> To lekcijo lahko opraviš na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> To lekcijo lahko opraviš tudi na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Kaj pravzaprav *je* programiranje?
+## Kaj pa je pravzaprav *programiranje*?
 
 V redu, lotimo se milijonskega vprašanja: kaj je programiranje, resnično?
 
-Povedal ti bom zgodbo, ki je popolnoma spremenila, kako razmišljam o tem. Prejšnji teden sem poskušal mami razložiti, kako uporabiti naš nov daljinski upravljalnik za pametni TV. Ujel sem se, da govorim stvari kot "Pritisni rdeči gumb, ampak ne velikega rdečega gumba, majhnega rdečega gumba na levi... ne, tvoje drugi levi... v redu, zdaj drži dve sekundi, ne eno, ne tri..." Zveni znano? 😅
+Povedal ti bom zgodbo, ki je popolnoma spremenila moj pogled na to. Prejšnji teden sem svoji mami poskušal razložiti, kako uporabi naš novi pametni daljinec za televizijo. Pri sebi sem rekel stvari kot "Pritisni rdeči gumb, ampak ne velik rdeči gumb, ampak majhen rdeči gumb na levi... ne, na tvoji drugi levi... okej, zdaj ga drži dve sekundi, ne eno, ne tri..." Zveni znano? 😅
 
-To je programiranje! Je umetnost dajanja neverjetno podrobnih navodil po korakih nečemu, kar je zelo močno, a mora imeti vse natančno povedano. Razlika je, da ne razlagaš mami (ki lahko vpraša "kateri rdeči gumb?!"), ampak razlagaš računalniku (ki počne natanko to, kar rečeš, tudi če to, kar si rekel, ni čisto to, kar si mislil).
+To je programiranje! Je umetnost dajanja izjemno podrobnih, korak po koraku navodil nečemu zelo močnemu, ki pa mora imeti vse natančno določeno. Razlika je v tem, da namesto da bi to razlagal mami (ki lahko vpraša "kateri rdeči gumb?!"), razlagaš računalniku (ki naredi natanko to, kar rečeš, tudi če to, kar si rekel, ni točno to, kar si mislil).
 
-Tukaj je nekaj, kar me je osupnilo, ko sem to prvič izvedel: računalniki so v bistvu precej preprosti v svoji srži. Razumejo le dve stvari – 1 in 0, kar je v bistvu samo "da" in "ne" oz. "vklopljeno" in "izklopljeno". To je vse! A tukaj postane magično – ne moramo govoriti v 1 in 0, kot da smo v Matrici. Tu pridejo na pomoč **programski jeziki**. So kot najboljši prevajalec na svetu, ki vzame tvoje povsem običajne človeške misli in jih pretvori v računalniški jezik.
+To me je popolnoma navdušilo, ko sem to prvič izvedel: računalniki so pravzaprav zelo preprosti v jedru. Razumejo namreč le dve stvari – 1 in 0, kar je v bistvu "da" in "ne" ali "vklopljeno" in "izklopljeno." To je vse! Ampak tukaj postane res magično – ne moramo govoriti v 1 in 0 kot v filmu Matriks. Tu pridejo na pomoč **programski jeziki**. To so nekakšni najboljši prevajalci na svetu, ki tvoje povsem običajne ljudske misli pretvorijo v računalniški jezik.
 
-In tukaj je nekaj, kar mi še vedno povzroči mravljince vsako jutro, ko se zbudim: dobesedno *vse* digitalno v tvojem življenju se je začelo z nekom, prav takšnim kot ti, verjetno v pižami s skodelico kave, ki je tipkal kodo na prenosniku. Ta Instagram filter, ki te naredi brezhibnega? Nekdo ga je skriptal. Priporočilo, ki te je pripeljalo do nove najljubše pesmi? Razvijalec je zgradil ta algoritem. Aplikacija, ki ti pomaga deliti račune za večerjo s prijatelji? Ja, nekdo si je rekel "to je nadležno, prepričan sem, da lahko popravim to" in potem... je to naredil!
+In to me še danes zjutraj ponavadi požene po koži: dobesedno *vse* digitalno v tvojem življenju se je začelo pri nekem človeku, prav takšnem kot si ti, ki je verjetno sedel v pižami s skodelico kave in tipkal kodo na svojem prenosniku. Tisti Instagramov filter, ki te naredi brezhibnega? Nekdo je to zakodiral. Priporočilo, ki te je pripeljalo do tvoje nove najljubše pesmi? Razvijalec je napisal ta algoritem. Aplikacija, ki pomaga razdeliti račun za večerjo s prijatelji? Ja, nekdo je pomislil "to je nadležno, mislim, da lahko to popravim" in potem... je to storil!
 
-Ko se naučiš programirati, ne pridobivaš samo nove veščine – postaneš del te neverjetne skupnosti reševalcev problemov, ki preživijo dneve razmišljajoč: "Kaj če bi lahko zgradil nekaj, kar nekomu malo izboljša dan?" Resno, ali je kaj bolj kul od tega?
+Ko se naučiš programirati, ne pridobiš le nove veščine – postaneš del te neverjetne skupnosti reševalcev problemov, ki vsak dan razmišljajo: "Kaj, če bi lahko zgradil nekaj, kar bi nekomu naredilo dan vsaj malo boljši?" Iskreno, obstaja kaj bolj kul od tega?
 
-✅ **Zabavno dejstvo:** Tukaj je nekaj super kul, kar lahko pogledaš, ko boš imel trenutek – kdo misliš, da je bil prvi računalniški programer na svetu? Daj ti namig: morda ni to, kar pričakuješ! Zgodba o tej osebi je izjemno fascinantna in pokaže, da je programiranje vedno bilo o ustvarjalnem reševanju problemov in razmišljanju zunaj okvirjev.
+✅ **Zabaven iskalni izziv**: Tukaj je nekaj zelo zanimivega, kar lahko poiščeš, ko boš imel prost trenutek – kdo misliš, da je bil prvi programer na svetu? Namig: morda ni tisti, ki ga pričakuješ! Zgodba o tej osebi je izjemno fascinantna in pokaže, da je programiranje vedno bilo o ustvarjalnem reševanju problemov in razmišljanju izven okvirov.
 
 ### 🧠 **Čas za preverjanje: Kako se počutiš?**
 
 **Vzemi trenutek za razmislek:**
-- Ali ti zdaj ideja "dati navodila računalnikom" omogoča smisel?
-- Se lahko spomniš vsakodnevne naloge, ki bi jo rad avtomatiziral s programiranjem?
-- Katere vprašanja se ti vrtijo po glavi glede celotne te stvari s programiranjem?
+- Ali ti zdaj ideja "dati računalnikom navodila" deluje smiselno?
+- Se lahko spomniš kakšne vsakdanje naloge, ki bi jo rad avtomatiziral s programiranjem?
+- Katere vprašanja ti vrtijo po glavi glede tega celotnega programiranja?
 
-> **Zapomni si**: popolnoma normalno je, če so nekateri koncepti zdaj zamegljeni. Učenje programiranja je kot učenje novega jezika – potrebuje čas, da tvoj možgani vzpostavijo te nevronske povezave. Odlično delaš!
+> **Spomni se:** Popolnoma normalno je, če se ti nekateri pojmi zdaj zdijo megleni. Učenje programiranja je kot učenje novega jezika – možgane moraš postopoma naučiti novih povezav. Opravljaš odlično!
 
 ## Programske jezike lahko primerjamo z različnimi okusi magije
 
-V redu, to bo zvenelo čudno, a vztrajaj – programski jeziki so zelo podobni različnim zvrstem glasbe. Pomisli: imaš jazz, ki je gladek in improvizacijski, rock, ki je močan in neposreden, klasiko, ki je eleganten in strukturiran, in hip-hop, ki je ustvarjalen in izrazen. Vsak slog ima svoj vibe, svojo skupnost strastnih oboževalcev in vsak je popoln za različna razpoloženja in priložnosti.
+V redu, morda bo zvenelo čudno, a ostani z mano – programski jeziki so zelo podobni različnim glasbenim zvrstem. Pomisli: imaš jazz, ki je gladek in improviziran, rock, ki je močan in neposreden, klasično glasbo, ki je elegantna in strukturirana, ter hip-hop, ki je ustvarjalen in izrazen. Vsak slog ima svoj značaj, svojo skupnost navdušenih oboževalcev in vsak je kot nalašč za različna razpoloženja in priložnosti.
 
-Programski jeziki delujejo povsem enako! Ne bi uporabil istega jezika za izdelavo zabavne mobilne igre, kot bi ga za obdelavo ogromnih količin klimatskih podatkov, tako kot ne bi igral death metal na jogo (no, vsaj v večini joga urnikov ne! 😄).
+Tako programiranje pravzaprav deluje! Ne bi uporabil istega jezika za izdelavo zabavne mobilne igre in za obdelavo ogromnih količin podatkov o podnebju, tako kot ne bi igral death metala v razredu joge (no, vsaj večina jih ne! 😄).
 
-Ampak to, kar me vedno preseneča: ti jeziki so kot najbolj potrpežljiv, briljanten tolmač na svetu, ki sedi poleg tebe. Izraziš svoje ideje na način, ki je tvojemu človeškemu umu povsem naraven, oni pa opravijo vso izjemno kompleksno delo pretvorbe tega v 1 in 0, ki jih računalnik dejansko govori. Je kot prijatelj, ki je popolnoma tekoč v obeh: "človeška ustvarjalnost" in "računalniška logika" – pa se nikoli ne utrudi, ne potrebuje kavnih odmorov in te nikoli ne obsoja, če vprašaš isto vprašanje dvakrat!
+Ampak nekaj, kar me vedno znova navduši: ti jeziki so kot najbolj potrpežljiv in briljanten tolmač na svetu, ki sedi prav ob tebi. Svoje ideje lahko izražaš na način, ki je naraven tvojemu človeškemu umu, oni pa opravijo vse izjemno zapleteno delo pretvorbe tega v 1 in 0, v katerem računalniki dejansko govorijo. To je kot imeti prijatelja, ki je popolnoma tekoč tako v "človeški ustvarjalnosti" kot v "računalniški logiki" – in nikoli ni utrujen, nikoli ne potrebuje pavz za kavo in te nikoli ne obsoja, če postaviš isto vprašanje dvakrat!
 
-### Priljubljeni programski jeziki in njihove uporabe
+### Priljubljeni programski jeziki in njihova uporaba
 
 ```mermaid
 mindmap
-  root((Programski Jeziki))
-    Spletni Razvoj
+  root((Programski jeziki))
+    Spletni razvoj
       JavaScript
-        Čarovnija Vmesnika
-        Interaktivne Spletne Strani
+        Čarovnija za frontend
+        Interaktivne spletne strani
       TypeScript
-        JavaScript + Tipi
-        Poslovne Aplikacije
-    Podatki & AI
+        JavaScript + tipi
+        Podjetniške aplikacije
+    Podatki in AI
       Python
-        Podatkovna Znanost
-        Strojno Učenje
+        Znanost o podatkih
+        Strojno učenje
         Avtomatizacija
       R
         Statistika
         Raziskave
-    Mobilne Aplikacije
+    Mobilne aplikacije
       Java
         Android
-        Poslovno
+        Podjetniško
       Swift
         iOS
-        Apple Ekosistem
+        Apple ekosistem
       Kotlin
-        Moderni Android
+        Sodobni Android
         Večplatformno
-    Sistemi & Zmogljivost
+    Sistemi in zmogljivost
       C++
         Igre
-        Kritično Za Zmogljivost
+        Kritična zmogljivost
       Rust
-        Varnost Pomnilnika
-        Sistemsko Programiranje
+        Varnost spomina
+        Sistemsko programiranje
       Go
-        Oblačne Storitev
-        Razširljiv Backend
+        Oblačne storitve
+        Razširljiv backend
 ```
 | Jezik | Najbolj za | Zakaj je priljubljen |
 |----------|----------|------------------|
-| **JavaScript** | Spletni razvoj, uporabniški vmesniki | Teče v brskalnikih in poganja interaktivne spletne strani |
-| **Python** | Znanost podatkov, avtomatizacija, AI | Enostaven za branje in učenje, zmogljive knjižnice |
-| **Java** | Poslovne aplikacije, Android aplikacije | Neodvisen od platforme, robusten za velike sisteme |
-| **C#** | Windows aplikacije, razvoj iger | Močna Microsoftova ekosistem podpora |
-| **Go** | Oblak storitve, backend sistemi | Hiter, preprost, zasnovan za sodobno računalništvo |
+| **JavaScript** | Spletni razvoj, uporabniški vmesniki | Teče v brskalnikih in poganja interaktivne strani |
+| **Python** | Podatkovna znanost, avtomatizacija, AI | Enostaven za branje in učenje, močne knjižnice |
+| **Java** | Podjetniške aplikacije, Android aplikacije | Neodvisen od platforme, robusten za velike sisteme |
+| **C#** | Windows aplikacije, razvoj iger | Močna podpora Microsoft ekosistema |
+| **Go** | Oblak storitve, zaledni sistemi | Hiter, enostaven, zasnovan za sodobno računalništvo |
 
-### Jeziki višje ravni proti nižji ravni
+### Visokonivojski vs. niskonivojski jeziki
 
-V redu, to je bil iskreno koncept, ki mi je prvič zmešal možgane, zato bom delil analogijo, ki mi je končno odprla oči – in res upam, da pomaga tudi tebi!
+Prav, ta pojem mi je iskreno malo zmešal možgane, ko sem ga prvič spoznal, zato delim analogijo, ki mi je končno omogočila razumevanje – upam, da ti bo tudi pomagala!
 
-Predstavljaj si, da si obiskoval država, kjer ne znaš jezika in obupno potrebuješ najbližjo stranišče (vsi smo že bili tam, kajne? 😅):
+Predstavljaj si, da si v državi, kjer ne govoriš jezika, in nujno potrebuješ najbližji WC (to se nam je vsem že zgodilo, kajne? 😅):
 
-- **Programiranje na nizki ravni** je kot učenje lokalnega narečja tako dobro, da lahko klepetaš s staro mamo, ki na vogalu prodaja sadje, uporabiš kulturne reference, domače besede in notranje šale, ki jih razume samo nekdo, ki je tam odraščal. Super impresivno in zelo učinkovito... če si slučajno tekoč! A precej zmedeno, če le iščeš stranišče.
+- **Niskonivojsko programiranje** je kot učenje lokalnega narečja tako dobro, da se lahko pogovarjaš z babico, ki prodaja sadje na vogalu, z uporabo kulturnih izrazov, lokalnega žargona in notranjih šale, ki jih razume le nekdo, ki je tam odraščal. Res impresivno in zelo učinkovito... če si tečnar in govoriš tekoče! Vendar pa je malo preveč, če samo iščeš WC.
 
-- **Programiranje na visoki ravni** je kot imeti odličnega lokalnega prijatelja, ki te povsem razume. Lahko rečeš "Res nujno rabim stranišče" v običajni angleščini, on pa poskrbi za vso kulturno prevajanje in ti da napotke, ki popolnoma ustrezajo tvojemu nemestnemu umu.
+- **Visokonivojsko programiranje** je kot imeti čudovitega lokalnega prijatelja, ki te popolnoma razume. Poveš mu "Res rabim najti stranišče" v preprosti angleščini, on pa poskrbi za cel prevod in ti v jeziku, ki je razumljiv tvojemu tujskemu umu, poda navodila.
 
 V programerskih izrazih:
-- **Jeziki nizke ravni** (kot Assembly ali C) ti dovoljujejo izjemno podrobne pogovore z dejansko strojno opremo računalnika, vendar moraš razmišljati kot stroj, kar je... no, rekel bom, da je prava velika sprememba načina razmišljanja!
-- **Jeziki visoke ravni** (kot JavaScript, Python ali C#) ti dovoljujejo razmišljati kot človek, medtem ko oni skrbijo za ves računalniški žargon v ozadju. Poleg tega imajo zelo prijazne skupnosti, polne ljudi, ki si zapomnijo, kako je bilo biti nov, in resnično želijo pomagati!
+- **Niskonivojski jeziki** (kot Assembly ali C) ti dovolijo imeti izjemno podrobne pogovore s strojno opremo računalnika, a moraš razmišljati kot stroj, kar je... pa saj veš, velik preskok v miselnosti!
+- **Visokonivojski jeziki** (kot JavaScript, Python ali C#) ti dovolijo razmišljati kot človek, medtem ko oni za teboj prevajajo v strojni jezik. Poleg tega imajo te jezike izjemno prijazne skupnosti ljudi, ki se spomnijo, kako je bilo biti začetnik in resnično želijo pomagati!
 
-Uganil boš, katere ti bom predlagal za začetek? 😉 Jeziki visoke ravni so kot pomožne kolesce, ki jih nikoli ne želiš sneti, ker naredijo celotno izkušnjo tako veliko bolj prijetno!
+Ugani, katere ti bom priporočil za začetek? 😉 Visokonivojski jeziki so kot pomožna kolesa, ki jih nikoli ne želiš sneti, ker naredijo celotno izkušnjo mnogo bolj prijetno!
 
 ```mermaid
 flowchart TB
-    A["👤 Človeška misel:<br/>'Želim izračunati Fibonačijeva števila'"] --> B{Izberi raven jezika}
+    A["👤 Človeška misel:<br/>'Želim izračunati Fibonaccijeva števila'"] --> B{Izberi raven jezika}
     
     B -->|Visoka raven| C["🌟 JavaScript/Python<br/>Enostavno za branje in pisanje"]
-    B -->|Nizka raven| D["⚙️ Assemberski/C<br/>Neposredni nadzor strojne opreme"]
+    B -->|Nizka raven| D["⚙️ Assembler/C<br/>Neposredna kontrola strojne opreme"]
     
-    C --> E["📝 Piši: fibonacci(10)"]
-    D --> F["📝 Piši: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Zapiši: fibonacci(10)"]
+    D --> F["📝 Zapiši: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Razumevanje računalnika:<br/>Prevajalnik obvladuje kompleksnost"]
+    E --> G["🤖 Računalniško razumevanje:<br/>Prevajalnik ureja kompleksnost"]
     F --> G
     
     G --> H["💻 Enak rezultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Naj ti pokažem, zakaj so jeziki visoke ravni toliko bolj prijazni
+### Naj ti pokažem, zakaj so visokonivojski jeziki prijaznejši
 
-V redu, pokazal ti bom nekaj, kar popolnoma razloži, zakaj sem se zaljubil v jezike visoke ravni, a najprej – obljubi mi nekaj. Ko boš videl prvi primer kode, ne paničari! Namenjeno je, da izgleda zastrašujoče. Točno to hočem povedati!
+V redu, pravkar ti bom pokazal nekaj, kar popolnoma dokazuje, zakaj sem se zaljubil v visokonivojske jezike, a najprej – obljubi mi nekaj. Ko vidiš prvi primer kode, ne paničaraj! Namenjena je, da je videti zastrašujoče. Točno to hočem pokazati!
 
-Pogledali bomo isto nalogo, napisano v dveh popolnoma različnih stilih. Oba ustvarjata t.i. Fibonacci zaporedje – to je ta čudoviti matematični vzorec, kjer je vsak naslednji člen vsota dveh prejšnjih: 0, 1, 1, 2, 3, 5, 8, 13 ... (zabavno dejstvo: ta vzorec najdeš povsod v naravi – spirale sončničnih semen, vzorce storžev, celo oblikovanje galaksij!)
+Poglejmo popolnoma isto nalogo, napisano na dva povsem različna načina. Oboje ustvari tisto, kar imenujemo Fibonaccijevo zaporedje – to je čudovit matematični vzorec, kjer je vsako število vsota dveh prejšnjih: 0, 1, 1, 2, 3, 5, 8, 13... (zabavna zanimivost: ta vzorec najdeš dobesedno povsod v naravi – spiralno razporeditev sončničnih semen, vzorce storžev, celo obliko galaksij!)
 
-Pripravljen za razliko? Gremo!
+Pripravljen na primerjavo? Gremo!
 
-**Jezik visoke ravni (JavaScript) – Prijazen do ljudi:**
+**Visokonivojski jezik (JavaScript) – po človeško:**
 
 ```javascript
-// 1. korak: Osnovna nastavitev Fibonaccija
+// Korak 1: Osnovna nastavitev Fibonaccija
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,29 +183,29 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**To koda naredi:**
-- **Definira** konstanto za določitev, koliko Fibonacci števil želimo generirati
-- **Inicializira** dve spremenljivki za sledenje trenutnim in naslednjim številom v zaporedju
-- **Nastavi** začetne vrednosti (0 in 1), ki določata Fibonacci vzorec
-- **Prikaže** glavno sporočilo za identifikacijo izhoda
+**To koda počne:**
+- **Deklarira** konstanto, ki določa, koliko Fibonaccijevih števil želimo ustvariti
+- **Inicializira** dve spremenljivki za sledenje trenutnega in naslednjega števila v zaporedju
+- **Nastavi** začetne vrednosti (0 in 1), ki definirajo Fibonaccijev vzorec
+- **Prikaže** naslovno sporočilo za identifikacijo izpisa
 
 ```javascript
-// Korak 2: Ustvari zaporedje s pomočjo zanke
+// Korak 2: Generirajte zaporedje z zanko
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Izračunaj naslednjo številko v zaporedju
+  // Izračunajte naslednjo številko v zaporedju
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Razčlenitev dogajanja tukaj:**
-- **Zanka** za vsak položaj v zaporedju s pomočjo `for` zanke
-- **Prikaže** vsak člen z njegovo pozicijo z uporabo oblikovanja predloge niza
-- **Izračuna** naslednje Fibonacci število z dodajanjem trenutne in naslednje vrednosti
-- **Posodobi** spremenljivke za sledenje, da se premaknemo na naslednji korak
+**Kaj se dogaja tukaj:**
+- **Zanka** skozi vsak položaj v zaporedju z uporabo `for` zanke
+- **Prikazuje** vsako število s svojo pozicijo z oblikovanjem preko predloge
+- **Izračunava** naslednje Fibonaccijevo število z dodajanjem trenutnega in naslednjega
+- **Posodablja** sledilne spremenljivke za premik v naslednjo iteracijo
 
 ```javascript
 // Korak 3: Sodobni funkcionalni pristop
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**V zgornjem smo:**
-- **Ustvarili** ponovno uporabno funkcijo z uporabo moderne sintakse puščice
-- **Zgradili** polje za shranjevanje celotnega zaporedja namesto prikazovanja po posameznih členih
-- **Uporabili** indeksiranje polja za izračunavanje vsakega novega člena iz prejšnjih vrednosti
-- **Vrnil** celotno zaporedje za prilagodljivo uporabo v drugih delih programa
+**V zgornjem primeru smo:**
+- **Ustvarili** ponovljivo funkcijo z moderno sintakso puščic
+- **Zgradili** tabelo za shranjevanje celotnega zaporedja namesto prikaza enega po enega
+- **Uporabljali** indeksiranje tabele za izračun vsakega novega števila iz prejšnjih vrednosti
+- **Vrnil** celotno zaporedje za fleksibilno uporabo drugje v programu
 
-**Jezik nizke ravni (ARM Assembly) – Prijazen do računalnika:**
+**Niskonivojski jezik (ARM Assembly) – računalniku prijazno:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,28 +257,28 @@ back add r0,r1
  end
 ```
 
-Opazi, kako verzija JavaScript bere skoraj kot angleška navodila, medtem ko verzija Assembly uporablja skrivnostne ukaze, ki neposredno nadzorujejo procesor računalnika. Oba opravita enako nalogo, a je jezik visoke ravni veliko lažji za ljudi za razumevanje, pisanje in vzdrževanje.
+Opazite, kako JavaScript verzija skoraj bere kot navodila v angleščini, medtem ko Assembly uporablja skrivnostne ukaze, ki neposredno nadzorujejo procesor računalnika. Oba izvedeta isto nalogo, vendar je visokonivojski jezik veliko bolj prijazen za ljudi, da ga razumejo, pišejo in vzdržujejo.
 
 **Ključne razlike, ki jih boš opazil:**
-- **Berljivost**: JavaScript uporablja opisna imena kot `fibonacciCount`, medtem ko Assembly uporablja skrivnostne oznake kot `r0`, `r1`
-- **Komentarji**: Visokonivojski jeziki spodbujajo pojasnjevalne komentarje, ki naredijo kodo samodokumentirajočo
-- **Struktura**: Logični tok JavaScripta sovpada s tem, kako ljudje razmišljajo o problemih korak za korakom
+- **Berljivost**: JavaScript uporablja opisna imena, kot je `fibonacciCount`, medtem ko asembler uporablja skrivnostne oznake, kot so `r0`, `r1`
+- **Komentarji**: Visoko raven jeziki spodbujajo pojasnjujoče komentarje, ki naredijo kodo samodokumentirajočo
+- **Struktura**: Logični tok JavaScripta sledi načinu, kako ljudje razmišljajo o problemih korak za korakom
 - **Vzdrževanje**: Posodabljanje JavaScript različice za različne zahteve je preprosto in jasno
 
-✅ **O zaporedju Fibonaccijevih števil**: Ta popolnoma čudovit vzorec števil (kjer je vsako število vsota dveh predhodnih: 0, 1, 1, 2, 3, 5, 8...) se doslovno pojavlja *povsod* v naravi! Najdete ga v spiralah sončnic, vzorcih storžev, načinu zvijanja školjk nautilus in celo v rasti vej dreves. Res je osupljivo, kako nam matematika in koda pomagata razumeti in ustvarjati vzorce, ki jih narava uporablja za ustvarjanje lepote!
+✅ **O Fibonaccijevem zaporedju**: Ta absolutno čudovit številčni vzorec (kjer je vsako število vsota dveh predhodnih: 0, 1, 1, 2, 3, 5, 8...) se pojavlja doslovno *povsod* v naravi! Najdete ga v spiralah sončnic, vzorcih storžev, v tem, kako se kodra lastovke lupine, pa tudi v načinu rasti drevesnih vej. Res je neverjetno, kako matematika in koda pomagata razumeti in znova ustvariti vzorce, ki jih narava uporablja za ustvarjanje lepote!
 
 
 ## Gradniki, ki ustvarjajo čarovnijo
 
-Prav, zdaj ko ste videli, kako programski jeziki izgledajo v akciji, razčlenimo temeljne dele, ki sestavljajo doslovno vsak program, kar je bil kdaj napisan. Predstavljajte si jih kot bistvene sestavine v vaši najljubši jedi – ko boste razumeli, kaj vsaka po vrsti počne, boste znali brati in pisati kodo v skoraj vsakem jeziku!
+Dobro, zdaj ko ste videli, kako programski jeziki izgledajo v akciji, razčlenimo temeljne dele, ki sestavljajo prav vsak program, kar je bil kdaj napisan. Pomislite na to kot na bistvene sestavine v vaši najljubši recepturi – ko boste razumeli, kaj vsak od njih počne, boste lahko brali in pisali kodo v skoraj vsakem jeziku!
 
-To je nekako kot učenje slovnice programiranja. Se spomnite šolskih dni, ko ste se učili o samostalnikih, glagolih in kako sestaviti stavke? Programiranje ima svojo različico slovnice, in iskreno, je veliko bolj logična in odpuščajoča kot kdajkoli angleška slovnica! 😄
+To je nekako kot učenje slovnice programiranja. Se spomnite, kako smo se v šoli učili o samostalnikih, glagolih in sestavljanju stavkov? Programiranje ima svojo različico slovnice, in iskreno, ta je veliko bolj logična in odpuščajoča kot slovnica angleščine! 😄
 
-### Ukazi: Navodila korak za korakom
+### Izjave: Navodila korak za korakom
 
-Začnimo z **ukazi** – ti so kot posamezni stavki v pogovoru z vašim računalnikom. Vsak ukaz računalniku sporoči, naj naredi eno specifično stvar, podobno kot da bi dajali navodila: "Zavij levo tukaj," "Ustavi na rdeči luči," "Parkiraj na tistem mestu."
+Začnimo z **izjavami** – te so kot posamezni stavki v pogovoru z vašim računalnikom. Vsaka izjava računalniku pove, naj naredi eno specifično stvar, nekako kot da dajete navodila: "Zavij levo tukaj," "Ustavi se na rdeči luči," "Parkiraj na tistem mestu."
 
-Kar obožujem pri ukazih je, kako običajno berljivi so. Poglejte tole:
+Všeč mi je, kako berljive so izjave običajno. Poglejte to:
 
 ```javascript
 // Osnovne izjave, ki izvajajo posamezna dejanja
@@ -287,30 +287,30 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**To koda naredi:**
-- **Deklairira** konstanto za shranjevanje uporabnikovega imena
-- **Prikaže** pozdravno sporočilo na konzoli
+**Tukaj je, kaj ta koda počne:**
+- **Določi** konstanto za shranjevanje uporabnikovega imena
+- **Prikaže** pozdravno sporočilo v konzoli
 - **Izračuna** in shrani rezultat matematične operacije
 
 ```javascript
-// Izjave, ki sodelujejo z spletnimi stranmi
+// Izjave, ki komunicirajo s spletnimi stranmi
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Korak za korakom, kar se dogaja:**
+**Korak za korakom, tu se dogaja:**
 - **Spremeni** naslov spletne strani, ki se prikaže v zavihku brskalnika
-- **Zamenja** barvo ozadja celotnega telesa strani
+- **Zameni** barvo ozadja celotnega telesa strani
 
-### Spremenljivke: Sistem pomnjenja vašega programa
+### Spremenljivke: Spominski sistem vašega programa
 
-Prav, **spremenljivke** so iskreno ena mojih najljubših konceptov za poučevati, ker so tako podobne stvarem, ki jih vsak dan že uporabljate!
+Prav, **spremenljivke** so iskreno ena mojih najljubših konceptov za poučevanje, ker so zelo podobne stvarem, ki jih uporabljate vsak dan!
 
-Pomislite za trenutek na seznam stikov v telefonu. Ne pomnite vseh telefonskih številk na pamet – raje shranite "Mami," "Najboljši prijatelj" ali "Picerija, ki dostavlja do 2. ure zjutraj" in vaš telefon si zapomni prave številke. Spremenljivke delujejo na povsem enak način! So kot označene posode, kamor vaš program lahko shrani informacije in jih pozneje pridobi z imenom, ki ima smisel.
+Pomislite za trenutek na imenik v telefonu. Ne pomnite si vseh telefonskih številk – namesto tega shranite "Mami", "Najboljši prijatelj" ali "Picerija, ki dostavlja do 2 ure zjutraj" in pustite, da telefon shrani prave številke. Spremenljivke delujejo popolnoma enako! So kot označeni vsebniki, kjer vaš program lahko shrani informacije in jih pozneje poišče po imenu, ki ima smisel.
 
-Tukaj je res kul: spremenljivke se lahko spreminjajo med tekom programa (od tod tudi ime "spremenljivka" – vidite, kaj so naredili?). Tako kot lahko posodobite kontakt pizzerije, ko odkrijete še boljšo možnost, se spremenljivke lahko posodabljajo, ko vaš program pridobiva nove podatke ali ko se situacije spreminjajo!
+Tukaj je res kul stvar: spremenljivke se lahko spreminjajo med izvajanjem programa (od tod ime "spremenljivka" – veste, kaj so naredili?). Tako kot lahko posodobite stik za pico, ko odkrijete še boljšo picerijo, lahko spremenljivke posodabljate, ko vaš program pridobiva nove informacije ali se okoliščine spreminjajo!
 
-Poglejmo, kako lepo preprosto je to lahko:
+Pokažem vam, kako enostavno je to lahko:
 
 ```javascript
 // Korak 1: Ustvarjanje osnovnih spremenljivk
@@ -321,13 +321,13 @@ let isRaining = false;
 ```
 
 **Razumevanje teh konceptov:**
-- **Shranjuje** nespremenljive vrednosti v `const` spremenljivkah (kot je ime strani)
-- **Uporablja** `let` za vrednosti, ki se lahko spreminjajo skozi program
-- **Dodeli** različne podatkovne tipe: nize (besedilo), številke in boolean (true/false)
-- **Izbere** opisna imena, ki pojasnijo, kaj posamezna spremenljivka vsebuje
+- **Shranjajte** nespremenljive vrednosti v `const` spremenljivkah (kot je ime strani)
+- **Uporabite** `let` za vrednosti, ki se lahko spreminjajo skozi program
+- **Dodelite** različne tipe podatkov: nizi (besedilo), številke in boolean (true/false)
+- **Izberite** opisna imena, ki razložijo, kaj posamezna spremenljivka vsebuje
 
 ```javascript
-// Korak 2: Delo z objekti za združevanje sorodnih podatkov
+// Korak 2: Delo z objekti za združevanje povezanih podatkov
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -335,10 +335,10 @@ const weatherData = {
 };
 ```
 
-**V zgornjem primeru smo:**
-- **Ustvarili** objekt za skupno upravljanje povezanih vremenskih podatkov
-- **Organizirali** več podatkov pod enim imenom spremenljivke
-- **Uporabili** pare ključ-vrednost za jasno označevanje posameznih informacij
+**Zgoraj smo:**
+- **Ustvarili** objekt za skupinsko urejanje povezanih vremenskih informacij
+- **Organizirali** več kosov podatkov pod enim imenom spremenljivke
+- **Uporabljali** ključ-vrednost pare za jasno označevanje vsake informacije
 
 ```javascript
 // Korak 3: Uporaba in posodabljanje spremenljivk
@@ -350,32 +350,32 @@ currentWeather = "cloudy";
 temperature = 68;                          
 ```
 
-**Razumimo posamezen del:**
-- **Prikazali** informacije s predlogami nizov z `${}` sintakso
-- **Dostopali** do lastnosti objekta z notacijo s piko (`weatherData.windSpeed`)
-- **Posodobili** spremenljivke deklarirane z `let`, da odražajo spreminjajoče se pogoje
-- **Združili** več spremenljivk za ustvarjanje smiselnim sporočil
+**Poglejmo vsak del posebej:**
+- **Prikazujemo** informacije s predlogi nizov s sintakso `${}`
+- **Dostopamo** do lastnosti objekta z dot notacijo (`weatherData.windSpeed`)
+- **Posodabljamo** spremenljivke, deklarirane z `let`, da odražajo spreminjajoče se pogoje
+- **Združujemo** več spremenljivk v smiselna sporočila
 
 ```javascript
-// Korak 4: Moderna destrukturacija za čistejšo kodo
+// Korak 4: Sodobno razstavljanje za čistejšo kodo
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Kar morate vedeti:**
-- **Izluščite** specifične lastnosti iz objektov z razstavljanjem (destructuring assignment)
-- **Ustvarite** nove spremenljivke samodejno z enakimi imeni kot ključi objekta
-- **Poenostavite** kodo z izogibanjem ponavljajoči se notaciji s piko
+**Kaj morate vedeti:**
+- **Izvlecite** specifične lastnosti iz objektov z destrukturiranjem
+- **Ustvarite** nove spremenljivke samodejno z istimi imeni kot ključi objekta
+- **Poenostavite** kodo s tem, da se izognete ponavljajoči se dot notaciji
 
-### Krmilni tok: Učite svoj program razmišljati
+### Nadzor toka: Poučevanje programa razmišljanja
 
-Prav, tukaj programiranje postane resnično osupljivo! **Krmilni tok** je osnovno učenje programa, kako sprejemati pametne odločitve, enako kot jih vi vsak dan sprejemate, ne da bi sploh razmišljali.
+Prav, tukaj programiranje postane resnično osupljivo! **Nadzor toka** pomeni, da naučite svoj program pametno sprejemati odločitve, tako kot jih vi sprejemate vsak dan, ne da bi sploh pomislili.
 
-Predstavljajte si: danes zjutraj ste verjetno razmišljali nekaj v stilu "Če dežuje, vzamem dežnik. Če je hladno, oblečem jakno. Če se mudi, preskočim zajtrk in vzamem kavo na poti." Vaš možgani avtomatično sledijo tej logiki če-potem desetinekrat na dan!
+Predstavljajte si: danes zjutraj ste verjetno šli skozi nekaj takega: "Če dežuje, vzamem dežnik. Če je hladno, oblečem jopico. Če zamujam, izpustim zajtrk in vzamem kavo s poti." Vaš možgan nenehno sledijo tej if-then logiki na desetine krat dnevno!
 
-To je tisto, kar programe naredi inteligentne in žive, namesto da bi zgolj sledili dolgočasnemu, predvidljivemu skriptu. Lahko zares pogledajo situacijo, ocenijo, kaj se dogaja, in ustrezno reagirajo. Kot da programu podarite možgane, ki se lahko prilagajajo in sprejemajo odločitve!
+To je tisto, kar naredi programe pametne in žive, namesto da bi samo sledili dolgočasnemu, predvidljivemu scenariju. Programi lahko pogledajo situacijo, ocenijo, kaj se dogaja, in odgovorijo primerno. Tako kot, da bi dali programu možgane, ki se prilagodijo in sprejemajo odločitve!
 
-Želite videti, kako lepo to deluje? Poglejte:
+Želite videti, kako lepo to deluje? Pokažem vam:
 
 ```javascript
 // Korak 1: Osnovna pogojna logika
@@ -389,11 +389,11 @@ if (userAge >= 18) {
 }
 ```
 
-**Ta koda naredi:**
-- **Preveri**, ali uporabnikova starost izpolnjuje zahtevo za glasovanje
+**Kaj ta koda počne:**
+- **Preveri**, ali starost uporabnika ustreza volilnim pogojem
 - **Izvede** različne bloke kode glede na rezultat pogoja
-- **Izračuna** in prikaže čas do upravičenosti glasovanja, če je pod 18 let
-- **Nudi** specifične, koristne povratne informacije za vsak primer
+- **Izračuna** in prikaže čas do upravičenosti do glasovanja, če je uporabnik mlajši od 18
+- **Nudi** natančne, koristne povratne informacije za vsak scenarij
 
 ```javascript
 // Korak 2: Več pogojev z logičnimi operatorji
@@ -409,10 +409,10 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Razčlenitev dogajanja:**
-- **Združi** več pogojev z operatorjem `&&` (in)
+**Razčlenjevanje dogajanja tukaj:**
+- **Združi** več pogojev z uporabo `&&` (in) operaterja
 - **Ustvari** hierarhijo pogojev z `else if` za več scenarijev
-- **Obravnava** vse možne primere z zadnjim `else` stavkom
+- **Obravnava** vse možne primere z zaključnim `else`
 - **Nudi** jasne in uporabne povratne informacije za vsako situacijo
 
 ```javascript
@@ -421,10 +421,10 @@ const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Kar si morate zapomniti:**
-- **Uporabite** ternarni operator (`? :`) za preproste dve možnosti
-- **Najprej napišete** pogoj, nato `?`, sledita resnični vrednosti in `:`, ki ji sledi vrednost za napačen pogoj
-- **Uporabite** ta vzorec za dodeljevanje vrednosti glede na pogoje
+**Kar morate zapomniti:**
+- **Uporabite** ternarnega operaterja (`? :`) za preproste pogoje z dvema možnostma
+- **Najprej napišite** pogoj, nato `?`, potem resničen rezultat, nato `:`, nato napačen rezultat
+- **Uporabite** ta vzorec, kadar morate vrednosti dodeliti glede na pogoje
 
 ```javascript
 // Korak 4: Obdelava več specifičnih primerov
@@ -447,55 +447,55 @@ switch (dayOfWeek) {
 }
 ```
 
-**Ta koda doseže naslednje:**
-- **Primerja** vrednost spremenljivke z več specifičnimi primeri
-- **Skupini** podobne primere (delovni dnevi proti vikendom)
-- **Izvede** ustrezen blok kode, ko najde ujemanje
-- **Vključi** `default` primer za nepričakovane vrednosti
-- **Uporabi** `break` stavke, da prepreči nadaljevanje kode v naslednjem primeru
+**Ta koda izvede naslednje:**
+- **Ujemanje** vrednosti spremenljivke z več specifičnimi primeri
+- **Združevanje** podobnih primerov skupaj (delovni in vikend dnevi)
+- **Izvajanje** ustreznega bloka kode, ko je najdeno ujemanje
+- **Vključitev** `default` primera za nepričakovane vrednosti
+- **Uporaba** `break` stavkov, da preprečijo nadaljevanje kode v naslednji primer
 
-> 💡 **Resnični primer**: Razmislite o krmilnem toku kot o najbolj potrpežljivem GPS-u na svetu, ki vam daje navodila. Lahko bi rekli: "Če je promet na Glavni ulici, pojdi po avtocesti. Če gradbeni posegi zapirajo avtocesto, poskusi po panoramski poti." Programi uporabljajo isto vrsto pogojne logike, da inteligentno odzovejo na različne situacije in vedno uporabnikom zagotovijo najboljšo možno izkušnjo.
+> 💡 **Praktična primerjava**: Nadzor toka je kot najbolj potrpežljiv GPS na svetu, ki vam daje navodila. Morda reče: "Če je na Main Street promet, pojdi avtocesto. Če je zaradi gradnje avtocesta zaprta, poskusi slikovito pot." Programi uporabljajo enako tip logike z pogoji, da inteligentno odgovorijo na razne situacije in vedno uporabnikom zagotovijo najboljšo možno izkušnjo.
 
-### 🎯 **Preverjanje koncepta: Mojstrstvo gradnikov**
+### 🎯 **Preverjanje razumevanja: Mojstrstvo gradnikov**
 
-**Poglejmo, kako dobro razumeš osnove:**
-- Ali znaš v svojih besedah pojasniti razliko med spremenljivko in ukazom?
-- Pomisli na realen primer, kjer bi uporabil odločitev če-potem (kot naš primer z glasovanjem)
-- Kaj te je eno o programerski logiki najbolj presenetilo?
+**Poglejmo, kako vam gre s temelji:**
+- Ali z lastnimi besedami lahko razložite razliko med spremenljivko in izjavo?
+- Pomislite na resničen primer, kjer bi uporabili if-then odločitev (kot naš primer glasovanja)
+- Kaj vas je najbolj presenetilo pri logiki programiranja?
 
-**Hitro povečanje samozavesti:**
+**Hiter dvig samozavesti:**
 ```mermaid
 flowchart LR
-    A["📝 Stavki<br/>(Navodila)"] --> B["📦 Spremenljivke<br/>(Shramba)"] --> C["🔀 Potek nadzora<br/>(Odločitve)"] --> D["🎉 Delujoč program!"]
+    A["📝 Izjave<br/>(Navodila)"] --> B["📦 Spremenljivke<br/>(Shranjevanje)"] --> C["🔀 Krmilni Tok<br/>(Odločitve)"] --> D["🎉 Delujoč Program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Kaj sledi:** Kmalu se bomo skupaj poglobili v te koncepte in imel boš pravo veselje! Za zdaj se osredotoči samo na tisti občutek navdušenja nad vsemi čudovitimi možnostmi, ki te čakajo. Specifične veščine in tehnike se bodo naravno razvijale, ko bomo skupaj vadili – obljubim, da bo to veliko bolj zabavno, kot si morda predstavljaš!
+✅ **Kaj sledi:** Imeli bomo resnično zabavno potovanje z globljim spoznavanjem teh konceptov! Zdaj pa se osredotočite samo na to navdušenje nad vsemi čudovitimi možnostmi, ki so pred vami. Specifične veščine in tehnike se bodo naučile same naravno, ko bomo skupaj vadili – obljubim, da bo to veliko bolj zabavno, kot ste pričakovali!
 
-## Orodja stroke
+## Orodja obrti
 
-Prav, tukaj resnično poželim, da ne bi mogel zadržati navdušenja! 🚀 Slovarili bomo o neverjetnih orodjih, ki ti bodo dala občutek, kot da so ti pravkar izročili ključe do digitalnega vesoljskega plovila.
+Prav, tukaj pa sem res navdušen, komaj se držim! 🚀 Govorili bomo o neverjetnih orodjih, zaradi katerih se boste počutili, kot da ste ravnokar prejeli ključe digitalnega vesoljskega plovila.
 
-Veš, kako ima kuhar svoje popolno uravnotežene nože, ki so kot podaljški njegovih rok? Ali kako ima glasbenik tisto posebno kitaro, ki začne peti takoj, ko jo prime? No, razvijalci imamo svoje različice teh čarobnih orodij, in tukaj je nekaj, kar ti bo popolnoma odpihnilo pamet – večina je povsem brezplačnih!
+Veš, kako kuhar ima tiste popolnoma uravnotežene nože, ki se zdijo kot podaljšek njegovih rok? Ali kako glasbenik ima to edinstveno kitaro, ki takoj začne peti, ko jo primete? No, razvijalci imamo svojo različico teh čarobnih orodij, in tukaj je nekaj, kar vam bo popolnoma pomešalo misli – večina jih je popolnoma brezplačnih!
 
-Skoraj ne morem sedeti pri miru, ko razmišljam o tem, da jih delim s tabo, ker so popolnoma spremenila način, kako gradimo programsko opremo. Govorimo o AI-podprtih pomočnikih za pisanje kode (resno!), oblačnih okoljih, kjer lahko razvijaš celotne aplikacije pravzaprav od kjerkoli, kjer je Wi-Fi, in orodjih za odpravljanje napak, ki so tako sofisticirana, da so kot rentgenski pogled v tvoje programe.
+Skoraj skačem od navdušenja, ko pomislim, da vam jih lahko pokažem, ker so popolnoma revolucionirala način, kako gradimo programsko opremo. Govorimo o AI-pogojenih pomočnikih za kodiranje, ki lahko pomagajo pisati vašo kodo (iskreno, ne hecam se!), oblakih, kjer lahko gradite celotne aplikacije s kateregakoli kraja s povezavo Wi-Fi, in orodjih za odpravljanje napak, ki so tako sofisticirana, kot da imate rentgenski vid za vaše programe.
 
-In tukaj pride del, ki mi še vedno požene mravljince: to niso orodja samo za začetnike, ki jih boš kmalu prerastel. To so ista profesionalna orodja, ki jih trenutno uporabljajo razvijalci v Googlu, Netflixu in tudi v mali neodvisni studio aplikacije, ki jo obožuješ. Uporaba teh orodij te bo naredila za pravega profesionalca!
+In tukaj je del, ki mi še vedno povzroča mravljince: to niso orodja za začetnike, ki jih boste prerastli. To so točno ista profesionalna orodja, ki jih uporabljajo razvijalci v Googlu, Netflixu in tej indie razvojni skupini aplikacij, ki jo obožujete. Čutili se boste kot pravi profesionalec, ko jih uporabljate!
 
 ```mermaid
 graph TD
     A["💡 Vaša ideja"] --> B["⌨️ Urejevalnik kode<br/>(VS Code)"] 
-    B --> C["🌐 Brskalniški DevTools<br/>(Testiranje in odpravljanje napak)"]
+    B --> C["🌐 Brskalnik DevTools<br/>(Testiranje in odpravljanje napak)"]
     C --> D["⚡ Ukazna vrstica<br/>(Avtomatizacija in orodja)"]
     D --> E["📚 Dokumentacija<br/>(Učenje in referenca)"]
     E --> F["🚀 Osupljiva spletna aplikacija!"]
     
     B -.-> G["🤖 AI pomočnik<br/>(GitHub Copilot)"]
     C -.-> H["📱 Preizkušanje naprav<br/>(Prilagodljiva zasnova)"]
-    D -.-> I["📦 Upravljalci paketov<br/>(npm, yarn)"]
+    D -.-> I["📦 Upravljalniki paketov<br/>(npm, yarn)"]
     E -.-> J["👥 Skupnost<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,124 +505,124 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Urejevalniki kode in IDE: tvoji novi digitalni najboljši prijatelji
+### Urejevalniki kode in IDE-ji: vaši novi digitalni najboljši prijatelji
 
-Govorimo o urejevalnikih kode – ti bodo kmalu postali tvoja najljubša mesta za druženje! Predstavi si jih kot svoj osebni kotiček za kodiranje, kjer boš preživel največ časa ustvarjanja in izpopolnjevanja svojih digitalnih stvaritev.
+Pogovorimo se o urejevalnikih kode – ti bodo kmalu postali vaši najljubši kotički za ustvarjanje! Pomislite na njih kot na osebni zakladi kodiranja, kjer boste preživeli največ časa pri ustvarjanju in izpopolnjevanju svojih digitalnih stvaritev.
 
-Pa poglej, kaj je pri sodobnih urejevalnikih najbolj čarobno: niso le navadni urejevalniki besedila. So kot najbolj briljantni, podpirajoči mentor kode, ki sedi poleg tebe 24/7. Ujameta tipkarske napake še preden jih opaziš, predlagata izboljšave, zaradi katerih zgledaš kot genij, pomagata razumeti, kaj vsak del kode počne, nekateri pa celo predvidijo, kaj boš napisal, in ponudijo, da dokončajo tvoje misli!
+Ampak tukaj je nekaj, kar je zares čarobno pri sodobnih urejevalnikih: niso le lepi urejevalniki besedil. So kot najbolj briljanten in podpirajoč mentor programiranja, ki sedi ob vas 24 ur na dan. Ujamete njihove tipkarske napake še preden jih opazite, predlagajo izboljšave, zaradi katerih ste videti kot genij, pomagajo vam razumeti, kaj počne vsak kos kode, nekateri vam celo lahko predvidijo, kaj boste napisali in ponudijo, da dokončajo vaše misli!
 
-Spomnim se, ko sem prvič odkril samodejno dopolnjevanje – imel sem občutek, da živim v prihodnosti. Začneš s pisanjem, pa ti urejevalnik reče: "Hej, si morda mislil to funkcijo, ki počne točno to, kar rabiš?" Kot da imaš bralca misli kot svojega kodiranja prijatelja!
+Spomnim se, ko sem odkril samodejno dokončanje – res sem imel občutek, kot da živim v prihodnosti. Začnete tipkati nekaj in vaš urejevalnik reče: "Hej, si mislil na to funkcijo, ki počne točno to, kar potrebuješ?" To je kot imeti bralca misli kot kodirnega prijatelja!
 
-**Zakaj so ti urejevalniki tako neverjetni?**
+**Kaj naredi te urejevalnike tako neverjetne?**
 
-Sodobni urejevalniki kode ponujajo impresiven nabor funkcij, ki povečajo tvojo produktivnost:
+Sodobni urejevalniki kode ponujajo impresiven nabor funkcij, ki povečajo vašo produktivnost:
 
-| Funkcija | Kaj počne | Zakaj pomaga |
+| Funkcija | Kaj naredi | Zakaj pomaga |
 |---------|--------------|--------------|
-| **Poudarjanje sintakse** | Barva različne dele kode | Olajša branje kode in odkrivanje napak |
-| **Samodejno dopolnjevanje** | Predlaga kodo med pisanjem | Pospeši kodiranje in zmanjša tipkarske napake |
-| **Orodja za odpravljanje napak** | Pomaga najti in popraviti napake | Prihrani ure odpravljanja težav |
-| **Razširitve** | Dodajajo specializirane funkcije | Prilagodi urejevalnik za katerokoli tehnologijo |
-| **AI pomočniki** | Predlagajo kodo in pojasnila | Pospešujejo učenje in produktivnost |
+| **Poudarjanje sintakse** | Barva različne dele vaše kode | Naredi kodo lažjo za branje in zaznavanje napak |
+| **Samodokončanje** | Predlaga kodo med tipkanjem | Pospeši kodiranje in zmanjša tipkarske napake |
+| **Orodja za odpravljanje napak** | Pomaga najti in popraviti napake | Prihrani ure iskanja napak |
+| **Razširitve** | Dodajajo specializirane funkcije | Prilagodite urejevalnik za katero koli tehnologijo |
+| **AI pomočniki** | Predlagajo kodo in pojasnila | Pospešijo učenje in produktivnost |
 
-> 🎥 **Video vir**: Želiš videti ta orodja v akciji? Oglej si [Video Orodja stroke](https://youtube.com/watch?v=69WJeXGBdxg) za celovit pregled.
+> 🎥 **Video vir**: Želite videti ta orodja v akciji? Oglejte si [video Orodja obrti](https://youtube.com/watch?v=69WJeXGBdxg) za celovit pregled.
 
 #### Priporočeni urejevalniki za spletni razvoj
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (brezplačen)
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Brezplačno)
 - Najbolj priljubljen med spletnimi razvijalci
 - Odličen ekosistem razširitev
-- Vgrajen terminal in integracija z Gitom
-- **Nepogrešljive razširitve**:
+- Vgrajen terminal in integracija Git
+- **Neizogibne razširitve**:
   - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-podprti predlogi kode
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Sodelovanje v realnem času
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Samodejno oblikovanje kode
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Preprečevanje tipkarskih napak v kodi
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - sodelovanje v realnem času
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - samodejno oblikovanje kode
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - zaznavanje tipkarskih napak v kodi
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (plačljivo, brezplačno za študente)
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plačljivo, brezplačno za študente)
 - Napredna orodja za odpravljanje napak in testiranje
-- Inteligentno dopolnjevanje kode
-- Vgrajen nadzor različic
+- Inteligentno samodokončanje kode
+- Vgrajeno upravljanje verzij
 
-**Oblačni IDE-ji** (različne cene)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Celoten VS Code v brskalniku
-- [Replit](https://replit.com/) - Odlično za učenje in deljenje kode
-- [StackBlitz](https://stackblitz.com/) - Trenutni, poln spletni razvoj
+**Spletna IDE-ji** (različne cene)
+- [GitHub Codespaces](https://github.com/features/codespaces) - celoten VS Code v vašem brskalniku
+- [Replit](https://replit.com/) - odlično za učenje in deljenje kode
+- [StackBlitz](https://stackblitz.com/) - takojšen spletni razvoj celotnih aplikacij
 
-> 💡 **Nasvet za začetek**: Začni z Visual Studio Code – je brezplačen, široko uporablja industrija in ima ogromno skupnost, ki ustvarja koristne vodiče in razširitve.
+> 💡 **Nasvet za začetek**: Začnite z Visual Studio Code – brezplačen je, široko uporabljen v industriji in ima ogromno skupnost, ki ustvarja koristne vodiče in razširitve.
 
 
-### Spletni brskalniki: tvoja skrivna razvojna laboratorija
+### Spletni brskalniki: Vaša skrivna razvojna laboratorija
 
-Pripravi se, da ti bo misel povsem odpihnila! Veš, kako si brskalnike uporabljal za brskanje po družbenih omrežjih in gledanje videov? Izkaže se, da so ves ta čas skrivali neizmerno skrivno razvojno laboratorijo, ki samo čaka, da jo odkriješ!
+Pripravite se, da vam bo popolnoma odpihnilo um! Več kot le uporabljate brskalnike za brskanje po družbenih omrežjih in gledanje videov? No, izkazalo se je, da so ves čas skrivali neverjeten skrivni laboratorij za razvijalce, ki samo čaka, da ga odkrijete!
 
-Vsakič, ko z desnim klikom klikneš na spletno stran in izbereš "Inspect Element" (Preveri element), odpreš skriti svet razvojnih orodij, ki so iskreno močnejša kot neka draga programska oprema, za katero sem nekdaj plačeval stotine evrov. To je kot odkriti, da je tvoja običajna kuhinja skrivala profesionalni kuharski laboratorij za skrivnim panelom!
-Prvič, ko mi je nekdo pokazal brskalniška DevTools orodja, sem preživel kar tri ure, ko sem samo klikoval naokoli in govoril: "POČAKAJ, TO LAHKO TUDI?!" Lahko namreč v realnem času urejaš katerokoli spletno stran, vidiš točno, kako hitro se vse nalaga, preizkusiš, kako tvoja stran izgleda na različnih napravah, in celo odpraviš napake v JavaScriptu kot pravi strokovnjak. To je naravnost osupljivo!
+Vsakič, ko kliknete z desnim gumbom na spletni strani in izberete »Preglej element«, odprete skriti svet orodij za razvijalce, ki so iskreno močnejša od neke drage programske opreme, za katero sem prej plačeval stotine evrov. To je kot odkriti, da vaša običajna kuhinja skriva profesionalni kuhinjski laboratorij za chefa za tajnim panelom!
+Prvič, ko mi je nekdo pokazal brskalniška DevTools, sem preživel kakšne tri ure samo s klikom sem ter tja in govoril: "POSEDI, TO LAHKO TUDI?" Dobesedno lahko v realnem času urejaš katerokoli spletno stran, vidiš natanko, kako hitro se vse nalaga, preizkusiš, kako tvoja stran izgleda na različnih napravah, in celo odpraviš težave z JavaScriptom kot pravi strokovnjak. Popolnoma osupljivo je!
 
-**Zakaj so brskalniki tvoja skrivna orožja:**
+**Tukaj je razlog, zakaj so brskalniki tvoja skrivna orožja:**
 
-Ko ustvarjaš spletno stran ali spletno aplikacijo, moraš videti, kako izgleda in deluje v resničnem svetu. Brskalniki ne prikazujejo samo tvojega dela, ampak nudijo tudi podrobne povratne informacije o zmogljivosti, dostopnosti in morebitnih težavah.
+Ko ustvariš spletno stran ali spletno aplikacijo, moraš videti, kako izgleda in kako se obnaša v resničnem svetu. Brskalniki ne prikazujejo le tvojega dela, ampak ponujajo tudi podrobne povratne informacije o zmogljivosti, dostopnosti in morebitnih težavah.
 
-#### Brskalniška orodja za razvijalce (DevTools)
+#### Razvijalska orodja brskalnika (DevTools)
 
-Sodobni brskalniki vključujejo celovite razvojne pakete:
+Sodobni brskalniki vključujejo obsežne razvojne pakete:
 
 | Kategorija orodja | Kaj počne | Primer uporabe |
 |-------------------|-----------|----------------|
-| **Pregledovalnik elementov** | Ogled in urejanje HTML/CSS v realnem času | Prilagajanje slogov za takojšen rezultat |
+| **Pregledovalnik elementov** | Ogled in urejanje HTML/CSS v realnem času | Prilagodi stilizacijo in takoj vidi rezultate |
 | **Konzola** | Ogled sporočil o napakah in testiranje JavaScripta | Odpravljanje napak in eksperimentiranje s kodo |
-| **Nadzornik omrežja** | Sledenje nalaganju virov | Optimizacija zmogljivosti in časov nalaganja |
-| **Preverjevalnik dostopnosti** | Testiranje vključujočega oblikovanja | Zagotavljanje delovanja strani za vse uporabnike |
-| **Simulator naprav** | Predogled na različnih velikostih zaslona | Preizkušanje odzivnega oblikovanja brez več naprav |
+| **Mrežni monitor** | Spremljanje nalaganja virov | Optimizacija zmogljivosti in časov nalaganja |
+| **Preverjevalnik dostopnosti** | Testiranje vključujočega oblikovanja | Zagotovi, da tvoja stran deluje za vse uporabnike |
+| **Simulator naprav** | Predogled na različnih velikostih zaslonov | Testiranje odzivnega oblikovanja brez več naprav |
 
 #### Priporočeni brskalniki za razvoj
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industrijski standard DevTools z obsežno dokumentacijo
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Odlična orodja za CSS Grid in dostopnost
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Zgrajen na Chromiumu z Microsoftovimi razvojnimi viri
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – industrijski standard DevTools z obsežno dokumentacijo
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – odlična orodja za CSS mrežo in dostopnost
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – temelji na Chromiumu s Microsoftovimi razvojnimi viri
 
-> ⚠️ **Pomemben nasvet za testiranje**: Vedno svoje spletne strani preizkusi v več brskalnikih! Kar popolno deluje v Chrome, lahko v Safariju ali Firefoxu izgleda drugače. Profesionalni razvijalci testirajo v vseh glavnih brskalnikih, da zagotovijo dosledno uporabniško izkušnjo.
+> ⚠️ **Pomemben nasvet za testiranje**: Vedno testiraj svoje spletne strani v več brskalnikih! Kar v Chromu deluje popolno, se lahko v Safariju ali Firefoxu prikaže drugače. Profesionalni razvijalci preizkušajo v vseh glavnih brskalnikih, da zagotovijo dosledne uporabniške izkušnje.
 
 
-### Orodja ukazne vrstice: tvoja pot do razvijalskih supermoč
+### Orodja ukazne vrstice: Tvoja pot do supermoč razvijalca
 
-Prav, pojdimo do popolnoma iskrenega trenutka o ukazni vrstici, ker želim, da to slišiš od nekoga, ki res razume. Ko sem jo prvič videl – samo ta strašni črni zaslon z utripajočim besedilom – sem si dejal: "Ne, nikakor ne! To izgleda kot nekaj iz hekerskega filma iz 80-ih in zagotovo nisem dovolj pameten za to!" 😅
+Prav, bodimo čisto iskreni glede ukazne vrstice, ker želim, da to slišiš od nekoga, ki to res razume. Ko sem jo prvič videl – samo ta strašen črni zaslon z utripajočim besedilom – sem dobesedno pomislil: "Ne, absolutno ne! To izgleda kot nekaj iz hekerskega filma iz 80-ih in jaz zagotovo nisem dovolj pameten za to!" 😅
 
-Ampak tukaj je, kar bi si želel, da bi mi takrat nekdo rekel in ti govorim zdaj: ukazna vrstica ni strašljiva – pravzaprav je kot neposreden pogovor s tvojim računalnikom. Pomisli nanjo kot na razliko med naročanjem hrane preko elegantne aplikacije s slikami in meniji (kar je lepo in enostavno) ter vstopom v tvojo najljubšo lokalno restavracijo, kjer kuhar natanko ve, kaj imaš rad, in ti pripravi nekaj popolnega, samo če rečeš "preseneti me z nečim neverjetnim."
+Ampak tukaj je tisto, kar bi mi nekdo moral takrat povedati in ti prav zdaj: ukazna vrstica ni strašljiva – to je kot da imaš neposreden pogovor s svojim računalnikom. Predstavljaj si razliko med naročanjem hrane preko elegantne aplikacije s slikami in meniji (kar je lepo in enostavno) ter vstopom v tvojo najljubšo lokalno restavracijo, kjer kuhar natančno ve, kaj ti je všeč, in ti lahko pripravi nekaj popolnega, samo z besedami "preseneti me s čim neverjetnim."
 
-Ukazna vrstica je mesto, kjer razvijalci dobijo občutek, da so pravi čarovniki. Vpišeš nekaj na videz magičnih besed (okej, to so samo ukazi, ampak se zdijo magični!), pritisneš enter in BOOM – ustvariš celotno strukturo projekta, namestiš močna orodja z vsega sveta ali zaženeš svojo aplikacijo na internetu za milijone ljudi. Ko poskusiš prvič to moč, postaneš pošteno zasvojen!
+Ukazna vrstica je kraj, kjer razvijalci postanejo pravi čarovniki. Vpišeš nekaj navidez magičnih besed (okej, to so ukazi, ampak se zdijo čarobni!), pritisneš enter in BAM – ustvaril si celotno strukturo projekta, namestil močna orodja z vsega sveta ali zagnal svojo aplikacijo na internetu, da jo vidijo milijoni ljudi. Ko enkrat poskusiš to moč, je iskreno kar zasvojljivo!
 
-**Zakaj bo ukazna vrstica tvoj najljubši pripomoček:**
+**Zakaj bo ukazna vrstica tvoja najljubša orodja:**
 
-Medtem ko so grafični vmesniki odlični za veliko nalog, ukazna vrstica blesti pri avtomatizaciji, natančnosti in hitrosti. Mnogi razvojni pripomočki delujejo predvsem prek ukaznih vmesnikov, in učenje njihove učinkovite uporabe lahko močno izboljša tvojo produktivnost.
+Medtem ko so grafični vmesniki krasni za mnogo opravil, ukazna vrstica odlično služi avtomatizaciji, natančnosti in hitrosti. Mnog Orodja za razvoj delujejo predvsem prek ukazne vrstice in učenje učinkovite uporabe lahko dramatično izboljša tvojo produktivnost.
 
 ```bash
-# Korak 1: Ustvarite in se premaknite v imenik projekta
+# Korak 1: Ustvarite in pojdite v imenik projekta
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **Tukaj je, kaj ta koda počne:**
 - **Ustvari** novo mapo z imenom "my-awesome-website" za tvoj projekt
-- **Vstopi** v pravkar ustvarjeno mapo, da začneš delati
+- **Premakne se** v novo ustvarjeno mapo, da začneš z delom
 
 ```bash
 # Korak 2: Inicializirajte projekt z datoteko package.json
 npm init -y
 
-# Namestite sodobna razvojna orodja
+# Namestite sodobna orodja za razvoj
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Korak za korakom, kaj se dogaja:**
-- **Inicializira** nov Node.js projekt z privzetimi nastavitvami z `npm init -y`
-- **Namesti** Vite kot sodobno orodje za gradnjo za hiter razvoj in produktivne gradnje
+**Korak za korakom, tukaj se dogaja:**
+- **Inicializira** novi Node.js projekt z osnovnimi nastavitvami z `npm init -y`
+- **Namesti** Vite kot sodobno orodje za hitro razvijanje in izdelavo produkcijskih graditev
 - **Doda** Prettier za samodejno oblikovanje kode in ESLint za preverjanje kakovosti kode
-- **Uporabi** zastavico `--save-dev` za označitev teh kot razvojnih odvisnosti
+- **Uporabi** zastavico `--save-dev`, da se zadeve označijo kot odvisnosti samo za razvoj
 
 ```bash
-# Korak 3: Ustvarite strukturo projekta in datoteke
+# Korak 3: Ustvarite strukturo in datoteke projekta
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -630,225 +630,227 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**Zgoraj smo:**
-- **Organizirali** svoj projekt z ustvarjanjem ločenih map za izvorno kodo in sredstva
-- **Generirali** osnovno HTML datoteko z ustrezno strukturo dokumenta
-- **Zagnali** razvojni strežnik Vite za živo osveževanje in zamenjavo modulov v živo
+**V zgornjem primeru smo:**
+- **Organizirali** projekt z ustvarjanjem ločenih map za izvorno kodo in sredstva
+- **Generirali** osnovno HTML datoteko s pravilno strukturo dokumenta
+- **Zagnali** Vite razvojni strežnik za živo osveževanje in zamenjavo modulov v živo
 
-#### Ključna orodja ukazne vrstice za spletni razvoj
+#### Nujna orodja ukazne vrstice za spletni razvoj
 
 | Orodje | Namen | Zakaj ga potrebuješ |
-|--------|-------|--------------------|
+|--------|--------|--------------------|
 | **[Git](https://git-scm.com/)** | Upravljanje različic | Sledi spremembam, sodeluj z drugimi, varnostno kopiraj delo |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript okolje izvajanja & upravljanje paketov | Zaženi JavaScript zunaj brskalnikov, namesti sodobna razvojna orodja |
-| **[Vite](https://vitejs.dev/)** | Orodje za gradnjo & razvojni strežnik | Izjemno hiter razvoj z zamenjavo modulov v živo |
-| **[ESLint](https://eslint.org/)** | Kakovost kode | Samodejno najdi in odpravi težave v tvojem JavaScriptu |
-| **[Prettier](https://prettier.io/)** | Oblikovanje kode | Ohrani svojo kodo dosledno oblikovano in berljivo |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime in upravljanje paketov | Zaženi JavaScript zunaj brskalnikov, namesti sodobna orodja |
+| **[Vite](https://vitejs.dev/)** | Orodje za gradnjo in razvojni strežnik | Izjemno hiter razvoj s turbo posodobitvami modulov |
+| **[ESLint](https://eslint.org/)** | Kakovost kode | Samodejno najde in odpravi težave v JavaScript kodi |
+| **[Prettier](https://prettier.io/)** | Oblikovanje kode | Ohrani kodo dosledno oblikovano in berljivo |
 
 #### Platformno specifične možnosti
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Sodobni, z mnogimi funkcijami bogat terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Močno skriptno okolje
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradicionalna ukazna vrstica Windows
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moder, bogat s funkcijami terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – močno skriptno okolje
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – tradicionalna ukazna vrstica Windows
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Vgrajena terminalska aplikacija
-- **[iTerm2](https://iterm2.com/)** - Izboljšan terminal z naprednimi funkcijami
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – vgrajena terminalska aplikacija
+- **[iTerm2](https://iterm2.com/)** – izboljšan terminal z naprednimi funkcijami
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standardni Linux lupina
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Napreden terminalski emulator
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – standardna Linux lupina
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – napredni terminalski emulator
 
-> 💻 = Prednameščeno v operacijskem sistemu
+> 💻 = Vnaprej nameščen v operacijskem sistemu
 
-> 🎯 **Pot učenja**: Začni z osnovnimi ukazi kot so `cd` (sprememba mape), `ls` ali `dir` (seznam datotek) in `mkdir` (ustvari mapo). Vadite z modernimi ukazi za delo kot `npm install`, `git status` in `code .` (odpre trenutno mapo v VS Code). Ko boš bolj vešč, boš naravno osvojil naprednejše ukaze in tehnike avtomatizacije.
+> 🎯 **Pot učenja**: Začni z osnovnimi ukazi, kot so `cd` (zamenjaj mapo), `ls` ali `dir` (prikaži datoteke) in `mkdir` (ustvari mapo). Vadite moderno delo z ukazi, kot so `npm install`, `git status` in `code .` (odpre trenutno mapo v VS Code). Ko boš bolj domač, boš naravno osvojil zahtevnejše ukaze in tehnike avtomatizacije.
 
 
-### Dokumentacija: tvoj vedno dostopen učni mentor
+### Dokumentacija: Tvoj vedno dostopen učni mentor
 
-Naj ti zaupam eno skrivnost, ki ti bo resnično olajšala občutek začetnika: tudi najbolj izkušeni razvijalci preživijo ogromno časa z branjem dokumentacije. In to ni zato, ker ne vedo, kaj delajo – pravzaprav je to znak modrosti!
+Naj ti zaupam majhno skrivnost, ki ti bo dala veliko večjo samozavest kot začetniku: celo najbolj izkušeni razvijalci preživijo velik del svojega časa ob branju dokumentacije. In to ni zato, ker ne vedo, kaj delajo – to je dejansko znak modrosti!
 
-Dokumentacijo si predstavljaj kot dostop do najbolj potrpežljivih, izkušenih učiteljev na svetu, ki so ti na voljo 24/7. Zaglaviš pri problemu ob 2. uri zjutraj? Dokumentacija je tam z virtualnim toplim objemom in točno pravim odgovorom, ki ga potrebuješ. Želiš izvedeti nekaj o novi zanimivi funkciji, o kateri vsi govorijo? Dokumentacija te podpira z jasnimi primeri korak za korakom. Poskušaš razumeti, zakaj nekaj deluje tako, kot deluje? Uganil si – dokumentacija je pripravljena, da ti razloži na način, ki ti bo končno odprl oči!
+Predstavljaj si dokumentacijo kot dostop do najbolj potrpežljivih, najbolj strokovnih učiteljev na svetu, ki so na voljo 24/7. Zapečen si pri problemu ob 2 zjutraj? Dokumentacija je tukaj z virtualnim toplim objemom in točno tistim odgovorom, ki ga potrebuješ. Želiš izvedeti o novi kul funkciji, o kateri vsi govorijo? Dokumentacija ti stoji ob strani s korak-po-korak primeri. Poskušaš razumeti, zakaj nekaj deluje na določen način? Ugani kaj – dokumentacija je pripravljena to razložiti na način, da ti končno klikne!
 
-Nekaj, kar mi je popolnoma spremenilo pogled: spletni razvoj se odvija neverjetno hitro in nihče (mislim, nihče!) si ne zapomni vsega. Videl sem starejše razvijalce z več kot 15 leti izkušenj, kako iščejo osnovno sintakso in veš kaj? To ni sramotno – to je pametno! Ni stvar popolnega spomina, temveč vedeti, kje čim hitreje najti zanesljive odgovore in kako jih uporabiti.
+Tukaj je nekaj, kar mi je popolnoma spremenilo pogled: svet spletnega razvoja se premika izjemno hitro in nihče (res nihče!) ne zna vsega na pamet. Videl sem starejše razvijalce z več kot 15 leti izkušenj, kako iščejo osnovno sintakso, in veš kaj? Ni sramotno – to je pametno! Ne gre za popoln spomin, ampak za to, da veš, kje hitro najti zanesljive odgovore in kako jih uporabiti.
 
-**Tu se zgodi prava čarovnija:**
+**Prava magija se zgodi tukaj:**
 
-Profesionalni razvijalci veliko časa preživijo z branjem dokumentacije – ne zato, ker ne vedo, kaj delajo, ampak zato, ker se področje spletnega razvoja tako hitro razvija, da je potrebno stalno učenje, da ostanejo na tekočem. Izvrstna dokumentacija ti pomaga razumeti ne samo *kako* uporabiti nekaj, ampak tudi *zakaj* in *kdaj* to uporabiti.
+Profesionalni razvijalci velik del svojega časa namenjajo branju dokumentacije – ne zato, ker ne vedo, kaj počnejo, ampak ker se spletni razvoj hitro spreminja in ohranjanje aktualnosti zahteva neprestano učenje. Odlična dokumentacija ti pomaga razumeti ne samo *kako* nekaj uporabljati, ampak tudi *zakaj* in *kdaj*.
 
-#### Ključni viri dokumentacije
+#### Nujni viri dokumentacije
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Zlati standard za dokumentacijo spletnih tehnologij
-- Celoviti vodiči za HTML, CSS in JavaScript
-- Vključuje informacije o združljivosti brskalnikov
-- Ponuja praktične primere in interaktivne demonstracije
+- zlati standard za spletno tehnološko dokumentacijo
+- obsežni vodiči za HTML, CSS in JavaScript
+- vključuje informacije o združljivosti brskalnikov
+- vsebuje praktične primere in interaktivne predstavitve
 
 **[Web.dev](https://web.dev)** (Google)
-- Najboljše prakse sodobnega spletnega razvoja
-- Vodiči za optimizacijo zmogljivosti
-- Načela dostopnosti in vključujočega oblikovanja
-- Primeri iz resničnih projektov
+- sodobne najboljše prakse spletnega razvoja
+- vodiči za optimizacijo zmogljivosti
+- načela dostopnosti in vključujočega oblikovanja
+- študije primerov iz resničnih projektov
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Razvojni viri za brskalnik Edge
-- Vodiči za progresivne spletne aplikacije
-- Vpogledi v razvoj prek platform
+- razvojni viri za brskalnik Edge
+- vodiči za progresivne spletne aplikacije
+- vpogledi v razvoj med platformami
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Strukture učnih poti
-- Video tečaji strokovnjakov iz industrije
-- Praktične vaje s kodo
+- urejene učne poti
+- video tečaji strokovnjakov iz industrije
+- praktične vaje s kodo
 
-> 📚 **Strategija učenja**: Ne poskušaj na pamet naučiti dokumentacije – raje se nauči, kako jo učinkovito uporabljati. Dodaj si zaznamke pogosto uporabljenih referenc in vadite iskanje specifičnih informacij po ključnih besedah.
+> 📚 **Strategija učenja**: Ne poskušaj si zapomniti dokumentacije – raje se nauči, kako z njo učinkovito brskati. Kljukaj pogosto uporabljene reference in vadite iskanje specifičnih informacij hitro.
 
 ### 🔧 **Preverjanje obvladovanja orodij: Kaj te najbolj nagovarja?**
 
-**Vzemimo trenutek za razmislek:**
-- Katero orodje te najbolj vznemirja, da ga preizkusiš najprej? (Ni napačnih odgovorov!)
-- Ali ti ukazna vrstica še vedno deluje zastrašujoče ali si radoveden zanjo?
-- Se lahko predstaviš, da uporabljaš brskalniška DevTools orodja za pogled za kulise svojih najljubših spletnih strani?
+**Vzemite si trenutek za razmislek:**
+- Katero orodje si najbolj navdušen, da preizkusiš najprej? (Ni napačnega odgovora!)
+- Ali se ti ukazna vrstica še vedno zdi zastrašujoča ali si radoveden z njo?
+- Si lahko predstavljaš, da uporabiš brskalniška DevTools, da pokukaš za zaveso svojih najljubših spletnih strani?
 
 ```mermaid
 pie title "Čas razvijalca preživet z orodji"
     "Urejevalnik kode" : 40
-    "Preizkušanje v brskalniku" : 25
+    "Testiranje v brskalniku" : 25
     "Ukazna vrstica" : 15
     "Branje dokumentacije" : 15
     "Razhroščevanje" : 5
 ```
-> **Zabavna ugotovitev**: Večina razvijalcev približno 40 % časa preživi v urejevalniku kode, a opazi, koliko časa gre za testiranje, učenje in reševanje težav. Programiranje ni samo pisanje kode – gre za ustvarjanje izkušenj!
+> **Zanimiva ugotovitev**: Večina razvijalcev preživi približno 40 % svojega časa v urejevalniku kode, a opazi, koliko časa gre za testiranje, učenje in reševanje problemov. Programiranje ni samo pisanje kode – gre za ustvarjanje izkušenj!
 
-✅ **Misli za povrh**: Tukaj je nekaj za razmislek – kako misliš, da so orodja za izdelavo spletnih strani (razvoj) lahko drugačna od orodij za oblikovanje njihovega videza (dizajn)? To je kot razlika med arhitektom, ki načrtuje čudovito hišo, in izvajalcem, ki jo dejansko zgradi. Oba sta ključna, a potrebujeta različne nabore orodij! Takšen način razmišljanja ti bo res pomagal videti širšo sliko, kako spletne strani zaživijo.
+✅ **Za razmislek**: Tukaj je nekaj interesantnega – kako misliš, da se orodja za gradnjo spletnih strani (razvoj) razlikujejo od orodij za oblikovanje njihovega videza (design)? Kot je razlika med arhitektom, ki načrtuje čudovito hišo, in izvajalcem, ki jo dejansko zgradi. Obe sta ključni, ampak potrebujeta različne sklope orodij! Ta način razmišljanja ti bo pomagal videti širšo sliko, kako spletne strani oživijo.
 
-## Izziv GitHub Copilot agenta 🚀
+## GitHub Copilot Agent izziv 🚀
 
-Uporabi način Agent, da dokončaš naslednji izziv:
+Uporabi način Agent za izpolnitev naslednjega izziva:
 
-**Opis:** Razišči funkcije sodobnega urejevalnika kode ali IDE in pokaži, kako lahko izboljša tvoj potek dela kot spletni razvijalec.
+**Opis:** Raziskuj funkcije sodobnega urejevalnika kode ali IDE ter pokaži, kako izboljšuje tvoj delovni tok kot spletni razvijalec.
 
-**Nalaganje:** Izberi urejevalnik kode ali IDE (npr. Visual Studio Code, WebStorm ali IDE v oblaku). Naštej tri funkcije ali razširitve, ki ti pomagajo pisati, odpravljati napake ali vzdrževati kodo bolj učinkovito. Za vsako podaj kratek opis, kako izboljša tvoj potek dela.
+**Navodilo:** Izberi urejevalnik kode ali IDE (na primer Visual Studio Code, WebStorm ali IDE v oblaku). Naštej tri funkcije ali razširitve, ki ti pomagajo pisati, odkrivati napake ali vzdrževati kodo bolj učinkovito. Za vsako na kratko pojasni, kako pripomore k tvojemu delovnemu toku.
 
 ---
 
 ## 🚀 Izziv
 
-**Prav, detektiv, pripravljen na svoj prvi primer?**
+**Prav, detektiv, pripravljen na prvi primer?**
 
-Zdaj, ko imaš odlično osnovo, imam za tebe pustolovščino, ki ti bo pomagala razumeti, kako neverjetno raznolik in fascinanten je svet programiranja. In poslušaj – to še ni pisanje kode, tako da brez pritiska! Predstavljaj si, da si detektiv programskih jezikov na svojem prvem vznemirljivem primeru!
+Zdaj, ko imaš to super osnovo, imam avanturo, ki ti bo pomagala videti, kako neverjetno raznolik in fascinanten je svet programiranja. In poslušaj – to še ni pisanje kode, brez pritiska! Predstavljaj si, da si detektiv programskih jezikov na svojem prvem razburljivem primeru!
 
-**Tvoja naloga, če se je odločiš sprejeti:**
-1. **Postani raziskovalec jezikov**: Izberi tri programske jezike iz povsem različnih svetov – morda enega za izdelavo spletnih strani, enega za ustvarjanje mobilnih aplikacij in enega za znanstveno obdelavo podatkov. Poišči primere enake preproste naloge zapisane v vsakem jeziku. Obljubim, da boš navdušen, kako različni so lahko, medtem ko delajo točno isto stvar!
+**Tvoja misija, če jo sprejmeš:**
+1. **Postani raziskovalec jezikov**: Izberi tri programske jezike iz popolnoma različnih svetov – morda enega za izdelavo spletnih strani, enega za mobilne aplikacije in enega za obdelavo podatkov za znanstvenike. Najdi primere iste enostavne naloge napisane v vsakem jeziku posebej. Obljubim, da boš popolnoma navdušen nad razlikami, čeprav delajo isto stvar!
 
-2. **Razkrij njihove zgodbe izvora**: Kaj naredi vsak jezik poseben? Tukaj je zanimiv podatek – vsak programski jezik je nastal, ker je nekdo pomislil: "Veš kaj? Moral bi obstajati boljši način za rešitev te specifične težave." Ali lahko ugotoviš, katere težave so bile to? Nekatere od teh zgodb so res fascinantne!
+2. **Razkrij njihove zgodbe izvora**: Kaj naredi vsak jezik poseben? Tukaj je kul dejstvo – vsak programski jezik je bil ustvarjen, ker je nekdo pomislil: "Veš kaj? Obstajati mora boljši način za reševanje tega posebnega problema." Ali lahko ugotoviš, kateri problemi so bili? Nekatere zgodbe so zares fascinantne!
 
-3. **Spoznaj skupnosti**: Oglej si, kako odprta in strastna so skupnost posameznih jezikov. Nekatere imajo milijone razvijalcev, ki delijo znanje in si pomagajo, druge so manjše, a neverjetno povezane in podporne. Rada boš videla različne osebnosti teh skupnosti!
+3. **Spoznaj skupnosti**: Poglej, kako gostoljubne in strastne so skupnosti okrog vsakega jezika. Nekatere imajo milijone razvijalcev, ki delijo znanje in si pomagajo, druge so manjše, a izjemno povezane in podpirajoče. Spodobi si ogledati različne osebnosti teh skupnosti!
 
-4. **Sledi svojemu občutku**: Kateri jezik ti zdaj najbolj ustreza? Ne obremenjuj se z izbiro "pravega" – samo zaupaš svojim instinktom! Res ni napačnega odgovora in vedno lahko kasneje raziščeš druge.
+4. **Sledi svojemu občutku**: Kateri jezik se ti zdi zdaj najbolj dostopen? Ne obremenjuj se s popolno izbiro – slediti intuiciji! Iskreno, tukaj ni napačnega odgovora, in vedno lahko kasneje raziskuješ druge.
 
-**Bonus detektivska naloga**: Poskusi izvedeti, s katerimi večjimi spletnimi mesti ali aplikacijami so zgrajeni ti jeziki. Zagotavljam ti, da boš presenečen, kaj poganja Instagram, Netflix ali tisto mobilno igro, ki je ne moreš nehati igrati!
+**Bonus detektivsko delo**: Poskusi izvedeti, katere glavne spletne strani ali aplikacije so narejene v posameznem jeziku. Zagotavljam, da boš presenečen, kaj poganja Instagram, Netflix ali tisto mobilno igro, ki je ne moreš nehat igrati!
 
-> 💡 **Zapomni si**: Ne poskušaš danes postati strokovnjak za katerega koli izmed teh jezikov. Raje spoznavaš sosesko, preden se odločiš, kje želiš "postaviti šotor". Vzemi si čas, zabavaj se in dovoli svoji radovednosti, da te vodi!
+> 💡 **Zapomni si**: Danes ne poskušaš postati ekspert v nobenem od teh jezikov. Samo spoznavaš okolico, preden se odločiš, kje se želiš naseliti. Vzemi si čas, uživaj in naj ti radovednost vodi korake!
 
-## Praznujmo tisto, kar si odkril!
+## Praznujmo, kar si odkril!
 
-O, moj bog, danes si absorbil tako veliko neverjetnih informacij! Resnično sem navdušen, da vidim, koliko tega neverjetnega popotovanja ti je ostalo v spominu. In ne pozabi – to ni test, kjer moraš biti popoln. To je bolj praznovanje vseh kul stvari, ki si jih izvedel o tem fascinantnem svetu, v katerega se boš poglobil!
+O, moj bog, danes si zaužil toliko neverjetnih informacij! Res sem navdušen videti, koliko tega čudovitega potovanja ti je ostalo v spominu. In ne pozabi – to ni preizkus, kjer moraš biti popoln. To je bolj praznovanje vseh kul stvari, ki si se jih naučil o tem fascinantnem svetu, v katerega se boš potopil!
 
 [Reši kviz po lekciji](https://ff-quizzes.netlify.app/web/)
-## Pregled in samostojno učenje
 
-**Vzemite si čas za raziskovanje in zabavo!**
+## Pregled in samostojno učenje
 
-Danes ste prehodili veliko poti, in na to ste lahko ponosni! Zdaj sledi zabavni del – raziskovanje tem, ki so vzbudile vašo radovednost. Ne pozabite, to ni domača naloga – to je pustolovščina!
+**Vzemi si čas za raziskovanje in uživanje!**
+Danes ste naredili veliko korakov, na kar ste lahko ponosni! Zdaj pa pride zabavni del – raziskovanje tem, ki so vzbudile vašo radovednost. Ne pozabite, to ni domača naloga – to je avantura!
 
 **Poglobite se v to, kar vas navdušuje:**
 
 **Preizkusite se v programskih jezikih:**
-- Obiščite uradne spletne strani 2-3 jezikov, ki so pritegnili vašo pozornost. Vsak ima svojo osebnost in zgodbo!
-- Preizkusite spletne kode za igranje, kot so [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ali [Replit](https://replit.com/). Ne bojte se eksperimentirati – nič ne morete pokvariti!
+- Obiščite uradne spletne strani 2-3 jezikov, ki so vam pritegnili pozornost. Vsak ima svojo osebnost in zgodbo!
+- Preizkusite spletna okolja za kodiranje, kot so [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) ali [Replit](https://replit.com/). Ne bojte se eksperimentirati – ničesar ne morete pokvariti!
 - Preberite, kako je nastal vaš najljubši jezik. Resno, nekatere izvorne zgodbe so fascinantne in vam bodo pomagale razumeti, zakaj jeziki delujejo tako, kot delujejo.
 
-**Spoznajte nove orodje:**
-- Prenesite Visual Studio Code, če ga še niste – je brezplačen in ga boste oboževali!
-- Preživet nekaj minut z brskanjem po Trgovini razširitev. Je kot trgovina z aplikacijami za vaš urejevalnik kode!
-- Odprite Orodja za razvijalce v vašem brskalniku in klikajte okrog. Ne skrbite, če ne razumete vsega – samo spoznajte, kaj je tam.
+**Spoznajte svoje nove pripomočke:**
+- Prenesite Visual Studio Code, če ga še niste – je brezplačen in vam bo všeč!
+- Preživite nekaj minut na tržnici Extensions. To je kot trgovina z aplikacijami za vaš urejevalnik kode!
+- Odprite orodja za razvijalce v svojem brskalniku in klikajte naokoli. Ne skrbite, če ne razumete vsega – samo spoznajte, kaj je tam.
 
 **Pridružite se skupnosti:**
-- Sledite nekaterim razvijalskim skupnostim na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ali [GitHub](https://github.com/). Programerska skupnost je izjemno prijazna do novincev!
-- Poglejte nekaj videov za začetnike na YouTube-u. Obstaja veliko odličnih ustvarjalcev, ki se spomnijo, kako je bilo začeti.
-- Razmislite o pridružitvi lokalnim srečanjem ali spletnim skupnostim. Verjemite mi, razvijalci radi pomagajo novincem!
+- Spremljajte nekaj razvijalskih skupnosti na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) ali [GitHub](https://github.com/). Programerska skupnost je neverjetno prijazna do novincev!
+- Oglejte si začetniško prijazne videoposnetke kodiranja na YouTube. Obstaja toliko odličnih ustvarjalcev, ki se spominjajo, kako je začeti.
+- Razmislite o pridružitvi lokalnim srečanjem ali spletnim skupnostim. Verjemite, razvijalci radi pomagajo novincem!
+
+> 🎯 **Poslušajte, to naj si zapomnite**: Od vas ne pričakujem, da boste čez noč postali čarovnik programiranja! Trenutno se le spoznavate s tem neverjetnim novim svetom, v katerem boste delovali. Vzemite si čas, uživajte na poti in ne pozabite – vsak razvijalec, ki ga občudujete, je nekoč sedel točno tam, kjer ste vi zdaj, začuden in morda malo preobremenjen. To je povsem normalno in pomeni, da delate prav!
+
 
-> 🎯 **Poslušajte, tukaj je, kar želite zapomniti**: Od vas ne pričakujemo, da boste preko noči čarovnik v kodiranju! Trenutno se samo spoznavate s tem neverjetnim novim svetom, ki vam je na voljo. Vzemite si čas, uživajte na poti in ne pozabite – vsak razvijalec, ki ga občudujete, je nekoč sedel natanko tam, kjer ste vi zdaj, začuden in morda malo preobremenjen. To je povsem normalno, in to pomeni, da delate prav!
 
 ## Naloga
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Mali namig za vašo nalogo**: Zelo bi rad videl, da raziščete nekaj orodij, ki jih še nismo obravnavali! Izpustite urejevalnike, brskalnike in orodja ukazne vrstice, o katerih smo že govorili – tam je cel čudovit svet neverjetnih razvojnih orodij, ki čakajo, da jih odkrijete. Iščite tiste, ki so aktivno vzdrževani in imajo živahne, prijazne skupnosti (ti imajo ponavadi najboljše vodiče in najbolj podporne ljudi, ko boste neizogibno naleteli na težave in potrebovali prijazno pomoč).
+> 💡 **Mala spodbuda za vašo nalogo**: Zelo bi mi bilo všeč, če bi raziskali nekaj orodij, ki jih še nismo obravnavali! Preskočite urejevalnike, brskalnike in ukazne vrstice, o katerih smo že govorili – obstaja cel vesolje neverjetnih razvojnih orodij, ki čakajo, da jih odkrijete. Poiščite tista, ki so aktivno vzdrževana in imajo živahne, podporne skupnosti (ti imajo ponavadi najboljše vodiče in najbolj prijazne ljudi, ko se zataknete in potrebujete prijateljsko pomoč).
 
 ---
 
 ## 🚀 Časovnica vaše programerske poti
 
 ### ⚡ **Kaj lahko naredite v naslednjih 5 minutah**
-- [ ] Dodajte med zaznamke spletne strani 2-3 programskih jezikov, ki so pritegnili vašo pozornost
+- [ ] Dodajte med zaznamke 2-3 spletne strani programskih jezikov, ki so vam pritegnili pozornost
 - [ ] Prenesite Visual Studio Code, če ga še niste
-- [ ] Odprite DevTools v brskalniku (F12) in klikajte po katerikoli spletni strani
+- [ ] Odprite orodja za razvijalce (F12) v brskalniku in klikajte na katerikoli spletni strani
 - [ ] Pridružite se eni programerski skupnosti (Dev.to, Reddit r/webdev ali Stack Overflow)
 
-### ⏰ **Kaj lahko dosežete v eni uri**
-- [ ] Dokončajte kviz po lekciji in premislite o svojih odgovorih
+### ⏰ **Kaj lahko dosežete v tej uri**
+- [ ] Zaključite kviz po lekciji in razmislite o svojih odgovorih
 - [ ] Nastavite VS Code z razširitvijo GitHub Copilot
-- [ ] Preizkusite primer "Hello World" v dveh različnih programskih jezikih na spletu
-- [ ] Oglejte si video "Dan v življenju razvijalca" na YouTube-u
-- [ ] Začnite raziskovati svojo programsko jezikovno detektivko (iz izziva)
-
-### 📅 **Vaša tedenska pustolovščina**
-- [ ] Dokončajte nalogo in raziščite 3 nova razvojna orodja
-- [ ] Sledite 5 razvijalcem ali programerskim računom na družbenih omrežjih
-- [ ] Poskusite ustvariti nekaj majhnega v CodePen ali Replit (tudi samo "Hello, [Vaše ime]!")
+- [ ] Preizkusite "Hello World" primer v 2 različnih programskih jezikih na spletu
+- [ ] Oglejte si video "Dan v življenju razvijalca" na YouTube
+- [ ] Začnite detektivsko delo o programskem jeziku (iz izziva)
+
+### 📅 **Vaša tedenska avantura**
+- [ ] Izpolnite nalogo in raziščite 3 nova razvojna orodja
+- [ ] Spremljajte 5 razvijalcev ali programerskih računov na družbenih omrežjih
+- [ ] Poskusite ustvariti nekaj majhnega v CodePen ali Replit (tudi samo "Hello, [vaše ime]!")
 - [ ] Preberite en blog zapis razvijalca o njegovi programerski poti
-- [ ] Pridružite se virtualnemu srečanju ali si oglejte programerski govor
-- [ ] Začnite se učiti izbran jezik z spletnimi učnimi gradivi
+- [ ] Pridružite se virtualnemu srečanju ali si oglejte predavanje o programiranju
+- [ ] Začnite se učiti izbran jezik preko spletnih vodičev
 
 ### 🗓️ **Vaša mesečna preobrazba**
-- [ ] Izdelajte svoj prvi majhen projekt (tudi preprosta spletna stran šteje!)
-- [ ] Prispevajte k odprtokodnemu projektu (začnite z izboljšavami dokumentacije)
-- [ ] Mentorirajte nekoga, ki šele začenja s programersko potjo
-- [ ] Ustvarite svojo spletno stran s portfeljem razvijalca
-- [ ] Povežite se z lokalnimi razvijalskimi skupinami ali učnimi skupinami
-- [ ] Začnite načrtovati svoj naslednji učni mejnik
+- [ ] Sestavite svoj prvi majhen projekt (tudi preprosta spletna stran šteje!)
+- [ ] Prispevajte v odprtokodni projekt (začnite s popravki dokumentacije)
+- [ ] Mentorirajte nekoga, ki šele začenja svojo programersko pot
+- [ ] Ustvarite svojo spletno portfelj razvijalca
+- [ ] Povežite se z lokalnimi razvijalskimi skupnostmi ali študijskimi skupinami
+- [ ] Začnite načrtovati naslednjo učno prelomnico
 
-### 🎯 **Zaključna refleksija**
+### 🎯 **Zaključni premislek**
 
-**Preden nadaljujete, vzemite trenutek za praznovanje:**
-- Kaj vas je danes pri programiranju najbolj navdušilo?
+**Preden nadaljujete, si vzemite trenutek za praznovanje:**
+- Kaj vas je danes v programiranju najbolj navdušilo?
 - Katero orodje ali koncept želite raziskati najprej?
 - Kako se počutite ob začetku te programerske poti?
-- Kakšno vprašanje bi zdaj želeli zastaviti razvijalcu?
+- Kakšno vprašanje bi radi zdaj zastavili razvijalcu?
 
 ```mermaid
 journey
-    title Vaša pot do gradnje samozavesti
+    title Vaša Pot do Izgradnje Zaupanja
     section Danes
-      Curious: 3: Vi
-      Overwhelmed: 4: Vi
-      Excited: 5: Vi
+      Radoveden: 3: You
+      Preobremenjen: 4: You
+      Navdušen: 5: You
     section Ta Teden
-      Exploring: 4: Vi
-      Learning: 5: Vi
-      Connecting: 4: Vi
+      Raziščem: 4: You
+      Učim se: 5: You
+      Povezujem se: 4: You
     section Naslednji Mesec
-      Building: 5: Vi
-      Confident: 5: Vi
-      Helping Others: 5: Vi
+      Gradim: 5: You
+      Zaupljiv: 5: You
+      Pomagam Drugim: 5: You
 ```
-> 🌟 **Zapomnite si**: Vsak strokovnjak je bil nekoč začetnik. Vsak izkušen razvijalec se je nekoč počutil natanko tako kot vi zdaj – navdušen, morda malo preobremenjen in zagotovo radoveden, kaj je mogoče. Ste v odlični družbi in ta pot bo neverjetna. Dobrodošli v čudovitem svetu programiranja! 🎉
+> 🌟 **Ne pozabite**: Vsak strokovnjak je bil nekoč začetnik. Vsak izkušen razvijalec je nekoč čutil točno to, kar čutite vi zdaj – navdušenje, morda nekaj preobremenjenosti in zagotovo radovednost o tem, kaj je mogoče. V odlični ste družbi in ta pot bo čudovita. Dobrodošli v čudovitem svetu programiranja! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Omejitev odgovornosti**:
-Ta dokument je bil preveden z uporabo storitve za avtomatski prevod AI [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku velja za avtoritativni vir. Za pomembne informacije priporočamo strokovni človeški prevod. Za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne odgovarjamo.
+**Opozorilo**:  
+Ta dokument je bil preveden z uporabo storitve umetne inteligence za prevajanje [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku velja za avtoritativni vir. Za kritične informacije priporočamo strokovni človeški prevod. Za morebitna nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne odgovarjamo.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sl/AGENTS.md b/translations/sl/AGENTS.md
index a9b5825a3..8fa731c49 100644
--- a/translations/sl/AGENTS.md
+++ b/translations/sl/AGENTS.md
@@ -2,29 +2,29 @@
 
 ## Pregled projekta
 
-To je repozitorij izobraževalnega kurikuluma za poučevanje osnov spletnega razvoja za začetnike. Kurikulum je obsežen 12-tedenski tečaj, ki ga je razvila ekipa Microsoft Cloud Advocates, in obsega 24 praktičnih lekcij o JavaScriptu, CSS-u in HTML-u.
+To je učni učni načrt za poučevanje osnov razvoja spletnih strani za začetnike. Učni načrt je obsežen 12-tedenski tečaj, ki so ga razvili Microsoft Cloud Advocates in vsebuje 24 praktičnih lekcij, ki pokrivajo JavaScript, CSS in HTML.
 
 ### Ključne sestavine
 
-- **Izobraževalna vsebina**: 24 strukturiranih lekcij, razporejenih v modulih s projekti  
-- **Praktični projekti**: Terrarium, Igra tipkanja, Razširitev za brskalnik, Vesoljska igra, Bančniška aplikacija, Urejevalnik kode in AI Chat asistent  
-- **Interaktivni kvizi**: 48 kvizov s po 3 vprašanji (pred in po lekciji)  
-- **Večjezična podpora**: Avtomatski prevodi za več kot 50 jezikov preko GitHub Actions  
-- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte)  
+- **Izobraževalna vsebina**: 24 strukturiranih lekcij, organiziranih v module na osnovi projektov
+- **Praktični projekti**: Terrarium, Tipkovniška igra, Razširitev brskalnika, Vesoljska igra, Bančniški pripomoček, Urejevalnik kode in AI klepetalni pomočnik
+- **Interaktivni kvizi**: 48 kvizov s po 3 vprašanji (ocenjevanje pred/nad lekcijo)
+- **Podpora več jezikom**: Avtomatski prevodi za več kot 50 jezikov prek GitHub Actions
+- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte)
 
 ### Arhitektura
 
-- Izobraževalni repozitorij z lekcijsko strukturo  
-- Vsaka lekcija ima mapo s README-jem, primeri kode in rešitvami  
-- Samostojni projekti v ločenih imenikih (quiz-app, različni projekti lekcij)  
-- Sistem za prevajanje z uporabo GitHub Actions (co-op-translator)  
-- Dokumentacija dostopna preko Docsify in PDF-ja  
+- Izobraževalno skladišče z strukturo po lekcijah
+- Vsaka mapa lekcije vsebuje README, primere kode in rešitve
+- Samostojni projekti v ločenih imenikih (quiz-app, različni projektni lekciji)
+- Sistem prevajanja z GitHub Actions (co-op-translator)
+- Dokumentacija dostopna prek Docsify in kot PDF
 
 ## Ukazi za nastavitev
 
-Ta repozitorij je primarno za potrošnjo izobraževalnih vsebin. Za delo s specifičnimi projekti:
+To skladišče je primarno namenjeno za uporabo izobraževalne vsebine. Za delo s specifičnimi projekti:
 
-### Nastavitev glavnega repozitorija
+### Nastavitev glavnega skladišča
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -36,27 +36,27 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Zaženite razvojni strežnik
-npm run build      # Ustvari za produkcijo
+npm run dev        # Zaženi razvojni strežnik
+npm run build      # Zgradi za produkcijo
 npm run lint       # Zaženi ESLint
 ```
 
-### API bankovnega projekta (Node.js + Express)
+### API za bankovni projekt (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
 npm start          # Zaženi API strežnik
 npm run lint       # Zaženi ESLint
-npm run format     # Formatiraj s Prettier-jem
+npm run format     # Oblikuj s Prettier
 ```
 
-### Projekti razširitev za brskalnik
+### Projekti za razširitve brskalnika
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Sledite navodilom za nalaganje razširitev, specifičnim za brskalnik
+# Sledite navodilom za nalaganje razširitev, značilnim za brskalnik
 ```
 
 ### Projekti vesoljske igre
@@ -67,7 +67,7 @@ npm install
 # Odprite index.html v brskalniku ali uporabite Live Server
 ```
 
-### Chat projekt (Python Backend)
+### Projekt klepetalnega pomočnika (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,33 +76,33 @@ pip install openai
 python api.py
 ```
 
-## Razvojni potek
+## Razvojni potek dela
 
-### Za prispevatele vsebine
+### Za prispevajoče vsebino
 
-1. **Razvejajte repozitorij** na svoj GitHub račun  
-2. **Klonirajte svojo vejo** lokalno  
-3. **Ustvarite novo vejo** za vaše spremembe  
-4. Spremenite vsebino lekcij ali primere kode  
-5. Preizkusite spremembe kode v ustreznih imenikih projektov  
-6. Pošljite pull requeste v skladu z navodili za prispevanje  
+1. **Razvezi skladišče (fork)** na svoj GitHub račun
+2. **Kloniraj svoj fork** lokalno
+3. **Ustvari novo vejo** za svoje spremembe
+4. Naredi spremembe v vsebini lekcij ali primerih kode
+5. Preizkusi spremembe kode v relevantnih projektnikih
+6. Pošlji pull requeste v skladu z navodili za prispevke
 
 ### Za učence
 
-1. Razvejajte ali klonirajte repozitorij  
-2. Po vrsti odprite mape lekcij  
-3. Preberite README datoteke za vsako lekcijo  
-4. Rešite pred-lekcijske kvize na https://ff-quizzes.netlify.app/web/  
-5. Delajte skozi primere kode v lekcijskih mapah  
-6. Zaključite naloge in izzive  
-7. Rešite povratne kvize po lekciji  
+1. Razvezi ali kloniraj skladišče
+2. Postopoma obišči mape lekcij
+3. Preberi README datoteke za vsako lekcijo
+4. Opravi pred-lekcijske kvize na https://ff-quizzes.netlify.app/web/
+5. Prehod skozi primere kode v mapah lekcij
+6. Dokončaj naloge in izzive
+7. Opravi po-lekcijske kvize
 
 ### Živi razvoj
 
-- **Dokumentacija**: Povlecite `docsify serve` v korenski mapi (port 3000)  
-- **Quiz App**: Zaženite `npm run dev` v mapi quiz-app  
-- **Projekti**: Uporabite VS Code Live Server razširitev za HTML projekte  
-- **API projekti**: Zaženite `npm start` v ustreznih API mapah  
+- **Dokumentacija**: Zaženi `docsify serve` v korenski mapi (port 3000)
+- **Quiz App**: Zaženi `npm run dev` v mapi quiz-app
+- **Projekti**: Uporabi VS Code Live Server razširitev za HTML projekte
+- **API projekti**: Zaženi `npm start` v ustreznih API mapah
 
 ## Navodila za testiranje
 
@@ -110,93 +110,93 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # Preveri težave s slogom kode
-npm run build      # Preveri, ali se gradnja uspešno zaključi
+npm run lint       # Preverite težave s slogom kode
+npm run build      # Preverite, ali se gradnja uspešno zaključi
 ```
 
-### Testiranje API banke
+### Testiranje Bank API
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Preveri težave s slogom kode
-node server.js     # Preveri, da se strežnik zažene brez napak
+node server.js     # Preveri, da strežnik začne brez napak
 ```
 
-### Splošen pristop testiranja
+### Splošni pristop k testiranju
 
-- To je izobraževalni repozitorij brez celovitih avtomatiziranih testov  
-- Ročno testiranje se osredotoča na:  
-  - Koda teče brez napak  
-  - Povezave v dokumentaciji delujejo pravilno  
-  - Projekti se uspešno zgradijo  
-  - Primeri sledijo najboljšim praksam  
+- To je učni repozitorij brez obsežnih avtomatskih testov
+- Ročno testiranje se osredotoča na:
+  - Primere kode, ki se izvajajo brez napak
+  - Delovanje povezav v dokumentaciji
+  - Uspešno gradnjo projektov
+  - Primeri sledijo najboljšim praksam
 
-### Preverjanje pred predajo
+### Preverjanja pred oddajo
 
-- Zaženite `npm run lint` v mapah z datoteko package.json  
-- Preverite veljavnost markdown povezav  
-- Testirajte primere kode v brskalniku ali Node.js  
-- Preverite, da prevodi ne porušijo strukture  
+- Zaženi `npm run lint` v mapah z datoteko package.json
+- Preveri, da so markdown povezave veljavne
+- Testiraj primere kode v brskalniku ali Node.js
+- Preveri, da prevodi ohranjajo pravilno strukturo
 
-## Smernice za stil kode
+## Smernice glede sloga kode
 
 ### JavaScript
 
-- Uporabljajte sodobno sintakso ES6+  
-- Sledite standardnim ESLint konfiguracijam v projektih  
-- Uporabljajte smiselna imena spremenljivk in funkcij za jasnost učenja  
-- Dodajajte komentarje, ki pojasnjujejo koncepte za učence  
-- Oblikujte kodo po Prettier, kjer je nastavljeno  
+- Uporabljaj sodoben ES6+ zapis
+- Sledi standardnim ESLint konfiguracijam v projektih
+- Uporabljaj pomenljive spremenljivke in imena funkcij za jasnost izobraževanja
+- Dodaj komentarje za razlago konceptov učencem
+- Formatiraj s Prettier, kjer je konfiguriran
 
 ### HTML/CSS
 
-- Semantični HTML5 elementi  
-- Principi odzivnega oblikovanja  
-- Jasne konvencije za poimenovanje razredov  
-- Komentarji, ki pojasnjujejo CSS tehnike za učence  
+- Semantični HTML5 elementi
+- Principi odzivnega dizajna
+- Jasne konvencije poimenovanja razredov
+- Komentarji, ki pojasnjujejo CSS tehnike za učence
 
 ### Python
 
-- Smernice stila PEP 8  
-- Jasni, izobraževalni primeri kode  
-- Tipizacija, kjer je koristna za učenje  
+- Smernice sloga PEP 8
+- Jasni, izobraževalni primeri kode
+- Tipizacije tam, kjer so uporabne za učenje
 
 ### Markdown dokumentacija
 
-- Jasna hierarhija naslovov  
-- Bloki kode z navedbo jezika  
-- Povezave do dodatnih virov  
-- Posnetki zaslona in slike v mapah `images/`  
-- Alternativno besedilo za slike za dostopnost  
+- Jasna hierarhija naslovov
+- Kode v blokih z določeno jezikovno označbo
+- Povezave do dodatnih virov
+- Posnetki zaslona in slike v imeniku `images/`
+- Alt besedilo za slike zaradi dostopnosti
 
 ### Organizacija datotek
 
-- Lekcije so oštevilčene zaporedno (1-getting-started-lessons, 2-js-basics itd.)  
-- Vsak projekt ima mape `solution/` in pogosto `start/` ali `your-work/`  
-- Slike so shranjene v lekcijsko specifičnih mapah `images/`  
-- Prevodi so v strukturi `translations/{language-code}/`  
+- Lekcije oštevilčene zaporedno (1-getting-started-lessons, 2-js-basics, itd.)
+- Vsak projekt ima mape `solution/` in pogosto `start/` ali `your-work/`
+- Slike shranjene v mapah lekcije v `images/`
+- Prevodi v strukturi `translations/{language-code}/`
 
-## Gradnja in objava
+## Gradnja in nameščanje
 
-### Objavljanje Quiz App (Azure Static Web Apps)
+### Namestitev Quiz App (Azure Static Web Apps)
 
-Quiz-app je konfiguriran za objavo na Azure Static Web Apps:
+Quiz-app je konfiguriran za nameščanje na Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Ustvari mapo dist/
-# Izvede namestitev prek GitHub Actions delovnega toka ob potisku na main
+# Izvede nameščanje prek GitHub Actions poteka dela ob potisku na main
 ```
 
-Konfiguracija Azure Static Web Apps:  
-- **Lokacija aplikacije**: `/quiz-app`  
-- **Izhodna lokacija**: `dist`  
-- **Potek dela**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+Konfiguracija Azure Static Web Apps:
+- **Lokacija aplikacije**: `/quiz-app`
+- **Izhodna lokacija**: `dist`
+- **Potek dela**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generiranje dokumentacije v PDF
+### Generiranje PDF dokumentacije
 
 ```bash
-npm install                    # Namesti docsify-to-pdf
+npm install                    # Namestite docsify-to-pdf
 npm run convert               # Ustvari PDF iz docs
 ```
 
@@ -204,79 +204,79 @@ npm run convert               # Ustvari PDF iz docs
 
 ```bash
 npm install -g docsify-cli    # Namestite Docsify globalno
-docsify serve                 # Strežite na localhost:3000
+docsify serve                 # Postrežite na localhost:3000
 ```
 
-### Gradnje po posameznih projektih
+### Gradnje specifične za projekte
 
-Vsak projekt ima lahko lasten gradbeni proces:  
-- Vue projekti: `npm run build` ustvari proizvodne pakete  
-- Statični projekti: brez gradnje, datoteke se neposredno strežejo  
+Vsak projekt lahko ima svoj postopek gradnje:
+- Vue projekti: `npm run build` ustvari produkcijske pakete
+- Statični projekti: brez koraka gradnje, streže datoteke neposredno
 
 ## Smernice za pull requeste
 
 ### Oblika naslova
 
-Uporabite jasne, opisne naslove, ki označujejo področje spremembe:  
-- `[Quiz-app] Dodaj nov kviz za lekcijo X`  
-- `[Lesson-3] Popravi napako v projektu terrarium`  
-- `[Translation] Dodaj španski prevod za lekcijo 5`  
-- `[Docs] Posodobi navodila za namestitev`  
+Uporabi jasne, opisne naslove, ki kažejo področje spremembe:
+- `[Quiz-app] Dodaj nov kviz za lekcijo X`
+- `[Lesson-3] Popravi tipkarsko napako v projektu terrarium`
+- `[Translation] Dodaj španski prevod za lekcijo 5`
+- `[Docs] Posodobi navodila za nastavitev`
 
-### Potrebni pregledi
+### Zahtevana preverjanja
 
-Pred oddajo PR:  
+Pred oddajo PR:
 
-1. **Kakovost kode**:  
-   - Zaženite `npm run lint` v ustreznih projektnih mapah  
-   - Odpravite vse napake in opozorila  
+1. **Kakovost kode**:
+   - Zaženi `npm run lint` v prizadetih projektnih mapah
+   - Odpravi vse napake in opozorila linterja
 
-2. **Preverjanje gradnje**:  
-   - Zaženite `npm run build`, če je potrebno  
-   - Zagotovite, da ni napak pri gradnji  
+2. **Preverjanje gradnje**:
+   - Zaženi `npm run build`, če je potrebno
+   - Prepričaj se, da ni napak pri gradnji
 
-3. **Preverjanje povezav**:  
-   - Testirajte vse markdown povezave  
-   - Preverite pravilnost slikovnih referenc  
+3. **Preverjanje povezav**:
+   - Preizkusi vse markdown povezave
+   - Preveri, da so reference na slike delujoče
 
-4. **Pregled vsebine**:  
-   - Preverite pravopis in slovnico  
-   - Zagotovite pravilnost in izobraževalno vrednost primerov kode  
-   - Preverite pravilnost prevodov in skladnost pomena  
+4. **Pregled vsebine**:
+   - Preberi za pravopisne in slovnične napake
+   - Preveri pravilnost in izobraževalno vrednost primerov kode
+   - Preveri, da prevodi ohranjajo prvotni pomen
 
-### Zahteve za prispevanje
+### Zahteve za prispevke
 
-- Strinjajte se z Microsoft CLA (avtomatska kontrola pri prvem PR)  
-- Sledite [Microsoftovemu kodeksu ravnanja za odprto kodo](https://opensource.microsoft.com/codeofconduct/)  
-- Preberite [CONTRIBUTING.md](./CONTRIBUTING.md) za podrobna navodila  
-- Referencirajte številke težav v opisu PR, če je primerno  
+- Sprejmi Microsoftovo CLA (avtomatski pregled ob prvem PR)
+- Sledi [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Poglej [CONTRIBUTING.md](./CONTRIBUTING.md) za podrobna navodila
+- V primeru potrebuje povezave do številk issue v opisu PR
 
 ### Postopek pregleda
 
-- PR-e pregledajo vzdrževalci in skupnost  
-- Prioriteta je jasnost izobraževalnih vsebin  
-- Primeri kode naj sledijo najboljšim trenutnim praksam  
-- Prevodi so pregledani glede točnosti in kulturne ustreznosti  
+- PR pregledujejo vzdrževalci in skupnost
+- Prednost ima jasnost izobraževalne vsebine
+- Primeri kode naj sledijo trenutnim najboljšim praksam
+- Prevodi se pregledajo za točnost in kulturno ustreznost
 
 ## Sistem prevajanja
 
-### Avtomatski prevod
+### Avtomatizirani prevodi
 
-- Uporablja GitHub Actions s co-op-translator potekom dela  
-- Samodejno prevaja v več kot 50 jezikov  
-- Izvorne datoteke v glavnih direktorijih  
-- Prevedene datoteke v `translations/{language-code}/` mapah  
+- Uporablja GitHub Actions z co-op-translator workflow
+- Samodejno prevaja v več kot 50 jezikov
+- Izvorne datoteke v glavnih mapah
+- Prevedene datoteke v mapi `translations/{language-code}/`
 
 ### Dodajanje ročnih izboljšav prevodov
 
-1. Poiščite datoteko v `translations/{language-code}/`  
-2. Izboljšajte vsebino ob ohranitvi strukture  
-3. Zagotovite delovanje primerov kode  
-4. Preizkusite lokalizirane kvize, če so prisotni  
+1. Najdi datoteko v `translations/{language-code}/`
+2. Naredi izboljšave ob ohranjanju strukture
+3. Poskrbi, da primeri kode ostanejo funkcionalni
+4. Preizkusi vse lokalizirane kviz vsebine
 
-### Metapodatki prevodov
+### Metapodatki za prevode
 
-Prevedene datoteke vključujejo glavo metapodatkov:  
+Prevedene datoteke vsebujejo metapodatkovni naslov:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Razhroščevanje in odpravljanje težav
+## Odpravljanje napak in reševanje težav
 
 ### Pogoste težave
 
-**Aplikacija kvizov se ne zažene**:  
-- Preverite različico Node.js (priporočeno v4+ ali višje)  
-- Izbrišite `node_modules` in `package-lock.json`, znova zaženite `npm install`  
-- Preverite konflikte pristanišč (privzeto Vite uporablja port 5173)  
+**Quiz app se ne zažene**:
+- Preveri različico Node.js (priporočen v14+)
+- Izbriši `node_modules` in `package-lock.json`, ponovno zaženi `npm install`
+- Preveri konflikte vrat (privzeto: Vite uporablja port 5173)
 
-**API strežnik se ne zažene**:  
-- Preverite, ali je različica Node.js zadostna (node >=10)  
-- Preverite, ali je pristanišče že v uporabi  
-- Prepričajte se, da so vse odvisnosti nameščene preko `npm install`  
+**Strežnik API se ne zažene**:
+- Preveri minimalno različico Node.js (node >=10)
+- Preveri, če vrata že niso zasedena
+- Zagotovi, da so vse odvisnosti nameščene z `npm install`
 
-**Razširitev za brskalnik se ne naloži**:  
-- Preverite pravilno oblikovan manifest.json  
-- Preverite konzolo brskalnika za napake  
-- Sledite navodilom za namestitev specifičnim za brskalnik  
+**Razširitev brskalnika se ne naloži**:
+- Preveri, ali je manifest.json pravilno oblikovan
+- Preveri napake v konzoli brskalnika
+- Sledi navodilom za namestitev razširitve za določen brskalnik
 
-**Težave s Python chat projektom**:  
-- Prepričajte se, da je nameščen paket OpenAI: `pip install openai`  
-- Preverite, da je okoljska spremenljivka GITHUB_TOKEN nastavljena  
-- Preverite dovoljenja za dostop do GitHub modelov  
+**Težave s projektnim klepetom (Python)**:
+- Poskrbi, da je nameščen paket OpenAI: `pip install openai`
+- Preveri, da je okoljska spremenljivka GITHUB_TOKEN nastavljena
+- Preveri dostopne pravice GitHub Modelov
 
-**Docsify ne streže dokumentacije**:  
-- Namestite docsify-cli globalno: `npm install -g docsify-cli`  
-- Zaženite v korenski mapi repozitorija  
-- Preverite, ali obstaja `docs/_sidebar.md`  
+**Docsify ne streže dokumentacije**:
+- Namesti docsify-cli globalno: `npm install -g docsify-cli`
+- Zaženi z korenske mape repozitorija
+- Preveri, da datoteka `docs/_sidebar.md` obstaja
 
 ### Nasveti za razvojno okolje
 
-- Uporabljajte VS Code z razširitvijo Live Server za HTML projekte  
-- Namestite ESLint in Prettier razširitve za skladno oblikovanje  
-- Uporabljajte DevTools v brskalniku za razhroščevanje JavaScripta  
-- Za Vue projekte namestite Vue DevTools razširitev za brskalnik  
+- Uporabljaj VS Code z Live Server razširitvijo za HTML projekte
+- Namesti ESLint in Prettier razširitve za konsistentno oblikovanje
+- Uporabi DevTools v brskalniku za odpravljanje napak v JavaScriptu
+- Za Vue projekte namesti Vue DevTools razširitev brskalnika
 
 ### Upoštevanje zmogljivosti
 
-- Veliko število prevedenih datotek (50+ jezikov) pomeni velike klone  
-- Uporabite plitek klon, če delate samo z vsebino: `git clone --depth 1`  
-- Izključite prevode iz iskanja pri delu na angleški vsebini  
-- Gradbeni postopki so lahko počasni ob prvem zagonu (npm install, Vite build)  
+- Veliko število prevedenih datotek (50+ jezikov) pomeni velike klone
+- Uporabi plitek klon, če delaš samo z vsebino: `git clone --depth 1`
+- Izključi prevode iz iskanja med delom z angleško vsebino
+- Gradbeni procesi so lahko počasni pri prvem zagonu (npm install, Vite build)
 
-## Varnostne usmeritve
+## Varnostni ukrepi
 
 ### Okoljske spremenljivke
 
-- API ključi nikoli naj ne bodo vključeni v repozitorij  
-- Uporabite `.env` datoteke (že v `.gitignore`)  
-- Dokumentirajte potrebne okoljske spremenljivke v README-jih projektov  
+- Ključi API naj nikoli niso vključeni v repozitorij
+- Uporabljaj `.env` datoteke (že vključene v `.gitignore`)
+- Zabeleži potrebne okoljske spremenljivke v README projektov
 
 ### Python projekti
 
-- Uporabljajte virtualna okolja: `python -m venv venv`  
-- Ohranjajte odvisnosti posodobljene  
-- GitHub tokeni naj imajo minimalne potrebne pravice  
+- Uporabljaj virtualna okolja: `python -m venv venv`
+- Održi odvisnosti posodobljene
+- GitHub tokeni naj imajo minimalne potrebne pravice
 
-### Dostop do GitHub modelov
+### Dostop do GitHub Modelov
 
-- Za GitHub modele so potrebni osebni dostopni tokeni (PAT)  
-- Tokeni naj se hranijo v okoljskih spremenljivkah  
-- Nikoli ne vključujte tokenov ali poverilnic v repozitorij  
+- Potrebni so osebni dostopni žetoni (PAT)
+- Žetone je treba shranjevati kot okoljske spremenljivke
+- Nikoli jih ne vključi v repozitorij ali delilne datoteke
 
 ## Dodatne opombe
 
 ### Ciljna publika
 
-- Popolni začetniki v spletnem razvoju  
-- Študenti in samostojni učeči se  
-- Učitelji, ki uporabljajo kurikulum v razredih  
-- Vsebina je zasnovana za dostopnost in postopno gradnjo znanja  
+- Popolni začetniki v razvoju spletnih strani
+- Študenti in samostojni učenci
+- Učitelji, ki uporabljajo učni načrt v učilnicah
+- Vsebina je namenjena dostopnosti in postopnemu razvijanju veščin
 
 ### Izobraževalna filozofija
 
-- Pristop učenja skozi projekte  
-- Pogoste preveritve znanja (kvizi)  
-- Praktikum programiranja  
-- Primeri iz resničnega sveta  
-- Osredotočenost na osnove pred ogrodji  
+- Pristop učenja na osnovi projektov
+- Pogoste preizkuse znanja (kvizi)
+- Praktične vaje s kodo
+- Prikazi primerov iz resničnega sveta
+- Poudarek na osnovah pred okviri
 
 ### Vzdrževanje repozitorija
 
-- Aktivna skupnost učencev in prispevalcev  
-- Redne posodobitve odvisnosti in vsebine  
-- Spremljanje težav in razprav s strani vzdrževalcev  
-- Posodobitve prevodov avtomatizirane preko GitHub Actions  
+- Aktivna skupnost učencev in prispevkov
+- Redne posodobitve odvisnosti in vsebine
+- Vzdrževalci spremljajo zadeve in razprave
+- Posodobitve prevodov avtomatizirane prek GitHub Actions
 
 ### Sorodni viri
 
-- [Microsoft Learn moduli](https://docs.microsoft.com/learn/)  
-- [Student Hub viri](https://docs.microsoft.com/learn/student-hub/)  
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) priporočen za učence  
-- Dodatni tečaji: Generativni AI, Data Science, ML, IoT kurikulumi na voljo  
+- [Microsoft Learn moduli](https://docs.microsoft.com/learn/)
+- [Student Hub viri](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) priporočeno za učence
+- Dodatni tečaji: Generativna AI, Data Science, ML, IoT učni načrti na voljo
 
 ### Delo s specifičnimi projekti
 
-Za podrobna navodila posameznih projektov glejte README datoteke v:  
-- `quiz-app/README.md` - Vue 3 aplikacija kviza  
-- `7-bank-project/README.md` - Bančniška aplikacija z avtentikacijo  
-- `5-browser-extension/README.md` - Razvoj razširitve za brskalnik  
-- `6-space-game/README.md` - Razvoj igre na platnu (Canvas)  
-- `9-chat-project/README.md` - Projekt AI chat asistenta  
+Za podrobna navodila o posameznih projektih glej README datoteke v:
+- `quiz-app/README.md` - Vue 3 aplikacija za kvize
+- `7-bank-project/README.md` - Bančna aplikacija z avtentikacijo
+- `5-browser-extension/README.md` - Razvoj razširitve brskalnika
+- `6-space-game/README.md` - Razvoj igre na Canvasu
+- `9-chat-project/README.md` - AI klepetalni pomočnik
 
-### Struktura Monorepo
+### Struktura monorepo
 
-Čeprav ne gre za tradicionalni monorepo, ta repozitorij vsebuje več neodvisnih projektov:  
-- Vsaka lekcija je samostojna  
-- Projekti ne delijo odvisnosti  
-- Delo na posameznih projektih brez vpliva na druge  
-- Klonirajte celoten repozitorij za celotno kurikularno izkušnjo  
+Čeprav ni tradicionalni monorep, to skladišče vsebuje več neodvisnih projektov:
+- Vsaka lekcija je samostojna
+- Projekti ne delijo odvisnosti
+- Delo na posameznih projektih brez vpliva na druge
+- Kloniraj celotno skladišče za polno učni izkušnjo
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Opozorilo**:  
-Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da avtomatski prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku velja za zanesljiv vir. Za pomembne informacije priporočamo strokovni človeški prevod. Za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne odgovarjamo.
+**Omejitev odgovornosti**:
+Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas opozarjamo, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku velja za avtoritativni vir. Za ključne informacije priporočamo strokovni prevod, ki ga opravi človek. Nismo odgovorni za morebitna nesporazumevanja ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sl/README.md b/translations/sl/README.md
index d29cc5904..662c24d4b 100644
--- a/translations/sl/README.md
+++ b/translations/sl/README.md
@@ -10,261 +10,270 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Spletni razvoj za začetnike - Učni načrt
+# Spletni razvoj za začetnike - učni načrt
 
-Naučite se osnov spletnega razvoja z našim 12-tedenskim obsežnim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka od 24 lekcij poglobljeno obravnava JavaScript, CSS in HTML skozi praktične projekte, kot so terariji, razširitve brskalnika in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje veščine in optimizirajte zadrževanje znanja z našo učinkovito pedagoško metodo, ki temelji na projektih. Začnite svojo kodirno pot že danes!
+Naučite se osnov spletnega razvoja z našim 12-tedenskim celovitim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka od 24 lekcij se poglobi v JavaScript, CSS in HTML prek praktičnih projektov, kot so terariji, razširitve za brskalnike in vesoljske igre. Vključujte se v kvize, razprave in praktične naloge. Izboljšajte svoje veščine in optimizirajte pomnjenje znanja z našo učinkovito pedagoško metodo, ki temelji na projektih. Začnite svojo kodirno pot že danes!
 
-Pridružite se Discord skupnosti Azure AI Foundry
+Pridružite se skupnosti Azure AI Foundry Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Sledite tem korakom, da začnete uporabljati te vire:
-1. **Forkajte repozitorij**: Kliknite [![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. **Klonirajte repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Pridružite se Discordu Azure AI Foundry in spoznajte strokovnjake ter druge razvijalce**](https://discord.com/invite/ByRwuEEgH4)
+Sledite tem korakom za začetek z uporabo teh virov:
+1. **Razvezi repozitorij**: Kliknite [![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. **Kloniraj repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Pridruži se Azure AI Foundry Discord in spoznaj strokovnjake ter druge razvijalce**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Podpora za več jezikov
 
-#### Podprto preko GitHub Action (avtomatsko in vedno posodobljeno)
+#### Podprto preko GitHub Action (avtomatizirano in vedno posodobljeno)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](./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)
 
-> **Raje klonirati lokalno?**
-
-> Ta repozitorij vsebuje prevode v več kot 50 jezikov, kar znatno poveča velikost prenosa. Če želite klonirati brez prevodov, uporabite sparse checkout:
+> **Raje lokalno klonirati?**
+>
+> Ta repozitorij vključuje več kot 50 jezikovnih prevodov, kar znatno poveča velikost prenosa. Za kloniranje brez prevodov uporabite 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'
 > ```
-> Tako prejmete vse, kar potrebujete za dokončanje tečaja, s precej hitrejšim prenosom.
+>
+> **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"
+> ```
+>
+> Tako boste prejeli vse, kar potrebujete za dokončanje tečaja z veliko hitrejšim prenosom.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Če želite podpreti dodatne prevodne jezike, so na voljo na [tej strani](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Če želite, da so podprti dodatni jeziki prevodov, so navedeni [tukaj](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)
+[![Odpri v 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)
 
-#### 🧑‍🎓 _Ste študent?_
+#### 🧑‍🎓 _Si študent?_
 
-Obiščite [**stran Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer boste našli začetne vire, pakete za študente in celo načine za pridobitev brezplačnega bona za certifikat. To je stran, ki si jo želite zaznamovati in občasno preverjati, saj vsebine mesečno osvežujemo.
+Obišči [**Student Hub stran**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer boš našel začetne vire, študentske pakete in celo načine, kako pridobiti brezplačen bon za certifikat. To je stran, ki si jo želiš zaznamovati in občasno preverjati, saj vsak mesec osvežujemo vsebino.
 
-### 📣 Obvestilo - Novi izzivi GitHub Copilot Agent mode za dokončanje!
+### 📣 Obvestilo - Novi izzivi z uporabo načina GitHub Copilot Agent, ki jih je treba dokončati!
 
-Dodan je nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga lahko zaključite z uporabo GitHub Copilota in Agent mode. Če Agent mode še niste uporabljali, je sposoben ne samo ustvarjati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in še več.
+Dodali smo nov izziv, poišči "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv za vas, da ga dokončate z uporabo GitHub Copilot in načina Agent. Če še nisi uporabljal načina Agent, je ta zmožen ne samo generirati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in še več.
 
-### 📣 Obvestilo - _Novi projekt za izdelavo z Generativno AI_
+### 📣 Obvestilo - _Novi projekt za izdelavo z uporabo generativne AI_
 
-Pravkar dodan nov projekt AI asistenta, preverite [projekt](./9-chat-project/README.md)
+Dodali smo nov AI Asistent projekt, oglej si [projekt](./9-chat-project/README.md)
 
-### 📣 Obvestilo - _Nov učni načrt_ o Generativni AI za JavaScript pravkar izdan
+### 📣 Obvestilo - _Nov učni načrt_ o generativni AI za JavaScript je pravkar izšel
 
-Ne zamudite našega novega učnega načrta o Generativni AI!
+Ne zamudite našega novega učnega načrta za generativno AI!
 
-Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) in začnite!
+Obišči [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za začetek!
 
 ![Background](../../translated_images/sl/background.148a8d43afde5730.webp)
 
 - Lekcije pokrivajo vse od osnov do RAG.
-- Interakcija z zgodovinskimi liki z GenAI in našo spremljevalno aplikacijo.
-- Zabavno in privlačno pripovedovanje, potovanje skozi čas!
+- Interaktivno sodelovanje z zgodovinskimi liki z GenAI in našo spremljevalno aplikacijo.
+- Zabavna in vključujoča pripoved, potovali boste skozi čas!
 
 ![character](../../translated_images/sl/character.5c0dd8e067ffd693.webp)
 
-Vsaka lekcija vključuje nalogo za dokončanje, preverjanje znanja in izziv, ki vas vodi pri učenju tem, kot so:
-- Postavljanje vprašanj in oblikovanje vprašanj
-- Ustvarjanje aplikacij za besedilo in slike
+Vsaka lekcija vključuje domačo nalogo za dokončanje, preverjanje znanja in izziv, ki te vodi pri učenju tem, kot so:
+- Pozivi in načrtovanje pozivov
+- Generiranje aplikacij z besedilom in slikami
 - Iskalne aplikacije
 
-Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) in začnite!
+Obišči [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za začetek!
 
 
 
 ## 🌱 Začetek
 
-> **Učitelji**, pripravili smo [nekaj predlogov](for-teachers.md), kako uporabiti ta učni načrt. Veseli bomo vaših povratnih informacij [v našem diskusijskem forumu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Učitelji**, vključili smo [nekaj predlogov](for-teachers.md), kako uporabljati ta učni načrt. Veseli bomo vaših povratnih informacij [v naši diskusijski skupini](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Učenci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s kvizom pred predavanjem in nadaljujte z branjem učnega gradiva, dokončanjem različnih aktivnosti ter preverjanjem razumevanja s kvizom po predavanju.
+**[Učni udeleženci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s predpredavanjem kviza in sledite z branjem gradiva predavanja ter izpolnjevanjem različnih dejavnosti in preverjajte svoje razumevanje s kvizom po predavanju.
 
-Da izboljšate svojo učne izkušnje, se povežite s sovrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem [diskusijskem forumu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer vam bo na voljo naša ekipa moderatorjev za odgovore na vprašanja.
+Za izboljšanje učne izkušnje se povežite s svojimi vrstniki in sodelujte pri projektih! Razprave so vabljene v naši [diskusijski skupini](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer bo naša skupina moderatorjev na voljo za odgovore na vaša vprašanja.
 
-Za nadaljnje izobraževanje priporočamo raziskovanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatno študijsko gradivo.
+Za dodatno izobraževanje močno priporočamo raziskovanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatna učna gradiva.
 
-### 📋 Nastavitev vašega okolja
+### 📋 Nastavitev okolja
 
-Ta učni načrt ima že pripravljeno razvojno okolje! Ko začnete, lahko izbirate med poganjanjem učnega načrta v [Codespace](https://github.com/features/codespaces/) (_brskalniško okolje brez potrebe po namestitvah_) ali lokalno na vašem računalniku z urejevalnikom besedila, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ta učni načrt ima že pripravljeno razvojno okolje! Ko začnete, lahko izberete, da zaženete učni načrt v [Codespace](https://github.com/features/codespaces/) (_okolje, ki temelji na brskalniku, brez potrebe po nameščanju_), ali lokalno na svojem računalniku z urejevalnikom besedila, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Ustvarite svoj repozitorij
-Da boste enostavno shranjevali svoje delo, priporočamo, da ustvarite svojo kopijo tega repozitorija. To lahko storite tako, da kliknete gumb **Use this template** na vrhu strani. To bo ustvarilo nov repozitorij v vašem GitHub računu s kopijo učnega načrta.
+#### Ustvari svoj repozitorij
+Da bi lahko enostavno shranjevali svoje delo, je priporočljivo, da ustvarite svoj lasten izvod tega repozitorija. To lahko storite s klikom na gumb **Use this template** na vrhu strani. S tem boste ustvarili nov repozitorij v svojem računu GitHub s kopijo učnega načrta.
 
 Sledite tem korakom:
-1. **Forkajte repozitorij**: Kliknite na gumb "Fork" v zgornjem desnem kotu te strani.
-2. **Klonirajte repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Razvezi repozitorij**: Kliknite gumb "Fork" v zgornjem desnem kotu te strani.
+2. **Kloniraj repozitorij**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Zagon učnega načrta v Codespace
 
-V svoji kopiji repozitorija, ki ste jo ustvarili, kliknite gumb **Code** in izberite **Open with Codespaces**. To bo ustvarilo nov Codespace za vaše delo.
+V svojem izvajanju tega repozitorija, ki ste ga ustvarili, kliknite gumb **Code** in izberite **Open with Codespaces**. S tem bo za vas ustvarjen nov Codespace za delo.
 
 ![Codespace](../../translated_images/sl/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Zagon učnega načrta lokalno na vašem računalniku
+#### Zagon učnega načrta lokalno na svojem računalniku
 
-Za zagon učnega načrta lokalno na vašem računalniku potrebujete urejevalnik besedila, brskalnik in orodje za ukazno vrstico. Naša prva lekcija, [Uvod v programske jezike in orodja](../../1-getting-started-lessons/1-intro-to-programming-languages), vas bo vodila skozi različne možnosti za vsako od teh orodij, da izberete, kar vam najbolj ustreza.
+Da zaženete ta učni načrt lokalno na svojem računalniku, boste potrebovali urejevalnik besedila, brskalnik in orodje za ukazno vrstico. Naša prva lekcija, [Uvod v programske jezike in orodja obrti](../../1-getting-started-lessons/1-intro-to-programming-languages), vas bo vodila skozi različne možnosti za vsak od teh pripomočkov, da izberete tisto, kar vam najbolj ustreza.
 
 Priporočamo uporabo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kot urejevalnik, ki ima tudi vgrajen [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code lahko prenesete [tukaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
 1. Klonirajte svoj repozitorij na svoj računalnik. To lahko storite tako, da kliknete gumb **Code** in kopirate URL:
 
     [CodeSpace](./images/createcodespace.png)
-Nato odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer zamenjajte `<your-repository-url>` z URL-jem, ki ste ga pravkar kopirali:
+
+    Nato odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) znotraj [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer zamenjajte `<your-repository-url>` z URL-jem, ki ste ga pravkar kopirali:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Odprite mapo v Visual Studio Code. To lahko storite tako, da kliknete **Datoteka** > **Odpri mapo** in izberete mapo, ki ste jo pravkar klonirali.
+2. Odprite mapo v Visual Studio Code. To storite tako, da kliknete **File** > **Open Folder** in izberete mapo, ki ste jo pravkar klonirali.
 
 
->  Priporočene razširitve Visual Studio Code:
+>  Priporočeni dodatki za Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za predogled HTML strani znotraj Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za pomoč pri hitrejšem pisanju kode
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - da vam pomaga hitreje pisati kodo
 
 ## 📂 Vsaka lekcija vključuje:
 
-- neobvezno skicirno beležko
+- neobvezno skiciranje
 - neobvezni dodatni video
-- predhodni kviz za ogrevanje pred lekcijo
-- pisni del lekcije
-- za lekcije, ki temeljijo na projektih, vodnike po korakih, kako zgraditi projekt
-- preverjanje znanja
+- predpripravljalni kviz pred lekcijo
+- pisno lekcijo
+- za lekcije, ki temeljijo na projektih, korak za korakom vodiče, kako zgraditi projekt
+- preverjanja znanja
 - izziv
 - dodatno branje
 - nalogo
 - [kviz po lekciji](https://ff-quizzes.netlify.app/web/)
 
-> **Opomba o kvizih**: Vsi kvizi so shranjeni v mapi Quiz-app, skupaj 48 kvizov, vsak s tremi vprašanji. Na voljo so [tukaj](https://ff-quizzes.netlify.app/web/), kviz aplikacijo lahko zaženete lokalno ali jo namestite na Azure; sledite navodilom v mapi `quiz-app`.
+> **Opomba o kvizih**: Vsi kvizi so v mapi Quiz-app, skupno 48 kvizov s tremi vprašanji vsak. Dostopni so [tukaj](https://ff-quizzes.netlify.app/web/), aplikacijo kvizov lahko zaženete lokalno ali jo objavite na Azure; sledite navodilom v mapi `quiz-app`.
 
 ## 🗃️ Lekcije
 
-|     |                       Ime projekta                       |                            Poučene koncepte                             | Cilji učenja                                                                                                                     |                                                         Povezana lekcija                                                         |         Avtor          |
-| :-: | :------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Začetek                              |           Uvod v programiranje in orodja stroke                        | Spoznajte osnovna načela večine programskih jezikov in programske opreme, ki pomaga profesionalnim razvijalcem pri delu           | [Uvod v programske jezike in orodja stroke](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)          |         Jasmine         |
-| 02  |                     Začetek                              |             Osnove GitHuba, vključuje delo v skupini                   | Kako uporabljati GitHub v vašem projektu, kako sodelovati z drugimi na kodi                                                      |                            [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md)                              |          Floor          |
-| 03  |                     Začetek                              |                             Dostopnost                                | Spoznajte osnove spletne dostopnosti                                                                                             |                       [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md)                              |       Christopher       |
-| 04  |                        Osnove JS                         |                         Podatkovni tipi v JavaScriptu                  | Osnove podatkovnih tipov v JavaScriptu                                                                                            |                                       [Podatkovni tipi](./2-js-basics/1-data-types/README.md)                                   |         Jasmine         |
-| 05  |                        Osnove JS                         |                         Funkcije in metode                            | Spoznajte funkcije in metode za upravljanje logike aplikacije                                                                    |                              [Funkcije in metode](./2-js-basics/2-functions-methods/README.md)                               | Jasmine in Christopher |
-| 06  |                        Osnove JS                         |                        Sprejemanje odločitev z JS                      | Naučite se ustvarjati pogoje v kodi z uporabo metod odločanja                                                                     |                                 [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md)                            |         Jasmine         |
-| 07  |                        Osnove JS                         |                            Tabele in zanke                            | Delo s podatki z uporabo tabel in zank v JavaScriptu                                                                             |                                   [Tabele in zanke](./2-js-basics/4-arrays-loops/README.md)                                  |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML v praksi                              | Zgradite HTML za ustvarjanje spletnega terarija, s poudarkom na postavitvi                                                       |                                 [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md)                                      |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS v praksi                               | Zgradite CSS za oblikovanje spletnega terarija, s poudarkom na osnovah CSS in prilagajanju strani                                  |                                  [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md)                                        |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |             JavaScript zaprte funkcije, manipulacija DOM              | Zgradite JavaScript, da terarij deluje kot vmesnik za povleci-in-spusti, s poudarkom na zaprtih funkcijah in manipulaciji DOM     |                  [JavaScript zaprte funkcije, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)         |           Jen           |
-| 11  |          [Igra tipkanja](./4-typing-game/solution/README.md)          |                          Zgradite igro tipkanja                        | Naučite se uporabljati dogodke tipkovnice za poganjanje logike vaše JavaScript aplikacije                                          |                                [Dogodkovno programiranje](./4-typing-game/typing-game/README.md)                               |       Christopher       |
-| 12  | [Razširitev zelenega brskalnika](./5-browser-extension/solution/README.md) |                         Delo z brskalniki                           | Spoznajte, kako delujejo brskalniki, njihovo zgodovino in kako pripraviti prve elemente razširitve brskalnika                      |                               [O brskalnikih](./5-browser-extension/1-about-browsers/README.md)                              |           Jen           |
-| 13  | [Razširitev zelenega brskalnika](./5-browser-extension/solution/README.md) | Gradnja obrazca, klic API in shranjevanje spremenljivk v lokalno shrambo | Zgradite JavaScript elemente razširitve brskalnika za klic API z uporabo spremenljivk shranjenih v lokalni shrambi               |                [API-ji, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md)          |           Jen           |
-| 14  | [Razširitev zelenega brskalnika](./5-browser-extension/solution/README.md) |          Ozadinski procesi v brskalniku, spletna zmogljivost          | Uporabite ozadinske procese brskalnika za upravljanje ikone razširitve; naučite se o spletni zmogljivosti in nekaterih optimizacijah |             [Ozadna opravila in zmogljivost](./5-browser-extension/3-background-tasks-and-performance/README.md)             |           Jen           |
-| 15  |           [Igra vesolja](./6-space-game/solution/README.md)           |        Naprednejši razvoj iger z JavaScriptom                         | Spoznajte dediščino z uporabo tako razredov kot kompozicije in vzorec Pub/Sub, kot pripravo na izdelavo igre                     |                      [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md)                                   |          Chris          |
-| 16  |           [Igra vesolja](./6-space-game/solution/README.md)           |                           Risanje na canvas                            | Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon                                                            |                                [Risanje na canvas](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris          |
-| 17  |           [Igra vesolja](./6-space-game/solution/README.md)           |                Premikanje elementov po zaslonu                       | Odkrijte, kako elementi pridobijo gibanje z uporabo kartezičnih koordinat in Canvas API                                          |                           [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Igra vesolja](./6-space-game/solution/README.md)           |                          Zaznavanje trkov                             | Naredite, da elementi trčijo in medsebojno reagirajo z uporabo pritiskov tipk ter zagotovite funkcijo počitka za zmogljivost igre |                              [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md)                               |          Chris          |
-| 19  |           [Igra vesolja](./6-space-game/solution/README.md)           |                             Beleženje točk                           | Izvedite matematične izračune na podlagi stanja in zmogljivosti igre                                                            |                                    [Beleženje točk](./6-space-game/5-keeping-score/README.md)                                   |          Chris          |
-| 20  |           [Igra vesolja](./6-space-game/solution/README.md)           |                     Zaključek in ponovni začetek igre                 | Spoznajte, kako zaključiti in ponovno zagnati igro, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk          |                                [Pogoji zaključka](./6-space-game/6-end-condition/README.md)                                  |          Chris          |
-| 21  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)   |               HTML predloge in poti v spletni aplikaciji             | Spoznajte, kako ustvariti ogrodje večstranske spletne strani z uporabo usmerjanja in HTML predlog                               |                            [HTML predloge in poti](./7-bank-project/1-template-route/README.md)                                |          Yohan          |
-| 22  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)   |                Zgradite obrazec za prijavo in registracijo           | Spoznajte izdelavo obrazcev in obdelavo validacijskih rutin                                                                     |                                           [Obrazci](./7-bank-project/2-forms/README.md)                                      |          Yohan          |
-| 23  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)   |                   Metode pridobivanja in uporabe podatkov            | Kako podatki vstopajo in izstopajo iz aplikacije, kako jih pridobiti, shraniti in odstraniti                                      |                                            [Podatki](./7-bank-project/3-data/README.md)                                      |          Yohan          |
-| 24  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)   |                      Koncepti upravljanja stanja                      | Spoznajte, kako aplikacija ohranja stanje in kako ga programatsko upravljati                                                     |                                [Upravljanje stanja](./7-bank-project/4-state-management/README.md)                              |          Yohan          |
-| 25 | [Brskalnik/urejevalnik kode VScode](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode | [Uporaba urejevalnika VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI asistenti](./9-chat-project/README.md) | Delo z AI | Naučite se zgraditi svojega AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
+|     |                       Ime projekta                       |                            Naučeni koncepti                             | Cilji učenja                                                                                                                 |                                                         Povezana lekcija                                                          |         Avtor          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Začetek                              |           Uvod v programiranje in razvojna orodja           | Spoznajte osnovne temelje večine programskih jezikov in programsko opremo, ki pomaga profesionalnim razvijalcem pri njihovem delu | [Uvod v programske jezike in razvojna orodja](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Začetek                              |             Osnove GitHub, vključno z delom v ekipi             | Kako uporabljati GitHub v svojem projektu, kako sodelovati z drugimi na izvorni kodi                                                    |                            [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Začetek                              |                             Dostopnost                              | Naučite se osnov spletne dostopnosti                                                                                               |                       [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        Osnove JS                         |                         JavaScript podatkovni tipi                          | Osnove podatkovnih tipov JavaScript                                                                                                 |                                       [Podatkovni tipi](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Osnove JS                         |                         Funkcije in metode                          | Spoznajte funkcije in metode za upravljanje logike aplikacije                                                             |                              [Funkcije in metode](./2-js-basics/2-functions-methods/README.md)                               | Jasmine in Christopher |
+| 06  |                        Osnove JS                         |                        Sprejemanje odločitev z JS                        | Naučite se ustvarjati pogoje v svoji kodi z uporabo metod odločanja                                                           |                                 [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Osnove JS                         |                            Tabele in zanke                            | Delo s podatki z uporabo tabel in zank v JavaScript                                                                                 |                                   [Tabele in zanke](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML v praksi                            | Zgradite HTML za ustvarjanje spletnega terrarija, osredotočite se na postavitev                                                         |                                 [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS v praksi                             | Zgradite CSS za stilizacijo spletnega terrarija, osredotočite se na osnove CSS in prilagodljivost strani                     |                                  [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript zaprtja, manipulacija DOM                  | Zgradite JavaScript, da ustvari funkcionalno terrarijsko povleci in spusti vmesnik, osredotočite se na zaprtja in manipulacijo DOM             |                  [JavaScript zaprtja, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Igra tipkanja](./4-typing-game/solution/README.md)          |                          Zgradi igro tipkanja                           | Naučite se uporabljati dogodke s tipkovnice za upravljanje logike vaše JavaScript aplikacije                                                          |                                [Dogodkovno usmerjeno programiranje](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Zeleni brskalniški dodatek](./5-browser-extension/solution/README.md) |                         Delo z brskalniki                          | Spoznajte, kako brskalniki delujejo, njihovo zgodovino in kako postaviti prve elemente razširitve brskalnika                               |                               [O brskalnikih](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Zeleni brskalniški dodatek](./5-browser-extension/solution/README.md) | Izgradnja obrazca, klicanje API-ja in shranjevanje spremenljivk v lokalni shrambi | Zgradite JavaScript elemente svoje brskalniške razširitve za klic API-ja z uporabo spremenljivk, shranjenih v lokalni shrambi                      |                [API-ji, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Zeleni brskalniški dodatek](./5-browser-extension/solution/README.md) |          Ozadinski procesi v brskalniku, zmogljivost spletnih strani          | Uporabite ozadinske procese brskalnika za upravljanje ikone razširitve; spoznajte zmogljivost spletnih strani in nekatere optimizacije za izboljšanje   |             [Ozadna opravila in zmogljivost](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Igra v vesolju](./6-space-game/solution/README.md)           |             Naprednejši razvoj iger z JavaScript             | Naučite se o dediščini z uporabo razredov in kompozicije ter vzorca Pub/Sub, kot priprava za izdelavo igre              |                      [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Igra v vesolju](./6-space-game/solution/README.md)           |                           Risanje na platno                            | Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon                                                                       |                                [Risanje na platno](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Igra v vesolju](./6-space-game/solution/README.md)           |                   Premikanje elementov po zaslonu                    | Odkrijte, kako elementi pridobijo gibanje z uporabo kartezičnih koordinat in Canvas API                                            |                           [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Igra v vesolju](./6-space-game/solution/README.md)           |                          Zaznavanje trkov                           | Poskrbite, da se elementi trčijo in medsebojno odzivajo z uporabo pritiskov tipk ter zagotovite funkcijo ohlajevanja za boljšo zmogljivost igre    |                              [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Igra v vesolju](./6-space-game/solution/README.md)           |                             Spremljanje rezultata                              | Izvajajte matematične izračune na podlagi stanja in zmogljivosti igre                                                                |                                    [Spremljanje rezultata](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Igra v vesolju](./6-space-game/solution/README.md)           |                     Zaključevanje in ponovni začetek igre                     | Spoznajte o zaključevanju in ponovnem zagonu igre, vključno s čiščenjem sredstev in ponastavitvijo vrednosti spremenljivk                              |                                [Pogoj konca](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)          |                 HTML predloge in poti v spletni aplikaciji                 | Naučite se, kako ustvariti osnovno arhitekturo večstraničnega spletišča z uporabo usmerjanja in HTML predlog                             |                            [HTML predloge in poti](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)          |                  Ustvari obrazec za prijavo in registracijo                   | Spoznajte gradnjo obrazcev in upravljanje validacij                                                                          |                                           [Obrazci](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)          |                   Metode pridobivanja in uporabe podatkov                   | Kako podatki tečejo v in iz vaše aplikacije, kako jih pridobiti, shraniti in odstraniti                                                 |                                            [Podatki](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Bančniška aplikacija](./7-bank-project/solution/README.md)          |                      Koncepti upravljanja stanja                      | Naučite se, kako aplikacija ohranja stanje in kako ga programsko upravljati                                                              |                                [Upravljanje stanja](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Urejanje kode brskalnik/VScode](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode| [Uporaba urejevalnika kode VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI pomočniki](./9-chat-project/README.md) | Delo z AI | Naučite se izdelati lastnega AI pomočnika | [Projekt AI pomočnika](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogika
 
-Naš učni program je zasnovan z dvema ključnima pedagoškima principoma v mislih:
+Naš učni načrt temelji na dveh ključnih pedagoških načelih:
 * učenje preko projektov
 * pogosti kvizi
 
-Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo današnji spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z gradnjo igre tipkanja, virtualnega terarija, okolju prijazne razširitve brskalnika, igre v stilu Space Invader in bančne aplikacije za podjetja. Ob koncu serije bodo imeli trdno razumevanje spletnega razvoja.
+Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo današnji razvijalci spletnih strani. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terrarija, okolju prijazne brskalniške razširitve, igre v slogu invazije vesoljcev in bančne aplikacije za podjetja. Ob koncu serije bodo študenti pridobili trdno razumevanje razvoja spletnih strani.
 
-> 🎓 Prve lekcije tega učnega programa lahko opravite kot [Učni poti](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Prvih nekaj lekcij tega učnega načrta lahko opravite kot [pot učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
 
-Z zagotavljanjem, da se vsebina ujema s projekti, postane proces bolj zanimiv za študente in se poveča zadrževanje konceptov. Prav tako smo napisali nekaj začetnih lekcij o osnovah JavaScript, da predstavimo koncepte, skupaj z videom iz zbirke "[Serija za začetnike: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", katere avtorji so prispevali k temu učnemu programu.
+Z zagotavljanjem, da vsebina ustreza projektom, je postopek za študente bolj zanimiv in se bo povečalo zadrževanje konceptov. Napisali smo tudi več začetnih lekcij o osnovah JavaScript, ki uvajajo koncepte, ob njih pa je video iz zbirke "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video vodičev, katerih nekateri avtorji so prispevali k temu učnemu načrtu.
 
-Poleg tega nizkorizični kviz pred poukom usmerja študenta k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnje zadrževanje znanja. Ta učni program je zasnovan tako, da je prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in do konca 12-tedenskega cikla postanejo vse bolj kompleksni.
+Poleg tega kviz z nizkim vložkom pred razredom usmeri študentovo namero k učenju teme, medtem ko drugi kviz po pouku zagotovi nadaljnje zadrževanje. Ta učni načrt je zasnovan tako, da je prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in postajajo vse bolj zapleteni do konca 12-tedenskega cikla.
 
-Čeprav smo namenoma se izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodja, je dober naslednji korak za dokončanje tega učnega programa učenje o Node.js prek druge zbirke videoposnetkov: "[Serija za začetnike: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Medtem ko smo namensko izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodij, bi bil dober naslednji korak za dokončanje tega učnega načrta spoznavanje Node.js prek druge zbirke videov: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Ogledate si lahko naša [Pravila obnašanja](CODE_OF_CONDUCT.md) in [Prispevanje](CONTRIBUTING.md). Veselimo se vaših konstruktivnih povratnih informacij!
+> Obiščite naše smernice [Kodeksa obnašanja](CODE_OF_CONDUCT.md) in [Prispevkov](CONTRIBUTING.md). Veselimo se vaših konstruktivnih povratnih informacij!
 
 
 ## 🧭 Dostop brez povezave
 
-To dokumentacijo lahko uporabljate brez povezave z uporabo [Docsify](https://docsify.js.org/#/). Razvejite to repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na vaš lokalni računalnik in nato v korenski mapi te repozitorija vnesite `docsify serve`. Spletna stran bo dostopna na vratih 3000 na vašem lokalnem strežniku: `localhost:3000`.
+To dokumentacijo lahko uporabljate brez povezave z uporabo [Docsify](https://docsify.js.org/#/). Razvejte ta repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na svoj lokalni računalnik in nato v root mapi tega repozitorija zaženite `docsify serve`. Spletna stran bo dostopna na vratih 3000 na vašem lokalnem računalniku: `localhost:3000`.
 
 ## 📘 PDF
-
-PDF vseh lekcij lahko najdete [tukaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
+PDF vseh lekcij je na voljo [tukaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Drugi tečaji
-Naša ekipa izdeluje tudi druge tečaje! Oglejte si:
+
+Naša ekipa ustvarja tudi druge tečaje! Oglejte si:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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)
+[![LangChain4j za začetnike](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 za začetnike](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 za začetnike](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
-[![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)
+### Azure / Edge / MCP / Agenti
+[![AZD za začetnike](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 za začetnike](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 za začetnike](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 Agenti za začetnike](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)
 
 ---
  
 ### Serija generativne umetne inteligence
-[![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)
+[![Generativna umetna inteligenca za začetnike](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)
+[![Generativna 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)
+[![Generativna 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)
+[![Generativna 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)
 
 ---
  
-### Osnove učenja
-[![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)
-[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+### Osnovno učenje
+[![Strojno učenje za začetnike](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)
+[![Podatkovna znanost za začetnike](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)
+[![Umetna inteligenca za začetnike](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)
+[![Kibernetska varnost za začetnike](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Spletni razvoj za začetnike](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT za začetnike](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR razvoj za začetnike](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)
 
 ---
  
 ### Serija Copilot
-[![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)
+[![Copilot za AI parno programiranje](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 za 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)
+[![Pustolovščina Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Pomoč
+## Pridobivanje pomoči
 
-Če se zataknete ali imate kakršna koli vprašanja o izdelavi AI aplikacij, se pridružite drugim učencem in izkušenim razvijalcem v razpravah o MCP. To je prijazna skupnost, kjer so vprašanja dobrodošla in se znanje medsebojno prostovoljno deli.
+Če se zataknete ali imate vprašanja o ustvarjanju AI aplikacij. Pridružite se sošolcem in izkušenim razvijalcem v razpravah o MCP. To je podporna skupnost, kjer so vprašanja dobrodošla in kjer si znanje svobodno delimo.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Če imate povratne informacije o izdelku ali napake med razvojem, obiščite:
+Če imate povratne informacije o izdelku ali napake pri razvoju, obiščite:
 
 [![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)
 
 ## Licenca
 
-To skladišče je licencirano pod licenco MIT. Za več informacij glejte datoteko [LICENSE](../../LICENSE).
+Ta repozitorij ima licenco MIT. Za več informacij glejte datoteko [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Opozorilo**:
-Ta dokument je bil preveden z uporabo storitve za strojno prevajanje [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, upoštevajte, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v izvorni jezik velja za avtoritativni vir. Za pomembne informacije priporočamo profesionalni človeški prevod. Za morebitne nesporazume ali napačne razlage, ki izhajajo iz uporabe tega prevoda, ne prevzemamo odgovornosti.
+**Opozorilo**:  
+Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da avtomatski prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v matičnem jeziku velja za avtoritativni vir. Za ključne informacije priporočamo strokovni človeški prevod. Za morebitna nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne odgovarjamo.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sr/.co-op-translator.json b/translations/sr/.co-op-translator.json
index 45eb0b57a..fd9622b62 100644
--- a/translations/sr/.co-op-translator.json
+++ b/translations/sr/.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-07T08:30:02+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:00:07+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "sr"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:33:54+00:00",
+    "translation_date": "2026-03-06T15:13:43+00:00",
     "source_file": "AGENTS.md",
     "language_code": "sr"
   },
@@ -516,8 +516,8 @@
     "language_code": "sr"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:29:19+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T14:55:56+00:00",
     "source_file": "README.md",
     "language_code": "sr"
   },
diff --git a/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 09b2c859a..cb612d6cf 100644
--- a/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,101 +1,101 @@
 # Увод у програмске језике и савремене алате за програмере
  
-Здраво, будући програмеру! 👋 Могу ли ти рећи нешто што ме и данас сваког дана потресе? Ускоро ћеш открити да програмирање није само око рачунара – то су истинске суперсиле које ти омогућавају да оживиш своје најлуђе идеје!
+Здраво, будући програмеру! 👋 Да ли могу да ти кажем нешто што ме и даље сваког дана покреће узбуђење? Ускоро ћеш открити да програмирање није само око рачунара – то је као да имаш супермоћи да оживиш своје најлудље идеје!
 
-Знаш онај тренутак када користиш своју омиљену апликацију и све једноставно савршено функционише? Када тапнеш на дугме и догоди се нешто магично што те натера да кажеш „вау, како су то урадили?“ Па, тај неко баш као ти – вероватно седи у свом омиљеном кафићу у 2 ујутру са трећом еспресо кафом – је написао код који је створио ту магију. И ево шта ће ти одузети дах: на крају овог часа нећеш само разумети како су то урадили, већ ће те копкати да и сам пробаш!
+Знаш онај тренутак када користиш своју омиљену апликацију и све се савршено поклопи? Када тапнеш на дугме и нешто потпуно магично се догоди и помислиш „вау, како су то УРАДИЛИ?“ Па, неко баш као ти – вероватно седи у свом омиљеном кафићу у 2 ујутру са својим трећим еспресом – написао је код који је створио ту магију. И ево шта ће ти одузети дах: до краја овог часа нећеш само разумети како су то урадили, већ ћеш једва чекати да и сам пробаш!
 
-Види, сасвим је у реду ако ти програмирање сада делује застрашујуће. Када сам ја почео, стварно сам мислио да мораш бити неки математички геније или да програмираш од пет година. Али ево шта ми је потпуно променило начин размишљања: програмирање је управо као учење да водиш разговор на новом језику. Почнеш са „здраво“ и „хвала“, па онда наручујеш кафу и пре него што приметиш, водиш дубоке филозофске разговоре! Само што су у овом случају ти разговори са рачунарима, а искрено? Они су најстрпљивији саговорници – никада не осуђују твоје грешке и увек су спремни да покушају поново!
+Гледај, потпуно разумем ако ти програмирање делује застрашујуће сад. Када сам ја почео, искрено сам мислио да мораш бити неки математички геније или да програмериш од пете године. Али ево шта ми је потпуно променило гледиште: програмирање је баш као учење како да водиш разговоре на новом језику. Почнеш са „здраво“ и „хвала“, па се даље научиш да поручи кафу, и пре него што приметиш, водиш дубоке филозофске разговоре! Али у овом случају, разговараш са рачунарима, и искрено? Они су најстрпљивији саговорници које ћеш икада имати – никада не осуђују твоје грешке и увек су спремни да покушају поново!
 
-Данас ћемо истражити невероватне алате који савремени веб развој чине не само могућим, већ и озбиљно заразним. Причам о управо тим иста којима програмирају у Netflix, Spotify и твојој омиљеној инди апликационој студији сваки дан. И ево дела који ће те натерати да заиграш од радости: већина ових професионалних, индустријских алата је у потпуности бесплатна!
+Данас ћемо истражити невероватне алате који чине савремени веб развој не само могућим, већ и озбиљно заразним. Причам о једнаким онлајн уредницима, прегледачима и радним токовима које сваки дан користе програмери у Netflix-у, Spotify-у и твом омиљеном чудесном студију за апликације. А ево дела који ће те натерати на радосни плес: већина ових професионалних, индустријских алата је потпуно бесплатна!
 
 ![Intro Programming](../../../../translated_images/sr/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
+      Језици програмирања: 4: You
       Преглед алата: 5: You
-    section Истражите
-      Уређивачи кода: 4: You
-      Прегледачи и ДевТулс: 5: You
+    section Истраживање
+      Уредници кода: 4: You
+      Прегледачи и алати за развој: 5: You
       Командна линија: 3: You
-    section Вежбајте
-      Језички детектив: 4: 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 препоруке
-- **Програмски језици и њихове невероватне личности** – Замисли да уђеш на журку где свака особа има сасвим различите суперсиле и начине решавања проблема. Тако изгледа свет програмских језика, и обожаваћеш да их упознаш!
-- **Основни грађевински блокови који стварају дигиталну магију** – Замисли их као најбољи креативни LEGO сет. Када схватиш како се ови делови међусобно уклапају, схватићеш да можеш буквално направити било шта што ти маштања пожеле
-- **Професионални алати који ће ти дати осећај као да си управо добио чаробни штапић** – Нисам драматичан – ови алати ће ти стварно дати осећај као да имаш суперсиле, а најбоље од свега? То су исти алати које користе професионалци!
+- **Шта је заправо програмирање (и зашто је најфантомскија ствар икада!)** – Открићемо како је код буквално невидљива магија која покреће све око тебе, од тог аларма који некако зна да је понедељак ујутро до алгоритма који савршено креира твоје Netflix препоруке
+- **Програмски језици и њихове невероватне личности** – Замисли да уђеш на журку где свака особа има сасвим различите супермоћи и начине решавања проблема. Е тако изгледа свет програмских језика, и волећеш да их упознаш!
+- **Основне градивне јединице које чине дигиталну магију** – Замисли ово као ултимативни креативни LEGO сет. Када разумеш како се ови делићи спајају, схватићеш да буквално можеш да направиш било шта што твоја машта сања
+- **Професионални алати који ће те натерати да се осећаш као да си управо добио чаробни штапић** – Нисам драматичан овде – ови алати ће те заиста учинити да се осећаш као да имаш супермоћи, а најбоље од свега? То су исти они које користе професионалци!
 
-> 💡 **Ево шта је важно**: Немој ни да помислиш да треба све да меморишеш данас! Сада желим само да осетиш ту искру узбуђења о томе шта је могуће. Детаљи ће се природно учврстити док заједно вежбамо – тако се прави учење дешава!
+> 💡 **Ево шта:** Немој ни да помислиш да сада покушаш све да запамтиш! Тренутно желим само да осетиш искру узбуђења о томе шта је могуће. Детаљи ће се природно усадити док вежбамо заједно – тако се заиста учи!
 
-> Ову лекцију можеш похађати на [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)!
 
-## Па шта тачно *је* програмирање?
+## Па шта је у ствари *програмирање*?
 
-У реду, хајде да се позабавимо питањем од милион долара: шта је програмирање у ствари?
+У реду, хајде да решимо питање од милион долара: шта је заправо програмирање?
 
-Причаћу ти причу која ми је потпуно променилa начин размишљања о овоме. Прошле недеље сам покушавао да објасним мами како да користи наш нови даљински управљач за паметни ТВ. Зауставио сам се да кажем нешто као „Притисни црвено дугме, али не оно велико црвено, мало црвено са леве стране... не, други твој леви... ок, сада држи две секунде, не једну, не три...“ Звучи познато? 😅
+Причаћу ти причу која је потпуно променила мој поглед на ову тему. Прошле недеље сам покушавао да објасним мајци како да користи наш нови даљински за паметни телевизор. Примијетио сам да кажем ствари као „Притисни црвено дугме, али не оно велико црвено, малено црвено са леве стране... не, други твој леви... ок, сад га држи две секунде, не једну, не три...“ Звуче познато? 😅
 
-То је програмирање! То је уметност давања невероватно детаљних, корак по корак упутстава нечему што је изузетно моћно али му треба све садржано објашњење. Само што уместо да објашњаваш мами (која може питати „које црвено дугме?!“), ти објашњаваш рачунару (који једноставно ради баш оно што кажеш, чак и ако оно што си рекао није баш оно што си мислио).
+То је програмирање! То је уметност давање невероватно детаљних, корак по корак упутстава нечему што је моћно али мора да се све савршено подеси. Само што уместо да објашњаваш мајци (која би могла да пита „које црвено дугме?!“), ти објашњаваш рачунару (који уради баш оно што му кажеш, чак и ако то што си рекао није баш оно што си мислио).
 
-Ево шта ми је одузело дах када сам први пут научио: рачунари су заправо прилично једноставни у својој сржи. Они буквално разумеју само две ствари – 1 и 0, што је у основи „да“ и „не“ или „укључено“ и „искључено.“ То је све! Али ево где постаје магично – не морамо да причамо у 1-ицама и 0-ицама као у Матриксу. Ту наступају **програмски језици**. Они су као најбољи преводилац на свету који узима твоје потпуно нормалне људске мисли и претвара их у језик који рачунар разуме.
+Ево шта ми је одузело дах кад сам први пут то научио: рачунари су у основи прилично једноставни. Они буквално разумеју само две ствари – 1 и 0, што је у основи „да“ и „не“ или „укључено“ и „искључено“. То је то! Али ево где постаје магично – не морамо да причамо у 1 и 0 као у Матриксу. Тиме се баве **програмски језици**. Они су као да имаш најбољег преводиоца на свету који узима твоје савршено нормалне људске мисли и претвара их у рачунарски језик.
 
-И ево шта ме и даље свако јутро стварно потресе када се пробудим: буквално *све* дигитално у твом животу почело је са неким баш као ти, вероватно у пиџами са шољом кафе, куцајући код на лаптопу. Та Instagram филтер који ти даје савршен изглед? Неки програмер је направио тај код. Препорука која те довела до твоје нове омиљене песме? Програмер је направио тај алгоритам. Апликација која ти помаже да поделиш рачун за вечеру са пријатељима? Да, неко је помислио „ово је досадно, могао бих да поправим ово“ и онда... јесте!
+И ево шта ми сваки јутар даје праву језу кад се пробудим: буквално *све* дигитално у твом животу почело је са неким као ти, вероватно у пижами са шољом кафе, како куца код на лаптопу. Та Instagram филтер који те чини беспрекорним? Неки програмер је то написао. Препорука која те одвела до твоје нове омиљене песме? Програмер је направио тај алгоритам. Апликација која ти помаже да поделиш рачун за вечеру са пријатељима? Ја, неко је помислио „ово је досадно, могао бих то да поправим“ и онда... урадио је!
 
-Када научиш да програмираш, ти не учиш само нову вештину – постајеш део ове невероватне заједнице решавача проблема који проводе своје дане размишљајући: „Шта ако бих могао да направим нешто што неког учини дан бољим?“ Искрено, има ли ичег кул од тога?
+Када научиш да програмираш, не добијаш само нову вештину – постајеш део ове невероватне заједнице решавача проблема који проводе дане размишљајући, „Шта ако бих могао да направим нешто што некоме уљепша дан макар мало?“ Искрено, има ли нешто кул од тога?
 
-✅ **Забавна чињеница**: Ево нешто супер кул што можеш да потражиш када будеш имао слободног момента – ко мислиш да је први светски програмер? Даћу ти трачак: можда није онај кога очекујеш! Прича о овој особи је апсолутно фасцинантна и показује да програмирање је оduвек било о креативном решавању проблема и размишљању изван оквира.
+✅ **Занимљива чињеница за трагање**: Ево нешто супер кул што можеш да потражиш кад будеш имао слободан тренутак – ко мислиш да је био први програмер на свету? Дајем ти наговештај: можда није онако како очекујеш! Прича о овој особи је заиста фасцинантна и показује да програмирање увек значи креативно решавање проблема и размишљање изван оквира.
 
-### 🧠 **Време за проверу: Како се осећаш?**
+### 🧠 **Временско освежење: Како се осећаш?**
 
-**Одвој мало тренутак да размислиш:**
-- Да ли ти сада има смисла идеја „давања упутстава рачунарима“?
-- Можеш ли да се сетиш неког свакодневног задатка који би желео да аутоматизујеш помоћу програмирања?
-- Која питања ти сада лебде по глави о овом целом свету програмирања?
+**Погледај на ово:**
+- Да ли сада разумеш идеју „давања упутстава рачунарима“?
+- Можеш ли да смислиш дневни задатак који би волео да аутоматизујеш програмирањем?
+- Која питања ти се врзе у глави о овом целом програмирању?
 
-> **Запамти**: Потпуно је нормално ако ти неки концепти сада делују мутно. Учење програмирања је као учење новог језика – треба времена да мозак створи те неуралне везе. Сјајно радиш!
+> **Запамти:** Потпуно је нормално ако ти неки појмови сада изгледају замућено. Учење програмирања је као учење новог језика – треба време да мозак направи те неуронске везе. Сјајно радиш!
 
 ## Програмски језици су као различити укуси магије
 
-У реду, ово ће вероватно звучати чудно, али остани са мном – програмски језици су баш као различите врсте музике. Размишљај о томе: имаш џез који је смирен и импровизацијски, рок који је моћан и једноставан, класичну музику која је елегантна и структурисана, и хип-хоп који је креативан и изражајан. Сваки стил има свој угођај, своју заједницу страствених фанова, и сваки је савршен за различита расположења и прилике.
+У реду, ово ће звучати чудно, али остани са мном – програмски језици су као различити музички жанрови. Замисли: имаш џез, који је глатак и импровизаторски, рок који је моћан и директан, класичну музику која је елегантна и структурирана, и хип-хоп који је креативан и изражајан. Свакој стил има свој дух, своју заједницу страствених фанова, и сваки је савршен за различите расположења и прилике.
 
-Програмски језици раде управо тако! Не би користио исти језик да направиш забавну мобилну игру као за обраду огромне количине климатских података, баш као што не би пуштао дет метал на час јоге (па, већина часова јоге у сваком случају! 😄).
+Програмски језици раде на исти начин! Не би користио исти језик за прављење забавне мобилне игре којим би обрађивао огромну количину климатских података, баш као што не би пуштао дет метaл на јога часу (па, на већини јога часова! 😄).
 
-Али ево шта ми је сваки пут кад размислим о томе апсолутно невероватно: ти језици су као најстрпљивији, најпаметнији преводилац на свету који седи баш поред тебе. Можеш да изразиш своје идеје на начин који је природан твом људском мозгу, а они све невероватно компликоване ствари преводе у 1-ице и 0-ице које рачунари стварно разумеју. Као да имаш друга који савршено течно говори и „људску креативност“ и „рачунарску логику“ – и никада не умара се, никада не треба паузу за кафу и никада те не суди ако питаш исто питање два пута!
+А ево шта ми сваки пут одузима дах: ови језици су као да имаш најстрпљивијег, најпаметнијег тумача света који седи поред тебе. Можеш да изразиш своје идеје на начин који је природан твом мозгу, а они се баве својом невероватно сложеном преводилачком работом у 1 и 0 које рачунари заиста разумеју. Као да имаш пријатеља који је савршено течан у оба „људска креативност“ и „рачунарска логика“ – и никада не умарају, никада не узимају паузе за кафу и никада те не осуђују ако поставиш исто питање два пута!
 
-### Популарни програмски језици и њихова употреба
+### Популарни програмски језици и њихове примене
 
 ```mermaid
 mindmap
   root((Програмски Језици))
     Web Development
       JavaScript
-        Frontend Магија
-        Интерактивни Сајтови
+        Чаролија на Фронтенду
+        Интерактивни Вебсајтови
       TypeScript
         JavaScript + Типови
-        Привредне Апликације
+        Предузетничке Апликације
     Data & AI
       Python
-        Наука о подацима
-        Машинско учење
+        Наука о Подацима
+        Машинско Учење
         Аутоматизација
       R
         Статистика
@@ -103,76 +103,76 @@ mindmap
     Mobile Apps
       Java
         Андроид
-        Привреда
+        Предузеће
       Swift
         иОС
-        Apple Екосистем
+        Аппле Еко-систем
       Kotlin
         Модерни Андроид
-        Крос-платформа
+        Вишеплатформено
     Systems & Performance
       C++
         Игре
-        Критично за перформансе
+        Критично за Перформансе
       Rust
-        Безбедност меморије
-        Системско програмирање
+        Безбедност Меморије
+        Системско Програмирање
       Go
-        Cloud Сервиси
+        Облачне Услуге
         Скалирајући Бекенд
 ```
-| Језик | Најбоље за | Зашто је популаран |
+| Језик | Најбољи за | Зашто је популаран |
 |----------|----------|------------------|
-| **JavaScript** | Веб развој, кориснички интерфејси | Ради у прегледачима и покреће интерактивне сајтове |
-| **Python** | Наука о подацима, аутоматизација, вештачка интелигенција | Једноставан за читање и учење, моћне библиотеке |
-| **Java** | Пословне апликације, Андроид апликације | Платформски независан, поуздан за велике системе |
-| **C#** | Виндовс апликације, развој игара | Јака подршка Microsoft екосистема |
-| **Go** | Облачно рачунање, бекенд системи | Брз, једноставан, дизајниран за савремено рачунање |
+| **JavaScript** | Веб развој, кориснички интерфејси | Ради у прегледачима и покреће интерактивне веб сајтове |
+| **Python** | Наука о подацима, аутоматизација, вештачка интелигенција | Лако читање и учење, моћне библиотеке |
+| **Java** | Пословне апликације, Android апликације | Независност од платформе, робустан за велике системе |
+| **C#** | Windows апликације, развој игара | Јак подршка Microsoft екосистема |
+| **Go** | Cloud сервиси, backend системи | Брз, једноставан, дизајниран за модерно рачунарство |
 
-### Језици високог нивоа у односу на језике ниског нивоа
+### Језици високог и ниског нивоа
 
-У реду, ово је искрено био концепт који ми је поломио мозак када сам први пут почео да учим, па ћу поделити поређење које ми је коначно све учинило јасним – и заиста се надам да ће помоћи и теби!
+Океј, ово је искрено био појам који ми је сломио мозак када сам почео да учим, па ћу поделити аналогју која ми је коначно све разјаснила – и баш се надам да ће помоћи и теби!
 
-Замисли да си у земљи у којој не говориш језик, а жустро ти треба најближи тоалет (сви смо ту били, зар не? 😅):
+Замисли да посећујеш државу чији језик не говориш, и очајнички ти треба најближи тоалет (сви смо то прошли, зар не? 😅):
 
-- **Програмирање ниског нивоа** је као да тако добро научиш локални дијалекат да можеш да ћаскаш са бабом која продаје воће на углу користећи културолошке референце, локални сленг и унутрашње шале које разуме само неко ко је одрастао тамо. Супер импресивно и невероватно ефикасно... ако случајно течно говориш! Али прилично претерано када само покушаваш да пронађеш тоалет.
+- **Програмирање ниског нивоа** је као да тако добро научиш локални дијалекат да можеш да ћаскаш са баком која продаје воће на углу користећи културне референце, локални сленг и унутрашње шале које разуме само онај који је одрастао тамо. Супер импресивно и невероватно ефикасно... ако случајно говориш тај језик као матерњи! Али прилично збуњујуће када само покушаваш да нађеш тоалет.
 
-- **Програмирање високог нивоа** је као да имаш тог невероватног локалног друга који те заиста разуме. Можеш да кажеш „Употреба ми стварно треба да нађем тоалет“ обичним енглеским, а он обави сав културолошки превод и даје ти упутства на начин који савршено има смисла твом не-локалном мозгу.
+- **Програмирање високог нивоа** је као да имаш тог невероватног локалног пријатеља који те само разуме. Можеш рећи „како да нађем тоалет?“ на обичном енглеском, а он ће све културне разлике превести и дати ти упутства на начин који твом неместном мозгу потпуно има смисла.
 
-У терминологији програмирања:
-- **Језици ниског нивоа** (као што су Assembly или C) ти омогућавају невероватно детаљне разговоре са стварним хардвером рачунара, али мораш да размишљаш као машина, што је... па, рећи ћемо да је то велики ментални пресек!
-- **Језици високог нивоа** (као JavaScript, Python или C#) ти омогућавају да размишљаш као човек док они обављају сав говор машине иза кулиса. Плус, имају невероватно гостољубиве заједнице пуне људи који се сећају како је било бити нови и искрено желе да помогну!
+У програмирању:
+- **Језици ниског нивоа** (као Assembly или C) ти дозвољавају да имаш невероватно детаљне разговоре са самим хардвером рачунара, али онда мораш да мислиш као машина, што је... па, рећи ћу само да је велика ментална промена!
+- **Језици високог нивоа** (као JavaScript, Python или C#) ти дозвољавају да мислиш као човек док они воде компликовани језик машине иза сцене. Плус, имају невероватно топле заједнице пунe људи који се сећају како је било бити почетник и заиста желе да помогну!
 
-Погоди које ћу ја препоручити да почнеш да учиш? 😉 Језици високог нивоа су као тренинг точкови које никада нећеш хтети да скинеш јер цео процес чине много забавнијим!
+Погађаш које ћу ти предложити да започнеш? 😉 Језици високог нивоа су као точкови за учење које никада заправо не желиш да скидаш јер чине целокупно искуство много пријатнијим!
 
 ```mermaid
 flowchart TB
-    A["👤 Људска мисао:<br/>'Желим да израчунaм Фибоначијеве бројеве'"] --> B{Изаберите ниво језика}
+    A["👤 Човечја Мисао:<br/>'Желим да израчунам Фибоначијеве бројеве'"] --> B{Изабери Ниво Језика}
     
-    B -->|Висок ниво| C["🌟 JavaScript/Python<br/>Лако за читање и писање"]
-    B -->|Низак ниво| D["⚙️ Ассемблер/C<br/>Директна контрола хардвера"]
+    B -->|Висок Ниво| C["🌟 JavaScript/Python<br/>Лако за читање и писање"]
+    B -->|Низак Ниво| D["⚙️ Ассемблер/C<br/>Директна контрола хардвера"]
     
     C --> E["📝 Пиши: fibonacci(10)"]
     D --> F["📝 Пиши: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Разумевање рачунара:<br/>Преводилац решава сложеност"]
+    E --> G["🤖 Рачунарско Разумевање:<br/>Транслатор решава сложеност"]
     F --> G
     
-    G --> H["💻 Исти резултат:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Исти Резултат:<br/>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: Основна поставка Фибоначија
@@ -184,17 +184,17 @@ 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;
@@ -202,13 +202,13 @@ for (let i = 0; i < fibonacciCount; i++) {
 ```
 
 **Објашњење шта се овде дешава:**
-- **Прелазити** кроз сваки положај у низу помоћу `for` петље
-- **Приказати** сваки број са његовом позицијом користећи форматирање шаблона
-- **Израчунати** следећи Фибоначијев број сабирањем тренутних и следећих вредности
-- **Ажурирати** наше променљиве за праћење да пређемо на следећу итеријацију
+- **Пролази** кроз сваки положај у низу користећи `for` петљу
+- **Приказује** сваки број са његовим положајем користећи шаблонски стринг
+- **Израчунава** следећи Фибоначијев број сабирајући тренутне и следеће вредности
+- **Ажурира** променљиве да пређе на следећу итерацију
 
 ```javascript
-// Корак 3: Модеран функционални приступ
+// Корак 3: Модерни функционални приступ
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -219,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Пример коришћења
+// Пример употребе
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**У горњем примеру:**
-- **Направио** сам поновљиву функцију користећи савремену стрелицу (`arrow`) синтаксу
-- **Креирао** сам низ (array) да сачувам целу секвенцу, уместо да је приказујем један по један
-- **Користио** сам индексирање низа да израчунам сваки нови број из претходних вредности
-- **Вратио** сам целу секвенцу ради флексибилне употребе у другим деловима програма
+**У горе наведеном смо:**
+- **Направили** поново употребљиву функцију користећи модерну стрелицу функције
+- **Креирали** низ да сачувамо комплетан низ уместо да га приказујемо број по број
+- **Користили** индексирање низа за израчунавање сваког новог броја из претходних вредности
+- **Вратили** комплетан низ за флексибилну употребу у другим деловима програма
 
-**Језик ниског нивоа (ARM Assembly) – пријатељ рачунару:**
+**Језик ниског нивоа (ARM Assembly) – пријатељски рачунарима:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,27 +257,28 @@ back add r0,r1
  end
 ```
 
-Примети начин на који верзија у JavaScript-у чита као енглеска упутства, док верзија у Assembly користи мистериозне команде које директно контролишу процесор рачунара. Обе раде потпуно исти задатак, али језик високог нивоа је много лакши за људе да разумеју, пишу и одржавају.
+Примети како JavaScript верзија изгледа скоро као упутство написано на енглеском, док верзија на асемблеру користи криптичне команде које директно управљају процесором рачунара. Обе обављају исти задатак, али језик високог нивоа је много лакши за разумевање, писање и одржавање од стране људи.
 
 **Кључне разлике које ћеш приметити:**
-- **Читљивост**: JavaScript користи описна имена као `fibonacciCount` док Assembly користи тајанствене ознаке као `r0`, `r1`
-- **Коментари**: Језици високог нивоа охрабрују објашњавајуће коментаре који чине код самодокументованим  
-- **Структура**: Логички ток ЈаваСкрипта одговара томе како људи размишљају о проблемима корак по корак  
-- **Одржавање**: Ажурирање ЈаваСкрипт верзије за различите захтеве је једноставно и јасно  
+- **Читљивост**: JavaScript користи описна имена као што је `fibonacciCount`, док Assembly користи шифроване ознаке као `r0`, `r1`
+- **Коментари**: Језици вишег нивоа подстичу објашњавајуће коментаре који чине код самодокументованим
+- **Структура**: Логички ток JavaScript-а одговара начину на који људи размишљају о проблемима корак по корак
+- **Одржавање**: Ажурирање JavaScript верзије за различите захтеве је једноставно и јасно
 
-✅ **О Фибоначијевом низу**: Овај апсолутно предиван бројчани образац (где је сваки број једнак збиру претходна два: 0, 1, 1, 2, 3, 5, 8...) појављује се буквално *свуда* у природи! Пронаћи ћете га у спиралама сунцокрета, пинећим шишкама, облику шкољки наутилиуса, па чак и у начину на који гране дрвећа расту. Веома је фасцинантно како математика и код могу помоћи да разумемо и пресликaмо обрасце које природа користи да створи лепоту!  
+✅ **О низу Фибоначија**: Овај апсолутно прелеп образац бројева (где је сваки број једнак збиру претходна два: 0, 1, 1, 2, 3, 5, 8...) појављује се буквално *свуда* у природи! Пронаћи ћете га у спиралама сунцокрета, обрасцима чешера, начину на који школке натилуса коврчају, па чак и у начину раста грана дрвећа. Заиста је фасцинантно како математика и код могу помоћи да разумемо и поново створимо обрасце које природа користи да створи лепоту!
 
-## Грађевински блокови који стварају магију  
 
-У реду, сада када сте видели како изгледају језици програмирања у пракси, хајде да разложимо основне делове који чине буквално сваки програм икада написан. Замислите их као суштинске састојке ваше омиљене рецептуре – када разумете шта сваки ради, моћи ћете да читате и пишете код у готово сваком језику!
+## Основни Камењарски Блокови Који Праве Магију
 
-Ово је помало као учење граматике програмирања. Сећате се у школи када сте учили о именицама, глаголима и како се слажу реченице? Програмирање има своју верзију граматике, а искрено, она је много логичнија и попустљивија од граматике енглеског језика! 😄  
+У реду, сада када сте видели како програмски језици изгледају у пракси, хајде да разложимо основне делове који сачињавају буквално сваки написани програм. Замислите их као суштинске састојке у вашем омиљеном рецепту – када једном разумете шта сваки ради, моћи ћете да читате и пишете код у готово било ком језику!
 
-### Наредбе: Упутства корак по корак  
+Ово је нешто као учење граматике програмирања. Сећате се у школи када сте учили о именицама, глаголима и како слагати реченице? Програмирање има своју верзију граматике, и искрено, много је логичнија и опроштенија од енглеске граматике! 😄
 
-Хајде да почнемо са **наредбама** – оне су као појединачне реченице у разговору са вашим рачунаром. Свака наредба говори рачунару да уради једну одређену ствар, као да дајете упутства: "Скрените лево овде," "Стани на црвено светло," "Парк ин у то место."
+### Наређења: Упутства Корак по Корак
 
-Што највише волим код наредби је то колико су обично читљиве. Погледајте ово:  
+Хајде да почнемо са **наређењима** – они су као појединачне реченице у разговору са вашим рачунаром. Свако наређење говори рачунару да уради једну специфичну ствар, слично као када дајете упутства: "Скрените лево овде," "Стани на црвено светло," "Паркирaј се на то место."
+
+Оно што волим код наређења је колико су обично читљива. Погледајте ово:
 
 ```javascript
 // Основне изјаве које извршавају појединачне радње
@@ -285,31 +286,31 @@ 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: Креирање основних променљивих
@@ -318,12 +319,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Разумевање ових концепата:**  
-- **Чување** неизмењивих вредности у `const` променљивима (као име сајта)  
-- **Коришћење** `let` за вредности које се могу мењати током рада програма  
-- **Додељивање** различитих типова података: стрингови (текст), бројеви и булови (тачно/нетачно)  
-- **Избор** описних имена која објашњавају шта свака променљива садржи  
+
+**Разумевање ових концепата:**
+- **Чува** непроменљиве вредности у `const` променљивама (као назив сајта)
+- **Користи** `let` за вредности које могу да се мењају током рада програма
+- **Додељује** различите типове података: стрингове (текст), бројеве и булове (тачно/не)
+- **Бира** описна имена која објашњавају шта свака променљива садржи
 
 ```javascript
 // Корак 2: Рад са објектима за груписање повезаних података
@@ -333,11 +334,11 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**У горњем примеру смо:**  
-- **Креирали** објекат да групишемо повезане информације о времену  
-- **Организовали** више података под једним именом променљиве  
-- **Користили** парове кључ-вредност да јасно означимо сваки део информације  
+
+**Горњи код ради:**
+- **Креира** објекат за груписање повезаних временских информација
+- **Организује** више података под једним именом променљиве
+- **Користи** парове кључ-вредност за јасно означавање сваког дела информација
 
 ```javascript
 // Корак 3: Коришћење и ажурирање променљивих
@@ -348,33 +349,33 @@ 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: Основна условна логика
@@ -387,12 +388,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Овде овај код ради:**  
-- **Проверава** да ли корисникова старост испуњава услов за гласање  
-- **Извршава** различите блокове кода у зависности од резултата услова  
-- **Израчунава** и приказује колико још има до могућности гласања ако је испод 18  
-- **Пружа** конкретне и корисне повратне информације за сваки сценарио  
+
+**Ево шта овај код ради:**
+- **Проверава** да ли је корисникова старост довољна за гласање
+- **Извршава** различите блокове кода у зависности од резултата услова
+- **Израчунава** и приказује колико дуго треба да чека да гласа ако је испод 18 година
+- **Пружа** конкретне, корисне повратне информације за сваку ситуацију
 
 ```javascript
 // Корак 2: Више услова са логичким операторима
@@ -407,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Разлагање шта се овде дешава:**  
-- **Комбинује** више услова користећи `&&` (и) оператор  
-- **Прави** хијерархију услова коришћењем `else if` за више сценарија  
-- **Обрађује** све могуће случајеве са коначним `else` исказом  
-- **Пружа** јасне, конкретне повратне информације за сваку различиту ситуацију  
+
+**Разлагање дешавања овде:**
+- **Комбинује** више услова користећи `&&` (и) оператор
+- **Креира** хијерархију услова користећи `else if` за различите сценарије
+- **Обрађује** све могуће случајеве са коначним `else` изјавом
+- **Пружа** јасан и користан повратни одговор за сваку различиту ситуацију
 
 ```javascript
-// Корак 3: Кратак услов са тернарним оператором
+// Корак 3: Кратки услов са тернарним оператором
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Што треба да запамтите:**  
-- **Користите** тернарни оператор (`? :`) за једноставне услове са две могућности  
-- **Пишите** прво услов, затим `?`, па резултат ако је услов тачан, па `:`, па резултат ако није  
-- **Примените** овај образац када треба доделити вредности на основу услова  
+
+**Запамтите ово:**
+- **Користите** тернарни оператор (`? :`) за једноставне услове са две опције
+- **Пишете** услов прво, па `?`, затим резултат ако је тачно, па `:`, затим резултат ако је нетачно
+- **Примена** овог обрасца када треба доделити вредности на основу услова
 
 ```javascript
 // Корак 4: Обрада више специфичних случајева
@@ -445,56 +446,56 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Овај код постиже следеће:**  
-- **Упоређује** вредност променљиве са више специфичних случајева  
-- **Групише** сличне случајеве заједно (радни дани против викенда)  
-- **Извршава** одговарајући блок кода када се пронађе поклапање  
-- **Укључује** `default` случај за непредвиђене вредности  
-- **Користи** `break` изјаве да спречи наставак извршавања ка следећем случају  
 
-> 💡 **Аналогија из стварног света**: Размислите о контролном току као о најстрпљивијем GPS-у који вам даје упутства. Може рећи: "Ако је гужва на Главној улици, иди ауто-путем. Ако је ауто-пут блокиран због радова, пробај обилазницу." Програми користе управо ову врсту условне логике да интелигентно реагују на различите ситуације и увек пруже корисницима најбоље могуће искуство.  
+**Овај код постиже следеће:**
+- **Упоређује** вредност променљиве са више одређених случајева
+- **Групише** сличне случајеве заједно (радни дани против викенда)
+- **Извршава** одговарајући блок кода када налази подударање
+- **Укључује** `default` случај за руковање неочекиваним вредностима
+- **Користи** `break` наредбе да спречи наставак кода у следећем случају
 
-### 🎯 **Провера знања: Мастер основних блокова**  
+> 💡 **Аналогија из стварног живота**: Размислите о контролном току као о најстрпљивијем GPS-у на свету који вам даје упутства. Може рећи "Ако има гужве на Главној улици, узми ауто-пут уместо тога. Ако је ауто-пут блокиран због радова, пробај пут прелепим предеоm." Програми користе управо овакву врсту условне логике да паметно реагују на различите ситуације и увек пруже корисницима најбоље могуће искуство.
 
-**Хајде да видимо како стојите са основама:**  
-- Можете ли објаснити разлику између променљиве и наредбе својим речима?  
-- Смислите сценарио из стварног живота где бисте користили if-then одлуку (као у примеру са гласањем)  
-- Која вас је ствар о логици програмирања највише изненадила?  
+### 🎯 **Провера Концепта: Мајсторство Основних Каменова**
 
-**Брзи подстицај самопоуздања:**  
+**Хајде да видимо како стојите са основама:**
+- Можете ли објаснити разлику између променљиве и наређења својим речима?
+- Замислите ситуацију из стварног живота где бисте користили if-then одлуку (као наш пример гласања)
+- Која вас је једна ствар о програмирању највише изненадила?
+
+**Брзо подизање самопоуздања:**
 ```mermaid
 flowchart LR
-    A["📝 Изјаве<br/>(Налози)"] --> B["📦 Променљиве<br/>(Складиште)"] --> C["🔀 Управљање током<br/>(Одлуке)"] --> D["🎉 Радни програм!"]
+    A["📝 Изјаве<br/>(Упутства)"] --> B["📦 Променљиве<br/>(Складиште)"] --> C["🔀 Контрола тока<br/>(Одлуке)"] --> D["🎉 Радни програм!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Шта следи**: Ускоро ћемо заједно уживати у дубљем уласку у ове концепте док настављамо ову невероватну авантуру! За сада, само се усредсредите на узбуђење због свих невероватних могућности које вас чекају. Специфичне вештине и технике ће вам природно постати пријатне како будемо вежбали заједно – обећавам да ће ово бити далеко забавније него што можда очекујете!  
+```
+✅ **Шта следи**: Очекује нас сјајно искуство у дубље улажење у ове концепте док настављамо заједно ову невероватну авантуру! За сада се фокусирајте само на осећај узбуђења због свих невероватних могућности које вас очекују. Специфичне вештине и технике ће вам природно бити при руци како будемо вежбали заједно – обећавам да ће ово бити далеко забавније него што сте можда мислили!
 
-## Алати заната  
+## Алати Заната
 
-У реду, искрено сам толико узбуђен да се тешко сналазим! 🚀 Управо ћемо причати о невероватним алатима који ће вам дати осећај као да су вам управо додељене кључеве дигиталног свемирског брода.
+У реду, ово је искрено оно што ме толико узбуђује да се једва суздржавам! 🚀 Управо ћемо причати о невероватним алатима који ће вас учинити да се осећате као да сте управо добили кључеве дигиталног свемирског брода.
 
-Знате како кухар има савршено избалансиране ножеве који су као продужетак руку? Или како музичар има ону гитару која као да пева чим је додирне? Па, програмери имају своју верзију ових магичних алата, и ево шта ће вас апсолутно одушевити – већина њих је потпуно бесплатна!
+Знате како кувар има савршено балансиране ножеве који му делују као продужетак руку? Или како музичар има ону гитару која као да пева оног тренутка када је додирне? Па, програмери имају своју верзију ових магичних алата, а ево шта ће вам потпуно одузети дах – већина њих је потпуно бесплатна!
 
-Практично скачем од среће што вам могу поделити ове алате јер су потпуно револуционисали начин на који градимо софтвер. Причамо о AI асистентима за кодирање који могу помоћи да напишете свој код (зар се шалим?), о облачним оквирима у којима можете градити целе апликације буквално било где са Wi-Fi-јем и о алаткама за отклањање грешака толико супериорним да су као да имате рендген визију у програмима.
+Практично скачем на столици док размишљам како ћу вам ово поделити, јер су у потпуности револуционисали начин на који правимо софтвер. Причамо о AI помоћницима за кодирање који вам могу помоћи да напишете ваш код (не шалим се!), о облачним окружењима у којима можете градити читаве апликације буквално са било ког места са Wi-Fi-јем, и о тако софистицираним алатима за дебаговање да делују као рендгенски вид за ваше програме.
 
-И ево дела који ми још увек изазива трнце: ово нису „почетнички алати“ које ћете прерасти. Ово су иста она професионална средства која користе програмери у Google-у, Netflix-у и оним малим студијима апликација које волите баш у овом тренутку. Осетићете се као прави професионалац користећи их!  
+А сада део који ми и даље изазива узбуђење: ово нису „алати за почетнике“ које ћете прерасти. Ово су управо исте професионалне алате које програмери у Google-у, Netflix-у и тој независној студији апликација коју волите користе у овом тренутку. Осетићете се као прави професионалац када их користите!
 
 ```mermaid
 graph TD
     A["💡 Ваша Идеја"] --> B["⌨️ Уређивач Кода<br/>(VS Code)"] 
-    B --> C["🌐 ДевТулс Прегледача<br/>(Тестирање и Отстрањивање Грешака)"]
-    C --> D["⚡ Командна Линија<br/>(Аутоматизација и Алатке)"]
-    D --> E["📚 Документација<br/>(Учење и Референце)"]
-    E --> F["🚀 Фантастична Веб Апликација!"]
+    B --> C["🌐 Прегледач ДевТулс<br/>(Тестирање и Отклањање грешака)"]
+    C --> D["⚡ Командна Линија<br/>(Аутоматизација и Алати)"]
+    D --> E["📚 Документација<br/>(Учење и Референца)"]
+    E --> F["🚀 Невероватна Веб Апликација!"]
     
-    B -.-> G["🤖 Помоћник Вештачке Интелигенције<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 АИ Асистент<br/>(GitHub Copilot)"]
     C -.-> H["📱 Тестирање Уређаја<br/>(Респонзивни Дизајн)"]
-    D -.-> I["📦 Менaџери Пакета<br/>(npm, yarn)"]
+    D -.-> I["📦 Менаџери Пакета<br/>(npm, yarn)"]
     E -.-> J["👥 Заједница<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -503,350 +504,353 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### Едитори кода и IDE-ови: Ваши нови дигитални најбољи пријатељи  
+```
+### Уређивачи кода и IDE-ови: Ваши Нови Дигитални Најбољи Пријатељи
+
+Хајде да причамо о уређивачима кода – они ће заиста постати ваша омиљена места за рад! Замислите их као вашу личну светињу програмирања где ћете проводити већину времена стварајући и усавршавајући ваше дигиталне креације.
 
-Причајмо о едиторима кода – они ће заиста постати ваша нова омиљена места за боравак! Замислите их као ваше лично уточиште за кодирање у којем ћете проводити већину времена стварајући и усавршавајући своје дигиталне креације.
+Али ево шта је права магија код модерних уређивача: они нису само сјајни уређивачи текста. Они су као најпаметнији и најподржавајући ментор за кодирање који седи поред вас 24/7. Ухвате ваше грешке пре него што их приметите, предлажу побољшања која вас чине генијем, помажу вам да разумете шта сваки део кода ради, а неки чак могу и предвидети шта ћете куцати и понудити да заврше ваше мисли!
 
-Али ево шта је потпуно магично код модерних едитора: они нису само фини уређивачи текста. Они су као најбриљантнији, најпотпорнији ментор за кодирање који седи поред вас 24/7. Они хватају правописне грешке пре него што их уопште приметите, предлажу побољшања која вас чине генијем, помажу вам да разумете шта сваки део кода ради, а неки чак могу и предвидети шта ћете укуцати и понудити да заврше ваше мисли!
+Сећам се када сам први пут открио аутоматско довршавање – буквално сам се осећао као да живим у будућности. Почнете да куцате нешто, а ваш уређивач каже: „Да ли си размишљао о овој функцији која ради баш оно што ти треба?“ Као да имате читаоца мисли као пријатеља за кодирање!
 
-Сећам се када сам први пут открио аутоматски допуњавач – буквално сам се осећао као да живим у будућности. Почнете да куцате нешто, а едитор каже: „Хеј, да ли си мислио на ову функцију која ради баш оно што ти треба?“ Као да имате читаоца мисли као пријатеља за кодирање!
+**Шта ове уређиваче чини невероватним?**
 
-**Шта овај едитор чини тако невероватним?**  
+Модерни уређивачи кода нуде импресиван низ функција осмишљених да побољшају вашу продуктивност:
 
-Модерни едитори кода нуде импресиван низ карактеристика дизајнираних да повећају вашу продуктивност:  
+| Функција | Шта ради | Зашто помаже |
+|---------|--------------|--------------|
+| **Истраживање синтаксе** | Боји различите делове вашег кода | Олакшава читање и проналажење грешака |
+| **Аутоматско довршавање** | Предлаже код док куцате | Убрзава кодирање и смањује типографске грешке |
+| **Алати за дебаговање** | Помажу у проналажењу и исправљању грешака | Штеди сате времена за решавање проблема |
+| **Проширења** | Додају специјализоване функције | Прилагодите уређивач било којој технологији |
+| **AI помоћници** | Предлажу код и објашњења | Убрзавају учење и продуктивност |
 
-| Карактеристика | Шта ради | Зашто помаже |  
-|----------------|----------|--------------|  
-| **Хајлајтинг синтаксе** | Боји различите делове кода | Олакшава читање и уочавање грешака |  
-| **Аутоматско довршавање** | Предлаже код док куцате | Убрзава кодирање и смањује правописне грешке |  
-| **Алатке за отклањање грешака** | Помажу у проналажењу и исправљању грешака | Штеде сате времена при решавању проблема |  
-| **Проширења** | Додају специјализоване функције | Прилагодују едитор било којој технологији |  
-| **AI асистенти** | Предлажу код и објашњења | Убрзавају учење и продуктивност |  
+> 🎥 **Видео ресурс**: Желите да видите ове алате у акцији? Погледајте овај [Видео о алатима заната](https://youtube.com/watch?v=69WJeXGBdxg) за детаљан преглед.
 
-> 🎥 **Видеоресурс**: Желите да видите ове алате у акцији? Погледајте овај [Tools of the Trade видео](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) - Сарадња у реалном времену
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Аутоматско форматирање кода
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Ухвата типографске грешке у коду
 
-**[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) – откривање правописних грешака у коду  
+**[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/) – Инстантни full-stack веб развој  
+> 💡 **Савет за почетак**: Почните са Visual Studio Code – бесплатан је, широко коришћен у индустрији и има огромну заједницу која креира корисне туторијале и екстензије.
 
-> 💡 **Савет за почетак**: Почните са Visual Studio Code – бесплатан је, широко коришћен у индустрији и има огромну заједницу која прави корисне туторијале и проширења.  
 
-### Веб претраживачи: Ваш тајни развојни лабораториј  
+### Веб Прегледачи: Ваша Тајна Лабораторија За Развој
 
-У реду, спремите се да вам ум буде потпуно одушевљен! Знате како користите претраживаче да бисте скроловали друштвене мреже и гледали видео снимке? Испоставило се да су они сав овај пут крили невероватну тајну лабораторију за програмере, само чекајући да је откријете!
+У реду, спремите се да вам се ум потпуно одузме! Знате како користите прегледаче за претраживање друштвених мрежа и гледање видео снимака? Испоставило се да су читаво време крили ову невероватну тајну лабораторију за програмере, само што чекају да је откријете!
 
-Сваки пут када кликнете десним тастером миша на веб страницу и изаберете „Inspect Element“ (Инспекција елемента), отварате скривени свет алата за програмере који су искрено моћнији од неких скупих програма за које сам некад плаћао стотине долара. Као да сте открили да ваша обична кујна крије професионалну лабораторију кувара иза тајног панела!
-Први пут када ми је неко показао девтулсе у прегледачу, провео сам око три сата само кликајући и вичући „ЧЕКАЈ, ОН МОЖЕ И ТО?!“ Можеш буквално да уређујеш било који сајт у реалном времену, видиш тачно колико брзо све се учитава, тестираш како твој сајт изгледа на различитим уређајима, па чак и да дебагујеш JavaScript као прави професионалац. Апсолутно је невероватно!
+Сваки пут када кликнете десним тастером миша на веб страницу и одаберете „Inspect Element“ (Инспекција елемента), отварате скривени свет алата за програмере који су заправо моћнији од неког скупог софтвера за који сам ја раније плаћао стотине долара. Као да сте открили да ваша обична кухиња крије професионалну кухињску лабораторију иза тајног панела!
+Први пут када ми је неко показао алате за развој у прегледачу, провео сам око три сата само кликајући по свему и говорећи „ЧЕКАЈ, МОЖЕ И ТО?!“ Можете буквално да уређујете било који веб сајт у реалном времену, видите колико све брзо учитава, тестирате како ваш сајт изгледа на различитим уређајима, и чак дебагујете JavaScript као потпуни професионалац. То је заиста невероватно!
 
-**Ево зашто су прегледачи твоје тајно оружје:**
+**Ево зашто су прегледачи ваша тајна суперсила:**
 
-Када правиш веб сајт или веб апликацију, мораш да видиш како она изгледа и функционише у стварном свету. Прегледачи не само да приказују твој рад већ пружају детаљне повратне информације о перформансама, приступачности и потенцијалним проблемима.
+Када креирате веб сајт или веб апликацију, потребно је да видите како она изгледа и функционише у стварном свету. Прегледачи не само да приказују ваш рад, већ пружају и детаљне повратне информације о перформансама, приступачности и потенцијалним проблемима.
 
-#### Девелопер алати прегледача (DevTools)
+#### Алати за развој у прегледачу (DevTools)
 
-Модерни прегледачи укључују свеобухватне развојне пакете:
+Модерни прегледачи укључују свеобухватне сетове алата за развој:
 
 | Категорија алата | Шта ради | Пример употребе |
 |------------------|----------|-----------------|
-| **Преглед елемената** | Преглед и уређивање HTML/CSS у реалном времену | Прилагоди стил и види резултате одмах |
-| **Конзола** | Приказ порука о грешкама и тестирање JavaScript-а | Дебаговање проблема и експериментисање са кодом |
-| **Мрежни монитор** | Праћење учитавања ресурса | Оптимизација перформанси и времена учитавања |
-| **Тестер приступачности** | Тестирање инклузивног дизајна | Осигурај да твој сајт ради за све кориснике |
-| **Симулатор уређаја** | Преглед на различитим величинама екрана | Тестирање респонзивног дизајна без више уређаја |
+| **Инспектор елемената** | Приказ и уређивање HTML/CSS у реалном времену | Подешавање стила да видите резултате одмах |
+| **Конзола** | Приказивање порука о грешкама и тестирање JavaScript-а | Дебаговање проблема и експериментисање са кодом |
+| **Мрежни монитор** | Прати како се ресурси учитавају | Оптимизација перформанси и времена учитавања |
+| **Провера приступачности** | Тестирање инклузивног дизајна | Осигуравање да сајт ради за све кориснике |
+| **Симулатор уређаја** | Преглед на различитим величинама екрана | Тестирање респонсивног дизајна без више уређаја |
 
 #### Препоручени прегледачи за развој
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - ДевТулс индустријски стандард са обимном документацијом
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Индустријски стандард DevTools са обимном документацијом
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Одлични алати за CSS Grid и приступачност
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграђен на Chromium-у са Microsoft-овим ресурсима за развој
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграђен на Chromium-у са Microsoft ресурсима за програмере
 
-> ⚠️ **Важно упозорење за тестирање**: Увек тестирај своје сајтове у више прегледача! Оно што савршено ради у Chrome-у можда изгледа другачије у Safari-ју или Firefox-у. Професионални програмери тестирају у свим главним прегледачима како би осигурали доследно корисничко искуство.
+> ⚠️ **Важно савет за тестирање**: Увек тестирајте ваше веб странице у више прегледача! Оно што савршено ради у Chrome-у може изгледати другачије у Safari-ју или Firefox-у. Професионални програмери тестирају на свим главним прегледачима како би обезбедили доследно корисничко искуство.
 
 
-### Командна линија: Твој пут ка супермоћима програмера
+### Алати командне линије: Ваш пут ка суперсилама програмера
 
-Хајде да будемо потпуно искрени око командне линије, јер желим да то чујеш од некога ко стварно разуме. Када сам је први пут видео – само тај страшни црни екран са трепћућим текстом – искрено сам помислио: „Не, апсолутно не! Ово изгледа као нешто из хакерског филма из осамдесетих, и ја дефинитивно нисам довољно паметан за ово!“ 😅
+Хајде да будемо потпуно искрени у вези командне линије, јер желим да то чујете од неког ко заиста разуме. Када сам је први пут видео – само онај страшни црни екран са трепћућим текстом – буквално сам помислио: „Не, никако! Ово изгледа као нешто из хакерског филма из 1980-их, и дефинитивно нисам довољно паметан за ово!“ 😅
 
-Али ево шта бих волео да ми је неко рекао тада, а сада и теби: командна линија није страшна – она је као директан разговор са твојим рачунаром. Замисли то као разлику између наручивања хране преко софистициране апликације са сликама и менијима (што је лепо и лако) и уласка у твој омиљени локални ресторан где кувар тачно зна шта волиш и може да припреми нешто савршено само ако му кажеш „изненади ме нечим феноменалним“.
+Али ево шта ми је драго што ми тада нико није рекао, а ја вам сада говорим: командна линија није страшна – она је као разговор лице у лице са вашим рачунаром. Замислите то као разлику између наручивања хране преко неке лепо урађене апликације са сликама и менијима (што је лепо и једноставно) и уласка у ваш омиљени локални ресторан где кувар зна тачно шта волите и може спремити нешто сјајно само ако кажете „изненади ме нечем фантастичним“.
 
-Командна линија је оно место где програмери осећају као прави чаробњаци. Укуцаш неколико наизглед магичних речи (у реду, то су само команде, али делују магично!), притиснеш ентер и БУМ – направио си целу структуру пројекта, инсталирао моћне алате из целог света, или распоредио своју апликацију на интернет за милионе људи да виде. Када једном пробаш ту моћ, искрено постаје зависност!
+Командна линија је место где програмери осећају као прави чаробњаци. Укуцате неколико наизглед магичних речи (у реду, то су само команде, али делују магично!), притиснете ентер и БУМ – створили сте целокупну структуру пројекта, инсталирали моћне алате из целог света, или поставили вашу апликацију на интернет да је милиони људи виде. Када једном осетите ту моћ, искрено постаје прилично заразно!
 
-**Зашто ће командна линија постати твој омиљени алат:**
+**Зашто ће командна линија постати ваш омиљени алат:**
 
-Док су графички интерфејси сјајни за многе задатке, командна линија сјаји у аутоматизацији, прецизности и брзини. Многи алати за развој раде првенствено преко командне линије, а учењем њиховог ефикасног коришћења значајно ћеш повећати продуктивност.
+Док су графичка сучеља одлична за многе задатке, командна линија изузетно добро ради у аутоматизацији, прецизности и брзини. Много алата за развој ради углавном кроз командну линију, и учење како их ефикасно користити може драматично побољшати вашу продуктивност.
 
 ```bash
-# Корак 1: Креирајте и уђите у директоријум пројекта
+# Корак 1: Креирајте и приступите директоријуму пројекта
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Ово ради овај код:**
-- **Креира** нови директоријум под називом "my-awesome-website" за твој пројекат
-- **Улази** у новокреирани директоријум да почнеш рад
+**Ево шта овај код ради:**
+- **Креира** нови директоријум под именом "my-awesome-website" за ваш пројекат
+- **Улази** у тај новокреирани директоријум да почне рад
 
 ```bash
 # Корак 2: Иницијализујте пројекат са package.json
 npm init -y
 
-# Инсталирајте модерне развојне алате
+# Инсталирајте модерне алате за развој
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **Корак по корак, ево шта се дешава:**
-- **Иницијализује** нови Node.js пројекат са подразумеваним подешавањима помоћу `npm init -y`
-- **Инсталира** Vite као модерни алат за брзу израду и продукцијске билдове
-- **Додаје** Prettier за аутоматско форматирање кода и ESLint за проверу квалитета кода
-- **Користи** флаг `--save-dev` да означи да су ове зависности само за развој
+- **Иницијализује** нови Node.js пројекат са подразумеваним подешавањима користећи `npm init -y`
+- **Инсталира** Vite као модеран алат за израду пројеката ради брзог развоја и продуктивних билдова
+- **Додаје** Prettier за аутоматску форматираност кода и ESLint за проверу квалитета кода
+- **Користи** `--save-dev` заставицу да их означи као зависности које су само за развој
 
 ```bash
-# Корак 3: Креирај структуру пројекта и фајлове
+# Корак 3: Креирајте структуру пројекта и фајлове
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Покрени сервер за развој
+# Покрените сервер за развој
 npx vite
 ```
 
 **Горе смо:**
-- **Организовали** пројекат креирањем одвојених фасцикли за изворни код и ресурсе
+- **Организовали** пројекат креирањем посебних фасцикли за изворни код и ресурсе
 - **Генерисали** основни HTML фајл са исправном структуром документа
-- **Покренули** Vite дев сервер за live reload и hot module replacement
+- **Покренули** Vite развојни сервер за живо рефрешовање и замену модула у ходу
 
 #### Основни алати командне линије за веб развој
 
 | Алат | Намена | Зашто ти треба |
-|-------|---------|-----------------|
+|------|--------|----------------|
 | **[Git](https://git-scm.com/)** | Контрола верзија | Праћење промена, сарадња са другима, резервне копије |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime и управљање пакетима | Покрени JavaScript ван прегледача, инсталирај модерне алате за развој |
-| **[Vite](https://vitejs.dev/)** | Алат за билд и дев сервер | Блиц развој са hot module replacement-ом |
-| **[ESLint](https://eslint.org/)** | Квалитет кода | Аутоматски нахватавање и исправљање проблема у JavaScript-у |
-| **[Prettier](https://prettier.io/)** | Форматирање кода | Одржава код доследно форматираним и читким |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript извршни систем и управљање пакетима | Покретање JavaScript-а ван прегледача, инсталација модерних алата |
+| **[Vite](https://vitejs.dev/)** | Алат за билд и развојни сервер | Вртоглаво брз развој са заменом модула у ходу |
+| **[ESLint](https://eslint.org/)** | Квалитет кода | Аутоматско проналажење и исправка проблема у JavaScript-у |
+| **[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)** 💻 - Моћно скриптно окружење
+- **[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)** 💻 - Традиционална Windows командна линија
 
 **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/)** 💻 - Стандардни Linux shell
+- **[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 Code-у). Са временом ћеш природно усавршити напредније команде и аутоматизацију.
+> 🎯 **Пут учења**: Почни са основним командама као што су `cd` (промена директоријума), `ls` или `dir` (листање фајлова) и `mkdir` (креирање фасцикле). Вежбај са модерним командама као што су `npm install`, `git status` и `code .` (отвара тренутни директоријум у VS Code). Како будете постајали комфорнији, природно ћете усвојити напредније команде и технике аутоматизације.
 
 
-### Документација: Твој увек доступни ментор за учење
+### Документација: Ваш увек доступан ментор за учење
 
-У реду, да поделим једну малу тајну која ће те осетно охрабрити као почетника: чак и најискуснији програмери велики део свог времена проводе читајући документацију. И то није зато што не знају шта раде – то је стварно знак мудрости!
+Добро, да поделим једну малу тајну која ће вас учинити да се осећате много боље као почетник: чак и најискуснији програмери проводе огроман део свог времена читајући документацију. И није то зато што не знају шта раде – то је заправо знак мудрости!
 
-Замисли документацију као приступ најстрпљивијим, најпаметнијим учитељима на свету који су доступни 24/7. Заглавио си у проблему у 2 ујутру? Документација пружа топли виртуелни загрљај и баш онај одговор који ти треба. Желиш да научиш о некој новој супер функцији о којој сви говоре? Документација је ту са примјерима корак по корак. Покушаваш да схватиш зашто нешто ради како ради? Погоди шта – документација ће ти то објаснити на начин који ће ти коначно бити јасан!
+Замислите документацију као приступ најстрпљивијим и најпаметнијим учитељима на свету који су доступни 24/7. Зачепљени сте на неком проблему у 2 ујутро? Документација је ту са топлим виртуелним загрљајем и управо тачним одговором који вам треба. Желите да научите о некој усађеној новој функцији о којој сви говоре? Документација вас подржава са корак-по-корак примерима. Покушавате да разумете зашто нешто ради онако како ради? Погодили сте – документација је спремна да вам то објасни тако да коначно буде јасно!
 
-Ево шта ми је потпуно променило став: свет веб развоја се непредстављиво брзо креће и нико (искрено, баш нико!) не памти све детаље напамет. Видео сам и старије програмере с 15+ година искуства како траже основну синтаксу, и знаш шта? То није срамота – то је паметно! Није важно имати савршену меморију; важно је знати где брзо пронаћи поуздане одговоре и разумети како их применити.
+Ево нечега што ми је потпуно променило перспективу: свет веб развоја се креће невероватном брзином, и нико (мислим нико!) не памти све напамет. Гледао сам искусне програмере са преко 15 година искуства како проверавају основну синтаксу, и знате шта? То није срамота – то је паметно! Није ствар у савршеном памћењу, него у знању где брзо пронаћи поуздане одговоре и разумевању како их применити.
 
-**Ту се дешава права магија:**
+**Ево где се дешава права магија:**
 
-Професионални програмери већи део свог времена проводе читајући документацију – не зато што не умеју, већ зато што веб развој тако брзо напредује да треба стално учити и остати у току. Одлична документација ти помаже не само да схватиш *како* нешто користити већ и *зашто* и *када*.
+Професионални програмери значајан део свог времена проводе читајући документацију – не зато што не знају шта раде, него зато што веб развојне области тако брзо напредују да је стално учење неопходно. Одлична документација вам помаже да разумете не само *како* нешто користити, већ и *зашто* и *када*.
 
-#### Основни извори документације
+#### Основни ресурси документације
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Златни стандард за документацију веб технологија
-- Свеобухватни приручници за HTML, CSS и JavaScript
-- Укључује информације о компатибилности у прегледачима
-- Поседује практичне примере и интерактивне демонстрације
+- Златни стандард за документацију о веб технологијама
+- Свеобухватни водичи за HTML, CSS и JavaScript
+- Укључује информације о компатибилности прегледача
+- Садржи практичне примерe и интерактивне демонстрације
 
 **[Web.dev](https://web.dev)** (од Google-а)
 - Најбоље праксе модерног веб развоја
 - Водичи за оптимизацију перформанси
 - Принципи приступачности и инклузивног дизајна
-- Студије случаја из стварних пројеката
+- Студије случајева из стварних пројеката
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Ресурси за развој прегледача Edge
-- Водичи за Progressive Web Apps
-- Информације о крос-платформском развоју
+- Ресурси за развој за Edge прегледач
+- Водичи за прогресивне веб апликације
+- Увид у крос-платформски развој
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структурирани програми учења
-- Видео курсеви од стручњака из индустрије
-- Практичне вежбе кодирања
+- Структурирани курикулуми за учење
+- Видео курсеви од индустријских стручњака
+- Вежбе кодирања за праксу
 
-> 📚 **Стратегија учења**: Немој да покушаваш да памтиш документацију – уместо тога научи како да се ефикасно крећеш кроз њу. Обележавај често коришћене странице и вежбај претрагу да брзо пронађеш конкретне информације.
+> 📚 **Стратегија учења**: Не покушавајте да меморишете документацију – уместо тога научите како да се ефикасно крећете кроз њу. Обележавајте често коришћене референце и вежбајте коришћење претраге да брзо пронађете специфичне информације.
 
-### 🔧 **Проверa знања алата: Шта ти се свиђа?**
+### 🔧 **Провера знања алата: Шта вам највише одговара?**
 
-**Одвојите тренутак да размислиш:**
-- Који алат се највише радујеш да прво испробаш? (Нема погрешног одговора!)
-- Да ли ти командна линија и даље делује застрашујуће или те интересује?
-- Можеш ли да замислиш да користиш девтулсе у прегледачу да погледаш иза завесе твојих омиљених сајтова?
+**Одвојите тренутак да размислите:**
+- Који алат сте највише узбуђени да испробате први? (Нема погрешног одговора!)
+- Да ли вам командна линија и даље делује застрашујуће или вас занима?
+- Можете ли замислити да користите DevTools у прегледачу да погледате „иза завесе“ ваших омиљених сајтова?
 
 ```mermaid
-pie title "Време које програмер проводи са алатима"
-    "Уређивач кода" : 40
+pie title "Време програмера проведено са алатима"
+    "Уредник кода" : 40
     "Тестирање у прегледачу" : 25
     "Командна линија" : 15
     "Читање документације" : 15
-    "Отхељивање грешака" : 5
+    "Отлањење грешака" : 5
 ```
-> **Забавна напомена**: Већина програмера проводи око 40% свог времена у едитору кода, али примети колико времена иде на тестирање, учење и решавање проблема. Програмирање није само писање кода – већ креирање искустава!
+> **Занимљива чињеница**: Већина програмера проводи око 40% времена у свом едитору кода, али примети колико се времена троши на тестирање, учење и решавање проблема. Програмирање није само писање кода – то је креирање искустава!
 
-✅ **Храна за размишљање**: Ево нешто занимљиво за разматрање – како мислиш да алати за прављење сајтова (развој) могу да се разликују од алата за дизајн како изгледају? Као разлика између архитекте који дизајнира прелепу кућу и извођача који ту кућу заправо гради. Обоје су кључни, али им требају различити алати! Овакво размишљање ће ти стварно помоћи да видиш ширу слику о томе како сајтови оживљавају.
+✅ **За размишљање**: Ево нешто занимљиво за размишљање – како мислите да се алати за прављење веб сајтова (развој) разликују од алата за дизајн како да изгледају? То је као разлика између архитекте који дизајнира лепу кућу и извођача који је заправо гради. Обоје су важни, али им требају другачији алати! Овакав начин размишљања ће вам заиста помоћи да видите ширу слику како веб сајтови оживљавају.
 
-## GitHub Copilot Agent изазов 🚀
+## Изазов GitHub Copilot Агенту 🚀
 
-Користи Agent режим да завршиш следећи изазов:
+Користите режим Агента да завршите следећи изазов:
 
-**Опис:** Истражи могућности модерног едитора кода или IDE и прикажи како може побољшати твој радни ток као веб програмера.
+**Опис:** Истражите функције модерног кода едитора или IDE-а и покажите како могу побољшати ваш радни ток као веб програмера.
 
-**Задатак:** Изабери едитор кода или IDE (нпр. Visual Studio Code, WebStorm, или cloud-based IDE). Наведи три функције или екстензије које ти помажу да ефикасније пишеш, дебагујеш или одржаваш код. За сваку кратко објасни како унапређује твој радни ток.
+**Упутство:** Изаберите код едитор или IDE (нпр. Visual Studio Code, WebStorm или cloud-based IDE). Набројте три функције или додатка који вам помажу у писању, дебаговању или одржавању кода ефикасније. За сваки наведе кратко објашњење како унапређује ваш радни ток.
 
 ---
 
 ## 🚀 Изазов
 
-**Дакле, детективе, спреман за свој први случај?**
+**Добро, детективе, спреман за свој први случај?**
 
-Сада када имаш ову сјајну основу, имам авантуру која ће ти помоћи да видиш колико је свет програмирања заправо невероватно разнолик и фасцинантан. И слушај – ово није о писању кода још, па нема притиска! Замисли себе као детектива програмских језика на свом првом узбудљивом задатку!
+Сад кад имаш ову сјајну основу, имам авантуру која ће ти помоћи да видиш колико је свет програмирања невероватно разнолик и фасцинантан. И слушај – ово још није писање кода, тако да нема притиска! Замисли себе као детектива програмских језика на свом првом узбудљивом задатку!
 
 **Твоја мисија, ако је прихватиш:**
-1. **Постани истраживач језика**: Изабери три програмска језика из потпуно различитих универзума – можда један за прављење сајтова, један за мобилне апликације и један за обраду података за научнике. Пронађи примере истог једноставног задатка у сва три језика. Ти ћу те уверавати да ћеш бити потпуно задивљен колико могу изгледати другачије док раде исту ствар!
+1. **Постани истраживач језика**: Изабери три програмска језика из потпуно различитих области – можда један за прављење веб сајтова, један за мобилне апликације и један за анализу података за научнике. Пронађи примере истог једноставног задатка написаног на сва три језика. Обећавам – бићеш запањен колико могу да изгледају различито док раде исто!
 
-2. **Откриј приче о њиховом пореклу**: Шта сваки језик чини јединственим? Ево једне кул чињенице – сваки програмски језик је настао јер је неко мислио: „Знаш шта? Мора да постоји бољи начин за решавање овог конкретног проблема.“ Можеш ли схватити који су то проблеми били? Неке од тих прича су заиста фасцинантне!
+2. **Откриј приче о пореклу**: Шта чини сваки језик посебним? Једна кул чињеница – сваки програмски језик је створен зато што је неко помислио „Знаш шта? Мора постојати бољи начин да се реши овај конкретан проблем.“ Можеш ли да сазнаш који су то проблеми били? Неке од ових прича су заиста фасцинантне!
 
-3. **Упознај заједнице**: Погледај колико су отворене и страствене заједнице сваког језика. Неке имају милионе програмера који деле знање и помажу једни другима, друге су мање, али изузетно повезане и подржавајуће. Свидеће ти се различитост личности које ове заједнице имају!
+3. **Упознај заједнице**: Погледај колико су пријатељске и страствене заједнице сваког језика. Неке имају милионе програмера који деле знање и помажу једни другима, друге су мање али изузетно блиске и подржавајуће. Свидеће ти се различите личности тих заједница!
 
-4. **Прати свој угођај**: Који ти језик сада делује најприступачније? Не брините о „правом“ избору – само слушај свој инстинкт! Овде нема погрешног одговора и увек можеш касније испробати друге.
+4. **Слушај свој инстинкт**: Који језик ти сада највише прија? Не брините о „савршеном“ избору – само слушај своје осећаје! Овде нема погрешног одговора, а касније увек можеш истражити друге.
 
-**Додатни детективски задатак**: Погледај можеш ли сазнати које велике сајтове или апликације користе сваки од ових језика. Гарантујем ти да ћеш бити шокиран када сазнаш шта покреће Instagram, Netflix или ту мобилну игру коју не можеш да престанеш да играш!
+**Бонус детективски задатак**: Пробај да сазнаш којим програмским језицима су изграђени велики веб сајтови или апликације. Гарантујем да ћеш бити изненађен када сазнаш шта покреће Instagram, Netflix или ону мобилну игру коју не можеш да оставиш!
 
-> 💡 **Запамти**: Не покушаваш данас да постанеш стручњак за неки од ових језика. Само упознај околину пре него што одлучиш где желиш да започнеш. Узми време, забави се и нека те љубопитљивост води!
+> 💡 **Запамти**: Не покушаваш данас да постанеш експерт за било који од ових језика. Све што радиш је да упознајеш комшије пре него што одлучиш где ћеш да се установиш. Узми време, забави се и нека те води радозналост!
 
-## Прославимо шта си открио!
+## Хајде да прославимо шта си открио!
 
-Боже мили, данас си усвојио толико невероватних информација! Заиста сам узбуђен да видим колико си тога запамтио са овог сјајног путовања. И запамти – ово није тест где треба све да буде савршено. Ово је више прослава свих кул ствари које си научио о овом фасцинантном свету у који ћеш ускоро заронити!
+Боже мили, усвојио си толико невероватних информација данас! Искрено се радујем да видим колико је овог сјајног путовања остао са тобом. И запамти – ово није тест где мораш све да одговориш савршено. Ово је више као прослава свега кул што си научио о овом фасцинантном свету у који се спремаш да зарониш!
 
-[Познај квиз после лекције](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/). Не бојте се да експериментишете – не можете ништа покварити!  
-- Прочитајте како је ваш омиљени језик настaо. Заиста, неке од ових прича о пореклу су фасцинантне и помоћи ће вам да разумете зашто језици функционишу онако како функционишу.
+**Пробајте програмирање кроз праксу:**
+- Посетите званичне сајтове 2-3 језика која су привукла вашу пажњу. Сваки има своју личност и причу!
+- Испробајте неке онлајн кодирајуће платформе као што су [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), или [Replit](https://replit.com/). Не бојте се експериментисања – ништа не можете покварити!
+- Прочитајте о томе како је ваш омиљени језик настао. Заиста, неке од тих прича о пореклу су фасцинантне и помоћи ће вам да разумете зашто језици раде онако како раде.
 
-**Упознајте се са новим алатима:**  
-- Преузмите Visual Studio Code ако већ нисте – бесплатан је и сигурно ћете га заволети!  
-- Потрошите неколико минута прегледајући Extensions marketplace. То је као апликациони продавница за ваш уређивач кода!  
-- Отворите Developer Tools у вашем претраживачу и само кликајте по њима. Не брините да ћете све разумети – само се упознајте са тим шта се тамо налази.
+**Уживајте у новим алаткама:**
+- Преузмите Visual Studio Code ако то већ нисте урадили – бесплатан је и свиђаће вам се!
+- Проведите неколико минута истражујући Marketplace за Extensions. То је као продавница апликација за ваш код уредник!
+- Отворите Developer Tools у прегледачу и кликајте по њима. Немојте бринути да разумете све – само се упознајте са оним што тамо има.
+
+**Приклучите се заједници:**
+- Пратите неке програмерске заједнице на [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-у. Постоји толико сјајних креатора који се сећају како је када се почиње.  
-- Размислите о придруживању локалним састанцима или онлајн заједницама. Верујте ми, програмери воле да помажу новајлијама!
 
-> 🎯 **Слушајте, ово желим да запамтите**: Не очекује се од вас да преко ноћи постанете чаробњак у програмирању! Тренутно просто упознајете овај невероватан нови свет у који ћете ући. Уземите време, уживајте у путовању, и запамтите – сваки појединачни програмер кога цените јединка је некада седео баш тамо где сте ви сада, узбуђен и можда мало преоптерећен. То је сасвим нормално и значи да радите како треба!
 
 ## Задатак
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Мали подстицај за ваш задатак**: Баш бих волео да видим да истражите неке алате које још нисмо обрадили! Прескочите уређиваче, претраживаче и командне линије које смо већ поменули – постоји цео невероватан универзум сјајних развојних алата који само чекају да буду откривени. Тражите оне који су активно одржавани и имају живе, корисне заједнице (они обично имају најбоље туторијале и најпомоћније људе када се заглавите и затреба вам пријатељска помоћ).
+> 💡 **Мали подстицај за ваш задатак**: Волео бих да видим како истражујете неке алате које још нисмо обрадили! Прескочите уреднике, прегледаче и командне алате о којима смо већ причали – постоји цела невероватна универзума сјајних развојних алата који чекају да буду откривени. Тражите оне који се активно одржавају и имају живе, корисне заједнице (они имају најбоље туторијале и најпожељније људе када се заглавите и затреба вам пријатељска помоћ).
 
 ---
 
-## 🚀 Времеплов вашег програмирачког путовања
+## 🚀 Ваш временски план путовања програмирања
 
 ### ⚡ **Шта можете урадити у наредних 5 минута**
-- [ ] Обележите 2-3 веб-сајта програмских језика који су вам запали за око  
-- [ ] Преузмите Visual Studio Code ако већ нисте  
-- [ ] Отворите DevTools у претраживачу (F12) и кликћајте по неком сајту  
+- [ ] Обележите 2-3 сајта програмских језика која су вам привукла пажњу
+- [ ] Преузмите Visual Studio Code ако то већ нисте урадили
+- [ ] Отворите DevTools у прегледачу (F12) и кликајте по било ком сајту
 - [ ] Придружите се једној програмерској заједници (Dev.to, Reddit r/webdev, или Stack Overflow)
 
-### ⏰ **Шта можете постићи у току овог сата**
-- [ ] Завршите квиз након лекције и размислите о својим одговорима  
-- [ ] Поставите VS Code са GitHub Copilot додатком  
-- [ ] Испробајте "Hello World" пример у 2 различита програмска језика онлајн  
-- [ ] Погледајте видео "Дан у животу програмера" на YouTube-у  
-- [ ] Почните истраживање програмских језика (из изазова)
-
-### 📅 **Ваша авантура у току седмице**
-- [ ] Завршите задатак и истражите 3 нова развојна алата  
-- [ ] Пратите 5 програмера или налоге о програмирању на друштвеним мрежама  
-- [ ] Испробајте направити нешто мало у CodePen-у или Replit-у (чак и само "Hello, [Ваше име]!")  
-- [ ] Прочитајте један блог пост програмера о његовом путу у програмирању  
-- [ ] Придружите се виртуелном састанку или погледајте програмерски разговор  
-- [ ] Почните учење изабраног језика уз онлајн туторијале
-
-### 🗓️ **Ваша трансформација у току месеца**
-- [ ] Направите свој први мали пројекат (чак и једноставна веб страница важи!)  
-- [ ] Допринесите отвореном коду (започните са исправкама документације)  
-- [ ] Будите ментор некоме ко тек почиње са програмирањем  
-- [ ] Креирајте свој веб-сајт програмерског портфолија  
-- [ ] Повежите се са локалним програмерским заједницама или студијским групама  
-- [ ] Почните планирати свој следећи образовани корак
+### ⏰ **Шта можете постићи у овом часу**
+- [ ] Завршите квиз после лекције и размишљајте о вашим одговорима
+- [ ] Подесите VS Code са GitHub Copilot додатком
+- [ ] Испробајте пример "Hello World" у 2 различита програмска језика онлајн
+- [ ] Погледајте видео "Дан у животу програмера" на YouTube-у
+- [ ] Започните истраживање о свом изабраном језику (из изазова)
+
+### 📅 **Ваша авантура у току недеље**
+- [ ] Завршите задатак и истражите 3 нова развојна алата
+- [ ] Пратите 5 програмера или рачуна везаних за програмирање на друштвеним мрежама
+- [ ] Покушајте направити нешто мало на CodePen-у или Replit-у (чак и само "Hello, [Ваше име]!")
+- [ ] Прочитајте један блог пост програмера о његовом путу кодирања
+- [ ] Придружите се виртуелном састанку или гледајте програмерски говор
+- [ ] Почните да учите свој одабрани језик уз онлајн туторијале
+
+### 🗓️ **Ваша месечна трансформација**
+- [ ] Направите свој први мали пројекат (чак и једноставна веб страница рачуна)
+- [ ] Допринесите неком open-source пројекту (почните са исправкама у документацији)
+- [ ] Менторирајте некога ко тек почиње у програмирању
+- [ ] Креирајте свој портфолио вебсајт
+- [ ] Повежите се са локалним програмерским заједницама или групама за учење
+- [ ] Почните да планирате свој следећи корак у учењу
 
 ### 🎯 **Коначна рефлексија**
 
-**Пре него што наставите, одвојите тренутак да прославите:**  
-- Шта вас је једна ствар у програмирању данас узбудила?  
-- Који алат или концепт желите прво да истражите?  
-- Како се осећате поводом почетка овог програмирачког пута?  
-- Које питање бисте сада желели да поставите програмеру?
+**Пре него што наставите, одвојите тренутак да прославите:**
+- Шта вас је данас највише узбудило у програмирању?
+- Који алат или концепт желите прво да истражите?
+- Како се осећате на почетку овог пута у програмирању?
+- Које питање бисте желели да поставите програмеру у овом тренутку?
 
 ```mermaid
 journey
-    title Твој пут ка изградњи самопоуздања
+    title Твој Пут Ка Самопоуздању
     section Данас
-      РАДОЗНАЛИ: 3: You
-      ПОБРИНУТИ: 4: You
-      УЗБУЂЕНИ: 5: You
-    section Ове недеље
-      Истражујући: 4: You
-      Учећи: 5: You
-      Повезујући се: 4: You
-    section Следећи месец
+      Рањив: 3: You
+      Преоптерећен: 4: You
+      Узбуђен: 5: You
+    section Ова Недеља
+      Истраживање: 4: You
+      Учење: 5: You
+      Повезивање: 4: You
+    section Следећи Месец
       Градња: 5: You
       Самопоуздан: 5: You
-      Помагање другима: 5: You
-```  
-> 🌟 **Запамтите**: Сваки стручњак је једном био почетник. Сваки сениор програмер некада се осећао баш као ви сада – узбуђено, можда мало преплављено, и сигурно радознало шта је све могуће. Ви сте у сјајном друштву, и овај пут ће бити невероватан. Добродошли у дивни свет програмирања! 🎉
+      Помагање Другима: 5: You
+```
+> 🌟 **Запамтите**: Сваки стручњак је некада био почетник. Сваки искусни програмер је некада осећао управо као ви сада – узбуђено, можда мало преплављено, и свакако радознало о могућностима. Ви сте у сјајном друштву и ово путовање ће бити изванредно. Добродошли у диван свет програмирања! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Изјава о одрицању одговорности**:
-Овај документ је преведен коришћењем AI услуге за превођење [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо прецизности, имајте у виду да аутоматски преводи могу садржати грешке или нетачности. Изворни документ на његовом оригиналном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални превод од стране људског преводиоца. Нисмо одговорни за било каква неспоразуми или погрешне интерпретације које могу настати употребом овог превода.
+**Изјавa о одрицању одговорности**:  
+Овај документ је преведен коришћењем АИ преводилачке услуге [Co-op Translator](https://github.com/Azure/co-op-translator). Иако се трудимо да превод буде тачан, молимо имајте у виду да аутоматизовани преводи могу садржати грешке или неточности. Изворни документ на изворном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква неспоразума или нетачне тумачења која могу настати употребом овог превода.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sr/AGENTS.md b/translations/sr/AGENTS.md
index b75feed07..9ce8a0040 100644
--- a/translations/sr/AGENTS.md
+++ b/translations/sr/AGENTS.md
@@ -2,64 +2,64 @@
 
 ## Преглед пројекта
 
-Ово је репозиторијум за образовни програм за подучавање основа веб развоја почетницима. Програм је обухватан 12-недељни курс развијен од стране Microsoft Cloud Advocates, који садржи 24 практичне лекције које покривају JavaScript, CSS и HTML.
+Ово је репозиторијум образовног курикулума за подучавање основа веб развоја почетницима. Курикулум је свеобухватни курс од 12 недеља развијен од стране Microsoft Cloud Advocates-а, који садржи 24 практичне лекције које обухватају JavaScript, CSS и HTML.
 
 ### Кључне компоненте
 
-- **Образовни садржај**: 24 структуиране лекције организоване у модуле засноване на пројектима  
-- **Практични пројекти**: Терраријум, Игра куцања, Прегледачки додатак, Свемирска игра, Банкарска апликација, Едитор кода и AI асистент за чет  
-- **Интерактивни квизови**: 48 квизова са по 3 питања (процена пре/после лекције)  
-- **Подршка за више језика**: Аутоматизовани преводи за више од 50 језика преко GitHub Actions  
+- **Образовни садржај**: 24 структуриране лекције организоване у модуле базиране на пројектима
+- **Практични пројекти**: Терраријум, Игра куцања, Проширење прегледача, Свемирска игра, Банкарска апликација, Уредник кода и AI помоћник за чет
+- **Интерактивни квизови**: 48 квизова са по 3 питања сваки (пре/после-лекцијске процене)
+- **Подршка за више језика**: Аутоматски преводи на 50+ језика преко GitHub Actions
 - **Технологије**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI пројекте)
 
 ### Архитектура
 
-- Образовни репозиторијум са структуром заснованом на лекцијама  
-- Свако фасцикло лекције садржи README, примере кода и решења  
-- Самостални пројекти у посебним директоријумима (quiz-app, разни пројекти лекција)  
-- Систем превођења користећи GitHub Actions (co-op-translator)  
-- Документација послужена преко Docsify и доступна као PDF
+- Образовни репозиторијум са структуром заснованом на лекцијама
+- Свакa фасцикла лекције садржи README, примере кода и решења
+- Самостални пројекти у засебним директоријумима (quiz-app, различити пројекти лекција)
+- Систем превођења користећи GitHub Actions (co-op-translator)
+- Документација послужена преко Docsify-а и доступна као PDF
 
-## Команде за постављање
+## Команде за подешавање
 
-Овај репозиторијум је првенствено намењен за конзумирање образовног садржаја. За рад са специфичним пројектима:
+Овај репозиторијум је углавном за конзумирање образовног садржаја. За рад са специфичним пројектима:
 
-### Постављање главног репозиторијума
+### Основно подешавање репозиторијума
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Постављање Quiz апликације (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 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
 ```
 
-### Пројекти прегледачких додатака
+### Пројекти проширења прегледача
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Пратите упутства за учитавање додатака специфична за прегледач
+# Пратите упутства за учитавање проширења специфична за прегледач
 ```
 
-### Свемирски пројекат
+### Пројекти Свемирске игре
 
 ```bash
 cd 6-space-game/solution
@@ -67,216 +67,216 @@ npm install
 # Отворите index.html у прегледачу или користите Live Server
 ```
 
-### Чат пројекат (Python Backend)
+### Chat Пројекат (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Поставите GITHUB_TOKEN променљиву окружења
+# Подеси GITHUB_TOKEN променљиву окружења
 python api.py
 ```
 
-## Радни ток развоја
+## Работни ток развоја
 
 ### За сараднике на садржају
 
-1. **Правите fork** репозиторијума на свој GitHub налог  
-2. **Клонирајте свој fork** локално  
-3. **Креирајте нову грану** за измене  
-4. Извршите промене у садржају лекција или примерима кода  
-5. Тестирајте измене кода у релевантним директоријумима пројеката  
-6. По шаљите pull request-ове у складу са смерницама за допринос
+1. **Направите fork** репозиторијума на свој GitHub налог
+2. **Клонирајте свој fork** локално
+3. **Направите нову грану** за ваше измене
+4. Правите измене у садржају лекција или примерима кода
+5. Тестирајте измене кода у релевантним директоријумима пројеката
+6. Пошаљите pull requests пратећи смернице за допринос
 
 ### За ученике
 
-1. Направите fork или клонирајте репозиторијум  
-2. Навигајте кроз директоријуме лекција редом  
-3. Прочитајте README фајлове за сваку лекцију  
-4. Попуните квизове пре лекције на https://ff-quizzes.netlify.app/web/  
-5. Радите на примерима кода у фолдерима лекција  
-6. Завршите задатке и изазове  
-7. Урадите квизове после лекције
+1. Направите fork или клонирајте репозиторијум
+2. Користите се директоријумима лекција по редоследу
+3. Прочитајте README фајлове за сваку лекцију
+4. Решевајте пред-лекцијске квизове на https://ff-quizzes.netlify.app/web/
+5. Радите кроз примере кода у фасциклама лекција
+6. Завршите задатке и изазове
+7. Решите пост-лекцијске квизове
 
 ### Ливе развој
 
-- **Документација**: Покрените `docsify serve` у корену (порт 3000)  
-- **Quiz Апликација**: Покрените `npm run dev` у директоријуму quiz-app  
-- **Пројекти**: Користите VS Code Live Server екстензију за HTML пројекте  
+- **Документација**: Покрените `docsify serve` из корена (порта 3000)
+- **Quiz App**: Покрените `npm run dev` у директоријуму quiz-app
+- **Пројекти**: Користите VS Code Live Server проширење за HTML пројекте
 - **API Пројекти**: Покрените `npm start` у одговарајућим API директоријумима
 
 ## Упутства за тестирање
 
-### Тестирање Quiz апликације
+### Тестирање Quiz App-а
 
 ```bash
 cd quiz-app
-npm run lint       # Проверите проблеме у стилу кода
-npm run build      # Потврдите да је израда успешна
+npm run lint       # Проверите проблеме са стилом кода
+npm run build      # Потврдите да је изградња успела
 ```
 
-### Тестирање Bank API
+### Тестирање Bank API-ја
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Провери проблеме са стилом кода
-node server.js     # Верификуј да ли сервер почиње без грешака
+npm run lint       # Провери стил кода за проблеме
+node server.js     # Потврди да се сервер покреће без грешака
 ```
 
 ### Општи приступ тестирању
 
-- Ово је образовни репозиторијум без свеобухватних аутоматизованих тестова  
-- Ручно тестирање се фокусира на:  
-  - Извршавање примера кода без грешака  
-  - Ради исправност линкова у документацији  
-  - Успешна изградња пројеката  
-  - Примери следе најбоље праксе
+- Ово је образовни репозиторијум без свеобухватних аутоматизованих тестова
+- Ручно тестирање фокусира се на:
+  - Примери кода се извршавају без грешака
+  - Линкови у документацији исправно раде
+  - Пројекти се успешно граде
+  - Примери следе добре праксе
 
 ### Провере пре слања
 
-- Покрените `npm run lint` у директоријумима који имају package.json  
-- Проверите валидност markdown линкова  
-- Тестирајте примере кода у претраживачу или Node.js  
-- Проверите да преводи чувају правилну структуру
+- Покрените `npm run lint` у директоријумима са package.json фајлом
+- Верификујте да су markdown линкови валидни
+- Тестирајте примере кода у прегледачу или Node.js-у
+- Проверите да преводи очувају исправну структуру
 
-## Смјернице за стил кода
+## Упутства за стил кода
 
 ### JavaScript
 
-- Користите модерни ES6+ синтакс  
-- Пратите стандардне ESLint конфигурације у пројектима  
-- Користите значајне називе променљивих и функција ради јасноће  
-- Додајте коментаре који објашњавају концепте за ученике  
-- Форматирајте код помоћу Prettier где је конфигурисано
+- Користите модерну ES6+ синтаксу
+- Пратите стандардне ESLint конфигурације у пројектима
+- Користите значења у именима променљивих и функција ради образовне јасноће
+- Додајте коментаре који објашњавају концепте за ученике
+- Форматирајте користећи Prettier где је конфигурисан
 
 ### HTML/CSS
 
-- Семантички HTML5 елементи  
-- Принципи прилагодљивог дизајна  
-- Јасне конвенције именовања класа  
+- Семантички HTML5 елементи
+- Принципи одзивног дизајна
+- Јасне конвенције именовања класа
 - Коментари који објашњавају CSS технике за ученике
 
 ### Python
 
-- Пратећи PEP 8 смернице стила  
-- Јасни, образовни примери кода  
-- Типске наговештаје где помаже учењу
+- Поштујте PEP 8 стилске смернице
+- Јасни, образовни примери кода
+- Типске наговештаје где су корисни за учење
 
 ### Markdown документација
 
-- Јасна хијерархија наслова  
-- Код блокови са спецификацијом језика  
-- Линкови ка додатним ресурсима  
-- Скриншотови и слике у фасциклама `images/`  
+- Јасна хијерархија наслова
+- Блокови кода са одређеним језиком
+- Линкови ка додатним ресурсима
+- Скриншотови и слике у `images/` директоријумима
 - Alt текст за слике ради приступачности
 
 ### Организација фајлова
 
-- Лекције бројењене секвенцијално (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}/`
 
-## Изградња и деплоирање
+## Изградња и деплој
 
-### Деплоирање Quiz апликације (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 рада током пусха на main
+npm run build      # Креира dist/ фасциклу
+# Објављује преко GitHub Actions рада на притисак на main
 ```
-  
-Azure Static Web Apps конфигурација:  
-- **Локација апликације**: `/quiz-app`  
-- **Локација излаза**: `dist`  
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Генерација документације у PDF формату
+Конфигурација Azure Static Web Apps:
+- **Локација апликације**: `/quiz-app`
+- **Локација излазног фајла**: `dist`
+- **Радни ток**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+
+### Генерација PDF документације
 
 ```bash
-npm install                    # Инсталирајте docsify-to-pdf
-npm run convert               # Генеришите PDF из докумената
+npm install                    # Инсталирај docsify-to-pdf
+npm run convert               # Креирај PDF из докс
 ```
-  
+
 ### Docsify документација
 
 ```bash
-npm install -g docsify-cli    # Инсталирајте Доксифи глобално
+npm install -g docsify-cli    # Инсталирајте Docsify глобално
 docsify serve                 # Покрените на localhost:3000
 ```
-  
-### Изградња специфична за пројекте
 
-Сваком пројекту може припадати свој процес изградње:  
-- Vue пројекти: `npm run build` креира продукцијске пакете  
-- Статички пројекти: Нема корака изградње, датотеке се служе директно
+### Изградња специфична по пројекту
 
-## Смернице за Pull Request
+Свако директоријум пројекта може имати свој процес изградње:
+- Vue пројекти: `npm run build` ствара продукционе пакете
+- Статички пројекти: Нема корака изградње, фајлови се директно служе
+
+## Смернице за Pull Request-ове
 
 ### Формат наслова
 
-Користите јасне и описне наслове који указују на област измене:  
-- `[Quiz-app] Додај нови квиз за лекцију X`  
-- `[Lesson-3] Исправка словне грешке у терраријум пројекту`  
-- `[Translation] Додај шпански превод за лекцију 5`  
-- `[Docs] Ажурирај упутства за постављање`
+Користите јасне, описне наслове који указују на подручје измене:
+- `[Quiz-app] Додај нови квиз за лекцију X`
+- `[Lesson-3] Исправка грешке у терраријум пројекту`
+- `[Translation] Додај шпански превод за лекцију 5`
+- `[Docs] Ажурирај упутства за подешавање`
 
 ### Обавезне провере
 
-Пре слања PR:  
+Пре слања PR-а:
 
-1. **Квалитет кода**:  
-   - Покрените `npm run lint` у погођеним пројектним директоријумима  
+1. **Квалитет кода**:
+   - Покрените `npm run lint` у погођеним директоријумима
    - Исправите све грешке и упозорења
 
-2. **Провера изградње**:  
-   - Покрените `npm run build` ако је примењиво  
-   - Осигурајте да нема грешака при изградњи
+2. **Верификација изградње**:
+   - Покрените `npm run build` ако је применљиво
+   - Уверите се да нема грешака приликом изградње
 
-3. **Валидација линкова**:  
-   - Тестирајте све markdown линкове  
-   - Потврдите да све слике функционишу
+3. **Валидација линкова**:
+   - Тестирајте све markdown линкове
+   - Проверите да референце слика раде
 
-4. **Преглед садржаја**:  
-   - Превијте правопис и граматику  
-   - Потврдите тачност и образовност примера кода  
-   - Проверите да преводи чувају оригинално значење
+4. **Преглед садржаја**:
+   - Прочитајте и проверите правопис и граматику
+   - Уверите се да су примери кода тачни и образовни
+   - Проверите да преводи очувају оригинално значење
 
 ### Захтеви за допринос
 
-- Прихватите 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) за детаљна упутства
+- Унесите бројеве issue-ја у опис PR-а ако је применљиво
 
-### Процес рецензије
+### Процес ревизије
 
-- PR-ови се ревидирају од стране одржавача и заједнице  
-- Приоритет је образовна јасноћа  
-- Примери кода треба да прате савремене најбоље праксе  
+- PR-ове прегледају одржаваоци и заједница
+- Приоритет је образовна јасноћа
+- Примери кода требају пратити најбоље праксе
 - Преводи се прегледају ради тачности и културне прикладности
 
 ## Систем превођења
 
 ### Аутоматски превод
 
-- Користи GitHub Actions са co-op-translator workflow  
-- Аутоматски преводи на више од 50 језика  
-- Изворни фајлови у главним директоријумима  
-- Преведени фајлови у `translations/{language-code}/` фасциклама
+- Користи GitHub Actions са co-op-translator радним током
+- Аутоматски преводи на преко 50 језика
+- Иза изворних фајлова у главним директоријумима
+- Преведени фајлови у `translations/{language-code}/` директоријумима
 
 ### Додавање ручних побољшања превода
 
-1. Пронађите фајл у `translations/{language-code}/`  
-2. Унесите побољшања док очувате структуру  
-3. Потврдите да примери кода остају функционални  
-4. Тестирајте сваки локализовани квиз садржај
+1. Пронађите фајл у `translations/{language-code}/`
+2. Направите побољшања уз очување структуре
+3. Уверите се да примери кода остају функционални
+4. Тестирајте локализовани квиз садржај
 
-### Метаподаци о преводу
+### Мета подаци превода
 
-Преведени фајлови садрже заглавље са метаподацима:  
+Преведени фајлови укључују заглавље са мета подацима:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
-## Дебаговање и решавање проблема
 
-### Чести проблеми
+## Отстрањивање грешака и решавање проблема
+
+### Уобичајени проблеми
 
-**Quiz апликација не почиње**:  
-- Проверите верзију Node.js (препоручено v14+)  
-- Обришите `node_modules` и `package-lock.json`, па покрените поново `npm install`  
-- Проверите да нема конфликта портова (стандардно: Vite користи порт 5173)
+**Quiz app не може да се покрене**:
+- Проверите верзију Node.js (препоручује се v14+)
+- Обришите `node_modules` и `package-lock.json`, покрените поново `npm install`
+- Проверите конфликте портова (подразумевано: Vite користи порт 5173)
 
-**API сервер не почиње**:  
-- Уверите се да верзија Node задовољава минимум (node >=10)  
-- Проверите да ли је порт већ заузет  
-- Осигурајте све зависности са `npm install`
+**API сервер се не покреће**:
+- Потврдите да је Node.js верзија најмање 10
+- Проверите да ли је порт у употреби
+- Уверите се да су све зависности инсталиране са `npm install`
 
-**Прегледачки додатак се не учитава**:  
-- Проверите да је manifest.json правилно форматиран  
-- Погледајте конзолу прегледача за грешке  
-- Пратите упутства за инсталацију додатака за прегледач
+**Проширење прегледача се не учитава**:
+- Проверите да је manifest.json правилно форматиран
+- Прегледајте конзолу прегледача за грешке
+- Пратите упутства специфична за инсталацију проширења прегледача
 
-**Проблеми са Python чат пројектом**:  
-- Уверите се да је OpenAI пакет инсталиран: `pip install openai`  
-- Проверите да је GITHUB_TOKEN окружење постављено  
-- Проверите дозволе приступа GitHub Models
+**Проблеми са Python chat пројектом**:
+- Уверите се да је OpenAI пакет инсталиран: `pip install openai`
+- Проверите да је окружење променљива GITHUB_TOKEN подешена
+- Проверите дозволе за приступ GitHub Models
 
-**Docsify не служи документацију**:  
-- Инсталирајте docsify-cli глобално: `npm install -g docsify-cli`  
-- Покрените из корена репозиторијума  
-- Проверите да фајл `docs/_sidebar.md` постоји
+**Docsify не служи документацију**:
+- Глобално инсталирајте docsify-cli: `npm install -g docsify-cli`
+- Покрените из корена репозиторијума
+- Проверите да `docs/_sidebar.md` постоји
 
 ### Савети за развојно окружење
 
-- Користите VS Code са Live Server екстензијом за HTML пројекте  
-- Инсталирајте ESLint и Prettier екстензије за доследно форматирање  
-- Користите DevTools претраживача за дебаговање JavaScript-а  
-- За Vue пројекте инсталирајте Vue DevTools екстензију за прегледач
+- Користите VS Code са Live Server проширењем за HTML пројекте
+- Инсталирајте ESLint и Prettier проширења за доследно форматирање
+- Користите DevTools прегледача за дебаговање JavaScript-а
+- За Vue пројекте, инсталирајте Vue DevTools проширење за прегледач
 
-### Перформанс и ограничења
+### Примедбе у вези перформанси
 
-- Велики број преведених фајлова (50+ језика) значи да су пун клонирања заузетни  
-- Користите shallow clone ако радите само на садржају: `git clone --depth 1`  
-- Искључите преводе из претраге када радите на енглеском садржају  
-- Процеси изградње могу бити спори приликом првог покретања (npm install, Vite build)
+- Велики број преведених фајлова (50+ језика) резултира великим клоновима
+- Користите shallow clone ако радите само на садржају: `git clone --depth 1`
+- Искључите преводе из претрага када радите на енглеском садржају
+- Процеси изградње могу бити спори при првом покретању (npm install, Vite build)
 
-## Безбедносни аспекти
+## Безбедносне примедбе
 
-### Променљиве окружења
+### Окружне променљиве
 
-- API кључеви никада не смеју бити комитовани у репозиторијум  
-- Користите `.env` фајлове (већ у `.gitignore`)  
-- Документујте потребне променљиве окружења у README фајловима пројеката
+- API кључеви никада не смеју бити комитовани у репозиторијум
+- Користите `.env` фајлове (већ у `.gitignore`)
+- Документујте потребне окружне променљиве у README фајловима пројеката
 
 ### Python пројекти
 
-- Користите виртуална окружења: `python -m venv venv`  
-- Одржавајте зависности ажурним  
-- GitHub token-ови треба да имају минималне потребне дозволе
+- Користите виртуелна окружења: `python -m venv venv`
+- Одржавајте зависности ажурним
+- GitHub токени требају имати минималне потребне дозволе
 
 ### Приступ GitHub Models
 
-- Захтевају се Personal Access Tokens (PAT) за GitHub Models  
-- Токени треба да се чувају као променљиве окружења  
-- Нико не сме да комитује токене или креденцијале
+- Лични приступни токени (PAT) су неопходни за GitHub Models
+- Токени треба да се чувају као окружне променљиве
+- Никад не комитујте токене или креденцијале
 
 ## Додатне напомене
 
 ### Циљна публика
 
-- Потпуни почетници у веб развоју  
-- Студенти и самоуки  
-- Наставници који користе програм у учионицама  
-- Садржај је дизајниран за приступачност и постепени развој вештина
+- Потпуни почетници у веб развоју
+- Студенти и самоученици
+- Наставници који користе курикулум у учионицама
+- Садржај је дизајниран за приступачност и постепено стицање вештина
 
 ### Образовна филозофија
 
-- Приступ учењу заснован на пројектима  
-- Честа провера знања (квизови)  
-- Практичне вежбе кодирања  
-- Примери из стварног света  
-- Фокус на основама пре фрејмворка
+- Приступ учењу заснован на пројектима
+- Чести провери знања (квизови)
+- Практичне вежбе кода
+- Примери примене у реалном свету
+- Фокус на основе пре рада са фрејмворковима
 
 ### Одржавање репозиторијума
 
-- Активна заједница ученика и сарадника  
-- Редовна ажурирања зависности и садржаја  
-- Праћење ишјујева и дискусија од стране одржавача  
-- Ажурирања превода аутоматизована преко GitHub Actions
+- Активна заједница учесника и сарадника
+- Редовна ажурирања зависности и садржаја
+- Праћење проблема и дискусија од стране одржаваоца
+- Аутоматско ажурирање превода преко GitHub Actions
 
-### Повољни ресурси
+### Повезани ресурси
 
-- [Microsoft Learn модули](https://docs.microsoft.com/learn/)  
-- [Student Hub ресурси](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 модули](https://docs.microsoft.com/learn/)
+- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоручен за ученике
+- Додатни курсеви: Generative AI, Data Science, ML, IoT курикулуми доступни
 
 ### Рад са специфичним пројектима
 
-За детаљна упутства о појединачним пројектима погледајте README фајлове у:  
-- `quiz-app/README.md` - Vue 3 квиз апликација  
-- `7-bank-project/README.md` - Банкарска апликација са аутентификацијом  
-- `5-browser-extension/README.md` - Развој прегледачких додатака  
-- `6-space-game/README.md` - Развој Canvas игре  
-- `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` - Развој Canvas основе за игру
+- `9-chat-project/README.md` - AI асистент за чет пројекат
 
-### Монорепозиторијум структура
+### Монорепо структура
 
-Иако није класичан монорепозиторијум, овај репозиторијум садржи више независних пројеката:  
-- Свака лекција је самостална  
-- Пројекти не деле зависности  
-- Радите на појединачним пројектима без утицаја на друге  
-- Клонирајте цео репозиторијум за пун утисак образовног програма
+Иако није традиционално монорепо, овај репозиторијум садржи више независних пројеката:
+- Свaka лекција је самостална
+- Пројекти не деле зависности
+- Радите на појединачним пројектима без утицаја на друге
+- Клонирајте цео репозиторијум ради пуног искуства курикулума
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Одрицање одговорности**:
-Овај документ је преведен уз помоћ АИ сервиса за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо прецизности, имајте у виду да аутоматски преводи могу садржати грешке или нетачности. Изворни документ на његовом матичном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква неспоразума или погрешна тумачења која произилазе из коришћења овог превода.
+**Ограничење одговорности**:  
+Овај документ је преведен помоћу AI преводилачке услуге [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо тачности, молимо имајте у виду да аутоматизовани преводи могу садржати грешке или нетачности. Изворни документ на његовом оригиналном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква непоразумевања или погрешне тумачења која произилазе из коришћења овог превода.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sr/README.md b/translations/sr/README.md
index 45ebf9135..3e8ef7249 100644
--- a/translations/sr/README.md
+++ b/translations/sr/README.md
@@ -1,58 +1,88 @@
+[![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) 
+
+[![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/)
+
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+
 # Веб развој за почетнике - Наставни план
 
-Научите основе веб развоја уз наш свеобухватни 12-недељни курс који воде Microsoft Cloud Advocates. Сваких 24 лекције дубоко истражује JavaScript, CSS и HTML кроз практичне пројекте као што су тераријуми, прегледачки екстензије и свемирске игре. Укључите се у квизове, дискусије и практичне задатке. Побољшајте своје вештине и оптимизујте задржавање знања уз нашу ефикасну педагогију засновану на пројектима. Започните своје кодирање данас!
+Нauчите основе веб развоја уз наш свеобухватни курс од 12 недеља који воде Microsoft Cloud Advocates. Сваких 24 лекције дубоко улазе у JavaScript, CSS и HTML кроз практичне пројекте као што су тераријуми, проширења за прегледаче и свемирске игре. Укључите се у квизове, дискусије и практичне задатке. Унапредите своје вештине и оптимизујте задржавање знања уз нашу ефикасну методологију засновану на пројектима. Почните своје путовање у програмирање већ данас!
 
 Придружите се Azure AI Foundry Discord заједници
 
-Пратите ове кораке да бисте почели да користите ове ресурсе:
-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)
+[![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-u и упознајте експерте и друге програмере**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Подршка за више језика
 
-#### Подржано преко GitHub акције (аутоматски и увек ажурирано)
+#### Подржано кроз GitHub Акцију (аутоматски и увек ажурирано)
 
-> **Претпочитате локално клонирање?**
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](./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"
+> ```
+>
+> Ово вам даје све што вам треба за завршетак курса са много бржим преузимањем.
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
+
+**Ако желите да додатне језике за превод подржимо, они су наведени [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-**Ако желите додатне поддержане преводе језика, погледајте [овде](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _Јесте ли студент?_
+#### 🧑‍🎓 _Јеси ли студент?_
 
-Посетите [**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 🚀" у већини поглавља. Ово је нови изазов који треба да завршите користећи GitHub Copilot и Agent режим. Ако раније нисте користили Agent режим, он може не само да генерише текст већ и да креира и уређује фајлове, извршава команде и још много тога.
+Додат је нови изазов, потражите "GitHub Copilot Agent Challenge 🚀" у већини поглавља. То је нови изазов који треба да завршите коришћењем GitHub Copilot и Agent мода. Ако раније нисте користили Agent мод, он није само за генерисање текста већ може и да креира и уређује фајлове, извршава команде и још много тога.
 
-### 📣 Обзнање - _Нови пројекат за израду помоћу генеративне АИ_
+### 📣 Обавештење - _Нови пројекат за изградњу користећи генеративну вештачку интелигенцију_ 
 
-Нови AI Assistant пројекат је управо додат, погледајте [проект](./9-chat-project/README.md)
+Управо додат нови AI Assistant пројекат, погледајте [пројекат](./9-chat-project/README.md)
 
-### 📣 Обзнање - _Нови наставни план_ о генеративној АИ за JavaScript је управо објављен
+### 📣 Обавештење - _Нови наставни план_ о генеративној вештачкој интелигенцији за JavaScript управо је објављен
 
-Не пропустите наш нови генеративни AI наставни план!
+Не пропустите наш нови наставни план о генеративној вештачкој интелигенцији!
 
 Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да започнете!
 
 ![Background](../../translated_images/sr/background.148a8d43afde5730.webp)
 
-- Лекције покривају све од основа до RAG-а.
+- Лекције обухватају све од основа до RAG-а.
 - Интеракција са историјским ликовима користећи GenAI и нашу пратећу апликацију.
-- Забавна и занимљива прича, путоваћете кроз време!
+- Забавна и ангажована прича, путоваћете кроз време!
 
 ![character](../../translated_images/sr/character.5c0dd8e067ffd693.webp)
 
-Свака лекција укључује задатак за завршетак, проверу знања и изазов који вас оспособљава за учење тема као што су:
-- Израда упита и инжењеринг упита
+Свака лекција укључује задатак за завршетак, проверу знања и изазов који ће вас усмеравати у учењу тема као што су:
+- Писање упита и инжењеринг упита
 - Генерисање апликација за текст и слике
 - Апликације за претрагу
 
@@ -60,131 +90,131 @@
 
 
 
-## 🌱 Почетак рада
+## 🌱 Почетак
 
-> **Наставници**, укључили смо [неке предлоге](for-teachers.md) како користити овај наставни план. Волео бих да добијемо ваше повратне информације [у нашем форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Наставници**, дали смо [неке предлоге](for-teachers.md) како користити овај наставни план. Волео би да добијемо ваше повратне информације [у нашем форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Учећи](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију, започните са квизом пре предавања и наставите читањем материјала предавања, завршите различите активности и проверите своје разумевање квизом након предавања.
+**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за сваку лекцију, почните са предавачким квизом, затим прочитајте материјал са предавања, завршите различите активности и проверите своје разумевање уз пост-квиз.
 
-Да бисте побољшали своје искуство учења, повежите се са вршњацима да радите на пројектима заједно! Дискусије су охрабрене на нашем [форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће наш тим модератора бити доступан да одговори на ваша питања.
+Да бисте побољшали своје искуство учења, повежите се са својим вршњацима и радите на пројектима заједно! Дискусије су охрабрене на нашем [форуму за дискусију](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) где ће наш тим модератора бити доступан да одговори на ваша питања.
 
-За даље образовање, топло препоручујемо истраживање [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатне материјале за учење.
+За унапређење образовања топло препоручујемо да истражите [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за додатне студијске материјале.
 
 ### 📋 Постављање окружења
 
-Овај наставни план има спремно развојно окружење! Пошто почнете, можете изабрати да покренете наставни план у [Codespace-у](https://github.com/features/codespaces/) (_прегледачком окружењу без потребе за инсталацијама_), или локално на вашем рачунару користећи уређивач текста као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Овај наставни план има развојно окружење спремно за коришћење! Када почнете, можете изабрати да покренете наставни план у [Codespace](https://github.com/features/codespaces/) (_окружење засновано на прегледачу без потребе за инсталацијом_), или локално на свом рачунару користећи уређивач текста као што је [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Креирање свог репозиторијума
-Да бисте лако сачували свој рад, препоручује се да направите своју копију овог репозиторијума. То можете урадити кликом на дугме **Use this template** на врху странице. Ово ће креирати нови репозиторијум у вашем GitHub налогу са копијом наставног плана.
+Да бисте лако сачували свој рад, препоручује се да направите своју копију овог репозиторијума. То можете урадити кликом на дугме **Use this template** на врху странице. Ово ће креирати нов репозиторијум у вашем GitHub налогу са копијом наставног плана.
 
 Пратите ове кораке:
-1. **Направите форк репозиторијума**: Кликните на дугме „Fork“ у горњем десном углу ове странице.
+1. **Форкујте репозиторијум**: Кликните на дугме "Fork" у горњем десном углу ове странице.
 2. **Клонирајте репозиторијум**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Покретање курса у Codespace-у
+#### Покретање наставног плана у Codespace-у
 
-У својој копији овог репозиторијума коју сте креирали, кликните на дугме **Code** и одаберите **Open with Codespaces**. Ово ће креирати нови Codespace у коме ћете радити.
+У својој копији репозиторијума коју сте направили, кликните на дугме **Code** и изаберите **Open with Codespaces**. Ово ће креирати нови Codespace у којем ћете радити.
 
 ![Codespace](../../translated_images/sr/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Покретање курса локално на вашем рачунару
+#### Покретање наставног плана локално на вашем рачунару
 
-Да бисте покренули овај курс локално на рачунару, потребан вам је уређивач текста, прегледач и алат командне линије. Наша прва лекција, [Увод у програмске језике и алате струке](../../1-getting-started-lessons/1-intro-to-programming-languages), упознаће вас са различитим опцијама за сваки од ових алата да бисте одабрали шта вам највише одговара.
+Да бисте локално покренули овај наставни план на вашем рачунару, потребан вам је уређивач текста, прегледач и алат за командну линију. Наша прва лекција, [Увод у програмске језике и алате рада](../../1-getting-started-lessons/1-intro-to-programming-languages), водиће вас кроз разне опције за сваки од ових алата тако да изаберете шта вам највише одговара.
 
-Препорука нам је да користите [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) као уређивач, који такође има уграђени [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code можете преузети [овде](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-1. Клонирајте свој репозиторијум на рачунар. То можете урадити кликом на дугме **Code** и копирањем URL-а:
+Наш савет је да користите [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) као уређивач, који такође има уграђени [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code можете преузети [овде](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Клонирајте свој репозиторијум на рачунар. То можете урадити кликом на дугме **Code** и копирањем УРЛ-а:
 
     [CodeSpace](./images/createcodespace.png)
-Онда отворите [Терминал](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) и покрените следећу команду, замењујући `<your-repository-url>` URL-ом који сте управо копирали:
+
+    Затим отворите [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) и покрените следећу команду, замењујући `<your-repository-url>` УРЛ-ом који сте управо копирали:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Отворите фасциклу у Visual Studio Code-у. Ово можете урадити кликом на **File** > **Open Folder** и одабиром фасцикле коју сте управо клонирали.
+2. Отворите фасциклу у Visual Studio Code-у. То можете урадити кликом на **File** > **Open Folder** и одабиром фасцикле коју сте управо клонирали.
 
 
-> Препоручене Visual Studio Code екстензије:
+>  Препоручени додаци за Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед HTML страница унутар Visual Studio Code-а
-> * [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) - за преглед HTML страница директно у Visual Studio Code-у
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за помоћ у бржем писању кода
 
 ## 📂 Свака лекција укључује:
 
-- опциони скичнот
-- опциони додатни видео
-- квиз за загревање пре лекције
+- опционалну скицноту
+- опционални додатни видео
+- припремни квиз пре лекције
 - писану лекцију
-- за пројектно засноване лекције, корак по корак упутства како направити пројекат
+- за лекције засноване на пројекту, корак по корак упутства како изградити пројекат
 - провере знања
 - изазов
-- додатну литературу
+- додатно читање
 - задатак
-- [квиз након лекције](https://ff-quizzes.netlify.app/web/)
+- [квиз после лекције](https://ff-quizzes.netlify.app/web/)
 
-> **Напомена о квизовима**: Сви квизови се налазе у фасцикли Quiz-app, укупно 48 квизова од по три питања. Доступни су [овде](https://ff-quizzes.netlify.app/web/), квиз апликација може да се покрене локално или објави на Azure; пратите упутства у фасцикли `quiz-app`.
+> **Напомена о квизовима**: Сви квизови се налазе у фасцикли Quiz-app, укупно 48 квизова са по три питања. Доступни су [овде](https://ff-quizzes.netlify.app/web/), квиз апликација се може покренути локално или дистрибуирати на Azure; пратите упутства у фасцикли `quiz-app`.
 
 ## 🗃️ Лекције
 
-|     |                       Назив пројекта                       |                            Концепти који се уче                             | Образовни циљеви                                                                                                                 |                                                         Повезана лекција                                                          |         Аутор          |
-| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Почетак рада                          |           Увод у програмирање и алате заната                           | Научите основне основе иза већине програмских језика и о софтверу који помаже професионалним програмерима да обаве свој посао     | [Увод у програмске језике и алате заната](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)                 |         Jasmine         |
-| 02  |                     Почетак рада                          |             Основе GitHub-а, укључујући рад у тиму                     | Како користити GitHub у свом пројекту, како сарађивати са другима на коду                                                        |                            [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md)                                 |          Floor          |
-| 03  |                     Почетак рада                          |                             Приступачност                               | Научите основе веб приступачности                                                                                               |                       [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md)                             |       Christopher       |
-| 04  |                        JS Основе                          |                         JavaScript типови података                     | Основе типова података у JavaScript-у                                                                                          |                                       [Типови података](./2-js-basics/1-data-types/README.md)                                    |         Jasmine         |
-| 05  |                        JS Основе                          |                         Функције и методе                              | Научите о функцијама и методама за управљање логиком апликације                                                                |                              [Функције и методе](./2-js-basics/2-functions-methods/README.md)                                     | Jasmine 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  |       [Тераријум](./3-terrarium/solution/README.md)       |                            HTML у пракси                              | Направите HTML за креирање онлајн тераријума, са фокусом на изградњу распореда                                                 |                                 [Увод у HTML](./3-terrarium/1-intro-to-html/README.md)                                        |           Jen           |
-| 09  |       [Тераријум](./3-terrarium/solution/README.md)       |                            CSS у пракси                               | Направите CSS за стилизовање онлајн тераријума, са фокусом на основе CSS-а укључујући и респонсивност странице                 |                                  [Увод у CSS](./3-terrarium/2-intro-to-css/README.md)                                         |           Jen           |
-| 10  |            [Тераријум](./3-terrarium/solution/README.md)            |                 JavaScript closures, DOM манипулација                | Направите JavaScript који чини тераријум интерактивним помоћу "drag/drop", са фокусом на closure и DOM манипулацију               |                  [JavaScript closures, DOM манипулација](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                 |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Направите игру куцања                        | Научите како користити догађаје са тастатуре за управљање логиком ваше JavaScript апликације                                    |                                [Програмирање вођено догађајима](./4-typing-game/typing-game/README.md)                            |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Рад са прегледачима                           | Научите како прегледачи раде, њихову историју и како започети развој додатка за прегледач                                        |                               [О прегледачима](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Израда форме, позив API-ја и чување променљивих у local storage      | Направите JavaScript елементе ваше додатке за прегледачем који позива API користећи променљиве сачуване у локалну меморију     |                [API, форме и локална меморија](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Позадински процеси у прегледачу, перформансе веба            | Употребите позадинске процесе прегледача за управљање иконицом додатка; научите о перформансама и оптимизацијама за учинак      |             [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Напреднија развој игара са JavaScript-ом                 | Научите о наслеђивању користећи класе и композицију и Pub/Sub шаблон, припрема за развој игре                                    |                      [Увод у напредан развој игара](./6-space-game/1-introduction/README.md)                                     |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Цртање на Canvas                             | Научите о Canvas API-ју који се користи за цртање елемената на екрану                                                           |                                [Цртање на Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Померање елемената по екрану                        | Откријте како елементи могу добити кретање користећи координате и Canvas API                                                   |                           [Померање елемената](./6-space-game/3-moving-elements-around/README.md)                              |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Детекција судара                             | Учините елементе да се сударе и реагују један на другог користећи притиске тастера и обезбедите cooldown функцију за перформансе |                              [Детекција судара](./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 Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како направити свог АИ асистента | [Пројекат АИ асистента](./9-chat-project/README.md) | Chris |
+|     |                       Назив пројекта                      |                            Концепти који се уче                             | Циљеви учења                                                                                                                     |                                                         Повезана лекција                                                          |         Аутор          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Почетак рада                          |           Увод у програмирање и алатке струке           | Научите основне основе иза већине програмских језика и о софтверу који помаже професионалним програмерима у раду | [Увод у програмске језике и алатке струке](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Почетак рада                          |             Основе GitHub-а, укључује рад у тиму             | Како користити GitHub у свом пројекту, како сарађивати са другим на кодној бази                                                    |                            [Увод у GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Почетак рада                          |                             Приступачност                              | Научите основе веб приступачности                                                                                               |                       [Основе приступачности](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Основе                         |                         Врсте података у JavaScript-у                          | Основе типова података у JavaScript-у                                                                                                 |                                       [Типови података](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Основе                         |                         Функције и методе                          | Сазнајте о функцијама и методама за управљање логиком апликације                                                             |                              [Функције и методе](./2-js-basics/2-functions-methods/README.md)                               | Jasmine и Christopher |
+| 06  |                        JS Основе                         |                        Доношење одлука у JS-у                        | Научите како да користите услове у свом коду користећи методе доношења одлука                                                           |                                 [Доношење одлука](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Основе                         |                            Низови и петље                            | Рад са подацима помоћу низова и петљи у JavaScript-у                                                                                 |                                   [Низови и петље](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Тераријум](./3-terrarium/solution/README.md)       |                            HTML у пракси                            | Изградите HTML за креирање онлајн тераријума, фокусирајући се на изградњу распореда                                                         |                                 [Увод у HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Тераријум](./3-terrarium/solution/README.md)       |                            CSS у пракси                             | Направите CSS за стил тераријума, фокусирајући се на основе CSS-а укључујући додавање респонзивности страницама                     |                                  [Увод у CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Тераријум](./3-terrarium/solution/README.md)            |                 JavaScript затварања, манипулација DOM-ом                  | Направите JavaScript да тераријум функционише као drag/drop интерфејс, фокусирајући се на затварања и манипулацију DOM-ом             |                  [JavaScript затварања, манипулација DOM-ом](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Игра куцања](./4-typing-game/solution/README.md)          |                          Направите игру куцања                           | Научите како да искористите тастатурне догађаје за управљање логиком ваше JavaScript апликације                                                          |                                [Програмирање вођено догађајима](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Грин екстензија за прегледач](./5-browser-extension/solution/README.md) |                         Рад са прегледачима                          | Сазнајте како прегледачи раде, њихову историју и како створити прве елементе проширења за прегледач                               |                               [О прегледачима](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Грин екстензија за прегледач](./5-browser-extension/solution/README.md) | Креирање форме, позивање API-ја и складиштење променљивих у локалну меморију | Направите JavaScript елементе ваше екстензије за позивање API користећи променљиве у локалној меморији                      |                [API-ји, форме и локална меморија](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Грин екстензија за прегледач](./5-browser-extension/solution/README.md) |          Позадински процеси у прегледачу, веб перформансе          | Користите позадинске процесе прегледача за управљање иконицом екстензије; научите о веб перформансама и оптимизацијама   |             [Позадински задаци и перформансе](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Свемирска игра](./6-space-game/solution/README.md)           |             Напреднија израда игре у JavaScript-у             | Научите о наследству користећи и класе и композицију и Pub/Sub образац, као припрему за израду игре              |                      [Увод у напредну израду игара](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Свемирска игра](./6-space-game/solution/README.md)           |                           Цртање на платну (canvas)                            | Научите о Canvas API-ју, који се користи за цртање елемената на екрану                                                                       |                                [Цртање на платну](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Свемирска игра](./6-space-game/solution/README.md)           |                   Премештање елемената по екрану                    | Откријте како елементи добијају кретање користећи картизне координате и Canvas API                                            |                           [Премештање елемената](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Свемирска игра](./6-space-game/solution/README.md)           |                          Детекција судара                           | Учини да се елементи сударају и реагују један на други користећи притиске тастера и обезбедите функцију хладног периода за глaдко функционисање игре    |                              [Детекција судара](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Свемирска игра](./6-space-game/solution/README.md)           |                             Водити резултат                              | Обављај математичке операције на основу статуса и перформанси игре                                                                |                                    [Води резултат](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Свемирска игра](./6-space-game/solution/README.md)           |                     Завршетак и поновно покретање игре                     | Научите о завршетку и поновном покретању игре, укључујући чишћење ресурса и ресетовање вредности променљивих                              |                                [Услов за завршетак](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Банкарска апликација](./7-bank-project/solution/README.md)          |                 HTML шаблони и руте у веб апликацији                 | Научите како направити структуру више страница у вебсајту користећи рутирање и HTML шаблоне                             |                            [HTML шаблони и руте](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Банкарска апликација](./7-bank-project/solution/README.md)          |                  Направите форму за пријаву и регистрацију                   | Научите како изградити форме и руковати валидацијом                                                                          |                                           [Форме](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Банкарска апликација](./7-bank-project/solution/README.md)          |                   Начини дохвата и коришћења података                   | Како подаци улазе и излазе из ваше апликације, како их дохватити, складиштити и уклонити                                                 |                                            [Подаци](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Банкарска апликација](./7-bank-project/solution/README.md)          |                      Концепти управљања стањем (state management)                      | Научите како ваша апликација задржава стање и како га програмски управљати                                                              |                                [Управљање стањем](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Прегледач/VScode кôд](../../8-code-editor) | Рад са VScode-ом | Научите како користити уређивач кôда | [Употреба VScode уређивача кôда](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI асистенти](./9-chat-project/README.md) | Рад са вештачком интелигенцијом | Научите како направити свог AI асистента | [Пројекат AI асистента](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Педагогија
 
-Наш наставни план и програм дизајнирани су са два кључна педагошка принципа на уму:
+Наш наставни план и програм је дизајниран са два кључна педагошка принципа у виду:
 * учење засновано на пројектима
 * чести квизови
 
-Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које данашњи веб програмери користе. Студенти ће имати прилику да стекну практично искуство правећи игру куцања, виртуелни тераријум, еколошки додатак за прегледач, игру у стилу освајача свемира и банкарску апликацију за предузећа. На крају серије, студенти ће имати чврсто разумевање веб развоја.
+Програм учи основе JavaScript-а, HTML-а и CSS-а, као и најновије алате и технике које данас користе веб развојни инжењери. Студенти ће имати прилику да стекну практично искуство израдом игре куцања, виртуелног тераријума, еколошки прихватљивог проширења за прегледач, игре у стилу свемирских нападача и банкарске апликације за предузећа. До краја серије, студенти ће стећи солидно разумевање веб развоја.
 
-> 🎓 Можете узети првих неколико лекција у овом наставном програму као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn!
+> 🎓 Прве неколико лекција у овом курикулуму можете узети као [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) на Microsoft Learn!
 
-Обезбеђивањем да садржај буде повезан са пројектима, процес постаје занимљивији за студенте и повећава се задржавање концепата. Такође смо написали неколико уводних лекција о основу JavaScript-а за увођење концепата, у пару са видео-серијалом "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", којем су неки аутори допринели овом курикулуму.
+Обезбеђивањем да садржај одговара пројектима, процес је учињен занимљивијим за студенте и повећава задржавање концепата. Такође смо написали неколико уводних лекција о JavaScript основама за упознавање концепата, упарених са видео снимком из серије "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" колекције видео туторијала, чији су аутори допринели овом курикулуму.
 
-Поред тога, квиз са ниским ризиком пре часа поставља намеру студента према учењу теме, док други квиз након часа осигурава даље задржавање знања. Овај програм је дизајниран да буде флексибилан и забаван и може се узимати у целости или делимично. Пројекти почињу мали и постепено постају сложенији до краја 12-недељног циклуса.
+Поред тога, квиз са малим улогом пре часа усмерава фокус студента ка учењу теме, док други квиз после часа обезбеђује даље задржавање. Овај курикулум је дизајниран да буде флексибилан и забаван и може се узети у целини или делимично. Пројекти почињу мали и постају све комплекснији крајем 12 недељног циклуса.
 
-Иако смо намјерно избегавали увод JavaScript фрејмворка како бисмо се концентрисали на основне вештине потребне веб програмеру пре усвајања фрејмвора, добар следећи корак након завршетка овог програма био би учење Node.js преко друге серије видео-снимака: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Иако смо намеравано избегли увођење JavaScript фрејмворка како бисмо се концентрисали на основне вештине које су потребне веб програмеру пре него што пређу на неки фрејмворк, добар следећи корак након овог курикулума био би учење о Node.js помоћу друге колекције видео записа: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Посетите наше смернице [Code of Conduct](CODE_OF_CONDUCT.md) и [Contributing](CONTRIBUTING.md). Добродошла је ваша конструктивна повратна информација!
+> Посетите наше смернице [Code of Conduct](CODE_OF_CONDUCT.md) и [Contributing](CONTRIBUTING.md). Добродошли су ваши конструктивни предлози!
 
 
-## 🧭 Оффлајн приступ
+## 🧭 Приступ без мреже
 
-Ову документацију можете покренути оффлајн користећи [Docsify](https://docsify.js.org/#/). Форкујте овај репо, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на локалну машину и затим у коренској фасцикли овог репозиторијума укуцајте `docsify serve`. Вебсајт ће бити доступан на порту 3000 на вашем localhost-у: `localhost:3000`.
+Можете покренути ову документацију без мреже користећи [Docsify](https://docsify.js.org/#/). Форкујте овај репозиторијум, [инсталирајте Docsify](https://docsify.js.org/#/quickstart) на свом локалном уређају, а онда у коренској фасцикли овог репозиторијума укуцајте `docsify serve`. Вебсајт ће бити доступан на порту 3000 на вашем локалном хосту: `localhost:3000`.
 
 ## 📘 PDF
+PDF svih lekcija можете пронаћи [овде](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-PDF свих лекција може се пронаћи [овде](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Други курсеви
 
-## 🎒 Остали курсеvi
 Наш тим производи и друге курсеве! Погледајте:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -194,7 +224,7 @@ PDF свих лекција може се пронаћи [овде](https://micr
 [![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 / агенти
+### Azure / Edge / MCP / Agents
 [![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)
@@ -202,7 +232,7 @@ PDF свих лекција може се пронаћи [овде](https://micr
 
 ---
  
-### Серия генеративне AI
+### Серти генеративног 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)
@@ -221,29 +251,29 @@ PDF свих лекција може се пронаћи [овде](https://micr
 
 ---
  
-### Серия Copilot
+### Серти Копилот
 [![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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Добијање помоћи
+## Како добити помоћ
 
-Ако запнете или имате питања о креирању 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) за више информација.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Одрицање од одговорности**:
-Овај документ је преведен коришћењем AI услуге за превођење [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо прецизности, молимо вас да имате у виду да аутоматски преводи могу да садрже грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати коначним и ауторитетним извором. За критичне информације препоручује се професионални људски превод. Ми нисмо одговорни за било каква неспоразуми или погрешна тумачења која могу настати употребом овог превода.
+Овај документ је преведен помоћу AI сервиса за превођење [Co-op Translator](https://github.com/Azure/co-op-translator). Иако тежимо прецизности, имајте у виду да аутоматски преводи могу да садрже грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитетним извором. За критичне информације препоручује се професионални људски превод. Нисмо одговорни за било каква неспоразуми или неправилна тумачења проистекла из коришћења овог превода.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sv/.co-op-translator.json b/translations/sv/.co-op-translator.json
index 6aedfe20f..1e0860828 100644
--- a/translations/sv/.co-op-translator.json
+++ b/translations/sv/.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-06T23:15:38+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:17:15+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "sv"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:23:53+00:00",
+    "translation_date": "2026-03-06T12:20:45+00:00",
     "source_file": "AGENTS.md",
     "language_code": "sv"
   },
@@ -516,8 +516,8 @@
     "language_code": "sv"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:18:18+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:13:32+00:00",
     "source_file": "README.md",
     "language_code": "sv"
   },
diff --git a/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 4987a183a..28a3ac5d0 100644
--- a/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,27 +1,27 @@
 # Introduktion till programmeringsspråk och moderna utvecklarverktyg
- 
-Hej där, framtida utvecklare! 👋 Får jag berätta något som fortfarande ger mig rysningar varje dag? Du är på väg att upptäcka att programmering inte bara handlar om datorer – det handlar om att ha riktiga superkrafter för att förverkliga dina vildaste idéer!
 
-Du vet det ögonblick när du använder din favoritapp och allt bara klickar perfekt? När du trycker på en knapp och något helt magiskt händer som får dig att säga "wow, hur gjorde de DET?" Någon precis som du – säkert sittande på sitt favoritkaffe på morgonen klockan 2 med sin tredje espresso – skrev koden som skapade den magin. Och här kommer något som kommer att spränga ditt sinne: i slutet av den här lektionen kommer du inte bara att förstå hur de gjorde det, utan du kommer att vara ivrig att prova själv!
+Hej där, blivande utvecklare! 👋 Kan jag berätta något som fortfarande ger mig rysningar varje dag? Du är på väg att upptäcka att programmering inte bara handlar om datorer – det handlar om att ha verkliga superkrafter för att förverkliga dina vildaste idéer!
 
-Vi tar det från början: jag förstår helt om programmering känns skrämmande just nu. När jag började trodde jag ärligt talat att man behövde vara något slags mattegeni eller ha kodat sedan man var fem år gammal. Men det här är vad som helt förändrade mitt perspektiv: programmering är precis som att lära sig att prata på ett nytt språk. Du börjar med "hej" och "tack", sen beställer du en kaffe och plötsligt har du djupa filosofiska diskussioner! Fast i det här fallet pratar du med datorer, och ärligt? De är de mest tålmodiga samtalspartner du någonsin kommer att ha – de dömer aldrig dina misstag och de är alltid taggade att försöka igen!
+Du vet det ögonblick när du använder din favoritapp och allt klickar perfekt? När du trycker på en knapp och något helt magiskt händer som får dig att tänka "wow, hur GJORDE de det?" Någon precis som du – förmodligen sittande på sitt favoritkafé klockan 2 på morgonen med sin tredje espresso – skrev koden som skapade den magin. Och här är något som kommer att blåsa dig av stolen: i slutet av denna lektion kommer du inte bara förstå hur de gjorde det, utan du kommer att vara ivrig att prova själv!
 
-Idag ska vi utforska de otroliga verktyg som gör modern webbprogrammering inte bara möjlig, utan riktigt beroendeframkallande. Jag menar precis samma redigerare, webbläsare och arbetsflöden som utvecklare på Netflix, Spotify och din favorit indieapp-studio använder varje dag. Och här kommer det som får dig att vilja dansa glädjedans: de flesta av dessa professionella, branschstandardverktyg är helt gratis!
+Lyssna, jag förstår helt om programmering känns skrämmande just nu. När jag började trodde jag faktiskt att man var tvungen att vara något slags mattegeni eller ha kodat sedan man var fem år gammal. Men här är vad som helt förändrade mitt perspektiv: programmering är precis som att lära sig att föra samtal på ett nytt språk. Du börjar med "hej" och "tack," sedan går du vidare till att beställa kaffe, och innan du vet ordet av håller du djupa filosofiska diskussioner! Fast i det här fallet pratar du med datorer, och ärligt talat? De är de tålamodigaste samtalspartnerna du någonsin kommer att hitta – de dömer aldrig dina misstag och är alltid lika glada att försöka igen!
+
+Idag ska vi utforska de otroliga verktyg som gör modern webbutveckling inte bara möjlig, utan seriöst beroendeframkallande. Jag pratar om exakt samma redigerare, webbläsare och arbetsflöden som utvecklare på Netflix, Spotify och din favorit indie-appstudio använder varje dag. Och här är delen som kommer få dig att göra en glad dans: de flesta av dessa professionella, industristandard verktyg är helt gratis!
 
 ![Intro Programming](../../../../translated_images/sv/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Din programmeringsresa idag
+    title Din Programmeringsresa Idag
     section Upptäck
-      Vad är programmering: 5: You
+      Vad är Programmering: 5: You
       Programmeringsspråk: 4: You
       Verktygsöversikt: 5: You
     section Utforska
-      Kodeditorer: 4: You
-      Webbläsare & utvecklarverktyg: 5: You
-      Kommandoraden: 3: You
+      Kodredigerare: 4: You
+      Webbläsare & Utvecklarverktyg: 5: You
+      Kommandorad: 3: You
     section Öva
       Språkdetsektiv: 4: You
       Verktygsutforskning: 5: You
@@ -29,69 +29,69 @@ journey
 ```
 ## Låt oss se vad du redan kan!
 
-Innan vi hoppar in i det roliga, jag är nyfiken – vad vet du redan om den här programmeringsvärlden? Och lyssna, om du tänker på de här frågorna och känner "jag har verkligen noll koll på något av det här," så är det inte bara okej, det är perfekt! Det betyder att du är precis på rätt plats. Tänk på det här quizet som att stretcha innan träningen – vi värmer bara upp hjärnmusklerna!
+Innan vi hoppar in i det roliga är jag nyfiken – vad vet du redan om den här programmeringsvärlden? Och hör här, om du ser på dessa frågor och tänker "jag har bokstavligen noll koll på det här," så är det inte bara okej, det är perfekt! Det betyder att du är på exakt rätt plats. Tänk på detta quiz som stretching före ett träningspass – vi värmer bara upp hjärnmusklerna!
 
-[Ta förtestet](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Ta för-lektionsquizet](https://ff-quizzes.netlify.app/web/)
 
 
-## Äventyret vi ska gå på tillsammans
+## Äventyret vi snart ska ge oss ut på tillsammans
 
-Okej, jag är genuint sprudlande av spänning över vad vi ska utforska idag! På riktigt, jag önskar att jag kunde se ditt ansikte när några av dessa koncept klickar. Här är den otroliga resan vi tar tillsammans:
+Okej, jag bubblar verkligen av spänning över vad vi ska utforska idag! Seriöst, jag önskar att jag kunde se ditt ansikte när några av dessa koncept klickar. Här är den otroliga resan vi gör tillsammans:
 
-- **Vad programmering egentligen är (och varför det är det coolaste som finns!)** – Vi ska upptäcka hur kod bokstavligen är den osynliga magin som driver allt runt omkring dig, från det alarm som på något sätt vet att det är måndag morgon till algoritmen som perfekt anpassar dina Netflix-rekommendationer
-- **Programmeringsspråk och deras fantastiska personligheter** – Föreställ dig att du går in på en fest där varje person har helt olika superkrafter och sätt att lösa problem. Så är programmeringsspråkens värld, och du kommer att älska att träffa dem!
-- **De grundläggande byggstenarna som får den digitala magin att hända** – Tänk på dessa som det ultimata kreativa LEGO-setet. När du förstår hur dessa bitar passar ihop, inser du att du bokstavligen kan bygga vad din fantasi än drömmer om
-- **Professionella verktyg som får dig att känna att du just fått en trollstav** – Jag överdriver inte här – de här verktygen får dig verkligen att känna att du har superkrafter, och det bästa av allt? Det är de samma proffsen använder!
+- **Vad programmering egentligen är (och varför det är det coolaste någonsin!)** – Vi ska upptäcka hur kod bokstavligen är den osynliga magin som driver allt runt omkring dig, från alarmet som på något sätt vet att det är måndag morgon till algoritmen som perfekt kuraterar dina rekommendationer på Netflix
+- **Programmeringsspråk och deras fantastiska personligheter** – Föreställ dig att gå in på en fest där varje person har helt olika superkrafter och sätt att lösa problem på. Så är programmeringsspråkens värld, och du kommer att älska att träffa dem!
+- **De grundläggande byggstenarna som får digital magi att hända** – Tänk på detta som det ultimata kreativa LEGO-setet. När du förstår hur dessa delar passar ihop kommer du inse att du bokstavligen kan bygga vad som helst din fantasi drömmer om
+- **Professionella verktyg som får dig att känna att du just fått en trollspö** – Jag överdriver inte här – de här verktygen kommer verkligen få dig att känna att du har superkrafter, och det bästa? Det är samma verktyg som proffsen använder!
 
-> 💡 **Här är grejen**: Försök inte ens memorera allt idag! Just nu vill jag bara att du ska känna den där gnistan av spänning över vad som är möjligt. Detaljerna fastnar naturligt när vi övar tillsammans – så lär du dig på riktigt!
+> 💡 **Här är saken**: Försök inte ens memorera allt idag! Just nu vill jag bara att du ska känna det där pirret av spänning över vad som är möjligt. Detaljerna fastnar naturligt när vi övar tillsammans – så funkar riktig inlärning!
 
-> Du kan ta den här lektionen på [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Du kan ta denna lektion på [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Så vad är egentligen *programmering*?
+## Så vad exakt *är* programmering?
 
-Okej, låt oss ta oss an miljonfrågan: vad är programmering egentligen?
+Okej, låt oss ta itu med den miljonfrågan: vad är programmering, egentligen?
 
-Jag ger dig en historia som helt förändrade hur jag tänker på det här. Förra veckan försökte jag förklara för min mamma hur man använder vår nya smarta TV-fjärrkontroll. Jag fann mig själv säga saker som "Tryck på den röda knappen, men inte den stora röda knappen, den lilla röda knappen till vänster... nej, din andra vänster... okej, håll nu i två sekunder, inte en, inte tre..." Låter det bekant? 😅
+Jag ska ge dig en historia som helt förändrade hur jag tänker om detta. Förra veckan försökte jag förklara för min mamma hur man använder vår nya smarta TV-fjärrkontroll. Jag fångade mig själv när jag sa saker som "Tryck på den röda knappen, men inte den stora röda knappen, den lilla röda knappen till vänster… nej, din andra vänster… okej, håll den i två sekunder, inte en, inte tre..." Känner du igen dig? 😅
 
-Det är programmering! Det är konsten att ge otroligt detaljerade, steg-för-steg-instruktioner till något som är väldigt kraftfullt men som behöver allt uttalat perfekt. Fast istället för att förklara för din mamma (som kan fråga ”vilken röd knapp?!”), förklarar du för en dator (som bara gör exakt vad du säger, även om det du sa inte riktigt var vad du menade).
+Det är programmering! Det är konsten att ge otroligt detaljerade, steg-för-steg instruktioner till något som är väldigt kraftfullt men behöver allt stavat helt perfekt. Fast istället för att förklara för din mamma (som kan fråga "vilken röd knapp?!"), förklarar du för en dator (som bara gör exakt vad du säger, även om det du sa inte riktigt är vad du menade).
 
-Här är vad som blåste bort mig när jag först lärde mig det: datorer är faktiskt ganska enkla i grunden. De förstår bokstavligen bara två saker – 1 och 0, vilket i princip är ”ja” och ”nej” eller ”på” och ”av.” Det är allt! Men här blir det magiskt – vi behöver inte prata i 1:or och 0:or som i The Matrix. Då kommer **programmeringsspråken** till undsättning. De är som världens bästa översättare som tar dina helt normala mänskliga tankar och omvandlar dem till datorspråk.
+Här är vad som blåste mitt sinne när jag först lärde mig detta: datorer är faktiskt ganska enkla i grunden. De förstår bokstavligen bara två saker – 1 och 0, vilket i princip bara är "ja" och "nej" eller "på" och "av." Det är allt! Men här blir det magiskt – vi behöver inte tala i 1 och 0 som i The Matrix. Det är där **programmeringsspråken** räddar oss. De är som att ha världens bästa översättare som tar dina helt normala mänskliga tankar och konverterar dem till datorns språk.
 
-Och här är vad som fortfarande ger mig riktiga rysningar varje morgon när jag vaknar: bokstavligen *allt* digitalt i ditt liv började med någon precis som du, förmodligen sittande i pyjamas med en kopp kaffe, som skrev kod på sin laptop. Det Instagram-filter som får dig att se felfri ut? Någon kodade det. Rekommendationen som ledde dig till din nya favoritlåt? En utvecklare byggde den algoritmen. Appen som hjälper dig att dela middagsnotan med vänner? Japp, någon tänkte "det här är irriterande, jag kan nog fixa det" och sedan... gjorde de det!
+Och här är något som fortfarande ger mig kalla kårar varje morgon när jag vaknar: bokstavligen *allt* digitalt i ditt liv började med någon precis som du, antagligen sittande i sina pyjamas med en kopp kaffe, skrivande kod på sin laptop. Det Instagramfilter som får dig att se felfri ut? Någon kodade det. Rekommendationen som ledde dig till din nya favoritlåt? En utvecklare byggde den algoritmen. Appen som hjälper dig att dela notan med vänner? Japp, någon tänkte "det här är irriterande, jag tror jag kan fixa det" och sedan... gjorde de det!
 
-När du lär dig programmera plockar du inte bara upp en ny färdighet – du blir del av den här otroliga gemenskapen av problemlösare som tillbringar sina dagar med att fundera, "Tänk om jag kunde bygga något som gör någons dag bara lite bättre?" Är det ärligt talat något coolare än det?
+När du lär dig programmera plockar du inte bara upp en ny färdighet – du blir en del av denna otroliga gemenskap av problemlösare som tillbringar sina dagar med att tänka, "Tänk om jag kunde bygga något som gör någons dag lite bättre?" Ärligt talat, finns det något coolare än det?
 
-✅ **Rolig fakta-jakt**: Här är något supercoolt att kolla upp när du har en stund över – vem tror du var världens första programmerare? Jag ger dig en ledtråd: det är kanske inte den du väntar dig! Historien bakom den personen är helt fascinerande och visar att programmering alltid har handlat om kreativ problemlösning och att tänka utanför boxen.
+✅ **Rolig fakta-jakt**: Här är något supercoolt att kolla upp när du har en stund över – vem tror du var världens första programmerare? Jag ger dig en ledtråd: det är kanske inte den du förväntar dig! Historien bakom denna person är helt fascinerande och visar att programmering alltid har handlat om kreativ problemlösning och att tänka utanför boxen.
 
-### 🧠 **Check-in: Hur känner du dig?**
+### 🧠 **Dags för en check-in: Hur känner du dig?**
 
 **Ta en stund att reflektera:**
-- Känns idén "att ge instruktioner till datorer" logisk för dig nu?
-- Kan du tänka på en vardagssyssla du skulle vilja automatisera med programmering?
-- Vilka frågor bubblar upp i ditt huvud om hela det här programmeringsgrejen?
+- Känns idén att "ge instruktioner till datorer" som något du förstår nu?
+- Kan du tänka dig en daglig uppgift du skulle vilja automatisera med programmering?
+- Vilka frågor bubblar upp i ditt sinne om hela detta programmeringsgrej?
 
-> **Kom ihåg**: Det är helt normalt om vissa koncept känns svåra just nu. Att lära sig programmering är som att lära sig ett nytt språk – det tar tid för hjärnan att bygga de där nervbanorna. Du gör det jättebra!
+> **Kom ihåg**: Det är helt normalt om vissa koncept känns oklara just nu. Att lära sig programmering är som att lära sig ett nytt språk – det tar tid för hjärnan att bygga de där nervbanorna. Du gör det jättebra!
 
 ## Programmeringsspråk är som olika smaker av magi
 
-Okej, det här kommer låta konstigt, men häng med – programmeringsspråk är mycket som olika typer av musik. Tänk så här: du har jazz, som är mjuk och improviserande, rock som är kraftfull och rak-på-sak, klassiskt som är elegant och strukturerat och hip-hop som är kreativt och uttrycksfullt. Varje stil har sin egen stämning, sin egen passionerade fan-gemenskap, och varje är perfekt för olika humör och tillfällen.
+Okej, det här kommer låta konstigt, men häng kvar – programmeringsspråk är mycket som olika typer av musik. Tänk efter: du har jazz, som är mjuk och improviserad, rock som är kraftfull och rak på sak, klassisk som är elegant och strukturerad, och hip-hop som är kreativ och uttrycksfull. Varje stil har sin egen stämning, sin egen community av passionerade fans, och varje passar för olika humör och tillfällen.
 
-Programmeringsspråk fungerar precis likadant! Du skulle inte använda samma språk för att skapa ett kul mobilspel som du skulle använda för att bearbeta massiva mängder klimatdata, precis som du inte skulle spela death metal på yogaklassen (tja, på de flesta yogaklasser i alla fall! 😄).
+Programmeringsspråken fungerar exakt likadant! Du skulle inte använda samma språk för att bygga ett roligt mobilspel som du använder för att bearbeta massiva mängder klimatdata, precis som du inte spelar death metal på yogaklassen (tja, de flesta yogaklasserna i alla fall! 😄).
 
-Men här är det som alltid fascinerar mig när jag tänker på det: de här språken är som att ha världens mest tålmodiga, briljanta tolk sittande bredvid dig. Du kan uttrycka dina idéer på ett sätt som känns naturligt för din mänskliga hjärna, och de tar hand om all den otroligt komplexa översättningen till 1:or och 0:or som datorer faktiskt förstår. Det är som att ha en vän som är fullständigt tvåspråkig i både "mänsklig kreativitet" och "datorlogik" – och de blir aldrig trötta, behöver aldrig kaffepauser och dömer dig aldrig för att fråga samma fråga två gånger!
+Men här är något som alltid förbluffar mig varje gång jag tänker på det: dessa språk är som att ha världens mest tålmodiga, briljanta tolk sittandes bredvid dig. Du kan uttrycka dina idéer på ett sätt som känns naturligt för din mänskliga hjärna, och de sköter allt det otroligt komplexa arbetet med att översätta det till 1:or och 0:or som datorer faktiskt talar. Det är som att ha en vän som är perfekt flytande i både "mänsklig kreativitet" och "datorlogik" – och de blir aldrig trötta, behöver aldrig kaffepauser och dömer dig aldrig för att du frågar samma fråga två gånger!
 
 ### Populära programmeringsspråk och deras användningsområden
 
 ```mermaid
 mindmap
   root((Programmeringsspråk))
-    Webbutveckling
+    Webb utveckling
       JavaScript
         Frontend Magi
         Interaktiva Webbplatser
       TypeScript
         JavaScript + Typer
-        Företagsappar
+        Företagsapplikationer
     Data & AI
       Python
         Dataanalys
@@ -106,7 +106,7 @@ mindmap
         Företag
       Swift
         iOS
-        Apple-ekosystemet
+        Apple Ekosystem
       Kotlin
         Modern Android
         Plattformoberoende
@@ -123,34 +123,34 @@ mindmap
 ```
 | Språk | Bäst för | Varför det är populärt |
 |----------|----------|------------------|
-| **JavaScript** | Webbprogrammering, användargränssnitt | Körs i webbläsare och driver interaktiva webbplatser |
-| **Python** | Data science, automatisering, AI | Lätt att läsa och lära sig, kraftfulla bibliotek |
-| **Java** | Företagsapplikationer, Androidappar | Plattformoberoende, robust för stora system |
-| **C#** | Windowsapplikationer, spelutveckling | Stark Microsoft-ekosystemsupport |
-| **Go** | Molntjänster, backend-system | Snabbt, enkelt, designat för modern datoranvändning |
+| **JavaScript** | Webb utveckling, användargränssnitt | Körs i webbläsare och driver interaktiva webbplatser |
+| **Python** | Data science, automatisering, AI | Lätt att läsa och lära, kraftfulla bibliotek |
+| **Java** | Företagsapplikationer, Android-appar | Plattformoberoende, robust för stora system |
+| **C#** | Windows-appar, spelutveckling | Stark Microsoft-ekosystemsupport |
+| **Go** | Molntjänster, backend-system | Snabbt, enkelt, designat för modern databehandling |
 
 ### Högnivå- vs. lågnivåspråk
 
-Okej, det här var ärligt talat konceptet som knäckte min hjärna när jag först började lära mig, så jag delar gärna analogin som äntligen gjorde att det föll på plats för mig – och jag hoppas verkligen att den hjälper dig också!
+Okej, detta var ärligt talat konceptet som knäckte min hjärna när jag först började lära mig, så jag ska dela med mig av analogin som äntligen fick det att klicka för mig – och jag hoppas verkligen att det hjälper dig också!
 
-Föreställ dig att du besöker ett land där du inte talar språket och du desperat behöver hitta närmaste toalett (vi har alla varit där, eller hur? 😅):
+Föreställ dig att du besöker ett land där du inte talar språket, och du desperat behöver hitta närmaste toalett (vi har alla varit där, eller hur? 😅):
 
-- **Lågnivåprogrammering** är som att lära sig den lokala dialekten så väl att du kan prata med farmodern som säljer frukt på hörnet med hjälp av kulturella referenser, lokal slang och interna skämt som bara någon som vuxit upp där skulle förstå. Otroligt imponerande och effektivt... om du råkar vara flytande! Men ganska överväldigande när du bara försöker hitta en toalett.
+- **Lågnivåprogrammering** är som att lära sig den lokala dialekten så väl att du kan prata med farmodern som säljer frukt på hörnet med hjälp av kulturella referenser, lokala slanguttryck och interna skämt som bara någon som växte upp där skulle förstå. Superimponerande och otroligt effektivt... om du råkar vara flytande! Men ganska överväldigande när du bara försöker hitta en toalett.
 
-- **Högnivåprogrammering** är som att ha den fantastiska lokala vännen som bara förstår dig. Du kan säga "Jag behöver verkligen hitta en toalett" på enkel engelska, och de ta hand om all kulturell översättning och ger dig vägbeskrivningen på ett sätt som din icke-lokala hjärna fattar perfekt.
+- **Högnivåprogrammering** är som att ha den där fantastiska lokala vännen som bara förstår dig. Du kan säga "Jag behöver verkligen hitta en toalett" på enkel engelska, och de sköter all kulturell översättning och ger dig vägbeskrivningar på ett sätt som gör perfekt mening för din icke-lokala hjärna.
 
-På programmeringsspråksspråk:
-- **Lågnivåspråk** (som Assembly eller C) låter dig ha otroligt detaljerade samtal med datorns faktiska hårdvara, men du behöver tänka som en maskin, vilket är... tja, låt oss säga att det är en ganska stor mental omställning!
-- **Högnivåspråk** (som JavaScript, Python eller C#) låter dig tänka som en människa medan de fixar allt maskinspråk bakom kulisserna. Plus att de har fantastiskt välkomnande gemenskaper fulla av människor som minns hur det var att vara ny och som verkligen vill hjälpa till!
+I programmeringstermer:
+- **Lågnivåspråk** (som Assembly eller C) låter dig ha otroligt detaljerade samtal med datorns faktiska hårdvara, men du måste tänka som en maskin, vilket är... tja, låt oss säga att det är en stor mental omställning!
+- **Högnivåspråk** (som JavaScript, Python eller C#) låter dig tänka som en människa medan de sköter all maskinspråk bakom kulisserna. Dessutom har de dessa otroligt välkomnande communityn fulla av människor som minns hur det var att vara ny och verkligen vill hjälpa!
 
-Gissa vilka jag kommer att föreslå att du börjar med? 😉 Högnivåspråk är som att ha stödhjul som du faktiskt aldrig vill ta av eftersom de gör hela upplevelsen så mycket roligare!
+Gissa vilka jag kommer att föreslå att du börjar med? 😉 Högnivåspråk är som att ha stödhjul som du aldrig egentligen vill ta bort för de gör hela upplevelsen mycket roligare!
 
 ```mermaid
 flowchart TB
-    A["👤 Mänskligt Tänkande:<br/>'Jag vill beräkna Fibonacci-tal'"] --> B{Välj Språknivå}
+    A["👤 Mänskligt Tanke:<br/>'Jag vill beräkna Fibonacci-tal'"] --> B{Välj Språknivå}
     
-    B -->|Hög nivå| C["🌟 JavaScript/Python<br/>Enkelt att läsa och skriva"]
-    B -->|Låg nivå| D["⚙️ Assembly/C<br/>Direkt hårdvarukontroll"]
+    B -->|Hög-Nivå| C["🌟 JavaScript/Python<br/>Lätt att läsa och skriva"]
+    B -->|Låg-Nivå| D["⚙️ Assembly/C<br/>Direkt hårdvarukontroll"]
     
     C --> E["📝 Skriv: fibonacci(10)"]
     D --> F["📝 Skriv: mov r0,#00<br/>sub r0,r0,#01"]
@@ -158,7 +158,7 @@ flowchart TB
     E --> G["🤖 Datorförståelse:<br/>Översättaren hanterar komplexiteten"]
     F --> G
     
-    G --> H["💻 Samma resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Samma Resultat:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
@@ -166,13 +166,13 @@ flowchart TB
 ```
 ### Låt mig visa varför högnivåspråk är så mycket vänligare
 
-Okej, jag ska visa dig något som perfekt visar varför jag blev kär i högnivåspråk, men först – jag behöver att du lovar mig en sak. När du ser det första kodexemplet, få inte panik! Det ska se skrämmande ut. Det är exakt vad jag menar!
+Okej, jag ska visa dig något som perfekt visar varför jag blev kär i högnivåspråk, men först – jag behöver att du lovar mig en sak. När du ser det första kodexemplet, panika inte! Det är meningen att det ska se skrämmande ut. Det är precis poängen jag vill göra!
 
-Vi ska titta på samma uppgift skriven i två helt olika stilar. Båda skapar den så kallade Fibonaccisekvensen – det är ett vackert matematiskt mönster där varje tal är summan av de två föregående: 0, 1, 1, 2, 3, 5, 8, 13... (Rolig fakta: du hittar det här mönstret bokstavligen överallt i naturen – solrosfröspiraler, mönster i kottar, till och med hur galaxer formas!)
+Vi ska titta på exakt samma uppgift skriven i två helt olika stilar. Båda skapar det som kallas Fibonacci-sekvensen – det är ett vackert matematiskt mönster där varje nummer är summan av de två föregående: 0, 1, 1, 2, 3, 5, 8, 13... (Rolig fakta: du hittar detta mönster bokstavligen överallt i naturen – solrosfröst spiraler, kottemönster, till och med hur galaxer bildas!)
 
-Redo att se skillnaden? Kör vi!
+Redo att se skillnaden? Nu kör vi!
 
-**Högnivåspråk (JavaScript) – Mänskligt vänligt:**
+**Högnivåspråk (JavaScript) – Människovänligt:**
 
 ```javascript
 // Steg 1: Grundläggande Fibonacci-inställning
@@ -184,28 +184,28 @@ console.log('Fibonacci sequence:');
 ```
 
 **Det här gör koden:**
-- **Deklarerar** en konstant för hur många Fibonacci-tal vi vill generera
-- **Initierar** två variabler för att hålla koll på det aktuella och nästa tal i sekvensen
-- **Sätter upp** startvärdena (0 och 1) som definierar Fibonacci-mönstret
-- **Visar** en rubriktext för att identifiera vår utskrift
+- **Deklarera** en konstant för att ange hur många Fibonacci-tal vi vill generera
+- **Initiera** två variabler för att hålla koll på det aktuella och nästa tal i sekvensen
+- **Sätta upp** startvärdena (0 och 1) som definierar Fibonacci-mönstret
+- **Visa** en rubrikmeddelande för att identifiera vår output
 
 ```javascript
 // Steg 2: Generera sekvensen med en loop
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Beräkna nästa nummer i sekvensen
+  // Beräkna nästa tal i sekvensen
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Bryter ner vad som händer här:**
+**Bryt ner vad som händer här:**
 - **Loopar** igenom varje position i sekvensen med en `for`-loop
-- **Visar** varje tal med dess position med hjälp av mallsträngar
-- **Beräknar** nästa Fibonacci-tal genom att addera aktuellt och nästa värde
-- **Uppdaterar** våra spårningsvariabler för att gå vidare till nästa iteration
+- **Visar** varje tal med dess position med hjälp av template literals
+- **Beräkna** nästa Fibonacci-tal genom att lägga ihop nuvarande och nästa värde
+- **Uppdatera** våra spårningsvariabler för att gå vidare till nästa iteration
 
 ```javascript
 // Steg 3: Modernt funktionellt tillvägagångssätt
@@ -219,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Exempel på användning
+// Användningsexempel
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**I exemplet ovan har vi:**
-- **Skapat** en återanvändbar funktion med modern pil-funktionssyntax
+**I koden ovan har vi:**
+- **Skapat** en återanvändbar funktion med modern arrow function-syntax
 - **Byggt** en array för att lagra hela sekvensen istället för att visa ett och ett tal
-- **Använt** arrayindexering för att beräkna varje nytt tal från tidigare värden
-- **Returnerat** hela sekvensen för flexibel användning i andra delar av vårt program
+- **Använt** arrayindexering för att räkna ut varje nytt tal från tidigare värden
+- **Returnerat** hela sekvensen för flexibel användning i andra delar av programmet
 
 **Lågnivåspråk (ARM Assembly) – Datorvänligt:**
 
@@ -257,27 +257,28 @@ back add r0,r1
  end
 ```
 
-Notera hur JavaScript-versionen läses nästan som engelska instruktioner, medan Assembly-versionen använder kryptiska kommandon som direkt styr datorns processor. Båda uppnår exakt samma uppgift, men högnivåspråket är mycket lättare för människor att förstå, skriva och underhålla.
+Notera hur JavaScript-versionen läses nästan som engelska instruktioner, medan Assembly-versionen använder kryptiska kommandon som direkt styr datorns processor. Båda utför samma uppgift, men högnivåspråket är mycket lättare för människor att förstå, skriva och underhålla.
 
-**Viktiga skillnader du kommer att märka:**
+**Viktiga skillnader du kommer märka:**
 - **Läsbarhet**: JavaScript använder beskrivande namn som `fibonacciCount` medan Assembly använder kryptiska etiketter som `r0`, `r1`
-- **Kommentarer**: Hög-nivå språk uppmuntrar förklarande kommentarer som gör koden självförklarande  
-- **Struktur**: JavaScripts logiska flöde matchar hur människor tänker på problem steg för steg  
-- **Underhåll**: Uppdatering av JavaScript-versionen för olika krav är enkelt och tydligt  
+- **Kommentarer**: Hög nivå-språk uppmuntrar förklarande kommentarer som gör koden självdokumenterande
+- **Struktur**: JavaScripts logiska flöde matchar hur människor tänker steg för steg kring problem
+- **Underhåll**: Att uppdatera JavaScript-versionen för olika krav är enkelt och tydligt
+
+✅ **Om Fibonacci-sekvensen**: Detta helt makalöst vackra mönster av siffror (där varje tal är summan av de två föregående: 0, 1, 1, 2, 3, 5, 8...) dyker upp bokstavligen *överallt* i naturen! Du hittar det i solrosspiraler, kottmönster, hur nautilusskal kröker sig, och till och med i hur trädgrenar växer. Det är ganska häpnadsväckande hur matematik och kod kan hjälpa oss att förstå och återskapa de mönster som naturen använder för att skapa skönhet!
 
-✅ **Om Fibonaccis talföljd**: Detta helt underbara talmönster (där varje nummer är summan av de två föregående: 0, 1, 1, 2, 3, 5, 8...) dyker bokstavligen upp *överallt* i naturen! Du hittar det i solrosspiraler, grankottars mönster, hur nautilusskal böjer sig och till och med i hur trädgrenar växer. Det är ganska häpnadsväckande hur matte och kod kan hjälpa oss förstå och återskapa de mönster som naturen använder för att skapa skönhet!
 
-## Byggstenarna som får magin att hända
+## Byggstenarna som gör magin möjlig
 
-Okej, nu när du har sett hur programmeringsspråk ser ut i praktiken, låt oss bryta ner de grundläggande bitarna som bygger upp bokstavligen varje program som någonsin skrivits. Tänk på dessa som de viktiga ingredienserna i ditt favoritrecept – när du förstår vad var och en gör, kommer du kunna läsa och skriva kod i nästan vilket språk som helst!
+Okej, nu när du har sett hur programmeringsspråk ser ut i praktiken, låt oss bryta ner de grundläggande delarna som utgör bokstavligen varje program som någonsin har skrivits. Tänk på dessa som de väsentliga ingredienserna i ditt favoritrecept – när du förstår vad varje del gör, kommer du att kunna läsa och skriva kod i nästan vilket språk som helst!
 
-Det här är lite som att lära sig programmeringens grammatik. Kommer du ihåg när du i skolan lärde dig om substantiv, verb och hur man sätter ihop meningar? Programmering har sin egen version av grammatik, och ärligt talat är den mycket mer logisk och förlåtande än engelska grammatik någonsin var! 😄
+Det här är lite som att lära sig programmeringens grammatik. Kommer du ihåg när du i skolan lärde dig om substantiv, verb och hur man sätter ihop meningar? Programmering har sin egen version av grammatik, och ärligt talat är den mycket mer logisk och förlåtande än engelska grammatiken någonsin var! 😄
 
-### Satser: Steg-för-steg-instruktioner
+### Satser: steg-för-steg-instruktioner
 
-Låt oss börja med **satser** – de är som enskilda meningar i en konversation med din dator. Varje sats berättar för datorn att göra en specifik sak, ungefär som att ge anvisningar: ”Sväng vänster här”, ”Stanna vid rött ljus”, ”Parkera på den där platsen”.
+Låt oss börja med **satser** – dessa är som individuella meningar i en konversation med din dator. Varje sats säger till datorn att göra en specifik sak, lite som att ge vägbeskrivningar: "Sväng vänster här," "Stanna vid rödljuset," "Parka på den platsen."
 
-Det jag älskar med satser är hur läsbara de brukar vara. Kolla här:
+Det jag älskar med satser är hur läsbara de oftast är. Kolla på detta:
 
 ```javascript
 // Grundläggande satser som utför enstaka åtgärder
@@ -285,31 +286,31 @@ const userName = "Alex";
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**Här är vad den här koden gör:**  
-- **Deklarerar** en konstant variabel för att lagra en användares namn  
-- **Visar** ett hälsningsmeddelande i konsolens utmatning  
-- **Beräknar** och lagrar resultatet av en matematisk operation  
+
+**Här är vad den här koden gör:**
+- **Deklarerar** en konstant variabel för att lagra en användares namn
+- **Visar** ett hälsningsmeddelande i konsolens utdata
+- **Beräknar** och lagrar resultatet av en matematisk operation
 
 ```javascript
-// Uttalanden som interagerar med webbsidor
+// Utsagor som interagerar med webbsidor
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**Steg för steg, så här händer det:**  
-- **Modifierar** webbplatsens titel som visas i webbläsarfliken  
-- **Byter** bakgrundsfärgen på hela sidans kropp  
 
-### Variabler: Programmets minnessystem
+**Steg för steg, så här händer det:**
+- **Modifierar** webbsidans titel som visas i webbläsarfliken
+- **Ändrar** bakgrundsfärgen för hela sidans kropp
+
+### Variabler: ditt programs minnessystem
 
-Okej, **variabler** är ärligt talat ett av mina absoluta favoritkoncept att lära ut eftersom de är så lika saker du redan använder varje dag!
+Okej, **variabler** är ärligt talat ett av mina absoluta favoritbegrepp att lära ut eftersom de är så likt sådant du redan använder varje dag!
 
-Tänk på din telefons kontaktlista en sekund. Du memorerar inte allas telefonnummer – istället sparar du ”Mamma”, ”Bästa vän” eller ”Pizzerian som levererar till kl 2 på natten” och låter telefonen minnas de faktiska numren. Variabler fungerar precis på samma sätt! De är som märkta behållare där ditt program kan lagra information och hämta den senare med ett namn som faktiskt är begripligt.
+Tänk på din telefons kontaktlista en sekund. Du kan inte memorera allas telefonnummer – istället sparar du ”Mamma”, ”Bästis” eller ”Pizzastället som levererar till 2 på morgonen” och låter telefonen komma ihåg de faktiska numren. Variabler fungerar exakt på samma sätt! De är som märkta behållare där ditt program kan lagra information och hämta den senare med ett namn som faktiskt är begripligt.
 
-Det riktigt coola är: variabler kan förändras medan programmet körs (därav namnet ”variabel” – ser du vad de gjorde där?). Precis som du kan uppdatera kontaktinformationen till pizzerian när du hittar ett ännu bättre ställe, kan variabler uppdateras när ditt program lär sig ny information eller när situationer förändras!
+Det som verkligen är coolt: variabler kan ändras medan ditt program körs (därav namnet ”variabel” – ser du vad de gjorde där?). Precis som du kanske uppdaterar pizzaställets kontakt när du hittar någon ännu bättre, kan variabler uppdateras när ditt program lär sig ny information eller när situationer ändras!
 
-Låt mig visa hur otroligt enkelt detta kan vara:
+Låt mig visa hur vackert enkelt detta kan vara:
 
 ```javascript
 // Steg 1: Skapa grundläggande variabler
@@ -318,12 +319,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Att förstå dessa koncept:**  
-- **Lagra** oföränderliga värden i `const`-variabler (som webbplatsens namn)  
-- **Använda** `let` för värden som kan ändras under programmets gång  
-- **Tilldela** olika datatyper: strängar (text), siffror och booleska värden (true/false)  
-- **Välja** beskrivande namn som förklarar vad varje variabel innehåller  
+
+**Förstå dessa koncept:**
+- **Lagra** oföränderliga värden i `const`-variabler (som sajtens namn)
+- **Använda** `let` för värden som kan ändras under programmets gång
+- **Tilldela** olika datatyper: strängar (text), nummer och booleaner (sant/falskt)
+- **Välja** beskrivande namn som förklarar vad varje variabel innehåller
 
 ```javascript
 // Steg 2: Arbeta med objekt för att gruppera relaterad data
@@ -333,46 +334,46 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**Ovanför har vi:**  
-- **Skapat** ett objekt för att gruppera relaterad väderinformation  
-- **Organiserat** flera datadelar under ett variabelnamn  
-- **Använt** nyckel-värde-par för att märka varje informationsdel tydligt  
+
+**I det ovanstående har vi:**
+- **Skapat** ett objekt för att gruppera relaterad väderinformation
+- **Organiserat** flera data under ett variabelnamn
+- **Använt** nyckel-värdepar för att tydligt märka varje data
 
 ```javascript
 // Steg 3: Använda och uppdatera variabler
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Uppdatera föränderliga variabler
+// Uppdatera variabla variabler
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Låt oss förstå varje del:**  
-- **Visa** information med template literals med `${}`-syntax  
-- **Hämta** objektets egenskaper med punktnotation (`weatherData.windSpeed`)  
-- **Uppdatera** variabler deklarerade med `let` för att spegla förändrade förhållanden  
-- **Kombinera** flera variabler för att skapa meningsfulla meddelanden  
+
+**Låt oss förstå varje del:**
+- **Visa** information med mall-strängar med `${}` syntax
+- **Åtkomst** till objektets egenskaper via punktnotation (`weatherData.windSpeed`)
+- **Uppdatera** variabler deklarerade med `let` för att spegla förändrade förhållanden
+- **Kombinera** flera variabler för att skapa meningsfulla meddelanden
 
 ```javascript
 // Steg 4: Modern destrukturering för renare kod
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Det du behöver veta:**  
-- **Extrahera** specifika egenskaper från objekt med destructuring assignment  
-- **Skapa** nya variabler automatiskt med samma namn som objektets nycklar  
-- **Förenkla** koden genom att undvika upprepande punktnotation  
 
-### Kontrollflöde: Lära ditt program att tänka
+**Det du behöver veta:**
+- **Extrahera** specifika egenskaper från objekt med destrukturering
+- **Skapa** nya variabler automatiskt med samma namn som objektets nycklar
+- **Förenkla** koden genom att undvika upprepning av punktnotation
 
-Okej, här blir programmering riktigt häpnadsväckande! **Kontrollflöde** handlar i princip om att lära ditt program att fatta smarta beslut, precis som du gör varje dag utan att ens tänka på det.
+### Kontrollflöde: lära ditt program att tänka
 
-Föreställ dig detta: i morse gick du säkert igenom något som ”Om det regnar, tar jag med ett paraply. Om det är kallt, tar jag på mig en jacka. Om jag är sen, hoppar jag över frukosten och tar kaffe på vägen.” Din hjärna följer naturligt detta if-then-logik dussintals gånger varje dag!
+Okej, här börjar programmering bli helt häpnadsväckande! **Kontrollflöde** är i princip att lära ditt program att fatta smarta beslut, precis som du gör varje dag utan att ens tänka på det.
 
-Det här är vad som får program att kännas intelligenta och levande, istället för att bara följa något tråkigt, förutsägbart manus. De kan faktiskt titta på en situation, utvärdera vad som händer och svara på rätt sätt. Det är som att ge ditt program en hjärna som kan anpassa sig och fatta val!
+Föreställ dig detta: i morse gick du säkert igenom något som ”Om det regnar, tar jag med mig ett paraply. Om det är kallt, tar jag på mig en jacka. Om jag är sen, skippar jag frukosten och tar kaffe på vägen.” Din hjärna följer naturligt den här typen av om-så-logik dussintals gånger varje dag!
+
+Det här är vad som får program att kännas intelligenta och levande istället för bara att följa ett tråkigt, förutsägbart manus. De kan faktiskt titta på en situation, utvärdera vad som händer och svara på rätt sätt. Det är som att ge ditt program en hjärna som kan anpassa sig och göra val!
 
 Vill du se hur vackert detta fungerar? Låt mig visa dig:
 
@@ -387,12 +388,12 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Det här gör den här koden:**  
-- **Kontrollerar** om användarens ålder uppfyller röstningskravet  
-- **Kör** olika kodblock baserat på villkorets resultat  
-- **Beräknar** och visar hur länge det är kvar tills röstberättigande om under 18  
-- **Ger** specifik, hjälpsam feedback för varje scenario  
+
+**Det här gör koden:**
+- **Kontrollerar** om användarens ålder uppfyller röstningskravet
+- **Utför** olika kodblock baserat på villkorets resultat
+- **Beräknar** och visar hur länge det är kvar till rösträtt om under 18
+- **Ger** specifik, hjälpsam feedback för varje scenario
 
 ```javascript
 // Steg 2: Flera villkor med logiska operatorer
@@ -407,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Nedbrytning av vad som händer här:**  
-- **Kombinerar** flera villkor med `&&` (och) operatorn  
-- **Skapar** en hierarki av villkor med `else if` för flera scenarion  
-- **Hantera** alla möjliga fall med en slutgiltig `else`-sats  
-- **Ger** tydlig, handlingsbar feedback för varje olika situation  
+
+**Så här delas det upp:**
+- **Kombinerar** flera villkor med `&&` (och) operatorn
+- **Skapar** en hierarki av villkor med `else if` för flera scenarier
+- **Hanterar** alla möjliga fall med en slutlig `else` sats
+- **Ger** tydlig och användbar feedback för varje unik situation
 
 ```javascript
-// Steg 3: Koncis villkorssats med ternär operator
+// Steg 3: Kortfattad villkor med ternär operator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Det här ska du komma ihåg:**  
-- **Använd** ternära operatorn (`? :`) för enkla två-vals-villkor  
-- **Skriv** villkoret först, följt av `?`, sedan sant resultat, sedan `:`, sedan falskt resultat  
-- **Använd** detta mönster när du behöver tilldela värden baserat på villkor  
+
+**Det här bör du komma ihåg:**
+- **Använda** ternära operatorn (`? :`) för enkla två-alternativ villkor
+- **Skriv** villkoret först, följt av `?`, sedan sant resultat, `:`, och falskt resultat
+- **Använd** detta mönster när du behöver tilldela värden baserat på villkor
 
 ```javascript
 // Steg 4: Hantering av flera specifika fall
@@ -445,56 +446,56 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Den här koden gör följande:**  
-- **Matchar** variabelvärdet mot flera specifika fall  
-- **Grupperar** liknande fall tillsammans (veckodagar vs. helger)  
-- **Kör** rätt kodblock när en matchning hittas  
-- **Inkluderar** ett `default`-fall för att hantera oväntade värden  
-- **Använder** `break`-satser för att hindra att koden fortsätter till nästa fall  
 
-> 💡 **Verklighetsanalog**: Tänk på kontrollflöde som att ha världens mest tålmodiga GPS som ger dig vägbeskrivningar. Den kan säga ”Om det är trafik på Main Street, ta motorvägen istället. Om byggarbete blockerar motorvägen, försök den natursköna vägen.” Program använder exakt samma typ av villkorlig logik för att reagera smart på olika situationer och alltid ge användarna den bästa möjliga upplevelsen.
+**Den här koden gör följande:**
+- **Matchar** variabelvärdet mot flera specifika fall
+- **Grupperar** liknande fall (vardagar vs helger)
+- **Utför** rätt kodblock när en träff hittas
+- **Inkluderar** ett `default` fall för oförväntade värden
+- **Använder** `break` satser för att förhindra att koden fortsätter till nästa fall
+
+> 💡 **Verklighetsanalogin**: Tänk på kontrollflöde som världens mest tålmodiga GPS som ger dig vägbeskrivningar. Den kan säga ”Om det är trafik på Main Street, ta istället motorvägen. Om vägarbete blockerar motorvägen, prova den natursköna vägen.” Program använder exakt samma typ av villkorslogik för att svara intelligent på olika situationer och alltid ge användarna bästa möjliga upplevelse.
 
-### 🎯 **Begreppskoll: Behärska byggstenarna**
+### 🎯 **Konceptkontroll: Mästare på byggstenarna**
 
-**Låt oss se hur det går med grunderna:**  
-- Kan du förklara skillnaden mellan en variabel och en sats med egna ord?  
-- Tänk på ett verkligt scenario där du använder ett if-then-beslut (som vårt röstningsexempel)  
-- Vad är en sak med programmeringslogik som förvånade dig?  
+**Låt oss se hur du ligger till med grunderna:**
+- Kan du förklara skillnaden mellan en variabel och en sats med egna ord?
+- Tänk på ett verkligt scenario där du skulle använda en om-så-beslut (som vårt röstningsexempel)
+- Vad är en sak med programmeringslogik som överraskade dig?
 
-**Snabbt självförtroendeboost:**  
+**Snabb självsäkerhetsboost:**
 ```mermaid
 flowchart LR
-    A["📝 Satser<br/>(Instruktioner)"] --> B["📦 Variabler<br/>(Lagring)"] --> C["🔀 Kontrollflöde<br/>(Beslut)"] --> D["🎉 Fungerande Program!"]
+    A["📝 Utsagor<br/>(Instruktioner)"] --> B["📦 Variabler<br/>(Lagring)"] --> C["🔀 Kontrollflöde<br/>(Beslut)"] --> D["🎉 Fungerande Program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **Vad som kommer härnäst**: Vi kommer ha så roligt när vi dyker djupare in i dessa koncept under vår otroliga resa tillsammans! Just nu, fokusera bara på att känna den där spänningen för alla fantastiska möjligheter framför dig. De specifika färdigheterna och teknikerna kommer fastna naturligt när vi övar tillsammans – jag lovar att det här kommer bli så mycket roligare än du kanske förväntar dig!
+```
+✅ **Vad som kommer härnäst**: Vi kommer ha en fantastisk tid när vi dyker djupare in i dessa koncept på vår otroliga resa tillsammans! Just nu, fokusera bara på att känna den spänning som finns inför alla otroliga möjligheter som väntar dig. De specifika färdigheterna och teknikerna kommer naturligt när vi övar tillsammans – jag lovar att detta kommer bli mycket roligare än du kanske förväntar dig!
 
-## Verktyg för jobbet
+## Verktyg för arbetet
 
-Okej, här får jag ärligt talat sådan pirr i magen att jag knappt kan hålla det inne! 🚀 Vi ska precis prata om de otroliga verktygen som kommer få dig att känna att du just fick nycklarna till ett digitalt rymdskepp.
+Okej, här blir jag ärligt talat så uppspelt att jag knappt kan hålla mig! 🚀 Vi ska prata om de otroliga verktyg som kommer få dig att känna att du precis fått nycklarna till ett digitalt rymdskepp.
 
-Du vet hur en kock har de där perfekt balanserade knivarna som känns som en förlängning av deras händer? Eller hur en musiker har den där gitarren som tycks sjunga så fort de rör vid den? Ja, utvecklare har vår egen version av dessa magiska verktyg, och här är vad som kommer få dig att tappa hakan – de flesta är helt gratis!
+Vet du hur en kock har de där perfekt balanserade knivarna som känns som en förlängning av deras händer? Eller hur en musiker har den där gitarren som låter sjunga det ögonblick hen rör vid den? Jo, utvecklare har sin egen version av dessa magiska verktyg, och här är något som kommer att blåsa dig av stolen – de flesta av dem är helt gratis!
 
-Jag studsar nästan i stolen när jag tänker på att dela detta med dig eftersom de helt har revolutionerat hur vi bygger mjukvara. Vi pratar om AI-drivna kodassistenter som kan hjälpa dig skriva kod (jag skojar inte!), molnmiljöer där du kan bygga hela applikationer bokstavligen var som helst med Wi-Fi, och felsökningsverktyg så sofistikerade att det är som att ha röntgensyn för dina program.
+Jag sitter nästan och hoppar i stolen av tanken på att få dela detta med dig för de har helt revolutionerat hur vi bygger mjukvara. Vi pratar om AI-drivna kodassistenter som kan hjälpa dig skriva din kod (jag skojar inte!), molnmiljöer där du kan bygga hela applikationer bokstavligen var som helst med Wi-Fi, och felsökningsverktyg som är så avancerade att det är som att ha röntgensyn för dina program.
 
-Och här är delen som fortfarande ger mig rysningar: det här är inte ”nybörjarverktyg” som du kommer växa ur. Det är exakt samma professionella verktyg som utvecklare på Google, Netflix och det där indie app-studion du älskar använder just i detta ögonblick. Du kommer känna dig som ett proffs när du använder dem!
+Och här kommer delen som fortfarande ger mig rysningar: det här är inte ”nybörjarverktyg” som du växer ifrån. Det är exakt samma professionella verktyg som utvecklare på Google, Netflix och den där indieapp-studion du älskar använder just nu. Du kommer att känna dig som en riktig proffs när du använder dem!
 
 ```mermaid
 graph TD
-    A["💡 Din Idé"] --> B["⌨️ Kodredigerare<br/>(VS Code)"] 
-    B --> C["🌐 Webbläsarutvecklarverktyg<br/>(Testning & Felsökning)"]
+    A["💡 Din idé"] --> B["⌨️ Kodredigerare<br/>(VS Code)"] 
+    B --> C["🌐 Webbläsarverktyg<br/>(Testning & Felsökning)"]
     C --> D["⚡ Kommandorad<br/>(Automatisering & Verktyg)"]
-    D --> E["📚 Dokumentation<br/>(Inlärning & Referens)"]
+    D --> E["📚 Dokumentation<br/>(Lärande & Referens)"]
     E --> F["🚀 Fantastisk Webbapp!"]
     
     B -.-> G["🤖 AI-assistent<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Enhetstestning<br/>(Responsiv Design)"]
-    D -.-> I["📦 Paketverktyg<br/>(npm, yarn)"]
+    C -.-> H["📱 Enhetstestning<br/>(Responsiv design)"]
+    D -.-> I["📦 Paketchefer<br/>(npm, yarn)"]
     E -.-> J["👥 Gemenskap<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -503,59 +504,60 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### Kodredigerare och IDE: Dina nya digitala bästa vänner  
+```
+### Kodredigerare och IDE: Dina nya digitala bästa vänner
 
-Låt oss prata om kodredigerare – dessa är på riktigt på väg att bli dina nya favoritställen att hänga på! Tänk på dem som ditt personliga kodningssanktuarium där du kommer spendera mest tid med att skapa och förfina dina digitala alster.
+Låt oss prata om kodredigerare – de kommer verkligen att bli dina nya favoritställen att hänga på! Tänk på dem som din personliga kodningsfristad där du kommer spendera mestadelen av tiden med att skulptera och förfina dina digitala skapelser.
 
-Men här är vad som är helt magiskt med moderna redigerare: de är inte bara fina textredigerare. De är som att ha den smartaste, mest stödjande kodmentor som sitter bredvid dig dygnet runt. De fångar dina skrivfel innan du ens märker dem, föreslår förbättringar som får dig att se ut som ett geni, hjälper dig förstå vad varje kodbit gör, och några kan till och med förutsäga vad du är på väg att skriva och erbjuda sig att färdigställa dina tankar!
+Men det som är helt magiskt med moderna redigerare är att de inte bara är fancy textredigerare. De är som att ha den mest briljanta, stöttande kodningsmentorn sittande precis bredvid dig 24/7. De fångar dina felstavningar innan du ens märker dem, föreslår förbättringar som får dig att se ut som ett geni, hjälper dig att förstå vad varje kodbit gör, och vissa av dem kan till och med förutspå vad du är på väg att skriva och erbjuda sig att slutföra dina tankar!
 
-Jag minns när jag först upptäckte automatisk komplettering – jag kände nästan att jag levde i framtiden. Du börjar skriva något, och editorn säger: ”Hej, tänkte du på den här funktionen som gör exakt vad du behöver?” Det är som att ha en tankeläsare som kodkompis!
+Jag minns när jag först upptäckte autokomplettering – det kändes som att jag levde i framtiden. Du börjar skriva något, och din redigerare säger, ”Hej, tänkte du på den här funktionen som gör precis det du behöver?” Det är som att ha en tankeläsare som din kodningskompis!
 
-**Vad gör dessa redigerare så otroliga?**  
+**Vad gör dessa redigerare så otroliga?**
 
-Moderna kodredigerare erbjuder en imponerande uppsättning funktioner designade för att boosta din produktivitet:
+Moderna kodredigerare erbjuder en imponerande uppsättning funktioner som är utformade för att öka din produktivitet:
 
-| Funktion | Vad den gör | Varför det hjälper |  
-|---------|--------------|--------------|  
-| **Syntaxmarkering** | Färglägger olika delar av din kod | Gör kod lättare att läsa och hitta fel |  
-| **Automatisk komplettering** | Föreslår kod medan du skriver | Snabbar upp kodandet och minskar skrivfel |  
-| **Felsökningsverktyg** | Hjälper dig hitta och fixa fel | Sparar timmar vid felsökning |  
-| **Tillägg** | Lägger till specialfunktioner | Anpassa din editor efter teknik |  
-| **AI-assistenter** | Föreslår kod och förklaringar | Påskyndar lärande och produktivitet |  
+| Funktion | Vad den gör | Varför det hjälper |
+|---------|--------------|--------------|
+| **Syntaxmarkering** | Färglägger olika delar av din kod | Gör kod lättare att läsa och upptäcka fel |
+| **Autokomplettering** | Föreslår kod medan du skriver | Snabbar upp kodning och minskar stavfel |
+| **Felsökningsverktyg** | Hjälper dig hitta och fixa fel | Sparar timmar av felsökningstid |
+| **Tillägg** | Lägger till specialfunktioner | Anpassa din editor för vilken teknik som helst |
+| **AI-assistenter** | Föreslår kod och förklaringar | Påskyndar lärande och produktivitet |
 
-> 🎥 **Videoresurs**: Vill du se dessa verktyg i aktion? Kolla in den här [Tools of the Trade videon](https://youtube.com/watch?v=69WJeXGBdxg) för en omfattande översikt.
+> 🎥 **Videoresurs**: Vill du se dessa verktyg i aktion? Kolla in den här [Tools of the Trade-videon](https://youtube.com/watch?v=69WJeXGBdxg) för en omfattande översikt.
 
 #### Rekommenderade redigerare för webbutveckling
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)  
-- Mest populär bland webbutvecklare  
-- Utmärkt tilläggsekosystem  
-- Inbyggd terminal och Git-integration  
-- **Måste-ha-tillägg**:  
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-driven kodförslag  
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Samarbete i realtid  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatisk kodformatering  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fångar stavfel i din kod  
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratis)
+- Mest populär bland webbutvecklare
+- Utmärkt ekosystem av tillägg
+- Inbyggd terminal och Git-integration
+- **Måste-ha-tillägg**:
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-drivna kodförslag
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Samarbete i realtid
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatisk kodformatering
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Fångar stavfel i koden
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betald, gratis för studenter)
+- Avancerade felsöknings- och testverktyg
+- Intelligent kodkomplettering
+- Inbyggd versionskontroll
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Betald, gratis för studenter)  
-- Avancerade felsöknings- och testverktyg  
-- Intelligent kodkomplettering  
-- Inbyggd versionskontroll  
+**Molnbaserade IDEer** (Olika priser)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Fullt VS Code i din webbläsare
+- [Replit](https://replit.com/) - Perfekt för att lära sig och dela kod
+- [StackBlitz](https://stackblitz.com/) - Omedelbar fullstack webbutveckling 
 
-**Molnbaserade IDEs** (Olika prissättning)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code i din webbläsare  
-- [Replit](https://replit.com/) - Perfekt för att lära sig och dela kod  
-- [StackBlitz](https://stackblitz.com/) - Omedelbar full-stack webb-utveckling  
+> 💡 **Tips för att komma igång**: Börja med Visual Studio Code – det är gratis, mycket använt i branschen och har en enorm community som skapar hjälptutorials och tillägg.
 
-> 💡 **Kom igång tips**: Börja med Visual Studio Code – det är gratis, välanvänt i branschen och har en enorm community som skapar hjälpsamma tutorials och tillägg.
 
 ### Webbläsare: Ditt hemliga utvecklingslaboratorium
 
-Okej, förbered dig på att bli helt uppslukad! Du vet hur du har använt webbläsare för att scrolla genom sociala medier och titta på videos? Tja, det visar sig att de har gömt det här otroliga hemliga utvecklingslaboratoriet hela tiden, bara väntande på att du ska upptäcka det!
+Okej, gör dig redo att få ditt sinne fullständigt blåst! Du vet hur du har använt webbläsare för att scrolla sociala medier och titta på videor? Ja, det visar sig att de har gömt det här otroliga hemliga utvecklingslaboratoriet hela tiden, bara väntande på att du ska upptäcka det!
 
-Varje gång du högerklickar på en webbsida och väljer "Inspektera" öppnar du en dold värld av utvecklarverktyg som är ärligt talat kraftfullare än någon dyr programvara jag brukade betala hundratals kronor för. Det är som att upptäcka att ditt vanliga gamla kök har gömt ett professionellt kocklaboratorium bakom en hemlig panel!
-Första gången någon visade mig webbläsarens DevTools, spenderade jag typ tre timmar bara på att klicka runt och säga "VÄNTA, KAN DEN GÖRA DET HÄR OCKSÅ?!" Du kan bokstavligen redigera vilken webbplats som helst i realtid, se exakt hur snabbt allt laddas, testa hur din sajt ser ut på olika enheter, och till och med debugga JavaScript som ett proffs. Det är helt hisnande!
+Varje gång du högerklickar på en webbsida och väljer "Inspektera element" öppnar du en dold värld av utvecklarverktyg som är ärligt talat mäktigare än några dyra program jag brukade betala hundratals dollar för. Det är som att upptäcka att ditt vanliga kök har dolt ett professionellt kocklaboratorium bakom en hemlig panel!
+Första gången någon visade mig webbläsarens DevTools, spenderade jag typ tre timmar bara på att klicka runt och tänka "VÄNTA, KAN DEN GÖRA DET DÄR OCKSÅ?!" Du kan bokstavligen redigera vilken webbplats som helst i realtid, se exakt hur snabbt allt laddas, testa hur din sida ser ut på olika enheter och till och med felsöka JavaScript som en riktig expert. Det är helt otroligt!
 
 **Här är varför webbläsare är ditt hemliga vapen:**
 
@@ -565,34 +567,34 @@ När du skapar en webbplats eller webbapplikation behöver du se hur den ser ut
 
 Moderna webbläsare inkluderar omfattande utvecklingspaket:
 
-| Verktygskategori | Vad det gör | Exempel på användning |
-|------------------|-------------|-----------------------|
+| Verktygskategori | Vad det gör | Exempel på användningsområde |
+|------------------|-------------|------------------------------|
 | **Elementinspektör** | Visa och redigera HTML/CSS i realtid | Justera stil för att se omedelbara resultat |
-| **Konsol** | Visa felmeddelanden och testa JavaScript | Debugga problem och experimentera med kod |
-| **Nätverksmonitor** | Följa hur resurser laddas | Optimera prestanda och laddningstider |
-| **Tillgänglighetskontroll** | Testa inkluderande design | Säkerställ att din sajt fungerar för alla användare |
+| **Konsol** | Visa felmeddelanden och testa JavaScript | Felsöka problem och experimentera med kod |
+| **Nätverksövervakare** | Spåra hur resurser laddas | Optimera prestanda och laddningstider |
+| **Tillgänglighetskontroll** | Testa inkluderande design | Säkerställ att din sida fungerar för alla användare |
 | **Enhetssimulator** | Förhandsgranska på olika skärmstorlekar | Testa responsiv design utan flera enheter |
 
 #### Rekommenderade webbläsare för utveckling
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – Industri-standard för DevTools med omfattande dokumentation
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Utmärkta verktyg för CSS Grid och tillgänglighet
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Byggd på Chromium med Microsofts utvecklarresurser
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industriell standard för DevTools med omfattande dokumentation
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Utmärkta verktyg för CSS Grid och tillgänglighet
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Byggd på Chromium med Microsofts utvecklarresurser
 
-> ⚠️ **Viktig testtips**: Testa alltid dina webbplatser i flera webbläsare! Det som fungerar perfekt i Chrome kan se annorlunda ut i Safari eller Firefox. Professionella utvecklare testar i alla stora webbläsare för att säkerställa konsekventa användarupplevelser.
+> ⚠️ **Viktigt testtips**: Testa alltid dina webbplatser i flera webbläsare! Det som fungerar perfekt i Chrome kan se annorlunda ut i Safari eller Firefox. Professionella utvecklare testar i alla större webbläsare för att säkerställa en konsekvent användarupplevelse.
 
 
-### Kommandoradsverktyg: Din port till utvecklarmagi
+### Kommandoradsverktyg: Din väg till utvecklarmagi
 
-Okej, låt oss vara helt ärliga om kommandoraden, för jag vill att du hör det från någon som verkligen förstår. När jag först såg den – bara den här skrämmande svarta skärmen med blinkande text – tänkte jag bokstavligen: "Nej, absolut inte! Det ser ut som något ur en hackarfilm från 80-talet, och jag är definitivt inte smart nog för det här!" 😅
+Okej, låt oss ha ett helt ärligt ögonblick här om kommandoraden, för jag vill att du ska höra detta från någon som verkligen förstår. När jag såg den första gången – bara den där läskiga svarta skärmen med blinkande text – tänkte jag bokstavligen, "Nej, absolut inte! Det här ser ut som något från en hackarfilm på 1980-talet, och jag är definitivt inte tillräckligt smart för det här!" 😅
 
-Men här är vad jag önskar att någon hade sagt till mig då, och vad jag säger till dig nu: kommandoraden är inte läskig – det är faktiskt som att ha en direkt konversation med din dator. Tänk på det som skillnaden mellan att beställa mat via en fancy app med bilder och menyer (vilket är trevligt och enkelt) jämfört med att gå in på din favoritlokala restaurang där kocken vet precis vad du gillar och kan fixa något perfekt bara genom att du säger "överraska mig med något fantastiskt."
+Men här är vad jag önskar att någon hade sagt till mig då, och som jag säger till dig just nu: kommandoraden är inte läskig – det är faktiskt som att ha en direkt konversation med din dator. Tänk på det som skillnaden mellan att beställa mat via en snygg app med bilder och menyer (vilket är trevligt och enkelt) jämfört med att gå in på din favoritlokala restaurang där kocken exakt vet vad du gillar och kan fixa något perfekt bara för att du säger "överraska mig med något fantastiskt."
 
-Kommandoraden är där utvecklare känner sig som riktiga trollkarlar. Du skriver några till synes magiska ord (okej, det är bara kommandon, men de känns magiska!), trycker på enter, och BOOM – du har skapat hela projektstrukturer, installerat kraftfulla verktyg från hela världen, eller distribuerat din app på internet för miljontals att se. När du väl får en första smak av den kraften är det ärligt talat ganska beroendeframkallande!
+Kommandoraden är platsen där utvecklare känner sig som riktiga trollkarlar. Du skriver några till synes magiska ord (okej, det är bara kommandon, men de känns magiska!), trycker på enter och BOOM – du har skapat hela projektstrukturer, installerat kraftfulla verktyg från hela världen eller distribuerat din app på internet för miljoner att se. När du får din första smak av den makten är det ärligt talat ganska beroendeframkallande!
 
 **Varför kommandoraden kommer bli ditt favoritverktyg:**
 
-Medan grafiska gränssnitt är utmärkta för många uppgifter, utmärker sig kommandoraden i automatisering, precision och hastighet. Många utvecklingsverktyg fungerar primärt via kommandoradsgränssnitt, och att lära sig använda dem effektivt kan dramatiskt öka din produktivitet.
+Medan grafiska gränssnitt är bra för många uppgifter, utmärker sig kommandoraden på automatisering, precision och hastighet. Många utvecklingsverktyg fungerar huvudsakligen via kommandoradsgränssnitt, och att lära sig använda dem effektivt kan dramatiskt förbättra din produktivitet.
 
 ```bash
 # Steg 1: Skapa och navigera till projektmappen
@@ -601,11 +603,11 @@ cd my-awesome-website
 ```
 
 **Det här gör koden:**
-- **Skapa** en ny katalog som heter "my-awesome-website" för ditt projekt
-- **Navigera** in i den nyss skapade katalogen för att börja arbeta
+- **Skapar** en ny mapp som heter "my-awesome-website" för ditt projekt
+- **Navigerar** in i den nyss skapade mappen för att börja arbeta
 
 ```bash
-# Steg 2: Initiera projektet med package.json
+# Steg 2: Initiera projekt med package.json
 npm init -y
 
 # Installera moderna utvecklingsverktyg
@@ -613,11 +615,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Steg för steg händer följande:**
-- **Initiera** ett nytt Node.js-projekt med standardinställningar via `npm init -y`
-- **Installera** Vite som ett modernt byggverktyg för snabb utveckling och produktionsbyggen
-- **Lägg till** Prettier för automatisk kodformatering och ESLint för kodkvalitetskontroller
-- **Använd** flaggan `--save-dev` för att markera dessa som endast utvecklingsberoenden
+**Steg för steg, så här går det till:**
+- **Initierar** ett nytt Node.js-projekt med standardinställningar med `npm init -y`
+- **Installerar** Vite som ett modernt byggverktyg för snabb utveckling och produktion
+- **Lägger till** Prettier för automatisk kodformatering och ESLint för kvalitetskontroller
+- **Använder** flaggan `--save-dev` för att markera dessa som utvecklingsberoenden
 
 ```bash
 # Steg 3: Skapa projektstruktur och filer
@@ -630,95 +632,95 @@ npx vite
 
 **I ovanstående har vi:**
 - **Organiserat** vårt projekt genom att skapa separata mappar för källkod och resurser
-- **Genererat** en grundläggande HTML-fil med korrekt dokumentstruktur
-- **Startat** Vites utvecklingsserver för live-uppdatering och hot module replacement
+- **Skapat** en enkel HTML-fil med korrekt dokumentstruktur
+- **Startat** Vite utvecklingsserver för live-uppdatering och varm modulbyte
 
 #### Viktiga kommandoradsverktyg för webbutveckling
 
 | Verktyg | Syfte | Varför du behöver det |
-|---------|-------|-----------------------|
-| **[Git](https://git-scm.com/)** | Versionskontroll | Spåra ändringar, samarbeta och säkerhetskopiera ditt arbete |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript-runtime & pakethanterare | Köra JavaScript utanför webbläsare, installera moderna utvecklingsverktyg |
-| **[Vite](https://vitejs.dev/)** | Byggverktyg & utvecklingsserver | Super-snabb utveckling med hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kodkvalitet | Hitta och åtgärda problem i JavaScript automatiskt |
-| **[Prettier](https://prettier.io/)** | Kodformatering | Håll din kod konsekvent formaterad och lättläst |
+|---------|-------|----------------------|
+| **[Git](https://git-scm.com/)** | Versionshantering | Spåra förändringar, samarbeta med andra, säkerhetskopiera ditt arbete |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript-runtime & paket-hantering | Kör JavaScript utanför webbläsare, installera moderna utvecklingsverktyg |
+| **[Vite](https://vitejs.dev/)** | Byggverktyg & utvecklingsserver | Lynsnabb utveckling med varm modulbyte |
+| **[ESLint](https://eslint.org/)** | Kodkvalitet | Hitta och fixa automatiskt problem i din JavaScript-kod |
+| **[Prettier](https://prettier.io/)** | Kodformatering | Håll din kod konsekvent formaterad och läsbar |
 
 #### Plattformsspecifika alternativ
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Modern och funktionsrik terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Kraftfull skriptmiljö
-- **[Kommandotolken](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Traditionell Windows-kommandorad
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern och funktionsrik terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Kraftfull skriptmiljö
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Traditionell Windows-kommandorad
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Inbyggd terminalapplikation
-- **[iTerm2](https://iterm2.com/)** – Förbättrad terminal med avancerade funktioner
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Inbyggd terminalapplikation
+- **[iTerm2](https://iterm2.com/)** - Förbättrad terminal med avancerade funktioner
 
 **Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Standard Linux-skal
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Avancerad terminalemulator
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux-skal
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Avancerad terminalemulator
 
 > 💻 = Förinstallerad i operativsystemet
 
-> 🎯 **Lärandeväg**: Börja med grundläggande kommandon som `cd` (byt katalog), `ls` eller `dir` (lista filer) och `mkdir` (skapa mapp). Öva med moderna arbetsflödeskommandon som `npm install`, `git status` och `code .` (öppnar aktuell katalog i VS Code). När du blir bekväm kommer du naturligt att lära dig mer avancerade kommandon och automatiseringstekniker.
+> 🎯 **Inlärningsväg:** Börja med grundläggande kommandon som `cd` (byt mapp), `ls` eller `dir` (lista filer) och `mkdir` (skapa mapp). Öva sedan på moderna arbetsflödeskommandon som `npm install`, `git status` och `code .` (öppnar aktuell mapp i VS Code). När du blir mer bekväm plockar du naturligt upp mer avancerade kommandon och automatiseringstekniker.
 
 
 ### Dokumentation: Din alltid tillgängliga lärarmästare
 
-Okej, låt mig dela en liten hemlighet som kommer få dig att må mycket bättre över att vara nybörjare: även de mest erfarna utvecklarna spenderar en stor del av sin tid på att läsa dokumentation. Och det är inte för att de inte vet vad de gör – det är faktiskt ett tecken på visdom!
+Okej, låt mig dela med mig av en liten hemlighet som kommer få dig att känna dig mycket bättre över att vara nybörjare: även de mest erfarna utvecklarna spenderar en stor del av sin tid på att läsa dokumentation. Och det är inte för att de inte vet vad de gör – det är faktiskt ett tecken på visdom!
 
-Tänk på dokumentation som tillgång till världens mest tålmodiga, kunniga lärare som är tillgängliga dygnet runt. Sitter du fast med ett problem klockan 2 på natten? Dokumentationen finns där med en varm virtuell kram och exakt det svar du behöver. Vill du lära dig om en cool ny funktion som alla pratar om? Dokumentationen har din rygg med steg-för-steg-exempel. Försöker du förstå varför något fungerar som det gör? Du gissade rätt – dokumentationen är redo att förklara det på ett sätt som äntligen gör att det klickar!
+Tänk på dokumentation som att ha tillgång till världens mest tålmodiga och kunniga lärare som är tillgängliga dygnet runt. Fastnar du i ett problem klockan 2 på natten? Dokumentationen finns där med en varm virtuell kram och exakt det svar du behöver. Vill du lära dig om en cool ny funktion som alla pratar om? Dokumentationen hjälper dig med steg-för-steg-exempel. Försöker du förstå varför något fungerar som det gör? Du gissade rätt – dokumentationen är redo att förklara så att det äntligen klickar!
 
-Här är något som helt förändrade min syn: webbutvecklingsvärlden rör sig otroligt snabbt, och ingen (menar verkligen ingen!) kan allt utantill. Jag har sett seniora utvecklare med 15+ års erfarenhet slå upp grundläggande syntax, och vet du vad? Det är inte pinsamt – det är smart! Det handlar inte om att ha perfekt minne, utan om att veta var man snabbt hittar pålitliga svar och förstå hur man använder dem.
+Här är något som helt förändrade mitt perspektiv: webbutvecklingsvärlden rör sig oerhört snabbt och ingen (jag menar verkligen ingen!) håller allt i huvudet. Jag har sett seniora utvecklare med 15+ års erfarenhet slå upp grundläggande syntax, och vet du vad? Det är inte pinsamt – det är smart! Det handlar inte om att ha ett perfekt minne; det handlar om att veta var man snabbt hittar pålitliga svar och förstå hur man tillämpar dem.
 
 **Här händer den verkliga magin:**
 
-Professionella utvecklare tillbringar en stor del av sin tid med att läsa dokumentation – inte för att de inte vet vad de gör, utan för att landskapet inom webbutveckling förändras så snabbt att det kräver kontinuerligt lärande. Bra dokumentation hjälper dig förstå inte bara *hur* något används, utan *varför* och *när* det ska användas.
+Professionella utvecklare spenderar en betydande del av sin tid på att läsa dokumentation – inte för att de inte vet vad de gör, utan för att webbutvecklingslandskapet förändras så snabbt att det krävs ständig inlärning för att hålla sig uppdaterad. Bra dokumentation hjälper dig att förstå inte bara *hur* man använder något, utan även *varför* och *när* man ska använda det.
 
 #### Viktiga dokumentationsresurser
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Guldkällan för dokumentation om webteknik
+- Guldkällan för dokumentation om webteknologier
 - Omfattande guider för HTML, CSS och JavaScript
-- Innehåller information om webbläsarkompatibilitet
-- Har praktiska exempel och interaktiva demoer
+- Inkluderar webbläsarkompatibilitetsinformation
+- Praktiska exempel och interaktiva demos
 
 **[Web.dev](https://web.dev)** (av Google)
-- Moderna bästa praxis för webbutveckling
+- Moderna bästa metoder för webbutveckling
 - Guider för prestandaoptimering
 - Tillgänglighet och inkluderande designprinciper
 - Fallstudier från verkliga projekt
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Utvecklarresurser för Edge-webbläsaren
-- Guider för progressiva webbappar
-- Insikter om plattformsoberoende utveckling
+- Guider för Progressive Web Apps
+- Insikter i plattformsoberoende utveckling
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Strukturerade lärandekurser
+- Strukturerade inlärningsplaner
 - Videokurser från branschexperter
-- Praktiska kodningsövningar
+- Praktiska kodövningar
 
-> 📚 **Studietips**: Försök inte memorera dokumentationen – lär dig istället navigera effektivt. Bokmärk ofta använda referenser och öva på att använda sökfunktioner för att snabbt hitta specifik information.
+> 📚 **Studietips:** Försök inte att memorera dokumentation – lär dig istället att navigera den effektivt. Bokmärk ofta använda referenser och öva på att använda sökfunktioner för att snabbt hitta specifik information.
 
-### 🔧 **Verktygsmästerskap: Vad tilltalar dig mest?**
+### 🔧 **Verktygsmästerskap: Vad tilltalar dig?**
 
-**Ta en stund att fundera:**
-- Vilket verktyg ser du mest fram emot att testa först? (Det finns inget fel svar!)
-- Känns kommandoraden fortfarande skrämmande, eller är du nyfiken?
-- Kan du tänka dig att använda webbläsarens DevTools för att kika bakom kulisserna på dina favoritwebbplatser?
+**Ta en stund och fundera:**
+- Vilket verktyg är du mest sugen på att prova först? (Det finns inget fel svar!)
+- Känner du fortfarande att kommandoraden är skrämmande, eller är du nyfiken på den?
+- Kan du föreställa dig att använda webbläsarens DevTools för att kika bakom kulisserna på dina favoritwebbplatser?
 
 ```mermaid
 pie title "Utvecklartid som spenderas med verktyg"
     "Kodredigerare" : 40
     "Webbläsartestning" : 25
     "Kommandorad" : 15
-    "Läser dokumentation" : 15
+    "Läsa dokumentation" : 15
     "Felsökning" : 5
 ```
-> **Rolig insikt**: De flesta utvecklare tillbringar ungefär 40 % av sin tid i sin kodredigerare, men märker hur mycket tid som går åt till testning, lärande och problemlösning. Programmering handlar inte bara om att skriva kod – det handlar om att skapa upplevelser!
+> **Rolig insikt**: De flesta utvecklare spenderar ungefär 40% av sin tid i sin kodredigerare, men lägg märke till hur mycket tid som går åt till testning, lärande och problemlösning. Programmering handlar inte bara om att skriva kod – det handlar om att skapa upplevelser!
 
-✅ **Att fundera på**: Här är något intressant att tänka på – hur tror du att verktygen för att bygga webbplatser (utveckling) skiljer sig från verktygen för att designa hur de ser ut (design)? Det är som skillnaden mellan att vara en arkitekt som designar ett vackert hus och en entreprenör som faktiskt bygger det. Båda är avgörande, men behöver olika verktygslådor! Den typen av tänkande hjälper dig verkligen att se helheten av hur webbplatser blir till.
+✅ **Tankeväckande**: Här är något intressant att fundera på – hur tror du verktygen för att bygga webbplatser (utveckling) skiljer sig från verktyg för att designa hur de ser ut (design)? Det är som skillnaden mellan en arkitekt som designar ett vackert hus och en entreprenör som faktiskt bygger det. Båda är avgörande, men behöver olika verktygslådor! Den typen av tänkande hjälper dig verkligen att se den större bilden av hur webbplatser blir till.
 
 ## GitHub Copilot Agent-utmaning 🚀
 
@@ -726,7 +728,7 @@ Använd Agent-läget för att slutföra följande utmaning:
 
 **Beskrivning:** Utforska funktionerna i en modern kodredigerare eller IDE och visa hur den kan förbättra ditt arbetsflöde som webbutvecklare.
 
-**Uppmaning:** Välj en kodredigerare eller IDE (som Visual Studio Code, WebStorm eller en molnbaserad IDE). Lista tre funktioner eller tillägg som hjälper dig att skriva, debugga eller underhålla kod mer effektivt. Ge för varje en kort förklaring av hur det gynnar ditt arbetsflöde.
+**Uppmaning:** Välj en kodredigerare eller IDE (som Visual Studio Code, WebStorm eller en molnbaserad IDE). Lista tre funktioner eller tillägg som hjälper dig att skriva, felsöka eller underhålla kod mer effektivt. Ge till varje en kort förklaring av hur det gynnar ditt arbetsflöde.
 
 ---
 
@@ -734,50 +736,50 @@ Använd Agent-läget för att slutföra följande utmaning:
 
 **Okej, detektiv, redo för ditt första fall?**
 
-Nu när du har fått den här fantastiska grunden, har jag ett äventyr som kommer hjälpa dig se hur otroligt mångsidig och fascinerande programmeringsvärlden egentligen är. Och lyssna – det handlar inte om att skriva kod än, så ingen press! Tänk dig att du är en detektiv inom programmeringsspråk på ditt allra första spännande fall!
+Nu när du har denna fantastiska grund, har jag ett äventyr som ska hjälpa dig att se hur otroligt mångsidig och fascinerande programmeringsvärlden verkligen är. Och lyssna – det här handlar inte om att skriva kod än, så det är ingen press! Tänk på dig själv som en detektiv av programmeringsspråk på ditt allra första spännande fall!
 
-**Din uppgift, om du väljer att acceptera den:**
-1. **Bli en språkupptäckare**: Välj tre programmeringsspråk från helt olika världar – kanske ett som bygger webbplatser, ett som skapar mobilappar, och ett som analyserar data för forskare. Hitta exempel på samma enkla uppgift skrivna i varje språk. Jag lovar att du kommer bli helt amazed över hur olika de kan se ut fast de gör exakt samma sak!
+**Ditt uppdrag, om du väljer att acceptera det:**
+1. **Bli en språkupptäckare**: Välj tre programmeringsspråk från helt olika universum – kanske ett som bygger webbplatser, ett som skapar mobilappar och ett som analyserar data för forskare. Hitta exempel på samma enkla uppgift skrivna i varje språk. Jag lovar, du kommer bli helt amazed över hur olika de kan se ut fast de gör exakt samma sak!
 
-2. **Upptäck deras ursprung**: Vad gör varje språk speciellt? Här är en cool grej – varje programmeringsspråk skapades för att någon tänkte, "Vet du vad? Det måste finnas ett bättre sätt att lösa just det här problemet." Kan du lista ut vilka problem det var? Några av de här historierna är verkligen fascinerande!
+2. **Upptäck deras ursprungshistorier**: Vad gör varje språk speciellt? Här är en cool fakta – varje programmeringsspråk skapades för att någon tänkte "Vet du vad? Det måste finnas ett bättre sätt att lösa just det här problemet." Kan du lista ut vilka problem det var? Vissa av historierna är verkligen fascinerande!
 
-3. **Möt communityn**: Kolla hur välkomnande och passionerad varje språk community är. Vissa har miljontals utvecklare som delar kunskap och hjälper varandra, andra är mindre men otroligt sammansvetsade och stödjande. Du kommer älska att se de olika personligheterna i dessa communityn!
+3. **Möt gemenskaperna**: Kolla hur välkomnande och passionerade varje språks community är. Vissa har miljontals utvecklare som delar kunskap och hjälper varandra, andra är mindre men otroligt sammansvetsade och stöttande. Du kommer älska att se de olika personligheterna i dessa gemenskaper!
 
-4. **Lyssna på magkänslan**: Vilket språk känns mest tillgängligt för dig just nu? Stressa inte över att göra "det perfekta" valet – lita bara på din magkänsla! Det finns ärligt talat inget fel svar och du kan alltid utforska andra senare.
+4. **Följ magkänslan**: Vilket språk känns mest tillgängligt för dig just nu? Stressa inte över att göra det "perfekta" valet – lita på din instinkt! Det finns ärligt talat inget fel svar här, och du kan alltid utforska andra senare.
 
-**Bonusdetektivarbete**: Se om du kan ta reda på vilka stora webbplatser eller appar som är byggda med varje språk. Jag lovar att du kommer bli chockad över att få veta vad som driver Instagram, Netflix eller det där mobilsspelet du inte kan sluta spela!
+**Bonusdetektivarbete**: Försök ta reda på vilka stora webbplatser eller appar som är byggda med varje språk. Jag garanterar att du kommer bli förvånad över att lära dig vad som driver Instagram, Netflix eller det där mobil spelet du inte kan sluta spela!
 
-> 💡 **Kom ihåg**: Du försöker inte bli expert i något av dessa språk idag. Du lär bara känna kvarteren innan du bestämmer dig för var du vill slå dig ner. Ta din tid, ha kul och låt nyfikenheten leda dig!
+> 💡 **Kom ihåg**: Du försöker inte bli expert på något av dessa språk idag. Du lär bara känna området innan du bestämmer var du vill slå dig ner. Ta din tid, ha kul och låt nyfikenheten leda dig!
 
-## Låt oss fira det du upptäckt!
+## Låt oss fira det du har upptäckt!
 
-Holy moly, du har tagit till dig så mycket otrolig information idag! Jag är verkligen peppad på att se hur mycket av denna fantastiska resa som fastnat hos dig. Och kom ihåg – det här är inget test där du måste göra allt perfekt. Det här är mer som en fest för allt häftigt du lärt dig om den fascinerande världen du är på väg att dyka in i!
+Herregud, du har fått in så mycket otrolig information idag! Jag är uppriktigt glad att se hur mycket av den här fantastiska resan som fastnat hos dig. Och kom ihåg – det här är inget prov där du måste få allt perfekt. Det är snarare en fest för allt häftigt du har lärt dig om den här fascinerande världen du snart ska dyka ner i!
 
-[Ta efter-lektionen-testet](https://ff-quizzes.netlify.app/web/)
-## Review & Självstudier
+[Ta quizet efter lektionen](https://ff-quizzes.netlify.app/web/)
 
-**Ta din tid att utforska och ha kul med det!**
+## Repetition & Självstudier
 
-Du har täckt mycket idag, och det är något att vara stolt över! Nu kommer den roliga delen – att utforska de ämnen som väckte din nyfikenhet. Kom ihåg, det här är inget läxor – det är ett äventyr!
+**Ta din tid att utforska och ha roligt med det!**
+Du har täckt mycket idag, och det är något att vara stolt över! Nu kommer den roliga delen – att utforska de ämnen som väckte din nyfikenhet. Kom ihåg, det här är inte läxor – det är ett äventyr!
 
-**Fördjupa dig i det som intresserar dig:**
+**Gå djupare in i det som fascinerar dig:**
 
 **Prova på programmeringsspråk:**
-- Besök de officiella webbplatserna för 2-3 språk som fångade ditt intresse. Varje språk har sin egen personlighet och historia!
-- Testa några online kodningsmiljöer som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Var inte rädd för att experimentera – du kan inte förstöra något!
-- Läs om hur ditt favoritprogrammeringsspråk kom till. Seriöst, några av dessa ursprungshistorier är fascinerande och hjälper dig att förstå varför språken fungerar som de gör.
+- Besök de officiella webbplatserna för 2-3 språk som fångade din uppmärksamhet. Varje språk har sin egen personlighet och historia!
+- Testa några online kod-lekplatser som [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), eller [Replit](https://replit.com/). Var inte rädd för att experimentera – du kan inte förstöra något!
+- Läs om hur ditt favoritspråk kom till. Allvarligt talat, vissa av de här ursprungshistorierna är fascinerande och hjälper dig att förstå varför språken fungerar som de gör.
 
 **Bli bekväm med dina nya verktyg:**
 - Ladda ner Visual Studio Code om du inte redan gjort det – det är gratis och du kommer att älska det!
-- Spendera några minuter på att bläddra i Extensions-marknaden. Det är som en app-butik för din kodredigerare!
-- Öppna din webbläsares utvecklarverktyg och klicka runt. Oroa dig inte för att förstå allt – lär dig bara var saker finns.
+- Spendera några minuter med att bläddra i Extensions-marknaden. Det är som en appbutik för din kodredigerare!
+- Öppna din webbläsares Developer Tools och klicka runt lite. Oroa dig inte för att förstå allt – lär bara känna vad som finns där.
 
-**Gå med i communityn:**
-- Följ några utvecklarcommunities på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringscommunityn är otroligt välkomnande för nybörjare!
-- Titta på nybörjarvänliga kodningsvideor på YouTube. Det finns så många fantastiska skapare där ute som minns hur det var att börja.
-- Överväg att gå med i lokala meetups eller online-communities. Tro mig, utvecklare älskar att hjälpa nybörjare!
+**Gå med i gemenskapen:**
+- Följ några utvecklargemenskaper på [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), eller [GitHub](https://github.com/). Programmeringsgemenskapen är otroligt mottaglig för nykomlingar!
+- Titta på några nybörjarvänliga kodningsvideor på YouTube. Det finns så många fantastiska skapare där ute som minns hur det var att börja.
+- Överväg att gå med i lokala meetups eller online-gemenskaper. Tro mig, utvecklare älskar att hjälpa nybörjare!
 
-> 🎯 **Lyssna, det här vill jag att du ska minnas**: Du förväntas inte bli en kodningsmagiker över en natt! Just nu lär du bara känna denna fantastiska nya värld som du ska bli en del av. Ta din tid, njut av resan, och kom ihåg – varje enda utvecklare du beundrar har en gång suttit precis där du är nu, känt sig exalterad och kanske lite överväldigad. Det är helt normalt, och det betyder att du gör rätt!
+> 🎯 **Lyssna, här är vad jag vill att du ska komma ihåg**: Du förväntas inte bli en kodningsmagiker över en natt! Just nu håller du bara på att lära känna den här fantastiska nya världen som du snart ska vara en del av. Ta din tid, njut av resan, och kom ihåg – varje utvecklare du beundrar satt en gång precis där du är nu, kände sig exalterad och kanske lite överväldigad. Det är helt normalt, och det betyder att du gör rätt!
 
 
 
@@ -785,48 +787,48 @@ Du har täckt mycket idag, och det är något att vara stolt över! Nu kommer de
 
 [Reading the Docs](assignment.md)
 
-> 💡 **En liten puff för din uppgift**: Jag skulle verkligen vilja se dig utforska några verktyg som vi inte har täckt än! Hoppa över redigerare, webbläsare och kommandoradsverktyg som vi redan gått igenom – det finns en hel fantastisk värld av utvecklingsverktyg där ute som bara väntar på att bli upptäckta. Leta efter de som är aktivt underhållna och har livliga, hjälpsamma communities (de brukar ha de bästa guiderna och de mest stödjande människorna när du ofrånkomligt fastnar och behöver en hjälpande hand).
+> 💡 **Lite push för din uppgift**: Jag skulle verkligen vilja se dig utforska verktyg vi ännu inte täckt! Hoppa över redigerare, webbläsare och kommandoradsverktyg som vi redan pratat om – det finns en hel fantastisk värld av utvecklingsverktyg där ute som bara väntar på att bli upptäckta. Leta efter sådana som aktivt underhålls och har livliga, hjälpsamma gemenskaper (de brukar ha de bästa guiderna och de mest stöttande människorna när du oundvikligen fastnar och behöver en vänlig hand).
 
 ---
 
 ## 🚀 Din programmeringsresa tidslinje
 
-### ⚡ **Vad du kan göra de kommande 5 minuterna**
-- [ ] Bokmärk 2-3 webbplatser för programmeringsspråk som fångade ditt intresse
+### ⚡ **Vad du kan göra de närmaste 5 minuterna**
+- [ ] Bokmärk 2-3 webbplatser för programmeringsspråk som fångade din uppmärksamhet
 - [ ] Ladda ner Visual Studio Code om du inte redan gjort det
-- [ ] Öppna din webbläsares DevTools (F12) och klicka runt på någon webbplats
-- [ ] Gå med i en programmeringscommunity (Dev.to, Reddit r/webdev, eller Stack Overflow)
+- [ ] Öppna din webbläsares DevTools (F12) och klicka runt på en webbplats
+- [ ] Gå med i en programmeringsgemenskap (Dev.to, Reddit r/webdev eller Stack Overflow)
 
-### ⏰ **Vad du kan åstadkomma denna timme**
-- [ ] Gör post-lektions quiz och reflektera över dina svar
-- [ ] Installera GitHub Copilot-tillägget i VS Code
-- [ ] Testa ett "Hello World"-exempel i 2 olika programmeringsspråk online
-- [ ] Titta på en "En dag i livet av en utvecklare"-video på YouTube
-- [ ] Börja ditt detektivarbete om programmeringsspråk (från utmaningen)
+### ⏰ **Vad du kan åstadkomma den här timmen**
+- [ ] Gör quizzen efter lektionen och reflektera över dina svar
+- [ ] Ställ in VS Code med GitHub Copilot-tillägget
+- [ ] Prova ett "Hello World"-exempel i 2 olika programmeringsspråk online
+- [ ] Titta på en "En dag i en utvecklares liv" video på YouTube
+- [ ] Börja din programmeringsspråksdetektivarbete (från utmaningen)
 
 ### 📅 **Ditt veckolånga äventyr**
-- [ ] Slutför uppgiften och utforska 3 nya utvecklingsverktyg
+- [ ] Gör klart uppgiften och utforska 3 nya utvecklingsverktyg
 - [ ] Följ 5 utvecklare eller programmeringskonton på sociala medier
-- [ ] Försök bygga något litet i CodePen eller Replit (till och med "Hello, [Ditt Namn]!")
-- [ ] Läs ett blogginlägg av en utvecklare om deras kodningsresa
+- [ ] Försök bygga något litet i CodePen eller Replit (även bara "Hello, [Ditt namn]!")
+- [ ] Läs ett utvecklarblogginlägg om någons kodningsresa
 - [ ] Gå med i ett virtuellt meetup eller titta på ett programmeringsföredrag
-- [ ] Börja lära dig ditt valda språk med online-handledning
+- [ ] Börja lära dig ditt valda språk med online-tutorials
 
-### 🗓️ **Din månadslånga förändring**
+### 🗓️ **Din månadslånga förvandling**
 - [ ] Bygg ditt första lilla projekt (ännu en enkel webbsida räknas!)
-- [ ] Bidra till ett open source-projekt (börja med dokumentationsfixar)
-- [ ] Mentor någon som precis börjat sin programmeringsresa
+- [ ] Bidra till ett open-source-projekt (börja med dokumentationsfixar)
+- [ ] Mentorskap någon som precis börjat sin programmeringsresa
 - [ ] Skapa din utvecklarportfolio-webbplats
-- [ ] Koppla ihop med lokala utvecklarcommunities eller studiegrupper
+- [ ] Koppla ihop med lokala utvecklargemenskaper eller studiegrupper
 - [ ] Börja planera din nästa lärandemilstolpe
 
 ### 🎯 **Slutlig reflektion**
 
-**Innan du går vidare, ta en stund att fira:**
-- Vad är en sak med programmering som fick dig att känna dig exalterad idag?
+**Innan du går vidare, ta en stund för att fira:**
+- Vad är en sak med programmering som gjorde dig exalterad idag?
 - Vilket verktyg eller koncept vill du utforska först?
-- Hur känner du om att börja denna programmeringsresa?
-- Vad är en fråga du skulle vilja ställa en utvecklare just nu?
+- Hur känns det att starta denna programmeringsresa?
+- Vilken fråga skulle du vilja ställa en utvecklare just nu?
 
 ```mermaid
 journey
@@ -834,21 +836,21 @@ journey
     section Idag
       Nyfiken: 3: You
       Överväldigad: 4: You
-      Exalterad: 5: You
+      Uppspelt: 5: You
     section Denna Vecka
       Utforskar: 4: You
-      Lär Sig: 5: You
-      Kopplar Ihop: 4: You
+      Lär: 5: You
+      Kopplar ihop: 4: You
     section Nästa Månad
       Bygger: 5: You
       Självsäker: 5: You
       Hjälper Andra: 5: You
 ```
-> 🌟 **Kom ihåg**: Varje expert var en gång en nybörjare. Varje seniorutvecklare har känt precis som du gör just nu – exalterad, kanske lite överväldigad, och definitivt nyfiken på vad som är möjligt. Du är i fantastisk sällskap, och denna resa kommer att bli otrolig. Välkommen till den underbara världen av programmering! 🎉
+> 🌟 **Kom ihåg**: Varje expert var en gång en nybörjare. Varje senior utvecklare har känt precis som du gör nu – exalterad, kanske lite överväldigad, och definitivt nyfiken på vad som är möjligt. Du är i fantastiskt sällskap, och den här resan kommer att bli otrolig. Välkommen till den underbara världen av programmering! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Ansvarsfriskrivning**:
-Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, var vänlig observera att automatiska översättningar kan innehålla fel eller brister. Originaldokumentet på dess ursprungliga språk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell humanöversättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår till följd av användningen av denna översättning.
+Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör du vara medveten om att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess ursprungsspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller felaktiga tolkningar som uppstår från användningen av denna översättning.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sv/AGENTS.md b/translations/sv/AGENTS.md
index b807c3c2b..d38f056b0 100644
--- a/translations/sv/AGENTS.md
+++ b/translations/sv/AGENTS.md
@@ -2,36 +2,36 @@
 
 ## Projektöversikt
 
-Detta är ett utbildningsbibliotek för att lära ut grunderna i webbapputveckling för nybörjare. Kursplanen är en omfattande 12-veckors kurs utvecklad av Microsoft Cloud Advocates, med 24 praktiska lektioner som täcker JavaScript, CSS och HTML.
+Detta är ett utbildningsprogramsförråd för att lära ut grunderna i webbdesign till nybörjare. Kursplanen är en omfattande 12-veckorskurs utvecklad av Microsoft Cloud Advocates, med 24 praktiska lektioner som täcker JavaScript, CSS och HTML.
 
 ### Viktiga komponenter
 
 - **Utbildningsinnehåll**: 24 strukturerade lektioner organiserade i projektbaserade moduler
-- **Praktiska projekt**: Terrarium, Typ-spel, Webbläsartillägg, Rymdspel, Bankapp, Kodredigerare och AI-chattassistent
-- **Interaktiva quiz**: 48 quiz med 3 frågor vardera (före/efter lektion)
-- **Fler språkstöd**: Automatiska översättningar för 50+ språk via GitHub Actions
+- **Praktiska projekt**: Terrarium, Typningsspel, Webbläsartillägg, Rymdspel, Bankapp, Kodredigerare och AI-chattassistent
+- **Interaktiva quiz**: 48 quiz med 3 frågor vardera (för- och efter lektion)
+- **Flerspråkigt stöd**: Automatiska översättningar för 50+ språk via GitHub Actions
 - **Teknologier**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (för AI-projekt)
 
 ### Arkitektur
 
-- Utbildningsbibliotek med lektionbaserad struktur
+- Utbildningsförråd med lektionbaserad struktur
 - Varje lektionsmapp innehåller README, kodexempel och lösningar
-- Självständiga projekt i separata kataloger (quiz-app, olika lektionsprojekt)
+- Fristående projekt i separata kataloger (quiz-app, olika lektionsprojekt)
 - Översättningssystem med GitHub Actions (co-op-translator)
-- Dokumentation serveras via Docsify och finns som PDF
+- Dokumentation serveras via Docsify och finns tillgänglig som PDF
 
 ## Installationskommandon
 
-Detta bibliotek är främst för att konsumera utbildningsinnehåll. För att arbeta med specifika projekt:
+Detta förråd är främst för konsumtion av utbildningsinnehåll. För arbete med specifika projekt:
 
-### Huvudbibliotekets installation
+### Huvudförrådets installation
 
 ```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 installation (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -59,7 +59,7 @@ npm install
 # Följ webbläsarspecifika instruktioner för att ladda tillägg
 ```
 
-### Rymdspelsprojekt
+### Rymdspelprojekt
 
 ```bash
 cd 6-space-game/solution
@@ -76,45 +76,45 @@ pip install openai
 python api.py
 ```
 
-## Utvecklingsarbetsflöde
+## Utvecklingsflöde
 
 ### För innehållsbidragare
 
-1. **Forka biblioteket** till ditt GitHub-konto
+1. **Fork:a förrådet** till ditt GitHub-konto
 2. **Klona din fork** lokalt
-3. **Skapa en ny branch** för dina ändringar
+3. **Skapa en ny gren** för dina ändringar
 4. Gör ändringar i lektionsinnehåll eller kodexempel
-5. Testa eventuella kodändringar i relevanta projektmappar
-6. Skicka pull requests enligt bidragsriktlinjer
+5. Testa eventuella kodändringar i relevanta projektkataloger
+6. Skicka in pull requests enligt bidragsriktlinjerna
 
 ### För elever
 
-1. Forka eller klona biblioteket
-2. Gå igenom lektionsmappar i ordning
+1. Fork:a eller klona förrådet
+2. Navigera till lektionskataloger i tur och ordning
 3. Läs README-filer för varje lektion
-4. Slutför för-lektionsquiz på https://ff-quizzes.netlify.app/web/
-5. Arbeta igenom kodexempel i lektionsmappar
-6. Slutför uppgifter och utmaningar
-7. Gör efter-lektionsquiz
+4. Gör för-quiz på https://ff-quizzes.netlify.app/web/
+5. Arbeta igenom kodexempel i lektionsmapparna
+6. Genomför uppgifter och utmaningar
+7. Avsluta med efter-quiz
 
 ### Live-utveckling
 
-- **Dokumentation**: Kör `docsify serve` i root (port 3000)
-- **Quiz App**: Kör `npm run dev` i quiz-app-mappen
-- **Projekt**: Använd VS Code Live Server-extension för HTML-projekt
+- **Dokumentation**: Kör `docsify serve` i rotkatalogen (port 3000)
+- **Quiz App**: Kör `npm run dev` i quiz-app-katalogen
+- **Projekt**: Använd VS Codes Live Server-förlängning för HTML-projekt
 - **API-projekt**: Kör `npm start` i respektive API-katalog
 
-## Testningsinstruktioner
+## Testinstruktioner
 
-### Quiz App testning
+### Testning av Quiz App
 
 ```bash
 cd quiz-app
 npm run lint       # Kontrollera kodstilproblem
-npm run build      # Verifiera att byggnationen lyckas
+npm run build      # Verifiera att byggandet lyckas
 ```
 
-### Bank API testning
+### Testning av Bank API
 
 ```bash
 cd 7-bank-project/api
@@ -124,12 +124,12 @@ node server.js     # Verifiera att servern startar utan fel
 
 ### Allmän testmetod
 
-- Detta är ett utbildningsbibliotek utan omfattande automatiserade tester
-- Manuell testning fokuserar på:
-  - Kodexempel körs utan fel
+- Detta är ett utbildningsförråd utan omfattande automatiska tester
+- Manuella tester fokuserar på:
+  - Kodexempel som körs utan fel
   - Länkar i dokumentationen fungerar korrekt
-  - Projekt byggs utan problem
-  - Exempel följer bästa praxis
+  - Projekten byggs färdigt utan fel
+  - Exemplen följer bästa praxis
 
 ### Kontroll före inskickning
 
@@ -144,7 +144,7 @@ node server.js     # Verifiera att servern startar utan fel
 
 - Använd modern ES6+ syntax
 - Följ standard ESLint-konfigurationer i projekten
-- Använd meningsfulla variabel- och funktionsnamn för utbildningsklarhet
+- Använd meningsfulla variabel- och funktionsnamn för pedagogisk tydlighet
 - Lägg till kommentarer som förklarar koncept för elever
 - Formatera med Prettier där det är konfigurerat
 
@@ -158,42 +158,42 @@ node server.js     # Verifiera att servern startar utan fel
 ### Python
 
 - PEP 8 stilriktlinjer
-- Klara, utbildningsanpassade kodexempel
-- Typangivelser där det är hjälpsamt för lärande
+- Klara, pedagogiska kodexempel
+- Typangivelser där det är hjälpsamt för inlärning
 
 ### Markdown-dokumentation
 
-- Tydlig rubrikstruktur
-- Kodblock med språkspecifikation
+- Klar rubrikhierarki
+- Kodblock med språkangivelse
 - Länkar till ytterligare resurser
-- Skärmdumpar och bilder i `images/`-mappar
-- Alt-text för bilder för tillgänglighet
+- Skärmdumpar och bilder i `images/`-kataloger
+- Alternativtext för bilder för tillgänglighet
 
 ### Filorganisation
 
-- Lektioner numrerade i ordning (1-getting-started-lessons, 2-js-basics, etc.)
+- Lektioner numrerade sekventiellt (1-getting-started-lessons, 2-js-basics, osv)
 - Varje projekt har `solution/` och ofta `start/` eller `your-work/` kataloger
-- Bilder lagras i lektons-specifika `images/`-mappar
+- Bilder lagras i lektionsspecifika `images/` mappar
 - Översättningar i `translations/{language-code}/` struktur
 
-## Bygg och distribution
+## Build och Utplacering
 
-### Quiz App distribution (Azure Static Web Apps)
+### Quiz App-utplacering (Azure Static Web Apps)
 
-quiz-app är konfigurerad för distribution till Azure Static Web Apps:
+Quiz-appen är konfigurerad för utplacering på Azure Static Web Apps:
 
 ```bash
 cd quiz-app
-npm run build      # Skapar dist/ mapp
-# Distribuerar via GitHub Actions-arbetsflöde vid push till main
+npm run build      # Skapar dist/ mappen
+# Distribuerar via GitHub Actions arbetsflöde vid push till main
 ```
 
 Azure Static Web Apps-konfiguration:
-- **App-plats**: `/quiz-app`
-- **Utdata-plats**: `dist`
+- **Appplats**: `/quiz-app`
+- **Utmatningsplats**: `dist`
 - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Generering av PDF-dokumentation
+### Generering av dokumentations-PDF
 
 ```bash
 npm install                    # Installera docsify-to-pdf
@@ -211,52 +211,52 @@ docsify serve                 # Servera på localhost:3000
 
 Varje projektkatalog kan ha egen byggprocess:
 - Vue-projekt: `npm run build` skapar produktionspaket
-- Statisk projekt: Inget byggsteg, servera filer direkt
+- Statiska projekt: Inget byggsteg, servera filer direkt
 
-## Pull Request-riktlinjer
+## Riktlinjer för Pull Requests
 
 ### Titelformat
 
-Använd tydliga, beskrivande titlar som anger ändringsområde:
+Använd klara, beskrivande titlar som anger ändringsområde:
 - `[Quiz-app] Lägg till nytt quiz för lektion X`
-- `[Lesson-3] Fixar stavfel i terrarium-projekt`
+- `[Lesson-3] Rätta stavfel i terrarium-projekt`
 - `[Translation] Lägg till spansk översättning för lektion 5`
 - `[Docs] Uppdatera installationsinstruktioner`
 
 ### Obligatoriska kontroller
 
-Innan PR skickas in:
+Innan PR skickas:
 
 1. **Kodkvalitet**:
-   - Kör `npm run lint` i berörda projektmappar
+   - Kör `npm run lint` i berörda projektkataloger
    - Åtgärda alla lint-varningar och fel
 
 2. **Byggverifiering**:
-   - Kör `npm run build` om tillämpligt
-   - Säkerställ att inga byggfel uppstår
+   - Kör `npm run build` där applicerbart
+   - Säkerställ inga byggfel
 
-3. **Länkkontroll**:
+3. **Länkverifiering**:
    - Testa alla markdown-länkar
    - Verifiera att bildreferenser fungerar
 
 4. **Innehållsgranskning**:
    - Korrekturläs stavning och grammatik
    - Säkerställ att kodexempel är korrekta och pedagogiska
-   - Kontrollera att översättningar behåller ursprungligt budskap
+   - Verifiera att översättningar bevarar ursprunglig betydelse
 
 ### Bidragskrav
 
-- Acceptera Microsoft CLA (automatisk kontroll vid första PR)
+- Godkänn Microsoft CLA (automatisk kontroll vid första PR)
 - Följ [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
 - Se [CONTRIBUTING.md](./CONTRIBUTING.md) för detaljerade riktlinjer
-- Referera ärendenummer i PR-beskrivning vid behov
+- Referera ärendenummer i PR-beskrivning vid tillämplighet
 
 ### Granskningsprocess
 
 - PR granskas av underhållare och community
-- Utbildningsklarhet prioriteras
+- Pedagogisk tydlighet prioriteras
 - Kodexempel ska följa aktuella bästa praxis
-- Översättningar granskas för korrekthet och kulturell lämplighet
+- Översättningar granskas för noggrannhet och kulturrelevans
 
 ## Översättningssystem
 
@@ -265,13 +265,13 @@ Innan PR skickas in:
 - Använder GitHub Actions med co-op-translator workflow
 - Översätter automatiskt till 50+ språk
 - Källfiler i huvudkataloger
-- Översatta filer i `translations/{language-code}/`-mappar
+- Översatta filer i `translations/{language-code}/` kataloger
 
-### Manuella förbättringar av översättning
+### Lägga till manuell översättningsförbättring
 
-1. Hitta filen i `translations/{language-code}/`
-2. Gör förbättringar samtidigt som struktur bevaras
-3. Säkerställ att kodexempel förblir funktionella
+1. Hitta fil i `translations/{language-code}/`
+2. Gör förbättringar utan att ändra struktur
+3. Säkerställ att kodexempel förblir fungerande
 4. Testa eventuellt lokaliserat quizinnehåll
 
 ### Översättningsmetadata
@@ -289,87 +289,87 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Felsökning och problemlösning
+## Felsökning och Problemlösning
 
 ### Vanliga problem
 
 **Quiz-appen startar inte**:
-- Kontrollera Node.js-version (v14+ rekommenderas)
-- Ta bort `node_modules` och `package-lock.json`, kör `npm install` igen
-- Kontrollera om porten är upptagen (standard: Vite använder port 5173)
+- Kontrollera Node.js version (v14+ rekommenderas)
+- Radera `node_modules` och `package-lock.json`, kör `npm install` igen
+- Kontrollera portkonflikter (standard: Vite använder port 5173)
 
-**API-server startar inte**:
-- Verifiera att Node.js-version är minst (node >=10)
-- Kontrollera om port är redan i bruk
-- Säkerställ att alla beroenden är installerade med `npm install`
+**API-servern startar inte**:
+- Kontrollera att Node.js version är tillräcklig (node >=10)
+- Kontrollera att porten inte redan används
+- Säkerställ alla beroenden installerade med `npm install`
 
 **Webbläsartillägg laddas inte**:
 - Kontrollera att manifest.json är korrekt formaterad
-- Kontrollera webbläsarkonsolen för fel
-- Följ webbläsarspecifika installationsinstruktioner för tillägg
+- Granska webbläsarkonsol för fel
+- Följ webbläsarspecifika installationsanvisningar
 
-**Problem med Python-chattprojektet**:
-- Kontrollera att OpenAI-paketet är installerat: `pip install openai`
-- Verifiera att GITHUB_TOKEN miljövariabel är satt
-- Kontrollera GitHub Models åtkomsträttigheter
+**Problem med Python-chattprojekt**:
+- Säkerställ att OpenAI-paket är installerat: `pip install openai`
+- Kontrollera att GITHUB_TOKEN miljövariabel är satt
+- Granska GitHub Models åtkomstbehörigheter
 
 **Docsify serverar inte dokumentation**:
 - Installera docsify-cli globalt: `npm install -g docsify-cli`
-- Kör från repository root-katalog
+- Kör från förrådets rotkatalog
 - Kontrollera att `docs/_sidebar.md` finns
 
 ### Tips för utvecklingsmiljö
 
-- Använd VS Code med Live Server-extension för HTML-projekt
-- Installera ESLint och Prettier extensions för konsekvent formatering
-- Använd webbläsarens DevTools för att debugga JavaScript
+- Använd VS Code med Live Server-förlängning för HTML-projekt
+- Installera ESLint och Prettier-förlängningar för konsekvent formatering
+- Använd webbläsarens DevTools för JavaScript-felsökning
 - För Vue-projekt, installera Vue DevTools webbläsartillägg
 
-### Prestandaöverväganden
+### Prestandahänsyn
 
-- Stort antal översatta filer (50+ språk) gör att fulla kloner blir stora
-- Använd shallow clone om du bara arbetar med innehåll: `git clone --depth 1`
-- Exkludera översättningar från sökningar när du arbetar med engelskt innehåll
+- Stort antal översatta filer (50+ språk) gör fulla kloner stora
+- Använd grundklon om du bara arbetar med innehåll: `git clone --depth 1`
+- Exkludera översättningar från sökningar när du jobbar på engelskt innehåll
 - Byggprocesser kan vara långsamma vid första körning (npm install, Vite build)
 
-## Säkerhetsöverväganden
+## Säkerhetshänsyn
 
 ### Miljövariabler
 
-- API-nycklar bör aldrig committas till repository
+- API-nycklar ska aldrig checkas in i förrådet
 - Använd `.env`-filer (redan i `.gitignore`)
-- Dokumentera erforderliga miljövariabler i projekt-README
+- Dokumentera nödvändiga miljövariabler i projektens README-filer
 
 ### Python-projekt
 
 - Använd virtuella miljöer: `python -m venv venv`
 - Håll beroenden uppdaterade
-- GitHub-tokens bör ha minimala nödvändiga rättigheter
+- GitHub-tokens bör ha minimala nödvändiga behörigheter
 
-### GitHub Models-åtkomst
+### GitHub Models åtkomst
 
 - Personliga åtkomsttokens (PAT) krävs för GitHub Models
-- Tokens bör sparas som miljövariabler
-- Commita aldrig tokens eller inloggningsuppgifter
+- Tokens ska sparas som miljövariabler
+- Aldrig checka in tokens eller inloggningsuppgifter
 
 ## Ytterligare anteckningar
 
 ### Målgrupp
 
-- Helt nybörjare inom webbappar
-- Studenter och självlärande
+- Kompletta nybörjare inom webbdesign
+- Studenter och självstudier
 - Lärare som använder kursplanen i klassrum
-- Innehållet är utformat för tillgänglighet och stegvis kompetensuppbyggnad
+- Innehållet är utformat för tillgänglighet och gradvis färdighetsutveckling
 
 ### Pedagogisk filosofi
 
 - Projektbaserat lärande
 - Frekventa kunskapskontroller (quiz)
-- Praktiska kodövningar
-- Exempel från verkliga tillämpningar
+- Praktiska kodningsövningar
+- Exempel på verkliga tillämpningar
 - Fokus på grunder innan ramverk
 
-### Underhåll av repository
+### Förrådets underhåll
 
 - Aktiv community av elever och bidragsgivare
 - Regelbundna uppdateringar av beroenden och innehåll
@@ -378,31 +378,31 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### Relaterade resurser
 
-- [Microsoft Learn moduler](https://docs.microsoft.com/learn/)
-- [Student Hub resurser](https://docs.microsoft.com/learn/student-hub/)
+- [Microsoft Learn-moduler](https://docs.microsoft.com/learn/)
+- [Student Hub-resurser](https://docs.microsoft.com/learn/student-hub/)
 - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekommenderas för elever
-- Ytterligare kurser: Generativ AI, Data Science, ML, IoT kursplaner finns
+- Ytterligare kurser: Generativ AI, Data Science, ML, IoT kursplaner tillgängliga
 
 ### Arbeta med specifika projekt
 
-För detaljerade instruktioner om individuell projekt, se README-filer i:
-- `quiz-app/README.md` - Vue 3 quiz-app
+För detaljerade instruktioner om enskilda projekt, se README-filer i:
+- `quiz-app/README.md` - Vue 3 quiz-applikation
 - `7-bank-project/README.md` - Bankapplikation med autentisering
 - `5-browser-extension/README.md` - Webbläsartilläggsutveckling
-- `6-space-game/README.md` - Canvas-baserat spel
-- `9-chat-project/README.md` - AI-chattassistentprojekt
+- `6-space-game/README.md` - Canvas-baserat spelutveckling
+- `9-chat-project/README.md` - AI chattassistentprojekt
 
 ### Monorepo-struktur
 
-Även om detta inte är ett traditionellt monorepo, innehåller detta bibliotek flera oberoende projekt:
+Även om det inte är ett traditionellt monorepo innehåller detta förråd flera oberoende projekt:
 - Varje lektion är självständig
-- Projekt delar inga beroenden
-- Arbeta med enskilda projekt utan att påverka andra
-- Klona hela repot för full utbildningsupplevelse
+- Projekten delar inte beroenden
+- Arbeta på individuella projekt utan att påverka andra
+- Klona hela förrådet för hela kursplanens upplevelse
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Ansvarsfriskrivning**:
-Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet bör du vara medveten om att automatiska översättningar kan innehålla fel eller felaktigheter. Det ursprungliga dokumentet på dess ursprungsspråk ska betraktas som den auktoritativa källan. För viktig information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår vid användning av denna översättning.
+**Ansvarsfriskrivning**:  
+Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, var vänlig observera att automatiska översättningar kan innehålla fel eller brister. Originaldokumentet på dess ursprungliga språk ska betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår till följd av användningen av denna översättning.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sv/README.md b/translations/sv/README.md
index a568d3c28..c7e2651a8 100644
--- a/translations/sv/README.md
+++ b/translations/sv/README.md
@@ -12,67 +12,78 @@
 
 # Webb utveckling för nybörjare - En läroplan
 
-Lär dig grunderna i webbutveckling med vår 12-veckors omfattande kurs av Microsoft Cloud Advocates. Varje av de 24 lektionerna fördjupar sig i JavaScript, CSS och HTML genom praktiska projekt som terrarier, webbläsartillägg och rymdspel. Delta i frågesporter, diskussioner och praktiska uppgifter. Förbättra dina färdigheter och optimera din kunskapsbevarande med vår effektiva projektbaserade pedagogik. Börja din kodningsresa idag!
+Lär dig grunderna i webb utveckling med vår 12-veckors omfattande kurs av Microsoft Cloud Advocates. Var och en av de 24 lektionerna dyker ner i JavaScript, CSS och HTML genom praktiska projekt som terrarier, webbläsartillägg och rymdspel. Delta i quiz, diskussioner och praktiska uppgifter. Förbättra dina färdigheter och optimera din kunskapsbevarande med vår effektiva projektbaserade pedagogik. Börja din kodningsresa idag!
 
 Gå med i Azure AI Foundry Discord Community
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Följ dessa steg för att komma igång med dessa resurser:
-1. **Forka FÖrrådet**: Klicka [![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. **Klona FÖrrådet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Följ dessa steg för att komma igång med att använda dessa resurser:
+1. **Forka Repositoryt**: Klicka [![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. **Klona Repositoryt**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 3. [**Gå med i Azure AI Foundry Discord och träffa experter och andra utvecklare**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Flerspråkigt stöd
+### 🌐 Stöd för flera språk
 
-#### Stöds via GitHub Action (Automatiserat och alltid uppdaterat)
+#### Stöds via GitHub Action (Automatiserat & Alltid Uppdaterat)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](./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)
 
-> **Föredrar du att Klona Lokalt?**
-
-> Detta förråd inkluderar över 50 språköversättningar som betydligt ökar nedladdningsstorleken. För att klona utan översättningar, använd sparsamt utläsning:
+> **Föredrar du att klona lokalt?**
+>
+> Detta repository innehåller över 50 språköversättningar vilket ökar nedladdningsstorleken avsevärt. För att klona utan översättningar, använd sparsamt utcheckning:
+>
+> **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"
+> ```
+>
 > Detta ger dig allt du behöver för att slutföra kursen med en mycket snabbare nedladdning.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Om du vill ha ytterligare översättningsspråk stödjs dessa [här](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Om du vill ha ytterligare språkstöd finns de listade [här](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)
 
 #### 🧑‍🎓 _Är du student?_
 
-Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) där du hittar nybörjarresurser, studentpaket och även sätt att få ett gratis certifikat-voucher. Detta är sidan du vill bokmärka och kolla då och då eftersom vi byter ut innehållet varje månad.
+Besök [**Student Hub-sidan**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) där du hittar nybörjarresurser, studentpaket och till och med sätt att få ett gratis certifikatvoucher. Detta är sidan du vill bokmärka och kolla in då och då eftersom vi uppdaterar innehåll varje månad.
 
 ### 📣 Meddelande - Nya GitHub Copilot Agent-lägesutmaningar att slutföra!
 
-Ny utmaning tillagd, leta efter "GitHub Copilot Agent Challenge 🚀" i de flesta kapitel. Det är en ny utmaning för dig att slutföra med GitHub Copilot och Agent-läge. Om du inte har använt Agent-läge tidigare kan det inte bara generera text utan kan också skapa och redigera filer, köra kommandon med mera.
+Ny utmaning tillagd, leta efter "GitHub Copilot Agent Challenge 🚀" i de flesta kapitel. Det är en ny utmaning för dig att slutföra med GitHub Copilot och Agent-läget. Om du inte använt Agent-läget tidigare kan det inte bara generera text, utan även skapa och redigera filer, köra kommandon och mer.
 
-### 📣 Meddelande - _Nytt projekt att bygga med Generativ AI_ 
+### 📣 Meddelande - _Nytt projekt att bygga med Generativ AI_
 
-Nytt AI Assistant-projekt nyligen tillagt, kolla in det [projekt](./9-chat-project/README.md)
+Nytt AI-assistentprojekt just tillagt, kolla in det [projektet](./9-chat-project/README.md)
 
 ### 📣 Meddelande - _Ny läroplan_ om Generativ AI för JavaScript har just släppts
 
-Missa inte vår nya läroplan för Generativ AI!
+Missa inte vår nya Generativ AI-läroplan!
 
 Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igång!
 
 ![Background](../../translated_images/sv/background.148a8d43afde5730.webp)
 
 - Lektioner som täcker allt från grunder till RAG.
-- Interagera med historiska karaktärer med GenAI och vår app.
-- Rolig och engagerande berättelse, du kommer att resa i tiden!
+- Interagera med historiska karaktärer med GenAI och vår medföljande app.
+- Rolig och engagerande berättelse, du kommer att tidsresa!
 
 ![character](../../translated_images/sv/character.5c0dd8e067ffd693.webp)
 
-Varje lektion innehåller en uppgift att slutföra, en kunskapskontroll och en utmaning som vägleder dig genom ämnen som:
-- Frågeteknik och promptteknik
+
+Varje lektion inkluderar en uppgift att slutföra, en kunskapskontroll och en utmaning som guidar dig i att lära dig ämnen som:
+- Prompting och promptteknik
 - Text- och bildappsgenerering
 - Sökappar
 
@@ -82,130 +93,127 @@ Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att
 
 ## 🌱 Komma igång
 
-> **Lärare**, vi har [inkluderat några förslag](for-teachers.md) om hur du kan använda denna läroplan. Vi skulle uppskatta din feedback [i vårt diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Lärare**, vi har [inkluderat några förslag](for-teachers.md) på hur man använder denna läroplan. Vi skulle uppskatta din feedback [i vårt diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Lärande](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, för varje lektion, börja med en för-foreläsningsfrågesport och fortsätt med att läsa föreläsningsmaterialet, komplettera de olika aktiviteterna och kontrollera din förståelse med post-foreläsningsfrågesporten.
+**[Studenter](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, för varje lektion, börja med ett förföreläsningsquiz och fortsätt sedan med att läsa föreläsningsmaterialet, slutföra de olika aktiviteterna och kontrollera din förståelse med efterföreläsningsquizet.
 
-För att förbättra din inlärningsupplevelse, anslut med dina kamrater för att arbeta med projekten tillsammans! Diskussioner uppmuntras i vårt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) där vårt team av moderatorer finns tillgängliga för att svara på dina frågor.
+För att förbättra din lärandeupplevelse, koppla ihop med dina kamrater för att arbeta på projekten tillsammans! Diskussioner uppmuntras i vårt [diskussionsforum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) där vårt team av moderatorer finns tillgängliga för att svara på dina frågor.
 
-För att vidareutbilda dig rekommenderar vi starkt att utforska [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) för ytterligare studiematerial.
+För att fördjupa din utbildning rekommenderar vi starkt att utforska [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) för ytterligare studiematerial.
 
 ### 📋 Ställa in din miljö
 
-Denna läroplan har en utvecklingsmiljö redo att användas! När du kommer igång kan du välja att köra läroplanen i en [Codespace](https://github.com/features/codespaces/) (_en webbläsarbaserad, ingen installation behövs-miljö_), eller lokalt på din dator med en textredigerare som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Denna läroplan har en utvecklingsmiljö redo att användas! När du kommer igång kan du välja att köra läroplanen i en [Codespace](https://github.com/features/codespaces/) (_en webbläsarbaserad miljö utan behov av installation_), eller lokalt på din dator med en textredigerare som [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Skapa ditt förråd
-För att du enkelt ska kunna spara ditt arbete rekommenderas att du skapar din egen kopia av detta förråd. Du kan göra detta genom att klicka på knappen **Use this template** högst upp på sidan. Detta skapar ett nytt förråd i ditt GitHub-konto med en kopia av läroplanen.
+#### Skapa ditt repository
+För att enkelt spara ditt arbete rekommenderas det att du skapar en egen kopia av detta repository. Du kan göra detta genom att klicka på knappen **Use this template** högst upp på sidan. Detta skapar ett nytt repository i ditt GitHub-konto med en kopia av läroplanen.
 
 Följ dessa steg:
-1. **Forka FÖrrådet**: Klicka på "Fork"-knappen i det övre högra hörnet på denna sida.
-2. **Klona FÖrrådet**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Forka Repositoryt**: Klicka på knappen "Fork" uppe i högra hörnet på denna sida.
+2. **Klona Repositoryt**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Köra läroplanen i en Codespace
 
-I din kopia av detta förråd som du skapade, klicka på **Code**-knappen och välj **Open with Codespaces**. Detta skapar en ny Codespace för dig att arbeta i.
+I din kopia av detta repository som du skapade, klicka på knappen **Code** och välj **Open with Codespaces**. Detta kommer att skapa en ny Codespace för dig att arbeta i.
 
 ![Codespace](../../translated_images/sv/createcodespace.0238bbf4d7a8d955.webp)
 
 #### Köra läroplanen lokalt på din dator
 
-För att köra denna läroplan lokalt på din dator behöver du en textredigerare, en webbläsare och ett kommandoradsverktyg. Vår första lektion, [Introduktion till programmeringsspråk och verktyg](../../1-getting-started-lessons/1-intro-to-programming-languages), guidar dig genom olika alternativ för varje av dessa verktyg så att du kan välja det som passar dig bäst.
-
-Vårt rekommenderade redigeringsprogram är [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som även har en inbyggd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan ladda ner Visual Studio Code [här](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+För att köra denna läroplan lokalt på din dator behöver du en textredigerare, en webbläsare och ett kommandoradsverktyg. Vår första lektion, [Introduktion till programmeringsspråk och verktyg för yrket](../../1-getting-started-lessons/1-intro-to-programming-languages), guidar dig genom olika alternativ för var och en av dessa verktyg så att du kan välja det som passar dig bäst.
 
-
-1. Klona ditt förråd till din dator. Du kan göra detta genom att klicka på **Code**-knappen och kopiera URL:
+Vår rekommendation är att använda [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) som din redigerare, som även har en inbyggd [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Du kan ladda ner Visual Studio Code [här](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klona ditt repository till din dator. Du kan göra detta genom att klicka på **Code**-knappen och kopiera URL:en:
 
     [CodeSpace](./images/createcodespace.png)
-    Öppna sedan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) och kör följande kommando, byt ut `<your-repository-url>` mot URL:en du just kopierade:
+
+    Öppna sedan [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) i [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) och kör följande kommando, där du byter ut `<your-repository-url>` mot URL:en du just kopierade:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Öppna mappen i Visual Studio Code. Det kan du göra genom att klicka på **File** > **Open Folder** och välja mappen du just klonade.
+2. Öppna mappen i Visual Studio Code. Du kan göra detta genom att klicka på **File** > **Open Folder** och välja den mapp du just klonade.
 
-
->  Rekommenderade Visual Studio Code-tillägg:
+>  Rekommenderade tillägg för Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - för att förhandsgranska HTML-sidor i Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - för att förhandsgranska HTML-sidor inom Visual Studio Code
 > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - för att hjälpa dig skriva kod snabbare
 
-## 📂 Varje lektion inkluderar:
+## 📂 Varje lektion innehåller:
 
-- valfri sketchnote
+- valfritt skissnotat
 - valfri kompletterande video
-- förberedande quiz före lektionen
-- skriftlig lektion
-- för projektbaserade lektioner, steg-för-steg guider för hur man bygger projektet
+- värmande quiz före lektionen
+- skriven lektion
+- för projektbaserade lektioner, steg-för-steg-guider för att bygga projektet
 - kunskapskontroller
 - en utmaning
 - kompletterande läsning
 - uppgift
 - [quiz efter lektionen](https://ff-quizzes.netlify.app/web/)
 
-> **En notering om quiz**: Alla quiz finns i Quiz-app-mappen, totalt 48 quiz med tre frågor vardera. De finns tillgängliga [här](https://ff-quizzes.netlify.app/web/), quiz-appen kan köras lokalt eller distribueras till Azure; följ instruktionerna i mappen `quiz-app`.
+> **En notering om quiz**: Alla quiz finns i Quiz-app-mappen, totalt 48 quiz med tre frågor vardera. De finns tillgängliga [här](https://ff-quizzes.netlify.app/web/) och quizappen kan köras lokalt eller distribueras till Azure; följ instruktionerna i `quiz-app`-mappen.
 
 ## 🗃️ Lektioner
 
-|     |                       Projektnamn                       |                             Undervisade koncept                             | Lärandemål                                                                                                                       |                                                         Länkad lektion                                                          |         Författare          |
-| :-: | :----------------------------------------------------: | :------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------------: |
-| 01  |                     Kom igång                          |           Introduktion till programmering och verktyg                      | Lär dig de grundläggande principerna bakom de flesta programmeringsspråk och programvara som hjälper professionella utvecklare | [Introduktion till programmeringsspråk och verktyg](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine             |
-| 02  |                     Kom igång                          |             Grunder i GitHub, inklusive samarbete i team                    | Hur man använder GitHub i sitt projekt, och hur man samarbetar med andra i en kodbas                                              |                              [Introduktion till GitHub](./1-getting-started-lessons/2-github-basics/README.md)                  |          Floor              |
-| 03  |                     Kom igång                          |                             Tillgänglighet                                 | Lär dig grunderna i webbtillgänglighet                                                                                            |                       [Grundläggande tillgänglighet](./1-getting-started-lessons/3-accessibility/README.md)                   |       Christopher           |
-| 04  |                        JS Grunder                      |                         JavaScript-datatyper                              | Grunderna i JavaScript-datatyper                                                                                                 |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                        |         Jasmine             |
-| 05  |                        JS Grunder                      |                         Funktioner och metoder                            | Lär dig om funktioner och metoder för att hantera applikationens logik                                                           |                              [Funktioner och metoder](./2-js-basics/2-functions-methods/README.md)                               | Jasmine och Christopher    |
-| 06  |                        JS Grunder                      |                        Beslutsfattande med JS                             | Lär dig att skapa villkor i din kod med hjälp av beslutsfattandemetoder                                                           |                                 [Beslutsfattande](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine             |
-| 07  |                        JS Grunder                      |                            Arrayer och loopar                            | Arbeta med data genom arrayer och loopar i JavaScript                                                                             |                                   [Arrayer och loopar](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine             |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML i praktiken                              | Bygg HTML:en för att skapa ett online-terrarium, med fokus på layout                                                             |                                 [Introduktion till HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen               |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS i praktiken                               | Bygg CSS:en för att styla online-terrarium, med fokus på CSS-grunder, inklusive responsivt webbdesign                           |                                  [Introduktion till CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen               |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript-closures, DOM-manipulation                    | Bygg JavaScript för att få terrariet att fungera som ett drag/drop-gränssnitt, med fokus på closures och DOM-manipulation       |                  [JavaScript-closures, DOM-manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                  |           Jen               |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bygg ett skrivspel                              | Lär dig använda tangentbordevenemang för att styra logiken i din JavaScript-app                                                   |                                [Händelsestyrd programmering](./4-typing-game/typing-game/README.md)                              |       Christopher           |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbeta med webbläsare                           | Lär dig hur webbläsare fungerar, deras historia och hur man skissar de första elementen i en webbläsartillägg                     |                               [Om webbläsare](./5-browser-extension/1-about-browsers/README.md)                                  |           Jen               |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Bygg ett formulär, anropa en API och lagra variabler lokalt             | Bygg JavaScript-komponenterna i din webbläsartillägg för att anropa en API med hjälp av variabler lagrade lokalt                  |                [API:er, formulär och lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)             |           Jen               |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Bakgrundsprocesser i webbläsaren, webbprestanda                | Använd webbläsarens bakgrundsprocesser för att hantera tilläggets ikon; lär dig om webbprestanda och vissa optimeringar          |              [Bakgrundsuppgifter och prestanda](./5-browser-extension/3-background-tasks-and-performance/README.md)            |           Jen               |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mer avancerad spelutveckling med JavaScript                 | Lär dig om arv med både klasser och komposition samt Pub/Sub-mönstret, som förberedelse för att bygga ett spel                   |                      [Introduktion till avancerad spelutveckling](./6-space-game/1-introduction/README.md)                      |          Chris              |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Rita på canvas                                | Lär dig om Canvas API, som används för att rita element på en skärm                                                              |                                [Rita på canvas](./6-space-game/2-drawing-to-canvas/README.md)                                     |          Chris              |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flytta element runt på skärmen                        | Upptäck hur element kan få rörelse med kartesiska koordinater och Canvas API                                                     |                           [Flytta element runt](./6-space-game/3-moving-elements-around/README.md)                                |          Chris              |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisionsdetektion                           | Få element att kollidera och reagera på varandra med hjälp av knapptryckningar och ge en cooldown-funktion för spelets prestanda|                              [Kollisionsdetektion](./6-space-game/4-collision-detection/README.md)                                  |          Chris              |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Poängräkning                               | Utför matematiska beräkningar baserat på spelets status och prestanda                                                           |                                    [Poängräkning](./6-space-game/5-keeping-score/README.md)                                      |          Chris              |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Avsluta och starta om spelet                       | Lär dig om att avsluta och starta om spelet, inklusive att rensa tillgångar och återställa variabelvärden                         |                                [Avslutsvillkor](./6-space-game/6-end-condition/README.md)                                       |          Chris              |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-mallar och rutter i en webbapp                    | Lär dig skapa grunden till en multipages webbplats arkitektur med routing och HTML-mallar                                         |                            [HTML-mallar och rutter](./7-bank-project/1-template-route/README.md)                                |          Yohan              |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Bygg ett inloggnings- och registreringsformulär       | Lär dig om att bygga formulär och hantera valideringsrutiner                                                                      |                                           [Formulär](./7-bank-project/2-forms/README.md)                                       |          Yohan              |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Sätt att hämta och använda data                       | Hur data flyter in och ut ur din app, hur man hämtar, lagrar och gör sig av med det                                              |                                            [Data](./7-bank-project/3-data/README.md)                                           |          Yohan              |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                     Begrepp i tillståndshantering                      | Lär dig hur din app behåller tillstånd och hur du hanterar det programmässigt                                                    |                               [Tillståndshantering](./7-bank-project/4-state-management/README.md)                               |          Yohan              |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeta med VScode | Lär dig hur man använder en kodredigerare | [Använd VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeta med AI | Lär dig hur du bygger din egen AI-assistent | [AI Assistentprojekt](./9-chat-project/README.md) | Chris |
+|     |                       Projektnamn                       |                            Undervisade koncept                             | Lärandemål                                                                                                                 |                                                         Länkad lektion                                                          |         Författare          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     Kom igång                           |           Introduktion till programmering och verktyg           | Lär dig grundläggande principer bakom de flesta programmeringsspråk och om programvara som hjälper professionella utvecklare | [Introduktion till programmeringsspråk och verktyg](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Kom igång                           |             Grundläggande GitHub, inkluderar arbete i team             | Hur du använder GitHub i ditt projekt och samarbetar med andra på en kodbas                                                    |                            [Introduktion till GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Kom igång                           |                             Tillgänglighet                              | Lär dig grunderna i webbåtkomst                                                                                               |                       [Grundläggande tillgänglighet](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS-grunder                       |                         JavaScript-datatyper                          | Grunderna i JavaScript-datatyper                                                                                                 |                                       [Datatyper](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS-grunder                       |                         Funktioner och metoder                          | Lär dig om funktioner och metoder för att hantera logiken i en applikation                                                             |                              [Funktioner och metoder](./2-js-basics/2-functions-methods/README.md)                               | Jasmine och Christopher |
+| 06  |                        JS-grunder                       |                        Beslutsfattande med JS                        | Lär dig skapa villkor i din kod med beslutsmetoder                                                           |                                 [Beslutsfattande](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS-grunder                       |                            Arrayer och loopar                            | Arbeta med data med arrayer och loopar i JavaScript                                                                                 |                                   [Arrayer och loopar](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML i praktiken                            | Bygg HTML för att skapa ett online-terrarium, med fokus på layout                                                           |                                 [Introduktion till HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS i praktiken                             | Bygg CSS för att styla online-terrarium, med fokus på grunder i CSS inklusive responsiv design                     |                                  [Introduktion till CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript closures, DOM-manipulering                  | Bygg JavaScript för att göra terrariet till en drag-och-släpp-gränssnitt, med fokus på closures och DOM-manipulering             |                  [JavaScript-closures, DOM-manipulering](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bygg ett skrivspel                           | Lär dig använda tangentbords-event för att styra logiken i din JavaScript-app                                                          |                                [Händelsestyrd programmering](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Arbeta med webbläsare                          | Lär dig hur webbläsare fungerar, deras historia och hur man skapar basen för ett webbläsartillägg                               |                               [Om webbläsare](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Skapa ett formulär, anropa en API och lagra variabler i lokal lagring | Bygg JavaScript-element i ditt webbläsartillägg för att anropa en API med variabler lagrade i lokal lagring                      |                [API:er, formulär och lokal lagring](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Bakgrundsprocesser i webbläsaren, webbsida prestanda          | Använd webbläsarens bakgrundsprocesser för att hantera tilläggets ikon; lär dig om webbprestanda och vissa optimeringar för att förbättra |             [Bakgrundsprocesser och prestanda](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mer avancerad spelutveckling med JavaScript             | Lär dig om arv med både klasser och komposition samt Pub/Sub-mönstret, som förberedelse för att bygga ett spel              |                      [Introduktion till avancerad spelutveckling](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Rita på canvas                            | Lär dig om Canvas API, som används för att rita element på en skärm                                                                       |                                [Rita på canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Flytta element runt på skärmen                    | Upptäck hur element kan få rörelse med kartesiska koordinater och Canvas API                                            |                           [Flytta element runt](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kollisiondetektion                           | Få element att kollidera och reagera på varandra med tangenttryckningar samt skapa en cooldown-funktion för att säkerställa spelets prestanda    |                              [Kollisiondetektion](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Poängräkning                              | Utför matematiska beräkningar baserade på spelets status och prestation                                                                |                                    [Poängräkning](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Avsluta och starta om spelet                     | Lär dig om att avsluta och starta om spelet, inklusive att rensa tillgångar och återställa variabler                              |                                [Avslutsvillkor](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML-mallar och rutter i en webbapp                 | Lär dig skapa skalmallen för en webbplats med flera sidor med routing och HTML-mallar                             |                            [HTML-mallar och rutter](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Bygg ett inloggnings- och registreringsformulär                   | Lär dig bygga formulär och hantera valideringsrutiner                                                                          |                                           [Formulär](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Metoder för att hämta och använda data                   | Hur data flödar in och ut ur din app, hur man hämtar, lagrar och slänger den                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Begrepp kring state management                      | Lär dig hur din app behåller state och hur du hanterar det programmatiskt                                                              |                                [State management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Arbeta med VScode | Lär dig använda en kodredigerare| [Använd VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Arbeta med AI | Lär dig bygga din egen AI-assistent | [AI Assistant-projekt](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagogik
 
-Vår läroplan är utformad med två viktiga pedagogiska principer i åtanke:
+Vårt läroplan är utformat med två viktiga pedagogiska principer i åtanke:
 * projektbaserat lärande
 * frekventa quiz
 
-Programmet lär ut grunderna i JavaScript, HTML och CSS, samt de senaste verktygen och teknikerna som används av dagens webbutvecklare. Studenter får möjlighet att utveckla praktisk erfarenhet genom att bygga ett skrivspel, ett virtuellt terrarium, en miljövänlig webbläsartillägg, ett rymd-invaderarspel och en bankapp för företag. I slutet av serien kommer studenter att ha en gedigen förståelse för webbutveckling.
+Programmet lär ut grunderna i JavaScript, HTML och CSS, samt de senaste verktyg och tekniker som dagens webbutvecklare använder. Studenter får möjlighet att utveckla praktisk erfarenhet genom att bygga ett skrivspel, virtuellt terrarium, miljövänligt webbläsartillägg, rymdinvasionsspel och en bankapp för företag. I slutet av serien kommer studenter att ha fått en gedigen förståelse för webbutveckling.
 
 > 🎓 Du kan ta de första lektionerna i denna läroplan som en [Lärväg](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) på Microsoft Learn!
 
-Genom att säkerställa att innehållet överensstämmer med projekten blir processen mer engagerande för studenterna och konceptens bestående förstärks. Vi skrev också flera grundläggande lektioner i JavaScript för att introducera koncept, tillsammans med en video från "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" samlingen av videotutorials, vars några författare bidrog till denna läroplan.
-
-Dessutom sätter ett lågrisk-quiz före en lektion studentens fokus mot att lära sig ett ämne, medan ett andra quiz efter lektionen säkerställer ytterligare bestående förståelse. Denna läroplan är designad för att vara flexibel och rolig och kan tas i sin helhet eller delvis. Projekten börjar smått och blir successivt mer komplexa vid slutet av 12-veckorscykeln.
+Genom att säkerställa att innehållet överensstämmer med projekt blir processen mer engagerande för studenter och behållning av koncept förstärks. Vi har också skrivit flera startlektioner i JavaScript-grunder för att introducera koncept, tillsammans med en video från "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"-samlingen av videotutorials, där några författare bidragit till denna läroplan.
 
-Medan vi medvetet har undvikit att introducera JavaScript-ramverk för att fokusera på grundläggande färdigheter som webbutvecklare innan ett ramverk används, är ett bra nästa steg efter att ha genomfört denna läroplan att lära sig om Node.js via en annan videosamling: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Dessutom sätter ett låginsats-quiz före en lektion studentens avsikt mot att lära sig ett ämne, medan ett andra quiz efter lektionen säkerställer vidare retention. Denna läroplan är designad för att vara flexibel och rolig och kan tas helt eller delvis. Projekten startar små och blir successivt mer komplexa under 12-veckorscykeln.
 
-> Besök våra riktlinjer för [Uppförandekod](CODE_OF_CONDUCT.md) och [Bidrag](CONTRIBUTING.md). Vi välkomnar din konstruktiva feedback!
+Även om vi med avsikt undvikit att introducera JavaScript-ramverk för att fokusera på de grundläggande färdigheter som behövs som webbutvecklare innan man tar till sig ett ramverk, skulle ett bra nästa steg efter denna läroplan vara att lära sig om Node.js via en annan samling videor: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Besök våra [Uppförandekod](CODE_OF_CONDUCT.md) och [Bidragsgivare](CONTRIBUTING.md) riktlinjer. Vi välkomnar din konstruktiva feedback!
 
 ## 🧭 Offlineåtkomst
 
-Du kan köra denna dokumentation offline genom att använda [Docsify](https://docsify.js.org/#/). Forka detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) på din lokala maskin, och sedan i rotmappen av detta repo skriver du `docsify serve`. Webbplatsen kommer att serveras på port 3000 på din localhost: `localhost:3000`.
+Du kan köra denna dokumentation offline med hjälp av [Docsify](https://docsify.js.org/#/). Forka detta repo, [installera Docsify](https://docsify.js.org/#/quickstart) på din lokala dator, och skriv sedan `docsify serve` i rotmappen för detta repo. Webbplatsen kommer att serveras på port 3000 på din localhost: `localhost:3000`.
 
 ## 📘 PDF
-
 En PDF med alla lektioner finns [här](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Andra kurser
+
 Vårt team producerar andra kurser! Kolla in:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -223,7 +231,7 @@ Vårt team producerar andra kurser! Kolla in:
 
 ---
  
-### Generative AI Series
+### Generativ AI-serie
 [![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)
@@ -231,7 +239,7 @@ Vårt team producerar andra kurser! Kolla in:
 
 ---
  
-### Core Learning
+### Kärnlärande
 [![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)
@@ -242,7 +250,7 @@ Vårt team producerar andra kurser! Kolla in:
 
 ---
  
-### Copilot Series
+### Copilot-serie
 [![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)
@@ -250,21 +258,21 @@ Vårt team producerar andra kurser! Kolla in:
 
 ## Få hjälp
 
-Om du fastnar eller har några frågor om att bygga AI-appar. Gå med andra studenter och erfarna utvecklare i diskussioner om MCP. Det är en stödjande gemenskap där frågor är välkomna och kunskap delas fritt.
+Om du fastnar eller har några frågor om att bygga AI-appar. Gå med andra som lär sig och erfarna utvecklare i diskussioner om MCP. Det är ett stödjande community där frågor är välkomna och kunskap delas fritt.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Om du har produktfeedback eller stöter på fel under byggandet, besök:
+Om du har produktfeedback eller felaktigheter när du bygger, besök:
 
 [![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)
 
 ## Licens
 
-Detta förråd är licensierat under MIT-licensen. Se filen [LICENSE](../../LICENSE) för mer information.
+Detta arkiv är licensierat under MIT-licensen. Se filen [LICENSE](../../LICENSE) för mer information.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Ansvarsfriskrivning**:
-Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, var god notera att automatiska översättningar kan innehålla fel eller brister. Det ursprungliga dokumentet på dess ursprungliga språk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för några missförstånd eller feltolkningar som uppstår till följd av användningen av denna översättning.
+**Ansvarsfriskrivning**:  
+Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, vänligen var medveten om att automatiska översättningar kan innehålla fel eller onoggrheter. Det ursprungliga dokumentet på dess ursprungliga språk bör betraktas som den auktoritativa källan. För viktig information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sw/.co-op-translator.json b/translations/sw/.co-op-translator.json
index e8b6a831a..19a46dec8 100644
--- a/translations/sw/.co-op-translator.json
+++ b/translations/sw/.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-07T02:08:41+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:47:51+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "sw"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:05:48+00:00",
+    "translation_date": "2026-03-06T16:03:56+00:00",
     "source_file": "AGENTS.md",
     "language_code": "sw"
   },
@@ -516,8 +516,8 @@
     "language_code": "sw"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:01:36+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:43:54+00:00",
     "source_file": "README.md",
     "language_code": "sw"
   },
diff --git a/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index ed2f91993..95a46150a 100644
--- a/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,161 +1,161 @@
-# Utangulizi wa Lugha za Programu na Vifaa vya Kisasa vya Mwaendelezaji
+# Utangulizi kwa Lugha za Kuprogramu na Zana za Kisasa za Waundaji wa Programu
 
-Hujambo, mtaalamu wa kesho! 👋 Naweza kukuambia kitu kinachoniletea baridi kila siku? Unakaribia kugundua kuwa programu siyo tu kuhusu kompyuta – ni kuhusu kuwa na nguvu za kichawi kuleta mawazo yako shupavu katika maisha!
+Hujambo, muundaji wa baadaye! 👋 Naweza kukuambia kitu ambacho bado kinakupa baridi kila siku? Uko karibu kugundua kuwa programu siyo tu kuhusu kompyuta – ni kuhusu kuwa na nguvu halisi za kipekee za kuleta mawazo yako mabaya katika maisha!
 
-Unajua wakati unapotumia programu unayopenda na kila kitu kinakwenda vizuri? Unapobofya kitufe na kitu cha kichawi kinatokea kinachokufanya useme "wow, walifanyaje hivyo?" Naam, mtu kama wewe – labda amekaa kwenye kahawa anayopenda saa 2 asubuhi akiwa na espresso ya tatu – aliandika msimbo uliosababisha kichawi hicho. Na hapa ndipo utakapoanguka kustaajabishwa: mwishoni mwa somo hili, hutagundua tu jinsi walivyofanya, bali utataka pia kujaribu wewe mwenyewe!
+Unajua wakati ule unapokuwa unatumia programu yako uipendayo na kila kitu kinatokea kwa usahihi kabisa? Unapobofya kitufe na kitu cha kichawi kabisa kinatokea ambacho kinakufanya useme "wow, walifanya-je hiyo?" Naam, mtu anaekufanana nawe – labda ameketi kwenye kahawa anayopenda saa 2 usiku akiwa na espresso yake ya tatu – ndiye aliyeandika msimbo uliounda uchawi huo. Na hili ndilo litakalokufanya kushangaa: kufikia mwisho wa somo hili, hutakuwa tu unaelewa jinsi walivyofanya, bali utakuwa unataka kujaribu wewe mwenyewe!
 
-Tazama, naelewa kabisa kama programu inakuletea hofu sasa hivi. Nilipoanza, nilifikiri unatakiwa uwe genius wa hisabati au umekuwa ukifanya programu tangu umekuwa na miaka mitano. Lakini hii ilibadilisha kabisa mtazamo wangu: programu ni sawa na kujifunza kuzungumza katika lugha mpya. Unaanzia na "hello" na "thank you," kisha unaendelea kuagiza kahawa, na ghafla unazungumza mijadala ya mwanafalsafa! Ila katika hili, unazungumza na kompyuta, na kweli? Kompyuta ni washirika wa mazungumzo wenye subira sana – hawakufungii makosa yako laana na daima wanataka kujaribu tena!
+Tazama, ninaelewa kabisa ikiwa programu inakukera sasa hivi. Nilipoanza, nilifikiri kweli unahitaji kuwa genius wa hisabati au umekuwa ukipiga msimbo tangu umekuwa na umri wa miaka mitano. Lakini hili ndilo lililonibadilisha mtazamo: programu ni kama kujifunza kuzungumza lugha mpya. Unaanzia na "hello" na "asante," kisha unajiweka tayari kuagiza kahawa, na kabla haujajua, unazungumza masuala ya falsafa! Ila katika hili, unaendesha mazungumzo na kompyuta, na ukweli? Wao ni wapenzi wa mazungumzo wasio na kulaumu – hawahukumu makosa yako na kila wakati wanataka jaribu tena!
 
-Leo, tutaangalia zana za ajabu zinazofanya maendeleo ya wavuti wa kisasa siyo tu kuwawezekana, bali kuwa kitu cha kuvutia sana. Ninazungumzia wahariri, vivinjari na njia za kazi sawa na zile zinazotumika na waendelezaji wa Netflix, Spotify, na studio yako ya programu unayopenda kila siku. Na hapa ni sehemu itakayokupeleka kucheza kwa furaha: wengi wa zana hizi za kitaalamu za kiwango cha viwanda ni bure kabisa!
+Leo, tutachunguza zana za kushangaza zinazofanya maendeleo ya wavuti wa kisasa kuwa si tu inawezekana, bali kuvutia sana. Ninazungumzia wahariri wa msimbo, vivinjari, na mitiririko ya kazi ambayo waundaji wa Netflix, Spotify, na studio yako ya programu wa indie hutumia kila siku. Na hapa ni sehemu inayokufanya ufanye densi ya furaha: zana nyingi za kiwango cha kitaalamu, zenye viwango vya sekta ni bure kabisa!
 
 ![Intro Programming](../../../../translated_images/sw/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Safari Yako ya Uandishi wa Programu Leo
+    title Safari Yako ya Uprogramu Leo
     section Gundua
-      Nini Uandishi wa Programu: 5: You
-      Lugha za Uandishi wa Programu: 4: You
-      Muhtasari wa Vifaa: 5: You
+      Nini Ni Uprogramu: 5: You
+      Lugha za Uprogramu: 4: You
+      Muhtasari wa Zana: 5: You
     section Chunguza
       Wahariri wa Msimbo: 4: You
       Vivinjari na Zana za Waendelezaji: 5: You
-      Mstari wa Amri: 3: You
-    section Fanya Mazoezi
+      Sehemu ya Amri: 3: You
+    section Jaribu
       Mpelelezi wa Lugha: 4: You
-      Uchunguzi wa Vifaa: 5: You
-      Muungano wa Jamii: 5: You
+      Ugunduzi wa Zana: 5: You
+      Muunganiko wa Jumuiya: 5: You
 ```
-## Tuchunguze Unachojua Tayari!
+## Tuwone Unajua Nini Hadi Sasa!
 
-Kabla hatujaingia kwenye mambo ya kufurahisha, nina hamu ya kujua – tayari unajua nini kuhusu ulimwengu huu wa programu? Na sikiliza, kama unapoangalia maswali haya ukijiambia "hatuna wazo hata kidogo kuhusu haya," hiyo siyo tu sawa, ni nzuri kabisa! Hiyo ina maana uko mahali pale pa kuanzia. Fikiria hii kama kufanya mazoezi kabla ya mazoezi halisi – tunaandaa misuli ya ubongo!
+Kabla hatujaingia kwenye mambo ya kufurahisha, nina hamu – unajua nini kuhusu ulimwengu huu wa programu? Na sikiliza, ikiwa unatazama maswali haya ukifikiri "sijui hata kidogo chochote kuhusu hili," hiyo si tu sawa, ni bora kabisa! Hii ina maana uko mahali sahihi kabisa. Fikiria hii kama mswada wa kufungua misuli kabla ya mazoezi – tunajipa moto misuli ya ubongo!
 
-[Chukua mtihani wa kabla ya somo](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Chukua mtihani wa kabla ya somo](https://ff-quizzes.netlify.app/web/)
 
 
-## Safari Tunayoanza Pamoja
+## Safari Tunayotaka Kuichukua Pamoja
 
-Sawa, nina furaha sana kuhusu kile tutakachokigundua leo! Kwa kweli, ningependa kuona uso wako unavyotabasamu wakati baadhi ya dhana hizi zitakapoeleweka. Haya ni mambo makuu tunayoyachunguza pamoja:
+Sawa, nina furaha kabisa kuhusu kile tunachotaka kuchunguza leo! Kweli, natamani kuona uso wako wakati baadhi ya dhana hizi zinaeleweka. Hapa ni safari ya kushangaza tunayoyachukua pamoja:
 
-- **Programu ni nini hasa (na kwa nini ni jambo la kuvutia zaidi!)** – Tutagundua jinsi msimbo ni nguvu ya kichawi isiyoonekana inayotawaliya kila kitu kinachokuzunguka, kutoka saa yako ya kengele inayojua ni Jumatatu asubuhi hadi algorithm inayoakili mapendekezo yako ya Netflix
-- **Lugha za programu na utu wao wa ajabu** – Fikiria unaingia kwenye sherehe ambapo kila mtu ana nguvu tofauti na njia za kutatua matatizo. Dunia ya lugha za programu ni kama hivyo, na utapenda kuwakutana nao!
-- **Misingi ya msingi inayosababisha uchawi wa kidijitali kutokea** – Fikiria hivi kama seti ya LEGO bora kabisa ya ubunifu. Ukijua jinsi vipande hivi vinavyolingana, utaona unaweza kujenga chochote kinachotokana na mawazo yako
-- **Zana za kitaalamu zitakazokufanya uhisi kama umepata fimbo ya mchawi** – Sio kujaa mbwembwe hapa – zana hizi zitakufanya uhisi kama una nguvu za kichawi, na sehemu nzuri? Ni zile zile zinazotumika na wataalamu!
+- **Kilicho programu kweli (na kwa nini ni kitu cha baridi zaidi!)** – Tutagundua jinsi msimbo ni hali ya kichawi isiyoonekana inayoiendesha kila kitu kinachokuzunguka, kutoka ile kengele inayojua ni Jumatatu asubuhi hadi ile algoriti inayochagua mapendekezo yako ya Netflix kwa usahihi
+- **Lugha za programu na tabia zao za kushangaza** – Fikiria kuingia kwenye sherehe ambapo kila mtu ana nguvu za kipekee na njia tofauti za kutatua matatizo. Hapo ndio ulimwengu wa lugha za programu uko, na utapenda kukutana nazo!
+- **Vijengo vya msingi vinavyofanya uchawi wa kidijitali kutokea** – Fikiria haya kama seti bora kabisa ya LEGO ya ubunifu. Ukielewa jinsi vipande hivi vinaungana, utagundua unaweza kujenga chochote unachotaka kwa mawazo yako
+- **Zana za kitaalamu zitakazokufanya uhisi kama umepokea fimbo ya mchawi** – Si mingi hapa – zana hizi zitakufanya uhisi una nguvu za kipekee, na hatua bora? Ndizo zile ambazo wataalamu hutumia!
 
-> 💡 **Hili ni jambo:** Usijaribu kumbuka yote leo! Sasa hivi, nataka ujisikie msisimko wa kile kinachowezekana. Maelezo yatajifunza kwa asili tukiwa tunazoezana – ndiyo jinsi mafunzo halisi yanavyotokea!
+> 💡 **Haya ni mambo:** Usifikirie hata kidogo kuhusu kukumbuka kila kitu leo! Kwa sasa, nataka uonyeshe msisimko kidogo kuhusu kile kinachowezekana. Maelezo yatakuwa rahisi kueleweka tunapofanya kwa pamoja – ndivyo kujifunza halisi kunavyotokea!
 
-> Unaweza kuchukua somo hili kwenye [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Unaweza kuchukua somo hili kwenye [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Hivyo Basi, Programu Ni Nini Kweli?
+## Hivyo *Basi* Programu ni Nini Halisi?
 
-Sawa, tujiandae kukabiliana na swali la pesa milioni: programu ni nini, kweli?
+Sawa, tuchukue swali la thamani kubwa: programu ni nini, kweli?
 
-Nitakuambia hadithi iliyobadilisha kabisa mtazamo wangu kuhusu hili. Wiki iliyopita, nilijaribu kumweleza mama yangu jinsi ya kutumia kidhibiti TV yetu mpya smart. Nilijikuta nikisema vitu kama "Bonyeza kitufe cheupe, lakini si kitufe kikubwa cheupe, ni kidogo upande wa kushoto... hapana, upande mwingine wa kushoto... sawa, sasa shikilia kwa sekunde mbili, si moja, si tatu..." Inajulikana? 😅
+Nitakuambia hadithi iliyobadilisha kabisa mtazamo wangu kuhusu hili. Wiki iliyopita, nilijaribu kufafanulia mama yangu jinsi ya kutumia dremote ya TV smart mpya tuliyonayo. Nilijikuta nikisema vitu kama "Bofya kitufe chekundu, si kitufe kikubwa chekundu, kitufe kidogo chekundu upande wa kushoto... hapana, upande wako mwingine wa kushoto... sawa, sasa shikilia kwa sekunde mbili, si moja, si tatu..." Je, inakufahamika? 😅
 
-Hiyo ndiyo programu! Ni sanaa ya kutoa maagizo ya kina, hatua kwa hatua kwa kitu chenye nguvu lakini kinahitaji kila kitu kieleweke vizuri. Badala ya kumweleza mama yako (anaweza kuuliza "kitufe cheupe kipi?!"), unamweleza kompyuta (inafanya tu kile unachosema, hata kama hicho siyo ile ulichomaanisha).
+Hiyo ndio programu! Ni sanaa ya kutoa maagizo ya kina, hatua kwa hatua kwa kitu chenye nguvu lakini kinahitaji kila kitu kieleweke kabisa. Ila badala ya kufafanulia mama yako (ambaye anaweza kuuliza "Ni kitufe kapekundu gani?!"), unafafanulia kompyuta (ambayo hufanya tu kile unachosema, hata kama kile ulichoambia si kile ulichomaanisha kabisa).
 
-Hili lilenishangaza nilipolijifunza kwanza: kompyuta ni rahisi hasa ndani yake. Zinachambua vitu viwili tu – 1 na 0, ambayo ni sawa na "ndiyo" na "hapana" au "zima" na "zimewashwa". Hiyo tu! Lakini hapa ndipo kina kichawi kinapoanza – hatuhitaji kuzungumza kwa 1 na 0 kama tunavyofanya katika The Matrix. Hapo ndipo **lugha za programu** zinapokuja kuokoa hali. Ni kama kuwa na mkalimani bora duniani anayechukua mawazo yako ya kawaida ya binadamu na kuyatafsiri kwa lugha ya kompyuta.
+Hili lilinishangaza nilipojifunza mara ya kwanza: kompyuta ni rahisi kabisa kwa kiini chao. Kwa kweli huelewa mambo mawili tu – 1 na 0, ambayo ni sawa na "ndio" na "hapana" au "zima" na "waka." Hilo ndilo! Lakini hapa ndipo uchawi unaingia – hatuhitaji kuzungumza kwa 1 na 0 kama tunavyofanya kwenye The Matrix. Hapo ndipo **lugha za programu** zinakuja kusaidia. Ziko kama mtafsiri bora wa dunia anayechukua mawazo yako ya kawaida ya kibinadamu na kuyageuza kuwa lugha ya kompyuta.
 
-Na hili linanilia baridi kila asubuhi ninapoamka: kila kitu kidijitali katika maisha yako kilianzishwa na mtu kama wewe, labda amekaa mavazi ya kulala na kikombe cha kahawa, akiandika msimbo kwenye kompyuta yake ndogo. Filteri ya Instagram inayokufanya uonekane mzuri? Mtu aliandika msimbo huo. Mapendekezo yaliyokupeleka kwenye wimbo wako mpya mpendwa? Mtaalamu alijenga algorithm hiyo. Programu inayokusaidia kugawanya bili za chakula na marafiki? Vilevile, mtu aliyedhani "hili linanichosha, nitaweza kulitatua" na kisha... wakafanya!
+Na hii bado inanipa baridi kila asubuhi ninapoamka: kila kitu cha kidijitali katika maisha yako alianza na mtu kama wewe, labda ameketi akiwa na pyjama na kikombe cha kahawa, akiandika msimbo kwenye kompyuta yake mpakato. Sefa ya Instagram inayokufanya uonekane mkamilifu? Mtu aliandika msimbo huo. Mapendekezo yaliyokupeleka kwenye wimbo wako mpya unaoupenda? Muundaji wa programu aliunda algoriti hiyo. Programu inayokusaidia kugawanya bili za chakula usiku na marafiki? Ndio, mtu alifikiri "hii ni kuchosha, nadhani ningeweza kutatua hii" na kisha... walifanya!
 
-Unapojifunza programu, hauchagui tu ujuzi mpya – unajiunga na jamii hii ya ajabu ya watu wanaotafuta kutatua matatizo walioko siku nzima wakijiuliza, "Je, naweza kujenga kitu kitakachofanya mtu afurahie kidogo zaidi?" Kwa kweli, kuna jambo lolote la kuvutia zaidi kuliko hilo?
+Unapojifunza kuprogramu, hutangazwi tu ujuzi mpya – unajiunga na jamii hii ya kushangaza ya watu wanaotatua matatizo ambao hutumia siku zao kufikiri, "Je, ningejenga kitu kitakachomfanya mtu aone siku yake kuwa bora kidogo?" Kweli, kuna jambo lolote baridi zaidi ya hilo?
 
-✅ **Tamasha la Habari za Kufurahisha:** Hapa kuna kitu kizuri cha kutafiti unachopata muda – unafikiri ni nani alianza kuandika programu ya kompyuta duniani? Nitakupa dalili: labda si mtu unayemsubiria! Hadithi ya mtu huyu ni ya kusisimua sana na inaonyesha kuwa programu daima imekuwa kuhusu ubunifu wa kutatua matatizo na kufikiria nje ya kawaida.
+✅ **Jifunze Zaidi Kuhusu Ficto:** Hapa kuna jambo la kupendeza kuangalia unapokuwa na muda huru – unadhani ni nani alikuwa muundaji wa programu wa kwanza duniani? Nitakupa kidokezo: huenda si mtu uliyetarajia! Hadithi ya mtu huyu ni ya kuvutia sana na inaonyesha kuwa programu daima imekuwa kuhusu ubunifu wa kutatua matatizo na kufikiria nje ya gridi.
 
-### 🧠 **Wakati wa Kukagua: Unaonaje?**
+### 🧠 **Wakati wa Kukagua: Una Jinsi gani?**
 
-**Chukua muda kutafakari:**
+**Chukua muda wa kutafakari:**
 - Je, wazo la "kutoa maagizo kwa kompyuta" linaeleweka kwako sasa?
-- Unaweza kufikiria kazi ya kila siku unayotaka kuiboresha kwa programu?
-- Maswali yapi yanakutokea kuhusu jambo hili zima la programu?
+- Je, unaweza kufikiria kazi ya kila siku unayopenda kuendesha kwa programu?
+- Ni maswali gani yanayojitokeza kichwani mwako kuhusu jambo hili la programu?
 
-> **Kumbuka:** Ni kawaida kabisa kama baadhi ya dhana zinakuletea msukosuko sasa. Kujifunza programu ni sawa na kujifunza lugha mpya – inahitaji muda kwa ubongo wako kujenga njia za neva. Unaendelea vizuri sana!
+> **Kumbuka:** Ni kawaida kabisa ikiwa baadhi ya dhana zinahisi kuchanganyikiwa sasa. Kujifunza programu ni kama kujifunza lugha mpya – inachukua muda kwa ubongo wako kujenga njia za neva. Unaendelea vizuri!
 
-## Lugha za Programu Zimefananishwa na Ladha Tofauti za Uchawi
+## Lugha za Programu ni Kama Ladha Mbali Mbali za Uchawi
 
-Sawa, hili litawasikika la ajabu, lakini uko pamoja nami – lugha za programu ni kama aina tofauti za muziki. Fikiria: una jazz, ambayo ni laini na ya kubembeleza, rock yenye nguvu na ya moja kwa moja, classical nzuri na yenye muundo, na hip-hop ya ubunifu na ya kueleza hisia. Kila mtindo una vibe yake, jamii yake ya mashabiki, na kila mmoja ni mzuri kwa hali tofauti na hafla.
+Sawa, hili linaweza kusikika la ajabu, lakini komboa nami – lugha za programu ni kama aina tofauti za muziki. Fikiria hii: una jazz, ambayo ni laini na ya ubunifu, rock yenye nguvu na rahisi, classical ndiyo nzuri na yenye mpangilio, na hip-hop ambayo ni ya ubunifu na ya hisia. Kila mtindo una mtetemo wake, jamii yake ya mashabiki wa moyo wote, na kila moja ni bora kwa hali tofauti na hafla tofauti.
 
-Lugha za programu zinafanya kazi sawa! Hutaweka lugha moja kujenga mchezo wa simu wa kufurahisha unavyotumia kusindika data kubwa za hali ya hewa, kama vile hautakacheza death metal katika darasa la yoga (labda si katika darasa zote za yoga! 😄).
+Lugha za programu hufanya sawa kabisa! Huta tumia lugha moja kujenga mchezo wa simu wa furaha na ile unayotumia kushughulikia data kubwa za hali ya hewa, kama hutacheza death metal kwenye darasa la yoga (vyote tunakubaliana! 😄).
 
-Lakini hii kila mara inanishangaza: lugha hizi ni kama kuwa na mfasiri mwerevu na mwenye subira zaidi duniani anakakaa kando yako. Unaweza kueleza mawazo yako kwa njia inayofaa ubongo wako wa binadamu, nao wanashughulikia kazi ngumu sana ya kutafsiri maneno hayo kuwa 1 na 0 ambao kompyuta husema. Ni kama kukaa na rafiki anayezungumza vizuri sana "ubunifu wa binadamu" na "mantiki ya kompyuta" – na hawachoki, hawahitaji mapumziko ya kahawa, wala hawakufungii maswali mara mbili!
+Lakini hili ndilo linalonisababisha mshangao kila mara ninapofikiria: lugha hizi ni kama kuwa na mkalimani mwaminifu kabisa, mwenye akili mno ulimwenguni amekaa karibu nawe. Unaweza kueleza mawazo yako kwa njia inayojisikia ya asili kwa ubongo wako wa binadamu, na wao hufanya kazi ngumu sana ya kuyatafsiri kuwa 1 na 0 ambazo kompyuta zinazungumza. Ni kama kuwa na rafiki ambaye ana ufasaha kabisa katika "ubunifu wa kibinadamu" na "mantiki ya kompyuta" – na hawachoki, hawahitaji mapumziko ya kahawa, na hawakukoseni kwa kuuliza swali hilo mara mbili!
 
-### Lugha Maarufu za Programu na Matumizi Yao
+### Lugha maarufu za Programu na Matumizi Yake
 
 ```mermaid
 mindmap
   root((Lugha za Kuprogramu))
-    Web Development
+    Maendeleo ya Wavuti
       JavaScript
         Uchawi wa Mbele
-        Tovuti Zinazoshirikiana
+        Tovuti Zenye Mwingiliano
       TypeScript
         JavaScript + Aina
-        Programu za Shirika
+        Programu za Biashara
     Data & AI
       Python
         Sayansi ya Takwimu
         Kujifunza kwa Mashine
-        Uendeshaji wa Kiotomatiki
+        Otomesheni
       R
         Takwimu
         Utafiti
-    Mobile Apps
+    Programu za Simu
       Java
         Android
-        Shirika
+        Biashara
       Swift
         iOS
         Mfumo wa Apple
       Kotlin
         Android ya Kisasa
         Mtandao wa Majukwaa Mbalimbali
-    Systems & Performance
+    Mifumo & Utendaji
       C++
         Michezo
         Utendaji Muhimu
       Rust
         Usalama wa Kumbukumbu
-        Uandishi wa Mfumo
+        Uprogramu wa Mifumo
       Go
         Huduma za Wingu
-        Sehemu ya Nyuma Inayozidi Kukua
+        Backend Inayoweza Kupanuka
 ```
 | Lugha | Bora Kwa | Kwa Nini Inapendwa |
 |----------|----------|------------------|
-| **JavaScript** | Maendeleo ya mtandao, matumizi ya mtumiaji | Inaendesha kwenye vivinjari na inaua websites zinazojibu |
-| **Python** | Sayansi ya data, otomatiki, AI | Rahisi kusoma na kujifunza, maktaba zenye nguvu |
-| **Java** | Programu za biashara, apps za Android | Haina utegemezi kwa jukwaa, imara kwa mifumo mikubwa |
+| **JavaScript** | Maendeleo ya wavuti, interfaces za mtumiaji | Inaendesha kwenye vivinjari na inaendesha tovuti za ushirikiano |
+| **Python** | Sayansi ya data, automatisering, AI | Rahisi kusoma na kujifunza, maktaba zenye nguvu |
+| **Java** | Programu za mashirika, programu za Android | Haina utegemezi wa jukwaa, imara kwa mifumo mikubwa |
 | **C#** | Programu za Windows, maendeleo ya michezo | Msaada mkubwa kutoka ekosistimu ya Microsoft |
-| **Go** | Huduma za wingu, mifumo ya nyuma | Haraka, rahisi, imetengenezwa kwa kompyuta za kisasa |
+| **Go** | Huduma za wingu, mifumo ya nyuma | Haraka, rahisi, iliyoundwa kwa kompyuta za kisasa |
 
-### Lugha za Ngazi ya Juu vs. Ngazi ya Chini
+### Lugha za Kiwango cha Juu vs. Kiwango cha Chini
 
-Sawa, hili lilikuwa dhana iliyonifanya nifikirie sana nikiwa namjifunza, kwa hiyo nitakushirikisha mfano uliomsababisha nifahamu – na natumai pia utakupatia mwanga!
+Sawa, hili lilikuwa dhana iliyonivunja akili nilipokuwa nianze kujifunza, kwa hiyo nitashiriki mufano uliomfanya kueleweka kwangu – na natumai itakusaidia pia!
 
-Fikiria unasafiri nchi ambako husemi lugha yao, na unahitaji kwa dharura kupata choo kilicho karibu (sote tumesonga hivyo, sivyo? 😅):
+Fikiria unatembelea nchi ambayo husemi lugha yake, na unahitaji haraka kupata choo kilicho karibu (sote tumewahi kupitia hapo, sivyo? 😅):
 
-- **Programu za ngazi ya chini** ni sawa na kujifunza lahaja za eneo hadi uweze kuzungumza na bibi anayeuza matunda kona akitumia mafumbo ya kitamaduni, mžio wa mtaa, na vichekesho vya ndani ambavyo mtu aliyekulia hapo ndie atakayafahamu. Ni ya kushangaza na yenye ufanisi sana... ikiwa uko mzuri katika hiyo! Lakini ni mzito unapojaribu tu kupata choo.
+- **Programu ya kiwango cha chini** ni kama kujifunza lahaja ya eneo hilo vizuri hadi uweze kuzungumza na bibi anayeuza matunda pembezoni kwa kutumia marejeleo ya kitamaduni, lahaja za mtaa, na vichekesho vya ndani vinavyoeleweka tu na mtu aliyekulia huko. Inaonekana hali ya ajabu na ni yenye ufanisi sana... kama unazungumza vizuri! Lakini ni changamoto kubwa unapojaribu tu kutafuta choo.
 
-- **Programu za ngazi ya juu** ni kama kuwa na rafiki mzuri wa huko anayekuelewa. Unaweza kusema "Nahitaji kabisa kupata choo" kwa Kingereza rahisi, nao wanashughulikia tafsiri zote za kitamaduni na kukupa maelekezo yanayofaa ubongo wako usiojua lugha.
+- **Programu ya kiwango cha juu** ni kama kuwa na rafiki mzuri wa eneo hilo anayekuelewa. Unaweza kusema "Nahitaji kwa haraka kupata choo" kwa Kiingereza rahisi, na yeye hufanya tafsiri yote ya kitamaduni na kukupa mwelekeo unaoeleweka kirahisi kwa ubongo wako usio wa eneo hilo.
 
-Katika lugha ya programu:
-- **Lugha za ngazi ya chini** (kama Assembly au C) zinakuwezesha kuzungumza kwa maelezo kwa vifaa halisi vya kompyuta, lakini unatakiwa ufikirie kama mashine, ambacho... ni mabadiliko makubwa ya mawazo!
-- **Lugha za ngazi ya juu** (kama JavaScript, Python, au C#) zinakuwezesha kufikiria kama binadamu wakati zinashughulikia lugha ya mashine nyuma. Zaidi ya hayo, zina jamii za watu wanaokukaribisha kwa ukarimu waliokumbuka jinsi ilivyokuwa kuwa mpya na wana hamu kweli ya kusaidia!
+Katika istilahi za programu:
+- **Lugha za kiwango cha chini** (kama Assembly au C) zinakuwezesha kuwa na mazungumzo ya kina sana na vifaa halisi vya kompyuta, lakini inahitaji kufikiri kama mashine, ambayo ni... basi, ni mabadiliko makubwa ya akili!
+- **Lugha za kiwango cha juu** (kama JavaScript, Python, au C#) zinakuwezesha kufikiri kama binadamu wakati zinashughulikia lugha ya mashine za nyuma. Zaidi ya hayo, zina jumuiya za kupokea wageni zilizojaa watu wanaokumbuka ulivyokuwa mpya na wanapenda kusaidia!
 
-Vipi unadhani nitakushauri uanze na zipi? 😉 Lugha za ngazi ya juu ni kama magurudumu ya mafunzo ambayo hutaki kuondoa kamwe kwa sababu zinafanya uzoefu kuwa mzuri zaidi!
+Gundua ni zipi nitakopendekeza uanze nazo? 😉 Lugha za kiwango cha juu ni kama magurudumu ya mafunzo ambayo hutaki kuwatoza kwa sababu yanafanya uzoefu mzima kufurahisha zaidi!
 
 ```mermaid
 flowchart TB
     A["👤 Mawazo ya Binadamu:<br/>'Nataka kuhesabu nambari za Fibonacci'"] --> B{Chagua Kiwango cha Lugha}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Rahisi kusoma na kuandika"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Udhibiti wa moja kwa moja wa vifaa"]
+    B -->|Kiwango cha Juu| C["🌟 JavaScript/Python<br/>Rahisi kusoma na kuandika"]
+    B -->|Kiwango cha Chini| D["⚙️ Assembly/C<br/>Udhibiti wa moja kwa moja wa vifaa"]
     
     C --> E["📝 Andika: fibonacci(10)"]
     D --> F["📝 Andika: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Uelewa wa Kompyuta:<br/>Mfasiri hushughulikia ugumu"]
+    E --> G["🤖 Uelewa wa Kompyuta:<br/>Mtafiti anashughulikia ugumu"]
     F --> G
     
     G --> H["💻 Matokeo Sawa:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### Niruhusu Nikuonyeshe Kwa Nini Lugha za Ngazi ya Juu ni Marafiki Zaidi
+### Niruhusu Nikuonyeshe Kwa Nini Lugha za Kiwango cha Juu ni Rafiki Zaidi
 
-Sawa, nitakuonyesha kitu kinachoelezea vizuri kwa nini nilipenda lugha za ngazi ya juu, lakini kwanza – nataka uahidi kitu. Unapoona mfano wa kwanza wa msimbo, usitoke hofu! Inapaswa kuonekana kama inavunja moyo kidogo. Hilo ndilo ninalolielezea!
+Sawa, nitakuonyesha kitu kinachoonyesha kwa ukamilifu kwa nini nilipenda lugha za kiwango cha juu, lakini kabla – nahitaji uahidi kitu. Unapoona mfano wa msimbo wa kwanza, usitetemeke! Inapaswa kuonekana kama ni gumzo la kuogopesha. Hilo ndilo jambo ninaloeleza!
 
-Tutatazama kazi sawa ikifanywa kwa mitindo miwili tofauti kabisa. Zote mbili zinaunda kile kinachoitwa mfuatano wa Fibonacci – ni mfano mzuri wa hisabati ambapo kila namba ni jumla ya zilizo mbili kabla yake: 0, 1, 1, 2, 3, 5, 8, 13... (Habari ya kufurahisha: utaona mfano huu katika asili kila mahali – mizunguko ya mbegu za sunflower, michoro ya magovu, hata namna magalaxi zinavyojengwa!)
+Tutaangalia kazi ile ile iliyowandikwa kwa mitindo miwili tofauti kabisa. Zote zimeunda kinachoitwa mfuatano wa Fibonacci – ni mtindo wa kipekee wa hisabati ambapo kila nambari ni jumla ya mbili zilizopita: 0, 1, 1, 2, 3, 5, 8, 13... (Habari ya kufurahisha: utapata mfano huu kila mahali katika asili – mizunguko ya mbegu za jua, mifumo ya koni za pine, hata njia galaksi zinavyoundwa!)
 
-Tayari kuona tofauti? Twende!
+Uko tayari kuona tofauti? Twende!
 
-**Lugha ya ngazi ya juu (JavaScript) – Rafiki wa binadamu:**
+**Lugha ya kiwango cha juu (JavaScript) – Rafiki kwa binadamu:**
 
 ```javascript
-// Hatua ya 1: Mpangilio wa msingi wa Fibonacci
+// Hatua 1: Mpangilio wa msingi wa Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,14 +183,14 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Hiki nifanyacho msimbo huu:**
-- **Tangaza** thabiti kuainisha ni namba ngapi za Fibonacci tunazotaka kuunda
-- **Anzisha** vigezo viwili kufuatilia namba ya sasa na inayofuata katika mfuatano
-- **Weka** thamani za mwanzo (0 na 1) zinazofafanua muundo wa Fibonacci
-- **Onyesha** ujumbe wa kichwa ili kutambua matokeo yetu
+**Hapa msimbo huu unafanya nini:**
+- **Tangaza** thamani ya kudumu ya kuelezea ni nambari ngapi za Fibonacci tunazotaka kuzalisha
+- **Anzisha** vigezo viwili kufuatilia nambari ya sasa na inayofuata kwenye mfuatano
+- **Weka** thamani za kuanzia (0 na 1) zinazotambulisha mfano wa Fibonacci
+- **Onesha** ujumbe wa kichwa wa habari kutambua matokeo yetu
 
 ```javascript
-// Hatua ya 2: Tengeneza mlolongo kwa kutumia mduara
+// Hatua ya 2: Tengeneza mlolongo kwa kutumia mzunguko
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**Kuvunja kile kinachotokea hapa:**
-- **Rudi** kwa kila nafasi katika mfuatano kwa kutumia `for` loop
-- **Onyesha** kila namba na nafasi yake kwa kutumia muundo wa template literal
-- **Hesabu** namba inayofuata ya Fibonacci kwa kuongeza namba ya sasa na inayofuata
-- **Sasa** bora vigezo vyetu kufuata mchakato mwingine
+**Kuvunja kinachotokea hapa:**
+- **Rudia** kupitia kila nafasi kwenye mfuatano kutumia `for` loop
+- **Onesha** kila nambari na nafasi yake kwa kutumia muundo wa template literal
+- **Hesabu** nambari inayofuata ya Fibonacci kwa kuongeza thamani ya sasa na inayofuata
+- **Sasisha** vigezo vyetu kuhamia kwenye kurudia inayofuata
 
 ```javascript
 // Hatua ya 3: Mbinu ya kisasa ya kazi
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Hapo juu, tume:**
-- **Tengeneza** kazi inayoweza kutumika tena kwa kutumia sintaksia ya mishale ya kisasa
-- **Jenga** orodha kuhifadhi mfuatano wote badala ya kuonyesha namba moja baada ya nyingine
-- **Tumia** kuorodheshwa kwa orodha kufanikisha hesabu za namba mpya kutoka kwa thamani zilizopita
-- **Rudisha** mfuatano kamili kwa matumizi tofauti sehemu nyingine kwenye programu yetu
+**Juu tulifanya:**
+- **Tengeneza** kipengele kinachoweza kutumika tena kwa kutumia muundo wa arrow function wa kisasa
+- **Jenga** orodha kuhifadhi mfuatano mzima badala ya kuonyesha moja moja
+- **Tumia** indexing ya orodha kuhesabu kila nambari mpya kutoka kwa thamani zilizopita
+- **Rudisha** mfuatano mzima kwa matumizi ya kubadilika sehemu nyingine za programu yetu
 
-**Lugha ya ngazi ya chini (ARM Assembly) – Rafiki wa kompyuta:**
+**Lugha ya kiwango cha chini (ARM Assembly) – Rafiki kwa kompyuta:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,63 +257,62 @@ back add r0,r1
  end
 ```
 
-Angalia jinsi toleo la JavaScript linavyosoma karibuni kama maagizo ya Kiingereza, huku toleo la Assembly likitumika amri za fumbo zinazosimamia processor ya kompyuta moja kwa moja. Zote zimefanya kazi ile ile, lakini lugha ya ngazi ya juu ni rahisi kwa wanadamu kuelewa, kuandika, na kudumisha.
+Angalia jinsi toleo la JavaScript linavyosoma karibu kama maagizo ya Kiingereza, wakati toleo la Assembly linatumia amri za siri zinazosimamia moja kwa moja processor ya kompyuta. Zote mbili zinatimiza kazi ile ile, lakini lugha ya kiwango cha juu ni rahisi kwa binadamu kuelewa, kuandika, na kudumisha.
 
-**Tofauti kuu utakazogundua:**
-- **Soma kwa urahisi**: JavaScript inatumia majina ya kuelezea kama `fibonacciCount` wakati Assembly inatumia lebo za fumbo kama `r0`, `r1`
-- **Maoni**: Lugha za ngazi ya juu zinahimiza maoni ya ufafanuzi yanayofanya msimbo uwe na maandishi ya kujieleza peke yake
-- **Muundo**: Mtiririko wa mantiki wa JavaScript unalingana na jinsi binadamu wanavyofikiria matatizo hatua kwa hatua
+**Tofauti kuu utakazoziona:**
+- **Ufasaha wa kusoma**: JavaScript hutumia majina yaliyoeleweka kama `fibonacciCount` wakati Assembly inatumia lebo za fumbo kama `r0`, `r1`
+- **Maelezo**: Lugha za kiwango cha juu hutia moyo maelezo ya kielezo yanayofanya msimbo kuwa unaeleweka peke yake
+- **Muundo**: Mtiririko wa mantiki wa JavaScript unaendana na jinsi watu wanavyofikiria matatizo hatua kwa hatua
 - **Matunzo**: Kusasisha toleo la JavaScript kwa mahitaji tofauti ni rahisi na wazi
 
-✅ **Kuhusu mfuatano wa Fibonacci**: Muundo huu mzuri kabisa wa nambari (ambapo kila nambari ni jumla ya mbili zilizo mbele yake: 0, 1, 1, 2, 3, 5, 8...) unapatikana kabisa *kila mahali* katika asili! Utauona katika mizunguko ya maua ya jua, mifumo ya mkungu wa maganda ya mfirka, jinsi maganda ya samaki wa baharini yanavyokunja, hata jinsi matawi ya miti yanavyokua. Ni kitu cha kushangaza sana jinsi hisabati na msimbo vinavyotusaidia kuelewa na kuunda tena mifumo ambayo asili hutumia kuonyesha uzuri!
-
+✅ **Kuhusu mfuatano wa Fibonacci**: Mchoro huu wa nambari unaopendeza sana (ambapo kila nambari ni jumla ya mbili zilizo nyuma yake: 0, 1, 1, 2, 3, 5, 8...) huonekana kila mahali kabisa katika asili! Utauona katika minyororo ya maua ya jua, mifumo ya koni za miti, namna makalio ya maji ya nautilus yanavyokunja, hata namna matawi ya miti yanavyokua. Ni kitu cha kushangaza jinsi hisabati na msimbo vinaweza kutusaidia kuelewa na kuunda tena mifumo ambayo asili hutumia kuunda uzuri!
 
-## Vitu Vinavyounda Uchawi Hufanyika
+## Vifungo Vinavyofanya Uchawi Kutokea
 
-Sawa, sasa umeona jinsi lugha za programu zinavyoonekana zinapotekelezwa, hebu tushambaze vipengele vya msingi vinavyounda kila programu iliyowahi kuandikwa. Fikiria hili kama viungo muhimu katika mapishi yako unayopenda – mara utakapojua kila kimo kinachofanya kazi gani, utaweza kusoma na kuandika msimbo katika karibu lugha yoyote!
+Sawa, sasa umeona jinsi lugha za programu zinavyoonekana zinapofanya kazi, hebu tuvunje vipengele msingi vinavyounda kila programu iliyoandikwa. Fikiria hivi kama viungo muhimu katika mapishi yako unayoupenda – mara tu unapojua kila kimoja kinafanya nini, utaweza kusoma na kuandika msimbo katika karibu lugha yoyote!
 
-Hii ni kama kujifunza sarufi ya programu. Kumbuka shuleni ulipojifunza kuhusu nomino, vitenzi, na jinsi ya kutengeneza sentensi? Programu zina toleo la sarufi yao wenyewe, na ukweli ni kwamba ni mantiki zaidi na yenye msamaha kuliko sarufi ya Kiingereza ilivyowahi kuwa! 😄
+Hii ni kama kujifunza sarufi ya programu. Kumbuka shuleni ulipojifunza kuhusu nomino, vitenzi, na jinsi ya kutengeneza sentensi? Programu ina toleo lake la sarufi, na ukweli ni kwamba, lina mantiki zaidi na ni mpole zaidi kuliko sarufi ya Kiingereza ilivyokuwa! 😄
 
-### Matamko: Maelekezo Hatua kwa Hatua
+### Tamko: Maelekezo Hatua kwa Hatua
 
-Tuanze na **matamko** – haya ni kama sentensi katika mazungumzo na kompyuta yako. Kila tamko linaeleza kompyuta kufanya jambo moja maalum, kama kutoa maelekezo: "Geuka kushoto hapa," "Simama kwa taa nyekundu," "Paki kwenye sehemu hiyo."
+Tuanze na **tamko** – haya ni kama sentensi binafsi katika mazungumzo na kompyuta yako. Kila tamko linaeleza kompyuta kufanya kitu kimoja maalum, kama kutoa maelekezo: "Geuka kushoto hapa," "Simama wakati taa nyekundu," "Paka gari mahali hapo."
 
-Ninachopenda kuhusu matamko ni jinsi yanavyosomeka kwa urahisi. Angalia hii:
+Ninachopenda kuhusu tamko ni jinsi yanavyoweza kusomwa kwa urahisi. Angalia hii:
 
 ```javascript
-// Taarifa za msingi zinazofanya vitendo vya moja kwa moja
+// Sentensi za msingi zinazofanya vitendo vya moja kwa moja
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
 **Hivi ndivyo msimbo huu unavyofanya kazi:**
-- **Tangaza** kigezo kisichobadilika kuhifadhi jina la mtumiaji
-- **Onyesha** ujumbe wa salamu kwenye kielekezi cha console
-- **Hesabu** na uhifadhi matokeo ya operesheni ya hisabati
+- **Tangaza** kigezo cha daima kuhifadhi jina la mtumiaji
+- **Onyesha** ujumbe wa salamu kwenye matokeo ya consola
+- **Hesabu** na hifadhi matokeo ya operesheni ya hisabati
 
 ```javascript
-// Tamko ambalo linaingiliana na kurasa za wavuti
+// Matamshi yanayoshirikiana na kurasa za wavuti
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Hatua kwa hatua, hivi ndivyo vinavyoendelea:**
+**Hatua kwa hatua, hivi ndivyo vinavyotokea:**
 - **Badilisha** kichwa cha ukurasa kinachoonekana kwenye kichupo cha kivinjari
 - **Badilisha** rangi ya nyuma ya mwili mzima wa ukurasa
 
 ### Vigezo: Mfumo wa Kumbukumbu wa Programu Yako
 
-Sawa, **vigezo** kwa kweli ni mojawapo ya dhana ninazopenda kufundisha kwa sababu ni kama vitu unavyotumia kila siku!
+Sawa, **vigezo** ni kweli moja ya dhana zangu za kupenda kufundisha kwa sababu ni sawa sana na vitu unavyotumia kila siku!
 
-Fikiria orodha ya majina kwenye simu yako kwa sekunde. Huwezi kumbuka nambari za kila mtu – badala yake, unahifadhi "Mama," "Rafiki wa karibu," au "Kiwango cha Pizza Kinachowasili Hadi Saa 8 Usiku" na simu yako huhifadhi nambari halisi. Vigezo hufanya kazi kwa njia ile ile! Ni kama vyombo vilivyo na lebo ambavyo programu yako inaweza kuhifadhi taarifa ndani na kuvichukua baadaye kwa kutumia jina linaloeleweka.
+Fikiria orodha ya mawasiliano ya simu yako kwa sekunde. Hautahifadhi namba za simu za kila mtu kichwani – badala yake, unahifadhi "Mama," "Rafiki wa Kote," au "Kona ya Piza Inayowaletea Mpaka Saa 8 Usiku" na kuacha simu yako ikumbuke namba halisi. Vigezo hufanya kazi kwa njia hiyo hiyo! Ni kama vyombo vilivyo na lebo ambavyo programu yako inaweza kuhifadhi taarifa ndani na kuvichukua baadaye kwa kutumia jina linaloeleweka.
 
-Hapa ndiyo jambo la kuvutia: vigezo vinaweza kubadilika programu inapotekelezwa (ndio maana ya jina "variable" – unaona walivyofanya?). Kama unavyoweza kusasisha mawasiliano ya pizzeria ukigundua mahali bora zaidi, vigezo vinaweza kubadilishwa programu inapojifunza au hali zikibadilika!
+Hivi huwa ni vya ajabu: vigezo vinaweza kubadilika wakati programu yako inapotekelezwa (hivyo jina "variable" – umeona walivyo?). Kama vile unaweza kusasisha mawasiliano hayo ya piza unapogundua mahali pazuri zaidi, vigezo vinaweza kusasishwa wakati programu yako inajifunza taarifa mpya au hali inabadilika!
 
-Hebu nikuonyeshe jinsi hii ni rahisi sana:
+Nikuonyeshe jinsi hii inaweza kuwa rahisi na nzuri:
 
 ```javascript
-// Hatua 1: Kuunda vigezo vya msingi
+// Hatua ya 1: Kuunda vigezo vya msingi
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -322,12 +321,12 @@ let isRaining = false;
 
 **Kuelewa dhana hizi:**
 - **Hifadhi** thamani zisizobadilika katika vigezo vya `const` (kama jina la tovuti)
-- **Tumia** `let` kwa thamani zinazobadilika katika programu yako
-- **Toa** aina tofauti za data: nyuzi (maneno), nambari, na boolean (kweli/sikuwa kweli)
-- **Chagua** majina ya kueleza yaliyotaja kile kila kigezo kinachohifadhi
+- **Tumia** `let` kwa thamani zinazoweza kubadilika katika programu yako
+- **Weka** aina mbalimbali za data: mistringi (maandishi), nambari, na boolean (kweli/siyokuwa)
+- **Chagua** majina yanayoelezea yaliyomo kwenye kila kigezo
 
 ```javascript
-// Hatua ya 2: Kufanya kazi na vitu kuandaa data zinazohusiana
+// Hatua ya 2: Kufanya kazi na vitu kuunganishwa data zinazohusiana
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -335,10 +334,10 @@ const weatherData = {
 };
 ```
 
-**Juu ya hapo, tume:**
-- **Tengeneza** kitu ili kuunganisha taarifa za hali ya hewa zinazohusiana
+**Juu yake, tumefanya:**
+- **Tengeneza** kitu cha kuunganisha taarifa za hali ya hewa zilizo karibu
 - **Panga** vipande vingi vya data chini ya jina moja la kigezo
-- **Tumia** jozi za funguo na thamani kuweka lebo wazi kwa kila kipande cha taarifa
+- **Tumia** jozi za ufunguo-thamani kuonyesha kila kipande cha taarifa kwa uwazi
 
 ```javascript
 // Hatua ya 3: Kutumia na kusasisha vigezo
@@ -351,34 +350,34 @@ temperature = 68;
 ```
 
 **Hebu tuelewe kila sehemu:**
-- **Onyesha** taarifa kwa kutumia mistari ya kiolezo na sintaksia ya `${}`
-- **Pata** mali za kitu kwa kutumia alama ya doa (`weatherData.windSpeed`)
-- **Sasisha** vigezo vilivyotangazwa kwa `let` kuonyesha hali zinazobadilika
-- **Changanya** vigezo vingi kutengeneza ujumbe wenye maana
+- **Onyesha** taarifa kwa kutumia template literals zenye sintaksia ya `${}`
+- **Fikia** mali za kitu kwa kutumia alama ya doa (`weatherData.windSpeed`)
+- **Sasisha** vigezo vilivyotangazwa kwa `let` kuonesha mabadiliko ya hali
+- **Changanya** vigezo vingi kuunda ujumbe wenye maana
 
 ```javascript
-// Hatua ya 4: Uvunjaji wa kisasa kwa msimbo safi zaidi
+// Hatua ya 4: Uvunjaji wa kisasa wa muundo kwa msimbo safi zaidi
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
 **Unachohitaji kujua:**
-- **Chukua** mali maalum kutoka kwa vitu kwa kutumia mgawanyiko wa ugawaji
-- **Tengeneza** vigezo vipya moja kwa moja kwa majina sawa na funguo za kitu
-- **Rahisisha** msimbo kwa kuepuka kutumia alama ya doa mara kwa mara
+- **Toa** mali maalum kutoka kwa vitu kwa kutumia ugawaji wa vifunguo
+- **Tengeneza** vigezo vipya kiotomatiki kwa majina yale yale ya funguo za vitu
+- **Rahisisha** msimbo kwa kuepuka kutumia mara nyingi alama za doa
 
 ### Mtiririko wa Udhibiti: Kufundisha Programu Yako Kufikiria
 
-Sawa, hapa ndipo programu inapoanza kuwa ya kushangaza kabisa! **Mtiririko wa udhibiti** ni kama kufundisha programu yako jinsi ya kufanya maamuzi bora, kama unavyoyafanya kila siku bila hata kufikiria.
+Sasa, hapa ndipo programu inavyopata kuwa ya kushangaza kweli! **Mtiririko wa udhibiti** ni kufundisha programu yako jinsi ya kufanya maamuzi ya busara, sawa na wewe unavyofanya kila siku bila hata kufikiria.
 
-Fikiria hili: asubuhi hii labda ulipitia kitu kama "Ikiwa mvua inanyesha, nitachukua mwavuli. Ikiwa ni baridi, nitavaa koti. Ikiwa ninachelewa, nitaruka chakula cha asubuhi na kuchukua kahawa njiani." Ubongo wako hufuata mfumo huu wa ikiwa-basi mara nyingi kila siku!
+Fikiria hivi: leo asubuhi labda ulipitia kitu kama "Ikiwa kunyevunyevu, nitaenda na mwavuli. Ikiwa ni baridi, nitavaa koti. Ikiwa ninachelewa, nitaacha chakula cha asubuhi na kunywa kahawa njiani." Ubongo wako unafuata mantiki hii ya ikiwa-basi mara nyingi kila siku!
 
-Hii ndio inafanya programu kuwa na akili na hai badala ya kufuata tu maandishi ya kawaida na yasiyobadilika. Zinatoa uwezo wa kutathmini hali, kuamua kinachotokea, na kuonyesha majibu yanayofaa. Ni kama kumnyima programu yako ubongo unaoweza kuendana na kufanya uchaguzi!
+Hili ndilo linalofanya programu kuonekana kuwa na akili na kuishi badala ya tu kufuata maandishi machache ya kuchosha na yanayotarajiwa. Zinapitia hali fulani, kutathmini kinachotokea, na kutoa majibu yanayostahili. Ni kama kumpa programu yako ubongo unaoweza kubadilika na kufanya chaguzi!
 
-Unataka kuona jinsi hii inavyofanya kazi kwa urembo? Hebu nikuonyeshe:
+Unataka kuona hii inavyofanya kazi kwa urembo? Nikuonyeshe:
 
 ```javascript
-// Hatua 1: Mantiki ya msingi ya masharti
+// Hatua 1: Mantiki ya masharti ya msingi
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Hivi ndivyo msimbo huu unavyofanya kazi:**
-- **Angalia** kama umri wa mtumiaji unakidhi sharti la kupiga kura
-- **Tekeleza** sehemu tofauti za msimbo kulingana na matokeo ya hali
-- **Hesabu** na onyesha muda hadi mtu aweze kupiga kura akihitaji zaidi ya 18
-- **Toa** maoni maalum na ya msaada kwa kila hali
+**Hivi ndivyo msimbo huu unavyofanya:**
+- **Kagua** kama umri wa mtumiaji unakidhi mahitaji ya kupiga kura
+- **Tekeleza** vikundi vya msimbo tofauti kulingana na matokeo ya hali
+- **Hesabu** na onyesha muda hadi mtu aweze kupiga kura ikiwa ameshapungua miaka 18
+- **Toa** mrejesho maalum, wenye msaada kwa kila hali
 
 ```javascript
-// Hatua ya 2: Masharti mengi na vibonye vya kiakili
+// Hatua ya 2: Masharti mengi na waendeshaji wa mantiki
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,22 +408,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Kueleza kinachotokea hapa:**
-- **Changanua** masharti mengi kwa kutumia kiendeshaji `&&` (na)
-- **Tengeneza** ngazi ya masharti kwa kutumia `else if` kwa matukio mengi
-- **Shughulikia** kesi zote zinazowezekana kwa matamko ya mwisho `else`
-- **Toa** maoni wazi na yanayotekelezeka kwa kila hali tofauti
+**Kuvunja kile kinachotokea hapa:**
+- **Changanya** masharti mengi kwa kutumia kiendeshaji `&&` (na)
+- **Tengeneza** mtawanyiko wa masharti kwa kutumia `else if` kwa hali mbalimbali
+- **Shughulikia** matukio yote yanayowezekana kwa tamko la mwisho la `else`
+- **Toa** mrejesho wazi, wa utekelezaji kwa kila hali tofauti
 
 ```javascript
-// Hatua ya 3: Masharti mafupi kwa kutumia mtendaji wa ternary
+// Hatua ya 3: Hali fupi kwa kutumia mtaalamu wa ternary
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Unachohitaji kukumbuka:**
-- **Tumia** kiendeshaji cha ternary (`? :`) kwa masharti rahisi yenye chaguo mbili
-- **Andika** hali kwanza, ikifuatiwa na `?`, kisha matokeo ya kweli, kisha `:`, kisha matokeo ya uongo
-- **Tumia** muundo huu wakati unahitaji kugawa thamani kulingana na masharti
+**Kumbuka yafuatayo:**
+- **Tumia** kiendeshaji cha ternary (`? :`) kwa hali rahisi zenye chaguzi mbili
+- **Andika** sharti kwanza, ifuatiwe na `?`, kisha matokeo ya kweli, `:`, na hitimisho la uongo
+- **Tumia** mtindo huu unapohitaji kuweka thamani kulingana na hali
 
 ```javascript
 // Hatua ya 4: Kushughulikia kesi nyingi maalum
@@ -448,53 +447,53 @@ switch (dayOfWeek) {
 ```
 
 **Msimbo huu unatekeleza yafuatayo:**
-- **Linganya** thamani ya kigezo dhidi ya kesi maalum nyingi
-- **Kusanya** kesi zinazofanana pamoja (siku za wiki dhidi ya wikendi)
-- **Tekeleza** sehemu sahihi ya msimbo pale tukio linapopatikana
+- **Lingana** thamani ya kigezo kwa matukio mengi maalum
+- **Shirikisha** matukio yanayofanana pamoja (siku za wiki dhidi ya wikendi)
+- **Tekeleza** msimbo unaofaa wakati patikana mechi
 - **Jumlisha** kesi ya `default` kushughulikia thamani zisizotarajiwa
-- **Tumia** matamko ya `break` kuzuia msimbo kuendelea kwenye kesi inayofuata
+- **Tumia** tamko la `break` kuzuia msimbo kuendelea hadi kesi inayofuata
 
-> 💡 **Mfano wa ulimwengu halisi**: Fikiria mtiririko wa udhibiti kama GPS mwenye subira zaidi duniani akikuongoza. Inaweza kusema "Ikiwa kuna msongamano barabarani Main Street, chukua njia kuu badala yake. Ikiwa ujenzi unazui njia kuu, jaribu njia ya mandhari." Programu hutumia mantiki kama hii ya masharti kujibu kwa busara hali tofauti na kuwapatia watumiaji uzoefu bora zaidi kila mara.
+> 💡 **Mfano halisi**: Fikiria mtiririko wa udhibiti kama GPS yenye subira zaidi duniani ikikupa maelekezo. Inaweza kusema "Ikiwa kuna msongamano Main Street, chukua barabara kuu badala yake. Ikiwa ujenzi unazuia barabara kuu, jaribu njia ya mandhari." Programu hutumia mantiki hii ya masharti jinsi hiyo kuonyesha ujasiri na kuwapa watumiaji uzoefu bora kila wakati.
 
-### 🎯 **Kukagua Dhana: Ustadi wa Vitu Vinavyojengwa**
+### 🎯 **Kutegemeza Dhana: Ustadi wa Vifungo vya Msingi**
 
-**Tuwone jinsi unavyoendelea na msingi:**
+**Tuweze kuona unaendeleaje na msingi:**
 - Unaweza kuelezea tofauti kati ya kigezo na tamko kwa maneno yako mwenyewe?
-- Fikiria tukio halisi ambalo ungeweza kutumia uamuzi wa ikiwa-basi (kama mfano wetu wa kupiga kura)
-- Ni jambo gani moja kuhusu mantiki ya programu lililokushtua?
+- Fikiria hali halisi ambapo utatumia uamuzi wa ikiwa-basi (kama mfano wetu wa kupiga kura)
+- Ni jambo gani moja kuhusu mantiki ya programu lililokushangaza?
 
-**Kudhibiti kujiamini kwa haraka:**
+**Kukuongeza hamu ya kuendelea:**
 ```mermaid
 flowchart LR
-    A["📝 Taarifa<br/>(Maelekezo)"] --> B["📦 Vigezo<br/>(Hifadhi)"] --> C["🔀 Mtiririko wa Udhibiti<br/>(Maamuzi)"] --> D["🎉 Programu Inayofanya Kazi!"]
+    A["📝 Matamko<br/>(Maelekezo)"] --> B["📦 Vigezo<br/>(Uhifadhi)"] --> C["🔀 Mtiririko wa Udhibiti<br/>(Maamuzi)"] --> D["🎉 Programu Inayotumika!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **Kinachokuja baadaye**: Tutaendelea na furaha kubwa kujifunza dhana hizi kwa kina katika safari hii ya ajabu pamoja! Kwa sasa, zingatia tu kuhisi msisimko kuhusu fursa zote za ajabu zilizo mbele yako. Ujuzi na mbinu maalum zitakwenda kushika asili unapoendelea kutekeleza pamoja nami – naahidi hii itakuwa ya kufurahisha zaidi kuliko unavyoweza kufikiria!
+✅ **Kinachokuja baadaye**: Tutakuwa na wakati mzuri mno kuchunguza zaidi dhana hizi tunapoendelea katika safari hii ya kushangaza pamoja! Kwa sasa, zingatia hisia ya msisimko kuhusu fursa zote kubwa zinazokuja mbele yako. Ujuzi maalum na mbinu zitakuwepo kwa asili tunapofanya mazoezi pamoja – ninaahidi huu utakuwa wakati mzuri kuliko ulivyotarajia!
 
 ## Vifaa vya Kazi
 
-Sawa, hapa ndio ninapojawa msisimko usioweza kujificha! 🚀 Tutazungumzia zana za ajabu zitakazokufanya ujisikie kama umepewa funguo za chombo cha anga la kidijitali.
+Sawa, hapa ndio ninaposhindwa kuweka hamu yangu chini! 🚀 Tunaenda kuzungumza kuhusu vifaa vya kushangaza ambavyo vitafanya uhisi kama umepatiwa funguo za roketi ya kidijitali.
 
-Unajua vile mpishi anavyo kuwa na visu vilivyopimwa vyema vinavyofanya kama kweli ni sehemu ya mikono yao? Au mpiga gitaa kuwa na gitaa moja inayopiga nyimbo mara anapoigusa? Sawa, waendelezaji wana toleo lao la zana hizi za kichawi, na hapa ndipo utakaposhtushwa kabisa – nyingi wao ni bure kabisa!
+Unajua jinsi mpishi anavyokuwa na visu vya usawa vinavyohisi kama sehemu ya mikono yao? Au jinsi mwanamuziki anavyo kuwa na gitaa moja inayopiga nyimbo mara tu wanapigusa? Sawa, waendelezaji wana toleo lao la vifaa vya kichawi, na hapa ndilo litakachokuvutia kabisa – wengi wao ni bure kabisa!
 
-Mimi hivi sasa ninainuka kiti kwa kufikiria kushiriki hizi kwa sababu zimebadilisha kabisa jinsi tunavyojenga programu. Tunazungumzia msaada wa kuandika msimbo unaotumia AI (sihutaji usemi!), mazingira ya wingu ambapo unaweza kujenga programu nzima mahali popote ulipo na Wi-Fi, na zana za kuondoa hitilafu zenye kufikia kiwango cha kuona kwa sarafu kwa programu zako.
+Nipo kama niko juu ya kiti nakifikiria kuwasilisha haya kwako maana yameleta mapinduzi katika jinsi tunavyojenga programu. Tunazungumza kuhusu washirika wa kuandika msimbo wenye AI wanaosaidia kuandika msimbo (sijacheki!), mazingira ya wingu yanayowezesha kutengeneza programu zote kutoka mahali popote penye Wi-Fi, na zana za kubaini makosa ngumu mno hadi zinakaribia kuwa kama kuona ndani ya programu zako.
 
-Na hapa ndio sehemu inayonipa baridi ya msisimko: hizi si zana za "wanzo" utakazokua nazo. Hizi ni zana sawa za kitaalamu zinazotumiwa sasa hivi na waendelezaji Google, Netflix, na studio ya programu za indie unazopenda. Utajisikia kama mtaalamu sana kuzitumia!
+Na hii bado inanipa mshtuko: hizi si "vifaa vya waanzilishi" utakavyokua nayo. Hizi ndiyo vifaa halisi vya kiwango cha kitaalamu vinavyotumiwa na waendelezaji wa Google, Netflix, na studio hiyo ya programu ndogo unayopenda wakati huu kabisa. Utahisi kama mtaalamu mtukufu unapotumia hizi!
 
 ```mermaid
 graph TD
     A["💡 Wazo Lako"] --> B["⌨️ Mhariri wa Msimbo<br/>(VS Code)"] 
-    B --> C["🌐 Zana za Mvumbuzi wa Kivinjari<br/>(Upimaji & Usahihishaji)"]
-    C --> D["⚡ Amri ya Mstari<br/>(Uendeshaji wa Mifumo & Zana)"]
-    D --> E["📚 Nyaraka<br/>(Kujifunza & Marejeleo)"]
-    E --> F["🚀 Tovuti Bora!"]
+    B --> C["🌐 Vyombo vya Kivinjari<br/>(Upimaji & Urekebishaji)"]
+    C --> D["⚡ Amri ya Mstari<br/>(Uendeshaji Kiotomatiki & Zana)"]
+    D --> E["📚 Nyaraka<br/>(Kujifunza & Marejeo)"]
+    E --> F["🚀 Programu ya Kuvutia ya Mtandao!"]
     
-    B -.-> G["🤖 Msaidizi wa AI<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Upimaji wa Vifaa<br/>(Ubunifu unaolingana)"]
+    B -.-> G["🤖 Msaada wa AI<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Upimaji wa Vifaa<br/>(Muundo Unaobadilika)"]
     D -.-> I["📦 Wasimamizi wa Pakiti<br/>(npm, yarn)"]
     E -.-> J["👥 Jamii<br/>(Stack Overflow)"]
     
@@ -505,108 +504,109 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### Wahariri wa Msimbo na IDEs: Marafiki Wako Wapya Kidijitali
+### Wahariri wa Msimbo na IDE: Marafiki Wako Mpya wa Kidijitali
 
-Tuzungumze kuhusu wahariri wa msimbo – hawa kweli wanakaribia kuwa sehemu unayopenda kupita popote! Fikiria ni makazi yako binafsi ya kuandika msimbo ambapo utatumia muda mwingi kutengeneza na kuboresha kazi zako za kidijitali.
+Tuzungumze kuhusu wahariri wa msimbo – hivi sasa watakuwa sehemu zako unazopenda zaidi! Fikiria kama makao yako mwenyewe ya maandalizi ya msimbo ambapo utatumia muda mwingi sana kutengeneza na kuboresha kazi zako za kidijitali.
 
-Lakini hapa ni pepo la kisasa juu ya wahariri: siyo wahariri wa maandishi tu wa kawaida. Ni kama kuwa na mshauri wa programu mwenye akili sana na msaada karibu nawe saa 24/7. Wanakukuta makosa kabla hujayaona, kupendekeza maboresho yanayokufanya uonekane mwerevu, kusaidia kuelewa kila kipande cha msimbo, na baadhi yao hata hupredict ni nini ungeandika kisha hutoa kumalizia mawazo yako!
+Lakini hali hii ya kufurahisha kuhusu wahariri wa kisasa ni hii: si wahariri wa kawaida wa maandishi. Ni kama kuwa na mshauri bora wa kuandika msimbo karibu nawe saa 24/7. Wanakamata makosa yako kabla hujayagundua, wanasisitiza maboresho yanayokufanya uonekane mwerevu, wanakusaidia kuelewa kila sehemu ya msimbo, na wengine wao hata wanaweza kutabiri unachotaka kuandika na kukamilisha mawazo yako!
 
-Nakumbuka nilipogundua auto-completion mara ya kwanza – nilihisi nafanya kazi huko siku zijazo. Unaanza kuandika kitu, na mhariri wako husema, "Hey, ungekuwa unafikiria kuhusu hii function ambayo inafanya hasa unachohitaji?" Ni kama kuwa na mtu asomao mawazo yako kuwa rafiki yako wa kuandika msimbo!
+Nakumbuka nilipogundua auto-completion mara ya kwanza – hisia ilikuwa kama niishi katika siku za usoni. Unaanza kuandika kitu, na mhariri anasema, "Je, ulikuwa unafikiria kuhusu kipengele hiki kinachofanya hasa kile unachotaka?" Ni kama kuwa na msomaji wa akili kama rafiki wa kuandika msimbo!
 
-**Nini hufanya wahariri hawa kuwa wa ajabu hivi?**
+**Ni nini kinachofanya wahariri hawa kuwa wa ajabu sana?**
 
-Wahariri wa msimbo wa kisasa hutoa vipengele vya kuvutia vilivyobuniwa kuongeza utendaji wako:
+Wahariri wa msimbo wa kisasa huleta vipengele vingi vya kuvutia vilivyotengenezwa kusaidia kuongeza tija yako:
 
-| Kipengele | Kazi Yake | Kwanini Inasaidia |
+| Kipengele | Kinachofanya | Kwa Nini Kinafaa |
 |---------|--------------|--------------|
-| **Uangazaji wa Sintaksia** | Rangi sehemu tofauti za msimbo wako | Hufanya msimbo kusomeka kwa urahisi na kugundua makosa |
-| **Auto-completion** | Hupendekeza msimbo unapoandika | Huongeza kasi ya kuandika na hupunguza makosa ya tahajia |
-| **Zana za Kuondoa Hitilafu** | Husaidia kupata na kurekebisha makosa | Huokoa muda mwingi wa kutatua matatizo |
-| **Nyongeza (Extensions)** | Ongeza vipengele maalum | Badilisha mhariri wako kwa teknolojia yoyote |
-| **Msaidizi wa AI** | Hupendekeza msimbo na maelezo | Huongeza kasi ya kujifunza na utendakazi |
+| **Uangazaji wa Sarufi** | Hurangi sehemu tofauti za msimbo wako | Hufanya msimbo usuafiki kusoma na kugundua makosa |
+| **Auto-completion** | Inapendekeza msimbo unapoandika | Huarifu kuandika msimbo na kupunguza makosa ya tahajia |
+| **Zana za Kubaini Makosa** | Husaidia kutiangazia na kurekebisha makosa | Hutoa saa nyingi za kutatua matatizo |
+| **Mikengeuko** | Ongeza vipengele maalum | Binafsisha mhariri wako kwa teknolojia yoyote |
+| **Msaidizi wa AI** | Pendekeza msimbo na maelezo | Harakisha kujifunza na kuzalisha kazi kwa ufanisi |
 
-> 🎥 **Rasilimali ya Video**: Unataka kuona zana hizi zikifanya kazi? Angalia [Video ya Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) kwa muhtasari kamili.
+> 🎥 **Rasilimali ya Video**: Unataka kuona vifaa hivi vinavyofanya kazi? Angalia [video ya Vifaa vya Kazi](https://youtube.com/watch?v=69WJeXGBdxg) kwa muhtasari kamili.
 
-#### Wahariri Waliopendekezwa kwa Maendeleo ya Mtandao
+#### Wahariri Waliopendekezwa kwa Maendeleo ya Wavuti
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Bure)
-- Maarufu zaidi miongoni mwa waendelezaji wavuti
-- Mfumo bora wa nyongeza
-- Terminal iliyojengwa ndani na ushirikiano wa Git
-- **Nyongeza muhimu:**
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - mapendekezo ya msimbo yanayotolewa na AI
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - ushirikiano wa wakati halisi
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - upangaji wa msimbo kiotomatiki
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - kugundua makosa ya tahajia katika msimbo wako
-
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Inalipiwa, bure kwa wanafunzi)
-- Zana za hali ya juu za kuondoa hitilafu na upimaji
-- Ukomo wa msimbo wenye akili
+- Pengine maarufu zaidi kwa waendelezaji wavuti
+- Mfumo bora wa mikengeuko
+- Terminal iliyojengwa ndani na muunganisho wa Git
+- **Mikengeuko ya lazima:**
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Mapendekezo ya msimbo yenye nguvu ya AI
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Ushirikiano wa wakati halisi
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Urekebishaji wa kiotomatiki wa msimbo
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Kugundua makosa ya tahajia kwenye msimbo wako
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Zilizolipwa, bure kwa wanafunzi)
+- Zana za hali ya juu za kubaini makosa na majaribio
+- Ukomavu wa kukamilisha msimbo
 - Udhibiti wa toleo uliojengwa ndani
 
-**IDEs za Kwenye Wingu** (Bei mbalimbali)
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code kamili kupitia kivinjari chako
-- [Replit](https://replit.com/) - Bora kwa kujifunza na kushiriki msimbo
-- [StackBlitz](https://stackblitz.com/) - Maendeleo ya wavuti ya haraka na kamili
+**IDE za Wingu** (Bei mbalimbali)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code kamili katika kivinjari chako
+- [Replit](https://replit.com/) - Nzuri kwa kujifunza na kushiriki msimbo
+- [StackBlitz](https://stackblitz.com/) - Maendeleo ya wavuti ya haraka, mfano kamili
 
-> 💡 **Ushauri wa Kuanzisha**: Anza na Visual Studio Code – ni bure, inatumiwa sana katika sekta, na ina jamii kubwa inayounda mafunzo na nyongeza zinazosaidia.
+> 💡 **Mwongozo wa Kuanzisha**: Anza na Visual Studio Code – ni bure, inatumiwa sana kwenye sekta, na ina jumuiya kubwa inayotengeneza mafunzo na mikengeuko yenye msaada.
 
 
-### Vivinjari vya Mtandao: Maabara Yako ya Siri ya Maendeleo
+### Vivinjari vya Wavuti: Maabara Yako ya Siri ya Maendeleo
 
-Sawa, jiandae kushtuka kabisa! Unajua vile umekuwa ukitumia vivinjari kugonga mitandao ya kijamii na kutazama video? Sasa, zimekuwa zikificha maabara hii ya siri ya waendelezaji wakati wote, zikikusubiri ugundue!
+Sawa, jiandae kufurahia akili yako kabisa! Unajua umekuwa ukitumia vivinjari kusogeza kupitia mitandao ya kijamii na kutazama video? Sawa, inaonekana wamekuwa wakificha maabara hii ya ajabu ya watengenezaji kwa muda wote, wakisubiri tu uigundue!
 
-Kila mara unabonyeza kitufe cha kulia kwenye ukurasa wa wavuti na kuchagua "Inspekta Kipengele," unafungua dunia iliyofichwa ya zana za waendelezaji ambazo kwa kweli zina nguvu zaidi kuliko programu ghali nilizolipia mamia ya dola zamani. Ni kama kugundua jikoni lako la kawaida lina maabara ya mpishi mtaalamu nyuma ya paneli ya siri!
-Mara ya kwanza mtu alinionyesha browser DevTools, nilitumia kama saa tatu nikibofya hapa na pale na kusema "SAA, INAWEZA KUFANYA HIVYO PIA?!" Unaweza kuhariri tovuti yoyote kwa wakati halisi, kuona haraka kabisa mambo yote yanapotapakaa, kujaribu jinsi tovuti yako inavyoonekana kwenye vifaa tofauti, na hata kutambua makosa ya JavaScript kama mtaalamu kweli. Ni ajabu kabisa!
+Kila unapobofya kulia kwenye ukurasa na kuchagua "Inspect Element," unafungua dunia iliyofichwa ya zana za watengenezaji ambazo ni zenye nguvu zaidi kuliko programu ghali ambazo nilizikuwa nikipa maelfu ya dola zamani. Ni kama kugundua jikoni yako ya kawaida imekuwa ikifunua maabara ya mpishi mtaalamu nyuma ya paneli ya siri!
+Mara ya kwanza mtu aliniona DevTools za kivinjari, nilitumia kama saa tatu nikibonyeza hapa na pale nikiwaza "SUBIRI, INAVYOFANYA HIVYO PIA?!" Kwa kweli unaweza kuhariri tovuti yoyote kwa wakati halisi, kuona haraka kila kitu kinapakia, kujaribu jinsi tovuti yako inavyoonekana kwenye vifaa tofauti, na hata kutatua matatizo ya JavaScript kama mtaalamu halisi. Ni ya kushangaza kabisa!
 
-**Hii ndiyo sababu vivinjari ni silaha yako ya siri:**
+**Hapa ndio sababu vivinjari ni silaha yako ya siri:**
 
-Unapoanzisha tovuti au programu ya wavuti, unahitaji kuona jinsi inavyoonekana na tabia zake katika ulimwengu halisi. Vivinjari havionyeshi tu kazi yako bali pia hutoa maoni ya kina kuhusu utendaji, upatikanaji, na matatizo yanayoweza kutokea.
+Unapounda tovuti au programu ya wavuti, unahitaji kuona jinsi inavyoonekana na kutenda katika ulimwengu halisi. Vivinjari havionyeshi tu kazi yako bali pia hutoa maoni ya kina kuhusu utendaji, upatikanaji, na matatizo yanayoweza kutokea.
 
-#### Zana za Mwandishi za Vivinjari (DevTools)
+#### Zana za Mwendelezi wa Kivinjari (DevTools)
 
-Vivinjari vya kisasa vina seti kamili za maendeleo:
+Vivinjari vya kisasa vinajumuisha zana kamili za maendeleo:
 
-| Kategoria ya Zana | Inafanya Nini | Mfano wa Matumizi |
-|-------------------|--------------|--------------------|
-| **Kikagua Kipengele** | Tazama na hariri HTML/CSS kwa wakati halisi | Rekebisha mtindo kuona matokeo mara moja |
-| **Konsoli** | Tazama ujumbe wa makosa na jaribu JavaScript | Tambua matatizo na jaribu msimbo |
-| **Kisimamia Mtandao** | Fuatilia jinsi rasilimali zinavyopakuliwa | Boresha utendaji na muda wa kupakia |
-| **Kikagua Upatikanaji** | Jaribu muundo wa ujumuishaji | Hakikisha tovuti yako inafanyakazi kwa watumiaji wote |
-| **Mfananishi wa Vifaa** | Angalia kwenye saizi tofauti za skrini | Jaribu muundo unaojibu bila vifaa vingi |
+| Kategori ya Zana | Inafanya Nini | Mfano wa Matumizi |
+|------------------|--------------|-------------------|
+| **Mtazamo wa Vipengele** | Tazama na hariri HTML/CSS kwa wakati halisi | Rekebisha mtindo kuona matokeo mara moja |
+| **Konsoli** | Tazama ujumbe wa makosa na jaribu JavaScript | Tatua matatizo na jaribu msimbo |
+| **Kisimamizi Mtandao** | Fuata jinsi rasilimali zinapakiwa | Boresha utendaji na nyakati za upakiaji |
+| **Kikagua Upatikanaji** | Jaribu muundo unaojumuisha watu wote | Hakikisha tovuti yako inafanya kazi kwa watumiaji wote |
+| **Sanifu Vifaa** | Tazama awali kwenye saizi tofauti za skrini | Jaribu muundo unaojibadilisha bila vifaa vingi |
 
-#### Vivinjari Vinavyopendekezwa kwa Maendeleo
+#### Vivinjari Vilivyopendekezwa kwa Maendeleo
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools za kiwango cha viwandani zenye nyaraka za kina
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools za viwango vya viwandani na nyaraka za kina
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Zana bora za CSS Grid na upatikanaji
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Jengwa juu ya Chromium na rasilimali za waendelezaji wa Microsoft
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Imejengwa juu ya Chromium na rasilimali za Microsoft kwa waendelezaji
+
+> ⚠️ **Mshauri Muhimu wa Upimaji**: Hakikisha kujaribu tovuti zako kwenye vivinjari vingi! Kinachofanya kazi vizuri kwenye Chrome kinaweza kuonekana tofauti kwenye Safari au Firefox. Waendelezaji wa kitaalamu hujaribu kwenye vivinjari vyote vikuu ili kuhakikisha uzoefu wa mtumiaji ni thabiti.
 
-> ⚠️ **Kumbuka Muhimu kwa Upimaji**: Daima jaribu tovuti zako kwenye vivinjari vingi! Kile kinachofanya kazi vizuri Chrome kinaweza kuonekana tofauti Safari au Firefox. Waendelezaji wataalamu hujaribu kwenye vivinjari vyote vikubwa kuhakikisha uzoefu wa mtumiaji uko sawa.
 
-### Zana za Amri: Mlango Wako wa Nguvu za Mwandishi
+### Zana za Mstari wa Amri: Mlango Wako wa Nguvu za Kuendeleza
 
-Sawa, tufanye kipindi cha uwazi kabisa hapa kuhusu mstari wa amri, kwa maana nataka usikilize kutoka kwa mtu anayeuelewa kweli. Nilipouona mara ya kwanza – ni skrini nyeusi yenye maandishi yanayang'aa – nilifikiri, "Hapana, kabisa hapana! Hii inaonekana kama kitu kutoka filamu ya wadukuzi ya miaka ya 1980, na mimi si mwerevu vya kutosha kwa hili!" 😅
+Sawa, hebu tuwe waaminifu kabisa kuhusu mstari wa amri, kwa sababu nataka usiseme tu na mtu, bali mtu anaelewa sana. Nilipouona mara ya kwanza – ni kati ya skrini nyeusi yenye maandishi yanayong'aa – nilifikiri, "Hapana kabisa! Hii inaonekana kama filamu ya mdukuzi ya miaka ya 1980, na mimi si mwerevu kiasi hicho kwa hili!" 😅
 
-Lakini hapa ni kile ningependa mtu kunisema wakati huo, na ninachokuambia sasa hivi: mstari wa amri si wa kutisha – ni kama kuwa na mazungumzo ya moja kwa moja na kompyuta yako. Fikiria kama tofauti kati ya kuagiza chakula kupitia app ya kisasa yenye picha na menyu (ambayo ni nzuri na rahisi) dhidi ya kuingia kwenye mgahawa wako maarufu ambapo mpishi anajua hasa unachopenda na anaweza kuandaa kitu kamili kwa sema tu "nishangaze na kitu kizuri."
+Lakini hapa ni kile ningetaka mtu angenieleza wakati huo, na ninakueleza sasa hivi: mstari wa amri hauogopi – ni kama kuwa na mazungumzo ya moja kwa moja na kompyuta yako. Fikiria kama tofauti kati ya kuagiza chakula kupitia app ya kisasa yenye picha na menyu (ambayo ni rahisi na nzuri) dhidi ya kuingia kwa mgeni kwenye mgahawa unaoupenda ambapo mpishi anajua kabisa unachopenda na anaweza kuandaa kitu bora tu kwa kusema "nishangaze na kitu kizuri."
 
-Mstari wa amri ndio mahali pa watengenezaji kujisikia kama wachawi kabisa. Unaandika maneno machache yanayoonekana ya kichawi (sipigani, ni amri tu, lakini yanahisi ya kichawi!), bonyeza enter, na BOOM – umeunda muundo mzima wa mradi, kusanidi zana zenye nguvu kutoka sehemu mbalimbali duniani, au kupeleka programu yako mtandaoni kwa mamilioni ya watu kuiona. Ukipata ladha ya kwanza ya nguvu hiyo, ni tabia ya kuvuta sana!
+Mstari wa amri ni mahali ambapo waendelezaji hujisikia kama wachawi halisi. Unaandika maneno machache yanayoonekana kuwa ya kichawi (sawa, ni amri tu, lakini yanahisi ya kichawi!), bonyeza enter, NA HAPA NDIYO – umeundwa miundo yote ya mradi, kusanidi zana zenye nguvu kutoka duniani kote, au kupeleka app yako mtandaoni kwa watu milioni kuona. Mara unapochukua ladha ya kwanza ya nguvu hiyo, ni kabisa inakuvutia!
 
-**Kwa nini mstari wa amri utakuwa zana yako ya kipenzi:**
+**Kwa nini mstari wa amri utakuwa zana yako uipendayo:**
 
-Wakati interfaces za picha ni nzuri kwa kazi nyingi, mstari wa amri ufanisi katika uendeshaji kiotomatiki, usahihi, na kasi. Zana nyingi za maendeleo hufanya kazi hasa kupitia interface za mstari wa amri, na kujifunza kuzitumia kwa ufanisi kunaweza kuboresha uzalishaji wako sana.
+Wakati interfaces za picha ni nzuri kwa kazi nyingi, mstari wa amri unajivunia otomatiki, usahihi, na kasi. Zana nyingi za maendeleo hufanya kazi hasa kupitia interface ya mstari wa amri, na kujifunza kuzitumia kwa ufanisi kunaweza kuboresha sana uzalishaji wako.
 
 ```bash
-# Hatua ya 1: Tengeneza na elekea kwenye saraka ya mradi
+# Hatua 1: Unda na uelekee kwenye saraka ya mradi
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **Hivi ndivyo msimbo huu unavyofanya:**
-- **Tengeneza** saraka mpya iitwayo "my-awesome-website" kwa mradi wako
-- **Ingia** ndani ya saraka mpya kuanza kazi
+- **Unda** saraka mpya inayoitwa "my-awesome-website" kwa mradi wako
+- **Ingia** kwenye saraka mpya kuanza kufanya kazi
 
 ```bash
-# Hatua 2: Anzisha mradi na package.json
+# Hatua ya 2: Anzisha mradi na package.json
 npm init -y
 
 # Sakinisha zana za kisasa za maendeleo
@@ -614,11 +614,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Hatua kwa hatua, hili ndilo linalotokea:**
-- **anzisha** mradi mpya wa Node.js kwa mipangilio ya default kwa kutumia `npm init -y`
-- **sanidi** Vite kama zana ya kisasa ya kujenga kwa maendeleo ya haraka na kujenga uzalishaji
-- **ongeza** Prettier kwa urembo wa msimbo kiotomatiki na ESLint kwa ukaguzi wa ubora wa msimbo
-- **tumia** bendera `--save-dev` kuonyesha hizi ni tegemezi kwa maendeleo pekee
+**Hatua kwa hatua, hapa kinatokea nini:**
+- **anzisha** mradi mpya wa Node.js kwa mipangilio ya msingi ukitumia `npm init -y`
+- **sanidi** Vite kama zana ya kisasa ya ujenzi kwa maendeleo ya haraka na ujenzi wa uzalishaji
+- **ongeza** Prettier kwa upangaji wa msimbo kiotomatiki na ESLint kwa ukaguzi wa ubora wa msimbo
+- **tumia** bendera ya `--save-dev` kuonyesha hivi ni viinua only vya maendeleo
 
 ```bash
 # Hatua ya 3: Unda muundo wa mradi na faili
@@ -629,204 +629,205 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**Juu tume:**
-- **Panga** mradi wetu kwa kuunda folda tofauti kwa msimbo chanzo na mali
-- **Tengeneza** faili la HTML la msingi lenye muundo sahihi wa nyaraka
-- **anzisha** seva ya maendeleo ya Vite kwa uhuishaji wa moja kwa moja na kubadilisha moduli joto
+**Juu, tume:**
+- **Panga** mradi wetu kwa kuunda folda tofauti za msimbo wa chanzo na mali
+- **Tengeneza** faili la msingi la HTML lenye muundo sahihi wa hati
+- **Anza** seva ya maendeleo ya Vite kwa upyaaji wa moja kwa moja na kubadilisha vipengele moto
 
-#### Zana Muhimu za Mstari wa Amri kwa Maendeleo ya Wavuti
+#### Zana Muhimu za Mstari wa Amri kwa Uendelezaji wa Wavuti
 
-| Zana | Kusudi | Kwa Nini Unaihitaji |
-|-------|---------|--------------------|
-| **[Git](https://git-scm.com/)** | Udhibiti wa toleo | Fuatilia mabadiliko, shirikiana na wengine, tengeneza nakala za kazi yako |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & usimamizi wa kifurushi | Endesha JavaScript nje ya vivinjari, sanidi zana za maendeleo za kisasa |
-| **[Vite](https://vitejs.dev/)** | Zana ya kujenga & seva ya maendeleo | Maendeleo ya kasi sana na uhuishaji wa moduli joto |
-| **[ESLint](https://eslint.org/)** | Ubora wa msimbo | Pata na rekebisha matatizo ya JavaScript kiotomatiki |
-| **[Prettier](https://prettier.io/)** | Urembo wa msimbo | Hifadhi msimbo wako ukiwa na muundo thabiti na wa kusomeka |
+| Zana | Kusudi | Kwa Nini Unahitaji |
+|------|---------|-------------------|
+| **[Git](https://git-scm.com/)** | Udhibiti toleo | Fuata mabadiliko, shirikiana na wengine, hifadhi kazi yako |
+| **[Node.js & npm](https://nodejs.org/)** | Muda wa utekelezaji wa JavaScript & usimamizi wa pakiti | Endesha JavaScript nje ya vivinjari, sanidi zana za kisasa za maendeleo |
+| **[Vite](https://vitejs.dev/)** | Zana ya kujenga & seva ya maendeleo | Maendeleo ya kasi sana yenye kubadilisha vipengele moto |
+| **[ESLint](https://eslint.org/)** | Ubora wa msimbo | Tambua na rekebisha matatizo katika JavaScript yako kiotomatiki |
+| **[Prettier](https://prettier.io/)** | Upangaji wa msimbo | Dumisha msimbo wako ukifanikiwa na kuwa rahisi kusoma |
 
-#### Chaguo Maalum kwa Mifumo
+#### Chaguzi za Mfumo Mahususi
 
 **Windows:**
 - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal ya kisasa yenye vipengele vingi
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mazingira ya uandishi wa script yenye nguvu
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mstari wa amri wa kawaida wa Windows
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mazingira yenye nguvu ya uandishi wa skripti
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mstari wa amri wa Windows wa jadi
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Programu ya terminal iliyo ndani ya mfumo
-- **[iTerm2](https://iterm2.com/)** - Terminal iliyoboreshwa yenye vipengele vya hali ya juu
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Programu ya terminal iliyojengwa ndani
+- **[iTerm2](https://iterm2.com/)** - Terminal iliyoimarishwa yenye vipengele vya hali ya juu
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell ya kawaida ya Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emuleta terminal ya hali ya juu
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator wa terminal yenye vipengele vya hali ya juu
+
+> 💻 = Imewekwa awali kwenye mfumo wa uendeshaji
 
-> 💻 = Imejumuishwa tayari kwenye mfumo wa uendeshaji
+> 🎯 **Njia ya Kujifunza**: Anza na amri za msingi kama `cd` (badilisha saraka), `ls` au `dir` (orodhesha faili), na `mkdir` (tengeneza folda). Fanya mazoezi kwa amri za kazi za kisasa kama `npm install`, `git status`, na `code .` (fungua saraka ya sasa VS Code). Unapokuwa mtaalamu zaidi, utajifunza amri na mbinu za otomatiki za hali ya juu kwa asili.
 
-> 🎯 **Njia ya Kujifunza**: Anza na amri za msingi kama `cd` (badilisha saraka), `ls` au `dir` (orodhesha faili), na `mkdir` (tengeneza folda). Fanya mazoezi na amri za mtiririko wa kazi wa kisasa kama `npm install`, `git status`, na `code .` (fungua saraka ya sasa katika VS Code). Unapozoea, utaweza kujifunza amri za hali ya juu na mbinu za uendeshaji kiotomatiki kwa urahisi.
 
-### Nyaraka: Mshauri Wako wa Kujifunza Ukiwa Hapo Siku zote
+### Nyaraka: Mwalimu Wako Anayepatikana Daima Kujaribu
 
-Sawa, ngojea niambie siri kidogo itakayokufanya ujisikie vizuri kuwa mmwanzo: hata waendelezaji wenye uzoefu zaidi hutumia sehemu kubwa ya muda wao kusoma nyaraka. Na si kwa sababu hawajui wanachofanya – ni ishara ya hekima!
+Sawa, niruhusu nishiriki siri kidogo itakayokufanya uhisi afadhali sana kuwa mwanzoni: hata waendelezaji wenye uzoefu mkubwa hutumia sehemu kubwa ya wakati wao kusoma nyaraka. Na sio kwa sababu hawajui wanachofanya – ni ishara ya hekima!
 
-Fikiria nyaraka kama kuwa na ufikiaji wa walimu mwenye subira, wenye maarifa, waliopo kila wakati 24/7. Unakumbwa na shida saa 2 usiku? Nyaraka zipo na pambazuko la virtual lenye joto na jibu halisi unalohitaji. Unataka kujifunza kuhusu kipengele kipya kinachozungumziwa na kila mtu? Nyaraka zinakuunga mkono kwa mifano ya hatua kwa hatua. Unajaribu kuelewa kwa nini kitu kinafanya kazi jinsi kinavyo? Umekisia – nyaraka ziko tayari kueleza kwa njia inayokuleta mwangaza!
+Fikiria nyaraka kama kuwa na walimu wenye subira kubwa, maarifa na wanaopatikana masaa 24/7. Umekwama na tatizo saa 2 za usiku? Nyaraka zipo na kumbatio la joto la kidijitali na jibu sahihi unalotaka. Unataka kujifunza kuhusu kipengele kipya kinachozungumzwa na kila mtu? Nyaraka zinajali na mifano hatua kwa hatua. Unajaribu kuelewa kwa nini kitu kinafanya kazi kama kilivyo? Kumbuka – nyaraka ziko tayari kukueleza kwa njia itakayokuachia kuelewa kabisa!
 
-Hapa kuna kitu kilichobadilisha kabisa mtazamo wangu: ulimwengu wa maendeleo ya wavuti unasogea kwa kasi sana, na hakuna mtu (yaani hakuna mtu!) anayekumbuka kila kitu. Nimeona waendelezaji wa ngazi ya juu wenye miaka 15+ ya uzoefu wakitafuta sintaksia za msingi, na unajua nini? Hiyo si aibu – ni busara! Siyo kuhusu kumbukumbu kamili; ni kujua wapi kupata majibu ya kuaminika haraka na kuelewa jinsi ya kuyatumia.
+Hapa kuna kitu kilinibadilishia mtazamo kabisa: dunia ya maendeleo ya wavuti inaenda haraka sana, na hakuna mtu (naam, kabisa hakuna!) anayehifadhi kila kitu akilini. Nimewatazama waendelezaji wakuu wenye uzoefu wa miaka 15+ wakitafuta muundo wa msingi, na unajua? Hiyo si aibu – ni busara! Sio kuhusu kuwa na kumbukumbu kamili; ni kuhusu kujua wapi kupata majibu ya kuaminika haraka na kuelewa jinsi ya kuyatumia.
 
-**Hapa ndipo uchawi wa kweli unapotokea:**
+**Hapa ndipo uchawi halisi unapotokea:**
 
-Waendelezaji wataalamu hutumia sehemu kubwa ya muda wao kusoma nyaraka – si kwa sababu hawajui wanachofanya, lakini kwa sababu mandhari ya maendeleo ya wavuti hubadilika haraka kiasi kwamba kuendelea kuwa wa kisasa kunahitaji kujifunza endelevu. Nyaraka bora zinakusaidia kuelewa si tu *jinsi* ya kutumia kitu, bali *kwa nini* na *lini* utakitumia.
+Waendelezaji wa kitaalamu hutumia sehemu kubwa ya wakati wao kusoma nyaraka – si kwa sababu hawajui wanachofanya, bali kwa sababu mandhari ya maendeleo ya wavuti hubadilika kwa kasi hivyo kuweka hatua kunahitaji kujifunza endelevu. Nyaraka bora zinakusaidia kuelewa sio tu *jinsi* ya kutumia kitu, bali *kwa nini* na *lini* kuvitumia.
 
 #### Rasilimali Muhimu za Nyaraka
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Kiwango cha dhahabu cha nyaraka za teknolojia ya wavuti
-- Miongozo kamili ya HTML, CSS, na JavaScript
+- Kiwango cha dhahabu kwa nyaraka za teknolojia ya wavuti
+- Miongozo kamili kwa HTML, CSS, na JavaScript
 - Inajumuisha taarifa za ulinganifu wa vivinjari
-- Ina mifano ya vitendo na maonyesho ya kuingiliana
+- Ina mifano ya vitendo na maonyesho ya mwingiliano
 
-**[Web.dev](https://web.dev)** (kwa Google)
-- Vigezo bora vya maendeleo ya wavuti ya kisasa
-- Miongozo ya kuboresha utendaji
-- Kanuni za upatikanaji na muundo ujumuishi
-- Masomo ya kesi kutoka miradi halisi
+**[Web.dev](https://web.dev)** (kutoka Google)
+- Mbinu bora za kisasa za maendeleo ya wavuti
+- Miongozo ya uboreshaji wa utendaji
+- Kanuni za upatikanaji na muundo jumuishi
+- Masomo ya kesi kutoka miradi ya ulimwengu wa kweli
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Rasilimali za maendeleo ya kivinjari cha Edge
-- Miongozo ya Programu za Wavuti Inayopiga Mbele
-- Maarifa juu ya maendeleo ya mseto wa majukwaa
+- Miongozo ya Progressive Web App
+- Maarifa ya maendeleo kwa mitandao mingi
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Mitaala ya kujifunza yenye muundo
+- Mtaala wa kujifunza uliopangwa
 - Kozi za video kutoka kwa wataalamu wa sekta
-- Mazoezi ya msimbo wa vitendo
+- Mazoezi ya msimbo ya vitendo
 
-> 📚 **Mbinu ya Kujifunza**: Usijaribu kukumbuka nyaraka – badala yake, jifunze jinsi ya kuzitafuta kwa ufanisi. Weka alama rasilimali zinazotumika mara kwa mara na fanya mazoezi ya kutumia kazi za utafutaji kupata taarifa maalum kwa haraka.
+> 📚 **Mkakati wa Kusoma**: Usijaribu kukumbuka nyaraka yote – badala yake, jifunze kuvinjari kwa ufanisi. Weka alama rasilimali unazotumia mara kwa mara na fanya mazoezi kutumia kazi za utafutaji kupata taarifa maalum haraka.
 
-### 🔧 **Kazia Zana: Ni Nini Kinaendana na Wewe?**
+### 🔧 **Kukagua Uwezo wa Zana: Nini Kinachokuvutia?**
 
-**Chukua muda kufikiria:**
-- Ni zana gani unayo hamu ya kutumia kwanza? (Hakuna jibu baya!)
-- Je, mstari wa amri bado unahisi kutisha, au unavutiwa na hivyo?
-- Unaweza kufikiria kutumia browser DevTools kuangalia siri za nyuma za tovuti zako za kupenda?
+**Chukua muda ufikirie:**
+- Ni zana gani una hamu zaidi kujaribu kwanza? (Hakuna jibu baya!)
+- Je, mstari wa amri bado unakuogopesha, au una hamu ya kuijua?
+- Unaweza kufikiria kutumia DevTools za kivinjari kuangalia siri za nyuma ya tovuti unazopenda?
 
 ```mermaid
-pie title "Muda wa Mendevu Kutumika na Vifaa"
+pie title "Muda Wa Mendelezi Kutumia Vifaa"
     "Mhariri wa Msimbo" : 40
-    "Kujaribu Kivinjari" : 25
+    "Kukagua Kivinjari" : 25
     "Mstari wa Amri" : 15
     "Kusoma Nyaraka" : 15
-    "Kukaguzi Kasoro" : 5
+    "Kukagua Hitilafu" : 5
 ```
-> **Maarifa ya kufurahisha**: Waendelezaji wengi hutumia takriban 40% ya wakati wao ndani ya mhariri wao wa msimbo, lakini angalia muda mwingi unaotumika kwa upimaji, kujifunza, na kutatua matatizo. Programu si tu kuandika msimbo – ni kutengeneza uzoefu!
+> **Maarifa ya kufurahisha**: Waendelezaji wengi hutumia takriban asilimia 40 ya wakati wao katika mhariri wa msimbo, lakini zingatia jinsi muda mwingi unatumika kwa upimaji, kujifunza, na kutatua matatizo. Programu siyo tu kuandika msimbo – ni kutengeneza uzoefu!
 
-✅ **Kukuza mawazo**: Hapa kuna jambo la kufikiria – unaonaje zana za kujenga tovuti (maendeleo) zinavyotofautiana na zana za kubuni muonekano wake (buni)? Ni kama tofauti kati ya kuwa mbunifu wa majengo anayetengeneza nyumba nzuri na mkandarasi anayejenga kweli. Zote ni muhimu, lakini zinahitaji boksi tofauti za zana! Fikra hii itakusaidia kuona picha kubwa ya jinsi tovuti zinavyooanwa.
+✅ **Chunguzi la Kupendelea**: Hapa kuna jambo la kufikiria – je, unaonaje zana za kujenga tovuti (maendeleo) zinavyotofautiana na zana za kubuni jinsi zinavyoonekana (muundo)? Ni kama tofauti kati ya kuwa mbunifu binafsi anayeunda nyumba nzuri na mkandarasi anayejenga nyumba hiyo. Zote ni muhimu, lakini zina masanduku tofauti ya zana! Mtazamo huu utakusaidia kuona taswira kubwa jinsi tovuti zinavyoanzishwa.
 
-## Changamoto ya GitHub Copilot Agent 🚀
+## Changamoto ya Wakala wa GitHub Copilot 🚀
 
-Tumia hali ya Agent kukamilisha changamoto ifuatayo:
+Tumia hali ya Wakala kukamilisha changamoto ifuatayo:
 
-**Maelezo:** Chunguza vipengele vya mhariri wa msimbo wa kisasa au IDE na onyesha jinsi vinaweza kuboresha mtiririko wako wa kazi kama mwendelezaji wa wavuti.
+**Maelezo:** Chunguza vipengele vya mhariri wa msimbo wa kisasa au IDE na uonyeshe jinsi inavyoweza kuboresha mtiririko wako wa kazi kama mtaalamu wa wavuti.
 
-**Ombi:** Chagua mhariri wa msimbo au IDE (kama Visual Studio Code, WebStorm, au IDE ya wingu). Orodhesha vipengele au nyongeza tatu zinazokusaidia kuandika, kutambua makosa, au kudumisha msimbo kwa ufanisi zaidi. Kwa kila moja, toa maelezo mafupi kuhusu jinsi inavyoboresha mtiririko wako wa kazi.
+**Maelekezo:** Chagua mhariri wa msimbo au IDE (kama Visual Studio Code, WebStorm, au IDE ya wingu). Orodhesha vipengele tatu au nyongeza zinazokusaidia kuandika, kutatua matatizo, au kudumisha msimbo kwa ufanisi zaidi. Kila moja toa maelezo mafupi jinsi inavyoboresha mtiririko wako wa kazi.
 
 ---
 
 ## 🚀 Changamoto
 
-**Sawa, mpelelezi, uko tayari kwa kesi yako ya kwanza?**
+**Sawa, mpelelezi, tayari kwa kesi yako ya kwanza?**
 
-Sasa umejenga msingi mzuri, nina adventure itakayokusaidia kuona jinsi ulimwengu wa programu ulivyo tofauti na kupendeza kweli. Na sikiliza – hii siyo kuhusu kuandika msimbo bado, hivyo usijisikie shinikizo! Fikiria kama mpelelezi wa lugha za programu kwenye kesi yako ya kwanza ya kusisimua!
+Sasa kwa kuwa umepata msingi huu mzuri, ninaendeleza adventure itakayokusaidia kuona jinsi ulimwengu wa programu unavyotofautiana na kuvutia. Sikiliza – hii sio kuhusu kuandika msimbo bado, huna shinikizo lolote! Fikiria kama mpelelezi wa lugha za programu kwenye kesi yako ya kwanza yenye msisimko!
 
-**Kazi yako, ukikubali:**
-1. **Kuwa mchunguzi wa lugha**: Chagua lugha tatu za programu kutoka kwa dunia tofauti kabisa – labda moja inayojenga tovuti, moja inayounda apps za simu, na moja inayochambua data kwa wanasayansi. Tafuta mifano ya kazi rahisi sawa imeandikwa katika kila lugha. Naahidi utashangaa sana jinsi zinavyotofautiana huku zikifanya kitu kimoja kabisa!
+**Misheni yako, kama utachagua kuitikia:**
+1. **Kuwa mchunguzi wa lugha:** Chagua lugha tatu za programu kutoka ulimwengu tofauti kabisa – labda moja linalojenga tovuti, moja linalotengeneza programu za simu, na moja linalochambua data kwa wanasayansi. Tafuta mifano ya kazi rahisi ile ile imeandikwa katika kila lugha. Ninaahidi utafurahi jinsi zinavyoweza kuonekana tofauti kabisa huku zikifanya kitu kimoja halisi!
 
-2. **Gundua hadithi zao za asili**: Nini kinachofanya kila lugha kuwa ya kipekee? Hapa kuna jambo la baridi – kila lugha ya programu iliumbwa kwa sababu mtu alifikiri, "Unajua? Lazima kuna njia bora ya kutatua tatizo hili maalum." Je, unaweza kubaini matatizo hayo? Hadithi hizi ni za kusisimua kweli!
+2. **Gundua hadithi zao za asili:** Nini kinachofanya kila lugha kuwa ya kipekee? Hapa kuna ukweli mzuri – kila lugha ya programu imetengenezwa kwa sababu mtu alifikiri, "Unajua nini? Lazima kuwe na njia bora ya kutatua tatizo hili maalum." Je, unaweza kubaini tatizo hilo lilikuwa lipi? Baadhi ya hadithi hizi ni za kuvutia kabisa!
 
-3. **Kutana na jumuiya**: Angalia jinsi jumuiya ya kila lugha inavyokaribisha na yenye shauku. Baadhi zina mamilioni ya waendelezaji wanaoshirikiana na kusaidiana, wengine ni wadogo lakini wa karibu na wenye msaada mkubwa. Utapenda kuona tabia tofauti za jumuiya hizi!
+3. **Kutana na jamii:** Angalia jinsi jamii ya kila lugha inavyokukaribisha na kuwa na shauku. Baadhi ina maelfu ya waendelezaji wakishirikiana na kusaidiana, wengine ni wadogo lakini wana mshikamano mkubwa sana na msaada. Utapenda kuona tabia tofauti za jamii hizi!
 
-4. **Fuata hisia zako**: Ni lugha gani inayoonekana inakukaribisha zaidi kwa sasa? Usijali juu ya kuchagua sahihi kabisa – sikiliza tu hisia zako! Hakuna jibu baya hapa, na unaweza kamwe kuchunguza nyingine baadaye.
+4. **Fuata hisia zako:** Ni lugha gani unayohisi ni rahisi kwako kwa sasa? Usijali kuchukua uamuzi "mkamilifu" – sikiliza tu hisia zako! Hakuna jibu baya hapa, na unaweza kila wakati kuchunguza nyingine baadaye.
 
-**Kazi ya ziada ya mpelelezi**: Angalia kama unaweza kugundua ni tovuti au apps gani kubwa zimejengwa kwa kila lugha. Nahakikishia utashangaa kujua ni nini kinaendesha Instagram, Netflix, au mchezo wa simu ambao huwezi kuacha kucheza!
+**Kazi ya ziada kwa mpelelezi**: Angalia kama unaweza kugundua ni tovuti au programu gani kubwa zimejengwa kwa kila lugha. Nihakikishie utashangazwa kujua kinachoiendesha Instagram, Netflix, au mchezo wa simu usioachwa kucheza!
 
-> 💡 **Kumbuka**: Huhuji kugeuka mtaalamu wa lugha hizi leo. Unajifunza tu mtaa kabla ya kuamua wapi unataka kuanzisha duka. Chukua muda wako, furahia, na ruhusu udadisi wako uongoze!
+> 💡 **Kumbuka**: Haujai kuwa mtaalamu wa lugha hizi leo. Unajifunza tu mazingira kabla ya kuamua wapi unataka kuanzisha makazi. Chukua muda, furahia, na ufuate hamu yako ya kujua!
 
-## Tusherehekee Uliyegundua!
+## Tuadhimishe Ulimwengu Uliougundua!
 
-Mungu wangu, umejifunza mambo mengi ya kushangaza leo! Nimefurahi kweli kuona kiasi gani cha safari hii kubwa umekumbatia. Na kumbuka – hii si mtihani unaotakiwa kufanikisha kila kitu kwa ukamilifu. Hii ni sherehe ya mambo yote mazuri uliyofahamu kuhusu dunia hii ya kusisimua unayoanza kuingia ndani!
+Mzazi wa raha, umepokea maarifa mengi ya kushangaza leo! Ninashukuru kabisa kuona jinsi sehemu kubwa ya safari hii ya ajabu imekushika. Na kumbuka – hii si mtihani wa kupata kila kitu kamili. Hii ni sherehe ya mambo mazuri uliyoyajifunza kuhusu ulimwengu huu wa kuvutia unaojiandaa kuingia ndani yake!
 
-[Chukua jaribio baada ya somo](https://ff-quizzes.netlify.app/web/)
-## Mapitio & Kujifunza Binafsi
+[Chukua mtihani wa baada ya somo](https://ff-quizzes.netlify.app/web/)
 
-**Chukua muda wako kuchunguza na kufurahia!**
+## Tathmini & Kujisomea Mwenyewe
 
-Umeshughulikia mengi leo, na hilo ni jambo la kujivunia! Sasa kuna sehemu ya kufurahisha – kuchunguza mada zilizoanzisha hamu yako. Kumbuka, hii si kazi za nyumbani – ni adventure!
+**Chukua muda kuchunguza na kufurahia!**
+Umekamilisha mambo mengi leo, na hiyo ni kitu cha kujivunia! Sasa inakuja sehemu ya kufurahisha – kuchunguza mada zilizoamua udadisi wako. Kumbuka, huu sie kazi ya nyumbani – ni safari ya kusisimua!
 
-**Chunguza kwa undani zaidi kile kinachokufurahisha:**
+**Zamisha zaidi katika kile kinachokuvutia:**
 
-**Jaribu lugha za programu:**
-- Tembelea tovuti rasmi za lugha 2-3 zilizokuvutia. Kila moja ina tabia na hadithi yake!
-- Jaribu mizinga ya kuandika nambari mtandaoni kama [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), au [Replit](https://replit.com/). Usisite kujaribu – huwezi kuvunjika kitu chochote!
-- Soma jinsi lugha yako unayopenda ilivyotokea. Kwa kweli, baadhi ya hadithi hizi za asili ni za kuvutia na zitakusaidia kuelewa kwa nini lugha zinafanya kazi kama zinavyofanya.
+**Jitosee katika lugha za programu:**
+- Tembelea tovuti rasmi za lugha 2-3 za programu zilizokuvutia. Kila moja ina utu na hadithi yake ya kipekee!
+- Jaribu baadhi ya maeneo ya kuchezea msimbo mtandaoni kama [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), au [Replit](https://replit.com/). Usijizuaye kujaribu – hutaweza kuvunja chochote!
+- Soma kuhusu jinsi lugha unayopenda ilivyotokea. Kweli kabisa, baadhi ya hadithi hizi za asili ni za kuvutia na zitakusaidia kuelewa kwa nini lugha zinafanya kazi kama zinavyofanya.
 
-**Jifunze kutumia zana zako mpya:**
-- Pakua Visual Studio Code kama bado hujapakia – ni bure na utapenda!
-- Tumia dakika chache vinjari Soko la Extensions. Ni kama duka la programu kwa mhariri wako wa nambari!
-- Fungua Zana za Mjenzi wa kivinjari chako na bonyeza sehemu mbali mbali. Usijali kuelewa kila kitu – jifunze tu na mambo yaliyopo.
+**Jifunze kutumia zana zako mpya kwa urahisi:**
+- Pakua Visual Studio Code ikiwa bado hujafanya hivyo – ni bure na utapenda sana!
+- Tumia dakika chache kuvinjari soko la Extensions. Ni kama duka la programu la mhariri wako wa msimbo!
+- Fungua Zana za Mwanaendelezi (Developer Tools) kwenye kivinjari chako na bonyeza sehemu mbalimbali. Usijali kuelewa kila kitu – jifunze tu kuhusu kilichopo.
 
 **Jiunge na jamii:**
-- Fuata jamii za waendelezaji kwenye [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), au [GitHub](https://github.com/). Jamii ya uandishi wa programu ni marafiki sana kwa wapya!
-- Tazama video za kuanzia kuandika nambari kwenye YouTube. Kuna waumbaji wengi wazuri wanaokumbuka jinsi ilivyokuwa kuanza.
-- Waza kujiunga na mikutano ya karibu au jamii mtandaoni. Ni kweli, waendelezaji wanapenda kusaidia wapya!
+- Fuata baadhi ya jumuiya za waendelezaji kwenye [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), au [GitHub](https://github.com/). Jamii ya waprogramu ni ya kupokea wageni vibaya kabisa!
+- Tazama video za kuanzia kuandika msimbo kwenye YouTube. Kuna waumba wengi wazuri sana ambao wanakumbuka jinsi ilivyokuwa kuanza.
+- Fikiria kujiunga na mikutano ya karibu au jumuiya mtandaoni. Niamini, waendelezaji wanapenda kuwasaidia wanaoanza!
 
-> 🎯 **Sikiliza, hapa ni kile nataka ukumbuke**: Huiruhusiwi kuwa mchawi wa kuandika nambari usiku moja! Sasa hivi, unajifunza tu kuhusu dunia hii mpya ya kushangaza unayoanza kujiingiza. Chukua muda wako, furahia safari, na kumbuka – kila mendelezaji unayemheshimu alikuwa hapo ulipo sasa hivi, akisikia msisimko na labda kidogo kukosa uwezo. Hilo ni la kawaida kabisa, na ina maana unafanya vizuri!
+> 🎯 **Sikiliza, hapa ndipo nataka ukumbuke**: Haurajiwi kuwa mchawi wa kuandika programu usiku mmoja! Hivi sasa, unajifunza tu kuhusu dunia hii mpya ya kushangaza ambayo unakaribia kuingia. Chukua muda wako, furahia safari, na kumbuka – kila mtaalamu unayemheshimu alikuwa anakaa mahali ulipo sasa, akihisi msisimko na labda kidogo kuchanganyikiwa. Hiyo ni kawaida kabisa, na inamaanisha unaenda sawa!
 
 
 
-## Kazi ya Nyumbani
+## Kazi Ya Nyumbani
 
 [Reading the Docs](assignment.md)
 
-> 💡 **Kichocheo kidogo kwa kazi yako ya nyumbani**: Ningependa sana kukuona ukichunguza zana ambazo hatujazifunza bado! Ruka wahariri, vivinjari, na zana za mstari wa amri tulizozizungumza – kuna ulimwengu mzima wa zana za maendeleo nzuri kabisa zinasubiri kugunduliwa. Tafuta zile zinazotunzwa kwa ufanisi na zina jamii za kuishi na msaada (hizi huwa na mafunzo bora na watu wenye msaada wa hali ya juu ukiwa umefungwa na unahitaji msaada mzuri).
+> 💡 **Msukumo mdogo kwa kazi yako ya nyumbani**: Ningependa sana kukuona ukichunguza zana zingine ambazo hatujazifunua bado! Ruka wahariri, vivinjari, na zana za mistari ya amri tulizozungumza tayari – kuna ulimwengu mzima wa zana za maendeleo zinazostahiki kugunduliwa. Tafuta zile zinazoendeshwa mara kwa mara na zina jamii zenye nguvu, zenye msaada (hizi ndizo huwa na mafunzo bora na watu wenye msaada wakati ukiwa umekwama na unahitaji msaada mzuri).
 
 ---
 
-## 🚀 Ratiba Yako ya Safari ya Kujifunza Programu
+## 🚀 Ratiba Yako ya Safari ya Programu
 
-### ⚡ **Unachoweza Kufanya Katika Dakika 5 Zijazo**
-- [ ] Hifadhi tovuti 2-3 za lugha za programu zilizokuvutia
-- [ ] Pakua Visual Studio Code kama bado hujafanya hivyo
+### ⚡ **Ni Nini Unaweza Kufanya Katika Dakika 5 Zilizofuata**
+- [ ] Weka alama tovuti za lugha 2-3 za programu zilizokuvutia
+- [ ] Pakua Visual Studio Code ikiwa bado hujafanya hivyo
 - [ ] Fungua DevTools za kivinjari chako (F12) na bonyeza sehemu yoyote ya tovuti
-- [ ] Jiunge na jumuiya moja ya waendelezaji (Dev.to, Reddit r/webdev, au Stack Overflow)
-
-### ⏰ **Unachoweza Kufanikisha Saa Hii**
-- [ ] Kamili mtihani baada ya somo na tafakari majibu yako
-- [ ] Sanidi VS Code na nyongeza ya GitHub Copilot
-- [ ] Jaribu mfano wa "Hello World" katika lugha 2 tofauti mtandaoni
-- [ ] Tazama video ya "Siku Maisha ya Mendelezaji" kwenye YouTube
-- [ ] Anza kufanya upelelezi wa lugha yako ya programu (kutoka changamoto)
-
-### 📅 **Adventure Yako ya Wiki Nzima**
-- [ ] Kamili kazi ya nyumbani na chunguza zana 3 mpya za maendeleo
-- [ ] Fuata waendelezaji 5 au akaunti za programu kwenye mitandao ya kijamii
-- [ ] Jaribu kujenga kitu kidogo kwenye CodePen au Replit (hata tu "Hello, [Jina Lako]!")
-- [ ] Soma blogu moja ya mendelezaji kuhusu safari ya mtu binafsi ya kuandika nambari
-- [ ] Jiunge na mkutano mtandaoni au angalia hotuba ya programu
-- [ ] Anza kujifunza lugha uliyoteua kwa mafunzo mtandaoni
-
-### 🗓️ **Mabadiliko Yako ya Mwezi Mzima**
-- [ ] Jenga mradi wako wa kwanza mdogo (hata tovuti rahisi ni nzuri!)
-- [ ] Changia mradi wa open-source (anza na marekebisho ya nyaraka)
-- [ ] Fundisha mtu anayeanza safari ya kuandika nambari
-- [ ] Tengeneza tovuti yako ya portfolio ya mendelezaji
-- [ ] Unganisha na jamii za mendelezaji wa karibu au vikundi vya masomo
-- [ ] Anza kupanga lengo lako lijalo la kujifunza
-
-### 🎯 **Chunguza Mafanikio ya Mwisho**
+- [ ] Jiunge na jamii moja ya waendelezaji (Dev.to, Reddit r/webdev, au Stack Overflow)
+
+### ⏰ **Ni Nini Unaweza Kufanikisha Saa Hii**
+- [ ] Maliza mtihani wa baada ya somo na tafakari majibu yako
+- [ ] Sanidi VS Code na kifungu cha GitHub Copilot
+- [ ] Jaribu mfano wa "Hello World" katika lugha 2 za programu mtandaoni
+- [ ] Tazama video ya "Siku Maishani mwa Mtaalamu wa Programu" kwenye YouTube
+- [ ] Anza kazi yako ya kuwa mpelelezi wa lugha za programu (kutoka changamoto)
+
+### 📅 **Mchezo Wako wa Wiki Nzima**
+- [ ] Maliza kazi ya nyumbani na chunguza zana 3 mpya za maendeleo
+- [ ] Fuata waendelezaji au akaunti za programu 5 kwenye mitandao ya kijamii
+- [ ] Jaribu kujenga kitu kidogo ndani ya CodePen au Replit (hata "Hello, [Jina Lako]!" tu)
+- [ ] Soma chapisho moja la blogu la mtaalamu kuhusu safari yao ya kuandika programu
+- [ ] Jiunge na mkutano wa mtandaoni au tazama hotuba ya programu
+- [ ] Anza kujifunza lugha uliyochagua kwa mafunzo ya mtandaoni
+
+### 🗓️ **Mabadiliko Yako kwa Mwezi Mzima**
+- [ ] Tengeneza mradi wako mdogo wa kwanza (hata ukurasa wa wavuti rahisi unahesabiwa!)
+- [ ] Changia kwenye mradi wa chanzo wazi (anza na marekebisho ya nyaraka)
+- [ ] Mwelekeze mtu anayeanza safari yake ya programu
+- [ ] Tengeneza tovuti yako ya wasifu wa mtaalamu wa programu
+- [ ] Ungana na jumuiya za waendelezaji wa mtaa au vikundi vya kusoma
+- [ ] Anza kupanga hatua zako zinazofuata za kujifunza
+
+### 🎯 **Ukaguzi wa Mwisho wa Tafakari**
 
 **Kabla hujaendelea, chukua muda kusherehekea:**
-- Ni jambo gani moja kuhusu kuandika nambari lililokufurahisha leo?
-- Ni zana au dhana gani unataka kuchunguza kwanza?
-- Unajisikia vipi kuanza safari hii ya programu?
-- Ni swali gani moja ungependa kumuuliza mendelezaji sasa hivi?
+- Ni jambo gani moja kuhusu programu lililokusisimua leo?
+- Ni zana au dhana gani ungependa kuchunguza kwanza?
+- Unajisikiaje kuanza safari hii ya programu?
+- Ni swali gani ungependa kumuuliza mtaalamu wa programu sasa hivi?
 
 ```mermaid
 journey
@@ -844,11 +845,11 @@ journey
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **Kumbuka**: Kila mtaalamu alikuwa mwanzoni. Kila mendelezaji mkuu alikuwa akijihisi kama unavyohisi sasa – msisimko, labda kidogo kupotea, na kila wakati na hamu kujua ni nini kinachowezekana. Uko katika kampuni nzuri sana, na safari hii itakuwa ya kushangaza. Karibu katika dunia ya ajabu ya programu! 🎉
+> 🌟 **Kumbuka**: Kila mtaalamu alikuwa mwanzoni mwanzo. Kila mtaalamu mzee alikuwa akihisi kama wewe sasa – msisimko, labda kidogo kuchanganyikiwa, na waziwazi na hamu ya kujua kile kinachowezekana. Upo katika kampuni bora, na safari hii itakuwa ya kushangaza. Karibu katika ulimwengu mzuri wa programu! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Taarifa ya Kukataa**:
-Nyaraka hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kuhakikisha usahihi, tafadhali fahamuni kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kasoro za usahihi. Nyaraka asilia katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo cha uthibitisho. Kwa taarifa muhimu, tafsiri ya mtaalamu wa lugha inashauriwa. Sisi hatuwajibiki kwa maelewano mabaya au tafsiri zisizofaa zinazotokana na matumizi ya tafsiri hii.
+**Onyo**:
+Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kasoro. Hati ya asili katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatubebei jukumu lolote kwa kutoelewana au tafsiri potofu zinazotokana na matumizi ya tafsiri hii.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sw/AGENTS.md b/translations/sw/AGENTS.md
index 9bf550522..f98f09c44 100644
--- a/translations/sw/AGENTS.md
+++ b/translations/sw/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Muhtasari wa Mradi
 
-Hii ni hifadhidata ya mtaala wa elimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala ni kozi kamilifu ya wiki 12 iliyotengenezwa na Wakili wa Wingu wa Microsoft, ukiwa na masomo 24 ya vitendo yanayohusisha JavaScript, CSS, na HTML.
+Hii ni hifadhidata ya mtaala wa kielimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala huu ni kozi kamili ya wiki 12 iliyotengenezwa na Wakili wa Microsoft Cloud, ikiwa na masomo 24 ya vitendo yanayohusisha JavaScript, CSS, na HTML.
 
-### Vipengele Muhimu
+### Sehemu Muhimu
 
-- **Yaliyomo ya Kielimu**: Masomo 24 yaliyoandaliwa kwa muundo wa miradi
-- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kuandika, Kiendelezi cha Kivinjari, Mchezo wa Anga, App ya Benki, Mhariri wa Nambari, na Msaidizi wa Chat wa AI
-- **Mitihani ya Kuingiliana**: Mitihani 48 yenye maswali 3 kila moja (uchunguzi kabla/baada ya somo)
+- **Maudhui ya Kielimu**: Masomo 24 yaliyopangwa katika moduli za miradi
+- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kutaipa, Kiongezi cha Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa Mazungumzo wa AI
+- **Mitozo ya Kuingiliana**: Mitozo 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo)
 - **Msaada wa Lugha Nyingi**: Tafsiri za kiotomatiki kwa lugha 50+ kupitia GitHub Actions
 - **Teknolojia**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (kwa miradi ya AI)
 
-### Muundo
+### Miundo
 
-- Hifadhidata ya kielimu yenye muundo wa somo
+- Hifadhidata ya kielimu yenye muundo wa masomo
 - Kila folda ya somo ina README, mifano ya msimbo, na suluhisho
-- Miradi huru katika folda tofauti (quiz-app, miradi mbalimbali ya somo)
+- Miradi huru katika folda tofauti (quiz-app, miradi mbalimbali ya masomo)
 - Mfumo wa tafsiri ukitumia GitHub Actions (co-op-translator)
-- Nyaraka hutolewa kupitia Docsify na zinapatikana kama PDF
+- Hati hutolewa kupitia Docsify na zinapatikana pia kama PDF
 
 ## Amri za Kuanzisha
 
-Hifadhidata hii ni kwa lengo la matumizi ya yaliyomo kielimu. Kwa kazi na miradi maalum:
+Hifadhidata hii ni kwa ajili ya matumizi ya maudhui ya kielimu hasa. Kwa kufanya kazi na miradi maalum:
 
 ### Kuanzisha Hifadhidata Kuu
 
@@ -31,7 +31,7 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Kuanzisha Quiz App (Vue 3 + Vite)
+### Kuanzisha App ya Mitozo (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
@@ -48,15 +48,15 @@ cd 7-bank-project/api
 npm install
 npm start          # Anza seva ya API
 npm run lint       # Endesha ESLint
-npm run format     # Panga kwa Prettier
+npm run format     # Panga na Prettier
 ```
 
-### Miradi ya Kiendelezi cha Kivinjari
+### Miradi ya Kiongezi cha Kivinjari
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Fuata maelekezo ya upakiaji wa programu-jalizi maalum za kivinjari
+# Fuata maelekezo ya kupakia viendelezi maalum kwa kivinjari
 ```
 
 ### Miradi ya Mchezo wa Anga
@@ -64,10 +64,10 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# Fungua index.html katika kivinjari au tumia Live Server
+# Fungua index.html kwenye kivinjari au tumia Live Server
 ```
 
-### Mradi wa Chat (Python Backend)
+### Mradi wa Mazungumzo (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -78,114 +78,114 @@ python api.py
 
 ## Mtiririko wa Maendeleo
 
-### Kwa Wasaidizi wa Maudhui
+### Kwa Wachangia Maudhui
 
-1. **Fungua 'fork' ya hifadhidata** kwenye akaunti yako ya GitHub
-2. **Nakili fork yako** ndani ya kompyuta
+1. **Fungua hifadhidata** kwenye akaunti yako ya GitHub
+2. **Nakili hifadhidata ya macho** kwa kompyuta yako
 3. **Tengeneza tawi jipya** kwa mabadiliko yako
-4. Fanya mabadiliko kwa yaliyomo ya somo au mifano ya msimbo
-5. Jaribu mabadiliko yoyote ya msimbo katika folda zinazohusiana za mradi
-6. Wasilisha mahitaji ya kusukuma ikifuata miongozo ya michango
+4. Fanya mabadiliko kwa maudhui ya somo au mifano ya msimbo
+5. Jaribu mabadiliko yoyote ya msimbo katika folda husika za miradi
+6. Wasilisha ombi la kuunganisha (pull request) ukizingatia miongozo ya mchango
 
 ### Kwa Wanafunzi
 
-1. Fikia 'fork' au nakili hifadhidata
-2. Tembea folda za masomo kwa mfuatano
-3. Soma faili za README kwa kila somo
-4. Kamilisha mitihani ya kabla ya somo kwenye https://ff-quizzes.netlify.app/web/
-5. Fanya kazi kupitia mifano ya msimbo kwenye folda za masomo
+1. Fungua au nakili hifadhidata
+2. Vuka kwenye folda za somo mfululizo
+3. Soma faili za README za kila somo
+4. Kamilisha mitihani kabla ya somo katika https://ff-quizzes.netlify.app/web/
+5. Fanya kazi na mifano ya msimbo katika folda za masomo
 6. Kamilisha majukumu na changamoto
-7. Fanya mitihani ya baada ya somo
+7. Fanya mitihani baada ya somo
 
 ### Maendeleo ya Moja kwa Moja
 
-- **Nyaraka**: Endesha `docsify serve` kwenye mzizi (bandari 3000)
-- **Quiz App**: Endesha `npm run dev` kwenye folda ya quiz-app
-- **Miradi**: Tumia VS Code Live Server kwa miradi ya HTML
-- **Miradi ya API**: Endesha `npm start` kwenye folda husika za API
+- **Nyaraka**: Endesha `docsify serve` kutoka mzizi (bandari 3000)
+- **App ya Mitozo**: Endesha `npm run dev` katika folda ya quiz-app
+- **Miradi**: Tumia ugani wa VS Code Live Server kwa miradi ya HTML
+- **Miradi ya API**: Endesha `npm start` katika folda husika za API
 
-## Maelekezo ya Upimaji
+## Maelekezo ya Kupima
 
-### Upimaji wa Quiz App
+### Kupima App ya Mitozo
 
 ```bash
 cd quiz-app
 npm run lint       # Angalia matatizo ya mtindo wa msimbo
-npm run build      # Thibitisha ujenzi unafanikiwa
+npm run build      # Hakiki ujenzi unafanikiwa
 ```
 
-### Upimaji wa API ya Benki
+### Kupima API ya Benki
 
 ```bash
 cd 7-bank-project/api
 npm run lint       # Angalia matatizo ya mtindo wa msimbo
-node server.js     # Thibitisha server inaanza bila makosa
+node server.js     # Hakiki seva inaanza bila makosa
 ```
 
-### Mbinu ya Upimaji kwa Juu
+### Njia ya Kupima kwa Ujumla
 
-- Hii ni hifadhidata ya elimu bila majaribio ya kiotomatiki ya kina
-- Upimaji wa mkono unazingatia:
-  - Mifano ya msimbo inatimia bila makosa
-  - Viungo kwenye nyaraka vinatumika ipasavyo
-  - Ujenzi wa mradi hufanyika kwa mafanikio
-  - Mifano inafuata mbinu bora
+- Hii ni hifadhidata ya kielimu bila vipimo vya kiotomatiki kwa kina
+- Ukaguzi wa mkono unalenga:
+  - Mifano ya msimbo ifanyike bila makosa
+  - Viungo katika nyaraka vifanye kazi ipasavyo
+  - Ujenzi wa miradi ukamilike bila matatizo
+  - Mifano ifuatane na mbinu bora
 
-### Ukaguzi wa Kabla ya Kuwasilisha
+### Ukaguzi Kabla ya Kuwasilisha
 
 - Endesha `npm run lint` katika folda zenye package.json
-- Hakiki viungo vya markdown ni sahihi
-- Jaribu mifano ya msimbo katika kivinjari au Node.js
-- Angalia tafsiri zinahifadhi muundo mzuri
+- Hakiki viungo vya markdown
+- Jaribu mifano ya msimbo kwenye kivinjari au Node.js
+- Hakiki tafsiri ziendelee na muundo sahihi
 
 ## Miongozo ya Mtindo wa Msimbo
 
 ### JavaScript
 
-- Tumia sintaksia ya kisasa ya ES6+
-- Fuata usanidi wa ESLint uliowekwa katika miradi
-- Tumia majina ya maana kwa mabadiliko na kazi kwa ufafanuzi wa kielimu
+- Tumia msimbo wa kisasa ES6+
+- Fuata mipangilio ya ESLint iliyopewa katika miradi
+- Tumia majina yenye maana kwa mabadiliko na kazi kwa ufafanuzi wa kielimu
 - Ongeza maelezo kuelezea dhana kwa wanafunzi
-- Panga kwa Prettier pale panapopangizwa
+- Panga msimbo kwa Prettier pale panapopangwa
 
 ### HTML/CSS
 
-- Vipengele vya semantic vya HTML5
-- Kanuni za muundo unaobadilika (responsive)
-- Mazingira ya majina ya darasa yaliyobainishwa wazi
-- Maelezo ya mbinu za CSS kwa wanafunzi
+- Matumizi ya vipengele vya semantic HTML5
+- Kanuni za muundo unaojibadilisha (responsive design)
+- Mamlaka ya jina la daraja kwa uwazi
+- Maelezo yanayoelezea mbinu za CSS kwa wanafunzi
 
 ### Python
 
 - Miongozo ya mtindo wa PEP 8
-- Mifano wazi, ya kielimu
-- Vidokezo vya aina walivyonufaika na kujifunza
+- Mifano wazi, ya kielimu ya msimbo
+- Maelezo ya aina (type hints) mahali panaposaidia kujifunza
 
 ### Nyaraka za Markdown
 
-- Hieraki ya vichwa vya habari
-- Sehemu za msimbo zenye lugha
-- Viungo vya rasilimali za ziada
-- Picha na manyumbulizo kwenye folda za `images/`
-- Nyaraka za alt kwa picha kwa upatikanaji
+- Mipangilio wazi ya vichwa vya habari
+- Vipande vya msimbo vyenye ufafanuzi wa lugha
+- Viungo kwa rasilimali za ziada
+- Picha na skrini katika folda za `images/`
+- Maelezo ya alt kwa picha kwa upatikanaji
 
 ### Mpangilio wa Faili
 
-- Masomo namba mfuatano (1-getting-started-lessons, 2-js-basics, n.k)
-- Mradi wowote una folda za `solution/` na mara nyingi `start/` au `your-work/`
-- Picha huhifadhiwa katika folda maalum za masomo `images/`
-- Tafsiri katika muundo wa `translations/{language-code}/`
+- Masomo yamepangiwa nambari mfululizo (1-getting-started-lessons, 2-js-basics, n.k.)
+- Kila mradi una folda za `solution/` na mara nyingi `start/` au `your-work/`
+- Picha zinahifadhiwa katika folda za somo maalum `images/`
+- Tafsiri zinapatikana katika muundo wa `translations/{language-code}/`
 
 ## Ujenzi na Uenezaji
 
-### Uenezaji wa Quiz App (Azure Static Web Apps)
+### Uenezaji wa App ya Mitozo (Azure Static Web Apps)
 
-quiz-app imepangiliwa kwa uenezaji wa Azure Static Web Apps:
+App ya quiz imewekwa kwa ajili ya uenezaji wa Azure Static Web Apps:
 
 ```bash
 cd quiz-app
 npm run build      # Inaunda folda ya dist/
-# Inaweka kupitia mtiririko wa kazi wa GitHub Actions wakati wa kusukuma kwenye main
+# Inaendesha kupitia mtiririko wa GitHub Actions wakati wa kusukuma kwenye main
 ```
 
 Mipangilio ya Azure Static Web Apps:
@@ -193,17 +193,17 @@ Mipangilio ya Azure Static Web Apps:
 - **Mahali pa Matokeo**: `dist`
 - **Mtiririko wa Kazi**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Uundaji wa PDF za Nyaraka
+### Kutengeneza PDF ya Nyaraka
 
 ```bash
-npm install                    # Sanidi docsify-to-pdf
+npm install                    # Sakinisha docsify-to-pdf
 npm run convert               # Tengeneza PDF kutoka kwa docs
 ```
 
 ### Nyaraka za Docsify
 
 ```bash
-npm install -g docsify-cli    # Sakinisha Docsify kwa ulimwengu mzima
+npm install -g docsify-cli    # Sakinisha Docsify kote
 docsify serve                 # Hudumia kwenye localhost:3000
 ```
 
@@ -211,72 +211,72 @@ docsify serve                 # Hudumia kwenye localhost:3000
 
 Kila folda ya mradi inaweza kuwa na mchakato wake wa ujenzi:
 - Miradi ya Vue: `npm run build` huunda vifurushi vya uzalishaji
-- Miradi ya static: Hakuna hatua ya ujenzi, tengeneza faili moja kwa moja
+- Miradi ya statiki: Hakuna hatua ya kujenga, anuguza faili moja kwa moja
 
-## Miongozo ya Ombi la Kujoshea (Pull Request)
+## Miongozo ya Maombi ya Kuunganisha
 
 ### Muundo wa Kichwa
 
-Tumia vichwa wazi na vinaonesha eneo la mabadiliko:
+Tumia vichwa wazi, vinavyoelezea sehemu ya mabadiliko:
 - `[Quiz-app] Ongeza mtihani mpya kwa somo X`
-- `[Lesson-3] Rekebisha kosa la tahajia katika mradi wa terrarium`
+- `[Lesson-3] Rekebisha tahajia katika mradi wa terrarium`
 - `[Translation] Ongeza tafsiri ya Kihispania kwa somo 5`
 - `[Docs] Sasisha maelekezo ya kuanzisha`
 
-### Uchunguzi Unaohitajika
+### Ukaguzi Unaotakiwa
 
 Kabla ya kuwasilisha PR:
 
 1. **Ubora wa Msimbo**:
-   - Endesha `npm run lint` katika folda za miradi zilizohusika
+   - Endesha `npm run lint` katika folda za miradi zilizoathirika
    - Rekebisha makosa na onyo zote za lint
 
-2. **Uhakiki wa Ujenzi**:
+2. **Thibitisha Ujenzi**:
    - Endesha `npm run build` inapohitajika
    - Hakikisha hakuna makosa ya ujenzi
 
-3. **Uhakiki wa Viungo**:
+3. **Thibitisha Viungo**:
    - Jaribu viungo vyote vya markdown
-   - Thibitisha marejeleo ya picha yanatumika
+   - Thibitisha marejeleo ya picha yanafanya kazi
 
-4. **Mapitio ya Maudhui**:
-   - Soma kwa usahihi ya tahajia na sarufi
+4. **Uhakiki wa Maudhui**:
+   - Soma kwa tahajia na sarufi
    - Hakikisha mifano ya msimbo ni sahihi na ya kielimu
-   - Hakikisha tafsiri zinahifadhi maana asili
+   - Thibitisha tafsiri zinadumisha maana halisi
 
-### Mahitaji ya Michango
+### Mahitaji ya Mchango
 
 - Kubali Microsoft CLA (ukaguzi wa kiotomatiki kwenye PR ya kwanza)
 - Fuata [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Angalia [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo kamili
-- Rejelea nambari za masuala katika maelezo ya PR kama zinahusika
+- Tazama [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo kamili
+- Taja nambari za masuala kwenye maelezo ya PR inapobidi
 
-### Mchakato wa Mapitio
+### Mchakato wa Ukaguzi
 
-- PR hupitiwa na wasimamizi na jamii
-- Uwazi wa elimu unaheshimiwa
-- Mifano ya msimbo inapaswa kufuata mbinu bora za sasa
-- Tafsiri hupitiwa kwa usahihi na utamaduni unaofaa
+- PR hukaguliwa na watunzaji na jamii
+- Uwafafanuzi wa kielimu unazingatiwa zaidi
+- Mifano ya msimbo ifuatane na mbinu bora za sasa
+- Tafsiri hurejelewa kwa usahihi na muafaka wa kitamaduni
 
 ## Mfumo wa Tafsiri
 
 ### Tafsiri ya Kiotomatiki
 
 - Inatumia GitHub Actions na mtiririko wa co-op-translator
-- Hutoa tafsiri kwa lugha zaidi ya 50 kiotomatiki
-- Faili za asili ziko katika folda kuu
-- Faili za tafsiri ziko `translations/{language-code}/`
+- Hufasiri kwa lugha 50+ moja kwa moja
+- Faili chanzo ziko kwenye folda kuu
+- Faili zilizotafsiriwa ziko katika `translations/{language-code}/`
 
 ### Kuongeza Maboresho ya Tafsiri ya Mkono
 
 1. Tafuta faili katika `translations/{language-code}/`
-2. Fanya maboresho huku ukihifadhi muundo
-3. Hakikisha mifano ya msimbo inabaki kazi
-4. Jaribu maudhui ya mtihani uliobadilishwa kwa lugha husika
+2. Fanya maboresho bila kubadilisha muundo
+3. Hakikisha mifano ya msimbo bado inafanya kazi
+4. Jaribu maudhui ya mtihani yaliyobinafsishwa
 
 ### Metadata ya Tafsiri
 
-Faili za tafsiri zina kiambatisho cha metadata:
+Faili zilizotafsiriwa zina kichwa cha metadata:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Ufungaji na Utatuzi wa Matatizo
+## Ugunduzi na Urekebishaji
 
 ### Masuala ya Kawaida
 
-**Quiz app haianzi**:
-- Angalia toleo la Node.js (v14+ inashauriwa)
+**App ya mitihani haianzi**:
+- Angalia toleo la Node.js (v14+ linapendekezwa)
 - Futa `node_modules` na `package-lock.json`, endesha tena `npm install`
 - Angalia migongano ya bandari (kawaida: Vite hutumia bandari 5173)
 
-**Server ya API haianzi**:
-- Thibitisha toleo la Node.js linakidhi (node >=10)
+**Seva ya API haianzi**:
+- Hakiki toleo la Node.js kuwa la chini kabisa (node >=10)
 - Angalia kama bandari tayari inatumika
-- Hakikisha utegemezi wote umewekwa kwa `npm install`
+- Hakikisha tegemezi zote zimesakinishwa kwa `npm install`
 
-**Kiendelezi cha kivinjari hakifungui**:
-- Thibitisha manifest.json imeandikwa vizuri
-- Angalia console ya kivinjari kwa makosa
-- Fuata maelekezo maalum ya usakinishaji wa kiendelezi cha kivinjari
+**Kiongezi cha kivinjari hakifanyi kazi**:
+- Hakikisha manifest.json imeandikwa vizuri
+- Angalia makosa kwenye konsole ya kivinjari
+- Fuata maelekezo ya usakinishaji ya kivinjari husika
 
-**Matatizo ya mradi wa chat wa Python**:
-- Hakikisha kifurushi cha OpenAI kimesakinishwa: `pip install openai`
-- Thibitisha GITHUB_TOKEN imewekwa kwa mazingira
-- Angalia ruhusa za kupata GitHub Models
+**Masuala ya mradi wa mazungumzo ya Python**:
+- Hakikisha kifurushi cha OpenAI kimesanikishwa: `pip install openai`
+- Hakiki mazingira ya GITHUB_TOKEN yamewekwa
+- Angalia ruhusa za upatikanaji wa GitHub Models
 
-**Docsify haionyeshi nyaraka**:
-- Sakinisha docsify-cli kimataifa: `npm install -g docsify-cli`
-- Endesha kutoka folda ya mzizi ya hifadhidata
-- Hakiki kuwepo kwa `docs/_sidebar.md`
+**Docsify haileti nyaraka**:
+- Sakinisha docsify-cli ulimwenguni: `npm install -g docsify-cli`
+- Endesha kutoka folda ya hifadhidata mzizi
+- Hakiki kuwa `docs/_sidebar.md` ipo
 
 ### Vidokezo vya Mazingira ya Maendeleo
 
-- Tumia VS Code yenye upanuzi wa Live Server kwa miradi ya HTML
-- Sakinisha upanuzi wa ESLint na Prettier kwa muundo thabiti
-- Tumia zana za DevTools za kivinjari kutatua masuala ya JavaScript
-- Kwa miradi ya Vue, sakinisha upanuzi wa Vue DevTools wa kivinjari
+- Tumia VS Code na ugani wa Live Server kwa miradi ya HTML
+- Sakinisha ugani za ESLint na Prettier kwa panga msimbo mzuri
+- Tumia DevTools za kivinjari kwa kufuatilia JavaScript
+- Kwa miradi ya Vue, install ugani wa Vue DevTools wa kivinjari
 
-### Mambo ya Kuangalia Utendaji
+### Mambo ya Kufikiria Kuhusu Utendaji
 
-- Idadi kubwa ya faili za tafsiri (lugha 50+) maana clones kamili zina ukubwa mkubwa
-- Tumia clone dhaifu ukifanya kazi tu na yaliyomo: `git clone --depth 1`
-- Epuka tafutiza tafsiri unapotaka kufanya kazi na maudhui ya Kiingereza
-- Mchakato wa ujenzi unaweza kuchukua muda kwenye mwanzoni (npm install, ujenzi Vite)
+- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) husababisha nakala nzito
+- Tumia shallow clone kama unafanya kazi tu na maudhui: `git clone --depth 1`
+- Zuia tafsiri katika utafutaji unapotumia maudhui ya Kiingereza
+- Mchakato wa ujenzi unaweza kuwa polepole mara ya kwanza (npm install, ujenzi wa Vite)
 
 ## Masuala ya Usalama
 
-### Vigezo vya Mazingira
+### Mabadiliko ya Mazingira
 
-- Funguo za API hazipaswi kuwekwa kwenye hifadhidata
-- Tumia faili za `.env` (zimenaswa katika `.gitignore`)
-- Eleza vigezo vya mazingira vinavyohitajika katika README za miradi
+- Funguo za API hazipaswi kuwekwa hifadhidatani
+- Tumia faili za `.env` (siku hizi ziko `.gitignore`)
+- Elezea mabadiliko ya mazingira yanayohitajika kwenye README za miradi
 
 ### Miradi ya Python
 
-- Tumia mazingira ya kudanganya (virtual environments): `python -m venv venv`
-- Sasisha utegemezi mara kwa mara
-- Tokeni za GitHub ziwe na ruhusa ndogo inayohitajika
+- Tumia mazingira ya mtandao wa virtual: `python -m venv venv`
+- Sasisha tegemezi mara kwa mara
+- Tokeni za GitHub ziwe na idhini kidogo inayohitajika
 
-### Kufikia GitHub Models
+### Upatikanaji wa GitHub Models
 
-- Tokeni za Ufikiaji wa Kibinafsi (PAT) zinahitajika kwa GitHub Models
-- Tokeni zihifadhiwe kama vigezo vya mazingira
-- Usiwekee tokeni au nyaraka kwenye hifadhidata
+- Tokens za Upatikanaji wa Kibinafsi (PAT) zinahitajika kwa GitHub Models
+- Tokens ziwekewe kama mabadiliko ya mazingira (environment variables)
+- Usiweze kuweka tokens au nyaraka za usalama hifadhidatani
 
 ## Vidokezo Zaidi
 
 ### Walengwa
 
-- Wanaoanza kabisa kwenye maendeleo ya wavuti
+- Wanaoanza kabisa katika maendeleo ya wavuti
 - Wanafunzi na wanaojifunza peke yao
 - Walimu wanaotumia mtaala darasani
-- Yaliyomo yameundwa kwa njia inayofanikisha upatikanaji na kujifunza hatua kwa hatua
+- Maudhui yameundwa kwa upatikanaji na uelekezaji wa hatua kwa hatua
 
 ### Falsafa ya Elimu
 
-- Njia ya kujifunza kupitia miradi
-- Mikakati ya mara kwa mara ya kukagua maarifa (mitihani)
-- Mazoezi ya vitendo vya uandishi wa msimbo
-- Mifano halisi ya matumizi
-- Kuzingatia misingi kabla ya mifumo ya kazi (frameworks)
+- Mbinu ya kujifunza kwa miradi
+- Ukaguzi wa mara kwa mara wa maarifa (mitihani)
+- Mazoezi ya msimbo ya vitendo
+- Mifano halisi ya utekelezaji
+- Lengo la msingi kabla ya majukwaa
 
-### Usimamizi wa Hifadhidata
+### Matunzo ya Hifadhidata
 
-- Jamii hai ya wanafunzi na wasaidizi
-- Sasisho la mara kwa mara la utegemezi na yaliyomo
-- Masuala na majadiliano yanadhibitiwa na wasimamizi
-- Sasisho za tafsiri kwa kutumia GitHub Actions kiotomatiki
+- Jamii hai ya wanafunzi na wachangiaji
+- Sasisho la mara kwa mara kwa tegemezi na maudhui
+- Masuala na mijadala ikifuatiliwa na watunzaji
+- Sasisho za tafsiri kwa njia ya kiotomatiki kupitia GitHub Actions
 
 ### Rasilimali Zinazohusiana
 
-- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
+- [Moduli za Microsoft Learn](https://docs.microsoft.com/learn/)
 - [Rasilimali za Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inayopendekezwa kwa wanafunzi
-- Kozi za ziada: AI ya Kutengeneza, Sayansi ya Data, ML, kozi za IoT zinapatikana
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inapendekezwa kwa wanaojifunza
+- Kozi za ziada: AI ya Asili, Sayansi ya Takwimu, ML, na mtaala wa IoT zinapatikana
 
-### Kazi na Miradi Maalum
+### Kufanya Kazi na Miradi Maalum
 
-Kwa maelekezo ya kina kuhusu miradi binafsi, rejelea faili za README katika:
-- `quiz-app/README.md` - Programu ya quiz ya Vue 3
+Kwa maelekezo ya kina juu ya miradi binafsi, rejelea faili za README katika:
+- `quiz-app/README.md` - Programu ya mtihani ya Vue 3
 - `7-bank-project/README.md` - Programu ya benki yenye uthibitishaji
-- `5-browser-extension/README.md` - Maendeleo ya kiendelezi cha kivinjari
-- `6-space-game/README.md` - Maendeleo ya mchezo wa Canvas
-- `9-chat-project/README.md` - Mradi wa msaidizi wa chat AI
+- `5-browser-extension/README.md` - Ukuaji wa kiongezi cha kivinjari
+- `6-space-game/README.md` - Ukuaji wa mchezo wa Canvas
+- `9-chat-project/README.md` - Mradi wa msaidizi wa mazungumzo wa AI
 
 ### Muundo wa Monorepo
 
-Ingawa sio monorepo ya kawaida, hifadhidata hii ina miradi kadhaa huru:
-- Kila somo lina muundo wake
-- Miradi haishiriki utegemezi
+Ingawa si monorepo ya kawaida, hifadhidata hii ina miradi huru mingi:
+- Kila somo ni huru
+- Miradi haiungi mkono tegemezi zao
 - Fanya kazi kwenye miradi binafsi bila kuathiri mingine
-- Nakili hifadhidata nzima kwa uzoefu kamili wa mtaala
+- Nakili hifadhidata yote kwa uzoefu kamili wa mtaala
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Kipengele cha Kutolewa Wajibu**:
-Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za moja kwa moja zinaweza kuwa na makosa au usahihi mdogo. Hati ya asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya mtaalamu wa binadamu inapendekezwa. Hatuwezi kuwajibika kwa kutoelewana au tafsiri potovu zinazotokana na matumizi ya tafsiri hii.
+**Kiarifu cha Kutokujali**:  
+Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali kumbuka kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au upungufu wa usahihi. Hati ya asili katika lugha yake ya mama inapaswa kuchukuliwa kama chanzo halali. Kwa taarifa muhimu, tafsiri ya mtaalamu wa kibinadamu inapendekezwa. Hatutawajibika kwa changamoto au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/sw/README.md b/translations/sw/README.md
index 12a1025f5..f5d774072 100644
--- a/translations/sw/README.md
+++ b/translations/sw/README.md
@@ -1,61 +1,71 @@
 [![Leseni ya GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
-[![Wachangiaji wa GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
+[![Wadau wa GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
 [![Masuala ya GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
-[![Maombi ya pull ya GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
-[![Karibu PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
+[![Maombi ya kuvuta GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
+[![PRs Karibu](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
 
-[![Watazamaji wa GitHub](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/)
-[![Machota ya GitHub](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/)
+[![Watalii wa GitHub](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/)
+[![Matawi ya GitHub](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/)
 [![Nyota za GitHub](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/)
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 # Maendeleo ya Wavuti kwa Waanzilishi - Mtaala
 
-Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu ya kina ya wiki 12 inayotolewa na Wakili wa Wingu wa Microsoft. Kila somo kati ya 24 linaingia kwa undani katika JavaScript, CSS, na HTML kwa mradi wa vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana na maswali, mijadala, na kazi za vitendo. Boreshaji ujuzi wako na kuimarisha ufahamu wako kwa njia yetu bora ya kufundisha inayozingatia miradi. Anza safari yako ya kuprogramu leo!
+Jifunze misingi ya maendeleo ya wavuti na kozi yetu kamili ya wiki 12 iliyotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, virutubisho vya kivinjari, na michezo ya anga. Shirikiana na vipimo, mijadala, na waraka wa vitendo. Boresha ujuzi wako na boresha ufahamu wako kwa mbinu bora ya kujifunza kupitia miradi. Anza safari yako ya kuweka nambari leo!
 
-Jiunge na Jamii ya Discord ya Azure AI Foundry
+Jiunge na Jumuiya ya Azure AI Foundry Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Fuata hatua hizi kuanza kutumia rasilimali hizi:
-1. **Chimba Hifadhi**: Bonyeza [![Machota ya GitHub](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. **Nakili Hifadhi**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Jiunge na Discord ya Azure AI Foundry na ukutane na wataalamu na wapenzi wa maendeleo**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fagia Repository**: Bonyeza [![Matawi ya GitHub](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. **Nakili Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na wajasiliamali wenzako**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Msaada wa Lugha Nyingi
 
-#### Unaungwa mkono kupitia Kitendo cha GitHub (Kiotomatiki & Kila Mara Kisivyocha)
+#### Umahiri kupitia Hatua za GitHub (Moja kwa moja & Daima Sasishwa)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Kiarabu](../ar/README.md) | [Kibengali](../bn/README.md) | [Kibulgaria](../bg/README.md) | [Kiburma (Myanmar)](../my/README.md) | [Kichina (Rahisi)](../zh-CN/README.md) | [Kichina (Marefu, Hong Kong)](../zh-HK/README.md) | [Kichina (Marefu, Macau)](../zh-MO/README.md) | [Kichina (Marefu, Taiwan)](../zh-TW/README.md) | [Kikroeshia](../hr/README.md) | [Kicheki](../cs/README.md) | [Kideni](../da/README.md) | [Kiholanzi](../nl/README.md) | [Kiestoniani](../et/README.md) | [Kifini](../fi/README.md) | [Kifaransa](../fr/README.md) | [Kijerumani](../de/README.md) | [Kigiriki](../el/README.md) | [Kiheberi](../he/README.md) | [Kihindi](../hi/README.md) | [Kihungari](../hu/README.md) | [Kiindonesia](../id/README.md) | [Kitaliano](../it/README.md) | [Kijapani](../ja/README.md) | [Kikannada](../kn/README.md) | [Kikorea](../ko/README.md) | [Kilithuania](../lt/README.md) | [Kimelayu](../ms/README.md) | [Kimalayalam](../ml/README.md) | [Kimarathi](../mr/README.md) | [Kinepali](../ne/README.md) | [Pidgin ya Nijeria](../pcm/README.md) | [Kinorwe](../no/README.md) | [Kiajemi (Farsi)](../fa/README.md) | [Kipolandi](../pl/README.md) | [Kireno (Brazil)](../pt-BR/README.md) | [Kireno (Ureno)](../pt-PT/README.md) | [Kipunabi (Gurmukhi)](../pa/README.md) | [Kiromania](../ro/README.md) | [Kirusi](../ru/README.md) | [Kiserbia (Sirilik)](../sr/README.md) | [Kislovakia](../sk/README.md) | [Kislovenia](../sl/README.md) | [Kihispania](../es/README.md) | [Kiswahili](./README.md) | [Kiswidi](../sv/README.md) | [Kitagalogi (Filipino)](../tl/README.md) | [Kitamili](../ta/README.md) | [Kitelugu](../te/README.md) | [Kithai](../th/README.md) | [Kituruki](../tr/README.md) | [Kiukrania](../uk/README.md) | [Kiurdu](../ur/README.md) | [Kivietinamu](../vi/README.md)
+[Kiarabu](../ar/README.md) | [Kibangla](../bn/README.md) | [Kibelgaria](../bg/README.md) | [Kirumi (Myanmar)](../my/README.md) | [Kichina (Rahisi)](../zh-CN/README.md) | [Kichina (Mila, Hong Kong)](../zh-HK/README.md) | [Kichina (Mila, Macau)](../zh-MO/README.md) | [Kichina (Mila, Taiwan)](../zh-TW/README.md) | [Kroatia](../hr/README.md) | [Kicheki](../cs/README.md) | [Kidenmaki](../da/README.md) | [Kiholanzi](../nl/README.md) | [Kiestonia](../et/README.md) | [Kifini](../fi/README.md) | [Kifaransa](../fr/README.md) | [Kijerumani](../de/README.md) | [Kigiriki](../el/README.md) | [Kiebrania](../he/README.md) | [Kihindi](../hi/README.md) | [Kihungari](../hu/README.md) | [Kihindonesia](../id/README.md) | [Kiitaliano](../it/README.md) | [Kijapani](../ja/README.md) | [Kikannada](../kn/README.md) | [Kikorea](../ko/README.md) | [Kilithuania](../lt/README.md) | [Kimalay](../ms/README.md) | [Kimalayalam](../ml/README.md) | [Kimarathi](../mr/README.md) | [Kinepali](../ne/README.md) | [Kipidgin cha Nigeria](../pcm/README.md) | [Kinorwe](../no/README.md) | [Kifarsi (Farsi)](../fa/README.md) | [Kipolandi](../pl/README.md) | [Kireno (Brazil)](../pt-BR/README.md) | [Kireno (Portugal)](../pt-PT/README.md) | [Kipunjabi (Gurmukhi)](../pa/README.md) | [Kiromania](../ro/README.md) | [Kirusi](../ru/README.md) | [Kiserbia (Cyrillic)](../sr/README.md) | [Kislovaki](../sk/README.md) | [Kislovenia](../sl/README.md) | [Kihispania](../es/README.md) | [Kiswahili](./README.md) | [Kiswidi](../sv/README.md) | [Kitagalog (Filipino)](../tl/README.md) | [Kitamili](../ta/README.md) | [Kitelugu](../te/README.md) | [Kitai](../th/README.md) | [Kituruki](../tr/README.md) | [Kiukrania](../uk/README.md) | [Kiurdu](../ur/README.md) | [Kivietinamu](../vi/README.md)
 
-> **Unapendelea Kunakili Moja kwa Moja?**
-
-> Hifadhi hii ina tafsiri za lugha zaidi ya 50 ambazo huongeza sana ukubwa wa kupakua. Ili kunakili bila tafsiri, tumia sparse checkout:
+> **Unapendelea Kukopa Kwenye Kompyuta Yako?**
+>
+> Hii repository ina jumla ya tafsiri 50+ za lugha ambazo huongeza kiasi cha kupakua. Ili kukopa bila tafsiri, tumia 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'
 > ```
-> Hii inakupa kila kitu unachohitaji kumaliza kozi kwa download ya kasi zaidi.
+>
+> **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"
+> ```
+>
+> Hii itakupa kila kitu unachohitaji kukamilisha kozi kwa upakuaji wa haraka zaidi.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Ikiwa unataka kuwa na lugha za tafsiri za ziada zinazoungwa mkono zimo [hapa](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Ikiwa unataka kuongezwa kwa lugha za tafsiri zinazoungwa mkono zimetajwa [hapa](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Fungua katika 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)
+[![Fungua katika Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Fungua%20katika%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Je, wewe ni mwanafunzi?_
 
-Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali kwa wanaoanza, vifurushi vya Wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ni ukurasa unayotaka kuweka alama na kuangalia mara kwa mara tunapo badilisha maudhui kila mwezi.
+Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali za waanzilishi, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ndio ukurasa unaotaka kuweka alama na kuangalia mara kwa mara tunapobadilisha maudhui kila mwezi.
 
-### 📣 Tangazo - Changamoto mpya za Hali ya Wakala wa GitHub Copilot za kukamilisha!
+### 📣 Tangazo - Changamoto Mpya za GitHub Copilot Agent Mode za Kumaliza!
 
-Changamoto mpya imeongezwa, tafuta "Changamoto ya Wakala wa GitHub Copilot 🚀" katika sura nyingi. Hii ni changamoto mpya kwako kumaliza ukitumia GitHub Copilot na hali ya Wakala. Ikiwa hujawahi kutumia hali ya Wakala hapo awali ina uwezo wa si tu kuandika maandishi bali pia kuunda na kuhariri faili, kuendesha amri na zaidi.
+Changamoto mpya imeongezwa, tafuta "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya kwa ajili yako kukamilisha ukitumia GitHub Copilot na Agent mode. Ikiwa hujawahi kutumia Agent mode hapo awali, ina uwezo wa si tu kuzalisha maandishi bali pia kuunda na kuhariri faili, kuendesha amri zaidi.
 
-### 📣 Tangazo - _Mradi Mpya wa kujenga ukitumia AI ya Kizazi_
+### 📣 Tangazo - _Mradi Mpya wa Kujenga kwa Kutumia AI ya Kizazi_
 
-Mradi mpya wa Msaidizi wa AI umeongezwa hivi karibuni, angalia [mradi](./9-chat-project/README.md)
+Mradi mpya wa Msaidizi wa AI umeongezwa, angalia [mradi](./9-chat-project/README.md)
 
 ### 📣 Tangazo - _Mtaala Mpya_ juu ya AI ya Kizazi kwa JavaScript umeachiliwa tu
 
@@ -63,18 +73,18 @@ Usikose mtaala wetu mpya wa AI ya Kizazi!
 
 Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza!
 
-![Background](../../translated_images/sw/background.148a8d43afde5730.webp)
+![Mandhari](../../translated_images/sw/background.148a8d43afde5730.webp)
 
-- Masomo yanayogusa kila kitu kutoka mwanzo hadi RAG.
-- Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mwenzaji.
-- Hadithi ya kufurahisha na yenye mvuto, utasafiri kwa wakati!
+- Masomo yanayohusu kila kitu kutoka misingi hadi RAG.
+- Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mshirika.
+- Hadithi ya kufurahisha na yenye kuvutia, utasafiri kwa wakati!
 
-![character](../../translated_images/sw/character.5c0dd8e067ffd693.webp)
+![husika](../../translated_images/sw/character.5c0dd8e067ffd693.webp)
 
 
-Kila somo linajumuisha kazi ya kukamilisha, kipimo cha uelewa na changamoto ya kukuongoza katika mada kama:
-- Kutoa maagizo na uhandisi wa maagizo
-- Uundaji wa programu za maandishi na picha
+Kila somo linajumuisha kazi za kumaliza, ukaguzi wa maarifa na changamoto itakayokuongoza kujifunza mada kama:
+- Uongozi wa maswali na uhandisi wa maswali
+- Uundaji wa programu ya maandishi na picha
 - Programu za utafutaji
 
 Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza!
@@ -83,130 +93,130 @@ Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza
 
 ## 🌱 Kuanzia
 
-> **Walimu**, tumetoa [mapendekezo kadhaa](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako [katika jukwaa letu la mijadala](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Walimu**, tumetoa [mapendekezo baadhi](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yenu [katika jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Wajifunza](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza kwa mtihani wa kabla ya somo na fuata kwa kusoma nyenzo za somo, kukamilisha shughuli mbalimbali na thibitisha uelewa wako kwa mtihani wa baada ya somo.
+**[Wanafunzi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza na jaribio la kabla ya mhadhara na fuata kwa kusoma nyenzo za mhadhara, kukamilisha shughuli mbalimbali na angalia ufahamu wako na jaribio la baada ya mhadhara.
 
-Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzako kufanya miradi pamoja! Mijadala inahimizwa katika [jukwaa letu la mijadala](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwa tayari kujibu maswali yako.
+Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzao kufanya miradi pamoja! Majadiliano yanahimizwa katika [jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwa inapatikana kujibu maswali yako.
 
-Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa nyenzo za ziada za kujifunzia.
+Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa nyenzo zaidi za masomo.
 
 ### 📋 Kuweka mazingira yako
 
-Mtaala huu una mazingira ya maendeleo tayari kwa matumizi! Unapoanza unaweza kuchagua kuendesha mtaala huu katika [Codespace](https://github.com/features/codespaces/) (_mazingira ya kivinjari, pasipo hitaji kufunga programu_), au kwa kompyuta yako mwenyewe ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Mtaala huu una mazingira ya maendeleo tayari kufanya kazi! Unapoanza unaweza kuchagua kuendesha mtaala kwenye [Codespace](https://github.com/features/codespaces/) (_eneo la kivinjari lisilo hitaji usakinishaji_), au sokoni kwenye kompyuta yako ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Tengeneza hifadhi yako
-Ili kuhifadhi kazi yako kwa urahisi, inashauriwa kutengeneza nakala yako ya hifadhi hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Tumia kiolezo hiki** juu ya ukurasa. Hii itaunda hifadhi mpya katika akaunti yako ya GitHub yenye nakala ya mtaala huu.
+#### Unda repository yako
+Ili kukuwezesha kuhifadhi kazi yako kwa urahisi, inashauriwa uunde nakala yako mwenyewe ya repository hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Use this template** juu ya ukurasa huu. Hii itaunda repository mpya kwenye akaunti yako ya GitHub na nakala ya mtaala.
 
 Fuata hatua hizi:
-1. **Chimba Hifadhi**: Bonyeza kitufe cha "Fork" juu-kulia wa ukurasa huu.
-2. **Nakili Hifadhi**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fagia Repository**: Bonyeza kitufe cha "Fork" kilichopo kona ya juu-kulia ya ukurasa huu.
+2. **Nakili Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### Kuendesha mtaala huu katika Codespace
+#### Kuendesha mtaala kwenye Codespace
 
-Katika nakala yako ya hifadhi uliyotengeneza, bonyeza kitufe cha **Code** na chagua **Fungua na Codespaces**. Hii itaunda Codespace mpya kwako kufanya kazi.
+Katika nakala yako ya repository uliyoiunda, bonyeza kitufe cha **Code** na chagua **Open with Codespaces**. Hii itaunda Codespace mpya utakayofanyia kazi.
 
 ![Codespace](../../translated_images/sw/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Kuendesha mtaala huu kafaida ya kompyuta yako mwenyewe
-
-Ili kuendesha mtaala huu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na zana ya amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Zana za Biashara](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali za kila chombo ili uchague kinachokufaa zaidi.
+#### Kuendesha mtaala sokoni kwenye kompyuta yako
 
-Tunapendekeza kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Ili kuendesha mtaala huu sokoni kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha mstari wa amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Vifaa vya Biashara](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali za kila chombo ili uchague kinachofaa zaidi kwako.
 
-
-1. Nakili hifadhi yako kwenye kompyuta yako. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Code** na kunakili URL:
+Mapendekezo yetu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Nakili hazina yako kwenye kompyuta yako. Unaweza kufanya hivyo kwa kubofya kitufe cha **Code** na kunakili URL:
 
     [CodeSpace](./images/createcodespace.png)
-Kisha, fungua [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ndani ya [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) na endesha amri ifuatayo, ukibadilisha `<your-repository-url>` na URL uliyokuwa nayo:
+
+    Kisha, fungua [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ndani ya [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) na endesha amri ifuatayo, ukibadilisha `<your-repository-url>` na URL uliyoinakili hivi karibuni:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivi kwa kubonyeza **File** > **Open Folder** na kuchagua folda uliyokuwa umeikopa.
+2. Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivyo kwa kubofya **File** > **Open Folder** na kuchagua folda uliyoinakili hivi karibuni.
 
-> Mapendekezo ya nyongeza za Visual Studio Code:
+
+>  Vipengele vya ziada vya Visual Studio Code vinavyopendekezwa:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kuangalia ukurasa wa HTML ndani ya Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika msimbo kwa haraka
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kutazama ukurasa wa HTML ndani ya Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika msimbo haraka zaidi
 
 ## 📂 Kila somo linajumuisha:
 
-- sketchnote ya hiari
-- video ya ziada ya hiari
-- mtihani wa kuandaa kabla ya somo
+- sketchnote hiari
+- video ya ziada hiari
+- mtihani wa kujiandaa kabla ya somo
 - somo lililoandikwa
-- kwa masomo ya mradi, mwongozo wa hatua kwa hatua wa jinsi ya kujenga mradi
+- kwa masomo yanayohusiana na miradi, mwongozo wa hatua kwa hatua jinsi ya kujenga mradi
 - ukaguzi wa maarifa
 - changamoto
 - usomaji wa ziada
 - kazi ya nyumbani
-- [mtihani wa baada ya somo](https://ff-quizzes.netlify.app/web/)
+- [mtihani baada ya somo](https://ff-quizzes.netlify.app/web/)
 
-> **Kumbuka kuhusu mitihani**: Mitihani yote iko katika folda ya Quiz-app, mitihani 48 jumla ya maswali matatu kila moja. Inapatikana [hapa](https://ff-quizzes.netlify.app/web/), programu ya mtihani inaweza kuendeshwa kwa ndani au kusambazwa kwenye Azure; fuata maagizo katika folda ya `quiz-app`.
+> **Kumbuka kuhusu mitihani**: Mitihani yote ipo katika folda ya Quiz-app, mitihani 48 kwa jumla yenye maswali matatu kila moja. Inapatikana [hapa](https://ff-quizzes.netlify.app/web/) programu ya mtihani inaweza kuendeshwa kwa ndani au kuwekwa katika Azure; fuata maelekezo katika folda ya `quiz-app`.
 
 ## 🗃️ Masomo
 
 |     |                       Jina la Mradi                       |                            Dhana Zinazofundishwa                             | Malengo ya Kujifunza                                                                                                                 |                                                         Somo Linalohusiana                                                          |         Mwandishi          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Kuanzisha                      |           Utangulizi wa Uprogramu na Zana za Kazi           | Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia waendelezaji wa kitaalamu kufanya kazi zao | [Utangulizi wa Lugha za Programu na Zana za Kazi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Kuanzisha                      |             Misingi ya GitHub, ikiwa ni pamoja na kufanya kazi na timu             | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa chanzo                                                    |                            [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Kuanzisha                      |                             Ufikivu                              | Jifunze misingi ya ufikivu wa wavuti                                                                                               |                       [Misingi ya Ufikivu](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 01  |                     Kuanzisha                      |           Utangulizi wa Programu na Zana za Kazi           | Jifunze msingi wa misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia waendelezaji wa kitaalamu kufanya kazi zao | [Utangulizi wa Lugha za Programu na Zana za Kazi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Kuanzisha                      |             Misingi ya GitHub, pamoja na kufanya kazi na timu             | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa msingi                                                    |                            [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Kuanzisha                      |                             Ufikikaji                              | Jifunze misingi ya upatikanaji wa mtandao                                                                                               |                       [Misingi ya Ufikikaji](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
 | 04  |                        Misingi ya JS                         |                         Aina za Data za JavaScript                          | Misingi ya aina za data za JavaScript                                                                                                 |                                       [Aina za Data](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        Misingi ya JS                         |                         Kazi na Mbinu                          | Jifunze kuhusu kazi na mbinu za kusimamia mtiririko wa mantiki ya programu                                                             |                              [Kazi na Mbinu](./2-js-basics/2-functions-methods/README.md)                               | Jasmine na Christopher |
-| 06  |                        Misingi ya JS                         |                        Kufanya Maamuzi kwa JS                        | Jifunze jinsi ya kuunda masharti katika msimbo wako ukitumia mbinu za kufanya maamuzi                                                           |                                 [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        Misingi ya JS                         |                            Msururu na Mizunguko                            | Fanya kazi na data kupitia msururu na mizunguko katika JavaScript                                                                                 |                                   [Msururu na Mizunguko](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML Katika Vitendo                            | Jenga HTML kuunda terrarium ya mtandaoni, ukizingatia kujenga mpangilio                                                         |                                 [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS Katika Vitendo                             | Jenga CSS kuibeba terrarium ya mtandaoni, ukizingatia misingi ya CSS ikiwa ni pamoja na kuifanya ukurasa uwe responsive                     |                                  [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Funguo za JavaScript, uendeshaji wa DOM                  | Tengeneza JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha buruta/acha, ukizingatia funguo na uendeshaji wa DOM             |                  [Funguo za JavaScript, uendeshaji wa DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Jenga Mchezo wa Kuandika                           | Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript                                                          |                                [Uprogramu unaoendeshwa na Matukio](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Kufanya kazi na Vivinjari                          | Jifunze jinsi vinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezi cha kivinjari                               |                               [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kujenga fomu, kuita API na kuhifadhi vigezo kwenye hifadhi ya ndani | Tengeneza vipengele vya JavaScript vya kiendelezi chako cha kivinjari kuitumia API kwa kutumia vigezo vilivyosubiriwa katika hifadhi ya ndani                      |                [APIs, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Mchakato wa nyuma katika kivinjari, utendaji wa wavuti          | Tumia michakato ya kivinjari ya nyuma kusimamia ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya marekebisho ili kufanya   |             [Kazi za Nyuma na Utendaji](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Maendeleo ya Juu zaidi ya Mchezo kwa JavaScript             | Jifunze kuhusu Urithi ukitumia Madarasa na Muundo pamoja na mfano wa Pub/Sub, kama maandalizi ya kujenga mchezo              |                      [Utangulizi wa Maendeleo ya Mchezo Cha Juu](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Kuchora kwenye turubai                            | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini                                                                       |                                [Kuchora kwenye Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Kuweka vipengele kuzunguka kwenye skrini                    | Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia kuratibu za Cartesian na API ya Canvas                                            |                           [Kusogeza Vipengele Kizunguka](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Kugundua mgongano                           | Fanya vipengele kuwa na mgongano na kutoa athari kwa kila mmoja kwa kutumia kufungia vitufe na toa kazi ya kupumzika ili kuhakikisha utendaji wa mchezo    |                              [Ugunduzi wa Mgongano](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Kuhifadhi alama                              | Fanya hesabu za kijumla kulingana na hali na utendakazi wa mchezo                                                                |                                    [Kuhifadhi Alama](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Kumaliza na kuanzisha upya mchezo                     | Jifunze kuhusu kumaliza na kuanzisha upya mchezo, ikiwa ni pamoja na kusafisha mali na kuweka upya thamani za vigezo                              |                                [Hali ya Kumaliza](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Violezo vya HTML na Njia katika App ya Wavuti                 | Jifunze jinsi ya kuunda muundo wa tovuti ya kurasa nyingi ukitumia uelekeaji na violezo vya HTML                             |                            [Violezo vya HTML na Njia](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Jenga Fomu ya Kuingia na Kusajili                   | Jifunze kuhusu ujenzi wa fomu na kushughulikia utambuzi                                                                          |                                           [Fomu](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Mbinu za Kupata na Kutumia Data                   | Jinsi data inavyopita ndani na nje ya app yako, jinsi ya kuipata, kuhifadhi na kuiondoa                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Dhana za Usimamizi wa Hali                      | Jifunze jinsi app yako inavyoshikilia hali na jinsi ya kuisimamia kitaalamu                                                              |                                [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Kufanya kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo | [Tumia mhariri wa msimbo wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Kufanya kazi na AI | Jifunze jinsi ya kujenga msaidizi wako mwenye akili bandia | [Mradi wa Msaidizi wa AI](./9-chat-project/README.md) | Chris |
-
-## 🏫 Pedagogia
-
-Mtaala wetu umeundwa kwa misingi miwili muhimu ya kielimu:
-* kujifunza kwa mradi
+| 05  |                        Misingi ya JS                         |                         Vifunction na Mbinu                          | Jifunze kuhusu vifunction na mbinu za kusimamia mtiririko wa mantiki ya programu                                                             |                              [Vifunction na Mbinu](./2-js-basics/2-functions-methods/README.md)                               | Jasmine na Christopher |
+| 06  |                        Misingi ya JS                         |                        Kufanya Maamuzi kwa JS                        | Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi                                                           |                                 [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Misingi ya JS                         |                            Miskani na Mizunguko                            | Fanya kazi na data kwa kutumia miskani na mizunguko katika JavaScript                                                                                 |                                   [Miskani na Mizunguko](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML Katika Vitendo                            | Jenga HTML kuunda terrarium mtandaoni, ukielekeza kwenye kuunda mpangilio                                                         |                                 [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS Katika Vitendo                             | Jenga CSS kupamba terrarium mtandaoni, ukielekeza misingi ya CSS ikijumuisha kupangilia ukurasa iwe rahisi kubadilika                     |                                  [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Kufunga za JavaScript, usimamizi wa DOM                  | Jenga JavaScript ili kufanya terrarium kufanya kazi kama interface ya buruta/achilia, ukielekeza kwenye kufunga na usimamizi wa DOM             |                  [Kufunga za JavaScript, usimamizi wa DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Jenga Mchezo wa Kuandika                           | Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript                                                          |                                [Programu Inayoendeshwa na Matukio](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Kufanya kazi na Vivinjari                          | Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezaji cha kivinjari                               |                               [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kujenga fomu, kuitisha API na kuhifadhi vigezo katika hifadhi ya ndani | Jenga vipengele vya JavaScript vya kiendelezaji chako cha kivinjari kuitisha API kwa kutumia vigezo vilivyohifadhiwa katika hifadhi ya ndani                      |                [API, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Mchakato wa nyuma katika kivinjari, utendakazi wa wavuti          | Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezaji; jifunze kuhusu utendakazi wa wavuti na baadhi ya maboresho ya kufanya   |             [Mchakato wa Nyuma na Utendakazi](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Maendeleo ya Mchezo wa Juu zaidi na JavaScript             | Jifunze kuhusu Urithi kwa kutumia Madarasa na Muundo pamoja na muundo wa Pub/Sub, tayari kwa kujenga mchezo              |                      [Utangulizi wa Maendeleo ya Mchezo ya Juu](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Kuchora kwenye turubai                            | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini                                                                       |                                [Kuchora kwenye Turubai](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Kusogeza vipengele kwenye skrini                    | Gundua jinsi vipengele vinavyoweza kupata mwendo kwa kutumia makosari ya Cartesian na API ya Canvas                                            |                           [Kusogeza Vipengele](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Ugunduzi wa Migongano                           | Fanya vipengele kugongana na kuathiriana kwa kutumia kubofya funguo na toa kipengele cha mapumziko kuhakikisha utendakazi bora wa mchezo    |                              [Ugunduzi wa Migongano](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Kuhifadhi alama                              | Fanya mahesabu ya hisabati kulingana na hali na utendakazi wa mchezo                                                                |                                    [Kuhifadhi Alama](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Kuhitimisha na kuanzisha upya mchezo                     | Jifunze kuhusu kumaliza na kuanzisha upya mchezo, pamoja na kusafisha rasilimali na kuweka upya thamani za vigezo                              |                                [Hali ya Kumaliza](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Violezo vya HTML na Njia katika Tovuti Mtandao                 | Jifunze jinsi ya kuunda muundo wa tovuti yenye kurasa nyingi kwa kutumia routing na violezo vya HTML                             |                            [Violezo vya HTML na Njia](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Jenga Fomu ya Kuingia na Usajili                   | Jifunze kuhusu ujenzi wa fomu na kushughulikia taratibu za uhakiki                                                                          |                                           [Fomu](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Mbinu za Kupata na Kutumia Data                   | Jinsi data inavyotiririka ndani na nje ya app yako, jinsi ya kuipata, kuhifadhi na kuizitupa                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Dhana za Usimamizi wa Hali                      | Jifunze jinsi app yako inavyodumisha hali na jinsi ya kuiendesha kwa mpangilio                                                              |                                [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Kufanya kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo| [Tumia Mhariri wa Msimbo wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Kufanya kazi na AI | Jifunze jinsi ya kujenga msaidizi wako wa AI | [Mradi wa Msaidizi wa AI](./9-chat-project/README.md) | Chris |
+
+## 🏫 Falsafa ya Mafunzo
+
+Mtaala wetu umeundwa kwa kanuni mbili muhimu za kielimu:
+* kujifunza kwa miradi
 * mitihani ya mara kwa mara
 
-Programu hii inafundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za hivi karibuni zinazotumiwa na waendelezaji wa wavuti wa sasa. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium ya kidijitali, kiendelezi cha kivinjari chenye uangalifu wa mazingira, mchezo wa kawaida wa wavamizi wa anga, na app ya benki kwa biashara. Mwisho wa mfululizo, wanafunzi watakuwa na ufahamu imara wa maendeleo ya wavuti.
+Mpango huu hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za hivi karibuni zinazotumiwa na waendelezaji wa wavuti wa sasa. Wanafunzi watapata fursa ya kufanya mazoezi kwa mikono kwa kujenga mchezo wa kuandika, terrarium halisi mtandaoni, kiendelezaji cha kivinjari kinachozingatia mazingira, mchezo wa aina ya wavamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa thabiti wa uendelezaji wa wavuti.
 
-> 🎓 Unaweza kuchukua masomo machache ya kwanza katika mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn!
+> 🎓 Unaweza kuchukua masomo ya mwanzo ya mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn!
 
-Kwa kuhakikisha kuwa maudhui yanaendana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaimarishwa. Pia tuliandika masomo kadhaa ya kuanzisha misingi ya JavaScript ili kuanzisha dhana, yakiwa na video kutoka kwa mkusanyiko wa video wa "[Mfululizo wa Waanzilishi kwa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", baadhi ya waandishi wake walichangia mtaala huu.
+Kwa kuhakikisha kuwa maudhui yanahusiana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaongezeka. Pia tuliandika masomo kadhaa ya mwanzo kuhusu misingi ya JavaScript kuanzisha dhana, pamoja na video kutoka kwenye mkusanyo wa “"[Mfululizo wa Waanzilishi wa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” ya mafunzo ya video, baadhi ya waandishi wake walichangia kwa mtaala huu.
 
-Zaidi ya hayo, mtihani wa hali ya chini kabla ya darasa huweka nia ya mwanafunzi kuelekea kujifunza mada, wakati mtihani wa pili baada ya darasa huhakikisha uhifadhi zaidi. Mtaala huu uliundwa kuwa na ufanisi na furaha na unaweza kuchukuliwa kwa jumla au sehemu. Miradi inaanza ndogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.
+Pia, mtihani wa chini kabla ya darasa unaweka nia ya mwanafunzi kuelekea kujifunza somo, wakati mtihani wa pili baada ya darasa unahakikisha uhifadhi zaidi. Mtaala huu umeundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa ujumla au sehemu. Miradi huanza ndogo na kuendelea kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.
 
-Ingawa tumejaribu kuepuka kuanzisha mifumo ya JavaScript badala yake tunalenga ujuzi wa msingi unaohitajika kama msanifu wa wavuti kabla ya kutumia mfumo, hatua inayofuata bora ya kumaliza mtaala huu itakuwa kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "[Mfululizo wa Waanzilishi kwa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Ingawa tumependelea kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mendelezaji wa wavuti kabla ya kutumia mfumo, hatua njema inayofuata baada ya kukamilisha mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyo mwingine wa video: "[Mfululizo wa Waanzilishi wa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Tembelea [Kanuni zetu za Maadili](CODE_OF_CONDUCT.md) na miongozo ya [Michango](CONTRIBUTING.md). Tunakaribisha maoni yako yenye kujenga!
+> Tembelea [Kanuni Zetu za Maadili](CODE_OF_CONDUCT.md) na miongozo ya [Kushiriki](CONTRIBUTING.md). Tunakukaribisha maoni yako yenye kujenga!
 
 
-## 🧭 Ufikiaji wa Offline
+## 🧭 Upatikanaji bila Mtandao
 
-Unaweza kuendesha nyaraka hizi bila mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Kopia hifadhi hii, [weka Docsify](https://docsify.js.org/#/quickstart) kwenye kompyuta yako ya karibu, kisha katika folda kuu ya hifadhi hii, andika `docsify serve`. Tovuti itakuwa ikihudumiwa kwenye bandari 3000 kwenye localhost yako: `localhost:3000`.
+Unaweza kuendesha nyaraka hii bila mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Nakili repozitori hii, [sakinisha Docsify](https://docsify.js.org/#/quickstart) kwenye mashine yako ya ndani, kisha katika folda kuu ya repozitori hii, andika `docsify serve`. Tovuti itahudumiwa kwenye lango la 3000 kwenye localhost yako: `localhost:3000`.
 
 ## 📘 PDF
-
 PDF ya masomo yote inaweza kupatikana [hapa](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 
 ## 🎒 Kozi Nyingine
-Timu yetu hutengeneza kozi zingine! Angalia:
+
+Timu yetu hutengeneza kozi nyingine! Angalia:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -215,7 +225,7 @@ Timu yetu hutengeneza kozi zingine! Angalia:
 [![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 / Wakala
+### Azure / Edge / MCP / Agents
 [![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)
@@ -231,7 +241,7 @@ Timu yetu hutengeneza kozi zingine! Angalia:
 
 ---
  
-### Kujifunza Msingi
+### Msingi wa Kujifunza
 [![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)
@@ -250,21 +260,21 @@ Timu yetu hutengeneza kozi zingine! Angalia:
 
 ## Kupata Msaada
 
-Kama unashindwa au una maswali yoyote kuhusu kujenga programu za AI. Jiunge na wanafunzi wenzako na waendelezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii inayounga mkono ambapo maswali yanakaribishwa na maarifa hushirikiwa kwa huru.
+Ikiwa umekwama au una maswali kuhusu kujenga programu za AI. Jiunge na wanafunzi wenzako na waendelezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii inayounga mkono ambapo maswali yanakaribishwa na maarifa husambazwa kwa huru.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Kama una maoni juu ya bidhaa au makosa wakati wa kujenga tembelea:
+Ikiwa una maoni kuhusu bidhaa au makosa wakati wa kujenga tembelea:
 
 [![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)
 
 ## Leseni
 
-Hifadhidata hii imelindwa chini ya leseni ya MIT. Angalia faili la [LICENSE](../../LICENSE) kwa maelezo zaidi.
+Hifadhidata hii imepewa leseni chini ya leseni ya MIT. Angalia faili la [LICENSE](../../LICENSE) kwa maelezo zaidi.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Kidokezo cha Kutokujali**:  
-Nyaraka hii imetafsiriwa kwa kutumia huduma ya utafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kuwa sahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kasoro. Nyaraka asilia katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, utafsiri wa kitaalamu wa binadamu unashauriwa. Hatutawajibika kwa kutoelewana au tafsiri za makosa zitokanazo na matumizi ya tafsiri hii.
+**Takwimu ya Kukataa**:
+Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au kasoro. Hati ya awali katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu na ya binadamu inapendekezwa. Hatuwajibiki kwa kutoelewana au tafsiri mbaya yatokanayo na matumizi ya tafsiri hii.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ta/.co-op-translator.json b/translations/ta/.co-op-translator.json
index cfafd8fb8..79ed22e85 100644
--- a/translations/ta/.co-op-translator.json
+++ b/translations/ta/.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-07T13:56:32+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T15:24:09+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ta"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T19:00:23+00:00",
+    "translation_date": "2026-03-06T15:38:26+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ta"
   },
@@ -516,8 +516,8 @@
     "language_code": "ta"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:55:52+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T15:19:59+00:00",
     "source_file": "README.md",
     "language_code": "ta"
   },
diff --git a/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index ca3ba1e2a..28b8b3d2d 100644
--- a/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,181 +1,180 @@
-# நிரலாக்க மொழிகள் மற்றும் நவீன டெவலப்பர் கருவிகளின் அறிமுகம்
- 
-வணக்கம், எதிர்கால டெவலப்பர்! 👋 நான் உனக்காக அன்றாடம் என்னை அதிர்ச்சிக்கு உட்படுகின்ற ஒரு விஷயத்தைச் சொல்லலாமா? நிரலாக்கம் என்பது கணினிகளுக்கே மட்டும் அல்ல – அது உங்கள் ஆச்சரியமான யோசனைகளை உயிரோட்டம் கொடுக்கும் உண்மையான அதிசய சக்திகளைப் பெறுவது!
+# ծրագրավորման լեզուներ மற்றும் நவீன டெவலப்பர் கருவிகள் அறிமுகம்
 
-நீங்கள் உங்கள் பிடித்த செயலியை பயன்படுத்தும் அந்த நிமிடத்தை நினைக்கிறீர்களா? ஒரு பொத்தானை தொட்டவுடனேயே ஏதாவது அதிசயமானது நடக்கிறது, அதனால் நீங்கள் "வாவ், அவர்கள் இதை எப்படி செய்தார்கள்?" என்று நினைக்கிறீர்கள். அந்த வெகு-அதெப்படி செய்தவர், ஒருவன் நீங்கள் போலவே இருக்கும் – பத்தி espresso மூன்றாவது கப் குடித்து 2 AM-க்கு தனது பிடித்த காபிக் கடையில் உட்கார்ந்திருக்கும் – அந்தக் குறியீட்டை எழுதுபவர். இப்போது உங்களுக்கு அதிர்ச்சியானது என்னவென்றால்: இந்த பாடத்தைக் கடைசியில் நீங்கள் அவர்கள் எப்படி அதைச் செய்தார்கள் என்று புரிந்து கொள்வதோடு, நீங்கள் அதை உங்கள் அருவில் முயற்சிக்கவேண்டும் என்ற ஆசைஉண்டாகும்!
+வணக்கம், எதிர்கால டெவலப்பர்! 👋 நான் உனக்கு ஒரு விஷயம் சொல்லலாமா, அது ஒவ்வொரு நாளும் என்னை குளிர்ச்சியடைய வைத்துக் கொள்கிறது? நீ பிரோகிராமிங் கணினிகளுக்கே மட்டும் සීමிதப்படுவதில்லை என்று கண்டுபிடிக்கப் போகிறாய் – இது உன் கற்பனையான எண்ணங்களை உயிரோட்டம் கொடுக்கும் உண்மையான சூப்பர்பவர் சக்திகளைப் பெறுவதாகும்!
 
-பிரமாதம், நீங்கள் மெழுகுவிக்கும் போது நிரலாக்கம் இப்போது நெருக்கமானதாக தோன்றினால் நான் மிகுந்த அணுகப்படுகிறேன். நான் தொடங்கும்போது, உண்மையில் நீங்கள் ஒரு கணித நிபுணராக இருக்க வேண்டும் அல்லது நீங்கள் ஐந்து வயதாக இருந்தே நிரலாக்கம் செய்திருப்பதாக கண்டேன். ஆனால் என்னை முழுமையாக மாற்றியது என்னவெனில்: நிரலாக்கம் என்பது ஒரு புதிய மொழியில் உரையாடல் கற்றுக் கொள்வதுபோலவே உள்ளது. நீங்கள் "வணக்கம்" மற்றும் "நன்றி" இலிருந்து துவங்கி, காபி ஆர்டர் செய்வதற்கும் காய்ச்சலை தொடங்குகிறீர்கள், பிறகு நீண்ட தத்துவ உரையாடல்கள் நடக்கின்றன! இங்கே நீங்கள் கணினிகளோடு உரையாடுகிறீர்கள், மற்றும் உண்மையில்? அவர்கள் மிகுந்த பொறுமையுடன் உரையாடுகிறார்கள் – உங்கள் பிழைகளைத் தீர்மானிக்க மாட்டார்கள் மற்றும் எப்போதும் மீண்டும் முயற்சிக்க உற்சாகமாக இருப்பார்கள்!
+உனக்கு பிடித்த ஆப் பயன்படுத்தும் போது எல்லாமே சரியாக திகழும் அந்த தருணம் நீ அறிந்திருக்கிறாயா? ஒரு பொத்தானை தட்டினால் எதுவோ அதிசயமானது நடக்கிறது, அது “வாவ், அவர்கள் இது எப்படி செய்தார்கள்?” என்று உனக்கு மிகுந்த வியப்பு தரும் நேரம். அந்த கதை உனக்கும் போன்ற ஒருவரால் எழுதப்பட்டது – அவருடைய பிடித்த காபி கடையில் இரவு 2 மணிக்கு, மூன்றாவது எஸ்பிரெசோ உடன் இருந்தே – அந்த மாயத்தை உருவாக்கிய கோட். இங்கே உன் மனதை அதிர வைத்துக் கொண்டாடும் விஷயம் என்னவென்றால்: இந்த பாட முடிந்தவுடன், அவர்கள் எப்படி செய்தார்கள் என்பதை புரிந்துகொள்ள மட்டும் இல்லாமல், நீயும் அதை செய்ப்பதற்கு உற்சாகமாக இருப்பாய்!
 
-இன்று, நவீன வலைத் தள மேம்பாட்டை சாத்தியமாக்கும் அதிசய கருவிகளை நாம் ஆராயப்போகிறோம். நான் பேசுகிறேன் Netflix, Spotify மற்றும் உங்கள் பிடித்த சினிமா செயலி நிறுவனத்தின் டெவலப்பர்கள் தினமும் பயன்படுத்தும் அதே எடிட்டர்கள், உலாவிகள் மற்றும் வேலை முறைகள் பற்றி. மற்றும் நீங்கள் சந்தோஷமாக டான்ஸ் செய்யப்போகும் பகுதி இது: இந்த தொழில்முறை தர மாதிரி, தொழில்நுட்ப அங்கீகாரம் பெற்ற கருவிகள் பெரும்பாலான பகுதியும் முழுமையாக இலவசம்!
+புரியாய், இப்போது பிரோகிராமிங் கஷ்டமாக தோன்றினாலும் நான் முழுமையாக புரிகிறேன். நான் தொடங்கியபோது, நிச்சயம் கணிதம் வாய்ந்த ஜீனியஸ் அல்லது 5 வயதில் இருந்து கோடிங் செய்து கொண்டதான் என்று நினைத்தேன். ஆனால் என்னை மாற்றிய விஷயம் என்னவென்றால்: பிரோகிராமிங் என்பது புதிய ஒரு மொழியில் உரையாடல்களை கற்றுக்கொள்வது போன்றது. "ஹலோ" மற்றும் "நன்றி" என்பதிலிருந்து தொடங்கி, காபி ஆர்டர் செய்யும் அளவுக்கு வளர்ந்து, அதன் பிறகு ஆழமான தத்துவ உரையாடல்கள் நடக்கும்! இதுவே கூறத்தக்கது, உனக்கு கணினிகளுடன் உரையாடல்கள் நடத்துகிறாய் என்பது, அவர்கள் மிக பொறுமையான உரையாடல் தோழர்கள் – எப்போதும் உன் பிழைகளை மதிப்பிடாது, மீண்டும் முயற்சி செய்ய ஆவலுடன் இருக்கும்!
+
+இன்று நம்மால் நவீன வலை மேம்பாட்டை சாத்தியமாகக்காட்டும் அற்புதமான கருவிகளை ஆராயப்போகிறோம். நான் சொல்வது Netflix, Spotify மற்றும் உன் பிடித்த சுயாதீன ஆப் நிறுவனம் பயன்படுத்தும் அதே பதிப்பகங்கள், உலாவிகள் மற்றும் பணியூக்கிகள். இதோ உனக்கு மகிழ்ச்சியான செய்தி: இந்த தொழில்முறை தரமான கருவிகள் பெரும்பாலும் இலவசமாக கிடைக்கின்றன!
 
 ![Intro Programming](../../../../translated_images/ta/webdev101-programming.d6e3f98e61ac4bff.webp)
-> சுருக்கக்குறிப்பு: [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களின் படைப்பு
+> சுருக்கோட்டை [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களால்
 
 ```mermaid
 journey
-    title உங்கள் நிரல்பாடு பயணம் இன்று
-    section கண்டறிதல்
-      நிரல்பாடு என்றால் என்ன: 5: You
-      நிரல்பாட்டு மொழிகள்: 4: You
-      கருவிகள் பார்வை: 5: You
+    title உங்கள் நிரலாக்க பயணம் இன்று
+    section கண்டுபிடி
+      நிரலாக்கம் என்பது என்ன: 5: You
+      நிரலாக்க மொழிகள்: 4: You
+      கருவிகள் நோக்கு: 5: You
     section ஆராய்ச்சி
-      குறியீடு தொகுப்பிகள்: 4: You
-      உலாவிகள் & தயாரிப்புக் கருவிகள்: 5: You
+      குறியீடு ஆசிரியர்கள்: 4: You
+      உலாவிகள் & டெவ் கருவிகள்: 5: You
       கட்டளை வரி: 3: You
     section பயிற்சி
-      மொழி காவலர்: 4: You
+      மொழி детектив்: 4: You
       கருவி ஆராய்ச்சி: 5: You
-      சமுதாய தொடர்பு: 5: You
+      சமூக தொடர்பு: 5: You
 ```
-## உங்களுக்கு ஏற்கனவே தெரிந்துள்ளதை காண்போம்!
-
-மகிழ்ச்சியான விஷயங்களில் தாவுவதற்கு முன், நான் ஆச்சரியமாக இருக்கிறேன் – இந்த நிரலாக்க உலகம் பற்றி நீங்கள் ஏது அறிந்திருக்கிறீர்கள்? மற்றும் கேளுங்கள், இந்தக் கேள்விகளைப் பார்த்து "நான் இதுவரை ஒருபோதும் இதைப் பற்றி கூட புரியவில்லை" என நீங்கள் எண்ணினாலும் அது சரிதான், அது சிறந்தது! அதாவது நீங்கள் சரியான இடத்தில் உள்ளீர்கள். இந்த வினாடி வினா கேள்வியை உடற்பயிற்சி முன்பு உதிர்த்தலாக நினைக்கவும் – நாம் உங்கள் மூளையின் தசைகளை வெற்றிகரமாக வெப்பப்படுத்துகிறோம்!
+## நீ இவ்வளவு தான் எதைக் கற்றிருக்குகிறாய் என்பதைப் பார்க்கலாம்!
 
-[முந்தைய பாட தேர்வை எடுக்கவும்](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+களவி எடுத்துப் பார்க்கும் முன், நான் ஆர்வமாக இருக்கிறேன் – இந்த பிரோகிராமிங் உலகத்தில் நீ முன்னதாக என்ன அறிவு கொண்டிருக்கிறாய்? இது பற்றி ஒன்றும் தெரியவில்லை என்று நினைத்தால் அதுவே சரி, அது சரியான இடம்! இந்த வினாடி வினா ஆனது உடற்பயிற்சி முன்னர் உடல்களை வளைக்கும் போல – நாம் சில நிமிடங்கள் வளர்ந்து கொண்டே இருக்கிறோம்!
 
+[முன் பாட வினாடி வினா எடு](https://ff-quizzes.netlify.app/web/)
 
-## நாம் ஒன்றாக செல்லப்போகும் சாகசம்
+## நம்மால் ஒன்றாக செல்லப்போகும் பயணம்
 
-சரி, நான் இந்த நாளில் நாம் ஆராயப்போகும் விஷயங்கள் பற்றி உண்மையில் உற்சாகமாக குதூகலிக்கிறேன்! ஐயோ, சில கருத்துக்கள் புரியும்போது உங்களுடைய முகத்தை பார்க்க விரும்புகிறேன். இங்கே நாம் ஒன்றாக பயணிக்கப்போகும் அதிசயம்:
+சரி, இன்று நாம் ஆராயப்போகும் விஷயங்களை பற்றி நான் உண்மையாய் ஆர்வமுடன் இருக்கிறேன்! உண்மையைச் சொல்ல, இந்த சில கருத்துக்கள் உனக்கு புரியும்போது உன் முகத்தை நான் காண விரும்புகிறேன். இங்கே நம்மால் சேர்ந்து செய்யப்போகும் அற்புதமான பயணம்:
 
-- **நிரலாக்கம் உண்மையில் என்ன (என்னவென்றால் இது மிக அற்புதமானது!)** – நீங்கள் சுற்றியுள்ள அனைத்தையும் இயக்கும் மறைமுக அதிசய சக்தி என்று குறியீடு எப்படி வேலை செய்கிறது என்பதை காண்போம், திங்கட்கிழமை காலை என்பது அறியும் அலாரம் இருந்து உங்கள் Netflix பரிந்துரைகளை சரியான முறையில் உருவாக்கும் அல்கோரிதம் வரை
-- **நிரலாக்க மொழிகளும் அவற்றின் அற்புதமான தன்மைகளும்** – ஒவ்வொரு நபரும் பல வல்லுனர் சக்திகள் மற்றும் சிக்கல்களை தீர்க்கும் விதமாகவே இருக்கும் ஒரு விழாவில் நடந்து செல்ல்வதை கற்பனை செய்யுங்கள். நிரலாக்க மொழிகள் உலகம் அப்படியே இருக்கிறது, நீங்கள் அவர்கள் அனைவரையும் சந்திக்க பிடிக்கும்!
-- **டிஜிட்டல் அதிசயம் எவ்வாறு நடக்கிறது என்ற அடிப்படை கட்டிடம்** – இதை உத்தமமான படைப்பாற்றல் LEGO சேட்டாக கருதுங்கள். இந்த துண்டுகள் எப்படி பொருந்துகின்றன என்பதை புரிந்தால், நீங்கள் உங்கள் கனவுகளுக்கேற்ற ஒன்றை உருவாக்க முடியும் என்று நீங்கள் உணர்வீர்கள்
-- **தொழில்முறை கருவிகள், நீங்கள் செவ்வணக்கு கைகளைப் பெறுவதாக உணர்த்தும்** – நான் மிகுந்த நாடகராக இருக்கவில்லை – இந்த கருவிகள் உங்களுக்கு அதிசய சக்திகள் உண்டு என்று உணர்த்தும், மற்றும் சிறந்த பகுதி? தொழில்முறை நிபுணர்கள் பயன்படுத்தும் அதே கருவிகள்!
+- **பிரோகிராமிங் என்றால் என்ன (அது ஏன் மிகவும் சமரசமானது!)** – கோடு என்பது உன் சுற்றிலும் இருக்கும் அனைத்திற்கும் அசாதாரண மாயம் என்பதை நாம் கண்டுபிடிக்கப்போவது, அது எப்படி திங்கள் காலை என்று அறிவதைக் காட்டிலும் நுண்ணறிவு கொண்ட அலாரம் இருக்கும், கடைசியில் Netflix பரிந்துரைகளை சரியாக தேர்ந்தெடுக்கும் ஆல்கொரிதம்
+- **பிரோகிராமிங் மொழிகள் மற்றும் அவற்றின் அற்புதமான தனித்துவங்கள்** – ஒவ்வொரு நபரும் வெவ்வேறு சூப்பர்பவர் திறமைகளும் பிரச்சினைகள் தீர்ப்பும் வழிகளும் கொண்டிருக்கின்ற நிகழ்ச்சியில் செல்வது போன்றது. அப்படித்தான் பிரோகிராமிங் மொழிகளில் உன்னை சந்திக்கப்போகிறாய்!
+- **டிஜிட்டல் மாயம் உருவாக்கும் அடிப்படை கட்டடக்கட்டிகள்** – இதைப் புத்தக வண்ண LEGO அமைப்பாக நினைத்து கொள். இந்த துண்டுகள் எப்படி ஒன்று சேர்ந்தால், உன் கற்பனை கனவாகும் எல்லாவற்றையும் உருவாக்க முடியும் என்று உணர்வாய்
+- **உனக்கு ஒரு வழிபாட்டு குச்சியை வழங்கும் தொழில்முறை கருவிகள்** – நான் மிக அதிகமாகச் சொல்லவில்லை – இவை உனக்கு சூப்பர்பவர் சக்தி சூட்டும் உணர்வைப் புதுப்பிக்கும், மிகச் சிறந்தது என்னவென்றால்? இவை அஞ்சல்காரர்கள் பயன்படுத்தும் தான்!
 
-> 💡 **வேறு ஒரு விஷயம்**: இன்று எல்லாவற்றையும் நினைவில் வைக்க முயற்சிக்க வேண்டாம்! இப்போது, நீங்கள் சாத்தியமானதற்கான உற்சாகத்தை உணர வேண்டும். விவரங்கள் இயல்பாக நமது பயிற்சியில் நிலைத்திருக்கும் – அதுவே உண்மையான கற்றல்!
+> 💡 **இதுதான் முக்கியமாகும்**: இன்றைய தினம் எல்லாவற்றையும் நினைவில் வைக்க முயற்சிக்காதே! இப்போது, என்னை உன் மனதில் ஒரு ஆர்வத்தை எரிய வைத்து விட விரும்புகிறேன். விவரங்கள் தானாகவே நம்முடன் பயிற்சி செய்யும்போது பதியிடும் – அதுதான் உண்மையான கற்றல்!
 
-> நீங்கள் இந்த பாடத்தை [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, அதாவது "ஆம்" மற்றும் "இல்லை" அல்லது "இயக்கு" மற்றும் "நிறுத்து." அதுவே! ஆனால் அங்கே அது அதிசயம் ஆகிறது – நாம் 1 மற்றும் 0 இல் பேச வேண்டியதில்லை, நாம் The Matrix இல் இருப்பதுபோல் அல்ல. அதற்காக **நிரலாக்க மொழிகள்** உதவுகின்றன. அவை உலகின் சிறந்த மொழிபெயர்ப்பாளர் போல உங்கள் சாதாரண மனித எண்ணங்களை கணினியின் மொழியாக மாற்றுகின்றன.
+நான் முதலில் இது கற்றிருக்கும்போது என்னை அதிரவைத்தது என்னவென்றால்: கணினிகள் அடிப்படையில் மிகவும் எளிமையானவை. அவை மூலமாக இரண்டு விஷயங்களை மட்டுமே புரிந்து கொள்கின்றன – 1 மற்றும் 0, அதாவது "ஆம்" மற்றும் "இல்லை" அல்லது "இயக்கு" மற்றும் "நிறுத்து." அதுவே! ஆனால் இங்கே இது மாயமாக்கும் – நம்மிடம் 1களிலும் 0களிலும் பேச்சு சொல்ல தேவையில்லை போல்ஸ் The Matrixலுள்ள போல. அதுவே **பிரோகிராமிங் மொழிகள்** உதவும் காப்புக்காப்பு. அவைகள் எப்படி என்பதை உலகிலேயே சிறந்த மொழிபெயர்ப்பாளர் போல, உன் மனிதரான எண்ணங்களை கணினி மொழியாக மாற்றுகின்றன.
 
-மற்றும் என்னை ஒவ்வொரு காலை விழிக்கும் பின் உண்மையாக அதிர்ச்சி படைக்கும் விஷயம் என்னவென்றால்: உங்கள் வாழ்க்கையின் *எல்லா* டிஜிட்டல் பகுதியும் ஒருவன் இங்கே உங்களைப்போல் இருக்கின்றவர், காபிக் பாட்டிலுடன் பைஜாமாவில் உட்கார்ந்து தனது லேப்டாபில் குறியீடு தட்டச்சு செய்தவர் என்பதிலிருந்து துவங்கியது. உங்களை தோற்றமின்றி காட்டும் அந்த Instagram வடிவமைப்பு? ஒருவன் அதை குறியீடு செய்தார். உங்கள் புதிய பிடித்த பாடலுக்குச் சென்ற பரிந்துரை? ஒருவன் அந்த அல்கோரிதத்தை உருவாக்கினார். நண்பர்களுடன் உணவுப் பில்லுகளைப் பங்கிட உதவும் செயலி? ஆம், ஒருவர் "இதாவே இடையூறு, நான் இதை சரி செய்ய முடியும்" என்று எண்ணினார், பின்னர் அவர்கள் செய்தார்கள்!
+இப்போதும் என்னை வார்த்தைகளுக்கு வியப்புக்கு உட்படுத்துகிறது, ஒவ்வொரு காலை எழுந்ததிலும்: உன் வாழ்க்கையின் அனைத்தும் டிஜிட்டல் என்று நினைத்தால், ஒருவன் உங்க போலவே, கம்பளிப்புடை அணிந்து, காபி கிண்ணம் வைத்துக் கொண்டு, தனது லேப்டாப்பில் கோட் தட்டியது. அந்த Instagram ஃபில்டர் உன் தோற்றத்தை அழகாக காட்டும்? அதற்குப் பின்னால் ஒருவன் கோட் எழுதினார். உன் புதிய பிடித்த பாடலை பரிந்துரைத்த ஆல்கொரிதம்? ஒரு டெவலப்பர் அதை உருவாக்கினான். இரவு உணவுக்கு பில்ல்கள் பிரிக்க உதவும் ஆப்? ஆம், ஒருவன் "இது வருத்தமாக இருக்கிறது, நான் இதை சரிசெய்ய முடியும்" என்று நினைத்து, பிறகு செய்துவிட்டான்!
 
-நீங்கள் நிரலாக்கத்தை கற்றுக்கொண்டால், புதிய திறமையை மட்டுமல்ல, இந்த அற்புதமான சிக்கல் தீர்ப்பாளர்களின் சமூகத்தில் கலந்து கொள்கிறீர்கள், அவர்கள் தினமும் "ஒருவர் ஒருசிறியதாக இருக்க உதவும் ஒன்றை நான் கட்டியிருக்கலாமா?" என்று எண்ணுகிறார்கள். உண்மையில், அதன்முதல் மிக வேடிக்கையான விஷயம் எதுவும் இல்லை.
+நீ பிரோகிராம் கற்றுக்கொண்டால், நீ ஒரு புதிய திறன் கற்கப்போகிறாய் அல்ல – நீ இந்த அற்புதமான பிரச்சினை தீர்க்கும் சமூகத்தில் சேர்ந்துவிடுகிறாய், எப்படி என்றால் அவர்கள் தினமும் சிந்திக்கின்றனர்: "யாருடைய நாளை சிறிது மேம்படுத்த ஏதேனும் ஒன்றை உருவாக்கலாமா?" உண்மையான விஷயம் என்னவென்றால், அதைவிட ஆர்வமுள்ளதாக உள்ளதா?
 
-✅ **பயனுள்ள தகவல் தேடல்**: உங்கள் இலவச நேரத்தில் ஆராய வேண்டிய ஒரு அற்புதமான விஷயம் – உலகின் முதல் கணினி நிரலாக்கவர் யார் என்று நினைக்கிறீர்கள்? நான் ஒரு குறிப்பு தருகிறேன்: அது நீங்கள் எதிர்பார்க்கும் நபர் அல்லலாம்! அந்த நபர் பின்னணியில் உள்ள கதை மிகவும் சுவாரஸ்யமானது மற்றும் நிரலாக்கம் எப்போதும் படைப்பாற்றல் சிக்கல் தீர்வு மற்றும் அவதானம் தவிர உள்ள தத்துவமாக இருந்தது என்று காட்டுகிறது.
+✅ **ரசியான தகவல்**: உனக்கு ஓரளவு நேரம் கிடைத்தால் இதை ஆராய்க்க - உலகின் முதல் கணினி நிரல்பெற்றவர் யார் என நினைக்கிறாய்? நான் உனக்கு ஒரு கூற்று தருகிறேன்: அது நீ எதிர்பார்க்கும் நபர் ஆக இருக்காது! இவரின் கதையின் பின்னணி மிக நற்பெயர், அது நிரல்பெற்றல் என்றால் எல்லாம் சிந்தனையற்ற சிக்கல்களை எளிதாக்குவதற்கான கலை என்றும் காட்டுகிறது.
 
-### 🧠 **தனி நேரம்: நீங்கள் எப்படி உணர்கிறீர்கள்?**
+### 🧠 **எப்படி இருக்கிறாய் என்பதை சரிபார்க்கலாம்**
 
-**ஒரு கணம் சிந்தியுங்கள்:**
-- "கணினிகளுக்கு உத்தரவுகளை வழங்குவது" என்ற கருத்து உங்களுக்கு இப்போது புரிகிறதா?
-- நிரலாக்கத்துடன் எந்த ஒரு தினசரி பணியை தானாகச் செய்வதாக நினைக்கிறீர்கள்?
-- இந்த முழு நிரலாக்க விஷயத்துக்கு தொடர்புள்ள உங்கள் மனதில் எழும் கேள்விகள் என்ன?
+**ஒரு நிமிடம் எடுத்துக் கொள்ளு:**
+- “கணினிகளுக்குத் புகுத்தல் அளிக்கும்” எண்ணம் இப்போது உனக்கு புரிகிறதா?
+- நாளாந்த செயல்களை இப்போது பிரோகிராமிங் மூலம் தானாகச் செய்ய விரும்புகிறாயா?
+- இந்த முழு பிரோகிராமிங் காரியத்தில் உனக்கு எந்த கேள்விகள் எழுந்துள்ளன?
 
-> **நினைவில் வையுங்கள்**: சில கருத்துக்கள் இப்போது தெளிவாக இல்லாவிட்டாலும் அது இயல்பானது. நிரலாக்கம் ஒரு புதிய மொழியை கற்றுக்கொள்ளுவது போல – உங்கள் மூளை இந்த நரம்பியல் பாதைகளை கட்டமைக்க காலம் எடுக்கும். நீங்கள் அருமையாக செய்து கொண்டிருக்கிறீர்கள்!
+> **நினைவில் வைக்கவும்**: சில கருத்துகள் இப்போது குழப்பமடையக் கூடும், அது இயல்பானது. புதிய மொழி கற்றுக்கொள்ளும் போல், உன் மூளை அந்த நியூரல் பாதைகளை அமைக்க நேரம் எடுக்கிறது. நீ நன்றாக செய்கிறாய்!
 
-## நிரலாக்க மொழிகள் பல்வேறு வகையான அற்புத சக்திகள் போல உள்ளன
+## பிரோகிராமிங் மொழிகள் என்பது வித்தியாசமான மாயங்களின் வகைகளுக்கு ஒப்பானவை
 
-சரி, இது வித்தியாசமாகக் கேட்கப்பட்டாலும் என்னைத் தொடருங்கள் – நிரலாக்க மொழிகள் பல்வேறு வகையான இசைப்பாணிகளுக்கு மிகவும் ஒத்தவை. நினைத்துப் பார்க்கவும்: ஜாஸ், மென்மையான மற்றும் உடனடி, ராக் சக்திவாய்ந்த மற்றும் நேர்மையாக, கிளாசிக்கல் அழகான மற்றும் கட்டமைக்கபட்ட, ஹிப்-ஹாப் படைப்பாற்றல் மற்றும் வெளிப்பாட்டுள்ள. ஒவ்வொரு பாணிக்கும் தனித்துவம், ஒரு உற்சாகமான ரசிகர் சமூகம் உள்ளது, மற்றும் ஒவ்வொன்றும் வெவ்வேறு மன நிலைகளுக்கும் நிகழ்வுகளுக்கும் உகந்தது.
+சரி, இது ஒருவேளை அவ்வளவு சாதாரணமாக இருக்காது, ஆனால் என்னுடன் இரு – பிரோகிராமிங் மொழிகள் வித்தியாசமான இசை வகைகளுக்கு மிகவும் சமமானவை. ஜாஸ் என்றால் மென்மையான, உடனடி இசை; ராக் என்றால் சக்திவாய்ந்த மற்றும் நேரடி; கிளாசிக்கல் என்றால் அழகான மற்றும் கட்டமைக்கப்பட்ட; ஹிப்-ஆப் என்பது படைப்பாற்றல் மிக்க மற்றும் வெளிப்படையானது. ஒவ்வொரு பாணி தனிப்பட்ட அதிர்வெண், அதனுடைய ஆர்வமுள்ள ரசிகர்கள், மற்றும் அவை வேறு-வேறு மனநிலைகள் மற்றும் நிகழ்ச்சிகளுக்கு சிறப்பாக பொருந்தும்.
 
-நிரலாக்க மொழிகளும் அதே மாதிரியாய் செயல்படுகின்றன! நீங்கள் ஒரு மகிழ்ச்சியான மொபைல் கேம் கட்டக்க இசை மொழியை அதே மொழியில் பயன்படுத்த மாட்டீர்கள் எனவே நீங்கள் பருவமழை தரவுகளை கையாள கீழ்த்தரம் இதழ்களை பயன்படுத்த மாட்டீர்கள், தலைசிறந்த யோகா வகுப்பில் டெத் மெட்டல் இசை பயன்படுத்த மாட்டீர்கள் (அதுவும், பெரும்பாலும்! 😄).
+பிரோகிராமிங் மொழிகளும் அதுபோல செயல்படுகின்றன! நீ பொழுதுபோக்கு கைப்பேசி விளையாட்டை உருவாக்க JavaScript பாவிப்பதால், பெரிய அளவிலான வானிலை தரவு சுருக்க Python பயன்படுத்துவாய் – அதேபோல், யோகா வகுப்பில் டெத் மெட்டல் இசை அரங்கேற்றமில்லை (அதுவும் பெரும்பாலான யோகா வகுப்புகளில்! 😄).
 
-ஆனால் என்னைக் அச்சமடையவைக்கும் விஷயம் என்னவென்றால்: இந்த மொழிகள் உலகின் மிக பொறுமையான, மூளைசெய்கின்ற மொழிபெயர்க்கும் நண்பர் போல நீங்கள் அருகில் இருப்பவர் போலவே இருக்கின்றன. நீங்கள் உங்கள் இயல்பான மனித மூளைக்கு பொருத்தமான கருத்துக்களை வெளிப்படுத்தலாம், அவர்கள் அதனை கணினிகள் பேசும் 1 மற்றும் 0 என்ற மொழியாக மாற்றும் மிகப் பெரிய சிக்கலை கையாள்வார்கள். இது உங்கள் "மனித படைப்பு" மற்றும் "கணினி தர்க்கம்" ஆகிய இரண்டிற்குமான மிகத் தமிழ்நாடு நண்பர் போலவே இருக்கிறது – அவர்கள் ஒருபோதும் சோர்வு அடைய மாட்டார்கள், காப்பி விருந்து தேவையில்லை, மற்றும் ஒன்றை இருமுறை கேட்டுக்கொண்டால் தீர்மானிக்க மாட்டார்கள்!
+ஆனால் என்னை ஆச்சரியப்படுத்துவது என்னவெனில்: இந்த மொழிகள் உலகிலேயே மிகவும் பொறுமையான மற்றும் ஆகாய மொழிபெயர்ப்பாளர்கள் போல உனக்கு அருகில் இருப்பார்கள். உன் எண்ணங்களை மனித மூளைக்கு இயலாமல் மாதிரி வெளிப்படுத்திக் கொள்ளலாம், அவர்கள் அதை 1களிலும் 0களிலும் மாற்றி கணினிகள் புரிந்துகொள்ளும் மொழி சாத்தியமாக்கும். இது போலி நண்பர் இருக்கிறான், ”மனித படைப்பாற்றல்” மற்றும் ”கணினி காரியக்கட்டளை” ரீதியாக மிக சரியான மொழிபெயர்ப்பாளர் – அவன் எப்போதும் சோரவில்லை, காபி இடைவேளைகள் எடுத்துக் கொள்ளவில்லை, ஒரே கேள்வியை இருமுறை கேட்கும் போது எப்போதும் உன்னை மதிப்பில்லை!
 
-### பிரபலமான நிரலாக்க மொழிகள் மற்றும் அவற்றின் பயன்பாடுகள்
+### பிரபலமான பிரோகிராமிங் மொழிகள் மற்றும் அவற்றின் பயன்பாடுகள்
 
 ```mermaid
 mindmap
   root((Programming Languages))
-    வலை அபிவிருத்தி
+    Web Development
       JavaScript
-        முன்னணி மாயாஜாலம்
-        ஈடுபடக்கூடிய வலைத்தளங்கள்
+        முன்‌வட்ட மோஜிக்
+        இடையுறவு வலைத்தளங்கள்
       TypeScript
         JavaScript + வகைகள்
-        நிறுவன செயலிகள்
-    தரவு மற்றும் செயற்கை நுண்ணறிவு
+        நிறுவன பயன்பாடுகள்
+    Data & AI
       Python
         தரவு அறிவியல்
-        மெஷின் லெர்னிங்
+        இயந்திர கல்வி
         தானியங்கி
       R
         புள்ளியியல்
         ஆராய்ச்சி
-    மொபைல் செயலிகள்
+    Mobile Apps
       Java
         ஆண்ட்ராய்டு
-        நிறுவனம்
+        நிறுவனர்
       Swift
         iOS
-        ஆப்பிள் சூழல்
+        ஆப்பிள் சுற்றுச்சூழல்
       Kotlin
         நவீன ஆண்ட்ராய்டு
-        குறுக்குவழியின்
-    கணினி அமைப்புகள் மற்றும் செயல்திறன்
+        குறுக்கு-மேடையகம்
+    Systems & Performance
       C++
         விளையாட்டுகள்
-        செயல்திறன் முக்கியமானது
+        செயல்திறன் அவசியம்
       Rust
-        நினைவு பாதுகாப்பு
-        கணினி நிரலாக்கம்
+        நினைவக பாதுகாப்பு
+        அமைப்பு நிரலாக்கம்
       Go
         மேக சேவைகள்
-        பராமரிக்கப்பட்ட பின்னணி
+        அளவுரு பின்னணி
 ```
-| மொழி | சிறந்தது | ஏன் பிரசித்தி? |
+| மொழி | சிறந்தவை | ஏன் பிரபலமா? |
 |----------|----------|------------------|
-| **JavaScript** | வலை மேம்பாடு, பயனர் இடைமுகங்கள் | உலாவிகளில் இயங்குகிறது மற்றும் இடைமுக வலைத்தளங்களை இயக்குகிறது |
-| **Python** | தரவு அறிவியல், தானாக செயல், செயற்கை நுண்ணறிவு | படிக்க மற்றும் கற்றுக்க எளிதானது, சக்திவாய்ந்த நூலகங்கள் |
-| **Java** | நிறுவன பயன்பாடுகள், Android செயலிகள் | தளமற்றது, பெரிய அமைப்புகளுக்கு வலுவானது |
-| **C#** | Windows பயன்பாடுகள், கேம் மேம்பாடு | Microsoft இன் வலுவான சூழல் ஆதரவு |
-| **Go** | மேக சேவைகள், பின்புற அமைப்புகள் | வேகமான, எளிய, நவீன கணினிக்கு வடிவமைக்கப்பட்டது |
+| **JavaScript** | வலை மேம்பாடு, பயனர் இடைமுகங்கள் | உலாவிகளில் இயங்கி, தொடர்புடைய வலைத்தளங்களை இயக்குகிறது |
+| **Python** | தரவு அறிவியல், தானாகச் செயல்பாடு, AI | படிப்பதற்கு எளிதானது, சக்திவாய்ந்த நூலகங்கள் |
+| **Java** | நிறுவன பயன்பாடுகள், ஆண்ட்ராய್ಡ್ ஆப்கள் | தளம்-தனிப்பட்டது அல்ல, பெரிய அமைப்புகளுக்கு வலுவானது |
+| **C#** | விண்டோஸ் பயன்பாடுகள், விளையாட்டு மேம்பாடு | Microsoft சூழல் உறுதிப்படுத்தல் சக்திவாய்ந்தது |
+| **Go** | மேக சேவைகள், பின்புற அமைப்புகள் | விரைவு, எளிமையானது, நவீன கணினியில் வடிவமைக்கப்பட்டது |
 
-### உயர் நிலை மற்றும் கீழ் நிலை மொழிகள்
+### உயர் நிலை மற்றும் குறைந்த நிலை மொழிகள்
 
-சரி, இது உண்மையில் நான் ஆரம்பத்தில் நேற்று நாளையேன் இடித்தேன் கருத்து, எனவே நான் விளக்கம் தருகிறேன் – இது எனக்குப் புரியச் செய்தது, உங்களுக்கும் உதவும் என்று நம்புகிறேன்!
+சரி, இது உண்மையில் என்னுடைய மூளை முற்றிலும் உடைத்த கருத்து, நான் முதலில் கற்றுக் கொண்ட போது, எனவே இதை விளக்கும் ஒப்புமை என்னை மிகவும் புரிந்து வைக்க வைத்தது – இது உனக்கும் உதவும் என்று நம்புகிறேன்!
 
-நீங்கள் அந்நாட்டுக்கு பயணம் செய்யலாம், அங்கு நீங்கள் மொழி பேசமாட்டீர்கள் மற்றும் அருகிலுள்ள கழிப்பறையை கண்டுபிடிக்க விரும்புகிறீர்கள் (நாம் எல்லோரும் இருந்தோம், சரியா? 😅):
+நீ சமூகத்தில் வருகை தந்தாய் என்று நினைத்து, அங்குள்ள மொழியை பேச தெரியாது மற்றும் அருகிலுள்ள கழுவறையை கண்டுபிடிக்க அவசியமுடையாய் (நான், நீ, நமக்கு இது தெரியும், இல்லையா? 😅):
 
-- **கீழ் நிலை நிரலாக்கம்** என்பது அந்த நாட்டின் அப்பாவின் பழமையான வர்ணனைக்காரம் போல் இருக்கிறது, நீங்கள் பழக்கவழக்கங்களை, உள்ளூர் இன அழைப்புக்களை மற்றும் உள்ளூர் நகைச்சுவைகளைப் பயன்படுத்தி பழைய பழமையான பழமையான மகள் பேசுகிறீர்கள். மிகவும் பாதிக்கக்கூடியதும் மிகச் சிறந்ததும்... ஆனால் நீங்கள் சொந்தமாய் பேசும் போது மட்டுமே! ஆனால் நீங்கள் வெறும் கழிப்பறையை தேடினால் அது சிரமம் அளிக்கும்.
+- **குறைந்த நிலை programming** என்பது அந்த நாட்டின் பாட்டி விளைவிய பழக்கவழக்கங்களையும் உள்ளே உள்ள நகைச்சுவைகளையும், உள்ளூர் சொற்களை பயன்படுத்தி பழுப்பு பழக்கவழக்கமாக உரையாடியபோல. இது மிக்க திறமையானதும் மிகச்செயல்திறன் வாய்ந்ததும்... ஆனால் நீ அங்கு பழக்கம் இல்லாவிடில் இது சிரமமாய் இருக்கும்! கழுவறை தேடும் போது மிகவும் கடினம்.
 
-- **உயர் நிலை நிரலாக்கம்** என்பது அற்புதமான உள்ளூர் நண்பர் போல ஆக்கம் – நீங்கள் "எனக்கு கழிப்பறை மிகவும் தேவை" என்று சீரான ஆங்கிலத்தில் சொல்லுங்கள், அவர்கள் அனைத்து கலாச்சார மொழிபெயர்ப்பையும் செய்து, உங்கள் அங்கீகாரம் இல்லாத மூளைக்கே பொருந்தும் வழிகளை வழங்குவர்.
+- **உயர் நிலை programming** என்பது அந்த அற்புதமான உள்ளூர் நண்பர் போல, நீ “நான் கழுவறை தேவை” என்று ஆங்கிலத்தில் சொன்னால், அவர் நீக்கத்தை மொழிபெயர்த்து, உனக்கு விளங்கும் முறையில் வழிகாட்டுவார்.
 
-நிரலாக்க பின்னணியில்:
-- **கீழ் நிலை மொழிகள்** (Assembly அல்லது C போன்ற) கணினியின் இயந்திரத்துடன் மிக விரிவான உரையாடலை அனுமதிக்கின்றன, ஆனால் நீங்கள் இயந்திரம் போல் நினைக்க வேண்டும், அது பெரிய அறிவியல் மாற்றம்!
-- **உயர் நிலை மொழிகள்** (JavaScript, Python, அல்லது C# போன்ற) நீங்கள் மனிதராக நினைக்கவும் அனுமதிக்கின்றன, அவர்கள் பின்னணியில் இயந்திரம் பேச கூடிய பணியை நிர்வகிக்கின்றனர். மேலும், அவர்கள் உங்கள் நிலையை நினைவில் வைக்கும் அற்புதமான சமூகங்களைக் கொண்டிருக்கின்றனர் மற்றும் உண்மையிலேயே உதவ விரும்புகிறவர்கள்!
+பிரோகிராமிங் வழக்கில்:
+- **குறைந்த நிலை மொழிகள்** (Assembly அல்லது C போன்றவை) உனக்கு கம்ப்யூட்டர் ஹார்ட்வேர் உடனான மிகவும் விரிவான உரையாடல்களை அனுமதிக்கின்றன, ஆனால் அது இயந்திரத்தைத்தே மாதிரி சிந்திக்க வேண்டும், அது... மனதில் பெரிய மாற்றம்!
+- **உயர் நிலை மொழிகள்** (JavaScript, Python, C# போன்றவை) நீ ஒரு மனிதர் போல சிந்திக்கலாம், அவர்கள் பின்னணியில் இயந்திர மொழியை கவனிப்பார்கள். கூடுதலாக, இவை புதியவர்களாக இருந்த காலத்தை நினைத்துக் கொண்டு உதவ தயாரான மக்களையும் கொண்டிருக்கின்றனர்!
 
-நான் உங்களுக்கு எந்த மொழிகளைத் தொடங்கச் சொல்வேன் என்று கணிக்கிறீர்களா? 😉 உயர் நிலை மொழிகள் பயிற்சி சக்கரங்கள் போன்றவை, அவற்றை நீக்க விரும்பாதீர்கள், ஏனெனில் அவைகள் முழு அனுபவத்தை மிக விரும்பத்தக்கவுமாக்கும்!
+எதைத் தொடங்க நான் உனக்கு பரிந்துரைக்கிறேன் என்றால்? 😉 உயர் நிலை மொழிகள் பழுதுபார்க்காமல், பயணத்தைக் கூடுதல் சந்தோஷமாக உருவாக்கும் வைத்து பயிற்சி வுக்குக் காட்டுகிற குதிரைகள் போல!
 
 ```mermaid
 flowchart TB
-    A["👤 மனித எண்ணம்:<br/>'நான் பிபோனாச்சி எண்களை கணக்கிட விரும்புகிறேன்'"] --> B{மொழி நிலையை தேர்ந்தெடு}
+    A["👤 மனித சிந்தனை:<br/>'நான் பைபோனாச்சி எண்ணுகளை கணக்கிட விரும்புகிறேன்'"] --> B{மொழி நிலை தேர்வு செய்க}
     
-    B -->|அதிக நிலை| C["🌟 ஜாவாஸ்கிரிப்ட்/பைத்தான்<br/>வாசிக்கவும் எழுதவும் எளிது"]
-    B -->|குறைந்த நிலை| D["⚙️ அசெம்ப்லி/சி<br/>நேரடி ஹார்ட்வேர்க் கட்டுப்பாடு"]
+    B -->|உயர் நிலை| C["🌟 ஜாவா ஸ்கிரிப்ட்/பைதான்<br/>படிக்கவும் எழுதவும் எளிது"]
+    B -->|கீழ் நிலை| D["⚙️ அசெம்ப்ளி/சி<br/>நேரடி ஹார்ட்வேர் கட்டுப்பாடு"]
     
     C --> E["📝 எழுதுக: fibonacci(10)"]
     D --> F["📝 எழுதுக: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 கணினி புரிதல்:<br/>மொழி மாற்றி சிக்கல்களை கையாள்கிறது"]
+    E --> G["🤖 கணினி புரிதல்:<br/>மொழிபெயர்ப்பாளர் சிக்கல்களை நிர்வகிக்கிறது"]
     F --> G
     
-    G --> H["💻 ஒரே முடிவு:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 அதே முடிவு:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
-### நான் உங்களுக்கு உயர் நிலை மொழிகள் ஏன் மிகவும் நண்பர்களாக இருக்கின்றன என்று காட்டுகிறேன்
+### நான் உனக்கு ஏன் உயர் நிலை மொழிகள் ஃபிரெண்ட்லி என்பதை காட்ட விரும்புகிறேன்
 
-சரி, நான் இனிமேல் உங்களுக்கு இருக்கக்கூடியதை காட்டப்போகிறேன், அது நான் உயர் நிலை மொழிகளுடன் காதலித்து விட்டதற்கான காரணத்தை சரியாக விளக்குகிறது, ஆனால் முதலில் – நீங்கள் எனக்கு ஏதாவது வாக்குறுதி கொடுக்க வேண்டும். அந்த முதல் குறியீட்டு எடுத்துக்காட்டை பார்த்தபோது பயப்படாதீர்கள்! அது பயங்கரமாக தோன்ற வேண்டுமானால் நல்லது. அதுவே நான் குறிப்பிடும் புள்ளி!
+சரி, நான் உனக்கு ஒரு நுணுக்கத்தை చూపப்போகிறேன், அது என்னிக்கு உயர் நிலை மொழிகளை காதலிக்க வைத்தது, ஆனால் முன்னர் உனக்கு ஓர் வோய்ப்பாக கோடீடு பார்க்கும் போது பதறவிட்டு விடாதே என்று உறுதியளிக்கவேண்டும். அது குறும்படமா தெரி க்க ஒதுக்கம் – நான் அதைச் சொல்ல விருப்பது அதுவே!
 
-நாம் இரண்டு முற்றிலும் தனித்துவமான பாணிகளில் எழுதப்பட்ட ஒரே வேலை பார்க்க போகிறோம். இரண்டும் Fibonacci தொடர் என்று அழைக்கப்படுகின்றது – இது ஒரு அழகான கணித முறைமையாகும், இதில் ஒவ்வொரு எண், அதன் முன் இரண்டு எண்களின் கூட்டுத்தொகை: 0, 1, 1, 2, 3, 5, 8, 13... (வேடிக்கை விஷயம்: இந்த முறைமை இயற்கையில் எங்கும் உள்ளது – சூரியபூ வற்றின் விதைகள் சுழற்சி, ரேம்பிளிக் வடிவங்கள், பிரபஞ்ச உருவாக்கம்!)
+நாம் ஒரே பணி எழுதப்படும் இரண்டு முறையும் பார்க்கப்போகிறோம். இரண்டு முறையும் \Fibonacci வரிசையை உருவாக்கும் – இது ஒரு அழகான கணித முறை, ஒவ்வொரு எண் கடந்த இரண்டு எண்களின் கூட்டுதான்: 0, 1, 1, 2, 3, 5, 8, 13... (சிறந்த விஷயம்: இந்த முறை இயற்கையிலேயே எதுவும்! சூரியகாந்தி விதைகள் சுழற்சிகள், பைன்கோன் வடிவங்கள், விண்மீன் கூட்டம் உருவாக்கும் வழி!)
 
-வேறுபாட்டைப் பார்க்க தயாரா? வாருங்கள்!
+வெறுமனே விலை பார்க்க தயாரா? போ!
 
-**உயர் நிலை மொழி (JavaScript) – மனித நண்பர்:**
+**உயர் நிலை மொழி (JavaScript) – மனிதர் நட்பு:**
 
 ```javascript
-// படி 1: அடிப்படையான பைபொனாச்சி அமைப்பு
+// படி 1: அடிப்படை ஃபிபொனாச்சி அமைப்பு
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -183,29 +182,29 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**இந்த குறியீடு என்ன செய்கிறது:**
-- **காற்காணொளி** எத்தனை Fibonacci எண்கள் உருவாக்க விரும்புகிறோம் என்பதை குறிப்பிட ஒரு நிலையானைக் குறிப்பிடுங்கள்
-- **இரட்டை மாறிலிகளை தொடங்குங்கள்** தொடர் உள்ள தற்போதைய மற்றும் அடுத்த எண்களை கண்காணிக்க
-- **துவக்க மதிப்புகளை அமைக்கவும்** (0 மற்றும் 1) Fibonacci முறைமை வரையறுக்க
-- **வெளியீடு தலைப்பை காட்சிப்படுத்தவும்**
+**இந்த கோடு என்ன செய்கிறது:**
+- **ஒரு நிரந்தரத்தை அறிவிக்கிறது** எத்தனை Fibonacci எண்கள் உருவாக்கவேண்டும் என்று குறிப்பிட
+- **இரு மாறிலிகளை தொடங்குகிறது** வரிசை இல் தற்போதைய மற்றும் அடுத்த எண்களை கண்காணிக்க
+- **தொடக்க மதிப்புகளை அமைக்கிறது** (0 மற்றும் 1) Fibonacci முறை குறிக்க
+- **தலைப்பு செய்தியைப் பதிவு செய்கிறது** எங்களின் வெளியீட்டை துல்லியமாக காட்ட
 
 ```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` லூப் பயன்படுத்தி திரும்பிச் செல்லவும்
-- **எல்லா எண்களையும் அவர்களின் இடம் மற்றும் வடிவமைப்புடன் காட்சியிடவும்**
-- **அடுத்த Fibonacci எண்ணை** தற்போதைய மற்றும் அடுத்த மதிப்புகளை சேர்த்து கணக்கிடவும்
-- **மாறிலிகளை புதுப்பித்து** அடுத்த சுற்றுக்கு செல்லவும்
+**இங்கு நடந்ததை உடைத்துப்போம்:**
+- **ஒரு for வட்டாரத்தில் லூப்** செய்கிறது வரிசையின் ஒவ்வொரு இடத்திலும்
+- **ஒவ்வொரு எண்ணையும் அதன் இடத்துடன்** மாதிரிமொழி வடிவத்தில் காட்டுகிறது
+- **அடுத்த Fibonacci எண்ணைக் கணக்கிடுதல்** தற்போதைய மற்றும் அடுத்த மதிப்புகளை கூட்டியது
+- **எங்கள் கண்காணிப்பு மாறிலிகளை புதுப்பித்தல்** அடுத்த சுற்றுக்கு நகர
 
 ```javascript
 // படி 3: நவீன செயல்பாட்டு அணுகுமுறை
@@ -224,13 +223,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**மேலே நாம்:**
-- **நவீன அம்பு செயல்பாட்டு மொழிச் சின்னத்துடன்** மறுபயன்படுத்தக்கூடிய செயல்பாட்டை உருவாக்கினோம்
-- **ஒரு வரிசையை உருவாக்கி** முழு தொடரைப் பதித்ததற்கு பதிலாக சேமிக்கிறோம்
-- **வரிசை அட்டவணையை பயன்படுத்தி** புதிய எண்ணை கடந்த மதிப்புகளிலிருந்து கணக்கிடுகிறோம்
-- **முழு தொடரை திரும்ப வழங்குகிறோம்** எங்கள் நிரலின் பிற பகுதிகளில் போன்றதாக சக்திவாய்ந்த பயன்பாட்டிற்கு
+**மேலே, நாம்:**
+- **ஆக்ஷன் செயல் எழுத்து (arrow function) பயன்படுத்தி** மீண்டும் பயன்படுத்தக்கூடிய ஒரு செயல்பாட்டைப் படைத்தோம்
+- **ஒரு வரிசையை கட்டமைத்தோம்** முழு வரிசையை சேமிக்க ஒவ்வொன்றும் காட்டாமல்
+- **வரிசை இட குறிச்சியை பயன்படுத்தி** முன்னொரு மதிப்புகளிலிருந்து ஒவ்வொரு புதிய எண்ணையும் கணக்கிட்டோம்
+- **முழு வரிசையை திரும்ப வழங்கினோம்** மற்ற பகுதிகளில் உபயோகிக்க பாவனையளவில்
 
-**கீழ் நிலை மொழி (ARM Assembly) – கணினி நண்பர்:**
+**குறைந்த நிலை மொழி (ARM Assembly) – கணினி நட்பு:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,128 +256,127 @@ 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...) இயற்கையில் உண்மையில் *எங்கும்* காணப்படுகிறது! நீங்கள் இதை சூரியகாந்தி சுழற்சிகளில், சவென்கிளியின் தட்டுத்தளங்களில், நாட்டிலஸ் சிப்பற்களின் வளைவும், மர கிளைகளின் வளர்ச்சியிலும் காணமுடியும். கணிதமும் குறியீட்டும் இயற்கையின் அழகை உருவாக்க பயன்படுத்தப்படும் கோட்பாடுகளை புரிந்து கொள்ள உதவுவது உண்மையில் அற்புதமானது!
 
+## மாயத்தை உருவாக்கும் கட்டுமானக் கூறுகள்
 
-## மந்திரத்தை உருவாக்கும் கட்டுமானக் கூறுகள்
+சரி, இப்போது நீங்கள் செயல்பாட்டில் காணும் நிரலாக்க மொழிகள் எப்படி இருக்கின்றன என்பது தெரிந்துள்ளதால், எழுதிய ஒவ்வொரு நிரலும் கொண்ட அடிப்படைக் கூறுகளை விரிவாகப் பார்ப்போம். இதை உங்கள் பிடித்த சமையல் உணவுக் குறிப்பின் அவசியமான பொருட்களாகக் கருதி, ஒவ்வொரு கூறும் என்ன செய்யும் என்பதைக் கற்றுக் கொண்டால் நீங்கள் ஏதாவது ஒரு மொழியிலோ பதிப்பிக்க முடியும்!
 
-சரி, இப்போது நீங்கள் நிகழ்ச்சியில் காணும் நிரலை பார்த்துவிட்டீர்கள், இப்போது எழுதியுள்ள ஒவ்வொரு நிரலையும் உருவாக்கும் அடிப்படைக் கூறுகளைப் பார்க்கலாம். இதை உங்கள் மிகவும் பிடித்த சமையல் செய்முறையின் அவசியமான பொருட்களாக நினைத்து கொள்ளுங்கள் – ஒவ்வொன்றின் செயலை நீங்கள் புரிந்துகொண்டால், நீங்கள் எவ்வித மொழியிலும் குறியீடு படிக்கவும் எழுதவும் முடியும்!
+இது நிரலாக்கத்தின் வாக்கியக்கட்டமைப்பைப் போன்றது. பள்ளியில் பெயர்ச்சொற்கள், செயற்கூறுகள் மற்றும் வாக்கியங்களை எப்படி அமைப்பது என்று கற்றுக்கொண்டதை நினைவாக்குங்கள். நிரலாக்கத்துக்கும் அதற்கான தனி வகை வாக்கியக்கட்டமைப்பு உள்ளது, ஆனாலும் அது ஆங்கில வாக்கியக்கட்டமைப்பைவிட மிகவும் தர்க்கமானதும் பரிபாலனமிக்கதுமாக உள்ளது! 😄
 
-இது கணினி நிரலைக் கற்றூட்டும் பாகமாகும். பள்ளியில் நீங்கள் பெயர்ச்சொற்கள், செயற்பாடுகள் மற்றும் வாக்கியங்களை எப்படி உருவாக்குவது என்று கற்றது நினைவிலிருக்கிறதா? நிரல் மொழிகளுக்கும் அப்படி தான் ஒரு இலக்கணம் இருக்கும், அது ஆங்கில இலக்கணத்தைவிட எவ்வளவு தர்க்கபூர்வமாகவும் கருணையாகவும் இருக்கும் என்று அறிந்தால் ஆச்சரியமாகும்! 😄
+### வாக்கியங்கள்: படிநிலை படிநிலையில் வழிமுறைகள்
 
-### பட்டியல்கள்: படி படியாக வழிகாட்டுதல்கள்
+**வாக்கியங்களுடன்** நாம் தொடங்குவோம் – இவை உங்கள் கணினியுடன் உள்ள உரையாடலில் தனித்தனியாக ஒரு வாக்கியம் போல் இருக்கும். ஒவ்வொரு வாக்கியமும் கணினிக்கு ஒரு குறிப்பிட்ட காரியத்தைச் செய்யச் சொல்கிறது, அது “இங்குக் கைம derecha திருப்பு”, “சிவப்பு விளக்கு அருகே நிறுத்து”, “அந்த இடத்தில் வாகனம் நிறுத்து” என்று வழிமுறைகளை தருவது போல்.
 
-**பட்டியல்கள்** - இவை உங்கள் கணினியுடன் உரையாடும் தனிப்பட்ட வாக்கியங்களைப் போல இருக்கின்றன. ஒவ்வொரு பட்டியலும் கணினியிடம் ஒரு குறிப்பிட்ட செயலைச் செய்யச் சொல்வதாகும்; "இங்கே இடப்பக்கம் திரும்பு," "சிகنالுக்கு நிறுத்து," "அந்த இடத்தில் வாகனத்தை நிறுத்து."  
-
-பட்டியல்கள் மிகவும் வாசிக்க எளிதாயிருக்கின்றன என்பது எனக்கு மிகவும் பிடிக்கும். இதைப் பாருங்கள்:
+வாக்கியங்களின் வாசிப்புத் திறனை நான் விரும்புவது என்னவென்றால், அவை பெரும்பாலும் எளிதில் புரிந்துகொள்ளக்கூடியவை என்பதே ஆகும். இதைப் பாருங்கள்:
 
 ```javascript
-// ஒற்றை செயல்களை நிறைவேற்றும் அடிப்படைக் கூற்றுகள்
+// ஒற்றை செயல்களைச் செய்யும் அடிப்படைக் கூற்றுகள்
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**இந்தக் கோடுகள் என்ன செய்கின்றன:**  
-- பயனர் பெயரைச் சேமிக்க ஒரு நிலையான மாறி அறிவிக்கிறது  
-- கான்சோல் வெளியீட்டில் வரவேற்பு செய்தியை காட்டுகிறது  
-- ஒரு கணித செயல்பாட்டின் முடிவை கணக்கிடுகிறது மற்றும் சேமிக்கிறது  
+
+**இந்தக் குறியீடு என்ன செய்யிறது:**
+- பயனரின் பெயரைச் சேமிக்க ஒரு மாறி (constant) உருவாக்குகிறது
+- கன்சோலில் ஒரு வரவேற்பு செய்தியை காட்டுகிறது
+- கணித செயல்பாட்டின் முடிவை கணக்கிட்டு சேமிக்கிறது
 
 ```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` பயன்படுத்த  
-- வெவ்வேறு தரவுத் தொகைகளை ஒதுக்கிட: எழுத்துக்கள் (text), எண்கள், மற்றும் பூல்கள் (true/false)  
-- ஒவ்வொரு மாறிலியும் என்ன வெள்ளையை உள்ளடக்கியுள்ளதாக விளக்கும் பொருத்தமான பெயர்களைத் தேர்ந்தெடுக்க  
+
+**இந்தக் குறிப்புகளைப் புரிந்து கொள்ள:**
+- `const` மாறிகளில் மாறாத மதிப்புக்களை சேமி (பக்க தகவல் போன்றவை)
+- நிரலின் இயங்கும் போது மாறக்கூடிய மதிப்புகளுக்கு `let` பயன்படுத்து
+- வெவ்வேறு தரவுத் தரவுப் பிரிவுகளை ஒதுக்கு: வெரைப் (உரை), எண்கள், உண்மை/பொய் (Boolean)
+- ஒவ்வொரு மாறியும் என்ன கொண்டிருப்பதென்பதை விளக்கும் விளக்கமான பெயர்களைத் தேர்ந்தெடு
 
 ```javascript
-// படி 2: தொடர்புடைய தரவை குழுவாக்க பொருட்களுடன் பணியாற்றுதல்
+// படி 2: தொடர்புடைய தரவுகளை குழுவாக ஒருங்கிணைக்க பொருட்களுடன் வேலை செய்யுதல்
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**மேலே, நாம்:**  
-- பயனுள்ள வானிலை தகவல்களை ஒன்றிணைக்க ஒரு பொருளை உருவாக்கினோம்  
-- பல தரவுகளைக் கொண்ட ஒரு மாறியிலுள்ள தொகை உருவாக்கினோம்  
-- ஒவ்வொரு தகவலையும் தெளிவாக குறியிடுவதற்காக முக்கியம்-மதிப்புத் தகவல்களைப் பயன்படுத்தினோம்  
+
+**மேலே, நாம்:**
+- தொடர்புடைய வானிலைத் தகவல் ஒன்றை ஒழுங்குபடுத்த ஒரு பொருளை உருவாக்கியுள்ளோம்
+- பல தரவுகளை ஒரே மாறி பெயரின் கீழ் ஒழுங்குபடுத்தியுள்ளோம்
+- ஒவ்வொரு தரவும் தெளிவாக அடையாளப்படுத்தக் கூடிய முக்கிய-மதிப்பு ஜோடிகள் பயன்படுத்தியுள்ளோம்
 
 ```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}%`);
 ```
-  
-**புரிந்துகொள்ள வேண்டியது:**  
-- தரவுகள் உட்படுதல் பயன்படுத்தி குறிப்பிட்ட உபவகுப்புகளை தனித்தெடுக்க  
-- பொருள் முக்கிய அமைப்புகளோடு புதிய மாறுகளை தன்னங்கி செய்  
-- தொடர்ச்சியான புள்ளி குறியீட்டை தவிர்த்து குறியீடை எளியமாக்கு  
 
-### கட்டுப்பாட்டு ஓட்டம்: உங்கள் நிரலை சிந்திக்க கற்பிக்க
+**நீங்கள் அறிந்திருக்க வேண்டியது:**
+- விஷயங்களை விநியோகிக்க (destructuring assignment) வைத்து குறிப்பிட்ட பண்புகளை எடுத்துக்கொள்
+- பொருள் விசைகளின் பெயர்களுடன் புதிய மாறிகளை தானாக உருவாக்கு
+- புள்ளி குறியீட்டை மீண்டும் மீண்டும் பயன்படுத்தாமலும் குறியீட்டை எளிமையாக்கு
+
+### கட்டுப்பாட்டு ஓட்டம்: உங்கள் நிரலை சிந்திக்க கற்றுவி
 
-சரி, இங்கே நிரல் மிகப் பரபரப்பும் ஆச்சரியத்துடனும் வந்துவிடுகிறது! **கட்டுப்பாட்டு ஓட்டம்** என்பது உங்கள் நிரல் எப்படி ஞானமிக்க முடிவுகளை எடுக்கும் என்பதை கற்பிக்கும் செயல், நீங்கள் தினமும் சிந்திக்காமல் செய்வதைப் போல.
+சரி, இங்கு நிரலாக்கம் மெய்ப்பற்றி அற்புதமாகிறது! **கட்டுப்பாட்டு ஓட்டம்** என்பது உங்கள் நிரல் நுண்ணறிவு முடிவுகளை எடுக்க எப்படி கற்றுக்கொள்ளும் என்பதே ஆகும், நீங்கள் தினமும் எண்ணாமலேயே செய்யும் அதேபோல.
 
-சொல்லுங்கள், இன்று காலை நீங்கள் "மழை பெய்கிறால் குடை எடுத்துக்குவேன். குளிரானால் ஜாக்கெட் அணிவேன். தாமதமாக இருந்தால் காலை உணவை தவிர்த்து காபி எடுப்பேன்" என்ற வரிசையில் தான் நடந்திருக்க வேண்டும். உங்கள் மூளை இதுபோன்று ஐப்போதும் பல தடவைகள் if-then நியமத்தை பின்பற்றுகிறது!  
+செல்லும்போது நீங்கள் இதைச் செய்யலாம் என்று நினைத்துக் கொள்ளுங்கள்: “மழை பெய்தால் குடை எடுத்துச் செல்கிறேன், குளிராக இருந்தால் ஜாக்கெட்டை அணிவேன், தாமதமாக இருந்தால் காலை உணவு போதாது, வழி நடத்தும் எடுத்து காபி குடிப்பேன்.” உங்கள் மூளை இயற்கையாகவே இது போன்ற `if`-`then` தர்க்கத்தைக் தொடர்கிறது!
 
-இதுவே நிரல்களை அறிவொளி பலமாகவும் உயிருடன் இருப்பதாக உணர முடியத்தக்க வகையில் மாற்றுகிறது. அவர்கள் பாதுகாப்பாக ஒரு சூழ்நிலையைப் பார்வையிட முடிவெடுத்து சரியான முறையில் பதிலளிக்க முடியும். உங்கள் நிரலுக்கு ஒருதரம் சிந்திப்பதற்கும் தேர்வெடுக்கத் தகும் மூளை கொடுப்பது போல!  
+இது நிரல்களை அறிவாற்றல் கொண்டவை மற்றும் உயிருள்ளவையாக உணரச் செய்கிறது, சாதாரண, சிலமான ஸ்கிரிப்ட் பின்பற்றுவதில்லை. அவை நிலையைப் பார்வையிட்டு மதிப்பாய்வு செய்து சரியான முறையில் பதிலளிக்கிறது. இது உங்கள் நிரலுக்கு ஏற்பாடுகளை செய்து முடிவெடுக்கும் மூளை அளிக்கும் காட்சியாகும்!
 
-ஏன் இவ்விதமாக வேலை செய்கிறது என்பதை காண செயற்கையாக செய்யட்டும்:  
+எவ்வாறு நன்றாக செயல்படுகிறது என பார்க்க விரும்புகிறீரா? இதோ எனது உதாரணம்:
 
 ```javascript
-// படி 1: அடிப்படையான நிலைத்திறன் லாஜிக்
+// படி 1: அடிப்படை நிபந்தனை தர்க்கம்
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -388,15 +386,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**இந்தக் கோடு என்ன செய்கிறது:**  
-- பயனரின் வயது வாக்குச்சட்டதலை நிரூபிக்கிறதா என சரிபார்க்கிறது  
-- சூழ்நிலை முடிவின்படி வெவ்வேறு குறியீடு தொகுதிகளை இயக்குகிறது  
-- 18-ஐக் குறைவானவர்கள் வாக்குரிமைக்காக எவ்வளவு காத்திருக்கப்போகிறார்கள் என்று கணக்கிடி வெளிக்காட்டுகிறது  
-- ஒவ்வொரு சூழ்நிலைக்குமான குறிப்பிட்ட மற்றும் உதவிக்குறிப்புகளை வழங்குகிறது  
+
+**இந்தக் குறியீடு என்ன செய்கிறது:**
+- பயனர் வயது வாக்குப்பதிவு தகுதியைக் கணக்கிடு
+- நிலை முடிவின் அடிப்படையில் வெவ்வேறு குறியீடு பகுதிகளைக் இயக்கு
+- 18 வயதிற்க்கும் கீழ் இருந்தால் வாக்குப்பதிவு தகுதி வரும் வரை நேரத்தைக் கணக்கிடு மற்றும் காட்டு
+- ஒவ்வொரு சூழ்நிலைக்கும் தெளிவான மற்றும் பயனுள்ள கருத்துக்களைக் கொடு
 
 ```javascript
-// படி 2: தருக்கக் காணிகள் கொண்ட பல நிலைகள்
+// படி 2: நியாய செயலிகள் உடன் பல நிலைகள்
 const userAge = 17;
 const hasPermission = true;
 
@@ -408,26 +406,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**இங்கே நிறைவாக என்ன நடக்கிறது:**  
-- பல சூழ்நிலைகளையும் `&&` (மற்றும்) இயக்கியில் இணைக்கிறது  
-- பல நிலைகளுக்கு `else if` வைத்து அடுக்கு அமைக்கிறது  
-- கடைசியில் எல்லா சாத்தியமான சூழ்நிலைகளுக்கும் `else` கொண்டு கையாள்கிறது  
-- ஒவ்வொரு வேறுபட்ட நிலைக்கும் தெளிவான, நடைமுறை விளக்கத்தை வழங்குகிறது  
+
+**இங்கே என்ன நடக்கிறது:**
+- பல நிபந்தனைகளை `&&` (மற்றும்) இயங்கியுடன் இணைக்கும்
+- பல சூழ்நிலைகளுக்காக `else if` பயன்படுத்தி நிபந்தனைகளின் அடுக்கமைப்பை உருவாக்கு
+- இறுதியில் அனைத்து நிலைகளையும் கையாள `else` பிரிவை வை
+- வெவ்வேறு சூழ்நிலைகளுக்கு தெளிவான மற்றும் செயல்படக்கூடிய கருத்துக்களை வழங்கு
 
 ```javascript
-// படி 3: மூத்த செயலி கொண்டு சுருங்கிய நிபந்தனை
+// படி 3: முக்கோண இயக்கி உடன் சுருக்கமான நிபந்தனை
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**நீங்கள் நினைவில் வைத்துக்கொள்ள வேண்டியது:**  
-- எளிய இரண்டு விருப்பமான நிலைகளுக்கு `ternary operator` (`? :`) பயன்படுத்துவது  
-- முதலில் நிபந்தனையை எழுதவும், பின்னர் `?` வைத்து உண்மை முடிவை, பின்னர் `:` வைத்து பொய் முடிவைச் சூட்டுக  
-- நிலைகளின் அடிப்படையில் மதிப்புகளை ஒதுக்க வேண்டிய பொழுது இந்த வடிவத்தைப் பயன்படுத்துக  
+
+**நீங்கள் நினைவில் வைத்துக் கொள்ள வேண்டும்:**
+- எளிய இரண்டு தேர்வு நிலைகளுக்கு ternary ஆபரேட்டர் (`? :`) பயன்படுத்தவும்
+- முதலில் நிபந்தனை எழுது, பிறகு `?`, அப்பொழுது உண்மை விளைவாக, பிறகு `:`, பிறகு பொய் விளைவாக
+- நிபந்தனைகளுக்கு அடிப்படையாக மதிப்புகளை ஒதுக்குகையில் இந்த மாதிரியை பயன்படுத்தவும்
 
 ```javascript
-// படி 4: பல சிறப்பு வழிகளை கையாளுதல்
+// படி 4: பல குறிப்பிட்ட சூழல்களை கையாளுதல்
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -446,57 +444,55 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**இந்த நிரல் பின்வருவன செய்கிறது:**  
-- மாறியின் மதிப்பை பல குறிப்பிட்ட முனைகளுடன் ஒப்பிடுகிறது  
-- ஒற்றுமையான முனைகளை ஒன்று சேர்க்கிறது (வார விடுமுறை மற்றும் வார நாட்கள்)  
-- பொருந்தும் போது படி படியாகக் குறியீடு தொகுதி செயலில் ஈடுபடும்  
-- எதிர்பாராத மதிப்புகளை சந்திக்கும் `default` நிலையை உள்ளடக்குகிறது  
-- அடுத்த நிலைக்குச் செல்வதை தடுக்கும் `break` புலன்காட்டுதலை பயன்படுத்துகிறது  
 
-> 💡 **உண்மை உலகப்போலியினை**: கட்டுப்பாட்டு ஓட்டம் என்பது உலகின் மிகவும் பொறுமையான GPS போல் உங்கள் வழிகாட்டக்கூடியது. இது "மெயின் தெருவில் போக்குவரத்து இருந்தால், அதில் நெடுஞ்சாலையைப் பயணம் செய்யுங்கள். கட்டுமானம் நெடுஞ்சாலையை மூடியிருந்தால், காட்சியளிக்கும் பாதையை முயற்சி செய்யவும்" என்று சொல்லும். நிரல்கள் அதே வகையான நிபந்தனை வழுவை பயன்படுத்தி சூழ்நிலைகளுக்கு ஞானமாக பதிலளிக்கின்றன மக்களுக்கு சிறந்த அனுபவத்தைத் தர.  
+**இந்தக் குறியீடு செய்யும் செயல்கள்:**
+- பல குறிப்பிட்ட நிலைகளுக்கு மாறியின் மதிப்பை பொருத்து
+- ஒற்றையான நிலைகளை ஒருங்கிணைக்க (சனிக்கிழமை வியாழன் விடுமுறை) தொகுப்பாக்கு
+- பொருந்தும் நிரல் பகுதியை இயக்கு
+- எதிர்பாராத மதிப்புகளை கையாள `default` நிலையை வை
+- அடுத்த நிலையுக்குச் செல்லாமல் நிறுத்த `break` கருத்துக்களை பயன்படுத்து
 
-### 🎯 **கருத்து பரிசோதனை: கட்டுமானங்களை ஆர்.கு.பி. பேனர்**
+> 💡 **உலகளாவிய ஒப்புமை**: கட்டுப்பாட்டு ஓட்டத்தை உலகின் மிகவும் பொறுமையான GPS வழித்தடம் அளிப்பது போல நினைத்துக் கொள். அது “மெயின் சாலையில் போக்குவரத்து இருந்தால், மாற்று சாலையைப் போ” அல்லது “அக்கரையை தடுக்கும் பொழுதில் ஊதியம் வழியை முயற்சி செய்” என்று கூறும். நிரல்கள் இதே விதமாக பல நிலைகளை நுண்ணறிவுடன் பிரிந்து பாவனையாளர்களுக்கு சிறந்த அனுபவத்தை தர உதவுகிறது.
 
-**அடிப்படைகளை நீங்கள் எப்படி கையாள்கிறீர்கள் என்பதை பார்ப்போம்:**  
-- உங்கள் சொற்களில் மாறிலி மற்றும் பட்டியலின் வேறுபாட்டை விளக்க முடியுமா?  
-- ஒரு if-then முடிவுக்கான உண்மையான வாழ்க்கைச் சூழலை நினைக்க (எமது வாக்குச்சட்ட உதாரணம் போல)  
-- நிரல் தர்க்கத்தில் உங்களை மிகவும் ஆச்சரியப்படுத்தியது என்ன ஒன்று?  
+### 🎯 **அரிய அறிவு சோதனை: கட்டுமானக் கூறுகளில் தேர்ச்சி**
 
-**விரைவான நம்பிக்கையூட்டும் உதவி:**  
+**அடிப்படைகளைப் பற்றி உங்கள் நிலை:**
+- உங்கள் சொற்களால் மாறியும் வாக்கியமும் வேறுபாடு என்ன என்று கூற முடியுமா?
+- நிபந்தனை (if-then) தீர்மானத்தை பயன்படுத்தும் ஒரு உண்மையான நிகழ்வைக் கூறுங்கள் (எமது வாக்குப்பதிவு உதாரணம் போல)
+- நிரலாக்கக் கருத்தில் என்ன ஒன்று உங்களை ஆச்சரியப்படுத்தியது?
+
+**விவேகத்தை மேம்படுத்தும் குறுகிய முனைவு:**
 ```mermaid
 flowchart LR
-    A["📝 அறிக்கைகள்<br/>(உத்தரவுகள்)"] --> B["📦 மாறிகள்<br/>(சேமிப்பு)"] --> C["🔀 கட்டுப்பாட்டு ஓடுகை<br/>(நிர்ணயங்கள்)"] --> D["🎉 வேலை செய்யும் நிரல்!"]
+    A["📝 அறிக்கைகள்<br/>(கிரியைகள்)"] --> B["📦 மாறிகள்<br/>(சேமிப்பு)"] --> C["🔀 கட்டுப்பாட்டு ஓற்று<br/>(தீர்மானங்கள்)"] --> D["🎉 வேலை செய்கிற ப்ரோக்ராம்!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **அடுத்து வரும் பகுதி**: நாம் இந்த கருத்துக்களை மேலும் ஆழமாகப் புரிந்து கொண்டு இந்த அற்புதமான பயணத்தை தொடரப்போகிறோம்! இப்போது, எதிர்காலத்தின் எல்லா அசட்டத்தான சாத்தியங்களைப் பற்றி உற்சாகப்படுத்திக் கொள்ளவும். குறிப்பிட்ட দক্ষியையும் தொழில்நுட்பத்தையும் பழகுவதால் இயலும் என்று உறுதி அளிக்கிறேன் - இது நீங்கள் எதிர்பார்க்கும் அதிரடியான பொழுதுபோக்கை விட 훨씬 அதிகம் சுவாரஸ்யமாக இருக்கும்!  
-
-## தொழில்நுட்ப கருவிகள்  
+```
+✅ **அடுத்ததாக என்ன வருகிறது**: இந்த அற்புதமான பயணத்தில் இந்தக் கருத்துகளை ஆழமாகக் கற்றுக்கொள்ள நாம் கிளம்பப்போகிறோம்! இப்போது, உங்களுள் உள்ள இந்த ஆச்சரியத்தையும் ஆர்வத்தையும் கவனத்துடன் உணருங்கள். குறிப்பிட்ட திறன்களும் நுட்பங்களும் இயல்பாகத் தோன்றும் என நாங்கள் உங்களுடன் பயிற்சி தொடர்கிறோம் – இது எதிர்பாராதவாறு மிக சக்திவாய்ந்த விளையாட்டாக இருக்கும்!
 
-சரி, இப்பொழுது எனக்கு மிகுந்த உற்சாகம் வருகிறது, அதை தாங்க முடியவில்லை! 🚀 நாளை நீங்கள் ஒரு மின்னணு விண்கலப்பயணத்தின் விசைகளை ஆறும் போல உணரவேண்டிய அற்புத கருவிகளைப் பற்றி பேசப் போகிறோம்.  
+## தொழில்நுட்ப கருவிகள்
 
-ஒரு சமையல்காரர் அவர்களுடைய கை விரிவாக இருப்பதாக உணர்கிற கேனிவுகளைக் கொண்டிருக்கிறார்கள் என்பது உங்களுக்கு தெரியும். அல்லது ஒரு இசைக்கலைஞர் தங்களுடைய கேள்வையை தொடுவதற்குடனே அது பாட ஆரம்பிக்கிறது. நாமும், உருவாக்குநர்களும், அந்த வகையான அதிசய கருவிகளைப் பயன்படுத்துகிறோம், மேலும் பெரும்பாலும் அவை இலவசம் என்று நான் சொல்வதால் உங்களுக்கு ஆச்சரியம் வரும்!  
+சரி, இந்தப் பகுதி உண்மையில் எனக்கு மிகவும் உற்சாகத்தை தருகிறது! 🚀 இப்போது நாங்கள் உங்கள் கையில் டிஜிட்டல் விண்கலம் இயக்க முக்கிய கருவிகள் பற்றி பேசப்போகிறோம்.
 
-நான் இந்த கருவிகளை உங்களுடன் பகிர்ந்துகொள்ளும் எண்ணத்தில் இருந்து குதூகலப்படுகிறேன், ஏனென்றால் அவை மென்பொருள் உருவாக்கும் முறையில் புரட்சி செய்துள்ளன. AI இயக்குனர் உதவியாளர்கள் உங்கள் குறியீட்டை எழுத உதவும் (நான் சூடு சொல்லவில்லை!), இதர இடங்களில் Wi-Fi உடன் இருந்து முழு பயன்பாடுகளை உருவாக்க நீங்கள் செயலாக்க சூழல், மற்றும் X-கதிர் பார்வை போல் உங்கள் நிரல்கள் விசாரணை செய்ய உதவும் டிபக் கருவிகள் இவை.  
+ஒரு சமையல்காரருக்கு தங்களுடைய கை விரல்கள் போல செம்மையான கத்திகள் இருப்பது போலவே உங்களுக்கு சிறந்த கருவிகள் இருக்கின்றன. அல்லது இசைக்கலைஞர் தொடும் கணத்தில் பாடும் கிட்டார் போலவே. நிஜத்தில் உங்களுக்கு விலைபிடித்த முயற்சியில் சமர்ப்பிக்கப் பட்ட AI கற்றுக் கொடுக்கும் உதவியாளர்கள், Wi-Fi ஐ கொண்டு எங்கிருந்தும் முழு செயலிகளை உருவாக்கும் மேக சூழல்கள், X-கதிர்வீச்சுப் பார்வை போன்ற தீவிரமான பிழைதிருத்த கருவிகள் இவற்றை எல்லாம் உங்களுக்கு கொண்டு வருகிறோம்.
 
-மேலும் இது என்ன விறுவிறுப்பை தருகிறது என்றால்: இவை "ஆரம்ப நிலை கருவிகள்" அல்ல, நீங்கள் வளர்ந்து விடும் என்று நினைக்கும் பரிமாணங்கள் அல்ல. இந்தப் பெற்ற தொழில்நுட்ப கருவிகள் Google, Netflix போன்ற பிரபல நிறுவனங்களிலும் உங்கள் பிடித்த குடிமன்ற அயல் நிறுவனமும் இப்போது பயன்படுத்துகின்றன. இவற்றைக் பயன்படுத்தி நீங்கள் முற்றிலும் நிர்வாகி போல உணரப்போகிறீர்கள்!  
+இவை "ஆரம்பக் கருவிகள்" அல்ல என்று நினைத்திருப்பீர்கள்; இது Google, Netflix மற்றும் உங்கள் விரும்பும் indie செயலி நிறுவனங்கள் பயன்படுத்தும் தொழில்முறை கருவிகள் தான். இவற்றைப் பயன்படுத்தி நீங்கள் நிஜமாகவே திறமையானவனாக இருப்பீர்கள்!
 
 ```mermaid
 graph TD
-    A["💡 உங்கள் கருத்து"] --> B["⌨️ குறியீடு ஆசிரியர்<br/>(VS Code)"] 
-    B --> C["🌐 உலாவி டெவ் டூல்ஸ்<br/>(சோதனை மற்றும் பிழை தீர்க்கல்)"]
-    C --> D["⚡ கட்டளை வரி<br/>(தேொடர்ச்சி மற்றும் கருவிகள்)"]
-    D --> E["📚 ஆவணங்கள்<br/>(கற்றல் மற்றும் குறிப்பு)"]
-    E --> F["🚀 அருமையான வலை செயலி!"]
+    A["💡 உங்கள் ஐڈیا"] --> B["⌨️ குறியீடு தொகுப்பி<br/>(VS Code)"] 
+    B --> C["🌐 உலாவி டெவ் டூல்ஸ்<br/>(சோதனை & பிழைதிருத்தல்)"]
+    C --> D["⚡ கட்டளை வரி<br/>(தானியங்கி மற்றும் கருவிகள்)"]
+    D --> E["📚 பதிவேடு<br/>(கற்றல் & குறிப்பு)"]
+    E --> F["🚀 அற்புதமான இணைய செயலி!"]
     
     B -.-> G["🤖 AI உதவியாளர்<br/>(GitHub Copilot)"]
-    C -.-> H["📱 சாதன சோதனை<br/>(பதில் கூறும் வடிவமைப்பு)"]
+    C -.-> H["📱 சாதன சோதனை<br/>(பதில் தெரிவு கலை)"]
     D -.-> I["📦 தொகுப்பு மேலாளர்கள்<br/>(npm, yarn)"]
-    E -.-> J["👥 சமூகத்தினர்<br/>(Stack Overflow)"]
+    E -.-> J["👥 சமூகமேடைகள்<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -504,147 +500,146 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### குறியீடு தொகுப்பாளர்கள் மற்றும் IDEகள்: உங்கள் புதிய டிஜிட்டல் நண்பர்கள்  
-
-குறியீடு தொகுப்பாளர்களைப் பற்றி பேசுவோம் – இவை உங்கள் புதிய பிடித்த இடங்கள் ஆக விடப்போகின்றன! இவற்றை நீங்கள் உங்கள் தனிப்பட்ட குறியீட்டுக் கண்காட்சியாக நினைத்துக் கொள்ளுங்கள், அங்கு நீங்கள் பெரும்பாலான நேரம் உங்கள் டிஜிட்டல் படைப்புகளை உருவாக்கவும் மேம்படுத்தவும் செலவிடுவீர்கள்.  
+```
+### குறியீடு ஆசிரியர்கள் மற்றும் IDEகள்: உங்கள் புதிய டிஜிட்டல் நண்பர்கள்
 
-ஆனால் இன்றைய தொகுப்பாளர்கள் என்ன அற்புதமே என்றால்: இவை வெறும் எழுத்துப்பதிவர் அல்ல. இவை 24/7 நேரம் உங்களுடன் அமர்ந்து உங்கள் குறியீடை புரிந்துகொள்ள உதவும், உங்கள் தப்புகளை முன்பே கட்டப்படுத்தும், நீங்கள் என்ன எழுதவிருக்கிறீர்கள் என கணிப்பதை கூடச் செய்வது போல்!  
+குறியீடு ஆசிரியர்கள் பற்றி பேசுவோம் – இவை உங்கள் புதிய பிடித்த இடங்களாக மாறும்! இவை உங்கள் தனிப்பட்ட குறியீடு அதிபதிகளாகும், இங்கே நீங்கள் பெரும்பாலான நேரத்தை உலகற்ற பணிகளை உருவாக்கியும் முழுமையாக பளபளப்பாக்கியும் செலவிடுவீர்கள்.
 
-நான் முதலில் தானாக நிரலை முடிப்பதை கண்டபோது, அது எதிர்காலத்தில் வாழ்ந்து கொண்டு இருப்பதாக அறிவதாக இருந்தது. நீங்கள் தட்டச்சு செய்ய ஆரம்பிக்கும்போது, உங்கள் தொகுப்பாளர் "நீங்கள் இப்படி ஒரு செயல்பாட்டை நினைத்தீர்களா?" என்று கேட்கிறது. அது உங்கள் குறியீடு நண்பருக்கு மனம் படைப்பவர் இருப்பதுபோல்!  
+இன்றைய ஆசிரியர்களின் அற்புதம் என்னவெனில், அவை வெறும் உரை ஆசிரியர்கள் அல்ல. அவை 24/7 நீங்கள் அருகில் இருப்பது போன்ற பிரகாசமான, ஆதரவு தரும் குறியீட்டு பயிற்றுவிப்பாளர்களாகும். நீங்கள் பிழை எழுதுவதற்கு முன் அவை கண்டுபிடித்து காட்சிப்படுத்துகின்றன, புத்தாக்கங்களை பரிந்துரைக்கின்றன, ஒவ்வொரு குறியீடும் என்ன செய்கிறது என்பதைக் கூறுகின்றன, அதைத் தொடர்ந்து என்ன எழுதப்போகிறீர்கள் என்று முன்கூட்டியே கூறி உதவுகின்றன!
 
-**இந்த தொகுப்பாளர்கள் என்ன வலிமை தருகின்றன?**  
+நான் முதலில் தானாக-முழுமையை கண்டுபிடித்த போது, நான் எதிர்காலத்தில் வாழ்கிறேன் என்று உணர்ந்தேன். நீங்கள் ஒன்றை தட்டச்சு ஆரம்பிக்கையில், ஆசிரியர் கேட்கிறது: "இந்த செயல்பாடு உங்களுக்கு தேவைப்படுவது அல்லவா?" அது ஒரு மன வாசகராய் இருப்பதைப்போல்!
 
-நவீன குறியீடு தொகுப்பாளர்கள் உங்கள் உற்பத்தித்தன்மையை உயர்த்த பல அம்சங்களைக் கொண்டுள்ளன:  
+**இந்த ஆசிரியர்களை அற்புதமாக்கும் அம்சங்கள்:**
 
-| அம்சம் | அது என்ன செய்கிறது | இது எப்படி உதவும் |  
-|---------|--------------|--------------|  
-| **இலக்கண வண்ணச்சு** | உங்கள் குறியீடு பகுதிகளை வண்ணமயமாக்குகிறது | குறியீட்டை வாசிக்க மற்றும் பிழைகளை கண்டுபிடிக்க உதவும் |  
-| **தானாக முடித்தல்** | நீங்கள் தட்டச்சு செய்யும்போது குறியீட்டை பரிந்துரைக்கிறது | குறியீடு செய்யும் வேகம் மற்றும் தப்புகளை குறைக்கும் |  
-| **டிபக்கிங் கருவிகள்** | பிழைகளை கண்டறிந்து சரிசெய்ய உதவும் | விசாரணைக்கான நேரத்தை காப்பாற்றும் |  
-| **பிரிப்பு செயற்கைகள்** | சிறப்பு அம்சங்களைச் சேர்க்கிறது | எந்த தொழில்நுட்பத்திற்கும் தொகுப்பாளரை தனிப்பயனாக்கும் |  
-| **AI உதவியாளர்கள்** | குறியீடு மற்றும் விளக்கங்களை பரிந்துரைக்கிறது | கற்றல் மற்றும் உற்பத்தியை வேகப்படுத்தும் |  
+நவீன குறியீடு ஆசிரியர்கள் வேலை திறனை அதிகரிப்பதற்கான வலிமையான அம்சங்களை வழங்குகின்றன:
 
-> 🎥 **வீடியோ ஆதாரம்**: இந்த கருவிகள் எப்படி செயல்படுகிறதென்றதை காண விரும்புமா? இதைப் பாருங்கள் [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg).  
+| அம்சம் | என்ன செய்கிறது | உதவும் காரணம் |
+|---------|--------------|--------------|
+| **நடவடிக்கை வண்ணமயம்செய்தல்** | உங்கள் குறியீட்டின் வெவ்வேறு பகுதிகளை வண்ணமயமாக்குகிறது | குறியீட்டை எளிதாக வாசிக்கவும் பிழைகளை அடையாளம் காணவும் உதவும் |
+| **தானாக முழுமை** | நீங்கள் தட்டச்சு செய்யும்போது குறியீட்டை முன்மொழிகிறது | குறியீடு வேகத்தை அதிகரிக்கவும் பிழைகள் குறைக்கவும் உதவும் |
+| **பிழைத்திருத்த கருவிகள்** | பிழைகளை கண்டறிந்து சரி செய்ய உதவும் |ப் சில மணி நேரங்களைச் சேமிக்க உதவும் |
+| **உதவிக்கூறுகள்** | சிறப்பு அம்சங்களை சேர்க்கலாம் | உங்கள் ஆசிரியரை தொழில்நுட்பத் தேவைகளுக்கு ஏற்றார் படுத்தவும் |
+| **AI உதவியாளர்கள்** | குறியீடு மற்றும் விளக்கங்களைச் சுட்டிக்காட்டுகின்றன | கற்றல் மற்றும் வேலை திறனை விரைவுபடுத்துகின்றன |
 
-#### வலை மேம்பாட்டிற்கு பரிந்துரைக்கப்படும் தொகுப்பாளர்கள்  
+> 🎥 **காணொளி ஆதாரம்**: இந்த கருவிகளை செயல்பாட்டில் காண விரும்பினால், [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) - நேரடி ஒருங்கிணைப்பு  
-  - [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/)** (செலுத்தப்படும், மாணவர்களுக்கு இலவசம்)  
-- மேம்பட்ட டிபக் மற்றும் சோதனை கருவிகள்  
-- புத்திசாலித்தனமான குறியீடு முடித்தல்  
-- கட்டமைக்கப்பட்ட பதிப்பு கட்டுப்பாடு  
+**[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) - குறியீட்டிலுள்ள எழுத்துப்பிழைகள் அடையாளம் காண்பது
 
-**மேக அடிப்படையிலான IDEகள்** (வேறு விலையில்)  
-- [GitHub Codespaces](https://github.com/features/codespaces) - உலாவியில் முழுமையான VS Code  
-- [Replit](https://replit.com/) - கற்றலும் பகிர்வும் சிறந்தது  
-- [StackBlitz](https://stackblitz.com/) - உடனடி முழு ஸ்டாக் வலை மேம்பாடு  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (கம்பளங்கள், மாணவர்களுக்கு இலவசம்)
+- மேம்பட்ட பிழைத்திருத்த மற்றும் சோதனை கருவிகள்
+- அறிவார்ந்த குறியீட்டு முழுமை
+- உள்ளமைந்த பதிப்பு கட்டுப்பாடு
 
-> 💡 **தொடங்குவோர் குறிப்பு**: Visual Studio Code-ஐத் தொடங்குங்கள் – இது இலவசம், தொழில்துறையில் பரவலாக பயன்படுத்தப்படுகிறது மற்றும் பல பயனுள்ள கற்றல் வகுப்புகள் மற்றும் பிரிப்புகளை உருவாக்கும் பெரிய சமூகத்துடன் உள்ளது.  
+**மேகக் கூட்டமைப்பு IDEகள்** (விலை திசை)
+- [GitHub Codespaces](https://github.com/features/codespaces) - உலாவியில் முழு VS Code
+- [Replit](https://replit.com/) - குறியீடு கற்றல் மற்றும் பகிர்வுக்கு சிறந்தது
+- [StackBlitz](https://stackblitz.com/) - உடனடி முழு ஸ்டாக் வலை வளர்ப்பு
 
+> 💡 **ஆரம்பக் குறிப்புரை**: Visual Studio Code இல் தொடங்குங்கள் – இது இலவசம், தொழில்துறை முழுவதும் பரவலாகப் பயன்படுத்தப்படுகிறது, மற்றும் பல பயனுள்ள பயிற்சிகள் மற்றும் விரிவாக்கங்களை உருவாக்கும் பெரிய சமூகமும் உடையது.
 
-### வலை உலாவிகள்: உங்கள் ரகசிய மேம்பாட்டு ஆய்வகம்
+### இணைய உலாவிகள்: உங்கள் மறைமொழி வளர்ப்பு ஆய்வகம்
 
-சரி, உங்கள் மனதை முழுமையாக உதிர்வடிக்க தயாராகுங்கள்! நீங்கள் சமூக ஊடகங்களில் சுருள் பிடிக்கவும் வீடியோக்கள் பார்க்கவும் உலாவிகளைப் பயன்படுத்தி வருகிறீர்கள்; இதுவரை அவர்கள் உங்கள் மறைக்கப்பட்ட சக்திவாய்ந்த மேம்பாட்டு ஆய்வகத்தை மறைத்து வைத்து உள்ளனர்.  
+சரி, மனதை முழுமையாகத் தாக்கும் உண்மையை அறியத் தயார்! நீங்கள் சமூக வலைதளங்களை உலாவி காணும் மற்றும் காணொளிகள் பார்ப்பது போல இணைய உலாவிகளைப் பயன்படுத்துகிறீர்கள் என்றாலும், இவை ஒரு மறைமொழி வளர்ப்பு ஆய்வகத்தை எப்போதும் மறைத்து வைத்திருந்தது, நீங்கள் இதை கண்டுபிடிக்கென்று காத்திருக்கிறது!
 
-ஒவ்வொரு முறையும் ஒரு வலைப் பக்கத்தில் வலது கிளிக் செய்து "Inspect Element" (உறுப்பை ஆய்வு செய்) என்பதைக் கிளிக் செய்யும் போது, நீங்கள் ஒரு மறைந்த மேம்பாட்டு கருவிகள் உலகத்தை திறக்கிறீர்கள். நான் முன்பு நூற்றுக்கணக்கான டாலர்கள் செலுத்தி வாங்கிய சில மென்பொரல்களைவிட இவை சக்திவாய்ந்ததாக இருக்கின்றன. அது உங்கள் இயல்பான சமையல் அறைக்குப் பின்னால் ஒரு தொழில்முறை சமையல்காரன் ஆய்வகம் மறைத்து வைத்திருக்கின்றது என்று கண்டுபிடிப்பதைப் போன்றது!
-முதன்முறையாக யாரோ எனக்கு உலாவி DevTools-ஐ காட்டியபோது, நான் மூன்று மணி நேரம் கிளிக் செய்து "வாங்க, அது கூட செய்யுமா?!" என்கிறேனே. நீங்கள் நேரடியான நேரத்தில் எந்த இணையதளத்தையும் எடிட் செய்ய முடியும், எல்லாவற்றும் எவ்வளவு வேகமாக ஏற்றுகிறது என்பதை சரியாக பார்க்கலாம், உங்கள் தளம் வேறுபட்ட சாதனங்களில் எப்படி தோற்றமளிக்கிறது என்பதை சோதிக்கலாம், மற்றும் ஜாவாஸ்கிரிப்ட் பிழைகளை நிபுணர்களைப் போல திறம்பட திருத்தலாம். இது முற்றிலும் ஆச்சர்யமளிக்கிறது!
+ஒவ்வொரு முறையும் நீங்கள் வலைப்பக்கத்தில் வலது கிளிக் செய்து "Inspect Element" தேர்ந்தெடுக்கும்போது, நீங்கள் ஒரு மறைந்துள்ள வளர்ப்பு கருவிகள் உலகத்தைத் திறக்கிறீர்கள், இது நான் முன்பு காசு செலவிட்ட மதிப்பீடு மென்பொருளைக் காட்டிலும் சக்திவாய்ந்ததாக இருக்கிறது. இது வழக்கமான உங்கள் சமையலறை பின்னணியில் ஒரு தொழில்முறை சமையல்காரரின் ஆய்வகத்தை மறைத்து வைத்திருந்ததை கண்டுபிடிப்பதுபோல உள்ளது!
+யாராவது முதன்முறையாக எனக்கு browser DevTools ஐ காட்டும்போது, நான் சுமார் மூன்று மணி நேரம் வெறும் கிளிக் செய்து "நின்று பார்க்கவும், அது இதையும் செய்யலாம் என?" என்று சொல்லிக் கொண்டே இருந்தேன்! நீங்கள் நேரடி நேரத்தில் எந்தவொரு வலைத்தளத்தையும் தொகு திருத்தலாம், எவ்வாறு வேகமாக அனைத்தும் ஏற்றப்படுகின்றன என்பது தெளிவாகக் காணலாம், உங்கள் தளம் பல்வேறு கருவிகளில் எப்படி தோன்றுகிறது என்று சோதிக்கலாம், மற்றும் JavaScript ஐ முழு நிபுணராக டிபக் செய்யவும் முடியும். அது நிச்சயமாக மனதை அறிய வைக்கும்!
 
-**இனிமேல் உலாவிகள் உங்கள் ரகசிய ஆயுதங்கள் ஆக இருப்பதன் காரணம்:**
+**வழங்கப்படும் காரணம் இதோ, உங்களுக்கான உள்நுழைவுக் குத்துகோல் இதுதான்:**
 
-நீங்கள் இணையதளம் அல்லது வலை பயன்பாடை உருவாக்கும் போது, அது உண்மையான உலகில் எப்படி தோன்றுகிறது மற்றும் நடக்கிறது என்பதை நீங்கள் காண வேண்டும். உலாவிகள் உங்கள் படைப்பை மட்டுமல்லாமல் செயல்திறன், அணுகல் திறன் மற்றும் சாத்தியமான பிரச்சனைகள் பற்றிய விரிவான கருத்துக்களையும் வழங்குகின்றன.
+நீங்கள் ஒரு வலைத்தளம் அல்லது வலை செயலியை உருவாக்கும் போது, அது உண்மையான உலகில் எப்படி தோன்றுகிறது மற்றும் செயல்படுகிறது என்பதை பார்க்க வேண்டும். உலாவிகள் உங்கள் பணிக்கே அல்லாமல் செயல்திறன், அணுகல்தன்மை, மற்றும் சாத்தியமான பிரச்சினைகளுக்கான விரிவான கருத்துக்களையும் வழங்குகின்றன.
 
-#### உலாவி டெவலப்பர் டூல்ஸ் (DevTools)
+#### உலாவி டெவலப்பர் கருவிகள் (DevTools)
 
-நவீன உலாவிகள் விரிவான மேம்பாட்டு கருவிகள் கொண்டுள்ளன:
+நவீன உலாவிகள் முழுமையான மேம்பாட்டு தொகுப்புகளை உள்ளடக்கியுள்ளன:
 
-| கருவி வகை | அது செய்கிறது என்ன | உதாரண பயன்பாடு |
-|---------------|------------------|------------------|
-| **எலிமெண்ட் இன்ஸ்பெக்டர்** | நேரடியாக HTML/CSS ஐ பார்க்கவும் மற்றும் திருத்தவும் | உடனடி முடிவுகளை பார்க்க ஸ்டைலிங் மாற்றவும் |
-| **கான்சோல்** | பிழை செய்திகள் பார்க்கவும், JS சோதிக்கவும் | பிரச்சனைகளைத் திருத்தவும், கோடை ஆராயவும் |
-| **நெட்வொர்க் மோனிட்டர்** | வளங்கள் எப்படி ஏற்ற Mollு என்பதை கண்காணிக்கவும் | செயல்திறன் மற்றும் ஏற்ற நேரங்களை மேம்படுத்தவும் |
-| **அணுகல் சோதனை கருவி** | ஒருங்கிணைந்த வடிவமைப்பை சோதிக்கவும் | உங்கள் தளம் அனைத்து பயனர்களுக்கும் செயல்படுவதை உறுதி செய்யவும் |
-| **சாதனம் சிமுலேட்டர்** | வித்தியாசமான திரை அளவுகளில் முன்னோட்டம் | பல சாதனங்கள் இல்லாமல் பதிலளிக்கும் வடிவமைப்பை சோதிக்கவும் |
+| கருவி வகை | அது என்ன செய்கிறது | உதாரண பயன்பாடு |
+|---------------|------------|------------------|
+| **எலிமென்ட் இன்ஸ்பெக்டர்** | HTML/CSS ஐ நேரடியாக காணவும் திருத்தவும் | உடனடி விளைவுகளுக்கு பாணி சரிசெய்தல் |
+| **கான்சோல்** | பிழை செய்திகளைப் பார்க்கவும் JavaScript ஐ சோதிக்கவும் | பிரச்சனைகளை டிபக் செய்து குறியீடியுடன் முயற்சி செய்பு |
+| **நெட்வொர்க் மானிட்டர்** | வளங்கள் எவ்வாறு ஏறுகின்றன என்று கண்காணிக்கவும் | செயல்திறன் மற்றும் ஏற்ற நேரம் மேம்படுத்தவும் |
+| **அணுகல்தன்மை சோதகர்** | உள்ளடக்கத்தைக் கொண்டு இருப்பதைச் சோதிக்கவும் | உங்கள் தளம் அனைத்து பயனர்களுக்கும் வேலை செய்கிறது என்பதை உறுதிசெய்தல் |
+| **கருவி சிமுலேட்டர்** | வெவ்வேறு திரை அளவுகளில் முன்னோட்டம் | பல கருவிகள் இல்லாமல் பதிலளிக்கும் வடிவமைப்பை சோதிக்கவும் |
 
-#### மேம்பாட்டிற்கான பரிந்துரைக்கப்பட்ட உலாவிகள்
+#### மேம்பாட்டுக்கான பரிந்துரைக்கப்பட்ட உலாவிகள்
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - தொழில்துறை நிலையான DevTools மற்றும் முழுமையான ஆவணங்கள்
+- **[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 அடிப்படையில் மைக்ரோசாஃப்டின் டெவலப்பர் வளங்களுடன்
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Microsoft இன் மேம்பாட்டு வளங்களுடன் Chromium அடிப்படையில்
 
-> ⚠️ **முக்கிய சோதனை குறிப்புரை**: உங்கள் இணையதளங்களை பல உலாவிகளில் எப்போதும் சோதிக்கவும்! Chrome-ல் சிறப்பாக வேலை செய்பவை Safari அல்லது Firefox-ல் வேறுபடும். தொழில்முறை டெவலப்பர்கள் அனைத்து முக்கிய உலாவிகளிலும் சோதித்து ஒரே மாதிரியான பயனர் அனுபவத்தை உறுதி செய்கின்றனர்.
+> ⚠️ **முக்கிய சோதனை டிப்**: உங்கள் வலைத்தளங்களை பல உலாவிகளில் எப்போதும் சோதிக்கவும்! Chrome இல் சிறப்பாக வேலை செய்கிறதென்றால் Safari அல்லது Firefox இல் வேறுபட்டு தோன்றலாம். தொழில்முறை மேம்பாட்டாளர்கள் அனைத்து முக்கிய உலாவிகளிலும் சோதனை செய்வதன் மூலம் ஒத்துள்ள பயனர் அனுபவங்களை உறுதி செய்கின்றனர்.
 
-### கட்டளை வரி கருவிகள்: உங்கள் டெவலப்பர் சூப்பர் சக்திகளுக்கு வாயிலாக
+### கட்டளை வரி கருவிகள்: உங்கள் மேம்பாட்டு அற்புத சக்திக்கான வாயில்
 
-சரி, கட்டளை வரியைப் பற்றி முழுமையாக நேர்மையான ஒரு நேரம் கொள்வோம், ஏனெனில் இதை உணர்ந்து செயல்படுபவர் ஒருவர் இதை உங்களுக்கு சொல்வார். முதலில் அதை பார்த்ததும் – அந்த பயங்கரமான கருப்பு திரை மற்றும் ஒளிரும் எழுத்து – நான் நேரடியாக "இல்லை, இப்போ இல்லை! இது 1980கள்த்து ஹேக்கர் படம் மாதிரி தோன்றுகிறது, நான் இதற்கு ஞானி இல்லை!" என்று நினைத்தேன் 😅
+சரி, கட்டளை வரிக்குக் குறித்துப் பொது உண்மையைப் பகிர்ந்துகொள்வோம், ஏனெனில் அதை உணர்ந்த ஒருவரிடம் இருந்து நீங்கள் அதை கேட்க விரும்புகிறேன். முதலில் நான் அதை பார்த்தபோது – அந்த அச்சுறுத்தும் கருப்பு திரைக்குப் பிளிக்கும் எழுத்துக்கள் – நான் உண்மையில் "அடுறேன், கண்டிப்பாக இல்லை! இது 1980 களின் ஹேக்கர் திரைப்படத்திலிருந்த ஒரு காட்சி போல் தோன்றுகிறது, நான் இதற்கு போதுமான புத்திசாலி அல்ல!" என்று நினைத்தேன் 😅
 
-ஆனால் போனால் என்ன சொல்ல இருந்தால், கட்டளை வரி பயங்கரம் அல்ல – இது உங்கள் கணினியுடன் நேரடி உரையாடலைப் போன்றது. fancy படங்களை மற்றும் மெனுவை கொண்ட உணவு ஆர்டர் செய்யும் செயலியைவிட (அது நன்றாகவும் எளிமையாகவும் இருக்கிறது) உங்கள் பிடித்த உள்ளூர் உணவகத்தில் சென்று பட்டாணி எப்படி பழகுறார் என்றும் அவருக்கு "சர்ப்ரைஸ் என்னா வேண்?" என்று சொன்னால், அவர் ஒரு சிறந்த உணவை தயார் செய்வார்.
+ஆனால் நான் அப்போது யாரும் சொல்லாத ஒன்றைக் கூற விரும்புகிறேன், இப்போது நீங்களும் கேட்கவேண்டிய தமிழில்: கட்டளை வரி அச்சுறுத்தாது – அது உங்கள் கணினியுடன் நேரடி உரையாடல் போன்று இருக்கிறது. அதை அழகான படங்கள் மற்றும் பட்டியல்கள் கொண்ட உணவு ஆர்டர் செய்யும் ਐப்ப்லிக்கேஷனைப் போல நினைத்துக் கொள்ளுங்கள் (அது நல்லது மற்றும் எளிது), மாறாக உங்கள் பிடித்த உள்ளூர் உணவகத்துக்குச் சென்று அங்கே பரிசு செய்து ஒரு சிறந்த உணவை தயாரிக்கும் சமையல்காரரை நேரடியாக சந்திப்பது போன்றது.
 
-கட்டளை வரி டெவலப்பர்கள் முழுமையான ஞானிகள் ஆகும் இடம். நீங்கள் சில மாயமான சொல்லுகளை (ஆம், அவை கட்டளைகள் தான், ஆனால் மாயையாகத் தோன்றும்!) தட்டச்சு செய்து enter அழுத்தினால், நீங்கள் முழு திட்ட அமைப்புகளை உருவாக்கி, உலகின் பல பகுதிகளில் இருக்கும் சக்திவாய்ந்த கருவிகளை நிறுவி, உங்கள் பயன்பாட்டை இணையத்தில் பலருக்குப் பார்க்கவைக்கும். ஒருமுறை அந்த சக்தியை நீங்கள் அனுபவித்ததும், அது அடிமைபடுத்தும்!
+கட்டளை வரி மேம்பாட்டாளர்கள் தங்களுக்கு அவன் அற்புதமானவர் போல உணர உதவும் இடம். நீங்கள் சில மந்திர ஒத்த வார்த்தைகளை (சரி, அவை கட்டளைகள் தான், ஆனால் அவை மந்திரம் போல் தான்!) தட்டீர்கள், enter அழுத்துகிறீர்கள், மற்றும் பூம் – நீங்கள் முழு திட்ட அமைப்புகளை உருவாக்கிவிட்டீர்கள், உலகம் முழுதிலிருந்தும் சக்திவாய்ந்த கருவிகளை நிறுவிவிட்டீர்கள், அல்லது உங்கள் செயலியை மில்லியன்களின் பார்வைக்கு இணையத்தில் வெளியிட்டுவிட்டீர்கள். அந்த சக்தியின் முதல் சுவையை அடைந்த பிறகு அது முற்றிலும் பழக்கமாகிவிடும்!
 
-**கட்டளை வரி உங்களின் பிரியத்தன்மை கருவியாக இருக்க காரணம்:**
+**கட்டளை வரி உங்கள் பிடித்த கருவியாக இருப்பதற்குக் காரணம்:**
 
-கிராஃபிகல் இடைமுகங்கள் பல வேலைகளுக்கு அருமையாக இருந்தாலும், கட்டளை வரி தானியங்கி செயல்பாடுகள், துல்லியம் மற்றும் வேகத்தில் சிறந்தது. பல மேம்பாட்டு கருவிகள் கமாண்டு லைன் வழியே செயல்படுகின்றன, அவற்றை திறம்பட பயன்படுத்த கற்றுக் கொள்வது உங்கள் செயல்திறனுக்கு மிகப்பெரிய மேம்பாட்டை அளிக்கும்.
+கலாச்சார இடைமுகங்கள் பல பணிகளுக்கு சிறந்ததாக இருந்தாலும், கட்டளை வரி தானாக செயல்பாடு, துல்லியம் மற்றும் வேகத்தில் சிறந்தது. பல மேம்பாட்டு கருவிகள் முதன்மையாக கட்டளை வரிசை இடைமுகங்கள் மூலம் இயங்குகின்றன, அவற்றைப் பயிற்சி செய்து திறமையாக பயன்படுத்தினால் உங்கள் உற்பத்தித் திறன் மிக உயரும்.
 
 ```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 என build tool-ஐ நிறுவு
-- Prettier (தானியங்கி கோடு வடிவமைப்பு) மற்றும் ESLint (கோடு தரத்துக்கான சோதனை) சேர்க்கவும்
-- `--save-dev` கொடியை dev dependencies மட்டும் என குறிக்கவும்
+**தடம் தடமாக, இங்கு என்ன நடக்கிறது:**
+- **`npm init -y` பயன்படுத்தி** இயல்புநிலை அமைப்புகளுடன் புதிய Node.js திட்டத்தை ஆரம்பித்தல்
+- **Vite ஐ நிறுவுதல்** வேகமான மேம்பாடு மற்றும் தயாரிப்பு கட்டலுக்கான நவீன கட்டுமான கருவியாக
+- **Prettier ஐ மற்றும் ESLint ஐ சேர்ப்பது** தானாக குறியீடு வடிவமைப்புக்கும் தர சோதனைக்கும்
+- **`--save-dev` கொடியை** மேம்பாட்டு ஆதாரங்களாகக் குறிக்கும்
 
 ```bash
-# படி 3: திட்ட கட்டமைப்பு மற்றும் கோப்புகளை உருவாக்கவும்
+# படி 3: திட்ட அமைப்பையும் கோப்புகளையும் உருவாக்கவும்
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# மேம்பாட்டு சர்வரைத் தொடங்கு
+# மேம்படுத்தல் சேவையகம் துவக்கவும்
 npx vite
 ```
 
-**மேலேயுள்ளவற்றில் நான் செய்துள்ளேன்:**
-- மூலக் குறியீடு மற்றும் தடங்கள் தனித்தனியாக உள்ள கோப்புறைகளை அமைத்தல்
-- சரியான ஆவண அமைப்புடன் அடிப்படை HTML கோப்பு உருவாக்கல்
-- Vite web development சேவையகத்தை துவங்கி live reloading மற்றும் hot module replacement செயல்
+**மேற்கூறியுள்ளவற்றில், நாம்:**
+- **மூல குறியீடு மற்றும் வள கோப்பு அடைவுகளை தனித்தனியாக அமைத்தோம்**
+- **சரியான ஆவண அமைப்புடன் ஒரு அடிப்படை HTML கோப்பை உருவாக்கினோம்**
+- **நேரடி மீண்டும் ஏற்றவும் சூடான மாடுல் மாற்றத்திற்கும் Vite மேம்பாட்டு சேவையைத் துவக்கினோம்**
 
-#### வலை மேம்பாட்டுக்கான கட்டளை வரி கருவிகள்
+#### வலை மேம்பாட்டுக்கான அவசியமான கட்டளை வரி கருவிகள்
 
-| கருவி | நோக்கம் | உங்களுக்கு ஏன் தேவை |
-|------|---------|------------------|
-| **[Git](https://git-scm.com/)** | பதிப்பு கட்டுப்பாடு | மாற்றங்களை கண்காணிக்கவும், கூட்டான பணிகளுக்கு உதவவும், பணியை காப்பி வைக்கவும் |
-| **[Node.js & npm](https://nodejs.org/)** | ஜாவாஸ்கிரிப்ட் ரன்டைம் மற்றும் பைக்கேஜ் மேலாண்மை | உலாவி வெளியே JS இயக்கு, நவீன மேம்பாட்டு கருவிகள் நிறுவு |
-| **[Vite](https://vitejs.dev/)** | கட்டமைப்பு கருவி மற்றும் வலை சேவையகம் | அதி வேக மேம்பாட்டுநிலையில் hot module replacement |
-| **[ESLint](https://eslint.org/)** | கோடு தரம் | உங்கள் ஜாவாஸ்கிரிப்ட் கோடுகளில் பிரச்சனைகளை தானாக கண்டுபிடித்து சரி செய்க |
-| **[Prettier](https://prettier.io/)** | கோடு வடிவமைப்பு | உங்கள் கோடுகளை ஒரே மாதிரியாக வாசிக்க சுலபமாக வைத்திரு |
+| கருவி | நோக்கம் | நீங்கள் ஏன் அதை வேண்டும்? |
+|------|---------|-----------------|
+| **[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/)** | குறியீடு வடிவமைப்பு | குறியீட்டை ஒரே மாதிரியான முறையில் தெளிவாக வைக்கவும் |
 
-#### தனிப்பட்ட தளங்கள் விருப்பங்கள்
+#### தளம்-நਿਰ்ப்பப பிதாவு
 
 **Windows:**
 - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - நவீன, அம்சமிக்க டெர்மினல்
@@ -652,203 +647,201 @@ npx vite
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - பாரம்பரிய Windows கட்டளை வரி
 
 **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/)** 💻 - நிலையான Linux ஷெல்
-- **[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 Code இல் திறக்க) ஆகியவற்றை முயற்சி செய்யவும். உங்களுக்கு முழுமையான அனுபவம் வந்ததும், நீங்கள் இயல்பாக மேம்பட்ட கட்டளைகள் மற்றும் தானியங்கி முறைகளை கற்றுக்கொள்ளுவீர்கள்.
 
-### ஆவணங்கள்: எப்போதும் கிடைக்கும் உங்கள் கற்றல் மன்றம்
+### ஆவணம்: எப்போதும் கிடைக்கும் கற்றல் வழிகாட்டி
 
-சரி, ஒரு ரகசியத்தை பகிர்ச்செய்ய விரும்புகிறேன், இது நீங்கள் ஒரு ஆரம்ப நிலை மாணவர் என்ற உணர்வுக்கு மிகவும் உதவும்: மிக அனுபவசாலிகளான டெவலப்பர்கள் கூட பெரும்பாலான நேரம் ஆவணங்களைப் படிப்பதில் செலவிடுகிறார்கள். அதற்குக் காரணம் அவர்கள் என்ன செய்கிறார்கள் தெரியாமலில்லை என்பதல்ல; இது அறிவுத்திறனின் அடையாளம்!
+சரி, எனக்கு ஒரு சிறிய ரகசியத்தை பகிர்ந்து கொடுக்கலாம், அது தொடக்கத்திலிருந்தும் பாதுகாப்பாக நீங்கள் உணர உதவும்: மிக அனுபவமிக்க மேம்பாட்டாளர்களும் தங்கள் நேரத்தின் பெரும்பகுதியை ஆவணங்கள் படிப்பதில் போகும். அது அவர்கள் என்ன செய்கிறார்கள் தெரியாதத்துக்காக அல்ல – அது அறிவுத்திறனின் குறியீடு!
 
-ஆவணங்களை உலகின் மிகவும் பொறுமையான, அறிவுமிக்க ஆசிரியர்களாகக் கருதுங்கள், அவர்கள் 24/7 க beschikbaar. இரவில் 2 மணிக்கு பிரச்சனையில் சிக்கினீர்களா? ஆவணங்கள் உங்களுக்கு ஒரு வொளி அன்பு வழங்கி நீங்கள் தேவைப்படுகிற சரியான பதிலை தரும். அனைவரும் பேசும் புதிய அம்சத்தை கண்டுபிடிக்க விரும்புகிறீர்களா? ஆவணங்களில் படி படியான எடுத்துக்காட்டுகள் உள்ளன. ஏன் ஒரு விஷயம் அதேபோல் செயல்படுகிறது என்று அறிய விரும்புகிறீர்களா? சரி, ஆவணத்தைப் பாருங்கள், அது தெளிவான விளக்கத்துடன் இருக்கிறது!
+ஆவணம் என்பது உலகின் மிகவும் பொறுமையான, அறிவுள்ள ஆசிரியை போல அவர்களது 24/7 கிடைக்கும் உதவியாக நினைத்துக் கொள்ளுங்கள். இரவு 2 மணிக்கு ஒரு பிரச்சனையில் சிக்கினால்? ஆவணம் உங்களுக்கு ஒரு சூடான உரை அணைத்தல் மற்றும் தேவையான முற்றிலும் சரியான விடையை அளிக்கும். அனைவரும் பேசும் புதிய அம்சங்கள் பற்றி அறிய விரும்பினால்? ஆவணம் படிமுறை விளக்கங்களுடன் உங்கள் பக்கம் இருக்கும். ஏன் அது அப்படியே வேலை செய்கிறது என்று புரிந்து கொள்ள முயற்சிப்பீர்களா? உங்கள் கணக்கில் அது கிளிக் செய்யும் விதமாக அணுகத்தை எடுத்துச் சொல்கிறது!
 
-என்னுடைய பார்வையை முற்றிலும் மாற்றிய ஒன்று: வலை மேம்பாட்டு உலகம் மிக வேகமாக நகர்கிறது, ஒரு நபரும் (முடிந்தவர்வும்) எல்லாவற்றையும் நினைவில் வைத்திருக்க முடியாது. 15 ஆண்டுகளுக்கு மேல் அனுபவம் உள்ள மூத்த டெவலப்பர்கள் அடிப்படை சீரான வசனங்களையும் தேடிப் பார்க்கின்றனர், அது அவமானகரமாக இல்லை – அது புத்திசாலித்தனமானது! அது ஒரு மேலான நினைவில் வைத்துக்கொள்ளல் அல்ல; அது சரியான பதில்களை எங்கேப் பெறுவது மற்றும் அவற்றைக் எவ்வாறு பயன்படுத்துவது என்பதை அறிதல்.
+இங்கு என்னை முழுமையாக மாற்றிய ஒரு விஷயம்: வலை மேம்பாட்டுக்கூட உலகம் மிக வேகமாக நகர்கிறது, எந்த மனிதனும் (எல்லாம் அல்லாமல்!) அனைத்தையும் மனதில் வைத்திருக்க முடியாது. 15+ ஆண்டு அனுபவம் கொண்ட மூத்த வலைமேம்பாட்டாளர்கள் கூட அடிப்படை வடிவமுறை syntax-ஐ தேடுவதை பார்த்துள்ளேன், அது கூட்டாசுக்கானது அல்ல – அது அறிவே!
 
-**முதலில் உண்மையான மகிமை :**
+**உண்மையான மாயை நிகழும் இடம் இங்கே:**
 
-தொழில்முறை டெவலப்பர்கள் பெரும்பாலான நேரத்தை ஆவணங்களைப் படிப்பதில் செலவிடுகிறார்கள் – அவர்கள் தகவல் தெரியாமலல்ல, ஆனால் யூத்தில் வலை மேம்பாடு இடர்பாடுகளுக்கு மாறுகின்றது என்பதால் தொடர்ந்த கற்றல் அவசியம் ஆகிறது. சிறந்த ஆவணங்கள் எப்படி பயன்படுத்துவது மட்டும் அல்ல, ஏன் மற்றும் எப்போது பயன்படுத்துவது என்பதையும் புரிய விடுகிறது.
+தொழில்முறை மேம்பாட்டாளர்கள் அவர்களது நேரத்தின் ஒரு முக்கிய பகுதியை ஆவணங்களைப் படிப்பதில் செலவிடுகிறார்கள் – ஏன் அவர்களது செய்கின்றதைத் தெரியவில்லை எனக்குக் கூட அல்ல, ஆனால் வலை மேம்பாட்டுக்கான சூழல் அதிவேகமாக மாறுவதால் புதியதை தொடர்ந்து கற்றுக்கொள்வது அவசியம். சிறந்த ஆவணங்கள் *எப்படிச்* பயன்படுத்துவது மட்டுமல்ல *ஏன்* மற்றும் *எப்போது* பயன்படுத்துவது என்பதையும் புரிய உதவும்.
 
-#### முக்கிய ஆவணங்கள் மூலம்
+#### அவசியமான ஆவண வளங்கள்
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- வலை தொழில்நுட்ப ஆவணங்களுக்கு தங்க நிலை
-- HTML, CSS, JavaScript-க்கு விரிவான வழிகாட்டிகள்
-- உலாவி பொருத்த தன்மை தகவல்கள்
-- நடைமுறை எடுத்துக்காட்டுகள் மற்றும் தொடர்புடைய டெமோக்கள்
+- வலை தொழில்நுட்ப ஆவணங்களுக்கு தங்கக் கோவை
+- HTML, CSS, மற்றும் JavaScript க்கு விரிவான வழிகாட்டிகள்
+- உலாவி பொருத்தப்படல் தகவல் உட்பட
+- நடைமுறைக்கான உதாரணங்கள் மற்றும் பரிணாம காட்சிகள்
 
-**[Web.dev](https://web.dev)** (Google வழங்குகிறது)
-- நவீன வலை மேம்பாட்டு சிறந்த செயல்முறைகள்
-- செயல்திறன் சிறப்பாக்க வழிகாட்டிகள்
-- அணுகலும் ஒருங்கிணைந்த வடிவமைப்பும்
-- உண்மையில் பயன்பட்ட திட்டங்கள் ஆய்வுகள்
+**[Web.dev](https://web.dev)** (Google வழங்கியது)
+- நவீன வலை மேம்பாட்டுத் தேவைகள்
+- செயல்திறன் மேம்பாட்டு வழிகாட்டிகள்
+- அணுகல் மற்றும் உள்ளடக்கத்திற்கான வடிவமைப்பு கொள்கைகள்
+- உண்மையான திட்டங்களின் வழக்கக் காட்சிகள்
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- எட்ஜ் உலாவி மேம்பாட்டு வளங்கள்
-- முன்னேற்றமான வலை பயன்பாடுகள் கையேடுகள்
-- பன்முக மேம்பாடு தகவல்கள்
+- Edge உலாவி மேம்பாட்டு வளங்கள்
+- முன்நிலை வலை செயலிகள் வழிகாட்டிகள்
+- பல தள மேம்பாட்டு உள்ளுணர்வுகள்
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- அமைக்கப்பட்ட கற்றல் படிகள்
-- தொழில்துறை நிபுணர்களின் வீடியோ பாடங்கள்
-- நேரடி கோடு பயிற்சிகள்
+- கட்டமைக்கப்பட்ட கற்றல் பாடத்திட்டங்கள்
+- தொழில்முறை வல்லுநர்களின் வீடியோ கற்கைகள்
+- நெறிமுறை குறியீடு பயிற்சிகள்
 
-> 📚 **கற்றல் வழிமுறை**: ஆவணங்களை நினைவில் வைக்க முயற்சிக்க வேண்டாம் – அதற்குப் பதிலாக திறம்பட அணுக கற்றுக்கொள்ளுங்கள். அடிக்கடி பயன்படுத்தப்படும் குறிப்புகளை புத்தகக்குறிப்புகளாக வை மற்றும் தேடல் செயல்பாடுகளை பயன்படுத்தி விரைவில் தகவலைக் கண்டுபிடிக்க பயிற்சி செய்யுங்கள்.
+> 📚 **கற்றல் தந்திரம்**: ஆவணம் பூர்த்தியாக நினைக்க வேண்டாம் – அதனை நுட்பமாக பயிர்ச்சி செய்ய கற்றுக் கொள்ளுங்கள். அடிக்கடி பயன்படுத்தும் தகவல் தொகுப்புகளை புத்தக குறியீட்டில் சேமிக்கவும் மற்றும் விரும்பிய தகவல்களை விரைவில் கண்டுபிடிக்க தேடல் செயல்பாடுகளை உபயோகிக்கவும் பழக்கம் படையுங்கள்.
 
-### 🔧 **கருவி திறம்பட பயன்படுத்தல்: உங்களுக்கு என்ன உகந்தது?**
+### 🔧 **கருவி நுட்பம் சோதனை: உங்களை மயக்கும் என்ன?**
 
-**ஒரு நிமிடம் எடுத்துக் கொண்டு பரிசீலிக்கவும்:**
-- முதலில் எந்த கருவியை முயற்சி செய்ய மிகவும் ஆவலாக இருக்கின்றீர்கள்? (தவறான பதில் இல்லை!)
-- கட்டளை வரி இன்னும் பயங்கரமாக உணரப்படுகிறதா, அல்லது அதைத்தான் ஆராய விரும்புகிறீர்களா?
-- உங்களுக்கு பிடித்த வலைத்தளங்களுக்கு பின்னால் உலாவி DevTools பயன்படுத்தி பார்ப்பதைக் கற்பனை செய்ய முடியுமா?
+**ஒரு நிமிடம் எடுத்துக் கொள்ளவும்:**
+- முதலில் எந்த கருவியை மிக ஆவலுடன் முயற்சிக்கப் போகிறீர்கள்? (தவறான பதில் இல்லை!)
+- கட்டளை வரி இன்னும் அச்சுறுத்துகிறதா, அல்லது அதில் ஆர்வமா இருக்கிறீர்கள்?
+- உங்களது பிடித்த வலைத்தளங்களை பின்னணி முழுக்க காண உலாவி DevTools உபயோகிப்பதை நினைத்திருக்கிறீர்களா?
 
 ```mermaid
-pie title "செயல்பாட்டாளர் கருவிகளுடன் செலவிடும் நேரம்"
-    "குறியீட்டு ஆசிரியர்" : 40
-    "உலாவி சோதனை" : 25
-    "கட்டளை வரி" : 15
-    "ஆவணங்களை படிக்கும்" : 15
-    "தனிமைப்படுத்தல்" : 5
+pie title "கருவிகளுடன் டெவலப்பர் செலவிட்ட நேரம்"
+    "கோட் எடிட்டர்" : 40
+    "பிரௌசர் சோதனை" : 25
+    "கமாண்ட் லைன்" : 15
+    "ஆவணங்களை படித்தல்" : 15
+    "பிழைத்திருத்தல்" : 5
 ```
-> **சுவாரஸ்யமான தகவல்**: அதிகமான டெவலப்பர்கள் தங்களது கோடு எடிட்டரில் சுமார் 40% நேரம் செலவிடுகிறார்கள், ஆனால் சோதனை, கற்றல் மற்றும் பிரச்சனை தீர்க்கும் நேரத்தில் கூட கவனம் செலுத்துகிறார்கள். நிரலாக்கம் என்பது கோடு எழுதுதல் மட்டுமல்ல – அது அனுபவங்களை வடிவமைத்தல்!
+> **உணர்வுப்பூர்வமான தகவல்**: பெரும்பாலான மேம்பாட்டாளர்கள் சுமார் 40% நேரத்தை குறியீடு எடிட்டரில் செலவாக்குகின்றனர், ஆனால் சோதனை, கற்றல் மற்றும் பிரச்சனைகளைத் தீர்க்கும் நேரம் எவ்வளவு என்பதை கவனித்தீர்களா. நிரல் எழுதுவது மட்டுமல்ல – அனுபவங்களை உருவாக்குவதும் ஆகும்!
 
-✅ **தியாக உணவு**: வலைதளங்கள் உருவாக்க பயன்படுத்தப்படும் கருவிகள் (development) மற்றும் அவை எப்படி தோற்றமளிப்பதை வடிவமைக்கும் கருவிகள் (design) மத்தியில் எவ்வளவு வேறுபாடு இருக்கலாம் என்று சிந்திக்கவும்! இது அழகான வீடு வடிவமைக்கும் ஒருவனும், அதை கட்டுவோர் வேறுபடும் மாதிரி தான். இருவரும் முக்கியமானவர்கள், ஆனால் அவற்றிற்கு வேறுபட்ட கருவிகள் தேவை! இந்த எண்ணம் உங்களுக்கு இணையதளங்கள் எப்படி உருவாக்கப்படுகின்றன என்று பெரிய படத்தை பார்க்க உதவும்.
+✅ **ஆராய்ச்சிக்கான உணவு**: வலைத்தளங்களை உருவாக்கும் கருவிகள் (மேம்பாடு) மற்றும் அவை எப்படி தோன்றுகின்றன என்று வடிவமைக்கும் கருவிகள் (வடிவமைப்பு) வேறுபடுவது போல் இருக்குமா? அது ஒரு அழகான வீட்டை வடிவமைக்கும் வடிவமைப்பாளரும், அதை கட்டும் தரகரும் இடையிலான வேறுபாடு போலவே. இருவரும் முக்கியம், ஆனால் வேறு கருவிகள் தேவை! இவ்வாறு சிந்திப்பது வலைத்தளங்கள் எப்படி உருவாகின்றன என்பதை விரிவாகப் புரிந்து கொள்ள உதவும்.
 
 ## GitHub Copilot Agent சவால் 🚀
 
-Agent முறையைப் பயன்படுத்தி கீழ்க்காணும் சவாலை நிறைவேற்றுங்கள்:
+Agent முறையைப் பயன்படுத்தி கீழ்காணும் சவாலை முடிக்கவும்:
 
-**விளக்கம்:** ஒரு நவீன கோட் எடிட்டர் அல்லது IDE இன் அம்சங்களை ஆராய மற்றும் அது உங்கள் வேலைசுற்றத்தை எப்படி மேம்படுத்த முடியும் என்பதை நிரூபியுங்கள்.
+**விளக்கம்:** நவீன குறியீடு எடிட்டர் அல்லது IDE இன் அம்சங்களை ஆராய்ந்து, அது உங்கள் வேலைப்பாட்டை எப்படி மேம்படுத்துகிறது என்பதைக் காட்டவும்.
 
-**உள்ளீடு:** Visual Studio Code, WebStorm அல்லதுCloud-அடிப்படையிலான IDE போன்ற எந்த ஒரு கோட் எடிட்டர் அல்லது IDEயைத் தேர்வு செய்யவும்.  மூன்று அம்சங்கள் அல்லது விரிவாக்கங்களை பட்டியலிடுங்கள், அவை உங்கள் கோடு எழுதும், பிழைகள் திருத்தும் அல்லது பராமரிப்பதில் பிடிவாதமாக உதவுகிறன. ஒவ்வொன்றும் உங்கள் வேலைசுற்றத்திற்கு எப்படி உதவுகிறது என்பதற்கான சுருக்க விளக்கத்தினை கொடுங்கள்.
+**சுட்டுரை:** Visual Studio Code, WebStorm அல்லது மேக தள IDE போன்ற குறியீடு எடிட்டர் அல்லது IDE ஐ தேர்ந்தெடுத்து, குறியீடு எழுதுவதை, டிபக் செய்யுவதை, அல்லது பராமரிப்பதைச் சரிசெய்யும் மூன்று அம்சங்கள் அல்லது நீட்டிப்புக்களை பட்டியலிடவும். ஒவ்வொன்றுக்கும் அது உங்கள் வேலைப்பாட்டிற்கு எப்படி உதவுகிறது என்பதைக் குறுந்தகவலுடன் வழங்கவும்.
 
 ---
 
 ## 🚀 சவால்
 
-**சரி, டிடெக்டிவ், உங்கள் முதல் வழக்குக்கு தயார்?**
+**சரி, துப்பறிவுத் தொழிலாளரே, உங்கள் முதல் வழக்குக்கு தயாரா?**
 
-இப்போது நீங்கள் இந்த அற்புதமான அடிப்படை வைத்துள்ளீர்கள், நான் உங்களுக்கு ஒரு சவாலை கொடுக்கிறேன், அது நிரூபிக்கும் எப்படி பிரോഗிராமிங் உலகம் அளவிலும் அற்புதமாக வேறுபடுகிறது மற்றும் அசத்தலானது என்பதை. கவனத்துடன் கேளுங்கள் – இது இன்னும் கோடு எழுதுவதற்கானது இல்லை, ஆகையால் அழுத்தம் தேவையில்லை! நீங்கள் ஒரு நிரலாக்க மொழி டிடெக்டிவ் ஆக உங்கள் முதல் மிக ஆவலான வழக்கில் இருப்பதாக நினைக்கவும்!
+இந்த அற்புத அடித்தளத்தை நீங்கள் பெற்றுவிட்டீர்கள், இப்போது நான் ஒரு சவாலை கொடுக்கிறேன், அது நிரல் உலகம் எவ்வளவு விரிவானதும் விசித்திரமானதுமோ என்பதை பார்க்க உதவும். கேள் – இது இன்னும் குறியீடு எழுதும் நேரம் அல்ல, அதனால் இங்கே அழுத்தம் இல்லை! நீங்கள் ஒரு நிரல் மொழி விசாரணையாளர் போல உங்கள் முதல் அதிரடியான வழக்குக்கு தயாராகுங்கள்!
 
-**உங்கள் பணி, நீங்கள் ஏற்க விரும்பினால்:**
-1. **மொழி ஆராய்ச்சியாளர் ஆகவும்**: முற்றிலும் வேறுபட்ட மூன்று நிரலாக்க மொழிகளைத் தேர்வுசெய்யவும் – ஒருவேளை ஒன்று இணையதளங்கள் செய்தல், ஒன்று மொபைல் செயலிகள் உருவாக்கல் மற்றும் மற்றொன்று விஞ்ஞானிகளுக்கான தரவு ஆய்வு. ஒவ்வொரு மொழியிலும் ஒரே எளிமையான பணிக்கான எடுத்துக்காட்டுகளைத் தேடுங்கள். நான் உங்களுக்காக உறுதி செய்கிறேன், இவை எப்படி மிகவும் வேறுபடுகிறது என்று கண்டால் நீங்கள் அச்சமைவீர்கள்!
+**உங்கள் பணி, நீங்கள் ஏற்றுக்கொண்டால்:**
+1. **மொழி ஆராய்ச்சியாளர் ஆனால்**: முற்றிலும் வேறுவகையான உலகங்களிலிருந்து மூன்று நிரல் மொழிகளைத் தேர்ந்தெடுக்கவும் – ஒருதலை الموقع ٺاهும், மற்றொன்று மொபைல் செயலிகளை உருவாக்கும், மற்றும் இன்னொன்று விஞ்ஞானிகளுக்கான தரவை நுட்பமாய் இனையாக்கும். ஒவ்வொரு மொழியிலும் ஒரே எளிய பணியை எழுதிய உதாரணங்களை தேடுங்கள். நான் வாக்குறுதி தருகிறேன், ஒரே பணியை செய்வதிலும் அவற்றின் தோற்றம் எவ்வளவு வேறுபடுகிறது என்பதை தெரிந்துகொள்ள மிக அதிர்ச்சியடைவீர்கள்!
 
-2. **அவர்கள் தோற்ற கதை கண்டுபிடிக்கவும்**: ஒவ்வொரு மொழியும் என்ன சிறப்பு? ஒவ்வொரு நிரலாக்க மொழியும் “ஓர் குறிப்பிட்ட பிரச்சனையை தீர்க்க சிறந்த வழி இதுதான்” என்று யாராவது நினைத்ததால் உருவானது. அதெல்லாம் கண்டுபிடிக்க முயற்சியுங்கள்! சில கதைகள் மிகவும் பரபரப்பானவை!
+2. **அவற்றின் தோற்றக் கதைகளை அறிந்து கொள்ளுங்கள்**: ஒவ்வொரு மொழியும் என்னால் தனித்துவமாக இருக்கிறது? அற்புதமான கூற்று – ஒவ்வொரு நிரல் மொழியும் உருவானது ஏன் என்றால் ஒருவர் "இந்த குறிப்பிட்ட பிரச்சனையை தீர்க்க வேறு சிறந்த வழி இருக்க வேண்டும்" என்று நினைத்தார். அந்த பிரச்சனைகள் என்னவென்று நீங்கள் கண்டுபிடிக்க முடியுமா? சில கதைகள் உண்மையில் திருப்திகரமானவை!
 
-3. **கூட்டமைப்புகளை சந்திக்கவும்**: ஒவ்வொரு மொழியின் சமூகத்தையும் பாருங்கள் அவை எவ்வளவு வரவேற்கின்றன மற்றும் ஈடுபட்டுள்ளன. சிலருக்கு கோடி டெவலப்பர்கள் பரஸ்பர உதவி செய்கின்றனர், மற்றவர்கள் சிறிய ஆனால் ஒன்றிணைந்த, ஆதரவான சமூகங்கள். இந்த வேறுபட்ட தன்மைகள் பார்த்து ரசிக்கப் போகிறீர்கள்!
+3. **சமூகங்களை சந்தியுங்கள்**: ஒவ்வொரு மொழியின் சமூகமும் எவ்வளவு வரவேற்கும் மற்றும் உற்சாகமாக உள்ளனர் என்பதைப் பாருங்கள். சில உள்ளனர் கோடிக்கணக்கான மேம்பாட்டாளர்களோடு பகிர்ந்துகொள்கின்றனர் மற்றும் ஒருவருக்கொருவர் உதவுகின்றனர், சில சிறியவையாக இருப்பினும் பக்கசார தீராத ஒருமை உடைந்த சமூகமாகவும் உள்ளனர். இந்த சமூகங்களின் வெவ்வேறு பண்புகளைப் பார்ப்பதை நீங்கள் ரசிப்பீர்கள்!
 
-4. **உங்கள் உள்ளுணர்வை பின்பற்றவும்**: எந்த மொழி தற்போது உங்களுக்கு எளிதாக தோன்றுகிறது? "சரியான" தெரிவை மட்டும் கவலைப்பட வேண்டாம் – உள்ளுணர்வை கேளுங்கள்! இங்கு தவறான பதில் இல்லாமல், பிறகு நீங்கள் வேறு மொழிகளையும் ஆராயலாம்.
+4. **உளர்வை பின்பற்றுங்கள்**: இப்போது எந்த மொழி உங்களுக்கு மிகவும் அணுகக்கூடியதாக தோன்றுகிறது? "சரியான" தேர்வாக செய்ய உங்களுக்கு பளபளப்பு தேவையில்லை – உங்கள் உணர்வுகளை கேளுங்கள்! இங்கே தவறான பதில் இல்லையே, பின்னர் பிறவற்றைப் பற்றியும் ஆராயலாம்.
 
-**போனஸ் டிடெக்டிவ் வேலை**: ஒவ்வொரு மொழியிலும் எந்த முக்கிய இணையதளங்கள் அல்லது செயலிகள் உருவாக்கப்பட்டுள்ளன என்பதைத் தெரிய முயற்சி செய்யுங்கள். Instagram, Netflix அல்லது நீங்கள் நிறுத்த முடியாத அந்த மொபைல் விளையாட்டு எந்த மொழியால் இயங்குகிறது என்பதை அறிந்தால் அதிர்ச்சியடைவீர்கள்!
+**கூடுதல் விசாரணை வேலை**: ஒவ்வொரு மொழியிலும் முக்கியமான வலைத்தளங்கள் அல்லது செயலிகள் எவை உருவாக்கப்படுகின்றன என்று கண்டுபிடிக்க முயற்சிக்கவும். Instagram, Netflix, அல்லது நீங்கள் நிறுத்த முடியாத அந்த மொபைல் விளையாட்டை இயக்கின பற்றிய ஆச்சரியமான தகவல்களை அறிய நீங்கள் ரெடியாக இருக்க வேண்டும்!
 
-> 💡 **மறக்காதீர்கள்**: இன்று நீங்கள் எந்த மொழியிலும் உள்நுண்ணறிவு நிபுணராக ஆக முயற்சிக்கவில்லை. நீங்கள் அங்குள்ள சமூகத்தைக் கற்றுக்கொள்ளப் போகிறீர்கள். நேரத்தை எடுத்துக்கொள்ளவும், அதை ரசிக்கவும், ஆர்வம் வழிவகுக்கும்!
+> 💡 **நினைவில் வைக்கவும்**: நீங்கள் இன்று எந்த மொழியிலும் நிபுணராக ஆக முயற்சிக்கவில்லை. நீங்கள் இவ்வளைவுகளை அறிந்து, பின் எங்கு உங்கள் கடையை தொடங்கலாம் என்பதைத் தீர்மானிக்க முன், அந்த வயலில் சுற்றி பார்க்கிறீர்கள். நேரத்தை எடுத்துக் கொண்டு, அதை பொழுதுபோக்கு பரிமாறும் விதமாக ஆகவும் அனுபவிக்கவும், உங்கள் ஆர்வம் உங்களை வழிநடத்தட்டும்!
 
-## நீங்கள் கண்டுபிடித்ததை கொண்டாடுவோம்!
+## நீங்கள் கண்டுபிடித்தவற்றை கொண்டாடுவோம்!
 
-அருகமுள்ளதைப் பார்த்தேன்! நீங்கள் இன்று நம்பகத்தக்க அளவில் பல அற்புத தகவல்களை உறிஞ்சிக்கொண்டிருக்கிறீர்கள்! நான் உண்மையில் ஆவலுடன் இருக்கிறேன் உங்கள் பயணத்தில் இதுவரை எவ்வளவு தகவல்கள் உறுதியாக நிற்கின்றன என்பதைப் பார்ப்பதில். நினைவில் வையுங்கள் – இது ஒரு பரீட்சை அல்ல, எதையும் சரியாகச் செய்ய வேண்டியதில்லை. இது நீங்கள் கற்றுக்கொண்ட அருமையான விஷயங்களின் கொண்டாட்டம்!
+ஓ மைக்கேல், இன்று நீங்கள் மிக அதிர்ஷ்டமான தகவல்களை கடுமையாக உறிஞ்சித்துள்ளீர்கள்! நான் உண்மையாகவே ஆச்சரியப்படுகிறேன், இந்த அற்புத பயணம் உங்களுடன் எவ்வளவு உறுதி செய்து நிற்கிறது என்பதைப் பார்க்க. நினைவில் வைத்துக் கொள்ளுங்கள் – இது எல்லாமே சரியாக செய்ய வேண்டிய ஒரு தேர்வல்ல. உங்கள் இன்பமான உலகத்தை பற்றி நீங்கள் கற்றிய அனைத்து அற்புதமான விஷயங்களுக்கான கொண்டாட்டம் இது!
 
-[பாடம் முடிவுப் பரீட்சையை எடுத்து பாருங்கள்](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/) போன்ற ஆன்லைன் கோடிங் விளையாட்டு தளங்களை முயற்சிக்கவும். பயப்படாமல் பரிசோதனை செய்யுங்கள் – எதையும் கெடுக்க முடியாது!
-- உங்கள் பிடித்த மொழி எப்படி உருவானது என்பதைப் பற்றி படியுங்கள். உண்மையில், சில ஆரம்பநலகதைகள் நன்றாகவே சுவையானவை மற்றும் மொழிகள் எப்படி செயல்படுகின்றன என்பதுக்கு புரிதலை வழங்கும்.
+**பிரோகிராமிங் மொழிகளுடன் கைகளைக் கையாளவும்:**
+- உங்கள் கவனத்தை ஈர்த்த 2-3 மொழிகளின் அதிகாரப்பூர்வ வலைத்தளங்களை பார்வையிடுங்கள். ஒவ்வொன்றுக்கும் தனித்துவமான தன்மை மற்றும் கதை உள்ளது!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), அல்லது [Replit](https://replit.com/) போன்ற ஆன்லைன் குறியீட்டு விளையாட்டுப்பிடிப்புகளை முயற்சிக்கவும். தோற்றுவிக்கவேண்டாம் – நீங்கள் எதையும் சேதமாக்க முடியாது!
+- உங்கள் பிடித்த மொழி எப்படி உருவெடுத்தது என்பதைப் பற்றி படியுங்கள். மேலும், சில துவக்கக் கதைகள் மிகவும் பண்பட்டவை மற்றும் மொழிகள் ஏன் அந்த விதமாக இயங்குகின்றன என்பதைப் புரிந்துகொள்ள உதவும்.
 
 **புதிய கருவிகளுடன் பழகுங்கள்:**
-- இன்னும் இல்லையெனில் Visual Studio Code ஐ பதிவிறக்கிவிடுங்கள் – இது இலவசம், மேலும் நீங்கள் இதனை விரும்பப்போகிறீர்கள்!
-- விரிவாக்கங்கள் சந்தையை சில நிமிடங்கள் உலாவுங்கள். இது உங்கள் குறியீட்டு ஆசிரியருக்கான ஒரு அப்பிளிகேஷன் സൂடாக உள்ளது!
-- உங்கள் உலாவியின் Developer Tools ஐத் திறந்து கிளிக் செய்யுங்கள். எல்லாவற்றையும் புரிந்து கொள்வதில்லை என்று கவலைப்பட வேண்டாம் – உள்ளதைப் பற்றி பழகுங்கள்.
-
-**சமூகத்திற்கு சேர்ந்துகொள்ளுங்கள்:**
-- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), அல்லது [GitHub](https://github.com/) போன்ற டெவலப்பர் சமூகங்களை பின்தொடருங்கள். ப்ரோகிராமிங் சமூகம் புதியவர்களை மிகவும் வரவேற்கிறது!
-- YouTube இல் ஆரம்ப நிலை கோடிங் காணொளிகளைப் பார்க்கவும். அங்கே ஆர்வமுள்ள அக்கறை கொண்ட அருமையான உருவாக்குநர்கள் நிறையருக்கின்றனர்.
-- உள்ளூர் சந்திப்புக்கள் அல்லது ஆன்லைன் சமூகங்களில் சேர்வதைக் கருதுங்கள். நம்புங்கள், டெவலப்பர்களுக்கு புதியவர்களுக்கு உதவ விருப்பம் உள்ளனர்!
-
-> 🎯 **உங்கள் நினைவில் வைத்துக்கொள்ள இந்தச் செய்தி**: நீங்கள் ஒரே நாளில் ஒரு கோடிங் மேதை ஆகும் என்று எதிர்பார்க்கப்படவில்லை! இப்போது, நீங்கள் இந்த அற்புதமான புதிய உலகத்தை அறிமுகப்படுத்திக்கொண்டிருக்கிறீர்கள். உங்கள் நேரத்தை எடுத்துக் கொள்ளுங்கள், பயணத்தை அனுபவியுங்கள், மேலும் நினைவில் வைக்கவும் – நீங்கள் ரசிக்கும் ஒவ்வொரு டெவலப்பருமாக இருந்தவர்கள் ஒருநாள் நீங்கள் இருக்கிற இடத்தில் இருந்தார்கள், உற்சாகமாகவும் சிறிது குழப்பமாகவும் உணர்ந்தார்கள். இது இயற்கையானது, மேலும் நீங்கள் சரியாக செயல்பட்டு வருகிறீர்கள்!
+- Visual Studio Code ஐ இன்னும் பதிவிறக்கம் செய்யவில்லை என்றால், அதை பதிவிறக்குங்கள் – அது இலவசமாகும் மற்றும் நீங்கள் அதை விரும்பப்போகிறீர்கள்!
+- விரிவாக்கங்கள் சந்தைபதிவைக் குளாயுங்கள். அது உங்கள் குறியீட்டு தொகுப்பாளருக்கான செயலி கடை போன்றது!
+- உங்கள் உலாவி வளைமுறை கருவிகள் (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)
-
-### ⏰ **இந்த மணி நேரத்தில் நீங்கள் செய்யக்கூடியவை**
-- [ ] பாடம் முடிந்த போது வினாடி வினா முடித்து உங்கள் பதில்களைப் புலனாய்வு செய்யுங்கள்
-- [ ] GitHub Copilot விரிவாக்கத்துடன் VS Code ஐ அமைக்கவும்
-- [ ] ஆன்லைனில் இரண்டு வெவ்வேறு ப்ரோகிராமிங் மொழிகளில் "Hello World" எடுத்துக்காட்டை முயற்சிக்கவும்
-- [ ] YouTube இல் "ஒரு டெவலப்பர் வாழ்க்கை நாளில்" என்ற காணொளியைப் பார்க்கவும்
-- [ ] உங்கள் ப்ரோகிராமிங் மொழி விசாரணை பணியை (சவாலை) தொடங்கவும்
-
-### 📅 **உங்கள் ஆகஸ்தியமான வார அனுபவம்**
-- [ ] பணிமனையை முடித்து 3 புதிய வளர்ச்சி கருவிகளை ஆராயுங்கள்
-- [ ] சமூக ஊடகங்களில் 5 டெவலப்பர் அல்லது ப்ரோகிராமிங் கணக்குகளை பின்தொடருங்கள்
-- [ ] CodePen அல்லது Replit இல் சிறிய ஒன்றை உருவாக்க முயற்சிக்கவும் (உதாரணமாக "Hello, [உங்கள் பெயர்]!")
-- [ ] யாராவது டெவலப்பரின் கோடிங் பயணம் குறித்த ஒரு வலைப்பதிவு பதிவைப் படியுங்கள்
-- [ ] ஒரு இணைய மாநாட்டில் கலந்து கொள்ளவோ அல்லது ப்ரோகிராமிங் பேச்சைப் பார்க்கவும்
-- [ ] ஆன்லைன் பாடங்களுடன் உங்கள் தேரிந்த மொழியை கற்றல் துவங்கவும்
-
-### 🗓️ **உங்கள் மாதாந்திர மாற்றம்**
-- [ ] உங்கள் முதல் சிறிய திட்டத்தை உருவாக்குங்கள் (ஒரு எளிய வலைபக்கம் கூட போலிய!)
-- [ ] ஒரு திறந்த-மூல திட்டத்திற்கு பங்களிக்கவும் (ஆதரவுக் கோப்புகளில் திருத்தங்களை செய்ய ஆரம்பிக்கவும்)
-- [ ] ப்ரோகிராமிங் பயணம் துவங்கியவர்களுக்கு வழிகாட்டி ஆகவும்
+- [ ] உங்கள் கவனத்தை ஈர்த்த 2-3 பிரோகிராமிங் மொழி வலைத்தளங்களை புத்திசாலித்தனமாய் சேமிக்கவும்
+- [ ] Visual Studio Code ஐ பதிவிறக்கம் செய்யவில்லை என்றால் பதிவிறக்கவும்
+- [ ] உங்கள் உலாவி DevTools (F12) திறந்து எந்தவொரு வலைத்தளத்திலும் கிளிக் செய்யவும்
+- [ ] ஒரு பிரோகிராமிங் சமுதாயத்தில் சேர்ந்துகொள்ளவும் (Dev.to, Reddit r/webdev, அல்லது Stack Overflow)
+
+### ⏰ **இந்த மணி நேரத்தில் நீங்கள் முடிக்கக்கூடியவை**
+- [ ] பாடக் குறுமொழி குழுவை முடித்து உங்கள் பதில்களை விமர்சிக்கவும்
+- [ ] VS Code ஐ GitHub Copilot விரிவாக்கத்துடன் அமைக்கவும்
+- [ ] இரண்டு வேறு பிரோகிராமிங் மொழிகளில் ஆன்லைனில் "Hello World" எடுத்துக்காட்டை முயற்சிக்கவும்
+- [ ] YouTube இல் "ஒரு டெவலப்பர் வாழ்க்கை நாள்" காணொளியைப் பாருங்கள்
+- [ ] உங்கள் பிரோகிராமிங் மொழி காவலாளர் (detective) பணியை ஆரம்பியுங்கள் (சவால் பகுதியில் இருந்து)
+
+### 📅 **உங்கள் வாரம் முழுவதும் சாகசம்**
+- [ ] அசைன்மெண்டை முடித்து 3 புதிய வளர்ச்சி கருவிகளை ஆராயுங்கள்
+- [ ] சமூக ஊடகங்களில் 5 டெவலப்பர் அல்லது பிரோகிராமிங் கணக்குகளை பின்தொடருங்கள்
+- [ ] CodePen அல்லது Replit இல் சிறிய ஒன்று கட்டியமைக்கவும் (பரவாயில்லை, "Hello, [உங்கள் பெயர்]!" கூட சரி)
+- [ ] ஒருவருடைய குறியீட்டு பயணத்தைப் பற்றிய டெவலப்பர் வலைப்பதிவைக் கையாண்டு படியுங்கள்
+- [ ] ஒரு காட்சி சந்திப்பில் சேரவும் அல்லது ஒரு பிரோகிராமிங் உரையைப் பாருங்கள்
+- [ ] ஆன்லைன் பாடங்களுடன் உங்கள் தேர்ந்தெடுத்த மொழியை கற்றல் தொடங்குங்கள்
+
+### 🗓️ **உங்கள் மாத பூரண மாற்றம்**
+- [ ] உங்கள் முதல் சிறிய திட்டத்தை உருவாக்குங்கள் (ஒரு எளிய வலையலைப்பக்கம் கூட சரி!)
+- [ ] ஓப்பன்-சோர்ஸ் (திறந்த மூல) திட்டத்திற்கு பங்களிக்கவும் (ஆரம்பமாக ஆவண திருத்தங்களுடன்)
+- [ ] புதிதாக தொடங்கும் ஒருவருக்கு வழிகாட்டி ஆகுங்கள்
 - [ ] உங்கள் டெவலப்பர் தளத்தை உருவாக்குங்கள்
-- [ ] உள்ளூர் டெவலப்பர் சமூகவாக்கள் அல்லது படிப்பகங்கள் இணைக்கவும்
-- [ ] அடுத்த கற்றல் இலக்கை திட்டமிடத் தொடங்கவும்
+- [ ] உள்ளூர் டெவலப்பர் சமுதாயங்கள் அல்லது படிப்பு குழுக்களுடன் இணைந்து கொள்வது
+- [ ] உங்கள் அடுத்த கற்றல் இலக்கை திட்டமிடத் தொடங்குங்கள்
 
-### 🎯 **இறுதி சிந்தனை சரிபார்ப்பு**
+### 🎯 **இறுதிக் கருத்தாய்வு**
 
-**முன்னேறுவதற்கு முன்னர் சிறிது நேரம் முடிவுகளை கொண்டாடுங்கள்:**
-- இன்று ப்ரோகிராமிங் பற்றி எதுவும் உங்களை உற்சாகப்படுத்தியது என்ன?
-- முதலில் எந்த கருவி அல்லது கருத்தை ஆராய விரும்புகிறீர்கள்?
-- இந்த ப்ரோகிராமிங் பயணத்தைத் துவங்குதல் பற்றித் நீங்கள் எப்படி உணர்கிறீர்கள்?
-- இப்போது ஒரு டெவலப்பரிடம் நீங்கள் கேட்டுக் கொள்ள விரும்பும் ஒரு கேள்வி என்ன?
+**நீங்கள் மேலும் செல்லும் முன், ஒரு தருணத்தை கொண்டாடுங்கள்:**
+- இன்றைய தினம் பிரோகிராமிங் பற்றி உங்களை உற்சாகப்படுத்தியது என்ன ஒன்று?
+- முதலில் நீங்கள் ஆராய விரும்பும் கருவி அல்லது கருத்து எது?
+- இந்த பிரோகிராமிங் பயணத்தைத் தொடங்கும் போது நீங்கள் எப்படி உணர்கிறீர்கள்?
+- இப்போது ஒரு டெவலப்பரால் கேட்க விரும்பும் ஒரு கேள்வி என்ன?
 
 ```mermaid
 journey
     title உங்கள் நம்பிக்கை உருவாக்கும் பயணம்
     section இன்று
-      ஆர்வமாக: 3: You
-      அவசரத்தில்: 4: You
-      உற்சாகமாக: 5: You
+      ஆர்வமாக 있음: 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
 ```
-> 🌟 **என்றும் நினைவில் வையுங்கள்**: ஒவ்வொரு நிபுணரும் ஒருவேளை தொடங்கியவர்களே ஆகினர். ஒவ்வொரு மூத்த டெவலப்பரும் இப்போது நீங்கள் உணர்ந்து கொண்டிருக்கும் போலவே – உற்சாகமுள்ள, சற்று குழப்பமாகவும், என்ன இயலும் என்பதில் ஆர்வமுள்ளவர்களே. நீங்கள் அற்புதமான குழுவில் உள்ளீர்கள், இந்த பயணம் அற்புதமாக இருக்கும். ப்ரோகிராமிங் அதிசய உலகத்திற்கு வரவேற்கிறோம்! 🎉
+> 🌟 **நினைவில் வைக்கவும்**: ஒவ்வொரு நிபுணரும் ஒருநாள் ஆரம்பித்தவர். ஒவ்வொரு மூத்த டெவலப்பரும் இப்போது நீங்கள் உணரும் மாதிரி – உற்சாகமாக, சில சமயங்களில் கொஞ்சம் கலங்கியவர்களாக உணர்ந்தவர்கள். நீங்கள் அற்புதமான அன்போது இருக்கிறீர்கள், இந்த பயணம் அற்புதமாக இருக்கும். பிரோகிராமிங் உலகத்தின் அற்புத உலகத்திற்கு வரவேற்கிறோம்! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**விருப்பு அறிவிப்பு**:  
-இந்த ஆவணம் AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயற்சித்தாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்கக்கூடும் என்பதனை கவனத்தில் கொள்ளவும். அதன் சொந்த மொழியில் உள்ள அசல் ஆவணம் தான் அதிகாரப்பூர்வமான மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பின் பயன்பாட்டில் இருந்து ஏற்படும் எந்தவொரு புரிதல் தவறுகளுக்கும் நாங்கள் பொறுப்பேற்கமாட்டோம்.
+**முன்னிட்டுரை**:
+இத்திரைப்படத்தை AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) பயன்படுத்தி மொழிபெயர்க்கப்பட்டது. நாங்கள் துல்லியத்திற்காக முயற்சி செய்கிறோம் என்பதாலும், தானாக்கூறல் மொழிபெயர்ப்புகளில் தவறுகள் அல்லது துல்லியமின்மைகள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து கவனிக்கவும். அசல் ஆவணம் அதன் இயல்பான மொழியில் அதிகாரபூர்வ ஆதாரமாகக் கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பின் பயன்பாட்டால் பிறந்த எந்தவொரு தவறாகிய புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பாக இருக்கமுடியாது.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ta/AGENTS.md b/translations/ta/AGENTS.md
index 18f3f5f7d..213410914 100644
--- a/translations/ta/AGENTS.md
+++ b/translations/ta/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Project Overview
 
-இது ஆரம்பநிலை பயனாளர்களுக்கு வலை மேம்பாட்டின் அடிப்படைகளை கற்பிப்பதற்கான கல்வி பாடத்திட்டக் களஞ்சியம் ஆகும். இந்த பாடத்திட்டம் Microsoft Cloud Advocates மூலம் உருவாக்கப்பட்ட முழுமையான 12-வாரம் கால பாடநெறி, இதில் JavaScript, CSS மற்றும் HTML அடங்கிய 24 கைமுறைகளான பாடங்கள் உள்ளன.
+இந்த அனுஷ்டானம் ஆரம்பகட்ட மாணவர்களுக்கு வலை வளர்ச்சி அடிப்படைகளை கற்பிப்பதற்கான கல்வி பாடத்திட்டக் களஞ்சியமாகும். இந்த பாடத்திட்டம் மைக்ரோசாஃப்ட் கிளௌட் வாதாளர்களால் உருவாக்கப்பட்ட முழுமையான 12 வார பாடநெறி ஆகும், இதில் ஜாவாஸ்கிரிப்ட், CSS, மற்றும் HTML-ஐ உள்ளடக்கிய 24 கையேடு பாடங்கள் உள்ளன.
 
 ### Key Components
 
-- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையிலான தொகுதிகள் வெளிப்படுத்தப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள்  
-- **ஆய்வின் செயல்பாடுகள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor மற்றும் AI Chat உதவியாளர்  
-- **இணையக் கேள்விகள்**: ஒவ்வொரு பாடத்திற்கும் 3 கேள்விகளுடன் 48 கேள்விச்செட்டுக்கள் (பாடம் முன்/பிறகு மதிப்பாய்வுகள்)  
-- **பல மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு  
+- **கல்வி உள்ளடக்கம்**: 24 கட்டமைக்கப்பட்ட பாடங்கள், திட்ட அடிப்படையிலான மொட்யூல்கள்
+- **பயன்முறை திட்டங்கள்**: டெரேரியம், டைப் செய்பவர் விளையாட்டு, உலாவி நீட்டிப்பு, விண்வெளி விளையாட்டு, வங்கி பயன்பாடு, குறியீடு ஆசிரியர், மற்றும் AI உரையாடல் உதவியாளர்
+- **இணைய வினாடி கேள்விகள்**: 3 கேள்விகளுடன் 48 வினாக்கள் (முன்/பின் பாடநெறி மதிப்பீடுகள்)
+- **பல மொழி ஆதரவு**: GitHub செயற்பாடுகள் மூலம் 50+ மொழிகளுக்கு தானியங்கி மொழிபெயர்ப்பு
 - **தொழில்நுட்பங்கள்**: 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 செயற்பாடுகள் கொண்டு மொழிபெயர்ப்பு அமைப்பு (co-op-translator)
+- Docsify மூலம் ஆவணப்படுத்தல் வழங்கப்படுகின்றது மற்றும் PDF வடிவில் கிடைக்கும்
 
 ## Setup Commands
 
-இந்தக் களஞ்சியம் முதன்மையாக கல்வி உள்ளடக்கம் பயன்பாட்டிற்கானது. குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய:
+இந்தக் களஞ்சியம் முதன்மையாக கல்வி உள்ளடக்கம் பயன்படுத்தப்படுகிறது. குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய:
 
 ### Main Repository Setup
 
@@ -30,79 +30,79 @@
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-  
+
 ### 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 ஐ இயக்கு
 ```
-  
+
 ### Bank Project API (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # API சேவையகத்தைத் தொடங்கு
-npm run lint       # ESLint ஐ இயக்கு
+npm start          # API சேவையகத்தை துவக்கம் செய்க
+npm run lint       # ESLint இயக்குக
 npm run format     # Prettier உடன் வடிவமைக்கவும்
 ```
-  
+
 ### Browser Extension Projects
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# உலாவி-சிறப்பு விரிவாக்க ஏற்றும் வழிமுறைகளை பின்பற்றவும்
+# பROWSER-சார்ந்த நீட்டித்தை ஏற்றுதல் வழிமுறைகளை பின்பற்றவும்
 ```
-  
+
 ### Space Game Projects
 
 ```bash
 cd 6-space-game/solution
 npm install
-# index.html ஐ உலாவியில் திறக்கவும் அல்லது Live Server ஐ பயன்படுத்தவும்
+# index.html ஐ உலாவியில் திறக்கவும் அல்லது லைவ் சர்வரை பயன்படுத்து
 ```
-  
+
 ### 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 கணக்கில் களஞ்சியத்தை Fork செய்யவும்**  
-2. **உங்கள் Fork-ஐ உள்ளூரில் Clone செய்யவும்**  
-3. **உங்கள் மாற்றங்களுக்கு புதிய கிளை உருவாக்கவும்**  
-4. பாட உள்ளடக்கம் அல்லது குறியீட்டு உதாரணங்களில் மாற்றங்கள் செய்யவும்  
-5. சம்பந்தப்பட்ட திட்டக் கோப்பகங்களில் குறியீடு மாற்றங்களை சோதிக்கவும்  
-6. பங்குதாரர் வழிகாட்டுதல்களை பின்பற்றி Pull Request சமர்ப்பிக்கவும்  
+1. **உங்கள் GitHub கணக்கில் களஞ்சியத்தை Fork செய்க**
+2. **உங்கள் Fork-ஐ உள்ளூர் கணினியில் Clone செய்க**
+3. **மாற்றங்களுக்கான புதிய கிளை உருவாக்குக**
+4. பாடத் தரவுகள் அல்லது குறியீடு உதாரணங்களில் மாற்றங்கள் செய்யவும்
+5. தொடர்புடைய திட்டக் கோப்புறைகளில் குறியீடுகளை சோதனை செய்யவும்
+6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி pull request சமர்ப்பிக்கவும்
 
 ### For Learners
 
-1. களஞ்சியத்தை Fork அல்லது Clone செய்யவும்  
-2. பாடக் கோப்பகங்களை முறையே நீக்கிச் செல்லவும்  
-3. ஒவ்வொரு பாடத்திற்குமான README கோப்புகளைப் படிக்கவும்  
-4. https://ff-quizzes.netlify.app/web/ இல் பாட முன் கேள்விச்செட்டுக்களை முடிக்கவும்  
-5. பாடக் கோப்பகங்களில் குறியீட்டு உதாரணங்களுடன் பணியாற்றவும்  
-6. பணிகள் மற்றும் சவால்களை முடிக்கவும்  
-7. பாடம் பின் கேள்விச்செட்டுக்களை எடுத்துக்கொள்ளவும்  
+1. களஞ்சியத்தை Fork செய்யவும் அல்லது Clone செய்யவும்
+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` இயக்கவும்  
+- **ஆவணங்கள்**: ரூட் (port 3000)இல் `docsify serve` இயக்கவும்
+- **Quiz App**: quiz-app கோப்புறையில் `npm run dev` இயக்கவும்
+- **திட்டங்கள்**: VS Code Live Server நீட்டிப்பை HTML திட்டங்களுக்கு பயன்படுத்தவும்
+- **API திட்டங்கள்**: சம்பந்தப்பட்ட API கோப்புறைகளில் `npm start` இயக்கவும்
 
 ## Testing Instructions
 
@@ -110,173 +110,173 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # குறியீட்டை வடிவமைப்பு பிழைகள் இருப்பதை சரிபார்க்கவும்
-npm run build      # கட்டுமானம் வெற்றி பெறுவதை உறுதிசெய்க
+npm run lint       # குறியீடு நடைமுறைப் பிழைகளை சரிபார்க்கவும்
+npm run build      # கட்டமைப்பு வெற்றியடையுமா என்பதை உறுதிசெய்தல்
 ```
-  
+
 ### 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` இயக்கவும்  
-- Markdown இணைப்புகள் செல்லுபடியாக உள்ளதா என சரிபார்க்கவும்  
-- குறியீட்டு உதாரணங்களை உலாவியில் அல்லது 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/` கோப்பகங்களில்  
-- அணுகலும் வசதிக்கும் படங்களுக்கான 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 இடைமுகம் கொண்டு ஒழுங்குபடுத்தப்பட்டுள்ளது:
 
 ```bash
 cd quiz-app
-npm run build      # dist/ கோப்புறை உருவாக்குகிறது
-# மெயின் கிளையில் புஷ் செய்தபோது GitHub Actions வேலைநடத்தை மூலம் பிரசாரம் செய்கிறது
+npm run build      # dist/ கோப்புறையை உருவாக்குகிறது
+# பிரதான கிளையை புதுப்பிக்கும் போது GitHub Actions பண்அமைப்பினூடாக வெளியிடுகிறது
 ```
-  
-Azure Static Web Apps வரைகலை:  
-- **App location**: `/quiz-app`  
-- **Output location**: `dist`  
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
+
+Azure Static Web Apps அமைப்பு:
+- **App இடம்**: `/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               # docs இலிருந்து PDF ஐ உருவாக்கவும்
+npm install                    # docsify-to-pdf ஐ நிறுவுக
+npm run convert               # docs இலிருந்து PDF உருவாக்குக
 ```
-  
+
 ### 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` மூலம் தயாரிப்புத் தொகுப்புகள் உருவாக்கப்படும்  
-- நிலையான (Static) திட்டங்கள்: கட்டுமான படி இல்லாமல் நேரடியாக கோப்புகளை வழங்கும்  
+ஒவ்வொரு திட்டக் கோப்புறைக்கும் தனிப்பட்ட கட்டுமான செயல்முறை இருக்கலாம்:
+- Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுதிகள் உருவாகும்
+- நிலையான (static) திட்டங்கள்: கட்டுமான படி இல்லை, கோப்புகளை நேரடியாக வழங்குகிறது
 
 ## Pull Request Guidelines
 
 ### Title Format
 
-மாற்றத்தின் பகுதியை தெளிவாக காட்டும் தலைப்புகளைப் பயன்படுத்தவும்:  
-- `[Quiz-app] பாடம் Xக்கான புதிய கேள்வி சேர்க்கவும்`  
-- `[Lesson-3] terrarium திட்டத்தில் பிழை திருத்தம்`  
-- `[Translation] பாடம் 5க்கான ஸ்பானிஷ் மொழிபெயர்ப்பு சேர்க்கவும்`  
-- `[Docs] அமைப்பு நிகழைகள் புதுப்பித்தல்`  
+மாற்றத்தை தெளிவாக விளக்கும் தலைப்புகளைப் பயன்படுத்துக:
+- `[Quiz-app] பாடம் X க்கான புதிய வினாடி கேள்வி சேர்க்கவும்`
+- `[Lesson-3] டெரேரியம் திட்டத்தில் எழுத்துப் பிழை திருத்தவும்`
+- `[Translation] பாடம் 5 க்கு ஸ்பானிஷ் மொழிபெயர்ப்பு சேர்க்கவும்`
+- `[Docs] அமைப்பு வழிமுறைகளை புதுப்பிக்கவும்`
 
 ### Required Checks
 
-PR சமர்ப்பிப்புக்கு முன்:
+PR சமர்ப்பிப்பதற்கு முன்:
 
-1. **குறியீட்டு தரம்**:  
-   - தாக்கத்துக்குள்ளான திட்டக் கோப்பகங்களில் `npm run lint` இயக்கவும்  
-   - அனைத்து பிழைகளும் எச்சரிக்கைகளும் சரிசெய்யப்பட வேண்டும்  
+1. **குறியீடு தரம்**:
+   - சம்பந்தப்பட்ட திட்டக் கோப்புறைகளில் `npm run lint` இயக்கவும்
+   - அனைத்து lint பிழைகள் மற்றும் எச்சரிக்கைகளை சரி செய்யவும்
 
-2. **கட்டுமான சரிபார்ப்பு**:  
-   - பொருந்துமானால் `npm run build` இயக்கவும்  
-   - கட்டுமான பிழைகள் இருக்கக் கூடாது  
+2. **கட்டுமான சரிபார்ப்பு**:
+   - பொருந்துமானால் `npm run build` இயக்கவும்
+   - கட்டுமான பிழைகள் வராமல் உறுதி செய்யவும்
 
-3. **இணைப்பு சரிபார்ப்பு**:  
-   - அனைத்து Markdown இணைப்புகளும் சரிபார்க்கப்பட வேண்டும்  
-   - படங்கள் குறிப்பு சரியாக இருக்க வேண்டும்  
+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 workflow பயன்படுத்தப்படுகிறது  
-- தானாக 50+ மொழிகளுக்கு மொழிபெயர்க்கிறது  
-- மூல கோப்புகள் பிரதான கோப்பகங்களில்  
-- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` கோப்பகங்களில்  
+- GitHub செயற்பாடுகள் மற்றும் 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
 
-மொழிபெயர்க்கப்பட்ட கோப்புகளில் metadata தலைப்பு இடப்பட்டுள்ளது:  
+மொழிபெயர்க்கப்பட்ட கோப்புகளில் metadata தலைப்பு உள்ளது:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
+
 ## Debugging and Troubleshooting
 
 ### Common Issues
 
-**Quiz app துவங்காது**:  
-- Node.js பதிப்பு (v14+ பரிந்துரைக்கப்படுகிறது)  
-- `node_modules` மற்றும் `package-lock.json` நீக்கி `npm install` மீண்டும் இயக்கவும்  
-- போர்ட் முரண்பாடுகள் (இயல்புநிலை: Vite 5173 போர்ட் பயன்படுத்துகிறது) சரிபார்க்கவும்  
+**Quiz app துவங்காமல் போவது**:
+- Node.js பதிப்பchecks (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 சரியாக வடிவமைக்கப்பட்டுள்ளதா என்பதை சரிபார்க்கவும்  
-- உலாவி(console) பிழைத் தொடரலை பார்வையிடவும்  
-- உலாவி-சுட்டி சிறப்பு நிறுவல் வழிமுறைகளை பின்பற்றவும்  
+**Browser Extension ஏற்றாது**:
+- manifest.json சரியான வடிவில் இருக்கிறதா பார்க்கவும்
+- உலாவி கன்சோலில் பிழைகளை பார்க்கவும்
+- உலாவி-சிறப்பு நீட்டிப்பு நிறுவல் வழிமுறைகளை பின்பற்றவும்
 
-**Python chat திட்டத்தில் பிரச்சினைகள்**:  
-- OpenAI தொகுப்பு நிறுவப்பட்டுள்ளது: `pip install openai`  
-- GITHUB_TOKEN சுற்றுச்சூழல் மாறி அமைக்கப்பட்டுள்ளது என உறுதி செய்யவும்  
-- GitHub மாடல்கள் அணுகல் அனுமதிகளைச் சரிபார்க்கவும்  
+**Python உரையாடல் திட்ட பிழைகள்**:
+- OpenAI தொகுதி நிறுவப்பட்டுள்ளதா (`pip install openai`)
+- GITHUB_TOKEN சுற்றுச்சூழல் மாறி அமைக்கப்பட்டுள்ளது
+- GitHub Models அணுகல் அனுமதிகளை சரிபார்க்கவும்
 
-**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 விரிவாக்கங்களை நிறுவவும்  
-- JavaScript பிழைகள் கண்டறிய Browser DevTools பயன்படுத்தவும்  
-- Vue திட்டங்களுக்கு Vue DevTools உலாவி விரிவாக்கத்தை நிறுவவும்  
+- HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பைப் பயன்படுத்தவும்
+- ஒத்திவைக்கும் வடிவமைப்புக்கு ESLint மற்றும் Prettier நீட்டிப்புகளை நிறுவவும்
+- JavaScript பிழைத்திருத்தத்திற்கு உலாவி DevTools பயன்படுத்தவும்
+- Vue திட்டங்களுக்கு Vue DevTools உலாவி நீட்டிப்பைப் பயன்படுத்தவும்
 
 ### Performance Considerations
 
-- மொழிபெயர்க்கப்பட்ட கோப்புகள் (50+ மொழிகள்) அதிகமானவை காரணமாக முழு க்ளோன்கள் பெரிதாக இருக்கும்  
-- உள்ளடக்கத்துடன் மட்டும் வேலை செய்ய shallow clone பயன்படுத்தவும்: `git clone --depth 1`  
-- ஆங்கில உள்ளடக்கங்களில் மொழிபெயர்ப்புகளை தேடல்களில் விலக்கு விடவும்  
-- கட்டுமான செயல்முறைகள் முதன்முறையாக மெதுவாக இருக்க வாய்ப்பு (npm install, Vite build)  
+- 50+ மொழிகளில் மொழிபெயர்க்கப்பட்ட கோப்புகள் அதிகம் இருப்பதால் முழு கிளோன் பெரிதாக இருக்கும்
+- உள்ளடக்கம் மட்டுமே வேலை செய்வின் `git clone --depth 1` பயன்படுத்தவும்
+- ஆங்கில உள்ளடக்கத்தில் மொழிபெயர்ப்புகளைத் தேடும் போது தவிர்க்கவும்
+- கட்டுமான செயல்முறைகள் முதன்முறையாக மெதுவாக இருக்கலாம் (npm install, Vite build)
 
 ## Security Considerations
 
 ### Environment Variables
 
-- API விசைகளை களஞ்சியத்தில் பதிப்பிக்க கூடாது  
-- `.env` கோப்புகளை (ஏற்கனவே `.gitignore` உள்ளது) பயன்படுத்தவும்  
-- திட்ட README-களில் தேவையான சுற்றுச்சூழல் மாறிகள் ஆவணப்படுத்தவும்  
+- API விசைகள் களஞ்சியத்தில் சேர்க்கப்படக் கூடாது
+- `.env` கோப்புகளை பயன்படுத்தவும் (ஈவ்வுலகில் `.gitignore` உள்ளது)
+- திட்ட README-களில் தேவைப்படும் சுற்று மாறிகள் ஆவணப்படுத்தவும்
 
 ### Python Projects
 
-- `python -m venv venv` கொண்டு மெய்நிகர் சுற்றுச்சூழல்களைப் பயன்படுத்தவும்  
-- சார்புகளை மேம்படுத்திக் கொள்வது முக்கியம்  
-- GitHub டோகன்கள் குறைந்தபட்ச அனுமதிகளுடன் இருக்க வேண்டும்  
+- மெய்நிகர் சுற்றுச்சூழல்களை பயன்படுத்தவும்: `python -m venv venv`
+- சார்புகளை புதுப்பித்து வைக்கவும்
+- GitHub டோக்கன்களுக்கு குறைந்தபட்ச தேவையான அனுமதிகளை அளிக்கவும்
 
 ### GitHub Models Access
 
-- GitHub Models க்கு தனிப்பட்ட அணுகல் டோகன்கள் (PAT) தேவை  
-- டோகன்கள் சுற்றுச்சூழல் மாறிகள் ஆக பாதுகாக்கப்பட வேண்டும்  
-- டோகன்கள் அல்லது கடவுச்சொற்களை பதிப்பிப்பது தவிர்க்கவும்  
+- GitHub Models-க்கு தனிப்பட்ட அணுகல் டோக்கன்கள் தேவை
+- டோக்கன்களை சுற்றுச்சூழல் மாறிகளாக வைத்திருக்கவும்
+- டோக்கன் அல்லது சான்றுகளை களஞ்சியத்தில் சேர்க்கக்கூடாது
 
 ## Additional Notes
 
 ### Target Audience
 
-- வலை மேம்பாட்டிற்கு முழுமையான ஆரம்பநிலை பயனாளர்கள்  
-- மாணவர்கள் மற்றும் தன்னடையாள கற்றல் செய்பவர்கள்  
-- வகுப்பறைகளில் பாடத்திட்டத்தைப் பயன்படுத்தும் ஆசிரியர்கள்  
-- உள்ளடக்கம் அணுகல் வசதி மற்றும் படிப்படியான திறன் வளர்ச்சிக்காக வடிவமைக்கப்பட்டுள்ளது  
+- முழுமையாக ஆரம்ப நிலையில் உள்ள வலை வளர்ச்சி கற்றுக் கொள்ளும்வர்
+- மாணவர்கள் மற்றும் சுய கற்றுநர்
+- வகுப்பறைகளில் பாடத்திட்டத்தை பயன்படுத்தும் ஆசிரியர்கள்
+- அணுகல் வசதிக்கானவும் படிப்படியாக திறமை வளர்க்கும் வகையിലുള്ള உள்ளடக்கம்
 
 ### Educational Philosophy
 
-- திட்ட அடிப்படையிலான கற்றல் முறையை பயன்படுத்துகிறது  
-- அடிக்கடி அறிவு சோதனை (quizzes)  
-- கைமுறை குறியீட்டு பயிற்சிகள்  
-- நிஜ உலகைப் பயன்படுத்திய பயன்பாட்டு உதாரணங்கள்  
-- முன் அமைப்புகளுக்கு முன்னால் அடிப்படைகள் மீது கவனம்  
+- திட்ட அடிப்படையிலான கற்றல் முறை
+- அடிக்கடி அறிவு சோதனை (வினாடி கேள்விகள்)
+- கையேடு குறியீடு பயிற்சிகள்
+- நெறிமுறை பயன்பாட்டு உதாரணங்கள்
+- கட்டமைப்புகளை விட அடிப்படைகளை முன்னுரிமை
 
 ### Repository Maintenance
 
-- சுறுசுறுப்பான கற்றல் மற்றும் பங்கு செய்பவர் சமூகத்துடன்  
-- சார்புகள் மற்றும் உள்ளடக்கம் தொடர்ந்து புதுப்பிக்கப்படுகின்றன  
-- பிரச்சினைகள் மற்றும் விவாதங்களை பராமரிப்பாளர்கள் கண்காணிக்கின்றனர்  
-- மொழிபெயர்ப்புகள் GitHub Actions வழியாக தானாக புதுப்பிக்கப்படுகின்றன  
+- திடீர் மாணவர்கள் மற்றும் பங்களிப்பாளர்கள் மூலம் செயலில்
+- சார்புகள் மற்றும் உள்ளடக்கங்களில் தேவையான புதுப்பிப்புகள்
+- பிரச்சினைகள் மற்றும் விவாதங்கள் பராமரிப்போரால் கண்காணிப்பு
+- மொழிபெயர்ப்பு புதுப்பிப்புகள் GitHub செயல்பாடுகள் மூலம் தானாக நடைபெறுகின்றன
 
 ### 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, தரவு அறிவியல், இயந்திர கற்றல், IoT பாடத்திட்டங்கள்
 
 ### Working with Specific Projects
 
-தனித்தனியான திட்டங்களுக்கான விரிவான வழியுறைகளைப் பெற:  
-- `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
 
-பாரம்பரியமாக ஒரு monorepo ஆக இல்லாவிட்டாலும், இந்தக் களஞ்சியம் பல தனித்தனி திட்டங்களை கொண்டுள்ளது:  
-- ஒவ்வொரு பாடமும் தனித்தனி உள்ளது  
-- திட்டங்கள் சார்புகளை பகிர வேண்டாமே  
-- தனிப்பட்ட திட்டங்களில் மட்டுமே பணியாற்றலாம் மற்றவற்றுக்கு பாதிப்பில்லை  
-- முழு பாடத்திட்ட அனுபவத்திற்குள் முழுக் களஞ்சியத்தை கிளோன் செய்யவும்
+சார்பு பகிர்வு இல்லாத பல தனித்தனியான திட்டங்கள் கொண்ட களஞ்சியம்:
+- ஒவ்வொரு பாடமும் தனித்தனியாக உள்ளது
+- திட்டங்கள் சார்புகளை பகிர்வதில்லை
+- தனித்திட்டங்களில் வேலை செய்யலாம் மற்றவற்றை பாதிக்காமல்
+- முழு பாடத்திட்ட அனுபவத்திற்கான முழுக் களஞ்சியத்தை கிளோன் செய்யவும்
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**குறிப்புரை**:
-இந்த ஆவணம் AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயலினாலும், தானாக மொழிபெயர்ப்புகள் சில தவறுகள் அல்லது துல்லியமற்ற பார்வைகளை கொண்டிருக்கலாம் என்பதை தயவுசெய்து கவனத்தில் கொள்ளுங்கள். அதன் தாய்மொழியில் உள்ள அசல் ஆவணம் அதிகாரப்பூர்வ மூலமாக கணிக்கப்பட வேண்டும். முக்கிய தகவல்களுக்கு, தொழில்முனைவோர் மனித மொழிபெயர்ப்பை பரிந்துரைக்கப்படுகின்றது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பாளிகள் அல்ல.
+**புரிந்துணர்வு**:
+இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற செயற்கை நுண்ணறிவு மொழிபெயர்ப்புச் சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. துல்லியத்திற்காக நாம் முயற்சிக்கிறோம் என்றாலும், தானாகக் செய்யப்பட்ட மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறான தகவல்கள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனிக்கவும். அசல் ஆவணம் தனது இயல்புநிலைய மொழியில் அங்கீகாரம் பெற்ற மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, திறமையான மனித மொழிபெயர்ப்பை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்பட்டுள்ள எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பேற்கமாட்டோம்.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ta/README.md b/translations/ta/README.md
index bd735195a..047068693 100644
--- a/translations/ta/README.md
+++ b/translations/ta/README.md
@@ -10,204 +10,213 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# ஆரம்ப நிலை வலைப் பயன்பாட்டுக்கான முன்னுரிமை பாடத்திட்டம்
+# ஆரம்பநிலை நெட்வெர் மேம்பாட்டுக்கான பாடத்திட்டம்
 
-Microsoft Cloud Advocates வழங்கும் 12 வார முழுமையான பாடத்திட்டத்துடன் வலை பயன்பாட்டின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். ஒவ்வொரு 24பாடமுமும் மற்றும் JavaScript, CSS மற்றும் HTML -ஐ கையாளும் செயல்முறைகள், Browser விசிறிகள் மற்றும் விண்வெளி விளையாட்டுகள் போன்ற செய்முறை செயலுந் திட்டங்களுடன் கூடி உள்கட்டளை பெறுகிறது. வினாக்கள், விவாதங்கள் மற்றும் நடைமுறை பணிகள் மூலம் ஈடுபடவும். உங்கள் திறன்களை மேம்படுத்தி அறிவுகொள்ளும் திறனை எளிமையாக ஆக்கவும் எங்கள் செயல்முறையான திட்ட அடிப்படையிலான கற்பித்தல் முறையை பயன்படுத்துங்கள். உங்கள் குறியீடு பயணத்தை இன்றே தொடங்குங்கள்!
+Microsoft Cloud Advocates வழங்கும் 12 வார விரிவான பாடநெறியுடன் வலை மேம்பாட்டின் அடிப்படைகளை கற்றுக்கொள்க. 24 பாடங்களின் ஒவ்வொன்றும் ஜாவாஸ்கிரிப்ட், CSS மற்றும் HTML ஐ கரைதிருக்கும் திட்டங்களான டெராரியம்கள், உலாவி நீட்சிகள் மற்றும் விண்வெளி விளையாட்டுகள் மூலம் கையடக்கப் பயிற்சிகளுடன் ஆராய்கிறது. கேள்வி கேட்கிற, விவாதம் செய்க, மற்றும் நடைமுறை பணிகளை மேற்கொள். உங்கள் திறன்களை மேம்படுத்தவும் உங்கள் அறிவு நினைவாற்றலை எங்கள் பயிற்சி திட்டத்தின் மூலம் மேம்படுத்தவும். இன்று உங்கள் குறியீட்டு பயணம் தொடங்குங்கள்!
 
-Azure AI Foundry Discord சமூகத்தில் இணைக
+Azure AI Foundry Discord சமூகத்தில் சேரவும்
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-இந்த வளங்கள் பயன்படுத்த ஆரம்பிக்க பின்வரும் படிகளை பின்பற்றவும்:
-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 செயல்பாட்டின் மூலம் ஆதரவு (தானியங்கி & எப்போதும் கன்டேட்)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](./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"
+> ```
+>
+> இது விரைவான பதிவிறக்கத்துடன் படிப்பை முடிப்பதற்கான அனைத்து தேவைகளையும் உங்களுக்கு வழங்கும்.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**மேலும் மொழிபெயர்ப்புகள் ஆதரவு தேவையெனில் [இங்கே](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) பார்வையிடவும், அங்கு நீங்கள் ஆரம்பநிலை வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் கூப்பன்களை பெறும் வழிகளையும் காண்பீர்கள். மாதாந்திரமாக உள்ளடக்கம் மாற்றப்படுவதால் இந்தப் பக்கத்தை உங்கள் பிரபலமானங்களில் சேர்த்து பரிசீலிக்கவும்.
+[**மாணவர் ஹப் பக்கம்**](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 முறையைப் பயன்படுத்தவில்லையெனில், இது உரையை உருவாக்குவததற்கு மட்டுமல்லாமல் கோப்புகளை உருவாக்கி மாற்றவும், கட்டளைகளை நடத்தவும் முடியும்.
 
-### 📣 அறிவிப்பு - _புதிய Project உருவாக்க 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/ta/background.148a8d43afde5730.webp)
 
-- அடிப்படைகளிலிருந்து RAG வரை அனைத்தும் உள்ள பாடங்கள்.
-- வரலாற்றுச் கதாபாத்திரத்துடன் GenAI மற்றும் எங்கள் நண்பர் செயலியை பயன்படுத்தி தொடர்பு கொள்ளுங்கள்.
-- ரசிக்கக்கூடிய மற்றும் சுவாரஸ்யமான கதை; நீங்கள் காலப்பயணம் செய்கிறீர்கள்!
+- அடிப்படைகள் முதல் RAG வரை பாடங்கள்.
+- GenAI மற்றும் எங்கள் துணை செயலியுடன் பண்புமிகு கதாப்பாத்திரங்களுடன் முத்திரை அமைத்து தொடர்பு கொள்ளுங்கள்.
+- சுவையாகவும் ஈர்க்கும் கதைக்களம், நீங்கள் காலப்பயணம் செய்யப் போகிறீர்கள்!
 
 ![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp)
 
 
-ஒவ்வொரு பாடத்திலும் ஒப்படைப்பு, அறிவு சோதனை மற்றும் கீழ்காணும் தலைப்புகளில் கற்றலை வழிநடத்தும் சவாலை உள்ளடக்கியுள்ளது:
-- Prompting மற்றும் prompt பொறியியல்
-- உரை மற்றும் பட தலைப்பு செயலிகள் உருவாக்கல்
+ஒவ்வொரு பாடத்திலும் ஒரு பணியை நிறைவு செய்ய வேண்டும், அறிவு பரிசோதனை மற்றும் சில சவால்கள் உண்டாகும், அவை கீழ்காணும் தலைப்புகளில் உங்களுக்கு வழிகாட்டும்:
+- ஃப்ராம்ட் மற்றும் ஃப்ராம்ட் என்ஜினியரிங்
+- உரை மற்றும் பட செயலி உருவாக்கம்
 - தேடல் செயலிகள்
 
-தொடங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்வையிடுங்கள்!
+தொடங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பாருங்கள்!
 
 
 
-## 🌱 ஆரம்பிக்க
+## 🌱 தொடங்குதல்
 
-> **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எப்படி பயன்படுத்துவது என்பது பற்றிய [சுலபக் குறிப்புகள்](for-teachers.md) சேர்த்துள்ளோம். உங்கள் கருத்துக்களை எங்கள் [விவாத வாரப்பட்டியில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிரவும்!
+> **ஆசிரியைர்கள்**, இந்த பாடத்திட்டத்தை எப்படி பயன்படுத்துவது என்பதற்கான சில பரிந்துரைகளை நாங்கள் [இதில் சேர்த்துள்ளோம்](for-teachers.md). உங்கள் கருத்துக்களை [எமது விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிர்வீர்கள் என நம்புகிறோம்!
 
-**[கற்றலை விரும்புவோர்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்-பாட வினாடிக்கணக்கு மூலம் தொடங்கி, பாடத்தைக் கற்றுக்கொள்ள, பின்வட்டார நடவடிக்கைகளை நிறைவேற்றி, பின்-பாட வினாடிக்கணக்குடன் உங்கள் புரிதலை பரிசோதியுங்கள்.
+**[கற்றவர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்-கல்வி வினோதையுடன் ஆரம்பித்து, பாடத்திட்ட வாசிப்பை தொடரவும், பல்வேறு செயல்பாடுகளை முடிக்கவும் மற்றும் பின்கல்வி வினோதையுடன் உங்கள் புரிதலை சோதிக்கவும்.
 
-உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, பங்களிப்பாளர்களுடன் இணைந்து திட்டங்களைச் செயல்படுத்த பரிந்துரைக்கப்படுகிறது! விவாதங்கள் எங்கள் [விவாத வார்ப்பகலில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) வரவேற்கப்படுகின்றன, அங்கு நமது மடரேட்டர் குழு உங்கள் கேள்விகளுக்கு பதிலளிக்க தயார்.
+உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, திட்டங்களில் சேர்ந்து செயல்படும் சக மாணவர்களுடன் இணைந்து உழைக்கவும்! விவாதங்கள் எங்கள் [விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ஊக்கப்படுத்தப்படுகின்றன, அங்கு எமது மைதான அறிவாளிகள் உங்கள் கேள்விகளுக்கு பதில் அளிக்க காத்திருக்கிறார்கள்.
 
-மேலும் கல்விக்காக, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)ல் கூடுதல் படிப்புப் பொருட்களை ஆராய பரிந்துரைக்கப்படுகிறது.
+உங்கள் கல்வியை இன்னும் விரிவுபடுத்த, கூடுதல் படிப்பு பொருட்களுக்காக [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ஐ கண்டறிய பரிந்துரைக்கிறோம்.
 
-### 📋 உங்கள் சுற்றுச்சூழலை அமைப்பது
+### 📋 உங்கள் சுற்றுப்புறத்தை அமைத்தல்
 
-இந்த பாடத்திட்டத்திற்கு தேவையான வளர்ச்சி சூழல் தயார் நிலையில் உள்ளது! நீங்கள் தொடங்கும்போது, [Codespace](https://github.com/features/codespaces/) (_பிரவுசர் அடிப்படையிலான, நிறுவல்கள் தேவையில்லை_) அல்லது உங்கள் கணினியில் உள்ள உரை தொகுப்பியைப் பயன்படுத்தி [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) தேர்ந்தெடுக்கலாம்.
+இந்த பாடத்திட்டத்துக்கு முன்னேற்ற சூழல் தயார் நிலையில் உள்ளது! ஆரம்பிக்கும் போது நீங்கள் பாடத்திட்டத்தை [Codespace](https://github.com/features/codespaces/) (_உலாவி அடிப்படையிலான, நிறுவல்கள் தேவையில்லாத சூழல்_) அல்லது உங்கள் கணினியில் உள்ளே [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) போன்ற உரை தொகுப்பாளரைப் பயன்படுத்தி இயக்க முடியும்.
 
-#### உங்கள் காப்பக தொகுதியை உருவாக்குதல்
-உங்கள் பணியை எளிதில் சேமிப்பதற்காக, இந்த காப்பகத்தின் உங்களுக்கான பதிப்பை உருவாக்க பரிந்துரைக்கப்படுகிறது. இதை செய்ய பக்கத்தின் மேல் பகுதியில் உள்ள **Use this template** பொத்தானை கிளிக் செய்யவும். இது உங்கள் GitHub கணக்கில் புதிய காப்பகத்தை உருவாக்கும்.
+#### உங்கள் காப்பகத்தை உருவாக்கல்
+உங்கள் பணி சேமிக்க எளிதாக, உங்கள் சொந்த காப்பகத்தை உருவாக்க பரிந்துரைக்கப்படுகிறது. உள் பக்கத்தின் மேல் பகுதியில் உள்ள **Use this template** பொத்தானை அழுத்தி இதை செய்யலாம். இது பாடத்திட்ட காப்பளிக்காக உங்களது GitHub கணக்கில் புதிய காப்பகத்தை உருவாக்கும்.
 
-பின்வரும் படிகளை பின்பற்றவும்:
-1. **காப்பகத்தை Fork செய்யவும்**: இத்தளத்தின் மேல் வலது மூலையில் உள்ள "Fork" பொத்தானை அழுத்தவும்.
-2. **காப்பகத்தை Clone செய்யவும்**:   `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/ta/createcodespace.0238bbf4d7a8d955.webp)
 
-#### உங்கள் கணினியில் உள்ளிருந்தே பாடத்திட்டம் இயக்குவது
-
-உங்கள் கணினியில் இந்த பாடத்திட்டத்தை இயக்க, ஒரு உரை தொகுப்பி, ஒரு பிரவுசர் மற்றும் கட்டளை வரி கருவி தேவை. நமது முதல் பாடம் [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).
+இந்த பாடத்திட்டத்தை உள்ளே இயக்க, உங்கள் கணினியில் உரை தொகுப்பாளர், உலாவி மற்றும் கட்டளை வரி கருவி தேவை. எமது முதல் பாடம் [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) இவற்றை தேர்வு செய்யும் அறிவுரைகளை வழங்கும்.
 
-
-1. உங்கள் காப்பகத்தைக் கணினியில் நகலெடுக்கவும். இதற்கு **Code** பொத்தானை அழுத்தி URL ஐ நகலெடுக்கவும்:
+நாங்கள் பரிந்துரைக்குவது [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) என்ற தொகுப்பாளர். இது கட்டமைக்கப்பட்ட [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உடன் வருகிறது. Visual Studio Code ஐ [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) பதிவிறக்கம் செய்யலாம்.
+1. உங்கள் களஞ்சியத்தை உங்கள் கணினியில் கிளோன் செய்யுங்கள். நீங்கள் இதை **Code** பொத்தானை கிளிக் செய்து URLஐ நகலெடுத்துக்கொள்வதும் மூலம் செய்யலாம்:
 
     [CodeSpace](./images/createcodespace.png)
-அப்பொழுது, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)-ஐ திறந்து, கீழே கொடுக்கப்பட்ட கட்டளையை இயக்கவும், `<your-repository-url>` ஐ நீங்கள் தற்போது நகலெடுத்த URL-ஆக மாற்றவும்:
+
+    பிறகு, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐத் திறந்து, கீழ்கண்ட கட்டளையை இயக்குங்கள், `<your-repository-url>` என்பதற்கு நீங்கள் நடப்பில் நகலெடுத்த URLஐ மாற்றி:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Visual Studio Code-இல் கோப்புறை திறக்கவும். இது **File** > **Open Folder** என்பதை கிளிக் செய்து, நீங்கள் இப்பொழுது கிளோன் செய்த கோப்புறையை தேர்ந்தெடுக்கலாம்.
+2. Visual Studio Code இல் கோப்புறை(ஐ) திறக்கவும். நீங்கள் இதை **File** > **Open Folder** என்பவற்றை கிளிக் செய்து, நீங்கள் கிளோன் செய்த கோப்புறை(ஐ) தேர்ந்தெடுக்கவும் செய்யலாம்.
 
 
-> பரிந்துரைக்கப்பட்ட Visual Studio Code விரிவுரைகள்:
+>  பரிந்துரைக்கப்பட்ட Visual Studio Code நீட்சிகள்:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code உள்ளே HTML பக்கங்களை முன்னோட்டம் பார்க்க
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - உங்கள் குறியீட்டை விரைவாக எழுத உதவ
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் காண
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - உங்கள் குறியீட்டை வேகமாக எழுத உதவும்
 
-## 📂 ஒவ்வொரு பாடத்திலும் உள்ளது:
+## 📂 ஒவ்வொரு பாடமும் அடங்கும்:
 
-- விருப்பத்தேர்ந்த ஸ்கெட்ச் நோட்
-- விருப்பத்தேர்ந்த கூடுதல் காணொளி
-- பாடத்திற்கு முன் வெப்ப ஊட்டக் க்விஸ்
-- எழுதப்பட்ட பாடம்
-- திட்ட அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை எப்படி கட்டுவது என்பதற்கான படி படியாக வழிகாட்டல்கள்
-- அறிவு சரிபார்ப்புகள்
+- விருப்பமான ஸ்கெட்ச் நோட்
+- விருப்பமான கூடுதல் வீடியோ
+- பாடத்திற்கு முந்தின ஆய்வுக் கேள்வி
+- எழுதிய பாடம்
+- திட்ட அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை கட்டடண பயிற்சிகள்
+- அறிவு பரிசோதனைகள்
 - ஒரு சவால்
 - கூடுதல் வாசிப்பு
-- பணிக்கான ஒப்படைப்பு
-- [பாடத்திற்கு பின் க்விஸ்](https://ff-quizzes.netlify.app/web/)
+- பணிஎழுத்து
+- [பாடம் முடித்த பிறகு கேள்வி](https://ff-quizzes.netlify.app/web/)
 
-> **க்விஸ்களின் குறிப்பு**: அனைத்து க்விஸ்களும் Quiz-app கோப்புறையில் உள்ளன,ஒவ்வொரு க்விசும் மூன்று கேள்விகளுடன் 48 க்விஸ்கள் உள்ளன. இவை [இங்கே](https://ff-quizzes.netlify.app/web/) கிடைக்கின்றன; Quiz app-ஐ உள்ளூரில் இயக்க அல்லது Azure-க்கு பரப்ப முடியும்; `quiz-app` கோப்புறையில் bulunan வழிமுறைகளை பின்பற்றவும்.
+> **கேள்விகளுக்கு ஒரு குறிப்பு**: அனைத்து கேள்விகள் Quiz-app கோப்புறையில் உள்ளன, ஒவ்வொன்றும் மூன்று கேள்விகளால் ஆன 48 கேள்விகள். இவற்றை [இங்கே](https://ff-quizzes.netlify.app/web/) பெறலாம். கேள்வி செயலியை உள்ளகமாக இயக்கவோ அல்லது Azure இல் வெளியிடவோ செய்யலாம்; `quiz-app` கோப்புறையில் உள்ள வழிமுறைகளை பின்பற்றவும்.
 
 ## 🗃️ பாடங்கள்
 
-|     |                       திட்டப் பெயர்                       |                            கற்பிக்கப்பட்ட கருத்துக்கள்                             | கற்றல் நோக்குகள்                                                                                                                 |                                                         இணைக்கப்பட்ட பாடம்                                                          |         ஆசிரியர்          |
+|     |                       திட்டத்தின் பெயர்                       |                            கற்பிக்கப்பட்ட கருத்துக்கள்                             | கற்றல் நோக்கங்கள்                                                                                                                 |                                                         இணைக்கப்பட்ட பாடம்                                                          |         ஆசிரியர்          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     தொடக்கம்                      |           நிரலாக்கம் அறிமுகம் மற்றும் தொழில்நுட்ப கருவிகள்           | பெரும்பான்மை நிரலாக்க மொழிகளின் அடிப்படைகளை மற்றும் தொழில்முறை டெவலபர்களுக்கு உதவும் மென்பொருளைப் பற்றி கற்றல் | [நிரலாக்க மொழிகள் மற்றும் தொழில்நுட்ப கருவிகள் அறிமுகம்](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     தொடக்கம்                      |             GitHub அடிப்படைகள், குழுவென வேலை செய்யும் கற்றல்             | உங்கள் திட்டத்தில் GitHub எப்படி பயன்படுத்துவது, மற்றவர்களுடன் இணைந்து நிரலை எப்படி பராமரிப்பது                 |                            [GitHub அறிமுகம்](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     தொடக்கம்                      |                             அணுகல் சாத்தியம்                              | வலை அணுகல் சாத்தியத்தின் அடிப்படைகளை கற்றல்                                                                                  |                       [அணுகல் சாத்தியம் அடிப்படைகள்](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS அடிப்படை                         |                         JavaScript தரவு வகைகள்                          | JavaScript தரவு வகைகளின் அடிப்படைகள்                                                                                         |                                       [தரவு வகைகள்](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS அடிப்படை                         |                         செயல்பாடுகள் மற்றும் முறைமைகள்                          | பயன்பாட்டு தரிணை இயக்கக் கையேடுகளுக்கான செயல்பாடுகள் மற்றும் முறைமைகள் பற்றி கற்றல்                                                           |                              [செயற்பாடுகள் மற்றும் முறைமைகள்](./2-js-basics/2-functions-methods/README.md)                               | Jasmine மற்றும் Christopher |
-| 06  |                        JS அடிப்படை                         |                        JS மூலம் முடிவெடுத்தல்                        | உங்கள் குறியீட்டில் முடிவெடுத்தல் முறைகள் பயன்படுத்தி நிபந்தனைகளை உருவாக்குவது எப்படி என்பதை கற்றல்                                                           |                                 [முடிவெடுத்தல்](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS அடிப்படை                         |                            வரிசைகள் மற்றும் வழுக்கல்கள்                            | JavaScript-ல் வரிசைகள் மற்றும் வழுக்கல்களுடன் தரவை பணியாற்றுவது                                                                                 |                                   [வரிசைகள் மற்றும் வழுக்கல்கள்](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML பயிற்சி                            | ஆன்லைன் டெராரியம் உருவாக்க HTML கட்டமைக்கவும், அமைப்பை கட்டமைக்க கவனம் செலுத்துகின்றது                                                         |                                 [HTML அறிமுகம்](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS பயிற்சி                             | ஆன்லைன் டெராரியம் அலங்கரிக்க CSS கட்டமைக்கவும், பக்கத்தை பதில் அளிக்கும் வகையில் அடிப்படைகளை கற்றல்                     |                                  [CSS அறிமுகம்](./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  |          [தட்டச்சு விளையாட்டு](./4-typing-game/solution/README.md)          |                          தட்டச்சு விளையாட்டு உருவாக்குதல்                           | உங்கள் JavaScript செயலிக்கு விசைப்பலகை நிகழ்வுகளை பயன்படுத்தி மனசாட்சியை இயக்குவது எப்படி என்பதை கற்றல்                                                          |                                [நிகழ்வு இயக்க நிரலாக்கம்](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [பசுமை உலாவி நீட்டிப்பு](./5-browser-extension/solution/README.md) |                         உலாவிகளுடன் வேலை செய்தல்                          | உலாவிகள் எப்படி வேலை செய்கின்றன, அவற்றின் வரலாறு, உலாவி நீட்டிப்பின் முதல் கூறுகளை உருவாக்குவது எப்படி                |                               [உலாவிகள் பற்றி](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [பசுமை உலாவி நீட்டிப்பு](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிகள் சேமித்தல் | API அழைக்க உங்கள் உலாவி நீட்டிப்பிற்கான JavaScript கூறுகளை உருவாக்குதல், உள்ளூர் சேமிப்பில் உள்ள மாறிகளை பயன்படுத்தல்                      |                [APIs, படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [பசுமை உலாவி நீட்டிப்பு](./5-browser-extension/solution/README.md) |          உலாவியில் பின்னணி செயலிகள், வலை செயல்திறன்          | நீட்டிப்பின் அடையாளத்தை நிர்வகிக்க உலாவியின் பின்னணி செயல்களை பயன்படுத்தல்; வலை செயல்திறன் மற்றும் சில மேம்பாடுகள் பற்றி கற்றல்   |             [பின்னணி செயலிகள் மற்றும் செயல்திறன்](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |             JavaScript கொண்டு மேம்பட்ட விளையாட்டு உருவாக்கல்             | கிளாஸ்கள் மற்றும் தொகுப்புகள் பயன்படுத்தி உட்புகுத்தல் மற்றும் Pub/Sub மாதிரியை கற்றல், விளையாட்டு கட்டுவதற்கான தயார்              |                      [மேம்பட்ட விளையாட்டு உருவாக்கம் அறிமுகம்](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |                           கேன்வாஸ் வரைச்சல்                            | திரையில் கூறுகளை வரைச்ச கேன்வாஸ் API பற்றி கற்றல்                                                                       |                                [கேன்வாஸுக்கு வரைச்சல்](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |                   திரையில் கூறுகளை நகர்த்துதல்                    | கார்டிசியன் ஒருங்கிணைப்புகள் மற்றும் கேன்வாஸ் API-ஐ பயன்படுத்தி கூறுகளை இயக்குவது எப்படி என்பதை கண்டுபிடிக்க                           |                           [குறிப்புகளை நகர்த்துதல்](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |                          மோதல் கண்டறிதல்                           | விசையொத்துக்களை பயன்படுத்தி கூறுக்கள் மோதுதல் மற்றும் விளையாட்டு செயல்திறனை உறுதி செய்ய குளிர்ச்சிக் காரியத்தை வழங்குதல்    |                              [மோதல் கண்டறிதல்](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |                             மதிப்பெண் வைத்தல்                              | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணிதக் கணக்கீடுகளை செய்தல்                                                                |                                    [மதிப்பெண் வைத்தல்](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [வானில் விளையாட்டு](./6-space-game/solution/README.md)           |                     விளையாட்டை நிறுத்தல் மற்றும் மீண்டும் தொடங்குதல்                     | விளையாட்டை நிறுத்துதல் மற்றும் மீண்டும் தொடங்குதல் பற்றி கற்றல், சொத்துக்களை சுத்தம் செய்தல் மற்றும் மாறிகள் மதிப்புகளை மீட்டமைத்தல்                              |                                [முடிவுநிலை](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [வங்கி செயலி](./7-bank-project/solution/README.md)          |                 வலை பயன்பாட்டில் HTML வார்ப்புருக்கள் மற்றும் வழிகள்                 | ஒரு பலப்பக்க வலைதள கட்டமைப்பின் அடித்தளத்தை வழிசெலுத்தல் மற்றும் HTML வார்ப்புருக்கள் பயன்படுத்தி உருவாக்குவது எப்படி கற்றல்                             |                            [HTML வார்ப்புருக்கள் மற்றும் வழிகள்](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [வங்கி செயலி](./7-bank-project/solution/README.md)          |                  உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்குதல்                   | படிவங்களை உருவாக்கும் முறைகள் மற்றும் செல்லுபடிகள் சோதனை நடைமுறைகளை கற்றல்                                                                          |                                           [படிவங்கள்](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [வங்கி செயலி](./7-bank-project/solution/README.md)          |                   தரவைப் பெற்றல் மற்றும் பயன்படுத்தும் முறைகள்                   | உங்கள் செயலியிலிருந்து தரவு எப்படி ஓடுபது, அதை எப்படிப் பெறுவது, சேமிப்பது மற்றும் அகற்றுவது                                          |                                            [தரவு](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [வங்கி செயலி](./7-bank-project/solution/README.md)          |                      நிலை மேலாண்மை கருத்துக்கள்                      | உங்கள் செயலி நிலையை எப்படி காப்பாற்றுகிறது மற்றும் அதை நிரலாக பராமரிப்பது எப்படி என்பதை கற்றல்                                                              |                                [நிலை மேலாண்மை](./7-bank-project/4-state-management/README.md)                                |          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 |
+| 01  |                     Getting Started                      |           நிரலாக்க அறிமுகம் மற்றும் கருவிகள்           | பெரும்பாலான நிரலாக்க மொழிகளின் அடிப்படைகளை அறிந்து, தொழில்முறை டெவலப்பர்களின் பணிக்கான மென்பொருட்களைப் பற்றி அறிதல் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             GitHub அடிப்படைகள், குழுவுடன் பணியாற்றுதல்             | உங்கள் திட்டத்தில் GitHub ஐ எப்படி பயன்படுத்துவது, மற்றவர்களுடன் குறியீட்டு தளத்தில் கூட்டிணைவது                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             அணுகல்திறன்                              | வலை அணுகல்திறன் அடிப்படைகளை கற்றுக்கொள்ளவும்                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         ஜாவாஸ்கிரிப்ட் தரவுகளின் வகைகள்                          | ஜாவாஸ்கிரிப்ட் தரவுகளின் அடிப்படைகள்                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         செயல்பாடுகள் மற்றும் முறைகள்                          | பயன்பாட்டின் காரியஒழுங்கை நிர்வகிக்கும் செயல்பாடுகள் மற்றும் முறைகள் பற்றி கற்றுக்கொள்ளவும்                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        JS ஆகிய மூலம் முடிவெடுத்தல்                        | உங்கள் குறியீட்டில் முடிவெடுத்தல் முறைகளைப் பயன்படுத்தி நிபந்தனைகளை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும்                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            வரிசைகள் மற்றும் மீண்டும் சுழற்சிகள்                            | ஜாவாஸ்கிரிப்ட் வரிசைகள் மற்றும் மீண்டும் சுழற்சிகளைப் பயன்படுத்தி தரவை கையாளவும்                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML நடைமுறை                            | ஆன்லைன் டெரேரியத்தை உருவாக்க HTML உருவாக்கு, அமைப்பை கட்டமைப்பதில் கவனம் செலுத்துக                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS நடைமுறை                             | ஆன்லைன் டெரேரியத்தை வடிவமைக்க CSS உருவாக்கு, அடிப்படைகள் மற்றும் பக்கத்தை பதிலளிக்கும் முறைகள் பற்றியும் கவனம் செலுத்துக                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 ஜாவாஸ்கிரிப்ட் மூடுபனிகள், DOM கையாள்தல்                  | டெரேரியத்தை ஒரு டிராக்/டிராப் இடைமுகமாக செயல்படுத்த ஜாவாஸ்கிரிப்டை உருவாக்கு, மூடுபனிகள் மற்றும் DOM கையாள்தலில் கவனம் செலுத்துக             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          தட்டச்சு விளையாட்டை உருவாக்கு                           | கீபோர்டு நிகழ்வுகளைப் பயன்படுத்தி உங்கள் ஜாவாஸ்கிரிப்ட் செயலியின் கோட்பாட்டை இயக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும்                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         உலாவிகளுடன் பணியாற்றுதல்                          | உலாவிகள் எப்படி செயல்படுகின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்சியின் முதல் கூறுகளை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும்                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API அழைக்கல் மற்றும் உள்ளூர் சேமிப்பில் மாறிகள் சேமித்தல் | உள்ளூர் சேமிப்பில் சேமித்த மாறிகளைப் பயன்படுத்தி API அழைக்க உலாவி நீட்சியின் ஜாவாஸ்கிரிப்ட் கூறுகளை உருவாக்குங்கள்                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          உலாவியில் பின்புல செயலிகள், வலை செயல்திறன்          | நீட்சியின் ஐகானை நிர்வகிப்பதற்காக உலாவியின் பின்புல செயலிகளைப் பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சில மேம்பாடுகளை கற்றுக்கொள்ளவும்   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             ஜாவாஸ்கிரிப்ட் மூலமாக மேம்பட்ட விளையாட்டு உருவாக்குதல்             | வகுப்புகள் மற்றும் உருவாக்கலைப் பயன்படுத்தி ஒத்திசைக்கையாள்கையைப் பற்றியும் Pub/Sub மாதிரியைப் பற்றியும் கற்றுக்கொள்ளவும்              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           கேன்வாஸ் வரைபடம்                            | திரைக்கு கூறுகளை வரைய கண்வாஸ் API பற்றி கற்றுக்கொள்ளவும்                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   திரையில் கூறுகளை நகர்த்தல்                    | கார்டீசியன் இணைவரிசைகள் மற்றும் கேன்வாஸ் APIஐப் பயன்படுத்தி கூறுகள் எப்படி இயக்கம் பெறுகின்றன என்பதை அறிக                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          மோதல் கண்டறிதல்                           | முக்கிய அழுத்தங்களைப் பயன்படுத்தி கூறுகள் ஒருமொருவற்குப் பதிலளித்து மோதச் செய்க; விளையாட்டு செயல்திறனை உறுதி செய்ய ஒரு குளிர்ச்சி செயல்பாட்டைச் செய்க    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             மதிப்பெண் கண்காணித்தல்                              | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணிதக் கணக்கீடுகளைச் செய்க                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     விளையாட்டை முடித்தல் மற்றும் மீண்டும் துவக்கல்                     | விளையாட்டை முடித்தல் மற்றும் மீண்டும் துவக்குவது பற்றி கற்றுக்கொள்ளவும், சொந்தச் சொத்துகளை சுத்தம் செய்யவும் மற்றும் மாறி மதிப்புகளை மீட்டமைக்கவும்                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 வலை செயலியில் HTML மாதிரிகள் மற்றும் பாதைகள்                 | நெடுஞ்சாலைகளையும் HTML மாதிரிகளையும் பயன்படுத்தி பலப் பக்க வலைத்தள உருவமைப்பை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும்                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  உள்நுழைவும் பதிவு படிவமும் உருவாக்கல்                   | படிவங்களை உருவாக்குவது மற்றும் சரிபார்ப்பு நடைமுறைகளை கையாள்வது பற்றி கற்றுக்கொள்ளவும்                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   தரவு பெற்றலும் பயன்பாடும் முறைகள்                   | உங்கள் செயலியில் தரவு எப்படி போகிறது, அதை எவ்வாறு பெறுவது, சேமிப்பது மற்றும் நீக்கும் முறைகள்                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      மாநில மேலாண்மை கருத்துக்கள்                      | உங்கள் செயலி மாநிலத்தை எவ்வாறு பராமரிக்கிறது மற்றும் அதை நிரலாக்க முறையில் எவ்வாறு நிர்வகிப்பது                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணியாற்றுதல் | குறியீடு ஆசிரியரை பயன்படுத்துவது எப்படி கற்றுக்கொள்ளவும் | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | AI உடன் பணியாற்றுதல் | உங்கள் சொந்த AI உதவியாளரை உருவாக்குவது எப்படி கற்றுக்கொள்ளவும் | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
-## 🏫 கற்பித்தல் முறைகள்
+## 🏫 கல்வி தத்துவம்
 
-எங்கள் பாடத்திட்டம் இரண்டு முக்கியக் கல்விப்பார்வை தத்துவங்களையுடன் வடிவமைக்கப்பட்டுள்ளது:
-* திட்ட அடிப்படையிலான கற்றல்
-* அடிக்கடி க்வீஸ்கள்
+எங்கள் பாடத்திட்டம் இரண்டு முக்கிய கல்வி தத்துவங்கள் மனதில் கொண்டு வடிவமைக்கப்பட்டுள்ளது:
+* திட்ட அடிப்படையிலான கற்பித்தல்
+* அடிக்கடி கேள்விகள்
 
-இந்த நிரல் JavaScript, HTML, CSS அடிப்படைகளை பெற்றுத் தருகிறது, மற்றும் இன்றைய வலை டெவலபர்கள் பயன்படுத்தும் சமீபத்திய கருவிகள் மற்றும் முறைகளை கற்றுக் கொடுக்கிறது. மாணவர்கள் தட்டச்சு விளையாட்டு, மெய்நிகர் டெராரியம், சூழலின் நட்பு உலாவி நீட்டிப்பு, விண்வெளி வென்றுபோவது போன்ற விளையாட்டு, வணிக நிறுவனங்களுக்கு வங்கி செயலி போன்றவற்றை கட்டி அனுபவம் பெற வாய்ப்பு பெறுவர். தொடர் முடிவில், மாணவர்கள் வலை மேம்பாட்டு குறித்த உறுதியான அறிவைப் பெற்றிருக்கிறார்கள்.
+இந்தத் திட்டம் ஜாவாஸ்கிரிப்ட், HTML, CSS அடிப்படைகளை மற்றும் இன்றைய வலை டெவலப்பர்கள் பயன்படுத்தும் சமீபத்திய கருவிகள் மற்றும் நுட்பங்களை கற்பிக்கிறது. மாணவர்கள் தட்டச்சு விளையாட்டு, மெய்நிகர் டெரேரியம், பசுமை உலாவி நீட்டிப்பு, விண்வெளி தாக்குதல் பாணி விளையாட்டு மற்றும் வங்கி செயலியை உருவாக்கி செயல்பாட்டுக் கற்றல் வாய்ப்பைப் பெறுவார்கள். தொடரின் முடிவில், மாணவர்கள் வலை வளர்ச்சியில் மூலபொருளான கற்பிதலைப் பெறுவார்கள்.
 
-> 🎓 இந்த பாடத்திட்டத்தின் முதல் சில பாடங்களை மைக்ரோசாப்ட் லேர்னில் [கற்றல் பாதை](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ஆக எடுத்துக்கொள்ளலாம்!
+> 🎓 நீங்கள் இந்தப் பாடத்திட்டத்தில் ஆரம்ப சில பாடங்களை Microsoft Learn இல் [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) என்ற முறையில் எடுத்துக்கொள்ளலாம்!
 
-உள்ளடக்கம் திட்டங்களுடன் இணைக்கப்படுவதன் மூலம் மாணவர்களுக்கு கற்றலின் ஆர்வம் அதிகரிக்கப்படும் மற்றும் கருத்துக்களின் நினைவாற்றல் மேம்படும். மேலும், JavaScript அடிப்படைகளை அறிமுகப்படுத்த சில முதன்மை பாடங்களை உருவாக்கியுள்ளோம், அவற்றுக்கு "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" வீடியோ திரட்டலின் காணொளி இணைக்கப்பட்டுள்ளது, இதில் சில ஆசிரியர்கள் இந்த பாடத்திட்டத்துக்காக உடனடியாக பங்களித்துள்ளனர்.
+திட்டங்களுக்கு உள்ளடடை ஒப்பிடுவதால், மாணவர்களுக்கு கற்றல் செயல்முறை சுவாரஸ்யமாகவும் கருத்துக்கள் நிலைத்திருக்கும் வகையாகவும் அமைக்கப்படுகிறது. நாங்கள் சில ஆரம்ப ஜாவாஸ்கிரிப்ட் அடிப்படை பாடங்களை உருவாக்கி, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" என்ற வீடியோ பாட தொகுப்பில் இருந்து ஒரு வீடியோவுடன் இணைத்துள்ளோம், இதில் சில ஆசிரியர்கள் இதற்கான பாடத்திட்டத்தில் பங்களித்துள்ளனர்.
 
-மேலும், வகுப்புக்கு முன்பு குறைந்த மதிப்புள்ள க்விஸ் ஒரு தலைப்பைப் பற்றி கற்றல் நோக்கத்தை மாணவர்களில் உருவாக உதவுகிறது, வகுப்புக்குப் பிறகு இரண்டாவது க்விஸ் மேலும் நினைவாற்றலை உறுதி செய்யும். இந்த பாடத்திட்டம் நெகிழ்வானதும் ரசிக்கத்தக்கதுமானதும் ஆக வடிவமைக்கப்பட்டுள்ளது; அதை முழுமையாகவோ ஒரு குறிப்பிட்ட பகுதியை மட்டும் எடுத்துக்கொண்டு கற்றுக்கொள்ளலாம். திட்டங்கள் சிறியதாகத் துவங்கி, 12 வாரங்களுக்குப் பிறகு ஒழுங்குபடுத்தப்பட்ட மற்றும் சிக்கலானவையாக மாறும்.
+மேலும், வகுப்புக்கு முன்னர் குறைந்த மோசடியான வினாடி வினா மாணவரின் கற்கும் நோக்கத்தை நிறுவுவதாகும், வகுப்புக்குப் பிறகு இரண்டாம் வினாடி வினா கூடுதல் நினைவைக் உறுதி செய்கிறது. இந்த பாடத்திட்டம் நெகிழ்வுடையது மற்றும் வேடிக்கையாக வடிவமைக்கப்பட்டது; முழுவதும் அல்லது பகுதியாய் எடுத்துக்கொள்ளலாம். திட்டங்கள் சிறிது அளவில் துவங்கி, 12 வார காலக்கட்டம் முடிவில் progressively சிக்கலானவையாக மாறுகின்றன.
 
-JavaScript வழிமுறைகளை அறிமுகப்படுத்தாமல், வலை டெவலப்பராக அடிப்படைக் கைவசமோடு செயல்பட முதலில் கவனம் செலுத்துவதை நாம் மேற்கொண்டுள்ளோம்; மேலும் இந்த பாடத்திட்டத்தை முடிப்பதற்கான அடுத்த நல்ல படி Node.js குறித்து "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" மற்றொரு வீடியோ திரட்டலைக் கற்றுக்கொள்வதுதான்.
+நாங்கள் தயாராக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்தாமல், ஒரு கட்டமைப்பை ஏற்குமாறு முன்னர் அடிப்படை திறன்களை கவனிக்கவுள்ளோம். இந்த பாடத்திட்டத்தை முடித்த பிறகு அடுத்த நல்ல படி Node.js பற்றி மற்றொரு வீடியோ தொகுப்பாகவும் "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" கற்றுக்கொள்ளலாம்.
 
-> எங்கள் [நடத்தை அனுசரிப்பு](CODE_OF_CONDUCT.md) மற்றும் [ஆதரவு](CONTRIBUTING.md) வழிமுறைகளைப் பார்வையிடவும். உங்கள் கட்டுமான சுயவிவரத்தை எதிர்பார்க்கிறோம்!
+> எங்கள் [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டிகளுக்கு பார்வையிடவும். உங்கள் கட்டுமான கருத்துக்களை வரவேற்கின்றோம்!
 
 
-## 🧭 ஆப்லைன் அணுகல்
+## 🧭 ஆஃப்லைன் அணுகல்
 
-[Docsify](https://docsify.js.org/#/) கொண்டு இந்த அடிக்குறிப்பை ஆப்லைனில் இயக்கலாம். இந்த ரெப்போகை Fork செய்து, உங்கள் உள்ளூரில் [Docsify-ஐ நிறுவி](https://docsify.js.org/#/quickstart), பிறகு இந்த ரெப்போவின் ரூட் கோப்புறையில் `docsify serve` என தட்டவும். தளம் உங்கள் உள்ளூர் கணினியில் போர்ட் 3000-ல் இயக்கப்படும்: `localhost:3000`.
+[Docsify](https://docsify.js.org/#/) ஐப் பயன்படுத்தி இந்த அறிக்கையை ஆஃப்லைனில் இயக்கலாம். இந்த களஞ்சியத்தை ஃபோர்க் செய்து, உங்கள் உள்ளூர் இயந்திரத்தில் [Docsify ஐ நிறுவி](https://docsify.js.org/#/quickstart), பின்னர் இக்களஞ்சியத்தின் அடிப்புற கோப்புறையில் `docsify serve` என்ற கட்டளையை தட்டுங்கள். இந்த வலைத்தளம் பங்கேற்பாளரின் உள்ளூரில் port 3000 இல் வழங்கப்படும்: `localhost:3000`.
 
 ## 📘 PDF
+அனைத்துப் பாடங்களின் PDF இங்கே [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணப்படலாம்.
 
-அனைத்து பாடங்களின் PDF இங்கே கிடைக்கும் [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 பிற பாடநெறிகள்
 
-## 🎒 பிற பாடங்கள்
-எங்கள் குழு மற்றபடி பாடங்களையும் உருவாக்குகிறது! இதைப் பார்த்து கொள்ளவும்:
+எங்கள் குழு பிற பாடநெறிகளையும் உருவாக்குகிறது! பாருங்கள்:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -251,21 +260,21 @@ JavaScript வழிமுறைகளை அறிமுகப்படுத
 
 ## உதவி பெறுதல்
 
-நீங்கள் சிக்கலில் இருந்தால் அல்லது 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) கோப்பை பார்க்கவும்.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**பிரதி தெரிவிப்பு**:  
-இந்த ஆவணம் செயற்கை நுண்ணறிவு மொழி மாற்ற சேவையான [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டது. நிச்சயதார்த்தத்திற்கு முயற்சி செய்தாலும், தானாக இடமாற்றிய மொழிபெயர்ப்பு தவறுகள் அல்லது தவறான தகவல்களை கொண்டிருக்கும் வாய்ப்பு உள்ளது. துெழில் மொழியில் உள்ள ஒரிஜினல் ஆவணம் அதிகாரப்பூர்வ மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பின் பயன்பாட்டினால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பில்லை.
+**குறிப்பு**:
+இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) எனும் செயற்கை நுண்ணறிவு மொழி மாற்ற சேவையை பயன்படுத்தி மொழிமாற்றம் செய்யப்பட்டதாகும். துல்லியத்திற்காக முயலினாலும், தானாக உருவாகும் மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்க வாய்ப்பு உள்ளதை நினைவில் கொள். அசல் ஆவணம் அதன் சொந்த மொழியில் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைப்போம். இந்த மொழிபெயர்ப்பைப் பயன்படுத்தியதில் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பாளர்கள் அல்ல.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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["👤 మానవ ఆలోచన:<br/>'నేను ఫిబొనాచీ సంఖ్యలను లెక్కించాలనుకుంటున్నాను'"] --> B{భాషా స్థాయి ఎంచుకోండి}
+    A["👤 మానవ ఆలోచన:<br/>'నేను ఫిబొనాచీ సంఖ్యలను లెక్కించాలని కోరుకుంటున్నాను'"] --> B{భాష స్థాయి ఎంచుకోండి}
     
-    B -->|అధికస్థాయి| C["🌟 జావాస్క్రిప్ట్/పైథాన్<br/>అన్నింటికంటే చదవడం మరియు రాయడం సులువు"]
-    B -->|తక్కువ స్థాయి| D["⚙️ అసెంబ్లీ/C<br/>నేరుగా హార్డ్వేర్ నియంత్రణ"]
+    B -->|అన్నట్లు స్థాయి| C["🌟 జావాస్క్రిప్ట్/పైథాన్<br/>చదవడం మరియు రాయడం సులభం"]
+    B -->|నిమ్న-స్థాయి| D["⚙️ అసెంబ్లీ/ C<br/>నేరుగా హార్డ్వేర్ కంట్రోల్"]
     
-    C --> E["📝 వ్రాయండి: fibonacci(10)"]
-    D --> F["📝 వ్రాయండి: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 రాయండి: fibonacci(10)"]
+    D --> F["📝 రాయండి: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 కంప్యూటర్ అర్థం చేసుకోడం:<br/>అనువాదకుడు సంక్లిష్టతను నిర్వహిస్తుంది"]
+    E --> G["🤖 కంప్యూటర్ అర్థం చేసుకోవడం:<br/>అనువాదకుడు సంక్లిష్టతను నిర్వహిస్తుంది"]
     F --> G
     
     G --> H["💻 అదే ఫలితం:<br/>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["📝 ప్రకటనలు<br/>(సూచనలు)"] --> B["📦 చరాలు<br/>(సంగ్రహణ)"] --> C["🔀 నియంత్రణ ప్రవాహం<br/>(తీర్మానాలు)"] --> D["🎉 పని కార్యక్రమం!"]
+    A["📝 ప్రకటనలు<br/>(సూచనలు)"] --> B["📦 వేరియబులు<br/>(సంగ్రహణ)"] --> C["🔀 నియంత్రణ ప్రవాహం<br/>(నిర్ణయాలు)"] --> 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["⌨️ కోడ్ ఎడిటర్<br/>(VS కోడ్)"] 
-    B --> C["🌐 బ్రౌజర్ డెవ్‌టూల్స్<br/>(టెస్టింగ్ & డీబగ్గింగ్)"]
-    C --> D["⚡ కమాండ్ లైన్<br/>(ఆటోమెషన్ & టూల్స్)"]
-    D --> E["📚 డాక్యుమెంటేషన్<br/>(కొనసాగింపు & సూచనలు)"]
+    B --> C["🌐 బ్రౌజర్ డెవ్‌టూల్స్<br/>(పరీక్ష & డీబగ్గింగ్)"]
+    C --> D["⚡ కమాండ్ లైన్<br/>(ఆటోమేషన్ & సాధనాలు)"]
+    D --> E["📚 డాక్యుమెంటేషన్<br/>(సంగ్రహ & సూచనలు)"]
     E --> F["🚀 అద్భుతమైన వెబ్ యాప్!"]
     
-    B -.-> G["🤖 AI అసిస్టెంట్<br/>(GitHub కోపైలట్)"]
-    C -.-> H["📱 డివైస్ టెస్టింగ్<br/>(స్పందనాత్మక డిజైన్)"]
+    B -.-> G["🤖 AI సహాయకుడు<br/>(GitHub కోపైలట్)"]
+    C -.-> H["📱 పరికరం పరీక్ష<br/>(ప్రతిస్పందనాత్మక రూపకల్పన)"]
     D -.-> I["📦 ప్యాకేజ్ మేనేజర్లు<br/>(npm, యార్న్)"]
-    E -.-> J["👥 సమాజం<br/>(స్టాక్ ఓవర్ఫ్లో)"]
+    E -.-> J["👥 సమూహం<br/>(స్టాక్ ఓవర్‌ఫ్లో)"]
     
     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 '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > 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
 ```
-> 🌟 **గుర్తుంచుకోండి**: ప్రతి నిపుణుడు ఒకటి ఒకప్పుడు ప్రారంభుడు. ప్రతి సీనియర్ డెవలపర్ ఒకప్పుడు మీరు ఉన్న స్థితిలో ఉన్నారు – ఉత్సాహంగా, కొంత ఓవర్‌వెల్మ్ అయ్యారు మరియు ఏమి సాధ్యం అనేది తెలుసుకోవాలనే అరుదైన ఆసక్తితో. మీరు అద్భుతమైన సంస్థలో ఉన్నారు, ఈ ప్రయాణం అద్భుతంగా ఉంటుంది. ప్రోగ్రామింగ్ యొక్క అద్భుత ప్రపంచానికి స్వాగతం! 🎉
+> 🌟 **మరచిపోకండి**: ప్రతి నిపుణుడు ఒకప్పుడు ప్రారంభకుడు. ప్రతి సీనియర్ డెవలపర్ కూడా మీరు ఇప్పుడున్నట్లు భావించాడు – ఉత్సాహతో, కొద్దిగా అయోమయం తో, మరియు ఏమి సాధ్యమని జిజ్ఞాస ఉన్న వ్యక్తిగా. మీరు అద్భుతమైన స్నేహితులతో ఉన్నారు, ఈ ప్రయాణం అద్భుతమైనది అవుతుంది. ప్రోగ్రామింగ్ యొక్క అద్భుత ప్రపంచానికి స్వాగతం! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**అసంకల్పన**:
-ఈా దస్తావేజును AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. ఖచ్చితత్వానికి మేము ప్రయత్నిస్తున్నప్పటికీ, స్వయంచాలక అనువాదాలలో పొరపాట్లు లేదా తప్పులు ఉండొచ్చు. మూల దస్తావేజు దాని స్థానిక భాషలోని అధికారిక మూలంగా పరిగణించబడాలి. ముఖ్యమైన సమాచారానికి, వృత్తిపరమైన మానవ అనువాదం సూచించబడుతుంది. ఈ అనువాదం వాడకం వల్ల ఏర్పడిన ఏదైనా అపార్థాలు లేదా తప్పుగా అర్థం చేసుకోవడాలకు మేము బాధ్యత వహించము.
+**అస్పష్టీకరణ**:  
+ఈ డాక్యుమెంటును AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువాదం చేసాం. మేము ఖచ్చితత్వంపై శ్రద్ధ వహించినప్పటికీ, యంత్ర అనువాదాల్లో పొరపాట్లు లేదా తప్పిదాలు ఉండొచ్చు. అసలు డాక్యుమెంట్ దాని మూల భాషలోని అధికారిక మూలం గానే పరిగణించాలి. ముఖ్యమైన సమాచారానికి, ప్రొఫెషనల్ మానవ అనువాదం చేయించడం మంచిది. ఈ అనువాదం వలన కలిగే ఏదైనా తప్పుదోవ పట్టుకోవడం లేదా తప్పుగా అర్థం చేసుకోవడం గురించి మేము బాధ్యత వహించము.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-  
-## డీబగ్గింగ్ మరియు సమస్య పరిష్కారం
 
-### సాధారణ సమస్యలు
+## 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
 
-పారంపరిక మోనోరిపో కాదు, కానీ ఇందులో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:  
-- ప్రతి పాఠం స్వయంగా పూర్తయినది  
-- ప్రాజెక్టులు డిపెండెన్సీలు పంచుకోరు  
-- వేరే ప్రాజెక్టులపై ప్రభావం లేకుండా వ్యక్తిగత ప్రాజెక్టులపై పని చేయండి  
-- పూర్తి పాఠ్యక్రమ అనుభవం కోసం పూర్తి రిపోను క్లోన్ చేయండి  
+సాంప్రదాయిక మొనోరిపోగా కాకపోయినా, ఈ రిపోజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
+- ప్రతి పాఠం స్వతంత్రంగా ఉండడం
+- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోకుండా ఉంటాయి
+- ప్రత్యెక ప్రాజెక్టులపై పని చేయడం మరొకదానికి ప్రభావం చూపడు
+- మొత్తం విద్యాసంబంధ పాఠ్యాంశం కోసం మొత్తం రిపోను క్లోన్ చేసుకోవచ్చు
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**అస్పష్టత**:
-ఈ డాక్యుమెంట్‌ను AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా అనువదించడానికి ప్రయత్నిస్తున్నప్పటికీ, సేవ ద్వారా ఉత్పన్నమవుతుండే అనువాదాల్లో తప్పులు లేదా అసమర్థతలు ఉండవచ్చని దయచేసి గమనించండి. మూల డాక్యుమెంట్ స్వదేశీ భాషలోనే అధికారికమైన మూలంగా పరిగణించబడాలి. కీలక సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సలహా ఇస్తాము. ఈ అనువాదం వాడకంలో వచ్చిన ఏమైనా అపార్థాలు లేదా తప్పుగా అర్ధం చేసుకోవడంపై మేము బాధ్యునికం కారు.
+**హెచ్చరిక**:
+ఈ పత్రాన్ని AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ద్వారా అనువదించడం జరిగింది. మనం సరైనదానిపై శ్రద్ధ పెట్టినా, ఆటోమేటిక్ అనువాదాలలో పొరపాట్లు లేదా లోపాలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న అసలు పత్రాన్ని అధికారిక మూలంగా భావించవలెను. అత్యవసర సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచిస్తున్నాము. ఈ అనువాదం వలన వచ్చే అవగాహన లోపాలు లేదా తప్పుడు అవగాహనకు మేము బాధ్యత వహించము.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ 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 యాక్షన్ ద్వారా మద్దతు (ఆటోమేటెడ్ & ఎల్లప్పుడూ అప్డేట్ అవుతోంది)
 
-> **స్థానికంగా క్లోన్ చేయాలా?**
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](./README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> ఈ రిపాజిటరీ 50+ భాషా అనువాదాలను కలిగి ఉంది, ఇది డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి, స్పార్స్ చెకౌట్ ఉపయోగించండి:
+> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?**
+>
+> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్‌లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతాయి. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
+>
+> **Bash / macOS / Linux:**
 > ```bash
 > 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"
+> ```
+>
+> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని వనరులను వేగంగా డౌన్లోడ్ చేసుకునేందుకు సహాయపడుతుంది.
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**మరిన్ని అనువాద భాషలు మద్దతు కావాలనుకుంటే ఇక్కడ ఉన్నాయి [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**మరింత అనువాద భాషలు కావాలంటే, వీటిని ఇక్కడ ([here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)) చూడండి**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _మీరు విద్యార్థి అయితే?_
+#### 🧑‍🎓 _మీరు విద్యార్థి అనుకుంటున్నారా?_
 
-[**విద్యార్థి హబ్ పేజీ**](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తో `<your-repository-url>` ని మార్చి క్రింది కమాండ్‌ను నడపండి:
+
+    తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)లో ఉన్న [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ఓపెన్ చేసి, కింది కమాండ్‌ను అమలు చేయండి, మీరు కాపీ చేసుకున్న URLతో `<your-repository-url>`ని మార్చుకోవడం ద్వారా:
 
     ```bash 
     git clone <your-repository-url>
     ```
-  
-2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు **File** > **Open Folder** పై క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంచుకోవచ్చు.
+
+2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు దీన్ని **File** > **Open Folder**ను క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంపిక చేయడం ద్వారా చేయవచ్చు.
 
 
->  సిఫారసు చేసిన Visual Studio Code ఎక్స్‌టెన్షన్స్:
+>  సిఫార్సు చేయబడిన Visual Studio Code విస్తరణలు:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి 
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
 
-## 📂 ప్రతి పాఠం లో:
+## 📂 ప్రతి పాఠం లో ఏమి ఉంటుంది:
 
-- ఐచ్ఛిక స్కెచ్‌నోట్  
-- ఐచ్ఛిక సప్లేమెంటల్ వీడియో  
-- పాఠం ముందు వార్మ్-అప్ క్విజ్  
-- రాసిన పాఠం  
-- ప్రాజెక్ట్ ఆధారిత పాఠాలకై, ప్రాజెక్ట్ నిర్మాణం గురించి దశల వారీ గైడ్‌లు  
-- జ్ఞాన పరీక్షలు  
-- ఒక సవాలు  
-- సప్లేమెంటల్ పఠనం  
-- అసైన్మెంట్  
-- [పాఠం అనంతరం క్విజ్](https://ff-quizzes.netlify.app/web/)
+- ఐచ్ఛిక స్కెచ్ నోట్
+- ఐచ్ఛిక సప్లిమెంటల్ వీడియో
+- పాఠం ముందు వార్మప్ క్విజ్
+- రాత పాఠం
+- ప్రాజెక్ట్ ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ ను ఎలా నిర్మించాలో స్టెప్-బై-స్టెప్ గైడ్‌లు
+- జ్ఞానం తనిఖీలు
+- ఒక ఛాలెంజ్
+- సప్లిమెంటల్ చదవడం
+- అస్సైన్‌మెంట్
+- [పోస్ట్-పాఠం క్విజ్](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) పొందవచ్చు.
 
 
 ## 🎒 ఇతర కోర్సులు
-మా బృందం మరిన్ని కోర్సులు తయారు చేస్తోంది! చూసుకోండి:
+
+మా టీమ్ ఇతర కోర్సులు కూడా ఉత్పత్తి చేస్తోంది! తనిఖీ చేయండి:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### 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) ఫైల్ చూడండి.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**అस्वీకారం**:  
-ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రాధాన్యం ఇస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదాలలో తప్పులు లేదా పొరపాట్లు ఉండవచ్చని దయచేసి గమనించండి. అసలు పత్రం దాని స్థానిక భాషలో నిబంధనాత్మక మూలముగా పరిగణించాలి. కీలక సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచింపబడుతుంది. ఈ అనువాదం వాడుక ద్వారా ఉత్పన్నమయ్యే ఏవైనా అపార్థాలు లేదా తప్పుతుడములను మేము కాబట్టి బాధ్యత వహించము.
+**అస్పష్టం**:  
+ఈ పత్రం AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడినది. మేము సరైన అనువాదం కోసం ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో లోపాలు లేదా పొరపాట్లు ఉండవచ్చు అని దయచేసి గమనించండి. అసలు పత్రం తన స్వభావ భాషలో సభ్యత సంపాదించిన ఆధారమైన మూలంగా భావించాలి. ముఖ్యమైన సమాచారం కోసం, నిపుణులైన మానవ అనువాదాన్ని సలహాగా తీసుకోవడం మంచిది. ఈ అనువాదం వలన ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పు వివరణల కోసం మేము బాధ్యత వహించలేము.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/th/.co-op-translator.json b/translations/th/.co-op-translator.json
index cf8d1d764..7f0d7ac65 100644
--- a/translations/th/.co-op-translator.json
+++ b/translations/th/.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-06T22:22:09+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T12:11:30+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "th"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:22:44+00:00",
+    "translation_date": "2026-03-06T12:19:35+00:00",
     "source_file": "AGENTS.md",
     "language_code": "th"
   },
@@ -516,8 +516,8 @@
     "language_code": "th"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:15:05+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:07:39+00:00",
     "source_file": "README.md",
     "language_code": "th"
   },
diff --git a/translations/th/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/th/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index bf6e36185..b6ce8f09b 100644
--- a/translations/th/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/th/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,96 +1,96 @@
-# แนะนำเกี่ยวกับภาษาโปรแกรมมิ่งและเครื่องมือสำหรับนักพัฒนาสมัยใหม่
+# บทนำสู่ภาษาโปรแกรมและเครื่องมือสำหรับนักพัฒนาในยุคปัจจุบัน
+ 
+สวัสดีครับ นักพัฒนาในอนาคต! 👋 ขอเล่าอะไรให้ฟังที่ยังทำให้ผมตื่นเต้นได้ทุกวันไหม? คุณกำลังจะได้ค้นพบว่า การเขียนโปรแกรมไม่ได้เป็นแค่เรื่องของคอมพิวเตอร์ – แต่มันคือพลังวิเศษที่แท้จริงที่จะทำให้ไอเดียสุดบ้าคลั่งของคุณกลายเป็นจริง!
 
-สวัสดีครับ นักพัฒนาในอนาคต! 👋 ขอเล่าอะไรที่ยังทำให้ผมตื่นเต้นทุกวันได้ไหม? คุณกำลังจะค้นพบว่าโปรแกรมมิ่งไม่ใช่แค่เรื่องของคอมพิวเตอร์ – แต่มันคือการมีพลังพิเศษจริงๆ ที่จะทำให้ไอเดียที่บ้าคลั่งของคุณกลายเป็นจริง!
+คุณเคยเจอช่วงเวลาที่ใช้แอปที่ชอบแล้วทุกอย่างมันลงตัวเป๊ะๆ ไหม? ตอนที่แตะปุ่มแล้วมีอะไรบางอย่างแสนวิเศษเกิดขึ้นจนคุณต้องร้อง "ว้าว พวกเขาทำได้ยังไง?" คนที่เขียนโค้ดสร้างความวิเศษนั้นอาจจะเป็นคนเหมือนคุณ – กำลังนั่งอยู่ในร้านกาแฟที่ชอบตอนตี 2 พร้อมกับกาแฟเอสเปรสโซ่แก้วที่สาม – และนี่แหละที่จะทำให้คุณตกใจ: เมื่อจบบทเรียนนี้ คุณจะไม่เพียงแต่เข้าใจว่าพวกเขาทำแบบนั้นอย่างไร แต่คุณยังจะตื่นเต้นอยากลองทำเองด้วย!
 
-คุณรู้ไหมว่าตอนที่คุณใช้แอปโปรดของคุณและทุกอย่างเกิดขึ้นได้อย่างสมบูรณ์แบบไหม? ตอนที่คุณแตะปุ่มหนึ่งและมีอะไรบางอย่างวิเศษเกิดขึ้นจนคุณต้องร้องว่า "ว้าว พวกเขาทำแบบนี้ได้ยังไง?" คนๆ นั้นเหมือนคุณเลย – อาจนั่งอยู่ในร้านกาแฟโปรดตอนตีสองกับเอสเปรสโซ่แก้วที่สาม – คนๆ นี้เขียนโค้ดที่สร้างความมหัศจรรย์นั้นขึ้นมา และนี่คือสิ่งที่จะทำให้คุณทึ่ง: เมื่อจบบทเรียนนี้ คุณจะไม่เพียงเข้าใจว่าพวกเขาทำแบบนั้นได้อย่างไร แต่คุณยังอยากจะลองเขียนเองด้วย!
+ฟังนะ ผมเข้าใจดีว่าการโปรแกรมอาจดูลึกลับและน่ากลัวตอนนี้ ตอนที่ผมเริ่มแรกๆ ผมคิดจริงๆ ว่าต้องเป็นอัจฉริยะคณิตศาสตร์หรือเขียนโค้ดมาตั้งแต่อายุ 5 ขวบ แต่สิ่งที่เปลี่ยนมุมมองผมโดยสิ้นเชิงคือ: การเขียนโปรแกรมเหมือนกับการเรียนรู้การสนทนาในภาษาใหม่ คุณเริ่มต้นที่ "สวัสดี" กับ "ขอบคุณ" แล้วพัฒนาจนสั่งกาแฟได้ ก่อนที่คุณจะรู้ตัว คุณก็พูดคุยปรัชญากันลึกซึ้งแล้ว! แต่ในกรณีนี้ คุณกำลังคุยกับคอมพิวเตอร์ และจริงๆ แล้ว พวกมันเป็นคู่สนทนาที่อดทนที่สุด – ไม่เคยตัดสินความผิดพลาดของคุณและพร้อมลองใหม่เสมอ!
 
-ฟังนะ ผมเข้าใจดีถ้าว่าการเขียนโปรแกรมตอนนี้ดูน่าสยอง ตอนที่ผมเริ่มแรกจริงๆ ผมคิดว่าต้องเป็นอัจฉริยะด้านคณิตศาสตร์หรือเขียนโค้ดมาตั้งแต่ 5 ขวบ แต่สิ่งที่เปลี่ยนความคิดผมไปโดยสิ้นเชิงก็คือ: การเขียนโปรแกรมเหมือนกับการเรียนรู้การสนทนาในภาษาหนึ่งใหม่ คุณเริ่มจาก "สวัสดี" และ "ขอบคุณ" จากนั้นไปสั่งกาแฟ แล้วก่อนที่คุณจะรู้ตัว คุณก็มีการสนทนาลึกซึ้งทางปรัชญา! ต่างกันคือ ในกรณีนี้ คุณกำลังสนทนากับคอมพิวเตอร์ และจริงๆ นะ? พวกเขาเป็นคู่สนทนาที่อดทนที่สุด – ไม่เคยตัดสินข้อผิดพลาดของคุณ และพร้อมจะลองใหม่เสมอ!
-
-วันนี้ เราจะสำรวจเครื่องมือสุดเจ๋งที่จะทำให้การพัฒนาเว็บสมัยใหม่ไม่เพียงเป็นไปได้ แต่ยังน่าติดใจอย่างจริงจัง ผมกำลังพูดถึงตัวแก้ไขโค้ด, เบราว์เซอร์, และเวิร์กโฟลว์เดียวกับที่นักพัฒนาของ Netflix, Spotify, และสตูดิโอแอปอินดี้ที่คุณชอบใช้ทุกวัน และนี่แหละสิ่งที่จะทำให้คุณพลิ้วไหวดีใจ: เครื่องมือระดับมืออาชีพเหล่านี้ส่วนใหญ่ใช้ฟรีทั้งหมด!
+วันนี้ เราจะมาสำรวจเครื่องมือสุดเจ๋งที่ทำให้การพัฒนาเว็บสมัยใหม่ไม่ใช่แค่เรื่องเป็นไปได้ แต่ติดใจได้จริงๆ ผมกำลังพูดถึงตัวแก้ไขโค้ด, เบราว์เซอร์ และเวิร์กโฟลวเดียวกับที่นักพัฒนาที่ Netflix, Spotify และสตูดิโอแอปอินดี้ที่คุณชอบใช้ทุกวัน และนี่คือสิ่งที่จะทำให้คุณกระโดดโลดเต้น: เครื่องมือมืออาชีพระดับสูงและมาตรฐานอุตสาหกรรมส่วนใหญ่ใช้ได้ฟรีเลย!
 
 ![Intro Programming](../../../../translated_images/th/webdev101-programming.d6e3f98e61ac4bff.webp)
-> สเก็ตช์โน้ตโดย [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote โดย [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title การเดินทางโปรแกรมของคุณวันนี้
+    title การเดินทางในการเขียนโปรแกรมของคุณในวันนี้
     section ค้นพบ
-      Programming คืออะไร: 5: You
+      โปรแกรมมิ่งคืออะไร: 5: You
       ภาษาโปรแกรมมิ่ง: 4: You
       ภาพรวมเครื่องมือ: 5: You
     section สำรวจ
       ตัวแก้ไขโค้ด: 4: You
-      เบราว์เซอร์ & เครื่องมือพัฒนา: 5: You
-      บรรทัดคำสั่ง: 3: You
+      เบราว์เซอร์ & DevTools: 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 ได้อย่างแม่นยำ
-- **ภาษาโปรแกรมมิ่งและบุคลิกที่น่าทึ่งของพวกมัน** – ลองจินตนาการเข้าไปในงานปาร์ตี้ที่แต่ละคนมีพลังวิเศษและวิธีการแก้ปัญหาที่แตกต่างกันสิ้นเชิง นั่นแหละโลกของภาษาโปรแกรมมิ่ง และคุณจะชอบที่จะได้รู้จักพวกเขา!
-- **บล็อกสร้างพื้นฐานที่ทำให้เวทมนตร์ดิจิทัลเกิดขึ้น** – คิดซะว่านี่คือชุด LEGO สร้างสรรค์ขั้นสุดยอด เมื่อคุณเข้าใจว่าส่วนประกอบเหล่านี้รวมกันอย่างไร คุณจะรู้ว่าคุณสามารถสร้างอะไรก็ได้ตามจินตนาการของคุณ
-- **เครื่องมือระดับมืออาชีพที่จะทำให้คุณรู้สึกเหมือนได้วางไม้เท้าวิเศษในมือ** – ผมไม่ได้พูดเกินจริง – เครื่องมือเหล่านี้จะทำให้คุณรู้สึกว่าคุณมีพลังพิเศษจริงๆ และส่วนที่เจ๋งที่สุด? พวกมันคือเครื่องมือเดียวกับที่มืออาชีพใช้!
+- **โปรแกรมมิ่งคืออะไรจริงๆ (และทำไมมันถึงเจ๋งที่สุด!)** – เราจะค้นพบว่าโค้ดคือเวทมนตร์ที่มองไม่เห็นที่ขับเคลื่อนทุกอย่างรอบตัวคุณ ตั้งแต่สัญญาณเตือนที่รู้ว่ามันคือเช้าวันจันทร์ไปจนถึงอัลกอริทึมที่คัดสรรรายชื่อแนะนำ Netflix ของคุณอย่างแม่นยำ
+- **ภาษาโปรแกรมและบุคลิกที่น่าทึ่งของพวกมัน** – จินตนาการว่าคุณเดินเข้าปาร์ตี้ที่แต่ละคนมีพลังวิเศษและวิธีแก้ปัญหาที่แตกต่างกัน นั่นแหละคือโลกของภาษาโปรแกรม และคุณจะต้องชอบที่ได้รู้จักพวกเขา!
+- **บล็อกสร้างสรรค์พื้นฐานที่ทำให้เวทมนตร์ดิจิทัลเกิดขึ้น** – คิดว่าสิ่งเหล่านี้คือชุดตัวต่อ LEGO ที่สร้างสรรค์ที่สุด เมื่อคุณเข้าใจว่าชิ้นส่วนเหล่านี้ประกอบกันอย่างไร คุณจะรู้ว่าคุณสามารถสร้างอะไรก็ได้จากจินตนาการของคุณ
+- **เครื่องมือมืออาชีพที่จะทำให้คุณรู้สึกเหมือนเพิ่งได้รับไม้คาถาของพ่อมด** – ผมไม่ได้พูดเกินจริง – เครื่องมือพวกนี้จะทำให้คุณรู้สึกเหมือนมีพลังวิเศษจริงๆ และส่วนที่ดีที่สุดคือ? มันคือเครื่องมือเดียวกับที่มือโปรใช้!
 
-> 💡 **นี่นะ**: ไม่ต้องพยายามจำทุกอย่างในวันนี้! ตอนนี้แค่อยากให้คุณรู้สึกถึงประกายความตื่นเต้นในสิ่งที่เป็นไปได้ รายละเอียดจะติดตัวเองอย่างเป็นธรรมชาติเมื่อเราฝึกไปด้วยกัน – นั่นแหละการเรียนรู้ที่แท้จริง!
+> 💡 **นี่แหละประเด็นสำคัญ**: อย่าคิดแม้แต่จะจำทุกอย่างในวันนี้เลย! ตอนนี้แค่ให้คุณรู้สึกถึงประกายแห่งความตื่นเต้นว่ามีสิ่งที่เป็นไปได้แค่ไหน รายละเอียดจะติดตามมาเองตามธรรมชาติเมื่อลองทำจริง – นี่แหละคือการเรียนรู้ของแท้!
 
-> คุณสามารถเรียนบทเรียนนี้ได้ที่ [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 นั่นคือ “ใช่” กับ “ไม่ใช่” หรือ “เปิด” กับ “ปิด” เท่านั้น! แต่สิ่งที่น่าสนใจคือ – เราไม่จำเป็นต้องพูดด้วย 1 กับ 0 แบบใน The Matrix นั่นแหละที่ภาษาโปรแกรมมิ่งเข้ามาช่วย พวกมันเหมือนนักแปลที่ดีที่สุดในโลกที่แปลงความคิดคนเป็นภาษาคอมพิวเตอร์
+สิ่งที่ทำให้ผมตะลึงตอนแรกเรียนคือ: คอมพิวเตอร์จริงๆ แล้วง่ายมากในแก่นแท้ มันเข้าใจแค่สองอย่าง – 1 และ 0 ซึ่งก็คือ "ใช่" และ "ไม่ใช่" หรือ "เปิด" กับ "ปิด" เท่านั้น! แต่สิ่งที่เป็นเวทมนตร์คือ – เราไม่ต้องพูดด้วย 1 และ 0 เหมือนใน The Matrix นั่นแหละ ที่มาของ **ภาษาโปรแกรม** ที่คอยแปลภาษามนุษย์ที่เราคิดให้กลายเป็นภาษาคอมพิวเตอร์
 
-และนี่คือสิ่งที่ยังทำให้ผมตื่นเต้นทุกเช้าที่ตื่นขึ้นมา: ทุกสิ่งที่เป็นดิจิทัลในชีวิตคุณเริ่มต้นจากใครสักคนแบบคุณ อาจนั่งอยู่ในชุดนอนพร้อมกาแฟในมือ กำลังพิมพ์โค้ดบนโน้ตบุ๊ก ตัวกรอง Instagram ที่ทำให้คุณดูไร้ที่ติเหรอ? คนเขียนโค้ดมัน อัลกอริธึมแนะนำเพลงโปรดใหม่ของคุณเหรอ? นักพัฒนาสร้างมัน แอปที่ให้คุณหารบิลอาหารค่ำกับเพื่อนๆ ใช่เลย ใครสักคนคิดว่า "นี่มันน่ารำคาญ ฉันคงแก้ได้" แล้วก็ทำมันสำเร็จ!
+และนี่คือสิ่งที่ยังทำให้ผมรู้สึกเย็นวูบทุกเช้าเมื่อผมตื่นขึ้นมา: ทุกสิ่งดิจิทัลในชีวิตคุณเริ่มต้นจากคนที่เหมือนคุณ กำลังนั่งในชุดนอนกับแก้วกาแฟ พิมพ์โค้ดบนแล็ปท็อป ฟิลเตอร์ Instagram ที่ทำให้คุณดูไม่มีที่ติ? คนคนหนึ่งเขียนโค้ดอันนั้น คำแนะนำที่ทำให้คุณเจอเพลงโปรดใหม่? นักพัฒนาเขียนอัลกอริทึมนั้น แอปที่ช่วยแยกบิลมื้อค่ำกับเพื่อน? ใช่เลย ใครสักคนคิดว่า "นี่น่ารำคาญ ฉันน่าจะแก้ได้" แล้วก็ทำจริง!
 
-เมื่อคุณเรียนรู้โปรแกรมมิ่ง คุณไม่ได้แค่เพิ่มทักษะใหม่ – คุณกำลังเป็นส่วนหนึ่งของชุมชนแก้ปัญหาที่ใช้เวลาคิดว่า "ถ้าฉันสร้างอะไรบางอย่างที่ทำให้วันของใครบางคนดีขึ้นนิดหน่อยได้ล่ะ?" จริงๆ มีอะไรเจ๋งกว่านี้ไหม?
+เมื่อคุณเรียนรู้โปรแกรมมิ่ง คุณไม่ได้แค่เพิ่มทักษะใหม่ – แต่เป็นส่วนหนึ่งของชุมชนนักแก้ปัญหาสุดวิเศษที่ใช้เวลาทั้งวันคิดว่า "ถ้าฉันสร้างอะไรสักอย่างที่ทำให้วันของใครสักคนดีขึ้นนิดหน่อยได้ล่ะ?" จริงๆ จะมีอะไรเจ๋งกว่านี้ไหม?
 
-✅ **ล่าสมบัติข้อเท็จจริงสนุก**: มีเรื่องน่าสนใจให้ค้นหาตอนที่มีเวลาว่าง – ใครคือโปรแกรมเมอร์คนแรกของโลก? ผมบอกใบ้ให้: อาจไม่ใช่คนที่คุณคาดหวัง! เรื่องราวของคนนี้น่าทึ่งมาก และแสดงให้เห็นว่าโปรแกรมมิ่งคือการแก้ปัญหาอย่างสร้างสรรค์และคิดนอกกรอบเสมอมา
+✅ **สนุกกับการค้นหาข้อมูล**: นี่เป็นสิ่งเจ๋งที่ควรค้นหาเมื่อคุณมีเวลาว่าง – คุณคิดว่าใครคือโปรแกรมเมอร์คนแรกของโลก? ผมจะให้คำใบ้: อาจไม่ใช่คนที่คุณคาดคิด! เรื่องราวของคนนี้น่าทึ่งมากและแสดงให้เห็นว่าการเขียนโปรแกรมคือศิลปะแห่งการแก้ปัญหาอย่างสร้างสรรค์และคิดนอกกรอบเสมอมา
 
-### 🧠 **เวลาตรวจสอบ: คุณรู้สึกอย่างไร?**
+### 🧠 **เช็คอิน: ตอนนี้คุณรู้สึกยังไง?**
 
-**พักคิดสักครู่:**
-- ไอเดียเรื่อง “การสั่งการคอมพิวเตอร์” เข้าใจไหมตอนนี้?
-- คิดถึงงานประจำวันที่อยากจะเขียนโปรแกรมช่วยให้ทำอัตโนมัติได้ไหม?
-- มีคำถามอะไรลอยขึ้นมาในหัวบ้างเกี่ยวกับเรื่องโปรแกรมมิ่งนี้?
+**ขอเวลาสักครู่ไตร่ตรอง:**
+- ความคิดเรื่อง "การให้คำสั่งกับคอมพิวเตอร์" เข้าใจไหมตอนนี้?
+- คุณนึกถึงงานประจำวันที่อยากอัตโนมัติด้วยโปรแกรมไหม?
+- มีคำถามอะไรเด่นชัดในหัวเกี่ยวกับการเขียนโปรแกรมนี้ไหม?
 
-> **จำไว้**: ปกติมากถ้าบางแนวคิดยังดูงงตอนนี้ การเรียนโปรแกรมมิ่งเหมือนเรียนภาษาใหม่ – ต้องใช้เวลาสมองสร้างเส้นทางประสาทใหม่ คุณทำได้ดีมาก!
+> **จำไว้ว่า**: ปกติหมดถ้าแนวคิดบางอย่างยังไม่ชัดเจน การเรียนเขียนโปรแกรมเหมือนการเรียนภาษาใหม่ – ต้องใช้เวลาสร้างทางเดินประสาทในสมอง คุณทำได้ดีมาก!
 
-## ภาษาโปรแกรมมิ่งเหมือนรสชาติของเวทมนตร์ที่แตกต่างกัน
+## ภาษาโปรแกรมคือรสชาติเวทมนตร์ที่แตกต่างกัน
 
-โอเค มันจะฟังดูแปลกๆ แต่ติดตามผมหน่อย – ภาษาโปรแกรมเหมือนดนตรีหลายแบบอย่างมาก ลองนึกถึง: คุณมีแจ๊ส ที่ลื่นไหลและอิมโพรไวส์, ร็อกที่ทรงพลังและตรงไปตรงมา, คลาสสิกที่สง่างามและมีโครงสร้าง, และฮิปฮอปที่สร้างสรรค์และแสดงออก สไตล์แต่ละอย่างมีอารมณ์ของมันเอง ชุมชนแฟน passionate ของมันเอง และเหมาะกับบรรยากาศและโอกาสที่ต่างกัน
+โอเค ฟังดูแปลกนิดหน่อยแต่ขอให้ตามผมไป – ภาษาโปรแกรมเหมือนกับประเภทดนตรีที่แตกต่างกัน ลองนึกถึง: คุณมีแจ๊สที่ลื่นไหลและเล่นสด, ร็อกที่ทรงพลังและตรงไปตรงมา, คลาสสิกที่สง่างามและมีโครงสร้าง และฮิปฮอปที่สร้างสรรค์และแสดงออก สไตล์แต่ละอย่างมีบรรยากาศเป็นของตัวเอง ชุมชนแฟนคลับที่คลั่งไคล้ และเหมาะกับอารมณ์และโอกาสที่แตกต่างกัน
 
-ภาษาโปรแกรมเหมือนกันเป๊ะ! คุณคงไม่ใช้ภาษาเดียวกันเขียนเกมมือถือสนุกๆ กับภาษาใช้คำนวณข้อมูลภูมิอากาศมหาศาล เหมือนไม่มีใครเปิดเดธเมทัลในคลาสโยคะ (เอ่อ ส่วนใหญ่นะ! 😄)
+ภาษาโปรแกรมก็เหมือนกัน! คุณไม่ใช้ภาษาเดียวกันสร้างเกมมือถือสนุกๆ กับภาษาที่ใช้ประมวลผลข้อมูลภูมิอากาศจำนวนมาก เหมือนกับคุณไม่เปิดเพลงเดธเมทัลที่คลาสเรียนโยคะ (เอ่อ ส่วนใหญ่ก็ใช่! 😄)
 
-แต่สิ่งที่ทำให้ผมทึ่งทุกครั้งที่คิดถึงคือ: ภาษาพวกนี้เหมือนนักแปลที่อดทนและฉลาดที่สุดในโลกนั่งอยู่ข้างๆ คุณ คุณแสดงความคิดในแบบที่สมองคนรับได้ และพวกมันจัดการแปลงให้เป็น 1 กับ 0 ที่คอมพิวเตอร์เข้าใจได้ มันเหมือนมีเพื่อนที่พูดได้คล่องทั้ง “ความคิดสร้างสรรค์ของมนุษย์” กับ “ตรรกะของคอมพิวเตอร์” – และพวกเขาไม่เคยเหนื่อย ไม่ต้องพักกาแฟ และไม่เคยตัดสินคุณถ้าถามคำถามซ้ำ!
+แต่สิ่งที่ทำให้ผมประหลาดใจทุกครั้งที่คิดถึง: ภาษาเหล่านี้เหมือนล่ามที่อดทนและอัจฉริยะที่สุดในโลกนั่งอยู่ข้างๆ คุณ คุณสามารถแสดงความคิดในรูปแบบที่เป็นธรรมชาติกับสมองมนุษย์ และพวกเขาจะจัดการเรื่องซับซ้อนทั้งหมดในการแปลงเป็น 1 และ 0 ที่คอมพิวเตอร์เข้าใจ มันเหมือนมีเพื่อนที่พูดได้คล่องทั้ง "ความสร้างสรรค์มนุษย์" และ "ตรรกะคอมพิวเตอร์" – และเขาไม่เคยเหนื่อย ไม่ต้องพักกาแฟ และไม่เคยดุเวลาคุณถามคำถามเดิมซ้ำ!
 
-### ภาษาโปรแกรมยอดนิยมและการใช้งาน
+### ภาษาที่ได้รับความนิยมและการใช้งาน
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((ภาษาการเขียนโปรแกรม))
     Web Development
       JavaScript
-        เวทมนตร์หน้าเว็บ
+        Frontend Magic
         เว็บไซต์เชิงโต้ตอบ
       TypeScript
-        JavaScript + ชนิดข้อมูล
+        JavaScript + Types
         แอปองค์กร
     Data & AI
       Python
@@ -106,56 +106,56 @@ mindmap
         องค์กร
       Swift
         iOS
-        ระบบแอปเปิล
+        ระบบนิเวศของ Apple
       Kotlin
         Android สมัยใหม่
         ข้ามแพลตฟอร์ม
     Systems & Performance
       C++
         เกม
-        ประสิทธิภาพสูง
+        ประสิทธิภาพสำคัญ
       Rust
-        ความปลอดภัยหน่วยความจำ
+        ความปลอดภัยของหน่วยความจำ
         การเขียนโปรแกรมระบบ
       Go
         บริการคลาวด์
-        แบ็คเอนด์ที่ปรับขนาดได้
+        ระบบหลังบ้านที่ปรับขนาดได้
 ```
-| Language | เหมาะสำหรับ | ทำไมถึงเป็นที่นิยม |
-|----------|--------------|---------------------|
-| **JavaScript** | พัฒนาเว็บ, อินเทอร์เฟซผู้ใช้ | รันในเบราว์เซอร์และขับเคลื่อนเว็บไซต์ที่โต้ตอบได้ |
-| **Python** | วิทยาศาสตร์ข้อมูล, อัตโนมัติ, ปัญญาประดิษฐ์ | อ่านง่าย เรียนรู้ได้ง่าย มีไลบรารีทรงพลัง |
-| **Java** | แอปองค์กร, แอป Android | ข้ามแพลตฟอร์ม แข็งแรงสำหรับระบบขนาดใหญ่ |
-| **C#** | แอป Windows, พัฒนาเกม | รองรับดีในระบบนิเวศของ Microsoft |
-| **Go** | บริการคลาวด์, ระบบเบื้องหลัง | เร็ว, เรียบง่าย, ออกแบบสำหรับคอมพิวเตอร์สมัยใหม่ |
+| ภาษา | เหมาะสำหรับ | ทำไมถึงได้รับความนิยม |
+|----------|----------|------------------|
+| **JavaScript** | พัฒนาเว็บ, ส่วนติดต่อผู้ใช้ | รันในเบราว์เซอร์และขับเคลื่อนเว็บไซต์โต้ตอบได้ |
+| **Python** | วิทยาศาสตร์ข้อมูล, อัตโนมัติ, ปัญญาประดิษฐ์ | อ่านและเรียนรู้ง่าย, มีไลบรารีทรงพลัง |
+| **Java** | แอปองค์กร, แอป Android | ใช้งานข้ามแพลตฟอร์ม, แข็งแกร่งสำหรับระบบใหญ่ |
+| **C#** | แอป Windows, พัฒนาเกม | ได้รับการสนับสนุนระบบนิเวศของ Microsoft อย่างเข้มแข็ง |
+| **Go** | บริการคลาวด์, ระบบแบ็คเอนด์ | เร็ว, เรียบง่าย, ออกแบบสำหรับคอมพิวเตอร์ยุคใหม่ |
 
 ### ภาษาเลเวลสูงกับเลเวลต่ำ
 
-โอเค นี่คือแนวคิดที่ทำให้ผมปวดหัวตอนเริ่มเรียนใหม่ๆ มาก ดังนั้นผมจะแบ่งปันอุปมาอุปไมยที่ทำให้ผมเข้าใจในที่สุด – และหวังว่าคุณจะช่วยได้ด้วย!
+โอเค นี่คือแนวคิดที่ทำให้ผมปวดหัวสุดตอนเริ่มเรียน ผมจะแบ่งปันเปรียบเทียบที่ทำให้ผมเข้าใจและหวังว่าจะช่วยคุณได้ด้วย!
 
-นึกภาพว่าคุณเดินทางไปประเทศที่ไม่พูดภาษาที่นั่น และต้องการหาห้องน้ำอย่างเร่งด่วน (พวกเราผ่านกันมาแล้วใช่ไหม? 😅):
+ลองนึกภาพว่าคุณไปประเทศที่พูดภาษานั้นไม่ได้และต้องหาห้องน้ำด่วน (เราผ่านเรื่องนี้กันมาแล้วใช่ไหม? 😅):
 
-- **โปรแกรมมิ่งเลเวลต่ำ** คือการเรียนภาษาท้องถิ่นดีมากจนคุยกับย่าคนขายผลไม้ตรงหัวมุมได้ ใช้อ้างอิงวัฒนธรรม สแลงท้องถิ่น และมุกภายในที่มีแต่คนโตที่นั่นจะเข้าใจ ประทับใจและมีประสิทธิภาพสูง... ถ้าคุณเป็นผู้คล่องจริงๆ! แต่ก็ค่อนข้างล้นหลามเมื่อต้องแค่หาห้องน้ำ
+- **การโปรแกรมระดับต่ำ** เหมือนเรียนภาษาพื้นเมืองจนสามารถคุยกับยายขายผลไม้ตรงมุมถนนโดยใช้ความรู้ทางวัฒนธรรม, สแลงในท้องถิ่น, และมุกลับหัวที่มีเฉพาะคนโตที่นั่นจะเข้าใจ ฟังดูประทับใจและมีประสิทธิภาพมาก...ถ้าคุณพูดภาษานั้นคล่อง! แต่ก็ลำบากเหลือเกินเมื่อแค่อยากหาห้องน้ำ
 
-- **โปรแกรมมิ่งเลเวลสูง** เหมือนมีเพื่อนท้องถิ่นเจ๋งๆ ที่เข้าใจคุณ คุณพูดเป็นภาษาอังกฤษง่ายๆ ว่า "ฉันอยากห้องน้ำ" แล้วเขาจัดการแปลวัฒนธรรมและบอกทางที่สมองคุณรับได้ง่าย
+- **การโปรแกรมระดับสูง** เหมือนมีเพื่อนท้องถิ่นที่เข้าใจคุณ คุณบอก "ฉันอยากหาห้องน้ำ" แบบอังกฤษง่ายๆ และเขาจัดการแปลวัฒนธรรมและบอกทางให้ในแบบที่สมองที่ไม่ใช่คนท้องถิ่นเข้าใจได้ดีมาก
 
-ในโลกโปรแกรม:
-- **ภาษาระดับต่ำ** (เช่น Assembly หรือ C) ให้คุณสนทนาอย่างละเอียดกับฮาร์ดแวร์คอมพิวเตอร์จริงๆ แต่คุณต้องคิดแบบเครื่องจักร ซึ่ง... บอกเลยว่าต้องใช้ความคิดเปลี่ยนโหมดใหญ่!
-- **ภาษาระดับสูง** (เช่น JavaScript, Python, หรือ C#) ให้คุณคิดแบบมนุษย์ขณะที่พวกมันจัดการภาษาเครื่องเบื้องหลัง อีกทั้งมีชุมชนที่ต้อนรับอบอุ่นเต็มไปด้วยคนที่จำได้ว่าการเป็นมือใหม่เป็นอย่างไรและต้องการช่วยจริงใจ!
+ในภาษาโปรแกรม:
+- **ระดับต่ำ** (เช่น Assembly หรือ C) ให้คุณมีบทสนทนาอย่างละเอียดกับฮาร์ดแวร์คอมพิวเตอร์จริงๆ แต่ต้องคิดเหมือนเครื่องจักร ซึ่ง...บอกเลยเป็นการเปลี่ยนความคิดที่ใหญ่มาก!
+- **ระดับสูง** (เช่น JavaScript, Python, หรือ C#) ให้คุณคิดเหมือนมนุษย์ ขณะที่พวกมันจัดการเรื่องภาษาเครื่องที่ซับซ้อนอยู่เบื้องหลัง ยิ่งไปกว่านั้น มีชุมชนต้อนรับที่อบอุ่นเต็มไปด้วยคนที่จำได้ว่ารู้สึกยังไงตอนเริ่มใหม่และอยากช่วยเหลือจริงใจ!
 
-เดาว่าภาษาที่ผมจะแนะนำให้คุณเริ่มใช้คืออะไร? 😉 ภาษาระดับสูงเหมือนมีล้อฝึกขี่จักรยานที่คุณแทบไม่อยากถอดออกเลยเพราะมันทำให้ประสบการณ์มันลื่นไหลและสนุกขึ้นมาก!
+เดาไหมว่าภาษาแบบไหนที่ผมจะแนะนำให้เริ่มด้วย? 😉 ภาษาเลเวลสูงเหมือนการใส่ล้อฝึกที่คุณแทบไม่อยากถอดเพราะมันทำให้ประสบการณ์สนุกมากขึ้น!
 
 ```mermaid
 flowchart TB
-    A["👤 ความคิดของมนุษย์:<br/>'ฉันต้องการคำนวณเลขฟีโบนัชชี'"] --> B{เลือกระดับภาษา}
+    A["👤 ความคิดของมนุษย์:<br/>'ฉันต้องการคำนวณจำนวนฟีโบนักชี'"] --> B{เลือกระดับภาษา}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>ง่ายต่อการอ่านและเขียน"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>ควบคุมฮาร์ดแวร์โดยตรง"]
+    B -->|ระดับสูง| C["🌟 JavaScript/Python<br/>อ่านและเขียนง่าย"]
+    B -->|ระดับต่ำ| D["⚙️ Assembly/C<br/>ควบคุมฮาร์ดแวร์โดยตรง"]
     
     C --> E["📝 เขียน: fibonacci(10)"]
     D --> F["📝 เขียน: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 ความเข้าใจของคอมพิวเตอร์:<br/>ตัวแปลงจัดการความซับซ้อน"]
+    E --> G["🤖 ความเข้าใจของคอมพิวเตอร์:<br/>ตัวยแปลจัดการความซับซ้อน"]
     F --> G
     
     G --> H["💻 ผลลัพธ์เหมือนกัน:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     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: การตั้งค่า Fibonacci เบื้องต้น
+// ขั้นตอนที่ 1: การตั้งค่าพื้นฐานของฟีโบนัชชี
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -184,13 +184,13 @@ console.log('Fibonacci sequence:');
 ```
 
 **โค้ดนี้ทำอะไร:**
-- **ประกาศ** ค่าคงที่เพื่อกำหนดจำนวนเลขฟีโบนัชชีที่ต้องการสร้าง
-- **เริ่มต้น** ตัวแปรสองตัวเพื่อติดตามเลขปัจจุบันและเลขถัดไปในลำดับ
-- **ตั้งค่า** ค่าต้นแบบ (0 กับ 1) สำหรับโครงสร้างฟีโบนัชชี
-- **แสดง** ข้อความหัวเรื่องเพื่อบอกผลลัพธ์ของเรา
+- **ประกาศ** ค่าคงที่เพื่อระบุจำนวนเลขฟีโบนักชีที่ต้องการสร้าง
+- **เริ่ม** ตัวแปรสองตัวเพื่อติดตามเลขปัจจุบันและถัดไปในลำดับ
+- **ตั้งค่า** ค่าต้น (0 และ 1) ที่ก่อตัวลำดับฟีโบนักชี
+- **แสดง** หัวข้อเพื่อระบุผลลัพธ์
 
 ```javascript
-// ขั้นตอนที่ 2: สร้างลำดับด้วยการวนรอบ
+// ขั้นตอนที่ 2: สร้างลำดับด้วยการใช้ลูป
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**อธิบายสิ่งที่เกิดขึ้น:**
-- **วนลูป** ผ่านตำแหน่งแต่ละตัวในลำดับโดยใช้ `for` loop
-- **แสดง** เลขแต่ละตัวพร้อมตำแหน่งโดยใช้รูปแบบข้อความแม่แบบ
-- **คำนวณ** เลขฟีโบนัชชีถัดไปโดยบวกเลขปัจจุบันและถัดไป
-- **อัปเดต** ตัวแปรติดตามเพื่อขยับไปลูปถัดไป
+**แยกส่วนสิ่งที่เกิดขึ้น:**
+- **วนลูป** ผ่านทุกตำแหน่งในลำดับด้วย `for` loop
+- **แสดง** แต่ละตัวเลขพร้อมตำแหน่งโดยใช้ template literal
+- **คำนวณ** เลขฟีโบนักชีตัวถัดไปโดยบวกค่าในปัจจุบันกับตัวถัดไป
+- **อัปเดต** ตัวแปรเพื่อไปยังรอบถัดไป
 
 ```javascript
 // ขั้นตอนที่ 3: วิธีการเชิงฟังก์ชันสมัยใหม่
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**ในข้างบน เราได้:**
-- **สร้าง** ฟังก์ชันที่ใช้ซ้ำได้โดยใช้ไวยากรณ์ arrow function แบบสมัยใหม่
-- **สร้าง** อาร์เรย์เพื่อเก็บลำดับทั้งหมดแทนการแสดงทีละตัว
-- **ใช้** ดัชนีอาร์เรย์คำนวณแต่ละตัวใหม่จากค่าก่อนหน้า
-- **คืนค่า** ลำดับทั้งหมดเพื่อนำไปใช้ในส่วนอื่นของโปรแกรมได้อย่างยืดหยุ่น
+**ในโค้ดด้านบน:**
+- **สร้าง** ฟังก์ชันที่ใช้ซ้ำได้ด้วย syntax ลูกศรแบบใหม่
+- **สร้าง** อาร์เรย์เพื่อเก็บลำดับทั้งหมดแทนการแสดงผลทีละตัว
+- **ใช้** ดัชนีอาร์เรย์คำนวณเลขใหม่จากค่าก่อนหน้า
+- **ส่งคืน** ลำดับทั้งหมดเพื่อการใช้งานยืดหยุ่นในโปรแกรมส่วนอื่น
 
-**ภาษาระดับต่ำ (ARM Assembly) – เป็นมิตรกับคอมพิวเตอร์:**
+**ภาษาเลเวลต่ำ (ARM Assembly) – เป็นมิตรกับคอมพิวเตอร์:**
 
 ```assembly
  area ascen,code,readonly
@@ -257,59 +257,59 @@ back add r0,r1
  end
 ```
 
-สังเกตว่ารุ่น JavaScript อ่านเหมือนคำสั่งภาษาอังกฤษ ในขณะที่รุ่น Assembly ใช้คำสั่งลึกลับที่ควบคุมตัวประมวลผลโดยตรง ทั้งสองทำงานเดียวกัน แต่วิธีที่ภาษาระดับสูงทำให้คนเข้าใจ เขียน และดูแลได้ง่ายกว่ามาก
+สังเกตว่าเวอร์ชัน JavaScript อ่านเหมือนคำสั่งภาษาอังกฤษ ในขณะที่ Assembly ใช้คำสั่งลึกลับที่ควบคุมโปรเซสเซอร์โดยตรง ทั้งสองอย่างทำงานเหมือนกันเป๊ะ แต่ภาษาเลเวลสูงเข้าใจง่ายกว่าเขียนและบำรุงรักษาสำหรับคนมาก
 
-**ความแตกต่างหลักที่คุณจะเห็น:**
-- **ความอ่านง่าย**: JavaScript ใช้ชื่อตัวแปรบอกความหมายเช่น `fibonacciCount` ในขณะที่ Assembly ใช้ป้ายชื่อที่ดูลึกลับเช่น `r0`, `r1`
-- **คอมเมนต์**: ภาษาระดับสูงสนับสนุนการเขียนคอมเมนต์อธิบายเพื่อทำให้โค้ดสามารถอธิบายตัวเองได้  
-- **โครงสร้าง**: ลำดับตรรกะของ JavaScript สอดคล้องกับวิธีที่คนคิดแก้ปัญหาเป็นขั้นตอน  
-- **การบำรุงรักษา**: การปรับเวอร์ชัน JavaScript ให้เหมาะกับความต้องการที่แตกต่างเป็นเรื่องง่ายและชัดเจน  
+**ความแตกต่างหลักที่คุณจะสังเกตเห็น:**
+- **ความอ่านง่าย**: JavaScript ใช้ชื่อที่บรรยายความหมายชัดเจนเช่น `fibonacciCount` ขณะที่ Assembly ใช้ป้ายกำกับที่เข้าใจยากอย่าง `r0`, `r1`
+- **คอมเมนต์**: ภาษาระดับสูงส่งเสริมให้มีคอมเมนต์ที่อธิบายชัดเจนซึ่งทำให้โค้ดเป็นเอกสารด้วยตัวเอง
+- **โครงสร้าง**: โฟลว์เชิงตรรกะของ JavaScript สอดคล้องกับวิธีที่มนุษย์คิดแก้ปัญหาเป็นขั้นตอน
+- **การบำรุงรักษา**: การอัพเดตเวอร์ชัน JavaScript สำหรับความต้องการที่ต่างกันเป็นเรื่องง่ายและชัดเจน
 
-✅ **เกี่ยวกับลำดับฟีโบนัชชี**: รูปแบบตัวเลขที่สวยงามสุดยอดนี้ (ที่ตัวเลขแต่ละตัวเท่ากับผลบวกของสองตัวก่อนหน้า: 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: การสร้างตัวแปรพื้นฐาน
@@ -318,12 +318,12 @@ let currentWeather = "sunny";
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**เข้าใจแนวคิดเหล่านี้:**  
-- **เก็บ** ค่าที่ไม่เปลี่ยนแปลงในตัวแปร `const` (เช่น ชื่อไซต์)  
-- **ใช้** `let` สำหรับค่าที่อาจเปลี่ยนแปลงตลอดโปรแกรม  
-- **กำหนด** ประเภทข้อมูลต่างๆ: สตริง (ข้อความ), ตัวเลข, และบูลีน (จริง/เท็จ)  
-- **เลือก** ชื่อที่บอกอย่างชัดเจนว่าตัวแปรเก็บอะไร  
+
+**ทำความเข้าใจแนวคิดเหล่านี้:**
+- **เก็บ** ค่าที่ไม่เปลี่ยนแปลงในตัวแปร `const` (เช่นชื่อเว็บไซต์)
+- **ใช้** `let` สำหรับค่าที่สามารถเปลี่ยนแปลงได้ตลอดโปรแกรม
+- **กำหนด** ชนิดข้อมูลต่างๆ: สตริง (ข้อความ), ตัวเลข, และบูลีน (จริง/เท็จ)
+- **เลือก** ชื่อที่บรรยายความหมายว่าแต่ละตัวแปรเก็บอะไร
 
 ```javascript
 // ขั้นตอนที่ 2: การทำงานกับอ็อบเจ็กต์เพื่อจัดกลุ่มข้อมูลที่เกี่ยวข้องกัน
@@ -333,48 +333,48 @@ const weatherData = {
   windSpeed: 12
 };
 ```
-  
-**ในตัวอย่างข้างบน เราได้:**  
-- **สร้าง** อ็อบเจ็กต์เพื่อรวบรวมข้อมูลเกี่ยวกับสภาพอากาศ  
-- **จัดการ** ข้อมูลหลายชิ้นภายใต้ชื่อตัวแปรเดียว  
-- **ใช้** คู่คีย์-ค่าเพื่อระบุข้อมูลแต่ละชิ้นอย่างชัดเจน  
+
+**ในตัวอย่างนี้เราได้:**
+- **สร้าง** อ็อบเจกต์เพื่อรวมข้อมูลสภาพอากาศที่เกี่ยวข้องเข้าด้วยกัน
+- **จัดระเบียบ** ข้อมูลหลายชิ้นไว้ภายใต้ชื่อตัวแปรเดียว
+- **ใช้** คู่คีย์-ค่าเพื่อให้ป้ายชื่อข้อมูลแต่ละส่วนชัดเจน
 
 ```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}%`);
 ```
-  
-**ที่ควรทราบ:**  
-- **แยก** คุณสมบัติเฉพาะจากอ็อบเจ็กต์ด้วยการมอบหมายแบบ destructuring  
-- **สร้าง** ตัวแปรใหม่โดยอัตโนมัติที่มีชื่อเหมือนกับคีย์ของอ็อบเจ็กต์  
-- **ทำให้โค้ดง่ายขึ้น** โดยหลีกเลี่ยงการใช้จุดซ้ำๆ  
 
-### ควบคุมลำดับโปรแกรม: สอนให้โปรแกรมคิด
+**สิ่งที่ต้องรู้:**
+- **แยก** คุณสมบัติเฉพาะจากอ็อบเจกต์โดยใช้การมอบหมายแบบแยกส่วน (destructuring assignment)
+- **สร้าง** ตัวแปรใหม่โดยอัตโนมัติที่มีชื่อเดียวกับคีย์ของอ็อบเจกต์
+- **ทำให้โค้ดเรียบง่าย** โดยหลีกเลี่ยงการใช้จุดซ้ำๆ
+
+### การควบคุมโฟลว์: สอนโปรแกรมของคุณให้คิด
 
-โอเค นี่แหละคือจุดที่การเขียนโปรแกรมสุดยอดมาก! **การควบคุมลำดับโปรแกรม** คือการสอนโปรแกรมให้ตัดสินใจอย่างชาญฉลาด เหมือนที่คุณทำทุกวันโดยไม่ต้องคิด  
+โอเค นี่คือจุดที่การเขียนโปรแกรมเริ่มน่าทึ่งอย่างแท้จริง! **การควบคุมโฟลว์** เป็นการสอนโปรแกรมของคุณให้ตัดสินใจอย่างชาญฉลาด เหมือนกับที่คุณทำทุกวันโดยแทบไม่ต้องคิดเลย
 
-ลองนึกภาพว่าตอนเช้านี้คุณอาจผ่านเหตุการณ์แบบ “ถ้าฝนตกก็จะเอาร่ม ถ้าอากาศหนาวก็ใส่เสื้อแจ็กเก็ต ถ้าฉันสายก็ข้ามอาหารเช้าแล้วซื้อกาแฟระหว่างทาง” สมองคุณติดตามตรรกะ if-then นี้หลายสิบครั้งทุกวัน!  
+ลองจินตนาการสิ: เช้านี้คุณอาจผ่านกระบวนการตัดสินใจแบบ "ถ้าฝนตก ฉันจะหยิบร่ม ถ้าหนาว ฉันจะใส่เสื้อแจ็คเก็ต ถ้าฉันสาย ฉันจะไม่กินเช้าแล้วไปซื้อกาแฟระหว่างทาง" สมองของคุณทำตามตรรกะ if-then นี้นับสิบครั้งทุกวัน!
 
-นี่คือสิ่งที่ทำให้โปรแกรมดูเหมือนฉลาดและมีชีวิต แทนที่จะทำตามสคริปต์น่าเบื่อที่คาดเดาได้ พวกมันสามารถดูเหตุการณ์ ประเมินสิ่งที่เกิดขึ้น และตอบสนองอย่างเหมาะสม เหมือนกับให้โปรแกรมมีสมองที่ปรับตัวและตัดสินใจได้!  
+นี่แหละที่ทำให้โปรแกรมรู้สึกฉลาดและมีชีวิตมากกว่าการทำตามสคริปต์ที่น่าเบื่อและเดาได้ พวกมันสามารถดูสถานการณ์ ประเมินสิ่งที่เกิดขึ้น และตอบสนองได้เหมาะสม เหมือนให้โปรแกรมมีสมองที่ปรับตัวและตัดสินใจได้!
 
-อยากเห็นว่ามันทำงานอย่างไร? ให้ผมแสดง:  
+อยากเห็นว่างดงามแค่ไหน? ให้ฉันโชว์ให้ดู:
 
 ```javascript
 // ขั้นตอนที่ 1: ตรรกะเงื่อนไขพื้นฐาน
@@ -387,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**โค้ดนี้ทำอะไร:**  
-- **ตรวจสอบ** วัยของผู้ใช้ว่ามีสิทธิ์เลือกตั้งหรือไม่  
-- **รัน** บล็อกโค้ดต่างๆ ตามผลลัพธ์ของเงื่อนไข  
-- **คำนวณ** และแสดงเวลาที่เหลือจนกว่าจะมีสิทธิเลือกตั้งหากอายุต่ำกว่า 18  
-- **ให้** คำแนะนำที่เหมาะสมในแต่ละสถานการณ์  
+
+**โค้ดนี้ทำอะไร:**
+- **ตรวจสอบ** ว่าผู้ใช้มีอายุถึงเกณฑ์ลงคะแนนหรือไม่
+- **ดำเนินการ** โค้ดต่างกันตามผลเงื่อนไข
+- **คำนวณ** และแสดงเวลาที่เหลือจนกว่าจะมีสิทธิ์ลงคะแนนหากอายุน้อยกว่า 18
+- **ให้** ข้อมูลย้อนกลับที่ชัดเจนและเป็นประโยชน์สำหรับแต่ละสถานการณ์
 
 ```javascript
-// ขั้นตอนที่ 2: เงื่อนไขหลายอย่างพร้อมตัวดำเนินการเชิงตรรกะ
+// ขั้นตอนที่ 2: เงื่อนไขหลายอย่างด้วยตัวดำเนินการตรรกะ
 const userAge = 17;
 const hasPermission = true;
 
@@ -407,23 +407,23 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**อธิบายสิ่งที่เกิดขึ้น:**  
-- **รวม** หลายเงื่อนไขด้วยตัวดำเนินการ `&&` (และ)  
-- **สร้าง** ลำดับชั้นของเงื่อนไขด้วย `else if` สำหรับหลายสถานการณ์  
-- **จัดการ** ทุกกรณีด้วยคำสั่ง `else` สุดท้าย  
-- **ให้** คำแนะนำชัดเจนและทำได้จริงสำหรับแต่ละสถานการณ์  
+
+**แยกแยะสิ่งที่เกิดขึ้นที่นี่:**
+- **รวม** เงื่อนไขหลายอย่างโดยใช้ตัวดำเนินการ `&&` (และ)
+- **สร้าง** ลำดับชั้นของเงื่อนไขโดยใช้ `else if` สำหรับหลายสถานการณ์
+- **จัดการ** ทุกกรณีที่เป็นไปได้ด้วยคำสั่ง `else` สุดท้าย
+- **ให้** ข้อมูลย้อนกลับที่ชัดเจนและใช้งานได้สำหรับแต่ละกรณี
 
 ```javascript
-// ขั้นตอนที่ 3: เงื่อนไขแบบย่อด้วยตัวดำเนินการแบบเทอร์นารี
+// ขั้นตอนที่ 3: เงื่อนไขสั้น ๆ ด้วยตัวดำเนินการเทอร์นารี
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**สิ่งที่ควรจำ:**  
-- **ใช้** ตัวดำเนินการ ternary (`? :`) สำหรับเงื่อนไขสองทางง่ายๆ  
-- **เขียน** เงื่อนไขก่อน ตามด้วย `?` ผลลัพธ์ถ้าเป็นจริง แล้ว `:` ผลลัพธ์ถ้าเป็นเท็จ  
-- **ใช้** รูปแบบนี้เมื่อคุณต้องกำหนดค่าตามเงื่อนไข  
+
+**สิ่งที่ต้องจำ:**
+- **ใช้** ตัวดำเนินการเทอร์นารี (`? :`) สำหรับเงื่อนไขสองทางแบบง่าย
+- **เขียน** เงื่อนไขก่อน ตามด้วย `?` ผลลัพธ์ถ้าเป็นจริง และ `:` ผลลัพธ์ถ้าเป็นเท็จ
+- **ใช้** แบบนี้เมื่อต้องกำหนดค่าโดยขึ้นกับเงื่อนไข
 
 ```javascript
 // ขั้นตอนที่ 4: การจัดการกรณีเฉพาะหลายกรณี
@@ -445,56 +445,56 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**โค้ดนี้ทำสิ่งต่อไปนี้:**  
-- **แมตช์** ค่าของตัวแปรกับหลายกรณีพิเศษ  
-- **จัดกลุ่ม** กรณีที่คล้ายกัน (วันธรรมดา vs วันสุดสัปดาห์)  
-- **รัน** บล็อกโค้ดที่เหมาะสมเมื่อพบแมตช์  
-- **รวม** กรณี `default` เพื่อจัดการค่าที่ไม่คาดคิด  
-- **ใช้** คำสั่ง `break` เพื่อป้องกันการรันต่อกรณีถัดไป  
 
-> 💡 **ตัวอย่างในชีวิตจริง**: ลองนึกถึงการควบคุมลำดับโปรแกรมเหมือนมี GPS ที่ใจเย็นที่สุดในโลกคอยบอกทาง คุณอาจจะได้ยินว่า "ถ้ารถติดตรงถนนเมน ให้ใช้ทางด่วนแทน ถ้ามีการก่อสร้างกั้นทางด่วน ลองใช้เส้นทางชมวิว" โปรแกรมใช้ตรรกะเงื่อนไขแบบนี้เพื่อตอบสนองอย่างชาญฉลาดในสถานการณ์ต่าง ๆ และให้ประสบการณ์ที่ดีที่สุดแก่ผู้ใช้เสมอ  
+**โค้ดนี้ทำอะไร:**
+- **จับคู่** ค่าตัวแปรกับกรณีเฉพาะหลายกรณี
+- **จัดกลุ่ม** กรณีที่เหมือนกัน (วันธรรมดา vs วันหยุดสุดสัปดาห์)
+- **ดำเนินการ** โค้ดที่เหมาะสมเมื่อเจอคู่ที่ตรงกัน
+- **รวม** กรณี `default` เพื่อจัดการค่าที่ไม่คาดคิด
+- **ใช้** คำสั่ง `break` เพื่อหยุดไม่ให้โค้ดยังทำงานต่อในกรณีถัดไป
+
+> 💡 **ตัวอย่างในชีวิตจริง**: คิดว่าการควบคุมโฟลว์เหมือนกับ GPS ที่ใจเย็นที่สุดในโลกที่ให้คำแนะนำ เช่น "ถ้ามีรถติดบนถนนเมน ให้ขึ้นทางด่วนแทน ถ้ามีการก่อสร้างบล็อกทางด่วน ให้ลองเส้นทางชมวิว" โปรแกรมก็ใช้ตรรกะเงื่อนไขแบบเดียวกันนี้ตอบสนองต่อสถานการณ์ต่างๆ อย่างชาญฉลาดและให้ประสบการณ์ที่ดีที่สุดแก่ผู้ใช้เสมอ
 
-### 🎯 **ตรวจสอบแนวคิด: ความชำนาญบล็อกพื้นฐาน**
+### 🎯 **ตรวจสอบความเข้าใจ: ความชำนาญขององค์ประกอบพื้นฐาน**
 
-**มาดูกันว่าคุณเข้าใจพื้นฐานแค่ไหน:**  
-- คุณอธิบายความแตกต่างระหว่างตัวแปรและคำสั่งด้วยคำพูดของคุณเองได้ไหม?  
-- ลองคิดเหตุการณ์ในชีวิตจริงที่คุณจะใช้การตัดสินใจแบบ if-then (เหมือนตัวอย่างการเลือกตั้งของเรา)  
-- มีอะไรหนึ่งอย่างในตรรกะการเขียนโปรแกรมที่ทำให้คุณประหลาดใจไหม?  
+**มาดูกันว่าคุณเข้าใจพื้นฐานแค่ไหน:**
+- คุณอธิบายความแตกต่างระหว่างตัวแปรกับคำสั่งได้ไหม ด้วยคำพูดของคุณเอง?
+- ลองนึกสถานการณ์จริงที่คุณจะใช้การตัดสินใจ if-then (เหมือนตัวอย่างการลงคะแนนของเรา)
+- มีอะไรเกี่ยวกับตรรกะการเขียนโปรแกรมที่ทำให้คุณประหลาดใจไหม?
 
-**เพิ่มความมั่นใจอย่างรวดเร็ว:**  
+**เพิ่มความมั่นใจอย่างรวดเร็ว:**
 ```mermaid
 flowchart LR
-    A["📝 คำสั่ง<br/>(คำแนะนำ)"] --> B["📦 ตัวแปร<br/>(การจัดเก็บ)"] --> C["🔀 โฟลว์การควบคุม<br/>(การตัดสินใจ)"] --> D["🎉 โปรแกรมที่ใช้งานได้!"]
+    A["📝 คำสั่ง<br/>(คำแนะนำ)"] --> B["📦 ตัวแปร<br/>(การเก็บข้อมูล)"] --> C["🔀 การควบคุมลำดับ<br/>(การตัดสินใจ)"] --> D["🎉 โปรแกรมทำงาน!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```  
-✅ **สิ่งที่จะเกิดขึ้นต่อไป**: เราจะสนุกกันอย่างมากกับการเจาะลึกแนวคิดเหล่านี้ในขั้นตอนต่อไป! ตอนนี้ให้โฟกัสที่ความตื่นเต้นกับความเป็นไปได้มหัศจรรย์ที่รอคุณอยู่ ทักษะและเทคนิคเฉพาะจะซึมซับเข้ามาอย่างเป็นธรรมชาติเมื่อเราฝึกด้วยกัน — รับรองว่านี่จะสนุกกว่าที่คุณคิดเยอะ!  
+```
+✅ **สิ่งที่จะตามมา**: เรากำลังจะได้สนุกสุดๆ ดำลึกกับแนวคิดเหล่านี้ต่อไปในการเดินทางอันน่าทึ่งนี้ ตอนนี้แค่โฟกัสความตื่นเต้นกับทุกความเป็นไปได้ที่ยอดเยี่ยมข้างหน้า ทักษะและเทคนิคเฉพาะจะติดตัวคุณเองอย่างเป็นธรรมชาติเมื่อเราได้ฝึกฝนร่วมกัน — ฉันสัญญาว่ามันจะสนุกกว่าที่คุณคิดเยอะ!
 
-## เครื่องมือในวงการ
+## เครื่องมือแห่งการสร้างสรรค์
 
-เอาล่ะ ตรงนี้แหละที่ผมตื่นเต้นจนทนไม่ไหว! 🚀 เรากำลังจะพูดถึงเครื่องมือสุดเจ๋งที่จะทำให้คุณรู้สึกเหมือนได้กุญแจยานอวกาศดิจิทัลมาในมือ  
+โอเค นี่คือจุดที่ฉันตื่นเต้นจนแทบเก็บอารมณ์ไม่อยู่! 🚀 เรากำลังจะพูดถึงเครื่องมือสุดพิเศษที่จะทำให้คุณรู้สึกเหมือนเพิ่งได้รับกุญแจยานอวกาศดิจิทัล
 
-คุณรู้ไหมว่ามือครัวมีมีดที่สมดุลอย่างสมบูรณ์แบบที่เหมือนเป็นส่วนต่อขยายของมือเจ้า หรือมือกีต้าร์มีตัวกีต้าร์ที่เหมือนร้องเพลงทันทีที่สัมผัส? นักพัฒนาก็มีเครื่องมือเวอร์ชันเวทมนตร์แบบนี้ของตัวเอง และนี่คือสิ่งที่จะทำให้คุณตะลึง — เครื่องมือส่วนใหญ่เหล่านี้ฟรีทั้งหมด!  
+คุณรู้ไหมว่าเชฟมีมีดที่สมดุลอย่างลงตัวเหมือนเป็นส่วนหนึ่งของมือ? หรือมือกีตาร์ที่รู้สึกเหมือนมันร้องเพลงทันทีที่สัมผัส? นักพัฒนามีกลุ่มเครื่องมือวิเศษแบบเดียวกัน และนี่คือสิ่งที่จะทำให้คุณอ้าปากค้าง – ส่วนใหญ่ฟรีทั้งหมด!
 
-ผมแทบจะกระโดดไปมาไปมาในเก้าอี้เพราะตื่นเต้นที่จะแบ่งปันสิ่งเหล่านี้กับคุณ เพราะมันปฏิวัติวิธีที่เราสร้างซอฟต์แวร์เลย เรากำลังพูดถึงผู้ช่วยเขียนโค้ดที่ใช้ AI ที่ช่วยเขียนโค้ดของคุณได้ (ผมไม่ได้ล้อเล่น!), สภาพแวดล้อมบนคลาวด์ที่คุณสามารถสร้างแอปพลิเคชันทั้งตัวได้จากทุกที่ที่มี Wi-Fi และเครื่องมือดีบักที่ซับซ้อนจนเหมือนมีวิสัยทัศน์เอ็กซ์เรย์สำหรับโปรแกรมของคุณ  
+ฉันกระโดดไปมาในเก้าอี้เพราะอยากแชร์สิ่งพวกนี้กับคุณมาก เพราะมันเปลี่ยนวิธีที่เราสร้างซอฟต์แวร์อย่างสิ้นเชิง เรากำลังพูดถึงผู้ช่วยเขียนโค้ดที่ขับเคลื่อนด้วย AI ที่ช่วยคุณเขียนโค้ด (ไม่ได้ล้อเล่น!), สภาพแวดล้อมคลาวด์ที่คุณสร้างแอปได้จากที่ไหนก็ได้ที่มี Wi-Fi และเครื่องมือดีบั๊กที่ซับซ้อนเหมือนมีสายตาเอกซ์เรย์สำหรับโปรแกรมของคุณ
 
-และนี่คือส่วนที่ยังทำให้ผมรู้สึกตื่นเต้น: เหล่านี้ไม่ใช่ “เครื่องมือสำหรับมือใหม่” ที่คุณจะโตเกินไปแล้วต้องทิ้ง เหล่านี้คือเครื่องมือระดับมืออาชีพเดียวกับที่นักพัฒนาที่ Google, Netflix และสตูดิโอแอพอิสระที่คุณชื่นชอบใช้ในขณะนี้ คุณจะรู้สึกเหมือนเป็นโปรฯ ตัวจริงเมื่อใช้พวกมัน!  
+และนี่คือส่วนที่ยังทำให้ฉันรู้สึกขนลุก: เครื่องมือเหล่านี้ไม่ใช่ "เครื่องมือสำหรับมือใหม่" ที่คุณจะต้องเลิกใช้ภายหลัง แต่นี่คือเครื่องมือระดับมืออาชีพที่นักพัฒนาที่ Google, Netflix และสตูดิโอแอปอินดี้ที่คุณชื่นชอบใช้กันในเวลานี้ คุณจะรู้สึกเหมือนมือโปรเลยล่ะที่ใช้พวกนี้!
 
 ```mermaid
 graph TD
     A["💡 ไอเดียของคุณ"] --> B["⌨️ ตัวแก้ไขโค้ด<br/>(VS Code)"] 
-    B --> C["🌐 เครื่องมือพัฒนาเบราว์เซอร์<br/>(ทดสอบ & ดีบัก)"]
+    B --> C["🌐 เครื่องมือพัฒนาเบราว์เซอร์<br/>(การทดสอบ & ดีบัก)"]
     C --> D["⚡ บรรทัดคำสั่ง<br/>(อัตโนมัติ & เครื่องมือ)"]
-    D --> E["📚 เอกสาร<br/>(การเรียนรู้ & อ้างอิง)"]
-    E --> F["🚀 แอปเว็บสุดเจ๋ง!"]
+    D --> E["📚 เอกสารประกอบ<br/>(การเรียนรู้ & การอ้างอิง)"]
+    E --> F["🚀 เว็บแอปที่น่าทึ่ง!"]
     
     B -.-> G["🤖 ผู้ช่วย AI<br/>(GitHub Copilot)"]
-    C -.-> H["📱 การทดสอบอุปกรณ์<br/>(ออกแบบตอบสนอง)"]
-    D -.-> I["📦 ตัวจัดการแพ็กเกจ<br/>(npm, yarn)"]
+    C -.-> H["📱 การทดสอบอุปกรณ์<br/>(การออกแบบตอบสนอง)"]
+    D -.-> I["📦 ตัวจัดการแพ็คเกจ<br/>(npm, yarn)"]
     E -.-> J["👥 ชุมชน<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -503,121 +503,121 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```  
-### ตัวแก้ไขโค้ดและ IDE: เพื่อนดิจิทัลใหม่ของคุณ  
+```
+### ตัวแก้ไขโค้ดและ IDEs: เพื่อนดิจิทัลใหม่ของคุณ
 
-มาพูดถึงตัวแก้ไขโค้ดกัน — พวกนี้กำลังจะเป็นสถานที่โปรดที่คุณอยากอยู่! ลองคิดว่าเป็นที่ที่คุณหลบภัยส่วนตัวในการเขียนโค้ดที่คุณจะใช้เวลาส่วนใหญ่สร้างสรรค์และปรับแต่งผลงานดิจิทัลของคุณ  
+มาพูดถึงตัวแก้ไขโค้ดกัน — เหล่านี้กำลังจะกลายเป็นสถานที่โปรดใหม่ของคุณ! คิดว่ามันเหมือนสำนักเขียนโค้ดส่วนตัวที่คุณจะใช้เวลาส่วนใหญ่สร้างและปรับปรุงผลงานดิจิทัลของคุณ
 
-แต่สิ่งที่น่ามหัศจรรย์เกี่ยวกับตัวแก้ไขสมัยใหม่คือ — พวกมันไม่ใช่แค่โปรแกรมแก้ไขข้อความหรูหรา แต่เหมือนมีโค้ชเขียนโค้ดอัจฉริยะและคอยช่วยเหลืออยู่ข้างๆ คุณตลอด 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 ในตัว  
-- **ส่วนเสริมที่ควรมี**:  
-  - [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) - ตรวจคำผิดในโค้ด  
+**[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) - ตรวจจับคำพิมพ์ผิดในโค้ดของคุณ
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (เสียเงิน, ฟรีสำหรับนักเรียน)  
-- เครื่องมือ debug และทดสอบขั้นสูง  
-- เติมโค้ดอัจฉริยะ  
-- ระบบควบคุมเวอร์ชันในตัว  
+**[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/) - สร้างเว็บแอปเต็มสแตกทันที  
+**IDEs บนคลาวด์** (ราคาแตกต่างกัน)
+- [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" คุณกำลังเปิดโลกที่ซ่อนเร้นของเครื่องมือนักพัฒนาซึ่งมีพลังมากกว่าซอฟต์แวร์แพงๆ ที่ผมเคยจ่ายไปหลายร้อยดอลลาร์ มันเหมือนค้นพบว่าครัวธรรมดาของคุณมีห้องทดลองเชฟมืออาชีพซ่อนอยู่หลังแผงลับ!
-ครั้งแรกที่ใครสักคนแสดงให้ฉันดู browser DevTools ฉันใช้เวลาประมาณสามชั่วโมงแค่คลิกไปมาแล้วพูดว่า "เดี๋ยวนะ มันทำแบบนั้นได้ด้วยเหรอ?!" คุณสามารถแก้ไขเว็บไซต์ใดก็ได้แบบเรียลไทม์ ดูว่าแต่ละอย่างโหลดเร็วแค่ไหน ทดสอบว่าสไตล์เว็บของคุณเป็นอย่างไรบนอุปกรณ์ต่าง ๆ และแม้แต่ดีบัก JavaScript เหมือนมือโปรจริง ๆ มันน่าทึ่งสุด ๆ เลย!
+ทุกครั้งที่คุณคลิกขวาบนหน้าเว็บแล้วเลือก "Inspect Element" คุณกำลังเปิดโลกที่ซ่อนอยู่ของเครื่องมือสำหรับนักพัฒนาที่ทรงพลังกว่าซอฟต์แวร์แพงๆ ที่ฉันเคยจ่ายเป็นร้อยดอลลาร์อย่างมากมาย มันเหมือนกับการค้นพบว่าครัวธรรมดาของคุณซ่อนห้องแล็บเชฟมืออาชีพไว้หลังแผงลับ!
+ครั้งแรกที่มีคนสอนฉันเกี่ยวกับ DevTools ของเบราว์เซอร์ ฉันใช้เวลาประมาณสามชั่วโมงแค่คลิกดูไปรอบๆ แล้วก็พูดว่า "รอเดี๋ยว มันทำแบบนี้ได้ด้วยเหรอ?!" คุณสามารถแก้ไขเว็บไซต์ใดๆ ได้ในเวลาจริง เห็นความเร็วการโหลดอย่างชัดเจน ทดลองดูว่าหน้าเว็บของคุณจะเป็นอย่างไรบนอุปกรณ์ต่างๆ และแม้แต่ดีบัก JavaScript เหมือนมือโปรเลย มันน่าทึ่งสุดๆ!
 
-**นี่คือเหตุผลว่าทำไมเบราว์เซอร์ถึงเป็นอาวุธลับของคุณ:**
+**นี่คือเหตุผลที่ทำไมเบราว์เซอร์จึงเป็นอาวุธลับของคุณ:**
 
-เมื่อคุณสร้างเว็บไซต์หรือแอปเว็บ คุณจำเป็นต้องเห็นว่ามันดูเป็นอย่างไรและทำงานอย่างไรในโลกจริง เบราว์เซอร์ไม่เพียงแค่แสดงผลงานของคุณ แต่ยังให้ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ การเข้าถึง และปัญหาที่อาจเกิดขึ้นอย่างละเอียด
+เมื่อคุณสร้างเว็บไซต์หรือแอปเว็บ คุณต้องเห็นว่ามันดูและทำงานอย่างไรในโลกจริง เบราว์เซอร์ไม่เพียงแสดงผลงานของคุณแต่ยังให้ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพ การเข้าถึง และปัญหาที่อาจเกิดขึ้นได้อย่างละเอียด
 
 #### เครื่องมือสำหรับนักพัฒนาเบราว์เซอร์ (DevTools)
 
-เบราว์เซอร์สมัยใหม่มีชุดเครื่องมือพัฒนาอย่างครบถ้วน:
+เบราว์เซอร์สมัยใหม่มีชุดพัฒนาแบบครบวงจร:
 
-| หมวดเครื่องมือ | ทำอะไรได้บ้าง | ตัวอย่างการใช้งาน |
+| หมวดหมู่เครื่องมือ | การทำงาน | ตัวอย่างการใช้งาน |
 |---------------|--------------|------------------|
-| **เครื่องมือตรวจสอบองค์ประกอบ (Element Inspector)** | ดูและแก้ไข HTML/CSS แบบเรียลไทม์ | ปรับแต่งสไตล์เพื่อดูผลลัพธ์ทันที |
-| **คอนโซล (Console)** | ดูข้อความผิดพลาดและทดสอบ JavaScript | ดีบักปัญหาและทดลองโค้ด |
-| **ตัวตรวจสอบเครือข่าย (Network Monitor)** | ติดตามการโหลดทรัพยากร | ปรับปรุงประสิทธิภาพและเวลาโหลด |
-| **ตัวตรวจสอบการเข้าถึง (Accessibility Checker)** | ทดสอบการออกแบบที่ครอบคลุม | ให้แน่ใจว่าเว็บไซต์ของคุณใช้งานได้สำหรับทุกคน |
-| **อุปกรณ์จำลอง (Device Simulator)** | ดูตัวอย่างบนขนาดหน้าจอต่าง ๆ | ทดสอบดีไซน์ตอบสนองโดยไม่ต้องมีอุปกรณ์หลายชิ้น |
+| **Element Inspector** | ดูและแก้ไข HTML/CSS แบบเรียลไทม์ | ปรับแต่งสไตล์เพื่อดูผลลัพธ์ทันที |
+| **Console** | ดูข้อความแจ้งข้อผิดพลาดและทดสอบ JavaScript | ดีบักปัญหาและทดลองโค้ด |
+| **Network Monitor** | ติดตามการโหลดทรัพยากร | ปรับปรุงประสิทธิภาพและเวลาการโหลด |
+| **Accessibility Checker** | ทดสอบการออกแบบที่ครอบคลุม | ตรวจสอบว่าไซต์ของคุณใช้งานได้สำหรับทุกคน |
+| **Device Simulator** | ดูตัวอย่างบนหน้าจอขนาดต่างๆ | ทดสอบการออกแบบตอบสนองโดยไม่ต้องใช้หลายอุปกรณ์ |
 
-#### เบราว์เซอร์แนะนำสำหรับการพัฒนา
+#### เบราว์เซอร์ที่แนะนำสำหรับการพัฒนา
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools มาตรฐานอุตสาหกรรมพร้อมเอกสารครอบคลุม
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - เครื่องมือ CSS Grid และการเข้าถึงที่ยอดเยี่ยม
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - สร้างบน Chromium พร้อมทรัพยากรสำหรับนักพัฒนาของ Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools มาตรฐานอุตสาหกรรมพร้อมเอกสารอย่างละเอียด
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - เครื่องมือดีมากสำหรับ CSS Grid และการเข้าถึง
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - สร้างบน Chromium พร้อมทรัพยากรนักพัฒนาของ Microsoft
 
-> ⚠️ **เคล็ดลับการทดสอบสำคัญ**: ทดสอบเว็บไซต์ของคุณในเบราว์เซอร์หลายตัวเสมอ! สิ่งที่ทำงานได้ดีใน Chrome อาจดูต่างใน Safari หรือ Firefox นักพัฒนามืออาชีพจึงทดสอบในทุกเบราว์เซอร์หลักเพื่อให้ผู้ใช้ได้รับประสบการณ์ที่สอดคล้องกัน
+> ⚠️ **คำแนะนำสำคัญในการทดสอบ**: ทดสอบเว็บไซต์ของคุณในเบราว์เซอร์หลายตัวเสมอ! สิ่งที่ทำงานได้อย่างสมบูรณ์ใน Chrome อาจดูแตกต่างใน Safari หรือ Firefox นักพัฒนามืออาชีพทดสอบในทุกเบราว์เซอร์หลักเพื่อให้ประสบการณ์ผู้ใช้สอดคล้องกัน
 
 
-### เครื่องมือบรรทัดคำสั่ง: ประตูสู่พลังของนักพัฒนา
+### เครื่องมือบรรทัดคำสั่ง: ประตูสู่พลังเวทมนตร์ของนักพัฒนา
 
-เอาล่ะ มาพูดตรง ๆ กันหน่อยเกี่ยวกับบรรทัดคำสั่ง เพราะฉันอยากให้คุณได้ยินจากคนที่เข้าใจจริง ๆ ตอนแรกที่ฉันเห็นมัน — แค่หน้าจอดำที่มีข้อความกระพริบ — ฉันคิดในใจว่า "ไม่เอาน่า ไม่มีทาง! มันเหมือนฉากจากหนังแฮกเกอร์ยุค 1980 แล้วฉันก็ไม่ฉลาดพอจะใช้!" 😅
+เอาล่ะ มาช่วงเวลาที่ตรงไปตรงมาสักหน่อยเกี่ยวกับบรรทัดคำสั่ง เพราะฉันอยากให้คุณได้ยินจากคนที่เข้าใจจริงๆ เมื่อฉันเห็นมันครั้งแรก—แค่จอสีดำที่มีข้อความกะพริบ ฉันคิดจริงๆ ว่า "ไม่ล่ะ ไม่มีทาง! มันดูเหมือนฉากในหนังแฮกเกอร์ยุค 1980 แล้วฉันไม่ฉลาดพอแน่ๆ!" 😅
 
-แต่สิ่งที่ฉันหวังว่ามีคนบอกฉันตอนนั้น และตอนนี้บอกคุณคือ: บรรทัดคำสั่งไม่ได้ดูน่ากลัว — มันเหมือนกับการสนทนาโดยตรงกับคอมพิวเตอร์คุณเลย คิดซะว่ามันเหมือนการสั่งอาหารผ่านแอปหรูที่มีรูปภาพและเมนู (ซึ่งสะดวกและง่าย) เทียบกับการเดินเข้าไปร้านอาหารท้องถิ่นที่เชฟรู้ว่าคุณชอบอะไรและทำเมนูสุดพิเศษให้แค่คุณพูดว่า "เซอร์ไพรส์ด้วยอะไรเจ๋ง ๆ"
+แต่สิ่งที่ฉันอยากมีคนบอกฉันตอนนั้น และฉันกำลังบอกคุณตอนนี้: บรรทัดคำสั่งไม่ได้น่ากลัวเลย—มันเหมือนพูดคุยโดยตรงกับคอมพิวเตอร์ของคุณ ลองคิดว่ามันเหมือนความแตกต่างระหว่างสั่งอาหารผ่านแอปที่สวยงามมีรูปและเมนู (ซึ่งง่ายและสะดวก) กับการเดินเข้าไปร้านอาหารท้องถิ่นที่พ่อครัวรู้ว่าคุณชอบอะไรและทำของอร่อยให้คุณแค่พูดว่า "เซอร์ไพรส์ฉันด้วยอะไรเจ๋งๆ"
 
-บรรทัดคำสั่งคือที่ที่นักพัฒนาไปเพื่อรู้สึกเหมือนพ่อมดตัวจริง คุณพิมพ์คำสั่งที่ดูเหมือนเวทมนตร์ (เอาหน่า มันแค่คำสั่ง แต่รู้สึกเหมือนเวทมนตร์!), กด enter แล้ว บูม! — คุณได้สร้างโครงสร้างโปรเจกต์ทั้งหมด ติดตั้งเครื่องมือทรงพลังจากทั่วโลก หรือดีพลอยแอปของคุณไปยังอินเทอร์เน็ตให้ผู้คนนับล้านดูแล้ว เมื่อลองชิมพลังนี้ครั้งแรกแล้ว มันติดใจแน่นอน!
+บรรทัดคำสั่งคือที่ๆ นักพัฒนาไปเพื่อรู้สึกเหมือนพ่อมดจริงๆ คุณพิมพ์คำสั่งที่ดูเหมือนเวทมนตร์ (โอเค มันแค่คำสั่ง แต่มันรู้สึกเหมือนเวทมนตร์นั่นแหละ) กด enter แล้ว BOOM — คุณสร้างโครงสร้างโปรเจกต์ทั้งโปรเจกต์ ติดตั้งเครื่องมือทรงพลังจากทั่วโลก หรือดีพลอยแอปของคุณขึ้นอินเทอร์เน็ตให้ผู้คนนับล้านเห็น ทันทีที่คุณได้ลิ้มรสความสามารถนั้น มันติดใจมากจริงๆ!
 
-**ทำไมบรรทัดคำสั่งจะกลายเป็นเครื่องมือโปรดของคุณ:**
+**ทำไมบรรทัดคำสั่งถึงกลายเป็นเครื่องมือโปรดของคุณ:**
 
-ในขณะที่ส่วนติดต่อกราฟิกเหมาะกับงานหลายอย่าง บรรทัดคำสั่งเด่นด้านงานอัตโนมัติ ความแม่นยำ และความเร็ว เครื่องมือพัฒนาหลายตัวทำงานผ่าน CLI เป็นหลัก และการรู้วิธีใช้มันอย่างมีประสิทธิภาพสามารถช่วยเพิ่มผลผลิตของคุณได้มาก
+แม้ว่าระบบกราฟิกจะดีสำหรับหลายงาน แต่บรรทัดคำสั่งเชี่ยวชาญเรื่องอัตโนมัติ ความแม่นยำ และความเร็ว เครื่องมือพัฒนาหลายตัวทำงานผ่านอินเทอร์เฟซบรรทัดคำสั่งเป็นหลัก และการเรียนรู้ใช้งานอย่างมีประสิทธิภาพจะช่วยเพิ่มผลผลิตของคุณอย่างมาก
 
 ```bash
-# ขั้นตอนที่ 1: สร้างและไปยังโฟลเดอร์โปรเจกต์
+# ขั้นตอนที่ 1: สร้างและไปที่ไดเรกทอรีโปรเจกต์
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **โค้ดนี้ทำอะไร:**
 - **สร้าง** โฟลเดอร์ใหม่ชื่อ "my-awesome-website" สำหรับโปรเจกต์ของคุณ
-- **เข้าไปยัง** โฟลเดอร์ที่สร้างขึ้นเพื่อเริ่มทำงาน
+- **เปลี่ยนเข้าไปในโฟลเดอร์ที่สร้างขึ้น** เพื่อเริ่มทำงาน
 
 ```bash
 # ขั้นตอนที่ 2: เริ่มต้นโครงการด้วย package.json
 npm init -y
 
-# ติดตั้งเครื่องมือพัฒนาใหม่ ๆ
+# ติดตั้งเครื่องมือพัฒนาที่ทันสมัย
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**ทีละขั้นตอน สิ่งที่เกิดขึ้นคือ:**
-- **เริ่มต้น** โปรเจกต์ Node.js ใหม่ด้วยการตั้งค่าเริ่มต้นโดยใช้ `npm init -y`
-- **ติดตั้ง** Vite เป็นเครื่องมือ build สมัยใหม่สำหรับการพัฒนาและ build ที่รวดเร็ว
+**ทีละขั้นตอน นี่คือสิ่งที่เกิดขึ้น:**
+- **เริ่มต้น** โปรเจกต์ Node.js ใหม่โดยใช้การตั้งค่าเริ่มต้นด้วย `npm init -y`
+- **ติดตั้ง** Vite เป็นเครื่องมือสร้างสมัยใหม่เพื่อการพัฒนาและสร้างโปรเจกต์อย่างรวดเร็ว
 - **เพิ่ม** Prettier สำหรับจัดรูปแบบโค้ดอัตโนมัติ และ ESLint สำหรับตรวจสอบคุณภาพโค้ด
-- **ใช้** ธง `--save-dev` เพื่อระบุว่าเป็น dependencies เฉพาะสำหรับพัฒนาเท่านั้น
+- **ใช้** ธง `--save-dev` เพื่อบ่งชี้ว่าขึ้นอยู่กับสิ่งเหล่านี้เฉพาะในระหว่างพัฒนาเท่านั้น
 
 ```bash
 # ขั้นตอนที่ 3: สร้างโครงสร้างและไฟล์ของโปรเจกต์
@@ -628,204 +628,203 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**ในขั้นตอนข้างบน เราได้:**
-- **จัดระเบียบ** โปรเจกต์โดยสร้างโฟลเดอร์แยกสำหรับซอร์สโค้ดและแอสเซ็ต
-- **สร้าง** ไฟล์ HTML ขั้นพื้นฐานพร้อมโครงสร้างเอกสารที่ถูกต้อง
-- **เริ่ม** เซิร์ฟเวอร์พัฒนา Vite สำหรับการรีโหลดแบบสดและการแทนที่โมดูลร้อน
+**ในข้างต้น เราได้:**
+- **จัดระเบียบ** โปรเจกต์ของเราโดยสร้างโฟลเดอร์แยกสำหรับซอร์สโค้ดและแอสเซท
+- **สร้าง** ไฟล์ HTML พื้นฐานพร้อมโครงสร้างเอกสารที่เหมาะสม
+- **เริ่ม** เซิร์ฟเวอร์พัฒนา Vite เพื่อรีโหลดแบบสดและแทนที่โมดูลร้อน
 
-#### เครื่องมือบรรทัดคำสั่งจำเป็นสำหรับการพัฒนาเว็บ
+#### เครื่องมือบรรทัดคำสั่งที่จำเป็นสำหรับการพัฒนาเว็บ
 
 | เครื่องมือ | จุดประสงค์ | ทำไมคุณต้องใช้ |
 |------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | ควบคุมเวอร์ชัน | ติดตามการเปลี่ยนแปลง, ทำงานร่วมกับผู้อื่น, สำรองงาน |
-| **[Node.js & npm](https://nodejs.org/)** | runtime JavaScript & การจัดการแพ็กเกจ | รัน JavaScript นอกเบราว์เซอร์ ติดตั้งเครื่องมือพัฒนาใหม่ ๆ |
-| **[Vite](https://vitejs.dev/)** | เครื่องมือ build & เซิร์ฟเวอร์ dev | พัฒนาเร็วมากพร้อมการแทนที่โมดูลร้อน |
-| **[ESLint](https://eslint.org/)** | คุณภาพโค้ด | ค้นหาและแก้ปัญหาใน JavaScript โดยอัตโนมัติ |
-| **[Prettier](https://prettier.io/)** | การจัดรูปแบบโค้ด | รักษาการจัดรูปแบบโค้ดให้สม่ำเสมอและอ่านง่าย |
+| **[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/)** | จัดรูปแบบโค้ด | รักษาโค้ดให้มีรูปแบบเดียวกันและอ่านง่าย |
 
 #### ตัวเลือกเฉพาะแพลตฟอร์ม
 
 **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)** 💻 - บรรทัดคำสั่ง 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)** 💻 - บรรทัดคำสั่งแบบดั้งเดิมของ Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - แอปเทอร์มินัลติดเครื่อง
-- **[iTerm2](https://iterm2.com/)** - เทอร์มินัลที่ปรับปรุงด้วยฟีเจอร์ขั้นสูง
+- **[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)** - เทอร์มินัลอีมูเลเตอร์ขั้นสูง
+- **[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 เจอปัญหาตอนตีสอง? เอกสารก็เหมือนกอดอบอุ่นเสมือนจริงพร้อมคำตอบที่คุณต้องการ ต้องการเรียนรู้ฟีเจอร์ใหม่สุดเจ๋งที่ทุกคนพูดถึง? เอกสารมีตัวอย่างทีละขั้นตอนให้คุณแน่นอน พยายามเข้าใจว่าทำไมสิ่งนั้นถึงทำงานแบบนี้? แน่นอน — เอกสารพร้อมอธิบายในแบบที่คุณเข้าใจได้ในที่สุด!
+คิดว่าเอกสารประกอบเหมือนการเข้าถึงครูที่อดทนและเชี่ยวชาญที่สุดในโลกที่พร้อมให้คำปรึกษาตลอด 24 ชั่วโมง ถ้าคุณติดปัญหาเวลาเที่ยงคืนเอกสารก็พร้อมให้คำตอบที่คุณต้องการอย่างอบอุ่น อยากเรียนรู้ฟีเจอร์เจ๋งๆ ที่ทุกคนพูดถึง? เอกสารช่วยคุณด้วยตัวอย่างทีละขั้นตอน กำลังพยายามเข้าใจว่าทำไมสิ่งนั้นจึงทำงานอย่างที่มันเป็น? เอกสารพร้อมอธิบายจนคุณเข้าใจ!
 
-นี่คือสิ่งที่เปลี่ยนมุมมองฉันโดยสิ้นเชิง: โลกการพัฒนาเว็บเคลื่อนไหวรวดเร็วมาก และไม่มีใคร (หมายถึงไม่มีใครจริง ๆ!) จำทุกอย่างในหัวได้ ฉันเคยเห็นนักพัฒนาระดับสูงที่มีประสบการณ์กว่า 15 ปี ต้องค้นหาสัญกรณ์พื้นฐาน และรู้ไหม? นั่นไม่ใช่เรื่องน่าอาย — แต่มันฉลาด! ไม่ใช่เรื่องของความจำที่สมบูรณ์แบบ แต่มันคือการรู้ว่าจะหาคำตอบที่น่าเชื่อถือได้อย่างรวดเร็วและรู้วิธีนำไปใช้
+นี่คือสิ่งที่เปลี่ยนมุมมองฉันอย่างสิ้นเชิง: โลกการพัฒนาเว็บเคลื่อนไหวเร็วมาก และไม่มีใคร (จริงๆ ไม่มีเลย!) จำทุกอย่างได้หมด ฉันเคยเห็นนักพัฒนารุ่นเก๋าที่มีประสบการณ์กว่า 15 ปียังค้นหาสินทรัพย์ไวยากรณ์พื้นฐาน และคุณรู้ไหม? นั่นไม่ใช่เรื่องน่าอาย—นั่นคือความฉลาด! มันไม่ใช่เรื่องของความจำที่สมบูรณ์แบบ แต่เป็นเรื่องรู้ว่าจะไปหาคำตอบที่น่าเชื่อถือได้อย่างรวดเร็วและเข้าใจวิธีใช้มัน
 
-**นี่คือที่ที่เวทมนตร์จริง ๆ เกิดขึ้น:**
+**นี่คือที่ที่เวทมนตร์จริงๆ เกิดขึ้น:**
 
-นักพัฒนามืออาชีพใช้เวลาส่วนใหญ่กับการอ่านเอกสาร — ไม่ใช่เพราะไม่รู้ว่าทำอะไร แต่เพราะโลกของการพัฒนาเว็บเปลี่ยนแปลงเร็วมาก การตามให้ทันจึงต้องเรียนรู้อย่างต่อเนื่อง เอกสารที่ดีจะช่วยให้คุณเข้าใจไม่ใช่แค่ *วิธีใช้* แต่ยังรวมถึง *ทำไม* และ *เมื่อไหร่* ที่ควรใช้
+นักพัฒนามืออาชีพใช้เวลาสัดส่วนมากในการอ่านเอกสาร—ไม่ใช่เพราะไม่รู้ว่าจะทำยังไง แต่เป็นเพราะโลกของการพัฒนาเว็บเปลี่ยนแปลงเร็วมาก การก้าวตามให้ทันต้องเรียนรู้อยู่ตลอด เอกสารดีๆ ช่วยให้คุณเข้าใจไม่ใช่แค่ *วิธี* ใช้สิ่งใดสิ่งหนึ่งเท่านั้น แต่รวมถึง *ทำไม* และ *เมื่อไหร่* ที่ควรใช้ด้วย
 
 #### แหล่งข้อมูลเอกสารสำคัญ
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- มาตรฐานทองคำสำหรับเอกสารเทคโนโลยีเว็บ
-- คู่มือครบถ้วนสำหรับ HTML, CSS, และ JavaScript
-- รวมข้อมูลความเข้ากันได้ของเบราว์เซอร์
-- มีตัวอย่างใช้งานจริงและสาธิตแบบโต้ตอบ
+- มาตรฐานทองคำของเอกสารเทคโนโลยีเว็บ
+- คู่มือครบถ้วนสำหรับ HTML, CSS และ JavaScript
+- มีข้อมูลความเข้ากันได้ของเบราว์เซอร์
+- มีตัวอย่างปฏิบัติและเดโมแบบโต้ตอบ
 
 **[Web.dev](https://web.dev)** (โดย Google)
-- แนวปฏิบัติที่ดีที่สุดของการพัฒนาเว็บสมัยใหม่
-- คู่มือการปรับปรุงประสิทธิภาพ
-- หลักการการเข้าถึงและออกแบบเพื่อทุกคน
-- กรณีศึกษาจากโปรเจกต์จริง
+- แนวทางปฏิบัติที่ดีที่สุดของการพัฒนาเว็บสมัยใหม่
+- คู่มือการเพิ่มประสิทธิภาพ
+- หลักการการเข้าถึงและการออกแบบที่ครอบคลุม
+- กรณีศึกษาโปรเจกต์จริง
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- ทรัพยากรสำหรับพัฒนาเบราว์เซอร์ Edge
-- คู่มือ Progressive Web App
-- ข้อมูลเชิงลึกการพัฒนาแบบข้ามแพลตฟอร์ม
+- ทรัพยากรสำหรับการพัฒนาเบราว์เซอร์ Edge
+- คู่มือ Progressive Web Apps
+- บทวิเคราะห์การพัฒนาข้ามแพลตฟอร์ม
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- หลักสูตรการเรียนรู้ที่มีโครงสร้าง
-- คอร์สวิดีโอจากผู้เชี่ยวชาญในวงการ
+- หลักสูตรเรียงลำดับอย่างมีโครงสร้าง
+- วิดีโอคอร์สจากผู้เชี่ยวชาญในอุตสาหกรรม
 - แบบฝึกหัดเขียนโค้ดแบบลงมือทำ
 
-> 📚 **กลยุทธ์การศึกษา**: อย่าพยายามจำเอกสาร แต่ให้เรียนรู้วิธีการค้นหาอย่างมีประสิทธิภาพ ทำบุ๊กมาร์กเอกสารที่ใช้งานบ่อย และฝึกใช้ฟังก์ชันค้นหาเพื่อหาข้อมูลเฉพาะอย่างรวดเร็ว
+> 📚 **กลยุทธ์การศึกษา**: อย่าพยายามจำเอกสารประกอบให้หมด—แต่เรียนรู้วิธีนำทางได้อย่างมีประสิทธิภาพ ทำบุ๊กมาร์กแหล่งที่ใช้บ่อยๆ และฝึกใช้ฟังก์ชันค้นหาเพื่อหาข้อมูลเฉพาะได้อย่างรวดเร็ว
 
-### 🔧 **ทดสอบความชำนาญเครื่องมือ: อะไรที่โดนใจคุณ?**
+### 🔧 **ตรวจสอบความชำนาญเครื่องมือ: อะไรที่โดนใจคุณ?**
 
-**ใช้เวลาสักครู่คิด:**
-- เครื่องมือชิ้นไหนที่คุณอยากลองใช้เป็นอันดับแรก? (ไม่มีคำตอบผิด!)
-- บรรทัดคำสั่งยังดูน่ากลัวอยู่ไหม หรือคุณสนใจอยากลองใช้มัน?
-- คุณนึกภาพใช้ browser DevTools แอบดูเบื้องหลังเว็บไซต์โปรดของคุณได้ไหม?
+**หยุดคิดสักครู่:**
+- เครื่องมือไหนที่คุณตื่นเต้นอยากลองใช้ก่อน? (ไม่ต้องกลัวคำตอบผิด!)
+- บรรทัดคำสั่งยังน่ากลัวอยู่ไหม หรือลองอยากสำรวจมันดู?
+- คุณลองคิดภาพใช้ DevTools ของเบราว์เซอร์ดูว่าได้เจาะลึกเบื้องหลังเว็บไซต์โปรดของคุณหรือเปล่า?
 
 ```mermaid
 pie title "เวลาที่นักพัฒนาส่วนใหญ่ใช้กับเครื่องมือ"
     "เครื่องมือแก้ไขโค้ด" : 40
-    "ทดสอบผ่านเบราว์เซอร์" : 25
+    "การทดสอบเบราว์เซอร์" : 25
     "บรรทัดคำสั่ง" : 15
-    "อ่านเอกสาร" : 15
-    "ดีบัก" : 5
+    "การอ่านเอกสาร" : 15
+    "การแก้ไขปัญหา" : 5
 ```
-> **ข้อมูลน่าสนุก:** นักพัฒนาส่วนใหญ่ใช้เวลาประมาณ 40% อยู่ในตัวแก้ไขโค้ด แต่สังเกตดูว่าเวลาที่เหลือใช้ไปกับการทดสอบ เรียนรู้ และแก้ปัญหา การเขียนโปรแกรมไม่ใช่แค่การเขียนโค้ด – แต่มันคือการสร้างประสบการณ์!
+> **ข้อมูลน่าสนุก**: นักพัฒนาส่วนใหญ่ใช้เวลาประมาณ 40% ในการเขียนโค้ด แต่สังเกตดูว่าเวลาส่วนใหญ่หมดไปกับการทดสอบ เรียนรู้ และแก้ไขปัญหา การเขียนโปรแกรมไม่ใช่แค่การเขียนโค้ด—แต่เป็นการสร้างประสบการณ์!
 
-✅ **ข้อคิด**: นี่คือสิ่งที่น่าสนใจให้คิด — คุณคิดว่าเครื่องมือสำหรับสร้างเว็บไซต์ (การพัฒนา) กับเครื่องมือสำหรับออกแบบรูปลักษณ์ (การออกแบบ) จะต่างกันอย่างไร? มันเหมือนความแตกต่างระหว่างสถาปนิกที่ออกแบบบ้านสวย ๆ กับผู้รับเหมาที่สร้างบ้านนั้นจริง ๆ ทั้งคู่สำคัญ แต่ต้องใช้กล่องเครื่องมือคนละแบบ! ความคิดแบบนี้จะช่วยให้คุณเห็นภาพใหญ่ของการทำเว็บไซต์ได้ชัดเจนขึ้น
+✅ **อาหารสมอง**: นี่คือสิ่งที่น่าสังเกต—คุณคิดว่าเครื่องมือสำหรับการสร้างเว็บไซต์ (พัฒนา) จะต่างจากเครื่องมือสำหรับการออกแบบหน้าตาอย่างไร? มันเหมือนความต่างระหว่างสถาปนิกที่ออกแบบบ้านสวยๆ กับผู้รับเหมาเจ้าของบูธที่สร้างบ้านจริง ทั้งสองสำคัญ แต่ต้องใช้กล่องเครื่องมือคนละแบบ! วิธีคิดแบบนี้จะช่วยให้คุณเห็นภาพรวมที่ใหญ่ขึ้นของการเกิดขึ้นของเว็บไซต์
 
-## ท้าทาย GitHub Copilot Agent 🚀
+## ภารกิจ GitHub Copilot Agent 🚀
 
-ใช้โหมด Agent เพื่อทำภารกิจต่อไปนี้ให้สำเร็จ:
+ใช้โหมด Agent เพื่อทำภารกิจต่อไปนี้:
 
-**คำอธิบาย:** สำรวจฟีเจอร์ของ code editor หรือ IDE สมัยใหม่ และแสดงให้เห็นว่ามันช่วยปรับปรุงเวิร์กโฟลว์ของคุณในฐานะนักพัฒนาเว็บได้อย่างไร
+**คำอธิบาย:** สำรวจฟีเจอร์ของตัวแก้ไขโค้ดหรือ IDE สมัยใหม่และแสดงให้เห็นว่ามันช่วยปรับปรุงเวิร์กโฟลว์ของคุณในฐานะนักพัฒนาเว็บอย่างไร
 
-**คำชี้แนะ:** เลือก code editor หรือ IDE (เช่น Visual Studio Code, WebStorm หรือ IDE บนคลาวด์) ระบุสามฟีเจอร์หรือส่วนขยายที่ช่วยให้คุณเขียน ดีบัก หรือบำรุงรักษาโค้ดได้อย่างมีประสิทธิภาพ พร้อมคำอธิบายสั้น ๆ ว่ามันช่วยเวิร์กโฟลว์ของคุณอย่างไร
+**คำสั่ง:** เลือกตัวแก้ไขโค้ดหรือ IDE (เช่น Visual Studio Code, WebStorm หรือ IDE บนคลาวด์) ระบุสามฟีเจอร์หรือส่วนขยายที่ช่วยให้คุณเขียน ดีบัก หรือดูแลโค้ดได้อย่างมีประสิทธิภาพ พร้อมอธิบายสั้นๆ ว่ามันช่วยคุณอย่างไรบ้าง
 
 ---
 
-## 🚀 ท้าทาย
+## 🚀 ภารกิจ
 
-**เอาล่ะ นักสืบ พร้อมสำหรับคดีแรกไหม?**
+**เอาล่ะ นักสืบ พร้อมสำหรับคดีแรกของคุณหรือยัง?**
 
-ตอนนี้คุณมีพื้นฐานเจ๋ง ๆ นี้แล้ว ฉันมีการผจญภัยที่จะช่วยให้คุณเห็นว่าโลกของการเขียนโปรแกรมนั้นมีความหลากหลายและน่าหลงใหลแค่ไหน และฟังนะ — นี่ไม่ใช่เรื่องการเขียนโค้ดยังไม่ต้องเครียด! นึกว่าคุณเป็นนักสืบภาษาโปรแกรมในการสืบสวนคดีแรกสุดที่น่าตื่นเต้น!
+ตอนนี้ที่คุณมีพื้นฐานเจ๋งๆ แล้ว ฉันมีการผจญภัยที่จะช่วยให้คุณเห็นว่ามีความหลากหลายและน่าสนใจในโลกของโปรแกรมมิ่งมากแค่ไหน และฟังนะ—นี่ไม่ใช่การเขียนโค้ดเลย ดังนั้นไม่ต้องเครียด! ให้คิดว่าคุณเป็นนักสืบภาษาการเขียนโปรแกรมในคดีที่น่าตื่นเต้นครั้งแรกของคุณ!
 
-**ภารกิจของคุณ ถ้าคุณยอมรับ:**
-1. **กลายเป็นนักสำรวจภาษา**: เลือกภาษาโปรแกรมสามภาษา จากโลกที่แตกต่างกันอย่างสิ้นเชิง — อาจเป็นหนึ่งที่สร้างเว็บไซต์ หนึ่งที่ทำแอปมือถือ และหนึ่งที่คำนวณข้อมูลสำหรับนักวิทยาศาสตร์ หาตัวอย่างการทำงานเดียวกันในแต่ละภาษา ฉันสัญญาคุณจะทึ่งกับความแตกต่างขณะที่ผลลัพธ์เหมือนกัน!
-2. **ค้นหาต้นกำเนิด**: อะไรที่ทำให้แต่ละภาษามีเอกลักษณ์? นี่คือข้อเท็จจริงเจ๋ง ๆ — ทุกภาษาโปรแกรมถูกสร้างขึ้นเพราะใครสักคนคิดว่า "เราน่าจะมีวิธีที่ดีกว่านี้ในการแก้ปัญหานี้" คุณพอจะหาปัญหาเหล่านั้นได้ไหม? บางเรื่องราวน่าสนใจมาก!
-3. **พบกับชุมชน**: ดูว่าชุมชนของแต่ละภาษาต้อนรับอย่างไรและมีความกระตือรือร้นแค่ไหน บางภาษามีนักพัฒนาหลายล้านคนแชร์ความรู้และช่วยเหลือกัน บางที่เล็กแต่แน่นแฟ้นและเกื้อหนุนกัน คุณจะชอบเห็นบุคลิกของชุมชนเหล่านี้!
-4. **ตามความรู้สึก**: ภาษาไหนที่คุณรู้สึกว่าน่าเข้าถึงที่สุดตอนนี้? อย่ากดดันกับการเลือกที่ "ถูกต้องที่สุด" — ฟังสัญชาตญาณของคุณ! ไม่มีคำตอบผิด และคุณสามารถสำรวจภาษาอื่น ๆ ได้ภายหลังเสมอ
+**ภารกิจของคุณ หากคุณยอมรับ:**
+1. **เป็นนักสำรวจภาษา**: เลือกภาษาการเขียนโปรแกรมสามภาษาจากจักรวาลที่แตกต่างกันสิ้นเชิง — อาจเป็นภาษาเว็บไซต์ ภาษาแอปมือถือ และภาษาสำหรับประมวลผลข้อมูลวิทยาศาสตร์ หาตัวอย่างงานง่ายๆ เดียวกันในแต่ละภาษา รับรองว่าคุณจะต้องทึ่งกับความแตกต่างของแต่ละภาษาในขณะที่ทำงานเดียวกันได้!
+2. **ค้นหาเรื่องราวต้นกำเนิด**: อะไรที่ทำให้แต่ละภาษาโดดเด่น? ข้อเท็จจริงเจ๋งๆ คือ ภาษาการเขียนโปรแกรมทุกภาษาถูกสร้างขึ้นเพราะใครบางคนคิดว่า "ต้องมีวิธีที่ดีกว่าในการแก้ปัญหานี้" คุณสามารถหาปัญหาเหล่านั้นได้หรือเปล่า? บางเรื่องราวน่าทึ่งมาก!
+3. **รู้จักชุมชน**: ดูว่าชุมชนของแต่ละภาษาต้อนรับและมีความหลงใหลแค่ไหน บางภาษามีผู้พัฒนานับล้านแบ่งปันความรู้และช่วยเหลือกัน บางภาษามีขนาดเล็กแต่ใกล้ชิดและสนับสนุนกันอย่างดี คุณจะชอบเห็นลักษณะนิสัยที่แตกต่างกันของชุมชนเหล่านี้!
+4. **เชื่อสัญชาตญาณตัวเอง**: ภาษาไหนที่รู้สึกเข้าถึงง่ายที่สุดตอนนี้? อย่ากังวลเรื่องเลือกให้ถูกต้อง—แค่ฟังเสียงหัวใจคุณ! ไม่มีคำตอบผิด และคุณสามารถสำรวจภาษาอื่นได้ในภายหลัง
 
-**งานนักสืบพิเศษ:** ลองค้นหาว่าเว็บไซต์หรือแอปใหญ่ ๆ ตัวไหนสร้างด้วยภาษาอะไรบ้าง รับรองว่าคุณจะประหลาดใจกับสิ่งที่ขับเคลื่อน Instagram, Netflix หรือเกมมือถือที่คุณเล่นไม่หยุด!
+**งานนักสืบพิเศษ:** ลองค้นหาว่าเว็บไซต์หรือแอปดังๆ ตัวไหนสร้างด้วยภาษาแต่ละภาษา ฉันรับประกันว่าคุณจะรู้สึกตกใจเมื่อรู้ว่า Instagram, Netflix หรือเกมมือถือที่คุณติดเล่นนั้นทำด้วยอะไร!
 
-> 💡 **จำไว้:** วันนี้คุณไม่ต้องเป็นผู้เชี่ยวชาญในภาษาไหนเลย แค่ทำความรู้จักกับละแวกนั้นก่อนตัดสินใจว่าจะตั้งแคมป์ที่ไหน ใช้เวลาสนุกกับมันและปล่อยให้ความอยากรู้นำทางคุณ!
+> 💡 **จำไว้:** วันนี้คุณไม่ได้พยายามเป็นผู้เชี่ยวชาญภาษาใดๆ คุณแค่ทำความรู้จักย่านที่ตัวเองจะไปตั้งรกราก หยุดพัก สนุกกับมัน และปล่อยให้ความอยากรู้อยากเห็นพาคุณไป!
 
-## มาเฉลิมฉลองสิ่งที่คุณค้นพบกันเถอะ!
+## มาฉลองสิ่งที่คุณค้นพบกันเถอะ!
 
-ว้าวว คุณดูดซับข้อมูลเจ๋ง ๆ ไปเยอะมาก! ฉันตื่นเต้นจริง ๆ ที่เห็นว่าการเดินทางสุดยอดนี้ติดตัวคุณไปมากแค่ไหน และจำไว้ — นี่ไม่ใช่การทดสอบที่คุณต้องทำให้สมบูรณ์แบบ แต่มันคือการเฉลิมฉลองสิ่งเจ๋ง ๆ ที่คุณได้เรียนรู้เกี่ยวกับโลกที่น่าหลงใหลนี้ที่คุณกำลังจะเข้าไปดำน้ำ!
+โอ้โห คุณดูดซับข้อมูลอันน่าทึ่งมากมายวันนี้! ฉันตื่นเต้นจริงๆ ที่จะเห็นว่าคุณจดจำอะไรจากการเดินทางที่สุดยอดนี้ได้บ้าง และจำไว้ว่านี่ไม่ใช่การสอบที่คุณต้องตอบถูกทุกข้อ แต่มันคือการฉลองสิ่งเจ๋งๆ ที่คุณได้เรียนรู้เกี่ยวกับโลกที่น่าหลงใหลนี้ที่คุณกำลังจะดำดิ่งเข้าไป!
 
 [ทำแบบทดสอบหลังบทเรียน](https://ff-quizzes.netlify.app/web/)
-## Review & Self Study
 
-**ใช้เวลาของคุณสำรวจและสนุกกับมัน!**
+## ทบทวน & ศึกษาด้วยตนเอง
 
-คุณได้ผ่านสิ่งต่างๆ มามากมายในวันนี้ และนั่นคือสิ่งที่ควรภูมิใจ! ตอนนี้ถึงเวลาที่สนุก – การสำรวจหัวข้อที่จุดประกายความอยากรู้ของคุณ จำไว้ว่านี่ไม่ใช่การบ้าน – นี่คือการผจญภัย!
+**ใช้เวลาของคุณสำรวจและสนุกกับมัน!**
+คุณได้เรียนรู้มากมายในวันนี้ และนั่นคือสิ่งที่ควรภูมิใจ! ตอนนี้มาถึงส่วนที่สนุก – การสำรวจหัวข้อที่จุดประกายความอยากรู้อยากเห็นของคุณ จำไว้ว่านี่ไม่ใช่การบ้าน – แต่เป็นการผจญภัย!
 
-**ดำดิ่งลึกลงไปในสิ่งที่คุณรู้สึกตื่นเต้น:**
+**เจาะลึกสิ่งที่ทำให้คุณตื่นเต้น:**
 
-**ลองใช้ภาษาการเขียนโปรแกรมด้วยตัวเอง:**
-- เยี่ยมชมเว็บไซต์อย่างเป็นทางการของภาษาที่ดึงดูดความสนใจของคุณ 2-3 ภาษา แต่ละภาษาแสดงบุคลิกและเรื่องราวของตัวเอง!
-- ลองใช้สนามเด็กเล่นเขียนโค้ดออนไลน์อย่าง [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 ถ้าคุณยังไม่มี – มันฟรีและคุณจะชอบมันแน่นอน!
-- ใช้เวลาสักครู่ดูตลาดส่วนขยาย มันเหมือนกับร้านแอปสำหรับโปรแกรมแก้ไขโค้ดของคุณ!
-- เปิด Developer Tools ของเบราว์เซอร์และคลิกเล่นไปมา ไม่ต้องกังวลว่าจะเข้าใจทุกอย่าง – แค่ทำความรู้จักกับสิ่งที่มีอยู่นั่นแหละ
+- ดาวน์โหลด Visual Studio Code หากคุณยังไม่ได้ทำ – มันฟรี และคุณจะชอบมัน!
+- ใช้เวลาสักครู่ท่องดูตลาด Extensions มันเหมือนกับร้านแอปสำหรับเครื่องมือเขียนโค้ดของคุณ!
+- เปิด Developer Tools ในเบราว์เซอร์ของคุณและลองคลิกดูอย่างรอบๆ อย่ากังวลกับการเข้าใจทุกอย่าง – แค่ทำความคุ้นเคยกับสิ่งที่มีอยู่
 
-**เข้าร่วมชุมชน:**
-- ติดตามชุมชนนักพัฒนาบางกลุ่มที่ [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 มีครีเอเตอร์ยอดเยี่ยมมากมายที่จำได้ว่าการเริ่มต้นเป็นอย่างไร
+- ลองเข้าร่วมกลุ่มพบปะท้องถิ่นหรือชุมชนออนไลน์ เชื่อเถอะ นักพัฒนาชอบช่วยคนใหม่!
 
-> 🎯 **ฟังนะ นี่คือสิ่งที่ฉันอยากให้คุณจำไว้**: คุณไม่จำเป็นต้องกลายเป็นนักเขียนโปรแกรมอัจฉริยะในวันเดียว! ตอนนี้คุณแค่กำลังทำความรู้จักกับโลกใหม่อันน่าทึ่งที่คุณกำลังจะเป็นส่วนหนึ่ง ใช้เวลาของคุณ สนุกกับการเดินทาง และจำไว้ – นักพัฒนาทุกคนที่คุณชื่นชมนั่งอยู่ในจุดที่คุณอยู่ตอนนี้ เคยรู้สึกตื่นเต้นและ บางทีอาจจะรู้สึกเหนื่อยหน่อยๆ นั่นเป็นเรื่องปกติอย่างสมบูรณ์ และหมายความว่าคุณกำลังทำถูกต้อง!
+> 🎯 **ฟังนะ นี่คือสิ่งที่ฉันต้องการให้คุณจำไว้**: คุณไม่จำเป็นต้องกลายเป็นจอมเวทโค้ดดิ้งในคืนเดียว! ตอนนี้ คุณแค่กำลังรู้จักโลกที่น่าทึ่งใบนี้ที่คุณกำลังจะเป็นส่วนหนึ่งใช้เวลาของคุณ เพลิดเพลินกับการเดินทาง และจำไว้ – นักพัฒนาทุกคนที่คุณชื่นชมก็เคยนั่งอยู่ที่จุดเดียวกับคุณในตอนนี้ รู้สึกตื่นเต้นและอาจจะรู้สึกท่วมท้นบ้าง นั่นเป็นเรื่องปกติ และหมายความว่าคุณทำถูกแล้ว!
 
 
 
-## Assignment
+## การบ้าน
 
 [Reading the Docs](assignment.md)
 
-> 💡 **แรงจูงใจเล็กๆ สำหรับงานของคุณ**: ฉันอยากเห็นคุณสำรวจเครื่องมือต่างๆ ที่เราไม่ได้พูดถึง! ข้ามโปรแกรมแก้ไข เบราว์เซอร์ และเครื่องมือบรรทัดคำสั่งที่เราได้พูดถึงไปแล้ว – ยังมีจักรวาลอันน่าทึ่งของเครื่องมือพัฒนาที่รอให้คุณค้นพบ มองหาเครื่องมือที่ได้รับการดูแลอย่างต่อเนื่องและมีชุมชนที่กระตือรือร้นและช่วยเหลือดี (พวกนี้มักจะมีบทเรียนที่ดีที่สุดและคนที่ช่วยเหลืออย่างเป็นมิตรเมื่อคุณติดปัญหาและต้องการมือช่วย)
-
+> 💡 **คำแนะนำเล็กน้อยสำหรับการบ้านของคุณ**: ฉันอยากเห็นคุณสำรวจเครื่องมือใหม่ที่เราไม่ได้พูดถึง! ข้ามไปจากตัวแก้ไข โบราว์เซอร์ และเครื่องมือบรรทัดคำสั่งที่เราคุยกันไปแล้ว – มีจักรวาลของเครื่องมือพัฒนาที่ยอดเยี่ยมอีกมากมายรอคุณค้นพบ มองหาเครื่องมือที่ยังได้รับการดูแลอย่างต่อเนื่องและมีชุมชนที่แข็งแรงและช่วยเหลือดี (ซึ่งมักจะมีบทเรียนที่ดีที่สุดและคนให้การสนับสนุนมากที่สุดเวลาคุณติดขัดและต้องการความช่วยเหลือจากเพื่อน)
 
 
 ---
 
-## 🚀 Your Programming Journey Timeline
+## 🚀 ไทม์ไลน์การเดินทางเขียนโปรแกรมของคุณ
 
-### ⚡ **สิ่งที่คุณทำได้ใน 5 นาทีข้างหน้า**
-- [ ] บุ๊กมาร์กเว็บไซต์ภาษาการเขียนโปรแกรม 2-3 ภาษา ที่ดึงดูดใจคุณ
-- [ ] ดาวน์โหลด Visual Studio Code ถ้าคุณยังไม่มี
-- [ ] เปิด DevTools ของเบราว์เซอร์ (F12) แล้วคลิกเล่นในเว็บไซต์ใดก็ได้
-- [ ] เข้าร่วมชุมชนนักพัฒนาหนึ่งแห่ง (Dev.to, Reddit r/webdev, หรือ Stack Overflow)
+### ⚡ **สิ่งที่คุณสามารถทำใน 5 นาทีถัดไป**
+- [ ] บุ๊กมาร์กเว็บไซต์ของภาษาการเขียนโปรแกรม 2-3 ภาษา ที่ดึงดูดความสนใจคุณ
+- [ ] ดาวน์โหลด Visual Studio Code หากคุณยังไม่ได้ทำ
+- [ ] เปิด Developer Tools ในเบราว์เซอร์ของคุณ (F12) แล้วคลิกดูในเว็บไซต์ใดก็ได้
+- [ ] เข้าร่วมชุมชนนักพัฒนาหนึ่งแห่ง (Dev.to, Reddit r/webdev หรือ Stack Overflow)
 
-### ⏰ **สิ่งที่คุณทำสำเร็จได้ภายในชั่วโมงนี้**
-- [ ] ทำแบบทดสอบหลังบทเรียนเสร็จและทบทวนคำตอบของคุณ
-- [ ] ตั้งค่า VS Code กับส่วนขยาย GitHub Copilot
-- [ ] ลองเขียนโค้ด “Hello World” ในภาษาโปรแกรม 2 ภาษาออนไลน์
-- [ ] ดูวิดีโอ “Day in the Life of a Developer” บน YouTube
-- [ ] เริ่มงานสืบสวนภาษาการเขียนโปรแกรมของคุณ (จากความท้าทาย)
+### ⏰ **สิ่งที่คุณสามารถทำได้ในชั่วโมงนี้**
+- [ ] ทำแบบทดสอบหลังเรียนให้ครบและทบทวนคำตอบของคุณ
+- [ ] ตั้งค่า VS Code พร้อมกับส่วนขยาย GitHub Copilot
+- [ ] ทดลองเขียน "Hello World" เป็นตัวอย่างในภาษาโปรแกรมสองภาษาแบบออนไลน์
+- [ ] ดูวิดีโอ "Day in the Life of a Developer" บน YouTube
+- [ ] เริ่มทำงานนักสืบภาษาการเขียนโปรแกรมของคุณ (จากท้าทาย)
 
 ### 📅 **การผจญภัยตลอดสัปดาห์ของคุณ**
-- [ ] ทำงานบ้านให้เสร็จและสำรวจเครื่องมือพัฒนาใหม่ 3 ตัว
-- [ ] ติดตามนักพัฒนาหรือบัญชีการเขียนโปรแกรม 5 คนบนโซเชียลมีเดีย
-- [ ] ลองสร้างอะไรเล็กๆ ใน CodePen หรือ Replit (แม้แต่แค่ “Hello, [Your Name]!”)
-- [ ] อ่านบล็อกนักพัฒนาเกี่ยวกับการเดินทางของใครสักคน
-- [ ] เข้าร่วมการพบปะเสมือนหรือดูการบรรยายเรื่องการเขียนโปรแกรม
-- [ ] เริ่มเรียนภาษาที่คุณเลือกด้วยบทเรียนออนไลน์
-
-### 🗓️ **การเปลี่ยนแปลงตลอดหนึ่งเดือนของคุณ**
-- [ ] สร้างโปรเจกต์ขนาดเล็กชิ้นแรกของคุณ (แม้แต่เว็บเพจง่ายๆ ก็ได้!)
-- [ ] มีส่วนร่วมกับโครงการโอเพนซอร์ส (เริ่มจากแก้ไขเอกสาร)
-- [ ] ให้คำปรึกษาใครสักคนที่เพิ่งเริ่มการเดินทางเขียนโปรแกรม
+- [ ] ทำการบ้านให้เสร็จและสำรวจเครื่องมือพัฒนาใหม่ 3 ตัว
+- [ ] ติดตามนักพัฒนาหรือบัญชีโปรแกรมอย่างน้อย 5 คนในโซเชียลมีเดีย
+- [ ] ลองสร้างสิ่งเล็กๆ ใน CodePen หรือ Replit (แม้แต่แค่ "Hello, [Your Name]!")
+- [ ] อ่านบทความบล็อกนักพัฒนาคนหนึ่งเกี่ยวกับการเดินทางเขียนโค้ดของเขา
+- [ ] เข้าร่วมการพบปะเสมือนจริงหรือชมการพูดคุยเรื่องโปรแกรมมิ่ง
+- [ ] เริ่มเรียนรู้ภาษาที่เลือกด้วยบทเรียนออนไลน์
+
+### 🗓️ **การเปลี่ยนแปลงตลอดเดือนของคุณ**
+- [ ] สร้างโปรเจกต์เล็กๆ แรกของคุณ (แม้แต่หน้าเว็บง่ายๆ ก็ถือว่าได้!)
+- [ ] ร่วมส่งเสริมโครงการโอเพนซอร์ส (เริ่มจากการแก้ไขเอกสาร)
+- [ ] ให้คำปรึกษาคนที่เพิ่งเริ่มเดินทางโปรแกรมมิ่ง
 - [ ] สร้างเว็บไซต์พอร์ตโฟลิโอของนักพัฒนาของคุณ
-- [ ] ติดต่อกับชุมชนนักพัฒนาในพื้นที่หรือกลุ่มศึกษา
-- [ ] เริ่มวางแผนเป้าหมายการเรียนรู้ครั้งถัดไปของคุณ
+- [ ] เชื่อมต่อกับชุมชนนักพัฒนาในพื้นที่หรือกลุ่มศึกษาด้วยกัน
+- [ ] เริ่มวางแผนเป้าหมายการเรียนรู้ครั้งต่อไป
 
-### 🎯 **การสะท้อนความคิดเห็นขั้นสุดท้าย**
+### 🎯 **การตรวจสอบและสะท้อนความคิดครั้งสุดท้าย**
 
-**ก่อนที่คุณจะไปต่อ ให้หยุดฉลองสักครู่:**
-- สิ่งใดเกี่ยวกับการเขียนโปรแกรมที่ทำให้คุณตื่นเต้นวันนี้?
-- อะไรคือเครื่องมือหรือแนวคิดที่คุณอยากสำรวจก่อน?
-- คุณรู้สึกอย่างไรกับการเริ่มต้นการเดินทางเขียนโปรแกรมนี้?
-- มีคำถามใดที่คุณอยากถามนักพัฒนาในตอนนี้?
+**ก่อนที่คุณจะก้าวต่อไป ขอให้หยุดพักฉลองสักครู่:**
+- มีสิ่งใดเกี่ยวกับการเขียนโปรแกรมที่ทำให้คุณตื่นเต้นในวันนี้?
+- เครื่องมือหรือแนวคิดใดที่คุณต้องการสำรวจเป็นอันดับแรก?
+- คุณรู้สึกอย่างไรเกี่ยวกับการเริ่มต้นการเดินทางเขียนโปรแกรมนี้?
+- มีคำถามอะไรที่อยากถามนักพัฒนาตอนนี้ไหม?
 
 ```mermaid
 journey
@@ -843,11 +842,11 @@ journey
       Confident: 5: You
       Helping Others: 5: You
 ```
-> 🌟 **จำไว้**: ผู้เชี่ยวชาญทุกคนเคยเป็นผู้เริ่มต้น นักพัฒนาระดับอาวุโสทุกคนเคยรู้สึกเหมือนคุณในตอนนี้ – ตื่นเต้น บางทีอาจจะรู้สึกท่วมท้น และแน่นอนว่ามีความอยากรู้อยากเห็นเกี่ยวกับสิ่งที่เป็นไปได้ คุณอยู่ในบริษัทที่ยอดเยี่ยม และการเดินทางนี้จะน่าทึ่งมาก ยินดีต้อนรับสู่โลกมหัศจรรย์ของการเขียนโปรแกรม! 🎉
+> 🌟 **จำไว้ว่า**: ผู้เชี่ยวชาญทุกคนเคยเป็นผู้เริ่มต้น นักพัฒนาที่อาวุโสทุกคนเคยรู้สึกเหมือนกับคุณในตอนนี้ – ตื่นเต้น บางทีอาจรู้สึกท่วมท้นเล็กน้อย และแน่นอนว่าสงสัยว่าเป็นไปได้แค่ไหน คุณอยู่ในบริษัทที่ยอดเยี่ยม และการเดินทางนี้จะน่าทึ่งมาก ยินดีต้อนรับสู่โลกอันน่ามหัศจรรย์ของการเขียนโปรแกรม! 🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **ข้อจำกัดความรับผิดชอบ**:
-เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้การแปลมีความถูกต้อง โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความคลาดเคลื่อนได้ เอกสารต้นฉบับในภาษาต้นทางควรถูกพิจารณาเป็นแหล่งข้อมูลที่น่าเชื่อถือ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้การแปลโดยนักแปลมืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้
+เอกสารฉบับนี้ได้รับการแปลโดยใช้บริการแปลภาษาด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้ความถูกต้องสูงสุด แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นทางควรถูกพิจารณาเป็นแหล่งข้อมูลหลัก สำหรับข้อมูลที่สำคัญ ควรใช้บริการแปลโดยผู้เชี่ยวชาญที่เป็นมนุษย์ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/th/AGENTS.md b/translations/th/AGENTS.md
index a5e5b0cbc..3d205db23 100644
--- a/translations/th/AGENTS.md
+++ b/translations/th/AGENTS.md
@@ -2,29 +2,29 @@
 
 ## ภาพรวมโครงการ
 
-นี่คือคลังหลักสูตรการศึกษาเพื่อสอนพื้นฐานการพัฒนาเว็บให้กับผู้เริ่มต้น หลักสูตรนี้เป็นคอร์สที่ครอบคลุม 12 สัปดาห์ พัฒนาโดย Microsoft Cloud Advocates ซึ่งประกอบด้วยบทเรียนเชิงปฏิบัติ 24 บทที่ครอบคลุม JavaScript, CSS และ HTML
+นี่คือที่เก็บหลักสูตรการศึกษาสำหรับการสอนพื้นฐานการพัฒนาเว็บสำหรับผู้เริ่มต้น หลักสูตรนี้เป็นหลักสูตรครบวงจร 12 สัปดาห์ที่พัฒนาโดย Microsoft Cloud Advocates โดยมีบทเรียนเชิงปฏิบัติทั้งหมด 24 บทเรียน ครอบคลุม JavaScript, CSS และ HTML
 
-### ส่วนประกอบสำคัญ
+### ส่วนประกอบหลัก
 
-- **เนื้อหาการศึกษา**: บทเรียน 24 บทจัดโครงสร้างเป็นโมดูลที่อิงโครงการ
-- **โครงการเชิงปฏิบัติ**: Terrarium, เกมพิมพ์, ส่วนขยายเบราว์เซอร์, เกมอวกาศ, แอพธนาคาร, ตัวแก้ไขโค้ด และผู้ช่วยแชท AI
-- **แบบทดสอบเชิงโต้ตอบ**: แบบทดสอบ 48 ชุด แต่ละชุดมี 3 คำถาม (ประเมินก่อน/หลังบทเรียน)
-- **รองรับหลายภาษา**: การแปลอัตโนมัติสำหรับ 50+ ภาษา ผ่าน GitHub Actions
-- **เทคโนโลยี**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (สำหรับโครงการ AI)
+- **เนื้อหาการศึกษา**: บทเรียนที่จัดเป็นโครงสร้างจำนวน 24 บทเรียนแบ่งเป็นโมดูลตามโปรเจกต์
+- **โปรเจกต์เชิงปฏิบัติ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor และ AI Chat Assistant
+- **แบบทดสอบแบบโต้ตอบ**: แบบทดสอบ 48 ชุด แต่ละชุดมี 3 คำถาม (ก่อน/หลังบทเรียน)
+- **รองรับหลายภาษา**: การแปลอัตโนมัติสำหรับมากกว่า 50 ภาษา ผ่าน GitHub Actions
+- **เทคโนโลยี**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (สำหรับโปรเจกต์ AI)
 
 ### สถาปัตยกรรม
 
-- คลังการศึกษาที่มีโครงสร้างแบบเน้นบทเรียน
-- โฟลเดอร์บทเรียนแต่ละบทประกอบด้วย README, ตัวอย่างโค้ด และคำตอบ
-- โครงการแยกเดี่ยวในไดเรกทอรีแยกต่างหาก (quiz-app, โครงการบทเรียนต่างๆ)
-- ระบบแปลด้วย GitHub Actions (co-op-translator)
-- เอกสารให้บริการผ่าน Docsify และมีให้ในรูปแบบ PDF
+- ที่เก็บการศึกษาที่มีโครงสร้างตามบทเรียน
+- โฟลเดอร์บทเรียนแต่ละอันมี README, ตัวอย่างโค้ด และคำตอบ
+- โปรเจกต์แบบสแตนด์อโลนในไดเรกทอรีแยกต่างหาก (quiz-app, โปรเจกต์บทเรียนต่างๆ)
+- ระบบแปลโดยใช้ GitHub Actions (co-op-translator)
+- เอกสารถูกให้บริการผ่าน Docsify และสามารถดาวน์โหลดเป็น PDF ได้
 
-## คำสั่งติดตั้ง
+## คำสั่งการตั้งค่า
 
-คลังนี้เน้นสำหรับการบริโภคเนื้อหาการศึกษาหลัก สำหรับการทำงานกับโครงการเฉพาะ:
+ที่เก็บนี้เน้นสำหรับการบริโภคเนื้อหาการศึกษาเป็นหลัก สำหรับการทำงานกับโปรเจกต์เฉพาะ:
 
-### การตั้งค่าคลังหลัก
+### การตั้งค่าหลักของที่เก็บ
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -36,8 +36,8 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # เริ่มเซิร์ฟเวอร์สำหรับพัฒนา
-npm run build      # สร้างสำหรับโปรดักชัน
+npm run dev        # เริ่มเซิร์ฟเวอร์พัฒนา
+npm run build      # สร้างสำหรับการผลิต
 npm run lint       # รัน ESLint
 ```
 
@@ -46,20 +46,20 @@ npm run lint       # รัน ESLint
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # เริ่มต้นเซิร์ฟเวอร์ API
+npm start          # เริ่มเซิร์ฟเวอร์ API
 npm run lint       # รัน ESLint
-npm run format     # จัดรูปแบบด้วย Prettier
+npm run format     # ฟอร์แมตด้วย Prettier
 ```
 
-### โครงการส่วนขยายเบราว์เซอร์
+### โปรเจกต์ Browser Extension
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# ปฏิบัติตามคำแนะนำการโหลดส่วนขยายเฉพาะเบราว์เซอร์
+# ปฏิบัติตามคำแนะนำการโหลดส่วนขยายเฉพาะของเบราว์เซอร์
 ```
 
-### โครงการเกมอวกาศ
+### โปรเจกต์ Space Game
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # เปิดไฟล์ index.html ในเบราว์เซอร์หรือใช้ Live Server
 ```
 
-### โครงการแชท (Python Backend)
+### โปรเจกต์ Chat (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -78,31 +78,31 @@ python api.py
 
 ## กระบวนการพัฒนา
 
-### สำหรับผู้ร่วมสร้างเนื้อหา
+### สำหรับผู้ที่มีส่วนร่วมเนื้อหา
 
-1. **Fork คลังไปยังบัญชี GitHub ของคุณ**
-2. **โคลน Fork ของคุณลงเครื่อง**
+1. **Fork ที่เก็บนี้** ไปยังบัญชี GitHub ของคุณ
+2. **Clone fork ของคุณ** มาที่เครื่องของคุณ
 3. **สร้างสาขาใหม่** สำหรับการเปลี่ยนแปลงของคุณ
-4. แก้ไขเนื้อหาหรือโค้ดตัวอย่างในบทเรียน
-5. ทดสอบการเปลี่ยนแปลงโค้ดในไดเรกทอรีโครงการที่เกี่ยวข้อง
-6. ส่งคำร้อง pull request ตามแนวทางการร่วมมือ
+4. แก้ไขเนื้อหาบทเรียนหรือโค้ดตัวอย่าง
+5. ทดสอบการเปลี่ยนแปลงโค้ดในไดเรกทอรีโปรเจกต์ที่เกี่ยวข้อง
+6. ส่ง pull request ตามแนวทางการมีส่วนร่วม
 
 ### สำหรับผู้เรียน
 
-1. Fork หรือโคลนคลัง
-2. ไปยังไดเรกทอรีบทเรียนตามลำดับ
+1. Fork หรือ clone ที่เก็บนี้
+2. เข้าไปในไดเรกทอรีบทเรียนทีละบท
 3. อ่านไฟล์ README ของแต่ละบทเรียน
-4. ทำแบบทดสอบก่อนบทเรียนที่ https://ff-quizzes.netlify.app/web/
+4. ทำแบบทดสอบก่อนเรียนที่ https://ff-quizzes.netlify.app/web/
 5. ทำงานผ่านตัวอย่างโค้ดในโฟลเดอร์บทเรียน
-6. ทำแบบฝึกหัดและความท้าทายให้ครบถ้วน
-7. เข้าทำแบบทดสอบหลังบทเรียน
+6. ทำแบบฝึกหัดและความท้าทายต่างๆ
+7. ทำแบบทดสอบหลังเรียน
 
 ### การพัฒนาแบบสด
 
-- **เอกสาร**: รัน `docsify serve` ในโฟลเดอร์หลัก (พอร์ต 3000)
-- **Quiz App**: รัน `npm run dev` ในโฟลเดอร์ quiz-app
-- **โครงการ**: ใช้ส่วนขยาย Live Server ของ VS Code สำหรับโครงการ HTML
-- **โครงการ API**: รัน `npm start` ในไดเรกทอรี API ที่เกี่ยวข้อง
+- **เอกสาร**: รัน `docsify serve` ในโฟลเดอร์ราก (พอร์ต 3000)
+- **Quiz App**: รัน `npm run dev` ในไดเรกทอรี quiz-app
+- **โปรเจกต์**: ใช้ส่วนขยาย Live Server ของ VS Code สำหรับโปรเจกต์ HTML
+- **โปรเจกต์ API**: รัน `npm start` ในไดเรกทอรี API ที่เกี่ยวข้อง
 
 ## คำแนะนำการทดสอบ
 
@@ -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
@@ -119,164 +119,162 @@ npm run build      # ยืนยันการสร้างสำเร็
 ```bash
 cd 7-bank-project/api
 npm run lint       # ตรวจสอบปัญหาสไตล์โค้ด
-node server.js     # ตรวจสอบว่าเซิร์ฟเวอร์เริ่มต้นโดยไม่มีข้อผิดพลาด
+node server.js     # ตรวจสอบว่าเซิร์ฟเวอร์เริ่มต้นโดยไม่มีข้อผิดพลาดไหม
 ```
 
 ### แนวทางการทดสอบทั่วไป
 
-- นี่คือคลังเพื่อการศึกษาไม่มีการทดสอบอัตโนมัติอย่างครอบคลุม
+- นี่คือที่เก็บเอกสารการศึกษาที่ไม่มีการทดสอบอัตโนมัติครอบคลุม
 - การทดสอบด้วยตนเองเน้นที่:
   - ตัวอย่างโค้ดรันได้โดยไม่มีข้อผิดพลาด
-  - ลิงก์ในเอกสารทำงานถูกต้อง
-  - การสร้างโครงการสำเร็จลุล่วง
-  - ตัวอย่างปฏิบัติตามแนวปฏิบัติที่ดีที่สุด
+  - ลิงก์ในเอกสารทำงานได้ถูกต้อง
+  - การสร้างโปรเจกต์สำเร็จ
+  - ตัวอย่างเป็นไปตามแนวทางปฏิบัติที่ดีที่สุด
 
 ### การตรวจสอบก่อนส่ง
 
-- รัน `npm run lint` ในโฟลเดอร์ที่มี package.json
-- ตรวจสอบว่าลิงก์ markdown ถูกต้อง
+- รัน `npm run lint` ในไดเรกทอรีที่มี package.json
+- ตรวจสอบลิงก์ markdown ให้ถูกต้อง
 - ทดสอบตัวอย่างโค้ดในเบราว์เซอร์หรือ Node.js
-- ตรวจสอบว่าแปลภาษายังคงรักษาโครงสร้างอย่างถูกต้อง
+- ตรวจสอบว่าแปลภาษายังคงโครงสร้างถูกต้อง
 
 ## แนวทางการเขียนโค้ด
 
 ### JavaScript
 
 - ใช้ไวยากรณ์ ES6+ สมัยใหม่
-- ปฏิบัติตามการตั้งค่า ESLint มาตรฐานที่ระบุในโครงการ
-- ใช้ชื่อตัวแปรและฟังก์ชันที่มีความหมายเพื่อความชัดเจนทางการศึกษา
+- ปฏิบัติตามการตั้งค่า ESLint มาตรฐานที่ให้ไว้ในโปรเจกต์
+- ใช้ชื่อตัวแปรและฟังก์ชันที่มีความหมายเพื่อความชัดเจนในการศึกษา
 - เพิ่มคอมเมนต์อธิบายแนวคิดสำหรับผู้เรียน
-- จัดรูปแบบโดยใช้ Prettier เมื่อมีการตั้งค่า
+- จัดรูปแบบด้วย Prettier เมื่อกำหนดไว้
 
 ### HTML/CSS
 
-- องค์ประกอบ HTML5 เชิงความหมาย
+- ใช้ HTML5 อย่างมีความหมาย
 - หลักการออกแบบตอบสนอง
-- การตั้งชื่อชั้นเรียนที่ชัดเจน
-- คอมเมนต์เพื่ออธิบายเทคนิค CSS สำหรับผู้เรียน
+- การตั้งชื่อคลาสที่ชัดเจน
+- คอมเมนต์อธิบายเทคนิค CSS สำหรับผู้เรียน
 
 ### Python
 
-- ปฏิบัติตามมาตรฐานสไตล์ PEP 8
-- ตัวอย่างโค้ดที่ชัดเจนและใช้เพื่อการศึกษา
-- ใช้ type hints เมื่อต้องช่วยการเรียนรู้
+- ปฏิบัติตามแนวทางสไตล์ PEP 8
+- ตัวอย่างโค้ดที่ชัดเจนและเน้นการศึกษา
+- ใช้ type hints เมื่อช่วยให้เรียนรู้ได้ดีขึ้น
 
 ### เอกสาร Markdown
 
-- โครงสร้างหัวข้อชัดเจน
-- บล็อกโค้ดพร้อมระบุภาษา
+- โครงสร้างหัวข้อที่ชัดเจน
+- บล็อกโค้ดระบุภาษา
 - ลิงก์ไปยังแหล่งข้อมูลเพิ่มเติม
-- ภาพหน้าจอและรูปในโฟลเดอร์ `images/`
+- รูปภาพและสกรีนช็อตในไดเรกทอรี `images/`
 - ข้อความ alt สำหรับภาพเพื่อการเข้าถึง
 
 ### การจัดระเบียบไฟล์
 
-- บทเรียนลำดับหมายเลข (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}/`
 
-## การสร้างและการปรับใช้
+## การสร้างและปรับใช้
 
 ### การปรับใช้ 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 เมื่อมีการ push ไปที่ main
+# นำส่งผ่านเวิร์กโฟลว์ GitHub Actions เมื่อมีการ push ไปที่ main
 ```
 
-การกำหนดค่า Azure Static Web Apps:
+การตั้งค่า Azure Static Web Apps:
 - **ตำแหน่งแอป**: `/quiz-app`
 - **ตำแหน่งผลลัพธ์**: `dist`
-- **ขั้นตอนงาน**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **เวิร์กโฟลว์**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### การสร้างไฟล์ PDF จากเอกสาร
+### การสร้าง PDF เอกสาร
 
 ```bash
 npm install                    # ติดตั้ง docsify-to-pdf
-npm run convert               # สร้างไฟล์ PDF จาก docs
+npm run convert               # สร้าง PDF จากเอกสาร
 ```
 
 ### เอกสาร Docsify
 
 ```bash
 npm install -g docsify-cli    # ติดตั้ง Docsify ทั่วระบบ
-docsify serve                 # ให้บริการบน localhost:3000
+docsify serve                 # ให้บริการที่ localhost:3000
 ```
 
-### การสร้างโครงการเฉพาะ
+### การสร้างโปรเจกต์เฉพาะ
 
-แต่ละไดเรกทอรีโครงการอาจมีขั้นตอนการสร้างของตัวเอง:
-- โครงการ Vue: `npm run build` เพื่อสร้าง bundle สำหรับโปรดักชัน
-- โครงการสแตติก: ไม่มีขั้นตอนการสร้าง บริการไฟล์โดยตรง
+แต่ละโปรเจกต์อาจมีขั้นตอนการสร้างของตัวเอง:
+- โปรเจกต์ Vue: `npm run build` สร้าง bundle สำหรับโปรดักชัน
+- โปรเจกต์สแตติก: ไม่มีขั้นตอนสร้าง เสิร์ฟไฟล์โดยตรง
 
 ## แนวทางการส่ง Pull Request
 
-### รูปแบบชื่อเรื่อง
+### รูปแบบชื่อหัวข้อ
 
-ใช้ชื่อเรื่องที่ชัดเจนและบอกบริเวณการเปลี่ยนแปลง:
-- `[Quiz-app] เพิ่มแบบทดสอบใหม่สำหรับบทเรียน X`
-- `[Lesson-3] แก้ไขคำผิดในโครงการ terrarium`
-- `[Translation] เพิ่มการแปลภาษาสเปนสำหรับบทเรียน 5`
+ใช้ชื่อหัวข้อที่ชัดเจนและบ่งบอกพื้นที่การเปลี่ยนแปลง:
+- `[Quiz-app] เพิ่มแบบทดสอบใหม่สำหรับบทเรียนที่ X`
+- `[Lesson-3] แก้ไขคำผิดในโปรเจกต์ terrarium`
+- `[Translation] เพิ่มการแปลภาษาสเปนสำหรับบทเรียนที่ 5`
 - `[Docs] ปรับปรุงคำแนะนำการตั้งค่า`
 
-### การตรวจสอบที่จำเป็น
-
-ก่อนส่ง PR:
+### การตรวจสอบที่ต้องทำก่อนส่ง
 
 1. **คุณภาพโค้ด**:
-   - รัน `npm run lint` ในโฟลเดอร์โครงการที่ได้รับผลกระทบ
+   - รัน `npm run lint` ในไดเรกทอรีโปรเจกต์ที่ได้รับผลกระทบ
    - แก้ไขข้อผิดพลาดและคำเตือนทั้งหมด
 
 2. **การตรวจสอบการสร้าง**:
-   - รัน `npm run build` หากใช้งานได้
-   - ตรวจสอบว่าไม่มีข้อผิดพลาดในการสร้าง
+   - รัน `npm run build` หากมี
+   - แน่ใจว่าไม่มีข้อผิดพลาดการสร้าง
 
 3. **การตรวจสอบลิงก์**:
    - ทดสอบลิงก์ markdown ทั้งหมด
-   - ยืนยันการอ้างอิงรูปภาพทำงานถูกต้อง
+   - ตรวจสอบการอ้างอิงรูปภาพให้ถูกต้อง
 
 4. **การตรวจสอบเนื้อหา**:
-   - ตรวจทานการสะกดและไวยากรณ์
-   - ตรวจสอบว่าตัวอย่างโค้ดถูกต้องและเหมาะสมกับการศึกษา
-   - ยืนยันว่าการแปลรักษาความหมายเดิม
+   - ตรวจทานคำสะกดและไวยากรณ์
+   - ตรวจสอบว่าโค้ดตัวอย่างถูกต้องและเน้นการศึกษา
+   - ตรวจสอบการแปลว่ายังคงความหมายเดิม
 
-### ข้อกำหนดการร่วมมือ
+### ข้อกำหนดการมีส่วนร่วม
 
-- ตกลงยอมรับ Microsoft CLA (ตรวจสอบอัตโนมัติใน PR แรก)
+- ยอมรับข้อตกลง Microsoft CLA (ตรวจสอบอัตโนมัติใน PR แรก)
 - ปฏิบัติตาม [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- ดู [CONTRIBUTING.md](./CONTRIBUTING.md) สำหรับแนวทางรายละเอียด
-- อ้างอิงหมายเลข issue ในคำอธิบาย PR หากเกี่ยวข้อง
+- ดูรายละเอียดใน [CONTRIBUTING.md](./CONTRIBUTING.md)
+- อ้างเลขที่ issue ในคำอธิบาย PR ถ้ามี
 
 ### กระบวนการตรวจสอบ
 
-- PR ได้รับการตรวจโดยผู้ดูแลและชุมชน
+- PR จะถูกตรวจสอบโดยผู้ดูแลและชุมชน
 - ให้ความสำคัญกับความชัดเจนทางการศึกษา
-- ตัวอย่างโค้ดต้องเป็นไปตามแนวทางปฏิบัติที่ดีที่สุดปัจจุบัน
-- การแปลได้รับการตรวจสอบเพื่อความถูกต้องและเหมาะสมทางวัฒนธรรม
+- ตัวอย่างโค้ดควรปฏิบัติตามแนวทางปัจจุบัน
+- ตรวจสอบการแปลในแง่ความถูกต้องและเหมาะสมทางวัฒนธรรม
 
 ## ระบบแปลภาษา
 
 ### การแปลอัตโนมัติ
 
-- ใช้ GitHub Actions กับ workflow co-op-translator
-- แปลเป็น 50+ ภาษาโดยอัตโนมัติ
-- ไฟล์ต้นทางในไดเรกทอรีหลัก
-- ไฟล์แปลในโครงสร้าง `translations/{language-code}/`
+- ใช้ GitHub Actions พร้อม workflow co-op-translator
+- แปลอัตโนมัติไปยังมากกว่า 50 ภาษา
+- ไฟล์ต้นทางอยู่ในไดเรกทอรีหลัก
+- ไฟล์แปลอยู่ในโครงสร้าง `translations/{language-code}/`
 
 ### การเพิ่มการแปลด้วยตนเอง
 
 1. ค้นหาไฟล์ใน `translations/{language-code}/`
-2. ปรับปรุงโดยรักษาโครงสร้างไว้
-3. ตรวจสอบให้ตัวอย่างโค้ดยังคงทำงานได้
-4. ทดสอบเนื้อหาแบบทดสอบในท้องถิ่นถ้ามี
+2. แก้ไขปรับปรุงพร้อมรักษาโครงสร้างเดิม
+3. ตรวจสอบให้ตัวอย่างโค้ดยังใช้งานได้
+4. ทดสอบเนื้อหาแบบทดสอบท้องถิ่น
 
-### เมตาดาต้าแปลภาษา
+### เมตาดาต้าการแปล
 
-ไฟล์แปลจะมีหัวข้อเมตาดาต้าดังนี้:
+ไฟล์ที่แปลมีเมตาดาต้าหัวข้อ:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,54 +291,54 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### ปัญหาทั่วไป
 
-**แอปแบบทดสอบไม่เริ่มทำงาน**:
+**แอป quiz เริ่มทำงานไม่ได้**:
 - ตรวจสอบเวอร์ชัน Node.js (แนะนำ v14+)
 - ลบ `node_modules` และ `package-lock.json` แล้วรัน `npm install` ใหม่
-- ตรวจสอบปัญหาพอร์ตซ้ำซ้อน (ค่าเริ่มต้น: Vite ใช้พอร์ต 5173)
+- ตรวจสอบพอร์ต (ดีฟอลต์ Vite ใช้พอร์ต 5173)
 
 **เซิร์ฟเวอร์ API ไม่เริ่มทำงาน**:
-- ตรวจสอบเวอร์ชัน Node.js ต้อง>=10
-- ตรวจสอบว่าพอร์ตถูกใช้งานอยู่หรือไม่
-- ติดตั้ง dependencies ทุกตัวด้วย `npm install`
+- ตรวจสอบเวอร์ชัน Node.js ให้ตรงตามขั้นต่ำ (node >=10)
+- ตรวจสอบว่าพอร์ตถูกใช้งานแล้วหรือไม่
+- ตรวจสอบว่าติดตั้ง dependencies ด้วย `npm install` ครบ
 
-**ส่วนขยายเบราว์เซอร์โหลดไม่ได้**:
-- ตรวจสอบว่า manifest.json ถูกฟอร์แมตอย่างถูกต้อง
-- ตรวจดูคอนโซลเบราว์เซอร์ว่ามีข้อผิดพลาดหรือไม่
-- ปฏิบัติตามคำแนะนำการติดตั้งส่วนขยายสำหรับเบราว์เซอร์นั้น
+**ส่วนขยายเบราว์เซอร์โหลดไม่ขึ้น**:
+- ตรวจสอบว่า manifest.json ฟอร์แมตถูกต้อง
+- ดูคอนโซลเบราว์เซอร์หาข้อผิดพลาด
+- ปฏิบัติตามคำแนะนำการติดตั้งสำหรับเบราว์เซอร์แต่ละตัว
 
-**ปัญหาโครงการแชท Python**:
-- ให้แน่ใจว่าได้ติดตั้งแพ็คเกจ OpenAI: `pip install openai`
-- ตรวจสอบว่าตัวแปรสภาพแวดล้อม GITHUB_TOKEN ถูกตั้งค่าแล้ว
-- ตรวจสอบสิทธิ์เข้าถึง GitHub Models
+**ปัญหาโปรเจกต์แชท Python**:
+- ตรวจสอบว่าแพ็คเกจ OpenAI ติดตั้งแล้ว: `pip install openai`
+- ตรวจสอบว่า setting ตัวแปรสภาพแวดล้อม GITHUB_TOKEN ถูกต้อง
+- ตรวจสอบสิทธิ์การเข้าถึง GitHub Models
 
 **Docsify ไม่ให้บริการเอกสาร**:
-- ติดตั้ง docsify-cli แบบ global: `npm install -g docsify-cli`
-- รันจากโฟลเดอร์รากของคลัง
+- ติดตั้ง docsify-cli ทั่วโลก: `npm install -g docsify-cli`
+- รันจากไดเรกทอรีรากของที่เก็บ
 - ตรวจสอบว่าไฟล์ `docs/_sidebar.md` มีอยู่
 
-### เคล็ดลับสภาพแวดล้อมการพัฒนา
+### เคล็ดลับสภาพแวดล้อมพัฒนา
 
-- ใช้ VS Code พร้อมส่วนขยาย Live Server สำหรับโครงการ HTML
-- ติดตั้งส่วนขยาย ESLint และ Prettier เพื่อความสม่ำเสมอในการจัดรูปแบบ
-- ใช้ DevTools ของเบราว์เซอร์สำหรับการดีบัก JavaScript
-- สำหรับโครงการ Vue ให้ติดตั้งส่วนขยาย Vue DevTools ในเบราว์เซอร์
+- ใช้ VS Code พร้อมส่วนขยาย Live Server สำหรับโปรเจกต์ HTML
+- ติดตั้งส่วนขยาย ESLint และ Prettier เพื่อรูปแบบที่สอดคล้องกัน
+- ใช้ DevTools ของเบราว์เซอร์สำหรับดีบัก JavaScript
+- สำหรับโปรเจกต์ Vue, ติดตั้ง Vue DevTools ส่วนขยายเบราว์เซอร์
 
-### ข้อควรพิจารณาด้านประสิทธิภาพ
+### พิจารณาประสิทธิภาพ
 
-- ไฟล์แปลจำนวนมาก (50+ ภาษา) ทำให้โคลนเต็มขนาดใหญ่
+- มีไฟล์แปลจำนวนมาก (50+ ภาษา) ทำให้การโคลนทั้งหมดใหญ่
 - ใช้ shallow clone หากทำงานเฉพาะเนื้อหา: `git clone --depth 1`
-- ยกเว้นการแปลออกจากการค้นหาเมื่อทำงานกับเนื้อหาอังกฤษ
-- กระบวนการสร้าง อาจช้าครั้งแรก (npm install, Vite build)
+- ยกเว้นการค้นหาในส่วนแปลเมื่อทำงานกับเนื้อหาอังกฤษ
+- ขั้นตอนการสร้างอาจช้าในรันแรก (npm install, สร้าง Vite)
 
-## ข้อควรระวังด้านความปลอดภัย
+## การพิจารณาด้านความปลอดภัย
 
 ### ตัวแปรสภาพแวดล้อม
 
-- ห้ามส่งคีย์ API ขึ้นบนคลัง
-- ใช้ไฟล์ `.env` (มีอยู่ใน `.gitignore` แล้ว)
-- บันทึกตัวแปรสภาพแวดล้อมที่จำเป็นไว้ใน README โครงการ
+- ห้าม commit คีย์ API ลงที่เก็บ
+- ใช้ไฟล์ `.env` (ซึ่งมีใน `.gitignore` แล้ว)
+- อธิบายตัวแปรที่ต้องมีใน README ของโปรเจกต์
 
-### โครงการ Python
+### โปรเจกต์ Python
 
 - ใช้ virtual environments: `python -m venv venv`
 - อัปเดต dependencies อย่างสม่ำเสมอ
@@ -348,61 +346,60 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### การเข้าถึง GitHub Models
 
-- ต้องใช้ Personal Access Tokens (PAT) สำหรับ GitHub Models
-- เก็บโทเค็นเป็นตัวแปรสภาพแวดล้อม
-- ห้ามส่งโทเค็นหรือข้อมูลเข้าสู่คลัง
+- ต้องใช้ Personal Access Tokens (PAT)
+- ควรเก็บโทเค็นเป็นตัวแปรสภาพแวดล้อม
+- ห้าม commit โทเค็นหรือข้อมูลรับรอง
 
 ## หมายเหตุเพิ่มเติม
 
 ### กลุ่มเป้าหมาย
 
-- ผู้เริ่มต้นใหม่ในการพัฒนาเว็บ
+- ผู้เริ่มต้นเรียนรู้การพัฒนาเว็บโดยสมบูรณ์
 - นักเรียนและผู้เรียนด้วยตนเอง
-- ครูใช้หลักสูตรในห้องเรียน
-- เนื้อหาออกแบบสำหรับการเข้าถึงและเสริมทักษะทีละขั้น
+- ครูผู้ใช้หลักสูตรในชั้นเรียน
+- เนื้อหาออกแบบเพื่อความเข้าถึงง่ายและการพัฒนาทักษะอย่างเป็นขั้นตอน
 
 ### ปรัชญาการศึกษา
 
-- วิธีการเรียนรู้ด้วยโครงการ
-- ตรวจสอบความรู้บ่อยครั้ง (แบบทดสอบ)
-- แบบฝึกหัดการเขียนโค้ดเชิงปฏิบัติ
+- การเรียนรู้ผ่านโปรเจกต์
+- การตรวจสอบความรู้บ่อยๆ (แบบทดสอบ)
+- การฝึกเขียนโค้ดเชิงปฏิบัติ
 - ตัวอย่างการใช้งานจริง
-- มุ่งเน้นพื้นฐานก่อนใช้เฟรมเวิร์ก
+- เน้นพื้นฐานก่อนใช้เฟรมเวิร์ก
 
-### การดูแลรักษาคลัง
+### การดูแลรักษาที่เก็บ
 
-- ชุมชนผู้เรียนและผู้ร่วมสร้างที่สดใส
-- อัปเดต dependencies และเนื้อหาเป็นประจำ
-- ติดตามปัญหาและอภิปรายโดยผู้ดูแล
-- การอัปเดตแปลภาษาอัตโนมัติผ่าน GitHub Actions
+- ชุมชนผู้เรียนและผู้มีส่วนร่วมที่แอคทีฟ
+- อัปเดต dependencies และเนื้อหาเป็นระยะ
+- ติดตาม issues และการสนทนาโดยผู้ดูแล
+- อัปเดตการแปลอัตโนมัติผ่าน GitHub Actions
 
 ### แหล่งข้อมูลที่เกี่ยวข้อง
 
-- [โมดูล Microsoft Learn](https://docs.microsoft.com/learn/)
-- [ทรัพยากร Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) แนะนำสำหรับผู้เรียน
-- คอร์สเพิ่มเติม: AI สร้างสรรค์, วิทยาศาสตร์ข้อมูล, 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 สร้างสรรค์, Data Science, ML, IoT
 
-### การทำงานกับโครงการเฉพาะ
+### การทำงานกับโปรเจกต์เฉพาะ
 
-สำหรับคำแนะนำโดยละเอียดเกี่ยวกับโครงการเฉพาะ ดูไฟล์ README ใน:
+สำหรับคำแนะนำโดยละเอียดของแต่ละโปรเจกต์ ให้ดูไฟล์ README ใน:
 - `quiz-app/README.md` - แอป quiz Vue 3
 - `7-bank-project/README.md` - แอปธนาคารพร้อมระบบยืนยันตัวตน
 - `5-browser-extension/README.md` - การพัฒนาส่วนขยายเบราว์เซอร์
-- `6-space-game/README.md` - การพัฒนาเกมด้วย Canvas
-- `9-chat-project/README.md` - โครงการผู้ช่วยแชท AI
+- `6-space-game/README.md` - การพัฒนาเกมแบบใช้ Canvas
+- `9-chat-project/README.md` - โปรเจกต์ผู้ช่วยแชท AI
 
 ### โครงสร้าง Monorepo
 
-แม้ว่าไม่ใช่ monorepo แบบดั้งเดิม แต่คลังนี้ประกอบด้วยโครงการอิสระหลายโครงการ:
-- แต่ละบทเรียนแยกตัว
-- โครงการไม่แชร์ dependencies
-- ทำงานกับโครงการรายตัวโดยไม่กระทบโครงการอื่น
-- โคลนคลังทั้งหมดเพื่อประสบการณ์หลักสูตรครบถ้วน
+แม้จะไม่ใช่ monorepo แบบดั้งเดิม แต่ที่เก็บนี้มีโปรเจกต์อิสระหลายตัว:
+- บทเรียนแต่ละบทเป็นอิสระ
+- โปรเจกต์ไม่แชร์ dependencies กัน
+- ทำงานกับโปรเจกต์ใดโปรเจกต์หนึ่งไม่กระทบกัน
+- โคลนที่เก็บทั้งหมดเพื่อประสบการณ์หลักสูตรครบถ้วน
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ข้อจำกัดความรับผิดชอบ**:  
-เอกสารฉบับนี้ได้รับการแปลโดยใช้บริการแปลด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้ความถูกต้องสูงสุด แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นทางถือเป็นแหล่งข้อมูลที่น่าเชื่อถือที่สุด สำหรับข้อมูลที่มีความสำคัญ ควรใช้บริการแปลโดยมนุษย์ผู้เชี่ยวชาญ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดใด ๆ ที่เกิดจากการใช้การแปลนี้
+**ข้อจำกัดความรับผิดชอบ**: เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาอัตโนมัติ [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะมุ่งมั่นเพื่อความถูกต้อง แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความคลาดเคลื่อน เอกสารต้นฉบับในภาษาต้นทางควรถูกพิจารณาเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลโดยมืออาชีพ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดที่เกิดจากการใช้การแปลนี้
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/th/README.md b/translations/th/README.md
index 7010e77cc..554e5a402 100644
--- a/translations/th/README.md
+++ b/translations/th/README.md
@@ -12,200 +12,210 @@
 
 # การพัฒนาเว็บสำหรับผู้เริ่มต้น - หลักสูตร
 
-เรียนรู้พื้นฐานของการพัฒนาเว็บกับหลักสูตรครอบคลุม 12 สัปดาห์ของเราโดย Microsoft Cloud Advocates แต่ละบทเรียนทั้ง 24 บทเรียนจะเจาะลึก JavaScript, CSS, และ HTML ผ่านโปรเจกต์ปฏิบัติ เช่น เทอร์ราเรียม, ส่วนขยายเบราว์เซอร์ และเกมอวกาศ พร้อมส่วนร่วมกับแบบทดสอบ, การสนทนา และงานปฏิบัติ พัฒนาทักษะและเพิ่มประสิทธิภาพการเก็บความรู้ของคุณด้วยวิธีการสอนผ่านโปรเจกต์ที่ได้ผล เริ่มต้นเส้นทางการเขียนโค้ดของคุณวันนี้!
+เรียนรู้พื้นฐานของการพัฒนาเว็บด้วยคอร์ส 12 สัปดาห์แบบครบวงจรโดย Microsoft Cloud Advocates แต่ละบทเรียน 24 บท จะเจาะลึก JavaScript, CSS และ HTML ผ่านโครงการทำมือเช่น เทอร์ราเรียม, ส่วนขยายเบราว์เซอร์ และเกมอวกาศ มีส่วนร่วมกับแบบทดสอบ, การสนทนา และงานปฏิบัติ เพิ่มพูนทักษะของคุณและเพิ่มประสิทธิภาพในการจดจำความรู้ด้วยวิธีการสอนที่มุ่งเน้นโครงการ เริ่มต้นเส้นทางการเขียนโค้ดของคุณวันนี้!
 
-เข้าร่วมชุมชน Discord Azure AI Foundry
+เข้าร่วมชุมชน Azure AI Foundry Discord
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-ทำตามขั้นตอนเหล่านี้เพื่อเริ่มใช้ทรัพยากรเหล่านี้:
-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`
+ทำตามขั้นตอนเหล่านี้เพื่อเริ่มต้นใช้ทรัพยากรเหล่านี้:
+1. **ForkRepository**: คลิก [![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. **CloneRepository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 3. [**เข้าร่วม Azure AI Foundry Discord และพบปะผู้เชี่ยวชาญและนักพัฒนาร่วมกัน**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 การสนับสนุนหลายภาษา
+### 🌐 รองรับหลายภาษา
 
-#### สนับสนุนผ่าน GitHub Action (อัตโนมัติ & อัปเดตเสมอ)
+#### รองรับผ่าน GitHub Action (ทำงานอัตโนมัติ & เป็นปัจจุบันเสมอ)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](./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"
+> ```
+>
+> นี้จะให้คุณทุกอย่างที่จำเป็นสำหรับการทำคอร์สด้วยความเร็วดาวน์โหลดที่เร็วขึ้นมาก
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**ถ้าคุณต้องการให้เพิ่มการสนับสนุนภาษาแปลอื่น ๆ รายการภาษาที่สนับสนุนอยู่ [ที่นี่](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**หากคุณต้องการให้รองรับภาษาการแปลเพิ่มเติม ติดตามได้ที่ [นี่](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _คุณเป็นนักเรียนหรือไม่?_
+#### 🧑‍🎓 _คุณเป็นนักเรียนใช่ไหม?_
 
-เยี่ยมชม [**หน้า 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 🚀" ในบทส่วนใหญ่ เป็นความท้าทายใหม่สำหรับคุณในการใช้ GitHub Copilot และโหมด Agent หากคุณไม่เคยใช้โหมด Agent มาก่อน โหมดนี้สามารถไม่เพียงแค่สร้างข้อความแต่ยังสามารถสร้างและแก้ไขไฟล์, รันคำสั่ง และอื่น ๆ
+เพิ่มความท้าทายใหม่ ค้นหา "GitHub Copilot Agent Challenge 🚀" ในเกือบทุกบท นี่คือความท้าทายใหม่สำหรับคุณในการทำให้เสร็จโดยใช้ GitHub Copilot และโหมด Agent หากคุณไม่เคยใช้โหมด Agent มาก่อน มันสามารถไม่เพียงแต่สร้างข้อความ แต่ยังสร้างและแก้ไขไฟล์ รันคำสั่ง และอื่น ๆ ได้
 
-### 📣 ประกาศ - _โปรเจกต์ใหม่ที่สร้างโดย Generative AI_
+### 📣 ประกาศ - _โครงการใหม่ที่ใช้ Generative AI_
 
-เพิ่มโปรเจกต์ AI Assistant ใหม่เพิ่งเพิ่มเข้ามา ลองดูได้ที่ [โปรเจกต์](./9-chat-project/README.md)
+เพิ่มโครงการผู้ช่วย AI ใหม่ ตรวจสอบได้ที่ [project](./9-chat-project/README.md)
 
-### 📣 ประกาศ - _หลักสูตรใหม่_ สำหรับ Generative AI สำหรับ JavaScript เพิ่งเปิดตัว
+### 📣 ประกาศ - _หลักสูตรใหม่_ เกี่ยวกับ Generative AI สำหรับ JavaScript เพิ่งปล่อยออกมา
 
-อย่าพลาดหลักสูตร Generative AI ใหม่ของเรา!
+อย่าพลาดหลักสูตรใหม่ของเราใน Generative AI!
 
 เยี่ยมชม [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) เพื่อเริ่มต้น!
 
 ![Background](../../translated_images/th/background.148a8d43afde5730.webp)
 
-- บทเรียนครอบคลุมทุกอย่างตั้งแต่พื้นฐานจนถึง RAG
-- โต้ตอบกับตัวละครประวัติศาสตร์โดยใช้ GenAI และแอปคู่ของเรา
-- เนื้อเรื่องสนุกและน่าติดตาม คุณจะได้เดินทางข้ามเวลา!
+- บทเรียนครอบคลุมตั้งแต่พื้นฐานถึง RAG
+- มีปฏิสัมพันธ์กับตัวละครในประวัติศาสตร์โดยใช้ GenAI และแอปคู่หูของเรา
+- เรื่องราวสนุกสนานและน่าติดตาม คุณจะได้เดินทางข้ามเวลา!
 
 ![character](../../translated_images/th/character.5c0dd8e067ffd693.webp)
 
-
-แต่ละบทเรียนประกอบด้วยงานที่ต้องทำ, การตรวจสอบความรู้ และความท้าทายเพื่อแนะนำการเรียนรู้หัวข้อต่าง ๆ เช่น:
-- การตั้งค่าและออกแบบ prompt
-- การสร้างแอปข้อความและรูปภาพ
+แต่ละบทเรียนมีการมอบหมายงานให้ทำ การตรวจเช็คความรู้ และความท้าทายเพื่อแนะนำการเรียนรู้หัวข้อต่าง ๆ เช่น:
+- การเขียนพรอมต์และการออกแบบพรอมต์
+- การสร้างแอปข้อความและภาพ
 - แอปค้นหา
 
 เยี่ยมชม [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) เพื่อเริ่มต้น!
 
 
 
-## 🌱 การเริ่มต้นใช้งาน
+## 🌱 การเริ่มต้น
 
-> **ครูผู้สอน** เราได้ [รวมคำแนะนำ](for-teachers.md) เกี่ยวกับวิธีใช้หลักสูตรนี้ เราต้องการรับคำติชมจากคุณ [ในฟอรัมอภิปรายของเรา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **สำหรับครูผู้สอน** เรามี [คำแนะนำบางส่วน](for-teachers.md) เกี่ยวกับวิธีใช้หลักสูตรนี้ เราต้องการรับฟังความคิดเห็นของคุณ [ในฟอรัมสนทนาของเรา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[ผู้เรียน](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** สำหรับแต่ละบทเรียน เริ่มด้วยแบบทดสอบก่อนบรรยาย แล้วอ่านเนื้อหาบรรยาย, ทำกิจกรรมต่าง ๆ และตรวจสอบความเข้าใจด้วยแบบทดสอบหลังบรรยาย
+**[ผู้เรียน](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** สำหรับแต่ละบทเรียน เริ่มด้วยแบบทดสอบก่อนบรรยาย จากนั้นอ่านเนื้อหาบทเรียน ทำกิจกรรมต่าง ๆ และตรวจสอบความเข้าใจด้วยแบบทดสอบหลังบรรยาย
 
-เพื่อเพิ่มประสบการณ์การเรียนรู้ของคุณ เชื่อมต่อกับเพื่อนร่วมชั้นเพื่อทำโปรเจกต์ร่วมกัน! เราส่งเสริมการสนทนาใน [ฟอรัมอภิปราย](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ซึ่งทีมผู้ดูแลของเราจะพร้อมตอบคำถามของคุณ
+เพื่อเพิ่มประสบการณ์การเรียนรู้ของคุณ ให้เชื่อมต่อกับเพื่อนร่วมชั้นเพื่อทำโครงการด้วยกัน! การสนทนาได้รับการสนับสนุนใน [ฟอรัมสนทนา](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ที่ซึ่งทีมผู้ควบคุมของเราจะพร้อมตอบคำถามของคุณ
 
-เพื่อการศึกษาต่อเนื่อง เราขอแนะนำให้สำรวจ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) สำหรับเนื้อหาเพิ่มเติม
+เพื่อเสริมความรู้ของคุณ เราขอแนะนำอย่างยิ่งให้สำรวจ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) สำหรับวัสดุการศึกษาเพิ่มเติม
 
 ### 📋 การตั้งค่าสภาพแวดล้อมของคุณ
 
-หลักสูตรนี้มีสภาพแวดล้อมสำหรับการพัฒนาพร้อมให้ใช้งาน! เมื่อต้องการเริ่มต้น คุณสามารถเลือกใช้หลักสูตรนี้ใน [Codespace](https://github.com/features/codespaces/) (_สภาพแวดล้อมบนเบราว์เซอร์โดยไม่ต้องติดตั้ง_) หรือในเครื่องของคุณโดยใช้โปรแกรมแก้ไขข้อความ เช่น [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)
+หลักสูตรนี้มีสภาพแวดล้อมการพัฒนาพร้อมใช้งาน! เมื่อเริ่มต้น คุณสามารถเลือกที่จะรันหลักสูตรใน [Codespace](https://github.com/features/codespaces/) (_สภาพแวดล้อมผ่านเบราว์เซอร์ที่ไม่ต้องติดตั้งใด ๆ_) หรือรันบนคอมพิวเตอร์ของคุณโดยใช้ตัวแก้ไขข้อความเช่น [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)
 
-#### สร้างที่เก็บของคุณ
-เพื่อความสะดวกในการบันทึกงานของคุณ ควรสร้างสำเนาของที่เก็บนี้โดยคลิกปุ่ม **Use this template** ที่ด้านบนของหน้าเพื่อสร้างที่เก็บใหม่ในบัญชี GitHub ของคุณที่มีสำเนาหลักสูตรนี้
+#### สร้าง repository ของคุณ
+เพื่อให้คุณบันทึกงานของคุณได้ง่าย ขอแนะนำให้คุณสร้างสำเนาของ repository นี้โดยคลิกปุ่ม **Use this template** ที่ด้านบนของหน้า ซึ่งจะสร้าง repository ใหม่ในบัญชี GitHub ของคุณโดยมีสำเนาหลักสูตรนี้
 
 ทำตามขั้นตอนเหล่านี้:
-1. **Fork ที่เก็บ**: คลิกที่ปุ่ม "Fork" ที่มุมบนขวาของหน้านี้
-2. **โคลนที่เก็บ**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fork Repository**: คลิกปุ่ม "Fork" ที่มุมขวาบนของหน้านี้
+2. **Clone Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
-#### การใช้งานหลักสูตรใน Codespace
+#### รันหลักสูตรใน Codespace
 
-ในสำเนาที่เก็บของคุณที่สร้างไว้ คลิกปุ่ม **Code** และเลือก **Open with Codespaces** ขั้นตอนนี้จะสร้าง Codespace ใหม่ให้คุณทำงานได้
+ในสำเนาของ repository ที่คุณสร้าง คลิกปุ่ม **Code** และเลือก **Open with Codespaces** ซึ่งจะสร้าง Codespace ใหม่ให้คุณทำงาน
 
 ![Codespace](../../translated_images/th/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)
+#### รันหลักสูตรบนคอมพิวเตอร์ของคุณเอง
 
+การรันหลักสูตรนี้บนคอมพิวเตอร์ของคุณ คุณจะต้องมีตัวแก้ไขข้อความ, เบราว์เซอร์ และเครื่องมือบรรทัดคำสั่ง บทเรียนแรกของเรา, [บทนำสู่ภาษาโปรแกรมและเครื่องมือ](../../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 ได้ที่นี่ [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)
+1. โคลนที่เก็บของคุณไปยังคอมพิวเตอร์ของคุณ คุณสามารถทำได้โดยการคลิกปุ่ม **Code** และคัดลอก URL:
 
     [CodeSpace](./images/createcodespace.png)
-จากนั้น เปิด [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) และรันคำสั่งต่อไปนี้ โดยแทนที่ `<your-repository-url>` ด้วย URL ที่คุณเพิ่งคัดลอกมา:
+
+    จากนั้น เปิด [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) และรันคำสั่งต่อไปนี้ โดยแทนที่ `<your-repository-url>` ด้วย URL ที่คุณเพิ่งคัดลอกมา:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. เปิดโฟลเดอร์ใน Visual Studio Code คุณสามารถทำได้โดยคลิกที่ **File** > **Open Folder** และเลือกโฟลเดอร์ที่คุณเพิ่งโคลนมา
+2. เปิดโฟลเดอร์ใน Visual Studio Code คุณสามารถทำได้โดยการคลิก **File** > **Open Folder** และเลือกโฟลเดอร์ที่คุณเพิ่งโคลนมา
 
 
->  ส่วนขยายของ Visual Studio Code ที่แนะนำ:
+>  ส่วนขยายที่แนะนำสำหรับ Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - เพื่อดูตัวอย่างหน้า HTML ภายใน Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - เพื่อแสดงตัวอย่างหน้า HTML ภายใน Visual Studio Code
 > * [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  |                     Getting Started                      |           บทนำสู่การเขียนโปรแกรมและเครื่องมือที่ใช้ในการทำงาน           | เรียนรู้พื้นฐานของภาษาการเขียนโปรแกรมส่วนใหญ่และเกี่ยวกับซอฟต์แวร์ที่ช่วยให้นักพัฒนามืออาชีพทำงานได้อย่างมีประสิทธิภาพ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Getting Started                      |             พื้นฐานของ GitHub รวมถึงการทำงานเป็นทีม                     | วิธีใช้ GitHub ในโปรเจคของคุณ วิธีการทำงานร่วมกับผู้อื่นบนฐานโค้ดเดียวกัน                                                      |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Getting Started                      |                             การเข้าถึง                                    | เรียนรู้พื้นฐานของการเข้าถึงเว็บ                                                                                                   |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Basics                         |                         ประเภทข้อมูลใน JavaScript                       | พื้นฐานของประเภทข้อมูลใน JavaScript                                                                                                |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Basics                         |                         ฟังก์ชันและเมธอด                               | เรียนรู้เกี่ยวกับฟังก์ชันและเมธอดเพื่อจัดการการไหลของตรรกะในแอปพลิเคชัน                                                          |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                         |                        การตัดสินใจด้วย JS                              | เรียนรู้วิธีสร้างเงื่อนไขในโค้ดของคุณโดยใช้วิธีตัดสินใจ                                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Basics                         |                            อาเรย์และลูป                                | ทำงานกับข้อมูลโดยใช้ arrays และ loops ใน JavaScript                                                                               |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML ในการปฏิบัติ                          | สร้าง HTML เพื่อสร้างเทอร์ราเรียมออนไลน์ โดยเน้นการสร้างเลย์เอาต์                                                                   |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS ในการปฏิบัติ                           | สร้าง CSS เพื่อจัดแต่งเทอร์ราเรียมออนไลน์ โดยเน้นพื้นฐานของ CSS รวมถึงการทำให้หน้าเว็บตอบสนอง                                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, การจัดการ DOM                     | สร้าง JavaScript เพื่อให้เทอร์ราเรียมทำงานเป็นอินเทอร์เฟซลากและวาง โดยเน้นที่ closures และการจัดการ DOM                            |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          สร้างเกมพิมพ์ดีด                            | เรียนรู้วิธีใช้เหตุการณ์แป้นพิมพ์เพื่อควบคุมตรรกะของแอป JavaScript ของคุณ                                                        |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         การทำงานกับเว็บเบราว์เซอร์                    | เรียนรู้วิธีการทำงานของเบราว์เซอร์ ประวัติศาสตร์ และวิธีสร้างส่วนแรกของส่วนขยายเบราว์เซอร์                                       |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | การสร้างฟอร์ม เรียก API และเก็บตัวแปรใน local storage                | สร้างองค์ประกอบ JavaScript ของส่วนขยายเบราว์เซอร์ของคุณเพื่อเรียก API โดยใช้ตัวแปรที่เก็บใน local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          กระบวนการพื้นหลังในเบราว์เซอร์, ประสิทธิภาพเว็บ              | ใช้กระบวนการพื้นหลังของเบราว์เซอร์เพื่อจัดการไอคอนของส่วนขยาย; ศึกษาเกี่ยวกับประสิทธิภาพเว็บและการปรับแต่งบางอย่างเพื่อทำให้  |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             การพัฒนาเกมขั้นสูงเพิ่มเติมด้วย JavaScript                  | เรียนรู้เกี่ยวกับการสืบทอดโดยใช้ทั้ง Classes และ Composition และรูปแบบ Pub/Sub เพื่อเตรียมพร้อมสำหรับการสร้างเกม              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           การวาดบน canvas                             | เรียนรู้เกี่ยวกับ Canvas API ที่ใช้สำหรับวาดองค์ประกอบบนหน้าจอ                                                                  |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   การเคลื่อนย้ายองค์ประกอบบนหน้าจอ                  | ค้นพบว่าองค์ประกอบสามารถเคลื่อนที่โดยใช้พิกัดคาร์ทีเซียนและ Canvas API ได้อย่างไร                                               |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          การตรวจจับการชน                             | ทำให้องค์ประกอบชนกันและตอบสนองต่อกันโดยใช้การกดปุ่ม แถมมีฟังก์ชัน cooldown เพื่อรักษาประสิทธิภาพของเกม                     |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             การเก็บคะแนน                              | ทำการคำนวณทางคณิตศาสตร์ตามสถานะและประสิทธิภาพของเกม                                                                             |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     การจบและเริ่มเกมใหม่                             | เรียนรู้เกี่ยวกับการจบเกมและการเริ่มใหม่ รวมถึงการทำความสะอาดแอสเซทและรีเซ็ตค่าตัวแปร                                          |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 แม่แบบ HTML และเส้นทางในเว็บแอป                      | เรียนรู้วิธีสร้างโครงสร้างของเว็บไซต์หลายหน้าโดยใช้ routing และแม่แบบ HTML                                                    |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  สร้างฟอร์มเข้าสู่ระบบและลงทะเบียน                   | เรียนรู้เกี่ยวกับการสร้างฟอร์มและการจัดการการตรวจสอบความถูกต้อง                                                                 |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   วิธีการดึงและใช้ข้อมูล                              | วิธีที่ข้อมูลไหลเข้าและออกจากแอปของคุณ วิธีการดึงข้อมูล เก็บ และกำจัดข้อมูล                                                      |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      แนวคิดการจัดการสถานะ                            | เรียนรู้ว่าแอปของคุณเก็บสถานะอย่างไรและวิธีการจัดการมันอย่างเป็นโปรแกรม                                                        |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | การทำงานกับ VScode | เรียนรู้วิธีการใช้ตัวแก้ไขโค้ด| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 01  |                     เริ่มต้นใช้งาน                      |           บทนำสู่การเขียนโปรแกรมและเครื่องมือในงานพัฒนา           | เรียนรู้พื้นฐานเบื้องต้นที่อยู่เบื้องหลังภาษาการเขียนโปรแกรมส่วนใหญ่ และเกี่ยวกับซอฟต์แวร์ที่ช่วยให้นักพัฒนามืออาชีพทำงานได้ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     เริ่มต้นใช้งาน                      |             พื้นฐาน GitHub รวมถึงการทำงานเป็นทีม             | วิธีการใช้ GitHub ในโครงการของคุณ วิธีการร่วมมือกับผู้อื่นในฐานข้อมูลโค้ด                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     เริ่มต้นใช้งาน                      |                             การเข้าถึง                              | เรียนรู้พื้นฐานการเข้าถึงเว็บ                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS เบื้องต้น                         |                         ประเภทข้อมูลใน JavaScript                          | พื้นฐานของประเภทข้อมูลใน JavaScript                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS เบื้องต้น                         |                         ฟังก์ชันและเมธอด                          | เรียนรู้เกี่ยวกับฟังก์ชันและเมธอดเพื่อจัดการลอจิกของแอปพลิเคชัน                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS เบื้องต้น                         |                        การตัดสินใจด้วย JS                        | เรียนรู้วิธีสร้างเงื่อนไขในโค้ดของคุณโดยใช้วิธีการตัดสินใจ                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS เบื้องต้น                         |                            อาร์เรย์และลูป                            | ทำงานกับข้อมูลโดยใช้ arrays และ loops ใน JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML ในการปฏิบัติ                            | สร้าง HTML เพื่อสร้าง Terrarium ออนไลน์ โดยเน้นการสร้างเลย์เอาต์                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS ในการปฏิบัติ                             | สร้าง CSS เพื่อจัดสไตล์ Terrarium ออนไลน์ โดยเน้นพื้นฐานของ CSS รวมถึงการทำให้หน้าเว็บตอบสนอง                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, การจัดการ DOM                  | สร้าง JavaScript เพื่อให้ Terrarium ทำงานเป็นอินเทอร์เฟซลากและวาง โดยเน้นที่ closures และการจัดการ DOM             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          สร้างเกมพิมพ์                           | เรียนรู้วิธีใช้เหตุการณ์คีย์บอร์ดเพื่อควบคุมลอจิกของแอป JavaScript ของคุณ                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) |                         การทำงานกับเบราว์เซอร์                          | เรียนรู้ว่าเบราว์เซอร์ทำงานอย่างไร ประวัติ และวิธีเริ่มต้นส่วนขยายเบราว์เซอร์                                                |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) | สร้างฟอร์ม เรียก API และเก็บตัวแปรใน local storage | สร้างส่วนขยายเบราว์เซอร์ของคุณโดยใช้ JavaScript เพื่อเรียก API โดยใช้ตัวแปรที่เก็บใน local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [ส่วนขยายเบราว์เซอร์สีเขียว](./5-browser-extension/solution/README.md) |          กระบวนการพื้นหลังในเบราว์เซอร์และประสิทธิภาพเว็บ          | ใช้กระบวนการพื้นหลังของเบราว์เซอร์เพื่อจัดการไอคอนส่วนขยาย เรียนรู้เกี่ยวกับประสิทธิภาพเว็บและการปรับปรุงบางอย่างเพื่อทำให้ดีขึ้น   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             การพัฒนาเกมขั้นสูงด้วย JavaScript             | เรียนรู้เกี่ยวกับ Inheritance โดยใช้ทั้ง Classes และ Composition และรูปแบบ Pub/Sub เพื่อเตรียมพร้อมสำหรับการสร้างเกม              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           การวาดบน canvas                            | เรียนรู้เกี่ยวกับ Canvas API ที่ใช้ในการวาดองค์ประกอบบนหน้าจอ                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   การเคลื่อนย้ายองค์ประกอบรอบจอ                    | ค้นพบว่าสิ่งต่าง ๆ สามารถเคลื่อนไหวโดยใช้พิกัดคาร์ทีเซียนและ Canvas API ได้อย่างไร                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          การตรวจจับการชน                           | ทำให้องค์ประกอบชนและตอบสนองต่อกันโดยใช้การกดปุ่ม keypress พร้อมกับฟังก์ชัน cooldown เพื่อประสิทธิภาพของเกม    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             การเก็บคะแนน                              | ทำการคำนวณทางคณิตศาสตร์ตามสถานะและประสิทธิภาพของเกม                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     การจบและเริ่มเกมใหม่                     | เรียนรู้เกี่ยวกับการจบเกมและเริ่มเกมใหม่ รวมถึงการทำความสะอาดทรัพยากรและรีเซ็ตค่าตัวแปร                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 เทมเพลต HTML และการกำหนดเส้นทางในเว็บแอป                 | เรียนรู้วิธีสร้างโครงสร้างเว็บไซต์หลายหน้าโดยใช้ routing และเทมเพลต HTML                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  สร้างฟอร์มล็อกอินและลงทะเบียน                   | เรียนรู้เกี่ยวกับการสร้างฟอร์มและการจัดการการตรวจสอบความถูกต้อง                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   วิธีการดึงและใช้ข้อมูล                   | วิธีการไหลของข้อมูลเข้าและออกจากแอปของคุณ วิธีดึงข้อมูล เก็บข้อมูล และจัดการข้อมูล                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      แนวคิดการจัดการสถานะ                      | เรียนรู้วิธีที่แอปของคุณเก็บสถานะและวิธีจัดการสถานะเหล่านั้นโดยใช้โปรแกรม                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | การทำงานกับ VScode | เรียนรู้วิธีใช้โปรแกรมแก้ไขโค้ด| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
 | 26 | [AI Assistants](./9-chat-project/README.md) | การทำงานกับ AI | เรียนรู้วิธีสร้างผู้ช่วย AI ของคุณเอง | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
-## 🏫 วิธีการสอน
+## 🏫 การสอน
+
+หลักสูตรของเราได้รับการออกแบบโดยมีหลักการทางการสอนสองประการสำคัญ:
+* การเรียนรู้โดยใช้โครงงานเป็นฐาน
+* การทำแบบทดสอบบ่อยครั้ง
 
-หลักสูตรของเราออกแบบโดยมีหลักการทางการสอนสองประการสำคัญ:
-* การเรียนรู้ผ่านโครงการ
-* แบบทดสอบบ่อยครั้ง
+โปรแกรมสอนพื้นฐานของ JavaScript, HTML และ CSS รวมถึงเครื่องมือและเทคนิคล่าสุดที่นักพัฒนาเว็บในปัจจุบันใช้ นักเรียนจะมีโอกาสสร้างประสบการณ์ปฏิบัติผ่านการสร้างเกมพิมพ์คีย์, Terrarium เสมือนจริง, ส่วนขยายเบราว์เซอร์ที่เป็นมิตรกับสิ่งแวดล้อม, เกมสไตล์ space-invader และแอปธนาคารสำหรับธุรกิจ เมื่อจบชุดบทเรียน นักเรียนจะมีความเข้าใจที่ดีเกี่ยวกับการพัฒนาเว็บ
 
-โปรแกรมสอนพื้นฐานของ JavaScript, HTML และ CSS รวมถึงเครื่องมือและเทคนิคล่าสุดที่นักพัฒนาเว็บสมัยใหม่ใช้ นักเรียนจะมีโอกาสได้รับประสบการณ์ปฏิบัติจริงโดยการสร้างเกมพิมพ์ดีด เทอร์ราเรียมเสมือน ส่วนขยายเบราว์เซอร์สีเขียว เกมอวกาศสไตล์ space-invader และแอปธนาคารสำหรับธุรกิจ เมื่อจบซีรีส์นี้ นักเรียนจะมีความเข้าใจแท้จริงเกี่ยวกับการพัฒนาเว็บ
+> 🎓 คุณสามารถเรียนบทเรียนแรก ๆ ในหลักสูตรนี้เป็น [เส้นทางการเรียนรู้](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) บน Microsoft Learn!
 
-> 🎓 คุณสามารถเรียนบทเรียนแรก ๆ ของหลักสูตรนี้ในรูปแบบ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) บน Microsoft Learn!
+โดยการทำให้เนื้อหาสอดคล้องกับโครงงาน กระบวนการเรียนรู้จะน่าสนใจขึ้นสำหรับนักเรียนและการจดจำแนวคิดจะดีขึ้น เราได้เขียนบทเรียนเริ่มต้นหลายบทเกี่ยวกับพื้นฐาน JavaScript เพื่อแนะนำแนวคิด พร้อมกับวิดีโอจากชุด "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ชุดวิดีโอสอนซึ่งผู้เขียนบางท่านมีส่วนร่วมในการจัดทำหลักสูตรนี้
 
-ด้วยการทำให้เนื้อหาสอดคล้องกับโครงการ ขั้นตอนการเรียนการสอนจึงน่าสนใจขึ้นสำหรับนักเรียนและช่วยเพิ่มการจดจำแนวคิด เราเขียนบทเรียนเริ่มต้นหลายบทเกี่ยวกับพื้นฐานของ JavaScript เพื่อแนะนำแนวคิด พร้อมกับวิดีโอจากชุด "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ซึ่งมีผู้เขียนบางท่านมีส่วนร่วมในการสร้างหลักสูตรนี้
+นอกจากนี้ แบบทดสอบที่ความกดดันต่ำก่อนเข้าชั้นเรียนจะช่วยให้นักเรียนตั้งใจเรียนหัวข้อ และแบบทดสอบที่สองหลังเข้าชั้นเรียนช่วยเสริมสร้างการจดจำ หลักสูตรนี้ถูกออกแบบมาให้ยืดหยุ่นและสนุก และสามารถเรียนได้ทั้งหมดหรือบางส่วน โครงงานเริ่มเล็กและซับซ้อนมากขึ้นเรื่อย ๆ เมื่อเข้าสู่สัปดาห์ที่ 12
 
-นอกจากนี้ แบบทดสอบความเสี่ยงต่ำก่อนเข้าเรียนช่วยตั้งความมุ่งมั่นของนักเรียนต่อการเรียนรู้หัวข้อ ในขณะที่แบบทดสอบที่สองหลังเรียนช่วยรักษาการจดจำ เนื้อหาหลักสูตรนี้ออกแบบมาให้ยืดหยุ่นและสนุกสนาน สามารถเรียนครบหรือบางส่วนก็ได้ โครงการเริ่มต้นเล็ก ๆ และมีความซับซ้อนเพิ่มขึ้นเรื่อย ๆ ภายใน 12 สัปดาห์
+ในขณะที่เราได้ตั้งใจหลีกเลี่ยงการแนะนำเฟรมเวิร์ก JavaScript เพื่อมุ่งเน้นทักษะพื้นฐานที่จำเป็นสำหรับนักพัฒนาเว็บก่อนที่จะใช้เฟรมเวิร์ก ขั้นตอนถัดไปที่ดีในการเรียนรู้หลักสูตรนี้คือการเรียนรู้เกี่ยวกับ Node.js ผ่านชุดวิดีโออีกชุดหนึ่ง: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-แม้เราจะจงใจหลีกเลี่ยงการแนะนำเฟรมเวิร์ก 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.md) ของเรา เรายินดีรับข้อเสนอแนะเชิงสร้างสรรค์จากคุณ!
 
-> เยี่ยมชม [Code of Conduct](CODE_OF_CONDUCT.md) และแนวทาง [Contributing](CONTRIBUTING.md) ของเรา เรายินดีรับฟังความคิดเห็นในการพัฒนาของคุณ!
 
 ## 🧭 การเข้าถึงแบบออฟไลน์
 
-คุณสามารถรันเอกสารนี้แบบออฟไลน์โดยใช้ [Docsify](https://docsify.js.org/#/) โคลน repo นี้ ติดตั้ง Docsify บนเครื่องของคุณ แล้วในโฟลเดอร์หลักของ repo ให้พิมพ์ `docsify serve` เว็บไซต์จะถูกให้บริการผ่านพอร์ต 3000 บน localhost ของคุณ: `localhost:3000`
+คุณสามารถรันเอกสารนี้แบบออฟไลน์ได้โดยใช้ [Docsify](https://docsify.js.org/#/). Fork รีโปนี้, [ติดตั้ง Docsify](https://docsify.js.org/#/quickstart) บนเครื่องของคุณ จากนั้นในโฟลเดอร์หลักของรีโปนี้ ให้พิมพ์ `docsify serve`. เว็บไซต์จะถูกให้บริการบนพอร์ต 3000 ที่ localhost ของคุณ: `localhost:3000`.
 
 ## 📘 PDF
+PDF ของบทเรียนทั้งหมดสามารถดูได้ที่ [นี่](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
+
 
-คุณสามารถดาวน์โหลด PDF ของบทเรียนทั้งหมดได้ที่ [นี่](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
+## 🎒 หลักสูตรอื่นๆ
 
-## 🎒 หลักสูตรอื่น ๆ
-ทีมของเราผลิตคอร์สอื่นๆ อีก! ลองดู:
+ทีมงานของเราผลิตหลักสูตรอื่นๆ อีก! ลองดูที่:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -249,21 +259,21 @@
 
 ## การขอความช่วยเหลือ
 
-ถ้าคุณติดปัญหาหรือมีคำถามใดๆ เกี่ยวกับการสร้างแอป 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) สำหรับข้อมูลเพิ่มเติม
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ข้อจำกัดความรับผิดชอบ**:  
-เอกสารนี้ได้รับการแปลโดยใช้บริการแปลด้วย AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้ความถูกต้องสูงสุด โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาต้นฉบับควรถือเป็นแหล่งข้อมูลที่ถูกต้องและน่าเชื่อถือ สำหรับข้อมูลที่สำคัญ ควรใช้บริการแปลโดยมนุษย์ผู้เชี่ยวชาญ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดใด ๆ ที่เกิดจากการใช้การแปลนี้
+**ข้อจำกัดความรับผิดชอบ**:
+เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) ถึงแม้เราจะพยายามรักษาความถูกต้อง แต่กรุณาทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความคลาดเคลื่อน เอกสารต้นฉบับในภาษาดั้งเดิมถือเป็นแหล่งข้อมูลที่เชื่อถือได้ หากเป็นข้อมูลสำคัญ ขอแนะนำให้ใช้บริการแปลโดยมนุษย์มืออาชีพ เราจะไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดที่เกิดขึ้นจากการใช้การแปลนี้
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tl/.co-op-translator.json b/translations/tl/.co-op-translator.json
index 2b12e297c..3930d8486 100644
--- a/translations/tl/.co-op-translator.json
+++ b/translations/tl/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T13:47:42+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:04:22+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "tl"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:04:36+00:00",
+    "translation_date": "2026-03-06T13:08:03+00:00",
     "source_file": "AGENTS.md",
     "language_code": "tl"
   },
@@ -516,8 +516,8 @@
     "language_code": "tl"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:57:47+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T12:59:29+00:00",
     "source_file": "README.md",
     "language_code": "tl"
   },
diff --git a/translations/tl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/tl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index cd081627b..f1dca8c6c 100644
--- a/translations/tl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/tl/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,105 +1,105 @@
-# Panimula sa Mga Wika ng Programming at Modernong Developer Tools
+# Panimula sa Programming Languages at Modernong Developer Tools
 
-Kamusta, hinaharap na developer! 👋 Pwede ba akong magbahagi ng isang bagay na palaging nagbibigay sa akin ng kilig araw-araw? Malapit mo nang matuklasan na ang programming ay hindi lang tungkol sa mga computer – ito ay parang pagkakaroon ng superpowers para maisakatuparan ang mga pinakamalupit mong ideya!
+Kumusta, hinaharap na developer! 👋 Pwede ba kitang sabihing isang bagay na nagpapamanhid sa akin araw-araw? Malapit mo nang matuklasan na ang programming ay hindi lang tungkol sa mga kompyuter – ito ay tungkol sa pagkakaroon ng tunay na mga superpowers para buhayin ang pinakakatiwang-tawang ideya mo!
 
-Alam mo yung sandali na ginagamit mo ang paborito mong app at parang ang lahat ay perpektong gumagana? Kapag pinindot mo ang isang button at may nangyayaring sobrang astig na magpapaisip sa'yo ng "wow, paano nila NAGAWA yun?" Well, may isang tao na katulad mo – marahil nakaupo sa paborito nilang coffee shop ng alas-dos ng umaga na may pangatlong tasa ng espresso – ang nagsulat ng code na lumikha ng mahika na iyon. At eto ang magpapasabog ng utak mo: sa pagtatapos ng araling ito, hindi mo lang maiintindihan kung paano nila ginawa iyon, kundi magiging excited ka na subukan ito mismo!
+Alam mo ba yung sandali kapag ginagamit mo ang paborito mong app at lahat ay perpektong nagkakasya? Kapag itinap mo ang isang button at may mangyaring isang bagay na kahima-himala na magpapasabi sa'yo ng, "wow, paano nila 'yun ginawa?" Aba, isang taong katulad mo – malamang nasa paboritong coffee shop niya ng alas-dos ng umaga na may pangatlong espresso – ang nagsulat ng code na gumawa ng magic na 'yon. At heto ang magpapakuha ng iyong hininga: sa pagtatapos ng aralin na ito, hindi lang mo mauunawaan kung paano nila ginawa iyon, kundi ikaw ay magkakaroon ng kagustuhang subukan ito mismo!
 
-Alam mo, naiintindihan ko kung bakit nakakatakot ang programming sa simula. Noong nagsimula ako, akala ko kailangan mong maging isang math genius o marunong mag-code mula limang taong gulang. Pero eto ang nagbago ng pananaw ko: ang programming ay parang pag-aaral ng bagong wika. Nagsisimula ka sa "hello" at "thank you," tapos natututo kang mag-order ng kape, at bago mo malaman, nakikipag-usap ka na tungkol sa malalalim na pilosopikal na usapan! Pero sa kasong ito, nakikipag-usap ka sa mga computer, at sa totoo lang? Sila ang pinaka-pasensyosong kausap – hindi sila humuhusga sa mga pagkakamali mo at palaging handang subukan ulit!
+Tingnan mo, nauunawaan ko kung ang programming ay nakakatakot sa ngayon. Noong nagsimula ako, inisip ko talaga na kailangan mong maging isang math genius o kaya ay nagsimula ka nang mag-code mula pagkabata. Pero heto ang nagbago sa pananaw ko: ang programming ay katulad ng pag-aaral makipag-usap sa isang bagong wika. Nagsisimula ka sa "hello" at "thank you," pagkatapos ay hanggang sa umorder ng kape, at hindi mo namamalayan, nakikipag-usap ka na sa mga malalalim na pilosopikal na usapan! Pero sa kasong ito, nakikipag-usap ka sa mga kompyuter, at totoo? Sila ang pinakapasyenteng kasamahan sa usapan na makakasama mo – hindi nila hinuhusgahan ang iyong mga pagkakamali at palaging excited na subukan muli!
 
-Ngayon, sisilipin natin ang mga kamangha-manghang tools na ginagawang posible ang modernong web development – at sobrang nakakaadik! Pinag-uusapan natin ang parehong editors, browsers, at workflows na ginagamit ng mga developer sa Netflix, Spotify, at sa paborito mong indie app studio araw-araw. At eto ang magpapasayaw sa'yo: karamihan sa mga propesyonal-grade, industry-standard tools na ito ay ganap na libre!
+Ngayon, sisilipin natin ang mga kamangha-manghang tools na nagpapaganap ng modernong web development — hindi lang posible, kundi nakakaadik pa. Pinag-uusapan ko mismo ang mga eksaktong editors, browsers, at workflows na ginagamit ng mga developer sa Netflix, Spotify, at paborito mong indie app studio araw-araw. At heto ang bahagi na magpapasayaw sa'yo sa tuwa: karamihan sa mga professional-grade, industry-standard tools na ito ay ganap na libre!
 
 ![Intro Programming](../../../../translated_images/tl/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote ni [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
+    title Ang Iyong Paglalakbay sa Programming Ngayon
+    section Tuklasin
+      Ano ang Programming: 5: You
+      Mga Wika ng Programming: 4: You
+      Pangkalahatang-ideya ng Mga Kasangkapan: 5: You
+    section Galugarin
+      Mga Editor ng Code: 4: You
+      Mga Browser at DevTools: 5: You
       Command Line: 3: You
-    section Practice
+    section Magpraktis
       Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+      Pagsisiyasat ng Kasangkapan: 5: You
+      Koneksyon sa Komunidad: 5: You
 ```
+## Tingnan Natin Kung Ano Na ang Alam Mo!
 
-## Tingnan Natin Kung Ano na ang Alam Mo!
+Bago tayo sumabak sa mga masayang bahagi, nais kong malaman – ano na ba ang alam mo tungkol sa mundo ng programming? At pakinggan mo, kung tinitingnan mo ang mga tanong na ito at iniisip mong "Wala talaga akong alam dito," ayos lang 'yan, perpekto nga! Ibig sabihin, nasa tamang lugar ka. Isipin mo ang quiz na ito bilang pag-stretch bago mag-ehersisyo – nagpapainit lang tayo ng brain muscles!
 
-Bago tayo sumabak sa masayang bahagi, curious ako – ano na ang alam mo tungkol sa mundo ng programming? At pakinggan mo, kung tinitingnan mo ang mga tanong na ito at iniisip na "Wala akong ideya sa kahit ano dito," hindi lang okay iyon, kundi perpekto! Ibig sabihin nasa tamang lugar ka. Isipin ang quiz na ito na parang stretching bago mag-workout – pinapainit lang natin ang mga brain muscles!
+[Take the pre-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-[Kunin ang pre-lesson quiz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Ang Pakikipagsapalaran na Pupuntahan Natin Magkasama
+## Ang Pakikipagsapalaran na Sasamahan Natin Ngayon
 
-Okay, sobrang excited ako sa mga bagay na matutuklasan natin ngayon! Seryoso, gusto kong makita ang mukha mo kapag naintindihan mo ang ilang mga konsepto. Narito ang kamangha-manghang paglalakbay na pupuntahan natin:
+Okay, sobra akong excited sa kung ano ang ating susuriin ngayon! Seryoso, sana makita ko ang iyong reaksiyon kapag may mga konsepto na biglang lumalabas sa iyo. Heto ang kahanga-hangang paglalakbay na sasamahan natin:
 
-- **Ano ang programming (at bakit ito ang pinakamalupit na bagay kailanman!)** – Matutuklasan natin kung paano ang code ay literal na invisible magic na nagpapagana sa lahat ng bagay sa paligid mo, mula sa alarm na somehow alam na Lunes ng umaga hanggang sa algorithm na perpektong pumipili ng mga rekomendasyon sa Netflix mo
-- **Mga wika ng programming at ang kanilang mga kahanga-hangang personalidad** – Isipin mo na parang pumasok ka sa isang party kung saan ang bawat tao ay may iba't ibang superpowers at paraan ng paglutas ng mga problema. Ganyan ang mundo ng programming languages, at magugustuhan mo silang makilala!
-- **Ang mga pangunahing bahagi na gumagawa ng digital magic** – Isipin mo ito na parang ultimate creative LEGO set. Kapag naintindihan mo kung paano magkasya ang mga piraso, mare-realize mo na pwede kang gumawa ng kahit ano na iniisip mo
-- **Mga propesyonal na tools na magpaparamdam sa'yo na parang binigyan ka ng wand ng wizard** – Hindi ako nagiging dramatic dito – ang mga tools na ito ay talagang magpaparamdam sa'yo na may superpowers ka, at ang pinakamagandang bahagi? Pareho ang ginagamit ng mga propesyonal!
+- **Ano ba talaga ang programming (at bakit ito ang pinakakulit na bagay!)** – Tuklasin natin kung paano ang code ay literal na invisible magic na nagpapagana sa lahat ng bagay sa paligid mo, mula sa alarm na somehow alam na Lunes na ngayong umaga hanggang sa algorithm na perpektong pinipili ang mga rekomendasyon mo sa Netflix
+- **Mga programming language at ang kanilang mga kamangha-manghang personalidad** – Isipin na pumapasok ka sa isang party kung saan bawat tao ay may iba't ibang superpowers at paraan ng paglutas ng problema. Ganyan ang mundo ng programming languages, at magugustuhan mo silang makilala!
+- **Mga pangunahing sangkap na bumubuo ng digital magic** – Isipin mo ito bilang pinaka-kamangha-manghang LEGO set. Kapag naintindihan mo kung paano nag-uugnay ang mga piyesa, malalaman mong literally kayang itayo ang kahit ano na naiisip ng iyong imahinasyon
+- **Mga propesyonal na tools na magpaparamdam sa'yo na para kang nabigyan ng wand ng wizard** – Hindi ako nagbibitiw ng drama dito – gagawing parang may superpowers ka talaga ng mga tools na ito, at ang pinakamahusay pa? Gamit din ito ng mga pro!
 
-> 💡 **Eto ang bagay**: Huwag mo nang isipin na kailangan mong kabisaduhin ang lahat ngayon! Sa ngayon, gusto ko lang maramdaman mo ang excitement tungkol sa kung ano ang posible. Ang mga detalye ay natural na tatatak habang nagpa-practice tayo – ganito ang tunay na pag-aaral!
+> 💡 **Heto ang mahalaga**: Huwag mo munang subukang tandaan ang lahat ngayon! Sa ngayon, gusto ko lang maramdaman mo ang spark ng excitement sa mga posibilidad. Kusang tatatak sa iyo ang mga detalye habang tayo ay nagsasanay nang magkasama – ganyan ang totoong pagkatuto!
 
-> Pwede mong kunin ang araling ito sa [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Pwede mong kunin ang araling ito sa [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Ano nga ba ang *Programming*?
+## Ano Nga Ba Talaga ang Programming?
 
-Sige, sagutin natin ang tanong na milyon ang halaga: ano nga ba ang programming?
+Sige, sagutin natin ang mahalagang tanong: ano ba talaga ang programming?
 
-Magbibigay ako ng kwento na nagbago ng pananaw ko tungkol dito. Noong nakaraang linggo, sinubukan kong ipaliwanag sa nanay ko kung paano gamitin ang bagong remote ng aming smart TV. Nahuli ko ang sarili kong nagsasabi ng mga bagay tulad ng "Pindutin ang pulang button, pero hindi yung malaking pulang button, yung maliit na pulang button sa kaliwa... hindi, sa kabila mong kaliwa... okay, ngayon pindutin mo ng dalawang segundo, hindi isa, hindi tatlo..." Pamilyar ba? 😅
+Ibibigay ko sa'yo ang isang kuwento na nagbago nang lubusan ng pananaw ko tungkol dito. Noong nakaraang linggo, sinubukan kong ipaliwanag sa nanay ko kung paano gamitin ang bagong smart TV remote namin. Napansin kong nasasabi ko ng mga katulad nito, "Pindutin ang pulang button, pero hindi yung malaking pulang button, yung maliit na pulang button sa kaliwa... hindi, yung kabila mong kaliwa... okay, hawakan mo ngayon ng dalawang segundo, hindi isa, hindi tiga..." Pamilyar ba ito? 😅
 
-Yan ang programming! Ito ang sining ng pagbibigay ng sobrang detalyado, step-by-step na mga instruksyon sa isang bagay na napaka-powerful pero kailangan ng lahat ng bagay na ipaliwanag nang perpekto. Pero sa halip na ipaliwanag sa nanay mo (na pwedeng magtanong ng "alin sa pulang button?!"), ipinaliwanag mo ito sa computer (na gagawin lang ang eksaktong sinabi mo, kahit na hindi eksaktong iyon ang ibig mong sabihin).
+Iyan ang programming! Sining ng pagbibigay ng sobrang detalyadong mga hakbang-hakbang na tagubilin sa isang bagay na napakalakas ngunit kailangan ng lahat ng nasa detalye. Ngunit imbes na ipaliwanag mo ito sa nanay mo (na pwedeng magtanong ng "Aling pulang button?!"), ipinaliwanag mo ito sa kompyuter (na ginagawa lang ng eksakto ang sinasabi mo, kahit hindi mo ibig sabihin ng husto).
 
-Eto ang nagpasabog ng utak ko noong una kong natutunan ito: ang mga computer ay talagang simple sa kanilang core. Literal na naiintindihan lang nila ang dalawang bagay – 1 at 0, na basically ay "oo" at "hindi" o "on" at "off." Yun lang! Pero eto ang nagiging magical – hindi natin kailangang magsalita sa 1s at 0s na parang nasa The Matrix tayo. Dito pumapasok ang **programming languages**. Parang pagkakaroon ng pinakamahusay na tagasalin sa mundo na nagko-convert ng mga normal na human thoughts mo sa computer language.
+Hele, ito ang nagpahanga sa akin nang una kong matutunan ito: ang mga kompyuter ay talagang simple sa pinakapangunahing antas. Naiintindihan lang nila ang dalawa – 1 at 0, na halos "oo" at "hindi" o "bukas" at "patay." Iyon na lang! Ngunit dito nagiging mahika – hindi natin kailangang magsalita sa 1s at 0s na parang nasa The Matrix tayo. Dito pumapasok ang **programming languages** para tumulong. Sila ang parang pinakamahusay na tagapagsalin ng mundo na kinukuha ang iyong normal na mga ideya at isinasalin ito sa wika ng kompyuter.
 
-At eto ang nagbibigay pa rin sa akin ng kilig tuwing umaga: literal na *lahat* ng digital sa buhay mo ay nagsimula sa isang tao na katulad mo, marahil nakasuot ng pajama na may tasa ng kape, nagta-type ng code sa kanilang laptop. Yung Instagram filter na nagpapaganda sa'yo? May nag-code niyan. Yung rekomendasyon na nagdala sa'yo sa bagong paborito mong kanta? Isang developer ang gumawa ng algorithm na iyon. Yung app na tumutulong sa'yo na hatiin ang bayarin sa hapunan kasama ang mga kaibigan? Yep, may nag-isip ng "ang hassle nito, siguro pwede ko itong ayusin" at pagkatapos... ginawa nila!
+At heto ang nagbibigay sa akin ng tunay na kilabot tuwing umaga pag gising ko: literal na *lahat* ng digital sa iyong buhay ay nagsimula sa isang tao na katulad mo, malamang nakaupo sa kanilang pajama na may tasa ng kape, nagtatype ng code sa kanilang laptop. Yung Instagram filter na nagpapaganda sayo? May gumawa niyan. Yung rekomendasyong nagdala sa'yo sa bagong paborito mong kanta? Ang developer ang gumawa ng algorithm na iyon. Yung app na tutulong sa'yo hatiin ang bayarin sa hapunan kasama ang mga kaibigan? Oo, may nag-isip ng "naiinis ako dito, kaya kaya kong ayusin ito" at nagawa!
 
-Kapag natutunan mong mag-program, hindi ka lang nakakakuha ng bagong skill – nagiging bahagi ka ng kamangha-manghang komunidad ng mga problem-solvers na iniisip araw-araw, "Paano kaya kung makakagawa ako ng isang bagay na magpapasaya sa araw ng iba?" Sa totoo lang, may mas cool pa ba sa ganun?
+Kapag natutunan mong mag-program, hindi ka lang natututo ng bagong kasanayan – nagiging bahagi ka ng isang kahanga-hangang komunidad ng mga tagalutas ng problema na ginugugol ang araw nila sa pag-iisip, "Paano kaya makabuo ako ng isang bagay na gagawing mas maganda ang araw ng isang tao?" Seryoso, may mas cool pa ba d'yan?
 
-✅ **Huntahan ng Fun Fact**: Eto ang sobrang astig na hanapin kapag may libreng oras ka – sino sa tingin mo ang unang computer programmer sa mundo? Bibigyan kita ng hint: baka hindi mo inaasahan! Ang kwento sa likod ng taong ito ay sobrang fascinating at nagpapakita na ang programming ay palaging tungkol sa creative problem-solving at pag-iisip sa labas ng kahon.
+✅ **Fun Fact Hunt**: Heto ang isang napaka-cool na dapat mong hanapin kapag may libreng oras ka – sino kaya ang unang computer programmer sa mundo? Bibigyan kita ng hint: hindi ito yung inaasahan mo! Ang kuwento tungkol sa taong ito ay kamangha-mangha at nagpapakita na ang programming ay palaging tungkol sa malikhaing paglutas ng problema at pag-iisip sa labas ng kahon.
 
-### 🧠 **Check-in Time: Kamusta ang Pakiramdam Mo?**
+### 🧠 **Oras ng Check-in: Kumusta Ka Na?**
 
-**Mag-reflect saglit:**
-- Naiintindihan mo na ba ang ideya ng "pagbibigay ng instruksyon sa mga computer"?
-- May maisip ka bang pang-araw-araw na gawain na gusto mong i-automate gamit ang programming?
-- Anong mga tanong ang bumubuo sa isip mo tungkol sa programming?
+**Maglaan ng sandali at pag-isipan:**
+- Naiintindihan mo na ba ang ideya ng "pagbibigay ng tagubilin sa mga kompyuter" ngayon?
+- Ano ang isang araw-araw na gawain na gusto mong automate gamit ang programming?
+- Ano ang mga tanong na sumisibol sa isipan mo tungkol sa programming?
 
-> **Tandaan**: Normal lang kung may mga konsepto na medyo malabo pa ngayon. Ang pag-aaral ng programming ay parang pag-aaral ng bagong wika – kailangan ng oras para mabuo ng utak mo ang mga neural pathways. Ang galing mo!
+> **Tandaan**: Normal lang kung medyo malabo pa ang ilang konsepto ngayon. Ang pag-aaral ng programming ay parang pag-aaral ng bagong wika – kailangan ng oras para mabuo ng utak mo ang mga neural pathways. Magaling ka na!
 
-## Ang Mga Programming Languages ay Parang Iba't Ibang Flavors ng Mahika
+## Ang Programming Languages ay Parang Iba't Ibang Lasa ng Mahika
 
-Okay, medyo weird ito pero sundan mo ako – ang mga programming languages ay parang iba't ibang uri ng musika. Isipin mo: may jazz, na smooth at improvisational, rock na powerful at straightforward, classical na elegant at structured, at hip-hop na creative at expressive. Ang bawat style ay may sariling vibe, sariling komunidad ng passionate fans, at bawat isa ay perpekto para sa iba't ibang mood at okasyon.
+Okay, medyo kakaiba itong marinig, pero sundan mo lang ako – ang programming languages ay parang iba't ibang uri ng musika. Isipin mo: meron kang jazz na smooth at improbisasyonal, rock na makapangyarihan at direktang pakinggan, classical na elegante at may istruktura, at hip-hop na malikhain at ekspresibo. Ang bawat estilo ay may kanya-kanyang vibe, komunidad ng mahihilig, at tama para sa iba't ibang mood at okasyon.
 
-Ganyan din ang programming languages! Hindi mo gagamitin ang parehong language para gumawa ng masayang mobile game na gagamitin mo para mag-crunch ng massive na climate data, tulad ng hindi mo tutugtugin ang death metal sa yoga class (well, karamihan ng yoga classes anyway! 😄).
+Ganyan din ang pag-andar ng programming languages! Hindi mo gagamitin ang parehong wika para gumawa ng masayang mobile game na gagamitin mo naman sa pagproseso ng napakalaking datos ng klima, katulad ng di mo aawitin ang death metal sa yoga class (kahit karamihan ng yoga classes lang! 😄).
 
-Pero eto ang sobrang nakakabaliw tuwing iniisip ko ito: ang mga languages na ito ay parang pagkakaroon ng pinaka-pasensyosong, pinakamatalinong interpreter sa mundo na laging nasa tabi mo. Pwede mong ipahayag ang mga ideya mo sa paraang natural sa utak ng tao, at sila ang bahala sa sobrang komplikadong trabaho ng pag-convert nito sa 1s at 0s na naiintindihan ng mga computer. Parang may kaibigan ka na fluent sa parehong "human creativity" at "computer logic" – at hindi sila napapagod, hindi kailangan ng coffee breaks, at hindi ka hinuhusgahan sa paulit-ulit na tanong!
+Pero ito ang palaging nagpapahanga sa akin tuwing naiisip ko ito: ang mga wikang ito ay parang may pinaka-pasyenteng, matalinong interpreter sa mundo na nakaupo sa tabi mo. Puwede mong ipahayag ang mga ideya mo sa paraan na natural sa tao mong utak, at sila ang humahawak sa napaka-komplikadong gawain ng pagsasalin nito sa 1s at 0s na talagang nauunawaan ng kompyuter. Parang may kaibigang dalubhasa sa parehong "human creativity" at "computer logic" – at hindi sila napapagod, hindi kailangan ng coffee breaks, at hindi ka hinuhusgahan kapag paulit-ulit mong tinanong ang parehong tanong!
 
-### Mga Popular na Programming Languages at Kanilang Gamit
+### Mga Sikat na Programming Languages at Kanilang Gamit
 
 ```mermaid
 mindmap
   root((Programming Languages))
     Web Development
       JavaScript
-        Frontend Magic
+        Salamangka sa Frontend
         Interactive Websites
       TypeScript
         JavaScript + Types
         Enterprise Apps
     Data & AI
       Python
-        Data Science
+        Agham ng Datos
         Machine Learning
-        Automation
+        Awtomasyon
       R
-        Statistics
-        Research
+        Estadistika
+        Pananaliksik
     Mobile Apps
       Java
         Android
@@ -108,76 +108,74 @@ mindmap
         iOS
         Apple Ecosystem
       Kotlin
-        Modern Android
+        Makabagong Android
         Cross-platform
     Systems & Performance
       C++
-        Games
+        Laro
         Performance Critical
       Rust
-        Memory Safety
+        Kaligtasan sa Memorya
         System Programming
       Go
         Cloud Services
         Scalable Backend
 ```
-
-| Wika | Pinakamahusay Para sa | Bakit Popular |
-|------|-----------------------|---------------|
-| **JavaScript** | Web development, user interfaces | Tumatakbo sa browsers at nagpapagana ng interactive websites |
-| **Python** | Data science, automation, AI | Madaling basahin at matutunan, malalakas na libraries |
+| Language | Pinakamainam Para sa | Bakit Ito Popular |
+|----------|----------------------|-------------------|
+| **JavaScript** | Web development, user interfaces | Tumatakbo sa browsers at nagpapatakbo ng interactive websites |
+| **Python** | Data science, automation, AI | Madaling basahin at pag-aralan, maraming makapangyarihang libraries |
 | **Java** | Enterprise applications, Android apps | Platform-independent, matibay para sa malalaking sistema |
 | **C#** | Windows applications, game development | Malakas na suporta mula sa Microsoft ecosystem |
-| **Go** | Cloud services, backend systems | Mabilis, simple, dinisenyo para sa modernong computing |
+| **Go** | Cloud services, backend systems | Mabilis, simple, disenyo para sa modernong computing |
 
 ### High-Level vs. Low-Level Languages
 
-Okay, eto ang konsepto na talagang nagpaikot ng utak ko noong nagsimula ako, kaya ibabahagi ko ang analogy na nagpa-click sa akin – at sana makatulong din sa'yo!
+Okay, ito ang konsepto na sumira sa utak ko nung una akong nagsimula, kaya ibabahagi ko ang analogy na sa wakas ay naintindihan ko – sana makatulong din ito sa'yo!
 
-Isipin mo na bumisita ka sa isang bansa kung saan hindi mo alam ang wika, at desperately kailangan mong hanapin ang pinakamalapit na banyo (lahat tayo napunta na sa ganitong sitwasyon, di ba? 😅):
+Isipin mong bumisita ka sa isang bansa kung saan hindi ka marunong magsalita ng wika, at desperado kang hanapin ang pinakamalapit na banyo (naranasan na nating lahat ito, 'di ba? 😅):
 
-- **Low-level programming** ay parang pag-aaral ng lokal na dialect nang sobrang husay na kaya mong makipag-usap sa lola na nagtitinda ng prutas sa kanto gamit ang cultural references, lokal na slang, at inside jokes na naiintindihan lang ng mga lumaki doon. Sobrang impressive at sobrang efficient... kung fluent ka! Pero medyo overwhelming kapag naghahanap ka lang ng banyo.
+- **Low-level programming** ay parang pag-aaral ng lokal na dialekto nang husto upang makipag-usap sa lola na nagtitinda ng prutas na gumagamit ng mga lokal na salita, slang, at mga biro na tanging mga tunay na lumaki doon lang ang makakaintindi. Sobrang kahanga-hanga at epektibo... kung bihasa ka nga! Pero sobrang overwhelming kung ang hanap mo lang ay banyo.
 
-- **High-level programming** ay parang pagkakaroon ng amazing na lokal na kaibigan na gets ka. Pwede mong sabihin "Kailangan ko talagang hanapin ang restroom" sa plain English, at sila ang bahala sa cultural translation at magbibigay ng direksyon sa paraang naiintindihan ng utak mo.
+- **High-level programming** ay parang may kamangha-manghang lokal na kaibigan na nakakaintindi sa'yo. Puwede mong sabihin sa plain English na "Kailangan ko talaga ng banyo," at siya ang hahawak sa pagsasalin ng kultura at pagbibigay ng direksyon sa paraang maiintindihan ng iyong utak na hindi lokal.
 
-Sa programming terms:
-- **Low-level languages** (tulad ng Assembly o C) ay nagbibigay-daan sa'yo na magkaroon ng sobrang detalyadong usapan sa actual hardware ng computer, pero kailangan mong mag-isip na parang makina, na... well, sabihin na lang natin na malaking mental shift ito!
-- **High-level languages** (tulad ng JavaScript, Python, o C#) ay nagbibigay-daan sa'yo na mag-isip na parang tao habang sila ang bahala sa machine-speak sa likod ng eksena. Plus, may mga sobrang welcoming na komunidad na puno ng mga tao na naaalala kung paano maging bago at talagang gustong tumulong!
+Sa programming:
+- **Low-level languages** (tulad ng Assembly o C) ay nagbibigay daan sa'yo na magkaroon ng napakadetalyadong pag-uusap sa hardware ng kompyuter mismo, pero kailangan mong mag-isip na parang makina, at well, malaking mental shift 'yan!
+- **High-level languages** (tulad ng JavaScript, Python, o C#) ay pinapayagan kang mag-isip gaya ng tao habang sila ang nag-aasikaso ng pagsasalita ng makina sa likod ng mga eksena. Bukod dito, may mga napaka-welcoming na komunidad ng mga tao na naaalala kung paano maging baguhan at talagang nais tumulong!
 
-Hulaan mo kung alin ang irerekomenda kong simulan mo? 😉 Ang high-level languages ay parang training wheels na hindi mo gustong tanggalin dahil mas enjoyable ang buong experience!
+Hulaan mo kung alin ang ire-rekomenda kong simulang gamitin? 😉 Ang high-level languages ay parang may training wheels ka na ayaw mo nang tanggalin dahil ginagawa nitong mas masaya ang buong experience!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Kaisipan ng Tao:<br/>'Gusto kong kwentahin ang mga Fibonacci number'"] --> B{Piliin ang Antas ng Wika}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Mataas na Antas| C["🌟 JavaScript/Python<br/>Madaling basahin at isulat"]
+    B -->|Mababang Antas| D["⚙️ Assembly/C<br/>Direktang kontrol sa hardware"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Isulat: fibonacci(10)"]
+    D --> F["📝 Isulat: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Pag-unawa ng Kompyuter:<br/>Tagasalin ang humahawak ng komplikasyon"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Parehong Resulta:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Ipapakita Ko Sa Iyo Kung Bakit Mas Friendly ang High-Level Languages
 
-### Ipakita Ko sa'yo Kung Bakit Mas Friendly ang High-Level Languages
-
-Alright, ipapakita ko sa'yo ang isang bagay na perpektong nagpapakita kung bakit na-inlove ako sa high-level languages, pero una – kailangan mo akong pangakuan ng isang bagay. Kapag nakita mo ang unang code example, huwag kang mag-panic! Dapat itong mukhang intimidating. Yan ang punto na ginagawa ko!
+Sige, ipapakita ko sa'yo ang isang bagay na malinaw na nagpapakita kung bakit na-in love ako sa high-level languages, pero bago iyon – kailangan mo munang pangako. Kapag nakita mo ang unang halimbawa ng code, huwag kang mag-panic! Nakakakita ito ng nakakatakot. Iyan ang eksaktong punto na gusto kong ipakita!
 
-Titingnan natin ang parehong task na isinulat sa dalawang magkaibang style. Parehong gumagawa ng tinatawag na Fibonacci sequence – ito ay isang magandang mathematical pattern kung saan ang bawat numero ay ang kabuuan ng dalawang nauna: 0, 1, 1, 2, 3, 5, 8, 13... (Fun fact: makikita mo ang pattern na ito literal na kahit saan sa kalikasan – sunflower seed spirals, pinecone patterns, kahit ang paraan ng pagbuo ng mga galaxy!)
+Titingnan natin ang parehong gawain na isinulat sa dalawang ganap na magkaibang estilo. Pareho nilang nililikha ang tinatawag na Fibonacci sequence – isang magandang pattern sa matematika kung saan ang bawat numero ay ang kabuuan ng dalawang nauna: 0, 1, 1, 2, 3, 5, 8, 13... (Fun fact: makikita mo ang pattern na ito kahit saan sa kalikasan – sa spiral ng mga sunflower seeds, pattern ng mga pinecones, pati sa pagkabuo ng mga galaxy!)
 
-Handa ka na bang makita ang pagkakaiba? Tara na!
+Handa ka nang makita ang pagkakaiba? Tara!
 
-**High-level language (JavaScript) – Friendly sa Tao:**
+**High-level language (JavaScript) – Madaling maintindihan:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Hakbang 1: Pangunahing pagsasaayos ng Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Eto ang ginagawa ng code na ito:**
-- **Magdeklara** ng constant para tukuyin kung ilang Fibonacci numbers ang gusto nating i-generate
-- **Mag-initialize** ng dalawang variables para i-track ang kasalukuyan at susunod na numero sa sequence
-- **Mag-set up** ng starting values (0 at 1) na nagde-define ng Fibonacci pattern
-- **Mag-display** ng header message para tukuyin ang output natin
+**Ito ang ginagawa ng code na ito:**
+- **Nagdeklara** ng constant para tukuyin kung ilang Fibonacci numbers ang gustong gawin
+- **Nag-initialize** ng dalawang variables para subaybayan ang kasalukuyan at susunod na numero sa sequence
+- **Nagdagdag** ng panimulang halaga (0 at 1) na tumutukoy sa Fibonacci pattern
+- **Nagpakita** ng header message para malaman ang output
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Hakbang 2: Bumuo ng sunod-sunod gamit ang loop
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Kalkulahin ang susunod na numero sa sunod-sunod
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Paghiwa-hiwalay ng nangyayari dito:**
-- **Mag-loop** sa bawat posisyon sa sequence gamit ang `for` loop
-- **Mag-display** ng bawat numero kasama ang posisyon nito gamit ang template literal formatting
-- **Mag-calculate** ng susunod na Fibonacci number sa pamamagitan ng pagdagdag ng kasalukuyan at susunod na values
-- **Mag-update** ng tracking variables para lumipat sa susunod na iteration
+**Paglabag sa mga nangyayaring ito:**
+- **Ulit-ulitin** ang bawat posisyon sa sequence gamit ang `for` loop
+- **Ipakita** ang bawat numero kasama ang posisyon gamit ang template literal formatting
+- **Kalkulahin** ang susunod na Fibonacci number sa pagdaragdag ng kasalukuyan at susunod na halaga
+- **I-update** ang mga variable na sumusubaybay upang lumipat sa susunod na iteration
 
 ```javascript
-// Step 3: Modern functional approach
+// Hakbang 3: Makabagong functional na pamamaraan
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Halimbawa ng paggamit
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Sa itaas, ginawa natin ang:**
-- **Paglikha** ng reusable function gamit ang modernong arrow function syntax
-- **Pagbuo** ng array para i-store ang buong sequence sa halip na i-display isa-isa
-- **Paggamit** ng array indexing para i-calculate ang bawat bagong numero mula sa mga naunang values
-- **Pag-return** ng buong sequence para sa flexible na paggamit sa ibang bahagi ng programa
+**Sa itaas, ginawa natin:**
+- **Gumawa** ng reusable na function gamit ang modernong arrow function syntax
+- **Nagtayo** ng array para i-store ang buong sequence sa halip na ipakita isa-isa
+- **Ginamit** ang array indexing para kalkulahin ang bawat bagong numero mula sa mga naunang halaga
+- **Ibinalik** ang buong sequence para sa flexible na paggamit sa ibang bahagi ng programa natin
 
-**Low-level language (ARM Assembly) – Friendly sa Computer:**
+**Low-level language (ARM Assembly) – Para sa kompyuter:**
 
 ```assembly
  area ascen,code,readonly
@@ -259,127 +257,127 @@ back add r0,r1
  end
 ```
 
-Pansinin kung paano ang JavaScript version ay parang English instructions, habang ang Assembly version ay gumagamit ng cryptic commands na direktang kumokontrol sa processor ng computer. Parehong nagagawa ang parehong task, pero ang high-level language ay mas madaling maintindihan, isulat, at i-maintain.
+Pansinin kung paano ang JavaScript version ay halos parang English instructions habang ang Assembly version ay gumagamit ng mga cryptic na command na direktang kumokontrol sa processor ng kompyuter. Parehong nagagawa ang parehong gawain, pero ang high-level language ay mas madali maintindihan, isulat, at i-maintain ng mga tao.
 
-**Mga pangunahing pagkakaiba na mapapansin mo:**
-- **Readability**: Ang JavaScript ay gumagamit ng mga descriptive names tulad ng `fibonacciCount` habang ang Assembly ay gumagamit ng cryptic labels tulad ng `r0`, `r1`
-- **Mga Komento**: Ang mga high-level na wika ay nagtataguyod ng mga paliwanag na komento na nagpapadali sa pag-unawa ng code.
-- **Estruktura**: Ang lohikal na daloy ng JavaScript ay tumutugma sa paraan ng pag-iisip ng tao tungkol sa mga problema nang hakbang-hakbang.
-- **Pagpapanatili**: Ang pag-update ng bersyon ng JavaScript para sa iba't ibang pangangailangan ay madali at malinaw.
+**Pangunahing pagkakaiba na mapapansin mo:**
+- **Nababasa nang madali**: Gumagamit ang JavaScript ng mga naglalarawang pangalan tulad ng `fibonacciCount` habang ang Assembly ay gumagamit ng cryptic na mga label tulad ng `r0`, `r1`
+- **Mga Komento**: Hinikayat ng mga high-level na wika ang mga paliwanag na komento na nagpapadokumentaryo sa code mismo
+- **Estruktura**: Ang lohikal na daloy ng JavaScript ay tumutugma sa paraan ng pag-iisip ng mga tao ng sunud-sunod na hakbang ng problema
+- **Pagpapanatili**: Ang pag-update ng bersyon ng JavaScript para sa iba't ibang mga pangangailangan ay diretso at malinaw
 
-✅ **Tungkol sa Fibonacci sequence**: Ang napakagandang pattern ng numero na ito (kung saan ang bawat numero ay katumbas ng kabuuan ng dalawang nauna: 0, 1, 1, 2, 3, 5, 8...) ay literal na makikita *kahit saan* sa kalikasan! Makikita mo ito sa mga spiral ng sunflower, mga pattern ng pinecone, ang kurba ng mga shell ng nautilus, at maging sa paraan ng paglaki ng mga sanga ng puno. Nakakamangha kung paano nakakatulong ang matematika at code sa pag-unawa at paglikha ng mga pattern na ginagamit ng kalikasan upang lumikha ng kagandahan!
+✅ **Tungkol sa Fibonacci sequence**: Ang kahanga-hangang pattern na numerong ito (kung saan ang bawat numero ay katumbas ng suma ng dalawang nauna nito: 0, 1, 1, 2, 3, 5, 8...) ay literal na makikita *kahit saan* sa kalikasan! Makikita mo ito sa mga spiral ng sunflower, pattern ng pinecone, paraan ng pagkakurba ng nautilus shell, at maging sa paraan ng paglaki ng mga sanga ng puno. Nakakamangha kung paano makatutulong ang matematika at code upang maunawaan at makalikha muli ng mga pattern na ginagamit ng kalikasan para lumikha ng kagandahan!
 
-## Ang Mga Pundasyon na Gumagawa ng Mahika
+## Ang Mga Pangunahing Bahagi na Nagbibigay ng Salamangka
 
-Sige, ngayong nakita mo na kung paano gumagana ang mga programming language, talakayin natin ang mga pangunahing bahagi na bumubuo sa bawat program na kailanman isinulat. Isipin ang mga ito bilang mahahalagang sangkap sa iyong paboritong recipe – kapag naintindihan mo kung ano ang ginagawa ng bawat isa, magagawa mong magbasa at magsulat ng code sa halos anumang wika!
+Sige, ngayon na nakita mo na kung ano ang hitsura ng mga programming language sa aksyon, pag-usapan natin ang mga pundamental na bahagi ng halos bawat programang naisulat kailanman. Isipin mo ito bilang mga mahalagang sangkap sa iyong paboritong ulam – kapag naintindihan mo kung ano ang ginagawa ng bawat isa, magagawa mong magbasa at magsulat ng code sa halos anumang wika!
 
-Parang pag-aaral ng grammar ng programming. Naalala mo ba noong nasa paaralan ka at natutunan mo ang tungkol sa mga pangngalan, pandiwa, at kung paano bumuo ng mga pangungusap? Ang programming ay may sarili nitong bersyon ng grammar, at sa totoo lang, mas lohikal at mas madaling intindihin kaysa sa grammar ng Ingles! 😄
+Para itong pag-aaral ng gramatika ng programming. Naalala mo noong nasa paaralan ka pa at natutunan ang tungkol sa mga pangngalan, pandiwa, at kung paano gumawa ng mga pangungusap? Ang programming ay may sarili nitong bersyon ng gramatika, at sa totoo lang, mas lohikal at maawain ito kumpara sa gramatika ng Ingles! 😄
 
-### Mga Pahayag: Ang Hakbang-hakbang na Instruksyon
+### Mga Pahayag: Mga Hakbang-hakbang na Tagubilin
 
-Magsimula tayo sa **mga pahayag** – ang mga ito ay parang mga indibidwal na pangungusap sa isang pag-uusap sa iyong computer. Ang bawat pahayag ay nagsasabi sa computer na gawin ang isang partikular na bagay, parang nagbibigay ng direksyon: "Lumiko sa kaliwa dito," "Huminto sa pulang ilaw," "Mag-park sa lugar na iyon."
+Simulan natin sa **mga pahayag** – parang mga indibidwal na pangungusap sa isang pag-uusap sa iyong computer. Bawat pahayag ay nagsasabi sa computer na gawin ang isang partikular na bagay, parang nagbibigay ng mga direksyon: "Lumiko ka sa kaliwa dito," "Huminto sa pulang ilaw," "Mag-park sa lugar na iyon."
 
-Ang gusto ko sa mga pahayag ay kung gaano kadaling basahin ang mga ito. Tingnan mo ito:
+Ang gusto ko sa mga pahayag ay ang karaniwang pagiging madaling basahin nila. Tingnan mo ito:
 
 ```javascript
-// Basic statements that perform single actions
+// Mga pangunahing pahayag na nagsasagawa ng iisang aksyon
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**Narito ang ginagawa ng code na ito:**
-- **Magdeklara** ng constant variable para mag-imbak ng pangalan ng user
-- **Magpakita** ng greeting message sa console output
-- **Magkalkula** at mag-imbak ng resulta ng isang mathematical operation
+  
+**Ganito ang ginagawa ng code na ito:**  
+- **Magdeklara** ng isang constant variable para sa pangalan ng user  
+- **Ipakita** ang greeting message sa console output  
+- **Kalkulahin** at iimbak ang resulta ng isang matematikal na operasyon  
 
 ```javascript
-// Statements that interact with web pages
+// Mga pahayag na nakikipag-ugnayan sa mga pahina ng web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-
-**Hakbang-hakbang, narito ang nangyayari:**
-- **Baguhin** ang pamagat ng webpage na lumalabas sa browser tab
-- **Palitan** ang kulay ng background ng buong page body
+  
+**Sunod-sunod, ito ang nangyayari:**  
+- **Baguhin** ang pamagat ng webpage na nakikita sa browser tab  
+- **Palitan** ang kulay ng background ng buong katawan ng pahina  
 
 ### Mga Variable: Sistema ng Memorya ng Iyong Programa
 
-Okay, **mga variable** ay isa sa mga paborito kong konsepto na ituro dahil ang mga ito ay parang mga bagay na ginagamit mo na araw-araw!
+O sige, ang **mga variable** ay isa sa mga paborito kong konsepto na ituro dahil talagang parang mga bagay na ginagamit mo na araw-araw!
 
-Isipin ang listahan ng mga contact sa iyong telepono. Hindi mo naman kabisado ang mga numero ng lahat – sa halip, sine-save mo ang "Nanay," "Best Friend," o "Pizza Place na Bukas Hanggang 2 AM" at hinahayaan ang telepono mo na tandaan ang aktwal na mga numero. Ganito rin gumagana ang mga variable! Ang mga ito ay parang mga lalagyan na may label kung saan maaaring mag-imbak ng impormasyon ang iyong programa at kunin ito gamit ang pangalan na may kahulugan.
+Isipin mo ang listahan ng kontak sa iyong telepono. Hindi mo kailangang alalahanin ang bawat numero ng telepono – sa halip, sine-save mo ang "Nanay," "Pinakamatalik na Kaibigan," o "Pizza Place That Delivers Until 2 AM" at hinahayaan mong alalahanin ng iyong telepono ang aktwal na mga numero. Ganon din ang mga variable! Mga lalagyan na may label kung saan pwedeng mag-imbak ng impormasyon ang iyong programa at kunin ito mamaya gamit ang pangalang madaling maintindihan.
 
-Narito ang talagang cool: ang mga variable ay maaaring magbago habang tumatakbo ang iyong programa (kaya nga tinawag na "variable" – gets mo ba?). Parang ina-update mo ang contact ng pizza place kapag nakahanap ka ng mas maganda, ang mga variable ay maaaring ma-update habang natututo ang iyong programa ng bagong impormasyon o habang nagbabago ang mga sitwasyon!
+Ang talagang astig dito: maaaring magbago ang mga variable habang tumatakbo ang iyong programa (kaya 'variable' ang pangalan – nakikita mo?). Parang pag-update mo ng contact sa pizza place kapag may mas magandang napuntahan, puwedeng baguhin ang mga variable habang natututo ang programa ng bagong impormasyon o nagbabago ang mga sitwasyon!
 
-Hayaan mo akong ipakita kung gaano kasimple ito:
+Ipakikita ko sa'yo kung gaano ito kapadaling gawin:
 
 ```javascript
-// Step 1: Creating basic variables
+// Hakbang 1: Gumagawa ng mga pangunahing variable
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**Pag-unawa sa mga konsepto:**
-- **Mag-imbak** ng mga hindi nagbabagong halaga sa `const` variables (tulad ng pangalan ng site)
-- **Gamitin** ang `let` para sa mga halaga na maaaring magbago sa buong programa
-- **Mag-assign** ng iba't ibang uri ng data: strings (text), numbers, at booleans (true/false)
-- **Pumili** ng mga deskriptibong pangalan na nagpapaliwanag kung ano ang nilalaman ng bawat variable
+  
+**Pag-unawa sa mga konseptong ito:**  
+- **Imbak** ang mga hindi nagbabagong halaga gamit ang `const` variables (tulad ng pangalan ng site)  
+- **Gamitin** ang `let` para sa mga halagang puwedeng magbago habang tumatakbo ang programa  
+- **Mag-assign** ng iba't ibang uri ng data: strings (teksto), numero, at boolean (true/false)  
+- **Pumili** ng mga naglalarawang pangalan na nagpapaliwanag kung ano ang nilalaman ng bawat variable  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Hakbang 2: Paggawa sa mga object para pagsamahin ang magkakaugnay na datos
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**Sa itaas, ginawa natin ang:**
-- **Lumikha** ng object para pagsama-samahin ang mga kaugnay na impormasyon ng panahon
-- **Ayusin** ang maraming piraso ng data sa ilalim ng isang pangalan ng variable
-- **Gamitin** ang key-value pairs para malinaw na ma-label ang bawat piraso ng impormasyon
+  
+**Sa itaas, ginawa natin:**  
+- **Lumikha** ng isang object para pagsamahin ang mga kaugnay na impormasyon ng weather  
+- **Iayos** ang maraming piraso ng data sa ilalim ng iisang pangalan ng variable  
+- **Gamitin** ang mga key-value pairs para malinaw na pangalanan ang bawat bahagi ng impormasyon  
 
 ```javascript
-// Step 3: Using and updating variables
+// Hakbang 3: Paggamit at pag-update ng mga variable
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Pag-update ng mga nababagong variable
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**Unawain natin ang bawat bahagi:**
-- **Ipakita** ang impormasyon gamit ang template literals na may `${}` syntax
-- **I-access** ang mga property ng object gamit ang dot notation (`weatherData.windSpeed`)
-- **I-update** ang mga variable na dineklara gamit ang `let` para ipakita ang nagbabagong kondisyon
-- **Pagsamahin** ang maraming variable para makagawa ng makabuluhang mga mensahe
+  
+**Unawain natin bawat bahagi:**  
+- **Ipakita** ang impormasyon gamit ang template literals na may `${}` syntax  
+- **I-access** ang mga property ng object gamit ang dot notation (`weatherData.windSpeed`)  
+- **I-update** ang mga variable na dineklara gamit ang `let` para ipakita ang nagbabagong kalagayan  
+- **Pagsamahin** ang maraming variable para makalikha ng makahulugang mga mensahe  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Hakbang 4: Modernong destructuring para sa mas malinis na kodigo
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**Mga kailangang malaman:**  
+- **I-extract** ang mga espesyal na property mula sa mga object gamit ang destructuring assignment  
+- **Lumikha** ng mga bagong variable nang awtomatiko gamit ang mga parehong pangalan tulad ng mga key ng object  
+- **Papasimplehin** ang code sa pamamagitan ng pag-iwas sa paulit-ulit na dot notation  
 
-**Ang kailangan mong malaman:**
-- **Kunwari** ang mga partikular na property mula sa mga object gamit ang destructuring assignment
-- **Lumikha** ng mga bagong variable nang awtomatiko gamit ang parehong mga pangalan ng key ng object
-- **Pagandahin** ang code sa pamamagitan ng pag-iwas sa paulit-ulit na dot notation
-
-### Control Flow: Turuan ang Iyong Programa na Mag-isip
+### Control Flow: Pagtuturo sa Iyong Programa na Mag-isip
 
-Okay, dito nagiging sobrang kamangha-mangha ang programming! **Control flow** ay ang pagtuturo sa iyong programa kung paano gumawa ng matatalinong desisyon, katulad ng ginagawa mo araw-araw nang hindi mo namamalayan.
+Sige, dito talagang nakakamangha ang programming! Ang **control flow** ay parang pagtuturo sa iyong programa kung paano gumawa ng matalinong mga desisyon, katulad ng ginagawa mo araw-araw kahit hindi mo iniisip.
 
-Isipin ito: ngayong umaga malamang na dumaan ka sa ganito, "Kung umuulan, magdadala ako ng payong. Kung malamig, magsusuot ako ng jacket. Kung late na ako, hindi na ako mag-aalmusal at bibili na lang ng kape sa daan." Ang utak mo ay natural na sumusunod sa ganitong if-then logic nang maraming beses araw-araw!
+Isipin mo ito: kaninang umaga marahil nag-isip ka ng mga katulad nito, "Kung umuulan, kukuha ako ng payong. Kung malamig, magsusuot ako ng jacket. Kung nahuhuli ako, hindi na ako kakain ng almusal at kukuha na lang ng kape sa daan." Natural na sinusunod ng iyong utak ang ganitong if-then logic nang maraming beses bawat araw!
 
-Ito ang nagpaparamdam sa mga programa na matalino at buhay sa halip na sumusunod lang sa isang boring na script. Maaari nilang tingnan ang isang sitwasyon, suriin kung ano ang nangyayari, at tumugon nang naaangkop. Parang binibigyan mo ang iyong programa ng utak na maaaring umangkop at gumawa ng mga desisyon!
+Ito ang dahilan kung bakit parang may katalinuhan ang mga programa at hindi lang sumusunod sa nakababagot, predictable na script. Kaya nilang tingnan ang sitwasyon, suriin ang nangyayari, at tumugon ng naaayon. Parang binibigyan mo ang iyong programa ng utak na kaya nitong mag-adapt at gumawa ng mga pagpili!
 
-Gusto mo bang makita kung gaano kaganda ang gumagana nito? Hayaan mo akong ipakita:
+Gusto mo bang makita kung gaano ito kaganda gumana? Ipakikita ko sa’yo:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Hakbang 1: Pangunahing lohika ng kundisyon
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**Narito ang ginagawa ng code na ito:**
-- **Suriin** kung ang edad ng user ay nakakatugon sa kinakailangan para bumoto
-- **Ipatupad** ang iba't ibang code blocks batay sa resulta ng kondisyon
-- **Kalkulahin** at ipakita kung gaano katagal bago maging kwalipikado sa pagboto kung wala pang 18
-- **Magbigay** ng tiyak at kapaki-pakinabang na feedback para sa bawat sitwasyon
+  
+**Ganito ang ginagawa ng code na ito:**  
+- **Suriin** kung ang edad ng user ay sapat na para bumoto  
+- **Isakatuparan** ang iba't ibang mga block ng code depende sa resulta ng kondisyon  
+- **Kalkulahin** at ipakita kung gaano katagal hanggang maging karapat-dapat sa pagboto kung wala pa sa 18  
+- **Magbigay** ng tiyak at kapaki-pakinabang na feedback para sa bawat scenario  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Hakbang 2: Maramihang mga kondisyon gamit ang mga lohikal na operator
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**Paghiwa-hiwalay kung ano ang nangyayari dito:**
-- **Pagsamahin** ang maraming kondisyon gamit ang `&&` (and) operator
-- **Lumikha** ng hierarchy ng mga kondisyon gamit ang `else if` para sa maraming sitwasyon
-- **I-handle** ang lahat ng posibleng kaso gamit ang huling `else` statement
-- **Magbigay** ng malinaw at maaksiyong feedback para sa bawat iba't ibang sitwasyon
+  
+**Suriin natin kung ano ang nangyayari dito:**  
+- **Pagsamahin** ang maraming kondisyon gamit ang `&&` (at) operator  
+- **Gumawa** ng hierarchy ng mga kondisyon gamit ang `else if` para sa iba't ibang mga scenario  
+- **Hawakan** ang lahat ng posibleng kaso gamit ang huling `else` na pahayag  
+- **Magbigay** ng malinaw at maaksyong feedback para sa bawat ibang sitwasyon  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Hakbang 3: Maikling kondisyon gamit ang ternary operator
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**Ang kailangan mong tandaan:**
-- **Gamitin** ang ternary operator (`? :`) para sa simpleng dalawang opsyon na kondisyon
-- **Isulat** ang kondisyon muna, kasunod ang `?`, pagkatapos ang true result, pagkatapos ang `:`, pagkatapos ang false result
-- **I-apply** ang pattern na ito kapag kailangan mong mag-assign ng mga halaga batay sa mga kondisyon
+  
+**Kailangang tandaan:**  
+- **Gamitin** ang ternary operator (`? :`) para sa simpleng dalawang-opisyong mga kondisyon  
+- **Isulat** ang kondisyon muna, sinusundan ng `?`, pagkatapos ang true result, pagkatapos ay `:`, at pagkatapos ang false result  
+- **I-apply** ang pattern na ito kapag kailangan mong mag-assign ng halaga base sa mga kondisyon  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Hakbang 4: Paghawak ng maraming partikular na kaso
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,58 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**Nagagawa ng code na ito:**  
+- **Itugma** ang halaga ng variable sa maraming tiyak na kaso  
+- **I-grupo** ang magkatulad na mga kaso (mga araw sa trabaho vs. weekend)  
+- **Isagawa** ang angkop na block ng code kapag may nahanap na tugma  
+- **Isama** ang `default` na kaso para hawakan ang hindi inaasahang mga halaga  
+- **Gamitin** ang mga `break` na pahayag upang pigilan ang code na magpatuloy sa susunod na kaso  
 
-**Ang code na ito ay nagagawa ang mga sumusunod:**
-- **Itugma** ang halaga ng variable sa maraming partikular na kaso
-- **Pagsamahin** ang mga magkatulad na kaso (weekdays vs. weekends)
-- **Ipatupad** ang naaangkop na code block kapag may natagpuang tugma
-- **Isama** ang `default` case para sa mga hindi inaasahang halaga
-- **Gamitin** ang `break` statements para pigilan ang code na magpatuloy sa susunod na kaso
-
-> 💡 **Analohiya sa Totoong Buhay**: Isipin ang control flow na parang ang pinaka-mahinahon na GPS na nagbibigay sa iyo ng direksyon. Maaari nitong sabihin, "Kung may trapiko sa Main Street, dumaan sa highway. Kung may construction sa highway, subukan ang scenic route." Ang mga programa ay gumagamit ng eksaktong parehong uri ng conditional logic para tumugon nang matalino sa iba't ibang sitwasyon at palaging magbigay sa mga user ng pinakamahusay na karanasan.
+> 💡 **Halimbawa mula sa totoong mundo**: Isipin ang control flow na parang pinaka-mapagpasensyang GPS sa mundo na nagbibigay sa'yo ng mga direksyon. Sabi nito, "Kung may traffic sa Main Street, dumaan ka na lang sa highway. Kung may konstruksiyon na sumasakop sa highway, subukan mo ang tanawin na ruta." Ginagamit ng mga programa ang eksaktong ganitong conditional logic upang tumugon nang matalino sa mga iba't ibang sitwasyon at palaging ibigay ang pinakamahusay na karanasan sa mga gumagamit.
 
-### 🎯 **Pag-check ng Konsepto: Mastery ng Mga Pundasyon**
+### 🎯 **Pagsusulit sa Konsepto: Pagsasanay ng Mga Pangunahing Bahagi**
 
-**Tingnan natin kung paano ka sa mga pundasyon:**
-- Kaya mo bang ipaliwanag ang pagkakaiba ng variable at pahayag sa sarili mong mga salita?
-- Mag-isip ng isang sitwasyon sa totoong buhay kung saan gagamit ka ng if-then na desisyon (tulad ng halimbawa sa pagboto)
-- Ano ang isang bagay tungkol sa lohika ng programming na nagulat ka?
+**Tingnan natin kung paano mo nauunawaan ang mga pundasyon:**  
+- Kaya mo bang ipaliwanag ang pagkakaiba ng variable at pahayag gamit ang sarili mong salita?  
+- Mag-isip ng tunay na sitwasyon kung saan gagamitin mo ang if-then decision (tulad ng halimbawa tungkol sa pagboto)  
+- Ano ang isang bagay tungkol sa lohika ng programming na ikinagulat mo?  
 
-**Mabilis na pampalakas ng kumpiyansa:**
+**Mabilis na pampalakas ng loob:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Mga Pahayag<br/>(Mga Panuto)"] --> B["📦 Mga Baryabol<br/>(Imbakan)"] --> C["🔀 Daloy ng Kontrol<br/>(Mga Desisyon)"] --> D["🎉 Gumaganang Programa!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
+```  
+✅ **Ano ang susunod na darating**: Magkakaroon tayo ng malaking saya habang lalalim pa tayo sa mga konseptong ito habang nagpapatuloy ang ating kamangha-manghang paglalakbay! Sa ngayon, ituon mo muna ang sarili sa excitement tungkol sa lahat ng mga kamangha-manghang posibilidad na naghihintay sa'yo. Kusang matututunan ang mga espesipikong kasanayan at teknik habang magkasama tayong nagsasanay – nangangako ako na magiging mas masaya ito kaysa sa inaasahan mo!
 
-✅ **Ang susunod na darating**: Magkakaroon tayo ng sobrang saya sa paglalim sa mga konseptong ito habang patuloy ang kamangha-manghang paglalakbay na ito! Sa ngayon, mag-focus lang sa pakiramdam ng excitement tungkol sa lahat ng mga kamangha-manghang posibilidad sa hinaharap. Ang mga partikular na kasanayan at teknika ay natural na mananatili habang tayo ay nagsasanay nang magkasama – ipinapangako ko na magiging mas masaya ito kaysa sa inaasahan mo!
+## Mga Kagamitan sa Trabaho
 
-## Mga Kasangkapan sa Trabaho
+Sige, dito na talaga ako nagiging sobrang excited na halos hindi ko na mapigilan ang sarili ko! 🚀 Pag-uusapan natin ang mga kahanga-hangang kagamitan na magpaparamdam sa'yo na parang nabigyan ka ng susi sa isang digital na spaceship.
 
-Sige, dito ako sobrang excited na halos hindi ko mapigilan ang sarili ko! 🚀 Pag-uusapan natin ang mga kamangha-manghang kasangkapan na magpaparamdam sa iyo na parang binigyan ka ng susi sa isang digital spaceship.
+Alam mo kung paano ang chef ay may mga perpektong balanse na kutsilyo na parang bahagi na ng kanilang mga kamay? O kung paanong ang isang musikero ay may gitarang parang kumakanta sa galaw lamang ng kanilang kamay? Sa mga developer, meron kaming sariling bersyon ng mga ganitong mahikang kagamitan, at ito ang magpapahanga sa’yo nang labis – karamihan sa mga ito ay libre!
 
-Alam mo kung paano ang isang chef ay may mga perpektong balanseng kutsilyo na parang extension ng kanilang mga kamay? O kung paano ang isang musikero ay may isang gitara na parang kumakanta sa sandaling hawakan nila ito? Well, ang mga developer ay may sarili naming bersyon ng mga mahiwagang kasangkapan, at narito ang magpapamangha sa iyo – karamihan sa mga ito ay ganap na libre!
+Halos tumatalon ako sa upuan sa saya na maibahagi ito sa'yo dahil binago nito nang husto kung paano tayo bumubuo ng software. Pinag-uusapan natin ang mga AI-powered na katuwang sa pagsulat ng code (hindi ako nagbibiro!), mga cloud environments kung saan maaari kang bumuo ng buong applications mula sa kahit saan basta may Wi-Fi, at mga debugging tools na sobrang sopistikado na parang may X-ray vision ka para sa iyong mga programa.
 
-Halos tumatalon ako sa upuan ko sa pag-iisip na ibahagi ang mga ito sa iyo dahil lubos nilang binago kung paano kami bumubuo ng software. Pinag-uusapan natin ang mga AI-powered coding assistants na maaaring tumulong sa pagsulat ng iyong code (hindi ako nagbibiro!), mga cloud environment kung saan maaari kang bumuo ng buong aplikasyon mula sa kahit saan basta may Wi-Fi, at mga debugging tools na sobrang sopistikado na parang may X-ray vision para sa iyong mga programa.
-
-At narito ang bahagi na nagbibigay pa rin sa akin ng kilabot: ang mga ito ay hindi "beginner tools" na iyong lalampasan. Ang mga ito ay eksaktong parehong mga kasangkapan na ginagamit ng mga developer sa Google, Netflix, at sa indie app studio na gusto mo sa mismong sandaling ito. Magiging pakiramdam mo na parang isang pro sa paggamit ng mga ito!
+At ito ang bahagi na nagpapahanga sa akin: hindi ito mga "kagamitan para sa nagsisimula" na lalampasan mo lang. Ito ang eksaktong mga professional-grade na kagamitan na ginagamit ng mga developer sa Google, Netflix, at sa indie app studio na paborito mo sa kasalukuyan. Parang sobra kang magiging propesyonal sa paggamit nila!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ang Iyong Ideya"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
+    B --> C["🌐 Browser DevTools<br/>(Pagsusuri at Pag-debug)"]
+    C --> D["⚡ Command Line<br/>(Awtomasyon at Mga Kasangkapan)"]
+    D --> E["📚 Dokumentasyon<br/>(Pagkatuto at Sanggunian)"]
+    E --> F["🚀 Kamangha-manghang Web App!"]
     
     B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
+    C -.-> H["📱 Pagsusuri ng Device<br/>(Responsive Design)"]
     D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    E -.-> J["👥 Komunidad<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -506,156 +503,155 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
+### Mga Code Editor at IDE: Mga Bagong Digital na Kaibigan Mo
 
-### Mga Code Editor at IDE: Ang Iyong Bagong Digital na Kaibigan
+Pag-usapan natin ang mga code editor – ito talaga ang magiging bagong paborito mong lugar na titirhan! Isipin mo ito bilang iyong personal na sanctuary sa coding kung saan mo ginugugol ang karamihan ng oras mo sa paglikha at pagpapahusay ng iyong mga digital na likha.
 
-Pag-usapan natin ang mga code editor – ang mga ito ay seryosong magiging iyong bagong paboritong lugar na tambayan! Isipin ang mga ito bilang iyong personal na coding sanctuary kung saan gugugol ka ng karamihan ng iyong oras sa paglikha at pagperpekto ng iyong mga digital na likha.
+Ngunit ang talagang mahika ng mga modernong editor: hindi lang sila basta mga magandang text editor. Parang may pinakamahusay na sumusuportang mentor sa coding na nakaupo lang sa tabi mo 24/7. Nahuhuli nila ang iyong mga typo bago mo pa mapansin, nagmumungkahi ng mga pag-ayos na magpapagawa sa'yo na parang henyo, tinutulungan kang maintindihan kung ano ang ginagawa ng bawat bahagi ng code, at may ilan na maaari pang hulaan kung ano ang susulat mo at nag-aalok na tapusin ang mga naiisip mo!
 
-Pero narito ang talagang mahiwaga tungkol sa mga modernong editor: hindi lang sila magarbong text editor. Parang may pinakamatalino, supportive na coding mentor na nakaupo sa tabi mo 24/7. Nahuhuli nila ang iyong mga typo bago mo pa mapansin, nagmumungkahi ng mga pagpapabuti na magpaparamdam sa iyo na parang henyo, tumutulong sa iyo na maunawaan kung ano ang ginagawa ng bawat piraso ng code, at ang ilan sa kanila ay maaaring hulaan pa kung ano ang susunod mong itatype at mag-alok na tapusin ang iyong iniisip!
+Naalala ko noong unang beses kong natuklasan ang auto-completion – ang pakiramdam ko ay para akong nasa hinaharap. Sisimulan mo lang magsulat, saka sasabihin ng editor, "Uy, ito ba ang function na iniisip mo na gumagawa ng eksaktong kailangan mo?" Parang may reader ng isip bilang coding buddy mo!
 
-Naalala ko noong una kong natuklasan ang auto-completion – literal na pakiramdam ko ay nasa hinaharap na ako. Nagsisimula kang mag-type ng isang bagay, at sinasabi ng editor mo, "Hoy, iniisip mo ba ang function na ito na eksaktong kailangan mo?" Parang may mind reader bilang coding buddy mo!
+**Ano ang gumagawa sa mga editor na ito na kamangha-mangha?**
 
-**Ano ang nagpapaganda sa mga editor na ito?**
+Nag-aalok ang mga modernong code editor ng kahanga-hangang mga katangian na idinisenyo para mapabilis ang iyong produktibidad:
 
-Ang mga modernong code editor ay nag-aalok ng kahanga-hangang hanay ng mga tampok na idinisenyo upang mapalakas ang iyong produktibidad:
+| Katangian | Ano ang Ginagawa Nito | Bakit Ito Nakakatulong |  
+|---------|--------------|--------------|  
+| **Syntax Highlighting** | Kulayan ang iba't ibang bahagi ng iyong code | Ginagawa itong mas madaling basahin at tuklasin ang mga error |  
+| **Auto-completion** | Nagmumungkahi ng code habang nagsusulat ka | Pinapabilis ang coding at binabawasan ang typo |  
+| **Debugging Tools** | Tinutulungan kang mahanap at ayusin ang mga error | Nagtitipid ng oras sa pag-troubleshoot |  
+| **Extensions** | Nagdaragdag ng mga specialized na feature | Inaangkop ang iyong editor para sa anumang teknolohiya |  
+| **AI Assistants** | Nagmumungkahi ng code at paliwanag | Pinapabilis ang pagkatuto at produktibidad |  
 
-| Tampok | Ano ang Ginagawa Nito | Bakit Ito Nakakatulong |
-|-------|-----------------------|-----------------------|
-| **Syntax Highlighting** | Kulayan ang iba't ibang bahagi ng iyong code | Ginagawang mas madali ang pagbabasa ng code at makita ang mga error |
-| **Auto-completion** | Nagmumungkahi ng code habang nagta-type ka | Pinapabilis ang pag-code at binabawasan ang mga typo |
-| **Mga Tool sa Debugging** | Tumutulong sa paghahanap at pag-aayos ng mga error | Nakakatipid ng oras sa pag-troubleshoot |
-| **Mga Extension** | Nagdaragdag ng mga espesyal na tampok | I-customize ang editor para sa anumang teknolohiya |
-| **AI Assistants** | Nagmumungkahi ng code at mga paliwanag | Pinapabilis ang pag-aaral at produktibidad |
+> 🎥 **Video Resource**: Gusto mo bang makita ang mga gamit na ito sa aksyon? Tignan ang [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) para sa isang komprehensibong overview.
 
-> 🎥 **Video Resource**: Gusto mo bang makita ang mga tool na ito sa aksyon? Tingnan ang [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) para sa isang komprehensibong overview.
+#### Mga Inirekomendang Editor para sa Web Development
 
-#### Mga Inirerekomendang Editor para sa Web Development
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Libre)  
+- Pinaka-popular sa mga web developer  
+- Mahusay na ecosystem ng extension  
+- Built-in na terminal at Git integration  
+- **Mga kailangang extension**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered na mga mungkahing code  
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Kooperasyon sa real-time  
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic na pag-format ng code  
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Tagahanap ng typo sa code  
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Libre)
-- Pinakapopular sa mga web developer
-- Napakahusay na extension ecosystem
-- Built-in terminal at Git integration
-- **Mga kailangang extension**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered code suggestions
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Nag-detect ng mga typo sa iyong code
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Bayad, libre para sa mga estudyante)  
+- Advanced na debugging at testing tools  
+- Matalinong auto completion ng code  
+- Built-in na version control  
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (May bayad, libre para sa mga estudyante)
-- Advanced debugging at testing tools
-- Intelligent code completion
-- Built-in version control
+**Cloud-Based IDEs** (Iba't ibang presyo)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - Buong VS Code sa browser mo  
+- [Replit](https://replit.com/) - Magaling para sa pag-aaral at pagbabahagi ng code  
+- [StackBlitz](https://stackblitz.com/) - Instant, full-stack na web development  
 
-**Cloud-Based IDEs** (Iba't ibang presyo)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Buong VS Code sa iyong browser
-- [Replit](https://replit.com/) - Maganda para sa pag-aaral at pagbabahagi ng code
-- [StackBlitz](https://stackblitz.com/) - Instant, full-stack web development
+> 💡 **Tip sa Pagsisimula**: Magsimula sa Visual Studio Code – libre ito, malawak ang paggamit sa industriya, at may malaking komunidad na gumagawa ng mga kapaki-pakinabang na tutorial at extension.
 
-> 💡 **Tip sa Pagsisimula**: Magsimula sa Visual Studio Code – ito ay libre, malawakang ginagamit sa industriya, at may malaking komunidad na gumagawa ng mga kapaki-pakinabang na tutorial at extension.
+### Mga Web Browser: Iyong Sekretong Laboratoryo sa Pag-unlad
 
-### Mga Web Browser: Ang Iyong Lihim na Laboratoryo sa Pag-develop
+O sige, maghanda kang ma-wow nang husto! Alam mo kung paano mo ginagamit ang mga browser para mag-scroll sa social media at manood ng mga video? Ito pala ay itinago ang isang kahanga-hangang sekretong laboratoryo para sa mga developer na buong panahon ay naghihintay lang na madiskubre mo!
 
-Okay, maghanda para sa isang mind-blowing na karanasan! Alam mo kung paano mo ginagamit ang mga browser para mag-scroll sa social media at manood ng mga video? Well, lumalabas na may tinatago silang kamangha-manghang lihim na laboratoryo ng developer na naghihintay lang na matuklasan mo!
+Tuwing nag-right-click ka sa isang webpage at pinili ang "Inspect Element," binubuksan mo ang isang nakatagong mundo ng mga developer tools na tunay na mas makapangyarihan kaysa sa ilang mahal na software na dating binabayaran ko ng daan-daang dolyar. Para itong matuklasan na ang karaniwan mong kusina ay may itinatagong propesyonal na laboratoryo ng chef sa likod ng isang lihim na panel!
+Nang unang ipakita sa akin ng isang tao ang browser DevTools, ginugol ko ang halos tatlong oras na nagki-click lang at nagsabing "HINTAY, KAYA NITO YAN?!" Literal mong ma-e-edit ang kahit anong website nang real-time, makita kung gaano kabilis mag-load ang lahat, subukan kung paano itsura ang site mo sa iba't ibang device, at maging debug ang JavaScript na parang pro na talaga. Talagang nakakagulat!
 
-Tuwing mag-right-click ka sa isang webpage at piliin ang "Inspect Element," binubuksan mo ang isang nakatagong mundo ng mga developer tools na mas makapangyarihan pa kaysa sa ilang mahal na software na dati kong binabayaran ng daan-daang dolyar. Parang natuklasan mo na ang iyong ordinaryong kusina ay may nakatagong laboratoryo ng propesyonal na chef sa likod ng isang lihim na panel!
-Noong unang ipinakita sa akin ang browser DevTools, ginugol ko ang halos tatlong oras sa kakaklik at sinasabi, "WAIT, KAYA NIYA RIN YUN?!" Literal na pwede mong i-edit ang kahit anong website nang real-time, makita kung gaano kabilis mag-load ang lahat, subukan kung paano ang hitsura ng site mo sa iba't ibang device, at kahit i-debug ang JavaScript na parang isang pro. Talagang nakakagulat!
+**Ito ang dahilan kung bakit browsers ang iyong lihim na sandata:**
 
-**Narito kung bakit ang mga browser ang iyong lihim na sandata:**
+Kapag gumawa ka ng website o web application, kailangan mong makita kung paano ito itsura at asal sa totoong mundo. Hindi lang ipinapakita ng browsers ang iyong gawa, nagbibigay din ito ng detalyadong feedback tungkol sa performance, accessibility, at mga posibleng isyu.
 
-Kapag gumagawa ka ng website o web application, kailangan mong makita kung paano ito tumatakbo sa totoong mundo. Hindi lang ipinapakita ng mga browser ang iyong gawa, nagbibigay din sila ng detalyadong feedback tungkol sa performance, accessibility, at mga posibleng isyu.
+#### Browser Developer Tools (DevTools)
 
-#### Mga Tool ng Browser Developer (DevTools)
+Kasama sa mga modernong browser ang kumpletong development suites:
 
-Ang mga modernong browser ay may kasamang komprehensibong development suites:
-
-| Kategorya ng Tool | Ano ang Ginagawa Nito | Halimbawa ng Paggamit |
-|--------------------|-----------------------|-----------------------|
-| **Element Inspector** | Tingnan at i-edit ang HTML/CSS nang real-time | Ayusin ang styling para makita agad ang resulta |
-| **Console** | Tingnan ang mga error message at subukan ang JavaScript | I-debug ang mga problema at mag-eksperimento sa code |
+| Tool Category | Ano ang Ginagawa Nito | Halimbawa ng Paggamit |
+|---------------|----------------------|----------------------|
+| **Element Inspector** | Tingnan at i-edit ang HTML/CSS nang real-time | Ayusin ang estilo para makita agad ang resulta |
+| **Console** | Tingnan ang mga error message at subukan ang JavaScript | I-debug ang mga problema at magsubok ng code |
 | **Network Monitor** | Subaybayan kung paano naglo-load ang mga resources | I-optimize ang performance at oras ng pag-load |
-| **Accessibility Checker** | Subukan ang inclusive design | Siguraduhing gumagana ang site mo para sa lahat ng user |
-| **Device Simulator** | I-preview sa iba't ibang laki ng screen | Subukan ang responsive design nang hindi kailangan ng maraming device |
+| **Accessibility Checker** | Subukan ang inclusive design | Siguraduhing gumagana ang site para sa lahat ng user |
+| **Device Simulator** | Tingnan sa iba't ibang sukat ng screen | Subukan ang responsive design nang hindi nangangailangan ng maraming device |
 
 #### Mga Inirerekomendang Browser para sa Development
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Standard na DevTools sa industriya na may malawak na dokumentasyon
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Mahusay na CSS Grid at accessibility tools
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Batay sa Chromium na may mga resource mula sa Microsoft para sa mga developer
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industry-standard DevTools na may malawak na dokumentasyon
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Napakahusay sa CSS Grid at accessibility tools
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Naka-base sa Chromium na may mga developer resources ng Microsoft
 
-> ⚠️ **Mahalagang Tip sa Pagsusuri**: Laging subukan ang iyong mga website sa iba't ibang browser! Ang gumagana nang perpekto sa Chrome ay maaaring magmukhang iba sa Safari o Firefox. Ang mga propesyonal na developer ay nagsusuri sa lahat ng pangunahing browser upang matiyak ang pare-parehong karanasan ng user.
+> ⚠️ **Mahalagang Tip sa Pagsusuri**: Palaging subukan ang iyong mga website sa maraming browser! Ang gumagana nang perpekto sa Chrome ay maaaring magmukhang iba sa Safari o Firefox. Sinusubukan ng mga propesyonal na developer sa lahat ng pangunahing browser para siguraduhin ang consistent na karanasan.
 
-### Mga Tool sa Command Line: Ang Iyong Gateway sa Developer Superpowers
+### Mga Command Line Tools: Ang Iyong Gate papuntang Developer Superpowers
 
-Okay, magpakatotoo tayo tungkol sa command line, dahil gusto kong marinig mo ito mula sa isang taong talagang nakakaintindi. Noong una ko itong nakita – isang nakakatakot na itim na screen na may kumikislap na teksto – literal na naisip ko, "Hindi, hindi talaga! Mukha itong galing sa pelikula ng hacker noong 1980s, at siguradong hindi ako matalino para dito!" 😅
+Sige, magkaroon tayo ng isang tapat na usapan tungkol sa command line, dahil gusto kong marinig mo ito mula sa isang taong tunay na nakakaintindi. Nang una kong makita ito – yung nakakatakot na itim na screen na kumikislap ang text – literal kong inisip, "Hindi, hindi talaga! Para ito sa pelikula ng hacker noong 1980s, at hindi ako sapat ang talino para dito!" 😅
 
-Pero narito ang gusto kong sana sinabi sa akin noon, at sinasabi ko sa'yo ngayon: ang command line ay hindi nakakatakot – para kang nakikipag-usap nang direkta sa iyong computer. Isipin mo ito na parang pagkakaiba ng pag-order ng pagkain sa isang fancy app na may mga larawan at menu (na maganda at madali) kumpara sa pagpunta sa paborito mong lokal na restaurant kung saan alam ng chef ang gusto mo at kayang magluto ng perpekto sa simpleng pagsabi mo ng "surprise me with something amazing."
+Pero heto ang gusto kong sana ay nasabi sa akin noon, at ngayon sinasabi ko sa iyo: hindi nakakatakot ang command line – parang isang direktang pag-uusap mo sa iyong computer ito. Isipin mo ito na parang pagkakaiba ng pag-order ng pagkain sa isang fancy na app na may mga larawan at menu (na madali at maganda) kumpara sa pagpasok mo sa paborito mong local na kainan kung saan kilala ng chef ang gusto mo at kayang lutuin agad ang espesyal na sorpresa sa sinabi mo lang na "surprise me with something amazing."
 
-Ang command line ang lugar kung saan ang mga developer ay parang wizard. Magta-type ka ng ilang tila mahiwagang salita (okay, mga command lang sila, pero parang mahiwaga!), pindutin ang enter, at BOOM – nakagawa ka ng buong istruktura ng proyekto, naka-install ng makapangyarihang mga tool mula sa iba't ibang panig ng mundo, o na-deploy ang app mo sa internet para makita ng milyon-milyong tao. Kapag naranasan mo ang kapangyarihang iyon, talagang nakakaadik!
+Dito sa command line pumupunta ang mga developer para maramdaman ang kanilang kapangyarihan. Magta-type ka lang ng ilang tila mahiwagang salita (okay, mga command lang sila, pero parang mahiwaga!), pindutin ang enter, at BOOM – nakagawa ka na ng buong project structure, naka-install ng mga makapangyarihang tools mula sa buong mundo, o nailunsad ang app mo sa internet para makita ng milyun-milyong tao. Kapag natikman mo na ang kapangyarihang iyon, adik ka na talaga!
 
-**Bakit magiging paborito mo ang command line:**
+**Bakit magiging paborito mong tool ang command line:**
 
-Habang maganda ang graphical interfaces para sa maraming gawain, ang command line ay mahusay sa automation, precision, at bilis. Maraming development tools ang pangunahing gumagana sa pamamagitan ng command line interfaces, at ang pag-aaral kung paano gamitin ang mga ito nang epektibo ay maaaring lubos na mapabuti ang iyong produktibidad.
+Habang maganda ang graphical interfaces para sa maraming gawain, nangingibabaw ang command line sa automation, katumpakan, at bilis. Maraming development tools ang gumagana gamit ang command line interfaces, at ang pag-aaral gamitin ito nang mahusay ay makakapagpataas nang husto ng iyong produktibidad.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Hakbang 1: Gumawa at mag-navigate sa direktoryo ng proyekto
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **Ano ang ginagawa ng code na ito:**
-- **Gumawa** ng bagong directory na tinatawag na "my-awesome-website" para sa iyong proyekto
-- **Mag-navigate** sa bagong directory para simulan ang trabaho
+- **Gumawa** ng bagong direktoryo na tinatawag na "my-awesome-website" para sa iyong proyekto
+- **Pumaroon** sa bagong likhang direktoryo para simulan ang trabaho
 
 ```bash
-# Step 2: Initialize project with package.json
+# Hakbang 2: I-initialize ang proyekto gamit ang package.json
 npm init -y
 
-# Install modern development tools
+# Mag-install ng mga modernong kasangkapan sa pag-develop
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Hakbang-hakbang, narito ang nangyayari:**
-- **I-initialize** ang bagong Node.js project gamit ang default settings sa pamamagitan ng `npm init -y`
+**Hakbang-hakbang, ganito ang nangyayari:**
+- **I-initialize** ang bagong Node.js project gamit ang default na settings gamit ang `npm init -y`
 - **I-install** ang Vite bilang modernong build tool para sa mabilis na development at production builds
-- **Magdagdag** ng Prettier para sa automatic code formatting at ESLint para sa code quality checks
-- **Gamitin** ang `--save-dev` flag para markahan ang mga ito bilang development-only dependencies
+- **Idagdag** ang Prettier para sa automatic na pag-format ng code at ESLint para sa pagsusuri ng kalidad ng code
+- **Gamitin** ang flag na `--save-dev` para markahan ito bilang development-only na dependencies
 
 ```bash
-# Step 3: Create project structure and files
+# Hakbang 3: Gumawa ng istruktura ng proyekto at mga file
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Simulan ang development server
 npx vite
 ```
 
-**Sa itaas, ginawa natin ang:**
-- **Inayos** ang proyekto sa pamamagitan ng paggawa ng hiwalay na mga folder para sa source code at assets
-- **Nag-generate** ng basic HTML file na may tamang istruktura ng dokumento
+**Sa itaas, ginawa namin ang mga sumusunod:**
+- **Inayos** ang proyekto sa pamamagitan ng paggawa ng hiwalay na folders para sa source code at assets
+- **Nagawa** ng basic na HTML file na may tamang istruktura ng dokumento
 - **Sinimulan** ang Vite development server para sa live reloading at hot module replacement
 
 #### Mahahalagang Command Line Tools para sa Web Development
 
 | Tool | Layunin | Bakit Kailangan Mo Ito |
-|------|---------|-------------------------|
-| **[Git](https://git-scm.com/)** | Version control | Subaybayan ang mga pagbabago, makipagtulungan sa iba, i-backup ang iyong trabaho |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Patakbuhin ang JavaScript sa labas ng browser, mag-install ng modernong development tools |
-| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Napakabilis na development na may hot module replacement |
-| **[ESLint](https://eslint.org/)** | Code quality | Awtomatikong hanapin at ayusin ang mga problema sa iyong JavaScript |
-| **[Prettier](https://prettier.io/)** | Code formatting | Panatilihing maayos at nababasa ang iyong code |
+|------|---------|-----------------------|
+| **[Git](https://git-scm.com/)** | Version control | Subaybayan ang mga pagbabago, makipagtulungan, at backup ang trabaho |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime at package management | Patakbuhin ang JavaScript sa labas ng browser, i-install ang modernong development tools |
+| **[Vite](https://vitejs.dev/)** | Build tool at dev server | Napakabilis na development na may hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kalidad ng code | Awtomatikong hanapin at ayusin ang mga problema sa iyong JavaScript |
+| **[Prettier](https://prettier.io/)** | Pag-format ng code | Panatilihing konsistent ang format at nababasang mabuti ang code |
 
-#### Mga Opsyon na Specific sa Platform
+#### Mga Platform-Specific na Opsyon
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderno, mayaman sa feature na terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Makapangyarihang scripting environment
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderno at maraming feature na terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Malakas na scripting environment
 - **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradisyunal na Windows command line
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Built-in na terminal application
-- **[iTerm2](https://iterm2.com/)** - Pinahusay na terminal na may advanced features
+- **[iTerm2](https://iterm2.com/)** - Pinalawak na terminal na may advanced features
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard na Linux shell
@@ -663,194 +659,194 @@ npx vite
 
 > 💻 = Pre-installed sa operating system
 
-> 🎯 **Learning Path**: Simulan sa mga basic na command tulad ng `cd` (change directory), `ls` o `dir` (list files), at `mkdir` (gumawa ng folder). Magpraktis gamit ang mga modernong workflow command tulad ng `npm install`, `git status`, at `code .` (binubuksan ang kasalukuyang directory sa VS Code). Habang nagiging komportable ka, natural mong matututunan ang mas advanced na mga command at automation techniques.
+> 🎯 **Learning Path**: Magsimula sa mga basic command tulad ng `cd` (palitan ng directory), `ls` o `dir` (ipakita ang mga files), at `mkdir` (gumawa ng folder). Mag-ensayo gamit ang modernong workflow commands gaya ng `npm install`, `git status`, at `code .` (bubuksan ang kasalukuyang directory sa VS Code). Kapag naging komportable ka na, natural mong matututunan ang mas advanced na mga command at automation techniques.
 
-### Dokumentasyon: Ang Iyong Palaging Available na Mentor sa Pag-aaral
+### Dokumentasyon: Ang Iyong Laging Nariyan na Learning Mentor
 
-Okay, hayaan mo akong magbahagi ng isang lihim na magpapagaan ng pakiramdam mo bilang baguhan: kahit ang pinaka-experienced na mga developer ay gumugugol ng malaking bahagi ng kanilang oras sa pagbabasa ng dokumentasyon. At hindi ito dahil hindi nila alam ang kanilang ginagawa – ito ay tanda ng karunungan!
+Sige, ibabahagi ko sa iyo ang isang maliit na sikreto na magpapagaan ng loob mo bilang isang baguhan: kahit ang pinaka-experienced na developer ay gumugugol ng malaking bahagi ng kanilang oras sa pagbabasa ng dokumentasyon. At hindi ito dahil hindi nila alam ang ginagawa nila – ito ay palatandaan ng karunungan!
 
-Isipin ang dokumentasyon na parang may access ka sa mga pinaka-mahinahon at may kaalaman na guro sa mundo na available 24/7. Nahihirapan sa isang problema ng alas-dos ng umaga? Nandiyan ang dokumentasyon na may mainit na virtual na yakap at eksaktong sagot na kailangan mo. Gusto mong matutunan ang isang cool na bagong feature na pinag-uusapan ng lahat? Nandiyan ang dokumentasyon na may step-by-step na mga halimbawa. Sinusubukang intindihin kung bakit gumagana ang isang bagay sa ganitong paraan? Tama ka – handa ang dokumentasyon na ipaliwanag ito sa paraang magpapaklik sa'yo!
+Isipin ang dokumentasyon na parang may access ka sa mga pinakapasyenteng at madalas sanang mga guro na available 24/7. Nabarahan ka ng problema sa alas-dos ng madaling araw? Naroon ang dokumentasyon na may mainit-init na virtual na yakap at eksaktong sagot na kailangan mo. Gusto mong matutunan ang tungkol sa pinakabagong feature na pinag-uusapan ng lahat? Sagot ka ng dokumentasyon na may step-by-step na mga halimbawa. Sinusubukan mong intindihin kung bakit gumagana ang isang bagay sa ganoong paraan? Siyempre, nandiyan ang dokumentasyon para ipaliwanag ito nang sa wakas ay mag-click sa iyo!
 
-Narito ang isang bagay na lubos na nagbago ng aking pananaw: ang mundo ng web development ay gumagalaw nang napakabilis, at walang sinuman (ibig sabihin, wala talaga!) ang nagtatago ng lahat sa memorya. Nakita ko ang mga senior developer na may 15+ taon ng karanasan na naghahanap ng basic syntax, at alam mo kung ano? Hindi iyon nakakahiya – iyon ay matalino! Hindi ito tungkol sa pagkakaroon ng perpektong memorya; ito ay tungkol sa pag-alam kung saan makakahanap ng maaasahang sagot nang mabilis at pag-unawa kung paano ito ilapat.
+Narito ang isang bagay na talagang nagbago ng aking pananaw: ang mundo ng web development ay napakabilis ang takbo, at wala (ibig sabihin, walang sinuman!) ang naka-memorize lahat. Nakita ko na ang mga senior developers na may higit 15 taong karanasan ay naghahanap pa rin ng basic syntax, at alam mo ba? Hindi ito nakakahiya – ito ay matalino! Hindi ito tungkol sa perfect memory; ito ay tungkol sa kung saan mabilis kang makakahanap ng maaasahang sagot at kung paano ito ilalapat.
 
-**Narito kung saan nangyayari ang tunay na magic:**
+**Dito nagaganap ang tunay na mahika:**
 
-Ang mga propesyonal na developer ay gumugugol ng malaking bahagi ng kanilang oras sa pagbabasa ng dokumentasyon – hindi dahil hindi nila alam ang kanilang ginagawa, kundi dahil ang web development landscape ay mabilis na nagbabago kaya't ang pananatiling updated ay nangangailangan ng patuloy na pag-aaral. Ang mahusay na dokumentasyon ay tumutulong sa iyo na maunawaan hindi lang *paano* gamitin ang isang bagay, kundi *bakit* at *kailan* ito gamitin.
+Ang mga propesyonal na developer ay gumugugol ng malaking bahagi ng kanilang oras sa pagbabasa ng dokumentasyon – hindi dahil hindi nila alam ang ginagawa nilang trabaho, kundi dahil napakabilis na nagbabago ang landscape ng web development kaya't ang manatiling up-to-date ay nangangailangan ng patuloy na pag-aaral. Mahusay na dokumentasyon ang tumutulong sa iyo na maintindihan hindi lang *paano* gagamitin ang isang bagay, kundi *bakit* at *kailan* gagamitin ito.
 
-#### Mahahalagang Dokumentasyon na Resources
+#### Mahahalagang Documentation Resources
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Ang gold standard para sa dokumentasyon ng web technology
+- Ang gold standard para sa web technology documentation
 - Komprehensibong gabay para sa HTML, CSS, at JavaScript
-- May kasamang impormasyon sa browser compatibility
-- Nagtatampok ng mga praktikal na halimbawa at interactive na demo
+- Kasama ang impormasyon tungkol sa compatibility ng browser
+- May praktikal na mga halimbawa at interactive demos
 
-**[Web.dev](https://web.dev)** (by Google)
-- Mga modernong best practices sa web development
-- Mga gabay sa performance optimization
+**[Web.dev](https://web.dev)** (mula sa Google)
+- Mga best practice para sa modernong web development
+- Mga gabay sa pag-optimize ng performance
 - Mga prinsipyo ng accessibility at inclusive design
-- Mga case study mula sa mga totoong proyekto
+- Mga case study mula sa totoong proyekto
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Mga resource para sa Edge browser development
-- Mga gabay sa Progressive Web App
-- Mga insight sa cross-platform development
+- Mga resources para sa pag-develop ng Edge browser
+- Mga gabay para sa Progressive Web Apps
+- Insights sa cross-platform development
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Mga structured learning curricula
-- Mga video course mula sa mga eksperto sa industriya
+- Structured na mga kurikulum sa pag-aaral
+- Mga video courses mula sa eksperto sa industriya
 - Mga hands-on coding exercises
 
-> 📚 **Study Strategy**: Huwag subukang i-memorize ang dokumentasyon – sa halip, matutong i-navigate ito nang epektibo. I-bookmark ang mga madalas gamitin na reference at magpraktis sa paggamit ng search functions para mabilis na mahanap ang partikular na impormasyon.
+> 📚 **Strategiya sa Pag-aaral**: Huwag subukang i-memorize ang dokumentasyon – sa halip, matutong mag-navigate nito nang mahusay. I-bookmark ang mga madalas gamitin na references at magsanay sa paggamit ng search functions para mabilis makahanap ng partikular na impormasyon.
 
-### 🔧 **Tool Mastery Check: Ano ang Nakakaengganyo sa Iyo?**
+### 🔧 **Tool Mastery Check: Ano ang Pinakanakakaresonate sa Iyo?**
 
-**Maglaan ng sandali para pag-isipan:**
-- Aling tool ang pinaka-nakaka-excite subukan muna? (Walang maling sagot!)
-- Ang command line ba ay nakakatakot pa rin, o interesado ka na dito?
-- Naiisip mo bang gamitin ang browser DevTools para silipin ang likod ng paborito mong mga website?
+**Maglaan ng sandali para isipin:**
+- Aling tool ang pinakagusto mong subukan muna? (Walang maling sagot!)
+- Nakakatakot pa rin ba ang command line, o naiintriga ka na ba rito?
+- Maiimagine mo bang gamitin ang browser DevTools para tignan ang likod ng mga paborito mong website?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Oras na Ginugol ng Developer sa mga Kagamitan"
+    "Editor ng Kodigo" : 40
+    "Pagsubok sa Browser" : 25
+    "Linyang Pangkomando" : 15
+    "Pagbabasa ng Dokumento" : 15
+    "Pag-aayos ng Mali" : 5
 ```
+> **Masayang insight**: Karamihan sa mga developer ay gumugugol ng mga 40% ng kanilang oras sa code editor, pero mapapansin mo na malaking bahagi ng oras ay napupunta sa pagsubok, pag-aaral, at paglutas ng problema. Ang programming ay hindi lang tungkol sa pagsusulat ng code – ito ay tungkol sa paggawa ng mga karanasan!
 
-> **Nakakatuwang insight**: Karamihan sa mga developer ay gumugugol ng halos 40% ng kanilang oras sa kanilang code editor, pero pansinin kung gaano karaming oras ang napupunta sa pagsusuri, pag-aaral, at paglutas ng problema. Ang programming ay hindi lang tungkol sa pagsusulat ng code – ito ay tungkol sa paglikha ng mga karanasan!
-
-✅ **Pag-isipan ito**: Narito ang isang kawili-wiling bagay na pag-isipan – paano mo iniisip na ang mga tool para sa paggawa ng mga website (development) ay maaaring naiiba sa mga tool para sa pagdidisenyo kung paano ito magmumukha (design)? Parang ang pagkakaiba ng pagiging arkitekto na nagdidisenyo ng magandang bahay at ang kontraktor na talagang gumagawa nito. Parehong mahalaga, pero kailangan ng magkaibang toolbox! Ang ganitong uri ng pag-iisip ay talagang makakatulong sa iyo na makita ang mas malaking larawan kung paano nabubuo ang mga website.
+✅ **Saloobin na dapat pag-isipan**: Narito ang isang bagay na dapat mong pagnilayan – paano kaya nagkakaiba ang mga tools para sa paggawa ng website (development) sa mga tools para sa pagdisenyo ng hitsura nito (design)? Para itong pagkakaiba ng arkitekto na nagdidisenyo ng magandang bahay at ng kontraktor na gumagawa nito. Parehong mahalaga, pero kailangan nila ng magkakaibang toolbox! Ang ganitong paraan ng pag-iisip ay talagang makakatulong sa iyo na makita ang mas malaking larawan kung paano nabubuo ang mga website.
 
-## Hamon ng GitHub Copilot Agent 🚀
+## GitHub Copilot Agent Challenge 🚀
 
-Gamitin ang Agent mode para kumpletuhin ang sumusunod na hamon:
+Gamitin ang Agent mode para tapusin ang sumusunod na hamon:
 
-**Deskripsyon:** Tuklasin ang mga feature ng isang modernong code editor o IDE at ipakita kung paano nito mapapabuti ang iyong workflow bilang isang web developer.
+**Deskripsyon:** Tuklasin ang mga tampok ng isang modernong code editor o IDE at ipakita kung paano nito mapapabuti ang iyong workflow bilang web developer.
 
-**Prompt:** Pumili ng code editor o IDE (tulad ng Visual Studio Code, WebStorm, o isang cloud-based IDE). Maglista ng tatlong feature o extension na tumutulong sa iyo na magsulat, mag-debug, o mag-maintain ng code nang mas epektibo. Para sa bawat isa, magbigay ng maikling paliwanag kung paano ito nakakatulong sa iyong workflow.
+**Prompt:** Pumili ng code editor o IDE (tulad ng Visual Studio Code, WebStorm, o isang cloud-based IDE). Ilahad ang tatlong features o extensions na tumutulong sa iyo na magsulat, mag-debug, o mag-maintain ng code nang mas epektibo. Para sa bawat isa, magbigay ng maikling paliwanag kung paano nito pinapabuti ang iyong workflow.
 
 ---
 
 ## 🚀 Hamon
 
-**Alright, detective, handa ka na ba sa iyong unang kaso?**
+**Sige, detective, handa ka na ba sa iyong unang kaso?**
 
-Ngayon na mayroon kang kahanga-hangang pundasyon, mayroon akong adventure na makakatulong sa iyo na makita kung gaano ka-diverse at kamangha-mangha ang programming world. At pakinggan mo – hindi pa ito tungkol sa pagsusulat ng code, kaya walang pressure doon! Isipin mo ang sarili mo bilang isang programming language detective sa iyong unang exciting na kaso!
+Ngayon na meron ka nang napakagandang pundasyon, may isang adventure ako na makakatulong sa iyo na makita kung gaano talaga kahalaga at kaiba-iba ang mundo ng programming. At tandaan – hindi pa ito tungkol sa pagsusulat ng code, kaya walang pressure! Isipin mo ang sarili mo bilang isang programming language detective sa iyong unang kapanapanabik na kaso!
 
-**Ang iyong misyon, kung pipiliin mong tanggapin ito:**
-1. **Maging isang language explorer**: Pumili ng tatlong programming languages mula sa ganap na magkaibang mundo – marahil isa na gumagawa ng mga website, isa na gumagawa ng mga mobile app, at isa na nagpoproseso ng data para sa mga siyentipiko. Maghanap ng mga halimbawa ng parehong simpleng gawain na isinulat sa bawat wika. Pangako, mamamangha ka sa kung gaano sila kaiba habang ginagawa ang parehong bagay!
+**Ang iyong misyon, kung tatanggapin mo ito:**
+1. **Maging isang language explorer**: Pumili ng tatlong programming languages mula sa ganap na magkakaibang uniberso – siguro isang ginagamit para gumawa ng website, isang para sa paggawa ng mobile apps, at isang para sa pagproseso ng data para sa siyentipiko. Humanap ng mga halimbawa ng parehong simpleng gawain na nakasulat sa bawat wika. Pahangaing talaga ang sarili mo kung gaano sila kaiba habang pareho ang ginagawa!
 
-2. **Tuklasin ang kanilang origin stories**: Ano ang nagpapasikat sa bawat wika? Narito ang isang cool na fact – bawat programming language ay nilikha dahil may nag-isip, "Alam mo ba? Dapat may mas magandang paraan para lutasin ang partikular na problemang ito." Kaya mo bang alamin kung ano ang mga problemang iyon? Ang ilan sa mga kuwentong ito ay talagang nakakatuwa!
+2. **Alamin ang kanilang mga pinagmulan**: Ano ang nagpapaspecial sa bawat wika? Narito ang isang cool na katotohanan – bawat programming language ay ginawa dahil may nag-isip, "Alam mo, dapat may mas maganda pang paraan para lutasin ang partikular na problemang ito." Maiintindihan mo ba kung ano ang mga problemang iyon? Ang ilan sa mga kuwentong ito ay talagang nakakapanabik!
 
-3. **Kilalanin ang mga komunidad**: Tingnan kung gaano ka-welcoming at passionate ang komunidad ng bawat wika. Ang iba ay may milyon-milyong developer na nagbabahagi ng kaalaman at tumutulong sa isa't isa, ang iba naman ay mas maliit pero sobrang close-knit at supportive. Magugustuhan mo ang makakita ng iba't ibang personalidad ng mga komunidad na ito!
+3. **Kilalanin ang mga community**: Tingnan kung gaano kasarap at passionate ang bawat community ng mga language na ito. Ang iba ay may milyon-milyong developer na nagbabahagi ng kaalaman at nagtutulungan, ang iba naman ay mas maliit pero napakalapit at supportive. Magugustuhan mo ang iba't ibang personalidad ng mga komunidad na ito!
 
-4. **Sundin ang iyong kutob**: Aling wika ang pinaka-approachable para sa iyo ngayon? Huwag mag-stress sa paggawa ng "perpektong" pagpili – sundin lang ang iyong instincts! Walang maling sagot dito, at palagi mong pwedeng tuklasin ang iba sa hinaharap.
+4. **Sundin ang gut feeling mo**: Aling language ang pinaka-comfortable sa pakiramdam mo ngayon? Huwag mag-alala tungkol sa paggawa ng "perfect" na desisyon – pakinggan lang ang instincts mo! Talagang walang maling sagot dito, at maaari kang mag-explore ng iba pang wika mamaya.
 
-**Bonus detective work**: Subukan mong tuklasin kung anong mga major websites o apps ang ginawa gamit ang bawat wika. Sigurado akong magugulat ka sa malaman kung ano ang nagpapatakbo sa Instagram, Netflix, o sa mobile game na hindi mo matigil sa paglalaro!
+**Bonus detective work**: Tingnan kung makikita mo kung anong mga major websites o apps ang ginawa gamit ang bawat language. Garantiya, magugulat ka sa malalaman mo kung ano ang nagpapagana sa Instagram, Netflix, o yung mobile game na hindi mo mapigilang laruin!
 
-> 💡 **Tandaan**: Hindi mo sinusubukang maging eksperto sa alinman sa mga wikang ito ngayon. Kilalanin mo lang ang lugar bago ka magdesisyon kung saan mo gustong mag-setup. Maglaan ng oras, mag-enjoy, at hayaan ang iyong curiosity na gabayan ka!
+> 💡 **Tandaan**: Hindi mo kailangang maging eksperto sa alinman sa mga wikang ito ngayon. Kilalanin mo lang muna ang paligid bago ka magdesisyon kung saan ka magtatayo ng shop. Maglaan ng oras, magsaya, at hayaan ang iyong curiosity ang maggabay sa iyo!
 
-## Ipagdiwang ang Iyong Natuklasan!
+## Ipagdiwang natin ang Iyong Natuklasan!
 
-Grabe, ang dami mong natutunan ngayong araw! Excited akong makita kung gaano karami sa kahanga-hangang paglalakbay na ito ang nanatili sa iyo. At tandaan – hindi ito isang pagsusulit kung saan kailangan mong maging perpekto. Mas parang selebrasyon ito ng lahat ng cool na bagay na natutunan mo tungkol sa kamangha-manghang mundong papasukin mo!
+Grabe, ang dami mong natutunan na kahanga-hanga ngayon! Talagang excited ako na makita kung gaano karami ang tumatak sa iyo sa kahanga-hangang paglalakbay na ito. At tandaan – hindi ito isang pagsusulit kung saan kailangang perfect ang iyong sagot. Isa itong selebrasyon ng lahat ng cool na bagay na natutunan mo tungkol sa kahanga-hangang mundong ito na iyong susubukan!
 
-[Kunin ang post-lesson quiz](https://ff-quizzes.netlify.app/web/)
-## Review & Pag-aaral sa Sarili
+[Take the post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-**Maglaan ng oras para mag-explore at mag-enjoy!**
+## Review & Self Study
 
-Marami kang natutunan ngayong araw, at dapat mo itong ipagmalaki! Ngayon ang masayang bahagi – ang pag-explore sa mga paksa na nagpasiklab ng iyong interes. Tandaan, hindi ito takdang-aralin – ito ay isang pakikipagsapalaran!
+**Maglaan ng oras para mag-explore at magsaya!**
+Nasaklaw mo ang maraming bagay ngayon, at iyon ay isang bagay na dapat ipagmalaki! Ngayon naman ay ang masayang bahagi – ang pagsaliksik sa mga paksang nagpalakas ng iyong kuryosidad. Tandaan, ito ay hindi takdang-aralin – ito ay isang pakikipagsapalaran!
 
-**Mas malalim na pag-aaral sa mga bagay na kinagigiliwan mo:**
+**Sumisid nang mas malalim sa mga bagay na nagpapasaya sa iyo:**
 
-**Subukan ang mga programming language:**
-- Bisitahin ang mga opisyal na website ng 2-3 programming language na nagustuhan mo. Bawat isa ay may sariling personalidad at kwento!
-- Subukan ang mga online coding playground tulad ng [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), o [Replit](https://replit.com/). Huwag matakot mag-eksperimento – wala kang masisira!
-- Magbasa tungkol sa kung paano nagsimula ang paborito mong programming language. Totoo, ang ilan sa mga kwentong ito ay nakakatuwa at makakatulong sa iyong maunawaan kung bakit gumagana ang mga language sa ganitong paraan.
+**Magsanay gamit ang mga programming language:**
+- Bisitahin ang mga opisyal na website ng 2-3 na mga lengguwaheng nakatawag-pansin sa iyo. Bawat isa ay may kanya-kanyang personalidad at kwento!
+- Subukan ang ilang online coding playgrounds tulad ng [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), o [Replit](https://replit.com/). Huwag matakot mag-eksperimento – hindi mo masisira ang kahit ano!
+- Basahin kung paano nagsimula ang iyong paboritong lengguwahe. Talaga, ang ilan sa mga kwento ng pinagmulan ay kawili-wili at makakatulong sa iyo na maunawaan kung bakit gumagana ang mga lengguwahe sa ganoong paraan.
 
-**Sanayin ang sarili sa mga bagong tools:**
-- I-download ang Visual Studio Code kung hindi mo pa nagagawa – libre ito at magugustuhan mo ito!
-- Maglaan ng ilang minuto para mag-browse sa Extensions marketplace. Para itong app store para sa iyong code editor!
-- Buksan ang Developer Tools ng iyong browser at mag-click-click lang. Huwag mag-alala kung hindi mo pa naiintindihan ang lahat – magpakilala ka lang sa kung ano ang nandiyan.
+**Magsanay gamit ang mga bagong kagamitan:**
+- I-download ang Visual Studio Code kung hindi mo pa nagagawa – libre ito at tiyak na magugustuhan mo!
+- Maglaan ng ilang minuto sa pag-browse sa Extensions marketplace. Parang app store ito para sa iyong code editor!
+- Buksan ang Developer Tools ng iyong browser at mag-click-click lang. Huwag mag-alala kung hindi mo maintindihan lahat – maging pamilyar ka lang sa mga naroon.
 
 **Sumali sa komunidad:**
-- Sundan ang ilang developer communities sa [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), o [GitHub](https://github.com/). Ang programming community ay sobrang welcoming sa mga baguhan!
-- Manood ng mga beginner-friendly coding videos sa YouTube. Maraming magagaling na creators na naaalala kung paano magsimula.
-- Isaalang-alang ang pagsali sa mga local meetups o online communities. Maniwala ka, mahilig tumulong ang mga developer sa mga baguhan!
+- Sundan ang ilang mga developer communities sa [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), o [GitHub](https://github.com/). Napaka-welcome ng komunidad ng programming sa mga bagong salta!
+- Manood ng mga beginner-friendly coding videos sa YouTube. Maraming mahusay na mga creator na naaalala kung ano ang maging nagsisimula pa lang.
+- Isaalang-alang ang pagsali sa mga lokal na meetups o online communities. Maniwala ka, gustong-gusto ng mga developer na tumulong sa mga bagong salta!
 
-> 🎯 **Pakinggan, ito ang gusto kong tandaan mo**: Hindi inaasahan na magiging coding wizard ka agad-agad! Sa ngayon, kinikilala mo pa lang ang kamangha-manghang mundo na magiging bahagi mo. Maglaan ng oras, mag-enjoy sa paglalakbay, at tandaan – bawat developer na hinahangaan mo ay minsan ding nasa eksaktong posisyon mo ngayon, excited at maaaring medyo nalilito. Normal lang yan, at ibig sabihin tama ang ginagawa mo!
+> 🎯 **Pakinggan, ito ang nais kong tandaan mo**: Hindi inaasahan na maging coding wizard ka agad-agad! Sa ngayon, nakikilala mo pa lang ang kahanga-hangang bagong mundong ito na papasukan mo. Huwag magmadali, sulitin ang paglalakbay, at tandaan – bawat developer na hinahangaan mo ay minsang nakaupo mismo kung saan ka naroon ngayon, masaya at baka medyo nala-loka pa. Normal iyon, at nangangahulugan na tama ang ginagawa mo!
 
 
 
-## Takdang-Aralin
+## Assignment
 
-[Pagbabasa ng Docs](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Kaunting tulong para sa iyong takdang-aralin**: Gustung-gusto kong makita kang mag-explore ng mga tools na hindi pa natin napag-uusapan! Iwasan ang mga editors, browsers, at command line tools na natalakay na natin – mayroong buong kamangha-manghang uniberso ng mga development tools na naghihintay na ma-discover. Hanapin ang mga actively maintained tools na may vibrant at helpful na communities (karaniwang may pinakamahusay na tutorials at supportive na tao kapag kailangan mo ng tulong).
+> 💡 **Isang maliit na paalala para sa iyong takdang-aralin**: Gustong-gusto kong makita kang magsaliksik ng ilang mga tool na hindi pa natin natalakay! I-skip muna ang mga editor, browser, at command line tools na napagusapan na natin – mayroong isang buong kamangha-manghang uniberso ng mga kahanga-hangang development tools na naghihintay lang na matuklasan. Maghanap ng mga aktibong pinapanatili at may buhay at tumutulong na komunidad (karaniwan silang may pinakamahusay na mga tutorial at pinakamatulungin na tao kapag ikaw ay natigil at kailangang humingi ng tulong).
 
 ---
 
-## 🚀 Timeline ng Iyong Programming Journey
+## 🚀 Ang Iyong Timeline sa Paglalakbay sa Programming
 
-### ⚡ **Ano ang Pwede Mong Gawin sa Susunod na 5 Minuto**
-- [ ] I-bookmark ang 2-3 programming language websites na nagustuhan mo
+### ⚡ **Mga Magagawa Mo sa Susunod na 5 Minuto**
+- [ ] I-bookmark ang 2-3 na mga website ng programming languages na nakatawag-pansin sa iyo
 - [ ] I-download ang Visual Studio Code kung hindi mo pa nagagawa
-- [ ] Buksan ang DevTools ng iyong browser (F12) at mag-click-click sa kahit anong website
+- [ ] Buksan ang DevTools ng iyong browser (F12) at mag-click sa kahit anong website
 - [ ] Sumali sa isang programming community (Dev.to, Reddit r/webdev, o Stack Overflow)
 
-### ⏰ **Ano ang Pwede Mong Makamit sa Loob ng Isang Oras**
-- [ ] Kumpletuhin ang post-lesson quiz at pag-isipan ang iyong mga sagot
-- [ ] I-set up ang VS Code gamit ang GitHub Copilot extension
-- [ ] Subukan ang "Hello World" example sa 2 magkaibang programming language online
-- [ ] Manood ng "Day in the Life of a Developer" video sa YouTube
-- [ ] Simulan ang iyong programming language detective work (mula sa challenge)
-
-### 📅 **Ang Iyong Pakikipagsapalaran sa Loob ng Isang Linggo**
-- [ ] Kumpletuhin ang takdang-aralin at mag-explore ng 3 bagong development tools
-- [ ] Sundan ang 5 developers o programming accounts sa social media
-- [ ] Subukan ang paggawa ng isang maliit na bagay sa CodePen o Replit (kahit "Hello, [Your Name]!")
-- [ ] Magbasa ng isang developer blog post tungkol sa coding journey ng isang tao
-- [ ] Sumali sa isang virtual meetup o manood ng programming talk
-- [ ] Simulan ang pag-aaral ng napiling language gamit ang online tutorials
-
-### 🗓️ **Ang Iyong Transformasyon sa Loob ng Isang Buwan**
-- [ ] Gumawa ng iyong unang maliit na proyekto (kahit simpleng webpage ay pwede!)
-- [ ] Mag-contribute sa isang open-source project (simulan sa documentation fixes)
-- [ ] Mag-mentor ng isang tao na nagsisimula pa lang sa programming journey
-- [ ] Gumawa ng iyong developer portfolio website
-- [ ] Kumonekta sa mga local developer communities o study groups
+### ⏰ **Mga Magagawa Mo na Sa Isang Oras na Ito**
+- [ ] Tapusin ang post-lesson quiz at magmuni-muni sa iyong mga sagot
+- [ ] I-setup ang VS Code gamit ang extension na GitHub Copilot
+- [ ] Subukan ang isang "Hello World" na halimbawa sa 2 magkaibang programming languages online
+- [ ] Manood ng video na "Day in the Life of a Developer" sa YouTube
+- [ ] Simulan ang iyong pagtuklas sa programming language (mula sa hamon)
+
+### 📅 **Iyong Linggong Pakikipagsapalaran**
+- [ ] Tapusin ang takdang-aralin at tuklasin ang 3 bagong development tools
+- [ ] Sundan ang 5 developer o programming accounts sa social media
+- [ ] Subukang gumawa ng maliit na proyekto sa CodePen o Replit (kahit "Hello, [Your Name]!" lang!)
+- [ ] Basahin ang isang developer blog post tungkol sa paglalakbay ng isang programmer
+- [ ] Sumali sa virtual meetup o manood ng programming talk
+- [ ] Simulan ang pag-aaral ng napiling lengguwahe gamit ang mga online tutorials
+
+### 🗓️ **Buwanang Pagbabago Mo**
+- [ ] Gumawa ng iyong unang maliit na proyekto (kahit simpleng webpage lang!)
+- [ ] Mag-ambag sa isang open-source project (simulan sa mga dokumentasyon)
+- [ ] Mag-mentor ng isang taong nagsisimula pa lang sa programming
+- [ ] Gumawa ng portfolio website para sa developer mo
+- [ ] Kumonekta sa mga lokal na komunidad ng developer o study groups
 - [ ] Simulan ang pagpaplano ng iyong susunod na learning milestone
 
-### 🎯 **Final Reflection Check-in**
+### 🎯 **Panghuling Pagmumuni-muni**
 
-**Bago ka magpatuloy, maglaan ng sandali para magdiwang:**
-- Ano ang isang bagay tungkol sa programming na nagpasaya sa iyo ngayong araw?
-- Aling tool o konsepto ang gusto mong i-explore muna?
-- Ano ang nararamdaman mo tungkol sa pagsisimula ng programming journey na ito?
+**Bago ka magpatuloy, maglaan ng sandali upang magdiwang:**
+- Ano ang isa sa mga bagay tungkol sa programming na nagpasiya sa iyo ngayon?
+- Anong tool o konsepto ang gusto mong tuklasin muna?
+- Paano ang pakiramdam mo tungkol sa pagsisimula ng paglalakbay na ito sa programming?
 - Ano ang isang tanong na gusto mong itanong sa isang developer ngayon?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
+    title Ang Iyong Paglalakbay sa Pagpapalakas ng Kumpiyansa
+    section Ngayon
+      Mausisa: 3: You
+      Nawala sa Lakas ng Damdamin: 4: You
       Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    section Sa Linggong Ito
+      Nag-eeksplora: 4: You
+      Nag-aaral: 5: You
+      Nakikipag-ugnayan: 4: You
+    section Sa Susunod na Buwan
+      Nagtatayo: 5: You
+      Kumpiyansa: 5: You
+      Tumatulong sa Iba: 5: You
 ```
-
-> 🌟 **Tandaan**: Bawat eksperto ay minsang naging baguhan. Bawat senior developer ay minsang naramdaman ang eksaktong nararamdaman mo ngayon – excited, maaaring medyo nalilito, at tiyak na curious sa mga posibilidad. Nasa maganda kang kumpanya, at ang paglalakbay na ito ay magiging kamangha-mangha. Maligayang pagdating sa kahanga-hangang mundo ng programming! 🎉
+> 🌟 **Tandaan**: Bawat eksperto ay minsang nagsimula bilang baguhan. Bawat senior developer ay minsang naramdaman ang eksaktong nararamdaman mo ngayon – excited, maaaring medyo natalo, at siguradong mausisa tungkol sa mga posibleng gawin. Kasama ka sa kahanga-hangang grupo, at ang paglalakbay na ito ay magiging pambihira. Maligayang pagdating sa kahanga-hangang mundo ng programming! 🎉
 
 ---
 
-**Paunawa**:  
-Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagama't sinisikap naming maging tumpak, mangyaring tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na mapagkakatiwalaang pinagmulan. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na dulot ng paggamit ng pagsasaling ito.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Pahayag ng Pagsuway**:
+Ang dokumentong ito ay naisalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat nagsusumikap kami para sa katumpakan, pakitandaan na ang awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o di-tumpak na bahagi. Ang orihinal na dokumento sa kanyang sariling wika ang dapat ituring na pangunahing sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tl/AGENTS.md b/translations/tl/AGENTS.md
index 8bb8b073c..352b50bbe 100644
--- a/translations/tl/AGENTS.md
+++ b/translations/tl/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Project Overview
 
-Ito ay isang repositoryo ng edukasyonal na kurikulum para sa pagtuturo ng mga pundasyon ng web development sa mga baguhan. Ang kurikulum ay isang komprehensibong 12-linggong kurso na binuo ng Microsoft Cloud Advocates, na nagtatampok ng 24 na praktikal na mga aralin na sumasaklaw sa JavaScript, CSS, at HTML.
+Ito ay isang edukasyonal na curriculum repository para sa pagtuturo ng mga pundasyon ng web development sa mga nagsisimula. Ang curriculum ay isang komprehensibong 12-linggong kurso na binuo ng Microsoft Cloud Advocates, na nagtatampok ng 24 na praktikal na mga aralin na sumasaklaw sa JavaScript, CSS, at HTML.
 
 ### Key Components
 
-- **Educational Content**: 24 na nakaayos na mga aralin na organisado sa mga module na nakabase sa proyekto
+- **Educational Content**: 24 na nakaayos na aralin na pinaghihiwalay sa mga proyekto
 - **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, at AI Chat Assistant
-- **Interactive Quizzes**: 48 mga pagsusulit na may tig-3 tanong bawat isa (pagsusuri bago/pagkatapos ng aralin)
-- **Multi-language Support**: Automated na pagsasalin para sa 50+ na mga wika gamit ang GitHub Actions
-- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para sa mga AI na proyekto)
+- **Interactive Quizzes**: 48 na pagsusulit na may tig-3 tanong bawat isa (pre/post-lesson na pagtatasa)
+- **Multi-language Support**: Awtomatikong pagsasalin para sa mahigit 50 na mga wika gamit ang GitHub Actions
+- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (para sa AI na mga proyekto)
 
 ### Architecture
 
-- Repositoryo ng edukasyonal na may istrukturang nakabase sa aralin
+- Educational repository na may istrakturang nakabase sa aralin
 - Bawat folder ng aralin ay naglalaman ng README, mga halimbawa ng code, at mga solusyon
-- Mga standalone na proyekto sa magkakahiwalay na direktoryo (quiz-app, iba't ibang mga proyekto ng aralin)
+- Nakahiwalay na mga proyekto sa magkakahiwalay na direktoryo (quiz-app, iba't ibang aralin na proyekto)
 - Sistema ng pagsasalin gamit ang GitHub Actions (co-op-translator)
-- Dokumentasyon na sinuserve gamit ang Docsify at available bilang PDF
+- Dokumentasyon na hinahatid sa pamamagitan ng Docsify at makukuha bilang PDF
 
 ## Setup Commands
 
-Ang repositoryong ito ay pangunahing para sa pagkonsumo ng edukasyonal na nilalaman. Para magtrabaho sa mga partikular na proyekto:
+Ang repositoryong ito ay pangunahing para sa pagkonsumo ng edukasyonal na nilalaman. Para sa pagtatrabaho sa mga partikular na proyekto:
 
 ### Main Repository Setup
 
@@ -37,7 +37,7 @@ cd Web-Dev-For-Beginners
 cd quiz-app
 npm install
 npm run dev        # Simulan ang development server
-npm run build      # I-build para sa produksyon
+npm run build      # Gumawa para sa produksyon
 npm run lint       # Patakbuhin ang ESLint
 ```
 
@@ -56,7 +56,7 @@ npm run format     # I-format gamit ang Prettier
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Sundin ang mga partikular na tagubilin sa pag-load ng extension para sa browser
+# Sundin ang mga tagubilin sa pag-load ng extension na partikular sa browser
 ```
 
 ### Space Game Projects
@@ -72,37 +72,37 @@ npm install
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# Itakda ang GITHUB_TOKEN na variable ng kapaligiran
+# Itakda ang environment variable na GITHUB_TOKEN
 python api.py
 ```
 
 ## Development Workflow
 
-### For Content Contributors
+### Para sa mga Nagbibigay ng Nilalaman
 
-1. **I-fork ang repositoryo** sa iyong GitHub account
-2. **I-clone ang iyong fork** nang lokal
+1. **I-fork ang repository** sa iyong GitHub account
+2. **I-clone ang iyong fork** sa lokal na makina
 3. **Gumawa ng bagong branch** para sa iyong mga pagbabago
-4. Gawin ang mga pagbabago sa nilalaman ng aralin o mga halimbawa ng code
-5. Subukan ang anumang mga pagbabago sa code sa mga kaukulang direktoryo ng proyekto
-6. Mag-submit ng pull requests ayon sa mga panuntunan ng kontribusyon
+4. Gumawa ng mga pagbabago sa nilalaman ng aralin o mga halimbawa ng code
+5. Subukan ang anumang mga pagbabago sa code sa mga kaugnay na direktoryo ng proyekto
+6. Mag-submit ng pull requests ayon sa mga gabay sa kontribusyon
 
-### For Learners
+### Para sa mga Nag-aaral
 
-1. I-fork o i-clone ang repositoryo
+1. Mag-fork o mag-clone ng repository
 2. Pumunta sa mga direktoryo ng aralin nang sunud-sunod
 3. Basahin ang mga README file para sa bawat aralin
-4. Kumpletuhin ang pre-lesson quizzes sa https://ff-quizzes.netlify.app/web/
-5. Trabahuhin ang mga halimbawa ng code sa mga folder ng aralin
-6. Kumpletuhin ang mga assignments at challenges
-7. Sagutan ang post-lesson quizzes
+4. Kumpletuhin ang mga pre-lesson quiz sa https://ff-quizzes.netlify.app/web/
+5. Trabahuin ang mga halimbawa ng code sa mga folder ng aralin
+6. Kumpletuhin ang mga takdang-aralin at hamon
+7. Sagutan ang mga post-lesson quiz
 
 ### Live Development
 
 - **Dokumentasyon**: Patakbuhin ang `docsify serve` sa root (port 3000)
-- **Quiz App**: Patakbuhin ang `npm run dev` sa direktoryo ng quiz-app
+- **Quiz App**: Patakbuhin ang `npm run dev` sa quiz-app directory
 - **Mga Proyekto**: Gamitin ang VS Code Live Server extension para sa mga HTML na proyekto
-- **API Projects**: Patakbuhin ang `npm start` sa mga kaukulang API na direktoryo
+- **API Projects**: Patakbuhin ang `npm start` sa kani-kaniyang API directories
 
 ## Testing Instructions
 
@@ -110,82 +110,82 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # Suriin ang mga isyu sa istilo ng code
-npm run build      # Tiyaking matagumpay ang build
+npm run lint       # Suriin ang mga isyu sa estilo ng code
+npm run build      # Tiyakin na matagumpay ang build
 ```
 
 ### Bank API Testing
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Suriin para sa mga isyu sa estilo ng code
+npm run lint       # Suriin ang mga isyu sa estilo ng code
 node server.js     # Tiyakin na nagsisimula ang server nang walang mga error
 ```
 
-### General Testing Approach
+### Pangkalahatang Paraan ng Pagsubok
 
-- Ito ay isang edukasyonal na repositoryo na walang komprehensibong automated na mga pagsubok
+- Ito ay isang edukasyonal na repository na walang komprehensibong awtomatikong pagsusuri
 - Ang manu-manong pagsusuri ay nakatuon sa:
-  - Ang mga halimbawa ng code ay tumatakbo nang walang mga error
-  - Gumagana nang tama ang mga link sa dokumentasyon
-  - Nakumpleto nang matagumpay ang build ng mga proyekto
-  - Sumusunod ang mga halimbawa sa mga pinakamahusay na kasanayan
+  - Pagpapatakbo ng mga halimbawa ng code nang walang error
+  - Tamang pagtatrabaho ng mga link sa dokumentasyon
+  - Matiyak ang matagumpay na pagbuo ng proyekto
+  - Pagsunod ng mga halimbawa sa pinakamahusay na praktis
 
-### Pre-submission Checks
+### Mga Pagsusuri Bago Mag-submit
 
 - Patakbuhin ang `npm run lint` sa mga direktoryong may package.json
-- Suriin ang mga markdown link kung valid
+- Siguraduhin na valid ang mga markdown link
 - Subukan ang mga halimbawa ng code sa browser o Node.js
-- Siguraduhing ang mga pagsasalin ay may tamang istruktura
+- Suriin na nananatili ang tamang istraktura sa mga pagsasalin
 
 ## Code Style Guidelines
 
 ### JavaScript
 
 - Gumamit ng modernong ES6+ na sintaks
-- Sundin ang mga karaniwang ESLint na configuration na ibinigay sa mga proyekto
+- Sundin ang karaniwang ESLint na mga konfigurasyon na ibinigay sa mga proyekto
 - Gumamit ng makahulugang mga pangalan ng variable at function para sa kalinawan ng edukasyon
-- Magdagdag ng mga komento na nagpapaliwanag ng mga konsepto para sa mga nag-aaral
-- I-format gamit ang Prettier kung ito ay naka-configure
+- Magdagdag ng mga paliwanag na komentaryo para sa mga nag-aaral
+- I-format gamit ang Prettier kung naka-konfigure
 
 ### HTML/CSS
 
-- Mga semantikong HTML5 na elemento
-- Mga prinsipyo ng responsive na disenyo
-- Malinaw na mga konbensiyon sa pag-ninilay ng klase
-- Mga komento na nagpapaliwanag ng mga teknik sa CSS para sa mga nag-aaral
+- Semantic na mga elemento ng HTML5
+- Mga prinsipyong responsive design
+- Malinaw na naming ng klase
+- Mga komentaryong nagpapaliwanag ng mga teknik sa CSS para sa mga nag-aaral
 
 ### Python
 
-- Mga patnubay sa istilo ng PEP 8
+- Mga PEP 8 na gabay sa estilo
 - Malinaw, edukasyonal na mga halimbawa ng code
-- Mga type hint kung nakakatulong sa pagkatuto
+- Type hints kung kinakailangan para sa pag-aaral
 
 ### Markdown Documentation
 
-- Malinaw na hierarkiya ng mga heading
-- Mga code block na may pagtukoy ng wika
-- Mga link sa karagdagang mga mapagkukunan
-- Mga screenshot at mga imahe sa mga direktoryong `images/`
+- Malinaw na hierarchy ng mga heading
+- Mga code block na may espesipikasyon ng wika
+- Mga link sa karagdagang mga sanggunian
+- Mga screenshot at imahe sa mga direktoryong `images/`
 - Alt text para sa mga imahe para sa accessibility
 
-### File Organization
+### Organisasyon ng File
 
-- Mga aralin na inanumero nang sunud-sunod (1-getting-started-lessons, 2-js-basics, atbp.)
-- Bawat proyekto ay may `solution/` at kadalasang `start/` o `your-work/` na mga direktoryo
-- Mga imahe na iniimbak sa mga lesson-specific na `images/` folder
-- Mga pagsasalin sa istrukturang `translations/{language-code}/`
+- Ang mga aralin ay may sunud-sunod na bilang (1-getting-started-lessons, 2-js-basics, atbp.)
+- Bawat proyekto ay may `solution/` at madalas may `start/` o `your-work/` na mga direktoryo
+- Mga imahe ay nakaimbak sa mga lesson-specific na `images/` folder
+- Mga pagsasalin ay nasa `translations/{language-code}/` na istraktura
 
 ## Build and Deployment
 
 ### Quiz App Deployment (Azure Static Web Apps)
 
-Ang quiz-app ay naka-configure para sa Azure Static Web Apps na deployment:
+Ang quiz-app ay naka-konfigura para sa Azure Static Web Apps deployment:
 
 ```bash
 cd quiz-app
-npm run build      # Lumilikha ng dist/ na folder
-# Nagde-deploy gamit ang GitHub Actions workflow sa push sa main
+npm run build      # Lumilikha ng folder na dist/
+# Naglalaan gamit ang GitHub Actions workflow sa pag-push sa main
 ```
 
 Azure Static Web Apps configuration:
@@ -197,86 +197,86 @@ Azure Static Web Apps configuration:
 
 ```bash
 npm install                    # I-install ang docsify-to-pdf
-npm run convert               # Gumawa ng PDF mula sa mga docs
+npm run convert               # Gumawa ng PDF mula sa docs
 ```
 
 ### Docsify Documentation
 
 ```bash
-npm install -g docsify-cli    # I-install ang Docsify nang pangkalahatan
+npm install -g docsify-cli    # I-install ang Docsify sa buong sistema
 docsify serve                 # I-serve sa localhost:3000
 ```
 
 ### Project-specific Builds
 
-Bawat direktoryo ng proyekto ay maaaring may sarili nitong build process:
-- Mga Vue na proyekto: `npm run build` ay lumilikha ng production bundles
-- Mga static na proyekto: Walang build step, direktang i-serve ang mga files
+Maaaring may sariling build process ang bawat direktoryo ng proyekto:
+- Vue projects: `npm run build` ay lumilikha ng production bundles
+- Static projects: Walang build step, diretso na pag-serve ng mga file
 
 ## Pull Request Guidelines
 
 ### Title Format
 
-Gumamit ng malinaw, deskriptibong mga pamagat na naglalarawan sa bahagi ng pagbabago:
-- `[Quiz-app] Magdagdag ng bagong quiz para sa aralin X`
-- `[Lesson-3] Ayusin ang typo sa terrarium project`
-- `[Translation] Magdagdag ng pagsasalin sa Spanish para sa aralin 5`
-- `[Docs] I-update ang mga tagubilin sa setup`
+Gumamit ng malinaw, nakapagsasaysay na mga pamagat na nagpapakita ng bahagi ng pagbabago:
+- `[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
 
-Bago magsumite ng PR:
+Bago mag-submit ng PR:
 
-1. **Kalidad ng Code**:
-   - Patakbuhin ang `npm run lint` sa mga naapektuhang direktoryo ng proyekto
-   - Ayusin lahat ng linting errors at warnings
+1. **Code Quality**:
+   - Patakbuhin ang `npm run lint` sa mga apektadong direktoryo ng proyekto
+   - Ayusin ang lahat ng linting errors at warnings
 
-2. **Pag-verify ng Build**:
+2. **Build Verification**:
    - Patakbuhin ang `npm run build` kung naaangkop
-   - Siguraduhin walang error sa build
+   - Siguraduhing walang error sa build
 
-3. **Pagpapatunay ng Link**:
+3. **Link Validation**:
    - Subukan lahat ng markdown links
    - Siguraduhin gumagana ang mga image references
 
-4. **Pagsusuri ng Nilalaman**:
-   - Basahin para sa spelling at grammar
-   - Siguraduhin tama ang mga halimbawa ng code at edukasyonal
-   - I-verify na ang mga pagsasalin ay nagpapanatili ng orihinal na kahulugan
+4. **Content Review**:
+   - I-proofread para sa spelling at grammar
+   - Siguraduhing tama at edukasyonal ang mga sample code
+   - Tingnan na ang mga pagsasalin ay nananatili ang orihinal na kahulugan
 
 ### Contribution Requirements
 
-- Sumang-ayon sa Microsoft CLA (automated na tseke sa unang PR)
-- Sundin ang [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Tingnan ang [CONTRIBUTING.md](./CONTRIBUTING.md) para sa detalyadong mga gabay
-- I-reference ang mga numero ng isyu sa PR description kung naaangkop
+- Sumang-ayon sa Microsoft CLA (awtomatikong tseke sa unang PR)
+- Sundan ang [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Tingnan ang [CONTRIBUTING.md](./CONTRIBUTING.md) para sa detalyadong gabay
+- Ilahad ang mga numero ng isyu sa deskripsyon ng PR kung naaangkop
 
 ### Review Process
 
-- Ang mga PR ay nirerebyu ng mga maintainer at komunidad
-- Pinapangunahan ang kalinawan sa edukasyon
-- Dapat sundin ng mga halimbawa ng code ang kasalukuyang mga pinakamahusay na kasanayan
-- Ang mga pagsasalin ay sinusuri para sa katumpakan at angkop na kultura
+- Ang mga PR ay nirerepaso ng mga maintainers at ng komunidad
+- Pinag-iibayo ang kalinawan sa edukasyon
+- Ang mga halimbawa ng code ay dapat sumunod sa kasalukuyang pinakamahusay na praktis
+- Ang mga pagsasalin ay nirerepaso para sa katumpakan at angkop na kultura
 
 ## Translation System
 
 ### Automated Translation
 
-- Gumagamit ng GitHub Actions kasama ang co-op-translator workflow
-- Nagsasalin sa 50+ na mga wika nang awtomatiko
-- Mga source file sa mga pangunahing direktoryo
-- Mga naisaling file sa `translations/{language-code}/` na mga direktoryo
+- Gumagamit ng GitHub Actions na may co-op-translator workflow
+- Sinasalin sa mahigit 50 na mga wika nang awtomatiko
+- Mga source file ay nasa pangunahing mga direktoryo
+- Mga isinaling file ay nasa `translations/{language-code}/` na mga direktoryo
 
 ### Adding Manual Translation Improvements
 
 1. Hanapin ang file sa `translations/{language-code}/`
-2. Gawin ang mga pagpapabuti habang pinapanatili ang istruktura
+2. Gawin ang mga pagpapabuti habang pinapanatili ang istraktura
 3. Siguraduhing gumagana pa rin ang mga halimbawa ng code
-4. Subukan ang anumang lokal na content ng quiz
+4. Subukan ang anumang lokal na nilalaman ng quiz
 
 ### Translation Metadata
 
-Ang mga naisaling file ay may metadata header:
+Ang mga isinaling file ay may metadata header:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -294,115 +294,115 @@ CO_OP_TRANSLATOR_METADATA:
 ### Common Issues
 
 **Hindi nagsisimula ang quiz app**:
-- Suriin ang Node.js version (inirerekomenda v14+)
-- I-delete ang `node_modules` at `package-lock.json`, patakbuhin muli ang `npm install`
-- Suriin kung may conflict sa port (default: Vite gumagamit ng port 5173)
+- Suriin ang bersyon ng Node.js (v14+ ang inirerekomenda)
+- Burahin ang `node_modules` at `package-lock.json`, pagkatapos ay patakbuhin ulit ang `npm install`
+- Tsek ang mga port conflict (default: Vite ay gumagamit ng port 5173)
 
 **Hindi nagsisimula ang API server**:
-- Siguraduhing ang Node.js version ay hindi bababa sa (node >=10)
-- Suriin kung ginagamit na ang port
-- Tiyaking naka-install lahat ng dependencies gamit ang `npm install`
+- Tiyakin ang bersyon ng Node.js ay naaabot ang minimum (node >=10)
+- Tsek kung ginagamit na ang port
+- Siguraduhing naka-install lahat ng dependencies gamit ang `npm install`
 
 **Hindi naglo-load ang browser extension**:
-- Suriin kung maayos ang format ng manifest.json
-- Tingnan ang console ng browser para sa mga error
-- Sundin ang mga tagubilin sa pag-install ng extension para sa partikular na browser
+- Tiyakin na ang manifest.json ay wastong na-format
+- Suriin ang browser console para sa mga error
+- Sundan ang mga browser-specific na panuto sa pag-install ng extension
 
 **Mga isyu sa Python chat project**:
 - Siguraduhing naka-install ang OpenAI package: `pip install openai`
-- Siguraduhing nakaset ang GITHUB_TOKEN environment variable
-- Suriin ang mga pahintulot sa pag-access ng GitHub Models
+- Tiyakin na naka-set ang environment variable na GITHUB_TOKEN
+- Tsek ang permissions para sa GitHub Models access
 
-**Hindi nagseserbisyo ang Docsify ng dokumento**:
+**Hindi nagseserbisyo ang Docsify ng docs**:
 - I-install ang docsify-cli globally: `npm install -g docsify-cli`
-- Patakbuhin mula sa root directory ng repositoryo
-- Suriin kung umiiral ang `docs/_sidebar.md`
+- Patakbuhin mula sa root directory ng repository
+- Suriin na umiiral ang `docs/_sidebar.md`
 
 ### Development Environment Tips
 
-- Gamitin ang VS Code kasama ang Live Server extension para sa mga HTML na proyekto
-- I-install ang ESLint at Prettier extensions para sa pare-parehong pag-format
-- Gamitin ang browser DevTools para sa debugging ng JavaScript
-- Para sa mga Vue na proyekto, i-install ang Vue DevTools na extension ng browser
+- Gamitin ang VS Code na may Live Server extension para sa mga HTML na proyekto
+- Mag-install ng ESLint at Prettier extensions para sa consistent na formatting
+- Gamitin ang browser DevTools para i-debug ang JavaScript
+- Para sa Vue projects, mag-install ng Vue DevTools browser extension
 
 ### Performance Considerations
 
-- Malaking bilang ng mga naisaling file (50+ na mga wika) ay nangangahulugan na malalaki ang mga full clone
+- Maraming isinaling file (mahigit 50 na wika) kaya malalaki ang full clones
 - Gamitin ang shallow clone kung content lang ang pinagtatrabahuhan: `git clone --depth 1`
-- I-exclude ang mga pagsasalin mula sa mga paghahanap kapag nagtatrabaho sa English content
-- Maaaring mabagal ang build process sa unang patakbo (npm install, Vite build)
+- I-exclude ang mga pagsasalin sa mga paghahanap kapag nagtatrabaho sa English content
+- Ang mga build process ay maaaring mabagal sa unang run (npm install, Vite build)
 
 ## Security Considerations
 
 ### Environment Variables
 
-- Hindi dapat i-commit ang API keys sa repositoryo
-- Gumamit ng `.env` files (na nakalista na sa `.gitignore`)
-- Idokumento ang mga kinakailangang environment variable sa mga README ng proyekto
+- Huwag kailanman i-commit ang API keys sa repository
+- Gamitin ang `.env` files (nasa `.gitignore` na)
+- I-dokumento ang mga kinakailangang environment variables sa project README
 
 ### Python Projects
 
 - Gumamit ng virtual environments: `python -m venv venv`
 - Panatilihing updated ang mga dependencies
-- Ang mga GitHub token ay dapat may minimal na kinakailangang mga permiso
+- Ang mga GitHub token ay dapat may pinakamababang kinakailangang permiso
 
 ### GitHub Models Access
 
 - Kinakailangan ang Personal Access Tokens (PAT) para sa GitHub Models
-- Dapat itago ang mga token bilang environment variables
+- Ang mga token ay dapat itago bilang environment variables
 - Huwag kailanman i-commit ang mga token o credentials
 
 ## Additional Notes
 
 ### Target Audience
 
-- Ganap na mga baguhan sa web development
+- Ganap na mga nagsisimula sa web development
 - Mga estudyante at self-learners
-- Mga guro na gumagamit ng kurikulum sa mga klase
-- Ang nilalaman ay idinisenyo para sa accessibility at unti-unting pagbuo ng kasanayan
+- Mga guro na gumagamit ng curriculum sa mga silid-aralan
+- Ang nilalaman ay dinisenyo para sa accessibility at unti-unting pagbuo ng kasanayan
 
 ### Educational Philosophy
 
 - Project-based learning approach
-- Madalas na pagsusuri ng kaalaman (quizzes)
-- Hands-on na ehersisyo sa pagsusulat ng code
+- Madalas na mga pagsusuri ng kaalaman (quizzes)
+- Praktikal na hands-on coding exercises
 - Mga halimbawa ng aplikasyon sa tunay na mundo
-- Pokus sa mga pundasyon bago dumako sa mga frameworks
+- Pokus sa mga pundasyon bago ang mga framework
 
 ### Repository Maintenance
 
-- Aktibong komunidad ng mga nag-aaral at kontribyutor
-- Regular na update sa mga dependencies at nilalaman
-- Mga isyu at diskusyon ay minomonitor ng mga maintainer
-- Awtomatikong update sa pagsasalin sa pamamagitan ng GitHub Actions
+- Aktibong komunidad ng mga nag-aaral at mga kontribyutor
+- Regular na pag-update ng mga dependencies at nilalaman
+- Isyu at diskusyon ay minomonitor ng mga maintainers
+- Awtonomong update ng pagsasalin gamit ang GitHub Actions
 
 ### Related Resources
 
 - [Microsoft Learn modules](https://docs.microsoft.com/learn/)
 - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
-- Inirerekomenda para sa mga nag-aaral ang [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
-- Karagdagang mga kurso: Generative AI, Data Science, ML, IoT curricula available
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) na inirerekomenda para sa mga nag-aaral
+- Karagdagang mga kurso: Generative AI, Data Science, ML, IoT curricula ay available
 
 ### Working with Specific Projects
 
-Para sa mga detalyadong tagubilin sa mga indibidwal na proyekto, tingnan ang mga README file sa:
-- `quiz-app/README.md` - Vue 3 quiz application
+Para sa detalyadong mga panuto para sa bawat proyekto, tingnan ang mga README files sa:
+- `quiz-app/README.md` - Vue 3 na quiz application
 - `7-bank-project/README.md` - Banking application na may authentication
-- `5-browser-extension/README.md` - Pag-develop ng browser extension
-- `6-space-game/README.md` - Pag-develop ng laro gamit ang Canvas
+- `5-browser-extension/README.md` - Development ng browser extension
+- `6-space-game/README.md` - Canvas-based na development ng laro
 - `9-chat-project/README.md` - AI chat assistant project
 
 ### Monorepo Structure
 
-Bagaman hindi isang tradisyunal na monorepo, ang repositoryong ito ay naglalaman ng maraming independiyenteng proyekto:
+Bagaman hindi isang tradisyunal na monorepo, ang repositoryong ito ay naglalaman ng maraming malalayang proyekto:
 - Ang bawat aralin ay self-contained
 - Hindi nagbabahagi ng dependencies ang mga proyekto
-- Maaaring magtrabaho sa mga indibidwal na proyekto nang hindi naaapektuhan ang iba
-- I-clone ang buong repo para sa buong karanasan sa kurikulum
+- Maaaring magtrabaho sa mga indibiduwal na proyekto nang hindi naaapektuhan ang iba
+- I-clone ang buong repo para sa buong karanasan ng curriculum
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Paalala**:  
-Ang dokumentong ito ay isinalin gamit ang serbisyong AI na pagsasalin na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat nagsusumikap kami para sa katumpakan, pakatandaan na ang awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o di-katumpakan. Ang orihinal na dokumento sa kanyang likas na wika ang dapat ituring na pangunahing sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito.
+**Pagtatangi**:
+Ang dokumentong ito ay isinalin gamit ang AI na serbisyo sa pagsasalin [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat sinisikap naming maging tumpak, pakatandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga error o hindi pagkakatugma. Ang orihinal na dokumento sa sariling wika nito ang dapat ituring na pangunahing sanggunian. Para sa mga mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tl/README.md b/translations/tl/README.md
index 8a7a38227..66069945d 100644
--- a/translations/tl/README.md
+++ b/translations/tl/README.md
@@ -1,190 +1,220 @@
-# Web Development para sa mga Nagsisimula - Isang Kurikulum
+[![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) 
 
-Matutunan ang mga pangunahing kaalaman sa web development sa aming 12-linggong komprehensibong kurso mula sa Microsoft Cloud Advocates. Bawat isa sa 24 na aralin ay sumisid sa JavaScript, CSS, at HTML sa pamamagitan ng mga hands-on na proyekto tulad ng terrariums, browser extensions, at space games. Makilahok sa mga pagsusulit, talakayan, at praktikal na mga gawain. Pagbutihin ang iyong mga kasanayan at i-optimize ang iyong pagkatuto gamit ang aming epektibong project-based pedagogy. Simulan ang iyong paglalakbay sa coding ngayon!
+[![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/)
+
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+
+# Pagsisimula sa Web Development - Isang Kurikulum
+
+Matutunan ang mga pundasyon ng web development sa aming 12-linggong komprehensibong kurso mula sa Microsoft Cloud Advocates. Bawat isa sa 24 na aralin ay sumisid sa JavaScript, CSS, at HTML sa pamamagitan ng mga hands-on na proyekto tulad ng terrariums, browser extensions, at space games. Makilahok sa mga pagsusulit, talakayan, at praktikal na gawain. Pahusayin ang iyong mga kakayahan at i-optimize ang pag-alala ng kaalaman gamit ang aming epektibong project-based pedagogy. Simulan ang iyong paglalakbay sa pag-coding ngayon!
 
 Sumali sa Azure AI Foundry Discord Community
 
-Sundin ang mga hakbang na ito upang makapagsimula gamit ang mga resources na ito:
-1. **I-fork ang Repositoryo**: I-click ang 
-2. **I-clone ang Repositoryo**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Sumali sa Azure AI Foundry Discord at makipagkita sa mga eksperto at kapwa developer**](https://discord.com/invite/ByRwuEEgH4)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-### 🌐 Multi-Language Support
+Sundin ang mga hakbang na ito para makapagsimula gamit ang mga resources na ito:
+1. **I-Fork ang Repository**: I-click ang [![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. **I-Clone ang Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Sumali sa Azure AI Foundry Discord at makilala ang mga eksperto at kapwa mga developer**](https://discord.com/invite/ByRwuEEgH4)
 
-#### Sinusuportahan sa pamamagitan ng GitHub Action (Awtomatiko at Palaging Napapanahon)
+### 🌐 Suporta para sa Maramihang Wika
 
-[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)](./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)
+#### Sinusuportahan sa pamamagitan ng GitHub Action (Automated at Palaging Napapanahon)
 
-> **Mas gusto mo bang Mag-clone Lokal?**
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](./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)
 
-> Kasama sa repositoryong ito ang 50+ na pagsasalin ng wika na malaki ang dagdag sa laki ng ida-download. Para mag-clone nang walang mga pagsasalin, gamitin ang sparse checkout:
+> **Mas gusto mo bang Mag-Clone Locally?**
+>
+> Ang repository na ito ay naglalaman ng 50+ na pagsasalin sa wika na nagpapalaki ng laki ng pag-download. Para mag-clone nang walang mga pagsasalin, gamitin ang 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'
 > ```
-> Bibigyan ka nito ng lahat ng kailangan mo upang matapos ang kurso nang mas mabilis ang pag-download.
+>
+> **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"
+> ```
+>
+> Binibigyan ka nito ng lahat ng kailangan mo para matapos ang kurso nang mas mabilis ang pag-download.
+<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Kung nais mong magkaroon ng karagdagang mga suportadong wika para sa pagsasalin, nakalista ito [dito](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Kung nais mo ng karagdagang mga suportadong wika ng pagsasalin ay naka-lista [dito](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)
 
 #### 🧑‍🎓 _Estudyante ka ba?_
 
-Bisitahin ang [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) kung saan makakahanap ka ng mga panimulang resources, Student packs, at pati mga paraan upang makakuha ng libreng voucher para sa sertipiko. Ito ang pahina na gusto mong i-bookmark at tingnan paminsan-minsan dahil nagpapalit-palit tayo ng nilalaman buwan-buwan.
+Bisitahin ang [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) kung saan makikita mo ang mga panimulang resources, Student packs at pati na rin ang mga paraan para makakuha ng libreng certificate voucher. Ito ang pahina na dapat mong i-bookmark at balikan paminsan-minsan dahil buwan-buwan naming pinapalitan ang mga nilalaman.
 
-### 📣 Paunawa - Mga bagong hamon sa GitHub Copilot Agent mode na dapat tapusin!
+### 📣 Anunsyo - Bagong GitHub Copilot Agent mode challenges na dapat tapusin!
 
-May bagong hamon na idinagdag, hanapin ang "GitHub Copilot Agent Challenge 🚀" sa karamihan ng mga kabanata. Ito ay isang bagong hamon para sa iyo upang matapos gamit ang GitHub Copilot at Agent mode. Kung hindi mo pa nagamit ang Agent mode dati, kaya nitong hindi lang gumawa ng teksto kundi makatulong sa paggawa at pag-edit ng mga file, pagpapatakbo ng mga command, at marami pang iba.
+May bagong Challenge na idinagdag, hanapin ang "GitHub Copilot Agent Challenge 🚀" sa karamihan ng mga kabanata. Ito ay isang bagong hamon para sa iyo na tapusin gamit ang GitHub Copilot at Agent mode. Kung hindi mo pa nagamit ang Agent mode dati, kaya nitong hindi lang bumuo ng teksto kundi lumikha at mag-edit ng mga file, magpatakbo ng mga command at marami pang iba.
 
-### 📣 Paunawa - _Bagong Proyekto na gagawin gamit ang Generative AI_
+### 📣 Anunsyo - _Bagong Proyekto na gagawin gamit ang Generative AI_ 
 
-May bagong AI Assistant project na idinagdag, tingnan ito sa [proyekto](./9-chat-project/README.md)
+Kamakailan ay nadagdag ang bagong AI Assistant project, tingnan ito sa [proyekto](./9-chat-project/README.md)
 
-### 📣 Paunawa - _Bagong Kurikulum_ tungkol sa Generative AI para sa JavaScript ang bagong inilabas
+### 📣 Anunsyo - _Bagong Kurikulum_ sa Generative AI para sa JavaScript ay bagong inilabas na
 
 Huwag palampasin ang aming bagong Generative AI curriculum!
 
-Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) upang makapagsimula!
+Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para makapagsimula!
 
 ![Background](../../translated_images/tl/background.148a8d43afde5730.webp)
 
-- Mga aralin na sumasaklaw mula sa mga batayan hanggang RAG.
-- Makipag-ugnayan sa mga makasaysayang karakter gamit ang GenAI at ang aming companion app.
-- Masaya at nakakatuwang naratibo, ikaw ay magta-time travel!
+- Mga aralin na sumasaklaw mula sa mga batayan hanggang sa RAG.
+- Makipag-ugnayan sa mga makasaysayang tauhan gamit ang GenAI at ang kasama naming app.
+- Masaya at nakakaaliw na kwento, maglalakbay ka sa panahon!
 
 ![character](../../translated_images/tl/character.5c0dd8e067ffd693.webp)
 
-Bawat aralin ay may kasamang gawain na tapusin, isang knowledge check, at isang hamon upang gabayan ka sa pag-aaral ng mga paksang tulad ng:
-- Prompting at prompt engineering
-- Pagbuo ng mga text at image app
+
+Bawat aralin ay may kasamang gawain na dapat tapusin, pagsusulit sa kaalaman at hamon upang gabayan ka sa pag-aaral ng mga paksang tulad ng:
+- Pagbuo ng prompt at prompt engineering
+- Pagbuo ng apps para sa teksto at larawan
 - Search apps
 
-Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) upang makapagsimula!
+Bisitahin ang [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para makapagsimula!
 
-## 🌱 Pagsisimula
 
-> **Mga Guro**, mayroon kaming [ilang mga mungkahi](for-teachers.md) kung paano gamitin ang kurikulum na ito. Ikalulugod naming makatanggap ng inyong feedback [sa aming discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Mga Mag-aaral](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para sa bawat aralin, magsimula sa isang pre-lecture na pagsusulit at sundan ito sa pagbabasa ng materyal ng lektyur, pagtapos sa mga iba't ibang gawain, at pagsuri ng inyong pag-unawa sa post-lecture na pagsusulit.
+## 🌱 Paano Magsimula
 
-Para palalimin ang iyong karanasan sa pag-aaral, makipag-ugnayan sa iyong mga kaklase para sabay na magtrabaho sa mga proyekto! Inaanyayahan ang mga talakayan sa aming [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kung saan ang aming mga moderator ay handang sagutin ang iyong mga tanong.
+> **Guro**, mayroong kaming [ilang mga mungkahi](for-teachers.md) kung paano gamitin ang kurikulum na ito. Masaya kaming marinig ang iyong puna [sa aming discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-Para palawigin pa ang iyong edukasyon, mariin naming inirerekomenda ang pagtuklas sa [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para sa karagdagang mga materyales sa pag-aaral.
+**[Mga Mag-aaral](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, sa bawat aralin, simulan sa isang pre-lecture quiz at sundan ito sa pagbasa ng lecture material, pagtapos ng iba't ibang mga aktibidad at pagtsek ng iyong pag-unawa gamit ang post-lecture quiz.
 
-### 📋 Pag-set up ng iyong kapaligiran
+Para mapahusay ang iyong karanasan sa pag-aaral, makipag-ugnayan sa iyong mga kapwa mag-aaral upang magtrabaho sa mga proyekto nang magkakasama! Ang mga diskusyon ay hinihikayat sa aming [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) kung saan ang aming mga moderator ay nasa handang sumagot sa iyong mga tanong.
 
-Handa na ang development environment para sa kurikulum na ito! Sa pagsisimula mo, maaari mong piliing patakbuhin ang kurikulum sa isang [Codespace](https://github.com/features/codespaces/) (_isang browser-based, hindi na kailangan mag-install na kapaligiran_), o local sa iyong computer gamit ang isang text editor tulad ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Para lalong mapalawak ang iyong edukasyon, lubos naming inirerekomenda ang pag-explore sa [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) para sa karagdagang mga materyales sa pag-aaral.
+
+### 📋 Pagsasaayos ng iyong kapaligiran
+
+Ang kurikulum na ito ay may nakahandang development environment! Sa pag-simula, maaari kang pumili na patakbuhin ang kurikulum sa isang [Codespace](https://github.com/features/codespaces/) (_isang browser-based, hindi na kailangan ng install na environment_), o lokal sa iyong computer gamit ang text editor tulad ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Gumawa ng iyong repositoryo
-Para madali mong maisave ang iyong trabaho, inirerekomenda na gumawa ka ng sarili mong kopya ng repositoryong ito. Magagawa mo ito sa pamamagitan ng pag-click sa button na **Use this template** sa itaas ng pahina. Lilikha ito ng bagong repositoryo sa iyong GitHub account na may kopya ng kurikulum.
+Para madali mong masave ang iyong trabaho, inirerekomenda na gumawa ka ng sarili mong kopya ng repositoryo na ito. Maaari mong gawin ito sa pamamagitan ng pag-click sa button na **Use this template** sa itaas ng pahina. Lilikha ito ng bagong repositoryo sa iyong GitHub account na may kopya ng kurikulum.
 
 Sundin ang mga hakbang na ito:
-1. **I-fork ang Repositoryo**: I-click ang "Fork" button sa kanang itaas na bahagi ng pahinang ito.
-2. **I-clone ang Repositoryo**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **I-Fork ang Repository**: I-click ang "Fork" na button sa itaas-kanang bahagi ng pahinang ito.
+2. **I-Clone ang Repository**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Pagpapatakbo ng kurikulum sa isang Codespace
 
-Sa iyong kopya ng repositoryong nilikha mo, i-click ang **Code** button at piliin ang **Open with Codespaces**. Lilikha ito ng bagong Codespace para sa iyong trabahuhin.
+Sa kopya mo ng repositoryo na ginawa mo, i-click ang button na **Code** at piliin ang **Open with Codespaces**. Lilikha ito ng bagong Codespace para sa iyong trabaho.
 
 ![Codespace](../../translated_images/tl/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Pagpapatakbo ng kurikulum local sa iyong computer
-
-Para patakbuhin ang kurikulum na ito sa iyong computer, kakailanganin mo ang isang text editor, browser, at command line tool. Ang aming unang aralin, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ay gagabay sa'yo sa iba't ibang mga opsyon para sa bawat isa sa mga tool na ito upang makapili ka ng pinakaangkop para sa'yo.
+#### Pagpapatakbo ng kurikulum lokal sa iyong computer
 
-Inirerekumenda namin ang paggamit ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) bilang iyong editor, na may built-in ding [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Maaari mong i-download ang Visual Studio Code [dito](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Para mapatakbo ang kurikulum na ito lokal sa iyong computer, kakailanganin mo ng isang text editor, isang browser at isang command line tool. Ang unang aralin namin, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ay gagabay sa iyo sa iba't ibang mga opsyon para sa bawat isa sa mga ito upang mapili mo kung ano ang pinakamahusay para sa iyo.
 
-1. I-clone ang iyong repositoryo sa iyong computer. Maaari mo itong gawin sa pamamagitan ng pag-click sa **Code** button at pagkopya ng URL:
+Ang aming rekomendasyon ay gamitin ang [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) bilang editor mo, na may kasamang built-in na [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Maaari mong i-download ang Visual Studio Code [dito](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. I-clone ang iyong repositoryo sa iyong computer. Magagawa mo ito sa pamamagitan ng pag-click sa **Code** na button at pagkopya ng URL:
 
     [CodeSpace](./images/createcodespace.png)
+
     Pagkatapos, buksan ang [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) sa loob ng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) at patakbuhin ang sumusunod na utos, palitan ang `<your-repository-url>` ng URL na iyong kinopya:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Buksan ang folder sa Visual Studio Code. Maaari mong gawin ito sa pamamagitan ng pag-click sa **File** > **Open Folder** at pagpili sa folder na kaklone mo lang.
+2. Buksan ang folder sa Visual Studio Code. Magagawa mo ito sa pamamagitan ng pag-click sa **File** > **Open Folder** at pagpili ng folder na kaklone mo lang.
 
 
->  Inirerekomendang mga extension ng Visual Studio Code:
+>  Inirerekomendang mga extension sa Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para makita ang preview ng mga pahina ng HTML sa loob ng Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para makatulong sa mas mabilis na pagsulat ng code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - para i-preview ang mga HTML na pahina sa loob ng Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - para tulungan kang magsulat ng code nang mas mabilis
 
 ## 📂 Kasama sa bawat aralin:
 
 - opsyonal na sketchnote
-- opsyonal na karagdagang video
-- pre-lesson warmup quiz
+- opsyonal na dagdag na video
+- pre-lesson warmup na pagsusulit
 - nakasulat na aralin
-- para sa mga araling proyekto, hakbang-hakbang na gabay kung paano buuin ang proyekto
-- mga knowledge check
+- para sa mga araling nakabatay sa proyekto, mga hakbang-hakbang na gabay kung paano gawin ang proyekto
+- pagsusuri ng kaalaman
 - isang hamon
-- karagdagang babasahin
-- asignatura
+- dagdag na babasahin
+- takdang-aralin
 - [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-> **Isang paalala tungkol sa mga pagsusulit**: Lahat ng pagsusulit ay nilalaman sa folder ng Quiz-app, 48 kabuuang pagsusulit na may tig-tatlong tanong bawat isa. Available ang mga ito [dito](https://ff-quizzes.netlify.app/web/); ang quiz app ay maaaring patakbuhin nang lokal o i-deploy sa Azure; sundin ang mga tagubilin sa `quiz-app` folder.
+> **Tungkol sa mga pagsusulit**: Lahat ng mga pagsusulit ay nasa Quiz-app na folder, may kabuuang 48 pagsusulit na tig-tatlong tanong bawat isa. Makikita ang mga ito [dito](https://ff-quizzes.netlify.app/web/); ang quiz app ay maaaring patakbuhin nang lokal o ideploy sa Azure; sundin ang mga tagubilin sa `quiz-app` na folder.
 
 ## 🗃️ Mga Aralin
 
-|     |                       Pangalan ng Proyekto                       |                            Mga Konseptong Itinuro                             | Mga Layunin sa Pagkatuto                                                                                                                 |                                                         Kaugnay na Aralin                                                          |         May-akda          |
-| :-: | :--------------------------------------------------------------: | :-------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Pagsisimula                      |           Panimula sa Programming at Mga Kagamitan sa Industriya           | Matutunan ang mga pangunahing pundasyon sa likod ng karamihan sa mga programming language at tungkol sa software na tumutulong sa mga propesyonal na developer | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Pagsisimula                      |             Mga Batayan ng GitHub, kasama ang pagtatrabaho sa isang koponan             | Paano gamitin ang GitHub sa iyong proyekto, paano makipagtulungan sa iba sa isang code base                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+|     |                       Pangalan ng Proyekto                       |                            Mga Konsepto na Itinuturo                             | Mga Layunin sa Pagkatuto                                                                                                                 |                                                         Nauugnay na Aralin                                                          |         May Awtor          |
+| :-: | :---------------------------------------------------------------: | :------------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :------------------------: |
+| 01  |                     Pagsisimula                      |           Panimula sa Programming at Mga Kagamitan sa Trabaho           | Matutunan ang mga pangunahing pundasyon sa likod ng karamihan ng mga programming language at tungkol sa software na tumutulong sa mga propesyonal na developer sa kanilang trabaho | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Pagsisimula                      |             Mga Batayan ng GitHub, kasama ang pakikipagtulungan sa grupo             | Paano gamitin ang GitHub sa iyong proyekto, paano makipagtulungan sa iba sa isang code base                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
 | 03  |                     Pagsisimula                      |                             Accessibility                              | Matutunan ang mga batayan ng web accessibility                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Basics                         |                         Mga Uri ng Data sa JavaScript                          | Ang mga batayan ng mga uri ng data sa JavaScript                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Basics                         |                         Mga Function at Method                          | Matuto tungkol sa mga function at method upang pamahalaan ang daloy ng lohika ng isang aplikasyon                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                         |                        Paggawa ng mga Desisyon gamit ang JS                        | Matuto kung paano gumawa ng mga kondisyon sa iyong code gamit ang mga pamamaraan sa paggawa ng desisyon                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Basics                         |                            Arrays at Loops                            | Gamitin ang data gamit ang arrays at loops sa JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML sa Praktis                            | Bumuo ng HTML upang makalikha ng online terrarium, nakatuon sa pagbuo ng layout                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS sa Praktis                             | Bumuo ng CSS upang istilohan ang online terrarium, nakatuon sa mga batayan ng CSS kabilang ang paggawa ng pahina na tumutugon                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Bumuo ng JavaScript upang mag-fungsyon ang terrarium bilang isang drag/drop interface, nakatuon sa closures at DOM manipulation             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Bumuo ng Isang Typing Game                           | Matutunan kung paano gamitin ang mga event ng keyboard upang paandarin ang lohika ng iyong JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Paggawa sa mga Browser                          | Matutunan kung paano gumagana ang mga browser, ang kasaysayan nito, at kung paano mag-scaffold ng mga unang elemento ng isang browser extension                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Pagbuo ng form, pagtawag sa API at pag-iimbak ng mga variable sa local storage | Bumuo ng mga elemento ng JavaScript ng iyong browser extension upang tumawag ng API gamit ang mga variable na nakaimbak sa local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Mga background process sa browser, pagganap ng web          | Gamitin ang mga background process ng browser upang pamahalaan ang icon ng extension; alamin ang tungkol sa pagganap ng web at ilang mga optimisasyon upang mapabilis   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mas Advanced na Pagbuo ng Laro gamit ang JavaScript             | Matuto tungkol sa Inheritance gamit ang parehong Classes at Composition at ang Pub/Sub pattern, bilang paghahanda sa paggawa ng laro              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Pagguho sa canvas                            | Matuto tungkol sa Canvas API, na ginagamit upang mag-drawing ng mga elemento sa screen                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Paggalaw ng mga elemento sa paligid ng screen                    | Tuklasin kung paano nagkakaroon ng galaw ang mga elemento gamit ang cartesian coordinates at ang Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Pag-detect ng collision                           | Pahintulutan ang mga elemento na magbanggaan at mag-react sa isa't isa gamit ang keypresses at magbigay ng cooldown function upang matiyak ang pagganap ng laro    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Pagpapanatili ng puntos                              | Gawin ang mga kalkulasyon batay sa status ng laro at pagganap                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Pagtatapos at muling pagsisimula ng laro                     | Matutunan ang tungkol sa pagtatapos at muling pagsisimula ng laro, kabilang ang paglilinis ng mga asset at pag-reset ng mga variable values                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Mga HTML Template at Routing sa isang Web App                 | Matutunan kung paano lumikha ng scaffolding ng multipage website gamit ang routing at HTML template                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Bumuo ng Login at Registration Form                   | Matuto tungkol sa pagbuo ng mga form at paghawak ng mga validation routine                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                     Mga Paraan ng Pagkuha at Paggamit ng Datos                   | Paano dumadaloy ang datos papasok at palabas ng iyong app, paano ito kunin, i-imbak, at alisin                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Mga Konsepto ng State Management                      | Matutunan kung paano hinahawakan ng iyong app ang state at kung paano ito pamahalaan programmatically                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Paggamit ng VScode | Matutunang Gumamit ng code editor | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Paggamit ng AI | Matutong bumuo ng sariling AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
+| 04  |                        Mga Batayan ng JS                         |                         Mga Uri ng Datos sa JavaScript                          | Mga batayan ng mga uri ng datos sa JavaScript                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        Mga Batayan ng JS                         |                         Mga Function at Método                          | Matuto tungkol sa mga function at método upang pamahalaan ang daloy ng lohika ng aplikasyon                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine at Christopher |
+| 06  |                        Mga Batayan ng JS                         |                        Paggawa ng mga Desisyon gamit ang JS                        | Matutunan kung paano gumawa ng mga kundisyon sa iyong code gamit ang mga pamamaraan sa paggawa ng desisyon                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        Mga Batayan ng JS                         |                            Mga Arrays at Loops                            | Gumamit ng datos gamit ang mga array at loops sa JavaScript                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Praktis sa HTML                            | Buuhin ang HTML para gumawa ng online terrarium, na nakatuon sa paggawa ng layout                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Praktis sa CSS                             | Buuhin ang CSS para istayl ang online terrarium, na nakatuon sa mga batayan ng CSS kabilang ang paggawa ng responsive na pahina                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Closures, DOM manipulation                  | Buuhin ang JavaScript para gawing gumana ang terrarium bilang drag/drop interface, na nakatuon sa closures at DOM manipulation             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Gumawa ng Typing Game                           | Matutunan kung paano gamitin ang mga keyboard events upang patakbuhin ang lohika ng iyong JavaScript app                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Paggamit ng mga Browser                          | Matutunan kung paano gumagana ang mga browser, ang kasaysayan nito, at paano mag-scaffold ng mga unang elemento ng isang browser extension                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Paggawa ng form, pagtawag ng API at pag-iimbak ng mga variable sa local storage | Buuhin ang mga elemento ng JavaScript ng iyong browser extension upang tumawag ng API gamit ang mga variable na nakaimbak sa local storage                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Mga background process sa browser, performance ng web          | Gamitin ang mga background process ng browser para pamahalaan ang icon ng extension; matuto tungkol sa performance ng web at ilang optimizations para mapabuti   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Mas advanced na pag-develop ng laro gamit ang JavaScript             | Matuto tungkol sa Inheritance gamit parehong Classes at Composition at ang Pub/Sub pattern, bilang paghahanda sa paggawa ng laro              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Pagdibuho sa canvas                            | Matutunan ang Canvas API, na ginagamit sa pagguhit ng mga elemento sa screen                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Paggalaw ng mga elemento sa screen                    | Tuklasin kung paano nagkakaroon ng galaw ang mga elemento gamit ang cartesian coordinates at ang Canvas API                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Collision detection                           | Gawing magbanggaan at mag-react ang mga elemento sa isa't isa gamit ang keypresses at magbigay ng cooldown function para mapanatili ang performance ng laro    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Pagbantay ng score                              | Gawin ang mga kalkulasyon batay sa status at performance ng laro                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Pagtatapos at muling pagsisimula ng laro                     | Matutunan ang pagtatapos at muling pagsisimula ng laro, kabilang ang paglilinis ng mga asset at pag-reset ng mga halaga ng variable                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Mga HTML Template at Ruta sa isang Web App                 | Matutunan kung paano gumawa ng scaffold ng arkitektura ng isang multipage website gamit ang routing at mga HTML template                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Gumawa ng Login at Registration Form                   | Matutunan ang paggawa ng mga form at paghawak ng mga validation routines                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Mga Pamamaraan ng Pagkuha at Paggamit ng Datos                   | Paano dumadaloy ang mga datos papasok at palabas ng iyong app, paano ito kunin, imbakin, at itapon                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Mga Konsepto ng Pamamahala ng Estado                      | Matutunan kung paano pinapanatili ng iyong app ang estado at paano ito pamahalaan sa programmatic na paraan                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | Paggamit ng VScode | Matutunan kung paano Gamitin ang isang code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Paggamit ng AI | Matutunan kung paano gumawa ng sarili mong AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagohiya
 
-Ang aming kurikulum ay dinisenyo batay sa dalawang pangunahing prinsipyo sa pagtuturo:
+Ang aming kurikulum ay dinisenyo na may dalawang pangunahing prinsipyo sa pagtuturo:
 * pagkatuto batay sa proyekto
-* madalas na mga pagsusulit
-
-Itinuturo ng programa ang mga pundasyon ng JavaScript, HTML, at CSS, pati na rin ang mga pinakabagong kagamitan at teknik na ginagamit ng mga web developer ngayon. Magkakaroon ang mga estudyante ng pagkakataon na magkaroon ng praktikal na karanasan sa pamamagitan ng paggawa ng isang typing game, virtual terrarium, eco-friendly browser extension, laro gaya ng space invader, at isang banking app para sa mga negosyo. Sa pagtatapos ng serye, magkakaroon ang mga estudyante ng matibay na pang-unawa sa pag-develop ng web.
+* madalas na pagsusulit
 
-> 🎓 Maaari mong kunin ang mga unang aralin sa kurikulum na ito bilang [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sa Microsoft Learn!
+Itinuturo ng programa ang mga pundasyon ng JavaScript, HTML, at CSS, pati na rin ang mga pinakabagong kagamitan at teknik na ginagamit ng mga web developer sa kasalukuyan. Magkakaroon ang mga estudyante ng pagkakataon na magkaroon ng praktikal na karanasan sa pamamagitan ng paggawa ng isang typing game, virtual terrarium, eco-friendly browser extension, space-invader-style na laro, at isang banking app para sa mga negosyo. Sa pagtatapos ng serye, magkakaroon ang mga estudyante ng matibay na pag-unawa sa web development.
 
-Sa pamamagitan ng pagtiyak na ang nilalaman ay tugma sa mga proyekto, mas nagiging kawili-wili ang proseso para sa mga estudyante at mas napapalakas ang pag-alala sa mga konsepto. Sumulat din kami ng ilang panimulang aralin sa mga batayan ng JavaScript upang ipakilala ang mga konsepto, na sinamahan ng video mula sa koleksyon na "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", na ang ilan sa mga may-akda ay nag-ambag sa kurikulum na ito.
+> 🎓 Maari mong kunin ang mga unang ilang aralin sa kurikulum na ito bilang isang [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) sa Microsoft Learn!
 
-Bukod dito, isang mababang-pader na pagsusulit bago ang klase ang nagsisilbing intensyon ng estudyante sa pag-aaral ng isang paksa, habang ang pangalawang pagsusulit pagkatapos ng klase ay nagsisiguro ng karagdagang pagkatuto. Dinisenyo ang kurikulum na ito upang maging flexible at masaya, maaari itong kunin nang buo o bahagi lamang. Ang mga proyekto ay nagsisimula sa maliit at unti-unting lumalalim sa pagiging kumplikado hanggang sa pagtatapos ng 12-linggong yugto.
+Sa pamamagitan ng pagtiyak na ang nilalaman ay naaayon sa mga proyekto, ginagawang mas nakaka-engganyo ang proseso para sa mga estudyante at mapapalakas ang pag-alala sa mga konsepto. Nagsulat din kami ng ilang mga panimulang aralin sa mga batayan ng JavaScript upang ipakilala ang mga konsepto, na sinamahan ng video mula sa koleksyon ng video tutorial na "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", na ilan sa mga may-akda nito ay nag-ambag sa kurikulum na ito.
 
-Habang sinasadya naming iwasan ang pagpapakilala ng JavaScript frameworks upang magpokus sa mga pangunahing kakayahan na kailangan bilang isang web developer bago gumamit ng framework, ang isang magandang susunod na hakbang sa pagtatapos ng kurikulum na ito ay ang matutunan ang tungkol sa Node.js sa pamamagitan ng isa pang koleksyon ng mga video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Bukod dito, ang isang mababang-peligro na pagsusulit bago ang klase ay nagtatalaga ng layunin ng estudyante patungkol sa pag-aaral ng isang paksa, habang ang pangalawang pagsusulit pagkatapos ng klase ay nagsisiguro ng mas matagal na pag-alala. Dinisenyo ang kurikulum na ito upang maging flexible at masaya at maaaring kunin nang buo o bahagi lamang. Ang mga proyekto ay nagsisimula sa maliit at nagiging mas kumplikado sa pagtatapos ng 12-linggong siklo.
 
-> Bisitahin ang aming [Code of Conduct](CODE_OF_CONDUCT.md) at [Contributing](CONTRIBUTING.md) na mga patnubay. Malugod naming tinatanggap ang iyong mga konstruktibong puna!
+Habang sinadya naming iwasan ang pagpapakilala ng JavaScript frameworks upang magpokus sa mga pangunahing kasanayan na kailangan bilang isang web developer bago gumamit ng framework, isang magandang susunod na hakbang sa pagtapos ng kurikulum na ito ay ang pag-aaral tungkol sa Node.js sa pamamagitan ng isa pang koleksyon ng mga video: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
+> Bisitahin ang aming [Code of Conduct](CODE_OF_CONDUCT.md) at [Contributing](CONTRIBUTING.md) na mga gabay. Tinatanggap namin ang iyong makabuluhang puna!
 
 ## 🧭 Offline na pag-access
 
-Maaari mong patakbuhin ang dokumentasyong ito nang offline gamit ang [Docsify](https://docsify.js.org/#/). I-fork ang repo, [i-install ang Docsify](https://docsify.js.org/#/quickstart) sa iyong lokal na makina, at pagkatapos sa root folder ng repo na ito, i-type ang `docsify serve`. Ihahain ang website sa port 3000 sa iyong localhost: `localhost:3000`.
+Maaari mong patakbuhin ang dokumentasyong ito offline gamit ang [Docsify](https://docsify.js.org/#/). I-fork ang repo na ito, [i-install ang Docsify](https://docsify.js.org/#/quickstart) sa iyong lokal na makina, at sa root folder ng repo na ito, i-type ang `docsify serve`. Ang website ay ihahain sa port 3000 sa iyong localhost: `localhost:3000`.
 
 ## 📘 PDF
+Maaaring mahanap ang PDF ng lahat ng mga aralin [dito](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-Isang PDF ng lahat ng mga aralin ay matatagpuan [dito](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Iba Pang Kurso
 
-## 🎒 Iba Pang Mga Kurso
 Ang aming koponan ay gumagawa ng iba pang mga kurso! Tingnan ang:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
@@ -229,21 +259,21 @@ Ang aming koponan ay gumagawa ng iba pang mga kurso! Tingnan ang:
 
 ## Pagkuha ng Tulong
 
-Kung ikaw ay natigil o may mga katanungan tungkol sa paggawa ng mga AI app. Sumali sa mga kapwa mag-aaral at mga may karanasang developer sa mga talakayan tungkol sa MCP. Ito ay isang suportadong komunidad kung saan malugod na tinatanggap ang mga tanong at malayang naibabahagi ang kaalaman.
+Kung ikaw ay naipit o may mga tanong tungkol sa paggawa ng mga AI app. Sumali sa mga kapwa mag-aaral at may karanasang mga developer sa talakayan tungkol sa MCP. Ito ay isang sumusuportang komunidad kung saan malugod ang mga tanong at malayang ibinabahagi ang kaalaman.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Kung mayroon kang feedback sa produkto o mga error habang nagtatayo, bisitahin ang:
+Kung mayroon kang puna sa produkto o mga error habang nagtatayo, bisitahin:
 
 [![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)
 
 ## Lisensya
 
-Ang repositoryong ito ay lisensyado sa ilalim ng MIT license. Tingnan ang [LICENSE](../../LICENSE) file para sa karagdagang impormasyon.
+Ang repositoryong ito ay lisensyado sa ilalim ng MIT license. Tingnan ang [LICENSE](../../LICENSE) na file para sa karagdagang impormasyon.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Paunawa**:
-Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat nagsusumikap kami para sa katumpakan, pakitandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o di-tumpak na impormasyon. Ang orihinal na dokumento sa kanyang sariling wika ang dapat ituring na pinakaawtoritatibong sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasaling-tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na nagmula sa paggamit ng pagsasaling ito.
+**Pababala**:  
+Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagamat aming pinagsisikapan ang kawastuhan, mangyaring tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o di-tumpak na bahagi. Ang orihinal na dokumento sa wikang likas nito ang dapat ituring na pangunahing sanggunian. Para sa mahahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tr/.co-op-translator.json b/translations/tr/.co-op-translator.json
index 31472606f..0e57d3927 100644
--- a/translations/tr/.co-op-translator.json
+++ b/translations/tr/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-04T00:46:36+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:50:19+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "tr"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:10:57+00:00",
+    "translation_date": "2026-03-06T18:53:47+00:00",
     "source_file": "AGENTS.md",
     "language_code": "tr"
   },
@@ -516,8 +516,8 @@
     "language_code": "tr"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:05:45+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:46:44+00:00",
     "source_file": "README.md",
     "language_code": "tr"
   },
diff --git a/translations/tr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/tr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 694090539..60e07a7cb 100644
--- a/translations/tr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/tr/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Programlama Dillerine ve Modern Geliştirici Araçlarına Giriş
 
-Merhaba, geleceğin geliştiricisi! 👋 Sana her gün beni heyecanlandıran bir şey söyleyebilir miyim? Programlamanın sadece bilgisayarlarla ilgili olmadığını, aynı zamanda en çılgın fikirlerini hayata geçirebilmek için gerçek süper güçlere sahip olmakla ilgili olduğunu keşfetmek üzeresin!
+Merhaba, geleceğin geliştiricisi! 👋 Sana her gün hala tüylerimi ürperten bir şeyi söyleyebilir miyim? Programlamanın sadece bilgisayarlarla ilgili olmadığını keşfetmek üzeresin – gerçekten en çılgın fikirlerini gerçeğe dönüştürmek için süper güçlere sahip olmakla ilgili!
 
-Hani en sevdiğin uygulamayı kullanırken her şeyin mükemmel bir şekilde çalıştığı o an var ya? Bir düğmeye dokunduğunda ve seni "vay, bunu nasıl yaptılar?" dedirten büyülü bir şey olduğunda? İşte, muhtemelen senin gibi biri – büyük ihtimalle gece 2'de favori kahve dükkanında üçüncü espressoyu içerken – o büyüyü yaratan kodu yazdı. Ve işte seni şaşırtacak şey: Bu dersin sonunda, sadece onların bunu nasıl yaptığını anlamakla kalmayacak, aynı zamanda bunu kendin denemek için sabırsızlanacaksın!
+Favori uygulamanı kullanırken her şeyin mükemmel şekilde oturduğu o anı biliyor musun? Bir düğmeye dokunduğunda, "vay canına, bunu nasıl yaptılar?" dedirten sihirli bir şey oluyor ya işte, o sihri yaratan kodu yazan biri senin gibi biri – muhtemelen gece 2’de en sevdiği kahve dükkanında üçüncü espressosunu içerken. Ve işte seni şaşırtacak şey: bu dersin sonunda sadece nasıl yaptıklarını anlamakla kalmayacak, kendin denemek için sabırsızlanacaksın!
 
-Bak, şu anda programlama gözünü korkutuyorsa seni tamamen anlıyorum. Ben ilk başladığımda, dürüst olmak gerekirse, matematik dahisi olman gerektiğini ya da beş yaşından beri kod yazıyor olman gerektiğini düşünmüştüm. Ama işte benim bakış açımı tamamen değiştiren şey: Programlama, yeni bir dilde konuşmayı öğrenmekle tamamen aynı. Önce "merhaba" ve "teşekkür ederim" ile başlıyorsun, sonra kahve sipariş etmeye kadar ilerliyorsun ve bir bakmışsın derin felsefi tartışmalar yapıyorsun! Ama bu durumda, bilgisayarlarla konuşuyorsun ve dürüst olmak gerekirse, onlar en sabırlı konuşma partnerleri – hatalarını asla yargılamazlar ve her zaman tekrar denemeye hazırdırlar!
+Bak, programlama şu an gözünde korkutucu geliyorsa bunu tamamen anlıyorum. Ben başladığımda, dürüst olmak gerekirse, ya beş yaşından beri kodlama yapan biri olmam gerektiğini ya da bir matematik dâhisi olmam gerektiğini düşünüyordum. Ama perspektifimi kökten değiştiren şey şuydu: programlama, yeni bir dilde konuşmayı öğrenmek gibidir. Önce "merhaba" ve "teşekkür ederim" ile başlarsın, sonra kahve siparişi vermeye geçersin ve bir süre sonra derin felsefi tartışmalar yaparsın! Buradaki fark, bilgisayarlarla konuşuyor olman ve dürüst olmak gerekirse onlar en sabırlı sohbet arkadaşlarıdır – hatalarını asla yargılamazlar ve tekrar denemek için her zaman heyecan duyarlar!
 
-Bugün, modern web geliştirmeyi sadece mümkün kılmakla kalmayıp, aynı zamanda ciddi anlamda bağımlılık yapan inanılmaz araçları keşfedeceğiz. Netflix, Spotify ve en sevdiğin bağımsız uygulama stüdyosundaki geliştiricilerin her gün kullandığı tam olarak aynı editörler, tarayıcılar ve iş akışlarından bahsediyorum. Ve işte seni mutlu dans ettirecek kısım: Bu profesyonel düzeydeki, endüstri standardı araçların çoğu tamamen ücretsiz!
+Bugün, modern web geliştirmeyi sadece mümkün kılmakla kalmayan, aynı zamanda ciddi şekilde bağımlılık yapan inanılmaz araçları keşfedeceğiz. Netflix, Spotify ve sevdiğin bağımsız uygulama stüdyosundaki geliştiricilerin her gün kullandığı tam da aynı editörlerden, tarayıcılardan ve iş akışlarından bahsediyorum. Ve işte seni mutlu dansa kaldıracak kısmı: bu profesyonel seviyedeki, endüstri standardı araçların çoğu tamamen ücretsiz!
 
-![Programlama Giriş](../../../../translated_images/tr/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Sketchnote: [Tomomi Imura](https://twitter.com/girlie_mac)
+![Intro Programming](../../../../translated_images/tr/webdev101-programming.d6e3f98e61ac4bff.webp)
+> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title Bugünkü Programlama Yolculuğunuz
+    section Keşfet
+      Programlama Nedir: 5: You
+      Programlama Dilleri: 4: You
+      Araçlar Genel Bakış: 5: You
+    section Keşfet
+      Kod Editörleri: 4: You
+      Tarayıcılar ve Geliştirici Araçları: 5: You
+      Komut Satırı: 3: You
+    section Uygula
+      Dil Dedektifi: 4: You
+      Araç Keşfi: 5: You
+      Topluluk Bağlantısı: 5: You
 ```
+## Zaten Neler Bildiğine Bir Bakalım!
 
-## Neler Bildiğini Görelim!
+Eğlenceli kısmına atlamadan önce merak ediyorum – bu programlama dünyası hakkında neler biliyorsun? Ve bak, bu sorulara "bunun hakkında hiç fikrim yok" diye düşünüyorsan, bu sadece sorun değil, tam tersine mükemmel! Bu demektir ki tam doğru yerdesin. Bu sınavı bir antrenmandan önce esneme gibi düşün – sadece beynini ısıtıyoruz!
 
-Eğlenceli kısımlara geçmeden önce, merak ediyorum – bu programlama dünyası hakkında zaten neler biliyorsun? Ve eğer bu sorulara bakıp "Bunların hiçbirini bilmiyorum" diye düşünüyorsan, bu sadece normal değil, aynı zamanda harika! Bu, tam olarak doğru yerde olduğun anlamına geliyor. Bu testi bir egzersiz öncesi ısınma gibi düşün – sadece beyin kaslarını ısıtıyoruz!
+[Ön ders sınavını çöz](https://ff-quizzes.netlify.app/web/)
 
-[Ön ders sınavını yap](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
 ## Birlikte Çıkacağımız Macera
 
-Tamam, bugün keşfedeceğimiz şeyler hakkında gerçekten çok heyecanlıyım! Cidden, bazı kavramlar kafanda oturduğunda yüzündeki ifadeyi görmeyi çok isterdim. İşte birlikte çıkacağımız inanılmaz yolculuk:
+Tamam, bugün keşfedeceklerimiz konusunda gerçekten heyecanlıyım! Cidden, bu kavramlardan bazıları sana oturduğunda yüzünü görebilmeyi isterdim. İşte birlikte yapacağımız inanılmaz yolculuk:
 
-- **Programlama aslında nedir (ve neden en havalı şeydir!)** – Kodun, etrafındaki her şeyi, pazartesi sabahı olduğunu bir şekilde bilen alarmdan, Netflix önerilerini mükemmel bir şekilde düzenleyen algoritmaya kadar nasıl görünmez bir sihirle güçlendirdiğini keşfedeceğiz.
-- **Programlama dilleri ve onların harika kişilikleri** – Farklı süper güçlere ve sorunları çözme yollarına sahip insanların olduğu bir partiye girdiğini hayal et. Programlama dili dünyası tam olarak böyle ve onları tanımayı çok seveceksin!
-- **Dijital sihri mümkün kılan temel yapı taşları** – Bunları nihai yaratıcı LEGO seti olarak düşün. Bu parçaların nasıl bir araya geldiğini anladığında, hayal gücünün tasarladığı her şeyi gerçekten inşa edebileceğini fark edeceksin.
-- **Profesyonel araçlar seni bir büyücünün asasını almış gibi hissettirecek** – Abartmıyorum – bu araçlar gerçekten sana süper güçlere sahipmişsin gibi hissettirecek ve en iyi kısmı? Profesyonellerin kullandığı araçların aynısı!
+- **Programlama nedir gerçekten (ve neden en havalı şeydir!)** – Algoritmanın, o Pazartesi sabahı alarmından tut Netflix önerilerini kusursuzca hazırlayan algoritmaya kadar her şeyi nasıl görünmez bir sihir gibi güçlendirdiğini keşfedeceğiz
+- **Programlama dilleri ve onların muhteşem kişilikleri** – Her birinin tamamen farklı süper güçleri ve problem çözme yolları olan bir partiye girdiğini hayal et. İşte programlama dili dünyası böyle ve onları tanımaya bayılacaksın!
+- **Dijital sihri oluşturan temel yapı taşları** – Bunları en yaratıcı LEGO setin gibi düşün. Bu parçaların nasıl uyduğunu anladığında, hayal gücünün hayal ettiği her şeyi gerçek anlamda inşa edebileceğini fark edeceksin
+- **Sana bir büyücünün asasını vermiş gibi hissettirecek profesyonel araçlar** – Abartmıyorum – bu araçlar gerçekten sana süper güçler vermiş gibi hissettirecek ve en güzel tarafı? Profesyonellerin kullandığı aynı araçlar!
 
-> 💡 **Şunu unutma**: Bugün her şeyi ezberlemeye çalışmayı aklından bile geçirme! Şu anda sadece mümkün olan şeyler hakkında heyecan duymanı istiyorum. Detaylar, birlikte pratik yaptıkça doğal olarak aklında kalacak – gerçek öğrenme böyle gerçekleşir!
+> 💡 **Şöyle diyeyim**: Bugün her şeyi ezberlemeye çalışma! Şu an sadece olasılıklara dair o heyecan kıvılcımını hissetmeni istiyorum. Detaylar birlikte pratik yaparken doğal şekilde yerleşecek – gerçek öğrenme böyle olur!
 
-> Bu dersi [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) üzerinden alabilirsin!
+> Bu dersi [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) sitesinde de alabilirsin!
 
-## Peki Programlama Tam Olarak Nedir?
+## Peki Programlama Tam Olarak *Nedir*?
 
-Tamam, şimdi milyon dolarlık soruyu ele alalım: Programlama gerçekten nedir?
+Tamam, o milyon dolarlık soruyu ele alalım: programlama gerçekten nedir?
 
-Sana düşüncemi tamamen değiştiren bir hikaye anlatacağım. Geçen hafta, anneme yeni akıllı TV kumandamızı nasıl kullanacağını anlatmaya çalışıyordum. Kendimi "Kırmızı düğmeye bas, ama büyük kırmızı düğmeye değil, sol taraftaki küçük kırmızı düğmeye... hayır, diğer sol... tamam, şimdi iki saniye basılı tut, bir değil, üç değil..." derken buldum. Tanıdık geldi mi? 😅
+Bakış açımı tamamen değiştiren bir hikaye vereceğim sana. Geçen hafta anneme yeni akıllı TV kumandamızı nasıl kullanacağını açıklamaya çalışıyordum. "Kırmızı düğmeye bas, ama büyük kırmızı değil, sol taraftaki küçük kırmızı düğmeye... hayır, diğer solun... tamam, şimdi iki saniye basılı tut, bir değil, üç değil..." diye söylerken yakaladım kendimi. Tanıdık geldi mi? 😅
 
-İşte bu programlama! Güçlü bir şeye inanılmaz derecede ayrıntılı, adım adım talimatlar vermenin sanatıdır, ancak her şeyin mükemmel bir şekilde açıklanması gerekir. Ama bu sefer annene açıklamak yerine (ki "hangi kırmızı düğme?!" diye sorabilir), bir bilgisayara açıklıyorsun (ki o sadece tam olarak söylediğini yapar, söylediklerin tam olarak kastettiğin şey olmasa bile).
+İşte programlama budur! Bir şeye, çok güçlü ama her şeyin mükemmel şekilde açıklanması gereken bir şeye, inanılmaz ayrıntılı, adım adım talimatlar verme sanatıdır. Ama anneni açıklamak yerine (ki "hangi kırmızı düğme?!" sorusunu sorabilir), bilgisayara anlatıyorsun (bilgisayar tam olarak sen ne söylersen onu yapar, hatta sen demek istediğin şeyi tam söylememiş olsan bile).
 
-İlk öğrendiğimde beni şaşırtan şey şu oldu: Bilgisayarlar aslında temelde oldukça basit. Sadece iki şeyi anlıyorlar – 1 ve 0, bu da temelde "evet" ve "hayır" ya da "açık" ve "kapalı" demek. Hepsi bu! Ama işte burası büyülü hale geliyor – 1'ler ve 0'lar ile konuşmak zorunda değiliz, sanki Matrix'teymişiz gibi. İşte burada **programlama dilleri** imdada yetişiyor. Bunlar, normal insan düşüncelerini bilgisayar diline çeviren dünyanın en iyi çevirmeni gibi.
+Ben ilk öğrendiğimde aklımı başımdan alan şey şuydu: bilgisayarlar aslında çekirdeğinde oldukça basittir. Aslında sadece iki şeyi anlarlar – 1 ve 0, ki bu temelde "evet" ve "hayır" veya "açık" ve "kapalı" demektir. Hepsi bu! Ama işte işin sihirli kısmı – matris filmindeymişiz gibi 1’ler ve 0’lar ile konuşmak zorunda değiliz. Bunu sağlayan şey **programlama dilleri**. Onlar, mükemmel normal insan düşüncelerini bilgisayar diline çeviren dünyanın en iyi tercümanı gibidir.
 
-Ve işte her sabah uyandığımda beni hala heyecanlandıran şey: hayatındaki dijital her şey, muhtemelen pijamalarıyla bir fincan kahve içen ve dizüstü bilgisayarında kod yazan biriyle başladı. Seni kusursuz gösteren o Instagram filtresi? Biri onu kodladı. Seni yeni favori şarkına yönlendiren öneri? Bir geliştirici o algoritmayı oluşturdu. Arkadaşlarınla akşam yemeği hesabını bölüşmene yardımcı olan uygulama? Evet, biri "bu çok sinir bozucu, bunu düzeltebilirim" diye düşündü ve sonra... düzeltti!
+Ve hala her sabah uyandığımda tüylerimi ürperten şey şu: hayatındaki dijital *her şey* senin gibi biri tarafından, muhtemelen pijamalarla, elinde bir fincan kahve laptop’unun başında kod yazarken başlamış. Mükemmel görünmeni sağlayan o Instagram filtresi? Birileri onu kodladı. Yeni favori şarkını bulmana sebep olan öneri? O algoritmayı bir geliştirici yarattı. Akşam yemek faturalarını arkadaşlarla bölmene yardımcı olan uygulama? Evet, biri "bu sinir bozucu, bunu ben çözerim" diye düşündü ve sonra... çözdü!
 
-Programlama öğrenirken sadece yeni bir beceri edinmiyorsun – aynı zamanda "Birinin gününü biraz daha iyi hale getirecek bir şey inşa edebilir miyim?" diye düşünen bu inanılmaz problem çözücüler topluluğunun bir parçası oluyorsun. Dürüst olmak gerekirse, bundan daha havalı bir şey olabilir mi?
+Programlamayı öğrendiğinde, sadece yeni bir beceri edinmekle kalmazsın – günlerini "Ya birinin gününü biraz daha iyi yapacak bir şey inşa etsem?" diye düşünen inanılmaz problem çözücü topluluğunun bir parçası olursun. Açıkçası, bundan daha havalı bir şey var mı?
 
-✅ **Eğlenceli Bilgi Avı**: Boş bir anında araştırabileceğin süper havalı bir şey var – sence dünyanın ilk bilgisayar programcısı kimdi? Sana bir ipucu vereyim: beklediğin kişi olmayabilir! Bu kişinin hikayesi gerçekten büyüleyici ve programlamanın her zaman yaratıcı problem çözme ve kutunun dışında düşünme ile ilgili olduğunu gösteriyor.
+✅ **Eğlenceli Gerçek Avı**: Boş bir zamanın olduğunda çok havalı bir şeyi araştır – dünyadaki ilk bilgisayar programcısı kimdi sence? Sana bir ipucu vereyim: beklentilerin dışında olabilir! Bu kişinin hikayesi kesinlikle büyüleyici ve programlamanın her zaman yaratıcı problem çözme ve sınırların dışını düşünmekle ilgili olduğunu gösteriyor.
 
-### 🧠 **Durum Kontrolü: Kendini Nasıl Hissediyorsun?**
+### 🧠 **Kontrol Zamanı: Kendini Nasıl Hissediyorsun?**
 
-**Bir an dur ve düşün:**
-- "Bilgisayarlara talimat vermek" fikri artık senin için anlamlı mı?
-- Programlama ile otomatikleştirmek istediğin günlük bir görev düşünebiliyor musun?
-- Bu programlama işi hakkında aklında hangi sorular belirmeye başladı?
+**Bir an durup düşün:**
+- "Bilgisayarlara talimat vermek" fikri şimdi mantıklı geliyor mu?
+- Günlük bir görevi programlama ile otomatikleştirmek istediğin bir şey var mı?
+- Programlama hakkında kafanı kurcalayan hangi sorular çıkıyor?
 
-> **Unutma**: Şu anda bazı kavramlar sana biraz karışık gelebilir, bu tamamen normal. Programlama öğrenmek, yeni bir dil öğrenmek gibidir – beyninin bu sinir yollarını oluşturması zaman alır. Harika gidiyorsun!
+> **Unutma**: Bazı kavramlar şu an bulanık geliyorsa bu tamamen normal. Programlama öğrenmek yeni bir dil öğrenmek gibidir – beyninin sinir yollarını kurması zaman alır. İyi gidiyorsun!
 
-## Programlama Dilleri Farklı Büyü Türleri Gibidir
+## Programlama Dilleri Birer Farklı Sihir Türü Gibidir
 
-Tamam, bu biraz garip gelebilir ama benimle kal – programlama dilleri farklı müzik türleri gibidir. Şöyle düşün: caz var, yumuşak ve doğaçlamalı; rock güçlü ve doğrudan; klasik müzik zarif ve yapılandırılmış; hip-hop yaratıcı ve ifade dolu. Her stilin kendi havası, tutkulu hayran topluluğu var ve her biri farklı ruh halleri ve durumlar için mükemmel.
+Tamam, kulağa garip gelecek ama sakın bırakma beni – programlama dilleri farklı müzik türleri gibidir. Düşünsene: ışıl ışıl doğaçlama caz, güçlü ve doğrudan rock, zarif ve yapılandırılmış klasik müzik, yaratıcı ve ifadesi güçlü hiphop. Her türün kendine has bir havası, tutkulu bir hayran kitlesi vardır ve her biri farklı ruh hallerine ve durumlara çok uygundur.
 
-Programlama dilleri tam olarak aynı şekilde çalışır! Eğlenceli bir mobil oyun yapmak için kullandığın dili, büyük miktarda iklim verisini işlemek için kullanmazsın, tıpkı yoga dersinde death metal çalmayacağın gibi (şey, çoğu yoga dersinde en azından! 😄).
+Programlama dilleri de aynen böyle çalışır! Devasa iklim verilerini analiz etmek için aynı dili kullanmazsın, eğlenceli bir mobil oyun yapmak için kullanacağın dil aynı olmaz, tıpkı yoga derslerinde death metal dinlememen gerektiği gibi (en azından çoğu yoga dersinde! 😄).
 
-Ama her düşündüğümde beni gerçekten şaşırtan şey şu: Bu diller, yanınızda oturan dünyanın en sabırlı, en zeki tercümanı gibi. Fikirlerinizi insan beyninize doğal gelen bir şekilde ifade edebilirsiniz ve onlar, bunu bilgisayarların gerçekten konuştuğu 1'ler ve 0'lara çevirmek için tüm karmaşık işleri halleder. Bu, "insan yaratıcılığı" ve "bilgisayar mantığı" konusunda mükemmel derecede akıcı bir arkadaşınızın olması gibi – ve asla yorulmaz, asla kahve molasına ihtiyaç duymaz ve aynı soruyu iki kez sorduğunuz için sizi asla yargılamaz!
+Ama her düşündüğümde aklımı başımdan alan şey şu: bu diller, dünyanın en sabırlı, akıllı tercümanını yanınızda oturtmak gibi. İnsan beynine doğal gelen biçimde fikirlerini ifade edebilirsin ve onlar o fikirleri bilgisayarların gerçekten konuştuğu 1 ve 0’lara çevirir. Hem "insan yaratıcılığına" hem de "bilgisayar mantığına" kusursuz hakim dostun var ve bu dost asla yorulmaz, kahve molası vermez, aynı soruyu iki kez sorduğun için seni yargılamaz!
 
 ### Popüler Programlama Dilleri ve Kullanım Alanları
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((Programlama Dilleri))
+    Web Geliştirme
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Ön Yüz Büyüsü
+        Etkileşimli Web Siteleri
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + Türler
+        Kurumsal Uygulamalar
+    Veri & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Veri Bilimi
+        Makine Öğrenimi
+        Otomasyon
       R
-        Statistics
-        Research
-    Mobile Apps
+        İstatistik
+        Araştırma
+    Mobil Uygulamalar
       Java
         Android
-        Enterprise
+        Kurumsal
       Swift
         iOS
-        Apple Ecosystem
+        Apple Ekosistemi
       Kotlin
         Modern Android
-        Cross-platform
-    Systems & Performance
+        Çok Platformlu
+    Sistemler & Performans
       C++
-        Games
-        Performance Critical
+        Oyunlar
+        Performans Kritik
       Rust
-        Memory Safety
-        System Programming
+        Bellek Güvenliği
+        Sistem Programlama
       Go
-        Cloud Services
-        Scalable Backend
+        Bulut Servisleri
+        Ölçeklenebilir Arka Uç
 ```
-
-| Dil | En İyi Kullanım Alanı | Neden Popüler? |
-|-----|-----------------------|----------------|
-| **JavaScript** | Web geliştirme, kullanıcı arayüzleri | Tarayıcılarda çalışır ve etkileşimli web sitelerini güçlendirir |
-| **Python** | Veri bilimi, otomasyon, yapay zeka | Okuması ve öğrenmesi kolay, güçlü kütüphaneler sunar |
-| **Java** | Kurumsal uygulamalar, Android uygulamaları | Platformdan bağımsız, büyük sistemler için sağlam |
+| Dil | En İyi Olduğu Alanlar | Neden Popüler |
+|----------|----------|------------------|
+| **JavaScript** | Web geliştirme, kullanıcı arayüzleri | Tarayıcılarda çalışır ve etkileşimli web sitelerine güç verir |
+| **Python** | Veri bilimi, otomasyon, yapay zeka | Okuması ve öğrenmesi kolay, güçlü kütüphaneler |
+| **Java** | Kurumsal uygulamalar, Android uygulamaları | Platform bağımsız, büyük sistemler için sağlam |
 | **C#** | Windows uygulamaları, oyun geliştirme | Güçlü Microsoft ekosistemi desteği |
-| **Go** | Bulut hizmetleri, arka uç sistemleri | Hızlı, basit, modern bilgi işlem için tasarlanmış |
+| **Go** | Bulut servisleri, arka uç sistemler | Hızlı, basit, modern hesaplamaya yönelik tasarlanmış |
 
 ### Yüksek Seviye vs. Düşük Seviye Diller
 
-Tamam, bu kavramı ilk öğrendiğimde kafam karışmıştı, bu yüzden sonunda anlamamı sağlayan benzetmeyi paylaşacağım – umarım sana da yardımcı olur!
+Tamam, bu açıkçası ben öğrenmeye başladığımda beynimi yakan kavramdı, o yüzden sonunda benim için netleşen benzetmeyi paylaşacağım – umarım sana da yardımcı olur!
 
-Bir dilini bilmediğin bir ülkeyi ziyaret ettiğini ve acilen en yakın tuvaleti bulman gerektiğini hayal et (hepimiz orada bulunduk, değil mi? 😅):
+Dilini bilmediğin bir ülkeyi ziyaret ettiğini ve acilen en yakın banyoyu bulman gerektiğini hayal et (hepimiz yaşadık, değil mi? 😅):
 
-- **Düşük seviyeli programlama**, yerel lehçeyi o kadar iyi öğrenmek gibi ki, köşedeki meyve satan büyükanneyle kültürel referanslar, yerel argo ve sadece orada büyüyen birinin anlayabileceği esprilerle sohbet edebiliyorsun. Süper etkileyici ve inanılmaz derecede verimli... eğer akıcıysan! Ama sadece bir tuvalet bulmaya çalışıyorsan oldukça bunaltıcı olabilir.
+- **Düşük seviyeli programlama**, meyve satan büyükannenle yerel lehçede kültürel göndermeler, yerel argolar ve sadece orada yaşayanların anlayabileceği esprilerle sohbet edebilecek kadar iyi konuşmak gibidir. Süper etkileyici ve inanılmaz verimlidir... eğer akıcıysan! Ama sadece bir banyo bulmaya çalışırken biraz bunaltıcıdır.
 
-- **Yüksek seviyeli programlama**, seni gerçekten anlayan harika bir yerel arkadaşın olması gibi. "Gerçekten bir tuvalet bulmam gerekiyor" diyebilirsin ve o tüm kültürel çeviriyi halleder ve sana mantıklı bir şekilde yol tarif eder.
+- **Yüksek seviyeli programlama**, seni hemen anlayan harika yerel arkadaş gibidir. İngilizce olarak "Gerçekten bir tuvalet bulmam lazım" dersen, onlar tüm kültürel çeviriyi yapar ve beyninin kolayca anladığı şekilde yol tarif eder.
 
 Programlama terimleriyle:
-- **Düşük seviyeli diller** (Assembly veya C gibi), bilgisayarın gerçek donanımıyla inanılmaz derecede ayrıntılı konuşmalar yapmanı sağlar, ancak bir makine gibi düşünmen gerekir, ki bu... şey, oldukça büyük bir zihinsel değişim!
-- **Yüksek seviyeli diller** (JavaScript, Python veya C# gibi), insan gibi düşünmeni sağlar ve tüm makine konuşmasını sahne arkasında halleder. Ayrıca, yeni olmanın nasıl bir şey olduğunu hatırlayan ve gerçekten yardım etmek isteyen insanlarla dolu inanılmaz derecede sıcak topluluklara sahiptir!
+- **Düşük seviyeli diller** (Assembly veya C gibi) bilgisayarın gerçek donanımıyla çok ayrıntılı konuşmana izin verir, ama bir makine gibi düşünmen gerekir ki… söyleyelim, büyük bir zihinsel geçiş!
+- **Yüksek seviyeli diller** (JavaScript, Python veya C# gibi) insan gibi düşünmene izin verirken, makine diliyle arka planda onlar ilgilenir. Ayrıca, içinde yeni olanların ne hissettiğini unutmayan ve gerçekten yardım etmek isteyen inanılmaz misafirperver toplulukları vardır!
 
-Tahmin et bakalım, hangileriyle başlamanı önereceğim? 😉 Yüksek seviyeli diller, deneyimi çok daha keyifli hale getirdiği için asla çıkarmak istemeyeceğin destek tekerlekleri gibidir!
+Tahmin et hangileriyle başlamanı öneriyorum? 😉 Yüksek seviyeli diller, deneyimi çok daha keyifli hale getirdikleri için aslında asla bırakmak istemediğin böyle eğitim tekerlekleri gibidir!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 İnsan Düşüncesi:<br/>'Fibonacci sayıları hesaplamak istiyorum'"] --> B{Dil Seviyesi Seç}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Yüksek Seviye| C["🌟 JavaScript/Python<br/>Okuması ve yazması kolay"]
+    B -->|Düşük Seviye| D["⚙️ Assembly/C<br/>Doğrudan donanım kontrolü"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Yaz: fibonacci(10)"]
+    D --> F["📝 Yaz: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Bilgisayar Anlayışı:<br/>Çevirmen karmaşıklığı yönetir"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Aynı Sonuç:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Yüksek Seviyeli Dillerin Neden Bu Kadar Dostça Olduğunu Sana Gösteriyim
 
-### Neden Yüksek Seviye Dillerin Daha Dostça Olduğunu Gösterelim
-
-Tamam, şimdi yüksek seviyeli dilleri neden sevdiğimi mükemmel bir şekilde gösteren bir şey göstereceğim, ama önce – bana bir şey için söz vermelisin. İlk kod örneğini gördüğünde panik yapma! Korkutucu görünmesi gerekiyor. Tam olarak anlatmak istediğim şey bu!
+Tamam, yüksek seviyeli dillere neden aşık olduğumu mükemmel gösteren bir şeyi göstermek üzereyim, ama önce benden bir şey istemen lazım. İlk kod örneğini görünce panik yapma! Korkutucu görünmesi gerekiyor. Tam da vurgulamak istediğim şey bu!
 
-Aynı görevi iki tamamen farklı tarzda yazılmış şekilde göreceğiz. İkisi de Fibonacci dizisini oluşturuyor – bu, her sayının kendisinden önceki iki sayının toplamı olduğu güzel bir matematiksel desen: 0, 1, 1, 2, 3, 5, 8, 13... (Eğlenceli bilgi: Bu deseni doğada her yerde bulabilirsiniz – ayçiçeği tohumlarının spiralleri, çam kozalağı desenleri, hatta galaksilerin oluşum şekilleri!)
+Aynı görevin tamamen iki farklı tarzda yazılmış haline bakacağız. İkisi de Fibonacci dizisi denen bir matematiksel deseni yaratır – her sayı kendinden önce gelen iki sayının toplamıdır: 0, 1, 1, 2, 3, 5, 8, 13... (Eğlenceli gerçek: bu desen doğada her yerde bulunur – ayçiçeği tohum spiralleri, çam kozalağı desenleri, hatta galaksilerin oluşumu!)
 
-Hazır mısın? Hadi başlayalım!
+Farkı görmeye hazır mısın? Hadi başlayalım!
 
 **Yüksek seviyeli dil (JavaScript) – İnsan dostu:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Adım 1: Temel Fibonacci kurulumu
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Bu kod ne yapıyor:**
-- Fibonacci sayılarını oluşturmak için bir sabit **tanımlıyor**
-- Dizideki mevcut ve sonraki sayıları takip etmek için iki değişken **başlatıyor**
-- Fibonacci desenini tanımlayan başlangıç değerlerini (0 ve 1) **ayarlıyor**
-- Çıktımızı tanımlayan bir başlık mesajı **gösteriyor**
+**Bu kod şunları yapar:**
+- Fibonacci sayılarının kaç tane üretileceğini belirtmek için bir sabit **tanımlar**
+- Dizideki geçerli ve sonraki sayıları takip etmek için iki değişkeni **başlatır**
+- Fibonacci desenini tanımlayan başlangıç değerlerini (0 ve 1) **ayarlar**
+- Çıktımızı tanımlayan bir başlık mesajı **gösterir**
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Adım 2: Döngü ile diziyi oluştur
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Dizideki sonraki sayıyı hesapla
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Burada olanlar:**
-- Bir `for` döngüsü kullanarak dizideki her pozisyonda **döngü yapıyor**
-- Şablon dizesi biçimlendirmesi kullanarak her sayıyı pozisyonuyla birlikte **gösteriyor**
-- Mevcut ve sonraki değerleri toplayarak bir sonraki Fibonacci sayısını **hesaplıyor**
-- Bir sonraki yinelemeye geçmek için izleme değişkenlerini **güncelliyor**
+**Burada neler oluyor, detaylandırmak gerekirse:**
+- `for` döngüsü kullanarak dizideki her pozisyonda **dolaşır**
+- Her sayıyı ve pozisyonunu şablon metin biçimlendirmesiyle **gösterir**
+- Mevcut ve sonraki değerleri toplayarak bir sonraki Fibonacci sayısını **hesaplar**
+- Takip değişkenlerini bir sonraki iterasyona geçecek şekilde **günceller**
 
 ```javascript
-// Step 3: Modern functional approach
+// Adım 3: Modern fonksiyonel yaklaşım
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,16 +219,16 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Kullanım örneği
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Yukarıda şunları yaptık:**
-- Modern ok fonksiyonu sözdizimini kullanarak yeniden kullanılabilir bir fonksiyon **oluşturduk**
-- Tek tek göstermek yerine tüm diziyi saklamak için bir dizi **oluşturduk**
-- Önceki değerlerden her yeni sayıyı hesaplamak için dizi indekslemesini **kullandık**
-- Programımızın diğer bölümlerinde esnek kullanım için tam diziyi **döndürdük**
+**Yukarıdaki kodda biz:**
+- Modern ok fonksiyonu sözdizimi kullanarak yeniden kullanılabilir bir fonksiyon **yarattık**
+- Tüm diziyi depolamak için bir dizi oluşturduk, tek tek göstermek yerine
+- Önceki değerlerden her yeni sayıyı **hesaplamak için dizi indekslemesi kullandık**
+- Diziyi esnek kullanım için programımızın diğer bölümlerine **döndürdük**
 
 **Düşük seviyeli dil (ARM Assembly) – Bilgisayar dostu:**
 
@@ -259,76 +257,77 @@ back add r0,r1
  end
 ```
 
-JavaScript versiyonunun neredeyse İngilizce talimatlar gibi okunduğunu, Assembly versiyonunun ise bilgisayarın işlemcisini doğrudan kontrol eden şifreli komutlar kullandığını fark edeceksiniz. İkisi de aynı görevi yerine getiriyor, ancak yüksek seviyeli dil, insanların anlaması, yazması ve sürdürmesi açısından çok daha kolay.
+JavaScript versiyonu neredeyse İngilizce talimatlar gibi okunurken, Assembly versiyonu bilgisayarın işlemcisini doğrudan kontrol eden gizemli komutlar kullanır. İkisi de aynı görevi yapar, ama yüksek seviyeli dil insanların anlaması, yazması ve sürdürmesi çok daha kolaydır.
 
-**Dikkat çeken temel farklar:**
-- **Okunabilirlik**: JavaScript, `fibonacciCount` gibi açıklayıcı isimler kullanırken Assembly, `r0`, `r1` gibi şifreli etiketler kullanır.
-- **Yorumlar**: Yüksek seviyeli diller, kodu kendi kendini belgeleyen hale getiren açıklayıcı yorumları teşvik eder.
-- **Yapı**: JavaScript'in mantıksal akışı, insanların problemleri adım adım düşünme şekline uygundur.
-- **Bakım**: JavaScript sürümünü farklı gereksinimlere göre güncellemek oldukça kolay ve anlaşılırdır.
+**Fark edeceğin ana farklar:**
+- **Okunabilirlik**: JavaScript `fibonacciCount` gibi açıklayıcı isimler kullanırken, Assembly `r0`, `r1` gibi gizemli etiketler kullanır
+- **Yorumlar**: Yüksek seviyeli diller, kodun kendi kendini belgeleyen açıklayıcı yorumları teşvik eder
+- **Yapı**: JavaScript'in mantıksal akışı, insanların problemleri adım adım düşünme şekline uyum sağlar
+- **Bakım**: Farklı gereksinimler için JavaScript sürümünü güncellemek basit ve nettir
 
-✅ **Fibonacci dizisi hakkında**: Bu muhteşem sayı dizisi (her bir sayı kendisinden önceki iki sayının toplamına eşittir: 0, 1, 1, 2, 3, 5, 8...) doğada *her yerde* karşımıza çıkar! Ayçiçeği spirallerinde, çam kozalağı desenlerinde, nautilus kabuklarının kıvrımlarında ve hatta ağaç dallarının büyüme şeklinde bile görebilirsiniz. Matematik ve kodun, doğanın güzellik yaratmak için kullandığı desenleri anlamamıza ve yeniden yaratmamıza nasıl yardımcı olabileceği gerçekten akıl almaz!
+✅ **Fibonacci dizisi hakkında**: Bu kesinlikle harika sayı deseni (her sayının kendinden önceki iki sayının toplamı olduğu: 0, 1, 1, 2, 3, 5, 8...) doğada hemen hemen *her yerde* ortaya çıkar! Günebakan spirallerinde, çam kozalağı desenlerinde, nautilus kabuklarının kıvrımında ve hatta ağaç dallarının büyüme şeklinde bulabilirsiniz. Matematik ve kodun doğanın güzelliği yaratmak için kullandığı desenleri anlamamıza ve yeniden yaratmamıza nasıl yardımcı olabileceği gerçekten şaşırtıcı!
 
-## Sihri Gerçekleştiren Yapı Taşları
 
-Tamam, programlama dillerinin nasıl göründüğünü gördüğünüze göre, şimdiye kadar yazılmış her programı oluşturan temel parçaları inceleyelim. Bunları favori tarifinizdeki temel malzemeler olarak düşünün – her birinin ne yaptığını anladığınızda, hemen hemen her dilde kod okuyup yazabileceksiniz!
+## Büyünün Gerçekleşmesini Sağlayan Temel Parçalar
 
-Bu, programlamanın dilbilgisini öğrenmek gibi bir şey. Okulda isimler, fiiller ve cümleleri nasıl bir araya getireceğinizi öğrendiğiniz zamanı hatırlıyor musunuz? Programlamanın kendi dilbilgisi versiyonu var ve dürüst olmak gerekirse, İngilizce dilbilgisinden çok daha mantıklı ve affedici! 😄
+Tamam, programlama dillerinin gerçek hayatta nasıl göründüğünü gördüğünüze göre, şimdi yazılmış her programın temel parçalarını parçalayalım. Bunları en sevdiğiniz tarifin temel bileşenleri olarak düşünün – her birinin ne işe yaradığını anladığınızda, hemen hemen her dilde kod okuyup yazabileceksiniz!
+
+Bu, programlamanın dilbilgisini öğrenmek gibidir. Okulda isimler, fiiller ve cümle kurmayı öğrendiğiniz zamanı hatırlayın. Programlamanın kendi dilbilgisi versiyonu var ve dürüst olmak gerekirse, İngilizce dilbilgisinden çok daha mantıklı ve bağışlayıcı! 😄
 
 ### İfadeler: Adım Adım Talimatlar
 
-**İfadeler** ile başlayalım – bunlar bilgisayarınızla yaptığınız bir konuşmadaki bireysel cümleler gibidir. Her ifade, bilgisayara belirli bir şey yapmasını söyler, tıpkı yönlendirme vermek gibi: "Buradan sola dön," "Kırmızı ışıkta dur," "Şu yere park et."
+Hadi **ifadeler** ile başlayalım – bunlar bilgisayarınızla kurduğunuz bir konuşmadaki bireysel cümleler gibidir. Her ifade bilgisayara spesifik bir işi yapmasını söyler, tıpkı yön tarifleri vermek gibi: "Buradan sola dön," "Kırmızı ışıkta dur," "Şu park yerine park et."
 
-İfadelerle ilgili sevdiğim şey, genellikle ne kadar okunabilir olduklarıdır. Şuna bir göz atın:
+İfadelerde sevdiğim şey onların genellikle ne kadar okunabilir olması. Şuna bak:
 
 ```javascript
-// Basic statements that perform single actions
+// Tek eylem gerçekleştiren temel ifadeler
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
 
-**Bu kodun yaptığı şey:**
-- Kullanıcının adını saklamak için bir sabit değişken **tanımlayın**
-- Konsol çıktısına bir karşılama mesajı **gösterin**
-- Matematiksel bir işlemin sonucunu **hesaplayın** ve saklayın
+**Bu kodun yaptığı şeyler:**
+- Bir kullanıcının adını saklamak için sabit değişken **bildir**  
+- Konsol çıktısına bir selamlama mesajı **göster**  
+- Matematiksel bir işlemin sonucunu **hesapla** ve sakla
 
 ```javascript
-// Statements that interact with web pages
+// Web sayfalarıyla etkileşime geçen ifadeler
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**Adım adım neler oluyor:**
-- Tarayıcı sekmesinde görünen web sayfasının başlığını **değiştirin**
-- Tüm sayfa gövdesinin arka plan rengini **değiştirin**
+**Adım adım olanlar:**
+- Tarayıcı sekmesinde görünen sayfa başlığını **değiştir**  
+- Sayfa gövdesinin arka plan rengini **ayarla**
 
-### Değişkenler: Programınızın Hafıza Sistemi
+### Değişkenler: Programınızın Bellek Sistemi
 
-Tamam, **değişkenler** öğretmeyi en sevdiğim kavramlardan biri çünkü zaten her gün kullandığınız şeylere çok benziyorlar!
+Tamam, **değişkenler** gerçekten öğretmekten en çok zevk aldığım kavramlardan biri çünkü zaten her gün kullandığınız şeylere çok benziyorlar!
 
-Bir an için telefonunuzun kişi listesini düşünün. Herkesin telefon numarasını ezberlemezsiniz – bunun yerine "Anne," "En İyi Arkadaş" veya "Gece 2'ye kadar pizza getiren yer" gibi isimler kaydedersiniz ve telefonunuz gerçek numaraları hatırlar. Değişkenler tam olarak aynı şekilde çalışır! Programınızın bilgi saklayabileceği ve daha sonra mantıklı bir isim kullanarak bu bilgiyi alabileceği etiketli kaplar gibidir.
+Telefonunuzdaki kişi listesini düşünün bir saniye. Herkesin telefon numarasını ezberlemezsiniz – onun yerine "Anne", "En İyi Arkadaş" veya "Gece 2'ye Kadar Servis Yapan Pizza Yeri" gibi isimleri kaydedersiniz ve telefon gerçek numaraları hatırlar. Değişkenler tam olarak aynı şekilde işlev görür! Programınızın bilgi saklayabileceği ve onu akıllı bir isimle daha sonra çağırabileceği etiketli kaplar gibidir.
 
-İşte gerçekten harika olan şey: değişkenler programınız çalışırken değişebilir (bu yüzden "değişken" adı verilmiş – ne kadar zekice değil mi?). Tıpkı daha iyi bir pizza yeri bulduğunuzda o kişi kaydını güncelleyebileceğiniz gibi, programınız yeni bilgiler öğrendikçe veya durumlar değiştikçe değişkenler güncellenebilir!
+Asıl harika olan şu: değişkenler program çalışırken değişebilir (bu yüzden isimleri "değişken" – fark ettiniz mi?). Nasıl ki daha iyi bir pizzacı keşfedip kaydınızı güncelliyorsanız, değişkenler de programınız yeni bilgiler öğrenip koşullar değiştikçe güncellenebilir!
 
-Bunun ne kadar basit olabileceğini göstereyim:
+Size bunun ne kadar güzel ve basit olduğunu göstereyim:
 
 ```javascript
-// Step 1: Creating basic variables
+// Adım 1: Temel değişkenlerin oluşturulması
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
 
-**Bu kavramları anlamak:**
-- Değişmeyen değerleri `const` değişkenlerinde **saklayın** (örneğin site adı)
-- Programınız boyunca değişebilecek değerler için `let` kullanın
-- Farklı veri türleri atayın: metin (string), sayılar ve mantıksal değerler (true/false)
-- Her değişkenin ne içerdiğini açıklayan açıklayıcı isimler **seçin**
+**Bu kavramları anlamak için:**  
+- Değişmeyen değerleri `const` ile sakla (örneğin site adı)  
+- Programa göre değişebilecek değerler için `let` kullan  
+- Farklı veri türleri ata: string (metin), sayılar, boolean (true/false)  
+- Her değişkenin içeriğini açıklayan açıklayıcı isimler seç
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Adım 2: İlgili verileri gruplamak için nesnelerle çalışma
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -336,50 +335,50 @@ const weatherData = {
 };
 ```
 
-**Yukarıda şunları yaptık:**
-- İlgili hava durumu bilgilerini bir arada gruplamak için bir nesne **oluşturduk**
-- Birden fazla veri parçasını tek bir değişken adı altında **düzenledik**
-- Her bir bilgi parçasını açıkça etiketlemek için anahtar-değer çiftlerini **kullandık**
+**Yukarıda:**
+- İlgili hava durumu bilgilerini bir nesnede **grupladık**  
+- Birden fazla bilgiyi tek bir değişken adı altında **organize ettik**  
+- Anahtar-değer çiftleri kullanarak her bilginin başlığını netleştirdik
 
 ```javascript
-// Step 3: Using and updating variables
+// Adım 3: Değişkenleri kullanma ve güncelleme
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Değiştirilebilir değişkenleri güncelleme
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
 
-**Her bir kısmı anlamak:**
-- `${}` sözdizimi ile şablon dizeleri kullanarak bilgi **gösterin**
-- Nesne özelliklerine nokta notasyonu (`weatherData.windSpeed`) ile **erişin**
-- Değişen koşulları yansıtmak için `let` ile tanımlanan değişkenleri **güncelleyin**
-- Anlamlı mesajlar oluşturmak için birden fazla değişkeni **birleştirin**
+**Her parçayı anlayalım:**
+- `${}` sözdizimi ile şablon metin kullanarak bilgi **göster**  
+- Nesne özelliklerine dot notasyonu ile eriş (`weatherData.windSpeed`)  
+- `let` ile tanımlanan değişkenleri güncelleyerek koşullara göre **değiştir**  
+- Anlamlı mesajlar oluşturmak için birden fazla değişkeni **birleştir**
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Adım 4: Daha temiz kod için modern yapı bozma
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
 
-**Bilmeniz gerekenler:**
-- Nesnelerden belirli özellikleri yapılandırma ataması kullanarak **çıkarın**
-- Nesne anahtarlarıyla aynı isimlere sahip yeni değişkenler otomatik olarak **oluşturun**
-- Tekrarlayan nokta notasyonundan kaçınarak kodu **basitleştirin**
+**Bilmen gerekenler:**
+- Nesnelerden spesifik özellikleri yıkıcı atama ile **çıkar**  
+- Nesne anahtarları ile aynı isimlerde yeni değişkenler **oluştur**  
+- Tekrarlayan dot notasyonunu kullanmaktan kaçınarak kodu **sadeleştir**
 
-### Kontrol Akışı: Programınıza Düşünmeyi Öğretmek
+### Kontrol Akışı: Programınıza Nasıl Düşüneceğini Öğretmek
 
-Tamam, işte programlamanın gerçekten akıl alıcı olduğu yer! **Kontrol akışı**, programınıza akıllı kararlar almayı öğretmek gibidir, tıpkı sizin her gün farkında bile olmadan yaptığınız gibi.
+Tamam, şimdi programlamanın gerçekten akıl almaz kısmına geldik! **Kontrol akışı**, programınıza akıllı kararlar nasıl alacağını öğretmektir, tıpkı sizin her gün farkında olmadan yaptığınız gibi.
 
-Şunu hayal edin: bu sabah muhtemelen "Eğer yağmur yağıyorsa, şemsiye alırım. Eğer hava soğuksa, ceket giyerim. Eğer geç kalıyorsam, kahvaltıyı atlar ve yolda kahve alırım." gibi bir şey yaşadınız. Beyniniz bu if-then mantığını her gün onlarca kez doğal olarak takip eder!
+Diyelim ki bugün sabah şöyle düşündünüz: "Eğer yağmur varsa şemsiye alırım. Eğer soğuksa ceket giyerim. Eğer geç kalıyorsam kahvaltıyı atlar yolda kahve alırım." Beyniniz bu if-then mantığını gün içinde onlarca kez otomatik olarak gerçekleştirir!
 
-Bu, programların sıkıcı, tahmin edilebilir bir senaryoyu takip etmek yerine zeki ve canlı hissettirmesini sağlar. Gerçekten bir durumu inceleyebilir, neler olduğunu değerlendirebilir ve uygun şekilde tepki verebilirler. Bu, programınıza adapte olabilen ve seçim yapabilen bir beyin vermek gibidir!
+İşte programları sıkıcı, öngörülebilir komutlardan alıp canlı ve zeki yapan şey budur. Durumu görebilir, ne olduğunu değerlendirebilir ve uygun şekilde tepki verebilirler. Programınıza düşünebilen ve seçim yapabilen bir zihin vermek gibidir!
 
-Bunun ne kadar güzel çalıştığını görmek ister misiniz? Size göstereyim:
+Bunun nasıl harika çalıştığını göstereyim:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Adım 1: Temel koşullu mantık
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -390,14 +389,14 @@ if (userAge >= 18) {
 }
 ```
 
-**Bu kodun yaptığı şey:**
-- Kullanıcının yaşının oy verme gereksinimini karşılayıp karşılamadığını **kontrol edin**
-- Koşul sonucuna göre farklı kod bloklarını **çalıştırın**
-- Oy verme uygunluğu için kaç yıl kaldığını **hesaplayın** ve gösterin (18 yaş altındaysa)
-- Her senaryo için özel, yardımcı geri bildirim **sağlayın**
+**Bu kodun yaptığı şeyler:**
+- Kullanıcının yaşının oy kullanma şartını karşılayıp karşılamadığını **kontrol et**  
+- Koşul sonucuna göre farklı kod blokları **çalıştır**  
+- 18 yaşından küçükse oy kullanmaya ne kadar süre kaldığını **hesapla** ve göster  
+- Her durum için spesifik, faydalı geri bildirim **ver**
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Adım 2: Mantıksal operatörlerle çoklu koşullar
 const userAge = 17;
 const hasPermission = true;
 
@@ -410,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**Burada neler oluyor:**
-- `&&` (ve) operatörünü kullanarak birden fazla koşulu **birleştirin**
-- Birden fazla senaryo için `else if` kullanarak bir koşul hiyerarşisi **oluşturun**
-- Tüm olası durumları son bir `else` ifadesiyle **ele alın**
-- Her farklı durum için açık, uygulanabilir geri bildirim **sağlayın**
+**Burada olanları parçalara ayıralım:**
+- `&&` (ve) operatörü ile birden fazla koşulu **birleştir**  
+- Birden fazla senaryo için `else if` ile koşul hiyerarşisi **oluştur**  
+- Tüm olası durumları son `else` ifadesi ile **ele al**  
+- Her farklı durum için net, uygulanabilir geri bildirim **ver**
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Adım 3: Üçlü operatör ile kısa koşul ifadeleri
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**Hatırlamanız gerekenler:**
-- Basit iki seçenekli koşullar için üçlü operatörü (`? :`) **kullanın**
-- Koşulu önce yazın, ardından `?`, sonra doğru sonuç, ardından `:`, sonra yanlış sonuç
-- Koşullara dayalı değerler atamanız gerektiğinde bu deseni **uygulayın**
+**Unutma:**
+- Basit iki seçenekli koşullar için ternary operatörünü (`? :`) **kullan**  
+- Koşulu önce yaz, ardından `?`, sonra doğru sonuç, sonra `:`, sonra yanlış sonucu yaz  
+- Koşullara bağlı değer atama gerektiğinde bu kalıbı **uygula**
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Adım 4: Birden çok belirli durumların işlenmesi
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -448,57 +447,56 @@ switch (dayOfWeek) {
 }
 ```
 
-**Bu kod şunları gerçekleştirir:**
-- Değişken değerini birden fazla belirli durumla **eşleştirin**
-- Benzer durumları bir arada **gruplandırın** (hafta içi vs. hafta sonu)
-- Eşleşme bulunduğunda uygun kod bloğunu **çalıştırın**
-- Beklenmeyen değerleri ele almak için bir `default` durumu **ekleyin**
-- Kodun bir sonraki duruma geçmesini önlemek için `break` ifadelerini **kullanın**
+**Bu kod şunları yapar:**
+- Değişkenin değerini birden fazla özel durumla **eşleştir**  
+- Benzer durumları (haftaiçi ve hafta sonu gibi) **gruplandır**  
+- Eşleşme bulununca uygun kod bloğunu **çalıştır**  
+- Beklenmeyen değerler için `default` durumunu **inclue et**  
+- Diğer duruma geçişi engellemek için `break` ifadelerini **kullan**
 
-> 💡 **Gerçek dünya benzetmesi**: Kontrol akışını dünyanın en sabırlı GPS'ine sahip olmak gibi düşünün. "Eğer Main Street'te trafik varsa, otoyolu kullan. Eğer otoyol inşaat nedeniyle kapalıysa, manzaralı yolu dene." Programlar, farklı durumlara akıllıca tepki vermek ve her zaman kullanıcılara en iyi deneyimi sunmak için tam olarak bu tür koşullu mantığı kullanır.
+> 💡 **Gerçek dünya benzetmesi**: Kontrol akışını, size sabırla yön veren dünyanın en sabırlı GPS'i gibi düşünün. "Eğer ana yolda trafik varsa otobana git. Eğer otoban kapalıysa manzaralı yoldan git" diyebilir. Programlar tam olarak bu tür koşullu mantığı kullanarak farklı durumlara akıllıca yanıt verir ve kullanıcıya her zaman en iyi deneyimi sunar.
 
-### 🎯 **Kavram Kontrolü: Yapı Taşları Ustalığı**
+### 🎯 **Kavram Kontrolü: Temel Parçalar Ustası**
 
-**Temellerle nasıl ilerlediğinizi görelim:**
-- Bir değişken ile bir ifade arasındaki farkı kendi kelimelerinizle açıklayabilir misiniz?
-- Oy verme örneğimiz gibi bir if-then kararını kullanacağınız gerçek bir senaryo düşünün.
-- Programlama mantığı hakkında sizi şaşırtan bir şey nedir?
+**Temellerde ne durumda olduğuna bakalım:**  
+- Kendi kelimelerinle bir değişken ile ifade arasındaki farkı açıklayabilir misin?  
+- Gerçek hayattan bir if-then kararı örneği düşün (örneğin oy kullanma örneğimiz gibi)  
+- Programlama mantığı hakkında seni şaşırtan bir şey nedir?
 
-**Hızlı güven artırıcı:**
+**Hızlı özgüven artırıcı:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 İfadeler<br/>(Talimatlar)"] --> B["📦 Değişkenler<br/>(Depolama)"] --> C["🔀 Kontrol Akışı<br/>(Kararlar)"] --> D["🎉 Çalışan Program!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
+✅ **Sırada ne var**: Bu inanılmaz yolculuğa birlikte dalmaya devam ederken bu kavramları çok daha derinlemesine keşfedeceğiz! Şu anda sadece önünüzdeki harika olanaklar için heyecanlanmaya odaklan. Spesifik beceri ve teknikler pratik yaptıkça doğal olarak oturacak – sana söz veriyorum bu düşündüğünden çok daha eğlenceli olacak!
 
-✅ **Sırada ne var**: Bu inanılmaz yolculuğa devam ederken bu kavramları daha derinlemesine incelemek için harika bir zaman geçireceğiz! Şu anda, önünüzdeki tüm harika olasılıklar hakkında heyecan duymaya odaklanın. Belirli beceriler ve teknikler, birlikte pratik yaptıkça doğal olarak yerleşecek – bunun beklediğinizden çok daha eğlenceli olacağına söz veriyorum!
-
-## İşin Araçları
+## İşi Kolaylaştıran Araçlar
 
-Tamam, bu gerçekten beni o kadar heyecanlandırıyor ki kendimi zor tutuyorum! 🚀 Şimdi size dijital bir uzay gemisinin anahtarlarını teslim almış gibi hissettirecek inanılmaz araçlardan bahsedeceğiz.
+Tamam, burası gerçekten heyecandan yerimde duramadığım yer! 🚀 Dijital bir uzay gemisinin anahtarları elinize verilmiş gibi hissettirecek inanılmaz araçlardan bahsedeceğiz.
 
-Bir şefin ellerinin bir uzantısı gibi hissettiren mükemmel dengeli bıçakları olduğunu biliyor musunuz? Ya da bir müzisyenin dokunduğu anda şarkı söyleyen o bir gitarı? Geliştiricilerin kendi büyülü araçları var ve işte sizi tamamen şaşırtacak olan şey – bunların çoğu tamamen ücretsiz!
+Bir şefin elinin uzantısı gibi mükemmel dengelenmiş bıçakları olduğunu ya da bir müzisyenin dokunduğu anda şarkı söyleyen o gitarı olduğunu biliyorsunuzdur. İşte geliştiricilerin de buna benzer sihirli araçları var ve burada sizi gerçekten çok şaşırtacak olan – çoğu tamamen ücretsiz!
 
-Bu araçları sizinle paylaşmayı düşündüğümde neredeyse sandalyemde zıplıyorum çünkü bunlar yazılım geliştirme şeklimizi tamamen değiştirdi. Kodunuzu yazmanıza yardımcı olabilecek yapay zeka destekli kodlama asistanlarından (şaka yapmıyorum!), Wi-Fi olan her yerden uygulamalar oluşturabileceğiniz bulut ortamlarına ve programlarınız için X-ray görüşü gibi olan son derece sofistike hata ayıklama araçlarına kadar konuşuyoruz.
+Bu araçları sizinle paylaşmayı düşünürken sandalyemde zıplıyorum çünkü yazılım geliştirme şeklimizi kökten değiştirdiler. Kod yazmanıza yardımcı olan yapay zeka destekli asistanlar (şaka yapmıyorum!), Wi-Fi olan her yerden tam uygulamalar oluşturabileceğiniz bulut ortamları ve programlarınız için röntgen görüşü gibi gelişmiş hata ayıklama araçlarından bahsediyoruz.
 
-Ve hala beni ürperten kısım: bunlar "başlangıç araçları" değil, zamanla vazgeçeceğiniz şeyler değil. Bunlar, şu anda Google, Netflix ve sevdiğiniz o bağımsız uygulama stüdyosundaki geliştiricilerin kullandığı tam profesyonel araçlar. Bunları kullanırken kendinizi tam bir profesyonel gibi hissedeceksiniz!
+Ve hala beni ürperten kısmı: Bunlar sizin büyüyüp bırakacağınız "başlangıç araçları" değil. Google, Netflix gibi firmalarda ve sevdiğiniz o bağımsız uygulama stüdyosunda şu anda kullanılan profesyonel seviyedeki aynı araçlar. Onları kullanırken kendinizi tam bir profesyonel gibi hissedeceksiniz!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Fikriniz"] --> B["⌨️ Kod Editörü<br/>(VS Code)"] 
+    B --> C["🌐 Tarayıcı Geliştirici Araçları<br/>(Test & Hata Ayıklama)"]
+    C --> D["⚡ Komut Satırı<br/>(Otomasyon & Araçlar)"]
+    D --> E["📚 Dokümantasyon<br/>(Öğrenme & Referans)"]
+    E --> F["🚀 Harika Web Uygulaması!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Yapay Zeka Asistanı<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Cihaz Testi<br/>(Duyarlı Tasarım)"]
+    D -.-> I["📦 Paket Yöneticileri<br/>(npm, yarn)"]
+    E -.-> J["👥 Topluluk<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -507,350 +505,348 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
+### Kod Editörleri ve IDE’ler: Yeni Dijital En İyi Dostlarınız
 
-### Kod Editörleri ve IDE'ler: Yeni Dijital En İyi Arkadaşlarınız
-
-Kod editörlerinden bahsedelim – bunlar gerçekten en sevdiğiniz yerler haline gelecek! Bunları dijital kreasyonlarınızı oluşturup mükemmelleştireceğiniz kişisel kodlama sığınağınız olarak düşünün.
+Kod editörlerinden bahsedelim – bunlar yakında en sevdiğiniz yeni mekanlar olacak! Onları kişisel kodlama sığınağınız olarak düşünün, zamanınızın çoğunu dijital eserlerinizi oluşturup mükemmelleştirerek burada geçireceksiniz.
 
-Ama işte modern editörleri gerçekten büyülü yapan şey: sadece süslü metin editörleri değiller. Sanki en parlak, destekleyici kodlama mentoru 7/24 yanınızda oturuyormuş gibi. Hatalarınızı fark etmeden önce yakalar, sizi bir dahi gibi gösteren iyileştirmeler önerir, her bir kod parçasının ne yaptığını anlamanıza yardımcı olur ve bazıları ne yazmak üzere olduğunuzu tahmin edip düşüncelerinizi tamamlamayı bile teklif eder!
+Ama modern editörleri özel yapan şey şu: sadece şık metin editörleri değiller. 7/24 yanınızda oturan en zeki, destekleyici kodlama akıl hocanız gibiler. Hatalarınızı fark etmeden önce yakalar, sizi dahi gösteren önerilerde bulunur, her satır kodun ne yaptığını anlamanıza yardım eder ve bazen yazacaklarınızı tahmin edip cümlenizi tamamlarlar!
 
-Otomatik tamamlama özelliğini ilk keşfettiğimde, kelimenin tam anlamıyla gelecekte yaşıyormuşum gibi hissettim. Bir şeyler yazmaya başlıyorsunuz ve editörünüz "Hey, tam olarak ihtiyacınız olan bu işlevi mi düşünüyordunuz?" diyor. Sanki bir zihin okuyucu kodlama arkadaşınız varmış gibi!
+Otomatik tamamlama ilk keşfettiğimde kendimi gelecekteymişim gibi hissetmiştim. Bir şeyler yazmaya başlarsınız ve editör der ki: "Hey, tam ihtiyacın olan şeyi düşünüyordun değil mi?" Kod yazarken zihin okuyucu bir arkadaşınız gibi!
 
-**Bu editörleri bu kadar inanılmaz yapan nedir?**
+**Bu editörleri bu kadar inanılmaz yapan ne?**
 
-Modern kod editörleri, üretkenliğinizi artırmak için tasarlanmış etkileyici bir dizi özellik sunar:
+Modern kod editörleri üretkenliğinizi artırmaya yönelik etkileyici özellikler sunar:
 
-| Özellik | Ne Yapar | Neden Yardımcı Olur |
-|---------|----------|---------------------|
-| **Sözdizimi Vurgulama** | Kodunuzun farklı bölümlerini renklendirir | Kodu okumayı ve hataları fark etmeyi kolaylaştırır |
+| Özellik | Ne Yapar | Neden İşe Yarar |
+|---------|----------|-----------------|
+| **Sözdizimi Vurgulama** | Kodun farklı parçalarını renklendirir | Kodun okunmasını ve hata tespiti kolay olur |
 | **Otomatik Tamamlama** | Yazarken kod önerir | Kodlamayı hızlandırır ve yazım hatalarını azaltır |
-| **Hata Ayıklama Araçları** | Hataları bulmanıza ve düzeltmenize yardımcı olur | Sorun giderme süresinden tasarruf sağlar |
-| **Eklentiler** | Özel özellikler ekler | Editörünüzü herhangi bir teknolojiye göre özelleştirir |
-| **AI Asistanları** | Kod ve açıklamalar önerir | Öğrenmeyi ve üretkenliği hızlandırır |
-
-> 🎥 **Video Kaynağı**: Bu araçları iş başında görmek ister misiniz? [İşin Araçları videosunu](https://youtube.com/watch?v=69WJeXGBdxg) inceleyerek kapsamlı bir genel bakış edinin.
-
-#### Web Geliştirme için Önerilen Editörler
-
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Ücretsiz)
-- Web geliştiriciler arasında en popüler olanı
-- Mükemmel eklenti ekosistemi
-- Dahili terminal ve Git entegrasyonu
-- **Mutlaka sahip olunması gereken eklentiler**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Yapay zeka destekli kod önerileri
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Gerçek zamanlı iş birliği
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Otomatik kod formatlama
+| **Hata Ayıklama Araçları** | Hataları bulup düzeltmeye yardım eder | Sorun giderme süresini saatlerce kısaltır |
+| **Eklentiler** | Uzmanlaşmış özellikler ekler | Her teknolojiye göre editörü özelleştirir |
+| **Yapay Zeka Asistanları** | Kod ve açıklamalar önerir | Öğrenme ve üretkenliği hızlandırır |
+
+> 🎥 **Video Kaynağı**: Bu araçları eylemde görmek ister misiniz? Bu kapsamlı bakış için [Tools of the Trade videosuna](https://youtube.com/watch?v=69WJeXGBdxg) göz atın.
+
+#### Web Geliştirme İçin Önerilen Editörler
+
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Ücretsiz)  
+- Web geliştiriciler arasında en popüler  
+- Mükemmel eklenti ekosistemi  
+- Yerleşik terminal ve Git entegrasyonu  
+- **Olmazsa olmaz eklentiler**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Yapay zeka destekli kod önerileri  
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Gerçek zamanlı iş birliği  
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Otomatik kod biçimlendirme  
   - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Kodunuzdaki yazım hatalarını yakalar
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Ücretli, öğrenciler için ücretsiz)
-- Gelişmiş hata ayıklama ve test araçları
-- Akıllı kod tamamlama
-- Dahili sürüm kontrolü
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Ücretli, öğrenciler için ücretsiz)  
+- Gelişmiş hata ayıklama ve test araçları  
+- Akıllı kod tamamlama  
+- Yerleşik versiyon kontrol
 
-**Bulut Tabanlı IDE'ler** (Farklı fiyatlandırma)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Tarayıcınızda tam VS Code
-- [Replit](https://replit.com/) - Kod öğrenmek ve paylaşmak için harika
-- [StackBlitz](https://stackblitz.com/) - Anında, tam yığın web geliştirme
+**Bulut Tabanlı IDE’ler** (Farklı fiyatlandırmalar)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - Tarayıcınızda tam VS Code  
+- [Replit](https://replit.com/) - Kod öğrenmek ve paylaşmak için harika  
+- [StackBlitz](https://stackblitz.com/) - Anında tam yığın web geliştirme
 
-> 💡 **Başlangıç İpucu**: Visual Studio Code ile başlayın – ücretsizdir, endüstride yaygın olarak kullanılır ve yardımcı eğitimler ve eklentiler oluşturan büyük bir topluluğa sahiptir.
+> 💡 **Başlangıç İpucu**: Visual Studio Code ile başlayın – ücretsiz, sektörde yaygın kullanılır ve büyük bir topluluk tarafından desteklenen sayısız faydalı rehber ve eklenti bulunuyor.
 
-### Web Tarayıcıları: Gizli Geliştirici Laboratuvarınız
 
-Tamam, zihniniz tamamen uçmaya hazır olsun! Sosyal medyada gezinmek ve video izlemek için tarayıcıları nasıl kullandığınızı biliyorsunuz, değil mi? Peki, aslında bu inanılmaz gizli geliştirici laboratuvarını her zaman sakladıklarını ve keşfetmenizi beklediklerini biliyor muydunuz?
+### Web Tarayıcıları: Gizli Geliştirme Laboratuvarınız
 
-Bir web sayfasına sağ tıklayıp "Öğeyi İncele" seçeneğini her seçtiğinizde, yüzlerce dolar ödediğim pahalı yazılımlardan daha güçlü olan bu gizli geliştirici araçları dünyasını açıyorsunuz. Sanki sıradan mutfağınızın gizli bir panelin arkasında profesyonel bir şefin laboratuvarını sakladığını keşfetmek gibi!
-Biri bana ilk kez tarayıcı geliştirici araçlarını gösterdiğinde, üç saat boyunca sadece tıklayıp "BEKLE, BUNU DA MI YAPABİLİYOR?!" diye şaşırarak vakit geçirdim. Gerçek zamanlı olarak herhangi bir web sitesini düzenleyebilir, her şeyin ne kadar hızlı yüklendiğini görebilir, sitenizin farklı cihazlarda nasıl göründüğünü test edebilir ve hatta JavaScript'i tam bir profesyonel gibi hata ayıklayabilirsiniz. Bu gerçekten akıl almaz bir şey!
+Tamam, aklınız başınızdan gidecek! Sosyal medyada gezinmek ve video izlemek için kullandığınız tarayıcılar aslında sizi bekleyen muazzam gizli bir geliştirici laboratuvarı saklıyormuş!
 
-**İşte tarayıcıların neden gizli silahınız olduğu:**
+Herhangi bir sayfada sağ tıklayıp "Öğeyi incele"yi seçtiğinizde aslında yüzlerce dolar harcadığım bazı pahalı yazılımlardan daha güçlü geliştirici araçlarının olduğu gizli bir dünyayı açıyorsunuz. Bu, sıradan eski mutfağınızın arkasındaki gizli panelin profesyonel bir şefin laboratuvarına açılması gibi!
+İlk kez biri bana tarayıcı DevTools’u gösterdiğinde, yaklaşık üç saat sadece tıklayıp durdum ve "BEKLE, BU DA MI YAPIYOR?!" diye bağırıyordum. Gerçek zamanlı olarak herhangi bir web sitesini düzenleyebilir, her şeyin ne kadar hızlı yüklendiğini tam olarak görebilir, sitenizin farklı cihazlarda nasıl göründüğünü test edebilir ve hatta JavaScript’i tam bir profesyonel gibi hata ayıklayabilirsiniz. Bu tamamen akıl almaz bir şey!
 
-Bir web sitesi veya web uygulaması oluşturduğunuzda, gerçek dünyada nasıl göründüğünü ve davrandığını görmeniz gerekir. Tarayıcılar sadece çalışmalarınızı görüntülemekle kalmaz, aynı zamanda performans, erişilebilirlik ve olası sorunlar hakkında ayrıntılı geri bildirim sağlar.
+**İşte tarayıcıların sizin gizli silahınız olmasının nedeni:**
+
+Bir web sitesi ya da web uygulaması oluşturduğunuzda, onun gerçek hayatta nasıl göründüğünü ve davrandığını görmeniz gerekir. Tarayıcılar sadece işinizi göstermekle kalmaz, aynı zamanda performans, erişilebilirlik ve olası sorunlar hakkında detaylı geri bildirim sağlar.
 
 #### Tarayıcı Geliştirici Araçları (DevTools)
 
-Modern tarayıcılar kapsamlı geliştirme araçları içerir:
+Modern tarayıcılar kapsamlı geliştirme paketleri içerir:
 
 | Araç Kategorisi | Ne Yapar | Örnek Kullanım Durumu |
-|-----------------|----------|-----------------------|
-| **Element Inspector** | HTML/CSS'i gerçek zamanlı görüntüleyin ve düzenleyin | Stil ayarlarını hemen görmek için düzenleme yapın |
-| **Console** | Hata mesajlarını görüntüleyin ve JavaScript'i test edin | Sorunları giderin ve kodla deney yapın |
-| **Network Monitor** | Kaynakların nasıl yüklendiğini takip edin | Performansı ve yükleme sürelerini optimize edin |
-| **Accessibility Checker** | Kapsayıcı tasarımı test edin | Sitenizin tüm kullanıcılar için çalıştığından emin olun |
-| **Device Simulator** | Farklı ekran boyutlarında önizleme yapın | Birden fazla cihaz olmadan duyarlı tasarımı test edin |
+|-----------------|----------|----------------------|
+| **Element Denetleyicisi** | HTML/CSS’i gerçek zamanlı görüntüleyip düzenleme | Stil düzenleyerek anında sonuçları görme |
+| **Konsol** | Hata mesajlarını görüntüleme ve JavaScript testi | Sorunları hata ayıklama ve kod ile deneme yapma |
+| **Ağ İzleyici** | Kaynakların nasıl yüklendiğini takip etme | Performans ve yükleme sürelerini optimize etme |
+| **Erişilebilirlik Denetleyicisi** | Kapsayıcı tasarımı test etme | Sitenizin herkes için çalıştığından emin olma |
+| **Cihaz Simülatörü** | Farklı ekran boyutlarında önizleme | Çoklu cihaz olmadan duyarlı tasarımı test etme |
 
 #### Geliştirme İçin Önerilen Tarayıcılar
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Geniş dokümantasyona sahip endüstri standardı DevTools
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Kapsamlı dökümantasyonlu endüstri standardı DevTools
 - **[Firefox](https://developer.mozilla.org/docs/Tools)** - Mükemmel CSS Grid ve erişilebilirlik araçları
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Chromium tabanlı ve Microsoft'un geliştirici kaynaklarıyla birlikte
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Microsoft’un geliştirme kaynaklarıyla Chromium tabanlı
 
-> ⚠️ **Önemli Test İpucu**: Web sitelerinizi her zaman birden fazla tarayıcıda test edin! Chrome'da mükemmel çalışan bir şey Safari veya Firefox'ta farklı görünebilir. Profesyonel geliştiriciler, tutarlı kullanıcı deneyimleri sağlamak için tüm büyük tarayıcılarda test yapar.
+> ⚠️ **Önemli Test İpucu**: Web sitelerinizi her zaman birden fazla tarayıcıda test edin! Chrome’da mükemmel çalışan bir şey Safari veya Firefox’ta farklı görünebilir. Profesyonel geliştiriciler tutarlı kullanıcı deneyimleri için tüm büyük tarayıcılarda test yapar.
 
-### Komut Satırı Araçları: Geliştirici Süper Güçlerine Açılan Kapı
+### Komut Satırı Araçları: Geliştirici Süper Güçlerine Açılan Kapınız
 
-Tamamen dürüst bir an paylaşalım, çünkü bunu gerçekten anlayan birinden duymanızı istiyorum. İlk gördüğümde – sadece korkutucu bir siyah ekran ve yanıp sönen metin – kelimenin tam anlamıyla "Hayır, kesinlikle hayır! Bu 1980'lerin hacker filmlerinden bir şey gibi görünüyor ve kesinlikle bunun için yeterince zeki değilim!" diye düşündüm. 😅
+Tamam, burada komut satırıyla ilgili tamamen dürüst bir an geçirelim çünkü bunu gerçekten anlayan birinden duymanızı istiyorum. İlk kez gördüğümde – sadece bu korkutucu, siyah ekran ve yanıp sönen metin – kelimenin tam anlamıyla düşündüm ki: "Hayır, kesinlikle hayır! Bu sanki 1980’ler hacker filmi gibi ve ben kesinlikle bunun için yeterince zeki değilim!" 😅
 
-Ama keşke o zaman biri bana şunu söyleseydi ve şimdi size söylüyorum: komut satırı korkutucu değil – aslında bilgisayarınızla doğrudan bir konuşma yapmak gibi. Bunu, yemek siparişi verdiğiniz bir uygulama ile (güzel ve kolay) favori yerel restoranınıza gidip şefinize "bana harika bir şeyle sürpriz yap" dediğiniz arasındaki fark gibi düşünün.
+Ama keşke biri bana o zamanlar şunu söyleseydi ve şimdi size söylüyorum: komut satırı korkutucu değildir – aslında bilgisayarınızla doğrudan konuşmak gibidir. Bunu, resimlerin ve menülerin olduğu şık bir uygulama aracılığıyla yemek sipariş etmekle (ki bu kolaydır) vs. favori yerel restoranınıza gidip, aşçının tam olarak ne sevdiğinizi bilip sadece "beni harika bir şeyle şaşırt" demenizle kıyaslayın.
 
-Komut satırı, geliştiricilerin kendilerini tam bir büyücü gibi hissetmek için gittikleri yerdir. Birkaç sihirli kelime (tamam, sadece komutlar ama sihirli gibi hissediliyor!) yazarsınız, enter tuşuna basarsınız ve BAM – tüm proje yapıları oluşturmuş, dünyanın dört bir yanından güçlü araçlar yüklemiş veya uygulamanızı milyonlarca kişinin görebileceği şekilde internete yüklemiş olursunuz. Bu gücü bir kez tattığınızda, gerçekten bağımlılık yapıcı!
+Komut satırı, geliştiricilerin kendilerini tam anlamıyla büyücü gibi hissettikleri yerdir. Birkaç sihirli kelime (tamam, bunlar sadece komut ama sihirliymiş gibi hissediliyor!), enter tuşuna basarsınız ve BOOM – tam projeler oluşturur, dünyadan güçlü araçlar indirir veya uygulamanızı milyonlarca kişinin görebilmesi için internete yüklersiniz. Bu gücün tadına varınca, gerçekten bağımlılık yapıyor!
 
-**Komut satırını neden seveceksiniz:**
+**Komut satırının favori aracınız olmasının nedenleri:**
 
-Grafik arayüzler birçok görev için harika olsa da, komut satırı otomasyon, hassasiyet ve hızda üstünlük sağlar. Birçok geliştirme aracı esas olarak komut satırı arayüzleri aracılığıyla çalışır ve bunları verimli bir şekilde kullanmayı öğrenmek üretkenliğinizi önemli ölçüde artırabilir.
+Grafiksel arayüzler birçok görev için iyidir, ancak komut satırı otomasyon, hassasiyet ve hızda ustadır. Birçok geliştirme aracı öncelikle komut satırı arayüzüyle çalışır ve onları verimli öğrenmek üretkenliğinizi dramatik şekilde artırabilir.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Adım 1: Proje dizinini oluşturun ve içine gidin
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Bu kod ne yapar:**
+**Bu kod ne yapıyor:**
 - Projeniz için "my-awesome-website" adlı yeni bir dizin oluşturur
-- Çalışmaya başlamak için yeni oluşturulan dizine geçiş yapar
+- Yeni oluşturulan dizine geçip çalışmaya başlar
 
 ```bash
-# Step 2: Initialize project with package.json
+# Adım 2: package.json ile projeyi başlat
 npm init -y
 
-# Install modern development tools
+# Modern geliştirme araçlarını yükle
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Adım adım, burada olanlar:**
-- `npm init -y` kullanarak varsayılan ayarlarla yeni bir Node.js projesi başlatır
-- Hızlı geliştirme ve üretim yapıları için modern bir yapı aracı olan Vite'ı yükler
-- Otomatik kod biçimlendirme için Prettier ve kod kalitesi kontrolleri için ESLint ekler
-- `--save-dev` bayrağını kullanarak bunları yalnızca geliştirme bağımlılıkları olarak işaretler
+**Adım adım olanlar:**
+- `npm init -y` ile varsayılan ayarlarla yeni bir Node.js projesi başlatılır
+- Hızlı geliştirme ve üretim yapıları için modern yapım aracı Vite kurulur
+- Otomatik kod biçimlendirme için Prettier ve kod kalitesi için ESLint eklenir
+- Bu araçlar sadece geliştirme bağımlılıkları olarak `--save-dev` bayrağı ile işaretlenir
 
 ```bash
-# Step 3: Create project structure and files
+# Adım 3: Proje yapısını ve dosyaları oluşturun
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Geliştirme sunucusunu başlatın
 npx vite
 ```
 
-**Yukarıda, şunları yaptık:**
-- Kaynak kodu ve varlıklar için ayrı klasörler oluşturarak projemizi düzenledik
+**Yukarıdaki işlemlerde:**
+- Projemizi kaynak kod ve varlıklar için ayrı klasörlerle organize ettik
 - Uygun belge yapısına sahip temel bir HTML dosyası oluşturduk
-- Canlı yeniden yükleme ve sıcak modül değiştirme için Vite geliştirme sunucusunu başlattık
+- Canlı yenileme ve sıcak modül değişimi için Vite geliştirme sunucusunu başlattık
 
 #### Web Geliştirme İçin Temel Komut Satırı Araçları
 
-| Araç | Amaç | Neden İhtiyacınız Var? |
-|------|------|------------------------|
-| **[Git](https://git-scm.com/)** | Sürüm kontrolü | Değişiklikleri takip edin, başkalarıyla iş birliği yapın, çalışmalarınızı yedekleyin |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript çalışma zamanı ve paket yönetimi | Tarayıcılar dışında JavaScript çalıştırın, modern geliştirme araçlarını yükleyin |
-| **[Vite](https://vitejs.dev/)** | Yapı aracı ve geliştirme sunucusu | Sıcak modül değiştirme ile hızlı geliştirme |
-| **[ESLint](https://eslint.org/)** | Kod kalitesi | JavaScript'teki sorunları otomatik olarak bulun ve düzeltin |
-| **[Prettier](https://prettier.io/)** | Kod biçimlendirme | Kodunuzu tutarlı bir şekilde biçimlendirin ve okunabilirliğini artırın |
+| Araç | Amaç | Neden Gerekiyor |
+|------|-------|-----------------|
+| **[Git](https://git-scm.com/)** | Sürüm kontrolü | Değişiklikleri takip etme, işbirliği yapma, yedeğini alma |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript çalışma zamanı ve paket yönetimi | JavaScript’i tarayıcı dışında çalıştırma, modern araçlar yükleme |
+| **[Vite](https://vitejs.dev/)** | Yapım aracı ve geliştirme sunucusu | Çok hızlı geliştirme ve sıcak modül değişimi |
+| **[ESLint](https://eslint.org/)** | Kod kalitesi | JavaScript’teki sorunları otomatik bulup düzeltme |
+| **[Prettier](https://prettier.io/)** | Kod biçimlendirme | Kodunuzu tutarlı ve okunabilir hale getirme |
 
-#### Platforma Özgü Seçenekler
+#### Platforma Özel Seçenekler
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern, özellik açısından zengin terminal
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Güçlü bir betik ortamı
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Geleneksel Windows komut satırı
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern ve zengin özellikli terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Güçlü betik yazma ortamı
+- **[Komut İstemi](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Geleneksel Windows komut satırı
 
 **macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Dahili terminal uygulaması
-- **[iTerm2](https://iterm2.com/)** - Gelişmiş özelliklere sahip terminal
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Yerleşik terminal uygulaması
+- **[iTerm2](https://iterm2.com/)** - Gelişmiş özelliklerle zenginleştirilmiş terminal
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standart Linux kabuğu
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Gelişmiş terminal emülatörü
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - İleri seviye terminal emülatörü
 
-> 💻 = İşletim sistemine önceden yüklenmiş
+> 💻 = İşletim sistemine ön yüklü
 
-> 🎯 **Öğrenme Yolu**: `cd` (dizin değiştirme), `ls` veya `dir` (dosyaları listeleme) ve `mkdir` (klasör oluşturma) gibi temel komutlarla başlayın. `npm install`, `git status` ve `code .` (VS Code'da geçerli dizini açar) gibi modern iş akışı komutlarıyla pratik yapın. Daha rahat hale geldikçe, doğal olarak daha gelişmiş komutlar ve otomasyon tekniklerini öğrenirsiniz.
+> 🎯 **Öğrenme Yolu**: Öncelikle `cd` (dizin değiştir), `ls` veya `dir` (dosyaları listele), `mkdir` (klasör oluştur) gibi temel komutlarla başlayın. `npm install`, `git status` ve `code .` (şu anki dizini VS Code’da açar) gibi modern iş akışı komutları üzerinde pratik yapın. Rahat geldikçe daha gelişmiş komutları ve otomasyon tekniklerini doğal olarak öğreneceksiniz.
 
-### Dokümantasyon: Her Zaman Ulaşılabilir Öğrenme Rehberiniz
+### Dokümantasyon: Her Zaman Yanınızda Olan Öğrenme Mentorunuz
 
-Tamam, size bir sır vereyim, bu başlangıçta olmanızı çok daha iyi hissettirecek: en deneyimli geliştiriciler bile zamanlarının büyük bir kısmını dokümantasyon okuyarak geçirir. Ve bu, ne yaptıklarını bilmedikleri için değil – aslında bu bir bilgelik işaretidir!
+Tamam, size başlangıçta olduğunuzu hissetmenizi çok daha iyi hale getirecek küçük bir sır vereyim: En deneyimli geliştiriciler bile zamanlarının büyük bir kısmını dokümantasyon okuyarak geçirir. Ve bu, ne yaptıklarını bilmedikleri için değil – aslında bu bir bilgelik işaretidir!
 
-Dokümantasyonu, dünyanın en sabırlı, bilgili öğretmenlerine 7/24 erişim sağlamak gibi düşünün. Gece 2'de bir sorunla mı karşılaştınız? Dokümantasyon, sıcak bir sanal kucaklama ve tam olarak ihtiyacınız olan cevapla orada. Herkesin konuştuğu yeni bir özellik hakkında bilgi mi edinmek istiyorsunuz? Dokümantasyon size adım adım örneklerle yardımcı olur. Bir şeyin neden bu şekilde çalıştığını anlamaya mı çalışıyorsunuz? Tahmin edin – dokümantasyon bunu nihayet anlamanızı sağlayacak şekilde açıklamaya hazır!
+Dokümantasyonu, dünyanın en sabırlı, bilgili öğretmenlerine 7/24 erişiminiz olarak düşünebilirsiniz. Saat 2’de bir problemle mi takıldınız? Dokümantasyon size sıcak bir sanal kucaklama ile tam gereken cevabı verir. Herkesin konuştuğu yeni bir özellik hakkında mı öğrenmek istiyorsunuz? Dokümantasyon adım adım örneklerle yanınızdadır. Bir şeyin neden böyle çalıştığını anlamaya mı çalışıyorsunuz? Tahmin edin – dokümantasyon bunu size nihayet anlar hale getirir!
 
-Bakış açımı tamamen değiştiren bir şey: web geliştirme dünyası inanılmaz hızlı hareket ediyor ve kimse (kesinlikle kimse!) her şeyi ezbere tutmuyor. 15+ yıllık deneyime sahip kıdemli geliştiricilerin temel sözdizimini aradığını gördüm ve biliyor musunuz? Bu utanç verici değil – bu akıllıca! Mesele mükemmel bir hafızaya sahip olmak değil; güvenilir cevapları hızlı bir şekilde bulmayı ve bunları nasıl uygulayacağınızı anlamayı bilmek.
+Perspektifimi tamamen değiştiren bir şey: Web geliştirme dünyası inanılmaz hızlı hareket ediyor ve hiç kimse (kesinlikle kimse!) her şeyi ezberliyor değil. 15+ yıllık kıdemli geliştiricilerin bile temel sözdizimini aradığını gördüm ve biliyor musunuz? Bu utanılacak bir şey değil – bu zekice! Mükemmel hafıza olmak değil, güvenilir cevapları hızlıca nereden bulacağını bilmek ve onları nasıl uygulayacağını anlamak önemli.
 
-**Gerçek sihir burada gerçekleşiyor:**
+**Asıl sihir burada oluyor:**
 
-Profesyonel geliştiriciler zamanlarının önemli bir kısmını dokümantasyon okuyarak geçirir – bu, ne yaptıklarını bilmedikleri için değil, web geliştirme ortamı o kadar hızlı evrim geçiriyor ki güncel kalmak sürekli öğrenmeyi gerektiriyor. Harika dokümantasyon, bir şeyi nasıl kullanacağınızı değil, aynı zamanda neden ve ne zaman kullanacağınızı anlamanıza yardımcı olur.
+Profesyonel geliştiriciler zamanlarının büyük bölümünü dokümantasyon okuyarak geçirirler – çünkü web geliştirme ortamı o kadar hızlı değişir ki güncel kalmak sürekli öğrenmeyi gerektirir. Harika dokümantasyon, sadece *nasıl* kullanılır değil, *neden* ve *ne zaman* kullanılacağını da anlamanıza yardımcı olur.
 
 #### Temel Dokümantasyon Kaynakları
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Web teknolojisi dokümantasyonu için altın standart
-- HTML, CSS ve JavaScript için kapsamlı rehberler
+- Web teknolojileri dokümantasyonunun altın standardı
+- HTML, CSS ve JavaScript için kapsamlı kılavuzlar
 - Tarayıcı uyumluluk bilgileri içerir
 - Pratik örnekler ve etkileşimli demolar sunar
 
 **[Web.dev](https://web.dev)** (Google tarafından)
 - Modern web geliştirme en iyi uygulamaları
 - Performans optimizasyon rehberleri
-- Erişilebilirlik ve kapsayıcı tasarım ilkeleri
+- Erişilebilirlik ve kapsayıcı tasarım prensipleri
 - Gerçek dünya projelerinden vaka çalışmaları
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge tarayıcı geliştirme kaynakları
-- İleri Web Uygulaması rehberleri
-- Çapraz platform geliştirme içgörüleri
+- Progresif Web Uygulama rehberleri
+- Platformlar arası geliştirme içgörüleri
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+**[Frontend Masters Öğrenme Yolları](https://frontendmasters.com/learn/)**
 - Yapılandırılmış öğrenme müfredatları
-- Endüstri uzmanlarından video kursları
+- Sektör uzmanlarından video kurslar
 - Uygulamalı kodlama egzersizleri
 
-> 📚 **Çalışma Stratejisi**: Dokümantasyonu ezberlemeye çalışmayın – bunun yerine, içinde nasıl gezinileceğini öğrenin. Sık kullanılan referansları yer imlerine ekleyin ve belirli bilgileri hızlı bir şekilde bulmak için arama işlevlerini kullanma pratiği yapın.
+> 📚 **Çalışma Stratejisi**: Dokümantasyonu ezberlemeye çalışmayın – bunun yerine verimli gezmeyi öğrenin. Sık kullandığınız referansları yer imlerine ekleyin ve belirli bilgileri hızlı bulmak için arama fonksiyonlarını kullanarak pratik yapın.
 
-### 🔧 **Araç Ustalığı Kontrolü: Sizi En Çok Heyecanlandıran Nedir?**
+### 🔧 **Araç Ustalığı Kontrolü: Size Ne Çarpıyor?**
 
-**Bir an durup düşünün:**
-- İlk olarak denemek için en çok hangi aracı merak ediyorsunuz? (Yanlış cevap yok!)
-- Komut satırı hala korkutucu mu geliyor, yoksa merak mı uyandırıyor?
-- Tarayıcı DevTools'u kullanarak favori web sitelerinizin perde arkasına bakmayı hayal edebiliyor musunuz?
+**Bir an düşünün:**
+- İlk olarak hangi aracı denemek için en çok heyecanlanıyorsunuz? (Yanlış cevap yok!)
+- Komut satırı hâlâ korkutucu mu geliyor yoksa merak mı ettiriyor?
+- Tarayıcı DevTools’u kullanarak favori web sitelerinizin perde arkasına bakmayı hayal edebiliyor musunuz?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Geliştiricinin Araçlarla Geçirdiği Zaman"
+    "Kod Editörü" : 40
+    "Tarayıcı Testi" : 25
+    "Komut Satırı" : 15
+    "Doküman Okuma" : 15
+    "Hata Ayıklama" : 5
 ```
+> **Eğlenceli bir bilgi**: Çoğu geliştirici zamanlarının yaklaşık %40’ını kod editöründe geçirir, ama test etme, öğrenme ve problem çözmeye ne kadar zaman harcandığını fark edin. Programlama sadece kod yazmak değil – deneyimler yaratmaktır!
 
-> **Eğlenceli bilgi**: Çoğu geliştirici zamanlarının yaklaşık %40'ını kod editörlerinde geçirir, ancak test, öğrenme ve sorun çözme için ne kadar zaman harcadıklarına dikkat edin. Programlama sadece kod yazmakla ilgili değil – deneyimler yaratmakla ilgilidir!
-
-✅ **Düşünce için yiyecek**: İşte ilginç bir şey – web siteleri oluşturmak için kullanılan araçlar (geliştirme) ile nasıl göründüklerini tasarlamak için kullanılan araçlar (tasarım) arasındaki farklar hakkında ne düşünüyorsunuz? Bu, güzel bir ev tasarlayan bir mimar ile onu gerçekten inşa eden müteahhit arasındaki fark gibidir. Her ikisi de çok önemlidir, ancak farklı alet çantalarına ihtiyaç duyarlar! Bu tür bir düşünce, web sitelerinin nasıl hayata geçtiğini daha büyük bir perspektifle görmenize gerçekten yardımcı olacaktır.
+✅ **Düşünmek için yiyecek**: Düşünmeniz için ilginç bir şey – web siteleri oluşturmanın araçları (geliştirme) ile onların nasıl göründüğünü tasarlamanın araçları (tasarım) nasıl farklı olabilir? Bu, güzel bir ev tasarlayan bir mimar ile onu gerçekten inşa eden müteahhit arasındaki fark gibidir. İkisi de kritik, ama farklı alet kutularına ihtiyaç duyar! Bu tarz düşünme, web sitelerinin nasıl hayat bulduğunu anlamanızda büyük resmi görmenizi sağlayacak.
 
-## GitHub Copilot Agent Challenge 🚀
+## GitHub Copilot Agent Meydan Okuması 🚀
 
 Agent modunu kullanarak aşağıdaki meydan okumayı tamamlayın:
 
-**Açıklama:** Modern bir kod editörü veya IDE'nin özelliklerini keşfedin ve bir web geliştirici olarak iş akışınızı nasıl geliştirebileceğini gösterin.
+**Açıklama:** Modern bir kod editörü veya IDE’nin özelliklerini keşfedin ve bir web geliştiricisi olarak iş akışınızı nasıl geliştirebileceğini gösterin.
 
-**Talimat:** Visual Studio Code, WebStorm veya bulut tabanlı bir IDE gibi bir kod editörü veya IDE seçin. Kod yazmayı, hata ayıklamayı veya kodu daha verimli bir şekilde sürdürmeyi kolaylaştıran üç özellik veya uzantıyı listeleyin. Her biri için, iş akışınıza nasıl fayda sağladığını kısaca açıklayın.
+**İstek:** Bir kod editörü veya IDE seçin (örneğin Visual Studio Code, WebStorm veya bulut tabanlı IDE). Kod yazmayı, hata ayıklamayı veya kod bakımı yapmayı daha verimli hale getiren üç özellik veya eklenti listeleyin. Her biri için iş akışınıza sağladığı faydayı kısa açıklayın.
 
 ---
 
 ## 🚀 Meydan Okuma
 
-**Tamam, dedektif, ilk davanı çözmeye hazır mısın?**
+**Tamam, dedektif, ilk davan için hazır mısın?**
 
-Şimdi bu harika temeli aldığınıza göre, programlama dünyasının ne kadar çeşitli ve büyüleyici olduğunu görmenize yardımcı olacak bir maceram var. Ve dinleyin – bu henüz kod yazmakla ilgili değil, bu yüzden endişelenmeyin! Kendinizi ilk heyecan verici davasında bir programlama dili dedektifi olarak düşünün!
+Artık bu harika temele sahipsin, sana programlama dünyasının ne kadar çeşitli ve heyecan verici olduğunu gösterecek bir macera hazırladım. Ve dinle – bu henüz kod yazmakla ilgili değil, yani baskı yok! Kendini çok heyecanlı ilk davanda programlama dili dedektifi gibi düşün!
 
-**Göreviniz, kabul ederseniz:**
-1. **Bir dil kaşifi olun**: Tamamen farklı evrenlerden üç programlama dili seçin – belki biri web siteleri oluşturuyor, biri mobil uygulamalar yapıyor ve biri bilim insanları için veri işliyor. Her dilde aynı basit görevin nasıl yazıldığını gösteren örnekler bulun. Aynı şeyi yaparken ne kadar farklı görünebileceklerine kesinlikle hayran kalacaksınız!
+**İşi, kabul edersen:**
+1. **Bir dil gezgini ol:** Tamamen farklı üç programlama dili seç – belki biri web sitesi yapar, biri mobil uygulama oluşturur, biri bilim insanları için veri işler. Aynı basit görevin her dille yazılmış örneklerini bulun. Sizi kesinlikle şaşırtacak, çünkü aynı şeyi yaparken ne kadar farklı görünebileceklerini göreceksiniz!
 
-2. **Köken hikayelerini ortaya çıkarın**: Her dilin özel kılan nedir? İşte havalı bir gerçek – her bir programlama dili, birisi "Biliyor musunuz? Bu belirli sorunu çözmek için daha iyi bir yol olmalı." diye düşündüğü için yaratıldı. Bu sorunların ne olduğunu bulabilir misiniz? Bu hikayeler gerçekten büyüleyici!
+2. **Köken hikayelerini ortaya çıkar:** Her dili özel yapan ne? Şöyle güzel bir gerçek – her programlama dili birileri, “Biliyor musunuz? Bu belirli sorunu çözmenin daha iyi bir yolu olmalı” diye düşündüğü için yaratıldı. Bu sorunların neler olduğunu çözebilir misiniz? Bazıları gerçekten büyüleyici hikayeler!
 
-3. **Topluluklarla tanışın**: Her dilin topluluğunun ne kadar misafirperver ve tutkulu olduğunu kontrol edin. Bazılarında milyonlarca geliştirici bilgi paylaşır ve birbirine yardım eder, diğerleri daha küçük ama inanılmaz derecede sıkı ve destekleyicidir. Bu toplulukların farklı kişiliklerini görmekten keyif alacaksınız!
+3. **Topluluklarla tanış:** Her dilin topluluğu ne kadar samimi ve tutkulu? Bazılarının milyonlarca geliştirici bilgi paylaşıyor ve yardım ediyor, bazıları küçük ama çok sıkı ve destekleyici. Bu farklı kişilikleri görmek çok keyifli olacak!
 
-4. **İçgüdülerinizi takip edin**: Şu anda size en yakın gelen dil hangisi? "Mükemmel" seçimi yapma konusunda endişelenmeyin – sadece içgüdülerinizi dinleyin! Burada kesinlikle yanlış bir cevap yok ve daha sonra diğerlerini keşfedebilirsiniz.
+4. **İçgüdülerinize güven:** Şu anda hangi dil size en erişilebilir görünüyor? “Mükemmel” seçimi yapmaya çalışmayın – sadece sezgilerinizi dinleyin! Burada yanlış cevap yok, istediğiniz zaman başka dilleri de keşfedebilirsiniz.
 
-**Bonus dedektiflik çalışması**: Her dilde hangi büyük web sitelerinin veya uygulamaların oluşturulduğunu keşfedebilir misiniz? Instagram, Netflix veya durmadan oynadığınız o mobil oyunun neyle çalıştığını öğrenince kesinlikle şaşıracaksınız!
+**Bonus dedektif çalışması:** Her dil ile hangi büyük web sitelerinin veya uygulamaların yapıldığını keşfedebilir misiniz? Instagram, Netflix veya hiç durmadan oynadığınız o mobil oyunun hangi dil(ler)le yapıldığını öğrenince kesinlikle şaşıracaksınız!
 
-> 💡 **Unutmayın**: Bugün bu dillerden herhangi birinde uzman olmaya çalışmıyorsunuz. Sadece mahalleyi tanımaya çalışıyorsunuz, sonra nerede dükkan açmak istediğinize karar vereceksiniz. Zaman ayırın, bununla eğlenin ve merakınızın sizi yönlendirmesine izin verin!
+> 💡 **Unutmayın**: Bugün bu dillerin uzmanı olmaya çalışmıyorsunuz. Sadece mahalleyi tanıyorsunuz, nerede yerleşeceğinize karar vermeden önce. Acele etmeyin, eğlenin ve merakınıza izin verin!
 
 ## Keşfettiklerinizi Kutlayalım!
 
-Aman Tanrım, bugün ne kadar inanılmaz bilgi öğrendiniz! Bu harika yolculuğun ne kadarının sizinle kaldığını görmek için gerçekten heyecanlıyım. Ve unutmayın – bu, her şeyi mükemmel yapmanız gereken bir test değil. Bu, öğrendiğiniz tüm harika şeyleri kutlamak gibi bir şey!
+Vay be, bugün inanılmaz çok bilgi absorbe ettiniz! Gerçekten bu muhteşem yolculuktan ne kadar şey öğrenmiş olduğunuzu görmek için heyecanlıyım. Ve unutmayın – bu her şeyi tamamen doğru yapmak zorunda olduğunuz bir test değil. Bu, dalmaya hazır olduğunuz bu büyüleyici dünya hakkında öğrendiğiniz tüm harika şeyleri kutlamak gibi!
 
-[Post-lesson quiz'i çözmek için tıklayın](https://ff-quizzes.netlify.app/web/)
-## İnceleme ve Kendi Kendine Çalışma
+[Ders sonrası sınava katılın](https://ff-quizzes.netlify.app/web/)
 
-**Zaman ayırın, keşfedin ve eğlenin!**
+## Gözden Geçirme ve Kendi Kendine Çalışma
 
-Bugün çok şey öğrendiniz ve bununla gurur duymalısınız! Şimdi eğlenceli kısım başlıyor – ilginizi çeken konuları keşfetmek. Unutmayın, bu bir ödev değil – bu bir macera!
+**Keşfetmek için zaman ayırın ve eğlenin!**
+Bugün çok şey öğrendiniz ve bu gurur duyulacak bir şey! Şimdi eğlenceli kısım geliyor – merakınızı tetikleyen konuları keşfetmek. Unutmayın, bu ödev değil – bu bir macera!
 
-**Sizi heyecanlandıran konulara daha derinlemesine dalın:**
+**İlginizi çeken konulara derinlemesine dalın:**
 
-**Programlama dilleriyle pratik yapın:**
-- İlginizi çeken 2-3 dilin resmi web sitelerini ziyaret edin. Her birinin kendine özgü bir kişiliği ve hikayesi var!
-- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) veya [Replit](https://replit.com/) gibi çevrimiçi kodlama platformlarını deneyin. Denemekten çekinmeyin – hiçbir şeyi bozmazsınız!
-- Sevdiğiniz programlama dilinin nasıl ortaya çıktığını okuyun. Gerçekten, bu köken hikayeleri büyüleyici ve dillerin neden bu şekilde çalıştığını anlamanıza yardımcı olacak.
+**Programlama dilleriyle pratiğe başlayın:**
+- Dikkatinizi çeken 2-3 dilin resmi web sitelerini ziyaret edin. Her birinin kendine özgü bir kişiliği ve hikayesi var!
+- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) veya [Replit](https://replit.com/) gibi çevrimiçi kod yazma ortamlarını deneyin. Denemekten çekinmeyin – hiçbir şeyi bozamazsınız!
+- Sevdiğiniz dilin nasıl ortaya çıktığını okuyun. Cidden, bazı başlangıç hikayeleri çok ilginç ve dillerin neden böyle çalıştığını anlamanıza yardımcı olacak.
 
-**Yeni araçlarınızla rahat olun:**
-- Henüz indirmediyseniz Visual Studio Code'u indirin – ücretsiz ve kesinlikle seveceksiniz!
-- Uzantılar pazarında birkaç dakika geçirin. Kod editörünüz için bir uygulama mağazası gibi!
-- Tarayıcınızın Geliştirici Araçlarını açın ve etrafta tıklayın. Her şeyi anlamaya çalışmayın – sadece orada neler olduğunu öğrenin.
+**Yeni araçlarınıza alışın:**
+- Eğer indirip kurmadıysanız Visual Studio Code'u indirin – ücretsizdir ve çok seveceksiniz!
+- Uzantılar pazaryerinde birkaç dakika gezin. Burası kod editörünüz için bir uygulama mağazası gibi!
+- Tarayıcınızın Geliştirici Araçlarını açın ve etrafa tıklayın. Her şeyi anlamaya çalışmayın – orada neler olduğunu keşfedin.
 
 **Topluluğa katılın:**
-- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) veya [GitHub](https://github.com/) gibi geliştirici topluluklarını takip edin. Programlama topluluğu yeni başlayanlara inanılmaz derecede sıcak davranır!
-- YouTube'da yeni başlayanlar için dostça kodlama videoları izleyin. Başlangıçta olmanın nasıl bir şey olduğunu hatırlayan harika içerik üreticiler var.
-- Yerel buluşmalara veya çevrimiçi topluluklara katılmayı düşünün. Emin olun, geliştiriciler yeni başlayanlara yardım etmeyi çok sever!
-
-> 🎯 **Dinleyin, hatırlamanızı istediğim şey şu**: Bir gecede kodlama uzmanı olmanız beklenmiyor! Şu anda, parçası olacağınız bu harika yeni dünyayı tanıyorsunuz. Zaman ayırın, yolculuğun tadını çıkarın ve unutmayın – hayranlık duyduğunuz her bir geliştirici bir zamanlar tam olarak sizin şu an oturduğunuz yerde oturuyordu, heyecanlı ve belki biraz bunalmış hissediyordu. Bu tamamen normal ve doğru yolda olduğunuz anlamına geliyor.
-
+- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) veya [GitHub](https://github.com/) gibi geliştirici topluluklarını takip edin. Programlama topluluğu yeni başlayanlara inanılmaz derecede dostça yaklaşır!
+- YouTube’da yeni başlayanlara yönelik kodlama videoları izleyin. Başlayanların nasıl hissettiğini bilen çok harika yaratıcılar var.
+- Yerel buluşmalara veya çevrimiçi topluluklara katılmayı düşünün. İnanın bana, geliştiriciler yeni başlayanlara yardım etmeyi çok sever!
 
+> 🎯 **Dinle, aklında tutman gereken şudur**: Bir anda kodlama büyücüsü olman beklenmiyor! Şu anda sadece bu harika yeni dünyayı tanımaya başlıyorsun. Acele etme, yolculuğun tadını çıkar, ve unutma – hayran olduğun her geliştirici bir zamanlar tam senin şu an bulunduğun yerde oturuyor, heyecanlı ve belki biraz da şaşkın hissediyordu. Bu tamamen normal ve doğru bir yoldasın!
 
 ## Ödev
 
-[Belgeleri Okuma](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Ödeviniz için küçük bir teşvik**: Henüz ele almadığımız bazı araçları keşfetmenizi çok isterim! Daha önce konuştuğumuz editörleri, tarayıcıları ve komut satırı araçlarını atlayın – keşfedilmeyi bekleyen harika bir geliştirme araçları evreni var. Aktif olarak sürdürülen ve canlı, yardımcı topluluklara sahip olanları arayın (bunlar genellikle en iyi eğitimlere ve takıldığınızda size yardım edecek en destekleyici insanlara sahiptir).
+> 💡 **Ödevin için küçük bir teşvik**: Henüz keşfetmediğimiz bazı araçları senin araştırmanı çok isterim! Daha önce konuştuğumuz editörler, tarayıcılar ve komut satırı araçlarını atla – dışarıda keşfedilmeyi bekleyen inanılmaz bir geliştirme aracı evreni var. Aktif geliştirilen ve canlı, yardımsever topluluklara sahip olanları ara (bu tür araçlar genellikle en iyi öğreticilere ve takıldığında destek olabilecek en dost canlısı insanlara sahiptir).
 
 ---
 
-## 🚀 Programlama Yolculuğunuzun Zaman Çizelgesi
+## 🚀 Programlama Yolculuğun Zaman Çizelgesi
 
-### ⚡ **Önümüzdeki 5 Dakikada Yapabilecekleriniz**
-- [ ] İlginizi çeken 2-3 programlama dilinin web sitesini yer imlerine ekleyin
-- [ ] Henüz yapmadıysanız Visual Studio Code'u indirin
-- [ ] Tarayıcınızın Geliştirici Araçlarını (F12) açın ve herhangi bir web sitesinde etrafta tıklayın
+### ⚡ **Önümüzdeki 5 Dakikada Yapabileceklerin**
+- [ ] İlginizi çeken 2-3 programlama dili web sitesini yer işareti olarak kaydedin
+- [ ] Henüz indirmediysen Visual Studio Code'u indirin
+- [ ] Tarayıcınızın Geliştirici Araçlarını (F12) açıp herhangi bir web sitesinde tıklayın
 - [ ] Bir programlama topluluğuna katılın (Dev.to, Reddit r/webdev veya Stack Overflow)
 
-### ⏰ **Bu Saat İçinde Başarabilecekleriniz**
-- [ ] Ders sonrası testi tamamlayın ve cevaplarınızı değerlendirin
+### ⏰ **Bu Saatte Başarabileceklerin**
+- [ ] Dersten sonra ki quiz’i tamamlayın ve cevaplarınızı değerlendirin
 - [ ] VS Code'u GitHub Copilot uzantısıyla kurun
-- [ ] Çevrimiçi olarak 2 farklı programlama dilinde bir "Hello World" örneği deneyin
-- [ ] YouTube'da "Bir Geliştiricinin Günlük Hayatı" videosu izleyin
-- [ ] Programlama dili dedektiflik çalışmanıza başlayın (zorluktan)
+- [ ] Çevrimiçi olarak 2 farklı programlama dilinde "Hello World" örneği yapın
+- [ ] YouTube’da "Bir Geliştiricinin Günü" videosu izleyin
+- [ ] Programlama dili dedektifliğine başlayın (zorluktan)
 
-### 📅 **Bir Haftalık Maceranız**
+### 📅 **Haftalık Maceranız**
 - [ ] Ödevi tamamlayın ve 3 yeni geliştirme aracını keşfedin
-- [ ] Sosyal medyada 5 geliştiriciyi veya programlama hesabını takip edin
-- [ ] CodePen veya Replit'te küçük bir şey oluşturmayı deneyin (hatta sadece "Merhaba, [Adınız]!" yazabilirsiniz!)
+- [ ] Sosyal medyada 5 geliştirici veya programlama hesabını takip edin
+- [ ] CodePen veya Replit’te küçük bir şey inşa etmeyi deneyin (hatta sadece "Merhaba, [Adınız]!" bile olabilir!)
 - [ ] Bir geliştiricinin kodlama yolculuğu hakkında bir blog yazısı okuyun
 - [ ] Sanal bir buluşmaya katılın veya bir programlama konuşması izleyin
 - [ ] Seçtiğiniz dili çevrimiçi eğitimlerle öğrenmeye başlayın
 
-### 🗓️ **Bir Aylık Dönüşümünüz**
-- [ ] İlk küçük projenizi oluşturun (basit bir web sayfası bile sayılır!)
-- [ ] Açık kaynaklı bir projeye katkıda bulunun (belge düzeltmeleriyle başlayabilirsiniz)
-- [ ] Programlama yolculuğuna yeni başlayan birine mentorluk yapın
+### 🗓️ **Aylık Dönüşümünüz**
+- [ ] İlk küçük projenizi oluşturun (basit bir web sayfası bile geçerli!)
+- [ ] Açık kaynak bir projeye katkıda bulunun (önce dokümantasyon düzeltmeleriyle başlayın)
+- [ ] Programlamaya yeni başlayan birine mentorluk yapın
 - [ ] Geliştirici portföy web sitenizi oluşturun
 - [ ] Yerel geliştirici toplulukları veya çalışma gruplarıyla bağlantı kurun
-- [ ] Bir sonraki öğrenme hedefinizi planlamaya başlayın
+- [ ] Sonraki öğrenme aşamanızı planlamaya başlayın
 
-### 🎯 **Son Düşünce Kontrolü**
+### 🎯 **Son Yansıma Kontrolü**
 
-**Devam etmeden önce kutlama yapın:**
-- Bugün programlama hakkında sizi heyecanlandıran bir şey neydi?
-- İlk olarak hangi aracı veya konsepti keşfetmek istiyorsunuz?
-- Bu programlama yolculuğuna başlamak hakkında nasıl hissediyorsunuz?
-- Şu anda bir geliştiriciye sormak istediğiniz bir soru nedir?
+**İlerlemeden önce bir an durup kutlayın:**
+- Bugün programlama hakkında sizi heyecanlandıran neydi?
+- Hangi araç ya da kavramı önce keşfetmek istiyorsunuz?
+- Bu programlama yolculuğuna başlamayı nasıl hissediyorsunuz?
+- Şu anda bir geliştiriciye sormak istediğiniz bir soru var mı?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title Kendine Güven İnşa Etme Yolculuğunuz
+    section Bugün
+      Meraklı: 3: You
+      Bunalmış: 4: You
+      Heyecanlı: 5: You
+    section Bu Hafta
+      Keşfediyor: 4: You
+      Öğreniyor: 5: You
+      Bağlanıyor: 4: You
+    section Gelecek Ay
+      İnşa Ediyor: 5: You
+      Kendinden Emin: 5: You
+      Başkalarına Yardım Ediyor: 5: You
 ```
-
-> 🌟 **Unutmayın**: Her uzman bir zamanlar bir acemiydi. Her kıdemli geliştirici bir zamanlar tam olarak sizin şu an hissettiğiniz gibi hissediyordu – heyecanlı, belki biraz bunalmış ve kesinlikle nelerin mümkün olduğunu merak ediyordu. Harika bir topluluktasınız ve bu yolculuk inanılmaz olacak. Programlamanın harika dünyasına hoş geldiniz! 🎉
+> 🌟 **Unutmayın**: Her uzman bir zamanlar acemiydi. Her kıdemli geliştirici tam sizin şu an hissettiğiniz gibi – heyecanlı, belki biraz şaşkın ve kesinlikle mümkün olanlara meraklıydı. Harika bir topluluğun içindesiniz ve bu yolculuk inanılmaz olacak. Programlama dünyasına hoş geldiniz! 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Feragatname**:  
-Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çeviriler hata veya yanlışlıklar içerebilir. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan herhangi bir yanlış anlama veya yanlış yorumlama durumunda sorumluluk kabul edilmez.
\ No newline at end of file
+Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluğa özen göstersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Önemli bilgiler için profesyonel insan çevirisi önerilmektedir. Bu çevirinin kullanımı sonucu ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tr/AGENTS.md b/translations/tr/AGENTS.md
index f5eb832a1..7301da9a5 100644
--- a/translations/tr/AGENTS.md
+++ b/translations/tr/AGENTS.md
@@ -1,28 +1,28 @@
 # AGENTS.md
 
-## Proje Genel Bakışı
+## Proje Genel Bakış
 
-Bu, yeni başlayanlara web gelişimini temel prensipleri öğretmek için hazırlanmış eğitim müfredatı deposudur. Müfredat, Microsoft Bulut Savunucuları tarafından geliştirilen kapsamlı bir 12 haftalık kurstur ve JavaScript, CSS ve HTML içeren 24 uygulamalı ders içermektedir.
+Bu, başlangıç seviyesindeki kişilere web geliştirme temel bilgilerini öğretmek için hazırlanmış eğitici bir müfredat deposudur. Müfredat, Microsoft Cloud Advocates tarafından geliştirilen kapsamlı 12 haftalık bir kurstur ve JavaScript, CSS ve HTML'i kapsayan 24 uygulamalı dersten oluşur.
 
 ### Ana Bileşenler
 
-- **Eğitim İçeriği**: Proje tabanlı modüllere organize edilmiş 24 yapılandırılmış ders
+- **Eğitici İçerik**: Proje bazlı modüllere organize edilmiş 24 yapılandırılmış ders
 - **Pratik Projeler**: Terrarium, Yazma Oyunu, Tarayıcı Uzantısı, Uzay Oyunu, Bankacılık Uygulaması, Kod Editörü ve Yapay Zeka Sohbet Asistanı
 - **Etkileşimli Quizler**: Her biri 3 sorudan oluşan 48 quiz (ders öncesi/sonrası değerlendirmeleri)
-- **Çok Dilli Destek**: GitHub Actions ile 50+ dilde otomatik çeviri
+- **Çok Dilli Destek**: GitHub Actions ile 50+ dilde otomatik çeviriler
 - **Teknolojiler**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (Yapay Zeka projeleri için)
 
 ### Mimari
 
-- Ders temelli yapıya sahip eğitim deposu
+- Ders tabanlı yapıya sahip eğitim deposu
 - Her ders klasörü README, kod örnekleri ve çözümler içerir
-- Ayrı klasörlerde bağımsız projeler (quiz-app, çeşitli ders projeleri)
+- Ayrı dizinlerde bağımsız projeler (quiz-app, çeşitli ders projeleri)
 - GitHub Actions kullanan çeviri sistemi (co-op-translator)
-- Docsify ile sağlanan dökümantasyon ve PDF halinde erişilebilirlik
+- Docsify ile sunulan dokümantasyon ve PDF olarak erişilebilirlik
 
 ## Kurulum Komutları
 
-Bu depo öncelikle eğitim içeriği tüketimi içindir. Belirli projelerle çalışmak için:
+Bu depo esas olarak eğitim içeriğinin tüketimi içindir. Belirli projelerle çalışmak için:
 
 ### Ana Depo Kurulumu
 
@@ -56,7 +56,7 @@ npm run format     # Prettier ile biçimlendir
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Tarayıcıya özel uzantı yükleme talimatlarını izleyin
+# Tarayıcıya özgü uzantı yükleme talimatlarını izleyin
 ```
 
 ### Uzay Oyunu Projeleri
@@ -64,45 +64,45 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# index.html dosyasını tarayıcıda açın veya Live Server kullanın
+# index.html dosyasını tarayıcıda açın veya Canlı Sunucu kullanın
 ```
 
-### Sohbet Projesi (Python Backend)
+### Sohbet Projesi (Python Arka Uç)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# GITHUB_TOKEN ortam değişkenini ayarla
+# GITHUB_TOKEN ortam değişkenini ayarlayın
 python api.py
 ```
 
 ## Geliştirme İş Akışı
 
-### İçerik Katkıcıları İçin
+### İçerik Katkısı Sağlayanlar için
 
-1. **Depoyu kendi GitHub hesabınıza fork edin**
-2. **Fork’unuzu yerel olarak klonlayın**
-3. **Değişiklikleriniz için yeni bir dal oluşturun**
+1. Depoyu GitHub hesabınıza **forklayın**
+2. Forkladığınız depoyu yerel olarak **klonlayın**
+3. Değişiklikleriniz için yeni bir **dal (branch)** oluşturun
 4. Ders içeriği veya kod örneklerinde değişiklik yapın
 5. İlgili proje klasörlerinde kod değişikliklerini test edin
-6. Katkı yönergelerine uygun şekilde pull request gönderin
+6. Katkı yönergelerini takip ederek pull request gönderin
 
-### Öğrenenler İçin
+### Öğrenenler için
 
-1. Depoyu fork edin veya klonlayın
-2. Ders klasörlerinde sırayla gezin
-3. Her dersin README dosyasını okuyun
-4. https://ff-quizzes.netlify.app/web/ adresinde ders öncesi quizleri tamamlayın
-5. Ders klasörlerindeki kod örnekleri üzerinde çalışın
+1. Depoyu forklayın veya klonlayın
+2. Ders klasörleri arasında sırayla gezin
+3. Her ders için README dosyalarını okuyun
+4. Ders öncesi quizlerini https://ff-quizzes.netlify.app/web/ adresinde tamamlayın
+5. Ders klasörlerindeki kod örneklerini uygulayın
 6. Ödevleri ve zorlukları tamamlayın
-7. Ders sonrası quizleri yapın
+7. Ders sonrası quizlerine katılın
 
 ### Canlı Geliştirme
 
-- **Dökümantasyon**: `docsify serve` komutunu kök dizinde çalıştırın (port 3000)
-- **Quiz Uygulaması**: `quiz-app` dizininde `npm run dev` çalıştırın
+- **Dokümantasyon**: Kök dizinde `docsify serve` çalıştırın (port 3000)
+- **Quiz Uygulaması**: quiz-app dizininde `npm run dev` komutunu çalıştırın
 - **Projeler**: HTML projeleri için VS Code Live Server uzantısını kullanın
-- **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu kullanın
+- **API Projeleri**: İlgili API dizinlerinde `npm start` komutunu çalıştırın
 
 ## Test Talimatları
 
@@ -118,74 +118,74 @@ npm run build      # Derlemenin başarılı olduğunu doğrula
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Kod stil sorunlarını kontrol et
-node server.js     # Sunucunun hatasız başladığını doğrula
+npm run lint       # Kod stili sorunlarını kontrol et
+node server.js     # Sunucunun hatasız başlatıldığını doğrula
 ```
 
 ### Genel Test Yaklaşımı
 
-- Bu eğitim deposunda kapsamlı otomatik test bulunmamaktadır
-- Manuel testler:
-  - Kod örneklerinin hatasız çalışması
-  - Dökümantasyondaki linklerin doğru çalışması
-  - Proje derlemelerinin başarılı olması
-  - Örneklerin en iyi uygulamalara uygun olması
+- Bu, kapsamlı otomatik testler içermeyen bir eğitim deposudur
+- Manuel testler şunlara odaklanır:
+  - Kod örnekleri hatasız çalışmalı
+  - Dokümantasyon linkleri düzgün çalışmalı
+  - Proje derlemeleri başarılı şekilde tamamlanmalı
+  - Örnekler en iyi uygulamaları takip etmeli
 
 ### Gönderim Öncesi Kontroller
 
-- package.json içeren dizinlerde `npm run lint` komutunu çalıştırın
-- Markdown bağlantılarının geçerli olduğundan emin olun
-- Kod örneklerini tarayıcı veya Node.js üzerinde test edin
-- Çevirilerin yapısını koruduğunu kontrol edin
+- package.json olan dizinlerde `npm run lint` çalıştırın
+- Markdown bağlantılarının geçerli olduğunu doğrulayın
+- Kod örneklerini tarayıcıda veya Node.js'de test edin
+- Çevirilerin yapısını koruduğundan emin olun
 
-## Kod Stili Yönergeleri
+## Kod Stili Rehberi
 
 ### JavaScript
 
 - Modern ES6+ sözdizimi kullanın
-- Projelerde sağlanan standart ESLint yapılandırmalarını takip edin
-- Eğitim için anlamlı değişken ve fonksiyon isimleri kullanın
-- Kavramları açıklayan yorumlar ekleyin
-- Prettier kullanılan yerlerde biçimlendirme yapın
+- Projelerde sağlanan standart ESLint yapılandırmalarını uygulayın
+- Eğitim amacıyla anlamlı değişken ve fonksiyon isimleri kullanın
+- Öğrenenlere kavramları açıklayan yorumlar ekleyin
+- Ayarlanmışsa Prettier ile biçimlendirin
 
 ### HTML/CSS
 
-- Semantik HTML5 elemanları kullanın
-- Duyarlı tasarım prensiplerine uyun
-- Açık sınıf isimlendirme konvansiyonları kullanın
-- CSS tekniklerini açıklayan yorumlar ekleyin
+- Anlamsal HTML5 öğeleri
+- Duyarlı tasarım prensipleri
+- Açık sınıf isimlendirme kuralları
+- Öğrenenler için CSS tekniklerini açıklayan yorumlar
 
 ### Python
 
-- PEP 8 stil kurallarına uyun
-- Açık, eğitim amaçlı kod örnekleri sunun
-- Öğrenmeye yardımcı olan yerlerde tip ipuçları kullanın
+- PEP 8 stil yönergeleri
+- Açık, eğitici kod örnekleri
+- Öğrenmeye yardımcı olabilecek tip ipuçları
 
-### Markdown Dökümantasyonu
+### Markdown Dokümantasyonu
 
-- Net başlık hiyerarşisi
-- Dil belirtilmiş kod blokları
-- Ek kaynaklara linkler
-- `images/` dizininde ekran görüntüleri ve görseller
-- Erişilebilirlik için görsellerde alt metin kullanımı
+- Açık başlık hiyerarşisi
+- Dil belirtimi içeren kod blokları
+- Ek kaynak bağlantıları
+- `images/` klasörlerinde ekran görüntüleri ve resimler
+- Erişilebilirlik için görüntülerde alt metin
 
 ### Dosya Organizasyonu
 
-- Dersler sırayla numaralandırılmış (1-getting-started-lessons, 2-js-basics, vb.)
-- Her projenin `solution/` ve çoğunlukla `start/` veya `your-work/` klasörleri var
-- Görseller derslere özel `images/` klasörlerinde tutulur
-- Çeviriler `translations/{language-code}/` yapısında
+- Dersler sıralı numaralandırılmış (1-getting-started-lessons, 2-js-basics, vb.)
+- Her projenin `solution/` ve genellikle `start/` veya `your-work/` klasörleri var
+- Resimler derslere özgü `images/` klasörlerinde saklanır
+- Çeviriler `translations/{dil-kodu}/` yapısında
 
-## Derleme ve Dağıtım
+## Derleme ve Yayınlama
 
-### Quiz Uygulaması Dağıtımı (Azure Static Web Apps)
+### Quiz Uygulaması Yayınlama (Azure Static Web Apps)
 
-quiz-app Azure Static Web Apps dağıtımı için yapılandırılmıştır:
+quiz-app Azure Static Web Apps yayınlama için yapılandırılmıştır:
 
 ```bash
 cd quiz-app
 npm run build      # dist/ klasörü oluşturur
-# main'e push yapıldığında GitHub Actions iş akışıyla dağıtır
+# main dalına push yapıldığında GitHub Actions iş akışıyla dağıtım yapar
 ```
 
 Azure Static Web Apps yapılandırması:
@@ -193,37 +193,37 @@ Azure Static Web Apps yapılandırması:
 - **Çıktı konumu**: `dist`
 - **İş akışı**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### Dökümantasyon PDF Oluşturma
+### Dokümantasyon PDF Oluşturma
 
 ```bash
-npm install                    # docsify-to-pdf yükleyin
-npm run convert               # Docs'dan PDF oluşturun
+npm install                    # docsify-to-pdf kur
+npm run convert               # Belgelerden PDF oluştur
 ```
 
-### Docsify Dökümantasyonu
+### Docsify Dokümantasyonu
 
 ```bash
-npm install -g docsify-cli    # Docsify'yi global olarak kur
-docsify serve                 # localhost:3000 üzerinde sun
+npm install -g docsify-cli    # Docsify'ı küresel olarak yükleyin
+docsify serve                 # localhost:3000 üzerinde sunun
 ```
 
-### Proje Bazlı Derlemeler
+### Proje Özel Derlemeler
 
-Her proje dizininde kendi derleme süreci olabilir:
-- Vue projeleri: `npm run build` ile üretim paketleri oluşturulur
-- Statik projeler: Derleme adımı yok, dosyalar doğrudan servis edilir
+Her proje dizini kendi derleme sürecine sahip olabilir:
+- Vue projeleri: `npm run build` üretim paketlerini oluşturur
+- Statik projeler: Derleme işlemi yok, dosyalar doğrudan servis edilir
 
 ## Pull Request Yönergeleri
 
 ### Başlık Formatı
 
-Değişiklik alanını belirtmek için açık ve açıklayıcı başlıklar kullanın:
+Değişiklik alanını açıkça belirten başlıklar kullanın:
 - `[Quiz-app] Ders X için yeni quiz ekle`
-- `[Lesson-3] Terrarium projesinde yazım hatasını düzelt`
-- `[Translation] Ders 5 için İspanyolca çeviri ekle`
-- `[Docs] Kurulum talimatlarını güncelle`
+- `[Lesson-3] Terrarium projesinde yazım hatası düzeltildi`
+- `[Translation] Ders 5 için İspanyolca çeviri eklendi`
+- `[Docs] Kurulum talimatları güncellendi`
 
-### Gereken Kontroller
+### Gerekli Kontroller
 
 PR göndermeden önce:
 
@@ -231,50 +231,50 @@ PR göndermeden önce:
    - Etkilenen proje dizinlerinde `npm run lint` çalıştırın
    - Tüm lint hatalarını ve uyarılarını düzeltin
 
-2. **Derleme Doğrulaması**:
-   - Uygunsa, `npm run build` komutunu çalıştırın
+2. **Derleme Doğrulama**:
+   - Uygun ise `npm run build` çalıştırın
    - Derleme hatası olmadığından emin olun
 
-3. **Link Doğrulama**:
-   - Tüm markdown linklerini test edin
-   - Görsel referansların çalıştığını kontrol edin
+3. **Bağlantı Doğrulama**:
+   - Tüm markdown bağlantılarını test edin
+   - Resim referanslarının çalıştığını kontrol edin
 
 4. **İçerik İncelemesi**:
-   - İmla ve gramer kontrolü yapın
-   - Kod örneklerinin doğru ve öğretici olduğundan emin olun
-   - Çevirilerin orijinal anlamı koruduğunu teyit edin
+   - Yazım ve dil bilgisi denetimi yapın
+   - Kod örneklerinin doğru ve eğitici olduğundan emin olun
+   - Çevirilerin orijinal anlamı koruduğunu doğrulayın
 
-### Katkı Gereksinimleri
+### Katkı Koşulları
 
-- Microsoft CLA’ya (otomatik kontrol ilk PR’da) onay verin
-- [Microsoft Açık Kaynak Davranış Kuralları](https://opensource.microsoft.com/codeofconduct/)’na uyun
-- Detaylı yönergeler için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın
-- Uygunsa, PR açıklamasında ilgili issue numaralarını belirtin
+- Microsoft CLA’ya (ilk PR’de otomatik kontrol)
+- [Microsoft Açık Kaynak Davranış Kurallarına](https://opensource.microsoft.com/codeofconduct/) uyun
+- Ayrıntılı yönergeler için [CONTRIBUTING.md](./CONTRIBUTING.md) dosyasına bakın
+- Gerekliyse PR açıklamasında ilgili issue numaralarını belirtin
 
 ### İnceleme Süreci
 
 - PR’lar bakımcılar ve topluluk tarafından incelenir
-- Eğitimsel açıklık önceliklidir
-- Kod örnekleri mevcut en iyi uygulamalara uygun olmalıdır
-- Çeviriler doğruluk ve kültürel uygunluk açısından gözden geçirilir
+- Eğitici açıklık önceliklidir
+- Kod örnekleri güncel en iyi uygulamalara uygun olmalı
+- Çeviriler doğruluk ve kültürel uygunluk için denetlenir
 
 ## Çeviri Sistemi
 
 ### Otomatik Çeviri
 
-- GitHub Actions ile co-op-translator iş akışını kullanır
-- 50+ dile otomatik çeviri yapar
-- Kaynak dosyalar ana dizinlerde
-- Çeviriler `translations/{language-code}/` dizinlerinde
+- GitHub Actions ile co-op-translator iş akışı kullanılır
+- 50+ dile otomatik çeviri yapılır
+- Kaynak dosyalar ana dizinlerde olur
+- Çeviriler `translations/{dil-kodu}/` klasörlerinde bulunur
 
 ### Manuel Çeviri İyileştirmeleri Ekleme
 
-1. `translations/{language-code}/` dizininde dosyayı bulun
+1. Dosyayı `translations/{dil-kodu}/` içinde bulun
 2. Yapıyı koruyarak iyileştirmeler yapın
-3. Kod örneklerinin çalışır durumda kaldığından emin olun
-4. Yerelleştirilmiş quiz içeriklerini test edin
+3. Kod örneklerinin işlevselliğini muhafaza edin
+4. Yerelleştirilmiş quiz içeriğini test edin
 
-### Çeviri Meta Verisi
+### Çeviri Meta Verileri
 
 Çevrilmiş dosyalar meta veri başlığı içerir:
 ```markdown
@@ -294,63 +294,63 @@ CO_OP_TRANSLATOR_METADATA:
 ### Yaygın Sorunlar
 
 **Quiz uygulaması başlamıyor**:
-- Node.js sürümünü kontrol edin (v14+ önerilir)
-- `node_modules` ve `package-lock.json` silip `npm install` komutunu tekrar çalıştırın
-- Port çakışması olup olmadığını kontrol edin (varsayılan: Vite portu 5173)
+- Node.js versiyonunu kontrol edin (v14+ önerilir)
+- `node_modules` ve `package-lock.json` silin, ardından `npm install` çalıştırın
+- Port çakışmalarını kontrol edin (varsayılan: Vite 5173 portunu kullanır)
 
 **API sunucusu başlamıyor**:
-- Node.js sürümünün minimum gereksinimi karşılayıp karşılamadığını kontrol edin (node >=10)
-- Portun kullanımda olup olmadığını kontrol edin
+- Node.js sürümünün minimum (node >=10) olduğundan emin olun
+- Portun kullanımda olmadığını kontrol edin
 - Tüm bağımlılıkların `npm install` ile yüklendiğinden emin olun
 
 **Tarayıcı uzantısı yüklenmiyor**:
-- manifest.json dosyasının doğru formatlandığını kontrol edin
-- Tarayıcı konsolunda hata var mı bakın
-- Tarayıcıya özel uzantı yükleme talimatlarını takip edin
+- manifest.json dosyasının düzgün formatlandığını kontrol edin
+- Tarayıcı konsolundaki hatalara bakın
+- Tarayıcıya özgü uzantı kurulum talimatlarını takip edin
 
-**Python sohbet projesi sorunları**:
-- OpenAI paketi yüklü mü: `pip install openai`
-- GITHUB_TOKEN çevre değişkeninin ayarlı olduğundan emin olun
-- GitHub Modeller erişim izinlerini kontrol edin
+**Python sohbet projesinde sorunlar**:
+- OpenAI paketi kurulu olmalı: `pip install openai`
+- GITHUB_TOKEN çevre değişkeni ayarlı olmalı
+- GitHub Models erişim izinleri kontrol edilmeli
 
-**Docsify dökümantasyonu servis etmiyor**:
-- docsify-cli global olarak yüklü mü: `npm install -g docsify-cli`
+**Docsify dokümanları sunmuyor**:
+- docsify-cli global kurulu değilse: `npm install -g docsify-cli`
 - Depo kök dizininden çalıştırın
-- `docs/_sidebar.md` dosyasının varlığını kontrol edin
+- `docs/_sidebar.md` var mı kontrol edin
 
 ### Geliştirme Ortamı İpuçları
 
 - HTML projeleri için VS Code Live Server uzantısını kullanın
-- Tutarlı biçimlendirme için ESLint ve Prettier uzantılarını kurun
-- JavaScript hata ayıklamak için tarayıcı geliştirici araçlarını kullanın
+- Tutarlı formatlama için ESLint ve Prettier uzantıları yükleyin
+- JavaScript hata ayıklaması için tarayıcı geliştirici araçlarını kullanın
 - Vue projeleri için Vue DevTools tarayıcı uzantısını kurun
 
 ### Performans Dikkatleri
 
-- Çok sayıda çevrilmiş dosya (50+ dil) tam klonlama boyutunu artırır
-- Sadece içerikle çalışıyorsanız sığ klon kullanın: `git clone --depth 1`
+- 50+ dilde çok sayıda çeviri dosyası olması, tam klonlamayı büyük yapar
+- İçerikle çalışıyorsanız sığ klon kullanın: `git clone --depth 1`
 - İngilizce içerikle çalışırken çevirileri aramalardan hariç tutun
-- Derleme süreçleri ilk seferde yavaş olabilir (npm install, Vite build)
+- İlk çalıştırmada kurulum ve derleme süreçleri (npm install, Vite build) yavaş olabilir
 
 ## Güvenlik Dikkatleri
 
 ### Ortam Değişkenleri
 
-- API anahtarları asla depoya gönderilmemelidir
-- `.env` dosyaları kullanılır (zaten `.gitignore` içinde)
-- Gerekli ortam değişkenleri proje README’lerinde belgelenmelidir
+- API anahtarları asla depoya eklenmemeli
+- `.env` dosyaları kullanılmalı (zaten `.gitignore` içinde)
+- Gerekli ortam değişkenleri proje README’lerinde belgelenmeli
 
 ### Python Projeleri
 
-- Sanal ortamlar kullanın: `python -m venv venv`
-- Bağımlılıkları güncel tutun
-- GitHub tokenleri minimum yetkiyle ayarlayın
+- Sanal ortamlar kullanılmalı: `python -m venv venv`
+- Bağımlılıklar güncel tutulmalı
+- GitHub tokenları minimum gerekli izinlere sahip olmalı
 
-### GitHub Modeller Erişimi
+### GitHub Models Erişimi
 
-- GitHub Modeller için Kişisel Erişim Tokenleri (PAT) gerekir
-- Tokenlar çevre değişkeni olarak saklanmalıdır
-- Token veya kimlik bilgileri asla versiyon kontrolüne gönderilmemelidir
+- GitHub Models için Kişisel Erişim Tokenları (PAT) gerekir
+- Tokenlar ortam değişkeni olarak saklanmalı
+- Tokenlar veya kimlik bilgileri asla depoya commit edilmemeli
 
 ## Ek Notlar
 
@@ -358,51 +358,51 @@ CO_OP_TRANSLATOR_METADATA:
 
 - Web geliştirmeye tamamen yeni başlayanlar
 - Öğrenciler ve kendi kendine öğrenenler
-- Müfredatı sınıf ortamında kullanan öğretmenler
-- İçerik erişilebilirlik ve aşamalı beceri geliştirmeye uygun şekilde tasarlanmıştır
+- Müfredatı sınıflarda kullanan öğretmenler
+- İçerik erişilebilirlik ve aşamalı beceri oluşturma için tasarlanmıştır
 
 ### Eğitim Felsefesi
 
-- Proje tabanlı öğrenme yöntemi
-- Sık aralıklarla bilgi ölçümleri (quizler)
-- Uygulamalı kodlama egzersizleri
-- Gerçek dünya uygulaması örnekleri
-- Çerçeveler öncesi temel bilgiler üzerine odaklanma
+- Proje bazlı öğrenme yaklaşımı
+- Sık aralıklarla bilgi kontrolü (quizler)
+- Uygulamalı kodlama alıştırmaları
+- Gerçek dünya uygulama örnekleri
+- Frameworklerden önce temellere odaklanma
 
 ### Depo Bakımı
 
-- Aktif öğrenenler ve katkıcılar topluluğu
+- Aktif öğrenenler ve katkı sağlayanlardan oluşan topluluk
 - Bağımlılık ve içerik düzenli güncellenir
-- Sorunlar ve tartışmalar bakımcılar tarafından izlenir
-- Çeviri güncellemeleri GitHub Actions aracılığıyla otomatik
+- Bakımcılar tarafından sorunlar ve tartışmalar izlenir
+- Çeviri güncellemeleri GitHub Actions ile otomatik yapılır
 
 ### İlgili Kaynaklar
 
 - [Microsoft Learn modülleri](https://docs.microsoft.com/learn/)
-- [Öğrenci Merkezi kaynakları](https://docs.microsoft.com/learn/student-hub/)
+- [Student Hub kaynakları](https://docs.microsoft.com/learn/student-hub/)
 - Öğrenenler için önerilen [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
-- Ek kurslar: Üretken AI, Veri Bilimi, ML, Nesnelerin İnterneti müfredatları
+- Ek kurslar: Üretken AI, Veri Bilimi, ML, IoT müfredatları mevcut
 
 ### Belirli Projelerle Çalışma
 
-Bireysel projeler hakkında detaylı talimatlar için README dosyalarına bakın:
+Bireysel projelerle ilgili ayrıntılı talimatlar için README dosyalarına bakınız:
 - `quiz-app/README.md` - Vue 3 quiz uygulaması
 - `7-bank-project/README.md` - Kimlik doğrulamalı bankacılık uygulaması
 - `5-browser-extension/README.md` - Tarayıcı uzantısı geliştirme
 - `6-space-game/README.md` - Canvas tabanlı oyun geliştirme
-- `9-chat-project/README.md` - AI sohbet asistanı projesi
+- `9-chat-project/README.md` - Yapay zeka sohbet asistanı projesi
 
 ### Monorepo Yapısı
 
-Geleneksel bir monorepo olmasa da, bu depo birçok bağımsız proje içerir:
-- Her ders kendi başına bağımsızdır
+Klasik bir monorepo olmasa da bu depo birçok bağımsız projeyi içerir:
+- Her ders kendi içinde bağımsızdır
 - Projeler bağımlılık paylaşmaz
-- Bir projede çalışmak diğerlerini etkilemez
-- Tüm müfredatı deneyimlemek için tüm depo klonlanabilir
+- Bireysel projeler üzerinde diğerlerini etkilemeden çalışabilirsiniz
+- Tam müfredatı deneyimlemek için tüm depo klonlanabilir
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Feragatname**:  
-Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba gösterilse de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayınız. Orijinal belge, kendi ana dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanımı sonucu oluşabilecek herhangi bir yanlış anlama veya yorumlama nedeniyle sorumluluk kabul edilmemektedir.
+Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba sarf etsek de, otomatik çevirilerin hata veya yanlışlık içerebileceğini lütfen unutmayınız. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanılması sonucu oluşabilecek yanlış anlaşılmalardan veya yorum hatalarından sorumlu tutulamayız.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/tr/README.md b/translations/tr/README.md
index 71de3f6e6..8a887798f 100644
--- a/translations/tr/README.md
+++ b/translations/tr/README.md
@@ -1,199 +1,220 @@
-# Yeni Başlayanlar İçin Web Geliştirme - Bir Müfredat
+[![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) 
 
-Microsoft Bulut Savunucuları tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirme temellerini öğrenin. 24 dersin her biri, teraryumlar, tarayıcı uzantıları ve uzay oyunları gibi uygulamalı projelerle JavaScript, CSS ve HTML'e derinlemesine dalar. Sınavlar, tartışmalar ve pratik ödevlerle etkileşimde bulunun. Yeteneklerinizi geliştirin ve bilgilerinizi optimize edin; etkili proje tabanlı pedagojimizle öğreniminizi güçlendirin. Kodlama yolculuğunuza bugün başlayın!
+[![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 Topluluğu'na Katılın
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
----
+# Yeni Başlayanlar için Web Geliştirme - Bir Müfredat
 
-Bu kaynakları kullanmaya başlamak için şu adımları izleyin:  
-1. **Depoyu Forklayın**: Tıklayın [![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. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`  
-3. [**Azure AI Foundry Discord’a katılın ve uzmanlar ile diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4)
+Microsoft Bulut Savunucuları tarafından hazırlanan 12 haftalık kapsamlı kursumuzla web geliştirmeye dair temel bilgileri öğrenin. 24 dersin her biri terraryumlar, tarayıcı eklentileri ve uzay oyunları gibi pratik projelerle JavaScript, CSS ve HTML'i derinlemesine ele alır. Quizler, tartışmalar ve pratik ödevlerle etkileşim kurun. Becerilerinizi geliştirin ve etkili proje tabanlı pedagojimizle bilgi tutumunuzu optimize edin. Kodlama yolculuğunuza bugün başlayın!
+
+Azure AI Foundry Discord Topluluğuna Katılın
+
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+
+Bu kaynakları kullanmaya başlamak için şu adımları izleyin:
+1. **Depoyu Çatallayın**: Tıklayın [![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. **Depoyu Klonlayın**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Azure AI Foundry Discord'a Katılın ve uzmanlar ve diğer geliştiricilerle tanışın**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 Çok Dilli Destek
 
-#### GitHub Action ile desteklenmektedir (Otomatik & Her zaman güncel)
+#### GitHub Action ile Desteklenir (Otomatik & Her Zaman Güncel)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arapça](../ar/README.md) | [Bengalce](../bn/README.md) | [Bulgarca](../bg/README.md) | [Burma Dili (Myanmar)](../my/README.md) | [Çince (Basitleştirilmiş)](../zh-CN/README.md) | [Çince (Geleneksel, Hong Kong)](../zh-HK/README.md) | [Çince (Geleneksel, Makao)](../zh-MO/README.md) | [Çince (Geleneksel, Tayvan)](../zh-TW/README.md) | [Hırvatça](../hr/README.md) | [Çekçe](../cs/README.md) | [Danca](../da/README.md) | [Felemenkçe](../nl/README.md) | [Estonca](../et/README.md) | [Fince](../fi/README.md) | [Fransızca](../fr/README.md) | [Almanca](../de/README.md) | [Yunanca](../el/README.md) | [İbranice](../he/README.md) | [Hintçe](../hi/README.md) | [Macarca](../hu/README.md) | [Endonezce](../id/README.md) | [İtalyanca](../it/README.md) | [Japonca](../ja/README.md) | [Kannada Dili](../kn/README.md) | [Korece](../ko/README.md) | [Litvanca](../lt/README.md) | [Malayca](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepalce](../ne/README.md) | [Nijerya Pidgin](../pcm/README.md) | [Norveççe](../no/README.md) | [Farsça (Persçe)](../fa/README.md) | [Lehçe](../pl/README.md) | [Portekizce (Brezilya)](../pt-BR/README.md) | [Portekizce (Portekiz)](../pt-PT/README.md) | [Pencapça (Gurmukhi)](../pa/README.md) | [Rumence](../ro/README.md) | [Rusça](../ru/README.md) | [Sırpça (Kiril)](../sr/README.md) | [Slovakça](../sk/README.md) | [Slovence](../sl/README.md) | [İspanyolca](../es/README.md) | [Svahili](../sw/README.md) | [İsveççe](../sv/README.md) | [Tagalog (Filipince)](../tl/README.md) | [Tamilce](../ta/README.md) | [Telugu Dili](../te/README.md) | [Tayca](../th/README.md) | [Türkçe](./README.md) | [Ukraynaca](../uk/README.md) | [Urduca](../ur/README.md) | [Vietnamca](../vi/README.md)
-
-> **Yerel olarak Klonlamayı mı Tercih Edersiniz?**
+[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](../te/README.md) | [Thai](../th/README.md) | [Turkish](./README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> Bu depo 50+ dil çevirisi içerir ve bu da indirilen dosyanın boyutunu önemli ölçüde artırır. Çeviriler olmadan klonlamak için seyrek kontrol kullanabilirsiniz:  
+> **Yerel Olarak Klonlamayı Tercih Ediyor musunuz?**
+>
+> Bu depo, indirilen dosya boyutunu önemli ölçüde artıran 50+ dil çevirisi içerir. Çeviri olmadan klonlamak için, sparse checkout kullanabilirsiniz:
+>
+> **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'
 > ```
-> Bu size kursu tamamlamak için gereken her şeyi çok daha hızlı indirebilme imkânı sağlar.  
+>
+> **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"
+> ```
+>
+> Bu, kursu tamamlamak için ihtiyacınız olan her şeyi çok daha hızlı indirmenizi sağlar.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Ek dil desteği istiyorsanız, desteklenen diller [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir**
+**Desteklenmesini istediğiniz ek çeviri dilleri varsa, [burada](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) listelenmiştir**
 
-[![Visual Studio Code’da Aç](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _Öğrenci misiniz?_
 
-Başlangıç kaynakları, öğrenci paketleri ve ücretsiz sertifika kuponu alma yöntemleri bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. İçeriğin aylık olarak değiştiği bu sayfayı sık sık yer imlerinize ekleyip kontrol etmek isteyeceksiniz.
+Başlangıç kaynaklarını, Öğrenci paketlerini ve hatta ücretsiz sertifika kuponu almanın yollarını bulabileceğiniz [**Öğrenci Merkezi sayfasını**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ziyaret edin. İçerikleri aylık olarak değiştirdiğimiz için bu sayfayı yer imlerinize eklemenizi ve zaman zaman kontrol etmenizi öneririz.
 
-### 📣 Duyuru – Tamamlanacak Yeni GitHub Copilot Agent modu zorlukları!
+### 📣 Duyuru - Tamamlanması gereken yeni GitHub Copilot Agent modu zorlukları!
 
-Yeni zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlamanız için yeni bir zorluk. Daha önce Agent modunu kullanmadıysanız, sadece metin üretmekle kalmayıp dosya oluşturabilir, düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir.
+Yeni bir zorluk eklendi, çoğu bölümde "GitHub Copilot Agent Challenge 🚀" arayın. Bu, GitHub Copilot ve Agent modu kullanarak tamamlayabileceğiniz yeni bir zorluk. Agent modunu daha önce kullanmadıysanız, sadece metin üretmekle kalmaz, aynı zamanda dosyalar oluşturabilir ve düzenleyebilir, komut çalıştırabilir ve daha fazlasını yapabilir.
 
-### 📣 Duyuru – _Generative AI kullanarak oluşturulacak Yeni Proje_
+### 📣 Duyuru - _Generative AI kullanarak yeni Proje_
 
 Yeni AI Asistan projesi eklendi, inceleyin [proje](./9-chat-project/README.md)
 
-### 📣 Duyuru – _Generative AI için Yeni Müfredat_ JavaScript’e geldi
+### 📣 Duyuru - _Generative AI için JavaScript Müfredatı yeni yayında_
 
 Yeni Generative AI müfredatımızı kaçırmayın!
 
-Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
+Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
+
+![Background](../../translated_images/tr/background.148a8d43afde5730.webp)
 
-![Arka plan](../../translated_images/tr/background.148a8d43afde5730.webp)
+- Temelden RAG’e kadar kapsamlı dersler.
+- Tarihi karakterlerle GenAI ve eşlik eden uygulamamız aracılığıyla etkileşim.
+- Eğlenceli ve sürükleyici anlatım, zamanda yolculuk yapacaksınız!
 
-- Temellerden RAG’a kadar her şeyi kapsayan dersler  
-- GenAI ve eşlik eden uygulamamızla tarihi karakterlerle etkileşim  
-- Eğlenceli ve etkileşimli anlatı, zamanda yolculuk yapacaksınız!
+![character](../../translated_images/tr/character.5c0dd8e067ffd693.webp)
 
-![karakter](../../translated_images/tr/character.5c0dd8e067ffd693.webp)
 
-Her ders; tamamlanacak bir ödev, bir bilgi kontrolü ve şu gibi konularda öğrenmenize rehberlik eden bir zorluk içerir:  
-- Yönlendirme ve prompt mühendisliği  
-- Metin ve resim uygulaması oluşturma  
+Her ders, tamamlama için bir ödev, bir bilgi kontrolü ve şu gibi konuları öğrenmenizde rehber olacak bir zorluk içerir:
+- İstek ve istek mühendisliği
+- Metin ve görüntü uygulama üretimi
 - Arama uygulamaları
 
 Başlamak için ziyaret edin [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
 
----
+
 
 ## 🌱 Başlarken
 
-> **Öğretmenler**, bu müfredatı nasıl kullanacağınız hakkında [bazı öneriler](for-teachers.md) ekledik. Geri bildiriminizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) bekliyoruz!
+> **Öğretmenler**, bu müfredatı nasıl kullanacağınıza dair bazı [önerilerimizi](for-teachers.md) dahil ettik. Geri bildirimlerinizi [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) bekleriz!
 
-**[Öğrenciler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için ders öncesi quiz ile başlayın, ardından ders materyalini okuyun, çeşitli aktiviteleri tamamlayın ve ders sonrası quiz ile anlama seviyenizi kontrol edin.
+**[Öğrenciler](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, her ders için bir ön ders quiz'i ile başlayın, ardından ders materyalini okuyun, çeşitli etkinlikleri tamamlayın ve anlayışınızı ders sonrası quiz ile kontrol edin.
 
-Öğrenme deneyiminizi güçlendirmek için projeler üzerinde arkadaşlarınızla birlikte çalışın! Tartışmalar, [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilir; moderatör ekibimiz sorularınıza cevap vermek için hazır olacaktır.
+Öğrenme deneyiminizi geliştirmek için, projeler üzerinde beraber çalışmak üzere akranlarınızla bağlantı kurun! Tartışmalarımız [tartışma forumumuzda](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) teşvik edilir; moderatör ekibimiz sorularınızı yanıtlamak için hazırdır.
 
-Eğitiminizi ilerletmek için [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)’i ek çalışma materyalleri için keşfetmenizi şiddetle tavsiye ederiz.
+Eğitiminizi ilerletmek için ek çalışma materyalleri bulabileceğiniz [Microsoft Learn’i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) keşfetmenizi şiddetle öneririz.
 
-### 📋 Ortamınızı Kurma
+### 📋 Ortamınızı kurma
 
-Bu müfredat hazır bir geliştirme ortamına sahiptir! Başlarken, müfredatı bir [Codespace](https://github.com/features/codespaces/) içinde (_tarayıcı tabanlı, kurulum gerektirmeyen bir ortam_) veya bilgisayarınızda bir metin editörü (örneğin [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)) kullanarak çalıştırmayı seçebilirsiniz.
+Bu müfredat için hazır bir geliştirme ortamı mevcut! Başlarken, müfredatı bir [Codespace](https://github.com/features/codespaces/) (_tarayıcı tabanlı, kurulum gerektirmeyen bir ortam_) içinde veya bilgisayarınızda bir metin düzenleyici kullanarak yerel olarak çalıştırmayı seçebilirsiniz, örneğin [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
-#### Depo Oluşturma  
-Çalışmalarınızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu sayfa üstündeki **Use this template** butonuna tıklayarak yapabilirsiniz. Bu, müfredatın bir kopyasıyla GitHub hesabınızda yeni bir depo oluşturacaktır.
+#### Depoyu oluşturun
+Çalışmanızı kolayca kaydedebilmeniz için, bu deponun kendi kopyanızı oluşturmanız önerilir. Bunu yapmak için sayfanın üstündeki **Use this template** düğmesine tıklayın. Bu, GitHub hesabınızda müfredatın bir kopyası ile yeni bir depo oluşturacaktır.
 
-Adımlar:  
-1. **Depoyu Forklayın**: Bu sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın.  
-2. **Depoyu Klonlayın**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Şu adımları izleyin:
+1. **Depoyu Çatallayın**: Bu sayfanın sağ üst köşesindeki "Fork" butonuna tıklayın.
+2. **Depoyu Klonlayın**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Müfredatı Codespace içinde çalıştırma
 
-Oluşturduğunuz depo kopyasında, **Code** butonuna tıklayın ve **Open with Codespaces** seçeneğini seçin. Bu size çalışmanız için yeni bir Codespace oluşturacaktır.
+Oluşturduğunuz bu deponun kopyasında, **Code** butonuna tıklayıp **Open with Codespaces** seçeneğini seçin. Bu, sizin için yeni bir Codespace oluşturacaktır.
 
 ![Codespace](../../translated_images/tr/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Müfredatı bilgisayarınızda yerel çalıştırma
-
-Bu müfredatı bilgisayarınızda çalıştırmak için bir metin editörü, bir tarayıcı ve bir komut satırı aracı gerekir. İlk dersimiz [Programlama Dillerine ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), bu araçlardan her biri için çeşitli seçenekleri sizin için gösterir, böylece size en uygun olanı seçebilirsiniz.
+#### Müfredatı bilgisayarınızda yerel olarak çalıştırma
 
-Önerimiz, editör olarak [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kullanmanızdır; VS Code’da yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) da vardır. Visual Studio Code’u buradan indirebilirsiniz: [burada](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Bu müfredatı bilgisayarınızda yerel olarak çalıştırmak için bir metin düzenleyici, bir tarayıcı ve bir komut satırı aracına ihtiyacınız olacak. İlk dersimiz, [Programlama Dilleri ve Ticaret Araçlarına Giriş](../../1-getting-started-lessons/1-intro-to-programming-languages), her biri için çeşitli seçenekleri size tanıtacak, böylece size en uygun olanı seçebilirsiniz.
 
-1. Depo kopyanızı bilgisayarınıza klonlayın. Bunu yapmak için **Code** butonuna tıklayın ve URL'yi kopyalayın:
+Bizim önerimiz [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) editörünü kullanmanızdır; bu editörde yerleşik bir [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) da mevcuttur. Visual Studio Code’u [buradan](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) indirebilirsiniz.
+1. Depozitonuzu bilgisayarınıza klonlayın. Bunu **Code** butonuna tıklayıp URL'yi kopyalayarak yapabilirsiniz:
 
     [CodeSpace](./images/createcodespace.png)
-Sonra, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) açın ve az önce kopyaladığınız URL ile `<your-repository-url>` yerini değiştirerek aşağıdaki komutu çalıştırın:
+
+    Ardından, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) içinde [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) uygulamasını açın ve aşağıdaki komutu, `<your-repository-url>` yerine az önce kopyaladığınız URL'yi yazarak çalıştırın:
 
     ```bash 
     git clone <your-repository-url>
     ```
-
-2. Visual Studio Code'da klasörü açın. Bunu **File** > **Open Folder** seçeneğine tıklayarak ve az önce klonladığınız klasörü seçerek yapabilirsiniz.
-
+  
+2. Klasörü Visual Studio Code'da açın. Bunu **File** > **Open Folder** seçeneğine tıklayarak ve az önce klonladığınız klasörü seçerek yapabilirsiniz.
 
 >  Önerilen Visual Studio Code uzantıları:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code içinde HTML sayfalarını önizlemek için
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmanızı hızlandırmaya yardımcı olmak için
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kod yazmayı hızlandırmak için
 
 ## 📂 Her ders şunları içerir:
 
-- isteğe bağlı sketchnote
+- isteğe bağlı sketchnote (not çizimi)
 - isteğe bağlı ek video
-- ders öncesi ısınma sınavı
+- dersten önce ısınma testi
 - yazılı ders
-- proje tabanlı derslerde, projeyi oluşturmak için adım adım rehberler
+- proje tabanlı dersler için, projeyi nasıl oluşturacağınıza dair adım adım rehberler
 - bilgi kontrolü
 - bir meydan okuma
 - ek okuma materyali
 - görev
-- [ders sonrası quiz](https://ff-quizzes.netlify.app/web/)
+- [dersten sonra quiz](https://ff-quizzes.netlify.app/web/)
 
-> **Quizler hakkında not**: Tüm quizler Quiz-app klasöründe bulunur, toplam 48 quiz ve her biri üç sorudan oluşur. Bunlar [burada](https://ff-quizzes.netlify.app/web/) mevcuttur. Quiz uygulaması yerel olarak çalıştırılabilir veya Azure'a dağıtılabilir; `quiz-app` klasöründeki talimatları izleyin.
+> **Quizler hakkında not**: Tüm quizler Quiz-app klasöründe bulunur, toplamda 48 quiz ve her biri 3 sorudan oluşmaktadır. Bunlara [buradan](https://ff-quizzes.netlify.app/web/) erişilebilir; quiz uygulaması yerel olarak çalıştırılabilir veya Azure’a dağıtılabilir; `quiz-app` klasöründeki talimatları takip edin.
 
 ## 🗃️ Dersler
 
-|     |                       Proje Adı                      |                            Öğretilen Konseptler                              | Öğrenme Hedefleri                                                                                                                 |                                                           Bağlantılı Ders                                                            |         Yazar          |
-| :-: | :--------------------------------------------------: | :----------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------: | :--------------------: |
-| 01  |                     Başlarken                      |           Programlamaya Giriş ve Mesleki Araçlar           | Çoğu programlama dilinin temel prensiplerini öğrenmek ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılımlar hakkında bilgi sahibi olmak | [Programlama Dillerine ve Mesleki Araçlara Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |        Jasmine         |
-| 02  |                     Başlarken                      |             GitHub Temelleri, ekip ile çalışma dahil             | Projenizde GitHub kullanmayı öğrenmek, bir kod tabanı üzerinde başkalarıyla işbirliği yapmayı öğrenmek                           |                            [GitHub'a Giriş](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor         |
-| 03  |                     Başlarken                      |                             Erişilebilirlik                              | Web erişilebilirliğinin temellerini öğrenmek                                                                                       |                       [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md)                       |      Christopher       |
-| 04  |                        JS Temelleri                         |                         JavaScript Veri Tipleri                          | JavaScript veri tiplerinin temelleri                                                                                             |                                       [Veri Tipleri](./2-js-basics/1-data-types/README.md)                                        |        Jasmine         |
-| 05  |                        JS Temelleri                         |                         Fonksiyonlar ve Metotlar                          | Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metotlar hakkında bilgi edinmek                                         |                              [Fonksiyonlar ve Metotlar](./2-js-basics/2-functions-methods/README.md)                               | Jasmine ve Christopher |
-| 06  |                        JS Temelleri                         |                        JavaScript ile Karar Verme                        | Kodunuzda koşullar oluşturmayı öğrenmek                                                                                          |                                 [Karar Verme](./2-js-basics/3-making-decisions/README.md)                                  |        Jasmine         |
-| 07  |                        JS Temelleri                         |                            Diziler ve Döngüler                            | JavaScript'te diziler ve döngüler kullanarak veri ile çalışma                                                                     |                                   [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md)                                    |        Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Pratikte HTML                            | Çevrimiçi bir terraryum oluşturmak için HTML inşa edin, yerleşim oluşturmaya odaklanın                                            |                                 [HTML'e Giriş](./3-terrarium/1-intro-to-html/README.md)                                 |          Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Pratikte CSS                             | Çevrimiçi terraryumu stillendirmek için CSS oluşturun, sayfanın duyarlı yapılması dahil CSS temellerine odaklanın                |                                  [CSS'e Giriş](./3-terrarium/2-intro-to-css/README.md)                                  |          Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript Kapanışları, DOM manipülasyonu                  | Terraryumun sürükle/bırak arayüzü olarak çalışmasını sağlamak için JavaScript yazın, kapanışlar ve DOM manipülasyonuna odaklanın |                  [JavaScript Kapanışları, DOM manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |          Jen           |
-| 11  |          [Yazma Oyunu](./4-typing-game/solution/README.md)          |                          Yazma Oyunu İnşası                           | JavaScript uygulamanızın mantığını yönlendirmek için klavye olaylarını nasıl kullanacağınızı öğrenin                              |                                [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md)                                |      Christopher       |
-| 12  | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) |                         Tarayıcılarla Çalışmak                          | Tarayıcıların nasıl çalıştığını, tarihçesini ve bir tarayıcı uzantısının ilk öğelerini nasıl oluşturacağınızı öğrenin             |                               [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md)                                |          Jen           |
-| 13  | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) | Form oluşturma, API çağırma ve yerel depolamada değişken kullanımı | Yerel depolamada saklanan değişkenleri kullanarak bir API çağırmak için tarayıcı uzantınızın JavaScript öğelerini oluşturun    |                [API'ler, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |          Jen           |
-| 14  | [Yeşil Tarayıcı Uzantısı](./5-browser-extension/solution/README.md) |          Tarayıcıdaki arka plan süreçleri, web performansı          | Uzantının simgesini yönetmek için tarayıcı arka plan işlemlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin |             [Arka Plan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md)              |          Jen           |
-| 15  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |             JavaScript ile Daha Gelişmiş Oyun Geliştirme             | Kalıtım kavramını Sınıflar ve Kompozisyon ile Pub/Sub deseni kullanarak öğrenin, oyun geliştirmeye hazırlık yapın                 |                      [Gelişmiş Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md)                       |          Chris         |
-| 16  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                           Canvas'a Çizim                            | Ekrana öğeler çizmek için kullanılan Canvas API hakkında bilgi edin                                                               |                                [Canvas'a Çizim](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris         |
-| 17  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                   Elemanları Ekranda Hareket Ettirme                    | Elemanlara Kartezyen koordinatlar ve Canvas API kullanarak hareket kazandırmayı keşfedin                                          |                           [Elemanları Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md)                           |          Chris         |
-| 18  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                          Çarpışma Algılama                           | Elemanların birbirine çarpmasını ve tepki vermesini sağlayın, performans için bir soğuma işlevi sağlayın                           |                              [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md)                              |          Chris         |
-| 19  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                             Skor Tutma                              | Oyunun durumu ve performansına göre matematiksel hesaplamalar yapın                                                               |                                    [Skor Tutma](./6-space-game/5-keeping-score/README.md)                                    |          Chris         |
-| 20  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                     Oyunu Bitirme ve Yeniden Başlatma                     | Oyunu bitirme ve yeniden başlatma, varlıkları temizleme ve değişken değerlerini sıfırlama hakkında bilgi edinin                   |                                [Bitiş Koşulu](./6-space-game/6-end-condition/README.md)                                 |          Chris         |
-| 21  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)          |                 Web Uygulamasında HTML Şablonları ve Yönlendirme                 | Çok sayfalı web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenin                      |                            [HTML Şablonları ve Yönlendirme](./7-bank-project/1-template-route/README.md)                             |          Yohan         |
-| 22  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)          |                  Giriş ve Kayıt Formu Oluşturma                   | Form oluşturma ve doğrulama işlemlerini öğrenin                                                                                   |                                           [Formlar](./7-bank-project/2-forms/README.md)                                           |          Yohan         |
-| 23  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)          |                   Veri Alma ve Kullanma Yöntemleri                   | Uygulamanıza veri akışı, veriyi alma, depolama ve atma yöntemleri                                                                |                                            [Veri](./7-bank-project/3-data/README.md)                                            |          Yohan         |
-| 24  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)          |                      Durum Yönetimi Kavramları                      | Uygulamanızın durumu nasıl koruduğunu ve bunu programatik olarak nasıl yöneteceğinizi öğrenin                                      |                                [Durum Yönetimi](./7-bank-project/4-state-management/README.md)                                |          Yohan         |
-| 25 | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Asistanlar](./9-chat-project/README.md) | Yapay Zeka ile Çalışma | Kendi AI asistanınızı nasıl oluşturacağınızı öğrenin | [AI Asistan projesi](./9-chat-project/README.md) | Chris |
+|     |                       Proje Adı                        |                       Öğretilen Kavramlar                       | Öğrenme Hedefleri                                                                                                             |                                                       İlgili Ders                                                      |       Yazar       |
+| :-: | :----------------------------------------------------: | :--------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------: | :---------------: |
+| 01  |                     Başlarken                          |             Programlama ve Araçlarına Giriş                      | Çoğu programlama dilinin temel prensipleri ve profesyonel geliştiricilerin işlerini yapmalarına yardımcı olan yazılım hakkında bilgi edinin | [Programlama Dilleri ve Araçlarına Giriş](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)          |      Jasmine      |
+| 02  |                     Başlarken                          |                   GitHub Temelleri, takım çalışması              | Projenizde GitHub’ı nasıl kullanacağınızı, kod tabanında başkalarıyla nasıl iş birliği yapacağınızı öğrenin                      |                          [GitHub’a Giriş](./1-getting-started-lessons/2-github-basics/README.md)                            |       Floor       |
+| 03  |                     Başlarken                          |                          Erişilebilirlik                          | Web erişilebilirliğinin temellerini öğrenin                                                                                     |                        [Erişilebilirlik Temelleri](./1-getting-started-lessons/3-accessibility/README.md)                  |    Christopher    |
+| 04  |                        JS Temelleri                     |                     JavaScript Veri Türleri                       | JavaScript veri türlerinin temellerini öğrenin                                                                                  |                                   [Veri Türleri](./2-js-basics/1-data-types/README.md)                                     |      Jasmine      |
+| 05  |                        JS Temelleri                     |                    Fonksiyonlar ve Metotlar                      | Uygulamanın mantık akışını yönetmek için fonksiyonlar ve metotlar hakkında bilgi edinin                                          |                            [Fonksiyonlar ve Metotlar](./2-js-basics/2-functions-methods/README.md)                           | Jasmine ve Christopher |
+| 06  |                        JS Temelleri                     |                      JS ile Karar Verme                          | Kodunuzda karar yöntemlerini kullanarak koşullar nasıl oluşturulur öğrenin                                                     |                                [Karar Verme](./2-js-basics/3-making-decisions/README.md)                                   |      Jasmine      |
+| 07  |                        JS Temelleri                     |                         Diziler ve Döngüler                      | JavaScript’te diziler ve döngülerle veri işleme                                                                                |                                  [Diziler ve Döngüler](./2-js-basics/4-arrays-loops/README.md)                            |      Jasmine      |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)     |                         HTML Uygulamada                           | Çevrimiçi bir terrarium oluşturmak için HTML yazın, düzen yaratmaya odaklanın                                                  |                                  [HTML’e Giriş](./3-terrarium/1-intro-to-html/README.md)                                  |        Jen        |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)     |                         CSS Uygulamada                            | Çevrimiçi terrariumun stilini oluşturmak için CSS yazın, temel CSS ve sayfanın duyarlı hale getirilmesine odaklanın            |                                   [CSS’e Giriş](./3-terrarium/2-intro-to-css/README.md)                                   |        Jen        |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)           |                  JavaScript Closures, DOM Manipülasyonu          | Sürükle/bırak arayüzü işlevleri için JavaScript yazın, closures ve DOM manipulasyonuna odaklanın                              |                   [JavaScript Closures ve DOM Manipülasyonu](./3-terrarium/3-intro-to-DOM-and-closures/README.md)          |        Jen        |
+| 11  |          [Yazma Oyunu](./4-typing-game/solution/README.md)          |                      Yazma Oyunu Oluşturma                        | JavaScript uygulamanızı klavye olaylarıyla nasıl yönlendireceğinizi öğrenin                                                    |                               [Olay Tabanlı Programlama](./4-typing-game/typing-game/README.md)                             |    Christopher    |
+| 12  | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) |                         Tarayıcılarla Çalışma                     | Tarayıcıların nasıl çalıştığını, tarihini ve tarayıcı eklentisinin ilk öğelerini nasıl oluşturacağınızı öğrenin                 |                                 [Tarayıcılar Hakkında](./5-browser-extension/1-about-browsers/README.md)                   |        Jen        |
+| 13  | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) |       Form Oluşturma, API Çağrısı ve Yerel Depolamada Değişken     | Tarayıcı eklentinizde yerel depolamada tutulan değişkenleri kullanan bir API çağrısı için JavaScript öğelerini oluşturun       |                   [API’lar, Formlar ve Yerel Depolama](./5-browser-extension/2-forms-browsers-local-storage/README.md)       |        Jen        |
+| 14  | [Yeşil Tarayıcı Eklentisi](./5-browser-extension/solution/README.md) |          Tarayıcı arkaplan işlemleri, web performansı             | Eklentinin simgesini yönetmek için tarayıcı arkaplan işlemlerini kullanın; web performansı ve bazı optimizasyonlar hakkında bilgi edinin |                [Arkaplan Görevleri ve Performans](./5-browser-extension/3-background-tasks-and-performance/README.md)       |        Jen        |
+| 15  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |           JavaScript ile Daha Gelişmiş Oyun Geliştirme            | Sınıflar ve Kompozisyon kullanarak Miras (Inheritance) ve Yayınla/Abone Ol (Pub/Sub) kalıplarını öğrenin, bir oyun geliştirmek için hazırlanın |                      [Gelişmiş Oyun Geliştirmeye Giriş](./6-space-game/1-introduction/README.md)                             |       Chris       |
+| 16  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                           Canvas’a Çizim                           | Ekrana öğe çizmek için kullanılan Canvas API'si hakkında bilgi edinin                                                          |                                  [Canvasa Çizim](./6-space-game/2-drawing-to-canvas/README.md)                             |       Chris       |
+| 17  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                        Ekrandaki Öğeleri Hareket Ettirme          | Öğelerin hareket kazanmasını kartezyen koordinatlar ve Canvas API kullanarak keşfedin                                          |                          [Öğeleri Hareket Ettirme](./6-space-game/3-moving-elements-around/README.md)                       |       Chris       |
+| 18  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                         Çarpışma Algılama                          | Öğeleri çarpıştırın ve birbirlerine tuş vuruşlarıyla tepki vermelerini sağlayın; oyunun performansını korumak için cooldown fonksiyonu ekleyin |                             [Çarpışma Algılama](./6-space-game/4-collision-detection/README.md)                             |       Chris       |
+| 19  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                            Skoru Tutma                             | Oyun durumu ve performansına bağlı matematiksel hesaplamalar yapın                                                             |                                      [Skoru Tutma](./6-space-game/5-keeping-score/README.md)                               |       Chris       |
+| 20  |           [Uzay Oyunu](./6-space-game/solution/README.md)           |                       Oyunu Bitirme ve Yeniden Başlatma            | Oyunu bitirme ve yeniden başlatma hakkında bilgi edinin, kaynak temizleme ve değişkenleri sıfırlama dahil                      |                                   [Bitiş Koşulu](./6-space-game/6-end-condition/README.md)                                 |       Chris       |
+| 21  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)         |                    Web Uygulamasında HTML Şablonları ve Yönlendirmeler | Çok sayfalı bir web sitesinin mimarisini yönlendirme ve HTML şablonları kullanarak nasıl oluşturacağınızı öğrenin              |                              [HTML Şablonları ve Yönlendirmeler](./7-bank-project/1-template-route/README.md)              |       Yohan       |
+| 22  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)         |                          Giriş ve Kayıt Formu Oluşturma            | Formlar oluşturma ve doğrulama süreçlerini öğrenin                                                                             |                                        [Formlar](./7-bank-project/2-forms/README.md)                                      |       Yohan       |
+| 23  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)         |                           Veri Alma ve Kullanma Yöntemleri         | Uygulamanızda verinin nasıl aktığını, nasıl alındığını, depolandığını ve imha edildiğini öğrenin                                |                                          [Veri](./7-bank-project/3-data/README.md)                                       |       Yohan       |
+| 24  |         [Bankacılık Uygulaması](./7-bank-project/solution/README.md)         |                              Durum Yönetimi Kavramları             | Uygulamanızın durumu nasıl koruduğunu ve programatik olarak bunu nasıl yöneteceğinizi öğrenin                                  |                                  [Durum Yönetimi](./7-bank-project/4-state-management/README.md)                            |       Yohan       |
+| 25  | [Tarayıcı/VScode Kodu](../../8-code-editor) | VScode ile Çalışma | Bir kod editörü kullanmayı öğrenin | [VScode Kod Editörü Kullanımı](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26  | [AI Asistanları](./9-chat-project/README.md) | AI ile Çalışma | Kendi AI asistanınızı nasıl oluşturabileceğinizi öğrenin | [AI Asistan Projesi](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Pedagoji
 
-Müfredatımız, iki temel eğitim ilkesi göz önünde bulundurularak tasarlanmıştır:
-* proje tabanlı öğrenme
-* sık quizler
+Müfredatımız iki temel pedagojik ilke göz önünde bulundurularak tasarlanmıştır:  
+* proje tabanlı öğrenme  
+* sık quiz uygulamaları  
 
-Program, JavaScript, HTML ve CSS temellerini ve günümüz web geliştiricilerinin kullandığı en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terraryum, çevre dostu tarayıcı uzantısı, uzay istilacı tarzı oyun ve işletmeler için bir bankacılık uygulaması inşa ederek uygulamalı deneyim kazanma fırsatı bulacaklar. Serinin sonunda öğrenciler, web geliştirme konusunda sağlam bir anlayışa sahip olacaklar.
+Program JavaScript, HTML ve CSS temel bilgilerini ve günümüz web geliştiricileri tarafından kullanılan en son araçlar ve teknikleri öğretir. Öğrenciler, yazma oyunu, sanal terrarium, çevre dostu tarayıcı uzantısı, space-invader tarzı oyun ve işletmeler için bankacılık uygulaması yaparak pratik deneyim kazanma fırsatı bulacaklar. Serinin sonunda öğrenciler web geliştirme konusunda sağlam bir anlayışa sahip olacaklar.
 
-> 🎓 Bu müfredattaki ilk birkaç dersi Microsoft Learn üzerinde bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz!
+> 🎓 Bu müfredatın ilk birkaç dersini Microsoft Learn üzerinden bir [Öğrenme Yolu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) olarak alabilirsiniz!
 
-İçeriğin projelerle uyumlu olduğundan emin olarak, süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, kavramları tanıtmak için birkaç başlangıç dersi JavaScript temellerinde yazılmıştır ve bu dersler, bazı yazarları bu müfredata katkıda bulunan “[JavaScript Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” video koleksiyonundan bir video ile eşleştirilmiştir.
+İçeriğin projelerle uyumlu olmasını sağlayarak süreç öğrenciler için daha ilgi çekici hale getirilir ve kavramların kalıcılığı artırılır. Ayrıca, JavaScript temellerini tanıtmak için birkaç başlangıç dersi yazdık ve “[JavaScript’e Başlayanlar Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” video koleksiyonundan bazı videolarla eşleştirdik, bazı yazarlar bu müfredata katkıda bulundu.
 
-Ek olarak, sınıf öncesinde düşük riskli bir quiz öğrencinin konuya yönelik niyetini belirlerken, sınıf sonrası ikinci bir quiz daha fazla kalıcılık sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmış olup tamamı veya parça parça alınabilir. Projeler küçük başlayıp 12 haftalık döngünün sonunda giderek karmaşıklaşır.
+Ayrıca, sınıftan önce yapılan düşük riskli bir quiz öğrencinin konu öğrenme niyetini belirlerken, sınıftan sonra yapılan ikinci quiz kalıcılığı sağlar. Bu müfredat esnek ve eğlenceli olacak şekilde tasarlanmıştır ve tamamen veya kısmen alınabilir. Projeler küçük başlar ve 12 haftalık döngünün sonunda giderek daha karmaşık hale gelir.
 
-JavaScript çerçevelerini kasıtlı olarak tanıtmaktan kaçındık çünkü bir çerçeve benimsemeden önce bir web geliştiricisi olarak gereken temel becerilere odaklanmak istedik; bu müfredatı tamamlamak için iyi bir sonraki adım başka bir video koleksiyonu olan “[Node.js Başlangıç Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)” üzerinden Node.js öğrenmek olacaktır.
-
-> [Davranış Kurallarımız](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) yönergelerimizi ziyaret edin. Yapıcı geri bildirimlerinizi bekliyoruz!
+Amacımız, temel becerilere odaklanmak için JavaScript çerçevelerinden kaçınmak olsa da, bu müfredatı tamamlamak için bir sonraki iyi adım, başka bir video koleksiyonu aracılığıyla Node.js öğrenmek olacaktır: “[Node.js’e Başlayanlar Serisi](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”.
 
+> [Davranış Kurallarımız](CODE_OF_CONDUCT.md) ve [Katkıda Bulunma](CONTRIBUTING.md) yönergelerimizi inceleyin. Yapıcı geri bildiriminizi bekliyoruz!
 
 ## 🧭 Çevrimdışı erişim
 
-Bu dokümantasyonu çevrimdışı olarak [Docsify](https://docsify.js.org/#/) kullanarak çalıştırabilirsiniz. Bu depoyu çatallayın, yerel makinenize [Docsify yükleyin](https://docsify.js.org/#/quickstart) ve sonra bu deponun kök klasöründe `docsify serve` yazın. Site localhost'ta, port 3000 üzerinde sunulacaktır: `localhost:3000`.
+Bu dökümantasyonu çevrimdışı çalıştırmak için [Docsify](https://docsify.js.org/#/) kullanabilirsiniz. Bu repoyu fork edin, yerel bilgisayarınıza [Docsify kurulumunu](https://docsify.js.org/#/quickstart) yapın ve ardından bu repoda kök klasörde `docsify serve` komutunu çalıştırın. Web sitesi localhost’ta 3000 portunda çalışacaktır: `localhost:3000`.
 
 ## 📘 PDF
-
-Tüm derslerin PDF'sini [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) bulabilirsiniz.
+Tüm derslerin PDF'sine [buradan](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ulaşabilirsiniz.
 
 
 ## 🎒 Diğer Kurslar
-Ekibimiz diğer kurslar da üretiyor! Göz atın:
+
+Ekibimiz başka kurslar da üretiyor! İnceleyin:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -210,7 +231,7 @@ Ekibimiz diğer kurslar da üretiyor! Göz atın:
 
 ---
  
-### Generative AI Series
+### Üretken AI Serisi
 [![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)
@@ -218,40 +239,40 @@ Ekibimiz diğer kurslar da üretiyor! Göz atın:
 
 ---
  
-### Core Learning
+### Temel Öğrenme
 [![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)
-[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+[![Siber Güvenlik için Başlangıç](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Yeni Başlayanlar için Web Geliştirme](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![Başlangıç için IoT](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![Yeni Başlayanlar için XR Geliştirme](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)
+### Copilot Serisi
+[![Copilot AI ile Eşli Programlama İçin](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 C#/.NET İçin](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 Macerası](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Yardım Almak
+## Yardım Alma
 
-Yapay zeka uygulamaları geliştirme konusunda takılırsanız ya da herhangi bir sorunuz olursa, MCP hakkında tartışmalara katılmak için diğer öğrenciler ve deneyimli geliştiricilerle buluşun. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur.
+Tıkanırsanız veya AI uygulamaları geliştirme konusunda herhangi bir sorunuz olursa MCP hakkında diğer öğrenenlerle ve deneyimli geliştiricilerle tartışmalara katılın. Soruların hoş karşılandığı ve bilginin özgürce paylaşıldığı destekleyici bir topluluktur.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Ürün geri bildirimi veya geliştirme sırasında hata bildirimi için ziyaret edin:
+Ürün geri bildirimi veya geliştirme sırasında oluşan hatalar için ziyaret edin:
 
 [![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)
 
 ## Lisans
 
-Bu depo MIT lisansı altında lisanslanmıştır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız.
+Bu depo MIT lisansı ile lisanslanmıştır. Daha fazla bilgi için [LICENSE](../../LICENSE) dosyasına bakınız.
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Feragatname**:
-Bu belge, AI çeviri servisi [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayınız. Orijinal belge, kendi dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan herhangi bir yanlış anlama veya yanlış yorumlama nedeniyle sorumluluk kabul edilmemektedir.
+**Feragatname**:  
+Bu belge, AI çeviri hizmeti [Co-op Translator](https://github.com/Azure/co-op-translator) kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hatalar veya yanlışlıklar içerebileceğini lütfen unutmayın. Orijinal belge, kendi ana dilinde yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi tavsiye edilir. Bu çevirinin kullanılması sonucu ortaya çıkabilecek yanlış anlamalar veya yorum hatalarından sorumlu değiliz.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/uk/.co-op-translator.json b/translations/uk/.co-op-translator.json
index 41cba6a7a..1c6393048 100644
--- a/translations/uk/.co-op-translator.json
+++ b/translations/uk/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T13:19:37+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:09:40+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "uk"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T18:57:51+00:00",
+    "translation_date": "2026-03-06T17:19:32+00:00",
     "source_file": "AGENTS.md",
     "language_code": "uk"
   },
@@ -516,8 +516,8 @@
     "language_code": "uk"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T18:51:51+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:04:59+00:00",
     "source_file": "README.md",
     "language_code": "uk"
   },
diff --git a/translations/uk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/uk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index e06f4d478..eff0ead86 100644
--- a/translations/uk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/uk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Вступ до мов програмування та сучасних інструментів розробника
+ 
+Привіт, майбутній розробнику! 👋 Чи можу я розповісти тобі дещо, що досі викликає у мене мурашки щодня? Ти ось-ось дізнаєшся, що програмування — це не просто про комп’ютери, а про справжні суперсили, які допомагають втілити найсміливіші твої ідеї у життя!
 
-Привіт, майбутній розробнику! 👋 Можу розповісти тобі щось, що досі викликає у мене мурашки щодня? Ти збираєшся дізнатися, що програмування – це не просто про комп’ютери, це про справжні суперсили, які дозволяють втілювати найсміливіші ідеї в життя!
+Знаєш той момент, коли ти користуєшся улюбленим додатком, і все просто працює ідеально? Коли ти натискаєш кнопку, і стається щось абсолютно чарівне, що змушує сказати: «Вау, як вони це ЗРОБИЛИ?» Ну, хтось саме такий, як ти — мабуть, сидить у власній улюбленій кав’ярні о 2-й ночі з третім еспресо — написав код, який створив цю магію. І ось що тебе здивує: наприкінці цього уроку ти не лише зрозумієш, як вони це зробили, а й сам захочеш спробувати!
 
-Знаєш той момент, коли ти користуєшся улюбленим додатком, і все працює ідеально? Коли натискаєш кнопку, і відбувається щось абсолютно магічне, що змушує тебе сказати: "Вау, як вони це ЗРОБИЛИ?" Ну, хтось, такий самий, як ти – ймовірно, сидячи у своєму улюбленому кафе о 2 годині ночі з третьою чашкою еспресо – написав код, який створив цю магію. І ось що тебе здивує: до кінця цього уроку ти не тільки зрозумієш, як вони це зробили, але й захочеш спробувати сам!
+Дивись, я цілком розумію, якщо програмування здається зараз страшним. Коли я починав, я чесно думав, що треба бути гением з математики або програмувати з п’яти років. Але ось що повністю змінило мій погляд: програмування — це саме як навчитися вести розмови новою мовою. Спочатку вивчаєш «привіт» і «дякую», потім замовляєш каву, а за мить ти вже ведеш глибокі філософські бесіди! Тільки у цьому випадку ти розмовляєш з комп’ютерами, і, чесно? Вони — найтерплячливіші співрозмовники: не засуджують помилки і завжди раді спробувати знову!
 
-Слухай, я повністю розумію, якщо програмування здається тобі зараз страшним. Коли я тільки починав, я чесно думав, що потрібно бути якимось математичним генієм або програмувати з п’яти років. Але ось що повністю змінило моє уявлення: програмування – це точно як навчитися розмовляти новою мовою. Ти починаєш з "привіт" і "дякую", потім переходиш до замовлення кави, і перш ніж ти це усвідомиш, ти ведеш глибокі філософські дискусії! Тільки в цьому випадку ти розмовляєш з комп’ютерами, і чесно? Вони найтерплячіші співрозмовники, яких ти коли-небудь зустрічав – вони ніколи не судять твої помилки і завжди готові спробувати знову!
-
-Сьогодні ми дослідимо неймовірні інструменти, які роблять сучасну веб-розробку не просто можливою, а дійсно захоплюючою. Я говорю про ті самі редактори, браузери та робочі процеси, які розробники Netflix, Spotify та твоєї улюбленої студії інді-додатків використовують щодня. І ось частина, яка змусить тебе танцювати від радості: більшість із цих професійних, стандартних для галузі інструментів абсолютно безкоштовні!
+Сьогодні ми дослідимо неймовірні інструменти, що роблять сучасну веб-розробку не просто можливою, а справді захопливою. Я говорю про ті самі редактори, браузери та робочі процеси, що використовують розробники Netflix, Spotify і твоєї улюбленої інді-студії. І ось що змусить тебе танцювати від радості: більшість цих професійних, індустріальних інструментів — абсолютно безкоштовні!
 
 ![Intro Programming](../../../../translated_images/uk/webdev101-programming.d6e3f98e61ac4bff.webp)
-> Скетчнот від [Tomomi Imura](https://twitter.com/girlie_mac)
+> Sketchnote від [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
+    title Ваша подорож програмуванням сьогодні
     section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
+      Що таке програмування: 5: You
+      Мови програмування: 4: You
+      Огляд інструментів: 5: You
     section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
+      Редактори коду: 4: You
+      Браузери та інструменти розробника: 5: You
+      Командний рядок: 3: You
     section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+      Детектив мови: 4: You
+      Вивчення інструментів: 5: You
+      Спілкування в спільноті: 5: You
 ```
+## Перевіримо, що ти вже знаєш!
 
-## Давайте перевіримо, що ви вже знаєте!
+Перш ніж поринути у веселощі, мені цікаво – що ти вже знаєш про цей світ програмування? І слухай, якщо ти дивишся на ці питання і думаєш: «Я зовсім нічого не знаю про це,» — це не просто нормально, це ідеально! Це означає, що ти якраз у потрібному місці. Подумай про цю вікторину як про розім’янку перед тренуванням – ми просто розігріваємо мозок!
 
-Перш ніж ми перейдемо до цікавого, мені цікаво – що ви вже знаєте про цей світ програмування? І слухайте, якщо ви дивитеся на ці питання і думаєте: "Я буквально нічого про це не знаю", це не просто нормально, це ідеально! Це означає, що ви саме там, де потрібно. Подумайте про цей тест як про розтяжку перед тренуванням – ми просто розігріваємо мозок!
+[Пройди вступний тест](https://ff-quizzes.netlify.app/web/)
 
-[Пройдіть тест перед уроком](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Пригода, яку ми збираємося пережити разом
+## Подорож, в яку ми вирушаємо разом
 
-Добре, я щиро переповнений захопленням від того, що ми будемо досліджувати сьогодні! Серйозно, я хотів би побачити ваше обличчя, коли деякі з цих концепцій стануть зрозумілими. Ось неймовірна подорож, яку ми здійснимо разом:
+Окей, я справді шалено радію тому, що ми сьогодні вивчатимемо! Серйозно, хотів би побачити твоє обличчя, коли деякі з цих концепцій дійдуть до тебе. Ось неймовірна подорож, яку ми проходимо разом:
 
-- **Що таке програмування (і чому це найкрутіша річ у світі!)** – Ми дізнаємося, як код буквально є невидимою магією, яка живить усе навколо вас, від будильника, який якось знає, що зараз понеділок, до алгоритму, який ідеально підбирає рекомендації на Netflix.
-- **Мови програмування та їх дивовижні особливості** – Уявіть, що ви заходите на вечірку, де кожен має абсолютно різні суперсили та способи вирішення проблем. Саме так виглядає світ мов програмування, і вам сподобається знайомитися з ними!
-- **Основні будівельні блоки, які створюють цифрову магію** – Думайте про них як про найкращий набір творчих LEGO. Як тільки ви зрозумієте, як ці частини поєднуються, ви усвідомите, що можете буквально створити все, що тільки уявите.
-- **Професійні інструменти, які змушують вас відчувати, ніби вам дали чарівну паличку** – Я не перебільшую – ці інструменти справді змушують вас відчувати, ніби у вас є суперсили, і найкраще? Це ті самі, які використовують професіонали!
+- **Що таке програмування насправді (і чому це найкрутіша річ у світі!)** – Ми відкриємо, як код — це невидима магія, що живить все навколо: від сигналізації, яка якимось чином знає, що сьогодні понеділок, до алгоритму, що ідеально підбирає рекомендації Netflix
+- **Мови програмування та їх дивовижні особистості** – Уяви, що ти потрапив на вечірку, де кожна людина має унікальні суперсили й способи розв’язувати проблеми. Саме так виглядає світ мов програмування, і тобі сподобається знайомство з ними!
+- **Основні будівельні блоки, що творять цифрову магію** – Подумай про це як про найкращий творчий набір LEGO. Як тільки зрозумієш, як ці деталі поєднуються, ти усвідомиш, що можеш створити буквально все, що забажає твоя уява
+- **Професійні інструменти, що дадуть тобі відчуття чарівної палички** – Я не перебільшую – ці інструменти справді змусить тебе відчути, що володієш суперсилами, а найкращє — це ті самі інструменти, що використовують професіонали!
 
-> 💡 **Ось у чому справа**: навіть не думайте намагатися запам’ятати все сьогодні! Зараз я просто хочу, щоб ви відчули той спалах захоплення від того, що можливо. Деталі запам’ятаються природно, коли ми будемо практикуватися разом – саме так відбувається справжнє навчання!
+> 💡 **Ось що потрібно знати**: Не намагайся запам’ятати все сьогодні! Просто відчуй іскру захоплення тим, що можливо. Деталі закріпляться природно, коли ми практикуватимемось разом – ось як відбувається справжнє навчання!
 
-> Ви можете пройти цей урок на [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, що, по суті, означає "так" і "ні" або "ввімкнено" і "вимкнено". І все! Але ось де це стає магічним – нам не потрібно говорити на мові 1 і 0, як у "Матриці". Тут на допомогу приходять **мови програмування**. Вони як найкращий перекладач у світі, який перетворює ваші абсолютно нормальні людські думки на мову комп’ютера.
+Ось що мене вразило, коли я вперше це зрозумів: комп’ютери насправді дуже прості в основі. Вони розуміють буквально дві речі — 1 та 0, що по суті означає «так» і «ні» або «ввімкнено» і «вимкнено». Ось і все! Але тут починається магія — нам не потрібно говорити на 1 і 0, як у Матриці. Саме тут допомагають **мови програмування**. Вони — наче найкращий перекладач у світі, який бере твої нормальні людські думки і перетворює їх на мову комп’ютера.
 
-І ось що досі викликає у мене мурашки щоранку, коли я прокидаюся: буквально *все* цифрове у вашому житті почалося з когось, такого ж, як ви, ймовірно, сидячи в піжамі з чашкою кави, набираючи код на своєму ноутбуці. Той фільтр Instagram, який робить вас бездоганним? Хтось закодував це. Рекомендація, яка привела вас до вашої нової улюбленої пісні? Розробник створив цей алгоритм. Додаток, який допомагає вам розділити рахунок за вечерю з друзями? Так, хтось подумав: "Це дратує, я думаю, я можу це виправити", а потім... вони це зробили!
+І ось що досі викликає у мене мурашки щоранку: буквально *все* цифрове у твоєму житті почалося з когось такого, як ти, мабуть, у піжамі з горням кави, що друкує код на ноутбуці. Той фільтр в Instagram, що робить тебе бездоганним? Хтось його закодував. Рекомендація, що привела тебе до нової улюбленої пісні? Розробник створив цей алгоритм. Додаток, що допомагає розділити рахунок за вечерю з друзями? Так, хтось подумав «це дратує, я можу це полагодити» і зробив це!
 
-Коли ви вчитеся програмувати, ви не просто освоюєте новий навик – ви стаєте частиною цієї неймовірної спільноти вирішувачів проблем, які проводять свої дні, думаючи: "А що, якщо я міг би створити щось, що зробить чийсь день трохи кращим?" Чесно, чи є щось крутіше за це?
+Коли ти навчаєшся програмувати, ти не просто здобуваєш нову навичку — ти стаєш частиною неймовірної спільноти розв’язувачів проблем, які проводять дні, думаючи: «А що як я зроблю щось, що зробить чийсь день трошки кращим?» Чесно кажучи, чи є щось крутіше за це?
 
-✅ **Полювання на цікаві факти**: Ось щось дуже цікаве, що можна пошукати, коли у вас буде вільний момент – як ви думаєте, хто був першим програмістом у світі? Я дам вам підказку: це може бути не той, кого ви очікуєте! Історія цієї людини абсолютно захоплююча і показує, що програмування завжди було про творчий підхід до вирішення проблем і нестандартне мислення.
+✅ **Цікавинка**: Ось що круто дослідити, якщо матимеш вільну хвилинку — хто, на твою думку, був першим комп’ютерним програмістом у світі? Підказка: це може бути не той, кого ти очікуєш! Історія цієї людини надзвичайно захоплива і показує, що програмування завжди було про креативне розв’язання проблем і нестандартне мислення.
 
-### 🧠 **Час перевірки: як ви себе почуваєте?**
+### 🧠 **Час перевірити себе: Як ти почуваєшся?**
 
-**Зробіть паузу, щоб подумати:**
-- Чи зрозуміла вам тепер ідея "давати інструкції комп’ютерам"?
-- Чи можете ви придумати щоденне завдання, яке хотіли б автоматизувати за допомогою програмування?
-- Які питання виникають у вас щодо цього всього програмування?
+**Зроби паузу й подумай:**
+- Чи стало зараз зрозуміло, що означає «давати інструкції комп’ютерам»?
+- Чи можеш уявити якусь щоденну задачу, яку б хотів автоматизувати за допомогою програмування?
+- Які питання виникають у тебе про весь цей світ програмування?
 
-> **Пам’ятайте**: Це абсолютно нормально, якщо деякі концепції зараз здаються вам нечіткими. Вивчення програмування – це як вивчення нової мови – потрібно час, щоб мозок побудував ці нейронні зв’язки. Ви чудово справляєтеся!
+> **Пам’ятай**: це нормально, якщо деякі концепції здаються розмитими зараз. Вивчення програмування — як навчання новій мові, потрібно час, щоб мозок налагодив потрібні зв’язки. Ти чудово справляєшся!
 
-## Мови програмування – це як різні смаки магії
+## Мови програмування — це як різні смаки магії
 
-Добре, це може звучати дивно, але залишайтеся зі мною – мови програмування дуже схожі на різні стилі музики. Подумайте: у вас є джаз, який плавний і імпровізаційний, рок, який потужний і прямолінійний, класика, яка елегантна і структурована, і хіп-хоп, який творчий і виразний. Кожен стиль має свою атмосферу, свою спільноту пристрасних шанувальників, і кожен ідеально підходить для різних настроїв і випадків.
+Окей, зараз прозвучить дивно, але лишайся зі мною — мови програмування дуже схожі на різні музичні стилі. Подумай: є джаз, який плавний і імпровізаційний, рок — потужний і прямолінійний, класика — елегантна і структурована, а хіп-хоп — креативний і експресивний. У кожного стилю своя атмосфера, своє коло палких фанатів, і кожен ідеально підходить для різного настрою та випадків.
 
-Мови програмування працюють точно так само! Ви не будете використовувати ту саму мову для створення веселого мобільного додатку, яку використовуєте для обробки величезних обсягів кліматичних даних, так само як ви не будете грати дез-метал на занятті йогою (ну, на більшості занять йогою! 😄).
+Мови програмування працюють так само! Ти ж не використовуватимеш одну і ту саму мову для створення веселої мобільної гри та для опрацювання величезних масивів кліматичних даних, як не будеш слухати дез-метал на занятті йогою (ну, більшість занять, принаймні! 😄).
 
-Але ось що мене абсолютно вражає кожного разу, коли я думаю про це: ці мови – це як мати найтерплячішого, найрозумнішого перекладача у світі, який сидить прямо поруч із вами. Ви можете висловлювати свої ідеї так, як це природно для вашого людського мозку, а вони беруть на себе всю неймовірно складну роботу з перекладу цього на мову 1 і 0, яку комп’ютери насправді розуміють. Це як мати друга, який ідеально володіє і "людською творчістю", і "комп’ютерною логікою" – і вони ніколи не втомлюються, ніколи не потребують перерв на каву і ніколи не судять вас за те, що ви задаєте одне й те ж питання двічі!
+А ось що мене вражає кожного разу, коли я про це думаю: ці мови — наче найтерплячіший та найрозумніший перекладач у світі, який сидить поруч з тобою. Ти виражаєш ідеї так, як комфортно твоєму людському мозку, а вони роблять усю складну роботу, перекладаючи це на 1 і 0, якими розмовляють комп’ютери. Це як мати друга, який ідеально володіє і «людською творчістю», і «комп’ютерною логікою» — і він ніколи не втомлюється, не потребує кави і не засуджує, якщо ти задаєш одне і те саме питання двічі!
 
-### Популярні мови програмування та їх використання
+### Популярні мови програмування та їх застосування
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((Мови програмування))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Магія фронтенда
+        Інтерактивні вебсайти
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + типи
+        Корпоративні додатки
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Дані науки
+        Машинне навчання
+        Автоматизація
       R
-        Statistics
-        Research
+        Статистика
+        Дослідження
     Mobile Apps
       Java
         Android
-        Enterprise
+        Корпоративні
       Swift
         iOS
-        Apple Ecosystem
+        Екосистема Apple
       Kotlin
-        Modern Android
-        Cross-platform
+        Сучасний Android
+        Кросплатформовий
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        Ігри
+        Критична продуктивність
       Rust
-        Memory Safety
-        System Programming
+        Безпека пам’яті
+        Системне програмування
       Go
-        Cloud Services
-        Scalable Backend
+        Хмарні сервіси
+        Масштабований бекенд
 ```
-
 | Мова | Найкраще для | Чому популярна |
-|------|--------------|----------------|
-| **JavaScript** | Веб-розробка, користувацькі інтерфейси | Працює в браузерах і забезпечує інтерактивність веб-сайтів |
-| **Python** | Наука про дані, автоматизація, AI | Легка для читання і навчання, потужні бібліотеки |
+|----------|----------|------------------|
+| **JavaScript** | Веб-розробка, інтерфейси користувача | Працює в браузерах і забезпечує інтерактивні сайти |
+| **Python** | Наука про дані, автоматизація, ШІ | Легка для читання та вивчення, потужні бібліотеки |
 | **Java** | Корпоративні додатки, Android-додатки | Незалежна від платформи, надійна для великих систем |
-| **C#** | Windows-додатки, розробка ігор | Сильна підтримка екосистеми Microsoft |
+| **C#** | Додатки для Windows, розробка ігор | Сильна підтримка екосистеми Microsoft |
 | **Go** | Хмарні сервіси, бекенд-системи | Швидка, проста, створена для сучасних обчислень |
 
-### Високорівневі vs. низькорівневі мови
+### Мови високого рівня проти низького рівня
 
-Добре, це була концепція, яка буквально "зламала" мій мозок, коли я тільки починав вчитися, тому я поділюся аналогією, яка нарешті допомогла мені зрозуміти це – і я дуже сподіваюся, що вона допоможе вам теж!
+Окей, це була та концепція, яка зламала мій мозок, коли я починав вчитися, тому поділюся аналогією, яка нарешті допомогла мені це зрозуміти — і сподіваюся, вона допоможе й тобі!
 
-Уявіть, що ви відвідуєте країну, де не говорите мовою, і вам терміново потрібно знайти найближчий туалет (ми всі були в такій ситуації, правда? 😅):
+Уяви, що ти приїхав у країну, де не знаєш мову, і терміново шукаєш найближчий туалет (ми всі через це проходили, правда? 😅):
 
-- **Низькорівневе програмування** – це як вивчити місцевий діалект настільки добре, що ви можете спілкуватися з бабусею, яка продає фрукти на розі, використовуючи культурні посилання, місцевий сленг і внутрішні жарти, які зрозуміє тільки той, хто виріс там. Дуже вражаюче і неймовірно ефективно... якщо ви випадково володієте мовою! Але досить складно, коли ви просто намагаєтеся знайти туалет.
+- **Програмування низького рівня** — це як знати місцевий діалект настільки добре, що можеш поговорити з бабусею, яка продає фрукти на розі, використовуючи культурні посилання, місцевий сленг та жарти, які зрозуміє лише той, хто там виріс. Це дуже вражає й надзвичайно ефективно... якщо ти, звісно, вільно розмовляєш! Але доволі складно, коли тобі лише потрібно знайти туалет.
 
-- **Високорівневе програмування** – це як мати того дивовижного місцевого друга, який просто вас розуміє. Ви можете сказати "Мені дуже потрібно знайти туалет" звичайною англійською, і вони беруть на себе весь культурний переклад і дають вам інструкції так, щоб це мало сенс для вашого не місцевого мозку.
+- **Програмування високого рівня** — це як мати того чудового місцевого друга, який тебе чудово розуміє. Ти можеш сказати просто «мені потрібно знайти туалет» англійською, а він зробить весь культурний переклад і дасть тобі напрямок у зрозумілій для тебе формі.
 
 У термінах програмування:
-- **Низькорівневі мови** (як Assembly або C) дозволяють вам вести надзвичайно детальні розмови з фактичним обладнанням комп’ютера, але вам потрібно думати як машина, що... ну, скажімо так, це досить великий ментальний зсув!
-- **Високорівневі мови** (як JavaScript, Python або C#) дозволяють вам думати як людина, поки вони беруть на себе всю машинну мову за лаштунками. Крім того, вони мають ці неймовірно гостинні спільноти, повні людей, які пам’ятають, як це бути новачком, і щиро хочуть допомогти!
+- **Мови низького рівня** (як Assembly чи C) дозволяють вести надзвичайно докладні розмови безпосередньо з апаратним забезпеченням комп’ютера, але потрібно мислити як машина, що... скажімо, великий ментальний зсув!
+- **Мови високого рівня** (як JavaScript, Python чи C#) дозволяють думати як людина, у той час як вони вирішують усі машинні питання за сценою. Також у них є неймовірно дружні спільноти з людьми, які пам’ятають, як це — бути новачком, і щиро хочуть допомогти!
 
-Вгадайте, з яких я запропоную вам почати? 😉 Високорівневі мови – це як мати тренувальні колеса, які ви ніколи не захочете знімати, тому що вони роблять весь досвід набагато приємнішим!
+Вгадай, з чого я запропоную почати? 😉 Мови високого рівня — це наче тренувальні колеса, які ти ніколи справді не захочеш знімати, бо вони роблять увесь досвід набагато приємнішим!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Людська думка:<br/>'Я хочу обчислити числа Фібоначчі'"] --> B{Вибрати рівень мови}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Високий рівень| C["🌟 JavaScript/Python<br/>Легко читати і писати"]
+    B -->|Низький рівень| D["⚙️ Assembly/C<br/>Пряме керування апаратурою"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Написати: fibonacci(10)"]
+    D --> F["📝 Написати: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Розуміння комп'ютера:<br/>Перекладач обробляє складнощі"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Той самий результат:<br/>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
-// Step 1: Basic Fibonacci setup
+// Крок 1: Основна настройка Фібоначчі
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,127 +183,202 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Ось що робить цей код:**
-- **Оголошує** константу для визначення кількості чисел Фібоначчі, які ми хочемо створити
-- **Ініціалізує** дві змінні для відстеження поточного та наступного чисел у послідовності
-- **Встановлює** початкові значення (0 і 1), які визначають шаблон Фібонач
-- **Коментарі**: Мови високого рівня заохочують пояснювальні коментарі, які роблять код самодокументованим  
-- **Структура**: Логічний потік JavaScript відповідає тому, як люди думають про вирішення проблем крок за кроком  
-- **Підтримка**: Оновлення версії JavaScript для різних вимог є простим і зрозумілим  
+**Що робить цей код:**
+- **Оголошує** константу, що визначає, скільки чисел Фібоначчі ми хочемо згенерувати
+- **Ініціалізує** дві змінні для відстеження поточного і наступного чисел у послідовності
+- **Встановлює** початкові значення (0 і 1), що визначають патерн Фібоначчі
+- **Виводить** заголовок для позначення нашого результату
+
+```javascript
+// Крок 2: Згенеруйте послідовність за допомогою циклу
+for (let i = 0; i < fibonacciCount; i++) {
+  console.log(`Position ${i + 1}: ${current}`);
+  
+  // Обчислити наступне число в послідовності
+  const sum = current + next;
+  current = next;
+  next = sum;
+}
+```
+
+**Роз’яснення того, що відбувається тут:**
+- **Цикл** перебирає кожну позицію в нашій послідовності за допомогою `for`
+- **Виводить** кожне число з позицією за допомогою шаблонного рядка
+- **Обчислює** наступне число Фібоначчі, додаючи поточне і наступне значення
+- **Оновлює** змінні для переходу до наступної ітерації
+
+```javascript
+// Крок 3: Сучасний функціональний підхід
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
 
-✅ **Про послідовність Фібоначчі**: Цей абсолютно чудовий числовий патерн (де кожне число дорівнює сумі двох попередніх: 0, 1, 1, 2, 3, 5, 8...) буквально *з'являється всюди* в природі! Ви знайдете його в спіралях соняшників, візерунках шишок, вигинах раковин наутилуса і навіть у тому, як ростуть гілки дерев. Це просто неймовірно, як математика і код можуть допомогти нам зрозуміти і відтворити патерни, які природа використовує для створення краси!
+// Приклад використання
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**У наведеному вище коді ми:**
+- **Створили** повторно використовувану функцію за допомогою сучасного синтаксису стрілкових функцій
+- **Побудували** масив для зберігання всієї послідовності, а не виводили по одному
+- **Використали** індексацію масиву для обчислення кожного нового числа з попередніх
+- **Повернули** повну послідовність для гнучкого використання в інших частинах програми
+
+**Мова низького рівня (ARM Assembly) – зрозуміло для комп’ютера:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
+
+Поміти, як версія JavaScript читається майже як інструкції англійською, а версія Assembly використовує закодовані команди, що безпосередньо керують процесором комп’ютера. Обидві виконують ту саму задачу, але мова високого рівня набагато легша для розуміння, написання і підтримки людьми.
 
-## Основи, які створюють магію
+**Основні відмінності, які ти зауважиш:**
+- **Читаємість**: JavaScript використовує описові назви, як `fibonacciCount`, тоді як Assembly використовує зашифровані ярлики на кшталт `r0`, `r1`
+- **Коментарі**: Мови високого рівня заохочують пояснювальні коментарі, які роблять код само-документованим
+- **Структура**: Логічний потік JavaScript відповідає тому, як люди розглядають проблеми крок за кроком
+- **Підтримка**: Оновлення версії JavaScript під різні вимоги є простим і зрозумілим
 
-Добре, тепер, коли ви побачили, як виглядають мови програмування в дії, давайте розберемо фундаментальні частини, які складають буквально кожну програму, коли-небудь написану. Думайте про них як про основні інгредієнти вашого улюбленого рецепту – як тільки ви зрозумієте, що кожен з них робить, ви зможете читати і писати код практично будь-якою мовою!
+✅ **Про послідовність Фібоначчі**: Цей надзвичайно гарний числовий патерн (де кожне число дорівнює сумі двох попередніх: 0, 1, 1, 2, 3, 5, 8...) зустрічається буквально *усюди* в природі! Ви знайдете його у спіралях соняшника, у візерунках шишок, у тому, як вигинаються мушлі наутилуса, і навіть у тому, як ростуть гілки дерев. Це просто вражає, як математика і код допомагають нам зрозуміти і відтворити патерни, за допомогою яких природа створює красу!
 
-Це трохи схоже на вивчення граматики програмування. Пам'ятаєте, як у школі ви вивчали іменники, дієслова і те, як складати речення? У програмуванні є своя версія граматики, і чесно кажучи, вона набагато логічніша і поблажливіша, ніж граматика англійської мови! 😄
 
-### Інструкції: покрокові вказівки
+## Будівельні блоки, що створюють магію
 
-Почнемо з **інструкцій** – це як окремі речення в розмові з вашим комп'ютером. Кожна інструкція говорить комп'ютеру зробити щось конкретне, як давати вказівки: "Поверни ліворуч тут", "Зупинись на червоному світлі", "Припаркуйся на тому місці".
+Добре, тепер, коли ви побачили, як виглядають мови програмування на практиці, давайте розберемося у фундаментальних складових, з яких складається буквально кожна написана програма. Уявіть їх як необхідні інгредієнти у вашому улюбленому рецепті — як тільки ви зрозумієте, що кожен з них робить, ви зможете читати і писати код майже на будь-якій мові!
 
-Що мені подобається в інструкціях, так це те, наскільки вони зазвичай зрозумілі. Подивіться:
+Це дещо схоже на вивчення граматики програмування. Пам’ятаєте в школі, як ви вчили іменники, дієслова і як складати речення? У програмування є своя версія граматики, і чесно кажучи, вона значно логічніша і поблажливіша, ніж граматика англійської мови! 😄
+
+### Оператори: покрокові інструкції
+
+Почнемо з **операторів** – вони схожі на окремі речення у вашому діалозі з комп’ютером. Кожен оператор велить комп’ютеру зробити одну конкретну дію, ніби даючи вказівки: «Поверни ліворуч тут», «Зупинися на червоне світло», «Запаркуйся на тому місці».
+
+Що мені подобається в операторах, так це те, наскільки вони зазвичай зручні для читання. Подивіться на це:
 
 ```javascript
-// Basic statements that perform single actions
+// Базові оператори, які виконують окремі дії
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**Ось що робить цей код:**  
-- **Оголошує** константну змінну для збереження імені користувача  
-- **Відображає** привітальне повідомлення в консоль  
-- **Обчислює** і зберігає результат математичної операції  
+
+**Ось що робить цей код:**
+- **Оголосити** константну змінну для збереження імені користувача
+- **Відобразити** вітальне повідомлення у консолі
+- **Обчислити** і зберегти результат математичної операції
 
 ```javascript
-// Statements that interact with web pages
+// Оператори, що взаємодіють з веб-сторінками
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**Крок за кроком, ось що відбувається:**  
-- **Змінює** заголовок вебсторінки, який з'являється у вкладці браузера  
-- **Змінює** колір фону всього тіла сторінки  
 
-### Змінні: система пам'яті вашої програми
+**Крок за кроком, що відбувається:**
+- **Змінити** заголовок вебсторінки, що відображається на вкладці браузера
+- **Змінити** колір фону всього тіла сторінки
+
+### Змінні: система пам’яті вашої програми
 
-Добре, **змінні** – це, чесно кажучи, одна з моїх улюблених концепцій для викладання, тому що вони дуже схожі на те, що ви вже використовуєте щодня!
+Добре, **змінні** — це чесно одна з моїх улюблених концепцій для навчання, бо вони дуже схожі на те, що ви вже використовуєте щодня!
 
-Подумайте про список контактів у вашому телефоні. Ви не запам'ятовуєте номери всіх – натомість ви зберігаєте "Мама", "Кращий друг" або "Піцерія, яка доставляє до 2 ночі" і дозволяєте телефону запам'ятовувати фактичні номери. Змінні працюють точно так само! Вони як мітки на контейнерах, де ваша програма може зберігати інформацію і отримувати її пізніше, використовуючи назву, яка дійсно має сенс.
+Подумайте про список контактів у вашому телефоні. Ви не запам’ятовуєте всі номери телефонів – замість цього ви зберігаєте «Мама», «Кращий друг» або «Піца до 2 ранку», і телефон запам’ятовує номери за вас. Змінні працюють так само! Вони як підписані контейнери, у яких ваша програма може зберігати інформацію і витягувати її пізніше за назвою, що має сенс.
 
-Ось що дійсно круто: змінні можуть змінюватися під час виконання програми (звідси назва "змінна" – бачите, що вони зробили?). Так само, як ви можете оновити контакт піцерії, коли знайдете щось краще, змінні можуть оновлюватися, коли ваша програма отримує нову інформацію або змінюються обставини!
+Ось що насправді круто: змінні можуть змінюватися під час роботи програми (звідси і назва «змінна» — помітили гру слів?). Як ви можете оновлювати контакт піцерії, коли знаходите кращу, так і змінні можуть оновлюватися, коли ваша програма дізнається щось нове або коли змінюються обставини!
 
-Дозвольте показати вам, наскільки це просто і красиво:
+Дозвольте показати, наскільки це просто і красиво:
 
 ```javascript
-// Step 1: Creating basic variables
+// Крок 1: Створення базових змінних
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**Розуміння цих концепцій:**  
-- **Зберігайте** незмінні значення у змінних `const` (наприклад, назва сайту)  
-- **Використовуйте** `let` для значень, які можуть змінюватися протягом програми  
-- **Призначайте** різні типи даних: рядки (текст), числа і булеві значення (true/false)  
-- **Обирайте** описові назви, які пояснюють, що містить кожна змінна  
+
+**Розуміння цих концепцій:**
+- **Зберігати** незмінні значення у змінних `const` (наприклад, назву сайту)
+- **Використовувати** `let` для значень, які можуть змінюватися протягом програми
+- **Присвоювати** різні типи даних: рядки (текст), числа, логічні значення (true/false)
+- **Вибирати** описові назви, які пояснюють, що містить кожна змінна
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Крок 2: Робота з об'єктами для групування пов’язаних даних
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**У наведеному прикладі ми:**  
-- **Створили** об'єкт для групування пов'язаної інформації про погоду  
-- **Організували** кілька частин даних під одним ім'ям змінної  
-- **Використали** пари ключ-значення для чіткого позначення кожної частини інформації  
+
+**У наведеному прикладі ми:**
+- **Створили** об’єкт, щоб згрупувати пов’язані погодні дані
+- **Організували** кілька даних під однією назвою змінної
+- **Використали** пари ключ-значення, щоб чітко позначити кожен елемент інформації
 
 ```javascript
-// Step 3: Using and updating variables
+// Крок 3: Використання та оновлення змінних
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Оновлення змінних, які можна змінювати
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**Давайте розберемо кожну частину:**  
-- **Відображаємо** інформацію за допомогою шаблонних літералів із синтаксисом `${}`  
-- **Доступ до** властивостей об'єкта за допомогою точкової нотації (`weatherData.windSpeed`)  
-- **Оновлюємо** змінні, оголошені з `let`, щоб відобразити змінні умови  
-- **Об'єднуємо** кілька змінних для створення змістовних повідомлень  
+
+**Розберемо кожну частину:**
+- **Вивести** інформацію, використовуючи шаблонні літерали з `${}` синтаксисом
+- **Отримати доступ** до властивостей об’єкта через крапкову нотацію (`weatherData.windSpeed`)
+- **Оновлювати** змінні, оголошені через `let`, щоб відображати змінні умови
+- **Комбінувати** кілька змінних для створення змістовних повідомлень
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Крок 4: Сучасне деструктурування для чистішого коду
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**Що потрібно знати:**  
-- **Витягуйте** конкретні властивості з об'єктів за допомогою деструктуризації  
-- **Створюйте** нові змінні автоматично з тими ж назвами, що й ключі об'єкта  
-- **Спрощуйте** код, уникаючи повторюваної точкової нотації  
 
-### Потік управління: навчіть вашу програму думати
+**Що потрібно знати:**
+- **Витягувати** конкретні властивості з об’єктів за допомогою деструктуризації
+- **Створювати** нові змінні автоматично з тими ж іменами, що й ключі об’єкта
+- **Спрощувати** код, уникаючи повторюваної крапкової нотації
+
+### Управління потоком: вчимо вашу програму думати
 
-Добре, ось де програмування стає абсолютно захоплюючим! **Потік управління** – це, по суті, навчання вашої програми приймати розумні рішення, точно так, як ви робите це щодня, навіть не замислюючись.
+Добре, саме тут програмування стає справді вражаючим! **Управління потоком** – це фактично навчання вашої програми приймати розумні рішення, так само, як ви робите це щодня, навіть не задумуючись.
 
-Уявіть собі: сьогодні вранці ви, ймовірно, пройшли через щось на кшталт "Якщо йде дощ, я візьму парасольку. Якщо холодно, я одягну куртку. Якщо я запізнююся, я пропущу сніданок і візьму каву по дорозі." Ваш мозок природно слідує цій логіці "якщо-то" десятки разів щодня!
+Уявіть собі: сьогодні вранці ви йшли через щось на кшталт «Якщо йде дощ, візьму парасольку. Якщо холодно — вдягну куртку. Якщо запізнююсь — пропущу сніданок і візьму каву по дорозі.» Ваш мозок природно слідує цій логіці if-then десятки разів щодня!
 
-Це те, що робить програми розумними і живими, а не просто слідуванням якомусь нудному, передбачуваному сценарію. Вони можуть фактично оцінювати ситуацію, аналізувати, що відбувається, і відповідати відповідно. Це як дати вашій програмі мозок, який може адаптуватися і приймати рішення!
+Саме це робить програми розумними і живими, а не просто слідкують за нудним, передбачуваним скриптом. Вони можуть оцінювати ситуацію, аналізувати, що відбувається, і відповідати відповідно. Це як дати вашій програмі мозок, який може адаптуватися і приймати рішення!
 
-Хочете побачити, як це працює? Дозвольте показати вам:
+Хочете побачити, як це прекрасно працює? Ось:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Крок 1: Базова умовна логіка
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -315,15 +388,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**Ось що робить цей код:**  
-- **Перевіряє**, чи відповідає вік користувача вимогам для голосування  
-- **Виконує** різні блоки коду залежно від результату умови  
-- **Обчислює** і відображає, скільки часу залишилося до права голосу, якщо менше 18 років  
-- **Надає** конкретний, корисний зворотний зв'язок для кожного сценарію  
+
+**Що робить цей код:**
+- **Перевіряє**, чи відповідає вік користувача вимогам для голосування
+- **Виконує** різні блоки коду залежно від результату умови
+- **Обчислює** та виводить, скільки залишилось до права голосу, якщо менше 18
+- **Надає** конкретний, корисний зворотний зв’язок для кожного сценарію
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Крок 2: Кілька умов з логічними операторами
 const userAge = 17;
 const hasPermission = true;
 
@@ -335,26 +408,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**Розбираємо, що тут відбувається:**  
-- **Об'єднуємо** кілька умов за допомогою оператора `&&` (і)  
-- **Створюємо** ієрархію умов за допомогою `else if` для кількох сценаріїв  
-- **Обробляємо** всі можливі випадки за допомогою фінального `else`  
-- **Надаємо** чіткий, дієвий зворотний зв'язок для кожної різної ситуації  
+
+**Розбір того, що тут відбувається:**
+- **Об’єднує** кілька умов за допомогою оператора `&&` (і)
+- **Створює** ієрархію умов за допомогою `else if` для кількох випадків
+- **Опрацьовує** всі можливі варіанти за допомогою заключного `else`
+- **Надає** чіткий і дієвий фідбек для кожної ситуації
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Крок 3: Лаконічна умова з тернарним оператором
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**Що потрібно пам'ятати:**  
-- **Використовуйте** тернарний оператор (`? :`) для простих умов із двома варіантами  
-- **Пишіть** умову спочатку, потім `?`, потім результат для true, потім `:`, потім результат для false  
-- **Застосовуйте** цей шаблон, коли потрібно призначити значення на основі умов  
+
+**Що потрібно пам’ятати:**
+- **Використовувати** тернарний оператор (`? :`) для простих двовариантних умов
+- **Писати** умову спочатку, потім `?`, після чого — результат для істинного випадку, потім `:`, і результат для хибного
+- **Застосовувати** цей патерн, коли потрібно присвоювати значення за умовами
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Крок 4: Обробка кількох конкретних випадків
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -373,58 +446,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**Цей код виконує наступне:**  
-- **Порівнює** значення змінної з кількома конкретними випадками  
-- **Групує** схожі випадки разом (робочі дні проти вихідних)  
-- **Виконує** відповідний блок коду, коли знайдено збіг  
-- **Включає** випадок `default` для обробки несподіваних значень  
-- **Використовує** оператори `break`, щоб запобігти виконанню наступного випадку  
 
-> 💡 **Аналогія з реальним світом**: Думайте про потік управління як про найтерплячіший GPS, який дає вам вказівки. Він може сказати: "Якщо на Main Street затори, їдьте по шосе. Якщо на шосе ремонт, спробуйте мальовничий маршрут." Програми використовують точно таку ж умовну логіку, щоб реагувати розумно на різні ситуації і завжди надавати користувачам найкращий можливий досвід.
+**Цей код виконує наступне:**
+- **Порівнює** значення змінної з кількома конкретними випадками
+- **Групує** схожі випадки разом (будні проти вихідних)
+- **Виконує** відповідний блок коду при знаходженні збігу
+- **Включає** `default` для обробки несподіваних значень
+- **Використовує** `break` для запобігання продовженню виконання у наступному випадку
 
-### 🎯 **Перевірка концепції: освоєння основ**
+> 💡 **Приклад зі світу:** уявіть управління потоком як найтерплячішу навігаторську систему у світі, що дає вам вказівки. Вона скаже: «Якщо на Main Street затор, поїдь по автомагістралі. Якщо автомагістралю перекриває будівництво – вибери мальовничий маршрут.» Програми використовують точно таку ж умовну логіку, щоб розумно реагувати на різні ситуації і завжди надавати найкращий користувацький досвід.
 
-**Давайте перевіримо, як ви справляєтеся з основами:**  
-- Чи можете ви пояснити різницю між змінною і інструкцією своїми словами?  
-- Подумайте про реальний сценарій, де ви б використали рішення "якщо-то" (як у нашому прикладі з голосуванням)  
-- Що вас здивувало в логіці програмування?  
+### 🎯 **Перевірка розуміння: майстерність будівельних блоків**
 
-**Швидкий заряд впевненості:**  
+**Давайте перевіримо, як у вас із фундаментальними поняттями:**
+- Чи можете ви власними словами пояснити різницю між змінною і оператором?
+- Згадайте реальний приклад, де ви використали б if-then рішення (як наш приклад із голосуванням)
+- Що з логіки програмування вас найбільше здивувало?
+
+**Швидкий бустер впевненості:**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Оператори<br/>(Інструкції)"] --> B["📦 Змінні<br/>(Зберігання)"] --> C["🔀 Управління потоком<br/>(Рішення)"] --> D["🎉 Робоча програма!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-  
-✅ **Що буде далі**: Ми будемо отримувати величезне задоволення, заглиблюючись у ці концепції, продовжуючи цю неймовірну подорож разом! Зараз просто зосередьтеся на тому, щоб відчути захоплення від усіх дивовижних можливостей, які чекають попереду. Конкретні навички та техніки запам'ятаються природно, коли ми будемо практикуватися разом – обіцяю, це буде набагато веселіше, ніж ви могли очікувати!
+✅ **Що буде далі**: Нас чекає неймовірно цікава подорож, де ми глибше зануримося у ці поняття! Зараз просто зосередьтеся на емоції захоплення від усіх неймовірних можливостей попереду. Конкретні навички й техніки прийдуть природно, коли ми будемо практикувати разом — обіцяю, це буде значно цікавіше, ніж ви очікуєте!
 
-## Інструменти для роботи
+## Інструменти професіонала
 
-Добре, це чесно той момент, коли я настільки схвильований, що ледве можу стриматися! 🚀 Ми збираємося поговорити про неймовірні інструменти, які змусять вас відчути, що вам щойно дали ключі від цифрового космічного корабля.
+Добре, цього моменту я майже не можу стримати захоплення! 🚀 Зараз ми поговоримо про неймовірні інструменти, які зроблять так, ніби вам щойно вручили ключі від цифрового космічного корабля.
 
-Знаєте, як у шеф-кухаря є ті ідеально збалансовані ножі, які здаються продовженням його рук? Або як у музиканта є та одна гітара, яка ніби співає, щойно він торкається її? Ну, у розробників є своя версія цих магічних інструментів, і ось що вас абсолютно вразить – більшість із них абсолютно безкоштовні!
+Ви знаєте, як шеф-кухар має ідеально збалансовані ножі, які здаються продовженням його рук? А музикант має ту одну гітару, яка починає співати в той момент, коли він її торкається? Так ось, у розробників є власна версія таких магічних інструментів, і ось що з них вас точно здивує — більшість із них абсолютно безкоштовні!
 
-Я буквально підстрибую на стільці, думаючи про те, щоб поділитися ними з вами, тому що вони повністю революціонізували те, як ми створюємо програмне забезпечення. Ми говоримо про асистентів програмування на основі штучного інтелекту, які можуть допомогти написати ваш код (я не жартую!), хмарні середовища, де ви можете створювати цілі додатки буквально з будь-якого місця з Wi-Fi, і інструменти для налагодження, настільки складні, що вони схожі на рентгенівське бачення для ваших програм.
+Я буквально стрибаю на стільці від радості, що можу це вам показати, бо ці інструменти повністю революціонізували те, як ми створюємо програмне забезпечення. Це AI-асистенти кодування, які можуть допомагати писати ваш код (і я не жартую!), хмарні середовища, де ви можете будувати повноцінні додатки буквально з будь-якого місця з Wi-Fi, та надскладні інструменти для налагодження, які немов дали вашій програмі рентгенівський зір.
 
-І ось частина, яка досі викликає у мене мурашки: це не "інструменти для початківців", які ви переростете. Це ті самі професійні інструменти, які розробники в Google, Netflix і тому інді-студії додатків, яку ви любите, використовують прямо зараз. Ви будете відчувати себе справжнім професіоналом, використовуючи їх!
+І ось те, що до сих пір дає мурашки: це не «інструменти для початківців», які ви швидко зростете. Це ті самі професійні інструменти, що їх використовують розробники Google, Netflix і ті інді-студії додатків, які ви любите, саме зараз. Ви відчуєте себе справжнім профі, використовуючи їх!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ваша Ідея"] --> B["⌨️ Редактор Коду<br/>(VS Code)"] 
+    B --> C["🌐 Інструменти Розробника Браузера<br/>(Тестування та Налагодження)"]
+    C --> D["⚡ Командний Рядок<br/>(Автоматизація та Інструменти)"]
+    D --> E["📚 Документація<br/>(Навчання та Посилання)"]
+    E --> F["🚀 Чудовий Веб Додаток!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 AI Асистент<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Тестування Пристроїв<br/>(Адаптивний Дизайн)"]
+    D -.-> I["📦 Менеджери Пакетів<br/>(npm, yarn)"]
+    E -.-> J["👥 Спільнота<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -433,325 +505,352 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-  
 ### Редактори коду та IDE: ваші нові цифрові найкращі друзі
 
-Давайте поговоримо про редактори коду – вони серйозно стануть вашими новими улюбленими місцями для проведення часу! Думайте про них як про ваш особистий кодовий притулок, де ви будете проводити більшу частину часу, створюючи і вдосконалюючи свої цифрові творіння.
+Поговоримо про редактори коду – вони серйозно скоро стануть вашим улюбленим місцем для творчості! Уявіть їх як особисте святилище програмування, де ви проведете більшу частину часу, пишучи і вдосконалюючи свої цифрові твори.
 
-Але ось що абсолютно магічне в сучасних редакторах: вони не просто модні текстові редактори. Вони як найгеніальніший, підтримуючий наставник програмування, який сидить поруч із вами 24/7. Вони ловлять ваші помилки, перш ніж ви навіть їх помітите, пропонують покращення, які змушують вас виглядати як геній, допомагають зрозуміти, що робить кожен шматок коду, і деякі з них навіть можуть передбачити, що ви збираєтеся написати, і запропонувати завершити ваші думки!
+А ось що справді магічно у сучасних редакторах: це не просто гарні текстові редактори. Це мовби найрозумніший, найпідтримуючий ментор з кодування, який сидить поруч з вами 24/7. Вони ловлять помилки ще до того, як ви їх помітите, пропонують покращення, що роблять вас генієм, допомагають зрозуміти, що робить кожен рядок коду, і деякі навіть передбачають, що ви збираєтесь написати, і пропонують закінчити вашу думку!
 
-Я пам'ятаю, коли вперше відкрив автозаповнення – я буквально відчував, що живу в майбутньому. Ви починаєте щось писати, і ваш редактор каже: "Гей, ви думали про цю функцію, яка робить саме те, що вам потрібно?" Це як мати читача думок як кодового друга!
+Я пригадую, як уперше відкрив автозаповнення – я буквально відчував, що живу в майбутньому. Ви починаєте вводити щось, і редактор каже: «Гей, чи ти думав про цю функцію, яка робить саме те, що тобі потрібно?» Це як мати в думках читача у якості напарника з кодування!
 
 **Що робить ці редактори такими неймовірними?**
 
-Сучасні редактори коду пропонують вражаючий набір функцій, розроблених для підвищення вашої продуктивності:
+Сучасні редактори коду пропонують вражаючий набір функцій для підвищення вашої продуктивності:
+
+| Функція | Що робить | Чому допомагає |
+|---------|-----------|----------------|
+| **Підсвічування синтаксису** | Кольорове виділення різних частин коду | Полегшує читання коду і пошук помилок |
+| **Автозаповнення** | Пропонує код під час набору | Прискорює написання коду і знижує помилки |
+| **Інструменти налагодження** | Допомагають знаходити і виправляти помилки | Заощаджує години на пошук багів |
+| **Розширення** | Додають спеціалізовані функції | Налаштовують редактор під будь-які технології |
+| **AI-асистенти** | Пропонують код та пояснення | Прискорюють навчання і продуктивність |
 
-| Функція | Що вона робить | Чому це допомагає |
-|---------|----------------|-------------------|
-| **Підсвічування синтаксису** | Розфарбовує різні частини вашого коду | Робить код легшим для читання і пошуку помилок |
-| **Автозаповнення** | Пропонує код під час введення | Прискорює написання коду і зменшує помилки |
-| **Інструменти налагодження** | Допомагають знайти і виправити помилки | Економить години часу на пошук проблем |
-| **Розширення** | Додають спеціалізовані функції | Налаштовують редактор для будь-якої технології |
-| **AI Асистенти** | Пропонують код і пояснення | Прискорюють навчання і продуктивність |
+> 🎥 **Відеоресурс**: Хочете побачити ці інструменти в дії? Подивіться це [відео про інструменти професіонала](https://youtube.com/watch?v=69WJeXGBdxg) для повного огляду.
 
-> 🎥 **Відеоресурс**: Хочете побачити ці інструменти в дії? Перегляньте цей [відео про інструменти для роботи](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) – спільна робота в реальному часі
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) – автоматичне форматування коду
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) – ловить помилки при наборі тексту
 
-**[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) - Виявлення помилок у коді  
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (платно, безкоштовно для студентів)
+- Просунуті інструменти налагодження і тестування
+- Інтелектуальне автозаповнення коду
+- Вбудований контрол версій
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Платно, безкоштовно для студентів)  
-- Розширені інструменти
-Коли мені вперше показали DevTools у браузері, я провела близько трьох годин, просто клацаючи все підряд і вигукуючи: "СТОП, ВОНО МОЖЕ РОБИТИ І ЦЕ?!" Ви буквально можете редагувати будь-який сайт у реальному часі, бачити, як швидко все завантажується, тестувати, як ваш сайт виглядає на різних пристроях, і навіть відлагоджувати JavaScript, як справжній профі. Це просто неймовірно!
+**IDE на базі хмари** (різні цінові плани)
+- [GitHub Codespaces](https://github.com/features/codespaces) – повний VS Code у браузері
+- [Replit](https://replit.com/) – чудово для навчання і спільного кодування
+- [StackBlitz](https://stackblitz.com/) – миттєва повноцінна веб-розробка
 
-**Ось чому браузери — ваш секретний інструмент:**
+> 💡 **Порада для початку**: Починайте з Visual Studio Code — він безкоштовний, широко використовується й має величезну спільноту з численними навчальними матеріалами та розширеннями.
 
-Коли ви створюєте вебсайт або вебдодаток, вам потрібно побачити, як він виглядає і працює в реальному світі. Браузери не лише показують вашу роботу, але й надають детальний зворотний зв'язок про продуктивність, доступність і потенційні проблеми.
 
-#### Інструменти розробника в браузері (DevTools)
+### Веб-браузери: ваша секретна лабораторія розробника
 
-Сучасні браузери включають комплексні набори інструментів для розробки:
+Добре, готуйтеся бути враженими! Ви звикли використовувати браузери для перегляду соцмереж і відео? Так от, виявляється, вони весь цей час приховували неймовірну секретну лабораторію розробника, яка чекає, щоб ви її відкрили!
 
-| Категорія інструментів | Що робить | Приклад використання |
-|-------------------------|-----------|----------------------|
+Кожен раз, коли ви клікаєте правою кнопкою миші на вебсторінці і обираєте «Перевірити елемент», ви відкриваєте прихований світ інструментів розробника, які насправді потужніші, ніж деяке дороге програмне забезпечення, за яке я колись платив сотні доларів. Це як виявити, що ваша звичайна кухня приховує за стіною лабораторію професійного кухаря!
+Вперше, коли хтось показав мені DevTools браузера, я провів близько трьох годин, просто клікаючи навколо і кажучи "СТІЙ, ВОНА ТАКОЖ МОЖЕ ЦЕ?!" Ви буквально можете редагувати будь-який вебсайт у реальному часі, бачити точно, наскільки швидко все завантажується, перевіряти, як ваш сайт виглядає на різних пристроях, і навіть налагоджувати JavaScript, як повний профі. Це абсолютно вражає!
+
+**Ось чому браузери — ваш секретний козир:**
+
+Коли ви створюєте вебсайт або вебдодаток, вам потрібно бачити, як він виглядає і поводиться в реальному світі. Браузери не лише відображають вашу роботу, а й надають докладний зворотний зв’язок про продуктивність, доступність та потенційні проблеми.
+
+#### Інструменти розробника браузера (DevTools)
+
+Сучасні браузери містять комплексні набори інструментів для розробки:
+
+| Категорія інструментів | Що він робить | Приклад використання |
+|------------------------|---------------|---------------------|
 | **Інспектор елементів** | Перегляд і редагування HTML/CSS у реальному часі | Налаштування стилів для миттєвого результату |
-| **Консоль** | Перегляд повідомлень про помилки та тестування JavaScript | Відлагодження проблем і експерименти з кодом |
-| **Монітор мережі** | Відстеження завантаження ресурсів | Оптимізація продуктивності та часу завантаження |
-| **Перевірка доступності** | Тестування інклюзивного дизайну | Переконання, що ваш сайт працює для всіх користувачів |
-| **Симулятор пристроїв** | Перегляд на різних розмірах екранів | Тестування адаптивного дизайну без використання кількох пристроїв |
+| **Консоль** | Перегляд помилок і тестування JavaScript | Налагодження проблем та експерименти з кодом |
+| **Моніторинг мережі** | Відстеження завантаження ресурсів | Оптимізація продуктивності та часу завантаження |
+| **Перевірка доступності** | Тестування на інклюзивний дизайн | Забезпечення роботи сайту для всіх користувачів |
+| **Симулятор пристроїв** | Перегляд на різних розмірах екранів | Тестування адаптивного дизайну без кількох пристроїв |
 
 #### Рекомендовані браузери для розробки
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Стандарт DevTools з обширною документацією
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Відмінні інструменти для CSS Grid і доступності
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Побудований на Chromium з ресурсами для розробників від Microsoft
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Стандартні DevTools з великою кількістю документації  
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Чудові інструменти для CSS Grid та доступності  
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Побудований на Chromium із ресурсами від Microsoft
+
+> ⚠️ **Важлива порада з тестування**: Завжди тестуйте свої сайти у кількох браузерах! Те, що ідеально працює у Chrome, може виглядати інакше в Safari чи Firefox. Професійні розробники тестують у всіх основних браузерах, щоб забезпечити послідовний користувацький досвід.
 
-> ⚠️ **Важлива порада для тестування**: Завжди тестуйте ваші вебсайти в кількох браузерах! Те, що ідеально працює в Chrome, може виглядати інакше в Safari або Firefox. Професійні розробники тестують у всіх основних браузерах, щоб забезпечити однаковий досвід для користувачів.
 
 ### Інструменти командного рядка: ваш шлях до суперсил розробника
 
-Добре, давайте будемо чесними щодо командного рядка, тому що я хочу, щоб ви почули це від когось, хто дійсно розуміє. Коли я вперше побачила його — цей страшний чорний екран із миготливим текстом — я буквально подумала: "Ні, точно ні! Це виглядає як щось із хакерського фільму 1980-х, і я точно недостатньо розумна для цього!" 😅
+Добре, давайте будемо чесними про командний рядок, бо я хочу, щоб ви почули це від когось, хто дійсно розуміє. Коли я вперше побачив його – цей страшний чорний екран із миготливим текстом – я буквально подумав: "Ні, ні в якому разі! Це виглядає, як щось із хакерського фільму 1980-х, і я точно не розумний для такого!" 😅
 
-Але ось що я хотіла б, щоб мені тоді сказали, і що я кажу вам зараз: командний рядок не страшний — це насправді як прямий діалог із вашим комп'ютером. Уявіть це як різницю між замовленням їжі через модний додаток із картинками та меню (що зручно і просто) і заходом у ваш улюблений місцевий ресторан, де шеф-кухар знає, що вам подобається, і може приготувати щось ідеальне, просто почувши "здивуйте мене чимось неймовірним".
+Але ось що я хотів, щоб мені тоді хтось сказав, і що я кажу вам зараз: командний рядок не страшний – це насправді як розмова безпосередньо з вашим комп’ютером. Уявіть це як різницю між замовленням їжі через крутий додаток із картинками та меню (що зручно і просто) і заходом у ваш улюблений локальний ресторан, де шеф знає точно, що вам подобається, і може приготувати щось ідеальне, просто почувши від вас "порадуй мене чимось неймовірним."
 
-Командний рядок — це місце, де розробники відчувають себе справжніми чарівниками. Ви вводите кілька, здавалося б, магічних слів (добре, це просто команди, але вони здаються магічними!), натискаєте Enter, і БАЦ — ви створили структуру проекту, встановили потужні інструменти з усього світу або розгорнули ваш додаток в інтернеті для мільйонів людей. Як тільки ви відчуєте цю силу, це стає досить захоплюючим!
+Командний рядок – це місце, куди приходять розробники, щоб відчути себе справжніми чарівниками. Ви вводите кілька ніби магічних слів (ну, це просто команди, але вони відчуваються магічними!), натискаєте enter, і БАЦ – ви створили цілі структури проекту, встановили потужні інструменти з усього світу або розгорнули свій додаток в інтернеті для мільйонів користувачів. Як тільки ви відчуєте цю силу, це реально затягує!
 
-**Чому командний рядок стане вашим улюбленим інструментом:**
+**Ось чому командний рядок стане вашим улюбленим інструментом:**
 
-Хоча графічні інтерфейси чудово підходять для багатьох завдань, командний рядок перевершує їх у автоматизації, точності та швидкості. Багато інструментів для розробки працюють переважно через інтерфейси командного рядка, і навчання їх ефективному використанню може значно підвищити вашу продуктивність.
+Хоча графічні інтерфейси класні для багатьох завдань, командний рядок блискуче справляється з автоматизацією, точністю і швидкістю. Багато інструментів розробки працюють через командний рядок, і вміння користуватися ним ефективно значно підвищить вашу продуктивність.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Крок 1: Створіть та перейдіть у каталог проекту
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Що робить цей код:**
-- **Створює** нову директорію під назвою "my-awesome-website" для вашого проекту
+**Ось що робить цей код:**
+- **Створює** новий каталог "my-awesome-website" для вашого проєкту  
 - **Переходить** у щойно створену директорію, щоб почати роботу
 
 ```bash
-# Step 2: Initialize project with package.json
+# Крок 2: Ініціалізуйте проект з package.json
 npm init -y
 
-# Install modern development tools
+# Встановіть сучасні інструменти розробки
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**Крок за кроком, ось що відбувається:**
-- **Ініціалізує** новий проект Node.js із налаштуваннями за замовчуванням за допомогою `npm init -y`
-- **Встановлює** Vite як сучасний інструмент для швидкої розробки та створення продакшн-збірок
-- **Додає** Prettier для автоматичного форматування коду та ESLint для перевірки якості коду
-- **Використовує** прапорець `--save-dev`, щоб позначити ці залежності як призначені лише для розробки
+**Крок за кроком, що відбувається:**
+- **Ініціалізує** новий проєкт Node.js з налаштуваннями за замовчуванням за допомогою `npm init -y`  
+- **Встановлює** Vite як сучасний інструмент збірки для швидкої розробки і продакшен-збірок  
+- **Додає** Prettier для автоматичного форматування коду і ESLint для перевірки якості коду  
+- **Використовує** прапорець `--save-dev`, щоб позначити ці залежності тільки для розробки
 
 ```bash
-# Step 3: Create project structure and files
+# Крок 3: Створення структури проекту і файлів
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Запустити сервер розробки
 npx vite
 ```
 
 **У наведеному вище ми:**
-- **Організували** наш проект, створивши окремі папки для вихідного коду та ресурсів
-- **Згенерували** базовий HTML-файл із правильною структурою документа
-- **Запустили** сервер розробки Vite для автоматичного перезавантаження та гарячої заміни модулів
+- **Організували** проєкт, створивши окремі папки для вихідного коду і ресурсів  
+- **Згенерували** базовий HTML-файл із правильною структурою документа  
+- **Запустили** сервер розробки Vite для live-reload і гарячої заміни модулів
 
 #### Основні інструменти командного рядка для веброзробки
 
-| Інструмент | Призначення | Чому він вам потрібен |
-|------------|-------------|-----------------------|
-| **[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/)** | Виконання JavaScript та менеджер пакетів | Запускати JS поза браузерами, встановлювати сучасні інструменти |
+| **[Vite](https://vitejs.dev/)** | Інструмент збірки та dev сервер | Надзвичайно швидка розробка з гарячою заміною модулів |
+| **[ESLint](https://eslint.org/)** | Якість коду | Автоматично знаходити і виправляти проблеми у JavaScript |
+| **[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)** 💻 - Потужне середовище для скриптів
+- **[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)** 💻 - Традиційний командний рядок Windows
 
 **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/)** 💻 - Стандартна оболонка Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Розширений емулятор терміналу
+- **[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 Code). З часом ви природно освоїте більш складні команди та техніки автоматизації.
+> 🎯 **Навчальна стратегія**: Почніть з базових команд, як `cd` (зміна директорії), `ls` або `dir` (перелік файлів), і `mkdir` (створення папки). Тренуйтеся з командами сучасного workflow, як `npm install`, `git status` і `code .` (відкриває поточну директорію у VS Code). З часом ви природно опануєте більш складні команди та техніки автоматизації.
 
-### Документація: ваш завжди доступний наставник
 
-Добре, дозвольте мені поділитися маленьким секретом, який змусить вас почуватися набагато краще як новачка: навіть найдосвідченіші розробники проводять величезну частину свого часу, читаючи документацію. І це не тому, що вони не знають, що роблять – це насправді ознака мудрості!
+### Документація: ваш завжди доступний наставник у навчанні
 
-Уявіть документацію як доступ до найтерплячіших, найзнаючих вчителів у світі, які доступні 24/7. Застрягли на проблемі о 2 годині ночі? Документація тут із теплим віртуальним обіймом і саме тією відповіддю, яка вам потрібна. Хочете дізнатися про якусь круту нову функцію, про яку всі говорять? Документація вас підтримує зі зрозумілими прикладами. Прагнете зрозуміти, чому щось працює саме так? Ви здогадалися – документація готова пояснити це так, що нарешті все стане зрозуміло!
+Добре, поділюсь маленьким секретом, який допоможе вам почуватися набагато впевненіше на початку: навіть найдосвідченіші розробники витрачають багато часу, читаючи документацію. І це не тому, що вони не знають, що роблять – це насправді знак мудрості!
 
-Ось що повністю змінило моє сприйняття: світ веброзробки рухається неймовірно швидко, і ніхто (я маю на увазі абсолютно ніхто!) не тримає все в пам'яті. Я бачила, як старші розробники з досвідом понад 15 років шукають базовий синтаксис, і знаєте що? Це не соромно – це розумно! Справа не в тому, щоб мати ідеальну пам'ять; справа в тому, щоб знати, де швидко знайти надійні відповіді і як їх застосувати.
+Уявіть документацію як найдоступніших, терплячих і знавців вчителів у світі, доступних 24/7. Застрягли у проблемі о 2 ночі? Документація тут, як теплий віртуальний обійм, з потрібною відповіддю. Хочете дізнатись про якусь класну нову функцію, про яку всі говорять? Документація підтримає вас покроковими прикладами. Прагнете зрозуміти, чому щось працює саме так? Вгадали – документація готова пояснити це так, щоб у вас нарешті все склалося!
+
+Ось що повністю змінило мій погляд: світ веброзробки розвивається надзвичайно швидко, і ніхто (та й справді ніхто!) не тримає все в пам’яті. Я бачив досвідчених розробників із 15+ роками досвіду, які шукали базовий синтаксис, і знаєте що? Це не соромно – це розумно! Не справа в ідеальній пам’яті, а в тому, щоб знати, де швидко знайти надійні відповіді і як їх застосувати.
 
 **Ось де відбувається справжня магія:**
 
-Професійні розробники витрачають значну частину свого часу на читання документації – не тому, що вони не знають, що роблять, а тому, що ландшафт веброзробки розвивається так швидко, що залишатися в курсі вимагає постійного навчання. Хороша документація допомагає зрозуміти не лише *як* щось використовувати, але й *чому* і *коли* це робити.
+Професійні розробники полюбляють багато часу читати документацію – не тому що не знають, що роблять, а тому що ландшафт веброзробки надто швидко змінюється, і триматися в курсі – це постійне навчання. Чудова документація допомагає вам зрозуміти не тільки *як* щось використовувати, а й *чому* і *коли*.
 
-#### Основні ресурси документації
+#### Важливі ресурси документації
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Золотий стандарт документації з вебтехнологій
-- Комплексні посібники з HTML, CSS і JavaScript
-- Містить інформацію про сумісність із браузерами
-- Містить практичні приклади та інтерактивні демо
+- Золотий стандарт документації вебтехнологій  
+- Всеосяжні посібники з HTML, CSS і JavaScript  
+- Включає інформацію про сумісність із браузерами  
+- Містить практичні приклади і інтерактивні демо
 
 **[Web.dev](https://web.dev)** (від Google)
-- Найкращі практики сучасної веброзробки
-- Посібники з оптимізації продуктивності
-- Принципи доступності та інклюзивного дизайну
-- Кейси з реальних проектів
+- Сучасні найкращі практики веброзробки  
+- Посібники з оптимізації продуктивності  
+- Принципи доступності та інклюзивного дизайну  
+- Кейси з реальних проєктів
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Ресурси для розробки під браузер Edge
-- Посібники з прогресивних вебдодатків
-- Інсайти з кросплатформної розробки
+- Ресурси для розробки під браузер Edge  
+- Посібники з Progressive Web App  
+- Інсайти кросплатформної розробки
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структуровані навчальні програми
-- Відеокурси від експертів галузі
-- Практичні вправи з програмування
+- Структуровані навчальні курси  
+- Відео від експертів галузі  
+- Практичні вправи з кодування
 
-> 📚 **Стратегія навчання**: Не намагайтеся запам'ятати документацію – натомість навчіться ефективно її використовувати. Зберігайте закладки часто використовуваних посилань і практикуйте пошук конкретної інформації.
+> 📚 **Стратегія навчання**: Не намагайтеся запам’ятати документацію – натомість навчіться ефективно нею користуватися. Закладки на часто потрібні довідники і вправи з пошуку точних відповідей значно допоможуть.
 
-### 🔧 **Перевірка майстерності інструментів: що вас зацікавило?**
+### 🔧 **Перевірка майстерності інструментів: що вам найбільше резонує?**
 
-**Зробіть паузу і подумайте:**
-- Який інструмент вам найбільше хочеться спробувати? (Немає неправильних відповідей!)
-- Чи командний рядок все ще здається страшним, чи вам цікаво його освоїти?
-- Чи можете ви уявити використання DevTools у браузері, щоб зазирнути за куліси ваших улюблених сайтів?
+**Зробіть паузу й подумайте:**
+- Який інструмент ви найбільше хочете спробувати першим? (Неправильних відповідей немає!)  
+- Чи досі командний рядок здається лякаючим, чи ви зацікавлені в ньому?  
+- Чи уявляєте, як використовувати DevTools браузера, щоб заглянути за куліси улюблених сайтів?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Час розробника, витрачений на інструменти"
+    "Редактор коду" : 40
+    "Тестування в браузері" : 25
+    "Командний рядок" : 15
+    "Читання документації" : 15
+    "Налагодження" : 5
 ```
+> **Цікава інсайт:** Більшість розробників проводить близько 40% часу в редакторі коду, але погляньте, скільки часу витрачається на тестування, навчання та вирішення проблем. Програмування – це не тільки про написання коду, а про створення досвіду!
 
-> **Цікава думка**: Більшість розробників проводять близько 40% свого часу у редакторі коду, але зверніть увагу, скільки часу йде на тестування, навчання та вирішення проблем. Програмування — це не лише написання коду, а й створення досвіду!
-
-✅ **Їжа для роздумів**: Ось щось цікаве для роздумів – як ви думаєте, інструменти для створення вебсайтів (розробка) можуть відрізнятися від інструментів для дизайну їхнього вигляду (дизайн)? Це як різниця між архітектором, який проектує красивий будинок, і будівельником, який його будує. Обидва важливі, але їм потрібні різні набори інструментів! Такий спосіб мислення дійсно допоможе вам побачити загальну картину того, як вебсайти оживають.
+✅ **Їжа для роздумів:** Ось що цікаво поміркувати – чим, на вашу думку, інструменти для створення сайтів (розробка) відрізняються від інструментів для проєктування їх вигляду (дизайн)? Це приблизно як різниця між архітектором, який проектує красивий будинок, і підрядником, який його фактично зводить. Обидва важливі, але їм потрібні різні набори інструментів! Такий підхід допоможе вам побачити ширшу картину, як живуть вебсайти.
 
-## Виклик GitHub Copilot Agent 🚀
+## Випробування GitHub Copilot Agent 🚀
 
-Використовуйте режим Agent, щоб виконати наступний виклик:
+Використайте режим агента, щоб виконати наступне завдання:
 
-**Опис:** Дослідіть функції сучасного редактора коду або IDE і продемонструйте, як він може покращити ваш робочий процес як веброзробника.
+**Опис:** Дослідіть можливості сучасного редактора коду або IDE і продемонструйте, як він може покращити ваш робочий процес як веброзробника.
 
-**Завдання:** Виберіть редактор коду або IDE (наприклад, Visual Studio Code, WebStorm або хмарний IDE). Перелічіть три функції або розширення, які допомагають писати, відлагоджувати або підтримувати код більш ефективно. Для кожного надайте коротке пояснення, як це покращує ваш робочий процес.
+**Підказка:** Оберіть редактор коду або IDE (наприклад Visual Studio Code, WebStorm або хмарне IDE). Наведіть три функції або розширення, що допомагають ефективніше писати, налагоджувати або підтримувати код. Для кожної дайте коротке пояснення, як це покращує ваш робочий процес.
 
 ---
 
 ## 🚀 Виклик
 
-**Ну що, детективе, готові до першої справи?**
+**Отже, детективе, готові до першої справи?**
+
+Зараз, коли у вас є чудова база, у мене для вас пригода, яка допоможе побачити, наскільки надзвичайно різноманітний і захопливий світ програмування. І слухайте – це ще не про написання коду, тож не хвилюйтесь! Уявіть себе детективом мов програмування на вашій першій захоплюючій справі!
+
+**Ваше завдання, якщо вирішите його прийняти:**
+1. **Стати дослідником мов:** Виберіть три мови програмування із зовсім різних світів – можливо одна для вебсайтів, одна для мобільних додатків, і одна для обробки даних науковцями. Знайдіть приклади однієї простої задачі, написаної на кожній з них. Обіцяю, ви будете в захваті від того, як вони можуть виглядати зовсім інакше, виконуючи однакову роботу!
 
-Тепер, коли у вас є цей чудовий фундамент, я маю для вас пригоду, яка допоможе вам побачити, наскільки різноманітним і захоплюючим є світ програмування. І слухайте – це не про написання коду, тому ніякого тиску! Уявіть себе детективом мов програмування на вашій першій захоплюючій справі!
+2. **Розкрийте їх історії створення:** Що робить кожну мову особливою? Ось цікавий факт – кожна мова програмування створена тому, що хтось подумав: «Знаєте, мусить бути кращий спосіб розв’язати цю конкретну проблему». Спробуйте з’ясувати, якими були ці проблеми. Деякі з цих історій справді захопливі!
 
-**Ваша місія, якщо ви вирішите її прийняти:**
-1. **Станьте дослідником мов**: Виберіть три мови програмування з абсолютно різних сфер – можливо, одну для створення вебсайтів, одну для створення мобільних додатків і одну для аналізу даних для науковців. Знайдіть приклади виконання одного простого завдання на кожній мові. Обіцяю, ви будете абсолютно здивовані, наскільки вони можуть відрізнятися, виконуючи одне й те ж завдання!
+3. **Познайомтесь з їх спільнотами:** Подивіться, наскільки дружні і пристрасні спільноти кожної мови. Деякі налічують мільйони розробників, які діляться знаннями і допомагають один одному, інші – менші, але напрочуд згуртовані і підтримують. Вам сподобається бачити різні характери цих спільнот!
 
-2. **Розкрийте їхні історії походження**: Що робить кожну мову особливою? Ось цікавий факт – кожна мова програмування була створена тому, що хтось подумав: "Знаєте що? Має бути кращий спосіб вирішити цю конкретну проблему." Чи можете ви з'ясувати, які це були проблеми? Деякі з цих історій дійсно захоплюючі!
+4. **Довіртесь серцю:** Яка мова зараз здається вам найпростіше? Не турбуйтесь над «ідеальним» вибором – слухайте свої інстинкти! Справді, неправильної відповіді тут немає, і завжди можна дослідити інші пізніше.
 
-3. **Познайомтеся з їхніми спільнотами**: Дізнайтеся, наскільки привітними та захопленими є спільноти кожної мови. Деякі мають мільйони розробників, які діляться знаннями та допомагають один одному, інші – менші, але надзвичайно згуртовані та підтримуючі. Вам сподобається побачити різні "особистості" цих спільнот!
+**Бонусне детективне завдання:** Дізнайтеся, які великі сайти чи додатки побудовані на кожній з мов. Гарантую, ви здивуєтесь, дізнавшись, що стоїть за Instagram, Netflix чи тією мобільною грою, у яку ви не можете відірватися!
 
-4. **Слухайте своє серце**: Яка мова здається вам найбільш доступною зараз? Не хвилюйтеся про "ідеальний" вибір –
-## Огляд і самостійне навчання
+> 💡 **Пам’ятайте**: Мета не стати експертом у цих мовах зараз. Ви просто знайомитесь з «околицями», перш ніж вибрати, де хочете поселитися. Не поспішайте, отримуйте задоволення і дозвольте допитливості вести вас!
 
-**Не поспішайте, досліджуйте і отримуйте задоволення!**
+## Давайте відсвяткуємо ваші відкриття!
 
-Сьогодні ви охопили багато матеріалу, і це варто пишатися! Тепер настає найцікавіша частина – дослідження тем, які вас зацікавили. Пам'ятайте, це не домашнє завдання – це пригода!
+Ой лишенько, ви сьогодні засвоїли стільки неймовірної інформації! Я щиро тішуся, що щораз більше цього дивовижного шляху лишається з вами. І пам’ятайте – це не тест з ідеальними відповідями. Це, скоріше, святкування всього крутого, що ви дізналися про цей захопливий світ, у який ви ось-ось поринете!
 
-**Зануртеся глибше в те, що вас захоплює:**
+[Пройдіть післяурочний тест](https://ff-quizzes.netlify.app/web/)
 
-**Практикуйтеся з мовами програмування:**
-- Відвідайте офіційні сайти 2-3 мов, які привернули вашу увагу. Кожна з них має свою унікальну особливість і історію!
-- Спробуйте онлайн-платформи для програмування, такі як [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) або [Replit](https://replit.com/). Не бійтеся експериментувати – ви нічого не зламаєте!
-- Почитайте про те, як виникла ваша улюблена мова програмування. Серйозно, деякі з цих історій дуже цікаві і допоможуть вам зрозуміти, чому мови працюють саме так.
+## Повторення і самостійне навчання
 
-**Освойте нові інструменти:**
-- Завантажте Visual Studio Code, якщо ще цього не зробили – це безкоштовно, і вам точно сподобається!
-- Проведіть кілька хвилин, переглядаючи ринок розширень. Це як магазин додатків для вашого редактора коду!
-- Відкрийте інструменти розробника у вашому браузері і просто клацайте по всьому. Не хвилюйтеся, якщо щось незрозуміло – просто ознайомтеся з тим, що там є.
+**Не поспішайте, досліджуйте і насолоджуйтесь!**
+Ви сьогодні пройшли великий шлях, і це варто того, щоб пишатися! Тепер настає найцікавіше – досліджувати теми, які викликали вашу цікавість. Пам’ятайте, це не домашнє завдання – це пригода!
 
-**Приєднуйтесь до спільноти:**
-- Слідкуйте за спільнотами розробників на [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, якщо ще не зробили цього – він безкоштовний, і він вам сподобається!
+- Приділіть кілька хвилин огляду магазину розширень. Це як магазин додатків для вашого редактора коду!
+- Відкрийте інструменти розробника у браузері та клацайте навколо. Не переймайтеся, якщо не все зрозуміло – просто ознайомтеся з тим, що там є.
+
+**Приєднайтесь до спільноти:**
+- Підписуйтеся на деякі спільноти розробників на [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), або [GitHub](https://github.com/). Спільнота програмістів дуже дружня до новачків!
+- Дивіться відео для початківців на YouTube. Є багато чудових авторів, які пам’ятають, що таке починати з нуля.
+- Розгляньте можливість приєднатися до локальних мітапів або онлайн-спільнот. Повірте, розробники люблять допомагати новачкам!
+
+> 🎯 **Послухайте, що я хочу, щоб ви пам’ятали**: від вас не чекають, що ви станете магом коду за одну ніч! Наразі ви просто знайомитеся з цим неймовірним новим світом, частиною якого станете. Не поспішайте, насолоджуйтеся подорожжю, і пам’ятайте – кожен розробник, ким ви захоплюєтеся, колись сидів саме там, де ви зараз, відчуваючи захоплення і, можливо, трохи розгубленості. Це абсолютно нормально і означає, що ви на правильному шляху!
 
 
 
 ## Завдання
 
-[Читання документації](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Невеликий поштовх для вашого завдання**: Мені дуже хотілося б побачити, як ви досліджуєте інструменти, які ми ще не розглядали! Пропустіть редактори, браузери та інструменти командного рядка, про які ми вже говорили – існує цілий неймовірний всесвіт дивовижних інструментів для розробки, які тільки чекають, щоб їх відкрили. Шукайте ті, які активно підтримуються і мають живі, корисні спільноти (зазвичай вони мають найкращі навчальні матеріали і найбільш підтримуючих людей, коли ви неминуче застрягнете і потребуватимете дружньої допомоги).
+> 💡 **Невеликий підштовх для вашого завдання**: Мені дуже хотілося б побачити, як ви вивчаєте інструменти, які ми ще не розглянули! Пропускайте редактори, браузери та командні інструменти, про які ми вже говорили – існує цілий неймовірний всесвіт чудових інструментів для розробки, що чекають на відкриття. Шукайте ті, що активно підтримуються і мають жваві, дружні спільноти (вони зазвичай мають найкращі підручники і найбільш підтримуючих людей, коли ви неминуче застрягнете і вам знадобиться допомога).
 
 ---
 
-## 🚀 Хронологія вашої подорожі у програмуванні
-
-### ⚡ **Що можна зробити за наступні 5 хвилин**
-- [ ] Додайте в закладки 2-3 сайти мов програмування, які вас зацікавили
-- [ ] Завантажте Visual Studio Code, якщо ще цього не зробили
-- [ ] Відкрийте інструменти розробника у вашому браузері (F12) і клацайте по будь-якому сайту
-- [ ] Приєднайтеся до однієї спільноти програмістів (Dev.to, Reddit r/webdev або Stack Overflow)
-
-### ⏰ **Що можна досягти за годину**
-- [ ] Пройдіть тест після уроку і обміркуйте свої відповіді
-- [ ] Налаштуйте VS Code з розширенням GitHub Copilot
-- [ ] Спробуйте приклад "Hello World" у 2 різних мовах програмування онлайн
-- [ ] Подивіться відео "День із життя розробника" на YouTube
-- [ ] Почніть своє детективне дослідження мов програмування (з виклику)
-
-### 📅 **Ваш тижневий виклик**
-- [ ] Виконайте завдання і досліджуйте 3 нових інструменти для розробки
-- [ ] Слідкуйте за 5 розробниками або акаунтами про програмування у соціальних мережах
-- [ ] Спробуйте створити щось маленьке в CodePen або Replit (навіть просто "Привіт, [Ваше ім'я]!")
-- [ ] Прочитайте один блог розробника про його шлях у програмуванні
-- [ ] Приєднайтеся до віртуальної зустрічі або подивіться виступ про програмування
-- [ ] Почніть вивчати обрану вами мову за допомогою онлайн-уроків
-
-### 🗓️ **Ваш місячний трансформаційний план**
-- [ ] Створіть свій перший невеликий проєкт (навіть простий вебсайт рахується!)
-- [ ] Внесіть свій вклад у проєкт з відкритим кодом (почніть з виправлення документації)
-- [ ] Станьте наставником для когось, хто тільки починає свій шлях у програмуванні
-- [ ] Створіть свій вебсайт-портфоліо розробника
-- [ ] Зв'яжіться з місцевими спільнотами розробників або навчальними групами
-- [ ] Почніть планувати свою наступну навчальну мету
+## 🚀 Ваш Таймлайн Програмістської Подорожі
+
+### ⚡ **Що ви можете зробити за наступні 5 хвилин**
+- [ ] Закладинки 2-3 вебсайти мов програмування, які привернули вашу увагу
+- [ ] Завантажити Visual Studio Code, якщо ще не зробили цього
+- [ ] Відкрити DevTools браузера (F12) і клікнути по будь-якому сайту
+- [ ] Приєднатися до однієї спільноти програмістів (Dev.to, Reddit r/webdev або Stack Overflow)
+
+### ⏰ **Що ви можете встигнути за цю годину**
+- [ ] Завершити вікторину після уроку і проаналізувати свої відповіді
+- [ ] Налаштувати VS Code з розширенням GitHub Copilot
+- [ ] Спробувати приклад "Hello World" у 2 різних мовах програмування онлайн
+- [ ] Подивитися відео "День із життя розробника" на YouTube
+- [ ] Почати «детективне» вивчення вибраної мови програмування (з виклику)
+
+### 📅 **Ваша тижнева пригода**
+- [ ] Виконати завдання і дослідити 3 нових інструменти для розробки
+- [ ] Підписатися на 5 розробників або облікових записів про програмування в соцмережах
+- [ ] Спробувати створити щось маленьке в CodePen або Replit (навіть просто "Hello, [Ваше ім'я]!")
+- [ ] Прочитати один блогпост розробника про чиюсь програмістську подорож
+- [ ] Приєднатися до онлайн або віртуального мітапу чи переглянути програмістську доповідь
+- [ ] Почати вивчати обрану мову за допомогою онлайн-уроків
+
+### 🗓️ **Ваша місячна трансформація**
+- [ ] Створити свій перший невеликий проект (навіть проста вебсторінка — це вже рахуються!)
+- [ ] Внести внесок у проєкт з відкритим кодом (почати з виправлення документації)
+- [ ] Станьте наставником для когось, хто щойно починає свій шлях програміста
+- [ ] Створити власний вебсайт портфоліо розробника
+- [ ] Зв’язатися з локальними спільнотами розробників або навчальними групами
+- [ ] Почати планувати свій наступний етап навчання
 
 ### 🎯 **Фінальна рефлексія**
 
-**Перед тим, як рухатися далі, знайдіть момент, щоб відсвяткувати:**
-- Що вас сьогодні найбільше захопило у програмуванні?
+**Перш ніж рухатися далі, знайдіть час, щоб відсвяткувати:**
+- Що сьогодні найбільше надихнуло вас у програмуванні?
 - Який інструмент або концепцію ви хочете дослідити першою?
-- Як ви почуваєтеся, починаючи цей шлях у програмуванні?
-- Яке одне питання ви хотіли б зараз задати розробнику?
+- Як ви почуваєтеся щодо початку цієї програмістської подорожі?
+- Яке одне питання ви хотіли б зараз поставити розробнику?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Ваша подорож розвитку впевненості
+    section Сьогодні
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Цього тижня
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Наступного місяця
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Пам'ятайте**: Кожен експерт колись був новачком. Кожен старший розробник колись відчував себе так само, як ви зараз – захопленим, можливо, трохи розгубленим, і точно цікавим до того, що можливо. Ви в чудовій компанії, і ця подорож буде неймовірною. Ласкаво просимо до дивовижного світу програмування! 🎉
+> 🌟 **Пам’ятайте**: Кожен експерт колись був початківцем. Кожен старший розробник колись почувався так само, як ви зараз – захоплено, можливо трохи розгублено, і безперечно зацікавлено, що можливо. Ви у чудовій компанії, і ця подорож буде неймовірною. Ласкаво просимо у дивовижний світ програмування! 🎉
 
 ---
 
-**Відмова від відповідальності**:  
-Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Застереження**:
+Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Незважаючи на наші зусилля забезпечити точність, просимо враховувати, що машинні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується звертатись до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що можуть виникнути через використання цього перекладу.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/uk/AGENTS.md b/translations/uk/AGENTS.md
index 46b52d645..4b8aff794 100644
--- a/translations/uk/AGENTS.md
+++ b/translations/uk/AGENTS.md
@@ -2,35 +2,35 @@
 
 ## Огляд проекту
 
-Це навчальний репозиторій для викладання основ веб-розробки початківцям. Навчальна програма — це всебічний 12-тижневий курс, розроблений спеціалістами Microsoft Cloud Advocates, який включає 24 практичних уроки з JavaScript, CSS та HTML.
+Це навчальний репозиторій з курикулумом для викладання основ веб-розробки початківцям. Курикулум — це всебічний 12-тижневий курс, розроблений Microsoft Cloud Advocates, що містить 24 практичні уроки з JavaScript, CSS та HTML.
 
 ### Ключові компоненти
 
-- **Навчальний контент**: 24 структуровані уроки, організовані у модулі на основі проектів
-- **Практичні проєкти**: Терраріум, Гра на друкування, Розширення для браузера, Космічна гра, Банківський додаток, Код редактор, AI чат-асистент
-- **Інтерактивні вікторини**: 48 вікторин по 3 запитання в кожній (до та після уроків)
-- **Підтримка багатьох мов**: Автоматичні переклади більш ніж 50 мовами через GitHub Actions
-- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проектів)
+- **Навчальний контент**: 24 структуровані уроки, організовані в модулі на основі проектів  
+- **Практичні проекти**: Terrarium, Typing Game, Розширення браузера, Space Game, Банківський додаток, Редактор коду та AI чат-асистент  
+- **Інтерактивні вікторини**: 48 вікторин по 3 питання в кожній (до та після уроку)  
+- **Підтримка кількох мов**: Автоматичні переклади понад 50 мов за допомогою GitHub Actions  
+- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI-проектів)  
 
 ### Архітектура
 
-- Навчальний репозиторій з структурою на основі уроків
-- У кожній папці з уроком є README, приклади коду та рішення
-- Окремі проекти в окремих каталогах (quiz-app, різні проекти уроків)
-- Система перекладів із GitHub Actions (co-op-translator)
-- Документація подається через Docsify та доступна у форматі PDF
+- Навчальний репозиторій зі структурою на основі уроків  
+- У кожній папці уроку є README, приклади коду та рішення  
+- Автономні проекти в окремих каталогах (quiz-app, різні проекти уроків)  
+- Система перекладів з використанням GitHub Actions (co-op-translator)  
+- Документація подається через Docsify та доступна у форматі PDF  
 
 ## Команди налаштування
 
-Цей репозиторій переважно для споживання навчального контенту. Для роботи з конкретними проектами:
+Цей репозиторій призначений переважно для споживання освітнього контенту. Для роботи з окремими проектами:
 
-### Головне налаштування репозиторію
+### Основне налаштування репозиторію
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
-
+  
 ### Налаштування Quiz App (Vue 3 + Vite)
 
 ```bash
@@ -40,34 +40,34 @@ npm run dev        # Запустити сервер розробки
 npm run build      # Зібрати для продакшена
 npm run lint       # Запустити ESLint
 ```
-
+  
 ### API банківського проекту (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
 npm install
-npm start          # Запустити сервер API
+npm start          # Запустити API сервер
 npm run lint       # Запустити ESLint
-npm run format     # Форматувати за допомогою Prettier
+npm run format     # Відформатувати за допомогою Prettier
 ```
-
-### Проекти розширень для браузера
+  
+### Проекти розширень браузера
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Дотримуйтесь інструкцій із завантаження розширень, специфічних для браузера
+# Дотримуйтесь інструкцій з завантаження розширень, специфічних для браузера
 ```
-
-### Проекти космічної гри
+  
+### Проекти гри у космосі
 
 ```bash
 cd 6-space-game/solution
 npm install
-# Відкрийте index.html у браузері або скористайтеся Live Server
+# Відкрийте index.html у браузері або використовуйте Live Server
 ```
-
-### Проект чату (бекенд на Python)
+  
+### Чат-проект (бекенд на Python)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -75,34 +75,34 @@ pip install openai
 # Встановіть змінну середовища GITHUB_TOKEN
 python api.py
 ```
-
+  
 ## Робочий процес розробки
 
 ### Для контрибуторів контенту
 
-1. **Форкніть репозиторій** до свого облікового запису GitHub
-2. **Клонуйте свій форк** локально
-3. **Створіть нову гілку** для ваших змін
-4. Внесіть зміни до матеріалів уроків або прикладів коду
-5. Перевірте зміни коду у відповідних каталогах проектів
-6. Надішліть pull request згідно з правилами внеску
+1. **Форкніть репозиторій** у свій обліковий запис GitHub  
+2. **Клонуйте ваш форк** локально  
+3. **Створіть нову гілку** для ваших змін  
+4. Вносьте зміни в контент уроків або приклади коду  
+5. Тестуйте зміни коду у відповідних директоріях проектів  
+6. Надсилайте pull request відповідно до інструкцій з внесення  
 
 ### Для учнів
 
-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. Пройдіть фінальні вікторини  
 
 ### Жива розробка
 
-- **Документація**: Запустіть `docsify serve` в корені (порт 3000)
-- **Quiz App**: Запустіть `npm run dev` у каталозі quiz-app
-- **Проекти**: Використовуйте розширення VS Code Live Server для HTML-проектів
-- **API Проекти**: Запустіть `npm start` у відповідних каталогах API
+- **Документація**: Запустіть `docsify serve` у корені (порт 3000)  
+- **Quiz App**: Запустіть `npm run dev` у директорії quiz-app  
+- **Проекти**: Використовуйте розширення VS Code Live Server для HTML-проектів  
+- **API-проекти**: Запускайте `npm start` у відповідних API папках  
 
 ## Інструкції з тестування
 
@@ -111,9 +111,9 @@ python api.py
 ```bash
 cd quiz-app
 npm run lint       # Перевірте на наявність проблем зі стилем коду
-npm run build      # Переконайтеся, що збірка проходить успішно
+npm run build      # Переконайтеся, що збірка успішна
 ```
-
+  
 ### Тестування Bank API
 
 ```bash
@@ -121,162 +121,162 @@ cd 7-bank-project/api
 npm run lint       # Перевірте наявність проблем зі стилем коду
 node server.js     # Переконайтеся, що сервер запускається без помилок
 ```
-
+  
 ### Загальний підхід до тестування
 
-- Це навчальний репозиторій без повністю автоматичних тестів
-- Ручне тестування фокусується на:
-  - Безпомилковому виконанні прикладів коду
-  - Коректній роботі посилань у документації
-  - Успішній збірці проектів
-  - Дотриманні найкращих практик у прикладах
+- Це навчальний репозиторій без комплексних автоматизованих тестів  
+- Ручне тестування зосереджено на:  
+  - Коректному виконанні прикладів коду без помилок  
+  - Роботі посилань у документації  
+  - Успішних збірках проектів  
+  - Дотриманні найкращих практик у прикладах  
 
 ### Перевірки перед відправкою
 
-- Запустіть `npm run lint` у каталогах із package.json
-- Перевірте валідність посилань markdown
-- Тестуйте приклади коду в браузері або Node.js
-- Переконайтесь, що переклади зберігають правильну структуру
+- Запускайте `npm run lint` у директоріях з package.json  
+- Переконуйтесь, що посилання у markdown дійсні  
+- Тестуйте приклади коду у браузері або Node.js  
+- Перевіряйте, що переклади зберігають правильну структуру  
 
-## Правила стилю коду
+## Керівництво зі стилю коду
 
 ### JavaScript
 
-- Використовуйте сучасний синтаксис ES6+
-- Дотримуйтесь стандартних конфігурацій ESLint, наданих у проектах
-- Використовуйте змістовні імена змінних і функцій для ясності
-- Додавайте коментарі, що пояснюють концепції для учнів
-- Форматуйте код з Prettier, де це налаштовано
+- Використовуйте сучасний синтаксис ES6+  
+- Дотримуйтесь стандартних конфігурацій ESLint у проектах  
+- Використовуйте осмислені імена змінних і функцій для кращого навчання  
+- Додавайте коментарі, що пояснюють концепції для учнів  
+- Форматуйте код з Prettier там, де це настроєно  
 
 ### HTML/CSS
 
-- Семантичні елементи HTML5
-- Принципи адаптивного дизайну
-- Зрозумілі назви класів
-- Коментарі, що пояснюють CSS техніки для учнів
+- Семантичні елементи HTML5  
+- Принципи адаптивного дизайну  
+- Чіткі конвенції іменування класів  
+- Коментарі, що пояснюють CSS-техніки для учнів  
 
 ### Python
 
-- Стиль PEP 8
-- Чіткі, навчальні приклади коду
-- Підказки типів там, де це корисно для навчання
+- Дотримуйтесь стилю PEP 8  
+- Чіткі навчальні приклади коду  
+- Використовуйте типізацію, коли це корисно для навчання  
 
 ### Документація Markdown
 
-- Чітка ієрархія заголовків
-- Блоки коду з вказівкою мови
-- Посилання на додаткові ресурси
-- Знімки екранів та зображення в папках `images/`
-- Атрибути alt для зображень задля доступності
+- Чітка ієрархія заголовків  
+- Блоки коду з вказаною мовою  
+- Посилання на додаткові ресурси  
+- Знімки екрану та зображення у папках `images/`  
+- Опис для зображень для доступності  
 
 ### Організація файлів
 
-- Нумерація уроків послідовна (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}/`  
 
-## Збірка та розгортання
+## Збірка і розгортання
 
 ### Розгортання 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/
-# Розгортає за допомогою workflow GitHub Actions при пуші в main
+# Розгортає за допомогою робочого процесу GitHub Actions при пуші до main
 ```
-
-Конфігурація Azure Static Web Apps:
-- **Розташування додатку**: `/quiz-app`
-- **Папка виводу**: `dist`
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+  
+Конфігурація Azure Static Web Apps:  
+- **Розташування додатку**: `/quiz-app`  
+- **Папка виводу**: `dist`  
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`  
 
 ### Генерація PDF документації
 
 ```bash
 npm install                    # Встановити docsify-to-pdf
-npm run convert               # Згенерувати PDF з docs
+npm run convert               # Згенерувати PDF з документів
 ```
-
+  
 ### Документація Docsify
 
 ```bash
-npm install -g docsify-cli    # Встановіть Docsify глобально
-docsify serve                 # Запустіть на localhost:3000
+npm install -g docsify-cli    # Встановити Docsify глобально
+docsify serve                 # Запустити на localhost:3000
 ```
+  
+### Збірки для конкретних проектів
 
-### Збірки проектів
-
-Кожен каталог проекту може мати власний процес збірки:
-- Проекти Vue: `npm run build` створює production-бандли
-- Статичні проекти: без кроку збірки, файли подаються напряму
+Кожна директорія проекту може мати свій процес збірки:  
+- Vue-проекти: `npm run build` створює production-бандли  
+- Статичні проекти: немає кроку збірки, файли подаються напряму  
 
-## Правила pull request
+## Керівництво для Pull Request
 
-### Формат заголовка
+### Формат заголовку
 
-Використовуйте зрозумілі, описові заголовки з уточненням області змін:
-- `[Quiz-app] Додати нову вікторину для уроку X`
-- `[Lesson-3] Виправити помилку в проєкті терраріум`
-- `[Translation] Додати іспанський переклад для уроку 5`
-- `[Docs] Оновити інструкції з налаштування`
+Використовуйте чіткі описові заголовки, що вказують сферу змін:  
+- `[Quiz-app] Додати нову вікторину для уроку X`  
+- `[Lesson-3] Виправити опечатку в проекті terrarium`  
+- `[Translation] Додати іспанський переклад для уроку 5`  
+- `[Docs] Оновити інструкції з налаштування`  
 
-### Необхідні перевірки
+### Обов’язкові перевірки
 
-Перед подачею PR:
+Перед подачею PR:  
 
-1. **Якість коду**:
-   - Запустіть `npm run lint` в проектах, що змінилися
-   - Виправте всі помилки і попередження
+1. **Якість коду**:  
+   - Запустіть `npm run lint` у відповідних каталогах  
+   - Виправте всі помилки та попередження lint  
 
-2. **Перевірка збірки**:
-   - Запустіть `npm run build`, якщо потрібно
-   - Переконайтесь, що помилок збірки немає
+2. **Перевірка збірки**:  
+   - Якщо застосовно, запустіть `npm run build`  
+   - Переконайтесь, що немає помилок збірки  
 
-3. **Перевірка посилань**:
-   - Перевірте всі markdown-посилання
-   - Переконайтесь у працездатності посилань на зображення
+3. **Перевірка посилань**:  
+   - Перевірте всі markdown-посилання  
+   - Переконайтесь, що зображення відображаються правильно  
 
-4. **Перевірка контенту**:
-   - Вичитайте на орфографію та граматику
-   - Переконайтесь, що приклади коду правильні та навчальні
-   - Перевірте акуртність перекладів
+4. **Перегляд контенту**:  
+   - Перевірте орфографію та граматику  
+   - Переконайтесь, що приклади коду коректні і зрозумілі  
+   - Перевірте, що переклади зберігають оригінальний зміст  
 
 ### Вимоги до внеску
 
-- Підтвердіть згоду з Microsoft CLA (автоматична перевірка при першому PR)
-- Дотримуйтесь [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Детальні правила у [CONTRIBUTING.md](./CONTRIBUTING.md)
-- За потреби посилайтеся на номери issue у описі PR
+- Погодитись з Microsoft CLA (автоматична перевірка при першому PR)  
+- Дотримуватись [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)  
+- Детальні інструкції в [CONTRIBUTING.md](./CONTRIBUTING.md)  
+- Якщо є, вказуйте номери issues у описі PR  
 
-### Процес огляду
+### Процес рев’ю
 
-- PR переглядають підтримувачі та спільнота
-- Пріоритет — навчальна ясність
-- Приклади коду мають відповідати найкращим практикам
-- Переклади переглядають на точність та культурну відповідність
+- PR переглядають мейнтейнер та спільнота  
+- Пріоритет — освітня зрозумілість  
+- Приклади коду повинні відповідати актуальним найкращим практикам  
+- Переклади перевіряють на точність та відповідність культурі  
 
 ## Система перекладів
 
 ### Автоматичний переклад
 
-- Використовує GitHub Actions з workflow co-op-translator
-- Автоматично перекладає більш ніж 50 мовами
-- Файли-джерела у головних каталогах
-- Перекладені файли в `translations/{language-code}/`
+- Використовує GitHub Actions із workflow co-op-translator  
+- Автоматично перекладає більш ніж на 50 мов  
+- Джерельні файли у основних директоріях  
+- Перекладені файли у папках `translations/{language-code}/`  
 
 ### Додавання ручних покращень перекладу
 
-1. Знайдіть файл у `translations/{language-code}/`
-2. Внесіть покращення, зберігаючи структуру
-3. Переконайтесь, що приклади коду працюють
-4. Перевірте локалізований контент вікторин
+1. Знайдіть файл у `translations/{language-code}/`  
+2. Вносьте покращення, зберігаючи структуру  
+3. Переконайтесь, що приклади коду залишаються працездатними  
+4. Перевірте будь-який локалізований контент вікторин  
 
 ### Метадані перекладу
 
-Перекладені файли містять заголовок метаданих:
+Перекладені файли містять заголовок із метаданими:  
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
 }
 -->
 ```
-
-## Відлагодження та усунення неполадок
+  
+## Налагодження та усунення неполадок
 
 ### Поширені проблеми
 
-**Quiz app не запускається**:
-- Перевірте версію Node.js (рекомендується v14+)
-- Видаліть `node_modules` та `package-lock.json`, знову виконайте `npm install`
-- Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173)
+**Quiz app не запускається**:  
+- Перевірте версію Node.js (рекомендується v14+)  
+- Видаліть `node_modules` і `package-lock.json`, виконайте `npm install` знову  
+- Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173)  
 
-**API сервер не стартує**:
-- Переконайтесь, що версія Node.js мінімум 10 і вище
-- Перевірте, чи порт не зайнятий
-- Впевніться, що всі залежності встановлені через `npm install`
+**API сервер не запускається**:  
+- Переконайтесь, що версія Node.js відповідає мінімальній (node >=10)  
+- Перевірте, чи порт вже не зайнятий  
+- Переконайтесь, що всі залежності встановлені через `npm install`  
 
-**Розширення браузера не завантажується**:
-- Перевірте правильність manifest.json
-- Перевірте консоль браузера на помилки
-- Дотримуйтесь інструкцій встановлення розширень для конкретного браузера
+**Розширення браузера не завантажується**:  
+- Переконайтесь, що manifest.json правильно сформатований  
+- Перевірте консоль браузера на помилки  
+- Дотримуйтесь інструкцій зі встановлення, специфічних для браузера  
 
-**Проблеми з Python чат-проектом**:
-- Переконайтесь, що пакет OpenAI встановлений: `pip install openai`
-- Перевірте, що змінна середовища GITHUB_TOKEN встановлена
-- Перевірте права доступу GitHub Models
+**Проблеми з Python чат-проектом**:  
+- Переконайтесь, що пакет OpenAI встановлений: `pip install openai`  
+- Переконайтесь, що змінна середовища GITHUB_TOKEN встановлена  
+- Перевірте права доступу GitHub Models  
 
-**Docsify не подає документацію**:
-- Встановіть docsify-cli глобально: `npm install -g docsify-cli`
-- Запускайте з кореневої директорії репозиторію
-- Переконайтесь, що файл `docs/_sidebar.md` існує
+**Docsify не подає документацію**:  
+- Встановіть docsify-cli глобально: `npm install -g docsify-cli`  
+- Запускайте з кореневого каталогу репозиторію  
+- Переконайтесь, що файл `docs/_sidebar.md` існує  
 
-### Поради щодо середовища розробки
+### Поради для середовища розробки
 
-- Використовуйте VS Code з розширенням Live Server для HTML-проектів
-- Встановіть розширення ESLint та Prettier для узгодженого форматування
-- Використовуйте DevTools браузера для налагодження JavaScript
-- Для проектів Vue встановіть Vue DevTools у браузер
+- Використовуйте VS Code з розширенням Live Server для HTML проектів  
+- Встановіть розширення ESLint та Prettier для консистентного форматування  
+- Використовуйте DevTools браузера для налагодження JavaScript  
+- Для Vue проектів встановіть розширення Vue DevTools для браузера  
 
 ### Особливості продуктивності
 
-- Велика кількість перекладених файлів (>50 мов) робить повні клонування великими
-- Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1`
-- Вилучайте переклади з пошуку при роботі з англомовним контентом
-- Першочергова збірка може бути повільною (npm install, Vite build)
+- Велика кількість перекладених файлів (50+ мов) робить повні клони великими  
+- Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1`  
+- Виключайте переклади з пошуку при роботі з англійською версією  
+- Процеси збірки можуть бути повільними при першому запуску (npm install, збірка Vite)  
 
 ## Питання безпеки
 
 ### Змінні середовища
 
-- API ключі ніколи не мають потрапляти у репозиторій
-- Використовуйте файли `.env` (вже у `.gitignore`)
-- Документуйте необхідні змінні середовища у README проектів
+- API-ключі ніколи не повинні комітитись у репозиторій  
+- Використовуйте `.env` файли (вже в `.gitignore`)  
+- Документуйте необхідні змінні середовища в README проектів  
 
-### Python проекти
+### Python-проекти
 
-- Використовуйте віртуальні середовища: `python -m venv venv`
-- Підтримуйте залежності актуальними
-- GitHub токени мають мати мінімальні необхідні права
+- Використовуйте віртуальні середовища: `python -m venv venv`  
+- Оновлюйте залежності  
+- Токени GitHub повинні мати мінімально необхідні дозволи  
 
-### Доступ до GitHub Models
+### Доступ GitHub Models
 
-- Для GitHub Models потрібні Personal Access Tokens (PAT)
-- Токени зберігайте у змінних середовища
-- Ніколи не комітьте токени або облікові дані
+- Потрібні персональні токени доступу (PAT) для GitHub Models  
+- Токени зберігайте у змінних середовища  
+- Ніколи не комітьте токени або облікові дані  
 
 ## Додаткові нотатки
 
 ### Цільова аудиторія
 
-- Повні початківці у веб-розробці
-- Студенти та самонавчальні
-- Вчителі, що використовують програму у класах
-- Контент створено для доступності та поступового розвитку навичок
+- Повні початківці у веб-розробці  
+- Студенти та самонавчальні  
+- Викладачі, що використовують курикулум у класах  
+- Контент розроблений з урахуванням доступності та поступового нарощування навичок  
 
 ### Освітня філософія
 
-- Підхід навчання на основі проектів
-- Часті перевірки знань (вікторини)
-- Практичні вправи з кодування
-- Приклади застосування у реальному світі
-- Акцент на основах перед фреймворками
+- Підхід на основі проектів  
+- Часті перевірки знань (вікторини)  
+- Практичні вправи з кодування  
+- Приклади з реального життя  
+- Акцент на основах перед фреймворками  
 
 ### Підтримка репозиторію
 
-- Активна спільнота учнів та контрибуторів
-- Регулярні оновлення залежностей та контенту
-- Моніторинг Issues та дискусій підтримувачами
-- Автоматичне оновлення перекладів через GitHub Actions
+- Активна спільнота учнів і контрибуторів  
+- Регулярні оновлення залежностей і контенту  
+- Моніторинг issues і дискусій мейнтейнерами  
+- Оновлення перекладів автоматизовані через GitHub Actions  
 
 ### Пов’язані ресурси
 
-- [Модулі Microsoft Learn](https://docs.microsoft.com/learn/)
-- [Ресурси Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендовано для учнів
-- Додаткові курси: генеративний AI, Data Science, ML, IoT
+- [Модулі Microsoft Learn](https://docs.microsoft.com/learn/)  
+- [Ресурси Student Hub](https://docs.microsoft.com/learn/student-hub/)  
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендований для учнів  
+- Додаткові курси: Generative AI, Data Science, ML, IoT curricula доступні  
 
-### Робота з конкретними проектами
+### Робота з окремими проектами
 
-Для докладних інструкцій дивіться README у:
-- `quiz-app/README.md` - Vue 3 додаток для вікторин
-- `7-bank-project/README.md` - Банківський додаток з автентифікацією
-- `5-browser-extension/README.md` - Розробка розширень для браузера
-- `6-space-game/README.md` - Розробка гри на Canvas
-- `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` - Розробка гри на Canvas  
+- `9-chat-project/README.md` - Проект AI чат-асистента  
 
 ### Структура монорепозиторію
 
-Хоча це не традиційний монорепозиторій, він містить кілька незалежних проектів:
-- Кожен урок автономний
-- Проекти не ділять залежностей
-- Працюйте з окремими проектами без впливу на інші
-- Клонуйте весь репозиторій для повного досвіду навчання
+Хоча це не традиційний монорепозиторій, він містить кілька незалежних проектів:  
+- Кожен урок автономний  
+- Проекти не розділяють залежності  
+- Працюйте з окремими проектами без впливу на інші  
+- Клонуйте весь репозиторій для повного досвіду курсу  
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Відмова від відповідальності**:
-Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується звертатися до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння чи неправильне тлумачення, що виникли внаслідок використання цього перекладу.
+**Відмова від відповідальності**:  
+Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується звертатися до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що виникли внаслідок використання цього перекладу.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/uk/README.md b/translations/uk/README.md
index b7a76e384..7d03a8c1b 100644
--- a/translations/uk/README.md
+++ b/translations/uk/README.md
@@ -10,71 +10,81 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Веб-розробка для початківців - навчальна программа
+# Веб-розробка для початківців - навчальна програма
 
-Вивчайте основи веб-розробки з нашим 12-тижневим комплексним курсом від Microsoft Cloud Advocates. Кожен з 24 уроків глибоко занурюється у JavaScript, CSS та HTML через практичні проекти, такі як тераріуми, розширення браузерів та космічні ігри. Беріть участь у вікторинах, обговореннях та практичних завданнях. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою нашої ефективної проєктно-орієнтованої педагогіки. Почніть свою подорож програмування вже сьогодні!
+Вивчайте основи веб-розробки за нашим 12-тижневим комплексним курсом від Microsoft Cloud Advocates. Кожен із 24 уроків глибоко занурюється у JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення браузера та космічні ігри. Беріть участь у вікторинах, обговореннях і практичних завданнях. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою нашої ефективної педагогіки на основі проєктів. Розпочніть свою програмістську подорож сьогодні!
 
-Приєднуйтеся до спільноти 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)
-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 Action (автоматично і завжди актуально)
+#### Підтримується через GitHub Action (автоматично та завжди актуально)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Арабська](../ar/README.md) | [Бенгальська](../bn/README.md) | [Болгарська](../bg/README.md) | [Бирманська (М’янма)](../my/README.md) | [Китайська (спрощена)](../zh-CN/README.md) | [Китайська (традиційна, Гонконг)](../zh-HK/README.md) | [Китайська (традиційна, Макао)](../zh-MO/README.md) | [Китайська (традиційна, Тайвань)](../zh-TW/README.md) | [Хорватська](../hr/README.md) | [Чеська](../cs/README.md) | [Данська](../da/README.md) | [Голландська](../nl/README.md) | [Естонська](../et/README.md) | [Фінська](../fi/README.md) | [Французька](../fr/README.md) | [Німецька](../de/README.md) | [Грецька](../el/README.md) | [Іврит](../he/README.md) | [Хінді](../hi/README.md) | [Угорська](../hu/README.md) | [Індонезійська](../id/README.md) | [Італійська](../it/README.md) | [Японська](../ja/README.md) | [Каннада](../kn/README.md) | [Корейська](../ko/README.md) | [Литовська](../lt/README.md) | [Малайська](../ms/README.md) | [Малаялам](../ml/README.md) | [Маратхі](../mr/README.md) | [Непальська](../ne/README.md) | [Нігерійський Піджин](../pcm/README.md) | [Норвезька](../no/README.md) | [Перська (фарсі)](../fa/README.md) | [Польська](../pl/README.md) | [Португальська (Бразилія)](../pt-BR/README.md) | [Португальська (Португалія)](../pt-PT/README.md) | [Пенджабі (гурмухі)](../pa/README.md) | [Румунська](../ro/README.md) | [Російська](../ru/README.md) | [Сербська (кирилиця)](../sr/README.md) | [Словацька](../sk/README.md) | [Словенська](../sl/README.md) | [Іспанська](../es/README.md) | [Свахілі](../sw/README.md) | [Шведська](../sv/README.md) | [Тагальська (філіппінська)](../tl/README.md) | [Тамільська](../ta/README.md) | [Телугу](../te/README.md) | [Тайська](../th/README.md) | [Турецька](../tr/README.md) | [Українська](./README.md) | [Урду](../ur/README.md) | [В’єтнамська](../vi/README.md)
+[Арабська](../ar/README.md) | [Бенгальська](../bn/README.md) | [Болгарська](../bg/README.md) | [Бірманська (М’янма)](../my/README.md) | [Китайська (спрощена)](../zh-CN/README.md) | [Китайська (традиційна, Гонконг)](../zh-HK/README.md) | [Китайська (традиційна, Макао)](../zh-MO/README.md) | [Китайська (традиційна, Тайвань)](../zh-TW/README.md) | [Хорватська](../hr/README.md) | [Чеська](../cs/README.md) | [Данська](../da/README.md) | [Голландська](../nl/README.md) | [Естонська](../et/README.md) | [Фінська](../fi/README.md) | [Французька](../fr/README.md) | [Німецька](../de/README.md) | [Грецька](../el/README.md) | [Іврит](../he/README.md) | [Гінді](../hi/README.md) | [Угорська](../hu/README.md) | [Індонезійська](../id/README.md) | [Італійська](../it/README.md) | [Японська](../ja/README.md) | [Каннада](../kn/README.md) | [Корейська](../ko/README.md) | [Литовська](../lt/README.md) | [Малайська](../ms/README.md) | [Малаялам](../ml/README.md) | [Маратхі](../mr/README.md) | [Непальська](../ne/README.md) | [Нігерійський піжин](../pcm/README.md) | [Норвезька](../no/README.md) | [Перська (фарсі)](../fa/README.md) | [Польська](../pl/README.md) | [Португальська (Бразилія)](../pt-BR/README.md) | [Португальська (Португалія)](../pt-PT/README.md) | [Панджабі (гурмухі)](../pa/README.md) | [Румунська](../ro/README.md) | [Російська](../ru/README.md) | [Сербська (кирилиця)](../sr/README.md) | [Словацька](../sk/README.md) | [Словенська](../sl/README.md) | [Іспанська](../es/README.md) | [Свахілі](../sw/README.md) | [Шведська](../sv/README.md) | [Тагальська (філіппінська)](../tl/README.md) | [Тамільська](../ta/README.md) | [Телугу](../te/README.md) | [Тайська](../th/README.md) | [Турецька](../tr/README.md) | [Українська](./README.md) | [Урду](../ur/README.md) | [В’єтнамська](../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"
+> ```
+>
+> Це дасть вам все необхідне для проходження курсу з набагато швидшим завантаженням.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Якщо ви хочете, щоб додаткові мови перекладу були підтримані, список доступних мов наведений [тут](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Якщо ви хочете підтримки додаткових мов перекладу, вони перелічені [тут](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Відкрити у 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 Agent для виконання!
 
-Додано новий виклик, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання, яке ви можете виконати за допомогою GitHub Copilot та режиму Agent. Якщо ви раніше не користувались режимом Agent, він здатний не лише генерувати текст, а й створювати та редагувати файли, запускати команди та інше.
+Додано новий виклик, шукайте "GitHub Copilot Agent Challenge 🚀" в більшості розділів. Це новий виклик, який вам потрібно виконати, використовуючи GitHub Copilot та режим Agent. Якщо ви раніше не використовували режим Agent, він може не лише генерувати текст, а й створювати та редагувати файли, запускати команди і більше.
 
-### 📣 Оголошення - _Новий проєкт з використанням генеративного ШІ_
+### 📣 Оголошення - _Новий проєкт для створення з використанням генеративного ШІ_ 
 
-Додано новий проєкт AI Assistant, ознайомтесь із ним [тут](./9-chat-project/README.md)
+Щойно додано новий проєкт AI Assistant, ознайомтеся з ним [проект](./9-chat-project/README.md)
 
-### 📣 Оголошення - _Нова навчальна программа_ по генеративному ШІ для JavaScript щойно випущена
+### 📣 Оголошення - _Нова навчальна програма_ з генеративного ШІ для JavaScript щойно випущена
 
-Не пропустіть нашу нову навчальну программу з генеративного ШІ!
+Не пропустіть нашу нову навчальну програму з генеративного ШІ!
 
 Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб почати!
 
 ![Background](../../translated_images/uk/background.148a8d43afde5730.webp)
 
-- Уроки охоплюють все від основ до RAG.
-- Спілкуйтесь з історичними персонажами за допомогою GenAI та нашого супутникового додатку.
-- Весела та захоплююча нарація, ви будете подорожувати у часі!
+- Уроки, що охоплюють усе від основ до RAG.
+- Взаємодійте з історичними персонажами за допомогою GenAI і нашого компаньйон-додатку.
+- Цікаве і захоплююче оповідання, ви будете подорожувати у часі!
 
 ![character](../../translated_images/uk/character.5c0dd8e067ffd693.webp)
 
 
-Кожен урок включає завдання для виконання, перевірку знань та виклик, щоб допомогти вам навчитися темам, таким як:
-- Формування запитів і інженерія підказок
-- Генерація текстових і графічних додатків
+Кожен урок включає завдання, перевірку знань і виклик, щоб допомогти вам освоїти теми такі як:
+- Формулювання запитів і інженерія запитів
+- Генерація текстових та іміжевих додатків
 - Пошукові додатки
 
 Відвідайте [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), щоб почати!
@@ -83,175 +93,173 @@
 
 ## 🌱 Початок роботи
 
-> **Вчителі**, ми включили [деякі поради](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/uk/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) як редактор, який має вбудований [Термінал](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)
-    Тоді відкрийте [Термінал](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) і запустіть наступну команду, замінивши `<your-repository-url>` на URL, який ви щойно скопіювали:
+
+    Потім відкрийте [Термінал](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) і виконайте наступну команду, замінивши `<your-repository-url>` на URL, який ви щойно скопіювали:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **File** > **Open Folder** та обравши щойно клоновану папку.
+2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **File** > **Open Folder** і вибравши папку, яку щойно клонували.
 
 
 >  Рекомендовані розширення Visual Studio Code:
 >
 > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - для попереднього перегляду HTML-сторінок у Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - для швидшого написання коду
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомогти вам швидше писати код
 
-## 📂 Кожен урок включає:
+## 📂 Кожен урок містить:
 
-- необов’язкову нотатку
+- необов’язкову скетчноут
 - необов’язкове додаткове відео
-- розминковий вікторину перед уроком
-- текстовий урок
-- для уроків на основі проектів – покрокові інструкції зі створення проекту
+- розминковий тест перед уроком
+- письмовий урок
+- для уроків із проектами покрокові інструкції зі створення проекту
 - перевірки знань
 - виклик
 - додаткове читання
 - завдання
-- [вікторину після уроку](https://ff-quizzes.netlify.app/web/)
+- [тест після уроку](https://ff-quizzes.netlify.app/web/)
 
-> **Примітка про вікторини**: Всі вікторини знаходяться в папці Quiz-app, всього 48 вікторин по три питання в кожній. Вони доступні [тут](https://ff-quizzes.netlify.app/web/), додаток для вікторин можна запускати локально або розгортати в Azure; дотримуйтесь інструкцій в папці `quiz-app`.
+> **Примітка про тести**: Усі тести знаходяться у папці Quiz-app, всього 48 тестів по три питання кожен. Вони доступні [тут](https://ff-quizzes.netlify.app/web/). Додаток для тестів можна запустити локально або розгорнути в Azure; дотримуйтесь інструкцій у папці `quiz-app`.
 
 ## 🗃️ Уроки
 
-|     |                       Назва проекту                       |                            Вивчені концепції                            | Навчальні цілі                                                                                                                    |                                                         Пов’язаний урок                                                           |         Автор          |
-| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Початок роботи                        |           Вступ до програмування та інструменти фахівця                | Вивчити основи більшості мов програмування і програмне забезпечення, яке допомагає професійним розробникам у їх роботі          | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Початок роботи                        |             Основи GitHub, включаючи роботу в команді                  | Як використовувати GitHub у вашому проекті, як співпрацювати з іншими над кодом                                                  |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                              |          Floor          |
-| 03  |                     Початок роботи                        |                             Доступність                                | Вивчити основи веб-доступності                                                                                                   |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        Основи JS                          |                         Типи даних JavaScript                         | Основи типів даних JavaScript                                                                                                     |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                         |         Jasmine         |
-| 05  |                        Основи JS                          |                         Функції та методи                            | Вивчити функції та методи для керування логікою додатка                                                                          |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                                | Jasmine and Christopher |
-| 06  |                        Основи JS                          |                        Прийняття рішень на JS                         | Вивчити, як створювати умови у коді за допомогою методів прийняття рішень                                                        |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                   |         Jasmine         |
-| 07  |                        Основи JS                          |                            Масиви та цикли                           | Працювати з даними, використовуючи масиви та цикли у JavaScript                                                                  |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                     |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Практика HTML                            | Створити HTML для онлайн-терраріуму з акцентом на розмітку                                                                       |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            Практика CSS                             | Створити CSS для стилізації онлайн-терраріуму, з акцентом на основи CSS, включаючи адаптивність сторінки                          |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |             Замикання JavaScript, маніпулювання DOM                  | Написати JavaScript, щоб зробити терраріум інтерфейсом перетягування, зосередившись на замиканнях і маніпулюванні DOM            |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Створення гри на друку                      | Вивчити використання подій клавіатури для управління логікою JavaScript-додатку                                                  |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Робота з браузерами                         | Вивчити як працюють браузери, їх історію, а також як створити перші елементи розширення браузера                                  |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Створення форми, виклик API та зберігання змінних у локальному сховищі | Створити JavaScript-елементи розширення браузера для виклику API, використовуючи змінні, що зберігаються в локальному сховищі   |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Фонові процеси в браузері, веб-продуктивність              | Використати фонові процеси браузера для керування іконкою розширення; дізнатися про продуктивність вебу та деякі оптимізації   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Більш складна розробка ігор на JavaScript               | Вивчити наслідування за допомогою Класів і Композиції та патерн Pub/Sub, готуючись до створення гри                             |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Малювання на canvas                       | Вивчити Canvas API, який використовується для малювання елементів на екрані                                                     |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Переміщення елементів по екрану                    | Дізнатися, як елементи можуть рухатися, використовуючи декартові координати та Canvas API                                       |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Виявлення колізій                          | Зробити так, щоб елементи стикалися і реагували один на одного за допомогою натискань клавіш, а також додати функцію затримки  |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Ведення рахунку                          | Виконувати математичні розрахунки на основі статусу та продуктивності гри                                                       |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Завершення та перезапуск гри                     | Вивчити процес завершення і перезапуску гри, включаючи очищення ресурсів та скидання значень змінних                            |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 HTML шаблони та маршрути у веб-додатку              | Вивчити, як створювати основу архітектури багатосторінкового сайту за допомогою маршрутизації та шаблонів HTML                  |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Створення форми входу та реєстрації                | Вивчити створення форм та обробку валідації                                                                                     |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Методи отримання та використання даних            | Як дані надходять до вашого додатку та виводяться з нього, як їх отримувати, зберігати та звільняти                              |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Концепції управління станом                    | Вивчити, як ваш додаток зберігає стан і як керувати ним програмно                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Робота з VScode | Навчитися використовувати редактор коду| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Робота з AI | Навчитися створювати власного AI асистента | [AI Assistant project](./9-chat-project/README.md) | Chris |
+|     |                       Назва проекту                       |                            Вивчені концепції                             | Навчальні цілі                                                                                                                 |                                                         Пов’язаний урок                                                          |         Автор          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 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  |       [Тераріум](./3-terrarium/solution/README.md)       |                            Практика HTML                            | Створити HTML для онлайн-тераріуму, зосередившись на створенні макета                                                            |                                 [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Тераріум](./3-terrarium/solution/README.md)       |                            Практика CSS                             | Створити CSS для стилізації онлайн-тераріуму, зосередившись на основах CSS, зокрема - адаптивність сторінки                      |                                  [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Тераріум](./3-terrarium/solution/README.md)            |                 Замикання JavaScript, маніпуляції з DOM                 | Написати JavaScript, щоб створити функціонал тераріуму як drag/drop інтерфейсу, зосередившись на замиканнях та маніпуляціях DOM  |                  [Замикання JavaScript, маніпуляції з DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Гра на друкування](./4-typing-game/solution/README.md)          |                          Створення гри на друкування                           | Вивчити, як використовувати події клавіатури для керування логікою JavaScript-застосунку                                         |                                [Програмування на подіях](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Розширення браузера Green](./5-browser-extension/solution/README.md) |                         Робота з браузерами                          | Дізнатися, як працюють браузери, їх історію та як створити перші елементи розширення браузера                                     |                               [Про браузери](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Розширення браузера Green](./5-browser-extension/solution/README.md) | Створення форми, виклик API та збереження змінних у локальному сховищі | Створити JavaScript-елементи розширення браузера для виклику API, використовуючи змінні, збережені в локальному сховищі          |                [API, форми та локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Розширення браузера Green](./5-browser-extension/solution/README.md) |          Фонові процеси в браузері, продуктивність веба          | Використовувати фонові процеси браузера для керування іконкою розширення; дізнатися про продуктивність веба та оптимізації       |             [Фонові задачі та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Гра у космосі](./6-space-game/solution/README.md)           |             Розвиток складніших ігор з JavaScript             | Вивчити спадкування за допомогою класів і композиції та шаблон Pub/Sub для створення гри                                         |                      [Вступ до складної розробки ігор](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Гра у космосі](./6-space-game/solution/README.md)           |                           Малювання на холсті                            | Вивчити Canvas API для малювання елементів на екрані                                                                           |                                [Малювання на холсті](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Гра у космосі](./6-space-game/solution/README.md)           |                   Переміщення елементів на екрані                    | Дослідити, як елементи можуть рухатися, використовуючи декартові координати та Canvas API                                        |                           [Переміщення елементів](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Гра у космосі](./6-space-game/solution/README.md)           |                          Виявлення зіткнень                           | Зробити так, щоб елементи стикалися та реагували один на одного за допомогою натискань клавіш і функції охолодження для продуктивності |                              [Виявлення зіткнень](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Гра у космосі](./6-space-game/solution/README.md)           |                             Ведення рахунку                              | Виконувати розрахунки на основі стану та продуктивності гри                                                                       |                                    [Ведення рахунку](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Гра у космосі](./6-space-game/solution/README.md)           |                     Завершення та перезапуск гри                     | Дізнатися про завершення та перезапуск гри, очищення ресурсів і скидання змінних                                                |                                [Умови завершення](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Банківський додаток](./7-bank-project/solution/README.md)          |                 HTML-шаблони та маршрути у веб-додатку                 | Навчитися створювати каркас мультисторінкового вебсайту за допомогою маршрутизації та HTML-шаблонів                            |                            [HTML-шаблони і маршрути](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Банківський додаток](./7-bank-project/solution/README.md)          |                  Створення форми входу та реєстрації                   | Дізнатися про створення форм та обробку валідації                                                                             |                                           [Форми](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Банківський додаток](./7-bank-project/solution/README.md)          |                   Методи отримання та використання даних                   | Як дані потрапляють у додаток, як їх отримувати, зберігати та звільняти                                                        |                                            [Дані](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Банківський додаток](./7-bank-project/solution/README.md)          |                      Концепції управління станом                      | Навчитися зберігати стан додатку та керувати ним програмно                                                                      |                                [Управління станом](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Код браузера/VScode](../../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 |
 
 ## 🏫 Педагогіка
 
-Наша навчальна програма розроблена з урахуванням двох ключових педагогічних принципів:
-* навчання на основі проектів
-* часті вікторини
+Наша навчальна програма розроблена на основі двох ключових педагогічних принципів:
+* навчання на основі проєктів
+* часті тести
 
-Програма викладає основи JavaScript, HTML та CSS, а також останні інструменти і техніки, які використовують сучасні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру на друк, віртуальний терраріум, екологічно чисте розширення браузера, гру у стилі космічного загарбника та банківський додаток для бізнесу. До кінця циклу студенти матимуть ґрунтовне розуміння веб-розробки.
+Програма викладає основи JavaScript, HTML та CSS, а також найновіші інструменти та методики, які використовують сучасні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру на друкування, віртуальний тераріум, екологічно чисте розширення браузера, гру на зразок Space Invaders і банківський додаток для бізнесу. Наприкінці серії студенти здобудуть міцне розуміння веб-розробки.
 
-> 🎓 Перші кілька уроків цієї програми ви можете пройти як [Навчальний шлях](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) на Microsoft Learn!
 
-Забезпечивши відповідність контенту проектам, процес навчання стає більш захопливим для студентів і покращує засвоєння концепцій. Ми також написали кілька вступних уроків з основ JavaScript для ознайомлення з концепціями, доповнених відео з колекції "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", автори яких брали участь у створенні цієї навчальної програми.
+Забезпечуючи, щоб контент узгоджувався з проєктами, ми робимо процес більш захоплюючим для студентів та покращуємо засвоєння концепцій. Ми також підготували кілька вступних уроків основ JavaScript із відео з колекції "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", автори якої деякі брали участь у створенні цієї навчальної програми.
 
-Додатково, невелика вікторина перед уроком налаштовує студента на вивчення теми, а друга — після заняття — допомагає закріпити матеріал. Ця навчальна програма була розроблена так, щоб бути гнучкою та цікавою, її можна проходити цілком або частково. Проекти починаються з простого і стають дедалі складнішими до кінця 12-тижневого циклу.
+Крім того, низькопоріг тест перед заняттям задає студенту намір вивчення теми, а другий тест після заняття гарантує подальше закріплення знань. Ця навчальна програма розроблена бути гнучкою і цікавою, її можна проходити повністю або частково. Проєкти починаються із простих і стають все складнішими до кінця 12-тижневого циклу.
 
-Хоч ми й свідомо уникаємо введення JavaScript-фреймворків, щоб зосередитися на базових навичках веб-розробника перед освоєнням фреймворків, добрим наступним кроком після проходження цієї програми буде вивчення Node.js через колекцію відеоуроків: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Хоч ми і цілеспрямовано уникали використання 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.md) та [Правила внеску](CONTRIBUTING.md). Ми радо приймаємо ваші конструктивні відгуки!
+> Відвідайте наші рекомендації [Кодекс поведінки](CODE_OF_CONDUCT.md) та [Участь](CONTRIBUTING.md). Ми вітаємо ваші конструктивні відгуки!
 
 
-## 🧭 Оффлайн-доступ
+## 🧭 Офлайн-доступ
 
-Ви можете запускати цю документацію оффлайн за допомогою [Docsify](https://docsify.js.org/#/). Форкніть це репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на вашому комп’ютері, і в кореневій папці репозиторію введіть `docsify serve`. Вебсайт буде доступний на порту 3000 на вашому localhost: `localhost:3000`.
+Ви можете користуватися цією документацією офлайн, використовуючи [Docsify](https://docsify.js.org/#/). Форкніть цей репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці цього репозиторію введіть `docsify serve`. Вебсайт буде доступний на порту 3000 вашого локального хоста: `localhost:3000`.
 
 ## 📘 PDF
-
-PDF з усіма уроками можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
-
+PDF-файл з усіма уроками можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
 ## 🎒 Інші курси
-Наша команда створює й інші курси! Ознайомтеся з ними:
+
+Наша команда створює інші курси! Перегляньте:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![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)
+[![LangChain4j для початківців](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 для початківців](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 для початківців](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
-[![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)
+### Azure / Edge / MCP / Агенти
+[![AZD для початківців](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 для початківців](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 для початківців](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 Агенти для початківців](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 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
+[![Generative AI для початківців](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)
 
 ---
  
-### Основне навчання
-[![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)
-[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+### Основні курси
+[![ML для початківців](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 для початківців](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 для початківців](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)
+[![Кібербезпека для початківців](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev для початківців](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT для початківців](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development для початківців](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
-[![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)
+[![Copilot для AI парного програмування](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 для 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](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
 ## Отримання допомоги
 
-Якщо ви застрягли або маєте питання щодо створення AI-додатків, приєднуйтесь до інших учнів і досвідчених розробників у обговореннях про MCP. Це дружнє співтовариство, де вітаються запитання і знання вільно діляться.
+Якщо ви застрягли або маєте запитання щодо створення AI-додатків, приєднуйтесь до інших учнів та досвідчених розробників у обговореннях про MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно діляться.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
@@ -261,11 +269,11 @@ PDF з усіма уроками можна знайти [тут](https://micros
 
 ## Ліцензія
 
-Цей репозиторій ліцензовано за MIT ліцензією. Детальніше дивіться у файлі [LICENSE](../../LICENSE).
+Цей репозиторій ліцензовано за ліцензією MIT. Для детальнішої інформації дивіться файл [LICENSE](../../LICENSE).
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **Відмова від відповідальності**:
-Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, просимо враховувати, що автоматизовані переклади можуть містити помилки або неточності. Оригінальний документ його рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується звертатися до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникли внаслідок використання цього перекладу.
+Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, зверніть увагу, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникли внаслідок використання цього перекладу.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ur/.co-op-translator.json b/translations/ur/.co-op-translator.json
index b0a0c6629..17c0ea53a 100644
--- a/translations/ur/.co-op-translator.json
+++ b/translations/ur/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T12:59:41+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:21:37+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "ur"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:11:17+00:00",
+    "translation_date": "2026-03-06T16:29:46+00:00",
     "source_file": "AGENTS.md",
     "language_code": "ur"
   },
@@ -516,8 +516,8 @@
     "language_code": "ur"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:05:00+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:16:39+00:00",
     "source_file": "README.md",
     "language_code": "ur"
   },
diff --git a/translations/ur/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ur/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 09b201321..14be4c6c0 100644
--- a/translations/ur/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ur/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,180 @@
-# پروگرامنگ زبانوں اور جدید ڈیولپر ٹولز کا تعارف
+# پروگرامنگ زبانوں اور جدید ڈویلپر ٹولز کا تعارف
 
-ہیلو، مستقبل کے ڈیولپر! 👋 کیا میں آپ کو کچھ بتا سکتا ہوں جو مجھے ہر دن حیران کر دیتا ہے؟ آپ یہ دریافت کرنے والے ہیں کہ پروگرامنگ صرف کمپیوٹرز کے بارے میں نہیں ہے – یہ آپ کے سب سے منفرد خیالات کو حقیقت میں بدلنے کی طاقت ہے!
+ہیلو، آئندہ کے ڈویلپر! 👋 کیا میں آپ کو کچھ بتا سکتا ہوں جو ہر دن مجھے سن سن کر دلچسپ کر دیتا ہے؟ آپ یہ جاننے والے ہیں کہ پروگرامنگ صرف کمپیوٹرز کے بارے میں نہیں ہے – یہ آپ کے جانوروں کی طرح خیالات کو حقیقت میں لانے کے لیے حقیقی سپر پاورز حاصل کرنے کے بارے میں ہے!
 
-آپ جانتے ہیں وہ لمحہ جب آپ اپنی پسندیدہ ایپ استعمال کر رہے ہوتے ہیں اور سب کچھ بالکل ٹھیک کام کرتا ہے؟ جب آپ ایک بٹن پر کلک کرتے ہیں اور کچھ جادوئی ہوتا ہے جو آپ کو "واہ، انہوں نے یہ کیسے کیا؟" کہنے پر مجبور کر دیتا ہے؟ تو، کوئی آپ جیسا – شاید رات کے 2 بجے اپنی پسندیدہ کافی شاپ میں بیٹھا ہوا، تیسرا ایسپریسو پیتے ہوئے – نے وہ کوڈ لکھا تھا جس نے وہ جادو تخلیق کیا۔ اور یہاں وہ بات ہے جو آپ کو حیران کر دے گی: اس سبق کے اختتام تک، آپ نہ صرف یہ سمجھیں گے کہ انہوں نے یہ کیسے کیا، بلکہ آپ خود اسے آزمانے کے لیے بے چین ہوں گے!
+آپ جانتے ہیں وہ لمحہ جب آپ اپنے پسندیدہ ایپ کا استعمال کر رہے ہوتے ہیں اور ہر چیز بلکل صحیح طریقے سے جمی ہوتی ہے؟ جب آپ کسی بٹن کو ٹیپ کرتے ہیں اور کچھ جادوی طور پر ہوتا ہے جو آپ کو کہنے دیتا ہے "واہ، انہوں نے یہ کیسے کیا؟" تو ایسے ہی کسی نے – شاید اپنی پسندیدہ کافی شاپ میں رات 2 بجے اپنی تیسری ایسپریسو کے ساتھ بیٹھا ہوا – وہ کوڈ لکھا جو اس جادو کو تخلیق کیا۔ اور یہ بات آپ کو حیران کر دے گی: اس لیکچر کے آخر تک، آپ نہ صرف سمجھ جائیں گے کہ انہوں نے یہ کیسے کیا، بلکہ آپ خود بھی اسے کرنے کے لیے بےتاب ہوں گے!
 
-دیکھیں، اگر آپ کو ابھی پروگرامنگ مشکل لگ رہی ہے تو میں بالکل سمجھ سکتا ہوں۔ جب میں نے پہلی بار شروع کیا، تو مجھے واقعی لگا کہ آپ کو کوئی ریاضی کا ماہر ہونا چاہیے یا پانچ سال کی عمر سے کوڈنگ کرنی چاہیے۔ لیکن یہاں وہ بات ہے جس نے میری سوچ کو مکمل طور پر بدل دیا: پروگرامنگ بالکل ایک نئی زبان میں گفتگو کرنا سیکھنے جیسا ہے۔ آپ "ہیلو" اور "شکریہ" سے شروع کرتے ہیں، پھر کافی آرڈر کرنے تک پہنچتے ہیں، اور اس سے پہلے کہ آپ کو پتہ چلے، آپ گہرے فلسفیانہ مباحثے کر رہے ہوتے ہیں! لیکن اس معاملے میں، آپ کمپیوٹرز کے ساتھ گفتگو کر رہے ہیں، اور ایمانداری سے؟ وہ سب سے زیادہ صبر کرنے والے گفتگو کے ساتھی ہیں – وہ کبھی آپ کی غلطیوں پر فیصلہ نہیں کرتے اور ہمیشہ دوبارہ کوشش کرنے کے لیے تیار رہتے ہیں!
+دیکھیں، میں بالکل سمجھتا ہوں اگر پروگرامنگ ابھی آپ کو خوفزدہ لگتی ہے۔ جب میں نے شروع کیا تھا تو میں نے حقیقتاً یہ سوچا کہ آپ کو کوئی ریاضی کا جینئس ہونا چاہیے یا آپ کو پانچ سال کی عمر سے کوڈنگ کرنی چاہیے۔ لیکن یہ کیا ہے جو میرے نظریے کو مکمل بدل دیا: پروگرامنگ بالکل ویسے ہی ہے جیسے نئی زبان میں بات چیت کرنا سیکھنا۔ آپ "ہیلو" اور "شکریہ" سے شروع کرتے ہیں، پھر کافی کا آرڈر دیتے ہیں، اور پھر اچانک آپ گہری فلسفیانہ گفتگو کرتے ہیں! فرق صرف یہ ہے کہ آپ کمپیوٹرز کے ساتھ بات چیت کر رہے ہوتے ہیں، اور سچ کہوں؟ وہ سب سے زیادہ صبر کرنے والے بات چیت کرنے والے پارٹنر ہیں جو آپ کبھی بھی دیکھیں گے – وہ آپ کی غلطیوں کا کبھی فیصلہ نہیں کرتے اور ہمیشہ دوبارہ کوشش کرنے کے لیے پرجوش رہتے ہیں!
 
-آج، ہم ان حیرت انگیز ٹولز کو دریافت کرنے جا رہے ہیں جو جدید ویب ڈیولپمنٹ کو نہ صرف ممکن بناتے ہیں بلکہ واقعی دلچسپ بناتے ہیں۔ میں ان ایڈیٹرز، براؤزرز، اور ورک فلو کے بارے میں بات کر رہا ہوں جو نیٹ فلکس، اسپاٹیفائی، اور آپ کے پسندیدہ انڈی ایپ اسٹوڈیو کے ڈیولپرز ہر روز استعمال کرتے ہیں۔ اور یہاں وہ حصہ ہے جو آپ کو خوشی سے جھومنے پر مجبور کر دے گا: ان میں سے زیادہ تر پروفیشنل گریڈ، انڈسٹری اسٹینڈرڈ ٹولز مکمل طور پر مفت ہیں!
+آج، ہم ان زبردست ٹولز کو دریافت کریں گے جو جدید ویب ڈویلپمنٹ کو ممکن ہی نہیں بلکہ واقعی نشہ آور بناتے ہیں۔ میں بات کر رہا ہوں بالکل وہی ایڈیٹرز، براؤزرز، اور ورک فلو کے بارے میں جو نیٹ فلکس، اسپاٹائفائی، اور آپ کے پسندیدہ انڈی ایپ اسٹوڈیو کے ڈویلپر روزانہ استعمال کرتے ہیں۔ اور یہاں وہ حصہ ہے جو آپ کو خوشی میں جھومنے پر مجبور کر دے گا: ان میں سے زیادہ تر پروفیشنل معیار کے، صنعت کے اسٹینڈرڈ ٹولز مکمل طور پر مفت ہیں!
 
-![پروگرامنگ کا تعارف](../../../../translated_images/ur/webdev101-programming.d6e3f98e61ac4bff.webp)
-> اسکیچ نوٹ [Tomomi Imura](https://twitter.com/girlie_mac) کی طرف سے
+![Intro Programming](../../../../translated_images/ur/webdev101-programming.d6e3f98e61ac4bff.webp)
+> اسکیچ نوٹ از [ٹومومی امورا](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title آپ کا آج کا پروگرامنگ سفر
+    section دریافت کریں
+      پروگرامنگ کیا ہے: 5: You
+      پروگرامنگ زبانیں: 4: You
+      ٹولز کا عمومی جائزہ: 5: You
+    section کھوج کریں
+      کوڈ ایڈیٹرز: 4: You
+      براؤزرز اور ڈیولپر ٹولز: 5: You
+      کمانڈ لائن: 3: You
+    section مشق کریں
+      زبان کا جاسوس: 4: You
+      ٹول کی کھوج: 5: You
+      کمیونٹی سے رابطہ: 5: You
 ```
+## آئیں دیکھیں آپ پہلے سے کیا جانتے ہیں!
 
-## دیکھتے ہیں کہ آپ پہلے سے کیا جانتے ہیں!
+مذاق شروع کرنے سے پہلے، مجھے یہ جاننے کی تجسس ہے – آپ پہلے سے اس پروگرامنگ کی دنیا کے بارے میں کیا جانتے ہیں؟ اور سنیں، اگر آپ ان سوالات کو دیکھ کر سوچ رہے ہیں "مجھے ان میں سے کچھ بھی بالکل معلوم نہیں"، تو یہ نہ صرف ٹھیک ہے، بلکہ بہترین ہے! اس کا مطلب ہے کہ آپ بالکل صحیح جگہ پر ہیں۔ اس کو کسی ورزش سے پہلے کشش کی طرح سمجھیں – ہم بس اپنے دماغی عضلات کو گرم کر رہے ہیں!
 
-تفریحی چیزوں میں کودنے سے پہلے، مجھے تجسس ہے – آپ اس پروگرامنگ دنیا کے بارے میں پہلے سے کیا جانتے ہیں؟ اور سنیں، اگر آپ ان سوالات کو دیکھ رہے ہیں اور سوچ رہے ہیں "مجھے ان میں سے کسی کے بارے میں بالکل کوئی اندازہ نہیں ہے"، تو یہ نہ صرف ٹھیک ہے بلکہ بہترین ہے! اس کا مطلب ہے کہ آپ بالکل صحیح جگہ پر ہیں۔ اس کوئز کو ورزش سے پہلے کھینچنے جیسا سمجھیں – ہم صرف ان دماغی عضلات کو گرم کر رہے ہیں!
+[سبق سے پہلے کا کوئز لیں](https://ff-quizzes.netlify.app/web/)
 
-[پری سبق کوئز لیں](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## وہ مہم جو ہم مل کر شروع کرنے والے ہیں
+## وہ مہم جس پر ہم ساتھ روانہ ہو رہے ہیں
 
-ٹھیک ہے، میں واقعی اس بارے میں پرجوش ہوں کہ ہم آج کیا دریافت کرنے والے ہیں! سنجیدگی سے، میں آپ کا چہرہ دیکھنا چاہتا ہوں جب ان میں سے کچھ تصورات واضح ہوں۔ یہ ہے وہ ناقابل یقین سفر جو ہم مل کر کر رہے ہیں:
+ٹھیک ہے، میں واقعی اس بارے میں بہت خوش ہوں جو ہم آج دریافت کرنے جا رہے ہیں! سنجیدگی سے، کاش میں آپ کا چہرہ دیکھ سکتا جب کچھ تصورات آپ کو اچانک سمجھ آتے ہیں۔ یہاں وہ شاندار سفر ہے جو ہم ساتھ کر رہے ہیں:
 
-- **پروگرامنگ اصل میں کیا ہے (اور یہ سب سے زبردست چیز کیوں ہے!)** – ہم یہ دریافت کریں گے کہ کوڈ واقعی وہ پوشیدہ جادو ہے جو آپ کے ارد گرد ہر چیز کو طاقت دیتا ہے، اس الارم سے جو کسی طرح جانتا ہے کہ پیر کی صبح ہے، اس الگورتھم تک جو آپ کے نیٹ فلکس کی سفارشات کو بالکل ترتیب دیتا ہے۔
-- **پروگرامنگ زبانیں اور ان کی حیرت انگیز شخصیات** – تصور کریں کہ آپ ایک پارٹی میں داخل ہو رہے ہیں جہاں ہر شخص کے پاس مسائل کو حل کرنے کے مکمل طور پر مختلف سپر پاورز ہیں۔ پروگرامنگ زبانوں کی دنیا ایسی ہی ہے، اور آپ انہیں ملنے سے محبت کریں گے!
-- **وہ بنیادی تعمیراتی بلاکس جو ڈیجیٹل جادو کو ممکن بناتے ہیں** – انہیں حتمی تخلیقی LEGO سیٹ سمجھیں۔ ایک بار جب آپ سمجھ جائیں کہ یہ ٹکڑے کیسے ایک دوسرے کے ساتھ جڑتے ہیں، تو آپ کو احساس ہوگا کہ آپ لفظی طور پر وہ سب کچھ بنا سکتے ہیں جو آپ کا تخیل خواب دیکھتا ہے۔
-- **پروفیشنل ٹولز جو آپ کو ایسا محسوس کرائیں گے جیسے آپ کو جادوگر کی چھڑی دی گئی ہو** – میں یہاں ڈرامائی نہیں ہو رہا – یہ ٹولز واقعی آپ کو ایسا محسوس کرائیں گے جیسے آپ کے پاس سپر پاورز ہیں، اور سب سے اچھی بات؟ یہ وہی ہیں جو پروفیشنل استعمال کرتے ہیں!
+- **پروگرامنگ درحقیقت کیا ہے (اور یہ سب سے زبردست چیز کیوں ہے!)** – ہم یہ جانیں گے کہ کوڈ بالکل وہ پوشیدہ جادو ہے جو آپ کے آس پاس ہر چیز کو چلاتا ہے، اس الارم سے جو کسی طرح جانتا ہے کہ آج پیر ہے، اس الگوردمی تک جو آپ کی نیٹ فلکس کی سفارشات کو بلکل درست کرتا ہے۔
+- **پروگرامنگ زبانیں اور ان کی حیرت انگیز شخصیات** – تصور کریں کہ آپ ایک پارٹی میں جا رہے ہیں جہاں ہر شخص کے پاس مکمل طور پر مختلف سپر پاورز اور مسائل حل کرنے کے طریقے ہیں۔ یہی پروگرامنگ زبانوں کی دنیا ہے، اور آپ کو انہیں مل کر بہت مزہ آئے گا!
+- **وہ بنیادی بلاکس جو ڈیجیٹل جادو کو ممکن بناتے ہیں** – ان کو انتہائی تخلیقی LEGO سیٹ سمجھیں۔ جب آپ سمجھ جائیں گے یہ ٹکڑے کس طرح جڑتے ہیں، تو آپ ایسا کچھ بھی بنا سکیں گے جو آپ کی تخیل دیکھتی ہے۔
+- **پروفیشنل ٹولز جو آپ کو بالکل محسوس کرائیں گے کہ آپ کو جادوگر کی چھڑی مل گئی ہے** – میں ڈرامائی نہیں ہوں – یہ ٹولز واقعی آپ کو سپر پاورز کا احساس دلائیں گے، اور بہترین بات؟ یہ وہی ٹولز ہیں جو ماہر استعمال کرتے ہیں!
 
-> 💡 **یہاں بات یہ ہے**: آج سب کچھ یاد رکھنے کی کوشش بھی نہ کریں! ابھی، میں صرف چاہتا ہوں کہ آپ اس بات کے بارے میں جوش محسوس کریں کہ کیا ممکن ہے۔ تفصیلات قدرتی طور پر چپک جائیں گی جب ہم مل کر مشق کریں گے – یہی حقیقی سیکھنے کا طریقہ ہے!
+> 💡 **یہ بات یاد رکھیں**: آج سب کچھ یاد کرنے کی کوشش نہ کریں! ابھی، میں چاہتا ہوں کہ آپ ممکنات کے بارے میں جوش کا احساس کریں۔ تفصیلات قدرتی طور پر یاد رہیں گی جب ہم مل کر مشق کریں گے – یہی حقیقی سیکھنے کا طریقہ ہے!
 
-> آپ یہ سبق [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، جو بنیادی طور پر صرف "ہاں" اور "نہیں" یا "آن" اور "آف" ہے۔ بس اتنا ہی! لیکن یہاں وہ جادو ہے – ہمیں 1s اور 0s میں بات کرنے کی ضرورت نہیں ہے جیسے ہم دی میٹرکس میں ہیں۔ یہی وہ جگہ ہے جہاں **پروگرامنگ زبانیں** مدد کے لیے آتی ہیں۔ وہ دنیا کے بہترین مترجم کی طرح ہیں جو آپ کے بالکل عام انسانی خیالات کو کمپیوٹر زبان میں تبدیل کرتے ہیں۔
+یہ بات جب میں نے پہلی بار سیکھی تو مجھے حیران کر گئی: کمپیوٹرز دراصل بنیادی طور پر بہت سادہ ہوتے ہیں۔ وہ صرف دو چیزیں سمجھتے ہیں – 1 اور 0، جو اصل میں "ہاں" اور "نہیں" یا "آن" اور "آف" ہوتے ہیں۔ صرف اتنا! لیکن یہیں جادو شروع ہوتا ہے – ہمیں 1 اور 0 میں بولنا نہیں پڑتا جیسا ہم دیے تمغے میں ہوتے ہیں۔ یہاں **پروگرامنگ زبانیں** مدد کرتی ہیں۔ وہ ایسی ہیں جیسے دنیا کے بہترین مترجم جو آپ کے بالکل عام انسانی خیالات کو کمپیوٹر زبان میں تبدیل کر دیتے ہیں۔
 
-اور یہاں وہ بات ہے جو مجھے ہر صبح جب میں جاگتا ہوں تو واقعی حیران کر دیتی ہے: آپ کی زندگی میں ہر ڈیجیٹل چیز کسی ایسے شخص کے ساتھ شروع ہوئی جو آپ جیسا تھا، شاید اپنے پاجامے میں کافی کا کپ لے کر بیٹھا ہوا، اپنے لیپ ٹاپ پر کوڈ ٹائپ کر رہا تھا۔ وہ انسٹاگرام فلٹر جو آپ کو بے عیب دکھاتا ہے؟ کسی نے اسے کوڈ کیا۔ وہ سفارش جس نے آپ کو آپ کے نئے پسندیدہ گانے تک پہنچایا؟ ایک ڈیولپر نے وہ الگورتھم بنایا۔ وہ ایپ جو آپ کو دوستوں کے ساتھ ڈنر بل تقسیم کرنے میں مدد دیتی ہے؟ ہاں، کسی نے سوچا "یہ پریشان کن ہے، مجھے لگتا ہے کہ میں اسے ٹھیک کر سکتا ہوں" اور پھر... انہوں نے کر دیا!
+اور یہ بات جو ہر صبح مجھے واقعی حیران کن لگتی ہے: آپ کی زندگی کی ہر ڈیجیٹل چیز کی شروعات کسی ایسے شخص نے کی، شاید پاجامے میں بیٹھا اور کافی پی رہا ہو اور کوڈ ٹائپ کر رہا ہو۔ وہ انسٹاگرام فلٹر جو آپ کو بے عیب بناتا ہے؟ کسی نے وہ کوڈ کیا۔ جو سفارش آپ کو آپ کے نئے پسندیدہ گانے تک لے گئی؟ کسی ڈویلپر نے وہ الگوردم بنایا۔ وہ ایپ جو آپ کو دوستوں کے ساتھ کھانے کا بل تقسیم کرنے میں مدد دیتی ہے؟ ہاں، کسی نے سوچا "یہ کتنا پریشان کن ہے، میں اسے ٹھیک کر سکتا ہوں" اور پھر… کیا کیا!
 
-جب آپ پروگرامنگ سیکھتے ہیں، تو آپ صرف ایک نئی مہارت حاصل نہیں کر رہے ہوتے – آپ اس ناقابل یقین مسئلہ حل کرنے والوں کی کمیونٹی کا حصہ بن رہے ہیں جو اپنے دن یہ سوچتے ہوئے گزارتے ہیں، "کیا ہوگا اگر میں کچھ ایسا بنا سکوں جو کسی کا دن تھوڑا سا بہتر بنا دے؟" ایمانداری سے، کیا اس سے زیادہ زبردست کوئی چیز ہے؟
+جب آپ پروگرامنگ سیکھتے ہیں، تو آپ صرف نئی مہارت حاصل نہیں کر رہے – آپ اس زبردست کمیونٹی کا حصہ بن رہے ہیں جو حل تلاش کرنے والوں کی ہے جو دن رات سوچتے ہیں، "کیا ہوتا اگر میں ایسی چیز بنا سکتا جو کسی کا دن تھوڑا بہتر بنا دے؟" سچ پوچھیں تو، اس سے زبردست کیا ہو سکتا ہے؟
 
-✅ **تفریحی حقیقت کی تلاش**: جب آپ کے پاس فارغ وقت ہو تو کچھ بہت دلچسپ تلاش کریں – آپ کے خیال میں دنیا کا پہلا کمپیوٹر پروگرامر کون تھا؟ میں آپ کو ایک اشارہ دوں گا: یہ وہ نہیں ہو سکتا جس کی آپ توقع کر رہے ہیں! اس شخص کے پیچھے کہانی بالکل دلچسپ ہے اور یہ ظاہر کرتی ہے کہ پروگرامنگ ہمیشہ تخلیقی مسئلہ حل کرنے اور باکس سے باہر سوچنے کے بارے میں رہی ہے۔
+✅ **دلچسپ حقائق کی تلاش**: جب آپ کے پاس وقت ہو تو یہ دلچسپ بات دیکھیں – آپ کے خیال میں دنیا کا پہلا کمپیوٹر پروگرامر کون تھا؟ میں آپ کو اشارہ دیتا ہوں: شاید وہ وہ نہیں جس کی آپ توقع کر رہے ہوں! اس شخص کی کہانی بالکل دلچسپ ہے اور دکھاتی ہے کہ پروگرامنگ ہمیشہ تخلیقی مسائل کے حل اور دیے گئے دائرے سے باہر سوچنے کے بارے میں تھی۔
 
-### 🧠 **چیک ان وقت: آپ کیسا محسوس کر رہے ہیں؟**
+### 🧠 **چیک ان کا وقت: آپ کیسا محسوس کر رہے ہیں؟**
 
-**ایک لمحہ لیں اور غور کریں:**
-- کیا "کمپیوٹرز کو ہدایات دینے" کا تصور اب آپ کو سمجھ آتا ہے؟
-- کیا آپ کسی روزمرہ کے کام کے بارے میں سوچ سکتے ہیں جسے آپ پروگرامنگ کے ذریعے خودکار بنانا چاہیں گے؟
-- اس پورے پروگرامنگ کے بارے میں آپ کے ذہن میں کون سے سوالات اٹھ رہے ہیں؟
+**ذرا غور کریں:**
+- کیا "کمپیوٹرز کو ہدایات دینا" اب آپ کے لیے سمجھ میں آتا ہے؟
+- کیا آپ روزمرہ کا کوئی کام سوچ سکتے ہیں جسے آپ پروگرامنگ سے خودکار کرنا چاہیں گے؟
+- اس پورے پروگرامنگ کے بارے میں آپ کے ذہن میں کیا سوالات اٹھ رہے ہیں؟
 
-> **یاد رکھیں**: اگر کچھ تصورات ابھی دھندلے محسوس ہو رہے ہیں تو یہ بالکل معمول کی بات ہے۔ پروگرامنگ سیکھنا ایک نئی زبان سیکھنے جیسا ہے – آپ کے دماغ کو ان نیورل راستوں کو بنانے میں وقت لگتا ہے۔ آپ بہت اچھا کر رہے ہیں!
+> **یاد رکھیں**: اگر کچھ تصورات اب مشکل لگ رہے ہیں تو بالکل نارمل ہے۔ پروگرامنگ سیکھنا ایک نئی زبان سیکھنے کی طرح ہے – آپ کے دماغ کو نیورل پاتھ بنانے کے لیے وقت لگتا ہے۔ آپ بہترین کر رہے ہیں!
 
-## پروگرامنگ زبانیں جادو کے مختلف ذائقوں کی طرح ہیں
+## پروگرامنگ زبانیں جادو کی مختلف ذائقوں کی طرح ہیں
 
-ٹھیک ہے، یہ عجیب لگے گا، لیکن میرے ساتھ رہیں – پروگرامنگ زبانیں مختلف قسم کے موسیقی کی طرح ہیں۔ اس کے بارے میں سوچیں: آپ کے پاس جاز ہے، جو ہموار اور تخلیقی ہے، راک جو طاقتور اور سیدھا ہے، کلاسیکل جو خوبصورت اور منظم ہے، اور ہپ ہاپ جو تخلیقی اور اظہار خیال ہے۔ ہر انداز کا اپنا مزاج، اپنے شائقین کا گروپ، اور ہر ایک مختلف مواقع کے لیے بہترین ہے۔
+ٹھیک ہے، یہ سننے میں عجیب لگ سکتا ہے، لیکن میرے ساتھ رہیں – پروگرامنگ زبانیں موسیقی کی مختلف اقسام کی بہت طرح کی ہوتی ہیں۔ سوچیں: آپ کے پاس جاز ہے جو ہموار اور فوری ہے، راک جو طاقتور اور سیدھا ہے، کلاسیکل جو نفیس اور منظم ہے، اور ہپ ہاپ جو تخلیقی اور جذباتی ہے۔ ہر انداز کا اپنا ماحول ہوتا ہے، اپنے پرجوش مداحوں کی جماعت ہوتی ہے، اور ہر ایک مختلف مزاجوں اور مواقع کے لیے بالکل مناسب ہوتا ہے۔
 
-پروگرامنگ زبانیں بالکل اسی طرح کام کرتی ہیں! آپ وہی زبان استعمال نہیں کریں گے جو ایک تفریحی موبائل گیم بنانے کے لیے استعمال کی جاتی ہے جو آپ بڑے پیمانے پر موسمیاتی ڈیٹا کو پروسیس کرنے کے لیے استعمال کریں گے، جیسے آپ یوگا کلاس میں ڈیتھ میٹل نہیں بجائیں گے (اچھا، زیادہ تر یوگا کلاسز میں! 😄)۔
+پروگرامنگ زبانیں بھی بالکل ویسے ہی کام کرتی ہیں! آپ وہی زبان استعمال نہیں کریں گے جو موبائل گیم بنانے کے لیے استعمال کریں وہی زبان موسمیاتی ڈیٹا کے بہت بڑے ذخیرے کے لیے بھی ہو، بالکل ویسے جیسے آپ یوگا کلاس میں ڈیتھ میٹل نہیں بجائیں گے (خیر، زیادہ تر یوگا کلاسوں میں نہیں! 😄)۔
 
-لیکن یہاں وہ بات ہے جو مجھے ہر بار حیران کر دیتی ہے جب میں اس کے بارے میں سوچتا ہوں: یہ زبانیں ایسی ہیں جیسے آپ کے ساتھ دنیا کا سب سے صبر کرنے والا، شاندار مترجم بیٹھا ہوا ہو۔ آپ اپنے خیالات کو اس طرح بیان کر سکتے ہیں جو آپ کے انسانی دماغ کے لیے قدرتی محسوس ہوتا ہے، اور وہ اس تمام پیچیدہ کام کو سنبھالتے ہیں جو اسے 1s اور 0s میں تبدیل کرنے کے لیے ضروری ہے جو کمپیوٹرز اصل میں بولتے ہیں۔ یہ ایسا ہے جیسے آپ کے پاس ایک دوست ہو جو "انسانی تخلیقی صلاحیت" اور "کمپیوٹر منطق" دونوں میں مکمل طور پر ماہر ہو – اور وہ کبھی تھکتے نہیں، کبھی کافی بریک کی ضرورت نہیں ہوتی، اور کبھی آپ سے ایک ہی سوال دوبارہ پوچھنے پر فیصلہ نہیں کرتے!
+لیکن ہر بار جب میں اس کے بارے میں سوچتا ہوں تو مجھے حیرت ہوتی ہے: یہ زبانیں دنیا کے سب سے صبر کرنے والے، شاندار مترجم کی طرح ہیں جو آپ کے ساتھ بیٹھی ہوتی ہیں۔ آپ اپنے خیالات اس طرح ظاہر کر سکتے ہیں جو آپ کے انسانی دماغ کے لیے نیچرل ہو، اور وہ سب پیچیدہ کام کرتے ہیں کہ اسے 1 اور 0 میں تبدیل کر دیں جو کمپیوٹر سمجھتے ہیں۔ یہ ایسا ہے جیسے آپ کے پاس ایک ایسا دوست ہو جو انسانی تخلیقیت اور کمپیوٹر منطق دونوں پر عبور رکھتا ہو – اور وہ کبھی تھکتا نہیں، کبھی کافی کے بریک نہیں لیتا، اور کبھی آپ کو ایک ہی سوال دو بار پوچھنے پر نہیں طعنہ دیتا!
 
 ### مشہور پروگرامنگ زبانیں اور ان کے استعمال
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((پروگرامنگ زبانیں))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        فرنٹ اینڈ جادو
+        انٹرایکٹو ویب سائٹس
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        جاوا اسکرپٹ + اقسام
+        انٹرپرائز ایپس
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        ڈیٹا سائنس
+        مشین لرننگ
+        خود کاری
       R
-        Statistics
-        Research
+        شماریات
+        تحقیق
     Mobile Apps
       Java
-        Android
-        Enterprise
+        اینڈرائیڈ
+        انٹرپرائز
       Swift
-        iOS
-        Apple Ecosystem
+        آئی او ایس
+        ایپل ماحولیاتی نظام
       Kotlin
-        Modern Android
-        Cross-platform
+        جدید اینڈرائیڈ
+        کثیر المنصوبہ
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        کھیل
+        کارکردگی اہم
       Rust
-        Memory Safety
-        System Programming
+        میموری کی حفاظت
+        نظام پروگرامنگ
       Go
-        Cloud Services
-        Scalable Backend
+        کلاؤڈ خدمات
+        توسیع پذیر بیک اینڈ
 ```
-
-| زبان | بہترین استعمال | یہ کیوں مقبول ہے |
-|------|----------------|------------------|
-| **JavaScript** | ویب ڈیولپمنٹ، یوزر انٹرفیس | براؤزرز میں چلتی ہے اور انٹرایکٹو ویب سائٹس کو طاقت دیتی ہے |
-| **Python** | ڈیٹا سائنس، آٹومیشن، AI | پڑھنے اور سیکھنے میں آسان، طاقتور لائبریریاں |
-| **Java** | انٹرپرائز ایپلیکیشنز، اینڈرائیڈ ایپس | پلیٹ فارم سے آزاد، بڑے سسٹمز کے لیے مضبوط |
-| **C#** | ونڈوز ایپلیکیشنز، گیم ڈیولپمنٹ | مضبوط مائیکروسافٹ ایکو سسٹم سپورٹ |
-| **Go** | کلاؤڈ سروسز، بیک اینڈ سسٹمز | تیز، سادہ، جدید کمپیوٹنگ کے لیے ڈیزائن کیا گیا |
+| زبان  | بہترین استعمال کے لیے | کیوں مشہور ہے |
+|----------|-------------|------------------|
+| **JavaScript** | ویب ڈویلپمنٹ، صارف انٹرفیس | براؤزرز میں چلتی ہے اور تعاملی ویب سائٹس کو طاقت دیتی ہے |
+| **Python** | ڈیٹا سائنس، خودکاری، AI | آسانی سے پڑھنے اور سیکھنے والی، طاقتور لائبریریز |
+| **Java** | انٹرپرائز ایپلیکیشنز، اینڈرائیڈ ایپس | پلیٹ فارم آزاد، بڑے نظاموں کے لیے مضبوط |
+| **C#** | ونڈوز ایپلیکیشنز، گیم ڈویلپمنٹ | مائیکروسافٹ کے ذریعہ مضبوط سپورٹ |
+| **Go** | کلاؤڈ سروسز، بیک اینڈ سسٹمز | تیز، سادہ، جدید کمپیوٹنگ کے لیے بنایا گیا |
 
 ### ہائی لیول بمقابلہ لو لیول زبانیں
 
-ٹھیک ہے، یہ وہ تصور تھا جس نے مجھے پہلی بار سیکھتے وقت واقعی الجھن میں ڈال دیا، لہذا میں وہ مثال شیئر کرنے جا رہا ہوں جس نے آخر کار مجھے سمجھایا – اور مجھے واقعی امید ہے کہ یہ آپ کی بھی مدد کرے گی!
-
-تصور کریں کہ آپ ایک ایسے ملک میں جا رہے ہیں جہاں آپ زبان نہیں بولتے، اور آپ کو فوری طور پر قریب ترین باتھ روم تلاش کرنے کی ضرورت ہے (ہم سب وہاں رہے ہیں، ٹھیک ہے؟ 😅):
+ٹھیک ہے، یہ وہ تصور تھا جس نے پہلی بار جب میں نے سیکھنا شروع کیا تو میرا دماغ گڑبڑ کر دیا، تو میں آپ سے وہ مثال شیئر کرنے جا رہا ہوں جس نے آخرکار مجھے سمجھایا – اور مجھے امید ہے یہ آپ کی بھی مدد کرے گا!
 
-- **لو لیول پروگرامنگ** مقامی بولی کو اتنا اچھی طرح سیکھنے جیسا ہے کہ آپ کونے پر پھل بیچنے والی دادی کے ساتھ ثقافتی حوالوں، مقامی زبان، اور اندرونی لطیفوں کے ساتھ بات چیت کر سکتے ہیں جو صرف وہی سمجھ سکتا ہے جو وہاں پلا بڑھا ہو۔ بہت متاثر کن اور انتہائی مؤثر... اگر آپ روانی رکھتے ہیں! لیکن جب آپ صرف باتھ روم تلاش کرنے کی کوشش کر رہے ہیں تو کافی پریشان کن۔
+تصور کریں کہ آپ ایسی جگہ جا رہے ہیں جہاں زبان نہیں آتی اور آپ کو شدید ضرورت ہے قریب ترین غسل خانے کو تلاش کرنے کی (ہم سب یہ حالات دیکھ چکے ہیں، ہے نا؟ 😅):
 
-- **ہائی لیول پروگرامنگ** اس حیرت انگیز مقامی دوست کی طرح ہے جو آپ کو سمجھتا ہے۔ آپ سادہ انگریزی میں کہہ سکتے ہیں "مجھے واقعی باتھ روم تلاش کرنے کی ضرورت ہے"، اور وہ تمام ثقافتی ترجمہ سنبھالتے ہیں اور آپ کو ایسے انداز میں ہدایات دیتے ہیں جو آپ کے غیر مقامی دماغ کے لیے بالکل معنی رکھتا ہے۔
+- **لو لیول پروگرامنگ** ایسے ہے جیسے آپ نے مقامی بولی اتنی اچھی سیکھ لی ہے کہ آپ اس پھل بیچنے والی دادی کے ساتھ چٹکلے، ثقافتی حوالے، اور مقامی زبان میں بات کر سکتے ہیں جو صرف وہ لوگ سمجھتے ہیں جو وہاں شوروم میں بڑے ہوئے ہوں۔ یہ بہت متاثر کن اور انتہائی مؤثر ہے... اگر آپ واقعی ماہر ہوں! لیکن جب آپ صرف غسل خانہ تلاش کر رہے ہوں تو بہت مشکل۔
+- **ہائی لیول پروگرامنگ** ایسے ہے جیسے آپ کا وہ زبردست مقامی دوست جو آپ کو بالکل سمجھتا ہے۔ آپ انگریزی میں کہہ سکتے ہیں "مجھے واقعی باتھ روم ملنا ہے"، اور وہ ساری ثقافتی ترجمہ کر کے آپ کو ایسی ہدایات دیتا ہے جو آپ کے غیر مقامی دماغ کے لئے بلکل آسان ہوں۔
 
-پروگرامنگ کی اصطلاحات میں:
-- **لو لیول زبانیں** (جیسے Assembly یا C) آپ کو کمپیوٹر کے اصل ہارڈویئر کے ساتھ انتہائی تفصیلی بات چیت کرنے دیتی ہیں، لیکن آپ کو مشین کی طرح سوچنا پڑتا ہے، جو... ٹھیک ہے، آئیے صرف یہ کہیں کہ یہ ایک بہت بڑی ذہنی تبدیلی ہے!
-- **ہائی لیول زبانیں** (جیسے JavaScript, Python, یا C#) آپ کو انسان کی طرح سوچنے دیتی ہیں جبکہ وہ تمام مشین کی زبان کو پس پردہ سنبھالتی ہیں۔ اس کے علاوہ، ان کے پاس انتہائی خوش آمدید کہنے والی کمیونٹیز ہیں جو ان لوگوں سے بھری ہوئی ہیں جو یاد رکھتے ہیں کہ نیا ہونا کیسا محسوس ہوتا ہے اور واقعی آپ کی مدد کرنا چاہتے ہیں!
+پروگرامنگ کی زبانوں میں:
+- **لو لیول زبانیں** (جیسے اسمبلی یا C) آپ کو کمپیوٹر کے ہارڈویئر سے انتہائی تفصیلی بات چیت کرنے دیتی ہیں، لیکن آپ کو مشین کی طرح سوچنا پڑتا ہے، جو... چلیے کہہ لیتے ہیں یہ دماغ کے لیے بڑا چیلنج ہے!
+- **ہائی لیول زبانیں** (جیسے JavaScript, Python, یا C#) آپ کو انسان کی طرح سوچنے دیتی ہیں جب کہ وہ پس منظر میں مشین کی زبان کو سنبھالتی ہیں۔ علاوہ ازیں، ان کے پاس خوش آمدید کہنی والی کمیونٹیز ہوتی ہیں جو آپ کے لیے مدد کرنے کے لیے ہمیشہ موجود ہوتی ہیں کیونکہ وہ جانتی ہیں کہ نئی ہونے کا کیا مطلب ہے!
 
-آپ اندازہ لگا سکتے ہیں کہ میں آپ کو کس سے شروع کرنے کا مشورہ دوں گا؟ 😉 ہائی لیول زبانیں تربیتی پہیوں کی طرح ہیں جنہیں آپ کبھی بھی ہٹانا نہیں چاہیں گے کیونکہ وہ پورے تجربے کو بہت زیادہ خوشگوار بناتی ہیں!
+تو میں آپ کو کس سے شروع کرنے کی تجویز دوں گا؟ 😉 ہائی لیول زبانیں ایسی ہیں جیسے آپ کے پاس تربیتی پہیے ہوں جو آپ کبھی نہیں اتارنا چاہیں گے کیونکہ وہ پورے تجربے کو بہت زیادہ خوشگوار بناتے ہیں!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 انسانی سوچ:<br/>'میں فیبوناچی اعداد شمار کرنا چاہتا ہوں'"] --> B{زبان کی سطح منتخب کریں}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|اعلی سطح| C["🌟 جاوااسکرپٹ/پائتھن<br/>پڑھنے اور لکھنے میں آسان"]
+    B -->|نیچلی سطح| D["⚙️ اسمبلی/سی<br/>براہ راست ہارڈویئر کنٹرول"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 لکھیں: fibonacci(10)"]
+    D --> F["📝 لکھیں: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 کمپیوٹر کی سمجھ:<br/>مترجم پیچیدگی کو سنبھالتا ہے"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 ایک ہی نتیجہ:<br/>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
-// Step 1: Basic Fibonacci setup
+// مرحلہ 1: بنیادی فبونیکی ترتیب
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -186,80 +183,138 @@ console.log('Fibonacci sequence:');
 ```
 
 **یہ کوڈ کیا کرتا ہے:**
-- **ایک مستقل اعلان کریں** تاکہ یہ بتا سکیں کہ ہم کتنے فبوناکی نمبر بنانا چاہتے ہیں
-- **دو متغیرات کو شروع کریں** تاکہ سیکوئنس میں موجودہ اور اگلے نمبروں کو ٹریک کریں
-- **آغاز کریں** ابتدائی اقدار (0 اور 1) جو فبوناکی نمونہ کی وضاحت کرتی ہیں
-- **ایک ہیڈر پیغام دکھائیں** تاکہ ہماری آؤٹ پٹ کی شناخت ہو
+- **ایک مستقل متغیر اعلان کریں** کہ ہم کتنے Fibonacci نمبر بنانا چاہتے ہیں
+- **دو متغیرات کو شروع کریں** جو موجودہ اور اگلے نمبروں کو ٹریک کریں
+- **آغاز کی قیمتیں سیٹ کریں** (0 اور 1) جو Fibonacci کے پیٹرن کو وضع کرتے ہیں
+- **ایک ہیڈر پیغام دکھائیں** جو ہماری آؤٹ پٹ کی نشاندہی کرتا ہے
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// مرحلہ 2: لوپ کے ساتھ تسلسل پیدا کریں
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // سلسلے میں اگلا نمبر حساب کریں
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**یہاں کیا ہوتا ہے:**
-- **ہر پوزیشن کے ذریعے لوپ کریں** ہمارے سیکوئنس میں `for` لوپ کا استعمال کرتے ہوئے
-- **ہر نمبر کو اس کی پوزیشن کے ساتھ دکھائیں** ٹیمپلیٹ لیٹرل فارمیٹنگ کا استعمال کرتے ہوئے
-- **اگلا فبوناکی نمبر حساب کریں** موجودہ اور اگلی اقدار کو شامل کرکے
-- **ہمارے ٹریکنگ متغیرات کو اپ ڈیٹ کریں** اگلی تکرار پر
-- **تبصرے**: اعلیٰ سطح کی زبانیں وضاحتی تبصرے لکھنے کی حوصلہ افزائی کرتی ہیں جو کوڈ کو خود وضاحتی بناتی ہیں  
-- **ساخت**: جاوا اسکرپٹ کی منطقی ترتیب مسائل کو قدم بہ قدم سمجھنے کے انسانی طریقے سے میل کھاتی ہے  
-- **نگہداشت**: مختلف ضروریات کے لیے جاوا اسکرپٹ ورژن کو اپ ڈیٹ کرنا آسان اور واضح ہے  
+**یہاں کیا ہوتا ہے اس کی وضاحت:**
+- **ایک `for` لوپ کے ذریعے** ہماری فہرست کے ہر مقام پر چلیں
+- **ہر نمبر کو اس کے مقام کے ساتھ دکھائیں** ٹیمپلیٹ لٹریل فارمیٹنگ کے ذریعے
+- **اگلا Fibonacci نمبر نکالیں** موجودہ اور اگلی قیمتوں کو جمع کر کے
+- **ہماری ٹریکنگ ویریبلز کو اپ ڈیٹ کریں** تاکہ اگلی تکرار پر جا سکیں
 
-✅ **فبوناکی تسلسل کے بارے میں**: یہ حیرت انگیز نمبر کا نمونہ (جہاں ہر نمبر پچھلے دو نمبروں کے مجموعے کے برابر ہوتا ہے: 0، 1، 1، 2، 3، 5، 8...) قدرت میں ہر جگہ نظر آتا ہے! آپ اسے سورج مکھی کے گھومنے والے نمونوں، پائن کون کے ڈیزائن، ناٹلس شیلز کے خم، اور یہاں تک کہ درختوں کی شاخوں کے بڑھنے کے طریقے میں بھی دیکھیں گے۔ یہ واقعی حیرت انگیز ہے کہ ریاضی اور کوڈ ہمیں قدرت کے حسن پیدا کرنے کے نمونوں کو سمجھنے اور دوبارہ تخلیق کرنے میں کیسے مدد دیتے ہیں!  
+```javascript
+// مرحلہ 3: جدید فنکشنل نقطہ نظر
+const generateFibonacci = (count) => {
+  const sequence = [0, 1];
+  
+  for (let i = 2; i < count; i++) {
+    sequence[i] = sequence[i - 1] + sequence[i - 2];
+  }
+  
+  return sequence;
+};
 
-## وہ بنیادی اجزاء جو جادو کو ممکن بناتے ہیں  
+// استعمال کی مثال
+const fibSequence = generateFibonacci(10);
+console.log(fibSequence);
+```
+
+**مندرجہ بالا میں، ہم نے:**
+- **جدید ایرو فنکشن نحو استعمال کرتے ہوئے** ایک دوبارہ استعمال کے قابل فنکشن بنایا
+- **ایک صف (array) بنائی** تاکہ مکمل تسلسل کو ذخیرہ کیا جا سکے بنسبت ایک ایک نمبر ظاہر کرنے کے
+- **پچھلے نمبروں سے ہر نئے نمبر کے حساب کے لیے** صف کی انڈیکسنگ استعمال کی
+- **مکمل تسلسل واپس کیا** تاکہ پروگرام کے دوسرے حصوں میں لچکدار استعمال ہو سکے
+
+**لو لیول زبان (ARM اسمبلی) – کمپیوٹر دوست:**
+
+```assembly
+ area ascen,code,readonly
+ entry
+ code32
+ adr r0,thumb+1
+ bx r0
+ code16
+thumb
+ mov r0,#00
+ sub r0,r0,#01
+ mov r1,#01
+ mov r4,#10
+ ldr r2,=0x40000000
+back add r0,r1
+ str r0,[r2]
+ add r2,#04
+ mov r3,r0
+ mov r0,r1
+ mov r1,r3
+ sub r4,#01
+ cmp r4,#00
+ bne back
+ end
+```
 
-ٹھیک ہے، اب جب کہ آپ نے دیکھا کہ پروگرامنگ زبانیں عملی طور پر کیسی نظر آتی ہیں، آئیے ان بنیادی حصوں کو توڑتے ہیں جو ہر پروگرام کو تشکیل دیتے ہیں جو کبھی لکھا گیا ہے۔ ان کو اپنے پسندیدہ نسخے کے ضروری اجزاء کے طور پر سوچیں – ایک بار جب آپ سمجھ جائیں کہ ہر ایک کیا کرتا ہے، آپ تقریباً کسی بھی زبان میں کوڈ پڑھنے اور لکھنے کے قابل ہو جائیں گے!  
+نوٹ کریں کہ JavaScript ورژن تقریباً انگریزی ہدایات کی طرح پڑھتا ہے، جبکہ اسمبلی ورژن خفیہ کمانڈز استعمال کرتا ہے جو کمپیوٹر کے پروسیسر کو براہ راست کنٹرول کرتے ہیں۔ دونوں بالکل ایک ہی کام انجام دیتے ہیں، لیکن ہائی لیول زبان انسانوں کے لیے سمجھنا، لکھنا اور برقرار رکھنا بہت آسان ہے۔
 
-یہ پروگرامنگ کے گرامر کو سیکھنے جیسا ہے۔ یاد ہے اسکول میں جب آپ نے اسم، فعل، اور جملے بنانے کے طریقے کے بارے میں سیکھا تھا؟ پروگرامنگ کا اپنا گرامر ہے، اور ایمانداری سے، یہ انگریزی گرامر سے کہیں زیادہ منطقی اور معاف کرنے والا ہے! 😄  
+**اہم فرق جو آپ نوٹس کریں گے:**
+- **قابل مطالعہ**: جاوا اسکرپٹ وضاحتی نام جیسے `fibonacciCount` استعمال کرتا ہے جب کہ اسمبلی میں مخفف لیبل جیسے `r0`, `r1` استعمال ہوتے ہیں  
+- **تفسیرات**: ہائی لیول زبانیں وضاحتی کمنٹس کی حوصلہ افزائی کرتی ہیں جو کوڈ کو خود دستاویزی بناتی ہیں  
+- **ساخت**: جاوا اسکرپٹ کی منطقی روانی اس طریقے سے مماثل ہے جس طرح انسان مسائل کو قدم بہ قدم سوچتے ہیں  
+- **بحالی**: مختلف ضروریات کے لئے جاوا اسکرپٹ ورژن کو اپ ڈیٹ کرنا سیدھا اور واضح ہے  
 
-### بیانات: قدم بہ قدم ہدایات  
+✅ **فائبوناچی تسلسل کے بارے میں**: یہ بالکل حیرت انگیز نمبر کا پیٹرن (جہاں ہر نمبر اس سے پہلے دو نمبروں کے مجموعے کے برابر ہوتا ہے: 0، 1، 1، 2، 3، 5، 8...) قدرت میں بالکل *ہر جگہ* ظاہر ہوتا ہے! آپ اسے سورج مکھی کے پیچ، پائن کون کے نمونوں میں، ناٹیلس کے خول کے خم میں، اور یہاں تک کہ درختوں کی شاخوں کے بڑھنے کے انداز میں بھی دیکھیں گے۔ یہ واقعی ذہن کو حیران کرنے والا ہے کہ ریاضی اور کوڈ ہمیں قدرت کے ذریعے خوبصورتی پیدا کرنے والے نمونوں کو سمجھنے اور دوبارہ بنانے میں کس طرح مدد دیتے ہیں!  
 
-آئیے **بیانات** سے شروع کرتے ہیں – یہ آپ کے کمپیوٹر کے ساتھ گفتگو میں انفرادی جملوں کی طرح ہیں۔ ہر بیان کمپیوٹر کو ایک مخصوص کام کرنے کے لیے کہتا ہے، جیسے ہدایات دینا: "یہاں بائیں مڑیں،" "سرخ روشنی پر رکیں،" "اس جگہ پر پارک کریں۔"  
 
-مجھے بیانات کے بارے میں جو چیز پسند ہے وہ یہ ہے کہ وہ عام طور پر کتنے قابل مطالعہ ہوتے ہیں۔ یہ دیکھیں:  
+## وہ بنیادی اجزاء جو جادو کو ممکن بناتے ہیں
+
+چلیں، اب جب آپ نے دیکھا کہ پروگرامنگ زبانیں ایکشن میں کیسی دکھتی ہیں، تو آئیے ان بنیادی حصوں کو سمجھتے ہیں جو اصل میں ہر لکھے ہوئے پروگرام کی تشکیل کرتے ہیں۔ انہیں اپنے پسندیدہ نسخے کے اہم اجزاء سمجھیں – جب آپ کو یہ معلوم ہو جائے کہ ہر ایک کیا کرتا ہے، تو آپ تقریباً کسی بھی زبان میں کوڈ پڑھ اور لکھ سکیں گے!  
+
+یہ پروگرامنگ کے گرامر سیکھنے جیسا ہے۔ یاد ہے جب آپ اسکول میں اسم، فعل اور جملے بنانے کا طریقہ سیکھتے تھے؟ پروگرامنگ کی اپنی گرامر ہوتی ہے، اور ایمانداری سے، یہ انگریزی گرامر سے کہیں زیادہ منطقی اور معاف کرنے والی ہے! 😄
+
+
+### اسٹیٹمنٹس: قدم بہ قدم ہدایات
+
+آئیے **اسٹیٹمنٹس** سے شروع کرتے ہیں – یہ آپ کے کمپیوٹر کے ساتھ بات چیت میں ہر ایک جملے کی مانند ہوتے ہیں۔ ہر اسٹیٹمنٹ کمپیوٹر کو ایک خاص کام کرنے کا کہتا ہے، جیسے ہدایات دینا: "یہاں بائیں مڑو"، "سرخ بتی پر رک جاؤ"، "اس جگہ گاڑی پارک کرو"۔  
+
+جو بات مجھے اسٹیٹمنٹس میں پسند ہے وہ ان کی عمومیت اور قابل فہم ہونا ہے۔ یہ دیکھیں:  
 
 ```javascript
-// Basic statements that perform single actions
+// بنیادی بیانات جو ایک واحد عمل انجام دیتے ہیں
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
   
 **یہ کوڈ کیا کرتا ہے:**  
-- **ایک مستقل متغیر کا اعلان کریں** تاکہ صارف کے نام کو ذخیرہ کیا جا سکے  
-- **ایک مبارکبادی پیغام کو کنسول آؤٹ پٹ پر دکھائیں**  
-- **ریاضی کے عمل کا نتیجہ حساب کریں اور ذخیرہ کریں**  
+- صارف کے نام کو ذخیرہ کرنے کے لیے ایک مستقل ویری ایبل کا اعلان کرنا  
+- کنسول آؤٹ پٹ میں ایک خیرمقدمی پیغام دکھانا  
+- ایک ریاضیاتی عمل کا نتیجہ حساب اور ذخیرہ کرنا  
 
 ```javascript
-// Statements that interact with web pages
+// بیانات جو ویب صفحہ جات کے ساتھ تعامل کرتے ہیں
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
   
-**قدم بہ قدم، یہاں کیا ہو رہا ہے:**  
-- **ویب پیج کے عنوان کو تبدیل کریں** جو براؤزر ٹیب میں ظاہر ہوتا ہے  
-- **پورے صفحے کے جسم کا پس منظر کا رنگ تبدیل کریں**  
+**قدم بہ قدم، یہ ہو رہا ہے:**  
+- ویب پیج کے ٹائٹل کو تبدیل کرنا جو براؤزر کے ٹیب میں ظاہر ہوتا ہے  
+- پورے صفحے کے پس منظر کا رنگ بدلنا  
+
 
-### متغیرات: آپ کے پروگرام کا میموری سسٹم  
+### ویری ایبلز: آپ کے پروگرام کا میموری سسٹم
 
-ٹھیک ہے، **متغیرات** ایمانداری سے میرے پسندیدہ تصورات میں سے ایک ہیں کیونکہ وہ ان چیزوں کی طرح ہیں جنہیں آپ ہر روز استعمال کرتے ہیں!  
+ٹھیک ہے، **ویری ایبلز** درحقیقت میرے سب سے پسندیدہ تصورات میں سے ہیں کیونکہ یہ آپ کی روزمرہ کی چیزوں سے بہت مشابہ ہوتے ہیں!  
 
-اپنے فون کی رابطہ فہرست کے بارے میں ایک لمحے کے لیے سوچیں۔ آپ سب کے فون نمبر یاد نہیں رکھتے – اس کے بجائے، آپ "ماں"، "بہترین دوست"، یا "پیزا پلیس جو رات 2 بجے تک ڈیلیور کرتی ہے" محفوظ کرتے ہیں اور اپنے فون کو اصل نمبر یاد رکھنے دیتے ہیں۔ متغیرات بالکل اسی طرح کام کرتے ہیں! وہ لیبل والے کنٹینرز کی طرح ہیں جہاں آپ کا پروگرام معلومات ذخیرہ کر سکتا ہے اور بعد میں ایک نام کا استعمال کرتے ہوئے اسے بازیافت کر سکتا ہے جو واقعی معنی رکھتا ہے۔  
+اپنے فون کی کانٹیکٹ لسٹ کے بارے میں سوچیں۔ آپ ہر کسی کا نمبر یاد نہیں رکھتے – بلکہ آپ "ماں"، "سب سے اچھے دوست"، یا "پیزا کی دکان جو رات 2 بجے تک ڈلیور کرتی ہے" محفوظ کرتے ہیں اور فون نمبر کو یاد رکھتا ہے۔ ویری ایبلز بھی ویسے ہی کام کرتے ہیں! یہ لیبل لگائے ہوئے کنٹینرز کی طرح ہیں جہاں آپ کا پروگرام معلومات ذخیرہ کر سکتا ہے اور بعد میں سمجھ آنے والے نام کے ذریعے اسے حاصل کر سکتا ہے۔  
 
-یہاں جو چیز واقعی ٹھنڈی ہے: جیسے جیسے آپ کا پروگرام چلتا ہے، متغیرات تبدیل ہو سکتے ہیں (اسی لیے نام "متغیر" ہے – دیکھیں انہوں نے کیا کیا؟)۔ بالکل اسی طرح جیسے آپ اس پیزا پلیس رابطے کو اپ ڈیٹ کر سکتے ہیں جب آپ کو کہیں اور بہتر جگہ مل جائے، متغیرات کو اپ ڈیٹ کیا جا سکتا ہے کیونکہ آپ کا پروگرام نئی معلومات سیکھتا ہے یا حالات بدلتے ہیں!  
+یہ واقعی زبردست ہے: ویری ایبلز پروگرام کے چلنے کے دوران بدل سکتے ہیں (اسی لیے انہیں "ویری ایبل" کہتے ہیں – آپ نے دیکھا؟)۔ جیسے آپ پیزا کی دکان کو اپ ڈیٹ کر سکتے ہیں جب آپ کہیں بہتر تلاش کر لیتے ہیں، ویری ایبلز بھی نئی معلومات سیکھنے یا حالات کی تبدیلی پر اپ ڈیٹ ہو سکتے ہیں!  
 
-مجھے آپ کو دکھانے دیں کہ یہ کتنا خوبصورت اور آسان ہو سکتا ہے:  
+آئیے دیکھتے ہیں کہ یہ کتنے خوبصورتی سے آسان ہے:  
 
 ```javascript
-// Step 1: Creating basic variables
+// مرحلہ 1: بنیادی متغیرات بنانا
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -267,13 +322,13 @@ let isRaining = false;
 ```
   
 **ان تصورات کو سمجھنا:**  
-- **غیر تبدیل ہونے والی اقدار کو `const` متغیرات میں ذخیرہ کریں** (جیسے سائٹ کا نام)  
-- **اپنے پروگرام کے دوران تبدیل ہونے والی اقدار کے لیے `let` استعمال کریں**  
-- **مختلف ڈیٹا کی اقسام تفویض کریں**: سٹرنگز (متن)، نمبر، اور بوولینز (سچ/جھوٹ)  
-- **وضاحتی نام منتخب کریں** جو بتاتے ہیں کہ ہر متغیر میں کیا ہے  
+- `const` ویری ایبلز میں غیر تبدیل ہونے والی قیمتیں ذخیرہ کرنا (جیسے سائٹ کا نام)  
+- ان قیمتوں کے لیے `let` کا استعمال کرنا جو پروگرام میں بدل سکتی ہیں  
+- مختلف ڈیٹا ٹائپس تفویض کرنا: سٹرنگز (متن)، نمبر، اور بولینز (true/false)  
+- وضاحتی نام منتخب کرنا جو ہر ویری ایبل کے مواد کی وضاحت کریں  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// مرحلہ 2: متعلقہ ڈیٹا کو گروپ کرنے کے لیے اشیاء کے ساتھ کام کرنا
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -281,50 +336,51 @@ const weatherData = {
 };
 ```
   
-**اوپر، ہم نے:**  
-- **ایک آبجیکٹ بنایا** تاکہ متعلقہ موسمی معلومات کو ایک ساتھ گروپ کیا جا سکے  
-- **متعدد ڈیٹا کے ٹکڑوں کو ایک متغیر نام کے تحت منظم کیا**  
-- **ہر معلومات کے ٹکڑے کو واضح طور پر لیبل کرنے کے لیے کلیدی قدر کے جوڑے استعمال کیے**  
+**اوپر، ہم نے کیا کیا:**  
+- متعلقہ موسمی معلومات کو ایک جگہ جمع کرنے کے لیے ایک آبجیکٹ بنایا  
+- ایک ہی ویری ایبل کے تحت متعدد ڈیٹا کو منظم کیا  
+- ہر معلومات کے ٹکڑے کو واضح لیبل دینے کے لیے کلید-قدر جوڑی استعمال کی  
 
 ```javascript
-// Step 3: Using and updating variables
+// مرحلہ ۳: متغیرات کا استعمال اور تازہ کاری
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// قابل تبدیلی متغیرات کی تازہ کاری
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
   
-**آئیے ہر حصے کو سمجھیں:**  
-- **معلومات کو ٹیمپلیٹ لیٹرلز کا استعمال کرتے ہوئے دکھائیں** `${}` نحو کے ساتھ  
-- **ڈاٹ نوٹیشن کا استعمال کرتے ہوئے آبجیکٹ پراپرٹیز تک رسائی حاصل کریں** (`weatherData.windSpeed`)  
-- **حالات کو تبدیل کرنے کی عکاسی کرنے کے لیے `let` کے ساتھ اعلان کردہ متغیرات کو اپ ڈیٹ کریں**  
-- **بامعنی پیغامات بنانے کے لیے متعدد متغیرات کو یکجا کریں**  
+**چلو ہر حصہ کو سمجھتے ہیں:**  
+- ٹیمپلیٹ لٹریلز کے ذریعے `${}` سنٹیکس کے ساتھ معلومات دکھانا  
+- ڈاٹ نوٹیشن (`weatherData.windSpeed`) کے ذریعے آبجیکٹ کی خصوصیات تک رسائی  
+- `let` سے اعلان کیے گئے ویری ایبلز کو بدلتے حالات کی عکاسی کے لیے اپ ڈیٹ کرنا  
+- بامعنی پیغامات بنانے کے لیے کئی ویری ایبلز کو ملانا  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// مرحلہ 4: صاف ستھرا کوڈ کے لیے جدید تقسیم کاری
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
   
-**آپ کو کیا جاننے کی ضرورت ہے:**  
-- **آبجیکٹس سے مخصوص پراپرٹیز نکالیں** ڈیسٹرکچرنگ اسائنمنٹ کا استعمال کرتے ہوئے  
-- **آبجیکٹ کیز کے جیسے ناموں کے ساتھ خود بخود نئے متغیرات بنائیں**  
-- **بار بار ڈاٹ نوٹیشن سے بچ کر کوڈ کو آسان بنائیں**  
+**جو آپ کو جاننا چاہیے:**  
+- ڈیسٹرکچرنگ اسائنمنٹ کے ذریعے آبجیکٹس سے مخصوص خصوصیات نکالنا  
+- آبجیکٹ کی چابیوں کے ایک جیسے ناموں کے ساتھ خودکار طور پر نئے ویری ایبلز بنانا  
+- بار بار ڈاٹ نوٹیشن استعمال کرنے سے بچ کر کوڈ سادہ بنانا  
+
 
-### کنٹرول فلو: اپنے پروگرام کو سوچنا سکھائیں  
+### کنٹرول فلو: اپنے پروگرام کو سوچنا سکھانا
 
-ٹھیک ہے، یہ وہ جگہ ہے جہاں پروگرامنگ بالکل حیرت انگیز ہو جاتی ہے! **کنٹرول فلو** بنیادی طور پر آپ کے پروگرام کو ہوشیار فیصلے کرنے کا طریقہ سکھا رہا ہے، بالکل اسی طرح جیسے آپ ہر روز بغیر سوچے سمجھے کرتے ہیں۔  
+اب یہ حصہ واقعی دماغ ہلا دینے والا ہے! **کنٹرول فلو** بنیادی طور پر اپنے پروگرام کو ہوشیار فیصلے کرنا سکھانے کے برابر ہے، بالکل ویسے ہی جیسے آپ روزانہ بغیر سوچے سمجھے کرتے ہیں۔  
 
-تصور کریں: آج صبح آپ نے شاید کچھ ایسا کیا ہوگا "اگر بارش ہو رہی ہے، تو میں چھتری لے جاؤں گا۔ اگر سردی ہے، تو میں جیکٹ پہنوں گا۔ اگر دیر ہو رہی ہے، تو میں ناشتہ چھوڑ دوں گا اور راستے میں کافی لے لوں گا۔" آپ کا دماغ قدرتی طور پر اس اگر-تو منطق کی روزانہ درجنوں بار پیروی کرتا ہے!  
+تصور کریں: آج صبح آپ نے شاید یہ سوچا ہوگا "اگر بارش ہو رہی ہے تو میں چھتری لے جاؤں گا۔ اگر سردی ہے تو جیکٹ پہنوں گا۔ اگر دیر ہو رہی ہے تو ناشتہ چھوڑ کر راستے میں کافی لے لوں گا۔" آپ کا دماغ یہ if-then منطق روزانہ درجنوں بار فطری طور پر استعمال کرتا ہے!  
 
-یہی وہ چیز ہے جو پروگراموں کو ذہین اور زندہ محسوس کرتی ہے بجائے اس کے کہ وہ صرف کسی بورنگ، پیش گوئی کے اسکرپٹ کی پیروی کریں۔ وہ واقعی کسی صورتحال کو دیکھ سکتے ہیں، جو ہو رہا ہے اس کا اندازہ لگا سکتے ہیں، اور مناسب جواب دے سکتے ہیں۔ یہ آپ کے پروگرام کو ایک دماغ دینے جیسا ہے جو ڈھال سکتا ہے اور انتخاب کر سکتا ہے!  
+یہی چیز پروگرامز کو ذہین اور زندہ محسوس کراتی ہے، نہ کہ محض ایک بورنگ، قابل پیش گوئی اسکرپٹ کی پیروی کرنے والا۔ وہ حقیقت میں ایک صورتحال کو دیکھ سکتے ہیں، اس کا جائزہ لے سکتے ہیں، اور مناسب ردعمل دے سکتے ہیں۔ یہ آپ کے پروگرام کو ایک ایسا دماغ دینے کے مترادف ہے جو حالات کے مطابق ڈھلتا اور فیصلے کرتا ہے!  
 
-یہ کیسے کام کرتا ہے، یہ دیکھنا چاہتے ہیں؟ مجھے آپ کو دکھانے دیں:  
+دیکھنا چاہتے ہیں یہ کمال کیسے کام کرتا ہے؟ میں آپ کو دکھاتا ہوں:  
 
 ```javascript
-// Step 1: Basic conditional logic
+// مرحلہ 1: بنیادی مشروط منطق
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -336,13 +392,13 @@ if (userAge >= 18) {
 ```
   
 **یہ کوڈ کیا کرتا ہے:**  
-- **چیک کریں** کہ آیا صارف کی عمر ووٹنگ کی ضرورت کو پورا کرتی ہے  
-- **شرط کے نتیجے کی بنیاد پر مختلف کوڈ بلاکس پر عمل کریں**  
-- **ووٹنگ کی اہلیت تک کتنا وقت باقی ہے حساب کریں اور دکھائیں اگر عمر 18 سے کم ہو**  
-- **ہر منظر نامے کے لیے مخصوص، مددگار تاثرات فراہم کریں**  
+- چیک کرتا ہے کہ صارف کی عمر ووٹنگ کے معیار پر پوری اترتی ہے یا نہیں  
+- حالت کے نتیجے کی بنیاد پر مختلف کوڈ بلاکس چلاتا ہے  
+- اگر عمر 18 سے کم ہے تو ووٹنگ کی اہلیت تک کتنا وقت ہے حساب اور دکھاتا ہے  
+- ہر منظرنامے کے لیے مخصوص، مددگار رائے فراہم کرتا ہے  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// مرحلہ 2: منطقی آپریٹروں کے ساتھ متعدد شرائط
 const userAge = 17;
 const hasPermission = true;
 
@@ -355,25 +411,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
   
-**یہاں کیا ہوتا ہے اس کو توڑنا:**  
-- **متعدد شرائط کو `&&` (اور) آپریٹر کا استعمال کرتے ہوئے یکجا کریں**  
-- **متعدد منظرناموں کے لیے `else if` کا استعمال کرتے ہوئے شرائط کی درجہ بندی بنائیں**  
-- **تمام ممکنہ کیسز کو ایک آخری `else` بیان کے ساتھ ہینڈل کریں**  
-- **ہر مختلف صورتحال کے لیے واضح، قابل عمل تاثرات فراہم کریں**  
+**یہاں کیا ہو رہا ہے اس کی وضاحت:**  
+- متعدد شرائط کو `&&` (اور) آپریٹر کے ساتھ جوڑنا  
+- کئی منظرناموں کے لیے `else if` کے ذریعے ہیرارکی بنانا  
+- آخری `else` سٹیٹمنٹ کے ذریعے تمام ممکنہ کیسز کا ہینڈل کرنا  
+- ہر مختلف حالت کے لیے واضح اور قابل عمل فیڈبیک دینا  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// قدم 3: مختصر مشروط آپریٹر کے ساتھ ٹرنری
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
   
-**آپ کو یاد رکھنے کی ضرورت ہے:**  
-- **سادہ دو آپشن شرائط کے لیے ٹرنری آپریٹر (`? :`) استعمال کریں**  
-- **پہلے شرط لکھیں، اس کے بعد `?`، پھر سچ نتیجہ، پھر `:`، پھر جھوٹ نتیجہ**  
-- **جب آپ کو شرائط کی بنیاد پر اقدار تفویض کرنے کی ضرورت ہو تو اس پیٹرن کو لاگو کریں**  
+**جو آپ کو یاد رکھنا ہے:**  
+- سادہ دو انتخابی شرائط کے لیے ٹرنیری آپریٹر (`? :`) کا استعمال  
+- پہلے شرط لکھیں، پھر `?`، پھر سچ کا نتیجہ، پھر `:`، اور پھر جھوٹ کا نتیجہ  
+- جب آپ کو شرائط کی بنیاد پر قیمتیں تفویض کرنی ہوں تو یہ پیٹرن اپلائی کریں  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// مرحلہ 4: متعدد مخصوص معاملات کو سنبھالنا
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -393,57 +449,58 @@ switch (dayOfWeek) {
 }
 ```
   
-**یہ کوڈ درج ذیل کو پورا کرتا ہے:**  
-- **متغیر کی قدر کو متعدد مخصوص کیسز کے خلاف ملائیں**  
-- **مشابہت والے کیسز کو ایک ساتھ گروپ کریں** (ہفتے کے دن بمقابلہ ہفتے کے آخر)  
-- **جب کوئی میچ مل جائے تو مناسب کوڈ بلاک پر عمل کریں**  
-- **غیر متوقع اقدار کو ہینڈل کرنے کے لیے `default` کیس شامل کریں**  
-- **اگلے کیس پر کوڈ کے جاری رہنے سے روکنے کے لیے `break` بیانات استعمال کریں**  
+**یہ کوڈ درج ذیل کام انجام دیتا ہے:**  
+- ویری ایبل کی قیمت کو متعدد مخصوص کیسز کے خلاف ملانا  
+- ایک جیسے کیسز کو گروپ کرنا (کام کے دن بمقابلہ ویک اینڈ)  
+- جب میچ ملے تو مناسب کوڈ بلاک چلانا  
+- غیر متوقع قیمتوں سے نمٹنے کے لیے `default` کیس شامل کرنا  
+- `break` اسٹیٹمنٹس استعمال کرنا تاکہ کوڈ اگلے کیس تک نہ پہنچے  
 
-> 💡 **حقیقی دنیا کی مثال**: کنٹرول فلو کو دنیا کے سب سے زیادہ صبر کرنے والے GPS کی طرح سمجھیں جو آپ کو ہدایات دے رہا ہے۔ یہ کہہ سکتا ہے "اگر مین اسٹریٹ پر ٹریفک ہے، تو ہائی وے لیں۔ اگر ہائی وے پر تعمیراتی کام ہو رہا ہے، تو خوبصورت راستہ آزمائیں۔" پروگرام بالکل اسی قسم کی مشروط منطق کا استعمال کرتے ہیں تاکہ مختلف حالات کا ذہانت سے جواب دیں اور ہمیشہ صارفین کو بہترین ممکنہ تجربہ فراہم کریں۔  
+> 💡 **حقیقی دنیا کی مثال**: کنٹرول فلو کو اس طرح سوچیں جیسے دنیا کا سب سے صبر والا GPS آپ کو راستے بتا رہا ہو۔ وہ کہہ سکتا ہے "اگر مین اسٹریٹ پر ٹریفک ہے تو ہائی وے لو۔ اگر ہائی وے تعمیراتی کام کی وجہ سے بلاک ہے تو خوبصورت راستہ آزما۔" پروگرام بھی بالکل اسی قسم کی شرطی منطق استعمال کرتے ہیں تاکہ مختلف حالات پر ہوشیاری سے رد عمل دیں اور صارفین کو بہترین ممکنہ تجربہ فراہم کریں۔
 
-### 🎯 **تصور کی جانچ: بنیادی اجزاء کی مہارت**  
 
-**آئیے دیکھتے ہیں کہ آپ بنیادی باتوں کے ساتھ کیسے کر رہے ہیں:**  
-- کیا آپ اپنے الفاظ میں متغیر اور بیان کے درمیان فرق کی وضاحت کر سکتے ہیں؟  
-- ایک حقیقی دنیا کا منظر نامہ سوچیں جہاں آپ اگر-تو فیصلہ استعمال کریں گے (جیسے ہمارا ووٹنگ کی مثال)  
-- پروگرامنگ منطق کے بارے میں ایک چیز کیا ہے جس نے آپ کو حیران کیا؟  
+### 🎯 **تصور کا جائزہ: بنیادی اجزاء کی مہارت**
 
-**فوری اعتماد بڑھانے والا:**  
+**آئیے دیکھیں آپ بنیادی باتوں میں کیسے ہیں:**  
+- کیا آپ وضاحت کر سکتے ہیں کہ ویری ایبل اور اسٹیٹمنٹ میں کیا فرق ہے؟  
+- کوئی حقیقی دنیا کی مثال سوچیں جہاں آپ if-then فیصلہ استعمال کریں (جیسا کہ ہمارا ووٹنگ مثال)  
+- پروگرامنگ لاجک میں آپ کو کون سی چیز سب سے زیادہ حیران کن لگی؟  
+
+**اعتماد بڑھانے کے لیے جلدی سے:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 بیانات<br/>(ہدایات)"] --> B["📦 متغیرات<br/>(ذخیرہ)"] --> C["🔀 کنٹرول بہاؤ<br/>(فیصلے)"] --> D["🎉 کام کرنے والا پروگرام!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
-  
-✅ **آگے کیا آنے والا ہے**: ہم ان تصورات میں مزید گہرائی میں جانے کے لیے ایک زبردست وقت گزارنے والے ہیں جب ہم اس ناقابل یقین سفر کو ایک ساتھ جاری رکھیں گے! ابھی، بس ان تمام حیرت انگیز امکانات کے بارے میں جوش محسوس کرنے پر توجہ مرکوز کریں۔ مخصوص مہارتیں اور تکنیکیں قدرتی طور پر چپک جائیں گی جب ہم ایک ساتھ مشق کریں گے – میں وعدہ کرتا ہوں کہ یہ آپ کی توقع سے کہیں زیادہ مزہ آنے والا ہے!  
+```  
+✅ **اگلا کیا ہے:** ہم ان تصورات کو مزید گہرائی میں جا کر دریافت کرنے کے لیے بے حد پرجوش ہیں! ابھی کے لیے صرف یہ جذبہ محسوس کریں کہ آپ کے سامنے کتنے حیرت انگیز امکانات ہیں۔ مخصوص مہارتیں اور تکنیکیں قدرتی طور پر ہمارے ساتھ مشق کرتے ہوئے آپ میں جم جائیں گی – میں وعدہ کرتا ہوں یہ بہت زیادہ مزہ دار ہوگا جیسا کہ آپ شاید سوچ رہے ہوں!  
+
 
-## تجارت کے اوزار  
+## اوزارِ تجارت
 
-ٹھیک ہے، یہ ایمانداری سے وہ جگہ ہے جہاں میں اتنا پرجوش ہو جاتا ہوں کہ میں خود کو بمشکل قابو میں رکھ سکتا ہوں! 🚀 ہم ان ناقابل یقین ٹولز کے بارے میں بات کرنے والے ہیں جو آپ کو ایسا محسوس کریں گے جیسے آپ کو ڈیجیٹل خلائی جہاز کی چابیاں دی گئی ہیں۔  
+ٹھیک ہے، یہ وہ جگہ ہے جہاں میں واقعی اتنا پرجوش ہوتا ہوں کہ خود کو روک نہیں پاتا! 🚀 ہم ان شاندار آلات کے بارے میں بات کرنے والے ہیں جو آپ کو ایسا محسوس کرائیں گے جیسے آپ کو ابھی ابھی ڈیجیٹل اسپیس شپ کی چابیاں دے دی گئی ہوں۔  
 
-آپ جانتے ہیں کہ ایک شیف کے پاس وہ بالکل متوازن چاقو ہوتے ہیں جو ان کے ہاتھوں کے توسیع کی طرح محسوس ہوتے ہیں؟ یا ایک موسیقار کے پاس وہ ایک گٹار ہوتا ہے جو ان کے چھونے کے لمحے گاتا ہوا لگتا ہے؟ ٹھیک ہے، ڈویلپرز کے پاس ہمارے اپنے ورژن ہیں ان جادوئی ٹولز کے، اور یہاں وہ چیز ہے جو آپ کے دماغ کو بالکل اڑا دے گی – ان میں سے زیادہ تر مکمل طور پر مفت ہیں!  
+کیا آپ نے کبھی غور کیا ہے کہ شیف کے پاس عین مطابق تیز دھار چھریاں ہوتی ہیں جو ان کے ہاتھوں کا توسیع محسوس ہوتی ہیں؟ یا موسیقار کے پاس وہ گٹار ہوتا ہے جو جیسے ہی اسے چھوتے ہیں گانے لگتا ہے؟ اچھا، ڈیولپرز کے پاس بھی ان جادوئی آلات کا اپنا ورژن ہے، اور آپ کا دماغ ہکا بکا رہ جائے گا کہ ان میں سے زیادہ تر بالکل مفت ہیں!  
 
-میں آپ کے ساتھ ان کا اشتراک کرنے کے بارے میں سوچتے ہوئے اپنی کرسی پر اچھل رہا ہوں کیونکہ انہوں نے مکمل طور پر انقلاب برپا کر دیا ہے کہ ہم سافٹ ویئر کیسے بناتے ہیں۔ ہم AI سے چلنے والے کوڈنگ اسسٹنٹس کے بارے میں بات کر رہے ہیں جو آپ کے کوڈ کو لکھنے میں مدد کر سکتے ہیں (میں مذاق بھی نہیں کر رہا ہوں!)، کلاؤڈ ماحول جہاں آپ کہیں بھی Wi-Fi کے ساتھ پورے ایپلیکیشنز بنا سکتے ہیں، اور ڈیبگنگ ٹولز جو اتنے نفیس ہیں کہ وہ آپ کے پروگراموں کے لیے ایکس رے وژن رکھنے جیسے ہیں۔  
+میں اپنی کرسی پر چھلانگیں لگا رہا ہوں ان کے بارے میں آپ سے شیئر کرنے کے خیال سے کیونکہ انہوں نے ہمارے سافٹ ویئر بنانے کے طریقہ کو مکمل طور پر بدل کر رکھ دیا ہے۔ ہم بات کر رہے ہیں AI سے چلنے والے کوڈنگ اسسٹنٹس کی جو آپ کے کوڈ کو لکھنے میں مدد دیتے ہیں (میں مذاق نہیں کر رہا!), کلاؤڈ ماحول جہاں آپ کہیں سے بھی وائی فائی کے ذریعے پورے ایپس بنا سکتے ہیں، اور ڈیبگنگ ٹولز جو اتنے ماہر ہیں جیسے آپ کے پروگرامز کے لیے ایکس رے وژن ہو۔  
 
-اور یہاں وہ حصہ ہے جو مجھے اب بھی جھنجھوڑ دیتا ہے: یہ "ابتدائی ٹولز" نہیں ہیں جنہیں آپ بڑھا دیں گے۔ یہ وہی پیشہ ورانہ گریڈ کے ٹولز ہیں جو گوگل، نیٹ فلکس، اور وہ انڈی ایپ اسٹوڈیو جسے آپ پسند کرتے ہیں، اس وقت استعمال کر رہے ہیں۔ آپ انہیں استعمال کرتے ہوئے ایک پرو کی طرح محسوس کریں گے!  
+اور یہ وہ حصہ ہے جو ابھی بھی مجھے سردیوں میں کپکپاہٹ دیتا ہے: یہ "نئے سیکھنے والوں کے ٹولز" نہیں ہیں جنہیں آپ بعد میں چھوڑ دیں گے۔ یہ وہی پروفیشنل درجے کے ٹولز ہیں جنہیں گوگل، نیٹ فلکس، اور آپ کے پسندیدہ انڈی ایپ اسٹوڈیو کے ڈیولپرز ابھی اسی لمحے استعمال کر رہے ہیں۔ آپ انہیں استعمال کرتے ہوئے خود کو واقعی ماہر محسوس کریں گے!  
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 آپ کا خیال"] --> B["⌨️ کوڈ ایڈیٹر<br/>(VS Code)"] 
+    B --> C["🌐 براؤزر ڈیوٹولز<br/>(ٹیسٹنگ اور ڈی بگنگ)"]
+    C --> D["⚡ کمانڈ لائن<br/>(آٹومیشن اور ٹولز)"]
+    D --> E["📚 دستاویزات<br/>(تعلم اور حوالہ)"]
+    E --> F["🚀 شاندار ویب ایپ!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 اے آئی اسسٹنٹ<br/>(GitHub Copilot)"]
+    C -.-> H["📱 ڈیوائس ٹیسٹنگ<br/>(ردعملی ڈیزائن)"]
+    D -.-> I["📦 پیکج منیجرز<br/>(npm, yarn)"]
+    E -.-> J["👥 کمیونٹی<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -451,219 +508,229 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
-  
-### کوڈ ایڈیٹرز اور IDEs: آپ کے نئے ڈیجیٹل بہترین دوست  
+```  
+### کوڈ ایڈیٹرز اور IDEs: آپ کے نئے ڈیجیٹل بہترین دوست
 
-آئیے کوڈ ایڈیٹرز کے بارے میں بات کرتے ہیں – یہ سنجیدگی سے آپ کے نئے پسندیدہ جگہیں بننے والے ہیں! انہیں اپنے ذاتی کوڈنگ سینکچرری کے طور پر سوچیں جہاں آپ اپنا زیادہ تر وقت اپنے ڈیجیٹل تخلیقات کو تیار کرنے اور کامل بنانے میں گزاریں گے۔  
+آئیے کوڈ ایڈیٹرز کے بارے میں بات کرتے ہیں – یہ واقعی آپ کے نئے پسندیدہ جگہیں بننے والے ہیں جہاں آپ اپنے ڈیجیٹل تخلیقات بنانے اور بہتر کرنے میں زیادہ تر وقت گزاریں گے۔  
 
-لیکن یہاں جدید ایڈیٹرز کے بارے میں جو چیز بالکل جادوئی ہے وہ یہ ہے: وہ صرف فینسی ٹیکسٹ ایڈیٹرز نہیں ہیں۔ وہ آپ کے ساتھ 24/7 بیٹھے سب سے زیادہ شاندار، معاون کوڈنگ مینٹور رکھنے جیسے ہیں۔ وہ آپ کی ٹائپوز کو پکڑتے ہیں اس سے پہلے کہ آپ انہیں محسوس کریں، ایسی بہتری تجویز کرتے ہیں جو آپ کو ایک جینئس کی طرح دکھاتی ہیں، آپ کو سمجھنے میں مدد کرتے ہیں کہ کوڈ کا ہر ٹکڑا کیا کرتا ہے، اور ان میں سے کچھ تو یہ بھی پیش کرتے ہیں کہ آپ کیا ٹائپ کرنے والے ہیں اور آپ کے خیالات کو ختم کرنے کی پیشکش کرتے ہیں!  
+مگر جدید ایڈیٹرز کی خاص بات یہ ہے: یہ صرف فینسی ٹیکسٹ ایڈیٹر نہیں ہیں۔ یہ ایسے ہیں جیسے سب سے ذہین، مددگار کوڈنگ رہنما آپ کے ساتھ 24/7 بیٹھا ہو۔ یہ آپ کی ٹائپنگ کی غلطیاں آپ کو دکھائی دینے سے پہلے پکڑ لیتے ہیں، آپ کو بہتری کے ایسے مشورے دیتے ہیں جو آپ کو نابغہ ظاہر کرتے ہیں، ہر کوڈ کے ٹکڑے کو سمجھنے میں مدد کرتے ہیں، اور بعض ایڈیٹرز تو اس بات کا اندازہ بھی لگا لیتے ہیں کہ آپ کیا لکھنے والے ہیں اور آپ کے خیالات مکمل کرنے کی پیشکش کرتے ہیں!  
 
-مجھے یاد ہے جب میں نے پہلی بار آٹو کمپلیشن دریافت کیا – مجھے لفظی طور پر ایسا لگا جیسے میں مستقبل میں رہ رہا ہوں۔ آپ کچھ ٹائپ کرنا شروع کرتے ہیں، اور آپ کا ایڈیٹر کہتا ہے، "ارے، کیا آپ اس فنکشن کے بارے میں سوچ رہے تھے جو بالکل وہی کرتا ہے جو آپ کو ضرورت ہے؟" یہ ایک دماغ پڑھنے والے کوڈنگ ساتھی رکھنے جیسا ہے!  
+مجھے یاد ہے جب میں نے پہلی بار آٹو کمپلیشن دریافت کی تھی – میں واقعی محسوس کر رہا تھا جیسے مستقبل میں ہوں۔ آپ کچھ ٹائپ کرنا شروع کرتے ہیں، اور آپ کا ایڈیٹر کہتا ہے، "ارے، کیا آپ اس فنکشن کے بارے میں سوچ رہے تھے جو آپ کو بالکل چاہیے؟" یہ ایسا ہے جیسے آپ کا کوڈنگ دوست ایک ذہن پڑھنے والا ہو!  
 
-**یہ ایڈیٹرز کو اتنا ناقابل یقین کیا بناتا ہے؟**  
+**یہ ایڈیٹرز اتنے شاندار کیوں ہیں؟**  
 
-جدید کوڈ ایڈیٹرز پیداواری صلاحیت کو بڑھانے کے لیے متاثر کن خصوصیات کی ایک صف پیش کرتے ہیں:  
+جدید کوڈ ایڈیٹرز ایک متاثر کن فیچر سیٹ پیش کرتے ہیں جو آپ کی پیداواری صلاحیت کو بڑھانے کے لیے ڈیزائن کیا گیا ہے:  
 
-| خصوصیت | یہ کیا کرتی ہے | یہ کیوں مدد کرتی ہے |  
-|---------|--------------|--------------|  
-| **سینٹیکس ہائی لائٹنگ** | آپ کے کوڈ کے مختلف حصوں کو رنگ دیتی ہے | کوڈ کو پڑھنے اور غلطیوں کو دیکھنے میں آسان بناتی ہے |  
-| **آٹو کمپلیشن** | آپ کے ٹائپ کرنے کے ساتھ کوڈ تجویز کرتی ہے | کوڈنگ کو تیز کرتی ہے اور ٹائپوز کو کم کرتی ہے |  
-| **ڈیبگنگ ٹولز** | آپ کو غلطیاں تلاش کرنے اور ٹھیک کرنے میں مدد کرتی ہیں | خرابیوں کا سراغ لگانے کے وقت کو بچاتی ہیں |  
-| **ایکسٹینشنز** | خصوصی خصوصیات شامل کرتی ہیں | کسی بھی ٹیکنالوجی کے لیے اپنے ایڈیٹر کو حسب ضرورت بنائیں |  
+| خصوصیت | یہ کیا کرتی ہے | کیوں مددگار ہے |  
+|---------|----------------|---------------|  
+| **سِنٹیکس ہائلائٹنگ** | کوڈ کے مختلف حصوں کو رنگین کرتی ہے | کوڈ پڑھنا اور غلطیاں تلاش کرنا آسان بناتی ہے |  
+| **آٹو کمپلیشن** | جیسے جیسے آپ لکھتے ہیں کوڈ کی تجویز دیتی ہے | کوڈنگ کی رفتار بڑھاتی ہے اور ٹائپنگ کی غلطیاں کم کرتی ہے |  
+| **ڈیبگنگ کے ٹولز** | غلطیاں تلاش اور درست کرنے میں مدد دیتی ہے | مسئلے حل کرنے میں گھنٹوں کی بچت کرتی ہے |  
+| **ایکسٹینشنز** | مخصوص فیچرز شامل کرتی ہیں | آپ کے ایڈیٹر کو کسی بھی ٹیکنالوجی کے لیے حسبِ ضرورت بناتی ہیں |  
 | **AI اسسٹنٹس** | کوڈ اور وضاحتیں تجویز کرتی ہیں | سیکھنے اور پیداواری صلاحیت کو تیز کرتی ہیں |  
 
-> 🎥 **ویڈیو وسائل**: کیا آپ ان ٹولز کو ایکشن میں دیکھنا چاہتے ہیں؟ اس [تجارت کے اوزار ویڈیو](https://youtube.com/watch?v=69WJeXGBdxg) کو ایک جامع جائزہ کے لیے دیکھیں۔  
+> 🎥 **ویڈیو وسائل**: کیا آپ یہ ٹولز ایکشن میں دیکھنا چاہتے ہیں؟ اس [Tools of the Trade ویڈیو](https://youtube.com/watch?v=69WJeXGBdxg) کو دیکھیں جو ایک جامع جائزہ فراہم کرتا ہے۔  
 
 #### ویب ڈویلپمنٹ کے لیے تجویز کردہ ایڈیٹرز  
 
-**[ویژول اسٹوڈیو کوڈ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (مفت)  
-- ویب ڈویلپرز میں سب سے زیادہ مقبول  
-- بہترین ایکسٹینشن ایکو سسٹم  
-- بلٹ ان ٹرمینل اور گٹ انٹیگریشن  
+**[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) - حقیقی وقت تعاون  
+  - [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) - آپ کے کوڈ میں ٹائپوز کو پکڑیں  
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - کوڈ میں ٹائپنگ کی غلطیاں پکڑنا  
 
 **[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (ادا شدہ، طلباء کے لیے مفت)  
-- اعلی درجے کے ڈیبگنگ اور ٹیسٹنگ ٹولز  
+- اعلی درجے کے ڈیبگنگ اور ٹیسٹنگ کے ٹولز  
 - ذہین کوڈ کمپلیشن  
 - بلٹ ان ورژن کنٹرول  
 
-**کلاؤڈ
-جب پہلی بار کسی نے مجھے براؤزر ڈیولپر ٹولز دکھائے، تو میں نے تقریباً تین گھنٹے صرف کلک کرتے ہوئے گزارے اور بار بار کہا، "رکو، یہ بھی کر سکتا ہے؟!" آپ واقعی کسی بھی ویب سائٹ کو حقیقی وقت میں ایڈٹ کر سکتے ہیں، دیکھ سکتے ہیں کہ سب کچھ کتنی تیزی سے لوڈ ہوتا ہے، مختلف ڈیوائسز پر اپنی سائٹ کی شکل کو ٹیسٹ کر سکتے ہیں، اور جاوا اسکرپٹ کو ایک ماہر کی طرح ڈیبگ کر سکتے ہیں۔ یہ بالکل حیرت انگیز ہے!
+**کلاؤڈ بیسڈ IDEs** (مختلف قیمتیں)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - آپ کے براؤزر میں مکمل VS Code  
+- [Replit](https://replit.com/) - سیکھنے اور کوڈ شئیر کرنے کے لیے بہترین  
+- [StackBlitz](https://stackblitz.com/) - فوری، مکمل ویب ڈویلپمنٹ  
+
+> 💡 **شروع کرنے کا مشورہ**: Visual Studio Code سے شروع کریں – یہ مفت ہے، صنعت میں وسیع پیمانے پر استعمال ہوتا ہے، اور اس کی ایک بڑی کمیونٹی ہے جو مددگار ٹیوٹوریلز اور ایکسٹینشنز بناتی ہے۔  
 
-**یہی وجہ ہے کہ براؤزرز آپ کا خفیہ ہتھیار ہیں:**
 
-جب آپ کوئی ویب سائٹ یا ویب ایپلیکیشن بناتے ہیں، تو آپ کو دیکھنا ہوتا ہے کہ یہ حقیقی دنیا میں کیسی نظر آتی ہے اور کیسے کام کرتی ہے۔ براؤزرز نہ صرف آپ کا کام دکھاتے ہیں بلکہ کارکردگی، رسائی، اور ممکنہ مسائل کے بارے میں تفصیلی فیڈبیک بھی فراہم کرتے ہیں۔
+### ویب براؤزرز: آپ کی خفیہ ترقیاتی لیب
+
+ٹھیک ہے، اپنے ذہن کو مکمل طور پر حیران ہونے کے لیے تیار ہو جائیں! آپ جانتے ہیں کہ آپ براؤزرز کو سوشل میڈیا اسکрол کرنے اور ویڈیوز دیکھنے کے لیے استعمال کرتے ہیں؟ حقیقت یہ ہے کہ یہ پورا وقت آپ سے چھپایا ہوا ایک شاندار خفیہ ڈیولپر لیب تھا، جو آپ کے دریافت کرنے کا منتظر تھا!  
+
+ہر بار جب آپ کسی ویب پیج پر رائٹ کلک کرتے ہیں اور "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 Grid اور ایکسیسبلٹی ٹولز
+- **[ایج](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - کرومیم پر مبنی، مائیکروسافٹ کے ڈیولپر وسائل کے ساتھ
 
-> ⚠️ **اہم ٹیسٹنگ ٹپ**: ہمیشہ اپنی ویب سائٹس کو متعدد براؤزرز میں ٹیسٹ کریں! جو کروم میں بالکل کام کرتا ہے وہ سفاری یا فائر فاکس میں مختلف نظر آ سکتا ہے۔ پروفیشنل ڈیولپرز تمام بڑے براؤزرز میں ٹیسٹ کرتے ہیں تاکہ صارفین کے تجربات کو مستقل رکھا جا سکے۔
+> ⚠️ **اہم ٹیسٹنگ ٹپ**: اپنی ویب سائٹس کو ہمیشہ مختلف براؤزرز میں ٹیسٹ کریں! جو کچھ کروم میں بالکل کام کرتا ہے، وہ سفاری یا فائر فاکس میں مختلف لگ سکتا ہے۔ ماہر ڈیولپرز تمام اہم براؤزرز میں تجربہ کرتے ہیں تاکہ مستقل صارف تجربات کو یقینی بنایا جا سکے۔
 
-### کمانڈ لائن ٹولز: ڈیولپر سپر پاورز کا گیٹ وے
+### کمانڈ لائن ٹولز: آپ کی ڈیولپر سپرپاورز کا دروازہ
 
-چلیں، یہاں کمانڈ لائن کے بارے میں ایک بالکل ایماندار لمحہ رکھتے ہیں، کیونکہ میں چاہتا ہوں کہ آپ یہ کسی ایسے شخص سے سنیں جو واقعی سمجھتا ہے۔ جب میں نے پہلی بار اسے دیکھا – بس یہ خوفناک سیاہ اسکرین جس پر ٹیکسٹ چمک رہا تھا – تو میں نے لفظی طور پر سوچا، "نہیں، بالکل نہیں! یہ 1980 کی دہائی کی ہیکر فلم جیسا لگتا ہے، اور میں یقینی طور پر اس کے لیے کافی ذہین نہیں ہوں!" 😅
+چلیے، کمانڈ لائن کے بارے میں ایک بالکل ایماندار لمحہ لیتے ہیں، کیونکہ میں چاہتا ہوں کہ آپ یہ کہیں کسی ایسے شخص سے سنیں جو واقعی اسے سمجھتا ہے۔ جب میں نے پہلی بار اسے دیکھا – صرف یہ خوفناک سیاہ سکرین جس پر متن ٹمٹما رہا تھا – میں نے واقعی سوچا، "نہیں، بالکل نہیں! یہ کچھ 1980 کی دہائی کی ہیکر فلم جیسا لگتا ہے، اور میں یقینی طور پر اس کے لیے کافی سمجھدار نہیں!" 😅
 
-لیکن یہ وہ بات ہے جو میں چاہتا ہوں کہ کسی نے مجھے اس وقت بتائی ہوتی، اور جو میں آپ کو ابھی بتا رہا ہوں: کمانڈ لائن خوفناک نہیں ہے – یہ دراصل آپ کے کمپیوٹر کے ساتھ براہ راست بات چیت کرنے جیسا ہے۔ اسے اس طرح سوچیں جیسے کھانے کا آرڈر دینا کسی فینسی ایپ کے ذریعے جس میں تصاویر اور مینو ہوں (جو اچھا اور آسان ہے) بمقابلہ اپنے پسندیدہ مقامی ریستوران میں جانا جہاں شیف بالکل جانتا ہے کہ آپ کیا پسند کرتے ہیں اور صرف آپ کے کہنے پر "کچھ حیرت انگیز" بنا سکتا ہے۔
+لیکن وہ بات جو میں چاہتا تھا کہ کسی نے مجھے اس وقت بتائی ہوتی، اور جو میں آپ کو ابھی بتا رہا ہوں یہ ہے: کمانڈ لائن خوفناک نہیں ہے – یہ درحقیقت آپ کے کمپیوٹر کے ساتھ براہ راست بات چیت کرنے جیسا ہے۔ اسے ایسے سمجھیں جیسے کھانے کا آرڈر دینا ایک خوبصورت ایپ کے ذریعے، جس میں تصاویر اور مینیو ہوں (جو آسان اور خوشگوار ہے)، کے بجائے آپ اپنے پسندیدہ مقامی ریسٹورنٹ میں جا رہے ہوں جہاں شیف جانتا ہے کہ آپ کو کیا پسند ہے اور صرف "چمکتا دمکتا کوئی سپرائز بنا دیں" کہنے پر کچھ بہترین بنا دیتا ہے۔
 
-کمانڈ لائن وہ جگہ ہے جہاں ڈیولپرز جادوگر محسوس کرتے ہیں۔ آپ کچھ جادوئی الفاظ (ٹھیک ہے، وہ صرف کمانڈز ہیں، لیکن وہ جادوئی محسوس ہوتے ہیں!) ٹائپ کرتے ہیں، انٹر دبائیں، اور بوم – آپ نے پورے پروجیکٹ کے ڈھانچے بنائے، دنیا بھر سے طاقتور ٹولز انسٹال کیے، یا اپنی ایپ کو انٹرنیٹ پر لاکھوں لوگوں کے لیے ڈپلائے کیا۔ ایک بار جب آپ اس طاقت کا پہلا ذائقہ حاصل کرتے ہیں، تو یہ واقعی کافی نشہ آور ہوتا ہے!
+کمانڈ لائن وہ جگہ ہے جہاں ڈیولپرز خود کو جادوگر محسوس کرتے ہیں۔ آپ کچھ دکھاوے والے الفاظ (ٹھیک ہے، وہ صرف کمانڈز ہیں، لیکن جادوئی لگتے ہیں!) ٹائپ کرتے ہیں، انٹر دباتے ہیں، اور بوم! آپ نے پورے پروجیکٹ کے ڈھانچے بنا لیے، دنیا بھر سے طاقتور ٹولز انسٹال کیے، یا اپنی ایپ کو انٹرنیٹ پر لاکھوں لوگوں کے لیے تعینات کر دیا۔ جب آپ پہلی بار اس طاقت کا ذائقہ چکھ لیتے ہیں تو یہ واقعی عادت بن جاتی ہے!
 
-**کیوں کمانڈ لائن آپ کا پسندیدہ ٹول بن جائے گا:**
+**کمانڈ لائن آپ کا پسندیدہ ٹول کیوں بنے گا:**
 
-گرافیکل انٹرفیس بہت سے کاموں کے لیے بہترین ہیں، لیکن کمانڈ لائن آٹومیشن، درستگی، اور رفتار میں مہارت رکھتی ہے۔ بہت سے ڈیولپمنٹ ٹولز بنیادی طور پر کمانڈ لائن انٹرفیس کے ذریعے کام کرتے ہیں، اور انہیں مؤثر طریقے سے استعمال کرنا سیکھنا آپ کی پیداواریت کو ڈرامائی طور پر بہتر بنا سکتا ہے۔
+جبکہ گرافیکل انٹرفیس بہت سے کاموں کے لیے بہترین ہیں، کمانڈ لائن خودکار کاری، درستگی، اور رفتار میں نمایاں ہے۔ بہت سے ترقیاتی ٹولز بنیادی طور پر کمانڈ لائن انٹرفیسز کے ذریعے کام کرتے ہیں، اور ان کو مؤثر طریقے سے سیکھنا آپ کی پیداواری صلاحیت کو نمایاں طور پر بڑھا سکتا ہے۔
 
 ```bash
-# Step 1: Create and navigate to project directory
+# مرحلہ 1: پروجیکٹ کی ڈائریکٹری بنائیں اور اس میں جائیں
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
 **یہ کوڈ کیا کرتا ہے:**
-- **ایک نیا ڈائریکٹری بنائیں** جس کا نام "my-awesome-website" ہو آپ کے پروجیکٹ کے لیے
-- **نئے بنائے گئے ڈائریکٹری میں جائیں** تاکہ کام شروع کریں
+- **ایک نیا ڈائریکٹری بنائیں جس کا نام "my-awesome-website" ہو آپ کے پروجیکٹ کے لیے**
+- **نئے بنائے گئے ڈائریکٹری میں جائیں اور کام شروع کریں**
 
 ```bash
-# Step 2: Initialize project with package.json
+# مرحلہ 2: پراجیکٹ کو package.json کے ساتھ شروع کریں
 npm init -y
 
-# Install modern development tools
+# جدید ترقیاتی ٹولز انسٹال کریں
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**مرحلہ وار، یہاں کیا ہو رہا ہے:**
-- **ایک نیا Node.js پروجیکٹ شروع کریں** ڈیفالٹ سیٹنگز کے ساتھ `npm init -y` استعمال کرتے ہوئے
-- **Vite انسٹال کریں** ایک جدید بلڈ ٹول کے طور پر تیز ڈیولپمنٹ اور پروڈکشن بلڈز کے لیے
-- **Prettier شامل کریں** خودکار کوڈ فارمیٹنگ کے لیے اور ESLint کوڈ کوالٹی چیکس کے لیے
-- **`--save-dev` فلیگ استعمال کریں** تاکہ انہیں صرف ڈیولپمنٹ کے لیے ڈیپینڈنسیز کے طور پر نشان زد کریں
+**قدم بہ قدم، یہ ہو رہا ہے:**
+- **نئے Node.js پروجیکٹ کو ڈیفالٹ سیٹنگز کے ساتھ `npm init -y` چلائیں**
+- **Vite کو تیز ترقی اور پروڈکشن بیلڈ کے لیے جدید بلڈ ٹول کے طور پر انسٹال کریں**
+- **Prettier کو خودکار کوڈ فارمیٹنگ کے لیے اور ESLint کو کوڈ کوالٹی چیکس کے لیے شامل کریں**
+- **`--save-dev` فلیگ استعمال کریں تاکہ یہ صرف ترقیاتی انحصار کے طور پر نشان زد ہوں**
 
 ```bash
-# Step 3: Create project structure and files
+# مرحلہ 3: پروجیکٹ کا ڈھانچہ اور فائلیں بنائیں
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# ترقیاتی سرور شروع کریں
 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/)** | کوڈ فارمیٹنگ | اپنے کوڈ کو مستقل طور پر فارمیٹڈ اور پڑھنے کے قابل رکھیں |
+| ٹول | مقصد | آپ کو کیوں چاہیے |
+|------|---------|-----------------|
+| **[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)** - جدید، فیچر سے بھرپور ٹرمینل
+**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/)** - جدید خصوصیات کے ساتھ بہتر ٹرمینل
+- **[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 بجے کسی مسئلے پر پھنس گئے؟ دستاویزات وہاں ہیں ایک گرم ورچوئل گلے کے ساتھ اور بالکل وہ جواب جو آپ کو چاہیے۔ کسی زبردست نئے فیچر کے بارے میں جاننا چاہتے ہیں جس کے بارے میں سب بات کر رہے ہیں؟ دستاویزات آپ کے ساتھ ہیں مرحلہ وار مثالوں کے ساتھ۔ یہ سمجھنے کی کوشش کر رہے ہیں کہ کچھ کام کیسے اور کیوں ہوتا ہے؟ آپ نے صحیح اندازہ لگایا – دستاویزات آپ کو اس طرح سے سمجھانے کے لیے تیار ہیں کہ آخر کار آپ کو سمجھ آ جائے!
+ڈاکیومنٹیشن کو ایسے سمجھیں جیسے دنیا کے سب سے صبر والے، علم والے استاد جو چوبیس گھنٹے آپ کے لیے دستیاب ہوں۔ کوئی مسئلہ آدھی رات کو؟ ڈاکیومنٹیشن ایک گرم ورچوئل گلے کے ساتھ آپ کے سوال کا بالکل درست جواب لاتی ہے۔ کوئی نیا فیچر سیکھنا ہے جس کی ہر کوئی بات کر رہا ہو؟ ڈاکیومنٹیشن آپ کی مدد میں موجود ہے قدم بہ قدم مثالوں کے ساتھ۔ کوئی چیز کیوں کام کرتی ہے اس کی سمجھنا چاہتے ہیں؟ جی ہاں – ڈاکیومنٹیشن آپ کو ایک ایسے انداز میں سمجھاتی ہے جو آخر کار بات سمجھ میں آ جائے!
 
-یہاں ایک چیز ہے جس نے میری سوچ کو مکمل طور پر بدل دیا: ویب ڈیولپمنٹ کی دنیا ناقابل یقین حد تک تیزی سے حرکت کرتی ہے، اور کوئی بھی (میرا مطلب بالکل کوئی بھی نہیں!) سب کچھ یاد نہیں رکھتا۔ میں نے 15+ سال کے تجربے والے سینئر ڈیولپرز کو بنیادی سینٹیکس دیکھتے ہوئے دیکھا ہے، اور آپ جانتے ہیں کیا؟ یہ شرمندگی کی بات نہیں ہے – یہ ہوشیاری ہے! یہ کامل یادداشت رکھنے کے بارے میں نہیں ہے؛ یہ قابل اعتماد جوابات کو جلدی سے تلاش کرنے اور انہیں لاگو کرنے کے بارے میں ہے۔
+یہ بات جو میری نظر بدلی: ویب ڈویلپمنٹ کی دنیا بہت تیز بڑھتی ہے، اور کوئی بھی (بلکل کوئی نہیں) سب کچھ یاد نہیں رکھتا۔ میں نے سینئر ڈیولپرز کو 15+ سال کے تجربے کے ساتھ بنیادی سنٹیکس دیکھتے دیکھا ہے، اور جانتے ہیں کیا؟ یہ شرمندہ کرنے والی بات نہیں ہے – یہ ہوشیاری ہے! بات یادداشت کی نہیں، بلکہ اس بات کی ہے کہ آپ کو قابل اعتماد جوابات کہاں تلاش کرنے ہیں اور انہیں کیسے استعمال کرنا ہے۔
 
-**یہاں اصل جادو ہوتا ہے:**
+**یہاں اصل جادو ہو رہا ہے:**
 
-پروفیشنل ڈیولپرز اپنا ایک بڑا حصہ دستاویزات پڑھنے میں گزارتے ہیں – نہ کہ اس لیے کہ وہ نہیں جانتے کہ وہ کیا کر رہے ہیں، بلکہ اس لیے کہ ویب ڈیولپمنٹ کا منظر نامہ اتنی تیزی سے ترقی کرتا ہے کہ موجودہ رہنے کے لیے مسلسل سیکھنا ضروری ہے۔ بہترین دستاویزات آپ کو یہ سمجھنے میں مدد دیتی ہیں کہ کچھ *کیسے* استعمال کرنا ہے، بلکہ *کیوں* اور *کب* استعمال کرنا ہے۔
+پیشہ ور ڈیولپرز اپنی بہت ساری وقت ڈاکیومنٹیشن پڑھنے میں گزارتے ہیں – اس لیے نہیں کہ وہ نہیں جانتے کہ کیا کرنا ہے، بلکہ چونکہ ویب ڈویلپمنٹ کا میدان تیزی سے بدل رہا ہے، تازہ دم رہنے کے لیے مسلسل سیکھنے کی ضرورت ہوتی ہے۔ زبردست ڈاکیومنٹیشن نہ صرف یہ سمجھاتی ہے کہ *کسی چیز کو کیسے استعمال کریں* بلکہ *کیوں* اور *کب* اسے استعمال کرنا چاہیے۔
 
-#### ضروری دستاویزاتی وسائل
+#### ضروری ڈاکیومنٹیشن وسائل
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- ویب ٹیکنالوجی دستاویزات کے لیے گولڈ اسٹینڈرڈ
-- HTML، CSS، اور جاوا اسکرپٹ کے لیے جامع گائیڈز
-- براؤزر مطابقت کی معلومات شامل ہیں
-- عملی مثالیں اور انٹرایکٹو ڈیموز پیش کرتا ہے
+- ویب ٹیکنالوجی ڈاکیومنٹیشن کا سونا
+- 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)**
-- ایج براؤزر ڈیولپمنٹ وسائل
-- پروگریسو ویب ایپ گائیڈز
-- کراس پلیٹ فارم ڈیولپمنٹ بصیرت
+- ایج براؤزر کی ترقیاتی وسائل
+- پروگریسیو ویب ایپ گائیڈز
+- کراس-پلیٹ فارم ترقیاتی بصیرت
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- ساختی سیکھنے کے نصاب
-- انڈسٹری ماہرین کے ویڈیو کورسز
-- ہینڈز آن کوڈنگ مشقیں
+- منظم تعلیمی نصاب
+- صنعت کے ماہرین کے ویڈیو کورسز
+- عملی کوڈنگ مشقیں
 
-> 📚 **مطالعہ کی حکمت عملی**: دستاویزات کو یاد کرنے کی کوشش نہ کریں – بلکہ، اسے مؤثر طریقے سے نیویگیٹ کرنے کا طریقہ سیکھیں۔ اکثر استعمال ہونے والے حوالہ جات کو بک مارک کریں اور مخصوص معلومات کو جلدی سے تلاش کرنے کے لیے سرچ فنکشنز کا استعمال کریں۔
+> 📚 **مطالعہ کی حکمت عملی**: ڈاکیومنٹیشن کو یاد کرنے کی کوشش نہ کریں – بلکہ اسے مؤثر طریقے سے نیویگیٹ کرنا سیکھیں۔ بار بار استعمال ہونے والے حوالے بک مارک کریں اور مخصوص معلومات جلد حاصل کرنے کے لیے سرچ فنکشنز کی مشق کریں۔
 
-### 🔧 **ٹول ماسٹری چیک: آپ کو کیا زیادہ دلچسپ لگتا ہے؟**
+### 🔧 **ٹول ماسٹری چیک: آپ سے کیا مطابقت رکھتا ہے؟**
 
-**ایک لمحہ نکالیں اور غور کریں:**
-- کون سا ٹول آپ سب سے پہلے آزمانے کے لیے سب سے زیادہ پرجوش ہیں؟ (کوئی غلط جواب نہیں ہے!)
-- کیا کمانڈ لائن اب بھی خوفناک لگتی ہے، یا آپ اس کے بارے میں متجسس ہیں؟
-- کیا آپ تصور کر سکتے ہیں کہ براؤزر DevTools کا استعمال کرتے ہوئے اپنی پسندیدہ ویب سائٹس کے پردے کے پیچھے جھانکیں؟
+**ایک لمحہ لیں اور غور کریں:**
+- سب سے پہلے کون سا ٹول آزمانے کے لیے سب سے زیادہ پرجوش ہیں؟ (اس کا کوئی غلط جواب نہیں!)
+- کیا کمانڈ لائن اب بھی خوفناک لگتی ہے یا آپ کو اس کے بارے میں تجسس ہے؟
+- کیا آپ تصور کر سکتے ہیں کہ براؤزر DevTools کے ذریعے اپنی پسندیدہ ویب سائٹس کے پردے کے پیچھے جھانکیں؟
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "ڈیویلپر کے آلات کے ساتھ گزارا گیا وقت"
+    "کوڈ ایڈیٹر" : 40
+    "براؤزر ٹیسٹنگ" : 25
+    "کمانڈ لائن" : 15
+    "دستاویزات کا مطالعہ" : 15
+    "ڈیبگنگ" : 5
 ```
+> **دلچسپ بات**: زیادہ تر ڈیولپرز اپنے کوڈ ایڈیٹر میں تقریباً 40% وقت گزارتے ہیں، لیکن دیکھیں کہ ٹیسٹنگ، سیکھنے، اور مسئلے حل کرنے میں کتنا وقت لگتا ہے۔ پروگرامنگ صرف کوڈ لکھنے کے بارے میں نہیں – یہ تجربات تخلیق کرنے کے بارے میں ہے!
 
-> **دلچسپ بصیرت**: زیادہ تر ڈیولپرز اپنا تقریباً 40% وقت اپنے کوڈ ایڈیٹر میں گزارتے ہیں، لیکن نوٹ کریں کہ کتنا وقت ٹیسٹنگ، سیکھنے، اور مسئلے کو حل کرنے میں جاتا ہے۔ پروگرامنگ صرف کوڈ لکھنے کے بارے میں نہیں ہے – یہ تجربات تخلیق کرنے کے بارے میں ہے!
+✅ **غور و فکر کے لیے**: یہ سوچیں – ویب سائٹس بنانے (ترقی) کے ٹولز اور ان کے دکھاوے کے انداز (ڈیزائن) کے لیے ٹولز میں کیا فرق ہو سکتا ہے؟ یہ ایسے ہے جیسے ایک معمار جو خوبصورت گھر ڈیزائن کرتا ہے اور ایک ٹھیکیدار جو اسے حقیقت میں بناتا ہے۔ دونوں اہم ہیں، مگر ان کے ٹول باکس مختلف ہوتے ہیں! یہ سوچ آپ کو یہ سمجھنے میں بہت مدد دے گی کہ ویب سائٹس کیسے زندگی پاتی ہیں۔
 
-✅ **غور کرنے کے لیے خوراک**: یہاں ایک دلچسپ بات ہے – آپ کے خیال میں ویب سائٹس بنانے کے ٹولز (ڈیولپمنٹ) ویب سائٹس کے ڈیزائن کے ٹولز (ڈیزائن) سے کیسے مختلف ہو سکتے ہیں؟ یہ بالکل ایسے ہے جیسے ایک معمار جو ایک خوبصورت گھر ڈیزائن کرتا ہے اور وہ ٹھیکیدار جو اسے حقیقت میں بناتا ہے۔ دونوں اہم ہیں، لیکن انہیں مختلف ٹول باکسز کی ضرورت ہوتی ہے! اس قسم کی سوچ واقعی آپ کو یہ بڑی تصویر دیکھنے میں مدد دے گی کہ ویب سائٹس کیسے زندہ ہوتی ہیں۔
+## GitHub Copilot Agent چیلنج 🚀
 
-## GitHub Copilot Agent Challenge 🚀
+ایجنٹ موڈ استعمال کریں اور درج ذیل چیلنج مکمل کریں:
 
-Agent موڈ کا استعمال کرتے ہوئے درج ذیل چیلنج مکمل کریں:
+**تفصیل:** جدید کوڈ ایڈیٹر یا IDE کی خصوصیات دریافت کریں اور دکھائیں کہ یہ آپ کے ویب ڈیولپر ورک فلو کو کیسے بہتر بنا سکتا ہے۔
 
-**تفصیل:** ایک جدید کوڈ ایڈیٹر یا IDE کی خصوصیات کو دریافت کریں اور دکھائیں کہ یہ آپ کے ورک فلو کو بطور ویب ڈیولپر کیسے بہتر بنا سکتا ہے۔
-
-**پرومپٹ:** ایک کوڈ ایڈیٹر یا IDE منتخب کریں (جیسے Visual Studio Code، WebStorm، یا کلاؤڈ بیسڈ IDE)۔ تین خصوصیات یا ایکسٹینشنز کی فہرست بنائیں جو آپ کو کوڈ لکھنے، ڈیبگ کرنے، یا مؤثر طریقے سے برقرار رکھنے میں مدد دیتی ہیں۔ ہر ایک کے لیے، وضاحت کریں کہ یہ آپ کے ورک فلو کو کیسے فائدہ پہنچاتی ہے۔
+**پرومپٹ:** کوئی کوڈ ایڈیٹر یا IDE منتخب کریں (جیسے Visual Studio Code, WebStorm، یا کلاؤڈ بیسڈ IDE)۔ تین خصوصیات یا توسیعات کی فہرست بنائیں جو آپ کو کوڈ لکھنے، ڈی بگ کرنے، یا کوڈ کی دیکھ بھال میں مدد دیتی ہیں۔ ہر ایک کے لیے اپنے ورک فلو پر اس کے فائدے کی مختصر وضاحت کریں۔
 
 ---
 
@@ -671,106 +738,119 @@ Agent موڈ کا استعمال کرتے ہوئے درج ذیل چیلنج مک
 
 **ٹھیک ہے، جاسوس، کیا آپ اپنے پہلے کیس کے لیے تیار ہیں؟**
 
-اب جب کہ آپ کے پاس یہ زبردست بنیاد ہے، میرے پاس ایک مہم جوئی ہے جو آپ کو دکھائے گی کہ پروگرامنگ کی دنیا کتنی متنوع اور دلچسپ ہے۔ اور سنیں – یہ ابھی کوڈ لکھنے کے بارے میں نہیں ہے، لہذا اس میں کوئی دباؤ نہیں! اپنے آپ کو ایک پروگرامنگ زبان کے جاسوس کے طور پر سوچیں جو اپنے پہلے دلچسپ کیس پر ہے!
+اب جب کہ آپ نے یہ زبردست بنیاد حاصل کر لی ہے، میرے پاس ایک مہم ہے جو آپ کو دکھائے گی کہ پروگرامنگ کی دنیا کتنی حیرت انگیز اور مختلف ہو سکتی ہے۔ اور سنیں – ابھی یہ کوڈ لکھنے کا مرحلہ نہیں ہے، لہٰذا دباؤ نہ لیں! خود کو ایک پروگرامنگ زبانوں کے جاسوس کے طور پر سوچیں جو اپنے پہلے دلچسپ کیس پر ہے!
 
-**آپ کا مشن، اگر آپ اسے قبول کرنے کا انتخاب کرتے ہیں:**
-1. **ایک زبان کا ایکسپلورر بنیں**: تین پروگرامنگ زبانیں منتخب کریں جو مکمل طور پر مختلف دنیاؤں سے ہوں – شاید ایک جو ویب سائٹس بناتی ہے، ایک جو موبائل ایپس بناتی ہے، اور ایک جو سائنسدانوں کے لیے ڈیٹا کو کرنچ کرتی ہے۔ ہر زبان میں ایک ہی سادہ کام کی مثالیں تلاش کریں۔ میں وعدہ کرتا ہوں کہ آپ حیران ہوں گے کہ وہ بالکل مختلف نظر آ سکتی ہیں جبکہ بالکل ایک ہی کام کر رہی ہیں!
+**آپ کا مشن، اگر آپ قبول کریں:**
+1. **زبانوں کے کھوجی بنیں**: تین پروگرامنگ زبانوں کو منتخب کریں جو بالکل مختلف ہیں – شاید ایک ویب سائٹس بناتی ہے، ایک موبائل ایپس تیار کرتی ہے، اور ایک سائنس دانوں کے لیے ڈیٹا پروسیسنگ کرتی ہے۔ ہر زبان میں ایک ہی آسان کام کی مثالیں تلاش کریں۔ میں وعدہ کرتا ہوں کہ آپ حیران رہ جائیں گے کہ یہ مختلف زبانیں ایک ہی کام کتنی مختلف نظر آ کر کر سکتی ہیں!
 
-2. **ان کی اصل کہانیاں دریافت کریں**: ہر زبان کو خاص کیا بناتا ہے؟ یہاں ایک زبردست حقیقت ہے – ہر ایک پروگرامنگ زبان اس لیے بنائی گئی کیونکہ کسی نے سوچا، "آپ جانتے ہیں کیا؟ اس مخصوص مسئلے کو حل کرنے کا ایک بہتر طریقہ ہونا چاہیے۔" کیا آپ یہ معلوم کر سکتے ہیں کہ وہ مسائل کیا تھے؟ ان میں سے کچھ کہانیاں واقعی دلچسپ ہیں!
+2. **ان کی اصل کہانیاں دریافت کریں**: ہر زبان کیا خاص بناتی ہے؟ ایک دلچسپ حقیقت یہ ہے کہ ہر پروگرامنگ زبان اسی لیے بنی ہے کیونکہ کسی نے سوچا، "یہ مسئلہ حل کرنے کا ایک بہتر طریقہ ہونا چاہیے۔" کیا آپ ان مسائل کو سمجھ سکتے ہیں؟ ان میں سے کچھ کہانیاں واقعی دلچسپ ہیں!
 
-3. **کمیونٹیز سے ملیں**: دیکھیں کہ ہر زبان کی کمیونٹی کتنی خوش آمدید اور پرجوش ہے۔ کچھ کے پاس لاکھوں ڈیولپرز ہیں جو علم کا اشتراک کرتے ہیں اور ایک دوسرے کی مدد کرتے ہیں
-## جائزہ اور خود مطالعہ
+3. **کمیونٹیز سے ملیں**: دیکھیں کہ ہر زبان کی کمیونٹی کتنی خوش آمدید کہتی ہے اور جذباتی ہے۔ کچھ کمیونٹیز میں لاکھوں ڈیولپرز ہوتے ہیں جو علم شیئر کرتے ہیں اور ایک دوسرے کی مدد کرتے ہیں، جبکہ کچھ چھوٹی مگر انتہائی مضبوط اور مددگار ہوتی ہیں۔ آپ مختلف شخصیتوں کو دیکھ کر لطف اندوز ہوں گے جو ان کمیونٹیز میں ہوتی ہیں!
+
+4. **اپنی جبلت پر عمل کریں**: کون سی زبان آپ کو ابھی سب سے زیادہ قابل رسائی لگتی ہے؟ "پرفیکٹ" انتخاب کرنے کی فکر نہ کریں – بس اپنی حس پر یقین کریں! واقعی یہاں کوئی غلط جواب نہیں، اور آپ ہمیشہ بعد میں دوسری زبانیں بھی دریافت کر سکتے ہیں۔
+
+**اضافی جاسوسی کام**: دیکھیں کہ آپ کو معلوم ہو سکے کہ کون سی بڑی ویب سائٹس یا ایپس ہر زبان کے ساتھ بنی ہیں۔ میں ضمانت دیتا ہوں کہ آپ حیران رہ جائیں گے کہ Instagram, Netflix، یا وہ موبائل گیم جو آپ بند نہیں کر سکتے، ان کے پیچھے کون سی زبان ہے!
+
+> 💡 **یاد رکھیں**: آپ آج ان زبانوں میں ماہر بننے نہیں جا رہے۔ آپ صرف اس علاقے کو جان رہے ہیں تاکہ فیصلہ کر سکیں کہ کہاں قیام کریں۔ وقت لیں، مزہ کریں، اور اپنی تجسس کو رہنمائی دیں!
 
-**آرام سے وقت لیں اور اس سے لطف اندوز ہوں!**
+## آئیں منائیں آپ کی دریافت!
 
-آپ نے آج بہت کچھ سیکھا ہے، اور یہ قابل فخر بات ہے! اب دلچسپ حصہ آتا ہے – ان موضوعات کو دریافت کرنا جنہوں نے آپ کی دلچسپی کو جنم دیا۔ یاد رکھیں، یہ ہوم ورک نہیں ہے – یہ ایک مہم جوئی ہے!
+واہ، آپ نے آج بہت زبردست معلومات سیکھیں ہیں! میں واقعی پرجوش ہوں کہ دیکھوں کہ اس شاندار سفر کا کتنا حصہ آپ کے ساتھ رہ گیا ہے۔ اور یاد رکھیں – یہ کوئی امتحان نہیں ہے جس میں سب کچھ بالکل درست ہونا ضروری ہو۔ یہ صرف اس حیرت انگیز دنیا کے بارے میں آپ کی سیکھ کا جشن ہے جس میں آپ داخل ہونے والے ہیں!
 
-**ان چیزوں میں گہرائی سے جائیں جو آپ کو دلچسپ لگتی ہیں:**
+[سبق کے بعد کا کوئز دیں](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 کو کھولیں اور بس کلک کریں۔ سب کچھ سمجھنے کی فکر نہ کریں – بس وہاں موجود چیزوں سے واقفیت حاصل کریں۔
+**پروگرامنگ زبانوں کے ساتھ عملی کام کریں:**
+- 2-3 زبانوں کی سرکاری ویب سائٹس دیکھیں جنہوں نے آپ کی توجہ حاصل کی ہو۔ ہر ایک کی اپنی شخصیت اور کہانی ہوتی ہے!
+- کچھ آن لائن کوڈنگ پلیگراؤنڈز آزما کر دیکھیں جیسے [CodePen](https://codepen.io/)، [JSFiddle](https://jsfiddle.net/)، یا [Replit](https://replit.com/). تجربہ کرنے سے نہ گھبرائیں – آپ کچھ بھی خراب نہیں کر سکتے!
+- اپنے پسندیدہ زبان کی پیدائش کے بارے میں پڑھیں۔ واقعی، ان اصل کہانیوں میں دلچسپ حقائق ہوتے ہیں اور یہ آپ کو سمجھنے میں مدد دیں گے کہ زبانیں اس طرح سے کام کیوں کرتی ہیں۔
+
+**اپنے نئے آلات کے ساتھ آرام دہ ہو جائیں:**
+- اگر آپ نے ابھی تک 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/) پر فالو کریں۔ پروگرامنگ کمیونٹی نئے آنے والوں کے لیے بے حد خوش آمدید کہنے والی ہے!
+- یوٹیوب پر کچھ ابتدائی سطح کے کوڈنگ ویڈیوز دیکھیں۔ بہت سے شاندار تخلیق کار ہیں جو یاد رکھتے ہیں کہ شروع کرنا کیسا ہوتا ہے۔
+- مقامی ملاقاتوں یا آن لائن کمیونٹیز میں شامل ہونے پر غور کریں۔ یقین کریں، ڈویلپر نئے آنے والوں کی مدد کرنا پسند کرتے ہیں!
 
-> 🎯 **سنیں، یہ بات یاد رکھیں**: آپ سے یہ توقع نہیں کی جا رہی کہ آپ راتوں رات کوڈنگ کے ماہر بن جائیں! ابھی، آپ صرف اس حیرت انگیز نئی دنیا کو جاننے کی کوشش کر رہے ہیں جس کا آپ حصہ بننے والے ہیں۔ اپنا وقت لیں، سفر کا لطف اٹھائیں، اور یاد رکھیں – ہر وہ ڈویلپر جس کی آپ تعریف کرتے ہیں، کبھی وہیں بیٹھا تھا جہاں آپ ابھی ہیں، پرجوش اور شاید تھوڑا سا پریشان۔ یہ بالکل معمولی بات ہے، اور اس کا مطلب ہے کہ آپ صحیح کر رہے ہیں۔
+> 🎯 **سنیں، یہ بات یاد رکھیں:** آپ سے توقع نہیں کی جاتی کہ آپ ایک رات میں کوڈنگ کے جادوگر بن جائیں! ابھی، آپ بس اس حیرت انگیز نئی دنیا کو جان رہے ہیں جس کا حصہ بننے والے ہیں۔ اپنا وقت لیں، اس سفر کا لطف اٹھائیں، اور یاد رکھیں – ہر وہ ڈویلپر جس کی آپ تعریف کرتے ہیں کبھی آپ کی جگہ پر بیٹھا تھا، پرجوش اور شاید تھوڑا مغلوب محسوس کر رہا تھا۔ یہ بالکل معمول کی بات ہے، اور اس کا مطلب ہے کہ آپ صحیح راستے پر ہیں!
 
 ## اسائنمنٹ
 
-[ڈاکس پڑھنا](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **آپ کے اسائنمنٹ کے لیے ایک چھوٹا سا اشارہ**: میں واقعی چاہوں گا کہ آپ کچھ ایسے ٹولز کو دریافت کریں جن پر ہم نے ابھی تک بات نہیں کی ہے! ان ایڈیٹرز، براؤزرز، اور کمانڈ لائن ٹولز کو چھوڑ دیں جن پر ہم پہلے ہی بات کر چکے ہیں – وہاں ایک حیرت انگیز دنیا ہے جو آپ کے دریافت کرنے کے لیے تیار ہے۔ ایسے ٹولز تلاش کریں جو فعال طور پر برقرار رکھے جا رہے ہوں اور جن کی کمیونٹیز متحرک اور مددگار ہوں (یہ عام طور پر بہترین ٹیوٹوریلز اور سب سے زیادہ معاون لوگ رکھتے ہیں جب آپ کو کسی مشکل میں مدد کی ضرورت ہو)۔
+> 💡 **آپ کے اسائنمنٹ کے لیے تھوڑی رہنمائی:** میں واقعی چاہوں گا کہ آپ کچھ ایسے آلات دریافت کریں جو ہم نے ابھی تک کور نہیں کیے! ان ایڈیٹرز، براؤزرز، اور کمانڈ لائن ٹولز کو چھوڑ دیں جن پر ہم بات کر چکے ہیں – وہاں ایک پوری حیرت انگیز دنیا ہے شاندار ڈویلپمنٹ ٹولز کی جو دریافت ہونے کا انتظار کر رہی ہے۔ ایسے ٹولز تلاش کریں جو باقاعدگی سے اپڈیٹ ہوتے ہوں اور جن کی زبردست، مددگار کمیونٹیز ہوں (ایسے ٹولز کے بہترین ٹیوٹوریلز اور سب سے زیادہ معاون لوگ ہوتے ہیں جب آپ کہیں پھنس جائیں اور دوستوں کی مدد چاہتے ہوں)۔
 
 ---
 
-## 🚀 آپ کا پروگرامنگ سفر کا ٹائم لائن
+## 🚀 آپ کے پروگرامنگ کے سفر کا ٹائم لائن
 
 ### ⚡ **اگلے 5 منٹ میں آپ کیا کر سکتے ہیں**
-- [ ] 2-3 پروگرامنگ زبانوں کی ویب سائٹس کو بک مارک کریں جو آپ کی توجہ حاصل کر چکی ہیں
-- [ ] Visual Studio Code ڈاؤنلوڈ کریں اگر آپ نے ابھی تک نہیں کیا ہے
-- [ ] اپنے براؤزر کے DevTools (F12) کو کھولیں اور کسی بھی ویب سائٹ پر کلک کریں
-- [ ] ایک پروگرامنگ کمیونٹی میں شامل ہوں (Dev.to، Reddit r/webdev، یا Stack Overflow)
+- [ ] 2-3 پروگرامنگ زبانوں کی ویب سائٹس کو نشان زد کریں جو آپ کی توجہ حاصل کریں
+- [ ] اگر آپ نے ابھی تک Visual Studio Code نہیں ڈاؤن لوڈ کیا تو اسے ڈاؤن لوڈ کریں
+- [ ] اپنے براؤزر کے ڈویلپر ٹولز (F12) کھولیں اور کسی بھی ویب سائٹ پر کلک کریں
+- [ ] ایک پروگرامنگ کمیونٹی میں شامل ہوں (Dev.to, Reddit r/webdev, یا Stack Overflow)
 
 ### ⏰ **اس گھنٹے میں آپ کیا حاصل کر سکتے ہیں**
 - [ ] سبق کے بعد کا کوئز مکمل کریں اور اپنے جوابات پر غور کریں
-- [ ] VS Code کو GitHub Copilot ایکسٹینشن کے ساتھ سیٹ اپ کریں
-- [ ] 2 مختلف پروگرامنگ زبانوں میں آن لائن "Hello World" مثال آزمائیں
+- [ ] VS Code میں GitHub Copilot ایکسٹینشن سیٹ اپ کریں
+- [ ] دو مختلف پروگرامنگ زبانوں میں آن لائن "Hello World" کی مثال آزما کر دیکھیں
 - [ ] یوٹیوب پر "Day in the Life of a Developer" ویڈیو دیکھیں
-- [ ] اپنی پروگرامنگ زبان کی جاسوسی کا کام شروع کریں (چیلنج سے)
+- [ ] پروگرامنگ زبان کی تفتیش کا کام شروع کریں (چیلنج سے)
 
-### 📅 **آپ کی ہفتہ بھر کی مہم جوئی**
-- [ ] اسائنمنٹ مکمل کریں اور 3 نئے ڈیولپمنٹ ٹولز کو دریافت کریں
+### 📅 **آپ کا ہفتہ لمبا ایڈونچر**
+- [ ] اسائنمنٹ مکمل کریں اور 3 نئے ڈیولپمنٹ ٹولز دریافت کریں
 - [ ] سوشل میڈیا پر 5 ڈویلپرز یا پروگرامنگ اکاؤنٹس کو فالو کریں
-- [ ] CodePen یا Replit میں کچھ چھوٹا بنانے کی کوشش کریں (یہاں تک کہ "Hello, [آپ کا نام]!")
-- [ ] کسی ڈویلپر کے بلاگ پوسٹ کو پڑھیں جو کسی کے کوڈنگ سفر کے بارے میں ہو
-- [ ] ورچوئل ملاقات میں شامل ہوں یا پروگرامنگ ٹاک دیکھیں
-- [ ] اپنی منتخب کردہ زبان کو آن لائن ٹیوٹوریلز کے ساتھ سیکھنا شروع کریں
-
-### 🗓️ **آپ کی مہینے بھر کی تبدیلی**
-- [ ] اپنا پہلا چھوٹا پروجیکٹ بنائیں (یہاں تک کہ ایک سادہ ویب صفحہ بھی شمار ہوتا ہے!)
-- [ ] کسی اوپن سورس پروجیکٹ میں تعاون کریں (دستاویزات کی اصلاحات سے شروع کریں)
-- [ ] کسی ایسے شخص کی رہنمائی کریں جو ابھی اپنا پروگرامنگ سفر شروع کر رہا ہو
+- [ ] CodePen یا Replit میں کچھ چھوٹا سا چیز بنانے کی کوشش کریں (یہاں تک کہ "Hello, [آپ کا نام]!" بھی!)
+- [ ] کسی ڈویلپر کے کوڈنگ کے سفر کے بارے میں ایک بلاگ پوسٹ پڑھیں
+- [ ] ایک ورچوئل میٹ اپ میں شامل ہوں یا کوئی پروگرامنگ ٹاک دیکھیں
+- [ ] اپنے منتخب کردہ زبان کو آن لائن ٹیوٹوریلز سے سیکھنا شروع کریں
+
+### 🗓️ **آپ کا مہینہ لمبا تبدیلی کا دور**
+- [ ] اپنا پہلا چھوٹا پروجیکٹ بنائیں (یہاں تک کہ ایک سادہ ویب پیج بھی شمار ہوتا ہے!)
+- [ ] کسی اوپن سورس پروجیکٹ میں تعاون کریں (دستاویزات کی مرمت سے شروع کریں)
+- [ ] کسی نئے آنے والے کو مینٹر کریں جو اپنی پروگرامنگ کا سفر شروع کر رہا ہو
 - [ ] اپنا ڈویلپر پورٹ فولیو ویب سائٹ بنائیں
-- [ ] مقامی ڈویلپر کمیونٹیز یا اسٹڈی گروپس سے جڑیں
-- [ ] اپنی اگلی سیکھنے کی منزل کی منصوبہ بندی شروع کریں
+- [ ] مقامی ڈویلپر کمیونٹیز یا اسٹڈی گروپس سے رابطہ کریں
+- [ ] اگلے سیکھنے کے سنگ میل کی منصوبہ بندی شروع کریں
 
-### 🎯 **آخری عکاسی چیک ان**
+### 🎯 **آخری جائزہ چیک ان**
 
-**آگے بڑھنے سے پہلے، ایک لمحہ لیں اور جشن منائیں:**
-- پروگرامنگ کے بارے میں آج آپ کو سب سے زیادہ کیا چیز دلچسپ لگی؟
-- کون سا ٹول یا تصور آپ سب سے پہلے دریافت کرنا چاہتے ہیں؟
-- پروگرامنگ سفر شروع کرنے کے بارے میں آپ کیسا محسوس کرتے ہیں؟
-- ابھی آپ کسی ڈویلپر سے کون سا سوال پوچھنا چاہیں گے؟
+**آگے بڑھنے سے پہلے، ایک لمحہ نکال کر جشن منائیں:**
+- پروگرامنگ کے بارے میں آج آپ کو کیا چیز سب سے زیادہ پرجوش کر گئی؟
+- کون سا ٹول یا تصور آپ پہلے دریافت کرنا چاہیں گے؟
+- اس پروگرامنگ سفر کو شروع کرنے کے بارے میں آپ کیسا محسوس کر رہے ہیں؟
+- آپ فی الحال ڈویلپر سے کون سا سوال پوچھنا چاہیں گے؟
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title آپ کا اعتماد بڑھانے کا سفر
+    section آج
+      متجسس: 3: You
+      مغلوب: 4: You
+      پرجوش: 5: You
+    section اس ہفتے
+      تلاش کر رہے ہیں: 4: You
+      سیکھ رہے ہیں: 5: You
+      رابطہ قائم کرنا: 4: You
+    section اگلا مہینہ
+      تعمیر کر رہے ہیں: 5: You
+      پراعتماد: 5: You
+      دوسروں کی مدد کر رہے ہیں: 5: You
 ```
-
-> 🌟 **یاد رکھیں**: ہر ماہر کبھی ایک مبتدی تھا۔ ہر سینئر ڈویلپر نے کبھی بالکل وہی محسوس کیا تھا جو آپ ابھی محسوس کر رہے ہیں – پرجوش، شاید تھوڑا سا پریشان، اور یقینی طور پر یہ جاننے کے لیے متجسس کہ کیا ممکن ہے۔ آپ حیرت انگیز کمپنی میں ہیں، اور یہ سفر ناقابل یقین ہونے والا ہے۔ پروگرامنگ کی شاندار دنیا میں خوش آمدید! 🎉
+> 🌟 **یاد رکھیں:** ہر ماہر کبھی نیا سیکھنے والا تھا۔ ہر سینئر ڈویلپر نے بھی بالکل ویسا ہی محسوس کیا ہے جیسا آپ اب محسوس کر رہے ہیں – پرجوش، شاید تھوڑا سا مغلوب، اور حقیقتاً یہ جاننے کے لیے بے چین کہ کیا ممکن ہے۔ آپ شاندار ساتھیوں کے درمیان ہیں، اور یہ سفر ناقابل یقین ہوگا۔ پروگرامنگ کی شاندار دنیا میں خوش آمدید! 🎉
 
 ---
 
-**ڈسکلیمر**:  
-یہ دستاویز AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**اخطار**:  
+یہ دستاویز AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کے ذریعے ترجمہ کی گئی ہے۔ جبکہ ہم درستگی کے لیے کوشاں ہیں، براہ کرم اس بات سے آگاہ رہیں کہ خودکار تراجم میں غلطیاں یا عدم درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی مادری زبان میں معتبر ماخذ سمجھا جانا چاہیے۔ اہم معلومات کے لیے پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ اس ترجمے کے استعمال سے ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے لیے ہم ذمہ دار نہیں ہیں۔
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ur/AGENTS.md b/translations/ur/AGENTS.md
index 21da64671..83dca474c 100644
--- a/translations/ur/AGENTS.md
+++ b/translations/ur/AGENTS.md
@@ -2,23 +2,23 @@
 
 ## پروجیکٹ کا جائزہ
 
-یہ ویب ڈویلپمنٹ کے بنیادی اصولوں کو ابتدائی افراد کو سکھانے کے لیے ایک تعلیمی نصاب کا ذخیرہ ہے۔ نصاب ایک جامع 12 ہفتوں کا کورس ہے جو Microsoft Cloud Advocates نے تیار کیا ہے، جس میں JavaScript, CSS, اور HTML پر مشتمل 24 عملی اسباق شامل ہیں۔
+یہ ویب ڈویلپمنٹ کے بنیادی اصولوں کو ابتدائی افراد کو سکھانے کے لیے ایک تعلیمی نصاب کا ذخیرہ ہے۔ نصاب مائیکروسافٹ کلاؤڈ ایڈووکیٹس کی طرف سے تیار کردہ 12 ہفتوں پر محیط جامع کورس ہے، جس میں 24 عملی سبق شامل ہیں جو جاوا اسکرپٹ، CSS اور HTML کو کور کرتے ہیں۔
 
-### کلیدی اجزاء
+### اہم اجزاء
 
-- **تعلیمی مواد**: 24 منظم اسباق جو پروجیکٹ پر مبنی ماڈیولز میں ترتیب دیے گئے ہیں
-- **عملی پروجیکٹس**: ٹیریریم، ٹائپنگ گیم، براؤزر توسیع، اسپیس گیم، بینکنگ ایپ، کوڈ ایڈیٹر، اور AI چیٹ اسسٹنٹ
-- **انٹرایکٹو کوئزز**: 48 کوئزز، ہر ایک میں 3 سوالات (سبق سے پہلے اور بعد کے جائزے)
-- **کثیراللسانی تعاون**: GitHub Actions کے ذریعے 50 سے زائد زبانوں میں خودکار ترجمہ
+- **تعلیمی مواد**: 24 منظم سبق جو پروجیکٹ پر مبنی ماڈیولز میں ترتیب دیے گئے ہیں
+- **عملی پروجیکٹس**: ٹیریریم، ٹائپنگ گیم، براؤزر ایکسٹینشن، اسپیس گیم، بینکنگ ایپ، کوڈ ایڈیٹر، اور AI چیٹ اسسٹنٹ
+- **انٹرایکٹو کوئزز**: 48 کوئزز، ہر ایک میں 3 سوالات (سبق سے پہلے/بعد کی جانچ)
+- **کثیر اللسانی حمایت**: GitHub Actions کے ذریعے 50+ زبانوں میں خودکار تراجم
 - **ٹیکنالوجیز**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI پروجیکٹس کے لیے)
 
 ### فن تعمیر
 
-- سبق کے لحاظ سے تعلیمی ذخیرہ
-- ہر سبق کے فولڈر میں README، کوڈ کی مثالیں، اور حل شامل ہیں
-- مختلف ڈائریکٹریز میں آزاد پروجیکٹس (quiz-app، مختلف سبق کے پروجیکٹس)
-- GitHub Actions (co-op-translator) کے ذریعے ترجمہ کا نظام
-- Docsify کے ذریعہ دستاویزات فراہم کی جاتی ہیں اور PDF کے طور پر دستیاب ہیں
+- سبق پر مبنی تعلیمی ذخیرہ
+- ہر سبق کے فولڈر میں README، کوڈ کے مثالیں، اور حل شامل ہیں
+- علیحدہ ڈائریکٹریز میں آزاد پروجیکٹس (quiz-app، مختلف سبق کے پروجیکٹس)
+- GitHub Actions (co-op-translator) کے ذریعے ترجمہ نظام
+- دستاویزات Docsify کے ذریعے فراہم اور پی ڈی ایف میں دستیاب
 
 ## سیٹ اپ کمانڈز
 
@@ -36,8 +36,8 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # ترقیاتی سرور شروع کریں
-npm run build      # پیداوار کے لیے تعمیر کریں
+npm run dev        # سرور کی ترقی شروع کریں
+npm run build      # پیداواری کے لیے تعمیر کریں
 npm run lint       # ESLint چلائیں
 ```
 
@@ -47,8 +47,8 @@ npm run lint       # ESLint چلائیں
 cd 7-bank-project/api
 npm install
 npm start          # اے پی آئی سرور شروع کریں
-npm run lint       # ای ایس لنٹ چلائیں
-npm run format     # پریٹیئر کے ساتھ فارمیٹ کریں
+npm run lint       # ESLint چلائیں
+npm run format     # Prettier کے ساتھ فارمیٹ کریں
 ```
 
 ### براؤزر ایکسٹینشن پروجیکٹس
@@ -56,7 +56,7 @@ npm run format     # پریٹیئر کے ساتھ فارمیٹ کریں
 ```bash
 cd 5-browser-extension/solution
 npm install
-# براؤزر مخصوص ایکسٹینشن لوڈ کرنے کی ہدایات پر عمل کریں
+# براوزر مخصوص ایکسٹینشن لوڈ کرنے کی ہدایات پر عمل کریں
 ```
 
 ### اسپیس گیم پروجیکٹس
@@ -64,219 +64,219 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# بروزر میں index.html کھولیں یا Live Server استعمال کریں
+# index.html کو براؤزر میں کھولیں یا Live Server استعمال کریں
 ```
 
-### چیٹ پروجیکٹ (Python بیک اینڈ)
+### چیٹ پروجیکٹ (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
 pip install openai
-# GITHUB_TOKEN ماحول کی ویری ایبل سیٹ کریں
+# GITHUB_TOKEN ماحول کی متغیر سیٹ کریں
 python api.py
 ```
 
 ## ترقیاتی ورک فلو
 
-### مواد کے منتظمین کے لیے
+### مواد کے تعاون کاروں کے لیے
 
-1. **ریپوزٹری کو فورک کریں** اپنے GitHub اکاؤنٹ میں
-2. **اپنے فورک کو کلون کریں** لوکل مشین پر
-3. **تبدیلیوں کے لیے نئی شاخ بنائیں**
-4. سبق کے مواد یا کوڈ کی مثالوں میں تبدیلی کریں
-5. متعلقہ پروجیکٹس کے فولڈرز میں کوڈ کی تبدیلیوں کا ٹیسٹ کریں
-6. شراکت کی ہدایات کے مطابق پل ریکویسٹ جمع کروائیں
+1. **ذخیرہ اپنے GitHub اکاؤنٹ پر فورک کریں**
+2. **اپنے فورک کو مقامی کلون کریں**
+3. **اپنے تبدیلیوں کے لیے نیا برانچ بنائیں**
+4. سبق کے مواد یا کوڈ مثالوں میں تبدیلی کریں
+5. متعلقہ پروجیکٹ ڈائریکٹریز میں کوڈ میں تبدیلیوں کو ٹیسٹ کریں
+6. تعاون کی ہدایات کے مطابق پل ریکوئسٹس بھیجیں
 
-### سیکھنے والوں کے لیے
+### طلباء کے لیے
 
-1. ریپوزٹری کو فورک یا کلون کریں
-2. سبق کے فولڈرز میں ترتیب کے مطابق جائیں
-3. ہر سبق کے README فائل پڑھیں
-4.سبق سے پہلے کے کوئزز مکمل کریں https://ff-quizzes.netlify.app/web/
-5. سبق کے فولڈرز میں کوڈ کی مثالیں آزمائیں
+1. ذخیرہ فورک یا کلون کریں
+2. سبق کی ڈائریکٹریز کو ترتیب سے دیکھیں
+3. ہر سبق کے README فائلز پڑھیں
+4. سبق سے پہلے کوئزز مکمل کریں https://ff-quizzes.netlify.app/web/
+5. سبق کے فولڈرز میں کوڈ مثالوں پر کام کریں
 6. اسائنمنٹس اور چیلنجز مکمل کریں
-7.سبق کے بعد کے کوئزز دیں
+7. سبق کے بعد کوئزز لیں
 
 ### لائیو ترقی
 
-- **دستاویزات**: جڑ میں `docsify serve` چلائیں (پورٹ 3000)
-- **کوئز ایپ**: `quiz-app` ڈائرکٹری میں `npm run dev` چلائیں
+- **دستاویزات**: روٹ میں `docsify serve` چلائیں (پورٹ 3000)
+- **کوئز ایپ**: `quiz-app` ڈائریکٹری میں `npm run dev` چلائیں
 - **پروجیکٹس**: HTML پروجیکٹس کے لیے VS Code Live Server ایکسٹینشن استعمال کریں
-- **API پروجیکٹس**: متعلقہ API ڈائرکٹریز میں `npm start` چلائیں
+- **API پروجیکٹس**: متعلقہ API ڈائریکٹریز میں `npm start` چلائیں
 
-## ٹیسٹنگ ہدایات
+## جانچ کے ہدایات
 
-### کوئز ایپ کی جانچ
+### کوئز ایپ جانچ
 
 ```bash
 cd quiz-app
 npm run lint       # کوڈ اسٹائل کے مسائل کی جانچ کریں
-npm run build      # تصدیق کریں کہ تعمیر کامیاب ہو گئی ہے
+npm run build      # یقین دہانی کریں کہ تعمیری عمل کامیاب ہو گیا ہے
 ```
 
-### بینک API ٹیسٹنگ
+### بینک API جانچ
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # کوڈ اسٹائل کے مسائل کی جانچ کریں
-node server.js     # تصدیق کریں کہ سرور بغیر کسی غلطی کے شروع ہوتا ہے
+npm run lint       # کوڈ کے طرز کے مسائل کی جانچ کریں
+node server.js     # تصدیق کریں کہ سرور بغیر کسی خرابی کے شروع ہوتا ہے
 ```
 
-### عمومی ٹیسٹنگ طریقہ کار
+### عمومی جانچ کا طریقہ کار
 
-- یہ ایک تعلیمی ذخیرہ ہے جس میں جامع خودکار ٹیسٹس نہیں ہیں
-- دستی ٹیسٹنگ پر توجہ دی جاتی ہے:
-  - کوڈ کی مثالیں بغیر غلطیوں کے چلیں
-  - دستاویزات میں لنکس صحیح کام کریں
-  - پروجیکٹ کی کمپائل مکمل ہو جائے
-  - مثالیں بہترین طرز عمل کی پیروی کرتی ہوں
+- یہ تعلیمی ذخیرہ جامع خودکار ٹیسٹوں کے بغیر ہے
+- دستی جانچ پر توجہ مرکوز ہے:
+  - کوڈ مثالیں بغیر غلطی کے چلیں
+  - دستاویزات میں لنکس درست کام کریں
+  - پروجیکٹ بنڈلز کامیابی سے مکمل ہوں
+  - مثالیں بہترین عملی طریقے اپنائیں
 
-### جمع کروانے سے پہلے چیکس
+### جمع کروانے سے پہلے چیک
 
-- ان ڈائریکٹریز میں جہاں package.json ہے `npm run lint` چلائیں
-- مارک ڈاؤن لنکس کی تصدیق کریں
-- براؤزر یا Node.js میں کوڈ کی مثالیں ٹیسٹ کریں
-- ترجمے صحیح ساخت کے مطابق ہوں
+- package.json والی ڈائریکٹریز میں `npm run lint` چلائیں
+- مارک ڈاؤن لنکس کی درستگی یقینی بنائیں
+- کوڈ مثالوں کو براؤزر یا Node.js میں ٹیسٹ کریں
+- تصدیق کریں کہ تراجم صحیح ساخت برقرار رکھیں
 
-## کوڈ اسٹائل کے اصول
+## کوڈ اسٹائل گائیڈ لائنز
 
-### JavaScript
+### جاوا اسکرپٹ
 
-- جدید ES6+ اصول استعمال کریں
-- پروجیکٹس میں دیئے گئے معیاری ESLint کنفیگریشنز فالو کریں
-- تعلیمی وضاحت کے لیے بامعنی متغیر اور فنکشن نام استعمال کریں
+- جدید ES6+ نحو استعمال کریں
+- پروجیکٹس میں فراہم کردہ معیاری ESLint کنفیگریشن پر عمل کریں
+- تعلیمی وضاحت کے لیے بامعنی متغیر اور فنکشن کے نام استعمال کریں
 - سیکھنے والوں کے لیے تصورات کی وضاحت کے لیے تبصرے شامل کریں
-- جہاں پریٹیئر کنفیگرڈ ہو فرمیٹنگ کریں
+- جہاں کنفیگر ہو وہاں Prettier سے فارمیٹ کریں
 
 ### HTML/CSS
 
-- معنوی HTML5 عناصر
-- ریسپانسیو ڈیزائن اصول
-- واضح کلاس کے نام رکھنے کے اصول
-- CSS تکنیکس کی وضاحت کے لیے تبصرے
+- معنوی HTML5 عناصر استعمال کریں
+- ریسپانسیو ڈیزائن کے اصول
+- واضح کلاس ناموں کے قواعد
+- CSS تکنیک کی وضاحت کے لیے تبصرے
 
-### Python
+### پائتھان
 
-- PEP 8 اسٹائل گائیڈلائنس
-- واضح، تعلیمی کوڈ کی مثالیں
-- سیکھنے کے لیے ٹائپ ہنٹس جہاں مفید ہوں
+- PEP 8 اسٹائل گائیڈ لائنز
+- واضح، تعلیمی کوڈ مثالیں
+- جہاں مفید ہو، ٹائپ ہنٹس
 
 ### مارک ڈاؤن دستاویزات
 
-- واضح سرخیوں کی ترتیب
+- واضح ہیڈنگ ہائیرارکی
 - زبان کی وضاحت کے ساتھ کوڈ بلاکس
-- اضافی وسائل کے لنکس
+- اضافی وسائط کے لنکس
 - `images/` فولڈرز میں اسکرین شاٹس اور تصاویر
-- رسائی کے لیے تصاویر کے لیے الف ٹیکسٹ
+- رسائی کے لیے تصاویر کا alt متن
 
-### فائل آرگنائزیشن
+### فائل تنظیم
 
-- اسباق مسلسل نمبر شدہ (1-getting-started-lessons, 2-js-basics, وغیرہ)
-- ہر پروجیکٹ کے پاس `solution/` اور اکثر `start/` یا `your-work/` فولڈرز
+- سبق نمبر وار ترتیب دیے گئے (1-getting-started-lessons, 2-js-basics, وغیرہ)
+- ہر پروجیکٹ میں `solution/` اور اکثر `start/` یا `your-work/` ڈائریکٹریز
 - تصاویر سبق مخصوص `images/` فولڈرز میں محفوظ
-- ترجمے `translations/{language-code}/` ڈھانچے میں
+- تراجم `translations/{language-code}/` ساخت میں
 
 ## بلڈ اور تعیناتی
 
 ### کوئز ایپ تعیناتی (Azure Static Web Apps)
 
-کوئز-ایپ Azure Static Web Apps تعیناتی کے لیے ترتیب دی گئی ہے:
+کوئز ایپ کو Azure Static Web Apps تعیناتی کے لیے ترتیب دیا گیا ہے:
 
 ```bash
 cd quiz-app
-npm run build      # dist/ فولڈر بناتا ہے
-# مرکزی برانچ پر پش کرنے پر GitHub Actions ورک فلو کے ذریعے تعینات کرتا ہے
+npm run build      # فولڈر dist/ بناتا ہے
+# مرکزی شاخ پر push کرنے پر GitHub Actions ورک فلو کے ذریعے تعینات کرتا ہے
 ```
 
 Azure Static Web Apps کنفیگریشن:
-- **ایپ کی جگہ**: `/quiz-app`
-- **آؤٹ پٹ کی جگہ**: `dist`
+- **ایپ کا مقام**: `/quiz-app`
+- **آؤٹ پٹ لوکیشن**: `dist`
 - **ورک فلو**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### دستاویزات PDF جنریشن
 
 ```bash
-npm install                    # انسٹال کریں docsify-to-pdf
-npm run convert               # docs سے PDF تیار کریں
+npm install                    # docsify-to-pdf انسٹال کریں
+npm run convert               # دستاویزات سے PDF بنائیں
 ```
 
 ### Docsify دستاویزات
 
 ```bash
-npm install -g docsify-cli    # گلوبلی Docsify انسٹال کریں
-docsify serve                 # localhost:3000 پر سروس فراہم کریں
+npm install -g docsify-cli    # ڈاکسفائی کو عالمی سطح پر انسٹال کریں
+docsify serve                 # لوکل ہوسٹ پر 3000 پورٹ پر سروس فراہم کریں
 ```
 
-### پروجیکٹ مخصوص بلڈ
+### پروجیکٹ مخصوص بلڈز
 
-ہر پروجیکٹ فولڈر کا اپنا بلڈ پروسیس ہوسکتا ہے:
-- Vue پروجیکٹس: `npm run build` سے پروڈکشن بنڈلز بنتے ہیں
-- سٹیٹک پروجیکٹس: کوئی بلڈ قدم نہیں، فائلیں براہ راست سروس کی جاتی ہیں
+ہر پروجیکٹ ڈائریکٹری کا اپنا بلڈ عمل ہو سکتا ہے:
+- Vue پروجیکٹس: `npm run build` پروڈکشن بنڈل بناتا ہے
+- سٹیٹک پروجیکٹس: کوئی بلڈ مرحلہ نہیں، فائلز براہ راست سرونگ
 
-## پل ریکویسٹ ہدایات
+## پل ریکوئسٹ گائیڈ لائنز
 
-### عنوان کا فارمٹ
+### عنوان کی شکل
 
-واضح، وضاحتی عنوانات استعمال کریں جو تبدیلی کے شعبے کی نشاندہی کریں:
+واضح، وضاحتی عنوان استعمال کریں جو تبدیلی کے شعبے کو ظاہر کریں:
 - `[Quiz-app] سبق X کے لیے نیا کوئز شامل کریں`
-- `[Lesson-3] ٹیریریم پروجیکٹ میں ٹائپ کی اصلاح`
+- `[Lesson-3] ٹیریریم پروجیکٹ میں ٹائپو درست کریں`
 - `[Translation] سبق 5 کے لیے ہسپانوی ترجمہ شامل کریں`
-- `[Docs] سیٹ اپ ہدایات کو اپ ڈیٹ کریں`
+- `[Docs] سیٹ اپ ہدایات اپ ڈیٹ کریں`
 
 ### ضروری چیکس
 
 PR جمع کروانے سے پہلے:
 
-1. **کوڈ کا معیار**:
-   - متاثرہ پروجیکٹ فولڈرز میں `npm run lint` چلائیں
-   - تمام لِنٹ کی خرابیوں اور وارننگز کو درست کریں
+1. **کوڈ کوالٹی**:
+   - متعلقہ پروجیکٹ ڈائریکٹریز میں `npm run lint` چلائیں
+   - تمام لِنٹنگ غلطیاں اور وارننگز حل کریں
 
-2. **بلڈ کی تصدیق**:
-   - اگر قابل اطلاق ہو تو `npm run build` چلائیں
-   - یقینی بنائیں کہ کوئی بلڈ کی خرابی نہیں
+2. **بلڈ تصدیق**:
+   - جہاں قابل اطلاق ہو `npm run build` چلائیں
+   - یقینی بنائیں کہ کوئی بلڈ غلطی نہ ہو
 
-3. **لنک کی تصدیق**:
-   - تمام مارک ڈاؤن لنکس کا ٹیسٹ کریں
-   - تصویری حوالہ جات کی جانچ کریں
+3. **لنک ویلیڈیشن**:
+   - تمام مارک ڈاؤن لنکس ٹیسٹ کریں
+   - تصویر کے ریفرنس کام کریں
 
 4. **مواد کا جائزہ**:
-   - املا اور گرائمر کے لیے پروف ریڈنگ کریں
-   - کوڈ کی مثالیں درست اور تعلیمی ہوں
-   - ترجمے اصل معنی کو برقرار رکھیں
+   - املا اور گرامر کی پروف ریڈنگ کریں
+   - کوڈ مثالیں درست اور تعلیمی ہوں
+   - تراجم اصل معنی برقرار رکھیں
 
-### شراکت کی ضروریات
+### تعاون کی ضروریات
 
 - Microsoft CLA سے اتفاق کریں (پہلے PR پر خودکار چیک)
-- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) کی پیروی کریں
+- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) پر عمل کریں
 - تفصیلی ہدایات کے لیے [CONTRIBUTING.md](./CONTRIBUTING.md) دیکھیں
-- اگر قابل اطلاق ہو تو PR کی تفصیل میں مسئلے کے نمبر کا حوالہ دیں
+- PR تفصیل میں اگر قابل اطلاق ہو تو مسئلہ نمبر شامل کریں
 
 ### جائزہ کا عمل
 
-- PRs کو مینٹینرز اور کمیونٹی کے ذریعے جائزہ لیا جاتا ہے
+- PRs کی ملاحظہ کاری مینٹینرز اور کمیونٹی کرتے ہیں
 - تعلیمی وضاحت کو ترجیح دی جاتی ہے
-- کوڈ کی مثالیں جدید بہترین طریقہ کار کی پیروی کریں
-- ترجمے درستگی اور ثقافتی مطابقت کے لیے جائزہ لیں
+- کوڈ مثالیں موجودہ بہترین طریقوں کی پیروی کریں
+- تراجم درستگی اور ثقافتی مناسبت کے لیے جائزہ لیے جاتے ہیں
 
-## ترجمہ کا نظام
+## ترجمہ نظام
 
 ### خودکار ترجمہ
 
 - GitHub Actions کے ساتھ co-op-translator ورک فلو استعمال کرتا ہے
-- 50 سے زائد زبانوں میں خود بخود ترجمہ کرتا ہے
-- ماخذ فائلیں مرکزی ڈائریکٹریز میں
-- ترجمہ شدہ فائلیں `translations/{language-code}/` فولڈرز میں
+- 50+ زبانوں میں خودکار ترجمہ کرتا ہے
+- بنیادی ڈائریکٹریز میں ماخذ فائلیں
+- ترجمہ شدہ فائلیں `translations/{language-code}/` ڈائریکٹریز میں
 
-### دستی ترجمہ کی بہتری شامل کرنا
+### دستی ترجمے کی بہتری شامل کرنا
 
-1. `translations/{language-code}/` فولڈر میں فائل تلاش کریں
-2. ساخت کو برقرار رکھتے ہوئے بہتری کریں
-3. یقینی بنائیں کہ کوڈ کی مثالیں کام کر رہی ہوں
+1. `translations/{language-code}/` میں فائل تلاش کریں
+2. ساخت کو برقرار رکھتے ہوئے بہتریاں کریں
+3. کوڈ مثالیں کام کرتی رہیں
 4. کسی بھی مقامی کوئز مواد کو ٹیسٹ کریں
 
-### ترجمے کی میٹا ڈیٹا
+### ترجمہ میٹا ڈیٹا
 
-ترجمہ شدہ فائلوں میں میٹا ڈیٹا ہیڈر شامل ہے:
+ترجمہ شدہ فائلیں میٹا ڈیٹا ہیڈر شامل کرتی ہیں:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## ڈی بگنگ اور مسئلہ حل کرنا
+## ڈیبگنگ اور مسئلے حل کرنا
 
 ### عام مسائل
 
 **کوئز ایپ شروع نہیں ہوتی**:
-- 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 کا ورژن کم از کم 10 ہونا چاہیے
-- چیک کریں کہ پورٹ پہلے سے استعمال میں نہیں ہے
-- یقینی بنائیں کہ تمام انحصار `npm install` سے انسٹال ہوئے ہیں
+- Node.js ورژن کم از کم (node >=10) یقینی بنائیں
+- دیکھیں کہ پورٹ استعمال میں تو نہیں
+- تمام dependencies `npm install` سے انسٹال ہوں
 
 **براؤزر ایکسٹینشن لوڈ نہیں ہوتی**:
-- manifest.json صحیح شکل میں ہے یہ تصدیق کریں
-- براؤزر کے کنسول میں ایررز چیک کریں
+- manifest.json کی درست فارمیٹنگ چیک کریں
+- براؤزر کنسول میں غلطیاں دیکھیں
 - براؤزر مخصوص ایکسٹینشن انسٹالیشن ہدایات پر عمل کریں
 
-**Python چیٹ پروجیکٹ کے مسائل**:
-- OpenAI پیکیج انسٹال کریں: `pip install openai`
-- GITHUB_TOKEN ماحول متغیر سیٹ ہے یہ چیک کریں
-- GitHub ماڈلز کی رسائی کی اجازتوں کا جائزہ لیں
+**Python چیٹ پروجیکٹ مسائل**:
+- OpenAI پیکج انسٹال کریں: `pip install openai`
+- GITHUB_TOKEN ماحول متغیر سیٹ ہے
+- GitHub Models رسائی کی اجازتیں چیک کریں
 
-**Docsify دستاویزات فراہم نہیں کر رہا**:
-- docsify-cli عالمی طور پر انسٹال کریں: `npm install -g docsify-cli`
-- ریپوزٹری کی جڑ سے چلائیں
+**Docsify دستاویزات سرونگ نہیں کرتا**:
+- docsify-cli عالمی انسٹال کریں: `npm install -g docsify-cli`
+- ذخیرہ کی روٹ ڈائریکٹری سے چلائیں
 - چیک کریں کہ `docs/_sidebar.md` موجود ہے
 
 ### ترقیاتی ماحول کے مشورے
 
 - HTML پروجیکٹس کے لیے VS Code لائیو سرور ایکسٹینشن استعمال کریں
 - مستقل فارمیٹنگ کے لیے ESLint اور Prettier ایکسٹینشن انسٹال کریں
-- JavaScript کی ڈی بگنگ کے لیے براؤزر DevTools استعمال کریں
+- JavaScript ڈیبگنگ کے لیے براؤزر ڈویلپر ٹولز استعمال کریں
 - Vue پروجیکٹس کے لیے Vue DevTools براؤزر ایکسٹینشن انسٹال کریں
 
-### کارکردگی کے معاملات
+### کارکردگی کے پہلو
 
-- ترجمہ شدہ فائلوں کی بڑی مقدار (50+ زبانیں) کی وجہ سے مکمل کلونز بڑے ہوتے ہیں
-- صرف مواد پر کام کرتے ہوئے shallow clone استعمال کریں: `git clone --depth 1`
-- انگریزی مواد پر کام کرتے ہوئے ترجموں کو تلاش سے خارج کریں
-- بلڈ کے عمل پہلے رن میں سست ہو سکتے ہیں (npm install, Vite build)
+- بڑی تعداد میں ترجمہ شدہ فائلیں (50+ زبانیں) مکمل کلونز کو بڑا بناتی ہیں
+- صرف مواد پر کام کرتے وقت shallow clone استعمال کریں: `git clone --depth 1`
+- انگریزی مواد پر کام کرتے ہوئے تراجم کو تلاش سے خارج کریں
+- بلڈ عمل پہلے رن پر سست ہو سکتا ہے (npm install, Vite build)
 
 ## سیکیورٹی کے پہلو
 
-### ماحول کے متغیرات
+### ماحول متغیرات
 
 - API کیز کبھی بھی ریپوزٹری میں کمیٹ نہ کریں
-- `.env` فائلیں استعمال کریں (جو پہلے سے `.gitignore` میں ہیں)
-- پروجیکٹ کی READMEs میں مطلوبہ ماحول کے متغیرات دستاویز کریں
+- `.env` فائلز استعمال کریں (جو پہلے سے `.gitignore` میں ہیں)
+- پروجیکٹ کے READMEs میں ضروری ماحول متغیرات دستاویز کریں
 
-### Python پروجیکٹس
+### پائتھان پروجیکٹس
 
 - ورچوئل ماحول استعمال کریں: `python -m venv venv`
-- انحصار کو تازہ ترین رکھیں
-- GitHub ٹوکنز کے لیے کم از کم ضروری اجازتیں رکھیں
+- dependencies کو اپ ڈیٹ رکھیں
+- GitHub ٹوکنز میں کم از کم ضروری اجازتیں ہوں
 
-### GitHub ماڈلز کی رسائی
+### GitHub Models تک رسائی
 
-- GitHub ماڈلز کے لیے پرسنل ایکسس ٹوکن (PAT) ضروری ہے
-- ٹوکنز ماحول کے متغیرات کے طور پر محفوظ کریں
-- ٹوکنز یا اسناد کو کبھی کمیٹ نہ کریں
+- GitHub Models کے لیے پرسنل ایکسس ٹوکنز (PAT) ضروری
+- ٹوکنز ماحول متغیرات کے طور پر محفوظ
+- ٹوکنز یا کریڈینشلز کبھی بھی کمیٹ نہ کریں
 
 ## اضافی نوٹس
 
-### ہدف ناظرین
+### ہدف سامعین
 
-- ویب ڈویلپمنٹ کے مکمل نو آموز
+- ویب ڈویلپمنٹ کے کل جب beginner
 - طلباء اور خود سیکھنے والے
-- نصاب کو کلاس روم میں استعمال کرنے والے اساتذہ
-- مواد قابل رسائی اور تدریجی مہارت کی تعمیر کے لیے ڈیزائن کیا گیا ہے
+- اساتذہ جو نصاب کلاس روم میں استعمال کرتے ہیں
+- مواد رسائی کے لیے ڈیزائن کیا گیا ہے اور ہنر کی تدریجی ترقی
 
 ### تعلیمی فلسفہ
 
-- پروجیکٹ کی بنیاد پر سیکھنے کا طریقہ
-- بار بار علم کی جانچ (کوئزز)
-- عملی کوڈنگ کی مشقیں
-- حقیقی دنیا کی ایپلیکیشن کی مثالیں
+- پروجیکٹ پر مبنی سیکھنے کا طریقہ
+- کثرت سے علم کی جانچ (کوئزز)
+- عملی کوڈنگ مشقیں
+- حقیقی دنیا کی تطبیقی مثالیں
 - فریم ورکس سے پہلے بنیادی اصولوں پر توجہ
 
 ### ذخیرہ کی دیکھ بھال
 
-- سرگرم کمیونٹی شامل سیکھنے والوں اور تعاون کرنے والوں کی
-- انحصار اور مواد کی باقاعدہ اپ ڈیٹس
-- مسائل اور مباحثے مینٹینرز کی زیر نگرانی
-- ترجمہ کی اپ ڈیٹس GitHub Actions کے ذریعے خودکار
+- سرگرم سیکھنے والوں اور تعاون کاروں کی کمیونٹی
+- dependencies اور مواد کی باقاعدہ اپ ڈیٹ
+- مینٹینرز کی طرف سے اشوز اور مباحثے کی نگرانی
+- GitHub Actions کے ذریعے ترجمہ اپ ڈیٹس خودکار
 
 ### متعلقہ وسائل
 
 - [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 نصاب دستیاب
+- اضافی کورسز: جنریٹیو AI، ڈیٹا سائنس، ML، IoT نصاب دستیاب
 
 ### مخصوص پروجیکٹس کے ساتھ کام کرنا
 
-تفصیلی ہدایات کے لیے ہر پروجیکٹ کے README فائلوں کا حوالہ دیں:
+انفرادی پروجیکٹس کے لیے تفصیلی ہدایات کے لیے README فائلز دیکھیں:
 - `quiz-app/README.md` - Vue 3 کوئز ایپلیکیشن
 - `7-bank-project/README.md` - بینکنگ ایپلیکیشن مع تصدیق
-- `5-browser-extension/README.md` - براؤزر ایکسٹینشن ڈویلپمنٹ
+- `5-browser-extension/README.md` - براؤزر ایکسٹینشن کی ترقی
 - `6-space-game/README.md` - کینوس پر مبنی گیم ڈویلپمنٹ
 - `9-chat-project/README.md` - AI چیٹ اسسٹنٹ پروجیکٹ
 
-### مونو ریپو ساخت
+### مونو ریپو کا ڈھانچہ
 
-روایتی مونو ریپو تو نہیں لیکن اس ذخیرہ میں کئی آزاد پروجیکٹس ہیں:
+اگرچہ روایتی مونو ریپو نہیں ہے، یہ ذخیرہ کئی آزاد پروجیکٹس پر مشتمل ہے:
 - ہر سبق خود مختار ہے
-- پروجیکٹس ایک دوسرے کے انحصارات شیئر نہیں کرتے
-- بغیر دوسرے پروجیکٹس کو متاثر کیے انفرادی پروجیکٹس پر کام کریں
-- پورے نصاب کے تجربے کے لیے مکمل ریپوزٹری کلون کریں
+- پروجیکٹس مشترکہ dependencies نہیں رکھتے
+- انفرادی پروجیکٹس پر بغیر دوسرے متاثر کیے کام کریں
+- مکمل نصاب کے تجربے کے لیے پورا ریپو کلون کریں
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**ڈسکلیمر**:  
-اس دستاویز کا ترجمہ AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کے ذریعے کیا گیا ہے۔ اگرچہ ہم درستگی کے لیے کوشاں ہیں، براہ کرم آگاہ رہیں کہ خودکار تراجم میں غلطیاں یا نادرستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی مادری زبان میں مستند ماخذ سمجھا جانا چاہیے۔ اہم معلومات کے لیے پیشہ ورانہ انسانی ترجمہ تجویز کیا جاتا ہے۔ ہم اس ترجمہ کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے لیے ذمہ دار نہیں ہیں۔
+**دفعۂ اخطار**:
+اس دستاویز کا ترجمہ AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) استعمال کرتے ہوئے کیا گیا ہے۔ ہم درستگی کے لیے کوشاں ہیں، لیکن براہِ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا عدم صحت ہوسکتی ہیں۔ اصل دستاویز کو اس کی مادری زبان میں مستند ماخذ سمجھا جانا چاہیے۔ اہم معلومات کے لیے پیشہ ورانہ انسانی ترجمہ تجویز کیا جاتا ہے۔ اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کی ذمہ داری ہم پر نہیں ہوگی۔
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/ur/README.md b/translations/ur/README.md
index a8ebd3e6a..61633c700 100644
--- a/translations/ur/README.md
+++ b/translations/ur/README.md
@@ -10,198 +10,208 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# ویب ڈویلپمنٹ برائے مبتدئین - ایک نصاب
+# ویب ڈیولپمنٹ برائے ابتدائی - ایک نصاب
 
-مائیکروسافٹ کلاؤڈ ایڈووکیٹس کے ذریعہ ہمارے 12 ہفتوں کے جامع کورس کے ساتھ ویب ڈویلپمنٹ کی بنیادی باتیں سیکھیں۔ 24 اسباق میں سے ہر ایک جاوا اسکرپٹ، CSS، اور HTML کو عملی منصوبوں جیسے ٹیریریمز، براؤزر ایکسٹینشنز، اور خلائی کھیلوں کے ذریعے جانچتا ہے۔ کوئزز، مباحثوں، اور عملی اسائنمنٹس کے ساتھ مشغول ہوں۔ ہماری مؤثر پروجیکٹ پر مبنی تعلیم کے ساتھ اپنی مہارتوں کو بہتر بنائیں اور اپنے علم کو برقرار رکھنے کو بہتر بنائیں۔ آج ہی اپنے کوڈنگ کے سفر کا آغاز کریں!
+Microsoft Cloud Advocates کی طرف سے ہمارا 12 ہفتوں کا جامع کورس کے ساتھ ویب ڈیولپمنٹ کی بنیادیں سیکھیں۔ 24 اسباق میں سے ہر ایک JavaScript، 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`
+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 Action کے ذریعے سپورٹ کیا گیا (خودکار اور ہمیشہ تازہ ترین)
+#### GitHub Action کے ذریعہ حمایت یافتہ (خودکار اور ہمیشہ جدید)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](./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"
+> ```
+>
+> اس سے آپ کو تیزی سے کورس مکمل کرنے کے لیے سب کچھ مل جائے گا۔
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**اگر آپ چاہتے ہیں کہ اضافی ترجمہ کی زبانوں کی حمایت کی جائے تو یہاں دیکھیں [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**اگر آپ مزید ترجمہ شدہ زبانیں شامل کرانا چاہتے ہیں تو وہ یہاں ملاحظہ کریں [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _کیا آپ طالب علم ہیں؟_
 
-جائیں [**Student Hub صفحہ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) جہاں آپ کو مبتدئین کے وسائل، طالب علم پیکز اور یہاں تک کہ مفت سرٹیفکیٹ ووچر حاصل کرنے کے طریقے ملیں گے۔ یہ وہ صفحہ ہے جسے آپ بُک مارک کرنا چاہیں گے اور وقتاً فوقتاً چیک کرنا چاہیں گے کیونکہ ہم ہر مہینے مواد تبدیل کرتے ہیں۔
+وزٹ کریں [**Student Hub page**](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 موڈ استعمال نہیں کیا، تو یہ صرف متن تخلیق کرنے کے علاوہ فائلیں بنانے اور ایڈٹ کرنے، کمانڈز چلانے اور مزید کر سکتا ہے۔
 
-### 📣 اعلان - _نیا منصوبہ جنریٹو AI کے ذریعے بنانے کے لیے_ 
+### 📣 اعلان - _جنریٹو AI کی مدد سے نیا پروجیکٹ بنانے کا موقع_
 
-نیا AI اسسٹنٹ پروجیکٹ ابھی شامل کیا گیا ہے، اسے دیکھیں [project](./9-chat-project/README.md)
+نیا AI Assistant پروجیکٹ ابھی شامل کیا گیا ہے، اسے چیک کریں [project](./9-chat-project/README.md)
 
-### 📣 اعلان - _نیا نصاب_ جنریٹو AI جاوا اسکرپٹ کے لیے ابھی جاری کیا گیا ہے
+### 📣 اعلان - _جنریٹو AI کے لیے نیا نصاب جے ایس پر ابھی جاری ہوا ہے_
 
 ہمارا نیا جنریٹو AI نصاب مت چھوڑیں!
 
-شروع کرنے کے لیے وزٹ کریں [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
+شروع کرنے کے لیے ملاحظہ کریں [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
 
 ![Background](../../translated_images/ur/background.148a8d43afde5730.webp)
 
-- اسباق بنیادی سے لے کر RAG تک سب کچھ کور کرتے ہیں۔
-- جن AI اور ہمارے معاون ایپ کے ذریعے تاریخی کرداروں کے ساتھ بات چیت کریں۔
-- خوشگوار اور دلچسپ بیانیہ، آپ وقت میں سفر کریں گے!
+- بنیادی سے لے کر RAG تک تمام موضوعات کا احاطہ۔
+- تاریخی شخصیات سے GenAI اور ہمارا ساتھ دینے والا ایپ کے ذریعے بات چیت کریں۔
+- مزیدار اور دلچسپ کہانی، آپ وقت میں سفر کریں گے!
 
 ![character](../../translated_images/ur/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) جیسے ٹیکسٹ ایڈیٹر کے ساتھ چلا سکتے ہیں۔
 
-#### اپنی ریپوزٹری بنائیں
-اپنا کام آسانی سے محفوظ کرنے کے لیے، سفارش کی جاتی ہے کہ آپ اس ریپوزٹری کی اپنی کاپی بنائیں۔ یہ آپ صفحہ کے اوپر موجود **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/ur/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 یہاں سے ڈاؤن لوڈ کر سکتے ہیں [here](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 یہاں سے ڈاؤن لوڈ کر سکتے ہیں [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)۔
+1. اپنے ریپوزٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ یہ **Code** بٹن پر کلک کر کے اور URL کو کاپی کر کے کر سکتے ہیں:
 
     [CodeSpace](./images/createcodespace.png)
-پھر، [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) کے اندر [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) کھولیں اور درج ذیل کمانڈ چلائیں، `<your-repository-url>` کو اس URL سے بدل دیں جو آپ نے ابھی کاپی کیا ہے:
+
+    پھر، [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) کے اندر [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) کھولیں اور درج ذیل کمانڈ چلائیں، `<your-repository-url>` کو اس URL سے بدلیں جو آپ نے ابھی کاپی کیا ہے:
 
     ```bash 
     git clone <your-repository-url>
     ```
-  
-2. Visual Studio Code میں فولڈر کھولیں۔ آپ یہ **File** > **Open Folder** پر کلک کرکے اور وہ فولڈر منتخب کرکے کرسکتے ہیں جسے آپ نے ابھی کلون کیا ہے۔
 
->  سفارش کردہ 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) - کوڈ تیزی سے لکھنے میں مدد کے لیے
+2. Visual Studio Code میں فولڈر کھولیں۔ آپ یہ **File** > **Open Folder** پر کلک کر کے اور اس فولڈر کو منتخب کر کے کر سکتے ہیں جو آپ نے ابھی کلون کیا ہے۔
+
+>  تجویز کردہ Visual Studio Code کے اضافی پلگ ان:
+>
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code کے اندر HTML صفحات کا پیش نظارہ کرنے کے لیے
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - آپ کو تیزی سے کوڈ لکھنے میں مدد فراہم کرنے کے لیے
 
 ## 📂 ہر سبق میں شامل ہیں:
 
-- اختیاری اسکیچنوٹ  
-- اختیاری اضافی ویڈیو  
-- سبق سے پہلے وارم اپ کوئز  
-- تحریری سبق  
-- پروجیکٹ پر مبنی اسباق کے لیے، پروجیکٹ بنانے کے طریقہ کار پر مرحلہ وار رہنمائی  
-- علم کی جانچ  
-- ایک چیلنج  
-- اضافی مطالعہ  
-- اسباق کے بعد کا کوئز [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
+- اختیاری اسکیچنوٹ
+- اختیاری اضافی ویڈیو
+- سبق سے پہلے وارم اپ کوئز
+- تحریری سبق
+- پروجیکٹ پر مبنی اسباق کے لیے، پروجیکٹ بنانے پر مرحلہ وار رہنما
+- معلومات کی جانچ
+- ایک چیلنج
+- اضافی مطالعہ
+- اسباق کے بعد کا کوئز ([post-lesson quiz](https://ff-quizzes.netlify.app/web/))
 
-> **کوئزز کے بارے میں ایک نوٹ**: تمام کوئزز Quiz-app فولڈر میں شامل ہیں، کل 48 کوئزز ہر ایک میں تین سوالات کے ساتھ۔ یہ [یہاں](https://ff-quizzes.netlify.app/web/) دستیاب ہیں، کوئز ایپ کو مقامی طور پر چلایا جا سکتا ہے یا Azure پر تعینات کیا جا سکتا ہے؛ `quiz-app` فولڈر میں دی گئی ہدایات پر عمل کریں۔
+> **کوئزز کے بارے میں ایک نوٹ**: تمام کوئزز Quiz-app فولڈر میں محفوظ ہیں، کل 48 کوئزز جن میں ہر ایک میں تین سوالات ہوتے ہیں۔ یہ [یہاں](https://ff-quizzes.netlify.app/web/) دستیاب ہیں، کوئز ایپ مقامی طور پر چلائی جا سکتی ہے یا Azure پر بھی تعینات کی جا سکتی ہے؛ `quiz-app` فولڈر میں دی گئی ہدایات پر عمل کریں۔
 
 ## 🗃️ اسباق
 
-|     |                       پروجیکٹ کا نام                       |                            پڑھائے گئے تصورات                             | تعلیمی مقاصد                                                                                                                 |                                                         متعلقہ سبق                                                          |         مصنف          |
+|     |                       پروجیکٹ کا نام                       |                            سکھائے جانے والے تصورات                             | تعلیم کے مقاصد                                                                                                                 |                                                         متعلقہ سبق                                                          |         مصنف          |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     شروعات                             |           پروگرامنگ اور ٹولز کا تعارف          | زیادہ تر پروگرامنگ زبانوں کی بنیادی بنیادوں کا سیکھنا اور ایسے سافٹ ویئر کے بارے میں جاننا جو پیشہ ورانہ ڈویلپرز کو ان کا کام کرنے میں مدد دیتا ہے | [پروگرامنگ زبانوں اور ٹولز کا تعارف](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     شروعات                             |             GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام شامل ہے             | اپنے پروجیکٹ میں GitHub استعمال کرنا اور دوسروں کے ساتھ کوڈ بیس پر تعاون کرنا                                                    |                            [GitHub کا تعارف](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     شروعات                             |                             قابل رسائی                             | ویب کی رسائی کے بنیادی اصول سیکھیں                                                                                               |                       [رسائی کے بنیادی اصول](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS بنیادیات                        |                         جاوا اسکرپٹ ڈیٹا کی اقسام                          | جاوا اسکرپٹ ڈیٹا کی اقسام کے بنیادی اصول                                                                                                 |                                       [ڈیٹا کی اقسام](./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 بنیادیات                        |                            Arrays اور Loops                            | جاوا اسکرپٹ میں ڈیٹا کے ساتھ کام کرنے کے لیے Arrays اور Loops استعمال کریں                                                                                 |                                   [Arrays اور Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML پرعملی اطلاق                            | آن لائن Terrarium بنانے کے لیے HTML تیار کریں، خاص طور پر لے آؤٹ بنانے پر توجہ دیں                                                         |                                 [HTML کا تعارف](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS پرعملی اطلاق                             | آن لائن Terrarium کے لیے CSS تیار کریں، CSS کے بنیادی اصول اور صفحہ کو Responsive بنانے پر توجہ دیں                     |                                  [CSS کا تعارف](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 جاوا اسکرپٹ کلوزرز، DOM تبدیلی                  | جاوا اسکرپٹ تیار کریں تاکہ Terrarium کو drag/drop انٹرفیس کے طور پر کام کرے، کلوزرز اور DOM تبدیلی پر توجہ دیں             |                  [جاوا اسکرپٹ کلوزرز، DOM تبدیلی](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          ٹائپنگ گیم بنانا                           | کی بورڈ ایونٹس کے ذریعے اپنی جاوا اسکرپٹ ایپ کے منطق کو چلانا سیکھیں                                                          |                                [ایونٹ ڈرائیو پروگرامنگ](./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 کال کریں اور لوکل اسٹوریج میں محفوظ متغیرات استعمال کریں                      |                [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)           |             جاوا اسکرپٹ کے ساتھ آگے بڑھتا ہوا گیم ڈیولپمنٹ             | Inheritance کو کلاسز اور کمپوزیشن دونوں کے استعمال سے سیکھیں اور Pub/Sub پیٹرن کے بارے میں جانیں، گیم بنانے کی تیاری کے لیے              |                      [ایڈوانسڈ گیم ڈیولپمنٹ کا تعارف](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           کینوس پر ڈرائنگ                            | Canvas API کے بارے میں جانیں، جو اسکرین پر عناصر ڈرائنگ کرنے کے لیے استعمال ہوتا ہے                                                                       |                                [کینوس پر ڈرائنگ](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   اسکرین پر عناصر کو حرکت دینا                    | کارٹیسیئن کوآرڈینیٹس اور کینوس API کا استعمال کرتے ہوئے عناصر کو حرکت دیتے ہوئے دریافت کریں                                            |                           [عناصر کو حرکت دینا](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          تصادم کی جانچ                           | عناصر کو ٹکرانے اور ایک دوسرے کے ردعمل ظاہر کرنے کے لیے کی پریس استعمال کریں اور گیم کی کارکردگی کو یقینی بنانے کے لیے کول ڈاؤن فنکشن فراہم کریں    |                              [تصادم کی جانچ](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             اسکور رکھنا                              | گیم کی حالت اور کارکردگی کی بنیاد پر ریاضی کے حسابات کریں                                                                |                                    [اسکور رکھنا](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     گیم ختم کرنا اور دوبارہ شروع کرنا                     | گیم کو ختم کرنے اور دوبارہ شروع کرنے کے بارے میں جانیں، جس میں اثاثے صاف کرنا اور متغیر اقدار کو ری سیٹ کرنا شامل ہے                              |                                [اختتامی شرط](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 ویب ایپ میں HTML ٹیمپلیٹس اور راستے                 | ملٹی پیج ویب سائٹ کے فن تعمیر کا اسکیفولڈ کیسے بنایا جاتا ہے، روٹنگ اور HTML ٹیمپلیٹس استعمال کرکے سیکھیں                             |                            [HTML ٹیمپلیٹس اور راستے](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  لاگ ان اور رجسٹریشن فارم بنائیں                   | فارم بنانے اور توثیقی عمل کو سنبھالنے کے بارے میں جانیں                                                                          |                                           [فارم](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   ڈیٹا حاصل کرنے اور استعمال کرنے کے طریقے                   | آپ کی ایپ میں ڈیٹا کیسے آتا اور جاتا ہے، اسے کیسے حاصل کریں، ذخیرہ کریں، اور تلف کریں                                                 |                                            [ڈیٹا](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      اسٹیٹ مینجمنٹ کے تصورات                      | سیکھیں کہ آپ کی ایپ اسٹیٹ کو کس طرح برقرار رکھتی ہے اور اسے پروگرام کے ذریعے کیسے مینیج کرتی ہے                                                              |                                [اسٹیٹ مینجمنٹ](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | VScode کے ساتھ کام | سیکھیں کہ کوڈ ایڈیٹر کیسے استعمال کریں| [VScode کوڈ ایڈیٹر استعمال کریں](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | AI کے ساتھ کام | اپنی AI اسسٹنٹ بنانا سیکھیں | [AI اسسٹنٹ پروجیکٹ](./9-chat-project/README.md) | Chris |
-
-## 🏫 تدریسی طریقہ کار
-
-ہمارا نصاب دو اہم تعلیمی اصولوں کے ساتھ ڈیزائن کیا گیا ہے:  
-* پروجیکٹ پر مبنی تعلیم  
-* بار بار کوئزز  
-
-یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کی بنیادی باتیں سکھاتا ہے، نیز آج کے ویب ڈویلپرز کے لیے استعمال ہونے والے جدید ترین ٹولز اور تکنیکس بھی۔ طلباء کو ٹائپنگ گیم، ورچوئل ٹیریریم، ماحول دوست براؤزر ایکسٹینشن، اسپیس انویدر طرز کا گیم، اور کاروباری بنکنگ ایپ بنانے کا عملی تجربہ حاصل ہوگا۔ سیریز کے اختتام تک، طلباء کو ویب ڈیولپمنٹ کی مضبوط سمجھ حاصل ہوگی۔
-
-> 🎓 آپ اس نصاب کے پہلے چند اسباق کو Microsoft Learn پر ایک [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) کی طرح لے سکتے ہیں!
-
-پروجیکٹس کے ساتھ مواد کو ہم آہنگ کرکے، عمل طلباء کے لیے زیادہ دلکش بن جاتا ہے اور تصورات کو بہتر طور پر یاد رکھا جاتا ہے۔ ہم نے جاوا اسکرپٹ بنیادیات میں کئی ابتدائی اسباق بھی لکھے ہیں تاکہ تصورات کا تعارف کروایا جا سکے، جن کے ساتھ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ویڈیو ٹیوٹوریلز کا ایک ویڈیو بھی شامل ہے، جن میں سے بعض مصنفین نے اس نصاب میں حصہ ڈالا ہے۔
-
-اس کے علاوہ، کلاس سے پہلے ایک کم دباؤ والا کوئز طالب علم کے سیکھنے کے ارادے کو ترتیب دیتا ہے، جبکہ کلاس کے بعد دوسرا کوئز اضافی یادداشت کو یقینی بناتا ہے۔ یہ نصاب لچکدار اور خوشگوار بنانے کے لیے ڈیزائن کیا گیا ہے اور اسے پورے یا جزوی طور پر لیا جا سکتا ہے۔ پروجیکٹس چھوٹے شروع ہوتے ہیں اور 12 ہفتوں کے چکر کے اختتام تک زیادہ پیچیدہ ہو جاتے ہیں۔
-
-جبکہ ہم نے جاوا اسکرپٹ فریم ورک متعارف کرانے سے جان بوجھ کر گریز کیا ہے تاکہ فریم ورک اپنانے سے پہلے ویب ڈویلپر کے طور پر بنیادی مہارتوں پر توجہ دی جا سکے، اس نصاب کو مکمل کرنے کے بعد اگلا اچھا قدم Node.js کے بارے میں سیکھنا ہو گا جس کے لیے ویڈیوز کا ایک اور مجموعہ ہے: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"۔
-
-> ہمارے [Conduct Code](CODE_OF_CONDUCT.md) اور [Contributing](CONTRIBUTING.md) رہنما خطوط دیکھیں۔ ہم آپ کی تعمیری رائے کا خیرمقدم کرتے ہیں!
+| 01  |                     Getting Started                      |           پروگرامنگ اور اس کے اوزار کا تعارف           | زیادہ تر پروگرامنگ زبانوں اور پیشہ ورانہ ترقی کاروں کی مدد کرنے والے سافٹ ویئر کی بنیادی باتیں سیکھیں | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Getting Started                      |             GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا             | اپنے پروجیکٹ میں GitHub کو کیسے استعمال کریں، اور دوسروں کے ساتھ ایک کوڈ بیس پر کس طرح تعاون کریں                                                    |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             Accessibility                              | ویب ایکسیسبلٹی کی بنیادی باتیں سیکھیں                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         جاوااسکرپٹ ڈیٹا کی اقسام                          | جاوا اسکرپٹ ڈیٹا کی اقسام کی بنیادی باتیں                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         فنکشنز اور میتھڈز                          | ایپلیکیشن کے منطق کے بہاؤ کو منظم کرنے کے لیے فنکشنز اور میتھڈز کے بارے میں سیکھیں                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
+| 06  |                        JS Basics                         |                        JS میں فیصلے کرنا                        | اپنے کوڈ میں فیصلہ سازی کے طریقے استعمال کرتے ہوئے شرائط بنانے کے بارے میں سیکھیں                                                           |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            Arrays اور Loops                            | جاوا اسکرپٹ میں arrays اور loops کے ذریعہ ڈیٹا کے ساتھ کام کریں                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML عملی طور پر                            | آن لائن ٹیریریم بنانے کے لیے HTML تیار کریں، لے آؤٹ بنانے پر توجہ دیں                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS عملی طور پر                             | آن لائن ٹیریریم کو اسٹائل کرنے کے لیے CSS تیار کریں، CSS کی بنیادی باتوں پر توجہ دیں بشمول صفحے کا ردعمل دینا                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 جاوا اسکرپٹ Closures، DOM میں ترمیم                  | ٹیریریم کو ڈریگ/ڈراپ انٹرفیس کے طور پر فعال بنانے کے لیے جاوا اسکرپٹ بنائیں، closures اور DOM میں ترمیم پر توجہ دیں             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          ٹائپنگ گیم بنائیں                           | جاوا اسکرپٹ ایپ کے منطقی بہاؤ کے لیے کی بورڈ ایونٹس کو کیسے استعمال کریں                                                            |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         براؤزر کے ساتھ کام کرنا                          | براؤزر کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے پہلا عناصر کس طرح تیار کرتے ہیں                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | فارم بنانا، API کال کرنا اور لوکل اسٹوریج میں متغیرات محفوظ کرنا | اپنے براؤزر ایکسٹینشن کے جاوا اسکرپٹ عناصر تیار کریں تاکہ API کال کی جا سکے جو لوکل اسٹوریج میں محفوظ متغیرات استعمال کرتے ہیں                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          براؤزر کے پس منظر کے مراحل، ویب کی کارکردگی          | ایکسٹینشن کے آئیکن کو منظم کرنے کے لیے براؤزر کے پس منظر کے مراحل استعمال کریں؛ ویب کارکردگی اور کچھ اصلاحات سیکھیں تاکہ کارکردگی بڑھائی جا سکے   |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             جاوا اسکرپٹ کے ساتھ مزید جدید کھیل کی ترقی             | کلاسز اور کمپوزیشن دونوں استعمال کرتے ہوئے وراثت اور Pub/Sub پیٹرن کے بارے میں سیکھیں، گیم بنانے کی تیاری کے لیے              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           کینوس پر ڈرائنگ                            | کینوس API کے بارے میں سیکھیں، جو سیریز پر عناصر ڈرائنگ کے لیے استعمال ہوتا ہے                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   اسکرین پر عناصر کو حرکت دینا                    | دریافت کریں کہ کس طرح عناصر کو کارٹیسیئن کوآرڈی نیٹس اور کینوس API کی مدد سے حرکت دی جا سکتی ہے                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          تصادم کا پتہ لگانا                           | عناصر کو آپس میں ٹکرائیں اور ایک دوسرے کے ردعمل کو یقینی بنانے کے لیے keypresses استعمال کریں؛ گیم کی کارکردگی کو یقینی بنانے کے لیے cooldown فنکشن فراہم کریں    |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             سکور رکھنا                              | گیم کی حالت اور کارکردگی کی بنیاد پر ریاضی کے حسابات کریں                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     گیم کا اختتام اور دوبارہ شروع کرنا                     | گیم کا اختتام اور دوبارہ شروع کرنے کے بارے میں سیکھیں، بشمول اثاثوں کی صفائی اور متغیرات کی ری سیٹ کرنا                              |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 ویب ایپ میں HTML ٹیمپلیٹس اور روٹس                 | ملٹی پیج ویب سائٹ کے فن تعمیر کی اسکافولڈنگ کو روٹنگ اور HTML ٹیمپلیٹس کا استعمال کر کے سیکھیں                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  لاگ ان اور رجسٹریشن فارم بنائیں                   | فارم بنانے اور ویلیڈیشن کے طریقہ کار کے بارے میں سیکھیں                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   ڈیٹا حاصل کرنے اور استعمال کرنے کے طریقے                   | آپ کی ایپ میں ڈیٹا کیسے آتا اور جاتا ہے، اسے کیسے حاصل کریں، محفوظ کریں، اور ختم کریں                                                 |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      اسٹیٹ مینجمنٹ کے تصورات                      | اپنی ایپ میں اسٹیٹ کو کیسے برقرار رکھا جاتا ہے اور پروگرام کے ذریعے اسے کیسے منظم کیا جاتا ہے                                                              |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | VScode کے ساتھ کام کرنا | کوڈ ایڈیٹر استعمال کرنا سیکھیں| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | AI کے ساتھ کام کرنا | اپنا AI اسسٹنٹ بنانا سیکھیں | [AI Assistant project](./9-chat-project/README.md) | Chris |
+
+## 🏫 تعلیم
+
+ہمارا نصاب دو اہم تعلیمی اصولوں کو مدنظر رکھتے ہوئے ڈیزائن کیا گیا ہے:
+* پروجیکٹ پر مبنی سیکھنا
+* کثرت سے کوئزز
+
+یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کی بنیادیں سکھاتا ہے، نیز آج کے ویب ڈویلپرز کی طرف سے استعمال ہونے والے جدید اوزار اور تکنیکس بھی۔ طلباء کو ٹائپنگ گیم، ورچوئل ٹیریریم، ماحولیاتی براؤزر ایکسٹینشن، اسپیس انویڈر طرز کا گیم، اور کاروباری بنکنگ ایپ بنانے کا عملی تجربہ حاصل کرنے کا موقع ملے گا۔ سیریز کے آخر تک، طلباء کو ویب ڈویلپمنٹ کی ایک مضبوط سمجھ حاصل ہو جائے گی۔
+
+> 🎓 آپ اس نصاب کے ابتدائی چند اسباق کو مائیکروسافٹ لرن پر [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) کے طور پر لے سکتے ہیں!
+
+یہ یقینی بنا کر کہ مواد پروجیکٹس کے مطابق ہو، عمل طلباء کے لیے زیادہ دلچسپ بنایا جاتا ہے اور تصورات کی یادداشت میں بہتری آتی ہے۔ ہم نے جاوا اسکرپٹ کی بنیادوں میں کئی ابتدائی اسباق لکھے ہیں تاکہ تصورات متعارف کرائیں، جن کے ساتھ ویڈیو "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" کی ویڈیو ٹیوٹوریل سیریز کا استعمال کیا گیا ہے، جن کے کچھ مصنفین نے اس نصاب میں مدد کی ہے۔
+
+اس کے علاوہ، کلاس سے پہلے ایک کم دباؤ والا کوئز طالب علم کے لیے یک موضوع سیکھنے کے ارادے کو متعین کرتا ہے، جبکہ کلاس کے بعد دوسرا کوئز بہتر یادداشت کو یقینی بناتا ہے۔ یہ نصاب لچکدار اور خوشگوار بنانے کے لیے ڈیزائن کیا گیا ہے اور مکمل یا جزوی طور پر لیا جا سکتا ہے۔ پروجیکٹس چھوٹے سے شروع ہو کر 12 ہفتوں کے سائیکل کے آخر میں زیادہ پیچیدہ ہو جاتے ہیں۔
+
+اگرچہ ہم نے جاوااسکرپٹ فریم ورکس کو جان بوجھ کر شامل نہیں کیا تاکہ بنیادی مہارتوں پر توجہ دی جا سکے جو ویب ڈویلپر کے لیے ضروری ہیں، اگلا اچھا قدم اس نصاب کو مکمل کرنے کے بعد Node.js کے بارے میں سیکھنا ہو گا، جس کے لیے ویڈیوز کی ایک اور سیریز موجود ہے: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)"۔
+
+> ہمارا [Code of Conduct](CODE_OF_CONDUCT.md) اور [Contributing](CONTRIBUTING.md) رہنما خطوط ملاحظہ کریں۔ ہم آپ کی تعمیری آراء کے خیرمقدم کے منتظر ہیں!
 
 ## 🧭 آف لائن رسائی
 
-آپ اس دستاویز کو آف لائن [Docsify](https://docsify.js.org/#/) استعمال کرکے چلا سکتے ہیں۔ اس ریپو کو فورک کریں، اپنی مقامی مشین پر [Docsify انسٹال کریں](https://docsify.js.org/#/quickstart)، اور پھر اس ریپو کے روٹ فولڈر میں `docsify serve` ٹائپ کریں۔ ویب سائٹ آپ کے لوکل ہوسٹ پر پورٹ 3000 پر دستیاب ہوگی: `localhost:3000`۔
-
-## 📘 پی ڈی ایف
+آپ اس دستاویز کو آف لائن [Docsify](https://docsify.js.org/#/) کے ذریعہ چلا سکتے ہیں۔ اس ریپو کو فورک کریں، اپنی مقامی مشین پر [Docsify انسٹال کریں](https://docsify.js.org/#/quickstart)، پھر اس ریپو کے روٹ فولڈر میں `docsify serve` ٹائپ کریں۔ ویب سائٹ آپ کے لوکل ہوسٹ پر پورٹ 3000 پر چلے گی: `localhost:3000`۔
 
-تمام اسباق کی پی ڈی ایف [یہاں](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) دی گئی ہے۔
+## 📘 PDF
+تمام اسباق کا ایک پی ڈی ایف [یہاں](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) دستیاب ہے۔
 
 ## 🎒 دیگر کورسز
-ہماری ٹیم دوسرے کورسز بھی تیار کرتی ہے! دیکھیں:
+
+ہماری ٹیم دیگر کورسز بھی تیار کرتی ہے! دیکھیں:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -217,7 +227,7 @@ Azure AI Foundry Discord کمیونٹی میں شامل ہوں
 [![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
 [![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)
@@ -225,7 +235,7 @@ Azure AI Foundry Discord کمیونٹی میں شامل ہوں
 [![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)
@@ -236,30 +246,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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## مدد حاصل کرنا
+## مدد حاصل کریں
 
-اگر آپ پھنس جائیں یا 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) فائل دیکھیں۔
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**بیانِ اخطار**:  
-اس دستاویز کا ترجمہ مصنوعی ذہانت کی ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کے ذریعے کیا گیا ہے۔ اگرچہ ہم درستگی کے لئے کوشاں ہیں، براہ کرم نوٹ کریں کہ خودکار تراجم میں غلطیاں یا عدم درستیاں ہوسکتی ہیں۔ اصل دستاویز کو اس کی مادری زبان میں ہی مستند ذریعہ سمجھا جانا چاہئے۔ اہم معلومات کے لئے پیشہ ورانہ انسانی ترجمہ کی سفارش کی جاتی ہے۔ اس ترجمہ کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کی صورت میں ہم ذمہ دار نہیں ہوں گے۔
+**دستیابی کی اطلاع**:  
+یہ دستاویز AI ترجمہ خدمت [Co-op Translator](https://github.com/Azure/co-op-translator) کے ذریعے ترجمہ کی گئی ہے۔ اگرچہ ہم درستگی کی کوشش کرتے ہیں، براہ کرم آگاہ رہیں کہ خودکار ترجموں میں غلطیاں یا کمیاں ہو سکتی ہیں۔ اصل دستاویز اپنی مادری زبان میں مستند ماخذ سمجھی جانی چاہیے۔ اہم معلومات کے لیے پیشہ ورانہ انسانی ترجمہ کی سفارش کی جاتی ہے۔ اس ترجمہ کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا تشریح کی ذمہ داری ہم پر نہیں ہوگی۔
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/vi/.co-op-translator.json b/translations/vi/.co-op-translator.json
index 320b303f8..0a5fe885e 100644
--- a/translations/vi/.co-op-translator.json
+++ b/translations/vi/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-06T11:14:44+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T13:49:59+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "vi"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T17:50:12+00:00",
+    "translation_date": "2026-03-06T13:53:01+00:00",
     "source_file": "AGENTS.md",
     "language_code": "vi"
   },
@@ -516,8 +516,8 @@
     "language_code": "vi"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T17:45:37+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T13:45:48+00:00",
     "source_file": "README.md",
     "language_code": "vi"
   },
diff --git a/translations/vi/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/vi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 93b42fb70..f68896ee9 100644
--- a/translations/vi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/vi/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # Giới thiệu về Ngôn ngữ Lập trình và Công cụ Phát triển Hiện đại
 
-Chào bạn, nhà phát triển tương lai! 👋 Tôi có thể nói với bạn điều gì đó khiến tôi vẫn còn nổi da gà mỗi ngày không? Bạn sắp khám phá ra rằng lập trình không chỉ là về máy tính – mà còn là siêu năng lực thực sự để biến những ý tưởng táo bạo nhất của bạn thành hiện thực!
+Chào bạn, nhà phát triển tương lai! 👋 Mình có thể kể cho bạn điều gì đó làm mình ớn lạnh mỗi ngày không? Bạn sắp khám phá ra rằng lập trình không chỉ là về máy tính – mà là có những siêu năng lực thực sự để biến những ý tưởng điên rồ nhất của bạn thành hiện thực!
 
-Bạn có biết cảm giác khi sử dụng ứng dụng yêu thích của mình và mọi thứ hoạt động hoàn hảo? Khi bạn nhấn một nút và điều gì đó kỳ diệu xảy ra khiến bạn phải thốt lên "wow, họ đã LÀM điều đó như thế nào?" Thì đây, ai đó giống như bạn – có lẽ đang ngồi trong quán cà phê yêu thích lúc 2 giờ sáng với ly espresso thứ ba – đã viết mã tạo nên điều kỳ diệu đó. Và điều này sẽ khiến bạn ngạc nhiên: đến cuối bài học này, bạn không chỉ hiểu cách họ làm điều đó, mà bạn còn sẽ háo hức thử làm điều đó!
+Bạn có biết cảm giác khi đang dùng ứng dụng yêu thích và mọi thứ cứ khớp hoàn hảo không? Khi bạn nhấn nút và điều gì đó thật kỳ diệu xảy ra khiến bạn phải thốt lên "wow, làm sao họ làm được vậy?" Vâng, chính người như bạn – có thể đang ngồi trong quán cà phê yêu thích lúc 2 giờ sáng với tách espresso thứ ba – đã viết đoạn mã tạo ra sự kỳ diệu đó. Và đây là điều sẽ làm bạn kinh ngạc: đến cuối bài học này, bạn không chỉ hiểu họ đã làm như thế nào, mà bạn còn háo hức muốn thử tự làm nữa!
 
-Nghe này, tôi hoàn toàn hiểu nếu lập trình có vẻ đáng sợ ngay bây giờ. Khi tôi mới bắt đầu, tôi thực sự nghĩ rằng bạn cần phải là một thiên tài toán học hoặc đã lập trình từ khi còn nhỏ. Nhưng đây là điều đã thay đổi hoàn toàn quan điểm của tôi: lập trình giống như học cách giao tiếp bằng một ngôn ngữ mới. Bạn bắt đầu với "xin chào" và "cảm ơn," sau đó tiến tới gọi cà phê, và trước khi bạn nhận ra, bạn đang có những cuộc thảo luận triết học sâu sắc! Ngoại trừ trong trường hợp này, bạn đang trò chuyện với máy tính, và thành thật mà nói? Chúng là những đối tác trò chuyện kiên nhẫn nhất mà bạn từng có – chúng không bao giờ phán xét lỗi của bạn và luôn sẵn sàng thử lại!
+Nghe này, mình hoàn toàn hiểu nếu lập trình bây giờ có vẻ đáng sợ với bạn. Khi mình mới bắt đầu, mình thật sự nghĩ rằng bạn cần phải là thiên tài toán học hoặc đã lập trình từ khi 5 tuổi. Nhưng đây là điều đã hoàn toàn thay đổi quan điểm của mình: lập trình chính xác như học cách trò chuyện trong một ngôn ngữ mới. Bạn bắt đầu với "xin chào" và "cảm ơn," rồi đến lúc đặt cà phê, và không lâu sau, bạn đang có những cuộc thảo luận triết lý sâu sắc! Ngoại trừ trường hợp này, bạn đang nói chuyện với máy tính, và thật lòng mà nói? Họ là những đối tác trò chuyện kiên nhẫn nhất bạn từng gặp – họ không bao giờ phán xét lỗi của bạn và luôn hào hứng thử lại!
 
-Hôm nay, chúng ta sẽ khám phá những công cụ tuyệt vời làm cho phát triển web hiện đại không chỉ khả thi mà còn thực sự gây nghiện. Tôi đang nói về chính những trình soạn thảo, trình duyệt và quy trình làm việc mà các nhà phát triển tại Netflix, Spotify, và studio ứng dụng indie yêu thích của bạn sử dụng mỗi ngày. Và đây là phần sẽ khiến bạn nhảy múa vui vẻ: hầu hết các công cụ chuyên nghiệp, tiêu chuẩn ngành này đều hoàn toàn miễn phí!
+Hôm nay, chúng ta sẽ khám phá những công cụ tuyệt vời giúp phát triển web hiện đại không chỉ có thể mà còn rất gây nghiện. Mình đang nói về chính những trình soạn thảo, trình duyệt, và quy trình làm việc mà các nhà phát triển ở Netflix, Spotify, và studio ứng dụng indie yêu thích của bạn dùng mỗi ngày. Và đây là phần làm bạn nhảy cẫng lên vui mừng: hầu hết các công cụ chuyên nghiệp, chuẩn công nghiệp này hoàn toàn miễn phí!
 
-![Giới thiệu Lập trình](../../../../translated_images/vi/webdev101-programming.d6e3f98e61ac4bff.webp)
+![Intro Programming](../../../../translated_images/vi/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote bởi [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
+    title Hành Trình Lập Trình Của Bạn Hôm Nay
+    section Khám Phá
       What is Programming: 5: You
       Programming Languages: 4: You
       Tools Overview: 5: You
-    section Explore
+    section Khám Phá
       Code Editors: 4: You
       Browsers & DevTools: 5: You
       Command Line: 3: You
-    section Practice
+    section Thực Hành
       Language Detective: 4: You
       Tool Exploration: 5: You
       Community Connection: 5: You
 ```
+## Hãy Xem Bạn Đã Biết Gì Rồi!
 
-## Hãy Xem Bạn Đã Biết Những Gì!
+Trước khi chúng ta bước vào phần thú vị, mình tò mò – bạn đã biết gì về thế giới lập trình này rồi? Và nghe này, nếu bạn đang nhìn vào những câu hỏi này và nghĩ "Tôi thật sự chẳng biết gì cả," thì điều đó không chỉ ổn, mà còn là hoàn hảo! Điều đó có nghĩa bạn đang ở đúng nơi rồi đấy. Hãy xem bài kiểm tra nhỏ này như việc khởi động trước khi tập thể dục – chúng ta chỉ đang làm nóng các cơ não thôi!
 
-Trước khi chúng ta bắt đầu phần thú vị, tôi tò mò – bạn đã biết gì về thế giới lập trình này? Và nghe này, nếu bạn nhìn vào những câu hỏi này và nghĩ "Tôi thực sự không biết gì về bất kỳ điều này," thì không chỉ là ổn, mà còn hoàn hảo! Điều đó có nghĩa là bạn đang ở đúng nơi. Hãy nghĩ về bài kiểm tra này như việc khởi động trước khi tập luyện – chúng ta chỉ đang làm nóng các cơ não thôi!
+[Tham gia bài kiểm tra trước bài học](https://ff-quizzes.netlify.app/web/)
 
-[Tham gia bài kiểm tra trước bài học](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## Cuộc Phiêu Lưu Chúng Ta Sắp Đi Cùng Nhau
+## Cuộc Phiêu Lưu Mà Chúng Ta Sẽ Cùng Đi Qua
 
-Được rồi, tôi thực sự rất phấn khích về những gì chúng ta sẽ khám phá hôm nay! Thật sự, tôi ước mình có thể thấy khuôn mặt của bạn khi một số khái niệm này trở nên rõ ràng. Đây là hành trình tuyệt vời mà chúng ta sẽ cùng nhau thực hiện:
+Được rồi, mình thật sự đầy háo hức về những gì chúng ta sẽ khám phá hôm nay! Thật sự, mình ước có thể nhìn thấy khuôn mặt bạn khi một số khái niệm bật sáng trong đầu bạn. Dưới đây là chuyến hành trình tuyệt vời mà chúng ta sẽ đi cùng nhau:
 
-- **Lập trình thực sự là gì (và tại sao nó là điều tuyệt vời nhất!)** – Chúng ta sẽ khám phá cách mã hóa thực sự là phép thuật vô hình vận hành mọi thứ xung quanh bạn, từ chiếc đồng hồ báo thức biết rằng hôm nay là thứ Hai đến thuật toán chọn lọc hoàn hảo các gợi ý Netflix của bạn
-- **Ngôn ngữ lập trình và tính cách tuyệt vời của chúng** – Hãy tưởng tượng bạn bước vào một bữa tiệc nơi mỗi người có siêu năng lực hoàn toàn khác nhau và cách giải quyết vấn đề riêng biệt. Đó là thế giới của ngôn ngữ lập trình, và bạn sẽ thích gặp gỡ chúng!
-- **Những khối xây dựng cơ bản tạo nên phép thuật số** – Hãy nghĩ về chúng như bộ LEGO sáng tạo tối thượng. Một khi bạn hiểu cách các mảnh ghép này kết hợp với nhau, bạn sẽ nhận ra rằng bạn có thể xây dựng bất cứ thứ gì mà trí tưởng tượng của bạn mơ ước
-- **Công cụ chuyên nghiệp sẽ khiến bạn cảm thấy như vừa được trao cây đũa phép của phù thủy** – Tôi không nói quá đâu – những công cụ này thực sự sẽ khiến bạn cảm thấy như có siêu năng lực, và phần tuyệt vời nhất? Chúng là những công cụ mà các chuyên gia sử dụng!
+- **Lập trình thực sự là gì (và tại sao nó tuyệt vời nhất!)** – Chúng ta sẽ khám phá cách mà mã lệnh chính là phép thuật vô hình cung cấp năng lượng cho mọi thứ xung quanh bạn, từ cái chuông báo thức biết là thứ Hai đến thuật toán lựa chọn đề xuất Netflix hoàn hảo của bạn
+- **Các ngôn ngữ lập trình và tính cách đặc biệt của chúng** – Hãy tưởng tượng bạn bước vào một bữa tiệc nơi mỗi người có những siêu năng lực và cách giải quyết vấn đề hoàn toàn khác nhau. Đó chính là thế giới ngôn ngữ lập trình, và bạn sẽ thích gặp gỡ họ!
+- **Những viên gạch nền tảng tạo nên phép thuật số** – Hãy coi chúng như bộ LEGO sáng tạo tối thượng. Khi bạn hiểu cách các mảnh ghép này khớp với nhau, bạn sẽ nhận ra bạn có thể xây dựng bất cứ thứ gì trong tưởng tượng của bạn
+- **Công cụ chuyên nghiệp giúp bạn cảm thấy như vừa được trao cho cây đũa thần** – Mình không nói quá đâu – những công cụ này thực sự sẽ làm bạn cảm thấy có siêu năng lực, và phần hay nhất? Chúng là những công cụ mà các chuyên gia sử dụng!
 
-> 💡 **Điều quan trọng**: Đừng nghĩ đến việc cố gắng ghi nhớ mọi thứ hôm nay! Ngay bây giờ, tôi chỉ muốn bạn cảm nhận được sự phấn khích về những gì có thể. Các chi tiết sẽ tự nhiên gắn bó khi chúng ta thực hành cùng nhau – đó là cách học thực sự diễn ra!
+> 💡 **Một điều này nhé:** Đừng nghĩ đến việc cố gắng ghi nhớ tất cả hôm nay! Bây giờ, mình chỉ muốn bạn cảm nhận được tia lửa phấn khích về những gì có thể làm được. Các chi tiết sẽ tự nhiên lưu lại khi chúng ta cùng luyện tập – đó chính là cách học thực sự!
 
-> Bạn có thể tham gia bài học này trên [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Bạn có thể học bài này trên [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
 
-## Vậy Lập trình Thực sự Là Gì?
+## Vậy Lập Trình Thật Ra *Là Gì*?
 
-Được rồi, hãy giải quyết câu hỏi triệu đô: lập trình thực sự là gì?
+Được rồi, hãy cùng trả lời câu hỏi triệu đô: lập trình thật sự là gì?
 
-Tôi sẽ kể cho bạn một câu chuyện đã hoàn toàn thay đổi cách tôi nghĩ về điều này. Tuần trước, tôi đang cố gắng giải thích cho mẹ tôi cách sử dụng điều khiển từ xa của TV thông minh mới. Tôi đã nói những câu như "Nhấn nút đỏ, nhưng không phải nút đỏ lớn, nút đỏ nhỏ ở bên trái... không, bên trái khác của mẹ... được rồi, giờ giữ nó trong hai giây, không phải một, không phải ba..." Nghe quen không? 😅
+Mình sẽ kể bạn một câu chuyện đã làm mình thay đổi hoàn toàn cách nghĩ về điều này. Tuần trước, mình cố giải thích cho mẹ mình cách sử dụng chiếc điều khiển TV thông minh mới. Mình bắt gặp mình nói những câu kiểu như "Nhấn nút đỏ, nhưng không phải nút đỏ lớn, mà là nút đỏ nhỏ bên trái... không, bên trái kia kìa... được rồi, giữ nút đó hai giây, không phải một, không phải ba..." Nghe quen không? 😅
 
-Đó chính là lập trình! Đó là nghệ thuật đưa ra các hướng dẫn chi tiết, từng bước cho một thứ rất mạnh mẽ nhưng cần mọi thứ được giải thích hoàn hảo. Ngoại trừ việc thay vì giải thích cho mẹ bạn (người có thể hỏi "nút đỏ nào?!"), bạn đang giải thích cho một máy tính (máy chỉ làm đúng những gì bạn nói, ngay cả khi điều bạn nói không hoàn toàn là điều bạn muốn).
+Đó chính là lập trình! Đó là nghệ thuật đưa ra chỉ dẫn cực kỳ chi tiết, từng bước cho một thứ rất mạnh mẽ nhưng cần mọi thứ được nói rõ ràng hoàn hảo. Ngoại trừ không phải giải thích cho mẹ bạn (người có thể hỏi "nút đỏ nào?"), mà bạn đang giải thích cho máy tính (máy tính chỉ làm đúng những gì bạn nói, dù bạn nói chưa đúng ý).
 
-Điều khiến tôi ngạc nhiên khi lần đầu tiên học điều này: máy tính thực sự khá đơn giản ở cốt lõi của chúng. Chúng chỉ hiểu hai điều – 1 và 0, về cơ bản chỉ là "có" và "không" hoặc "bật" và "tắt." Chỉ vậy thôi! Nhưng đây là nơi nó trở nên kỳ diệu – chúng ta không cần phải nói bằng 1 và 0 như trong The Matrix. Đó là nơi **ngôn ngữ lập trình** xuất hiện. Chúng giống như có người phiên dịch tốt nhất thế giới, người chuyển đổi suy nghĩ hoàn toàn bình thường của bạn thành ngôn ngữ máy tính.
+Cái đã làm mình kinh ngạc khi mới học là: máy tính thực ra rất đơn giản ở cốt lõi. Chúng chỉ hiểu hai thứ – 1 và 0, tức là "có" và "không" hoặc "bật" và "tắt." Chỉ vậy thôi! Nhưng đây là điều kỳ diệu – chúng ta không cần nói bằng 1 và 0 như trong Ma Trận. Đó là khi **ngôn ngữ lập trình** cứu cánh. Chúng là như phiên dịch viên giỏi nhất thế giới, biến những suy nghĩ bình thường của con người thành ngôn ngữ máy tính.
 
-Và đây là điều khiến tôi vẫn nổi da gà mỗi sáng khi thức dậy: mọi thứ kỹ thuật số trong cuộc sống của bạn đều bắt đầu với ai đó giống như bạn, có lẽ đang ngồi trong bộ đồ ngủ với một tách cà phê, gõ mã trên máy tính xách tay của họ. Bộ lọc Instagram làm bạn trông hoàn hảo? Ai đó đã mã hóa nó. Gợi ý dẫn bạn đến bài hát yêu thích mới của bạn? Một nhà phát triển đã xây dựng thuật toán đó. Ứng dụng giúp bạn chia hóa đơn bữa tối với bạn bè? Đúng vậy, ai đó đã nghĩ "điều này thật phiền phức, tôi cá là tôi có thể sửa điều này" và sau đó... họ đã làm được!
+Và đây là điều vẫn làm mình rùng mình mỗi sáng khi thức dậy: thật sự *mọi thứ* kỹ thuật số trong cuộc sống của bạn bắt đầu bởi ai đó giống bạn, có thể đang mặc đồ ngủ với tách cà phê, gõ mã trên laptop. Bộ lọc Instagram làm bạn trông hoàn hảo? Ai đó đã viết mã đó. Thuật toán gợi ý bài hát mới yêu thích của bạn? Một nhà phát triển đã xây dựng thuật toán đó. Ứng dụng giúp bạn chia tiền ăn tối với bạn bè? Vâng, ai đó đã nghĩ "điều này thật phiền, mình chắc có thể sửa được" rồi... họ đã làm!
 
-Khi bạn học lập trình, bạn không chỉ học một kỹ năng mới – bạn đang trở thành một phần của cộng đồng tuyệt vời này gồm những người giải quyết vấn đề, những người dành cả ngày để nghĩ, "Nếu tôi có thể xây dựng thứ gì đó làm cho ngày của ai đó tốt hơn một chút thì sao?" Thành thật mà nói, có điều gì tuyệt vời hơn thế không?
+Khi bạn học lập trình, bạn không chỉ học thêm một kỹ năng mới – bạn trở thành một phần của cộng đồng những người giải quyết vấn đề tuyệt vời này, những người dành cả ngày suy nghĩ, "Nếu mình có thể xây dựng một thứ làm cho ngày của ai đó tốt hơn một chút thì sao nhỉ?" Thật sự, có gì ngầu hơn thế?
 
-✅ **Săn Tìm Sự Thật Thú Vị**: Đây là điều siêu thú vị để tìm hiểu khi bạn có thời gian rảnh – bạn nghĩ ai là lập trình viên máy tính đầu tiên trên thế giới? Tôi sẽ gợi ý: có thể không phải là người bạn mong đợi! Câu chuyện về người này thực sự hấp dẫn và cho thấy rằng lập trình luôn là về giải quyết vấn đề sáng tạo và suy nghĩ vượt ra ngoài khuôn khổ.
+✅ **Trò chơi thú vị:** Đây là điều cực kỳ thú vị để tìm hiểu khi bạn có thời gian rảnh – bạn có nghĩ ai là người lập trình máy tính đầu tiên trên thế giới không? Mình sẽ cho bạn một gợi ý: có thể không phải người bạn đang nghĩ! Câu chuyện về người này rất hấp dẫn và cho thấy lập trình luôn là về sáng tạo giải quyết vấn đề và tư duy khác biệt.
 
-### 🧠 **Thời gian Kiểm tra: Bạn Cảm Thấy Thế Nào?**
+### 🧠 **Giờ Kiểm Tra: Bạn Cảm Thấy Thế Nào?**
 
-**Hãy dành một chút thời gian để suy ngẫm:**
-- Ý tưởng "đưa ra hướng dẫn cho máy tính" có làm bạn cảm thấy dễ hiểu hơn không?
-- Bạn có thể nghĩ đến một nhiệm vụ hàng ngày mà bạn muốn tự động hóa bằng lập trình không?
-- Những câu hỏi nào đang nảy lên trong đầu bạn về toàn bộ chuyện lập trình này?
+**Dành chút thời gian suy nghĩ:**
+- Ý tưởng "đưa hướng dẫn cho máy tính" có hợp lý với bạn không?
+- Bạn có thể nghĩ ra một công việc hàng ngày bạn muốn tự động hóa bằng lập trình không?
+- Có những câu hỏi nào đang nảy lên trong đầu bạn về lập trình?
 
-> **Nhớ nhé**: Hoàn toàn bình thường nếu một số khái niệm vẫn còn mơ hồ ngay bây giờ. Học lập trình giống như học một ngôn ngữ mới – cần thời gian để não bạn xây dựng các đường dẫn thần kinh đó. Bạn đang làm rất tốt!
+> **Nhớ nhé:** Bình thường nếu một số khái niệm còn mơ hồ lúc này. Học lập trình như học một ngôn ngữ mới – cần thời gian để não bạn xây dựng các kết nối thần kinh. Bạn đang làm rất tốt rồi!
 
-## Ngôn ngữ Lập trình Giống Như Những Hương Vị Phép Thuật Khác Nhau
+## Ngôn Ngữ Lập Trình Giống Như Những Hương Vị Phép Thuật Khác Nhau
 
-Được rồi, điều này nghe có vẻ kỳ lạ, nhưng hãy cùng tôi – ngôn ngữ lập trình rất giống các thể loại âm nhạc khác nhau. Hãy nghĩ về nó: bạn có jazz, mượt mà và ngẫu hứng, rock mạnh mẽ và trực tiếp, cổ điển thanh lịch và có cấu trúc, và hip-hop sáng tạo và biểu cảm. Mỗi phong cách có cảm giác riêng, cộng đồng người hâm mộ đam mê riêng, và mỗi phong cách đều hoàn hảo cho các tâm trạng và dịp khác nhau.
+Được rồi, điều này nghe có vẻ lạ nhưng hãy theo mình – ngôn ngữ lập trình giống như các thể loại nhạc khác nhau. Nghĩ mà xem: bạn có jazz mượt mà và ứng biến, nhạc rock mãnh liệt và trực tiếp, nhạc cổ điển thanh lịch và có cấu trúc, và hip-hop sáng tạo và biểu cảm. Mỗi thể loại có phong cách riêng, cộng đồng fan đam mê riêng, và mỗi loại phù hợp với tâm trạng và dịp khác nhau.
 
-Ngôn ngữ lập trình hoạt động chính xác như vậy! Bạn sẽ không sử dụng cùng một ngôn ngữ để xây dựng một trò chơi di động vui nhộn mà bạn sẽ sử dụng để xử lý lượng lớn dữ liệu khí hậu, giống như bạn sẽ không chơi death metal trong một lớp yoga (chà, hầu hết các lớp yoga thôi! 😄).
+Ngôn ngữ lập trình cũng hoạt động y hệt vậy! Bạn sẽ không dùng cùng ngôn ngữ để tạo game di động vui nhộn như lúc xử lý khối dữ liệu khổng lồ về khí hậu, cũng giống như bạn không chơi nhạc death metal trong lớp yoga (thường là thế 😄).
 
-Nhưng đây là điều khiến tôi ngạc nhiên mỗi khi nghĩ về nó: những ngôn ngữ này giống như có người phiên dịch kiên nhẫn và thông minh nhất thế giới ngồi ngay bên cạnh bạn. Bạn có thể diễn đạt ý tưởng của mình theo cách cảm thấy tự nhiên với bộ não con người, và họ xử lý tất cả công việc cực kỳ phức tạp để chuyển đổi điều đó thành 1 và 0 mà máy tính thực sự hiểu. Nó giống như có một người bạn hoàn toàn thông thạo cả "sáng tạo của con người" và "logic của máy tính" – và họ không bao giờ mệt mỏi, không bao giờ cần nghỉ uống cà phê, và không bao giờ phán xét bạn vì hỏi cùng một câu hỏi hai lần!
+Nhưng điều làm mình kinh ngạc mỗi lần nghĩ đến: những ngôn ngữ này giống như có một phiên dịch viên kiên nhẫn, tuyệt vời ngồi ngay bên cạnh bạn. Bạn có thể diễn đạt ý tưởng theo cách tự nhiên với bộ não con người, và họ xử lý tất cả công việc phức tạp đưa thành 1 và 0 mà máy tính thực sự hiểu. Giống như có một người bạn thông thạo cả "sáng tạo của con người" và "logic của máy tính" – và họ không bao giờ mệt, không cần nghỉ cà phê, và không bao giờ phán xét bạn hỏi lại cùng một câu hai lần!
 
-### Các Ngôn ngữ Lập trình Phổ biến và Ứng dụng của Chúng
+### Các Ngôn Ngữ Lập Trình Phổ Biến và Ứng Dụng
 
 ```mermaid
 mindmap
-  root((Programming Languages))
+  root((Ngôn Ngữ Lập Trình))
     Web Development
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        Phép Thuật Frontend
+        Trang Web Tương Tác
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
+        JavaScript + Kiểu Dữ Liệu
+        Ứng Dụng Doanh Nghiệp
     Data & AI
       Python
-        Data Science
-        Machine Learning
-        Automation
+        Khoa Học Dữ Liệu
+        Học Máy
+        Tự Động Hóa
       R
-        Statistics
-        Research
+        Thống Kê
+        Nghiên Cứu
     Mobile Apps
       Java
         Android
-        Enterprise
+        Doanh Nghiệp
       Swift
         iOS
-        Apple Ecosystem
+        Hệ Sinh Thái Apple
       Kotlin
-        Modern Android
-        Cross-platform
+        Android Hiện Đại
+        Đa Nền Tảng
     Systems & Performance
       C++
-        Games
-        Performance Critical
+        Trò Chơi
+        Hiệu Năng Quan Trọng
       Rust
-        Memory Safety
-        System Programming
+        An Toàn Bộ Nhớ
+        Lập Trình Hệ Thống
       Go
-        Cloud Services
-        Scalable Backend
+        Dịch Vụ Đám Mây
+        Backend Có Khả Năng Mở Rộng
 ```
+| Ngôn ngữ | Tốt nhất cho | Tại sao phổ biến |
+|----------|--------------|------------------|
+| **JavaScript** | Phát triển web, giao diện người dùng | Chạy trên trình duyệt và cung cấp năng lượng cho các trang web tương tác |
+| **Python** | Khoa học dữ liệu, tự động hóa, AI | Dễ đọc và học, có thư viện mạnh mẽ |
+| **Java** | Ứng dụng doanh nghiệp, ứng dụng Android | Độc lập nền tảng, bền vững cho hệ thống lớn |
+| **C#** | Ứng dụng Windows, phát triển game | Hỗ trợ mạnh mẽ từ hệ sinh thái Microsoft |
+| **Go** | Dịch vụ đám mây, hệ thống backend | Nhanh, đơn giản, được thiết kế cho điện toán hiện đại |
 
-| Ngôn ngữ | Tốt nhất cho | Tại sao nó phổ biến |
-|----------|--------------|---------------------|
-| **JavaScript** | Phát triển web, giao diện người dùng | Chạy trong trình duyệt và cung cấp sức mạnh cho các trang web tương tác |
-| **Python** | Khoa học dữ liệu, tự động hóa, AI | Dễ đọc và học, thư viện mạnh mẽ |
-| **Java** | Ứng dụng doanh nghiệp, ứng dụng Android | Độc lập nền tảng, mạnh mẽ cho hệ thống lớn |
-| **C#** | Ứng dụng Windows, phát triển trò chơi | Hỗ trợ mạnh mẽ từ hệ sinh thái Microsoft |
-| **Go** | Dịch vụ đám mây, hệ thống backend | Nhanh, đơn giản, được thiết kế cho tính toán hiện đại |
+### Ngôn ngữ Cấp Cao và Cấp Thấp
 
-### Ngôn ngữ Cấp Cao vs. Cấp Thấp
+Được rồi, thực sự đây là khái niệm làm mình khá bối rối khi mới học, vậy mình sẽ chia sẻ phép ẩn dụ khiến mình hiểu ra – và mình hy vọng cũng giúp bạn!
 
-Được rồi, đây thực sự là khái niệm đã làm tôi "đau đầu" khi tôi mới bắt đầu học, vì vậy tôi sẽ chia sẻ phép so sánh cuối cùng đã giúp tôi hiểu – và tôi thực sự hy vọng nó cũng giúp bạn!
+Hãy tưởng tượng bạn đang du lịch một đất nước mà bạn không biết ngôn ngữ và bạn rất cần tìm phòng vệ sinh gần nhất (ai cũng từng trải qua chứ? 😅):
 
-Hãy tưởng tượng bạn đang đến một quốc gia mà bạn không nói được ngôn ngữ, và bạn rất cần tìm nhà vệ sinh gần nhất (chúng ta đều từng trải qua điều này, đúng không? 😅):
+- **Lập trình cấp thấp** giống như học ngôn ngữ địa phương đến mức bạn có thể trò chuyện với bà bán hoa quả góc phố sử dụng các tham chiếu văn hóa, tiếng lóng địa phương, và những câu đùa mà chỉ người bản xứ mới hiểu. Rất ấn tượng và hiệu quả... nếu bạn thành thạo! Nhưng khá quá tải khi bạn chỉ muốn tìm nhà vệ sinh thôi.
 
-- **Lập trình cấp thấp** giống như học ngôn ngữ địa phương đến mức bạn có thể trò chuyện với bà cụ bán trái cây ở góc phố bằng các tham chiếu văn hóa, tiếng lóng địa phương, và những câu chuyện cười nội bộ mà chỉ người lớn lên ở đó mới hiểu. Rất ấn tượng và cực kỳ hiệu quả... nếu bạn tình cờ thông thạo! Nhưng khá áp lực khi bạn chỉ đang cố tìm nhà vệ sinh.
+- **Lập trình cấp cao** giống như có một người bạn địa phương tuyệt vời hiểu bạn. Bạn có thể nói "Tôi rất cần tìm nhà vệ sinh" bằng tiếng Anh đơn giản, và họ xử lý việc phiên dịch văn hóa và chỉ đường sao cho bộ não không phải bản địa của bạn cũng hiểu rõ.
 
-- **Lập trình cấp cao** giống như có người bạn địa phương tuyệt vời hiểu bạn. Bạn có thể nói "Tôi thực sự cần tìm nhà vệ sinh" bằng tiếng Anh đơn giản, và họ xử lý tất cả việc dịch thuật văn hóa và chỉ đường theo cách hoàn toàn dễ hiểu với bộ não không phải người địa phương của bạn.
+Ở lập trình:
+- **Ngôn ngữ cấp thấp** (như Assembly hoặc C) cho phép bạn trò chuyện cực kỳ chi tiết với phần cứng máy tính thực tế, nhưng bạn cần nghĩ như máy, điều này... nói chung là một sự chuyển đổi tư duy khá lớn!
+- **Ngôn ngữ cấp cao** (như JavaScript, Python, hay C#) cho phép bạn suy nghĩ như con người trong khi chúng xử lý mọi "ngôn ngữ máy" phía sau. Hơn nữa, chúng có cộng đồng rất thân thiện với nhiều người nhớ được cảm giác mới học và thật lòng muốn giúp đỡ!
 
-Trong thuật ngữ lập trình:
-- **Ngôn ngữ cấp thấp** (như Assembly hoặc C) cho phép bạn có các cuộc trò chuyện cực kỳ chi tiết với phần cứng thực tế của máy tính, nhưng bạn cần suy nghĩ như một cỗ máy, điều này... chà, hãy nói rằng đó là một sự thay đổi lớn về tư duy!
-- **Ngôn ngữ cấp cao** (như JavaScript, Python, hoặc C#) cho phép bạn suy nghĩ như một con người trong khi chúng xử lý tất cả các ngôn ngữ máy móc phía sau. Thêm vào đó, chúng có những cộng đồng cực kỳ thân thiện đầy những người nhớ cảm giác khi mới bắt đầu và thực sự muốn giúp đỡ!
-
-Bạn đoán xem tôi sẽ gợi ý bạn bắt đầu với loại nào? 😉 Ngôn ngữ cấp cao giống như có bánh xe tập đi mà bạn không bao giờ muốn tháo ra vì chúng làm cho toàn bộ trải nghiệm trở nên thú vị hơn rất nhiều!
+Bạn đoán mình sẽ đề xuất bạn bắt đầu với loại nào? 😉 Ngôn ngữ cấp cao như có bánh xe tập đi mà bạn không muốn tháo ra vì chúng khiến trải nghiệm thú vị hơn nhiều!
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 Suy nghĩ con người:<br/>'Tôi muốn tính số Fibonacci'"] --> B{Chọn cấp độ ngôn ngữ}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|Cấp cao| C["🌟 JavaScript/Python<br/>Dễ đọc và viết"]
+    B -->|Cấp thấp| D["⚙️ Assembly/C<br/>Điều khiển phần cứng trực tiếp"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 Viết: fibonacci(10)"]
+    D --> F["📝 Viết: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 Máy tính hiểu:<br/>Bộ dịch xử lý độ phức tạp"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 Kết quả giống nhau:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
     
     style C fill:#e1f5fe
     style D fill:#fff3e0
     style H fill:#e8f5e8
 ```
+### Để Mình Cho Bạn Xem Tại Sao Ngôn Ngữ Cấp Cao Thân Thiện Hơn Rất Nhiều
 
-### Để Tôi Cho Bạn Thấy Tại Sao Ngôn Ngữ Cấp Cao Thân Thiện Hơn Rất Nhiều
-
-Được rồi, tôi sắp cho bạn thấy điều gì đó hoàn toàn minh họa tại sao tôi yêu thích ngôn ngữ cấp cao, nhưng trước tiên – tôi cần bạn hứa với tôi một điều. Khi bạn thấy ví dụ mã đầu tiên, đừng hoảng sợ! Nó được thiết kế để trông đáng sợ. Đó chính là điểm tôi muốn làm rõ!
+Được rồi, mình sắp cho bạn xem điều thể hiện hoàn hảo tại sao mình yêu ngôn ngữ cấp cao, nhưng trước tiên – mình cần bạn hứa một điều. Khi bạn thấy ví dụ mã đầu tiên, đừng hoảng sợ! Nó đúng là trông có vẻ đáng sợ. Đó chính là điểm mình muốn làm nổi bật!
 
-Chúng ta sẽ xem cùng một nhiệm vụ được viết bằng hai phong cách hoàn toàn khác nhau. Cả hai đều tạo ra cái gọi là dãy Fibonacci – đó là một mẫu toán học đẹp mắt, trong đó mỗi số là tổng của hai số trước đó: 0, 1, 1, 2, 3, 5, 8, 13... (Sự thật thú vị: bạn sẽ tìm thấy mẫu này ở khắp mọi nơi trong tự nhiên – xoắn hạt hướng dương, mẫu hình quả thông, thậm chí cả cách các thiên hà hình thành!)
+Chúng ta sẽ xem cùng một tác vụ viết theo hai phong cách hoàn toàn khác nhau. Cả hai tạo ra cái gọi là dãy số Fibonacci – đây là mẫu toán học đẹp tuyệt, mỗi số là tổng của hai số trước: 0, 1, 1, 2, 3, 5, 8, 13... (Thú vị nhé: bạn sẽ thấy mẫu này ở khắp nơi trong thiên nhiên – vòng xoắn hạt hướng dương, mô hình quả thông, thậm chí cả cách các thiên hà hình thành!)
 
-Sẵn sàng để thấy sự khác biệt chưa? Đi thôi!
+Sẵn sàng thấy sự khác biệt chưa? Cùng xem nào!
 
 **Ngôn ngữ cấp cao (JavaScript) – Thân thiện với con người:**
 
 ```javascript
-// Step 1: Basic Fibonacci setup
+// Bước 1: Thiết lập cơ bản dãy Fibonacci
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**Đây là những gì mã này làm:**
-- **Khai báo** một hằng số để chỉ định số lượng số Fibonacci chúng ta muốn tạo
+**Mã này làm gì:**
+- **Khai báo** một hằng số để xác định bao nhiêu số Fibonacci muốn tạo ra
 - **Khởi tạo** hai biến để theo dõi số hiện tại và số tiếp theo trong dãy
-- **Thiết lập** các giá trị bắt đầu (0 và 1) xác định mẫu Fibonacci
-- **Hiển thị** một thông báo tiêu đề để xác định đầu ra của chúng ta
+- **Thiết lập** giá trị bắt đầu (0 và 1) định nghĩa mẫu Fibonacci
+- **Hiển thị** tiêu đề để xác định kết quả đầu ra
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// Bước 2: Tạo chuỗi với vòng lặp
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // Tính số tiếp theo trong chuỗi
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**Phân tích những gì xảy ra ở đây:**
-- **Lặp lại** qua từng vị trí trong dãy bằng vòng lặp `for`
-- **Hiển thị** từng số với vị trí của nó bằng cách định dạng chuỗi mẫu
+**Phân tích những gì xảy ra:**
+- **Lặp qua** từng vị trí trong dãy bằng vòng `for`
+- **Hiển thị** mỗi số cùng chỉ số bằng cú pháp template literal
 - **Tính toán** số Fibonacci tiếp theo bằng cách cộng giá trị hiện tại và tiếp theo
-- **Cập nhật** các biến theo dõi để chuyển sang lần lặp tiếp theo
+- **Cập nhật** biến theo dõi để chuyển sang vòng lặp kế tiếp
 
 ```javascript
-// Step 3: Modern functional approach
+// Bước 3: Phương pháp hàm hiện đại
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,15 +219,15 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// Ví dụ sử dụng
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**Trong đoạn mã trên, chúng ta đã:**
-- **Tạo** một hàm có thể tái sử dụng bằng cú pháp hàm mũi tên hiện đại
-- **Xây dựng** một mảng để lưu trữ toàn bộ dãy thay vì hiển thị từng số một
-- **Sử dụng** chỉ số mảng để tính toán từng số mới từ các giá trị trước đó
+**Trong đoạn trên, ta đã:**
+- **Tạo** hàm dùng lại bằng cú pháp arrow function hiện đại
+- **Xây dựng** mảng để lưu toàn bộ dãy thay vì hiển thị từng số
+- **Dùng** chỉ số mảng để tính số mới từ các số trước đó
 - **Trả về** toàn bộ dãy để sử dụng linh hoạt trong các phần khác của chương trình
 
 **Ngôn ngữ cấp thấp (ARM Assembly) – Thân thiện với máy tính:**
@@ -259,127 +257,127 @@ back add r0,r1
  end
 ```
 
-Hãy chú ý cách phiên bản JavaScript gần như đọc giống như hướng dẫn bằng tiếng Anh, trong khi phiên bản Assembly sử dụng các lệnh khó hiểu trực tiếp điều khiển bộ xử lý của máy tính. Cả hai đều hoàn thành cùng một nhiệm vụ, nhưng ngôn ngữ cấp cao dễ hiểu, viết và duy trì hơn rất nhiều.
+Bạn để ý phiên bản JavaScript đọc gần như là các hướng dẫn bằng tiếng Anh, còn phiên bản Assembly dùng các lệnh bí ẩn điều khiển trực tiếp bộ xử lý máy tính. Cả hai đều hoàn thành cùng một nhiệm vụ, nhưng ngôn ngữ cấp cao dễ hiểu, viết và bảo trì hơn nhiều đối với con người.
 
-**Những khác biệt chính bạn sẽ nhận thấy:**
-- **Độ dễ đọc**: JavaScript sử dụng các tên mô tả như `fibonacciCount` trong khi Assembly sử dụng các nhãn khó hiểu như `r0`, `r1`
-- **Bình luận**: Ngôn ngữ lập trình cấp cao khuyến khích việc sử dụng các bình luận giải thích, giúp mã nguồn tự giải thích.
-- **Cấu trúc**: Dòng logic của JavaScript phù hợp với cách con người suy nghĩ về vấn đề từng bước một.
-- **Bảo trì**: Việc cập nhật phiên bản JavaScript cho các yêu cầu khác nhau rất dễ dàng và rõ ràng.
+**Điểm khác biệt chính bạn sẽ nhận thấy:**
+- **Khả năng đọc hiểu**: JavaScript sử dụng các tên mô tả như `fibonacciCount` trong khi Assembly dùng các nhãn khó hiểu như `r0`, `r1`
+- **Chú thích**: Ngôn ngữ cấp cao khuyến khích các chú thích giải thích giúp mã tự tài liệu hóa
+- **Cấu trúc**: Luồng logic trong JavaScript khớp với cách con người suy nghĩ vấn đề theo từng bước
+- **Bảo trì**: Việc cập nhật phiên bản JavaScript để đáp ứng các yêu cầu khác nhau là đơn giản và rõ ràng
 
-✅ **Về dãy số Fibonacci**: Mẫu số tuyệt đẹp này (mỗi số bằng tổng của hai số trước đó: 0, 1, 1, 2, 3, 5, 8...) xuất hiện khắp nơi trong tự nhiên! Bạn sẽ thấy nó trong các vòng xoắn của hoa hướng dương, mẫu hình của quả thông, cách vỏ ốc nautilus uốn cong, và thậm chí trong cách các nhánh cây mọc. Thật đáng kinh ngạc khi toán học và lập trình có thể giúp chúng ta hiểu và tái tạo các mẫu mà tự nhiên sử dụng để tạo ra vẻ đẹp!
+✅ **Về dãy số Fibonacci**: Mẫu số tuyệt đẹp này (nơi mỗi số bằng tổng của hai số trước nó: 0, 1, 1, 2, 3, 5, 8...) xuất hiện khắp nơi trong thiên nhiên! Bạn sẽ thấy nó trong các vòng xoắn của hoa hướng dương, họa tiết quả thông, cách vỏ nautilus uốn cong, thậm chí trong cách các cành cây phát triển. Thật khó tin khi toán học và mã có thể giúp chúng ta hiểu và tái tạo các mẫu mà thiên nhiên sử dụng để tạo ra vẻ đẹp!
 
-## Những khối xây dựng tạo nên điều kỳ diệu
+## Những Khối Xây Dựng Tạo Nên Phép Màu
 
-Được rồi, bây giờ bạn đã thấy ngôn ngữ lập trình trông như thế nào khi hoạt động, hãy cùng phân tích các thành phần cơ bản tạo nên mọi chương trình từng được viết. Hãy nghĩ về chúng như những nguyên liệu thiết yếu trong công thức nấu ăn yêu thích của bạn – một khi bạn hiểu mỗi thành phần làm gì, bạn sẽ có thể đọc và viết mã trong hầu hết mọi ngôn ngữ!
+Được rồi, giờ bạn đã thấy các ngôn ngữ lập trình trông như thế nào khi vận hành, hãy cùng phân tích những thành phần cơ bản tạo nên gần như mỗi chương trình từng được viết. Hãy nghĩ về chúng như những nguyên liệu cần thiết trong công thức yêu thích của bạn – khi bạn hiểu từng phần làm gì, bạn sẽ có thể đọc và viết mã trong hầu hết mọi ngôn ngữ!
 
-Điều này giống như học ngữ pháp của lập trình. Nhớ lại hồi đi học, khi bạn học về danh từ, động từ và cách ghép câu lại với nhau? Lập trình có phiên bản ngữ pháp riêng của nó, và thành thật mà nói, nó logic và dễ chịu hơn ngữ pháp tiếng Anh rất nhiều! 😄
+Điều này giống như học ngữ pháp lập trình vậy. Nhớ hồi đi học bạn học về danh từ, động từ, và cách ghép câu à? Lập trình cũng có phiên bản ngữ pháp riêng của nó, và thật lòng mà nói, nó logic và dễ chịu hơn ngữ pháp tiếng Anh rất nhiều! 😄
 
-### Câu lệnh: Các hướng dẫn từng bước
+### Mệnh Lệnh: Hướng Dẫn Từng Bước
 
-Hãy bắt đầu với **câu lệnh** – chúng giống như các câu riêng lẻ trong một cuộc trò chuyện với máy tính của bạn. Mỗi câu lệnh nói với máy tính làm một việc cụ thể, giống như đưa ra chỉ dẫn: "Rẽ trái ở đây," "Dừng lại ở đèn đỏ," "Đỗ xe vào chỗ đó."
+Hãy bắt đầu với **mệnh lệnh** – chúng giống như những câu đơn lẻ trong cuộc trò chuyện với máy tính của bạn. Mỗi mệnh lệnh bảo máy tính làm một việc cụ thể, giống như việc chỉ đường: "Rẽ trái ở đây," "Dừng lại tại đèn đỏ," "Đỗ xe ở chỗ đó."
 
-Điều tôi thích ở câu lệnh là chúng thường rất dễ đọc. Xem thử nhé:
+Điều tôi thích ở các mệnh lệnh là chúng thường rất dễ đọc. Nhìn này:
 
 ```javascript
-// Basic statements that perform single actions
+// Các câu lệnh cơ bản thực hiện các hành động đơn lẻ
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-
-**Đây là những gì đoạn mã này làm:**
-- **Khai báo** một biến hằng để lưu tên người dùng
-- **Hiển thị** một thông báo chào mừng trên bảng điều khiển
-- **Tính toán** và lưu kết quả của một phép toán
+  
+**Mã này làm gì:**  
+- **Khai báo** một biến hằng để lưu tên người dùng  
+- **Hiển thị** một lời chào lên bảng điều khiển  
+- **Tính toán** và lưu kết quả của một phép toán  
 
 ```javascript
-// Statements that interact with web pages
+// Các câu lệnh tương tác với các trang web
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
+  
+**Từng bước diễn ra như sau:**  
+- **Sửa đổi** tiêu đề trang xuất hiện trên tab trình duyệt  
+- **Thay đổi** màu nền toàn bộ trang  
 
-**Từng bước, đây là những gì đang xảy ra:**
-- **Thay đổi** tiêu đề của trang web xuất hiện trên tab trình duyệt
-- **Thay đổi** màu nền của toàn bộ phần thân trang
-
-### Biến: Hệ thống bộ nhớ của chương trình
+### Biến: Hệ Thống Bộ Nhớ Của Chương Trình Bạn
 
-Được rồi, **biến** thực sự là một trong những khái niệm tôi yêu thích nhất để dạy vì chúng rất giống với những thứ bạn đã sử dụng hàng ngày!
+Okay, **biến** thật sự là một trong những khái niệm tôi thích nhất để dạy vì chúng rất giống những thứ bạn đã dùng hàng ngày!
 
-Hãy nghĩ về danh bạ điện thoại của bạn. Bạn không nhớ số điện thoại của mọi người – thay vào đó, bạn lưu "Mẹ," "Bạn thân," hoặc "Quán pizza giao hàng đến 2 giờ sáng" và để điện thoại nhớ các số thực tế. Biến hoạt động chính xác như vậy! Chúng giống như những hộp được gắn nhãn nơi chương trình của bạn có thể lưu trữ thông tin và truy xuất sau đó bằng một cái tên thực sự có ý nghĩa.
+Hãy nghĩ về danh bạ điện thoại. Bạn không nhớ số điện thoại của mọi người – thay vào đó, bạn lưu "Mẹ," "Bạn thân," hoặc "Quán Pizza giao hàng đến 2 giờ sáng" và để điện thoại ghi nhớ số thực. Biến cũng hoạt động y hệt vậy! Chúng giống những hộp có nhãn, nơi chương trình bạn có thể lưu trữ thông tin và truy xuất lại sau này bằng một cái tên rất dễ hiểu.
 
-Điều thú vị là: biến có thể thay đổi khi chương trình của bạn chạy (do đó có tên là "biến" – bạn thấy họ làm gì không?). Giống như bạn có thể cập nhật liên lạc của quán pizza khi tìm được nơi nào đó ngon hơn, các biến có thể được cập nhật khi chương trình của bạn học được thông tin mới hoặc khi tình huống thay đổi!
+Điều thật sự tuyệt là: biến có thể thay đổi khi chương trình chạy (đó là lý do gọi là "biến" – thấy họ chơi chữ chưa?). Giống như bạn có thể cập nhật số quán pizza nếu tìm được chỗ ngon hơn, các biến cũng có thể được cập nhật khi chương trình học thêm thông tin mới hoặc khi tình huống thay đổi!
 
-Hãy để tôi cho bạn thấy điều này đơn giản và đẹp đẽ như thế nào:
+Để tôi cho bạn thấy điều này thật đơn giản thế nào:
 
 ```javascript
-// Step 1: Creating basic variables
+// Bước 1: Tạo các biến cơ bản
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-
-**Hiểu các khái niệm này:**
-- **Lưu trữ** các giá trị không thay đổi trong biến `const` (như tên trang web)
-- **Sử dụng** `let` cho các giá trị có thể thay đổi trong suốt chương trình
-- **Gán** các kiểu dữ liệu khác nhau: chuỗi (văn bản), số, và boolean (đúng/sai)
-- **Chọn** tên mô tả để giải thích mỗi biến chứa gì
+  
+**Hiểu các khái niệm này:**  
+- **Lưu** các giá trị không đổi trong biến `const` (như tên trang)  
+- **Dùng** `let` cho những giá trị có thể thay đổi trong chương trình  
+- **Gán** các kiểu dữ liệu khác nhau: chuỗi (text), số, và boolean (đúng/sai)  
+- **Chọn** tên biến mô tả dữ liệu một cách rõ ràng  
 
 ```javascript
-// Step 2: Working with objects to group related data
+// Bước 2: Làm việc với các đối tượng để nhóm dữ liệu có liên quan
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-
-**Trong đoạn trên, chúng ta đã:**
-- **Tạo** một đối tượng để nhóm thông tin thời tiết liên quan lại với nhau
-- **Tổ chức** nhiều mẩu dữ liệu dưới một tên biến
-- **Sử dụng** cặp khóa-giá trị để gắn nhãn rõ ràng từng mẩu thông tin
+  
+**Ở ví dụ trên, chúng ta đã:**  
+- **Tạo** một đối tượng để nhóm thông tin thời tiết liên quan  
+- **Sắp xếp** nhiều dữ liệu dưới một tên biến duy nhất  
+- **Dùng** cặp khóa-giá trị để gắn nhãn từng thông tin rõ ràng  
 
 ```javascript
-// Step 3: Using and updating variables
+// Bước 3: Sử dụng và cập nhật biến
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// Cập nhật các biến có thể thay đổi
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-
-**Hãy hiểu từng phần:**
-- **Hiển thị** thông tin bằng cách sử dụng template literals với cú pháp `${}`
-- **Truy cập** thuộc tính của đối tượng bằng cách sử dụng dot notation (`weatherData.windSpeed`)
-- **Cập nhật** các biến được khai báo với `let` để phản ánh điều kiện thay đổi
-- **Kết hợp** nhiều biến để tạo ra các thông điệp có ý nghĩa
+  
+**Hiểu từng phần:**  
+- **Hiển thị** thông tin dùng chuỗi mẫu kèm cú pháp `${}`  
+- **Truy cập** thuộc tính của đối tượng bằng dấu chấm (`weatherData.windSpeed`)  
+- **Cập nhật** các biến khai báo bằng `let` để phản ánh điều kiện thay đổi  
+- **Kết hợp** nhiều biến để tạo ra các thông điệp có ý nghĩa  
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// Bước 4: Phá cấu trúc hiện đại để mã sạch hơn
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
+  
+**Cần biết:**  
+- **Trích xuất** các thuộc tính cụ thể của đối tượng bằng phép gán phân rã  
+- **Tạo** biến mới tự động cùng tên với các khóa trong đối tượng  
+- **Đơn giản hóa** mã bằng cách tránh lặp lại cú pháp dấu chấm  
 
-**Những gì bạn cần biết:**
-- **Trích xuất** các thuộc tính cụ thể từ đối tượng bằng cách sử dụng destructuring assignment
-- **Tạo** các biến mới tự động với cùng tên như các khóa của đối tượng
-- **Đơn giản hóa** mã bằng cách tránh lặp lại dot notation
-
-### Dòng điều khiển: Dạy chương trình của bạn cách suy nghĩ
+### Luồng Điều Khiển: Dạy Chương Trình Bạn Cách Nghĩ
 
-Được rồi, đây là nơi lập trình trở nên cực kỳ thú vị! **Dòng điều khiển** về cơ bản là dạy chương trình của bạn cách đưa ra quyết định thông minh, giống như bạn làm mỗi ngày mà không cần suy nghĩ.
+Okay, đây là phần làm lập trình trở nên cực kỳ kinh ngạc! **Luồng điều khiển** về cơ bản là dạy chương trình làm thế nào để đưa ra các quyết định thông minh, giống như bạn làm từng ngày mà chẳng cần suy nghĩ nhiều.
 
-Hãy tưởng tượng điều này: sáng nay bạn có thể đã trải qua điều gì đó như "Nếu trời mưa, tôi sẽ mang ô. Nếu trời lạnh, tôi sẽ mặc áo khoác. Nếu tôi trễ giờ, tôi sẽ bỏ qua bữa sáng và mua cà phê trên đường đi." Bộ não của bạn tự nhiên tuân theo logic if-then hàng chục lần mỗi ngày!
+Hãy tưởng tượng: sáng nay bạn có thể đã trải qua kiểu logic như "Nếu trời mưa, tôi sẽ mang ô. Nếu trời lạnh, tôi sẽ mặc áo khoác. Nếu tôi đi trễ, tôi sẽ bỏ bữa sáng và lấy cà phê trên đường." Bộ não bạn tự nhiên làm theo quy luật if-then này hàng chục lần mỗi ngày!
 
-Đây là điều làm cho các chương trình cảm thấy thông minh và sống động thay vì chỉ tuân theo một kịch bản nhàm chán, dễ đoán. Chúng thực sự có thể nhìn vào một tình huống, đánh giá những gì đang xảy ra, và phản ứng phù hợp. Nó giống như cho chương trình của bạn một bộ não có thể thích nghi và đưa ra lựa chọn!
+Chính điều này khiến các chương trình cảm thấy thông minh và sống động thay vì chỉ tuân theo kịch bản khô khan, máy móc. Chúng có thể nhìn vào một tình huống, đánh giá điều gì đang xảy ra, và phản ứng phù hợp. Giống như trao cho chương trình một bộ não để thích ứng và lựa chọn!
 
-Muốn thấy điều này hoạt động đẹp đẽ như thế nào? Để tôi cho bạn xem:
+Muốn thấy nó vận hành tuyệt vời thế nào? Để tôi cho bạn xem:
 
 ```javascript
-// Step 1: Basic conditional logic
+// Bước 1: Logic điều kiện cơ bản
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-
-**Đây là những gì đoạn mã này làm:**
-- **Kiểm tra** xem tuổi của người dùng có đáp ứng yêu cầu bầu cử không
-- **Thực thi** các khối mã khác nhau dựa trên kết quả điều kiện
-- **Tính toán** và hiển thị thời gian còn lại cho đến khi đủ tuổi bầu cử nếu dưới 18
-- **Cung cấp** phản hồi cụ thể, hữu ích cho từng trường hợp
+  
+**Mã này làm gì:**  
+- **Kiểm tra** xem tuổi người dùng có đủ điều kiện bầu cử không  
+- **Chạy** các đoạn mã khác nhau dựa vào kết quả điều kiện  
+- **Tính toán** và hiển thị khoảng thời gian chờ đủ tuổi bầu cử nếu chưa đủ 18  
+- **Cung cấp** phản hồi cụ thể, hữu ích cho từng trường hợp  
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// Bước 2: Nhiều điều kiện với toán tử logic
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-
-**Phân tích những gì xảy ra ở đây:**
-- **Kết hợp** nhiều điều kiện bằng cách sử dụng toán tử `&&` (và)
-- **Tạo** một hệ thống phân cấp điều kiện bằng cách sử dụng `else if` cho nhiều trường hợp
-- **Xử lý** tất cả các trường hợp có thể với câu lệnh `else` cuối cùng
-- **Cung cấp** phản hồi rõ ràng, có thể hành động cho từng tình huống khác nhau
+  
+**Phân tích diễn biến:**  
+- **Kết hợp** nhiều điều kiện với toán tử `&&` (và)  
+- **Tạo** hệ thống điều kiện phân loại bằng `else if` cho nhiều tình huống  
+- **Xử lý** tất cả các trường hợp với câu lệnh `else` cuối cùng  
+- **Đưa ra** phản hồi rõ ràng, khả thi cho mỗi tình huống khác nhau  
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// Bước 3: Câu điều kiện ngắn gọn với toán tử tam phân
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-
-**Những gì bạn cần nhớ:**
-- **Sử dụng** toán tử ternary (`? :`) cho các điều kiện đơn giản hai tùy chọn
-- **Viết** điều kiện trước, theo sau là `?`, sau đó kết quả đúng, sau đó `:`, sau đó kết quả sai
-- **Áp dụng** mẫu này khi bạn cần gán giá trị dựa trên điều kiện
+  
+**Cần nhớ:**  
+- **Dùng** toán tử ba ngôi (`? :`) cho các điều kiện có hai lựa chọn đơn giản  
+- **Viết** điều kiện đầu tiên, theo sau là `?`, kết quả đúng, rồi `:`, kết quả sai  
+- **Áp dụng** mẫu này khi cần gán giá trị dựa trên điều kiện  
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// Bước 4: Xử lý nhiều trường hợp cụ thể
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,58 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
+  
+**Mã làm được:**  
+- **So khớp** giá trị biến với nhiều trường hợp cụ thể  
+- **Nhóm** các trường hợp tương đồng (ngày trong tuần so với cuối tuần)  
+- **Thực hiện** đoạn mã tương ứng khi tìm thấy khớp  
+- **Bao gồm** trường hợp `default` để xử lý giá trị bất ngờ  
+- **Dùng** câu lệnh `break` để ngăn không thực hiện tiếp các trường hợp phía sau  
 
-**Đoạn mã này thực hiện các điều sau:**
-- **So khớp** giá trị biến với nhiều trường hợp cụ thể
-- **Nhóm** các trường hợp tương tự lại với nhau (ngày trong tuần so với cuối tuần)
-- **Thực thi** khối mã phù hợp khi tìm thấy sự so khớp
-- **Bao gồm** một trường hợp `default` để xử lý các giá trị không mong đợi
-- **Sử dụng** câu lệnh `break` để ngăn mã tiếp tục đến trường hợp tiếp theo
-
-> 💡 **Ví dụ thực tế**: Hãy nghĩ về dòng điều khiển như có GPS kiên nhẫn nhất thế giới đang chỉ đường cho bạn. Nó có thể nói "Nếu có kẹt xe trên đường Main, hãy đi đường cao tốc. Nếu có công trình xây dựng chặn đường cao tốc, hãy thử đi đường cảnh quan." Các chương trình sử dụng loại logic điều kiện này để phản ứng thông minh với các tình huống khác nhau và luôn mang lại trải nghiệm tốt nhất có thể cho người dùng.
+> 💡 **Minh họa thực tế**: Hãy nghĩ luồng điều khiển giống như bạn có một GPS cực kỳ kiên nhẫn chỉ đường. Nó có thể nói "Nếu trên đường Main đang kẹt xe, hãy đi cao tốc. Nếu cao tốc bị chặn do công trường, thử đi đường ngắm cảnh." Các chương trình dùng đúng kiểu logic có điều kiện này để phản ứng thông minh với các tình huống khác nhau và luôn mang lại trải nghiệm tốt nhất cho người dùng.
 
-### 🎯 **Kiểm tra khái niệm: Làm chủ các khối xây dựng**
+### 🎯 **Kiểm Tra Khái Niệm: Làm Chủ Các Khối Xây Dựng**
 
-**Hãy xem bạn đang làm thế nào với các nguyên tắc cơ bản:**
-- Bạn có thể giải thích sự khác biệt giữa biến và câu lệnh bằng lời của mình không?
-- Nghĩ về một tình huống thực tế nơi bạn sẽ sử dụng quyết định if-then (như ví dụ bầu cử của chúng ta)
-- Điều gì về logic lập trình khiến bạn ngạc nhiên?
+**Cùng xem bạn làm thế nào với kiến thức nền tảng:**  
+- Bạn có thể giải thích sự khác biệt giữa biến và mệnh lệnh bằng lời của bạn?  
+- Nghĩ về một tình huống thực tế bạn sẽ dùng lệnh if-then (như ví dụ bầu cử)  
+- Điều gì về logic lập trình khiến bạn bất ngờ nhất?
 
-**Tăng cường sự tự tin nhanh chóng:**
+**Tăng sự tự tin nhanh:**  
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 Câu lệnh<br/>(Hướng dẫn)"] --> B["📦 Biến<br/>(Lưu trữ)"] --> C["🔀 Luồng điều khiển<br/>(Quyết định)"] --> D["🎉 Chương trình hoạt động!"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
-```
+```  
+✅ **Điều tiếp theo**: Chúng ta sẽ có một chuyến phiêu lưu đầy thú vị khám phá sâu hơn các khái niệm này! Hiện giờ, hãy tập trung cảm nhận sự phấn khích về mọi khả năng tuyệt vời đang chờ phía trước. Kỹ năng và kỹ thuật cụ thể sẽ đi vào tiềm thức khi ta luyện tập cùng nhau – tôi đảm bảo đây sẽ vui hơn bạn tưởng rất nhiều!
 
-✅ **Tiếp theo là gì**: Chúng ta sẽ có một khoảng thời gian tuyệt vời khám phá sâu hơn các khái niệm này khi tiếp tục hành trình tuyệt vời này cùng nhau! Ngay bây giờ, chỉ cần tập trung vào cảm giác phấn khích về tất cả những khả năng tuyệt vời phía trước. Các kỹ năng và kỹ thuật cụ thể sẽ tự nhiên gắn bó khi chúng ta thực hành cùng nhau – tôi hứa điều này sẽ thú vị hơn bạn mong đợi rất nhiều!
+## Công Cụ Chuyên Nghiệp
 
-## Công cụ hỗ trợ
+Được rồi, thành thật mà nói đây là phần khiến tôi cực kỳ hào hứng không thể kiềm chế! 🚀 Chúng ta sắp nói về những công cụ tuyệt vời sẽ làm bạn cảm giác như vừa được trao chìa khóa cho một chiếc phi thuyền số.
 
-Được rồi, đây thực sự là nơi tôi cảm thấy phấn khích đến mức không thể kiềm chế được! 🚀 Chúng ta sắp nói về những công cụ tuyệt vời sẽ khiến bạn cảm thấy như vừa được trao chìa khóa của một con tàu vũ trụ kỹ thuật số.
+Bạn biết đầu bếp có những con dao cân bằng hoàn hảo như thể là phần nối dài của bàn tay họ không? Hay nhạc sĩ có cây đàn guitar mà chỉ cần chạm vào là như hát lên? Các nhà phát triển phần mềm có phiên bản công cụ kỳ diệu của riêng mình, và đây là điều sẽ làm bạn choáng ngợp – hầu hết đều hoàn toàn miễn phí!
 
-Bạn biết cách một đầu bếp có những con dao hoàn hảo cân bằng, cảm giác như phần mở rộng của bàn tay họ? Hoặc cách một nhạc sĩ có cây đàn guitar dường như hát lên ngay khi họ chạm vào? Chà, các nhà phát triển có phiên bản riêng của những công cụ kỳ diệu này, và đây là điều sẽ khiến bạn kinh ngạc – hầu hết chúng hoàn toàn miễn phí!
+Tôi gần như nhún nhảy trên ghế khi nghĩ tới việc chia sẻ với bạn bởi vì chúng đã cách mạng hóa hoàn toàn cách chúng ta xây dựng phần mềm. Chúng ta đang nói về các trợ lý viết mã dùng trí tuệ nhân tạo (tôi không đùa đâu!), môi trường đám mây nơi bạn có thể xây dựng toàn bộ ứng dụng từ bất cứ đâu có Wi-Fi, và các công cụ gỡ lỗi tinh vi như thể bạn có thể nhìn xuyên thấu các chương trình.
 
-Tôi gần như nhảy lên ghế khi nghĩ về việc chia sẻ những điều này với bạn vì chúng đã hoàn toàn cách mạng hóa cách chúng ta xây dựng phần mềm. Chúng ta đang nói về các trợ lý mã hóa được hỗ trợ bởi AI có thể giúp viết mã của bạn (tôi không đùa đâu!), môi trường đám mây nơi bạn có thể xây dựng toàn bộ ứng dụng từ bất kỳ đâu có Wi-Fi, và các công cụ gỡ lỗi tinh vi đến mức giống như có tầm nhìn X-quang cho chương trình của bạn.
-
-Và đây là phần vẫn khiến tôi nổi da gà: đây không phải là "công cụ dành cho người mới bắt đầu" mà bạn sẽ vượt qua. Đây là những công cụ chuyên nghiệp chính xác mà các nhà phát triển tại Google, Netflix, và studio ứng dụng indie mà bạn yêu thích đang sử dụng ngay lúc này. Bạn sẽ cảm thấy như một chuyên gia thực thụ khi sử dụng chúng!
+Và phần này khiến tôi run lên: đây không phải là "công cụ cho người mới" mà bạn sẽ sớm bỏ qua. Đây là những công cụ chuyên nghiệp y hệt như các nhà phát triển tại Google, Netflix, và studio ứng dụng độc lập mà bạn yêu thích đang dùng ngay lúc này. Bạn sẽ cảm thấy như một chuyên gia thực thụ khi sử dụng chúng!
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 Ý tưởng của bạn"] --> B["⌨️ Trình chỉnh sửa mã<br/>(VS Code)"] 
+    B --> C["🌐 Công cụ trình duyệt cho nhà phát triển<br/>(Kiểm tra & Gỡ lỗi)"]
+    C --> D["⚡ Dòng lệnh<br/>(Tự động hóa & Công cụ)"]
+    D --> E["📚 Tài liệu<br/>(Học tập & Tham khảo)"]
+    E --> F["🚀 Ứng dụng web tuyệt vời!"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 Trợ lý AI<br/>(GitHub Copilot)"]
+    C -.-> H["📱 Kiểm tra thiết bị<br/>(Thiết kế đáp ứng)"]
+    D -.-> I["📦 Trình quản lý gói<br/>(npm, yarn)"]
+    E -.-> J["👥 Cộng đồng<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -506,351 +503,352 @@ graph TD
     style H fill:#f3e5f5
     style I fill:#ffccbc
     style J fill:#e8eaf6
-```
+```  
+### Trình Soạn Thảo Mã và IDE: Người Bạn Đời Kỹ Thuật Số Mới Của Bạn
 
-### Trình chỉnh sửa mã và IDE: Người bạn kỹ thuật số mới của bạn
+Hãy nói về các trình soạn thảo mã – chúng sắp trở thành nơi yêu thích mới của bạn đấy! Hãy coi chúng như thánh địa lập trình cá nhân, nơi bạn sẽ dành phần lớn thời gian tạo và hoàn thiện tác phẩm số của mình.
 
-Hãy nói về trình chỉnh sửa mã – chúng thực sự sắp trở thành nơi yêu thích mới của bạn để ghé thăm! Hãy nghĩ về chúng như nơi trú ẩn cá nhân của bạn để viết mã, nơi bạn sẽ dành phần lớn thời gian để tạo và hoàn thiện các sáng tạo kỹ thuật số của mình.
+Nhưng điều kỳ diệu của các trình soạn thảo hiện đại là: chúng không chỉ là những trình soạn thảo văn bản sang trọng. Chúng giống như một người hướng dẫn lập trình thông minh và nhiệt tình bên cạnh bạn 24/7. Chúng phát hiện lỗi đánh máy trước khi bạn nhận ra, gợi ý cải tiến khiến bạn trông như thiên tài, giúp bạn hiểu mọi dòng mã đang làm gì, và một số còn dự đoán bạn sẽ đánh gì tiếp theo và đề nghị hoàn thành ý tưởng!
 
-Nhưng đây là điều kỳ diệu về các trình chỉnh sửa hiện đại: chúng không chỉ là các trình soạn thảo văn bản đẹp mắt. Chúng giống như có một người cố vấn mã hóa thông minh nhất, hỗ trợ nhất ngồi cạnh bạn 24/7. Chúng bắt lỗi chính tả của bạn trước khi bạn nhận ra, gợi ý cải tiến khiến bạn trông như thiên tài, giúp bạn hiểu từng phần mã làm gì, và một số thậm chí có thể dự đoán bạn sắp gõ gì và đề nghị hoàn thành suy nghĩ của bạn!
+Tôi nhớ lần đầu phát hiện tính năng tự động hoàn thành – tôi thực sự cảm thấy như đang sống trong tương lai. Bạn bắt đầu nhập, và trình soạn thảo bảo: "Này, bạn đang nghĩ tới hàm này mà làm đúng việc bạn cần đấy à?" Giống như có một người đọc suy nghĩ làm bạn lập trình vậy!
 
-Tôi nhớ lần đầu tiên tôi phát hiện ra tính năng tự động hoàn thành – tôi thực sự cảm thấy như mình đang sống trong tương lai. Bạn bắt đầu gõ một cái gì đó, và trình chỉnh sửa của bạn nói, "Này, bạn có đang nghĩ về hàm này làm chính xác những gì bạn cần không?" Nó giống như có một người đọc suy nghĩ làm bạn đồng hành mã hóa!
+**Điều gì làm các trình soạn thảo này tuyệt vời đến thế?**
 
-**Điều gì làm cho các trình chỉnh sửa này trở nên tuyệt vời?**
+Các trình soạn thảo mã hiện đại cung cấp một loạt các tính năng ấn tượng nhằm tăng năng suất của bạn:
 
-Các trình chỉnh sửa mã hiện đại cung cấp một loạt các tính năng ấn tượng được thiết kế để tăng năng suất của bạn:
+| Tính Năng | Công Dụng | Lợi Ích |
+|---------|--------------|--------------|
+| **Đánh dấu cú pháp** | Tô màu các phần khác nhau của mã | Giúp mã dễ đọc và phát hiện lỗi |
+| **Tự động hoàn thành** | Gợi ý mã khi bạn gõ | Tăng tốc độ lập trình và giảm lỗi đánh máy |
+| **Công cụ gỡ lỗi** | Giúp bạn tìm và sửa lỗi | Tiết kiệm hàng giờ khắc phục sự cố |
+| **Tiện ích mở rộng** | Thêm các tính năng chuyên biệt | Tùy biến trình soạn thảo theo công nghệ bạn dùng |
+| **Trợ lý AI** | Gợi ý mã và giải thích | Tăng tốc học tập và làm việc |
 
-| Tính năng | Nó làm gì | Tại sao nó hữu ích |
-|-----------|-----------|--------------------|
-| **Tô màu cú pháp** | Tô màu các phần khác nhau của mã | Giúp mã dễ đọc hơn và phát hiện lỗi |
-| **Tự động hoàn thành** | Gợi ý mã khi bạn gõ | Tăng tốc độ viết mã và giảm lỗi chính tả |
-| **Công cụ gỡ lỗi** | Giúp bạn tìm và sửa lỗi | Tiết kiệm hàng giờ thời gian khắc phục sự cố |
-| **Tiện ích mở rộng** | Thêm các tính năng chuyên biệt | Tùy chỉnh trình chỉnh sửa của bạn cho bất kỳ công nghệ nào |
-| **Trợ lý AI** | Gợi ý mã và giải thích | Tăng tốc học tập và năng suất |
+> 🎥 **Tài nguyên Video**: Muốn xem các công cụ này hoạt động thế nào? Xem ngay [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) để có cái nhìn tổng quan chi tiết.
 
-> 🎥 **Tài nguyên video**: Muốn thấy các công cụ này hoạt động? Xem [video Công cụ hỗ trợ](https://youtube.com/watch?v=69WJeXGBdxg) để có cái nhìn tổng quan toàn diện.
+#### Trình Soạn Thảo Gợi Ý Cho Phát Triển Web
 
-#### Trình chỉnh sửa được khuyến nghị cho phát triển web
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Miễn phí)  
+- Phổ biến nhất với các nhà phát triển web  
+- Hệ sinh thái tiện ích mở rộng xuất sắc  
+- Tích hợp terminal và Git sẵn  
+- **Tiện ích mở rộng cần có**:  
+  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - gợi ý mã dùng AI  
+  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - cộng tác trực tiếp  
+  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - định dạng mã tự động  
+  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - phát hiện lỗi chính tả trong mã  
 
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Miễn phí)
-- Phổ biến nhất trong các nhà phát triển web
-- Hệ sinh thái tiện ích mở rộng xuất sắc
-- Tích hợp terminal và Git
-- **Tiện ích mở rộng cần có**:
-  - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Gợi ý mã được hỗ trợ bởi AI
-  - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Cộng tác thời gian thực
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Định dạng mã tự động
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Bắt lỗi chính tả trong mã
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Trả phí, miễn phí cho sinh viên)  
+- Công cụ gỡ lỗi và kiểm thử nâng cao  
+- Tự động hoàn thành mã thông minh  
+- Kiểm soát phiên bản tích hợp  
 
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Trả phí, miễn phí cho sinh viên)
-- Công cụ gỡ lỗi và kiểm tra nâng cao
-- Hoàn thành mã thông minh
-- Tích hợp kiểm soát phiên bản
+**IDE Dựa Trên Đám Mây** (Giá khác nhau)  
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code đầy đủ trên trình duyệt  
+- [Replit](https://replit.com/) - tuyệt vời để học và chia sẻ mã  
+- [StackBlitz](https://stackblitz.com/) - phát triển web full-stack tức thì  
 
-**IDE dựa trên đám mây** (Các mức giá khác nhau)
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code đầy đủ trong trình duyệt của bạn
-- [Replit](https://replit.com/) - Tuyệt vời để học và chia sẻ mã
-- [StackBlitz](https://stackblitz.com/) - Phát triển web full-stack tức thì
+> 💡 **Mẹo Bắt Đầu**: Hãy bắt đầu với Visual Studio Code – nó miễn phí, được sử dụng rộng rãi trong ngành và có cộng đồng khổng lồ tạo ra các hướng dẫn và tiện ích mở rộng hữu ích.
 
-> 💡 **Mẹo bắt đầu**: Bắt đầu với Visual Studio Code – nó miễn phí, được sử dụng rộng rãi trong ngành, và có một cộng đồng lớn tạo ra các hướng dẫn và tiện ích mở rộng hữu ích.
+### Trình Duyệt Web: Phòng Thí Nghiệm Phát Triển Bí Mật Của Bạn
 
-### Trình duyệt web: Phòng thí nghiệm phát triển bí mật của bạn
+Okay, hãy chuẩn bị để tâm trí bạn bị thổi bay hoàn toàn! Bạn biết là bạn đã dùng trình duyệt để lướt mạng xã hội và xem video, đúng không? Thì hóa ra chúng đã giấu một phòng thí nghiệm phát triển tuyệt vời ngay trong đó suốt thời gian qua, chỉ chờ bạn khám phá!
 
-Được rồi, chuẩn bị để bị hoàn toàn kinh ngạc! Bạn biết cách bạn đã sử dụng trình duyệt để lướt mạng xã hội và xem video? Chà, hóa ra chúng đã giấu một phòng thí nghiệm phát triển bí mật tuyệt vời này suốt thời gian qua, chỉ chờ bạn khám phá! 
-
-Mỗi lần bạn nhấp chuột phải vào một trang web và chọn "Inspect Element," bạn đang mở ra một thế giới ẩn của các công cụ dành cho nhà phát triển mà thực sự mạnh mẽ hơn một số phần mềm đắt tiền mà tôi từng trả hàng trăm đô la để sử dụng. Nó giống như phát hiện ra rằng nhà bếp bình thường của bạn đang che giấu một phòng thí nghiệm của đầu bếp chuyên nghiệp sau một tấm panel bí mật!
-Lần đầu tiên có người chỉ cho tôi cách sử dụng DevTools của trình duyệt, tôi đã dành khoảng ba tiếng chỉ để nhấp chuột khắp nơi và thốt lên "CHỜ ĐÃ, NÓ CÓ THỂ LÀM ĐƯỢC CẢ ĐIỀU ĐÓ SAO?!" Bạn có thể chỉnh sửa bất kỳ trang web nào trong thời gian thực, xem chính xác tốc độ tải của mọi thứ, kiểm tra cách trang web của bạn hiển thị trên các thiết bị khác nhau, và thậm chí debug JavaScript như một chuyên gia thực thụ. Thật sự là quá tuyệt vời!
+Mỗi lần bạn nhấp chuột phải lên trang web và chọn "Inspect Element" (Kiểm tra phần tử), bạn đang mở ra một thế giới công cụ dành cho nhà phát triển thật sự mạnh mẽ, thậm chí còn hơn cả phần mềm đắt tiền mà tôi từng trả hàng trăm đô la để mua. Giống như phát hiện ra căn bếp cũ kỹ của bạn đã giấu một phòng thí nghiệm đầu bếp chuyên nghiệp phía sau một cánh cửa bí mật vậy!
+Lần đầu tiên ai đó chỉ cho tôi DevTools trình duyệt, tôi đã dành khoảng ba tiếng chỉ để nhấp chuột quanh và nói "CHỜ ĐÃ, NÓ CÒN LÀM ĐƯỢC VIỆC ĐÓ SAO?!" Bạn có thể chỉnh sửa bất kỳ trang web nào trong thời gian thực, xem chính xác mọi thứ tải nhanh đến mức nào, kiểm tra xem trang web của bạn trông như thế nào trên các thiết bị khác nhau, và thậm chí gỡ lỗi JavaScript như một chuyên gia thực thụ. Thật sự rất kinh ngạc!
 
 **Đây là lý do tại sao trình duyệt là vũ khí bí mật của bạn:**
 
-Khi bạn tạo một trang web hoặc ứng dụng web, bạn cần xem nó trông như thế nào và hoạt động ra sao trong thế giới thực. Trình duyệt không chỉ hiển thị công việc của bạn mà còn cung cấp phản hồi chi tiết về hiệu suất, khả năng truy cập và các vấn đề tiềm ẩn.
+Khi bạn tạo một trang web hoặc ứng dụng web, bạn cần xem nó trông và hoạt động như thế nào trong thế giới thực. Trình duyệt không chỉ hiển thị tác phẩm của bạn mà còn cung cấp phản hồi chi tiết về hiệu suất, khả năng truy cập và các vấn đề tiềm ẩn.
 
-#### Công cụ dành cho nhà phát triển của trình duyệt (DevTools)
+#### Công Cụ Phát Triển Trình Duyệt (DevTools)
 
-Các trình duyệt hiện đại bao gồm các bộ công cụ phát triển toàn diện:
+Các trình duyệt hiện đại bao gồm bộ công cụ phát triển toàn diện:
 
-| Loại công cụ | Chức năng | Ví dụ sử dụng |
-|--------------|-----------|---------------|
+| Danh Mục Công Cụ | Công Việc Của Nó | Ví Dụ Sử Dụng |
+|------------------|------------------|----------------|
 | **Element Inspector** | Xem và chỉnh sửa HTML/CSS trong thời gian thực | Điều chỉnh kiểu dáng để thấy kết quả ngay lập tức |
-| **Console** | Xem thông báo lỗi và thử nghiệm JavaScript | Debug vấn đề và thử nghiệm mã |
-| **Network Monitor** | Theo dõi cách tài nguyên được tải | Tối ưu hóa hiệu suất và thời gian tải |
-| **Accessibility Checker** | Kiểm tra thiết kế toàn diện | Đảm bảo trang web của bạn hoạt động cho mọi người dùng |
+| **Console** | Xem lỗi và thử nghiệm JavaScript | Gỡ lỗi và thử nghiệm mã |
+| **Network Monitor** | Theo dõi cách các tài nguyên được tải | Tối ưu hiệu suất và thời gian tải |
+| **Accessibility Checker** | Kiểm tra thiết kế bao gồm | Đảm bảo trang web hoạt động cho tất cả người dùng |
 | **Device Simulator** | Xem trước trên các kích thước màn hình khác nhau | Kiểm tra thiết kế đáp ứng mà không cần nhiều thiết bị |
 
-#### Trình duyệt được khuyến nghị cho phát triển
+#### Trình Duyệt Được Khuyên Dùng Cho Phát Triển
 
 - **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools tiêu chuẩn ngành với tài liệu phong phú
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Công cụ CSS Grid và kiểm tra khả năng truy cập xuất sắc
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dựa trên Chromium với tài nguyên dành cho nhà phát triển của Microsoft
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Công cụ CSS Grid và truy cập tuyệt vời
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Dựa trên Chromium với tài nguyên phát triển của Microsoft
+
+> ⚠️ **Mẹo Kiểm Tra Quan Trọng**: Luôn kiểm tra trang web trên nhiều trình duyệt! Điều gì hoạt động hoàn hảo trên Chrome có thể trông khác trên Safari hoặc Firefox. Các nhà phát triển chuyên nghiệp luôn kiểm tra trên tất cả các trình duyệt chính để đảm bảo trải nghiệm người dùng nhất quán.
 
-> ⚠️ **Mẹo kiểm tra quan trọng**: Luôn kiểm tra trang web của bạn trên nhiều trình duyệt! Những gì hoạt động hoàn hảo trên Chrome có thể hiển thị khác trên Safari hoặc Firefox. Các nhà phát triển chuyên nghiệp kiểm tra trên tất cả các trình duyệt chính để đảm bảo trải nghiệm người dùng nhất quán.
 
-### Công cụ dòng lệnh: Cánh cửa dẫn đến siêu năng lực của nhà phát triển
+### Công Cụ Dòng Lệnh: Cánh Cửa Đến Siêu Năng Lực Nhà Phát Triển
 
-Được rồi, hãy có một khoảnh khắc hoàn toàn trung thực về dòng lệnh, vì tôi muốn bạn nghe điều này từ một người thực sự hiểu. Lần đầu tiên tôi nhìn thấy nó – chỉ là một màn hình đen đáng sợ với văn bản nhấp nháy – tôi thực sự nghĩ, "Không, chắc chắn không! Điều này trông giống như thứ gì đó trong một bộ phim hacker thập niên 1980, và tôi chắc chắn không đủ thông minh để làm điều này!" 😅
+Được rồi, chúng ta hãy thành thật một chút về dòng lệnh, bởi tôi muốn bạn nghe điều này từ người thật sự hiểu nó. Lần đầu tôi thấy nó – chỉ là một màn hình đen đáng sợ với dòng chữ nhấp nháy – tôi thực sự nghĩ, "Không đâu, tuyệt đối không! Nó trông giống như phim hacker thập niên 1980, và tôi chắc chắn không đủ thông minh để dùng!" 😅
 
-Nhưng đây là điều tôi ước ai đó đã nói với tôi lúc đó, và điều tôi đang nói với bạn ngay bây giờ: dòng lệnh không đáng sợ – thực ra nó giống như đang có một cuộc trò chuyện trực tiếp với máy tính của bạn. Hãy nghĩ về nó như sự khác biệt giữa việc đặt đồ ăn qua một ứng dụng sang trọng với hình ảnh và menu (rất tiện lợi) so với việc bước vào nhà hàng yêu thích của bạn, nơi đầu bếp biết chính xác bạn thích gì và có thể làm ra một món hoàn hảo chỉ bằng cách bạn nói "hãy làm tôi ngạc nhiên với một thứ gì đó tuyệt vời."
+Nhưng đây là điều tôi ước ai đó đã nói với tôi lúc ấy, và tôi đang nói với bạn ngay bây giờ: dòng lệnh không đáng sợ – nó thực sự giống như bạn đang nói chuyện trực tiếp với máy tính của mình. Hãy nghĩ nó như sự khác biệt giữa việc đặt đồ ăn qua một ứng dụng đẹp mắt với hình ảnh và menu (dễ dùng) so với bước vào nhà hàng yêu thích nơi đầu bếp biết chính xác bạn thích gì và có thể làm một món hoàn hảo chỉ bằng câu "hãy tạo điều bất ngờ cho tôi."
 
-Dòng lệnh là nơi các nhà phát triển cảm thấy như những phù thủy thực thụ. Bạn gõ vài từ có vẻ như phép thuật (được rồi, chúng chỉ là các lệnh, nhưng chúng cảm giác như phép thuật!), nhấn enter, và BÙM – bạn đã tạo ra toàn bộ cấu trúc dự án, cài đặt các công cụ mạnh mẽ từ khắp nơi trên thế giới, hoặc triển khai ứng dụng của bạn lên internet cho hàng triệu người xem. Một khi bạn nếm thử sức mạnh đó lần đầu tiên, nó thực sự khá gây nghiện!
+Dòng lệnh là nơi các nhà phát triển cảm thấy mình như những phù thủy thực thụ. Bạn gõ vài từ mang vẻ ma thuật (được rồi, thực chất chỉ là các lệnh, nhưng cảm giác như ma thuật!), nhấn enter, và BÙM – bạn đã tạo ra cấu trúc dự án, cài đặt công cụ mạnh mẽ từ khắp nơi trên thế giới, hoặc triển khai ứng dụng lên internet cho hàng triệu người xem. Khi bạn thử nếm cảm giác đó lần đầu, thực sự rất dễ gây nghiện!
 
 **Tại sao dòng lệnh sẽ trở thành công cụ yêu thích của bạn:**
 
-Trong khi giao diện đồ họa rất tuyệt vời cho nhiều tác vụ, dòng lệnh vượt trội về tự động hóa, độ chính xác và tốc độ. Nhiều công cụ phát triển hoạt động chủ yếu thông qua giao diện dòng lệnh, và học cách sử dụng chúng hiệu quả có thể cải thiện đáng kể năng suất của bạn.
+Mặc dù giao diện đồ họa rất hữu ích cho nhiều nhiệm vụ, dòng lệnh vượt trội về tự động hóa, chính xác và tốc độ. Nhiều công cụ phát triển hoạt động chủ yếu qua giao diện dòng lệnh, và học cách dùng hiệu quả chúng có thể cải thiện đáng kể năng suất của bạn.
 
 ```bash
-# Step 1: Create and navigate to project directory
+# Bước 1: Tạo và chuyển đến thư mục dự án
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**Đoạn mã này làm gì:**
-- **Tạo** một thư mục mới có tên "my-awesome-website" cho dự án của bạn
-- **Chuyển đến** thư mục vừa tạo để bắt đầu làm việc
+**Đây là những gì đoạn mã này làm:**
+- **Tạo** thư mục mới có tên "my-awesome-website" cho dự án của bạn
+- **Chuyển đến** thư mục mới tạo để bắt đầu làm việc
 
 ```bash
-# Step 2: Initialize project with package.json
+# Bước 2: Khởi tạo dự án với package.json
 npm init -y
 
-# Install modern development tools
+# Cài đặt công cụ phát triển hiện đại
 npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
 **Từng bước, đây là những gì đang diễn ra:**
-- **Khởi tạo** một dự án Node.js mới với cài đặt mặc định bằng `npm init -y`
-- **Cài đặt** Vite như một công cụ build hiện đại cho phát triển nhanh và build sản phẩm
-- **Thêm** Prettier để định dạng mã tự động và ESLint để kiểm tra chất lượng mã
-- **Sử dụng** cờ `--save-dev` để đánh dấu đây là các phụ thuộc chỉ dành cho phát triển
+- **Khởi tạo** một dự án Node.js mới với thiết lập mặc định bằng `npm init -y`
+- **Cài đặt** Vite như một công cụ xây dựng hiện đại cho phát triển nhanh và xây dựng sản xuất
+- **Thêm** Prettier để tự động định dạng mã và ESLint để kiểm tra chất lượng mã
+- **Sử dụng** cờ `--save-dev` để đánh dấu chúng chỉ là phụ thuộc cho phát triển
 
 ```bash
-# Step 3: Create project structure and files
+# Bước 3: Tạo cấu trúc dự án và các tệp
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# Khởi động máy chủ phát triển
 npx vite
 ```
 
-**Trong đoạn trên, chúng ta đã:**
-- **Tổ chức** dự án bằng cách tạo các thư mục riêng biệt cho mã nguồn và tài nguyên
+**Trong phần trên, chúng ta đã:**
+- **Tổ chức** dự án bằng cách tạo các thư mục riêng cho mã nguồn và tài nguyên
 - **Tạo** một tệp HTML cơ bản với cấu trúc tài liệu đúng chuẩn
 - **Khởi động** máy chủ phát triển Vite để tải lại trực tiếp và thay thế module nóng
 
-#### Công cụ dòng lệnh thiết yếu cho phát triển web
+#### Công Cụ Dòng Lệnh Thiết Yếu Cho Phát Triển Web
 
-| Công cụ | Mục đích | Tại sao bạn cần nó |
-|---------|----------|---------------------|
-| **[Git](https://git-scm.com/)** | Quản lý phiên bản | Theo dõi thay đổi, cộng tác với người khác, sao lưu công việc của bạn |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & quản lý gói | Chạy JavaScript ngoài trình duyệt, cài đặt các công cụ phát triển hiện đại |
-| **[Vite](https://vitejs.dev/)** | Công cụ build & máy chủ phát triển | Phát triển nhanh với thay thế module nóng |
-| **[ESLint](https://eslint.org/)** | Chất lượng mã | Tự động tìm và sửa lỗi trong JavaScript của bạn |
-| **[Prettier](https://prettier.io/)** | Định dạng mã | Giữ mã của bạn được định dạng và dễ đọc một cách nhất quán |
+| Công Cụ | Mục Đích | Lý Do Bạn Cần Nó |
+|---------|----------|------------------|
+| **[Git](https://git-scm.com/)** | Quản lý phiên bản | Theo dõi thay đổi, hợp tác với người khác, sao lưu công việc |
+| **[Node.js & npm](https://nodejs.org/)** | Môi trường chạy JavaScript & quản lý gói | Chạy JavaScript ngoài trình duyệt, cài công cụ phát triển hiện đại |
+| **[Vite](https://vitejs.dev/)** | Công cụ xây dựng & máy chủ phát triển | Phát triển siêu nhanh với thay thế module nóng |
+| **[ESLint](https://eslint.org/)** | Chất lượng mã | Tự động tìm và sửa lỗi trong JavaScript |
+| **[Prettier](https://prettier.io/)** | Định dạng mã | Giữ mã đẹp, nhất quán và dễ đọc |
 
-#### Tùy chọn theo hệ điều hành
+#### Lựa Chọn Theo Nền Tảng
 
 **Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal hiện đại, giàu tính năng
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Môi trường scripting mạnh mẽ
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Dòng lệnh truyền thống của Windows
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal hiện đại, đa tính năng
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Môi trường lập trình mạnh mẽ
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Dòng lệnh truyền thống trên Windows
 
 **macOS:**
 - **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Ứng dụng terminal tích hợp sẵn
-- **[iTerm2](https://iterm2.com/)** - Terminal nâng cao với các tính năng tiên tiến
+- **[iTerm2](https://iterm2.com/)** - Terminal nâng cao với nhiều tính năng
 
 **Linux:**
 - **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell tiêu chuẩn của Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Trình giả lập terminal tiên tiến
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Bộ giả lập terminal nâng cao
+
+> 💻 = Đã cài sẵn trên hệ điều hành
 
-> 💻 = Được cài đặt sẵn trên hệ điều hành
+> 🎯 **Lộ Trình Học Tập**: Bắt đầu với các lệnh cơ bản như `cd` (đổi thư mục), `ls` hoặc `dir` (liệt kê file), và `mkdir` (tạo thư mục). Thực hành với các lệnh quy trình làm việc hiện đại như `npm install`, `git status`, và `code .` (mở thư mục hiện tại trong VS Code). Khi bạn quen hơn, bạn sẽ tự nhiên học được nhiều lệnh nâng cao và kỹ thuật tự động hóa.
 
-> 🎯 **Lộ trình học tập**: Bắt đầu với các lệnh cơ bản như `cd` (chuyển thư mục), `ls` hoặc `dir` (liệt kê tệp), và `mkdir` (tạo thư mục). Thực hành với các lệnh trong quy trình làm việc hiện đại như `npm install`, `git status`, và `code .` (mở thư mục hiện tại trong VS Code). Khi bạn trở nên thoải mái hơn, bạn sẽ tự nhiên học thêm các lệnh nâng cao và kỹ thuật tự động hóa.
 
-### Tài liệu: Người thầy luôn sẵn sàng của bạn
+### Tài Liệu: Người Thầy Luôn Có Bên Bạn
 
-Được rồi, để tôi chia sẻ một bí mật nhỏ sẽ khiến bạn cảm thấy tốt hơn khi là người mới bắt đầu: ngay cả những nhà phát triển có kinh nghiệm nhất cũng dành một phần lớn thời gian của họ để đọc tài liệu. Và đó không phải vì họ không biết mình đang làm gì – thực ra đó là dấu hiệu của sự khôn ngoan!
+Được rồi, để tôi chia sẻ một bí mật nhỏ sẽ khiến bạn cảm thấy dễ chịu hơn rất nhiều khi là người mới: ngay cả những nhà phát triển giàu kinh nghiệm nhất cũng dành phần lớn thời gian của họ để đọc tài liệu. Và điều đó không phải vì họ không biết họ đang làm gì – mà đó là dấu hiệu của sự khôn ngoan!
 
-Hãy nghĩ về tài liệu như việc bạn có quyền truy cập vào những người thầy kiên nhẫn và hiểu biết nhất thế giới, luôn sẵn sàng 24/7. Gặp khó khăn vào lúc 2 giờ sáng? Tài liệu sẽ ở đó với một cái ôm ảo ấm áp và chính xác câu trả lời bạn cần. Muốn tìm hiểu về một tính năng mới thú vị mà mọi người đang nói đến? Tài liệu sẽ hỗ trợ bạn với các ví dụ từng bước. Đang cố gắng hiểu tại sao một thứ hoạt động theo cách nó hoạt động? Đúng vậy – tài liệu sẵn sàng giải thích theo cách khiến bạn cuối cùng hiểu ra!
+Hãy nghĩ tài liệu như việc bạn có quyền truy cập vào những giáo viên kiên nhẫn, hiểu biết nhất thế giới, luôn sẵn sàng 24/7. Bị kẹt vào một vấn đề lúc 2 giờ sáng? Tài liệu ở đó với vòng tay ảo ấm áp và câu trả lời bạn cần. Muốn học về một tính năng mới kì diệu mà mọi người đang nói tới? Tài liệu hỗ trợ bạn với ví dụ từng bước. Cố gắng hiểu tại sao một thứ lại hoạt động như thế? Bạn đoán đúng rồi – tài liệu sẵn sàng giải thích một cách khiến bạn “bừng tỉnh”!
 
-Đây là điều đã hoàn toàn thay đổi quan điểm của tôi: thế giới phát triển web di chuyển cực kỳ nhanh, và không ai (ý tôi là hoàn toàn không ai!) ghi nhớ mọi thứ. Tôi đã thấy các nhà phát triển cấp cao với hơn 15 năm kinh nghiệm tra cứu cú pháp cơ bản, và bạn biết không? Điều đó không đáng xấu hổ – đó là thông minh! Không phải về việc có trí nhớ hoàn hảo; mà là biết nơi tìm câu trả lời đáng tin cậy nhanh chóng và hiểu cách áp dụng chúng.
+Có điều đã hoàn toàn thay đổi cách nhìn của tôi: thế giới phát triển web thay đổi cực kỳ nhanh, và không ai (tôi nhấn mạnh, KHÔNG AI!) nhớ hết mọi thứ. Tôi đã thấy các nhà phát triển cao cấp với hơn 15 năm kinh nghiệm vẫn phải tra cứu cú pháp cơ bản, và bạn biết không? Điều đó không xấu hổ – đó là thông minh! Không phải về trí nhớ hoàn hảo; mà là biết nơi để tìm câu trả lời đáng tin cậy nhanh chóng và hiểu cách áp dụng chúng.
 
-**Đây là nơi phép thuật thực sự xảy ra:**
+**Đây mới là nơi phép màu thực sự xảy ra:**
 
-Các nhà phát triển chuyên nghiệp dành một phần đáng kể thời gian của họ để đọc tài liệu – không phải vì họ không biết mình đang làm gì, mà vì lĩnh vực phát triển web tiến hóa nhanh đến mức việc cập nhật đòi hỏi học tập liên tục. Tài liệu tuyệt vời giúp bạn hiểu không chỉ *cách* sử dụng một thứ, mà còn *tại sao* và *khi nào* nên sử dụng nó.
+Các nhà phát triển chuyên nghiệp dành phần lớn thời gian của họ để đọc tài liệu – không phải vì họ không biết làm, mà vì môi trường phát triển web thay đổi liên tục, cần học tập liên tục để cập nhật. Tài liệu tuyệt vời giúp bạn hiểu không chỉ *cách* dùng mà còn *tại sao* và *khi nào* dùng.
 
-#### Tài nguyên tài liệu thiết yếu
+#### Tài Nguyên Tài Liệu Thiết Yếu
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
 - Tiêu chuẩn vàng cho tài liệu công nghệ web
-- Hướng dẫn toàn diện về HTML, CSS và JavaScript
+- Hướng dẫn toàn diện cho HTML, CSS và JavaScript
 - Bao gồm thông tin tương thích trình duyệt
-- Có các ví dụ thực tế và demo tương tác
+- Có ví dụ thực tế và demo tương tác
 
-**[Web.dev](https://web.dev)** (bởi Google)
-- Các thực hành tốt nhất về phát triển web hiện đại
-- Hướng dẫn tối ưu hóa hiệu suất
-- Nguyên tắc thiết kế toàn diện và bao gồm
-- Các nghiên cứu điển hình từ các dự án thực tế
+**[Web.dev](https://web.dev)** (của Google)
+- Thực hành phát triển web hiện đại nhất
+- Hướng dẫn tối ưu hiệu suất
+- Nguyên tắc truy cập và thiết kế bao gồm
+- Nghiên cứu trường hợp từ dự án thực tế
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Tài nguyên phát triển trình duyệt Edge
-- Hướng dẫn về Progressive Web App
-- Thông tin phát triển đa nền tảng
+- Hướng dẫn Progressive Web App
+- Góc nhìn phát triển đa nền tảng
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Chương trình học có cấu trúc
-- Các khóa học video từ các chuyên gia trong ngành
+- Lộ trình học tập có cấu trúc
+- Khóa học video từ chuyên gia ngành
 - Bài tập mã hóa thực hành
 
-> 📚 **Chiến lược học tập**: Đừng cố gắng ghi nhớ tài liệu – thay vào đó, hãy học cách điều hướng nó một cách hiệu quả. Đánh dấu các tài liệu tham khảo thường dùng và thực hành sử dụng chức năng tìm kiếm để tìm thông tin cụ thể nhanh chóng.
+> 📚 **Chiến Lược Học Tập**: Đừng cố ghi nhớ tài liệu – thay vào đó, học cách điều hướng hiệu quả. Đánh dấu các tham khảo thường dùng và tập sử dụng chức năng tìm kiếm để nhanh chóng tìm thông tin cụ thể.
 
-### 🔧 **Kiểm tra sự thành thạo công cụ: Điều gì khiến bạn hứng thú?**
+### 🔧 **Kiểm Tra Thành Thạo Công Cụ: Điều Nào Gây Ấn Tượng Với Bạn?**
 
-**Hãy dành một chút thời gian để suy nghĩ:**
-- Công cụ nào khiến bạn hào hứng muốn thử đầu tiên? (Không có câu trả lời sai!)
-- Dòng lệnh vẫn còn cảm giác đáng sợ, hay bạn đã tò mò về nó?
-- Bạn có thể tưởng tượng sử dụng DevTools của trình duyệt để khám phá phía sau màn hình của các trang web yêu thích của mình không?
+**Hãy dành chút thời gian suy nghĩ:**
+- Công cụ nào bạn háo hức thử đầu tiên? (Không có đáp án sai đâu!)
+- Dòng lệnh còn khiến bạn sợ hãi, hay bạn bắt đầu tò mò về nó?
+- Bạn có thể tưởng tượng dùng DevTools trình duyệt để nhìn “đằng sau bức màn” của các trang web yêu thích?
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "Thời Gian Nhà Phát Triển Dành Cho Công Cụ"
+    "Trình Soạn Thảo Mã" : 40
+    "Kiểm Tra Trình Duyệt" : 25
+    "Dòng Lệnh" : 15
+    "Đọc Tài Liệu" : 15
+    "Gỡ Lỗi" : 5
 ```
+> **Một hiểu biết thú vị**: Hầu hết các nhà phát triển dành khoảng 40% thời gian trong trình soạn thảo mã, nhưng hãy chú ý mức độ thời gian dành cho việc kiểm thử, học hỏi, và giải quyết vấn đề. Lập trình không chỉ là viết mã – mà là tạo ra trải nghiệm!
 
-> **Thông tin thú vị**: Hầu hết các nhà phát triển dành khoảng 40% thời gian của họ trong trình soạn thảo mã, nhưng hãy chú ý đến lượng thời gian dành cho việc kiểm tra, học tập và giải quyết vấn đề. Lập trình không chỉ là viết mã – mà còn là tạo ra những trải nghiệm!
+✅ **Món ăn cho suy nghĩ**: Đây là một điều thú vị để suy ngẫm – bạn nghĩ công cụ để xây dựng trang web (phát triển) có thể khác công cụ để thiết kế giao diện (thiết kế) như thế nào? Nó giống như sự khác biệt giữa kiến trúc sư thiết kế một ngôi nhà đẹp và nhà thầu xây dựng nó. Cả hai đều quan trọng nhưng cần bộ công cụ khác nhau! Cách suy nghĩ này sẽ giúp bạn thấy tổng thể cách mà các trang web được tạo ra.
 
-✅ **Suy ngẫm**: Đây là một điều thú vị để suy nghĩ – bạn nghĩ các công cụ để xây dựng trang web (phát triển) khác với các công cụ để thiết kế giao diện của chúng (thiết kế) như thế nào? Nó giống như sự khác biệt giữa việc là một kiến trúc sư thiết kế một ngôi nhà đẹp và người thợ xây dựng thực sự ngôi nhà đó. Cả hai đều rất quan trọng, nhưng họ cần những bộ công cụ khác nhau! Kiểu suy nghĩ này sẽ thực sự giúp bạn nhìn thấy bức tranh lớn hơn về cách các trang web được tạo ra.
+## Thử Thách GitHub Copilot Agent 🚀
 
-## Thử thách GitHub Copilot Agent 🚀
+Dùng chế độ Agent để hoàn thành thử thách sau:
 
-Sử dụng chế độ Agent để hoàn thành thử thách sau:
+**Mô tả:** Khám phá các tính năng của một trình soạn thảo mã hoặc IDE hiện đại và trình bày cách nó cải thiện quy trình làm việc của bạn như một nhà phát triển web.
 
-**Mô tả:** Khám phá các tính năng của một trình soạn thảo mã hoặc IDE hiện đại và chứng minh cách nó có thể cải thiện quy trình làm việc của bạn như một nhà phát triển web.
-
-**Yêu cầu:** Chọn một trình soạn thảo mã hoặc IDE (như Visual Studio Code, WebStorm, hoặc một IDE dựa trên đám mây). Liệt kê ba tính năng hoặc tiện ích mở rộng giúp bạn viết, debug, hoặc duy trì mã hiệu quả hơn. Đối với mỗi tính năng, cung cấp một giải thích ngắn gọn về cách nó mang lại lợi ích cho quy trình làm việc của bạn.
+**Yêu cầu:** Chọn một trình soạn thảo mã hoặc IDE (như Visual Studio Code, WebStorm, hoặc IDE trên đám mây). Liệt kê ba tính năng hoặc tiện ích mở rộng giúp bạn viết, gỡ lỗi, hoặc duy trì mã hiệu quả hơn. Với mỗi tính năng, cung cấp giải thích ngắn gọn về lợi ích của nó đối với quy trình làm việc của bạn.
 
 ---
 
-## 🚀 Thử thách
+## 🚀 Thử Thách
 
-**Được rồi, thám tử, sẵn sàng cho vụ án đầu tiên của bạn chưa?**
+**Được rồi, thám tử, sẵn sàng cho vụ án đầu tiên chưa?**
 
-Bây giờ bạn đã có nền tảng tuyệt vời này, tôi có một cuộc phiêu lưu sẽ giúp bạn thấy thế giới lập trình đa dạng và hấp dẫn đến mức nào. Và nghe này – đây không phải là về việc viết mã ngay bây giờ, nên không có áp lực gì cả! Hãy nghĩ về mình như một thám tử ngôn ngữ lập trình trong vụ án thú vị đầu tiên của bạn!
+Bây giờ bạn đã có nền tảng tuyệt vời này, tôi có một cuộc phiêu lưu sẽ giúp bạn thấy thế giới lập trình đa dạng và hấp dẫn đến mức nào. Và nghe này – đây không phải lúc viết mã đâu, nên đừng áp lực! Hãy xem bạn là một thám tử ngôn ngữ lập trình trong vụ án đầu tiên đầy thú vị!
 
-**Nhiệm vụ của bạn, nếu bạn chọn chấp nhận:**
-1. **Trở thành nhà thám hiểm ngôn ngữ**: Chọn ba ngôn ngữ lập trình từ ba lĩnh vực hoàn toàn khác nhau – có thể một ngôn ngữ xây dựng trang web, một ngôn ngữ tạo ứng dụng di động, và một ngôn ngữ xử lý dữ liệu cho các nhà khoa học. Tìm ví dụ về cùng một nhiệm vụ đơn giản được viết bằng mỗi ngôn ngữ. Tôi hứa bạn sẽ hoàn toàn ngạc nhiên về cách chúng có thể trông khác nhau trong khi làm cùng một việc!
+**Nhiệm vụ của bạn, nếu bạn nhận nó:**
+1. **Trở thành nhà thám hiểm ngôn ngữ**: Chọn ba ngôn ngữ lập trình từ các vũ trụ hoàn toàn khác nhau – có thể một ngôn ngữ xây dựng trang web, một ngôn ngữ tạo ứng dụng di động, và một ngôn ngữ phân tích dữ liệu cho nhà khoa học. Tìm ví dụ về cùng một nhiệm vụ đơn giản viết bằng từng ngôn ngữ. Tôi hứa bạn sẽ ngạc nhiên khi thấy sự khác biệt trong cách họ làm cùng một việc!
 
-2. **Khám phá câu chuyện nguồn gốc của chúng**: Điều gì làm cho mỗi ngôn ngữ trở nên đặc biệt? Đây là một sự thật thú vị – mỗi ngôn ngữ lập trình đều được tạo ra vì ai đó nghĩ, "Bạn biết không? Phải có cách tốt hơn để giải quyết vấn đề cụ thể này." Bạn có thể tìm ra những vấn đề đó là gì không? Một số câu chuyện này thực sự rất hấp dẫn!
+2. **Khám phá câu chuyện nguồn gốc**: Điều gì làm mỗi ngôn ngữ trở nên đặc biệt? Đây là điều thú vị – mỗi ngôn ngữ lập trình được tạo ra bởi ai đó nghĩ, "Bạn biết không? Phải có cách tốt hơn để giải quyết vấn đề cụ thể này." Bạn có thể tìm hiểu những vấn đề đó là gì? Một số câu chuyện rất hấp dẫn!
 
-3. **Gặp gỡ cộng đồng của chúng**: Tìm hiểu cách mỗi cộng đồng ngôn ngữ chào đón và đam mê. Một số có hàng triệu nhà phát triển chia sẻ kiến thức và giúp đỡ lẫn nhau, những cộng đồng khác nhỏ hơn nhưng cực kỳ gắn kết và hỗ trợ. Bạn sẽ thích thấy những tính cách khác nhau mà các cộng đồng này có!
+3. **Gặp gỡ cộng đồng**: Xem cộng đồng của từng ngôn ngữ ấm áp và nhiệt huyết thế nào. Có những cộng đồng triệu nhà phát triển chia sẻ kiến thức và giúp đỡ lẫn nhau, có những cộng đồng nhỏ hơn nhưng gắn kết và hỗ trợ tuyệt vời. Bạn sẽ thích xem phong cách cá tính khác biệt của từng cộng đồng!
 
-4. **Lắng nghe cảm giác của bạn**: Ngôn ngữ nào cảm thấy dễ tiếp cận nhất với bạn ngay bây giờ? Đừng lo lắng về việc đưa ra lựa chọn "hoàn hảo" – chỉ cần lắng nghe bản năng của bạn! Thực sự không có câu trả lời sai ở đây, và bạn luôn có thể khám phá các ngôn ngữ khác sau này.
+4. **Lắng nghe trực giác**: Ngôn ngữ nào bạn thấy dễ tiếp cận nhất ngay lúc này? Đừng căng thẳng phải chọn "hoàn hảo" – chỉ cần nghe theo cảm nhận của bạn! Thật ra không có đáp án sai, và bạn luôn có thể khám phá các ngôn ngữ khác sau này.
 
-**Công việc thám tử bổ sung**: Xem liệu bạn có thể khám phá những trang web hoặc ứng dụng lớn nào được xây dựng bằng mỗi ngôn ngữ. Tôi đảm bảo bạn sẽ ngạc nhiên khi biết điều gì đang vận hành Instagram, Netflix, hoặc trò chơi di động mà bạn không thể ngừng chơi!
+**Công việc thám tử bổ sung**: Tìm hiểu xem những trang web hoặc ứng dụng lớn nào được xây dựng bằng mỗi ngôn ngữ. Tôi đảm bảo bạn sẽ ngạc nhiên khi biết Instagram, Netflix hoặc trò chơi di động mà bạn không thể ngừng chơi được làm bằng ngôn ngữ nào!
 
-> 💡 **Nhớ rằng**: Bạn không cố gắng trở thành chuyên gia trong bất kỳ ngôn ngữ nào hôm nay. Bạn chỉ đang làm quen với khu vực trước khi quyết định nơi bạn muốn đặt chân. Hãy dành thời gian, tận hưởng nó, và để sự tò mò dẫn dắt bạn!
+> 💡 **Nhớ nhé**: Bạn không cần trở thành chuyên gia trong những ngôn ngữ này hôm nay. Bạn chỉ đang làm quen với khu phố trước khi quyết định chọn nơi “định cư”. Hãy dành thời gian, tận hưởng, và để sự tò mò dẫn đường!
 
-## Hãy ăn mừng những gì bạn đã khám phá!
+## Hãy Ăn Mừng Những Điều Bạn Khám Phá!
 
-Trời ơi, hôm nay bạn đã tiếp thu rất nhiều thông tin tuyệt vời! Tôi thực sự háo hức muốn thấy bạn đã học được bao nhiêu từ hành trình tuyệt vời này. Và nhớ rằng – đây không phải là một bài kiểm tra mà bạn cần phải làm mọi thứ hoàn hảo. Đây giống như một lễ kỷ niệm về tất cả những điều thú vị bạn đã học được về thế giới hấp dẫn mà bạn sắp bước vào!
+Wow, bạn đã hấp thụ rất nhiều thông tin tuyệt vời hôm nay! Tôi thực sự rất hào hứng xem bạn ghi nhớ được bao nhiêu trong hành trình tuyệt vời này. Và nhớ nhé – đây không phải bài kiểm tra phải làm hoàn hảo mọi thứ. Đây là buổi lễ ăn mừng tất cả những điều thú vị bạn học được về thế giới hấp dẫn mà bạn sắp bước vào!
 
 [Tham gia bài kiểm tra sau bài học](https://ff-quizzes.netlify.app/web/)
-## Ôn tập & Tự học
 
-**Hãy dành thời gian khám phá và tận hưởng nhé!**
+## Ôn Tập & Học Tự Luận
 
-Bạn đã học được rất nhiều hôm nay, và đó là điều đáng tự hào! Bây giờ là phần thú vị – khám phá những chủ đề khiến bạn tò mò. Nhớ rằng, đây không phải là bài tập về nhà – mà là một cuộc phiêu lưu!
+**Hãy dành thời gian khám phá và vui vẻ với nó!**
+Bạn đã khám phá rất nhiều điều hôm nay, và đó là điều mà bạn nên tự hào! Giờ đến phần thú vị nhất – khám phá những chủ đề đã khơi dậy sự tò mò của bạn. Hãy nhớ, đây không phải bài tập về nhà – mà là một cuộc phiêu lưu!
 
-**Khám phá sâu hơn những gì khiến bạn hứng thú:**
+**Đi sâu hơn vào những gì làm bạn phấn khích:**
 
 **Thực hành với các ngôn ngữ lập trình:**
-- Truy cập vào các trang web chính thức của 2-3 ngôn ngữ mà bạn thấy thú vị. Mỗi ngôn ngữ đều có cá tính và câu chuyện riêng!
-- Thử các nền tảng lập trình trực tuyến như [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), hoặc [Replit](https://replit.com/). Đừng ngại thử nghiệm – bạn không thể làm hỏng gì đâu!
-- Đọc về cách ngôn ngữ yêu thích của bạn ra đời. Thật sự, một số câu chuyện nguồn gốc rất thú vị và sẽ giúp bạn hiểu tại sao các ngôn ngữ hoạt động như vậy.
+- Ghé thăm trang web chính thức của 2-3 ngôn ngữ đã thu hút bạn. Mỗi ngôn ngữ đều có cá tính và câu chuyện riêng!
+- Thử các sân chơi mã trực tuyến như [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), hoặc [Replit](https://replit.com/). Đừng ngại thử nghiệm – bạn không thể làm hỏng gì đâu!
+- Đọc về nguồn gốc ra đời của ngôn ngữ yêu thích của bạn. Thật sự, một số câu chuyện nguồn gốc rất hấp dẫn và sẽ giúp bạn hiểu vì sao các ngôn ngữ lại hoạt động như vậy.
 
-**Làm quen với các công cụ mới:**
-- Tải xuống Visual Studio Code nếu bạn chưa làm – nó miễn phí và bạn sẽ thích nó!
-- Dành vài phút duyệt qua thị trường Extensions. Nó giống như một cửa hàng ứng dụng cho trình chỉnh sửa mã của bạn!
-- Mở công cụ Developer Tools của trình duyệt và chỉ cần nhấp xung quanh. Đừng lo lắng về việc hiểu hết – chỉ cần làm quen với những gì có ở đó.
+**Làm quen với công cụ mới:**
+- Tải Visual Studio Code nếu bạn chưa có – nó miễn phí và bạn sẽ thích thôi!
+- Dành vài phút duyệt qua chợ Extensions. Nó giống như một cửa hàng ứng dụng dành cho trình soạn thảo code của bạn đó!
+- Mở Developer Tools trên trình duyệt và thử bấm vào vài thứ. Đừng lo nếu chưa hiểu hết – chỉ cần làm quen với những gì có ở đó.
 
 **Tham gia cộng đồng:**
-- Theo dõi một số cộng đồng lập trình trên [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), hoặc [GitHub](https://github.com/). Cộng đồng lập trình rất chào đón người mới!
-- Xem một số video lập trình dành cho người mới bắt đầu trên YouTube. Có rất nhiều nhà sáng tạo tuyệt vời ngoài kia, những người nhớ cảm giác khi mới bắt đầu.
-- Cân nhắc tham gia các buổi gặp mặt địa phương hoặc cộng đồng trực tuyến. Tin tôi đi, các lập trình viên rất thích giúp đỡ người mới!
+- Theo dõi một vài cộng đồng nhà phát triển trên [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), hoặc [GitHub](https://github.com/). Cộng đồng lập trình rất thân thiện với người mới mà!
+- Xem một vài video lập trình dành cho người mới trên YouTube. Có rất nhiều nhà sáng tạo tuyệt vời nhớ được cảm giác mới bắt đầu.
+- Cân nhắc tham gia các buổi meetup địa phương hoặc cộng đồng trực tuyến. Tin tôi đi, các lập trình viên rất thích giúp đỡ người mới!
 
-> 🎯 **Nghe này, đây là điều tôi muốn bạn nhớ**: Không ai mong đợi bạn trở thành một chuyên gia lập trình ngay lập tức! Hiện tại, bạn chỉ đang làm quen với thế giới tuyệt vời mà bạn sắp trở thành một phần của nó. Hãy dành thời gian, tận hưởng hành trình, và nhớ rằng – mọi lập trình viên mà bạn ngưỡng mộ đều từng ngồi đúng vị trí của bạn bây giờ, cảm thấy hào hứng và có thể hơi choáng ngợp. Điều đó hoàn toàn bình thường, và nó có nghĩa là bạn đang đi đúng hướng!
+> 🎯 **Nghe này, đây là điều tôi muốn bạn nhớ**: Bạn không cần trở thành phù thủy lập trình chỉ sau một đêm! Hiện tại, bạn chỉ đang làm quen với thế giới tuyệt vời mà bạn sắp tham gia. Hãy bình tĩnh, tận hưởng hành trình, và nhớ rằng – mỗi lập trình viên tài giỏi mà bạn ngưỡng mộ cũng từng ngồi ngay chỗ bạn đang ngồi bây giờ, cảm thấy háo hức và có thể một chút choáng ngợp. Điều đó hoàn toàn bình thường, và chứng tỏ bạn đang đi đúng hướng!
 
 
 
-## Bài tập
+## Assignment
 
-[Đọc tài liệu](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **Một chút gợi ý cho bài tập của bạn**: Tôi rất muốn thấy bạn khám phá một số công cụ mà chúng ta chưa đề cập đến! Bỏ qua các trình chỉnh sửa, trình duyệt, và công cụ dòng lệnh mà chúng ta đã nói – có cả một vũ trụ tuyệt vời của các công cụ phát triển đang chờ được khám phá. Hãy tìm những công cụ được duy trì tích cực và có cộng đồng sôi động, hữu ích (những công cụ này thường có hướng dẫn tốt nhất và những người hỗ trợ nhiệt tình khi bạn gặp khó khăn và cần một bàn tay thân thiện).
+> 💡 **Một chút gợi ý cho bài tập của bạn**: Tôi rất muốn thấy bạn khám phá những công cụ mà chúng ta chưa đề cập đến! Bỏ qua các trình soạn thảo, trình duyệt và công cụ dòng lệnh mà chúng ta đã nói – có cả một vũ trụ công cụ phát triển tuyệt vời đang chờ bạn khám phá. Hãy tìm những công cụ được duy trì tích cực và có cộng đồng sôi động, thân thiện (chúng thường có các hướng dẫn tuyệt vời và những người hỗ trợ tốt nhất khi bạn gặp khó khăn và cần một bàn tay giúp đỡ).
 
 ---
 
-## 🚀 Lộ trình hành trình lập trình của bạn
+## 🚀 Timeline Hành Trình Lập Trình Của Bạn
 
 ### ⚡ **Những việc bạn có thể làm trong 5 phút tới**
-- [ ] Đánh dấu trang 2-3 trang web ngôn ngữ lập trình mà bạn thấy thú vị
-- [ ] Tải xuống Visual Studio Code nếu bạn chưa làm
-- [ ] Mở DevTools của trình duyệt (F12) và nhấp xung quanh bất kỳ trang web nào
+- [ ] Đánh dấu trang 2-3 website ngôn ngữ lập trình thu hút bạn 
+- [ ] Tải Visual Studio Code nếu bạn chưa có
+- [ ] Mở DevTools trình duyệt (F12) và bấm thử trên bất kỳ trang web nào
 - [ ] Tham gia một cộng đồng lập trình (Dev.to, Reddit r/webdev, hoặc Stack Overflow)
 
-### ⏰ **Những việc bạn có thể hoàn thành trong giờ tới**
-- [ ] Hoàn thành bài kiểm tra sau bài học và suy ngẫm về câu trả lời của bạn
-- [ ] Cài đặt VS Code với tiện ích GitHub Copilot
-- [ ] Thử ví dụ "Hello World" trong 2 ngôn ngữ lập trình khác nhau trực tuyến
-- [ ] Xem video "Một ngày của lập trình viên" trên YouTube
-- [ ] Bắt đầu công việc thám tử ngôn ngữ lập trình của bạn (từ thử thách)
+### ⏰ **Những việc bạn có thể hoàn thành trong giờ này**
+- [ ] Hoàn thành quiz sau bài học và suy ngẫm về câu trả lời của bạn
+- [ ] Cài đặt VS Code với tiện ích mở rộng GitHub Copilot
+- [ ] Thử một ví dụ "Hello World" trên 2 ngôn ngữ lập trình khác nhau trực tuyến
+- [ ] Xem video "Một ngày làm lập trình viên" trên YouTube
+- [ ] Bắt đầu công việc thám tử ngôn ngữ lập trình của bạn (theo thử thách)
 
 ### 📅 **Cuộc phiêu lưu kéo dài một tuần của bạn**
 - [ ] Hoàn thành bài tập và khám phá 3 công cụ phát triển mới
 - [ ] Theo dõi 5 lập trình viên hoặc tài khoản lập trình trên mạng xã hội
-- [ ] Thử xây dựng một thứ nhỏ trên CodePen hoặc Replit (thậm chí chỉ là "Hello, [Tên của bạn]!")
-- [ ] Đọc một bài viết blog của lập trình viên về hành trình lập trình của họ
-- [ ] Tham gia một buổi gặp mặt trực tuyến hoặc xem một buổi nói chuyện về lập trình
+- [ ] Thử xây dựng một thứ nhỏ trên CodePen hoặc Replit (thậm chí chỉ là "Hello, [Tên Bạn]!")
+- [ ] Đọc một bài blog của lập trình viên về hành trình học lập trình của họ
+- [ ] Tham gia một buổi meetup trực tuyến hoặc xem một bài nói chuyện về lập trình
 - [ ] Bắt đầu học ngôn ngữ bạn chọn với các hướng dẫn trực tuyến
 
-### 🗓️ **Sự biến đổi kéo dài một tháng của bạn**
-- [ ] Xây dựng dự án nhỏ đầu tiên của bạn (thậm chí một trang web đơn giản cũng được tính!)
-- [ ] Đóng góp cho một dự án mã nguồn mở (bắt đầu với việc sửa tài liệu)
-- [ ] Hướng dẫn ai đó vừa bắt đầu hành trình lập trình của họ
-- [ ] Tạo trang web portfolio của bạn dành cho lập trình viên
+### 🗓️ **Biến đổi của bạn trong một tháng**
+- [ ] Xây dựng dự án nhỏ đầu tiên (ngay cả một trang web đơn giản cũng được!)
+- [ ] Đóng góp cho một dự án mã nguồn mở (bắt đầu với sửa lỗi tài liệu)
+- [ ] Hướng dẫn ai đó mới bước vào hành trình lập trình
+- [ ] Tạo trang web portfolio dành cho lập trình viên của bạn
 - [ ] Kết nối với các cộng đồng lập trình viên địa phương hoặc nhóm học tập
-- [ ] Bắt đầu lên kế hoạch cho cột mốc học tập tiếp theo của bạn
+- [ ] Bắt đầu lên kế hoạch cho cột mốc học tập tiếp theo
 
-### 🎯 **Kiểm tra sự phản ánh cuối cùng**
+### 🎯 **Kiểm tra suy ngẫm cuối cùng**
 
-**Trước khi bạn tiếp tục, hãy dành một chút thời gian để ăn mừng:**
-- Điều gì về lập trình khiến bạn hào hứng hôm nay?
+**Trước khi tiếp tục, hãy dành chút thời gian ăn mừng:**
+- Điều gì về lập trình đã làm bạn hào hứng hôm nay?
 - Công cụ hoặc khái niệm nào bạn muốn khám phá đầu tiên?
-- Bạn cảm thấy thế nào về việc bắt đầu hành trình lập trình này?
-- Một câu hỏi bạn muốn hỏi một lập trình viên ngay bây giờ là gì?
+- Bạn cảm thấy thế nào khi bắt đầu hành trình lập trình này?
+- Câu hỏi nào bạn muốn hỏi một lập trình viên ngay lúc này?
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
+    title Hành Trình Xây Dựng Sự Tự Tin Của Bạn
+    section Hôm Nay
       Curious: 3: You
       Overwhelmed: 4: You
       Excited: 5: You
-    section This Week
+    section Tuần Này
       Exploring: 4: You
       Learning: 5: You
       Connecting: 4: You
-    section Next Month
+    section Tháng Sau
       Building: 5: You
       Confident: 5: You
       Helping Others: 5: You
 ```
-
-> 🌟 **Nhớ nhé**: Mọi chuyên gia đều từng là người mới bắt đầu. Mọi lập trình viên cấp cao đều từng cảm thấy giống hệt như bạn bây giờ – hào hứng, có thể hơi choáng ngợp, và chắc chắn tò mò về những gì có thể. Bạn đang ở trong một cộng đồng tuyệt vời, và hành trình này sẽ rất tuyệt vời. Chào mừng bạn đến với thế giới lập trình tuyệt vời! 🎉
+> 🌟 **Hãy nhớ**: Mọi chuyên gia đều từng là người mới. Mọi lập trình viên cấp cao đều đã từng cảm thấy chính xác như bạn bây giờ – phấn khích, có thể hơi choáng ngợp, và chắc chắn tò mò về những điều có thể làm được. Bạn đang ở trong một cộng đồng tuyệt vời, và hành trình này sẽ rất tuyệt vời. Chào mừng bạn đến với thế giới kỳ diệu của lập trình! 🎉
 
 ---
 
-**Tuyên bố miễn trừ trách nhiệm**:  
-Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, xin lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ bản địa nên được coi là nguồn thông tin chính xác nhất. Đối với thông tin quan trọng, chúng tôi khuyến nghị sử dụng dịch vụ dịch thuật chuyên nghiệp từ con người. Chúng tôi không chịu trách nhiệm cho bất kỳ sự hiểu lầm hoặc diễn giải sai nào phát sinh từ việc sử dụng bản dịch này.
\ No newline at end of file
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
+**Tuyên bố từ chối trách nhiệm**:  
+Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi nỗ lực đảm bảo độ chính xác, vui lòng lưu ý rằng bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ mẹ đẻ nên được xem là nguồn thông tin chính xác và đáng tin cậy. Đối với các thông tin quan trọng, nên sử dụng dịch vụ dịch thuật chuyên nghiệp do con người thực hiện. Chúng tôi không chịu trách nhiệm về bất kỳ sự hiểu lầm hoặc diễn giải sai nào phát sinh từ việc sử dụng bản dịch này.
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/vi/AGENTS.md b/translations/vi/AGENTS.md
index a64411b87..ba85cea22 100644
--- a/translations/vi/AGENTS.md
+++ b/translations/vi/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## Tổng quan dự án
 
-Đây là kho giáo trình giáo dục để dạy các kiến thức cơ bản về phát triển web cho người mới bắt đầu. Giáo trình là một khóa học toàn diện 12 tuần do Microsoft Cloud Advocates phát triển, với 24 bài học thực hành về JavaScript, CSS và HTML.
+Đây là khoá học giáo dục để dạy các kiến thức cơ bản về phát triển web cho người mới bắt đầu. Khung chương trình là một khoá học toàn diện kéo dài 12 tuần được phát triển bởi Microsoft Cloud Advocates, bao gồm 24 bài học thực hành về JavaScript, CSS và HTML.
 
 ### Các thành phần chính
 
-- **Nội dung giáo dục**: 24 bài học có cấu trúc tổ chức thành các mô-đun dựa trên dự án
-- **Dự án thực tế**: Terrarium, Trò chơi đánh máy, Tiện ích mở rộng trình duyệt, Trò chơi không gian, Ứng dụng ngân hàng, Trình chỉnh sửa mã, và Trợ lý chat AI
+- **Nội dung giáo dục**: 24 bài học có cấu trúc được tổ chức thành các mô-đun dự án
+- **Dự án thực tế**: Terrarium, Trò chơi đánh máy, Tiện ích mở rộng trình duyệt, Trò chơi vũ trụ, Ứng dụng Ngân hàng, Trình soạn thảo mã, và Trợ lý trò chuyện AI
 - **Bài kiểm tra tương tác**: 48 bài kiểm tra với 3 câu hỏi mỗi bài (đánh giá trước/sau bài học)
-- **Hỗ trợ đa ngôn ngữ**: Dịch tự động cho hơn 50 ngôn ngữ qua GitHub Actions
+- **Hỗ trợ đa ngôn ngữ**: Dịch tự động hơn 50 ngôn ngữ thông qua GitHub Actions
 - **Công nghệ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (cho các dự án AI)
 
 ### Kiến trúc
 
-- Kho giáo dục với cấu trúc theo bài học
-- Mỗi thư mục bài học chứa README, ví dụ mã, và giải pháp
-- Dự án độc lập trong các thư mục riêng biệt (quiz-app, các dự án bài học khác nhau)
+- Khoá học giáo dục với cấu trúc dựa trên bài học
+- Mỗi thư mục bài học chứa README, ví dụ mã và giải pháp
+- Các dự án độc lập trong các thư mục riêng biệt (quiz-app, các dự án bài học khác nhau)
 - Hệ thống dịch sử dụng GitHub Actions (co-op-translator)
-- Tài liệu được phục vụ qua Docsify và có sẵn dạng PDF
+- Tài liệu được cung cấp qua Docsify và có sẵn dưới dạng PDF
 
-## Lệnh thiết lập
+## Lệnh cài đặt
 
-Kho này chủ yếu dành cho việc tiêu thụ nội dung giáo dục. Để làm việc với các dự án cụ thể:
+Kho chứa chủ yếu dành cho việc sử dụng nội dung giáo dục. Để làm việc với các dự án cụ thể:
 
-### Thiết lập kho chính
+### Cài đặt kho chính
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### Thiết lập Quiz App (Vue 3 + Vite)
+### Cài đặt Quiz App (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
-npm run dev        # Khởi động máy chủ phát triển
-npm run build      # Xây dựng cho môi trường sản xuất
+npm run dev        # Bắt đầu máy chủ phát triển
+npm run build      # Xây dựng cho sản xuất
 npm run lint       # Chạy ESLint
 ```
 
@@ -51,15 +51,15 @@ npm run lint       # Chạy ESLint
 npm run format     # Định dạng với Prettier
 ```
 
-### Dự án Tiện ích mở rộng trình duyệt
+### Dự án tiện ích mở rộng trình duyệt
 
 ```bash
 cd 5-browser-extension/solution
 npm install
-# Làm theo hướng dẫn tải tiện ích mở rộng dành riêng cho trình duyệt
+# Thực hiện theo hướng dẫn tải tiện ích mở rộng riêng cho trình duyệt
 ```
 
-### Dự án Trò chơi không gian
+### Dự án trò chơi không gian
 
 ```bash
 cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
 # Mở index.html trong trình duyệt hoặc sử dụng Live Server
 ```
 
-### Dự án Chat (Backend Python)
+### Dự án trò chuyện (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -80,28 +80,28 @@ python api.py
 
 ### Dành cho người đóng góp nội dung
 
-1. **Fork kho này** vào tài khoản GitHub của bạn
-2. **Clone bản fork** về máy cục bộ
-3. **Tạo nhánh mới** cho thay đổi của bạn
-4. Thực hiện thay đổi nội dung bài học hoặc ví dụ mã
-5. Kiểm thử các thay đổi mã trong thư mục dự án liên quan
+1. **Fork kho lưu trữ** về tài khoản GitHub của bạn
+2. **Clone bản fork** về máy tính cá nhân
+3. **Tạo nhánh mới** cho các thay đổi của bạn
+4. Thay đổi nội dung bài học hoặc ví dụ mã
+5. Kiểm tra các thay đổi mã trong các thư mục dự án liên quan
 6. Gửi pull request theo hướng dẫn đóng góp
 
 ### Dành cho người học
 
-1. Fork hoặc clone kho về
-2. Truy cập tuần tự các thư mục bài học
-3. Đọc các file README cho mỗi bài học
-4. Hoàn thành các bài quiz trước bài học tại https://ff-quizzes.netlify.app/web/
+1. Fork hoặc clone kho lưu trữ
+2. Điều hướng tuần tự vào các thư mục bài học
+3. Đọc các file README cho từng bài học
+4. Hoàn thành các bài kiểm tra trước bài học tại https://ff-quizzes.netlify.app/web/
 5. Làm theo các ví dụ mã trong các thư mục bài học
-6. Hoàn thành bài tập và thách thức
-7. Làm bài quiz sau bài học
+6. Hoàn thành bài tập và thử thách
+7. Tham gia các bài kiểm tra sau bài học
 
 ### Phát triển trực tiếp
 
-- **Tài liệu**: Chạy `docsify serve` ở thư mục gốc (cổng 3000)
-- **Ứng dụng Quiz**: Chạy `npm run dev` trong thư mục quiz-app
-- **Các dự án**: Sử dụng VS Code Live Server extension cho các dự án HTML
+- **Tài liệu**: Chạy `docsify serve` trong thư mục gốc (cổng 3000)
+- **Quiz App**: Chạy `npm run dev` trong thư mục quiz-app
+- **Dự án**: Sử dụng tiện ích mở rộng Live Server của VS Code cho các dự án HTML
 - **Dự án API**: Chạy `npm start` trong các thư mục API tương ứng
 
 ## Hướng dẫn kiểm thử
@@ -110,73 +110,73 @@ python api.py
 
 ```bash
 cd quiz-app
-npm run lint       # Kiểm tra các vấn đề về kiểu mã
-npm run build      # Xác minh việc xây dựng thành công
+npm run lint       # Kiểm tra các vấn đề về kiểu mã nguồn
+npm run build      # Xác nhận quá trình xây dựng thành công
 ```
 
-### Kiểm thử API Ngân hàng
+### Kiểm thử API ngân hàng
 
 ```bash
 cd 7-bank-project/api
-npm run lint       # Kiểm tra các lỗi về phong cách mã nguồn
-node server.js     # Xác minh máy chủ khởi động mà không có lỗi nào
+npm run lint       # Kiểm tra các vấn đề về phong cách mã
+node server.js     # Xác minh máy chủ khởi động mà không có lỗi
 ```
 
-### Cách tiếp cận kiểm thử chung
+### Phương pháp kiểm thử chung
 
-- Đây là kho giáo dục không có kiểm thử tự động toàn diện
+- Đây là khoá học giáo dục nên không có kiểm thử tự động toàn diện
 - Kiểm thử thủ công tập trung vào:
   - Các ví dụ mã chạy không lỗi
-  - Các liên kết trong tài liệu hoạt động đúng
-  - Dự án xây dựng thành công
-  - Ví dụ theo các thực hành tốt nhất
+  - Các liên kết trong tài liệu hoạt động chính xác
+  - Xây dựng dự án hoàn thành thành công
+  - Ví dụ tuân theo các thực hành tốt nhất
 
 ### Kiểm tra trước khi gửi
 
 - Chạy `npm run lint` trong các thư mục có package.json
 - Xác minh các liên kết markdown hợp lệ
-- Kiểm thử các ví dụ mã trên trình duyệt hoặc Node.js
-- Kiểm tra rằng các bản dịch giữ đúng cấu trúc
+- Thử các ví dụ mã trong trình duyệt hoặc Node.js
+- Kiểm tra rằng bản dịch giữ nguyên cấu trúc đúng
 
 ## Hướng dẫn phong cách mã
 
 ### JavaScript
 
 - Sử dụng cú pháp ES6+ hiện đại
-- Tuân theo cấu hình ESLint chuẩn có trong dự án
-- Dùng tên biến và hàm có ý nghĩa dễ hiểu cho giáo dục
+- Tuân theo cấu hình ESLint tiêu chuẩn có trong các dự án
+- Đặt tên biến và hàm có ý nghĩa để dễ hiểu cho người học
 - Thêm chú thích giải thích khái niệm cho người học
-- Định dạng bằng Prettier nếu được cấu hình
+- Định dạng theo Prettier khi được cấu hình
 
 ### HTML/CSS
 
-- Các phần tử HTML5 có ngữ nghĩa
-- Nguyên tắc thiết kế đáp ứng
+- Sử dụng các phần tử HTML5 có ngữ nghĩa
+- Thiết kế đáp ứng (responsive)
 - Quy ước đặt tên class rõ ràng
 - Chú thích giải thích kỹ thuật CSS cho người học
 
 ### Python
 
-- Tuân thủ quy chuẩn PEP 8
+- Tuân theo hướng dẫn phong cách PEP 8
 - Ví dụ mã rõ ràng, mang tính giáo dục
-- Sử dụng type hints khi hữu ích cho việc học
+- Dùng gợi ý kiểu (type hints) khi giúp ích cho việc học
 
 ### Tài liệu Markdown
 
 - Cấu trúc tiêu đề rõ ràng
-- Khối mã với chỉ định ngôn ngữ
-- Liên kết đến các tài nguyên bổ sung
+- Các khối mã có chỉ định ngôn ngữ
+- Liên kết đến tài nguyên bổ sung
 - Ảnh chụp màn hình và hình ảnh trong thư mục `images/`
-- Văn bản alt cho ảnh để hỗ trợ truy cập
+- Văn bản thay thế cho hình ảnh nhằm hỗ trợ truy cập
 
 ### Tổ chức tệp
 
-- Các bài học đánh số theo thứ tự (1-getting-started-lessons, 2-js-basics, v.v.)
+- Các bài học được đánh số theo thứ tự (1-getting-started-lessons, 2-js-basics, vv)
 - Mỗi dự án có thư mục `solution/` và thường có `start/` hoặc `your-work/`
-- Hình ảnh lưu trong thư mục `images/` riêng của từng bài học
-- Các bản dịch trong cấu trúc `translations/{language-code}/`
+- Hình ảnh được lưu trong thư mục riêng theo bài `images/`
+- Bản dịch nằm trong cấu trúc `translations/{language-code}/`
 
-## Xây dựng và triển khai
+## Xây dựng và Triển khai
 
 ### Triển khai Quiz App (Azure Static Web Apps)
 
@@ -185,13 +185,13 @@ Quiz-app được cấu hình để triển khai trên Azure Static Web Apps:
 ```bash
 cd quiz-app
 npm run build      # Tạo thư mục dist/
-# Triển khai qua quy trình làm việc GitHub Actions khi đẩy lên nhánh main
+# Triển khai qua workflow GitHub Actions khi đẩy lên nhánh main
 ```
 
 Cấu hình Azure Static Web Apps:
-- **Vị trí ứng dụng**: `/quiz-app`
+- **Vị trí app**: `/quiz-app`
 - **Vị trí đầu ra**: `dist`
-- **Quy trình làm việc**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Tạo PDF tài liệu
 
@@ -203,80 +203,80 @@ npm run convert               # Tạo PDF từ docs
 ### Tài liệu Docsify
 
 ```bash
-npm install -g docsify-cli    # Cài đặt Docsify toàn cục
+npm install -g docsify-cli    # Cài đặt Docsify trên toàn hệ thống
 docsify serve                 # Phục vụ trên localhost:3000
 ```
 
-### Xây dựng dự án riêng biệt
+### Xây dựng dự án riêng
 
-Mỗi thư mục dự án có thể có quá trình xây dựng riêng:
-- Dự án Vue: `npm run build` tạo các bundle sản xuất
-- Dự án tĩnh: không có bước build, phục vụ trực tiếp các tệp
+Mỗi thư mục dự án có thể có quy trình build riêng:
+- Dự án Vue: `npm run build` tạo gói sản xuất
+- Dự án tĩnh: Không có bước build, phục vụ file trực tiếp
 
 ## Hướng dẫn Pull Request
 
 ### Định dạng tiêu đề
 
-Sử dụng tiêu đề rõ ràng, mô tả khu vực thay đổi:
-- `[Quiz-app] Thêm bài quiz mới cho bài học X`
-- `[Lesson-3] Sửa lỗi chính tả trong dự án terrarium`
+Dùng tiêu đề rõ ràng, mô tả khu vực thay đổi:
+- `[Quiz-app] Thêm câu đố mới cho bài X`
+- `[Lesson-3] Sửa lỗi đánh máy trong dự án terrarium`
 - `[Translation] Thêm bản dịch tiếng Tây Ban Nha cho bài 5`
-- `[Docs] Cập nhật hướng dẫn thiết lập`
+- `[Docs] Cập nhật hướng dẫn cài đặt`
 
 ### Các kiểm tra bắt buộc
 
 Trước khi gửi PR:
 
 1. **Chất lượng mã**:
-   - Chạy `npm run lint` trong các thư mục dự án ảnh hưởng
+   - Chạy `npm run lint` trong các thư mục dự án bị ảnh hưởng
    - Sửa tất cả lỗi và cảnh báo lint
 
-2. **Xác thực build**:
-   - Chạy `npm run build` nếu có
-   - Đảm bảo không có lỗi build
+2. **Xác minh xây dựng**:
+   - Chạy `npm run build` nếu áp dụng được
+   - Đảm bảo không có lỗi xây dựng
 
-3. **Xác minh liên kết**:
-   - Kiểm tra tất cả liên kết markdown
-   - Xác thực tham chiếu hình ảnh
+3. **Kiểm tra liên kết**:
+   - Thử tất cả các liên kết markdown
+   - Xác minh tham chiếu hình ảnh đúng
 
-4. **Rà soát nội dung**:
-   - Đọc lại lỗi chính tả và ngữ pháp
+4. **Xem xét nội dung**:
+   - Đọc kỹ để không có lỗi chính tả và ngữ pháp
    - Đảm bảo ví dụ mã chính xác và mang tính giáo dục
-   - Kiểm tra bản dịch giữ nguyên ý nghĩa gốc
+   - Xác minh bản dịch giữ nguyên nghĩa gốc
 
 ### Yêu cầu đóng góp
 
-- Đồng ý Microsoft CLA (kiểm tra tự động lúc PR đầu tiên)
+- Đồng ý với Microsoft CLA (kiểm tra tự động lần đầu PR)
 - Tuân theo [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
 - Xem [CONTRIBUTING.md](./CONTRIBUTING.md) để biết hướng dẫn chi tiết
 - Tham chiếu số issue trong mô tả PR nếu có
 
 ### Quy trình đánh giá
 
-- PR được các người duy trì và cộng đồng đánh giá
-- Ưu tiên làm rõ mặt giáo dục
-- Ví dụ mã nên theo các thực hành tốt hiện tại
-- Bản dịch được đánh giá về độ chính xác và phù hợp văn hóa
+- PR được duyệt bởi người bảo trì và cộng đồng
+- Ưu tiên tính rõ ràng giáo dục
+- Ví dụ mã nên theo các thực hành tốt nhất hiện tại
+- Bản dịch được xem xét kỹ về độ chính xác và phù hợp văn hóa
 
 ## Hệ thống dịch
 
 ### Dịch tự động
 
 - Sử dụng GitHub Actions với workflow co-op-translator
-- Dịch tự động sang hơn 50 ngôn ngữ
-- Các tệp nguồn ở thư mục chính
-- Tệp dịch ở thư mục `translations/{language-code}/`
+- Dịch tự động hơn 50 ngôn ngữ
+- Tệp gốc trong các thư mục chính
+- Tệp dịch trong thư mục `translations/{language-code}/`
 
 ### Thêm cải tiến dịch thủ công
 
-1. Tìm tệp ở `translations/{language-code}/`
-2. Thực hiện cải tiến trong khi giữ cấu trúc
-3. Đảm bảo ví dụ mã vẫn hoạt động
-4. Kiểm thử nội dung quiz được bản địa hóa
+1. Tìm tệp trong `translations/{language-code}/`
+2. Cải thiện nội dung đồng thời giữ cấu trúc
+3. Đảm bảo ví dụ mã còn hoạt động
+4. Kiểm tra nội dung câu đố được bản địa hóa
 
-### Metadata dịch
+### Siêu dữ liệu bản dịch
 
-Các tệp dịch có bao gồm header metadata:
+Các tệp dịch bao gồm phần đầu siêu dữ liệu:
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## Gỡ lỗi và xử lý sự cố
+## Gỡ lỗi và Khắc phục sự cố
 
-### Các vấn đề thường gặp
+### Các vấn đề phổ biến
 
 **Ứng dụng quiz không khởi động được**:
 - Kiểm tra phiên bản Node.js (khuyến nghị v14+)
-- Xóa `node_modules` và `package-lock.json`, chạy lại `npm install`
-- Kiểm tra xung đột cổng (mặc định Vite dùng cổng 5173)
+- Xoá `node_modules` và `package-lock.json`, rồi chạy lại `npm install`
+- Kiểm tra xung đột cổng (mặc định: Vite dùng cổng 5173)
 
-**Máy chủ API không khởi động được**:
-- Xác nhận phiên bản Node.js đạt yêu cầu (node >=10)
-- Kiểm tra cổng có đang được sử dụng không
-- Đảm bảo đã cài tất cả dependencies bằng `npm install`
+**Máy chủ API không khởi động**:
+- Kiểm tra phiên bản Node.js >=10
+- Kiểm tra xem cổng đã được sử dụng chưa
+- Đảm bảo đã cài đặt đầy đủ phụ thuộc với `npm install`
 
 **Tiện ích mở rộng trình duyệt không tải được**:
-- Kiểm tra manifest.json định dạng đúng
-- Kiểm tra console trình duyệt có lỗi không
-- Thực hiện theo hướng dẫn cài tiện ích mở rộng riêng cho trình duyệt
+- Kiểm tra file manifest.json đúng định dạng
+- Kiểm tra console trình duyệt có lỗi hay không
+- Làm theo hướng dẫn cài đặt tiện ích mở rộng riêng cho trình duyệt
 
-**Vấn đề dự án chat Python**:
-- Đảm bảo đã cài gói OpenAI: `pip install openai`
-- Xác nhận biến môi trường GITHUB_TOKEN đã được đặt
-- Kiểm tra quyền truy cập Models trên GitHub
+**Vấn đề dự án trò chuyện Python**:
+- Đảm bảo đã cài đặt gói OpenAI: `pip install openai`
+- Kiểm tra biến môi trường GITHUB_TOKEN đã được thiết lập
+- Kiểm tra quyền truy cập GitHub Models
 
 **Docsify không phục vụ tài liệu**:
 - Cài đặt docsify-cli toàn cục: `npm install -g docsify-cli`
-- Chạy từ thư mục gốc kho
-- Kiểm tra `docs/_sidebar.md` có tồn tại không
+- Chạy từ thư mục gốc kho lưu trữ
+- Kiểm tra file `docs/_sidebar.md` tồn tại
 
-### Mẹo môi trường phát triển
+### Mẹo về môi trường phát triển
 
-- Dùng VS Code với extension Live Server cho các dự án HTML
-- Cài đặt ESLint và Prettier để định dạng thống nhất
-- Dùng DevTools trình duyệt để gỡ lỗi JavaScript
-- Dự án Vue: cài extension Vue DevTools trình duyệt
+- Sử dụng VS Code với tiện ích mở rộng Live Server cho dự án HTML
+- Cài đặt tiện ích ESLint và Prettier để định dạng nhất quán
+- Dùng công cụ DevTools trình duyệt để gỡ lỗi JavaScript
+- Với dự án Vue, cài tiện ích Vue DevTools trên trình duyệt
 
-### Xem xét hiệu năng
+### Lưu ý về hiệu năng
 
-- Số lượng file dịch lớn (hơn 50 ngôn ngữ) khiến clone toàn bộ nặng
-- Dùng clone cạn nếu chỉ làm việc với nội dung: `git clone --depth 1`
-- Loại trừ thư mục dịch khỏi tìm kiếm khi làm việc với nội dung tiếng Anh
-- Quá trình build có thể chậm lần đầu (npm install, build Vite)
+- Số lượng lớn tệp dịch (hơn 50 ngôn ngữ) làm cho bản clone đầy đủ rất nặng
+- Dùng clone nông nếu chỉ làm việc nội dung: `git clone --depth 1`
+- Loại trừ bản dịch khỏi tìm kiếm khi làm việc nội dung tiếng Anh
+- Quy trình build có thể chậm lần chạy đầu (npm install, build Vite)
 
-## Đảm bảo an toàn
+## Các cân nhắc về bảo mật
 
 ### Biến môi trường
 
-- Không bao giờ commit khóa API vào kho
-- Sử dụng tệp `.env` (đã được thêm vào `.gitignore`)
-- Tài liệu biến môi trường cần thiết trong các README dự án
+- Không bao giờ commit khóa API vào kho lưu trữ
+- Sử dụng file `.env` (đã có trong `.gitignore`)
+- Tài liệu biến môi trường bắt buộc trong các README dự án
 
 ### Dự án Python
 
 - Sử dụng môi trường ảo: `python -m venv venv`
-- Giữ dependencies cập nhật
-- GitHub token nên có quyền tối thiểu cần thiết
+- Giữ phụ thuộc luôn cập nhật
+- Token GitHub cần quyền tối thiểu cần thiết
 
-### Quyền truy cập Models GitHub
+### Truy cập GitHub Models
 
-- Cần có Personal Access Token (PAT) cho GitHub Models
-- Token nên lưu trong biến môi trường
-- Không bao giờ commit token hoặc thông tin xác thực
+- Yêu cầu Personal Access Tokens (PAT) để truy cập GitHub Models
+- Token nên lưu trữ dưới biến môi trường
+- Không bao giờ commit token hoặc thông tin đăng nhập
 
 ## Ghi chú bổ sung
 
 ### Đối tượng mục tiêu
 
-- Người mới hoàn toàn với phát triển web
-- Học sinh và người tự học
-- Giáo viên sử dụng giáo trình trong lớp học
-- Nội dung thiết kế phục vụ truy cập và phát triển kỹ năng từ từ
+- Người mới hoàn toàn về phát triển web
+- Sinh viên và người tự học
+- Giáo viên sử dụng khung chương trình trong lớp học
+- Nội dung thiết kế cho khả năng tiếp cận và phát triển kỹ năng từ từ
 
 ### Triết lý giáo dục
 
-- Phương pháp học dựa trên dự án
-- Kiểm tra kiến thức thường xuyên (quiz)
-- Thực hành mã hóa trực tiếp
+- Học dựa trên dự án
+- Kiểm tra kiến thức thường xuyên (bài kiểm tra)
+- Bài tập mã hóa thực hành
 - Ví dụ ứng dụng thực tế
-- Tập trung vào kiến thức nền tảng trước khi tới framework
+- Tập trung vào nền tảng trước khi học framework
 
-### Bảo trì kho
+### Bảo trì kho lưu trữ
 
-- Cộng đồng người học và đóng góp năng động
-- Thường xuyên cập nhật dependencies và nội dung
-- Vấn đề và thảo luận được người duy trì giám sát
-- Cập nhật dịch tự động qua GitHub Actions
+- Cộng đồng học viên và người đóng góp năng động
+- Cập nhật thường xuyên phụ thuộc và nội dung
+- Theo dõi issues và thảo luận bởi người quản lý
+- Cập nhật bản dịch tự động qua GitHub Actions
 
 ### Tài nguyên liên quan
 
-- [Các module Microsoft Learn](https://docs.microsoft.com/learn/)
-- [Tài nguyên Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) được khuyến nghị cho người học
-- Khóa học thêm: AI Sinh tạo, Khoa học dữ liệu, ML, IoT có sẵn
+- [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) khuyến nghị cho người học
+- Các khoá học bổ sung: AI sinh tạo, Khoa học dữ liệu, ML, IoT có sẵn
 
 ### Làm việc với các dự án cụ thể
 
-Hướng dẫn chi tiết cho từng dự án có trong các file README:
+Hướng dẫn chi tiết về từng dự án có trong file README:
 - `quiz-app/README.md` - Ứng dụng quiz Vue 3
 - `7-bank-project/README.md` - Ứng dụng ngân hàng có xác thực
-- `5-browser-extension/README.md` - Phát triển tiện ích mở rộng trình duyệt
-- `6-space-game/README.md` - Phát triển trò chơi Canvas
-- `9-chat-project/README.md` - Dự án trợ lý chat AI
+- `5-browser-extension/README.md` - Phát triển tiện ích trình duyệt
+- `6-space-game/README.md` - Phát triển trò chơi canvas
+- `9-chat-project/README.md` - Dự án trợ lý trò chuyện AI
 
-### Cấu trúc Monorepo
+### Cấu trúc monorepo
 
 Mặc dù không phải monorepo truyền thống, kho này chứa nhiều dự án độc lập:
-- Mỗi bài học tự chứa
-- Dự án không chia sẻ dependencies
-- Làm việc trên từng dự án riêng mà không ảnh hưởng dự án khác
-- Clone toàn bộ repo để trải nghiệm đầy đủ giáo trình
+- Mỗi bài học là riêng biệt
+- Các dự án không chia sẻ phụ thuộc
+- Làm việc trên dự án cá nhân mà không ảnh hưởng đến dự án khác
+- Clone toàn bộ kho để có trải nghiệm toàn diện của khung chương trình
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Tuyên bố miễn trừ trách nhiệm**:  
-Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, xin lưu ý rằng bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ nguyên bản nên được coi là nguồn thông tin chính xác và có thẩm quyền. Đối với các thông tin quan trọng, nên sử dụng dịch vụ dịch thuật chuyên nghiệp của con người. Chúng tôi không chịu trách nhiệm đối với bất kỳ sự hiểu lầm hoặc giải thích sai nào phát sinh từ việc sử dụng bản dịch này.
+**Tuyên bố từ chối trách nhiệm**:  
+Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, xin lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ gốc nên được coi là nguồn tham khảo chính xác nhất. Đối với những thông tin quan trọng, chúng tôi khuyến nghị dịch bởi chuyên gia dịch thuật có kinh nghiệm. Chúng tôi không chịu trách nhiệm về bất kỳ sự hiểu lầm hay giải thích sai nào phát sinh từ việc sử dụng bản dịch này.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/vi/README.md b/translations/vi/README.md
index ba627bed4..411ee0529 100644
--- a/translations/vi/README.md
+++ b/translations/vi/README.md
@@ -2,134 +2,144 @@
 [![Người đóng góp GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
 [![Vấn đề GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
 [![Yêu cầu kéo GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
-[![Chào đón PR](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
+[![Chào mừng PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 
 
 [![Người theo dõi GitHub](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/)
-[![Fork GitHub](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/)
-[![Sao GitHub](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/)
+[![Chia sẻ GitHub](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/)
+[![Ngôi sao GitHub](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/)
 
-[![Discord Microsoft Foundry](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 # Phát Triển Web Cho Người Mới Bắt Đầu - Một Chương Trình Học
 
-Học những kiến thức cơ bản về phát triển web với khóa học toàn diện 12 tuần do các Chuyên Gia Microsoft Cloud biên soạn. Mỗi trong số 24 bài học đi sâu vào JavaScript, CSS và HTML thông qua các dự án thực hành như terrarium, tiện ích mở rộng trình duyệt và trò chơi không gian. Tham gia với các bài kiểm tra, thảo luận và bài tập thực tế. Nâng cao kỹ năng và tối ưu hóa việc ghi nhớ kiến thức với phương pháp giảng dạy dựa trên dự án hiệu quả của chúng tôi. Bắt đầu hành trình lập trình của bạn ngay hôm nay!
+Học những kiến thức cơ bản về phát triển web với khóa học toàn diện kéo dài 12 tuần do Microsoft Cloud Advocates tổ chức. Mỗi trong số 24 bài học sẽ đào sâu vào JavaScript, CSS và HTML qua các dự án thực hành như terrariums, tiện ích trình duyệt và trò chơi không gian. Tham gia với các bài kiểm tra, thảo luận và bài tập thực tế. Nâng cao kỹ năng của bạn và tối ưu hóa việc tiếp thu kiến thức với phương pháp giảng dạy dựa trên dự án hiệu quả của chúng tôi. Bắt đầu hành trình lập trình của bạn ngay hôm nay!
 
-Tham gia cộng đồng Azure AI Foundry trên Discord
+Tham gia cộng đồng Azure AI Foundry Discord
 
-[![Discord Microsoft Foundry](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
+[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 Thực hiện các bước sau để bắt đầu sử dụng các tài nguyên này:
-1. **Fork Kho Lưu Trữ**: Nhấn [![Fork GitHub](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. **Clone Kho Lưu Trữ**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Tham gia Azure AI Foundry Discord và gặp gỡ các chuyên gia cùng các nhà phát triển khác**](https://discord.com/invite/ByRwuEEgH4)
+1. **Tạo bản sao kho lưu trữ (Fork Repository)**: Nhấp vào [![Chia sẻ GitHub](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. **Sao chép kho lưu trữ (Clone Repository)**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Tham gia The Azure AI Foundry Discord và gặp gỡ các chuyên gia cùng đồng nghiệp phát triển**](https://discord.com/invite/ByRwuEEgH4)
 
-### 🌐 Hỗ trợ Đa Ngôn Ngữ
+### 🌐 Hỗ Trợ Đa Ngôn Ngữ
 
 #### Hỗ trợ qua GitHub Action (Tự động & Luôn Cập Nhật)
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Tiếng Ả Rập](../ar/README.md) | [Tiếng Bengal](../bn/README.md) | [Tiếng Bulgaria](../bg/README.md) | [Tiếng Miến Điện (Myanmar)](../my/README.md) | [Tiếng Trung (Giản thể)](../zh-CN/README.md) | [Tiếng Trung (Phồn thể, Hồng Kông)](../zh-HK/README.md) | [Tiếng Trung (Phồn thể, Macau)](../zh-MO/README.md) | [Tiếng Trung (Phồn thể, Đài Loan)](../zh-TW/README.md) | [Tiếng Croatia](../hr/README.md) | [Tiếng Séc](../cs/README.md) | [Tiếng Đan Mạch](../da/README.md) | [Tiếng Hà Lan](../nl/README.md) | [Tiếng Estonia](../et/README.md) | [Tiếng Phần Lan](../fi/README.md) | [Tiếng Pháp](../fr/README.md) | [Tiếng Đức](../de/README.md) | [Tiếng Hy Lạp](../el/README.md) | [Tiếng Do Thái](../he/README.md) | [Tiếng Hindi](../hi/README.md) | [Tiếng Hungary](../hu/README.md) | [Tiếng Indonesia](../id/README.md) | [Tiếng Ý](../it/README.md) | [Tiếng Nhật](../ja/README.md) | [Tiếng Kannada](../kn/README.md) | [Tiếng Hàn Quốc](../ko/README.md) | [Tiếng Litva](../lt/README.md) | [Tiếng Mã Lai](../ms/README.md) | [Tiếng Malayalam](../ml/README.md) | [Tiếng Marathi](../mr/README.md) | [Tiếng Nepal](../ne/README.md) | [Tiếng Pidgin Nigeria](../pcm/README.md) | [Tiếng Na Uy](../no/README.md) | [Tiếng Ba Tư (Farsi)](../fa/README.md) | [Tiếng Ba Lan](../pl/README.md) | [Tiếng Bồ Đào Nha (Brazil)](../pt-BR/README.md) | [Tiếng Bồ Đào Nha (Bồ Đào Nha)](../pt-PT/README.md) | [Tiếng Punjabi (Gurmukhi)](../pa/README.md) | [Tiếng Romania](../ro/README.md) | [Tiếng Nga](../ru/README.md) | [Tiếng Serbia (Chữ Kirin)](../sr/README.md) | [Tiếng Slovakia](../sk/README.md) | [Tiếng Slovenia](../sl/README.md) | [Tiếng Tây Ban Nha](../es/README.md) | [Tiếng Swahili](../sw/README.md) | [Tiếng Thụy Điển](../sv/README.md) | [Tiếng Tagalog (Philippines)](../tl/README.md) | [Tiếng Tamil](../ta/README.md) | [Tiếng Telugu](../te/README.md) | [Tiếng Thái](../th/README.md) | [Tiếng Thổ Nhĩ Kỳ](../tr/README.md) | [Tiếng Ukraina](../uk/README.md) | [Tiếng Urdu](../ur/README.md) | [Tiếng Việt](./README.md)
-
-> **Muốn Clone cục bộ?**
+[Tiếng Ả Rập](../ar/README.md) | [Tiếng Bengal](../bn/README.md) | [Tiếng Bulgaria](../bg/README.md) | [Tiếng Miến Điện](../my/README.md) | [Tiếng Trung (Giản thể)](../zh-CN/README.md) | [Tiếng Trung (Phồn thể, Hồng Kông)](../zh-HK/README.md) | [Tiếng Trung (Phồn thể, Ma Cao)](../zh-MO/README.md) | [Tiếng Trung (Phồn thể, Đài Loan)](../zh-TW/README.md) | [Tiếng Croatia](../hr/README.md) | [Tiếng Séc](../cs/README.md) | [Tiếng Đan Mạch](../da/README.md) | [Tiếng Hà Lan](../nl/README.md) | [Tiếng Estonia](../et/README.md) | [Tiếng Phần Lan](../fi/README.md) | [Tiếng Pháp](../fr/README.md) | [Tiếng Đức](../de/README.md) | [Tiếng Hy Lạp](../el/README.md) | [Tiếng Hebrew](../he/README.md) | [Tiếng Hindi](../hi/README.md) | [Tiếng Hungary](../hu/README.md) | [Tiếng Indonesia](../id/README.md) | [Tiếng Ý](../it/README.md) | [Tiếng Nhật](../ja/README.md) | [Tiếng Kannada](../kn/README.md) | [Tiếng Hàn](../ko/README.md) | [Tiếng Lithuania](../lt/README.md) | [Tiếng Mã Lai](../ms/README.md) | [Tiếng Malayalam](../ml/README.md) | [Tiếng Marathi](../mr/README.md) | [Tiếng Nepal](../ne/README.md) | [Tiếng Pidgin Nigeria](../pcm/README.md) | [Tiếng Na Uy](../no/README.md) | [Tiếng Ba Tư (Farsi)](../fa/README.md) | [Tiếng Ba Lan](../pl/README.md) | [Tiếng Bồ Đào Nha (Brazil)](../pt-BR/README.md) | [Tiếng Bồ Đào Nha (Bồ Đào Nha)](../pt-PT/README.md) | [Tiếng Punjabi (Gurmukhi)](../pa/README.md) | [Tiếng Romania](../ro/README.md) | [Tiếng Nga](../ru/README.md) | [Tiếng Serbia (Chữ Cyrillic)](../sr/README.md) | [Tiếng Slovakia](../sk/README.md) | [Tiếng Slovenia](../sl/README.md) | [Tiếng Tây Ban Nha](../es/README.md) | [Tiếng Swahili](../sw/README.md) | [Tiếng Thụy Điển](../sv/README.md) | [Tiếng Tagalog (Philippines)](../tl/README.md) | [Tiếng Tamil](../ta/README.md) | [Tiếng Telugu](../te/README.md) | [Tiếng Thái](../th/README.md) | [Tiếng Thổ Nhĩ Kỳ](../tr/README.md) | [Tiếng Ukraina](../uk/README.md) | [Tiếng Urdu](../ur/README.md) | [Tiếng Việt](./README.md)
 
-> Kho lưu trữ này bao gồm hơn 50 bản dịch ngôn ngữ điều này làm tăng đáng kể kích thước tải xuống. Để clone mà không có bản dịch, hãy sử dụng sparse checkout:
+> **Muốn Sao Chép Nội Bộ?**
+>
+> Kho lưu trữ này bao gồm hơn 50 bản dịch ngôn ngữ làm kích thước tải về tăng lên đáng kể. Để sao chép mà không có các bản dịch, hãy sử dụng 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'
 > ```
-> Điều này sẽ cung cấp cho bạn tất cả những gì bạn cần để hoàn thành khóa học với tốc độ tải xuống nhanh hơn nhiều.
+>
+> **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"
+> ```
+>
+> Điều này cung cấp cho bạn mọi thứ bạn cần để hoàn thành khóa học với tốc độ tải xuống nhanh hơn nhiều.
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**Nếu bạn muốn có thêm các ngôn ngữ dịch được hỗ trợ được liệt kê [ở đây](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Nếu bạn muốn có thêm các ngôn ngữ dịch được hỗ trợ, danh sách có tại [đây](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
-[![Mở trong Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Mở%20trong%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[![Mở trong 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)
 
 #### 🧑‍🎓 _Bạn là sinh viên?_
 
-Truy cập trang [**Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) nơi bạn sẽ tìm thấy tài nguyên cho người mới bắt đầu, bộ dụng cụ dành cho sinh viên và thậm chí cách để nhận phiếu chứng nhận miễn phí. Đây là trang bạn nên đánh dấu và kiểm tra định kỳ vì chúng tôi thay đổi nội dung hàng tháng.
+Tham khảo [**trang Trung tâm Sinh viên**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) nơi bạn sẽ tìm thấy tài nguyên dành cho người mới bắt đầu, bộ công cụ Sinh viên và thậm chí là cách lấy phiếu chứng nhận miễn phí. Đây là trang bạn nên đánh dấu và kiểm tra định kỳ vì chúng tôi thay đổi nội dung hàng tháng.
 
 ### 📣 Thông báo - Thử thách Chế độ GitHub Copilot Agent mới để hoàn thành!
 
-Thử thách mới đã được thêm vào, tìm thử thách "GitHub Copilot Agent Challenge 🚀" trong hầu hết các chương. Đó là thử thách mới dành cho bạn sử dụng GitHub Copilot và chế độ Agent để hoàn thành. Nếu bạn chưa từng dùng chế độ Agent trước đây, nó không chỉ tạo ra văn bản mà còn có thể tạo và chỉnh sửa tệp, chạy lệnh và nhiều hơn nữa.
+Thêm Thử thách mới, tìm kiếm "Thử thách GitHub Copilot Agent 🚀" trong hầu hết các chương. Đây là thử thách mới dành cho bạn hoàn thành sử dụng GitHub Copilot và chế độ Agent. Nếu bạn chưa từng dùng chế độ Agent trước đây, nó có khả năng không chỉ tạo văn bản mà còn tạo và chỉnh sửa tập tin, chạy lệnh và nhiều hơn nữa.
 
-### 📣 Thông báo - _Dự án Mới để xây dựng sử dụng Generative AI_
+### 📣 Thông báo - _Dự án Mới xây dựng sử dụng Generative AI_
 
-Dự án trợ lý AI mới vừa được thêm, xem [dự án](./9-chat-project/README.md)
+Dự án trợ lý AI mới vừa được thêm vào, xem tại [dự án](./9-chat-project/README.md)
 
-### 📣 Thông báo - _Chương trình học Mới_ về Generative AI cho JavaScript vừa được phát hành
+### 📣 Thông báo - _Chương Trình Mới_ về Generative AI cho JavaScript vừa được phát hành
 
-Đừng bỏ lỡ chương trình học Generative AI mới của chúng tôi!
+Đừng bỏ lỡ chương trình Generative AI mới của chúng tôi!
 
 Truy cập [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) để bắt đầu!
 
 ![Nền](../../translated_images/vi/background.148a8d43afde5730.webp)
 
-- Bài học bao gồm tất cả từ cơ bản đến RAG.
-- Tương tác với các nhân vật lịch sử sử dụng GenAI và ứng dụng đồng hành của chúng tôi.
-- Câu chuyện vui nhộn và hấp dẫn, bạn sẽ trải nghiệm du hành thời gian!
+- Bài học bao gồm mọi thứ từ cơ bản đến RAG.
+- Tương tác với các nhân vật lịch sử bằng GenAI và ứng dụng đồng hành của chúng tôi.
+- Câu chuyện vui nhộn và hấp dẫn, bạn sẽ du hành thời gian!
 
 ![nhân vật](../../translated_images/vi/character.5c0dd8e067ffd693.webp)
 
 
-Mỗi bài học bao gồm một bài tập để hoàn thành, kiểm tra kiến thức và một thử thách để hướng dẫn bạn học các chủ đề như:
-- Lập trình lời nhắc và kỹ thuật lập trình lời nhắc
+Mỗi bài học bao gồm bài tập để hoàn thành, kiểm tra kiến thức và thử thách để hướng dẫn bạn học các chủ đề như:
+- Thúc đẩy và kỹ thuật thiết kế lời nhắc
 - Tạo ứng dụng văn bản và hình ảnh
 - Ứng dụng tìm kiếm
 
 Truy cập [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) để bắt đầu!
 
 
+
 ## 🌱 Bắt Đầu
 
-> **Giáo viên**, chúng tôi có [đưa ra một số gợi ý](for-teachers.md) về cách sử dụng chương trình học này. Chúng tôi rất mong nhận được phản hồi của bạn [trong diễn đàn thảo luận](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Giáo viên**, chúng tôi đã [bao gồm một số gợi ý](for-teachers.md) về cách sử dụng chương trình học này. Chúng tôi rất mong nhận phản hồi từ bạn [trong diễn đàn thảo luận](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
 
-**[Người học](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, với mỗi bài học, bắt đầu với bài kiểm tra trước bài giảng và tiếp tục bằng cách đọc tài liệu giảng dạy, hoàn thành các hoạt động khác nhau và kiểm tra sự hiểu biết của bạn với bài kiểm tra sau bài giảng.
+**[Người học](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, với từng bài học, hãy bắt đầu với bài kiểm tra trước bài giảng và tiếp tục đọc tài liệu giảng dạy, hoàn thành các hoạt động khác nhau và kiểm tra hiểu biết của bạn với bài kiểm tra sau bài giảng.
 
-Để tăng cường trải nghiệm học tập, hãy kết nối với bạn bè để làm việc cùng nhau trên các dự án! Thảo luận được khuyến khích trong [diễn đàn thảo luận](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) nơi nhóm điều hành của chúng tôi sẽ sẵn sàng trả lời câu hỏi của bạn.
+Để nâng cao trải nghiệm học tập, kết nối với bạn bè để cùng làm các dự án! Khuyến khích thảo luận trong [diễn đàn thảo luận](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) nơi đội ngũ điều phối viên của chúng tôi sẽ có mặt để giải đáp các thắc mắc của bạn.
 
-Để tiếp tục học tập, chúng tôi khuyến nghị bạn khám phá [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) để có thêm tài liệu học tập.
+Để mở rộng kiến thức, chúng tôi khuyên bạn khám phá [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) để có thêm tài liệu học tập.
 
-### 📋 Thiết lập môi trường của bạn
+### 📋 Thiết lập môi trường làm việc
 
-Chương trình học này đã chuẩn bị môi trường phát triển sẵn sàng! Khi bắt đầu, bạn có thể chọn chạy chương trình học trong một [Codespace](https://github.com/features/codespaces/) (_môi trường dựa trên trình duyệt, không cần cài đặt_), hoặc chạy cục bộ trên máy tính của bạn bằng trình soạn thảo văn bản như [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Chương trình học này đã sẵn sàng môi trường phát triển! Khi bắt đầu, bạn có thể chọn chạy chương trình học trong [Codespace](https://github.com/features/codespaces/) (_môi trường dựa trên trình duyệt, không cần cài đặt_), hoặc chạy tại máy tính cá nhân bằng trình soạn thảo văn bản như [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
 
 #### Tạo kho lưu trữ của bạn
-Để bạn dễ dàng lưu công việc, khuyến nghị bạn tạo bản sao kho lưu trữ này. Bạn có thể làm điều này bằng cách nhấn nút **Sử dụng mẫu này** ở đầu trang. Điều này sẽ tạo kho lưu trữ mới trong tài khoản GitHub của bạn với bản sao của chương trình học.
+Để bạn dễ dàng lưu công việc, nên tạo bản sao riêng kho lưu trữ này. Bạn có thể làm điều này bằng cách nhấn nút **Use this template** phía trên trang. Điều này sẽ tạo một kho lưu trữ mới trong tài khoản GitHub của bạn với bản sao chương trình học.
 
-Thực hiện các bước sau:
-1. **Fork Kho Lưu Trữ**: Nhấn nút "Fork" ở góc trên bên phải của trang này.
-2. **Clone Kho Lưu Trữ**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Làm theo các bước sau:
+1. **Tạo bản sao kho lưu trữ (Fork Repository)**: Nhấp vào nút "Fork" ở góc trên bên phải trang này.
+2. **Sao chép kho lưu trữ (Clone Repository)**:   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### Chạy chương trình học trong Codespace
 
-Trong bản sao kho lưu trữ bạn vừa tạo, nhấn nút **Code** và chọn **Open with Codespaces**. Điều này sẽ tạo một Codespace mới để bạn làm việc.
+Trong bản sao kho lưu trữ bạn vừa tạo, nhấp nút **Code** và chọn **Open with Codespaces**. Điều này sẽ tạo một Codespace mới để bạn làm việc.
 
 ![Codespace](../../translated_images/vi/createcodespace.0238bbf4d7a8d955.webp)
 
-#### Chạy chương trình học cục bộ trên máy tính của bạn
-
-Để chạy chương trình học này trên máy tính của bạn, bạn sẽ cần một trình soạn thảo văn bản, một trình duyệt và một công cụ dòng lệnh. Bài học đầu tiên của chúng tôi, [Giới thiệu về Ngôn ngữ lập trình và Công cụ của nghề](../../1-getting-started-lessons/1-intro-to-programming-languages), sẽ hướng dẫn bạn qua các tùy chọn khác nhau cho mỗi công cụ để bạn chọn phù hợp nhất.
-
-Khuyến nghị của chúng tôi là sử dụng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) làm trình soạn thảo, trình soạn thảo này cũng có [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) tích hợp. Bạn có thể tải Visual Studio Code [tại đây](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Chạy chương trình học trên máy tính cá nhân
 
+Để chạy chương trình học này trên máy tính cá nhân, bạn cần trình soạn thảo văn bản, trình duyệt và công cụ dòng lệnh. Bài học đầu tiên của chúng tôi, [Giới thiệu về Ngôn ngữ Lập trình và Công cụ](../../1-getting-started-lessons/1-intro-to-programming-languages), sẽ hướng dẫn bạn qua các tùy chọn cho những công cụ này để bạn chọn lựa phù hợp nhất.
 
-1. Clone kho lưu trữ về máy tính của bạn. Bạn có thể làm điều này bằng cách nhấp nút **Code** và sao chép URL:
+Chúng tôi khuyên dùng [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) làm trình soạn thảo, có tích hợp sẵn [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Bạn có thể tải Visual Studio Code [tại đây](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Sao chép kho lưu trữ của bạn về máy tính. Bạn có thể làm điều này bằng cách nhấp vào nút **Code** và sao chép URL:
 
     [CodeSpace](./images/createcodespace.png)
-Sau đó, mở [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) bên trong [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) và chạy lệnh sau, thay `<your-repository-url>` bằng URL bạn vừa sao chép:
+
+    Sau đó, mở [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) trong [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) và chạy lệnh sau, thay thế `<your-repository-url>` bằng URL bạn vừa sao chép:
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. Mở thư mục trong Visual Studio Code. Bạn có thể làm điều này bằng cách nhấp vào **File** > **Open Folder** và chọn thư mục bạn vừa sao chép về.
+2. Mở thư mục trong Visual Studio Code. Bạn có thể làm điều này bằng cách nhấp **File** > **Open Folder** và chọn thư mục bạn vừa sao chép.
 
 
-> Tiện ích mở rộng Visual Studio Code được khuyên dùng:
+>  Các tiện ích mở rộng được khuyến nghị cho Visual Studio Code:
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - để xem trước các trang HTML ngay trong Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - giúp bạn viết mã nhanh hơn
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - để xem trước các trang HTML trong Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - giúp bạn viết code nhanh hơn
 
 ## 📂 Mỗi bài học bao gồm:
 
@@ -137,123 +147,123 @@ Sau đó, mở [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT
 - video bổ sung tùy chọn
 - bài kiểm tra khởi động trước bài học
 - bài học viết
-- đối với các bài học dựa trên dự án, hướng dẫn từng bước cách xây dựng dự án
+- đối với các bài học dự án, hướng dẫn từng bước cách xây dựng dự án
 - kiểm tra kiến thức
 - một thử thách
 - tài liệu đọc bổ sung
 - bài kiểm tra sau bài học [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
 
-> **Ghi chú về các bài kiểm tra:** Tất cả bài kiểm tra nằm trong thư mục Quiz-app, tổng cộng 48 bài với mỗi bài gồm ba câu hỏi. Chúng có thể truy cập [tại đây](https://ff-quizzes.netlify.app/web/). Ứng dụng kiểm tra có thể chạy cục bộ hoặc triển khai trên Azure; hãy làm theo hướng dẫn trong thư mục `quiz-app`.
+> **Ghi chú về các bài kiểm tra**: Tất cả bài kiểm tra được chứa trong thư mục Quiz-app, tổng cộng 48 bài kiểm tra với mỗi bài gồm ba câu hỏi. Chúng có sẵn [ở đây](https://ff-quizzes.netlify.app/web/), ứng dụng quiz có thể chạy cục bộ hoặc triển khai lên Azure; làm theo hướng dẫn trong thư mục `quiz-app`.
 
 ## 🗃️ Các bài học
 
-|     |                       Tên Dự Án                        |                            Khái Niệm Được Dạy                             | Mục Tiêu Học Tập                                                                                                                 |                                                         Bài Học Liên Kết                                                          |         Tác Giả          |
+|     |                       Tên dự án                       |                            Khái niệm được dạy                             | Mục tiêu học tập                                                                                                                 |                                                         Bài học liên quan                                                          |         Tác giả         |
 | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01  |                     Bắt Đầu                           |           Giới thiệu về Lập trình và Công cụ chuyên ngành           | Tìm hiểu các nền tảng cơ bản đằng sau hầu hết ngôn ngữ lập trình và về phần mềm giúp các nhà phát triển chuyên nghiệp làm việc    | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     Bắt Đầu                           |             Những điều cơ bản về GitHub, bao gồm làm việc nhóm             | Cách sử dụng GitHub trong dự án của bạn, cách cộng tác với người khác trên mã nguồn                                                |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     Bắt Đầu                           |                             Khả năng tiếp cận (Accessibility)                              | Học những kiến thức cơ bản về khả năng tiếp cận trên web                                                                           |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS Cơ Bản                         |                         Các kiểu dữ liệu trong JavaScript                          | Những kiến thức cơ bản về các kiểu dữ liệu trong JavaScript                                                                         |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS Cơ Bản                         |                         Các hàm và phương thức                          | Tìm hiểu về các hàm và phương thức để quản lý luồng logic ứng dụng                                                                |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Cơ Bản                         |                        Tạo quyết định với JS                        | Học cách tạo điều kiện trong mã của bạn bằng các phương pháp ra quyết định                                                         |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS Cơ Bản                         |                            Mảng và vòng lặp                            | Làm việc với dữ liệu sử dụng mảng và vòng lặp trong JavaScript                                                                     |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML trong thực hành                            | Xây dựng HTML để tạo một môi trường sinh thái trực tuyến, tập trung vào xây dựng bố cục                                             |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS trong thực hành                             | Xây dựng CSS để tạo kiểu cho môi trường sinh thái trực tuyến, tập trung vào các kiến thức cơ bản về CSS bao gồm làm trang responsive |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Closure trong JavaScript, thao tác DOM                  | Xây dựng JavaScript để làm cho môi trường sinh thái hoạt động như giao diện kéo/thả, tập trung vào closure và thao tác DOM        |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          Xây dựng trò chơi đánh máy                           | Học cách sử dụng sự kiện bàn phím để điều khiển logic ứng dụng JavaScript của bạn                                                    |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         Làm việc với trình duyệt                          | Tìm hiểu cách các trình duyệt hoạt động, lịch sử của chúng, và cách khởi tạo các phần tử đầu tiên của tiện ích trình duyệt         |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | Xây dựng biểu mẫu, gọi API và lưu biến trong bộ nhớ cục bộ (local storage) | Xây dựng các phần tử JavaScript của tiện ích trình duyệt để gọi API sử dụng biến lưu trong bộ nhớ cục bộ                            |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          Các tiến trình nền trong trình duyệt, hiệu năng web          | Sử dụng các tiến trình nền của trình duyệt để quản lý biểu tượng tiện ích; tìm hiểu về hiệu năng web và một số tối ưu hóa để cải thiện |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [Space Game](./6-space-game/solution/README.md)           |             Phát triển trò chơi nâng cao với JavaScript             | Tìm hiểu về kế thừa sử dụng cả lớp (Classes) và thành phần (Composition) và mẫu Pub/Sub, chuẩn bị cho việc xây dựng trò chơi       |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           Vẽ lên canvas                            | Tìm hiểu về API Canvas, được sử dụng để vẽ các phần tử lên màn hình                                                               |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   Di chuyển các phần tử quanh màn hình                    | Khám phá cách các phần tử có thể chuyển động bằng tọa độ Đề-các và API Canvas                                                       |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          Phát hiện va chạm                           | Làm cho các phần tử va chạm và phản ứng với nhau bằng phím bấm và cung cấp chức năng làm nguội để đảm bảo hiệu năng trò chơi      |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             Giữ điểm                              | Thực hiện các phép toán dựa trên trạng thái và hiệu năng của trò chơi                                                              |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     Kết thúc và khởi động lại trò chơi                     | Tìm hiểu về kết thúc và khởi động lại trò chơi, bao gồm dọn dẹp tài nguyên và đặt lại giá trị biến                                  |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 Mẫu HTML và các tuyến trong ứng dụng web                 | Học cách tạo khung kiến trúc cho website nhiều trang bằng cách dùng routing và mẫu HTML                                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  Xây dựng biểu mẫu đăng nhập và đăng ký                   | Tìm hiểu cách xây dựng biểu mẫu và xử lý các quy trình xác thực                                                                    |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   Các phương pháp lấy và sử dụng dữ liệu                   | Cách luồng dữ liệu đi vào và ra khỏi ứng dụng của bạn, cách lấy, lưu trữ và xử lý dữ liệu                                            |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      Khái niệm Quản lý trạng thái                      | Tìm hiểu cách ứng dụng của bạn giữ trạng thái và cách quản lý nó bằng lập trình                                                    |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Làm việc với VScode | Tìm hiểu cách sử dụng trình soạn thảo mã | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Làm việc với AI | Học cách xây dựng trợ lý AI riêng của bạn | [AI Assistant project](./9-chat-project/README.md) | Chris |
+| 01  |                     Bắt đầu                      |           Giới thiệu về Lập trình và Công cụ                      | Tìm hiểu các nguyên lý cơ bản đằng sau hầu hết các ngôn ngữ lập trình và phần mềm giúp các lập trình viên làm việc chuyên nghiệp | [Giới thiệu về Ngôn ngữ lập trình và Công cụ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     Bắt đầu                      |             Các kiến thức cơ bản về GitHub, làm việc nhóm             | Cách sử dụng GitHub trong dự án của bạn, cách cộng tác với người khác trên cùng một mã nguồn                                       |                            [Giới thiệu GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Bắt đầu                      |                             Khả năng truy cập                            | Học các kiến thức cơ bản về khả năng truy cập web                                                                                   |                       [Các kiến thức cơ bản về truy cập](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Cơ bản                         |                         Các kiểu dữ liệu trong JavaScript                          | Các kiến thức cơ bản về kiểu dữ liệu trong JavaScript                                                                               |                                       [Kiểu dữ liệu](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Cơ bản                         |                         Hàm và Phương thức                          | Tìm hiểu về hàm và phương thức để quản lý luồng logic ứng dụng                                                                     |                              [Hàm và Phương thức](./2-js-basics/2-functions-methods/README.md)                               | Jasmine và Christopher |
+| 06  |                        JS Cơ bản                         |                        Lập quyết định với JS                        | Học cách tạo các điều kiện trong mã bằng các phương pháp quyết định                                                                |                                 [Lập quyết định](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Cơ bản                         |                            Mảng và vòng lặp                            | Làm việc với dữ liệu sử dụng mảng và vòng lặp trong JavaScript                                                                     |                                   [Mảng và vòng lặp](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML thực hành                           | Tạo HTML để xây dựng một terrarium trực tuyến, tập trung vào xây dựng bố cục                                                       |                                 [Giới thiệu HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS thực hành                             | Viết CSS để tạo kiểu cho terrarium trực tuyến, tập trung vào các kiến thức cơ bản của CSS bao gồm làm cho trang phản hồi          |                                  [Giới thiệu CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 Đóng gói JavaScript, thao tác DOM                  | Viết JavaScript để làm cho terrarium có thể thao tác kéo thả, tập trung vào đóng gói và thao tác DOM                              |                  [Đóng gói JavaScript, thao tác DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Trò chơi đánh máy](./4-typing-game/solution/README.md)          |                          Xây dựng trò chơi đánh máy                           | Học cách sử dụng các sự kiện bàn phím để điều khiển logic của ứng dụng JavaScript                                                   |                                [Lập trình hướng sự kiện](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Tiện ích mở rộng trình duyệt Xanh](./5-browser-extension/solution/README.md) |                         Làm việc với trình duyệt                          | Hiểu về hoạt động của trình duyệt, lịch sử và cách tạo cấu trúc các phần tử đầu tiên của tiện ích mở rộng trình duyệt             |                               [Về trình duyệt](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Tiện ích mở rộng trình duyệt Xanh](./5-browser-extension/solution/README.md) | Xây dựng biểu mẫu, gọi API và lưu biến trong bộ nhớ local | Xây dựng các phần tử JavaScript của tiện ích mở rộng trình duyệt để gọi API sử dụng biến lưu trong bộ nhớ local                  |                [API, Biểu mẫu và Bộ nhớ Local](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Tiện ích mở rộng trình duyệt Xanh](./5-browser-extension/solution/README.md) |          Quá trình nền trong trình duyệt, hiệu suất web          | Sử dụng các tiến trình nền của trình duyệt để quản lý biểu tượng tiện ích; tìm hiểu về hiệu suất web và một số tối ưu cho nó    |             [Tác vụ nền và hiệu suất](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |             Phát triển trò chơi nâng cao với JavaScript             | Tìm hiểu về Kế thừa sử dụng cả Lớp và Thành phần cũng như mẫu Pub/Sub, chuẩn bị cho việc xây dựng game                             |                      [Giới thiệu phát triển game nâng cao](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |                           Vẽ lên canvas                            | Tìm hiểu API Canvas, được dùng để vẽ các phần tử lên màn hình                                                                      |                                [Vẽ lên Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |                   Di chuyển các phần tử trên màn hình                    | Khám phá cách các phần tử có thể chuyển động sử dụng tọa độ Đề-các và API Canvas                                                    |                           [Di chuyển phần tử](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |                          Phát hiện va chạm                           | Làm cho các phần tử va chạm và phản ứng với nhau bằng phím bấm và cung cấp hàm hồi chiếu để đảm bảo hiệu suất game                 |                              [Phát hiện va chạm](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |                             Ghi điểm                              | Thực hiện các phép tính toán dựa trên trạng thái và hiệu suất của trò chơi                                                         |                                    [Ghi điểm](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Trò chơi không gian](./6-space-game/solution/README.md)           |                     Kết thúc và khởi động lại trò chơi                     | Tìm hiểu cách kết thúc và khởi động lại trò chơi, bao gồm dọn dẹp tài nguyên và đặt lại giá trị biến                              |                                [Điều kiện kết thúc](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Ứng dụng Ngân hàng](./7-bank-project/solution/README.md)          |                 Mẫu HTML và Router trong ứng dụng web                 | Học cách tạo khung kiến trúc cho website nhiều trang sử dụng routing và mẫu HTML                                                   |                            [Mẫu HTML và Router](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Ứng dụng Ngân hàng](./7-bank-project/solution/README.md)          |                  Xây dựng Biểu mẫu Đăng nhập và Đăng ký                   | Tìm hiểu cách xây dựng biểu mẫu và xử lý các quy trình xác thực                                                                    |                                           [Biểu mẫu](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Ứng dụng Ngân hàng](./7-bank-project/solution/README.md)          |                   Các phương pháp lấy và sử dụng dữ liệu                   | Cách dữ liệu chảy vào ra ứng dụng của bạn, cách lấy dữ liệu, lưu trữ, và xử lý                                                      |                                            [Dữ liệu](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Ứng dụng Ngân hàng](./7-bank-project/solution/README.md)          |                      Các khái niệm quản lý trạng thái                      | Tìm hiểu cách ứng dụng của bạn giữ trạng thái và cách quản lý lập trình                                                            |                                [Quản lý trạng thái](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Mã trình soạn thảo Browser/VScode](../../8-code-editor) | Làm việc với VScode | Tìm hiểu cách sử dụng trình soạn thảo mã | [Sử dụng trình soạn thảo VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [Trợ lý AI](./9-chat-project/README.md) | Làm việc với AI | Tìm hiểu cách xây dựng trợ lý AI cho riêng bạn | [Dự án trợ lý AI](./9-chat-project/README.md) | Chris |
 
 ## 🏫 Phương pháp giảng dạy
 
-Chương trình của chúng tôi được thiết kế dựa trên hai nguyên tắc giáo dục chính:
-* học dựa trên dự án
-* kiểm tra định kỳ
+Chương trình học của chúng tôi được thiết kế với hai nguyên tắc sư phạm chính:
+* học theo dự án
+* các bài kiểm tra thường xuyên
 
-Chương trình dạy các kiến thức cơ bản về JavaScript, HTML và CSS, cũng như các công cụ và kỹ thuật mới nhất được các nhà phát triển web hiện nay sử dụng. Học viên sẽ có cơ hội trải nghiệm thực hành thông qua việc xây dựng trò chơi đánh máy, môi trường sinh thái ảo, tiện ích mở rộng trình duyệt thân thiện môi trường, trò chơi kiểu không gian xâm lược và một ứng dụng ngân hàng dành cho doanh nghiệp. Đến cuối chuỗi bài học, học viên sẽ thu được hiểu biết vững chắc về phát triển web.
+Chương trình giảng dạy dạy các kiến thức cơ bản của JavaScript, HTML và CSS, cũng như các công cụ và kỹ thuật mới nhất được các nhà phát triển web ngày nay sử dụng. Học viên sẽ có cơ hội thực hành xây dựng trò chơi đánh máy, terrarium ảo, tiện ích mở rộng trình duyệt thân thiện với môi trường, trò chơi kiểu không gian xâm lược và ứng dụng ngân hàng cho doanh nghiệp. Đến cuối chuỗi bài học, học viên sẽ có được hiểu biết vững chắc về phát triển web.
 
-> 🎓 Bạn có thể bắt đầu với vài bài học đầu tiên trong chương trình này như một [Lộ trình học](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) trên Microsoft Learn!
+> 🎓 Bạn có thể học một vài bài đầu tiên trong chương trình này như một [Lộ trình Học tập](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) trên Microsoft Learn!
 
-Bằng cách đảm bảo nội dung phù hợp với các dự án, quá trình học được làm thú vị hơn cho học viên và việc ghi nhớ các khái niệm cũng được tăng cường. Chúng tôi cũng đã viết một số bài học khởi đầu về cơ bản JavaScript để giới thiệu các khái niệm, kèm theo video từ bộ sưu tập "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", trong đó một số tác giả đã góp phần cho chương trình này.
+Bằng cách đảm bảo nội dung phù hợp với các dự án, quá trình học trở nên hấp dẫn hơn đối với học viên và tăng hiệu quả ghi nhớ các khái niệm. Chúng tôi cũng đã viết một số bài học khởi đầu về JavaScript cơ bản để giới thiệu các khái niệm, kết hợp với video từ bộ sưu tập "[Series cho người mới bắt đầu với JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", trong đó một số tác giả đã đóng góp cho chương trình học này.
 
-Ngoài ra, một bài kiểm tra nhẹ trước lớp đặt mục tiêu học tập cho học sinh, trong khi bài kiểm tra thứ hai sau lớp đảm bảo việc ghi nhớ sâu thêm. Chương trình này được thiết kế linh hoạt và thú vị, có thể học toàn bộ hoặc từng phần. Các dự án bắt đầu nhỏ và ngày càng phức tạp hơn vào cuối chu kỳ 12 tuần.
+Ngoài ra, một bài kiểm tra thấp điểm trước lớp giúp học viên tạo động lực học tập theo chủ đề, trong khi bài kiểm tra thứ hai sau lớp giúp củng cố kiến thức. Chương trình học này được thiết kế linh hoạt và thú vị, có thể học toàn bộ hoặc từng phần. Các dự án bắt đầu từ nhỏ và trở nên phức tạp hơn theo chu kỳ 12 tuần.
 
-Mặc dù chúng tôi có chủ ý tránh giới thiệu các framework JavaScript để tập trung vào các kỹ năng cơ bản cần thiết cho nhà phát triển web trước khi áp dụng framework, bước tiếp theo tốt để hoàn thành chương trình này là học về Node.js qua bộ video khác: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Mặc dù chúng tôi đặc biệt tránh giới thiệu các framework JavaScript để tập trung vào kỹ năng cơ bản cần thiết cho lập trình viên web trước khi sử dụng framework, bước tiếp theo tốt để hoàn thành chương trình này là học về Node.js qua một bộ video khác: "[Series cho người mới bắt đầu với Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
 
-> Truy cập [Bộ Quy tắc Ứng xử](CODE_OF_CONDUCT.md) và [Hướng Dẫn Góp Phần](CONTRIBUTING.md) của chúng tôi. Chúng tôi hoan nghênh phản hồi mang tính xây dựng của bạn!
+> Tham khảo [Quy tắc ứng xử](CODE_OF_CONDUCT.md) và [Hướng dẫn đóng góp](CONTRIBUTING.md) của chúng tôi. Chúng tôi rất hoan nghênh các phản hồi mang tính xây dựng của bạn!
 
 
 ## 🧭 Truy cập ngoại tuyến
 
-Bạn có thể chạy tài liệu này ngoại tuyến bằng cách sử dụng [Docsify](https://docsify.js.org/#/). Sao chép repo này, [cài đặt Docsify](https://docsify.js.org/#/quickstart) trên máy cục bộ của bạn, rồi trong thư mục gốc của repo này, gõ `docsify serve`. Website sẽ chạy trên cổng 3000 tại localhost của bạn: `localhost:3000`.
+Bạn có thể chạy tài liệu này ngoại tuyến bằng cách sử dụng [Docsify](https://docsify.js.org/#/). Fork kho lưu trữ này, [cài đặt Docsify](https://docsify.js.org/#/quickstart) trên máy của bạn, sau đó ở thư mục gốc của kho lưu trữ này, gõ lệnh `docsify serve`. Website sẽ được phục vụ trên cổng 3000 tại localhost của bạn: `localhost:3000`.
 
 ## 📘 PDF
+Một tệp PDF của tất cả các bài học có thể được tìm thấy [tại đây](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
-File PDF tất cả các bài học có thể tìm thấy [tại đây](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
 
+## 🎒 Các Khóa Học Khác
 
-## 🎒 Các khóa học khác
-Nhóm của chúng tôi còn sản xuất các khóa học khác! Hãy xem:
+Nhóm của chúng tôi cũng sản xuất các khóa học khác! Hãy xem:
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
-[![LangChain4j cho Người mới bắt đầu](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 cho Người mới bắt đầu](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 cho Người mới bắt đầu](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)
+[![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
-[![AZD cho Người mới bắt đầu](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 cho Người mới bắt đầu](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 cho Người mới bắt đầu](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 cho Người mới bắt đầu](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)
+[![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)
 
 ---
-
-### Chuỗi AI Tạo Sinh
-[![AI Tạo Sinh cho Người mới bắt đầu](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)
-[![AI Tạo Sinh (.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)
-[![AI Tạo Sinh (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)
-[![AI Tạo Sinh (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)
+ 
+### Chuỗi AI Sinh Tạo
+[![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)
 
 ---
-
-### Học Tập Cơ Bản
-[![ML cho Người mới bắt đầu](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)
-[![Khoa học Dữ liệu cho Người mới bắt đầu](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 cho Người mới bắt đầu](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)
-[![An ninh mạng cho Người mới bắt đầu](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[![Phát triển Web cho Người mới bắt đầu](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[![IoT cho Người mới bắt đầu](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[![Phát triển XR cho Người mới bắt đầu](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)
+ 
+### Học Tập Cốt Lõi
+[![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)
+[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
 
 ---
-
+ 
 ### Chuỗi Copilot
-[![Copilot cho Lập trình Đôi AI](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 cho 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)
-[![Phiêu lưu Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+[![Copilot 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)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## Nhận Hỗ Trợ
+## Nhận Trợ Giúp
 
-Nếu bạn gặp khó khăn hoặc có bất kỳ câu hỏi nào về việc xây dựng ứng dụng AI. Tham gia cùng các học viên và nhà phát triển có kinh nghiệm trong các cuộc thảo luận về MCP. Đây là một cộng đồng hỗ trợ nơi các câu hỏi luôn được chào đón và kiến thức được chia sẻ tự do.
+Nếu bạn gặp khó khăn hoặc có bất kỳ câu hỏi nào về việc xây dựng ứng dụng AI, hãy tham gia cùng những người học khác và các nhà phát triển giàu kinh nghiệm trong các cuộc thảo luận về MCP. Đây là một cộng đồng hỗ trợ nơi các câu hỏi được chào đón và kiến thức được chia sẻ tự do.
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-Nếu bạn có phản hồi về sản phẩm hoặc gặp lỗi khi xây dựng, hãy truy cập:
+Nếu bạn có phản hồi về sản phẩm hoặc gặp lỗi trong quá trình phát triển, hãy truy cập:
 
 [![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)
 
@@ -264,6 +274,6 @@ Kho lưu trữ này được cấp phép theo giấy phép MIT. Xem tệp [LICEN
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**Tuyên bố miễn trừ trách nhiệm**:  
-Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, xin lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ bản địa nên được coi là nguồn chính thức và đáng tin cậy. Đối với các thông tin quan trọng, nên sử dụng dịch vụ dịch thuật chuyên nghiệp bởi con người. Chúng tôi không chịu trách nhiệm về bất kỳ sự hiểu nhầm hoặc giải thích sai nào phát sinh từ việc sử dụng bản dịch này.
+**Tuyên bố từ chối trách nhiệm**:
+Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI [Co-op Translator](https://github.com/Azure/co-op-translator). Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, vui lòng lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc sự không chính xác. Tài liệu gốc bằng ngôn ngữ gốc nên được xem là nguồn tin chính thức. Đối với thông tin quan trọng, khuyến nghị sử dụng dịch vụ dịch thuật chuyên nghiệp bởi con người. Chúng tôi không chịu trách nhiệm đối với bất kỳ sự hiểu lầm hoặc giải thích sai nào phát sinh từ việc sử dụng bản dịch này.
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-CN/.co-op-translator.json b/translations/zh-CN/.co-op-translator.json
index 65f4c03a8..1ec012f02 100644
--- a/translations/zh-CN/.co-op-translator.json
+++ b/translations/zh-CN/.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-06T11:58:19+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T16:27:11+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "zh-CN"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:12:19+00:00",
+    "translation_date": "2026-03-06T16:30:45+00:00",
     "source_file": "AGENTS.md",
     "language_code": "zh-CN"
   },
@@ -516,8 +516,8 @@
     "language_code": "zh-CN"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:06:51+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T16:23:42+00:00",
     "source_file": "README.md",
     "language_code": "zh-CN"
   },
diff --git a/translations/zh-CN/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/zh-CN/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index df1ee5a3f..9687474eb 100644
--- a/translations/zh-CN/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/zh-CN/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
 # 编程语言与现代开发工具简介
 
-嗨，未来的开发者！👋 我能告诉你一件每天都会让我激动不已的事情吗？你即将发现，编程不仅仅是关于计算机——它是一种具有真正超能力的方式，能让你把最狂野的创意变成现实！
+嗨，未来的开发者！👋 我可以告诉你一件每天都让我激动不已的事吗？你即将发现，编程不只是关于计算机——它是拥有实际超能力，将你最狂野的想法变为现实的能力！
 
-你知道用自己最喜欢的应用时那种一切完美契合的时刻吗？当你点击一个按钮，发生了某种神奇的事情，让你忍不住惊叹“哇，他们到底是怎么做到的？”那么，就像你一样的人——可能正坐在他们最喜欢的咖啡馆，凌晨两点喝着第三杯浓咖啡——写出了创造那个魔法的代码。更震撼的是：到本课结束时，你不仅会理解他们是怎么做到的，还会急切想亲自尝试一番！
+你知道那种时刻吗？当你使用你最喜欢的应用，所有东西恰到好处地运作起来？当你点击一个按钮，发生了某种完全神奇的事情，让你不禁惊呼“哇，他们是怎么做到的？”嗯，正是像你一样的某个人——可能深夜两点坐在他最爱咖啡馆，喝着第三杯浓缩咖啡——写下了创造那魔法的代码。最让你惊讶的是：到本课结束时，你不仅会理解他们是如何做到的，还会迫不及待想自己试一试！
 
-听我说，我完全理解如果现在编程看起来让你感到害怕。当我刚开始时，我真的以为你得是某种数学天才，或者从五岁起就开始编程。但有件事彻底改变了我的看法：编程就像学习用一门新语言交谈。你从“你好”和“谢谢”开始，然后学会点咖啡，再到后面能谈天说地！只不过这次，你是在和计算机对话，而说实话？它们是你遇到过的最有耐心的对话伙伴——从不批评你的错误，并且永远乐意再试一次！
+听着，如果现在觉得编程有点吓人，我完全理解。我刚开始学习时，真的以为你得是数学天才，或者从五岁就开始写代码。但彻底改变我看法的是：编程就像学习用新语言对话。你从“你好”和“谢谢”学起，然后慢慢学会点咖啡，过不了多久，你就能进行深刻的哲学讨论！不过这里，你是在跟计算机对话，说实话？它们是你见过最有耐心的对话伙伴——从不因为你的错误而评判你，总是乐意再试一次！
 
-今天，我们将探索那些让现代网页开发不仅可行而且极其上瘾的令人难以置信的工具。我说的是 Netflix、Spotify 和你最喜欢的独立应用工作室每天使用的同样的编辑器、浏览器和工作流程。最棒的是，这些专业级、行业标准的工具大多数是完全免费的！
+今天，我们将探索那些让现代网页开发不仅可能还极其上瘾的神奇工具。我说的正是 Netflix、Spotify 以及你最喜欢的独立应用工作室的开发者们每天使用的编辑器、浏览器和工作流。这里有个让你忍不住开心跳舞的部分：大部分这些专业级、行业标准的工具都是完全免费的！
 
 ![Intro Programming](../../../../translated_images/zh-CN/webdev101-programming.d6e3f98e61ac4bff.webp)
-> 速写笔记由 [Tomomi Imura](https://twitter.com/girlie_mac) 制作
+> Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
@@ -27,59 +27,61 @@ journey
       工具探索: 5: You
       社区连接: 5: You
 ```
-## 让我们看看你已经知道什么！
 
-在我们进入有趣的内容之前，我很好奇——你已经对这个编程世界了解多少？听着，如果你看着这些问题想“我完全一点头绪都没有”，这不仅没关系，还非常完美！这意味着你正处在绝佳的起点。把这个测验想象成锻炼前的拉伸运动——我们只是让大脑先热身！
+## 来看看你已经知道些什么！
 
-[参加课前测验](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+在我们跳入有趣的内容之前，我很想知道——你对这个编程世界已经了解多少？听着，如果你看到这些问题时想“我一点头绪都没有”，那不但没关系，反而是完美的！这意味着你来对地方了。把这个测试当成运动前的热身——我们只是在热身你的大脑肌肉！
 
-## 我们即将一起踏上的冒险之旅
+[参加课前测试](https://ff-quizzes.netlify.app/web/)
 
-好了，我真的非常激动要和你一同探索今天的内容！说真的，我真希望能看到你那些概念“恍然大悟”时的表情。我们将一起经历这段不可思议的旅程：
 
-- **什么是编程（以及为什么它超酷！）**——我们将发现代码究竟是如何成为无形的魔法，驱动你周围所有事物，从那闹钟怎样知道今天是周一，到算法如何完美推荐你喜欢的 Netflix 内容
-- **编程语言和它们令人惊讶的个性**——想象参加一个派对，每个人都有完全不同的超能力和解决问题的方式。这就是编程语言的世界，你一定会喜欢认识它们！
-- **数字魔法发生的基本构建块**——把它们当作终极创意的乐高积木。一旦你理解这些零件是如何拼合的，你会发现你完全可以构建任何你想象中的东西
-- **能让你感觉像拿到巫师魔杖的专业工具**——我一点都不夸张，这些工具真的会让你感觉拥有超能力，更棒的是？它们正是专业人士使用的工具！
+## 我们即将一起展开的冒险
 
-> 💡 **温馨提示**：今天别想着把所有内容都记住！此刻，我只希望你感受到可能性的火花。细节会随着我们的实践自然沉淀——这才是真正的学习过程！
+好吧，我真的是激动得跳起来，迫不及待要和你一起探索今天的内容！说真的，我真希望能看到你在某些概念终于明白时的表情。这是我们一起踏上的精彩旅程：
 
-> 你也可以在 [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) 上学习本课程！
+- **什么是编程（以及为什么它是最酷的事情！）**——我们将发现代码是如何成为无形的魔法，驱动你周围的一切，从那个奇妙知道现在是周一早晨的闹钟，到精准策划你 Netflix 推荐的算法
+- **编程语言及其令人惊叹的性格**——想象走进一个派对，每个人都拥有完全不同的超能力和解决问题的方式。编程语言的世界就是这样，你会喜欢认识它们！
+- **构成数字魔法的基本构件**——把它们想象成终极乐高积木。一旦理解了这些拼接方式，你会发现你可以建立任何你想象出来的东西
+- **让你感觉像刚拿到魔法棒的专业工具**——我一点不会夸张——这些工具真能让你感觉拥有超能力，最棒的是？它们跟专业人士用的是一样的！
 
-## 那么，什么是*编程*？
+> 💡 **提示**：别想着今天把所有东西都记住！现在，我只希望你感受到对无限可能的那份兴奋。细节会随着一起练习自然牢固——这才是真正的学习！
 
-好，让我们来攻克这个价值百万美元的问题：编程究竟是什么？
+> 你也可以在 [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。这时，**编程语言**就派上用场了。它们就像世界上最棒的翻译官，把你完全正常的人类想法转换成计算机语言。
+我给你讲一个完全改变我看法的故事。上周，我试图给我妈妈讲怎么用我们新的智能电视遥控器。我发现我一直在说“按红色按键，但不是那个大红色，是左边那个小红色……不，另一个左边……好了，现在按住两秒，不是一秒，也不是三秒……”听起来熟悉吗？😅
 
-每天早上醒来，这点仍然让我激动不已：你生活中所有的数字事物，最初都是像你一样的人，可能穿着睡衣，手拿咖啡，在笔记本上敲代码。那个让你看起来完美无瑕的 Instagram 滤镜？有人写了那段代码。带你发现新歌的推荐算法？开发者设计了它。帮助你和朋友均摊晚餐账单的应用？没错，有人想着“真烦人，我一定能改进它”，结果……他们做到了！
+这就是编程！向一个非常强大的对象提供极其详细、一步步的说明的艺术，但需要把所有事都细致到位。只是你不是解释给你妈妈（她可以问“哪个红色按键？！”），而是在解释给计算机（它只执行你说的，哪怕你说的不是你真正想表达的意思）。
 
-学会编程，你不仅仅是习得一项新技能——你正在加入这样一个令人敬佩的群体，这群解决问题的人用他们的每一天思考，“如果我能造出点东西，让某个人的一天更美好一点，会怎么样？”说真的，有什么比这更酷的吗？
+我刚学时最震撼的是：计算机其实内核非常简单。它们只懂两种东西——1 和 0，基本上就是“是”和“否”或者“开”和“关”。就是这样！但是这里就神奇了——我们不需要像《黑客帝国》那样直接用 1 和 0 交流。这时，**编程语言**就派上用场了。它们就像最棒的翻译官，把你正常人的思维转成电脑能懂的语言。
 
-✅ **趣味小调查**：闲暇时看看这个超酷的内容——你认为世界上第一位计算机程序员是谁？提示：她可能不是你想象中的那样！这位人士背后的故事极其精彩，说明编程从一开始就是关于创造性解决问题和跳出框架思考。
+还有让我每天早上醒来都激动得起鸡皮疙瘩的是：你生活中几乎所有数字化的东西，都是某个跟你一样的人开始的，可能穿着睡衣，手捧一杯咖啡，在笔记本上敲代码。那个让你看起来完美无瑕的 Instagram 滤镜？有人写了那段代码。为你推荐新歌的算法？有个程序员构建了它。帮你和朋友分摊晚餐账单的应用？是的，某个人想“这太烦了，我能解决”，然后他们做到了！
 
-### 🧠 **情绪检查：你感觉如何？**
+当你学会编程，不只是学会一项新技能——你成为了一个不可思议的解决问题社区的一员。他们每天都在想，“如果我能造出点让别人生活稍微好一点的东西怎么办？”老实说，这还有什么比这更酷的吗？
 
-**花点时间想想：**
-- “向计算机下指令”的想法你现在能理解了吗？
-- 你能想到想用编程自动化的日常任务吗？
-- 关于编程，你脑海中冒出了哪些问题？
+✅ **趣味小知识**：有空时查查这个超酷话题——你知道世界上第一个计算机程序员是谁吗？我给你个提示：可能不是你想象的那个人！这个人的故事绝对精彩，展示了编程一直是关于创造性解决问题和跳出思维框架。
 
-> **记住**：某些概念暂时模糊完全正常。学编程就像学新语言——需要时间让大脑建立神经回路。你做得很棒！
+### 🧠 **自我检测时间：你感觉如何？**
 
-## 编程语言就像不同风味的魔法
+**花点时间思考：**
+- 现在“给计算机下指令”的概念对你有意义吗？
+- 你能想到一个想用编程自动化的日常任务吗？
+- 对整个编程世界有什么疑问在你脑海中冒出来？
+
+> **记住**：现在有些概念模糊是完全正常的。学编程就像学新语言——你的大脑需要时间来建立神经通路。你做得很棒！
+
+## 编程语言就像不同口味的魔法
 
-嗯，这听起来可能有点怪，但请坚持听我说——编程语言很像不同类型的音乐。想想看：有爵士乐，流畅且即兴；摇滚，强劲直接；古典，优雅而有结构；还有嘻哈，创意和富于表现力。每种风格都有自己的气质和热情的拥护者社区，同时适合不同的心情和场合。
+好，这听起来可能怪怪的，但坚持听我说——编程语言很像不同类型的音乐。想想看：有爵士，顺滑而即兴；摇滚，强力而直白；古典，优雅且结构严谨；还有嘻哈，充满创意与表达。每种风格都有自己的氛围，热情的粉丝团体，各自适合不同场合和情绪。
 
-编程语言也是一样！你不会用同一种语言去造一个有趣的手机游戏和处理庞大的气候数据，就像你不会在瑜伽课上听死亡金属（嗯，大多数瑜伽课都是这样！😄）。
+编程语言也是一样！你不会用同一种语言写一个有趣的手机游戏，也用它来处理庞大的气候数据分析，就像在瑜伽课上不可能放着死亡金属（嗯，大多数瑜伽课至少如此😄）。
 
-但每次一想到这点，我都震惊不已：这些语言就像世界上最耐心、最聪明的口译员坐在你旁边。你可以用适合你人脑的方式表达想法，语言帮你完成把这些转换成计算机说的1和0的复杂工作。这就像拥有一个在“人类创造力”和“计算机逻辑”两种语言之间流利切换的朋友——他们永不疲倦，不用喝咖啡休息，也从不因为你重复问同一个问题而评价你！
+但让我每次想起都惊叹的是：这些语言就像身旁有最耐心、最聪明的翻译官。你可以用大脑自然的方式表达思想，它们会帮你完成将想法翻译成计算机真正懂的 1 和 0 的复杂工作。这就像你有个朋友，精通“人类创造力”和“计算机逻辑”两种语言——而且他们永不疲倦，不用喝咖啡休息，也不会因为你重复问同一个问题而不耐烦！
 
-### 流行编程语言及其用途
+### 流行的编程语言及其用途
 
 ```mermaid
 mindmap
@@ -97,7 +99,7 @@ mindmap
         机器学习
         自动化
       R
-        统计
+        统计学
         研究
     Mobile Apps
       Java
@@ -120,58 +122,59 @@ mindmap
         云服务
         可扩展后端
 ```
-| 语言 | 最适合 | 为什么受欢迎 |
-|------|--------|--------------|
-| **JavaScript** | 网页开发，用户界面 | 在浏览器中运行，驱动互动网站 |
-| **Python** | 数据科学，自动化，人工智能 | 易读易学，拥有强大库支持 |
-| **Java** | 企业应用，安卓应用 | 跨平台，适合大型系统 |
-| **C#** | Windows 应用，游戏开发 | 微软生态圈支持强大 |
-| **Go** | 云服务，后端系统 | 快速简单，专为现代计算设计 |
+| 语言 | 最佳用途 | 热门原因 |
+|----------|----------|------------------|
+| **JavaScript** | 网页开发、用户界面 | 浏览器运行，驱动交互式网站 |
+| **Python** | 数据科学、自动化、人工智能 | 易读易学，强大库支持 |
+| **Java** | 企业应用、安卓应用 | 跨平台，适合大型系统 |
+| **C#** | Windows 应用、游戏开发 | 微软生态支持强大 |
+| **Go** | 云服务、后端系统 | 快速简单，面向现代计算 |
 
 ### 高级语言 vs 低级语言
 
-说实话，这是我刚开始学时觉得最烧脑的概念，所以我要分享一个让我顿悟的比喻——希望对你也有帮助！
+老实说，这是我初学时最头疼的概念，所以我想用一个帮我彻底领会的比喻分享给你——希望对你也有帮助！
 
-想象你去一个不会说语言的国家，急需找厕所（我们都经历过，对吧？😅）：
+想象你去一个语言不通的国家，急需找洗手间（谁都经历过吧？😅）：
 
-- **低级编程**就像学得那么好本地方言，能和街角卖水果的奶奶聊文化典故、本地俚语和只有当地人懂的笑话。超厉害且高效……如果你流利的话！但当你只是想找个厕所时，简直头大。
+- **低级编程** 就像你学会当地方言，能跟街角卖水果的老太太聊上天，用文化暗示、本地俚语和只有本地人懂的笑话。超级厉害且效率极高……如果你流利的话！但当你只是想找个厕所时，真的很难。
 
-- **高级编程**就像有一个很棒的本地朋友完全懂你。你用英语说“我急需找厕所”，朋友帮你翻译文化差异，给你解释得非常清楚，适合不懂当地文化的你。
+- **高级编程** 像有个能懂你心思的当地朋友。你直接用英文说“我真的需要找洗手间”，他帮你翻译成当地话，给你解释得非常明白，适合你这种外来者理解。
 
-编程术语来说：
-- **低级语言**（如汇编或C）让你能和计算机硬件进行极其细致的对话，但你得像机器一样思考……嗯，这对脑力是很大考验！
-- **高级语言**（如 JavaScript、Python 或 C#）让你像人类一样思考，它们在幕后处理所有机器语言。更棒的是，它们有超友好的社区，里面的人都记得刚入门的艰难，真心想帮助你！
+用编程术语来说：
+- **低级语言**（如汇编或C）让你直接与计算机硬件细致对话，但你得用机器思维，这……嗯，心理转换很大！
+- **高级语言**（如 JavaScript、Python或 C#）让你像人类思考，它们负责幕后处理机器语言。另外，它们有热情欢迎新手的社区，大家都记得刚学时的辛苦，真心想帮忙！
 
-你猜我推荐你先学哪个？😉 高级语言就像有了辅助轮，虽然你可能永远不会想摘掉，因为它让整体验更愉快！
+你猜我建议你从哪种开始学？😉 高级语言就像带着辅助轮的自行车，根本不想摘掉，因为它让整个体验轻松愉快！
 
 ```mermaid
 flowchart TB
-    A["👤 人类思维：<br/>'我想计算斐波那契数列'"] --> B{选择语言级别}
+    A["👤 人类思维:<br/>'我想计算斐波那契数列'"] --> B{选择语言级别}
     
     B -->|高级| C["🌟 JavaScript/Python<br/>易读易写"]
-    B -->|低级| D["⚙️ 汇编/C<br/>直接硬件控制"]
+    B -->|低级| D["⚙️ 汇编/C<br/>直接控制硬件"]
     
-    C --> E["📝 写：fibonacci(10)"]
-    D --> F["📝 写：mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 编写: fibonacci(10)"]
+    D --> F["📝 编写: mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 计算机理解：<br/>翻译器处理复杂性"]
+    E --> G["🤖 计算机理解:<br/>翻译器处理复杂性"]
     F --> G
     
-    G --> H["💻 相同结果：<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 相同结果:<br/>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
 // 第一步：基本斐波那契设置
@@ -183,13 +186,13 @@ console.log('Fibonacci sequence:');
 ```
 
 **这段代码做了什么：**
-- **声明**一个常量，用来指定我们想生成多少个斐波那契数
-- **初始化**两个变量，用于跟踪数列中的当前值和下一个值
-- **设置**起始值（0和1），定义斐波那契序列
-- **显示**一个标题消息，标示我们的输出
+- **声明**一个常量确定我们要生成多少个斐波那契数字
+- **初始化**两个变量跟踪当前和下一个数字
+- **设定**起始值（0 和 1），定义数列规则
+- **展示**一个标题，标识输出结果
 
 ```javascript
-// 第2步：用循环生成序列
+// 第2步：使用循环生成序列
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
@@ -200,11 +203,11 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**代码运行过程中：**
-- **用`for`循环**遍历序列中的每个位置
-- **打印**每个数字及其位置，使用模板字符串格式化
-- **计算**下一个斐波那契数，方法是加上当前数和下一个数
-- **更新**跟踪变量，进入下一次循环
+**下面发生了什么：**
+- **使用**`for` 循环遍历序列的位置
+- **显示**每个数字和其位置，采用模板字符串格式化
+- **计算**下一个数，当前值加上下一个值
+- **更新**变量，前进到下一步循环
 
 ```javascript
 // 第3步：现代函数式方法
@@ -223,11 +226,11 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**上述代码中：**
-- **创建**了一个可复用函数，使用现代箭头函数语法
-- **构建**了一个数组来存储完整序列，而不是逐个展示
-- **使用**数组索引根据前面的值计算新数
-- **返回**完整序列，方便在程序其他部分灵活使用
+**上述代码中我们：**
+- **创建**了一个使用现代箭头函数语法的可重用函数
+- **构建**了一个数组来存储完整序列，而不是逐个显示
+- **用**数组索引计算每个新数字，基于前面值
+- **返回**完整序列，方便程序其他部分调用
 
 **低级语言（ARM 汇编）——计算机友好：**
 
@@ -256,27 +259,27 @@ back add r0,r1
  end
 ```
 
-注意，JavaScript 版本读起来几乎像英语指令，而汇编使用的是直接控制处理器的神秘命令。它们完成的是完全相同的任务，但高级语言更易于人类理解、编写和维护。
+你注意到 JavaScript 版本几乎像英文说明，而汇编版本则使用神秘命令直接控制计算机处理器。两者任务相同，但高级语言更易理解、编写和维护。
 
 **你会注意到的主要区别：**
-- **可读性**：JavaScript 用像 `fibonacciCount` 这样的描述性名称，而汇编使用像 `r0`、`r1` 这样晦涩的标签
-- **注释**：高级语言鼓励解释性注释，使代码具备自我说明性
-- **结构**：JavaScript 的逻辑流程与人类逐步思考问题的方式相匹配
-- **维护**：针对不同需求更新 JavaScript 版本简单明了
+- **可读性**：JavaScript 使用描述性名称如 `fibonacciCount`，而汇编语言则使用晦涩的标签如 `r0`、`r1`
+- **注释**：高级语言鼓励写解释性注释，使代码具备自我文档功能
+- **结构**：JavaScript 的逻辑流程符合人类逐步思考问题的方式
+- **维护**：根据不同需求更新 JavaScript 版本简单清晰
 
-✅ **关于斐波那契数列**：这个绝美的数字模式（每个数字都是前两个数字之和：0, 1, 1, 2, 3, 5, 8……）在自然界里无处不在！你会在向日葵的螺旋、松果的排列、鹦螺壳的弯曲方式，甚至树枝的生长方式中发现它。数学和代码帮我们理解并重现自然界用来创造美丽的模式，真是令人震撼！
+✅ **关于斐波那契数列**：这个绝美的数字模式（每个数字等于前两个数字之和：0、1、1、2、3、5、8……）实际上在大自然中 *无处不在*！你会在向日葵的螺旋形、松果的纹理、鹦鹉螺壳的弯曲方式，甚至树枝生长的方式中找到它。数学和代码能帮助我们理解并复刻自然用来创造美丽的模式，这真是令人震惊！
 
-## 构成魔法的基石
+## 构建魔法的基石
 
-好了，现在你已经看到了编程语言的实际运作，让我们分解构成所有程序的基础部分。把它们看作你最喜欢的食谱中的基本成分——只要你了解每个成分的作用，就能在几乎任何语言中读写代码！
+好了，现在你已经看到编程语言的实际表现了，接下来让我们拆解构成所有程序的基础要素。把它们想象成你最喜欢的食谱中的必备材料——一旦了解每个材料的用途，你就能用几乎任何语言读写代码！
 
-这有点像学习编程的语法。还记得你在学校学名词、动词和如何组成句子吗？编程也有自己的语法版本，说实话，比英语语法更加合乎逻辑和宽容！😄
+这有点像学习编程的语法。还记得学校里学习名词、动词和如何构成句子吗？编程也有自己的语法，坦白说，它比英语语法要逻辑得多，也宽容得多！😄
 
 ### 语句：一步步的指令
 
-先从**语句**开始——它们就像你和电脑对话中的单句。每条语句告诉电脑做一件具体的事，就像给出方向指令：“这里左转”、“红绿灯处停下”、“在那个地方停车”。
+让我们从**语句**开始——它们就像跟计算机对话中的一句句子。每条语句告诉计算机做一件具体的事，就像给出指示：“这里左转”、“红灯停”、“在那个车位停车”。
 
-我喜欢语句的地方是它们通常很易读。看看这个：
+我喜欢语句的原因是它们通常很易读。看看这个：
 
 ```javascript
 // 执行单个操作的基本语句
@@ -285,10 +288,10 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**这段代码做了什么：**
-- **声明**一个常量变量存储用户的名字
-- **向控制台输出**问候消息
-- **计算**并存储一个数学运算的结果
+**这段代码的功能是：**
+- **声明**一个常量变量用来存储用户的名字
+- **向控制台输出**一条问候信息
+- **计算**并存储一个数学运算结果
 
 ```javascript
 // 与网页交互的语句
@@ -296,19 +299,19 @@ document.title = "My Awesome Website";
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**一步步讲解发生了什么：**
-- **修改**浏览器标签页显示的网页标题
+**一步步说明：**
+- **修改**浏览器标签页中显示的网页标题
 - **更改**整个页面主体的背景颜色
 
 ### 变量：程序的记忆系统
 
-好，**变量**说实话是我最喜欢讲的概念之一，因为它们就像你每天使用的东西！
+好了，**变量**是我最喜欢讲解的概念之一，因为它们和你日常使用的东西非常相似！
 
-想想你手机的联系人列表。你不会记住每个人的号码——你保存的是“妈妈”、“死党”或者“凌晨2点前送餐的披萨店”，然后让手机记住实际号码。变量就是这样！它们是带标签的容器，程序可以用名字存储信息，并在需要时取出。
+想象一下你的手机通讯录。你不会记住每个人的电话号码——相反，你会保存“妈妈”、“最好朋友”或“凌晨两点还送外卖的披萨店”，然后让手机帮你记住实际号码。变量也是这样！它们就像带标签的容器，你的程序可以用有意义的名字存储信息，之后再取出来用。
 
-更酷的是：变量会随着程序运行而改变（这也解释了它名字的意义）。就像你发现更好的披萨店会更新联系人一样，变量可以随着程序获取新信息或发生变化而更新！
+更酷的是：变量可以随着程序运行而改变（所以叫“变量”——懂了吗？）。就像你可能会更新那个披萨联系人的号码，变量会随着程序获取到新信息或环境变化不断更新！
 
-让我给你演示一下多么简单漂亮：
+我来给你演示一下，这可以多么简单：
 
 ```javascript
 // 第一步：创建基本变量
@@ -319,13 +322,13 @@ let isRaining = false;
 ```
 
 **理解这些概念：**
-- **用 `const` 存储不变的值**（比如网站名）
-- **用 `let` 存储程序中会变化的值**
-- **赋值不同的数据类型**：字符串（文本）、数字和布尔值（真/假）
-- **选择描述性名称**，说明每个变量包含什么
+- **用 `const` 存储**不变的值（比如网站名称）
+- **用 `let` 存储**在程序中可能改变的值
+- **赋值**不同数据类型：字符串（文本）、数字和布尔值（真/假）
+- **选择**描述性名称，说明变量存储的内容
 
 ```javascript
-// 第2步：使用对象来分组相关数据
+// 第2步：使用对象对相关数据进行分组
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -333,10 +336,10 @@ const weatherData = {
 };
 ```
 
-**上面代码中，我们：**
-- **创建了一个对象**将相关的天气信息归类在一起
-- **将多条数据组织在一个变量名下**
-- **用键值对清楚地标注每条信息**
+**上面代码里，我们：**
+- **创建**一个对象，将相关的天气信息组合在一起
+- **用一个变量名**组织多条数据
+- **使用**键值对明确定义每条信息
 
 ```javascript
 // 第3步：使用和更新变量
@@ -348,32 +351,32 @@ 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
 // 第一步：基本条件逻辑
@@ -387,14 +390,14 @@ if (userAge >= 18) {
 }
 ```
 
-**这段代码做了什么：**
-- **检查**用户年龄是否满足投票要求
-- **根据条件结果执行**不同代码块
-- **计算**并显示未满18岁距离投票资格的时间
-- **针对每种情形提供**具体且有用的反馈
+**这段代码作用：**
+- **检查**用户年龄是否符合投票要求
+- **根据条件结果**执行不同代码块
+- **计算**并显示未满 18 岁者距离投票资格还有多久
+- **为每种情况**提供具体有用的反馈
 
 ```javascript
-// 第2步：使用逻辑运算符的多个条件
+// 第2步：使用逻辑运算符的多条件判断
 const userAge = 17;
 const hasPermission = true;
 
@@ -407,22 +410,22 @@ 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}`);
 ```
 
-**你需要记住的：**
-- **用三元运算符 (`? :`) 处理简单的二选一条件**
-- **写条件，跟 `?`，接真值，再 `:`，最后假值**
-- **在根据条件赋值时使用这个模式**
+**你需要记住：**
+- **用三元运算符 (`? :`)**处理简单的两选一条件
+- **写条件，跟 `?`，然后是为真时返回的结果，再是冒号 `:`，最后是为假时返回结果**
+- **在需要根据条件赋值时使用此模式**
 
 ```javascript
 // 第4步：处理多个特定情况
@@ -445,53 +448,53 @@ switch (dayOfWeek) {
 }
 ```
 
-**这段代码实现了以下功能：**
-- **将变量的值匹配多个特定情况**
-- **将类似情况归入一组（工作日与周末）**
-- **找到匹配时执行相应代码块**
-- **用 `default` 处理意外值**
-- **用 `break` 语句阻止继续执行下一个情况**
+**这段代码实现了：**
+- **将变量值与多个特定情况匹配**
+- **将相似情况分组**（工作日与周末）
+- **匹配时执行**相应代码块
+- **包含 `default`**应对意外值
+- **用 `break`**防止代码继续执行下一个情况
 
-> 💡 **现实世界的比喻**：把控制流想象成世界上最有耐心的 GPS 指路。它可能告诉你“如果主街堵车，就走高速；如果高速施工，试试风景路”。程序用完全一样的条件逻辑智能响应各种情况，总是为用户提供最优体验。
+> 💡 **现实类比**：把控制流想象成世界上最有耐心的 GPS 指路。它可能会说：“如果主街有堵车，那走高速。如果高速封闭施工，试试风景路线。”程序用同样的条件逻辑智能响应不同情境，总是给用户最佳体验。
 
-### 🎯 **概念检测：构建块掌握情况**
+### 🎯 **概念检测：构建基石掌握度**
 
-**来看看你对基础的掌握如何：**
-- 你能用自己的话解释变量和语句的区别吗？
-- 想一个现实场景，用 if-then 决策（像投票的例子）
-- 编程逻辑中有什么让你感到惊讶的吗？
+**让我们看看你对基础的掌握情况：**
+- 用你自己的话解释变量和语句的区别？
+- 想个现实生活中的 if-then 决策场景（比如投票示例）
+- 有关编程逻辑，你觉得最让你惊讶的一点是什么？
 
-**快速增强信心：**
+**快速提升信心：**
 ```mermaid
 flowchart LR
-    A["📝 语句<br/>(指令)"] --> B["📦 变量<br/>(存储)"] --> C["🔀 控制流<br/>(决策)"] --> D["🎉 可用程序！"]
+    A["📝 语句<br/>(指令)"] --> B["📦 变量<br/>(存储)"] --> C["🔀 控制流<br/>(决策)"] --> D["🎉 工作程序！"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **接下来是什么**：我们将继续深入挖掘这些概念，一起度过一段绝妙的旅程！现在，只需专注于感受未来无限可能的兴奋。具体的技能和技巧随着我们的实践会自然而然地掌握——我保证这会比你想象的更有趣！
+✅ **接下来是什么**：我们将继续这段精彩旅程，深入探讨这些概念，绝对轻松愉快！现在只需感受对未来无限可能的兴奋，具体技能和技巧随着练习自然掌握——我保证这比你想象的要有趣多了！
 
-## 工具箱
+## 必备工具
 
-说实话，这部分我已经激动得坐不住了！🚀 我们要聊聊让你感觉像刚拿到数字飞船钥匙一样的神奇工具。
+说实话，这部分让我激动得几乎无法自持！🚀 我们即将聊聊那些超级棒的工具，它们会让你感觉仿佛刚拿到了数字飞船的钥匙。
 
-你知道厨师手中总有那些完美平衡、感觉像自己手臂延伸的刀具吗？或者音乐家那把碰即可歌唱的吉他？开发者也有属于自己的神奇工具，这些工具绝大多数竟然完全免费，真让人脑洞大开！
+你知道厨师用那种平衡感极佳、仿佛手的一部分的刀子吗？或音乐家一碰吉他就让它唱起来的那把吉他吗？开发者也有属于自己的魔法工具，更令人震撼的是——它们大多数都是完全免费的！
 
-我激动得都快跳起来了，因为这些工具彻底改变了我们构建软件的方式。我们聊的是 AI 驱动的编码助手，可以帮你写代码（不是开玩笑！），云端环境让你只要有 Wi-Fi 就能随时随地搭建完整应用，还有调试工具如此高级，简直就是给程序装上了透视眼。
+想到能和你分享它们我就激动不已，因为这些工具彻底改变了软件构建方式。我们说的是 AI 驱动的编码助手，能帮你写代码（真不是开玩笑！），还有云端环境让你随时随地用 Wi-Fi 构建完整应用，调试工具先进到像给程序配了透视眼。
 
-而让我仍兴奋不已的是：这些不是“初学者工具”用着用着就会淘汰的。这就是 Google、Netflix 和你喜欢的那个独立应用工作室当下使用的同款专业级工具。用它们你会感觉自己像个大牛！
+最让我热血沸腾的是：这些可不是“入门工具”，你用它们不会觉得学完就扔。Google、Netflix 甚至你喜欢的独立应用工作室里的开发者们现在就用这些专业级工具。你用它们也能秒变高手！
 
 ```mermaid
 graph TD
-    A["💡 你的想法"] --> B["⌨️ 代码编辑器<br/>(VS Code)"] 
+    A["💡 你的创意"] --> B["⌨️ 代码编辑器<br/>(VS Code)"] 
     B --> C["🌐 浏览器开发者工具<br/>(测试与调试)"]
     C --> D["⚡ 命令行<br/>(自动化与工具)"]
     D --> E["📚 文档<br/>(学习与参考)"]
-    E --> F["🚀 惊艳的网页应用！"]
+    E --> F["🚀 惊艳的网络应用！"]
     
-    B -.-> G["🤖 AI 助手<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 人工智能助手<br/>(GitHub Copilot)"]
     C -.-> H["📱 设备测试<br/>(响应式设计)"]
     D -.-> I["📦 包管理器<br/>(npm, yarn)"]
     E -.-> J["👥 社区<br/>(Stack Overflow)"]
@@ -503,95 +506,95 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### 代码编辑器和 IDE：你的新数字挚友
+### 代码编辑器与 IDE：你新的数字好朋友
 
-说说代码编辑器吧——它们绝对会成为你最喜欢呆的地方！把它想象成你的专属编码圣地，大部分时间你都在这里打造、完善你的数字作品。
+聊聊代码编辑器——它们马上就会成为你最喜欢待的地方！把它们看作你的个人编程圣地，你将在这里花费大部分时间创作和打磨数码作品。
 
-现代编辑器的魔力在于：它们不仅是高级文本编辑器，更像有位天才、耐心的编码导师 24/7 坐在你身边。它们会先于你发现拼写错误，建议改进让你看起来像个大师，帮你理解代码每部分功能，有些甚至能预测你要输入啥，替你把话说完！
+现代编辑器的魔法：它们不仅是高级文本编辑器，更像是全天候最聪明、最支持你的编程导师。它们能在你察觉错误前帮你抓住错字，给出让你看起来像天才的改进建议，帮你理解每段代码作用，还有些能预测你即将输入什么，主动帮你补全！
 
-我记得第一次发现自动补全时，简直像生活在未来。你一输入，它就说，“嘿，你是不是想调这个函数？刚好能满足你需要！”简直像个读心术编程伙伴！
+我记得第一次发现自动补全时，感觉自己像生活在未来。你开始输入，编辑器就说：“嘿，你是不是想用这个正好符合你需要的函数？”就像有个读心术好友陪编程一样！
 
-**它们为什么这么不可思议？**
+**这些编辑器的强大在哪？**
 
-现代代码编辑器提供了丰富功能，大幅提升你的效率：
+现代代码编辑器提供了丰富功能提升效率：
 
-| 功能 | 作用 | 帮助点 |
+| 功能 | 作用 | 优点 |
 |---------|--------------|--------------|
-| **语法高亮** | 给代码不同部分着色 | 让代码更容易阅读、发现错误 |
-| **自动补全** | 你输入时给出建议 | 加速编程并减少拼写错误 |
-| **调试工具** | 帮你找错并修正 | 节省大量排查问题的时间 |
-| **扩展** | 添加专门功能 | 让编辑器适配各种技术需求 |
-| **AI 助手** | 代码建议和解释 | 加速学习和提高生产力 |
+| **语法高亮** | 为代码不同部分着色 | 让代码更易读，更易发现错误 |
+| **自动补全** | 输入时推荐代码 | 加快编码速度，减少错误 |
+| **调试工具** | 帮你查找修复错误 | 节省大量排错时间 |
+| **插件扩展** | 添加专门功能 | 定制编辑器适配各种技术 |
+| **AI 助手** | 推荐代码和解释 | 加速学习和开发效率 |
 
-> 🎥 **视频资源**：想看看这些工具实际操作？查看这段[工具箱视频](https://youtube.com/watch?v=69WJeXGBdxg)获取全面概览。
+> 🎥 **视频资源**：想看这些工具怎么用？看这段[必备工具视频](https://youtube.com/watch?v=69WJeXGBdxg)来全面了解。
 
-#### 推荐的网络开发编辑器
+#### 推荐的网页开发编辑器
 
 **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)**（免费）
-- Web 开发者中最流行
-- 极佳的扩展生态系统
+- 网页开发者中最流行
+- 插件生态丰富
 - 内置终端和 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) - 捕捉代码拼写错误
+  - [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 开始——它免费、业内广泛使用，有庞大的社区提供教程和插件支持。
 
-### 网络浏览器：你的秘密开发实验室
+### 网页浏览器：你的秘密开发实验室
 
-准备好被彻底震撼了吗！你平常用浏览器刷社媒、看视频，对吧？实际上它们一直藏着个神奇的开发者实验室，等你去发现！
+准备好让你大开眼界吧！你知道一直在用浏览器刷社交媒体、看视频吗？它们其实藏着一个惊人的秘密开发实验室，只等着你去发现！
 
-每次你右键点击网页选“检查元素”，就打开了一个隐藏的开发者工具世界，这些工具比我以前花大钱买的专业软件都强大多了。就像发现自己平常用的厨房背后藏着一间专业大厨的实验室！
-第一次有人给我展示浏览器开发者工具时，我光是点击四处查看，就花了大约三个小时不停地惊呼：“等等，它居然还能做这个？！”你真的可以实时编辑任何网站，准确看到加载速度，测试你的网站在不同设备上的展示效果，甚至像个专业人士一样调试 JavaScript。简直令人震惊！
+每次右键网页选择“检查元素”，你就打开了一个隐藏世界，里面的开发者工具功能强大得远超我曾经花数百美元购买的软件。这就像发现你家普通厨房后面藏着专业大厨的秘密实验室！
+第一次有人向我展示浏览器开发者工具时，我花了差不多三个小时不停地点击，心里想着“等等，它居然还能做这个？！”你真的可以实时编辑任何网站，准确看到加载速度，测试你的网站在不同设备上的表现，甚至像专家一样调试 JavaScript。这简直让人震惊！
 
-**浏览器是你秘密武器的原因：**
+**这就是浏览器成为你秘密武器的原因：**
 
-当你创建一个网站或网络应用时，你需要看到它在现实中的外观和表现。浏览器不仅展示你的作品，还会提供性能、可访问性和潜在问题的详细反馈。
+当你创建网站或网络应用时，你需要看到它在现实中的外观和行为。浏览器不仅展示你的作品，还提供关于性能、可访问性和潜在问题的详细反馈。
 
-#### 浏览器开发者工具（DevTools）
+#### 浏览器开发者工具 (DevTools)
 
-现代浏览器包含全面的开发套件：
+现代浏览器包含全面的开发工具套件：
 
-| 工具类别 | 功能 | 示例用途 |
-|---------------|--------------|------------------|
-| **元素检查器** | 实时查看和编辑 HTML/CSS | 调整样式以立即查看效果 |
-| **控制台** | 查看错误信息和测试 JavaScript | 调试问题和尝试代码 |
+| 工具类别 | 功能介绍 | 示例用例 |
+|----------|----------|----------|
+| **元素检查器** | 实时查看和编辑 HTML/CSS | 调整样式即刻查看效果 |
+| **控制台** | 查看错误信息及测试 JavaScript | 调试问题和试验代码 |
 | **网络监视器** | 跟踪资源加载情况 | 优化性能和加载时间 |
-| **可访问性检查器** | 测试包容性设计 | 确保网站对所有用户友好 |
-| **设备模拟器** | 在不同屏幕尺寸上预览 | 无需多设备即可测试响应式设计 |
+| **可访问性检查器** | 测试包容性设计 | 确保网站适合所有用户 |
+| **设备模拟器** | 预览不同屏幕尺寸 | 无需多设备测试响应式设计 |
 
-#### 推荐用于开发的浏览器
+#### 推荐的开发浏览器
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – 行业标准的 DevTools，拥有丰富文档
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** – 出色的 CSS Grid 和可访问性工具
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – 基于 Chromium，集成微软开发资源
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 行业标准的 DevTools，附带详尽文档
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 出色的 CSS Grid 和可访问性工具
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - 基于 Chromium，配备微软的开发资源
 
-> ⚠️ **重要测试提示**：务必在多个浏览器中测试你的网页！Chrome 完美运行的东西，在 Safari 或 Firefox 上可能会不同。专业开发者会在所有主流浏览器中测试，以确保一致的用户体验。
+> ⚠️ **重要测试提示**：一定要在多种浏览器中测试你的网站！在 Chrome 上完美运行的东西，可能在 Safari 或 Firefox 中看起来完全不同。专业开发者会跨所有主要浏览器测试，以确保用户体验一致。
 
 
-### 命令行工具：开发者超级力量之门
+### 命令行工具：你的开发超级力量入口
 
-好吧，让我们对命令行有个完全坦诚的时刻，我想让你听听一个真正懂它的人的心声。刚看到它那一刻——黑屏闪烁的文字——我心里真的是想，“不行，绝对不行！这看起来像80年代黑客电影里的东西，我肯定不够聪明用它！”😅
+好了，来说一说关于命令行的完全坦白时刻，因为我想让你听听一个真的懂它的人的看法。刚看到时——就是那个黑黑的屏幕，闪烁的文字——我真的想，“不，我绝对不行！这看起来像80年代黑客电影里的东西，我肯定不够聪明！”😅
 
-但我当时希望有人告诉我的是，现在我也要告诉你：命令行一点都不可怕——它其实就像是和你的电脑直接对话。就好比点外卖的时候用带图标和菜单的漂亮 APP（方便又简单），和走进你最爱的本地餐厅，厨师知道你喜欢啥，随口说一句“给我来点惊喜”，马上端上一道绝妙的菜。这是两种截然不同的体验。
+但我希望当时有人告诉我，现在我告诉你：命令行并不可怕——它实际上就像与你的计算机直接对话。想象一下通过带图片和菜单的高级点餐App订餐（既方便又轻松），和走进你最喜欢的本地餐馆，厨师只需听你说“给我个惊喜的美味”就能做出完美菜肴的区别。
 
-命令行是开发者感觉自己像绝对巫师的地方。你输入几个看似魔法的词（其实就是命令，但感觉魔法满满），按回车，噔！你就能创建整个项目结构，安装全球厉害的工具，或者部署你的应用供数百万用户访问。尝到这种力量后，真是停不下来！
+命令行是令开发者感觉自己像魔法师的地方。你输入几条看似神奇的命令（其实就是命令，但感觉很神奇！），按下回车，砰——你创建了完整的项目结构，从世界各地安装强大工具，或者将应用部署到互联网上供数百万人访问。一旦尝到那种力量，真的会上瘾！
 
-**为什么命令行会成为你最喜欢的工具：**
+**命令行为何会成为你最爱的工具：**
 
-虽然图形界面适合很多任务，命令行却在自动化、精确和速度上占优势。许多开发工具主要通过命令行运行，学会高效使用它们能极大提升你的工作效率。
+虽然图形界面适用于许多任务，但命令行在自动化、精确度和速度上无与伦比。许多开发工具主要通过命令行操作，学会高效使用它们能大幅提升你的生产力。
 
 ```bash
 # 第一步：创建并进入项目目录
@@ -599,12 +602,12 @@ mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**这段代码做了什么：**
-- **创建** 一个名为 “my-awesome-website” 的新目录作为项目
-- **进入** 新建的目录开始工作
+**这段代码的作用是：**
+- **创建** 一个名为 "my-awesome-website" 的新目录作为你的项目文件夹
+- **进入**这个新建的目录开始工作
 
 ```bash
-# 第2步：使用 package.json 初始化项目
+# 第2步：使用package.json初始化项目
 npm init -y
 
 # 安装现代开发工具
@@ -612,11 +615,11 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**逐步讲解：**
-- 用 `npm init -y` **初始化** 一个新的 Node.js 项目，使用默认配置
+**逐步说明：**
+- **初始化** 使用 `npm init -y` 快速创建默认配置的 Node.js 项目
 - **安装** Vite 作为现代构建工具，支持快速开发和生产构建
-- **添加** Prettier 用于自动格式化代码，ESLint 用于代码质量检查
-- 使用 `--save-dev` 标记为开发时依赖
+- **添加** Prettier 用于自动代码格式化，ESLint 用于代码质量检测
+- **使用** `--save-dev` 标记这些依赖为开发阶段专用
 
 ```bash
 # 第3步：创建项目结构和文件
@@ -627,85 +630,85 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 npx vite
 ```
 
-**上述步骤中，我们：**
-- **整理** 项目结构，创建源码和资源文件夹
-- **生成** 了带有正确文档结构的基础 HTML 文件
-- **启动** 了 Vite 开发服务器，实现热重载和模块替换
+**上述操作中，我们：**
+- **组织** 项目结构，创建独立的源代码和资源文件夹
+- **生成** 一个基本的 HTML 文件，包含正确的文档结构
+- **启动** Vite 开发服务器，实现实时重载和热模块替换
 
-#### 网络开发必备命令行工具
+#### Web开发必备命令行工具
 
-| 工具 | 目的 | 你为什么需要它 |
-|------|---------|-----------------|
-| **[Git](https://git-scm.com/)** | 版本控制 | 跟踪变更，协作，备份工作 |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript 运行时及包管理器 | 浏览器外运行 JS，安装现代开发工具 |
-| **[Vite](https://vitejs.dev/)** | 构建工具和开发服务器 | 超快速开发，支持热模块替换 |
-| **[ESLint](https://eslint.org/)** | 代码质量 | 自动发现和修复 JS 问题 |
-| **[Prettier](https://prettier.io/)** | 代码格式化 | 保持代码格式一致，易于阅读 |
+| 工具 | 作用 | 你为什么需要它 |
+|------|-------|-----------------|
+| **[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/)** | 代码格式化 | 保持代码风格一致，易于阅读 |
 
 #### 平台专属选项
 
 **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)** 💻 – 强大的脚本环境
-- **[命令提示符](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – 传统 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)** 💻 - 强大的脚本环境
+- **[命令提示符](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - 传统的 Windows 命令行
 
 **macOS：**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – 系统自带终端应用
-- **[iTerm2](https://iterm2.com/)** – 功能增强的终端
+- **[终端](https://support.apple.com/guide/terminal/)** 💻 - 系统自带终端应用
+- **[iTerm2](https://iterm2.com/)** - 功能增强的终端模拟器
 
 **Linux：**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 – 标准 Linux shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – 高级终端模拟器
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - 标准 Linux Shell
+- **[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点遇到难题？文档就像温暖的虚拟拥抱，给你正合适的答案。想学习某个大家都在讨论的新特性？文档有详细逐步示例。想弄懂某个功能为什么这样设计？文档乐意用让你豁然开朗的方式讲解！
+把文档想象成世界上最耐心、最有知识的老师，全年无休随时待命。凌晨两点卡壳了？文档就像温暖的虚拟拥抱，给你正需要的答案。想了解某个大家都在聊的炫酷新功能？文档里有详细步骤和示例。想弄明白某个东西为什么这样工作？对，文档准备好了以你最终能理解的方式解释！
 
-改变我认知的是：web 开发世界变化极快，没有人（真的没有）能把一切都记牢。我见过超过15年经验的大牛，都要查基础语法，你知道吗？这不丢人，而是聪明！重点不是完美记忆，而是知道在哪里快速找到可靠答案，并理解如何应用。
+这有个让我彻底转变认知的事实：网络开发变化飞快，没有人（我说的是绝对没人！）能把所有东西记在脑子里。我见过有15年经验的资深开发者查基本语法，你知道吗？这不丢脸——这很聪明！不是记忆有多好，而是知道该去哪里快速找到可靠答案，并懂得如何应用。
 
 **真正的魔法发生在这里：**
 
-专业开发者大量时间看文档——不是因为没能力，而是技术迅速发展，持续学习必不可少。好文档不仅教你*如何*用，还解释*为什么*和*什么时候*用。
+专业开发者大量时间阅读文档——不是因为他们不会，而是因为网络开发环境更新迅速，必须不断学习才能跟上。优秀的文档帮你理解不仅是*怎么用*，还有*为什么用*和*什么时候用*。
 
 #### 重要文档资源
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- 网页技术文档的黄金标准
-- 全面指南覆盖 HTML、CSS 和 JavaScript
-- 含浏览器兼容性信息
-- 提供实用例子和互动演示
+- Web 技术文档的金标准
+- HTML、CSS 和 JavaScript 的综合指南
+- 包含浏览器兼容信息
+- 有实用示例与交互演示
 
-**[Web.dev](https://web.dev)**（谷歌出品）
-- 现代网页开发最佳实践
+**[Web.dev](https://web.dev)**（Google 提供）
+- 现代 Web 开发最佳实践
 - 性能优化指南
-- 可访问性和包容性设计原则
-- 来自实际项目的案例研究
+- 可访问性与包容性设计原则
+- 真实项目案例研究
 
-**[微软开发者文档](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge 浏览器开发资源
-- 渐进式网页应用指南
-- 跨平台开发见解
+- 渐进式 Web 应用指南
+- 跨平台开发洞见
 
-**[Frontend Masters 学习路径](https://frontendmasters.com/learn/)**
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - 结构化学习课程
-- 行业专家视频教程
-- 动手编程练习
+- 行业专家视频课程
+- 实战编码练习
 
-> 📚 **学习策略**：不要试图死记文档——而是学会高效浏览。收藏常用参考，练习用搜索快速找到具体信息。
+> 📚 **学习策略**：别试图背文档——学会高效查阅才是关键。收藏常用参考文档，练习使用搜索功能快速找到具体信息。
 
-### 🔧 **工具掌握度测验：你最认同什么？**
+### 🔧 **工具掌握检测：你最有兴趣是什么？**
 
 **花点时间思考：**
-- 你最想先试哪个工具？（没有错误答案！）
-- 命令行还让你害怕吗？还是更好奇了？
-- 能想象用浏览器 DevTools 探秘你喜欢的网站幕后吗？
+- 你最想先尝试哪个工具？（没有错误答案！）
+- 命令行还觉得可怕吗，还是开始好奇了？
+- 你能想象用浏览器 DevTools 探秘你喜欢的网站幕后吗？
 
 ```mermaid
 pie title "开发者使用工具的时间分配"
@@ -715,139 +718,139 @@ pie title "开发者使用工具的时间分配"
     "阅读文档" : 15
     "调试" : 5
 ```
-> **有趣见解**：大多数开发者大约40%的时间花在代码编辑器，其余时间用于测试、学习和解决问题。编程不仅是写代码——它是打造体验！
+> **趣味见解**：大多数开发者约40%的时间在代码编辑器，但留心有多少时间用于测试、学习和解决问题。编程不仅是写代码——更是创造体验！
 
-✅ **思考题**：有件有趣的事想问你——你觉得构建网站的工具（开发）和设计外观的工具（设计）有什么不同？就像建筑师设计漂亮房子，和承包商实际建造房子，两者都重要，但工具箱不同！这样的思考能帮你更全面理解网站是如何诞生的。
+✅ **思考素材**：来点有意思的——你觉得用来构建网站（开发）的工具和设计外观（设计）的工具会有何不同？这就像设计漂亮房子的建筑师和真正盖房子的承包商的区别。两者都很重要，但需要不同的工具箱！这样的思维能帮你更好理解网站诞生的全貌。
 
 ## GitHub Copilot Agent 挑战 🚀
 
-使用 Agent 模式完成以下挑战：
+用 Agent 模式完成以下挑战：
 
-**描述：** 探索现代代码编辑器或 IDE 的功能，展示它如何提升你作为网络开发者的工作流程。
+**描述：** 探索现代代码编辑器或 IDE 的功能，演示它如何提升你作为 Web 开发者的工作流程。
 
-**提示：** 选择一个代码编辑器或 IDE（如 Visual Studio Code、WebStorm 或云端 IDE）。列举三个功能或扩展，说明它们如何帮助你更高效地编写、调试或维护代码，并简要解释它们带来的好处。
+**提示：** 选择一个代码编辑器或 IDE（如 Visual Studio Code、WebStorm 或云端 IDE）。列出三个能帮助你更高效编写、调试或维护代码的功能或扩展。并简述它们如何助益你的工作流程。
 
 ---
 
 ## 🚀 挑战
 
-**侦探，准备好第一个案子了吗？**
+**好了，侦探，准备好迎接你的第一个案件了吗？**
 
-现在你已经有了很棒的基础，我有一个冒险任务，将帮你领略编程世界的多样与魅力。听好了，这不涉及写代码，所以别紧张！把自己当作编程语言侦探，接下你的第一个激动人心的案子！
+既然打下了坚实基础，这次冒险会帮你看到编程世界多么丰富多彩又迷人。听好了——这次不用立刻写代码，别有压力！把自己当作编程语言的侦探，开启令人兴奋的首次侦察任务！
 
-**你的任务，如果你愿意接受：**
-1. **成为语言探险家**：挑选三种来自截然不同领域的编程语言 —— 比如一种建网站，一种写移动应用，还有一种给科学家用来数据处理。找出它们都完成同样简单任务的示例。保证你会惊叹同样的事一个用法大不相同！
+**你的任务，如果接受的话：**
+1. **成为语言探险者**：选择三个完全来自不同领域的编程语言——比如一个做网站的，一个做手机应用的，一个做科学数据分析的。找出用这三种语言做相同简单任务的示例。我保证你会惊讶于它们虽然目的相同，但写法差异巨大！
 
-2. **揭示它们的起源故事**：每种语言的特别之处在哪里？有趣的是—每种编程语言诞生时，发明者都想：“得有更好方式来解决这个具体问题。”你能找到这些问题吗？某些故事特别迷人！
+2. **揭秘它们的起源**：每种语言有什么特别之处？有个有趣的事实——每种语言诞生都是有人想，“嗯，我觉得一定有更好的方式解决这个特定问题。”你能搞清那些问题是什么吗？其中一些故事真很有趣！
 
-3. **认识社区**：看看每种语言社区的开放和热情程度。有些拥有数百万开发者分享经验和互助，另一些则小巧紧密且极具支持力。你会喜欢了解这些社区的独特个性！
+3. **认识社区**：看看每种语言的社区有多热情友好。有的有百万开发者分享知识互帮互助，有的虽小但紧密支持。你一定会喜欢观察这些社区的不同“性格”！
 
-4. **跟随直觉**：哪种语言现在你感觉最容易上手？别纠结做“完美”选择——听从你的直觉！这里没有对错，你以后还能继续探索其他语言。
+4. **跟随直觉**：现在哪个语言最让你觉得容易接近？别纠结“完美”选择——听听内心声音！真的没有错，反正以后还可以探索其他的。
 
-**额外侦探任务**：试着查查哪些主流网站或应用是用这些语言构建的。保证你会对 Instagram、Netflix 或那个让你停不下来的手机游戏背后的技术大吃一惊！
+**额外侦探任务**：试试看能不能发现每种语言支撑着哪些大型网站或应用。我敢打赌你会震惊 Instagram、Netflix，甚至那个让你停不下来的手机游戏都是用什么做的！
 
-> 💡 **记住**：今天你不是要成为任何语言的专家。你只是在熟悉这个“邻居”，为将来决定在哪里扎根做准备。慢慢来，玩得开心，保持好奇心！
+> 💡 **记住**：今天你不用成为任何语言的专家。你只是在熟悉环境，为选址打基础。慢慢来，玩得开心，让好奇心带路！
 
 ## 一起庆祝你的发现吧！
 
-哇哦，今天你吸收了这么多令人惊叹的信息！我真心期待看到你记住了多少这段精彩旅程。别忘了——这不是考核，不用追求完美。更像是为你即将探入的精彩世界学到的所有酷知识举行庆典！
+哇哦，今天的信息量太惊人了！我真心期待看到你记住了多少这段奇妙旅程。记住——这不是考试，不需要一切完美。这更像是庆祝你对即将进入的迷人世界学到的所有酷知识！
 
 [参加课后测验](https://ff-quizzes.netlify.app/web/)
-## 复习与自学
 
-**慢慢来，尽情探索和享受乐趣吧！**
+## 复习与自学
 
-你今天已经学了很多内容，这值得骄傲！现在是有趣的部分了 —— 探索那些激发你好奇心的话题。记住，这不是作业 —— 这是一场冒险！
+**慢慢探索，玩得开心！**
+你今天已经学习了很多内容，这值得你骄傲！现在迎来有趣的部分——探索那些激发你好奇心的话题。记住，这不是作业——而是一场冒险！
 
-**深入挖掘你感兴趣的内容：**
+**深入探索让你兴奋的内容：**
 
-**动手实践编程语言：**
-- 访问你感兴趣的2-3个编程语言的官方网站。每种语言都有其独特的个性和故事！
-- 试试一些在线代码游乐场，比如 [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，赶快下载 —— 它是免费的，你一定会喜欢！
-- 花几分钟浏览一下扩展市场。它就像你代码编辑器的应用商店！
-- 打开浏览器的开发者工具，随便点击看看。别担心全懂 —— 先熟悉一下界面和功能就好。
+- 如果你还没下载 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 上观看一些适合初学者的编程视频。很多优秀的创作者都记得刚开始时的感觉。
+- 考虑参加线下聚会或加入线上社区。相信我，开发者们很乐于帮助新人！
 
-> 🎯 **听着，我希望你记住**：你不需要一夜之间成为编程高手！现在，你只是开始认识这个你即将加入的精彩新世界。慢慢来，享受这段旅程，记住 —— 每一个你敬佩的开发者，曾经也正坐在你现在的位置，既兴奋又可能有点不知所措。这完全正常，这意味着你正在正确的道路上！
+> 🎯 **听着，我希望你记住这点**：你不必一夜之间变成编程高手！现在，你只是刚开始了解你即将加入的这个精彩世界。慢慢来，享受这段旅程，记住——每个你敬佩的开发者，曾经也坐在你现在的位置上，既兴奋又可能有点不知所措。这完全正常，也说明你正在正确地前进！
 
 
 
-## 任务
+## 作业
 
-[阅读文档](assignment.md)
+[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）
 
-### ⏰ **这1小时内你可以完成的任务**
-- [ ] 完成课后测验并反思答案
-- [ ] 配置 VS Code 并安装 GitHub Copilot 扩展
-- [ ] 在线用两种不同编程语言写一个“Hello World”示例
-- [ ] 观看一段“开发者的一天”视频
-- [ ] 开始你的编程语言侦探工作（挑战内容）
+### ⏰ **这小时你能完成什么**
+- [ ] 完成课后测验并回顾你的答案
+- [ ] 在 VS Code 中安装 GitHub Copilot 扩展
+- [ ] 在线试着用2种不同编程语言写一个“Hello World”示例
+- [ ] 观看YouTube上一段“开发者的一天”视频
+- [ ] 开始你的编程语言侦探之旅（来自挑战部分）
 
 ### 📅 **你的一周冒险计划**
-- [ ] 完成作业，探索3个新的开发工具
-- [ ] 关注5个开发者或编程账号（社交媒体）
-- [ ] 在 CodePen 或 Replit 上尝试做一个小作品（哪怕只是“Hello, [你的名字]!”）
-- [ ] 阅读一篇关于某人编程历程的开发者博客
-- [ ] 加入一次线上聚会或观看编程讲座
-- [ ] 开始选定的语言的在线教程学习
+- [ ] 完成作业，并探索3个新的开发工具
+- [ ] 在社交媒体上关注5位开发者或编程账号
+- [ ] 在CodePen或Replit尝试做点小东西（甚至只是“Hello，[你的名字]！”）
+- [ ] 阅读一篇开发者博客，讲述某人的编程历程
+- [ ] 参加一次线上聚会或观看一次编程讲座
+- [ ] 用在线教程开始学习你选择的语言
 
 ### 🗓️ **你一个月的转变计划**
-- [ ] 做出你的第一个小项目（就算简单网页也行！）
-- [ ] 参与开源项目贡献（从文档修正开始）
+- [ ] 搭建你的第一个小项目（简单网页也算！）
+- [ ] 为开源项目贡献代码（从文档修正开始）
 - [ ] 指导一个刚开始编程的人
-- [ ] 创建你的开发者个人作品网站
-- [ ] 结识本地开发者社区或学习小组
-- [ ] 开始规划下一个学习目标
+- [ ] 创建你的开发者作品集网站
+- [ ] 与本地开发者社区或学习小组建立联系
+- [ ] 开始规划你的下一个学习里程碑
 
-### 🎯 **最终反思签到**
+### 🎯 **最终反思检查**
 
 **继续之前，花点时间庆祝一下：**
-- 今天编程中，哪些事情让你感到兴奋？
-- 你想先探索哪个工具或概念？
-- 对开始这段编程旅程，你的感觉如何？
-- 有什么问题是你现在想问开发者的吗？
+- 今天编程中，哪一点最让你兴奋？
+- 你最想先探索哪个工具或概念？
+- 你对开始这段编程之旅感觉如何？
+- 你现在最想问一个开发者什么问题？
 
 ```mermaid
 journey
-    title 你的自信心建立之旅
+    title 你的自信建立之旅
     section 今天
       好奇: 3: You
-      不知所措: 4: You
+      不堪重负: 4: You
       兴奋: 5: You
-    section 本周
+    section 这周
       探索: 4: You
       学习: 5: You
       连接: 4: You
     section 下个月
-      建立: 5: You
+      建设: 5: You
       自信: 5: You
       帮助他人: 5: You
 ```
-> 🌟 **记住**：每个专家都曾是初学者。每个高级开发者都曾和你一样——既兴奋又有点不知所措，当然也充满了无限好奇。你身处伟大的同行中，这段旅程将会非常精彩。欢迎来到奇妙的编程世界！ 🎉
+> 🌟 **记住**：每一个专家曾经都是初学者。每一个资深开发者曾经都像你现在这样——既兴奋，可能有点压力，但绝对好奇未来可能会有的精彩。你处在非凡的群体中，这段旅程将会非常精彩。欢迎来到奇妙的编程世界！🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免责声明**：  
-本文件由 AI 翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻译完成。尽管我们力求准确，但请注意自动翻译可能存在错误或不准确之处。原始文件的母语版本应视为权威来源。对于重要信息，建议采用专业人工翻译。因使用本翻译内容而引起的任何误解或错误理解，我们概不负责。
+本文件由AI翻译服务[Co-op Translator](https://github.com/Azure/co-op-translator)翻译完成。虽然我们力求准确，但请注意自动翻译可能存在错误或不准确之处。原始文件的母语版本应视为权威来源。对于关键信息，建议使用专业人工翻译。对于因使用本翻译所产生的任何误解或歧义，我们不承担任何责任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-CN/AGENTS.md b/translations/zh-CN/AGENTS.md
index c2aac0d24..fed0bdcb9 100644
--- a/translations/zh-CN/AGENTS.md
+++ b/translations/zh-CN/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## 项目概述
 
-这是一个面向初学者教授 Web 开发基础的教育课程仓库。该课程是由微软云倡导者开发的一个综合性 12 周课程，包含 24 个涵盖 JavaScript、CSS 和 HTML 的实践课题。
+这是一个面向初学者教授网页开发基础知识的教育课程仓库。该课程是由微软云推广者开发的为期12周的综合课程，包含24个涵盖JavaScript、CSS和HTML的实践课程。
 
 ### 关键组成部分
 
-- **教育内容**：24 节结构化课程，按项目模块组织
-- **实践项目**：生态缸、打字游戏、浏览器扩展、太空游戏、银行应用、代码编辑器和 AI 聊天助手
-- **互动测验**：48 个测验，每个包含 3 个问题（课前/课后评估）
-- **多语言支持**：通过 GitHub Actions 自动翻译至 50 多种语言
+- **教育内容**：24节结构化课程，按项目模块组织
+- **实践项目**：生态瓶项目、打字游戏、浏览器扩展、太空游戏、银行应用、代码编辑器及 AI 聊天助手
+- **互动测验**：48个测验，每个3个问题（课前/课后评估）
+- **多语言支持**：通过 GitHub Actions 自动翻译为50多种语言
 - **技术栈**：HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（用于 AI 项目）
 
 ### 架构
 
 - 以课程为基础结构的教育仓库
-- 每节课文件夹包含 README、代码示例和解决方案
-- 独立项目分别存放在单独目录（quiz-app，各种课程项目）
-- 使用 GitHub Actions（co-op-translator）进行翻译系统
-- 文档通过 Docsify 提供，并可生成 PDF
+- 每节课程文件夹包含 README、代码示例和解决方案
+- 独立项目存放在单独目录中（quiz-app、各种课程项目）
+- 使用 GitHub Actions（co-op-translator）实现翻译系统
+- 文档通过 Docsify 提供，并可导出为 PDF
 
-## 安装命令
+## 设置命令
 
-此仓库主要用于教育内容的学习。若需操作特定项目：
+此仓库主要用于教育内容的学习。针对特定项目的操作：
 
-### 主仓库安装
+### 主仓库设置
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### 测验应用安装（Vue 3 + Vite）
+### 测验应用设置（Vue 3 + Vite）
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # 启动开发服务器
-npm run build      # 生成生产环境构建
+npm run build      # 生产环境构建
 npm run lint       # 运行 ESLint
 ```
 
@@ -56,7 +56,7 @@ npm run format     # 使用Prettier格式化
 ```bash
 cd 5-browser-extension/solution
 npm install
-# 遵循特定浏览器的扩展加载说明
+# 遵循浏览器特定的扩展加载说明
 ```
 
 ### 太空游戏项目
@@ -76,32 +76,32 @@ pip install openai
 python api.py
 ```
 
-## 开发流程
+## 开发工作流程
 
-### 内容贡献者指引
+### 内容贡献者
 
-1. **Fork 仓库** 到你的 GitHub 账户
-2. **本地克隆你的 Fork**
-3. **创建新分支** 用于更改
+1. **Fork 仓库**到你的 GitHub 账户
+2. **克隆你的 Fork**到本地
+3. **创建新的分支**进行更改
 4. 修改课程内容或代码示例
-5. 在相关项目目录中测试代码修改
-6. 按贡献指南提交拉取请求
+5. 在相关项目目录测试代码修改
+6. 提交符合贡献指南的拉取请求
 
-### 学习者指引
+### 学习者
 
 1. Fork 或克隆仓库
-2. 按顺序进入课程目录
+2. 按顺序浏览课程目录
 3. 阅读每节课程的 README 文件
-4. 完成课前测验：https://ff-quizzes.netlify.app/web/
-5. 按课程目录进行代码练习
+4. 在 https://ff-quizzes.netlify.app/web/ 完成课前测验
+5. 完成课程文件夹中的代码示例
 6. 完成作业和挑战
 7. 参加课后测验
 
 ### 实时开发
 
-- **文档**：在根目录运行 `docsify serve`（端口 3000）
+- **文档**：在根目录运行 `docsify serve`（端口3000）
 - **测验应用**：在 quiz-app 目录运行 `npm run dev`
-- **项目**：HTML 项目使用 VS Code Live Server 插件
+- **项目**：使用 VS Code Live Server 扩展运行 HTML 项目
 - **API 项目**：在对应 API 目录运行 `npm start`
 
 ## 测试说明
@@ -111,7 +111,7 @@ python api.py
 ```bash
 cd quiz-app
 npm run lint       # 检查代码风格问题
-npm run build      # 验证构建成功
+npm run build      # 验证构建是否成功
 ```
 
 ### 银行 API 测试
@@ -119,76 +119,76 @@ npm run build      # 验证构建成功
 ```bash
 cd 7-bank-project/api
 npm run lint       # 检查代码风格问题
-node server.js     # 验证服务器是否无错误启动
+node server.js     # 验证服务器启动无错误
 ```
 
-### 通用测试方法
+### 一般测试方法
 
-- 这是一个教育仓库，没有完整的自动化测试
-- 手动测试重点包括：
-  - 代码示例无报错运行
-  - 文档中的链接工作正常
-  - 项目构建成功完成
+- 这是教育仓库，无全面自动测试
+- 手动测试重点：
+  - 代码示例无错误运行
+  - 文档链接正确
+  - 项目构建成功
   - 示例符合最佳实践
 
 ### 提交前检查
 
-- 在含 package.json 的目录运行 `npm run lint`
+- 在包含 package.json 的目录运行 `npm run lint`
 - 验证 markdown 链接有效
-- 在浏览器或 Node.js 中测试代码示例
-- 确认翻译保持结构完整
+- 浏览器或 Node.js 中测试代码示例
+- 确认翻译结构无误
 
-## 代码规范指南
+## 代码风格指南
 
 ### JavaScript
 
 - 使用现代 ES6+ 语法
-- 遵循项目中提供的标准 ESLint 配置
-- 使用有意义的变量和函数名，便于教学
-- 添加注释解释概念，帮助学习者理解
-- 配置 Prettier 的地方使用其格式化
+- 遵循项目提供的标准 ESLint 配置
+- 使用有意义的变量名和函数名，便于教学
+- 添加注释解释概念，方便学习者
+- 按配置使用 Prettier 格式化
 
 ### HTML/CSS
 
 - 使用语义化 HTML5 元素
-- 遵循响应式设计原则
+- 响应式设计原则
 - 清晰的类命名规范
-- 添加注释解释 CSS 技巧，方便学习
+- 使用注释解释 CSS 技巧，便于理解
 
 ### Python
 
-- 遵循 PEP 8 风格指南
-- 代码简明易懂，适合教学
-- 适当使用类型提示，方便学习
+- 遵循 PEP 8 规范
+- 提供清晰易懂的代码示例
+- 在有助学习的地方使用类型提示
 
 ### Markdown 文档
 
 - 清晰的标题层级
-- 代码块注明语言
-- 提供相关资源链接
-- 在 `images/` 目录中放置截图和图片
-- 图片包含 alt 文本以便无障碍访问
+- 代码块指定语言
+- 链接附带额外资源
+- 在 `images/` 目录中存放截图和图片
+- 图片附带 alt 文本便于无障碍访问
 
 ### 文件组织
 
-- 课程按序号命名（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}/`
 
 ## 构建与部署
 
-### 测验应用部署（Azure 静态 Web 应用）
+### 测验应用部署（Azure 静态网页应用）
 
-quiz-app 配置用于 Azure 静态 Web 应用部署：
+quiz-app 已配置为 Azure 静态网页应用部署：
 
 ```bash
 cd quiz-app
 npm run build      # 创建 dist/ 文件夹
-# 在推送到 main 时通过 GitHub Actions 工作流部署
+# 通过 GitHub Actions 工作流在推送到 main 时部署
 ```
 
-Azure 静态 Web 应用配置：
+Azure 静态网页应用配置：
 - **应用位置**：`/quiz-app`
 - **输出位置**：`dist`
 - **工作流**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
@@ -204,26 +204,26 @@ npm run convert               # 从 docs 生成 PDF
 
 ```bash
 npm install -g docsify-cli    # 全局安装 Docsify
-docsify serve                 # 在 localhost:3000 上托管
+docsify serve                 # 在 localhost:3000 上提供服务
 ```
 
 ### 项目特定构建
 
 各项目目录可能有自己的构建流程：
-- Vue 项目：`npm run build` 创建生产版本
+- Vue 项目：`npm run build` 生成生产包
 - 静态项目：无构建步骤，直接提供文件
 
-## 拉取请求规范
+## 拉取请求指南
 
 ### 标题格式
 
-使用清晰描述改动范围的标题：
-- `[Quiz-app] 添加第 X 课新测验`
-- `[Lesson-3] 修正生态缸项目错别字`
-- `[Translation] 添加第 5 课西班牙语翻译`
+使用明确描述更改范围的标题：
+- `[Quiz-app] 为第 X 课添加新测验`
+- `[Lesson-3] 修正生态瓶项目中的拼写错误`
+- `[Translation] 添加第5课的西班牙语翻译`
 - `[Docs] 更新安装说明`
 
-### 必要检查
+### 必须检查项
 
 提交 PR 前：
 
@@ -232,51 +232,52 @@ docsify serve                 # 在 localhost:3000 上托管
    - 修复所有 lint 错误和警告
 
 2. **构建验证**：
-   - 如有需要，运行 `npm run build`
+   - 如适用，运行 `npm run build`
    - 确保无构建错误
 
 3. **链接验证**：
    - 测试所有 markdown 链接
-   - 验证图片引用有效
+   - 确认图片引用有效
 
-4. **内容审查**：
+4. **内容审核**：
    - 校对拼写和语法
-   - 确保代码示例正确且具有教学价值
-   - 校验翻译保持原始含义
+   - 确保代码示例正确且有教育意义
+   - 核实翻译保持原意
 
 ### 贡献要求
 
-- 同意微软 CLA（首次 PR 会自动检查）
-- 遵循 [微软开源行为准则](https://opensource.microsoft.com/codeofconduct/)
-- 详情见 [CONTRIBUTING.md](./CONTRIBUTING.md)
-- 若有相关问题，请在 PR 描述中引用
+- 同意微软 CLA（首次 PR 自动检查）
+- 遵守 [微软开源行为准则](https://opensource.microsoft.com/codeofconduct/)
+- 详见 [CONTRIBUTING.md](./CONTRIBUTING.md) 指南
+- PR 描述中引用相关 issue（如有）
 
-### 审核流程
+### 审查流程
 
-- PR 由维护者和社区审查
-- 以教育清晰度为优先
-- 代码示例需遵循当前最佳实践
-- 翻译需审校确保准确及文化适宜
+- PR 由维护者和社区审核
+- 优先保证教育清晰度
+- 代码示例应遵循当前最佳实践
+- 翻译审核准确且符合文化背景
 
 ## 翻译系统
 
 ### 自动翻译
 
-- 使用 GitHub Actions 的 co-op-translator 工作流
-- 自动翻译成 50 多种语言
+- 利用 GitHub Actions 和 co-op-translator 工作流
+- 自动翻译成50多种语言
 - 源文件位于主目录
-- 翻译文件存于 `translations/{language-code}/` 目录
+- 翻译文件保存在 `translations/{language-code}/` 目录
 
-### 添加人工翻译改进
+### 添加手动翻译改进
 
-1. 定位到 `translations/{language-code}/` 下的文件
-2. 保持结构的同时进行改进
-3. 确保代码示例依然可用
+1. 定位到 `translations/{language-code}/` 目录文件
+2. 在保持结构的情况下进行改进
+3. 确保代码示例功能正常
 4. 测试本地化测验内容
 
 ### 翻译元数据
 
-翻译文件包含元数据头部：
+翻译文件包含元数据头：
+
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -293,87 +294,87 @@ CO_OP_TRANSLATOR_METADATA:
 
 ### 常见问题
 
-**测验应用启动失败**：
+**测验应用无法启动**：
 - 检查 Node.js 版本（建议 v14+）
 - 删除 `node_modules` 和 `package-lock.json`，重新运行 `npm install`
-- 检查端口冲突（默认：Vite 使用端口 5173）
+- 检查端口冲突（默认：Vite 使用5173端口）
 
 **API 服务器无法启动**：
-- 确认 Node.js 版本满足最低要求（node >=10）
+- 确认 Node.js 版本符合最低要求（node >=10）
 - 检查端口是否被占用
-- 确认依赖已通过 `npm install` 安装完整
+- 确保依赖已通过 `npm install` 安装
 
 **浏览器扩展无法加载**：
 - 确认 manifest.json 格式正确
-- 检查浏览器控制台是否有错误
-- 遵循浏览器插件安装说明
+- 查看浏览器控制台错误
+- 按照浏览器特定扩展安装说明操作
 
 **Python 聊天项目问题**：
-- 确保已安装 OpenAI 包：`pip install openai`
+- 确保安装 OpenAI 包：`pip install openai`
 - 确认 GITHUB_TOKEN 环境变量已设置
 - 检查 GitHub Models 访问权限
 
-**Docsify 无法提供文档**：
+**Docsify 未能提供文档**：
 - 全局安装 docsify-cli：`npm install -g docsify-cli`
 - 在仓库根目录运行
 - 确认存在 `docs/_sidebar.md`
 
 ### 开发环境建议
 
-- 使用 VS Code 及 Live Server 插件进行 HTML 项目开发
-- 安装 ESLint 和 Prettier 插件以保持格式统一
-- 使用浏览器开发者工具调试 JavaScript
-- Vue 项目安装 Vue DevTools 浏览器插件
+- 使用带 Live Server 扩展的 VS Code 运行 HTML 项目
+- 安装 ESLint 和 Prettier 扩展保持一致格式
+- 利用浏览器开发工具调试 JavaScript
+- Vue 项目安装 Vue DevTools 浏览器扩展
 
-### 性能注意事项
+### 性能考虑
 
-- 翻译文件众多（50 多种语言），完整克隆体积较大
-- 若仅工作于内容，可使用浅克隆：`git clone --depth 1`
-- 在处理英文内容时可排除翻译文件搜索
-- 初次运行构建可能较慢（npm install、Vite 构建）
+- 多语言（50+）翻译文件数量大，全量克隆较大
+- 只处理内容时可使用浅克隆：`git clone --depth 1`
+- 在处理英文内容时排除翻译目录搜索
+- 初次运行（npm install、Vite 构建）可能较慢
 
-## 安全考虑
+## 安全注意事项
 
 ### 环境变量
 
 - API 密钥绝不可提交到仓库
-- 使用 `.env` 文件（已在 `.gitignore` 中）
+- 使用 `.env` 文件（已列入 `.gitignore`）
 - 在项目 README 中记录必需的环境变量
 
 ### Python 项目
 
-- 推荐使用虚拟环境：`python -m venv venv`
+- 使用虚拟环境：`python -m venv venv`
 - 保持依赖更新
-- GitHub 令牌应具备最低必要权限
+- GitHub 令牌应具备最小权限
 
 ### GitHub Models 访问
 
-- 需使用个人访问令牌 (PAT)
+- 需要个人访问令牌 (PAT)
 - 令牌应存储为环境变量
-- 切勿提交令牌或凭据
+- 切勿提交令牌或凭证
 
 ## 其他说明
 
 ### 目标受众
 
-- 完全零基础的 Web 开发初学者
-- 学生和自学者
-- 在课堂使用此课程的教师
-- 内容设计注重无障碍及逐步技能提升
+- 完全的网页开发初学者
+- 学生及自学者
+- 在课堂使用课程的教师
+- 内容针对无障碍和逐步技能提升设计
 
 ### 教育理念
 
-- 项目驱动学习方法
+- 基于项目的学习方法
 - 频繁知识检测（测验）
-- 亲身编码实践
-- 真实应用示例
-- 注重基础知识，先学基础再学框架
+- 实践编码练习
+- 真实场景应用示例
+- 强调基础知识，先于框架学习
 
 ### 仓库维护
 
 - 活跃的学习者和贡献者社区
 - 定期更新依赖和内容
-- 维护人员监控问题和讨论
+- 维护者监控 issue 和讨论
 - 通过 GitHub Actions 自动更新翻译
 
 ### 相关资源
@@ -381,28 +382,28 @@ CO_OP_TRANSLATOR_METADATA:
 - [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、数据科学、机器学习、物联网课程
+- 额外课程：生成式 AI、数据科学、机器学习、物联网课程可用
 
-### 特定项目操作
+### 特定项目操作指南
 
-关于各项目详细说明，请参考对应 README 文件：
+查看以下 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` - 基于 Canvas 的游戏开发
 - `9-chat-project/README.md` - AI 聊天助手项目
 
-### Monorepo 结构
+### 单体仓库结构
 
-虽然不是传统的 Monorepo，本仓库包含多个独立项目：
-- 每节课程独立完整
+虽非传统单体仓库，本仓库包含多个独立项目：
+- 每节课程自包含
 - 项目之间不共享依赖
-- 可单独开发项目，互不影响
-- 克隆整个仓库即可获得完整课程体验
+- 可独立开发项目，互不影响
+- 克隆完整仓库可体验全课程
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**免责声明**：  
-本文件由人工智能翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻译。尽管我们力求准确，但请注意自动翻译可能存在错误或不准确之处。原始文件的母语版本应被视为权威来源。对于重要信息，建议采用专业人工翻译。我们不对因使用本翻译而产生的任何误解或误释承担责任。
+**免责声明**：
+本文件由 AI 翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻译而成。尽管我们力求准确，但请注意，自动翻译可能包含错误或不准确之处。原始语言的文件应被视为权威版本。对于重要信息，建议使用专业人工翻译。因使用本翻译内容而产生的任何误解或误释，我们概不负责。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-CN/README.md b/translations/zh-CN/README.md
index 2900ea047..802e74390 100644
--- a/translations/zh-CN/README.md
+++ b/translations/zh-CN/README.md
@@ -10,170 +10,182 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# 初学者的网页开发课程
+# 针对初学者的网页开发课程
 
-通过微软云推广者提供的为期12周的综合课程学习网页开发的基础知识。24个课程深入讲解JavaScript、CSS和HTML，配合手工项目如植物培养箱、浏览器扩展和太空游戏。参加测验、讨论和实践作业。通过我们的高效项目为基础的教学法，提升技能并优化知识掌握。今天就开始你的编码之旅吧！
+通过微软云倡导者提供的 12 周综合课程学习网页开发基础。每个 24 节课程通过动手项目，如植物养殖箱、浏览器扩展和太空游戏，深入探讨 JavaScript、CSS 和 HTML。参与测验、讨论和实践作业。采用高效的项目式教学法，提高技能并优化知识保留。立即开始您的编码旅程！
 
 加入 Azure AI Foundry Discord 社区
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-按照以下步骤开始使用这些资源：
+按以下步骤开始使用这些资源：
 1. **Fork 仓库**：点击 [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
-2. **克隆仓库**：  `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+2. **克隆仓库**：   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 3. [**加入 Azure AI Foundry Discord，结识专家和其他开发者**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 多语言支持
 
-#### 通过 GitHub Action 支持（自动且始终最新）
+#### 通过 GitHub Action 支持（自动且始终保持最新）
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
 [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
 
-> **更喜欢本地克隆？**
-
-> 本仓库包含50多种语言的翻译，显著增加下载大小。若需无翻译版本，请使用稀疏检出：
+> **想本地克隆？**
+>
+> 该仓库包含 50 多种语言的翻译文件，显著增加下载体积。想要不含翻译的克隆版本，可以使用稀疏检出：
+>
+> **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"
+> ```
+>
+> 这将让您更快下载且包含完成课程所需的所有内容。
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**如果您希望支持更多翻译语言，列于[这里](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**如果您希望支持更多语言，请查看[此处](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _你是学生吗？_
 
-访问[**学生中心页面**](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 Agent 模式挑战任务！
 
-新挑战已添加，请在大多数章节中查找 “GitHub Copilot Agent Challenge 🚀”。这是一个使用 GitHub Copilot 和 Agent 模式完成的新挑战。如果你以前没用过 Agent 模式，它不仅能生成文本，还可以创建和编辑文件、运行命令等。
+新增挑战，请在大多数章节查找“GitHub Copilot Agent Challenge 🚀”。这是一个让您使用 GitHub Copilot 和 Agent 模式完成的新挑战。如果您之前没用过 Agent 模式，它不仅能生成文本，还能创建和编辑文件、运行命令等。
 
-### 📣 公告 - _新增使用生成式 AI 构建的项目_
+### 📣 公告 - _使用生成式 AI 构建的新项目_
 
-新增 AI 助手项目，查看[项目](./9-chat-project/README.md)
+新增 AI 助手项目，请查看[项目](./9-chat-project/README.md)
 
-### 📣 公告 - _刚发布的 JavaScript 生成式 AI 新课程_
+### 📣 公告 - _新发布的 JavaScript 生成式 AI 课程_
 
-不要错过我们的生成式 AI 新课程！
+别错过我们的生成式 AI 新课程！
 
 访问 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 开始学习！
 
 ![Background](../../translated_images/zh-CN/background.148a8d43afde5730.webp)
 
-- 覆盖从基础到 RAG 的课程。
-- 使用 GenAI 和我们的配套应用与历史人物互动。
-- 有趣且引人入胜的叙事，你将进行时空旅行！
+- 课程涵盖从基础到 RAG。
+- 通过生成式 AI 和我们的辅助应用与历史人物互动。
+- 有趣且引人入胜的故事叙述，带您穿越时空！
 
 ![character](../../translated_images/zh-CN/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)反馈意见！
 
-**[学习者](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**，每节课先完成课前测验，然后阅读讲义，完成各项活动，并通过课后测验检验理解。
+## 🌱 快速开始
 
-为提升学习体验，建议和同学们一起合作完成项目！欢迎在我们的[讨论区](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)发起讨论，我们的版主团队将为你解答问题。
+> **教师们**，我们[提供了一些建议](for-teachers.md)指导您如何使用这套课程。欢迎在[讨论区](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)提供反馈！
 
-为进一步学习，强烈推荐探索[Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?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)参与讨论，版主团队会解答您的问题。
 
-本课程已预置开发环境！开始学习时，你可以选择在[Codespace](https://github.com/features/codespaces/)（基于浏览器，无需安装环境）运行课程，或在本地电脑使用如[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)的文本编辑器。
+扩展学习我们强烈推荐探索 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) 上的额外学习资源。
 
-#### 创建你的仓库
-为方便保存作业，建议创建本仓库的个人副本。点击页面顶部的 **Use this template** 按钮，即可在你的 GitHub 账户创建一份该课程副本。
+### 📋 设置开发环境
 
-步骤如下：
+本课程提供即用型开发环境！开始时，您可以选择在 [Codespace](https://github.com/features/codespaces/)（一种基于浏览器、无须安装的环境）中运行课程，也可以在本地电脑使用文本编辑器，如 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 。
+
+#### 创建您的仓库
+为了方便保存您的作品，推荐您创建此仓库的副本。点击页面顶部的 **Use this template** 按钮即可在您的 GitHub 账户中创建一个包含本课程内容的新仓库。
+
+操作步骤：
 1. **Fork 仓库**：点击页面右上角的“Fork”按钮。
-2. **克隆仓库**：  `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+2. **克隆仓库**：   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
 
 #### 在 Codespace 中运行课程
 
-在你创建的个人副本中，点击 **Code** 按钮，选择 **Open with Codespaces**。这会为你创建一个新的 Codespace 工作环境。
+在您创建的仓库副本中，点击 **Code** 按钮，选择 **Open with Codespaces**。将为您创建一个新的 Codespace 工作环境。
 
 ![Codespace](../../translated_images/zh-CN/createcodespace.0238bbf4d7a8d955.webp)
 
 #### 在本地电脑运行课程
 
-要在电脑本地运行课程，你需要文本编辑器、浏览器和命令行工具。我们的第一课，[编程语言和开发工具入门](../../1-getting-started-lessons/1-intro-to-programming-languages)，将介绍各种工具供你选择。
+要在本地电脑运行该课程，您需要文本编辑器、浏览器和命令行工具。我们的第一课，[编程语言与工具基础介绍](../../1-getting-started-lessons/1-intro-to-programming-languages)，将引导您了解各种工具选择，以便您选择最合适的。
 
-推荐使用 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)作为编辑器，它内置[终端](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)。可从[这里](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)下载。
-
-1. 将你的仓库克隆到电脑。点击 **Code** 按钮，复制 URL：
+推荐使用 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 作为编辑器，它内置了[终端](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)。您可以从[这里](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)下载安装 Visual Studio Code。
+1. 将你的仓库克隆到电脑上。你可以点击 **Code** 按钮并复制 URL：
 
     [CodeSpace](./images/createcodespace.png)
-然后，在 [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)，运行以下命令，将 `<your-repository-url>` 替换为你刚才复制的 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)，运行以下命令，将 `<your-repository-url>` 替换成刚才复制的 URL：
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. 在 Visual Studio Code 中打开文件夹。你可以通过点击 **文件** > **打开文件夹**，然后选择你刚克隆的文件夹来完成此操作。
+2. 在 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) - 帮助你更快地编写代码
 
 ## 📂 每节课包含：
 
-- 可选的草图笔记
+- 可选的手绘笔记
 - 可选的补充视频
 - 课前热身测验
 - 书面课程内容
-- 针对项目课程，包含逐步构建项目的指导
+- 针对项目课程的逐步项目搭建指南
 - 知识检查
-- 挑战任务
+- 一项挑战
 - 补充阅读
 - 作业
 - [课后测验](https://ff-quizzes.netlify.app/web/)
 
-> **关于测验的说明**：所有测验都包含在 Quiz-app 文件夹中，共 48 个测验，每个有三道问题。它们可在[这里](https://ff-quizzes.netlify.app/web/)获得，测验应用可以本地运行或部署到 Azure；请遵循 `quiz-app` 文件夹中的说明。
+> **关于测验的说明**：所有测验都包含在 Quiz-app 文件夹中，共有48个测验，每个测验由三道题组成。它们可以在 [这里](https://ff-quizzes.netlify.app/web/) 访问，测验应用可以本地运行或部署到 Azure；请按照 `quiz-app` 文件夹中的说明操作。
 
 ## 🗃️ 课程列表
 
-|     |                       项目名称                       |                            教授的概念                             | 学习目标                                                                                                                 |                                                         关联课程                                                          |         作者          |
-| :-: | :--------------------------------------------------: | :----------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
-| 01  |                     入门入手                      |           编程介绍及工具基础           | 了解大多数编程语言背后的基础原理以及帮助专业开发者完成工作的软件工具                                                    | [编程语言及工具入门](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     入门入手                      |             GitHub 基础，团队协作             | 学习如何在项目中使用 GitHub，以及如何与他人在代码库中协作                                                                 |                            [GitHub 入门](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
-| 03  |                     入门入手                      |                             无障碍访问                            | 学习网页无障碍访问的基础                                                                                                    |                       [无障碍基础](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS 基础                         |                         JavaScript 数据类型                          | JavaScript 数据类型的基础                                                                                                |                                       [数据类型](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
-| 05  |                        JS 基础                         |                         函数与方法                          | 学习函数和方法以管理应用逻辑流                                                                                               |                              [函数与方法](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 和 Christopher |
-| 06  |                        JS 基础                         |                        使用 JS 进行决策                        | 学习如何使用条件语句创建代码中的判断                                                                                          |                                 [决策](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
-| 07  |                        JS 基础                         |                            数组与循环                            | 使用 JavaScript 中的数组和循环处理数据                                                                                          |                                   [数组与循环](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML 实践                            | 构建用于创建在线生态瓶（Terrarium）的 HTML，重点是构建布局                                                                       |                                 [HTML 入门](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS 实践                             | 构建用于为在线生态瓶设计样式的 CSS，重点是 CSS 基础以及页面响应式设计                                                              |                                  [CSS 入门](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript 闭包与 DOM 操作                  | 构建 JavaScript 使生态瓶实现拖拽功能，重点是闭包和 DOM 操作                                                                       |                  [JavaScript 闭包与 DOM 操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
-| 11  |          [打字游戏](./4-typing-game/solution/README.md)          |                          制作打字游戏                           | 学习如何使用键盘事件驱动 JavaScript 应用的逻辑                                                                                   |                                [事件驱动编程](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) |                         浏览器工作原理                          | 了解浏览器的工作原理、发展历史及如何搭建浏览器扩展的基础元素                                                                      |                               [关于浏览器](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) | 构建表单、调用 API 及本地存储变量 | 构建浏览器扩展的 JavaScript 元素，以便使用存储在本地的变量调用 API                                                                |                [API、表单与本地存储](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) |          浏览器后台进程与网页性能          | 利用浏览器的后台进程管理扩展图标；学习网页性能及优化方法                                                                      |             [后台任务与性能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [太空游戏](./6-space-game/solution/README.md)           |             进阶游戏开发 – 继承与模式             | 学习继承（包括类和组合）以及发布/订阅模式，为制作游戏做准备                                                                       |                      [进阶游戏开发介绍](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [太空游戏](./6-space-game/solution/README.md)           |                           画布绘制                            | 学习 Canvas API，用于向屏幕绘制元素                                                                                                  |                                [画布绘制](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [太空游戏](./6-space-game/solution/README.md)           |                   元素运动                    | 探索如何利用笛卡尔坐标和 Canvas API 赋予元素运动                                                                                    |                           [移动元素](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [太空游戏](./6-space-game/solution/README.md)           |                          碰撞检测                           | 使元素碰撞并相互响应按键，提供冷却功能确保游戏性能                                                                                   |                              [碰撞检测](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [太空游戏](./6-space-game/solution/README.md)           |                             计分                              | 根据游戏状态和表现进行数学计算                                                                                                        |                                    [计分](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [太空游戏](./6-space-game/solution/README.md)           |                     结束和重启游戏                     | 学习如何结束和重启游戏，包括清理资源和重置变量                                                                                      |                                [结束条件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [银行应用](./7-bank-project/solution/README.md)          |                 Web 应用中的 HTML 模板和路由                 | 学习如何使用路由和 HTML 模板构建多页面网站的框架                                                                                   |                            [HTML 模板和路由](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [银行应用](./7-bank-project/solution/README.md)          |                  构建登录和注册表单                   | 学习表单构建和验证处理流程                                                                                                        |                                           [表单](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [银行应用](./7-bank-project/solution/README.md)          |                   数据获取和使用                   | 学习数据如何流入流出你的应用，如何获取、存储和处理数据                                                                          |                                            [数据](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [银行应用](./7-bank-project/solution/README.md)          |                      状态管理概念                      | 学习应用如何保留状态及其编程管理方法                                                                                              |                                [状态管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [浏览器/VScode 代码](../../8-code-editor) | 使用 VScode | 学习如何使用代码编辑器| [使用 VScode 代码编辑器](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [人工智能助手](./9-chat-project/README.md) | 使用 AI | 学习如何构建自己的 AI 助手 | [AI 助手项目](./9-chat-project/README.md) | Chris |
+|     |                       项目名称                       |                            授课概念                             | 学习目标                                                                                                                 |                                                         关联课程                                                          |         作者          |
+| :-: | :--------------------------------------------------: | :--------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
+| 01  |                     入门课程                      |           编程入门及相关工具           | 了解大多数编程语言的基本原理及帮助专业开发者完成工作的软件工具                                                     | [编程语言与相关工具简介](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine      |
+| 02  |                     入门课程                      |             GitHub 基础及团队协作             | 学习如何在项目中使用 GitHub，如何与他人协作开发代码库                                                                |                         [GitHub 简介](./1-getting-started-lessons/2-github-basics/README.md)                         |          Floor       |
+| 03  |                     入门课程                      |                             无障碍访问                              | 学习网页无障碍访问的基础                                                                                                |                    [无障碍基础](./1-getting-started-lessons/3-accessibility/README.md)                    |       Christopher    |
+| 04  |                        JS 基础                         |                         JavaScript 数据类型                          | 了解 JavaScript 数据类型的基础                                                                                          |                                [数据类型](./2-js-basics/1-data-types/README.md)                                |         Jasmine      |
+| 05  |                        JS 基础                         |                         函数与方法                          | 学习函数和方法以管理应用程序的逻辑流程                                                                                  |                            [函数与方法](./2-js-basics/2-functions-methods/README.md)                            | Jasmine 和 Christopher |
+| 06  |                        JS 基础                         |                        使用 JS 进行决策                        | 掌握如何使用条件语句在代码中创建决策                                                                                   |                               [决策制作](./2-js-basics/3-making-decisions/README.md)                               |         Jasmine      |
+| 07  |                        JS 基础                         |                            数组与循环                            | 学习如何使用 JavaScript 中的数组与循环处理数据                                                                          |                                [数组与循环](./2-js-basics/4-arrays-loops/README.md)                                |         Jasmine      |
+| 08  |       [生态瓶](./3-terrarium/solution/README.md)       |                            HTML 实践                            | 构建用于创建在线生态瓶的 HTML，重点是布局构建                                                                            |                             [HTML 入门](./3-terrarium/1-intro-to-html/README.md)                             |           Jen        |
+| 09  |       [生态瓶](./3-terrarium/solution/README.md)       |                            CSS 实践                             | 构建用于美化在线生态瓶的 CSS，重点了解 CSS 基础并使页面具备响应式                                                      |                              [CSS 入门](./3-terrarium/2-intro-to-css/README.md)                              |           Jen        |
+| 10  |       [生态瓶](./3-terrarium/solution/README.md)       |          JavaScript 闭包及 DOM 操作          | 构建生态瓶的 JavaScript，使其实现拖放功能，重点掌握闭包与 DOM 操作                                                     |                 [JavaScript 闭包及 DOM 操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                 |           Jen        |
+| 11  |          [打字游戏](./4-typing-game/solution/README.md)          |                          构建打字游戏                           | 学习如何使用键盘事件驱动 JavaScript 应用的逻辑                                                                           |                              [事件驱动编程](./4-typing-game/typing-game/README.md)                               |       Christopher    |
+| 12  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) |                         浏览器工作原理                          | 学习浏览器的工作方式，历史，并搭建浏览器扩展的基础元素                                                                  |                            [关于浏览器](./5-browser-extension/1-about-browsers/README.md)                            |           Jen        |
+| 13  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) | 构建表单、调用 API 及本地存储变量 | 构建浏览器扩展的 JavaScript 元素，利用本地存储变量调用 API                                                           |                 [API、表单与本地存储](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen        |
+| 14  | [绿色浏览器扩展](./5-browser-extension/solution/README.md) |          浏览器后台进程与网页性能优化          | 利用浏览器后台进程管理扩展的图标，了解网页性能及相关优化方法                                                            |                   [后台任务与性能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen        |
+| 15  |           [太空游戏](./6-space-game/solution/README.md)           |             使用 JavaScript 进行更高级游戏开发             | 学习继承（类与组合）和发布/订阅模式，为游戏开发做准备                                                                  |                     [高级游戏开发简介](./6-space-game/1-introduction/README.md)                       |          Chris       |
+| 16  |           [太空游戏](./6-space-game/solution/README.md)           |                           画布绘图                            | 了解 Canvas API，用于向屏幕绘制元素                                                                                      |                              [画布绘图](./6-space-game/2-drawing-to-canvas/README.md)                              |          Chris       |
+| 17  |           [太空游戏](./6-space-game/solution/README.md)           |                   屏幕元素的移动                    | 探索如何使用笛卡尔坐标和 Canvas API 让元素运动                                                                          |                           [元素移动](./6-space-game/3-moving-elements-around/README.md)                           |          Chris       |
+| 18  |           [太空游戏](./6-space-game/solution/README.md)           |                          碰撞检测                           | 让元素根据按键碰撞并相互反应，添加冷却函数提高游戏性能                                                                  |                            [碰撞检测](./6-space-game/4-collision-detection/README.md)                            |          Chris       |
+| 19  |           [太空游戏](./6-space-game/solution/README.md)           |                             计分                              | 根据游戏状态和表现执行数学计算                                                                                            |                                  [计分](./6-space-game/5-keeping-score/README.md)                                  |          Chris       |
+| 20  |           [太空游戏](./6-space-game/solution/README.md)           |                     结束与重新开始游戏                     | 了解游戏结束与重新开始的处理，包括资源清理和变量重置                                                                    |                              [结束条件](./6-space-game/6-end-condition/README.md)                              |          Chris       |
+| 21  |         [银行应用](./7-bank-project/solution/README.md)          |                 网络应用中的 HTML 模板与路由                 | 学习如何通过路由和 HTML 模板构建多页面网站的架构                                                                        |                          [HTML 模板与路由](./7-bank-project/1-template-route/README.md)                          |          Yohan       |
+| 22  |         [银行应用](./7-bank-project/solution/README.md)          |                  构建登录和注册表单                   | 学习表单构建与验证流程                                                                                                   |                                         [表单](./7-bank-project/2-forms/README.md)                                         |          Yohan       |
+| 23  |         [银行应用](./7-bank-project/solution/README.md)          |                   数据获取与使用方法                   | 了解应用的数据流向、获取、存储及处理                                                                                     |                                          [数据](./7-bank-project/3-data/README.md)                                          |          Yohan       |
+| 24  |         [银行应用](./7-bank-project/solution/README.md)          |                      状态管理概念                      | 学习应用如何保留状态及如何编程管理状态                                                                                   |                              [状态管理](./7-bank-project/4-state-management/README.md)                              |          Yohan       |
+| 25 | [浏览器/VScode 代码](../../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 |
 
 ## 🏫 教学法
 
@@ -181,29 +193,29 @@
 * 项目驱动学习
 * 频繁测验
 
-该课程教授 JavaScript、HTML 和 CSS 的基础知识，以及当今网页开发者使用的最新工具和技术。学生将通过制作打字游戏、虚拟生态瓶、环保浏览器扩展、太空入侵游戏和企业银行应用获得实践经验。到课程结束时，学生将具备扎实的网页开发理解。
+该项目教授 JavaScript、HTML 和 CSS 的基础知识，以及当前 Web 开发者使用的最新工具和技术。学生将通过构建打字游戏、虚拟生态瓶、环保浏览器扩展、太空入侵风格游戏和企业银行应用获得实践经验。系列课程结束时，学生将具备扎实的 Web 开发基础。
 
-> 🎓 你可以在 Microsoft Learn 上将本课程的前几节作为[学习路径](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 基础入门课程，配合 “[JavaScript 初学者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” 视频教程集合，其中有些作者也贡献了本课程。
+通过确保内容与项目对齐，学习过程对学生更具吸引力，概念的掌握度也会提高。我们还编写了几节 JavaScript 基础入门课程，配合来自"[JavaScript 初学者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)"合集的视频教程，这些视频的部分作者参与了本课程的编写。
 
-此外，课前的低风险测验帮助学生树立学习目标，课后的第二次测验确保知识的进一步巩固。此课程设计灵活有趣，可以全部完成也可以部分学习。项目难度由浅入深，经过 12 周的学习持续递增。
+此外，课前的低风险测验帮助学生树立学习目标，课后的测验则确保进一步巩固学习内容。本课程设计灵活且富有趣味性，支持整套学习或部分学习。项目从简单开始，随着12周课程周期逐步变得复杂。
 
-虽然我们有意避免引入 JavaScript 框架，以专注于作为网络开发者在使用框架前需掌握的基础技能，但完成本课程的良好后续步骤是通过另一个视频集合学习 Node.js：“[Node.js 初学者系列](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)”。
+虽然我们特意避免引入 JavaScript 框架，以专注于掌握作为 Web 开发者所需的基础技能，但完成本课程后，学习 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)。欢迎您提供建设性的反馈！
 
-> 请访问我们的[行为准则](CODE_OF_CONDUCT.md)和[贡献指南](CONTRIBUTING.md)。我们欢迎你的建设性反馈！
 
 ## 🧭 离线访问
 
-你可以使用 [Docsify](https://docsify.js.org/#/) 离线运行本文档。将此仓库 Fork 到本地，安装 [Docsify](https://docsify.js.org/#/quickstart)，然后在此仓库根目录运行 `docsify serve`。网站将在本地的 3000 端口提供服务，即访问 `localhost:3000`。
+你可以通过使用 [Docsify](https://docsify.js.org/#/) 来离线运行本文档。Fork 此仓库，在本地安装 [Docsify](https://docsify.js.org/#/quickstart)，然后在本仓库根目录下输入 `docsify serve`。网站将在本地主机的3000端口启动：`localhost:3000`。
 
 ## 📘 PDF
-
-所有课程的 PDF 可在[这里](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)找到。
-
+所有课程的 PDF 可以在[这里](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)找到。
 
 ## 🎒 其他课程
-我们的团队还制作了其他课程！查看：
+
+我们的团队还制作了其他课程！快来看看：
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -245,23 +257,23 @@
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## 获取帮助
+## 获得帮助
 
-如果您遇到困难或对构建 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) 文件。
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**免责声明**：
-本文件使用人工智能翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 进行翻译。虽然我们力求准确，但请注意自动翻译可能存在错误或不准确之处。请将原始语言版本视为权威来源。对于关键信息，建议采用专业人工翻译。我们不对因使用本翻译而产生的任何误解或错误解释承担责任。
+**免责声明**：  
+本文件使用 AI 翻译服务 [Co-op Translator](https://github.com/Azure/co-op-translator) 进行翻译。虽然我们力求准确，但请注意，自动翻译可能包含错误或不准确之处。原始语言版本的文件应视为权威来源。对于关键信息，建议采用专业人工翻译。因使用此翻译而产生的任何误解或误释，我们不承担任何责任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-HK/.co-op-translator.json b/translations/zh-HK/.co-op-translator.json
index 8933f1594..12a9a78bb 100644
--- a/translations/zh-HK/.co-op-translator.json
+++ b/translations/zh-HK/.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-06T13:11:27+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:59:01+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "zh-HK"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:23:03+00:00",
+    "translation_date": "2026-03-06T18:07:37+00:00",
     "source_file": "AGENTS.md",
     "language_code": "zh-HK"
   },
@@ -516,8 +516,8 @@
     "language_code": "zh-HK"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:16:46+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:55:10+00:00",
     "source_file": "README.md",
     "language_code": "zh-HK"
   },
diff --git a/translations/zh-HK/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/zh-HK/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 2c8f83b67..5bbe7fc79 100644
--- a/translations/zh-HK/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/zh-HK/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,86 +1,86 @@
-# 程式語言與現代開發工具簡介
+# 程式語言與現代開發工具入門
+ 
+嗨，未來的開發者！👋 我可以告訴你一件每天都讓我起雞皮疙瘩的事情嗎？你即將發現，程式設計不只是關於電腦——它是擁有真正超能力，將你最瘋狂的想法變成現實！
 
-嗨，未來的開發者！👋 可不可以跟你說件每天都讓我雞皮疙瘩掉滿地的事？你即將發現，程式設計不只是關於電腦——它是擁有真正超能力，把你最狂野的想法實現出來的能力！
+你知道使用你最喜歡的應用程式、所有東西都完美契合的那一刻嗎？當你點一下按鈕，發生了某種神奇的事，讓你讚嘆「哇，他們怎麼做到的？」那麼，創造這種魔法的程式碼就是某個像你一樣的人寫的，可能當時他正坐在他最愛的咖啡店凌晨兩點，喝著第三杯特濃咖啡。你準備好了嗎？到了這堂課結束時，你不僅會了解他們怎麼做到的，還會迫不及待自己嘗試！
 
-你知道那種用你最喜歡的 app，所有操作都剛剛好完美連接的瞬間嗎？當你按一個按鈕，然後發生了某種完全神奇的事，讓你忍不住想說「哇，他們到底怎麼做到的？」剛好，某個跟你一樣的人——可能正坐在他最喜歡的咖啡店裡凌晨兩點，喝著第三杯濃縮咖啡——寫了造就那魔法的程式碼。你將親眼見證的令人震驚的事是：到了這節課結束，你不僅會理解他們是怎麼做到的，還會迫不及待想要自己試試看！
+說真的，如果你現在覺得程式設計很嚇人，我完全理解。當我剛開始時，我真的以為你必須是數學天才或從五歲就開始寫程式。但有件事徹底改變了我的想法：程式設計就像學習用新語言交談一樣。你從「哈囉」和「謝謝」開始，接著學會點咖啡，不久後就能展開深刻的哲學對話！只是這次，你是在和電腦對話，說實話？電腦是你最有耐心的對話夥伴——它們永遠不會批評你的錯誤，總是樂於嘗試再來一次！
 
-聽著，如果你覺得程式設計現在很可怕，我完全可以理解。當我剛開始時，我真的以為你需要是某種數學天才，或者從五歲就開始寫程式。但徹底改變我觀念的是這件事：程式設計就像學一門語言溝通一樣。你從「你好」和「謝謝」學起，然後開始點咖啡，不知不覺你開始進行深刻的哲學討論！只不過在這案例裡，你是在和電腦對話。說真的？它們是你能找到的最有耐性的對話夥伴——它們從不責備你的錯誤，而是永遠準備好再試一次！
-
-今天，我們將探索現代網頁開發令人驚嘆的工具，讓它不僅僅是可行，而是讓人嚴重上癮。我說的就是 Netflix、Spotify 和你喜歡的獨立應用工作室每天使用的同一套編輯器、瀏覽器和工作流程。最棒的是：這些專業級、業界標準的工具大多數都是完全免費的！
+今天，我們要探索那些讓現代網頁開發不只是可能，而是令人上癮的強大工具。我說的是 Netflix、Spotify 以及你最愛的獨立應用工作室的開發者每天使用的編輯器、瀏覽器和工作流程。最棒的是：這些專業級、業界標準的工具大部分都是免費的！
 
 ![Intro Programming](../../../../translated_images/zh-HK/webdev101-programming.d6e3f98e61ac4bff.webp)
 > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac)
 
 ```mermaid
 journey
-    title 你今日嘅程式編寫旅程
+    title 你今日的編程之旅
     section 發現
-      乜嘢係程式設計: 5: You
-      程式語言: 4: You
+      什麼是編程: 5: You
+      編程語言: 4: You
       工具概覽: 5: You
     section 探索
-      程式碼編輯器: 4: You
-      瀏覽器同開發者工具: 5: You
-      指令行: 3: You
+      代碼編輯器: 4: You
+      瀏覽器與開發工具: 5: You
+      命令行: 3: You
     section 練習
       語言偵探: 4: 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) 上進行這堂課程！
+> 你也可以在 [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 。這時就是**程式語言**大顯身手的地方。它們就像世界上最棒的翻譯官，把你正常的人類思考完美地轉換成電腦語言。
+當我第一次學到這點時，這件事令我驚訝不已：電腦本質上其實相當簡單。它們只能理解兩種東西——1 和 0，基本上就是「是」和「不是」或「開」和「關」。僅此而已！但神奇的是，我們不需要像《駭客任務》那樣用 1 和 0 溝通。這就是**程式語言**派上用場的地方。它們就像擁有世界上最棒的翻譯員，將你極自然的人類思維轉換成電腦語言。
 
-而每天早上醒來仍讓我起雞皮疙瘩的是：你生活中所有數位東西都是由跟你一樣的人開始的，可能他們穿著睡衣，手裡拿著咖啡，在筆電前敲著程式碼。讓你看起來完美無瑕的 Instagram 濾鏡？有人寫了那程式碼。推推薦你發現新歌的算法？一位開發者設計了它。幫你和朋友分餐費用的 app？沒錯，有人想「這很煩，我一定能解決它」，結果…他們做到了！
+而且現在每天早上醒來，這仍會讓我起雞皮疙瘩：你生活中*一切*數碼東西都起始於某個像你一樣的人，可能穿著睡衣、喝著咖啡，在筆電上敲著碼。那個讓你看起來完美無瑕的 Instagram 濾鏡？有人寫了那段程式碼。那份推介你新歡歌曲的推薦？一位開發者設計了那套演算法。幫你跟朋友分帳單的應用程式？沒錯，有人想「這太煩了，我能不能修好它」，然後……他們做到了！
 
-學程式不僅是學新技術——你是加入這個超棒的問題解決社群，他們每天的想法是，「如果我能做出些什麼讓別人的生活更好一點點呢？」說真的，還有比這更帥的事嗎？
+當你學會程式設計，你不只是學會新技能——你成為了這個令人難以置信的問題解決者社群的一份子，每天都在想：「如果我能做點什麼，讓某人的一天更美好一點，那該有多好？」說真的，有比這更酷的事嗎？
 
-✅ **趣味知識探索**：有空時去查查世界上第一位程式設計師是誰？提示一下：她可能不是你預期的人！她的故事非常吸引人，而且證明了程式設計一直是關於創意解決問題和跳出框架思考。
+✅ **趣味考古**：當你有空的時候，可以查查看這件事——你認為世界上第一位電腦程式設計師是誰？給你個提示：可能不是你想像中的那位！這個人的故事非常迷人，也展示了程式設計一直以來都是關於創造性問題解決與跳出框架思考的。
 
-### 🧠 **回顧時間：你感覺如何？**
+### 🧠 **檢視時間：你現在感覺如何？**
 
-**花點時間反思：**
-- 「給電腦下指令」的概念現在對你來說有意義嗎？
-- 你能想到想用程式自動化的日常任務嗎？
-- 關於程式設計，你腦中冒出什麼問題？
+**花點時間思考：**
+- 「給電腦指令」的想法你現在懂了嗎？
+- 你能想出一個想用程式自動化的日常任務嗎？
+- 你對這整個程式設計主題有什麼問題在腦海中浮現？
 
-> **記住**：如果某些概念現在還模糊是完全正常的。學程式就像學一門新語言——你的大腦需要時間建立神經通路。你做得很棒！
+> **記得**：如果有些概念現在還模糊完全正常。學習程式設計就像學習新語言——需要時間讓你的大腦建立神經連結。你做得很好！
 
 ## 程式語言就像不同口味的魔法
 
-好啦，這聽起來怪怪的，但跟我走——程式語言很像不同類型的音樂。想想看：有浪漫即興的爵士樂、強而有力的搖滾、典雅嚴謹的古典樂和充滿創造力與表達的嘻哈。每種風格都有自己的氛圍、熱情粉絲社群，也適合不同心情和場合。
+好啦，這聽起來可能有點怪，但請跟我繼續看——程式語言非常像不同風格的音樂。想想看：有爵士，滑順且即興；搖滾，強力且直接；古典，優雅且有結構；還有嘻哈，富創意且具表現力。每種風格有它獨特的氛圍、瘋狂粉絲族群，也適合不同心境和場合。
 
-程式語言也是如此！你不會用同一種語言寫一款有趣的手機遊戲和處理大量氣候數據的程式，就像你不會在瑜伽課播放死亡金屬（嗯，大多數瑜伽課至少是這樣😄）。
+程式語言也是這樣！你不會用同一種語言去寫一款有趣的手機遊戲，然後又用它來處理龐大的氣候數據，就好像你不會在瑜伽課上聽死亡金屬音樂（至少大部分瑜伽課不會😄）。
 
-每次想起這點，我都覺得超神奇：這些語言就像世界上最有耐性的、最聰明的口譯員坐在你旁邊。你以對你腦子自然的方式表達想法，它們處理把這些轉成電腦真正懂的 1 和 0。就像你有一位朋友同時流利「人類創意」和「電腦邏輯」——而且永不疲倦、不需要喝咖啡休息，也不會因為你問第二次同樣問題而嘲笑你！
+但每次想起這點，我都驚嘆不已：這些語言就像身旁坐著世界上最有耐心、最聰明的口譯員。你用你人腦感覺最自然的方式表達想法，他們負責把它翻譯成電腦真的懂的 1 和 0。就像你有個朋友，流利掌握「人類創意」和「電腦邏輯」兩種語言——而且他永遠不累、不需要喝咖啡休息，也不會因為你連問兩次同一個問題就生氣！
 
-### 熱門程式語言與用途
+### 熱門程式語言及用途
 
 ```mermaid
 mindmap
@@ -91,7 +91,7 @@ mindmap
         互動網站
       TypeScript
         JavaScript + 類型
-        企業應用
+        企業應用程式
     Data & AI
       Python
         數據科學
@@ -121,41 +121,41 @@ mindmap
         雲端服務
         可擴展後端
 ```
-| 語言 | 最適合的用途 | 為什麼受歡迎 |
+| 語言 | 最適合 | 為何受歡迎 |
 |----------|----------|------------------|
-| **JavaScript** | 網頁開發、使用者介面 | 在瀏覽器執行，驅動互動網站 |
-| **Python** | 數據科學、自動化、AI | 易讀易學，擁有強大函式庫 |
-| **Java** | 企業應用、Android 應用 | 跨平台，適合大型系統 |
-| **C#** | Windows 應用、遊戲開發 | 微軟生態系統強力支援 |
-| **Go** | 雲端服務、後端系統 | 快速、簡單，為現代運算設計 |
+| **JavaScript** | 網頁開發，用戶介面 | 可直接在瀏覽器運行，驅動互動式網站 |
+| **Python** | 資料科學，自動化，人工智慧 | 易讀易學，有強大函式庫 |
+| **Java** | 企業應用，安卓應用 | 跨平台，適合大型系統 |
+| **C#** | Windows 應用，遊戲開發 | 微軟生態系統支援強大 |
+| **Go** | 雲端服務，後端系統 | 快速、簡潔，為現代運算設計 |
 
 ### 高階語言 vs 低階語言
 
-說實話，這是我剛開始學程式時完全被弄得暈頭轉向的概念，所以我會分享讓我終於理解的比喻——希望也能幫助你！
+坦白說，這是我剛開始學程式時最讓我腦袋打結的概念，所以我想分享一個最後讓我懂得比喻——希望對你也有幫助！
 
-想像你去到一個陌生國家，你不會說當地語言，而你急著要找廁所（大家都有這經驗吧？😅）：
+想像你去了一個不會說當地語言的國家，急需找廁所（我們都遇過吧？😅）：
 
-- **低階程式設計** 就像你學會當地方言，甚至能跟街角賣水果的老奶奶用文化暗號、地方俚語和只有在當地長大的人才懂的笑話聊天。超厲害而且效率超高……但前提是你必須流利！不然光找廁所就快瘋掉。
+- **低階程式語言** 就像你學會當地方言，能跟街角賣水果的阿嬤用文化典故、當地俚語和只有在地人懂的內部笑話聊天。超級厲害且效率極高⋯⋯如果你真通這語言的話！但你光是想找個廁所時，這就有點嚇人了。
 
-- **高階程式設計** 就像你有個超棒的當地朋友理解你。你只要用簡單的英文說「我很需要找廁所」，他就會做所有文化轉換，給你用你這個局外人腦袋能懂的指引。
+- **高階程式語言** 就像你有個超棒的當地朋友懂你意思。你用簡單的英文說「我真的很想找洗手間」，他幫你翻譯文化差異、用你非當地人能理解的方式給你指路。
 
 用程式語言來說：
-- **低階語言**（像組合語言或 C）讓你能和電腦硬體進行非常細緻的對話，但你必須用機器的思維方式——嗯，可以說是大腦大轉彎！
-- **高階語言**（像 JavaScript、Python 或 C#）讓你用人的思考方式，而它們在背後處理所有機器語言的轉換。而且它們還有熱情的社群，有許多曾經是新手的人，真心想幫忙！
+- **低階語言**（像是組合語言或 C 語言）讓你能用超細節跟電腦硬件談判，但你得用機器般思考，說真的，這是個相當大的心態轉換！
+- **高階語言**（像 JavaScript、Python 或 C#）讓你用人的思考模式思考，後台幫你處理所有機器語言，而且還有超熱心的社群，有許多人記得第一次學時的挫折，願意真心幫助！
 
-你猜我建議從哪開始？😉 高階語言就像有輔助輪，你會捨不得拆掉，因為它讓整個體驗愉快許多！
+猜猜我建議你先學哪一種？😉 高階語言就像訓練輪，讓整個體驗更有趣，你甚至不想拿掉它們！
 
 ```mermaid
 flowchart TB
-    A["👤 人類思考：<br/>'我想計算費波納契數列'"] --> B{選擇語言層級}
+    A["👤 人類思考：<br/>'我想計算費波納契數列'"] --> B{選擇程式語言層次}
     
     B -->|高階| C["🌟 JavaScript/Python<br/>易讀易寫"]
-    B -->|低階| D["⚙️ 組合語言/C<br/>直接硬體控制"]
+    B -->|低階| D["⚙️ 組合語言/C<br/>直接控制硬體"]
     
     C --> E["📝 撰寫：fibonacci(10)"]
     D --> F["📝 撰寫：mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 電腦理解：<br/>翻譯器處理複雜性"]
+    E --> G["🤖 電腦理解：<br/>譯者處理複雜度"]
     F --> G
     
     G --> H["💻 相同結果：<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
     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：基本斐波那契設置
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -184,13 +184,13 @@ console.log('Fibonacci sequence:');
 ```
 
 **這段程式碼做了什麼：**
-- **宣告** 一個常數指定要產生多少 Fibonacci 數字
-- **初始化** 兩個變數追蹤目前和下一個序列數字
-- **設定** 起始值（0 和 1）定義 Fibonacci 模式
-- **顯示** 標題訊息辨識輸出
+- **宣告**一個常數指定要產生多少個費氏數字
+- **初始化**兩個變數追蹤數列中的目前與下一個數字
+- **設定**起始值（0 和 1）形成費氏模式
+- **顯示**標題訊息，辨識輸出內容
 
 ```javascript
-// 步驟 2：使用迴圈生成序列
+// 步驟 2：使用循環產生序列
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
@@ -201,14 +201,14 @@ for (let i = 0; i < fibonacciCount; i++) {
 }
 ```
 
-**分解運作過程：**
-- **使用** `for` 迴圈走訪序列的每個位置
-- **顯示** 每個數字及其位置，使用模板字串格式化
-- **計算** 下一個 Fibonacci 數字為現值與次值相加
-- **更新** 追蹤變數，以進入下一輪迴圈
+**細節解析：**
+- **用 `for` 迴圈**逐個位置遍歷數列
+- **顯示**每個數字與它的位置，使用模板字串格式化
+- **計算**下一個費氏數，將目前與下一個值相加
+- **更新**追蹤變數以進入下次迭代
 
 ```javascript
-// 第三步：現代函數式方法
+// 步驟 3: 現代函數式方法
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**在上面，我們：**
-- **創建** 使用現代箭頭函數語法的可重複使用函式
-- **建構** 陣列儲存完整序列，而非逐個顯示
-- **使用** 陣列索引由前值計算每個新數字
-- **回傳** 完整序列以便程序其他部分彈性使用
+**上述程式碼中，我們做了：**
+- **用現代箭頭函式語法**建立一個可重用函式
+- **建構陣列**儲存完整序列，而非一個一個印出
+- **用陣列索引**從前面值計算新數字
+- **回傳**完整序列，方便程式其他部分靈活使用
 
-**低階語言（ARM 組合語言）– 對電腦友善：**
+**低階語言（ARM 組合語言）——電腦友好：**
 
 ```assembly
  area ascen,code,readonly
@@ -257,63 +257,62 @@ back add r0,r1
  end
 ```
 
-注意 JavaScript 幾乎像英文指令一樣易讀，而組合語言用神秘指令直接控制電腦處理器。兩者完成完全相同的任務，但高階語言對人類來說更容易理解、撰寫和維護。
-
-**你會注意到的主要差異：**
-- **可讀性**：JavaScript 使用描述性名稱如 `fibonacciCount`，組合語言用難懂標籤如 `r0`、`r1`
-- **註解**：高階語言鼓勵使用解釋性的註解，使程式碼本身成為自我說明
-- **結構**：JavaScript 的邏輯流程與人類逐步思考問題的方式相符合
-- **維護**：根據不同需求更新 JavaScript 版本是直觀且清晰的
+注意 JavaScript 版本讀起來幾乎像英文指令，而組合語言版本則使用直接控制電腦處理器的密碼指令。兩者達成完全相同的任務，但高階語言對人類而言更容易撰寫、閱讀和維護。
 
-✅ **關於費波那契數列**：這個絕美的數字模式（每個數字是前兩項的和：0、1、1、2、3、5、8……）幾乎在自然界到處可見！你會在向日葵螺旋、松果排列、鳳梨貝殼的弧度，甚至樹枝的生長方式中看到它。數學與程式碼如何幫助我們理解並重現自然用來創造美的模式，實在令人驚嘆！
+**你會發現的主要差異：**
+- **可讀性**：JavaScript 使用描述性名稱如 `fibonacciCount`，而 Assembly 使用難以理解的標籤如 `r0`、`r1`
+- **註解**：高階語言鼓勵撰寫能使程式碼自我說明的註解
+- **結構**：JavaScript 的邏輯流程符合人類逐步思考問題的方式
+- **維護性**：根據不同需求更新 JavaScript 版本既簡單又明確
 
+✅ **關於 Fibonacci 數列**：這個絕美的數字模式（每個數字等於前兩個數字之和：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 點的披薩店」，讓手機幫你記住真正的號碼。變數也是這樣！它們就像有標籤的容器，你的程式可以存放資訊，之後用有意義的名稱取回。
 
-更酷的是：變數會隨著程式運行而改變（所以叫「變數」──你懂的吧？）。就像發現更好的披薩店時會更新聯絡資訊一樣，變數能隨著程式得到新資訊或情況改變而更新！
+這有趣的是：變數會隨著程式執行而改變（所以才叫「變數」嘛——你看他們多聰明）。就像你可能會更新披薩店聯絡資訊當你發現更好的外賣選擇，變數也能隨著程式得到新資訊或情況變化而更新！
 
-讓我示範這有多簡單又美妙：
+來看看多簡單：
 
 ```javascript
-// 第一步：建立基本變量
+// 第一步：建立基本變數
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
@@ -321,13 +320,13 @@ let isRaining = false;
 ```
 
 **理解這些概念：**
-- **存放**不變的數值到 `const` 變數（比如網站名稱）
-- **使用** `let` 定義可變動的數值
-- **賦予**不同的資料型態：字串（文字）、數字及布林值（真/假）
-- **選擇**描述性的名稱說明變數內容
+- **將**不變的值儲存在 `const` 變數（例如網站名稱）
+- **用** `let` 來儲存程式過程中會變的值
+- **指派**不同資料型態：字串（文字）、數字，布林值（true/false）
+- **挑選**描述性名稱以說明每個變數裡存什麼
 
 ```javascript
-// 第 2 步：使用物件來群組相關資料
+// 第2步：使用物件來分組相關資料
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -335,47 +334,47 @@ const weatherData = {
 };
 ```
 
-**上面我們：**
-- **建立**一個物件來群組相關的天氣資訊
-- **整理**多筆資料放在同一個變數名稱下
-- **用**鍵值對清楚標示每筆資訊
+**上面做了以下事：**
+- **建立**一個物件來將相關天氣資訊群組起來
+- **在一個變數名稱下**組織多筆資料
+- **用**鍵值對清晰標記每筆資訊
 
 ```javascript
-// 第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
 // 第一步：基本條件邏輯
@@ -389,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
 
-**這段程式碼做的事：**
-- **檢查**使用者是否達到投票年齡要求
-- **依條件結果執行**不同程式區塊
-- **計算**並顯示距離投票資格還要多久（如果未滿18歲）
-- **針對各情況提供**具體有用的回饋
+**這段程式碼的功能：**
+- **檢查**用戶年齡是否符合投票資格
+- **根據條件結果**執行不同的程式區塊
+- **計算**如果未滿18歲，距離投票資格還有多久
+- **針對每個情況**提供明確有幫助的反饋
 
 ```javascript
-// 第 2 步：使用邏輯運算子設置多重條件
+// 第2步：使用邏輯運算子的多重條件
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,25 +408,25 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**解析這裡發生的事：**
-- **用 `&&`（且）運算子結合多個條件**
-- **用 `else if` 建立多層條件階層處理多種情況**
-- **最後用 `else` 處理所有剩餘可能狀況**
-- **為每種情況提供明確可執行的回饋**
+**把發生的事拆解：**
+- **用** `&&`（且）運算符組合多個條件
+- **用** `else if` 建立多重情況條件階層
+- **用** 最後的 `else` 處理所有可能狀況
+- **為每種狀況**提供明確且可執行的回饋
 
 ```javascript
-// 第三步：使用三元運算子寫簡潔的條件判斷
+// 第3步：使用三元運算符的簡潔條件語句
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**你需要記住：**
-- **用三元運算子（`? :`）處理簡單的兩種條件**
-- **先寫條件，接著 `?`，然後是條件成立結果，接著是 `:`，最後是不成立結果**
-- **當要根據條件賦值時運用此模式**
+**你要記住：**
+- **使用**三元運算子 (`? :`) 處理簡單兩種選項的條件
+- **先寫**條件，後跟 `?`，再是符合條件的結果，接著 `:`，最後是假條件的結果
+- **在需要根據條件指派值時**套用此模式
 
 ```javascript
-// 第4步：處理多個特定情況
+// 第4步：處理多個具體情況
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,53 +446,53 @@ switch (dayOfWeek) {
 }
 ```
 
-**這段程式碼完成的事：**
-- **根據變數值匹配多個具體案例**
-- **將類似案例（平日與週末）分組**
-- **找到匹配時執行對應區塊**
-- **包含 `default` 處理意外值**
-- **用 `break` 阻止程式繼續執行後續案例**
+**這段程式完成：**
+- **將變數值與多個指定案例比對**
+- **將類似案例分組**（工作日與週末）
+- **找到符合案例時**執行相應程式區塊
+- **包含**`default` 案例處理未預期值
+- **用** `break` 防止程式跑到下一案例
 
-> 💡 **現實世界類比**：把控制流程想成世界上最有耐心的 GPS 指路員。它可能說「如果主要幹道塞車，改走高速公路。如果高速公路施工，試試風景路線。」程式用完全相同的條件邏輯，智能地回應不同情況，總給使用者最佳體驗。
+> 💡 **現實世界比喻**：想像控制流程就像世界上最有耐心的 GPS 給你導航。它可能會說「如果主街交通擁擠，就走高速公路；如果高速公路施工，不妨走風景路線。」程式用完全一樣的條件邏輯來智慧回應不同情況，並總是給使用者最佳體驗。
 
-### 🎯 **概念檢視：基礎元素精通**
+### 🎯 **概念檢測：基礎元素掌握**
 
-**讓我們來看看你基礎掌握得如何：**
-- 你能用自己的話解釋變數和陳述句的不同嗎？
-- 想一個現實例子，使用 if-then 決策（就像投票範例）
-- 程式邏輯中，有什麼令你感到意外的事？
+**讓我們看看你對基礎的理解：**
+- 你能用自己的話解釋變數和陳述句的差別嗎？
+- 想一想一個現實生活需要用 if-then 判斷的場景（如投票的例子）
+- 有哪一件關於程式邏輯讓你感到驚喜？
 
-**快速信心提升：**
+**快來增強信心：**
 ```mermaid
 flowchart LR
-    A["📝 陳述<br/>(指令)"] --> B["📦 變量<br/>(儲存)"] --> C["🔀 控制流程<br/>(決策)"] --> D["🎉 工作程式！"]
+    A["📝 陳述式<br/>(指令)"] --> B["📦 變數<br/>(儲存)"] --> C["🔀 控制流程<br/>(決策)"] --> D["🎉 運作中嘅程式！"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-✅ **接著要探討的是**：我們將一起深入挖掘這些概念，展開一段令人興奮的旅程！現在只要感受未來諸多精彩可能帶來的興奮。隨著練習，特定技巧和方法自然會掌握──我保證這比你想像中還更有趣！
+✅ **接下來的內容**：我們會繼續深入這些概念，這趟精彩旅程會讓你玩得痛快！現在先感受對未來所有驚人可能性的興奮，專注於這份好奇心。隨著一起練習，那些技巧和技術會自然內化——我保證這比你想像中還有趣！
 
-## 開發工具
+## 工具寶典
 
-說真的，這裡是我最興奮到快控制不住自己的一部分！🚀 我們將說說那些令人感覺像握到了數位太空船鑰匙的神奇工具。
+說真的，這時我超興奮到快忍不住了！🚀 我們即將談談那些會讓你覺得像拿到數碼太空船鑰匙一樣不可思議的工具。
 
-你知道廚師手中完美平衡、彷彿化身為手的刀具嗎？或是音樂家那把一碰就奏出美妙音符的吉他？開發者也有我們自己的神奇工具，而下面這些會徹底顛覆你的想像──其中大多完全免費！
+你知道廚師為什麼有那一套把刀拿起來就像是手的延伸嗎？又或者一個音樂家總有一把吉他，觸碰時就像它會唱歌？開發者也有我們版本的魔法工具，最讓你震驚的是——它們大多完全免費！
 
-我自己坐立難安想跟你分享這些，因為它們徹底改變了我們打造軟體的方式。我們談的是由 AI 助理撰寫程式碼的工具（我不是開玩笑！）、可以從任何有 Wi-Fi 的地方建立整個應用的雲端環境，還有讓你程式宛如 X 光般透視的偵錯工具。
+想到要分享這些，我就忍不住在椅子上跳起來，因為這些工具徹底改變了我們寫軟體的方式。那些 AI 輔助的寫碼幫手（我不是開玩笑！）、你能用 Wi-Fi 任何地方建構整套應用的雲端環境，以及像有 X 光眼一樣能助你偵錯的高端工具。
 
-震撼的是：這些不是你用一陣子就會丟掉的「新手工具」，它們就是 Google、Netflix 還有你喜歡的獨立應用工作室活躍開發者此刻用的專業級工具。你會用它們感覺像個專家！
+最讓我背脊發涼的是：這些不僅是新手用的工具，你永遠不會用膩。這正是 Google、Netflix，以及你心愛的獨立遊戲工作室此刻正在使用的專業級工具。你用它們會覺得自己超級專業！
 
 ```mermaid
 graph TD
-    A["💡 你的點子"] --> B["⌨️ 程式碼編輯器<br/>(VS Code)"] 
-    B --> C["🌐 瀏覽器開發工具<br/>(測試與除錯)"]
-    C --> D["⚡ 命令列<br/>(自動化與工具)"]
-    D --> E["📚 文件說明<br/>(學習與參考)"]
-    E --> F["🚀 超讚的網頁應用！"]
+    A["💡 你的點子"] --> B["⌨️ 程式編輯器<br/>(VS Code)"] 
+    B --> C["🌐 瀏覽器開發工具<br/>(測試及除錯)"]
+    C --> D["⚡ 指令列<br/>(自動化及工具)"]
+    D --> E["📚 文件資料<br/>(學習及參考)"]
+    E --> F["🚀 驚人的網頁應用！"]
     
-    B -.-> G["🤖 AI 助理<br/>(GitHub Copilot)"]
+    B -.-> G["🤖 AI 助手<br/>(GitHub Copilot)"]
     C -.-> H["📱 裝置測試<br/>(響應式設計)"]
     D -.-> I["📦 套件管理器<br/>(npm, yarn)"]
     E -.-> J["👥 社群<br/>(Stack Overflow)"]
@@ -505,105 +504,105 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### 程式碼編輯器與整合開發環境：你的新數位好夥伴
+### 程式碼編輯器與整合開發環境：你的全新數碼摯友
 
-談談程式碼編輯器──這可真快成為你最愛聚集的地方！把它想成你的程式碼聖地，你會花最多時間在這裡編寫和優化數位創作。
+談談程式碼編輯器——它們很快會成為你最愛的 hangout 地方！把它們想像成你個人的程式創作天堂，你會花大部分時間在這裡雕琢與完善你的數碼作品。
 
-而且現代編輯器超魔法──它們不只是花俏的文本編輯器。它們就像全天候坐在你旁邊、無比聰明而且支持你寫程式的導師。它們會在你發現錯字之前找到它們，建議改善讓你看起來更厲害，還幫你理解每段程式碼在做什麼，其中一些甚至能預測你下一步打什麼與你的想法！
+但現代編輯器的厲害之處是：它們不只是高級文字編輯器。它們就像全年無休、最聰明又超支持你的程式導師。在你察覺之前抓住你的打字錯誤，建議改進讓你看起來像天才，幫助你理解程式每段的作用，甚至有些還能預測你要輸入什麼，主動幫你完成想法！
 
-我還記得第一次發現自動完成功能──感覺彷彿生活在未來。你開始打字，編輯器就跳出來說：「诶，你是不是想用這個，剛好能幫你完成需要的功能？」就像有個心靈感應的程式碼夥伴！
+我記得第一次發現自動補完功能時，真有活在未來的感覺。你開始打字，編輯器立刻說：「嘿，你想用這個剛好符合需求的函式嗎？」就像有個能讀心的 coding 伙伴！
 
-**令這些編輯器不可思議的原因？**
+**這些編輯器怎麼這麼厲害？**
 
-現代程式碼編輯器提供一系列功能，設計來提升你的生產力：
+現代程式碼編輯器提供豐富功能讓你工作更高效：
 
-| 功能 | 功能說明 | 為何有用 |
+| 功能 | 功能說明 | 幫助原因 |
 |---------|--------------|--------------|
-| **語法高亮** | 為程式碼不同部分著色 | 讓程式碼更易讀與找錯 |
-| **自動完成** | 打字時推薦程式碼 | 加快寫程式速度並減少錯字 |
-| **除錯工具** | 幫你找到並修正錯誤 | 節省無數除錯時間 |
-| **擴充功能** | 新增專業化能力 | 讓你能依技術需求客製編輯器 |
-| **AI 助手** | 建議程式碼與解說 | 加速學習與工作效率 |
+| **語法高亮** | 不同程式碼區塊上色 | 讓代碼更易讀，錯誤更易察覺 |
+| **自動補全** | 邊打字邊建議程式碼 | 加快編碼速度，減少錯字 |
+| **偵錯工具** | 幫助找錯與修錯 | 節省大量除錯時間 |
+| **擴充功能** | 添加專業功能 | 針對各種技術客製化編輯器 |
+| **AI 助手** | 建議程式碼與解說 | 加快學習與工作效率 |
 
-> 🎥 **影片資源**：想實際看看這些工具的運作？請觀看這部 [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) 獲得完整介紹。
+> 🎥 **影片資源**：想看看這些工具實際操作？請查閱這個 [工具寶典影片](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 程式碼建議
+- **必備擴充**：
+  - [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) - 抓出程式碼錯字
+  - [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/) - 非常適合學習與分享程式碼
+**雲端 IDE**（價格多樣）
+- [GitHub Codespaces](https://github.com/features/codespaces) - 瀏覽器版完整 VS Code
+- [Replit](https://replit.com/) - 學習與分享程式碼的好選擇
 - [StackBlitz](https://stackblitz.com/) - 即時全端網頁開發
 
-> 💡 **入門建議**：先用 Visual Studio Code──它免費，行業使用率高，社群及教學資源豐富。
+> 💡 **入門建議**：從 Visual Studio Code 開始——它免費、業界廣泛應用，有龐大社群製作教程和擴充。
 
-### 網頁瀏覽器：你的秘密開發實驗室
+### 瀏覽器：你秘密的開發實驗室
 
-準備好徹底被震撼了嗎！你知道一直以來用瀏覽器滑社交媒體和看影片，其實它們藏著一個巨大的秘密開發實驗室？
+準備好被震撼吧！你知道你平時用瀏覽器瀏覽社交媒體和看影片，原來它們一直隱藏著這個超強秘密開發者實驗室嗎？等著你來發掘！
 
-每次你在網頁上點右鍵選「檢查」元素，就是在開啟一個隱藏的開發者工具世界──它們強大到比我以前花大錢買的某些軟體還厲害。就像發現你平凡廚房後面藏著一座專業大廚實驗室的秘密通道！
-第一次有人向我展示瀏覽器 DevTools 時，我花了差不多三個小時一直點來點去，然後不停地說：「等等，原來它仲可以做呢啲嘢？！」你可以即時修改任何網站，準確睇到每樣嘢加載嘅速度，測試你嘅網站喺唔同裝置上嘅效果，甚至可以好似專業人士咁除錯 JavaScript。真係令人嘆為觀止！
+每次你在網頁按右鍵選「檢查元素」，你其實打開了一個隱藏的開發者工具世界，老實說比我以前花大錢買過的軟體還強大。就像發現你的普通廚房背後藏著專業大廚的秘密實驗室一樣！
+第一次有人向我展示瀏覽器 DevTools 時，我大概花了三個小時不停點來點去，然後一直說：「等等，它竟然還能這樣？！」你可以即時編輯任何網站，準確看到所有東西加載的速度，測試你網站在不同裝置上的呈現，甚至可以像專業人士那樣調試 JavaScript。這真的是令人震驚！
 
-**以下係瀏覽器成為你秘密武器嘅原因：**
+**這就是為什麼瀏覽器是你的秘密武器：**
 
-當你建立網站或者網頁應用程式時，你需要睇下佢喺現實世界中嘅外觀同埋行為。瀏覽器唔單止係用嚟顯示你嘅作品，仲會提供有關效能、無障礙性同埋潛在問題嘅詳細反饋。
+當你建立網站或網頁應用程式時，你需要看到它在真實世界中的外觀和行為。瀏覽器不僅展示你的作品，還提供有關效能、無障礙性和潛在問題的詳細反饋。
 
-#### 瀏覽器開發者工具（DevTools）
+#### 瀏覽器開發者工具 (DevTools)
 
-現代瀏覽器包咗全面嘅開發套件：
+現代瀏覽器包含了全面的開發套件：
 
-| 工具類別 | 功能 | 使用範例 |
+| 工具類別 | 功能 | 例子應用場景 |
 |---------------|--------------|------------------|
-| **元素檢查器** | 即時檢視同編輯 HTML/CSS | 調整樣式，立即睇到結果 |
-| **主控台** | 查看錯誤訊息同測試 JavaScript | 除錯問題同試驗代碼 |
-| **網絡監控器** | 跟踪資源加載情況 | 優化效能同載入時間 |
-| **無障礙檢查器** | 測試包容性設計 | 確保網站適合所有用戶使用 |
-| **裝置模擬器** | 預覽不同屏幕尺寸效果 | 測試響應式設計無需多部裝置 |
+| **元素檢查器** | 即時查看和編輯 HTML/CSS | 調整樣式，立即看到結果 |
+| **控制台** | 查看錯誤訊息及測試 JavaScript | 調試問題並試驗程式碼 |
+| **網絡監控** | 追蹤資源加載情況 | 優化效能和加載時間 |
+| **無障礙檢查器** | 測試包容性設計 | 確保網站適合所有用戶 |
+| **裝置模擬器** | 在不同屏幕尺寸上預覽 | 測試響應式設計，不需多個裝置 |
 
-#### 推薦開發用瀏覽器
+#### 推薦的開發瀏覽器
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 業界標準 DevTools，有豐富文檔
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 出色嘅 CSS Grid 同無障礙工具
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - 基於 Chromium，配合微軟開發資源
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 產業標準 DevTools，附有詳細文件
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 出色的 CSS Grid 和無障礙工具
+- **[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年代黑客電影的東西，我肯定不夠聰明！」😅
 
-但我希望當年有人告訴我（而家我就告訴你）：命令行唔驚人──其實好似直接同你嘅電腦對話咁。想像下，叫外賣經過一個有圖有菜單嘅高級app（好方便），同埋行入你最愛嘅本地餐廳，廚師只需你一句「驚喜點啲特別嘢畀我」就整返啱你嘅餐點，兩者完全不一樣。
+但我一直希望當時有人告訴我，現在我要告訴你：命令行並不可怕——它就像和你的電腦進行直接對話一樣。把它想像成與通過華麗有圖片和菜單的應用來點餐（那當然很方便）相比，你走進你最愛的本地餐廳，廚師知道你喜歡什麼，只要你說「驚喜，來點厲害的」就能瞬間做出完美料理。
 
-命令行係開發者感覺自己成為巫師嘅地方。你打幾個似乎好神奇嘅字（好啦，其實就係指令，但佢哋感覺好神奇！），按 enter，嘭──你就建立咗整個項目結構，從全球安裝強大工具，或者把你嘅應用部署到互聯網，畀數百萬人睇到。試過一次嗰種力量，真係令人上癮！
+命令行是開發者覺得自己像魔法師的地方。你打出幾個看似神奇的字（好吧，其實只是命令，但感覺超神奇！），按下 Enter，砰——你就建立了整個專案架構，安裝了全球最強大的工具，或者將你的應用部署到大家都能看到的網絡上。第一次感受到這種力量後，老實說，真的是會上癮的！
 
-**點解命令行會成為你最愛嘅工具：**
+**為什麼命令行會成為你最愛的工具：**
 
-雖然圖形介面好適合好多任務，但命令行擅長自動化、精確同速度。好多開發工具主要透過命令行介面操作，而學懂點高效使用可以大大提升你嘅生產力。
+雖然圖形介面適合很多任務，但命令行在自動化、精準和速度方面非常出色。許多開發工具主要通過命令行操作，學會高效使用它們能大幅提升生產力。
 
 ```bash
-# 第一步：創建並進入專案目錄
+# 第一步：建立並進入專案目錄
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**呢段代碼做緊啲咩：**
-- **建立** 一個叫 "my-awesome-website" 嘅新目錄俾你嘅項目用
-- **進入** 新建立嘅目錄開始工作
+**這段程式碼作用是：**
+- **建立** 一個名為「my-awesome-website」的新目錄給你的專案
+- **進入** 新建立的目錄開始工作
 
 ```bash
 # 第2步：使用 package.json 初始化項目
@@ -614,14 +613,14 @@ 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步：建立專案結構及檔案
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -629,66 +628,66 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 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/)** | JavaScript 執行環境和套件管理 | 瀏覽器外運行 JavaScript，安裝現代開發工具 |
+| **[Vite](https://vitejs.dev/)** | 建構工具和開發伺服器 | 極速開發並支持熱模組替換 |
+| **[ESLint](https://eslint.org/)** | 程式碼品質 | 自動檢查並修復 JavaScript 問題 |
+| **[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)** 💻 - 傳統嘅 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)** 💻 - 傳統 Windows 命令行
 
 **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/)** 💻 - Linux 標準 shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - 進階終端模擬器
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - 標準 Linux Shell
+- **[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 隨時幫助你。凌晨兩點卡關？文件就像虛擬的溫暖擁抱，提供你完整且精確的答案。想學習熱門新功能？文件會有分步範例帶你慢慢理解。試圖搞懂為什麼某事情能那麼運作？你猜對了——文件會用讓你恍然大悟的方式解釋。
 
-有一樣完全改變咗我觀念嘅事情：網頁開發世界發展超級快，冇人（講真，冇一個人！）會把所有嘢記曬。我見過有 15 年經驗以上嘅資深開發者都要查基本語法，知唔知道？呢啲唔係丟人──係明智！唔係靠記憶，而係知道喺邊度好快搵到可靠答案，並且懂得應用。
+有件事徹底改變我的看法：網頁開發世界變化超快，誰都不可能全部都記得。我看過經驗超過15年的資深開發者還是在查基本語法，知道嗎？這不丟臉，反而很聰明！重點不是記憶完美，而是知道去哪裡快速找到可靠答案，且知道怎麼應用。
 
-**魔力就喺呢度：**
+**真正的魔法是：**
 
-專業開發者大量時間用嚟睇文件──唔係因為唔識做，而係網頁開發環境變化太快，要持續學習先跟得上。好文件幫你明白唔單止「點用」，仲有「點解要用」同「幾時用」。
+專業開發者花大量時間看文件，並非不懂，而是因為網頁開發環境變化太快，持續學習保持最新。優質文件幫助你不只是學「怎麼用」，還理解「為什麼用」和「什麼時候用」。
 
-#### 必備文件資源
+#### 關鍵文件資源
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- 網絡技術文件嘅黃金標準
-- 詳盡 HTML、CSS 同 JavaScript 指南
-- 包含瀏覽器兼容性資訊
-- 實用範例同互動演示
+- 為網絡技術文件的黃金標準
+- HTML、CSS 和 JavaScript 的全面指南
+- 包含瀏覽器相容性資訊
+- 提供實用範例與互動示範
 
-**[Web.dev](https://web.dev)** (由 Google 提供)
-- 現代網頁開發最佳實踐
-- 性能優化指南
-- 無障礙同包容性設計原則
-- 實踐案例研究
+**[Web.dev](https://web.dev)** (Google 提供)
+- 現代網頁最佳實踐
+- 效能優化指南
+- 無障礙及包容性設計原則
+- 真實專案案例研究
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge 瀏覽器開發資源
@@ -696,158 +695,160 @@ npx vite
 - 跨平台開發洞見
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- 有系統嘅學習課程
-- 業界專家視頻課程
-- 實操編程練習
+- 有結構的學習課程
+- 業界專家視訊課程
+- 實作編碼練習
 
-> 📚 **學習策略**：唔好死記硬背文件──要學識有效瀏覽。收藏常用參考資料，練習用搜尋功能迅速搵特定訊息。
+> 📚 **學習策略**：別試著背文件——而是學會如何有效導覽。把常用參考標記書籤，練習用搜尋功能快速找到特定資訊。
 
-### 🔧 **工具掌握檢查：你有咩共鳴？**
+### 🔧 **工具掌握檢核：你有什麼共鳴？**
 
-**花啲時間諗吓：**
-- 你最期待先試邊個工具？（冇錯誤答案！）
-- 命令行依然令你驚，定係想了解佢？
-- 你可唔可以想像用瀏覽器 DevTools 去偷睇你最鍾意網站嘅背後？
+**花點時間想想：**
+- 你最想先試用哪個工具？（沒有錯誤答案！）
+- 命令行還讓你覺得害怕嗎？還是開始好奇了？
+- 你能想像用瀏覽器 DevTools 去窺探你最愛網站的幕後嗎？
 
 ```mermaid
 pie title "開發者使用工具時間分佈"
-    "程式碼編輯器" : 40
+    "代碼編輯器" : 40
     "瀏覽器測試" : 25
     "命令行" : 15
     "閱讀文件" : 15
     "除錯" : 5
 ```
-> **有趣嘅見解**：大多數開發者約有 40% 嘅時間喺代碼編輯器度，但你有冇留意測試、學習同問題解決花咗幾多時間？編程唔單止係寫代碼——係塑造體驗！
+> **趣味洞察**：大多數開發者花約40%時間在程式碼編輯器，但也別忘了花很多時間在測試、學習與解決問題。編程不只是寫程式碼，而是創造經驗！
 
-✅ **思考題**：諗吓有趣嘅嘢──你認為開發網站用嘅工具（開發）同用嚟設計網站外觀嘅工具（設計）會有咩分別？就好似建築師設計靚屋，跟承包商建嗰間屋一樣。兩個都重要，但要用唔同嘅工具箱！呢種思考會幫助你睇清網站點樣誕生嘅大局。
+✅ **思考食糧**：有趣的觀點在這——你覺得用於建構網站（開發）的工具和設計它外觀的工具會有什麼不同？這就像建築師設計美麗房子和承包商實際建造的差別。兩者同等重要，但需要不同工具！這種思維會幫助你看到網站誕生的整體圖景。
 
-## GitHub Copilot Agent 挑戰 🚀
+## GitHub Copilot 代理人挑戰 🚀
 
-用 Agent 模式完成以下挑戰：
+使用代理人模式完成以下挑戰：
 
-**描述：** 探索現代代碼編輯器或 IDE 嘅功能，展示佢點樣提升你作為網頁開發者嘅工作流程。
+**描述：** 探索現代程式碼編輯器或 IDE 的功能，展示它如何提升你的網頁開發工作流程。
 
-**提示：** 揀一個代碼編輯器或 IDE（例如 Visual Studio Code、WebStorm 或雲端 IDE）。列出三個幫助你更有效率寫代碼、除錯或維護代碼嘅功能或擴展。對每個功能，提供簡短說明講解佢點樣增強你嘅工作效率。
+**提示：** 選擇一個程式碼編輯器或 IDE（例如 Visual Studio Code、WebStorm 或雲端 IDE）。列出三個幫助你更高效編寫、調試或維護程式碼的功能或擴充套件。並簡短說明它們如何助益你的工作流程。
 
 ---
 
 ## 🚀 挑戰
 
-**好啦，偵探，你準備好攪第一宗案未？**
+**好的，偵探，準備好接受你的第一個案件了嗎？**
 
-依家你有咗呢個超棒嘅基礎，我會畀你一個冒險，幫你見識到編程世界嘅多元同精采。聽好──呢個唔係寫代碼嘅挑戰，所以唔使擔心！想像自己係編程語言嘅偵探，展開你第一單振奮人心嘅案件！
+既然你有了這扎實的基礎，接下來有個冒險要讓你看到編程世界究竟多樣又迷人。聽著——現在還不用寫程式，別緊張！把自己當作編程語言偵探，解決你第一個令人興奮的案件！
 
-**你嘅任務，如果你願意接受：**
-1. **成為語言探索者**：揀三種完全唔同領域嘅編程語言——可能一個用嚟建網站，一個做手機 app，一個用嚟處理科學數據。找出同一個簡單任務喺佢哋嘅寫法。保證你會超乎想像佢哋雖然做同樣嘢，表達可以咁唔同！
+**你的任務，如果你願意接受：**
+1. **成為語言探險家**：從完全不同的領域挑選三種程式語言——可能一個用於建網站，一個做移動應用，一個做科學數據處理。找找同一個簡單任務用每種語言寫成的範例。我保證你會驚訝它們用不同方式做同樣的事！
 
-2. **揭開佢哋嘅故事**：每個語言有咩特色？有趣嘅係，每種語言背後都係因為有人覺得「有冇更好方法解決呢個具體問題？」你能唔能搵出嗰啲問題係咩？啲故事好精彩㗎！
+2. **揭開起源故事**：每種語言有什麼特別之處？酷的是——每種程式語言都是因為有人想，「你看，有沒有更好方法解決這個特定問題？」你能找出那些問題是什麼嗎？有些故事非常有趣！
 
-3. **認識社群**：睇吓每個語言嘅社群係點樣熱情同支持成員。有啲有幾百萬名開發者分享知識，有啲雖然細細，但超級緊密而且支援力十足。睇吓佢哋性格點，好打開眼界！
+3. **認識社群**：看看每種語言的社群有多熱情和包容。有些有數百萬開發者分享知識互助，有些規模較小但非常緊密又支持彼此。你會愛上不同社群的個性！
 
-4. **跟隨直覺**：而家邊個語言最吸引你？唔好擔心揀「完美」──聽住你直覺就得！無錯誤答案，將來你可以慢慢探索其他語言。
+4. **聽從直覺**：現在你覺得哪個語言最有親切感？別擔心要選「完美」答案，只要聽你的直覺！真心說沒有錯答案，以後你還可以繼續探索其他語言。
 
-**額外偵探技巧**：試搵吓每個語言有咩大型網站或應用係用佢寫嘅。我保證你會震驚發現 Instagram、Netflix，甚至係嗰個停唔到玩嘅手機遊戲係用邊種語言做嘅！
+**額外偵探工作**：看看你能否發現各語言打造的著名網站或應用有哪些。保證你會驚訝 Instagram、Netflix 或你玩到停不下來的手機遊戲背後用的語言！
 
-> 💡 **記住**：你唔係想今日成為專家，只係想先認識吓個社區，之後再決定喺邊度安家。慢慢嚟，玩得開心，畀好奇心帶領你！
+> 💡 **記得**：今天你不是要成為任何語言專家，而是先熟悉環境，看看你想在哪裡安身立命。慢慢來，玩得開心，讓好奇心帶領你！
 
-## 一齊慶祝你嘅發現！
+## 一起慶祝你發現的成果！
 
-嘩，你今日吸收咗好多精彩資訊！我非常興奮見到你同行呢個奇妙旅程嘅收穫。記住──呢唔係測驗唔使做到完美，反而係慶祝你認識到呢個奇妙世界嘅所有精彩嘢！
+哇，你今天吸收了好多精彩資訊！我真心期待看到你記住了多少這段不可思議的旅程。記得——這不是考試，不用完美。這是慶祝你學習到這個迷人世界裡所有酷東西的時刻！
 
-[參加課後測驗](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/)。不要害怕嘗試——你不會壞掉什麼東西！
-- 閱讀你最喜愛的語言是如何誕生的。認真說，有些語言的起源故事非常有趣，能幫助你理解語言為什麼會那樣運作。
+**親自動手體驗程式語言：**
+- 訪問 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/) 追蹤一些開發者社群。程式設計社群對新手非常友善！
-- 在 YouTube 看一些適合初學者的程式教學影片。那裡有很多優秀的創作者，懂得新手的感受。
-- 思考加入本地的見面會或線上社群。相信我，開發者們都很樂意幫助新手！
+- 在 [Dev.to](https://dev.to/)、[Stack Overflow](https://stackoverflow.com/) 或 [GitHub](https://github.com/) 關注一些開發者社群。程式設計社群對新手非常友善！
+- 在 YouTube 觀看一些適合初學者的程式教學影片。很多創作者都懂得初學者的心情，非常值得一看。
+- 考慮參加本地聚會或線上社群。相信我，開發者很樂意幫助新手！
+
+> 🎯 **請牢記，我希望你記得的是**：你不必一夜之間成為編程高手！現在，你只是開始認識這個即將成為你一部分的奇妙新世界。慢慢來，享受這段旅程，並記住——你崇拜的每一位開發者，都曾經正坐在你現在的位置，既興奮又可能有點不知所措。這是完全正常的，表示你正走在正確的路上！
+
 
-> 🎯 **聽著，請記得這點**：你不需要一夜之間成為程式高手！現在你只是開始認識這個你即將成為一份子的精彩新世界。慢慢來，享受這段旅程，並記得——每一位你敬佩的開發者，曾經都坐在你現在的位置上，感到興奮並可能有些不知所措。這非常正常，這表示你做得很對！
 
-## 作業
+## Assignment
 
 [Reading the Docs](assignment.md)
 
-> 💡 **給你作業的小提醒**：我非常想看到你探索一些我們還沒提過的工具！跳過已討論過的編輯器、瀏覽器和指令列工具——這個世界上有一整個令人驚嘆的開發工具宇宙在等你去發現。尋找那些活躍維護且社群活躍、樂於助人的工具（這些通常有最棒的教學，當你卡關時也最有人幫忙）。
+> 💡 **給你的作業小提示**：我非常期待看到你探索一些我們還未介紹過的工具！跳過我們已經提過的編輯器、瀏覽器和命令列工具，這裡有整個令人驚嘆的開發工具宇宙正等待著你去發掘。尋找那些仍在積極維護，且有活躍且有幫助的社群（這些通常有最佳教學，且當你卡住時會有熱心的人伸出援手）。
 
 ---
 
-## 🚀 你的程式之旅時間表
+## 🚀 你的程式學習旅程時間表
 
-### ⚡ **接下來 5 分鐘你可以做什麼**
-- [ ] 收藏 2-3 個引起你注意的程式語言網站
-- [ ] 如果還沒下載，立刻安裝 Visual Studio Code
-- [ ] 打開瀏覽器的 DevTools (F12)，隨便點點瀏覽任何網站
+### ⚡ **接下來 5 分鐘可以做的事**
+- [ ] 收藏 2 至 3 個吸引你注意的程式語言網站
+- [ ] 如果還沒下載 Visual Studio Code，現在下載它
+- [ ] 打開瀏覽器的 DevTools（F12），隨便點擊任何網站看看
 - [ ] 加入一個程式社群（Dev.to、Reddit r/webdev 或 Stack Overflow）
 
-### ⏰ **接下來 1 小時你可以完成什麼**
-- [ ] 完成課後小測驗並思考你的答案
-- [ ] 設定 VS Code，安裝 GitHub Copilot 擴充套件
-- [ ] 線上用兩種不同程式語言試寫「Hello World」範例
-- [ ] 觀看一支「開發者的一天」YouTube 影片
-- [ ] 開始你的程式語言調查工作（挑戰中提到的）
+### ⏰ **這一小時可以完成的事**
+- [ ] 完成課程後小測驗並反思你的答案
+- [ ] 安裝 GitHub Copilot 擴充到 VS Code
+- [ ] 在線上用兩種不同程式語言寫一個「Hello World」範例
+- [ ] 觀看一支「開發者的一天」的 YouTube 影片
+- [ ] 開始你的程式語言偵探工作（來自挑戰）
 
-### 📅 **你的一週冒險**
-- [ ] 完成作業並探索 3 個新的開發工具
+### 📅 **你的一週冒險計畫**
+- [ ] 完成作業並探索 3 種新的開發工具
 - [ ] 在社群媒體追蹤 5 位開發者或程式帳號
-- [ ] 在 CodePen 或 Replit 嘗試建構一個小作品（哪怕只是說「Hello, [你的名字]！」）
-- [ ] 閱讀一篇開發者部落格文章，了解他人的程式歷程
-- [ ] 參加一次線上見面會或觀看程式主題講座
-- [ ] 使用線上教學開始學習你選擇的程式語言
+- [ ] 嘗試在 CodePen 或 Replit 製作一些小作品（即使只是「Hello, [你的名字]！」）
+- [ ] 閱讀一篇開發者的程式旅程部落格文章
+- [ ] 參加線上聚會或觀看程式講座
+- [ ] 用線上教程開始學習你選的語言
 
-### 🗓️ **你的一個月蛻變**
-- [ ] 建造你的第一個小專案（就算是一個簡單的網頁也算！）
-- [ ] 為開源專案做出貢獻（可以從文件修正開始）
-- [ ] 輔導一名剛開始學程式的新手
-- [ ] 建立你的開發者作品集網站
-- [ ] 與當地開發者社群或讀書會建立連結
-- [ ] 開始規劃下一個學習里程碑
+### 🗓️ **你的一個月蛻變計畫**
+- [ ] 建立你的第一個小專案（連簡單網頁也算！）
+- [ ] 貢獻一個開源專案（從修正文檔開始）
+- [ ] 指導一個剛開始程式旅程的人
+- [ ] 建立你的開發者個人作品集網站
+- [ ] 與本地開發者社群或讀書會建立連結
+- [ ] 開始規劃你的下一個學習目標
 
-### 🎯 **最終反思檢視**
+### 🎯 **最後的反思檢視**
 
 **在繼續前，花點時間慶祝：**
-- 今天有什麼程式相關的事讓你感到興奮？
-- 你想先探索哪一個工具或概念？
-- 你對開始這段程式之旅有什麼感覺？
-- 你現在最想問開發者什麼問題？
+- 今天關於程式設計，有什麼事情讓你感到興奮？
+- 哪個工具或概念是你想先探索的？
+- 你對開始這個程式旅程有什麼感覺？
+- 現在你想問一位開發者什麼問題？
 
 ```mermaid
 journey
     title 你的信心建立旅程
     section 今天
-      好奇: 3: 你
-      不知所措: 4: 你
-      興奮: 5: 你
+      好奇: 3: You
+      不知所措: 4: You
+      興奮: 5: You
     section 本週
-      探索: 4: 你
-      學習: 5: 你
-      聯繫: 4: 你
+      探索: 4: You
+      學習: 5: You
+      聯繫: 4: You
     section 下個月
-      建立: 5: 你
-      自信: 5: 你
-      幫助他人: 5: 你
+      建立: 5: You
+      自信: 5: You
+      幫助他人: 5: You
 ```
-> 🌟 **記住**：每個專家都曾是初學者。每位資深開發者都曾經有和你一樣的感覺——興奮，可能有點不知所措，並且對未來充滿好奇。你有很棒的夥伴，這段旅程將會非常精彩。歡迎來到奇妙的程式世界！🎉
+> 🌟 **記得**：每位專家曾經都是初學者。每位資深開發者都曾經有過你現在的感覺——興奮、或許有點不知所措，並且充滿對可能性的好奇。你正處於美妙的環境中，這趟旅程將會非常精彩。歡迎來到奇妙的程式世界！🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件由 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於翻譯準確性，但請注意自動翻譯可能包含錯誤或不準確之處。原始文件的原文版本應視為權威來源。對於重要資訊，建議使用專業人工翻譯。我們不對因使用本翻譯而引起的任何誤解或誤譯負責。
+本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻譯而成。雖然我們致力於確保準確性，但請注意自動翻譯可能包含錯誤或不準確之處。原始文件之母語版本應為權威依據。對於重要資訊，建議聘請專業人工翻譯。本公司對因使用此翻譯而引致之任何誤解或曲解不負任何責任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-HK/AGENTS.md b/translations/zh-HK/AGENTS.md
index 65d6dc653..f1fcc4994 100644
--- a/translations/zh-HK/AGENTS.md
+++ b/translations/zh-HK/AGENTS.md
@@ -2,27 +2,27 @@
 
 ## Project Overview
 
-這是一個教育課程倉庫，用於教授初學者網頁開發基礎。該課程由 Microsoft Cloud Advocates 開發，是一個為期12週的綜合課程，包含24堂實作課程，涵蓋 JavaScript、CSS 和 HTML。
+這是一個教導初學者網頁開發基礎的教育課程資料庫。此課程是一個由 Microsoft Cloud Advocates 開發的完整 12 週課程，包含 24 節涵蓋 JavaScript、CSS 和 HTML 的實作課程。
 
 ### Key Components
 
-- **教育內容**：24堂結構化課程，組織成以專案為基礎的模組
-- **實作專案**：溫室模擬器、打字遊戲、瀏覽器擴充功能、太空遊戲、銀行應用、程式碼編輯器及 AI 聊天助理
-- **互動測驗**：48個測驗，每個3題（課前／課後評估）
-- **多語言支援**：透過 GitHub Actions 自動翻譯超過50種語言
-- **技術棧**：HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（用於 AI 專案）
+- **教育內容**：24 節結構化課程，按專案模組組織
+- **實作專案**：生態缸、打字遊戲、瀏覽器擴充套件、太空遊戲、銀行應用程式、程式碼編輯器和 AI 聊天助理
+- **互動測驗**：48 小測驗，每個包含 3 題（課程前後評估）
+- **多語言支援**：透過 GitHub Actions 自動翻譯超過 50 種語言
+- **技術**：HTML、CSS、JavaScript、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,8 +36,8 @@ cd Web-Dev-For-Beginners
 ```bash
 cd quiz-app
 npm install
-npm run dev        # 啟動開發伺服器
-npm run build      # 建置生產版本
+npm run dev        # 開始開發伺服器
+npm run build      # 編譯生產環境版本
 npm run lint       # 執行 ESLint
 ```
 
@@ -47,7 +47,7 @@ npm run lint       # 執行 ESLint
 cd 7-bank-project/api
 npm install
 npm start          # 啟動 API 伺服器
-npm run lint       # 運行 ESLint
+npm run lint       # 執行 ESLint
 npm run format     # 使用 Prettier 格式化
 ```
 
@@ -56,7 +56,7 @@ npm run format     # 使用 Prettier 格式化
 ```bash
 cd 5-browser-extension/solution
 npm install
-# 遵循瀏覽器專屬的擴充功能載入指引
+# 遵循瀏覽器特定的擴充功能載入指示
 ```
 
 ### Space Game Projects
@@ -64,7 +64,7 @@ npm install
 ```bash
 cd 6-space-game/solution
 npm install
-# 於瀏覽器中開啟 index.html 或使用 Live Server
+# 在瀏覽器中打開 index.html 或使用實時伺服器
 ```
 
 ### Chat Project (Python Backend)
@@ -81,28 +81,28 @@ python api.py
 ### For Content Contributors
 
 1. **Fork 倉庫** 至您的 GitHub 帳號
-2. **Clone 您的 fork** 至本地
-3. **建立新分支** 以提交更改
+2. **Clone 您的 fork** 至本地端
+3. **建立新分支** 以做出變更
 4. 修改課程內容或程式碼範例
-5. 在相關專案資料夾測試程式碼更動
-6. 遵循貢獻指南提交 pull request
+5. 在相關專案目錄測試任何程式碼變更
+6. 依貢獻指南提交 pull request
 
 ### For Learners
 
-1. Fork 或 clone 此倉庫
-2. 依序瀏覽課程資料夾
-3. 閱讀每課的 README 檔案
+1. Fork 或 clone 這個倉庫
+2. 按順序進入課程目錄
+3. 閱讀每課程的 README 文件
 4. 在 https://ff-quizzes.netlify.app/web/ 完成課前測驗
-5. 練習課程中的程式碼範例
-6. 完成作業與挑戰
-7. 參加課後測驗
+5. 練習課程資料夾內的程式碼範例
+6. 完成作業及挑戰
+7. 完成課後測驗
 
 ### Live Development
 
-- **文件**：在根目錄執行 `docsify serve`（預設埠號 3000）
-- **測驗應用**：在 quiz-app 目錄執行 `npm run dev`
-- **專案**：對 HTML 專案使用 VS Code 的 Live Server 擴充
-- **API 專案**：在相應 API 目錄執行 `npm start`
+- **文件**：在根目錄執行 `docsify serve`（預設端口 3000）
+- **Quiz App**：在 quiz-app 資料夾執行 `npm run dev`
+- **專案**：使用 VS Code Live Server 擴充套件啟動 HTML 專案
+- **API 專案**：在相應 API 資料夾執行 `npm start`
 
 ## Testing Instructions
 
@@ -111,7 +111,7 @@ python api.py
 ```bash
 cd quiz-app
 npm run lint       # 檢查代碼風格問題
-npm run build      # 確認建置成功
+npm run build      # 驗證構建是否成功
 ```
 
 ### Bank API Testing
@@ -119,79 +119,79 @@ 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`
-- 驗證 markdown 連結有效
-- 在瀏覽器或 Node.js 中測試程式碼範例
-- 確認翻譯結構正確
+- 驗證 markdown 連結的有效性
+- 瀏覽器或 Node.js 中測試程式碼範例
+- 確認翻譯保持正確結構
 
 ## Code Style Guidelines
 
 ### JavaScript
 
 - 使用現代 ES6+ 語法
-- 遵循專案提供的 ESLint 標準配置
-- 使用具意義的變數與函式名稱，利於教學理解
-- 加入說明性註解方便學習者
-- 在有設定的地方使用 Prettier 格式化
+- 遵循專案中的標準 ESLint 配置
+- 使用具意義的變數和函式名稱以增進教育清晰度
+- 加入說明概念的註解給學習者
+- 使用已配置的 Prettier 進行格式化
 
 ### HTML/CSS
 
-- 使用語意化的 HTML5 元素
-- 採用響應式設計原則
-- 清晰的類別命名慣例
-- 用註解說明 CSS 技巧便於學習
+- 使用語意化 HTML5 元素
+- 響應式設計原則
+- 清晰的類別命名規範
+- 加入說明 CSS 技巧的註解供學習者理解
 
 ### Python
 
-- 遵守 PEP 8 風格指南
-- 範例程式碼簡潔且具教育意義
-- 必要時使用型別提示，輔助學習
+- 遵循 PEP 8 風格指南
+- 清晰且具教育意義的程式碼範例
+- 適時使用型別提示以輔助學習
 
 ### Markdown Documentation
 
-- 清晰的標題結構層級
-- 程式碼區塊標明語言
-- 提供額外資源連結
-- 在 `images/` 目錄放置截圖與圖片
-- 圖片有替代文字以符合無障礙要求
+- 清楚的標題層級
+- 使用指定語言的程式碼區塊
+- 連結至額外資源
+- 在 `images/` 目錄中放置截圖與圖片
+- 圖片使用替代文字提高可及性
 
 ### File Organization
 
 - 課程依序編號（1-getting-started-lessons、2-js-basics 等）
-- 每個專案有 `solution/`，常見還有 `start/` 或 `your-work/` 目錄
-- 圖片存放於各課獨立 `images/` 資料夾
-- 翻譯置於 `translations/{language-code}/` 結構
+- 每個專案含有 `solution/`，並通常有 `start/` 或 `your-work/`
+- 圖片存放於課程專屬的 `images/` 資料夾
+- 翻譯存放在 `translations/{語言代碼}/` 結構中
 
 ## 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/ 資料夾
-# 當推送至 main 時透過 GitHub Actions 工作流程部署
+# 在推送至 main 時，透過 GitHub Actions 工作流程部署
 ```
 
 Azure Static Web Apps 配置：
-- **App 位置**：`/quiz-app`
-- **輸出位置**：`dist`
-- **工作流程**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **App location**：`/quiz-app`
+- **Output location**：`dist`
+- **Workflow**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
 ### Documentation PDF Generation
 
@@ -209,19 +209,19 @@ 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] 修正溫室模擬器專案中的錯字`
-- `[Translation] 新增第5課西班牙文翻譯`
-- `[Docs] 更新環境設定說明`
+- `[Quiz-app] 為第 X 課新增測驗`
+- `[Lesson-3] 修正生態缸專案錯字`
+- `[Translation] 新增第 5 課西班牙語翻譯`
+- `[Docs] 更新設定說明`
 
 ### Required Checks
 
@@ -229,54 +229,54 @@ docsify serve                 # 在 localhost:3000 提供服務
 
 1. **程式碼品質**：
    - 在受影響專案目錄執行 `npm run lint`
-   - 修正所有 lint 錯誤與警告
+   - 修正所有 lint 錯誤和警告
 
 2. **建置驗證**：
-   - 如適用執行 `npm run build`
+   - 執行 `npm run build`（若適用）
    - 確保無建置錯誤
 
-3. **連結檢查**：
+3. **連結驗證**：
    - 測試所有 markdown 連結
-   - 確認圖片引用正常
+   - 驗證圖片路徑正確
 
 4. **內容審核**：
-   - 拼字與文法校對
-   - 確保程式碼範例正確且具教育意義
-   - 驗證翻譯維持原意
+   - 校對拼字與文法
+   - 確認程式碼範例正確且具教育性
+   - 確認翻譯保持原意
 
 ### Contribution Requirements
 
-- 同意 Microsoft CLA（首次 PR 自動檢查）
-- 遵守 [Microsoft 開源行為守則](https://opensource.microsoft.com/codeofconduct/)
+- 同意 Microsoft CLA（首次 PR 會自動檢查）
+- 遵守 [Microsoft 共用開源行為準則](https://opensource.microsoft.com/codeofconduct/)
 - 詳細指南請見 [CONTRIBUTING.md](./CONTRIBUTING.md)
-- 如有議題，請在 PR 說明中參考議題編號
+- 若有，請在 PR 描述中提及議題編號
 
 ### Review Process
 
-- PR 由維護者與社群共同審核
-- 優先考慮教學清晰度
-- 程式碼範例應符合當前最佳實踐
-- 翻譯審核準確且符合文化習慣
+- PR 由維護者與社群審查
+- 優先考量教育清晰度
+- 程式碼範例須符合現行最佳實踐
+- 翻譯需審核準確度與文化適應性
 
 ## Translation System
 
 ### Automated Translation
 
 - 使用 GitHub Actions 搭配 co-op-translator 工作流程
-- 自動翻譯超過50種語言
-- 原始檔案在主目錄
-- 翻譯檔在 `translations/{language-code}/`
+- 自動翻譯超過 50 種語言
+- 原始檔藏於主目錄
+- 翻譯檔藏於 `translations/{語言代碼}/` 目錄
 
 ### Adding Manual Translation Improvements
 
-1. 找到 `translations/{language-code}/` 內檔案
-2. 在保留結構的前提下改善翻譯
-3. 確保程式碼範例功能正常
-4. 測試當地化測驗內容
+1. 尋找 `translations/{語言代碼}/` 中的檔案
+2. 進行改善，並保持結構完整
+3. 確保程式碼範例持續正常
+4. 測試任何在地化的測驗內容
 
 ### Translation Metadata
 
-翻譯檔包含元資料標頭：
+譯文檔包含元資料標頭：
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -294,84 +294,84 @@ CO_OP_TRANSLATOR_METADATA:
 ### 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` 安裝所有依賴
+- 確認埠口未被佔用
+- 確保執行 `npm install` 安裝所有依賴
 
-**瀏覽器擴充功能無法載入**：
-- 驗證 manifest.json 格式正確
-- 檢查瀏覽器主控台錯誤訊息
-- 遵守瀏覽器擴充安裝指引
+**瀏覽器擴充套件無法載入**：
+- 確認 manifest.json 格式正確
+- 查看瀏覽器主控台錯誤訊息
+- 遵循各瀏覽器特定擴充安裝指引
 
 **Python 聊天專案問題**：
-- 確保已安裝 OpenAI 套件：`pip install openai`
-- 確認 GITHUB_TOKEN 環境變數有設定
-- 檢查 GitHub Models 存取權限
+- 確認已安裝 OpenAI 套件：`pip install openai`
+- 確認 GITHUB_TOKEN 環境變數已設定
+- 檢查 GitHub Models 的存取權限
 
-**Docsify 無法提供文件**：
-- 全域安裝 docsify-cli：`npm install -g docsify-cli`
+**Docsify 不讀取文件**：
+- 全局安裝 docsify-cli：`npm install -g docsify-cli`
 - 從倉庫根目錄執行
-- 確認 `docs/_sidebar.md` 存在
+- 確認存在 `docs/_sidebar.md`
 
 ### Development Environment Tips
 
-- HTML 專案使用 VS Code 搭配 Live Server 擴充
-- 安裝 ESLint 和 Prettier 擴充以保持格式一致
-- 使用瀏覽器開發工具除錯 JavaScript
-- Vue 專案安裝 Vue DevTools 瀏覽器擴充
+- 使用 VS Code 搭配 Live Server 擴充套件開發 HTML 專案
+- 安裝 ESLint 和 Prettier 擴充套件維持一致格式
+- 使用瀏覽器開發者工具除錯 JavaScript
+- Vue 專案安裝 Vue DevTools 瀏覽器擴充套件
 
 ### Performance Considerations
 
-- 由於有大量翻譯檔（50+語言），完整 clone 檔案量大
-- 如只需內容，使用淺層 clone：`git clone --depth 1`
-- 在編輯英文內容時排除翻譯資料夾搜尋
-- 初次執行建置流程較慢（npm install、Vite build）
+- 支援超過 50 種語言的翻譯檔案多，完整克隆檔案較大
+- 對內容作業者可使用淺層克隆：`git clone --depth 1`
+- 作英文內容時建議排除翻譯目錄以提升搜尋效率
+- 第一次運行建置流程可能較慢（npm install、Vite 建置）
 
 ## Security Considerations
 
 ### Environment Variables
 
-- API 金鑰不可提交至倉庫
-- 使用 `.env` 檔案（已在 `.gitignore` 中）
-- 各專案 README 文檔需記錄必要環境變數
+- API 金鑰絕不可提交至版本庫
+- 使用 `.env` 檔案（已有列入 `.gitignore`）
+- 各專案 README 文件說明必須的環境變數
 
 ### Python Projects
 
 - 使用虛擬環境：`python -m venv venv`
-- 定期更新依賴套件
-- GitHub Token 權限需最小化
+- 維持依賴最新
+- GitHub token 授權應儘量精簡
 
 ### GitHub Models Access
 
-- GitHub Models 需個人存取權杖（PAT）
-- Token 應設為環境變數儲存
-- 禁止提交 token 或憑證
+- 使用個人存取權杖（PAT）作為 GitHub Models 存取憑證
+- 權杖應儲存於環境變數中
+- 禁止將權杖或憑證提交至版本庫
 
 ## Additional Notes
 
 ### Target Audience
 
-- 完全沒有網頁開發經驗者
+- 完全初學者的網頁開發學習者
 - 學生與自學者
-- 使用此課程的教師
-- 內容設計注重無障礙與循序漸進技能養成
+- 在課堂使用此課程的教師
+- 內容設計兼顧可及性及漸進式技能建立
 
 ### Educational Philosophy
 
-- 以專案為主軸的學習方法
-- 頻繁知識檢測（測驗）
+- 專案導向學習法
+- 頻繁的知識檢核（測驗）
 - 實作程式練習
-- 引入現實應用案例
-- 以基礎為主、框架為輔
+- 真實場景應用範例
+- 著重基礎優先於框架
 
 ### Repository Maintenance
 
-- 積極的學習者與貢獻者社群
+- 擁有活躍學習與貢獻社群
 - 定期更新依賴與內容
 - 維護者監控議題與討論
 - 翻譯更新自動化透過 GitHub Actions
@@ -381,28 +381,28 @@ CO_OP_TRANSLATOR_METADATA:
 - [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、資料科學、機器學習、物聯網課程皆可用
+- 其他課程：生成式 AI、資料科學、機器學習、物聯網課程
 
 ### Working with Specific Projects
 
-詳細專案操作說明請見：
+個別專案詳細說明請參考 README：
 - `quiz-app/README.md` - Vue 3 測驗應用
-- `7-bank-project/README.md` - 含認證的銀行應用
-- `5-browser-extension/README.md` - 瀏覽器擴充功能開發
+- `7-bank-project/README.md` - 加入驗證的銀行應用程式
+- `5-browser-extension/README.md` - 瀏覽器擴充套件開發
 - `6-space-game/README.md` - 基於 Canvas 的遊戲開發
 - `9-chat-project/README.md` - AI 聊天助理專案
 
 ### Monorepo Structure
 
-此倉庫非典型 monorepo，但包含多個獨立專案：
-- 每堂課均自成一格
-- 專案間無共享依賴
-- 可分別開發不影響其他專案
-- 若需完整課程體驗，請完整 clone 倉庫
+雖非典型 monorepo，但此資料庫包含多個獨立專案：
+- 每堂課自行封裝
+- 專案間不共用依賴
+- 個別專案獨立開發不互相影響
+- 想學完完整課程，請 clone 整個倉庫
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**免責聲明**：
-本文件使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們力求準確，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。如涉及重要資訊，建議採用專業人工翻譯。我們對因使用本翻譯而產生的任何誤解或曲解概不負責。
+**免責聲明**：  
+本文件使用人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我們致力於提供準確的翻譯，請注意，自動翻譯可能包含錯誤或不準確之處。原始文件以其本地語言版本為最具權威性的資料來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而引起的任何誤解或誤譯承擔責任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-HK/README.md b/translations/zh-HK/README.md
index 4f8ed4e66..ca214f96c 100644
--- a/translations/zh-HK/README.md
+++ b/translations/zh-HK/README.md
@@ -10,202 +10,209 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# 入門網頁開發課程
+# 初學者網頁開發課程大綱
 
-透過 Microsoft Cloud Advocates 主辦的 12 週全面課程，學習網頁開發的基礎。24 節課程中涵蓋了 JavaScript、CSS 和 HTML，並透過實作項目如玻璃容器、瀏覽器擴展程式及太空遊戲深入學習。參與測驗、討論及實務作業。透過有效的以專案為導向教學法，提高技能並優化知識吸收。立即開始您的程式設計之旅！
+由 Microsoft Cloud Advocates 提供的 12 週全面課程，讓你學習網頁開發基礎。24 堂課程深入介紹 JavaScript、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. **Clone 這個專案庫**：   `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**加入 Azure AI Foundry Discord，與專家和其他開發者交流**](https://discord.com/invite/ByRwuEEgH4)
 
 ### 🌐 多語言支援
 
-#### 透過 GitHub Action 支援（自動化及隨時更新）
+#### 透過 GitHub Action 支援（自動且持續更新）
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](./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](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+[阿拉伯語](../ar/README.md) | [孟加拉語](../bn/README.md) | [保加利亞語](../bg/README.md) | [緬甸語](../my/README.md) | [中文（簡體）](../zh-CN/README.md) | [中文（繁體，香港）](./README.md) | [中文（繁體，澳門）](../zh-MO/README.md) | [中文（繁體，台灣）](../zh-TW/README.md) | [克羅地亞語](../hr/README.md) | [捷克語](../cs/README.md) | [丹麥語](../da/README.md) | [荷蘭語](../nl/README.md) | [愛沙尼亞語](../et/README.md) | [芬蘭語](../fi/README.md) | [法語](../fr/README.md) | [德語](../de/README.md) | [希臘語](../el/README.md) | [希伯來語](../he/README.md) | [印地語](../hi/README.md) | [匈牙利語](../hu/README.md) | [印尼語](../id/README.md) | [義大利語](../it/README.md) | [日語](../ja/README.md) | [坎納達語](../kn/README.md) | [韓語](../ko/README.md) | [立陶宛語](../lt/README.md) | [馬來語](../ms/README.md) | [馬拉雅拉姆語](../ml/README.md) | [馬拉地語](../mr/README.md) | [尼泊爾語](../ne/README.md) | [奈及利亞皮欽語](../pcm/README.md) | [挪威語](../no/README.md) | [波斯語（法爾西語）](../fa/README.md) | [波蘭語](../pl/README.md) | [葡萄牙語（巴西）](../pt-BR/README.md) | [葡萄牙語（葡萄牙）](../pt-PT/README.md) | [旁遮普語（古魯穆奇）](../pa/README.md) | [羅馬尼亞語](../ro/README.md) | [俄語](../ru/README.md) | [塞爾維亞語（西里爾文）](../sr/README.md) | [斯洛伐克語](../sk/README.md) | [斯洛文尼亞語](../sl/README.md) | [西班牙語](../es/README.md) | [斯瓦希里語](../sw/README.md) | [瑞典語](../sv/README.md) | [他加祿語（菲律賓語）](../tl/README.md) | [泰米爾語](../ta/README.md) | [泰盧固語](../te/README.md) | [泰語](../th/README.md) | [土耳其語](../tr/README.md) | [烏克蘭語](../uk/README.md) | [烏爾都語](../ur/README.md) | [越南語](../vi/README.md)
 
-> **想本地克隆嗎？**
-
-> 此儲存庫含有 50 多種語言翻譯，會大幅增加下載大小。若想不含翻譯克隆，請使用稀疏簽出：
+> **想本地端 Clone？**
+>
+> 本專案包含 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"
+> ```
+>
+> 這樣可以讓你更快完成下載，同時獲得完成課程所需的所有資源。
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**若想支援額外的翻譯語言，請參考此處清單 [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**若您希望支持其他翻譯語言，請參閱 [此處](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![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)，在這裡您可以找到初學者資源、學生套件，甚至獲得免費證書兌換券的方法。這是您會想要書籤收藏並不時查看的頁面，我們會每月更新內容。
+請造訪 [**學生中心頁面**](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 模式，它不只會產生文字，還能建立與編輯檔案、執行命令等。
 
-### 📣 公告 - _新增使用生成式 AI 建置的專案_ 
+### 📣 公告 - _使用生成式 AI 建置的新專案_
 
-新增 AI 助手專案，請查看 [project](./9-chat-project/README.md)
+新增 AI 助手專案，詳情請查看 [專案](./9-chat-project/README.md)
 
-### 📣 公告 - _全新課程_ 專注於 JavaScript 的生成式 AI 正式發布
+### 📣 公告 - _剛發布的 JavaScript 生成式 AI 新課程_
 
-別錯過我們全新的生成式 AI 課程！
+別錯過我們的生成式 AI 新課程！
 
-請造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 立即開始！
+造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始！
 
 ![Background](../../translated_images/zh-HK/background.148a8d43afde5730.webp)
 
-- 課程涵蓋從基礎到 RAG。
-- 使用 GenAI 與我們的伴侶應用程序互動，與歷史人物對話。
-- 趣味且引人入勝的故事敘述，讓您穿越時空！
+- 課程涵蓋基礎到檢索增強生成（RAG）。
+- 利用生成式 AI 和我們的配套應用與歷史人物互動。
+- 趣味且引人入勝的敘事，帶你穿越時空！
 
 ![character](../../translated_images/zh-HK/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)分享你的回饋！
 
-> **教師們**，我們已在 [included some suggestions](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 專案庫**：點擊本頁右上角的「Fork」按鈕。
+2. **Clone 專案庫**：   `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/zh-HK/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) 做為編輯器，內建 [終端機](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)。你可以從[這裡下載](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) Visual Studio Code。
+1. 將你的版本庫複製到你的電腦。你可以點擊 **Code** 按鈕並複製 URL：
 
     [CodeSpace](./images/createcodespace.png)
-然後，在 [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)，並執行以下指令，將 `<your-repository-url>` 替換為你剛才複製的 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)，並運行以下命令，將 `<your-repository-url>` 替換為你剛剛複製的 URL：
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. 在 Visual Studio Code 中開啟資料夾。你可以點擊 **檔案** > **開啟資料夾**，然後選擇你剛剛克隆的資料夾。
-
+2. 在 Visual Studio Code 中打開資料夾。你可以透過點擊 **File** > **Open Folder** 並選擇你剛複製的資料夾來完成。
 
 >  推薦的 Visual Studio Code 擴充套件：
 >
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - 在 Visual Studio Code 中預覽 HTML 頁面
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 幫助你更快地撰寫程式碼
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - 在 Visual Studio Code 內預覽 HTML 頁面
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - 幫助你更快編寫程式碼
 
 ## 📂 每堂課包含：
 
-- 選擇性的手繪筆記
-- 選擇性補充影片
+- 可選的速寫筆記
+- 可選的補充影片
 - 課前暖身小測驗
-- 文字授課內容
-- 專案導向課程會有逐步引導如何建立專案
-- 知識檢核
+- 書面課程內容
+- 對於專案導向課程，提供如何構建專案的逐步指南
+- 知識檢測
 - 挑戰題
-- 補充閱讀資料
+- 補充閱讀材料
 - 作業
 - [課後測驗](https://ff-quizzes.netlify.app/web/)
 
-> **關於小測驗的說明**：所有小測驗都包含在 Quiz-app 資料夾中，有 48 個小測驗，每個小測驗三題。它們可在這裡找到 [Quiz App](https://ff-quizzes.netlify.app/web/)，該測驗應用程式可在本地運行或部署到 Azure；請參照 `quiz-app` 資料夾中的說明。
-
-## 🗃️ 課程
-
-|     |                       專案名稱                        |                            教授概念                             | 學習目標                                                                                                                 |                                                         相關課程                                                         |         作者          |
-| :-: | :---------------------------------------------------: | :--------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------: | :-------------------: |
-| 01  |                     入門入手                     |           程式設計與工具介紹           | 了解大多數程式語言的基本原理及協助專業開發者工作的軟體工具 | [程式設計語言與工具介紹](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
-| 02  |                     入門入手                     |             GitHub 基礎與團隊協作             | 如何在你的專案中使用 GitHub 以及如何與他人協作管理程式碼庫                                                    |                            [GitHub 入門](./1-getting-started-lessons/2-github-basics/README.md)                            |          Floor          |
-| 03  |                     入門入手                     |                             無障礙設計                              | 學習網頁無障礙設計的基本概念                                                                                             |                       [無障礙設計基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
-| 04  |                        JS 基礎                         |                         JavaScript 資料型別                          | JavaScript 資料型別基本概念                                                                                             |                                       [資料型別](./2-js-basics/1-data-types/README.md)                                       |         Jasmine         |
-| 05  |                        JS 基礎                         |                         函式與方法                          | 了解函式與方法用來管理應用程式邏輯的作用                                                                             |                              [函式與方法](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 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 基礎及響應式設計                                                                |                                  [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  |          [打字遊戲](./4-typing-game/solution/README.md)          |                          建立打字遊戲                           | 學習如何使用鍵盤事件驅動 JavaScript 應用程式邏輯                                                                    |                                [事件驅動程式設計](./4-typing-game/typing-game/README.md)                                |       Christopher       |
-| 12  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |                         瀏覽器運作                          | 了解瀏覽器的運作原理與歷史，並建立瀏覽器擴充功能初步元件                                                           |                               [瀏覽器介紹](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
-| 13  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) | 建立表單、呼叫 API 及使用本地端儲存變數 | 建立使用本地端儲存變數呼叫 API 的瀏覽器擴充功能 JavaScript 元件                                                  |                [API、表單與本地儲存](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
-| 14  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |          瀏覽器背景程序與網頁效能          | 使用瀏覽器背景程序管理擴充功能圖示；學習網頁效能及優化方法                                                         |             [背景工作與效能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
-| 15  |           [太空遊戲](./6-space-game/solution/README.md)           |             更進階的 JavaScript 遊戲開發             | 學習類別繼承、組合與訂閱/發布模式，以準備開發遊戲                                                                   |                      [進階遊戲開發介紹](./6-space-game/1-introduction/README.md)                       |          Chris          |
-| 16  |           [太空遊戲](./6-space-game/solution/README.md)           |                           Canvas 繪圖                            | 了解 Canvas API 用來繪製畫面元素                                                                                    |                                [Canvas 繪圖](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
-| 17  |           [太空遊戲](./6-space-game/solution/README.md)           |                   使元素移動                    | 探索使用笛卡兒座標與 Canvas API 讓元素移動                                                                      |                           [元素移動](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
-| 18  |           [太空遊戲](./6-space-game/solution/README.md)           |                          碰撞偵測                           | 使元素碰撞並互動，利用按鍵事件並提供冷卻函式以維持遊戲效能                                                    |                              [碰撞偵測](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
-| 19  |           [太空遊戲](./6-space-game/solution/README.md)           |                             計分                              | 根據遊戲狀態與表現執行數學計算                                                                                         |                                    [計分](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
-| 20  |           [太空遊戲](./6-space-game/solution/README.md)           |                     結束和重新開始遊戲                     | 了解遊戲結束與重新開始，包括資源清理及變數重置                                                                   |                                [結束條件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
-| 21  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                 網頁應用程式中的 HTML 模版與路由                 | 學習如何透過路由與 HTML 模版建立多頁網站架構                                                                      |                            [HTML 模版與路由](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
-| 22  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                  建立登入與註冊表單                   | 了解表單建立與驗證處理                                                                                               |                                           [表單](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
-| 23  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                   取得與使用資料的方法                   | 資料在應用程式中如何流動，如何抓取、儲存與處理                                                                    |                                            [資料](./7-bank-project/3-data/README.md)                                            |          Yohan          |
-| 24  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                      狀態管理概念                      | 了解應用程式如何保留狀態及如何以程式管理                                                                            |                                [狀態管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
-| 25 | [瀏覽器/VScode 程式碼](../../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 |
+> **關於測驗的小提示**：所有測驗皆包含在 Quiz-app 資料夾中，共有 48 個測驗，每個測驗包含三題問題。它們可在 [這裡](https://ff-quizzes.netlify.app/web/) 使用，該測驗應用程式可以本地執行或部署到 Azure；請參考 `quiz-app` 資料夾中的說明。
+
+## 🗃️ 課程列表
+
+|     |                       專案名稱                       |                            教授概念                             | 學習目標                                                                                                                 |                                                         相關課程                                                          |         作者          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     入門篇                      |           程式設計簡介與開發工具           | 了解大多數程式語言的基本原理及協助專業開發者工作的軟體工具 | [程式語言與開發工具簡介](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     入門篇                      |             GitHub 基礎，包括團隊協作             | 如何在專案中使用 GitHub 以及如何與他人協作代碼                                                   |                            [GitHub 簡介](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     入門篇                      |                             無障礙設計                              | 了解網頁無障礙性的基礎                                                                                               |                       [無障礙設計基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS 基礎                         |                         JavaScript 資料型別                          | JavaScript 資料型別基礎                                                                                                 |                                       [資料型別](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS 基礎                         |                         函式與方法                          | 了解函式與方法如何管理應用程式邏輯流                                                             |                              [函式與方法](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 和 Christopher |
+| 06  |                        JS 基礎                         |                        使用 JS 作決策                        | 了解如何使用決策方式在程式碼中創建條件                                                           |                                 [決策制定](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS 基礎                         |                            陣列與迴圈                            | 使用 JavaScript 陣列和迴圈處理資料                                                                                 |                                   [陣列與迴圈](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [微型生態箱](./3-terrarium/solution/README.md)       |                            HTML 實務                            | 建立 HTML 結構以創建線上微型生態箱，重點在佈局建立                                                         |                                 [HTML 入門](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [微型生態箱](./3-terrarium/solution/README.md)       |                            CSS 實務                             | 建立 CSS 為線上微型生態箱添加樣式，重點在 CSS 基礎及響應式設計                     |                                  [CSS 入門](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [微型生態箱](./3-terrarium/solution/README.md)            |                 JavaScript 閉包、DOM 操作                  | 編寫 JavaScript 來讓微型生態箱具備拖放功能，重點在閉包與 DOM 操作             |                  [JavaScript 閉包與 DOM 操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [打字遊戲](./4-typing-game/solution/README.md)          |                          建立打字遊戲                           | 了解如何使用鍵盤事件控制 JavaScript 應用邏輯                                                          |                                [事件驅動程式設計](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [綠色瀏覽器擴充](./5-browser-extension/solution/README.md) |                         瀏覽器工作原理                          | 了解瀏覽器的工作方式和歷史以及如何架構瀏覽器擴充的第一個元素                               |                               [瀏覽器介紹](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [綠色瀏覽器擴充](./5-browser-extension/solution/README.md) | 建立表單、調用 API 及本地存儲變數 | 建立瀏覽器擴充的 JavaScript 元素以透過儲存在本地的變數調用 API                      |                [API、表單與本地儲存](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [綠色瀏覽器擴充](./5-browser-extension/solution/README.md) |          瀏覽器背景程序與網頁效能          | 使用瀏覽器背景程序管理擴充圖示；了解網頁效能以及一些優化方式                               |             [背景工作與效能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [太空遊戲](./6-space-game/solution/README.md)           |             更進階的 JavaScript 遊戲開發             | 了解類別繼承與組合及發布/訂閱模式，為製作遊戲做準備              |                      [進階遊戲開發入門](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [太空遊戲](./6-space-game/solution/README.md)           |                           Canvas 繪圖                            | 了解 Canvas API，利用它將元素繪製到畫面上                                                                       |                                [Canvas 繪圖](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [太空遊戲](./6-space-game/solution/README.md)           |                   螢幕上移動元素                    | 探索如何使用笛卡兒座標系和 Canvas API 讓元素產生運動                                            |                           [元素移動](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [太空遊戲](./6-space-game/solution/README.md)           |                          碰撞偵測                           | 讓元素相互碰撞並對彼此作出反應，利用按鍵提供冷卻功能以確保遊戲效能    |                              [碰撞偵測](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [太空遊戲](./6-space-game/solution/README.md)           |                             計分                              | 根據遊戲狀態與表現進行數學計算                                                                |                                    [計分系統](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [太空遊戲](./6-space-game/solution/README.md)           |                     結束與重啟遊戲                     | 了解結束及重新開始遊戲，包括資源清理及變數重設                              |                                [結束條件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                 Web 應用程式的 HTML 模板與路由                 | 了解如何使用路由與 HTML 模板建立多頁網站架構                             |                            [HTML 模板與路由](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                  建立登入與註冊表單                   | 了解表單建立與驗證流程                                                                          |                                           [表單](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                   取得與使用資料的方法                   | 了解資料在應用程式中的流向、取得、儲存與釋放                                                 |                                            [資料](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                      狀態管理概念                      | 了解應用程式如何維持狀態，以及如何以程式方式管理                                                              |                                [狀態管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [瀏覽器/VScode 程式碼](../../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 |
 
 ## 🏫 教學法
 
-我們的課程設計基於兩項核心教學原則：
+我們的課程設計基於兩個主要的教學原則：
 * 專案導向學習
 * 頻繁的小測驗
 
-本課程教授 JavaScript、HTML 與 CSS 的基礎，以及當今網頁開發者使用的最新工具與技巧。學生將有機會透過實作打字遊戲、虛擬生態箱、環保瀏覽器擴充功能、太空入侵者遊戲及銀行業務應用程式來累積實務經驗。課程結束時，學生將對網頁開發有穩固的理解。
+課程教授 JavaScript、HTML 和 CSS 的基礎，以及當今網頁開發人員所用的最新工具與技術。學生將有機會透過構建打字遊戲、虛擬微型生態箱、環保瀏覽器擴充、太空侵略者風格遊戲及企業銀行應用程式等專案，獲得實作經驗。系列結束時，學生將建立紮實的網頁開發基礎。
 
-> 🎓 你可以將本課程的前幾堂課視為 Microsoft Learn 上的 [學習路徑](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)！
+> 🎓 你可以將此課程的前幾堂課作為 Microsoft Learn 上的 [學習路徑](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)！
 
-透過確保內容與專案對齊，學習過程更具吸引力且提高概念的記憶。我們也撰寫了多個 JavaScript 基礎入門課程，搭配由「[JavaScript 初學者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)」影片教學系列製作，部分作者亦有參與本課程編寫。
+透過讓內容與專案結合，過程對學生更具吸引力，並增強概念的記憶。我們還撰寫了數堂 JavaScript 入門課程來介紹概念，並搭配了 "[JavaScript 初學者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" 教學影片，其中部分作者也參與了本課程撰寫。
 
-此外，課前的低壓力小測驗幫助學生建立學習目標，課後小測驗則促進知識鞏固。本課程設計靈活有趣，可以全部參與或部分修習。專案從簡單開始，到 12 週結束時逐漸複雜化。
+此外，上課前的低壓力小測驗設定學生的學習目標，而課後的第二次小測驗則鞏固所學。本課程設計靈活且有趣，可整套選修或分段學習。專案從簡單開始，至 12 週結束時最新穎且越來越複雜。
 
-雖然我們刻意不介紹 JavaScript 框架，以專注於學習成為網頁開發者前的基本技能，完成本課程後的良好下一步是學習 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)。我們歡迎你的建設性回饋！
+雖然我們刻意避免引入 JavaScript 框架，以專注於成為網頁開發者所需的基本技能，但完成本課程後的良好下一步是透過另一系列影片學習 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)。
+所有課程的 PDF 可於此處下載 [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)。
 
 ## 🎒 其他課程
-我們團隊還有其他課程！請查看：
+
+我們團隊還製作了其他課程！歡迎瀏覽：
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -222,7 +229,7 @@
 
 ---
  
-### 產生式 AI 系列
+### 生成式 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)
@@ -249,7 +256,7 @@
 
 ## 尋求協助
 
-如果你遇到困難或對構建 AI 應用有任何疑問，歡迎加入與其他學習者及經驗豐富開發者討論 MCP。這是一個支持性社群，歡迎提出問題並自由分享知識。
+如果你在構建 AI 應用時遇到困難或有任何問題，歡迎加入其他學習者及經驗豐富的開發者討論 MCP。這是一個支持性的社群，歡迎提問並自由分享知識。
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
@@ -257,13 +264,13 @@
 
 [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
 
-## 授權條款
+## 授權
 
-此存放庫採用 MIT 授權條款。更多資訊請參閱 [LICENSE](../../LICENSE) 檔案。
+此存儲庫採用 MIT 授權。詳情請參閱 [LICENSE](../../LICENSE) 文件。
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件經由 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於確保準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。如涉及重要資訊，建議採用專業人工翻譯。我們不對因使用此翻譯而引起的任何誤解或錯誤詮釋承擔責任。
+本文件是使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻譯而成。儘管我們努力確保準確性，但請注意自動翻譯可能包含錯誤或不準確之處。原文文件的母語版本應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而引致的任何誤解或誤釋承擔責任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-MO/.co-op-translator.json b/translations/zh-MO/.co-op-translator.json
index f5b75f3dc..deed887b8 100644
--- a/translations/zh-MO/.co-op-translator.json
+++ b/translations/zh-MO/.co-op-translator.json
@@ -1,7 +1,7 @@
 {
   "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
-    "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
-    "translation_date": "2025-11-03T23:37:49+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T17:53:07+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "zh-MO"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:13:30+00:00",
+    "translation_date": "2026-03-06T18:06:28+00:00",
     "source_file": "AGENTS.md",
     "language_code": "zh-MO"
   },
@@ -516,8 +516,8 @@
     "language_code": "zh-MO"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:09:09+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T17:49:29+00:00",
     "source_file": "README.md",
     "language_code": "zh-MO"
   },
diff --git a/translations/zh-MO/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/zh-MO/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index a2cd77723..f07432a94 100644
--- a/translations/zh-MO/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/zh-MO/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,183 +1,181 @@
 # 程式語言與現代開發工具簡介
 
-嗨，未來的開發者！👋 我能告訴你一件每天都讓我感到激動的事嗎？你即將發現，程式設計不僅僅是關於電腦的事情——它更像是擁有一種能將你最狂野的想法變成現實的超能力！
+嗨，未來的開發者！👋 可以告訴你一件每天都讓我激動不已的事嗎？你即將發現，程式設計不只是電腦的事——它其實是擁有將你最瘋狂的想法實現的超能力！
 
-你知道那種使用你最喜歡的應用程式時，一切都完美契合的瞬間嗎？當你點擊一個按鈕，發生了一些絕妙的事情，讓你忍不住驚嘆「哇，他們是怎麼做到的？」好吧，有人就像你一樣——可能在凌晨兩點坐在他們最喜歡的咖啡館裡喝著第三杯濃縮咖啡——寫下了創造這種魔法的程式碼。而最讓人驚訝的是：在這堂課結束之前，你不僅會明白他們是怎麼做到的，還會迫不及待地想要自己試試！
+你知道用你最喜歡的應用程式時，那種一切都完美配合的時刻嗎？你點一下一個按鈕，然後發生了某種絕對神奇的事情，讓你忍不住說「哇，他們到底是怎麼做到的？」其實，那魔法就是被像你這樣的人寫出來的——可能正坐在他們最愛的咖啡店裡凌晨兩點，喝著第三杯濃縮咖啡。讓你驚奇的是：到本課程結束時，你不僅會了解他們怎麼做到的，而且你會迫不及待想自己試試看！
 
-聽著，我完全理解如果你現在覺得程式設計很難。當我剛開始學習時，我真的以為你需要是某種數學天才，或者從五歲開始就一直在寫程式。但有一件事完全改變了我的看法：程式設計就像學習一種新語言的對話。你從「你好」和「謝謝」開始，然後慢慢學會點咖啡，最後你就能進行深刻的哲學討論了！只不過在這種情況下，你是在和電腦對話，說真的？它們是你能遇到的最有耐心的對話夥伴——它們不會評判你的錯誤，並且總是樂於再試一次！
+我明白如果現在程式設計讓你覺得害怕也很正常。當我剛開始時，我真的以為你得是數學天才或從五歲就開始寫程式才行。但以下這點完全改變了我的看法：程式設計就像學習一種新語言的溝通方式。你從「你好」和「謝謝」開始，然後學著點咖啡，不知不覺間，你就能有深刻的哲學討論！不過在這案例裡，你是跟電腦對話，而且說真的？它們是你能遇到最有耐心的對話夥伴——永遠不會因為你犯錯而評判你，還永遠樂意再試一次！
 
-今天，我們將探索那些讓現代網頁開發不僅僅是可能，而且令人上癮的不可思議工具。我說的是Netflix、Spotify以及你最喜歡的獨立應用程式工作室的開發者每天都在使用的編輯器、瀏覽器和工作流程。而最讓人開心的是：大多數這些專業級、行業標準的工具都是完全免費的！
+今天，我們要探索那些讓現代網頁開發不只是可能，而且令人著迷的工具。我說的就是 Netflix、Spotify 和你最愛的獨立應用程式工作室裡開發者每天都在用的編輯器、瀏覽器和工作流程。而且這會讓你忍不住跳舞的部分是：這些專業級、業界標準的工具大多數都是免費的！
 
-![程式設計簡介](../../../../translated_images/zh-MO/webdev101-programming.d6e3f98e61ac4bff.webp)
-> [Tomomi Imura](https://twitter.com/girlie_mac) 的手繪筆記
+![Intro Programming](../../../../translated_images/zh-MO/webdev101-programming.d6e3f98e61ac4bff.webp)
+> 速寫筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 ```mermaid
 journey
-    title Your Programming Journey Today
-    section Discover
-      What is Programming: 5: You
-      Programming Languages: 4: You
-      Tools Overview: 5: You
-    section Explore
-      Code Editors: 4: You
-      Browsers & DevTools: 5: You
-      Command Line: 3: You
-    section Practice
-      Language Detective: 4: You
-      Tool Exploration: 5: You
-      Community Connection: 5: You
+    title 您今天的程式設計旅程
+    section 發現
+      甚麼是程式設計: 5: You
+      程式語言: 4: You
+      工具概覽: 5: You
+    section 探索
+      程式編輯器: 4: You
+      瀏覽器與開發者工具: 5: You
+      命令列: 3: You
+    section 練習
+      語言偵探: 4: You
+      工具探索: 5: You
+      社群連繫: 5: You
 ```
+## 先來看看你已經知道什麼吧！
 
-## 來看看你已經知道什麼！
+在進入有趣的部分之前，我很好奇——你對這個程式設計世界已經了解多少？聽著，如果你看到這些問題覺得「我真的完全不懂這些東西」，這不僅沒關係，反而非常完美！那代表你來對地方了。把這個小測驗想像成熱身運動——我們只是在讓大腦肌肉熱起來！
 
-在我們進入有趣的部分之前，我很好奇——你對這個程式設計世界已經了解多少？聽著，如果你看到這些問題時心想「我完全不知道這些是什麼」，那不僅沒關係，還是最好的狀態！這意味著你來對地方了。把這個測驗當作是運動前的拉伸——我們只是要熱身一下腦袋！
+[參加課前小測驗](https://ff-quizzes.netlify.app/web/)
 
-[參加課前測驗](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
 
-## 我們即將一起展開的冒險
+## 我們即將一起啟程的冒險
 
-好吧，我真的非常興奮能和你一起探索今天的內容！說真的，我真希望能看到你在理解這些概念時的表情。以下是我們即將一起踏上的精彩旅程：
+好啦，我真的超興奮要跟你分享今天要探討的東西！說真的，我多希望能看到當你某些概念突然懂了時的表情。這裡是我們要一起走的精彩旅程：
 
-- **什麼是程式設計（以及為什麼它是最酷的事情！）**——我們將發現程式碼如何成為驅動你周圍一切事物的隱形魔法，從那個知道今天是星期一早上的鬧鐘，到完美推薦你Netflix節目的演算法。
-- **程式語言及其驚人的個性**——想像一下走進一個派對，每個人都有完全不同的超能力和解決問題的方式。這就是程式語言的世界，你一定會喜歡認識它們！
-- **創造數位魔法的基本構件**——把這些想像成終極的創意樂高套件。一旦你了解這些部件如何組合在一起，你會發現你可以建造任何你想像中的東西。
-- **讓你感覺像是拿到魔法棒的專業工具**——我不是在誇張——這些工具真的會讓你感覺自己擁有超能力，而最棒的是？它們就是專業人士每天使用的工具！
+- **程式設計到底是什麼（為什麼它超酷！）**——我們會了解程式碼如何是周遭一切無形魔法的核心，從那鬧鐘怎麼知曉星期一早晨到演算法如何精準推薦你喜歡的 Netflix 節目
+- **程式語言及其迷人的個性**——想像走進一場派對，每個人都擁有完全不同的超能力和解決問題的方式。那就是程式語言的世界，你會愛上認識它們！
+- **促成數位魔法的基礎構件**——把這當作最強大的創意 LEGO 組合。一旦你懂得這些組件怎麼組合，你會發現幾乎可以搭建你想像中的任何東西
+- **專業工具讓你像拿到魔法棒一樣的感覺**——我不是誇張，這些工具真的會讓你覺得自己有超能力，最棒的是？它們是專業人士也在用的！
 
-> 💡 **重點是**：今天不要試圖記住所有的內容！現在，我只希望你能感受到對未來可能性的興奮。隨著我們一起練習，細節會自然地記住——這才是真正的學習方式！
+> 💡 **重點是**：今天別試著硬記一切！我想你現在感受一下對可能性的興奮火花，細節會隨著我們一起實作自然記住——這才是真正的學習！
 
-> 你可以在 [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，基本上就是「是」和「否」或「開」和「關」。就這樣！但神奇的是——我們不需要像《駭客任務》裡那樣用1和0來交流。這就是**程式語言**的救星。它們就像世界上最棒的翻譯員，能將你完全正常的人類思維轉換成電腦語言。
+我第一次知道這點的時候超震撼：電腦其實在核心層面非常簡單。它們只懂兩個東西——1 和 0，基本上就是「是」和「否」或「開」和「關」。就這樣！但神奇的是——我們不用像《駭客任務》裡一樣用 1 和 0 說話。這時候 **程式語言** 就派上用場了。它們就好像世界上最棒的翻譯員，把你正常的人類想法翻譯成電腦聽得懂的語言。
 
-而每天早上醒來時，仍然讓我感到激動的是：你生活中的每一件數位化的事物，都是由某個像你一樣的人創造的。他們可能穿著睡衣，手裡拿著一杯咖啡，在筆記本電腦上敲著程式碼。那個讓你看起來完美無瑕的Instagram濾鏡？有人寫了程式碼。那個推薦你新最愛歌曲的演算法？開發者建造了它。那個幫助你和朋友分攤晚餐費的應用程式？是的，有人想「這太麻煩了，我想我可以解決這個問題」，然後……他們真的做到了！
+每天早上醒來，這點仍然讓我心頭發涼：你生活中數位上的 *一切*，都是由像你一樣的人開始——大概穿著睡衣，手握一杯咖啡，在筆記型電腦上敲著程式碼。那個讓你看起來完美無瑕的 Instagram 濾鏡？有人寫的。帶你發現新最愛歌單的推薦演算法？有開發者建立的。幫你和朋友分攤晚餐帳單的 app？對，某人想著「這真麻煩，我一定能改進它」，然後……他們做到了！
 
-當你學會程式設計時，你不僅僅是在學習一項新技能——你正在成為這個令人驚嘆的問題解決者社群的一部分，他們每天都在思考：「如果我能建造一些能讓某人的一天變得更好一點的東西呢？」說真的，有什麼比這更酷的嗎？
+學習程式設計不只是學新技能——你是在加入這個不可思議的解決問題社群，他們每天都在想：「如果我能建構一個讓某人日子更好一點的東西，那會如何？」老實說，有比這更酷的事嗎？
 
-✅ **趣味事實探索**：當你有空的時候，可以查一下這個超酷的事情——你認為世界上第一位電腦程式設計師是誰？我給你一個提示：可能不是你想的那個人！這個人的故事非常有趣，顯示程式設計一直以來都是關於創造性問題解決和跳出框架思考。
+✅ **趣味知識探索**：有空時查查這個超酷小知識——你覺得世界上第一位電腦程式設計師是誰？給你個線索：答案可能不是你想的那個！她/他的故事超級吸引人，也證明程式設計一直都是關於創意解決問題和跳脫框架思考。
 
-### 🧠 **檢查時間：你感覺如何？**
+### 🧠 **現在心情如何？**
 
-**花點時間反思：**
-- 「向電腦提供指令」的概念現在對你來說是否有點理解了？
-- 你能想到一個日常任務，想用程式設計來自動化嗎？
-- 關於程式設計這件事，你腦海中有哪些問題正在浮現？
+**花點時間想想：**
+- 「給電腦指令」的概念現在清楚了嗎？
+- 你能想到一個日常任務想用程式自動化嗎？
+- 現在對程式設計有哪些問題想問？
 
-> **記住**：如果有些概念現在感覺模糊不清是完全正常的。學習程式設計就像學習一種新語言——需要時間讓你的大腦建立那些神經通路。你做得很好！
+> **記得**：如果有些概念現在還模糊，完全正常。學程式就像學新語言一樣——大腦需要時間建立神經連結。你做得很棒！
 
 ## 程式語言就像不同口味的魔法
 
-好吧，這聽起來可能有點奇怪，但請跟著我——程式語言就像不同類型的音樂。想想看：有爵士樂，流暢且即興；搖滾樂，強而有力且直接；古典音樂，優雅且結構化；還有嘻哈音樂，創意且表達力強。每種風格都有自己的氛圍、熱情的粉絲社群，每一種都適合不同的情境和心情。
+好，這聽起來或許怪怪的，但請跟著我走——程式語言很像不同類型的音樂。想想看：你有爵士樂，順滑隨興；搖滾樂，有力直接；古典音樂，優雅結構化；還有饒舌，創意又有表現力。每種風格都有自己的氛圍、熱情的粉絲社群，而且適合不同心境和場合。
 
-程式語言完全一樣！你不會用同一種語言來建造一個有趣的手機遊戲和用來處理大量氣候數據的程式，就像你不會在瑜伽課上播放死亡金屬音樂（嗯，大多數瑜伽課啦！😄）。
+程式語言也是同理！你不會用同一種語言同時打造有趣的手機遊戲，和處理龐大氣候數據，就像你不會在瑜珈課放死亡金屬音樂（至少大多數瑜珈課不會！😄）。
 
-但每次想到這件事都讓我驚嘆的是：這些語言就像有世界上最耐心、最聰明的翻譯員坐在你旁邊。你可以用一種對人類大腦來說自然的方式表達你的想法，而它們會處理所有將其轉換成電腦語言的複雜工作。就像有一個朋友，既精通「人類創意」又精通「電腦邏輯」——而且他們永遠不會累，不需要喝咖啡，也不會因為你問了同樣的問題兩次而評判你！
+但每次想到這點都讓我驚嘆不已：這些語言就像世界上最有耐心、最聰明的口譯員坐在你旁邊。你用符合人類思考的方式表達想法，它們處理所有極複雜的轉換，變成電腦真正懂的 1 和 0。就像有個朋友同時精通「人類創造力」和「電腦邏輯」——他永不疲倦，從不需要喝咖啡休息，也從不嫌你問同一個問題兩次！
 
-### 常見程式語言及其用途
+### 熱門程式語言及其用途
 
 ```mermaid
 mindmap
-  root((Programming Languages))
-    Web Development
+  root((程式語言))
+    網頁開發
       JavaScript
-        Frontend Magic
-        Interactive Websites
+        前端魔法
+        互動式網站
       TypeScript
-        JavaScript + Types
-        Enterprise Apps
-    Data & AI
+        JavaScript + 型別
+        企業應用程式
+    資料與人工智能
       Python
-        Data Science
-        Machine Learning
-        Automation
+        資料科學
+        機器學習
+        自動化
       R
-        Statistics
-        Research
-    Mobile Apps
+        統計學
+        研究
+    手機應用程式
       Java
-        Android
-        Enterprise
+        安卓
+        企業
       Swift
         iOS
-        Apple Ecosystem
+        蘋果生態系統
       Kotlin
-        Modern Android
-        Cross-platform
-    Systems & Performance
+        現代安卓
+        跨平台
+    系統與效能
       C++
-        Games
-        Performance Critical
+        遊戲
+        高效能關鍵
       Rust
-        Memory Safety
-        System Programming
+        記憶體安全
+        系統程式設計
       Go
-        Cloud Services
-        Scalable Backend
+        雲端服務
+        可擴展後端
 ```
+| 語言 | 最適合 | 為何流行 |
+|----------|----------|------------------|
+| **JavaScript** | 網頁開發、使用者介面 | 可在瀏覽器中執行，支援互動網站 |
+| **Python** | 資料科學、自動化、人工智慧 | 易讀易學，擁有強大函式庫 |
+| **Java** | 企業應用、Android 應用 | 跨平台，穩健適合大型系統 |
+| **C#** | Windows 應用、遊戲開發 | 微軟生態系統支援強大 |
+| **Go** | 雲端服務、後端系統 | 快速簡單，專為現代運算設計 |
 
-| 語言 | 最適合 | 為什麼受歡迎 |
-|------|--------|--------------|
-| **JavaScript** | 網頁開發、使用者介面 | 在瀏覽器中運行，驅動互動式網站 |
-| **Python** | 數據科學、自動化、人工智慧 | 易於閱讀和學習，擁有強大的庫 |
-| **Java** | 企業應用程式、Android應用程式 | 平台獨立，適合大型系統 |
-| **C#** | Windows應用程式、遊戲開發 | 微軟生態系統支持強大 |
-| **Go** | 雲服務、後端系統 | 快速、簡單，為現代計算設計 |
+### 高階語言 vs. 低階語言
 
-### 高階語言與低階語言
+坦白說，這是我剛學時最大的困惑，所以我要分享那個讓我豁然開朗的比喻——希望對你也有幫助！
 
-好吧，這是我剛開始學習時讓我腦袋爆炸的概念，所以我要分享一個最終讓我理解的比喻——希望它也能幫助到你！
+想像你到了個不會說當地語言的國家，非常想找廁所（我們都有過吧？😅）：
 
-想像一下，你正在拜訪一個你不會說當地語言的國家，而你急需找到最近的洗手間（我們都曾有過這種情況，對吧？😅）：
+- **低階程式設計** 就像學會當地方言到能跟街角賣水果的阿嬤用當地的文化典故、俚語和內行笑話聊天。超厲害、高效率……如果你流利的話！但就只是想找廁所的你會覺得很頭大。
 
-- **低階程式設計**就像是你完全掌握當地方言，能用文化參考、本地俚語和只有當地人懂的內部笑話與街角賣水果的奶奶聊天。非常令人印象深刻且高效……如果你剛好很流利！但如果你只是想找個洗手間，可能會覺得壓力很大。
+- **高階程式設計** 就像有個懂你的人當地朋友陪著你。你說「我真的需要找廁所」，他幫你翻譯文化脈絡，並用你的腦袋能理解的方式給你指路。
 
-- **高階程式設計**就像有一個超棒的當地朋友，他完全理解你。你可以用簡單的英文說「我真的需要找個洗手間」，而他會處理所有的文化翻譯，並用你能理解的方式給你指路。
+在程式語言裡：
+- **低階語言**（像組合語言或 C）讓你能跟電腦的硬體層細緻交流，但你必須用機器思維來想，這……嗯，得改變不少思考方式！
+- **高階語言**（像 JavaScript、Python 或 C#）讓你以人類思考方式想事，機器語言的部分它們幫你處理。而且它們有一群超熱情的社群，大家記得當新手的困難，真心想幫助你！
 
-在程式設計的術語中：
-- **低階語言**（例如Assembly或C）讓你能與電腦的硬體進行非常詳細的對話，但你需要像機器一樣思考，這……嗯，讓我們說這是一個相當大的心理轉變吧！
-- **高階語言**（例如JavaScript、Python或C#）讓你可以像人類一樣思考，而它們會處理所有的機器語言。除此之外，它們還擁有非常友好的社群，充滿了記得自己曾經是新手並真心想幫助你的好人！
-
-猜猜我會建議你從哪一種開始？😉 高階語言就像有訓練輪的自行車，你永遠不會想要拆掉它們，因為它們讓整個學習過程變得更加愉快！
+猜猜我會建議你從哪裡開始？😉 高階語言就像訓練輪，可能你永遠不想摘掉它，因為它讓整個過程輕鬆太多！
 
 ```mermaid
 flowchart TB
-    A["👤 Human Thought:<br/>'I want to calculate Fibonacci numbers'"] --> B{Choose Language Level}
+    A["👤 人類思考：<br/>'我想計算費波那契數列'"] --> B{選擇程式語言層級}
     
-    B -->|High-Level| C["🌟 JavaScript/Python<br/>Easy to read and write"]
-    B -->|Low-Level| D["⚙️ Assembly/C<br/>Direct hardware control"]
+    B -->|High-Level| C["🌟 JavaScript/Python<br/>易讀易寫"]
+    B -->|Low-Level| D["⚙️ 組合語言/C<br/>直接控制硬體"]
     
-    C --> E["📝 Write: fibonacci(10)"]
-    D --> F["📝 Write: mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 撰寫：fibonacci(10)"]
+    D --> F["📝 撰寫：mov r0,#00<br/>sub r0,r0,#01"]
     
-    E --> G["🤖 Computer Understanding:<br/>Translator handles complexity"]
+    E --> G["🤖 電腦理解：<br/>翻譯器處理複雜度"]
     F --> G
     
-    G --> H["💻 Same Result:<br/>0, 1, 1, 2, 3, 5, 8, 13..."]
+    G --> H["💻 相同結果：<br/>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
-// Step 1: Basic Fibonacci setup
+// 第一步：基本的費波納奇設置
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -185,32 +183,32 @@ let next = 1;
 console.log('Fibonacci sequence:');
 ```
 
-**這段程式碼的作用：**
-- **宣告**一個常數來指定我們想生成多少個斐波那契數字
-- **初始化**兩個變數來追蹤序列中的當前數字和下一個數字
-- **設置**定義斐波那契模式的起始值（0和1）
-- **顯示**一個標題消息來標識我們的輸出
+**這段程式碼做了什麼：**
+- **宣告**一個常數指定要生產多少個費波那契數字
+- **初始化**兩個變數追蹤序列中目前與下一個數字
+- **設定**起始值（0 與 1）定義費波那契模式
+- **展示**標題訊息來指明輸出內容
 
 ```javascript
-// Step 2: Generate the sequence with a loop
+// 步驟 2：使用迴圈產生序列
 for (let i = 0; i < fibonacciCount; i++) {
   console.log(`Position ${i + 1}: ${current}`);
   
-  // Calculate next number in sequence
+  // 計算序列中的下一個數字
   const sum = current + next;
   current = next;
   next = sum;
 }
 ```
 
-**分解這裡發生的事情：**
-- 使用`for`循環**遍歷**序列中的每個位置
-- 使用模板字面值格式**顯示**每個數字及其位置
-- 通過添加當前值和下一個值**計算**下一個斐波那契數字
-- **更新**我們的追蹤變數以進入下一次迭代
+**解析發生的事：**
+- 用 `for` 迴圈**循環**遍歷序列中每個位置
+- 以模板字串格式**顯示**每個數字及其位置
+- **計算**下一個費波那契數字，將目前與下一數字相加
+- **更新**追蹤變數，準備進入下一次迭代
 
 ```javascript
-// Step 3: Modern functional approach
+// 第 3 步：現代函數式方法
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -221,18 +219,18 @@ const generateFibonacci = (count) => {
   return sequence;
 };
 
-// Usage example
+// 使用範例
 const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**在上面，我們：**
-- 使用現代箭頭函數語法**創建**了一個可重用的函數
-- **構建**了一個陣列來存儲完整的序列，而不是逐一顯示
-- 使用陣列索引從前面的值中**計算**每個新數字
-- **返回**完整的序列，以便在程式的其他部分靈活使用
+**上方我們已經：**
+- 使用現代箭頭函式語法**建立**重複使用的函式
+- **建立**陣列存放完整序列，而不是一個一個顯示
+- 利用陣列索引**計算**每個新數字由前面計算而來
+- **回傳**完整序列方便程式其他地方彈性運用
 
-**低階語言（ARM Assembly）——電腦友好：**
+**低階語言（ARM組合語言）——電腦友善：**
 
 ```assembly
  area ascen,code,readonly
@@ -259,127 +257,127 @@ back add r0,r1
  end
 ```
 
-注意，JavaScript版本幾乎像英文指令一樣易讀，而Assembly版本使用了直接控制電腦處理器的晦澀命令。兩者完成了完全相同的任務，但高階語言對人類來說更容易理解、編寫和維護。
+注意 JavaScript 版本幾乎像英語指令，而組合語言則用直接控制電腦處理器的神秘命令。兩者完成的任務完全一樣，但高階語言更容易讓人理解、撰寫與維護。
 
-**你會注意到的主要差異：**
-- **可讀性**：JavaScript使用描述性名稱如`fibonacciCount`，而Assembly使用晦澀的標籤如`r0`、`r1`
-- **註解**：高階語言鼓勵使用解釋性的註解，使程式碼更具自我說明性  
-- **結構**：JavaScript 的邏輯流程與人類逐步解決問題的思維方式相符  
-- **維護性**：根據不同需求更新 JavaScript 版本既簡單又清晰  
+**你會注意到的重點差異：**
+- **可讀性**：JavaScript 使用像 `fibonacciCount` 這樣具描述性的名稱，而 Assembly 使用像 `r0`、`r1` 這樣難以理解的標籤
+- **註解**：高階語言鼓勵使用解釋性註解，讓代碼本身具備自我說明的功能
+- **結構**：JavaScript 的邏輯流程與人類逐步思考問題的方式相符
+- **維護性**：針對不同需求更新 JavaScript 的版本簡單且清晰
 
-✅ **關於斐波那契數列**：這個絕美的數字模式（每個數字等於前兩個數字的總和：0, 1, 1, 2, 3, 5, 8...）幾乎無處不在！你可以在向日葵的螺旋、松果的排列、鸚鵡螺的曲線，甚至是樹枝的生長方式中發現它。數學和程式碼能幫助我們理解並重現自然界用來創造美的模式，這真是令人驚嘆！
+✅ **關於斐波那契數列**：這個絕美的數字模式（每個數字等於前兩個數字之和：0、1、1、2、3、5、8……）在自然界中無處不在！你會在向日葵的螺旋、松果的圖案、鸚鵡螺的曲線，甚至樹枝的生長方式中看到它。數學與程式碼幫助我們理解並重現自然創造美麗的模式，真是令人驚嘆！
 
-## 創造魔法的基石
+## 讓魔法發生的基礎組件
 
-好了，現在你已經看到了程式語言的實際運作方式，讓我們來拆解一下構成每個程式的基本元素。把這些想像成你最愛的食譜中的基本材料——一旦你了解了每個材料的作用，你幾乎可以用任何語言來閱讀和撰寫程式！
+好了，現在你已經看到程式語言的實際運作，讓我們來拆解構成所有程式的基礎元素。把它們想像成你最愛食譜中的基本材料——當你明白每一種材料的作用後，你就能讀寫幾乎所有語言的程式碼！
 
-這有點像學習程式語言的文法。還記得在學校學過的名詞、動詞以及如何組成句子嗎？程式語言也有自己的文法版本，老實說，比英語文法還要邏輯清晰且容易理解！😄
+這有點像在學習程式設計語法。還記得學校裡學過的名詞、動詞和如何組句嗎？程式設計也有自己的語法，老實說，比英語語法還要更邏輯且寬容！😄
 
-### 語句：一步步的指令
+### 陳述句：逐步指令
 
-我們先從 **語句** 開始——這些就像是你和電腦對話中的單句。每個語句都告訴電腦執行一個特定的動作，就像給出指示一樣：「在這裡左轉」、「在紅燈處停下」、「停在那個位置」。
+先從**陳述句**開始——它們就像你與電腦對話的句子。每個陳述句告訴電腦做一件特定的事，就像給指示：「在這裡左轉」、「紅燈停」、「停在那個位子」。
 
-我喜歡語句的地方在於它們通常非常易讀。看看這個例子：
+我喜歡陳述句的原因是它們通常很容易閱讀。看這個範例：
 
 ```javascript
-// Basic statements that perform single actions
+// 執行單一動作的基本陳述
 const userName = "Alex";                    
 console.log("Hello, world!");              
 const sum = 5 + 3;                         
 ```
-  
-**這段程式碼的作用是：**  
-- **宣告** 一個常數變數來儲存使用者的名字  
-- **顯示** 一個問候訊息到主控台輸出  
-- **計算** 並儲存一個數學運算的結果  
+
+**這段程式碼的作用是：**
+- **宣告**一個常數變數用來保存使用者名稱
+- **印出**一段問候訊息到控制台輸出
+- **計算**並保存一個數學運算的結果
 
 ```javascript
-// Statements that interact with web pages
+// 與網頁互動的語句
 document.title = "My Awesome Website";      
 document.body.style.backgroundColor = "lightblue";
 ```
-  
-**逐步解析發生了什麼：**  
-- **修改** 瀏覽器標籤中顯示的網頁標題  
-- **更改** 整個頁面背景的顏色  
+
+**一步步來看發生了什麼：**
+- **修改**瀏覽器分頁上顯示的網頁標題
+- **變更**整個頁面主體的背景顏色
 
 ### 變數：程式的記憶系統
 
-好吧，**變數** 說真的是我最喜歡教的概念之一，因為它們和你每天使用的東西非常相似！
+好的，**變數**說實話是我最喜歡教的一個概念，因為它們很像你每天使用的東西！
 
-想想你的手機聯絡人清單。你不會記住每個人的電話號碼——相反地，你會儲存「媽媽」、「最好的朋友」或「營業到凌晨兩點的披薩店」，然後讓手機記住實際的號碼。變數的運作方式完全一樣！它們就像是有標籤的容器，你的程式可以用來儲存資訊，並在需要時用一個有意義的名字來取回。
+想想你手機上的聯絡人列表。你不會背所有人的電話號碼——你是儲存「媽媽」、「摯友」或「深夜外送披薩店」，讓手機幫你記住數字。變數也是一樣！它們像貼有標籤的容器，你的程式可以用有意義的名字存放資訊，之後再拿出來使用。
 
-有趣的是：變數可以在程式運行時改變（這就是為什麼叫做「變數」——你看出來了吧？）。就像當你發現一家更好的披薩店時，會更新聯絡人一樣，當程式獲得新資訊或情況發生變化時，變數也可以更新！
+很酷的是：變數能在程式執行時改變（所以才叫「變數」——看他們怎麼取名的吧？）。就像當你發現更讚的披薩店時會更新聯絡人，變數也可以隨著程式得到新資訊或情況改變而更新！
 
-讓我來展示一下這有多簡單又美妙：
+讓我示範這有多簡單：
 
 ```javascript
-// Step 1: Creating basic variables
+// 第一步：建立基本變數
 const siteName = "Weather Dashboard";        
 let currentWeather = "sunny";               
 let temperature = 75;                       
 let isRaining = false;                      
 ```
-  
-**理解這些概念：**  
-- **儲存** 不會改變的值在 `const` 變數中（例如網站名稱）  
-- **使用** `let` 來儲存可能會在程式中改變的值  
-- **指定** 不同的數據類型：字串（文字）、數字和布林值（真/假）  
-- **選擇** 描述性名稱，清楚說明每個變數的內容  
+
+**了解這些概念：**
+- **用** `const` 儲存不變的值（例如網站名稱）
+- **用** `let` 存儲整個程式中會變動的值
+- **賦值**不同資料型態：字串（文字）、數字、布林值（真/假）
+- **選擇**具描述性的變數名稱清楚表達內容
 
 ```javascript
-// Step 2: Working with objects to group related data
+// 第 2 步：使用物件來群組相關資料
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
   windSpeed: 12
 };
 ```
-  
-**在上面的例子中，我們：**  
-- **創建** 一個物件來將相關的天氣資訊分組  
-- **組織** 多個數據到一個變數名稱下  
-- **使用** 鍵值對來清楚標記每個資訊  
+
+**上面我們做了：**
+- **創建**一個物件來將相關的天氣資訊組織在一起
+- **將**多條資料歸類在同一個變數名下
+- **用**鍵值對清楚標示各資訊
 
 ```javascript
-// Step 3: Using and updating variables
+// 第三步：使用和更新變數
 console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
 console.log(`Wind speed: ${weatherData.windSpeed} mph`);
 
-// Updating changeable variables
+// 更新可變的變數
 currentWeather = "cloudy";                  
 temperature = 68;                          
 ```
-  
-**讓我們理解每個部分：**  
-- **顯示** 資訊，使用帶有 `${}` 語法的模板字面值  
-- **訪問** 物件屬性，使用點符號（`weatherData.windSpeed`）  
-- **更新** 使用 `let` 宣告的變數以反映變化的條件  
-- **結合** 多個變數來創建有意義的訊息  
+
+**逐部分分析：**
+- **用**模板字串 `${}` 語法顯示訊息
+- **使用**點號操作符讀取物件屬性（`weatherData.windSpeed`）
+- **更新**用 `let` 宣告的變數反映變化的狀況
+- **結合**多個變數創造有意義的訊息
 
 ```javascript
-// Step 4: Modern destructuring for cleaner code
+// 第4步：使用現代解構賦值令代碼更清晰
 const { location, humidity } = weatherData; 
 console.log(`${location} humidity: ${humidity}%`);
 ```
-  
-**你需要知道的事情：**  
-- **提取** 物件中的特定屬性，使用解構賦值  
-- **自動創建** 與物件鍵相同名稱的新變數  
-- **簡化** 程式碼，避免重複使用點符號  
 
-### 控制流程：教會程式如何思考
+**你需要知道的是：**
+- **用**解構賦值擷取物件中特定屬性
+- **自動**透過物件鍵名建立新變數
+- **簡化**程式碼避免重複點號操作
+
+### 控制流程：教你的程式如何思考
 
-好吧，這是程式設計中最令人驚嘆的部分！**控制流程** 基本上就是教你的程式如何做出明智的決定，就像你每天不假思索地做的那樣。
+好了，這裡程式設計開始真正讓人驚豔！**控制流程**基本上就是教你的程式做出明智選擇，就像你每天不假思索地一樣。
 
-想像一下：今天早上你可能經歷了這樣的情況：「如果下雨，我會帶傘。如果天冷，我會穿外套。如果我遲到了，我會跳過早餐，改在路上買咖啡。」你的大腦每天自然地遵循這種 if-then 邏輯數十次！
+想像這樣：今天早上你可能是這樣想，「如果下雨，我就帶傘；如果冷，我就穿外套；如果要遲到了，就跳過早餐直接買咖啡。」大腦每天自動無數次使用這種「如果…那麼」的邏輯！
 
-這就是讓程式感覺聰明且充滿活力的原因，而不是僅僅遵循一些無聊、可預測的腳本。它們實際上可以觀察情況，評估發生的事情，並做出適當的反應。這就像給你的程式一個可以適應和做出選擇的大腦！
+這讓程式看起來智能又靈活，而不是只是照著死板無聊的指令執行。它們能觀察情況，評估正在發生什麼，並做出適當反應。就像給你的程式裝了一顆能判斷的腦袋！
 
-想看看這是如何運作的嗎？讓我來展示給你看：
+想看看這運作有多美妙？讓我給你示範：
 
 ```javascript
-// Step 1: Basic conditional logic
+// 第一步：基本條件邏輯
 const userAge = 17;
 
 if (userAge >= 18) {
@@ -389,15 +387,15 @@ if (userAge >= 18) {
   console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
 }
 ```
-  
-**這段程式碼的作用是：**  
-- **檢查** 使用者的年齡是否符合投票資格  
-- **執行** 不同的程式碼塊，根據條件結果  
-- **計算** 並顯示距離符合投票資格還有多久（如果未滿 18 歲）  
-- **提供** 每種情況的具體、有幫助的反饋  
+
+**這段程式碼做了這些事：**
+- **檢查**使用者年齡是否符合投票資格
+- **根據**條件結果執行不同程式區塊
+- **計算**若未滿18歲，還需多久可投票
+- **提供**針對不同情況的具體幫助訊息
 
 ```javascript
-// Step 2: Multiple conditions with logical operators
+// 第2步：使用邏輯運算符的多重條件
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
   console.log("Sorry, you must be at least 16 years old.");
 }
 ```
-  
-**解析這裡發生的事情：**  
-- **結合** 多個條件，使用 `&&`（和）運算符  
-- **創建** 條件層次結構，使用 `else if` 處理多種情況  
-- **處理** 所有可能的情況，使用最後的 `else` 語句  
-- **提供** 每種不同情況的清晰、可操作的反饋  
+
+**細說這裡發生的事：**
+- **用** `&&`（且）運算符組合多個條件
+- **用** `else if` 建立條件層次處理多種情景
+- **用**最後的 `else` 處理所有未涵蓋的情況
+- **提供**針對每種情況明確且可實行的回饋
 
 ```javascript
-// Step 3: Concise conditional with ternary operator
+// 第3步：用三元運算子寫簡潔嘅條件判斷
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
-  
-**你需要記住的事情：**  
-- **使用** 三元運算符（`? :`）處理簡單的兩種選擇條件  
-- **先寫** 條件，接著是 `?`，然後是條件為真時的結果，再接著是 `:`，最後是條件為假時的結果  
-- **應用** 這種模式，當你需要根據條件分配值時  
+
+**你要記住：**
+- **用**三元運算子 (`? :`) 處理簡單兩項條件
+- **格式**為 先寫條件，再問號，接著是真值結果，再冒號，最後是假值結果
+- **適用於**需要根據條件賦值時
 
 ```javascript
-// Step 4: Handling multiple specific cases
+// 第4步：處理多個特定情況
 const dayOfWeek = "Tuesday";
 
 switch (dayOfWeek) {
@@ -447,58 +445,57 @@ switch (dayOfWeek) {
     console.log("Invalid day of the week");
 }
 ```
-  
-**這段程式碼完成了以下任務：**  
-- **匹配** 變數值與多個特定情況  
-- **將** 相似的情況分組（工作日與週末）  
-- **執行** 當找到匹配時的適當程式碼塊  
-- **包含** 一個 `default` 情況來處理意外值  
-- **使用** `break` 語句，防止程式繼續執行下一個情況  
 
-> 💡 **現實生活中的類比**：將控制流程想像成擁有世界上最有耐心的 GPS 為你指路。它可能會說：「如果主街有交通堵塞，改走高速公路。如果高速公路有施工，試試風景路線。」程式使用的正是這種條件邏輯，來智能地應對不同情況，並始終為用戶提供最佳的體驗。
+**這段程式完成了：**
+- **比對**變數值是否符合特定多個案例
+- **集合**類似案例（平日 vs. 週末）
+- **執行**找到匹配時的程式區塊
+- **包含** `default` 來對付意外數值
+- **用** `break` 阻止執行下個案例
+
+> 💡 **現實生活比喻**：把控制流程想成世上最有耐心的 GPS 給你指路。它可能說「如果主街有塞車，就走高速公路。如果高速公路施工，就走風景路線。」程式用這種條件邏輯智慧地回應不同情境，總是給用戶最佳體驗。
 
-### 🎯 **概念檢查：掌握基礎知識**
+### 🎯 **概念測試：組件掌握度**
 
-**來看看你對基礎知識的掌握情況：**  
-- 你能用自己的話解釋變數和語句的區別嗎？  
-- 想一個現實生活中你會用到 if-then 決策的情境（比如我們的投票例子）  
-- 程式邏輯中有什麼讓你感到驚訝的地方嗎？  
+**來看看你對基礎的掌握：**
+- 你能用自己的話解釋變數和陳述句的差別嗎？
+- 想個現實生活中用 if-then 決策的例子（像我們的投票範例）
+- 程式邏輯中哪件事讓你最驚訝？
 
-**快速信心提升：**  
+**快速自信加強：**
 ```mermaid
 flowchart LR
-    A["📝 Statements<br/>(Instructions)"] --> B["📦 Variables<br/>(Storage)"] --> C["🔀 Control Flow<br/>(Decisions)"] --> D["🎉 Working Program!"]
+    A["📝 陳述<br/>(指令)"] --> B["📦 變數<br/>(儲存)"] --> C["🔀 控制流程<br/>(決策)"] --> D["🎉 運行程式！"]
     
     style A fill:#ffeb3b
     style B fill:#4caf50
     style C fill:#2196f3
     style D fill:#ff4081
 ```
-  
-✅ **接下來的內容**：我們將繼續深入探討這些概念，這將是一段令人興奮的旅程！現在，只需專注於感受對未來無限可能的興奮。隨著我們一起練習，具體的技能和技術會自然地融入你的腦海中——我保證，這將比你想像的更有趣！
+✅ **接下來的內容**：我們將更深入探討這些概念，展開一段令人興奮的程式設計之旅！現在只要感受到對未來無限可能的期待就好。隨著練習，技能和技巧自會自然紮根——我保證這會比你想像中更有趣！
 
-## 工具箱
+## 開發必備工具
 
-好吧，這是我真的興奮到無法自已的地方！🚀 我們即將討論一些令人驚嘆的工具，這些工具會讓你感覺自己像是剛剛拿到了數位太空船的鑰匙。
+老實說，談到這裡我超級興奮都快按捺不住了！🚀 我們要聊聊能讓你感覺像拿到數碼太空船鑰匙的不可思議工具。
 
-你知道嗎，廚師有那些用起來得心應手的刀具，音樂家有那把一彈就能發出美妙聲音的吉他？而開發者也有我們自己的這些神奇工具，最棒的是——它們大多是完全免費的！
+你知道廚師擁有那些像手臂延伸一樣的完美平衡刀具嗎？或者音樂家有一把觸碰就彷彿會歌唱的吉他？程序開發者有自己的魔法工具，而這裡有個絕對讓你驚嘆的秘密——大部分工具都是完全免費的！
 
-想到要和你分享這些工具，我簡直興奮得坐不住了，因為它們徹底改變了我們開發軟體的方式。我們要談的是 AI 驅動的程式碼助手，它們可以幫助你撰寫程式碼（我不是在開玩笑！），還有雲端環境，讓你可以在任何有 Wi-Fi 的地方構建完整的應用程式，甚至還有像 X 光一樣的除錯工具，能讓你看穿程式的內部。
+我幾乎在椅子上跳起來想跟你分享，因為它們徹底改變了我們開發軟體的方式。我們說的是 AI 助理能幫你寫程式碼（我不是開玩笑！）、雲端環境讓你隨時隨地用 Wi-Fi 打造整個應用程式，以及超級強大的偵錯工具，就像你擁有程式的 X 光視力。
 
-最讓我激動的是：這些工具並不是你剛開始學習時用的「入門工具」，然後就會被淘汰。這些正是 Google、Netflix 和你喜歡的那些獨立應用工作室的開發者此刻正在使用的專業級工具。使用它們時，你會感覺自己像個專業人士！
+而且讓我起雞皮疙瘩的是：這些工具不是你用完就扔的「入門工具」。它們正是 Google、Netflix，以及你喜愛的獨立應用開發工作室的開發者們現在正在用的專業級工具。你會感覺自己超專業地使用它們！
 
 ```mermaid
 graph TD
-    A["💡 Your Idea"] --> B["⌨️ Code Editor<br/>(VS Code)"] 
-    B --> C["🌐 Browser DevTools<br/>(Testing & Debugging)"]
-    C --> D["⚡ Command Line<br/>(Automation & Tools)"]
-    D --> E["📚 Documentation<br/>(Learning & Reference)"]
-    E --> F["🚀 Amazing Web App!"]
+    A["💡 你的點子"] --> B["⌨️ 程式編輯器<br/>(VS Code)"] 
+    B --> C["🌐 瀏覽器開發工具<br/>(測試與除錯)"]
+    C --> D["⚡ 命令列<br/>(自動化與工具)"]
+    D --> E["📚 文件說明<br/>(學習與參考)"]
+    E --> F["🚀 驚人的網頁應用程式！"]
     
-    B -.-> G["🤖 AI Assistant<br/>(GitHub Copilot)"]
-    C -.-> H["📱 Device Testing<br/>(Responsive Design)"]
-    D -.-> I["📦 Package Managers<br/>(npm, yarn)"]
-    E -.-> J["👥 Community<br/>(Stack Overflow)"]
+    B -.-> G["🤖 人工智能助手<br/>(GitHub Copilot)"]
+    C -.-> H["📱 裝置測試<br/>(響應式設計)"]
+    D -.-> I["📦 套件管理器<br/>(npm, yarn)"]
+    E -.-> J["👥 社群<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
     style F fill:#c8e6c9
@@ -507,348 +504,350 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-  
-### 程式碼編輯器和 IDE：你的新數位好夥伴
+### 程式碼編輯器和 IDE：你的新數碼摯友
 
-來聊聊程式碼編輯器——這些將成為你最愛的工作場所！把它們想像成你的個人編碼聖地，在這裡你會花大部分時間來創作和完善你的數位作品。
+來聊聊程式碼編輯器——它們很快就會成為你最愛待的地方！想像成你專屬的程式碼聖地，你會在這裡花最多時間打造和精進你的數碼創作。
 
-但現代編輯器的神奇之處在於：它們不僅僅是高級的文字編輯器。它們就像有一位最聰明、最支持你的編碼導師，24/7 陪伴在你身邊。它們在你注意到之前就抓住你的拼寫錯誤，提出讓你看起來像天才的改進建議，幫助你理解每段程式碼的作用，有些甚至能預測你接下來要輸入什麼，並主動幫你完成！
+現代編輯器的厲害之處在於：它們不僅是華麗的文字編輯器。它們就像全天候陪在你身邊的最棒程式碼導師。它們在你發現打錯前就幫你抓錯，還建議你讓程式更酷的改進，幫助你理解每行程式碼的意義，有些甚至能預測你下一句想打的內容，並幫你完成它！
 
-我還記得第一次發現自動完成功能時的感覺——我真的覺得自己活在未來。你開始輸入某些東西，然後你的編輯器會說：「嘿，你是不是在想這個正好符合你需求的函數？」這就像有一個讀心術的編碼夥伴！
+我記得第一次發現自動補全功能時，感覺自己活在未來。你開始打字，編輯器馬上跳出說「嘿，你是不是想用這個正好符合作業的函式？」真的是像有個讀心的程式夥伴！
 
-**這些編輯器為什麼這麼厲害？**
+**這些編輯器厲害在哪裡？**
 
-現代程式碼編輯器提供了一系列令人印象深刻的功能，旨在提高你的生產力：
+現代程式碼編輯器提供令人印象深刻的功能來提升你的生產力：
 
-| 功能 | 功能描述 | 幫助原因 |
-|------|----------|----------|
-| **語法高亮** | 為程式碼的不同部分上色 | 讓程式碼更易讀，方便發現錯誤 |
-| **自動完成** | 在你輸入時建議程式碼 | 加快編碼速度並減少拼寫錯誤 |
-| **除錯工具** | 幫助你找到並修復錯誤 | 節省大量排查問題的時間 |
-| **擴展功能** | 添加專門功能 | 根據任何技術自定義你的編輯器 |
-| **AI 助手** | 提供程式碼建議和解釋 | 加速學習和提高生產力 |
+| 功能 | 功用 | 為什麼有幫助 |
+|---------|--------------|--------------|
+| **語法高亮** | 把程式碼部分分色 | 讓程式碼更易讀且容易發現錯誤 |
+| **自動補全** | 打字時建議程式碼 | 加快撰寫速度並減少錯字 |
+| **偵錯工具** | 幫助找出並修正錯誤 | 節省大量排錯時間 |
+| **擴充套件** | 加入專門功能 | 客製化你的編輯器適合任何技術 |
+| **AI 助理** | 建議程式碼和解說 | 加速學習與提高效率 |
 
-> 🎥 **影片資源**：想看看這些工具的實際運作嗎？查看這個 [工具箱影片](https://youtube.com/watch?v=69WJeXGBdxg) 獲取全面概覽。
+> 🎥 **影片資源**：想看這些工具如何運作嗎？點此觀看[開發工具影片](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) - 即時協作  
-  - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - 自動程式碼格式化  
-  - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - 捕捉程式碼中的拼寫錯誤  
+**[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) - 程式碼拼寫檢查
 
-**[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 開始——免費，業界廣泛使用，且社群強大，擁有豐富的教學與擴充套件資源。
 
 ### 網頁瀏覽器：你的秘密開發實驗室
 
-準備好讓你的腦袋完全被震撼吧！你知道嗎，你一直用來瀏覽社交媒體和觀看影片的瀏覽器，其實隱藏著一個令人難以置信的開發者實驗室，就等著你去發現！
+好了，準備好大開眼界吧！你知道你一直用瀏覽器滑社群媒體和看影片對吧？實際上它們藏著一個超強的秘密開發實驗室，就在隨時待你發現！
 
-每次你右鍵點擊網頁並選擇「檢查元素」時，你就打開了一個隱藏的開發者工具世界，這些工具的功能其實比我以前花幾百美元購買的昂貴軟體還要強大。這就像發現你的普通廚房後面隱藏著一個專業廚師的實驗室一樣！
-第一次有人向我展示瀏覽器的開發者工具（DevTools）時，我花了三個小時不停地點來點去，心裡一直在想：「等等，它居然還能做到這些？！」你可以即時編輯任何網站，查看所有內容的加載速度，測試網站在不同設備上的外觀，甚至像專業人士一樣調試 JavaScript。這簡直太令人驚嘆了！
+每次你在網頁右鍵點選「檢查元素」，就是開啟了一個隱藏的開發者工具世界。這些工具的威力甚至比我以前花大錢買的軟體還強大。這就像發現你普通的廚房，背後竟藏著專業主廚的實驗室秘密通道！
+第一次有人向我展示瀏覽器 DevTools 時，我花了大概三個小時一直點來點去，心想「等等，它還能做到這個？！」你真的可以即時編輯任何網站，準確看到所有東西載入的速度，測試網站在不同裝置上的外觀，甚至可以像專業人士一樣調試 JavaScript。這真是令人震驚！
 
-**以下是瀏覽器成為你秘密武器的原因：**
+**這就是為何瀏覽器是你秘密武器的原因：**
 
-當你創建網站或網頁應用時，你需要了解它在真實世界中的外觀和行為。瀏覽器不僅展示你的作品，還提供有關性能、可訪問性和潛在問題的詳細反饋。
+當你創建網站或網頁應用程式時，你需要看到它在真實世界中的外觀和行為。瀏覽器不僅顯示你的作品，還提供關於效能、可存取性和潛在問題的詳細反饋。
 
-#### 瀏覽器開發者工具（DevTools）
+#### 瀏覽器開發者工具 (DevTools)
 
 現代瀏覽器包含全面的開發套件：
 
-| 工具類別 | 功能 | 使用案例 |
-|----------|------|----------|
-| **元素檢查器** | 即時查看和編輯 HTML/CSS | 調整樣式並立即查看效果 |
-| **控制台** | 查看錯誤信息並測試 JavaScript | 調試問題並嘗試代碼 |
-| **網絡監控** | 跟蹤資源加載情況 | 優化性能和加載時間 |
-| **可訪問性檢查器** | 測試包容性設計 | 確保網站適合所有用戶 |
-| **設備模擬器** | 預覽不同屏幕尺寸 | 測試響應式設計而無需多台設備 |
+| 工具類別 | 功能說明 | 範例用途 |
+|----------|----------|----------|
+| **元素檢視器** | 即時查看和編輯 HTML/CSS | 調整樣式以立即看到效果 |
+| **主控台** | 查看錯誤訊息和測試 JavaScript | 調試問題和試驗程式碼 |
+| **網路監控器** | 追蹤資源載入狀況 | 優化效能和載入時間 |
+| **可存取性檢查** | 測試無障礙設計 | 確保網站適合所有使用者 |
+| **裝置模擬器** | 預覽不同螢幕尺寸 | 測試響應式設計無需多裝置 |
 
-#### 推薦的開發瀏覽器
+#### 建議開發用瀏覽器
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 業界標準的開發者工具，擁有豐富的文檔
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 出色的 CSS Grid 和可訪問性工具
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - 基於 Chromium，擁有微軟的開發資源
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - 業界標準 DevTools，有豐富文件資源
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - 出色的 CSS Grid 與可存取性工具
+- **[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年代駭客電影裡的東西，我肯定不夠聰明！」😅
 
-命令行是開發者感覺自己像巫師的地方。你輸入幾個看似神奇的詞（好吧，它們只是命令，但感覺很神奇！），按下回車鍵，然後——砰——你創建了整個項目結構，安裝了來自世界各地的強大工具，或者將你的應用部署到互聯網上供數百萬人使用。一旦你嘗到這種力量的滋味，真的會上癮！
+但我當時希望有人告訴我，也現在想告訴你的是真相：指令行並不可怕——它其實就像在和你的電腦直接對話。想像一下，用有圖片和菜單的精美App點餐（簡單方便）跟走進你常去的餐廳，廚師準確知道你喜歡什麼且只要你說「給我點驚喜」就能做出完美餐點的差別。
 
-**為什麼命令行會成為你最喜歡的工具：**
+指令行是開發者覺得自己像魔法師的地方。你輸入幾個看似神奇的字（其實只是命令，但感覺就像魔法），按下 Enter，砰——你就創建了整個專案結構，安裝了全球強大的工具，或者將你的應用部署到網路，讓數百萬人看到。當你第一次感受到這種力量，就真的會上癮！
 
-雖然圖形界面在許多任務中表現出色，但命令行在自動化、精確性和速度方面更勝一籌。許多開發工具主要通過命令行界面工作，學會高效使用它們可以顯著提高你的生產力。
+**為何指令行會成為你最喜歡的工具：**
+
+雖然圖形介面適合許多工作，但指令行在自動化、精確度和速度上表現優異。許多開發工具主要透過指令行介面運作，學會有效使用它們能大幅提高工作效率。
 
 ```bash
-# Step 1: Create and navigate to project directory
+# 第一步：建立並進入項目目錄
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**這段代碼的作用：**
-- **創建**一個名為「my-awesome-website」的新目錄作為你的項目
-- **進入**新創建的目錄開始工作
+**這段程式碼做了什麼：**
+- **建立** 一個叫做「my-awesome-website」的新資料夾當專案資料夾
+- **進入** 剛建立的資料夾開始工作
 
 ```bash
-# Step 2: Initialize project with package.json
+# 第 2 步：使用 package.json 初始化專案
 npm init -y
 
-# Install modern development tools
+# 安裝現代開發工具
 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
-# Step 3: Create project structure and files
+# 第三步：建立項目結構和檔案
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
-# Start development server
+# 啟動開發伺服器
 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/)** | JavaScript 執行環境和套件管理 | 瀏覽器外執行 JavaScript，安裝現代開發工具 |
+| **[Vite](https://vitejs.dev/)** | 建置工具與開發伺服器 | 超快開發，支援模組熱替換 |
+| **[ESLint](https://eslint.org/)** | 程式碼品質檢查 | 自動發現和修正 JavaScript 問題 |
+| **[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)** 💻 - 傳統的 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)** 💻 - 強大的指令腳本環境
+- **[命令提示字元](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - 傳統 Windows 命令行
 
 **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/)** 💻 - 標準 Linux shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - 高級終端模擬器
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Linux 標準 Shell
+- **[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 中打開當前目錄）。隨著你越來越熟悉，你會自然掌握更多高級命令和自動化技術。
 
-### 文檔：你的隨時可用學習導師
+### 文件資料：你永遠取得的學習導師
 
-好吧，讓我分享一個小秘密，這會讓你對自己是初學者的身份感覺好很多：即使是最有經驗的開發者，也會花大量時間閱讀文檔。而這並不是因為他們不知道自己在做什麼——這其實是智慧的象徵！
+好了，我要分享一個小秘密，它會讓你對自己是新手的身份感到更安心：即便是最資深的開發者，也花大量時間閱讀文件。這不代表他們不懂事情，而是智慧的象徵！
 
-把文檔想像成擁有世界上最耐心、最知識淵博的老師，他們全天候都在你身邊。凌晨2點卡在一個問題上？文檔會以溫暖的虛擬擁抱和你需要的答案陪伴你。想了解大家都在談論的某個新功能？文檔會提供分步示例支持你。想弄清楚某些東西為什麼會這樣運作？你猜對了——文檔會以一種讓你恍然大悟的方式解釋清楚！
+把文件看作是世界上最有耐心、最博學的老師，全天候隨時待命。凌晨兩點卡關了？文件就像溫暖的虛擬擁抱，給你正確答案。想學習大家都在談論的新功能？文件有逐步範例支援你。想知道為什麼某件事情是這樣運作？沒錯，文件會用淺顯易懂的方式解釋，讓你恍然大悟！
 
-有一件事徹底改變了我的看法：網頁開發世界發展得非常快，沒有人（我指的是絕對沒有人！）能把所有東西都記住。我曾看過擁有15年以上經驗的資深開發者查詢基本語法，你知道嗎？這並不丟人——這很聰明！重點不是擁有完美的記憶力，而是知道如何快速找到可靠的答案並理解如何應用它們。
+改變我觀點的一件事是：網頁開發世界變化非常快，沒有人（重點是沒有人！）會把所有細節都記牢。我看到有超過 15 年經驗的資深開發者還查語法，沒什麼尷尬的——那很聰明！重點不是記憶完美，而是知道快速找到可靠答案並解決問題。
 
-**真正的魔力在這裡：**
+**真實魔法發生在這裡：**
 
-專業開發者花大量時間閱讀文檔——不是因為他們不知道自己在做什麼，而是因為網頁開發領域發展迅速，保持更新需要不斷學習。優秀的文檔不僅幫助你理解如何使用某些工具，還幫助你理解為什麼以及何時使用它們。
+專業開發者花大部分時間閱讀文件，不是因為不會做，而是因為網頁開發快速演進，要持續學習才能跟上。優秀文件讓你不只懂「怎麼用」，更了解「為什麼要用」和「什麼時候用」。
 
-#### 必備文檔資源
+#### 重要文件資源
 
 **[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- 網頁技術文檔的黃金標準
-- 提供 HTML、CSS 和 JavaScript 的全面指南
-- 包括瀏覽器兼容性信息
-- 提供實用示例和交互式演示
+- 網頁技術文件的黃金標準
+- 包羅萬象的 HTML、CSS 和 JavaScript 指南
+- 包含瀏覽器相容性資訊
+- 實用範例與互動示範
 
-**[Web.dev](https://web.dev)** (由 Google 提供)
+**[Web.dev](https://web.dev)** (Google 出品)
 - 現代網頁開發最佳實踐
-- 性能優化指南
-- 可訪問性和包容性設計原則
-- 真實項目的案例研究
+- 效能優化指南
+- 無障礙與包容設計原則
+- 真實案例研究
 
 **[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge 瀏覽器開發資源
-- 漸進式網頁應用指南
-- 跨平台開發洞察
+- 漸進式網頁應用程式指導
+- 跨平台開發見解
 
 **[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
 - 結構化學習課程
-- 行業專家提供的視頻課程
-- 實踐編程練習
+- 業界專家影音教學
+- 實作練習
 
-> 📚 **學習策略**：不要試圖記住文檔——而是學會如何高效地瀏覽它。收藏常用的參考資料，練習使用搜索功能快速找到特定信息。
+> 📚 **學習策略**：不要試著背文件，而是學習如何高效瀏覽。收藏常用參考，練習使用搜尋功能迅速找到所需資訊。
 
-### 🔧 **工具掌握檢查：什麼讓你感到興奮？**
+### 🔧 **工具掌握檢核：你對什麼最有共鳴？**
 
-**花點時間思考：**
-- 你最想先嘗試哪個工具？（沒有錯誤的答案！）
-- 命令行是否仍然讓你感到害怕，或者你對它感到好奇？
-- 你能想像使用瀏覽器開發者工具來窺探你最喜歡的網站背後的秘密嗎？
+**暫停一下思考：**
+- 你最想先嘗試哪個工具？（沒有錯誤答案！）
+- 指令行還讓你感到害怕，還是覺得好奇了？
+- 你會想用瀏覽器 DevTools 來窺探喜愛網站的運作嗎？
 
 ```mermaid
-pie title "Developer Time Spent With Tools"
-    "Code Editor" : 40
-    "Browser Testing" : 25
-    "Command Line" : 15
-    "Reading Docs" : 15
-    "Debugging" : 5
+pie title "開發者花在工具上的時間"
+    "程式編輯器" : 40
+    "瀏覽器測試" : 25
+    "命令列" : 15
+    "閱讀文件" : 15
+    "除錯" : 5
 ```
+> **有趣洞察**：大部分開發者約 40% 時間待在程式碼編輯器中，但注意測試、學習和解決問題花了多少時間。寫程式不只是寫程式碼，而是在塑造使用者體驗！
 
-> **有趣的洞察**：大多數開發者大約40%的時間花在代碼編輯器上，但注意有多少時間用於測試、學習和解決問題。編程不僅僅是寫代碼——它是創造體驗！
-
-✅ **思考食糧**：這裡有一個有趣的問題值得思考——你認為用於構建網站的工具（開發）和設計網站外觀的工具（設計）有什麼不同？這就像設計一座漂亮房子的建築師和實際建造它的承包商之間的區別。兩者都至關重要，但需要不同的工具箱！這種思考方式真的能幫助你看到網站如何誕生的全貌。
+✅ **思考題**：這有趣的是，網站「開發」（寫程式碼）工具，和網站「設計」（外觀設計）工具會有什麼差別？就像建築師設計漂亮房子，跟實際承包商蓋房子，兩者都很重要但工具箱不一樣！這種想法會幫你看到網站誕生的全貌。
 
 ## GitHub Copilot Agent 挑戰 🚀
 
 使用 Agent 模式完成以下挑戰：
 
-**描述：** 探索現代代碼編輯器或 IDE 的功能，展示它如何改善你作為網頁開發者的工作流程。
+**描述：** 探索一款現代程式碼編輯器或 IDE 的功能，並示範它如何提升你作為網頁開發者的工作流程。
 
-**提示：** 選擇一個代碼編輯器或 IDE（例如 Visual Studio Code、WebStorm 或基於雲的 IDE）。列出三個幫助你更高效地編寫、調試或維護代碼的功能或擴展。對每個功能進行簡要說明，解釋它如何改善你的工作流程。
+**提示：** 選擇一款程式碼編輯器或 IDE（如 Visual Studio Code、WebStorm、或雲端 IDE）。列出三個功能或擴充套件，說明它們如何幫助你更有效率地撰寫、調試或維護程式碼。並針對每項說明其對工作流程的好處。
 
 ---
 
 ## 🚀 挑戰
 
-**好了，偵探，準備好迎接你的第一個案件了嗎？**
+**偵探，你準備好接案了嗎？**
 
-現在你已經有了這麼棒的基礎，我有一個冒險任務，將幫助你看到編程世界的多樣性和迷人之處。聽著——這不是要你現在就開始寫代碼，所以不用有壓力！把自己想像成一個編程語言偵探，正在進行你的第一個激動人心的案件！
+現在你已打下超棒的基礎，我會帶你一趟冒險，看清楚程式世界究竟多麼多元且有趣。聽我說——這還不是寫程式碼的時候，別有壓力！把自己當成程式語言偵探，接受你人生的第一個有趣案件！
 
-**你的任務，如果你選擇接受：**
-1. **成為語言探索者**：選擇三種來自完全不同領域的編程語言——也許一種用於構建網站，一種用於創建移動應用，一種用於科學家數據分析。找到每種語言中完成同一簡單任務的示例代碼。我保證你會驚訝於它們在完成相同事情時的不同表現！
+**你的任務（如你願意接受）：**
+1. **成為語言探險家**：從完全不同領域挑三種程式語言——比方說，一個是用來建網站，一個用來寫手機應用，一個用於科學資料分析。找出同一個簡單任務在每種語言的範例。我保證你會驚訝地發現他們外觀可以完全不同，做出來卻一樣！
 
-2. **揭開它們的起源故事**：每種語言有什麼特別之處？這裡有個有趣的事實——每一種編程語言的誕生都是因為有人認為：「你知道嗎？一定有更好的方法來解決這個特定問題。」你能找出那些問題是什麼嗎？其中一些故事真的非常有趣！
+2. **挖掘起源故事**：什麼讓每種語言特別？冷知識來了——每種程式語言的誕生都是因為有人想著：「有沒有更好的方法來解決這個特定問題？」你能找出這些問題是什麼嗎？背後故事真心很吸引人！
 
-3. **了解它們的社群**：看看每種語言的社群有多熱情和友好。有些語言的開發者數以百萬計，分享知識並互相幫助；有些語言的社群規模較小，但非常緊密和支持。你會喜歡看到這些社群的不同個性！
+3. **認識社群**：看看每個語言的社群有多熱情和包容。有些社群有數百萬開發者共享知識助人，有些則是小而緊密支持彼此。你會喜歡看到這些社群的不同個性！
 
-4. **跟隨你的直覺**：哪種語言現在對你來說最容易接近？不要為做出「完美」的選擇而感到壓力——只需聽從你的直覺！這裡真的沒有錯誤的答案，你以後可以隨時探索其他語言。
+4. **跟隨直覺**：現在哪個語言感覺最親切？別擔心做「完美」選擇——只要聽從你的直覺！這裡沒有錯答案，未來你隨時都能探索其他語言。
 
-**額外偵探工作**：看看你能否發現哪些主要網站或應用是用每種語言構建的。我保證你會對 Instagram、Netflix 或你停不下來玩的那款手機遊戲背後的技術感到震驚！
+**額外偵探工作**：試著發掘每種語言支持開發了哪些大型網站或應用。我敢保證，你會震驚 Instagram、Netflix 或你停不下來玩的手機遊戲是用什麼寫成的！
 
-> 💡 **記住**：今天你並不是要成為這些語言的專家。你只是先熟悉一下這些領域，然後再決定在哪裡安家。慢慢來，享受這個過程，讓你的好奇心引導你！
+> 💡 **記住**：你今天不是要成為專家，只是先熟悉這個領域，看看想在哪裡落腳。慢慢來，玩得開心，讓好奇心引領你！
 
-## 讓我們慶祝你的發現！
+## 來慶祝你發現的新世界！
 
-天啊，你今天吸收了這麼多令人難以置信的信息！我真的很期待看到你從這段精彩旅程中學到了多少。而且記住——這不是一個需要你完美答題的測試。這更像是一次慶祝，慶祝你所學到的所有關於這個迷人世界的知識！
+哇哩咧，你今天吸收了超多精彩資訊！我真心期待知道這趟精彩旅程中，你留下了多少印象。記住——這不是考試，不用全數完美通過。這是一場你對即將進入的奇妙世界認識的慶祝派對！
 
-[參加課後測驗](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/)。不要害怕嘗試——你不會弄壞任何東西！
-- 閱讀你喜歡的程式語言的誕生故事。真的，有些故事非常有趣，能幫助你理解為什麼這些語言會以現在的方式運作。
+**親身實踐程式語言：**
+- 瀏覽你感興趣的 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/)。程式設計社群對新人非常友善！
+- 在 YouTube 上看一些適合初學者的編程影片。有許多優秀的創作者記得當初入門時的感受。
+- 考慮參加本地聚會或線上社群。相信我，開發者們很樂意幫助新人！
 
-**加入社群：**
-- 追蹤一些開發者社群，例如 [Dev.to](https://dev.to/)、[Stack Overflow](https://stackoverflow.com/) 或 [GitHub](https://github.com/)。程式開發社群對新手非常友好！
-- 在 YouTube 上觀看一些適合初學者的程式教學影片。有很多優秀的創作者，他們都記得自己剛開始學習時的感受。
-- 考慮加入本地的聚會或線上社群。相信我，開發者們非常樂意幫助新手！
+> 🎯 **聽著，這是我希望你記得的**：你不需要一夕之間成為程式高手！現在，你只是在認識即將加入的這個精彩世界。慢慢來，享受過程，並記得——每一個你敬佩的開發者都曾坐在你現在的位置，既興奮又可能有些茫然。這很正常，也代表你做得很對！
 
-> 🎯 **聽著，我希望你記住這一點**：沒有人期望你一夜之間成為程式高手！現在，你只是開始了解這個令人驚嘆的新世界。慢慢來，享受這段旅程，記住——你所崇拜的每一位開發者曾經也坐在你現在的位置上，感到興奮，也許有點不知所措。這是完全正常的，這意味著你正在正確地進行！
 
 ## 作業
 
-[閱讀文件](assignment.md)
+[Reading the Docs](assignment.md)
 
-> 💡 **給你的作業一點提示**：我非常希望看到你探索一些我們還沒提到的工具！跳過我們已經討論過的編輯器、瀏覽器和命令行工具——還有一整個令人驚嘆的開發工具宇宙等著你去發掘。尋找那些活躍維護並擁有充滿活力、樂於助人的社群的工具（這些工具通常有最好的教學資源和最支持的社群，當你遇到困難需要幫助時，會有友善的手伸向你）。
+> 💡 **作業的小提示**：我非常希望看到你探索我們還沒提過的工具！跳過已講過的編輯器、瀏覽器和指令列工具——有整個令人驚嘆的開發工具世界正等待你發現。挑選那些仍積極維護且擁有活躍、熱心社群的工具（這些通常有最棒的教學，當你卡住需要幫助時也有最支持你的人）。
 
 ---
 
 ## 🚀 你的程式設計旅程時間表
 
-### ⚡ **接下來5分鐘可以做的事**
-- [ ] 收藏2-3個吸引你注意的程式語言網站
-- [ ] 如果還沒下載 Visual Studio Code，趕快下載吧
-- [ ] 打開瀏覽器的開發者工具（F12），隨便點點看任何網站
+### ⚡ **接下來 5 分鐘能做的事**
+- [ ] 標記 2-3 個你有興趣的程式語言網站
+- [ ] 如果還沒下載，趕快下載 Visual Studio Code
+- [ ] 打開瀏覽器的開發者工具（F12），並在任一網站隨意點擊
 - [ ] 加入一個程式設計社群（Dev.to、Reddit r/webdev 或 Stack Overflow）
 
-### ⏰ **接下來一小時可以完成的事**
+### ⏰ **接下來 1 小時可完成的事**
 - [ ] 完成課後測驗並反思你的答案
-- [ ] 設置 VS Code 並安裝 GitHub Copilot 擴展
-- [ ] 在線上嘗試兩種不同程式語言的 "Hello World" 範例
-- [ ] 在 YouTube 上觀看 "開發者的一天" 影片
-- [ ] 開始你的程式語言探索（來自挑戰）
-
-### 📅 **一週的冒險**
-- [ ] 完成作業並探索3個新的開發工具
-- [ ] 在社交媒體上追蹤5位開發者或程式設計相關帳號
-- [ ] 在 CodePen 或 Replit 上嘗試建立一些小作品（即使只是 "Hello, [你的名字]!"）
-- [ ] 閱讀一篇開發者的部落格文章，了解他們的程式設計旅程
-- [ ] 參加一次線上聚會或觀看程式設計講座
-- [ ] 開始使用線上教學學習你選擇的程式語言
-
-### 🗓️ **一個月的蛻變**
-- [ ] 建立你的第一個小型專案（即使只是簡單的網頁也算！）
-- [ ] 為開源專案做出貢獻（從修正文件開始）
-- [ ] 指導一位剛開始學習程式設計的人
-- [ ] 建立你的開發者作品集網站
-- [ ] 與本地開發者社群或學習小組建立聯繫
-- [ ] 開始規劃你的下一個學習里程碑
-
-### 🎯 **最終反思檢查**
-
-**在繼續之前，花點時間慶祝一下：**
-- 今天有什麼關於程式設計的事情讓你感到興奮？
-- 你最想先探索哪個工具或概念？
-- 你對開始這段程式設計旅程有什麼感受？
-- 你現在最想問開發者的一個問題是什麼？
+- [ ] 設定 VS Code，安裝 GitHub Copilot 擴充套件
+- [ ] 線上嘗試兩種程式語言寫「Hello World」範例
+- [ ] 看一部 YouTube 上的「開發者的一天」影片
+- [ ] 開始你的程式語言偵探任務（依挑戰內容）
+
+### 📅 **你的一週冒險計畫**
+- [ ] 完成作業，探索 3 種全新開發工具
+- [ ] 在社群媒體上追蹤 5 位開發者或程式相關帳號
+- [ ] 嘗試在 CodePen 或 Replit 製作一些小作品（即使只是「Hello, [你的名字]！」）
+- [ ] 閱讀一篇有關開發者程式生涯的部落格文章
+- [ ] 參加一次線上聚會或觀看程式設計演講
+- [ ] 使用線上教學開始學習你選擇的程式語言
+
+### 🗓️ **你的一個月轉化計畫**
+- [ ] 製作你的第一個小專案（即使只是簡單網頁也算！）
+- [ ] 為開源專案貢獻（先從文件修正開始）
+- [ ] 指導剛開始學程式的人
+- [ ] 建立你的開發者個人作品網站
+- [ ] 與本地開發者社群或讀書會建立連結
+- [ ] 開始規劃你的下一個學習目標
+
+### 🎯 **最後反思檢視**
+
+**在繼續之前，花點時間慶祝：**
+- 今天關於程式設計，讓你感到興奮的是什麼？
+- 你想先探索哪個工具或概念？
+- 你對開始這段程式旅程感覺如何？
+- 你現在最想問開發者什麼問題？
 
 ```mermaid
 journey
-    title Your Confidence Building Journey
-    section Today
-      Curious: 3: You
-      Overwhelmed: 4: You
-      Excited: 5: You
-    section This Week
-      Exploring: 4: You
-      Learning: 5: You
-      Connecting: 4: You
-    section Next Month
-      Building: 5: You
-      Confident: 5: You
-      Helping Others: 5: You
+    title 你的自信心建立旅程
+    section 今天
+      好奇: 3: 你
+      不知所措: 4: 你
+      興奮: 5: 你
+    section 這星期
+      探索中: 4: 你
+      學習中: 5: 你
+      聯繫中: 4: 你
+    section 下個月
+      建立中: 5: 你
+      自信: 5: 你
+      幫助他人: 5: 你
 ```
-
-> 🌟 **記住**：每位專家曾經都是初學者。每位資深開發者曾經也和你現在一樣——興奮、可能有點不知所措，並且對未來的可能性感到好奇。你有著令人驚嘆的同伴，這段旅程將會非常精彩。歡迎來到程式設計的奇妙世界！🎉
+> 🌟 **記住**：每個專家都曾是初學者。每位資深開發者都有過和你現在一樣的感受——興奮、可能有點不知所措，並且充滿好奇。你正處於一群了不起的人群中，這趟旅程將十分精彩。歡迎來到美妙的程式世界！ 🎉
 
 ---
 
+<!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件已使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我們努力確保翻譯的準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。對於關鍵信息，建議使用專業人工翻譯。我們對因使用此翻譯而產生的任何誤解或誤釋不承擔責任。
\ No newline at end of file
+本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我哋致力於準確性，但請注意自動翻譯可能包含錯誤或不準確之處。原始文件之母語版本應視為唯一具權威嘅版本。對於重要資料，建議採用專業人工翻譯。我哋對因使用本翻譯而引起嘅任何誤解或誤譯概不負責。
+<!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-MO/AGENTS.md b/translations/zh-MO/AGENTS.md
index 1d454f437..c9e1f898c 100644
--- a/translations/zh-MO/AGENTS.md
+++ b/translations/zh-MO/AGENTS.md
@@ -1,47 +1,47 @@
 # AGENTS.md
 
-## 項目概覽
+## Project Overview
 
-這是一個用於教導初學者網頁開發基礎的教育課程資源庫。課程為一個由 Microsoft Cloud Advocates 開發的完整 12 週課程，包含 24 節實作課程，涵蓋 JavaScript、CSS 和 HTML。
+這是一個用於教授初學者網頁開發基礎的教育課程資源庫。課程是一個全面的 12 週課程，由 Microsoft Cloud Advocates 開發，包含 24 個涵蓋 JavaScript、CSS 和 HTML 的實作課程。
 
-### 主要組成部分
+### Key Components
 
-- **教育內容**：24 節結構化課程，組織成以專案為基礎的模組
-- **實作專案**：Terrarium、打字遊戲、瀏覽器擴充功能、太空遊戲、銀行應用程式、程式碼編輯器和 AI 聊天助理
-- **互動測驗**：48 個測驗，每個有 3 題（課前/課後評估）
-- **多語言支援**：透過 GitHub Actions 自動翻譯 50 多種語言
+- **教育內容**：24 個依專案模塊組織的結構化課程
+- **實作專案**：Terrarium、Typing Game、Browser Extension、Space Game、Banking App、Code Editor 和 AI 聊天助理
+- **互動小測驗**：48 個小測驗，每個有3題（課程前後評估）
+- **多語言支援**：透過 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 版本
+- 以課程為基礎結構的教育資源庫
+- 每個課程資料夾包含 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
 ```
 
-### 測驗應用設置 (Vue 3 + Vite)
+### Quiz App Setup (Vue 3 + Vite)
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # 開始開發伺服器
-npm run build      # 生產環境建構
+npm run build      # 為生產環境建立
 npm run lint       # 執行 ESLint
 ```
 
-### 銀行專案 API (Node.js + Express)
+### Bank Project API (Node.js + Express)
 
 ```bash
 cd 7-bank-project/api
@@ -51,23 +51,23 @@ 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 或使用即時伺服器
+# 喺瀏覽器開啟 index.html 或者用 Live Server
 ```
 
-### 聊天專案 (Python 後端)
+### Chat Project (Python Backend)
 
 ```bash
 cd 9-chat-project/solution/backend/python
@@ -76,207 +76,207 @@ pip install openai
 python api.py
 ```
 
-## 開發工作流程
+## Development Workflow
 
-### 對內容貢獻者
+### For Content Contributors
 
-1. **Fork 該資源庫** 至你的 GitHub 帳號
-2. **將你的 fork 複製** 至本地
-3. **為你的更改創建新分支**
+1. **Fork 該資源庫** 到你的 GitHub 帳號
+2. **將 fork 克隆** 到本地
+3. **建立新分支** 以進行修改
 4. 修改課程內容或程式碼範例
-5. 在相關專案目錄中測試任何程式碼更動
-6. 根據貢獻規範提交 Pull Request
+5. 在相關專案目錄測試程式碼變更
+6. 按照貢獻指引提交 pull request
 
-### 對學習者
+### For Learners
 
-1. Fork 或複製該資源庫
-2. 按順序瀏覽課程資料夾
-3. 閱讀每節課的 README 文件
-4. 完成 https://ff-quizzes.netlify.app/web/ 上的課前測驗
-5. 按課程資料夾操作程式碼範例
-6. 完成作業和挑戰
-7. 進行課後測驗
+1. Fork 或克隆該資源庫
+2. 按順序瀏覽課程目錄
+3. 閱讀每課的 README 文件
+4. 在 https://ff-quizzes.netlify.app/web/ 完成課前小測
+5. 實作課程資料夾中的程式碼範例
+6. 完成作業與挑戰
+7. 參加課後小測驗
 
-### 實時開發
+### Live Development
 
-- **文件**：在根目錄執行 `docsify serve` (端口 3000)
-- **測驗應用**：在 quiz-app 目錄執行 `npm run dev`
-- **專案**：HTML 專案使用 VS Code Live Server 擴充套件
-- **API 專案**：分別在 API 目錄執行 `npm start`
+- **文件**：在根目錄執行 `docsify serve`（預設埠 3000）
+- **Quiz App**：在 quiz-app 目錄執行 `npm run dev`
+- **專案**：使用 VS Code Live Server 外掛服務 HTML 專案
+- **API 專案**：在各 API 目錄執行 `npm start`
 
-## 測試說明
+## Testing Instructions
 
-### 測驗應用測試
+### 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     # 確認伺服器啟動無錯誤
+node server.js     # 驗證伺服器啟動時無錯誤
 ```
 
-### 一般測試方法
+### General Testing Approach
 
-- 本教育資源庫無全面自動化測試
-- 人工作測重點：
-  - 程式碼範例可正常執行
+- 本資源庫為教育用途，無完善的自動化測試
+- 手動測試重點：
+  - 程式碼範例能正常執行且無錯誤
   - 文件中的連結功能正常
-  - 專案成功構建
-  - 範例符合最佳實踐
+  - 專案能成功建置
+  - 範例編寫遵循最佳實踐
 
-### 提交前檢查
+### Pre-submission Checks
 
-- 在有 package.json 的目錄下執行 `npm run lint`
-- 驗證 Markdown 連結有效性
-- 在瀏覽器或 Node.js 測試程式碼範例
-- 確認翻譯保持適當架構
+- 在有 package.json 的目錄執行 `npm run lint`
+- 驗證 markdown 連結有效
+- 在瀏覽器或 Node.js 中測試程式碼範例
+- 確認翻譯保留正確結構
 
-## 代碼風格指導
+## Code Style Guidelines
 
 ### JavaScript
 
 - 使用現代 ES6+ 語法
-- 遵循專案中 ESLint 標準配置
-- 使用具教育意義的變數和函數命名
-- 添加解釋概念的註解以利學習者理解
-- 在配置了 Prettier 的地方進行格式化
+- 遵守專案中提供的標準 ESLint 設定
+- 使用有意義的變數及函數名稱，便於教學理解
+- 加入說明概念的註解
+- 於配置 Prettier 的地方使用自動格式化
 
 ### HTML/CSS
 
-- 語意化的 HTML5 元素
-- 響應式設計原則
-- 清晰的類名命名規則
-- CSS 技術附加註解以供學習參考
+- 使用語意化的 HTML5 元素
+- 採用響應式設計原則
+- 清晰的 class 命名規範
+- CSS 技術附帶學習解說註解
 
 ### Python
 
-- 遵循 PEP 8 風格指南
-- 清晰且具教育意義的程式碼範例
-- 需時可加上型別提示以助學習
+- 遵循 PEP 8 樣式指引
+- 提供清晰且具教育意義的程式碼範例
+- 需要時使用型別提示以輔助學習
 
-### Markdown 文件
+### Markdown Documentation
 
-- 清晰的標題層級
-- 附帶語言標示的程式碼區塊
-- 指向額外資源的連結
-- `images/` 資料夾中的截圖和圖片
-- 具可及性的圖片替代文字
+- 清楚的標題階層結構
+- 指定語言的程式碼區塊
+- 附加資源連結
+- screenshots 與圖片存放於 `images/` 目錄
+- 圖片具有替代文字以提升無障礙性
 
-### 檔案組織
+### 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
 
-### 測驗應用部署 (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/ 資料夾
-# 在 push 到 main 時透過 GitHub Actions 工作流程部署
+# 在推送到 main 時透過 GitHub Actions 工作流程部署
 ```
 
 Azure Static Web Apps 配置：
-- **應用位置**：`/quiz-app`
+- **App 位置**：`/quiz-app`
 - **輸出位置**：`dist`
-- **工作流程**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Workflow**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
-### 文件 PDF 產生
+### Documentation PDF Generation
 
 ```bash
 npm install                    # 安裝 docsify-to-pdf
 npm run convert               # 從 docs 生成 PDF
 ```
 
-### Docsify 文件
+### Docsify Documentation
 
 ```bash
-npm install -g docsify-cli    # 全域安裝 Docsify
+npm install -g docsify-cli    # 全局安裝 Docsify
 docsify serve                 # 在 localhost:3000 提供服務
 ```
 
-### 專案特定建置
+### Project-specific Builds
 
-每個專案目錄可能擁有自己的建置流程：
-- Vue 專案：使用 `npm run build` 產生生產環境包
-- 靜態專案：無建置步驟，直接提供檔案服務
+各專案目錄可能有專屬建置流程：
+- Vue 專案：執行 `npm run build` 建立生產版本
+- 靜態專案：無建置步驟，直接提供檔案使用
 
-## Pull Request 指引
+## 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] 修正 terrarium 專案打字錯誤`
+- `[Translation] 新增第 5 課西班牙語翻譯`
+- `[Docs] 更新設置指引`
 
-### 必須檢查事項
+### Required Checks
 
-提交 PR 前：
+提交 PR 前須:
 
-1. **代碼品質**：
+1. **程式碼品質**：
    - 在受影響專案目錄執行 `npm run lint`
    - 修正所有 lint 錯誤及警告
 
 2. **建置驗證**：
-   - 如適用執行 `npm run build`
+   - 必要時執行 `npm run build`
    - 確保無建置錯誤
 
 3. **連結驗證**：
-   - 測試所有 Markdown 連結
-   - 驗證圖片引用是否有效
+   - 測試所有 markdown 連結
+   - 確認圖片參考正常
 
-4. **內容審核**：
-   - 校對拼寫與文法
+4. **內容審查**：
+   - 校對拼字與文法
    - 確認程式碼範例正確且具教育意義
-   - 驗證翻譯內容保持原意
+   - 確認翻譯保留原意
 
-### 貢獻要求
+### Contribution Requirements
 
-- 同意 Microsoft CLA（首個 PR 自動檢查）
-- 遵守 [Microsoft 開源行為守則](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
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## 除錯與故障排除
+## Debugging and Troubleshooting
 
-### 常見問題
+### Common Issues
 
-**測驗應用啟動失敗**：
-- 檢查 Node.js 版本（建議 v14 以上）
-- 刪除 `node_modules` 和 `package-lock.json`，重新執行 `npm install`
-- 檢查埠口衝突（預設：Vite 使用端口 5173）
+**Quiz app 無法啟動**：
+- 檢查 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` 安裝完整
 
 **瀏覽器擴充功能無法載入**：
-- 確認 manifest.json 格式正確
-- 檢查瀏覽器控制台錯誤訊息
-- 遵循瀏覽器特定的擴充安裝說明
+- 驗證 manifest.json 格式無誤
+- 查看瀏覽器控制檯錯誤訊息
+- 依瀏覽器指示安裝擴充功能
 
 **Python 聊天專案問題**：
-- 確認已安裝 OpenAI 套件：`pip install openai`
-- 確認已設定 GITHUB_TOKEN 環境變數
-- 檢查 GitHub Models 存取權限
+- 確認 OpenAI 套件已安裝：`pip install openai`
+- GITHUB_TOKEN 環境變量已設定
+- 確認 GitHub Models 存取權限
 
-**Docsify 未提供文件服務**：
-- 全域安裝 docsify-cli：`npm install -g docsify-cli`
+**Docsify 無法提供文件**：
+- 全局安裝 docsify-cli：`npm install -g docsify-cli`
 - 從資源庫根目錄執行
 - 確認 `docs/_sidebar.md` 存在
 
-### 開發環境小提示
+### Development Environment Tips
 
-- 使用 VS Code 搭配 Live Server 擴充套件開發 HTML 專案
-- 安裝 ESLint 與 Prettier 擴充以維持格式一致
-- 使用瀏覽器開發工具除錯 JavaScript
-- Vue 專案安裝 Vue DevTools 瀏覽器擴充
+- HTML 專案使用 VS Code Live Server 外掛
+- 安裝 ESLint 與 Prettier 擴充套件保持格式一致
+- 使用瀏覽器 DevTools 偵錯 JavaScript
+- Vue 專案建議安裝 Vue DevTools 瀏覽器擴充
 
-### 效能考量
+### Performance Considerations
 
-- 翻譯檔案多（50 多種語言）使整體複製體積大
-- 對僅操作內容者可用淺層複製：`git clone --depth 1`
-- 編輯英文內容時，盡量排除翻譯目錄搜尋
-- 建置過程首次執行可能較慢（npm install、Vite 建置）
+- 有大量翻譯檔案（超過 50 種語言），完整複製較大
+- 僅工作內容時可用淺層複製：`git clone --depth 1`
+- 編輯英文內容時排除翻譯目錄搜尋
+- 建置首次運行可能較慢（npm 安裝、Vite 建置）
 
-## 安全考量
+## Security Considerations
 
-### 環境變數
+### Environment Variables
 
 - API 金鑰絕不可提交至資源庫
-- 使用 `.env` 檔案（已加入 `.gitignore`）
-- 在專案 README 中記錄所需環境變數
+- 使用 `.env` 檔案（已包含於 `.gitignore`）
+- 專案 README 記錄必要環境變量
 
-### Python 專案
+### Python Projects
 
-- 使用虛擬環境管理依賴：`python -m venv venv`
+- 使用虛擬環境：`python -m venv venv`
 - 保持依賴更新
-- GitHub 令牌需設定最小權限
+- GitHub 令牌應只具必要最低權限
 
-### GitHub Models 存取
+### GitHub Models Access
 
-- 需使用個人存取令牌（PAT）
-- 將令牌存為環境變數
-- 絕不可將令牌或認證資料提交到資源庫
+- 使用個人存取權杖 (PAT) 存取 GitHub Models
+- 令牌存於環境變量中
+- 絕不可將令牌或認證提交至資源庫
 
-## 補充說明
+## Additional Notes
 
-### 目標受眾
+### Target Audience
 
-- 完全初學網頁開發者
+- 完全初學者學習網頁開發
 - 學生及自學者
-- 教師課堂使用者
-- 內容設計注重無障礙及循序漸進技術提升
+- 教師在課堂中使用此課程
+- 內容設計注重無障礙及技能循序漸進
 
-### 教育理念
+### Educational Philosophy
 
-- 以專案為核心的學習方式
-- 頻繁知識檢測（測驗）
-- 實作練習為主
-- 實務範例導入
-- 先學基礎概念再進階框架
+- 專案導向學習方式
+- 頻繁的知識測驗（小測）
+- 實作編碼練習
+- 以真實案例示範應用
+- 先打穩基礎再學框架
 
-### 資源庫維護
+### Repository Maintenance
 
-- 積極活躍的學習者和貢獻者社群
-- 定期更新依賴和內容
-- 維護者監控議題和討論
-- 翻譯更新自動執行於 GitHub Actions
+- 活躍的學習者及貢獻者社群
+- 定期更新相依元件及內容
+- 維護者監控議題與討論
+- 翻譯更新透過 GitHub Actions 自動化
 
-### 相關資源
+### Related Resources
 
 - [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、數據科學、機器學習、物聯網課程可用
+- [Student Hub 資源](https://docs.microsoft.com/learn/student-hub/)
+- 推薦學員使用 [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- 其他課程：生成式 AI、資料科學、機器學習、物聯網課程可用
 
-### 使用特定專案說明
+### Working with Specific Projects
 
-個別專案詳細說明見相應 README：
-- `quiz-app/README.md` - Vue 3 測驗應用
-- `7-bank-project/README.md` - 帶認證的銀行應用
+各專案詳細指引見以下 README：
+- `quiz-app/README.md` - Vue 3 小測應用
+- `7-bank-project/README.md` - 含身分驗證的銀行應用
 - `5-browser-extension/README.md` - 瀏覽器擴充功能開發
 - `6-space-game/README.md` - Canvas 遊戲開發
 - `9-chat-project/README.md` - AI 聊天助理專案
 
-### Monorepo 結構說明
+### Monorepo Structure
 
-雖然非傳統 monorepo，此資源庫包含多個獨立專案：
-- 每節課程獨立自主
-- 專案間無依賴共用
-- 可單獨作業不影響他人
-- 複製整個資源庫以獲得完整課程體驗
+雖非傳統 monorepo，但此資源庫包含多個獨立專案：
+- 每課單獨成章
+- 專案不共用相依套件
+- 可單獨作業不影響其它專案
+- 想獲得完整課程體驗，請克隆整個資源庫
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件由 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻譯。雖然我們力求準確，但請注意，自動翻譯可能包含錯誤或不準確之處。原始語言文件應被視為具權威性的來源。對於重要資訊，建議採用專業人工翻譯。我們對因使用本翻譯而產生的任何誤解或誤譯概不負責。
+本文件係使用人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我哋致力於確保準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始語言版本的文件應被視為權威來源。對於重要信息，建議採用專業人工翻譯。因使用此翻譯而引起的任何誤解或錯誤詮釋，本公司概不負責。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-MO/README.md b/translations/zh-MO/README.md
index 77e596a4d..e8fea5866 100644
--- a/translations/zh-MO/README.md
+++ b/translations/zh-MO/README.md
@@ -10,200 +10,210 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# Web Development for Beginners - 課程綱要
+# Web 開發初學者教程
 
-透過 Microsoft Cloud Advocates 提供的 12 週完整課程學習網頁開發基礎。24 堂課每堂都透過實作專案深入探討 JavaScript、CSS 與 HTML，專案包括生態瓶、瀏覽器擴充功能及太空遊戲。配合小測驗、討論與實作作業，提升技能與知識吸收效果，體驗有效的專案導向學習法。立即開始你的程式設計旅程！
+透過 Microsoft Cloud Advocates 開發嘅 12 星期全方位課程，學習網頁開發基礎知識。24 堂課涵蓋 JavaScript、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 Action 支援（自動且始終保持最新）
+#### 透過 GitHub Action 支援（自動化及保持更新）
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[阿拉伯語](../ar/README.md) | [孟加拉語](../bn/README.md) | [保加利亞語](../bg/README.md) | [緬甸語](../my/README.md) | [中文（簡體）](../zh-CN/README.md) | [中文（繁體，香港）](../zh-HK/README.md) | [中文（繁體，澳門）](./README.md) | [中文（繁體，台灣）](../zh-TW/README.md) | [克羅地亞語](../hr/README.md) | [捷克語](../cs/README.md) | [丹麥語](../da/README.md) | [荷蘭語](../nl/README.md) | [愛沙尼亞語](../et/README.md) | [芬蘭語](../fi/README.md) | [法語](../fr/README.md) | [德語](../de/README.md) | [希臘語](../el/README.md) | [希伯來語](../he/README.md) | [印地語](../hi/README.md) | [匈牙利語](../hu/README.md) | [印尼語](../id/README.md) | [義大利語](../it/README.md) | [日語](../ja/README.md) | [卡納達語](../kn/README.md) | [韓語](../ko/README.md) | [立陶宛語](../lt/README.md) | [馬來語](../ms/README.md) | [馬拉雅拉姆語](../ml/README.md) | [馬拉地語](../mr/README.md) | [尼泊爾語](../ne/README.md) | [奈及利亞皮欽語](../pcm/README.md) | [挪威語](../no/README.md) | [波斯語 (法爾西語)](../fa/README.md) | [波蘭語](../pl/README.md) | [葡萄牙語（巴西）](../pt-BR/README.md) | [葡萄牙語（葡萄牙）](../pt-PT/README.md) | [旁遮普語 (古魯穆奇)](../pa/README.md) | [羅馬尼亞語](../ro/README.md) | [俄語](../ru/README.md) | [塞爾維亞語 (西里爾字母)](../sr/README.md) | [斯洛伐克語](../sk/README.md) | [斯洛維尼亞語](../sl/README.md) | [西班牙語](../es/README.md) | [斯瓦希里語](../sw/README.md) | [瑞典語](../sv/README.md) | [他加祿語（菲律賓語）](../tl/README.md) | [泰米爾語](../ta/README.md) | [泰盧固語](../te/README.md) | [泰語](../th/README.md) | [土耳其語](../tr/README.md) | [烏克蘭語](../uk/README.md) | [烏爾都語](../ur/README.md) | [越南語](../vi/README.md)
+[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](./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](../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 多種語言翻譯，會大大增加下載大小。如想不包括翻譯而克隆，請使用稀疏檢出：
+>
+> **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"
+> ```
+>
+> 呢啲方法會更快下載，亦包含你完成課程所需全部資源。
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**若希望新增其它翻譯語言，支援清單列於 [這裡](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**如果你希望新增其他翻譯語言，支援語言列表在 [這裡](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
-#### 🧑‍🎓 _你是學生嗎？_
+#### 🧑‍🎓 _你係學生嗎？_
 
-造訪 [**學生中心頁面**](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 Agent 模式挑戰登場！
 
-已新增挑戰，於大部分章節可見 "GitHub Copilot Agent Challenge 🚀"。這是一個使用 GitHub Copilot 及 Agent 模式完成的新挑戰。若你未使用過 Agent 模式，它不僅能生成文字還能創建及編輯檔案、執行命令等。
+新增挑戰，請於大部分章節中尋找「GitHub Copilot Agent Challenge 🚀」。呢個係你用 GitHub Copilot 同 Agent 模式完成嘅新挑戰。若你未用過 Agent 模式，佢唔止生成文字，仲可以創建同編輯文件、執行指令等等。
 
-### 📣 公告 - _使用生成式 AI 的新專案_
+### 📣 公告 - _用生成式 AI 建造新項目_
 
-剛新增的 AI 助理專案，歡迎查看[專案](./9-chat-project/README.md)
+新 AI 助手項目剛新增，查看 [項目](./9-chat-project/README.md)
 
-### 📣 公告 - _JavaScript 生成式 AI 新課程剛發布_
+### 📣 公告 - _新課程_ ：面向 JavaScript 嘅生成式 AI
 
-千萬不要錯過我們的生成式 AI 新課程！
+唔好錯過我哋嘅新生成式 AI 課程！
 
-造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
+請訪問 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
 
 ![Background](../../translated_images/zh-MO/background.148a8d43afde5730.webp)
 
-- 課程涵蓋從基礎到 RAG 技術。
-- 使用生成式 AI 及我們的夥伴應用與歷史人物互動。
-- 有趣且引人入勝的故事，帶你穿越時空！
+- 課程涵蓋由基礎到 RAG 等所有內容。
+- 利用生成式 AI 同我哋嘅伴侶應用同歷史人物互動。
+- 好玩同投入嘅故事，會令你穿越時空！
 
 ![character](../../translated_images/zh-MO/character.5c0dd8e067ffd693.webp)
 
+每堂課包括作業、知識檢測同挑戰，引導你學習：
+- 提示與提示工程
+- 文字同圖片應用開發
+- 搜尋應用
 
-每堂課含作業、知識檢查及挑戰，幫助你學習：
-- 提示語及提示工程
-- 文字和圖像應用程式生成
-- 搜尋應用程式
-
-造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
+請訪問 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
 
 
 
-## 🌱 開始吧
+## 🌱 開始使用
 
-> **老師們**，我們在 [for-teachers.md](for-teachers.md) 中提供了一些使用本課程綱要的建議。歡迎於我們的[討論區](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)分享回饋！
+> **教師們**，我哋有 [包括建議](for-teachers.md) 教你點用呢套課程。好歡迎喺我哋嘅 [討論區](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) 提供反饋！
 
-**[學生](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**，每堂課請先完成課前小測驗，接著閱讀教材，完成各種活動，最後以課後小測驗來檢驗理解。
+**[學生們](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**，每堂課開始前先做預習測驗，再閱讀課程內容、完成各種活動，並用課後測驗檢查理解。
 
-為提升學習體驗，建議你與同學一同合作專案！鼓勵在我們的[討論區](https://github.com/microsoft/Web-Dev-For-Beginners/discussions)進行討論，我們的管理團隊會隨時協助回答你的問題。
+為促進學習，鼓勵你與同儕一齊完成項目！歡迎你喺我哋嘅[討論區](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) 互動，管理員團隊會隨時答你問題。
 
-若想進一步進修，我們強烈推薦探索 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) 的補充學習資源。
+若要進一步學習，我哋強烈建議瀏覽 [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) 獲取更多資料。
 
-### 📋 設定你的開發環境
+### 📋 建立你的開發環境
 
-本課程綱要已準備好開發環境！你可選擇在 [Codespace](https://github.com/features/codespaces/)（瀏覽器執行，免安裝）或使用電腦上的文字編輯器（如 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)）執行課程。
+呢套課程早已有開發環境裝備。当你開始學習時，可選擇喺 [Codespace](https://github.com/features/codespaces/)（瀏覽器運行、無需安裝環境）或喺本地電腦使用文字編輯器如 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 運行。
 
-#### 建立你的倉庫
-為方便儲存作業，建議你複製本倉庫。可點擊頁面頂端的 **Use this template** 按鈕，於你的 GitHub 帳戶中建立一份本課程綱要的複本。
+#### 建立你自己的儲存庫
+為方便儲存工作，建議你建立自己嘅儲存庫複本。點擊頁面頂部嘅 **使用此範本（Use this template）** 按鈕，即可在你的 GitHub 帳戶中創建套用課程嘅新儲存庫。
 
-步驟如下：
-1. **分叉此倉庫**：點擊頁面右上角的「Fork」按鈕。
-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/zh-MO/createcodespace.0238bbf4d7a8d955.webp)
 
-#### 在電腦本機執行課程綱要
+#### 喺本地電腦運行課程
 
-要在本機執行此課程，需準備文字編輯器、瀏覽器及指令工具。首課 [程式語言與開發工具簡介](../../1-getting-started-lessons/1-intro-to-programming-languages) 中會帶你了解各種工具選項，幫助你選擇最適合的組合。
+想喺本地電腦運行，需有文字編輯器、一個瀏覽器及命令行工具。第一堂課 [編程語言入門與工具介紹](../../1-getting-started-lessons/1-intro-to-programming-languages) 會介紹你啲可選工具，讓你揀選最適合嘅。
 
-我們建議使用 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 作為編輯器，其內建 [終端機](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) 。你可以從[此處](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)下載。
-
-1. 將倉庫複製到你的電腦。點擊 **Code** 按鈕，複製 URL：
+我哋推薦用 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 作為編輯器，佢仲自帶 [終端機](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)。你可以喺 [呢度](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 下載 Visual Studio Code。
+1. 把你的倉庫克隆到你的電腦。你可以點擊 **Code** 按鈕並複製 URL：
 
     [CodeSpace](./images/createcodespace.png)
-然後，在 [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)，並執行以下指令，將 `<your-repository-url>` 替換成您剛剛複製的 URL：
+
+    然後，在 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 內開啟 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)，並執行以下指令，將 `<your-repository-url>` 換成你剛才複製的 URL：
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. 在 Visual Studio Code 裡開啟資料夾。您可以點擊 **檔案** > **開啟資料夾**，然後選擇剛剛克隆的資料夾。
+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/](https://ff-quizzes.netlify.app/web/) 使用，測驗應用程式可以在本地執行或部署至 Azure；請依 quiz-app 資料夾中的說明操作。
-
-## 🗃️ 課程
-
-|     |                       專案名稱                       |                            授課概念                             | 學習目標                                                                                                                 |                                                         連結課程                                                          |         作者          |
-| :-: | :--------------------------------------------------: | :--------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
-| 01  |                     起步篇                          |           程式設計簡介及工具介紹           | 了解多數程式語言的基本原理及協助專業開發者工作的軟體工具                                                          | [程式語言與開發工具簡介](./1-getting-started-lessons/1-intro-to-programming-languages/README.md)                              |         Jasmine       |
-| 02  |                     起步篇                          |             GitHub 基礎與團隊協作             | 如何於專案中使用 GitHub，與他人協作程式碼                                                                            |                            [GitHub 簡介](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor        |
-| 03  |                     起步篇                          |                             無障礙設計                              | 瞭解網頁無障礙設計基礎                                                                                               |                       [無障礙設計基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher     |
-| 04  |                        JS 基礎                       |                         JavaScript 資料類型                          | JavaScript 資料類型基礎                                                                                               |                                       [資料類型](./2-js-basics/1-data-types/README.md)                                        |         Jasmine       |
-| 05  |                        JS 基礎                       |                         函式與方法                          | 學習函式與方法以管理應用程式的邏輯流程                                                                             |                              [函式與方法](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS 基礎                       |                        用 JS 作決策                         | 學習如何在程式中創建條件判斷                                                                                        |                                 [決策](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine       |
-| 07  |                        JS 基礎                       |                            陣列與迴圈                             | 使用陣列和迴圈處理資料                                                                                               |                                   [陣列與迴圈](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine       |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML 實務                            | 建立線上生態缸的 HTML，著重於布局設計                                                                                |                                 [HTML 簡介](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen         |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS 實務                             | 製作 CSS 美化線上生態缸，包含基礎 CSS 及頁面響應式                                                                       |                                  [CSS 簡介](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen         |
-| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript 闭包與 DOM 操作                  | 撰寫 JavaScript 使生態缸具有拖放介面，重點在閉包與 DOM 操作                                                           |                  [JavaScript 閉包與 DOM 操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen         |
-| 11  |          [打字遊戲](./4-typing-game/solution/README.md)          |                          製作打字遊戲                           | 學習使用鍵盤事件驅動 JavaScript 應用邏輯                                                                               |                                [事件驅動程式設計](./4-typing-game/typing-game/README.md)                                |       Christopher     |
-| 12  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |                         瀏覽器運作                           | 了解瀏覽器的運作與歷史，並快速建立第一個瀏覽器擴充元件元素                                                              |                               [關於瀏覽器](./5-browser-extension/1-about-browsers/README.md)                                |           Jen         |
-| 13  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) | 建立表單、呼叫 API 以及本地儲存變數 | 在瀏覽器擴充元件中加入呼叫 API 的 JavaScript 元素，並用本地儲存存取變數                                                  |                [API、表單與本地儲存](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen         |
-| 14  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |          瀏覽器背景程序與網頁效能          | 使用瀏覽器背景程序管理擴充元件圖示，學習網頁效能與一些優化方法                                                           |             [背景任務與效能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen         |
-| 15  |           [太空遊戲](./6-space-game/solution/README.md)           |             進階遊戲開發：繼承與發布訂閱模式             | 介紹繼承 (繼承類別與組合) 及 Pub/Sub 模式，為遊戲製作做準備                                                              |                      [進階遊戲開發簡介](./6-space-game/1-introduction/README.md)                       |          Chris        |
-| 16  |           [太空遊戲](./6-space-game/solution/README.md)           |                           Canvas 繪圖                            | 教你使用 Canvas API 對畫面繪製元素                                                                                     |                                [Canvas 繪圖](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris        |
-| 17  |           [太空遊戲](./6-space-game/solution/README.md)           |                   讓元素移動畫面上                    | 探索如何利用笛卡兒坐標與 Canvas API 讓元素獲得動作                                                                      |                           [移動元素](./6-space-game/3-moving-elements-around/README.md)                           |          Chris        |
-| 18  |           [太空遊戲](./6-space-game/solution/README.md)           |                          碰撞偵測                           | 實作元素間的碰撞反應，用按鍵觸發並加上冷卻函式保障遊戲效能                                                               |                              [碰撞偵測](./6-space-game/4-collision-detection/README.md)                              |          Chris        |
-| 19  |           [太空遊戲](./6-space-game/solution/README.md)           |                             計分                              | 根據遊戲狀態與表現進行數學計算                                                                                           |                                    [計分](./6-space-game/5-keeping-score/README.md)                                    |          Chris        |
-| 20  |           [太空遊戲](./6-space-game/solution/README.md)           |                     遊戲結束與重啟                     | 了解遊戲結束與重啟流程，包括資源清理與變數重設                                                                          |                                [結束條件](./6-space-game/6-end-condition/README.md)                                 |          Chris        |
-| 21  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                 網頁應用的 HTML 模板與路由                 | 學習如何利用路由及 HTML 模板搭建多頁網站架構                                                                             |                            [HTML 模板與路由](./7-bank-project/1-template-route/README.md)                             |          Yohan        |
-| 22  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                  製作登入與註冊表單                   | 了解表單建立與驗證流程                                                                                                   |                                           [表單](./7-bank-project/2-forms/README.md)                                           |          Yohan        |
-| 23  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                   取得與使用資料的方法                   | 瞭解資料在應用中如何流動、擷取、存取與處理                                                                             |                                            [資料](./7-bank-project/3-data/README.md)                                            |          Yohan        |
-| 24  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                      狀態管理概念                      | 學習如何保有應用狀態及程式化管理                                                                                         |                                [狀態管理](./7-bank-project/4-state-management/README.md)                                |          Yohan        |
-| 25 | [瀏覽器/VScode 程式碼](../../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 |
+- [課後小測驗](https://ff-quizzes.netlify.app/web/)
+
+> **關於小測驗的說明**：所有小測驗都包含在 Quiz-app 資料夾中，共 48 個小測驗，每個包含三個問題。它們可於 [此處](https://ff-quizzes.netlify.app/web/) 取得，Quiz 應用程式可本地執行或部署到 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) |         Jasmine         |
+| 02  |                     Getting Started                      |             GitHub 基礎與團隊合作             | 如何在專案中使用 GitHub，以及如何與他人協作管理程式碼                      |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     Getting Started                      |                             無障礙設計                              | 學習網頁無障礙設計基礎                                                                                               |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS Basics                         |                         JavaScript 資料類型                          | JavaScript 資料類型基礎                                                                                                 |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS Basics                         |                         函數與方法                          | 學習如何以函數與方法管理應用程式流程                                                             |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 和 Christopher |
+| 06  |                        JS Basics                         |                        使用 JS 做決策                        | 學習如何在程式碼中使用條件判斷                                                                   |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS Basics                         |                            陣列與迴圈                            | 使用陣列與迴圈操作資料                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML 實作                            | 建構打造線上生態缸的 HTML，重點在建置版面                                                         |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS 實作                             | 製作 CSS 為線上生態缸套用樣式，重點是 CSS 基礎與響應式設計                     |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript 閉包與 DOM 操作                  | 使用 JavaScript 實現拖放介面，著重閉包與 DOM 操作                             |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [Typing Game](./4-typing-game/solution/README.md)          |                          打字遊戲製作                           | 學習如何使用鍵盤事件驅動 JavaScript 應用邏輯                                                          |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                         瀏覽器運作原理                          | 了解瀏覽器運作及歷史，並構建基本的瀏覽器擴充功能元件                               |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) | 建立表單、呼叫 API 及本地儲存變數 | 製作瀏覽器擴充的 JavaScript 元件，使用本地儲存的變數呼叫 API                      |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |          瀏覽器的背景程序與網頁效能          | 使用瀏覽器背景程序管理擴充圖示；學習網頁效能與優化方法                               |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [Space Game](./6-space-game/solution/README.md)           |             進階遊戲開發：JavaScript 繼承與設計模式             | 學習使用 Classes 和 Composition 以及 Pub/Sub 模式，為製作遊戲做準備              |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [Space Game](./6-space-game/solution/README.md)           |                           畫布繪圖                            | 了解 Canvas API，如何繪圖顯示元素                                                                       |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [Space Game](./6-space-game/solution/README.md)           |                   元素移動與動畫                    | 探索如何用笛卡兒座標與 Canvas API 讓元件動起來                                            |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [Space Game](./6-space-game/solution/README.md)           |                          碰撞偵測                           | 使元素碰撞並以按鍵事件反應彼此，並提供冷卻功能以維持遊戲效能                            |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [Space Game](./6-space-game/solution/README.md)           |                             計分                              | 根據遊戲狀態進行數學計算與分數統計                                                                |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [Space Game](./6-space-game/solution/README.md)           |                     結束與重新開始遊戲                     | 了解遊戲結束與重啟，包括資源清理與變數重置                                                      |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [Banking App](./7-bank-project/solution/README.md)          |                 網頁應用 HTML 模板與路由                 | 學習如何運用路由與 HTML 模板建構多頁網站架構                             |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [Banking App](./7-bank-project/solution/README.md)          |                  製作登入與註冊表單                   | 學習製作表單與處理驗證流程                                                                          |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [Banking App](./7-bank-project/solution/README.md)          |                   資料抓取與使用方法                   | 資料在應用程式的流入與流出，如何抓取、儲存與釋放                                            |                                            [Data](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [Banking App](./7-bank-project/solution/README.md)          |                      狀態管理概念                      | 了解應用程式如何保留狀態並程式化管理                                                            |                                [State Management](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [Browser/VScode Code](../../8-code-editor) | 使用 VScode 編輯器 | 學習如何使用程式碼編輯器| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | 使用人工智慧 | 學習如何打造自己的 AI 助理 | [AI Assistant project](./9-chat-project/README.md) | Chris |
 
 ## 🏫 教學法
 
-我們的課程設計以兩項重要教學原則為基礎：
+我們的課程設計遵循兩大核心教學原則：
 * 專案導向學習
-* 頻繁的測驗
+* 頻繁小測驗
 
-本課程教授 JavaScript、HTML 及 CSS 的基本概念，以及當今網頁開發者所使用的最新工具與技術。學員將有機會親手製作打字遊戲、虛擬生態缸、環保瀏覽器擴充功能、太空侵略者風格遊戲及商業銀行應用程式。完成課程系列後，將建立穩固的網頁開發基礎。
+本課程教授 JavaScript、HTML 與 CSS 的基礎，並涵蓋現代網頁開發者所使用的最新工具與技術。學生將有機會透過製作打字遊戲、線上生態缸、環保瀏覽器擴充、太空入侵者風格遊戲及商用銀行應用程式，累積實作經驗。結束課程時，學生將具備牢固的網頁開發基礎。
 
-> 🎓 你可以將本課程前幾堂課程視為 Microsoft Learn 的 [學習路徑](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)！
+> 🎓 你可以將本課程初期幾堂課當成 Microsoft Learn 上的 [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) 學習！
 
-透過讓課程內容與專案相結合，使學生學習過程更具吸引力，並提升概念記憶。我們也撰寫多個 JavaScript 基礎入門課程，引入概念，搭配來自 「[JavaScript 初學者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)」視頻教程系列的影片，由部分作者參與本課程製作。
+透過確保內容與專案對齊，讓學習過程更有趣且提升概念吸收率。我們也撰寫了幾堂 JavaScript 基礎入門課程，搭配來自 “[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” 影片集的教學影片，一些作者也參與本課程設計。
 
-此外，課前低壓力小測驗設定學生學習意向，課後第二次測驗則確保學習內容更穩固。本課程設計彈性且有趣，可全部或部分學習。專案由淺入深，於 12 週課程末期漸趨複雜。
+此外，課前的低壓力小測驗能設定學習動機，而課後的小測驗則加強概念記憶。本課程設計靈活有趣，可全部或部分選修。專案從簡單開始，至 12 週課程尾聲逐步增加難度。
 
-雖然我們刻意避免引入 JavaScript 框架，以集中學習成為網頁開發者前所需的基本技能，完成本課程後，下一步可透過另一系列影片學習 Node.js：「[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.md) 與 [貢獻指南](CONTRIBUTING.md)。我們歡迎你的建設性意見！
 
-> 請參閱我們的 [行為守則](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/#/) 離線瀏覽本文件。先 fork 本倉庫，在你的本機安裝 [Docsify](https://docsify.js.org/#/quickstart)，然後至本倉庫根目錄輸入 `docsify serve`。網站將於本機 3000 埠運行：`localhost:3000`。
 
 ## 📘 PDF
-
-所有課程的 PDF 可從此下載 [這裡](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)。
+PDF 版本的所有課程可在[這裡](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)找到。
 
 ## 🎒 其他課程
-我哋團隊亦有出其他課程！睇睇：
+
+我們團隊還製作其他課程！快來看看：
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -245,23 +255,23 @@
 [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
 <!-- CO-OP TRANSLATOR OTHER COURSES END -->
 
-## 尋求幫助
+## 尋求協助
 
-如果您遇到困難或者對開發 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) 檔案。
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**免責聲明**：  
-本文件係經由人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 翻譯而成。雖然我哋致力追求準確性，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件之母語版本應視為權威來源。對於重要資訊，建議採用專業人工翻譯。本公司不對因使用本翻譯而引致之任何誤解或誤釋負責。
+**免責聲明**：
+本文件係使用人工智能翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於確保翻譯的準確性，但請注意，自動翻譯可能存在錯誤或不準確之處。原始語言的文件應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而引起的任何誤解或錯誤解釋承擔責任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-TW/.co-op-translator.json b/translations/zh-TW/.co-op-translator.json
index 5dbb7e81f..922ab1201 100644
--- a/translations/zh-TW/.co-op-translator.json
+++ b/translations/zh-TW/.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-06T14:23:14+00:00",
+    "original_hash": "bec5e35642176d9e483552bfc82996d8",
+    "translation_date": "2026-03-06T18:05:21+00:00",
     "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
     "language_code": "zh-TW"
   },
@@ -493,7 +493,7 @@
   },
   "AGENTS.md": {
     "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
-    "translation_date": "2026-02-06T16:24:11+00:00",
+    "translation_date": "2026-03-06T18:08:50+00:00",
     "source_file": "AGENTS.md",
     "language_code": "zh-TW"
   },
@@ -516,8 +516,8 @@
     "language_code": "zh-TW"
   },
   "README.md": {
-    "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
-    "translation_date": "2026-02-06T16:19:00+00:00",
+    "original_hash": "a2c9eed480687319517c08a6319e5536",
+    "translation_date": "2026-03-06T18:01:09+00:00",
     "source_file": "README.md",
     "language_code": "zh-TW"
   },
diff --git a/translations/zh-TW/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/zh-TW/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5bc0d3cab..d3e9fbb96 100644
--- a/translations/zh-TW/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/zh-TW/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,15 +1,15 @@
-# 程式語言與現代開發者工具介紹
- 
-嗨，未來的開發者！👋 可以跟你說一件每天都讓我熱血沸騰的事情嗎？你將會發現程式設計不只是關於電腦，而是擁有真正超能力，把你最狂野的想法變成現實！
+# 程式語言與現代開發工具入門
 
-你知道那種使用你最喜歡的應用程式，畫面跟操作都剛剛好的時刻嗎？當你點一下按鈕，發生了某種完全神奇的事情，讓你忍不住想說「哇，他們到底是怎麼做到的？」那就是跟你一樣的人，可能凌晨兩點坐在他們最愛的咖啡店，喝著第三杯濃縮咖啡，寫下那段創造魔法的程式碼。而且，這裡要讓你大吃一驚的是：課程結束時，你不只會理解他們怎麼做到的，還會迫不及待想自己試試看！
+嗨，未來的開發者！👋 我能告訴你一件每天都讓我感到興奮的事情嗎？你即將發現，程式設計不只是關於電腦 —— 它是擁有真正超能力，將你最狂野的創意變為現實的能力！
 
-我完全理解現在如果覺得程式設計有點可怕。剛開始學時，我真的以為必須是數學天才，或者從五歲就開始寫程式。但真正改變我想法的是：程式設計就像學習用新語言聊天。你先學「你好」和「謝謝」，接著學會點咖啡，然後突然就能討論哲學了！不過這次，對象是電腦，老實說，它們是你見過最有耐心的聊天夥伴—從不批評你的錯誤，還總是樂於再試一次！
+你知道當你使用你最喜歡的應用程式時，一切完美契合的那一刻嗎？當你點擊一個按鈕，發生了某種絕對神奇的事情，讓你忍不住說「哇，他們到底是怎麼做到的？」那麼，正是像你一樣的人 —— 可能半夜兩點坐在他們最愛的咖啡店，喝著第三杯濃縮咖啡 —— 寫出了創造那份魔法的程式碼。接下來要讓你震驚的是：到本課程結束時，你不僅會了解他們如何做到，還會迫不及待想自己試試看！
 
-今天，我們要探討一些令人驚嘆的工具，讓現代網頁開發不僅可能且讓人上癮。我說的正是Netflix、Spotify以及你最愛的獨立應用工作室每天使用的編輯器、瀏覽器和工作流程。這裡最酷的部分是：大多數這些專業級、業界標準的工具完全免費！
+聽著，如果程式設計現在感覺令人生畏，我完全理解。當我剛開始時，我真的以為你得是那種數學天才，或是從五歲開始寫程式的人。但有件事徹底改變了我的觀點：程式設計就像學會用一種新語言交談一樣。你先學「你好」和「謝謝」，接著學點單咖啡，不久後你就在進行深度哲學討論！只不過這次，你是在跟電腦交談，說真的？它們是你能遇過最有耐心的對話夥伴 —— 從不批評你的錯誤，並且總是樂於重試！
+
+今天，我們要探索那些讓現代網頁開發不只是可能而且令人上癮的神奇工具。我說的是Netflix、Spotify，以及你最愛的獨立應用工作室每天都在使用的編輯器、瀏覽器和工作流程。而接下來會讓你跳起來歡呼的是：這些專業級、業界標準的工具大多完全免費！
 
 ![Intro Programming](../../../../translated_images/zh-TW/webdev101-programming.d6e3f98e61ac4bff.webp)
-> 筆記圖由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
+> Sketchnote 由 [Tomomi Imura](https://twitter.com/girlie_mac) 製作
 
 ```mermaid
 journey
@@ -19,8 +19,8 @@ journey
       程式語言: 4: You
       工具概覽: 5: You
     section 探索
-      程式碼編輯器: 4: You
-      瀏覽器與開發工具: 5: You
+      程式編輯器: 4: You
+      瀏覽器與開發者工具: 5: You
       命令列: 3: You
     section 練習
       語言偵探: 4: You
@@ -29,68 +29,67 @@ journey
 ```
 ## 讓我們看看你已經知道什麼！
 
-在進入精彩的內容前，我很好奇—你對這個程式設計世界已經知道什麼呢？而且聽我說，如果你看到這些問題覺得「我完全不懂」，這不只沒問題，還非常完美！這代表你就在正確的地方。把這個測驗當作運動前的暖身而已—我們只是在熱身大腦肌肉！
-
-[參加課前測驗](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) 上學習這堂課！
+> 你也可以在 [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。這時候，**程式語言**跳出來救場。它們就像全世界最棒的翻譯員，能把你人類思考過程的語言完美轉換成電腦懂的語言。
+當我第一次學這個時，有件事讓我震驚：電腦其實核心相當簡單。它們只懂兩種東西 —— 1 和 0，基本上就是「是」和「否」或者「開」和「關」。就這樣！但接下來的魔法是 —— 我們不需要像在《駭客任務》裡那樣只用 1 和 0 來說話。這就是**程式語言**出場的時刻。它們像是世界上最棒的翻譯員，將你完全正常的人類思緒轉換成電腦語言。
 
-更讓我每天早上起床還雞皮疙瘩的是：你生活中所有的數位東西，都是從跟你一樣的人開始的，那些人可能穿著睡衣、手握咖啡，坐在電腦前敲程式碼。那個讓你看起來完美無瑕的Instagram濾鏡？有人寫的。讓你找到新歌的推薦演算法？也是有人寫的。幫助你跟朋友分帳的應用程式？沒錯，就是有人想著「太麻煩了，我肯定能改變它」，然後就真的做到了！
+而每天早上醒來仍讓我起雞皮疙瘩的是：你生活中所有數位事物，都是從跟你一樣的人開始，可能穿著睡衣，一杯咖啡在手，打著程式碼。那個讓你看起來完美無瑕的 Instagram 濾鏡？有人寫了那段程式。讓你找到新愛歌推薦的演算法？開發者打造的。幫你跟朋友分帳的應用程式？沒錯，有人想「這太煩了，我可以改善它」，於是……他們做到了！
 
-當你學會程式設計，你不只是學到一項新技能—你成為一群不可思議的問題解決者社群一部份，他們每天都在想：「如果我能打造一個讓別人日子更好一點的東西該多好？」說真的，有比這更酷的事嗎？
+當你學會寫程式，你不只是學了一項新技能 —— 你成為一群令人敬佩的問題解決者的一份子，他們每天都在思考：「如果我能造出點什麼讓別人生活更好一點怎麼辦？」說真的，還有什麼比這更酷的嗎？
 
-✅ **趣味知識獵人**：有空的時候，試著查查世界上第一位電腦程式設計師是誰？給你個提示：可能不是你期待的那個人！這個人的故事非常吸引人，也說明程式設計一直是關於創意解決問題和跳脫框架的思考。
+✅ **有趣的小尋寶**：有空時查查這個超酷的故事 —— 你覺得世界上第一位電腦程式設計師是誰？給你一個提示：可能不是你想像的那位！他/她的故事相當精彩，證明了編程一直是關於創意思考與跳脫框架。
 
-### 🧠 **檢查時間：你感覺如何？**
+### 🧠 **檢視時刻：你感覺如何？**
 
-**花點時間反思：**
-- 「對電腦下指令」這個想法，你現在懂了嗎？
-- 你能想到哪些日常任務可以用程式自動化嗎？
-- 有哪些問題讓你對整個程式設計有更多好奇？
+**花點時間想想：**
+- 「給電腦下指令」的想法現在對你有意義嗎？
+- 你是否想到日常工作中有想自動化的？
+- 對程式設計整體，你腦海中浮現了什麼問題？
 
-> **記住**：現在如果有些概念還模糊，是完全正常的。學程式就像學語言—大腦需要時間建構神經連結，你做得非常棒！
+> **記得**：一開始如果有些概念感到模糊是完全正常的。學程式就像學新語言 —— 大腦建立神經迴路需要時間。你做得很好！
 
-## 程式語言就像不同的魔法風格
+## 程式語言就像不同風味的魔法
 
-好，這聽起來有點怪，但請跟我一起想—程式語言很像不同種類的音樂。想想看：你有爵士，柔和且即興；搖滾，強而有力且直接；古典，優雅且結構完整；還有嘻哈，創意且表達力強。每種風格都有它的氛圍和熱情粉絲社群，並且適合不同心情與場合。
+好，這可能聽起來怪，但請撐著聽我說 —— 程式語言很像不同類型的音樂。想想看：你有爵士樂，風格流暢且即興，搖滾強烈直接，古典優雅嚴謹，嘻哈創意且富表現力。每種風格都有自己的氛圍、熱愛者社群，而且適合不同心情與場合。
 
-程式語言也是如此！你不會用同一種語言去寫一款有趣的手機遊戲，又用它來處理大量氣候資料，就像你不會在瑜珈課放死亡金屬音樂一樣（嗯，大多數瑜珈課啦😄）。
+程式語言也是同理！你不會用同一種語言寫休閒手機遊戲，卻用那語言分析大量氣候資料；就像你不會在瑜珈課放死亡金屬（嗯，多數瑜珈課啦！😄）。
 
-但每次想到這點，我都覺得超神奇：這些語言就像世界上最有耐心且聰明的翻譯官坐在你旁邊。你可以用自然的人類思維表達想法，它們負責處理複雜的轉換，把它變成電腦聽得懂的1和0。就像有個朋友，兩種語言都流利—「人類創意」與「電腦邏輯」—而且永遠不會累、永遠不需要咖啡休息，也不會因為你問同個問題兩次而生氣！
+但每次想起這點都讓我很震撼：這些語言就像坐在你旁邊的最有耐心且聰明的翻譯官。你用自然的人類思維表達想法，他們負責將其翻譯成電腦說的 1 和 0。就像一個既通曉「人類創意」又精通「電腦邏輯」的朋友 —— 他永不疲倦、不喝咖啡提神，也不會因為你問同一問題兩次而生氣！
 
-### 受歡迎的程式語言及用途
+### 流行的程式語言及用途
 
 ```mermaid
 mindmap
   root((程式語言))
-    網頁開發
+    Web 開發
       JavaScript
         前端魔法
         互動式網站
       TypeScript
-        JavaScript + 類型
+        JavaScript + 型別
         企業應用
     資料與人工智慧
       Python
@@ -113,47 +112,47 @@ mindmap
     系統與效能
       C++
         遊戲
-        高效能關鍵
+        效能關鍵
       Rust
         記憶體安全
         系統程式設計
       Go
         雲端服務
-        可擴充後端
+        可擴展後端
 ```
-| 語言 | 最適合 | 為什麼受歡迎 |
+| 語言 | 最適合 | 為何受歡迎 |
 |----------|----------|------------------|
-| **JavaScript** | 網頁開發、使用者介面 | 在瀏覽器中執行，推動互動式網站 |
-| **Python** | 資料科學、自動化、人工智慧 | 易讀易學，強大函式庫支援 |
-| **Java** | 企業應用、Android 應用程式 | 跨平台，適合大型系統 |
-| **C#** | Windows 應用、遊戲開發 | 微軟生態系強大支援 |
-| **Go** | 雲端服務、後端系統 | 快速簡潔，專為現代運算設計 |
+| **JavaScript** | 網頁開發、使用者介面 | 可於瀏覽器執行，驅動互動網站 |
+| **Python** | 資料科學、自動化、人工智慧 | 易讀易學，強大函式庫支持 |
+| **Java** | 企業應用、Android應用 | 跨平台，大型系統穩健 |
+| **C#** | Windows應用、遊戲開發 | 強大微軟生態系支持 |
+| **Go** | 雲端服務、後端系統 | 快速、簡潔，為現代運算設計 |
 
-### 高階語言 vs 低階語言
+### 高階語言 vs. 低階語言
 
-說真的，這一點剛開始學時讓我一度崩潰，所以我想分享一個讓我終於理解的比喻—希望你也覺得有用！
+說實話，這個概念一開始真的讓我頭腦短路，所以我要分享讓我頓悟的類比 —— 我希望你也能有同感！
 
-想像你去了一個不會說當地語言的國家，急著找最近的廁所（我們都經歷過吧😅）：
+想像你到一個不會講當地語言的國家，急需找最近的洗手間（我們都有過這種經驗，對吧？😅）：
 
-- **低階程式設計**就像你學會當地方言，能用文化引喻、當地俚語和只有本地人懂的暗號跟街角賣水果的老太太聊天。超厲害且效率超高...如果你真精通的話！但要是你只是想找廁所，可能會覺得超困難。
+- **低階程式設計** 就像學會當地方言，能跟角落賣水果的阿嬤用文化暗示、本地俚語和只有本地人成長才懂的笑話熱絡交談。非常厲害且高效率……如果你流利的話！但當你只想找廁所時，會相當崩潰。
 
-- **高階程式設計**就像你有個超棒的當地朋友懂你。你只要用簡單英文說「我需要找廁所」，然後他幫你用當地語言翻譯，還給你清楚的指引，簡單又明瞭。
+- **高階程式設計** 就像有個超棒的當地朋友懂你心思。你用簡單英語說「我真的想找洗手間」時，他們會處理所有文化差異，並用你理解的方式指路。
 
-用程式語言來說：
-- **低階語言**（像是組合語言或 C 語言）可以讓你跟電腦硬體非常細節化溝通，但你必須像機器一樣思考，那是個巨大的心智轉換！
-- **高階語言**（像 JavaScript、Python 或 C#）讓你用人類思維講話，背後處理所有機器語言轉換。而且它們的社群非常歡迎新手，大家都記得自己剛開始時的感受，且真心想幫忙！
+換成程式語言術語：
+- **低階語言**（像是組合語言或C）讓你能跟電腦硬體細緻對話，但你得以機器思考，嗯……這代表得大翻轉你的腦袋！
+- **高階語言**（像 JavaScript、Python 或 C#）讓你用人類思維，幕後它們替你翻譯成機器語言。此外，它們擁有超熱情的社群，裡面充滿了解當新手是怎麼一回事、且真心想幫助的人！
 
-猜猜我會建議你從哪邊開始？😉 高階語言就像有輔助輪的腳踏車，雖然你有時會想砍掉它，但其實它讓整個過程更愉快！
+猜我建議你從哪個開始？😉 高階語言就像訓練輪，你可能一輩子都不想拆掉，因為它們讓整個過程更愉快！
 
 ```mermaid
 flowchart TB
-    A["👤 人類思考：<br/>'我想計算費氏數列'"] --> B{選擇語言層級}
+    A["👤 人類思考：<br/>'我想計算費氏數列'"] --> B{選擇程式語言層級}
     
-    B -->|高層| C["🌟 JavaScript/Python<br/>易讀易寫"]
-    B -->|低層| D["⚙️ 組合語言/C<br/>直接硬體控制"]
+    B -->|高階| C["🌟 JavaScript/Python<br/>易於閱讀與撰寫"]
+    B -->|低階| D["⚙️ 組合語言/C<br/>直接控制硬體"]
     
-    C --> E["📝 編寫：fibonacci(10)"]
-    D --> F["📝 編寫：mov r0,#00<br/>sub r0,r0,#01"]
+    C --> E["📝 撰寫：fibonacci(10)"]
+    D --> F["📝 撰寫：mov r0,#00<br/>sub r0,r0,#01"]
     
     E --> G["🤖 電腦理解：<br/>翻譯器處理複雜性"]
     F --> G
@@ -164,18 +163,18 @@ flowchart TB
     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
-// 第一步：基本費波那契設置
+// 第一步：基本的費波那契設置
 const fibonacciCount = 10;
 let current = 0;
 let next = 1;
@@ -184,13 +183,13 @@ console.log('Fibonacci sequence:');
 ```
 
 **這段程式碼做了什麼：**
-- **宣告**一個常數，指定要產生多少個費波那契數
-- **初始化**兩個變數，追蹤數列中目前和下一個數字
-- **設定**起始值（0 和 1），定義費波那契模式
-- **顯示**標題訊息，說明輸出內容
+- **宣告** 一個常數指定我們想要產生多少個費波那契數
+- **初始化** 兩個變數用來追蹤序列中的當前與下一個數字
+- **設定** 開始值 (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` 迴圈**依序走訪數列各位置
-- **顯示**每個數字及其位置，使用模板字串格式化
-- **計算**下一個費波那契數字，將目前與下一個相加
-- **更新**追蹤變數，移動到下一次迭代
+**解析過程：**
+- **用 `for` 迴圈** 遍歷序列中的每個位置
+- **用範本字串** 顯示每個數字與其位置
+- **計算** 下個費波那契數字 = 當前數字 + 下一個數字
+- **更新** 追蹤變數以進入下一輪迭代
 
 ```javascript
-// 第三步：現代函式式方法
+// 第3步：現代函數式方法
 const generateFibonacci = (count) => {
   const sequence = [0, 1];
   
@@ -224,13 +223,13 @@ const fibSequence = generateFibonacci(10);
 console.log(fibSequence);
 ```
 
-**這上面程式碼，我們：**
-- **使用**現代箭頭函式語法，創建可重複使用的函式
-- **建立**陣列來存完整數列，而不是一個個顯示
-- **用**陣列索引計算每個新數字
-- **回傳**完整數列，方便程式其他部分使用
+**以上範例中，我們：**
+- **用現代箭頭函數語法創建** 可重用函數
+- **建立** 陣列來儲存完整數列，而非一個個顯示
+- **透過陣列索引** 從之前的值計算每個新數字
+- **回傳** 完整序列，方便程式其他部分靈活使用
 
-**低階語言（ARM 組合語言）—電腦友善版：**
+**低階語言（ARM組合語言）— 電腦友善：**
 
 ```assembly
  area ascen,code,readonly
@@ -257,28 +256,28 @@ back add r0,r1
  end
 ```
 
-注意 JavaScript 版幾乎像英文指令，而組合語言版是直接控制電腦處理器的神秘指令。兩者完成同樣任務，但高階語言對人而言更容易理解、撰寫與維護。
+注意 JavaScript 版本讀起來幾乎像英文指令，但組合語言版本使用隱晦的命令直接操控電腦處理器。兩者達成完全相同的任務，但高階語言對人類來說更容易理解、撰寫和維護。
 
-**你會注意到的關鍵差異：**
-- **可讀性**：JavaScript 使用像 `fibonacciCount` 這樣描述性的名稱，而組合語言用像 `r0`、`r1` 的代號
-- **註解**：高階語言鼓勵撰寫說明性註解，使程式碼具備自我說明能力
-- **結構**：JavaScript 的邏輯流程符合人類逐步思考問題的方式
-- **維護**：針對不同需求更新 JavaScript 版本簡單明瞭
+**你會發現的關鍵差異：**
+- **可讀性**：JavaScript 使用像 `fibonacciCount` 這樣具描述性的名稱，而 Assembly 則使用像 `r0`、`r1` 這種晦澀的標籤
+- **註解**：高階語言鼓勵加上說明性的註解，使程式碼自我說明
+- **結構**：JavaScript 的邏輯流程符合人類思考問題的步驟
+- **維護**：針對不同需求更新 JavaScript 版本簡單明瞭  
 
-✅ **關於費波那契數列**：這個絕美的數字模式（每個數字等於之前兩個數字的和：0、1、1、2、3、5、8...）在自然界中隨處可見！你會發現在向日葵的螺旋花序、松果的排列、鸚鵡螺的殼形曲線，甚至是樹枝的生長方式中都有它。數學與程式碼怎麼能幫助我們理解並重現大自然用於創造美麗的模式，實在令人讚嘆！
+✅ **關於費波那契數列**：這個絕美的數字模式（每個數字是前兩數的和：0、1、1、2、3、5、8……）在大自然中幾乎無處不在！你可以在向日葵的螺旋狀、松果的圖案、鹦鹉螺的曲線，甚至在樹枝的生長方式中找到它。數學和程式碼如何幫助我們理解並重新創造自然創造美的模式，真是令人驚嘆！
 
 
-## 造就魔法的基礎構件
+## 造就奇蹟的構件
 
-好了，現在你已經看過程式語言的實際運作，讓我們來拆解組成每一個程式的基本單元。把它們想像成你最愛食譜中必不可少的材料 — 一旦理解每個材料的作用，你就能閱讀與撰寫幾乎任何語言的程式碼！
+好，現在你已經見識過程式語言的運作方式，讓我們拆解組成每個程式的基礎零件。可把它們想成你最愛食譜中的必備材料——只要你了解每個材料的用途，就能閱讀並撰寫幾乎任何語言的程式碼！
 
-這有點像是在學習程式設計的文法。還記得你小時候學名詞、動詞以及如何組句子嗎？程式設計有自己的語法，老實說，它比英語文法更合邏輯也更寬容！😄
+這有點像學習程式的文法。還記得學校裡學過名詞、動詞和句子結構嗎？程式有它自己的文法，而且說真的，比英文文法還要合邏輯且寬容得多！😄
 
-### 陳述句：逐步指令
+### 陳述句（Statements）：一步步的指令
 
-先從**陳述句**開始 — 它們就像你與電腦之間交流的句子。每條陳述句告訴電腦做一件特定的事，就像給方向：「這裡左轉」、「紅燈停」，「停到那個車位」。
+先從 **陳述句** 講起，陳述句就像和電腦對話的句子。每個陳述句告訴電腦做一件特定的事，就像給方向：「這裡左轉」、「紅燈停」、「停在那個車位」。
 
-我喜歡陳述句之處在於它通常非常易讀。看這個：
+我喜歡陳述句的地方是它們通常非常易讀。看這裡：
 
 ```javascript
 // 執行單一動作的基本敘述
@@ -287,10 +286,10 @@ console.log("Hello, world!");
 const sum = 5 + 3;                         
 ```
 
-**這段程式碼做了什麼：**
-- **宣告**一個以儲存使用者姓名的常數變數
-- **顯示**一條問候訊息到主控台輸出
-- **計算**並儲存一個數學運算結果
+**這段代碼做了什麼：**
+- **宣告**一個常數變數用來存使用者姓名
+- **顯示**一則問候訊息在控制台輸出
+- **計算**並儲存數學運算的結果
 
 ```javascript
 // 與網頁互動的語句
@@ -298,19 +297,19 @@ document.title = "My Awesome Website";
 document.body.style.backgroundColor = "lightblue";
 ```
 
-**逐步來看，發生了什麼：**
-- **修改**網頁標題（瀏覽器分頁上顯示）
-- **變更**整個網頁主體的背景顏色
+**一步步發生了什麼：**
+- **修改**瀏覽器標籤頁中顯示的網頁標題
+- **更改**整個網頁主體的背景色
 
-### 變數：程式的記憶系統
+### 變數（Variables）：程式的記憶系統
 
-好啦，**變數**老實說是我最喜歡教的概念之一，因為它們很像你每天都用到的東西！
+真的，**變數** 是我最喜歡教的概念之一，因為它們很像你每天都在用的東西！
 
-想想你手機的聯絡人列表。你不會背起每個電話號碼，而是儲存「媽媽」、「摯友」，或「凌晨兩點還送餐的披薩店」，讓手機幫你記住真正的號碼。變數也是如此！它們像有標籤的容器，你的程式可以塞進資訊，並用有意義的名稱隨時取出。
+想想你的手機通訊錄。你不記住每個電話號碼，而是存「媽媽」、「好朋友」或「營業到凌晨兩點的披薩店」，手機幫你記住真正的號碼。變數就是這樣！它們像帶標籤的容器，你的程式可以存資訊，然後用有意義的名字取回。
 
-更酷的是：變數可以隨程式運行改變（這就是「變數」名稱的由來 — 你懂的！）。就像你發現更好吃的披薩店會更新聯絡資訊一樣，變數也能隨程式學習新資訊或情況改變而更新！
+最酷的是：變數在程式執行時可以變化（所以叫變數嘛～）。就像你會更新披薩店的聯絡方式，變數也能隨著程式獲得新資訊或情況改變而更新！
 
-讓我示範它有多簡單美妙：
+看這例子，超簡單而美妙：
 
 ```javascript
 // 第一步：建立基本變數
@@ -321,13 +320,13 @@ let isRaining = false;
 ```
 
 **理解這些概念：**
-- **儲存**不變的值於 `const` 變數（例如網站名稱）
-- **使用** `let` 來存放會變動的值
-- **指派**不同資料型別：字串（文字）、數字、布林值（true/false）
-- **選擇**具描述性的名稱解釋變數內容
+- **使用** `const` 儲存不會變的值（例如網站名稱）
+- **使用** `let` 儲存程序中可能改變的值
+- **指派**不同資料型態：字串（文字）、數字、布林值（true/false）
+- **挑選**清楚描述變數內容的名稱
 
 ```javascript
-// 第2步：使用物件來群組相關資料
+// 步驟 2：使用物件來群組相關資料
 const weatherData = {                       
   location: "San Francisco",
   humidity: 65,
@@ -335,47 +334,47 @@ 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}%`);
 ```
 
-**你需要知道：**
-- **透過解構賦值**擷取物件中特定屬性
-- **自動建立**與物件鍵同名的新變數
-- **簡化**程式碼，避免重复的點記法
+**你需要知道的技巧：**
+- **用**解構賦值從物件中取出特定屬性
+- **自動建立**同名的新變數
+- **減少**繁瑣重複使用點記號法的代碼
 
-### 控制流程：教你的程式思考
+### 控制流程（Control Flow）：教程式思考
 
-好了，這裡是程式設計最令人驚嘆的部分！**控制流程**基本上是在教你的程式如何做聰明的判斷，就像你每天不假思索地做的事情一樣。
+這裡編程真的開始令人驚艷！**控制流程** 就是教你的程式做出聰明決策，就像你每天不假思索地做的事一樣。
 
-想像一下：今天早上你可能過程是「如果下雨，我會帶傘；如果冷，我會穿外套；如果要遲到了，我會跳過早餐路上買咖啡」。你的大腦每天自然就按照這種 if-then 邏輯運作數十次！
+想像今天早上你可能想，「如果下雨，我帶傘；如果冷，我穿外套；如果快遲到了，就不吃早餐，路上喝咖啡。」你的大腦每天自然根據這種「如果-那麼」的邏輯運作好幾十次！
 
-這讓程式感覺聰明、有生命力，不再只是照著無聊、可預測的劇本行事。它們可以觀察情況，評估正在發生的事，並做出合適反應。就像給程式一顆能因應情況做選擇的大腦！
+這讓程式感覺聰明且有活力，而不是死板又無聊。它們真的可以看情況、評估狀況，再做出適當反應。就像給程式一個能適應並做選擇的大腦！
 
-想看看這有多美妙？讓我示範：
+想看看這種神奇怎麼運作？看這個：
 
 ```javascript
 // 第一步：基本條件邏輯
@@ -389,14 +388,14 @@ if (userAge >= 18) {
 }
 ```
 
-**程式碼做了什麼：**
-- **檢查**使用者的年齡是否符合投票資格
-- **依條件結果**執行不同程式區塊
-- **計算並顯示**未滿18歲還需多久才可投票
-- **提供**針對每種情況的具體有用回饋
+**這段代碼做了什麼：**
+- **檢查**使用者是否達到投票年齡
+- **依條件執行**不同程式區塊
+- **算出**若未滿 18 歲需多久才能投票並顯示
+- **針對每種情況**給出明確且有用的回饋
 
 ```javascript
-// 步驟2：多個條件與邏輯運算子
+// 步驟 2：使用邏輯運算子的多重條件
 const userAge = 17;
 const hasPermission = true;
 
@@ -409,22 +408,22 @@ if (userAge >= 18 && hasPermission) {
 }
 ```
 
-**拆解過程：**
-- **用 `&&`（且）運算符**組合多重條件
-- **用 `else if`**建立多層條件判斷架構
-- **用最後 `else`**涵蓋所有可能情況
-- **提供**每種不同狀況清楚明確的反饋
+**來拆解一下：**
+- **用** `&&`（且）組合多條件
+- **用** `else if` 建立有層次的多條件判斷
+- **用** 最後的 `else` 包攬所有未涵蓋狀況
+- **給予**每種情況清楚且可操作的反饋
 
 ```javascript
-// 第三步：使用三元運算子的簡潔條件判斷
+// 步驟3：使用三元運算子的簡潔條件判斷
 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
 console.log(`Status: ${votingStatus}`);
 ```
 
-**記住：**
-- **用三元運算子 (`? :`)**快速處理簡單兩選一條件
-- **先寫判斷式**，接著是 `?`，接著是條件為真時的結果，再來是 `:`，最後是條件為假的結果
-- **適用於根據條件賦值**
+**你得記得：**
+- **用** 三元運算子 (`? :`) 寫簡單的兩選一條件
+- **語法是**先寫條件、接著 `?`、接著條件為真時結果、然後 `:`、最後條件為假時結果
+- **用於**依條件選擇值時非常好用
 
 ```javascript
 // 第4步：處理多個特定情況
@@ -447,55 +446,55 @@ switch (dayOfWeek) {
 }
 ```
 
-**這段程式碼完成：**
-- **對變數值比對多個特定案例**
-- **將相似案例歸類（平日與週末）**
-- **找到符合時執行對應程式碼塊**
-- **用 `default` 處理不預期的值**
-- **用 `break` 防止繼續執行下一案例**
+**這段程式實現了：**
+- **比對**變數值對應多個具體案例
+- **依案例性質**將相似狀況分組（平日 vs 假日）
+- **找到匹配時**執行相對應程式區塊
+- **用** `default` 例外狀況處理未預期的值
+- **用** `break` 結束該案例，避免繼續執行到下一個案例
 
-> 💡 **現實類比**：想像控制流程就像世界上最有耐心的 GPS 指示路線。它可能說「如果主街塞車，就走高速公路。如果高速公路施工封路，試試風景線路。」程式正是用這種條件邏輯聰明回應不同情況，且永遠給使用者最佳體驗。
+> 💡 **現實生活比喻**：把控制流程想成全球最有耐心的導航，一路指引你：「如果主街交通堵塞，就走高速公路；如果高速公路封路，就改走風景路。」程式也用相同條件邏輯，智慧且靈活回應各種狀況，總是提供使用者最佳體驗。
 
-### 🎯 **概念檢測：基礎構件掌握**
+### 🎯 **概念測驗：基礎構件大考驗**
 
-**來看看你對基礎的掌握：**
-- 你能用自己的話解釋變數和陳述句的差別嗎？
-- 想出一個現實生活中會用到 if-then 判斷的例子（像投票例子）
-- 有哪些程式邏輯讓你感到驚訝？
+**來看看你吸收得如何：**
+- 你能用自己的話解釋變數和陳述句有什麼不同嗎？
+- 想一個生活中的例子會用到 if-then 決策（比如投票例子）
+- 程式邏輯中，你發現了什麼讓你驚訝的地方？
 
-**快速提振信心：**
+**快速增強信心：**
 ```mermaid
 flowchart LR
-    A["📝 陳述式<br/>(指令)"] --> B["📦 變數<br/>(儲存)"] --> C["🔀 控制流程<br/>(判斷)"] --> D["🎉 可執行程式!"]
+    A["📝 陳述<br/>(指令)"] --> B["📦 變數<br/>(儲存)"] --> C["🔀 控制流程<br/>(決策)"] --> 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、你愛的獨立 App 工作室的開發者現在就正用的專業級工具。你用它們會感覺自己超級專業！
+更刺激的是：這些不是你練習完就不用的「新手工具」。這些就是 Google、Netflix 和你愛的獨立 APP 工作室專業開發者就在用的真槍實彈。用它們你會覺得自己超級專業！
 
 ```mermaid
 graph TD
-    A["💡 你的想法"] --> B["⌨️ 程式編輯器<br/>(VS Code)"] 
-    B --> C["🌐 瀏覽器開發工具<br/>(測試與除錯)"]
+    A["💡 您的想法"] --> B["⌨️ 程式編輯器<br/>(VS Code)"] 
+    B --> C["🌐 瀏覽器開發者工具<br/>(測試與除錯)"]
     C --> D["⚡ 命令列<br/>(自動化與工具)"]
-    D --> E["📚 文件<br/>(學習與參考)"]
-    E --> F["🚀 優秀的網頁應用程式!"]
+    D --> E["📚 文件資源<br/>(學習與參考)"]
+    E --> F["🚀 驚人的網頁應用程式!"]
     
     B -.-> G["🤖 AI 助手<br/>(GitHub Copilot)"]
     C -.-> H["📱 裝置測試<br/>(響應式設計)"]
-    D -.-> I["📦 套件管理器<br/>(npm, yarn)"]
+    D -.-> I["📦 套件管理工具<br/>(npm, yarn)"]
     E -.-> J["👥 社群<br/>(Stack Overflow)"]
     
     style A fill:#fff59d
@@ -505,106 +504,105 @@ graph TD
     style I fill:#ffccbc
     style J fill:#e8eaf6
 ```
-### 程式碼編輯器與 IDE：你新的數位最佳夥伴
+### 程式編輯器和 IDE：你新的數位最佳夥伴
 
-談談程式碼編輯器 — 它們真的會成為你最愛待著的地方！把它們想成你個人的程式創作聖地，你會花大量時間在這裡打造你的數位作品。
+來談談程式編輯器——它們快變成你新歡的打卡聖地！把它想成你個人專屬的程式創作聖殿，絕大多數時間都會在這裡打造與完善數位作品。
 
-現代編輯器的魔法在於：它們不只是華麗的純文字編輯器。就像有位最聰明、最支持你的程式教練全天候陪你坐在旁邊。它們在你察覺錯誤前就幫你抓出來，給你建議讓你看起來像個天才，幫你理解每段程式碼在做什麼，有些甚至能預測你下一秒想打什麼，主動幫你補全！
+現代編輯器的魔力就在於：它們不只是高級文字編輯器。它們就像有最聰明且支持你的程式導師 24 小時陪伴，錯字還沒出現就幫你抓到，抄捷徑讓你看起來像天才，還幫你理解每段代碼的作用，甚至有的能預測你下一步會打什麼，主動幫你完成！
 
-我記得第一次發現自動完成時的感覺 — 就像活在未來。你開始打字，編輯器說：「嘿，你是不是想用這個功能，它正好做你需要的事？」彷彿有個讀心術高手當你程式夥伴！
+我還記得第一次用上自動補完時，覺得自己活在未來。一開始打字，編輯器就像在說：「嘿，你是在想用這個函式吧？它剛好能幫你做這件事！」這簡直就是讀心師當程式夥伴！
 
-**這些編輯器厲害在哪裡？**
+**讓編輯器如此厲害的祕密是什麼？**
 
-現代程式碼編輯器提供一系列設計來提升工作效率的功能：
+現代程式編輯器擁有豐富功能，大幅提升生產力：
 
-| 功能 | 作用 | 為何有用 |
+| 功能 | 它做什麼 | 為什麼有用 |
 |---------|--------------|--------------|
-| **語法高亮** | 為程式碼不同部分上色 | 讓程式碼更易讀、易發現錯誤 |
-| **自動完成** | 打字時建議程式碼 | 加快寫程式速度、減少錯字 |
-| **除錯工具** | 幫你找出並修正錯誤 | 省下大量問題排查時間 |
-| **擴充套件** | 新增專門功能 | 客製化編輯器符合各種技術需求 |
-| **AI 助手** | 建議程式碼與解釋 | 加速學習與提升生產力 |
-
-> 🎥 **影片資源**：想看這些工具實戰嗎？請查看這支[工具裝備介紹影片](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) — 即時協作
-  - [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/)**（付費，學生免費）
-- 進階除錯與測試工具
-- 智慧化程式碼補全
+| **語法高亮** | 用顏色區分程式碼不同部分 | 讓程式碼更容易閱讀與找錯 |
+| **自動補完** | 輸入時自動建議代碼 | 加快編程速度並減少錯字 |
+| **除錯工具** | 幫你找錯誤並修正 | 省下數小時的除錯時間 |
+| **擴充套件** | 加入專業功能 | 依技術需求客製化編輯器 |
+| **AI 助手** | 建議程式碼與說明 | 加快學習及提升效率 |
+
+> 🎥 **影片資源**：想看看這些工具如何運作？觀看這個[工具介紹影片](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) - 實時協作  
+  - [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/) — 立即啟用全端網頁開發
-
-> 💡 **初學者建議**：從 Visual Studio Code 開始 — 它免費、產業廣泛使用，加上強大的社群與豐富教學與擴充套件。
+**雲端 IDE**（價格不一）  
+- [GitHub Codespaces](https://github.com/features/codespaces) - 在瀏覽器裡完整 VS Code  
+- [Replit](https://replit.com/) - 方便學習和分享程式碼  
+- [StackBlitz](https://stackblitz.com/) - 即時全端網頁開發
 
+> 💡 **入門建議**：從 Visual Studio Code 開始吧——它免費且業界廣泛使用，有龐大社群提供豐富教學與擴充套件。
 
-### 網頁瀏覽器：你的秘密開發實驗室
+### 網頁瀏覽器：你秘密的開發實驗室
 
-好了，準備好被徹底震撼吧！你知道你平常用瀏覽器滑社群媒體、看影片？其實它們一直藏著個令人難以置信的祕密開發實驗室，等著你發掘！
+好，準備好被徹底震撼了嗎！你可能一直用瀏覽器滑社群、看影片，沒想到它竟然藏著這座超強祕密開發實驗室，等待你來探索！
 
-每次你在網頁上右鍵點選「檢查元素」，你就打開了一個隱藏的開發者工具世界，誠實說它比我過去花大錢買的部分軟體還強大。就像發現你平常用的廚房後面藏著一座專業主廚實驗室！
-第一次有人給我看瀏覽器開發者工具 (DevTools) 時，我花了大概三個小時瘋狂點擊，然後驚呼：「等等，這個功能它也有？！」你真的可以即時編輯任何網站，精準看到載入速度，測試網站在不同裝置上的呈現，甚至像專家一樣除錯 JavaScript。這真的超神奇！
+每次你在網頁上右鍵點選「檢查」元素，就打開了隱藏的開發者工具，比我以前花大錢買的專業軟體還厲害。就像發現平凡廚房後面藏了個頂尖大廚的實驗室一樣！
+第一次有人向我展示瀏覽器開發者工具（DevTools）時，我花了差不多三個小時，光是在那裡點來點去，然後一直說：「等等，它居然也能做到這個？！」你真的可以即時編輯任何網站，精準看到每個元素載入的速度，測試網站在不同裝置上的呈現，甚至像專業人士一樣除錯 JavaScript。這簡直讓人驚呆了！
 
-**這就是瀏覽器成為你秘密武器的原因：**
+**瀏覽器為什麼是你的秘密武器：**
 
-當你建立一個網站或網頁應用程式時，你需要知道它在真實世界中的樣子和行為。瀏覽器不僅負責呈現你的作品，還會提供性能、無障礙和潛在問題的詳細反饋。
+當你建立網站或網頁應用程式時，你需要看到它在真實世界中的樣貌與行為。瀏覽器不僅能顯示你的作品，還提供有關效能、可及性及潛在問題的詳細回饋。
 
-#### 瀏覽器開發者工具 (DevTools)
+#### 瀏覽器開發者工具（DevTools）
 
 現代瀏覽器包含完整的開發套件：
 
-| 工具類別 | 功能說明 | 範例用途 |
-|----------|----------|----------|
-| **元素檢查器** | 即時檢視和編輯 HTML/CSS | 調整樣式立刻看到效果 |
-| **主控台** | 查看錯誤訊息和測試 JavaScript | 除錯問題並嘗試程式碼 |
-| **網路監視器** | 追蹤資源載入情形 | 優化效能和載入時間 |
-| **無障礙檢查器** | 測試包容性設計 | 確保網站適合所有用戶 |
-| **裝置模擬器** | 預覽不同螢幕尺寸 | 測試響應式設計不需多台裝置 |
+| 工具類別 | 功能 | 範例使用情境 |
+|----------|-------|--------------|
+| **元素檢視器** | 即時檢視和編輯 HTML/CSS | 調整樣式，立刻看到結果 |
+| **主控台** | 查看錯誤訊息與測試 JavaScript | 除錯問題並試驗程式碼 |
+| **網路監控器** | 追蹤資源載入狀況 | 優化效能和載入時間 |
+| **可及性檢查器** | 測試包容性設計 | 確保所有使用者皆可使用 |
+| **裝置模擬器** | 預覽不同螢幕尺寸 | 測試響應式設計無需多台裝置 |
 
-#### 推薦開發用瀏覽器
+#### 推薦用於開發的瀏覽器
 
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** － 業界標準的 DevTools，附有豐富文件
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** － 優秀的 CSS Grid 及無障礙工具
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** － 建構於 Chromium，搭配微軟開發資源
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** — 業界標準 DevTools，具豐富文件
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** — 出色的 CSS Grid 與可及性工具
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** — 基於 Chromium，結合微軟開發資源
 
-> ⚠️ **重要測試提示**：務必在多個瀏覽器中測試你的網站！Chrome 完美運作的東西，可能在 Safari 或 Firefox 看起來不同。專業開發者會跨主要瀏覽器測試，確保用戶體驗一致。
+> ⚠️ **重要測試技巧**：務必在多種瀏覽器中測試你的網站！在 Chrome 上完美的效果可能在 Safari 或 Firefox 看起來完全不同。專業開發者會跨所有主要瀏覽器測試，確保用戶體驗一致。
 
 
-### 指令列工具：帶你開啟開發者超能力之門
+### 命令列工具：開啟你的開發超能力之門
 
-好了，讓我們來一個完全坦白的小時刻講講指令列，因為我想讓你聽聽來自真正懂它的人的說法。剛看到指令列那個黑黑的、閃爍著文字的螢幕時，我腦中只有一句話：「絕對不行！這看起來像是 80 年代駭客電影裡的東西，我肯定不夠聰明用！」😅
+好了，讓我們坦白談談命令列，因為我想讓你聽聽真正懂這玩意兒的人怎麼說。第一次看到命令列的時候——這個恐怖的黑色螢幕，閃爍的文字——我真的想，「絕對不行！這感覺像是1980年代駭客電影裡面才會出現的東西，我絕對不夠聰明！」😅
 
-但其實我當時最想有人告訴我，也是我現在想跟你說的：指令列一點也不可怕，它就像是直接跟你的電腦對話。想像你點餐時，用有圖片選單的漂亮 App 很輕鬆，但如果你直接走進你最愛的餐廳，廚師一聽你說「驚喜幫我做個超讚的菜」，馬上就給你完美料理，那指令列就像是廚師，聽你的話立刻做出結果。
+但現在我希望有人當時對我說這些話，我現在也想對你說：命令列不可怕——它其實就像是直接跟你的電腦對話。想像一下，用一個有漂亮圖片與選單的美食訂購 App（簡單又好用）跟走進你最愛的本地餐廳，由了解你口味的主廚直接為你「驚喜料理」的差異。
 
-指令列是讓開發者感覺自己像超級巫師的地方。你打出幾個看似神奇的字（好啦，他們只是命令，但感覺很神奇！）然後按下 Enter，砰－－你建立了整個專案架構、安裝全球強大的工具，甚至把應用部署上線讓千萬人看。嘗到這種力量後，真的會上癮！
+命令列就是開發者施展魔法的地方。你輸入幾個看似神奇的字（其實只是指令，但就是覺得神奇！），按下回車，BOOM —— 你建立了整個專案結構，安裝了世界各地強大工具，或者把你的應用部署到網路上讓成千上萬人看到。你一嘗過這種力量，真的會上癮！
 
-**為什麼你會喜歡指令列：**
+**為什麼命令列會成為你最愛的工具：**
 
-雖然圖形介面很適合多種任務，指令列在自動化、精準度和速度上更勝一籌。很多開發工具主要透過指令列操作，學會有效使用可以大幅提升生產力。
+雖然圖形介面適合許多任務，但命令列在自動化、精準與速度方面無出其右。許多開發工具主要透過命令列操作，學會有效使用可以大幅提高生產力。
 
 ```bash
-# 第一步：建立並切換到專案目錄
+# 第一步：建立並進入專案目錄
 mkdir my-awesome-website
 cd my-awesome-website
 ```
 
-**這段程式碼的功能：**
-- **建立** 一個叫做 "my-awesome-website" 的新資料夾當作專案
-- **進入** 新建資料夾開始工作
+**這段程式碼的作用：**
+- **建立** 一個名為 "my-awesome-website" 的新資料夾作為專案
+- **進入** 新建立的資料夾開始工作
 
 ```bash
 # 第2步：使用 package.json 初始化專案
@@ -615,14 +613,14 @@ npm install --save-dev vite prettier eslint
 npm install --save-dev @eslint/js
 ```
 
-**逐步說明如下：**
-- **初始化** 一個帶預設設定的 Node.js 專案，使用 `npm init -y`
-- **安裝** Vite，作為快速開發與生產環境建置的現代化工具
-- **加入** Prettier 進行自動格式化，ESLint 確保程式碼品質
-- **使用** `--save-dev` 標明這些為開發階段的依賴
+**一步步說明：**
+- 使用 `npm init -y` **初始化** 新的 Node.js 專案並使用預設設定
+- **安裝** Vite 這個現代化建置工具，用於快速開發與生產建置
+- **加入** Prettier 進行自動格式化，ESLint 進行程式碼品質檢查
+- 使用 `--save-dev` 參數表示這些只是開發階段的依賴
 
 ```bash
-# 第3步：建立專案結構與檔案
+# 步驟 3：建立專案結構和檔案
 mkdir src assets
 echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello World</h1></body></html>' > index.html
 
@@ -630,86 +628,85 @@ echo '<!DOCTYPE html><html><head><title>My Site</title></head><body><h1>Hello Wo
 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/)** | 程式碼品質檢查 | 自動偵測並修正 JS 問題 |
-| **[Prettier](https://prettier.io/)** | 程式碼格式化 | 保持程式碼風格一致且易讀 |
+| 工具 | 目的 | 為什麼你需要它 |
+|------|------|-----------------|
+| **[Git](https://git-scm.com/)** | 版本控制 | 追蹤變更，團隊協作，備份工作 |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript 執行環境與套件管理 | 在瀏覽器外執行 JS，安裝現代開發工具 |
+| **[Vite](https://vitejs.dev/)** | 建置工具與開發伺服器 | 極高速開發與模組熱更換 |
+| **[ESLint](https://eslint.org/)** | 程式碼品質 | 自動發現並修正 JavaScript 問題 |
+| **[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)** 💻 － 傳統 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)** 💻 — 傳統 Windows 命令列
 
 **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/)** 💻 － 標準 Linux 殼層
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** － 進階終端機模擬器
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 — 標準 Linux shell
+- **[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點被問題卡住？文件就在那裡，給你溫暖的虛擬擁抱和正確答案。想學剛剛大家都在討論的酷新功能？文件有步驟範例支援你。想知道為什麼某件事情會那樣運作？對了，那些文件能幫你恍然大悟！
 
-有件事徹底改變我看法的：網頁開發更新太快，沒有人（真的沒有）能把一切記在腦子裡。我看到有 15 年資深的開發大佬也會查基本語法，你知道嗎？這不尷尬，這是聰明！不是記憶力完美，而是知道怎麼快速找到可靠答案，並懂得應用。
+讓我徹底改觀的一件事是：網頁開發發展超快，沒有人（我說絕對沒有人！）能背下全部內容。我看過超過15年的資深工程師還在查基本語法，你知道嗎？這不是丟臉，是聰明！重要的不是記憶力多好，而是知道在哪裡快速找到可靠答案並懂得運用。
 
-**真正關鍵的地方在這裡：**
+**真正的魔法在這裡：**
 
-專業開發者花大量時間看文檔，不是因為不懂，而是因為網頁開發環境變化如此快速，必須不斷學習才能跟上。好的文件幫你理解不只是 *怎麼用*，還有 *為什麼* 跟 *何時* 使用。
+專業開發者花大量時間閱讀文件，不是因為不懂，而是因為網頁開發環境變動飛快，持續學習才是關鍵。優秀文件不只告訴你「怎麼用」，還講「為什麼」和「何時用」。
 
-#### 重要文件資源
+#### 必備文件資源
 
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+**[Mozilla 開發者網路 (MDN)](https://developer.mozilla.org/docs/Web)**
 - 網頁技術文件的黃金標準
-- HTML、CSS、JavaScript 全面指南
-- 包含瀏覽器相容性資訊
-- 實例範例與互動演示
+- HTML、CSS、JavaScript 詳盡指南
+- 含有瀏覽器相容性資訊
+- 實用範例與互動示範
 
-**[Web.dev](https://web.dev)** (由 Google 提供)
+**[Web.dev](https://web.dev)**（由 Google 提供）
 - 現代網頁開發最佳實踐
-- 效能優化指引
-- 無障礙及包容性設計原則
-- 真實案例分享
+- 效能優化指南
+- 可及性與包容性設計原則
+- 實務案例研究
 
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+**[微軟開發者文件](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
 - Edge 瀏覽器開發資源
-- 漸進式網頁應用程式指南
-- 跨平台開發洞察
+- 漸進式網頁應用指南
+- 跨平台開發見解
 
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- 系統化課程規劃
-- 業界專家影片課程
-- 實作編碼練習
+**[Frontend Masters 學習路徑](https://frontendmasters.com/learn/)**
+- 結構化學習課程
+- 業界專家影音課程
+- 實作程式練習
 
-> 📚 **學習策略**：別嘗試死記文件內容，學會有效快速瀏覽才是王道。收藏常用參考資源，練習用搜尋找到特定資訊。
+> 📚 **研讀策略**：不要死背文件，而是學會高效導航。書籤常用參考資料，練習用搜尋功能快速找到訊息。
 
+### 🔧 **工具掌握自我檢測：你最有感的是什麼？**
 
-### 🔧 **工具掌握測試：哪個最吸引你？**
-
-**請花一點時間想想：**
-- 你第一個最想嘗試的工具是什麼？（無所謂正錯！）
-- 指令列還是覺得害怕，或是開始想試試看了？
-- 你能想像用瀏覽器 DevTools 來窺探你最愛網站的「幕後秘辛」嗎？
+**花點時間思考：**
+- 你最想先嘗試哪個工具？（沒有錯的答案！）
+- 命令列對你來說還是令人畏懼，還是開始有興趣了？
+- 你能想像用瀏覽器 DevTools 窺探你最愛網站的內幕嗎？
 
 ```mermaid
 pie title "開發者使用工具的時間分配"
@@ -719,139 +716,137 @@ pie title "開發者使用工具的時間分配"
     "閱讀文件" : 15
     "除錯" : 5
 ```
-> **有趣洞見**：大多數開發者約 40% 時間待在編輯器，但請注意花多少時間在測試、學習和解決問題。編程不只是寫程式碼－而是在打造體驗！
+> **有趣觀察**：大多數開發者約40%時間使用程式編輯器，但你會注意到，他們花很多時間在測試、學習與解決問題。程式設計不只是寫碼，更是打造體驗！
 
-✅ **思考題**：想想看建立網站的工具 (開發) 跟設計網站外觀的工具 (設計) 有什麼不同？就像是蓋房子的建築師和實際施工的承包商。兩者都很重要，但工具箱不同！這樣的思維幫你看清網站如何誕生的全貌。
+✅ **值得思考**：不同工具如何區分開發與設計？這很像建築師設計漂亮的房子，和承包商實際蓋屋的差別。兩者都很重要，但工具箱不同！這種思考能幫助你看到網站如何誕生的全貌。
 
 ## GitHub Copilot Agent 挑戰 🚀
 
 使用 Agent 模式完成以下挑戰：
 
-**描述：** 探索現代程式碼編輯器或 IDE 的功能，並示範它如何提升你作為網頁開發者的工作流程。
+**說明：** 探索現代程式碼編輯器或 IDE 的功能，並示範它如何改進你作為網頁開發者的工作流程。
 
-**提示：** 選擇一款程式碼編輯器或 IDE（像 Visual Studio Code、WebStorm，或雲端 IDE）。列出三個功能或擴充套件說明它們如何幫助你更有效率地撰寫、除錯或維護程式碼。對每一項提供簡短說明其對工作流程的好處。
+**提示：** 選擇一個編輯器或 IDE（例如 Visual Studio Code、WebStorm 或雲端 IDE）。列出三個幫助你撰寫、除錯或維護程式碼更有效率的特色或外掛，並簡述它如何提升你的工作流程。
 
 ---
 
-## 🚀 挑戰任務
+## 🚀 挑戰
 
-**破案者，準備好了嗎？**
+**好了，偵探，準備好你的第一個案件了嗎？**
 
-你已經打下堅實基礎，現在有個冒險任務要讓你見識程式世界有多麼多元迷人。別擔心，這還不是寫程式碼的時候！把自己當成一名編程語言偵探，開始你的首宗刺激案件！
+有了這個超棒基礎，我有個冒險要帶你看編程世界的多元與迷人。放心，這還不是寫程式的階段，不用緊張！想像自己是語言偵探，正在接手第一個精彩案件！
 
-**你的任務，如果你願意接受：**
-1. **成為語言探索者**：從截然不同的三個編程語言挑選出來──可能一個用於網站，另一個開發手機 App，還有一個用於科學資料分析。找相同簡單任務的各語言範例。保證你會驚訝它們看起來多不同，卻完成同一件事！
+**你的任務，如你願意接受：**
+1. **成為語言探險家**：挑選三種來自完全不同領域的程式語言——或許一個用於網站開發、一個用於手機應用，另一個用於科學數據處理。找出相同簡單任務的程式碼範例。我保證你會驚訝它們完成相同事情的方式竟然長得這麼不同！
 
-2. **挖掘起源故事**：每種語言的特別之處是什麼？有趣的是，每種語言都是有人想：「該死，我一定可以用更好的方法解決這個問題！」才誕生的。你能找出它們當初解決的問題嗎？這些故事超好玩！
+2. **追溯起源故事**：每種語言有何獨特？酷事實是，每個程式語言都是因為有人想著「這有更好的方式來解決這個特定問題」。你能找出那些問題是什麼嗎？有些故事真的是非常吸引人！
 
-3. **認識社群**：看看各語言社群如何包容熱情。某些有百萬開發者互相分享、支援；有些較小但非常團結密切。你會愛上他們不同的個性！
+3. **認識社群**：感受各語言社群的熱情與友善。有些有百萬名開發者分享知識互助，有些較小但緊密且支持彼此。你會很喜歡看這些社群各自的個性！
 
-4. **聽從直覺**：哪個語言現在對你來說最友善？別強迫「完美選擇」──相信你的直覺！沒有錯答案，日後還可以再多探索。
+4. **憑直覺選擇**：哪種語言現在感覺最親近你？別擔心選擇「完美」與否——聽從你的直覺！這裡沒有錯的答案，也可以之後再探索其他。
 
-**額外偵探任務**：試找出這些語言用在哪些知名網站或 App。保證會讓你震驚 Instagram、Netflix 或你玩不膩的手機遊戲背後的技術！
+**加碼偵探任務**：試著找出每種語言主力開發的主要網站或應用。保證讓你震驚，知道 Instagram、Netflix 或那款讓你停不下來玩的手機遊戲背後用的語言！
 
-> 💡 **記住**：今天你不用成為任何語言專家。只是先認識街區，決定想在哪裡落腳。慢慢來，玩得開心，讓好奇心帶路！
+> 💡 **記住**：今天你不是要成為專家，只是在決定落腳之前認識社區。放輕鬆，享受探索，讓好奇心帶路！
 
-## 讓我們一起慶祝你的發現！
+## 讓我們慶祝你的發現！
 
-哇靠，今天你吸收了好多令人驚奇的資訊！我非常期待看到這趟精彩旅程在你心中留下多少痕跡。記得──這不是要你考試或要完美表現。更像是在慶祝你已經了解這個即將踏入的奇妙世界！
+天哪，你今天吸收了這麼多厲害的資訊！我真心期待看到你對這趟旅程的記憶。記得——這不是一場考試，不用完美。這更像是一場派對，慶祝你在即將深入的神奇世界中學到的所有酷東西！
 
-[前往課後測驗](https://ff-quizzes.netlify.app/web/)
-## Review & Self Study
+[參加課後測驗](https://ff-quizzes.netlify.app/web/)
 
-**花點時間探索並享受其中的樂趣！**
+## 複習與自學
 
-你今天已經學了很多，這真的是值得驕傲的事！現在來到有趣的部分——探索激發你好奇心的主題。記得，這不是作業，而是一場冒險！
+**慢慢來，盡情探索且享受學習樂趣！**
+你今天已經學習了很多，這是一件值得驕傲的事情！接下來就是有趣的部分——探索那些激發你好奇心的主題。記得，這不是作業——這是一場冒險！
 
-**深入探究讓你感興趣的內容：**
+**深入挖掘你感興趣的領域：**
 
-**親自動手玩程式語言：**
-- 造訪吸引你目光的 2-3 種程式語言官方網站。每種語言都有它獨特的個性與故事！
-- 嘗試一些線上編碼平台，如 [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，快去下載吧——它是免費的，你一定會喜歡！
-- 花幾分鐘瀏覽 Extensions 市集。它就像你的程式碼編輯器的應用程式商店！
-- 打開瀏覽器的開發者工具，點點看各種功能。別擔心一次全部懂，只要熟悉環境即可。
-
-**參與社群：**
-- 追蹤一些開發者社群，如 [Dev.to](https://dev.to/)、[Stack Overflow](https://stackoverflow.com/) 或 [GitHub](https://github.com/)。程式社群對新手非常友善！
-- 在 YouTube 上觀看一些入門程式教學影片。許多優質創作者都記得初學時的心情。
-- 考慮參加本地聚會或線上社群。相信我，開發者都很樂於幫助新手！
+- 如果你還沒下載 Visual Studio Code，現在就下載吧——它是免費的，你會喜歡它！
+- 花幾分鐘瀏覽擴充功能市集。它就像是你的程式碼編輯器的應用商店！
+- 打開瀏覽器的開發者工具，隨便點點。別擔心要理解所有東西——先熟悉它們的存在即可。
 
-> 🎯 **記住，我希望你牢記的是**：你不需要一夜之間成為程式高手！現在，你只是開始認識這個即將成為你生活一部分的精彩新世界。慢慢來，享受這趟旅程，並記得——你所敬佩的每位開發者，都曾經坐在你現在的位置，滿心期待也可能帶著些許不安。那是完全正常的，這也代表你正在走在正確的道路上！
+**加入社群：**
+- 在 [Dev.to](https://dev.to/)、[Stack Overflow](https://stackoverflow.com/) 或 [GitHub](https://github.com/) 追蹤一些開發者社群。程式設計社群對新手非常包容！
+- 在 YouTube 上觀看一些適合初學者的程式設計教學影片。許多優秀的創作者都記得剛開始學習時的心情。
+- 考慮加入當地的聚會或線上社群。相信我，開發者們非常樂於幫助新手！
 
+> 🎯 **聽我說，這是你要記住的事**：你不必期待自己一夜之間成為編程高手！此刻，你只是剛開始認識這個你即將加入的美妙新世界。放慢腳步，享受這段旅程，並記得——你崇拜的每位開發者，都曾經坐在你現在的位置上，既興奮又可能有些不知所措。這完全正常，也代表你走對了路！
 
-## Assignment
+## 作業
 
 [Reading the Docs](assignment.md)
 
-> 💡 **關於作業的小提醒**：我真的很想看到你去探索我們還沒提過的工具！跳過我們已經談過的編輯器、瀏覽器和命令列工具——外面有個令人驚嘆的開發工具世界正等待你發掘。找尋活躍維護且擁有充滿活力、熱心社群的工具（這類工具通常擁有最好的教學，當你遇到困難需要幫助時，社群也會熱情支持你）。
-
+> 💡 **給你作業的小提醒**：我非常希望看到你探索一些我們還沒介紹過的工具！跳過我們已經談過的編輯器、瀏覽器和命令列工具——外面還有一整個驚人的開發工具宇宙等待你發掘。找那些持續維護並擁有活躍且樂於助人的社群的工具（這類工具通常有最棒的教學，而且當你遇到困難需要幫助時，會有人支持你）。
 
 ---
 
-## 🚀 Your Programming Journey Timeline
-
-### ⚡ **你接下來 5 分鐘可以做的事**
-- [ ] 書籤標記 2-3 個讓你感興趣的程式語言網站
-- [ ] 如果還沒下載 Visual Studio Code，立即下載
-- [ ] 開啟瀏覽器的開發者工具 (F12) 並在任何網站隨意點擊
-- [ ] 加入一個程式社群（Dev.to、Reddit r/webdev，或 Stack Overflow）
-
-### ⏰ **你這小時能完成的目標**
-- [ ] 完成課後測驗並反思你的答案
-- [ ] 使用 GitHub Copilot 擴充套件設定 VS Code
-- [ ] 線上嘗試 2 種不同程式語言的「Hello World」範例
-- [ ] 觀看一支 YouTube 上的「開發者的一天」影片
-- [ ] 開始執行你程式語言偵探任務（挑戰內容）
-
-### 📅 **你這週的冒險計畫**
-- [ ] 完成作業並探索 3 種新的開發工具
-- [ ] 在社群媒體追蹤 5 位開發者或程式帳號
-- [ ] 嘗試在 CodePen 或 Replit 中做一個簡單作品（至少是「Hello, [你的名字]！」）
+## 🚀 你的程式學習旅程時間軸
+
+### ⚡ **接下來 5 分鐘能完成的事**
+- [ ] 收藏 2-3 個讓你感興趣的程式語言官網
+- [ ] 如果還沒下載，安裝 Visual Studio Code
+- [ ] 打開瀏覽器的 DevTools（F12）並隨意點開任何網站
+- [ ] 加入一個程式開發社群（Dev.to、Reddit r/webdev 或 Stack Overflow）
+
+### ⏰ **這一小時能完成的事**
+- [ ] 完成課後小測並反思你的答案
+- [ ] 安裝 VS Code 的 GitHub Copilot 擴充功能
+- [ ] 線上用兩種不同的程式語言嘗試寫一個「Hello World」範例
+- [ ] 在 YouTube 觀看一段「開發者的一天」類型的影片
+- [ ] 開始進行你的程式語言偵探任務（來自挑戰）
+
+### 📅 **你這一週的冒險**
+- [ ] 完成作業並探索 3 種全新的開發工具
+- [ ] 在社交媒體上追蹤 5 位開發者或程式帳號
+- [ ] 嘗試在 CodePen 或 Replit 製作一個小作品（哪怕只是「Hello, [你的名字]！」）
 - [ ] 閱讀一篇開發者分享他們程式旅程的部落格文章
-- [ ] 參加線上聚會或觀看程式演講
-- [ ] 開始用線上教程學習你選定的程式語言
+- [ ] 參加一場線上聚會或觀看一次程式講座
+- [ ] 開始用線上教學學習你選擇的語言
 
-### 🗓️ **你這月的轉變**
-- [ ] 建立你的第一個小專案（即使只是簡單的網頁也算！）
-- [ ] 貢獻於開源專案（從文件修正開始）
+### 🗓️ **你一個月的蛻變**
+- [ ] 打造你的第一個小專案（即使是一個簡單的網頁也算！）
+- [ ] 為開源專案做點貢獻（從文件修正開始）
 - [ ] 指導剛開始學程式的人
-- [ ] 建立你的開發者個人作品集網站
-- [ ] 與本地開發者社群或學習小組聯繫
-- [ ] 開始規劃下一個學習里程碑
+- [ ] 建立你的開發者作品集網站
+- [ ] 與當地開發社群或讀書會建立連結
+- [ ] 開始規劃你的下一個學習里程碑
 
-### 🎯 **最後的反思檢查點**
+### 🎯 **最後反思檢視**
 
-**在繼續前，花點時間慶祝：**
-- 今天程式中讓你最興奮的是什麼？
-- 你最想先探索哪個工具或概念？
-- 對於剛開始的程式旅程，你有什麼感覺？
-- 現在你最想問開發者的一個問題是什麼？
+**在繼續前，花點時間慶祝一下：**
+- 今天讓你對程式設計感到興奮的是什麼？
+- 你想先探索哪個工具或概念？
+- 你對展開這段程式學習旅程的感覺如何？
+- 現在你最想問一位開發者的問題是什麼？
 
 ```mermaid
 journey
-    title 你的自信建立旅程
+    title 你的自信建立之旅
     section 今天
       好奇: 3: You
       不知所措: 4: You
       興奮: 5: You
-    section 這週
-      探索: 4: You
-      學習: 5: You
-      連結: 4: You
+    section 本週
+      探索中: 4: You
+      學習中: 5: You
+      連結中: 4: You
     section 下個月
-      建立: 5: You
+      建立中: 5: You
       自信: 5: You
       幫助他人: 5: You
 ```
-> 🌟 **記住**：每位專家都曾是初學者。每位資深開發者也曾像你現在一樣興奮、可能有點不知所措，卻充滿好奇想知道未來的可能性。你正在與了不起的人同行，這趟旅程將會非常精彩。歡迎來到美妙的程式世界！🎉
+> 🌟 **記住**：每位專家也曾是初學者。每位資深開發者當初都曾有過和你一樣的感受——興奮、可能有些不知所措，還充滿對未來可能性的好奇。你身處一群了不起的人之中，這段旅程將會非常精彩。歡迎來到美妙的程式世界！🎉
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於準確性，但請注意，機器翻譯可能包含錯誤或不準確之處。文件原文應視為權威資料。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯所產生的任何誤解或誤用承擔責任。
+本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我們努力確保準確性，但請注意自動翻譯結果可能包含錯誤或不準確之處。原始文件的母語版本應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而產生的任何誤解或誤釋負責。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-TW/AGENTS.md b/translations/zh-TW/AGENTS.md
index 28222442a..f895e187c 100644
--- a/translations/zh-TW/AGENTS.md
+++ b/translations/zh-TW/AGENTS.md
@@ -2,42 +2,42 @@
 
 ## 專案概述
 
-這是一個用於教導初學者網頁開發基礎的教學課程庫。該課程為期12週，由微軟雲端推廣者開發，包含24堂實作課程，涵蓋JavaScript、CSS及HTML。
+這是一個針對初學者教授網頁開發基礎的教育課程資源庫。此課程是由 Microsoft Cloud Advocates 所設計的綜合性 12 週課程，包含 24 節實作課程，涵蓋 JavaScript、CSS 與 HTML。
 
-### 主要組成部分
+### 主要組成
 
-- **教學內容**：24堂結構化課程，組織為專案模組
-- **實務專案**：Terrarium、生字輸入遊戲、瀏覽器擴充功能、太空遊戲、銀行應用、程式碼編輯器以及AI聊天助理
-- **互動測驗**：48份測驗，每份含3題（課前/課後評估）
-- **多語言支持**：透過GitHub Actions自動翻譯超過50種語言
-- **技術棧**：HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（用於AI專案）
+- **教育內容**：24 節結構化課程，按照專案模組組織
+- **實際專案**：Terrarium、打字遊戲、瀏覽器擴充功能、太空遊戲、銀行應用程式、程式碼編輯器及 AI 聊天助理
+- **互動測驗**：48 個測驗，每個包含 3 題（課前/課後評量）
+- **多語言支援**：透過 GitHub Actions 自動翻譯超過 50 種語言
+- **技術棧**：HTML、CSS、JavaScript、Vue.js 3、Vite、Node.js、Express、Python（AI 專案專用）
 
 ### 架構
 
-- 教育資源庫，課程基於單元結構
-- 每堂課資料夾包含README、程式碼範例及解答
-- 獨立專案分布於不同目錄（quiz-app、各種課程專案）
-- 利用GitHub Actions的翻譯系統（co-op-translator）
-- 文件使用Docsify呈現，亦可另存為PDF
+- 教育資源庫，採用以課程為基礎的結構
+- 每堂課的資料夾包含 README、程式碼範例與解答
+- 獨立專案獨立在不同目錄（如 quiz-app、各課程專案）
+- 使用 GitHub Actions (co-op-translator) 的翻譯系統
+- 使用 Docsify 提供文件服務，並可匯出 PDF
 
-## 設置指令
+## 安裝指令
 
-本倉庫主要用於教育內容瀏覽。若要操作特定專案：
+此資源庫主要用於教育內容瀏覽。若需操作特定專案：
 
-### 主要倉庫設置
+### 主要資源庫安裝
 
 ```bash
 git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
 cd Web-Dev-For-Beginners
 ```
 
-### 測驗應用設置（Vue 3 + Vite）
+### 測驗應用程式安裝（Vue 3 + Vite）
 
 ```bash
 cd quiz-app
 npm install
 npm run dev        # 啟動開發伺服器
-npm run build      # 建置生產環境
+npm run build      # 為生產環境進行建置
 npm run lint       # 執行 ESLint
 ```
 
@@ -56,7 +56,7 @@ npm run format     # 使用 Prettier 格式化
 ```bash
 cd 5-browser-extension/solution
 npm install
-# 遵循瀏覽器特定的擴充功能載入說明
+# 遵循瀏覽器特定的擴充功能載入指示
 ```
 
 ### 太空遊戲專案
@@ -76,42 +76,42 @@ pip install openai
 python api.py
 ```
 
-## 開發工作流程
+## 開發流程
 
 ### 內容貢獻者
 
-1. **Fork 倉庫**到您的 GitHub 帳號
-2. **本機 Clone** 您的 Fork
-3. **建立新分支**以進行更改
-4. 修改課程內容或程式碼範例
+1. **將資源庫 fork** 至您的 GitHub 帳號
+2. **在本機 clone 您的 fork**
+3. **建立新分支** 進行修改
+4. 對課程內容或程式碼範例進行修改
 5. 在相關專案目錄測試程式碼變更
-6. 遵循貢獻指南提交 Pull Request
+6. 按照貢獻指南提交 pull request
 
 ### 學習者
 
-1. Fork 或 Clone 倉庫
-2. 按順序瀏覽課程目錄
-3. 閱讀每堂課的 README 文件
-4. 完成 https://ff-quizzes.netlify.app/web/ 的課前測驗
+1. Fork 或 clone 此資源庫
+2. 依序瀏覽課程目錄
+3. 閱讀各課程的 README
+4. 完成課前測驗，網址：https://ff-quizzes.netlify.app/web/
 5. 練習課程資料夾中的程式碼範例
-6. 完成作業和挑戰任務
+6. 完成作業與挑戰
 7. 進行課後測驗
 
-### 即時開發
+### 現場開發
 
-- **文件**：於根目錄執行 `docsify serve`（預設port 3000）
-- **測驗應用**：於 quiz-app 目錄執行 `npm run dev`
-- **專案**：使用 VS Code Live Server 擴充功能開啟 HTML 專案
-- **API 專案**：於各 API 目錄執行 `npm start`
+- **文件**：於專案根目錄執行 `docsify serve` (監聽 3000 埠)
+- **測驗應用程式**：於 quiz-app 目錄執行 `npm run dev`
+- **專案**：對 HTML 專案使用 VS Code Live Server 擴充功能
+- **API 專案**：於對應 API 目錄執行 `npm start`
 
 ## 測試說明
 
-### 測驗應用測試
+### 測驗應用程式測試
 
 ```bash
 cd quiz-app
 npm run lint       # 檢查程式碼風格問題
-npm run build      # 驗證建置成功
+npm run build      # 驗證建置是否成功
 ```
 
 ### 銀行 API 測試
@@ -119,77 +119,77 @@ npm run build      # 驗證建置成功
 ```bash
 cd 7-bank-project/api
 npm run lint       # 檢查程式碼風格問題
-node server.js     # 驗證伺服器啟動是否無錯誤
+node server.js     # 確認伺服器啟動時無錯誤
 ```
 
-### 一般測試方式
+### 一般測試方法
 
-- 本教育資源庫沒有完善的自動化測試
-- 以手動測試為主：
-  - 程式碼範例執行無誤
-  - 文件中的連結正確可用
-  - 專案編譯成功
-  - 範例符合最佳實務
+- 本資源庫為教育用途，未包含全面自動化測試
+- 主要手動測試聚焦於：
+  - 程式碼範例正確執行無誤
+  - 文件中的連結正常
+  - 專案建構成功
+  - 範例遵循最佳實務
 
 ### 提交前檢查
 
-- 在含有 package.json 的目錄執行 `npm run lint`
-- 驗證 markdown 連結有效
-- 在瀏覽器或 Node.js 中測試程式碼範例
-- 確認翻譯內容結構正確
+- 於含 package.json 目錄執行 `npm run lint`
+- 確認 markdown 連結有效
+- 在瀏覽器或 Node.js 測試程式碼範例
+- 確保翻譯保留正確結構
 
 ## 程式碼風格指南
 
 ### JavaScript
 
-- 使用現代 ES6+ 語法
-- 遵循專案中預設的 ESLint 配置
-- 使用有意義的變數及函式名稱以利教學
-- 添加註解說明概念供學習者理解
-- 有設定 Prettier 的地方使用其格式化
+- 採用現代 ES6+ 語法
+- 遵循專案中提供的標準 ESLint 設定
+- 使用具意義的變數與函式名稱以便教學說明
+- 加入註解解釋概念
+- 於有配置處使用 Prettier 格式化
 
 ### HTML/CSS
 
 - 使用語義化 HTML5 元素
 - 採用響應式設計原則
-- 清晰的類別命名規範
-- 添加註解說明 CSS 技巧給學習者
+- 清晰的類別命名約定
+- 加入註解解釋 CSS 技巧以便學習
 
 ### Python
 
 - 遵循 PEP 8 風格指南
-- 清楚且具教學意義的程式碼範例
-- 提供有助學習的類型標註
+- 清楚且具教育意義的程式碼範例
+- 在有助於理解的地方加入型別提示
 
 ### Markdown 文件
 
-- 條理分明的標題層級
-- 指定語言的程式碼區塊
-- 提供額外資源連結
-- 在 `images/` 資料夾內附有截圖和圖片
-- 圖片務必添加替代文字以利無障礙
+- 清晰的標題階層
+- 具語言標示的程式碼區塊
+- 附加資源連結
+- 包含截圖與位於 `images/` 目錄的圖片
+- 圖片具備輔助功能的替代文字
 
 ### 檔案組織
 
-- 課程以序號編排（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}/` 結構儲存
 
 ## 建置與部署
 
-### 測驗應用部署（Azure 靜態網站）
+### 測驗應用程式部署（Azure 靜態網頁應用）
 
-quiz-app 已配置為 Azure 靜態網站部署：
+quiz-app 已配置可用於 Azure 靜態網頁應用部署：
 
 ```bash
 cd quiz-app
 npm run build      # 建立 dist/ 資料夾
-# 在推送到 main 時透過 GitHub Actions 工作流程部署
+# 在推送至 main 時透過 GitHub Actions 工作流程部署
 ```
 
-Azure 靜態網站配置：
-- **應用程式位置**：`/quiz-app`
+Azure 靜態網頁應用配置：
+- **App 位置**：`/quiz-app`
 - **輸出位置**：`dist`
 - **工作流程**：`.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
 
@@ -204,79 +204,79 @@ npm run convert               # 從 docs 生成 PDF
 
 ```bash
 npm install -g docsify-cli    # 全域安裝 Docsify
-docsify serve                 # 在 localhost:3000 提供服務
+docsify serve                 # 在 localhost:3000 上提供服務
 ```
 
 ### 專案特定建置
 
-各專案資料夾可能有各自的建置流程：
-- Vue 專案：使用 `npm run build` 建置生產版
+各專案目錄可能有自己的建置流程：
+- Vue 專案：使用 `npm run build` 製作生產用包
 - 靜態專案：無建置步驟，直接提供檔案服務
 
 ## Pull Request 指南
 
 ### 標題格式
 
-使用清楚描述修改範圍的標題：
-- `[Quiz-app] 新增第X課測驗`
+使用明確且描述性的標題指出變更範圍：
+- `[Quiz-app] 新增第 X 課測驗`
 - `[Lesson-3] 修正 terrarium 專案錯字`
-- `[Translation] 新增第5課西班牙語翻譯`
-- `[Docs] 更新設置說明`
+- `[Translation] 新增第 5 課西班牙語翻譯`
+- `[Docs] 更新安裝說明`
 
 ### 必要檢查
 
 提交 PR 前：
 
 1. **程式碼品質**：
-   - 在影響的專案目錄執行 `npm run lint`
-   - 修正所有 lint 錯誤和警告
+   - 在受影響專案目錄執行 `npm run lint`
+   - 修正所有 lint 錯誤與警告
 
 2. **建置驗證**：
-   - 執行 `npm run build`（若適用）
-   - 確保無建置錯誤
+   - 如適用，執行 `npm run build`
+   - 確認無建置錯誤
 
 3. **連結驗證**：
    - 測試所有 markdown 連結
-   - 確認圖片路徑正確
+   - 確認圖片引用正常
 
-4. **內容審校**：
-   - 校對拼寫和語法
+4. **內容校對**：
+   - 文稿拼寫與文法檢查
    - 確認程式碼範例正確且具教育意義
-   - 驗證翻譯維持原意
+   - 驗證翻譯保有原意
 
-### 貢獻條件
+### 貢獻要求
 
-- 同意 Microsoft CLA（自動於首次 PR 檢查）
-- 遵守 [Microsoft 開源行為守則](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 描述中參考 issue 編號
 
 ### 審查流程
 
-- 由維護者與社群共同審查 PR
-- 以教學清晰度為優先
-- 程式碼範例須遵守最新最佳實務
-- 翻譯需審核正確性與文化適應性
+- PR 由維護者與社群審查
+- 優先考量教育清晰度
+- 程式碼範例應遵循最新最佳實踐
+- 翻譯檢視準確度與文化適當性
 
 ## 翻譯系統
 
 ### 自動翻譯
 
-- 透過 GitHub Actions 使用 co-op-translator 工作流程
-- 自動翻譯超過50種語言
-- 原始檔案於主目錄
-- 翻譯檔案置於 `translations/{language-code}/` 目錄
+- 使用 GitHub Actions 且採 co-op-translator 工作流程
+- 自動翻譯超過 50 種語言
+- 原始檔案在主要目錄
+- 翻譯檔案儲存在 `translations/{language-code}/`
 
-### 手動翻譯改進
+### 新增人工翻譯改進
 
 1. 找出 `translations/{language-code}/` 中的檔案
-2. 改善內容同時保留結構
-3. 確保程式碼範例仍可使用
-4. 測試本地化後測驗內容
+2. 進行改進時維持結構不變
+3. 確保程式碼範例能正常運作
+4. 測試本地化的測驗內容
 
-### 翻譯元資料
+### 翻譯元數據
 
-翻譯檔包含元資料標頭：
+翻譯檔包含如下元資料標頭：
 ```markdown
 <!--
 CO_OP_TRANSLATOR_METADATA:
@@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
 -->
 ```
 
-## 偵錯與故障排除
+## 偵錯與問題排解
 
 ### 常見問題
 
-**測驗應用無法啟動**：
-- 檢查 Node.js 版本（建議 v14+）
-- 刪除 `node_modules` 和 `package-lock.json`，重新執行 `npm install`
-- 檢查埠號衝突（預設 Vite 使用 port 5173）
+**測驗應用程式無法啟動**：
+- 檢查 Node.js 版本（建議最低 v14）
+- 刪除 `node_modules` 及 `package-lock.json` 後重新執行 `npm install`
+- 檢查埠號衝突（預設 Vite 使用埠 5173）
 
 **API 伺服器無法啟動**：
 - 確認 Node.js 版本符合最低要求（node >=10）
-- 檢查埠號是否被占用
-- 確保已安裝所有依賴（`npm install`）
+- 確認埠號未被占用
+- 確保所有依賴已安裝（`npm install`）
 
-**瀏覽器擴充功能無法載入**：
+**瀏覽器擴充無法載入**：
 - 確認 manifest.json 格式正確
-- 使用瀏覽器主控台查看錯誤
-- 依照瀏覽器特定擴充功能安裝指引操作
+- 檢查瀏覽器控制台錯誤訊息
+- 遵循瀏覽器特定擴充安裝說明
 
 **Python 聊天專案問題**：
-- 確保安裝 OpenAI 套件：`pip install openai`
-- 核實 GITHUB_TOKEN 環境變數已設定
-- 檢查 GitHub Models 權限設定
+- 確認已安裝 OpenAI 套件：`pip install openai`
+- 確認已設定 GITHUB_TOKEN 環境變數
+- 檢查 GitHub Models 存取權限
 
 **Docsify 無法提供文件**：
 - 全域安裝 docsify-cli：`npm install -g docsify-cli`
-- 於倉庫根目錄啟動
-- 確認 `docs/_sidebar.md` 存在
+- 從資源庫根目錄執行
+- 確認存在 `docs/_sidebar.md`
 
 ### 開發環境建議
 
-- 使用 VS Code 並安裝 Live Server 擴充功能開啟 HTML 專案
-- 安裝 ESLint 與 Prettier 擴充確保格式一致
-- 利用瀏覽器的開發者工具除錯 JavaScript
-- Vue 專案安裝 Vue DevTools 瀏覽器擴充功能
+- HTML 專案使用 VS Code Live Server 擴充
+- 安裝 ESLint 與 Prettier 擴充以維持格式一致
+- 使用瀏覽器開發工具偵錯 JavaScript
+- Vue 專案可安裝 Vue DevTools 瀏覽器擴充
 
-### 性能考量
+### 效能考量
 
-- 翻譯檔案數量龐大（超過50種語言），完整 clone 會很大
-- 若只處理內容，採用淺層 clone：`git clone --depth 1`
-- 工作英文內容時可排除翻譯檔案搜尋
-- 初次執行建置流程（npm install，Vite build）可能較慢
+- 翻譯檔案眾多（超過 50 種語言），完整 clone 會很大
+- 僅需內容時建議使用淺層 clone：`git clone --depth 1`
+- 使用中英文內容時，建議排除翻譯檔案搜尋
+- 初次執行可能建置緩慢（npm install、Vite 建置）
 
 ## 安全考量
 
 ### 環境變數
 
-- API 金鑰切勿提交至倉庫
-- 使用 `.env` 檔案（已加入 `.gitignore`）
-- 各專案 README 記錄必要環境變數
+- API 金鑰絕不可被提交至資源庫
+- 使用 `.env` 檔案（已於 `.gitignore` 中忽略）
+- 專案 README 中記錄必要環境變數
 
 ### Python 專案
 
 - 使用虛擬環境：`python -m venv venv`
-- 維持依賴套件更新
-- GitHub token 僅需最低權限
+- 保持依賴更新
+- GitHub token 需設置最低必要權限
 
 ### GitHub Models 存取
 
-- 使用個人存取權杖（PAT）存取 GitHub Models
-- 將權杖存為環境變數
-- 禁止提交權杖或憑證
+- 需使用個人存取權杖 (PAT)
+- 權杖應存放於環境變數
+- 絕不可提交權杖或憑證
 
-## 其他注意事項
+## 附加說明
 
-### 目標受眾
+### 目標族群
 
-- 完全初學網頁開發者
+- 網頁開發完全初學者
 - 學生與自學者
-- 教師用於課堂教學
-- 內容設計注重可及性與逐步技能培養
+- 教室中使用本課程的教師
+- 內容設計注重無障礙與技能漸進培養
 
 ### 教育理念
 
-- 專案導向學習
-- 經常性知識檢測（測驗）
+- 以專案為基礎的學習方式
+- 常態性的知識檢測（測驗）
 - 實作編碼練習
-- 真實生活應用範例
-- 先掌握基礎再談框架
+- 強調實務應用範例
+- 先學習基礎原理，再接觸框架
 
-### 倉庫維護
+### 資源庫維護
 
-- 活躍學習者與貢獻者社群
-- 定期依賴與內容更新
-- 由維護者監控議題與討論
-- 翻譯更新自動化透過 GitHub Actions
+- 學習者與貢獻者活躍社群
+- 定期更新依賴與內容
+- 維護者監控議題與討論
+- 使用 GitHub Actions 自動化翻譯更新
 
 ### 相關資源
 
 - [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、資料科學、機器學習、物聯網課程可取得
+- 推薦學習使用 [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
+- 附加課程：生成式 AI、資料科學、機器學習、物聯網課程內容
 
-### 操作特定專案
+### 個別專案操作
 
-詳細指引請參考下列專案目錄中的 README 文件：
-- `quiz-app/README.md` - Vue 3 測驗應用
-- `7-bank-project/README.md` - 銀行應用含驗證功能
-- `5-browser-extension/README.md` - 瀏覽器擴充功能開發
-- `6-space-game/README.md` - Canvas 遊戲開發
-- `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` — Canvas 太空遊戲開發
+- `9-chat-project/README.md` — AI 聊天助理專案
 
 ### Monorepo 結構
 
-雖非傳統 monorepo，本倉庫包含多個獨立專案：
-- 每堂課皆自成一體
-- 專案間不共用相依套件
-- 可單獨作業不影響其他專案
-- 若要完整課程體驗，請完整 clone 倉庫
+本資源庫非傳統 monorepo，但包含多個獨立專案：
+- 每堂課自成一格
+- 專案不共用依賴
+- 可獨立作業不影響他專案
+- 想完整體驗這門課請 clone 整個資源庫
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
-**免責聲明**：  
-本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們力求準確，但請注意自動翻譯可能包含錯誤或不準確之處。原始文件之原文版本應視為權威資料。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯版本所產生之任何誤解或誤用承擔責任。
+**免責聲明**：
+本文件使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們力求準確，但請注意自動翻譯可能包含錯誤或不精確之處。原始文件的母語版本應被視為權威資料來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯而產生的任何誤解或誤譯負責。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file
diff --git a/translations/zh-TW/README.md b/translations/zh-TW/README.md
index fa62fe1d2..586bf9da0 100644
--- a/translations/zh-TW/README.md
+++ b/translations/zh-TW/README.md
@@ -10,203 +10,213 @@
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
-# 初學者網站開發 - 一套課程
+# 初學者的網頁開發課程
 
-透過微軟雲端推廣者的12週完整課程學習網站開發的基礎。這24堂課透過動手專案深入探索JavaScript、CSS和HTML，範例涵蓋玻璃箱生態瓶、瀏覽器擴充功能和太空遊戲。參與測驗、討論與實作作業。使用我們有效的專案導向教學法提升你的技能並優化知識吸收。立即開始你的程式碼學習旅程！
+透過微軟雲端推廣員的 12 週全面課程，學習網頁開發的基礎知識。24 個課程單元透過實作專案如生態瓶、瀏覽器擴充功能及太空遊戲，深入探討 JavaScript、CSS 和 HTML。參與測驗、討論及實務作業。利用我們高效的專案導向教學法，強化技能並優化知識吸收。立即展開你的程式設計之旅！
 
 加入 Azure AI Foundry Discord 社群
 
 [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
 
 按照以下步驟開始使用這些資源：
-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. **Clone 該程式庫**：   `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 Action 支援（自動且永遠最新）
+#### 透過 GitHub Action 實現（自動且持續更新）
 
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
-[阿拉伯語](../ar/README.md) | [孟加拉語](../bn/README.md) | [保加利亞語](../bg/README.md) | [緬甸語 (Myanmar)](../my/README.md) | [中文 (簡體)](../zh-CN/README.md) | [中文 (繁體, 香港)](../zh-HK/README.md) | [中文 (繁體, 澳門)](../zh-MO/README.md) | [中文 (繁體, 台灣)](./README.md) | [克羅埃西亞語](../hr/README.md) | [捷克語](../cs/README.md) | [丹麥語](../da/README.md) | [荷蘭語](../nl/README.md) | [愛沙尼亞語](../et/README.md) | [芬蘭語](../fi/README.md) | [法語](../fr/README.md) | [德語](../de/README.md) | [希臘語](../el/README.md) | [希伯來語](../he/README.md) | [印地語](../hi/README.md) | [匈牙利語](../hu/README.md) | [印尼語](../id/README.md) | [義大利語](../it/README.md) | [日語](../ja/README.md) | [卡納達語](../kn/README.md) | [韓語](../ko/README.md) | [立陶宛語](../lt/README.md) | [馬來語](../ms/README.md) | [馬拉雅拉姆語](../ml/README.md) | [馬拉地語](../mr/README.md) | [尼泊爾語](../ne/README.md) | [奈及利亞皮欽語](../pcm/README.md) | [挪威語](../no/README.md) | [波斯語 (Farsi)](../fa/README.md) | [波蘭語](../pl/README.md) | [葡萄牙語 (巴西)](../pt-BR/README.md) | [葡萄牙語 (葡萄牙)](../pt-PT/README.md) | [旁遮普語 (古爾穆奇體)](../pa/README.md) | [羅馬尼亞語](../ro/README.md) | [俄語](../ru/README.md) | [塞爾維亞語 (西里爾字母)](../sr/README.md) | [斯洛伐克語](../sk/README.md) | [斯洛維尼亞語](../sl/README.md) | [西班牙語](../es/README.md) | [斯瓦希里語](../sw/README.md) | [瑞典語](../sv/README.md) | [他加祿語 (菲律賓語)](../tl/README.md) | [泰米爾語](../ta/README.md) | [泰盧固語](../te/README.md) | [泰語](../th/README.md) | [土耳其語](../tr/README.md) | [烏克蘭語](../uk/README.md) | [烏爾都語](../ur/README.md) | [越南語](../vi/README.md)
+[阿拉伯語](../ar/README.md) | [孟加拉語](../bn/README.md) | [保加利亞語](../bg/README.md) | [緬甸語](../my/README.md) | [中文（簡體）](../zh-CN/README.md) | [中文（繁體，香港）](../zh-HK/README.md) | [中文（繁體，澳門）](../zh-MO/README.md) | [中文（繁體，台灣）](./README.md) | [克羅埃西亞語](../hr/README.md) | [捷克語](../cs/README.md) | [丹麥語](../da/README.md) | [荷蘭語](../nl/README.md) | [愛沙尼亞語](../et/README.md) | [芬蘭語](../fi/README.md) | [法語](../fr/README.md) | [德語](../de/README.md) | [希臘語](../el/README.md) | [希伯來語](../he/README.md) | [印地語](../hi/README.md) | [匈牙利語](../hu/README.md) | [印尼語](../id/README.md) | [義大利語](../it/README.md) | [日語](../ja/README.md) | [卡納達語](../kn/README.md) | [韓語](../ko/README.md) | [立陶宛語](../lt/README.md) | [馬來語](../ms/README.md) | [馬拉亞拉姆語](../ml/README.md) | [馬拉地語](../mr/README.md) | [尼泊爾語](../ne/README.md) | [奈及利亞洋腔](../pcm/README.md) | [挪威語](../no/README.md) | [波斯語 (法爾西)](../fa/README.md) | [波蘭語](../pl/README.md) | [葡萄牙語 (巴西)](../pt-BR/README.md) | [葡萄牙語 (葡萄牙)](../pt-PT/README.md) | [旁遮普語 (Gurmukhi)](../pa/README.md) | [羅馬尼亞語](../ro/README.md) | [俄語](../ru/README.md) | [塞爾維亞語 (西里爾字母)](../sr/README.md) | [斯洛伐克語](../sk/README.md) | [斯洛文尼亞語](../sl/README.md) | [西班牙語](../es/README.md) | [斯瓦希里語](../sw/README.md) | [瑞典語](../sv/README.md) | [他加祿語 (菲律賓語)](../tl/README.md) | [泰米爾語](../ta/README.md) | [泰盧固語](../te/README.md) | [泰語](../th/README.md) | [土耳其語](../tr/README.md) | [烏克蘭語](../uk/README.md) | [烏爾都語](../ur/README.md) | [越南語](../vi/README.md)
 
-> **想要本機 Clone？**
-
-> 此程式庫包含50多種語言翻譯，將大幅增加下載大小。若想不帶翻譯下載，請使用 sparse checkout：
+> **偏好本機複製？**
+>
+> 本倉庫包含 50 多種語言翻譯，會大幅增加下載大小。若想不包含翻譯檔複製，請使用稀疏簽出：
+>
+> **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"
+> ```
+>
+> 這可幫助你用更快速度下載並擁有完成課程所需的一切資料。
 <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
 
-**如需其他翻譯語言支援，請參考 [此處](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**若希望支援更多翻譯語言，可查看[此處](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
 
 [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
 
 #### 🧑‍🎓 _你是學生嗎？_
 
-造訪 [**學生中心頁面**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) 這裡有初學者資源、學生套件，甚至還有取得免費證書兌換券的方式。這個頁面非常值得收藏並定期查看，因為內容會每月更新。
+請造訪[**學生專區頁面**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)，這裡提供初學者資源、學生套件，甚至免費證書代金券兌換方式。請收藏此頁，並定期瀏覽，我們會每月更新內容。
 
-### 📣 公告 - 新增 GitHub Copilot Agent 模式挑戰可完成！
+### 📣 公告 - 新增 GitHub Copilot 代理模式挑戰關卡！
 
-新增挑戰，請在多數章節尋找「GitHub Copilot Agent Challenge 🚀」。這是利用 GitHub Copilot 和 Agent 模式完成的新挑戰。如果你還沒用過 Agent 模式，它不只會生成文字，還能建立及編輯檔案、執行命令等等。
+新挑戰已加入，大多數章節中可見 "GitHub Copilot Agent Challenge 🚀"。這是使用 GitHub Copilot 與代理模式完成的全新挑戰。如果你還沒用過代理模式，它不僅能生成文字，還能建立與編輯檔案、執行指令等。
 
-### 📣 公告 - _新專案使用生成式 AI 建構_
+### 📣 公告 - _新增使用生成式 AI 建置的專案_ 
 
-剛新增 AI 助手專案，請查看 [專案](./9-chat-project/README.md)
+最新 AI 助理專案已推出，詳見[專案](./9-chat-project/README.md)
 
-### 📣 公告 - _新課程_ 針對 JavaScript 的生成式 AI 課程剛發布
+### 📣 公告 - _全新生成式 AI JavaScript 課程大公開_
 
-別錯過我們的生成式 AI 新課程！
+別錯過我們的全新生成式 AI 課程！
 
-請造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始您的學習！
+造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！
 
-![Background](../../translated_images/zh-TW/background.148a8d43afde5730.webp)
+![背景](../../translated_images/zh-TW/background.148a8d43afde5730.webp)
 
-- 課程範圍涵蓋從基礎到檢索增強生成（RAG）。
-- 使用生成式 AI 和我們的伴侶應用與歷史人物互動。
-- 有趣且引人入勝的敘事，你將穿越時空！
+- 課程涵蓋從基礎到 RAG 技術。
+- 使用生成式 AI 與伴隨應用互動，與歷史人物對話。
+- 趣味且引人入勝的故事情節，你將展開時光之旅！
 
-![character](../../translated_images/zh-TW/character.5c0dd8e067ffd693.webp)
+![角色](../../translated_images/zh-TW/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)。
 
-#### 建立你的程式庫
-為方便你保存作品，建議建立此程式庫的個人副本。可點選頁面頂端的 **Use this template** 按鈕，會在你的 GitHub 帳號建立一個使用此課程內容的新程式庫。
+#### 建立你的代碼庫
+為方便儲存作業，建議你建立本倉庫的個人副本。按下頁面頂端的 **Use this template** 按鈕，系統會在你的 GitHub 帳號內建立包含課程內容的新代碼庫。
 
-請依照以下步驟操作：
-1. **Fork 程式庫**：點擊本頁右上方的「Fork」按鈕。
-2. **Clone 程式庫**：   `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/zh-TW/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) 作為文字編輯器，它內建了[終端機](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)。你可以從[這裡](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)下載 Visual Studio Code。
+欲在本機運行課程，需準備文字編輯器、瀏覽器及命令列工具。我們的第一堂課，[程式語言與開發工具入門](../../1-getting-started-lessons/1-intro-to-programming-languages) 將引導你檢視各種選項，選擇最適合你的工具。
 
-1. 將你的程式庫 Clone 到電腦。可點擊 **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](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 。
+1. 將您的存放庫複製到您的電腦。您可以點擊 **Code** 按鈕並複製 URL：
 
     [CodeSpace](./images/createcodespace.png)
-然後，在 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 中開啟 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)，並執行以下指令，將 `<your-repository-url>` 替換為你剛剛複製的 URL：
+
+    接著，在 [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) 中開啟 [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) 並執行以下指令，將 `<your-repository-url>` 替換成剛剛複製的 URL：
 
     ```bash 
     git clone <your-repository-url>
     ```
 
-2. 在 Visual Studio Code 中開啟資料夾。你可以點選 **File** > **Open Folder**，選擇剛剛克隆的資料夾。
+2. 在 Visual Studio Code 中開啟資料夾。您可以點擊 **File** > **Open Folder** 並選擇剛剛複製的資料夾。
 
 
 >  推薦的 Visual Studio Code 擴充功能：
 >
-> * [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  |                     Getting Started                   |           程式設計入門與常用工具介紹                             | 瞭解多數程式語言背後的基本原理，並認識協助專業開發者的軟體工具                                                         | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |       Jasmine       |
-| 02  |                     Getting Started                   |             GitHub 基礎與團隊協作教學                            | 了解如何在專案中使用 GitHub，及如何與他人協同合作維護程式碼                                                             |                            [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md)                             |        Floor        |
-| 03  |                     Getting Started                   |                           無障礙設計                             | 學習網頁無障礙設計的基礎                                                                                                  |                       [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md)                       |     Christopher     |
-| 04  |                        JS Basics                      |                       JavaScript 資料類型                        | JavaScript 資料類型的基礎知識                                                                                             |                                       [Data Types](./2-js-basics/1-data-types/README.md)                                        |       Jasmine       |
-| 05  |                        JS Basics                      |                     函式與方法介紹                              | 瞭解函式與方法如何管理應用程式邏輯流程                                                                                     |                              [Functions and Methods](./2-js-basics/2-functions-methods/README.md)                               | Jasmine and Christopher |
-| 06  |                        JS Basics                      |                      JavaScript 決策製作                         | 學習如何使用決策結構在程式碼中建立條件                                                                                     |                                 [Making Decisions](./2-js-basics/3-making-decisions/README.md)                                  |       Jasmine       |
-| 07  |                        JS Basics                      |                         陣列與迴圈                               | 使用陣列與迴圈來操作資料                                                                                                 |                                   [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md)                                    |       Jasmine       |
-| 08  |       [Terrarium](./3-terrarium/solution/README.md)  |                         HTML 實作                                 | 建立 HTML 以打造線上生態瓶，專注於建立排版布局                                                                             |                                 [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md)                                 |         Jen         |
-| 09  |       [Terrarium](./3-terrarium/solution/README.md)  |                          CSS 實作                                 | 製作 CSS 以美化線上生態瓶，學習 CSS 基礎與響應式設計                                                                        |                                  [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md)                                  |         Jen         |
-| 10  |      [Terrarium](./3-terrarium/solution/README.md)   |                JavaScript 閉包與 DOM 操作                         | 撰寫 JavaScript 以實作拖放式生態瓶介面，專注於閉包及 DOM 操作                                                              |                  [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |         Jen         |
-| 11  |       [Typing Game](./4-typing-game/solution/README.md)       |                           打字遊戲製作                           | 學習如何使用鍵盤事件驅動 JavaScript 應用程式邏輯                                                                             |                                [Event-Driven Programming](./4-typing-game/typing-game/README.md)                                |     Christopher     |
-| 12  | [Green Browser Extension](./5-browser-extension/solution/README.md) |                        瀏覽器原理與操作                          | 瞭解瀏覽器的工作原理與歷史，並搭建瀏覽器擴充功能的初始元件                                                                |                               [About Browsers](./5-browser-extension/1-about-browsers/README.md)                                |         Jen         |
-| 13  | [Green Browser Extension](./5-browser-extension/solution/README.md) |           製作表單、呼叫 API 並儲存至本地儲存空間                   | 撰寫瀏覽器擴充功能中的 JavaScript 元素以呼叫 API，並使用變數存儲於本地儲存空間                                                |                [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |         Jen         |
-| 14  | [Green Browser Extension](./5-browser-extension/solution/README.md) |               背景程序與網頁效能優化                             | 利用瀏覽器背景程序管理擴充功能圖示，理解網頁效能並學習優化方法                                                                |             [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md)              |         Jen         |
-| 15  |           [Space Game](./6-space-game/solution/README.md)          |                進階 JavaScript 遊戲開發                          | 瞭解繼承、類別與組合模式以及發布/訂閱模式，為遊戲開發做準備                                                                 |                      [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md)                       |        Chris        |
-| 16  |           [Space Game](./6-space-game/solution/README.md)          |                          Canvas 繪圖                              | 瞭解 Canvas API 以繪製螢幕上的元素                                                                                           |                                [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |        Chris        |
-| 17  |           [Space Game](./6-space-game/solution/README.md)          |                      控制元素在螢幕上移動                        | 探索如何利用直角座標系與 Canvas API 使元素產生運動                                                                           |                           [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md)                           |        Chris        |
-| 18  |           [Space Game](./6-space-game/solution/README.md)          |                        碰撞偵測                                   | 實作元素之間的碰撞與反應，並透過按鍵觸發冷卻功能以確保遊戲效能                                                                |                              [Collision Detection](./6-space-game/4-collision-detection/README.md)                              |        Chris        |
-| 19  |           [Space Game](./6-space-game/solution/README.md)          |                          計分系統                                | 根據遊戲狀態與表現執行數學計算                                                                                              |                                    [Keeping Score](./6-space-game/5-keeping-score/README.md)                                    |        Chris        |
-| 20  |           [Space Game](./6-space-game/solution/README.md)          |                       結束及重新開始遊戲                         | 了解如何結束與重新啟動遊戲，包括清理資源與重設變數                                                                            |                                [The Ending Condition](./6-space-game/6-end-condition/README.md)                                 |        Chris        |
-| 21  |           [Banking App](./7-bank-project/solution/README.md)       |                 網頁應用中的 HTML 範本與路由                     | 學習如何使用路由與 HTML 範本來建立多頁網站架構                                                                                |                            [HTML Templates and Routes](./7-bank-project/1-template-route/README.md)                             |        Yohan        |
-| 22  |           [Banking App](./7-bank-project/solution/README.md)       |                      建立登入與註冊表單                           | 認識表單建置及驗證流程                                                                                                       |                                           [Forms](./7-bank-project/2-forms/README.md)                                           |        Yohan        |
-| 23  |           [Banking App](./7-bank-project/solution/README.md)       |                     資料獲取與使用方法                           | 瞭解資料如何流入與流出應用程式，包含取得、儲存與處理                                                                          |                                            [Data](./7-bank-project/3-data/README.md)                                            |        Yohan        |
-| 24  |           [Banking App](./7-bank-project/solution/README.md)       |                        狀態管理概念                              | 學會應用程式如何保留狀態，以及如何以程式化方式管理狀態                                                                        |                                [State Management](./7-bank-project/4-state-management/README.md)                                |        Yohan        |
-| 25  | [Browser/VScode Code](../../8-code-editor)              | 使用 VScode          | 學習如何使用程式碼編輯器       | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26  | [AI Assistants](./9-chat-project/README.md)           | 使用 AI               | 學習如何打造自己的 AI 助手     | [AI Assistant project](./9-chat-project/README.md) | Chris |
+|     |                       專案名稱                       |                            教授概念                             | 學習目標                                                                                                                 |                                                         連結課程                                                          |         作者          |
+| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01  |                     開始入門                      |           程式設計與開發工具導論           | 學習大部分程式語言的基礎原理以及協助專業開發者工作的軟體 | [程式語言與開發工具導論](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) |         Jasmine         |
+| 02  |                     開始入門                      |             GitHub 基礎，包含團隊協作             | 如何在專案中使用 GitHub，如何與他人協作程式碼庫                                                    |                            [GitHub 入門](./1-getting-started-lessons/2-github-basics/README.md)                             |          Floor          |
+| 03  |                     開始入門                      |                             無障礙設計                              | 學習網頁無障礙設計的基本概念                                                                                               |                       [無障礙基礎](./1-getting-started-lessons/3-accessibility/README.md)                       |       Christopher       |
+| 04  |                        JS 基礎                         |                         JavaScript 資料型別                          | JavaScript 資料型別基礎                                                                                                 |                                       [資料型別](./2-js-basics/1-data-types/README.md)                                        |         Jasmine         |
+| 05  |                        JS 基礎                         |                         函數與方法                          | 了解如何使用函數及方法管理應用程式的邏輯流程                                                             |                              [函數與方法](./2-js-basics/2-functions-methods/README.md)                               | Jasmine 和 Christopher |
+| 06  |                        JS 基礎                         |                        使用 JS 做決策                        | 學習使用決策方法建立程式條件                                                           |                                 [做決策](./2-js-basics/3-making-decisions/README.md)                                  |         Jasmine         |
+| 07  |                        JS 基礎                         |                            陣列與迴圈                            | 使用 JavaScript 陣列與迴圈操作資料                                                                                 |                                   [陣列與迴圈](./2-js-basics/4-arrays-loops/README.md)                                    |         Jasmine         |
+| 08  |       [Terrarium](./3-terrarium/solution/README.md)       |                            HTML 實務                            | 建置 HTML 製作線上生態缸，專注於網頁排版                                                         |                                 [HTML入門](./3-terrarium/1-intro-to-html/README.md)                                 |           Jen           |
+| 09  |       [Terrarium](./3-terrarium/solution/README.md)       |                            CSS 實務                             | 建置 CSS 來設計線上生態缸，專注於基礎 CSS 及響應式網頁設計                     |                                  [CSS入門](./3-terrarium/2-intro-to-css/README.md)                                  |           Jen           |
+| 10  |            [Terrarium](./3-terrarium/solution/README.md)            |                 JavaScript 閉包與 DOM 操作                  | 建置 JavaScript 使完整生態缸具拖拉介面功能，專注閉包與 DOM 操作             |                  [JavaScript 閉包與 DOM 操作](./3-terrarium/3-intro-to-DOM-and-closures/README.md)                   |           Jen           |
+| 11  |          [打字遊戲](./4-typing-game/solution/README.md)          |                          建立打字遊戲                           | 學習如何使用鍵盤事件驅動 JavaScript 應用邏輯                                                          |                                [事件驅動程式設計](./4-typing-game/typing-game/README.md)                                |       Christopher       |
+| 12  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |                         瀏覽器工作原理                          | 了解瀏覽器如何運作及其歷史，並架構瀏覽器擴充功能的基本元素                               |                               [認識瀏覽器](./5-browser-extension/1-about-browsers/README.md)                                |           Jen           |
+| 13  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) | 建立表單、呼叫 API 並儲存變數於本地儲存 | 建立瀏覽器擴充功能的 JavaScript 元素，使用本地儲存的變數呼叫 API                      |                [API、表單與本地儲存](./5-browser-extension/2-forms-browsers-local-storage/README.md)                 |           Jen           |
+| 14  | [綠色瀏覽器擴充功能](./5-browser-extension/solution/README.md) |          瀏覽器背景程序與網頁效能          | 使用瀏覽器背景程序來管理擴充圖示；學習網頁效能與優化方式   |             [背景作業與效能](./5-browser-extension/3-background-tasks-and-performance/README.md)              |           Jen           |
+| 15  |           [太空遊戲](./6-space-game/solution/README.md)           |             進階的 JavaScript 遊戲開發             | 了解繼承、類別與組合以及 Pub/Sub 模式，為建立遊戲做準備              |                      [進階遊戲開發入門](./6-space-game/1-introduction/README.md)                       |          Chris          |
+| 16  |           [太空遊戲](./6-space-game/solution/README.md)           |                           畫到畫布                            | 學習 Canvas API，用於繪製畫面元素                                                                       |                                [畫到 Canvas](./6-space-game/2-drawing-to-canvas/README.md)                                |          Chris          |
+| 17  |           [太空遊戲](./6-space-game/solution/README.md)           |                   移動畫面上的元素                    | 探索元素如何透過笛卡兒座標與 Canvas API 產生運動                                            |                           [移動畫素](./6-space-game/3-moving-elements-around/README.md)                           |          Chris          |
+| 18  |           [太空遊戲](./6-space-game/solution/README.md)           |                          碰撞偵測                           | 讓元素相互碰撞並做出反應，使用按鍵事件並提供冷卻功能以確保遊戲順暢    |                              [碰撞偵測](./6-space-game/4-collision-detection/README.md)                              |          Chris          |
+| 19  |           [太空遊戲](./6-space-game/solution/README.md)           |                             計分                              | 根據遊戲狀態與表現進行數學計算                                                                |                                    [計分](./6-space-game/5-keeping-score/README.md)                                    |          Chris          |
+| 20  |           [太空遊戲](./6-space-game/solution/README.md)           |                     遊戲結束與重新開始                     | 了解遊戲結束與重新開始，包括清理資源與重設變數                              |                                [結束條件](./6-space-game/6-end-condition/README.md)                                 |          Chris          |
+| 21  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                 HTML 範本與網頁路由                 | 學習如何建立多頁網站架構，使用路由與 HTML 範本                             |                            [HTML 範本與路由](./7-bank-project/1-template-route/README.md)                             |          Yohan          |
+| 22  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                  建立登入與註冊表單                   | 了解建立表單及處理驗證程序                                                                          |                                           [表單](./7-bank-project/2-forms/README.md)                                           |          Yohan          |
+| 23  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                   資料抓取與使用                   | 了解資料在應用程式中的流動，如何抓取、儲存與處理                                                 |                                            [資料](./7-bank-project/3-data/README.md)                                            |          Yohan          |
+| 24  |         [銀行應用程式](./7-bank-project/solution/README.md)          |                      狀態管理概念                      | 學習應用程式如何保持狀態並以程式方式管理                                                              |                                [狀態管理](./7-bank-project/4-state-management/README.md)                                |          Yohan          |
+| 25 | [瀏覽器/VSCode 程式碼](../../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 |
 
 ## 🏫 教學法
 
-我們的課程設計基於兩個主要教學原則：
+我們的課程設計基於兩項重要的教學原理：
 * 專案導向學習
-* 經常性的測驗
+* 頻繁測驗
 
-本課程教授 JavaScript、HTML 與 CSS 的核心基礎，以及當今網頁開發人員使用的最新工具與技術。學員將有機會透過製作打字遊戲、虛擬生態瓶、環保瀏覽器擴充功能、太空入侵者風格遊戲與企業銀行應用程式等項目，累積實作經驗。系列課程結束後，學員將獲得扎實的網頁開發知識。
+本課程教授 JavaScript、HTML 和 CSS 的基礎，以及現今網頁開發者常用的最新工具與技術。學生將有機會透過實作打造打字遊戲、虛擬生態缸、環保瀏覽器擴充功能、太空侵略者風格遊戲及銀行業務應用。課程結束時，學生將具備紮實的網頁開發理解。
 
-> 🎓 你可以將本課程的前幾堂課作為 Microsoft Learn 上的 [學習路徑](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)！
+> 🎓 您可以將本課程的前幾堂課以 Microsoft Learn 的[學習路徑](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 基礎入門課程搭配「[JavaScript 初學者系列](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)」影片教學，其中多位作者參與本課程。
 
-此外，上課前的低壓力測驗可幫助學生設定學習目標，而課後的測驗則加強學習成效。本課程設計靈活且富趣味，可整體或部分修習。專案由淺入深，於十二週課程結束時達到高度複雜度。
+此外，課前低難度測驗設立學習目標，課後第二次測驗確保加強記憶。這課程設計靈活有趣，可以完整學習或部分學習。專案從簡單開始，12 週課程結束時逐步變得複雜。
 
-雖然我們刻意避免介紹 JavaScript 框架，以便先著重於作為網頁開發者所需的基本技能，再進一步學習框架，但完成本課程的良好下一步，是透過另一系列影片 "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" 學習 Node.js。
+我們特意避免介紹 JavaScript 框架，專注培養基本技能，學習者後續可利用另一系列影片「[Node.js 初學者系列](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)」來深入 Node.js。
 
-> 請參閱我們的 [行為守則](CODE_OF_CONDUCT.md) 與 [貢獻指南](CONTRIBUTING.md)。非常歡迎您提供建設性的意見！
+> 請參閱我們的[行為準則](CODE_OF_CONDUCT.md)與[貢獻指南](CONTRIBUTING.md)。歡迎您提供建設性回饋！
 
 
-## 🧭 離線存取
+## 🧭 離線使用
 
-你可以使用 [Docsify](https://docsify.js.org/#/) 離線瀏覽此文件。將此倉庫 fork 至你的本機，並安裝 [Docsify](https://docsify.js.org/#/quickstart)，然後在本倉庫根目錄執行 `docsify serve`。網站將在本地的 3000 端口啟動：`localhost:3000`。
+您可透過 [Docsify](https://docsify.js.org/#/) 離線瀏覽本文件。將此倉庫分支，於本機安裝 [Docsify](https://docsify.js.org/#/quickstart)，接著在此倉庫根目錄執行 `docsify serve`。網站將在本機的 3000 埠提供服務：`localhost:3000`。
 
 ## 📘 PDF
-
-所有課程的 PDF 版本可在 [此處](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) 下載。
+所有課程的 PDF 可在[這裡](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)找到。
 
 
 ## 🎒 其他課程
-我們團隊還製作了其他課程！歡迎參考：
+
+我們團隊還製作其他課程！請參考：
 
 <!-- CO-OP TRANSLATOR OTHER COURSES START -->
 ### LangChain
@@ -250,21 +260,21 @@
 
 ## 尋求協助
 
-如果您在構建 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) 檔案。
 
 ---
 
 <!-- CO-OP TRANSLATOR DISCLAIMER START -->
 **免責聲明**：  
-本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於確保準確性，但請注意自動翻譯可能包含錯誤或不準確之處。文件原文的原始語言版本應被視為權威來源。對於重要資訊，建議使用專業人工翻譯。我們不對因使用本翻譯所引起的任何誤解或曲解負責。
+本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們力求準確，但請注意，自動翻譯可能包含錯誤或不準確之處。原始文件之母語版本應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們不對因使用本翻譯所引起的任何誤解或誤譯承擔責任。
 <!-- CO-OP TRANSLATOR DISCLAIMER END -->
\ No newline at end of file